@sentropic/design-system-angular 0.36.63 → 0.38.0

package/dist/PriorityMatrix.d.ts

@@ -0,0 +1,103 @@
+import type { OnChanges, OnInit, SimpleChanges } from "@angular/core";
+import { type PriorityMatrixPlacement } from "./priorityLabels.js";
+import * as i0 from "@angular/core";
+export type PriorityMatrixTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type PriorityMatrixDatum = {
+    /** Complexité, 0–100 (bornée à l'affichage). */
+    x: number;
+    /** Valeur, 0–100 (bornée à l'affichage). */
+    y: number;
+    /** Étiquette affichée (une ou deux lignes). */
+    label: string;
+    tone?: PriorityMatrixTone;
+};
+export type PriorityMatrixProps = {
+    data: PriorityMatrixDatum[];
+    /** Titre visible au-dessus du cadre. */
+    title?: string;
+    xLabel?: string;
+    yLabel?: string;
+    /** Seuils de quadrants (0–100). */
+    xThreshold?: number;
+    yThreshold?: number;
+    width?: number;
+    height?: number;
+    radius?: number;
+    label: string;
+    class?: string;
+};
+type QuadRect = {
+    id: string;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+};
+type QuadName = {
+    id: string;
+    x: number;
+    y: number;
+    anchor: string;
+};
+type MatrixPoint = {
+    cx: number;
+    cy: number;
+    datum: PriorityMatrixDatum;
+    index: number;
+    tone: PriorityMatrixTone;
+};
+type PlacedLabel = PriorityMatrixPlacement & {
+    lines: string[];
+};
+export declare class PriorityMatrix implements OnInit, OnChanges {
+    static readonly stComponentName = "PriorityMatrix";
+    readonly componentName = "PriorityMatrix";
+    readonly MARGIN: {
+        readonly top: 26;
+        readonly right: 18;
+        readonly bottom: 36;
+        readonly left: 48;
+    };
+    readonly ticks: number[];
+    data: PriorityMatrixDatum[];
+    title?: string;
+    xLabel?: string;
+    yLabel?: string;
+    xThreshold?: number;
+    yThreshold?: number;
+    width?: number;
+    height?: number;
+    radius?: number;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get safeData(): PriorityMatrixDatum[];
+    get widthValue(): number;
+    get heightValue(): number;
+    get radiusValue(): number;
+    get titleValue(): string;
+    get xThresholdValue(): number;
+    get yThresholdValue(): number;
+    get viewBox(): string;
+    get plotW(): number;
+    get plotH(): number;
+    tickX(v: number): number;
+    tickY(v: number): number;
+    get tx(): number;
+    get ty(): number;
+    get quads(): QuadRect[];
+    get quadNames(): QuadName[];
+    quadName(id: string): string;
+    get yAxisLabelY(): number;
+    get yAxisLabelTransform(): string;
+    get points(): MatrixPoint[];
+    placed: PlacedLabel[];
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    private refreshPlaced;
+    get dataValueItems(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<PriorityMatrix, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PriorityMatrix, "st-priority-matrix", never, { "data": { "alias": "data"; "required": false; }; "title": { "alias": "title"; "required": false; }; "xLabel": { "alias": "xLabel"; "required": false; }; "yLabel": { "alias": "yLabel"; "required": false; }; "xThreshold": { "alias": "xThreshold"; "required": false; }; "yThreshold": { "alias": "yThreshold"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=PriorityMatrix.d.ts.map

package/dist/PriorityMatrix.d.ts.map

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

package/dist/PriorityMatrix.js

@@ -0,0 +1,495 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { placePriorityLabels } from "./priorityLabels.js";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 26, right: 18, bottom: 36, left: 48 };
+const TICKS = [0, 20, 40, 60, 80, 100];
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+const QUADRANT_NAMES = {
+    "quick-wins": "Gains rapides",
+    "major-projects": "Projets majeurs",
+    wait: "Attendre",
+    drop: "Ne pas faire",
+};
+function splitLabel(value) {
+    const chars = [...value];
+    if (chars.length <= 12)
+        return [value];
+    const mid = Math.ceil(chars.length / 2);
+    const space = value.lastIndexOf(" ", mid + 4);
+    if (space > 2 && space < value.length - 2)
+        return [value.slice(0, space), value.slice(space + 1)];
+    return [value.slice(0, mid), value.slice(mid)];
+}
+/**
+ * Fixed obstacles for the placement: keep-out bands around the two threshold
+ * lines plus one rectangle per quadrant name, in frame pixels. Estimated from
+ * the rendered geometry (11px names); a soft cost, not a hard exclusion.
+ */
+function buildMatrixObstacles(tx, ty, plotW, plotH) {
+    const names = [
+        { x: MARGIN.left + 6, y: MARGIN.top + 14, anchor: "start", text: QUADRANT_NAMES["quick-wins"] },
+        { x: MARGIN.left + plotW - 6, y: MARGIN.top + 14, anchor: "end", text: QUADRANT_NAMES["major-projects"] },
+        { x: MARGIN.left + 6, y: MARGIN.top + plotH - 8, anchor: "start", text: QUADRANT_NAMES.wait },
+        { x: MARGIN.left + plotW - 6, y: MARGIN.top + plotH - 8, anchor: "end", text: QUADRANT_NAMES.drop },
+    ];
+    const out = [
+        { x: tx - 3, y: MARGIN.top, w: 6, h: plotH },
+        { x: MARGIN.left, y: ty - 3, w: plotW, h: 6 },
+    ];
+    for (const q of names) {
+        const w = [...q.text].length * 6.5 + 4;
+        out.push({ x: q.anchor === "start" ? q.x : q.x - w, y: q.y - 9, w, h: 12 });
+    }
+    return out;
+}
+/** Accessible coordinate text; non-finite values read as N/A, never NaN. */
+function coordText(v) {
+    return Number.isFinite(v) ? String(v) : "N/A";
+}
+export class PriorityMatrix {
+    static stComponentName = "PriorityMatrix";
+    componentName = "PriorityMatrix";
+    MARGIN = MARGIN;
+    ticks = TICKS;
+    data;
+    title;
+    xLabel;
+    yLabel;
+    xThreshold;
+    yThreshold;
+    width;
+    height;
+    radius;
+    label;
+    classInput;
+    get hostClass() {
+        return classNames("st-priorityMatrix", this.classInput);
+    }
+    get safeData() {
+        return this.data ?? [];
+    }
+    get widthValue() {
+        return this.width ?? 640;
+    }
+    get heightValue() {
+        return this.height ?? 400;
+    }
+    get radiusValue() {
+        return this.radius ?? 5;
+    }
+    get titleValue() {
+        return this.title ?? "Matrice de priorisation";
+    }
+    get xThresholdValue() {
+        return this.xThreshold ?? 50;
+    }
+    get yThresholdValue() {
+        return this.yThreshold ?? 50;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get plotW() {
+        return Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1);
+    }
+    get plotH() {
+        return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1);
+    }
+    tickX(v) {
+        return Number.isFinite(v) ? MARGIN.left + (Math.min(Math.max(v, 0), 100) / 100) * this.plotW : MARGIN.left;
+    }
+    tickY(v) {
+        return Number.isFinite(v) ? MARGIN.top + (1 - Math.min(Math.max(v, 0), 100) / 100) * this.plotH : MARGIN.top;
+    }
+    get tx() {
+        return this.tickX(this.xThresholdValue);
+    }
+    get ty() {
+        return this.tickY(this.yThresholdValue);
+    }
+    get quads() {
+        const { tx, ty, plotW, plotH } = this;
+        return [
+            { id: "quick-wins", x: MARGIN.left, y: MARGIN.top, w: tx - MARGIN.left, h: ty - MARGIN.top },
+            { id: "major-projects", x: tx, y: MARGIN.top, w: MARGIN.left + plotW - tx, h: ty - MARGIN.top },
+            { id: "wait", x: MARGIN.left, y: ty, w: tx - MARGIN.left, h: MARGIN.top + plotH - ty },
+            { id: "drop", x: tx, y: ty, w: MARGIN.left + plotW - tx, h: MARGIN.top + plotH - ty },
+        ];
+    }
+    get quadNames() {
+        const { plotW, plotH } = this;
+        return [
+            { id: "quick-wins", x: MARGIN.left + 6, y: MARGIN.top + 14, anchor: "start" },
+            { id: "major-projects", x: MARGIN.left + plotW - 6, y: MARGIN.top + 14, anchor: "end" },
+            { id: "wait", x: MARGIN.left + 6, y: MARGIN.top + plotH - 8, anchor: "start" },
+            { id: "drop", x: MARGIN.left + plotW - 6, y: MARGIN.top + plotH - 8, anchor: "end" },
+        ];
+    }
+    quadName(id) {
+        return QUADRANT_NAMES[id] ?? id;
+    }
+    get yAxisLabelY() {
+        return MARGIN.top + this.plotH / 2;
+    }
+    get yAxisLabelTransform() {
+        return `rotate(-90 12 ${this.yAxisLabelY})`;
+    }
+    get points() {
+        return this.safeData.map((d, i) => ({
+            cx: this.tickX(d.x),
+            cy: this.tickY(d.y),
+            datum: d,
+            index: i,
+            tone: d.tone ?? TONES[i % TONES.length],
+        }));
+    }
+    // Cached placement (ForceGraph precedent): the annealing pass costs ~1ms at
+    // 13 points but ~40ms at 50, and must not rerun on every change-detection
+    // cycle. Recomputed in ngOnInit/ngOnChanges only. Public because the template
+    // reads it; treat it as read-only from outside.
+    placed = [];
+    ngOnInit() {
+        this.refreshPlaced();
+    }
+    ngOnChanges(_changes) {
+        this.refreshPlaced();
+    }
+    refreshPlaced() {
+        const boxes = this.safeData.map((d) => {
+            const lines = splitLabel(d.label);
+            const longest = Math.max(...lines.map((l) => [...l].length));
+            return { w: Math.min(120, 12 + 7 * longest), h: lines.length > 1 ? 34 : 20, lines };
+        });
+        this.placed = placePriorityLabels(this.safeData.map((d) => ({ x: d.x, y: d.y, label: d.label })), boxes, {
+            width: this.widthValue,
+            height: this.heightValue,
+            marginLeft: MARGIN.left,
+            marginTop: MARGIN.top,
+            plotWidth: this.plotW,
+            plotHeight: this.plotH,
+        }, {
+            xThreshold: this.xThresholdValue,
+            yThreshold: this.yThresholdValue,
+            obstacles: buildMatrixObstacles(this.tx, this.ty, this.plotW, this.plotH),
+        }).map((p) => ({ ...p, lines: boxes[p.index].lines }));
+    }
+    get dataValueItems() {
+        return this.safeData.map((d) => `${d.label} : complexité ${coordText(d.x)}, valeur ${coordText(d.y)}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: PriorityMatrix, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: PriorityMatrix, isStandalone: true, selector: "st-priority-matrix", inputs: { data: "data", title: "title", xLabel: "xLabel", yLabel: "yLabel", xThreshold: "xThreshold", yThreshold: "yThreshold", width: "width", height: "height", radius: "radius", label: "label", classInput: ["class", "classInput"] }, usesOnChanges: true, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-priorityMatrix__visual" role="img" [attr.aria-label]="label">
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @if (titleValue) {
+            <text class="st-priorityMatrix__title" [attr.x]="MARGIN.left" y="15" text-anchor="start">{{ titleValue }}</text>
+          }
+
+          @for (q of quads; track q.id) {
+            <rect
+              [attr.class]="'st-priorityMatrix__quad st-priorityMatrix__quad--' + q.id"
+              [attr.x]="q.x"
+              [attr.y]="q.y"
+              [attr.width]="q.w"
+              [attr.height]="q.h"
+            ></rect>
+          }
+
+          @for (t of ticks; track t) {
+            <line
+              class="st-priorityMatrix__grid"
+              [attr.x1]="MARGIN.left"
+              [attr.x2]="widthValue - MARGIN.right"
+              [attr.y1]="tickY(t)"
+              [attr.y2]="tickY(t)"
+            ></line>
+            <text
+              class="st-priorityMatrix__tick"
+              [attr.x]="MARGIN.left - 6"
+              [attr.y]="tickY(t)"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ t }}</text>
+          }
+
+          @for (t of ticks; track t) {
+            <text
+              class="st-priorityMatrix__tick"
+              [attr.x]="tickX(t)"
+              [attr.y]="heightValue - MARGIN.bottom + 16"
+              text-anchor="middle"
+            >{{ t }}</text>
+          }
+
+          <line
+            class="st-priorityMatrix__axis"
+            [attr.x1]="MARGIN.left"
+            [attr.x2]="MARGIN.left"
+            [attr.y1]="MARGIN.top"
+            [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+          <line
+            class="st-priorityMatrix__axis"
+            [attr.x1]="MARGIN.left"
+            [attr.x2]="widthValue - MARGIN.right"
+            [attr.y1]="heightValue - MARGIN.bottom"
+            [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+
+          <line class="st-priorityMatrix__threshold" [attr.x1]="tx" [attr.x2]="tx" [attr.y1]="MARGIN.top" [attr.y2]="MARGIN.top + plotH"></line>
+          <line class="st-priorityMatrix__threshold" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left + plotW" [attr.y1]="ty" [attr.y2]="ty"></line>
+
+          @for (q of quadNames; track q.id) {
+            <text class="st-priorityMatrix__quadName" [attr.x]="q.x" [attr.y]="q.y" [attr.text-anchor]="q.anchor">{{ quadName(q.id) }}</text>
+          }
+
+          @if (xLabel) {
+            <text
+              class="st-priorityMatrix__axisLabel"
+              [attr.x]="MARGIN.left + plotW / 2"
+              [attr.y]="heightValue - 4"
+              text-anchor="middle"
+            >{{ xLabel }}</text>
+          }
+          @if (yLabel) {
+            <text
+              class="st-priorityMatrix__axisLabel"
+              [attr.x]="12"
+              [attr.y]="yAxisLabelY"
+              text-anchor="middle"
+              [attr.transform]="yAxisLabelTransform"
+            >{{ yLabel }}</text>
+          }
+
+          @for (p of points; track p.index) {
+            <circle
+              [attr.class]="'st-priorityMatrix__point st-priorityMatrix__point--' + p.tone"
+              [attr.cx]="p.cx"
+              [attr.cy]="p.cy"
+              [attr.r]="radiusValue"
+            ></circle>
+          }
+
+          @for (p of placed; track p.index) {
+            <line
+              class="st-priorityMatrix__leader"
+              [attr.x1]="p.leaderX1"
+              [attr.y1]="p.leaderY1"
+              [attr.x2]="p.leaderX2"
+              [attr.y2]="p.leaderY2"
+            ></line>
+            <rect
+              class="st-priorityMatrix__labelBox"
+              [attr.x]="p.x"
+              [attr.y]="p.y"
+              [attr.width]="p.w"
+              [attr.height]="p.h"
+              rx="3"
+            ></rect>
+            @for (line of p.lines; track $index) {
+              <text
+                class="st-priorityMatrix__labelText"
+                [attr.x]="p.x + p.w / 2"
+                [attr.y]="p.y + 13 + $index * 13"
+                text-anchor="middle"
+              >{{ line }}</text>
+            }
+          }
+        </svg>
+      </div>
+
+      @if (dataValueItems.length > 0) {
+        <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+          @for (item of dataValueItems; track $index) {
+            <li>{{ item }}</li>
+          }
+        </ul>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: PriorityMatrix, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-priority-matrix",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-priorityMatrix__visual" role="img" [attr.aria-label]="label">
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @if (titleValue) {
+            <text class="st-priorityMatrix__title" [attr.x]="MARGIN.left" y="15" text-anchor="start">{{ titleValue }}</text>
+          }
+
+          @for (q of quads; track q.id) {
+            <rect
+              [attr.class]="'st-priorityMatrix__quad st-priorityMatrix__quad--' + q.id"
+              [attr.x]="q.x"
+              [attr.y]="q.y"
+              [attr.width]="q.w"
+              [attr.height]="q.h"
+            ></rect>
+          }
+
+          @for (t of ticks; track t) {
+            <line
+              class="st-priorityMatrix__grid"
+              [attr.x1]="MARGIN.left"
+              [attr.x2]="widthValue - MARGIN.right"
+              [attr.y1]="tickY(t)"
+              [attr.y2]="tickY(t)"
+            ></line>
+            <text
+              class="st-priorityMatrix__tick"
+              [attr.x]="MARGIN.left - 6"
+              [attr.y]="tickY(t)"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ t }}</text>
+          }
+
+          @for (t of ticks; track t) {
+            <text
+              class="st-priorityMatrix__tick"
+              [attr.x]="tickX(t)"
+              [attr.y]="heightValue - MARGIN.bottom + 16"
+              text-anchor="middle"
+            >{{ t }}</text>
+          }
+
+          <line
+            class="st-priorityMatrix__axis"
+            [attr.x1]="MARGIN.left"
+            [attr.x2]="MARGIN.left"
+            [attr.y1]="MARGIN.top"
+            [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+          <line
+            class="st-priorityMatrix__axis"
+            [attr.x1]="MARGIN.left"
+            [attr.x2]="widthValue - MARGIN.right"
+            [attr.y1]="heightValue - MARGIN.bottom"
+            [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+
+          <line class="st-priorityMatrix__threshold" [attr.x1]="tx" [attr.x2]="tx" [attr.y1]="MARGIN.top" [attr.y2]="MARGIN.top + plotH"></line>
+          <line class="st-priorityMatrix__threshold" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left + plotW" [attr.y1]="ty" [attr.y2]="ty"></line>
+
+          @for (q of quadNames; track q.id) {
+            <text class="st-priorityMatrix__quadName" [attr.x]="q.x" [attr.y]="q.y" [attr.text-anchor]="q.anchor">{{ quadName(q.id) }}</text>
+          }
+
+          @if (xLabel) {
+            <text
+              class="st-priorityMatrix__axisLabel"
+              [attr.x]="MARGIN.left + plotW / 2"
+              [attr.y]="heightValue - 4"
+              text-anchor="middle"
+            >{{ xLabel }}</text>
+          }
+          @if (yLabel) {
+            <text
+              class="st-priorityMatrix__axisLabel"
+              [attr.x]="12"
+              [attr.y]="yAxisLabelY"
+              text-anchor="middle"
+              [attr.transform]="yAxisLabelTransform"
+            >{{ yLabel }}</text>
+          }
+
+          @for (p of points; track p.index) {
+            <circle
+              [attr.class]="'st-priorityMatrix__point st-priorityMatrix__point--' + p.tone"
+              [attr.cx]="p.cx"
+              [attr.cy]="p.cy"
+              [attr.r]="radiusValue"
+            ></circle>
+          }
+
+          @for (p of placed; track p.index) {
+            <line
+              class="st-priorityMatrix__leader"
+              [attr.x1]="p.leaderX1"
+              [attr.y1]="p.leaderY1"
+              [attr.x2]="p.leaderX2"
+              [attr.y2]="p.leaderY2"
+            ></line>
+            <rect
+              class="st-priorityMatrix__labelBox"
+              [attr.x]="p.x"
+              [attr.y]="p.y"
+              [attr.width]="p.w"
+              [attr.height]="p.h"
+              rx="3"
+            ></rect>
+            @for (line of p.lines; track $index) {
+              <text
+                class="st-priorityMatrix__labelText"
+                [attr.x]="p.x + p.w / 2"
+                [attr.y]="p.y + 13 + $index * 13"
+                text-anchor="middle"
+              >{{ line }}</text>
+            }
+          }
+        </svg>
+      </div>
+
+      @if (dataValueItems.length > 0) {
+        <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+          @for (item of dataValueItems; track $index) {
+            <li>{{ item }}</li>
+          }
+        </ul>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], xLabel: [{
+                type: NgInput
+            }], yLabel: [{
+                type: NgInput
+            }], xThreshold: [{
+                type: NgInput
+            }], yThreshold: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], radius: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=PriorityMatrix.js.map

package/dist/PriorityMatrix.js.map

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

package/dist/ProgressBar.js

@@ -53,8 +53,8 @@ export class ProgressBar {
     get hostClass() {
         return classNames("st-progressBar", this.classInput);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ProgressBar, isStandalone: true, selector: "st-progress-bar", inputs: { label: "label", helperText: "helperText", value: "value", max: "max", tone: "tone", size: "size", indeterminate: "indeterminate", showValue: "showValue", valueText: "valueText", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: ProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: ProgressBar, isStandalone: true, selector: "st-progress-bar", inputs: { label: "label", helperText: "helperText", value: "value", max: "max", tone: "tone", size: "size", indeterminate: "indeterminate", showValue: "showValue", valueText: "valueText", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <div [attr.data-st-component]="componentName" [class]="hostClass">
       @if (label || (showValue && !indeterminate)) {
         <div class="st-progressBar__header">
@@ -83,7 +83,7 @@ export class ProgressBar {
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ProgressBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: ProgressBar, decorators: [{
             type: Component,
             args: [{
                     selector: "st-progress-bar",

package/dist/ProgressIndicator.js

@@ -35,8 +35,8 @@ export class ProgressIndicator {
     itemClass(item) {
         return classNames("st-progressIndicator__step", `st-progressIndicator__step--${this.resolvedStatus(item)}`);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ProgressIndicator, isStandalone: true, selector: "st-progress-indicator", inputs: { items: "items", orientation: "orientation", vertical: "vertical", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: ProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: ProgressIndicator, isStandalone: true, selector: "st-progress-indicator", inputs: { items: "items", orientation: "orientation", vertical: "vertical", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <ol
       [attr.data-st-component]="componentName"
       [class]="hostClass"
@@ -83,7 +83,7 @@ export class ProgressIndicator {
     </ol>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ProgressIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: ProgressIndicator, decorators: [{
             type: Component,
             args: [{
                     selector: "st-progress-indicator",