"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", code: "code", em: "em", h1: "h1", h2: "h2", hr: "hr", li: "li", p: "p", path: "path", pre: "pre", span: "span", svg: "svg", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsx(_components.p, { children: "2026-01-21’s Note" }), "\n", _jsxs(_components.p, { children: [_jsx(_components.a, { href: "/2026-01-20", className: "internal new", children: "↶ Ontem" }), " | ", _jsx(_components.a, { href: "/2026-01-22", className: "internal new", children: "Amanhã ↷" })] }), "\n", _jsxs(_components.h1, { id: "daily-mood", children: [_jsx(_components.a, { className: "heading-link", href: "#daily-mood", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Daily Mood"] }), "\n", _jsx(_components.p, { children: _jsx(_components.code, { className: "language-auto", children: "INPUT[inlineSelect(option('🙂 – Neutral'), option('😄 – Happy'), option('😐 – Meh'), option('😞 – Sad'), option('😠 – Frustrated'), showcase):daily-mood]" }) }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h1, { id: "gratidão", children: [_jsx(_components.a, { className: "heading-link", href: "#gratidão", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Gratidão"] }), "\n", _jsxs(_components.h2, { id: "comece-o-dia-escrevendo-pelo-que-você-é-gratoa-para-cultivar-um-senso-de-contentamento-e-apreciação", children: [_jsx(_components.a, { className: "heading-link", href: "#comece-o-dia-escrevendo-pelo-que-você-é-gratoa-para-cultivar-um-senso-de-contentamento-e-apreciação", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), _jsx(_components.em, { children: "Comece o dia escrevendo pelo que você é grato(a) para cultivar um senso de contentamento e apreciação" })] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h1, { id: "registro-de-trabalho-inlog", children: [_jsx(_components.a, { className: "heading-link", href: "#registro-de-trabalho-inlog", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Registro de Trabalho #inlog"] }), "\n", _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: "// 📊 HUMOR: CALENDÁRIO + LINE CHART COM DIA DA SEMANA\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const CONFIG = { tag: \"#calendar/daily\", rangeDays: 100 };\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// Configuração de visualização padrão\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const defaultView = 'chart'; // \"calendar\" ou \"chart\"\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// Mapas de humor\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const moodScale = {\n" }), _jsx(_components.span, { className: "code-line", children: " \"😄 – Happy\": 5,\n" }), _jsx(_components.span, { className: "code-line", children: " \"🙂 – Neutral\": 4,\n" }), _jsx(_components.span, { className: "code-line", children: " \"😐 – Meh\": 3,\n" }), _jsx(_components.span, { className: "code-line", children: " \"😞 – Sad\": 2,\n" }), _jsx(_components.span, { className: "code-line", children: " \"😠 – Frustrated\": 1\n" }), _jsx(_components.span, { className: "code-line", children: "};\n" }), _jsx(_components.span, { className: "code-line", children: "const moodColors = {\n" }), _jsx(_components.span, { className: "code-line", children: " 5: '#4caf50',\n" }), _jsx(_components.span, { className: "code-line", children: " 4: '#8bc34a',\n" }), _jsx(_components.span, { className: "code-line", children: " 3: '#ffc107',\n" }), _jsx(_components.span, { className: "code-line", children: " 2: '#ff9800',\n" }), _jsx(_components.span, { className: "code-line", children: " 1: '#f44336'\n" }), _jsx(_components.span, { className: "code-line", children: "};\n" }), _jsx(_components.span, { className: "code-line", children: "const moodLabels = Object.fromEntries(Object.entries(moodScale).map(([k,v]) => [v,k]));\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// Datas\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const endDate = moment('2025-10-30','YYYY-MM-DD');\n" }), _jsx(_components.span, { className: "code-line", children: "const startDate = moment(endDate).subtract(CONFIG.rangeDays,'days');\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// Coleta dados\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const pages = dv.pages(CONFIG.tag).sort(p => p.file.name,'asc');\n" }), _jsx(_components.span, { className: "code-line", children: "const days = [];\n" }), _jsx(_components.span, { className: "code-line", children: "const chartLabels = [];\n" }), _jsx(_components.span, { className: "code-line", children: "const chartData = [];\n" }), _jsx(_components.span, { className: "code-line", children: "const chartColors = [];\n" }), _jsx(_components.span, { className: "code-line", children: "const moodCount = {};\n" }), _jsx(_components.span, { className: "code-line", children: "let totalValue = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "let daysWithMood = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "for (let p of pages) {\n" }), _jsx(_components.span, { className: "code-line", children: " const d = moment(p.file.name,'YYYY-MM-DD');\n" }), _jsx(_components.span, { className: "code-line", children: " const mood = p[\"daily-mood\"];\n" }), _jsx(_components.span, { className: "code-line", children: " const value = moodScale[mood];\n" }), _jsx(_components.span, { className: "code-line", children: " if (d.isBetween(startDate,endDate,null,'[]') && value) {\n" }), _jsx(_components.span, { className: "code-line", children: " days.push({\n" }), _jsx(_components.span, { className: "code-line", children: " dateISO: d.format('YYYY-MM-DD'),\n" }), _jsx(_components.span, { className: "code-line", children: " emoji: mood.split(' – ')[0],\n" }), _jsx(_components.span, { className: "code-line", children: " label: d.format('D/M'),\n" }), _jsx(_components.span, { className: "code-line", children: " weekday: d.format('ddd'),\n" }), _jsx(_components.span, { className: "code-line", children: " value: value\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " chartLabels.push(d.format('DD/MM'));\n" }), _jsx(_components.span, { className: "code-line", children: " chartData.push(value);\n" }), _jsx(_components.span, { className: "code-line", children: " chartColors.push(moodColors[value]);\n" }), _jsx(_components.span, { className: "code-line", children: " moodCount[value] = (moodCount[value] || 0) + 1;\n" }), _jsx(_components.span, { className: "code-line", children: " totalValue += value;\n" }), _jsx(_components.span, { className: "code-line", children: " daysWithMood++;\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: "// Estatísticas\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const averageMood = daysWithMood ? (totalValue/daysWithMood).toFixed(1) : 0;\n" }), _jsx(_components.span, { className: "code-line", children: "let mostFrequentMood = null;\n" }), _jsx(_components.span, { className: "code-line", children: "let maxCount = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "for (const [v,c] of Object.entries(moodCount)) {\n" }), _jsx(_components.span, { className: "code-line", children: " if (c > maxCount) {\n" }), _jsx(_components.span, { className: "code-line", children: " maxCount = c;\n" }), _jsx(_components.span, { className: "code-line", children: " mostFrequentMood = parseInt(v);\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "let trend = \"→ Estável\";\n" }), _jsx(_components.span, { className: "code-line", children: "if (chartData.length >= 2) {\n" }), _jsx(_components.span, { className: "code-line", children: " const firstHalf = chartData.slice(0, Math.floor(chartData.length/2));\n" }), _jsx(_components.span, { className: "code-line", children: " const secondHalf = chartData.slice(Math.floor(chartData.length/2));\n" }), _jsx(_components.span, { className: "code-line", children: " const avgFirst = firstHalf.reduce((a,b)=>a+b,0)/firstHalf.length;\n" }), _jsx(_components.span, { className: "code-line", children: " const avgSecond = secondHalf.reduce((a,b)=>a+b,0)/secondHalf.length;\n" }), _jsx(_components.span, { className: "code-line", children: " if (avgSecond > avgFirst + 0.3) trend = \"📈 Melhorando\";\n" }), _jsx(_components.span, { className: "code-line", children: " else if (avgSecond < avgFirst - 0.3) trend = \"📉 Piorando\";\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: "// Container principal\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const root = dv.el(\"div\",\"\");\n" }), _jsx(_components.span, { className: "code-line", children: "root.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " display:flex; flex-direction:column; gap:8px; color:#fff;\n" }), _jsx(_components.span, { className: "code-line", children: " background: rgba(20,20,25,0.9); padding:10px; border-radius:10px; max-width:990px;\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: "// Botões alternar\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const btnDiv = document.createElement(\"div\");\n" }), _jsx(_components.span, { className: "code-line", children: "btnDiv.style.cssText = \"display:flex; gap:6px;\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const btnCal = document.createElement(\"button\");\n" }), _jsx(_components.span, { className: "code-line", children: "btnCal.textContent=\"📅 Calendário\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const btnChart = document.createElement(\"button\");\n" }), _jsx(_components.span, { className: "code-line", children: "btnChart.textContent=\"📈 Gráfico\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "[btnCal, btnChart].forEach(btn => {\n" }), _jsx(_components.span, { className: "code-line", children: " btn.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " padding:4px 8px; border:none; border-radius:6px; background:#333; color:#fff; cursor:pointer;\n" }), _jsx(_components.span, { className: "code-line", children: " font-size:0.85em; flex:1; transition:0.2s;\n" }), _jsx(_components.span, { className: "code-line", children: " `;\n" }), _jsx(_components.span, { className: "code-line", children: " btn.onmouseenter = () => btn.style.background = \"#555\";\n" }), _jsx(_components.span, { className: "code-line", children: " btn.onmouseleave = () => btn.style.background = \"#333\";\n" }), _jsx(_components.span, { className: "code-line", children: "});\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "btnDiv.appendChild(btnCal);\n" }), _jsx(_components.span, { className: "code-line", children: "btnDiv.appendChild(btnChart);\n" }), _jsx(_components.span, { className: "code-line", children: "root.appendChild(btnDiv);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// Calendário\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const calDiv = document.createElement(\"div\");\n" }), _jsx(_components.span, { className: "code-line", children: "calDiv.style.display = (defaultView===\"calendar\") ? \"grid\" : \"none\"; // ← padrão inicial\n" }), _jsx(_components.span, { className: "code-line", children: "calDiv.style.gridTemplateColumns = \"repeat(7,1fr)\";\n" }), _jsx(_components.span, { className: "code-line", children: "calDiv.style.gap = \"4px\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const startDay = startDate.day();\n" }), _jsx(_components.span, { className: "code-line", children: "for (let i=0;i${day.emoji}\n" }), _jsx(_components.span, { className: "code-line", children: "

${day.label}

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

${day.weekday}

\n" }), _jsx(_components.span, { className: "code-line", children: " `;\n" }), _jsx(_components.span, { className: "code-line", children: " cell.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " aspect-ratio:1/1; display:flex; flex-direction:column; justify-content:center; align-items:center;\n" }), _jsx(_components.span, { className: "code-line", children: " background: rgba(255,255,255,0.03); border:1px solid ${color}; border-radius:6px; padding:2px;\n" }), _jsx(_components.span, { className: "code-line", children: " transition: all 0.2s;\n" }), _jsx(_components.span, { className: "code-line", children: " `;\n" }), _jsx(_components.span, { className: "code-line", children: " cell.onmouseenter = () => { cell.style.background = color+\"33\"; cell.style.transform = \"scale(1.08)\"; };\n" }), _jsx(_components.span, { className: "code-line", children: " cell.onmouseleave = () => { cell.style.background = \"rgba(255,255,255,0.03)\"; cell.style.transform = \"scale(1)\"; };\n" }), _jsx(_components.span, { className: "code-line", children: " calDiv.appendChild(cell);\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "root.appendChild(calDiv);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// Line chart\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "const chartDiv = dv.el(\"div\",\"\");\n" }), _jsx(_components.span, { className: "code-line", children: "chartDiv.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " height:250px;width:100%;background-color:rgba(0,0,0,0.7);\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius:8px;padding:8px;\n" }), _jsx(_components.span, { className: "code-line", children: " display:${(defaultView===\"chart\") ? \"block\" : \"none\"};\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 chartConfig = {\n" }), _jsx(_components.span, { className: "code-line", children: " type:'line',\n" }), _jsx(_components.span, { className: "code-line", children: " data:{\n" }), _jsx(_components.span, { className: "code-line", children: " labels: chartLabels,\n" }), _jsx(_components.span, { className: "code-line", children: " datasets:[{\n" }), _jsx(_components.span, { className: "code-line", children: " data: chartData,\n" }), _jsx(_components.span, { className: "code-line", children: " borderColor:'#7e57c2',\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor:'rgba(126,87,194,0.08)',\n" }), _jsx(_components.span, { className: "code-line", children: " pointBackgroundColor: chartColors,\n" }), _jsx(_components.span, { className: "code-line", children: " pointBorderColor: chartColors,\n" }), _jsx(_components.span, { className: "code-line", children: " borderWidth:2,\n" }), _jsx(_components.span, { className: "code-line", children: " tension:0.3,\n" }), _jsx(_components.span, { className: "code-line", children: " fill:true,\n" }), _jsx(_components.span, { className: "code-line", children: " pointRadius:4,\n" }), _jsx(_components.span, { className: "code-line", children: " pointHoverRadius:6\n" }), _jsx(_components.span, { className: "code-line", children: " }]\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " options:{\n" }), _jsx(_components.span, { className: "code-line", children: " responsive:true,\n" }), _jsx(_components.span, { className: "code-line", children: " maintainAspectRatio:false,\n" }), _jsx(_components.span, { className: "code-line", children: " interaction:{intersect:false,mode:'index'},\n" }), _jsx(_components.span, { className: "code-line", children: " plugins:{\n" }), _jsx(_components.span, { className: "code-line", children: " legend:{display:false},\n" }), _jsx(_components.span, { className: "code-line", children: " tooltip:{callbacks:{label:ctx=>`Humor: ${moodLabels[ctx.raw]||ctx.raw}`},\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor:'rgba(30,30,30,0.9)', titleColor:'#fff', bodyColor:'#fff'}\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " scales:{\n" }), _jsx(_components.span, { className: "code-line", children: " y:{min:0.5,max:5.5, ticks:{stepSize:1,color:'#fff',backdropColor:'rgba(0,0,0,0.5)',callback:val=>moodLabels[val]||val,padding:4}, grid:{color:'rgba(200,200,200,0.2)'}},\n" }), _jsx(_components.span, { className: "code-line", children: " x:{ticks:{color:'#fff',backdropColor:'rgba(0,0,0,0.5)',padding:4}, grid:{display:false}}\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: "root.appendChild(chartDiv);\n" }), _jsx(_components.span, { className: "code-line", children: "window.renderChart(chartConfig, chartDiv);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "// Alternar visibilidade\n" }), _jsx(_components.span, { className: "code-line", children: "// ---------------------------\n" }), _jsx(_components.span, { className: "code-line", children: "btnCal.onclick = () => { calDiv.style.display = \"grid\"; chartDiv.style.display = \"none\"; };\n" }), _jsx(_components.span, { className: "code-line", children: "btnChart.onclick = () => { calDiv.style.display = \"none\"; chartDiv.style.display = \"block\"; };\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "dv.container.appendChild(root);\n" })] }) }), "\n", _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 = 40; // 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: \"Logs\", // 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: \"Aprendizado\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"⭐\", name: \"Algo muito bom\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"😞\", name: \"Frustração / Erros\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"😤\", name: \"Estresse / Sobrecarga\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"🤔\", name: \"Reflexões / Emoções\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"✅\", name: \"Conquistas / Realizações\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"💡\", name: \"Insights / Ideias\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"⚠️\", name: \"Obstáculos\" },\n" }), _jsx(_components.span, { className: "code-line", children: " { icon: \"🪴\", name: \"Hábitos / Rotina\" },\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(); // Hoje\n" }), _jsx(_components.span, { className: "code-line", children: "const startDate = moment().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" })] }) }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h1, { id: "algo-bom", children: [_jsx(_components.a, { className: "heading-link", href: "#algo-bom", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Algo bom"] }), "\n", _jsx(_components.p, { children: _jsx(_components.em, { children: "Recorde e anote acontecimentos positivos do seu dia, por menores que sejam." }) }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h1, { id: "logs", children: [_jsx(_components.a, { className: "heading-link", href: "#logs", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Logs"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "⭐ algo bom - 12:46" }), "\n", _jsx(_components.li, { children: "🤔 reflexao - 12:46" }), "\n"] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };