@sentropic/design-system-angular 0.36.54

package/dist/AreaRangeChart.d.ts

@@ -0,0 +1,93 @@
+import * as i0 from "@angular/core";
+export type AreaRangeChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type AreaRangeChartDatum = {
+    x: number | string;
+    low: number;
+    high: number;
+};
+export type AreaRangeChartProps = {
+    data: AreaRangeChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: AreaRangeChartTone;
+    smooth?: boolean;
+    label: string;
+    class?: string;
+};
+type AreaRangePoint = {
+    x: number;
+    yLow: number;
+    yHigh: number;
+    datum: AreaRangeChartDatum;
+    range: {
+        lo: number;
+        hi: number;
+    };
+    index: number;
+};
+type GridLine = {
+    value: number;
+    y: number;
+};
+type XTick = {
+    x: number;
+    label: string;
+};
+export declare class AreaRangeChart {
+    static readonly stComponentName = "AreaRangeChart";
+    readonly componentName = "AreaRangeChart";
+    readonly margin: {
+        readonly top: 12;
+        readonly right: 16;
+        readonly bottom: 32;
+        readonly left: 44;
+    };
+    hoveredIndex: number | null;
+    data: AreaRangeChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: AreaRangeChartTone;
+    smooth?: boolean;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    readonly gradientId: string;
+    private normalize;
+    get validData(): AreaRangeChartDatum[];
+    get xDomain(): {
+        kind: "numeric";
+        min: number;
+        max: number;
+    } | {
+        kind: "ordinal";
+        values: (number | string)[];
+    };
+    get yTicks(): number[];
+    get yDomain(): {
+        min: number;
+        max: number;
+    };
+    get points(): AreaRangePoint[];
+    private buildPath;
+    private continuePath;
+    get highPath(): string;
+    get lowPath(): string;
+    get areaPath(): string;
+    get gridLines(): GridLine[];
+    get xTickEntries(): XTick[];
+    get dataValueItems(): string[];
+    formatTickLabel(value: number): string;
+    tooltipLeft(): number;
+    tooltipTop(): number;
+    handleLeave(): void;
+    handleVisualPointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaRangeChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AreaRangeChart, "st-area-range-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "smooth": { "alias": "smooth"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=AreaRangeChart.d.ts.map

package/dist/AreaRangeChart.d.ts.map

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

package/dist/AreaRangeChart.js

@@ -0,0 +1,431 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { buildLinearPath, buildSmoothPath, formatTick, isNumeric, niceTicks, scaleLinear, } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 12, right: 16, bottom: 32, left: 44 };
+export class AreaRangeChart {
+    static stComponentName = "AreaRangeChart";
+    componentName = "AreaRangeChart";
+    margin = MARGIN;
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    tone;
+    smooth;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-areaRangeChart", `st-areaRangeChart--${this.tone ?? "category1"}`, this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 240;
+    }
+    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);
+    }
+    gradientId = `st-arearangechart-gradient-${Math.random().toString(36).substring(2, 9)}`;
+    normalize(d) {
+        if (!Number.isFinite(d.low) || !Number.isFinite(d.high))
+            return null;
+        return { lo: Math.min(d.low, d.high), hi: Math.max(d.low, d.high) };
+    }
+    get validData() {
+        return this.data.filter((d) => this.normalize(d) !== null);
+    }
+    get xDomain() {
+        if (this.validData.length === 0)
+            return { kind: "ordinal", values: [] };
+        const allNumeric = this.validData.every((d) => isNumeric(d.x));
+        if (allNumeric) {
+            const xs = this.validData.map((d) => d.x);
+            return { kind: "numeric", min: Math.min(...xs), max: Math.max(...xs) };
+        }
+        return { kind: "ordinal", values: this.validData.map((d) => d.x) };
+    }
+    get yTicks() {
+        if (this.validData.length === 0)
+            return [0];
+        const lows = this.validData.map((d) => this.normalize(d).lo);
+        const highs = this.validData.map((d) => this.normalize(d).hi);
+        const minRaw = Math.min(...lows);
+        const maxRaw = Math.max(...highs);
+        const padded = (maxRaw - minRaw) * 0.08 || Math.max(Math.abs(maxRaw), 1) * 0.1;
+        return niceTicks(minRaw - padded, maxRaw + padded, 5);
+    }
+    get yDomain() {
+        if (this.yTicks.length === 0)
+            return { min: 0, max: 1 };
+        return { min: this.yTicks[0], max: this.yTicks[this.yTicks.length - 1] };
+    }
+    get points() {
+        if (this.validData.length === 0)
+            return [];
+        const xd = this.xDomain;
+        return this.validData.map((d, i) => {
+            let x;
+            if (xd.kind === "numeric") {
+                x = scaleLinear(d.x, xd.min, xd.max, 0, this.plotWidth);
+            }
+            else {
+                const denom = Math.max(this.validData.length - 1, 1);
+                x = this.validData.length === 1 ? this.plotWidth / 2 : (i / denom) * this.plotWidth;
+            }
+            const r = this.normalize(d);
+            const yLow = scaleLinear(r.lo, this.yDomain.min, this.yDomain.max, this.plotHeight, 0);
+            const yHigh = scaleLinear(r.hi, this.yDomain.min, this.yDomain.max, this.plotHeight, 0);
+            return {
+                x: MARGIN.left + x,
+                yLow: MARGIN.top + yLow,
+                yHigh: MARGIN.top + yHigh,
+                datum: d,
+                range: r,
+                index: i,
+            };
+        });
+    }
+    buildPath(pts) {
+        if (this.smooth)
+            return buildSmoothPath(pts);
+        return buildLinearPath(pts);
+    }
+    continuePath(prefix, pts) {
+        if (pts.length === 0)
+            return prefix;
+        const full = this.buildPath(pts);
+        return `${prefix} L${full.slice(1)}`;
+    }
+    get highPath() {
+        if (this.points.length === 0)
+            return "";
+        return this.buildPath(this.points.map((p) => ({ x: p.x, y: p.yHigh })));
+    }
+    get lowPath() {
+        if (this.points.length === 0)
+            return "";
+        return this.buildPath(this.points.map((p) => ({ x: p.x, y: p.yLow })));
+    }
+    get areaPath() {
+        if (this.points.length === 0)
+            return "";
+        const lowReversed = [...this.points].reverse().map((p) => ({ x: p.x, y: p.yLow }));
+        return `${this.continuePath(this.highPath, lowReversed)} Z`;
+    }
+    get gridLines() {
+        return this.yTicks.map((tick) => ({
+            value: tick,
+            y: MARGIN.top + scaleLinear(tick, this.yDomain.min, this.yDomain.max, this.plotHeight, 0),
+        }));
+    }
+    get xTickEntries() {
+        if (this.validData.length === 0)
+            return [];
+        const xd = this.xDomain;
+        if (xd.kind === "ordinal") {
+            return this.points.map((p, i) => ({ x: p.x, label: String(this.validData[i].x) }));
+        }
+        const target = Math.min(5, this.validData.length);
+        const stride = Math.max(1, Math.round((this.validData.length - 1) / (target - 1 || 1)));
+        const entries = [];
+        for (let i = 0; i < this.validData.length; i += stride) {
+            entries.push({ x: this.points[i].x, label: String(this.validData[i].x) });
+        }
+        const lastIdx = this.validData.length - 1;
+        if (entries[entries.length - 1]?.label !== String(this.validData[lastIdx].x)) {
+            entries.push({ x: this.points[lastIdx].x, label: String(this.validData[lastIdx].x) });
+        }
+        return entries;
+    }
+    get dataValueItems() {
+        return this.validData.map((d) => {
+            const r = this.normalize(d);
+            return `${d.x}: ${r.lo} – ${r.hi}`;
+        });
+    }
+    formatTickLabel(value) {
+        return formatTick(value);
+    }
+    tooltipLeft() {
+        const p = this.hoveredIndex !== null ? this.points[this.hoveredIndex] : null;
+        return p ? (p.x / this.widthValue) * 100 : 0;
+    }
+    tooltipTop() {
+        const p = this.hoveredIndex !== null ? this.points[this.hoveredIndex] : null;
+        return p ? (p.yHigh / this.heightValue) * 100 : 0;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!target) {
+            this.hoveredIndex = null;
+            return;
+        }
+        const raw = Number(target.getAttribute("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && target.hasAttribute("data-chart-index") ? raw : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AreaRangeChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: AreaRangeChart, isStandalone: true, selector: "st-area-range-chart", inputs: { data: "data", width: "width", height: "height", tone: "tone", smooth: "smooth", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-areaRangeChart__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"
+        >
+          <defs>
+            <linearGradient [attr.id]="gradientId" x1="0" y1="0" x2="0" y2="1">
+              <stop offset="0%" stop-color="currentColor" stop-opacity="0.32"></stop>
+              <stop offset="100%" stop-color="currentColor" stop-opacity="0.12"></stop>
+            </linearGradient>
+          </defs>
+
+          @for (g of gridLines; track g.value) {
+            <line
+              class="st-areaRangeChart__grid"
+              [attr.x1]="margin.left"
+              [attr.x2]="widthValue - margin.right"
+              [attr.y1]="g.y"
+              [attr.y2]="g.y"
+            ></line>
+            <text
+              class="st-areaRangeChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="g.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(g.value) }}</text>
+          }
+
+          <line
+            class="st-areaRangeChart__axis"
+            [attr.x1]="margin.left"
+            [attr.x2]="margin.left"
+            [attr.y1]="margin.top"
+            [attr.y2]="heightValue - margin.bottom"
+          ></line>
+          <line
+            class="st-areaRangeChart__axis"
+            [attr.x1]="margin.left"
+            [attr.x2]="widthValue - margin.right"
+            [attr.y1]="heightValue - margin.bottom"
+            [attr.y2]="heightValue - margin.bottom"
+          ></line>
+
+          @for (tick of xTickEntries; track $index) {
+            <text
+              class="st-areaRangeChart__tickLabel"
+              [attr.x]="tick.x"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >{{ tick.label }}</text>
+          }
+
+          @if (areaPath) {
+            <path class="st-areaRangeChart__area" [attr.d]="areaPath" [attr.fill]="'url(#' + gradientId + ')'"></path>
+          }
+          @if (highPath) {
+            <path
+              class="st-areaRangeChart__line st-areaRangeChart__line--high"
+              [attr.d]="highPath"
+              fill="none"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            ></path>
+          }
+          @if (lowPath) {
+            <path
+              class="st-areaRangeChart__line st-areaRangeChart__line--low"
+              [attr.d]="lowPath"
+              fill="none"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            ></path>
+          }
+
+          @for (p of points; track p.index) {
+            <circle class="st-areaRangeChart__dot" [attr.cx]="p.x" [attr.cy]="p.yHigh" r="3.5" [attr.data-chart-index]="p.index"></circle>
+            <circle class="st-areaRangeChart__dot" [attr.cx]="p.x" [attr.cy]="p.yLow" r="3.5" [attr.data-chart-index]="p.index"></circle>
+          }
+        </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 && points[hoveredIndex]) {
+        <div
+          class="st-areaRangeChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft() + '%'"
+          [style.top]="tooltipTop() + '%'"
+        >
+          <span class="st-areaRangeChart__tooltipLabel">{{ points[hoveredIndex].datum.x }}</span>
+          <span class="st-areaRangeChart__tooltipValue">{{ points[hoveredIndex].range.lo }} – {{ points[hoveredIndex].range.hi }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AreaRangeChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-area-range-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-areaRangeChart__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"
+        >
+          <defs>
+            <linearGradient [attr.id]="gradientId" x1="0" y1="0" x2="0" y2="1">
+              <stop offset="0%" stop-color="currentColor" stop-opacity="0.32"></stop>
+              <stop offset="100%" stop-color="currentColor" stop-opacity="0.12"></stop>
+            </linearGradient>
+          </defs>
+
+          @for (g of gridLines; track g.value) {
+            <line
+              class="st-areaRangeChart__grid"
+              [attr.x1]="margin.left"
+              [attr.x2]="widthValue - margin.right"
+              [attr.y1]="g.y"
+              [attr.y2]="g.y"
+            ></line>
+            <text
+              class="st-areaRangeChart__tickLabel"
+              [attr.x]="margin.left - 6"
+              [attr.y]="g.y"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ formatTickLabel(g.value) }}</text>
+          }
+
+          <line
+            class="st-areaRangeChart__axis"
+            [attr.x1]="margin.left"
+            [attr.x2]="margin.left"
+            [attr.y1]="margin.top"
+            [attr.y2]="heightValue - margin.bottom"
+          ></line>
+          <line
+            class="st-areaRangeChart__axis"
+            [attr.x1]="margin.left"
+            [attr.x2]="widthValue - margin.right"
+            [attr.y1]="heightValue - margin.bottom"
+            [attr.y2]="heightValue - margin.bottom"
+          ></line>
+
+          @for (tick of xTickEntries; track $index) {
+            <text
+              class="st-areaRangeChart__tickLabel"
+              [attr.x]="tick.x"
+              [attr.y]="heightValue - margin.bottom + 16"
+              text-anchor="middle"
+            >{{ tick.label }}</text>
+          }
+
+          @if (areaPath) {
+            <path class="st-areaRangeChart__area" [attr.d]="areaPath" [attr.fill]="'url(#' + gradientId + ')'"></path>
+          }
+          @if (highPath) {
+            <path
+              class="st-areaRangeChart__line st-areaRangeChart__line--high"
+              [attr.d]="highPath"
+              fill="none"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            ></path>
+          }
+          @if (lowPath) {
+            <path
+              class="st-areaRangeChart__line st-areaRangeChart__line--low"
+              [attr.d]="lowPath"
+              fill="none"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            ></path>
+          }
+
+          @for (p of points; track p.index) {
+            <circle class="st-areaRangeChart__dot" [attr.cx]="p.x" [attr.cy]="p.yHigh" r="3.5" [attr.data-chart-index]="p.index"></circle>
+            <circle class="st-areaRangeChart__dot" [attr.cx]="p.x" [attr.cy]="p.yLow" r="3.5" [attr.data-chart-index]="p.index"></circle>
+          }
+        </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 && points[hoveredIndex]) {
+        <div
+          class="st-areaRangeChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft() + '%'"
+          [style.top]="tooltipTop() + '%'"
+        >
+          <span class="st-areaRangeChart__tooltipLabel">{{ points[hoveredIndex].datum.x }}</span>
+          <span class="st-areaRangeChart__tooltipValue">{{ points[hoveredIndex].range.lo }} – {{ points[hoveredIndex].range.hi }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], smooth: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=AreaRangeChart.js.map

package/dist/AreaRangeChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaRangeChart.js","sourceRoot":"","sources":["../src/AreaRangeChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EACL,eAAe,EACf,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACT,WAAW,GACZ,MAAM,iBAAiB,CAAC;;AA4BzB,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAW,CAAC;AAqIrE,MAAM,OAAO,cAAc;IACzB,MAAM,CAAU,eAAe,GAAG,gBAAgB,CAAC;IAC1C,aAAa,GAAG,gBAAgB,CAAC;IACjC,MAAM,GAAG,MAAM,CAAC;IAEzB,YAAY,GAAkB,IAAI,CAAC;IAExB,IAAI,GAA0B,EAAE,CAAC;IACjC,KAAK,CAAU;IACf,MAAM,CAAU;IAChB,IAAI,CAAsB;IAC1B,MAAM,CAAW;IACjB,KAAK,GAAG,EAAE,CAAC;IACJ,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,mBAAmB,EAAE,sBAAsB,IAAI,CAAC,IAAI,IAAI,WAAW,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5G,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;IAC3B,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC;IAC5B,CAAC;IAED,IAAI,OAAO;QACT,OAAO,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;IACtD,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACpE,CAAC;IAEQ,UAAU,GAAG,8BAA8B,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAEzF,SAAS,CAAC,CAAsB;QACtC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QACrE,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;IACtE,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,OAAO;QACT,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QACxE,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/D,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAW,CAAC,CAAC;YACpD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC;QACzE,CAAC;QACD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,CAAC;IAED,IAAI,MAAM;QACR,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC;QAC9D,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC;QAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QAClC,MAAM,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QAC/E,OAAO,SAAS,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,OAAO;QACT,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;QACxD,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAE,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAE,EAAE,CAAC;IAC7E,CAAC;IAED,IAAI,MAAM;QACR,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAC3C,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjC,IAAI,CAAS,CAAC;YACd,IAAI,EAAE,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC1B,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAW,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACpE,CAAC;iBAAM,CAAC;gBACN,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;gBACrD,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;YACtF,CAAC;YACD,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,CAAC;YAC7B,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YACvF,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YACxF,OAAO;gBACL,CAAC,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC;gBAClB,IAAI,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI;gBACvB,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,KAAK;gBACzB,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,CAAC;aACT,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,GAA+B;QAC/C,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,eAAe,CAAC,GAAG,CAAC,CAAC;QAC7C,OAAO,eAAe,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAEO,YAAY,CAAC,MAAc,EAAE,GAA+B;QAClE,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,MAAM,CAAC;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACjC,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACxC,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,OAAO;QACT,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACxC,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IACzE,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACxC,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACnF,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;IAC9D,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAChC,KAAK,EAAE,IAAI;YACX,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;SAC1F,CAAC,CAAC,CAAC;IACN,CAAC;IAED,IAAI,YAAY;QACd,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAC3C,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QACxB,IAAI,EAAE,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtF,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAClD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACxF,MAAM,OAAO,GAAY,EAAE,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,MAAM,EAAE,CAAC;YACvD,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC9E,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QAC1C,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9E,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1F,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,CAAC;YAC7B,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe,CAAC,KAAa;QAC3B,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,WAAW;QACT,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7E,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC;IAED,UAAU;QACR,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7E,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,WAAW;QACT,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,uBAAuB,CAAC,KAAmB;QACzC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAwB,CAAC;QAC9C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,OAAO;QACT,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACpG,CAAC;wGA1LU,cAAc;4FAAd,cAAc,gOApHf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkHT;;4FAEU,cAAc;kBAvH1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkHT;iBACF;;sBAQE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/AreaSplineRangeChart.d.ts

@@ -0,0 +1,90 @@
+import * as i0 from "@angular/core";
+export type AreaSplineRangeChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type AreaSplineRangeChartDatum = {
+    x: number | string;
+    low: number;
+    high: number;
+};
+export type AreaSplineRangeChartProps = {
+    data: AreaSplineRangeChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: AreaSplineRangeChartTone;
+    label: string;
+    class?: string;
+};
+type AreaSplineRangePoint = {
+    x: number;
+    yLow: number;
+    yHigh: number;
+    datum: AreaSplineRangeChartDatum;
+    range: {
+        lo: number;
+        hi: number;
+    };
+    index: number;
+};
+type GridLine = {
+    value: number;
+    y: number;
+};
+type XTick = {
+    x: number;
+    label: string;
+};
+export declare class AreaSplineRangeChart {
+    static readonly stComponentName = "AreaSplineRangeChart";
+    readonly componentName = "AreaSplineRangeChart";
+    readonly margin: {
+        readonly top: 12;
+        readonly right: 16;
+        readonly bottom: 32;
+        readonly left: 44;
+    };
+    hoveredIndex: number | null;
+    data: AreaSplineRangeChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: AreaSplineRangeChartTone;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    readonly gradientId: string;
+    private normalize;
+    get validData(): AreaSplineRangeChartDatum[];
+    get xDomain(): {
+        kind: "numeric";
+        min: number;
+        max: number;
+    } | {
+        kind: "ordinal";
+        values: (number | string)[];
+    };
+    get yTicks(): number[];
+    get yDomain(): {
+        min: number;
+        max: number;
+    };
+    get points(): AreaSplineRangePoint[];
+    private continuePath;
+    get highPath(): string;
+    get lowPath(): string;
+    get areaPath(): string;
+    get gridLines(): GridLine[];
+    get xTickEntries(): XTick[];
+    get dataValueItems(): string[];
+    formatTickLabel(value: number): string;
+    tooltipLeft(): number;
+    tooltipTop(): number;
+    handleLeave(): void;
+    handleVisualPointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AreaSplineRangeChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AreaSplineRangeChart, "st-area-spline-range-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=AreaSplineRangeChart.d.ts.map

package/dist/AreaSplineRangeChart.d.ts.map

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