@sentropic/design-system-angular 0.36.54

package/dist/Transcription.js

@@ -0,0 +1,109 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Transcription {
+    static stComponentName = "Transcription";
+    componentName = "Transcription";
+    title;
+    segments;
+    entries;
+    text;
+    classInput;
+    open;
+    showTimestamps = true;
+    get hostClass() {
+        return classNames("st-transcription", this.classInput);
+    }
+    get resolvedSegments() {
+        return (this.segments ?? []).filter((s) => Boolean(s.text?.trim()));
+    }
+    formatInterval(seg) {
+        if (!this.showTimestamps || (!seg.startTime && !seg.endTime))
+            return "";
+        if (!seg.startTime)
+            return seg.endTime ? `- ${seg.endTime}` : "";
+        if (!seg.endTime)
+            return `${seg.startTime} -`;
+        return `${seg.startTime} - ${seg.endTime}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Transcription, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Transcription, isStandalone: true, selector: "st-transcription", inputs: { title: "title", segments: "segments", entries: "entries", text: "text", classInput: ["class", "classInput"], open: "open", showTimestamps: "showTimestamps" }, ngImport: i0, template: `
+    <details [attr.data-st-component]="componentName" [class]="hostClass" [attr.open]="open ? '' : null">
+      <summary>{{ title ?? 'Transcription' }}</summary>
+      <div class="st-transcription__content">
+        @if (resolvedSegments.length > 0) {
+          <ol class="st-transcription__list">
+            @for (seg of resolvedSegments; track $index) {
+              <li class="st-transcription__item">
+                <p class="st-transcription__meta">
+                  @if (seg.speaker) {
+                    <span class="st-transcription__speaker">{{ seg.speaker }}</span>
+                  }
+                  @if (showTimestamps && (seg.startTime || seg.endTime)) {
+                    <time>{{ formatInterval(seg) }}</time>
+                  }
+                </p>
+                <p class="st-transcription__text">{{ seg.text }}</p>
+              </li>
+            }
+          </ol>
+        } @else if (text) {
+          <p class="st-transcription__text">{{ text }}</p>
+        } @else {
+          <p class="st-transcription__text">Aucun contenu de transcription fourni.</p>
+        }
+      </div>
+    </details>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Transcription, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-transcription",
+                    standalone: true,
+                    template: `
+    <details [attr.data-st-component]="componentName" [class]="hostClass" [attr.open]="open ? '' : null">
+      <summary>{{ title ?? 'Transcription' }}</summary>
+      <div class="st-transcription__content">
+        @if (resolvedSegments.length > 0) {
+          <ol class="st-transcription__list">
+            @for (seg of resolvedSegments; track $index) {
+              <li class="st-transcription__item">
+                <p class="st-transcription__meta">
+                  @if (seg.speaker) {
+                    <span class="st-transcription__speaker">{{ seg.speaker }}</span>
+                  }
+                  @if (showTimestamps && (seg.startTime || seg.endTime)) {
+                    <time>{{ formatInterval(seg) }}</time>
+                  }
+                </p>
+                <p class="st-transcription__text">{{ seg.text }}</p>
+              </li>
+            }
+          </ol>
+        } @else if (text) {
+          <p class="st-transcription__text">{{ text }}</p>
+        } @else {
+          <p class="st-transcription__text">Aucun contenu de transcription fourni.</p>
+        }
+      </div>
+    </details>
+  `,
+                }]
+        }], propDecorators: { title: [{
+                type: NgInput
+            }], segments: [{
+                type: NgInput
+            }], entries: [{
+                type: NgInput
+            }], text: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], open: [{
+                type: NgInput
+            }], showTimestamps: [{
+                type: NgInput
+            }] } });
+//# sourceMappingURL=Transcription.js.map

package/dist/Transcription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transcription.js","sourceRoot":"","sources":["../src/Transcription.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA0D7C,MAAM,OAAO,aAAa;IACxB,MAAM,CAAU,eAAe,GAAG,eAAe,CAAC;IACzC,aAAa,GAAG,eAAe,CAAC;IAE9B,KAAK,CAAU;IACf,QAAQ,CAA0B;IAClC,OAAO,CAAwB;IAC/B,IAAI,CAAU;IACP,UAAU,CAAU;IAC3B,IAAI,CAAW;IACf,cAAc,GAAG,IAAI,CAAC;IAEjC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,cAAc,CAAC,GAAyB;QACtC,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;YAAE,OAAO,EAAE,CAAC;QACxE,IAAI,CAAC,GAAG,CAAC,SAAS;YAAE,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACjE,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO,GAAG,GAAG,CAAC,SAAS,IAAI,CAAC;QAC9C,OAAO,GAAG,GAAG,CAAC,SAAS,MAAM,GAAG,CAAC,OAAO,EAAE,CAAC;IAC7C,CAAC;wGAzBU,aAAa;4FAAb,aAAa,qPA7Bd;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT;;4FAEU,aAAa;kBAhCzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBACf,OAAO;;sBACP,OAAO"}

