@sentropic/design-system-angular 0.36.54

package/dist/DumbbellChart.d.ts

@@ -0,0 +1,87 @@
+import type { ForceGraphLegendEntry } from "./ForceGraph.js";
+import * as i0 from "@angular/core";
+export type DumbbellChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type DumbbellChartDatum = {
+    category: string;
+    low: number;
+    high: number;
+};
+export type DumbbellChartProps = {
+    data: DumbbellChartDatum[];
+    width?: number;
+    height?: number;
+    lowTone?: DumbbellChartTone;
+    highTone?: DumbbellChartTone;
+    lowLabel?: string;
+    highLabel?: string;
+    label: string;
+    class?: string;
+};
+type DumbbellRow = {
+    datum: DumbbellChartDatum;
+    range: {
+        lo: number;
+        hi: number;
+    };
+    cy: number;
+    xLow: number;
+    xHigh: number;
+    index: number;
+};
+type GridLine = {
+    value: number;
+    x: number;
+};
+export declare class DumbbellChart {
+    static readonly stComponentName = "DumbbellChart";
+    readonly componentName = "DumbbellChart";
+    readonly MARGIN_LEFT: 96;
+    readonly MARGIN_RIGHT: 20;
+    readonly MARGIN_TOP: 16;
+    readonly MARGIN_BOTTOM: 32;
+    readonly DOT_RADIUS = 5;
+    hoveredIndex: number | null;
+    data: DumbbellChartDatum[];
+    width?: number;
+    height?: number;
+    lowTone?: DumbbellChartTone;
+    highTone?: DumbbellChartTone;
+    lowLabel?: string;
+    highLabel?: string;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get lowToneValue(): DumbbellChartTone;
+    get highToneValue(): DumbbellChartTone;
+    get lowLabelValue(): string;
+    get highLabelValue(): string;
+    normalize(d: DumbbellChartDatum): {
+        lo: number;
+        hi: number;
+    } | null;
+    get validData(): DumbbellChartDatum[];
+    get dataValueItems(): string[];
+    get xTicks(): number[];
+    get xDomain(): {
+        min: number;
+        max: number;
+    };
+    get rows(): DumbbellRow[];
+    get gridLines(): GridLine[];
+    get legendEntries(): ForceGraphLegendEntry[];
+    get dotLowClass(): string;
+    get dotHighClass(): string;
+    get hoveredRow(): DumbbellRow | null;
+    formatTickLabel(v: number): string;
+    handleLeave(): void;
+    handlePointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DumbbellChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DumbbellChart, "st-dumbbell-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "lowTone": { "alias": "lowTone"; "required": false; }; "highTone": { "alias": "highTone"; "required": false; }; "lowLabel": { "alias": "lowLabel"; "required": false; }; "highLabel": { "alias": "highLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=DumbbellChart.d.ts.map

package/dist/DumbbellChart.d.ts.map

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

package/dist/DumbbellChart.js

@@ -0,0 +1,266 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+import { GraphLegend } from "./GraphLegend.js";
+import * as i0 from "@angular/core";
+const DB_MARGIN = { top: 16, right: 20, bottom: 32, left: 96 };
+const DOT_RADIUS = 5;
+export class DumbbellChart {
+    static stComponentName = "DumbbellChart";
+    componentName = "DumbbellChart";
+    MARGIN_LEFT = DB_MARGIN.left;
+    MARGIN_RIGHT = DB_MARGIN.right;
+    MARGIN_TOP = DB_MARGIN.top;
+    MARGIN_BOTTOM = DB_MARGIN.bottom;
+    DOT_RADIUS = DOT_RADIUS;
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    lowTone;
+    highTone;
+    lowLabel;
+    highLabel;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-dumbbellChart", 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 - DB_MARGIN.left - DB_MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - DB_MARGIN.top - DB_MARGIN.bottom, 1);
+    }
+    get lowToneValue() {
+        return this.lowTone ?? "category1";
+    }
+    get highToneValue() {
+        return this.highTone ?? "category2";
+    }
+    get lowLabelValue() {
+        return this.lowLabel ?? "Bas";
+    }
+    get highLabelValue() {
+        return this.highLabel ?? "Haut";
+    }
+    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 dataValueItems() {
+        return this.validData.map((d) => {
+            const r = this.normalize(d);
+            return `${d.category}: ${r.lo} – ${r.hi}`;
+        });
+    }
+    get xTicks() {
+        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 xDomain() {
+        if (this.xTicks.length === 0)
+            return { min: 0, max: 1 };
+        return { min: this.xTicks[0], max: this.xTicks[this.xTicks.length - 1] };
+    }
+    get rows() {
+        if (this.validData.length === 0)
+            return [];
+        const band = this.plotHeight / this.validData.length;
+        return this.validData.map((d, i) => {
+            const r = this.normalize(d);
+            const cy = DB_MARGIN.top + band * (i + 0.5);
+            const xLow = DB_MARGIN.left + scaleLinear(r.lo, this.xDomain.min, this.xDomain.max, 0, this.plotWidth);
+            const xHigh = DB_MARGIN.left + scaleLinear(r.hi, this.xDomain.min, this.xDomain.max, 0, this.plotWidth);
+            return { datum: d, range: r, cy, xLow, xHigh, index: i };
+        });
+    }
+    get gridLines() {
+        return this.xTicks.map((tick) => ({
+            value: tick,
+            x: DB_MARGIN.left + scaleLinear(tick, this.xDomain.min, this.xDomain.max, 0, this.plotWidth),
+        }));
+    }
+    get legendEntries() {
+        return [
+            { label: this.lowLabelValue, shape: "circle", tone: this.lowToneValue },
+            { label: this.highLabelValue, shape: "circle", tone: this.highToneValue },
+        ];
+    }
+    get dotLowClass() {
+        return `st-dumbbellChart__dot st-dumbbellChart__dot--low st-dumbbellChart__dot--${this.lowToneValue}`;
+    }
+    get dotHighClass() {
+        return `st-dumbbellChart__dot st-dumbbellChart__dot--high st-dumbbellChart__dot--${this.highToneValue}`;
+    }
+    get hoveredRow() {
+        return this.hoveredIndex !== null ? (this.rows[this.hoveredIndex] ?? null) : null;
+    }
+    formatTickLabel(v) {
+        return formatTick(v);
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    handlePointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && !isNaN(raw) ? raw : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DumbbellChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DumbbellChart, isStandalone: true, selector: "st-dumbbell-chart", inputs: { data: "data", width: "width", height: "height", lowTone: "lowTone", highTone: "highTone", lowLabel: "lowLabel", highLabel: "highLabel", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-dumbbellChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (g of gridLines; track g.value) {
+            <line class="st-dumbbellChart__grid" [attr.x1]="g.x" [attr.x2]="g.x" [attr.y1]="MARGIN_TOP" [attr.y2]="heightValue - MARGIN_BOTTOM"></line>
+            <text class="st-dumbbellChart__tickLabel" [attr.x]="g.x" [attr.y]="heightValue - MARGIN_BOTTOM + 16" text-anchor="middle">{{ formatTickLabel(g.value) }}</text>
+          }
+
+          <line class="st-dumbbellChart__axis" [attr.x1]="MARGIN_LEFT" [attr.x2]="MARGIN_LEFT" [attr.y1]="MARGIN_TOP" [attr.y2]="heightValue - MARGIN_BOTTOM"></line>
+          <line class="st-dumbbellChart__axis" [attr.x1]="MARGIN_LEFT" [attr.x2]="widthValue - MARGIN_RIGHT" [attr.y1]="heightValue - MARGIN_BOTTOM" [attr.y2]="heightValue - MARGIN_BOTTOM"></line>
+
+          @for (row of rows; track row.index) {
+            <text class="st-dumbbellChart__categoryLabel" [attr.x]="MARGIN_LEFT - 8" [attr.y]="row.cy" text-anchor="end" dominant-baseline="middle">{{ row.datum.category }}</text>
+            <line class="st-dumbbellChart__connector" [attr.x1]="row.xLow" [attr.x2]="row.xHigh" [attr.y1]="row.cy" [attr.y2]="row.cy"></line>
+            <circle [class]="dotLowClass" [attr.cx]="row.xLow" [attr.cy]="row.cy" [attr.r]="DOT_RADIUS" [attr.data-chart-index]="row.index"></circle>
+            <circle [class]="dotHighClass" [attr.cx]="row.xHigh" [attr.cy]="row.cy" [attr.r]="DOT_RADIUS" [attr.data-chart-index]="row.index"></circle>
+          }
+        </svg>
+        <st-graph-legend class="st-dumbbellChart__legend" [entries]="legendEntries"></st-graph-legend>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredRow; as row) {
+        <div
+          class="st-dumbbellChart__tooltip"
+          role="presentation"
+          [style.left]="((row.xLow + row.xHigh) / 2 / widthValue * 100) + '%'"
+          [style.top]="(row.cy / heightValue * 100) + '%'"
+        >
+          <span class="st-dumbbellChart__tooltipLabel">{{ row.datum.category }}</span>
+          <span class="st-dumbbellChart__tooltipValue">{{ row.range.lo }} – {{ row.range.hi }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: GraphLegend, selector: "st-graph-legend", inputs: ["entries", "title", "class"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DumbbellChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-dumbbell-chart",
+                    standalone: true,
+                    imports: [GraphLegend],
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-dumbbellChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (g of gridLines; track g.value) {
+            <line class="st-dumbbellChart__grid" [attr.x1]="g.x" [attr.x2]="g.x" [attr.y1]="MARGIN_TOP" [attr.y2]="heightValue - MARGIN_BOTTOM"></line>
+            <text class="st-dumbbellChart__tickLabel" [attr.x]="g.x" [attr.y]="heightValue - MARGIN_BOTTOM + 16" text-anchor="middle">{{ formatTickLabel(g.value) }}</text>
+          }
+
+          <line class="st-dumbbellChart__axis" [attr.x1]="MARGIN_LEFT" [attr.x2]="MARGIN_LEFT" [attr.y1]="MARGIN_TOP" [attr.y2]="heightValue - MARGIN_BOTTOM"></line>
+          <line class="st-dumbbellChart__axis" [attr.x1]="MARGIN_LEFT" [attr.x2]="widthValue - MARGIN_RIGHT" [attr.y1]="heightValue - MARGIN_BOTTOM" [attr.y2]="heightValue - MARGIN_BOTTOM"></line>
+
+          @for (row of rows; track row.index) {
+            <text class="st-dumbbellChart__categoryLabel" [attr.x]="MARGIN_LEFT - 8" [attr.y]="row.cy" text-anchor="end" dominant-baseline="middle">{{ row.datum.category }}</text>
+            <line class="st-dumbbellChart__connector" [attr.x1]="row.xLow" [attr.x2]="row.xHigh" [attr.y1]="row.cy" [attr.y2]="row.cy"></line>
+            <circle [class]="dotLowClass" [attr.cx]="row.xLow" [attr.cy]="row.cy" [attr.r]="DOT_RADIUS" [attr.data-chart-index]="row.index"></circle>
+            <circle [class]="dotHighClass" [attr.cx]="row.xHigh" [attr.cy]="row.cy" [attr.r]="DOT_RADIUS" [attr.data-chart-index]="row.index"></circle>
+          }
+        </svg>
+        <st-graph-legend class="st-dumbbellChart__legend" [entries]="legendEntries"></st-graph-legend>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredRow; as row) {
+        <div
+          class="st-dumbbellChart__tooltip"
+          role="presentation"
+          [style.left]="((row.xLow + row.xHigh) / 2 / widthValue * 100) + '%'"
+          [style.top]="(row.cy / heightValue * 100) + '%'"
+        >
+          <span class="st-dumbbellChart__tooltipLabel">{{ row.datum.category }}</span>
+          <span class="st-dumbbellChart__tooltipValue">{{ row.range.lo }} – {{ row.range.hi }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], lowTone: [{
+                type: NgInput
+            }], highTone: [{
+                type: NgInput
+            }], lowLabel: [{
+                type: NgInput
+            }], highLabel: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=DumbbellChart.js.map

package/dist/DumbbellChart.js.map

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

package/dist/Embed.d.ts

@@ -0,0 +1,37 @@
+import * as i0 from "@angular/core";
+export type EmbedProps = {
+    /** URL of the embedded document (required). */
+    src: string;
+    /**
+     * Accessible name of the frame (required for a11y — every iframe must carry a
+     * meaningful `title`).
+     */
+    title: string;
+    /**
+     * `sandbox` token list. Defaults to `""` for the strictest sandbox. Pass your
+     * own token list to relax it deliberately.
+     */
+    sandbox?: string;
+    /** Aspect ratio of the frame container (CSS `aspect-ratio`). Default `16/9`. */
+    aspectRatio?: string;
+    /** `allow` permissions policy (e.g. `"fullscreen; picture-in-picture"`). */
+    allow?: string;
+    /** Iframe loading strategy. Default `lazy`; use `eager` for above-the-fold embeds. */
+    loading?: "eager" | "lazy";
+    class?: string;
+};
+export declare class Embed {
+    static readonly stComponentName = "Embed";
+    readonly componentName = "Embed";
+    src: string;
+    title: string;
+    sandbox?: string;
+    aspectRatio?: string;
+    allow?: string;
+    loading?: "eager" | "lazy";
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Embed, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Embed, "st-embed", never, { "src": { "alias": "src"; "required": false; }; "title": { "alias": "title"; "required": false; }; "sandbox": { "alias": "sandbox"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "allow": { "alias": "allow"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=Embed.d.ts.map

package/dist/Embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Embed.d.ts","sourceRoot":"","sources":["../src/Embed.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,UAAU,GAAG;IACvB,+CAA+C;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAiBa,KAAK;IAChB,MAAM,CAAC,QAAQ,CAAC,eAAe,WAAW;IAC1C,QAAQ,CAAC,aAAa,WAAW;IACtB,GAAG,EAAG,MAAM,CAAC;IACb,KAAK,EAAG,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAbU,KAAK;2CAAL,KAAK;CAcjB"}

package/dist/Embed.js

@@ -0,0 +1,61 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Embed {
+    static stComponentName = "Embed";
+    componentName = "Embed";
+    src;
+    title;
+    sandbox;
+    aspectRatio;
+    allow;
+    loading;
+    classInput;
+    get hostClass() {
+        return classNames("st-embed", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Embed, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: Embed, isStandalone: true, selector: "st-embed", inputs: { src: "src", title: "title", sandbox: "sandbox", aspectRatio: "aspectRatio", allow: "allow", loading: "loading", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-aspectRatio" [style.aspect-ratio]="aspectRatio ?? '16/9'">
+        <iframe class="st-embed__frame"
+          [attr.src]="src"
+          [title]="title"
+          [attr.sandbox]="sandbox ?? ''"
+          [attr.allow]="allow ?? null"
+          [attr.loading]="loading ?? 'lazy'"></iframe>
+      </div>
+    </div>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Embed, decorators: [{
+            type: Component,
+            args: [{ selector: "st-embed", standalone: true, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-aspectRatio" [style.aspect-ratio]="aspectRatio ?? '16/9'">
+        <iframe class="st-embed__frame"
+          [attr.src]="src"
+          [title]="title"
+          [attr.sandbox]="sandbox ?? ''"
+          [attr.allow]="allow ?? null"
+          [attr.loading]="loading ?? 'lazy'"></iframe>
+      </div>
+    </div>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { src: [{
+                type: NgInput
+            }], title: [{
+                type: NgInput
+            }], sandbox: [{
+                type: NgInput
+            }], aspectRatio: [{
+                type: NgInput
+            }], allow: [{
+                type: NgInput
+            }], loading: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Embed.js.map

package/dist/Embed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Embed.js","sourceRoot":"","sources":["../src/Embed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAyC7C,MAAM,OAAO,KAAK;IAChB,MAAM,CAAU,eAAe,GAAG,OAAO,CAAC;IACjC,aAAa,GAAG,OAAO,CAAC;IACtB,GAAG,CAAU;IACb,KAAK,CAAU;IACf,OAAO,CAAU;IACjB,WAAW,CAAU;IACrB,KAAK,CAAU;IACf,OAAO,CAAoB;IACpB,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC;wGAbU,KAAK;4FAAL,KAAK,qOAbN;;;;;;;;;;;GAWT;;4FAEU,KAAK;kBAjBjB,SAAS;+BACE,UAAU,cACR,IAAI,YAEN;;;;;;;;;;;GAWT;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/EmptyState.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export type EmptyStateProps = {
+    title: unknown;
+    message?: unknown;
+    action?: unknown;
+    class?: string;
+};
+export declare class EmptyState {
+    static readonly stComponentName = "EmptyState";
+    readonly componentName = "EmptyState";
+    title: unknown;
+    message?: unknown;
+    action?: unknown;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyState, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyState, "st-empty-state", never, { "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "action": { "alias": "action"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../src/EmptyState.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAca,UAAU;IACrB,MAAM,CAAC,QAAQ,CAAC,eAAe,gBAAgB;IAC/C,QAAQ,CAAC,aAAa,gBAAgB;IAC3B,KAAK,EAAG,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAVU,UAAU;2CAAV,UAAU;CAWtB"}

package/dist/EmptyState.js

@@ -0,0 +1,52 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class EmptyState {
+    static stComponentName = "EmptyState";
+    componentName = "EmptyState";
+    title;
+    message;
+    action;
+    classInput;
+    get hostClass() {
+        return classNames("st-empty-state", "st-emptyState", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EmptyState, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: EmptyState, isStandalone: true, selector: "st-empty-state", inputs: { title: "title", message: "message", action: "action", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-empty-state__content">
+        <h2 class="st-empty-state__title st-emptyState__title">{{ title }}</h2>
+        @if (message) { <p class="st-empty-state__message st-emptyState__message">{{ message }}</p> }
+        <ng-content></ng-content>
+        @if (action) { <div class="st-empty-state__action">{{ action }}</div> }
+      </div>
+    </section>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EmptyState, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-empty-state",
+                    standalone: true,
+                    template: `
+    <section [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-empty-state__content">
+        <h2 class="st-empty-state__title st-emptyState__title">{{ title }}</h2>
+        @if (message) { <p class="st-empty-state__message st-emptyState__message">{{ message }}</p> }
+        <ng-content></ng-content>
+        @if (action) { <div class="st-empty-state__action">{{ action }}</div> }
+      </div>
+    </section>
+  `,
+                }]
+        }], propDecorators: { title: [{
+                type: NgInput
+            }], message: [{
+                type: NgInput
+            }], action: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=EmptyState.js.map

package/dist/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../src/EmptyState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAuB7C,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAC3B,KAAK,CAAW;IAChB,OAAO,CAAW;IAClB,MAAM,CAAW;IACV,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,gBAAgB,EAAE,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACxE,CAAC;wGAVU,UAAU;4FAAV,UAAU,iLAXX;;;;;;;;;GAST;;4FAEU,UAAU;kBAdtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;GAST;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/ErrorBarChart.d.ts

@@ -0,0 +1,80 @@
+import * as i0 from "@angular/core";
+export type ErrorBarChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ErrorBarChartDatum = {
+    category: string;
+    value: number;
+    low: number;
+    high: number;
+};
+export type ErrorBarChartProps = {
+    data: ErrorBarChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: ErrorBarChartTone;
+    label: string;
+    class?: string;
+};
+type Row = {
+    datum: ErrorBarChartDatum;
+    range: {
+        lo: number;
+        mid: number;
+        hi: number;
+    };
+    cy: number;
+    xLow: number;
+    xMid: number;
+    xHigh: number;
+    index: number;
+};
+export declare class ErrorBarChart {
+    static readonly stComponentName = "ErrorBarChart";
+    readonly componentName = "ErrorBarChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    readonly MARKER_RADIUS = 4;
+    readonly CAP_HALF = 5;
+    hoveredIndex: number | null;
+    data: ErrorBarChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: ErrorBarChartTone;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get toneValue(): ErrorBarChartTone;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    private normalize;
+    get validData(): ErrorBarChartDatum[];
+    get xTicks(): number[];
+    get xDomain(): {
+        min: number;
+        max: number;
+    };
+    get rows(): Row[];
+    get gridLines(): Array<{
+        value: number;
+        x: number;
+    }>;
+    get legendEntries(): Array<{
+        label: string;
+        shape: "circle";
+        tone: ErrorBarChartTone;
+    }>;
+    get dataValueItems(): string[];
+    get hoveredRow(): Row | null;
+    fmtTick(v: number): string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorBarChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorBarChart, "st-error-bar-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=ErrorBarChart.d.ts.map

package/dist/ErrorBarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBarChart.d.ts","sourceRoot":"","sources":["../src/ErrorBarChart.ts"],"names":[],"mappings":";AAQA,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,KAAK,GAAG,GAAG;IACT,KAAK,EAAE,kBAAkB,CAAC;IAC1B,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBA0Fa,aAAa;IACxB,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IACzC,QAAQ,CAAC,MAAM;;;;;MAAU;IACzB,QAAQ,CAAC,aAAa,KAAiB;IACvC,QAAQ,CAAC,QAAQ,KAAY;IAE7B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExB,IAAI,EAAE,kBAAkB,EAAE,CAAM;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,SAAM;IACJ,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,SAAS,IAAI,iBAAiB,CAEjC;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,OAAO,CAAC,SAAS;IAQjB,IAAI,SAAS,IAAI,kBAAkB,EAAE,CAEpC;IAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAQrB;IAED,IAAI,OAAO,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAG1C;IAED,IAAI,IAAI,IAAI,GAAG,EAAE,CAWhB;IAED,IAAI,SAAS,IAAI,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAKnD;IAED,IAAI,aAAa,IAAI,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,QAAQ,CAAC;QAAC,IAAI,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAEtF;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAK7B;IAED,IAAI,UAAU,IAAI,GAAG,GAAG,IAAI,CAG3B;IAED,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAI1B,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;yCA/GvC,aAAa;2CAAb,aAAa;CA2HzB"}