@fusedashlabs/widgets 0.3.1 → 0.4.1

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

@@ -1,98 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":"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"}

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

@@ -1,49 +0,0 @@
-/** 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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,113 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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/render/draw.d.ts

@@ -1,44 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,194 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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"}