@sentropic/design-system-vue 0.13.0 → 0.15.0

package/dist/BulletChart.js

@@ -0,0 +1,321 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const MARGIN = { top: 12, right: 24, bottom: 36, left: 80 };
+const RANGE_OPACITIES = [0.18, 0.30, 0.44];
+function scaleLinear(v, d0, d1, r0, r1) {
+    if (d1 === d0)
+        return r0;
+    return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
+}
+function niceTicks(min, max, target = 5) {
+    if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
+        const base = Number.isFinite(max) ? max : 0;
+        return [base];
+    }
+    const range = max - min;
+    const rough = range / Math.max(target - 1, 1);
+    const pow = Math.pow(10, Math.floor(Math.log10(rough)));
+    const norm = rough / pow;
+    let step;
+    if (norm < 1.5)
+        step = 1 * pow;
+    else if (norm < 3)
+        step = 2 * pow;
+    else if (norm < 7)
+        step = 5 * pow;
+    else
+        step = 10 * pow;
+    const start = Math.floor(min / step) * step;
+    const end = Math.ceil(max / step) * step;
+    const ticks = [];
+    for (let v = start; v <= end + step / 2; v += step) {
+        ticks.push(Number(v.toFixed(10)));
+    }
+    return ticks;
+}
+function formatTick(v) {
+    if (Math.abs(v) >= 1000)
+        return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
+    if (Number.isInteger(v))
+        return String(v);
+    return v.toFixed(1);
+}
+export const BulletChart = defineComponent({
+    name: "BulletChart",
+    props: {
+        data: { type: Array, default: () => [] },
+        label: { type: String, required: true },
+        orientation: { type: String, default: "horizontal" },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 240 },
+        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 label = props.label;
+            const orientation = props.orientation ?? "horizontal";
+            const width = props.width ?? 480;
+            const height = props.height ?? 240;
+            const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            // FIX: filter invalid data (non-finite value/target → skip)
+            const validData = data.filter((d) => Number.isFinite(d.value) && Number.isFinite(d.target));
+            // FIX: domain includes 0, values, targets AND ranges; negative domain supported
+            const allDomainValues = [0];
+            for (const d of validData) {
+                allDomainValues.push(d.value, d.target);
+                for (const r of d.ranges ?? []) {
+                    if (Number.isFinite(r))
+                        allDomainValues.push(r);
+                }
+            }
+            const rawMin = Math.min(...allDomainValues);
+            const rawMax = Math.max(...allDomainValues);
+            // Flat domain → fallback +1
+            const domainMax = rawMax === rawMin ? rawMin + 1 : rawMax;
+            const domainMin = rawMin;
+            const ticks = niceTicks(domainMin, domainMax, 5);
+            const tickDomainMin = ticks[0] ?? domainMin;
+            const tickDomainMax = ticks[ticks.length - 1] ?? domainMax;
+            // Position of baseline (value 0) in pixels
+            const baselineX = MARGIN.left + scaleLinear(0, tickDomainMin, tickDomainMax, 0, plotWidth);
+            const baselineY = MARGIN.top + scaleLinear(0, tickDomainMin, tickDomainMax, plotHeight, 0);
+            const bandCount = validData.length;
+            const bullets = [];
+            if (bandCount > 0) {
+                if (orientation === "horizontal") {
+                    const bandH = plotHeight / bandCount;
+                    const barH = bandH * 0.35;
+                    const rangeH = bandH * 0.65;
+                    for (let i = 0; i < validData.length; i++) {
+                        const d = validData[i];
+                        const ranges = (d.ranges ?? [tickDomainMax]).filter(Number.isFinite).slice(0, 3);
+                        const sortedRanges = [...ranges].sort((a, b) => a - b);
+                        const bandY = MARGIN.top + i * bandH;
+                        const cx = MARGIN.left + scaleLinear(d.value, tickDomainMin, tickDomainMax, 0, plotWidth);
+                        const targetX = MARGIN.left + scaleLinear(d.target, tickDomainMin, tickDomainMax, 0, plotWidth);
+                        const rangeBands = sortedRanges.map((r, ri) => {
+                            const prevR = ri === 0 ? tickDomainMin : sortedRanges[ri - 1];
+                            return {
+                                x: MARGIN.left + scaleLinear(prevR, tickDomainMin, tickDomainMax, 0, plotWidth),
+                                width: scaleLinear(r, tickDomainMin, tickDomainMax, 0, plotWidth) -
+                                    scaleLinear(prevR, tickDomainMin, tickDomainMax, 0, plotWidth),
+                                opacity: RANGE_OPACITIES[ri] ?? 0.44,
+                                y: bandY + (bandH - rangeH) / 2,
+                                height: rangeH,
+                            };
+                        });
+                        // FIX: bar starts from baseline (0)
+                        const zeroX = baselineX;
+                        const barLeft = Math.min(zeroX, cx);
+                        const barRight = Math.max(zeroX, cx);
+                        bullets.push({
+                            datum: d,
+                            index: i,
+                            barX: barLeft,
+                            barY: bandY + (bandH - barH) / 2,
+                            barW: Math.max(barRight - barLeft, 0.5),
+                            barH,
+                            targetX,
+                            targetY: bandY + (bandH - rangeH) / 2,
+                            targetH: rangeH,
+                            labelY: bandY + bandH / 2,
+                            rangeBands,
+                            tooltipX: cx,
+                            tooltipY: bandY + bandH / 2,
+                        });
+                    }
+                }
+                else {
+                    const bandW = plotWidth / bandCount;
+                    const barW = bandW * 0.35;
+                    const rangeW = bandW * 0.65;
+                    for (let i = 0; i < validData.length; i++) {
+                        const d = validData[i];
+                        const ranges = (d.ranges ?? [tickDomainMax]).filter(Number.isFinite).slice(0, 3);
+                        const sortedRanges = [...ranges].sort((a, b) => a - b);
+                        const bandX = MARGIN.left + i * bandW;
+                        const cy = MARGIN.top + scaleLinear(d.value, tickDomainMin, tickDomainMax, plotHeight, 0);
+                        const targetY = MARGIN.top + scaleLinear(d.target, tickDomainMin, tickDomainMax, plotHeight, 0);
+                        const rangeBands = sortedRanges.map((r, ri) => {
+                            const prevR = ri === 0 ? tickDomainMin : sortedRanges[ri - 1];
+                            return {
+                                y: MARGIN.top + scaleLinear(r, tickDomainMin, tickDomainMax, plotHeight, 0),
+                                height: Math.abs(scaleLinear(r, tickDomainMin, tickDomainMax, plotHeight, 0) -
+                                    scaleLinear(prevR, tickDomainMin, tickDomainMax, plotHeight, 0)),
+                                opacity: RANGE_OPACITIES[ri] ?? 0.44,
+                                x: bandX + (bandW - rangeW) / 2,
+                                width: rangeW,
+                            };
+                        });
+                        // FIX: bar starts from baseline (0)
+                        const zeroY = baselineY;
+                        const barTop = Math.min(zeroY, cy);
+                        const barBot = Math.max(zeroY, cy);
+                        bullets.push({
+                            datum: d,
+                            index: i,
+                            barX: bandX + (bandW - barW) / 2,
+                            barY: barTop,
+                            barW: barW,
+                            barH: Math.max(barBot - barTop, 0.5),
+                            targetY,
+                            targetX: bandX + (bandW - rangeW) / 2,
+                            targetH: rangeW,
+                            labelY: MARGIN.top + plotHeight + 18,
+                            labelX: bandX + bandW / 2,
+                            rangeBands,
+                            tooltipX: bandX + bandW / 2,
+                            tooltipY: cy,
+                        });
+                    }
+                }
+            }
+            const dataValueItems = validData.map((d) => `${d.label}: value ${d.value}, target ${d.target}`);
+            const svgChildren = [];
+            // baseline
+            if (orientation === "horizontal") {
+                svgChildren.push(h("line", {
+                    class: "st-bulletChart__baseline",
+                    x1: baselineX, x2: baselineX,
+                    y1: MARGIN.top, y2: height - MARGIN.bottom,
+                }));
+            }
+            else {
+                svgChildren.push(h("line", {
+                    class: "st-bulletChart__baseline",
+                    x1: MARGIN.left, x2: width - MARGIN.right,
+                    y1: baselineY, y2: baselineY,
+                }));
+            }
+            // axis lines
+            svgChildren.push(h("line", {
+                class: "st-bulletChart__axis",
+                x1: MARGIN.left,
+                x2: orientation === "horizontal" ? width - MARGIN.right : MARGIN.left,
+                y1: MARGIN.top,
+                y2: height - MARGIN.bottom,
+            }));
+            svgChildren.push(h("line", {
+                class: "st-bulletChart__axis",
+                x1: MARGIN.left,
+                x2: orientation === "horizontal" ? MARGIN.left : width - MARGIN.right,
+                y1: height - MARGIN.bottom,
+                y2: height - MARGIN.bottom,
+            }));
+            // ticks
+            for (const tick of ticks) {
+                if (orientation === "horizontal") {
+                    const tx = MARGIN.left + scaleLinear(tick, tickDomainMin, tickDomainMax, 0, plotWidth);
+                    svgChildren.push(h("line", { key: `g${tick}`, class: "st-bulletChart__grid", x1: tx, x2: tx, y1: MARGIN.top, y2: height - MARGIN.bottom }));
+                    svgChildren.push(h("text", { key: `t${tick}`, class: "st-bulletChart__tickLabel", x: tx, y: height - MARGIN.bottom + 14, "text-anchor": "middle" }, formatTick(tick)));
+                }
+                else {
+                    const ty = MARGIN.top + scaleLinear(tick, tickDomainMin, tickDomainMax, plotHeight, 0);
+                    svgChildren.push(h("line", { key: `g${tick}`, class: "st-bulletChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: ty, y2: ty }));
+                    svgChildren.push(h("text", { key: `t${tick}`, class: "st-bulletChart__tickLabel", x: MARGIN.left - 6, y: ty, "text-anchor": "end", "dominant-baseline": "middle" }, formatTick(tick)));
+                }
+            }
+            // bullets
+            for (const b of bullets) {
+                const i = b.index;
+                // range bands
+                for (let ri = 0; ri < b.rangeBands.length; ri++) {
+                    const rb = b.rangeBands[ri];
+                    svgChildren.push(h("rect", {
+                        key: `rb${i}-${ri}`,
+                        class: "st-bulletChart__range",
+                        x: rb.x ?? b.barX,
+                        y: rb.y ?? b.barY,
+                        width: rb.width,
+                        height: Math.abs(rb.height ?? 0),
+                        style: `opacity:${rb.opacity}`,
+                    }));
+                }
+                // bar
+                svgChildren.push(h("rect", {
+                    key: `bar${i}-${b.datum.label}`,
+                    class: "st-bulletChart__bar",
+                    x: b.barX, y: b.barY,
+                    width: b.barW, height: b.barH,
+                    rx: 1,
+                    "data-chart-index": i,
+                }));
+                // target
+                if (orientation === "horizontal") {
+                    svgChildren.push(h("line", {
+                        key: `tgt${i}`,
+                        class: "st-bulletChart__target",
+                        x1: b.targetX, x2: b.targetX,
+                        y1: b.targetY, y2: b.targetY + b.targetH,
+                    }));
+                    svgChildren.push(h("text", {
+                        key: `lbl${i}`,
+                        class: "st-bulletChart__categoryLabel",
+                        x: MARGIN.left - 8, y: b.labelY,
+                        "text-anchor": "end", "dominant-baseline": "middle",
+                    }, b.datum.label));
+                }
+                else {
+                    svgChildren.push(h("line", {
+                        key: `tgt${i}`,
+                        class: "st-bulletChart__target",
+                        x1: b.targetX, x2: (b.targetX ?? 0) + b.targetH,
+                        y1: b.targetY, y2: b.targetY,
+                    }));
+                    svgChildren.push(h("text", {
+                        key: `lbl${i}`,
+                        class: "st-bulletChart__categoryLabel",
+                        x: b.labelX ?? 0, y: b.labelY,
+                        "text-anchor": "middle",
+                    }, b.datum.label));
+                }
+            }
+            const hoveredBullet = hoveredIndex.value !== null ? bullets[hoveredIndex.value] : undefined;
+            const children = [
+                h("div", {
+                    class: "st-bulletChart__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 (hoveredBullet) {
+                children.push(h("div", {
+                    class: "st-bulletChart__tooltip",
+                    role: "presentation",
+                    style: `left:${(hoveredBullet.tooltipX / width) * 100}%;top:${(hoveredBullet.tooltipY / height) * 100}%`,
+                }, [
+                    h("span", { class: "st-bulletChart__tooltipLabel" }, hoveredBullet.datum.label),
+                    h("span", { class: "st-bulletChart__tooltipValue" }, `value: ${hoveredBullet.datum.value} / target: ${hoveredBullet.datum.target}`),
+                ]));
+            }
+            return h("div", { ...attrs, class: classNames("st-bulletChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=BulletChart.js.map

package/dist/BulletChart.js.map

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

package/dist/BumpChart.d.ts

@@ -0,0 +1,74 @@
+export type BumpChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type BumpChartSeries = {
+    label: string;
+    ranks: (number | null | undefined)[];
+    tone?: BumpChartTone;
+};
+export type BumpChartProps = {
+    data: BumpChartSeries[];
+    categories: string[];
+    label: string;
+    width?: number;
+    height?: number;
+    class?: string;
+};
+export declare const BumpChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => BumpChartSeries[];
+        default: () => never[];
+    };
+    categories: {
+        type: () => string[];
+        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: () => BumpChartSeries[];
+        default: () => never[];
+    };
+    categories: {
+        type: () => string[];
+        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: BumpChartSeries[];
+    width: number;
+    height: number;
+    categories: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=BumpChart.d.ts.map

package/dist/BumpChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BumpChart.d.ts","sourceRoot":"","sources":["../src/BumpChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAsDF,eAAO,MAAM,SAAS;;cAGK,MAAM,eAAe,EAAE;;;;cACjB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;cADpB,MAAM,eAAe,EAAE;;;;cACjB,MAAM,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;4EAmN7C,CAAC"}

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