@fusedashlabs/widgets 0.2.0

package/dist/components/violin-chart/render/draw.js

@@ -0,0 +1,195 @@
+import { axisBottom, axisLeft } from "d3-axis";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { area, curveCatmullRom } from "d3-shape";
+import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, calculateNumTicks, formatCompactNumber, seriesColor } from "../../../utils/fusedash-visual.js";
+import { collectValueExtent, sampleExtent } from "../lib/domain.js";
+import { densityGrid, silvermanBandwidth, kde, quantile } from "../lib/stats.js";
+const BAND_PADDING = 0.2;
+const FILL_OPACITY = 0.18;
+const BOX_OPACITY = 0.25;
+const AXIS_TICK_STROKE = "#939ba7";
+const BOTTOM_TICK_PAD = 8;
+const MAX_CATEGORY_LABEL = 25;
+const MAX_HORIZONTAL_Y_LABEL = 5;
+function resolveColor(group, index, theme) {
+  if (group.color) return group.color;
+  if (index === 0 && theme.primary) return theme.primary;
+  if (index === 1 && theme.secondary) return theme.secondary;
+  return seriesColor(index);
+}
+function maxDensity(densities) {
+  let m = 0;
+  for (const d of densities) {
+    if (d.y > m) m = d.y;
+  }
+  return m || 1;
+}
+function drawBoxOverlayVertical(g, samples, cx, bandwidth, yScale, color) {
+  const q1 = quantile(samples, 0.25);
+  const q2 = quantile(samples, 0.5);
+  const q3 = quantile(samples, 0.75);
+  const vmin = Math.min(...samples);
+  const vmax = Math.max(...samples);
+  const bw = Math.min(18, bandwidth * 0.5);
+  g.append("rect").attr("x", cx - bw / 2).attr("width", bw).attr("y", yScale(q3)).attr("height", Math.max(1, yScale(q1) - yScale(q3))).attr("fill", color).attr("opacity", BOX_OPACITY).attr("stroke", color);
+  g.append("line").attr("x1", cx - bw / 2 + 2).attr("x2", cx + bw / 2 - 2).attr("y1", yScale(q2)).attr("y2", yScale(q2)).attr("stroke", color).attr("stroke-width", 1);
+  g.append("line").attr("x1", cx).attr("x2", cx).attr("y1", yScale(vmax)).attr("y2", yScale(vmin)).attr("stroke", color).attr("stroke-width", 1);
+  const cap = Math.min(6, bw / 2);
+  g.append("line").attr("x1", cx - cap).attr("x2", cx + cap).attr("y1", yScale(vmax)).attr("y2", yScale(vmax)).attr("stroke", color).attr("stroke-width", 1);
+  g.append("line").attr("x1", cx - cap).attr("x2", cx + cap).attr("y1", yScale(vmin)).attr("y2", yScale(vmin)).attr("stroke", color).attr("stroke-width", 1);
+}
+function drawBoxOverlayHorizontal(g, samples, cy, bandwidth, xScale, color) {
+  const q1 = quantile(samples, 0.25);
+  const q2 = quantile(samples, 0.5);
+  const q3 = quantile(samples, 0.75);
+  const vmin = Math.min(...samples);
+  const vmax = Math.max(...samples);
+  const bh = Math.min(18, bandwidth * 0.5);
+  g.append("rect").attr("y", cy - bh / 2).attr("height", bh).attr("x", xScale(q1)).attr("width", Math.max(1, xScale(q3) - xScale(q1))).attr("fill", color).attr("opacity", BOX_OPACITY).attr("stroke", color);
+  g.append("line").attr("y1", cy - bh / 2 + 2).attr("y2", cy + bh / 2 - 2).attr("x1", xScale(q2)).attr("x2", xScale(q2)).attr("stroke", color).attr("stroke-width", 1);
+  g.append("line").attr("y1", cy).attr("y2", cy).attr("x1", xScale(vmin)).attr("x2", xScale(vmax)).attr("stroke", color).attr("stroke-width", 1);
+  const cap = Math.min(6, bh / 2);
+  g.append("line").attr("x1", xScale(vmin)).attr("x2", xScale(vmin)).attr("y1", cy - cap).attr("y2", cy + cap).attr("stroke", color).attr("stroke-width", 1);
+  g.append("line").attr("x1", xScale(vmax)).attr("x2", xScale(vmax)).attr("y1", cy - cap).attr("y2", cy + cap).attr("stroke", color).attr("stroke-width", 1);
+}
+function appendYTickLines(plot) {
+  plot.selectAll(".y-axis .tick").append("line").attr("class", "tick-line").attr("x1", -8).attr("x2", 0).attr("y1", 0).attr("y2", 0).attr("stroke", AXIS_TICK_STROKE).attr("stroke-width", "1px");
+}
+function renderViolinChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    theme,
+    orientation = model.orientation ?? "vertical",
+    showGrid = true,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  const defaultMargin = orientation === "horizontal" ? FD.violinHorizontalMargin : FD.violinVerticalMargin;
+  const margin = options.margin ?? { ...defaultMargin };
+  container.replaceChildren();
+  if (!model.groups.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 plotW = width - m.left - m.right;
+  const plotH = height - m.top - m.bottom;
+  if (plotW < 8 || plotH < 8) return;
+  const groupIds = model.groups.map((g) => g.id);
+  const [vmin, vmax] = collectValueExtent(model.groups);
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Violin chart").style("display", "block").style("font-family", theme.fontFamily);
+  const plot = svg.append("g").attr("transform", `translate(${m.left},${m.top})`);
+  const axisHandlers = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  if (orientation === "vertical") {
+    const xScale = scaleBand().domain(groupIds).range([0, plotW]).padding(BAND_PADDING);
+    const yScale = scaleLinear().domain([vmin, vmax]).nice().range([plotH, 0]);
+    const xWidth = scaleLinear().domain([0, 1]).range([0, (xScale.bandwidth() || 20) / 2]);
+    if (showGrid) {
+      const numTicks = Math.max(2, Math.round(plotH / 60));
+      plot.append("g").attr("class", "grid-y").selectAll("line").data(yScale.ticks(numTicks)).join("line").attr("x1", 0).attr("x2", plotW).attr("y1", (d) => yScale(d)).attr("y2", (d) => yScale(d)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+      plot.append("g").attr("class", "grid-x").call(
+        axisBottom(xScale).tickSize(plotH).tickFormat(() => "")
+      ).call((g) => g.select(".domain").remove()).selectAll("line").attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", 1).attr("shape-rendering", "crispEdges");
+    }
+    const xAxis = plot.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotH})`).call(
+      axisBottom(xScale).tickSizeOuter(0).tickSize(0).tickPadding(BOTTOM_TICK_PAD)
+    ).call((g) => g.selectAll(".domain").attr("stroke", FD.axisStroke));
+    xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+    decorateAxisLabels(xAxis, {
+      maxLength: MAX_CATEGORY_LABEL,
+      slotWidth: xScale.bandwidth(),
+      ...axisHandlers
+    });
+    const yAxis = plot.append("g").attr("class", "y-axis").call(
+      axisLeft(yScale).ticks(calculateNumTicks(plotH)).tickSize(0).tickPadding(8).tickFormat((d) => formatCompactNumber(Number(d)))
+    ).call((g) => g.select(".domain").remove());
+    applyLeftGutterYAxisLabels(yAxis, m.left, {
+      maxLength: MAX_CATEGORY_LABEL,
+      ...axisHandlers
+    });
+    appendYTickLines(plot);
+    model.groups.forEach((group, gi) => {
+      const color = resolveColor(group, gi, theme);
+      const samples = group.samples;
+      const ext = sampleExtent(samples);
+      if (!ext) return;
+      const [lo, hi] = ext;
+      const grid = densityGrid(lo, hi, 40);
+      const h = silvermanBandwidth(samples, lo, hi);
+      const densities = kde(samples, h, grid);
+      const maxD = maxDensity(densities);
+      const centerX = (xScale(group.id) || 0) + xScale.bandwidth() / 2;
+      const shape = area().x0((d) => centerX - xWidth(d.y / maxD)).x1((d) => centerX + xWidth(d.y / maxD)).y((d) => yScale(d.x)).curve(curveCatmullRom.alpha(0.6));
+      plot.append("path").datum(densities).attr("d", shape).attr("fill", color).attr("opacity", FILL_OPACITY).attr("stroke", color).attr("stroke-width", 1);
+      drawBoxOverlayVertical(
+        plot,
+        samples,
+        centerX,
+        xScale.bandwidth(),
+        yScale,
+        color
+      );
+    });
+  } else {
+    const yScale = scaleBand().domain(groupIds).range([0, plotH]).padding(BAND_PADDING);
+    const xScale = scaleLinear().domain([vmin, vmax]).nice().range([0, plotW]);
+    const yWidth = scaleLinear().domain([0, 1]).range([0, (yScale.bandwidth() || 20) / 2]);
+    if (showGrid) {
+      const numTicks = Math.max(2, Math.round(plotW / 80));
+      plot.append("g").attr("class", "grid-x").selectAll("line").data(xScale.ticks(numTicks)).join("line").attr("x1", (d) => xScale(d)).attr("x2", (d) => xScale(d)).attr("y1", 0).attr("y2", plotH).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+      plot.append("g").attr("class", "grid-y").call(
+        axisLeft(yScale).tickSize(-plotW).tickFormat(() => "")
+      ).call((g) => g.select(".domain").remove()).selectAll("line").attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", 1).attr("shape-rendering", "crispEdges");
+    }
+    const xAxis = plot.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotH})`).call(
+      axisBottom(xScale).ticks(calculateNumTicks(plotW)).tickSizeOuter(0).tickSize(0).tickPadding(BOTTOM_TICK_PAD).tickFormat((d) => formatCompactNumber(Number(d)))
+    ).call((g) => g.selectAll(".domain").attr("stroke", FD.axisStroke));
+    xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+    decorateAxisLabels(xAxis, {
+      maxLength: MAX_HORIZONTAL_Y_LABEL,
+      ...axisHandlers
+    });
+    const yAxis = plot.append("g").attr("class", "y-axis").call(axisLeft(yScale).tickSize(0).tickPadding(8)).call((g) => g.select(".domain").remove());
+    applyLeftGutterYAxisLabels(yAxis, m.left, {
+      maxLength: MAX_HORIZONTAL_Y_LABEL,
+      slotWidth: void 0,
+      ...axisHandlers
+    });
+    appendYTickLines(plot);
+    model.groups.forEach((group, gi) => {
+      const color = resolveColor(group, gi, theme);
+      const samples = group.samples;
+      const ext = sampleExtent(samples);
+      if (!ext) return;
+      const [lo, hi] = ext;
+      const grid = densityGrid(lo, hi, 40);
+      const h = silvermanBandwidth(samples, lo, hi);
+      const densities = kde(samples, h, grid);
+      const maxD = maxDensity(densities);
+      const centerY = (yScale(group.id) || 0) + yScale.bandwidth() / 2;
+      const shape = area().y0((d) => centerY - yWidth(d.y / maxD)).y1((d) => centerY + yWidth(d.y / maxD)).x((d) => xScale(d.x)).curve(curveCatmullRom.alpha(0.6));
+      plot.append("path").datum(densities).attr("d", shape).attr("fill", color).attr("opacity", FILL_OPACITY).attr("stroke", color).attr("stroke-width", 1);
+      drawBoxOverlayHorizontal(
+        plot,
+        samples,
+        centerY,
+        yScale.bandwidth(),
+        xScale,
+        color
+      );
+    });
+  }
+}
+export {
+  renderViolinChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/violin-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/violin-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\nimport { area, curveCatmullRom } from 'd3-shape';\n\ntype PlotG = Selection<SVGGElement, unknown, null, undefined>;\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  collectValueExtent,\n  densityGrid,\n  kde,\n  quantile,\n  sampleExtent,\n  silvermanBandwidth,\n  type ViolinGroup,\n  type ViolinModel,\n  type ViolinOrientation,\n} from '../lib/index.js';\n\nexport interface RenderViolinOptions extends AxisLabelTooltipHandlers {\n  model: ViolinModel;\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  orientation?: ViolinOrientation;\n  showGrid?: boolean;\n  xLabel?: string;\n  yLabel?: string;\n}\n\nconst BAND_PADDING = 0.2;\nconst FILL_OPACITY = 0.18;\nconst BOX_OPACITY = 0.25;\nconst AXIS_TICK_STROKE = '#939ba7';\nconst BOTTOM_TICK_PAD = 8;\nconst MAX_CATEGORY_LABEL = 25;\nconst MAX_HORIZONTAL_Y_LABEL = 5;\n\nfunction resolveColor(\n  group: ViolinGroup,\n  index: number,\n  theme: WidgetTheme,\n): string {\n  if (group.color) return group.color;\n  if (index === 0 && theme.primary) return theme.primary;\n  if (index === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(index);\n}\n\nfunction maxDensity(densities: Array<{ x: number; y: number }>): number {\n  let m = 0;\n  for (const d of densities) {\n    if (d.y > m) m = d.y;\n  }\n  return m || 1;\n}\n\nfunction drawBoxOverlayVertical(\n  g: PlotG,\n  samples: number[],\n  cx: number,\n  bandwidth: number,\n  yScale: (v: number) => number,\n  color: string,\n): void {\n  const q1 = quantile(samples, 0.25);\n  const q2 = quantile(samples, 0.5);\n  const q3 = quantile(samples, 0.75);\n  const vmin = Math.min(...samples);\n  const vmax = Math.max(...samples);\n  const bw = Math.min(18, bandwidth * 0.5);\n\n  g.append('rect')\n    .attr('x', cx - bw / 2)\n    .attr('width', bw)\n    .attr('y', yScale(q3))\n    .attr('height', Math.max(1, yScale(q1) - yScale(q3)))\n    .attr('fill', color)\n    .attr('opacity', BOX_OPACITY)\n    .attr('stroke', color);\n\n  g.append('line')\n    .attr('x1', cx - bw / 2 + 2)\n    .attr('x2', cx + bw / 2 - 2)\n    .attr('y1', yScale(q2))\n    .attr('y2', yScale(q2))\n    .attr('stroke', color)\n    .attr('stroke-width', 1);\n\n  g.append('line')\n    .attr('x1', cx)\n    .attr('x2', cx)\n    .attr('y1', yScale(vmax))\n    .attr('y2', yScale(vmin))\n    .attr('stroke', color)\n    .attr('stroke-width', 1);\n\n  const cap = Math.min(6, bw / 2);\n  g.append('line')\n    .attr('x1', cx - cap)\n    .attr('x2', cx + cap)\n    .attr('y1', yScale(vmax))\n    .attr('y2', yScale(vmax))\n    .attr('stroke', color)\n    .attr('stroke-width', 1);\n  g.append('line')\n    .attr('x1', cx - cap)\n    .attr('x2', cx + cap)\n    .attr('y1', yScale(vmin))\n    .attr('y2', yScale(vmin))\n    .attr('stroke', color)\n    .attr('stroke-width', 1);\n}\n\nfunction drawBoxOverlayHorizontal(\n  g: PlotG,\n  samples: number[],\n  cy: number,\n  bandwidth: number,\n  xScale: (v: number) => number,\n  color: string,\n): void {\n  const q1 = quantile(samples, 0.25);\n  const q2 = quantile(samples, 0.5);\n  const q3 = quantile(samples, 0.75);\n  const vmin = Math.min(...samples);\n  const vmax = Math.max(...samples);\n  const bh = Math.min(18, bandwidth * 0.5);\n\n  g.append('rect')\n    .attr('y', cy - bh / 2)\n    .attr('height', bh)\n    .attr('x', xScale(q1))\n    .attr('width', Math.max(1, xScale(q3) - xScale(q1)))\n    .attr('fill', color)\n    .attr('opacity', BOX_OPACITY)\n    .attr('stroke', color);\n\n  g.append('line')\n    .attr('y1', cy - bh / 2 + 2)\n    .attr('y2', cy + bh / 2 - 2)\n    .attr('x1', xScale(q2))\n    .attr('x2', xScale(q2))\n    .attr('stroke', color)\n    .attr('stroke-width', 1);\n\n  g.append('line')\n    .attr('y1', cy)\n    .attr('y2', cy)\n    .attr('x1', xScale(vmin))\n    .attr('x2', xScale(vmax))\n    .attr('stroke', color)\n    .attr('stroke-width', 1);\n\n  const cap = Math.min(6, bh / 2);\n  g.append('line')\n    .attr('x1', xScale(vmin))\n    .attr('x2', xScale(vmin))\n    .attr('y1', cy - cap)\n    .attr('y2', cy + cap)\n    .attr('stroke', color)\n    .attr('stroke-width', 1);\n  g.append('line')\n    .attr('x1', xScale(vmax))\n    .attr('x2', xScale(vmax))\n    .attr('y1', cy - cap)\n    .attr('y2', cy + cap)\n    .attr('stroke', color)\n    .attr('stroke-width', 1);\n}\n\nfunction appendYTickLines(plot: PlotG): void {\n  plot\n    .selectAll('.y-axis .tick')\n    .append('line')\n    .attr('class', 'tick-line')\n    .attr('x1', -8)\n    .attr('x2', 0)\n    .attr('y1', 0)\n    .attr('y2', 0)\n    .attr('stroke', AXIS_TICK_STROKE)\n    .attr('stroke-width', '1px');\n}\n\n/**\n * FuseDash Vertical / Horizontal ViolinChart — KDE area + box overlay.\n * Coordinate system: translate(margin) then plot-local scales (client parity).\n */\nexport function renderViolinChart(\n  container: HTMLElement,\n  options: RenderViolinOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    theme,\n    orientation = model.orientation ?? 'vertical',\n    showGrid = true,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const defaultMargin =\n    orientation === 'horizontal'\n      ? FD.violinHorizontalMargin\n      : FD.violinVerticalMargin;\n  const margin = options.margin ?? { ...defaultMargin };\n\n  container.replaceChildren();\n  if (!model.groups.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\n  const plotW = width - m.left - m.right;\n  const plotH = height - m.top - m.bottom;\n  if (plotW < 8 || plotH < 8) return;\n\n  const groupIds = model.groups.map((g) => g.id);\n  const [vmin, vmax] = collectValueExtent(model.groups);\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', 'Violin chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const plot = svg\n    .append('g')\n    .attr('transform', `translate(${m.left},${m.top})`);\n\n  const axisHandlers: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  if (orientation === 'vertical') {\n    const xScale = scaleBand<string>()\n      .domain(groupIds)\n      .range([0, plotW])\n      .padding(BAND_PADDING);\n    const yScale = scaleLinear()\n      .domain([vmin, vmax])\n      .nice()\n      .range([plotH, 0]);\n    const xWidth = scaleLinear()\n      .domain([0, 1])\n      .range([0, (xScale.bandwidth() || 20) / 2]);\n\n    if (showGrid) {\n      const numTicks = Math.max(2, Math.round(plotH / 60));\n      plot\n        .append('g')\n        .attr('class', 'grid-y')\n        .selectAll('line')\n        .data(yScale.ticks(numTicks))\n        .join('line')\n        .attr('x1', 0)\n        .attr('x2', plotW)\n        .attr('y1', (d) => yScale(d))\n        .attr('y2', (d) => yScale(d))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n\n      plot\n        .append('g')\n        .attr('class', 'grid-x')\n        .call(\n          axisBottom(xScale)\n            .tickSize(plotH)\n            .tickFormat(() => ''),\n        )\n        .call((g) => g.select('.domain').remove())\n        .selectAll('line')\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('stroke-width', 1)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const xAxis = plot\n      .append('g')\n      .attr('class', 'x-axis')\n      .attr('transform', `translate(0,${plotH})`)\n      .call(\n        axisBottom(xScale)\n          .tickSizeOuter(0)\n          .tickSize(0)\n          .tickPadding(BOTTOM_TICK_PAD),\n      )\n      .call((g) => g.selectAll('.domain').attr('stroke', FD.axisStroke));\n\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize);\n    decorateAxisLabels(xAxis, {\n      maxLength: MAX_CATEGORY_LABEL,\n      slotWidth: xScale.bandwidth(),\n      ...axisHandlers,\n    });\n\n    const yAxis = plot\n      .append('g')\n      .attr('class', 'y-axis')\n      .call(\n        axisLeft(yScale)\n          .ticks(calculateNumTicks(plotH))\n          .tickSize(0)\n          .tickPadding(8)\n          .tickFormat((d) => formatCompactNumber(Number(d))),\n      )\n      .call((g) => g.select('.domain').remove());\n\n    applyLeftGutterYAxisLabels(yAxis, m.left, {\n      maxLength: MAX_CATEGORY_LABEL,\n      ...axisHandlers,\n    });\n    appendYTickLines(plot);\n\n    model.groups.forEach((group, gi) => {\n      const color = resolveColor(group, gi, theme);\n      const samples = group.samples;\n      const ext = sampleExtent(samples);\n      if (!ext) return;\n      const [lo, hi] = ext;\n      const grid = densityGrid(lo, hi, 40);\n      const h = silvermanBandwidth(samples, lo, hi);\n      const densities = kde(samples, h, grid);\n      const maxD = maxDensity(densities);\n      const centerX = (xScale(group.id) || 0) + xScale.bandwidth() / 2;\n\n      const shape = area<{ x: number; y: number }>()\n        .x0((d) => centerX - xWidth(d.y / maxD))\n        .x1((d) => centerX + xWidth(d.y / maxD))\n        .y((d) => yScale(d.x))\n        .curve(curveCatmullRom.alpha(0.6));\n\n      plot\n        .append('path')\n        .datum(densities)\n        .attr('d', shape)\n        .attr('fill', color)\n        .attr('opacity', FILL_OPACITY)\n        .attr('stroke', color)\n        .attr('stroke-width', 1);\n\n      drawBoxOverlayVertical(\n        plot,\n        samples,\n        centerX,\n        xScale.bandwidth(),\n        yScale,\n        color,\n      );\n    });\n  } else {\n    const yScale = scaleBand<string>()\n      .domain(groupIds)\n      .range([0, plotH])\n      .padding(BAND_PADDING);\n    const xScale = scaleLinear()\n      .domain([vmin, vmax])\n      .nice()\n      .range([0, plotW]);\n    const yWidth = scaleLinear()\n      .domain([0, 1])\n      .range([0, (yScale.bandwidth() || 20) / 2]);\n\n    if (showGrid) {\n      const numTicks = Math.max(2, Math.round(plotW / 80));\n      plot\n        .append('g')\n        .attr('class', 'grid-x')\n        .selectAll('line')\n        .data(xScale.ticks(numTicks))\n        .join('line')\n        .attr('x1', (d) => xScale(d))\n        .attr('x2', (d) => xScale(d))\n        .attr('y1', 0)\n        .attr('y2', plotH)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n\n      plot\n        .append('g')\n        .attr('class', 'grid-y')\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', FD.gridDash)\n        .attr('stroke-width', 1)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const xAxis = plot\n      .append('g')\n      .attr('class', 'x-axis')\n      .attr('transform', `translate(0,${plotH})`)\n      .call(\n        axisBottom(xScale)\n          .ticks(calculateNumTicks(plotW))\n          .tickSizeOuter(0)\n          .tickSize(0)\n          .tickPadding(BOTTOM_TICK_PAD)\n          .tickFormat((d) => formatCompactNumber(Number(d))),\n      )\n      .call((g) => g.selectAll('.domain').attr('stroke', FD.axisStroke));\n\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize);\n    decorateAxisLabels(xAxis, {\n      maxLength: MAX_HORIZONTAL_Y_LABEL,\n      ...axisHandlers,\n    });\n\n    const yAxis = plot\n      .append('g')\n      .attr('class', 'y-axis')\n      .call(axisLeft(yScale).tickSize(0).tickPadding(8))\n      .call((g) => g.select('.domain').remove());\n\n    applyLeftGutterYAxisLabels(yAxis, m.left, {\n      maxLength: MAX_HORIZONTAL_Y_LABEL,\n      slotWidth: undefined,\n      ...axisHandlers,\n    });\n    appendYTickLines(plot);\n\n    model.groups.forEach((group, gi) => {\n      const color = resolveColor(group, gi, theme);\n      const samples = group.samples;\n      const ext = sampleExtent(samples);\n      if (!ext) return;\n      const [lo, hi] = ext;\n      const grid = densityGrid(lo, hi, 40);\n      const h = silvermanBandwidth(samples, lo, hi);\n      const densities = kde(samples, h, grid);\n      const maxD = maxDensity(densities);\n      const centerY = (yScale(group.id) || 0) + yScale.bandwidth() / 2;\n\n      const shape = area<{ x: number; y: number }>()\n        .y0((d) => centerY - yWidth(d.y / maxD))\n        .y1((d) => centerY + yWidth(d.y / maxD))\n        .x((d) => xScale(d.x))\n        .curve(curveCatmullRom.alpha(0.6));\n\n      plot\n        .append('path')\n        .datum(densities)\n        .attr('d', shape)\n        .attr('fill', color)\n        .attr('opacity', FILL_OPACITY)\n        .attr('stroke', color)\n        .attr('stroke-width', 1);\n\n      drawBoxOverlayHorizontal(\n        plot,\n        samples,\n        centerY,\n        yScale.bandwidth(),\n        xScale,\n        color,\n      );\n    });\n  }\n}\n"],"names":["fdSeriesColor"],"mappings":"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"}

package/dist/components/violin-chart/render/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+import { css } from "lit";
+const waterfallStyles = 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;
+  }
+  .tooltip .name {
+    font-weight: 600;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  waterfallStyles
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/waterfall-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const waterfallStyles = 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  .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,kBAAkB;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/waterfall-chart/element/ui9000-waterfall-chart.d.ts

@@ -0,0 +1,33 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WaterfallOrientation } from '../lib/index.js';
+export declare class Ui9000WaterfallChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    /** Client WaterfallChart: horizontal (default mock) | vertical. */
+    orientation: WaterfallOrientation;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    xLabel: string;
+    yLabel: string;
+    private _tooltip;
+    private _empty;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    firstUpdated(): void;
+    private scheduleDraw;
+    private parseData;
+    private renderLegend;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-waterfall-chart': Ui9000WaterfallChart;
+    }
+}
+export declare function registerWaterfallChart(): void;
+//# sourceMappingURL=ui9000-waterfall-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-waterfall-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/waterfall-chart/element/ui9000-waterfall-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAM7F,OAAO,EAIL,KAAK,oBAAoB,EAE1B,MAAM,iBAAiB,CAAC;AAIzB,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAAuC;IAE7D,mEAAmE;IAEnE,WAAW,EAAE,oBAAoB,CAAgB;IAGjD,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAQA;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;IAItC,YAAY,IAAI,IAAI;IAK7B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,IAAI;IAkDH,MAAM;CA8BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}

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

@@ -0,0 +1,182 @@
+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, getWaterfallDimensions } from "../../../utils/chart-helpers.js";
+import { swatchLegendEntries } from "../../../utils/chart-legend.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { renderWaterfallChart } from "../render/draw.js";
+import { waterfallStyles } from "./styles.js";
+import { normalizeWaterfallData } 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 Ui9000WaterfallChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.orientation = "horizontal";
+    this.showGrid = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this.xLabel = "";
+    this.yLabel = "";
+    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();
+  }
+  firstUpdated() {
+    var _a, _b;
+    const body = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".widget-body");
+    if (body instanceof HTMLElement) (_b = this._resizeObserver) == null ? void 0 : _b.observe(body);
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseData() {
+    const raw = parseJsonAttr(this.dataJson, []);
+    const model = normalizeWaterfallData(raw);
+    if (this.orientation === "horizontal" || this.orientation === "vertical") {
+      return { ...model, orientation: this.orientation };
+    }
+    return model;
+  }
+  renderLegend(model) {
+    if (!this.showLegend || model.steps.length === 0) return nothing;
+    const theme = readThemeFromElement(this);
+    const keys = ["positive", "negative"];
+    const colors = [model.colors.positive, model.colors.negative];
+    return renderChartLegend(
+      swatchLegendEntries(keys, theme, (_k, i) => colors[i])
+    );
+  }
+  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.steps.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const orientation = this.orientation;
+    const { width, height, margin } = getWaterfallDimensions(root, orientation);
+    renderWaterfallChart(root, {
+      model,
+      width,
+      height,
+      margin,
+      theme,
+      orientation,
+      showGrid: this.showGrid,
+      xLabel: this.xLabel || void 0,
+      yLabel: this.yLabel || void 0,
+      ...this.axisLabelHandlers(),
+      onStepHover: this.showTooltip ? ({ step, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          label: step.label,
+          start: step.start,
+          end: step.end,
+          difference: step.difference,
+          vector: step.vector
+        };
+      } : void 0,
+      onStepLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    const title = this.headerTitle();
+    const model = this.parseData();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          ${this.renderLegend(model)}
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
+          ${this._tooltip ? html`<div
+                class="tooltip"
+                part="tooltip"
+                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+              >
+                <div class="name">${this._tooltip.label}</div>
+                <div>Start: ${this._tooltip.start}</div>
+                <div>End: ${this._tooltip.end}</div>
+                <div>Difference: ${this._tooltip.difference}</div>
+                <div>Vector: ${this._tooltip.vector}</div>
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000WaterfallChart.styles = [waterfallStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String })
+], Ui9000WaterfallChart.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000WaterfallChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000WaterfallChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000WaterfallChart.prototype, "showTooltip", 2);
+__decorateClass([
+  property({ type: String, attribute: "x-label" })
+], Ui9000WaterfallChart.prototype, "xLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "y-label" })
+], Ui9000WaterfallChart.prototype, "yLabel", 2);
+__decorateClass([
+  state()
+], Ui9000WaterfallChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000WaterfallChart.prototype, "_empty", 2);
+Ui9000WaterfallChart = __decorateClass([
+  customElement("ui9000-waterfall-chart")
+], Ui9000WaterfallChart);
+function registerWaterfallChart() {
+  if (!customElements.get("ui9000-waterfall-chart")) {
+    customElements.define("ui9000-waterfall-chart", Ui9000WaterfallChart);
+  }
+}
+registerWaterfallChart();
+export {
+  Ui9000WaterfallChart,
+  registerWaterfallChart
+};
+//# sourceMappingURL=ui9000-waterfall-chart.js.map

package/dist/components/waterfall-chart/element/ui9000-waterfall-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-waterfall-chart.js","sources":["../../../../src/components/waterfall-chart/element/ui9000-waterfall-chart.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 { getWaterfallDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizeWaterfallData,\n  type WaterfallChartData,\n  type WaterfallModel,\n  type WaterfallOrientation,\n  type WaterfallStep,\n} from '../lib/index.js';\nimport { renderWaterfallChart } from '../render/draw.js';\nimport { waterfallStyles } from './styles.js';\n\n@customElement('ui9000-waterfall-chart')\nexport class Ui9000WaterfallChart extends Ui9000ChartElement {\n  static override styles = [waterfallStyles, chartShellStyles];\n\n  /** Client WaterfallChart: horizontal (default mock) | vertical. */\n  @property({ type: String })\n  orientation: WaterfallOrientation = 'horizontal';\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    label: string;\n    start: number;\n    end: number;\n    difference: number;\n    vector: string;\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  override firstUpdated(): void {\n    const body = this.shadowRoot?.querySelector('.widget-body');\n    if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): WaterfallModel {\n    const raw = parseJsonAttr<WaterfallChartData>(this.dataJson, [] as never);\n    const model = normalizeWaterfallData(raw);\n    if (this.orientation === 'horizontal' || this.orientation === 'vertical') {\n      return { ...model, orientation: this.orientation };\n    }\n    return model;\n  }\n\n  private renderLegend(model: WaterfallModel) {\n    if (!this.showLegend || model.steps.length === 0) return nothing;\n    const theme = readThemeFromElement(this);\n    const keys = ['positive', 'negative'];\n    const colors = [model.colors.positive, model.colors.negative];\n    return renderChartLegend(\n      swatchLegendEntries(keys, theme, (_k, i) => colors[i]!),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as\n      | HTMLElement\n      | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.steps.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const orientation = this.orientation;\n    const { width, height, margin } = getWaterfallDimensions(root, orientation);\n\n    renderWaterfallChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      orientation,\n      showGrid: this.showGrid,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onStepHover: this.showTooltip\n        ? ({ step, event }: { step: WaterfallStep; event: MouseEvent }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              label: step.label,\n              start: step.start,\n              end: step.end,\n              difference: step.difference,\n              vector: step.vector,\n            };\n          }\n        : undefined,\n      onStepLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend(model)}\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.label}</div>\n                <div>Start: ${this._tooltip.start}</div>\n                <div>End: ${this._tooltip.end}</div>\n                <div>Difference: ${this._tooltip.difference}</div>\n                <div>Vector: ${this._tooltip.vector}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-waterfall-chart': Ui9000WaterfallChart;\n  }\n}\n\nexport function registerWaterfallChart(): void {\n  if (!customElements.get('ui9000-waterfall-chart')) {\n    customElements.define('ui9000-waterfall-chart', Ui9000WaterfallChart);\n  }\n}\n\nregisterWaterfallChart();\n"],"names":[],"mappings":"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"}

package/dist/components/waterfall-chart/index.d.ts

@@ -0,0 +1,5 @@
+export { Ui9000WaterfallChart, registerWaterfallChart, } from './element/ui9000-waterfall-chart.js';
+export { renderWaterfallChart } from './render/draw.js';
+export { normalizeWaterfallData, collectLabels, collectValueExtent, waterfallLinearDomain, formatCompact, formatSignedDiff, type WaterfallOrientation, type WaterfallVector, type WaterfallKind, type WaterfallSourcePath, type WaterfallStep, type WaterfallColors, type WaterfallModel, type WaterfallStepInput, type WaterfallStepsPayload, type WaterfallChartData, } from './lib/index.js';
+export { default as waterfallChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/waterfall-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/waterfall-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/waterfall-chart/index.js

@@ -0,0 +1,20 @@
+import { registerWaterfallChart } from "./element/ui9000-waterfall-chart.js";
+import { Ui9000WaterfallChart } from "./element/ui9000-waterfall-chart.js";
+import { renderWaterfallChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { collectLabels, collectValueExtent, waterfallLinearDomain } from "./lib/domain.js";
+import { formatCompact, formatSignedDiff } from "./lib/format.js";
+import { normalizeWaterfallData } from "./lib/normalize.js";
+export {
+  Ui9000WaterfallChart,
+  collectLabels,
+  collectValueExtent,
+  formatCompact,
+  formatSignedDiff,
+  normalizeWaterfallData,
+  registerWaterfallChart,
+  renderWaterfallChart,
+  default2 as waterfallChartMetadata,
+  waterfallLinearDomain
+};
+//# sourceMappingURL=index.js.map

package/dist/components/waterfall-chart/index.js.map

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

package/dist/components/waterfall-chart/lib/domain.d.ts

@@ -0,0 +1,10 @@
+import { WaterfallModel, WaterfallStep } from './types.js';
+/** Extent of start/end values for the linear domain. */
+export declare function collectValueExtent(steps: WaterfallStep[]): [number, number];
+/** Category labels in step order. */
+export declare function collectLabels(model: WaterfallModel): string[];
+/**
+ * Client domain: pad positive/negative extents by `padFactor`, clamp through 0, then `.nice()`.
+ */
+export declare function waterfallLinearDomain(steps: WaterfallStep[], padFactor?: number): [number, number];
+//# sourceMappingURL=domain.d.ts.map

package/dist/components/waterfall-chart/lib/domain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/waterfall-chart/lib/domain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhE,wDAAwD;AACxD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAU3E;AAED,qCAAqC;AACrC,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,EAAE,CAE7D;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,aAAa,EAAE,EACtB,SAAS,SAAM,GACd,CAAC,MAAM,EAAE,MAAM,CAAC,CAKlB"}