@sentropic/design-system-vue 0.3.0 → 0.5.0

package/dist/Sparkline.d.ts

@@ -1,8 +1,12 @@
 export type SparklineTone = "neutral" | "success" | "warning" | "error";
 export type SparklineProps = {
     data: number[];
-    label?: string;
+    width?: number;
+    height?: number;
     tone?: SparklineTone;
+    strokeWidth?: number;
+    area?: boolean;
+    label?: string;
     class?: string;
 };
 export declare const Sparkline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -10,14 +14,30 @@ export declare const Sparkline: import("vue").DefineComponent<import("vue").Extr
         type: () => number[];
         required: true;
     };
-    label: {
-        type: StringConstructor;
-        default: string;
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
     };
     tone: {
         type: () => SparklineTone;
         default: string;
     };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    area: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -29,21 +49,41 @@ export declare const Sparkline: import("vue").DefineComponent<import("vue").Extr
         type: () => number[];
         required: true;
     };
-    label: {
-        type: StringConstructor;
-        default: string;
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
     };
     tone: {
         type: () => SparklineTone;
         default: string;
     };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    area: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
     };
 }>> & Readonly<{}>, {
     class: string;
+    area: boolean;
     label: string;
     tone: SparklineTone;
+    width: number;
+    height: number;
+    strokeWidth: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Sparkline.d.ts.map

package/dist/Sparkline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../src/Sparkline.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAaF,eAAO,MAAM,SAAS;;cAGK,MAAM,MAAM,EAAE;;;;;;;;cAEb,MAAM,aAAa;;;;;;;;;;;cAFpB,MAAM,MAAM,EAAE;;;;;;;;cAEb,MAAM,aAAa;;;;;;;;;;;4EA2B7C,CAAC"}
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../src/Sparkline.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,eAAO,MAAM,SAAS;;cAGK,MAAM,MAAM,EAAE;;;;;;;;;;;;cAGb,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;cAHpB,MAAM,MAAM,EAAE;;;;;;;;;;;;cAGb,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgF7C,CAAC"}

package/dist/Sparkline.js

@@ -1,40 +1,76 @@
 import { defineComponent, h } from "vue";
 import { classNames } from "./classNames.js";
-function pointsFrom(values, width, height) {
-    const max = Math.max(...values, 1);
-    return values
-        .map((value, index) => {
-        const x = values.length === 1 ? width / 2 : (index / (values.length - 1)) * width;
-        const y = height - (value / max) * height;
-        return `${x},${y}`;
-    })
-        .join(" ");
-}
+const PADDING = 2;
 export const Sparkline = defineComponent({
     name: "Sparkline",
     props: {
         data: { type: Array, required: true },
-        label: { type: String, default: "Sparkline" },
+        width: { type: Number, default: 120 },
+        height: { type: Number, default: 28 },
         tone: { type: String, default: "neutral" },
+        strokeWidth: { type: Number, default: 1.5 },
+        area: { type: Boolean, default: false },
+        label: { type: String, default: undefined },
         class: { type: String, default: undefined },
     },
     setup(props, { attrs }) {
         return () => {
-            const label = props.label ?? "Sparkline";
+            const width = props.width ?? 120;
+            const height = props.height ?? 28;
             const tone = props.tone ?? "neutral";
-            return h("figure", {
+            const strokeWidth = props.strokeWidth ?? 1.5;
+            const area = props.area ?? false;
+            const label = props.label;
+            const data = props.data;
+            let line = "";
+            let areaPath = "";
+            if (data && data.length !== 0) {
+                const min = Math.min(...data);
+                const max = Math.max(...data);
+                const span = max - min || 1;
+                const innerWidth = Math.max(width - PADDING * 2, 1);
+                const innerHeight = Math.max(height - PADDING * 2, 1);
+                const step = data.length > 1 ? innerWidth / (data.length - 1) : 0;
+                const pts = data.map((value, index) => {
+                    const x = PADDING + step * index;
+                    const normalised = (value - min) / span;
+                    const y = PADDING + (1 - normalised) * innerHeight;
+                    return { x, y };
+                });
+                line = pts.map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(" ");
+                const baseline = height - PADDING;
+                const first = pts[0];
+                const last = pts[pts.length - 1];
+                areaPath = `${line} L${last.x.toFixed(2)},${baseline.toFixed(2)} L${first.x.toFixed(2)},${baseline.toFixed(2)} Z`;
+            }
+            const svgChildren = [];
+            if (area && areaPath) {
+                svgChildren.push(h("path", { d: areaPath, class: "st-sparkline__area" }));
+            }
+            if (line) {
+                svgChildren.push(h("path", {
+                    d: line,
+                    class: "st-sparkline__line",
+                    fill: "none",
+                    "stroke-width": strokeWidth,
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                }));
+            }
+            return h("span", {
                 ...attrs,
                 class: classNames("st-sparkline", `st-sparkline--${tone}`, props.class),
+                role: "img",
                 "aria-label": label,
             }, [
-                h("span", { class: "st-visually-hidden" }, label),
-                h("svg", { viewBox: "0 0 120 40", "aria-hidden": "true" }, [
-                    h("polyline", {
-                        class: "st-sparkline__line",
-                        points: pointsFrom(props.data, 120, 40),
-                        fill: "none",
-                    }),
-                ]),
+                h("svg", {
+                    width,
+                    height,
+                    viewBox: `0 0 ${width} ${height}`,
+                    preserveAspectRatio: "none",
+                    "aria-hidden": label ? "true" : undefined,
+                    focusable: "false",
+                }, svgChildren),
             ]);
         };
     },

package/dist/Sparkline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../src/Sparkline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,SAAS,UAAU,CAAC,MAAgB,EAAE,KAAa,EAAE,MAAc;IACjE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;IACnC,OAAO,MAAM;SACV,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACpB,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;QAClF,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;QAC1C,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;IACrB,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAAuB,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE;QAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,MAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,WAAW,CAAC;YACzC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC;YACrC,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,cAAc,EAAE,iBAAiB,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;gBACvE,YAAY,EAAE,KAAK;aACpB,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,KAAK,CAAC;gBACjD,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;oBACzD,CAAC,CAAC,UAAU,EAAE;wBACZ,KAAK,EAAE,oBAAoB;wBAC3B,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;wBACvC,IAAI,EAAE,MAAM;qBACb,CAAC;iBACH,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../src/Sparkline.ts"],"names":[],"mappings":"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"}

package/dist/StackedBarChart.d.ts

@@ -1,18 +1,19 @@
+export type StackedBarTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
 export type StackedBarSegment = {
     label: string;
     value: number;
-    tone?: string;
+    tone?: StackedBarTone;
 };
 export type StackedBarDatum = {
     label: string;
     segments: StackedBarSegment[];
 };
-export type StackedBarTone = string;
 export type StackedBarChartProps = {
     data: StackedBarDatum[];
-    label?: string;
     width?: number;
     height?: number;
+    label: string;
+    showLegend?: boolean;
     class?: string;
 };
 export declare const StackedBarChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -20,17 +21,21 @@ export declare const StackedBarChart: import("vue").DefineComponent<import("vue"
         type: () => StackedBarDatum[];
         required: true;
     };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
     width: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     height: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    showLegend: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     class: {
         type: StringConstructor;
@@ -43,17 +48,21 @@ export declare const StackedBarChart: import("vue").DefineComponent<import("vue"
         type: () => StackedBarDatum[];
         required: true;
     };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
     width: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
     };
     height: {
         type: NumberConstructor;
-        default: undefined;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    showLegend: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     class: {
         type: StringConstructor;
@@ -61,8 +70,8 @@ export declare const StackedBarChart: import("vue").DefineComponent<import("vue"
     };
 }>> & Readonly<{}>, {
     class: string;
-    label: string;
     width: number;
     height: number;
+    showLegend: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=StackedBarChart.d.ts.map

package/dist/StackedBarChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../src/StackedBarChart.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAChF,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,iBAAiB,EAAE,CAAA;CAAE,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,eAAe;;cAGD,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAvB,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAuDhD,CAAC"}
+{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../src/StackedBarChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4BF,eAAO,MAAM,eAAe;;cAGD,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAvB,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAoLhD,CAAC"}

package/dist/StackedBarChart.js

@@ -1,53 +1,145 @@
-import { defineComponent, h } from "vue";
+import { defineComponent, h, ref } from "vue";
 import { classNames } from "./classNames.js";
-const DATA_TONES = [
-    "category1", "category2", "category3", "category4",
-    "category5", "category6", "category7", "category8",
+import { chartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+const MARGIN = { top: 14, right: 16, bottom: 34, left: 44 };
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
 ];
 export const StackedBarChart = defineComponent({
     name: "StackedBarChart",
     props: {
         data: { type: Array, required: true },
-        label: { type: String, default: "Stacked bar chart" },
-        width: { type: Number, default: undefined },
-        height: { type: Number, default: undefined },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 260 },
+        label: { type: String, required: true },
+        showLegend: { type: Boolean, default: true },
         class: { type: String, default: undefined },
     },
     setup(props, { attrs }) {
+        const hovered = ref(null);
+        function handleLeave() {
+            hovered.value = null;
+        }
+        function handleVisualPointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hovered.value = null;
+                return;
+            }
+            const bar = Number(target.getAttribute("data-bar-index"));
+            const seg = Number(target.getAttribute("data-segment-index"));
+            hovered.value = Number.isInteger(bar) && Number.isInteger(seg) ? { bar, seg } : null;
+        }
         return () => {
-            const label = props.label ?? "Stacked bar chart";
-            return h("figure", {
-                ...attrs,
-                class: classNames("st-stackedBar", props.class),
-                "aria-label": label,
-            }, [
-                h("span", { class: "st-visually-hidden" }, label),
-                h("svg", { viewBox: "0 0 320 160", "aria-hidden": "true" }, [
-                    ...props.data.map((bar, barIndex) => {
-                        let x = 16;
-                        const total = Math.max(bar.segments.reduce((sum, segment) => sum + segment.value, 0), 1);
-                        const rects = bar.segments.map((segment, index) => {
-                            const width = (segment.value / total) * 220;
-                            const rect = h("rect", {
-                                key: segment.label,
-                                class: classNames("st-stackedBar__seg", `st-stackedBar__seg--${segment.tone ?? DATA_TONES[index % DATA_TONES.length]}`),
-                                x,
-                                y: "0",
-                                width,
-                                height: "20",
-                            });
-                            x += width;
-                            return rect;
-                        });
-                        return h("g", {
-                            key: bar.label,
-                            transform: `translate(0 ${barIndex * 32 + 16})`,
-                        }, [
-                            ...rects,
-                            h("text", { class: "st-stackedBar__categoryLabel", x: "250", y: "15" }, bar.label),
-                        ]);
-                    }),
+            const width = props.width ?? 480;
+            const height = props.height ?? 260;
+            const showLegend = props.showLegend ?? true;
+            const label = props.label;
+            const data = props.data;
+            const seen = new Map();
+            data.forEach((bar) => bar.segments.forEach((seg, i) => {
+                if (!seen.has(seg.label))
+                    seen.set(seg.label, seg.tone ?? TONES[i % TONES.length]);
+            }));
+            const legend = [...seen.entries()].map(([seriesLabel, tone]) => ({ seriesLabel, tone }));
+            const totals = data.map((b) => b.segments.reduce((s, x) => s + Math.max(x.value, 0), 0));
+            const ticks = niceTicks(0, Math.max(0, ...totals));
+            const domainMax = ticks[ticks.length - 1];
+            const plotW = Math.max(width - MARGIN.left - MARGIN.right, 1);
+            const plotH = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            let bars = [];
+            if (data.length !== 0) {
+                const band = plotW / data.length;
+                const barWidth = band * 0.6;
+                bars = data.map((bar, bi) => {
+                    const x = MARGIN.left + band * bi + (band - barWidth) / 2;
+                    let acc = 0;
+                    const segs = bar.segments.map((seg, si) => {
+                        const v = Math.max(seg.value, 0);
+                        const yTop = MARGIN.top + scaleLinear(acc + v, 0, domainMax, plotH, 0);
+                        const yBottom = MARGIN.top + scaleLinear(acc, 0, domainMax, plotH, 0);
+                        acc += v;
+                        return {
+                            x,
+                            y: yTop,
+                            width: barWidth,
+                            height: Math.max(yBottom - yTop, 0),
+                            seg,
+                            tone: seg.tone ?? TONES[si % TONES.length],
+                            cx: x + barWidth / 2,
+                            cy: yTop + (yBottom - yTop) / 2,
+                        };
+                    });
+                    return { x, band, label: bar.label, segs, cxLabel: MARGIN.left + band * (bi + 0.5) };
+                });
+            }
+            const dataValueItems = data.flatMap((bar) => bar.segments.map((seg) => `${bar.label}, ${seg.label}: ${seg.value}`));
+            const svgChildren = [];
+            for (const t of ticks) {
+                const y = MARGIN.top + scaleLinear(t, 0, domainMax, plotH, 0);
+                svgChildren.push(h("line", { key: `g${t}`, class: "st-stackedBar__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: y, y2: y }), h("text", { key: `t${t}`, class: "st-stackedBar__tick", x: MARGIN.left - 6, y, "text-anchor": "end", "dominant-baseline": "middle" }, formatTick(t)));
+            }
+            svgChildren.push(h("line", { class: "st-stackedBar__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), h("line", { class: "st-stackedBar__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }));
+            bars.forEach((bar, bi) => {
+                svgChildren.push(h("text", { key: `cat${bar.label}`, class: "st-stackedBar__categoryLabel", x: bar.cxLabel, y: height - MARGIN.bottom + 16, "text-anchor": "middle" }, bar.label));
+                bar.segs.forEach((s, si) => {
+                    svgChildren.push(h("rect", {
+                        key: `seg${bar.label}-${s.seg.label}`,
+                        class: classNames("st-stackedBar__seg", `st-stackedBar__seg--${s.tone}`, hovered.value !== null && !(hovered.value.bar === bi && hovered.value.seg === si) && "st-stackedBar__seg--dim"),
+                        x: s.x,
+                        y: s.y,
+                        width: s.width,
+                        height: s.height,
+                        "data-bar-index": bi,
+                        "data-segment-index": si,
+                    }));
+                });
+            });
+            const hoveredSeg = hovered.value && bars[hovered.value.bar]?.segs[hovered.value.seg];
+            return h("div", { ...attrs, class: classNames("st-stackedBar", props.class) }, [
+                h("div", {
+                    class: "st-stackedBar__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handleVisualPointerMove,
+                    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),
+                hoveredSeg
+                    ? h("div", {
+                        class: "st-stackedBar__tooltip",
+                        role: "presentation",
+                        style: `left: ${(hoveredSeg.cx / width) * 100}%; top: ${(hoveredSeg.cy / height) * 100}%`,
+                    }, [
+                        h("span", { class: "st-stackedBar__tooltipLabel" }, hoveredSeg.seg.label),
+                        h("span", { class: "st-stackedBar__tooltipValue" }, String(hoveredSeg.seg.value)),
+                    ])
+                    : null,
+                showLegend && legend.length > 0
+                    ? h("ul", { class: "st-stackedBar__legend" }, legend.map((item) => h("li", { key: item.seriesLabel, class: "st-stackedBar__legendItem" }, [
+                        h("span", {
+                            class: classNames("st-stackedBar__legendSwatch", `st-stackedBar__legendSwatch--${item.tone}`),
+                            "aria-hidden": "true",
+                        }),
+                        item.seriesLabel,
+                    ])))
+                    : null,
             ]);
         };
     },

package/dist/StackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.js","sourceRoot":"","sources":["../src/StackedBarChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,UAAU,GAAG;IACjB,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;IAClD,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAAgC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAChE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;QACrD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,mBAAmB,CAAC;YACjD,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC;gBAC/C,YAAY,EAAE,KAAK;aACpB,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,KAAK,CAAC;gBACjD,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;oBAC1D,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;wBAClC,IAAI,CAAC,GAAG,EAAE,CAAC;wBACX,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;wBACzF,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;4BAChD,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;4BAC5C,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE;gCACrB,GAAG,EAAE,OAAO,CAAC,KAAK;gCAClB,KAAK,EAAE,UAAU,CACf,oBAAoB,EACpB,uBAAuB,OAAO,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,CAC/E;gCACD,CAAC;gCACD,CAAC,EAAE,GAAG;gCACN,KAAK;gCACL,MAAM,EAAE,IAAI;6BACb,CAAC,CAAC;4BACH,CAAC,IAAI,KAAK,CAAC;4BACX,OAAO,IAAI,CAAC;wBACd,CAAC,CAAC,CAAC;wBACH,OAAO,CAAC,CACN,GAAG,EACH;4BACE,GAAG,EAAE,GAAG,CAAC,KAAK;4BACd,SAAS,EAAE,eAAe,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG;yBAChD,EACD;4BACE,GAAG,KAAK;4BACR,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC;yBACnF,CACF,CAAC;oBACJ,CAAC,CAAC;iBACH,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"StackedBarChart.js","sourceRoot":"","sources":["../src/StackedBarChart.ts"],"names":[],"mappings":"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"}

package/dist/Tabs.d.ts

@@ -10,6 +10,7 @@ export type TabsProps = {
     activeValue?: string;
     activeId?: string;
     label?: string;
+    onchange?: (value: string) => void;
     class?: string;
 };
 export declare const Tabs: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -29,6 +30,10 @@ export declare const Tabs: import("vue").DefineComponent<import("vue").ExtractPr
         type: StringConstructor;
         default: string;
     };
+    onchange: {
+        type: () => (value: string) => void;
+        default: undefined;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -52,6 +57,10 @@ export declare const Tabs: import("vue").DefineComponent<import("vue").ExtractPr
         type: StringConstructor;
         default: string;
     };
+    onchange: {
+        type: () => (value: string) => void;
+        default: undefined;
+    };
     class: {
         type: StringConstructor;
         default: undefined;
@@ -62,6 +71,7 @@ export declare const Tabs: import("vue").DefineComponent<import("vue").ExtractPr
     class: string;
     label: string;
     activeId: string;
+    onchange: (value: string) => void;
     activeValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,eAAO,MAAM,IAAI;;cAGW,MAAM,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAf,MAAM,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;4EAoIzC,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAKF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,eAAO,MAAM,IAAI;;cAGW,MAAM,OAAO,EAAE;;;;;;;;;;;;;;;;cAIE,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;cAJ9C,MAAM,OAAO,EAAE;;;;;;;;;;;;;;;;cAIE,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;;;;;;sBAAf,MAAM,KAAK,IAAI;;4EAkIxE,CAAC"}

package/dist/Tabs.js

@@ -19,6 +19,7 @@ export const Tabs = defineComponent({
         activeValue: { type: String, default: undefined },
         activeId: { type: String, default: undefined },
         label: { type: String, default: "Tabs" },
+        onchange: { type: Function, default: undefined },
         class: { type: String, default: undefined },
     },
     emits: ["change"],
@@ -39,6 +40,7 @@ export const Tabs = defineComponent({
                 localCurrent.value = val;
             }
             emit("change", val);
+            props.onchange?.(val);
         };
         const tabRefs = ref([]);
         const activateIndex = (index) => {

package/dist/Tabs.js.map

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

package/dist/Toggletip.d.ts

@@ -53,9 +53,9 @@ export declare const Toggletip: import("vue").DefineComponent<import("vue").Extr
 }>> & Readonly<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
+    open: boolean;
     class: string;
     content: undefined;
-    open: boolean;
     placement: ToggletipPlacement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=Toggletip.d.ts.map