"use strict"; const {jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", pre: "pre", span: "span", ..._provideComponents(), ...props.components }; return _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-dataviewjs code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// ⚙️ CONFIGURAÇÕES — altere APENAS esta seção\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const rangeDays = <% tp.system.prompt(\"Daily Logs Dayrange config\")%>; // Alterar o número de dias\n" }), _jsx(_components.span, { className: "code-line", children: "const CONFIG = {\n" }), _jsx(_components.span, { className: "code-line", children: " tag: \"#calendar/daily\", // Tag usada para filtrar notas\n" }), _jsx(_components.span, { className: "code-line", children: " sectionHeader: \"Capture #capture\", // Cabeçalho da seção alvo\n" }), _jsx(_components.span, { className: "code-line", children: " rangeDays: rangeDays, // Intervalo em dias\n" }), _jsx(_components.span, { className: "code-line", children: " sortOrder: \"desc\" // Opções: \"asc\" | \"desc\"\n" }), _jsx(_components.span, { className: "code-line", children: "};\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🎯 CATEGORIAS PARA AGRUPAMENTO\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const categories = [\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"💡\", name: \"Ideia\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"⭐\", name: \"Algo bom\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"😴\", name: \"Even\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"💀\", name: \"Puts\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"🌱\", name: \"Motivação\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"💩\", name: \"Cagada\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"❓\", name: \"???\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"🧭\", name: \"Intenção\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"💬\", name: \"Gratidão\" },\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: "];\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🗓️ INTERVALO DE DATAS\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const endDate = moment('<% tp.date.now(\"YYYY-MM-DD\") %>', 'YYYY-MM-DD');\n" }), _jsx(_components.span, { className: "code-line", children: "const startDate = moment(endDate).subtract(CONFIG.rangeDays, 'days'); // X dias atrás\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 📄 CAPTURA DE PÁGINAS VÁLIDAS\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const pages = dv.pages(CONFIG.tag)\n" }), _jsx(_components.span, { className: "code-line", children: " .where(p => {\n" }), _jsx(_components.span, { className: "code-line", children: " const fileDate = moment(p.file.name, \"YYYY-MM-DD\");\n" }), _jsx(_components.span, { className: "code-line", children: " return fileDate.isBetween(startDate, endDate, null, '[]');\n" }), _jsx(_components.span, { className: "code-line", children: " })\n" }), _jsx(_components.span, { className: "code-line", children: " .sort(p => p.file.name, CONFIG.sortOrder);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🧩 EXTRAÇÃO DO CONTEÚDO DA SEÇÃO DEFINIDA\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "let allEntries = [];\n" }), _jsx(_components.span, { className: "code-line", children: "let categoryTotals = Object.fromEntries(categories.map(c => [c.name, 0]));\n" }), _jsx(_components.span, { className: "code-line", children: "let totalLogs = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "for (const page of pages) {\n" }), _jsx(_components.span, { className: "code-line", children: " const content = await dv.io.load(page.file.path);\n" }), _jsx(_components.span, { className: "code-line", children: " const lines = content.split('\\n');\n" }), _jsx(_components.span, { className: "code-line", children: " let insideTarget = false;\n" }), _jsx(_components.span, { className: "code-line", children: " let sectionContent = [];\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " for (const line of lines) {\n" }), _jsx(_components.span, { className: "code-line", children: " if (line.startsWith(\"# \" + CONFIG.sectionHeader)) {\n" }), _jsx(_components.span, { className: "code-line", children: " insideTarget = true;\n" }), _jsx(_components.span, { className: "code-line", children: " continue;\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " if (line.startsWith(\"# \") && insideTarget) break;\n" }), _jsx(_components.span, { className: "code-line", children: " if (insideTarget && line.trim() !== \"\") {\n" }), _jsx(_components.span, { className: "code-line", children: " sectionContent.push(line.trim());\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " if (sectionContent.length > 0) {\n" }), _jsx(_components.span, { className: "code-line", children: " sectionContent.forEach(line => {\n" }), _jsx(_components.span, { className: "code-line", children: " // Detectar categoria baseada no emoji\n" }), _jsx(_components.span, { className: "code-line", children: " let detectedCategory = \"Outros\";\n" }), _jsx(_components.span, { className: "code-line", children: " let categoryIcon = \"📄\";\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " for (const category of categories) {\n" }), _jsx(_components.span, { className: "code-line", children: " if (line.includes(category.icon)) {\n" }), _jsx(_components.span, { className: "code-line", children: " detectedCategory = category.name;\n" }), _jsx(_components.span, { className: "code-line", children: " categoryIcon = category.icon;\n" }), _jsx(_components.span, { className: "code-line", children: " categoryTotals[category.name]++;\n" }), _jsx(_components.span, { className: "code-line", children: " totalLogs++;\n" }), _jsx(_components.span, { className: "code-line", children: " break;\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " allEntries.push({\n" }), _jsx(_components.span, { className: "code-line", children: " date: page.file.link,\n" }), _jsx(_components.span, { className: "code-line", children: " content: line,\n" }), _jsx(_components.span, { className: "code-line", children: " category: detectedCategory,\n" }), _jsx(_components.span, { className: "code-line", children: " icon: categoryIcon,\n" }), _jsx(_components.span, { className: "code-line", children: " rawContent: line.replace(/[💡⭐😴💀🌱💩❓💬🧭]/g, '').trim()\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 📊 CARD DE CONTAGEM NO TOPO\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "function renderStatsCard() {\n" }), _jsx(_components.span, { className: "code-line", children: " const statsCard = document.createElement(\"div\");\n" }), _jsx(_components.span, { className: "code-line", children: " statsCard.style.marginBottom = \"12px\";\n" }), _jsx(_components.span, { className: "code-line", children: " statsCard.style.padding = \"12px\";\n" }), _jsx(_components.span, { className: "code-line", children: " statsCard.style.border = \"1px solid var(--background-modifier-border)\";\n" }), _jsx(_components.span, { className: "code-line", children: " statsCard.style.borderRadius = \"6px\";\n" }), _jsx(_components.span, { className: "code-line", children: " statsCard.style.backgroundColor = \"var(--background-secondary)\";\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " let statsHTML = `

`;\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " for (const cat of categories) {\n" }), _jsx(_components.span, { className: "code-line", children: " const count = categoryTotals[cat.name] || 0;\n" }), _jsx(_components.span, { className: "code-line", children: " const percentage = totalLogs > 0 ? ((count / totalLogs) * 100).toFixed(1) : 0;\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " statsHTML += `\n" }), _jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: " ${cat.icon}\n" }), _jsx(_components.span, { className: "code-line", children: " ${count}\n" }), _jsx(_components.span, { className: "code-line", children: " ${percentage}%\n" }), _jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: " `;\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " statsHTML += `

`;\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " statsHTML += `\n" }), _jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: " 🧮 Total: ${totalLogs}\n" }), _jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: " `;\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " statsCard.innerHTML = statsHTML;\n" }), _jsx(_components.span, { className: "code-line", children: " return statsCard;\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🎛️ CONTROLES DE SELEÇÃO\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const controls = document.createElement(\"div\");\n" }), _jsx(_components.span, { className: "code-line", children: "controls.style.marginBottom = \"16px\";\n" }), _jsx(_components.span, { className: "code-line", children: "controls.style.padding = \"8px\";\n" }), _jsx(_components.span, { className: "code-line", children: "controls.style.border = \"1px solid var(--background-modifier-border)\";\n" }), _jsx(_components.span, { className: "code-line", children: "controls.style.borderRadius = \"8px\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Select para agrupamento\n" }), _jsx(_components.span, { className: "code-line", children: "const groupSelect = document.createElement(\"select\");\n" }), _jsx(_components.span, { className: "code-line", children: "groupSelect.style.marginRight = \"12px\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const groupOptions = [\n" }), _jsx(_components.span, { className: "code-line", children: " { value: \"none\", text: \"📅 Ordenar por Data\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { value: \"category\", text: \"🎯 Agrupar por Categoria\" }\n" }), _jsx(_components.span, { className: "code-line", children: "];\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "categories.forEach(category => {\n" }), _jsx(_components.span, { className: "code-line", children: " const count = categoryTotals[category.name] || 0;\n" }), _jsx(_components.span, { className: "code-line", children: " groupOptions.push({\n" }), _jsx(_components.span, { className: "code-line", children: " value: `cat-${category.name}`,\n" }), _jsx(_components.span, { className: "code-line", children: " text: `${category.icon} ${category.name} (${count})`\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: "});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "groupOptions.forEach(opt => {\n" }), _jsx(_components.span, { className: "code-line", children: " const option = document.createElement(\"option\");\n" }), _jsx(_components.span, { className: "code-line", children: " option.value = opt.value;\n" }), _jsx(_components.span, { className: "code-line", children: " option.textContent = opt.text;\n" }), _jsx(_components.span, { className: "code-line", children: " groupSelect.appendChild(option);\n" }), _jsx(_components.span, { className: "code-line", children: "});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Select para ordenação\n" }), _jsx(_components.span, { className: "code-line", children: "const sortSelect = document.createElement(\"select\");\n" }), _jsx(_components.span, { className: "code-line", children: "const sortOptions = [\n" }), _jsx(_components.span, { className: "code-line", children: " { value: \"desc\", text: \"⬆️\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { value: \"asc\", text: \"⬇️\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { value: \"category\", text: \"🔤\" }\n" }), _jsx(_components.span, { className: "code-line", children: "];\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "sortOptions.forEach(opt => {\n" }), _jsx(_components.span, { className: "code-line", children: " const option = document.createElement(\"option\");\n" }), _jsx(_components.span, { className: "code-line", children: " option.value = opt.value;\n" }), _jsx(_components.span, { className: "code-line", children: " option.textContent = opt.text;\n" }), _jsx(_components.span, { className: "code-line", children: " option.selected = opt.value === CONFIG.sortOrder;\n" }), _jsx(_components.span, { className: "code-line", children: " sortSelect.appendChild(option);\n" }), _jsx(_components.span, { className: "code-line", children: "});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "controls.appendChild(document.createTextNode(\"Agrupar por: \"));\n" }), _jsx(_components.span, { className: "code-line", children: "controls.appendChild(groupSelect);\n" }), _jsx(_components.span, { className: "code-line", children: "controls.appendChild(document.createTextNode(\" Ordenar por: \"));\n" }), _jsx(_components.span, { className: "code-line", children: "controls.appendChild(sortSelect);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 📊 FUNÇÃO PARA RENDERIZAR TABELA\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "function renderTable(entries, groupBy = \"none\", sortBy = CONFIG.sortOrder) {\n" }), _jsx(_components.span, { className: "code-line", children: " const oldTable = dv.container.querySelector(\"table\");\n" }), _jsx(_components.span, { className: "code-line", children: " if (oldTable) oldTable.remove();\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " let processedEntries = [...entries];\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " if (sortBy === \"asc\") processedEntries.sort((a,b) => a.date > b.date ? 1 : -1);\n" }), _jsx(_components.span, { className: "code-line", children: " else if (sortBy === \"desc\") processedEntries.sort((a,b) => a.date < b.date ? 1 : -1);\n" }), _jsx(_components.span, { className: "code-line", children: " else if (sortBy === \"category\") processedEntries.sort((a,b) => a.category.localeCompare(b.category));\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " const table = document.createElement(\"table\");\n" }), _jsx(_components.span, { className: "code-line", children: " table.style.width = \"100%\";\n" }), _jsx(_components.span, { className: "code-line", children: " table.style.borderCollapse = \"collapse\";\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " const thead = document.createElement(\"thead\");\n" }), _jsx(_components.span, { className: "code-line", children: " const trHead = document.createElement(\"tr\");\n" }), _jsx(_components.span, { className: "code-line", children: " [\"🗓️\", \"📝\"].forEach(h => {\n" }), _jsx(_components.span, { className: "code-line", children: " const th = document.createElement(\"th\");\n" }), _jsx(_components.span, { className: "code-line", children: " th.textContent = h;\n" }), _jsx(_components.span, { className: "code-line", children: " th.style.textAlign = \"left\";\n" }), _jsx(_components.span, { className: "code-line", children: " th.style.padding = \"8px 12px\";\n" }), _jsx(_components.span, { className: "code-line", children: " th.style.borderBottom = \"2px solid var(--background-modifier-border)\";\n" }), _jsx(_components.span, { className: "code-line", children: " th.style.backgroundColor = \"var(--background-secondary)\";\n" }), _jsx(_components.span, { className: "code-line", children: " trHead.appendChild(th);\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " thead.appendChild(trHead);\n" }), _jsx(_components.span, { className: "code-line", children: " table.appendChild(thead);\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " const tbody = document.createElement(\"tbody\");\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " if (groupBy === \"none\" || groupBy.startsWith(\"cat-\")) {\n" }), _jsx(_components.span, { className: "code-line", children: " let filteredEntries = processedEntries;\n" }), _jsx(_components.span, { className: "code-line", children: " if (groupBy.startsWith(\"cat-\")) {\n" }), _jsx(_components.span, { className: "code-line", children: " const selectedCategory = groupBy.replace(\"cat-\", \"\");\n" }), _jsx(_components.span, { className: "code-line", children: " filteredEntries = processedEntries.filter(entry => entry.category === selectedCategory);\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " filteredEntries.forEach(entry => {\n" }), _jsx(_components.span, { className: "code-line", children: " const tr = document.createElement(\"tr\");\n" }), _jsx(_components.span, { className: "code-line", children: " const tdDate = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdDate.style.padding = \"6px 12px\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdDate.style.borderBottom = \"1px solid var(--background-modifier-border)\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdDate.appendChild(dv.el(\"span\", entry.date));\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdDate);\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " const tdContent = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdContent.style.padding = \"6px 12px\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdContent.style.borderBottom = \"1px solid var(--background-modifier-border)\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdContent.innerHTML = `${entry.icon} ${entry.rawContent}`;\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdContent);\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " tbody.appendChild(tr);\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " } else if (groupBy === \"category\") {\n" }), _jsx(_components.span, { className: "code-line", children: " const grouped = {};\n" }), _jsx(_components.span, { className: "code-line", children: " processedEntries.forEach(entry => {\n" }), _jsx(_components.span, { className: "code-line", children: " if (!grouped[entry.category]) grouped[entry.category] = [];\n" }), _jsx(_components.span, { className: "code-line", children: " grouped[entry.category].push(entry);\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " const sortedCategories = Object.keys(grouped).sort();\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " sortedCategories.forEach(category => {\n" }), _jsx(_components.span, { className: "code-line", children: " const categoryEntries = grouped[category];\n" }), _jsx(_components.span, { className: "code-line", children: " const categoryInfo = categories.find(cat => cat.name === category) || { icon: \"📄\", name: category };\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " const trHeader = document.createElement(\"tr\");\n" }), _jsx(_components.span, { className: "code-line", children: " const tdHeader = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdHeader.colSpan = 2;\n" }), _jsx(_components.span, { className: "code-line", children: " tdHeader.style.padding = \"8px 12px\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdHeader.style.backgroundColor = \"var(--background-secondary)\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdHeader.style.fontWeight = \"bold\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdHeader.style.borderBottom = \"2px solid var(--background-modifier-border)\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdHeader.textContent = `${categoryInfo.icon} ${category} (${categoryEntries.length} entradas)`;\n" }), _jsx(_components.span, { className: "code-line", children: " trHeader.appendChild(tdHeader);\n" }), _jsx(_components.span, { className: "code-line", children: " tbody.appendChild(trHeader);\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " categoryEntries.forEach(entry => {\n" }), _jsx(_components.span, { className: "code-line", children: " const tr = document.createElement(\"tr\");\n" }), _jsx(_components.span, { className: "code-line", children: " const tdDate = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdDate.style.padding = \"6px 12px\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdDate.style.borderBottom = \"1px solid var(--background-modifier-border)\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdDate.appendChild(dv.el(\"span\", entry.date));\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdDate);\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " const tdContent = document.createElement(\"td\");\n" }), _jsx(_components.span, { className: "code-line", children: " tdContent.style.padding = \"6px 12px\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdContent.style.borderBottom = \"1px solid var(--background-modifier-border)\";\n" }), _jsx(_components.span, { className: "code-line", children: " tdContent.innerHTML = `${entry.icon} ${entry.rawContent}`;\n" }), _jsx(_components.span, { className: "code-line", children: " tr.appendChild(tdContent);\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " tbody.appendChild(tr);\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " table.appendChild(tbody);\n" }), _jsx(_components.span, { className: "code-line", children: " dv.container.appendChild(table);\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🚀 EXECUÇÃO INICIAL\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "dv.container.appendChild(renderStatsCard());\n" }), _jsx(_components.span, { className: "code-line", children: "dv.container.appendChild(controls);\n" }), _jsx(_components.span, { className: "code-line", children: "renderTable(allEntries);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// 🎛️ EVENT LISTENERS PARA OS CONTROLES\n" }), _jsx(_components.span, { className: "code-line", children: "//-----------------------------------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "groupSelect.addEventListener(\"change\", (e) => {\n" }), _jsx(_components.span, { className: "code-line", children: " renderTable(allEntries, e.target.value, sortSelect.value);\n" }), _jsx(_components.span, { className: "code-line", children: "});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "sortSelect.addEventListener(\"change\", (e) => {\n" }), _jsx(_components.span, { className: "code-line", children: " renderTable(allEntries, groupSelect.value, e.target.value);\n" }), _jsx(_components.span, { className: "code-line", children: "});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" })] }) }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };