@sentropic/design-system-vue 0.14.0 → 0.16.0

package/dist/BumpChart.js

@@ -0,0 +1,231 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+const MARGIN = { top: 16, right: 80, bottom: 32, left: 80 };
+// FIX: valid rank = integer ≥1 only
+function isValidRank(r) {
+    return (typeof r === "number" &&
+        Number.isFinite(r) &&
+        Number.isInteger(r) &&
+        r >= 1);
+}
+/**
+ * Builds an SVG bump path with GAP for invalid ranks.
+ * Uses cubic bezier curves for smooth bumps.
+ */
+function buildBumpPath(points) {
+    const parts = [];
+    let segment = [];
+    function flushSegment() {
+        if (segment.length >= 2) {
+            let d = `M${segment[0].x.toFixed(2)},${segment[0].y.toFixed(2)}`;
+            for (let i = 0; i < segment.length - 1; i++) {
+                const p1 = segment[i];
+                const p2 = segment[i + 1];
+                const mx = (p1.x + p2.x) / 2;
+                d += ` C${mx.toFixed(2)},${p1.y.toFixed(2)} ${mx.toFixed(2)},${p2.y.toFixed(2)} ${p2.x.toFixed(2)},${p2.y.toFixed(2)}`;
+            }
+            parts.push(d);
+        }
+        else if (segment.length === 1) {
+            parts.push(`M${segment[0].x.toFixed(2)},${segment[0].y.toFixed(2)}`);
+        }
+        segment = [];
+    }
+    for (const pt of points) {
+        if (pt === null) {
+            flushSegment();
+        }
+        else {
+            segment.push(pt);
+        }
+    }
+    flushSegment();
+    return parts.join(" ");
+}
+export const BumpChart = defineComponent({
+    name: "BumpChart",
+    props: {
+        data: { type: Array, default: () => [] },
+        categories: { type: Array, default: () => [] },
+        label: { type: String, required: true },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 300 },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredIndex = ref(null);
+        function handleLeave() {
+            hoveredIndex.value = null;
+        }
+        function handlePointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredIndex.value = null;
+                return;
+            }
+            const idx = Number(target.getAttribute("data-chart-index"));
+            hoveredIndex.value = Number.isInteger(idx) ? idx : null;
+        }
+        return () => {
+            const data = props.data ?? [];
+            const categories = props.categories ?? [];
+            const label = props.label;
+            const width = props.width ?? 480;
+            const height = props.height ?? 300;
+            const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            let maxRank = 1;
+            for (const s of data) {
+                for (const r of s.ranks) {
+                    if (isValidRank(r) && r > maxRank)
+                        maxRank = r;
+                }
+            }
+            // FIX: align ranks and categories using Math.min(ranks.length, categories.length)
+            const catCount = Math.max(categories.length, 2);
+            function rankToY(rank) {
+                // rank 1 = top
+                return MARGIN.top + ((rank - 1) / Math.max(maxRank - 1, 1)) * plotHeight;
+            }
+            function catToX(ci) {
+                return MARGIN.left + (ci / Math.max(catCount - 1, 1)) * plotWidth;
+            }
+            const seriesList = data.map((s, si) => {
+                const tone = s.tone ?? TONES[si % TONES.length];
+                // FIX: align ranks/categories; invalid rank → null (GAP)
+                const alignedLength = Math.min(s.ranks.length, categories.length);
+                const points = [];
+                for (let ci = 0; ci < alignedLength; ci++) {
+                    const r = s.ranks[ci];
+                    if (isValidRank(r)) {
+                        points.push({ x: catToX(ci), y: rankToY(r) });
+                    }
+                    else {
+                        points.push(null); // GAP
+                    }
+                }
+                return {
+                    label: s.label,
+                    ranks: s.ranks,
+                    tone,
+                    points,
+                    index: si,
+                    path: buildBumpPath(points),
+                    alignedLength,
+                };
+            });
+            const rankTicks = [];
+            for (let r = 1; r <= maxRank; r++)
+                rankTicks.push(r);
+            // FIX: SR does not announce #1 for absent rank (uses "?" instead)
+            const dataValueItems = data.map((s) => {
+                const alignedLength = Math.min(s.ranks.length, categories.length);
+                return (`${s.label}: ` +
+                    categories.slice(0, alignedLength).map((cat, ci) => {
+                        const r = s.ranks[ci];
+                        return `${cat} ${isValidRank(r) ? `#${r}` : "?"}`;
+                    }).join(", "));
+            });
+            const svgChildren = [];
+            // horizontal rank grid lines
+            for (const rank of rankTicks) {
+                const ty = rankToY(rank);
+                svgChildren.push(h("line", {
+                    key: `rg${rank}`,
+                    class: "st-bumpChart__grid",
+                    x1: MARGIN.left, x2: width - MARGIN.right,
+                    y1: ty, y2: ty,
+                }));
+                svgChildren.push(h("text", {
+                    key: `rl${rank}`,
+                    class: "st-bumpChart__rankLabel",
+                    x: MARGIN.left - 8, y: ty,
+                    "text-anchor": "end",
+                    "dominant-baseline": "middle",
+                }, `#${rank}`));
+            }
+            // category labels
+            for (let ci = 0; ci < categories.length; ci++) {
+                svgChildren.push(h("text", {
+                    key: `cat${categories[ci]}`,
+                    class: "st-bumpChart__catLabel",
+                    x: catToX(ci),
+                    y: height - MARGIN.bottom + 16,
+                    "text-anchor": "middle",
+                }, categories[ci]));
+            }
+            // FIX: composite key to avoid duplicates on s.label
+            for (const s of seriesList) {
+                const si = s.index;
+                const isDim = hoveredIndex.value !== null && hoveredIndex.value !== s.index;
+                const isActive = hoveredIndex.value === s.index;
+                svgChildren.push(h("path", {
+                    key: `line${si}-${s.label}`,
+                    class: classNames("st-bumpChart__line", `st-bumpChart__line--${s.tone}`, isDim ? "st-bumpChart__line--dim" : undefined, isActive ? "st-bumpChart__line--active" : undefined),
+                    d: s.path,
+                    fill: "none",
+                    "data-chart-index": s.index,
+                }));
+                // FIX: dots only for valid ranks (non-null)
+                for (let ci = 0; ci < s.points.length; ci++) {
+                    const pt = s.points[ci];
+                    if (pt === null)
+                        continue;
+                    svgChildren.push(h("circle", {
+                        key: `dot${si}-${s.label}-${ci}`,
+                        class: classNames("st-bumpChart__dot", `st-bumpChart__dot--${s.tone}`, isDim ? "st-bumpChart__dot--dim" : undefined),
+                        cx: pt.x, cy: pt.y, r: 4,
+                        "data-chart-index": s.index,
+                    }));
+                }
+                // end label: last valid point
+                if (s.points.some((p) => p !== null)) {
+                    const lastValidPt = [...s.points].reverse().find((p) => p !== null);
+                    const firstValidPt = s.points.find((p) => p !== null);
+                    const validCount = s.points.filter((p) => p !== null).length;
+                    if (lastValidPt) {
+                        svgChildren.push(h("text", {
+                            key: `el${si}`,
+                            class: "st-bumpChart__seriesLabel",
+                            x: lastValidPt.x + 8, y: lastValidPt.y,
+                            "dominant-baseline": "middle",
+                        }, s.label));
+                    }
+                    if (firstValidPt && validCount > 1) {
+                        svgChildren.push(h("text", {
+                            key: `sl${si}`,
+                            class: "st-bumpChart__seriesLabel",
+                            x: firstValidPt.x - 8, y: firstValidPt.y,
+                            "text-anchor": "end",
+                            "dominant-baseline": "middle",
+                        }, s.label));
+                    }
+                }
+            }
+            const children = [
+                h("div", {
+                    class: "st-bumpChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handlePointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${width} ${height}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%", height: "100%",
+                        focusable: "false", "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+                chartDataList(label, dataValueItems),
+            ];
+            return h("div", { ...attrs, class: classNames("st-bumpChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=BumpChart.js.map

package/dist/BumpChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BumpChart.js","sourceRoot":"","sources":["../src/BumpChart.ts"],"names":[],"mappings":"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"}

package/dist/CalendarHeatmapChart.d.ts

@@ -0,0 +1,62 @@
+export type CalendarHeatmapChartDatum = {
+    date: string;
+    value: number;
+};
+export type CalendarHeatmapChartProps = {
+    data: CalendarHeatmapChartDatum[];
+    label: string;
+    width?: number;
+    height?: number;
+    class?: string;
+};
+export declare const CalendarHeatmapChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => CalendarHeatmapChartDatum[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => CalendarHeatmapChartDatum[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    data: CalendarHeatmapChartDatum[];
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CalendarHeatmapChart.d.ts.map

package/dist/CalendarHeatmapChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeatmapChart.d.ts","sourceRoot":"","sources":["../src/CalendarHeatmapChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,yBAAyB,EAAE,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqCF,eAAO,MAAM,oBAAoB;;cAGN,MAAM,yBAAyB,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAjC,MAAM,yBAAyB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAiN1D,CAAC"}

package/dist/CalendarHeatmapChart.js

@@ -0,0 +1,203 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+const MARGIN = { top: 24, right: 8, bottom: 8, left: 24 };
+const DAY_LABELS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+const MONTH_ABBR = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+/**
+ * FIX: strict parse YYYY-MM-DD in UTC.
+ * Returns null if date is invalid or round-trip fails.
+ */
+function parseUTCDate(dateStr) {
+    const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(dateStr);
+    if (!m)
+        return null;
+    const year = Number(m[1]);
+    const month = Number(m[2]);
+    const day = Number(m[3]);
+    if (month < 1 || month > 12 || day < 1 || day > 31)
+        return null;
+    const ts = Date.UTC(year, month - 1, day);
+    // Round-trip: re-serialized UTC date must equal input
+    const check = new Date(ts).toISOString().slice(0, 10);
+    if (check !== dateStr)
+        return null;
+    return { year, month, day, ts };
+}
+/** Number of whole days between two UTC timestamps */
+function daysDiff(tsA, tsB) {
+    return Math.round((tsB - tsA) / 86400000);
+}
+export const CalendarHeatmapChart = defineComponent({
+    name: "CalendarHeatmapChart",
+    props: {
+        data: { type: Array, default: () => [] },
+        label: { type: String, required: true },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 140 },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredDate = ref(null);
+        function handleLeave() {
+            hoveredDate.value = null;
+        }
+        function handlePointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredDate.value = null;
+                return;
+            }
+            hoveredDate.value = target.getAttribute("data-chart-date") ?? null;
+        }
+        return () => {
+            const data = props.data ?? [];
+            const label = props.label;
+            const width = props.width ?? 480;
+            const height = props.height ?? 140;
+            const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            let cells = [];
+            let monthLabels = [];
+            if (data.length > 0) {
+                // FIX: strict validation (UTC parse + round-trip)
+                const validData = data.filter((d) => parseUTCDate(d.date) !== null && Number.isFinite(d.value));
+                if (validData.length > 0) {
+                    const sorted = [...validData].sort((a, b) => a.date.localeCompare(b.date));
+                    const firstParsed = parseUTCDate(sorted[0].date);
+                    const lastParsed = parseUTCDate(sorted[sorted.length - 1].date);
+                    const vals = sorted.map((d) => d.value);
+                    const minVal = Math.min(...vals);
+                    const maxVal = Math.max(...vals);
+                    const valueRange = maxVal > minVal ? maxVal - minVal : 1;
+                    const map = new Map();
+                    for (const d of sorted) {
+                        map.set(d.date, d.value);
+                    }
+                    // FIX: use getUTCDay() for day-of-week, NEVER local getDay()
+                    const firstDate = new Date(firstParsed.ts);
+                    const lastDate = new Date(lastParsed.ts);
+                    // Grid start: Sunday of the week containing firstDate (UTC)
+                    const startDOW = firstDate.getUTCDay(); // 0=Sun
+                    const gridStartTs = firstParsed.ts - startDOW * 86400000;
+                    // Grid end: Saturday of the week containing lastDate (UTC)
+                    const endDOW = lastDate.getUTCDay();
+                    const gridEndTs = lastParsed.ts + (6 - endDOW) * 86400000;
+                    // FIX: count weeks in whole calendar days
+                    const totalDays = daysDiff(gridStartTs, gridEndTs) + 1;
+                    const weeks = Math.ceil(totalDays / 7);
+                    const cellW = plotWidth / Math.max(weeks, 1);
+                    const cellH = plotHeight / 7;
+                    const monthLabelMap = new Map();
+                    for (let dayIndex = 0; dayIndex < totalDays; dayIndex++) {
+                        const curTs = gridStartTs + dayIndex * 86400000;
+                        const curDate = new Date(curTs);
+                        // FIX: use UTC methods everywhere
+                        const dow = curDate.getUTCDay();
+                        const week = Math.floor(dayIndex / 7);
+                        // FIX: UTC serialization
+                        const dateStr = curDate.toISOString().slice(0, 10);
+                        const val = map.get(dateStr) ?? null;
+                        const x = MARGIN.left + week * cellW;
+                        const y = MARGIN.top + dow * cellH;
+                        let tone = null;
+                        if (val !== null && Number.isFinite(val)) {
+                            const idx = Math.min(TONES.length - 1, Math.floor(((val - minVal) / valueRange) * TONES.length));
+                            tone = TONES[Math.max(0, idx)];
+                        }
+                        cells.push({
+                            date: dateStr, value: val, tone, x, y,
+                            w: Math.max(cellW - 2, 1),
+                            h: Math.max(cellH - 2, 1),
+                        });
+                        // FIX: use getUTCFullYear/getUTCMonth
+                        const mKey = `${curDate.getUTCFullYear()}-${curDate.getUTCMonth()}`;
+                        if (!monthLabelMap.has(mKey)) {
+                            monthLabelMap.set(mKey, x);
+                        }
+                    }
+                    monthLabels = Array.from(monthLabelMap.entries()).map(([key, x]) => {
+                        const [, month] = key.split("-").map(Number);
+                        return { label: MONTH_ABBR[month], x };
+                    });
+                }
+            }
+            // FIX: SR lists only valid dates
+            const dataValueItems = data
+                .filter((d) => parseUTCDate(d.date) !== null && Number.isFinite(d.value))
+                .map((d) => `${d.date}: ${d.value}`);
+            const svgChildren = [];
+            // day-of-week labels
+            for (let di = 0; di < DAY_LABELS.length; di++) {
+                if (di % 2 !== 1)
+                    continue;
+                svgChildren.push(h("text", {
+                    key: `dl${di}`,
+                    class: "st-calendarHeatmapChart__dayLabel",
+                    x: MARGIN.left - 4,
+                    y: MARGIN.top + di * (plotHeight / 7) + plotHeight / 14,
+                    "text-anchor": "end",
+                    "dominant-baseline": "middle",
+                }, DAY_LABELS[di]));
+            }
+            // month labels
+            for (const ml of monthLabels) {
+                svgChildren.push(h("text", {
+                    key: `ml${ml.label}${ml.x}`,
+                    class: "st-calendarHeatmapChart__monthLabel",
+                    x: ml.x, y: MARGIN.top - 6,
+                    "dominant-baseline": "auto",
+                }, ml.label));
+            }
+            // cells
+            for (const cell of cells) {
+                const isDim = hoveredDate.value !== null && hoveredDate.value !== cell.date;
+                svgChildren.push(h("rect", {
+                    key: cell.date,
+                    class: classNames("st-calendarHeatmapChart__cell", cell.tone
+                        ? `st-calendarHeatmapChart__cell--${cell.tone}`
+                        : "st-calendarHeatmapChart__cell--empty", isDim ? "st-calendarHeatmapChart__cell--dim" : undefined),
+                    x: cell.x, y: cell.y, width: cell.w, height: cell.h,
+                    rx: 2,
+                    "data-chart-date": cell.date,
+                }));
+            }
+            const hoveredCell = hoveredDate.value !== null
+                ? cells.find((c) => c.date === hoveredDate.value) ?? null
+                : null;
+            const children = [
+                h("div", {
+                    class: "st-calendarHeatmapChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handlePointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${width} ${height}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%", height: "100%",
+                        focusable: "false", "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+                chartDataList(label, dataValueItems),
+            ];
+            if (hoveredCell !== null && hoveredCell.value !== null) {
+                children.push(h("div", {
+                    class: "st-calendarHeatmapChart__tooltip",
+                    role: "presentation",
+                    style: `left:${((hoveredCell.x + hoveredCell.w / 2) / width) * 100}%;top:${((hoveredCell.y + hoveredCell.h / 2) / height) * 100}%`,
+                }, [
+                    h("span", { class: "st-calendarHeatmapChart__tooltipLabel" }, hoveredCell.date),
+                    h("span", { class: "st-calendarHeatmapChart__tooltipValue" }, `${hoveredCell.value}`),
+                ]));
+            }
+            return h("div", { ...attrs, class: classNames("st-calendarHeatmapChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=CalendarHeatmapChart.js.map

package/dist/CalendarHeatmapChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeatmapChart.js","sourceRoot":"","sources":["../src/CalendarHeatmapChart.ts"],"names":[],"mappings":"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"}

package/dist/CandlestickChart.d.ts

@@ -0,0 +1,65 @@
+export type CandlestickChartDatum = {
+    label: string;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+};
+export type CandlestickChartProps = {
+    data: CandlestickChartDatum[];
+    label: string;
+    width?: number;
+    height?: number;
+    class?: string;
+};
+export declare const CandlestickChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => CandlestickChartDatum[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => CandlestickChartDatum[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    data: CandlestickChartDatum[];
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CandlestickChart.d.ts.map

package/dist/CandlestickChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CandlestickChart.d.ts","sourceRoot":"","sources":["../src/CandlestickChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsCF,eAAO,MAAM,gBAAgB;;cAGF,MAAM,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAA7B,MAAM,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAgLtD,CAAC"}