@fusedashlabs/widgets 0.2.0

package/dist/components/donut-group-chart/element/ui9000-donut-group-chart.js

@@ -0,0 +1,169 @@
+import { LitElement, nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { readThemeFromElement, readCssVar, CSS_VARS } from "../../../context/widget-context.js";
+import { parseJsonAttr, getDonutGroupDimensions } from "../../../utils/chart-helpers.js";
+import { renderDonutGroupChart } from "../render/draw.js";
+import { donutGroupChartStyles } from "./styles.js";
+import { normalizeDonutGroupData } from "../lib/normalize.js";
+import { formatCompact, formatPercent } from "../lib/format.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000DonutGroupChart = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "[]";
+    this.scale = "default";
+    this.max = 100;
+    this.showValue = true;
+    this.showStatus = true;
+    this.showLabel = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this._tooltip = null;
+    this._empty = false;
+    this._raf = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (typeof ResizeObserver !== "undefined") {
+      this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());
+      this._resizeObserver.observe(this);
+    }
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
+    cancelAnimationFrame(this._raf);
+    super.disconnectedCallback();
+  }
+  updated() {
+    this.scheduleDraw();
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseData() {
+    const raw = parseJsonAttr(
+      this.dataJson,
+      []
+    );
+    return normalizeDonutGroupData(raw);
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const items = this.parseData();
+    this._empty = items.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const themeMode = readCssVar(this, CSS_VARS.mode, "light") === "dark" ? "dark" : "light";
+    const styleId = readCssVar(this, CSS_VARS.styleId, "default");
+    const { width, height, margin } = getDonutGroupDimensions(root, this.scale);
+    renderDonutGroupChart(root, {
+      items,
+      width,
+      height,
+      margin,
+      theme,
+      themeMode,
+      styleId,
+      defaultMax: this.max,
+      showValue: this.showValue,
+      showStatus: this.showStatus,
+      showLabel: this.showLabel,
+      showLegend: this.showLegend,
+      showTooltip: this.showTooltip,
+      onHover: this.showTooltip ? ({ title, entries, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          title,
+          entries
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    return html`
+      <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+      ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
+      ${this._tooltip ? html`<div
+            class="tooltip"
+            part="tooltip"
+            style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+          >
+            <div class="title">${this._tooltip.title}</div>
+            ${this._tooltip.entries.map(
+      (entry) => html`<div class="row">
+                <span class="swatch" style="background:${entry.color}"></span>
+                <span>${entry.label}</span>
+                <span class="value">${formatCompact(entry.value)}</span>
+                <span class="share">${formatPercent(entry.ratio)}</span>
+              </div>`
+    )}
+          </div>` : nothing}
+    `;
+  }
+};
+Ui9000DonutGroupChart.styles = donutGroupChartStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000DonutGroupChart.prototype, "dataJson", 2);
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000DonutGroupChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Number, attribute: "max" })
+], Ui9000DonutGroupChart.prototype, "max", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-value" })
+], Ui9000DonutGroupChart.prototype, "showValue", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-status" })
+], Ui9000DonutGroupChart.prototype, "showStatus", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-label" })
+], Ui9000DonutGroupChart.prototype, "showLabel", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000DonutGroupChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000DonutGroupChart.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000DonutGroupChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000DonutGroupChart.prototype, "_empty", 2);
+Ui9000DonutGroupChart = __decorateClass([
+  customElement("ui9000-donut-group-chart")
+], Ui9000DonutGroupChart);
+function registerDonutGroupChart() {
+  if (!customElements.get("ui9000-donut-group-chart")) {
+    customElements.define("ui9000-donut-group-chart", Ui9000DonutGroupChart);
+  }
+}
+registerDonutGroupChart();
+export {
+  Ui9000DonutGroupChart,
+  registerDonutGroupChart
+};
+//# sourceMappingURL=ui9000-donut-group-chart.js.map

