@sentropic/design-system-angular 0.36.54

package/dist/UnorderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../src/UnorderedList.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,iBAAiB,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACjC;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAuBa,aAAa;IACxB,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IAC9B,KAAK,EAAE,kBAAkB,EAAE,CAAM;IACjC,MAAM,UAAS;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,SAAS,CAAC,IAAI,EAAE,kBAAkB,GAAG,iBAAiB;IAKtD,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAlBU,aAAa;2CAAb,aAAa;CAmBzB"}

package/dist/UnorderedList.js

@@ -0,0 +1,72 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class UnorderedList {
+    static stComponentName = "UnorderedList";
+    componentName = "UnorderedList";
+    items = [];
+    nested = false;
+    classInput;
+    normalize(item) {
+        if (typeof item === "string")
+            return { content: item };
+        return item;
+    }
+    get hostClass() {
+        return classNames("st-unorderedList", this.nested && "st-unorderedList--nested", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UnorderedList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: UnorderedList, isStandalone: true, selector: "st-unordered-list", inputs: { items: "items", nested: "nested", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <ul [attr.data-st-component]="componentName" [class]="hostClass">
+      @for (raw of items; track $index) {
+        @let item = normalize(raw);
+        <li class="st-unorderedList__item">
+          {{ item.content }}
+          @if (item.children && item.children.length > 0) {
+            <ul class="st-unorderedList st-unorderedList--nested">
+              @for (childRaw of item.children; track $index) {
+                @let child = normalize(childRaw);
+                <li class="st-unorderedList__item">{{ child.content }}</li>
+              }
+            </ul>
+          }
+        </li>
+      }
+      <ng-content></ng-content>
+    </ul>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UnorderedList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-unordered-list",
+                    standalone: true,
+                    template: `
+    <ul [attr.data-st-component]="componentName" [class]="hostClass">
+      @for (raw of items; track $index) {
+        @let item = normalize(raw);
+        <li class="st-unorderedList__item">
+          {{ item.content }}
+          @if (item.children && item.children.length > 0) {
+            <ul class="st-unorderedList st-unorderedList--nested">
+              @for (childRaw of item.children; track $index) {
+                @let child = normalize(childRaw);
+                <li class="st-unorderedList__item">{{ child.content }}</li>
+              }
+            </ul>
+          }
+        </li>
+      }
+      <ng-content></ng-content>
+    </ul>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], nested: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=UnorderedList.js.map

package/dist/UnorderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.js","sourceRoot":"","sources":["../src/UnorderedList.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,aAAa;IACxB,MAAM,CAAU,eAAe,GAAG,eAAe,CAAC;IACzC,aAAa,GAAG,eAAe,CAAC;IAC9B,KAAK,GAAyB,EAAE,CAAC;IACjC,MAAM,GAAG,KAAK,CAAC;IACR,UAAU,CAAU;IAEtC,SAAS,CAAC,IAAwB;QAChC,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,kBAAkB,EAClB,IAAI,CAAC,MAAM,IAAI,0BAA0B,EACzC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAlBU,aAAa;4FAAb,aAAa,gKApBd;;;;;;;;;;;;;;;;;;GAkBT;;4FAEU,aAAa;kBAvBzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;GAkBT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/UtilityPanel.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export type UtilityPanelMode = "reserve" | "overlay" | "floating";
+export type UtilityPanelSide = "left" | "right" | "bottom";
+export type UtilityPanelProps = {
+    mode?: UtilityPanelMode;
+    side?: UtilityPanelSide;
+    title?: string;
+    label?: string;
+    collapsed?: boolean;
+    class?: string;
+};
+export declare class UtilityPanel {
+    static readonly stComponentName = "UtilityPanel";
+    readonly componentName = "UtilityPanel";
+    mode: UtilityPanelMode;
+    side: UtilityPanelSide;
+    title?: string;
+    label?: string;
+    collapsed?: boolean;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UtilityPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UtilityPanel, "st-utility-panel", never, { "mode": { "alias": "mode"; "required": false; }; "side": { "alias": "side"; "required": false; }; "title": { "alias": "title"; "required": false; }; "label": { "alias": "label"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=UtilityPanel.d.ts.map

package/dist/UtilityPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilityPanel.d.ts","sourceRoot":"","sources":["../src/UtilityPanel.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAClE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBASa,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,eAAe,kBAAkB;IACjD,QAAQ,CAAC,aAAa,kBAAkB;IAC7B,IAAI,EAAE,gBAAgB,CAAa;IACnC,IAAI,EAAE,gBAAgB,CAAW;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAZU,YAAY;2CAAZ,YAAY;CAaxB"}

package/dist/UtilityPanel.js

@@ -0,0 +1,47 @@
+import { Component, Input as NgInput } from "@angular/core";
+import * as i0 from "@angular/core";
+export class UtilityPanel {
+    static stComponentName = "UtilityPanel";
+    componentName = "UtilityPanel";
+    mode = "reserve";
+    side = "right";
+    title;
+    label;
+    collapsed;
+    classInput;
+    get hostClass() {
+        return ["st-utilityPanel", `st-utilityPanel--${this.mode}`, `st-utilityPanel--${this.side}`, this.collapsed ? "st-utilityPanel--collapsed" : undefined, this.classInput].filter(Boolean).join(" ");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UtilityPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: UtilityPanel, isStandalone: true, selector: "st-utility-panel", inputs: { mode: "mode", side: "side", title: "title", label: "label", collapsed: "collapsed", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <aside [attr.data-st-component]="componentName" [attr.aria-label]="label || title || 'Utility panel'" [attr.data-mode]="mode" [attr.data-side]="side" [class]="hostClass">
+      <ng-content></ng-content>
+    </aside>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UtilityPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-utility-panel",
+                    standalone: true,
+                    template: `
+    <aside [attr.data-st-component]="componentName" [attr.aria-label]="label || title || 'Utility panel'" [attr.data-mode]="mode" [attr.data-side]="side" [class]="hostClass">
+      <ng-content></ng-content>
+    </aside>
+  `,
+                }]
+        }], propDecorators: { mode: [{
+                type: NgInput
+            }], side: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], collapsed: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=UtilityPanel.js.map

package/dist/UtilityPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilityPanel.js","sourceRoot":"","sources":["../src/UtilityPanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;;AAuB5D,MAAM,OAAO,YAAY;IACvB,MAAM,CAAU,eAAe,GAAG,cAAc,CAAC;IACxC,aAAa,GAAG,cAAc,CAAC;IAC7B,IAAI,GAAqB,SAAS,CAAC;IACnC,IAAI,GAAqB,OAAO,CAAC;IACjC,KAAK,CAAU;IACf,KAAK,CAAU;IACf,SAAS,CAAW;IACb,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,CAAC,iBAAiB,EAAE,oBAAoB,IAAI,CAAC,IAAI,EAAE,EAAE,oBAAoB,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrM,CAAC;wGAZU,YAAY;4FAAZ,YAAY,iNANb;;;;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/VariablePieChart.d.ts

@@ -0,0 +1,54 @@
+import * as i0 from "@angular/core";
+export type VariablePieChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type VariablePieChartDatum = {
+    label: string;
+    value: number;
+    z: number;
+    tone?: VariablePieChartTone;
+};
+export type VariablePieChartProps = {
+    data: VariablePieChartDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type Sector = {
+    datum: VariablePieChartDatum;
+    value: number;
+    z: number;
+    tone: VariablePieChartTone;
+    radius: number;
+    start: number;
+    end: number;
+    path: string;
+    labelX: number;
+    labelY: number;
+    showLabel: boolean;
+};
+export declare class VariablePieChart {
+    static readonly stComponentName = "VariablePieChart";
+    readonly componentName = "VariablePieChart";
+    hoveredIndex: number | null;
+    data: VariablePieChartDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get sectors(): Sector[];
+    get dataValueItems(): string[];
+    sectorClass(i: number): string;
+    contrastText(tone: VariablePieChartTone): string;
+    formatNumber(value: number): string;
+    get tooltipLeft(): number;
+    get tooltipTop(): number;
+    handleVisualPointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VariablePieChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VariablePieChart, "st-variable-pie-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=VariablePieChart.d.ts.map

package/dist/VariablePieChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariablePieChart.d.ts","sourceRoot":"","sources":["../src/VariablePieChart.ts"],"names":[],"mappings":";AAKA,MAAM,MAAM,oBAAoB,GAC5B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,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,MAAM,GAAG;IACZ,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AA2EF,qBA+Da,gBAAgB;IAC3B,MAAM,CAAC,QAAQ,CAAC,eAAe,sBAAsB;IACrD,QAAQ,CAAC,aAAa,sBAAsB;IAE5C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExB,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,CAA8B;IACtD,IAAI,WAAW,IAAI,MAAM,CAA+B;IACxD,IAAI,OAAO,IAAI,MAAM,CAAyD;IAE9E,IAAI,OAAO,IAAI,MAAM,EAAE,CAEtB;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAI7B;IAED,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAS9B,YAAY,CAAC,IAAI,EAAE,oBAAoB,GAAG,MAAM;IAIhD,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAInC,IAAI,WAAW,IAAI,MAAM,CAGxB;IAED,IAAI,UAAU,IAAI,MAAM,CAGvB;IAED,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;yCAzDvC,gBAAgB;2CAAhB,gBAAgB;CA8D5B"}

package/dist/VariablePieChart.js

@@ -0,0 +1,259 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { contrastTextForTone } from "./chartContrast.js";
+import * as i0 from "@angular/core";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+function safeValue(value) {
+    return Number.isFinite(value) && value > 0 ? value : 0;
+}
+function safeZ(z) {
+    return Number.isFinite(z) ? z : 0;
+}
+function formatNumber(value) {
+    if (!Number.isFinite(value))
+        return "0";
+    if (Number.isInteger(value))
+        return String(value);
+    return value.toFixed(2).replace(/\.?0+$/, "");
+}
+function point(cx, cy, radius, angle) {
+    return { x: cx + radius * Math.cos(angle), y: cy + radius * Math.sin(angle) };
+}
+function sectorPath(cx, cy, radius, start, end) {
+    const safeEnd = Math.min(end, start + Math.PI * 2 - 0.0001);
+    const large = safeEnd - start > Math.PI ? 1 : 0;
+    const outerStart = point(cx, cy, radius, start);
+    const outerEnd = point(cx, cy, radius, safeEnd);
+    return `M ${cx} ${cy} L ${outerStart.x} ${outerStart.y} A ${radius} ${radius} 0 ${large} 1 ${outerEnd.x} ${outerEnd.y} Z`;
+}
+function computeSectors(data, width, height) {
+    const cx = width / 2;
+    const cy = height / 2;
+    const outerLimit = Math.max(Math.min(width, height) / 2 - 6, 1);
+    const rMin = outerLimit * 0.35;
+    const rMax = outerLimit;
+    const visible = data.filter((datum) => safeValue(datum.value) > 0);
+    if (visible.length === 0)
+        return [];
+    const total = visible.reduce((sum, datum) => sum + safeValue(datum.value), 0);
+    if (total <= 0)
+        return [];
+    const zValues = visible.map((datum) => safeZ(datum.z));
+    const zMin = Math.min(...zValues);
+    const zMax = Math.max(...zValues);
+    const zSpan = zMax - zMin;
+    const TWO_PI = Math.PI * 2;
+    let angle = -Math.PI / 2;
+    return visible.map((datum, index) => {
+        const value = safeValue(datum.value);
+        const z = safeZ(datum.z);
+        const radius = zSpan > 0 ? rMin + ((z - zMin) / zSpan) * (rMax - rMin) : rMax;
+        const span = Math.min((value / total) * TWO_PI, TWO_PI - 0.0001);
+        const start = angle;
+        const end = angle + span;
+        angle = end;
+        const midAngle = (start + end) / 2;
+        const labelPoint = point(cx, cy, radius * 0.62, midAngle);
+        return {
+            datum,
+            value,
+            z,
+            tone: datum.tone ?? TONES[index % TONES.length],
+            radius,
+            start,
+            end,
+            path: sectorPath(cx, cy, radius, start, end),
+            labelX: labelPoint.x,
+            labelY: labelPoint.y,
+            showLabel: span > 0.25 && radius > outerLimit * 0.4,
+        };
+    });
+}
+export class VariablePieChart {
+    static stComponentName = "VariablePieChart";
+    componentName = "VariablePieChart";
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-variablePieChart", this.classInput);
+    }
+    get widthValue() { return this.width ?? 360; }
+    get heightValue() { return this.height ?? 360; }
+    get viewBox() { return `0 0 ${this.widthValue} ${this.heightValue}`; }
+    get sectors() {
+        return computeSectors(this.data, this.widthValue, this.heightValue);
+    }
+    get dataValueItems() {
+        return this.data
+            .filter((datum) => safeValue(datum.value) > 0)
+            .map((datum) => `${datum.label}: ${formatNumber(safeValue(datum.value))}`);
+    }
+    sectorClass(i) {
+        const sector = this.sectors[i];
+        return classNames("st-variablePieChart__sector", sector ? `st-variablePieChart__sector--${sector.tone}` : "", this.hoveredIndex !== null && this.hoveredIndex !== i && "st-variablePieChart__sector--dim");
+    }
+    contrastText(tone) {
+        return contrastTextForTone(tone);
+    }
+    formatNumber(value) {
+        return formatNumber(value);
+    }
+    get tooltipLeft() {
+        const s = this.hoveredIndex !== null ? this.sectors[this.hoveredIndex] : undefined;
+        return s ? (s.labelX / this.widthValue) * 100 : 0;
+    }
+    get tooltipTop() {
+        const s = this.hoveredIndex !== null ? this.sectors[this.hoveredIndex] : undefined;
+        return s ? (s.labelY / this.heightValue) * 100 : 0;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && !isNaN(raw) ? raw : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VariablePieChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: VariablePieChart, isStandalone: true, selector: "st-variable-pie-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-variablePieChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="hoveredIndex = null"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (sector of sectors; track sector.datum.label; let i = $index) {
+            <path
+              [class]="sectorClass(i)"
+              [attr.d]="sector.path"
+              [attr.data-chart-index]="i"
+            ></path>
+          }
+
+          @for (sector of sectors; track sector.datum.label) {
+            @if (sector.showLabel) {
+              <text
+                class="st-variablePieChart__label"
+                [attr.x]="sector.labelX"
+                [attr.y]="sector.labelY"
+                text-anchor="middle"
+                dominant-baseline="middle"
+                [attr.fill]="contrastText(sector.tone)"
+              >{{ sector.datum.label }}</text>
+            }
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredIndex !== null && sectors[hoveredIndex]) {
+        <div
+          class="st-variablePieChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft + '%'"
+          [style.top]="tooltipTop + '%'"
+        >
+          <span class="st-variablePieChart__tooltipLabel">{{ sectors[hoveredIndex].datum.label }}</span>
+          <span class="st-variablePieChart__tooltipValue">{{ formatNumber(sectors[hoveredIndex].value) }} · {{ formatNumber(sectors[hoveredIndex].z) }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VariablePieChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-variable-pie-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-variablePieChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="hoveredIndex = null"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (sector of sectors; track sector.datum.label; let i = $index) {
+            <path
+              [class]="sectorClass(i)"
+              [attr.d]="sector.path"
+              [attr.data-chart-index]="i"
+            ></path>
+          }
+
+          @for (sector of sectors; track sector.datum.label) {
+            @if (sector.showLabel) {
+              <text
+                class="st-variablePieChart__label"
+                [attr.x]="sector.labelX"
+                [attr.y]="sector.labelY"
+                text-anchor="middle"
+                dominant-baseline="middle"
+                [attr.fill]="contrastText(sector.tone)"
+              >{{ sector.datum.label }}</text>
+            }
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredIndex !== null && sectors[hoveredIndex]) {
+        <div
+          class="st-variablePieChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft + '%'"
+          [style.top]="tooltipTop + '%'"
+        >
+          <span class="st-variablePieChart__tooltipLabel">{{ sectors[hoveredIndex].datum.label }}</span>
+          <span class="st-variablePieChart__tooltipValue">{{ formatNumber(sectors[hoveredIndex].value) }} · {{ formatNumber(sectors[hoveredIndex].z) }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=VariablePieChart.js.map

package/dist/VariablePieChart.js.map

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

package/dist/VectorFieldChart.d.ts

@@ -0,0 +1,86 @@
+import * as i0 from "@angular/core";
+export type VectorFieldChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type VectorFieldChartDatum = {
+    x: number;
+    y: number;
+    length: number;
+    direction: number;
+};
+export type VectorFieldChartProps = {
+    data: VectorFieldChartDatum[];
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    class?: string;
+};
+type VectorArrow = {
+    key: string;
+    datum: VectorFieldChartDatum;
+    cx: number;
+    cy: number;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    hx1: number;
+    hy1: number;
+    hx2: number;
+    hy2: number;
+    tone: VectorFieldChartTone;
+};
+export declare class VectorFieldChart {
+    static readonly stComponentName = "VectorFieldChart";
+    readonly componentName = "VectorFieldChart";
+    readonly margin: {
+        readonly top: 16;
+        readonly right: 18;
+        readonly bottom: 36;
+        readonly left: 48;
+    };
+    data: VectorFieldChartDatum[];
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    classInput?: string;
+    hoveredKey: string | null;
+    get hostClass(): string;
+    get resolvedWidth(): number;
+    get resolvedHeight(): number;
+    get resolvedSize(): number;
+    get viewBox(): string;
+    get validData(): VectorFieldChartDatum[];
+    get xTicks(): number[];
+    get yTicks(): number[];
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get xMin(): number;
+    get xMax(): number;
+    get yMin(): number;
+    get yMax(): number;
+    get xAxisTicks(): Array<{
+        value: number;
+        x: number;
+    }>;
+    get yAxisTicks(): Array<{
+        value: number;
+        y: number;
+    }>;
+    get arrows(): VectorArrow[];
+    get dataValueItems(): string[];
+    get hoveredArrow(): VectorArrow | null;
+    get tooltipLeft(): string;
+    get tooltipTop(): string;
+    get tooltipLabel(): string;
+    get tooltipValue(): string;
+    handlePointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    arrowClass(arrow: VectorArrow): string;
+    format(value: number): string;
+    private finitePositive;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VectorFieldChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VectorFieldChart, "st-vector-field-chart", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "size": { "alias": "size"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=VectorFieldChart.d.ts.map

package/dist/VectorFieldChart.d.ts.map

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