@fusedashlabs/widgets 0.2.0

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

@@ -0,0 +1,349 @@
+import { axisLeft, axisBottom } from "d3-axis";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { formatCompactNumber, FD, calculateNumTicks } from "../../../utils/fusedash-visual.js";
+import { waterfallLinearDomain } from "../lib/domain.js";
+import { formatSignedDiff } from "../lib/format.js";
+const MAX_Y_TICKS = 7;
+const MAX_Y_LABEL_LEN = 9;
+function thinBandTicks(domain, maxTicks) {
+  if (domain.length <= maxTicks) return domain;
+  const step = Math.ceil(domain.length / maxTicks);
+  const out = [];
+  for (let i = 0; i < domain.length; i += step) out.push(domain[i]);
+  const last = domain[domain.length - 1];
+  if (out[out.length - 1] !== last) out.push(last);
+  return out;
+}
+function uid(prefix) {
+  return `${prefix}-${Math.random().toString(36).slice(2, 9)}`;
+}
+function verticalBarPath(d, x, y1, y2, barWidth, radius, arrow) {
+  const height = y2 - y1;
+  const borderRadius = radius;
+  const arrowJoinRadius = 0;
+  if (Math.abs(height) <= borderRadius * 2) {
+    return `M ${x} ${y1}
+            h ${barWidth}
+            v ${height}
+            h -${barWidth}
+            Z`;
+  }
+  if (d.index === 0 || Math.abs(height) < arrow + 2 * borderRadius) {
+    return `M ${x} ${y1 - 1 - borderRadius}
+          a ${borderRadius} ${borderRadius} 0 0 0 ${borderRadius} ${borderRadius}
+          h ${barWidth - 2 * borderRadius}
+          a ${borderRadius} ${borderRadius} 0 0 0 ${borderRadius} -${borderRadius}
+          v ${height + 2 + 2 * borderRadius}
+          a ${borderRadius} ${borderRadius} 0 0 0 -${borderRadius} -${borderRadius}
+          h -${barWidth - 2 * borderRadius}
+          a ${borderRadius} ${borderRadius} 0 0 0 -${borderRadius} ${borderRadius}
+          Z`;
+  }
+  if (d.vector === "positive") {
+    return `M ${x} ${y1 - 1 - borderRadius}
+          a ${borderRadius} ${borderRadius} 0 0 0 ${borderRadius} ${borderRadius}
+          h ${barWidth - 2 * borderRadius}
+          a ${borderRadius} ${borderRadius} 0 0 0 ${borderRadius} -${borderRadius}
+          v ${height + 2 + 2 * borderRadius + arrow}
+          a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 0 -${borderRadius} -${borderRadius}
+          l -${barWidth / 2 - borderRadius} -${arrow}
+          l -${barWidth / 2 - borderRadius} ${arrow}
+          a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 0 -${borderRadius} ${borderRadius}
+          Z`;
+  }
+  return `M ${x} ${y1 - 1 - borderRadius - arrow}
+          a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 0 ${borderRadius} ${borderRadius}
+          l ${barWidth / 2 - borderRadius} ${arrow}
+          l ${barWidth / 2 - borderRadius} -${arrow}
+          a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 0 ${borderRadius} -${borderRadius}
+          v ${height + 2 + 2 * borderRadius + arrow}
+          a ${borderRadius} ${borderRadius} 0 0 0 -${borderRadius} -${borderRadius}
+          h -${barWidth - 2 * borderRadius}
+          a ${borderRadius} ${borderRadius} 0 0 0 -${borderRadius} ${borderRadius}
+          Z`;
+}
+function horizontalBarPath(d, y, x1, x2, barHeight, radius, arrow) {
+  const width = x2 - x1;
+  const borderRadius = radius;
+  const arrowJoinRadius = 0;
+  if (Math.abs(width) <= borderRadius * 2) {
+    return `M ${x1} ${y}
+          h ${width}
+          v ${barHeight}
+          h -${width}
+          Z`;
+  }
+  if (d.index === 0 || Math.abs(width) < arrow + 2 * borderRadius + 2) {
+    return `M ${x1 + 1 + borderRadius} ${y}
+            h ${width - 2 * borderRadius - 2}
+            a ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${borderRadius}
+            v ${barHeight - 2 * borderRadius}
+            a ${borderRadius} ${borderRadius} 0 0 1 -${borderRadius} ${borderRadius}
+            h -${width - 2 * borderRadius - 2}
+            a ${borderRadius} ${borderRadius} 0 0 1 -${borderRadius} -${borderRadius}
+            v -${barHeight - 2 * borderRadius}
+            a ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} -${borderRadius}
+            Z`;
+  }
+  if (d.vector === "positive") {
+    return `M ${x1 + 1 + borderRadius} ${y}
+            h ${width - 2 * borderRadius - 2 - arrow}
+            a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 1 ${borderRadius} ${borderRadius}
+            l ${arrow} ${barHeight / 2 - borderRadius}
+            l -${arrow} ${barHeight / 2 - borderRadius}
+            a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 1 -${borderRadius} ${borderRadius}
+            h -${width - 2 * borderRadius - 2 - arrow}
+            a ${borderRadius} ${borderRadius} 0 0 1 -${borderRadius} -${borderRadius}
+            v -${barHeight - 2 * borderRadius}
+            a ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} -${borderRadius}
+            Z`;
+  }
+  return `M ${x1 + 1 + borderRadius + arrow} ${y}
+            h ${width - 2 * borderRadius - 2 - arrow}
+            a ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${borderRadius}
+            v ${barHeight - 2 * borderRadius}
+            a ${borderRadius} ${borderRadius} 0 0 1 -${borderRadius} ${borderRadius}
+            h -${width - 2 * borderRadius - 2 - arrow}
+            a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 1 -${borderRadius} -${borderRadius}
+            l -${arrow} -${barHeight / 2 - borderRadius}
+            l ${arrow} -${barHeight / 2 - borderRadius}
+            a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 1 ${borderRadius} -${borderRadius}
+            Z`;
+}
+function connectorValue(step, steps) {
+  var _a;
+  if (step.kind === "total" && step.index > 0) {
+    return ((_a = steps[step.index - 1]) == null ? void 0 : _a.level) ?? step.level;
+  }
+  return step.start;
+}
+function renderWaterfallChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    theme,
+    orientation = model.orientation,
+    showGrid = true,
+    onStepHover,
+    onStepLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  container.replaceChildren();
+  const steps = model.steps;
+  if (!steps.length || width <= 0 || height <= 0) return;
+  const vertical = orientation === "vertical";
+  const barSize = FD.waterfallBarThickness;
+  const radius = FD.waterfallBarRadius;
+  const arrow = FD.waterfallArrow;
+  const dim = FD.waterfallHoverDim;
+  const { positive, negative, total } = model.colors;
+  const labels = steps.map((s) => s.label);
+  const last = steps[steps.length - 1];
+  let margin = options.margin ? { ...options.margin } : {
+    ...vertical ? FD.waterfallVerticalMargin : FD.waterfallHorizontalMargin
+  };
+  if (!vertical) {
+    const maxLabelLen = labels.reduce((m2, l) => Math.max(m2, l.length), 0);
+    const maxDiffLen = steps.reduce((m2, s) => {
+      const t = (s.vector === "positive" && s.index !== 0 ? "+" : "") + formatCompactNumber(s.difference);
+      return Math.max(m2, t.length);
+    }, 0);
+    const valuePad = 8 + maxDiffLen * 6;
+    margin = {
+      ...margin,
+      left: Math.max(
+        40,
+        Math.min(70, maxLabelLen * 7 + 10) + valuePad
+      )
+    };
+  }
+  const plotLeft = vertical ? margin.left : resolvePlotLeftMargin(margin.left);
+  const m = {
+    top: margin.top,
+    right: margin.right,
+    bottom: margin.bottom,
+    left: plotLeft
+  };
+  const plotW = width - m.left - m.right;
+  const plotH = height - m.top - m.bottom;
+  if (plotW <= 0 || plotH <= 0) return;
+  const root = select(container).append("svg").attr("width", "100%").attr("height", "100%").attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMid meet").attr("text-anchor", "middle");
+  const gradPosId = uid("wf-pos");
+  const gradNegId = uid("wf-neg");
+  const defs = root.append("defs");
+  if (vertical) {
+    defs.append("linearGradient").attr("id", gradPosId).attr("x1", "0%").attr("y1", "100%").attr("x2", "0%").attr("y2", "0%").selectAll("stop").data([
+      { offset: "0%", color: positive, opacity: 0.3 },
+      { offset: "100%", color: positive, opacity: 1 }
+    ]).enter().append("stop").attr("offset", (d) => d.offset).attr("stop-color", (d) => d.color).attr("stop-opacity", (d) => d.opacity);
+    defs.append("linearGradient").attr("id", gradNegId).attr("x1", "0%").attr("y1", "100%").attr("x2", "0%").attr("y2", "0%").selectAll("stop").data([
+      { offset: "0%", color: negative, opacity: 1 },
+      { offset: "100%", color: negative, opacity: 0.3 }
+    ]).enter().append("stop").attr("offset", (d) => d.offset).attr("stop-color", (d) => d.color).attr("stop-opacity", (d) => d.opacity);
+  } else {
+    defs.append("linearGradient").attr("id", gradPosId).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%").selectAll("stop").data([
+      { offset: "0%", color: positive, opacity: 0.3 },
+      { offset: "100%", color: positive, opacity: 1 }
+    ]).enter().append("stop").attr("offset", (d) => d.offset).attr("stop-color", (d) => d.color).attr("stop-opacity", (d) => d.opacity);
+    defs.append("linearGradient").attr("id", gradNegId).attr("x1", "100%").attr("y1", "0%").attr("x2", "0%").attr("y2", "0%").selectAll("stop").data([
+      { offset: "0%", color: negative, opacity: 0.3 },
+      { offset: "100%", color: negative, opacity: 1 }
+    ]).enter().append("stop").attr("offset", (d) => d.offset).attr("stop-color", (d) => d.color).attr("stop-opacity", (d) => d.opacity);
+  }
+  const g = root.append("g").attr("transform", `translate(${m.left},${m.top})`);
+  const [d0, d1] = waterfallLinearDomain(steps, FD.waterfallDomainPadFactor);
+  const numTicks = calculateNumTicks(plotH);
+  const fillFor = (d) => {
+    if (d.index === 0) return total;
+    return d.vector === "negative" ? `url(#${gradNegId})` : `url(#${gradPosId})`;
+  };
+  const axisHandlers = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  if (vertical) {
+    const xScale2 = scaleBand().domain(labels).rangeRound([0, plotW]).padding(0);
+    const yScale2 = scaleLinear().domain([d0, d1]).rangeRound([plotH, 0]).nice();
+    if (showGrid) {
+      g.append("g").attr("class", "y-grid").call(
+        axisLeft(yScale2).ticks(numTicks).tickSize(-plotW).tickFormat(() => "")
+      ).call((sel) => sel.select(".domain").remove()).selectAll("line").attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", "1px");
+      g.append("g").attr("class", "x-grid").call(
+        axisBottom(xScale2).tickSize(plotH).tickFormat(() => "")
+      ).call((sel) => sel.select(".domain").remove()).selectAll("line").attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", "1px").attr("transform", `translate(${xScale2.bandwidth() / 2}, 0)`);
+    }
+    const yAxis2 = g.append("g").attr("class", "y-axis").call(
+      axisLeft(yScale2).ticks(numTicks).tickSize(0).tickPadding(8).tickFormat((v) => formatCompactNumber(v))
+    ).call(
+      (sel) => sel.select(".domain").attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash)
+    );
+    yAxis2.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "start").attr("dx", `-${m.left - 12}px`);
+    yAxis2.selectAll(".tick").append("line").attr("class", "tick-line").attr("x1", -8).attr("x2", 0).attr("y1", 0).attr("y2", 0).attr("stroke", FD.axisStroke).attr("stroke-width", "1px");
+    const xAxis2 = g.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotH})`).call(
+      axisBottom(xScale2).tickSizeOuter(0).tickSize(0).tickPadding(12)
+    ).call((sel) => sel.select(".domain").attr("stroke", FD.axisStroke));
+    decorateAxisLabels(xAxis2, {
+      maxLength: 10,
+      ...axisHandlers
+    });
+    xAxis2.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+    const bar2 = g.append("g").selectAll("g").data(steps).join("g").attr("class", "bar-container");
+    bar2.append("path").attr("class", "bar-path").attr("fill", (d) => fillFor(d)).attr("d", (d) => {
+      const x = (xScale2(d.label) ?? 0) + (xScale2.bandwidth() - barSize) / 2;
+      const y1 = d.start < d.end ? yScale2(d.start) : yScale2(d.end);
+      const y2 = d.start > d.end ? yScale2(d.start) : yScale2(d.end);
+      return verticalBarPath(d, x, y1, y2, barSize, radius, arrow);
+    }).style("cursor", onStepHover ? "pointer" : "default").on("mouseenter", function(event, d) {
+      if (!onStepHover) return;
+      g.selectAll(".bar-path").attr("opacity", dim);
+      select(this).attr("opacity", 1);
+      onStepHover({ step: d, event });
+    }).on("mousemove", (event, d) => {
+      onStepHover == null ? void 0 : onStepHover({ step: d, event });
+    }).on("mouseleave", () => {
+      g.selectAll(".bar-path").attr("opacity", 1);
+      onStepLeave == null ? void 0 : onStepLeave();
+    });
+    bar2.filter((d) => d.index !== 0).append("line").attr("class", "bar-connector-line").attr("stroke", theme.text).attr("stroke-width", "1px").attr(
+      "x1",
+      (d) => (xScale2(d.label) ?? 0) - (xScale2.bandwidth() + barSize) / 2 - 2
+    ).attr(
+      "x2",
+      (d) => (xScale2(d.label) ?? 0) + (xScale2.bandwidth() + barSize) / 2 + 2
+    ).attr("y1", (d) => yScale2(connectorValue(d, steps))).attr("y2", (d) => yScale2(connectorValue(d, steps)));
+    if (last) {
+      bar2.filter((d) => d.index === 0).append("line").attr("class", "bar-connector-line").attr("stroke", theme.text).attr("stroke-width", "1px").attr(
+        "x1",
+        (xScale2(last.label) ?? 0) + (xScale2.bandwidth() - barSize) / 2 - 2
+      ).attr("x2", (xScale2(last.label) ?? 0) + xScale2.bandwidth()).attr("y1", yScale2(last.end)).attr("y2", yScale2(last.end));
+    }
+    const minLabelY = 10;
+    const maxLabelY = plotH - 10;
+    const posPad2 = 10;
+    const negPad2 = 26;
+    bar2.filter((d) => d.index !== 0).append("text").attr("class", "bar-difference-text").attr("x", (d) => (xScale2(d.label) ?? 0) + xScale2.bandwidth() / 2).attr("y", (d) => {
+      const natural = d.vector === "positive" ? yScale2(d.end) - posPad2 : yScale2(d.end) + negPad2;
+      return Math.max(minLabelY, Math.min(maxLabelY, natural));
+    }).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("fill", FD.axisLabelFill).attr("font-size", "10px").attr("pointer-events", "none").text((d) => formatSignedDiff(d.difference, d.vector));
+    bar2.filter((d) => d.index === 0).append("text").attr("class", "bar-difference-text").attr("x", (d) => (xScale2(d.label) ?? 0) + xScale2.bandwidth() / 2).attr("y", (d) => {
+      const firstBarY = yScale2(d.start) - (yScale2(d.start) - yScale2(d.end)) - 10;
+      return Math.max(minLabelY, Math.min(maxLabelY, firstBarY));
+    }).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("fill", FD.axisLabelFill).attr("font-size", "10px").attr("pointer-events", "none").text((d) => formatCompactNumber(d.difference));
+    return;
+  }
+  const xScale = scaleLinear().domain([d0, d1]).rangeRound([0, plotW]).nice();
+  const yScale = scaleBand().domain(labels).rangeRound([plotH, 0]).padding(0);
+  const yTicks = thinBandTicks(labels, MAX_Y_TICKS);
+  if (showGrid) {
+    const yGrid = axisLeft(yScale).tickSize(-plotW).tickFormat(() => "");
+    yGrid.tickValues(yTicks);
+    g.append("g").attr("class", "y-grid").call(yGrid).call((sel) => sel.select(".domain").remove()).selectAll("line").attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", "1px").attr("transform", `translate(0, -${yScale.bandwidth() / 2})`);
+    g.append("g").attr("class", "x-grid").call(
+      axisBottom(xScale).ticks(numTicks).tickSize(plotH).tickFormat(() => "")
+    ).call((sel) => sel.select(".domain").remove()).selectAll("line").attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("stroke-width", "1px");
+  }
+  const yAxisGen = axisLeft(yScale).tickSizeOuter(0).tickSize(0).tickPadding(12);
+  yAxisGen.tickValues(yTicks);
+  const yAxis = g.append("g").attr("class", "y-axis").call(yAxisGen).call(
+    (sel) => sel.select(".domain").attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash)
+  );
+  applyLeftGutterYAxisLabels(yAxis, m.left, {
+    maxLength: MAX_Y_LABEL_LEN,
+    ...axisHandlers
+  });
+  const xAxis = g.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotH})`).call(
+    axisBottom(xScale).ticks(numTicks).tickSize(0).tickPadding(8).tickFormat((v) => formatCompactNumber(v))
+  ).call((sel) => sel.select(".domain").attr("stroke", FD.axisStroke));
+  const xTexts = xAxis.selectAll("text");
+  xTexts.attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+  const lastTick = xTexts.nodes().at(-1);
+  if (lastTick) select(lastTick).attr("dx", -5);
+  const bar = g.append("g").selectAll("g").data(steps).join("g").attr("class", "bar-container");
+  bar.append("path").attr("class", "bar-path").attr("fill", (d) => fillFor(d)).attr("d", (d) => {
+    const y = (yScale(d.label) ?? 0) + (yScale.bandwidth() - barSize) / 2;
+    const x1 = (d.start < d.end ? xScale(d.start) : xScale(d.end)) || 0;
+    const x2 = (d.start > d.end ? xScale(d.start) : xScale(d.end)) || 0;
+    return horizontalBarPath(d, y, x1, x2, barSize, radius, arrow);
+  }).style("cursor", onStepHover ? "pointer" : "default").on("mouseenter", function(event, d) {
+    if (!onStepHover) return;
+    g.selectAll(".bar-path").attr("opacity", dim);
+    select(this).attr("opacity", 1);
+    onStepHover({ step: d, event });
+  }).on("mousemove", (event, d) => {
+    onStepHover == null ? void 0 : onStepHover({ step: d, event });
+  }).on("mouseleave", () => {
+    g.selectAll(".bar-path").attr("opacity", 1);
+    onStepLeave == null ? void 0 : onStepLeave();
+  });
+  bar.filter((d) => d.index !== 0).append("line").attr("class", "bar-connector-line").attr("stroke", theme.text).attr("stroke-width", "1px").attr("x1", (d) => xScale(connectorValue(d, steps))).attr("x2", (d) => xScale(connectorValue(d, steps))).attr(
+    "y1",
+    (d) => (yScale(d.label) ?? 0) + (yScale.bandwidth() - barSize) / 2 - 2
+  ).attr(
+    "y2",
+    (d) => (yScale(d.label) ?? 0) + yScale.bandwidth() + (yScale.bandwidth() + barSize) / 2 + 2
+  );
+  if (last) {
+    bar.filter((d) => d.index === 0).append("line").attr("class", "bar-connector-line").attr("stroke", theme.text).attr("stroke-width", "1px").attr("x1", xScale(last.end)).attr("x2", xScale(last.end)).attr("y1", yScale(last.label) ?? 0).attr(
+      "y2",
+      (yScale(last.label) ?? 0) + (yScale.bandwidth() + barSize) / 2 + 2
+    );
+  }
+  const posPad = 8;
+  const negPad = 8;
+  bar.filter((d) => d.index !== 0).append("text").attr("class", "bar-difference-text").attr(
+    "x",
+    (d) => d.vector === "positive" ? xScale(connectorValue(d, steps)) - posPad : xScale(connectorValue(d, steps)) + negPad
+  ).attr("y", (d) => (yScale(d.label) ?? 0) + yScale.bandwidth() / 2).attr("text-anchor", (d) => d.vector === "positive" ? "end" : "start").attr("dominant-baseline", "middle").attr("fill", FD.axisLabelFill).attr("font-size", "10px").attr("pointer-events", "none").text((d) => formatSignedDiff(d.difference, d.vector));
+  bar.filter((d) => d.index === 0).append("text").attr("class", "bar-difference-text").attr(
+    "x",
+    (d) => xScale(d.start) - (xScale(d.start) - xScale(d.end)) + 20
+  ).attr("y", (d) => (yScale(d.label) ?? 0) + yScale.bandwidth() / 2).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("fill", FD.axisLabelFill).attr("font-size", "10px").attr("pointer-events", "none").text((d) => formatCompactNumber(d.difference));
+}
+export {
+  renderWaterfallChart
+};
+//# sourceMappingURL=draw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/waterfall-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select } 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} from '../../../utils/fusedash-visual.js';\nimport {\n  formatSignedDiff,\n  waterfallLinearDomain,\n  type WaterfallModel,\n  type WaterfallOrientation,\n  type WaterfallStep,\n} from '../lib/index.js';\n\nexport interface RenderWaterfallOptions extends AxisLabelTooltipHandlers {\n  model: WaterfallModel;\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  orientation?: WaterfallOrientation;\n  showGrid?: boolean;\n  xLabel?: string;\n  yLabel?: string;\n  onStepHover?: (payload: {\n    step: WaterfallStep;\n    event: MouseEvent;\n  }) => void;\n  onStepLeave?: () => void;\n}\n\nconst MAX_Y_TICKS = 7;\nconst MAX_Y_LABEL_LEN = 9;\n\nfunction thinBandTicks<T>(domain: T[], maxTicks: number): T[] {\n  if (domain.length <= maxTicks) return domain;\n  const step = Math.ceil(domain.length / maxTicks);\n  const out: T[] = [];\n  for (let i = 0; i < domain.length; i += step) out.push(domain[i]);\n  const last = domain[domain.length - 1];\n  if (out[out.length - 1] !== last) out.push(last);\n  return out;\n}\n\nfunction uid(prefix: string): string {\n  return `${prefix}-${Math.random().toString(36).slice(2, 9)}`;\n}\n\nfunction verticalBarPath(\n  d: WaterfallStep,\n  x: number,\n  y1: number,\n  y2: number,\n  barWidth: number,\n  radius: number,\n  arrow: number,\n): string {\n  const height = y2 - y1;\n  const borderRadius = radius <= barWidth / 2 ? radius : barWidth / 2;\n  const arrowJoinRadius = 0;\n\n  if (Math.abs(height) <= borderRadius * 2) {\n    return `M ${x} ${y1}\n            h ${barWidth}\n            v ${height}\n            h -${barWidth}\n            Z`;\n  }\n\n  if (d.index === 0 || Math.abs(height) < arrow + 2 * borderRadius) {\n    return `M ${x} ${y1 - 1 - borderRadius}\n          a ${borderRadius} ${borderRadius} 0 0 0 ${borderRadius} ${borderRadius}\n          h ${barWidth - 2 * borderRadius}\n          a ${borderRadius} ${borderRadius} 0 0 0 ${borderRadius} -${borderRadius}\n          v ${height + 2 + 2 * borderRadius}\n          a ${borderRadius} ${borderRadius} 0 0 0 -${borderRadius} -${borderRadius}\n          h -${barWidth - 2 * borderRadius}\n          a ${borderRadius} ${borderRadius} 0 0 0 -${borderRadius} ${borderRadius}\n          Z`;\n  }\n\n  if (d.vector === 'positive') {\n    return `M ${x} ${y1 - 1 - borderRadius}\n          a ${borderRadius} ${borderRadius} 0 0 0 ${borderRadius} ${borderRadius}\n          h ${barWidth - 2 * borderRadius}\n          a ${borderRadius} ${borderRadius} 0 0 0 ${borderRadius} -${borderRadius}\n          v ${height + 2 + 2 * borderRadius + arrow}\n          a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 0 -${borderRadius} -${borderRadius}\n          l -${barWidth / 2 - borderRadius} -${arrow}\n          l -${barWidth / 2 - borderRadius} ${arrow}\n          a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 0 -${borderRadius} ${borderRadius}\n          Z`;\n  }\n\n  return `M ${x} ${y1 - 1 - borderRadius - arrow}\n          a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 0 ${borderRadius} ${borderRadius}\n          l ${barWidth / 2 - borderRadius} ${arrow}\n          l ${barWidth / 2 - borderRadius} -${arrow}\n          a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 0 ${borderRadius} -${borderRadius}\n          v ${height + 2 + 2 * borderRadius + arrow}\n          a ${borderRadius} ${borderRadius} 0 0 0 -${borderRadius} -${borderRadius}\n          h -${barWidth - 2 * borderRadius}\n          a ${borderRadius} ${borderRadius} 0 0 0 -${borderRadius} ${borderRadius}\n          Z`;\n}\n\nfunction horizontalBarPath(\n  d: WaterfallStep,\n  y: number,\n  x1: number,\n  x2: number,\n  barHeight: number,\n  radius: number,\n  arrow: number,\n): string {\n  const width = x2 - x1;\n  const borderRadius = radius <= barHeight / 2 ? radius : barHeight / 2;\n  const arrowJoinRadius = 0;\n\n  if (Math.abs(width) <= borderRadius * 2) {\n    return `M ${x1} ${y}\n          h ${width}\n          v ${barHeight}\n          h -${width}\n          Z`;\n  }\n\n  if (d.index === 0 || Math.abs(width) < arrow + 2 * borderRadius + 2) {\n    return `M ${x1 + 1 + borderRadius} ${y}\n            h ${width - 2 * borderRadius - 2}\n            a ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${borderRadius}\n            v ${barHeight - 2 * borderRadius}\n            a ${borderRadius} ${borderRadius} 0 0 1 -${borderRadius} ${borderRadius}\n            h -${width - 2 * borderRadius - 2}\n            a ${borderRadius} ${borderRadius} 0 0 1 -${borderRadius} -${borderRadius}\n            v -${barHeight - 2 * borderRadius}\n            a ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} -${borderRadius}\n            Z`;\n  }\n\n  if (d.vector === 'positive') {\n    return `M ${x1 + 1 + borderRadius} ${y}\n            h ${width - 2 * borderRadius - 2 - arrow}\n            a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 1 ${borderRadius} ${borderRadius}\n            l ${arrow} ${barHeight / 2 - borderRadius}\n            l -${arrow} ${barHeight / 2 - borderRadius}\n            a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 1 -${borderRadius} ${borderRadius}\n            h -${width - 2 * borderRadius - 2 - arrow}\n            a ${borderRadius} ${borderRadius} 0 0 1 -${borderRadius} -${borderRadius}\n            v -${barHeight - 2 * borderRadius}\n            a ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} -${borderRadius}\n            Z`;\n  }\n\n  return `M ${x1 + 1 + borderRadius + arrow} ${y}\n            h ${width - 2 * borderRadius - 2 - arrow}\n            a ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${borderRadius}\n            v ${barHeight - 2 * borderRadius}\n            a ${borderRadius} ${borderRadius} 0 0 1 -${borderRadius} ${borderRadius}\n            h -${width - 2 * borderRadius - 2 - arrow}\n            a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 1 -${borderRadius} -${borderRadius}\n            l -${arrow} -${barHeight / 2 - borderRadius}\n            l ${arrow} -${barHeight / 2 - borderRadius}\n            a ${arrowJoinRadius} ${arrowJoinRadius} 0 0 1 ${borderRadius} -${borderRadius}\n            Z`;\n}\n\nfunction connectorValue(step: WaterfallStep, steps: WaterfallStep[]): number {\n  // Totals drawn from 0 still connect at the cumulative junction.\n  if (step.kind === 'total' && step.index > 0) {\n    return steps[step.index - 1]?.level ?? step.level;\n  }\n  return step.start;\n}\n\n/**\n * FuseDash Vertical / Horizontal WaterfallChart — visual parity via D3.\n * Inner group translated by (margin.left, margin.top); plot-local scales.\n */\nexport function renderWaterfallChart(\n  container: HTMLElement,\n  options: RenderWaterfallOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    theme,\n    orientation = model.orientation,\n    showGrid = true,\n    onStepHover,\n    onStepLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  container.replaceChildren();\n  const steps = model.steps;\n  if (!steps.length || width <= 0 || height <= 0) return;\n\n  const vertical = orientation === 'vertical';\n  const barSize = FD.waterfallBarThickness;\n  const radius = FD.waterfallBarRadius;\n  const arrow = FD.waterfallArrow;\n  const dim = FD.waterfallHoverDim;\n  const { positive, negative, total } = model.colors;\n\n  const labels = steps.map((s) => s.label);\n  const last = steps[steps.length - 1];\n\n  let margin = options.margin\n    ? { ...options.margin }\n    : {\n        ...(vertical ? FD.waterfallVerticalMargin : FD.waterfallHorizontalMargin),\n      };\n\n  if (!vertical) {\n    const maxLabelLen = labels.reduce((m, l) => Math.max(m, l.length), 0);\n    const maxDiffLen = steps.reduce((m, s) => {\n      const t =\n        (s.vector === 'positive' && s.index !== 0 ? '+' : '') +\n        formatCompactNumber(s.difference);\n      return Math.max(m, t.length);\n    }, 0);\n    const valuePad = 8 + maxDiffLen * 6;\n    margin = {\n      ...margin,\n      left: Math.max(\n        40,\n        Math.min(70, maxLabelLen * 7 + 10) + valuePad,\n      ),\n    };\n  }\n\n  const plotLeft = vertical\n    ? margin.left\n    : resolvePlotLeftMargin(margin.left);\n  const m = {\n    top: margin.top,\n    right: margin.right,\n    bottom: margin.bottom,\n    left: plotLeft,\n  };\n\n  const plotW = width - m.left - m.right;\n  const plotH = height - m.top - m.bottom;\n  if (plotW <= 0 || plotH <= 0) return;\n\n  const root = select(container)\n    .append('svg')\n    .attr('width', '100%')\n    .attr('height', '100%')\n    .attr('viewBox', `0 0 ${width} ${height}`)\n    .attr('preserveAspectRatio', 'xMidYMid meet')\n    .attr('text-anchor', 'middle');\n\n  const gradPosId = uid('wf-pos');\n  const gradNegId = uid('wf-neg');\n  const defs = root.append('defs');\n\n  if (vertical) {\n    defs\n      .append('linearGradient')\n      .attr('id', gradPosId)\n      .attr('x1', '0%')\n      .attr('y1', '100%')\n      .attr('x2', '0%')\n      .attr('y2', '0%')\n      .selectAll('stop')\n      .data([\n        { offset: '0%', color: positive, opacity: 0.3 },\n        { offset: '100%', color: positive, opacity: 1 },\n      ])\n      .enter()\n      .append('stop')\n      .attr('offset', (d) => d.offset)\n      .attr('stop-color', (d) => d.color)\n      .attr('stop-opacity', (d) => d.opacity);\n    defs\n      .append('linearGradient')\n      .attr('id', gradNegId)\n      .attr('x1', '0%')\n      .attr('y1', '100%')\n      .attr('x2', '0%')\n      .attr('y2', '0%')\n      .selectAll('stop')\n      .data([\n        { offset: '0%', color: negative, opacity: 1 },\n        { offset: '100%', color: negative, opacity: 0.3 },\n      ])\n      .enter()\n      .append('stop')\n      .attr('offset', (d) => d.offset)\n      .attr('stop-color', (d) => d.color)\n      .attr('stop-opacity', (d) => d.opacity);\n  } else {\n    defs\n      .append('linearGradient')\n      .attr('id', gradPosId)\n      .attr('x1', '0%')\n      .attr('y1', '0%')\n      .attr('x2', '100%')\n      .attr('y2', '0%')\n      .selectAll('stop')\n      .data([\n        { offset: '0%', color: positive, opacity: 0.3 },\n        { offset: '100%', color: positive, opacity: 1 },\n      ])\n      .enter()\n      .append('stop')\n      .attr('offset', (d) => d.offset)\n      .attr('stop-color', (d) => d.color)\n      .attr('stop-opacity', (d) => d.opacity);\n    defs\n      .append('linearGradient')\n      .attr('id', gradNegId)\n      .attr('x1', '100%')\n      .attr('y1', '0%')\n      .attr('x2', '0%')\n      .attr('y2', '0%')\n      .selectAll('stop')\n      .data([\n        { offset: '0%', color: negative, opacity: 0.3 },\n        { offset: '100%', color: negative, opacity: 1 },\n      ])\n      .enter()\n      .append('stop')\n      .attr('offset', (d) => d.offset)\n      .attr('stop-color', (d) => d.color)\n      .attr('stop-opacity', (d) => d.opacity);\n  }\n\n  const g = root\n    .append('g')\n    .attr('transform', `translate(${m.left},${m.top})`);\n\n  const [d0, d1] = waterfallLinearDomain(steps, FD.waterfallDomainPadFactor);\n  const numTicks = calculateNumTicks(plotH);\n\n  const fillFor = (d: WaterfallStep): string => {\n    if (d.index === 0) return total;\n    return d.vector === 'negative' ? `url(#${gradNegId})` : `url(#${gradPosId})`;\n  };\n\n  const axisHandlers: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  if (vertical) {\n    const xScale = scaleBand<string>()\n      .domain(labels)\n      .rangeRound([0, plotW])\n      .padding(0);\n    const yScale = scaleLinear()\n      .domain([d0, d1])\n      .rangeRound([plotH, 0])\n      .nice();\n\n    if (showGrid) {\n      g.append('g')\n        .attr('class', 'y-grid')\n        .call(\n          axisLeft(yScale)\n            .ticks(numTicks)\n            .tickSize(-plotW)\n            .tickFormat(() => ''),\n        )\n        .call((sel) => sel.select('.domain').remove())\n        .selectAll('line')\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('stroke-width', '1px');\n\n      g.append('g')\n        .attr('class', 'x-grid')\n        .call(\n          axisBottom(xScale)\n            .tickSize(plotH)\n            .tickFormat(() => ''),\n        )\n        .call((sel) => sel.select('.domain').remove())\n        .selectAll('line')\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('stroke-width', '1px')\n        .attr('transform', `translate(${xScale.bandwidth() / 2}, 0)`);\n    }\n\n    const yAxis = g\n      .append('g')\n      .attr('class', 'y-axis')\n      .call(\n        axisLeft(yScale)\n          .ticks(numTicks)\n          .tickSize(0)\n          .tickPadding(8)\n          .tickFormat((v) => formatCompactNumber(v as number)),\n      )\n      .call((sel) =>\n        sel\n          .select('.domain')\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', FD.gridDash),\n      );\n\n    yAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('text-anchor', 'start')\n      .attr('dx', `-${m.left - 12}px`);\n\n    yAxis\n      .selectAll('.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', FD.axisStroke)\n      .attr('stroke-width', '1px');\n\n    const xAxis = g\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(12),\n      )\n      .call((sel) => sel.select('.domain').attr('stroke', FD.axisStroke));\n\n    decorateAxisLabels(xAxis, {\n      maxLength: 10,\n      ...axisHandlers,\n    });\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize);\n\n    const bar = g\n      .append('g')\n      .selectAll('g')\n      .data(steps)\n      .join('g')\n      .attr('class', 'bar-container');\n\n    bar\n      .append('path')\n      .attr('class', 'bar-path')\n      .attr('fill', (d) => fillFor(d))\n      .attr('d', (d) => {\n        const x =\n          (xScale(d.label) ?? 0) + (xScale.bandwidth() - barSize) / 2;\n        const y1 = d.start < d.end ? yScale(d.start) : yScale(d.end);\n        const y2 = d.start > d.end ? yScale(d.start) : yScale(d.end);\n        return verticalBarPath(d, x, y1, y2, barSize, radius, arrow);\n      })\n      .style('cursor', onStepHover ? 'pointer' : 'default')\n      .on('mouseenter', function (event: MouseEvent, d: WaterfallStep) {\n        if (!onStepHover) return;\n        g.selectAll('.bar-path').attr('opacity', dim);\n        select(this).attr('opacity', 1);\n        onStepHover({ step: d, event });\n      })\n      .on('mousemove', (event: MouseEvent, d: WaterfallStep) => {\n        onStepHover?.({ step: d, event });\n      })\n      .on('mouseleave', () => {\n        g.selectAll('.bar-path').attr('opacity', 1);\n        onStepLeave?.();\n      });\n\n    bar\n      .filter((d) => d.index !== 0)\n      .append('line')\n      .attr('class', 'bar-connector-line')\n      .attr('stroke', theme.text)\n      .attr('stroke-width', '1px')\n      .attr(\n        'x1',\n        (d) =>\n          (xScale(d.label) ?? 0) - (xScale.bandwidth() + barSize) / 2 - 2,\n      )\n      .attr(\n        'x2',\n        (d) =>\n          (xScale(d.label) ?? 0) + (xScale.bandwidth() + barSize) / 2 + 2,\n      )\n      .attr('y1', (d) => yScale(connectorValue(d, steps)))\n      .attr('y2', (d) => yScale(connectorValue(d, steps)));\n\n    if (last) {\n      bar\n        .filter((d) => d.index === 0)\n        .append('line')\n        .attr('class', 'bar-connector-line')\n        .attr('stroke', theme.text)\n        .attr('stroke-width', '1px')\n        .attr(\n          'x1',\n          (xScale(last.label) ?? 0) +\n            (xScale.bandwidth() - barSize) / 2 -\n            2,\n        )\n        .attr('x2', (xScale(last.label) ?? 0) + xScale.bandwidth())\n        .attr('y1', yScale(last.end))\n        .attr('y2', yScale(last.end));\n    }\n\n    const minLabelY = 10;\n    const maxLabelY = plotH - 10;\n    const posPad = 10;\n    const negPad = 26;\n\n    bar\n      .filter((d) => d.index !== 0)\n      .append('text')\n      .attr('class', 'bar-difference-text')\n      .attr('x', (d) => (xScale(d.label) ?? 0) + xScale.bandwidth() / 2)\n      .attr('y', (d) => {\n        const natural =\n          d.vector === 'positive'\n            ? yScale(d.end) - posPad\n            : yScale(d.end) + negPad;\n        return Math.max(minLabelY, Math.min(maxLabelY, natural));\n      })\n      .attr('text-anchor', 'middle')\n      .attr('dominant-baseline', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', '10px')\n      .attr('pointer-events', 'none')\n      .text((d) => formatSignedDiff(d.difference, d.vector));\n\n    bar\n      .filter((d) => d.index === 0)\n      .append('text')\n      .attr('class', 'bar-difference-text')\n      .attr('x', (d) => (xScale(d.label) ?? 0) + xScale.bandwidth() / 2)\n      .attr('y', (d) => {\n        const firstBarY =\n          yScale(d.start) - (yScale(d.start) - yScale(d.end)) - 10;\n        return Math.max(minLabelY, Math.min(maxLabelY, firstBarY));\n      })\n      .attr('text-anchor', 'middle')\n      .attr('dominant-baseline', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', '10px')\n      .attr('pointer-events', 'none')\n      .text((d) => formatCompactNumber(d.difference));\n\n    return;\n  }\n\n  // —— Horizontal ——\n  const xScale = scaleLinear()\n    .domain([d0, d1])\n    .rangeRound([0, plotW])\n    .nice();\n  const yScale = scaleBand<string>()\n    .domain(labels)\n    .rangeRound([plotH, 0])\n    .padding(0);\n\n  const yTicks = thinBandTicks(labels, MAX_Y_TICKS);\n\n  if (showGrid) {\n    const yGrid = axisLeft(yScale)\n      .tickSize(-plotW)\n      .tickFormat(() => '');\n    yGrid.tickValues(yTicks);\n    g.append('g')\n      .attr('class', 'y-grid')\n      .call(yGrid)\n      .call((sel) => sel.select('.domain').remove())\n      .selectAll('line')\n      .attr('stroke', FD.gridStroke)\n      .attr('stroke-dasharray', FD.gridDash)\n      .attr('stroke-width', '1px')\n      .attr('transform', `translate(0, -${yScale.bandwidth() / 2})`);\n\n    g.append('g')\n      .attr('class', 'x-grid')\n      .call(\n        axisBottom(xScale)\n          .ticks(numTicks)\n          .tickSize(plotH)\n          .tickFormat(() => ''),\n      )\n      .call((sel) => sel.select('.domain').remove())\n      .selectAll('line')\n      .attr('stroke', FD.gridStroke)\n      .attr('stroke-dasharray', FD.gridDash)\n      .attr('stroke-width', '1px');\n  }\n\n  const yAxisGen = axisLeft(yScale)\n    .tickSizeOuter(0)\n    .tickSize(0)\n    .tickPadding(12);\n  yAxisGen.tickValues(yTicks);\n\n  const yAxis = g\n    .append('g')\n    .attr('class', 'y-axis')\n    .call(yAxisGen)\n    .call((sel) =>\n      sel\n        .select('.domain')\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash),\n    );\n\n  applyLeftGutterYAxisLabels(yAxis, m.left, {\n    maxLength: MAX_Y_LABEL_LEN,\n    ...axisHandlers,\n  });\n\n  const xAxis = g\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotH})`)\n    .call(\n      axisBottom(xScale)\n        .ticks(numTicks)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickFormat((v) => formatCompactNumber(v as number)),\n    )\n    .call((sel) => sel.select('.domain').attr('stroke', FD.axisStroke));\n\n  const xTexts = xAxis.selectAll<SVGTextElement, unknown>('text');\n  xTexts.attr('fill', FD.axisLabelFill).attr('font-size', FD.axisLabelSize);\n  const lastTick = xTexts.nodes().at(-1);\n  if (lastTick) select(lastTick).attr('dx', -5);\n\n  const bar = g\n    .append('g')\n    .selectAll('g')\n    .data(steps)\n    .join('g')\n    .attr('class', 'bar-container');\n\n  bar\n    .append('path')\n    .attr('class', 'bar-path')\n    .attr('fill', (d) => fillFor(d))\n    .attr('d', (d) => {\n      const y =\n        (yScale(d.label) ?? 0) + (yScale.bandwidth() - barSize) / 2;\n      const x1 = (d.start < d.end ? xScale(d.start) : xScale(d.end)) || 0;\n      const x2 = (d.start > d.end ? xScale(d.start) : xScale(d.end)) || 0;\n      return horizontalBarPath(d, y, x1, x2, barSize, radius, arrow);\n    })\n    .style('cursor', onStepHover ? 'pointer' : 'default')\n    .on('mouseenter', function (event: MouseEvent, d: WaterfallStep) {\n      if (!onStepHover) return;\n      g.selectAll('.bar-path').attr('opacity', dim);\n      select(this).attr('opacity', 1);\n      onStepHover({ step: d, event });\n    })\n    .on('mousemove', (event: MouseEvent, d: WaterfallStep) => {\n      onStepHover?.({ step: d, event });\n    })\n    .on('mouseleave', () => {\n      g.selectAll('.bar-path').attr('opacity', 1);\n      onStepLeave?.();\n    });\n\n  bar\n    .filter((d) => d.index !== 0)\n    .append('line')\n    .attr('class', 'bar-connector-line')\n    .attr('stroke', theme.text)\n    .attr('stroke-width', '1px')\n    .attr('x1', (d) => xScale(connectorValue(d, steps)))\n    .attr('x2', (d) => xScale(connectorValue(d, steps)))\n    .attr(\n      'y1',\n      (d) =>\n        (yScale(d.label) ?? 0) + (yScale.bandwidth() - barSize) / 2 - 2,\n    )\n    .attr(\n      'y2',\n      (d) =>\n        (yScale(d.label) ?? 0) +\n        yScale.bandwidth() +\n        (yScale.bandwidth() + barSize) / 2 +\n        2,\n    );\n\n  if (last) {\n    bar\n      .filter((d) => d.index === 0)\n      .append('line')\n      .attr('class', 'bar-connector-line')\n      .attr('stroke', theme.text)\n      .attr('stroke-width', '1px')\n      .attr('x1', xScale(last.end))\n      .attr('x2', xScale(last.end))\n      .attr('y1', yScale(last.label) ?? 0)\n      .attr(\n        'y2',\n        (yScale(last.label) ?? 0) +\n          (yScale.bandwidth() + barSize) / 2 +\n          2,\n      );\n  }\n\n  const posPad = 8;\n  const negPad = 8;\n\n  bar\n    .filter((d) => d.index !== 0)\n    .append('text')\n    .attr('class', 'bar-difference-text')\n    .attr('x', (d) =>\n      d.vector === 'positive'\n        ? xScale(connectorValue(d, steps)) - posPad\n        : xScale(connectorValue(d, steps)) + negPad,\n    )\n    .attr('y', (d) => (yScale(d.label) ?? 0) + yScale.bandwidth() / 2)\n    .attr('text-anchor', (d) => (d.vector === 'positive' ? 'end' : 'start'))\n    .attr('dominant-baseline', 'middle')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', '10px')\n    .attr('pointer-events', 'none')\n    .text((d) => formatSignedDiff(d.difference, d.vector));\n\n  bar\n    .filter((d) => d.index === 0)\n    .append('text')\n    .attr('class', 'bar-difference-text')\n    .attr(\n      'x',\n      (d) => xScale(d.start) - (xScale(d.start) - xScale(d.end)) + 20,\n    )\n    .attr('y', (d) => (yScale(d.label) ?? 0) + yScale.bandwidth() / 2)\n    .attr('text-anchor', 'middle')\n    .attr('dominant-baseline', 'middle')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', '10px')\n    .attr('pointer-events', 'none')\n    .text((d) => formatCompactNumber(d.difference));\n}\n"],"names":["m","xScale","yScale","yAxis","xAxis","bar","posPad","negPad"],"mappings":"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"}

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

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

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

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

