@sentropic/design-system-angular 0.36.54

package/dist/MasterDetail.d.ts

@@ -0,0 +1,37 @@
+import * as i0 from "@angular/core";
+export type MasterDetailNavItem = {
+    label: string;
+    href?: string;
+    active?: boolean;
+};
+export type MasterDetailItem = {
+    id: string;
+    title: string;
+    subtitle?: string;
+};
+export type MasterDetailField = {
+    label: string;
+    value: string | number;
+};
+export type MasterDetailProps = {
+    listTitle?: string;
+    detailTitle?: string;
+    listItems?: MasterDetailItem[];
+    detailFields?: MasterDetailField[];
+    detailActions?: string[];
+    class?: string;
+};
+export declare class MasterDetail {
+    static readonly stComponentName = "MasterDetail";
+    readonly componentName = "MasterDetail";
+    listTitle: string;
+    detailTitle: string;
+    listItems: MasterDetailItem[];
+    detailFields: MasterDetailField[];
+    detailActions: string[];
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MasterDetail, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MasterDetail, "st-master-detail", never, { "listTitle": { "alias": "listTitle"; "required": false; }; "detailTitle": { "alias": "detailTitle"; "required": false; }; "listItems": { "alias": "listItems"; "required": false; }; "detailFields": { "alias": "detailFields"; "required": false; }; "detailActions": { "alias": "detailActions"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=MasterDetail.d.ts.map

package/dist/MasterDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.d.ts","sourceRoot":"","sources":["../src/MasterDetail.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBASa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAC7B,SAAS,SAAM;IACf,WAAW,SAAM;IACjB,SAAS,EAAE,gBAAgB,EAAE,CAAM;IACnC,YAAY,EAAE,iBAAiB,EAAE,CAAM;IACvC,aAAa,EAAE,MAAM,EAAE,CAAM;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAZU,YAAY;2CAAZ,YAAY;CAaxB"}

package/dist/MasterDetail.js

@@ -0,0 +1,47 @@
+import { Component, Input as NgInput } from "@angular/core";
+import * as i0 from "@angular/core";
+export class MasterDetail {
+    static stComponentName = "MasterDetail";
+    componentName = "MasterDetail";
+    listTitle = "";
+    detailTitle = "";
+    listItems = [];
+    detailFields = [];
+    detailActions = [];
+    classInput;
+    get hostClass() {
+        return ["st-md", this.classInput].filter(Boolean).join(" ");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MasterDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MasterDetail, isStandalone: true, selector: "st-master-detail", inputs: { listTitle: "listTitle", detailTitle: "detailTitle", listItems: "listItems", detailFields: "detailFields", detailActions: "detailActions", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MasterDetail, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-master-detail",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `,
+                }]
+        }], propDecorators: { listTitle: [{
+                type: NgInput
+            }], detailTitle: [{
+                type: NgInput
+            }], listItems: [{
+                type: NgInput
+            }], detailFields: [{
+                type: NgInput
+            }], detailActions: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=MasterDetail.js.map

package/dist/MasterDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.js","sourceRoot":"","sources":["../src/MasterDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;;AAqC5D,MAAM,OAAO,YAAY;IACvB,MAAM,CAAU,eAAe,GAAG,cAAc,CAAC;IACxC,aAAa,GAAG,cAAc,CAAC;IAC7B,SAAS,GAAG,EAAE,CAAC;IACf,WAAW,GAAG,EAAE,CAAC;IACjB,SAAS,GAAuB,EAAE,CAAC;IACnC,YAAY,GAAwB,EAAE,CAAC;IACvC,aAAa,GAAa,EAAE,CAAC;IACtB,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,CAAC;wGAZU,YAAY;4FAAZ,YAAY,uQANb;;;;GAIT;;4FAEU,YAAY;kBATxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;GAIT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/MediaContent.d.ts

@@ -0,0 +1,43 @@
+import * as i0 from "@angular/core";
+export type MediaKind = "image" | "video";
+export type MediaContentProps = {
+    title?: string;
+    caption?: string;
+    byline?: string;
+    media?: string;
+    mediaAlt?: string;
+    mediaKind?: MediaKind;
+    mediaControls?: boolean;
+    aspectRatio?: string;
+    mediaCaptions?: string;
+    mediaCaptionsLabel?: string;
+    mediaCaptionsLang?: string;
+    class?: string;
+};
+export declare class MediaContent {
+    static readonly stComponentName = "MediaContent";
+    readonly componentName = "MediaContent";
+    title?: string;
+    caption?: string;
+    byline?: string;
+    media?: string;
+    mediaAlt?: string;
+    mediaKind?: MediaKind;
+    mediaControls?: boolean;
+    aspectRatio?: string;
+    mediaCaptions?: string;
+    mediaCaptionsLabel?: string;
+    mediaCaptionsLang?: string;
+    classInput?: string;
+    readonly defaultCaptions = "data:text/vtt,WEBVTT";
+    get hasMedia(): boolean;
+    get resolvedKind(): MediaKind;
+    get resolvedControls(): boolean;
+    get resolvedAspectRatio(): string;
+    get resolvedCaptionsLabel(): string;
+    get resolvedCaptionsLang(): string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaContent, "st-media-content", never, { "title": { "alias": "title"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "media": { "alias": "media"; "required": false; }; "mediaAlt": { "alias": "mediaAlt"; "required": false; }; "mediaKind": { "alias": "mediaKind"; "required": false; }; "mediaControls": { "alias": "mediaControls"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "mediaCaptions": { "alias": "mediaCaptions"; "required": false; }; "mediaCaptionsLabel": { "alias": "mediaCaptionsLabel"; "required": false; }; "mediaCaptionsLang": { "alias": "mediaCaptionsLang"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=MediaContent.d.ts.map

package/dist/MediaContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContent.d.ts","sourceRoot":"","sources":["../src/MediaContent.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAmCa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,QAAQ,CAAC,eAAe,0BAA0B;IAElD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,YAAY,IAAI,SAAS,CAE5B;IAED,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,IAAI,mBAAmB,IAAI,MAAM,CAEhC;IAED,IAAI,qBAAqB,IAAI,MAAM,CAElC;IAED,IAAI,oBAAoB,IAAI,MAAM,CAEjC;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;yCA5CU,YAAY;2CAAZ,YAAY;CA6CxB"}

package/dist/MediaContent.js

@@ -0,0 +1,137 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class MediaContent {
+    static stComponentName = "MediaContent";
+    componentName = "MediaContent";
+    title;
+    caption;
+    byline;
+    media;
+    mediaAlt;
+    mediaKind;
+    mediaControls;
+    aspectRatio;
+    mediaCaptions;
+    mediaCaptionsLabel;
+    mediaCaptionsLang;
+    classInput;
+    defaultCaptions = "data:text/vtt,WEBVTT";
+    get hasMedia() {
+        return Boolean(this.media?.trim());
+    }
+    get resolvedKind() {
+        return this.mediaKind ?? "image";
+    }
+    get resolvedControls() {
+        return this.mediaControls ?? true;
+    }
+    get resolvedAspectRatio() {
+        return this.aspectRatio ?? "16/9";
+    }
+    get resolvedCaptionsLabel() {
+        return this.mediaCaptionsLabel ?? "Français";
+    }
+    get resolvedCaptionsLang() {
+        return this.mediaCaptionsLang ?? "fr";
+    }
+    get hostClass() {
+        return classNames("st-mediaContent", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MediaContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MediaContent, isStandalone: true, selector: "st-media-content", inputs: { title: "title", caption: "caption", byline: "byline", media: "media", mediaAlt: "mediaAlt", mediaKind: "mediaKind", mediaControls: "mediaControls", aspectRatio: "aspectRatio", mediaCaptions: "mediaCaptions", mediaCaptionsLabel: "mediaCaptionsLabel", mediaCaptionsLang: "mediaCaptionsLang", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <figure [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-mediaContent__media" [style.--st-mediaContent-ratio]="resolvedAspectRatio">
+        @if (hasMedia) {
+          @if (resolvedKind === 'video') {
+            <video [controls]="resolvedControls" [src]="media" [attr.aria-label]="title || 'Contenu média'" preload="metadata">
+              <track
+                kind="captions"
+                [src]="mediaCaptions ?? defaultCaptions"
+                [attr.srclang]="resolvedCaptionsLang"
+                [attr.label]="resolvedCaptionsLabel"
+                default
+              />
+            </video>
+          } @else {
+            <img [src]="media" [alt]="mediaAlt ?? ''" loading="lazy" decoding="async" />
+          }
+        } @else {
+          <ng-content></ng-content>
+        }
+      </div>
+
+      @if (title || caption || byline) {
+        <figcaption class="st-mediaContent__caption">
+          @if (title) { <p class="st-mediaContent__title">{{ title }}</p> }
+          @if (caption) { <p>{{ caption }}</p> }
+          @if (byline) { <p class="st-mediaContent__byline">{{ byline }}</p> }
+        </figcaption>
+      }
+    </figure>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MediaContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-media-content",
+                    standalone: true,
+                    template: `
+    <figure [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-mediaContent__media" [style.--st-mediaContent-ratio]="resolvedAspectRatio">
+        @if (hasMedia) {
+          @if (resolvedKind === 'video') {
+            <video [controls]="resolvedControls" [src]="media" [attr.aria-label]="title || 'Contenu média'" preload="metadata">
+              <track
+                kind="captions"
+                [src]="mediaCaptions ?? defaultCaptions"
+                [attr.srclang]="resolvedCaptionsLang"
+                [attr.label]="resolvedCaptionsLabel"
+                default
+              />
+            </video>
+          } @else {
+            <img [src]="media" [alt]="mediaAlt ?? ''" loading="lazy" decoding="async" />
+          }
+        } @else {
+          <ng-content></ng-content>
+        }
+      </div>
+
+      @if (title || caption || byline) {
+        <figcaption class="st-mediaContent__caption">
+          @if (title) { <p class="st-mediaContent__title">{{ title }}</p> }
+          @if (caption) { <p>{{ caption }}</p> }
+          @if (byline) { <p class="st-mediaContent__byline">{{ byline }}</p> }
+        </figcaption>
+      }
+    </figure>
+  `,
+                }]
+        }], propDecorators: { title: [{
+                type: NgInput
+            }], caption: [{
+                type: NgInput
+            }], byline: [{
+                type: NgInput
+            }], media: [{
+                type: NgInput
+            }], mediaAlt: [{
+                type: NgInput
+            }], mediaKind: [{
+                type: NgInput
+            }], mediaControls: [{
+                type: NgInput
+            }], aspectRatio: [{
+                type: NgInput
+            }], mediaCaptions: [{
+                type: NgInput
+            }], mediaCaptionsLabel: [{
+                type: NgInput
+            }], mediaCaptionsLang: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=MediaContent.js.map

package/dist/MediaContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContent.js","sourceRoot":"","sources":["../src/MediaContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAsD7C,MAAM,OAAO,YAAY;IACvB,MAAM,CAAU,eAAe,GAAG,cAAc,CAAC;IACxC,aAAa,GAAG,cAAc,CAAC;IAC7B,KAAK,CAAU;IACf,OAAO,CAAU;IACjB,MAAM,CAAU;IAChB,KAAK,CAAU;IACf,QAAQ,CAAU;IAClB,SAAS,CAAa;IACtB,aAAa,CAAW;IACxB,WAAW,CAAU;IACrB,aAAa,CAAU;IACvB,kBAAkB,CAAU;IAC5B,iBAAiB,CAAU;IACpB,UAAU,CAAU;IAE7B,eAAe,GAAG,sBAAsB,CAAC;IAElD,IAAI,QAAQ;QACV,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC;IACnC,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC;IACpC,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC;IACpC,CAAC;IAED,IAAI,qBAAqB;QACvB,OAAO,IAAI,CAAC,kBAAkB,IAAI,UAAU,CAAC;IAC/C,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC;IACxC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACxD,CAAC;wGA5CU,YAAY;4FAAZ,YAAY,+ZAhCb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT;;4FAEU,YAAY;kBAnCxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/Menu.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type MenuActionItem = {
+    id?: string;
+    value?: string;
+    label: unknown;
+    disabled?: boolean;
+    variant?: "default" | "danger";
+    danger?: boolean;
+    /** Optional leading icon component (rendered in `.st-menu__itemIcon`). */
+    icon?: unknown;
+    onClick?: () => void;
+};
+export type MenuDividerItem = {
+    type?: "divider";
+    kind?: "divider";
+    id?: string;
+};
+export type MenuGroupItem = {
+    type?: "group";
+    kind?: "group";
+    id?: string;
+    label: unknown;
+    items?: MenuActionItem[];
+};
+export type MenuItem = MenuActionItem | MenuDividerItem | MenuGroupItem;
+export type MenuProps = {
+    items: MenuItem[];
+    dense?: boolean;
+    role?: string;
+    class?: string;
+};
+export declare class Menu {
+    static readonly stComponentName = "Menu";
+    readonly componentName = "Menu";
+    items: MenuItem[];
+    dense?: boolean;
+    role?: string;
+    classInput?: string;
+    readonly select: EventEmitter<MenuItem>;
+    get hostClass(): string;
+    isDivider(item: MenuItem): boolean;
+    isGroup(item: MenuItem): boolean;
+    asGroup(item: MenuItem): MenuGroupItem;
+    asAction(item: MenuItem): MenuActionItem;
+    itemClass(item: MenuActionItem): string;
+    isStringIcon(icon: unknown): icon is string;
+    onItemClick(item: MenuActionItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Menu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "st-menu", never, { "items": { "alias": "items"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "role": { "alias": "role"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAOlF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAElF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,eAAe,GAAG,aAAa,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAmBF,qBA6Ca,IAAI;IACf,MAAM,CAAC,QAAQ,CAAC,eAAe,UAAU;IACzC,QAAQ,CAAC,aAAa,UAAU;IAErB,KAAK,EAAE,QAAQ,EAAE,CAAM;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACP,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,MAAM,yBAAgC;IAEzD,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO;IAIlC,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO;IAIhC,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa;IAItC,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,cAAc;IAIxC,SAAS,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM;IAOvC,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,MAAM;IAI3C,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;yCA1C5B,IAAI;2CAAJ,IAAI;CA+ChB"}

package/dist/Menu.js

@@ -0,0 +1,154 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+function itemKind(item) {
+    const tagged = item;
+    return tagged.type ?? tagged.kind;
+}
+function isDivider(item) {
+    return itemKind(item) === "divider";
+}
+function isGroup(item) {
+    return itemKind(item) === "group";
+}
+function isDangerAction(item) {
+    return item.variant === "danger" || item.danger === true;
+}
+export class Menu {
+    static stComponentName = "Menu";
+    componentName = "Menu";
+    items = [];
+    dense;
+    role;
+    classInput;
+    select = new EventEmitter();
+    get hostClass() {
+        return classNames("st-menu", this.dense && "st-menu--dense", this.classInput);
+    }
+    isDivider(item) {
+        return isDivider(item);
+    }
+    isGroup(item) {
+        return isGroup(item);
+    }
+    asGroup(item) {
+        return item;
+    }
+    asAction(item) {
+        return item;
+    }
+    itemClass(item) {
+        return classNames("st-menu__item", isDangerAction(item) && "st-menu__item--danger");
+    }
+    isStringIcon(icon) {
+        return typeof icon === "string";
+    }
+    onItemClick(item) {
+        if (item.disabled)
+            return;
+        item.onClick?.();
+        this.select.emit(item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Menu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Menu, isStandalone: true, selector: "st-menu", inputs: { items: "items", dense: "dense", role: "role", classInput: ["class", "classInput"] }, outputs: { select: "select" }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.role]="role || 'menu'"
+    >
+      @for (item of items; track $index) {
+        @if (isDivider(item)) {
+          <div class="st-menu__divider" role="separator" aria-hidden="true"></div>
+        } @else if (isGroup(item)) {
+          <div class="st-menu__group" role="presentation">{{ asGroup(item).label }}</div>
+          @for (child of asGroup(item).items || []; track $index) {
+            <button
+              type="button"
+              role="menuitem"
+              [disabled]="child.disabled"
+              [attr.aria-disabled]="child.disabled ? 'true' : null"
+              [class]="itemClass(child)"
+              (click)="onItemClick(child)"
+            >
+              <span class="st-menu__itemLabel">{{ child.label }}</span>
+            </button>
+          }
+        } @else {
+          <button
+            type="button"
+            role="menuitem"
+            [disabled]="asAction(item).disabled"
+            [attr.aria-disabled]="asAction(item).disabled ? 'true' : null"
+            [class]="itemClass(asAction(item))"
+            (click)="onItemClick(asAction(item))"
+          >
+            @if (isStringIcon(asAction(item).icon)) {
+              <span class="st-menu__itemIcon" aria-hidden="true">{{ asAction(item).icon }}</span>
+            }
+            <span class="st-menu__itemLabel">{{ asAction(item).label }}</span>
+          </button>
+        }
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Menu, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-menu",
+                    standalone: true,
+                    template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.role]="role || 'menu'"
+    >
+      @for (item of items; track $index) {
+        @if (isDivider(item)) {
+          <div class="st-menu__divider" role="separator" aria-hidden="true"></div>
+        } @else if (isGroup(item)) {
+          <div class="st-menu__group" role="presentation">{{ asGroup(item).label }}</div>
+          @for (child of asGroup(item).items || []; track $index) {
+            <button
+              type="button"
+              role="menuitem"
+              [disabled]="child.disabled"
+              [attr.aria-disabled]="child.disabled ? 'true' : null"
+              [class]="itemClass(child)"
+              (click)="onItemClick(child)"
+            >
+              <span class="st-menu__itemLabel">{{ child.label }}</span>
+            </button>
+          }
+        } @else {
+          <button
+            type="button"
+            role="menuitem"
+            [disabled]="asAction(item).disabled"
+            [attr.aria-disabled]="asAction(item).disabled ? 'true' : null"
+            [class]="itemClass(asAction(item))"
+            (click)="onItemClick(asAction(item))"
+          >
+            @if (isStringIcon(asAction(item).icon)) {
+              <span class="st-menu__itemIcon" aria-hidden="true">{{ asAction(item).icon }}</span>
+            }
+            <span class="st-menu__itemLabel">{{ asAction(item).label }}</span>
+          </button>
+        }
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], dense: [{
+                type: NgInput
+            }], role: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], select: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Menu.js.map

package/dist/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../src/Menu.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;;AAoC7C,SAAS,QAAQ,CAAC,IAAc;IAC9B,MAAM,MAAM,GAAG,IAAwC,CAAC;IACxD,OAAO,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC;AACpC,CAAC;AAED,SAAS,SAAS,CAAC,IAAc;IAC/B,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;AACtC,CAAC;AAED,SAAS,OAAO,CAAC,IAAc;IAC7B,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC;AACpC,CAAC;AAED,SAAS,cAAc,CAAC,IAAoB;IAC1C,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC;AAC3D,CAAC;AA+CD,MAAM,OAAO,IAAI;IACf,MAAM,CAAU,eAAe,GAAG,MAAM,CAAC;IAChC,aAAa,GAAG,MAAM,CAAC;IAErB,KAAK,GAAe,EAAE,CAAC;IACvB,KAAK,CAAW;IAChB,IAAI,CAAU;IACP,UAAU,CAAU;IAEnB,MAAM,GAAG,IAAI,YAAY,EAAY,CAAC;IAEzD,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAChF,CAAC;IAED,SAAS,CAAC,IAAc;QACtB,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,OAAO,CAAC,IAAc;QACpB,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,CAAC,IAAc;QACpB,OAAO,IAAqB,CAAC;IAC/B,CAAC;IAED,QAAQ,CAAC,IAAc;QACrB,OAAO,IAAsB,CAAC;IAChC,CAAC;IAED,SAAS,CAAC,IAAoB;QAC5B,OAAO,UAAU,CACf,eAAe,EACf,cAAc,CAAC,IAAI,CAAC,IAAI,uBAAuB,CAChD,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,IAAa;QACxB,OAAO,OAAO,IAAI,KAAK,QAAQ,CAAC;IAClC,CAAC;IAED,WAAW,CAAC,IAAoB;QAC9B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACjB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;wGA9CU,IAAI;4FAAJ,IAAI,iMA1CL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCT;;4FAEU,IAAI;kBA7ChB,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}

package/dist/MenuPopover.d.ts

@@ -0,0 +1,21 @@
+import type { MenuItem } from "./Menu.js";
+import * as i0 from "@angular/core";
+export type MenuPopoverPlacement = "top-start" | "top-end" | "bottom-start" | "bottom-end";
+export type MenuPopoverProps = {
+    items?: MenuItem[];
+    open?: boolean;
+    placement?: MenuPopoverPlacement;
+    class?: string;
+};
+export declare class MenuPopover {
+    static readonly stComponentName = "MenuPopover";
+    readonly componentName = "MenuPopover";
+    items?: MenuItem[];
+    open?: boolean;
+    placement?: MenuPopoverPlacement;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuPopover, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuPopover, "st-menu-popover", never, { "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=MenuPopover.d.ts.map

package/dist/MenuPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../src/MenuPopover.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAE1C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;AAE3F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAUa,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IAC5B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAVU,WAAW;2CAAX,WAAW;CAWvB"}

package/dist/MenuPopover.js

@@ -0,0 +1,39 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { Menu } from "./Menu.js";
+import * as i0 from "@angular/core";
+export class MenuPopover {
+    static stComponentName = "MenuPopover";
+    componentName = "MenuPopover";
+    items;
+    open;
+    placement;
+    classInput;
+    get hostClass() {
+        return ["st-menuPopover", this.classInput].filter(Boolean).join(" ");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MenuPopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MenuPopover, isStandalone: true, selector: "st-menu-popover", inputs: { items: "items", open: "open", placement: "placement", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MenuPopover, decorators: [{
+            type: Component,
+            args: [{ selector: "st-menu-popover", standalone: true, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], open: [{
+                type: NgInput
+            }], placement: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=MenuPopover.js.map

package/dist/MenuPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopover.js","sourceRoot":"","sources":["../src/MenuPopover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;;AAuBjC,MAAM,OAAO,WAAW;IACtB,MAAM,CAAU,eAAe,GAAG,aAAa,CAAC;IACvC,aAAa,GAAG,aAAa,CAAC;IAC5B,KAAK,CAAc;IACnB,IAAI,CAAW;IACf,SAAS,CAAwB;IAC1B,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvE,CAAC;wGAVU,WAAW;4FAAX,WAAW,kLANZ;;;;GAIT;;4FAEU,WAAW;kBAVvB,SAAS;+BACE,iBAAiB,cACf,IAAI,YAEN;;;;GAIT;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/MenuTriggerButton.d.ts

@@ -0,0 +1,26 @@
+import * as i0 from "@angular/core";
+export type MenuTriggerButtonSize = "sm" | "md" | "lg";
+export type MenuTriggerButtonVariant = "ghost" | "secondary";
+export type MenuTriggerButtonProps = {
+    open?: boolean;
+    expanded?: boolean;
+    size?: MenuTriggerButtonSize;
+    variant?: MenuTriggerButtonVariant;
+    disabled?: boolean;
+    class?: string;
+};
+export declare class MenuTriggerButton {
+    static readonly stComponentName = "MenuTriggerButton";
+    readonly componentName = "MenuTriggerButton";
+    open?: boolean;
+    expanded?: boolean;
+    size: MenuTriggerButtonSize;
+    variant: MenuTriggerButtonVariant;
+    disabled: boolean;
+    classInput?: string;
+    get isOpen(): boolean;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuTriggerButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuTriggerButton, "st-menu-trigger-button", never, { "open": { "alias": "open"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=MenuTriggerButton.d.ts.map

package/dist/MenuTriggerButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTriggerButton.d.ts","sourceRoot":"","sources":["../src/MenuTriggerButton.ts"],"names":[],"mappings":";AAKA,MAAM,MAAM,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvD,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,WAAW,CAAC;AAE7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAgCa,iBAAiB;IAC5B,MAAM,CAAC,QAAQ,CAAC,eAAe,uBAAuB;IACtD,QAAQ,CAAC,aAAa,uBAAuB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,qBAAqB,CAAQ;IACnC,OAAO,EAAE,wBAAwB,CAAW;IAC5C,QAAQ,UAAS;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,SAAS,IAAI,MAAM,CAKtB;yCAnBU,iBAAiB;2CAAjB,iBAAiB;CAoB7B"}