@sentropic/design-system-vue 0.36.35 → 0.36.38

package/dist/AnomalySwimLaneChart.d.ts

@@ -0,0 +1,88 @@
+export type AnomalySwimLaneTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type AnomalySwimLaneBucket = {
+    at: number;
+    score: number;
+};
+export type AnomalySwimLaneSeries = {
+    job: string;
+    buckets: AnomalySwimLaneBucket[];
+};
+export type AnomalySwimLaneChartProps = {
+    data: AnomalySwimLaneSeries[];
+    max?: number;
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    class?: string;
+};
+export declare const AnomalySwimLaneChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => AnomalySwimLaneSeries[];
+        default: () => never[];
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    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: () => AnomalySwimLaneSeries[];
+        default: () => never[];
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+    class: string;
+    data: AnomalySwimLaneSeries[];
+    label: string;
+    height: number;
+    max: number;
+    width: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=AnomalySwimLaneChart.d.ts.map

package/dist/AnomalySwimLaneChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnomalySwimLaneChart.d.ts","sourceRoot":"","sources":["../src/AnomalySwimLaneChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAC3B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,qBAAqB,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoCF,eAAO,MAAM,oBAAoB;;cAGN,MAAM,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA7B,MAAM,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA0QtD,CAAC"}

package/dist/AnomalySwimLaneChart.js

