@sentropic/design-system-vue 0.11.0 → 0.13.0

package/dist/TreemapChart.d.ts

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

package/dist/TreemapChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreemapChart.d.ts","sourceRoot":"","sources":["../src/TreemapChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GACxB,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,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA+GF,eAAO,MAAM,YAAY;;cAGE,MAAM,iBAAiB,EAAE;;;;cACtB,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cADtB,MAAM,iBAAiB,EAAE;;;;cACtB,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgO/C,CAAC"}

package/dist/TreemapChart.js

@@ -0,0 +1,255 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList, labelColorForTone } from "./chartScale.js";
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+const PADDING = 2;
+const sumValue = (d) => {
+    if (d.children && d.children.length > 0) {
+        return d.children.reduce((s, c) => s + sumValue(c), 0);
+    }
+    return Math.max(d.value, 0);
+};
+function squarify(nodes, rect) {
+    const out = [];
+    const total = nodes.reduce((s, n) => s + n.value, 0);
+    if (total <= 0 || nodes.length === 0)
+        return out;
+    const area = rect.w * rect.h;
+    const scale = area / total;
+    const items = nodes.map((n) => ({ datum: n.datum, value: n.value, area: n.value * scale }));
+    let free = { ...rect };
+    let row = [];
+    const worst = (r, side) => {
+        if (r.length === 0 || side <= 0)
+            return Infinity;
+        const s = r.reduce((acc, it) => acc + it.area, 0);
+        let max = -Infinity;
+        let min = Infinity;
+        for (const it of r) {
+            if (it.area > max)
+                max = it.area;
+            if (it.area < min)
+                min = it.area;
+        }
+        const s2 = s * s;
+        const side2 = side * side;
+        return Math.max((side2 * max) / s2, s2 / (side2 * min));
+    };
+    const layoutRow = (r, side, area2) => {
+        const s = r.reduce((acc, it) => acc + it.area, 0);
+        if (side <= 0)
+            return area2;
+        const thickness = s / side;
+        if (area2.w >= area2.h) {
+            let oy = area2.y;
+            for (const it of r) {
+                const hh = it.area / thickness;
+                out.push({ datum: it.datum, value: it.value, rect: { x: area2.x, y: oy, w: thickness, h: hh } });
+                oy += hh;
+            }
+            return { x: area2.x + thickness, y: area2.y, w: area2.w - thickness, h: area2.h };
+        }
+        else {
+            let ox = area2.x;
+            for (const it of r) {
+                const w = it.area / thickness;
+                out.push({ datum: it.datum, value: it.value, rect: { x: ox, y: area2.y, w, h: thickness } });
+                ox += w;
+            }
+            return { x: area2.x, y: area2.y + thickness, w: area2.w, h: area2.h - thickness };
+        }
+    };
+    for (const it of items) {
+        const side = Math.min(free.w, free.h);
+        const next = [...row, it];
+        if (row.length === 0 || worst(next, side) <= worst(row, side)) {
+            row = next;
+        }
+        else {
+            free = layoutRow(row, side, free);
+            row = [it];
+        }
+    }
+    if (row.length > 0) {
+        free = layoutRow(row, Math.min(free.w, free.h), free);
+    }
+    return out;
+}
+function inset(r, pad) {
+    const w = Math.max(r.w - pad * 2, 0);
+    const h = Math.max(r.h - pad * 2, 0);
+    return { x: r.x + pad, y: r.y + pad, w, h };
+}
+const LABEL_MIN_W = 44;
+const LABEL_MIN_H = 22;
+const VALUE_MIN_H = 38;
+export const TreemapChart = defineComponent({
+    name: "TreemapChart",
+    props: {
+        data: { type: Array, required: true },
+        tiling: { type: String, default: "squarified" },
+        showLabels: { type: Boolean, default: true },
+        legend: { type: Boolean, default: false },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 300 },
+        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 data = props.data;
+            const showLabels = props.showLabels ?? true;
+            const legend = props.legend ?? false;
+            const width = props.width ?? 480;
+            const height = props.height ?? 300;
+            const label = props.label;
+            let cells = [];
+            if (data && data.length !== 0) {
+                // Squarify produit de meilleurs ratios d'aspect quand l'entrée est triée
+                // par valeur décroissante (voir Bruls, Huizing, van Wijk 2000).
+                const roots = data
+                    .map((d, i) => ({ datum: d, value: sumValue(d), tone: d.tone ?? TONES[i % TONES.length] }))
+                    .filter((n) => n.value > 0)
+                    .sort((a, b) => b.value - a.value);
+                if (roots.length !== 0) {
+                    const topRects = squarify(roots.map((r) => ({ datum: r.datum, value: r.value })), { x: 0, y: 0, w: width, h: height });
+                    const result = [];
+                    topRects.forEach((tr) => {
+                        const root = roots.find((r) => r.datum === tr.datum);
+                        const children = (tr.datum.children ?? [])
+                            .filter((c) => Math.max(c.value, 0) > 0)
+                            .sort((a, b) => Math.max(b.value, 0) - Math.max(a.value, 0));
+                        if (children.length > 0) {
+                            const innerRect = inset(tr.rect, PADDING);
+                            const childRects = squarify(children.map((c) => ({ datum: c, value: Math.max(c.value, 0) })), innerRect);
+                            childRects.forEach((cr, ci) => {
+                                const tone = cr.datum.tone ?? root.tone ?? TONES[ci % TONES.length];
+                                result.push({
+                                    datum: cr.datum,
+                                    value: cr.value,
+                                    tone,
+                                    textColor: labelColorForTone(tone),
+                                    rect: inset(cr.rect, PADDING / 2),
+                                    parentLabel: tr.datum.label,
+                                    depth: 1,
+                                });
+                            });
+                        }
+                        else {
+                            result.push({
+                                datum: tr.datum,
+                                value: tr.value,
+                                tone: root.tone,
+                                textColor: labelColorForTone(root.tone),
+                                rect: inset(tr.rect, PADDING / 2),
+                                depth: 0,
+                            });
+                        }
+                    });
+                    cells = result;
+                }
+            }
+            const legendItems = !data
+                ? []
+                : data
+                    .map((d, i) => ({ label: d.label, tone: d.tone ?? TONES[i % TONES.length] }))
+                    .filter((_, i) => sumValue(data[i]) > 0);
+            const dataValueItems = cells.map((c) => c.parentLabel ? `${c.parentLabel}, ${c.datum.label}: ${c.value}` : `${c.datum.label}: ${c.value}`);
+            const hoveredIdx = hoveredIndex.value;
+            // Préfixe d'id unique pour les clip-paths (évite les collisions entre instances).
+            const clipPrefix = `st-treemap-clip-${Math.random().toString(36).slice(2, 9)}`;
+            // <defs> contenant un clipPath par cellule.
+            const defsChildren = cells.map((cell, i) => h("clipPath", { key: `clip${i}`, id: `${clipPrefix}-${i}` }, [
+                h("rect", { x: cell.rect.x, y: cell.rect.y, width: cell.rect.w, height: cell.rect.h, rx: "2" }),
+            ]));
+            const cellNodes = [h("defs", {}, defsChildren)];
+            cells.forEach((cell, i) => {
+                const groupChildren = [
+                    h("rect", {
+                        class: classNames("st-treemapChart__rect", `st-treemapChart__rect--${cell.tone}`, hoveredIdx !== null && hoveredIdx !== i && "st-treemapChart__rect--dim"),
+                        x: cell.rect.x,
+                        y: cell.rect.y,
+                        width: cell.rect.w,
+                        height: cell.rect.h,
+                        rx: "2",
+                        "data-chart-index": i,
+                    }),
+                ];
+                if (showLabels && cell.rect.w >= LABEL_MIN_W && cell.rect.h >= LABEL_MIN_H) {
+                    const textGroup = [
+                        h("text", { class: "st-treemapChart__label", x: cell.rect.x + 6, y: cell.rect.y + 15, "data-chart-index": i, style: `fill: ${cell.textColor}` }, cell.datum.label),
+                    ];
+                    if (cell.rect.h >= VALUE_MIN_H) {
+                        textGroup.push(h("text", { class: "st-treemapChart__value", x: cell.rect.x + 6, y: cell.rect.y + 30, "data-chart-index": i, style: `fill: ${cell.textColor}` }, String(cell.value)));
+                    }
+                    groupChildren.push(h("g", { "clip-path": `url(#${clipPrefix}-${i})` }, textGroup));
+                }
+                cellNodes.push(h("g", {
+                    key: cell.parentLabel ? `${cell.parentLabel}/${cell.datum.label}` : cell.datum.label,
+                    class: "st-treemapChart__cell",
+                    "data-chart-index": i,
+                }, groupChildren));
+            });
+            const children = [
+                h("div", {
+                    class: "st-treemapChart__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",
+                    }, cellNodes),
+                ]),
+                chartDataList(label, dataValueItems),
+            ];
+            if (hoveredIdx !== null && cells[hoveredIdx]) {
+                const cell = cells[hoveredIdx];
+                children.push(h("div", {
+                    class: "st-treemapChart__tooltip",
+                    role: "presentation",
+                    style: `left: ${((cell.rect.x + cell.rect.w / 2) / width) * 100}%; top: ${(cell.rect.y / height) * 100}%`,
+                }, [
+                    h("span", { class: "st-treemapChart__tooltipLabel" }, cell.parentLabel ? `${cell.parentLabel} · ${cell.datum.label}` : cell.datum.label),
+                    h("span", { class: "st-treemapChart__tooltipValue" }, String(cell.value)),
+                ]));
+            }
+            if (legend && legendItems.length > 0) {
+                children.push(h("ul", { class: "st-treemapChart__legend", "aria-hidden": "true" }, legendItems.map((item) => h("li", { key: item.label, class: "st-treemapChart__legendItem" }, [
+                    h("span", { class: `st-treemapChart__legendSwatch st-treemapChart__legendSwatch--${item.tone}`, "aria-hidden": "true" }),
+                    ` ${item.label}`,
+                ]))));
+            }
+            return h("div", { ...attrs, class: classNames("st-treemapChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=TreemapChart.js.map

package/dist/TreemapChart.js.map

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

package/dist/WaterfallChart.d.ts

@@ -0,0 +1,84 @@
+export type WaterfallType = "increase" | "decrease" | "total";
+export type WaterfallChartDatum = {
+    label: string;
+    value: number;
+    type?: WaterfallType;
+};
+export type WaterfallChartProps = {
+    data: WaterfallChartDatum[];
+    width?: number;
+    height?: number;
+    connectors?: boolean;
+    format?: (value: number) => string;
+    label: string;
+    class?: string;
+};
+export declare const WaterfallChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => WaterfallChartDatum[];
+        default: () => never[];
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    connectors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    format: {
+        type: () => (value: number) => string;
+        default: undefined;
+    };
+    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: () => WaterfallChartDatum[];
+        default: () => never[];
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    connectors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    format: {
+        type: () => (value: number) => string;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    data: WaterfallChartDatum[];
+    width: number;
+    height: number;
+    format: (value: number) => string;
+    connectors: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=WaterfallChart.d.ts.map

package/dist/WaterfallChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaterfallChart.d.ts","sourceRoot":"","sources":["../src/WaterfallChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,eAAO,MAAM,cAAc;;cAGA,MAAM,mBAAmB,EAAE;;;;;;;;;;;;;;;;cAIX,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;;;;;;;;;;;;;;;cAJ/C,MAAM,mBAAmB,EAAE;;;;;;;;;;;;;;;;cAIX,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;;;;;;;;;;;;;;;;oBAAjB,MAAM,KAAK,MAAM;;4EAgQxE,CAAC"}

package/dist/WaterfallChart.js

@@ -0,0 +1,186 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+const MARGIN = { top: 12, right: 16, bottom: 32, left: 44 };
+export const WaterfallChart = defineComponent({
+    name: "WaterfallChart",
+    props: {
+        data: { type: Array, default: () => [] },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 240 },
+        connectors: { type: Boolean, default: true },
+        format: { type: Function, default: undefined },
+        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 data = props.data ?? [];
+            const width = props.width ?? 480;
+            const height = props.height ?? 240;
+            const connectors = props.connectors ?? true;
+            const format = props.format;
+            const label = props.label;
+            const formatValue = (v) => (format ? format(v) : formatTick(v));
+            let cumulative = 0;
+            let seeded = false; // un pas non-total a-t-il déjà alimenté le cumul ?
+            const computed = data.map((d) => {
+                // Valeurs non finies neutralisées (jamais de NaN dans la géométrie/DOM).
+                const raw = Number.isFinite(d.value) ? d.value : 0;
+                const type = d.type ?? (raw >= 0 ? "increase" : "decrease");
+                let start;
+                let end;
+                let displayValue;
+                if (type === "total") {
+                    // Un total ouvrant (aucun pas antérieur) amorce le cumul avec sa valeur ;
+                    // un total de clôture est ANCRÉ au cumul réel, la valeur saisie étant
+                    // ignorée pour la géométrie (barre et connecteur coïncident toujours).
+                    start = 0;
+                    end = seeded ? cumulative : Math.abs(raw);
+                    cumulative = end;
+                    seeded = true;
+                    displayValue = end;
+                }
+                else {
+                    // Le signe est imposé par le type : increase = +|v|, decrease = -|v|.
+                    const signed = type === "increase" ? Math.abs(raw) : -Math.abs(raw);
+                    start = cumulative;
+                    end = cumulative + signed;
+                    cumulative = end;
+                    seeded = true;
+                    displayValue = signed;
+                }
+                const resolvedType = type;
+                return { datum: d, type: resolvedType, start, end, displayValue, cumulative };
+            });
+            const bounds = computed.flatMap((c) => [c.start, c.end]);
+            const minRaw = Math.min(0, ...bounds);
+            const maxRaw = Math.max(0, ...bounds);
+            const ticks = niceTicks(minRaw, maxRaw, 5);
+            const domainMin = ticks[0];
+            const domainMax = ticks[ticks.length - 1];
+            const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            let bars = [];
+            if (computed.length !== 0) {
+                const band = plotWidth / computed.length;
+                const barWidth = band * 0.62;
+                bars = computed.map((c, i) => {
+                    const startY = scaleLinear(c.start, domainMin, domainMax, plotHeight, 0);
+                    const endY = scaleLinear(c.end, domainMin, domainMax, plotHeight, 0);
+                    const y = Math.min(startY, endY);
+                    const hh = Math.abs(endY - startY);
+                    const x = MARGIN.left + band * i + (band - barWidth) / 2;
+                    return {
+                        x,
+                        y: MARGIN.top + y,
+                        width: barWidth,
+                        height: Math.max(hh, 0.5),
+                        cx: MARGIN.left + band * (i + 0.5),
+                        cy: MARGIN.top + Math.min(startY, endY),
+                        type: c.type,
+                        datum: c.datum,
+                        displayValue: c.displayValue,
+                        cumulative: c.cumulative,
+                        index: i,
+                    };
+                });
+            }
+            const connectorLines = [];
+            if (connectors && bars.length >= 2) {
+                for (let i = 0; i < computed.length - 1; i++) {
+                    const level = computed[i].end;
+                    const y = MARGIN.top + scaleLinear(level, domainMin, domainMax, plotHeight, 0);
+                    // Du bord droit de la barre i au bord gauche de la barre i+1.
+                    connectorLines.push({ x1: bars[i].x + bars[i].width, x2: bars[i + 1].x, y });
+                }
+            }
+            const valueAxisTicks = ticks.map((tick) => ({
+                value: tick,
+                x1: MARGIN.left,
+                x2: MARGIN.left + plotWidth,
+                y: MARGIN.top + scaleLinear(tick, domainMin, domainMax, plotHeight, 0),
+            }));
+            const zeroY = MARGIN.top + scaleLinear(0, domainMin, domainMax, plotHeight, 0);
+            const dataValueItems = computed.map((c) => `${c.datum.label}: ${formatValue(c.displayValue)}`);
+            const legendItems = [
+                { type: "increase", label: "Hausse" },
+                { type: "decrease", label: "Baisse" },
+                { type: "total", label: "Total" },
+            ];
+            const svgChildren = [];
+            for (const tick of valueAxisTicks) {
+                svgChildren.push(h("line", { key: `g${tick.value}`, class: "st-waterfallChart__grid", x1: tick.x1, x2: tick.x2, y1: tick.y, y2: tick.y }), h("text", { key: `t${tick.value}`, class: "st-waterfallChart__tickLabel", x: MARGIN.left - 6, y: tick.y, "text-anchor": "end", "dominant-baseline": "middle" }, formatTick(tick.value)));
+            }
+            svgChildren.push(h("line", { class: "st-waterfallChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), h("line", { class: "st-waterfallChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), h("line", { class: "st-waterfallChart__zero", x1: MARGIN.left, x2: width - MARGIN.right, y1: zeroY, y2: zeroY }));
+            connectorLines.forEach((line, i) => {
+                svgChildren.push(h("line", { key: `c${i}`, class: "st-waterfallChart__connector", x1: line.x1, x2: line.x2, y1: line.y, y2: line.y }));
+            });
+            bars.forEach((bar) => {
+                svgChildren.push(h("text", { key: `cl${bar.datum.label}`, class: "st-waterfallChart__categoryLabel", x: bar.x + bar.width / 2, y: height - MARGIN.bottom + 16, "text-anchor": "middle" }, bar.datum.label));
+            });
+            bars.forEach((bar, i) => {
+                svgChildren.push(h("rect", {
+                    key: `b${bar.datum.label}`,
+                    class: `st-waterfallChart__bar st-waterfallChart__bar--${bar.type}`,
+                    x: bar.x,
+                    y: bar.y,
+                    width: bar.width,
+                    height: bar.height,
+                    rx: "2",
+                    "data-chart-index": i,
+                }));
+            });
+            const children = [
+                h("div", {
+                    class: "st-waterfallChart__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),
+                h("ul", { class: "st-waterfallChart__legend", "aria-hidden": "true" }, legendItems.map((item) => h("li", { key: item.type, class: "st-waterfallChart__legendItem" }, [
+                    h("span", { class: `st-waterfallChart__legendSwatch st-waterfallChart__legendSwatch--${item.type}` }),
+                    ` ${item.label}`,
+                ]))),
+            ];
+            const hoveredIdx = hoveredIndex.value;
+            if (hoveredIdx !== null && bars[hoveredIdx]) {
+                const bar = bars[hoveredIdx];
+                children.push(h("div", {
+                    class: "st-waterfallChart__tooltip",
+                    role: "presentation",
+                    style: `left: ${(bar.cx / width) * 100}%; top: ${(bar.cy / height) * 100}%`,
+                }, [
+                    h("span", { class: "st-waterfallChart__tooltipLabel" }, bar.datum.label),
+                    h("span", { class: "st-waterfallChart__tooltipValue" }, formatValue(bar.displayValue)),
+                ]));
+            }
+            return h("div", { ...attrs, class: classNames("st-waterfallChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=WaterfallChart.js.map