`); preview.close(); }function setupTabs() { const tabs = document.querySelectorAll('.wce-tab-btn'); const containers = document.querySelectorAll('.wce-code-container');tabs.forEach(tab => { tab.addEventListener('click', () => { tabs.forEach(t => t.classList.remove('active')); containers.forEach(c => c.classList.remove('active')); tab.classList.add('active'); document.getElementById(`container-${tab.dataset.target}`).classList.add('active'); if(tab.dataset.target === 'html') cmHtml.refresh(); if(tab.dataset.target === 'css') cmCss.refresh(); if(tab.dataset.target === 'js') cmJs.refresh(); }); }); }// Função de Tela Cheia window.toggleFullScreen = function() { const wrapper = document.getElementById('web-code-editor-wrapper'); wrapper.classList.toggle('fullscreen'); // Delay para recalcular o editor após a animação/mudança setTimeout(() => { cmHtml.refresh(); cmCss.refresh(); cmJs.refresh(); }, 100); }// Lógica de Redimensionamento function setupResizer() { const resizer = document.getElementById('drag-handle'); const leftPane = document.getElementById('wce-editor-pane'); const rightPane = document.getElementById('wce-preview-pane'); const container = document.getElementById('wce-main-area'); let isResizing = false;resizer.addEventListener('mousedown', (e) => { isResizing = true; document.body.style.cursor = 'col-resize'; leftPane.style.pointerEvents = 'none'; rightPane.style.pointerEvents = 'none'; });document.addEventListener('mousemove', (e) => { if (!isResizing) return; // Sidebar fixa é 45px const sidebarWidth = 45; const containerOffset = container.getBoundingClientRect().left; const newWidth = e.clientX - containerOffset - sidebarWidth; const containerWidth = container.clientWidth - sidebarWidth - 8;if (newWidth > 100 && newWidth < containerWidth - 50) { leftPane.style.width = `${newWidth}px`; leftPane.style.flex = "none"; } });document.addEventListener('mouseup', () => { if (isResizing) { isResizing = false; document.body.style.cursor = 'default'; leftPane.style.pointerEvents = 'auto'; rightPane.style.pointerEvents = 'auto'; cmHtml.refresh(); cmCss.refresh(); cmJs.refresh(); } }); }