@sentropic/design-system-angular 0.36.54

package/dist/ItemChart.js

@@ -0,0 +1,286 @@
+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",
+];
+export function seatCount(value) {
+    if (!Number.isFinite(value) || value < 0)
+        return 0;
+    return Math.round(value);
+}
+export function buildSeats(counts, width, height) {
+    const total = counts.reduce((sum, c) => sum + c, 0);
+    const cx = width / 2;
+    const cy = height - 8;
+    if (total <= 0)
+        return { seats: [], cx, cy };
+    const rows = Math.max(1, Math.min(5, Math.round(Math.sqrt(total / 12)) || 1));
+    const outerR = Math.max(Math.min(cx, cy) - 14, 1);
+    const innerR = outerR * 0.42;
+    const rowGap = rows > 1 ? (outerR - innerR) / (rows - 1) : 0;
+    const radii = [];
+    let weightSum = 0;
+    for (let r = 0; r < rows; r++) {
+        const radius = rows > 1 ? innerR + rowGap * r : (innerR + outerR) / 2;
+        radii.push(radius);
+        weightSum += radius;
+    }
+    const perRowFloat = radii.map((radius) => (total * radius) / weightSum);
+    const perRow = perRowFloat.map((v) => Math.floor(v));
+    let assigned = perRow.reduce((sum, c) => sum + c, 0);
+    const residuals = perRowFloat
+        .map((v, i) => ({ i, frac: v - Math.floor(v) }))
+        .sort((a, b) => b.frac - a.frac);
+    let ri = 0;
+    while (assigned < total) {
+        perRow[residuals[ri % residuals.length].i] += 1;
+        assigned += 1;
+        ri += 1;
+    }
+    const seatR = Math.max(2, Math.min(rowGap > 0 ? rowGap * 0.34 : outerR * 0.12, outerR * 0.12));
+    const ordered = [];
+    for (let r = 0; r < rows; r++) {
+        const radius = radii[r];
+        const n = perRow[r];
+        if (n <= 0)
+            continue;
+        for (let s = 0; s < n; s++) {
+            const t = n === 1 ? 0.5 : s / (n - 1);
+            const angle = Math.PI - t * Math.PI;
+            ordered.push({
+                x: cx + radius * Math.cos(angle),
+                y: cy - radius * Math.sin(angle),
+                r: seatR,
+            });
+        }
+    }
+    const seats = [];
+    let cursor = 0;
+    for (let g = 0; g < counts.length; g++) {
+        const tone = TONES[g % TONES.length];
+        for (let k = 0; k < counts[g] && cursor < ordered.length; k++) {
+            const seat = ordered[cursor++];
+            seats.push({ x: seat.x, y: seat.y, r: seat.r, tone, groupIndex: g });
+        }
+    }
+    return { seats, cx, cy };
+}
+export class ItemChart {
+    static stComponentName = "ItemChart";
+    componentName = "ItemChart";
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    label = "";
+    classInput;
+    get hostClass() {
+        return classNames("st-itemChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 280;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get groups() {
+        return (this.data ?? []).map((datum, index) => ({
+            datum,
+            count: seatCount(datum.value),
+            tone: datum.tone ?? TONES[index % TONES.length],
+        }));
+    }
+    get layout() {
+        return buildSeats(this.groups.map((g) => g.count), this.widthValue, this.heightValue);
+    }
+    get seats() {
+        return this.layout.seats.map((seat) => ({
+            ...seat,
+            tone: this.groups[seat.groupIndex]?.tone ?? seat.tone,
+        }));
+    }
+    get total() {
+        return this.groups.reduce((sum, g) => sum + g.count, 0);
+    }
+    get dataValueItems() {
+        return this.groups.map((g) => `${g.datum.label}: ${g.count}`);
+    }
+    get hoveredGroup() {
+        if (this.hoveredIndex === null)
+            return null;
+        return this.groups[this.hoveredIndex] ?? null;
+    }
+    seatClass(seat) {
+        const dim = this.hoveredIndex !== null && this.hoveredIndex !== seat.groupIndex;
+        return classNames("st-itemChart__seat", `st-itemChart__seat--${seat.tone}`, dim && "st-itemChart__seat--dim");
+    }
+    legendItemClass(index) {
+        const dim = this.hoveredIndex !== null && this.hoveredIndex !== index;
+        return classNames("st-itemChart__legendItem", dim && "st-itemChart__legendItem--dim");
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const attr = target?.getAttribute("data-chart-index");
+        if (attr != null) {
+            const idx = Number(attr);
+            if (Number.isInteger(idx)) {
+                this.hoveredIndex = idx;
+                return;
+            }
+        }
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ItemChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ItemChart, isStandalone: true, selector: "st-item-chart", inputs: { data: "data", width: "width", height: "height", label: "label", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-itemChart__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 (seat of seats; track $index) {
+            <circle
+              [class]="seatClass(seat)"
+              [attr.cx]="seat.x"
+              [attr.cy]="seat.y"
+              [attr.r]="seat.r"
+              [attr.data-chart-index]="seat.groupIndex"
+            ></circle>
+          }
+          @if (total > 0) {
+            <text
+              class="st-itemChart__total"
+              [attr.x]="layout.cx"
+              [attr.y]="layout.cy - 6"
+              text-anchor="middle"
+            >{{ total }}</text>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-itemChart__legend" aria-hidden="true">
+        @for (group of groups; track group.datum.label; let i = $index) {
+          <li [class]="legendItemClass(i)">
+            <span [class]="'st-itemChart__swatch st-itemChart__swatch--' + group.tone"></span>
+            <span class="st-itemChart__legendLabel">{{ group.datum.label }}</span>
+            <span class="st-itemChart__legendValue">{{ group.count }}</span>
+          </li>
+        }
+      </ul>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredGroup; as group) {
+        <div class="st-itemChart__tooltip" role="presentation">
+          <span class="st-itemChart__tooltipLabel">{{ group.datum.label }}</span>
+          <span class="st-itemChart__tooltipValue">{{ group.count }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ItemChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-item-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-itemChart__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 (seat of seats; track $index) {
+            <circle
+              [class]="seatClass(seat)"
+              [attr.cx]="seat.x"
+              [attr.cy]="seat.y"
+              [attr.r]="seat.r"
+              [attr.data-chart-index]="seat.groupIndex"
+            ></circle>
+          }
+          @if (total > 0) {
+            <text
+              class="st-itemChart__total"
+              [attr.x]="layout.cx"
+              [attr.y]="layout.cy - 6"
+              text-anchor="middle"
+            >{{ total }}</text>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-itemChart__legend" aria-hidden="true">
+        @for (group of groups; track group.datum.label; let i = $index) {
+          <li [class]="legendItemClass(i)">
+            <span [class]="'st-itemChart__swatch st-itemChart__swatch--' + group.tone"></span>
+            <span class="st-itemChart__legendLabel">{{ group.datum.label }}</span>
+            <span class="st-itemChart__legendValue">{{ group.count }}</span>
+          </li>
+        }
+      </ul>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredGroup; as group) {
+        <div class="st-itemChart__tooltip" role="presentation">
+          <span class="st-itemChart__tooltipLabel">{{ group.datum.label }}</span>
+          <span class="st-itemChart__tooltipValue">{{ group.count }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ItemChart.js.map

package/dist/ItemChart.js.map

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

package/dist/KanbanBoard.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export type KanbanBoardCard = {
+    id: string;
+    title: string;
+    description?: string;
+};
+export type KanbanBoardColumn = {
+    id: string;
+    title: string;
+    cards: KanbanBoardCard[];
+};
+export type KanbanBoardProps = {
+    columns?: KanbanBoardColumn[];
+    class?: string;
+};
+export declare class KanbanBoard {
+    static readonly stComponentName = "KanbanBoard";
+    readonly componentName = "KanbanBoard";
+    columns: KanbanBoardColumn[];
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KanbanBoard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KanbanBoard, "st-kanban-board", never, { "columns": { "alias": "columns"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=KanbanBoard.d.ts.map

package/dist/KanbanBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../src/KanbanBoard.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBASa,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IAC5B,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCARU,WAAW;2CAAX,WAAW;CASvB"}

package/dist/KanbanBoard.js

@@ -0,0 +1,35 @@
+import { Component, Input as NgInput } from "@angular/core";
+import * as i0 from "@angular/core";
+export class KanbanBoard {
+    static stComponentName = "KanbanBoard";
+    componentName = "KanbanBoard";
+    columns = [];
+    classInput;
+    get hostClass() {
+        return ["st-kb", this.classInput].filter(Boolean).join(" ");
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: KanbanBoard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: KanbanBoard, isStandalone: true, selector: "st-kanban-board", inputs: { columns: "columns", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: KanbanBoard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-kanban-board",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <ng-content></ng-content>
+    </div>
+  `,
+                }]
+        }], propDecorators: { columns: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=KanbanBoard.js.map

package/dist/KanbanBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.js","sourceRoot":"","sources":["../src/KanbanBoard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;;AA4B5D,MAAM,OAAO,WAAW;IACtB,MAAM,CAAU,eAAe,GAAG,aAAa,CAAC;IACvC,aAAa,GAAG,aAAa,CAAC;IAC5B,OAAO,GAAwB,EAAE,CAAC;IAC3B,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9D,CAAC;wGARU,WAAW;4FAAX,WAAW,gJANZ;;;;GAIT;;4FAEU,WAAW;kBATvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;GAIT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/KpiCard.d.ts

@@ -0,0 +1,76 @@
+import { type SparklineTone } from "./Sparkline.js";
+import { type CellDecoration } from "./cellDecoration.js";
+import * as i0 from "@angular/core";
+export type KpiCardSize = "sm" | "md" | "lg";
+export type KpiCardTrend = "up" | "down" | "flat";
+export type KpiCardFormat = "number" | "currency" | "percent";
+export type KpiCardDeltaFormat = "percent" | "absolute";
+export type KpiCardTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type KpiCardProps = {
+    /**
+     * Valeur principale. Si `format="percent"`, `value` est une FRACTION (0–1) :
+     * passer `0.42` affiche « 42 % » (Intl multiplie par 100). Le formatage ne
+     * s'applique qu'aux `number` ; une `string` est rendue telle quelle.
+     */
+    value: number | string;
+    label: string;
+    /**
+     * Variation. En `deltaFormat="percent"` (défaut), `delta` est une FRACTION :
+     * `0.12` → « +12 % ». NaN/Infinity sont rendus inertes.
+     */
+    delta?: number;
+    deltaFormat?: KpiCardDeltaFormat;
+    trend?: KpiCardTrend;
+    format?: KpiCardFormat;
+    unit?: string;
+    currency?: string;
+    locale?: string;
+    sparkline?: number[];
+    size?: KpiCardSize;
+    tone?: KpiCardTone;
+    /**
+     * Conditional formatting : décoration sémantique de la carte (intent → token
+     * feedback en fond teinté accessible + icône lucide optionnelle).
+     */
+    decoration?: CellDecoration;
+    class?: string;
+};
+export declare class KpiCard {
+    static readonly stComponentName = "KpiCard";
+    readonly componentName = "KpiCard";
+    value: number | string;
+    label: string;
+    delta?: number;
+    deltaFormat: KpiCardDeltaFormat;
+    trend?: KpiCardTrend;
+    format: KpiCardFormat;
+    unit?: string;
+    currency: string;
+    locale?: string;
+    sparkline?: number[];
+    size: KpiCardSize;
+    tone?: KpiCardTone;
+    decoration?: CellDecoration;
+    classInput?: string;
+    get hostClass(): string;
+    get formattedValue(): string;
+    get formattedDelta(): string | undefined;
+    get resolvedTrend(): KpiCardTrend;
+    get sparklineTone(): SparklineTone;
+    readonly sparklineWidth = 120;
+    readonly sparklineHeight = 28;
+    readonly sparklineStrokeWidth = 1.5;
+    get sparklineViewBox(): string;
+    get sparklineSpanClass(): string;
+    private get sparklineGeometry();
+    get sparklineLine(): string;
+    get sparklineArea(): string;
+    get arrow(): string;
+    private get trendLabel();
+    get ariaLabel(): string;
+    get deltaClass(): string;
+    get decorationIconNodes(): Array<[string, Record<string, string | number>]> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KpiCard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KpiCard, "st-kpi-card", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "delta": { "alias": "delta"; "required": false; }; "deltaFormat": { "alias": "deltaFormat"; "required": false; }; "trend": { "alias": "trend"; "required": false; }; "format": { "alias": "format"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "sparkline": { "alias": "sparkline"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "decoration": { "alias": "decoration"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=KpiCard.d.ts.map

package/dist/KpiCard.d.ts.map

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