package/dist/context/index.d.ts

@@ -0,0 +1,2 @@
+export { CSS_VARS, applyWidgetContext, contextToCssVars, readCssVar, readThemeFromElement, themeToCssVars, type PartialWidgetContext, type WidgetContextValue, type WidgetTheme, } from './widget-context.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,oBAAoB,EACpB,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC"}

package/dist/context/index.js

@@ -0,0 +1,10 @@
+import { CSS_VARS, applyWidgetContext, contextToCssVars, readCssVar, readThemeFromElement, themeToCssVars } from "./widget-context.js";
+export {
+  CSS_VARS,
+  applyWidgetContext,
+  contextToCssVars,
+  readCssVar,
+  readThemeFromElement,
+  themeToCssVars
+};
+//# sourceMappingURL=index.js.map

package/dist/context/index.js.map

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

package/dist/context/widget-context.d.ts

@@ -0,0 +1,24 @@
+import { WidgetContextValue, WidgetTheme } from '../types/index.js';
+/** CSS custom property names consumed by chart web components */
+export declare const CSS_VARS: {
+    readonly primary: "--ui9000-color-primary";
+    readonly secondary: "--ui9000-color-secondary";
+    readonly background: "--ui9000-color-background";
+    readonly grid: "--ui9000-color-grid";
+    readonly text: "--ui9000-color-text";
+    readonly textMuted: "--ui9000-color-text-muted";
+    readonly fontFamily: "--ui9000-font-family";
+    readonly scale: "--ui9000-scale";
+    readonly styleId: "--ui9000-style-id";
+    readonly mode: "--ui9000-mode";
+};
+export declare function themeToCssVars(theme: WidgetTheme): Record<string, string>;
+export declare function contextToCssVars(ctx: WidgetContextValue): Record<string, string>;
+export type PartialWidgetContext = Omit<Partial<WidgetContextValue>, 'theme'> & {
+    theme?: Partial<WidgetTheme>;
+};
+export declare function applyWidgetContext(el: HTMLElement, ctx?: PartialWidgetContext): void;
+export declare function readCssVar(el: Element, name: string, fallback: string): string;
+export declare function readThemeFromElement(el: Element): WidgetTheme;
+export type { WidgetContextValue, WidgetTheme };
+//# sourceMappingURL=widget-context.d.ts.map

