@sentropic/design-system-angular 0.36.54

package/dist/TableOfContents.js

@@ -0,0 +1,93 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+const normalizeItemId = (value) => value.replace(/^#/, "");
+export class TableOfContents {
+    static stComponentName = "TableOfContents";
+    componentName = "TableOfContents";
+    title;
+    items;
+    activeId;
+    classInput;
+    get normalizedActive() {
+        return normalizeItemId(this.activeId ?? "");
+    }
+    get normalizedItems() {
+        return (this.items ?? []).map((item) => ({
+            ...item,
+            id: normalizeItemId(item.id),
+            level: Math.max(item.level ?? 1, 1),
+        }));
+    }
+    get hostClass() {
+        return classNames("st-tableOfContents", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableOfContents, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TableOfContents, isStandalone: true, selector: "st-table-of-contents", inputs: { title: "title", items: "items", activeId: "activeId", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <nav
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-label]="title ?? 'Table des matières'"
+    >
+      @if (title) {
+        <p class="st-tableOfContents__title">{{ title }}</p>
+      }
+      <ol class="st-tableOfContents__list">
+        @for (item of normalizedItems; track item.id) {
+          <li
+            class="st-tableOfContents__item"
+            [style]="'--st-tableOfContents-level:' + (item.level - 1)"
+          >
+            <a
+              class="st-tableOfContents__link"
+              [href]="'#' + item.id"
+              [attr.aria-current]="item.id === normalizedActive ? 'location' : null"
+            >{{ item.label }}</a>
+          </li>
+        }
+      </ol>
+    </nav>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableOfContents, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-table-of-contents",
+                    standalone: true,
+                    template: `
+    <nav
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-label]="title ?? 'Table des matières'"
+    >
+      @if (title) {
+        <p class="st-tableOfContents__title">{{ title }}</p>
+      }
+      <ol class="st-tableOfContents__list">
+        @for (item of normalizedItems; track item.id) {
+          <li
+            class="st-tableOfContents__item"
+            [style]="'--st-tableOfContents-level:' + (item.level - 1)"
+          >
+            <a
+              class="st-tableOfContents__link"
+              [href]="'#' + item.id"
+              [attr.aria-current]="item.id === normalizedActive ? 'location' : null"
+            >{{ item.label }}</a>
+          </li>
+        }
+      </ol>
+    </nav>
+  `,
+                }]
+        }], propDecorators: { title: [{
+                type: NgInput
+            }], items: [{
+                type: NgInput
+            }], activeId: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=TableOfContents.js.map

package/dist/TableOfContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.js","sourceRoot":"","sources":["../src/TableOfContents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAkB7C,MAAM,eAAe,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AA+B3E,MAAM,OAAO,eAAe;IAC1B,MAAM,CAAU,eAAe,GAAG,iBAAiB,CAAC;IAC3C,aAAa,GAAG,iBAAiB,CAAC;IAChC,KAAK,CAAU;IACf,KAAK,CAAyB;IAC9B,QAAQ,CAAU;IACX,UAAU,CAAU;IAEtC,IAAI,gBAAgB;QAClB,OAAO,eAAe,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACvC,GAAG,IAAI;YACP,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;SACpC,CAAC,CAAC,CAAC;IACN,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,oBAAoB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC;wGAtBU,eAAe;4FAAf,eAAe,uLA1BhB;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;;4FAEU,eAAe;kBA7B3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/Tabs.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type TabItem = {
+    id?: string;
+    value?: string;
+    label: unknown;
+    content?: unknown;
+    disabled?: boolean;
+};
+export type TabsProps = {
+    items: TabItem[];
+    activeValue?: string;
+    activeId?: string;
+    label?: string;
+    onchange?: (value: string) => void;
+    class?: string;
+};
+export declare class Tabs {
+    static readonly stComponentName = "Tabs";
+    readonly componentName = "Tabs";
+    private localCurrent;
+    items: TabItem[];
+    activeValue?: string;
+    activeId?: string;
+    label?: string;
+    onchange?: (value: string) => void;
+    classInput?: string;
+    readonly change: EventEmitter<string>;
+    ngOnInit(): void;
+    tabId(item: TabItem, index: number): string;
+    get current(): string;
+    get activeContent(): unknown;
+    isActive(item: TabItem, index: number): boolean;
+    tabClass(item: TabItem, index: number): string;
+    select(item: TabItem, index: number): void;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tabs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tabs, "st-tabs", never, { "items": { "alias": "items"; "required": false; }; "activeValue": { "alias": "activeValue"; "required": false; }; "activeId": { "alias": "activeId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "onchange": { "alias": "onchange"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "change": "change"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAKF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAqBa,IAAI;IACf,MAAM,CAAC,QAAQ,CAAC,eAAe,UAAU;IACzC,QAAQ,CAAC,aAAa,UAAU;IAEhC,OAAO,CAAC,YAAY,CAAM;IAEf,KAAK,EAAG,OAAO,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,MAAM,uBAA8B;IAEvD,QAAQ,IAAI,IAAI;IAShB,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAI3C,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,aAAa,IAAI,OAAO,CAG3B;IAED,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO;IAI/C,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAO9C,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAU1C,IAAI,SAAS,IAAI,MAAM,CAEtB;yCA5DU,IAAI;2CAAJ,IAAI;CA6DhB"}

package/dist/Tabs.js

@@ -0,0 +1,110 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Tabs {
+    static stComponentName = "Tabs";
+    componentName = "Tabs";
+    localCurrent = "";
+    items;
+    activeValue;
+    activeId;
+    label;
+    onchange;
+    classInput;
+    change = new EventEmitter();
+    ngOnInit() {
+        if (!this.localCurrent) {
+            const first = this.items?.find((item) => !item.disabled) ?? this.items?.[0];
+            if (first) {
+                this.localCurrent = this.tabId(first, this.items.indexOf(first));
+            }
+        }
+    }
+    tabId(item, index) {
+        return item.id ?? item.value ?? `tab-${index}`;
+    }
+    get current() {
+        return this.activeValue ?? this.activeId ?? this.localCurrent;
+    }
+    get activeContent() {
+        const idx = Math.max(0, this.items?.findIndex((item, i) => this.tabId(item, i) === this.current) ?? 0);
+        return this.items?.[idx]?.content ?? "";
+    }
+    isActive(item, index) {
+        return this.tabId(item, index) === this.current;
+    }
+    tabClass(item, index) {
+        return classNames("st-tabs__tab", this.isActive(item, index) && "st-tabs__tab--active");
+    }
+    select(item, index) {
+        if (item.disabled)
+            return;
+        const val = this.tabId(item, index);
+        if (this.activeValue === undefined && this.activeId === undefined) {
+            this.localCurrent = val;
+        }
+        this.change.emit(val);
+        this.onchange?.(val);
+    }
+    get hostClass() {
+        return classNames("st-tabs", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Tabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Tabs, isStandalone: true, selector: "st-tabs", inputs: { items: "items", activeValue: "activeValue", activeId: "activeId", label: "label", onchange: "onchange", classInput: ["class", "classInput"] }, outputs: { change: "change" }, ngImport: i0, template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-tabs__list" role="tablist" [attr.aria-label]="label ?? 'Tabs'">
+        @for (item of items; track tabId(item, $index)) {
+          <button
+            type="button"
+            role="tab"
+            [class]="tabClass(item, $index)"
+            [attr.aria-selected]="isActive(item, $index) ? 'true' : 'false'"
+            [disabled]="item.disabled"
+            (click)="select(item, $index)"
+          >{{ item.label }}</button>
+        }
+      </div>
+      <div class="st-tabs__panel" role="tabpanel">{{ activeContent }}<ng-content></ng-content></div>
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Tabs, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-tabs",
+                    standalone: true,
+                    template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-tabs__list" role="tablist" [attr.aria-label]="label ?? 'Tabs'">
+        @for (item of items; track tabId(item, $index)) {
+          <button
+            type="button"
+            role="tab"
+            [class]="tabClass(item, $index)"
+            [attr.aria-selected]="isActive(item, $index) ? 'true' : 'false'"
+            [disabled]="item.disabled"
+            (click)="select(item, $index)"
+          >{{ item.label }}</button>
+        }
+      </div>
+      <div class="st-tabs__panel" role="tabpanel">{{ activeContent }}<ng-content></ng-content></div>
+    </section>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], activeValue: [{
+                type: NgInput
+            }], activeId: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], onchange: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

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

package/dist/Tag.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type TagTone = "neutral" | "info" | "success" | "warning" | "error";
+export type TagSize = "sm" | "md";
+export type TagProps = {
+    tone?: TagTone;
+    size?: TagSize;
+    disabled?: boolean;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    /** Svelte/React-canonical callback; fires alongside the `dismiss` emit. */
+    onDismiss?: (event: MouseEvent) => void;
+    class?: string;
+};
+export declare class Tag {
+    static readonly stComponentName = "Tag";
+    readonly componentName = "Tag";
+    tone?: TagTone;
+    size?: TagSize;
+    disabled?: boolean;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    onDismiss?: (event: MouseEvent) => void;
+    classInput?: string;
+    readonly dismiss: EventEmitter<MouseEvent>;
+    get hostClass(): string;
+    handleDismiss(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tag, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tag, "st-tag", never, { "tone": { "alias": "tone"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "onDismiss": { "alias": "onDismiss"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Tag.d.ts.map

package/dist/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../src/Tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,OAAO,GACf,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAEZ,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA0Ca,GAAG;IACd,MAAM,CAAC,QAAQ,CAAC,eAAe,SAAS;IACxC,QAAQ,CAAC,aAAa,SAAS;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,OAAO,2BAAkC;IAE5D,IAAI,SAAS,IAAI,MAAM,CAQtB;IAED,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCAvB3B,GAAG;2CAAH,GAAG;CA4Bf"}

package/dist/Tag.js

@@ -0,0 +1,112 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Tag {
+    static stComponentName = "Tag";
+    componentName = "Tag";
+    tone;
+    size;
+    disabled;
+    dismissible;
+    dismissLabel;
+    onDismiss;
+    classInput;
+    dismiss = new EventEmitter();
+    get hostClass() {
+        return classNames("st-tag", `st-tag--${this.tone ?? "neutral"}`, `st-tag--${this.size ?? "md"}`, this.disabled && "st-tag--disabled", this.classInput);
+    }
+    handleDismiss(event) {
+        if (this.disabled)
+            return;
+        this.onDismiss?.(event);
+        this.dismiss.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Tag, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Tag, isStandalone: true, selector: "st-tag", inputs: { tone: "tone", size: "size", disabled: "disabled", dismissible: "dismissible", dismissLabel: "dismissLabel", onDismiss: "onDismiss", classInput: ["class", "classInput"] }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: `
+    <span
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-disabled]="disabled ? 'true' : null"
+    >
+      <span class="st-tag__label"><ng-content></ng-content></span>
+      @if (dismissible) {
+        <button
+          type="button"
+          class="st-tag__dismiss"
+          [attr.aria-label]="dismissLabel ?? 'Dismiss'"
+          [disabled]="disabled ?? false"
+          (click)="handleDismiss($event)"
+        >
+          <svg
+            width="14"
+            height="14"
+            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 d="m6 6 12 12" />
+          </svg>
+        </button>
+      }
+    </span>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Tag, decorators: [{
+            type: Component,
+            args: [{ selector: "st-tag", standalone: true, template: `
+    <span
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-disabled]="disabled ? 'true' : null"
+    >
+      <span class="st-tag__label"><ng-content></ng-content></span>
+      @if (dismissible) {
+        <button
+          type="button"
+          class="st-tag__dismiss"
+          [attr.aria-label]="dismissLabel ?? 'Dismiss'"
+          [disabled]="disabled ?? false"
+          (click)="handleDismiss($event)"
+        >
+          <svg
+            width="14"
+            height="14"
+            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 d="m6 6 12 12" />
+          </svg>
+        </button>
+      }
+    </span>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { tone: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], dismissible: [{
+                type: NgInput
+            }], dismissLabel: [{
+                type: NgInput
+            }], onDismiss: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], dismiss: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Tag.js.map

package/dist/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.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;;AAgE7C,MAAM,OAAO,GAAG;IACd,MAAM,CAAU,eAAe,GAAG,KAAK,CAAC;IAC/B,aAAa,GAAG,KAAK,CAAC;IACpB,IAAI,CAAW;IACf,IAAI,CAAW;IACf,QAAQ,CAAW;IACnB,WAAW,CAAW;IACtB,YAAY,CAAU;IACtB,SAAS,CAA+B;IACjC,UAAU,CAAU;IAEnB,OAAO,GAAG,IAAI,YAAY,EAAc,CAAC;IAE5D,IAAI,SAAS;QACX,OAAO,UAAU,CACf,QAAQ,EACR,WAAW,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE,EACnC,WAAW,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,EAC9B,IAAI,CAAC,QAAQ,IAAI,kBAAkB,EACnC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,aAAa,CAAC,KAAiB;QAC7B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;wGA3BU,GAAG;4FAAH,GAAG,wRAlCJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT;;4FAEU,GAAG;kBA1Cf,SAAS;+BACE,QAAQ,cACN,IAAI,YAMN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}

package/dist/Textarea.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type TextareaProps = {
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    invalid?: boolean;
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    rows?: number;
+    class?: string;
+};
+export declare class Textarea {
+    static readonly stComponentName = "Textarea";
+    readonly componentName = "Textarea";
+    private readonly autoId;
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    invalid?: boolean;
+    modelValue?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    rows?: number;
+    classInput?: string;
+    readonly modelValueChange: EventEmitter<string>;
+    readonly updateModelValue: EventEmitter<string>;
+    readonly input: EventEmitter<Event>;
+    readonly change: EventEmitter<Event>;
+    get inputId(): string;
+    get currentValue(): string;
+    get isInvalid(): boolean;
+    get hostClass(): string;
+    onInput(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Textarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Textarea, "st-textarea", never, { "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "modelValueChange": "modelValueChange"; "updateModelValue": "update:modelValue"; "input": "input"; "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,qBA+Ba,QAAQ;IACnB,MAAM,CAAC,QAAQ,CAAC,eAAe,cAAc;IAC7C,QAAQ,CAAC,aAAa,cAAc;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAY;IAExB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACP,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,gBAAgB,uBAA8B;IACpC,QAAQ,CAAC,gBAAgB,uBAA8B;IAC1E,QAAQ,CAAC,KAAK,sBAA6B;IAC3C,QAAQ,CAAC,MAAM,sBAA6B;IAEtD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAtChB,QAAQ;2CAAR,QAAQ;CA4CpB"}

package/dist/Textarea.js

@@ -0,0 +1,140 @@
+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-textarea-${++_counter}`;
+}
+export class Textarea {
+    static stComponentName = "Textarea";
+    componentName = "Textarea";
+    autoId = nextId();
+    label;
+    helperText;
+    errorText;
+    invalid;
+    modelValue;
+    value;
+    placeholder;
+    disabled;
+    readonly;
+    rows;
+    classInput;
+    modelValueChange = new EventEmitter();
+    updateModelValue = new EventEmitter();
+    input = new EventEmitter();
+    change = new EventEmitter();
+    get inputId() {
+        return this.autoId;
+    }
+    get currentValue() {
+        return this.modelValue ?? this.value ?? "";
+    }
+    get isInvalid() {
+        return this.invalid ?? Boolean(this.errorText);
+    }
+    get hostClass() {
+        return classNames("st-field", this.classInput);
+    }
+    onInput(event) {
+        const val = event.target.value;
+        this.modelValueChange.emit(val);
+        this.updateModelValue.emit(val);
+        this.input.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Textarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Textarea, isStandalone: true, selector: "st-textarea", inputs: { label: "label", helperText: "helperText", errorText: "errorText", invalid: "invalid", modelValue: "modelValue", value: "value", placeholder: "placeholder", disabled: "disabled", readonly: "readonly", rows: "rows", classInput: ["class", "classInput"] }, outputs: { modelValueChange: "modelValueChange", updateModelValue: "update:modelValue", input: "input", change: "change" }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <label class="st-field__control" [attr.for]="inputId">
+        @if (label) {
+          <span class="st-field__label">{{ label }}</span>
+        }
+        <textarea
+          [id]="inputId"
+          class="st-textarea st-control"
+          [value]="currentValue"
+          [placeholder]="placeholder ?? ''"
+          [disabled]="disabled ?? false"
+          [attr.readonly]="readonly ? '' : null"
+          [attr.rows]="rows"
+          [attr.aria-invalid]="isInvalid ? 'true' : null"
+          (input)="onInput($event)"
+          (change)="change.emit($event)"
+        ></textarea>
+      </label>
+      @if (errorText) {
+        <span class="st-field__error">{{ errorText }}</span>
+      }
+      @if (!errorText && helperText) {
+        <span class="st-field__help">{{ helperText }}</span>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Textarea, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-textarea",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <label class="st-field__control" [attr.for]="inputId">
+        @if (label) {
+          <span class="st-field__label">{{ label }}</span>
+        }
+        <textarea
+          [id]="inputId"
+          class="st-textarea st-control"
+          [value]="currentValue"
+          [placeholder]="placeholder ?? ''"
+          [disabled]="disabled ?? false"
+          [attr.readonly]="readonly ? '' : null"
+          [attr.rows]="rows"
+          [attr.aria-invalid]="isInvalid ? 'true' : null"
+          (input)="onInput($event)"
+          (change)="change.emit($event)"
+        ></textarea>
+      </label>
+      @if (errorText) {
+        <span class="st-field__error">{{ errorText }}</span>
+      }
+      @if (!errorText && helperText) {
+        <span class="st-field__help">{{ helperText }}</span>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: NgInput
+            }], helperText: [{
+                type: NgInput
+            }], errorText: [{
+                type: NgInput
+            }], invalid: [{
+                type: NgInput
+            }], modelValue: [{
+                type: NgInput
+            }], value: [{
+                type: NgInput
+            }], placeholder: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], readonly: [{
+                type: NgInput
+            }], rows: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], modelValueChange: [{
+                type: Output
+            }], updateModelValue: [{
+                type: Output,
+                args: ["update:modelValue"]
+            }], input: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Textarea.js.map

package/dist/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../src/Textarea.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;;AAe7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,MAAM;IACb,OAAO,eAAe,EAAE,QAAQ,EAAE,CAAC;AACrC,CAAC;AAiCD,MAAM,OAAO,QAAQ;IACnB,MAAM,CAAU,eAAe,GAAG,UAAU,CAAC;IACpC,aAAa,GAAG,UAAU,CAAC;IACnB,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB,KAAK,CAAW;IAChB,UAAU,CAAW;IACrB,SAAS,CAAW;IACpB,OAAO,CAAW;IAClB,UAAU,CAAU;IACpB,KAAK,CAAU;IACf,WAAW,CAAU;IACrB,QAAQ,CAAW;IACnB,QAAQ,CAAW;IACnB,IAAI,CAAU;IACP,UAAU,CAAU;IAEnB,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;IAC3B,gBAAgB,GAAG,IAAI,YAAY,EAAU,CAAC;IACjE,KAAK,GAAG,IAAI,YAAY,EAAS,CAAC;IAClC,MAAM,GAAG,IAAI,YAAY,EAAS,CAAC;IAEtD,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IAC7C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,CAAC,KAAY;QAClB,MAAM,GAAG,GAAI,KAAK,CAAC,MAA8B,CAAC,KAAK,CAAC;QACxD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;wGA3CU,QAAQ;4FAAR,QAAQ,0cA5BT;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BT;;4FAEU,QAAQ;kBA/BpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BT;iBACF;;sBAME,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM;;sBACN,MAAM;uBAAC,mBAAmB;;sBAC1B,MAAM;;sBACN,MAAM"}

package/dist/ThemeProvider.d.ts

@@ -0,0 +1,23 @@
+import type { OnChanges, OnDestroy, OnInit } from "@angular/core";
+import { type TenantTheme } from "@sentropic/design-system-themes";
+import * as i0 from "@angular/core";
+export type ThemeProviderProps = {
+    theme?: TenantTheme;
+    namespace?: string;
+};
+export declare class ThemeProvider implements OnInit, OnChanges, OnDestroy {
+    static readonly stComponentName = "ThemeProvider";
+    readonly componentName = "ThemeProvider";
+    theme: TenantTheme;
+    namespace: string;
+    /** Reference to the injected <style> element so it can be updated/removed. */
+    private styleEl;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    /** Compile the theme tokens to CSS and inject them into a <style> element. */
+    private applyTheme;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeProvider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThemeProvider, "st-theme-provider", never, { "theme": { "alias": "theme"; "required": false; }; "namespace": { "alias": "namespace"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAA+B,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;;AAEhG,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBASa,aAAc,YAAW,MAAM,EAAE,SAAS,EAAE,SAAS;IAChE,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IAE9B,KAAK,EAAE,WAAW,CAAiB;IACnC,SAAS,SAAQ;IAE5B,8EAA8E;IAC9E,OAAO,CAAC,OAAO,CAAiC;IAEhD,QAAQ,IAAI,IAAI;IAIhB,WAAW,IAAI,IAAI;IAInB,WAAW,IAAI,IAAI;IAOnB,8EAA8E;IAC9E,OAAO,CAAC,UAAU;yCA1BP,aAAa;2CAAb,aAAa;CA0CzB"}