@sentropic/design-system-angular 0.36.54

package/dist/ColumnPyramidChart.js

@@ -0,0 +1,270 @@
+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: 24, right: 16, bottom: 32, left: 44 };
+export class ColumnPyramidChart {
+    static stComponentName = "ColumnPyramidChart";
+    componentName = "ColumnPyramidChart";
+    margin = MARGIN;
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    label = "";
+    tone;
+    classInput;
+    get hostClass() {
+        return classNames("st-columnPyramidChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 280;
+    }
+    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 defaultTone() {
+        return this.tone ?? "category1";
+    }
+    get validData() {
+        return this.data.filter((d) => Number.isFinite(d.value) && d.value > 0);
+    }
+    get ticks() {
+        const values = this.validData.map((d) => d.value);
+        const maxRaw = Math.max(0, ...values);
+        return niceTicks(0, maxRaw, 5);
+    }
+    get domainMin() {
+        return this.ticks[0] ?? 0;
+    }
+    get domainMax() {
+        return this.ticks[this.ticks.length - 1] ?? 1;
+    }
+    get valueAxisTicks() {
+        return this.ticks.map((tick) => ({
+            value: tick,
+            x1: MARGIN.left,
+            x2: MARGIN.left + this.plotWidth,
+            y: MARGIN.top + scaleLinear(tick, this.domainMin, this.domainMax, this.plotHeight, 0),
+        }));
+    }
+    get columns() {
+        if (this.validData.length === 0)
+            return [];
+        const band = this.plotWidth / this.validData.length;
+        const baseWidth = band * 0.7;
+        const zeroY = MARGIN.top + scaleLinear(0, this.domainMin, this.domainMax, this.plotHeight, 0);
+        return this.validData.map((d, i) => {
+            const apexY = MARGIN.top + scaleLinear(d.value, this.domainMin, this.domainMax, this.plotHeight, 0);
+            const cx = MARGIN.left + band * (i + 0.5);
+            const leftX = cx - baseWidth / 2;
+            const rightX = cx + baseWidth / 2;
+            const points = `${leftX},${zeroY} ${rightX},${zeroY} ${cx},${apexY}`;
+            return {
+                datum: d,
+                tone: (d.tone ?? this.defaultTone),
+                points,
+                cx,
+                cy: apexY,
+                labelX: cx,
+                labelY: this.heightValue - MARGIN.bottom + 16,
+                index: i,
+            };
+        });
+    }
+    get dataValueItems() {
+        return this.validData.map((d) => `${d.category}: ${d.value}`);
+    }
+    get hoveredColumn() {
+        return this.hoveredIndex !== null ? (this.columns[this.hoveredIndex] ?? null) : null;
+    }
+    columnClass(col) {
+        return classNames("st-columnPyramidChart__column", `st-columnPyramidChart__column--${col.tone}`);
+    }
+    formatTickLabel(value) {
+        return formatTick(value);
+    }
+    tooltipLeftPct(col) {
+        return `${(col.cx / this.widthValue) * 100}%`;
+    }
+    tooltipTopPct(col) {
+        return `${(col.cy / this.heightValue) * 100}%`;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) ? raw : null;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnPyramidChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ColumnPyramidChart, isStandalone: true, selector: "st-column-pyramid-chart", inputs: { data: "data", width: "width", height: "height", label: "label", tone: "tone", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-columnPyramidChart__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 valueAxisTicks; track tick.value) {
+            <line class="st-columnPyramidChart__grid" [attr.x1]="tick.x1" [attr.x2]="tick.x2" [attr.y1]="tick.y" [attr.y2]="tick.y"></line>
+            <text
+              class="st-columnPyramidChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="tick.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(tick.value) }}</text>
+          }
+
+          <line class="st-columnPyramidChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-columnPyramidChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
+
+          @for (col of columns; track col.datum.category) {
+            <text
+              class="st-columnPyramidChart__categoryLabel"
+              [attr.x]="col.labelX"
+              [attr.y]="col.labelY"
+              text-anchor="middle"
+            >{{ col.datum.category }}</text>
+          }
+
+          @for (col of columns; track col.datum.category) {
+            <polygon
+              [class]="columnClass(col)"
+              [attr.points]="col.points"
+              [attr.data-chart-index]="col.index"
+            ></polygon>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredColumn) {
+        <div
+          class="st-columnPyramidChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct(hoveredColumn)"
+          [style.top]="tooltipTopPct(hoveredColumn)"
+        >
+          <span class="st-columnPyramidChart__tooltipLabel">{{ hoveredColumn.datum.category }}</span>
+          <span class="st-columnPyramidChart__tooltipValue">{{ hoveredColumn.datum.value }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnPyramidChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-column-pyramid-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-columnPyramidChart__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 valueAxisTicks; track tick.value) {
+            <line class="st-columnPyramidChart__grid" [attr.x1]="tick.x1" [attr.x2]="tick.x2" [attr.y1]="tick.y" [attr.y2]="tick.y"></line>
+            <text
+              class="st-columnPyramidChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="tick.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(tick.value) }}</text>
+          }
+
+          <line class="st-columnPyramidChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-columnPyramidChart__axis" [attr.x1]="margin.left" [attr.x2]="widthValue - margin.right" [attr.y1]="heightValue - margin.bottom" [attr.y2]="heightValue - margin.bottom"></line>
+
+          @for (col of columns; track col.datum.category) {
+            <text
+              class="st-columnPyramidChart__categoryLabel"
+              [attr.x]="col.labelX"
+              [attr.y]="col.labelY"
+              text-anchor="middle"
+            >{{ col.datum.category }}</text>
+          }
+
+          @for (col of columns; track col.datum.category) {
+            <polygon
+              [class]="columnClass(col)"
+              [attr.points]="col.points"
+              [attr.data-chart-index]="col.index"
+            ></polygon>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredColumn) {
+        <div
+          class="st-columnPyramidChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct(hoveredColumn)"
+          [style.top]="tooltipTopPct(hoveredColumn)"
+        >
+          <span class="st-columnPyramidChart__tooltipLabel">{{ hoveredColumn.datum.category }}</span>
+          <span class="st-columnPyramidChart__tooltipValue">{{ hoveredColumn.datum.value }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ColumnPyramidChart.js.map

package/dist/ColumnPyramidChart.js.map

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

package/dist/ColumnRangeChart.d.ts

@@ -0,0 +1,100 @@
+import * as i0 from "@angular/core";
+export type ColumnRangeChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ColumnRangeChartDatum = {
+    category: string;
+    low: number;
+    high: number;
+    tone?: ColumnRangeChartTone;
+};
+export type ColumnRangeChartProps = {
+    data: ColumnRangeChartDatum[];
+    width?: number;
+    height?: number;
+    orientation?: "vertical" | "horizontal";
+    label: string;
+    /**
+     * Fixed value-axis domain `[min, max]`. When provided (and finite), the value
+     * scale uses it instead of the data-derived min/max — letting several
+     * ColumnRangeCharts in a grid share one scale. When absent or invalid, the
+     * scale falls back to the auto data range (unchanged).
+     */
+    domain?: [number, number];
+    class?: string;
+};
+type NormalizedRange = {
+    lo: number;
+    hi: number;
+};
+type Bar = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    cx: number;
+    cy: number;
+    datum: ColumnRangeChartDatum;
+    range: NormalizedRange;
+    tone: ColumnRangeChartTone;
+    index: number;
+};
+type TickItemVertical = {
+    value: number;
+    x1: number;
+    x2: number;
+    y: number;
+    horizontal: false;
+};
+type TickItemHorizontal = {
+    value: number;
+    x: number;
+    y1: number;
+    y2: number;
+    horizontal: true;
+};
+type TickItem = TickItemVertical | TickItemHorizontal;
+export declare class ColumnRangeChart {
+    static readonly stComponentName = "ColumnRangeChart";
+    readonly componentName = "ColumnRangeChart";
+    readonly margin: {
+        readonly top: 12;
+        readonly right: 16;
+        readonly bottom: 32;
+        readonly left: 44;
+    };
+    private hoveredIndex;
+    data: ColumnRangeChartDatum[];
+    width?: number;
+    height?: number;
+    orientation?: "vertical" | "horizontal";
+    label: string;
+    domain?: [number, number];
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get isVertical(): boolean;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    private normalize;
+    get validDomain(): [number, number] | null;
+    get validData(): ColumnRangeChartDatum[];
+    get ticks(): number[];
+    get domainMin(): number;
+    get domainMax(): number;
+    private valueFraction;
+    get bars(): Bar[];
+    get valueAxisTicks(): TickItem[];
+    get dataValueItems(): string[];
+    get hoveredBar(): Bar | null;
+    barClass(bar: Bar): string;
+    formatTickLabel(value: number): string;
+    tooltipLeftPct(bar: Bar): string;
+    tooltipTopPct(bar: Bar): string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnRangeChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnRangeChart, "st-column-range-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "label": { "alias": "label"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=ColumnRangeChart.d.ts.map

package/dist/ColumnRangeChart.d.ts.map

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