@sentropic/design-system-angular 0.36.54

package/dist/TreegraphChart.js

@@ -0,0 +1,294 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+const R = 7;
+const PAD_X = 80;
+const PAD_Y = 12;
+function computeLayout(data, width, height) {
+    if (!data || data.length === 0)
+        return { nodes: [], links: [], rowH: 0 };
+    const byId = new Map();
+    for (const n of data)
+        if (n.id != null && !byId.has(n.id))
+            byId.set(n.id, n);
+    const validParent = (n) => {
+        const p = n.parentId;
+        if (p == null)
+            return null;
+        if (!byId.has(p) || p === n.id)
+            return null;
+        let cursor = p;
+        const seen = new Set([n.id]);
+        while (cursor != null) {
+            if (seen.has(cursor))
+                return null;
+            seen.add(cursor);
+            const parent = byId.get(cursor);
+            cursor = parent ? (parent.parentId ?? null) : null;
+        }
+        return p;
+    };
+    const childrenOf = new Map();
+    const roots = [];
+    for (const n of byId.values()) {
+        const p = validParent(n);
+        if (p == null) {
+            roots.push(n.id);
+        }
+        else {
+            const list = childrenOf.get(p) ?? [];
+            list.push(n.id);
+            childrenOf.set(p, list);
+        }
+    }
+    const depthOf = new Map();
+    const leafOrder = new Map();
+    let leafCounter = 0;
+    let maxDepth = 0;
+    const visit = (id, depth) => {
+        depthOf.set(id, depth);
+        if (depth > maxDepth)
+            maxDepth = depth;
+        const kids = childrenOf.get(id) ?? [];
+        if (kids.length === 0) {
+            leafOrder.set(id, leafCounter);
+            leafCounter += 1;
+            return;
+        }
+        for (const k of kids)
+            visit(k, depth + 1);
+    };
+    for (const r of roots)
+        visit(r, 0);
+    const leafCount = Math.max(leafCounter, 1);
+    const usableY = Math.max(height - PAD_Y * 2, 1);
+    const rowH = usableY / leafCount;
+    const centerY = new Map();
+    const computeY = (id) => {
+        const cached = centerY.get(id);
+        if (cached != null)
+            return cached;
+        const kids = childrenOf.get(id) ?? [];
+        let cy;
+        if (kids.length === 0) {
+            const row = leafOrder.get(id) ?? 0;
+            cy = PAD_Y + row * rowH + rowH / 2;
+        }
+        else {
+            const ys = kids.map((k) => computeY(k));
+            cy = ys.reduce((s, v) => s + v, 0) / ys.length;
+        }
+        centerY.set(id, cy);
+        return cy;
+    };
+    for (const r of roots)
+        computeY(r);
+    const levels = maxDepth + 1;
+    const usableX = Math.max(width - PAD_X * 2, 1);
+    const colGap = levels > 1 ? usableX / (levels - 1) : 0;
+    const xForDepth = (d) => (levels > 1 ? PAD_X + d * colGap : width / 2);
+    const nodes = [];
+    let toneIdx = 0;
+    const ordered = [...byId.values()].filter((n) => depthOf.has(n.id));
+    for (const n of ordered) {
+        const depth = depthOf.get(n.id) ?? 0;
+        const tone = n.tone ?? TONES[toneIdx % TONES.length];
+        if (!n.tone)
+            toneIdx += 1;
+        nodes.push({
+            id: n.id,
+            label: n.label,
+            tone,
+            depth,
+            x: xForDepth(depth),
+            y: centerY.get(n.id) ?? height / 2,
+            parentId: validParent(n),
+        });
+    }
+    const nodeById = new Map(nodes.map((b) => [b.id, b]));
+    const links = [];
+    for (const b of nodes) {
+        if (b.parentId == null)
+            continue;
+        const parent = nodeById.get(b.parentId);
+        if (!parent)
+            continue;
+        links.push({
+            id: b.id,
+            x1: parent.x + R,
+            y1: parent.y,
+            x2: b.x - R,
+            y2: b.y,
+        });
+    }
+    return { nodes, links, rowH };
+}
+export class TreegraphChart {
+    static stComponentName = "TreegraphChart";
+    componentName = "TreegraphChart";
+    R = R;
+    data = [];
+    width;
+    height;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-treegraphChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 640;
+    }
+    get heightValue() {
+        return this.height ?? 360;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get layout() {
+        return computeLayout(this.data, this.widthValue, this.heightValue);
+    }
+    get fontSize() {
+        const rowH = this.layout.rowH;
+        return rowH < 18 ? 9 : rowH < 26 ? 10 : 11;
+    }
+    get maxChars() {
+        return Math.max(2, Math.floor((PAD_X - R - 6) / (this.fontSize * 0.58)));
+    }
+    get dataValueItems() {
+        return this.layout.nodes.map((b) => {
+            const parent = b.parentId != null ? this.layout.nodes.find((p) => p.id === b.parentId) : undefined;
+            return parent ? `${b.label} (${b.id}) → ${parent.label}` : `${b.label} (${b.id})`;
+        });
+    }
+    clip(s, n) {
+        return s.length > n ? `${s.slice(0, Math.max(1, n - 1))}…` : s;
+    }
+    isLeaf(node) {
+        return !this.layout.nodes.some((c) => c.parentId === node.id);
+    }
+    dotClass(node) {
+        return classNames("st-treegraphChart__dot", `st-treegraphChart__dot--${node.tone}`);
+    }
+    linkPath(link) {
+        const cx = (link.x1 + link.x2) / 2;
+        return `M ${link.x1} ${link.y1} C ${cx} ${link.y1} ${cx} ${link.y2} ${link.x2} ${link.y2}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreegraphChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TreegraphChart, isStandalone: true, selector: "st-treegraph-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-treegraphChart__visual" role="img" [attr.aria-label]="label">
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (link of layout.links; track link.id) {
+            <path
+              class="st-treegraphChart__link"
+              [attr.d]="linkPath(link)"
+              fill="none"
+            />
+          }
+
+          @for (node of layout.nodes; track node.id) {
+            <g class="st-treegraphChart__node">
+              <circle
+                [class]="dotClass(node)"
+                [attr.cx]="node.x"
+                [attr.cy]="node.y"
+                [attr.r]="R"
+              />
+              <text
+                class="st-treegraphChart__label"
+                [attr.x]="isLeaf(node) ? node.x + R + 4 : node.x - R - 4"
+                [attr.y]="node.y"
+                [attr.text-anchor]="isLeaf(node) ? 'start' : 'end'"
+                dominant-baseline="central"
+                [attr.style]="'font-size: ' + fontSize + 'px'"
+              >{{ clip(node.label, maxChars) }}</text>
+            </g>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="label + ' data'">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreegraphChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-treegraph-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-treegraphChart__visual" role="img" [attr.aria-label]="label">
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (link of layout.links; track link.id) {
+            <path
+              class="st-treegraphChart__link"
+              [attr.d]="linkPath(link)"
+              fill="none"
+            />
+          }
+
+          @for (node of layout.nodes; track node.id) {
+            <g class="st-treegraphChart__node">
+              <circle
+                [class]="dotClass(node)"
+                [attr.cx]="node.x"
+                [attr.cy]="node.y"
+                [attr.r]="R"
+              />
+              <text
+                class="st-treegraphChart__label"
+                [attr.x]="isLeaf(node) ? node.x + R + 4 : node.x - R - 4"
+                [attr.y]="node.y"
+                [attr.text-anchor]="isLeaf(node) ? 'start' : 'end'"
+                dominant-baseline="central"
+                [attr.style]="'font-size: ' + fontSize + 'px'"
+              >{{ clip(node.label, maxChars) }}</text>
+            </g>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="label + ' data'">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=TreegraphChart.js.map

package/dist/TreegraphChart.js.map

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

package/dist/TreemapChart.d.ts

@@ -0,0 +1,78 @@
+import * as i0 from "@angular/core";
+export type TreemapChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type TreemapChartDatum = {
+    label: string;
+    value: number;
+    tone?: TreemapChartTone;
+    children?: TreemapChartDatum[];
+};
+export type TreemapTiling = "squarified";
+export type TreemapChartProps = {
+    data: TreemapChartDatum[];
+    tiling?: TreemapTiling;
+    showLabels?: boolean;
+    legend?: boolean;
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type Rect = {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+};
+type Cell = {
+    datum: TreemapChartDatum;
+    value: number;
+    tone: TreemapChartTone;
+    textColor: string;
+    rect: Rect;
+    parentLabel?: string;
+    depth: number;
+};
+export declare class TreemapChart {
+    static readonly stComponentName = "TreemapChart";
+    readonly componentName = "TreemapChart";
+    data: TreemapChartDatum[];
+    tiling?: TreemapTiling;
+    showLabels?: boolean;
+    legend?: boolean;
+    width?: number;
+    height?: number;
+    label: string;
+    classInput?: string;
+    hoveredIndex: number | null;
+    readonly LABEL_MIN_W = 44;
+    readonly LABEL_MIN_H = 22;
+    readonly VALUE_MIN_H = 38;
+    private readonly clipPrefix;
+    get widthValue(): number;
+    get heightValue(): number;
+    get showLabelsValue(): boolean;
+    get hostClass(): string;
+    private leafValue;
+    private sumValue;
+    private squarify;
+    private inset;
+    get cells(): Cell[];
+    get legendItems(): {
+        label: string;
+        tone: TreemapChartTone;
+    }[];
+    get dataValueItems(): string[];
+    cellKey(cell: Cell): string;
+    clipId(index: number): string;
+    rectClass(cell: Cell, index: number): string;
+    tooltipLeft(): string;
+    tooltipTop(): string;
+    tooltipLabel(): string;
+    tooltipValue(): number | string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreemapChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreemapChart, "st-treemap-chart", never, { "data": { "alias": "data"; "required": false; }; "tiling": { "alias": "tiling"; "required": false; }; "showLabels": { "alias": "showLabels"; "required": false; }; "legend": { "alias": "legend"; "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=TreemapChart.d.ts.map

package/dist/TreemapChart.d.ts.map

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