@sentropic/design-system-angular 0.36.54

package/dist/SankeyChart.js

@@ -0,0 +1,381 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 18, right: 26, bottom: 18, left: 26 };
+const NODE_WIDTH = 14;
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+function magnitude(value) {
+    return Number.isFinite(value) && value > 0 ? value : 0;
+}
+export class SankeyChart {
+    static stComponentName = "SankeyChart";
+    componentName = "SankeyChart";
+    nodes;
+    links;
+    width;
+    height;
+    label;
+    classInput;
+    hoveredLinkIndex = null;
+    get widthValue() {
+        return this.width ?? 560;
+    }
+    get heightValue() {
+        return this.height ?? 280;
+    }
+    get hostClass() {
+        return ["st-sankeyChart", this.classInput].filter(Boolean).join(" ");
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    computeNodeDepths() {
+        const nodes = this.nodes ?? [];
+        const links = this.links ?? [];
+        const depths = new Map(nodes.map((node) => [node.id, 0]));
+        for (let pass = 0; pass < nodes.length; pass += 1) {
+            let changed = false;
+            for (const link of links) {
+                const sourceDepth = depths.get(link.source) ?? 0;
+                const targetDepth = depths.get(link.target) ?? 0;
+                if (sourceDepth + 1 > targetDepth) {
+                    depths.set(link.target, sourceDepth + 1);
+                    changed = true;
+                }
+            }
+            if (!changed)
+                break;
+        }
+        return depths;
+    }
+    computeNodeValues() {
+        const nodes = this.nodes ?? [];
+        const links = this.links ?? [];
+        const valueOut = new Map();
+        const valueIn = new Map();
+        for (const node of nodes) {
+            valueOut.set(node.id, 0);
+            valueIn.set(node.id, 0);
+        }
+        for (const link of links) {
+            const value = magnitude(link.value);
+            valueOut.set(link.source, (valueOut.get(link.source) ?? 0) + value);
+            valueIn.set(link.target, (valueIn.get(link.target) ?? 0) + value);
+        }
+        const values = new Map();
+        for (const node of nodes) {
+            values.set(node.id, Math.max(valueOut.get(node.id) ?? 0, valueIn.get(node.id) ?? 0));
+        }
+        return values;
+    }
+    computeLayout() {
+        const nodes = this.nodes ?? [];
+        const links = this.links ?? [];
+        const w = this.widthValue;
+        const h = this.heightValue;
+        const depths = this.computeNodeDepths();
+        const nodeValues = this.computeNodeValues();
+        const maxDepth = Math.max(0, ...Array.from(depths.values()));
+        const plotWidth = Math.max(w - MARGIN.left - MARGIN.right - NODE_WIDTH, 1);
+        const plotHeight = Math.max(h - MARGIN.top - MARGIN.bottom, 1);
+        const maxNodeValue = Math.max(1, ...Array.from(nodeValues.values()));
+        const byDepth = new Map();
+        nodes.forEach((node) => {
+            const depth = depths.get(node.id) ?? 0;
+            const bucket = byDepth.get(depth) ?? [];
+            bucket.push(node);
+            byDepth.set(depth, bucket);
+        });
+        const positionedNodes = nodes.map((node, index) => {
+            const depth = depths.get(node.id) ?? 0;
+            const bucket = byDepth.get(depth) ?? [node];
+            const row = Math.max(0, bucket.findIndex((entry) => entry.id === node.id));
+            const slot = plotHeight / Math.max(bucket.length, 1);
+            const nodeHeight = Math.max(24, Math.min(slot * 0.72, 18 + ((nodeValues.get(node.id) ?? 0) / maxNodeValue) * 54));
+            const x = MARGIN.left + (maxDepth === 0 ? plotWidth / 2 : (plotWidth * depth) / maxDepth);
+            const y = MARGIN.top + slot * row + (slot - nodeHeight) / 2;
+            const tone = node.tone ?? TONES[index % TONES.length];
+            return {
+                node,
+                tone,
+                x,
+                y,
+                width: NODE_WIDTH,
+                height: nodeHeight,
+                centerY: y + nodeHeight / 2,
+            };
+        });
+        const positionedById = new Map(positionedNodes.map((n) => [n.node.id, n]));
+        const maxLinkValue = Math.max(1, ...links.map((link) => magnitude(link.value)));
+        const positionedLinks = links.map((link, index) => {
+            const source = positionedById.get(link.source);
+            const target = positionedById.get(link.target);
+            const fallbackY = MARGIN.top + plotHeight / 2;
+            const x1 = (source?.x ?? MARGIN.left) + NODE_WIDTH;
+            const y1 = source?.centerY ?? fallbackY;
+            const x2 = target?.x ?? w - MARGIN.right;
+            const y2 = target?.centerY ?? fallbackY;
+            const c = Math.max(32, Math.abs(x2 - x1) * 0.5);
+            return {
+                link,
+                source,
+                target,
+                tone: link.tone ?? source?.tone ?? TONES[index % TONES.length],
+                width: Math.max(2, (magnitude(link.value) / maxLinkValue) * 18),
+                path: `M ${x1} ${y1} C ${x1 + c} ${y1}, ${x2 - c} ${y2}, ${x2} ${y2}`,
+                midX: (x1 + x2) / 2,
+                midY: (y1 + y2) / 2,
+                key: `${link.source}-${link.target}-${index}`,
+            };
+        });
+        return { nodes: positionedNodes, links: positionedLinks };
+    }
+    get layoutNodes() {
+        return this.computeLayout().nodes;
+    }
+    get layoutLinks() {
+        return this.computeLayout().links;
+    }
+    get dataValueItems() {
+        const nodes = this.nodes ?? [];
+        const links = this.links ?? [];
+        const nodeById = new Map(nodes.map((node) => [node.id, node]));
+        return links.map((link) => {
+            const source = nodeById.get(link.source)?.label ?? link.source;
+            const target = nodeById.get(link.target)?.label ?? link.target;
+            return `${source} -> ${target}: ${link.value}`;
+        });
+    }
+    linkClass(flow, index) {
+        const dim = this.hoveredLinkIndex !== null && this.hoveredLinkIndex !== index;
+        return [
+            "st-sankeyChart__link",
+            `st-sankeyChart__link--${flow.tone}`,
+            dim ? "st-sankeyChart__link--dim" : "",
+        ]
+            .filter(Boolean)
+            .join(" ");
+    }
+    nodeClass(entry) {
+        return `st-sankeyChart__node st-sankeyChart__node--${entry.tone}`;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            this.hoveredLinkIndex = null;
+            return;
+        }
+        const raw = target.getAttribute("data-link-index");
+        if (raw === null) {
+            this.hoveredLinkIndex = null;
+            return;
+        }
+        const index = Number(raw);
+        this.hoveredLinkIndex = Number.isInteger(index) ? index : null;
+    }
+    handleLeave() {
+        this.hoveredLinkIndex = null;
+    }
+    tooltipLeft() {
+        if (this.hoveredLinkIndex === null)
+            return "0%";
+        const flow = this.layoutLinks[this.hoveredLinkIndex];
+        if (!flow)
+            return "0%";
+        return `${(flow.midX / this.widthValue) * 100}%`;
+    }
+    tooltipTop() {
+        if (this.hoveredLinkIndex === null)
+            return "0%";
+        const flow = this.layoutLinks[this.hoveredLinkIndex];
+        if (!flow)
+            return "0%";
+        return `${(flow.midY / this.heightValue) * 100}%`;
+    }
+    tooltipLabel() {
+        if (this.hoveredLinkIndex === null)
+            return "";
+        const flow = this.layoutLinks[this.hoveredLinkIndex];
+        if (!flow)
+            return "";
+        const sourceLabel = flow.source?.node.label ?? flow.link.source;
+        const targetLabel = flow.target?.node.label ?? flow.link.target;
+        return `${sourceLabel} -> ${targetLabel}`;
+    }
+    tooltipValue() {
+        if (this.hoveredLinkIndex === null)
+            return "";
+        const flow = this.layoutLinks[this.hoveredLinkIndex];
+        if (!flow)
+            return "";
+        return flow.link.value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SankeyChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SankeyChart, isStandalone: true, selector: "st-sankey-chart", inputs: { nodes: "nodes", links: "links", width: "width", height: "height", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-sankeyChart__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"
+        >
+          <g class="st-sankeyChart__links">
+            @for (flow of layoutLinks; track flow.key; let i = $index) {
+              <path
+                [class]="linkClass(flow, i)"
+                [attr.d]="flow.path"
+                [attr.stroke-width]="flow.width"
+                [attr.data-link-index]="i"
+              ></path>
+            }
+          </g>
+
+          <g class="st-sankeyChart__nodes">
+            @for (entry of layoutNodes; track entry.node.id) {
+              <rect
+                [class]="nodeClass(entry)"
+                [attr.x]="entry.x"
+                [attr.y]="entry.y"
+                [attr.width]="entry.width"
+                [attr.height]="entry.height"
+                rx="2"
+              ></rect>
+              <text
+                class="st-sankeyChart__nodeLabel"
+                [attr.x]="entry.x + entry.width + 6"
+                [attr.y]="entry.centerY"
+                dominant-baseline="middle"
+              >{{ entry.node.label }}</text>
+            }
+          </g>
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredLinkIndex !== null && layoutLinks[hoveredLinkIndex]) {
+        <div
+          class="st-sankeyChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft()"
+          [style.top]="tooltipTop()"
+        >
+          <span class="st-sankeyChart__tooltipLabel">{{ tooltipLabel() }}</span>
+          <span class="st-sankeyChart__tooltipValue">{{ tooltipValue() }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SankeyChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-sankey-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-sankeyChart__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"
+        >
+          <g class="st-sankeyChart__links">
+            @for (flow of layoutLinks; track flow.key; let i = $index) {
+              <path
+                [class]="linkClass(flow, i)"
+                [attr.d]="flow.path"
+                [attr.stroke-width]="flow.width"
+                [attr.data-link-index]="i"
+              ></path>
+            }
+          </g>
+
+          <g class="st-sankeyChart__nodes">
+            @for (entry of layoutNodes; track entry.node.id) {
+              <rect
+                [class]="nodeClass(entry)"
+                [attr.x]="entry.x"
+                [attr.y]="entry.y"
+                [attr.width]="entry.width"
+                [attr.height]="entry.height"
+                rx="2"
+              ></rect>
+              <text
+                class="st-sankeyChart__nodeLabel"
+                [attr.x]="entry.x + entry.width + 6"
+                [attr.y]="entry.centerY"
+                dominant-baseline="middle"
+              >{{ entry.node.label }}</text>
+            }
+          </g>
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredLinkIndex !== null && layoutLinks[hoveredLinkIndex]) {
+        <div
+          class="st-sankeyChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft()"
+          [style.top]="tooltipTop()"
+        >
+          <span class="st-sankeyChart__tooltipLabel">{{ tooltipLabel() }}</span>
+          <span class="st-sankeyChart__tooltipValue">{{ tooltipValue() }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { nodes: [{
+                type: NgInput
+            }], links: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=SankeyChart.js.map

package/dist/SankeyChart.js.map

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

package/dist/ScatterPlot.d.ts

@@ -0,0 +1,173 @@
+import { type ChartAnnotation, type ResolvedAnnotation } from "./chartAnnotations.js";
+import { type DataLabelsProp } from "./chartDataLabels.js";
+import * as i0 from "@angular/core";
+export type ScatterPlotTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ScatterPlotDatum = {
+    x: number;
+    y: number;
+    label?: string;
+    tone?: ScatterPlotTone;
+    /**
+     * Per-datum radius, clamped to a sane maximum (32). Non-finite or
+     * negative ⇒ falls back to the global `radius`.
+     */
+    r?: number;
+};
+/** Cluster centroid marker (ring + cross), drawn above the data points. */
+export type ScatterPlotCentroid = {
+    x: number;
+    y: number;
+    tone?: ScatterPlotTone;
+    label?: string;
+};
+export type ScatterPlotProps = {
+    data: ScatterPlotDatum[];
+    width?: number;
+    height?: number;
+    xLabel?: string;
+    yLabel?: string;
+    radius?: number;
+    /**
+     * Cluster centroid markers (ring + cross), drawn above the points. Their
+     * coordinates are folded into the axis domain. Non-finite x/y are skipped.
+     */
+    centroids?: ScatterPlotCentroid[];
+    /**
+     * Annotation overlay in DATA space (points, labels, axis lines, regions,
+     * polygons). Both axes are continuous (linear). Additive: absent ⇒ unchanged.
+     */
+    annotations?: ChartAnnotation[];
+    /**
+     * Per-point value labels. `false`/absent (default) → none. `true` → each
+     * point's value (the datum `label` wins when present). Object → `format` /
+     * `position`. Default position is `top`. Labels are `aria-hidden`.
+     */
+    dataLabels?: DataLabelsProp;
+    /**
+     * CONTROLLED synchronised hover key (FR-3). A point's key is its `label` when
+     * present, otherwise `"x,y"`. Absent (`undefined`) keeps the uncontrolled
+     * behaviour.
+     */
+    hoverKey?: string | null;
+    /** Emitted on hover (the key) / leave (`null`); fired even while controlled. */
+    onHoverKeyChange?: (key: string | null) => void;
+    /** FR-5 — roving-tabindex keyboard navigation of the data points. */
+    keyboardNav?: boolean;
+    /** Emitted on Enter/Space select (the key) / Escape (`null`); enables nav. */
+    onSelectKey?: (key: string | null) => void;
+    label: string;
+    class?: string;
+};
+type ScatterScales = {
+    xTicks: number[];
+    yTicks: number[];
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+    plotW: number;
+    plotH: number;
+};
+type ScatterPoint = {
+    cx: number;
+    cy: number;
+    r: number;
+    datum: ScatterPlotDatum;
+    index: number;
+    tone: ScatterPlotTone;
+};
+type CentroidMark = {
+    cx: number;
+    cy: number;
+    tone: ScatterPlotTone;
+    label?: string;
+};
+type AnnotationRegion = Extract<ResolvedAnnotation, {
+    kind: "region";
+}>;
+type AnnotationAbove = Extract<ResolvedAnnotation, {
+    kind: "line" | "shape" | "point" | "label";
+}>;
+export declare class ScatterPlot {
+    static readonly stComponentName = "ScatterPlot";
+    readonly componentName = "ScatterPlot";
+    readonly MARGIN: {
+        readonly top: 14;
+        readonly right: 18;
+        readonly bottom: 36;
+        readonly left: 48;
+    };
+    readonly NAV_HIT = 18;
+    private hoveredIndex;
+    private focusedIndex;
+    data: ScatterPlotDatum[];
+    width?: number;
+    height?: number;
+    xLabel?: string;
+    yLabel?: string;
+    radius?: number;
+    centroids?: ScatterPlotCentroid[];
+    annotations?: ChartAnnotation[];
+    dataLabels?: DataLabelsProp;
+    hoverKey?: string | null;
+    onHoverKeyChange?: (key: string | null) => void;
+    keyboardNav?: boolean;
+    onSelectKey?: (key: string | null) => void;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get safeData(): ScatterPlotDatum[];
+    get widthValue(): number;
+    get heightValue(): number;
+    get radiusValue(): number;
+    get viewBox(): string;
+    /** Centroids guarded once: non-finite coordinates are skipped entirely. */
+    get validCentroids(): ScatterPlotCentroid[];
+    get scales(): ScatterScales;
+    get points(): ScatterPoint[];
+    get centroidMarks(): CentroidMark[];
+    get yGridLines(): Array<{
+        value: number;
+        y: number;
+    }>;
+    get xTickEntries(): Array<{
+        value: number;
+        x: number;
+    }>;
+    get yAxisLabelY(): number;
+    get yAxisLabelTransform(): string;
+    private get annotationContext();
+    get resolvedAnnotations(): ResolvedAnnotation[];
+    get annotationRegions(): AnnotationRegion[];
+    get annotationAbove(): AnnotationAbove[];
+    annotationShapePoints(annotation: Extract<ResolvedAnnotation, {
+        kind: "shape";
+    }>): string;
+    get dataLabelItems(): Array<{
+        key: number;
+        x: number;
+        y: number;
+        text: string;
+        baseline: string;
+    }>;
+    get dataValueItems(): string[];
+    private keyForPoint;
+    get hoverKeys(): string[];
+    get activeIndex(): number;
+    get activePoint(): ScatterPoint | null;
+    get navEnabled(): boolean;
+    formatTickLabel(value: number): string;
+    pointClass(tone: ScatterPlotTone): string;
+    centroidClass(tone: ScatterPlotTone): string;
+    datapointLabel(p: ScatterPoint): string;
+    rovingTabIndexFor(index: number): number;
+    private emitHoverKey;
+    handleLeave(): void;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleDatapointFocus(index: number): void;
+    handleDatapointKeyDown(event: KeyboardEvent, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScatterPlot, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScatterPlot, "st-scatter-plot", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "xLabel": { "alias": "xLabel"; "required": false; }; "yLabel": { "alias": "yLabel"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "centroids": { "alias": "centroids"; "required": false; }; "annotations": { "alias": "annotations"; "required": false; }; "dataLabels": { "alias": "dataLabels"; "required": false; }; "hoverKey": { "alias": "hoverKey"; "required": false; }; "onHoverKeyChange": { "alias": "onHoverKeyChange"; "required": false; }; "keyboardNav": { "alias": "keyboardNav"; "required": false; }; "onSelectKey": { "alias": "onSelectKey"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=ScatterPlot.d.ts.map

package/dist/ScatterPlot.d.ts.map

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