@fusedashlabs/widgets 0.2.0

package/dist/components/donut-group-chart/metadata.json.d.ts

@@ -0,0 +1,113 @@
+declare const _default: {
+  "id": "donut-group-chart",
+  "tag": "ui9000-donut-group-chart",
+  "title": "Donut Group Chart",
+  "description": "Chat-optimized donut group rewritten in D3 (Visx → D3). A row of KPI donuts: each entry is a gauge filled to value / max over a neutral track, or a breakdown donut when the entry carries several slices. No Redux.",
+  "chartTypeKeys": ["donutGroupChart"],
+  "chartTypeMap": {
+    "donutGroupChart": { "showValue": true, "showStatus": true, "showLabel": true }
+  },
+  "source": "client/libs/shared/components/src/Widgets/DonutGroupChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/donut-group-chart",
+  "entry": "@ui9000/widgets/donut-group-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true,
+    "context": "theme, scale, styleId and mode come from WidgetContext CSS custom properties, not props"
+  },
+  "allowedActions": ["hover", "resize"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["label", "value"],
+              "properties": {
+                "label": { "type": "string" },
+                "value": { "type": "number" }
+              }
+            }
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["label", "value"],
+              "properties": {
+                "id": { "type": "string" },
+                "label": { "type": "string" },
+                "value": { "type": "number" },
+                "max": {
+                  "type": "number",
+                  "description": "FuseDash `maximalValue` — the gauge's full scale."
+                },
+                "statusLabel": { "type": "string" },
+                "status": {
+                  "type": "string",
+                  "enum": ["positive", "negative", "neutral"]
+                },
+                "color": { "type": "string" },
+                "slices": {
+                  "type": "array",
+                  "description": "More than one slice renders a breakdown donut instead of a gauge.",
+                  "items": {
+                    "type": "object",
+                    "required": ["label", "value"],
+                    "properties": {
+                      "label": { "type": "string" },
+                      "value": { "type": "number" },
+                      "color": { "type": "string" }
+                    }
+                  }
+                }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "properties": {
+              "items": { "type": "array", "items": { "type": "object" } },
+              "points": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["x", "y"],
+                  "properties": {
+                    "x": { "type": "string" },
+                    "y": { "type": "number" }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"],
+        "default": "default"
+      },
+      "max": {
+        "type": "number",
+        "default": 100,
+        "description": "Gauge full scale for entries without their own `max`."
+      },
+      "showValue": { "type": "boolean", "default": true },
+      "showStatus": { "type": "boolean", "default": true },
+      "showLabel": { "type": "boolean", "default": true },
+      "showLegend": { "type": "boolean", "default": true },
+      "showTooltip": { "type": "boolean", "default": true }
+    },
+    "required": ["data"]
+  }
+}
+;
+
+export default _default;

package/dist/components/donut-group-chart/metadata.json.js

@@ -0,0 +1,45 @@
+const id = "donut-group-chart";
+const tag = "ui9000-donut-group-chart";
+const title = "Donut Group Chart";
+const description = "Chat-optimized donut group rewritten in D3 (Visx → D3). A row of KPI donuts: each entry is a gauge filled to value / max over a neutral track, or a breakdown donut when the entry carries several slices. No Redux.";
+const chartTypeKeys = ["donutGroupChart"];
+const chartTypeMap = { "donutGroupChart": { "showValue": true, "showStatus": true, "showLabel": true } };
+const source = "client/libs/shared/components/src/Widgets/DonutGroupChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/donut-group-chart";
+const entry = "@ui9000/widgets/donut-group-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true, "context": "theme, scale, styleId and mode come from WidgetContext CSS custom properties, not props" };
+const allowedActions = ["hover", "resize"];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" } } } }, { "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "id": { "type": "string" }, "label": { "type": "string" }, "value": { "type": "number" }, "max": { "type": "number", "description": "FuseDash `maximalValue` — the gauge's full scale." }, "statusLabel": { "type": "string" }, "status": { "type": "string", "enum": ["positive", "negative", "neutral"] }, "color": { "type": "string" }, "slices": { "type": "array", "description": "More than one slice renders a breakdown donut instead of a gauge.", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" }, "color": { "type": "string" } } } } } } }, { "type": "object", "properties": { "items": { "type": "array", "items": { "type": "object" } }, "points": { "type": "array", "items": { "type": "object", "required": ["x", "y"], "properties": { "x": { "type": "string" }, "y": { "type": "number" } } } } } }] }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "max": { "type": "number", "default": 100, "description": "Gauge full scale for entries without their own `max`." }, "showValue": { "type": "boolean", "default": true }, "showStatus": { "type": "boolean", "default": true }, "showLabel": { "type": "boolean", "default": true }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true } }, "required": ["data"] };
+const donutGroupMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  chartTypeMap,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  chartTypeMap,
+  donutGroupMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/donut-group-chart/metadata.json.js.map

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

package/dist/components/donut-group-chart/render/draw.d.ts

@@ -0,0 +1,44 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { DonutGauge, DonutHoverEntry } from '../lib/index.js';
+export interface RenderDonutGroupChartOptions {
+    items: DonutGauge[];
+    width: number;
+    height: number;
+    /** FuseDash DonutGroupChart frame when omitted by the host */
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    themeMode?: 'light' | 'dark';
+    /** FuseDash page setting — picks the qualitative palette */
+    styleId?: string;
+    /** Value in the hole (FuseDash `display`) */
+    showValue?: boolean;
+    /** Badge under the value (FuseDash `statusLabel`) */
+    showStatus?: boolean;
+    /** Caption under the badge (FuseDash `groupBy` value) */
+    showLabel?: boolean;
+    /** Slice legend — breakdown donuts only */
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    /** Gauge full scale for rows without their own `max` */
+    defaultMax?: number;
+    onHover?: (payload: {
+        title: string;
+        entries: DonutHoverEntry[];
+        event: MouseEvent;
+    }) => void;
+    onLeave?: () => void;
+}
+/**
+ * FuseDash DonutGroupChart — D3 rewrite of the Visx `DonutGroupItem` row.
+ *
+ * Each entry is a ring with a KPI block in its hole: a gauge filled to
+ * `value / max` over a neutral track, or a breakdown donut when the entry
+ * carries more than one slice.
+ */
+export declare function renderDonutGroupChart(container: HTMLElement, options: RenderDonutGroupChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/donut-group-chart/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/donut-group-chart/render/draw.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAQL,KAAK,UAAU,EACf,KAAK,eAAe,EAErB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,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,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,eAAe,EAAE,CAAC;QAC3B,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAoCD;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,4BAA4B,GACpC,IAAI,CA+MN"}

package/dist/components/donut-group-chart/render/draw.js

@@ -0,0 +1,194 @@
+import { select } from "d3-selection";
+import { pie, arc } from "d3-shape";
+import { pickQualitativePalette } from "../../../utils/fuse-palette.js";
+import { FD } from "../../../utils/fusedash-visual.js";
+import { donutGridLayout, donutRadii, donutArcValues, gaugeRatio, resolveMax } from "../lib/domain.js";
+import { formatCompact, fitLabel } from "../lib/format.js";
+function measureText(node, label, fontSize) {
+  var _a;
+  const measured = (_a = node == null ? void 0 : node.getComputedTextLength) == null ? void 0 : _a.call(node);
+  return Number.isFinite(measured) && measured > 0 ? measured : label.length * fontSize * 0.56;
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function resolveColor(override, index, count, theme, styleId) {
+  if (override) return override;
+  const usingDefaultStyle = !styleId || styleId === "default";
+  if (usingDefaultStyle) {
+    if (index === 0 && theme.primary) return theme.primary;
+    if (index === 1 && theme.secondary) return theme.secondary;
+  }
+  const palette = pickQualitativePalette(0, count);
+  return palette[index % palette.length];
+}
+function renderDonutGroupChart(container, options) {
+  const {
+    items,
+    width,
+    height,
+    margin = { ...FD.donutMargin },
+    theme,
+    themeMode = "light",
+    styleId,
+    showValue = true,
+    showStatus = true,
+    showLabel = true,
+    showLegend = true,
+    showTooltip = true,
+    defaultMax = FD.donutDefaultMax,
+    onHover,
+    onLeave
+  } = options;
+  container.replaceChildren();
+  if (!items.length || width <= 0 || height <= 0) return;
+  const dark = themeMode === "dark";
+  const trackFill = dark ? FD.donutTrackFillDark : FD.donutTrackFill;
+  const dividerStroke = dark ? FD.donutDividerDark : FD.donutDivider;
+  const sliceStroke = dark ? FD.donutSliceStrokeDark : FD.donutSliceStroke;
+  const statusColors = dark ? FD.donutStatusColorsDark : FD.donutStatusColors;
+  const legendSource = items.reduce(
+    (best, item) => {
+      var _a, _b;
+      return (((_a = item.slices) == null ? void 0 : _a.length) ?? 0) > (((_b = best == null ? void 0 : best.slices) == null ? void 0 : _b.length) ?? 0) ? item : best;
+    },
+    void 0
+  );
+  const legendSlices = showLegend ? (legendSource == null ? void 0 : legendSource.slices) ?? [] : [];
+  const legendHeight = legendSlices.length > 1 ? 22 : 0;
+  const gridLeft = margin.left;
+  const gridTop = margin.top + legendHeight;
+  const gridWidth = width - margin.left - margin.right;
+  const gridHeight = height - gridTop - margin.bottom;
+  if (gridWidth <= 0 || gridHeight <= 0) return;
+  const { columns, rows, cellWidth, cellHeight } = donutGridLayout(
+    items.length,
+    gridWidth,
+    gridHeight
+  );
+  if (!columns || !rows) return;
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", `donut group chart, ${items.length} donuts`).style("display", "block").style("font-family", theme.fontFamily);
+  const root = svg.append("g").attr("class", "donuts");
+  if (legendSlices.length > 1) {
+    const legend = svg.append("g").attr("class", "legend").attr("transform", `translate(${gridLeft},${margin.top})`);
+    let lx = 0;
+    legendSlices.forEach((slice, i) => {
+      const color = resolveColor(slice.color, i, legendSlices.length, theme, styleId);
+      const item = legend.append("g").attr("transform", `translate(${lx},0)`);
+      item.append("rect").attr("x", 0).attr("y", 2).attr("width", 10).attr("height", 10).attr("rx", 2).attr("fill", color);
+      const text = item.append("text").attr("x", 16).attr("y", 11).attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(slice.label);
+      lx += measureText(text.node(), slice.label, FD.axisLabelSize) + 30;
+    });
+  }
+  const dimOthers = (hovered) => {
+    root.selectAll("path.donut-arc").attr("opacity", function() {
+      return this === hovered ? 1 : FD.donutArcOpacityDimmed;
+    });
+  };
+  const restoreArcs = () => {
+    root.selectAll("path.donut-arc").attr("opacity", FD.donutArcOpacity);
+  };
+  const pieGen = pie().sort(null).value((d) => d);
+  items.forEach((item, index) => {
+    const column = index % columns;
+    const row = Math.floor(index / columns);
+    const cellLeft = gridLeft + column * cellWidth;
+    const cellTop = gridTop + row * cellHeight;
+    const cx = cellLeft + cellWidth / 2;
+    const cy = cellTop + cellHeight / 2;
+    const { outerRadius, innerRadius } = donutRadii(cellWidth, cellHeight);
+    if (outerRadius <= 0) return;
+    if (column > 0) {
+      root.append("line").attr("class", "donut-divider").attr("x1", cellLeft).attr("x2", cellLeft).attr("y1", cellTop + 8).attr("y2", cellTop + cellHeight - 8).attr("stroke", dividerStroke).attr("shape-rendering", "crispEdges");
+    }
+    const cell = root.append("g").attr("class", "donut").attr("data-donut", item.id).attr("transform", `translate(${cx},${cy})`);
+    const slices = item.slices ?? [];
+    const breakdown = slices.length > 1;
+    const { values, track } = donutArcValues(item, defaultMax);
+    const total = values.reduce((sum, v) => sum + v, 0);
+    const arcs = pieGen(values);
+    const arcGen = arc().innerRadius(innerRadius).outerRadius(outerRadius);
+    arcs.forEach((slice, i) => {
+      var _a;
+      if (slice.endAngle - slice.startAngle <= 0) return;
+      const isTrack = track && i === 1;
+      const color = isTrack ? trackFill : breakdown ? resolveColor((_a = slices[i]) == null ? void 0 : _a.color, i, slices.length, theme, styleId) : resolveColor(item.color, index, items.length, theme, styleId);
+      const path = cell.append("path").attr("class", isTrack ? "donut-track" : "donut-arc").attr("d", arcGen({ startAngle: slice.startAngle, endAngle: slice.endAngle })).attr("fill", color).attr("opacity", isTrack ? 1 : FD.donutArcOpacity).attr("stroke", sliceStroke).attr("stroke-width", FD.donutSliceStrokeWidth);
+      if (isTrack || !showTooltip || !onHover) return;
+      const label = breakdown ? slices[i].label : item.label;
+      const value = breakdown ? slices[i].value : item.value;
+      const ratio = breakdown ? total > 0 ? Math.abs(value) / total : 0 : gaugeRatio(item.value, resolveMax(item, defaultMax));
+      path.style("cursor", "pointer").on("mouseenter", function(event) {
+        dimOthers(this);
+        onHover({
+          title: item.label,
+          entries: [{ itemId: item.id, label, color, value, ratio }],
+          event
+        });
+      }).on("mousemove", function(event) {
+        onHover({
+          title: item.label,
+          entries: [{ itemId: item.id, label, color, value, ratio }],
+          event
+        });
+      }).on("mouseleave", () => {
+        restoreArcs();
+        onLeave == null ? void 0 : onLeave();
+      });
+    });
+    drawKpi(cell, {
+      item,
+      innerRadius,
+      theme,
+      statusColors,
+      showValue,
+      showStatus,
+      showLabel
+    });
+  });
+}
+function drawKpi(cell, options) {
+  const { item, innerRadius, theme, statusColors, showValue, showStatus, showLabel } = options;
+  if (innerRadius <= 6) return;
+  const box = innerRadius * 2;
+  const valueSize = clamp(innerRadius * 0.62, 9, FD.donutValueSize);
+  const captionSize = clamp(valueSize * 0.42, 7, FD.donutLabelSize);
+  const gap = Math.max(2, captionSize * 0.35);
+  const badgeHeight = captionSize * 1.6;
+  const statusLabel = showStatus ? item.statusLabel : void 0;
+  const label = showLabel ? item.label : "";
+  const valueHeight = showValue ? valueSize * 1.15 : 0;
+  const labelHeight = captionSize * 1.3;
+  let hasBadge = Boolean(statusLabel);
+  let hasLabel = Boolean(label);
+  const measure = () => valueHeight + (hasBadge ? badgeHeight + gap : 0) + (hasLabel ? labelHeight + gap : 0);
+  if (measure() > box && hasLabel) hasLabel = false;
+  if (measure() > box && hasBadge) hasBadge = false;
+  const blockHeight = measure();
+  if (!blockHeight) return;
+  const kpi = cell.append("g").attr("class", "donut-kpi").attr("pointer-events", "none");
+  let y = -blockHeight / 2;
+  if (showValue) {
+    kpi.append("text").attr("class", "donut-value").attr("x", 0).attr("y", y + valueHeight / 2).attr("text-anchor", "middle").attr("fill", theme.text).attr("font-size", valueSize).attr("font-weight", FD.donutValueWeight).style("dominant-baseline", "middle").text(formatCompact(item.value));
+    y += valueHeight;
+  }
+  if (hasBadge && statusLabel) {
+    y += gap;
+    const colors = statusColors[item.status ?? "neutral"];
+    const badge = kpi.append("g").attr("class", "donut-badge");
+    const rect = badge.append("rect");
+    const text = badge.append("text").attr("x", 0).attr("y", y + badgeHeight / 2).attr("text-anchor", "middle").attr("fill", colors.text).attr("font-size", captionSize).style("dominant-baseline", "middle").text(fitLabel(statusLabel, Math.max(1, Math.floor(box / (captionSize * 0.56)))));
+    const textWidth = measureText(text.node(), statusLabel, captionSize);
+    const badgeWidth = Math.min(textWidth + captionSize, box);
+    rect.attr("x", -badgeWidth / 2).attr("y", y).attr("width", badgeWidth).attr("height", badgeHeight).attr("rx", badgeHeight / 2).attr("fill", colors.background);
+    y += badgeHeight;
+  }
+  if (hasLabel) {
+    y += gap;
+    kpi.append("text").attr("class", "donut-label").attr("x", 0).attr("y", y + labelHeight / 2).attr("text-anchor", "middle").attr("fill", theme.textMuted).attr("font-size", captionSize).style("dominant-baseline", "middle").text(fitLabel(label, Math.max(1, Math.floor(box / (captionSize * 0.56)))));
+  }
+}
+export {
+  renderDonutGroupChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/donut-group-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/donut-group-chart/render/draw.ts"],"sourcesContent":["import { select, type Selection } from 'd3-selection';\nimport { arc, pie } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport { pickQualitativePalette } from '../../../utils/fuse-palette.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\nimport {\n  donutArcValues,\n  donutGridLayout,\n  donutRadii,\n  fitLabel,\n  formatCompact,\n  gaugeRatio,\n  resolveMax,\n  type DonutGauge,\n  type DonutHoverEntry,\n  type DonutStatus,\n} from '../lib/index.js';\n\nexport interface RenderDonutGroupChartOptions {\n  items: DonutGauge[];\n  width: number;\n  height: number;\n  /** FuseDash DonutGroupChart frame when omitted by the host */\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  themeMode?: 'light' | 'dark';\n  /** FuseDash page setting — picks the qualitative palette */\n  styleId?: string;\n  /** Value in the hole (FuseDash `display`) */\n  showValue?: boolean;\n  /** Badge under the value (FuseDash `statusLabel`) */\n  showStatus?: boolean;\n  /** Caption under the badge (FuseDash `groupBy` value) */\n  showLabel?: boolean;\n  /** Slice legend — breakdown donuts only */\n  showLegend?: boolean;\n  showTooltip?: boolean;\n  /** Gauge full scale for rows without their own `max` */\n  defaultMax?: number;\n  onHover?: (payload: {\n    title: string;\n    entries: DonutHoverEntry[];\n    event: MouseEvent;\n  }) => void;\n  onLeave?: () => void;\n}\n\n/** `getComputedTextLength` is unavailable without a layout engine (jsdom, SSR). */\nfunction measureText(node: SVGTextElement | null, label: string, fontSize: number): number {\n  const measured = node?.getComputedTextLength?.();\n  return Number.isFinite(measured) && (measured as number) > 0\n    ? (measured as number)\n    : label.length * fontSize * 0.56;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * FuseDash `getCurrentColor`: an explicit color wins, then the theme's\n * primary/secondary (so a host that themed the widget keeps its brand on the\n * first two donuts), then the `styleId` palette for this donut count.\n */\nfunction resolveColor(\n  override: string | undefined,\n  index: number,\n  count: number,\n  theme: WidgetTheme,\n  styleId?: string,\n): string {\n  if (override) return override;\n  const usingDefaultStyle = !styleId || styleId === 'default';\n  if (usingDefaultStyle) {\n    if (index === 0 && theme.primary) return theme.primary;\n    if (index === 1 && theme.secondary) return theme.secondary;\n  }\n  const palette = pickQualitativePalette(0, count);\n  return palette[index % palette.length];\n}\n\n/**\n * FuseDash DonutGroupChart — D3 rewrite of the Visx `DonutGroupItem` row.\n *\n * Each entry is a ring with a KPI block in its hole: a gauge filled to\n * `value / max` over a neutral track, or a breakdown donut when the entry\n * carries more than one slice.\n */\nexport function renderDonutGroupChart(\n  container: HTMLElement,\n  options: RenderDonutGroupChartOptions,\n): void {\n  const {\n    items,\n    width,\n    height,\n    margin = { ...FD.donutMargin },\n    theme,\n    themeMode = 'light',\n    styleId,\n    showValue = true,\n    showStatus = true,\n    showLabel = true,\n    showLegend = true,\n    showTooltip = true,\n    defaultMax = FD.donutDefaultMax,\n    onHover,\n    onLeave,\n  } = options;\n\n  container.replaceChildren();\n  if (!items.length || width <= 0 || height <= 0) return;\n\n  const dark = themeMode === 'dark';\n  const trackFill = dark ? FD.donutTrackFillDark : FD.donutTrackFill;\n  const dividerStroke = dark ? FD.donutDividerDark : FD.donutDivider;\n  const sliceStroke = dark ? FD.donutSliceStrokeDark : FD.donutSliceStroke;\n  const statusColors = dark ? FD.donutStatusColorsDark : FD.donutStatusColors;\n\n  // the legend describes slices, so it only appears for breakdown donuts\n  const legendSource = items.reduce<DonutGauge | undefined>(\n    (best, item) =>\n      (item.slices?.length ?? 0) > (best?.slices?.length ?? 0) ? item : best,\n    undefined,\n  );\n  const legendSlices = showLegend ? (legendSource?.slices ?? []) : [];\n  const legendHeight = legendSlices.length > 1 ? 22 : 0;\n\n  const gridLeft = margin.left;\n  const gridTop = margin.top + legendHeight;\n  const gridWidth = width - margin.left - margin.right;\n  const gridHeight = height - gridTop - margin.bottom;\n  if (gridWidth <= 0 || gridHeight <= 0) return;\n\n  const { columns, rows, cellWidth, cellHeight } = donutGridLayout(\n    items.length,\n    gridWidth,\n    gridHeight,\n  );\n  if (!columns || !rows) return;\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', `donut group chart, ${items.length} donuts`)\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const root = svg.append('g').attr('class', 'donuts');\n\n  // --- Legend ---------------------------------------------------------------\n  if (legendSlices.length > 1) {\n    const legend = svg\n      .append('g')\n      .attr('class', 'legend')\n      .attr('transform', `translate(${gridLeft},${margin.top})`);\n    let lx = 0;\n    legendSlices.forEach((slice, i) => {\n      const color = resolveColor(slice.color, i, legendSlices.length, theme, styleId);\n      const item = legend.append('g').attr('transform', `translate(${lx},0)`);\n      item\n        .append('rect')\n        .attr('x', 0)\n        .attr('y', 2)\n        .attr('width', 10)\n        .attr('height', 10)\n        .attr('rx', 2)\n        .attr('fill', color);\n      const text = item\n        .append('text')\n        .attr('x', 16)\n        .attr('y', 11)\n        .attr('fill', FD.axisLabelFill)\n        .attr('font-size', FD.axisLabelSize)\n        .text(slice.label);\n      lx += measureText(text.node(), slice.label, FD.axisLabelSize) + 30;\n    });\n  }\n\n  // --- Hover dimming (FuseDash fades every other arc to 0.2) ----------------\n  const dimOthers = (hovered: SVGPathElement): void => {\n    root\n      .selectAll<SVGPathElement, unknown>('path.donut-arc')\n      .attr('opacity', function () {\n        return this === hovered ? 1 : FD.donutArcOpacityDimmed;\n      });\n  };\n  const restoreArcs = (): void => {\n    root.selectAll('path.donut-arc').attr('opacity', FD.donutArcOpacity);\n  };\n\n  // --- Donuts ---------------------------------------------------------------\n  const pieGen = pie<number>()\n    .sort(null)\n    .value((d) => d);\n\n  items.forEach((item, index) => {\n    const column = index % columns;\n    const row = Math.floor(index / columns);\n    const cellLeft = gridLeft + column * cellWidth;\n    const cellTop = gridTop + row * cellHeight;\n    const cx = cellLeft + cellWidth / 2;\n    const cy = cellTop + cellHeight / 2;\n\n    const { outerRadius, innerRadius } = donutRadii(cellWidth, cellHeight);\n    if (outerRadius <= 0) return;\n\n    // FuseDash separates the donuts with a left border on every item but the first\n    if (column > 0) {\n      root\n        .append('line')\n        .attr('class', 'donut-divider')\n        .attr('x1', cellLeft)\n        .attr('x2', cellLeft)\n        .attr('y1', cellTop + 8)\n        .attr('y2', cellTop + cellHeight - 8)\n        .attr('stroke', dividerStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const cell = root\n      .append('g')\n      .attr('class', 'donut')\n      .attr('data-donut', item.id)\n      .attr('transform', `translate(${cx},${cy})`);\n\n    const slices = item.slices ?? [];\n    const breakdown = slices.length > 1;\n    const { values, track } = donutArcValues(item, defaultMax);\n    const total = values.reduce((sum, v) => sum + v, 0);\n    const arcs = pieGen(values);\n    const arcGen = arc<{ startAngle: number; endAngle: number }>()\n      .innerRadius(innerRadius)\n      .outerRadius(outerRadius);\n\n    arcs.forEach((slice, i) => {\n      if (slice.endAngle - slice.startAngle <= 0) return;\n      const isTrack = track && i === 1;\n      const color = isTrack\n        ? trackFill\n        : breakdown\n          ? resolveColor(slices[i]?.color, i, slices.length, theme, styleId)\n          : resolveColor(item.color, index, items.length, theme, styleId);\n\n      const path = cell\n        .append('path')\n        .attr('class', isTrack ? 'donut-track' : 'donut-arc')\n        .attr('d', arcGen({ startAngle: slice.startAngle, endAngle: slice.endAngle }))\n        .attr('fill', color)\n        .attr('opacity', isTrack ? 1 : FD.donutArcOpacity)\n        .attr('stroke', sliceStroke)\n        .attr('stroke-width', FD.donutSliceStrokeWidth);\n\n      if (isTrack || !showTooltip || !onHover) return;\n\n      const label = breakdown ? slices[i].label : item.label;\n      const value = breakdown ? slices[i].value : item.value;\n      const ratio = breakdown\n        ? total > 0\n          ? Math.abs(value) / total\n          : 0\n        : gaugeRatio(item.value, resolveMax(item, defaultMax));\n\n      path\n        .style('cursor', 'pointer')\n        .on('mouseenter', function (event: MouseEvent) {\n          dimOthers(this as SVGPathElement);\n          onHover({\n            title: item.label,\n            entries: [{ itemId: item.id, label, color, value, ratio }],\n            event,\n          });\n        })\n        .on('mousemove', function (event: MouseEvent) {\n          onHover({\n            title: item.label,\n            entries: [{ itemId: item.id, label, color, value, ratio }],\n            event,\n          });\n        })\n        .on('mouseleave', () => {\n          restoreArcs();\n          onLeave?.();\n        });\n    });\n\n    drawKpi(cell, {\n      item,\n      innerRadius,\n      theme,\n      statusColors,\n      showValue,\n      showStatus,\n      showLabel,\n    });\n  });\n}\n\ninterface KpiOptions {\n  item: DonutGauge;\n  innerRadius: number;\n  theme: WidgetTheme;\n  statusColors: Record<DonutStatus, { background: string; text: string }>;\n  showValue: boolean;\n  showStatus: boolean;\n  showLabel: boolean;\n}\n\n/**\n * The KPI block FuseDash overlays on the hole: value, status badge, caption.\n * Type sizes are FuseDash's 30/12/12 scaled down with the hole so the block\n * never spills out of small chat cells.\n */\nfunction drawKpi(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  cell: Selection<any, unknown, null, undefined>,\n  options: KpiOptions,\n): void {\n  const { item, innerRadius, theme, statusColors, showValue, showStatus, showLabel } =\n    options;\n  if (innerRadius <= 6) return;\n\n  const box = innerRadius * 2;\n  const valueSize = clamp(innerRadius * 0.62, 9, FD.donutValueSize);\n  const captionSize = clamp(valueSize * 0.42, 7, FD.donutLabelSize);\n  const gap = Math.max(2, captionSize * 0.35);\n  const badgeHeight = captionSize * 1.6;\n\n  const statusLabel = showStatus ? item.statusLabel : undefined;\n  const label = showLabel ? item.label : '';\n  const valueHeight = showValue ? valueSize * 1.15 : 0;\n  const labelHeight = captionSize * 1.3;\n\n  // The hole is small in chat: drop the caption first, then the badge, rather\n  // than letting the block spill over the ring.\n  let hasBadge = Boolean(statusLabel);\n  let hasLabel = Boolean(label);\n  const measure = (): number =>\n    valueHeight + (hasBadge ? badgeHeight + gap : 0) + (hasLabel ? labelHeight + gap : 0);\n  if (measure() > box && hasLabel) hasLabel = false;\n  if (measure() > box && hasBadge) hasBadge = false;\n  const blockHeight = measure();\n  if (!blockHeight) return;\n\n  const kpi = cell.append('g').attr('class', 'donut-kpi').attr('pointer-events', 'none');\n  let y = -blockHeight / 2;\n\n  if (showValue) {\n    kpi\n      .append('text')\n      .attr('class', 'donut-value')\n      .attr('x', 0)\n      .attr('y', y + valueHeight / 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', theme.text)\n      .attr('font-size', valueSize)\n      .attr('font-weight', FD.donutValueWeight)\n      .style('dominant-baseline', 'middle')\n      .text(formatCompact(item.value));\n    y += valueHeight;\n  }\n\n  if (hasBadge && statusLabel) {\n    y += gap;\n    const colors = statusColors[item.status ?? 'neutral'];\n    const badge = kpi.append('g').attr('class', 'donut-badge');\n    const rect = badge.append('rect');\n    const text = badge\n      .append('text')\n      .attr('x', 0)\n      .attr('y', y + badgeHeight / 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', colors.text)\n      .attr('font-size', captionSize)\n      .style('dominant-baseline', 'middle')\n      .text(fitLabel(statusLabel, Math.max(1, Math.floor(box / (captionSize * 0.56)))));\n    const textWidth = measureText(text.node(), statusLabel, captionSize);\n    const badgeWidth = Math.min(textWidth + captionSize, box);\n    rect\n      .attr('x', -badgeWidth / 2)\n      .attr('y', y)\n      .attr('width', badgeWidth)\n      .attr('height', badgeHeight)\n      .attr('rx', badgeHeight / 2)\n      .attr('fill', colors.background);\n    y += badgeHeight;\n  }\n\n  if (hasLabel) {\n    y += gap;\n    kpi\n      .append('text')\n      .attr('class', 'donut-label')\n      .attr('x', 0)\n      .attr('y', y + labelHeight / 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', theme.textMuted)\n      .attr('font-size', captionSize)\n      .style('dominant-baseline', 'middle')\n      .text(fitLabel(label, Math.max(1, Math.floor(box / (captionSize * 0.56)))));\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/donut-group-chart/render/index.d.ts

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

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

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

package/dist/components/donut-group-chart/tests/fixtures.d.ts

@@ -0,0 +1,33 @@
+import { DonutGauge } from '../lib/types.js';
+/**
+ * Agreed mock fixture for the DonutGroupChart port — the payload the FuseDash
+ * side-by-side comparison renders.
+ *
+ * `data.mock.ts` in the FuseDash widget is the readiness/sleep/activity row, so
+ * that stays the primary fixture; the others exercise the branches around it —
+ * a non-100 scale, a breakdown donut, and an entry with no status badge.
+ */
+/** FuseDash `data.mock.ts`, one gauge per row. */
+export declare const DONUT_FIXTURE_GAUGES: DonutGauge[];
+/** Mixed statuses and a scale that is not 100 — the badge and track branches. */
+export declare const DONUT_FIXTURE_MIXED: DonutGauge[];
+/** More than one slice per entry — the breakdown donut instead of a gauge. */
+export declare const DONUT_FIXTURE_BREAKDOWN: DonutGauge[];
+/**
+ * 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 DONUT_FIXTURE_VARIANTS: readonly [{
+    readonly chartType: "donutGroupChart";
+    readonly title: "KPI gauges (FuseDash data.mock)";
+    readonly data: DonutGauge[];
+}, {
+    readonly chartType: "donutGroupChart";
+    readonly title: "Mixed statuses, non-100 scale";
+    readonly data: DonutGauge[];
+}, {
+    readonly chartType: "donutGroupChart";
+    readonly title: "Breakdown donuts";
+    readonly data: DonutGauge[];
+}];
+//# sourceMappingURL=fixtures.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../src/components/donut-group-chart/tests/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD;;;;;;;GAOG;AAEH,kDAAkD;AAClD,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAyB5C,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,mBAAmB,EAAE,UAAU,EAmB3C,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,EAAE,UAAU,EAqB/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;EAgBzB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,47 @@
+import { css } from "lit";
+const histogramStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1 1 auto;
+    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% - 10px));
+    white-space: nowrap;
+  }
+  .tooltip .name {
+    font-weight: 600;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  histogramStyles
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/histogram-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const histogramStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1 1 auto;\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% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-histogram-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/histogram-chart/element/ui9000-histogram-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAa3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAAuC;IAG7D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAMA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,IAAI;IAwCH,MAAM;CA8BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,oBAAoB,CAAC;KAChD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}