@sentropic/design-system-angular 0.36.54

package/dist/Autosave.js

@@ -0,0 +1,170 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Autosave {
+    static stComponentName = "Autosave";
+    componentName = "Autosave";
+    status;
+    lastSaved;
+    onRetry;
+    labels;
+    retryLabel;
+    locale;
+    classInput;
+    retry = new EventEmitter();
+    get resolvedStatus() {
+        return this.status ?? "idle";
+    }
+    get isFr() {
+        return (this.locale ?? "fr-FR").toLowerCase().startsWith("fr");
+    }
+    get defaultLabels() {
+        return this.isFr
+            ? {
+                idle: "Modifications enregistrées",
+                saving: "Enregistrement…",
+                saved: "Enregistré",
+                error: "Échec de l'enregistrement",
+            }
+            : {
+                idle: "All changes saved",
+                saving: "Saving…",
+                saved: "Saved",
+                error: "Failed to save",
+            };
+    }
+    get statusLabel() {
+        return this.labels?.[this.resolvedStatus] ?? this.defaultLabels[this.resolvedStatus];
+    }
+    get resolvedRetryLabel() {
+        return this.retryLabel ?? (this.isFr ? "Réessayer" : "Retry");
+    }
+    get role() {
+        return this.resolvedStatus === "error" ? "alert" : "status";
+    }
+    get relativeTime() {
+        if (!this.lastSaved)
+            return "";
+        const date = this.lastSaved instanceof Date ? this.lastSaved : new Date(this.lastSaved);
+        if (Number.isNaN(date.getTime()))
+            return "";
+        const diffMs = Date.now() - date.getTime();
+        const diffSec = Math.round(diffMs / 1000);
+        const rtf = new Intl.RelativeTimeFormat(this.locale ?? "fr-FR", { numeric: "auto" });
+        if (Math.abs(diffSec) < 60)
+            return rtf.format(-diffSec, "second");
+        const diffMin = Math.round(diffSec / 60);
+        if (Math.abs(diffMin) < 60)
+            return rtf.format(-diffMin, "minute");
+        const diffHour = Math.round(diffMin / 60);
+        if (Math.abs(diffHour) < 24)
+            return rtf.format(-diffHour, "hour");
+        const diffDay = Math.round(diffHour / 24);
+        return rtf.format(-diffDay, "day");
+    }
+    get showRelative() {
+        return ((this.resolvedStatus === "saved" || this.resolvedStatus === "idle") &&
+            this.relativeTime !== "");
+    }
+    get hostClass() {
+        return classNames("st-autosave", `st-autosave--${this.resolvedStatus}`, this.classInput);
+    }
+    triggerRetry() {
+        this.retry.emit();
+        this.onRetry?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Autosave, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Autosave, isStandalone: true, selector: "st-autosave", inputs: { status: "status", lastSaved: "lastSaved", onRetry: "onRetry", labels: "labels", retryLabel: "retryLabel", locale: "locale", classInput: ["class", "classInput"] }, outputs: { retry: "retry" }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.role]="role"
+      aria-live="polite"
+    >
+      <span class="st-autosave__icon" aria-hidden="true">
+        @if (resolvedStatus === 'saving') {
+          <span class="st-autosave__spinner">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <path d="M21 12a9 9 0 1 1-6.219-8.56"/>
+            </svg>
+          </span>
+        } @else if (resolvedStatus === 'saved') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <circle cx="12" cy="12" r="10"/>
+            <path d="m9 12 2 2 4-4"/>
+          </svg>
+        } @else if (resolvedStatus === 'error') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <circle cx="12" cy="12" r="10"/>
+            <line x1="12" x2="12" y1="8" y2="12"/>
+            <line x1="12" x2="12.01" y1="16" y2="16"/>
+          </svg>
+        }
+      </span>
+      <span class="st-autosave__label">{{ statusLabel }}</span>
+      @if (showRelative) {
+        <span class="st-autosave__time">{{ relativeTime }}</span>
+      }
+      @if (resolvedStatus === 'error' && onRetry) {
+        <button type="button" class="st-autosave__retry" (click)="triggerRetry()">{{ resolvedRetryLabel }}</button>
+      }
+    </div>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Autosave, decorators: [{
+            type: Component,
+            args: [{ selector: "st-autosave", standalone: true, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.role]="role"
+      aria-live="polite"
+    >
+      <span class="st-autosave__icon" aria-hidden="true">
+        @if (resolvedStatus === 'saving') {
+          <span class="st-autosave__spinner">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <path d="M21 12a9 9 0 1 1-6.219-8.56"/>
+            </svg>
+          </span>
+        } @else if (resolvedStatus === 'saved') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <circle cx="12" cy="12" r="10"/>
+            <path d="m9 12 2 2 4-4"/>
+          </svg>
+        } @else if (resolvedStatus === 'error') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <circle cx="12" cy="12" r="10"/>
+            <line x1="12" x2="12" y1="8" y2="12"/>
+            <line x1="12" x2="12.01" y1="16" y2="16"/>
+          </svg>
+        }
+      </span>
+      <span class="st-autosave__label">{{ statusLabel }}</span>
+      @if (showRelative) {
+        <span class="st-autosave__time">{{ relativeTime }}</span>
+      }
+      @if (resolvedStatus === 'error' && onRetry) {
+        <button type="button" class="st-autosave__retry" (click)="triggerRetry()">{{ resolvedRetryLabel }}</button>
+      }
+    </div>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { status: [{
+                type: NgInput
+            }], lastSaved: [{
+                type: NgInput
+            }], onRetry: [{
+                type: NgInput
+            }], labels: [{
+                type: NgInput
+            }], retryLabel: [{
+                type: NgInput
+            }], locale: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], retry: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Autosave.js.map

package/dist/Autosave.js.map

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

package/dist/Avatar.d.ts

@@ -0,0 +1,33 @@
+import * as i0 from "@angular/core";
+export type AvatarSize = "sm" | "md" | "lg" | "xl";
+export type AvatarShape = "circle" | "square";
+export type AvatarTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type AvatarProps = {
+    /** Nom complet, utilisé pour dériver les initiales et l'étiquette a11y. */
+    name: string;
+    /** URL de la photo. Si absente, on rend un cercle d'initiales. */
+    src?: string;
+    /** Texte alternatif de l'image. Par défaut = `name`. */
+    alt?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    /** Catégorie de couleur pour le fond des initiales. */
+    tone?: AvatarTone;
+    class?: string;
+};
+export declare class Avatar {
+    static readonly stComponentName = "Avatar";
+    readonly componentName = "Avatar";
+    name: string;
+    src?: string;
+    alt?: string;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    tone?: AvatarTone;
+    classInput?: string;
+    get hostClass(): string;
+    get initials(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Avatar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Avatar, "st-avatar", never, { "name": { "alias": "name"; "required": false; }; "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.ts"],"names":[],"mappings":";AAMA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG;IACxB,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAaa,MAAM;IACjB,MAAM,CAAC,QAAQ,CAAC,eAAe,YAAY;IAC3C,QAAQ,CAAC,aAAa,YAAY;IACvB,IAAI,EAAG,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAQtB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;yCAvBU,MAAM;2CAAN,MAAM;CAwBlB"}

package/dist/Avatar.js

@@ -0,0 +1,63 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { deriveInitials } from "./Header.js";
+import * as i0 from "@angular/core";
+export class Avatar {
+    static stComponentName = "Avatar";
+    componentName = "Avatar";
+    name;
+    src;
+    alt;
+    size;
+    shape;
+    tone;
+    classInput;
+    get hostClass() {
+        return classNames("st-avatar", `st-avatar--${this.size ?? "md"}`, `st-avatar--${this.shape ?? "circle"}`, this.src ? "st-avatar--image" : `st-avatar--${this.tone ?? "category1"}`, this.classInput);
+    }
+    get initials() {
+        return deriveInitials(this.name);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Avatar, isStandalone: true, selector: "st-avatar", inputs: { name: "name", src: "src", alt: "alt", size: "size", shape: "shape", tone: "tone", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <span [attr.data-st-component]="componentName" [class]="hostClass" [attr.aria-label]="alt ?? name" role="img">
+      @if (src) {
+        <img class="st-avatar__image" [src]="src" [alt]="alt || name" aria-hidden="false" />
+      } @else {
+        <span class="st-avatar__initials" aria-hidden="true">{{ initials }}</span>
+      }
+    </span>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Avatar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-avatar",
+                    standalone: true,
+                    template: `
+    <span [attr.data-st-component]="componentName" [class]="hostClass" [attr.aria-label]="alt ?? name" role="img">
+      @if (src) {
+        <img class="st-avatar__image" [src]="src" [alt]="alt || name" aria-hidden="false" />
+      } @else {
+        <span class="st-avatar__initials" aria-hidden="true">{{ initials }}</span>
+      }
+    </span>
+  `,
+                }]
+        }], propDecorators: { name: [{
+                type: NgInput
+            }], src: [{
+                type: NgInput
+            }], alt: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], shape: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;;AA2C7C,MAAM,OAAO,MAAM;IACjB,MAAM,CAAU,eAAe,GAAG,QAAQ,CAAC;IAClC,aAAa,GAAG,QAAQ,CAAC;IACvB,IAAI,CAAU;IACd,GAAG,CAAU;IACb,GAAG,CAAU;IACb,IAAI,CAAc;IAClB,KAAK,CAAe;IACpB,IAAI,CAAc;IACX,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,WAAW,EACX,cAAc,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,EACjC,cAAc,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE,EACtC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,IAAI,IAAI,WAAW,EAAE,EACxE,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;wGAvBU,MAAM;4FAAN,MAAM,wMAVP;;;;;;;;GAQT;;4FAEU,MAAM;kBAblB,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;GAQT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/AvatarGroup.d.ts

@@ -0,0 +1,24 @@
+import type { AvatarSize } from "./Avatar.js";
+import * as i0 from "@angular/core";
+export type AvatarGroupProps = {
+    /** Nombre maximum d'avatars visibles. Au-delà, un jeton « +N » est affiché. */
+    max?: number;
+    /** Taille appliquée au jeton de débordement (doit refléter les Avatar). */
+    size?: AvatarSize;
+    /** Nombre total réel d'éléments (sert à calculer le « +N » si > max). */
+    total?: number;
+    class?: string;
+};
+export declare class AvatarGroup {
+    static readonly stComponentName = "AvatarGroup";
+    readonly componentName = "AvatarGroup";
+    max?: number;
+    size?: AvatarSize;
+    total?: number;
+    classInput?: string;
+    get hostClass(): string;
+    get overflow(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroup, "st-avatar-group", never, { "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; "total": { "alias": "total"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/AvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../src/AvatarGroup.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;;AAE9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,+EAA+E;IAC/E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAYa,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;yCAdU,WAAW;2CAAX,WAAW;CAevB"}

package/dist/AvatarGroup.js

@@ -0,0 +1,51 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class AvatarGroup {
+    static stComponentName = "AvatarGroup";
+    componentName = "AvatarGroup";
+    max;
+    size;
+    total;
+    classInput;
+    get hostClass() {
+        return classNames("st-avatarGroup", `st-avatarGroup--${this.size ?? "md"}`, this.classInput);
+    }
+    get overflow() {
+        return this.total && this.max && this.total > this.max ? this.total - this.max : 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: AvatarGroup, isStandalone: true, selector: "st-avatar-group", inputs: { max: "max", size: "size", total: "total", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+      @if (overflow > 0) {
+        <span class="st-avatarGroup__overflow" [attr.aria-label]="'+' + overflow">+{{ overflow }}</span>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AvatarGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-avatar-group",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+      @if (overflow > 0) {
+        <span class="st-avatarGroup__overflow" [attr.aria-label]="'+' + overflow">+{{ overflow }}</span>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { max: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], total: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../src/AvatarGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA0B7C,MAAM,OAAO,WAAW;IACtB,MAAM,CAAU,eAAe,GAAG,aAAa,CAAC;IACvC,aAAa,GAAG,aAAa,CAAC;IAC5B,GAAG,CAAU;IACb,IAAI,CAAc;IAClB,KAAK,CAAU;IACR,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,gBAAgB,EAAE,mBAAmB,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/F,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC;wGAdU,WAAW;4FAAX,WAAW,sKATZ;;;;;;;GAOT;;4FAEU,WAAW;kBAZvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;GAOT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/BackToTop.d.ts

@@ -0,0 +1,34 @@
+import type { OnDestroy, OnInit } from "@angular/core";
+import * as i0 from "@angular/core";
+export type BackToTopProps = {
+    label?: string;
+    disabled?: boolean;
+    targetId?: string;
+    threshold?: number;
+    autoHide?: boolean;
+    smooth?: boolean;
+    class?: string;
+};
+export declare class BackToTop implements OnInit, OnDestroy {
+    static readonly stComponentName = "BackToTop";
+    readonly componentName = "BackToTop";
+    label?: string;
+    disabled?: boolean;
+    targetId?: string;
+    threshold?: number;
+    autoHide?: boolean;
+    smooth?: boolean;
+    classInput?: string;
+    visible: boolean;
+    private onScroll?;
+    get resolvedLabel(): string;
+    get resolvedAutoHide(): boolean;
+    get ariaHidden(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get hostClass(): string;
+    goTop(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BackToTop, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BackToTop, "st-back-to-top", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "targetId": { "alias": "targetId"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "smooth": { "alias": "smooth"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=BackToTop.d.ts.map

package/dist/BackToTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackToTop.d.ts","sourceRoot":"","sources":["../src/BackToTop.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAIvD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAyBa,SAAU,YAAW,MAAM,EAAE,SAAS;IACjD,MAAM,CAAC,QAAQ,CAAC,eAAe,eAAe;IAC9C,QAAQ,CAAC,aAAa,eAAe;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,OAAO,UAAS;IAChB,OAAO,CAAC,QAAQ,CAAC,CAAa;IAE9B,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,QAAQ,IAAI,IAAI;IAchB,WAAW,IAAI,IAAI;IAMnB,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,KAAK,IAAI,IAAI;yCAlDF,SAAS;2CAAT,SAAS;CA6DrB"}

package/dist/BackToTop.js

@@ -0,0 +1,126 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class BackToTop {
+    static stComponentName = "BackToTop";
+    componentName = "BackToTop";
+    label;
+    disabled;
+    targetId;
+    threshold;
+    autoHide;
+    smooth;
+    classInput;
+    visible = false;
+    onScroll;
+    get resolvedLabel() {
+        return this.label ?? "Retour en haut";
+    }
+    get resolvedAutoHide() {
+        return this.autoHide !== false;
+    }
+    get ariaHidden() {
+        return this.resolvedAutoHide && !this.visible;
+    }
+    ngOnInit() {
+        if (!this.resolvedAutoHide) {
+            this.visible = true;
+            return;
+        }
+        if (typeof window === "undefined")
+            return;
+        const threshold = this.threshold ?? 240;
+        this.onScroll = () => {
+            this.visible = window.scrollY > threshold;
+        };
+        this.onScroll();
+        window.addEventListener("scroll", this.onScroll, { passive: true });
+    }
+    ngOnDestroy() {
+        if (this.onScroll && typeof window !== "undefined") {
+            window.removeEventListener("scroll", this.onScroll);
+        }
+    }
+    get hostClass() {
+        return classNames("st-backToTop", this.classInput);
+    }
+    goTop() {
+        if (typeof window === "undefined")
+            return;
+        const behavior = this.smooth !== false ? "smooth" : "auto";
+        const anchor = (this.targetId ?? "top").replace(/^#/, "");
+        const el = anchor ? document.getElementById(anchor) : null;
+        if (el) {
+            el.scrollIntoView({ behavior, block: "start" });
+        }
+        else {
+            window.scrollTo({ top: 0, behavior });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BackToTop, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BackToTop, isStandalone: true, selector: "st-back-to-top", inputs: { label: "label", disabled: "disabled", targetId: "targetId", threshold: "threshold", autoHide: "autoHide", smooth: "smooth", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <button
+      type="button"
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [disabled]="disabled ?? false"
+      [attr.aria-label]="resolvedLabel"
+      [attr.aria-hidden]="ariaHidden"
+      [attr.aria-live]="ariaHidden ? 'polite' : null"
+      [attr.tabindex]="ariaHidden ? -1 : null"
+      (click)="goTop()"
+    >
+      <span class="st-backToTop__icon" aria-hidden="true">
+        <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M12 19V5"/>
+          <path d="M5 12l7-7 7 7"/>
+        </svg>
+      </span>
+      <span class="st-backToTop__label">{{ resolvedLabel }}</span>
+    </button>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BackToTop, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-back-to-top",
+                    standalone: true,
+                    template: `
+    <button
+      type="button"
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [disabled]="disabled ?? false"
+      [attr.aria-label]="resolvedLabel"
+      [attr.aria-hidden]="ariaHidden"
+      [attr.aria-live]="ariaHidden ? 'polite' : null"
+      [attr.tabindex]="ariaHidden ? -1 : null"
+      (click)="goTop()"
+    >
+      <span class="st-backToTop__icon" aria-hidden="true">
+        <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M12 19V5"/>
+          <path d="M5 12l7-7 7 7"/>
+        </svg>
+      </span>
+      <span class="st-backToTop__label">{{ resolvedLabel }}</span>
+    </button>
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], targetId: [{
+                type: NgInput
+            }], threshold: [{
+                type: NgInput
+            }], autoHide: [{
+                type: NgInput
+            }], smooth: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=BackToTop.js.map

package/dist/BackToTop.js.map

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

package/dist/Badge.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export type BadgeTone = "neutral" | "success" | "warning" | "error" | "info";
+export type BadgeShape = "pill" | "circle";
+export type BadgeSize = "sm" | "md";
+export type BadgeProps = {
+    tone?: BadgeTone;
+    shape?: BadgeShape;
+    size?: BadgeSize;
+    /** Texte affiché dans le badge. Si absent, utilise ng-content. */
+    label?: unknown;
+    class?: string;
+};
+export declare class Badge {
+    static readonly stComponentName = "Badge";
+    readonly componentName = "Badge";
+    tone?: BadgeTone;
+    shape?: BadgeShape;
+    size?: BadgeSize;
+    label?: unknown;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Badge, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "st-badge", never, { "tone": { "alias": "tone"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Badge.d.ts.map

package/dist/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7E,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE3C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAca,KAAK;IAChB,MAAM,CAAC,QAAQ,CAAC,eAAe,WAAW;IAC1C,QAAQ,CAAC,aAAa,WAAW;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAQtB;yCAjBU,KAAK;2CAAL,KAAK;CAkBjB"}

package/dist/Badge.js

@@ -0,0 +1,49 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Badge {
+    static stComponentName = "Badge";
+    componentName = "Badge";
+    tone;
+    shape;
+    size;
+    label;
+    classInput;
+    get hostClass() {
+        return classNames("st-badge", `st-badge--${this.tone ?? "neutral"}`, `st-badge--${this.shape ?? "pill"}`, `st-badge--${this.size ?? "md"}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Badge, isStandalone: true, selector: "st-badge", inputs: { tone: "tone", shape: "shape", size: "size", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <span [attr.data-st-component]="componentName" [class]="hostClass">
+      @if (label !== undefined) {
+        {{ label }}
+      } @else {
+        <ng-content></ng-content>
+      }
+    </span>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Badge, decorators: [{
+            type: Component,
+            args: [{ selector: "st-badge", standalone: true, template: `
+    <span [attr.data-st-component]="componentName" [class]="hostClass">
+      @if (label !== undefined) {
+        {{ label }}
+      } @else {
+        <ng-content></ng-content>
+      }
+    </span>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { tone: [{
+                type: NgInput
+            }], shape: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Badge.js.map

package/dist/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA+B7C,MAAM,OAAO,KAAK;IAChB,MAAM,CAAU,eAAe,GAAG,OAAO,CAAC;IACjC,aAAa,GAAG,OAAO,CAAC;IACtB,IAAI,CAAa;IACjB,KAAK,CAAc;IACnB,IAAI,CAAa;IACjB,KAAK,CAAW;IACT,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,UAAU,EACV,aAAa,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE,EACrC,aAAa,IAAI,CAAC,KAAK,IAAI,MAAM,EAAE,EACnC,aAAa,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,EAChC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAjBU,KAAK;4FAAL,KAAK,iLAVN;;;;;;;;GAQT;;4FAEU,KAAK;kBAdjB,SAAS;+BACE,UAAU,cACR,IAAI,YAEN;;;;;;;;GAQT;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}