@fusedashlabs/widgets 0.2.0 → 0.4.0

package/dist/components/gini-impurity-entropy-chart/render/draw.js

@@ -0,0 +1,160 @@
+import { axisBottom, axisLeft } from "d3-axis";
+import { scaleLinear } from "d3-scale";
+import { select, pointer } from "d3-selection";
+import { line, curveCatmullRom } from "d3-shape";
+import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, calculateNumTicks } from "../../../utils/fusedash-visual.js";
+import { collectPExtent, collectValueExtent } from "../lib/domain.js";
+import { splitAnnotation } from "../lib/overlays.js";
+import { formatProbability, formatImpurityTick } from "../lib/format.js";
+import { nearestPoint } from "../lib/series.js";
+function renderGiniImpurityEntropyChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    margin = { ...FD.giniMargin },
+    theme,
+    showGrid = true,
+    themeMode = "light",
+    onHover,
+    onLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  container.replaceChildren();
+  if (!model.series.length || width <= 0 || height <= 0) return;
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(margin.left),
+    right: Math.max(margin.right, 1)
+  };
+  const plotTop = m.top;
+  const plotBottom = height - m.bottom;
+  const plotLeft = m.left;
+  const plotRight = width - m.right;
+  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;
+  const xScale = scaleLinear().domain(collectPExtent(model.series)).range([plotLeft, plotRight]);
+  const yScale = scaleLinear().domain(collectValueExtent(model.series)).range([plotBottom, plotTop]);
+  const numTicks = calculateNumTicks(height);
+  const yTicks = yScale.ticks(numTicks);
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Gini impurity and entropy chart").style("display", "block").style("font-family", theme.fontFamily);
+  const root = svg.append("g").attr("class", "plot");
+  if (showGrid) {
+    const grid = root.append("g").attr("class", "grid");
+    for (const tick of yTicks) {
+      grid.append("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", yScale(tick)).attr("y2", yScale(tick)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    }
+  }
+  const { overlays } = model;
+  if (overlays.showCI && overlays.ci) {
+    const [lo, hi] = overlays.ci;
+    root.append("rect").attr("class", "ci-band").attr("x", xScale(lo)).attr("y", plotTop).attr("width", Math.max(0, xScale(hi) - xScale(lo))).attr("height", plotBottom - plotTop).attr("fill", FD.giniOverlayColor).attr("fill-opacity", FD.giniOverlayBandOpacity);
+  }
+  const lineGen = line().defined((d) => Number.isFinite(d.value)).x((d) => xScale(d.p)).y((d) => yScale(d.value)).curve(curveCatmullRom.alpha(FD.giniCurveAlpha));
+  const curves = root.append("g").attr("class", "curves");
+  const curvePaths = model.series.map(
+    (series) => curves.append("path").attr("class", `curve curve-${series.id}`).datum(series.points).attr("fill", "none").attr("stroke", series.color).attr("stroke-width", FD.lineStrokeWidth).attr("stroke-linecap", "round").attr("stroke-linejoin", "round").attr("stroke-dasharray", series.dash ?? null).attr("d", lineGen)
+  );
+  if (overlays.showPHat && overlays.pHat !== void 0) {
+    const x = xScale(overlays.pHat);
+    root.append("line").attr("class", "p-hat-guide").attr("x1", x).attr("x2", x).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.giniOverlayColor).attr("stroke-width", FD.lineStrokeWidth).attr("stroke-dasharray", FD.giniOverlayDash);
+  }
+  const split = splitAnnotation(overlays);
+  if (split) {
+    const group = root.append("g").attr("class", "split-anno");
+    const markers = [
+      [split.pLeft, split.leftValue],
+      [split.pRight, split.rightValue]
+    ];
+    for (const [p, value] of markers) {
+      group.append("circle").attr("cx", xScale(p)).attr("cy", yScale(value)).attr("r", FD.giniSplitMarkerRadius).attr("fill", FD.giniSplitMarkerFill).attr("stroke", FD.giniSplitMarkerStroke).attr("stroke-width", 1.5);
+    }
+    group.append("text").attr("class", "split-label").attr("x", xScale((split.pLeft + split.pRight) / 2)).attr(
+      "y",
+      yScale(Math.max(split.leftValue, split.rightValue)) - FD.giniSplitLabelOffset
+    ).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(`ΔGini = ${split.delta.toFixed(3)}`);
+  }
+  const xAxis = root.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotBottom})`).call(
+    axisBottom(xScale).ticks(numTicks).tickSize(0).tickPadding(8).tickFormat((d) => formatProbability(Number(d)))
+  );
+  xAxis.select(".domain").attr("stroke", FD.axisStroke);
+  xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+  decorateAxisLabels(xAxis, { onAxisLabelHover, onAxisLabelLeave });
+  const yAxis = root.append("g").attr("class", "y-axis").attr("transform", `translate(${plotLeft},0)`).call(
+    axisLeft(yScale).tickValues(yTicks).tickSize(5).tickPadding(6).tickFormat((d) => formatImpurityTick(Number(d)))
+  );
+  yAxis.select(".domain").attr("stroke", "none");
+  yAxis.selectAll("line").attr("stroke", FD.axisStroke).attr("stroke-dasharray", FD.gridDash);
+  applyLeftGutterYAxisLabels(yAxis, plotLeft);
+  if (model.xLabel) {
+    root.append("text").attr("class", "x-axis-label").attr("x", (plotLeft + plotRight) / 2).attr("y", height - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(model.xLabel);
+  }
+  if (model.yLabel) {
+    root.append("text").attr("class", "y-axis-label").attr("x", 4).attr("y", 11).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(model.yLabel);
+  }
+  if (!onHover) return;
+  const hover = root.append("g").attr("class", "hover").attr("opacity", 0);
+  const guide = hover.append("line").attr("class", "hover-guide").attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", themeMode === "dark" ? FD.hoverGuideDark : FD.hoverGuideLight).attr("stroke-width", FD.lineStrokeWidth).attr("pointer-events", "none");
+  const dots = model.series.map(
+    (series) => hover.append("circle").attr("class", "hover-dot").attr("r", FD.markerRadius).attr("fill", series.color).attr("stroke", themeMode === "dark" ? "#000" : "#fff").attr("stroke-width", 1.5).attr("pointer-events", "none")
+  );
+  root.append("rect").attr("class", "hover-surface").attr("x", plotLeft).attr("y", plotTop).attr("width", plotRight - plotLeft).attr("height", plotBottom - plotTop).attr("fill", "transparent").on("mousemove", (event) => {
+    const [mx] = pointer(event, container);
+    const p = xScale.invert(mx);
+    const hits = model.series.map(
+      (series) => nearestPoint(series.points, p)
+    );
+    const anchor = hits.find((hit) => hit !== null);
+    if (!anchor) {
+      hover.attr("opacity", 0);
+      curvePaths.forEach((path) => path.attr("opacity", 1));
+      return;
+    }
+    const [, my] = pointer(event, container);
+    let activeIndex = -1;
+    let activeDistance = Infinity;
+    hits.forEach((hit, i) => {
+      if (!hit) return;
+      const distance = Math.abs(yScale(hit.value) - my);
+      if (distance < activeDistance) {
+        activeDistance = distance;
+        activeIndex = i;
+      }
+    });
+    const entries = [];
+    hits.forEach((hit, i) => {
+      const active = i === activeIndex;
+      curvePaths[i].attr("opacity", active ? 1 : FD.giniCurveDimOpacity);
+      if (!hit) {
+        dots[i].attr("opacity", 0);
+        return;
+      }
+      dots[i].attr("opacity", active ? 1 : FD.giniCurveDimOpacity).attr("cx", xScale(hit.p)).attr("cy", yScale(hit.value));
+      const series = model.series[i];
+      entries.push({
+        seriesId: series.id,
+        seriesName: series.name,
+        color: series.color,
+        value: hit.value
+      });
+    });
+    guide.attr("x1", xScale(anchor.p)).attr("x2", xScale(anchor.p));
+    hover.attr("opacity", 1);
+    onHover({
+      p: anchor.p,
+      entries,
+      activeSeriesId: activeIndex >= 0 ? model.series[activeIndex].id : null,
+      event
+    });
+  }).on("mouseleave", () => {
+    hover.attr("opacity", 0);
+    curvePaths.forEach((path) => path.attr("opacity", 1));
+    onLeave == null ? void 0 : onLeave();
+  });
+}
+export {
+  renderGiniImpurityEntropyChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/gini-impurity-entropy-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/gini-impurity-entropy-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleLinear } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport { curveCatmullRom, line as d3Line } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport {\n  applyLeftGutterYAxisLabels,\n  decorateAxisLabels,\n  resolvePlotLeftMargin,\n  type AxisLabelTooltipHandlers,\n} from '../../../utils/axis-labels.js';\nimport { calculateNumTicks, FD } from '../../../utils/fusedash-visual.js';\nimport {\n  collectPExtent,\n  collectValueExtent,\n  formatImpurityTick,\n  formatProbability,\n  nearestPoint,\n  splitAnnotation,\n  type GiniImpurityEntropyModel,\n  type GiniSeriesPoint,\n} from '../lib/index.js';\n\n/** One series' reading at the hovered probability. */\nexport interface GiniHoverEntry {\n  seriesId: string;\n  seriesName: string;\n  color: string;\n  value: number;\n}\n\nexport interface RenderGiniImpurityEntropyChartOptions\n  extends AxisLabelTooltipHandlers {\n  model: GiniImpurityEntropyModel;\n  width: number;\n  height: number;\n  /** Client `DEFAULT_MARGIN` when omitted by the host */\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  showGrid?: boolean;\n  themeMode?: 'light' | 'dark';\n  onHover?: (payload: {\n    p: number;\n    entries: GiniHoverEntry[];\n    /** Curve nearest the cursor — the one left undimmed */\n    activeSeriesId: string | null;\n    event: MouseEvent;\n  }) => void;\n  onLeave?: () => void;\n}\n\n/**\n * FuseDash GiniImpurityEntropyChart plot — visual parity via D3.\n * Coordinate system matches the client: the linear scales carry the margins in\n * their range, so there is no translated plot group.\n */\nexport function renderGiniImpurityEntropyChart(\n  container: HTMLElement,\n  options: RenderGiniImpurityEntropyChartOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin = { ...FD.giniMargin },\n    theme,\n    showGrid = true,\n    themeMode = 'light',\n    onHover,\n    onLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  container.replaceChildren();\n  if (!model.series.length || width <= 0 || height <= 0) return;\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 1),\n  };\n  const plotTop = m.top;\n  const plotBottom = height - m.bottom;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const xScale = scaleLinear()\n    .domain(collectPExtent(model.series))\n    .range([plotLeft, plotRight]);\n  const yScale = scaleLinear()\n    .domain(collectValueExtent(model.series))\n    .range([plotBottom, plotTop]);\n\n  const numTicks = calculateNumTicks(height);\n  const yTicks = yScale.ticks(numTicks);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Gini impurity and entropy chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  // --- Grid: horizontal only, like the client ---\n  if (showGrid) {\n    const grid = root.append('g').attr('class', 'grid');\n    for (const tick of yTicks) {\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(tick))\n        .attr('y2', yScale(tick))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n    }\n  }\n\n  // --- Confidence band sits under the curves ---\n  const { overlays } = model;\n  if (overlays.showCI && overlays.ci) {\n    const [lo, hi] = overlays.ci;\n    root\n      .append('rect')\n      .attr('class', 'ci-band')\n      .attr('x', xScale(lo))\n      .attr('y', plotTop)\n      .attr('width', Math.max(0, xScale(hi) - xScale(lo)))\n      .attr('height', plotBottom - plotTop)\n      .attr('fill', FD.giniOverlayColor)\n      .attr('fill-opacity', FD.giniOverlayBandOpacity);\n  }\n\n  // --- Curves (client: Catmull-Rom, alpha 0.5) ---\n  const lineGen = d3Line<GiniSeriesPoint>()\n    .defined((d) => Number.isFinite(d.value))\n    .x((d) => xScale(d.p))\n    .y((d) => yScale(d.value))\n    .curve(curveCatmullRom.alpha(FD.giniCurveAlpha));\n\n  const curves = root.append('g').attr('class', 'curves');\n  const curvePaths = model.series.map((series) =>\n    curves\n      .append('path')\n      .attr('class', `curve curve-${series.id}`)\n      .datum(series.points)\n      .attr('fill', 'none')\n      .attr('stroke', series.color)\n      .attr('stroke-width', FD.lineStrokeWidth)\n      .attr('stroke-linecap', 'round')\n      .attr('stroke-linejoin', 'round')\n      .attr('stroke-dasharray', series.dash ?? null)\n      .attr('d', lineGen),\n  );\n\n  // --- p-hat guide ---\n  if (overlays.showPHat && overlays.pHat !== undefined) {\n    const x = xScale(overlays.pHat);\n    root\n      .append('line')\n      .attr('class', 'p-hat-guide')\n      .attr('x1', x)\n      .attr('x2', x)\n      .attr('y1', plotTop)\n      .attr('y2', plotBottom)\n      .attr('stroke', FD.giniOverlayColor)\n      .attr('stroke-width', FD.lineStrokeWidth)\n      .attr('stroke-dasharray', FD.giniOverlayDash);\n  }\n\n  // --- Candidate split: child markers + the ΔGini they buy ---\n  const split = splitAnnotation(overlays);\n  if (split) {\n    const group = root.append('g').attr('class', 'split-anno');\n    const markers: Array<[number, number]> = [\n      [split.pLeft, split.leftValue],\n      [split.pRight, split.rightValue],\n    ];\n    for (const [p, value] of markers) {\n      group\n        .append('circle')\n        .attr('cx', xScale(p))\n        .attr('cy', yScale(value))\n        .attr('r', FD.giniSplitMarkerRadius)\n        .attr('fill', FD.giniSplitMarkerFill)\n        .attr('stroke', FD.giniSplitMarkerStroke)\n        .attr('stroke-width', 1.5);\n    }\n    group\n      .append('text')\n      .attr('class', 'split-label')\n      .attr('x', xScale((split.pLeft + split.pRight) / 2))\n      .attr(\n        'y',\n        yScale(Math.max(split.leftValue, split.rightValue)) -\n          FD.giniSplitLabelOffset,\n      )\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(`ΔGini = ${split.delta.toFixed(3)}`);\n  }\n\n  // --- Axes ---\n  const xAxis = root\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotBottom})`)\n    .call(\n      axisBottom(xScale)\n        .ticks(numTicks)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((d) => formatProbability(Number(d))),\n    );\n  xAxis.select('.domain').attr('stroke', FD.axisStroke);\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize);\n  decorateAxisLabels(xAxis, { onAxisLabelHover, onAxisLabelLeave });\n\n  const yAxis = root\n    .append('g')\n    .attr('class', 'y-axis')\n    .attr('transform', `translate(${plotLeft},0)`)\n    .call(\n      axisLeft(yScale)\n        .tickValues(yTicks)\n        .tickSize(5)\n        .tickPadding(6)\n        .tickFormat((d) => formatImpurityTick(Number(d))),\n    );\n  yAxis.select('.domain').attr('stroke', 'none');\n  yAxis\n    .selectAll('line')\n    .attr('stroke', FD.axisStroke)\n    .attr('stroke-dasharray', FD.gridDash);\n  applyLeftGutterYAxisLabels(yAxis, plotLeft);\n\n  if (model.xLabel) {\n    root\n      .append('text')\n      .attr('class', 'x-axis-label')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(model.xLabel);\n  }\n\n  // Unit: horizontal top-left — never rotate through the Y ticks\n  if (model.yLabel) {\n    root\n      .append('text')\n      .attr('class', 'y-axis-label')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(model.yLabel);\n  }\n\n  if (!onHover) return;\n\n  // --- Crosshair: the curves are dense, so one hover reads every series,\n  //     while the curve nearest the cursor stays lit and the rest fade ---\n  const hover = root.append('g').attr('class', 'hover').attr('opacity', 0);\n  const guide = hover\n    .append('line')\n    .attr('class', 'hover-guide')\n    .attr('y1', plotTop)\n    .attr('y2', plotBottom)\n    .attr('stroke', themeMode === 'dark' ? FD.hoverGuideDark : FD.hoverGuideLight)\n    .attr('stroke-width', FD.lineStrokeWidth)\n    .attr('pointer-events', 'none');\n  const dots = model.series.map((series) =>\n    hover\n      .append('circle')\n      .attr('class', 'hover-dot')\n      .attr('r', FD.markerRadius)\n      .attr('fill', series.color)\n      .attr('stroke', themeMode === 'dark' ? '#000' : '#fff')\n      .attr('stroke-width', 1.5)\n      .attr('pointer-events', 'none'),\n  );\n\n  root\n    .append('rect')\n    .attr('class', 'hover-surface')\n    .attr('x', plotLeft)\n    .attr('y', plotTop)\n    .attr('width', plotRight - plotLeft)\n    .attr('height', plotBottom - plotTop)\n    .attr('fill', 'transparent')\n    .on('mousemove', (event: MouseEvent) => {\n      const [mx] = pointer(event, container);\n      const p = xScale.invert(mx);\n      const hits = model.series.map((series) =>\n        nearestPoint(series.points, p),\n      );\n\n      const anchor = hits.find((hit) => hit !== null);\n      if (!anchor) {\n        hover.attr('opacity', 0);\n        curvePaths.forEach((path) => path.attr('opacity', 1));\n        return;\n      }\n\n      // Vertical distance from the cursor picks the curve being read.\n      const [, my] = pointer(event, container);\n      let activeIndex = -1;\n      let activeDistance = Infinity;\n      hits.forEach((hit, i) => {\n        if (!hit) return;\n        const distance = Math.abs(yScale(hit.value) - my);\n        if (distance < activeDistance) {\n          activeDistance = distance;\n          activeIndex = i;\n        }\n      });\n\n      const entries: GiniHoverEntry[] = [];\n      hits.forEach((hit, i) => {\n        const active = i === activeIndex;\n        curvePaths[i].attr('opacity', active ? 1 : FD.giniCurveDimOpacity);\n        if (!hit) {\n          dots[i].attr('opacity', 0);\n          return;\n        }\n        dots[i]\n          .attr('opacity', active ? 1 : FD.giniCurveDimOpacity)\n          .attr('cx', xScale(hit.p))\n          .attr('cy', yScale(hit.value));\n        const series = model.series[i];\n        entries.push({\n          seriesId: series.id,\n          seriesName: series.name,\n          color: series.color,\n          value: hit.value,\n        });\n      });\n\n      guide.attr('x1', xScale(anchor.p)).attr('x2', xScale(anchor.p));\n      hover.attr('opacity', 1);\n      onHover({\n        p: anchor.p,\n        entries,\n        activeSeriesId: activeIndex >= 0 ? model.series[activeIndex].id : null,\n        event,\n      });\n    })\n    .on('mouseleave', () => {\n      hover.attr('opacity', 0);\n      curvePaths.forEach((path) => path.attr('opacity', 1));\n      onLeave?.();\n    });\n}\n"],"names":["d3Line"],"mappings":"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"}

