@sentropic/design-system-angular 0.36.54

package/dist/MenuTriggerButton.js

@@ -0,0 +1,97 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class MenuTriggerButton {
+    static stComponentName = "MenuTriggerButton";
+    componentName = "MenuTriggerButton";
+    open;
+    expanded;
+    size = "md";
+    variant = "ghost";
+    disabled = false;
+    classInput;
+    get isOpen() {
+        return this.open ?? this.expanded ?? false;
+    }
+    get hostClass() {
+        return classNames(`st-iconButton st-iconButton--${this.size} st-iconButton--${this.variant}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MenuTriggerButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MenuTriggerButton, isStandalone: true, selector: "st-menu-trigger-button", inputs: { open: "open", expanded: "expanded", size: "size", variant: "variant", disabled: "disabled", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <button
+      type="button"
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      aria-haspopup="menu"
+      [attr.aria-expanded]="isOpen"
+      [disabled]="disabled ?? false"
+    >
+      <ng-content>
+        <svg
+          xmlns="http://www.w3.org/2000/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"
+        >
+          <circle cx="12" cy="12" r="10"></circle>
+          <path d="m16 10-4 4-4-4"></path>
+        </svg>
+      </ng-content>
+    </button>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MenuTriggerButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-menu-trigger-button",
+                    standalone: true,
+                    template: `
+    <button
+      type="button"
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      aria-haspopup="menu"
+      [attr.aria-expanded]="isOpen"
+      [disabled]="disabled ?? false"
+    >
+      <ng-content>
+        <svg
+          xmlns="http://www.w3.org/2000/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"
+        >
+          <circle cx="12" cy="12" r="10"></circle>
+          <path d="m16 10-4 4-4-4"></path>
+        </svg>
+      </ng-content>
+    </button>
+  `,
+                }]
+        }], propDecorators: { open: [{
+                type: NgInput
+            }], expanded: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], variant: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=MenuTriggerButton.js.map

package/dist/MenuTriggerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTriggerButton.js","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAgD7C,MAAM,OAAO,iBAAiB;IAC5B,MAAM,CAAU,eAAe,GAAG,mBAAmB,CAAC;IAC7C,aAAa,GAAG,mBAAmB,CAAC;IAClC,IAAI,CAAW;IACf,QAAQ,CAAW;IACnB,IAAI,GAA0B,IAAI,CAAC;IACnC,OAAO,GAA6B,OAAO,CAAC;IAC5C,QAAQ,GAAG,KAAK,CAAC;IACV,UAAU,CAAU;IAEtC,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;IAC7C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,gCAAgC,IAAI,CAAC,IAAI,mBAAmB,IAAI,CAAC,OAAO,EAAE,EAC1E,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAnBU,iBAAiB;4FAAjB,iBAAiB,+NA7BlB;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT;;4FAEU,iBAAiB;kBAhC7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/MessageActions.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from "@angular/core";
+export type MessageActionVariant = "default" | "danger";
+/**
+ * `label` (React/Vue) is rendered when present; otherwise `icon` (the
+ * Svelte-canonical content) is rendered. `label` is always used for the
+ * accessible name when provided. At least one of `label`/`icon` should be set.
+ */
+export type MessageAction = {
+    id?: string;
+    label?: string;
+    icon?: unknown;
+    disabled?: boolean;
+    variant?: MessageActionVariant;
+    onClick?: () => void;
+};
+export type MessageActionsProps = {
+    actions: MessageAction[];
+    visibility?: "always" | "hover";
+    class?: string;
+};
+export declare class MessageActions {
+    static readonly stComponentName = "MessageActions";
+    readonly componentName = "MessageActions";
+    actions: MessageAction[];
+    visibility: "always" | "hover";
+    classInput?: string;
+    get hostClass(): string;
+    actionClass(variant?: MessageActionVariant): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageActions, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageActions, "st-message-actions", never, { "actions": { "alias": "actions"; "required": false; }; "visibility": { "alias": "visibility"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=MessageActions.d.ts.map

package/dist/MessageActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAiBa,cAAc;IACzB,MAAM,CAAC,QAAQ,CAAC,eAAe,oBAAoB;IACnD,QAAQ,CAAC,aAAa,oBAAoB;IAE/B,OAAO,EAAE,aAAa,EAAE,CAAM;IAC9B,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAW;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,WAAW,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,MAAM;yCAhBxC,cAAc;2CAAd,cAAc;CAsB1B"}

package/dist/MessageActions.js

@@ -0,0 +1,58 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class MessageActions {
+    static stComponentName = "MessageActions";
+    componentName = "MessageActions";
+    actions = [];
+    visibility = "hover";
+    classInput;
+    get hostClass() {
+        return classNames("st-messageActions", this.visibility === "hover" ? "st-messageActions--hoverOnly" : undefined, this.classInput);
+    }
+    actionClass(variant) {
+        return classNames("st-iconButton st-iconButton--sm", variant === "danger" ? "st-iconButton--danger" : "st-iconButton--ghost");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MessageActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MessageActions, isStandalone: true, selector: "st-message-actions", inputs: { actions: "actions", visibility: "visibility", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass" role="group" aria-label="Actions du message">
+      @for (action of actions ?? []; track action.id ?? $index) {
+        <button
+          type="button"
+          [class]="actionClass(action.variant)"
+          [disabled]="action.disabled ?? false"
+          [attr.aria-label]="action.label ?? action.id ?? null"
+          (click)="action.onClick && action.onClick()"
+        >{{ action.icon ?? action.label }}</button>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MessageActions, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-message-actions",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass" role="group" aria-label="Actions du message">
+      @for (action of actions ?? []; track action.id ?? $index) {
+        <button
+          type="button"
+          [class]="actionClass(action.variant)"
+          [disabled]="action.disabled ?? false"
+          [attr.aria-label]="action.label ?? action.id ?? null"
+          (click)="action.onClick && action.onClick()"
+        >{{ action.icon ?? action.label }}</button>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { actions: [{
+                type: NgInput
+            }], visibility: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=MessageActions.js.map

package/dist/MessageActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.js","sourceRoot":"","sources":["../src/MessageActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAyC7C,MAAM,OAAO,cAAc;IACzB,MAAM,CAAU,eAAe,GAAG,gBAAgB,CAAC;IAC1C,aAAa,GAAG,gBAAgB,CAAC;IAE/B,OAAO,GAAoB,EAAE,CAAC;IAC9B,UAAU,GAAuB,OAAO,CAAC;IAClC,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,mBAAmB,EACnB,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,SAAS,EACxE,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,OAA8B;QACxC,OAAO,UAAU,CACf,iCAAiC,EACjC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CACxE,CAAC;IACJ,CAAC;wGArBU,cAAc;4FAAd,cAAc,6KAdf;;;;;;;;;;;;GAYT;;4FAEU,cAAc;kBAjB1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;GAYT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/MessageStatusBadge.d.ts

@@ -0,0 +1,26 @@
+import type { ChatMessageStatus } from "./ChatMessage.js";
+import * as i0 from "@angular/core";
+export type MessageStatusBadgeTone = "neutral" | "info" | "success" | "warning" | "error";
+export type MessageStatusBadgeProps = {
+    status: ChatMessageStatus;
+    tone?: MessageStatusBadgeTone;
+    labels?: Partial<Record<ChatMessageStatus, unknown>>;
+    label?: string;
+    class?: string;
+};
+export declare class MessageStatusBadge {
+    static readonly stComponentName = "MessageStatusBadge";
+    readonly componentName = "MessageStatusBadge";
+    status: ChatMessageStatus;
+    tone?: MessageStatusBadgeTone;
+    labels?: Partial<Record<ChatMessageStatus, unknown>>;
+    label?: string;
+    classInput?: string;
+    private get normalizedStatus();
+    get resolvedTone(): MessageStatusBadgeTone;
+    get resolvedLabel(): unknown;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessageStatusBadge, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageStatusBadge, "st-message-status-badge", never, { "status": { "alias": "status"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=MessageStatusBadge.d.ts.map

package/dist/MessageStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStatusBadge.d.ts","sourceRoot":"","sources":["../src/MessageStatusBadge.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAE1D,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1F,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAQa,kBAAkB;IAC7B,MAAM,CAAC,QAAQ,CAAC,eAAe,wBAAwB;IACvD,QAAQ,CAAC,aAAa,wBAAwB;IAEnC,MAAM,EAAG,iBAAiB,CAAC;IAC3B,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,OAAO,KAAK,gBAAgB,GAM3B;IAED,IAAI,YAAY,IAAI,sBAAsB,CAOzC;IAED,IAAI,aAAa,IAAI,OAAO,CAM3B;IAED,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAzCU,kBAAkB;2CAAlB,kBAAkB;CA0C9B"}

package/dist/MessageStatusBadge.js

@@ -0,0 +1,74 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class MessageStatusBadge {
+    static stComponentName = "MessageStatusBadge";
+    componentName = "MessageStatusBadge";
+    status;
+    tone;
+    labels;
+    label;
+    classInput;
+    get normalizedStatus() {
+        const status = this.status;
+        if (status === "sent")
+            return "completed";
+        if (status === "streaming")
+            return "processing";
+        if (status === "error")
+            return "failed";
+        return status;
+    }
+    get resolvedTone() {
+        if (this.tone)
+            return this.tone;
+        const normalized = this.normalizedStatus;
+        if (normalized === "completed")
+            return "success";
+        if (normalized === "failed")
+            return "error";
+        if (normalized === "processing")
+            return "info";
+        return "neutral";
+    }
+    get resolvedLabel() {
+        if (this.label != null)
+            return this.label;
+        const fromLabels = this.labels?.[this.status] ?? this.labels?.[this.normalizedStatus];
+        if (fromLabels != null)
+            return fromLabels;
+        const normalized = this.normalizedStatus;
+        return normalized ? normalized.charAt(0).toUpperCase() + normalized.slice(1) : normalized;
+    }
+    get hostClass() {
+        return classNames("st-messageStatusBadge", `st-badge st-badge--${this.resolvedTone}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MessageStatusBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MessageStatusBadge, isStandalone: true, selector: "st-message-status-badge", inputs: { status: "status", tone: "tone", labels: "labels", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <span [class]="hostClass">
+      <span class="st-messageStatusBadge__dot" aria-hidden="true"></span>{{ resolvedLabel }}</span>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MessageStatusBadge, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-message-status-badge",
+                    standalone: true,
+                    template: `
+    <span [class]="hostClass">
+      <span class="st-messageStatusBadge__dot" aria-hidden="true"></span>{{ resolvedLabel }}</span>
+  `,
+                }]
+        }], propDecorators: { status: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], labels: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=MessageStatusBadge.js.map

