@sentropic/design-system-angular 0.36.54

package/dist/StreamgraphChart.js

@@ -0,0 +1,313 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { buildLinearPath, buildSmoothPath, scaleLinear } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+const MARGIN = { top: 12, right: 16, bottom: 32, left: 16 };
+export class StreamgraphChart {
+    static stComponentName = "StreamgraphChart";
+    componentName = "StreamgraphChart";
+    MARGIN_LEFT = MARGIN.left;
+    MARGIN_RIGHT = MARGIN.right;
+    MARGIN_BOTTOM = MARGIN.bottom;
+    hovered = null;
+    data = [];
+    width;
+    height;
+    label = "";
+    smooth;
+    showLegend;
+    classInput;
+    get hostClass() {
+        return classNames("st-streamgraphChart", this.classInput);
+    }
+    get widthValue() { return this.width ?? 480; }
+    get heightValue() { return this.height ?? 240; }
+    get smoothValue() { return this.smooth !== false; }
+    get showLegendValue() { return this.showLegend !== false; }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get plotWidth() { return Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1); }
+    get plotHeight() { return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1); }
+    safeV(v) {
+        return Number.isFinite(v) && v > 0 ? v : 0;
+    }
+    get series() {
+        const seen = new Map();
+        this.data.forEach((d) => d.values.forEach((sv) => {
+            if (!seen.has(sv.label))
+                seen.set(sv.label, sv.tone ?? TONES[seen.size % TONES.length]);
+        }));
+        return [...seen.entries()].map(([seriesLabel, tone]) => ({ seriesLabel, tone }));
+    }
+    get halfMax() {
+        let max = 0;
+        for (const d of this.data) {
+            let sum = 0;
+            for (const sv of d.values)
+                sum += this.safeV(sv.value);
+            if (sum > max)
+                max = sum;
+        }
+        return max / 2 || 1;
+    }
+    computeBands() {
+        const xs = this.computeXs();
+        const midY = MARGIN.top + this.plotHeight / 2;
+        const valToY = (signed) => midY - scaleLinear(signed, 0, this.halfMax, 0, this.plotHeight / 2);
+        const result = this.series.map(() => []);
+        this.data.forEach((d, xi) => {
+            const total = d.values.reduce((s, sv) => s + this.safeV(sv.value), 0);
+            let acc = -total / 2;
+            this.series.forEach((s, si) => {
+                const sv = d.values.find((v) => v.label === s.seriesLabel);
+                const v = sv ? this.safeV(sv.value) : 0;
+                const lower = acc;
+                const upper = acc + v;
+                acc = upper;
+                result[si].push({ x: xs[xi], top: valToY(upper), bottom: valToY(lower) });
+            });
+        });
+        return result;
+    }
+    computeXs() {
+        const n = this.data.length;
+        return this.data.map((_, i) => {
+            const denom = Math.max(n - 1, 1);
+            const xRatio = n === 1 ? 0.5 : i / denom;
+            return MARGIN.left + xRatio * this.plotWidth;
+        });
+    }
+    get areas() {
+        const bandsData = this.computeBands();
+        return this.series.map((s, si) => {
+            const band = bandsData[si];
+            if (!band || band.length === 0)
+                return { tone: s.tone, seriesLabel: s.seriesLabel, d: "" };
+            const topPts = band.map((b) => ({ x: b.x, y: b.top }));
+            const bottomPts = band.map((b) => ({ x: b.x, y: b.bottom })).reverse();
+            const topPath = this.smoothValue ? buildSmoothPath(topPts) : buildLinearPath(topPts);
+            const bottomPath = (this.smoothValue ? buildSmoothPath(bottomPts) : buildLinearPath(bottomPts)).replace(/^M/, "L");
+            return { tone: s.tone, seriesLabel: s.seriesLabel, d: `${topPath} ${bottomPath} Z` };
+        });
+    }
+    get xTickEntries() {
+        const n = this.data.length;
+        if (n === 0)
+            return [];
+        const target = Math.min(5, n);
+        const stride = Math.max(1, Math.round((n - 1) / (target - 1 || 1)));
+        const entries = [];
+        const xsData = this.computeXs();
+        for (let i = 0; i < n; i += stride)
+            entries.push({ x: xsData[i], label: this.data[i].category });
+        const lastIdx = n - 1;
+        if (entries[entries.length - 1]?.label !== this.data[lastIdx].category) {
+            entries.push({ x: xsData[lastIdx], label: this.data[lastIdx].category });
+        }
+        return entries;
+    }
+    get dataValueItems() {
+        const items = this.series.map((s) => {
+            const total = this.data.reduce((sum, d) => {
+                const sv = d.values.find((v) => v.label === s.seriesLabel);
+                return sum + (sv ? this.safeV(sv.value) : 0);
+            }, 0);
+            return `${s.seriesLabel}: ${total}`;
+        });
+        const grand = this.data.reduce((sum, d) => sum + d.values.reduce((s, sv) => s + this.safeV(sv.value), 0), 0);
+        if (this.series.length > 0)
+            items.push(`Total: ${grand}`);
+        return items;
+    }
+    get tooltip() {
+        if (this.hovered === null || !this.series[this.hovered])
+            return null;
+        const s = this.series[this.hovered];
+        const bandsData = this.computeBands();
+        const band = bandsData[this.hovered];
+        if (!band || band.length === 0)
+            return null;
+        const mid = band[Math.floor(band.length / 2)];
+        const total = this.data.reduce((sum, d) => {
+            const sv = d.values.find((v) => v.label === s.seriesLabel);
+            return sum + (sv ? this.safeV(sv.value) : 0);
+        }, 0);
+        return { label: s.seriesLabel, value: total, cx: mid.x, cy: (mid.top + mid.bottom) / 2 };
+    }
+    get tooltipLeftPct() {
+        return this.tooltip ? (this.tooltip.cx / this.widthValue) * 100 : 0;
+    }
+    get tooltipTopPct() {
+        return this.tooltip ? (this.tooltip.cy / this.heightValue) * 100 : 0;
+    }
+    areaClass(area, si) {
+        return classNames("st-streamgraphChart__area", `st-streamgraphChart__area--${area.tone}`, this.hovered !== null && this.hovered !== si && "st-streamgraphChart__area--dim");
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-series-index"));
+        this.hovered = Number.isInteger(raw) && !isNaN(raw) ? raw : null;
+    }
+    handleLeave() {
+        this.hovered = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StreamgraphChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StreamgraphChart, isStandalone: true, selector: "st-streamgraph-chart", inputs: { data: "data", width: "width", height: "height", label: "label", smooth: "smooth", showLegend: "showLegend", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-streamgraphChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          <line class="st-streamgraphChart__axis" [attr.x1]="MARGIN_LEFT" [attr.x2]="widthValue - MARGIN_RIGHT" [attr.y1]="heightValue - MARGIN_BOTTOM" [attr.y2]="heightValue - MARGIN_BOTTOM"></line>
+
+          @for (tick of xTickEntries; track $index) {
+            <text class="st-streamgraphChart__tickLabel" [attr.x]="tick.x" [attr.y]="heightValue - MARGIN_BOTTOM + 16" text-anchor="middle">{{ tick.label }}</text>
+          }
+
+          @for (area of areas; track area.seriesLabel; let si = $index) {
+            @if (area.d) {
+              <path
+                [class]="areaClass(area, si)"
+                [attr.d]="area.d"
+                [attr.data-series-index]="si"
+              ></path>
+            }
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="\'Data values for \' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (tooltip) {
+        <div
+          class="st-streamgraphChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct + \'%\'"
+          [style.top]="tooltipTopPct + \'%\'"
+        >
+          <span class="st-streamgraphChart__tooltipLabel">{{ tooltip.label }}</span>
+          <span class="st-streamgraphChart__tooltipValue">{{ tooltip.value }}</span>
+        </div>
+      }
+
+      @if (showLegendValue && series.length > 0) {
+        <ul class="st-streamgraphChart__legend">
+          @for (item of series; track item.seriesLabel) {
+            <li class="st-streamgraphChart__legendItem">
+              <span [class]="\'st-streamgraphChart__legendSwatch st-streamgraphChart__legendSwatch--\' + item.tone" aria-hidden="true"></span>
+              {{ item.seriesLabel }}
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StreamgraphChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-streamgraph-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-streamgraphChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          <line class="st-streamgraphChart__axis" [attr.x1]="MARGIN_LEFT" [attr.x2]="widthValue - MARGIN_RIGHT" [attr.y1]="heightValue - MARGIN_BOTTOM" [attr.y2]="heightValue - MARGIN_BOTTOM"></line>
+
+          @for (tick of xTickEntries; track $index) {
+            <text class="st-streamgraphChart__tickLabel" [attr.x]="tick.x" [attr.y]="heightValue - MARGIN_BOTTOM + 16" text-anchor="middle">{{ tick.label }}</text>
+          }
+
+          @for (area of areas; track area.seriesLabel; let si = $index) {
+            @if (area.d) {
+              <path
+                [class]="areaClass(area, si)"
+                [attr.d]="area.d"
+                [attr.data-series-index]="si"
+              ></path>
+            }
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="\'Data values for \' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (tooltip) {
+        <div
+          class="st-streamgraphChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct + \'%\'"
+          [style.top]="tooltipTopPct + \'%\'"
+        >
+          <span class="st-streamgraphChart__tooltipLabel">{{ tooltip.label }}</span>
+          <span class="st-streamgraphChart__tooltipValue">{{ tooltip.value }}</span>
+        </div>
+      }
+
+      @if (showLegendValue && series.length > 0) {
+        <ul class="st-streamgraphChart__legend">
+          @for (item of series; track item.seriesLabel) {
+            <li class="st-streamgraphChart__legendItem">
+              <span [class]="\'st-streamgraphChart__legendSwatch st-streamgraphChart__legendSwatch--\' + item.tone" aria-hidden="true"></span>
+              {{ item.seriesLabel }}
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], smooth: [{
+                type: NgInput
+            }], showLegend: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=StreamgraphChart.js.map

package/dist/StreamgraphChart.js.map

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

package/dist/StreamingMessage.d.ts

@@ -0,0 +1,37 @@
+import type { ChatMessageStatus } from "./ChatMessage.js";
+import * as i0 from "@angular/core";
+export type StreamingMessageEvent = {
+    id: string;
+    label: unknown;
+    text?: unknown;
+    status?: ChatMessageStatus;
+};
+export type StreamingMessageMode = "live" | "passive";
+export type StreamingMessageProps = {
+    text?: unknown;
+    events?: StreamingMessageEvent[];
+    mode?: StreamingMessageMode;
+    placeholder?: unknown;
+    streaming?: boolean;
+    content?: string;
+    class?: string;
+};
+export declare class StreamingMessage {
+    static readonly stComponentName = "StreamingMessage";
+    readonly componentName = "StreamingMessage";
+    streaming: boolean;
+    content?: string;
+    text?: unknown;
+    events?: StreamingMessageEvent[];
+    mode: StreamingMessageMode;
+    placeholder: unknown;
+    classInput?: string;
+    get hostClass(): string;
+    get resolvedText(): unknown;
+    get isEmpty(): boolean;
+    get textClass(): string;
+    get displayText(): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StreamingMessage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StreamingMessage, "st-streaming-message", never, { "streaming": { "alias": "streaming"; "required": false; }; "content": { "alias": "content"; "required": false; }; "text": { "alias": "text"; "required": false; }; "events": { "alias": "events"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=StreamingMessage.d.ts.map

package/dist/StreamingMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingMessage.d.ts","sourceRoot":"","sources":["../src/StreamingMessage.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;;AAE1D,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACjC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAgBa,gBAAgB;IAC3B,MAAM,CAAC,QAAQ,CAAC,eAAe,sBAAsB;IACrD,QAAQ,CAAC,aAAa,sBAAsB;IAEjC,SAAS,UAAS;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAU;IACpC,WAAW,EAAE,OAAO,CAAyB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAMtB;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,IAAI,OAAO,IAAI,OAAO,CAGrB;IAED,IAAI,SAAS,IAAI,MAAM,CAKtB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;yCAtCU,gBAAgB;2CAAhB,gBAAgB;CAuC5B"}

package/dist/StreamingMessage.js

@@ -0,0 +1,78 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class StreamingMessage {
+    static stComponentName = "StreamingMessage";
+    componentName = "StreamingMessage";
+    streaming = false;
+    content;
+    text;
+    events;
+    mode = "live";
+    placeholder = "Streaming en cours…";
+    classInput;
+    get hostClass() {
+        return classNames("st-streamingMessage", `st-streamingMessage--${this.mode}`, this.classInput);
+    }
+    get resolvedText() {
+        return this.content ?? this.text;
+    }
+    get isEmpty() {
+        const value = this.resolvedText;
+        return value == null || value === "";
+    }
+    get textClass() {
+        return classNames("st-streamingMessage__text", this.isEmpty && "st-streamingMessage__text--muted");
+    }
+    get displayText() {
+        return this.isEmpty ? this.placeholder : this.resolvedText;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StreamingMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StreamingMessage, isStandalone: true, selector: "st-streaming-message", inputs: { streaming: "streaming", content: "content", text: "text", events: "events", mode: "mode", placeholder: "placeholder", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <p [class]="textClass">{{ displayText }}</p>
+      @if (events?.length) {
+        <ul class="st-streamingMessage__trailList">
+          @for (event of events ?? []; track event.id) {
+            <li>{{ event.label }}</li>
+          }
+        </ul>
+      }
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StreamingMessage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-streaming-message",
+                    standalone: true,
+                    template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <p [class]="textClass">{{ displayText }}</p>
+      @if (events?.length) {
+        <ul class="st-streamingMessage__trailList">
+          @for (event of events ?? []; track event.id) {
+            <li>{{ event.label }}</li>
+          }
+        </ul>
+      }
+    </section>
+  `,
+                }]
+        }], propDecorators: { streaming: [{
+                type: NgInput
+            }], content: [{
+                type: NgInput
+            }], text: [{
+                type: NgInput
+            }], events: [{
+                type: NgInput
+            }], mode: [{
+                type: NgInput
+            }], placeholder: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=StreamingMessage.js.map

package/dist/StreamingMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingMessage.js","sourceRoot":"","sources":["../src/StreamingMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAuC7C,MAAM,OAAO,gBAAgB;IAC3B,MAAM,CAAU,eAAe,GAAG,kBAAkB,CAAC;IAC5C,aAAa,GAAG,kBAAkB,CAAC;IAEjC,SAAS,GAAG,KAAK,CAAC;IAClB,OAAO,CAAU;IACjB,IAAI,CAAW;IACf,MAAM,CAA2B;IACjC,IAAI,GAAyB,MAAM,CAAC;IACpC,WAAW,GAAY,qBAAqB,CAAC;IACtC,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,qBAAqB,EACrB,wBAAwB,IAAI,CAAC,IAAI,EAAE,EACnC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,IAAI,OAAO;QACT,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;QAChC,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;IACvC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,2BAA2B,EAC3B,IAAI,CAAC,OAAO,IAAI,kCAAkC,CACnD,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IAC7D,CAAC;wGAtCU,gBAAgB;4FAAhB,gBAAgB,uPAbjB;;;;;;;;;;;GAWT;;4FAEU,gBAAgB;kBAhB5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;GAWT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/StructuredList.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export type StructuredListItem = {
+    term?: unknown;
+    label?: unknown;
+    description?: unknown;
+    value?: unknown;
+};
+export type StructuredListProps = {
+    items: StructuredListItem[];
+    bordered?: boolean;
+    class?: string;
+};
+export declare class StructuredList {
+    static readonly stComponentName = "StructuredList";
+    readonly componentName = "StructuredList";
+    items: StructuredListItem[];
+    bordered?: boolean;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StructuredList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StructuredList, "st-structured-list", never, { "items": { "alias": "items"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=StructuredList.d.ts.map

package/dist/StructuredList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructuredList.d.ts","sourceRoot":"","sources":["../src/StructuredList.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAea,cAAc;IACzB,MAAM,CAAC,QAAQ,CAAC,eAAe,oBAAoB;IACnD,QAAQ,CAAC,aAAa,oBAAoB;IAC/B,KAAK,EAAG,kBAAkB,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAbU,cAAc;2CAAd,cAAc;CAc1B"}

package/dist/StructuredList.js

@@ -0,0 +1,51 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class StructuredList {
+    static stComponentName = "StructuredList";
+    componentName = "StructuredList";
+    items;
+    bordered;
+    classInput;
+    get hostClass() {
+        return classNames("st-structuredList", this.bordered && "st-structuredList--bordered", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StructuredList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StructuredList, isStandalone: true, selector: "st-structured-list", inputs: { items: "items", bordered: "bordered", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <dl [attr.data-st-component]="componentName" [class]="hostClass">
+      @for (item of items; track $index) {
+        <div class="st-structuredList__row">
+          <dt class="st-structuredList__term">{{ item.term ?? item.label }}</dt>
+          <dd class="st-structuredList__definition">{{ item.description ?? item.value }}</dd>
+        </div>
+      }
+      <ng-content></ng-content>
+    </dl>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StructuredList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-structured-list",
+                    standalone: true,
+                    template: `
+    <dl [attr.data-st-component]="componentName" [class]="hostClass">
+      @for (item of items; track $index) {
+        <div class="st-structuredList__row">
+          <dt class="st-structuredList__term">{{ item.term ?? item.label }}</dt>
+          <dd class="st-structuredList__definition">{{ item.description ?? item.value }}</dd>
+        </div>
+      }
+      <ng-content></ng-content>
+    </dl>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], bordered: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=StructuredList.js.map

package/dist/StructuredList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructuredList.js","sourceRoot":"","sources":["../src/StructuredList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA8B7C,MAAM,OAAO,cAAc;IACzB,MAAM,CAAU,eAAe,GAAG,gBAAgB,CAAC;IAC1C,aAAa,GAAG,gBAAgB,CAAC;IAC/B,KAAK,CAAwB;IAC7B,QAAQ,CAAW;IACZ,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,mBAAmB,EACnB,IAAI,CAAC,QAAQ,IAAI,6BAA6B,EAC9C,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAbU,cAAc;4FAAd,cAAc,qKAZf;;;;;;;;;;GAUT;;4FAEU,cAAc;kBAf1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;GAUT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/SunburstChart.d.ts

@@ -0,0 +1,66 @@
+import * as i0 from "@angular/core";
+export type SunburstChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type SunburstChartDatum = {
+    label: string;
+    value?: number;
+    tone?: SunburstChartTone;
+    children?: SunburstChartDatum[];
+};
+export type SunburstChartProps = {
+    data: SunburstChartDatum;
+    width?: number;
+    height?: number;
+    legend?: boolean;
+    label: string;
+    class?: string;
+};
+type ArcDatum = {
+    datum: SunburstChartDatum;
+    pathLabel: string[];
+    value: number;
+    tone: SunburstChartTone;
+    depth: number;
+    start: number;
+    end: number;
+    path: string;
+    labelX: number;
+    labelY: number;
+};
+export declare class SunburstChart {
+    static readonly stComponentName = "SunburstChart";
+    readonly componentName = "SunburstChart";
+    data: SunburstChartDatum;
+    width?: number;
+    height?: number;
+    legend?: boolean;
+    label: string;
+    classInput?: string;
+    hoveredIndex: number | null;
+    get widthValue(): number;
+    get heightValue(): number;
+    get hostClass(): string;
+    private leafValue;
+    private sumValue;
+    private maxDepth;
+    private pt;
+    private buildArcPath;
+    get arcs(): ArcDatum[];
+    get leafItems(): string[];
+    get legendItems(): {
+        label: string;
+        tone: SunburstChartTone;
+    }[];
+    arcKey(arc: ArcDatum): string;
+    arcClass(arc: ArcDatum, index: number): string;
+    contrastText(tone: SunburstChartTone): string;
+    tooltipLeft(): string;
+    tooltipTop(): string;
+    tooltipLabel(): string;
+    tooltipValue(): number | string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SunburstChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SunburstChart, "st-sunburst-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=SunburstChart.d.ts.map

package/dist/SunburstChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SunburstChart.d.ts","sourceRoot":"","sources":["../src/SunburstChart.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,kBAAkB,CAAC;IAC1B,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAaF,qBA4Ea,aAAa;IACxB,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IAE9B,IAAI,EAAG,kBAAkB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAG,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEnC,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,EAAE;IAIV,OAAO,CAAC,YAAY;IAsBpB,IAAI,IAAI,IAAI,QAAQ,EAAE,CA0DrB;IAED,IAAI,SAAS,IAAI,MAAM,EAAE,CAWxB;IAED,IAAI,WAAW,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,iBAAiB,CAAA;KAAE,EAAE,CAK9D;IAED,MAAM,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM;IAI7B,QAAQ,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAQ9C,YAAY,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM;IAI7C,WAAW,IAAI,MAAM;IAMrB,UAAU,IAAI,MAAM;IAMpB,YAAY,IAAI,MAAM;IAKtB,YAAY,IAAI,MAAM,GAAG,MAAM;IAK/B,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAUlD,WAAW,IAAI,IAAI;yCAnMR,aAAa;2CAAb,aAAa;CAsMzB"}