@sentropic/design-system-angular 0.36.54

package/dist/FieldCard.js

@@ -0,0 +1,140 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class FieldCard {
+    static stComponentName = "FieldCard";
+    componentName = "FieldCard";
+    label;
+    variant = "bordered";
+    tone;
+    commentCount;
+    onOpenComments;
+    classInput;
+    get count() {
+        return this.commentCount ?? 0;
+    }
+    get showBadge() {
+        return this.count > 0 || !!this.onOpenComments;
+    }
+    get hostClass() {
+        return classNames("st-fieldCard", `st-fieldCard--${this.variant}`, this.variant === "accent" && this.tone && `st-fieldCard--${this.tone}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: FieldCard, isStandalone: true, selector: "st-field-card", inputs: { label: "label", variant: "variant", tone: "tone", commentCount: "commentCount", onOpenComments: "onOpenComments", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <header class="st-fieldCard__header">
+        <h3 class="st-fieldCard__label">{{ label }}</h3>
+        @if (showBadge) {
+          @if (onOpenComments) {
+            <button
+              type="button"
+              class="st-fieldCard__comments"
+              [attr.aria-label]="'Commentaires (' + count + ')'"
+              (click)="onOpenComments!()"
+            >
+              <svg width="14" height="14" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+                <path
+                  d="M2.5 4.25A1.25 1.25 0 0 1 3.75 3h8.5A1.25 1.25 0 0 1 13.5 4.25v5A1.25 1.25 0 0 1 12.25 10.5H6.5L3.5 13v-2.5h-.75A.25.25 0 0 1 2.5 10.25v-6Z"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="1.25"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+              @if (count > 0) {
+                <span class="st-fieldCard__commentCount">{{ count }}</span>
+              }
+            </button>
+          } @else {
+            <span class="st-fieldCard__comments st-fieldCard__comments--static">
+              <svg width="14" height="14" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+                <path
+                  d="M2.5 4.25A1.25 1.25 0 0 1 3.75 3h8.5A1.25 1.25 0 0 1 13.5 4.25v5A1.25 1.25 0 0 1 12.25 10.5H6.5L3.5 13v-2.5h-.75A.25.25 0 0 1 2.5 10.25v-6Z"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="1.25"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+              <span class="st-fieldCard__commentCount">{{ count }}</span>
+            </span>
+          }
+        }
+      </header>
+      <div class="st-fieldCard__body">
+        <ng-content></ng-content>
+      </div>
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldCard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-field-card",
+                    standalone: true,
+                    template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <header class="st-fieldCard__header">
+        <h3 class="st-fieldCard__label">{{ label }}</h3>
+        @if (showBadge) {
+          @if (onOpenComments) {
+            <button
+              type="button"
+              class="st-fieldCard__comments"
+              [attr.aria-label]="'Commentaires (' + count + ')'"
+              (click)="onOpenComments!()"
+            >
+              <svg width="14" height="14" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+                <path
+                  d="M2.5 4.25A1.25 1.25 0 0 1 3.75 3h8.5A1.25 1.25 0 0 1 13.5 4.25v5A1.25 1.25 0 0 1 12.25 10.5H6.5L3.5 13v-2.5h-.75A.25.25 0 0 1 2.5 10.25v-6Z"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="1.25"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+              @if (count > 0) {
+                <span class="st-fieldCard__commentCount">{{ count }}</span>
+              }
+            </button>
+          } @else {
+            <span class="st-fieldCard__comments st-fieldCard__comments--static">
+              <svg width="14" height="14" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+                <path
+                  d="M2.5 4.25A1.25 1.25 0 0 1 3.75 3h8.5A1.25 1.25 0 0 1 13.5 4.25v5A1.25 1.25 0 0 1 12.25 10.5H6.5L3.5 13v-2.5h-.75A.25.25 0 0 1 2.5 10.25v-6Z"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="1.25"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+              <span class="st-fieldCard__commentCount">{{ count }}</span>
+            </span>
+          }
+        }
+      </header>
+      <div class="st-fieldCard__body">
+        <ng-content></ng-content>
+      </div>
+    </section>
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], variant: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], commentCount: [{
+                type: NgInput
+            }], onOpenComments: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=FieldCard.js.map

package/dist/FieldCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCard.js","sourceRoot":"","sources":["../src/FieldCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA2E7C,MAAM,OAAO,SAAS;IACpB,MAAM,CAAU,eAAe,GAAG,WAAW,CAAC;IACrC,aAAa,GAAG,WAAW,CAAC;IAC1B,KAAK,CAAU;IACf,OAAO,GAAqB,UAAU,CAAC;IACvC,IAAI,CAAiB;IACrB,YAAY,CAAU;IACtB,cAAc,CAAc;IACrB,UAAU,CAAU;IAEtC,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;IACjD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,cAAc,EACd,iBAAiB,IAAI,CAAC,OAAO,EAAE,EAC/B,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,iBAAiB,IAAI,CAAC,IAAI,EAAE,EACtE,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAzBU,SAAS;4FAAT,SAAS,4OAjDV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CT;;4FAEU,SAAS;kBApDrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/FileUploader.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type FileUploadStatus = "idle" | "uploading" | "complete" | "error";
+/**
+ * Accepts both the flat React/Vue shape (`{ name, size }`) and the Svelte
+ * canonical shape (`{ file: { name, size } }`). When `file` is present it takes
+ * precedence so a consumer can pass the exact same item array used in Svelte.
+ */
+export type FileUploadItem = {
+    id?: string;
+    name?: string;
+    size?: number;
+    file?: {
+        name: string;
+        size?: number;
+    };
+    status?: FileUploadStatus;
+    error?: string;
+};
+export type FileUploaderProps = {
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    invalid?: boolean;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    items?: FileUploadItem[];
+    triggerLabel?: string;
+    dropzoneLabel?: string;
+    removeLabel?: (filename: string) => string;
+    class?: string;
+};
+export declare class FileUploader {
+    static readonly stComponentName = "FileUploader";
+    readonly componentName = "FileUploader";
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    invalid: boolean;
+    accept?: string;
+    multiple: boolean;
+    disabled: boolean;
+    items?: FileUploadItem[];
+    triggerLabel?: string;
+    dropzoneLabel: string;
+    removeLabel: (filename: string) => string;
+    classInput?: string;
+    /** Emits the freshly-selected/dropped files (native parity with the Svelte `onfiles`). */
+    files: EventEmitter<File[]>;
+    /** Emits the index of the item whose remove button was pressed. */
+    remove: EventEmitter<number>;
+    readonly inputId: string;
+    readonly helperId: string;
+    readonly errorId: string;
+    private isDragOver;
+    get isInvalid(): boolean;
+    get effectiveTriggerLabel(): string;
+    get hostClass(): string;
+    get dropzoneClass(): string;
+    itemClass(item: FileUploadItem): string;
+    itemName(item: FileUploadItem): string;
+    itemSize(item: FileUploadItem): string;
+    openPicker(): void;
+    onChange(event: Event): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    removeAt(index: number): void;
+    private emitFiles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploader, "st-file-uploader", never, { "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "items": { "alias": "items"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "dropzoneLabel": { "alias": "dropzoneLabel"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "files": "files"; "remove": "remove"; }, never, never, true, never>;
+}
+//# sourceMappingURL=FileUploader.d.ts.map

package/dist/FileUploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../src/FileUploader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiBF,qBAoFa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,UAAS;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,SAA8B;IAC3C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAsC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,0FAA0F;IAChF,KAAK,uBAA8B;IAC7C,mEAAmE;IACzD,MAAM,uBAA8B;IAE9C,QAAQ,CAAC,OAAO,SAAY;IAC5B,QAAQ,CAAC,QAAQ,SAA0B;IAC3C,QAAQ,CAAC,OAAO,SAA2B;IAE3C,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,qBAAqB,IAAI,MAAM,CAElC;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,aAAa,IAAI,MAAM,CAO1B;IAED,SAAS,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAOvC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAItC,QAAQ,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAItC,UAAU,IAAI,IAAI;IAMlB,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQ5B,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAMlC,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAKnC,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAQ9B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,OAAO,CAAC,SAAS;yCArGN,YAAY;2CAAZ,YAAY;CA0GxB"}

package/dist/FileUploader.js

@@ -0,0 +1,303 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+let _counter = 0;
+function nextId() {
+    return `st-file-uploader-${++_counter}`;
+}
+function formatSize(bytes) {
+    if (typeof bytes !== "number" || !Number.isFinite(bytes) || bytes < 0)
+        return "";
+    if (bytes === 0)
+        return "0 B";
+    const units = ["B", "KB", "MB", "GB", "TB"];
+    const i = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+    const value = bytes / Math.pow(1024, i);
+    const formatted = value >= 10 || i === 0 ? value.toFixed(0) : value.toFixed(1);
+    return `${formatted} ${units[i]}`;
+}
+export class FileUploader {
+    static stComponentName = "FileUploader";
+    componentName = "FileUploader";
+    label;
+    helperText;
+    errorText;
+    invalid = false;
+    accept;
+    multiple = false;
+    disabled = false;
+    items;
+    triggerLabel;
+    dropzoneLabel = "Drag and drop files here";
+    removeLabel = (filename) => `Remove ${filename}`;
+    classInput;
+    /** Emits the freshly-selected/dropped files (native parity with the Svelte `onfiles`). */
+    files = new EventEmitter();
+    /** Emits the index of the item whose remove button was pressed. */
+    remove = new EventEmitter();
+    inputId = nextId();
+    helperId = `${this.inputId}-help`;
+    errorId = `${this.inputId}-error`;
+    isDragOver = false;
+    get isInvalid() {
+        return this.invalid || Boolean(this.errorText);
+    }
+    get effectiveTriggerLabel() {
+        return this.triggerLabel ?? (this.multiple ? "Choose files" : "Choose file");
+    }
+    get hostClass() {
+        return classNames("st-field", "st-fileUploader-field", this.classInput);
+    }
+    get dropzoneClass() {
+        return classNames("st-fileUploader__dropzone", this.isDragOver && "st-fileUploader__dropzone--dragover", this.isInvalid && "st-fileUploader__dropzone--invalid", this.disabled && "st-fileUploader__dropzone--disabled");
+    }
+    itemClass(item) {
+        return classNames("st-fileUploader__item", item.status && `st-fileUploader__item--${item.status}`);
+    }
+    itemName(item) {
+        return item.file?.name ?? item.name ?? "";
+    }
+    itemSize(item) {
+        return formatSize(item.file ? item.file.size : item.size);
+    }
+    openPicker() {
+        if (this.disabled)
+            return;
+        const input = document.getElementById(this.inputId);
+        input?.click();
+    }
+    onChange(event) {
+        const input = event.currentTarget;
+        const list = input.files ? Array.from(input.files) : [];
+        this.emitFiles(list);
+        // Allow re-selecting the same file later.
+        input.value = "";
+    }
+    onDragOver(event) {
+        if (this.disabled)
+            return;
+        event.preventDefault();
+        this.isDragOver = true;
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        this.isDragOver = false;
+    }
+    onDrop(event) {
+        if (this.disabled)
+            return;
+        event.preventDefault();
+        this.isDragOver = false;
+        const dropped = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];
+        this.emitFiles(dropped);
+    }
+    removeAt(index) {
+        if (this.disabled)
+            return;
+        this.remove.emit(index);
+    }
+    emitFiles(incoming) {
+        if (this.disabled || incoming.length === 0)
+            return;
+        const next = this.multiple ? incoming : incoming.slice(0, 1);
+        this.files.emit(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FileUploader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: FileUploader, isStandalone: true, selector: "st-file-uploader", inputs: { label: "label", helperText: "helperText", errorText: "errorText", invalid: "invalid", accept: "accept", multiple: "multiple", disabled: "disabled", items: "items", triggerLabel: "triggerLabel", dropzoneLabel: "dropzoneLabel", removeLabel: "removeLabel", classInput: ["class", "classInput"] }, outputs: { files: "files", remove: "remove" }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      @if (label) {
+        <label class="st-field__label" [attr.for]="inputId">{{ label }}</label>
+      }
+
+      <div
+        [class]="dropzoneClass"
+        role="presentation"
+        (dragover)="onDragOver($event)"
+        (dragenter)="onDragOver($event)"
+        (dragleave)="onDragLeave($event)"
+        (drop)="onDrop($event)"
+      >
+        <input
+          [id]="inputId"
+          type="file"
+          class="st-fileUploader__input"
+          [attr.accept]="accept ?? null"
+          [attr.multiple]="multiple ? '' : null"
+          [disabled]="disabled"
+          [attr.aria-invalid]="isInvalid ? 'true' : null"
+          [attr.aria-describedby]="errorText ? errorId : (helperText ? helperId : null)"
+          (change)="onChange($event)"
+        />
+        <div class="st-fileUploader__content">
+          <span class="st-fileUploader__affordance" aria-hidden="true"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"></path><path d="m17 8-5-5-5 5"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path></svg></span>
+          <button
+            type="button"
+            class="st-fileUploader__trigger"
+            [disabled]="disabled"
+            (click)="openPicker()"
+          >
+            {{ effectiveTriggerLabel }}
+          </button>
+          <span class="st-fileUploader__hint">{{ dropzoneLabel }}</span>
+        </div>
+      </div>
+
+      @if (errorText) {
+        <span class="st-field__error" [id]="errorId">{{ errorText }}</span>
+      } @else if (helperText) {
+        <span class="st-field__help" [id]="helperId">{{ helperText }}</span>
+      }
+
+      @if (items && items.length > 0) {
+        <ul class="st-fileUploader__list">
+          @for (item of items; track $index) {
+            <li [class]="itemClass(item)">
+              <span class="st-fileUploader__itemIcon" aria-hidden="true">
+                @if (item.status === "uploading") {
+                  <span class="st-fileUploader__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"></path></svg></span>
+                } @else if (item.status === "complete") {
+                  <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"></circle><path d="m9 12 2 2 4-4"></path></svg>
+                } @else if (item.status === "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"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>
+                } @else {
+                  <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="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path></svg>
+                }
+              </span>
+              <span class="st-fileUploader__itemMeta">
+                <span class="st-fileUploader__itemName st-fileUploader__name">{{ itemName(item) }}</span>
+                <span class="st-fileUploader__itemSize">{{ itemSize(item) }}</span>
+                @if (item.status === "error" && item.error) {
+                  <span class="st-fileUploader__itemError">{{ item.error }}</span>
+                }
+              </span>
+              <button
+                type="button"
+                class="st-fileUploader__remove"
+                [attr.aria-label]="removeLabel(itemName(item))"
+                [disabled]="disabled"
+                (click)="removeAt($index)"
+              ><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="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button>
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FileUploader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-file-uploader",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      @if (label) {
+        <label class="st-field__label" [attr.for]="inputId">{{ label }}</label>
+      }
+
+      <div
+        [class]="dropzoneClass"
+        role="presentation"
+        (dragover)="onDragOver($event)"
+        (dragenter)="onDragOver($event)"
+        (dragleave)="onDragLeave($event)"
+        (drop)="onDrop($event)"
+      >
+        <input
+          [id]="inputId"
+          type="file"
+          class="st-fileUploader__input"
+          [attr.accept]="accept ?? null"
+          [attr.multiple]="multiple ? '' : null"
+          [disabled]="disabled"
+          [attr.aria-invalid]="isInvalid ? 'true' : null"
+          [attr.aria-describedby]="errorText ? errorId : (helperText ? helperId : null)"
+          (change)="onChange($event)"
+        />
+        <div class="st-fileUploader__content">
+          <span class="st-fileUploader__affordance" aria-hidden="true"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"></path><path d="m17 8-5-5-5 5"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path></svg></span>
+          <button
+            type="button"
+            class="st-fileUploader__trigger"
+            [disabled]="disabled"
+            (click)="openPicker()"
+          >
+            {{ effectiveTriggerLabel }}
+          </button>
+          <span class="st-fileUploader__hint">{{ dropzoneLabel }}</span>
+        </div>
+      </div>
+
+      @if (errorText) {
+        <span class="st-field__error" [id]="errorId">{{ errorText }}</span>
+      } @else if (helperText) {
+        <span class="st-field__help" [id]="helperId">{{ helperText }}</span>
+      }
+
+      @if (items && items.length > 0) {
+        <ul class="st-fileUploader__list">
+          @for (item of items; track $index) {
+            <li [class]="itemClass(item)">
+              <span class="st-fileUploader__itemIcon" aria-hidden="true">
+                @if (item.status === "uploading") {
+                  <span class="st-fileUploader__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"></path></svg></span>
+                } @else if (item.status === "complete") {
+                  <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"></circle><path d="m9 12 2 2 4-4"></path></svg>
+                } @else if (item.status === "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"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>
+                } @else {
+                  <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="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path></svg>
+                }
+              </span>
+              <span class="st-fileUploader__itemMeta">
+                <span class="st-fileUploader__itemName st-fileUploader__name">{{ itemName(item) }}</span>
+                <span class="st-fileUploader__itemSize">{{ itemSize(item) }}</span>
+                @if (item.status === "error" && item.error) {
+                  <span class="st-fileUploader__itemError">{{ item.error }}</span>
+                }
+              </span>
+              <button
+                type="button"
+                class="st-fileUploader__remove"
+                [attr.aria-label]="removeLabel(itemName(item))"
+                [disabled]="disabled"
+                (click)="removeAt($index)"
+              ><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="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button>
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], helperText: [{
+                type: NgInput
+            }], errorText: [{
+                type: NgInput
+            }], invalid: [{
+                type: NgInput
+            }], accept: [{
+                type: NgInput
+            }], multiple: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], items: [{
+                type: NgInput
+            }], triggerLabel: [{
+                type: NgInput
+            }], dropzoneLabel: [{
+                type: NgInput
+            }], removeLabel: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], files: [{
+                type: Output
+            }], remove: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=FileUploader.js.map

package/dist/FileUploader.js.map

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

package/dist/FilterBar.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+export type FilterBarProps = {
+    /** Aria-label du groupe de filtres, ex "Filtres actifs". */
+    label: string;
+    /** Callback "tout effacer" — le bouton n'est rendu que si ce callback est fourni. */
+    onClearAll?: () => void;
+    /** Libellé du bouton "tout effacer". Défaut "Tout effacer". */
+    clearAllLabel?: string;
+    class?: string;
+};
+export declare class FilterBar {
+    static readonly stComponentName = "FilterBar";
+    readonly componentName = "FilterBar";
+    label: string;
+    onClearAll?: () => void;
+    clearAllLabel?: string;
+    classInput?: string;
+    get hasClearAll(): boolean;
+    get hostClass(): string;
+    triggerClearAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterBar, "st-filter-bar", never, { "label": { "alias": "label"; "required": false; }; "onClearAll": { "alias": "onClearAll"; "required": false; }; "clearAllLabel": { "alias": "clearAllLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=FilterBar.d.ts.map

package/dist/FilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../src/FilterBar.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,cAAc,GAAG;IAC3B,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAuBa,SAAS;IACpB,MAAM,CAAC,QAAQ,CAAC,eAAe,eAAe;IAC9C,QAAQ,CAAC,aAAa,eAAe;IAE1B,KAAK,EAAG,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,eAAe,IAAI,IAAI;yCAjBZ,SAAS;2CAAT,SAAS;CAoBrB"}

package/dist/FilterBar.js

@@ -0,0 +1,76 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class FilterBar {
+    static stComponentName = "FilterBar";
+    componentName = "FilterBar";
+    label;
+    onClearAll;
+    clearAllLabel;
+    classInput;
+    get hasClearAll() {
+        return typeof this.onClearAll === "function";
+    }
+    get hostClass() {
+        return classNames("st-filterBar", this.classInput);
+    }
+    triggerClearAll() {
+        this.onClearAll?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: FilterBar, isStandalone: true, selector: "st-filter-bar", inputs: { label: "label", onClearAll: "onClearAll", clearAllLabel: "clearAllLabel", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="group"
+      [attr.aria-label]="label"
+    >
+      <div class="st-filterBar__pills">
+        <ng-content></ng-content>
+      </div>
+      @if (hasClearAll) {
+        <button
+          type="button"
+          class="st-filterBar__clearAll"
+          (click)="triggerClearAll()"
+        >{{ clearAllLabel || 'Tout effacer' }}</button>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterBar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-filter-bar",
+                    standalone: true,
+                    template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="group"
+      [attr.aria-label]="label"
+    >
+      <div class="st-filterBar__pills">
+        <ng-content></ng-content>
+      </div>
+      @if (hasClearAll) {
+        <button
+          type="button"
+          class="st-filterBar__clearAll"
+          (click)="triggerClearAll()"
+        >{{ clearAllLabel || 'Tout effacer' }}</button>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], onClearAll: [{
+                type: NgInput
+            }], clearAllLabel: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=FilterBar.js.map

package/dist/FilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.js","sourceRoot":"","sources":["../src/FilterBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAmC7C,MAAM,OAAO,SAAS;IACpB,MAAM,CAAU,eAAe,GAAG,WAAW,CAAC;IACrC,aAAa,GAAG,WAAW,CAAC;IAE1B,KAAK,CAAU;IACf,UAAU,CAAc;IACxB,aAAa,CAAU;IAChB,UAAU,CAAU;IAEtC,IAAI,WAAW;QACb,OAAO,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC;IAC/C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC;IAED,eAAe;QACb,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;IACtB,CAAC;wGAnBU,SAAS;4FAAT,SAAS,oMApBV;;;;;;;;;;;;;;;;;;GAkBT;;4FAEU,SAAS;kBAvBrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;GAkBT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}