@fusedashlabs/widgets 0.3.1 → 0.4.1

package/dist/components/kpi-widget/lib/types.d.ts

@@ -2,25 +2,64 @@ export interface KpiValueLabel {
     position: 'left' | 'right';
     text: string;
 }
+export type KpiStatusVariant = 'Good' | 'Low' | 'Normal' | 'OnTarget' | 'OffTarget' | 'Mission';
+export interface KpiStatusBadge {
+    text: string;
+    variant: KpiStatusVariant;
+}
+export type KpiCardRole = 'single' | 'grid' | 'main' | 'supporting';
 export interface KpiCardModel {
     id: string;
     name: string;
     value: string;
+    suffix?: string;
     indicator?: string;
     subtitle?: string;
     label?: KpiValueLabel;
+    status?: KpiStatusBadge;
+    showPercentage?: boolean;
+    hideName?: boolean;
 }
+export type KpiWidgetLayout = 'empty' | 'single' | 'grid' | 'advanced';
 export interface KpiWidgetModel {
+    layout: KpiWidgetLayout;
+    title?: string;
     cards: KpiCardModel[];
+    main?: KpiCardModel;
+    supporting: KpiCardModel[];
+    visualisation?: Record<string, unknown> | null;
+    target?: string;
+    showTimestamp?: boolean;
+    updatedAt?: string;
+}
+export interface RawKpiVisualisation {
+    chartType?: string;
+    chart_type?: string;
+    name?: string;
+    data?: unknown[];
+    [key: string]: unknown;
 }
 export interface RawKpiItem {
     id?: string;
     name?: string;
     type?: string;
+    variant?: string;
     column?: string;
     aggregations?: string;
     groupBy?: string;
+    groupName?: string;
     data?: unknown[];
+    status?: string;
+    target?: string;
+    showTimestamp?: boolean;
+    showPercentage?: boolean;
+    showVisualisation?: boolean;
+    supportingKpis?: boolean;
+    visualisation?: RawKpiVisualisation | null;
+    updatedAt?: string;
+    kpiKind?: 'mission' | 'goal' | string;
+    targetStatus?: 'on_target' | 'off_target' | string;
+    score?: number;
     axisDetails?: Record<string, {
         label?: string;
         measure_unit_type?: string;
@@ -32,5 +71,7 @@ export type KpiWidgetData = RawKpiItem | RawKpiItem[] | {
     items?: RawKpiItem[];
     kpis?: RawKpiItem[];
     chartType?: string;
+    name?: string;
+    count?: number;
 } | KpiWidgetModel | null | undefined;
 //# sourceMappingURL=types.d.ts.map

package/dist/components/kpi-widget/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/kpi-widget/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAClB,MAAM,EACN;QACE,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CACF,CAAC;CACH;AAED,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,UAAU,EAAE,GACZ;IAAE,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GACjE,cAAc,GACd,IAAI,GACJ,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/kpi-widget/lib/types.ts"],"names":[],"mappings":"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"}

package/dist/components/kpi-widget/metadata.json.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
   "id": "kpi-widget",
   "tag": "ui9000-kpi-widget",
   "title": "KPI Widget",
-  "description": "Chat-optimized KPI cards (single_value grid and high/low_overall) — HTML/Lit, no Redux.",
+  "description": "Chat-optimized KPI cards — client types (single_value, trend, overall, comparison, high/low*) and advanced (nested chart + supporting KPIs). HTML/Lit, no Redux.",
   "chartTypeKeys": ["KPI", "KPIs"],
   "source": "client/libs/shared/components/src/Widgets/CustomWidget/components/KPIWidget/",
   "stack": "lit",

package/dist/components/kpi-widget/metadata.json.js

@@ -1,7 +1,7 @@
 const id = "kpi-widget";
 const tag = "ui9000-kpi-widget";
 const title = "KPI Widget";
-const description = "Chat-optimized KPI cards (single_value grid and high/low_overall) — HTML/Lit, no Redux.";
+const description = "Chat-optimized KPI cards — client types (single_value, trend, overall, comparison, high/low*) and advanced (nested chart + supporting KPIs). HTML/Lit, no Redux.";
 const chartTypeKeys = ["KPI", "KPIs"];
 const source = "client/libs/shared/components/src/Widgets/CustomWidget/components/KPIWidget/";
 const stack = "lit";

package/dist/components/lollipop/element/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAyC1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA2D1B,CAAC"}

package/dist/components/lollipop/element/styles.js

@@ -10,8 +10,26 @@ const lollipopStyles = css`
     font-family: var(--ui9000-font-family, system-ui, sans-serif);
     box-sizing: border-box;
   }
-  .chart-root {
+  .chart-body {
     flex: 1 1 auto;
+    min-height: 240px;
+    display: flex;
+    flex-direction: column;
+  }
+  .chart-scroll {
+    flex: 1 1 auto;
+    min-height: 200px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    position: relative;
+  }
+  .chart-x-axis {
+    flex-shrink: 0;
+    width: 100%;
+    min-height: 21px;
+    overflow: hidden;
+  }
+  .chart-root {
     width: 100%;
     min-height: 240px;
   }

package/dist/components/lollipop/element/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/lollipop/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const lollipopStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1 1 auto;\n    width: 100%;\n    min-height: 240px;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/lollipop/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const lollipopStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: 240px;\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: 200px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: 240px;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/lollipop/element/ui9000-lollipop.d.ts

@@ -2,11 +2,13 @@ import { PropertyValues } from 'lit';
 import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
 import { WidgetScale } from '../../../types/index.js';
 import { MarkerShape } from '../../../utils/fusedash-visual.js';
-import { LollipopOrientation } from '../lib/index.js';
+import { LollipopLayout, LollipopOrientation } from '../lib/index.js';
 export declare class Ui9000Lollipop extends Ui9000ChartElement {
     static styles: import('lit').CSSResult[];
     scale: WidgetScale;
     orientation: LollipopOrientation;
+    /** Multi-series only — a single series always renders as the plain lollipop */
+    layout: LollipopLayout;
     marker: MarkerShape;
     showGrid: boolean;
     showLegend: boolean;
@@ -15,13 +17,16 @@ export declare class Ui9000Lollipop extends Ui9000ChartElement {
     yLabel: string;
     private _tooltip;
     private _empty;
+    private _fixedXAxis;
     private _resizeObserver?;
     private _raf;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changed: PropertyValues): void;
+    firstUpdated(): void;
     private scheduleDraw;
     private parseData;
+    private resolveLayout;
     private labelHint;
     private renderLegend;
     private draw;

package/dist/components/lollipop/element/ui9000-lollipop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-lollipop.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/element/ui9000-lollipop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,EAAE,mBAAmB,CAAc;IAG9C,MAAM,EAAE,WAAW,CAAa;IAGhC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAMA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IA2CH,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}
+{"version":3,"file":"ui9000-lollipop.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/element/ui9000-lollipop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EAEzB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,EAAE,mBAAmB,CAAc;IAE9C,+EAA+E;IAE/E,MAAM,EAAE,cAAc,CAAa;IAGnC,MAAM,EAAE,WAAW,CAAa;IAGhC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAMA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAUtC,YAAY,IAAI,IAAI;IAS7B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAuEH,MAAM;CAoChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

package/dist/components/lollipop/element/ui9000-lollipop.js

@@ -10,6 +10,8 @@ import { chartPropsChanged } from "../../../utils/lit-draw.js";
 import { renderLollipopChart } from "../render/draw.js";
 import { lollipopStyles } from "./styles.js";
 import { normalizeLollipopData } from "../lib/normalize.js";
+import { collectLabels } from "../lib/domain.js";
+import { lollipopHorizontalMinSpan } from "../lib/layout.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -26,6 +28,7 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
     super(...arguments);
     this.scale = "default";
     this.orientation = "vertical";
+    this.layout = "grouped";
     this.marker = "rhombus";
     this.showGrid = true;
     this.showLegend = true;
@@ -34,6 +37,7 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
     this.yLabel = "";
     this._tooltip = null;
     this._empty = false;
+    this._fixedXAxis = false;
     this._raf = 0;
   }
   connectedCallback() {
@@ -48,7 +52,23 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
     super.disconnectedCallback();
   }
   updated(changed) {
+    var _a, _b, _c, _d;
     if (chartPropsChanged(changed)) this.scheduleDraw();
+    if (changed.has("_fixedXAxis")) {
+      const body = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-body");
+      const scroll = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".chart-scroll");
+      if (body instanceof HTMLElement) (_c = this._resizeObserver) == null ? void 0 : _c.observe(body);
+      if (scroll instanceof HTMLElement) (_d = this._resizeObserver) == null ? void 0 : _d.observe(scroll);
+    }
+  }
+  firstUpdated() {
+    var _a, _b, _c, _d, _e, _f;
+    const body = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".widget-body");
+    const chartBody = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".chart-body");
+    const scroll = (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(".chart-scroll");
+    if (body instanceof HTMLElement) (_d = this._resizeObserver) == null ? void 0 : _d.observe(body);
+    if (chartBody instanceof HTMLElement) (_e = this._resizeObserver) == null ? void 0 : _e.observe(chartBody);
+    if (scroll instanceof HTMLElement) (_f = this._resizeObserver) == null ? void 0 : _f.observe(scroll);
   }
   scheduleDraw() {
     cancelAnimationFrame(this._raf);
@@ -61,6 +81,12 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
     );
     return normalizeLollipopData(raw);
   }
+  resolveLayout() {
+    if (this.layout === "stacked") return "stacked";
+    const raw = parseJsonAttr(this.dataJson, null);
+    if (isFuseWidgetPayload(raw) && raw.stacked) return "stacked";
+    return "grouped";
+  }
   labelHint() {
     const raw = parseJsonAttr(this.dataJson, null);
     if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);
@@ -78,29 +104,46 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
     );
   }
   draw() {
-    var _a;
-    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
-    if (!root) return;
+    var _a, _b, _c, _d;
+    const chartBody = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-body");
+    const scroll = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".chart-scroll");
+    const root = (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(".chart-root");
+    const xAxisRoot = (_d = this.shadowRoot) == null ? void 0 : _d.querySelector(".chart-x-axis");
+    if (!chartBody || !scroll || !root) return;
     const series = this.parseData();
     this._empty = series.length === 0;
     if (this._empty) {
       root.replaceChildren();
+      xAxisRoot == null ? void 0 : xAxisRoot.replaceChildren();
+      this._fixedXAxis = false;
       return;
     }
     const theme = readThemeFromElement(this);
-    const { width, height, margin } = getLollipopDimensions(root);
+    const layout = this.resolveLayout();
+    const labels = collectLabels(series, this.labelHint());
+    const { width, margin } = getLollipopDimensions(chartBody);
+    const scrollViewportH = scroll.clientHeight || 300;
+    const minPlotSpan = lollipopHorizontalMinSpan(
+      labels.length,
+      series.length
+    );
+    const availPlotH = scrollViewportH - margin.top;
+    const needsFixedXAxis = this.orientation === "horizontal" && minPlotSpan > availPlotH + 1;
+    this._fixedXAxis = needsFixedXAxis;
     renderLollipopChart(root, {
       series,
       width,
-      height,
+      height: scrollViewportH,
       margin,
       theme,
       orientation: this.orientation,
+      layout,
       marker: this.marker,
       showGrid: this.showGrid,
       labelHint: this.labelHint(),
       xLabel: this.xLabel || void 0,
       yLabel: this.yLabel || void 0,
+      xAxisContainer: needsFixedXAxis ? xAxisRoot : null,
       ...this.axisLabelHandlers(),
       onPointHover: this.showTooltip ? ({ seriesName, point, event }) => {
         const rect = this.getBoundingClientRect();
@@ -116,6 +159,9 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
         this._tooltip = null;
       } : void 0
     });
+    if (xAxisRoot && !needsFixedXAxis) {
+      xAxisRoot.replaceChildren();
+    }
   }
   render() {
     const title = this.headerTitle();
@@ -124,8 +170,17 @@ let Ui9000Lollipop = class extends Ui9000ChartElement {
       <div class="widget-shell" part="shell">
         ${this.renderShellHeader(title)}
         <div class="widget-body">
-          ${this.renderLegend(series)}
-          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          <div class="chart-body" part="chart-body">
+            ${this.renderLegend(series)}
+            <div class="chart-scroll" part="scroll">
+              <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+            </div>
+            <div
+              class="chart-x-axis"
+              part="x-axis"
+              ?hidden=${!this._fixedXAxis}
+            ></div>
+          </div>
           ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
           ${this._tooltip ? html`<div
                 class="tooltip"
@@ -148,6 +203,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], Ui9000Lollipop.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: String })
+], Ui9000Lollipop.prototype, "layout", 2);
 __decorateClass([
   property({ type: String })
 ], Ui9000Lollipop.prototype, "marker", 2);