@@ -0,0 +1,227 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const MARGIN = { top: 28, right: 18, bottom: 44, left: 132 };
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+// Continuous scale: score intensity normalised 0..max → category1..8 (shared
+// with HeatmapChart). max ≤ 0 or non-finite score → category1 (floor intensity).
+function toneForScore(score, scoreMax) {
+    if (!Number.isFinite(score) || scoreMax <= 0)
+        return "category1";
+    const ratio = Math.max(0, Math.min(1, score / scoreMax));
+    const index = Math.max(0, Math.min(TONES.length - 1, Math.floor(ratio * TONES.length)));
+    return TONES[index];
+}
+// Truncate a label to the left margin width (approx. by char count).
+function ellipsize(text, maxChars) {
+    if (text.length <= maxChars)
+        return text;
+    if (maxChars <= 1)
+        return "…";
+    return `${text.slice(0, maxChars - 1)}…`;
+}
+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 AnomalySwimLaneChart = defineComponent({
+    name: "AnomalySwimLaneChart",
+    props: {
+        data: { type: Array, default: () => [] },
+        max: { type: Number, default: undefined },
+        label: { type: String, default: undefined },
+        width: { type: Number, default: undefined },
+        height: { type: Number, default: 300 },
+        size: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredKey = ref(null);
+        function handleLeave() {
+            hoveredKey.value = null;
+        }
+        function handlePointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredKey.value = null;
+                return;
+            }
+            hoveredKey.value = target.getAttribute("data-chart-key");
+        }
+        return () => {
+            const data = props.data ?? [];
+            const label = props.label;
+            const height = props.height ?? 300;
+            const resolvedWidth = props.width ?? props.size ?? 520;
+            const plotWidth = Math.max(resolvedWidth - MARGIN.left - MARGIN.right, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            // Normalise: drop unlabeled jobs and non-finite buckets.
+            const validData = data
+                .filter((d) => typeof d.job === "string" && d.job.length > 0)
+                .map((d) => ({
+                job: d.job,
+                buckets: (d.buckets ?? [])
+                    .filter((b) => Number.isFinite(b.at))
+                    .map((b) => ({ at: b.at, score: b.score })),
+            }));
+            // Distinct time columns (by `at`, ascending).
+            const columnOrder = [];
+            for (const d of validData) {
+                for (const b of d.buckets) {
+                    if (!columnOrder.includes(b.at))
+                        columnOrder.push(b.at);
+                }
+            }
+            columnOrder.sort((a, b) => a - b);
+            // Effective max score: `max` prop when finite and > 0, else from data.
+            const scoreMax = (() => {
+                if (typeof props.max === "number" && Number.isFinite(props.max) && props.max > 0)
+                    return props.max;
+                const scores = validData
+                    .flatMap((d) => d.buckets.map((b) => b.score))
+                    .filter(Number.isFinite);
+                return scores.length > 0 ? Math.max(...scores) : 1;
+            })();
+            let rows = [];
+            if (validData.length > 0 && columnOrder.length > 0) {
+                const band = plotHeight / validData.length;
+                const rowHeight = Math.min(band * 0.78, 34);
+                const colWidth = plotWidth / columnOrder.length;
+                rows = validData.map((d, i) => {
+                    const y = MARGIN.top + band * i + (band - rowHeight) / 2;
+                    const cells = d.buckets.map((b, j) => {
+                        const colIndex = Math.max(0, columnOrder.indexOf(b.at));
+                        const x = MARGIN.left + colIndex * colWidth;
+                        const w = Math.max(colWidth - 2, 1);
+                        return {
+                            key: `${i}-${j}`,
+                            datum: b,
+                            x,
+                            width: w,
+                            cx: x + w / 2,
+                            tone: toneForScore(b.score, scoreMax),
+                        };
+                    });
+                    return {
+                        datum: d,
+                        index: i,
+                        y,
+                        height: rowHeight,
+                        rowCenterY: MARGIN.top + band * (i + 0.5),
+                        cells,
+                    };
+                });
+            }
+            const columns = columnOrder.length === 0
+                ? []
+                : columnOrder.map((at, index) => ({
+                    at,
+                    cx: MARGIN.left + (index + 0.5) * (plotWidth / columnOrder.length),
+                }));
+            const dataValueItems = validData.map((d) => `${d.job}: ${d.buckets.map((b) => `${b.at} = ${b.score}`).join(", ")}`);
+            const legendItems = TONES.map((tone) => ({ tone }));
+            const hasLegend = validData.length > 0 && columnOrder.length > 0;
+            const svgChildren = [];
+            // tick labels (time axis)
+            for (const column of columns) {
+                svgChildren.push(h("text", {
+                    key: `t${column.at}`,
+                    class: "st-anomalySwimLaneChart__tickLabel",
+                    x: column.cx,
+                    y: height - MARGIN.bottom + 16,
+                    "text-anchor": "middle",
+                }, formatTick(column.at)));
+            }
+            // axes
+            svgChildren.push(h("line", { class: "st-anomalySwimLaneChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }));
+            svgChildren.push(h("line", { class: "st-anomalySwimLaneChart__axis", x1: MARGIN.left, x2: resolvedWidth - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }));
+            // one row per job + left label + score cells per bucket
+            for (const row of rows) {
+                const i = row.index;
+                svgChildren.push(h("text", {
+                    key: `lbl${i}`,
+                    class: "st-anomalySwimLaneChart__jobLabel",
+                    x: MARGIN.left - 8,
+                    y: row.rowCenterY,
+                    "text-anchor": "end",
+                    "dominant-baseline": "middle",
+                }, ellipsize(row.datum.job, 18)));
+                for (const cell of row.cells) {
+                    const isDim = hoveredKey.value !== null && hoveredKey.value !== cell.key;
+                    svgChildren.push(h("rect", {
+                        key: `cell${cell.key}`,
+                        class: classNames("st-anomalySwimLaneChart__cell", `st-anomalySwimLaneChart__cell--${cell.tone}`, isDim ? "st-anomalySwimLaneChart__cell--dim" : undefined),
+                        x: cell.x,
+                        y: row.y,
+                        width: cell.width,
+                        height: row.height,
+                        rx: 2,
+                        "data-chart-key": cell.key,
+                    }));
+                }
+            }
+            let hovered = null;
+            if (hoveredKey.value !== null) {
+                for (const row of rows) {
+                    for (const cell of row.cells) {
+                        if (cell.key === hoveredKey.value)
+                            hovered = { row, cell };
+                    }
+                }
+            }
+            const children = [
+                h("div", {
+                    class: "st-anomalySwimLaneChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handlePointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${resolvedWidth} ${height}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%",
+                        height: "100%",
+                        focusable: "false",
+                        "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+            ];
+            if (hasLegend) {
+                children.push(h("div", { class: "st-anomalySwimLaneChart__legend", "aria-hidden": "true" }, [
+                    h("span", { class: "st-anomalySwimLaneChart__legendText" }, "Low"),
+                    h("span", { class: "st-anomalySwimLaneChart__legendRamp" }, legendItems.map((item) => h("span", {
+                        key: item.tone,
+                        class: `st-anomalySwimLaneChart__legendSwatch st-anomalySwimLaneChart__legendSwatch--${item.tone}`,
+                    }))),
+                    h("span", { class: "st-anomalySwimLaneChart__legendText" }, "High"),
+                ]));
+            }
+            children.push(chartDataList(label ?? "anomaly swim lane", dataValueItems));
+            if (hovered) {
+                children.push(h("div", {
+                    class: "st-anomalySwimLaneChart__tooltip",
+                    role: "presentation",
+                    style: `left:${(hovered.cell.cx / resolvedWidth) * 100}%;top:${(hovered.row.rowCenterY / height) * 100}%`,
+                }, [
+                    h("span", { class: "st-anomalySwimLaneChart__tooltipLabel" }, `${hovered.row.datum.job} · ${hovered.cell.datum.at}`),
+                    h("span", { class: "st-anomalySwimLaneChart__tooltipValue" }, `${hovered.cell.datum.score}`),
+                ]));
+            }
+            return h("div", { ...attrs, class: classNames("st-anomalySwimLaneChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=AnomalySwimLaneChart.js.map

package/dist/AnomalySwimLaneChart.js.map

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

package/dist/CopyButton.d.ts

@@ -65,8 +65,8 @@ export declare const CopyButton: import("vue").DefineComponent<import("vue").Ext
     size: CopyButtonSize;
     class: string;
     label: string;
-    value: string;
     text: string;
+    value: string;
     copiedLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=CopyButton.d.ts.map

package/dist/DecompositionTreeChart.d.ts

@@ -0,0 +1,81 @@
+export type DecompositionTreeNode = {
+    label: string;
+    value: number;
+    parent?: string;
+};
+export type DecompositionTreeLevel = {
+    dimension: string;
+    nodes: DecompositionTreeNode[];
+};
+export type DecompositionTreeData = {
+    measure: string;
+    levels: DecompositionTreeLevel[];
+};
+export type DecompositionTreeChartProps = {
+    data: DecompositionTreeData;
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    class?: string;
+};
+export declare const DecompositionTreeChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => DecompositionTreeData;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    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: () => DecompositionTreeData;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+    class: string;
+    label: string;
+    height: number;
+    width: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=DecompositionTreeChart.d.ts.map

package/dist/DecompositionTreeChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DecompositionTreeChart.d.ts","sourceRoot":"","sources":["../src/DecompositionTreeChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,sBAAsB,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuDF,eAAO,MAAM,sBAAsB;;cAGP,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA3B,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiPrD,CAAC"}

package/dist/DecompositionTreeChart.js

@@ -0,0 +1,206 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const MARGIN = { top: 16, right: 16, bottom: 16, left: 16 };
+const BAR_H = 22;
+const BAR_GAP = 10;
+const COL_GAP = 36;
+const BAR_W = 110;
+const toneForLevel = (level) => `category${(level % 8) + 1}`;
+// Truncate a label to the bar width (approx. by char count).
+function ellipsize(text, maxChars) {
+    if (text.length <= maxChars)
+        return text;
+    if (maxChars <= 1)
+        return "…";
+    return `${text.slice(0, maxChars - 1)}…`;
+}
+function formatValue(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);
+}
+const charsFor = (w) => Math.max(0, Math.floor((w - 8) / 6.6));
+function linkPath(link) {
+    const x1 = link.from.x + link.from.barWidth;
+    const y1 = link.from.cy;
+    const x2 = link.to.x;
+    const y2 = link.to.cy;
+    const mid = (x1 + x2) / 2;
+    return `M ${x1} ${y1} C ${mid} ${y1}, ${mid} ${y2}, ${x2} ${y2}`;
+}
+export const DecompositionTreeChart = defineComponent({
+    name: "DecompositionTreeChart",
+    props: {
+        data: { type: Object, required: true },
+        label: { type: String, default: undefined },
+        width: { type: Number, default: undefined },
+        height: { type: Number, default: 320 },
+        size: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredKey = ref(null);
+        function handleLeave() {
+            hoveredKey.value = null;
+        }
+        function handlePointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredKey.value = null;
+                return;
+            }
+            hoveredKey.value = target.getAttribute("data-chart-key");
+        }
+        return () => {
+            const data = props.data;
+            const label = props.label;
+            const height = props.height ?? 320;
+            const resolvedWidth = props.width ?? props.size ?? 640;
+            const colX = (level) => MARGIN.left + level * (BAR_W + COL_GAP);
+            // Build the columns: root (column 0 = total measure), then one column per
+            // level; a bar width is ∝ value relative to its level max.
+            const cells = [];
+            const links = [];
+            if (data && typeof data.measure === "string") {
+                const plotTop = MARGIN.top;
+                const levels = (data.levels ?? []).filter((lvl) => lvl && typeof lvl.dimension === "string");
+                const firstLevelTotal = levels[0]
+                    ? levels[0].nodes
+                        .filter((n) => n && Number.isFinite(n.value))
+                        .reduce((s, n) => s + Math.max(n.value, 0), 0)
+                    : 0;
+                const rootValue = firstLevelTotal > 0 ? firstLevelTotal : 1;
+                const rootCell = {
+                    key: "root",
+                    label: data.measure,
+                    dimension: data.measure,
+                    value: rootValue,
+                    level: 0,
+                    x: colX(0),
+                    y: plotTop,
+                    barWidth: BAR_W,
+                    tone: toneForLevel(0),
+                    cx: colX(0) + BAR_W / 2,
+                    cy: plotTop + BAR_H / 2,
+                    parentKey: null,
+                };
+                cells.push(rootCell);
+                let prevColumn = [rootCell];
+                levels.forEach((lvl, li) => {
+                    const level = li + 1;
+                    const nodes = (lvl.nodes ?? []).filter((n) => n && typeof n.label === "string" && Number.isFinite(n.value));
+                    const levelMax = nodes.reduce((m, n) => Math.max(m, Math.max(n.value, 0)), 0) || 1;
+                    const x = colX(level);
+                    const column = [];
+                    nodes.forEach((n, ni) => {
+                        const y = plotTop + ni * (BAR_H + BAR_GAP);
+                        const barWidth = Math.max((Math.max(n.value, 0) / levelMax) * BAR_W, 2);
+                        const parentCell = (n.parent !== undefined && prevColumn.find((p) => p.label === n.parent)) ||
+                            prevColumn[0] ||
+                            null;
+                        const cell = {
+                            key: `${level}-${ni}`,
+                            label: n.label,
+                            dimension: lvl.dimension,
+                            value: n.value,
+                            level,
+                            x,
+                            y,
+                            barWidth,
+                            tone: toneForLevel(level),
+                            cx: x + barWidth / 2,
+                            cy: y + BAR_H / 2,
+                            parentKey: parentCell ? parentCell.key : null,
+                        };
+                        cells.push(cell);
+                        column.push(cell);
+                        if (parentCell) {
+                            links.push({ key: `${parentCell.key}>${cell.key}`, from: parentCell, to: cell });
+                        }
+                    });
+                    if (column.length > 0)
+                        prevColumn = column;
+                });
+            }
+            const computedHeight = cells.length === 0
+                ? height
+                : Math.max(height, cells.reduce((m, c) => Math.max(m, c.y + BAR_H), MARGIN.top) + MARGIN.bottom);
+            const computedWidth = cells.length === 0
+                ? resolvedWidth
+                : Math.max(resolvedWidth, cells.reduce((m, c) => Math.max(m, c.x + BAR_W), MARGIN.left) + MARGIN.right);
+            const dataValueItems = cells.map((c) => `${"·".repeat(c.level)}${c.label}: ${c.value}`);
+            const svgChildren = [];
+            // smoothed parent→child links
+            for (const link of links) {
+                const isDim = hoveredKey.value !== null &&
+                    hoveredKey.value !== link.from.key &&
+                    hoveredKey.value !== link.to.key;
+                svgChildren.push(h("path", {
+                    key: link.key,
+                    class: classNames("st-decompositionTreeChart__link", isDim ? "st-decompositionTreeChart__link--dim" : undefined),
+                    d: linkPath(link),
+                }));
+            }
+            // one column per level: horizontal bar whose width ∝ value
+            for (const cell of cells) {
+                const chars = charsFor(cell.barWidth);
+                const isDim = hoveredKey.value !== null && hoveredKey.value !== cell.key;
+                const nodeChildren = [
+                    h("rect", {
+                        class: classNames("st-decompositionTreeChart__bar", `st-decompositionTreeChart__bar--${cell.tone}`, isDim ? "st-decompositionTreeChart__bar--dim" : undefined),
+                        x: cell.x,
+                        y: cell.y,
+                        width: Math.max(cell.barWidth, 2),
+                        height: BAR_H,
+                        rx: 2,
+                        "data-chart-key": cell.key,
+                    }),
+                ];
+                if (chars >= 2) {
+                    nodeChildren.push(h("text", {
+                        class: "st-decompositionTreeChart__label",
+                        x: cell.x + 4,
+                        y: cell.y + BAR_H / 2,
+                        "dominant-baseline": "central",
+                    }, ellipsize(cell.label, chars)));
+                }
+                svgChildren.push(h("g", { key: cell.key, class: "st-decompositionTreeChart__node" }, nodeChildren));
+            }
+            const hoveredCell = hoveredKey.value !== null ? cells.find((c) => c.key === hoveredKey.value) ?? null : null;
+            const children = [
+                h("div", {
+                    class: "st-decompositionTreeChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handlePointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${computedWidth} ${computedHeight}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%",
+                        height: "100%",
+                        focusable: "false",
+                        "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+                chartDataList(label ?? "decomposition tree", dataValueItems),
+            ];
+            if (hoveredCell) {
+                children.push(h("div", {
+                    class: "st-decompositionTreeChart__tooltip",
+                    role: "presentation",
+                    style: `left:${(hoveredCell.cx / computedWidth) * 100}%;top:${(hoveredCell.cy / computedHeight) * 100}%`,
+                }, [
+                    h("span", { class: "st-decompositionTreeChart__tooltipLabel" }, `${hoveredCell.dimension} · ${hoveredCell.label}`),
+                    h("span", { class: "st-decompositionTreeChart__tooltipValue" }, formatValue(hoveredCell.value)),
+                ]));
+            }
+            return h("div", { ...attrs, class: classNames("st-decompositionTreeChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=DecompositionTreeChart.js.map

package/dist/DecompositionTreeChart.js.map

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