@sentropic/design-system-angular 0.36.54

package/dist/Form.js

@@ -0,0 +1,105 @@
+import { Component, EventEmitter, Input as NgInput, Output } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class Form {
+    static stComponentName = "Form";
+    componentName = "Form";
+    helperText;
+    errorText;
+    successText;
+    submitting;
+    noNoscript;
+    classInput;
+    submit = new EventEmitter();
+    get showError() {
+        return Boolean(this.errorText);
+    }
+    get showSuccess() {
+        return !this.showError && Boolean(this.successText);
+    }
+    get showHelper() {
+        return !this.showError && !this.showSuccess && Boolean(this.helperText);
+    }
+    get hostClass() {
+        return classNames("st-form", this.classInput);
+    }
+    onSubmit(event) {
+        this.submit.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Form, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Form, isStandalone: true, selector: "st-form", inputs: { helperText: "helperText", errorText: "errorText", successText: "successText", submitting: "submitting", noNoscript: "noNoscript", classInput: ["class", "classInput"] }, outputs: { submit: "submit" }, ngImport: i0, template: `
+    <form
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-busy]="submitting ? 'true' : null"
+      (submit)="onSubmit($event)"
+    >
+      <div class="st-form__body">
+        <ng-content></ng-content>
+      </div>
+      @if (showError) {
+        <p class="st-form__message st-form__message--error" role="alert">{{ errorText }}</p>
+      } @else if (showSuccess) {
+        <p class="st-form__message st-form__message--success" role="status">{{ successText }}</p>
+      } @else if (showHelper) {
+        <p class="st-form__message st-form__message--help">{{ helperText }}</p>
+      }
+      @if (!noNoscript) {
+        <noscript>
+          <p class="st-form__message st-form__message--error">
+            JavaScript is required to submit this form.
+          </p>
+        </noscript>
+      }
+    </form>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Form, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-form",
+                    standalone: true,
+                    template: `
+    <form
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [attr.aria-busy]="submitting ? 'true' : null"
+      (submit)="onSubmit($event)"
+    >
+      <div class="st-form__body">
+        <ng-content></ng-content>
+      </div>
+      @if (showError) {
+        <p class="st-form__message st-form__message--error" role="alert">{{ errorText }}</p>
+      } @else if (showSuccess) {
+        <p class="st-form__message st-form__message--success" role="status">{{ successText }}</p>
+      } @else if (showHelper) {
+        <p class="st-form__message st-form__message--help">{{ helperText }}</p>
+      }
+      @if (!noNoscript) {
+        <noscript>
+          <p class="st-form__message st-form__message--error">
+            JavaScript is required to submit this form.
+          </p>
+        </noscript>
+      }
+    </form>
+  `,
+                }]
+        }], propDecorators: { helperText: [{
+                type: NgInput
+            }], errorText: [{
+                type: NgInput
+            }], successText: [{
+                type: NgInput
+            }], submitting: [{
+                type: NgInput
+            }], noNoscript: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }], submit: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=Form.js.map

package/dist/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../src/Form.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;;AA2C7C,MAAM,OAAO,IAAI;IACf,MAAM,CAAU,eAAe,GAAG,MAAM,CAAC;IAChC,aAAa,GAAG,MAAM,CAAC;IAErB,UAAU,CAAU;IACpB,SAAS,CAAU;IACnB,WAAW,CAAU;IACrB,UAAU,CAAW;IACrB,UAAU,CAAW;IACd,UAAU,CAAU;IAEnB,MAAM,GAAG,IAAI,YAAY,EAAe,CAAC;IAE5D,IAAI,SAAS;QACX,OAAO,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,KAAY;QACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAoB,CAAC,CAAC;IACzC,CAAC;wGA/BU,IAAI;4FAAJ,IAAI,qRA3BL;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;;4FAEU,IAAI;kBA9BhB,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBT;iBACF;;sBAKE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO;;sBAEf,MAAM"}

package/dist/FormGroup.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export type FormGroupProps = {
+    legend?: unknown;
+    helperText?: unknown;
+    disabled?: boolean;
+    class?: string;
+};
+export declare class FormGroup {
+    static readonly stComponentName = "FormGroup";
+    readonly componentName = "FormGroup";
+    legend?: unknown;
+    helperText?: unknown;
+    disabled?: boolean;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormGroup, "st-form-group", never, { "legend": { "alias": "legend"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=FormGroup.d.ts.map

package/dist/FormGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAkBa,SAAS;IACpB,MAAM,CAAC,QAAQ,CAAC,eAAe,eAAe;IAC9C,QAAQ,CAAC,aAAa,eAAe;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;yCAVU,SAAS;2CAAT,SAAS;CAWrB"}

package/dist/FormGroup.js

@@ -0,0 +1,54 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+export class FormGroup {
+    static stComponentName = "FormGroup";
+    componentName = "FormGroup";
+    legend;
+    helperText;
+    disabled;
+    classInput;
+    get hostClass() {
+        return classNames("st-form-group", "st-formGroup", this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: FormGroup, isStandalone: true, selector: "st-form-group", inputs: { legend: "legend", helperText: "helperText", disabled: "disabled", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <fieldset
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [disabled]="disabled ?? false"
+    >
+      @if (legend) { <legend class="st-form-group__legend st-formGroup__legend">{{ legend }}</legend> }
+      <div class="st-form-group__body st-formGroup__body">
+        <ng-content></ng-content>
+      </div>
+      @if (helperText) { <p class="st-form-group__help st-formGroup__help">{{ helperText }}</p> }
+    </fieldset>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormGroup, decorators: [{
+            type: Component,
+            args: [{ selector: "st-form-group", standalone: true, template: `
+    <fieldset
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+      [disabled]="disabled ?? false"
+    >
+      @if (legend) { <legend class="st-form-group__legend st-formGroup__legend">{{ legend }}</legend> }
+      <div class="st-form-group__body st-formGroup__body">
+        <ng-content></ng-content>
+      </div>
+      @if (helperText) { <p class="st-form-group__help st-formGroup__help">{{ helperText }}</p> }
+    </fieldset>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { legend: [{
+                type: NgInput
+            }], helperText: [{
+                type: NgInput
+            }], disabled: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=FormGroup.js.map

package/dist/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../src/FormGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AA2B7C,MAAM,OAAO,SAAS;IACpB,MAAM,CAAU,eAAe,GAAG,WAAW,CAAC;IACrC,aAAa,GAAG,WAAW,CAAC;IAC1B,MAAM,CAAW;IACjB,UAAU,CAAW;IACrB,QAAQ,CAAW;IACZ,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CAAC,eAAe,EAAE,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACtE,CAAC;wGAVU,SAAS;4FAAT,SAAS,4LAdV;;;;;;;;;;;;GAYT;;4FAEU,SAAS;kBAlBrB,SAAS;+BACE,eAAe,cACb,IAAI,YAEN;;;;;;;;;;;;GAYT;;sBAKA,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/FunnelChart.d.ts

@@ -0,0 +1,68 @@
+import * as i0 from "@angular/core";
+export type FunnelChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type FunnelChartDatum = {
+    label: string;
+    value: number;
+    tone?: FunnelChartTone;
+};
+export type FunnelChartProps = {
+    data: FunnelChartDatum[];
+    orientation?: "vertical" | "horizontal";
+    showPercentages?: boolean;
+    percentMode?: "ofFirst" | "ofPrevious";
+    legend?: boolean;
+    label: string;
+    width?: number;
+    height?: number;
+    class?: string;
+};
+type FunnelSegment = {
+    points: string;
+    datum: FunnelChartDatum;
+    tone: FunnelChartTone;
+    textColor: string;
+    cx: number;
+    cy: number;
+    labelX: number;
+    labelY: number;
+    percent: number;
+};
+export declare class FunnelChart {
+    static readonly stComponentName = "FunnelChart";
+    readonly componentName = "FunnelChart";
+    hoveredIndex: number | null;
+    data: FunnelChartDatum[];
+    orientation?: "vertical" | "horizontal";
+    showPercentages?: boolean;
+    percentMode?: "ofFirst" | "ofPrevious";
+    legend?: boolean;
+    label: string;
+    width?: number;
+    height?: number;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get orientationValue(): "vertical" | "horizontal";
+    get showPercentagesValue(): boolean;
+    get percentModeValue(): "ofFirst" | "ofPrevious";
+    get viewBox(): string;
+    magnitude(v: number): number;
+    formatPercent(p: number): string;
+    get percents(): number[];
+    get segments(): FunnelSegment[];
+    get legendItems(): Array<{
+        label: string;
+        tone: FunnelChartTone;
+    }>;
+    get dataValueItems(): string[];
+    segmentClass(i: number): string;
+    tooltipLeft(seg: FunnelSegment): string;
+    tooltipTop(seg: FunnelSegment): string;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FunnelChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FunnelChart, "st-funnel-chart", never, { "data": { "alias": "data"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "showPercentages": { "alias": "showPercentages"; "required": false; }; "percentMode": { "alias": "percentMode"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=FunnelChart.d.ts.map

package/dist/FunnelChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.d.ts","sourceRoot":"","sources":["../src/FunnelChart.ts"],"names":[],"mappings":";AAKA,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,gBAAgB,CAAC;IACxB,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qBA+Ea,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,eAAe,iBAAiB;IAChD,QAAQ,CAAC,aAAa,iBAAiB;IAEvC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExB,IAAI,EAAE,gBAAgB,EAAE,CAAM;IAC9B,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,SAAM;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IACT,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IACD,IAAI,WAAW,IAAI,MAAM,CAExB;IACD,IAAI,gBAAgB,IAAI,UAAU,GAAG,YAAY,CAEhD;IACD,IAAI,oBAAoB,IAAI,OAAO,CAElC;IACD,IAAI,gBAAgB,IAAI,SAAS,GAAG,YAAY,CAE/C;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAI5B,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAKhC,IAAI,QAAQ,IAAI,MAAM,EAAE,CAUvB;IAED,IAAI,QAAQ,IAAI,aAAa,EAAE,CA8D9B;IAED,IAAI,WAAW,IAAI,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,eAAe,CAAA;KAAE,CAAC,CAEjE;IAED,IAAI,cAAc,IAAI,MAAM,EAAE,CAK7B;IAED,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAQ/B,WAAW,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM;IAIvC,UAAU,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM;IAItC,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMlD,WAAW,IAAI,IAAI;yCA9JR,WAAW;2CAAX,WAAW;CAiKvB"}

package/dist/FunnelChart.js

@@ -0,0 +1,333 @@
+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 MARGIN = { top: 16, right: 16, bottom: 16, left: 16 };
+const GAP = 6;
+export class FunnelChart {
+    static stComponentName = "FunnelChart";
+    componentName = "FunnelChart";
+    hoveredIndex = null;
+    data = [];
+    orientation;
+    showPercentages;
+    percentMode;
+    legend;
+    label = "";
+    width;
+    height;
+    classInput;
+    get hostClass() {
+        return classNames("st-funnelChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 280;
+    }
+    get orientationValue() {
+        return this.orientation ?? "vertical";
+    }
+    get showPercentagesValue() {
+        return this.showPercentages ?? true;
+    }
+    get percentModeValue() {
+        return this.percentMode ?? "ofFirst";
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    magnitude(v) {
+        return Number.isFinite(v) && v > 0 ? v : 0;
+    }
+    formatPercent(p) {
+        if (!Number.isFinite(p))
+            return "0%";
+        return `${p % 1 === 0 ? p.toFixed(0) : p.toFixed(1)}%`;
+    }
+    get percents() {
+        const first = this.magnitude(this.data[0]?.value ?? 0);
+        return this.data.map((d, i) => {
+            const value = this.magnitude(d.value);
+            const ref = this.percentModeValue === "ofPrevious"
+                ? this.magnitude(this.data[i - 1]?.value ?? value)
+                : first;
+            return ref === 0 ? 0 : (value / ref) * 100;
+        });
+    }
+    get segments() {
+        if (this.data.length === 0)
+            return [];
+        const maxValue = Math.max(0, ...this.data.map((d) => this.magnitude(d.value)));
+        const safeMax = maxValue === 0 ? 1 : maxValue;
+        const plotW = Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1);
+        const plotH = Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1);
+        const percents = this.percents;
+        if (this.orientationValue === "vertical") {
+            const band = plotH / this.data.length;
+            const segH = Math.max(band - GAP, 1);
+            const cx = MARGIN.left + plotW / 2;
+            return this.data.map((d, i) => {
+                const tone = d.tone ?? TONES[i % TONES.length];
+                const topHalf = (this.magnitude(d.value) / safeMax) * (plotW / 2);
+                const nextVal = this.data[i + 1] ? this.magnitude(this.data[i + 1].value) : this.magnitude(d.value);
+                const botHalf = Math.min((nextVal / safeMax) * (plotW / 2), topHalf);
+                const y0 = MARGIN.top + band * i;
+                const y1 = y0 + segH;
+                const points = [`${cx - topHalf},${y0}`, `${cx + topHalf},${y0}`, `${cx + botHalf},${y1}`, `${cx - botHalf},${y1}`].join(" ");
+                return {
+                    points,
+                    datum: d,
+                    tone,
+                    textColor: contrastTextForTone(tone),
+                    cx,
+                    cy: (y0 + y1) / 2,
+                    labelX: cx,
+                    labelY: (y0 + y1) / 2,
+                    percent: percents[i],
+                };
+            });
+        }
+        const band = plotW / this.data.length;
+        const segW = Math.max(band - GAP, 1);
+        const cy = MARGIN.top + plotH / 2;
+        return this.data.map((d, i) => {
+            const tone = d.tone ?? TONES[i % TONES.length];
+            const leftHalf = (this.magnitude(d.value) / safeMax) * (plotH / 2);
+            const nextVal = this.data[i + 1] ? this.magnitude(this.data[i + 1].value) : this.magnitude(d.value);
+            const rightHalf = Math.min((nextVal / safeMax) * (plotH / 2), leftHalf);
+            const x0 = MARGIN.left + band * i;
+            const x1 = x0 + segW;
+            const points = [
+                `${x0},${cy - leftHalf}`,
+                `${x1},${cy - rightHalf}`,
+                `${x1},${cy + rightHalf}`,
+                `${x0},${cy + leftHalf}`,
+            ].join(" ");
+            return {
+                points,
+                datum: d,
+                tone,
+                textColor: contrastTextForTone(tone),
+                cx: (x0 + x1) / 2,
+                cy,
+                labelX: (x0 + x1) / 2,
+                labelY: cy,
+                percent: percents[i],
+            };
+        });
+    }
+    get legendItems() {
+        return this.data.map((d, i) => ({ label: d.label, tone: d.tone ?? TONES[i % TONES.length] }));
+    }
+    get dataValueItems() {
+        const percents = this.percents;
+        return this.data.map((d, i) => this.showPercentagesValue ? `${d.label}: ${d.value} (${this.formatPercent(percents[i])})` : `${d.label}: ${d.value}`);
+    }
+    segmentClass(i) {
+        return classNames("st-funnelChart__segment", `st-funnelChart__segment--${this.segments[i]?.tone ?? "category1"}`, this.hoveredIndex !== null && this.hoveredIndex !== i && "st-funnelChart__segment--dim");
+    }
+    tooltipLeft(seg) {
+        return `${(seg.cx / this.widthValue) * 100}%`;
+    }
+    tooltipTop(seg) {
+        return `${(seg.cy / this.heightValue) * 100}%`;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) && !isNaN(raw) ? raw : null;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FunnelChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: FunnelChart, isStandalone: true, selector: "st-funnel-chart", inputs: { data: "data", orientation: "orientation", showPercentages: "showPercentages", percentMode: "percentMode", legend: "legend", label: "label", width: "width", height: "height", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-funnelChart__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 (seg of segments; track seg.datum.label; let i = $index) {
+            <polygon
+              [class]="segmentClass(i)"
+              [attr.points]="seg.points"
+              [attr.data-chart-index]="i"
+            ></polygon>
+          }
+          @for (seg of segments; track seg.datum.label) {
+            <text
+              class="st-funnelChart__label"
+              [attr.x]="seg.labelX"
+              [attr.y]="seg.labelY - 6"
+              text-anchor="middle"
+              dominant-baseline="middle"
+              [attr.style]="'fill: ' + seg.textColor"
+            >{{ seg.datum.label }}</text>
+            <text
+              class="st-funnelChart__value"
+              [attr.x]="seg.labelX"
+              [attr.y]="seg.labelY + 8"
+              text-anchor="middle"
+              dominant-baseline="middle"
+              [attr.style]="'fill: ' + seg.textColor"
+            >{{ seg.datum.value }}{{ showPercentagesValue ? ' · ' + formatPercent(seg.percent) : '' }}</text>
+          }
+        </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 && segments[hoveredIndex]) {
+        <div
+          class="st-funnelChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft(segments[hoveredIndex])"
+          [style.top]="tooltipTop(segments[hoveredIndex])"
+        >
+          <span class="st-funnelChart__tooltipLabel">{{ segments[hoveredIndex].datum.label }}</span>
+          <span class="st-funnelChart__tooltipValue">{{ segments[hoveredIndex].datum.value }}{{ showPercentagesValue ? ' · ' + formatPercent(segments[hoveredIndex].percent) : '' }}</span>
+        </div>
+      }
+
+      @if (legend && legendItems.length > 0) {
+        <ul class="st-funnelChart__legend" aria-hidden="true">
+          @for (item of legendItems; track item.label) {
+            <li class="st-funnelChart__legendItem">
+              <span [class]="'st-funnelChart__legendSwatch st-funnelChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+              {{ item.label }}
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FunnelChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-funnel-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-funnelChart__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 (seg of segments; track seg.datum.label; let i = $index) {
+            <polygon
+              [class]="segmentClass(i)"
+              [attr.points]="seg.points"
+              [attr.data-chart-index]="i"
+            ></polygon>
+          }
+          @for (seg of segments; track seg.datum.label) {
+            <text
+              class="st-funnelChart__label"
+              [attr.x]="seg.labelX"
+              [attr.y]="seg.labelY - 6"
+              text-anchor="middle"
+              dominant-baseline="middle"
+              [attr.style]="'fill: ' + seg.textColor"
+            >{{ seg.datum.label }}</text>
+            <text
+              class="st-funnelChart__value"
+              [attr.x]="seg.labelX"
+              [attr.y]="seg.labelY + 8"
+              text-anchor="middle"
+              dominant-baseline="middle"
+              [attr.style]="'fill: ' + seg.textColor"
+            >{{ seg.datum.value }}{{ showPercentagesValue ? ' · ' + formatPercent(seg.percent) : '' }}</text>
+          }
+        </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 && segments[hoveredIndex]) {
+        <div
+          class="st-funnelChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeft(segments[hoveredIndex])"
+          [style.top]="tooltipTop(segments[hoveredIndex])"
+        >
+          <span class="st-funnelChart__tooltipLabel">{{ segments[hoveredIndex].datum.label }}</span>
+          <span class="st-funnelChart__tooltipValue">{{ segments[hoveredIndex].datum.value }}{{ showPercentagesValue ? ' · ' + formatPercent(segments[hoveredIndex].percent) : '' }}</span>
+        </div>
+      }
+
+      @if (legend && legendItems.length > 0) {
+        <ul class="st-funnelChart__legend" aria-hidden="true">
+          @for (item of legendItems; track item.label) {
+            <li class="st-funnelChart__legendItem">
+              <span [class]="'st-funnelChart__legendSwatch st-funnelChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+              {{ item.label }}
+            </li>
+          }
+        </ul>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], orientation: [{
+                type: NgInput
+            }], showPercentages: [{
+                type: NgInput
+            }], percentMode: [{
+                type: NgInput
+            }], legend: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=FunnelChart.js.map

package/dist/FunnelChart.js.map

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