@sentropic/design-system-angular 0.36.54

package/dist/DivergentBarChart.d.ts

@@ -0,0 +1,84 @@
+import * as i0 from "@angular/core";
+export type DivergentBarChartTone = "positive" | "negative" | "neutral";
+export type DivergentBarChartDatum = {
+    label: string;
+    value: number;
+    tone?: DivergentBarChartTone;
+};
+export type DivergentBarChartProps = {
+    data: DivergentBarChartDatum[];
+    width?: number;
+    height?: number;
+    domain?: [number, number];
+    format?: (value: number) => string;
+    showLegend?: boolean;
+    label: string;
+    class?: string;
+};
+type BarItem = {
+    datum: DivergentBarChartDatum;
+    index: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    cx: number;
+    cy: number;
+    sign: "positive" | "negative" | "zero";
+    tone: DivergentBarChartTone;
+};
+type GridTick = {
+    value: number;
+    x: number;
+};
+export declare class DivergentBarChart {
+    static readonly stComponentName = "DivergentBarChart";
+    readonly componentName = "DivergentBarChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    hoveredIndex: number | null;
+    data: DivergentBarChartDatum[];
+    width?: number;
+    height?: number;
+    domain?: [number, number];
+    format?: (value: number) => string;
+    showLegend?: boolean;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get validData(): DivergentBarChartDatum[];
+    get validDomain(): [number, number] | null;
+    get scales(): {
+        plotWidth: number;
+        plotHeight: number;
+        domainMin: number;
+        domainMax: number;
+        ticks: number[];
+    };
+    get bars(): BarItem[];
+    get gridTicks(): GridTick[];
+    get zeroAxisX(): number;
+    get dataValueItems(): string[];
+    private signFor;
+    private toneFor;
+    fmtTick(value: number): string;
+    fmtValue(value: number): string;
+    barClass(bar: BarItem): string;
+    tooltipLeft(bar: BarItem): number;
+    tooltipTop(bar: BarItem): number;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DivergentBarChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DivergentBarChart, "st-divergent-bar-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; "format": { "alias": "format"; "required": false; }; "showLegend": { "alias": "showLegend"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=DivergentBarChart.d.ts.map

package/dist/DivergentBarChart.d.ts.map

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

package/dist/DivergentBarChart.js

@@ -0,0 +1,377 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 14, right: 16, bottom: 34, left: 88 };
+export class DivergentBarChart {
+    static stComponentName = "DivergentBarChart";
+    componentName = "DivergentBarChart";
+    MARGIN = MARGIN;
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    domain;
+    format;
+    showLegend;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-divergentBarChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 260;
+    }
+    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);
+    }
+    get validData() {
+        return (this.data ?? []).filter((d) => Number.isFinite(d.value));
+    }
+    get validDomain() {
+        if (!this.domain)
+            return null;
+        const [d0, d1] = this.domain;
+        if (!Number.isFinite(d0) || !Number.isFinite(d1) || d0 >= d1 || d0 > 0 || d1 < 0)
+            return null;
+        return [d0, d1];
+    }
+    get scales() {
+        const plotWidth = this.plotWidth;
+        const plotHeight = this.plotHeight;
+        if (this.validDomain) {
+            const [d0, d1] = this.validDomain;
+            const ticks = niceTicks(d0, d1).filter((tick) => tick >= d0 && tick <= d1);
+            return { plotWidth, plotHeight, domainMin: d0, domainMax: d1, ticks: ticks.length ? ticks : [0] };
+        }
+        const maxAbs = Math.max(1, ...this.validData.map((d) => Math.abs(d.value)));
+        const ticks = niceTicks(-maxAbs, maxAbs);
+        return { plotWidth, plotHeight, domainMin: ticks[0] ?? -maxAbs, domainMax: ticks[ticks.length - 1] ?? maxAbs, ticks };
+    }
+    get bars() {
+        if (this.validData.length === 0)
+            return [];
+        const { domainMin, domainMax, plotWidth, plotHeight } = this.scales;
+        const band = plotHeight / this.validData.length;
+        const barHeight = Math.max(band * 0.56, 1);
+        const zeroX = MARGIN.left + scaleLinear(0, domainMin, domainMax, 0, plotWidth);
+        return this.validData.map((datum, index) => {
+            const valueX = MARGIN.left + scaleLinear(datum.value, domainMin, domainMax, 0, plotWidth);
+            const x = Math.min(zeroX, valueX);
+            const barWidth = Math.max(Math.abs(valueX - zeroX), 0.5);
+            const y = MARGIN.top + band * index + (band - barHeight) / 2;
+            return {
+                datum,
+                index,
+                x,
+                y,
+                width: barWidth,
+                height: barHeight,
+                cx: datum.value === 0 ? zeroX : x + barWidth / 2,
+                cy: y + barHeight / 2,
+                sign: this.signFor(datum.value),
+                tone: this.toneFor(datum),
+            };
+        });
+    }
+    get gridTicks() {
+        const { ticks, domainMin, domainMax, plotWidth } = this.scales;
+        return ticks.map((tick) => ({
+            value: tick,
+            x: MARGIN.left + scaleLinear(tick, domainMin, domainMax, 0, plotWidth),
+        }));
+    }
+    get zeroAxisX() {
+        const { domainMin, domainMax, plotWidth } = this.scales;
+        return MARGIN.left + scaleLinear(0, domainMin, domainMax, 0, plotWidth);
+    }
+    get dataValueItems() {
+        return this.validData.map((d) => `${d.label}: ${this.fmtValue(d.value)}`);
+    }
+    signFor(value) {
+        if (value > 0)
+            return "positive";
+        if (value < 0)
+            return "negative";
+        return "zero";
+    }
+    toneFor(datum) {
+        if (datum.tone)
+            return datum.tone;
+        if (datum.value > 0)
+            return "positive";
+        if (datum.value < 0)
+            return "negative";
+        return "neutral";
+    }
+    fmtTick(value) {
+        return formatTick(value);
+    }
+    fmtValue(value) {
+        return this.format ? this.format(value) : formatTick(value);
+    }
+    barClass(bar) {
+        return classNames("st-divergentBarChart__bar", `st-divergentBarChart__bar--${bar.sign}`, `st-divergentBarChart__bar--${bar.tone}`);
+    }
+    tooltipLeft(bar) {
+        return (bar.cx / this.widthValue) * 100;
+    }
+    tooltipTop(bar) {
+        return (bar.cy / this.heightValue) * 100;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && !isNaN(raw) ? raw : null;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DivergentBarChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DivergentBarChart, isStandalone: true, selector: "st-divergent-bar-chart", inputs: { data: "data", width: "width", height: "height", domain: "domain", format: "format", showLegend: "showLegend", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-divergentBarChart__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"
+        >
+          @for (tick of gridTicks; track tick.value) {
+            <line
+              class="st-divergentBarChart__grid"
+              [attr.x1]="tick.x"
+              [attr.x2]="tick.x"
+              [attr.y1]="MARGIN.top"
+              [attr.y2]="heightValue - MARGIN.bottom"
+            ></line>
+            <text
+              class="st-divergentBarChart__tickLabel"
+              [attr.x]="tick.x"
+              [attr.y]="heightValue - MARGIN.bottom + 16"
+              text-anchor="middle"
+            >{{ fmtTick(tick.value) }}</text>
+          }
+
+          <line
+            class="st-divergentBarChart__axis"
+            [attr.x1]="MARGIN.left"
+            [attr.x2]="widthValue - MARGIN.right"
+            [attr.y1]="heightValue - MARGIN.bottom"
+            [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+          <line
+            class="st-divergentBarChart__zeroAxis"
+            [attr.x1]="zeroAxisX"
+            [attr.x2]="zeroAxisX"
+            [attr.y1]="MARGIN.top"
+            [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+
+          @for (bar of bars; track bar.datum.label) {
+            <text
+              class="st-divergentBarChart__categoryLabel"
+              [attr.x]="MARGIN.left - 8"
+              [attr.y]="bar.cy"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ bar.datum.label }}</text>
+            <rect
+              [class]="barClass(bar)"
+              [attr.x]="bar.x"
+              [attr.y]="bar.y"
+              [attr.width]="bar.width"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="bar.index"
+              [attr.data-chart-key]="bar.datum.label"
+            ></rect>
+          }
+        </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 && bars[hoveredIndex]) {
+        <div
+          class="st-divergentBarChart__tooltip"
+          role="presentation"
+          [style.left.%]="tooltipLeft(bars[hoveredIndex])"
+          [style.top.%]="tooltipTop(bars[hoveredIndex])"
+        >
+          <span class="st-divergentBarChart__tooltipLabel">{{ bars[hoveredIndex].datum.label }}</span>
+          <span class="st-divergentBarChart__tooltipValue">{{ fmtValue(bars[hoveredIndex].datum.value) }}</span>
+        </div>
+      }
+
+      @if (showLegend !== false) {
+        <ul class="st-divergentBarChart__legend">
+          <li class="st-divergentBarChart__legendItem">
+            <span class="st-divergentBarChart__legendSwatch st-divergentBarChart__legendSwatch--positive" aria-hidden="true"></span>
+            Positive
+          </li>
+          <li class="st-divergentBarChart__legendItem">
+            <span class="st-divergentBarChart__legendSwatch st-divergentBarChart__legendSwatch--negative" aria-hidden="true"></span>
+            Negative
+          </li>
+          <li class="st-divergentBarChart__legendItem">
+            <span class="st-divergentBarChart__legendSwatch st-divergentBarChart__legendSwatch--neutral" aria-hidden="true"></span>
+            Zero
+          </li>
+        </ul>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DivergentBarChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-divergent-bar-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-divergentBarChart__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"
+        >
+          @for (tick of gridTicks; track tick.value) {
+            <line
+              class="st-divergentBarChart__grid"
+              [attr.x1]="tick.x"
+              [attr.x2]="tick.x"
+              [attr.y1]="MARGIN.top"
+              [attr.y2]="heightValue - MARGIN.bottom"
+            ></line>
+            <text
+              class="st-divergentBarChart__tickLabel"
+              [attr.x]="tick.x"
+              [attr.y]="heightValue - MARGIN.bottom + 16"
+              text-anchor="middle"
+            >{{ fmtTick(tick.value) }}</text>
+          }
+
+          <line
+            class="st-divergentBarChart__axis"
+            [attr.x1]="MARGIN.left"
+            [attr.x2]="widthValue - MARGIN.right"
+            [attr.y1]="heightValue - MARGIN.bottom"
+            [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+          <line
+            class="st-divergentBarChart__zeroAxis"
+            [attr.x1]="zeroAxisX"
+            [attr.x2]="zeroAxisX"
+            [attr.y1]="MARGIN.top"
+            [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+
+          @for (bar of bars; track bar.datum.label) {
+            <text
+              class="st-divergentBarChart__categoryLabel"
+              [attr.x]="MARGIN.left - 8"
+              [attr.y]="bar.cy"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ bar.datum.label }}</text>
+            <rect
+              [class]="barClass(bar)"
+              [attr.x]="bar.x"
+              [attr.y]="bar.y"
+              [attr.width]="bar.width"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="bar.index"
+              [attr.data-chart-key]="bar.datum.label"
+            ></rect>
+          }
+        </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 && bars[hoveredIndex]) {
+        <div
+          class="st-divergentBarChart__tooltip"
+          role="presentation"
+          [style.left.%]="tooltipLeft(bars[hoveredIndex])"
+          [style.top.%]="tooltipTop(bars[hoveredIndex])"
+        >
+          <span class="st-divergentBarChart__tooltipLabel">{{ bars[hoveredIndex].datum.label }}</span>
+          <span class="st-divergentBarChart__tooltipValue">{{ fmtValue(bars[hoveredIndex].datum.value) }}</span>
+        </div>
+      }
+
+      @if (showLegend !== false) {
+        <ul class="st-divergentBarChart__legend">
+          <li class="st-divergentBarChart__legendItem">
+            <span class="st-divergentBarChart__legendSwatch st-divergentBarChart__legendSwatch--positive" aria-hidden="true"></span>
+            Positive
+          </li>
+          <li class="st-divergentBarChart__legendItem">
+            <span class="st-divergentBarChart__legendSwatch st-divergentBarChart__legendSwatch--negative" aria-hidden="true"></span>
+            Negative
+          </li>
+          <li class="st-divergentBarChart__legendItem">
+            <span class="st-divergentBarChart__legendSwatch st-divergentBarChart__legendSwatch--neutral" aria-hidden="true"></span>
+            Zero
+          </li>
+        </ul>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], domain: [{
+                type: NgInput
+            }], format: [{
+                type: NgInput
+            }], showLegend: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=DivergentBarChart.js.map

package/dist/DivergentBarChart.js.map

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

package/dist/Divider.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from "@angular/core";
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerVariant = "solid" | "dashed";
+export type DividerProps = {
+    orientation?: DividerOrientation;
+    /** Spacing scale step (0..12) applied as margin around the divider. */
+    spacing?: number;
+    /** Optional label centered on a horizontal divider line. */
+    label?: string;
+    variant?: DividerVariant;
+    class?: string;
+};
+export declare class Divider {
+    static readonly stComponentName = "Divider";
+    readonly componentName = "Divider";
+    orientation?: DividerOrientation;
+    spacing?: number;
+    label?: string;
+    variant: DividerVariant;
+    classInput?: string;
+    get isLabeled(): boolean;
+    get hostClass(): string;
+    get spacingStyle(): Record<string, string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Divider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Divider, "st-divider", never, { "orientation": { "alias": "orientation"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=Divider.d.ts.map

package/dist/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../src/Divider.ts"],"names":[],"mappings":";AAOA,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAkBa,OAAO;IAClB,MAAM,CAAC,QAAQ,CAAC,eAAe,aAAa;IAC5C,QAAQ,CAAC,aAAa,aAAa;IACxB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,cAAc,CAAW;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,OAAO,CAMvB;IAED,IAAI,SAAS,IAAI,MAAM,CAQtB;IAED,IAAI,YAAY,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAOrD;yCAlCU,OAAO;2CAAP,OAAO;CAmCnB"}

package/dist/Divider.js

@@ -0,0 +1,77 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { NgStyle } from "@angular/common";
+import { classNames } from "./classNames.js";
+import { spacingToken } from "./Flex.js";
+import * as i0 from "@angular/core";
+export class Divider {
+    static stComponentName = "Divider";
+    componentName = "Divider";
+    orientation;
+    spacing;
+    label;
+    variant = "solid";
+    classInput;
+    get isLabeled() {
+        return ((this.orientation ?? "horizontal") !== "vertical" &&
+            this.label != null &&
+            this.label !== "");
+    }
+    get hostClass() {
+        return classNames("st-divider", `st-divider--${this.orientation ?? "horizontal"}`, `st-divider--${this.variant ?? "solid"}`, this.isLabeled && "st-divider--labeled", this.classInput);
+    }
+    get spacingStyle() {
+        const margin = this.spacing != null ? spacingToken(this.spacing) : undefined;
+        const isVertical = (this.orientation ?? "horizontal") === "vertical";
+        return {
+            "margin-block": isVertical ? undefined : margin,
+            "margin-inline": isVertical ? margin : undefined,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Divider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Divider, isStandalone: true, selector: "st-divider", inputs: { orientation: "orientation", spacing: "spacing", label: "label", variant: "variant", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    @if (isLabeled) {
+      <div [attr.data-st-component]="componentName" [class]="hostClass"
+        role="separator" aria-orientation="horizontal" [ngStyle]="spacingStyle">
+        <span class="st-divider__line" aria-hidden="true"></span>
+        <span class="st-divider__label">{{ label }}</span>
+        <span class="st-divider__line" aria-hidden="true"></span>
+      </div>
+    } @else {
+      <div [attr.data-st-component]="componentName" [class]="hostClass"
+        role="separator" [attr.aria-orientation]="orientation ?? 'horizontal'" [ngStyle]="spacingStyle"></div>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Divider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-divider",
+                    standalone: true,
+                    imports: [NgStyle],
+                    template: `
+    @if (isLabeled) {
+      <div [attr.data-st-component]="componentName" [class]="hostClass"
+        role="separator" aria-orientation="horizontal" [ngStyle]="spacingStyle">
+        <span class="st-divider__line" aria-hidden="true"></span>
+        <span class="st-divider__label">{{ label }}</span>
+        <span class="st-divider__line" aria-hidden="true"></span>
+      </div>
+    } @else {
+      <div [attr.data-st-component]="componentName" [class]="hostClass"
+        role="separator" [attr.aria-orientation]="orientation ?? 'horizontal'" [ngStyle]="spacingStyle"></div>
+    }
+  `,
+                }]
+        }], propDecorators: { orientation: [{
+                type: NgInput
+            }], spacing: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], variant: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Divider.js.map

package/dist/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;;AAkCzC,MAAM,OAAO,OAAO;IAClB,MAAM,CAAU,eAAe,GAAG,SAAS,CAAC;IACnC,aAAa,GAAG,SAAS,CAAC;IACxB,WAAW,CAAsB;IACjC,OAAO,CAAU;IACjB,KAAK,CAAU;IACf,OAAO,GAAmB,OAAO,CAAC;IAC3B,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,CACL,CAAC,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC,KAAK,UAAU;YACjD,IAAI,CAAC,KAAK,IAAI,IAAI;YAClB,IAAI,CAAC,KAAK,KAAK,EAAE,CAClB,CAAC;IACJ,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,YAAY,EACZ,eAAe,IAAI,CAAC,WAAW,IAAI,YAAY,EAAE,EACjD,eAAe,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,EACxC,IAAI,CAAC,SAAS,IAAI,qBAAqB,EACvC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,IAAI,YAAY;QACd,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7E,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC,KAAK,UAAU,CAAC;QACrE,OAAO;YACL,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YAC/C,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;SACjD,CAAC;IACJ,CAAC;wGAlCU,OAAO;4FAAP,OAAO,2MAdR;;;;;;;;;;;;GAYT,4DAbS,OAAO;;4FAeN,OAAO;kBAlBnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,OAAO,CAAC;oBAClB,QAAQ,EAAE;;;;;;;;;;;;GAYT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/DonutChart.d.ts

@@ -0,0 +1,68 @@
+import { type DataLabelsProp } from "./chartDataLabels.js";
+import * as i0 from "@angular/core";
+export type DonutChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type DonutChartDatum = {
+    label: string;
+    value: number;
+    tone?: DonutChartTone;
+};
+export type DonutChartProps = {
+    data: DonutChartDatum[];
+    size?: number;
+    thickness?: number;
+    centerLabel?: string | null;
+    /**
+     * Per-slice value labels. `false`/absent (default) → none. `true` → each slice's
+     * value with the default formatter. Object → `format(value)` and/or a `position`
+     * override (default `center` of the arc). Slices too thin to fit a legible label
+     * are skipped. Labels are `aria-hidden` — the values already live in the
+     * accessible ChartDataList.
+     */
+    dataLabels?: DataLabelsProp;
+    label: string;
+    class?: string;
+};
+type SliceItem = {
+    datum: DonutChartDatum;
+    path: string;
+    tone: DonutChartTone;
+    pct: number;
+    spanDeg: number;
+    labelX: number;
+    labelY: number;
+};
+export declare class DonutChart {
+    static readonly stComponentName = "DonutChart";
+    readonly componentName = "DonutChart";
+    data: DonutChartDatum[];
+    size?: number;
+    thickness?: number;
+    centerLabel?: string | null;
+    dataLabels?: DataLabelsProp;
+    label: string;
+    classInput?: string;
+    hoveredIndex: number | null;
+    get hostClass(): string;
+    get sizeValue(): number;
+    get thicknessValue(): number;
+    get viewBox(): string;
+    get slices(): {
+        total: number;
+        items: SliceItem[];
+    };
+    sliceClass(slice: SliceItem, i: number): string;
+    fmtPct(p: number): string;
+    get dataValueItems(): string[];
+    get dataLabelItems(): Array<{
+        key: string;
+        x: number;
+        y: number;
+        text: string;
+    }>;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DonutChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DonutChart, "st-donut-chart", never, { "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; "centerLabel": { "alias": "centerLabel"; "required": false; }; "dataLabels": { "alias": "dataLabels"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=DonutChart.d.ts.map

package/dist/DonutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../src/DonutChart.ts"],"names":[],"mappings":"AAIA,OAAO,EAAwC,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;;AAEjG,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AASF,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,eAAe,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAoEa,UAAU;IACrB,MAAM,CAAC,QAAQ,CAAC,eAAe,gBAAgB;IAC/C,QAAQ,CAAC,aAAa,gBAAgB;IAE3B,IAAI,EAAE,eAAe,EAAE,CAAM;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,KAAK,SAAM;IACJ,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEnC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,cAAc,IAAI,MAAM,CAE3B;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,MAAM,IAAI;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,EAAE,CAAA;KAAE,CAuClD;IAED,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM;IAS/C,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAIzB,IAAI,cAAc,IAAI,MAAM,EAAE,CAE7B;IAED,IAAI,cAAc,IAAI,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAW/E;IAED,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAUlD,WAAW,IAAI,IAAI;yCA/GR,UAAU;2CAAV,UAAU;CAkHtB"}