@fusedashlabs/widgets 0.3.1 → 0.4.0

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;"}

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

@@ -1,4 +1,9 @@
 export type LollipopOrientation = 'vertical' | 'horizontal';
+/**
+ * FuseDash `stacked` — only meaningful with more than one series (`groupBy`).
+ * A single series always renders as the plain lollipop chart.
+ */
+export type LollipopLayout = 'grouped' | 'stacked';
 export interface LollipopPoint {
     label: string;
     value: number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B"}

package/dist/components/lollipop/metadata.json.d.ts

@@ -4,6 +4,11 @@ declare const _default: {
   "title": "Lollipop Chart",
   "description": "Chat-optimized lollipop rewritten in D3 (Visx → D3). Vertical/horizontal, stem + head, no Redux.",
   "chartTypeKeys": ["lollipopChart", "lollipopGroupedChart", "lollipopStackedChart"],
+  "chartTypeMap": {
+    "lollipopChart": {},
+    "lollipopGroupedChart": { "layout": "grouped" },
+    "lollipopStackedChart": { "layout": "stacked" }
+  },
   "source": "client/libs/shared/components/src/Widgets/Lollipop/",
   "stack": "d3",
   "lazyImport": "@ui9000/widgets/lazy/lollipop",
@@ -78,6 +83,11 @@ declare const _default: {
         "enum": ["vertical", "horizontal"],
         "default": "vertical"
       },
+      "layout": {
+        "type": "string",
+        "enum": ["grouped", "stacked"],
+        "default": "grouped"
+      },
       "scale": {
         "type": "string",
         "enum": ["compact", "default", "comfortable"],

package/dist/components/lollipop/metadata.json.js

@@ -3,19 +3,21 @@ const tag = "ui9000-lollipop";
 const title = "Lollipop Chart";
 const description = "Chat-optimized lollipop rewritten in D3 (Visx → D3). Vertical/horizontal, stem + head, no Redux.";
 const chartTypeKeys = ["lollipopChart", "lollipopGroupedChart", "lollipopStackedChart"];
+const chartTypeMap = { "lollipopChart": {}, "lollipopGroupedChart": { "layout": "grouped" }, "lollipopStackedChart": { "layout": "stacked" } };
 const source = "client/libs/shared/components/src/Widgets/Lollipop/";
 const stack = "d3";
 const lazyImport = "@ui9000/widgets/lazy/lollipop";
 const entry = "@ui9000/widgets/lollipop";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
 const allowedActions = ["hover", "resize"];
-const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" }, "color": { "type": "string" } } } }, { "type": "object", "properties": { "points": { "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" } } } }, "series": { "type": "array", "items": { "type": "object", "required": ["id", "points"], "properties": { "id": { "type": "string" }, "name": { "type": "string" }, "color": { "type": "string" }, "points": { "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" } } } } } } } } }] }, "orientation": { "type": "string", "enum": ["vertical", "horizontal"], "default": "vertical" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "showGrid": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "xLabel": { "type": "string" }, "yLabel": { "type": "string" } }, "required": ["data"] };
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" }, "color": { "type": "string" } } } }, { "type": "object", "properties": { "points": { "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" } } } }, "series": { "type": "array", "items": { "type": "object", "required": ["id", "points"], "properties": { "id": { "type": "string" }, "name": { "type": "string" }, "color": { "type": "string" }, "points": { "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" } } } } } } } } }] }, "orientation": { "type": "string", "enum": ["vertical", "horizontal"], "default": "vertical" }, "layout": { "type": "string", "enum": ["grouped", "stacked"], "default": "grouped" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "showGrid": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "xLabel": { "type": "string" }, "yLabel": { "type": "string" } }, "required": ["data"] };
 const lollipopMeta = {
   id,
   tag,
   title,
   description,
   chartTypeKeys,
+  chartTypeMap,
   source,
   stack,
   lazyImport,
@@ -27,6 +29,7 @@ const lollipopMeta = {
 export {
   allowedActions,
   chartTypeKeys,
+  chartTypeMap,
   lollipopMeta as default,
   description,
   entry,

package/dist/components/lollipop/metadata.json.js.map

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

package/dist/components/lollipop/render/draw.d.ts

@@ -1,7 +1,7 @@
 import { WidgetTheme } from '../../../types/index.js';
 import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
 import { MarkerShape } from '../../../utils/fusedash-visual.js';
-import { LollipopOrientation, LollipopPoint, LollipopSeries } from '../lib/index.js';
+import { LollipopLayout, LollipopOrientation, LollipopPoint, LollipopSeries } from '../lib/index.js';
 export interface RenderLollipopOptions extends AxisLabelTooltipHandlers {
     series: LollipopSeries[];
     width: number;
@@ -14,6 +14,8 @@ export interface RenderLollipopOptions extends AxisLabelTooltipHandlers {
     };
     theme: WidgetTheme;
     orientation?: LollipopOrientation;
+    /** Multi-series only — a single series always renders as the plain lollipop */
+    layout?: LollipopLayout;
     /** FuseDash default: rhombus */
     marker?: MarkerShape;
     showGrid?: boolean;
@@ -21,6 +23,11 @@ export interface RenderLollipopOptions extends AxisLabelTooltipHandlers {
     labelHint?: string[];
     xLabel?: string;
     yLabel?: string;
+    /**
+     * When set on a horizontal chart, the value axis is drawn here and pinned
+     * below the scroll area (client `hasChartYOverflow` + bottom axis SVG).
+     */
+    xAxisContainer?: HTMLElement | null;
     onPointHover?: (payload: {
         seriesId: string;
         seriesName: string;

package/dist/components/lollipop/render/draw.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/render/draw.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,gCAAgC;IAChC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,aAAa,CAAC;QACrB,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AASD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,qBAAqB,GAC7B,IAAI,CAuXN"}
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/render/draw.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,gCAAgC;IAChC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,aAAa,CAAC;QACrB,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AASD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,qBAAqB,GAC7B,IAAI,CA2eN"}