package/dist/components/donut-group-chart/element/ui9000-donut-group-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-donut-group-chart.js","sources":["../../../../src/components/donut-group-chart/element/ui9000-donut-group-chart.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { CSS_VARS, readCssVar, readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getDonutGroupDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  formatCompact,\n  formatPercent,\n  normalizeDonutGroupData,\n  type DonutGauge,\n  type DonutGroupChartData,\n  type DonutHoverEntry,\n} from '../lib/index.js';\nimport { renderDonutGroupChart } from '../render/draw.js';\nimport { donutGroupChartStyles } from './styles.js';\n\n@customElement('ui9000-donut-group-chart')\nexport class Ui9000DonutGroupChart extends LitElement {\n  static override styles = donutGroupChartStyles;\n\n  /** JSON: DataPoint[] | DonutGauge[] | DonutGroupChartData */\n  @property({ type: String, attribute: 'data' })\n  dataJson = '[]';\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  /** Gauge full scale for entries without their own max (FuseDash `maximalValue`) */\n  @property({ type: Number, attribute: 'max' })\n  max = 100;\n\n  @property({ type: Boolean, attribute: 'show-value' })\n  showValue = true;\n\n  @property({ type: Boolean, attribute: 'show-status' })\n  showStatus = true;\n\n  @property({ type: Boolean, attribute: 'show-label' })\n  showLabel = true;\n\n  /** Slice legend — breakdown donuts only */\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    title: string;\n    entries: DonutHoverEntry[];\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // absent in SSR / jsdom hosts — the chart still draws, it just won't reflow\n    if (typeof ResizeObserver !== 'undefined') {\n      this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n      this._resizeObserver.observe(this);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(): void {\n    this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): DonutGauge[] {\n    const raw = parseJsonAttr<DataPoint[] | DonutGauge[] | DonutGroupChartData>(\n      this.dataJson,\n      [],\n    );\n    return normalizeDonutGroupData(raw);\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const items = this.parseData();\n    this._empty = items.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const themeMode = readCssVar(this, CSS_VARS.mode, 'light') === 'dark' ? 'dark' : 'light';\n    const styleId = readCssVar(this, CSS_VARS.styleId, 'default');\n    const { width, height, margin } = getDonutGroupDimensions(root, this.scale);\n\n    renderDonutGroupChart(root, {\n      items,\n      width,\n      height,\n      margin,\n      theme,\n      themeMode,\n      styleId,\n      defaultMax: this.max,\n      showValue: this.showValue,\n      showStatus: this.showStatus,\n      showLabel: this.showLabel,\n      showLegend: this.showLegend,\n      showTooltip: this.showTooltip,\n      onHover: this.showTooltip\n        ? ({ title, entries, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              title,\n              entries,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  override render() {\n    return html`\n      <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n      ${this._empty ? html`<div class=\"empty\" part=\"empty\">No data</div>` : nothing}\n      ${this._tooltip\n        ? html`<div\n            class=\"tooltip\"\n            part=\"tooltip\"\n            style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n          >\n            <div class=\"title\">${this._tooltip.title}</div>\n            ${this._tooltip.entries.map(\n              (entry) => html`<div class=\"row\">\n                <span class=\"swatch\" style=\"background:${entry.color}\"></span>\n                <span>${entry.label}</span>\n                <span class=\"value\">${formatCompact(entry.value)}</span>\n                <span class=\"share\">${formatPercent(entry.ratio)}</span>\n              </div>`,\n            )}\n          </div>`\n        : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-donut-group-chart': Ui9000DonutGroupChart;\n  }\n}\n\nexport function registerDonutGroupChart(): void {\n  if (!customElements.get('ui9000-donut-group-chart')) {\n    customElements.define('ui9000-donut-group-chart', Ui9000DonutGroupChart);\n  }\n}\n\nregisterDonutGroupChart();\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBO,IAAM,wBAAN,cAAoC,WAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA;AAKL,SAAA,WAAW;AAGX,SAAA,QAAqB;AAIrB,SAAA,MAAM;AAGN,SAAA,YAAY;AAGZ,SAAA,aAAa;AAGb,SAAA,YAAY;AAIZ,SAAA,aAAa;AAGb,SAAA,cAAc;AAGd,SAAQ,WAKG;AAGX,SAAQ,SAAS;AAGjB,SAAQ,OAAO;AAAA,EAAA;AAAA,EAEN,oBAA0B;AACjC,UAAM,kBAAA;AAEN,QAAI,OAAO,mBAAmB,aAAa;AACzC,WAAK,kBAAkB,IAAI,eAAe,MAAM,KAAK,cAAc;AACnE,WAAK,gBAAgB,QAAQ,IAAI;AAAA,IACnC;AAAA,EACF;AAAA,EAES,uBAA6B;;AACpC,eAAK,oBAAL,mBAAsB;AACtB,yBAAqB,KAAK,IAAI;AAC9B,UAAM,qBAAA;AAAA,EACR;AAAA,EAES,UAAgB;AACvB,SAAK,aAAA;AAAA,EACP;AAAA,EAEQ,eAAqB;AAC3B,yBAAqB,KAAK,IAAI;AAC9B,SAAK,OAAO,sBAAsB,MAAM,KAAK,MAAM;AAAA,EACrD;AAAA,EAEQ,YAA0B;AAChC,UAAM,MAAM;AAAA,MACV,KAAK;AAAA,MACL,CAAA;AAAA,IAAC;AAEH,WAAO,wBAAwB,GAAG;AAAA,EACpC;AAAA,EAEQ,OAAa;;AACnB,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,CAAC,KAAM;AAEX,UAAM,QAAQ,KAAK,UAAA;AACnB,SAAK,SAAS,MAAM,WAAW;AAC/B,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAA;AACL;AAAA,IACF;AAEA,UAAM,QAAQ,qBAAqB,IAAI;AACvC,UAAM,YAAY,WAAW,MAAM,SAAS,MAAM,OAAO,MAAM,SAAS,SAAS;AACjF,UAAM,UAAU,WAAW,MAAM,SAAS,SAAS,SAAS;AAC5D,UAAM,EAAE,OAAO,QAAQ,OAAA,IAAW,wBAAwB,MAAM,KAAK,KAAK;AAE1E,0BAAsB,MAAM;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,KAAK;AAAA,MACjB,WAAW,KAAK;AAAA,MAChB,YAAY,KAAK;AAAA,MACjB,WAAW,KAAK;AAAA,MAChB,YAAY,KAAK;AAAA,MACjB,aAAa,KAAK;AAAA,MAClB,SAAS,KAAK,cACV,CAAC,EAAE,OAAO,SAAS,YAAY;AAC7B,cAAM,OAAO,KAAK,sBAAA;AAClB,aAAK,WAAW;AAAA,UACd,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ,IACA;AAAA,MACJ,SAAS,KAAK,cACV,MAAM;AACJ,aAAK,WAAW;AAAA,MAClB,IACA;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EAES,SAAS;AAChB,WAAO;AAAA,qDAC0C,KAAK,MAAM;AAAA,QACxD,KAAK,SAAS,sDAAsD,OAAO;AAAA,QAC3E,KAAK,WACH;AAAA;AAAA;AAAA,0BAGgB,KAAK,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC;AAAA;AAAA,iCAEjC,KAAK,SAAS,KAAK;AAAA,cACtC,KAAK,SAAS,QAAQ;AAAA,MACtB,CAAC,UAAU;AAAA,yDACgC,MAAM,KAAK;AAAA,wBAC5C,MAAM,KAAK;AAAA,sCACG,cAAc,MAAM,KAAK,CAAC;AAAA,sCAC1B,cAAc,MAAM,KAAK,CAAC;AAAA;AAAA,IAAA,CAEnD;AAAA,oBAEH,OAAO;AAAA;AAAA,EAEf;AACF;AApJa,sBACK,SAAS;AAIzB,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAJlC,sBAKX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,SAAS;AAAA,GAPnC,sBAQX,WAAA,SAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,OAAO;AAAA,GAXjC,sBAYX,WAAA,OAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,cAAc;AAAA,GAdzC,sBAeX,WAAA,aAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAjB1C,sBAkBX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,cAAc;AAAA,GApBzC,sBAqBX,WAAA,aAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAxB1C,sBAyBX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GA3B3C,sBA4BX,WAAA,eAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GA9BI,sBA+BH,WAAA,YAAA,CAAA;AAQA,gBAAA;AAAA,EADP,MAAA;AAAM,GAtCI,sBAuCH,WAAA,UAAA,CAAA;AAvCG,wBAAN,gBAAA;AAAA,EADN,cAAc,0BAA0B;AAAA,GAC5B,qBAAA;AA4JN,SAAS,0BAAgC;AAC9C,MAAI,CAAC,eAAe,IAAI,0BAA0B,GAAG;AACnD,mBAAe,OAAO,4BAA4B,qBAAqB;AAAA,EACzE;AACF;AAEA,wBAAA;"}

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

@@ -0,0 +1,5 @@
+export { Ui9000DonutGroupChart, registerDonutGroupChart, } from './element/ui9000-donut-group-chart.js';
+export { renderDonutGroupChart } from './render/draw.js';
+export { donutArcValues, donutGridLayout, donutRadii, fitLabel, formatCompact, formatPercent, gaugeRatio, normalizeDonutGroupData, resolveMax, type DonutGauge, type DonutGridLayout, type DonutGroupChartData, type DonutHoverEntry, type DonutSlice, type DonutStatus, } from './lib/index.js';
+export { default as donutGroupChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/donut-group-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,cAAc,EACd,eAAe,EACf,UAAU,EACV,QAAQ,EACR,aAAa,EACb,aAAa,EACb,UAAU,EACV,uBAAuB,EACvB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/donut-group-chart/index.js

@@ -0,0 +1,23 @@
+import { registerDonutGroupChart } from "./element/ui9000-donut-group-chart.js";
+import { Ui9000DonutGroupChart } from "./element/ui9000-donut-group-chart.js";
+import { renderDonutGroupChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { donutArcValues, donutGridLayout, donutRadii, gaugeRatio, resolveMax } from "./lib/domain.js";
+import { fitLabel, formatCompact, formatPercent } from "./lib/format.js";
+import { normalizeDonutGroupData } from "./lib/normalize.js";
+export {
+  Ui9000DonutGroupChart,
+  donutArcValues,
+  donutGridLayout,
+  default2 as donutGroupChartMetadata,
+  donutRadii,
+  fitLabel,
+  formatCompact,
+  formatPercent,
+  gaugeRatio,
+  normalizeDonutGroupData,
+  registerDonutGroupChart,
+  renderDonutGroupChart,
+  resolveMax
+};
+//# sourceMappingURL=index.js.map

package/dist/components/donut-group-chart/index.js.map

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

package/dist/components/donut-group-chart/lib/domain.d.ts

@@ -0,0 +1,39 @@
+import { DonutGauge } from './types.js';
+/**
+ * Full scale of one gauge — FuseDash `maximalValue`, then the slice total, then
+ * the 100 the widget assumes when a row carries neither.
+ */
+export declare function resolveMax(item: DonutGauge, defaultMax?: number): number;
+/** Filled share of a gauge, clamped to the track. */
+export declare function gaugeRatio(value: number, max: number): number;
+/**
+ * Arcs of one donut, in draw order. A gauge is the value arc plus the neutral
+ * remainder that completes the ring; a breakdown donut is its slices, negatives
+ * folded to their magnitude the way `d3-shape`'s pie generator needs them.
+ */
+export declare function donutArcValues(item: DonutGauge, defaultMax?: number): {
+    values: number[];
+    track: boolean;
+};
+export interface DonutGridLayout {
+    columns: number;
+    rows: number;
+    cellWidth: number;
+    cellHeight: number;
+}
+/**
+ * Places the donuts. FuseDash lays them out in one flex row; the chat host is
+ * far narrower, so cells wrap once they would fall below `minCellWidth` and the
+ * columns are then rebalanced so the last row is never left nearly empty.
+ */
+export declare function donutGridLayout(count: number, width: number, height: number, minCellWidth?: number): DonutGridLayout;
+/**
+ * Ring geometry for one cell. FuseDash uses `min(w, h) / 2` with a flat 16px
+ * band, which collapses on small cells — the band is capped at half the radius
+ * so the hole never disappears.
+ */
+export declare function donutRadii(cellWidth: number, cellHeight: number, padding?: number, thickness?: number): {
+    outerRadius: number;
+    innerRadius: number;
+};
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/donut-group-chart/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,YAAY,CAAC;AAEzD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,GAAE,MAA2B,GAAG,MAAM,CAO5F;AAED,qDAAqD;AACrD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAG7D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG;IACrE,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB,CAQA;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,YAAY,GAAE,MAA6B,GAC1C,eAAe,CAajB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE,MAA4B,EACrC,SAAS,GAAE,MAA0B,GACpC;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAK9C"}

package/dist/components/donut-group-chart/lib/domain.js

@@ -0,0 +1,51 @@
+import { FD } from "../../../utils/fusedash-visual.js";
+function resolveMax(item, defaultMax = FD.donutDefaultMax) {
+  var _a;
+  if (item.max != null && item.max > 0) return item.max;
+  if ((_a = item.slices) == null ? void 0 : _a.length) {
+    const total = item.slices.reduce((sum, s) => sum + Math.abs(s.value), 0);
+    if (total > 0) return total;
+  }
+  return defaultMax > 0 ? defaultMax : FD.donutDefaultMax;
+}
+function gaugeRatio(value, max) {
+  if (!Number.isFinite(value) || !Number.isFinite(max) || max <= 0) return 0;
+  return Math.min(Math.max(value / max, 0), 1);
+}
+function donutArcValues(item, defaultMax) {
+  const slices = item.slices ?? [];
+  if (slices.length > 1) {
+    return { values: slices.map((s) => Math.abs(s.value)), track: false };
+  }
+  const max = resolveMax(item, defaultMax);
+  const filled = Math.min(Math.max(item.value, 0), max);
+  return { values: [filled, max - filled], track: true };
+}
+function donutGridLayout(count, width, height, minCellWidth = FD.donutMinCellWidth) {
+  if (count <= 0 || width <= 0 || height <= 0) {
+    return { columns: 0, rows: 0, cellWidth: 0, cellHeight: 0 };
+  }
+  const fits = Math.max(1, Math.floor(width / minCellWidth));
+  const rows = Math.max(1, Math.ceil(count / Math.min(fits, count)));
+  const columns = Math.ceil(count / rows);
+  return {
+    columns,
+    rows,
+    cellWidth: width / columns,
+    cellHeight: height / rows
+  };
+}
+function donutRadii(cellWidth, cellHeight, padding = FD.donutCellPadding, thickness = FD.donutThickness) {
+  const outerRadius = Math.min(cellWidth, cellHeight) / 2 - padding;
+  if (outerRadius <= 0) return { outerRadius: 0, innerRadius: 0 };
+  const band = Math.max(Math.min(thickness, outerRadius * 0.5), FD.donutMinThickness);
+  return { outerRadius, innerRadius: Math.max(outerRadius - band, 0) };
+}
+export {
+  donutArcValues,
+  donutGridLayout,
+  donutRadii,
+  gaugeRatio,
+  resolveMax
+};
+//# sourceMappingURL=domain.js.map

package/dist/components/donut-group-chart/lib/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/donut-group-chart/lib/domain.ts"],"sourcesContent":["import { FD } from '../../../utils/fusedash-visual.js';\nimport type { DonutGauge, DonutSlice } from './types.js';\n\n/**\n * Full scale of one gauge — FuseDash `maximalValue`, then the slice total, then\n * the 100 the widget assumes when a row carries neither.\n */\nexport function resolveMax(item: DonutGauge, defaultMax: number = FD.donutDefaultMax): number {\n  if (item.max != null && item.max > 0) return item.max;\n  if (item.slices?.length) {\n    const total = item.slices.reduce((sum, s) => sum + Math.abs(s.value), 0);\n    if (total > 0) return total;\n  }\n  return defaultMax > 0 ? defaultMax : FD.donutDefaultMax;\n}\n\n/** Filled share of a gauge, clamped to the track. */\nexport function gaugeRatio(value: number, max: number): number {\n  if (!Number.isFinite(value) || !Number.isFinite(max) || max <= 0) return 0;\n  return Math.min(Math.max(value / max, 0), 1);\n}\n\n/**\n * Arcs of one donut, in draw order. A gauge is the value arc plus the neutral\n * remainder that completes the ring; a breakdown donut is its slices, negatives\n * folded to their magnitude the way `d3-shape`'s pie generator needs them.\n */\nexport function donutArcValues(item: DonutGauge, defaultMax?: number): {\n  values: number[];\n  track: boolean;\n} {\n  const slices = item.slices ?? [];\n  if (slices.length > 1) {\n    return { values: slices.map((s: DonutSlice) => Math.abs(s.value)), track: false };\n  }\n  const max = resolveMax(item, defaultMax);\n  const filled = Math.min(Math.max(item.value, 0), max);\n  return { values: [filled, max - filled], track: true };\n}\n\nexport interface DonutGridLayout {\n  columns: number;\n  rows: number;\n  cellWidth: number;\n  cellHeight: number;\n}\n\n/**\n * Places the donuts. FuseDash lays them out in one flex row; the chat host is\n * far narrower, so cells wrap once they would fall below `minCellWidth` and the\n * columns are then rebalanced so the last row is never left nearly empty.\n */\nexport function donutGridLayout(\n  count: number,\n  width: number,\n  height: number,\n  minCellWidth: number = FD.donutMinCellWidth,\n): DonutGridLayout {\n  if (count <= 0 || width <= 0 || height <= 0) {\n    return { columns: 0, rows: 0, cellWidth: 0, cellHeight: 0 };\n  }\n  const fits = Math.max(1, Math.floor(width / minCellWidth));\n  const rows = Math.max(1, Math.ceil(count / Math.min(fits, count)));\n  const columns = Math.ceil(count / rows);\n  return {\n    columns,\n    rows,\n    cellWidth: width / columns,\n    cellHeight: height / rows,\n  };\n}\n\n/**\n * Ring geometry for one cell. FuseDash uses `min(w, h) / 2` with a flat 16px\n * band, which collapses on small cells — the band is capped at half the radius\n * so the hole never disappears.\n */\nexport function donutRadii(\n  cellWidth: number,\n  cellHeight: number,\n  padding: number = FD.donutCellPadding,\n  thickness: number = FD.donutThickness,\n): { outerRadius: number; innerRadius: number } {\n  const outerRadius = Math.min(cellWidth, cellHeight) / 2 - padding;\n  if (outerRadius <= 0) return { outerRadius: 0, innerRadius: 0 };\n  const band = Math.max(Math.min(thickness, outerRadius * 0.5), FD.donutMinThickness);\n  return { outerRadius, innerRadius: Math.max(outerRadius - band, 0) };\n}\n"],"names":[],"mappings":";AAOO,SAAS,WAAW,MAAkB,aAAqB,GAAG,iBAAyB;;AAC5F,MAAI,KAAK,OAAO,QAAQ,KAAK,MAAM,UAAU,KAAK;AAClD,OAAI,UAAK,WAAL,mBAAa,QAAQ;AACvB,UAAM,QAAQ,KAAK,OAAO,OAAO,CAAC,KAAK,MAAM,MAAM,KAAK,IAAI,EAAE,KAAK,GAAG,CAAC;AACvE,QAAI,QAAQ,EAAG,QAAO;AAAA,EACxB;AACA,SAAO,aAAa,IAAI,aAAa,GAAG;AAC1C;AAGO,SAAS,WAAW,OAAe,KAAqB;AAC7D,MAAI,CAAC,OAAO,SAAS,KAAK,KAAK,CAAC,OAAO,SAAS,GAAG,KAAK,OAAO,EAAG,QAAO;AACzE,SAAO,KAAK,IAAI,KAAK,IAAI,QAAQ,KAAK,CAAC,GAAG,CAAC;AAC7C;AAOO,SAAS,eAAe,MAAkB,YAG/C;AACA,QAAM,SAAS,KAAK,UAAU,CAAA;AAC9B,MAAI,OAAO,SAAS,GAAG;AACrB,WAAO,EAAE,QAAQ,OAAO,IAAI,CAAC,MAAkB,KAAK,IAAI,EAAE,KAAK,CAAC,GAAG,OAAO,MAAA;AAAA,EAC5E;AACA,QAAM,MAAM,WAAW,MAAM,UAAU;AACvC,QAAM,SAAS,KAAK,IAAI,KAAK,IAAI,KAAK,OAAO,CAAC,GAAG,GAAG;AACpD,SAAO,EAAE,QAAQ,CAAC,QAAQ,MAAM,MAAM,GAAG,OAAO,KAAA;AAClD;AAcO,SAAS,gBACd,OACA,OACA,QACA,eAAuB,GAAG,mBACT;AACjB,MAAI,SAAS,KAAK,SAAS,KAAK,UAAU,GAAG;AAC3C,WAAO,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,EAAA;AAAA,EAC1D;AACA,QAAM,OAAO,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,YAAY,CAAC;AACzD,QAAM,OAAO,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,KAAK,IAAI,MAAM,KAAK,CAAC,CAAC;AACjE,QAAM,UAAU,KAAK,KAAK,QAAQ,IAAI;AACtC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB,YAAY,SAAS;AAAA,EAAA;AAEzB;AAOO,SAAS,WACd,WACA,YACA,UAAkB,GAAG,kBACrB,YAAoB,GAAG,gBACuB;AAC9C,QAAM,cAAc,KAAK,IAAI,WAAW,UAAU,IAAI,IAAI;AAC1D,MAAI,eAAe,EAAG,QAAO,EAAE,aAAa,GAAG,aAAa,EAAA;AAC5D,QAAM,OAAO,KAAK,IAAI,KAAK,IAAI,WAAW,cAAc,GAAG,GAAG,GAAG,iBAAiB;AAClF,SAAO,EAAE,aAAa,aAAa,KAAK,IAAI,cAAc,MAAM,CAAC,EAAA;AACnE;"}

package/dist/components/donut-group-chart/lib/format.d.ts

@@ -0,0 +1,7 @@
+/** Value / tooltip formatting — same rule as the other ported charts. */
+export declare function formatCompact(value: number): string;
+/** Share of the ring, as the tooltip shows it. */
+export declare function formatPercent(ratio: number): string;
+/** Middle-truncate a caption to the characters its cell can actually fit. */
+export declare function fitLabel(label: string, maxChars: number): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/components/donut-group-chart/lib/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/donut-group-chart/lib/format.ts"],"names":[],"mappings":"AAEA,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGnD;AAED,kDAAkD;AAClD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAInD;AAED,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIhE"}

package/dist/components/donut-group-chart/lib/format.js

@@ -0,0 +1,21 @@
+import { formatCompactNumber } from "../../../utils/fusedash-visual.js";
+function formatCompact(value) {
+  const decimals = Number.isInteger(value) && Math.abs(value) < 1e3 ? 0 : 2;
+  return formatCompactNumber(value, decimals);
+}
+function formatPercent(ratio) {
+  if (!Number.isFinite(ratio)) return "";
+  const pct = ratio * 100;
+  return `${pct >= 10 || pct === 0 || Number.isInteger(pct) ? Math.round(pct) : pct.toFixed(1)}%`;
+}
+function fitLabel(label, maxChars) {
+  if (maxChars <= 1) return label.slice(0, 1);
+  if (label.length <= maxChars) return label;
+  return `${label.slice(0, maxChars - 1)}…`;
+}
+export {
+  fitLabel,
+  formatCompact,
+  formatPercent
+};
+//# sourceMappingURL=format.js.map

package/dist/components/donut-group-chart/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/donut-group-chart/lib/format.ts"],"sourcesContent":["import { formatCompactNumber } from '../../../utils/fusedash-visual.js';\n\n/** Value / tooltip formatting — same rule as the other ported charts. */\nexport function formatCompact(value: number): string {\n  const decimals = Number.isInteger(value) && Math.abs(value) < 1000 ? 0 : 2;\n  return formatCompactNumber(value, decimals);\n}\n\n/** Share of the ring, as the tooltip shows it. */\nexport function formatPercent(ratio: number): string {\n  if (!Number.isFinite(ratio)) return '';\n  const pct = ratio * 100;\n  return `${pct >= 10 || pct === 0 || Number.isInteger(pct) ? Math.round(pct) : pct.toFixed(1)}%`;\n}\n\n/** Middle-truncate a caption to the characters its cell can actually fit. */\nexport function fitLabel(label: string, maxChars: number): string {\n  if (maxChars <= 1) return label.slice(0, 1);\n  if (label.length <= maxChars) return label;\n  return `${label.slice(0, maxChars - 1)}…`;\n}\n"],"names":[],"mappings":";AAGO,SAAS,cAAc,OAAuB;AACnD,QAAM,WAAW,OAAO,UAAU,KAAK,KAAK,KAAK,IAAI,KAAK,IAAI,MAAO,IAAI;AACzE,SAAO,oBAAoB,OAAO,QAAQ;AAC5C;AAGO,SAAS,cAAc,OAAuB;AACnD,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,QAAM,MAAM,QAAQ;AACpB,SAAO,GAAG,OAAO,MAAM,QAAQ,KAAK,OAAO,UAAU,GAAG,IAAI,KAAK,MAAM,GAAG,IAAI,IAAI,QAAQ,CAAC,CAAC;AAC9F;AAGO,SAAS,SAAS,OAAe,UAA0B;AAChE,MAAI,YAAY,EAAG,QAAO,MAAM,MAAM,GAAG,CAAC;AAC1C,MAAI,MAAM,UAAU,SAAU,QAAO;AACrC,SAAO,GAAG,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC;AACxC;"}

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

@@ -0,0 +1,5 @@
+export { type DonutGauge, type DonutGroupChartData, type DonutHoverEntry, type DonutSlice, type DonutStatus, } from './types.js';
+export { normalizeDonutGroupData } from './normalize.js';
+export { donutArcValues, donutGridLayout, donutRadii, gaugeRatio, resolveMax, type DonutGridLayout, } from './domain.js';
+export { fitLabel, formatCompact, formatPercent } from './format.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/donut-group-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EACL,cAAc,EACd,eAAe,EACf,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/donut-group-chart/lib/normalize.d.ts

@@ -0,0 +1,14 @@
+import { DataPoint } from '../../../types/index.js';
+import { DonutGauge, DonutGroupChartData } from './types.js';
+/** Loose row shape accepted from chat payloads and FuseDash widget data. */
+type RawRow = Record<string, unknown>;
+/**
+ * Normalize chat payloads and FuseDash widget data into one donut per entry.
+ *
+ * Mirrors how FuseDash `DonutGroupChart` feeds `DonutGroupItem`: a group with a
+ * single row is a gauge against `maximalValue`, a group with several rows is a
+ * breakdown donut over those rows.
+ */
+export declare function normalizeDonutGroupData(input: DataPoint[] | DonutGauge[] | DonutGroupChartData | RawRow[] | RawRow[][] | null | undefined): DonutGauge[];
+export {};
+//# sourceMappingURL=normalize.d.ts.map

package/dist/components/donut-group-chart/lib/normalize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/donut-group-chart/lib/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EACV,UAAU,EACV,mBAAmB,EAGpB,MAAM,YAAY,CAAC;AAEpB,4EAA4E;AAC5E,KAAK,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AA6FtC;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EACD,SAAS,EAAE,GACX,UAAU,EAAE,GACZ,mBAAmB,GACnB,MAAM,EAAE,GACR,MAAM,EAAE,EAAE,GACV,IAAI,GACJ,SAAS,GACZ,UAAU,EAAE,CAyCd"}

package/dist/components/donut-group-chart/lib/normalize.js

@@ -0,0 +1,98 @@
+const STATUSES = ["positive", "negative", "neutral"];
+function toStatus(value) {
+  return STATUSES.includes(value) ? value : void 0;
+}
+function toNumber(value) {
+  if (value == null || value === "") return void 0;
+  const n = Number(value);
+  return Number.isFinite(n) ? n : void 0;
+}
+function toText(value) {
+  if (value == null) return void 0;
+  const text = String(value).trim();
+  return text.length ? text : void 0;
+}
+function rowLabel(row, fallback) {
+  return toText(row.label) ?? toText(row.name) ?? toText(row.x) ?? toText(row.category) ?? fallback;
+}
+function rowValue(row) {
+  return toNumber(row.value) ?? toNumber(row.y) ?? toNumber(row.count);
+}
+function rowMax(row) {
+  const max = toNumber(row.max) ?? toNumber(row.maximalValue) ?? toNumber(row.total);
+  return max != null && max > 0 ? max : void 0;
+}
+function cleanSlices(rows) {
+  return rows.map((row) => ({ row, value: rowValue(row) })).filter((entry) => entry.value != null).map(({ row, value }, i) => ({
+    label: rowLabel(row, `Slice ${i + 1}`),
+    value,
+    color: toText(row.color)
+  }));
+}
+function gaugeFromRow(row, index) {
+  const value = rowValue(row);
+  if (value == null) return null;
+  const label = rowLabel(row, `Item ${index + 1}`);
+  return {
+    id: toText(row.id) ?? label,
+    label,
+    value,
+    max: rowMax(row),
+    statusLabel: toText(row.statusLabel) ?? toText(row.badge),
+    status: toStatus(row.status),
+    color: toText(row.color)
+  };
+}
+function fromItems(items) {
+  return items.map((item, i) => {
+    const value = toNumber(item.value);
+    const slices = Array.isArray(item.slices) ? cleanSlices(item.slices) : [];
+    const total = slices.reduce((sum, s) => sum + s.value, 0);
+    if (value == null && !slices.length) return null;
+    const label = toText(item.label) ?? toText(item.id) ?? `Item ${i + 1}`;
+    return {
+      id: toText(item.id) ?? label,
+      label,
+      value: value ?? total,
+      max: item.max != null && item.max > 0 ? item.max : void 0,
+      statusLabel: toText(item.statusLabel),
+      status: toStatus(item.status),
+      color: toText(item.color),
+      slices: slices.length ? slices : void 0
+    };
+  }).filter((item) => item != null);
+}
+function normalizeDonutGroupData(input) {
+  var _a, _b;
+  if (!input) return [];
+  if (Array.isArray(input)) {
+    if (!input.length) return [];
+    if (Array.isArray(input[0])) {
+      return input.map((rows, i) => {
+        const slices = cleanSlices(Array.isArray(rows) ? rows : []);
+        if (!slices.length) return null;
+        if (slices.length === 1) return gaugeFromRow(rows[0], i);
+        const first2 = rows[0] ?? {};
+        const label = rowLabel(first2, `Item ${i + 1}`);
+        return {
+          id: toText(first2.id) ?? label,
+          label,
+          value: slices.reduce((sum, s) => sum + s.value, 0),
+          slices
+        };
+      }).filter((item) => item != null);
+    }
+    const first = input[0];
+    if (Array.isArray(first.slices)) return fromItems(input);
+    return input.map((row, i) => gaugeFromRow(row, i)).filter((item) => item != null);
+  }
+  if ((_a = input.items) == null ? void 0 : _a.length) return fromItems(input.items);
+  if ((_b = input.points) == null ? void 0 : _b.length) {
+    return input.points.map((row, i) => gaugeFromRow(row, i)).filter((item) => item != null);
+  }
+  return [];
+}
+export {
+  normalizeDonutGroupData
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/donut-group-chart/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/donut-group-chart/lib/normalize.ts"],"sourcesContent":["import type { DataPoint } from '../../../types/index.js';\nimport type {\n  DonutGauge,\n  DonutGroupChartData,\n  DonutSlice,\n  DonutStatus,\n} from './types.js';\n\n/** Loose row shape accepted from chat payloads and FuseDash widget data. */\ntype RawRow = Record<string, unknown>;\n\nconst STATUSES: DonutStatus[] = ['positive', 'negative', 'neutral'];\n\nfunction toStatus(value: unknown): DonutStatus | undefined {\n  return STATUSES.includes(value as DonutStatus) ? (value as DonutStatus) : undefined;\n}\n\nfunction toNumber(value: unknown): number | undefined {\n  if (value == null || value === '') return undefined;\n  const n = Number(value);\n  return Number.isFinite(n) ? n : undefined;\n}\n\nfunction toText(value: unknown): string | undefined {\n  if (value == null) return undefined;\n  const text = String(value).trim();\n  return text.length ? text : undefined;\n}\n\n/** FuseDash `arrangeBy` / `groupBy` / chat `label` all land in the same slot. */\nfunction rowLabel(row: RawRow, fallback: string): string {\n  return (\n    toText(row.label) ??\n    toText(row.name) ??\n    toText(row.x) ??\n    toText(row.category) ??\n    fallback\n  );\n}\n\n/** FuseDash `display` — the measured column. */\nfunction rowValue(row: RawRow): number | undefined {\n  return toNumber(row.value) ?? toNumber(row.y) ?? toNumber(row.count);\n}\n\nfunction rowMax(row: RawRow): number | undefined {\n  const max = toNumber(row.max) ?? toNumber(row.maximalValue) ?? toNumber(row.total);\n  return max != null && max > 0 ? max : undefined;\n}\n\nfunction cleanSlices(rows: RawRow[]): DonutSlice[] {\n  return rows\n    .map((row) => ({ row, value: rowValue(row) }))\n    .filter((entry): entry is { row: RawRow; value: number } => entry.value != null)\n    .map(({ row, value }, i) => ({\n      label: rowLabel(row, `Slice ${i + 1}`),\n      value,\n      color: toText(row.color),\n    }));\n}\n\nfunction gaugeFromRow(row: RawRow, index: number): DonutGauge | null {\n  const value = rowValue(row);\n  if (value == null) return null;\n  const label = rowLabel(row, `Item ${index + 1}`);\n  return {\n    id: toText(row.id) ?? label,\n    label,\n    value,\n    max: rowMax(row),\n    statusLabel: toText(row.statusLabel) ?? toText(row.badge),\n    status: toStatus(row.status),\n    color: toText(row.color),\n  };\n}\n\n/** Already-shaped items still get their slices and ids cleaned up. */\nfunction fromItems(items: DonutGauge[]): DonutGauge[] {\n  return items\n    .map((item, i): DonutGauge | null => {\n      const value = toNumber(item.value);\n      const slices = Array.isArray(item.slices)\n        ? cleanSlices(item.slices as unknown as RawRow[])\n        : [];\n      // a value is optional when slices carry it — the gauge then shows the sum\n      const total = slices.reduce((sum, s) => sum + s.value, 0);\n      if (value == null && !slices.length) return null;\n      const label = toText(item.label) ?? toText(item.id) ?? `Item ${i + 1}`;\n      return {\n        id: toText(item.id) ?? label,\n        label,\n        value: value ?? total,\n        max: item.max != null && item.max > 0 ? item.max : undefined,\n        statusLabel: toText(item.statusLabel),\n        status: toStatus(item.status),\n        color: toText(item.color),\n        slices: slices.length ? slices : undefined,\n      };\n    })\n    .filter((item): item is DonutGauge => item != null);\n}\n\n/**\n * Normalize chat payloads and FuseDash widget data into one donut per entry.\n *\n * Mirrors how FuseDash `DonutGroupChart` feeds `DonutGroupItem`: a group with a\n * single row is a gauge against `maximalValue`, a group with several rows is a\n * breakdown donut over those rows.\n */\nexport function normalizeDonutGroupData(\n  input:\n    | DataPoint[]\n    | DonutGauge[]\n    | DonutGroupChartData\n    | RawRow[]\n    | RawRow[][]\n    | null\n    | undefined,\n): DonutGauge[] {\n  if (!input) return [];\n\n  if (Array.isArray(input)) {\n    if (!input.length) return [];\n\n    // FuseDash shape: one array of rows per donut\n    if (Array.isArray(input[0])) {\n      return (input as RawRow[][])\n        .map((rows, i): DonutGauge | null => {\n          const slices = cleanSlices(Array.isArray(rows) ? rows : []);\n          if (!slices.length) return null;\n          if (slices.length === 1) return gaugeFromRow(rows[0], i);\n          const first = rows[0] ?? {};\n          const label = rowLabel(first, `Item ${i + 1}`);\n          return {\n            id: toText(first.id) ?? label,\n            label,\n            value: slices.reduce((sum, s) => sum + s.value, 0),\n            slices,\n          };\n        })\n        .filter((item): item is DonutGauge => item != null);\n    }\n\n    const first = input[0] as RawRow;\n    if (Array.isArray(first.slices)) return fromItems(input as DonutGauge[]);\n    return (input as RawRow[])\n      .map((row, i) => gaugeFromRow(row, i))\n      .filter((item): item is DonutGauge => item != null);\n  }\n\n  if (input.items?.length) return fromItems(input.items);\n\n  if (input.points?.length) {\n    return (input.points as unknown as RawRow[])\n      .map((row, i) => gaugeFromRow(row, i))\n      .filter((item): item is DonutGauge => item != null);\n  }\n\n  return [];\n}\n"],"names":["first"],"mappings":"AAWA,MAAM,WAA0B,CAAC,YAAY,YAAY,SAAS;AAElE,SAAS,SAAS,OAAyC;AACzD,SAAO,SAAS,SAAS,KAAoB,IAAK,QAAwB;AAC5E;AAEA,SAAS,SAAS,OAAoC;AACpD,MAAI,SAAS,QAAQ,UAAU,GAAI,QAAO;AAC1C,QAAM,IAAI,OAAO,KAAK;AACtB,SAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC;AAEA,SAAS,OAAO,OAAoC;AAClD,MAAI,SAAS,KAAM,QAAO;AAC1B,QAAM,OAAO,OAAO,KAAK,EAAE,KAAA;AAC3B,SAAO,KAAK,SAAS,OAAO;AAC9B;AAGA,SAAS,SAAS,KAAa,UAA0B;AACvD,SACE,OAAO,IAAI,KAAK,KAChB,OAAO,IAAI,IAAI,KACf,OAAO,IAAI,CAAC,KACZ,OAAO,IAAI,QAAQ,KACnB;AAEJ;AAGA,SAAS,SAAS,KAAiC;AACjD,SAAO,SAAS,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,KAAK,SAAS,IAAI,KAAK;AACrE;AAEA,SAAS,OAAO,KAAiC;AAC/C,QAAM,MAAM,SAAS,IAAI,GAAG,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,IAAI,KAAK;AACjF,SAAO,OAAO,QAAQ,MAAM,IAAI,MAAM;AACxC;AAEA,SAAS,YAAY,MAA8B;AACjD,SAAO,KACJ,IAAI,CAAC,SAAS,EAAE,KAAK,OAAO,SAAS,GAAG,EAAA,EAAI,EAC5C,OAAO,CAAC,UAAmD,MAAM,SAAS,IAAI,EAC9E,IAAI,CAAC,EAAE,KAAK,MAAA,GAAS,OAAO;AAAA,IAC3B,OAAO,SAAS,KAAK,SAAS,IAAI,CAAC,EAAE;AAAA,IACrC;AAAA,IACA,OAAO,OAAO,IAAI,KAAK;AAAA,EAAA,EACvB;AACN;AAEA,SAAS,aAAa,KAAa,OAAkC;AACnE,QAAM,QAAQ,SAAS,GAAG;AAC1B,MAAI,SAAS,KAAM,QAAO;AAC1B,QAAM,QAAQ,SAAS,KAAK,QAAQ,QAAQ,CAAC,EAAE;AAC/C,SAAO;AAAA,IACL,IAAI,OAAO,IAAI,EAAE,KAAK;AAAA,IACtB;AAAA,IACA;AAAA,IACA,KAAK,OAAO,GAAG;AAAA,IACf,aAAa,OAAO,IAAI,WAAW,KAAK,OAAO,IAAI,KAAK;AAAA,IACxD,QAAQ,SAAS,IAAI,MAAM;AAAA,IAC3B,OAAO,OAAO,IAAI,KAAK;AAAA,EAAA;AAE3B;AAGA,SAAS,UAAU,OAAmC;AACpD,SAAO,MACJ,IAAI,CAAC,MAAM,MAAyB;AACnC,UAAM,QAAQ,SAAS,KAAK,KAAK;AACjC,UAAM,SAAS,MAAM,QAAQ,KAAK,MAAM,IACpC,YAAY,KAAK,MAA6B,IAC9C,CAAA;AAEJ,UAAM,QAAQ,OAAO,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,OAAO,CAAC;AACxD,QAAI,SAAS,QAAQ,CAAC,OAAO,OAAQ,QAAO;AAC5C,UAAM,QAAQ,OAAO,KAAK,KAAK,KAAK,OAAO,KAAK,EAAE,KAAK,QAAQ,IAAI,CAAC;AACpE,WAAO;AAAA,MACL,IAAI,OAAO,KAAK,EAAE,KAAK;AAAA,MACvB;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,KAAK,KAAK,OAAO,QAAQ,KAAK,MAAM,IAAI,KAAK,MAAM;AAAA,MACnD,aAAa,OAAO,KAAK,WAAW;AAAA,MACpC,QAAQ,SAAS,KAAK,MAAM;AAAA,MAC5B,OAAO,OAAO,KAAK,KAAK;AAAA,MACxB,QAAQ,OAAO,SAAS,SAAS;AAAA,IAAA;AAAA,EAErC,CAAC,EACA,OAAO,CAAC,SAA6B,QAAQ,IAAI;AACtD;AASO,SAAS,wBACd,OAQc;AA3GhB;AA4GE,MAAI,CAAC,MAAO,QAAO,CAAA;AAEnB,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,QAAI,CAAC,MAAM,OAAQ,QAAO,CAAA;AAG1B,QAAI,MAAM,QAAQ,MAAM,CAAC,CAAC,GAAG;AAC3B,aAAQ,MACL,IAAI,CAAC,MAAM,MAAyB;AACnC,cAAM,SAAS,YAAY,MAAM,QAAQ,IAAI,IAAI,OAAO,EAAE;AAC1D,YAAI,CAAC,OAAO,OAAQ,QAAO;AAC3B,YAAI,OAAO,WAAW,EAAG,QAAO,aAAa,KAAK,CAAC,GAAG,CAAC;AACvD,cAAMA,SAAQ,KAAK,CAAC,KAAK,CAAA;AACzB,cAAM,QAAQ,SAASA,QAAO,QAAQ,IAAI,CAAC,EAAE;AAC7C,eAAO;AAAA,UACL,IAAI,OAAOA,OAAM,EAAE,KAAK;AAAA,UACxB;AAAA,UACA,OAAO,OAAO,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,OAAO,CAAC;AAAA,UACjD;AAAA,QAAA;AAAA,MAEJ,CAAC,EACA,OAAO,CAAC,SAA6B,QAAQ,IAAI;AAAA,IACtD;AAEA,UAAM,QAAQ,MAAM,CAAC;AACrB,QAAI,MAAM,QAAQ,MAAM,MAAM,EAAG,QAAO,UAAU,KAAqB;AACvE,WAAQ,MACL,IAAI,CAAC,KAAK,MAAM,aAAa,KAAK,CAAC,CAAC,EACpC,OAAO,CAAC,SAA6B,QAAQ,IAAI;AAAA,EACtD;AAEA,OAAI,WAAM,UAAN,mBAAa,OAAQ,QAAO,UAAU,MAAM,KAAK;AAErD,OAAI,WAAM,WAAN,mBAAc,QAAQ;AACxB,WAAQ,MAAM,OACX,IAAI,CAAC,KAAK,MAAM,aAAa,KAAK,CAAC,CAAC,EACpC,OAAO,CAAC,SAA6B,QAAQ,IAAI;AAAA,EACtD;AAEA,SAAO,CAAA;AACT;"}

package/dist/components/donut-group-chart/lib/types.d.ts

@@ -0,0 +1,49 @@
+/** One wedge of a breakdown donut (FuseDash passes these as the group's rows). */
+export interface DonutSlice {
+    label: string;
+    value: number;
+    /** Optional slice color; falls back to the styleId palette */
+    color?: string;
+}
+/** FuseDash `status` — drives the badge colors under the value. */
+export type DonutStatus = 'positive' | 'negative' | 'neutral';
+/**
+ * One donut in the group. With no `slices` it renders as a gauge: the value arc
+ * over a neutral track that runs to `max` (FuseDash `maximalValue`).
+ */
+export interface DonutGauge {
+    /** Stable id for tooltip / hover payloads */
+    id: string;
+    /** Caption under the value (FuseDash `groupBy` value) */
+    label: string;
+    /** The measured value (FuseDash `display`) */
+    value: number;
+    /** Gauge full scale — FuseDash `maximalValue`, defaults to 100 */
+    max?: number;
+    /** Text of the badge between value and label (FuseDash `statusLabel`) */
+    statusLabel?: string;
+    status?: DonutStatus;
+    /** Optional arc color; falls back to the styleId palette */
+    color?: string;
+    /** More than one slice renders a breakdown donut instead of a gauge */
+    slices?: DonutSlice[];
+}
+export interface DonutGroupChartData {
+    /** The donuts to draw, left to right */
+    items?: DonutGauge[];
+    /** Chat shorthand — one gauge per point, same shape as the other charts */
+    points?: {
+        x: string;
+        y: number;
+    }[];
+}
+/** One hovered arc, handed to the element so it can render the tooltip. */
+export interface DonutHoverEntry {
+    itemId: string;
+    label: string;
+    color: string;
+    value: number;
+    /** Share of the donut this arc covers, 0–1 */
+    ratio: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/donut-group-chart/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/donut-group-chart/lib/types.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mEAAmE;AACnE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,wCAAwC;IACxC,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,2EAA2E;IAC3E,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACrC;AAED,2EAA2E;AAC3E,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf"}