@fusedashlabs/widgets 0.2.0

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

@@ -0,0 +1,458 @@
+import { axisLeft } from "d3-axis";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { resolvePlotLeftMargin, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { resolveSeriesLegendColor } from "../../../utils/chart-legend.js";
+import { FD, calculateNumTicks } from "../../../utils/fusedash-visual.js";
+import { collectBarCategories, cumulativeValues, collectBarValueDomain, resolveBaseline, valueAt, groupedBarOffset } from "../lib/domain.js";
+import { barHorizontalMinSpan, barGroupedBandPadding, BAR_GROUP_INNER_GAP } from "../lib/layout.js";
+import { selectTickIndices, formatCompact } from "../lib/format.js";
+function resolveBarColor(series, index, theme) {
+  return resolveSeriesLegendColor(series, index, theme);
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function roundedRectPath(x, y, width, height, corners) {
+  const maxR = Math.min(Math.abs(width), Math.abs(height)) / 2;
+  const tl = clamp(corners.topLeft, 0, maxR);
+  const tr = clamp(corners.topRight, 0, maxR);
+  const br = clamp(corners.bottomRight, 0, maxR);
+  const bl = clamp(corners.bottomLeft, 0, maxR);
+  const right = x + width;
+  const bottom = y + height;
+  return [
+    `M ${x + tl} ${y}`,
+    `H ${right - tr}`,
+    tr ? `A ${tr} ${tr} 0 0 1 ${right} ${y + tr}` : "",
+    `V ${bottom - br}`,
+    br ? `A ${br} ${br} 0 0 1 ${right - br} ${bottom}` : "",
+    `H ${x + bl}`,
+    bl ? `A ${bl} ${bl} 0 0 1 ${x} ${bottom - bl}` : "",
+    `V ${y + tl}`,
+    tl ? `A ${tl} ${tl} 0 0 1 ${x + tl} ${y}` : "",
+    "Z"
+  ].filter(Boolean).join(" ");
+}
+let gradientSeq = 0;
+function barGradient(defs, color, orientation, negative, diagonal) {
+  const id = `ui9000-bar-grad-${gradientSeq += 1}`;
+  const gradient = defs.append("linearGradient").attr("id", id);
+  if (orientation === "horizontal") {
+    gradient.attr("x1", negative ? "100%" : "0%").attr("y1", "0%").attr("x2", negative ? "0%" : "100%").attr("y2", "0%");
+    gradient.append("stop").attr("offset", "0%").attr("stop-color", color).attr("stop-opacity", FD.barFadeOpacity);
+    gradient.append("stop").attr("offset", "100%").attr("stop-color", color).attr("stop-opacity", 1);
+    return `url(#${id})`;
+  }
+  gradient.attr("x1", diagonal && negative ? "100%" : "0%").attr("y1", negative ? "100%" : "0%").attr("x2", diagonal && !negative ? "100%" : "0%").attr("y2", negative ? "0%" : "100%");
+  gradient.append("stop").attr("offset", "0%").attr("stop-color", color).attr("stop-opacity", 1);
+  gradient.append("stop").attr("offset", "100%").attr("stop-color", color).attr("stop-opacity", FD.barFadeOpacity);
+  return `url(#${id})`;
+}
+function renderHorizontalValueTicks(parent, tickLabels, tickPositions, y) {
+  for (const i of selectTickIndices(tickLabels, tickPositions)) {
+    const isFirst = i === 0;
+    const isLast = i === tickLabels.length - 1;
+    parent.append("text").attr("x", tickPositions[i]).attr("y", y).attr("text-anchor", isFirst ? "start" : isLast ? "end" : "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(tickLabels[i]);
+  }
+}
+function renderBarChart(container, options) {
+  const {
+    series,
+    width,
+    height,
+    margin = { ...FD.barMargin },
+    theme,
+    orientation = "vertical",
+    layout = "grouped",
+    showGrid = true,
+    showTooltip = true,
+    cumulativeLine = false,
+    themeMode = "light",
+    xLabel,
+    yLabel,
+    xAxisContainer = null,
+    onHover,
+    onLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  container.replaceChildren();
+  xAxisContainer == null ? void 0 : xAxisContainer.replaceChildren();
+  if (!series.length || width <= 0 || height <= 0) return;
+  const categories = collectBarCategories(series);
+  if (!categories.length) return;
+  const seriesColor = (s, i) => resolveBarColor(s, i, theme);
+  const multi = series.length > 1;
+  const stacked = multi && layout === "stacked";
+  const grouped = multi && !stacked;
+  const vertical = orientation === "vertical";
+  const withCumulative = cumulativeLine && !multi;
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(
+      vertical ? Math.max(margin.left, yLabel ? 44 : 40) : margin.left
+    ),
+    right: Math.max(margin.right, 12)
+  };
+  const fixedBottomAxis = !vertical && !!xAxisContainer;
+  const plotTop = m.top + (yLabel && vertical ? 12 : 0);
+  const xLabelGap = xLabel && !fixedBottomAxis ? 12 : 0;
+  const bottomGutter = vertical || !fixedBottomAxis ? m.bottom + xLabelGap : 0;
+  const minSpan = vertical ? 0 : barHorizontalMinSpan(categories.length, series.length, layout);
+  const plotHAvail = height - plotTop - bottomGutter;
+  const plotH = vertical ? plotHAvail : Math.max(plotHAvail, minSpan);
+  const plotBottom = plotTop + plotH;
+  const plotLeft = m.left;
+  const plotRight = width - m.right;
+  const svgH = vertical ? height : plotTop + plotH + (fixedBottomAxis ? 0 : bottomGutter);
+  const horizontalOverflow = !vertical && plotHAvail < minSpan;
+  if (plotRight - plotLeft < 8 || plotH < 8) return;
+  const cumulative = withCumulative ? cumulativeValues(series[0], categories) : [];
+  const cumulativeMax = cumulative.length ? Math.max(...cumulative) : void 0;
+  const rawDomain = collectBarValueDomain(series, {
+    orientation,
+    layout,
+    cumulativeMax
+  });
+  const groupPad = grouped && !vertical ? clamp(barGroupedBandPadding(series.length), 0, 0.4) : 0;
+  const bandScale = scaleBand().domain(categories).range(vertical ? [plotLeft, plotRight] : [plotTop, plotBottom]).padding(groupPad).align(0.5);
+  const valueScale = scaleLinear().domain(rawDomain).nice().range(vertical ? [plotBottom, plotTop] : [plotLeft, plotRight]);
+  const domain = valueScale.domain();
+  const baselineValue = resolveBaseline(domain);
+  const baselinePos = valueScale(baselineValue);
+  const valueTicks = valueScale.ticks(
+    calculateNumTicks(vertical ? height : width)
+  );
+  const bandwidth = bandScale.bandwidth();
+  const centreOf = (category) => {
+    const start = bandScale(category);
+    return start == null ? NaN : start + bandwidth / 2;
+  };
+  if (!vertical) {
+    container.style.height = `${svgH}px`;
+    container.style.minHeight = `${svgH}px`;
+  } else {
+    container.style.height = "";
+    container.style.minHeight = "";
+  }
+  const svg = select(container).append("svg").attr("width", width).attr("height", svgH).attr("role", "img").attr("aria-label", `${orientation} bar chart`).style("display", "block").style("font-family", theme.fontFamily);
+  const defs = svg.append("defs");
+  const root = svg.append("g").attr("class", "plot");
+  if (showGrid) {
+    const grid = root.append("g").attr("class", "grid");
+    const dashed = (x1, y1, x2, y2) => {
+      grid.append("line").attr("x1", x1).attr("y1", y1).attr("x2", x2).attr("y2", y2).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges");
+    };
+    if (vertical) {
+      for (const c of categories) {
+        const cx = centreOf(c);
+        if (Number.isFinite(cx)) dashed(cx, plotTop, cx, plotBottom);
+      }
+      dashed(plotRight, plotTop, plotRight, plotBottom);
+      for (const t of valueTicks) {
+        if (t === valueTicks[0]) continue;
+        dashed(plotLeft, valueScale(t), plotRight, valueScale(t));
+      }
+    } else {
+      for (const t of valueTicks) {
+        dashed(valueScale(t), plotTop, valueScale(t), plotBottom);
+      }
+    }
+    grid.append("line").attr("class", "baseline").attr("x1", vertical ? plotLeft : baselinePos).attr("y1", vertical ? baselinePos : plotTop).attr("x2", vertical ? plotRight : baselinePos).attr("y2", vertical ? baselinePos : plotBottom).attr("stroke", FD.gridStroke).attr("shape-rendering", "crispEdges");
+  }
+  const highlight = root.append("g").attr("class", "category-highlight");
+  if (showTooltip) {
+    const pattern = defs.append("pattern").attr("id", "ui9000-bar-hover-dots").attr("x", 0).attr("y", 0).attr("width", 4).attr("height", 4).attr("patternUnits", "userSpaceOnUse");
+    const dot = pattern.append("circle").attr("cx", 2).attr("cy", 2).attr("r", 1.5).attr("fill", FD.barHoverDotFill).attr("fill-opacity", 0.4);
+    dot.append("animate").attr("attributeName", "fill-opacity").attr("values", "0.2;0.6;0.2").attr("dur", "1.5s").attr("repeatCount", "indefinite");
+    dot.append("animate").attr("attributeName", "r").attr("values", "1.5;1.9;1.5").attr("dur", "1.5s").attr("repeatCount", "indefinite");
+    const fade = defs.append("linearGradient").attr("id", "ui9000-bar-hover-fade").attr("x1", "0%").attr("y1", "0%").attr("x2", vertical ? "0%" : "100%").attr("y2", vertical ? "100%" : "0%");
+    fade.append("stop").attr("offset", "0%").attr("stop-color", "#fff").attr("stop-opacity", 0);
+    fade.append("stop").attr("offset", "15%").attr("stop-color", "#fff").attr("stop-opacity", 0.3);
+    fade.append("stop").attr("offset", "100%").attr("stop-color", "#fff").attr("stop-opacity", 1);
+  }
+  const guideColor = themeMode === "dark" ? FD.hoverGuideDark : FD.hoverGuideLight;
+  const showCategoryHighlight = (category) => {
+    highlight.selectAll("*").remove();
+    defs.selectAll(".hover-mask").remove();
+    const start = bandScale(category);
+    if (start == null) return;
+    const maskId = `ui9000-bar-hover-mask-${category.replace(/[^\w-]/g, "_")}`;
+    const mask = defs.append("mask").attr("id", maskId).attr("class", "hover-mask");
+    mask.append("rect").attr("x", vertical ? start : plotLeft).attr("y", vertical ? plotTop : start).attr("width", vertical ? bandwidth : plotRight - plotLeft).attr("height", vertical ? plotBottom - plotTop : bandwidth).attr("fill", "url(#ui9000-bar-hover-fade)");
+    highlight.append("rect").attr("x", vertical ? start : plotLeft).attr("y", vertical ? plotTop : start).attr("width", vertical ? bandwidth : plotRight - plotLeft).attr("height", vertical ? plotBottom - plotTop : bandwidth).attr("fill", "url(#ui9000-bar-hover-dots)").attr("mask", `url(#${maskId})`);
+    const centre = start + bandwidth / 2;
+    highlight.append("line").attr("class", "hover-guide").attr("x1", vertical ? centre : plotLeft).attr("y1", vertical ? plotTop : centre).attr("x2", vertical ? centre : plotRight).attr("y2", vertical ? plotBottom : centre).attr("stroke", guideColor).attr("stroke-width", FD.barHoverGuideWidth).attr("shape-rendering", "crispEdges");
+  };
+  const clearCategoryHighlight = () => {
+    highlight.selectAll("*").remove();
+    defs.selectAll(".hover-mask").remove();
+  };
+  const horizontalRowFraction = FD.barRowThickness / (FD.barRowThickness + FD.barRowSpacing * 2);
+  let thickness;
+  if (vertical) {
+    if (stacked) {
+      thickness = clamp(bandwidth * FD.barStackedBandFraction, FD.barGroupMinWidth, FD.barGroupMaxWidth);
+    } else if (grouped) {
+      thickness = Math.floor(
+        clamp(
+          (plotRight - plotLeft) / categories.length / series.length,
+          FD.barGroupMinWidth,
+          FD.barGroupMaxWidth
+        )
+      );
+    } else {
+      thickness = Math.min(bandwidth * FD.barBandFraction, FD.barMaxWidth);
+    }
+  } else if (grouped) {
+    const gap = BAR_GROUP_INNER_GAP;
+    thickness = horizontalOverflow ? FD.barRowThickness : Math.max(
+      Math.min(bandwidth / series.length - gap, FD.barRowThickness),
+      1
+    );
+  } else {
+    thickness = horizontalOverflow ? FD.barRowThickness : Math.max(bandwidth * horizontalRowFraction, 1);
+  }
+  const barsG = root.append("g").attr("class", "bars");
+  const minLength = stacked ? 0 : vertical ? multi ? 1 : FD.barMinHeight : FD.barMinWidth;
+  const radius = FD.barCornerRadius;
+  const drawBar = (opts) => {
+    const { category, seriesIndex, color, value, offset, size, from, to, corners } = opts;
+    const negative = value < baselineValue;
+    const rawLength = Math.abs(to - from);
+    const length = Math.max(rawLength, minLength);
+    let start = Math.min(from, to);
+    if (rawLength < length) {
+      if (vertical) {
+        start = negative ? Math.min(from, plotBottom - length) : Math.max(plotTop, from - length);
+      } else {
+        start = negative ? Math.max(plotLeft, from - length) : Math.min(from, plotRight - length);
+      }
+    }
+    const x = vertical ? offset : start;
+    const y = vertical ? start : offset;
+    const w = vertical ? size : length;
+    const h = vertical ? length : size;
+    barsG.append("path").attr("class", `bar bar-${seriesIndex}`).attr("data-category", category).attr("data-series", series[seriesIndex].id).attr("d", roundedRectPath(x, y, w, h, corners)).attr("fill", barGradient(defs, color, orientation, negative, opts.diagonalGradient));
+  };
+  categories.forEach((category) => {
+    const bandStart = bandScale(category);
+    if (bandStart == null) return;
+    const centre = bandStart + bandwidth / 2;
+    if (stacked) {
+      const present = series.map((s, i) => ({ series: s, index: i, value: valueAt(s, category) })).filter((e) => e.value != null && e.value !== 0);
+      if (!present.length) return;
+      const positives = present.filter((e) => e.value > 0);
+      const negatives = present.filter((e) => e.value < 0);
+      const offset = centre - thickness / 2;
+      const stackHalf = (entries, sign) => {
+        let cumulativeTotal = 0;
+        entries.forEach((entry, i) => {
+          const from = valueScale(baselineValue + sign * cumulativeTotal);
+          cumulativeTotal += Math.abs(entry.value);
+          const to = valueScale(baselineValue + sign * cumulativeTotal);
+          const outerEnd = i === entries.length - 1;
+          const corners = {
+            topLeft: 0,
+            topRight: 0,
+            bottomLeft: 0,
+            bottomRight: 0
+          };
+          if (outerEnd) {
+            if (vertical) {
+              if (sign === 1) {
+                corners.topLeft = radius;
+                corners.topRight = radius;
+              } else {
+                corners.bottomLeft = radius;
+                corners.bottomRight = radius;
+              }
+            } else if (sign === 1) {
+              corners.topRight = radius;
+              corners.bottomRight = radius;
+            } else {
+              corners.topLeft = radius;
+              corners.bottomLeft = radius;
+            }
+          }
+          drawBar({
+            category,
+            seriesIndex: entry.index,
+            color: seriesColor(entry.series, entry.index),
+            value: entry.value,
+            offset,
+            size: thickness,
+            from,
+            to,
+            corners,
+            diagonalGradient: false
+          });
+        });
+      };
+      stackHalf(positives, 1);
+      stackHalf(negatives, -1);
+      return;
+    }
+    series.forEach((s, i) => {
+      const value = valueAt(s, category);
+      if (value == null || value === baselineValue) return;
+      let offset;
+      if (!multi) {
+        offset = centre - thickness / 2;
+      } else if (vertical) {
+        offset = centre - thickness / 2 + groupedBarOffset(thickness, i, series.length);
+      } else {
+        const gap = BAR_GROUP_INNER_GAP;
+        const groupSize = series.length * thickness + (series.length - 1) * gap;
+        offset = centre - groupSize / 2 + i * (thickness + gap);
+      }
+      const negative = value < baselineValue;
+      const corners = {
+        topLeft: 0,
+        topRight: 0,
+        bottomLeft: 0,
+        bottomRight: 0
+      };
+      if (vertical) {
+        if (negative) {
+          corners.bottomLeft = radius;
+          corners.bottomRight = radius;
+        } else {
+          corners.topLeft = radius;
+          corners.topRight = radius;
+        }
+      } else if (negative) {
+        corners.topLeft = radius;
+        corners.bottomLeft = radius;
+      } else {
+        corners.topRight = radius;
+        corners.bottomRight = radius;
+      }
+      drawBar({
+        category,
+        seriesIndex: i,
+        color: seriesColor(s, i),
+        value,
+        offset,
+        size: thickness,
+        from: baselinePos,
+        to: valueScale(value),
+        corners,
+        diagonalGradient: !multi && vertical
+      });
+    });
+  });
+  if (withCumulative && vertical && cumulative.length) {
+    const points = categories.map((c, i) => ({ x: centreOf(c), y: valueScale(cumulative[i]) })).filter((p) => Number.isFinite(p.x) && Number.isFinite(p.y));
+    if (points.length > 1) {
+      const overlay = root.append("g").attr("class", "cumulative");
+      overlay.append("path").attr("fill", "none").attr("stroke", FD.barCumulativeColor).attr("stroke-width", FD.barCumulativeWidth).attr(
+        "d",
+        points.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x} ${p.y}`).join(" ")
+      );
+      for (const p of points) {
+        overlay.append("circle").attr("cx", p.x).attr("cy", p.y).attr("r", FD.barCumulativeDotRadius).attr("fill", FD.barCumulativeColor).attr("stroke", "#ffffff").attr("stroke-width", 1);
+      }
+    }
+  }
+  const tickFormat = (d) => formatCompact(Number(d));
+  if (vertical) {
+    const categoryAxis = root.append("g").attr("class", "category-axis");
+    const positions = categories.map(centreOf);
+    for (const i of selectTickIndices(categories, positions)) {
+      const isFirst = i === 0;
+      const isLast = i === categories.length - 1;
+      categoryAxis.append("text").attr("x", positions[i]).attr("y", plotBottom + 16).attr("text-anchor", isFirst ? "start" : isLast ? "end" : "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(categories[i]);
+    }
+    const valueAxis = root.append("g").attr("class", "value-axis").attr("transform", `translate(${plotLeft},0)`).call(
+      axisLeft(valueScale).tickValues(valueTicks).tickSize(4).tickPadding(6).tickFormat(tickFormat)
+    );
+    valueAxis.select(".domain").attr("stroke", FD.axisStroke).attr("stroke-dasharray", "1 2");
+    valueAxis.selectAll(".tick line").attr("stroke", FD.axisStroke);
+    applyLeftGutterYAxisLabels(valueAxis, plotLeft, {
+      onAxisLabelHover,
+      onAxisLabelLeave
+    });
+  } else {
+    const categoryAxis = root.append("g").attr("class", "category-axis").attr("transform", `translate(${plotLeft},0)`).call(axisLeft(bandScale).tickSize(0).tickPadding(8));
+    categoryAxis.select(".domain").attr("stroke", "none");
+    applyLeftGutterYAxisLabels(categoryAxis, plotLeft, {
+      onAxisLabelHover,
+      onAxisLabelLeave
+    });
+    const tickLabels = valueTicks.map(tickFormat);
+    const tickPositions = valueTicks.map((t) => valueScale(t));
+    if (fixedBottomAxis && xAxisContainer) {
+      const axisSvg = select(xAxisContainer).append("svg").attr("width", width).attr("height", m.bottom + (xLabel ? 12 : 0)).attr("role", "presentation").style("display", "block").style("font-family", theme.fontFamily);
+      renderHorizontalValueTicks(
+        axisSvg.append("g").attr("class", "value-axis"),
+        tickLabels,
+        tickPositions,
+        16
+      );
+      if (xLabel) {
+        axisSvg.append("text").attr("x", (plotLeft + plotRight) / 2).attr("y", m.bottom + 10).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+      }
+    } else {
+      renderHorizontalValueTicks(
+        root.append("g").attr("class", "value-axis"),
+        tickLabels,
+        tickPositions,
+        plotBottom + 16
+      );
+    }
+  }
+  if (xLabel && !fixedBottomAxis) {
+    root.append("text").attr("x", (plotLeft + plotRight) / 2).attr("y", svgH - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+  }
+  if (yLabel) {
+    root.append("text").attr("x", 4).attr("y", 11).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(yLabel);
+  }
+  if (!showTooltip || !onHover) return;
+  const nearestCategory = (position) => {
+    const step = bandScale.step() || 1;
+    const origin = vertical ? plotLeft : plotTop;
+    const idx = Math.floor((position - origin) / step);
+    return categories[clamp(idx, 0, categories.length - 1)];
+  };
+  root.append("rect").attr("class", "hover-target").attr("x", plotLeft).attr("y", plotTop).attr("width", plotRight - plotLeft).attr("height", plotBottom - plotTop).attr("fill", "transparent").on("mousemove", function(event) {
+    var _a;
+    const rect = (_a = this.ownerSVGElement) == null ? void 0 : _a.getBoundingClientRect();
+    const local = vertical ? event.clientX - ((rect == null ? void 0 : rect.left) ?? 0) : event.clientY - ((rect == null ? void 0 : rect.top) ?? 0);
+    const category = nearestCategory(local);
+    if (category == null) return;
+    showCategoryHighlight(category);
+    const entries = [];
+    series.forEach((s, i) => {
+      const value = valueAt(s, category);
+      if (value == null) return;
+      entries.push({
+        seriesId: s.id,
+        seriesName: s.name ?? s.id,
+        color: seriesColor(s, i),
+        value
+      });
+    });
+    if (withCumulative) {
+      const index = categories.indexOf(category);
+      if (index >= 0) {
+        entries.push({
+          seriesId: "cumulative",
+          seriesName: "Cumulative",
+          color: FD.barCumulativeColor,
+          value: cumulative[index]
+        });
+      }
+    }
+    onHover({ category, entries, event });
+  }).on("mouseleave", () => {
+    clearCategoryHighlight();
+    onLeave == null ? void 0 : onLeave();
+  });
+}
+export {
+  renderBarChart
+};
+//# sourceMappingURL=draw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/bar-chart/render/draw.ts"],"sourcesContent":["import { axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport {\n  applyLeftGutterYAxisLabels,\n  resolvePlotLeftMargin,\n} from '../../../utils/axis-labels.js';\nimport { resolveSeriesLegendColor } from '../../../utils/chart-legend.js';\nimport { calculateNumTicks, FD } from '../../../utils/fusedash-visual.js';\nimport {\n  BAR_GROUP_INNER_GAP,\n  barGroupedBandPadding,\n  barHorizontalMinSpan,\n  collectBarCategories,\n  collectBarValueDomain,\n  cumulativeValues,\n  formatCompact,\n  groupedBarOffset,\n  resolveBaseline,\n  selectTickIndices,\n  valueAt,\n  type BarHoverEntry,\n  type BarLayout,\n  type BarOrientation,\n  type BarSeries,\n} from '../lib/index.js';\n\nexport interface RenderBarChartOptions extends AxisLabelTooltipHandlers {\n  series: BarSeries[];\n  width: number;\n  height: number;\n  /** FuseDash Barchart margins when omitted by the host */\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  orientation?: BarOrientation;\n  /** Only applies with more than one series */\n  layout?: BarLayout;\n  showGrid?: boolean;\n  /** Hovered-category column highlight + tooltip callback */\n  showTooltip?: boolean;\n  /** FuseDash `cumulativeLine` — running total overlay, single series only */\n  cumulativeLine?: boolean;\n  themeMode?: 'light' | 'dark';\n  xLabel?: string;\n  yLabel?: string;\n  /**\n   * When set on a horizontal chart, the value axis is drawn here and pinned\n   * below the scroll area (client `hasChartYOverflow` + bottom axis SVG).\n   */\n  xAxisContainer?: HTMLElement | null;\n  onHover?: (payload: {\n    category: string;\n    entries: BarHoverEntry[];\n    event: MouseEvent;\n  }) => void;\n  onLeave?: () => void;\n}\n\n/** `getComputedTextLength` is unavailable without a layout engine (jsdom, SSR). */\nfunction resolveBarColor(series: BarSeries, index: number, theme: WidgetTheme): string {\n  return resolveSeriesLegendColor(series, index, theme);\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\ninterface BarCorners {\n  topLeft: number;\n  topRight: number;\n  bottomLeft: number;\n  bottomRight: number;\n}\n\n/** Rect path with per-corner radii, clamped so they can never cross over. */\nfunction roundedRectPath(\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  corners: BarCorners,\n): string {\n  const maxR = Math.min(Math.abs(width), Math.abs(height)) / 2;\n  const tl = clamp(corners.topLeft, 0, maxR);\n  const tr = clamp(corners.topRight, 0, maxR);\n  const br = clamp(corners.bottomRight, 0, maxR);\n  const bl = clamp(corners.bottomLeft, 0, maxR);\n  const right = x + width;\n  const bottom = y + height;\n\n  return [\n    `M ${x + tl} ${y}`,\n    `H ${right - tr}`,\n    tr ? `A ${tr} ${tr} 0 0 1 ${right} ${y + tr}` : '',\n    `V ${bottom - br}`,\n    br ? `A ${br} ${br} 0 0 1 ${right - br} ${bottom}` : '',\n    `H ${x + bl}`,\n    bl ? `A ${bl} ${bl} 0 0 1 ${x} ${bottom - bl}` : '',\n    `V ${y + tl}`,\n    tl ? `A ${tl} ${tl} 0 0 1 ${x + tl} ${y}` : '',\n    'Z',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nlet gradientSeq = 0;\n\n/**\n * FuseDash bar fill: a linear gradient from the full-strength series color to a\n * faded stop. Vertical bars fade downward, horizontal bars fade back toward the\n * baseline, and negative bars mirror the direction so the solid end always sits\n * at the bar's tip.\n */\nfunction barGradient(\n  defs: Selection<SVGDefsElement, unknown, null, undefined>,\n  color: string,\n  orientation: BarOrientation,\n  negative: boolean,\n  diagonal: boolean,\n): string {\n  const id = `ui9000-bar-grad-${(gradientSeq += 1)}`;\n  const gradient = defs.append('linearGradient').attr('id', id);\n\n  if (orientation === 'horizontal') {\n    gradient\n      .attr('x1', negative ? '100%' : '0%')\n      .attr('y1', '0%')\n      .attr('x2', negative ? '0%' : '100%')\n      .attr('y2', '0%');\n    gradient\n      .append('stop')\n      .attr('offset', '0%')\n      .attr('stop-color', color)\n      .attr('stop-opacity', FD.barFadeOpacity);\n    gradient\n      .append('stop')\n      .attr('offset', '100%')\n      .attr('stop-color', color)\n      .attr('stop-opacity', 1);\n    return `url(#${id})`;\n  }\n\n  // the plain vertical chart uses a diagonal ramp, grouped/stacked a straight one\n  gradient\n    .attr('x1', diagonal && negative ? '100%' : '0%')\n    .attr('y1', negative ? '100%' : '0%')\n    .attr('x2', diagonal && !negative ? '100%' : '0%')\n    .attr('y2', negative ? '0%' : '100%');\n  gradient\n    .append('stop')\n    .attr('offset', '0%')\n    .attr('stop-color', color)\n    .attr('stop-opacity', 1);\n  gradient\n    .append('stop')\n    .attr('offset', '100%')\n    .attr('stop-color', color)\n    .attr('stop-opacity', FD.barFadeOpacity);\n  return `url(#${id})`;\n}\n\nfunction renderHorizontalValueTicks(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  tickLabels: string[],\n  tickPositions: number[],\n  y: number,\n): void {\n  for (const i of selectTickIndices(tickLabels, tickPositions)) {\n    const isFirst = i === 0;\n    const isLast = i === tickLabels.length - 1;\n    parent\n      .append('text')\n      .attr('x', tickPositions[i])\n      .attr('y', y)\n      .attr('text-anchor', isFirst ? 'start' : isLast ? 'end' : 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(tickLabels[i]);\n  }\n}\n\n/**\n * FuseDash Barchart — D3 rewrite covering all six Visx variants\n * (vertical / horizontal × plain / grouped / stacked).\n *\n * Coordinate system matches Visx: scales carry the margin in their range, so\n * there is no inner plot translate. Horizontal charts grow past the host when\n * the preferred row pitch does not fit — scroll the plot, pin the value axis.\n */\nexport function renderBarChart(container: HTMLElement, options: RenderBarChartOptions): void {\n  const {\n    series,\n    width,\n    height,\n    margin = { ...FD.barMargin },\n    theme,\n    orientation = 'vertical',\n    layout = 'grouped',\n    showGrid = true,\n    showTooltip = true,\n    cumulativeLine = false,\n    themeMode = 'light',\n    xLabel,\n    yLabel,\n    xAxisContainer = null,\n    onHover,\n    onLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  container.replaceChildren();\n  xAxisContainer?.replaceChildren();\n  if (!series.length || width <= 0 || height <= 0) return;\n\n  const categories = collectBarCategories(series);\n  if (!categories.length) return;\n\n  const seriesColor = (s: BarSeries, i: number): string => resolveBarColor(s, i, theme);\n\n  const multi = series.length > 1;\n  const stacked = multi && layout === 'stacked';\n  const grouped = multi && !stacked;\n  const vertical = orientation === 'vertical';\n  const withCumulative = cumulativeLine && !multi;\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(\n      vertical ? Math.max(margin.left, yLabel ? 44 : 40) : margin.left,\n    ),\n    right: Math.max(margin.right, 12),\n  };\n  const fixedBottomAxis = !vertical && !!xAxisContainer;\n  const plotTop = m.top + (yLabel && vertical ? 12 : 0);\n  const xLabelGap = xLabel && !fixedBottomAxis ? 12 : 0;\n  const bottomGutter = vertical || !fixedBottomAxis ? m.bottom + xLabelGap : 0;\n  const minSpan = vertical\n    ? 0\n    : barHorizontalMinSpan(categories.length, series.length, layout);\n  const plotHAvail = height - plotTop - bottomGutter;\n  const plotH = vertical ? plotHAvail : Math.max(plotHAvail, minSpan);\n  const plotBottom = plotTop + plotH;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  const svgH = vertical ? height : plotTop + plotH + (fixedBottomAxis ? 0 : bottomGutter);\n  const horizontalOverflow = !vertical && plotHAvail < minSpan;\n  if (plotRight - plotLeft < 8 || plotH < 8) return;\n\n  // --- Domains / scales -----------------------------------------------------\n  const cumulative = withCumulative ? cumulativeValues(series[0], categories) : [];\n  const cumulativeMax = cumulative.length ? Math.max(...cumulative) : undefined;\n\n  const rawDomain = collectBarValueDomain(series, {\n    orientation,\n    layout,\n    cumulativeMax,\n  });\n\n  // Horizontal groups get a 32px gutter between category bands (client\n  // `groupPadding`); every other variant fills them edge to edge.\n  const groupPad =\n    grouped && !vertical\n      ? clamp(barGroupedBandPadding(series.length), 0, 0.4)\n      : 0;\n\n  const bandScale = scaleBand<string>()\n    .domain(categories)\n    .range(vertical ? [plotLeft, plotRight] : [plotTop, plotBottom])\n    .padding(groupPad)\n    .align(0.5);\n\n  const valueScale = scaleLinear()\n    .domain(rawDomain)\n    .nice()\n    .range(vertical ? [plotBottom, plotTop] : [plotLeft, plotRight]);\n\n  const domain = valueScale.domain() as [number, number];\n  const baselineValue = resolveBaseline(domain);\n  const baselinePos = valueScale(baselineValue);\n  const valueTicks = valueScale.ticks(\n    calculateNumTicks(vertical ? height : width),\n  );\n\n  const bandwidth = bandScale.bandwidth();\n  const centreOf = (category: string): number => {\n    const start = bandScale(category);\n    return start == null ? NaN : start + bandwidth / 2;\n  };\n\n  if (!vertical) {\n    container.style.height = `${svgH}px`;\n    container.style.minHeight = `${svgH}px`;\n  } else {\n    container.style.height = '';\n    container.style.minHeight = '';\n  }\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', svgH)\n    .attr('role', 'img')\n    .attr('aria-label', `${orientation} bar chart`)\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const defs = svg.append('defs');\n  const root = svg.append('g').attr('class', 'plot');\n\n  // --- Grid (FuseDash dashed #afb3bb + solid baseline) ----------------------\n  if (showGrid) {\n    const grid = root.append('g').attr('class', 'grid');\n\n    const dashed = (x1: number, y1: number, x2: number, y2: number): void => {\n      grid\n        .append('line')\n        .attr('x1', x1)\n        .attr('y1', y1)\n        .attr('x2', x2)\n        .attr('y2', y2)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', '1 2')\n        .attr('shape-rendering', 'crispEdges');\n    };\n\n    if (vertical) {\n      for (const c of categories) {\n        const cx = centreOf(c);\n        if (Number.isFinite(cx)) dashed(cx, plotTop, cx, plotBottom);\n      }\n      dashed(plotRight, plotTop, plotRight, plotBottom);\n      // FuseDash omits the first tick's line — the baseline covers it\n      for (const t of valueTicks) {\n        if (t === valueTicks[0]) continue;\n        dashed(plotLeft, valueScale(t), plotRight, valueScale(t));\n      }\n    } else {\n      for (const t of valueTicks) {\n        dashed(valueScale(t), plotTop, valueScale(t), plotBottom);\n      }\n    }\n\n    grid\n      .append('line')\n      .attr('class', 'baseline')\n      .attr('x1', vertical ? plotLeft : baselinePos)\n      .attr('y1', vertical ? baselinePos : plotTop)\n      .attr('x2', vertical ? plotRight : baselinePos)\n      .attr('y2', vertical ? baselinePos : plotBottom)\n      .attr('stroke', FD.gridStroke)\n      .attr('shape-rendering', 'crispEdges');\n  }\n\n  // --- Hovered category column ---------------------------------------------\n  // Drawn under the bars so the dots read as a backdrop, like FuseDash.\n  const highlight = root.append('g').attr('class', 'category-highlight');\n  if (showTooltip) {\n    const pattern = defs\n      .append('pattern')\n      .attr('id', 'ui9000-bar-hover-dots')\n      .attr('x', 0)\n      .attr('y', 0)\n      .attr('width', 4)\n      .attr('height', 4)\n      .attr('patternUnits', 'userSpaceOnUse');\n    const dot = pattern\n      .append('circle')\n      .attr('cx', 2)\n      .attr('cy', 2)\n      .attr('r', 1.5)\n      .attr('fill', FD.barHoverDotFill)\n      .attr('fill-opacity', 0.4);\n    dot\n      .append('animate')\n      .attr('attributeName', 'fill-opacity')\n      .attr('values', '0.2;0.6;0.2')\n      .attr('dur', '1.5s')\n      .attr('repeatCount', 'indefinite');\n    dot\n      .append('animate')\n      .attr('attributeName', 'r')\n      .attr('values', '1.5;1.9;1.5')\n      .attr('dur', '1.5s')\n      .attr('repeatCount', 'indefinite');\n\n    const fade = defs\n      .append('linearGradient')\n      .attr('id', 'ui9000-bar-hover-fade')\n      .attr('x1', '0%')\n      .attr('y1', '0%')\n      .attr('x2', vertical ? '0%' : '100%')\n      .attr('y2', vertical ? '100%' : '0%');\n    fade.append('stop').attr('offset', '0%').attr('stop-color', '#fff').attr('stop-opacity', 0);\n    fade.append('stop').attr('offset', '15%').attr('stop-color', '#fff').attr('stop-opacity', 0.3);\n    fade.append('stop').attr('offset', '100%').attr('stop-color', '#fff').attr('stop-opacity', 1);\n  }\n\n  const guideColor = themeMode === 'dark' ? FD.hoverGuideDark : FD.hoverGuideLight;\n\n  const showCategoryHighlight = (category: string): void => {\n    highlight.selectAll('*').remove();\n    // masks are per-category — drop the previous one instead of piling them up\n    defs.selectAll('.hover-mask').remove();\n    const start = bandScale(category);\n    if (start == null) return;\n\n    const maskId = `ui9000-bar-hover-mask-${category.replace(/[^\\w-]/g, '_')}`;\n    const mask = defs.append('mask').attr('id', maskId).attr('class', 'hover-mask');\n    mask\n      .append('rect')\n      .attr('x', vertical ? start : plotLeft)\n      .attr('y', vertical ? plotTop : start)\n      .attr('width', vertical ? bandwidth : plotRight - plotLeft)\n      .attr('height', vertical ? plotBottom - plotTop : bandwidth)\n      .attr('fill', 'url(#ui9000-bar-hover-fade)');\n\n    highlight\n      .append('rect')\n      .attr('x', vertical ? start : plotLeft)\n      .attr('y', vertical ? plotTop : start)\n      .attr('width', vertical ? bandwidth : plotRight - plotLeft)\n      .attr('height', vertical ? plotBottom - plotTop : bandwidth)\n      .attr('fill', 'url(#ui9000-bar-hover-dots)')\n      .attr('mask', `url(#${maskId})`);\n\n    const centre = start + bandwidth / 2;\n    highlight\n      .append('line')\n      .attr('class', 'hover-guide')\n      .attr('x1', vertical ? centre : plotLeft)\n      .attr('y1', vertical ? plotTop : centre)\n      .attr('x2', vertical ? centre : plotRight)\n      .attr('y2', vertical ? plotBottom : centre)\n      .attr('stroke', guideColor)\n      .attr('stroke-width', FD.barHoverGuideWidth)\n      .attr('shape-rendering', 'crispEdges');\n  };\n\n  const clearCategoryHighlight = (): void => {\n    highlight.selectAll('*').remove();\n    defs.selectAll('.hover-mask').remove();\n  };\n\n  // --- Bar thickness --------------------------------------------------------\n  // Vertical: FuseDash takes a fraction of the band (0.4 plain, 0.85 stacked),\n  // and sizes grouped bars from the space each group gets.\n  // Horizontal: rows are 24px tall with 16px gutters, scaled with the band.\n  const horizontalRowFraction =\n    FD.barRowThickness / (FD.barRowThickness + FD.barRowSpacing * 2);\n\n  let thickness: number;\n  if (vertical) {\n    if (stacked) {\n      thickness = clamp(bandwidth * FD.barStackedBandFraction, FD.barGroupMinWidth, FD.barGroupMaxWidth);\n    } else if (grouped) {\n      thickness = Math.floor(\n        clamp(\n          (plotRight - plotLeft) / categories.length / series.length,\n          FD.barGroupMinWidth,\n          FD.barGroupMaxWidth,\n        ),\n      );\n    } else {\n      thickness = Math.min(bandwidth * FD.barBandFraction, FD.barMaxWidth);\n    }\n  } else if (grouped) {\n    const gap = BAR_GROUP_INNER_GAP;\n    thickness = horizontalOverflow\n      ? FD.barRowThickness\n      : Math.max(\n          Math.min(bandwidth / series.length - gap, FD.barRowThickness),\n          1,\n        );\n  } else {\n    thickness = horizontalOverflow\n      ? FD.barRowThickness\n      : Math.max(bandwidth * horizontalRowFraction, 1);\n  }\n\n  // --- Bars -----------------------------------------------------------------\n  const barsG = root.append('g').attr('class', 'bars');\n  // Stacked segments must sum to the stack total, so they get no floor at all;\n  // standalone bars keep FuseDash's \"still visible\" minimum.\n  const minLength = stacked\n    ? 0\n    : vertical\n      ? multi\n        ? 1\n        : FD.barMinHeight\n      : FD.barMinWidth;\n  const radius = FD.barCornerRadius;\n\n  const drawBar = (opts: {\n    category: string;\n    seriesIndex: number;\n    color: string;\n    value: number;\n    /** Along the band axis */\n    offset: number;\n    size: number;\n    /** Along the value axis */\n    from: number;\n    to: number;\n    corners: BarCorners;\n    diagonalGradient: boolean;\n  }): void => {\n    const { category, seriesIndex, color, value, offset, size, from, to, corners } = opts;\n    const negative = value < baselineValue;\n    const rawLength = Math.abs(to - from);\n    const length = Math.max(rawLength, minLength);\n\n    // grow a floored bar away from the baseline, never through the plot edge\n    let start = Math.min(from, to);\n    if (rawLength < length) {\n      if (vertical) {\n        start = negative ? Math.min(from, plotBottom - length) : Math.max(plotTop, from - length);\n      } else {\n        start = negative ? Math.max(plotLeft, from - length) : Math.min(from, plotRight - length);\n      }\n    }\n\n    const x = vertical ? offset : start;\n    const y = vertical ? start : offset;\n    const w = vertical ? size : length;\n    const h = vertical ? length : size;\n\n    barsG\n      .append('path')\n      .attr('class', `bar bar-${seriesIndex}`)\n      .attr('data-category', category)\n      .attr('data-series', series[seriesIndex].id)\n      .attr('d', roundedRectPath(x, y, w, h, corners))\n      .attr('fill', barGradient(defs, color, orientation, negative, opts.diagonalGradient));\n  };\n\n  categories.forEach((category) => {\n    const bandStart = bandScale(category);\n    if (bandStart == null) return;\n    const centre = bandStart + bandwidth / 2;\n\n    if (stacked) {\n      // Segments keep the series order; positive and negative halves stack away\n      // from the baseline independently.\n      const present = series\n        .map((s, i) => ({ series: s, index: i, value: valueAt(s, category) }))\n        .filter((e) => e.value != null && e.value !== 0) as {\n        series: BarSeries;\n        index: number;\n        value: number;\n      }[];\n      if (!present.length) return;\n\n      const positives = present.filter((e) => e.value > 0);\n      const negatives = present.filter((e) => e.value < 0);\n      const offset = centre - thickness / 2;\n\n      const stackHalf = (entries: typeof present, sign: 1 | -1): void => {\n        let cumulativeTotal = 0;\n        entries.forEach((entry, i) => {\n          const from = valueScale(baselineValue + sign * cumulativeTotal);\n          cumulativeTotal += Math.abs(entry.value);\n          const to = valueScale(baselineValue + sign * cumulativeTotal);\n          const outerEnd = i === entries.length - 1;\n\n          // only the segment at the tip of the stack gets rounded\n          const corners: BarCorners = {\n            topLeft: 0,\n            topRight: 0,\n            bottomLeft: 0,\n            bottomRight: 0,\n          };\n          if (outerEnd) {\n            if (vertical) {\n              if (sign === 1) {\n                corners.topLeft = radius;\n                corners.topRight = radius;\n              } else {\n                corners.bottomLeft = radius;\n                corners.bottomRight = radius;\n              }\n            } else if (sign === 1) {\n              corners.topRight = radius;\n              corners.bottomRight = radius;\n            } else {\n              corners.topLeft = radius;\n              corners.bottomLeft = radius;\n            }\n          }\n\n          drawBar({\n            category,\n            seriesIndex: entry.index,\n            color: seriesColor(entry.series, entry.index),\n            value: entry.value,\n            offset,\n            size: thickness,\n            from,\n            to,\n            corners,\n            diagonalGradient: false,\n          });\n        });\n      };\n\n      stackHalf(positives, 1);\n      stackHalf(negatives, -1);\n      return;\n    }\n\n    series.forEach((s, i) => {\n      const value = valueAt(s, category);\n      if (value == null || value === baselineValue) return;\n\n      let offset: number;\n      if (!multi) {\n        offset = centre - thickness / 2;\n      } else if (vertical) {\n        offset = centre - thickness / 2 + groupedBarOffset(thickness, i, series.length);\n      } else {\n        const gap = BAR_GROUP_INNER_GAP;\n        const groupSize = series.length * thickness + (series.length - 1) * gap;\n        offset = centre - groupSize / 2 + i * (thickness + gap);\n      }\n\n      const negative = value < baselineValue;\n      const corners: BarCorners = {\n        topLeft: 0,\n        topRight: 0,\n        bottomLeft: 0,\n        bottomRight: 0,\n      };\n      if (vertical) {\n        if (negative) {\n          corners.bottomLeft = radius;\n          corners.bottomRight = radius;\n        } else {\n          corners.topLeft = radius;\n          corners.topRight = radius;\n        }\n      } else if (negative) {\n        corners.topLeft = radius;\n        corners.bottomLeft = radius;\n      } else {\n        corners.topRight = radius;\n        corners.bottomRight = radius;\n      }\n\n      drawBar({\n        category,\n        seriesIndex: i,\n        color: seriesColor(s, i),\n        value,\n        offset,\n        size: thickness,\n        from: baselinePos,\n        to: valueScale(value),\n        corners,\n        diagonalGradient: !multi && vertical,\n      });\n    });\n  });\n\n  // --- Cumulative overlay (FuseDash `cumulativeLine`) -----------------------\n  if (withCumulative && vertical && cumulative.length) {\n    const points = categories\n      .map((c, i) => ({ x: centreOf(c), y: valueScale(cumulative[i]) }))\n      .filter((p) => Number.isFinite(p.x) && Number.isFinite(p.y));\n\n    if (points.length > 1) {\n      const overlay = root.append('g').attr('class', 'cumulative');\n      overlay\n        .append('path')\n        .attr('fill', 'none')\n        .attr('stroke', FD.barCumulativeColor)\n        .attr('stroke-width', FD.barCumulativeWidth)\n        .attr(\n          'd',\n          points.map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x} ${p.y}`).join(' '),\n        );\n      for (const p of points) {\n        overlay\n          .append('circle')\n          .attr('cx', p.x)\n          .attr('cy', p.y)\n          .attr('r', FD.barCumulativeDotRadius)\n          .attr('fill', FD.barCumulativeColor)\n          .attr('stroke', '#ffffff')\n          .attr('stroke-width', 1);\n      }\n    }\n  }\n\n  // --- Axes -----------------------------------------------------------------\n  const tickFormat = (d: unknown): string => formatCompact(Number(d));\n\n  if (vertical) {\n    // Category labels are drawn by hand (thinned) — the chat host has no room\n    // for the rotating FuseDash `useVisxDynamicAxisLabel` component.\n    const categoryAxis = root.append('g').attr('class', 'category-axis');\n    const positions = categories.map(centreOf);\n    for (const i of selectTickIndices(categories, positions)) {\n      const isFirst = i === 0;\n      const isLast = i === categories.length - 1;\n      categoryAxis\n        .append('text')\n        .attr('x', positions[i])\n        .attr('y', plotBottom + 16)\n        .attr('text-anchor', isFirst ? 'start' : isLast ? 'end' : 'middle')\n        .attr('fill', FD.axisLabelFill)\n        .attr('font-size', FD.axisLabelSize)\n        .text(categories[i]);\n    }\n\n    const valueAxis = root\n      .append('g')\n      .attr('class', 'value-axis')\n      .attr('transform', `translate(${plotLeft},0)`)\n      .call(\n        axisLeft(valueScale)\n          .tickValues(valueTicks)\n          .tickSize(4)\n          .tickPadding(6)\n          .tickFormat(tickFormat),\n      );\n    valueAxis.select('.domain').attr('stroke', FD.axisStroke).attr('stroke-dasharray', '1 2');\n    valueAxis.selectAll('.tick line').attr('stroke', FD.axisStroke);\n    applyLeftGutterYAxisLabels(valueAxis, plotLeft, {\n      onAxisLabelHover,\n      onAxisLabelLeave,\n    });\n  } else {\n    // Horizontal: categories in the shared 56px left gutter (line-chart /\n    // applyLeftGutterYAxisLabels), values along the bottom.\n    const categoryAxis = root\n      .append('g')\n      .attr('class', 'category-axis')\n      .attr('transform', `translate(${plotLeft},0)`)\n      .call(axisLeft(bandScale).tickSize(0).tickPadding(8));\n    categoryAxis.select('.domain').attr('stroke', 'none');\n    applyLeftGutterYAxisLabels(categoryAxis, plotLeft, {\n      onAxisLabelHover,\n      onAxisLabelLeave,\n    });\n\n    const tickLabels = valueTicks.map(tickFormat);\n    const tickPositions = valueTicks.map((t) => valueScale(t));\n\n    if (fixedBottomAxis && xAxisContainer) {\n      const axisSvg = select(xAxisContainer)\n        .append('svg')\n        .attr('width', width)\n        .attr('height', m.bottom + (xLabel ? 12 : 0))\n        .attr('role', 'presentation')\n        .style('display', 'block')\n        .style('font-family', theme.fontFamily);\n      renderHorizontalValueTicks(\n        axisSvg.append('g').attr('class', 'value-axis'),\n        tickLabels,\n        tickPositions,\n        16,\n      );\n      if (xLabel) {\n        axisSvg\n          .append('text')\n          .attr('x', (plotLeft + plotRight) / 2)\n          .attr('y', m.bottom + 10)\n          .attr('text-anchor', 'middle')\n          .attr('fill', FD.axisLabelFill)\n          .attr('font-size', FD.axisLabelSize)\n          .text(xLabel);\n      }\n    } else {\n      renderHorizontalValueTicks(\n        root.append('g').attr('class', 'value-axis'),\n        tickLabels,\n        tickPositions,\n        plotBottom + 16,\n      );\n    }\n  }\n\n  if (xLabel && !fixedBottomAxis) {\n    root\n      .append('text')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', svgH - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  // Unit stays horizontal top-left — never rotated through the tick column\n  if (yLabel) {\n    root\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n\n  // --- Hover ----------------------------------------------------------------\n  if (!showTooltip || !onHover) return;\n\n  const nearestCategory = (position: number): string | undefined => {\n    const step = bandScale.step() || 1;\n    const origin = vertical ? plotLeft : plotTop;\n    const idx = Math.floor((position - origin) / step);\n    return categories[clamp(idx, 0, categories.length - 1)];\n  };\n\n  root\n    .append('rect')\n    .attr('class', 'hover-target')\n    .attr('x', plotLeft)\n    .attr('y', plotTop)\n    .attr('width', plotRight - plotLeft)\n    .attr('height', plotBottom - plotTop)\n    .attr('fill', 'transparent')\n    .on('mousemove', function (event: MouseEvent) {\n      const rect = (this as SVGRectElement).ownerSVGElement?.getBoundingClientRect();\n      const local = vertical\n        ? event.clientX - (rect?.left ?? 0)\n        : event.clientY - (rect?.top ?? 0);\n      const category = nearestCategory(local);\n      if (category == null) return;\n\n      showCategoryHighlight(category);\n\n      const entries: BarHoverEntry[] = [];\n      series.forEach((s, i) => {\n        const value = valueAt(s, category);\n        if (value == null) return;\n        entries.push({\n          seriesId: s.id,\n          seriesName: s.name ?? s.id,\n          color: seriesColor(s, i),\n          value,\n        });\n      });\n      if (withCumulative) {\n        const index = categories.indexOf(category);\n        if (index >= 0) {\n          entries.push({\n            seriesId: 'cumulative',\n            seriesName: 'Cumulative',\n            color: FD.barCumulativeColor,\n            value: cumulative[index],\n          });\n        }\n      }\n\n      onHover({ category, entries, event });\n    })\n    .on('mouseleave', () => {\n      clearCategoryHighlight();\n      onLeave?.();\n    });\n}\n"],"names":[],"mappings":"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"}

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

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

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

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

package/dist/components/bar-chart/tests/fixtures.d.ts

@@ -0,0 +1,53 @@
+import { BarChartData } from '../lib/types.js';
+/**
+ * Agreed mock fixture for the Barchart port — the payload the FuseDash
+ * side-by-side comparison renders.
+ *
+ * Shaped to exercise every branch of the renderer: six categories for label
+ * thinning, three series for the >2 palette family, values spanning zero, and a
+ * category one series is missing from.
+ */
+/** `VerticalBarChart` / `HorizontalBarChart` — one series. */
+export declare const BAR_FIXTURE_SINGLE: BarChartData;
+/** `GroupedBarChart` / `StackedVerticalBarChart` — three series (`groupBy`). */
+export declare const BAR_FIXTURE_MULTI: BarChartData;
+/** Values on both sides of the baseline. */
+export declare const BAR_FIXTURE_DIVERGENT: BarChartData;
+/**
+ * Every variant the component renders, keyed by its `chartTypeKeys` entry.
+ * `tests/metadata.test.ts` checks this stays in step with `metadata.json`.
+ */
+export declare const BAR_FIXTURE_VARIANTS: readonly [{
+    readonly chartType: "barChart";
+    readonly title: "Vertical (plain)";
+    readonly data: BarChartData;
+}, {
+    readonly chartType: "barHorizontal";
+    readonly title: "Horizontal (plain)";
+    readonly data: BarChartData;
+}, {
+    readonly chartType: "barGrouped";
+    readonly title: "Vertical grouped";
+    readonly data: BarChartData;
+}, {
+    readonly chartType: "barStacked";
+    readonly title: "Vertical stacked";
+    readonly data: BarChartData;
+}, {
+    readonly chartType: "barHorizontalGrouped";
+    readonly title: "Horizontal grouped";
+    readonly data: BarChartData;
+}, {
+    readonly chartType: "barHorizontalStacked";
+    readonly title: "Horizontal stacked";
+    readonly data: BarChartData;
+}, {
+    readonly chartType: "cumulativeBar";
+    readonly title: "Vertical + cumulative line";
+    readonly data: BarChartData;
+}, {
+    readonly chartType: "barChart";
+    readonly title: "Positive and negative values";
+    readonly data: BarChartData;
+}];
+//# sourceMappingURL=fixtures.d.ts.map

package/dist/components/bar-chart/tests/fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/components/bar-chart/tests/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;;;;;;GAOG;AAEH,8DAA8D;AAC9D,eAAO,MAAM,kBAAkB,EAAE,YAShC,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,iBAAiB,EAAE,YAiC/B,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,qBAAqB,EAAE,YAQnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCvB,CAAC"}

package/dist/components/box-plot-chart/element/styles.d.ts

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

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

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