package/dist/context/widget-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-context.d.ts","sourceRoot":"","sources":["../../src/context/widget-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGzE,iEAAiE;AACjE,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUzE;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAOhF;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,GAAE,oBAAyB,GAAG,IAAI,CAUxF;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG9E;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,OAAO,GAAG,WAAW,CAU7D;AAED,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC"}

package/dist/context/widget-context.js

@@ -0,0 +1,67 @@
+import { DEFAULT_THEME, DEFAULT_CONTEXT } from "../types/index.js";
+const CSS_VARS = {
+  primary: "--ui9000-color-primary",
+  secondary: "--ui9000-color-secondary",
+  background: "--ui9000-color-background",
+  grid: "--ui9000-color-grid",
+  text: "--ui9000-color-text",
+  textMuted: "--ui9000-color-text-muted",
+  fontFamily: "--ui9000-font-family",
+  scale: "--ui9000-scale",
+  styleId: "--ui9000-style-id",
+  mode: "--ui9000-mode"
+};
+function themeToCssVars(theme) {
+  return {
+    [CSS_VARS.primary]: theme.primary,
+    [CSS_VARS.secondary]: theme.secondary,
+    [CSS_VARS.background]: theme.background,
+    [CSS_VARS.grid]: theme.grid,
+    [CSS_VARS.text]: theme.text,
+    [CSS_VARS.textMuted]: theme.textMuted,
+    [CSS_VARS.fontFamily]: theme.fontFamily
+  };
+}
+function contextToCssVars(ctx) {
+  return {
+    ...themeToCssVars(ctx.theme),
+    [CSS_VARS.scale]: ctx.scale,
+    [CSS_VARS.styleId]: ctx.styleId,
+    [CSS_VARS.mode]: ctx.mode
+  };
+}
+function applyWidgetContext(el, ctx = {}) {
+  const merged = {
+    ...DEFAULT_CONTEXT,
+    ...ctx,
+    theme: { ...DEFAULT_THEME, ...ctx.theme }
+  };
+  const vars = contextToCssVars(merged);
+  for (const [key, value] of Object.entries(vars)) {
+    el.style.setProperty(key, value);
+  }
+}
+function readCssVar(el, name, fallback) {
+  const value = getComputedStyle(el).getPropertyValue(name).trim();
+  return value || fallback;
+}
+function readThemeFromElement(el) {
+  return {
+    primary: readCssVar(el, CSS_VARS.primary, DEFAULT_THEME.primary),
+    secondary: readCssVar(el, CSS_VARS.secondary, DEFAULT_THEME.secondary),
+    background: readCssVar(el, CSS_VARS.background, DEFAULT_THEME.background),
+    grid: readCssVar(el, CSS_VARS.grid, DEFAULT_THEME.grid),
+    text: readCssVar(el, CSS_VARS.text, DEFAULT_THEME.text),
+    textMuted: readCssVar(el, CSS_VARS.textMuted, DEFAULT_THEME.textMuted),
+    fontFamily: readCssVar(el, CSS_VARS.fontFamily, DEFAULT_THEME.fontFamily)
+  };
+}
+export {
+  CSS_VARS,
+  applyWidgetContext,
+  contextToCssVars,
+  readCssVar,
+  readThemeFromElement,
+  themeToCssVars
+};
+//# sourceMappingURL=widget-context.js.map

