"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", h2: "h2", input: "input", li: "li", path: "path", pre: "pre", span: "span", svg: "svg", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.h2, { id: "everything-everywhere-all-at-once", children: [_jsx(_components.a, { className: "heading-link", href: "#everything-everywhere-all-at-once", 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" }) }) }), "Everything Everywhere all at once"] }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-dataviewjs code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "const tasks = dv.current().file.tasks;\n" }), _jsx(_components.span, { className: "code-line", children: "const total = tasks.length;\n" }), _jsx(_components.span, { className: "code-line", children: "const done = tasks.filter(t => t.checked).length;\n" }), _jsx(_components.span, { className: "code-line", children: "const percent = total === 0 ? 0 : Math.round((done / total) * 100);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const progressBarStyle = `\n" }), _jsx(_components.span, { className: "code-line", children: " width: 100%;\n" }), _jsx(_components.span, { className: "code-line", children: " background-color: #e0e0e0;\n" }), _jsx(_components.span, { className: "code-line", children: " border-radius: 10px;\n" }), _jsx(_components.span, { className: "code-line", children: " overflow: hidden;\n" }), _jsx(_components.span, { className: "code-line", children: " height: 20px;\n" }), _jsx(_components.span, { className: "code-line", children: " margin-bottom: 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: "const progressFillStyle = `\n" }), _jsx(_components.span, { className: "code-line", children: " height: 100%;\n" }), _jsx(_components.span, { className: "code-line", children: " width: ${percent}%;\n" }), _jsx(_components.span, { className: "code-line", children: " background: #cbff9e;\n" }), _jsx(_components.span, { className: "code-line", children: " background: linear-gradient(29deg, rgba(203, 255, 158, 1) 0%, rgba(255, 99, 99, 1) 50%,\n" }), _jsx(_components.span, { className: "code-line", children: " rgba(66, 255, 120, 1) 100%);\n" }), _jsx(_components.span, { className: "code-line", children: " transition: width 0.5s ease-in-out;\n" }), _jsx(_components.span, { className: "code-line", children: "`;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "dv.paragraph(`

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

\n" }), _jsx(_components.span, { className: "code-line", children: "${done} / ${total} tasks completed (${percent}%)`);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" })] }) }), "\n", _jsxs(_components.ul, { className: "contains-task-list", children: ["\n", _jsxs(_components.li, { className: "task-list-item", children: [_jsx(_components.input, { type: "checkbox", checked: true, disabled: true }), " ", "task"] }), "\n"] }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-dataviewjs code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "const today = dv.date(\"today\");\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const last7days = dv.pages()\n" }), _jsx(_components.span, { className: "code-line", children: " .filter(p => p.file.cday >= today.minus({ days: 6 }) && p.file.cday <= today);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const countsByDay = last7days\n" }), _jsx(_components.span, { className: "code-line", children: " .groupBy(p => p.file.cday.weekday) // 1=Mon ... 7=Sun\n" }), _jsx(_components.span, { className: "code-line", children: " .map(group => ({\n" }), _jsx(_components.span, { className: "code-line", children: " dayNum: group.key,\n" }), _jsx(_components.span, { className: "code-line", children: " dayName: [\"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\"][group.key - 1],\n" }), _jsx(_components.span, { className: "code-line", children: " count: group.rows.length\n" }), _jsx(_components.span, { className: "code-line", children: " }))\n" }), _jsx(_components.span, { className: "code-line", children: " .sort((a, b) => a.dayNum - b.dayNum);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const maxCount = countsByDay.length > 0 ? Math.max(...countsByDay.map(d => d.count)) : 0;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "if (maxCount > 0) {\n" }), _jsx(_components.span, { className: "code-line", children: " const topDays = countsByDay.filter(d => d.count === maxCount).map(d => d.dayName);\n" }), _jsx(_components.span, { className: "code-line", children: " dv.paragraph(`**Day(s) with the most notes created:** ${topDays.join(\", \")} (${maxCount} notes)`);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " // Build SVG bar chart\n" }), _jsx(_components.span, { className: "code-line", children: " const svgWidth = 300;\n" }), _jsx(_components.span, { className: "code-line", children: " const barHeight = 20;\n" }), _jsx(_components.span, { className: "code-line", children: " const gap = 8;\n" }), _jsx(_components.span, { className: "code-line", children: " const svgHeight = countsByDay.length * (barHeight + gap);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " let svg = ``;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " dv.el(\"div\", svg);\n" }), _jsx(_components.span, { className: "code-line", children: "} else {\n" }), _jsx(_components.span, { className: "code-line", children: " dv.paragraph(\"No notes created in the last 7 days.\");\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" })] }) })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };