@sentropic/design-system-angular 0.36.54

package/dist/PaginationNav.js

@@ -0,0 +1,208 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class PaginationNav {
+    static stComponentName = "PaginationNav";
+    componentName = "PaginationNav";
+    page;
+    pageCount;
+    totalPages;
+    siblings;
+    label;
+    previousLabel;
+    nextLabel;
+    classInput;
+    pageChange = new EventEmitter();
+    get currentPage() {
+        return this.page ?? 1;
+    }
+    get totalPageCount() {
+        return this.pageCount ?? this.totalPages ?? 1;
+    }
+    get slots() {
+        const total = Math.max(0, Math.floor(this.totalPageCount));
+        if (total <= 0)
+            return [];
+        const current = Math.min(Math.max(1, Math.floor(this.currentPage)), total);
+        const sib = Math.max(0, Math.floor(this.siblings ?? 1));
+        const minSlots = sib * 2 + 5;
+        if (total <= minSlots) {
+            return Array.from({ length: total }, (_, i) => i + 1);
+        }
+        const leftSibling = Math.max(current - sib, 1);
+        const rightSibling = Math.min(current + sib, total);
+        const showLeftEllipsis = leftSibling > 2;
+        const showRightEllipsis = rightSibling < total - 1;
+        const result = [];
+        if (!showLeftEllipsis && showRightEllipsis) {
+            const leftItemCount = 3 + sib * 2;
+            for (let i = 1; i <= leftItemCount; i += 1)
+                result.push(i);
+            result.push("ellipsis-end");
+            result.push(total);
+        }
+        else if (showLeftEllipsis && !showRightEllipsis) {
+            result.push(1);
+            result.push("ellipsis-start");
+            const rightItemCount = 3 + sib * 2;
+            for (let i = total - rightItemCount + 1; i <= total; i += 1)
+                result.push(i);
+        }
+        else if (showLeftEllipsis && showRightEllipsis) {
+            result.push(1);
+            result.push("ellipsis-start");
+            for (let i = leftSibling; i <= rightSibling; i += 1)
+                result.push(i);
+            result.push("ellipsis-end");
+            result.push(total);
+        }
+        else {
+            for (let i = 1; i <= total; i += 1)
+                result.push(i);
+        }
+        return result;
+    }
+    slotKey(slot, index) {
+        return typeof slot === "number" ? `p-${slot}` : `${slot}-${index}`;
+    }
+    asPage(slot) {
+        return slot;
+    }
+    go(target) {
+        const total = Math.max(0, Math.floor(this.totalPageCount));
+        if (target < 1 || target > total || target === this.currentPage)
+            return;
+        this.pageChange.emit(target);
+    }
+    get hostClass() {
+        return classNames("st-paginationNav", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PaginationNav, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: PaginationNav, isStandalone: true, selector: "st-pagination-nav", inputs: { page: "page", pageCount: "pageCount", totalPages: "totalPages", siblings: "siblings", label: "label", previousLabel: "previousLabel", nextLabel: "nextLabel", classInput: ["class", "classInput"] }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: `
+    <nav
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-label]="label ?? 'Pagination'"
+    >
+      <ul class="st-paginationNav__list">
+        <li>
+          <button
+            type="button"
+            class="st-paginationNav__nav"
+            [attr.aria-label]="previousLabel ?? 'Page précédente'"
+            [disabled]="currentPage <= 1 || totalPageCount <= 0"
+            (click)="go(currentPage - 1)"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg>
+          </button>
+        </li>
+        @for (slot of slots; track slotKey(slot, $index)) {
+          <li>
+            @if (slot === 'ellipsis-start' || slot === 'ellipsis-end') {
+              <span class="st-paginationNav__ellipsis" aria-hidden="true">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
+              </span>
+            } @else {
+              <button
+                type="button"
+                class="st-paginationNav__page"
+                [class.st-paginationNav__page--active]="slot === currentPage"
+                [attr.aria-label]="'Page ' + slot"
+                [attr.aria-current]="slot === currentPage ? 'page' : null"
+                (click)="go(asPage(slot))"
+              >{{ slot }}</button>
+            }
+          </li>
+        }
+        <li>
+          <button
+            type="button"
+            class="st-paginationNav__nav"
+            [attr.aria-label]="nextLabel ?? 'Page suivante'"
+            [disabled]="currentPage >= totalPageCount || totalPageCount <= 0"
+            (click)="go(currentPage + 1)"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg>
+          </button>
+        </li>
+      </ul>
+    </nav>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PaginationNav, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-pagination-nav",
+                    standalone: true,
+                    template: `
+    <nav
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-label]="label ?? 'Pagination'"
+    >
+      <ul class="st-paginationNav__list">
+        <li>
+          <button
+            type="button"
+            class="st-paginationNav__nav"
+            [attr.aria-label]="previousLabel ?? 'Page précédente'"
+            [disabled]="currentPage <= 1 || totalPageCount <= 0"
+            (click)="go(currentPage - 1)"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg>
+          </button>
+        </li>
+        @for (slot of slots; track slotKey(slot, $index)) {
+          <li>
+            @if (slot === 'ellipsis-start' || slot === 'ellipsis-end') {
+              <span class="st-paginationNav__ellipsis" aria-hidden="true">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>
+              </span>
+            } @else {
+              <button
+                type="button"
+                class="st-paginationNav__page"
+                [class.st-paginationNav__page--active]="slot === currentPage"
+                [attr.aria-label]="'Page ' + slot"
+                [attr.aria-current]="slot === currentPage ? 'page' : null"
+                (click)="go(asPage(slot))"
+              >{{ slot }}</button>
+            }
+          </li>
+        }
+        <li>
+          <button
+            type="button"
+            class="st-paginationNav__nav"
+            [attr.aria-label]="nextLabel ?? 'Page suivante'"
+            [disabled]="currentPage >= totalPageCount || totalPageCount <= 0"
+            (click)="go(currentPage + 1)"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg>
+          </button>
+        </li>
+      </ul>
+    </nav>
+  `,
+                }]
+        }], propDecorators: { page: [{
+                type: NgInput
+            }], pageCount: [{
+                type: NgInput
+            }], totalPages: [{
+                type: NgInput
+            }], siblings: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], previousLabel: [{
+                type: NgInput
+            }], nextLabel: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], pageChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=PaginationNav.js.map

package/dist/PaginationNav.js.map

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

package/dist/ParallelCoordinatesChart.d.ts

@@ -0,0 +1,68 @@
+import * as i0 from "@angular/core";
+export type ParallelCoordinatesChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ParallelAxis = {
+    key: string;
+    label: string;
+    min?: number;
+    max?: number;
+};
+export type ParallelCoordinatesChartProps = {
+    axes: ParallelAxis[];
+    data: Record<string, unknown>[];
+    label: string;
+    tones?: ParallelCoordinatesChartTone[];
+    width?: number;
+    height?: number;
+    class?: string;
+};
+type LineGeom = {
+    path: string;
+    tone: ParallelCoordinatesChartTone;
+    index: number;
+};
+type AxisGeom = {
+    key: string;
+    label: string;
+    ax: number;
+    domainMin: number;
+    domainMax: number;
+};
+export declare class ParallelCoordinatesChart {
+    static readonly stComponentName = "ParallelCoordinatesChart";
+    readonly componentName = "ParallelCoordinatesChart";
+    readonly margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    private hoveredIndex;
+    axes: ParallelAxis[];
+    data: Record<string, unknown>[];
+    label: string;
+    tones?: ParallelCoordinatesChartTone[];
+    width?: number;
+    height?: number;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    private axisDomain;
+    private axisXPositions;
+    private parseStrictFinite;
+    private buildPathWithGaps;
+    get lines(): LineGeom[];
+    get axisGeoms(): AxisGeom[];
+    get dataValueItems(): string[];
+    lineClass(line: LineGeom): string;
+    fmtTick(v: number): string;
+    handleLeave(): void;
+    handlePointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParallelCoordinatesChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParallelCoordinatesChart, "st-parallel-coordinates-chart", never, { "axes": { "alias": "axes"; "required": false; }; "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "tones": { "alias": "tones"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=ParallelCoordinatesChart.d.ts.map

package/dist/ParallelCoordinatesChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParallelCoordinatesChart.d.ts","sourceRoot":"","sources":["../src/ParallelCoordinatesChart.ts"],"names":[],"mappings":";AAGA,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,CAAC;AAC3I,MAAM,MAAM,YAAY,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACtF,MAAM,MAAM,6BAA6B,GAAG;IAAE,IAAI,EAAE,YAAY,EAAE,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK9M,KAAK,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,4BAA4B,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACpF,KAAK,QAAQ,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjG,qBAwBa,wBAAwB;IACnC,MAAM,CAAC,QAAQ,CAAC,eAAe,8BAA8B;IAC7D,QAAQ,CAAC,aAAa,8BAA8B;IACpD,QAAQ,CAAC,MAAM;;;;;MAAU;IACzB,OAAO,CAAC,YAAY,CAAuB;IAChC,IAAI,EAAE,YAAY,EAAE,CAAM;IAC1B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAM;IACrC,KAAK,SAAM;IACX,KAAK,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IACtC,IAAI,SAAS,IAAI,MAAM,CAAuE;IAC9F,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;IAC/F,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,iBAAiB;IAUzB,IAAI,KAAK,IAAI,QAAQ,EAAE,CAetB;IACD,IAAI,SAAS,IAAI,QAAQ,EAAE,CAM1B;IACD,IAAI,cAAc,IAAI,MAAM,EAAE,CAE7B;IACD,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM;IAKjC,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAI1B,WAAW,IAAI,IAAI;IACnB,iBAAiB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;yCArFjC,wBAAwB;2CAAxB,wBAAwB;CA0FpC"}

package/dist/ParallelCoordinatesChart.js

@@ -0,0 +1,176 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+const TONES = ["category1", "category2", "category3", "category4", "category5", "category6", "category7", "category8"];
+const MARGIN = { top: 32, right: 24, bottom: 16, left: 24 };
+export class ParallelCoordinatesChart {
+    static stComponentName = "ParallelCoordinatesChart";
+    componentName = "ParallelCoordinatesChart";
+    margin = MARGIN;
+    hoveredIndex = null;
+    axes = [];
+    data = [];
+    label = "";
+    tones;
+    width;
+    height;
+    classInput;
+    get hostClass() { return classNames("st-parallelCoordinatesChart", this.classInput); }
+    get widthValue() { return this.width ?? 480; }
+    get heightValue() { return this.height ?? 300; }
+    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); }
+    axisDomain(axis) {
+        const vals = (this.data ?? []).map((d) => {
+            const raw = d[axis.key];
+            if (typeof raw === "number")
+                return Number.isFinite(raw) ? raw : null;
+            if (typeof raw === "string" && raw !== "") {
+                const n = Number(raw);
+                return Number.isFinite(n) ? n : null;
+            }
+            return null;
+        }).filter((v) => v !== null);
+        const rawMin = vals.length > 0 ? Math.min(...vals) : 0;
+        const rawMax = vals.length > 0 ? Math.max(...vals) : 1;
+        const safeMax = rawMax === rawMin ? rawMin + 1 : rawMax;
+        return { min: Number.isFinite(axis.min) ? axis.min : rawMin, max: Number.isFinite(axis.max) ? axis.max : safeMax };
+    }
+    axisXPositions() {
+        const axes = this.axes ?? [];
+        return axes.map((_, i) => MARGIN.left + (axes.length <= 1 ? this.plotWidth / 2 : (i / (axes.length - 1)) * this.plotWidth));
+    }
+    parseStrictFinite(raw) {
+        if (typeof raw === "number")
+            return Number.isFinite(raw) ? raw : null;
+        if (typeof raw === "string" && raw !== "") {
+            const n = Number(raw);
+            return Number.isFinite(n) ? n : null;
+        }
+        return null;
+    }
+    buildPathWithGaps(points) {
+        const parts = [];
+        let segment = [];
+        for (const pt of points) {
+            if (pt === null) {
+                if (segment.length > 0) {
+                    parts.push(segment.map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(" "));
+                    segment = [];
+                }
+            }
+            else {
+                segment.push(pt);
+            }
+        }
+        if (segment.length > 0)
+            parts.push(segment.map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(" "));
+        return parts.join(" ");
+    }
+    get lines() {
+        const axisX = this.axisXPositions();
+        const axes = this.axes ?? [];
+        return (this.data ?? []).map((row, ri) => {
+            const rowTone = (this.tones ?? [])[ri] ?? TONES[ri % TONES.length];
+            const points = axes.map((axis, ai) => {
+                const domain = this.axisDomain(axis);
+                const val = this.parseStrictFinite(row[axis.key]);
+                if (val === null)
+                    return null;
+                const clamped = Math.min(Math.max(val, domain.min), domain.max);
+                const t = domain.max === domain.min ? 0.5 : (clamped - domain.min) / (domain.max - domain.min);
+                return { x: axisX[ai], y: MARGIN.top + (1 - t) * this.plotHeight };
+            });
+            return { points, tone: rowTone, index: ri, path: this.buildPathWithGaps(points) };
+        });
+    }
+    get axisGeoms() {
+        const axisX = this.axisXPositions();
+        return (this.axes ?? []).map((axis, ai) => {
+            const domain = this.axisDomain(axis);
+            return { key: axis.key, label: axis.label, ax: axisX[ai], domainMin: domain.min, domainMax: domain.max };
+        });
+    }
+    get dataValueItems() {
+        return (this.data ?? []).map((row) => (this.axes ?? []).map((axis) => `${axis.label}: ${row[axis.key] ?? ""}`).join(", "));
+    }
+    lineClass(line) {
+        return classNames("st-parallelCoordinatesChart__line", `st-parallelCoordinatesChart__line--${line.tone}`, this.hoveredIndex !== null && this.hoveredIndex !== line.index && "st-parallelCoordinatesChart__line--dim", this.hoveredIndex === line.index && "st-parallelCoordinatesChart__line--active");
+    }
+    fmtTick(v) {
+        if (Math.abs(v) >= 1000)
+            return `${(v / 1000).toFixed(1)}k`;
+        return Number.isInteger(v) ? String(v) : v.toFixed(1);
+    }
+    handleLeave() { this.hoveredIndex = null; }
+    handlePointerMove(event) {
+        const target = event.target;
+        const idx = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(idx) && idx >= 0 ? idx : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ParallelCoordinatesChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ParallelCoordinatesChart, isStandalone: true, selector: "st-parallel-coordinates-chart", inputs: { axes: "axes", data: "data", label: "label", tones: "tones", width: "width", height: "height", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-parallelCoordinatesChart__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 (line of lines; track line.index) {
+            <path [class]="lineClass(line)" [attr.d]="line.path" fill="none" [attr.data-chart-index]="line.index"></path>
+          }
+          @for (axisGeom of axisGeoms; track axisGeom.key) {
+            <line class="st-parallelCoordinatesChart__axis" [attr.x1]="axisGeom.ax" [attr.x2]="axisGeom.ax" [attr.y1]="margin.top" [attr.y2]="margin.top + plotHeight"></line>
+            <text class="st-parallelCoordinatesChart__axisLabel" [attr.x]="axisGeom.ax" [attr.y]="margin.top - 10" text-anchor="middle">{{ axisGeom.label }}</text>
+            <text class="st-parallelCoordinatesChart__tickLabel" [attr.x]="axisGeom.ax + 4" [attr.y]="margin.top + plotHeight" dominant-baseline="auto">{{ fmtTick(axisGeom.domainMin) }}</text>
+            <text class="st-parallelCoordinatesChart__tickLabel" [attr.x]="axisGeom.ax + 4" [attr.y]="margin.top" dominant-baseline="hanging">{{ fmtTick(axisGeom.domainMax) }}</text>
+          }
+        </svg>
+      </div>
+      <ul class="st-chartDataList" [attr.aria-label]="label">
+        @for (item of dataValueItems; track $index) { <li>{{ item }}</li> }
+      </ul>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ParallelCoordinatesChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-parallel-coordinates-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-parallelCoordinatesChart__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 (line of lines; track line.index) {
+            <path [class]="lineClass(line)" [attr.d]="line.path" fill="none" [attr.data-chart-index]="line.index"></path>
+          }
+          @for (axisGeom of axisGeoms; track axisGeom.key) {
+            <line class="st-parallelCoordinatesChart__axis" [attr.x1]="axisGeom.ax" [attr.x2]="axisGeom.ax" [attr.y1]="margin.top" [attr.y2]="margin.top + plotHeight"></line>
+            <text class="st-parallelCoordinatesChart__axisLabel" [attr.x]="axisGeom.ax" [attr.y]="margin.top - 10" text-anchor="middle">{{ axisGeom.label }}</text>
+            <text class="st-parallelCoordinatesChart__tickLabel" [attr.x]="axisGeom.ax + 4" [attr.y]="margin.top + plotHeight" dominant-baseline="auto">{{ fmtTick(axisGeom.domainMin) }}</text>
+            <text class="st-parallelCoordinatesChart__tickLabel" [attr.x]="axisGeom.ax + 4" [attr.y]="margin.top" dominant-baseline="hanging">{{ fmtTick(axisGeom.domainMax) }}</text>
+          }
+        </svg>
+      </div>
+      <ul class="st-chartDataList" [attr.aria-label]="label">
+        @for (item of dataValueItems; track $index) { <li>{{ item }}</li> }
+      </ul>
+    </div>
+  `,
+                }]
+        }], propDecorators: { axes: [{
+                type: NgInput
+            }], data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], tones: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ParallelCoordinatesChart.js.map