@@ -172,6 +230,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], Ui9000Lollipop.prototype, "_empty", 2);
+__decorateClass([
+  state()
+], Ui9000Lollipop.prototype, "_fixedXAxis", 2);
 Ui9000Lollipop = __decorateClass([
   customElement("ui9000-lollipop")
 ], Ui9000Lollipop);

package/dist/components/lollipop/element/ui9000-lollipop.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-lollipop.js","sources":["../../../../src/components/lollipop/element/ui9000-lollipop.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getLollipopDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries, resolveSeriesLegendColor } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeLollipopData,\n  type LollipopChartData,\n  type LollipopOrientation,\n  type LollipopSeries,\n} from '../lib/index.js';\nimport { renderLollipopChart } from '../render/draw.js';\nimport { lollipopStyles } from './styles.js';\n\n@customElement('ui9000-lollipop')\nexport class Ui9000Lollipop extends Ui9000ChartElement {\n  static override styles = [lollipopStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String })\n  orientation: LollipopOrientation = 'vertical';\n\n  @property({ type: String })\n  marker: MarkerShape = 'rhombus';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    seriesName: string;\n    pointLabel: string;\n    pointValue: number;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): LollipopSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | LollipopChartData | LollipopSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeLollipopData(raw);\n  }\n\n  private labelHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(series: LollipopSeries[]) {\n    if (!this.showLegend || series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        series.map((s) => s.name ?? s.id),\n        theme,\n        (_group, i) => resolveSeriesLegendColor(series[i], i, theme),\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const series = this.parseData();\n    this._empty = series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getLollipopDimensions(root);\n\n    renderLollipopChart(root, {\n      series,\n      width,\n      height,\n      margin,\n      theme,\n      orientation: this.orientation,\n      marker: this.marker,\n      showGrid: this.showGrid,\n      labelHint: this.labelHint(),\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onPointHover: this.showTooltip\n        ? ({ seriesName, point, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              seriesName,\n              pointLabel: point.label,\n              pointValue: point.value,\n            };\n          }\n        : undefined,\n      onPointLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const series = this._empty ? [] : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(series)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div class=\"name\">${this._tooltip.seriesName}</div>\n                <div>${this._tooltip.pointLabel}: ${this._tooltip.pointValue}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-lollipop': Ui9000Lollipop;\n  }\n}\n\nexport function registerLollipop(): void {\n  if (!customElements.get('ui9000-lollipop')) {\n    customElements.define('ui9000-lollipop', Ui9000Lollipop);\n  }\n}\n\nregisterLollipop();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-lollipop.js","sources":["../../../../src/components/lollipop/element/ui9000-lollipop.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getLollipopDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries, resolveSeriesLegendColor } from '../../../utils/chart-legend.js';\nimport {\n  isFuseWidgetPayload,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  collectLabels,\n  lollipopHorizontalMinSpan,\n  normalizeLollipopData,\n  type LollipopChartData,\n  type LollipopLayout,\n  type LollipopOrientation,\n  type LollipopSeries,\n} from '../lib/index.js';\nimport { renderLollipopChart } from '../render/draw.js';\nimport { lollipopStyles } from './styles.js';\n\n@customElement('ui9000-lollipop')\nexport class Ui9000Lollipop extends Ui9000ChartElement {\n  static override styles = [lollipopStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String })\n  orientation: LollipopOrientation = 'vertical';\n\n  /** Multi-series only — a single series always renders as the plain lollipop */\n  @property({ type: String })\n  layout: LollipopLayout = 'grouped';\n\n  @property({ type: String })\n  marker: MarkerShape = 'rhombus';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    seriesName: string;\n    pointLabel: string;\n    pointValue: number;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _fixedXAxis = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n    if (changed.has('_fixedXAxis')) {\n      const body = this.shadowRoot?.querySelector('.chart-body');\n      const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n      if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n      if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n    }\n  }\n\n  override firstUpdated(): void {\n    const body = this.shadowRoot?.querySelector('.widget-body');\n    const chartBody = this.shadowRoot?.querySelector('.chart-body');\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n    if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n    if (chartBody instanceof HTMLElement) this._resizeObserver?.observe(chartBody);\n    if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): LollipopSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | LollipopChartData | LollipopSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeLollipopData(raw);\n  }\n\n  private resolveLayout(): LollipopLayout {\n    if (this.layout === 'stacked') return 'stacked';\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw) && raw.stacked) return 'stacked';\n    return 'grouped';\n  }\n\n  private labelHint(): string[] | undefined {\n    const raw = parseJsonAttr<unknown>(this.dataJson, null);\n    if (isFuseWidgetPayload(raw)) return xDomainHintFromWidget(raw);\n    return undefined;\n  }\n\n  private renderLegend(series: LollipopSeries[]) {\n    if (!this.showLegend || series.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        series.map((s) => s.name ?? s.id),\n        theme,\n        (_group, i) => resolveSeriesLegendColor(series[i], i, theme),\n      ),\n    );\n  }\n\n  private draw(): void {\n    const chartBody = this.shadowRoot?.querySelector('.chart-body') as\n      | HTMLElement\n      | null;\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll') as\n      | HTMLElement\n      | null;\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    const xAxisRoot = this.shadowRoot?.querySelector('.chart-x-axis') as\n      | HTMLElement\n      | null;\n    if (!chartBody || !scroll || !root) return;\n\n    const series = this.parseData();\n    this._empty = series.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      xAxisRoot?.replaceChildren();\n      this._fixedXAxis = false;\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const layout = this.resolveLayout();\n    const labels = collectLabels(series, this.labelHint());\n    const { width, margin } = getLollipopDimensions(chartBody);\n    const scrollViewportH = scroll.clientHeight || 300;\n    const minPlotSpan = lollipopHorizontalMinSpan(\n      labels.length,\n      series.length,\n    );\n    const availPlotH = scrollViewportH - margin.top;\n    const needsFixedXAxis =\n      this.orientation === 'horizontal' && minPlotSpan > availPlotH + 1;\n    this._fixedXAxis = needsFixedXAxis;\n\n    renderLollipopChart(root, {\n      series,\n      width,\n      height: scrollViewportH,\n      margin,\n      theme,\n      orientation: this.orientation,\n      layout,\n      marker: this.marker,\n      showGrid: this.showGrid,\n      labelHint: this.labelHint(),\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      xAxisContainer: needsFixedXAxis ? xAxisRoot : null,\n      ...this.axisLabelHandlers(),\n      onPointHover: this.showTooltip\n        ? ({ seriesName, point, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              seriesName,\n              pointLabel: point.label,\n              pointValue: point.value,\n            };\n          }\n        : undefined,\n      onPointLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n\n    if (xAxisRoot && !needsFixedXAxis) {\n      xAxisRoot.replaceChildren();\n    }\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const series = this._empty ? [] : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-body\" part=\"chart-body\">\n            ${this.renderLegend(series)}\n            <div class=\"chart-scroll\" part=\"scroll\">\n              <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n            </div>\n            <div\n              class=\"chart-x-axis\"\n              part=\"x-axis\"\n              ?hidden=${!this._fixedXAxis}\n            ></div>\n          </div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div class=\"name\">${this._tooltip.seriesName}</div>\n                <div>${this._tooltip.pointLabel}: ${this._tooltip.pointValue}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-lollipop': Ui9000Lollipop;\n  }\n}\n\nexport function registerLollipop(): void {\n  if (!customElements.get('ui9000-lollipop')) {\n    customElements.define('ui9000-lollipop', Ui9000Lollipop);\n  }\n}\n\nregisterLollipop();\n"],"names":[],"mappings":"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"}

package/dist/components/lollipop/index.d.ts

@@ -1,5 +1,5 @@
 export { Ui9000Lollipop, registerLollipop } from './element/ui9000-lollipop.js';
 export { renderLollipopChart } from './render/draw.js';
-export { normalizeLollipopData, collectLabels, collectValueExtent, formatCompact, type LollipopChartData, type LollipopOrientation, type LollipopPoint, type LollipopSeries, } from './lib/index.js';
+export { normalizeLollipopData, collectLabels, collectValueExtent, lollipopHorizontalMinSpan, formatCompact, type LollipopChartData, type LollipopLayout, type LollipopOrientation, type LollipopPoint, type LollipopSeries, } from './lib/index.js';
 export { default as lollipopMetadata } from './metadata.json';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/lollipop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/lollipop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/lollipop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,kBAAkB,EAClB,yBAAyB,EACzB,aAAa,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/lollipop/index.js

@@ -4,12 +4,14 @@ import { renderLollipopChart } from "./render/draw.js";
 import { default as default2 } from "./metadata.json.js";
 import { collectLabels, collectValueExtent } from "./lib/domain.js";
 import { formatCompact } from "./lib/format.js";
+import { lollipopHorizontalMinSpan } from "./lib/layout.js";
 import { normalizeLollipopData } from "./lib/normalize.js";
 export {
   Ui9000Lollipop,
   collectLabels,
   collectValueExtent,
   formatCompact,
+  lollipopHorizontalMinSpan,
   default2 as lollipopMetadata,
   normalizeLollipopData,
   registerLollipop,

package/dist/components/lollipop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/lollipop/lib/domain.d.ts

@@ -1,4 +1,19 @@
-import { LollipopSeries } from './types.js';
+import { LollipopLayout, LollipopSeries } from './types.js';
+export declare function valueAt(series: LollipopSeries, label: string): number | undefined;
+export interface LollipopStackSegment {
+    series: LollipopSeries;
+    seriesIndex: number;
+    start: number;
+    end: number;
+    value: number;
+}
+/** Positive and negative halves stack away from 0 independently (FuseDash). */
+export declare function stackSegments(series: LollipopSeries[], label: string): LollipopStackSegment[];
 export declare function collectLabels(series: LollipopSeries[], labelHint?: string[]): string[];
 export declare function collectValueExtent(series: LollipopSeries[]): [number, number];
+/**
+ * Value-axis domain used by the plot: `calculateScaleLinearDomain` × 1.2
+ * (FuseDash lollipop). Stacked layout uses per-category stack totals.
+ */
+export declare function collectLollipopValueDomain(series: LollipopSeries[], layout?: LollipopLayout, labelHint?: string[]): [number, number];
 //# sourceMappingURL=domain.d.ts.map

package/dist/components/lollipop/lib/domain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/lib/domain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,wBAAgB,aAAa,CAC3B,MAAM,EAAE,cAAc,EAAE,EACxB,SAAS,CAAC,EAAE,MAAM,EAAE,GACnB,MAAM,EAAE,CAmBV;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAkB7E"}
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE,wBAAgB,OAAO,CACrB,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,MAAM,GACZ,MAAM,GAAG,SAAS,CAGpB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,cAAc,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,+EAA+E;AAC/E,wBAAgB,aAAa,CAC3B,MAAM,EAAE,cAAc,EAAE,EACxB,KAAK,EAAE,MAAM,GACZ,oBAAoB,EAAE,CAkBxB;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,cAAc,EAAE,EACxB,SAAS,CAAC,EAAE,MAAM,EAAE,GACnB,MAAM,EAAE,CAmBV;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAkB7E;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,cAAc,EAAE,EACxB,MAAM,GAAE,cAA0B,EAClC,SAAS,CAAC,EAAE,MAAM,EAAE,GACnB,CAAC,MAAM,EAAE,MAAM,CAAC,CA2BlB"}

package/dist/components/lollipop/lib/domain.js

@@ -1,3 +1,27 @@
+import { calculateScaleLinearDomain } from "../../../utils/fusedash-visual.js";
+function valueAt(series, label) {
+  const point = series.points.find((p) => p.label === label);
+  return point && Number.isFinite(point.value) ? point.value : void 0;
+}
+function stackSegments(series, label) {
+  let pos = 0;
+  let neg = 0;
+  const out = [];
+  series.forEach((s, seriesIndex) => {
+    const value = valueAt(s, label);
+    if (value == null || value === 0) return;
+    if (value > 0) {
+      const start = pos;
+      pos += value;
+      out.push({ series: s, seriesIndex, start, end: pos, value });
+    } else {
+      const start = neg;
+      neg += value;
+      out.push({ series: s, seriesIndex, start, end: neg, value });
+    }
+  });
+  return out;
+}
 function collectLabels(series, labelHint) {
   const seen = /* @__PURE__ */ new Set();
   const fromData = [];
@@ -36,8 +60,39 @@ function collectValueExtent(series) {
   }
   return [min, max];
 }
+function collectLollipopValueDomain(series, layout = "grouped", labelHint) {
+  const stacked = layout === "stacked" && series.length > 1;
+  const values = [];
+  if (stacked) {
+    for (const label of collectLabels(series, labelHint)) {
+      let pos = 0;
+      let neg = 0;
+      for (const s of series) {
+        const v = valueAt(s, label);
+        if (v == null) continue;
+        if (v > 0) pos += v;
+        else neg += v;
+      }
+      if (pos) values.push(pos);
+      if (neg) values.push(neg);
+    }
+  } else {
+    for (const s of series) {
+      for (const p of s.points) {
+        if (Number.isFinite(p.value)) values.push(p.value);
+      }
+    }
+  }
+  const [minV, maxV] = calculateScaleLinearDomain(values);
+  const domainMin = minV * 1.2;
+  const domainMax = maxV === 0 && minV === 0 ? 1 : maxV * 1.2;
+  return [domainMin, domainMax];
+}
 export {
   collectLabels,
-  collectValueExtent
+  collectLollipopValueDomain,
+  collectValueExtent,
+  stackSegments,
+  valueAt
 };
 //# sourceMappingURL=domain.js.map

package/dist/components/lollipop/lib/domain.js.map

@@ -1 +1 @@
-{"version":3,"file":"domain.js","sources":["../../../../src/components/lollipop/lib/domain.ts"],"sourcesContent":["import type { LollipopSeries } from './types.js';\n\nexport function collectLabels(\n  series: LollipopSeries[],\n  labelHint?: string[],\n): string[] {\n  const seen = new Set<string>();\n  const fromData: string[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (!seen.has(p.label)) {\n        seen.add(p.label);\n        fromData.push(p.label);\n      }\n    }\n  }\n  if (labelHint?.length) {\n    const ordered = labelHint.filter((l) => seen.has(l));\n    for (const l of fromData) {\n      if (!ordered.includes(l)) ordered.push(l);\n    }\n    return ordered;\n  }\n  return fromData;\n}\n\nexport function collectValueExtent(series: LollipopSeries[]): [number, number] {\n  let min = Infinity;\n  let max = -Infinity;\n  for (const s of series) {\n    for (const p of s.points) {\n      if (p.value < min) min = p.value;\n      if (p.value > max) max = p.value;\n    }\n  }\n  if (!Number.isFinite(min) || !Number.isFinite(max)) return [0, 1];\n  // Always include 0 baseline for lollipop stems\n  min = Math.min(0, min);\n  max = Math.max(0, max);\n  if (min === max) {\n    const pad = Math.abs(min) * 0.1 || 1;\n    return [min - pad, max + pad];\n  }\n  return [min, max];\n}\n"],"names":[],"mappings":"AAEO,SAAS,cACd,QACA,WACU;AACV,QAAM,2BAAW,IAAA;AACjB,QAAM,WAAqB,CAAA;AAC3B,aAAW,KAAK,QAAQ;AACtB,eAAW,KAAK,EAAE,QAAQ;AACxB,UAAI,CAAC,KAAK,IAAI,EAAE,KAAK,GAAG;AACtB,aAAK,IAAI,EAAE,KAAK;AAChB,iBAAS,KAAK,EAAE,KAAK;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AACA,MAAI,uCAAW,QAAQ;AACrB,UAAM,UAAU,UAAU,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC;AACnD,eAAW,KAAK,UAAU;AACxB,UAAI,CAAC,QAAQ,SAAS,CAAC,EAAG,SAAQ,KAAK,CAAC;AAAA,IAC1C;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,mBAAmB,QAA4C;AAC7E,MAAI,MAAM;AACV,MAAI,MAAM;AACV,aAAW,KAAK,QAAQ;AACtB,eAAW,KAAK,EAAE,QAAQ;AACxB,UAAI,EAAE,QAAQ,IAAK,OAAM,EAAE;AAC3B,UAAI,EAAE,QAAQ,IAAK,OAAM,EAAE;AAAA,IAC7B;AAAA,EACF;AACA,MAAI,CAAC,OAAO,SAAS,GAAG,KAAK,CAAC,OAAO,SAAS,GAAG,EAAG,QAAO,CAAC,GAAG,CAAC;AAEhE,QAAM,KAAK,IAAI,GAAG,GAAG;AACrB,QAAM,KAAK,IAAI,GAAG,GAAG;AACrB,MAAI,QAAQ,KAAK;AACf,UAAM,MAAM,KAAK,IAAI,GAAG,IAAI,OAAO;AACnC,WAAO,CAAC,MAAM,KAAK,MAAM,GAAG;AAAA,EAC9B;AACA,SAAO,CAAC,KAAK,GAAG;AAClB;"}
+{"version":3,"file":"domain.js","sources":["../../../../src/components/lollipop/lib/domain.ts"],"sourcesContent":["import { calculateScaleLinearDomain } from '../../../utils/fusedash-visual.js';\nimport type { LollipopLayout, LollipopSeries } from './types.js';\n\nexport function valueAt(\n  series: LollipopSeries,\n  label: string,\n): number | undefined {\n  const point = series.points.find((p) => p.label === label);\n  return point && Number.isFinite(point.value) ? point.value : undefined;\n}\n\nexport interface LollipopStackSegment {\n  series: LollipopSeries;\n  seriesIndex: number;\n  start: number;\n  end: number;\n  value: number;\n}\n\n/** Positive and negative halves stack away from 0 independently (FuseDash). */\nexport function stackSegments(\n  series: LollipopSeries[],\n  label: string,\n): LollipopStackSegment[] {\n  let pos = 0;\n  let neg = 0;\n  const out: LollipopStackSegment[] = [];\n  series.forEach((s, seriesIndex) => {\n    const value = valueAt(s, label);\n    if (value == null || value === 0) return;\n    if (value > 0) {\n      const start = pos;\n      pos += value;\n      out.push({ series: s, seriesIndex, start, end: pos, value });\n    } else {\n      const start = neg;\n      neg += value;\n      out.push({ series: s, seriesIndex, start, end: neg, value });\n    }\n  });\n  return out;\n}\n\nexport function collectLabels(\n  series: LollipopSeries[],\n  labelHint?: string[],\n): string[] {\n  const seen = new Set<string>();\n  const fromData: string[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (!seen.has(p.label)) {\n        seen.add(p.label);\n        fromData.push(p.label);\n      }\n    }\n  }\n  if (labelHint?.length) {\n    const ordered = labelHint.filter((l) => seen.has(l));\n    for (const l of fromData) {\n      if (!ordered.includes(l)) ordered.push(l);\n    }\n    return ordered;\n  }\n  return fromData;\n}\n\nexport function collectValueExtent(series: LollipopSeries[]): [number, number] {\n  let min = Infinity;\n  let max = -Infinity;\n  for (const s of series) {\n    for (const p of s.points) {\n      if (p.value < min) min = p.value;\n      if (p.value > max) max = p.value;\n    }\n  }\n  if (!Number.isFinite(min) || !Number.isFinite(max)) return [0, 1];\n  // Always include 0 baseline for lollipop stems\n  min = Math.min(0, min);\n  max = Math.max(0, max);\n  if (min === max) {\n    const pad = Math.abs(min) * 0.1 || 1;\n    return [min - pad, max + pad];\n  }\n  return [min, max];\n}\n\n/**\n * Value-axis domain used by the plot: `calculateScaleLinearDomain` × 1.2\n * (FuseDash lollipop). Stacked layout uses per-category stack totals.\n */\nexport function collectLollipopValueDomain(\n  series: LollipopSeries[],\n  layout: LollipopLayout = 'grouped',\n  labelHint?: string[],\n): [number, number] {\n  const stacked = layout === 'stacked' && series.length > 1;\n  const values: number[] = [];\n  if (stacked) {\n    for (const label of collectLabels(series, labelHint)) {\n      let pos = 0;\n      let neg = 0;\n      for (const s of series) {\n        const v = valueAt(s, label);\n        if (v == null) continue;\n        if (v > 0) pos += v;\n        else neg += v;\n      }\n      if (pos) values.push(pos);\n      if (neg) values.push(neg);\n    }\n  } else {\n    for (const s of series) {\n      for (const p of s.points) {\n        if (Number.isFinite(p.value)) values.push(p.value);\n      }\n    }\n  }\n  const [minV, maxV] = calculateScaleLinearDomain(values);\n  const domainMin = minV * 1.2;\n  const domainMax = maxV === 0 && minV === 0 ? 1 : maxV * 1.2;\n  return [domainMin, domainMax];\n}\n"],"names":[],"mappings":"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"}

package/dist/components/lollipop/lib/index.d.ts

@@ -1,5 +1,6 @@
-export { type LollipopChartData, type LollipopOrientation, type LollipopPoint, type LollipopSeries, } from './types.js';
+export { type LollipopChartData, type LollipopLayout, type LollipopOrientation, type LollipopPoint, type LollipopSeries, } from './types.js';
 export { normalizeLollipopData } from './normalize.js';
-export { collectLabels, collectValueExtent } from './domain.js';
+export { collectLabels, collectLollipopValueDomain, collectValueExtent, stackSegments, valueAt, type LollipopStackSegment, } from './domain.js';
 export { formatCompact } from './format.js';
+export { lollipopGroupHeight, lollipopHorizontalMinSpan, LOLLIPOP_GROUP_PADDING, LOLLIPOP_ROW_HEIGHT, } from './layout.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/lollipop/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,kBAAkB,EAClB,aAAa,EACb,OAAO,EACP,KAAK,oBAAoB,GAC1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,aAAa,CAAC"}

package/dist/components/lollipop/lib/layout.d.ts

@@ -0,0 +1,16 @@
+/** Client HorizontalLollipop `barHeight`. */
+export declare const LOLLIPOP_ROW_HEIGHT = 10;
+/** Client `groupPadding = barHeight * 2`. */
+export declare const LOLLIPOP_GROUP_PADDING: number;
+/**
+ * Height of one category band: `barHeight * groupsCount`.
+ * Grouped and stacked both size the band from series count (client `groupsCount`).
+ */
+export declare function lollipopGroupHeight(seriesCount: number): number;
+/**
+ * Minimum plot height for a horizontal lollipop.
+ * Client: `yAxes.length * (groupHeight + groupPadding)`.
+ * Grouped and stacked both size the band from series count (client `groupsCount`).
+ */
+export declare function lollipopHorizontalMinSpan(categoryCount: number, seriesCount: number): number;
+//# sourceMappingURL=layout.d.ts.map

package/dist/components/lollipop/lib/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/lib/layout.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,6CAA6C;AAC7C,eAAO,MAAM,sBAAsB,QAA0B,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAE/D;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,GAClB,MAAM,CAGR"}

package/dist/components/lollipop/lib/layout.js

@@ -0,0 +1,16 @@
+const LOLLIPOP_ROW_HEIGHT = 10;
+const LOLLIPOP_GROUP_PADDING = LOLLIPOP_ROW_HEIGHT * 2;
+function lollipopGroupHeight(seriesCount) {
+  return LOLLIPOP_ROW_HEIGHT * Math.max(seriesCount, 1);
+}
+function lollipopHorizontalMinSpan(categoryCount, seriesCount) {
+  if (categoryCount <= 0) return 0;
+  return categoryCount * (lollipopGroupHeight(seriesCount) + LOLLIPOP_GROUP_PADDING);
+}
+export {
+  LOLLIPOP_GROUP_PADDING,
+  LOLLIPOP_ROW_HEIGHT,
+  lollipopGroupHeight,
+  lollipopHorizontalMinSpan
+};
+//# sourceMappingURL=layout.js.map

package/dist/components/lollipop/lib/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../../src/components/lollipop/lib/layout.ts"],"sourcesContent":["/** Client HorizontalLollipop `barHeight`. */\nexport const LOLLIPOP_ROW_HEIGHT = 10;\n/** Client `groupPadding = barHeight * 2`. */\nexport const LOLLIPOP_GROUP_PADDING = LOLLIPOP_ROW_HEIGHT * 2;\n\n/**\n * Height of one category band: `barHeight * groupsCount`.\n * Grouped and stacked both size the band from series count (client `groupsCount`).\n */\nexport function lollipopGroupHeight(seriesCount: number): number {\n  return LOLLIPOP_ROW_HEIGHT * Math.max(seriesCount, 1);\n}\n\n/**\n * Minimum plot height for a horizontal lollipop.\n * Client: `yAxes.length * (groupHeight + groupPadding)`.\n * Grouped and stacked both size the band from series count (client `groupsCount`).\n */\nexport function lollipopHorizontalMinSpan(\n  categoryCount: number,\n  seriesCount: number,\n): number {\n  if (categoryCount <= 0) return 0;\n  return categoryCount * (lollipopGroupHeight(seriesCount) + LOLLIPOP_GROUP_PADDING);\n}\n"],"names":[],"mappings":"AACO,MAAM,sBAAsB;AAE5B,MAAM,yBAAyB,sBAAsB;AAMrD,SAAS,oBAAoB,aAA6B;AAC/D,SAAO,sBAAsB,KAAK,IAAI,aAAa,CAAC;AACtD;AAOO,SAAS,0BACd,eACA,aACQ;AACR,MAAI,iBAAiB,EAAG,QAAO;AAC/B,SAAO,iBAAiB,oBAAoB,WAAW,IAAI;AAC7D;"}