@sentropic/design-system-angular 0.36.54

package/dist/SelectionChip.js

@@ -0,0 +1,124 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class SelectionChip {
+    static stComponentName = "SelectionChip";
+    componentName = "SelectionChip";
+    label;
+    count;
+    tone;
+    onClear;
+    disabled;
+    classInput;
+    clear = new EventEmitter();
+    get showCount() {
+        return this.count !== undefined && Number.isFinite(this.count);
+    }
+    get hasClear() {
+        return typeof this.onClear === "function";
+    }
+    get hostClass() {
+        return classNames("st-selectionChip", `st-selectionChip--${this.tone ?? "neutral"}`, this.disabled ? "st-selectionChip--disabled" : undefined, this.classInput);
+    }
+    handleClear(event) {
+        event.stopPropagation();
+        if (this.disabled)
+            return;
+        this.onClear?.();
+        this.clear.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SelectionChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SelectionChip, isStandalone: true, selector: "st-selection-chip", inputs: { label: "label", count: "count", tone: "tone", onClear: "onClear", disabled: "disabled", classInput: ["class", "classInput"] }, outputs: { clear: "clear" }, ngImport: i0, template: `
+    <span
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-disabled]="disabled ? 'true' : null"
+    >
+      <span class="st-selectionChip__label">{{ label }}</span>
+      @if (showCount) {
+        <span class="st-selectionChip__count" [attr.aria-label]="'(' + count + ')'">
+          ({{ count }})
+        </span>
+      }
+      @if (hasClear) {
+        <button
+          type="button"
+          class="st-selectionChip__clear"
+          [attr.aria-label]="'Effacer ' + label"
+          [disabled]="disabled"
+          (click)="handleClear($event)"
+        >
+          <svg
+            width="11"
+            height="11"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            <path d="M18 6 6 18M6 6l12 12"></path>
+          </svg>
+        </button>
+      }
+    </span>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SelectionChip, decorators: [{
+            type: Component,
+            args: [{ selector: "st-selection-chip", standalone: true, template: `
+    <span
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-disabled]="disabled ? 'true' : null"
+    >
+      <span class="st-selectionChip__label">{{ label }}</span>
+      @if (showCount) {
+        <span class="st-selectionChip__count" [attr.aria-label]="'(' + count + ')'">
+          ({{ count }})
+        </span>
+      }
+      @if (hasClear) {
+        <button
+          type="button"
+          class="st-selectionChip__clear"
+          [attr.aria-label]="'Effacer ' + label"
+          [disabled]="disabled"
+          (click)="handleClear($event)"
+        >
+          <svg
+            width="11"
+            height="11"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2.5"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            <path d="M18 6 6 18M6 6l12 12"></path>
+          </svg>
+        </button>
+      }
+    </span>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], count: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], onClear: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], clear: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=SelectionChip.js.map

package/dist/SelectionChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionChip.js","sourceRoot":"","sources":["../src/SelectionChip.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;;AA8D7C,MAAM,OAAO,aAAa;IACxB,MAAM,CAAU,eAAe,GAAG,eAAe,CAAC;IACzC,aAAa,GAAG,eAAe,CAAC;IAE9B,KAAK,CAAU;IACf,KAAK,CAAU;IACf,IAAI,CAAqB;IACzB,OAAO,CAAc;IACrB,QAAQ,CAAW;IACZ,UAAU,CAAU;IAEnB,KAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEpD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC;IAC5C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,kBAAkB,EAClB,qBAAqB,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE,EAC7C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS,EACxD,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,KAAiB;QAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;wGAnCU,aAAa;4FAAb,aAAa,mPAtCd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCT;;4FAEU,aAAa;kBA9CzB,SAAS;+BACE,mBAAmB,cACjB,IAAI,YAMN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCT;;sBAMA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}

