@sentropic/design-system-angular 0.36.63 → 0.38.0

package/dist/MarimekkoChart.js

@@ -85,8 +85,8 @@ export class MarimekkoChart {
         const target = event.target;
         this.hoveredKey = target?.getAttribute?.("data-chart-key") ?? null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MarimekkoChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MarimekkoChart, isStandalone: true, selector: "st-marimekko-chart", inputs: { data: "data", label: "label", width: "width", height: "height", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MarimekkoChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: MarimekkoChart, isStandalone: true, selector: "st-marimekko-chart", inputs: { data: "data", label: "label", width: "width", height: "height", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <div [attr.data-st-component]="componentName" [class]="hostClass">
       <div class="st-marimekkoChart__visual" role="img" [attr.aria-label]="label" (pointermove)="handlePointerMove($event)" (pointerleave)="handleLeave()">
         <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
@@ -102,7 +102,7 @@ export class MarimekkoChart {
           }
         </svg>
       </div>
-      <ul class="st-chartDataList" [attr.aria-label]="label">
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
         @for (item of dataValueItems; track $index) { <li>{{ item }}</li> }
       </ul>
       @if (hoveredCell) {
@@ -114,7 +114,7 @@ export class MarimekkoChart {
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MarimekkoChart, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MarimekkoChart, decorators: [{
             type: Component,
             args: [{
                     selector: "st-marimekko-chart",
@@ -135,7 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
           }
         </svg>
       </div>
-      <ul class="st-chartDataList" [attr.aria-label]="label">
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
         @for (item of dataValueItems; track $index) { <li>{{ item }}</li> }
       </ul>
       @if (hoveredCell) {

package/dist/MasterDetail.js

@@ -12,14 +12,14 @@ export class MasterDetail {
     get hostClass() {
         return ["st-md", this.classInput].filter(Boolean).join(" ");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MasterDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MasterDetail, isStandalone: true, selector: "st-master-detail", inputs: { listTitle: "listTitle", detailTitle: "detailTitle", listItems: "listItems", detailFields: "detailFields", detailActions: "detailActions", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MasterDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: MasterDetail, isStandalone: true, selector: "st-master-detail", inputs: { listTitle: "listTitle", detailTitle: "detailTitle", listItems: "listItems", detailFields: "detailFields", detailActions: "detailActions", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <div [attr.data-st-component]="componentName" [class]="hostClass">
       <ng-content></ng-content>
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MasterDetail, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MasterDetail, decorators: [{
             type: Component,
             args: [{
                     selector: "st-master-detail",

package/dist/MediaContent.js

@@ -38,8 +38,8 @@ export class MediaContent {
     get hostClass() {
         return classNames("st-mediaContent", this.classInput);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MediaContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MediaContent, isStandalone: true, selector: "st-media-content", inputs: { title: "title", caption: "caption", byline: "byline", media: "media", mediaAlt: "mediaAlt", mediaKind: "mediaKind", mediaControls: "mediaControls", aspectRatio: "aspectRatio", mediaCaptions: "mediaCaptions", mediaCaptionsLabel: "mediaCaptionsLabel", mediaCaptionsLang: "mediaCaptionsLang", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MediaContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: MediaContent, isStandalone: true, selector: "st-media-content", inputs: { title: "title", caption: "caption", byline: "byline", media: "media", mediaAlt: "mediaAlt", mediaKind: "mediaKind", mediaControls: "mediaControls", aspectRatio: "aspectRatio", mediaCaptions: "mediaCaptions", mediaCaptionsLabel: "mediaCaptionsLabel", mediaCaptionsLang: "mediaCaptionsLang", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <figure [attr.data-st-component]="componentName" [class]="hostClass">
       <div class="st-mediaContent__media" [style.--st-mediaContent-ratio]="resolvedAspectRatio">
         @if (hasMedia) {
@@ -71,7 +71,7 @@ export class MediaContent {
     </figure>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MediaContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MediaContent, decorators: [{
             type: Component,
             args: [{
                     selector: "st-media-content",

package/dist/Menu.js

@@ -49,8 +49,8 @@ export class Menu {
         item.onClick?.();
         this.select.emit(item);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Menu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Menu, isStandalone: true, selector: "st-menu", inputs: { items: "items", dense: "dense", role: "role", classInput: ["class", "classInput"] }, outputs: { select: "select" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: Menu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: Menu, isStandalone: true, selector: "st-menu", inputs: { items: "items", dense: "dense", role: "role", classInput: ["class", "classInput"] }, outputs: { select: "select" }, ngImport: i0, template: `
     <div
       [attr.data-st-component]="componentName"
       [class]="hostClass"
@@ -92,7 +92,7 @@ export class Menu {
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Menu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: Menu, decorators: [{
             type: Component,
             args: [{
                     selector: "st-menu",

package/dist/MenuPopover.d.ts

@@ -12,9 +12,12 @@ export type MenuPopoverRect = {
     width: number;
 };
 export type MenuPopoverViewport = {
+    width: number;
+    height: number;
+};
+export type MenuPopoverPanelSize = {
+    width: number;
     height: number;
-    scrollX: number;
-    scrollY: number;
 };
 export type MenuPopoverPosition = {
     top: number;
@@ -22,13 +25,22 @@ export type MenuPopoverPosition = {
     maxHeight: number;
     alignEnd: boolean;
     alignCenter: boolean;
+    /** True once the requested vertical side no longer fits (panel flipped). */
+    flipped: boolean;
+    /** Placement class to render (mirrors the flip so transforms keep working). */
+    effectivePlacement: MenuPopoverPlacement;
 };
+export declare function menuPopoverEffectivePlacement(placement: MenuPopoverPlacement, flipped: boolean): MenuPopoverPlacement;
 /**
  * Pure position solver — mirrors Svelte's `computePosition()` / React's
  * `computePosition` callback so it can be unit-tested without a real
  * `window`/DOM (this package's tests run in a Node environment, no jsdom).
+ *
+ * Viewport coordinates (matching `position: fixed`): no scroll offsets — the
+ * old document coordinates were wrong inside any positioned ancestor and the
+ * panel was clipped by overflow containers.
  */
-export declare function computeMenuPopoverPosition(rect: MenuPopoverRect, placement: MenuPopoverPlacement, align: MenuPopoverAlign | undefined, viewport: MenuPopoverViewport): MenuPopoverPosition;
+export declare function computeMenuPopoverPosition(rect: MenuPopoverRect, placement: MenuPopoverPlacement, align: MenuPopoverAlign | undefined, viewport: MenuPopoverViewport, panelSize?: MenuPopoverPanelSize): MenuPopoverPosition;
 export declare function menuPopoverIsWithin(event: {
     composedPath?: () => EventTarget[];
     target: EventTarget | null;
@@ -66,6 +78,7 @@ export declare class MenuPopover implements AfterViewInit, OnChanges, OnDestroy
     maxHeight: number;
     alignEnd: boolean;
     alignCenter: boolean;
+    flipped: boolean;
     private listenersActive;
     private readonly onScroll;
     private readonly onResize;
@@ -77,6 +90,15 @@ export declare class MenuPopover implements AfterViewInit, OnChanges, OnDestroy
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     computePosition(): void;
+    /**
+     * Top layer: the element stays in place in the DOM (no portal to
+     * `<body>`) so it keeps inheriting the theme's `--st-*` custom properties;
+     * the Popover API only lifts rendering into the top layer, above overflow
+     * clipping. Where the API is missing, plain `position: fixed` applies.
+     */
+    private popoverShown;
+    showTopLayer(): void;
+    hideTopLayer(): void;
     close(): void;
     private registerWindowListeners;
     private unregisterWindowListeners;

package/dist/MenuPopover.d.ts.map

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

package/dist/MenuPopover.js

@@ -9,42 +9,79 @@ const VIEWPORT_MARGIN = 8;
 // Height floor: below this threshold we keep a usable scrollable window rather
 // than a crushed menu (rare case of a trigger glued to the edge).
 const MIN_HEIGHT = 160;
+export function menuPopoverEffectivePlacement(placement, flipped) {
+    if (!flipped)
+        return placement;
+    if (placement === "bottom-start")
+        return "top-start";
+    if (placement === "bottom-end")
+        return "top-end";
+    if (placement === "top-start")
+        return "bottom-start";
+    return "bottom-end";
+}
 /**
  * Pure position solver — mirrors Svelte's `computePosition()` / React's
  * `computePosition` callback so it can be unit-tested without a real
  * `window`/DOM (this package's tests run in a Node environment, no jsdom).
+ *
+ * Viewport coordinates (matching `position: fixed`): no scroll offsets — the
+ * old document coordinates were wrong inside any positioned ancestor and the
+ * panel was clipped by overflow containers.
  */
-export function computeMenuPopoverPosition(rect, placement, align, viewport) {
+export function computeMenuPopoverPosition(rect, placement, align, viewport, panelSize = { width: 0, height: 0 }) {
     const verticalUp = placement === "top-start" || placement === "top-end";
     const horizontalEnd = placement === "bottom-end" || placement === "top-end";
     const resolvedAlign = align ?? (horizontalEnd ? "end" : "start");
     const alignEnd = resolvedAlign === "end";
     const alignCenter = resolvedAlign === "center";
+    const need = panelSize.height > 0 ? panelSize.height : MIN_HEIGHT;
+    const spaceBelow = viewport.height - rect.bottom - GAP;
+    const spaceAbove = rect.top - GAP;
+    // Flip when the requested side cannot fit the panel and the other side
+    // offers more room.
+    let showUp = verticalUp;
+    if (!verticalUp && spaceBelow < need && spaceAbove > spaceBelow)
+        showUp = true;
+    else if (verticalUp && spaceAbove < need && spaceBelow > spaceAbove)
+        showUp = false;
+    const flipped = showUp !== verticalUp;
     let top;
     let maxHeight;
-    if (verticalUp) {
+    if (showUp) {
         // Panel bottom edge sits above the trigger (transform handles the flip);
         // available space is what's ABOVE the trigger.
-        top = rect.top + viewport.scrollY - GAP;
+        top = rect.top - GAP;
         maxHeight = Math.max(rect.top - GAP - VIEWPORT_MARGIN, MIN_HEIGHT);
     }
     else {
-        top = rect.bottom + viewport.scrollY + GAP;
+        top = rect.bottom + GAP;
         // Space actually available BELOW the trigger — `max-height: 100vh` alone
         // ignores the panel's offset and overflows past the bottom edge.
         maxHeight = Math.max(viewport.height - rect.bottom - GAP - VIEWPORT_MARGIN, MIN_HEIGHT);
     }
+    // Reclamp horizontally so the measured panel stays inside the viewport.
+    const panelWidth = panelSize.width;
     let left;
     if (resolvedAlign === "end") {
-        left = rect.right + viewport.scrollX;
+        left = rect.right;
+        if (panelWidth > 0) {
+            left = Math.min(Math.max(left, panelWidth + VIEWPORT_MARGIN), viewport.width - VIEWPORT_MARGIN);
+        }
     }
     else if (resolvedAlign === "center") {
-        left = rect.left + viewport.scrollX + rect.width / 2;
+        left = rect.left + rect.width / 2;
+        if (panelWidth > 0) {
+            left = Math.min(Math.max(left, panelWidth / 2 + VIEWPORT_MARGIN), viewport.width - panelWidth / 2 - VIEWPORT_MARGIN);
+        }
     }
     else {
-        left = rect.left + viewport.scrollX;
+        left = rect.left;
+        if (panelWidth > 0) {
+            left = Math.min(Math.max(left, VIEWPORT_MARGIN), viewport.width - panelWidth - VIEWPORT_MARGIN);
+        }
     }
-    return { top, left, maxHeight, alignEnd, alignCenter };
+    return { top, left, maxHeight, alignEnd, alignCenter, flipped, effectivePlacement: menuPopoverEffectivePlacement(placement, flipped) };
 }
 export function menuPopoverIsWithin(event, node) {
     if (!node)
@@ -77,6 +114,7 @@ export class MenuPopover {
     maxHeight = 0;
     alignEnd = false;
     alignCenter = false;
+    flipped = false;
     listenersActive = false;
     onScroll = () => this.computePosition();
     onResize = () => this.computePosition();
@@ -98,15 +136,17 @@ export class MenuPopover {
         }
     };
     get hostClass() {
-        return classNames("st-menuPopover", `st-menuPopover--${this.placement}`, this.alignEnd ? "st-menuPopover--alignEnd" : null, this.alignCenter ? "st-menuPopover--alignCenter" : null, this.classInput);
+        return classNames("st-menuPopover", `st-menuPopover--${menuPopoverEffectivePlacement(this.placement, this.flipped)}`, this.alignEnd ? "st-menuPopover--alignEnd" : null, this.alignCenter ? "st-menuPopover--alignCenter" : null, this.classInput);
     }
     get panelStyle() {
         return `top: ${this.top}px; left: ${this.left}px;${this.maxHeight ? ` max-height: ${this.maxHeight}px;` : ""}`;
     }
     ngAfterViewInit() {
         this.registerWindowListeners();
-        if (this.open)
+        if (this.open) {
             this.computePosition();
+            this.showTopLayer();
+        }
     }
     ngOnChanges(changes) {
         if (typeof window === "undefined")
@@ -116,8 +156,10 @@ export class MenuPopover {
         if (changes["open"] || changes["trigger"] || changes["placement"] || changes["align"]) {
             // Recompute after Angular renders the panel for the new state.
             queueMicrotask(() => {
-                if (this.open)
+                if (this.open) {
                     this.computePosition();
+                    this.showTopLayer();
+                }
             });
         }
     }
@@ -130,16 +172,60 @@ export class MenuPopover {
         if (typeof window === "undefined")
             return;
         const rect = this.trigger.getBoundingClientRect();
-        const pos = computeMenuPopoverPosition({ top: rect.top, bottom: rect.bottom, left: rect.left, right: rect.right, width: rect.width }, this.placement, this.align, { height: window.innerHeight, scrollX: window.scrollX, scrollY: window.scrollY });
+        const panelEl = this.panel?.nativeElement;
+        const pos = computeMenuPopoverPosition({ top: rect.top, bottom: rect.bottom, left: rect.left, right: rect.right, width: rect.width }, this.placement, this.align, { width: window.innerWidth, height: window.innerHeight }, { width: panelEl?.offsetWidth ?? 0, height: panelEl?.offsetHeight ?? 0 });
         this.top = pos.top;
         this.left = pos.left;
         this.maxHeight = pos.maxHeight;
         this.alignEnd = pos.alignEnd;
         this.alignCenter = pos.alignCenter;
+        this.flipped = pos.flipped;
+    }
+    /**
+     * Top layer: the element stays in place in the DOM (no portal to
+     * `<body>`) so it keeps inheriting the theme's `--st-*` custom properties;
+     * the Popover API only lifts rendering into the top layer, above overflow
+     * clipping. Where the API is missing, plain `position: fixed` applies.
+     */
+    popoverShown = false;
+    showTopLayer() {
+        const el = this.panel?.nativeElement;
+        if (!el || this.popoverShown)
+            return;
+        if (typeof el.showPopover !== "function")
+            return;
+        // The attribute is set ONLY here (never statically in the template):
+        // environments without the API hide every [popover] element via the UA
+        // rule, so a static attribute would force display:none.
+        el.setAttribute("popover", "manual");
+        try {
+            el.showPopover();
+            this.popoverShown = true;
+        }
+        catch {
+            el.removeAttribute("popover");
+            // Already open or not ready — fixed positioning still applies.
+        }
+    }
+    hideTopLayer() {
+        const el = this.panel?.nativeElement;
+        this.popoverShown = false;
+        if (!el || typeof el.hidePopover !== "function")
+            return;
+        try {
+            el.hidePopover();
+        }
+        catch {
+            // Already hidden — nothing to do.
+        }
+        finally {
+            el.removeAttribute("popover");
+        }
     }
     close() {
         if (!this.open)
             return;
+        this.hideTopLayer();
         this.open = false;
         this.openChange.emit(false);
     }
@@ -165,9 +251,11 @@ export class MenuPopover {
         window.removeEventListener("pointerdown", this.onPointerDown);
         window.removeEventListener("keydown", this.onKeyDown);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MenuPopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MenuPopover, isStandalone: true, selector: "st-menu-popover", inputs: { items: "items", open: "open", trigger: "trigger", placement: "placement", align: "align", label: "label", classInput: ["class", "classInput"], closeOnOutside: "closeOnOutside", closeOnEscape: "closeOnEscape" }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MenuPopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: MenuPopover, isStandalone: true, selector: "st-menu-popover", inputs: { items: "items", open: "open", trigger: "trigger", placement: "placement", align: "align", label: "label", classInput: ["class", "classInput"], closeOnOutside: "closeOnOutside", closeOnEscape: "closeOnEscape" }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     @if (open) {
+      <!-- No static popover attribute: set imperatively by showTopLayer()
+           only where the Popover API exists. -->
       <div
         #panel
         [attr.data-st-component]="componentName"
@@ -185,10 +273,12 @@ export class MenuPopover {
     }
   `, isInline: true, styles: [":host { display: contents; }"], dependencies: [{ kind: "component", type: Menu, selector: "st-menu", inputs: ["items", "dense", "role", "class"], outputs: ["select"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MenuPopover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MenuPopover, decorators: [{
             type: Component,
             args: [{ selector: "st-menu-popover", standalone: true, imports: [Menu], template: `
     @if (open) {
+      <!-- No static popover attribute: set imperatively by showTopLayer()
+           only where the Popover API exists. -->
       <div
         #panel
         [attr.data-st-component]="componentName"

package/dist/MenuPopover.js.map

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

package/dist/MenuTriggerButton.js

@@ -16,8 +16,8 @@ export class MenuTriggerButton {
     get hostClass() {
         return classNames(`st-iconButton st-iconButton--${this.size} st-iconButton--${this.variant}`, this.classInput);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MenuTriggerButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MenuTriggerButton, isStandalone: true, selector: "st-menu-trigger-button", inputs: { open: "open", expanded: "expanded", size: "size", variant: "variant", disabled: "disabled", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MenuTriggerButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: MenuTriggerButton, isStandalone: true, selector: "st-menu-trigger-button", inputs: { open: "open", expanded: "expanded", size: "size", variant: "variant", disabled: "disabled", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <button
       type="button"
       [attr.data-st-component]="componentName"
@@ -46,7 +46,7 @@ export class MenuTriggerButton {
     </button>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MenuTriggerButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MenuTriggerButton, decorators: [{
             type: Component,
             args: [{
                     selector: "st-menu-trigger-button",

package/dist/MessageActions.js

@@ -13,8 +13,8 @@ export class MessageActions {
     actionClass(variant) {
         return classNames("st-iconButton st-iconButton--sm", variant === "danger" ? "st-iconButton--danger" : "st-iconButton--ghost");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MessageActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MessageActions, isStandalone: true, selector: "st-message-actions", inputs: { actions: "actions", visibility: "visibility", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MessageActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: MessageActions, isStandalone: true, selector: "st-message-actions", inputs: { actions: "actions", visibility: "visibility", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <div [attr.data-st-component]="componentName" [class]="hostClass" role="group" aria-label="Actions du message">
       @for (action of actions ?? []; track action.id ?? $index) {
         <button
@@ -28,7 +28,7 @@ export class MessageActions {
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MessageActions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MessageActions, decorators: [{
             type: Component,
             args: [{
                     selector: "st-message-actions",

package/dist/MessageStatusBadge.js

@@ -43,13 +43,13 @@ export class MessageStatusBadge {
     get hostClass() {
         return classNames("st-messageStatusBadge", `st-badge st-badge--${this.resolvedTone}`, this.classInput);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MessageStatusBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MessageStatusBadge, isStandalone: true, selector: "st-message-status-badge", inputs: { status: "status", tone: "tone", labels: "labels", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MessageStatusBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.24", type: MessageStatusBadge, isStandalone: true, selector: "st-message-status-badge", inputs: { status: "status", tone: "tone", labels: "labels", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <span [class]="hostClass">
       <span class="st-messageStatusBadge__dot" aria-hidden="true"></span>{{ resolvedLabel }}</span>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MessageStatusBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MessageStatusBadge, decorators: [{
             type: Component,
             args: [{
                     selector: "st-message-status-badge",

package/dist/Modal.js

@@ -22,8 +22,8 @@ export class Modal {
             this.close.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Modal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Modal, isStandalone: true, selector: "st-modal", inputs: { open: "open", title: "title", description: "description", size: "size", closeLabel: "closeLabel", dismissible: "dismissible", zIndex: "zIndex", classInput: ["class", "classInput"] }, outputs: { close: "close" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: Modal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: Modal, isStandalone: true, selector: "st-modal", inputs: { open: "open", title: "title", description: "description", size: "size", closeLabel: "closeLabel", dismissible: "dismissible", zIndex: "zIndex", classInput: ["class", "classInput"] }, outputs: { close: "close" }, ngImport: i0, template: `
     @if (open) {
       <div
         class="st-modal__backdrop"
@@ -66,7 +66,7 @@ export class Modal {
     }
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Modal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: Modal, decorators: [{
             type: Component,
             args: [{
                     selector: "st-modal",

package/dist/MultiSelect.js

@@ -95,8 +95,8 @@ export class MultiSelect {
             this.isOpen = false;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MultiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MultiSelect, isStandalone: true, selector: "st-multi-select", inputs: { label: "label", helperText: "helperText", errorText: "errorText", invalid: "invalid", options: "options", selected: "selected", value: "value", values: "values", size: "size", locale: "locale", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", noResultsLabel: "noResultsLabel", toggleLabel: "toggleLabel", removeLabel: "removeLabel", listLabel: "listLabel", disabled: "disabled", classInput: ["class", "classInput"] }, outputs: { selectedChange: "selectedChange", change: "change" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MultiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: MultiSelect, isStandalone: true, selector: "st-multi-select", inputs: { label: "label", helperText: "helperText", errorText: "errorText", invalid: "invalid", options: "options", selected: "selected", value: "value", values: "values", size: "size", locale: "locale", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", noResultsLabel: "noResultsLabel", toggleLabel: "toggleLabel", removeLabel: "removeLabel", listLabel: "listLabel", disabled: "disabled", classInput: ["class", "classInput"] }, outputs: { selectedChange: "selectedChange", change: "change" }, ngImport: i0, template: `
     <div
       [attr.data-st-component]="componentName"
       [class]="hostClass"
@@ -202,7 +202,7 @@ export class MultiSelect {
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MultiSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: MultiSelect, decorators: [{
             type: Component,
             args: [{
                     selector: "st-multi-select",

package/dist/NavActionStack.js

@@ -32,8 +32,8 @@ export class NavActionStack {
     variantFor(kind) {
         return kind;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavActionStack, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NavActionStack, isStandalone: true, selector: "st-nav-action-stack", inputs: { actions: "actions", dangerZone: "dangerZone", dangerLabel: "dangerLabel", orientation: "orientation", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: NavActionStack, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: NavActionStack, isStandalone: true, selector: "st-nav-action-stack", inputs: { actions: "actions", dangerZone: "dangerZone", dangerLabel: "dangerLabel", orientation: "orientation", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <div [attr.data-st-component]="componentName" [class]="hostClass" role="group" [attr.aria-label]="label">
       <div class="st-navActionStack__actions">
         @for (action of normalizedActions; track action.label) {
@@ -69,7 +69,7 @@ export class NavActionStack {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: Divider, selector: "st-divider", inputs: ["orientation", "spacing", "label", "variant", "class"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavActionStack, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: NavActionStack, decorators: [{
             type: Component,
             args: [{
                     selector: "st-nav-action-stack",

package/dist/NavDrawer.js

@@ -26,8 +26,8 @@ export class NavDrawer {
             this.closeEvent.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NavDrawer, isStandalone: true, selector: "st-nav-drawer", inputs: { title: "title", label: "label", open: "open", side: "side", navItems: "navItems", classInput: ["class", "classInput"] }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: NavDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: NavDrawer, isStandalone: true, selector: "st-nav-drawer", inputs: { title: "title", label: "label", open: "open", side: "side", navItems: "navItems", classInput: ["class", "classInput"] }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: `
     @if (open) {
       <div
         class="st-drawer__backdrop"
@@ -75,7 +75,7 @@ export class NavDrawer {
     }
   `, isInline: true, dependencies: [{ kind: "component", type: NavItem, selector: "st-nav-item", inputs: ["value", "title", "caption", "depth", "swatch", "count", "status", "selected", "active", "disabled", "href", "divider", "class"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavDrawer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: NavDrawer, decorators: [{
             type: Component,
             args: [{
                     selector: "st-nav-drawer",

package/dist/NavItem.js

@@ -45,8 +45,8 @@ export class NavItem {
         const fallback = ["0rem", "0.75rem", "1.5rem", "2.25rem"][depth];
         return `--st-navItem-indent: var(--st-component-navItem-depth${depth}-indent, ${fallback});`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NavItem, isStandalone: true, selector: "st-nav-item", inputs: { value: "value", title: "title", caption: "caption", depth: "depth", swatch: "swatch", count: "count", status: "status", selected: "selected", active: "active", disabled: "disabled", href: "href", divider: "divider", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: NavItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: NavItem, isStandalone: true, selector: "st-nav-item", inputs: { value: "value", title: "title", caption: "caption", depth: "depth", swatch: "swatch", count: "count", status: "status", selected: "selected", active: "active", disabled: "disabled", href: "href", divider: "divider", classInput: ["class", "classInput"] }, ngImport: i0, template: `
     <div [attr.data-st-component]="componentName" [class]="hostClass" [style]="depthStyle">
       <div
         [class]="rowClass"
@@ -85,7 +85,7 @@ export class NavItem {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: Badge, selector: "st-badge", inputs: ["tone", "shape", "size", "label", "class"] }, { kind: "component", type: ColorSwatch, selector: "st-color-swatch", inputs: ["color", "size", "shape", "label", "class"] }, { kind: "component", type: StatusDot, selector: "st-status-dot", inputs: ["tone", "color", "size", "pulse", "label", "class"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: NavItem, decorators: [{
             type: Component,
             args: [{
                     selector: "st-nav-item",