@sentropic/design-system-vue 0.13.0 → 0.15.0

package/dist/RadarChart.js

@@ -0,0 +1,151 @@
+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",
+];
+function pointAt(cx, cy, radius, angle) {
+    return [cx + radius * Math.cos(angle), cy + radius * Math.sin(angle)];
+}
+export const RadarChart = defineComponent({
+    name: "RadarChart",
+    props: {
+        axes: { type: Array, required: true },
+        series: { type: Array, required: true },
+        maxValue: { type: Number, default: undefined },
+        levels: { type: Number, default: 4 },
+        width: { type: Number, default: 360 },
+        height: { type: Number, default: 320 },
+        legend: { type: Boolean, default: false },
+        label: { type: String, required: true },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredIndex = ref(null);
+        function handleLeave() {
+            hoveredIndex.value = null;
+        }
+        function handleVisualPointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredIndex.value = null;
+                return;
+            }
+            const index = Number(target.getAttribute("data-chart-index"));
+            hoveredIndex.value = Number.isInteger(index) ? index : null;
+        }
+        return () => {
+            const axes = props.axes ?? [];
+            const series = props.series ?? [];
+            const width = props.width ?? 360;
+            const height = props.height ?? 320;
+            const legend = props.legend ?? false;
+            const label = props.label;
+            const safeLevelCount = Math.max(1, Math.floor(props.levels ?? 4));
+            const centerX = width / 2;
+            const centerY = height / 2;
+            const radius = Math.max(Math.min(width, height) / 2 - 42, 1);
+            // domainMax: respect maxValue if provided, otherwise derive from data - NO floor at 100
+            const allValues = series.flatMap((item) => item.values).filter(Number.isFinite);
+            const domainMax = Number.isFinite(props.maxValue) && (props.maxValue ?? 0) > 0
+                ? props.maxValue
+                : Math.max(1, ...allValues);
+            const axisEntries = axes.map((axis, i) => {
+                const angle = -Math.PI / 2 + (Math.PI * 2 * i) / Math.max(axes.length, 1);
+                const [x, y] = pointAt(centerX, centerY, radius, angle);
+                const [labelX, labelY] = pointAt(centerX, centerY, radius + 22, angle);
+                return { axis, x, y, labelX, labelY, angle };
+            });
+            const polygons = series.map((item, seriesIndex) => {
+                const tone = item.tone ?? TONES[seriesIndex % TONES.length];
+                const points = axes.map((_, axisIndex) => {
+                    const value = Math.max(0, item.values[axisIndex] ?? 0);
+                    const scaled = Math.min(value / domainMax, 1) * radius;
+                    const angle = -Math.PI / 2 + (Math.PI * 2 * axisIndex) / Math.max(axes.length, 1);
+                    const [x, y] = pointAt(centerX, centerY, scaled, angle);
+                    return { x, y };
+                });
+                return { item, tone, points, pointString: points.map((p) => `${p.x},${p.y}`).join(" ") };
+            });
+            const svgChildren = [];
+            // Grid rings (using levels prop, not hardcoded 4)
+            Array.from({ length: safeLevelCount }, (_, ringIndex) => {
+                const ringRadius = (radius * (ringIndex + 1)) / safeLevelCount;
+                const ringPoints = axisEntries.map((a) => pointAt(centerX, centerY, ringRadius, a.angle)).map(([x, y]) => `${x},${y}`).join(" ");
+                svgChildren.push(h("polygon", { key: `ring${ringIndex}`, class: "st-radarChart__ring", points: ringPoints }));
+            });
+            // Axes and labels
+            axisEntries.forEach((axisEntry) => {
+                svgChildren.push(h("line", { key: `a${axisEntry.axis}`, class: "st-radarChart__axis", x1: centerX, x2: axisEntry.x, y1: centerY, y2: axisEntry.y }), h("text", {
+                    key: `l${axisEntry.axis}`,
+                    class: "st-radarChart__axisLabel",
+                    x: axisEntry.labelX,
+                    y: axisEntry.labelY,
+                    "text-anchor": "middle",
+                    "dominant-baseline": "middle",
+                }, axisEntry.axis));
+            });
+            // Polygons + points
+            polygons.forEach((polygon, i) => {
+                const isDim = hoveredIndex.value !== null && hoveredIndex.value !== i;
+                svgChildren.push(h("polygon", {
+                    key: polygon.item.label,
+                    class: classNames("st-radarChart__polygon", `st-radarChart__polygon--${polygon.tone}`, isDim ? "st-radarChart__polygon--dim" : undefined),
+                    points: polygon.pointString,
+                    "data-chart-index": i,
+                }));
+                polygon.points.forEach((point, pointIndex) => {
+                    svgChildren.push(h("circle", {
+                        key: `${polygon.item.label}-p${pointIndex}`,
+                        class: classNames("st-radarChart__point", `st-radarChart__point--${polygon.tone}`),
+                        cx: point.x,
+                        cy: point.y,
+                        r: "3",
+                        "data-chart-index": i,
+                    }));
+                });
+            });
+            const dataValueItems = series.flatMap((item) => axes.map((axis, i) => `${item.label}, ${axis}: ${item.values[i] ?? 0}`));
+            const hovered = hoveredIndex.value !== null ? polygons[hoveredIndex.value] : undefined;
+            const children = [
+                h("div", {
+                    class: "st-radarChart__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),
+            ];
+            if (hovered) {
+                children.push(h("div", { class: "st-radarChart__tooltip", role: "presentation" }, [
+                    h("span", { class: "st-radarChart__tooltipLabel" }, hovered.item.label),
+                ]));
+            }
+            if (legend) {
+                children.push(h("ul", { class: "st-radarChart__legend", "aria-hidden": "true" }, polygons.map((polygon) => h("li", { key: polygon.item.label, class: "st-radarChart__legendItem" }, [
+                    h("span", { class: `st-radarChart__legendSwatch st-radarChart__legendSwatch--${polygon.tone}`, "aria-hidden": "true" }),
+                    ` ${polygon.item.label}`,
+                ]))));
+            }
+            return h("div", { ...attrs, class: classNames("st-radarChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=RadarChart.js.map

package/dist/RadarChart.js.map

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

package/dist/SankeyChart.d.ts

@@ -0,0 +1,78 @@
+export type SankeyChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type SankeyChartNode = {
+    id: string;
+    label: string;
+    tone?: SankeyChartTone;
+};
+export type SankeyChartLink = {
+    source: string;
+    target: string;
+    value: number;
+    tone?: SankeyChartTone;
+};
+export type SankeyChartProps = {
+    nodes: SankeyChartNode[];
+    links: SankeyChartLink[];
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+export declare const SankeyChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    nodes: {
+        type: () => SankeyChartNode[];
+        required: true;
+    };
+    links: {
+        type: () => SankeyChartLink[];
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    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<{
+    nodes: {
+        type: () => SankeyChartNode[];
+        required: true;
+    };
+    links: {
+        type: () => SankeyChartLink[];
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=SankeyChart.d.ts.map

package/dist/SankeyChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../src/SankeyChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6BF,eAAO,MAAM,WAAW;;cAGI,MAAM,eAAe,EAAE;;;;cACvB,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;cADvB,MAAM,eAAe,EAAE;;;;cACvB,MAAM,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;4EA8NjD,CAAC"}

package/dist/SankeyChart.js

@@ -0,0 +1,202 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const MARGIN = { top: 18, right: 26, bottom: 18, left: 26 };
+const NODE_WIDTH = 14;
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+function magnitude(value) {
+    return Number.isFinite(value) && value > 0 ? value : 0;
+}
+export const SankeyChart = defineComponent({
+    name: "SankeyChart",
+    props: {
+        nodes: { type: Array, required: true },
+        links: { type: Array, required: true },
+        width: { type: Number, default: 560 },
+        height: { type: Number, default: 280 },
+        label: { type: String, required: true },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredLinkIndex = ref(null);
+        function handleLeave() {
+            hoveredLinkIndex.value = null;
+        }
+        function handleVisualPointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredLinkIndex.value = null;
+                return;
+            }
+            const index = Number(target.getAttribute("data-link-index"));
+            hoveredLinkIndex.value = Number.isInteger(index) ? index : null;
+        }
+        return () => {
+            const nodes = props.nodes ?? [];
+            const links = props.links ?? [];
+            const width = props.width ?? 560;
+            const height = props.height ?? 280;
+            const label = props.label;
+            // Compute depths (longest path from root)
+            const depths = new Map(nodes.map((node) => [node.id, 0]));
+            for (let pass = 0; pass < nodes.length; pass += 1) {
+                let changed = false;
+                for (const link of links) {
+                    const sourceDepth = depths.get(link.source) ?? 0;
+                    const targetDepth = depths.get(link.target) ?? 0;
+                    if (sourceDepth + 1 > targetDepth) {
+                        depths.set(link.target, sourceDepth + 1);
+                        changed = true;
+                    }
+                }
+                if (!changed)
+                    break;
+            }
+            // Conservation de flux : hauteur nœud = max(Σ flux sortants, Σ flux entrants)
+            const valueOut = new Map();
+            const valueIn = new Map();
+            for (const node of nodes) {
+                valueOut.set(node.id, 0);
+                valueIn.set(node.id, 0);
+            }
+            for (const link of links) {
+                const v = magnitude(link.value);
+                valueOut.set(link.source, (valueOut.get(link.source) ?? 0) + v);
+                valueIn.set(link.target, (valueIn.get(link.target) ?? 0) + v);
+            }
+            const nodeValues = new Map();
+            for (const node of nodes) {
+                nodeValues.set(node.id, Math.max(valueOut.get(node.id) ?? 0, valueIn.get(node.id) ?? 0));
+            }
+            const maxDepth = Math.max(0, ...Array.from(depths.values()));
+            const plotWidth = Math.max(width - MARGIN.left - MARGIN.right - NODE_WIDTH, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            const maxNodeValue = Math.max(1, ...Array.from(nodeValues.values()));
+            const byDepth = new Map();
+            nodes.forEach((node) => {
+                const depth = depths.get(node.id) ?? 0;
+                const bucket = byDepth.get(depth) ?? [];
+                bucket.push(node);
+                byDepth.set(depth, bucket);
+            });
+            const positionedNodes = nodes.map((node, index) => {
+                const depth = depths.get(node.id) ?? 0;
+                const bucket = byDepth.get(depth) ?? [node];
+                const row = Math.max(0, bucket.findIndex((entry) => entry.id === node.id));
+                const slot = plotHeight / Math.max(bucket.length, 1);
+                const nodeHeight = Math.max(24, Math.min(slot * 0.72, 18 + ((nodeValues.get(node.id) ?? 0) / maxNodeValue) * 54));
+                const x = MARGIN.left + (maxDepth === 0 ? plotWidth / 2 : (plotWidth * depth) / maxDepth);
+                const y = MARGIN.top + slot * row + (slot - nodeHeight) / 2;
+                const tone = node.tone ?? TONES[index % TONES.length];
+                return {
+                    node,
+                    tone,
+                    x,
+                    y,
+                    width: NODE_WIDTH,
+                    height: nodeHeight,
+                    centerY: y + nodeHeight / 2,
+                };
+            });
+            const positionedById = new Map(positionedNodes.map((n) => [n.node.id, n]));
+            const maxLinkValue = Math.max(1, ...links.map((link) => magnitude(link.value)));
+            const nodeById = new Map(nodes.map((node) => [node.id, node]));
+            // No silent drop for orphan links - use fallback position
+            const positionedLinks = links.map((link, index) => {
+                const source = positionedById.get(link.source);
+                const target = positionedById.get(link.target);
+                const fallbackY = MARGIN.top + plotHeight / 2;
+                const x1 = (source?.x ?? MARGIN.left) + NODE_WIDTH;
+                const y1 = source?.centerY ?? fallbackY;
+                const x2 = target?.x ?? width - MARGIN.right;
+                const y2 = target?.centerY ?? fallbackY;
+                const c = Math.max(32, Math.abs(x2 - x1) * 0.5);
+                return {
+                    link,
+                    source,
+                    target,
+                    tone: link.tone ?? source?.tone ?? TONES[index % TONES.length],
+                    width: Math.max(2, (magnitude(link.value) / maxLinkValue) * 18),
+                    path: `M ${x1} ${y1} C ${x1 + c} ${y1}, ${x2 - c} ${y2}, ${x2} ${y2}`,
+                    midX: (x1 + x2) / 2,
+                    midY: (y1 + y2) / 2,
+                };
+            });
+            const svgChildren = [];
+            // Links first (below nodes)
+            positionedLinks.forEach((flow, i) => {
+                const isDim = hoveredLinkIndex.value !== null && hoveredLinkIndex.value !== i;
+                svgChildren.push(h("path", {
+                    key: `${flow.link.source}-${flow.link.target}-${i}`,
+                    class: classNames("st-sankeyChart__link", `st-sankeyChart__link--${flow.tone}`, isDim ? "st-sankeyChart__link--dim" : undefined),
+                    d: flow.path,
+                    "stroke-width": flow.width,
+                    "data-link-index": i,
+                }));
+            });
+            // Nodes on top
+            positionedNodes.forEach((entry) => {
+                svgChildren.push(h("rect", {
+                    key: `n${entry.node.id}`,
+                    class: classNames("st-sankeyChart__node", `st-sankeyChart__node--${entry.tone}`),
+                    x: entry.x,
+                    y: entry.y,
+                    width: entry.width,
+                    height: entry.height,
+                    rx: "2",
+                }), h("text", {
+                    key: `l${entry.node.id}`,
+                    class: "st-sankeyChart__nodeLabel",
+                    x: entry.x + entry.width + 6,
+                    y: entry.centerY,
+                    "dominant-baseline": "middle",
+                }, entry.node.label));
+            });
+            const dataValueItems = links.map((link) => {
+                const src = nodeById.get(link.source)?.label ?? link.source;
+                const tgt = nodeById.get(link.target)?.label ?? link.target;
+                return `${src} -> ${tgt}: ${link.value}`;
+            });
+            const hoveredFlow = hoveredLinkIndex.value !== null ? positionedLinks[hoveredLinkIndex.value] : undefined;
+            return h("div", { ...attrs, class: classNames("st-sankeyChart", props.class) }, [
+                h("div", {
+                    class: "st-sankeyChart__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),
+                hoveredFlow
+                    ? h("div", {
+                        class: "st-sankeyChart__tooltip",
+                        role: "presentation",
+                        style: `left: ${(hoveredFlow.midX / width) * 100}%; top: ${(hoveredFlow.midY / height) * 100}%`,
+                    }, [
+                        h("span", { class: "st-sankeyChart__tooltipLabel" }, `${hoveredFlow.source?.node.label ?? hoveredFlow.link.source} -> ${hoveredFlow.target?.node.label ?? hoveredFlow.link.target}`),
+                        h("span", { class: "st-sankeyChart__tooltipValue" }, String(hoveredFlow.link.value)),
+                    ])
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=SankeyChart.js.map

package/dist/SankeyChart.js.map

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

package/dist/SunburstChart.d.ts

@@ -0,0 +1,74 @@
+export type SunburstChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type SunburstChartDatum = {
+    label: string;
+    value?: number;
+    tone?: SunburstChartTone;
+    children?: SunburstChartDatum[];
+};
+export type SunburstChartProps = {
+    data: SunburstChartDatum;
+    width?: number;
+    height?: number;
+    legend?: boolean;
+    label: string;
+    class?: string;
+};
+export declare const SunburstChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => SunburstChartDatum;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    legend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    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: () => SunburstChartDatum;
+        required: true;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    legend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    legend: boolean;
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=SunburstChart.d.ts.map

package/dist/SunburstChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SunburstChart.d.ts","sourceRoot":"","sources":["../src/SunburstChart.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAwEF,eAAO,MAAM,aAAa;;cAGE,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAxB,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA0MlD,CAAC"}