@sentropic/design-system-angular 0.36.54

package/dist/ObjectPage.d.ts

@@ -0,0 +1,45 @@
+import * as i0 from "@angular/core";
+export type ObjectPageBreadcrumbItem = {
+    label: string;
+    href?: string;
+};
+export type ObjectPageKpi = {
+    label: string;
+    value: string | number;
+    unit?: string;
+};
+export type ObjectPageField = {
+    label: string;
+    value: string | number;
+};
+export type ObjectPageColumn = {
+    key: string;
+    label: string;
+};
+export type ObjectPageRow = Record<string, unknown>;
+export type ObjectPageProps = {
+    entityTitle?: string;
+    primaryAction?: string;
+    secondaryAction?: string;
+    kpis?: ObjectPageKpi[];
+    fields?: ObjectPageField[];
+    relatedColumns?: ObjectPageColumn[];
+    relatedRows?: ObjectPageRow[];
+    class?: string;
+};
+export declare class ObjectPage {
+    static readonly stComponentName = "ObjectPage";
+    readonly componentName = "ObjectPage";
+    entityTitle: string;
+    primaryAction?: string;
+    secondaryAction?: string;
+    kpis: ObjectPageKpi[];
+    fields: ObjectPageField[];
+    relatedColumns: ObjectPageColumn[];
+    relatedRows: ObjectPageRow[];
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObjectPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectPage, "st-object-page", never, { "entityTitle": { "alias": "entityTitle"; "required": false; }; "primaryAction": { "alias": "primaryAction"; "required": false; }; "secondaryAction": { "alias": "secondaryAction"; "required": false; }; "kpis": { "alias": "kpis"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "relatedColumns": { "alias": "relatedColumns"; "required": false; }; "relatedRows": { "alias": "relatedRows"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=ObjectPage.d.ts.map

package/dist/ObjectPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectPage.d.ts","sourceRoot":"","sources":["../src/ObjectPage.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,cAAc,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBASa,UAAU;IACrB,MAAM,CAAC,QAAQ,CAAC,eAAe,gBAAgB;IAC/C,QAAQ,CAAC,aAAa,gBAAgB;IAC3B,WAAW,SAAM;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,aAAa,EAAE,CAAM;IAC3B,MAAM,EAAE,eAAe,EAAE,CAAM;IAC/B,cAAc,EAAE,gBAAgB,EAAE,CAAM;IACxC,WAAW,EAAE,aAAa,EAAE,CAAM;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAdU,UAAU;2CAAV,UAAU;CAetB"}

package/dist/ObjectPage.js

@@ -0,0 +1,53 @@
+import { Component, Input as NgInput } from "@angular/core";
+import * as i0 from "@angular/core";
+export class ObjectPage {
+    static stComponentName = "ObjectPage";
+    componentName = "ObjectPage";
+    entityTitle = "";
+    primaryAction;
+    secondaryAction;
+    kpis = [];
+    fields = [];
+    relatedColumns = [];
+    relatedRows = [];
+    classInput;
+    get hostClass() {
+        return ["st-op", this.classInput].filter(Boolean).join(" ");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ObjectPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ObjectPage, isStandalone: true, selector: "st-object-page", inputs: { entityTitle: "entityTitle", primaryAction: "primaryAction", secondaryAction: "secondaryAction", kpis: "kpis", fields: "fields", relatedColumns: "relatedColumns", relatedRows: "relatedRows", 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: ObjectPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-object-page",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `,
+                }]
+        }], propDecorators: { entityTitle: [{
+                type: NgInput
+            }], primaryAction: [{
+                type: NgInput
+            }], secondaryAction: [{
+                type: NgInput
+            }], kpis: [{
+                type: NgInput
+            }], fields: [{
+                type: NgInput
+            }], relatedColumns: [{
+                type: NgInput
+            }], relatedRows: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ObjectPage.js.map

package/dist/ObjectPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectPage.js","sourceRoot":"","sources":["../src/ObjectPage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;;AA6C5D,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAC3B,WAAW,GAAG,EAAE,CAAC;IACjB,aAAa,CAAU;IACvB,eAAe,CAAU;IACzB,IAAI,GAAoB,EAAE,CAAC;IAC3B,MAAM,GAAsB,EAAE,CAAC;IAC/B,cAAc,GAAuB,EAAE,CAAC;IACxC,WAAW,GAAoB,EAAE,CAAC;IAC3B,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;wGAdU,UAAU;4FAAV,UAAU,yTANX;;;;GAIT;;4FAEU,UAAU;kBATtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;GAIT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/OrderedList.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+export type OrderedListInput = string | OrderedListItem;
+export interface OrderedListItem {
+    content: unknown;
+    /** Sous-items : chaînes ou objets (normalisés au rendu). */
+    children?: OrderedListInput[];
+}
+export type OrderedListProps = {
+    items: OrderedListInput[];
+    nested?: boolean;
+    class?: string;
+};
+export declare class OrderedList {
+    static readonly stComponentName = "OrderedList";
+    readonly componentName = "OrderedList";
+    items: OrderedListInput[];
+    nested: boolean;
+    classInput?: string;
+    normalize(item: OrderedListInput): OrderedListItem;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrderedList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrderedList, "st-ordered-list", never, { "items": { "alias": "items"; "required": false; }; "nested": { "alias": "nested"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=OrderedList.d.ts.map

package/dist/OrderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":";AAKA,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,eAAe,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA+Ba,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IAC5B,KAAK,EAAE,gBAAgB,EAAE,CAAM;IAC/B,MAAM,UAAS;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,SAAS,CAAC,IAAI,EAAE,gBAAgB,GAAG,eAAe;IAKlD,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAlBU,WAAW;2CAAX,WAAW;CAmBvB"}

package/dist/OrderedList.js

@@ -0,0 +1,88 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class OrderedList {
+    static stComponentName = "OrderedList";
+    componentName = "OrderedList";
+    items = [];
+    nested = false;
+    classInput;
+    normalize(item) {
+        if (typeof item === "string")
+            return { content: item };
+        return item;
+    }
+    get hostClass() {
+        return classNames("st-orderedList", this.nested && "st-orderedList--nested", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OrderedList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: OrderedList, isStandalone: true, selector: "st-ordered-list", inputs: { items: "items", nested: "nested", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <ol [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-container
+        [ngTemplateOutlet]="listTpl"
+        [ngTemplateOutletContext]="{ $implicit: items }"
+      ></ng-container>
+      <ng-content></ng-content>
+    </ol>
+
+    <ng-template #listTpl let-list>
+      @for (raw of list; track $index) {
+        @let item = normalize(raw);
+        <li class="st-orderedList__item">
+          {{ item.content }}
+          @if (item.children && item.children.length > 0) {
+            <ol class="st-orderedList st-orderedList--nested">
+              <ng-container
+                [ngTemplateOutlet]="listTpl"
+                [ngTemplateOutletContext]="{ $implicit: item.children }"
+              ></ng-container>
+            </ol>
+          }
+        </li>
+      }
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OrderedList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-ordered-list",
+                    standalone: true,
+                    imports: [NgTemplateOutlet],
+                    template: `
+    <ol [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-container
+        [ngTemplateOutlet]="listTpl"
+        [ngTemplateOutletContext]="{ $implicit: items }"
+      ></ng-container>
+      <ng-content></ng-content>
+    </ol>
+
+    <ng-template #listTpl let-list>
+      @for (raw of list; track $index) {
+        @let item = normalize(raw);
+        <li class="st-orderedList__item">
+          {{ item.content }}
+          @if (item.children && item.children.length > 0) {
+            <ol class="st-orderedList st-orderedList--nested">
+              <ng-container
+                [ngTemplateOutlet]="listTpl"
+                [ngTemplateOutletContext]="{ $implicit: item.children }"
+              ></ng-container>
+            </ol>
+          }
+        </li>
+      }
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], nested: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=OrderedList.js.map

package/dist/OrderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA+C7C,MAAM,OAAO,WAAW;IACtB,MAAM,CAAU,eAAe,GAAG,aAAa,CAAC;IACvC,aAAa,GAAG,aAAa,CAAC;IAC5B,KAAK,GAAuB,EAAE,CAAC;IAC/B,MAAM,GAAG,KAAK,CAAC;IACR,UAAU,CAAU;IAEtC,SAAS,CAAC,IAAsB;QAC9B,IAAI,OAAO,IAAI,KAAK,QAAQ;YAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QACvD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,gBAAgB,EAChB,IAAI,CAAC,MAAM,IAAI,wBAAwB,EACvC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAlBU,WAAW;4FAAX,WAAW,8JA3BZ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT,4DA1BS,gBAAgB;;4FA4Bf,WAAW;kBA/BvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/OrganizationChart.d.ts

@@ -0,0 +1,61 @@
+import * as i0 from "@angular/core";
+export type OrganizationChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type OrganizationChartNode = {
+    id: string;
+    parentId?: string | null;
+    label: string;
+    tone?: OrganizationChartTone;
+};
+export type OrganizationChartProps = {
+    data: OrganizationChartNode[];
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type LayoutBox = {
+    id: string;
+    label: string;
+    tone: OrganizationChartTone;
+    depth: number;
+    x: number;
+    y: number;
+    parentId: string | null;
+};
+type LayoutLink = {
+    id: string;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+type Layout = {
+    boxes: LayoutBox[];
+    links: LayoutLink[];
+    boxW: number;
+};
+export declare class OrganizationChart {
+    static readonly stComponentName = "OrganizationChart";
+    readonly componentName = "OrganizationChart";
+    readonly BOX_H = 36;
+    data: OrganizationChartNode[];
+    width?: number;
+    height?: number;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get layout(): Layout;
+    get fontSize(): number;
+    get maxChars(): number;
+    get dataValueItems(): string[];
+    clip(s: string, n: number): string;
+    boxClass(box: LayoutBox): string;
+    linkPath(link: LayoutLink): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrganizationChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationChart, "st-organization-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=OrganizationChart.d.ts.map

package/dist/OrganizationChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationChart.d.ts","sourceRoot":"","sources":["../src/OrganizationChart.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,qBAAqB,GAC7B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,qBAAqB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjF,KAAK,MAAM,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AA0HxE,qBAqDa,iBAAiB;IAC5B,MAAM,CAAC,QAAQ,CAAC,eAAe,uBAAuB;IACtD,QAAQ,CAAC,aAAa,uBAAuB;IAC7C,QAAQ,CAAC,KAAK,MAAS;IAEZ,IAAI,EAAE,qBAAqB,EAAE,CAAM;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,SAAM;IACJ,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,QAAQ,IAAI,MAAM,CAGrB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAK7B;IAED,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM;IAIlC,QAAQ,CAAC,GAAG,EAAE,SAAS,GAAG,MAAM;IAIhC,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;yCAvDvB,iBAAiB;2CAAjB,iBAAiB;CA2D7B"}

package/dist/OrganizationChart.js

@@ -0,0 +1,296 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+const BOX_H = 36;
+const GAP_X = 16;
+const PAD_X = 8;
+function computeLayout(data, width, height) {
+    if (!data || data.length === 0)
+        return { boxes: [], links: [], boxW: 0 };
+    const byId = new Map();
+    for (const n of data)
+        if (n.id != null && !byId.has(n.id))
+            byId.set(n.id, n);
+    const validParent = (n) => {
+        const p = n.parentId;
+        if (p == null)
+            return null;
+        if (!byId.has(p) || p === n.id)
+            return null;
+        let cursor = p;
+        const seen = new Set([n.id]);
+        while (cursor != null) {
+            if (seen.has(cursor))
+                return null;
+            seen.add(cursor);
+            const parent = byId.get(cursor);
+            cursor = parent ? (parent.parentId ?? null) : null;
+        }
+        return p;
+    };
+    const childrenOf = new Map();
+    const roots = [];
+    for (const n of byId.values()) {
+        const p = validParent(n);
+        if (p == null) {
+            roots.push(n.id);
+        }
+        else {
+            const list = childrenOf.get(p) ?? [];
+            list.push(n.id);
+            childrenOf.set(p, list);
+        }
+    }
+    const depthOf = new Map();
+    const leafOrder = new Map();
+    let leafCounter = 0;
+    let maxDepth = 0;
+    const visit = (id, depth) => {
+        depthOf.set(id, depth);
+        if (depth > maxDepth)
+            maxDepth = depth;
+        const kids = childrenOf.get(id) ?? [];
+        if (kids.length === 0) {
+            leafOrder.set(id, leafCounter);
+            leafCounter += 1;
+            return;
+        }
+        for (const k of kids)
+            visit(k, depth + 1);
+    };
+    for (const r of roots)
+        visit(r, 0);
+    const leafCount = Math.max(leafCounter, 1);
+    const usable = Math.max(width - PAD_X * 2, 1);
+    const colW = usable / leafCount;
+    const boxW = Math.max(colW - GAP_X, 24);
+    const centerX = new Map();
+    const computeX = (id) => {
+        const cached = centerX.get(id);
+        if (cached != null)
+            return cached;
+        const kids = childrenOf.get(id) ?? [];
+        let cx;
+        if (kids.length === 0) {
+            const col = leafOrder.get(id) ?? 0;
+            cx = PAD_X + col * colW + colW / 2;
+        }
+        else {
+            const xs = kids.map((k) => computeX(k));
+            cx = xs.reduce((s, v) => s + v, 0) / xs.length;
+        }
+        centerX.set(id, cx);
+        return cx;
+    };
+    for (const r of roots)
+        computeX(r);
+    const levels = maxDepth + 1;
+    const usableY = Math.max(height - BOX_H, 1);
+    const rowGap = levels > 1 ? usableY / (levels - 1) : 0;
+    const yForDepth = (d) => (levels > 1 ? d * rowGap : (height - BOX_H) / 2);
+    const boxes = [];
+    let toneIdx = 0;
+    const ordered = [...byId.values()].filter((n) => depthOf.has(n.id));
+    for (const n of ordered) {
+        const depth = depthOf.get(n.id) ?? 0;
+        const tone = n.tone ?? TONES[toneIdx % TONES.length];
+        if (!n.tone)
+            toneIdx += 1;
+        boxes.push({
+            id: n.id,
+            label: n.label,
+            tone,
+            depth,
+            x: centerX.get(n.id) ?? width / 2,
+            y: yForDepth(depth),
+            parentId: validParent(n),
+        });
+    }
+    const boxById = new Map(boxes.map((b) => [b.id, b]));
+    const links = [];
+    for (const b of boxes) {
+        if (b.parentId == null)
+            continue;
+        const parent = boxById.get(b.parentId);
+        if (!parent)
+            continue;
+        links.push({
+            id: b.id,
+            x1: parent.x,
+            y1: parent.y + BOX_H,
+            x2: b.x,
+            y2: b.y,
+        });
+    }
+    return { boxes, links, boxW };
+}
+export class OrganizationChart {
+    static stComponentName = "OrganizationChart";
+    componentName = "OrganizationChart";
+    BOX_H = BOX_H;
+    data = [];
+    width;
+    height;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-organizationChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 640;
+    }
+    get heightValue() {
+        return this.height ?? 320;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get layout() {
+        return computeLayout(this.data, this.widthValue, this.heightValue);
+    }
+    get fontSize() {
+        const w = this.layout.boxW;
+        return w < 56 ? 9 : w < 88 ? 10 : 12;
+    }
+    get maxChars() {
+        return Math.max(2, Math.floor((this.layout.boxW - 10) / (this.fontSize * 0.58)));
+    }
+    get dataValueItems() {
+        return this.layout.boxes.map((b) => {
+            const parent = b.parentId != null ? this.layout.boxes.find((p) => p.id === b.parentId) : undefined;
+            return parent ? `${b.label} (${b.id}) → ${parent.label}` : `${b.label} (${b.id})`;
+        });
+    }
+    clip(s, n) {
+        return s.length > n ? `${s.slice(0, Math.max(1, n - 1))}…` : s;
+    }
+    boxClass(box) {
+        return classNames("st-organizationChart__box", `st-organizationChart__box--${box.tone}`);
+    }
+    linkPath(link) {
+        const midY = (link.y1 + link.y2) / 2;
+        return `M ${link.x1} ${link.y1} V ${midY} H ${link.x2} V ${link.y2}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OrganizationChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: OrganizationChart, isStandalone: true, selector: "st-organization-chart", inputs: { data: "data", width: "width", height: "height", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-organizationChart__visual" role="img" [attr.aria-label]="label">
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (link of layout.links; track link.id) {
+            <path
+              class="st-organizationChart__link"
+              [attr.d]="linkPath(link)"
+              fill="none"
+            />
+          }
+
+          @for (box of layout.boxes; track box.id) {
+            <g class="st-organizationChart__node">
+              <rect
+                [class]="boxClass(box)"
+                [attr.x]="box.x - layout.boxW / 2"
+                [attr.y]="box.y"
+                [attr.width]="layout.boxW"
+                [attr.height]="BOX_H"
+                rx="6"
+              />
+              <text
+                class="st-organizationChart__label"
+                [attr.x]="box.x"
+                [attr.y]="box.y + BOX_H / 2"
+                text-anchor="middle"
+                dominant-baseline="central"
+                [attr.style]="'font-size: ' + fontSize + 'px'"
+              >{{ clip(box.label, maxChars) }}</text>
+            </g>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="label + ' data'">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OrganizationChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-organization-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-organizationChart__visual" role="img" [attr.aria-label]="label">
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (link of layout.links; track link.id) {
+            <path
+              class="st-organizationChart__link"
+              [attr.d]="linkPath(link)"
+              fill="none"
+            />
+          }
+
+          @for (box of layout.boxes; track box.id) {
+            <g class="st-organizationChart__node">
+              <rect
+                [class]="boxClass(box)"
+                [attr.x]="box.x - layout.boxW / 2"
+                [attr.y]="box.y"
+                [attr.width]="layout.boxW"
+                [attr.height]="BOX_H"
+                rx="6"
+              />
+              <text
+                class="st-organizationChart__label"
+                [attr.x]="box.x"
+                [attr.y]="box.y + BOX_H / 2"
+                text-anchor="middle"
+                dominant-baseline="central"
+                [attr.style]="'font-size: ' + fontSize + 'px'"
+              >{{ clip(box.label, maxChars) }}</text>
+            </g>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="label + ' data'">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=OrganizationChart.js.map

package/dist/OrganizationChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationChart.js","sourceRoot":"","sources":["../src/OrganizationChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA2B7C,MAAM,KAAK,GAAG;IACZ,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;IAClD,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;CAC1C,CAAC;AAgBX,MAAM,KAAK,GAAG,EAAE,CAAC;AACjB,MAAM,KAAK,GAAG,EAAE,CAAC;AACjB,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,SAAS,aAAa,CAAC,IAA6B,EAAE,KAAa,EAAE,MAAc;IACjF,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IAEzE,MAAM,IAAI,GAAG,IAAI,GAAG,EAAiC,CAAC;IACtD,KAAK,MAAM,CAAC,IAAI,IAAI;QAAE,IAAI,CAAC,CAAC,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,CAAC,CAAwB,EAAiB,EAAE;QAC9D,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC;QACrB,IAAI,CAAC,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,MAAM,GAAkB,CAAC,CAAC;QAC9B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,OAAO,MAAM,IAAI,IAAI,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;gBAAE,OAAO,IAAI,CAAC;YAClC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACjB,MAAM,MAAM,GAAsC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACnE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACrD,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,IAAI,GAAG,EAAoB,CAAC;IAC/C,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;YACd,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,MAAM,OAAO,GAAG,IAAI,GAAG,EAAkB,CAAC;IAC1C,MAAM,SAAS,GAAG,IAAI,GAAG,EAAkB,CAAC;IAC5C,IAAI,WAAW,GAAG,CAAC,CAAC;IACpB,IAAI,QAAQ,GAAG,CAAC,CAAC;IAEjB,MAAM,KAAK,GAAG,CAAC,EAAU,EAAE,KAAa,EAAE,EAAE;QAC1C,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACvB,IAAI,KAAK,GAAG,QAAQ;YAAE,QAAQ,GAAG,KAAK,CAAC;QACvC,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtB,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;YAC/B,WAAW,IAAI,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QACD,KAAK,MAAM,CAAC,IAAI,IAAI;YAAE,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IACF,KAAK,MAAM,CAAC,IAAI,KAAK;QAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;IAExC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAkB,CAAC;IAC1C,MAAM,QAAQ,GAAG,CAAC,EAAU,EAAU,EAAE;QACtC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,MAAM,IAAI,IAAI;YAAE,OAAO,MAAM,CAAC;QAClC,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,EAAU,CAAC;QACf,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtB,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;YACnC,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;QACjD,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IACF,KAAK,MAAM,CAAC,IAAI,KAAK;QAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEnC,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAElF,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpE,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC;QACxB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACrD,IAAI,CAAC,CAAC,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC,CAAC;QAC1B,KAAK,CAAC,IAAI,CAAC;YACT,EAAE,EAAE,CAAC,CAAC,EAAE;YACR,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,IAAI;YACJ,KAAK;YACL,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,KAAK,GAAG,CAAC;YACjC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;YACnB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;SACzB,CAAC,CAAC;IACL,CAAC;IAED,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,KAAK,GAAiB,EAAE,CAAC;IAC/B,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;QACtB,IAAI,CAAC,CAAC,QAAQ,IAAI,IAAI;YAAE,SAAS;QACjC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvC,IAAI,CAAC,MAAM;YAAE,SAAS;QACtB,KAAK,CAAC,IAAI,CAAC;YACT,EAAE,EAAE,CAAC,CAAC,EAAE;YACR,EAAE,EAAE,MAAM,CAAC,CAAC;YACZ,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK;YACpB,EAAE,EAAE,CAAC,CAAC,CAAC;YACP,EAAE,EAAE,CAAC,CAAC,CAAC;SACR,CAAC,CAAC;IACL,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAChC,CAAC;AAuDD,MAAM,OAAO,iBAAiB;IAC5B,MAAM,CAAU,eAAe,GAAG,mBAAmB,CAAC;IAC7C,aAAa,GAAG,mBAAmB,CAAC;IACpC,KAAK,GAAG,KAAK,CAAC;IAEZ,IAAI,GAA4B,EAAE,CAAC;IACnC,KAAK,CAAU;IACf,MAAM,CAAU;IAChB,KAAK,GAAG,EAAE,CAAC;IACJ,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,sBAAsB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;IAC3B,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC;IAC5B,CAAC;IAED,IAAI,OAAO;QACT,OAAO,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;IACtD,CAAC;IAED,IAAI,MAAM;QACR,OAAO,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACrE,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QAC3B,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACnF,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACjC,MAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACnG,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,OAAO,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC;QACpF,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,CAAS,EAAE,CAAS;QACvB,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,QAAQ,CAAC,GAAc;QACrB,OAAO,UAAU,CAAC,2BAA2B,EAAE,8BAA8B,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3F,CAAC;IAED,QAAQ,CAAC,IAAgB;QACvB,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACrC,OAAO,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,MAAM,IAAI,MAAM,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,EAAE,CAAC;IACvE,CAAC;wGA1DU,iBAAiB;4FAAjB,iBAAiB,kMAlDlB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDT;;4FAEU,iBAAiB;kBArD7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDT;iBACF;;sBAME,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/OverflowMenu.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from "@angular/core";
+import type { MenuItem } from "./Menu.js";
+import * as i0 from "@angular/core";
+export type OverflowMenuPlacement = "top-start" | "top-end" | "bottom-start" | "bottom-end";
+export type OverflowMenuProps = {
+    items: MenuItem[];
+    label?: string;
+    open?: boolean;
+    dense?: boolean;
+    placement?: OverflowMenuPlacement;
+    class?: string;
+};
+export type { MenuItem as OverflowMenuItem };
+export declare class OverflowMenu {
+    static readonly stComponentName = "OverflowMenu";
+    readonly componentName = "OverflowMenu";
+    items: MenuItem[];
+    label?: string;
+    open?: boolean;
+    dense?: boolean;
+    placement?: OverflowMenuPlacement;
+    classInput?: string;
+    readonly select: EventEmitter<MenuItem>;
+    localOpen: boolean;
+    get hostClass(): string;
+    get listClass(): string;
+    onMenuSelect(item: MenuItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenu, "st-overflow-menu", never, { "items": { "alias": "items"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "select": "select"; }, never, never, true, never>;
+}
+//# sourceMappingURL=OverflowMenu.d.ts.map

package/dist/OverflowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../src/OverflowMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;AAMlF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAE1C,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;AAE5F,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,YAAY,EAAE,QAAQ,IAAI,gBAAgB,EAAE,CAAC;AAE7C,qBAyBa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAE7B,KAAK,EAAE,QAAQ,EAAE,CAAM;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,MAAM,yBAAgC;IAEzD,SAAS,UAAS;IAElB,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,IAAI,SAAS,IAAI,MAAM,CAKtB;IAED,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;yCA9BvB,YAAY;2CAAZ,YAAY;CAkCxB"}