@sentropic/design-system-angular 0.36.54

package/dist/StepLineChart.js

@@ -0,0 +1,227 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { 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 StepLineChart {
+    static stComponentName = "StepLineChart";
+    componentName = "StepLineChart";
+    MARGIN = MARGIN;
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    tone;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-stepLineChart", `st-stepLineChart--${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); }
+    get safeData() {
+        return (this.data ?? []).filter((d) => Number.isFinite(d.y) && (typeof d.x === "string" || isNumeric(d.x)));
+    }
+    get xIsNumeric() {
+        return this.safeData.every((d) => isNumeric(d.x));
+    }
+    get xDomain() {
+        if (this.xIsNumeric) {
+            const xs = this.safeData.map((d) => d.x);
+            return { min: Math.min(...xs), max: Math.max(...xs) };
+        }
+        return { min: 0, max: Math.max(this.safeData.length - 1, 1) };
+    }
+    get yValues() { return this.safeData.map((d) => d.y).filter(Number.isFinite); }
+    get yTicks() {
+        if (this.yValues.length === 0)
+            return [0];
+        const minRaw = Math.min(...this.yValues);
+        const maxRaw = Math.max(...this.yValues);
+        const padded = (maxRaw - minRaw) * 0.08 || Math.max(Math.abs(maxRaw), 1) * 0.1;
+        return niceTicks(minRaw - padded, maxRaw + padded, 5);
+    }
+    get yDomain() {
+        const t = this.yTicks;
+        return { min: t[0] ?? 0, max: t[t.length - 1] ?? 0 };
+    }
+    xPixel(datum, index) {
+        if (this.xIsNumeric) {
+            return MARGIN.left + scaleLinear(datum.x, this.xDomain.min, this.xDomain.max, 0, this.plotWidth);
+        }
+        return MARGIN.left + (this.safeData.length <= 1 ? 0 : scaleLinear(index, 0, this.safeData.length - 1, 0, this.plotWidth));
+    }
+    yPixel(y) {
+        return MARGIN.top + scaleLinear(y, this.yDomain.min, this.yDomain.max, this.plotHeight, 0);
+    }
+    get points() {
+        return this.safeData.map((datum, index) => ({
+            x: this.xPixel(datum, index),
+            y: this.yPixel(datum.y),
+            datum,
+            index,
+        }));
+    }
+    get stepPath() {
+        const pts = this.points;
+        if (pts.length === 0)
+            return "";
+        if (pts.length === 1)
+            return `M${pts[0].x.toFixed(2)},${pts[0].y.toFixed(2)}`;
+        let d = `M${pts[0].x.toFixed(2)},${pts[0].y.toFixed(2)}`;
+        for (let i = 1; i < pts.length; i++) {
+            const cur = pts[i];
+            const prev = pts[i - 1];
+            d += ` L${cur.x.toFixed(2)},${prev.y.toFixed(2)} L${cur.x.toFixed(2)},${cur.y.toFixed(2)}`;
+        }
+        return d;
+    }
+    get gridLines() {
+        return this.yTicks.map((value) => ({ value, y: this.yPixel(value) }));
+    }
+    get xTickEntries() {
+        return this.points.map((pt) => ({
+            key: String(pt.datum.x),
+            x: pt.x,
+            label: String(pt.datum.x),
+        }));
+    }
+    get dataValueItems() {
+        return this.safeData.map((d) => `${d.x}: ${d.y}`);
+    }
+    formatTick(v) { return formatTick(v); }
+    handleVisualPointerMove(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: StepLineChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: StepLineChart, isStandalone: true, selector: "st-step-line-chart", inputs: { data: "data", width: "width", height: "height", tone: "tone", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-stepLineChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="hoveredIndex = null"
+      >
+        <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
+
+          @for (grid of gridLines; track grid.value) {
+            <line class="st-stepLineChart__grid" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="grid.y" [attr.y2]="grid.y"></line>
+            <text class="st-stepLineChart__tickLabel" [attr.x]="MARGIN.left - 6" [attr.y]="grid.y" text-anchor="end" dominant-baseline="middle">{{ formatTick(grid.value) }}</text>
+          }
+
+          <line class="st-stepLineChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          <line class="st-stepLineChart__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 tick.key) {
+            <text class="st-stepLineChart__tickLabel" [attr.x]="tick.x" [attr.y]="heightValue - MARGIN.bottom + 16" text-anchor="middle">{{ tick.label }}</text>
+          }
+
+          @if (stepPath) {
+            <path class="st-stepLineChart__line" [attr.d]="stepPath" fill="none"></path>
+          }
+
+          @for (pt of points; track pt.index) {
+            <circle class="st-stepLineChart__dot" [attr.cx]="pt.x" [attr.cy]="pt.y" r="4" [attr.data-chart-index]="pt.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-stepLineChart__tooltip"
+          role="presentation"
+          [style.left]="(points[hoveredIndex].x / widthValue * 100) + '%'"
+          [style.top]="(points[hoveredIndex].y / heightValue * 100) + '%'"
+        >
+          <span class="st-stepLineChart__tooltipLabel">{{ points[hoveredIndex].datum.x }}</span>
+          <span class="st-stepLineChart__tooltipValue">{{ points[hoveredIndex].datum.y }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StepLineChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-step-line-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-stepLineChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="hoveredIndex = null"
+      >
+        <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
+
+          @for (grid of gridLines; track grid.value) {
+            <line class="st-stepLineChart__grid" [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right" [attr.y1]="grid.y" [attr.y2]="grid.y"></line>
+            <text class="st-stepLineChart__tickLabel" [attr.x]="MARGIN.left - 6" [attr.y]="grid.y" text-anchor="end" dominant-baseline="middle">{{ formatTick(grid.value) }}</text>
+          }
+
+          <line class="st-stepLineChart__axis" [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left" [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"></line>
+          <line class="st-stepLineChart__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 tick.key) {
+            <text class="st-stepLineChart__tickLabel" [attr.x]="tick.x" [attr.y]="heightValue - MARGIN.bottom + 16" text-anchor="middle">{{ tick.label }}</text>
+          }
+
+          @if (stepPath) {
+            <path class="st-stepLineChart__line" [attr.d]="stepPath" fill="none"></path>
+          }
+
+          @for (pt of points; track pt.index) {
+            <circle class="st-stepLineChart__dot" [attr.cx]="pt.x" [attr.cy]="pt.y" r="4" [attr.data-chart-index]="pt.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-stepLineChart__tooltip"
+          role="presentation"
+          [style.left]="(points[hoveredIndex].x / widthValue * 100) + '%'"
+          [style.top]="(points[hoveredIndex].y / heightValue * 100) + '%'"
+        >
+          <span class="st-stepLineChart__tooltipLabel">{{ points[hoveredIndex].datum.x }}</span>
+          <span class="st-stepLineChart__tooltipValue">{{ points[hoveredIndex].datum.y }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], tone: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=StepLineChart.js.map

package/dist/StepLineChart.js.map

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

package/dist/Stepper.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export interface StepperStep {
+    label: string;
+    description?: string;
+}
+export type StepperOrientation = "horizontal" | "vertical";
+export type StepperProps = {
+    steps: StepperStep[];
+    /** Index de l'étape courante (0-based). */
+    current?: number;
+    orientation?: StepperOrientation;
+    /** Autorise la navigation au clic sur les étapes. */
+    clickable?: boolean;
+    onStepClick?: (index: number) => void;
+    /** Étiquette a11y de la liste d'étapes. */
+    label?: string;
+    class?: string;
+};
+export declare class Stepper {
+    static readonly stComponentName = "Stepper";
+    readonly componentName = "Stepper";
+    steps: StepperStep[];
+    current?: number;
+    orientation?: StepperOrientation;
+    clickable?: boolean;
+    onStepClick?: (index: number) => void;
+    label?: string;
+    classInput?: string;
+    readonly stepClick: EventEmitter<number>;
+    stateOf(index: number): "complete" | "current" | "upcoming";
+    stepClass(index: number): string;
+    handleClick(index: number): void;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Stepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Stepper, "st-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "current": { "alias": "current"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "onStepClick": { "alias": "onStepClick"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "stepClick": "stepClick"; }, never, never, true, never>;
+}
+//# sourceMappingURL=Stepper.d.ts.map

package/dist/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../src/Stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAwDa,OAAO;IAClB,MAAM,CAAC,QAAQ,CAAC,eAAe,aAAa;IAC5C,QAAQ,CAAC,aAAa,aAAa;IAExB,KAAK,EAAG,WAAW,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACR,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,SAAS,uBAA8B;IAE1D,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU;IAO3D,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAOhC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMhC,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAxCU,OAAO;2CAAP,OAAO;CAyCnB"}

package/dist/Stepper.js

@@ -0,0 +1,165 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Stepper {
+    static stComponentName = "Stepper";
+    componentName = "Stepper";
+    steps;
+    current;
+    orientation;
+    clickable;
+    onStepClick;
+    label;
+    classInput;
+    stepClick = new EventEmitter();
+    stateOf(index) {
+        const cur = this.current ?? 0;
+        if (index < cur)
+            return "complete";
+        if (index === cur)
+            return "current";
+        return "upcoming";
+    }
+    stepClass(index) {
+        return classNames("st-stepper__step", `st-stepper__step--${this.stateOf(index)}`);
+    }
+    handleClick(index) {
+        if (!this.clickable)
+            return;
+        this.onStepClick?.(index);
+        this.stepClick.emit(index);
+    }
+    get hostClass() {
+        return classNames("st-stepper", `st-stepper--${this.orientation ?? "horizontal"}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Stepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Stepper, isStandalone: true, selector: "st-stepper", inputs: { steps: "steps", current: "current", orientation: "orientation", clickable: "clickable", onStepClick: "onStepClick", label: "label", classInput: ["class", "classInput"] }, outputs: { stepClick: "stepClick" }, ngImport: i0, template: `
+    <ol
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-label]="label ?? 'Progression'"
+    >
+      @for (step of steps; track $index) {
+        <li
+          [class]="stepClass($index)"
+          [attr.aria-current]="stateOf($index) === 'current' ? 'step' : null"
+        >
+          <span class="st-stepper__indicator">
+            @if (clickable) {
+              <button
+                type="button"
+                class="st-stepper__circle st-stepper__circle--button"
+                [attr.aria-label]="step.label"
+                (click)="handleClick($index)"
+              >
+                @if (stateOf($index) === 'complete') {
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                    <path d="M20 6L9 17l-5-5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                } @else {
+                  <span class="st-stepper__index">{{ $index + 1 }}</span>
+                }
+              </button>
+            } @else {
+              <span class="st-stepper__circle">
+                @if (stateOf($index) === 'complete') {
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                    <path d="M20 6L9 17l-5-5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                } @else {
+                  <span class="st-stepper__index">{{ $index + 1 }}</span>
+                }
+              </span>
+            }
+            @if ($index < steps.length - 1) {
+              <span class="st-stepper__connector"></span>
+            }
+          </span>
+          <span class="st-stepper__text">
+            <span class="st-stepper__label">{{ step.label }}</span>
+            @if (step.description) {
+              <span class="st-stepper__description">{{ step.description }}</span>
+            }
+          </span>
+        </li>
+      }
+    </ol>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Stepper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-stepper",
+                    standalone: true,
+                    template: `
+    <ol
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-label]="label ?? 'Progression'"
+    >
+      @for (step of steps; track $index) {
+        <li
+          [class]="stepClass($index)"
+          [attr.aria-current]="stateOf($index) === 'current' ? 'step' : null"
+        >
+          <span class="st-stepper__indicator">
+            @if (clickable) {
+              <button
+                type="button"
+                class="st-stepper__circle st-stepper__circle--button"
+                [attr.aria-label]="step.label"
+                (click)="handleClick($index)"
+              >
+                @if (stateOf($index) === 'complete') {
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                    <path d="M20 6L9 17l-5-5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                } @else {
+                  <span class="st-stepper__index">{{ $index + 1 }}</span>
+                }
+              </button>
+            } @else {
+              <span class="st-stepper__circle">
+                @if (stateOf($index) === 'complete') {
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+                    <path d="M20 6L9 17l-5-5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+                } @else {
+                  <span class="st-stepper__index">{{ $index + 1 }}</span>
+                }
+              </span>
+            }
+            @if ($index < steps.length - 1) {
+              <span class="st-stepper__connector"></span>
+            }
+          </span>
+          <span class="st-stepper__text">
+            <span class="st-stepper__label">{{ step.label }}</span>
+            @if (step.description) {
+              <span class="st-stepper__description">{{ step.description }}</span>
+            }
+          </span>
+        </li>
+      }
+    </ol>
+  `,
+                }]
+        }], propDecorators: { steps: [{
+                type: NgInput
+            }], current: [{
+                type: NgInput
+            }], orientation: [{
+                type: NgInput
+            }], clickable: [{
+                type: NgInput
+            }], onStepClick: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], stepClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Stepper.js.map

package/dist/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../src/Stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA8E7C,MAAM,OAAO,OAAO;IAClB,MAAM,CAAU,eAAe,GAAG,SAAS,CAAC;IACnC,aAAa,GAAG,SAAS,CAAC;IAExB,KAAK,CAAiB;IACtB,OAAO,CAAU;IACjB,WAAW,CAAsB;IACjC,SAAS,CAAW;IACpB,WAAW,CAA2B;IACtC,KAAK,CAAU;IACR,UAAU,CAAU;IAEnB,SAAS,GAAG,IAAI,YAAY,EAAU,CAAC;IAE1D,OAAO,CAAC,KAAa;QACnB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC;QAC9B,IAAI,KAAK,GAAG,GAAG;YAAE,OAAO,UAAU,CAAC;QACnC,IAAI,KAAK,KAAK,GAAG;YAAE,OAAO,SAAS,CAAC;QACpC,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,SAAS,CAAC,KAAa;QACrB,OAAO,UAAU,CACf,kBAAkB,EAClB,qBAAqB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAC3C,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC5B,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,YAAY,EACZ,eAAe,IAAI,CAAC,WAAW,IAAI,YAAY,EAAE,EACjD,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAxCU,OAAO;4FAAP,OAAO,gSArDR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDT;;4FAEU,OAAO;kBAxDnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}

package/dist/StreamgraphChart.d.ts

@@ -0,0 +1,80 @@
+import * as i0 from "@angular/core";
+export type StreamgraphChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type StreamgraphChartSeriesValue = {
+    label: string;
+    value: number;
+    tone?: StreamgraphChartTone;
+};
+export type StreamgraphChartDatum = {
+    category: string;
+    values: StreamgraphChartSeriesValue[];
+};
+export type StreamgraphChartProps = {
+    data: StreamgraphChartDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    smooth?: boolean;
+    showLegend?: boolean;
+    class?: string;
+};
+type SeriesEntry = {
+    seriesLabel: string;
+    tone: StreamgraphChartTone;
+};
+type AreaItem = {
+    tone: StreamgraphChartTone;
+    seriesLabel: string;
+    d: string;
+};
+type XTick = {
+    x: number;
+    label: string;
+};
+type TooltipData = {
+    label: string;
+    value: number;
+    cx: number;
+    cy: number;
+};
+export declare class StreamgraphChart {
+    static readonly stComponentName = "StreamgraphChart";
+    readonly componentName = "StreamgraphChart";
+    readonly MARGIN_LEFT: number;
+    readonly MARGIN_RIGHT: number;
+    readonly MARGIN_BOTTOM: number;
+    hovered: number | null;
+    data: StreamgraphChartDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    smooth?: boolean;
+    showLegend?: boolean;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get smoothValue(): boolean;
+    get showLegendValue(): boolean;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    private safeV;
+    get series(): SeriesEntry[];
+    get halfMax(): number;
+    private computeBands;
+    private computeXs;
+    get areas(): AreaItem[];
+    get xTickEntries(): XTick[];
+    get dataValueItems(): string[];
+    get tooltip(): TooltipData | null;
+    get tooltipLeftPct(): number;
+    get tooltipTopPct(): number;
+    areaClass(area: AreaItem, si: number): string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StreamgraphChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StreamgraphChart, "st-streamgraph-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "label": { "alias": "label"; "required": false; }; "smooth": { "alias": "smooth"; "required": false; }; "showLegend": { "alias": "showLegend"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=StreamgraphChart.d.ts.map

package/dist/StreamgraphChart.d.ts.map

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