@sentropic/design-system-angular 0.36.54

package/dist/Sparkline.js

@@ -0,0 +1,153 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+const PADDING = 2;
+export class Sparkline {
+    static stComponentName = "Sparkline";
+    componentName = "Sparkline";
+    data;
+    width;
+    height;
+    tone;
+    strokeWidth;
+    area;
+    label;
+    classInput;
+    get toneValue() {
+        return this.tone ?? "neutral";
+    }
+    get widthValue() {
+        return this.width ?? 120;
+    }
+    get heightValue() {
+        return this.height ?? 28;
+    }
+    get strokeWidthValue() {
+        return this.strokeWidth ?? 1.5;
+    }
+    get areaValue() {
+        return this.area ?? false;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get hostClass() {
+        return classNames("st-sparkline", `st-sparkline--${this.toneValue}`, this.classInput);
+    }
+    get geometry() {
+        const data = this.data;
+        if (!data || data.length === 0) {
+            return { line: "", area: "" };
+        }
+        const width = this.widthValue;
+        const height = this.heightValue;
+        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 points = data.map((value, index) => {
+            const x = PADDING + step * index;
+            const normalised = (value - min) / span;
+            const y = PADDING + (1 - normalised) * innerHeight;
+            return { x, y };
+        });
+        const line = points
+            .map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`)
+            .join(" ");
+        const baseline = height - PADDING;
+        const first = points[0];
+        const last = points[points.length - 1];
+        const areaPath = `${line} L${last.x.toFixed(2)},${baseline.toFixed(2)} L${first.x.toFixed(2)},${baseline.toFixed(2)} Z`;
+        return { line, area: areaPath };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Sparkline, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Sparkline, isStandalone: true, selector: "st-sparkline", inputs: { data: "data", width: "width", height: "height", tone: "tone", strokeWidth: "strokeWidth", area: "area", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="img"
+      [attr.aria-label]="label"
+    >
+      <svg
+        [attr.width]="widthValue"
+        [attr.height]="heightValue"
+        [attr.viewBox]="viewBox"
+        preserveAspectRatio="none"
+        [attr.aria-hidden]="label ? 'true' : null"
+        focusable="false"
+      >
+        @if (areaValue && geometry.area) {
+          <path [attr.d]="geometry.area" class="st-sparkline__area"></path>
+        }
+        @if (geometry.line) {
+          <path
+            [attr.d]="geometry.line"
+            class="st-sparkline__line"
+            fill="none"
+            [attr.stroke-width]="strokeWidthValue"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          ></path>
+        }
+      </svg>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Sparkline, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-sparkline",
+                    standalone: true,
+                    template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="img"
+      [attr.aria-label]="label"
+    >
+      <svg
+        [attr.width]="widthValue"
+        [attr.height]="heightValue"
+        [attr.viewBox]="viewBox"
+        preserveAspectRatio="none"
+        [attr.aria-hidden]="label ? 'true' : null"
+        focusable="false"
+      >
+        @if (areaValue && geometry.area) {
+          <path [attr.d]="geometry.area" class="st-sparkline__area"></path>
+        }
+        @if (geometry.line) {
+          <path
+            [attr.d]="geometry.line"
+            class="st-sparkline__line"
+            fill="none"
+            [attr.stroke-width]="strokeWidthValue"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          ></path>
+        }
+      </svg>
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], strokeWidth: [{
+                type: NgInput
+            }], area: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Sparkline.js.map

package/dist/Sparkline.js.map

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

package/dist/Stack.d.ts

@@ -0,0 +1,24 @@
+import type { FlexAlign, FlexJustify } from "./Flex.js";
+import * as i0 from "@angular/core";
+export type StackProps = {
+    /** Spacing scale step (0..12) mapped to `--st-spacing-*`. */
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    as?: string;
+    class?: string;
+};
+export declare class Stack {
+    static readonly stComponentName = "Stack";
+    readonly componentName = "Stack";
+    gap?: number;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    as?: string;
+    classInput?: string;
+    get hostClass(): string;
+    get inlineStyles(): Record<string, string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Stack, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Stack, "st-stack", never, { "gap": { "alias": "gap"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "as": { "alias": "as"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Stack.d.ts.map

package/dist/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAUa,KAAK;IAChB,MAAM,CAAC,QAAQ,CAAC,eAAe,WAAW;IAC1C,QAAQ,CAAC,aAAa,WAAW;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACL,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAKtB;IAED,IAAI,YAAY,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CASrD;yCAzBU,KAAK;2CAAL,KAAK;CA0BjB"}

package/dist/Stack.js

@@ -0,0 +1,61 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { NgStyle } from "@angular/common";
+import { classNames } from "./classNames.js";
+import { spacingToken, alignValue, justifyValue } from "./Flex.js";
+import * as i0 from "@angular/core";
+export class Stack {
+    static stComponentName = "Stack";
+    componentName = "Stack";
+    gap;
+    align;
+    justify;
+    as;
+    classInput;
+    get hostClass() {
+        // Svelte renders Stack via <Flex>, whose root element carries `st-flex`
+        // before the consumer class — reproduce the same rendered class chain so
+        // `.st-flex` rules (box-sizing, min-width) apply.
+        return classNames("st-flex", "st-stack", this.classInput);
+    }
+    get inlineStyles() {
+        return {
+            display: "flex",
+            flexDirection: "column",
+            flexWrap: "nowrap",
+            alignItems: alignValue(this.align),
+            justifyContent: justifyValue(this.justify),
+            gap: spacingToken(this.gap),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Stack, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: Stack, isStandalone: true, selector: "st-stack", inputs: { gap: "gap", align: "align", justify: "justify", as: "as", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass" [ngStyle]="inlineStyles">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Stack, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-stack",
+                    standalone: true,
+                    imports: [NgStyle],
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass" [ngStyle]="inlineStyles">
+      <ng-content></ng-content>
+    </div>
+  `,
+                }]
+        }], propDecorators: { gap: [{
+                type: NgInput
+            }], align: [{
+                type: NgInput
+            }], justify: [{
+                type: NgInput
+            }], as: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Stack.js.map

package/dist/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;;AAuBnE,MAAM,OAAO,KAAK;IAChB,MAAM,CAAU,eAAe,GAAG,OAAO,CAAC;IACjC,aAAa,GAAG,OAAO,CAAC;IACtB,GAAG,CAAU;IACb,KAAK,CAAa;IAClB,OAAO,CAAe;IACtB,EAAE,CAAU;IACL,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,wEAAwE;QACxE,yEAAyE;QACzE,kDAAkD;QAClD,OAAO,UAAU,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,YAAY;QACd,OAAO;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;YAClC,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC;YAC1C,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;SAC5B,CAAC;IACJ,CAAC;wGAzBU,KAAK;4FAAL,KAAK,+KANN;;;;GAIT,4DALS,OAAO;;4FAON,KAAK;kBAVjB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;GAIT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/StackedBarChart.d.ts

@@ -0,0 +1,105 @@
+import { type DataLabelsProp } from "./chartDataLabels.js";
+import * as i0 from "@angular/core";
+export type StackedBarTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type StackedBarSegment = {
+    label: string;
+    value: number;
+    tone?: StackedBarTone;
+};
+export type StackedBarDatum = {
+    label: string;
+    segments: StackedBarSegment[];
+};
+export type StackedBarChartProps = {
+    data: StackedBarDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    showLegend?: boolean;
+    /**
+     * Per-segment value labels. `false`/absent (default) → none. `true` → each
+     * segment's value with the chart's numeric formatter. Object → `format(value)`
+     * and/or a `position` override (default `center` of the segment). Segments too
+     * short to host a legible label are skipped. Labels are `aria-hidden` — the
+     * values already live in the accessible ChartDataList.
+     */
+    dataLabels?: DataLabelsProp;
+    /**
+     * Interactive legend (FR-4). Ids/labels of series hidden from the render
+     * (controlled by the parent; default = all visible). Each segment whose
+     * `label` ∈ `hiddenSeries` is omitted and its legend item is shown "off"
+     * (`aria-pressed`). Undefined → legacy non-interactive legend, unless
+     * `onToggleSeries` is provided.
+     */
+    hiddenSeries?: string[];
+    /** Emitted on click / Enter / Space on a legend item. */
+    onToggleSeries?: (seriesId: string) => void;
+    class?: string;
+};
+export declare class StackedBarChart {
+    static readonly stComponentName = "StackedBarChart";
+    readonly componentName = "StackedBarChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    data: StackedBarDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    showLegend?: boolean;
+    dataLabels?: DataLabelsProp;
+    hiddenSeries?: string[];
+    onToggleSeries?: (seriesId: string) => void;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get safeData(): StackedBarDatum[];
+    get hiddenSet(): Set<string>;
+    get legendInteractive(): boolean;
+    get dlEnabled(): boolean;
+    get segmentLabels(): string[];
+    toneForLabel(label: string): StackedBarTone;
+    get columnTotals(): number[];
+    get totalMax(): number;
+    get yTicks(): number[];
+    get yDomain(): {
+        min: number;
+        max: number;
+    };
+    yPixel(y: number): number;
+    get gridLines(): Array<{
+        value: number;
+        y: number;
+    }>;
+    get columns(): Array<{
+        datum: StackedBarDatum;
+        x: number;
+        cx: number;
+        width: number;
+        segments: Array<{
+            segLabel: string;
+            value: number;
+            tone: StackedBarTone;
+            y: number;
+            height: number;
+        }>;
+    }>;
+    get legendItems(): Array<{
+        label: string;
+        tone: StackedBarTone;
+    }>;
+    get dataValueItems(): string[];
+    formatTick(v: number): string;
+    formatDataLabel(v: number): string;
+    toggleSeries(label: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StackedBarChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StackedBarChart, "st-stacked-bar-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showLegend": { "alias": "showLegend"; "required": false; }; "dataLabels": { "alias": "dataLabels"; "required": false; }; "hiddenSeries": { "alias": "hiddenSeries"; "required": false; }; "onToggleSeries": { "alias": "onToggleSeries"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=StackedBarChart.d.ts.map

package/dist/StackedBarChart.d.ts.map

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

package/dist/StackedBarChart.js

@@ -0,0 +1,288 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+import { formatDataLabel, normalizeDataLabels } from "./chartDataLabels.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 14, right: 16, bottom: 34, left: 44 };
+const TONES = ["category1", "category2", "category3", "category4", "category5", "category6", "category7", "category8"];
+export class StackedBarChart {
+    static stComponentName = "StackedBarChart";
+    componentName = "StackedBarChart";
+    MARGIN = MARGIN;
+    data = [];
+    width;
+    height;
+    label = "";
+    showLegend;
+    dataLabels;
+    hiddenSeries;
+    onToggleSeries;
+    classInput;
+    get hostClass() {
+        return classNames("st-stackedBarChart", this.classInput);
+    }
+    get widthValue() { return this.width ?? 480; }
+    get heightValue() { return this.height ?? 240; }
+    get viewBox() { return `0 0 ${this.widthValue} ${this.heightValue}`; }
+    get plotWidth() { return Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1); }
+    get plotHeight() { return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1); }
+    get safeData() { return this.data ?? []; }
+    get hiddenSet() { return new Set(this.hiddenSeries ?? []); }
+    get legendInteractive() {
+        return typeof this.onToggleSeries === "function" || this.hiddenSeries !== undefined;
+    }
+    get dlEnabled() { return normalizeDataLabels(this.dataLabels).enabled; }
+    get segmentLabels() {
+        const seen = new Set();
+        const result = [];
+        for (const datum of this.safeData) {
+            for (const seg of datum.segments) {
+                if (!seen.has(seg.label)) {
+                    seen.add(seg.label);
+                    result.push(seg.label);
+                }
+            }
+        }
+        return result;
+    }
+    toneForLabel(label) {
+        const idx = this.segmentLabels.indexOf(label);
+        return TONES[idx % TONES.length] ?? "category1";
+    }
+    get columnTotals() {
+        return this.safeData.map((datum) => datum.segments
+            .filter((s) => !this.hiddenSet.has(s.label))
+            .reduce((sum, s) => sum + (Number.isFinite(s.value) ? s.value : 0), 0));
+    }
+    get totalMax() {
+        return Math.max(0, ...this.columnTotals);
+    }
+    get yTicks() {
+        return niceTicks(0, this.totalMax, 5);
+    }
+    get yDomain() {
+        const t = this.yTicks;
+        return { min: t[0] ?? 0, max: t[t.length - 1] ?? 0 };
+    }
+    yPixel(y) {
+        return MARGIN.top + scaleLinear(y, this.yDomain.min, this.yDomain.max, this.plotHeight, 0);
+    }
+    get gridLines() {
+        return this.yTicks.map((value) => ({ value, y: this.yPixel(value) }));
+    }
+    get columns() {
+        const n = this.safeData.length;
+        if (n === 0)
+            return [];
+        const band = this.plotWidth / n;
+        const barWidth = band * 0.62;
+        const baselineY = this.yPixel(0);
+        return this.safeData.map((datum, i) => {
+            const x = MARGIN.left + band * i + (band - barWidth) / 2;
+            const cx = MARGIN.left + band * (i + 0.5);
+            const visibleSegs = datum.segments.filter((s) => !this.hiddenSet.has(s.label));
+            let currentY = baselineY;
+            const segments = visibleSegs
+                .filter((s) => Number.isFinite(s.value) && s.value > 0)
+                .map((s) => {
+                const h = this.plotHeight * (s.value / Math.max(this.yDomain.max, 1));
+                const y = currentY - h;
+                currentY = y;
+                return {
+                    segLabel: s.label,
+                    value: s.value,
+                    tone: (s.tone ?? this.toneForLabel(s.label)),
+                    y,
+                    height: Math.max(h, 0.5),
+                };
+            });
+            return { datum, x, cx, width: barWidth, segments };
+        });
+    }
+    get legendItems() {
+        return this.segmentLabels.map((label) => ({
+            label,
+            tone: this.toneForLabel(label),
+        }));
+    }
+    get dataValueItems() {
+        return this.safeData.flatMap((datum) => datum.segments
+            .filter((s) => !this.hiddenSet.has(s.label))
+            .map((s) => `${datum.label} / ${s.label}: ${s.value}`));
+    }
+    formatTick(v) { return formatTick(v); }
+    formatDataLabel(v) { return formatTick(v); }
+    toggleSeries(label) {
+        this.onToggleSeries?.(label);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StackedBarChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StackedBarChart, isStandalone: true, selector: "st-stacked-bar-chart", inputs: { data: "data", width: "width", height: "height", label: "label", showLegend: "showLegend", dataLabels: "dataLabels", hiddenSeries: "hiddenSeries", onToggleSeries: "onToggleSeries", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-stackedBarChart__visual" role="img" [attr.aria-label]="label">
+        <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
+
+          @for (grid of gridLines; track grid.value) {
+            <line class="st-stackedBarChart__grid" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="grid.y" [attr.y2]="grid.y"></line>
+            <text class="st-stackedBarChart__tickLabel" [attr.x]="MARGIN.left - 6" [attr.y]="grid.y" text-anchor="end" dominant-baseline="middle">{{ formatTick(grid.value) }}</text>
+          }
+
+          <line class="st-stackedBarChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          <line class="st-stackedBarChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="heightValue - MARGIN.bottom" [attr.y2]="heightValue - MARGIN.bottom"></line>
+
+          @for (col of columns; track col.datum.label) {
+            <text class="st-stackedBarChart__categoryLabel" [attr.x]="col.cx" [attr.y]="heightValue - MARGIN.bottom + 18" text-anchor="middle">{{ col.datum.label }}</text>
+            @for (seg of col.segments; track seg.segLabel) {
+              <rect
+                [class]="'st-stackedBarChart__segment st-stackedBarChart__segment--' + seg.tone"
+                [attr.x]="col.x"
+                [attr.y]="seg.y"
+                [attr.width]="col.width"
+                [attr.height]="seg.height"
+                rx="1"
+              ></rect>
+              @if (dlEnabled && seg.height > 14) {
+                <text
+                  class="st-stackedBarChart__dataLabel"
+                  aria-hidden="true"
+                  [attr.x]="col.cx"
+                  [attr.y]="seg.y + seg.height / 2"
+                  text-anchor="middle"
+                  dominant-baseline="middle"
+                >{{ formatDataLabel(seg.value) }}</text>
+              }
+            }
+          }
+        </svg>
+      </div>
+
+      @if (showLegend !== false && legendItems.length > 0) {
+        <ul class="st-stackedBarChart__legend" [attr.aria-label]="'Légende de ' + label">
+          @for (item of legendItems; track item.label) {
+            @if (legendInteractive) {
+              <li>
+                <button
+                  type="button"
+                  [class]="'st-stackedBarChart__legendItem' + (hiddenSet.has(item.label) ? ' st-stackedBarChart__legendItem--off' : '')"
+                  [attr.aria-pressed]="!hiddenSet.has(item.label)"
+                  (click)="toggleSeries(item.label)"
+                >
+                  <span [class]="'st-stackedBarChart__legendSwatch st-stackedBarChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+                  {{ item.label }}
+                </button>
+              </li>
+            } @else {
+              <li class="st-stackedBarChart__legendItem">
+                <span [class]="'st-stackedBarChart__legendSwatch st-stackedBarChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+                {{ item.label }}
+              </li>
+            }
+          }
+        </ul>
+      }
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StackedBarChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-stacked-bar-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-stackedBarChart__visual" role="img" [attr.aria-label]="label">
+        <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
+
+          @for (grid of gridLines; track grid.value) {
+            <line class="st-stackedBarChart__grid" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="grid.y" [attr.y2]="grid.y"></line>
+            <text class="st-stackedBarChart__tickLabel" [attr.x]="MARGIN.left - 6" [attr.y]="grid.y" text-anchor="end" dominant-baseline="middle">{{ formatTick(grid.value) }}</text>
+          }
+
+          <line class="st-stackedBarChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          <line class="st-stackedBarChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="heightValue - MARGIN.bottom" [attr.y2]="heightValue - MARGIN.bottom"></line>
+
+          @for (col of columns; track col.datum.label) {
+            <text class="st-stackedBarChart__categoryLabel" [attr.x]="col.cx" [attr.y]="heightValue - MARGIN.bottom + 18" text-anchor="middle">{{ col.datum.label }}</text>
+            @for (seg of col.segments; track seg.segLabel) {
+              <rect
+                [class]="'st-stackedBarChart__segment st-stackedBarChart__segment--' + seg.tone"
+                [attr.x]="col.x"
+                [attr.y]="seg.y"
+                [attr.width]="col.width"
+                [attr.height]="seg.height"
+                rx="1"
+              ></rect>
+              @if (dlEnabled && seg.height > 14) {
+                <text
+                  class="st-stackedBarChart__dataLabel"
+                  aria-hidden="true"
+                  [attr.x]="col.cx"
+                  [attr.y]="seg.y + seg.height / 2"
+                  text-anchor="middle"
+                  dominant-baseline="middle"
+                >{{ formatDataLabel(seg.value) }}</text>
+              }
+            }
+          }
+        </svg>
+      </div>
+
+      @if (showLegend !== false && legendItems.length > 0) {
+        <ul class="st-stackedBarChart__legend" [attr.aria-label]="'Légende de ' + label">
+          @for (item of legendItems; track item.label) {
+            @if (legendInteractive) {
+              <li>
+                <button
+                  type="button"
+                  [class]="'st-stackedBarChart__legendItem' + (hiddenSet.has(item.label) ? ' st-stackedBarChart__legendItem--off' : '')"
+                  [attr.aria-pressed]="!hiddenSet.has(item.label)"
+                  (click)="toggleSeries(item.label)"
+                >
+                  <span [class]="'st-stackedBarChart__legendSwatch st-stackedBarChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+                  {{ item.label }}
+                </button>
+              </li>
+            } @else {
+              <li class="st-stackedBarChart__legendItem">
+                <span [class]="'st-stackedBarChart__legendSwatch st-stackedBarChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+                {{ item.label }}
+              </li>
+            }
+          }
+        </ul>
+      }
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], showLegend: [{
+                type: NgInput
+            }], dataLabels: [{
+                type: NgInput
+            }], hiddenSeries: [{
+                type: NgInput
+            }], onToggleSeries: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=StackedBarChart.js.map