"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: "// 📊 ANÁLISE DE HUMOR (7 dias)\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const startDate = moment('2025-10-18', 'YYYY-MM-DD');\n" }), _jsx(_components.span, { className: "code-line", children: "const endDate = moment('2025-10-25', 'YYYY-MM-DD');\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, \"🙂 – Neutral\": 4, \"😐 – Meh\": 3, \"😞 – Sad\": 2, \"😠 – Frustrated\": 1\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 moodColors = { 5: '#4caf50', 4: '#8bc34a', 3: '#ffc107', 2: '#ff9800', 1: '#f44336' };\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: "const labels = [], data = [], colors = [];\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: "// Coleta dados\n" }), _jsx(_components.span, { className: "code-line", children: "for (let p of dv.pages('#calendar/daily').sort(p => p.file.name, 'asc')) {\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: "\n" }), _jsx(_components.span, { className: "code-line", children: " if (d.isBetween(startDate, endDate, null, '[]') && value) {\n" }), _jsx(_components.span, { className: "code-line", children: " labels.push(d.format('DD/MM'));\n" }), _jsx(_components.span, { className: "code-line", children: " data.push(value);\n" }), _jsx(_components.span, { className: "code-line", children: " colors.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: "// 📈 RESUMO DE HUMOR\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const averageMood = daysWithMood > 0 ? (totalValue / daysWithMood).toFixed(1) : 0;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Encontrar humor mais frequente\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 [value, count] of Object.entries(moodCount)) {\n" }), _jsx(_components.span, { className: "code-line", children: " if (count > maxCount) {\n" }), _jsx(_components.span, { className: "code-line", children: " maxCount = count;\n" }), _jsx(_components.span, { className: "code-line", children: " mostFrequentMood = parseInt(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: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Determinar tendência\n" }), _jsx(_components.span, { className: "code-line", children: "let trend = \"→ Estável\";\n" }), _jsx(_components.span, { className: "code-line", children: "if (data.length >= 2) {\n" }), _jsx(_components.span, { className: "code-line", children: " const firstHalf = data.slice(0, Math.floor(data.length / 2));\n" }), _jsx(_components.span, { className: "code-line", children: " const secondHalf = data.slice(Math.floor(data.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: " \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: "// Criar resumo\n" }), _jsx(_components.span, { className: "code-line", children: "const summaryDiv = dv.el(\"div\", \"\");\n" }), _jsx(_components.span, { className: "code-line", children: "summaryDiv.style.cssText = `\n" }), _jsx(_components.span, { className: "code-line", children: " background: rgba(0, 0, 0, 0.7);\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius: 8px;\n" }), _jsx(_components.span, { className: "code-line", children: " padding: 15px;\n" }), _jsx(_components.span, { className: "code-line", children: " margin-bottom: 15px;\n" }), _jsx(_components.span, { className: "code-line", children: " border-left: 4px solid #7e57c2;\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 principais\n" }), _jsx(_components.span, { className: "code-line", children: "const statsHTML = `\n" }), _jsx(_components.span, { className: "code-line", children: "

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

📅 Período

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

${startDate.format('DD/MM')} - ${endDate.format('DD/MM')}

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

📊 Média

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

${averageMood}/5

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

🎯 Mais Frequente

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

${mostFrequentMood ? moodLabels[mostFrequentMood].split(' – ')[0] : 'N/A'}

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

🔍 Tendência

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

${trend}