package/dist/SideNav.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+export type SideNavItem = {
+    label: unknown;
+    href: string;
+    active?: boolean;
+    children?: SideNavItem[];
+};
+export type SideNavProps = {
+    items: SideNavItem[];
+    label?: string;
+    class?: string;
+};
+export declare class SideNav {
+    static readonly stComponentName = "SideNav";
+    readonly componentName = "SideNav";
+    items: SideNavItem[];
+    label?: string;
+    classInput?: string;
+    linkClass(item: SideNavItem): string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNav, "st-side-nav", never, { "items": { "alias": "items"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=SideNav.d.ts.map

package/dist/SideNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../src/SideNav.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAmBa,OAAO;IAClB,MAAM,CAAC,QAAQ,CAAC,eAAe,aAAa;IAC5C,QAAQ,CAAC,aAAa,aAAa;IAExB,KAAK,EAAG,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM;IAOpC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAjBU,OAAO;2CAAP,OAAO;CAkBnB"}

package/dist/SideNav.js

@@ -0,0 +1,62 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class SideNav {
+    static stComponentName = "SideNav";
+    componentName = "SideNav";
+    items;
+    label;
+    classInput;
+    linkClass(item) {
+        return classNames("st-sidenav__link st-sideNav__link", item.active && "st-sidenav__link--active st-sideNav__link--active");
+    }
+    get hostClass() {
+        return classNames("st-sidenav st-sideNav", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SideNav, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SideNav, isStandalone: true, selector: "st-side-nav", inputs: { items: "items", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <nav
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-label]="label ?? 'Navigation'"
+    >
+      @for (item of items; track item.href) {
+        <a
+          [href]="item.href"
+          [class]="linkClass(item)"
+          [attr.aria-current]="item.active ? 'page' : null"
+        >{{ item.label }}</a>
+      }
+    </nav>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SideNav, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-side-nav",
+                    standalone: true,
+                    template: `
+    <nav
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-label]="label ?? 'Navigation'"
+    >
+      @for (item of items; track item.href) {
+        <a
+          [href]="item.href"
+          [class]="linkClass(item)"
+          [attr.aria-current]="item.active ? 'page' : null"
+        >{{ item.label }}</a>
+      }
+    </nav>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=SideNav.js.map

package/dist/SideNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../src/SideNav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAkC7C,MAAM,OAAO,OAAO;IAClB,MAAM,CAAU,eAAe,GAAG,SAAS,CAAC;IACnC,aAAa,GAAG,SAAS,CAAC;IAExB,KAAK,CAAiB;IACtB,KAAK,CAAU;IACR,UAAU,CAAU;IAEtC,SAAS,CAAC,IAAiB;QACzB,OAAO,UAAU,CACf,mCAAmC,EACnC,IAAI,CAAC,MAAM,IAAI,mDAAmD,CACnE,CAAC;IACJ,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9D,CAAC;wGAjBU,OAAO;4FAAP,OAAO,wJAhBR;;;;;;;;;;;;;;GAcT;;4FAEU,OAAO;kBAnBnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;GAcT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/SkeletonText.d.ts

@@ -0,0 +1,31 @@
+import * as i0 from "@angular/core";
+export type SkeletonTextProps = {
+    lines?: number;
+    width?: string;
+    heading?: boolean;
+    paragraph?: boolean;
+    locale?: string;
+    loadingLabel?: string;
+    class?: string;
+};
+export declare class SkeletonText {
+    static readonly stComponentName = "SkeletonText";
+    readonly componentName = "SkeletonText";
+    lines?: number;
+    width?: string;
+    heading?: boolean;
+    paragraph?: boolean;
+    locale?: string;
+    loadingLabel?: string;
+    classInput?: string;
+    get isFr(): boolean;
+    get resolvedLoadingLabel(): string;
+    get lineCount(): number;
+    get linesArray(): number[];
+    get lineClass(): string;
+    lineWidth(index: number, total: number): string | undefined;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonText, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonText, "st-skeleton-text", never, { "lines": { "alias": "lines"; "required": false; }; "width": { "alias": "width"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "paragraph": { "alias": "paragraph"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=SkeletonText.d.ts.map

package/dist/SkeletonText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../src/SkeletonText.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAiBa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,oBAAoB,IAAI,MAAM,CAGjC;IAED,IAAI,SAAS,IAAI,MAAM,CAGtB;IAED,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAM3D,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAzCU,YAAY;2CAAZ,YAAY;CA0CxB"}

package/dist/SkeletonText.js

@@ -0,0 +1,92 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class SkeletonText {
+    static stComponentName = "SkeletonText";
+    componentName = "SkeletonText";
+    lines;
+    width;
+    heading;
+    paragraph;
+    locale;
+    loadingLabel;
+    classInput;
+    get isFr() {
+        return (this.locale ?? "fr-FR").toLowerCase().startsWith("fr");
+    }
+    get resolvedLoadingLabel() {
+        if (this.loadingLabel != null)
+            return this.loadingLabel;
+        return this.isFr ? "Chargement…" : "Loading…";
+    }
+    get lineCount() {
+        const lines = this.lines ?? 1;
+        return this.paragraph ? Math.max(lines, 3) : lines;
+    }
+    get linesArray() {
+        return Array.from({ length: Math.max(0, this.lineCount) }, (_, i) => i);
+    }
+    get lineClass() {
+        return classNames("st-skeleton__line", this.heading && "st-skeleton__line--heading");
+    }
+    lineWidth(index, total) {
+        if (this.width && index === 0)
+            return this.width;
+        if (this.paragraph && index === total - 1)
+            return "60%";
+        return undefined;
+    }
+    get hostClass() {
+        return classNames("st-skeleton", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SkeletonText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SkeletonText, isStandalone: true, selector: "st-skeleton-text", inputs: { lines: "lines", width: "width", heading: "heading", paragraph: "paragraph", locale: "locale", loadingLabel: "loadingLabel", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="status"
+      [attr.aria-label]="resolvedLoadingLabel"
+      aria-busy="true"
+    >
+      @for (i of linesArray; track $index) {
+        <span [class]="lineClass" [style.width]="lineWidth($index, linesArray.length)"></span>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SkeletonText, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-skeleton-text",
+                    standalone: true,
+                    template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="status"
+      [attr.aria-label]="resolvedLoadingLabel"
+      aria-busy="true"
+    >
+      @for (i of linesArray; track $index) {
+        <span [class]="lineClass" [style.width]="lineWidth($index, linesArray.length)"></span>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { lines: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], heading: [{
+                type: NgInput
+            }], paragraph: [{
+                type: NgInput
+            }], locale: [{
+                type: NgInput
+            }], loadingLabel: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=SkeletonText.js.map

package/dist/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.js","sourceRoot":"","sources":["../src/SkeletonText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA6B7C,MAAM,OAAO,YAAY;IACvB,MAAM,CAAU,eAAe,GAAG,cAAc,CAAC;IACxC,aAAa,GAAG,cAAc,CAAC;IAC7B,KAAK,CAAU;IACf,KAAK,CAAU;IACf,OAAO,CAAW;IAClB,SAAS,CAAW;IACpB,MAAM,CAAU;IAChB,YAAY,CAAU;IACf,UAAU,CAAU;IAEtC,IAAI,IAAI;QACN,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,oBAAoB;QACtB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC,YAAY,CAAC;QACxD,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC;IAChD,CAAC;IAED,IAAI,SAAS;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAC9B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACrD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,mBAAmB,EAAE,IAAI,CAAC,OAAO,IAAI,4BAA4B,CAAC,CAAC;IACvF,CAAC;IAED,SAAS,CAAC,KAAa,EAAE,KAAa;QACpC,IAAI,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QACjD,IAAI,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,KAAK,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;QACxD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC;wGAzCU,YAAY;4FAAZ,YAAY,yPAdb;;;;;;;;;;;;GAYT;;4FAEU,YAAY;kBAjBxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;GAYT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/SkipLink.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export type SkipLinkProps = {
+    href?: string;
+    class?: string;
+};
+export declare class SkipLink {
+    static readonly stComponentName = "SkipLink";
+    readonly componentName = "SkipLink";
+    href?: string;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkipLink, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkipLink, "st-skip-link", never, { "href": { "alias": "href"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=SkipLink.d.ts.map

package/dist/SkipLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../src/SkipLink.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAca,QAAQ;IACnB,MAAM,CAAC,QAAQ,CAAC,eAAe,cAAc;IAC7C,QAAQ,CAAC,aAAa,cAAc;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACP,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCARU,QAAQ;2CAAR,QAAQ;CASpB"}

package/dist/SkipLink.js

@@ -0,0 +1,32 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class SkipLink {
+    static stComponentName = "SkipLink";
+    componentName = "SkipLink";
+    href;
+    classInput;
+    get hostClass() {
+        return classNames("st-skipLink", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SkipLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SkipLink, isStandalone: true, selector: "st-skip-link", inputs: { href: "href", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <a [href]="href || '#main-content'" [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content>Aller au contenu principal</ng-content>
+    </a>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SkipLink, decorators: [{
+            type: Component,
+            args: [{ selector: "st-skip-link", standalone: true, template: `
+    <a [href]="href || '#main-content'" [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content>Aller au contenu principal</ng-content>
+    </a>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { href: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=SkipLink.js.map

package/dist/SkipLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.js","sourceRoot":"","sources":["../src/SkipLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAqB7C,MAAM,OAAO,QAAQ;IACnB,MAAM,CAAU,eAAe,GAAG,UAAU,CAAC;IACpC,aAAa,GAAG,UAAU,CAAC;IACzB,IAAI,CAAU;IACP,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC;wGARU,QAAQ;4FAAR,QAAQ,uIANT;;;;GAIT;;4FAEU,QAAQ;kBAdpB,SAAS;+BACE,cAAc,cACZ,IAAI,YAMN;;;;GAIT;;sBAKA,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/SlideIndicator.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type SlideIndicatorVariant = "dots" | "bars";
+export type SlideIndicatorSize = "sm" | "md" | "lg";
+export type SlideIndicatorProps = {
+    /** Nombre total de diapositives. */
+    count: number;
+    /** Index de la diapositive courante (0-based). */
+    current?: number;
+    /** Appelé avec l'index ciblé au clic ou au clavier. */
+    onChange?: (index: number) => void;
+    size?: SlideIndicatorSize;
+    variant?: SlideIndicatorVariant;
+    /** Préfixe d'étiquette accessible de chaque point ("Diapositive 1"...). */
+    label?: string;
+    class?: string;
+};
+export declare class SlideIndicator {
+    static readonly stComponentName = "SlideIndicator";
+    readonly componentName = "SlideIndicator";
+    count: number;
+    current?: number;
+    onChange?: (index: number) => void;
+    size?: SlideIndicatorSize;
+    variant?: SlideIndicatorVariant;
+    label?: string;
+    classInput?: string;
+    readonly change: EventEmitter<number>;
+    get resolvedCurrent(): number;
+    get resolvedLabel(): string;
+    get items(): number[];
+    get hostClass(): string;
+    select(index: number): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlideIndicator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideIndicator, "st-slide-indicator", never, { "count": { "alias": "count"; "required": false; }; "current": { "alias": "current"; "required": false; }; "onChange": { "alias": "onChange"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=SlideIndicator.d.ts.map

package/dist/SlideIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideIndicator.d.ts","sourceRoot":"","sources":["../src/SlideIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA8Ba,cAAc;IACzB,MAAM,CAAC,QAAQ,CAAC,eAAe,oBAAoB;IACnD,QAAQ,CAAC,aAAa,oBAAoB;IAC/B,KAAK,EAAG,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,MAAM,uBAA8B;IAEvD,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,KAAK,IAAI,MAAM,EAAE,CAEpB;IAED,IAAI,SAAS,IAAI,MAAM,CAOtB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAM3B,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;yCAxCzC,cAAc;2CAAd,cAAc;CAoE1B"}

package/dist/SlideIndicator.js

@@ -0,0 +1,126 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class SlideIndicator {
+    static stComponentName = "SlideIndicator";
+    componentName = "SlideIndicator";
+    count;
+    current;
+    onChange;
+    size;
+    variant;
+    label;
+    classInput;
+    change = new EventEmitter();
+    get resolvedCurrent() {
+        return this.current ?? 0;
+    }
+    get resolvedLabel() {
+        return this.label ?? "Diapositive";
+    }
+    get items() {
+        return Array.from({ length: Math.max(0, this.count) }, (_, i) => i);
+    }
+    get hostClass() {
+        return classNames("st-slideIndicator", `st-slideIndicator--${this.size ?? "md"}`, `st-slideIndicator--${this.variant ?? "dots"}`, this.classInput);
+    }
+    select(index) {
+        if (index < 0 || index >= this.count || index === this.resolvedCurrent)
+            return;
+        this.onChange?.(index);
+        this.change.emit(index);
+    }
+    onKeyDown(event, index) {
+        let target = index;
+        switch (event.key) {
+            case "ArrowRight":
+            case "ArrowDown":
+                target = Math.min(this.count - 1, index + 1);
+                break;
+            case "ArrowLeft":
+            case "ArrowUp":
+                target = Math.max(0, index - 1);
+                break;
+            case "Home":
+                target = 0;
+                break;
+            case "End":
+                target = this.count - 1;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        // Déplacer le focus DOM vers le bouton cible (roving tabindex correct).
+        const current = event.currentTarget;
+        const group = current.parentElement;
+        const targetEl = group?.children.item(target);
+        if (targetEl)
+            targetEl.focus();
+        this.select(target);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SlideIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SlideIndicator, isStandalone: true, selector: "st-slide-indicator", inputs: { count: "count", current: "current", onChange: "onChange", size: "size", variant: "variant", label: "label", classInput: ["class", "classInput"] }, outputs: { change: "change" }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="group"
+      [attr.aria-label]="resolvedLabel"
+    >
+      @for (index of items; track index) {
+        <button
+          type="button"
+          class="st-slideIndicator__dot"
+          [class.st-slideIndicator__dot--current]="index === resolvedCurrent"
+          [attr.aria-current]="index === resolvedCurrent ? 'true' : null"
+          [attr.aria-label]="resolvedLabel + ' ' + (index + 1)"
+          [attr.tabindex]="index === resolvedCurrent ? 0 : -1"
+          (click)="select(index)"
+          (keydown)="onKeyDown($event, index)"
+        ></button>
+      }
+    </div>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SlideIndicator, decorators: [{
+            type: Component,
+            args: [{ selector: "st-slide-indicator", standalone: true, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="group"
+      [attr.aria-label]="resolvedLabel"
+    >
+      @for (index of items; track index) {
+        <button
+          type="button"
+          class="st-slideIndicator__dot"
+          [class.st-slideIndicator__dot--current]="index === resolvedCurrent"
+          [attr.aria-current]="index === resolvedCurrent ? 'true' : null"
+          [attr.aria-label]="resolvedLabel + ' ' + (index + 1)"
+          [attr.tabindex]="index === resolvedCurrent ? 0 : -1"
+          (click)="select(index)"
+          (keydown)="onKeyDown($event, index)"
+        ></button>
+      }
+    </div>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { count: [{
+                type: NgInput
+            }], current: [{
+                type: NgInput
+            }], onChange: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], variant: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=SlideIndicator.js.map

package/dist/SlideIndicator.js.map

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

package/dist/Slider.d.ts

@@ -0,0 +1,57 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type SliderSize = "sm" | "md" | "lg";
+export type SliderProps = {
+    label?: string;
+    size?: SliderSize;
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    modelValue?: number;
+    helperText?: string;
+    errorText?: string;
+    invalid?: boolean;
+    showValue?: boolean;
+    disabled?: boolean;
+    valueFormatter?: (value: number) => string;
+    class?: string;
+};
+export declare class Slider {
+    static readonly stComponentName = "Slider";
+    readonly componentName = "Slider";
+    label?: string;
+    size?: SliderSize;
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    modelValue?: number;
+    helperText?: string;
+    errorText?: string;
+    invalid?: boolean;
+    showValue?: boolean;
+    disabled?: boolean;
+    valueFormatter?: (value: number) => string;
+    classInput?: string;
+    readonly modelValueChange: EventEmitter<number>;
+    readonly change: EventEmitter<number>;
+    get resolvedMin(): number;
+    get resolvedMax(): number;
+    get resolvedStep(): number;
+    get showValueResolved(): boolean;
+    get rawValue(): number;
+    get safeValue(): number;
+    get percent(): number;
+    get fillStyle(): string;
+    get formatted(): string;
+    get isInvalid(): boolean;
+    get groupClass(): string;
+    get hostClass(): string;
+    onInput(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Slider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Slider, "st-slider", never, { "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "modelValueChange": "modelValueChange"; "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Slider.d.ts.map