@fusedashlabs/widgets 0.2.0

package/dist/components/box-plot-chart/render/draw.js

@@ -0,0 +1,281 @@
+import { axisBottom, axisLeft } from "d3-axis";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, formatCompactNumber, calculateNumTicks, seriesColor } from "../../../utils/fusedash-visual.js";
+import { boxPlotMinCategorySpan, BIN_SIZE, boxPlotGroupSpan, BIN_BORDER_RADIUS } from "../lib/layout.js";
+import { collectLabels, boxPlotLinearDomain } from "../lib/domain.js";
+const OUTLIER_RADIUS = 3;
+const MEDIAN_STROKE = FD.axisLabelFill;
+const WHISKER_STROKE = FD.axisLabelFill;
+const MEDIAN_STROKE_WIDTH = 2;
+function resolveGroupColor(groupIndex, box, theme) {
+  if (box.color) return box.color;
+  if (groupIndex === 0 && theme.primary) return theme.primary;
+  if (groupIndex === 1 && theme.secondary) return theme.secondary;
+  return seriesColor(groupIndex);
+}
+function roundedBoxVertical(cx, yQ3, yQ1, binW, r) {
+  const half = binW / 2;
+  const radius = Math.min(r, half, Math.abs(yQ1 - yQ3) / 2);
+  return `
+    M${cx - half},${yQ3 + radius}
+    a${radius},${radius} 0 0 1 ${radius},-${radius}
+    H${cx + half - radius}
+    a${radius},${radius} 0 0 1 ${radius},${radius}
+    V${yQ1 - radius}
+    a${radius},${radius} 0 0 1 -${radius},${radius}
+    H${cx - half + radius}
+    a${radius},${radius} 0 0 1 -${radius},-${radius}
+    Z
+  `;
+}
+function roundedBoxHorizontal(cy, xQ1, xQ3, binH, r) {
+  const half = binH / 2;
+  const radius = Math.min(r, half, Math.abs(xQ3 - xQ1) / 2);
+  return `
+    M${xQ1},${cy - half + radius}
+    a${radius},${radius} 0 0 1 ${radius},-${radius}
+    H${xQ3 - radius}
+    a${radius},${radius} 0 0 1 ${radius},${radius}
+    V${cy + half - radius}
+    a${radius},${radius} 0 0 1 -${radius},${radius}
+    H${xQ1 + radius}
+    a${radius},${radius} 0 0 1 -${radius},-${radius}
+    Z
+  `;
+}
+function attachHover(root, bin, box, onBoxHover, onBoxLeave) {
+  if (!onBoxHover) return;
+  bin.style("cursor", "pointer").on("mouseenter", function(event) {
+    root.selectAll(".bin-container").attr("opacity", 0.2);
+    select(this).attr("opacity", 1);
+    onBoxHover({ box, event });
+  }).on("mousemove", (event) => {
+    onBoxHover({ box, event });
+  }).on("mouseleave", () => {
+    root.selectAll(".bin-container").attr("opacity", 1);
+    onBoxLeave == null ? void 0 : onBoxLeave();
+  });
+}
+function renderHorizontalValueAxis(host, xScale, xTicks) {
+  host.call(
+    axisBottom(xScale).tickValues(xTicks).tickSize(0).tickPadding(8).tickFormat((d) => {
+      const n = Number(d);
+      const decimals = Number.isInteger(n) && Math.abs(n) < 1e3 ? 0 : 2;
+      return formatCompactNumber(n, decimals);
+    })
+  ).call((g) => g.select(".domain").attr("stroke", FD.axisStroke));
+  host.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "middle");
+  const xTickNodes = host.selectAll("text").nodes();
+  if (xTickNodes.length > 0) {
+    select(xTickNodes[0]).attr("text-anchor", "start");
+    if (xTickNodes.length > 1) {
+      select(xTickNodes[xTickNodes.length - 1]).attr("text-anchor", "end");
+    }
+  }
+}
+function renderBoxPlotChart(container, options) {
+  var _a;
+  const {
+    model,
+    width,
+    height,
+    margin = { ...FD.boxPlotMargin },
+    theme,
+    orientation = model.orientation ?? "vertical",
+    showGrid = true,
+    xAxisContainer = null,
+    xLabel,
+    yLabel,
+    onBoxHover,
+    onBoxLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  const axisLabels = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  container.replaceChildren();
+  xAxisContainer == null ? void 0 : xAxisContainer.replaceChildren();
+  if (!model.boxes.length || width <= 0 || height <= 0) return;
+  const groups = model.groups.length ? model.groups : ["default"];
+  const labels = ((_a = model.categoryLabels) == null ? void 0 : _a.length) ? model.categoryLabels : collectLabels(model);
+  const horizontal = orientation === "horizontal";
+  const fixedBottomAxis = horizontal && !!xAxisContainer;
+  const groupCount = groups.length;
+  const groupSpan = boxPlotGroupSpan(groupCount);
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(margin.left),
+    right: Math.max(margin.right, 12)
+  };
+  const plotWAvail = width - m.left - m.right;
+  const plotHAvail = fixedBottomAxis ? height - m.top : height - m.top - m.bottom;
+  const minCategorySpan = boxPlotMinCategorySpan(labels.length, groupCount);
+  const plotW = horizontal ? plotWAvail : Math.max(plotWAvail, minCategorySpan);
+  const plotH = horizontal ? fixedBottomAxis ? minCategorySpan : Math.max(plotHAvail, minCategorySpan) : plotHAvail;
+  if (plotW < 8 || plotH < 8) return;
+  const svgW = horizontal ? width : m.left + plotW + m.right;
+  const svgH = horizontal ? fixedBottomAxis ? m.top + plotH : m.top + plotH + m.bottom : height;
+  const [domainMin, domainMax] = boxPlotLinearDomain(model.boxes);
+  const numTicks = calculateNumTicks(height);
+  const groupColorIndex = new Map(groups.map((g, i) => [g, i]));
+  const groupScale = scaleBand().domain(groups).range([0, groupSpan]).padding(0);
+  const groupOffset = (groupKey) => -groupSpan / 2 + (groupScale(groupKey) ?? 0) + BIN_SIZE / 2;
+  container.style.height = `${svgH}px`;
+  container.style.minHeight = `${svgH}px`;
+  const svg = select(container).append("svg").attr("width", svgW).attr("height", svgH).attr("role", "img").attr("aria-label", "Box plot chart").style("display", "block").style("font-family", theme.fontFamily);
+  const plot = svg.append("g").attr("class", "plot").attr("transform", `translate(${m.left},${m.top})`);
+  if (!horizontal) {
+    const xScale = scaleBand().domain(labels).range([0, plotW]).padding(0);
+    const yScale = scaleLinear().domain([domainMin, domainMax]).nice().clamp(true).range([plotH, 0]);
+    const groupOffsetX = groupOffset;
+    const yTicks = yScale.ticks(numTicks);
+    if (showGrid) {
+      const grid = plot.append("g").attr("class", "grid");
+      for (const cat of labels) {
+        const bx = xScale(cat);
+        if (bx == null) continue;
+        const cx = bx + xScale.bandwidth() / 2;
+        grid.append("line").attr("x1", cx).attr("x2", cx).attr("y1", 0).attr("y2", plotH).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges");
+      }
+      for (const t of yTicks) {
+        grid.append("line").attr("x1", 0).attr("x2", plotW).attr("y1", yScale(t)).attr("y2", yScale(t)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges");
+      }
+      if (domainMin < 0) {
+        grid.append("line").attr("x1", 0).attr("x2", plotW).attr("y1", yScale(0)).attr("y2", yScale(0)).attr("stroke", FD.gridStroke).attr("shape-rendering", "crispEdges");
+      }
+    }
+    for (const group of groups) {
+      const gi = groupColorIndex.get(group) ?? 0;
+      const groupX = groupOffsetX(group);
+      for (const box of model.boxes.filter(
+        (b) => (b.group ?? "default") === group
+      )) {
+        if (xScale(box.label) == null) continue;
+        const cx = (xScale(box.label) ?? 0) + xScale.bandwidth() / 2 + groupX;
+        const color = resolveGroupColor(gi, box, theme);
+        const yQ1 = yScale(box.q1);
+        const yQ3 = yScale(box.q3);
+        const yMed = yScale(box.median);
+        const yLo = yScale(box.smallestNonOutlier);
+        const yHi = yScale(box.biggestNonOutlier);
+        const bin = plot.append("g").attr("class", "bin-container").attr("opacity", 1);
+        bin.append("line").attr("class", "bin-range").attr("x1", cx).attr("x2", cx).attr("y1", yHi).attr("y2", yLo).attr("stroke", WHISKER_STROKE).attr("stroke-width", 1);
+        const capW = BIN_SIZE / 2 - 2;
+        for (const y of [yLo, yHi]) {
+          bin.append("line").attr("class", "bin-limits-line").attr("x1", cx - capW).attr("x2", cx + capW).attr("y1", y).attr("y2", y).attr("stroke", WHISKER_STROKE).attr("stroke-width", 1);
+        }
+        bin.append("path").attr("class", "bin-quartile").attr("fill", color).attr(
+          "d",
+          roundedBoxVertical(cx, yQ3, yQ1, BIN_SIZE, BIN_BORDER_RADIUS)
+        );
+        bin.append("line").attr("class", "bin-median").attr("x1", cx - BIN_SIZE / 2 + 2).attr("x2", cx + BIN_SIZE / 2 - 2).attr("y1", yMed).attr("y2", yMed).attr("stroke", MEDIAN_STROKE).attr("stroke-width", MEDIAN_STROKE_WIDTH);
+        for (const ov of box.outliers ?? []) {
+          if (!Number.isFinite(ov)) continue;
+          bin.append("circle").attr("class", "bin-outlier").attr("cx", cx).attr("cy", yScale(ov)).attr("r", OUTLIER_RADIUS).attr("fill", "transparent").attr("stroke", WHISKER_STROKE).attr("stroke-width", 1);
+        }
+        attachHover(plot, bin, box, onBoxHover, onBoxLeave);
+      }
+    }
+    const xAxis = plot.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotH})`).call(axisBottom(xScale).tickSize(0).tickPadding(8));
+    xAxis.select(".domain").attr("stroke", FD.axisStroke);
+    xAxis.selectAll("line").attr("stroke", "none");
+    xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "middle");
+    decorateAxisLabels(xAxis, {
+      slotWidth: xScale.bandwidth(),
+      ...axisLabels
+    });
+    const yAxis = plot.append("g").attr("class", "y-axis").call(
+      axisLeft(yScale).tickValues(yTicks).tickSize(5).tickPadding(6).tickFormat((d) => {
+        const n = Number(d);
+        const decimals = Number.isInteger(n) && Math.abs(n) < 1e3 ? 0 : 2;
+        return formatCompactNumber(n, decimals);
+      })
+    );
+    yAxis.select(".domain").attr("stroke", "none");
+    yAxis.selectAll("line").attr("stroke", FD.axisStroke).attr("stroke-dasharray", "1 2");
+    applyLeftGutterYAxisLabels(yAxis, m.left);
+  } else {
+    const yScale = scaleBand().domain(labels).range([0, plotH]).padding(0);
+    const xScale = scaleLinear().domain([domainMin, domainMax]).nice().clamp(true).range([0, plotW]);
+    const xTicks = xScale.ticks(numTicks);
+    if (showGrid) {
+      const grid = plot.append("g").attr("class", "grid");
+      for (const t of xTicks) {
+        grid.append("line").attr("x1", xScale(t)).attr("x2", xScale(t)).attr("y1", 0).attr("y2", plotH).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges");
+      }
+      if (domainMin < 0) {
+        grid.append("line").attr("x1", xScale(0)).attr("x2", xScale(0)).attr("y1", 0).attr("y2", plotH).attr("stroke", FD.gridStroke).attr("shape-rendering", "crispEdges");
+      }
+      plot.append("g").attr("class", "y-grid").call(
+        axisLeft(yScale).tickSize(-plotW).tickFormat(() => "")
+      ).call((g) => g.select(".domain").remove()).selectAll("line").attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges").attr("transform", `translate(0, ${-yScale.bandwidth() / 2})`);
+    }
+    for (const group of groups) {
+      const gi = groupColorIndex.get(group) ?? 0;
+      const groupY = groupOffset(group);
+      for (const box of model.boxes.filter(
+        (b) => (b.group ?? "default") === group
+      )) {
+        if (yScale(box.label) == null) continue;
+        const cy = (yScale(box.label) ?? 0) + groupY + yScale.bandwidth() / 2;
+        const color = resolveGroupColor(gi, box, theme);
+        const xQ1 = xScale(box.q1);
+        const xQ3 = xScale(box.q3);
+        const xMed = xScale(box.median);
+        const xLo = xScale(box.smallestNonOutlier);
+        const xHi = xScale(box.biggestNonOutlier);
+        const bin = plot.append("g").attr("class", "bin-container").attr("opacity", 1);
+        bin.append("line").attr("class", "bin-range").attr("x1", xLo).attr("x2", xHi).attr("y1", cy).attr("y2", cy).attr("stroke", WHISKER_STROKE).attr("stroke-width", 1);
+        const capH = BIN_SIZE / 2 - 2;
+        for (const x of [xLo, xHi]) {
+          bin.append("line").attr("class", "bin-limits-line").attr("x1", x).attr("x2", x).attr("y1", cy - capH).attr("y2", cy + capH).attr("stroke", WHISKER_STROKE).attr("stroke-width", 1);
+        }
+        bin.append("path").attr("class", "bin-quartile").attr("fill", color).attr(
+          "d",
+          roundedBoxHorizontal(cy, xQ1, xQ3, BIN_SIZE, BIN_BORDER_RADIUS)
+        );
+        bin.append("line").attr("class", "bin-median").attr("x1", xMed).attr("x2", xMed).attr("y1", cy - BIN_SIZE / 2 + 2).attr("y2", cy + BIN_SIZE / 2 - 2).attr("stroke", MEDIAN_STROKE).attr("stroke-width", MEDIAN_STROKE_WIDTH);
+        for (const ov of box.outliers ?? []) {
+          if (!Number.isFinite(ov)) continue;
+          bin.append("circle").attr("class", "bin-outlier").attr("cx", xScale(ov)).attr("cy", cy).attr("r", OUTLIER_RADIUS).attr("fill", "transparent").attr("stroke", WHISKER_STROKE).attr("stroke-width", 1);
+        }
+        attachHover(plot, bin, box, onBoxHover, onBoxLeave);
+      }
+    }
+    const yAxis = plot.append("g").attr("class", "y-axis").call(axisLeft(yScale).tickSize(0).tickPadding(8));
+    yAxis.select(".domain").attr("stroke", FD.axisStroke);
+    applyLeftGutterYAxisLabels(yAxis, m.left, axisLabels);
+    if (fixedBottomAxis && xAxisContainer) {
+      const axisSvg = select(xAxisContainer).append("svg").attr("width", svgW).attr("height", m.bottom).attr("role", "presentation").style("display", "block").style("font-family", theme.fontFamily);
+      renderHorizontalValueAxis(
+        axisSvg.append("g").attr("class", "x-axis").attr("transform", `translate(${m.left},0)`),
+        xScale,
+        xTicks
+      );
+      if (xLabel) {
+        axisSvg.append("text").attr("x", m.left + plotW / 2).attr("y", m.bottom - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+      }
+    } else {
+      renderHorizontalValueAxis(
+        plot.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotH})`),
+        xScale,
+        xTicks
+      );
+    }
+  }
+  if (xLabel && !(horizontal && fixedBottomAxis)) {
+    svg.append("text").attr("x", m.left + plotW / 2).attr("y", svgH - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+  }
+  if (yLabel) {
+    svg.append("text").attr("x", 4).attr("y", 11).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(yLabel);
+  }
+}
+export {
+  renderBoxPlotChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/box-plot-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/box-plot-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear, type ScaleLinear } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport {\n  applyLeftGutterYAxisLabels,\n  decorateAxisLabels,\n  resolvePlotLeftMargin,\n} from '../../../utils/axis-labels.js';\nimport {\n  calculateNumTicks,\n  FD,\n  formatCompactNumber,\n  seriesColor as fdSeriesColor,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  boxPlotLinearDomain,\n  collectLabels,\n  type BoxPlotBox,\n  type BoxPlotModel,\n  type BoxPlotOrientation,\n} from '../lib/index.js';\nimport {\n  BIN_BORDER_RADIUS,\n  BIN_SIZE,\n  boxPlotGroupSpan,\n  boxPlotMinCategorySpan,\n} from '../lib/layout.js';\n\nexport interface RenderBoxPlotOptions extends AxisLabelTooltipHandlers {\n  model: BoxPlotModel;\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  orientation?: BoxPlotOrientation;\n  showGrid?: boolean;\n  /** When set, horizontal x-axis renders here (fixed below scroll). */\n  xAxisContainer?: HTMLElement | null;\n  xLabel?: string;\n  yLabel?: string;\n  onBoxHover?: (payload: {\n    box: BoxPlotBox;\n    event: MouseEvent;\n  }) => void;\n  onBoxLeave?: () => void;\n}\n\nconst OUTLIER_RADIUS = 3;\nconst MEDIAN_STROKE = FD.axisLabelFill;\nconst WHISKER_STROKE = FD.axisLabelFill;\nconst MEDIAN_STROKE_WIDTH = 2;\n\nfunction resolveGroupColor(\n  groupIndex: number,\n  box: BoxPlotBox,\n  theme: WidgetTheme,\n): string {\n  if (box.color) return box.color;\n  if (groupIndex === 0 && theme.primary) return theme.primary;\n  if (groupIndex === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(groupIndex);\n}\n\nfunction roundedBoxVertical(\n  cx: number,\n  yQ3: number,\n  yQ1: number,\n  binW: number,\n  r: number,\n): string {\n  const half = binW / 2;\n  const radius = Math.min(r, half, Math.abs(yQ1 - yQ3) / 2);\n  return `\n    M${cx - half},${yQ3 + radius}\n    a${radius},${radius} 0 0 1 ${radius},-${radius}\n    H${cx + half - radius}\n    a${radius},${radius} 0 0 1 ${radius},${radius}\n    V${yQ1 - radius}\n    a${radius},${radius} 0 0 1 -${radius},${radius}\n    H${cx - half + radius}\n    a${radius},${radius} 0 0 1 -${radius},-${radius}\n    Z\n  `;\n}\n\nfunction roundedBoxHorizontal(\n  cy: number,\n  xQ1: number,\n  xQ3: number,\n  binH: number,\n  r: number,\n): string {\n  const half = binH / 2;\n  const radius = Math.min(r, half, Math.abs(xQ3 - xQ1) / 2);\n  return `\n    M${xQ1},${cy - half + radius}\n    a${radius},${radius} 0 0 1 ${radius},-${radius}\n    H${xQ3 - radius}\n    a${radius},${radius} 0 0 1 ${radius},${radius}\n    V${cy + half - radius}\n    a${radius},${radius} 0 0 1 -${radius},${radius}\n    H${xQ1 + radius}\n    a${radius},${radius} 0 0 1 -${radius},-${radius}\n    Z\n  `;\n}\n\nfunction attachHover(\n  root: Selection<SVGGElement, unknown, null, undefined>,\n  bin: Selection<SVGGElement, unknown, null, undefined>,\n  box: BoxPlotBox,\n  onBoxHover: RenderBoxPlotOptions['onBoxHover'],\n  onBoxLeave: RenderBoxPlotOptions['onBoxLeave'],\n): void {\n  if (!onBoxHover) return;\n  bin\n    .style('cursor', 'pointer')\n    .on('mouseenter', function (this: SVGGElement, event: MouseEvent) {\n      root.selectAll('.bin-container').attr('opacity', 0.2);\n      select(this).attr('opacity', 1);\n      onBoxHover({ box, event });\n    })\n    .on('mousemove', (event: MouseEvent) => {\n      onBoxHover({ box, event });\n    })\n    .on('mouseleave', () => {\n      root.selectAll('.bin-container').attr('opacity', 1);\n      onBoxLeave?.();\n    });\n}\n\nfunction renderHorizontalValueAxis(\n  host: Selection<SVGGElement, unknown, null, undefined>,\n  xScale: ScaleLinear<number, number>,\n  xTicks: number[],\n): void {\n  host\n    .call(\n      axisBottom(xScale)\n        .tickValues(xTicks)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((d) => {\n          const n = Number(d);\n          const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n          return formatCompactNumber(n, decimals);\n        }),\n    )\n    .call((g) => g.select('.domain').attr('stroke', FD.axisStroke));\n\n  host\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize)\n    .attr('text-anchor', 'middle');\n\n  const xTickNodes = host.selectAll<SVGTextElement, number>('text').nodes();\n  if (xTickNodes.length > 0) {\n    select(xTickNodes[0]).attr('text-anchor', 'start');\n    if (xTickNodes.length > 1) {\n      select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n    }\n  }\n}\n\n/**\n * FuseDash Vertical / Horizontal BoxPlot — visual parity via D3.\n * Category bands sized for grouped bins (`BIN_SIZE` × groups + padding).\n */\nexport function renderBoxPlotChart(\n  container: HTMLElement,\n  options: RenderBoxPlotOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin = { ...FD.boxPlotMargin },\n    theme,\n    orientation = model.orientation ?? 'vertical',\n    showGrid = true,\n    xAxisContainer = null,\n    xLabel,\n    yLabel,\n    onBoxHover,\n    onBoxLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  xAxisContainer?.replaceChildren();\n  if (!model.boxes.length || width <= 0 || height <= 0) return;\n\n  const groups = model.groups.length ? model.groups : ['default'];\n  const labels =\n    model.categoryLabels?.length ? model.categoryLabels : collectLabels(model);\n  const horizontal = orientation === 'horizontal';\n  const fixedBottomAxis = horizontal && !!xAxisContainer;\n  const groupCount = groups.length;\n  const groupSpan = boxPlotGroupSpan(groupCount);\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 12),\n  };\n\n  const plotWAvail = width - m.left - m.right;\n  const plotHAvail = fixedBottomAxis\n    ? height - m.top\n    : height - m.top - m.bottom;\n  const minCategorySpan = boxPlotMinCategorySpan(labels.length, groupCount);\n  const plotW = horizontal ? plotWAvail : Math.max(plotWAvail, minCategorySpan);\n  const plotH = horizontal\n    ? fixedBottomAxis\n      ? minCategorySpan\n      : Math.max(plotHAvail, minCategorySpan)\n    : plotHAvail;\n\n  if (plotW < 8 || plotH < 8) return;\n\n  const svgW = horizontal ? width : m.left + plotW + m.right;\n  const svgH = horizontal\n    ? fixedBottomAxis\n      ? m.top + plotH\n      : m.top + plotH + m.bottom\n    : height;\n\n  const [domainMin, domainMax] = boxPlotLinearDomain(model.boxes);\n  const numTicks = calculateNumTicks(height);\n  const groupColorIndex = new Map(groups.map((g, i) => [g, i]));\n\n  const groupScale = scaleBand<string>()\n    .domain(groups)\n    .range([0, groupSpan])\n    .padding(0);\n\n  const groupOffset = (groupKey: string): number =>\n    -groupSpan / 2 + (groupScale(groupKey) ?? 0) + BIN_SIZE / 2;\n\n  container.style.height = `${svgH}px`;\n  container.style.minHeight = `${svgH}px`;\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', svgW)\n    .attr('height', svgH)\n    .attr('role', 'img')\n    .attr('aria-label', 'Box plot chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const plot = svg\n    .append('g')\n    .attr('class', 'plot')\n    .attr('transform', `translate(${m.left},${m.top})`);\n\n  if (!horizontal) {\n    const xScale = scaleBand<string>()\n      .domain(labels)\n      .range([0, plotW])\n      .padding(0);\n\n    const yScale = scaleLinear()\n      .domain([domainMin, domainMax])\n      .nice()\n      .clamp(true)\n      .range([plotH, 0]);\n\n    const groupOffsetX = groupOffset;\n\n    const yTicks = yScale.ticks(numTicks);\n\n    if (showGrid) {\n      const grid = plot.append('g').attr('class', 'grid');\n      for (const cat of labels) {\n        const bx = xScale(cat);\n        if (bx == null) continue;\n        const cx = bx + xScale.bandwidth() / 2;\n        grid\n          .append('line')\n          .attr('x1', cx)\n          .attr('x2', cx)\n          .attr('y1', 0)\n          .attr('y2', plotH)\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n      for (const t of yTicks) {\n        grid\n          .append('line')\n          .attr('x1', 0)\n          .attr('x2', plotW)\n          .attr('y1', yScale(t))\n          .attr('y2', yScale(t))\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n      if (domainMin < 0) {\n        grid\n          .append('line')\n          .attr('x1', 0)\n          .attr('x2', plotW)\n          .attr('y1', yScale(0))\n          .attr('y2', yScale(0))\n          .attr('stroke', FD.gridStroke)\n          .attr('shape-rendering', 'crispEdges');\n      }\n    }\n\n    for (const group of groups) {\n      const gi = groupColorIndex.get(group) ?? 0;\n      const groupX = groupOffsetX(group);\n      for (const box of model.boxes.filter(\n        (b) => (b.group ?? 'default') === group,\n      )) {\n        if (xScale(box.label) == null) continue;\n        const cx =\n          (xScale(box.label) ?? 0) + xScale.bandwidth() / 2 + groupX;\n        const color = resolveGroupColor(gi, box, theme);\n        const yQ1 = yScale(box.q1);\n        const yQ3 = yScale(box.q3);\n        const yMed = yScale(box.median);\n        const yLo = yScale(box.smallestNonOutlier);\n        const yHi = yScale(box.biggestNonOutlier);\n\n        const bin = plot.append('g').attr('class', 'bin-container').attr('opacity', 1);\n\n        bin\n          .append('line')\n          .attr('class', 'bin-range')\n          .attr('x1', cx)\n          .attr('x2', cx)\n          .attr('y1', yHi)\n          .attr('y2', yLo)\n          .attr('stroke', WHISKER_STROKE)\n          .attr('stroke-width', 1);\n\n        const capW = BIN_SIZE / 2 - 2;\n        for (const y of [yLo, yHi]) {\n          bin\n            .append('line')\n            .attr('class', 'bin-limits-line')\n            .attr('x1', cx - capW)\n            .attr('x2', cx + capW)\n            .attr('y1', y)\n            .attr('y2', y)\n            .attr('stroke', WHISKER_STROKE)\n            .attr('stroke-width', 1);\n        }\n\n        bin\n          .append('path')\n          .attr('class', 'bin-quartile')\n          .attr('fill', color)\n          .attr(\n            'd',\n            roundedBoxVertical(cx, yQ3, yQ1, BIN_SIZE, BIN_BORDER_RADIUS),\n          );\n\n        bin\n          .append('line')\n          .attr('class', 'bin-median')\n          .attr('x1', cx - BIN_SIZE / 2 + 2)\n          .attr('x2', cx + BIN_SIZE / 2 - 2)\n          .attr('y1', yMed)\n          .attr('y2', yMed)\n          .attr('stroke', MEDIAN_STROKE)\n          .attr('stroke-width', MEDIAN_STROKE_WIDTH);\n\n        for (const ov of box.outliers ?? []) {\n          if (!Number.isFinite(ov)) continue;\n          bin\n            .append('circle')\n            .attr('class', 'bin-outlier')\n            .attr('cx', cx)\n            .attr('cy', yScale(ov))\n            .attr('r', OUTLIER_RADIUS)\n            .attr('fill', 'transparent')\n            .attr('stroke', WHISKER_STROKE)\n            .attr('stroke-width', 1);\n        }\n\n        attachHover(plot, bin, box, onBoxHover, onBoxLeave);\n      }\n    }\n\n    const xAxis = plot\n      .append('g')\n      .attr('class', 'x-axis')\n      .attr('transform', `translate(0,${plotH})`)\n      .call(axisBottom(xScale).tickSize(0).tickPadding(8));\n    xAxis.select('.domain').attr('stroke', FD.axisStroke);\n    xAxis.selectAll('line').attr('stroke', 'none');\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('text-anchor', 'middle');\n    decorateAxisLabels(xAxis, {\n      slotWidth: xScale.bandwidth(),\n      ...axisLabels,\n    });\n\n    const yAxis = plot\n      .append('g')\n      .attr('class', 'y-axis')\n      .call(\n        axisLeft(yScale)\n          .tickValues(yTicks)\n          .tickSize(5)\n          .tickPadding(6)\n          .tickFormat((d) => {\n            const n = Number(d);\n            const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n            return formatCompactNumber(n, decimals);\n          }),\n      );\n    yAxis.select('.domain').attr('stroke', 'none');\n    yAxis\n      .selectAll('line')\n      .attr('stroke', FD.axisStroke)\n      .attr('stroke-dasharray', '1 2');\n    applyLeftGutterYAxisLabels(yAxis, m.left);\n  } else {\n    const yScale = scaleBand<string>()\n      .domain(labels)\n      .range([0, plotH])\n      .padding(0);\n\n    const xScale = scaleLinear()\n      .domain([domainMin, domainMax])\n      .nice()\n      .clamp(true)\n      .range([0, plotW]);\n\n    const xTicks = xScale.ticks(numTicks);\n\n    if (showGrid) {\n      const grid = plot.append('g').attr('class', 'grid');\n      for (const t of xTicks) {\n        grid\n          .append('line')\n          .attr('x1', xScale(t))\n          .attr('x2', xScale(t))\n          .attr('y1', 0)\n          .attr('y2', plotH)\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n      if (domainMin < 0) {\n        grid\n          .append('line')\n          .attr('x1', xScale(0))\n          .attr('x2', xScale(0))\n          .attr('y1', 0)\n          .attr('y2', plotH)\n          .attr('stroke', FD.gridStroke)\n          .attr('shape-rendering', 'crispEdges');\n      }\n\n      plot\n        .append('g')\n        .attr('class', 'y-grid')\n        .call(\n          axisLeft(yScale)\n            .tickSize(-plotW)\n            .tickFormat(() => ''),\n        )\n        .call((g) => g.select('.domain').remove())\n        .selectAll('line')\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', '1 2')\n        .attr('shape-rendering', 'crispEdges')\n        .attr('transform', `translate(0, ${-yScale.bandwidth() / 2})`);\n    }\n\n    for (const group of groups) {\n      const gi = groupColorIndex.get(group) ?? 0;\n      const groupY = groupOffset(group);\n      for (const box of model.boxes.filter(\n        (b) => (b.group ?? 'default') === group,\n      )) {\n        if (yScale(box.label) == null) continue;\n        const cy =\n          (yScale(box.label) ?? 0) + groupY + yScale.bandwidth() / 2;\n        const color = resolveGroupColor(gi, box, theme);\n        const xQ1 = xScale(box.q1);\n        const xQ3 = xScale(box.q3);\n        const xMed = xScale(box.median);\n        const xLo = xScale(box.smallestNonOutlier);\n        const xHi = xScale(box.biggestNonOutlier);\n\n        const bin = plot.append('g').attr('class', 'bin-container').attr('opacity', 1);\n\n        bin\n          .append('line')\n          .attr('class', 'bin-range')\n          .attr('x1', xLo)\n          .attr('x2', xHi)\n          .attr('y1', cy)\n          .attr('y2', cy)\n          .attr('stroke', WHISKER_STROKE)\n          .attr('stroke-width', 1);\n\n        const capH = BIN_SIZE / 2 - 2;\n        for (const x of [xLo, xHi]) {\n          bin\n            .append('line')\n            .attr('class', 'bin-limits-line')\n            .attr('x1', x)\n            .attr('x2', x)\n            .attr('y1', cy - capH)\n            .attr('y2', cy + capH)\n            .attr('stroke', WHISKER_STROKE)\n            .attr('stroke-width', 1);\n        }\n\n        bin\n          .append('path')\n          .attr('class', 'bin-quartile')\n          .attr('fill', color)\n          .attr(\n            'd',\n            roundedBoxHorizontal(cy, xQ1, xQ3, BIN_SIZE, BIN_BORDER_RADIUS),\n          );\n\n        bin\n          .append('line')\n          .attr('class', 'bin-median')\n          .attr('x1', xMed)\n          .attr('x2', xMed)\n          .attr('y1', cy - BIN_SIZE / 2 + 2)\n          .attr('y2', cy + BIN_SIZE / 2 - 2)\n          .attr('stroke', MEDIAN_STROKE)\n          .attr('stroke-width', MEDIAN_STROKE_WIDTH);\n\n        for (const ov of box.outliers ?? []) {\n          if (!Number.isFinite(ov)) continue;\n          bin\n            .append('circle')\n            .attr('class', 'bin-outlier')\n            .attr('cx', xScale(ov))\n            .attr('cy', cy)\n            .attr('r', OUTLIER_RADIUS)\n            .attr('fill', 'transparent')\n            .attr('stroke', WHISKER_STROKE)\n            .attr('stroke-width', 1);\n        }\n\n        attachHover(plot, bin, box, onBoxHover, onBoxLeave);\n      }\n    }\n\n    const yAxis = plot\n      .append('g')\n      .attr('class', 'y-axis')\n      .call(axisLeft(yScale).tickSize(0).tickPadding(8));\n    yAxis.select('.domain').attr('stroke', FD.axisStroke);\n    applyLeftGutterYAxisLabels(yAxis, m.left, axisLabels);\n\n    if (fixedBottomAxis && xAxisContainer) {\n      const axisSvg = select(xAxisContainer)\n        .append('svg')\n        .attr('width', svgW)\n        .attr('height', m.bottom)\n        .attr('role', 'presentation')\n        .style('display', 'block')\n        .style('font-family', theme.fontFamily);\n\n      renderHorizontalValueAxis(\n        axisSvg\n          .append('g')\n          .attr('class', 'x-axis')\n          .attr('transform', `translate(${m.left},0)`),\n        xScale,\n        xTicks,\n      );\n\n      if (xLabel) {\n        axisSvg\n          .append('text')\n          .attr('x', m.left + plotW / 2)\n          .attr('y', m.bottom - 2)\n          .attr('text-anchor', 'middle')\n          .attr('fill', FD.axisLabelFill)\n          .attr('font-size', FD.axisLabelSize)\n          .text(xLabel);\n      }\n    } else {\n      renderHorizontalValueAxis(\n        plot\n          .append('g')\n          .attr('class', 'x-axis')\n          .attr('transform', `translate(0,${plotH})`),\n        xScale,\n        xTicks,\n      );\n    }\n  }\n\n  if (xLabel && !(horizontal && fixedBottomAxis)) {\n    svg\n      .append('text')\n      .attr('x', m.left + plotW / 2)\n      .attr('y', svgH - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  if (yLabel) {\n    svg\n      .append('text')\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(yLabel);\n  }\n}\n"],"names":["fdSeriesColor"],"mappings":"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"}

package/dist/components/box-plot-chart/render/index.d.ts

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

package/dist/components/box-plot-chart/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/box-plot-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/bubble-chart/element/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const bubbleChartStyles: import('lit').CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/bubble-chart/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA0C7B,CAAC"}

package/dist/components/bubble-chart/element/styles.js

@@ -0,0 +1,48 @@
+import { css } from "lit";
+const bubbleChartStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 10px));
+    white-space: nowrap;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+    text-align: center;
+    padding: 8px;
+  }
+`;
+export {
+  bubbleChartStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/bubble-chart/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/bubble-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const bubbleChartStyles = 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;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\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  .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    text-align: center;\n    padding: 8px;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,oBAAoB;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/bubble-chart/element/ui9000-bubble-chart.d.ts

@@ -0,0 +1,29 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+export declare class Ui9000BubbleChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    private _tooltip;
+    private _empty;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private scheduleDraw;
+    private parseData;
+    private renderLegend;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-bubble-chart': Ui9000BubbleChart;
+    }
+}
+export declare function registerBubbleChart(): void;
+//# sourceMappingURL=ui9000-bubble-chart.d.ts.map

package/dist/components/bubble-chart/element/ui9000-bubble-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-bubble-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble-chart/element/ui9000-bubble-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAa3D,qBACa,iBAAkB,SAAQ,kBAAkB;IACvD,OAAgB,MAAM,4BAAyC;IAG/D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAA0D;IAG1E,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;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IA+CH,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}

package/dist/components/bubble-chart/element/ui9000-bubble-chart.js

@@ -0,0 +1,171 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { renderChartLegend } from "../../../element/chart-legend-render.js";
+import { readThemeFromElement } from "../../../context/widget-context.js";
+import { parseJsonAttr, getBubbleChartDimensions } from "../../../utils/chart-helpers.js";
+import { swatchLegendEntries } from "../../../utils/chart-legend.js";
+import { formatCompactNumber } from "../../../utils/fusedash-visual.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { renderBubbleChart } from "../render/draw.js";
+import { bubbleChartStyles } from "./styles.js";
+import { normalizeBubbleData } from "../lib/normalize.js";
+import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000BubbleChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.scale = "default";
+    this.showGrid = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this._tooltip = null;
+    this._empty = false;
+    this._raf = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());
+    this._resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
+    cancelAnimationFrame(this._raf);
+    super.disconnectedCallback();
+  }
+  updated(changed) {
+    if (chartPropsChanged(changed)) this.scheduleDraw();
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseData() {
+    const raw = parseJsonAttr(this.dataJson, null);
+    return normalizeBubbleData(raw);
+  }
+  renderLegend(model) {
+    if (!this.showLegend || model.groups.length <= 1) return nothing;
+    const theme = readThemeFromElement(this);
+    return renderChartLegend(
+      swatchLegendEntries(
+        model.groups.map((g) => g.label),
+        theme,
+        (_label, index) => {
+          var _a;
+          return ((_a = model.groups[index]) == null ? void 0 : _a.color) ?? theme.primary;
+        }
+      )
+    );
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const model = this.parseData();
+    this._empty = model.points.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    readThemeFromElement(this);
+    const { width, height, margin } = getBubbleChartDimensions(root);
+    renderBubbleChart(root, {
+      model,
+      width,
+      height,
+      margin,
+      showGrid: this.showGrid,
+      showTooltip: this.showTooltip,
+      onHover: this.showTooltip ? ({ point, event }) => {
+        var _a2, _b, _c, _d, _e, _f;
+        const rect = this.getBoundingClientRect();
+        const xLabel = ((_b = (_a2 = model.axisDetails) == null ? void 0 : _a2[model.xField]) == null ? void 0 : _b.label) ?? model.xField;
+        const yLabel = ((_d = (_c = model.axisDetails) == null ? void 0 : _c[model.yField]) == null ? void 0 : _d.label) ?? model.yField;
+        const lines = [
+          `${xLabel}: ${formatCompactNumber(point.x)}`,
+          `${yLabel}: ${formatCompactNumber(point.y)}`
+        ];
+        if (model.groupField) {
+          const groupLabel = ((_f = (_e = model.axisDetails) == null ? void 0 : _e[model.groupField]) == null ? void 0 : _f.label) ?? model.groupField;
+          lines.push(`${groupLabel}: ${point.groupKey}`);
+        }
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          lines
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    const title = this.headerTitle();
+    const model = this._empty ? null : this.parseData();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          ${model ? this.renderLegend(model) : nothing}
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this._empty ? html`<div class="empty" part="empty">
+                Bubble chart requires two numeric fields. Pick numeric X and Y axes.
+              </div>` : nothing}
+          ${this._tooltip ? html`<div
+                class="tooltip"
+                part="tooltip"
+                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+              >
+                ${this._tooltip.lines.map((line) => html`<div>${line}</div>`)}
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000BubbleChart.styles = [bubbleChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000BubbleChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000BubbleChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000BubbleChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000BubbleChart.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000BubbleChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000BubbleChart.prototype, "_empty", 2);
+Ui9000BubbleChart = __decorateClass([
+  customElement("ui9000-bubble-chart")
+], Ui9000BubbleChart);
+function registerBubbleChart() {
+  if (!customElements.get("ui9000-bubble-chart")) {
+    customElements.define("ui9000-bubble-chart", Ui9000BubbleChart);
+  }
+}
+registerBubbleChart();
+export {
+  Ui9000BubbleChart,
+  registerBubbleChart
+};
+//# sourceMappingURL=ui9000-bubble-chart.js.map