package/dist/TreeView.d.ts

@@ -0,0 +1,64 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export interface TreeNode {
+    id: string;
+    label: string;
+    children?: TreeNode[];
+    disabled?: boolean;
+}
+export type TreeViewProps = {
+    nodes: TreeNode[];
+    /** Id du nœud sélectionné. */
+    selected?: string;
+    /** Alias compat de `selected`. */
+    selectedId?: string;
+    /** Ids dépliés au départ. */
+    defaultExpanded?: string[];
+    /** Alias compat de `defaultExpanded`. */
+    defaultExpandedIds?: string[];
+    /** Ids dépliés contrôlés. */
+    expandedIds?: string[];
+    label?: string;
+    class?: string;
+};
+type FlatNode = {
+    node: TreeNode;
+    level: number;
+    parentId: string | null;
+    hasChildren: boolean;
+    expanded: boolean;
+};
+export declare class TreeView {
+    static readonly stComponentName = "TreeView";
+    readonly componentName = "TreeView";
+    nodes: TreeNode[];
+    selected?: string;
+    selectedId?: string;
+    defaultExpanded?: string[];
+    defaultExpandedIds?: string[];
+    expandedIds?: string[];
+    label?: string;
+    classInput?: string;
+    selectedChange: EventEmitter<string>;
+    select: EventEmitter<string>;
+    private localExpanded;
+    private localSelected?;
+    focusedId?: string;
+    ngOnInit(): void;
+    private get expandedMap();
+    get activeSelected(): string | undefined;
+    get visible(): FlatNode[];
+    get tabbableId(): string | undefined;
+    indentFor(level: number): string;
+    rowClass(flat: FlatNode): string;
+    caretClass(flat: FlatNode): string;
+    private toggle;
+    activate(flat: FlatNode): void;
+    private focusAt;
+    onKey(event: KeyboardEvent, flat: FlatNode): void;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeView, "st-tree-view", never, { "nodes": { "alias": "nodes"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectedId": { "alias": "selectedId"; "required": false; }; "defaultExpanded": { "alias": "defaultExpanded"; "required": false; }; "defaultExpandedIds": { "alias": "defaultExpandedIds"; "required": false; }; "expandedIds": { "alias": "expandedIds"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "selectedChange": "selectedChange"; "select": "select"; }, never, ["*"], true, never>;
+}
+export {};
+//# sourceMappingURL=TreeView.d.ts.map

package/dist/TreeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../src/TreeView.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAGb,MAAM,eAAe,CAAC;;AAIvB,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,qBAiCa,QAAQ;IACnB,MAAM,CAAC,QAAQ,CAAC,eAAe,cAAc;IAC7C,QAAQ,CAAC,aAAa,cAAc;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAM;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,uBAA8B;IAC5C,MAAM,uBAA8B;IAE9C,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,aAAa,CAAC,CAAS;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,IAAI,IAAI;IAKhB,OAAO,KAAK,WAAW,GAKtB;IAED,IAAI,cAAc,IAAI,MAAM,GAAG,SAAS,CAEvC;IAED,IAAI,OAAO,IAAI,QAAQ,EAAE,CAaxB;IAED,IAAI,UAAU,IAAI,MAAM,GAAG,SAAS,CAEnC;IAED,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIhC,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;IAQhC,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;IAQlC,OAAO,CAAC,MAAM;IAKd,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAY9B,OAAO,CAAC,OAAO;IAYf,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI;IAuCjD,IAAI,SAAS,IAAI,MAAM,CAEtB;yCA/IU,QAAQ;2CAAR,QAAQ;CAgJpB"}

package/dist/TreeView.js

@@ -0,0 +1,220 @@
+import { Component, EventEmitter, Input as NgInput, Output, } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class TreeView {
+    static stComponentName = "TreeView";
+    componentName = "TreeView";
+    nodes = [];
+    selected;
+    selectedId;
+    defaultExpanded;
+    defaultExpandedIds;
+    expandedIds;
+    label;
+    classInput;
+    selectedChange = new EventEmitter();
+    select = new EventEmitter();
+    localExpanded = {};
+    localSelected;
+    focusedId;
+    ngOnInit() {
+        const seed = this.defaultExpanded ?? this.defaultExpandedIds ?? [];
+        this.localExpanded = Object.fromEntries(seed.map((id) => [id, true]));
+    }
+    get expandedMap() {
+        if (this.expandedIds !== undefined) {
+            return Object.fromEntries(this.expandedIds.map((id) => [id, true]));
+        }
+        return this.localExpanded;
+    }
+    get activeSelected() {
+        return this.selected ?? this.selectedId ?? this.localSelected;
+    }
+    get visible() {
+        const out = [];
+        const map = this.expandedMap;
+        const walk = (items, level, parentId) => {
+            for (const node of items) {
+                const hasChildren = Boolean(node.children && node.children.length > 0);
+                const expanded = Boolean(map[node.id]);
+                out.push({ node, level, parentId, hasChildren, expanded });
+                if (hasChildren && expanded)
+                    walk(node.children, level + 1, node.id);
+            }
+        };
+        walk(this.nodes ?? [], 1, null);
+        return out;
+    }
+    get tabbableId() {
+        return this.focusedId ?? this.visible[0]?.node.id;
+    }
+    indentFor(level) {
+        return `calc(${level - 1} * var(--st-spacing-4, 1rem) + 0.25rem)`;
+    }
+    rowClass(flat) {
+        return classNames("st-treeView__row", this.activeSelected === flat.node.id && "st-treeView__row--selected", flat.node.disabled && "st-treeView__row--disabled");
+    }
+    caretClass(flat) {
+        return classNames("st-treeView__caret", !flat.hasChildren && "st-treeView__caret--leaf", flat.expanded && "st-treeView__caret--open");
+    }
+    toggle(id) {
+        if (this.expandedIds !== undefined)
+            return;
+        this.localExpanded = { ...this.localExpanded, [id]: !this.localExpanded[id] };
+    }
+    activate(flat) {
+        if (flat.node.disabled)
+            return;
+        this.focusedId = flat.node.id;
+        if (flat.hasChildren) {
+            this.toggle(flat.node.id);
+        }
+        else {
+            this.localSelected = flat.node.id;
+            this.selectedChange.emit(flat.node.id);
+            this.select.emit(flat.node.id);
+        }
+    }
+    focusAt(index) {
+        const target = this.visible[index];
+        if (!target)
+            return;
+        this.focusedId = target.node.id;
+        queueMicrotask(() => {
+            const rows = Array.from(document.querySelectorAll("[data-tree-id]"));
+            rows.find((row) => row.dataset["treeId"] === target.node.id)?.focus();
+        });
+    }
+    onKey(event, flat) {
+        const list = this.visible;
+        const i = list.findIndex((v) => v.node.id === flat.node.id);
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.focusAt(i + 1);
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.focusAt(i - 1);
+                break;
+            case "Home":
+                event.preventDefault();
+                this.focusAt(0);
+                break;
+            case "End":
+                event.preventDefault();
+                this.focusAt(list.length - 1);
+                break;
+            case "ArrowRight":
+                event.preventDefault();
+                if (flat.hasChildren && !flat.expanded)
+                    this.toggle(flat.node.id);
+                else if (flat.hasChildren)
+                    this.focusAt(i + 1);
+                break;
+            case "ArrowLeft":
+                event.preventDefault();
+                if (flat.hasChildren && flat.expanded)
+                    this.toggle(flat.node.id);
+                else if (flat.parentId)
+                    this.focusAt(list.findIndex((v) => v.node.id === flat.parentId));
+                break;
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                this.activate(flat);
+                break;
+        }
+    }
+    get hostClass() {
+        return classNames("st-treeView", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreeView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TreeView, isStandalone: true, selector: "st-tree-view", inputs: { nodes: "nodes", selected: "selected", selectedId: "selectedId", defaultExpanded: "defaultExpanded", defaultExpandedIds: "defaultExpandedIds", expandedIds: "expandedIds", label: "label", classInput: ["class", "classInput"] }, outputs: { selectedChange: "selectedChange", select: "select" }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="tree"
+      [attr.aria-label]="label ?? 'Arborescence'"
+    >
+      @for (flat of visible; track flat.node.id) {
+        <div
+          role="treeitem"
+          [class]="rowClass(flat)"
+          [attr.aria-level]="flat.level"
+          [attr.aria-expanded]="flat.hasChildren ? flat.expanded : null"
+          [attr.aria-selected]="activeSelected === flat.node.id"
+          [attr.aria-disabled]="flat.node.disabled || null"
+          [attr.data-tree-id]="flat.node.id"
+          [attr.tabindex]="flat.node.id === tabbableId ? 0 : -1"
+          [style.padding-inline-start]="indentFor(flat.level)"
+          (click)="activate(flat)"
+          (keydown)="onKey($event, flat)"
+          (focus)="focusedId = flat.node.id"
+        >
+          <span [class]="caretClass(flat)" aria-hidden="true"></span>
+          <span class="st-treeView__label">{{ flat.node.label }}</span>
+        </div>
+      }
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreeView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-tree-view",
+                    standalone: true,
+                    template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      role="tree"
+      [attr.aria-label]="label ?? 'Arborescence'"
+    >
+      @for (flat of visible; track flat.node.id) {
+        <div
+          role="treeitem"
+          [class]="rowClass(flat)"
+          [attr.aria-level]="flat.level"
+          [attr.aria-expanded]="flat.hasChildren ? flat.expanded : null"
+          [attr.aria-selected]="activeSelected === flat.node.id"
+          [attr.aria-disabled]="flat.node.disabled || null"
+          [attr.data-tree-id]="flat.node.id"
+          [attr.tabindex]="flat.node.id === tabbableId ? 0 : -1"
+          [style.padding-inline-start]="indentFor(flat.level)"
+          (click)="activate(flat)"
+          (keydown)="onKey($event, flat)"
+          (focus)="focusedId = flat.node.id"
+        >
+          <span [class]="caretClass(flat)" aria-hidden="true"></span>
+          <span class="st-treeView__label">{{ flat.node.label }}</span>
+        </div>
+      }
+      <ng-content></ng-content>
+    </div>
+  `,
+                }]
+        }], propDecorators: { nodes: [{
+                type: NgInput
+            }], selected: [{
+                type: NgInput
+            }], selectedId: [{
+                type: NgInput
+            }], defaultExpanded: [{
+                type: NgInput
+            }], defaultExpandedIds: [{
+                type: NgInput
+            }], expandedIds: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], selectedChange: [{
+                type: Output
+            }], select: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=TreeView.js.map

package/dist/TreeView.js.map

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

package/dist/TreegraphChart.d.ts

@@ -0,0 +1,62 @@
+import * as i0 from "@angular/core";
+export type TreegraphChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type TreegraphChartNode = {
+    id: string;
+    parentId?: string | null;
+    label: string;
+    tone?: TreegraphChartTone;
+};
+export type TreegraphChartProps = {
+    data: TreegraphChartNode[];
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type LayoutNode = {
+    id: string;
+    label: string;
+    tone: TreegraphChartTone;
+    depth: number;
+    x: number;
+    y: number;
+    parentId: string | null;
+};
+type LayoutLink = {
+    id: string;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+type Layout = {
+    nodes: LayoutNode[];
+    links: LayoutLink[];
+    rowH: number;
+};
+export declare class TreegraphChart {
+    static readonly stComponentName = "TreegraphChart";
+    readonly componentName = "TreegraphChart";
+    readonly R = 7;
+    data: TreegraphChartNode[];
+    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;
+    isLeaf(node: LayoutNode): boolean;
+    dotClass(node: LayoutNode): string;
+    linkPath(link: LayoutLink): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreegraphChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreegraphChart, "st-treegraph-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=TreegraphChart.d.ts.map

package/dist/TreegraphChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreegraphChart.d.ts","sourceRoot":"","sources":["../src/TreegraphChart.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,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,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,kBAAkB,CAAC;IACzB,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,UAAU,EAAE,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAyHzE,qBAmDa,cAAc;IACzB,MAAM,CAAC,QAAQ,CAAC,eAAe,oBAAoB;IACnD,QAAQ,CAAC,aAAa,oBAAoB;IAC1C,QAAQ,CAAC,CAAC,KAAK;IAEJ,IAAI,EAAE,kBAAkB,EAAE,CAAM;IAChC,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,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO;IAIjC,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAIlC,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;yCA3DvB,cAAc;2CAAd,cAAc;CA+D1B"}