package/dist/context/widget-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-context.js","sources":["../../src/context/widget-context.ts"],"sourcesContent":["import type { WidgetContextValue, WidgetTheme } from '../types/index.js';\nimport { DEFAULT_CONTEXT, DEFAULT_THEME } from '../types/index.js';\n\n/** CSS custom property names consumed by chart web components */\nexport const CSS_VARS = {\n  primary: '--ui9000-color-primary',\n  secondary: '--ui9000-color-secondary',\n  background: '--ui9000-color-background',\n  grid: '--ui9000-color-grid',\n  text: '--ui9000-color-text',\n  textMuted: '--ui9000-color-text-muted',\n  fontFamily: '--ui9000-font-family',\n  scale: '--ui9000-scale',\n  styleId: '--ui9000-style-id',\n  mode: '--ui9000-mode',\n} as const;\n\nexport function themeToCssVars(theme: WidgetTheme): Record<string, string> {\n  return {\n    [CSS_VARS.primary]: theme.primary,\n    [CSS_VARS.secondary]: theme.secondary,\n    [CSS_VARS.background]: theme.background,\n    [CSS_VARS.grid]: theme.grid,\n    [CSS_VARS.text]: theme.text,\n    [CSS_VARS.textMuted]: theme.textMuted,\n    [CSS_VARS.fontFamily]: theme.fontFamily,\n  };\n}\n\nexport function contextToCssVars(ctx: WidgetContextValue): Record<string, string> {\n  return {\n    ...themeToCssVars(ctx.theme),\n    [CSS_VARS.scale]: ctx.scale,\n    [CSS_VARS.styleId]: ctx.styleId,\n    [CSS_VARS.mode]: ctx.mode,\n  };\n}\n\nexport type PartialWidgetContext = Omit<Partial<WidgetContextValue>, 'theme'> & {\n  theme?: Partial<WidgetTheme>;\n};\n\nexport function applyWidgetContext(el: HTMLElement, ctx: PartialWidgetContext = {}): void {\n  const merged: WidgetContextValue = {\n    ...DEFAULT_CONTEXT,\n    ...ctx,\n    theme: { ...DEFAULT_THEME, ...ctx.theme },\n  };\n  const vars = contextToCssVars(merged);\n  for (const [key, value] of Object.entries(vars)) {\n    el.style.setProperty(key, value);\n  }\n}\n\nexport function readCssVar(el: Element, name: string, fallback: string): string {\n  const value = getComputedStyle(el).getPropertyValue(name).trim();\n  return value || fallback;\n}\n\nexport function readThemeFromElement(el: Element): WidgetTheme {\n  return {\n    primary: readCssVar(el, CSS_VARS.primary, DEFAULT_THEME.primary),\n    secondary: readCssVar(el, CSS_VARS.secondary, DEFAULT_THEME.secondary),\n    background: readCssVar(el, CSS_VARS.background, DEFAULT_THEME.background),\n    grid: readCssVar(el, CSS_VARS.grid, DEFAULT_THEME.grid),\n    text: readCssVar(el, CSS_VARS.text, DEFAULT_THEME.text),\n    textMuted: readCssVar(el, CSS_VARS.textMuted, DEFAULT_THEME.textMuted),\n    fontFamily: readCssVar(el, CSS_VARS.fontFamily, DEFAULT_THEME.fontFamily),\n  };\n}\n\nexport type { WidgetContextValue, WidgetTheme };\n"],"names":[],"mappings":";AAIO,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEO,SAAS,eAAe,OAA4C;AACzE,SAAO;AAAA,IACL,CAAC,SAAS,OAAO,GAAG,MAAM;AAAA,IAC1B,CAAC,SAAS,SAAS,GAAG,MAAM;AAAA,IAC5B,CAAC,SAAS,UAAU,GAAG,MAAM;AAAA,IAC7B,CAAC,SAAS,IAAI,GAAG,MAAM;AAAA,IACvB,CAAC,SAAS,IAAI,GAAG,MAAM;AAAA,IACvB,CAAC,SAAS,SAAS,GAAG,MAAM;AAAA,IAC5B,CAAC,SAAS,UAAU,GAAG,MAAM;AAAA,EAAA;AAEjC;AAEO,SAAS,iBAAiB,KAAiD;AAChF,SAAO;AAAA,IACL,GAAG,eAAe,IAAI,KAAK;AAAA,IAC3B,CAAC,SAAS,KAAK,GAAG,IAAI;AAAA,IACtB,CAAC,SAAS,OAAO,GAAG,IAAI;AAAA,IACxB,CAAC,SAAS,IAAI,GAAG,IAAI;AAAA,EAAA;AAEzB;AAMO,SAAS,mBAAmB,IAAiB,MAA4B,IAAU;AACxF,QAAM,SAA6B;AAAA,IACjC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO,EAAE,GAAG,eAAe,GAAG,IAAI,MAAA;AAAA,EAAM;AAE1C,QAAM,OAAO,iBAAiB,MAAM;AACpC,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC/C,OAAG,MAAM,YAAY,KAAK,KAAK;AAAA,EACjC;AACF;AAEO,SAAS,WAAW,IAAa,MAAc,UAA0B;AAC9E,QAAM,QAAQ,iBAAiB,EAAE,EAAE,iBAAiB,IAAI,EAAE,KAAA;AAC1D,SAAO,SAAS;AAClB;AAEO,SAAS,qBAAqB,IAA0B;AAC7D,SAAO;AAAA,IACL,SAAS,WAAW,IAAI,SAAS,SAAS,cAAc,OAAO;AAAA,IAC/D,WAAW,WAAW,IAAI,SAAS,WAAW,cAAc,SAAS;AAAA,IACrE,YAAY,WAAW,IAAI,SAAS,YAAY,cAAc,UAAU;AAAA,IACxE,MAAM,WAAW,IAAI,SAAS,MAAM,cAAc,IAAI;AAAA,IACtD,MAAM,WAAW,IAAI,SAAS,MAAM,cAAc,IAAI;AAAA,IACtD,WAAW,WAAW,IAAI,SAAS,WAAW,cAAc,SAAS;AAAA,IACrE,YAAY,WAAW,IAAI,SAAS,YAAY,cAAc,UAAU;AAAA,EAAA;AAE5E;"}

package/dist/element/chart-legend-render.d.ts

@@ -0,0 +1,19 @@
+import { nothing, TemplateResult } from 'lit';
+export type ChartLegendSwatch = {
+    kind: 'line';
+    color: string;
+} | {
+    kind: 'swatch';
+    color: string;
+    opacity?: number;
+} | {
+    kind: 'dashed-line';
+    color: string;
+};
+export type ChartLegendEntry = {
+    label: string;
+    swatch: ChartLegendSwatch;
+};
+/** HTML legend row above the plot (MCP shell — not SVG). */
+export declare function renderChartLegend(entries: ChartLegendEntry[]): TemplateResult | typeof nothing;
+//# sourceMappingURL=chart-legend-render.d.ts.map

package/dist/element/chart-legend-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-legend-render.d.ts","sourceRoot":"","sources":["../../src/element/chart-legend-render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAsBF,4DAA4D;AAC5D,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,gBAAgB,EAAE,GAC1B,cAAc,GAAG,OAAO,OAAO,CAcjC"}