@sentropic/design-system-angular 0.36.54

package/dist/StatusDot.js

@@ -0,0 +1,81 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class StatusDot {
+    static stComponentName = "StatusDot";
+    componentName = "StatusDot";
+    tone = "neutral";
+    color;
+    size = 8;
+    pulse = false;
+    label;
+    classInput;
+    get safeSize() {
+        return Math.max(Number(this.size ?? 8) || 0, 1);
+    }
+    get accessibleLabel() {
+        return this.label ?? this.color ?? this.tone;
+    }
+    get hostClass() {
+        return classNames("st-statusDot", this.classInput);
+    }
+    get dotClass() {
+        return classNames("st-statusDot__dot", this.color ? null : `st-statusDot__dot--${this.tone}`, this.pulse ? "st-statusDot__dot--pulse" : null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StatusDot, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StatusDot, isStandalone: true, selector: "st-status-dot", inputs: { tone: "tone", color: "color", size: "size", pulse: "pulse", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <span [attr.data-st-component]="componentName" [class]="hostClass">
+      @if (label) {
+        <span [class]="dotClass"
+          [style.background-color]="color || null"
+          [style.width.px]="safeSize"
+          [style.height.px]="safeSize"
+          aria-hidden="true"></span>
+        <span class="st-statusDot__label">{{ label }}</span>
+      } @else {
+        <span [class]="dotClass"
+          [style.background-color]="color || null"
+          [style.width.px]="safeSize"
+          [style.height.px]="safeSize"
+          role="img"
+          [attr.aria-label]="accessibleLabel"></span>
+      }
+    </span>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StatusDot, decorators: [{
+            type: Component,
+            args: [{ selector: "st-status-dot", standalone: true, template: `
+    <span [attr.data-st-component]="componentName" [class]="hostClass">
+      @if (label) {
+        <span [class]="dotClass"
+          [style.background-color]="color || null"
+          [style.width.px]="safeSize"
+          [style.height.px]="safeSize"
+          aria-hidden="true"></span>
+        <span class="st-statusDot__label">{{ label }}</span>
+      } @else {
+        <span [class]="dotClass"
+          [style.background-color]="color || null"
+          [style.width.px]="safeSize"
+          [style.height.px]="safeSize"
+          role="img"
+          [attr.aria-label]="accessibleLabel"></span>
+      }
+    </span>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { tone: [{
+                type: NgInput
+            }], color: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], pulse: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=StatusDot.js.map

package/dist/StatusDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusDot.js","sourceRoot":"","sources":["../src/StatusDot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA8C7C,MAAM,OAAO,SAAS;IACpB,MAAM,CAAU,eAAe,GAAG,WAAW,CAAC;IACrC,aAAa,GAAG,WAAW,CAAC;IAC1B,IAAI,GAAkB,SAAS,CAAC;IAChC,KAAK,CAAU;IACf,IAAI,GAAG,CAAC,CAAC;IACT,KAAK,GAAG,KAAK,CAAC;IACd,KAAK,CAAU;IACR,UAAU,CAAU;IAEtC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;IAC/C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,UAAU,CACf,mBAAmB,EACnB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB,IAAI,CAAC,IAAI,EAAE,EACrD,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAC/C,CAAC;IACJ,CAAC;wGA5BU,SAAS;4FAAT,SAAS,sMApBV;;;;;;;;;;;;;;;;;;GAkBT;;4FAEU,SAAS;kBA5BrB,SAAS;+BACE,eAAe,cACb,IAAI,YAMN;;;;;;;;;;;;;;;;;;GAkBT;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/StatusHistoryChart.d.ts

@@ -0,0 +1,101 @@
+import * as i0 from "@angular/core";
+export type StatusHistoryTone = "neutral" | "info" | "success" | "warning" | "error" | "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type StatusHistoryBucket = {
+    at: number;
+    value: string | number;
+    tone?: StatusHistoryTone;
+};
+export type StatusHistorySeries = {
+    series: string;
+    buckets: StatusHistoryBucket[];
+};
+export type StatusHistoryChartProps = {
+    data: StatusHistorySeries[];
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    class?: string;
+};
+type ValidBucket = {
+    at: number;
+    value: string | number;
+    tone?: StatusHistoryTone;
+};
+type ValidRow = {
+    series: string;
+    buckets: ValidBucket[];
+};
+type CellItem = {
+    key: string;
+    datum: ValidBucket;
+    x: number;
+    width: number;
+    cx: number;
+    tone: StatusHistoryTone;
+};
+type RowItem = {
+    datum: ValidRow;
+    index: number;
+    y: number;
+    height: number;
+    rowCenterY: number;
+    cells: CellItem[];
+};
+type ColumnItem = {
+    at: number;
+    cx: number;
+};
+type LegendItem = {
+    value: string;
+    tone: StatusHistoryTone;
+};
+export declare class StatusHistoryChart {
+    static readonly stComponentName = "StatusHistoryChart";
+    readonly componentName = "StatusHistoryChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    hoveredKey: string | null;
+    data: StatusHistorySeries[];
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get validData(): ValidRow[];
+    get columnOrder(): number[];
+    get statusOrder(): string[];
+    get explicitToneByStatus(): Map<string, StatusHistoryTone>;
+    toneOf(bucket: {
+        value: string | number;
+        tone?: StatusHistoryTone;
+    }): StatusHistoryTone;
+    get legendItems(): LegendItem[];
+    get rows(): RowItem[];
+    get columnItems(): ColumnItem[];
+    get hoveredCell(): {
+        row: RowItem;
+        cell: CellItem;
+    } | null;
+    get dataValueItems(): string[];
+    formatAtLabel(at: number): string;
+    ellipsizeLabel(text: string): string;
+    cellClass(cell: CellItem): string;
+    tooltipLeft(cell: CellItem): number;
+    tooltipTop(row: RowItem): number;
+    handlePointerMove(e: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusHistoryChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusHistoryChart, "st-status-history-chart", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "size": { "alias": "size"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=StatusHistoryChart.d.ts.map

package/dist/StatusHistoryChart.d.ts.map

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

package/dist/StatusHistoryChart.js

@@ -0,0 +1,362 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { formatTick } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 16, right: 16, bottom: 32, left: 132 };
+function ellipsize(text, maxChars) {
+    if (text.length <= maxChars)
+        return text;
+    if (maxChars <= 1)
+        return "…";
+    return `${text.slice(0, maxChars - 1)}…`;
+}
+export class StatusHistoryChart {
+    static stComponentName = "StatusHistoryChart";
+    componentName = "StatusHistoryChart";
+    MARGIN = MARGIN;
+    hoveredKey = null;
+    data = [];
+    label;
+    width;
+    height;
+    size;
+    classInput;
+    get hostClass() {
+        return classNames("st-statusHistoryChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? this.size ?? 640;
+    }
+    get heightValue() {
+        return this.height ?? 320;
+    }
+    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 validData() {
+        return (this.data ?? [])
+            .filter((d) => typeof d.series === "string" && d.series.length > 0)
+            .map((d) => ({
+            series: d.series,
+            buckets: (d.buckets ?? [])
+                .filter((b) => Number.isFinite(b.at))
+                .map((b) => ({ at: b.at, value: b.value, tone: b.tone })),
+        }));
+    }
+    get columnOrder() {
+        const seen = [];
+        for (const d of this.validData) {
+            for (const b of d.buckets) {
+                if (!seen.includes(b.at))
+                    seen.push(b.at);
+            }
+        }
+        return seen.sort((a, b) => a - b);
+    }
+    get statusOrder() {
+        const seen = [];
+        for (const d of this.validData) {
+            for (const b of d.buckets) {
+                const key = String(b.value);
+                if (!seen.includes(key))
+                    seen.push(key);
+            }
+        }
+        return seen;
+    }
+    get explicitToneByStatus() {
+        const map = new Map();
+        for (const d of this.validData) {
+            for (const b of d.buckets) {
+                if (b.tone)
+                    map.set(String(b.value), b.tone);
+            }
+        }
+        return map;
+    }
+    toneOf(bucket) {
+        if (bucket.tone)
+            return bucket.tone;
+        const key = String(bucket.value);
+        const explicit = this.explicitToneByStatus.get(key);
+        if (explicit)
+            return explicit;
+        const idx = this.statusOrder.indexOf(key);
+        return `category${((idx < 0 ? 0 : idx) % 8) + 1}`;
+    }
+    get legendItems() {
+        return this.statusOrder.map((value) => ({ value, tone: this.toneOf({ value }) }));
+    }
+    get rows() {
+        if (this.validData.length === 0 || this.columnOrder.length === 0)
+            return [];
+        const band = this.plotHeight / this.validData.length;
+        const rowHeight = Math.min(band * 0.62, 28);
+        const colWidth = this.plotWidth / this.columnOrder.length;
+        return this.validData.map((d, i) => {
+            const y = MARGIN.top + band * i + (band - rowHeight) / 2;
+            const cells = d.buckets.map((b, j) => {
+                const colIndex = Math.max(0, this.columnOrder.indexOf(b.at));
+                const x = MARGIN.left + colIndex * colWidth;
+                const w = Math.max(colWidth - 2, 1);
+                return {
+                    key: `${i}-${j}`,
+                    datum: b,
+                    x,
+                    width: w,
+                    cx: x + w / 2,
+                    tone: this.toneOf(b),
+                };
+            });
+            return {
+                datum: d,
+                index: i,
+                y,
+                height: rowHeight,
+                rowCenterY: MARGIN.top + band * (i + 0.5),
+                cells,
+            };
+        });
+    }
+    get columnItems() {
+        if (this.columnOrder.length === 0)
+            return [];
+        const colWidth = this.plotWidth / this.columnOrder.length;
+        return this.columnOrder.map((at, index) => ({
+            at,
+            cx: MARGIN.left + (index + 0.5) * colWidth,
+        }));
+    }
+    get hoveredCell() {
+        if (!this.hoveredKey)
+            return null;
+        for (const row of this.rows) {
+            for (const cell of row.cells) {
+                if (cell.key === this.hoveredKey)
+                    return { row, cell };
+            }
+        }
+        return null;
+    }
+    get dataValueItems() {
+        return this.validData.map((d) => `${d.series}: ${d.buckets.map((b) => `${b.at} = ${b.value}`).join(", ")}`);
+    }
+    formatAtLabel(at) {
+        return formatTick(at);
+    }
+    ellipsizeLabel(text) {
+        return ellipsize(text, 18);
+    }
+    cellClass(cell) {
+        const dim = this.hoveredKey !== null && this.hoveredKey !== cell.key;
+        return classNames("st-statusHistoryChart__cell", `st-statusHistoryChart__cell--${cell.tone}`, dim && "st-statusHistoryChart__cell--dim");
+    }
+    tooltipLeft(cell) {
+        return (cell.cx / this.widthValue) * 100;
+    }
+    tooltipTop(row) {
+        return (row.rowCenterY / this.heightValue) * 100;
+    }
+    handlePointerMove(e) {
+        const target = e.target;
+        const key = target?.getAttribute("data-chart-key");
+        if (key != null)
+            this.hoveredKey = key;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StatusHistoryChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StatusHistoryChart, isStandalone: true, selector: "st-status-history-chart", inputs: { data: "data", label: "label", width: "width", height: "height", size: "size", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-statusHistoryChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="hoveredKey = null"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (col of columnItems; track col.at) {
+            <text class="st-statusHistoryChart__tickLabel"
+              [attr.x]="col.cx"
+              [attr.y]="heightValue - MARGIN.bottom + 16"
+              text-anchor="middle"
+            >{{ formatAtLabel(col.at) }}</text>
+          }
+
+          <line class="st-statusHistoryChart__axis"
+            [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left"
+            [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+          <line class="st-statusHistoryChart__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-statusHistoryChart__seriesLabel"
+              [attr.x]="MARGIN.left - 8"
+              [attr.y]="row.rowCenterY"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ ellipsizeLabel(row.datum.series) }}</text>
+            @for (cell of row.cells; track cell.key) {
+              <rect
+                [class]="cellClass(cell)"
+                [attr.x]="cell.x"
+                [attr.y]="row.y"
+                [attr.width]="cell.width"
+                [attr.height]="row.height"
+                rx="2"
+                [attr.data-chart-key]="cell.key"
+              ></rect>
+            }
+          }
+        </svg>
+      </div>
+
+      @if (legendItems.length > 0) {
+        <ul class="st-statusHistoryChart__legend" [attr.aria-label]="'Statuts de ' + (label ?? 'status history')">
+          @for (item of legendItems; track item.value) {
+            <li class="st-statusHistoryChart__legendItem">
+              <span [class]="'st-statusHistoryChart__legendSwatch st-statusHistoryChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+              {{ item.value }}
+            </li>
+          }
+        </ul>
+      }
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + (label ?? 'status history')">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredCell; as hc) {
+        <div
+          class="st-statusHistoryChart__tooltip"
+          role="presentation"
+          [style.left.%]="tooltipLeft(hc.cell)"
+          [style.top.%]="tooltipTop(hc.row)"
+        >
+          <span class="st-statusHistoryChart__tooltipLabel">{{ hc.row.datum.series }} · {{ hc.cell.datum.at }}</span>
+          <span class="st-statusHistoryChart__tooltipValue">{{ hc.cell.datum.value }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StatusHistoryChart, decorators: [{
+            type: Component,
+            args: [{ selector: "st-status-history-chart", standalone: true, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-statusHistoryChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="hoveredKey = null"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (col of columnItems; track col.at) {
+            <text class="st-statusHistoryChart__tickLabel"
+              [attr.x]="col.cx"
+              [attr.y]="heightValue - MARGIN.bottom + 16"
+              text-anchor="middle"
+            >{{ formatAtLabel(col.at) }}</text>
+          }
+
+          <line class="st-statusHistoryChart__axis"
+            [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left"
+            [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+          <line class="st-statusHistoryChart__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-statusHistoryChart__seriesLabel"
+              [attr.x]="MARGIN.left - 8"
+              [attr.y]="row.rowCenterY"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ ellipsizeLabel(row.datum.series) }}</text>
+            @for (cell of row.cells; track cell.key) {
+              <rect
+                [class]="cellClass(cell)"
+                [attr.x]="cell.x"
+                [attr.y]="row.y"
+                [attr.width]="cell.width"
+                [attr.height]="row.height"
+                rx="2"
+                [attr.data-chart-key]="cell.key"
+              ></rect>
+            }
+          }
+        </svg>
+      </div>
+
+      @if (legendItems.length > 0) {
+        <ul class="st-statusHistoryChart__legend" [attr.aria-label]="'Statuts de ' + (label ?? 'status history')">
+          @for (item of legendItems; track item.value) {
+            <li class="st-statusHistoryChart__legendItem">
+              <span [class]="'st-statusHistoryChart__legendSwatch st-statusHistoryChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+              {{ item.value }}
+            </li>
+          }
+        </ul>
+      }
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + (label ?? 'status history')">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredCell; as hc) {
+        <div
+          class="st-statusHistoryChart__tooltip"
+          role="presentation"
+          [style.left.%]="tooltipLeft(hc.cell)"
+          [style.top.%]="tooltipTop(hc.row)"
+        >
+          <span class="st-statusHistoryChart__tooltipLabel">{{ hc.row.datum.series }} · {{ hc.cell.datum.at }}</span>
+          <span class="st-statusHistoryChart__tooltipValue">{{ hc.cell.datum.value }}</span>
+        </div>
+      }
+    </div>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=StatusHistoryChart.js.map

package/dist/StatusHistoryChart.js.map

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

package/dist/StepLineChart.d.ts

@@ -0,0 +1,73 @@
+import * as i0 from "@angular/core";
+export type StepLineChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type StepLineChartDatum = {
+    x: number | string;
+    y: number;
+};
+export type StepLineChartProps = {
+    data: StepLineChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: StepLineChartTone;
+    label: string;
+    class?: string;
+};
+export declare class StepLineChart {
+    static readonly stComponentName = "StepLineChart";
+    readonly componentName = "StepLineChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    hoveredIndex: number | null;
+    data: StepLineChartDatum[];
+    width?: number;
+    height?: number;
+    tone?: StepLineChartTone;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get safeData(): StepLineChartDatum[];
+    get xIsNumeric(): boolean;
+    get xDomain(): {
+        min: number;
+        max: number;
+    };
+    get yValues(): number[];
+    get yTicks(): number[];
+    get yDomain(): {
+        min: number;
+        max: number;
+    };
+    xPixel(datum: StepLineChartDatum, index: number): number;
+    yPixel(y: number): number;
+    get points(): Array<{
+        x: number;
+        y: number;
+        datum: StepLineChartDatum;
+        index: number;
+    }>;
+    get stepPath(): string;
+    get gridLines(): Array<{
+        value: number;
+        y: number;
+    }>;
+    get xTickEntries(): Array<{
+        key: string;
+        x: number;
+        label: string;
+    }>;
+    get dataValueItems(): string[];
+    formatTick(v: number): string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepLineChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepLineChart, "st-step-line-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>;
+}
+//# sourceMappingURL=StepLineChart.d.ts.map

package/dist/StepLineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLineChart.d.ts","sourceRoot":"","sources":["../src/StepLineChart.ts"],"names":[],"mappings":";AAWA,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,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;CACX,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;AAIF,qBAwDa,aAAa;IACxB,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IACzC,QAAQ,CAAC,MAAM;;;;;MAAU;IAEzB,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,CAA8B;IACtD,IAAI,WAAW,IAAI,MAAM,CAA+B;IACxD,IAAI,OAAO,IAAI,MAAM,CAAyD;IAC9E,IAAI,SAAS,IAAI,MAAM,CAAsE;IAC7F,IAAI,UAAU,IAAI,MAAM,CAAuE;IAE/F,IAAI,QAAQ,IAAI,kBAAkB,EAAE,CAEnC;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,OAAO,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAM1C;IAED,IAAI,OAAO,IAAI,MAAM,EAAE,CAAkE;IAEzF,IAAI,MAAM,IAAI,MAAM,EAAE,CAMrB;IAED,IAAI,OAAO,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAG1C;IAED,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAOxD,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAIzB,IAAI,MAAM,IAAI,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,kBAAkB,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAOtF;IAED,IAAI,QAAQ,IAAI,MAAM,CAWrB;IAED,IAAI,SAAS,IAAI,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAEnD;IAED,IAAI,YAAY,IAAI,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAMnE;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAE7B;IAED,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAE7B,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;yCA1GvC,aAAa;2CAAb,aAAa;CA+GzB"}