package/dist/ParallelCoordinatesChart.js.map

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

package/dist/ParetoChart.d.ts

@@ -0,0 +1,79 @@
+import * as i0 from "@angular/core";
+export type ParetoChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ParetoChartDatum = {
+    label: string;
+    value: number;
+    tone?: ParetoChartTone;
+};
+export type ParetoChartProps = {
+    data: ParetoChartDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type ParetoEntry = {
+    datum: ParetoChartDatum;
+    tone: ParetoChartTone;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    cumPercent: number;
+    cx: number;
+    cy: number;
+    index: number;
+};
+export declare class ParetoChart {
+    static readonly stComponentName = "ParetoChart";
+    readonly componentName = "ParetoChart";
+    readonly margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    readonly dotRadius = 4;
+    hoveredIndex: number | null;
+    data: ParetoChartDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get sortedData(): ParetoChartDatum[];
+    get total(): number;
+    get scales(): {
+        ticks: number[];
+        domainMin: number;
+        domainMax: number;
+        plotWidth: number;
+        plotHeight: number;
+    };
+    get entries(): ParetoEntry[];
+    get cumulativePath(): string;
+    get dataValueItems(): string[];
+    get valueAxisTicks(): {
+        value: number;
+        x1: number;
+        x2: number;
+        y: number;
+    }[];
+    get percentAxisTicks(): {
+        value: number;
+        y: number;
+    }[];
+    barClass(e: ParetoEntry): string;
+    fmtTick(v: number): string;
+    tooltipLeft(): string;
+    tooltipTop(): string;
+    handleLeave(): void;
+    handleVisualPointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParetoChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParetoChart, "st-pareto-chart", never, { "data": { "alias": "data"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=ParetoChart.d.ts.map

package/dist/ParetoChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParetoChart.d.ts","sourceRoot":"","sources":["../src/ParetoChart.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,eAAe,GAAG,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,CAAC;AAC9H,MAAM,MAAM,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,eAAe,CAAA;CAAE,CAAC;AACxF,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK5H,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAC/C,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IACpD,UAAU,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;CAC3D,CAAC;AAEF,qBA2Ca,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IACvC,QAAQ,CAAC,MAAM;;;;;MAAU;IACzB,QAAQ,CAAC,SAAS,KAAc;IAChC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IACxB,IAAI,EAAE,gBAAgB,EAAE,CAAM;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,SAAM;IACJ,UAAU,CAAC,EAAE,MAAM,CAAC;IACtC,IAAI,SAAS,IAAI,MAAM,CAA0D;IACjF,IAAI,UAAU,IAAI,MAAM,CAA8B;IACtD,IAAI,WAAW,IAAI,MAAM,CAA+B;IACxD,IAAI,OAAO,IAAI,MAAM,CAAyD;IAC9E,IAAI,UAAU,IAAI,gBAAgB,EAAE,CAEnC;IACD,IAAI,KAAK,IAAI,MAAM,CAAiE;IACpF,IAAI,MAAM;;;;;;MAIT;IACD,IAAI,OAAO,IAAI,WAAW,EAAE,CAgB3B;IACD,IAAI,cAAc,IAAI,MAAM,CAA2F;IACvH,IAAI,cAAc,IAAI,MAAM,EAAE,CAAkH;IAChJ,IAAI,cAAc;;;;;QAGjB;IACD,IAAI,gBAAgB;;;QAGnB;IACD,QAAQ,CAAC,CAAC,EAAE,WAAW,GAAG,MAAM;IAChC,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAI1B,WAAW,IAAI,MAAM;IACrB,UAAU,IAAI,MAAM;IACpB,WAAW,IAAI,IAAI;IACnB,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;yCA3DvC,WAAW;2CAAX,WAAW;CAgEvB"}