\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: "// Adicionar contadores de cada humor\n" }), _jsx(_components.span, { className: "code-line", children: "let summaryHTML = statsHTML;\n" }), _jsx(_components.span, { className: "code-line", children: "Object.entries(moodScale).forEach(([label, value]) => {\n" }), _jsx(_components.span, { className: "code-line", children: " const count = moodCount[value] || 0;\n" }), _jsx(_components.span, { className: "code-line", children: " const percentage = daysWithMood > 0 ? ((count / daysWithMood) * 100).toFixed(0) : 0;\n" }), _jsx(_components.span, { className: "code-line", children: " const emoji = label.split(' – ')[0];\n" }), _jsx(_components.span, { className: "code-line", children: " \n" }), _jsx(_components.span, { className: "code-line", children: " summaryHTML += `\n" }), _jsx(_components.span, { className: "code-line", children: "

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

${emoji}

\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: "summaryHTML += `

`;\n" }), _jsx(_components.span, { className: "code-line", children: "summaryDiv.innerHTML = summaryHTML;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// 📊 GRÁFICO\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const chartData = {\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,\n" }), _jsx(_components.span, { className: "code-line", children: " datasets: [{\n" }), _jsx(_components.span, { className: "code-line", children: " data,\n" }), _jsx(_components.span, { className: "code-line", children: " borderColor: '#7e57c2',\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor: 'rgba(126, 87, 194, 0.1)',\n" }), _jsx(_components.span, { className: "code-line", children: " pointBackgroundColor: colors,\n" }), _jsx(_components.span, { className: "code-line", children: " pointBorderColor: colors,\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: 6,\n" }), _jsx(_components.span, { className: "code-line", children: " pointHoverRadius: 8\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: " layout: {\n" }), _jsx(_components.span, { className: "code-line", children: " padding: 10\n" }), _jsx(_components.span, { className: "code-line", children: " },\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: {\n" }), _jsx(_components.span, { className: "code-line", children: " callbacks: {\n" }), _jsx(_components.span, { className: "code-line", children: " label: ctx => `Humor: ${moodLabels[ctx.raw] || ctx.raw}`\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor: 'rgba(30, 30, 30, 0.9)',\n" }), _jsx(_components.span, { className: "code-line", children: " titleColor: '#ffffff',\n" }), _jsx(_components.span, { className: "code-line", children: " bodyColor: '#ffffff'\n" }), _jsx(_components.span, { className: "code-line", children: " }\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: {\n" }), _jsx(_components.span, { className: "code-line", children: " min: 0.5, max: 5.5,\n" }), _jsx(_components.span, { className: "code-line", children: " ticks: {\n" }), _jsx(_components.span, { className: "code-line", children: " stepSize: 1,\n" }), _jsx(_components.span, { className: "code-line", children: " color: '#ffffff',\n" }), _jsx(_components.span, { className: "code-line", children: " backdropColor: 'rgba(0, 0, 0, 0.5)',\n" }), _jsx(_components.span, { className: "code-line", children: " callback: val => moodLabels[val] || val,\n" }), _jsx(_components.span, { className: "code-line", children: " padding: 6\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " grid: { color: 'rgba(200, 200, 200, 0.2)' }\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " x: {\n" }), _jsx(_components.span, { className: "code-line", children: " ticks: {\n" }), _jsx(_components.span, { className: "code-line", children: " color: '#ffffff',\n" }), _jsx(_components.span, { className: "code-line", children: " backdropColor: 'rgba(0, 0, 0, 0.5)',\n" }), _jsx(_components.span, { className: "code-line", children: " padding: 6\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " 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: "};\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Container do gráfico\n" }), _jsx(_components.span, { className: "code-line", children: "const chartContainer = dv.el(\"div\", \"\");\n" }), _jsx(_components.span, { className: "code-line", children: "Object.assign(chartContainer.style, {\n" }), _jsx(_components.span, { className: "code-line", children: " height: '250px',\n" }), _jsx(_components.span, { className: "code-line", children: " width: '100%',\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor: 'rgba(0, 0, 0, 0.7)',\n" }), _jsx(_components.span, { className: "code-line", children: " borderRadius: '8px',\n" }), _jsx(_components.span, { className: "code-line", children: " padding: '10px',\n" }), _jsx(_components.span, { className: "code-line", children: " marginTop: '10px'\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: "// 🚀 RENDERIZAÇÃO\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// Adicionar resumo primeiro\n" }), _jsx(_components.span, { className: "code-line", children: "dv.container.appendChild(summaryDiv);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// Adicionar gráfico\n" }), _jsx(_components.span, { className: "code-line", children: "dv.container.appendChild(chartContainer);\n" }), _jsx(_components.span, { className: "code-line", children: "window.renderChart(chartData, chartContainer);\n" })] }) }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };