@fusedashlabs/widgets 0.2.0

package/dist/components/area-grouped-bar-chart/render/draw.d.ts

@@ -0,0 +1,33 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { AreaGroupedBarModel } from '../lib/index.js';
+export interface AreaGroupedBarHoverPayload {
+    category: string;
+    mode: 'category' | 'bar';
+    groupKey?: string;
+    event: MouseEvent;
+}
+export interface RenderAreaGroupedBarChartOptions extends AxisLabelTooltipHandlers {
+    model: AreaGroupedBarModel;
+    width: number;
+    height: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    themeMode?: 'light' | 'dark';
+    onHover?: (payload: AreaGroupedBarHoverPayload) => void;
+    onLeave?: () => void;
+}
+/**
+ * FuseDash AreaGroupedBarChart — D3 rewrite (vertical only).
+ * Bars first, then area fill + stroke + white circle markers.
+ * Margins live in scale ranges (Visx-style).
+ */
+export declare function renderAreaGroupedBarChart(container: HTMLElement, options: RenderAreaGroupedBarChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/area-grouped-bar-chart/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAW9E,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,gCAAiC,SAAQ,wBAAwB;IAChF,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAWD;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,gCAAgC,GACxC,IAAI,CAgYN"}

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

@@ -0,0 +1,219 @@
+import { axisBottom, axisLeft } from "d3-axis";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { select, pointer } from "d3-selection";
+import { area, line } from "d3-shape";
+import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, calculateNumTicks, appendLineMarker } from "../../../utils/fusedash-visual.js";
+import { areaGroupedBarYDomain } from "../lib/domain.js";
+import { formatAgbAxisTick } from "../lib/format.js";
+const GRADIENT_ID = "ui9000-agb-area-gradient";
+function renderAreaGroupedBarChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    margin = { ...FD.areaGroupedBarMargin },
+    theme,
+    showGrid = true,
+    showTooltip = true,
+    themeMode = "light",
+    onHover,
+    onLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  const axisLabels = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  container.replaceChildren();
+  const { categories, groups, barsByCategory, linePoints, lineColor } = model;
+  if (!categories.length && !linePoints.length || width <= 0 || height <= 0) return;
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(margin.left),
+    right: Math.max(margin.right, 1)
+  };
+  const plotTop = m.top;
+  const plotBottom = height - m.bottom;
+  const plotLeft = m.left;
+  const plotRight = width - m.right;
+  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;
+  const [minY, maxY] = areaGroupedBarYDomain(model);
+  const yTickCount = calculateNumTicks(plotBottom - plotTop);
+  const xTickCount = calculateNumTicks(plotRight - plotLeft);
+  const xScale = scaleBand().domain(categories).range([plotLeft, plotRight]).padding(0);
+  const innerScale = scaleBand().domain(groups.map((g) => g.key)).range([0, xScale.bandwidth()]).padding(0);
+  const yScale = scaleLinear().domain([minY, maxY]).nice().range([plotBottom, plotTop]);
+  const yTicks = yScale.ticks(yTickCount);
+  const baselineY = yScale(0);
+  const dim = FD.areaGroupedBarDimOpacity;
+  const barOpacity = FD.areaGroupedBarBarOpacity;
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Area grouped bar chart").style("display", "block").style("font-family", theme.fontFamily);
+  const defs = svg.append("defs");
+  const grad = defs.append("linearGradient").attr("id", GRADIENT_ID).attr("x1", "0%").attr("y1", "0%").attr("x2", "0%").attr("y2", "100%");
+  grad.append("stop").attr("offset", "0%").attr("stop-color", lineColor).attr("stop-opacity", FD.areaGroupedBarGradientTopOpacity);
+  grad.append("stop").attr("offset", "100%").attr("stop-color", lineColor).attr("stop-opacity", FD.areaGroupedBarGradientBottomOpacity);
+  const root = svg.append("g").attr("class", "plot");
+  if (showGrid) {
+    const grid = root.append("g").attr("class", "grid");
+    for (const cat of categories) {
+      const bx = xScale(cat);
+      if (bx == null) continue;
+      const x = bx + xScale.bandwidth() / 2;
+      grid.append("line").attr("x1", x).attr("x2", x).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    }
+    for (const t of yTicks) {
+      grid.append("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", yScale(t)).attr("y2", yScale(t)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    }
+    if (Number.isFinite(baselineY)) {
+      grid.append("line").attr("class", "zero-baseline").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", baselineY).attr("y2", baselineY).attr("stroke", FD.gridStroke).attr("shape-rendering", "crispEdges");
+    }
+  }
+  const hit = showTooltip && onHover ? root.append("rect").attr("class", "hit-area").attr("x", plotLeft).attr("y", plotTop).attr("width", plotRight - plotLeft).attr("height", plotBottom - plotTop).attr("fill", "transparent").style("cursor", "default") : null;
+  const barsG = root.append("g").attr("class", "bars");
+  for (const cat of categories) {
+    const x0 = xScale(cat);
+    if (x0 == null) continue;
+    const gMap = barsByCategory[cat] ?? {};
+    const band = barsG.append("g").attr("class", "bar-category").attr("transform", `translate(${x0},0)`);
+    for (const g of groups) {
+      const x1 = innerScale(g.key);
+      if (x1 == null) continue;
+      const v = Number(gMap[g.key] ?? 0);
+      const y = yScale(Math.max(0, v));
+      const h = Math.abs(baselineY - yScale(v));
+      const topY = v >= 0 ? y : baselineY;
+      band.append("rect").attr("class", "bar").attr("data-x", cat).attr("data-g", g.key).attr("x", x1).attr("y", topY).attr("width", innerScale.bandwidth()).attr("height", Math.max(0, h)).attr("fill", g.color).attr("opacity", barOpacity).style("cursor", showTooltip && onHover ? "pointer" : "default");
+    }
+  }
+  const plotLine = linePoints.map((pt) => {
+    const bx = xScale(pt.x);
+    if (bx == null) return null;
+    return {
+      x: pt.x,
+      y: pt.y,
+      px: bx + xScale.bandwidth() / 2,
+      py: yScale(pt.y)
+    };
+  }).filter((p) => p != null);
+  const lineLayer = root.append("g").attr("class", "line-layer");
+  if (plotLine.length) {
+    const areaGen = area().x((d) => d.px).y0(baselineY).y1((d) => d.py);
+    const lineGen = line().x((d) => d.px).y((d) => d.py);
+    lineLayer.append("path").datum(plotLine).attr("class", "area").attr("fill", `url(#${GRADIENT_ID})`).attr("pointer-events", "none").attr("d", areaGen);
+    lineLayer.append("path").datum(plotLine).attr("class", "line").attr("fill", "none").attr("stroke", lineColor).attr("stroke-width", FD.lineStrokeWidth).attr("stroke-linecap", "round").attr("pointer-events", "none").attr("d", lineGen);
+    const markersG = lineLayer.append("g").attr("class", "markers");
+    for (const pt of plotLine) {
+      markersG.append("circle").attr("class", "marker").attr("data-x", pt.x).attr("cx", pt.px).attr("cy", pt.py).attr("r", FD.areaGroupedBarMarkerRadius).attr("fill", "#fff").attr("stroke", lineColor).attr("stroke-width", 1.5).attr("pointer-events", "none");
+    }
+  }
+  const guide = root.append("line").attr("class", "hover-guide").attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", themeMode === "dark" ? FD.hoverGuideDark : FD.hoverGuideLight).attr("stroke-width", 2).attr("opacity", 0).attr("pointer-events", "none");
+  const hoverMarkerG = root.append("g").attr("class", "hover-marker").attr("opacity", 0).attr("pointer-events", "none");
+  const clearHover = () => {
+    barsG.selectAll(".bar").attr("opacity", barOpacity);
+    lineLayer.attr("opacity", 1);
+    lineLayer.selectAll(".marker").attr("opacity", 1);
+    guide.attr("opacity", 0);
+    hoverMarkerG.attr("opacity", 0).selectAll("*").remove();
+    onLeave == null ? void 0 : onLeave();
+  };
+  const applyCategoryHover = (cat, event) => {
+    barsG.selectAll(".bar").attr("opacity", function() {
+      return select(this).attr("data-x") === cat ? barOpacity : dim;
+    });
+    lineLayer.attr("opacity", 1);
+    lineLayer.selectAll(".marker").attr("opacity", function() {
+      return select(this).attr("data-x") === cat ? 1 : dim;
+    });
+    const pt = plotLine.find((p) => p.x === cat);
+    if (pt) {
+      guide.attr("x1", pt.px).attr("x2", pt.px).attr("opacity", 0.35);
+      hoverMarkerG.selectAll("*").remove();
+      appendLineMarker(hoverMarkerG, {
+        shape: "circle",
+        color: lineColor,
+        cx: pt.px,
+        cy: pt.py,
+        r: FD.markerRadius,
+        themeMode,
+        hovered: true
+      });
+      hoverMarkerG.attr("opacity", 1);
+    } else {
+      guide.attr("opacity", 0);
+      hoverMarkerG.attr("opacity", 0).selectAll("*").remove();
+    }
+    onHover == null ? void 0 : onHover({ category: cat, mode: "category", event });
+  };
+  const applyBarHover = (cat, gKey, event) => {
+    barsG.selectAll(".bar").attr("opacity", function() {
+      const el = select(this);
+      return el.attr("data-x") === cat && el.attr("data-g") === gKey ? barOpacity : dim;
+    });
+    lineLayer.attr("opacity", dim);
+    guide.attr("opacity", 0);
+    hoverMarkerG.attr("opacity", 0).selectAll("*").remove();
+    onHover == null ? void 0 : onHover({ category: cat, mode: "bar", groupKey: gKey, event });
+  };
+  if (showTooltip && onHover && hit) {
+    const svgNode = svg.node();
+    hit.on("mousemove", (event) => {
+      const [mx] = svgNode ? pointer(event, svgNode) : [0];
+      let closest = null;
+      let minDist = Number.POSITIVE_INFINITY;
+      for (const cat of categories) {
+        const bx = xScale(cat);
+        if (bx == null) continue;
+        const center = bx + xScale.bandwidth() / 2;
+        const dist = Math.abs(center - mx);
+        if (dist < minDist) {
+          minDist = dist;
+          closest = cat;
+        }
+      }
+      if (!closest || !plotLine.some((p) => p.x === closest)) {
+        clearHover();
+        return;
+      }
+      applyCategoryHover(closest, event);
+    });
+    hit.on("mouseleave", () => clearHover());
+    barsG.selectAll(".bar").on("mousemove", function(event) {
+      event.stopPropagation();
+      const el = select(this);
+      const cat = el.attr("data-x");
+      const gKey = el.attr("data-g");
+      if (!cat || !gKey) return;
+      applyBarHover(cat, gKey, event);
+    }).on("mouseleave", () => clearHover());
+  }
+  const xAxis = root.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotBottom})`).call(
+    axisBottom(xScale).tickSize(0).tickPadding(8).tickValues(
+      (() => {
+        if (categories.length <= xTickCount) return categories;
+        const out = [];
+        const step = (categories.length - 1) / Math.max(1, xTickCount - 1);
+        for (let i = 0; i < xTickCount; i++) {
+          out.push(categories[Math.round(i * step)]);
+        }
+        return [...new Set(out)];
+      })()
+    ).tickFormat((d) => String(d))
+  );
+  xAxis.select(".domain").attr("stroke", "none");
+  xAxis.selectAll("line").attr("stroke", "none");
+  xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "middle");
+  decorateAxisLabels(xAxis, { slotWidth: xScale.bandwidth(), ...axisLabels });
+  const yAxis = root.append("g").attr("class", "y-axis").attr("transform", `translate(${plotLeft},0)`).call(
+    axisLeft(yScale).tickValues(yTicks).tickSize(4).tickPadding(6).tickFormat((d) => formatAgbAxisTick(Number(d)))
+  );
+  yAxis.select(".domain").attr("stroke", FD.axisStroke).attr("stroke-dasharray", FD.gridDash);
+  yAxis.selectAll("line").attr("stroke", FD.axisStroke).attr("stroke-dasharray", FD.gridDash);
+  applyLeftGutterYAxisLabels(yAxis, plotLeft);
+}
+export {
+  renderAreaGroupedBarChart
+};
+//# sourceMappingURL=draw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/area-grouped-bar-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport { area as d3Area, line as d3Line } from 'd3-shape';\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  appendLineMarker,\n  calculateNumTicks,\n  FD,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  areaGroupedBarYDomain,\n  formatAgbAxisTick,\n  type AreaGroupedBarModel,\n} from '../lib/index.js';\n\nexport interface AreaGroupedBarHoverPayload {\n  category: string;\n  mode: 'category' | 'bar';\n  groupKey?: string;\n  event: MouseEvent;\n}\n\nexport interface RenderAreaGroupedBarChartOptions extends AxisLabelTooltipHandlers {\n  model: AreaGroupedBarModel;\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  themeMode?: 'light' | 'dark';\n  onHover?: (payload: AreaGroupedBarHoverPayload) => void;\n  onLeave?: () => void;\n}\n\ninterface PlotLinePoint {\n  x: string;\n  y: number;\n  px: number;\n  py: number;\n}\n\nconst GRADIENT_ID = 'ui9000-agb-area-gradient';\n\n/**\n * FuseDash AreaGroupedBarChart — D3 rewrite (vertical only).\n * Bars first, then area fill + stroke + white circle markers.\n * Margins live in scale ranges (Visx-style).\n */\nexport function renderAreaGroupedBarChart(\n  container: HTMLElement,\n  options: RenderAreaGroupedBarChartOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin = { ...FD.areaGroupedBarMargin },\n    theme,\n    showGrid = true,\n    showTooltip = true,\n    themeMode = 'light',\n    onHover,\n    onLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  const { categories, groups, barsByCategory, linePoints, lineColor } = model;\n  if ((!categories.length && !linePoints.length) || width <= 0 || height <= 0) return;\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 1),\n  };\n  const plotTop = m.top;\n  const plotBottom = height - m.bottom;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const [minY, maxY] = areaGroupedBarYDomain(model);\n  const yTickCount = calculateNumTicks(plotBottom - plotTop);\n  const xTickCount = calculateNumTicks(plotRight - plotLeft);\n\n  const xScale = scaleBand<string>()\n    .domain(categories)\n    .range([plotLeft, plotRight])\n    .padding(0);\n\n  const innerScale = scaleBand<string>()\n    .domain(groups.map((g) => g.key))\n    .range([0, xScale.bandwidth()])\n    .padding(0);\n\n  const yScale = scaleLinear()\n    .domain([minY, maxY])\n    .nice()\n    .range([plotBottom, plotTop]);\n\n  const yTicks = yScale.ticks(yTickCount);\n  const baselineY = yScale(0);\n  const dim = FD.areaGroupedBarDimOpacity;\n  const barOpacity = FD.areaGroupedBarBarOpacity;\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Area grouped bar chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const defs = svg.append('defs');\n  const grad = defs\n    .append('linearGradient')\n    .attr('id', GRADIENT_ID)\n    .attr('x1', '0%')\n    .attr('y1', '0%')\n    .attr('x2', '0%')\n    .attr('y2', '100%');\n  grad\n    .append('stop')\n    .attr('offset', '0%')\n    .attr('stop-color', lineColor)\n    .attr('stop-opacity', FD.areaGroupedBarGradientTopOpacity);\n  grad\n    .append('stop')\n    .attr('offset', '100%')\n    .attr('stop-color', lineColor)\n    .attr('stop-opacity', FD.areaGroupedBarGradientBottomOpacity);\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  if (showGrid) {\n    const grid = root.append('g').attr('class', 'grid');\n    for (const cat of categories) {\n      const bx = xScale(cat);\n      if (bx == null) continue;\n      const x = bx + xScale.bandwidth() / 2;\n      grid\n        .append('line')\n        .attr('x1', x)\n        .attr('x2', x)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n    }\n    for (const t of yTicks) {\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(t))\n        .attr('y2', yScale(t))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n    }\n    if (Number.isFinite(baselineY)) {\n      grid\n        .append('line')\n        .attr('class', 'zero-baseline')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', baselineY)\n        .attr('y2', baselineY)\n        .attr('stroke', FD.gridStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n  }\n\n  // Category hit target under bars (client transparent Bar before bar rects).\n  const hit =\n    showTooltip && onHover\n      ? root\n          .append('rect')\n          .attr('class', 'hit-area')\n          .attr('x', plotLeft)\n          .attr('y', plotTop)\n          .attr('width', plotRight - plotLeft)\n          .attr('height', plotBottom - plotTop)\n          .attr('fill', 'transparent')\n          .style('cursor', 'default')\n      : null;\n\n  const barsG = root.append('g').attr('class', 'bars');\n  for (const cat of categories) {\n    const x0 = xScale(cat);\n    if (x0 == null) continue;\n    const gMap = barsByCategory[cat] ?? {};\n    const band = barsG.append('g').attr('class', 'bar-category').attr('transform', `translate(${x0},0)`);\n\n    for (const g of groups) {\n      const x1 = innerScale(g.key);\n      if (x1 == null) continue;\n      const v = Number(gMap[g.key] ?? 0);\n      const y = yScale(Math.max(0, v));\n      const h = Math.abs(baselineY - yScale(v));\n      const topY = v >= 0 ? y : baselineY;\n\n      band\n        .append('rect')\n        .attr('class', 'bar')\n        .attr('data-x', cat)\n        .attr('data-g', g.key)\n        .attr('x', x1)\n        .attr('y', topY)\n        .attr('width', innerScale.bandwidth())\n        .attr('height', Math.max(0, h))\n        .attr('fill', g.color)\n        .attr('opacity', barOpacity)\n        .style('cursor', showTooltip && onHover ? 'pointer' : 'default');\n    }\n  }\n\n  const plotLine: PlotLinePoint[] = linePoints\n    .map((pt) => {\n      const bx = xScale(pt.x);\n      if (bx == null) return null;\n      return {\n        x: pt.x,\n        y: pt.y,\n        px: bx + xScale.bandwidth() / 2,\n        py: yScale(pt.y),\n      };\n    })\n    .filter((p): p is PlotLinePoint => p != null);\n\n  const lineLayer = root.append('g').attr('class', 'line-layer');\n\n  if (plotLine.length) {\n    const areaGen = d3Area<PlotLinePoint>()\n      .x((d) => d.px)\n      .y0(baselineY)\n      .y1((d) => d.py);\n\n    const lineGen = d3Line<PlotLinePoint>()\n      .x((d) => d.px)\n      .y((d) => d.py);\n\n    lineLayer\n      .append('path')\n      .datum(plotLine)\n      .attr('class', 'area')\n      .attr('fill', `url(#${GRADIENT_ID})`)\n      .attr('pointer-events', 'none')\n      .attr('d', areaGen);\n\n    lineLayer\n      .append('path')\n      .datum(plotLine)\n      .attr('class', 'line')\n      .attr('fill', 'none')\n      .attr('stroke', lineColor)\n      .attr('stroke-width', FD.lineStrokeWidth)\n      .attr('stroke-linecap', 'round')\n      .attr('pointer-events', 'none')\n      .attr('d', lineGen);\n\n    const markersG = lineLayer.append('g').attr('class', 'markers');\n    for (const pt of plotLine) {\n      markersG\n        .append('circle')\n        .attr('class', 'marker')\n        .attr('data-x', pt.x)\n        .attr('cx', pt.px)\n        .attr('cy', pt.py)\n        .attr('r', FD.areaGroupedBarMarkerRadius)\n        .attr('fill', '#fff')\n        .attr('stroke', lineColor)\n        .attr('stroke-width', 1.5)\n        .attr('pointer-events', 'none');\n    }\n  }\n\n  const guide = root\n    .append('line')\n    .attr('class', 'hover-guide')\n    .attr('y1', plotTop)\n    .attr('y2', plotBottom)\n    .attr('stroke', themeMode === 'dark' ? FD.hoverGuideDark : FD.hoverGuideLight)\n    .attr('stroke-width', 2)\n    .attr('opacity', 0)\n    .attr('pointer-events', 'none');\n\n  const hoverMarkerG = root\n    .append('g')\n    .attr('class', 'hover-marker')\n    .attr('opacity', 0)\n    .attr('pointer-events', 'none');\n\n  const clearHover = (): void => {\n    barsG.selectAll('.bar').attr('opacity', barOpacity);\n    lineLayer.attr('opacity', 1);\n    lineLayer.selectAll('.marker').attr('opacity', 1);\n    guide.attr('opacity', 0);\n    hoverMarkerG.attr('opacity', 0).selectAll('*').remove();\n    onLeave?.();\n  };\n\n  const applyCategoryHover = (cat: string, event: MouseEvent): void => {\n    barsG.selectAll<SVGRectElement, unknown>('.bar').attr('opacity', function () {\n      return select(this).attr('data-x') === cat ? barOpacity : dim;\n    });\n    lineLayer.attr('opacity', 1);\n    lineLayer.selectAll<SVGCircleElement, unknown>('.marker').attr('opacity', function () {\n      return select(this).attr('data-x') === cat ? 1 : dim;\n    });\n\n    const pt = plotLine.find((p) => p.x === cat);\n    if (pt) {\n      guide.attr('x1', pt.px).attr('x2', pt.px).attr('opacity', 0.35);\n      hoverMarkerG.selectAll('*').remove();\n      appendLineMarker(hoverMarkerG, {\n        shape: 'circle',\n        color: lineColor,\n        cx: pt.px,\n        cy: pt.py,\n        r: FD.markerRadius,\n        themeMode,\n        hovered: true,\n      });\n      hoverMarkerG.attr('opacity', 1);\n    } else {\n      guide.attr('opacity', 0);\n      hoverMarkerG.attr('opacity', 0).selectAll('*').remove();\n    }\n\n    onHover?.({ category: cat, mode: 'category', event });\n  };\n\n  const applyBarHover = (cat: string, gKey: string, event: MouseEvent): void => {\n    barsG.selectAll<SVGRectElement, unknown>('.bar').attr('opacity', function () {\n      const el = select(this);\n      return el.attr('data-x') === cat && el.attr('data-g') === gKey ? barOpacity : dim;\n    });\n    lineLayer.attr('opacity', dim);\n    guide.attr('opacity', 0);\n    hoverMarkerG.attr('opacity', 0).selectAll('*').remove();\n    onHover?.({ category: cat, mode: 'bar', groupKey: gKey, event });\n  };\n\n  if (showTooltip && onHover && hit) {\n    const svgNode = svg.node();\n    hit.on('mousemove', (event: MouseEvent) => {\n      const [mx] = svgNode ? pointer(event, svgNode) : [0];\n      let closest: string | null = null;\n      let minDist = Number.POSITIVE_INFINITY;\n      for (const cat of categories) {\n        const bx = xScale(cat);\n        if (bx == null) continue;\n        const center = bx + xScale.bandwidth() / 2;\n        const dist = Math.abs(center - mx);\n        if (dist < minDist) {\n          minDist = dist;\n          closest = cat;\n        }\n      }\n      if (!closest || !plotLine.some((p) => p.x === closest)) {\n        clearHover();\n        return;\n      }\n      applyCategoryHover(closest, event);\n    });\n    hit.on('mouseleave', () => clearHover());\n\n    barsG\n      .selectAll<SVGRectElement, unknown>('.bar')\n      .on('mousemove', function (event: MouseEvent) {\n        event.stopPropagation();\n        const el = select(this);\n        const cat = el.attr('data-x');\n        const gKey = el.attr('data-g');\n        if (!cat || !gKey) return;\n        applyBarHover(cat, gKey, event);\n      })\n      .on('mouseleave', () => clearHover());\n  }\n\n  const xAxis = root\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotBottom})`)\n    .call(\n      axisBottom(xScale)\n        .tickSize(0)\n        .tickPadding(8)\n        .tickValues(\n          (() => {\n            if (categories.length <= xTickCount) return categories;\n            const out: string[] = [];\n            const step = (categories.length - 1) / Math.max(1, xTickCount - 1);\n            for (let i = 0; i < xTickCount; i++) {\n              out.push(categories[Math.round(i * step)]!);\n            }\n            return [...new Set(out)];\n          })(),\n        )\n        .tickFormat((d) => String(d)),\n    );\n  xAxis.select('.domain').attr('stroke', 'none');\n  xAxis.selectAll('line').attr('stroke', 'none');\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize)\n    .attr('text-anchor', 'middle');\n\n  decorateAxisLabels(xAxis, { slotWidth: xScale.bandwidth(), ...axisLabels });\n\n  const yAxis = root\n    .append('g')\n    .attr('class', 'y-axis')\n    .attr('transform', `translate(${plotLeft},0)`)\n    .call(\n      axisLeft(yScale)\n        .tickValues(yTicks)\n        .tickSize(4)\n        .tickPadding(6)\n        .tickFormat((d) => formatAgbAxisTick(Number(d))),\n    );\n  yAxis.select('.domain').attr('stroke', FD.axisStroke).attr('stroke-dasharray', FD.gridDash);\n  yAxis.selectAll('line').attr('stroke', FD.axisStroke).attr('stroke-dasharray', FD.gridDash);\n  applyLeftGutterYAxisLabels(yAxis, plotLeft);\n}\n"],"names":["d3Area","d3Line"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { renderAreaGroupedBarChart } from './draw.js';
+export type { AreaGroupedBarHoverPayload, RenderAreaGroupedBarChartOptions, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AACtD,YAAY,EACV,0BAA0B,EAC1B,gCAAgC,GACjC,MAAM,WAAW,CAAC"}

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

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

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

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

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

@@ -0,0 +1,81 @@
+import { css } from "lit";
+const barChartStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-body {
+    flex: 1 1 auto;
+    min-height: 240px;
+    display: flex;
+    flex-direction: column;
+  }
+  .chart-scroll {
+    flex: 1 1 auto;
+    min-height: 200px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    position: relative;
+  }
+  .chart-x-axis {
+    flex-shrink: 0;
+    width: 100%;
+    min-height: 21px;
+    overflow: hidden;
+  }
+  .chart-root {
+    width: 100%;
+    min-height: 240px;
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 12px));
+    white-space: nowrap;
+  }
+  .tooltip .category {
+    font-weight: 600;
+    margin-bottom: 2px;
+  }
+  .tooltip .row {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+  .tooltip .swatch {
+    width: 8px;
+    height: 8px;
+    border-radius: 2px;
+    flex: none;
+  }
+  .tooltip .value {
+    margin-left: auto;
+    font-variant-numeric: tabular-nums;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  barChartStyles
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/bar-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const barChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: 240px;\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: 200px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: 240px;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 12px));\n    white-space: nowrap;\n  }\n  .tooltip .category {\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .tooltip .row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .tooltip .swatch {\n    width: 8px;\n    height: 8px;\n    border-radius: 2px;\n    flex: none;\n  }\n  .tooltip .value {\n    margin-left: auto;\n    font-variant-numeric: tabular-nums;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,39 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+import { BarLayout, BarOrientation } from '../lib/index.js';
+export declare class Ui9000BarChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    orientation: BarOrientation;
+    /** Multi-series only — a single series always renders as a plain bar chart */
+    layout: BarLayout;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    /** Running-total overlay (FuseDash `cumulativeLine`), single series only */
+    cumulativeLine: boolean;
+    xLabel: string;
+    yLabel: string;
+    private _tooltip;
+    private _empty;
+    private _fixedXAxis;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    firstUpdated(): void;
+    private scheduleDraw;
+    private parseData;
+    private renderLegend;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-bar-chart': Ui9000BarChart;
+    }
+}
+export declare function registerBarChart(): void;
+//# sourceMappingURL=ui9000-bar-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/bar-chart/element/ui9000-bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAI7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtE,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,cAAc,EAEpB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,WAAW,EAAE,cAAc,CAAc;IAEzC,8EAA8E;IAE9E,MAAM,EAAE,SAAS,CAAa;IAG9B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAEnB,4EAA4E;IAE5E,cAAc,UAAS;IAGvB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAUtC,YAAY,IAAI,IAAI;IAS7B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,YAAY;IA+BpB,OAAO,CAAC,IAAI;IA0EH,MAAM;CAwChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}