@sentropic/design-system-angular 0.36.54

package/dist/NavSection.js

@@ -0,0 +1,172 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { Badge } from "./Badge.js";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+let _navSectionCounter = 0;
+export class NavSection {
+    static stComponentName = "NavSection";
+    componentName = "NavSection";
+    uid = `st-navSection-${++_navSectionCounter}`;
+    localOpen;
+    label;
+    count;
+    collapsible;
+    open;
+    as;
+    classInput;
+    get hasCount() {
+        return this.count !== undefined && this.count !== null;
+    }
+    /** Count bubble accessible name (« N éléments »). */
+    get countAriaLabel() {
+        return `${this.count} éléments`;
+    }
+    /** Trigger accessible name : announces the count alongside the label. */
+    get triggerAriaLabel() {
+        return this.hasCount ? `${this.label}, ${this.count}` : this.label;
+    }
+    /** `open` is the INITIAL value (mirror of the Vue/Svelte `bind:open`): the
+     * section owns its disclosure state once mounted. Defaults to open. */
+    get currentOpen() {
+        return this.localOpen ?? this.open ?? true;
+    }
+    toggle() {
+        this.localOpen = !this.currentOpen;
+    }
+    get rootClasses() {
+        return classNames("st-navSection", this.collapsible ? "st-navSection--collapsible" : "st-navSection--static", this.classInput);
+    }
+    /** Collapsible variant reuses the Collapsible anatomy (no size modifier, like
+     * the Vue/React reference) merged with the NavSection root classes. */
+    get collapsibleClass() {
+        return classNames("st-collapsible", this.currentOpen && "st-collapsible--open", this.rootClasses);
+    }
+    get staticClass() {
+        return this.rootClasses;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NavSection, isStandalone: true, selector: "st-nav-section", inputs: { label: "label", count: "count", collapsible: "collapsible", open: "open", as: "as", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    @if (collapsible) {
+      <div [attr.data-st-component]="componentName" [class]="collapsibleClass">
+        <button
+          type="button"
+          class="st-collapsible__trigger"
+          [attr.aria-expanded]="currentOpen ? 'true' : 'false'"
+          [attr.aria-controls]="uid + '-region'"
+          [id]="uid + '-trigger'"
+          [attr.aria-label]="triggerAriaLabel"
+          (click)="toggle()"
+        >
+          <span class="st-collapsible__title">{{ label }}</span>
+          @if (hasCount) {
+            <span class="st-collapsible__trailing">
+              <st-badge shape="circle" size="sm" [attr.aria-label]="countAriaLabel">{{ count }}</st-badge>
+            </span>
+          }
+          <span class="st-collapsible__icon" aria-hidden="true">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+              <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+          </span>
+        </button>
+        @if (currentOpen) {
+          <div
+            class="st-collapsible__region"
+            role="region"
+            [id]="uid + '-region'"
+            [attr.aria-labelledby]="uid + '-trigger'"
+          >
+            <ng-content></ng-content>
+          </div>
+        }
+      </div>
+    } @else {
+      <section
+        [attr.data-st-component]="componentName"
+        [class]="staticClass"
+        role="group"
+        [attr.aria-labelledby]="uid + '-label'"
+      >
+        <div class="st-navSection__header">
+          <h3 class="st-overline st-navSection__label" [id]="uid + '-label'">{{ label }}@if (hasCount) {<st-badge class="st-navSection__count" shape="circle" size="sm" [attr.aria-label]="countAriaLabel">{{ count }}</st-badge>}</h3>
+        </div>
+        <div class="st-navSection__body">
+          <ng-content></ng-content>
+        </div>
+      </section>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: Badge, selector: "st-badge", inputs: ["tone", "shape", "size", "label", "class"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavSection, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-nav-section",
+                    standalone: true,
+                    imports: [Badge],
+                    template: `
+    @if (collapsible) {
+      <div [attr.data-st-component]="componentName" [class]="collapsibleClass">
+        <button
+          type="button"
+          class="st-collapsible__trigger"
+          [attr.aria-expanded]="currentOpen ? 'true' : 'false'"
+          [attr.aria-controls]="uid + '-region'"
+          [id]="uid + '-trigger'"
+          [attr.aria-label]="triggerAriaLabel"
+          (click)="toggle()"
+        >
+          <span class="st-collapsible__title">{{ label }}</span>
+          @if (hasCount) {
+            <span class="st-collapsible__trailing">
+              <st-badge shape="circle" size="sm" [attr.aria-label]="countAriaLabel">{{ count }}</st-badge>
+            </span>
+          }
+          <span class="st-collapsible__icon" aria-hidden="true">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+              <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+          </span>
+        </button>
+        @if (currentOpen) {
+          <div
+            class="st-collapsible__region"
+            role="region"
+            [id]="uid + '-region'"
+            [attr.aria-labelledby]="uid + '-trigger'"
+          >
+            <ng-content></ng-content>
+          </div>
+        }
+      </div>
+    } @else {
+      <section
+        [attr.data-st-component]="componentName"
+        [class]="staticClass"
+        role="group"
+        [attr.aria-labelledby]="uid + '-label'"
+      >
+        <div class="st-navSection__header">
+          <h3 class="st-overline st-navSection__label" [id]="uid + '-label'">{{ label }}@if (hasCount) {<st-badge class="st-navSection__count" shape="circle" size="sm" [attr.aria-label]="countAriaLabel">{{ count }}</st-badge>}</h3>
+        </div>
+        <div class="st-navSection__body">
+          <ng-content></ng-content>
+        </div>
+      </section>
+    }
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], count: [{
+                type: NgInput
+            }], collapsible: [{
+                type: NgInput
+            }], open: [{
+                type: NgInput
+            }], as: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=NavSection.js.map

package/dist/NavSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavSection.js","sourceRoot":"","sources":["../src/NavSection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAE7C,IAAI,kBAAkB,GAAG,CAAC,CAAC;AA8E3B,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAC7B,GAAG,GAAG,iBAAiB,EAAE,kBAAkB,EAAE,CAAC;IAC/C,SAAS,CAAW;IAEjB,KAAK,CAAU;IACf,KAAK,CAAU;IACf,WAAW,CAAW;IACtB,IAAI,CAAW;IACf,EAAE,CAA0B;IACrB,UAAU,CAAU;IAEtC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC;IACzD,CAAC;IAED,qDAAqD;IACrD,IAAI,cAAc;QAChB,OAAO,GAAG,IAAI,CAAC,KAAK,WAAW,CAAC;IAClC,CAAC;IAED,yEAAyE;IACzE,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACrE,CAAC;IAED;2EACuE;IACvE,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;IAC7C,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACrC,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,UAAU,CACf,eAAe,EACf,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,uBAAuB,EACzE,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED;2EACuE;IACvE,IAAI,gBAAgB;QAClB,OAAO,UAAU,CACf,gBAAgB,EAChB,IAAI,CAAC,WAAW,IAAI,sBAAsB,EAC1C,IAAI,CAAC,WAAW,CACjB,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;wGAzDU,UAAU;4FAAV,UAAU,+MApDX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDT,4DAnDS,KAAK;;4FAqDJ,UAAU;kBAxDtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,KAAK,CAAC;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDT;iBACF;;sBAOE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/NavShell.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from "@angular/core";
+export type NavShellVariant = "rail" | "drawer";
+export type NavShellSide = "left" | "right" | "bottom";
+export type NavShellProps = {
+    variant?: NavShellVariant;
+    title?: string;
+    subtitle?: string;
+    label?: string;
+    open?: boolean;
+    side?: NavShellSide;
+    class?: string;
+};
+export declare class NavShell {
+    static readonly stComponentName = "NavShell";
+    readonly componentName = "NavShell";
+    variant: NavShellVariant;
+    title?: string;
+    subtitle?: string;
+    label?: string;
+    open?: boolean;
+    side: NavShellSide;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavShell, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavShell, "st-nav-shell", never, { "variant": { "alias": "variant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "side": { "alias": "side"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=NavShell.d.ts.map

package/dist/NavShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavShell.d.ts","sourceRoot":"","sources":["../src/NavShell.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBASa,QAAQ;IACnB,MAAM,CAAC,QAAQ,CAAC,eAAe,cAAc;IAC7C,QAAQ,CAAC,aAAa,cAAc;IACzB,OAAO,EAAE,eAAe,CAAU;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,YAAY,CAAU;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAbU,QAAQ;2CAAR,QAAQ;CAcpB"}

package/dist/NavShell.js

@@ -0,0 +1,50 @@
+import { Component, Input as NgInput } from "@angular/core";
+import * as i0 from "@angular/core";
+export class NavShell {
+    static stComponentName = "NavShell";
+    componentName = "NavShell";
+    variant = "rail";
+    title;
+    subtitle;
+    label;
+    open;
+    side = "left";
+    classInput;
+    get hostClass() {
+        return ["st-navShell", `st-navShell--${this.variant}`, this.classInput].filter(Boolean).join(" ");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: NavShell, isStandalone: true, selector: "st-nav-shell", inputs: { variant: "variant", title: "title", subtitle: "subtitle", label: "label", open: "open", side: "side", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <aside [attr.data-st-component]="componentName" [attr.aria-label]="label || title" [class]="hostClass">
+      <ng-content></ng-content>
+    </aside>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavShell, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-nav-shell",
+                    standalone: true,
+                    template: `
+    <aside [attr.data-st-component]="componentName" [attr.aria-label]="label || title" [class]="hostClass">
+      <ng-content></ng-content>
+    </aside>
+  `,
+                }]
+        }], propDecorators: { variant: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], subtitle: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], open: [{
+                type: NgInput
+            }], side: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=NavShell.js.map

package/dist/NavShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavShell.js","sourceRoot":"","sources":["../src/NavShell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;;AAwB5D,MAAM,OAAO,QAAQ;IACnB,MAAM,CAAU,eAAe,GAAG,UAAU,CAAC;IACpC,aAAa,GAAG,UAAU,CAAC;IACzB,OAAO,GAAoB,MAAM,CAAC;IAClC,KAAK,CAAU;IACf,QAAQ,CAAU;IAClB,KAAK,CAAU;IACf,IAAI,CAAW;IACf,IAAI,GAAiB,MAAM,CAAC;IACrB,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,CAAC,aAAa,EAAE,gBAAgB,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpG,CAAC;wGAbU,QAAQ;4FAAR,QAAQ,+NANT;;;;GAIT;;4FAEU,QAAQ;kBATpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;GAIT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/Notification.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type NotificationTone = "info" | "success" | "warning" | "error";
+export type NotificationProps = {
+    tone?: NotificationTone;
+    title: string;
+    message?: string;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    locale?: string;
+    class?: string;
+};
+export declare class Notification {
+    static readonly stComponentName = "Notification";
+    readonly componentName = "Notification";
+    tone?: NotificationTone;
+    title: string;
+    message?: string;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    locale?: string;
+    classInput?: string;
+    get resolvedDismissLabel(): string;
+    readonly dismiss: EventEmitter<void>;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Notification, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Notification, "st-notification", never, { "tone": { "alias": "tone"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*", "[slot='actions']"], true, never>;
+}
+//# sourceMappingURL=Notification.d.ts.map

package/dist/Notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../src/Notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAiCa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAE7B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAG,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,oBAAoB,IAAI,MAAM,CAGjC;IAES,QAAQ,CAAC,OAAO,qBAA4B;IAEtD,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAzBU,YAAY;2CAAZ,YAAY;CA0BxB"}

package/dist/Notification.js

@@ -0,0 +1,106 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Notification {
+    static stComponentName = "Notification";
+    componentName = "Notification";
+    tone;
+    title;
+    message;
+    dismissible;
+    dismissLabel;
+    locale;
+    classInput;
+    get resolvedDismissLabel() {
+        const isFr = (this.locale ?? "fr-FR").toLowerCase().startsWith("fr");
+        return this.dismissLabel ?? (isFr ? "Fermer" : "Dismiss");
+    }
+    dismiss = new EventEmitter();
+    get hostClass() {
+        return classNames("st-notification", this.tone && `st-notification--${this.tone}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Notification, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Notification, isStandalone: true, selector: "st-notification", inputs: { tone: "tone", title: "title", message: "message", dismissible: "dismissible", dismissLabel: "dismissLabel", locale: "locale", classInput: ["class", "classInput"] }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: `
+    <section
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.role]="tone === 'error' ? 'alert' : 'status'"
+    >
+      <div class="st-notification__content">
+        <h2 class="st-notification__title">{{ title }}</h2>
+        @if (message) {
+          <p class="st-notification__message">{{ message }}</p>
+        }
+        <ng-content></ng-content>
+      </div>
+      <div class="st-notification__meta">
+        <div class="st-notification__actions">
+          <ng-content select="[slot='actions']"></ng-content>
+        </div>
+        @if (dismissible) {
+          <button
+            type="button"
+            class="st-notification__close"
+            [attr.aria-label]="resolvedDismissLabel"
+            [attr.title]="resolvedDismissLabel"
+            (click)="dismiss.emit()"
+          >&#xD7;</button>
+        }
+      </div>
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Notification, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-notification",
+                    standalone: true,
+                    template: `
+    <section
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.role]="tone === 'error' ? 'alert' : 'status'"
+    >
+      <div class="st-notification__content">
+        <h2 class="st-notification__title">{{ title }}</h2>
+        @if (message) {
+          <p class="st-notification__message">{{ message }}</p>
+        }
+        <ng-content></ng-content>
+      </div>
+      <div class="st-notification__meta">
+        <div class="st-notification__actions">
+          <ng-content select="[slot='actions']"></ng-content>
+        </div>
+        @if (dismissible) {
+          <button
+            type="button"
+            class="st-notification__close"
+            [attr.aria-label]="resolvedDismissLabel"
+            [attr.title]="resolvedDismissLabel"
+            (click)="dismiss.emit()"
+          >&#xD7;</button>
+        }
+      </div>
+    </section>
+  `,
+                }]
+        }], propDecorators: { tone: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], message: [{
+                type: NgInput
+            }], dismissible: [{
+                type: NgInput
+            }], dismissLabel: [{
+                type: NgInput
+            }], locale: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], dismiss: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Notification.js.map

package/dist/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../src/Notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA+C7C,MAAM,OAAO,YAAY;IACvB,MAAM,CAAU,eAAe,GAAG,cAAc,CAAC;IACxC,aAAa,GAAG,cAAc,CAAC;IAE7B,IAAI,CAAoB;IACxB,KAAK,CAAU;IACf,OAAO,CAAU;IACjB,WAAW,CAAW;IACtB,YAAY,CAAU;IACtB,MAAM,CAAU;IACT,UAAU,CAAU;IAEtC,IAAI,oBAAoB;QACtB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrE,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5D,CAAC;IAEkB,OAAO,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEtD,IAAI,SAAS;QACX,OAAO,UAAU,CACf,iBAAiB,EACjB,IAAI,CAAC,IAAI,IAAI,oBAAoB,IAAI,CAAC,IAAI,EAAE,EAC5C,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAzBU,YAAY;4FAAZ,YAAY,2RA9Bb;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT;;4FAEU,YAAY;kBAjCxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAOf,MAAM"}

package/dist/NumberInput.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type NumberInputSize = "sm" | "md" | "lg";
+export type NumberInputProps = {
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    size?: NumberInputSize;
+    modelValue?: number | string;
+    /** Svelte/React-canonical alias for `modelValue`. */
+    value?: number | string | null;
+    disabled?: boolean;
+    readonly?: boolean;
+    min?: number | string;
+    max?: number | string;
+    step?: number | string;
+    incrementLabel?: string;
+    decrementLabel?: string;
+    class?: string;
+};
+export declare class NumberInput {
+    static readonly stComponentName = "NumberInput";
+    readonly componentName = "NumberInput";
+    private readonly autoId;
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    size?: NumberInputSize;
+    modelValue?: number | string;
+    value?: number | string | null;
+    disabled?: boolean;
+    readonly?: boolean;
+    min?: number | string;
+    max?: number | string;
+    step?: number | string;
+    incrementLabel?: string;
+    decrementLabel?: string;
+    classInput?: string;
+    readonly modelValueChange: EventEmitter<number | null>;
+    readonly updateModelValue: EventEmitter<number | null>;
+    readonly input: EventEmitter<Event>;
+    readonly change: EventEmitter<Event>;
+    private _internal;
+    get inputId(): string;
+    get isInvalid(): boolean;
+    get controlWrapClass(): string;
+    get hostClass(): string;
+    get numMin(): number | undefined;
+    get numMax(): number | undefined;
+    get numStep(): number;
+    get numValue(): number | null;
+    get currentValue(): number | string;
+    get isAtMin(): boolean;
+    get isAtMax(): boolean;
+    private clamp;
+    private setValue;
+    increment(): void;
+    decrement(): void;
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInput, "st-number-input", never, { "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "modelValueChange": "modelValueChange"; "updateModelValue": "update:modelValue"; "input": "input"; "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,qBAmDa,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAY;IAExB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,gBAAgB,8BAAqC;IAC3C,QAAQ,CAAC,gBAAgB,8BAAqC;IACjF,QAAQ,CAAC,KAAK,sBAA6B;IAC3C,QAAQ,CAAC,MAAM,sBAA6B;IAGtD,OAAO,CAAC,SAAS,CAAuB;IAExC,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAG/B;IAED,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAG/B;IAED,IAAI,OAAO,IAAI,MAAM,CAGpB;IAED,IAAI,QAAQ,IAAI,MAAM,GAAG,IAAI,CAW5B;IAED,IAAI,YAAY,IAAI,MAAM,GAAG,MAAM,CAElC;IAED,IAAI,OAAO,IAAI,OAAO,CAGrB;IAED,IAAI,OAAO,IAAI,OAAO,CAGrB;IAED,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,QAAQ;IAQhB,SAAS,IAAI,IAAI;IAIjB,SAAS,IAAI,IAAI;IAIjB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCA5GhB,WAAW;2CAAX,WAAW;CAkHvB"}