package/dist/components/gini-impurity-entropy-chart/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderGiniImpurityEntropyChart, type GiniHoverEntry, type RenderGiniImpurityEntropyChartOptions, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/gini-impurity-entropy-chart/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/gini-impurity-entropy-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,KAAK,cAAc,EACnB,KAAK,qCAAqC,GAC3C,MAAM,WAAW,CAAC"}

package/dist/components/histogram-chart/element/ui9000-histogram-chart.d.ts

@@ -20,7 +20,7 @@ export declare class Ui9000HistogramChart extends Ui9000ChartElement {
     private parseData;
     private renderLegend;
     private draw;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/kpi-widget/element/ui9000-kpi-widget.d.ts

@@ -14,7 +14,7 @@ export declare class Ui9000KpiWidget extends Ui9000ChartElement {
     private updateGridLayout;
     private renderValue;
     private renderCard;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 export declare function registerKpiWidget(): void;
 declare global {

package/dist/components/kpi-widget/element/ui9000-kpi-widget.js

@@ -1,5 +1,5 @@
 import { nothing, html } from "lit";
-import { styleMap as o } from "../../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.js";
+import { styleMap as o } from "../../../node_modules/lit-html/directives/style-map.js";
 import { property, state, customElement } from "lit/decorators.js";
 import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
 import { parseJsonAttr } from "../../../utils/chart-helpers.js";

package/dist/components/line-chart/element/ui9000-line-chart.d.ts

@@ -27,7 +27,7 @@ export declare class Ui9000LineChart extends Ui9000ChartElement {
     private xDomainHint;
     private renderLegend;
     private draw;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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,17 +17,20 @@ 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;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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