package/dist/MessageStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStatusBadge.js","sourceRoot":"","sources":["../src/MessageStatusBadge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAsB7C,MAAM,OAAO,kBAAkB;IAC7B,MAAM,CAAU,eAAe,GAAG,oBAAoB,CAAC;IAC9C,aAAa,GAAG,oBAAoB,CAAC;IAEnC,MAAM,CAAqB;IAC3B,IAAI,CAA0B;IAC9B,MAAM,CAA+C;IACrD,KAAK,CAAU;IACR,UAAU,CAAU;IAEtC,IAAY,gBAAgB;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAK,MAAiB,KAAK,MAAM;YAAE,OAAO,WAAgC,CAAC;QAC3E,IAAK,MAAiB,KAAK,WAAW;YAAE,OAAO,YAAiC,CAAC;QACjF,IAAK,MAAiB,KAAK,OAAO;YAAE,OAAO,QAA6B,CAAC;QACzE,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,YAAY;QACd,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC;QAChC,MAAM,UAAU,GAAG,IAAI,CAAC,gBAA0B,CAAC;QACnD,IAAI,UAAU,KAAK,WAAW;YAAE,OAAO,SAAS,CAAC;QACjD,IAAI,UAAU,KAAK,QAAQ;YAAE,OAAO,OAAO,CAAC;QAC5C,IAAI,UAAU,KAAK,YAAY;YAAE,OAAO,MAAM,CAAC;QAC/C,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,aAAa;QACf,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACtF,IAAI,UAAU,IAAI,IAAI;YAAE,OAAO,UAAU,CAAC;QAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,gBAA0B,CAAC;QACnD,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5F,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,uBAAuB,EACvB,sBAAsB,IAAI,CAAC,YAAY,EAAE,EACzC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAzCU,kBAAkB;4FAAlB,kBAAkB,sMALnB;;;GAGT;;4FAEU,kBAAkB;kBAR9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;GAGT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/Modal.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type ModalSize = "sm" | "md" | "lg" | "xl";
+export type ModalProps = {
+    open?: boolean;
+    title?: string;
+    description?: string;
+    size?: ModalSize;
+    class?: string;
+    closeLabel?: string;
+    dismissible?: boolean;
+    zIndex?: number;
+};
+export declare class Modal {
+    static readonly stComponentName = "Modal";
+    readonly componentName = "Modal";
+    open?: boolean;
+    title?: string;
+    description?: string;
+    size?: ModalSize;
+    closeLabel?: string;
+    dismissible?: boolean;
+    zIndex?: number;
+    classInput?: string;
+    readonly close: EventEmitter<void>;
+    get hostClass(): string;
+    onBackdropClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Modal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Modal, "st-modal", never, { "open": { "alias": "open"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "size": { "alias": "size"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "close": "close"; }, never, ["*", "[slot='footer']"], true, never>;
+}
+//# sourceMappingURL=Modal.d.ts.map

package/dist/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qBA8Ca,KAAK;IAChB,MAAM,CAAC,QAAQ,CAAC,eAAe,WAAW;IAC1C,QAAQ,CAAC,aAAa,WAAW;IAEtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,KAAK,qBAA4B;IAEpD,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCAvB7B,KAAK;2CAAL,KAAK;CA6BjB"}

package/dist/Modal.js

@@ -0,0 +1,137 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Modal {
+    static stComponentName = "Modal";
+    componentName = "Modal";
+    open;
+    title;
+    description;
+    size;
+    closeLabel;
+    dismissible;
+    zIndex;
+    classInput;
+    close = new EventEmitter();
+    get hostClass() {
+        return classNames("st-modal", this.size && `st-modal--${this.size}`, this.classInput);
+    }
+    onBackdropClick(event) {
+        const dismissible = this.dismissible ?? true;
+        if (dismissible && event.target === event.currentTarget) {
+            this.close.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Modal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Modal, isStandalone: true, selector: "st-modal", inputs: { open: "open", title: "title", description: "description", size: "size", closeLabel: "closeLabel", dismissible: "dismissible", zIndex: "zIndex", classInput: ["class", "classInput"] }, outputs: { close: "close" }, ngImport: i0, template: `
+    @if (open) {
+      <div
+        class="st-modal__backdrop"
+        role="presentation"
+        [style.z-index]="zIndex != null ? zIndex : null"
+        (click)="onBackdropClick($event)"
+      >
+        <section
+          [attr.data-st-component]="componentName"
+          [class]="hostClass"
+          role="dialog"
+          aria-modal="true"
+          [attr.aria-label]="title || 'Modal'"
+          tabindex="-1"
+        >
+          <header class="st-modal__header">
+            <div>
+              @if (title) {
+                <h2 class="st-modal__title">{{ title }}</h2>
+              }
+              @if (description) {
+                <p class="st-modal__description">{{ description }}</p>
+              }
+            </div>
+            <button
+              type="button"
+              class="st-modal__close"
+              [attr.aria-label]="closeLabel || 'Close'"
+              (click)="close.emit()"
+            >&#x2715;</button>
+          </header>
+          <div class="st-modal__body">
+            <ng-content></ng-content>
+          </div>
+          <footer class="st-modal__footer">
+            <ng-content select="[slot='footer']"></ng-content>
+          </footer>
+        </section>
+      </div>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Modal, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-modal",
+                    standalone: true,
+                    template: `
+    @if (open) {
+      <div
+        class="st-modal__backdrop"
+        role="presentation"
+        [style.z-index]="zIndex != null ? zIndex : null"
+        (click)="onBackdropClick($event)"
+      >
+        <section
+          [attr.data-st-component]="componentName"
+          [class]="hostClass"
+          role="dialog"
+          aria-modal="true"
+          [attr.aria-label]="title || 'Modal'"
+          tabindex="-1"
+        >
+          <header class="st-modal__header">
+            <div>
+              @if (title) {
+                <h2 class="st-modal__title">{{ title }}</h2>
+              }
+              @if (description) {
+                <p class="st-modal__description">{{ description }}</p>
+              }
+            </div>
+            <button
+              type="button"
+              class="st-modal__close"
+              [attr.aria-label]="closeLabel || 'Close'"
+              (click)="close.emit()"
+            >&#x2715;</button>
+          </header>
+          <div class="st-modal__body">
+            <ng-content></ng-content>
+          </div>
+          <footer class="st-modal__footer">
+            <ng-content select="[slot='footer']"></ng-content>
+          </footer>
+        </section>
+      </div>
+    }
+  `,
+                }]
+        }], propDecorators: { open: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], description: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], closeLabel: [{
+                type: NgInput
+            }], dismissible: [{
+                type: NgInput
+            }], zIndex: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], close: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Modal.js.map

package/dist/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.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;;AA6D7C,MAAM,OAAO,KAAK;IAChB,MAAM,CAAU,eAAe,GAAG,OAAO,CAAC;IACjC,aAAa,GAAG,OAAO,CAAC;IAEtB,IAAI,CAAW;IACf,KAAK,CAAU;IACf,WAAW,CAAU;IACrB,IAAI,CAAa;IACjB,UAAU,CAAU;IACpB,WAAW,CAAW;IACtB,MAAM,CAAU;IACT,UAAU,CAAU;IAEnB,KAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;IAEpD,IAAI,SAAS;QACX,OAAO,UAAU,CACf,UAAU,EACV,IAAI,CAAC,IAAI,IAAI,aAAa,IAAI,CAAC,IAAI,EAAE,EACrC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,KAAiB;QAC/B,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC;QAC7C,IAAI,WAAW,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,EAAE,CAAC;YACxD,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;wGA5BU,KAAK;4FAAL,KAAK,kSA3CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCT;;4FAEU,KAAK;kBA9CjB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}

package/dist/MultiSelect.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type MultiSelectOption = {
+    value: string;
+    label: unknown;
+    disabled?: boolean;
+    group?: string;
+};
+export type MultiSelectSize = "sm" | "md" | "lg";
+export type MultiSelectProps = {
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    invalid?: boolean;
+    options: MultiSelectOption[];
+    selected?: string[];
+    value?: string[];
+    values?: string[];
+    size?: MultiSelectSize;
+    locale?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    noResultsLabel?: string;
+    toggleLabel?: string;
+    removeLabel?: string;
+    listLabel?: string;
+    disabled?: boolean;
+    class?: string;
+};
+export declare class MultiSelect {
+    static readonly stComponentName = "MultiSelect";
+    readonly componentName = "MultiSelect";
+    isOpen: boolean;
+    query: string;
+    label?: unknown;
+    helperText?: unknown;
+    errorText?: unknown;
+    invalid: boolean;
+    options: MultiSelectOption[];
+    selected?: string[];
+    value?: string[];
+    values?: string[];
+    size: MultiSelectSize;
+    locale: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    noResultsLabel?: string;
+    toggleLabel?: string;
+    removeLabel?: string;
+    listLabel?: string;
+    disabled: boolean;
+    classInput?: string;
+    readonly selectedChange: EventEmitter<string[]>;
+    readonly change: EventEmitter<string[]>;
+    get isFr(): boolean;
+    get resolvedPlaceholder(): string;
+    get resolvedSearchPlaceholder(): string;
+    get resolvedNoResultsLabel(): string;
+    get resolvedToggleLabel(): string;
+    get resolvedRemoveLabel(): string;
+    get isInvalid(): boolean;
+    get hostClass(): string;
+    get groupClass(): string;
+    get currentValue(): string[];
+    get filtered(): MultiSelectOption[];
+    get selectedOptions(): MultiSelectOption[];
+    isSelected(v: string): boolean;
+    toggleOpen(): void;
+    toggleOption(option: MultiSelectOption): void;
+    removeOption(value: string): void;
+    onContainerKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelect, "st-multi-select", never, { "label": { "alias": "label"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "values": { "alias": "values"; "required": false; }; "size": { "alias": "size"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "noResultsLabel": { "alias": "noResultsLabel"; "required": false; }; "toggleLabel": { "alias": "toggleLabel"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "listLabel": { "alias": "listLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "selectedChange": "selectedChange"; "change": "change"; }, never, never, true, never>;
+}
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/MultiSelect.d.ts.map

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