@sentropic/design-system-angular 0.36.54

package/dist/OverflowMenu.js

@@ -0,0 +1,91 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { Menu } from "./Menu.js";
+import * as i0 from "@angular/core";
+export class OverflowMenu {
+    static stComponentName = "OverflowMenu";
+    componentName = "OverflowMenu";
+    items = [];
+    label;
+    open;
+    dense;
+    placement;
+    classInput;
+    select = new EventEmitter();
+    localOpen = false;
+    get hostClass() {
+        return classNames("st-overflowMenu", this.dense && "st-overflowMenu--dense", this.classInput);
+    }
+    get listClass() {
+        return classNames("st-overflowMenu__list", `st-overflowMenu__list--${this.placement ?? "bottom-start"}`);
+    }
+    onMenuSelect(item) {
+        this.localOpen = false;
+        this.select.emit(item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OverflowMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: OverflowMenu, isStandalone: true, selector: "st-overflow-menu", inputs: { items: "items", label: "label", open: "open", dense: "dense", placement: "placement", classInput: ["class", "classInput"] }, outputs: { select: "select" }, ngImport: i0, template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+    >
+      <button
+        type="button"
+        class="st-overflowMenu__trigger"
+        aria-haspopup="menu"
+        [attr.aria-expanded]="localOpen"
+        [attr.aria-label]="label || 'More'"
+        (click)="localOpen = !localOpen"
+      >&#8943;</button>
+      @if (localOpen) {
+        <div [class]="listClass">
+          <st-menu [items]="items" [dense]="dense" (select)="onMenuSelect($event)"></st-menu>
+        </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: Menu, selector: "st-menu", inputs: ["items", "dense", "role", "class"], outputs: ["select"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OverflowMenu, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-overflow-menu",
+                    standalone: true,
+                    imports: [Menu],
+                    template: `
+    <div
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+    >
+      <button
+        type="button"
+        class="st-overflowMenu__trigger"
+        aria-haspopup="menu"
+        [attr.aria-expanded]="localOpen"
+        [attr.aria-label]="label || 'More'"
+        (click)="localOpen = !localOpen"
+      >&#8943;</button>
+      @if (localOpen) {
+        <div [class]="listClass">
+          <st-menu [items]="items" [dense]="dense" (select)="onMenuSelect($event)"></st-menu>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { items: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], open: [{
+                type: NgInput
+            }], dense: [{
+                type: NgInput
+            }], placement: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], select: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=OverflowMenu.js.map

package/dist/OverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.js","sourceRoot":"","sources":["../src/OverflowMenu.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;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;;AA0CjC,MAAM,OAAO,YAAY;IACvB,MAAM,CAAU,eAAe,GAAG,cAAc,CAAC;IACxC,aAAa,GAAG,cAAc,CAAC;IAE7B,KAAK,GAAe,EAAE,CAAC;IACvB,KAAK,CAAU;IACf,IAAI,CAAW;IACf,KAAK,CAAW;IAChB,SAAS,CAAyB;IAC3B,UAAU,CAAU;IAEnB,MAAM,GAAG,IAAI,YAAY,EAAY,CAAC;IAEzD,SAAS,GAAG,KAAK,CAAC;IAElB,IAAI,SAAS;QACX,OAAO,UAAU,CACf,iBAAiB,EACjB,IAAI,CAAC,KAAK,IAAI,wBAAwB,EACtC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CACf,uBAAuB,EACvB,0BAA0B,IAAI,CAAC,SAAS,IAAI,cAAc,EAAE,CAC7D,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,IAAc;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;wGAjCU,YAAY;4FAAZ,YAAY,kPArBb;;;;;;;;;;;;;;;;;;;GAmBT,4DApBS,IAAI;;4FAsBH,YAAY;kBAzBxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,IAAI,CAAC;oBACf,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;GAmBT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}

package/dist/Overline.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+/** Balise rendue. `span`/`div` = inline/bloc neutre ; `h2`/`h3` quand l'overline
+ * sert d'en-tête de région (sémantique de titre). */
+export type OverlineAs = "span" | "div" | "h2" | "h3";
+export type OverlineProps = {
+    /** Balise : `span` (défaut) inline, `div` bloc, `h2`/`h3` pour un en-tête de région. */
+    as?: OverlineAs;
+    class?: string;
+};
+export declare class Overline {
+    static readonly stComponentName = "Overline";
+    readonly componentName = "Overline";
+    as?: OverlineAs;
+    classInput?: string;
+    get resolvedTag(): OverlineAs;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Overline, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Overline, "st-overline", never, { "as": { "alias": "as"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Overline.d.ts.map

package/dist/Overline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overline.d.ts","sourceRoot":"","sources":["../src/Overline.ts"],"names":[],"mappings":";AAKA;qDACqD;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,wFAAwF;IACxF,EAAE,CAAC,EAAE,UAAU,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBA6Ba,QAAQ;IACnB,MAAM,CAAC,QAAQ,CAAC,eAAe,cAAc;IAC7C,QAAQ,CAAC,aAAa,cAAc;IACzB,EAAE,CAAC,EAAE,UAAU,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,WAAW,IAAI,UAAU,CAE5B;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAZU,QAAQ;2CAAR,QAAQ;CAapB"}

package/dist/Overline.js

@@ -0,0 +1,60 @@
+import { NgTemplateOutlet } from "@angular/common";
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Overline {
+    static stComponentName = "Overline";
+    componentName = "Overline";
+    as;
+    classInput;
+    get resolvedTag() {
+        return this.as ?? "span";
+    }
+    get hostClass() {
+        return classNames("st-overline", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Overline, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Overline, isStandalone: true, selector: "st-overline", inputs: { as: "as", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <ng-template #content><ng-content></ng-content></ng-template>
+    @switch (resolvedTag) {
+      @case ("div") {
+        <div [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></div>
+      }
+      @case ("h2") {
+        <h2 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h2>
+      }
+      @case ("h3") {
+        <h3 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h3>
+      }
+      @default {
+        <span [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></span>
+      }
+    }
+  `, isInline: true, styles: [":host { display: contents; }"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Overline, decorators: [{
+            type: Component,
+            args: [{ selector: "st-overline", standalone: true, imports: [NgTemplateOutlet], template: `
+    <ng-template #content><ng-content></ng-content></ng-template>
+    @switch (resolvedTag) {
+      @case ("div") {
+        <div [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></div>
+      }
+      @case ("h2") {
+        <h2 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h2>
+      }
+      @case ("h3") {
+        <h3 [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></h3>
+      }
+      @default {
+        <span [attr.data-st-component]="componentName" [class]="hostClass"><ng-container [ngTemplateOutlet]="content" /></span>
+      }
+    }
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { as: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Overline.js.map

package/dist/Overline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overline.js","sourceRoot":"","sources":["../src/Overline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAyC7C,MAAM,OAAO,QAAQ;IACnB,MAAM,CAAU,eAAe,GAAG,UAAU,CAAC;IACpC,aAAa,GAAG,UAAU,CAAC;IACzB,EAAE,CAAc;IACT,UAAU,CAAU;IAEtC,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC;IAC3B,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACpD,CAAC;wGAZU,QAAQ;4FAAR,QAAQ,kIAlBT;;;;;;;;;;;;;;;;GAgBT,sGAxBS,gBAAgB;;4FA0Bf,QAAQ;kBA7BpB,SAAS;+BACE,aAAa,cACX,IAAI,WACP,CAAC,gBAAgB,CAAC,YAQjB;;;;;;;;;;;;;;;;GAgBT;;sBAKA,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/PackedBubblesChart.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from "@angular/core";
+export type PackedBubblesChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type PackedBubblesChartDatum = {
+    label: string;
+    value: number;
+    tone?: PackedBubblesChartTone;
+};
+export type PackedBubblesChartProps = {
+    data: PackedBubblesChartDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type Bubble = {
+    label: string;
+    value: number;
+    tone: PackedBubblesChartTone;
+    textColor: string;
+    cx: number;
+    cy: number;
+    r: number;
+    index: number;
+    showLabel: boolean;
+};
+export declare class PackedBubblesChart {
+    static readonly stComponentName = "PackedBubblesChart";
+    readonly componentName = "PackedBubblesChart";
+    private hoveredIndex;
+    data: PackedBubblesChartDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    private magnitude;
+    get bubbles(): Bubble[];
+    get dataValueItems(): string[];
+    get hoveredBubble(): Bubble | null;
+    circleClass(bubble: Bubble): string;
+    tooltipLeft(): string;
+    tooltipTop(): string;
+    handleLeave(): void;
+    handleVisualPointerMove(event: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PackedBubblesChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PackedBubblesChart, "st-packed-bubbles-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=PackedBubblesChart.d.ts.map

package/dist/PackedBubblesChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackedBubblesChart.d.ts","sourceRoot":"","sources":["../src/PackedBubblesChart.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,GAAC,WAAW,CAAC;AACrI,MAAM,MAAM,uBAAuB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,sBAAsB,CAAA;CAAE,CAAC;AACtG,MAAM,MAAM,uBAAuB,GAAG;IAAE,IAAI,EAAE,uBAAuB,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;AAM1I,KAAK,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,sBAAsB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtK,qBA6Ba,kBAAkB;IAC7B,MAAM,CAAC,QAAQ,CAAC,eAAe,wBAAwB;IACvD,QAAQ,CAAC,aAAa,wBAAwB;IAC9C,OAAO,CAAC,YAAY,CAAuB;IAChC,IAAI,EAAE,uBAAuB,EAAE,CAAM;IACrC,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,CAAiE;IACxF,IAAI,UAAU,IAAI,MAAM,CAA8B;IACtD,IAAI,WAAW,IAAI,MAAM,CAA+B;IACxD,IAAI,OAAO,IAAI,MAAM,CAAyD;IAC9E,OAAO,CAAC,SAAS;IACjB,IAAI,OAAO,IAAI,MAAM,EAAE,CAwCtB;IACD,IAAI,cAAc,IAAI,MAAM,EAAE,CAE7B;IACD,IAAI,aAAa,IAAI,MAAM,GAAG,IAAI,CAEjC;IACD,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAInC,WAAW,IAAI,MAAM;IACrB,UAAU,IAAI,MAAM;IACpB,WAAW,IAAI,IAAI;IACnB,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;yCApEvC,kBAAkB;2CAAlB,kBAAkB;CAyE9B"}

package/dist/PackedBubblesChart.js

@@ -0,0 +1,164 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { contrastTextForTone } from "./chartContrast.js";
+import * as i0 from "@angular/core";
+const TONES = ["category1", "category2", "category3", "category4", "category5", "category6", "category7", "category8"];
+const PADDING = 2;
+const LABEL_MIN_RADIUS = 18;
+export class PackedBubblesChart {
+    static stComponentName = "PackedBubblesChart";
+    componentName = "PackedBubblesChart";
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    label = "";
+    classInput;
+    get hostClass() { return classNames("st-packedBubblesChart", this.classInput); }
+    get widthValue() { return this.width ?? 360; }
+    get heightValue() { return this.height ?? 360; }
+    get viewBox() { return `0 0 ${this.widthValue} ${this.heightValue}`; }
+    magnitude(value) { return Number.isFinite(value) && value > 0 ? value : 0; }
+    get bubbles() {
+        const cx = this.widthValue / 2;
+        const cy = this.heightValue / 2;
+        const valid = (this.data ?? [])
+            .map((datum, index) => ({ datum, index, value: this.magnitude(datum.value) }))
+            .filter((e) => e.value > 0)
+            .sort((a, b) => b.value - a.value);
+        if (valid.length === 0)
+            return [];
+        const maxValue = Math.max(...valid.map((e) => e.value));
+        const limit = Math.max(Math.min(this.widthValue, this.heightValue) / 2 - 4, 1);
+        const baseMax = Math.sqrt(maxValue);
+        const targetMax = Math.min(limit * 0.42, limit);
+        const radiusOf = (value) => Math.max((Math.sqrt(value) / baseMax) * targetMax, 3);
+        const placed = [];
+        const collides = (x, y, r) => {
+            for (const p of placed) {
+                const dx = x - p.cx;
+                const dy = y - p.cy;
+                if (dx * dx + dy * dy < (r + p.r + PADDING) ** 2)
+                    return true;
+            }
+            return false;
+        };
+        const result = [];
+        valid.forEach((entry, order) => {
+            const r = radiusOf(entry.value);
+            let x = cx;
+            let y = cy;
+            if (placed.length > 0) {
+                const step = Math.max(r * 0.5, 2);
+                let angle = order * 2.399963;
+                let radius = step;
+                let found = false;
+                for (let i = 0; i < 4000; i++) {
+                    x = cx + radius * Math.cos(angle);
+                    y = cy + radius * Math.sin(angle);
+                    if (!collides(x, y, r)) {
+                        found = true;
+                        break;
+                    }
+                    angle += 0.5;
+                    radius += step * 0.06;
+                }
+                if (!found) {
+                    x = cx + radius * Math.cos(angle);
+                    y = cy + radius * Math.sin(angle);
+                }
+            }
+            placed.push({ cx: x, cy: y, r });
+            const tone = entry.datum.tone ?? TONES[entry.index % TONES.length];
+            result.push({ label: entry.datum.label, value: entry.value, tone, textColor: contrastTextForTone(tone), cx: x, cy: y, r, index: entry.index, showLabel: r >= LABEL_MIN_RADIUS });
+        });
+        return result;
+    }
+    get dataValueItems() {
+        return (this.data ?? []).filter((d) => this.magnitude(d.value) > 0).map((d) => `${d.label}: ${d.value}`);
+    }
+    get hoveredBubble() {
+        return this.hoveredIndex !== null ? (this.bubbles.find((b) => b.index === this.hoveredIndex) ?? null) : null;
+    }
+    circleClass(bubble) {
+        return classNames("st-packedBubblesChart__circle", `st-packedBubblesChart__circle--${bubble.tone}`, this.hoveredIndex !== null && this.hoveredIndex !== bubble.index && "st-packedBubblesChart__circle--dim");
+    }
+    tooltipLeft() { const b = this.hoveredBubble; return b ? `${(b.cx / this.widthValue) * 100}%` : "0%"; }
+    tooltipTop() { const b = this.hoveredBubble; return b ? `${((b.cy - b.r) / this.heightValue) * 100}%` : "0%"; }
+    handleLeave() { this.hoveredIndex = null; }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && raw >= 0 ? raw : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PackedBubblesChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: PackedBubblesChart, isStandalone: true, selector: "st-packed-bubbles-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-packedBubblesChart__visual" role="img" [attr.aria-label]="label" (pointermove)="handleVisualPointerMove($event)" (pointerleave)="handleLeave()">
+        <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
+          @for (bubble of bubbles; track bubble.index) {
+            <g class="st-packedBubblesChart__bubble" [attr.data-chart-index]="bubble.index">
+              <circle [class]="circleClass(bubble)" [attr.cx]="bubble.cx" [attr.cy]="bubble.cy" [attr.r]="bubble.r" [attr.data-chart-index]="bubble.index"></circle>
+              @if (bubble.showLabel) {
+                <text class="st-packedBubblesChart__label" [attr.x]="bubble.cx" [attr.y]="bubble.cy" text-anchor="middle" dominant-baseline="middle" [attr.fill]="bubble.textColor" [attr.data-chart-index]="bubble.index">{{ bubble.label }}</text>
+              }
+            </g>
+          }
+        </svg>
+      </div>
+      <ul class="st-chartDataList" [attr.aria-label]="label">
+        @for (item of dataValueItems; track $index) { <li>{{ item }}</li> }
+      </ul>
+      @if (hoveredBubble) {
+        <div class="st-packedBubblesChart__tooltip" role="presentation" [style.left]="tooltipLeft()" [style.top]="tooltipTop()">
+          <span class="st-packedBubblesChart__tooltipLabel">{{ hoveredBubble.label }}</span>
+          <span class="st-packedBubblesChart__tooltipValue">{{ hoveredBubble.value }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PackedBubblesChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-packed-bubbles-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div class="st-packedBubblesChart__visual" role="img" [attr.aria-label]="label" (pointermove)="handleVisualPointerMove($event)" (pointerleave)="handleLeave()">
+        <svg [attr.viewBox]="viewBox" preserveAspectRatio="xMidYMid meet" width="100%" height="100%" focusable="false" aria-hidden="true">
+          @for (bubble of bubbles; track bubble.index) {
+            <g class="st-packedBubblesChart__bubble" [attr.data-chart-index]="bubble.index">
+              <circle [class]="circleClass(bubble)" [attr.cx]="bubble.cx" [attr.cy]="bubble.cy" [attr.r]="bubble.r" [attr.data-chart-index]="bubble.index"></circle>
+              @if (bubble.showLabel) {
+                <text class="st-packedBubblesChart__label" [attr.x]="bubble.cx" [attr.y]="bubble.cy" text-anchor="middle" dominant-baseline="middle" [attr.fill]="bubble.textColor" [attr.data-chart-index]="bubble.index">{{ bubble.label }}</text>
+              }
+            </g>
+          }
+        </svg>
+      </div>
+      <ul class="st-chartDataList" [attr.aria-label]="label">
+        @for (item of dataValueItems; track $index) { <li>{{ item }}</li> }
+      </ul>
+      @if (hoveredBubble) {
+        <div class="st-packedBubblesChart__tooltip" role="presentation" [style.left]="tooltipLeft()" [style.top]="tooltipTop()">
+          <span class="st-packedBubblesChart__tooltipLabel">{{ hoveredBubble.label }}</span>
+          <span class="st-packedBubblesChart__tooltipValue">{{ hoveredBubble.value }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=PackedBubblesChart.js.map

package/dist/PackedBubblesChart.js.map

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

package/dist/Pagination.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export type PaginationProps = {
+    page: number;
+    pageSize?: number;
+    totalItems?: number;
+    totalPages?: number;
+    pageCount?: number;
+    previousLabel?: string;
+    nextLabel?: string;
+    class?: string;
+};
+export declare class Pagination {
+    static readonly stComponentName = "Pagination";
+    readonly componentName = "Pagination";
+    page: number;
+    pageSize?: number;
+    totalItems?: number;
+    totalPages?: number;
+    pageCount?: number;
+    previousLabel?: string;
+    nextLabel?: string;
+    classInput?: string;
+    readonly pageChange: EventEmitter<number>;
+    get totalPageCount(): number;
+    get pages(): number[];
+    pageClass(p: number): string;
+    prev(): void;
+    next(): void;
+    go(p: number): void;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Pagination, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Pagination, "st-pagination", never, { "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "pageCount": { "alias": "pageCount"; "required": false; }; "previousLabel": { "alias": "previousLabel"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "pageChange": "pageChange"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAgCa,UAAU;IACrB,MAAM,CAAC,QAAQ,CAAC,eAAe,gBAAgB;IAC/C,QAAQ,CAAC,aAAa,gBAAgB;IAE3B,IAAI,EAAG,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,UAAU,uBAA8B;IAE3D,IAAI,cAAc,IAAI,MAAM,CAQ3B;IAED,IAAI,KAAK,IAAI,MAAM,EAAE,CAEpB;IAED,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAO5B,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAInB,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAlDU,UAAU;2CAAV,UAAU;CAmDtB"}

package/dist/Pagination.js

@@ -0,0 +1,127 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Pagination {
+    static stComponentName = "Pagination";
+    componentName = "Pagination";
+    page;
+    pageSize;
+    totalItems;
+    totalPages;
+    pageCount;
+    previousLabel;
+    nextLabel;
+    classInput;
+    pageChange = new EventEmitter();
+    get totalPageCount() {
+        return (this.pageCount ??
+            this.totalPages ??
+            (this.totalItems
+                ? Math.max(1, Math.ceil(this.totalItems / (this.pageSize ?? 10)))
+                : this.page));
+    }
+    get pages() {
+        return Array.from({ length: this.totalPageCount }, (_, i) => i + 1);
+    }
+    pageClass(p) {
+        return classNames("st-pagination__page", p === this.page && "st-pagination__page--active");
+    }
+    prev() {
+        if (this.page > 1)
+            this.pageChange.emit(this.page - 1);
+    }
+    next() {
+        if (this.page < this.totalPageCount)
+            this.pageChange.emit(this.page + 1);
+    }
+    go(p) {
+        this.pageChange.emit(p);
+    }
+    get hostClass() {
+        return classNames("st-pagination", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Pagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Pagination, isStandalone: true, selector: "st-pagination", inputs: { page: "page", pageSize: "pageSize", totalItems: "totalItems", totalPages: "totalPages", pageCount: "pageCount", previousLabel: "previousLabel", nextLabel: "nextLabel", classInput: ["class", "classInput"] }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: `
+    <nav
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      aria-label="Pagination"
+    >
+      <button
+        type="button"
+        [disabled]="page <= 1"
+        (click)="prev()"
+      >{{ previousLabel ?? 'Previous' }}</button>
+      @for (p of pages; track p) {
+        <button
+          type="button"
+          [class]="pageClass(p)"
+          [attr.aria-label]="'Page ' + p"
+          [attr.aria-current]="p === page ? 'page' : null"
+          (click)="go(p)"
+        >{{ p }}</button>
+      }
+      <button
+        type="button"
+        [disabled]="page >= totalPageCount"
+        (click)="next()"
+      >{{ nextLabel ?? 'Next' }}</button>
+      <ng-content></ng-content>
+    </nav>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Pagination, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-pagination",
+                    standalone: true,
+                    template: `
+    <nav
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      aria-label="Pagination"
+    >
+      <button
+        type="button"
+        [disabled]="page <= 1"
+        (click)="prev()"
+      >{{ previousLabel ?? 'Previous' }}</button>
+      @for (p of pages; track p) {
+        <button
+          type="button"
+          [class]="pageClass(p)"
+          [attr.aria-label]="'Page ' + p"
+          [attr.aria-current]="p === page ? 'page' : null"
+          (click)="go(p)"
+        >{{ p }}</button>
+      }
+      <button
+        type="button"
+        [disabled]="page >= totalPageCount"
+        (click)="next()"
+      >{{ nextLabel ?? 'Next' }}</button>
+      <ng-content></ng-content>
+    </nav>
+  `,
+                }]
+        }], propDecorators: { page: [{
+                type: NgInput
+            }], pageSize: [{
+                type: NgInput
+            }], totalItems: [{
+                type: NgInput
+            }], totalPages: [{
+                type: NgInput
+            }], pageCount: [{
+                type: NgInput
+            }], previousLabel: [{
+                type: NgInput
+            }], nextLabel: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], pageChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Pagination.js.map

package/dist/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.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;;AA6C7C,MAAM,OAAO,UAAU;IACrB,MAAM,CAAU,eAAe,GAAG,YAAY,CAAC;IACtC,aAAa,GAAG,YAAY,CAAC;IAE3B,IAAI,CAAU;IACd,QAAQ,CAAU;IAClB,UAAU,CAAU;IACpB,UAAU,CAAU;IACpB,SAAS,CAAU;IACnB,aAAa,CAAU;IACvB,SAAS,CAAU;IACZ,UAAU,CAAU;IAEnB,UAAU,GAAG,IAAI,YAAY,EAAU,CAAC;IAE3D,IAAI,cAAc;QAChB,OAAO,CACL,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,UAAU;YACf,CAAC,IAAI,CAAC,UAAU;gBACd,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;gBACjE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CACf,CAAC;IACJ,CAAC;IAED,IAAI,KAAK;QACP,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,SAAS,CAAC,CAAS;QACjB,OAAO,UAAU,CACf,qBAAqB,EACrB,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,6BAA6B,CACjD,CAAC;IACJ,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;YAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc;YAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,EAAE,CAAC,CAAS;QACV,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;wGAlDU,UAAU;4FAAV,UAAU,yUA7BX;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT;;4FAEU,UAAU;kBAhCtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}

package/dist/PaginationNav.d.ts

@@ -0,0 +1,37 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+type Slot = number | "ellipsis-start" | "ellipsis-end";
+export type PaginationNavProps = {
+    page?: number;
+    pageCount?: number;
+    totalPages?: number;
+    siblings?: number;
+    label?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    class?: string;
+};
+export declare class PaginationNav {
+    static readonly stComponentName = "PaginationNav";
+    readonly componentName = "PaginationNav";
+    page?: number;
+    pageCount?: number;
+    totalPages?: number;
+    siblings?: number;
+    label?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    classInput?: string;
+    readonly pageChange: EventEmitter<number>;
+    get currentPage(): number;
+    get totalPageCount(): number;
+    get slots(): Slot[];
+    slotKey(slot: Slot, index: number): string;
+    asPage(slot: Slot): number;
+    go(target: number): void;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationNav, "st-pagination-nav", never, { "page": { "alias": "page"; "required": false; }; "pageCount": { "alias": "pageCount"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "siblings": { "alias": "siblings"; "required": false; }; "label": { "alias": "label"; "required": false; }; "previousLabel": { "alias": "previousLabel"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=PaginationNav.d.ts.map

package/dist/PaginationNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNav.d.ts","sourceRoot":"","sources":["../src/PaginationNav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAA4B,MAAM,eAAe,CAAC;;AAIlF,KAAK,IAAI,GAAG,MAAM,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAsDa,aAAa;IACxB,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,UAAU,uBAA8B;IAE3D,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,cAAc,IAAI,MAAM,CAE3B;IAED,IAAI,KAAK,IAAI,IAAI,EAAE,CAwClB;IAED,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM;IAI1C,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAI1B,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAMxB,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAhFU,aAAa;2CAAb,aAAa;CAiFzB"}