"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: "// 📊 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: <% tp.system.prompt(\"range days num\")%> };\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 = '<% tp.system.prompt(\"calendar or 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('<% 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');\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:2890px;\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" })] }) }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };