@fusedashlabs/widgets 0.3.1 → 0.4.1

package/dist/components/partial-dependence-chart/metadata.json.d.ts

@@ -0,0 +1,80 @@
+declare const _default: {
+  "id": "partial-dependence-chart",
+  "tag": "ui9000-partial-dependence-chart",
+  "title": "Partial Dependence (PDP) with ICE",
+  "description": "Chat-optimized partial dependence plot rewritten in D3. Faint ICE curves under a locally computed dashed average, no Redux.",
+  "chartTypeKeys": ["partialDependenceChart"],
+  "source": "client/libs/shared/components/src/Widgets/PartialDependenceChart/",
+  "stack": "d3",
+  "lazyImport": "@fusedashlabs/widgets/lazy/partial-dependence-chart",
+  "entry": "@fusedashlabs/widgets/partial-dependence-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "resize"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["x", "y"],
+              "properties": {
+                "x": { "type": "number" },
+                "y": { "type": "number" },
+                "group": { "type": "string" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "required": ["series"],
+            "properties": {
+              "series": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "id": { "type": "string" },
+                    "name": { "type": "string" },
+                    "points": {
+                      "type": "array",
+                      "items": {
+                        "type": "object",
+                        "required": ["x", "y"],
+                        "properties": {
+                          "x": { "type": "number" },
+                          "y": { "type": "number" }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "description": "FuseDash WidgetItem-shaped payload"
+          }
+        ]
+      },
+      "show-grid": { "type": "boolean" },
+      "show-legend": { "type": "boolean" },
+      "show-tooltip": { "type": "boolean" },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"]
+      }
+    }
+  }
+}
+;
+
+export default _default;

package/dist/components/partial-dependence-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "partial-dependence-chart";
+const tag = "ui9000-partial-dependence-chart";
+const title = "Partial Dependence (PDP) with ICE";
+const description = "Chat-optimized partial dependence plot rewritten in D3. Faint ICE curves under a locally computed dashed average, no Redux.";
+const chartTypeKeys = ["partialDependenceChart"];
+const source = "client/libs/shared/components/src/Widgets/PartialDependenceChart/";
+const stack = "d3";
+const lazyImport = "@fusedashlabs/widgets/lazy/partial-dependence-chart";
+const entry = "@fusedashlabs/widgets/partial-dependence-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+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": ["x", "y"], "properties": { "x": { "type": "number" }, "y": { "type": "number" }, "group": { "type": "string" } } } }, { "type": "object", "required": ["series"], "properties": { "series": { "type": "array", "items": { "type": "object", "properties": { "id": { "type": "string" }, "name": { "type": "string" }, "points": { "type": "array", "items": { "type": "object", "required": ["x", "y"], "properties": { "x": { "type": "number" }, "y": { "type": "number" } } } } } } } } }, { "type": "object", "description": "FuseDash WidgetItem-shaped payload" }] }, "show-grid": { "type": "boolean" }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
+const partialDependenceMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  partialDependenceMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/partial-dependence-chart/metadata.json.js.map

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

package/dist/components/partial-dependence-chart/render/draw.d.ts

@@ -0,0 +1,34 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { IcePoint, IceSeries } from '../lib/types.js';
+export interface RenderPartialDependenceOptions {
+    iceSeries: IceSeries[];
+    averageSeries: IcePoint[];
+    width: number;
+    height: number;
+    /** Client PDP DEFAULT_MARGIN when omitted by the host */
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    themeMode?: 'light' | 'dark';
+    color: string;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    onHover?: (payload: {
+        x: number;
+        /** Average value nearest the cursor, or null when there is no average curve */
+        y: number | null;
+        event: PointerEvent;
+    }) => void;
+    onLeave?: () => void;
+}
+/**
+ * FuseDash PartialDependenceChart — D3 rewrite.
+ * Coordinate system matches the client (Visx style): the margins live inside the
+ * scale ranges, so axis groups are placed in absolute SVG coordinates.
+ */
+export declare function renderPartialDependenceChart(container: HTMLElement, options: RenderPartialDependenceOptions): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/partial-dependence-chart/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/partial-dependence-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQ3D,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,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,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,+EAA+E;QAC/E,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACjB,KAAK,EAAE,YAAY,CAAC;KACrB,KAAK,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAkBD;;;;GAIG;AACH,wBAAgB,4BAA4B,CAC1C,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,8BAA8B,GACtC,IAAI,CA2KN"}

package/dist/components/partial-dependence-chart/render/draw.js

@@ -0,0 +1,95 @@
+import { axisBottom, axisLeft } from "d3-axis";
+import { scaleLinear } from "d3-scale";
+import { select, pointer } from "d3-selection";
+import { line, curveMonotoneX } from "d3-shape";
+import { FD, calculateNumTicks, formatCompactNumber } from "../../../utils/fusedash-visual.js";
+import { pdpLinearDomain } from "../lib/domain.js";
+import { nearestAveragePoint } from "../lib/series.js";
+function axisTickFormat(scale, count) {
+  const base = scale.tickFormat(count);
+  return (value) => {
+    const n = Number(value);
+    return Math.abs(n) >= 1e3 ? formatCompactNumber(n) : base(n);
+  };
+}
+function renderPartialDependenceChart(container, options) {
+  const {
+    iceSeries,
+    averageSeries,
+    width,
+    height,
+    margin = { ...FD.pdpMargin },
+    theme,
+    themeMode = "light",
+    color,
+    showGrid = true,
+    showTooltip = true,
+    onHover,
+    onLeave
+  } = options;
+  container.replaceChildren();
+  if (!iceSeries.length || width <= 0 || height <= 0) return;
+  const plotLeft = margin.left;
+  const plotRight = Math.max(margin.left + 1, width - margin.right);
+  const plotTop = margin.top;
+  const plotBottom = height - margin.bottom;
+  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;
+  const xs = [];
+  const ys = [];
+  for (const series of iceSeries) {
+    for (const p of series.points) {
+      xs.push(p.x);
+      ys.push(p.y);
+    }
+  }
+  for (const p of averageSeries) {
+    xs.push(p.x);
+    ys.push(p.y);
+  }
+  const xScale = scaleLinear().domain(pdpLinearDomain(xs)).range([plotLeft, plotRight]);
+  const yScale = scaleLinear().domain(pdpLinearDomain(ys)).range([plotBottom, plotTop]);
+  const numXTicks = calculateNumTicks(plotRight - plotLeft);
+  const numYTicks = calculateNumTicks(plotBottom - plotTop);
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("role", "img").attr("aria-label", "Partial dependence chart").style("display", "block").style("font-family", theme.fontFamily);
+  if (showGrid) {
+    svg.append("g").attr("class", "y-grid").selectAll("line").data(yScale.ticks(numYTicks)).join("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", (d) => yScale(d)).attr("y2", (d) => yScale(d)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+  }
+  const xAxis = svg.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotBottom})`).call(axisBottom(xScale).ticks(numXTicks).tickFormat(axisTickFormat(xScale, numXTicks)));
+  xAxis.select(".domain").attr("stroke", FD.axisStroke);
+  xAxis.selectAll("line").attr("stroke", FD.axisStroke);
+  xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+  const yAxis = svg.append("g").attr("class", "y-axis").attr("transform", `translate(${plotLeft},0)`).call(axisLeft(yScale).ticks(numYTicks).tickFormat(axisTickFormat(yScale, numYTicks)));
+  yAxis.select(".domain").attr("stroke", FD.axisStroke);
+  yAxis.selectAll("line").attr("stroke", FD.axisStroke);
+  yAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize);
+  const lineGenerator = line().x((d) => xScale(d.x)).y((d) => yScale(d.y)).curve(curveMonotoneX);
+  svg.append("g").attr("class", "ice-lines").selectAll("path").data(iceSeries).join("path").attr("d", (d) => lineGenerator(d.points) ?? "").attr("fill", "none").attr("stroke", color).attr("opacity", FD.pdpIceOpacity).attr("stroke-width", FD.pdpIceStrokeWidth);
+  if (averageSeries.length) {
+    svg.append("path").attr("class", "avg-line").attr("d", lineGenerator(averageSeries) ?? "").attr("fill", "none").attr("stroke", color).attr("stroke-width", FD.pdpAverageStrokeWidth).attr("stroke-dasharray", FD.pdpAverageDash);
+  }
+  if (!showTooltip || !onHover) return;
+  const guide = svg.append("g").attr("class", "hover-guide").attr("opacity", 0).attr("pointer-events", "none");
+  const guideLine = guide.append("line").attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", themeMode === "dark" ? FD.hoverGuideDark : FD.hoverGuideLight).attr("stroke-width", 1).attr("stroke-dasharray", FD.stepGuideDash);
+  const guideDot = guide.append("circle").attr("r", FD.stepHoverDotRadius).attr("fill", color).attr("stroke", themeMode === "dark" ? "#000" : "#fff").attr("stroke-width", 1);
+  svg.append("rect").attr("class", "hover-surface").attr("x", plotLeft).attr("y", plotTop).attr("width", plotRight - plotLeft).attr("height", plotBottom - plotTop).attr("fill", "transparent").on("pointermove", (event) => {
+    const svgNode = svg.node();
+    const [mx] = svgNode ? pointer(event, svgNode) : [plotLeft];
+    const x = xScale.invert(mx);
+    const nearest = nearestAveragePoint(averageSeries, x);
+    guideLine.attr("x1", mx).attr("x2", mx);
+    if (nearest) {
+      guideDot.attr("cx", xScale(nearest.x)).attr("cy", yScale(nearest.y)).attr("opacity", 1);
+    } else {
+      guideDot.attr("opacity", 0);
+    }
+    guide.attr("opacity", 1);
+    onHover({ x, y: nearest ? nearest.y : null, event });
+  }).on("pointerleave", () => {
+    guide.attr("opacity", 0);
+    onLeave == null ? void 0 : onLeave();
+  });
+}
+export {
+  renderPartialDependenceChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/partial-dependence-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/partial-dependence-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleLinear, type NumberValue, type ScaleLinear } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport { curveMonotoneX, line as d3Line } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport {\n  calculateNumTicks,\n  FD,\n  formatCompactNumber,\n} from '../../../utils/fusedash-visual.js';\nimport { pdpLinearDomain } from '../lib/domain.js';\nimport { nearestAveragePoint } from '../lib/series.js';\nimport type { IcePoint, IceSeries } from '../lib/types.js';\n\nexport interface RenderPartialDependenceOptions {\n  iceSeries: IceSeries[];\n  averageSeries: IcePoint[];\n  width: number;\n  height: number;\n  /** Client PDP DEFAULT_MARGIN when omitted by the host */\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  themeMode?: 'light' | 'dark';\n  color: string;\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  onHover?: (payload: {\n    x: number;\n    /** Average value nearest the cursor, or null when there is no average curve */\n    y: number | null;\n    event: PointerEvent;\n  }) => void;\n  onLeave?: () => void;\n}\n\n/**\n * PDP axes carry fractional feature values, so precision comes from d3's own\n * tick formatter (as in the client); only large magnitudes fall back to the\n * FuseDash compact K/M/B form.\n */\nfunction axisTickFormat(\n  scale: ScaleLinear<number, number>,\n  count: number,\n): (value: NumberValue) => string {\n  const base = scale.tickFormat(count);\n  return (value: NumberValue) => {\n    const n = Number(value);\n    return Math.abs(n) >= 1000 ? formatCompactNumber(n) : base(n);\n  };\n}\n\n/**\n * FuseDash PartialDependenceChart — D3 rewrite.\n * Coordinate system matches the client (Visx style): the margins live inside the\n * scale ranges, so axis groups are placed in absolute SVG coordinates.\n */\nexport function renderPartialDependenceChart(\n  container: HTMLElement,\n  options: RenderPartialDependenceOptions,\n): void {\n  const {\n    iceSeries,\n    averageSeries,\n    width,\n    height,\n    margin = { ...FD.pdpMargin },\n    theme,\n    themeMode = 'light',\n    color,\n    showGrid = true,\n    showTooltip = true,\n    onHover,\n    onLeave,\n  } = options;\n\n  container.replaceChildren();\n  if (!iceSeries.length || width <= 0 || height <= 0) return;\n\n  const plotLeft = margin.left;\n  const plotRight = Math.max(margin.left + 1, width - margin.right);\n  const plotTop = margin.top;\n  const plotBottom = height - margin.bottom;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const xs: number[] = [];\n  const ys: number[] = [];\n  for (const series of iceSeries) {\n    for (const p of series.points) {\n      xs.push(p.x);\n      ys.push(p.y);\n    }\n  }\n  for (const p of averageSeries) {\n    xs.push(p.x);\n    ys.push(p.y);\n  }\n\n  const xScale = scaleLinear().domain(pdpLinearDomain(xs)).range([plotLeft, plotRight]);\n  const yScale = scaleLinear().domain(pdpLinearDomain(ys)).range([plotBottom, plotTop]);\n\n  const numXTicks = calculateNumTicks(plotRight - plotLeft);\n  const numYTicks = calculateNumTicks(plotBottom - plotTop);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('viewBox', `0 0 ${width} ${height}`)\n    .attr('role', 'img')\n    .attr('aria-label', 'Partial dependence chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  if (showGrid) {\n    svg\n      .append('g')\n      .attr('class', 'y-grid')\n      .selectAll('line')\n      .data(yScale.ticks(numYTicks))\n      .join('line')\n      .attr('x1', plotLeft)\n      .attr('x2', plotRight)\n      .attr('y1', (d) => yScale(d))\n      .attr('y2', (d) => yScale(d))\n      .attr('stroke', FD.gridStroke)\n      .attr('stroke-dasharray', FD.gridDash)\n      .attr('shape-rendering', 'crispEdges');\n  }\n\n  const xAxis = svg\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotBottom})`)\n    .call(axisBottom(xScale).ticks(numXTicks).tickFormat(axisTickFormat(xScale, numXTicks)));\n  xAxis.select('.domain').attr('stroke', FD.axisStroke);\n  xAxis.selectAll('line').attr('stroke', FD.axisStroke);\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize);\n\n  const yAxis = svg\n    .append('g')\n    .attr('class', 'y-axis')\n    .attr('transform', `translate(${plotLeft},0)`)\n    .call(axisLeft(yScale).ticks(numYTicks).tickFormat(axisTickFormat(yScale, numYTicks)));\n  yAxis.select('.domain').attr('stroke', FD.axisStroke);\n  yAxis.selectAll('line').attr('stroke', FD.axisStroke);\n  yAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize);\n\n  const lineGenerator = d3Line<IcePoint>()\n    .x((d) => xScale(d.x))\n    .y((d) => yScale(d.y))\n    .curve(curveMonotoneX);\n\n  svg\n    .append('g')\n    .attr('class', 'ice-lines')\n    .selectAll('path')\n    .data(iceSeries)\n    .join('path')\n    .attr('d', (d) => lineGenerator(d.points) ?? '')\n    .attr('fill', 'none')\n    .attr('stroke', color)\n    .attr('opacity', FD.pdpIceOpacity)\n    .attr('stroke-width', FD.pdpIceStrokeWidth);\n\n  if (averageSeries.length) {\n    svg\n      .append('path')\n      .attr('class', 'avg-line')\n      .attr('d', lineGenerator(averageSeries) ?? '')\n      .attr('fill', 'none')\n      .attr('stroke', color)\n      .attr('stroke-width', FD.pdpAverageStrokeWidth)\n      .attr('stroke-dasharray', FD.pdpAverageDash);\n  }\n\n  if (!showTooltip || !onHover) return;\n\n  // Cursor chrome for the tooltip — the client reads the nearest average value\n  // from an invisible overlay, which leaves nothing on screen to read it against.\n  const guide = svg\n    .append('g')\n    .attr('class', 'hover-guide')\n    .attr('opacity', 0)\n    .attr('pointer-events', 'none');\n  const guideLine = guide\n    .append('line')\n    .attr('y1', plotTop)\n    .attr('y2', plotBottom)\n    .attr('stroke', themeMode === 'dark' ? FD.hoverGuideDark : FD.hoverGuideLight)\n    .attr('stroke-width', 1)\n    .attr('stroke-dasharray', FD.stepGuideDash);\n  const guideDot = guide\n    .append('circle')\n    .attr('r', FD.stepHoverDotRadius)\n    .attr('fill', color)\n    .attr('stroke', themeMode === 'dark' ? '#000' : '#fff')\n    .attr('stroke-width', 1);\n\n  svg\n    .append('rect')\n    .attr('class', 'hover-surface')\n    .attr('x', plotLeft)\n    .attr('y', plotTop)\n    .attr('width', plotRight - plotLeft)\n    .attr('height', plotBottom - plotTop)\n    .attr('fill', 'transparent')\n    .on('pointermove', (event: PointerEvent) => {\n      const svgNode = svg.node();\n      const [mx] = svgNode ? pointer(event, svgNode) : [plotLeft];\n      const x = xScale.invert(mx);\n      const nearest = nearestAveragePoint(averageSeries, x);\n      guideLine.attr('x1', mx).attr('x2', mx);\n      if (nearest) {\n        guideDot.attr('cx', xScale(nearest.x)).attr('cy', yScale(nearest.y)).attr('opacity', 1);\n      } else {\n        guideDot.attr('opacity', 0);\n      }\n      guide.attr('opacity', 1);\n      onHover({ x, y: nearest ? nearest.y : null, event });\n    })\n    .on('pointerleave', () => {\n      guide.attr('opacity', 0);\n      onLeave?.();\n    });\n}\n"],"names":["d3Line"],"mappings":"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"}

package/dist/components/partial-dependence-chart/render/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/partial-dependence-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,KAAK,8BAA8B,GACpC,MAAM,WAAW,CAAC"}

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

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

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

@@ -10,16 +10,49 @@ const pieChartStyles = css`
     font-family: var(--ui9000-font-family, system-ui, sans-serif);
     box-sizing: border-box;
   }
+  /* Chart left, unit legend as a vertical list on the right (client Pie/Donut). */
+  :host .widget-body {
+    flex-direction: row;
+    align-items: center;
+    gap: 32px;
+  }
+  :host .widget-body > .chart-root {
+    flex: 1 1 auto;
+    min-width: 0;
+    min-height: 0;
+    width: auto;
+    height: 100%;
+  }
   .chart-root {
     flex: 1;
     min-height: 0;
     width: 100%;
     height: 100%;
-    min-height: inherit;
     display: flex;
     align-items: center;
     justify-content: center;
   }
+  :host .chart-legend {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    align-items: flex-start;
+    align-self: center;
+    flex-shrink: 0;
+    gap: 6px;
+    margin-bottom: 0;
+    max-width: 40%;
+    max-height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+  :host .legend-item {
+    white-space: nowrap;
+  }
+  :host .legend-label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .tooltip {
     position: absolute;
     pointer-events: none;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/pie-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pieChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/pie-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pieChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  /* Chart left, unit legend as a vertical list on the right (client Pie/Donut). */\n  :host .widget-body {\n    flex-direction: row;\n    align-items: center;\n    gap: 32px;\n  }\n  :host .widget-body > .chart-root {\n    flex: 1 1 auto;\n    min-width: 0;\n    min-height: 0;\n    width: auto;\n    height: 100%;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  :host .chart-legend {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    align-items: flex-start;\n    align-self: center;\n    flex-shrink: 0;\n    gap: 6px;\n    margin-bottom: 0;\n    max-width: 40%;\n    max-height: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n  :host .legend-item {\n    white-space: nowrap;\n  }\n  :host .legend-label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -4,8 +4,6 @@ import { WidgetScale } from '../../../types/index.js';
 export declare class Ui9000PieChart extends Ui9000ChartElement {
     static styles: import('lit').CSSResult[];
     scale: WidgetScale;
-    /** Ratio of outer radius (0 = full pie, 0.5 = donut). */
-    innerRadiusRatio: number;
     showLegend: boolean;
     showTooltip: boolean;
     private _tooltip;

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-pie-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/element/ui9000-pie-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAE/B,yDAAyD;IAEzD,gBAAgB,SAAK;IAGrB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,aAAa,CAAkB;IAEvC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAkDH,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}
+{"version":3,"file":"ui9000-pie-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/element/ui9000-pie-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAG/B,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,aAAa,CAAkB;IAEvC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAgDH,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

package/dist/components/pie-chart/element/ui9000-pie-chart.js

@@ -25,7 +25,6 @@ let Ui9000PieChart = class extends Ui9000ChartElement {
   constructor() {
     super(...arguments);
     this.scale = "default";
-    this.innerRadiusRatio = 0;
     this.showLegend = true;
     this.showTooltip = true;
     this._tooltip = null;
@@ -82,13 +81,11 @@ let Ui9000PieChart = class extends Ui9000ChartElement {
     }
     readThemeFromElement(this);
     const { width, height } = getPieDimensions(root);
-    const plotSize = Math.min(width, height);
-    const innerRadius = Math.max(0, Math.min(1, this.innerRadiusRatio)) * (plotSize / 2);
     renderPieChart(root, {
       slices: model.slices,
       width,
       height,
-      innerRadius,
+      innerRadius: 0,
       showTooltip: this.showTooltip,
       onLayout: (orderedKeys) => {
         this._legendSlices = legendSlicesFromPieOrder(model, orderedKeys);
@@ -120,8 +117,8 @@ let Ui9000PieChart = class extends Ui9000ChartElement {
       <div class="widget-shell" part="shell">
         ${this.renderShellHeader(title)}
         <div class="widget-body">
-          ${this.renderLegend()}
           <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this.renderLegend()}
           ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
           ${this._tooltip ? html`<div
                 class="tooltip"
@@ -141,9 +138,6 @@ Ui9000PieChart.styles = [pieChartStyles, chartShellStyles];
 __decorateClass([
   property({ type: String, attribute: "scale" })
 ], Ui9000PieChart.prototype, "scale", 2);
-__decorateClass([
-  property({ type: Number, attribute: "inner-radius-ratio" })
-], Ui9000PieChart.prototype, "innerRadiusRatio", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "show-legend" })
 ], Ui9000PieChart.prototype, "showLegend", 2);

package/dist/components/pie-chart/element/ui9000-pie-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-pie-chart.js","sources":["../../../../src/components/pie-chart/element/ui9000-pie-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPieDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { formatPiePercent } from '../lib/format.js';\nimport {\n  legendSlicesFromPieOrder,\n  normalizePieData,\n  type PieChartData,\n  type PieModel,\n  type PieSlice,\n} from '../lib/index.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { renderPieChart } from '../render/draw.js';\nimport { pieChartStyles } from './styles.js';\n\n@customElement('ui9000-pie-chart')\nexport class Ui9000PieChart extends Ui9000ChartElement {\n  static override styles = [pieChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  /** Ratio of outer radius (0 = full pie, 0.5 = donut). */\n  @property({ type: Number, attribute: 'inner-radius-ratio' })\n  innerRadiusRatio = 0;\n\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    xLabel: string;\n    yLabel: string;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _legendSlices: PieSlice[] = [];\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): PieModel {\n    const raw = parseJsonAttr<PieChartData>(this.dataJson, null);\n    return normalizePieData(raw);\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || !this._legendSlices.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        this._legendSlices.map((slice) => `${formatPiePercent(slice.percentage)}% - ${slice.label}`),\n        theme,\n        (_label, index) => this._legendSlices[index]?.color ?? theme.primary,\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.slices.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      this._legendSlices = [];\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height } = getPieDimensions(root);\n    const plotSize = Math.min(width, height);\n    const innerRadius = Math.max(0, Math.min(1, this.innerRadiusRatio)) * (plotSize / 2);\n\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromPieOrder(model, orderedKeys);\n      },\n      onHover: this.showTooltip\n        ? ({ slice, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const xAxeLabel = model.axisDetails?.[xField]?.label ?? xField;\n            const yAxeLabel = model.axisDetails?.[yField]?.label ?? yField;\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const valueText = symbol\n              ? `${slice.value.toLocaleString()} ${symbol}`.trim()\n              : slice.value.toLocaleString();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel: `${xAxeLabel}: ${slice.label}`,\n              yLabel: `${yAxeLabel}: ${valueText} (${formatPiePercent(slice.percentage)}%)`,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend()}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : 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>${this._tooltip.xLabel}</div>\n                <div>${this._tooltip.yLabel}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-pie-chart': Ui9000PieChart;\n  }\n}\n\nexport function registerPieChart(): void {\n  if (!customElements.get('ui9000-pie-chart')) {\n    customElements.define('ui9000-pie-chart', Ui9000PieChart);\n  }\n}\n\nregisterPieChart();\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"ui9000-pie-chart.js","sources":["../../../../src/components/pie-chart/element/ui9000-pie-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPieDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { formatPiePercent } from '../lib/format.js';\nimport {\n  legendSlicesFromPieOrder,\n  normalizePieData,\n  type PieChartData,\n  type PieModel,\n  type PieSlice,\n} from '../lib/index.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { renderPieChart } from '../render/draw.js';\nimport { pieChartStyles } from './styles.js';\n\n@customElement('ui9000-pie-chart')\nexport class Ui9000PieChart extends Ui9000ChartElement {\n  static override styles = [pieChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\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    xLabel: string;\n    yLabel: string;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _legendSlices: PieSlice[] = [];\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): PieModel {\n    const raw = parseJsonAttr<PieChartData>(this.dataJson, null);\n    return normalizePieData(raw);\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || !this._legendSlices.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        this._legendSlices.map((slice) => `${formatPiePercent(slice.percentage)}% - ${slice.label}`),\n        theme,\n        (_label, index) => this._legendSlices[index]?.color ?? theme.primary,\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.slices.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      this._legendSlices = [];\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height } = getPieDimensions(root);\n\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius: 0,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromPieOrder(model, orderedKeys);\n      },\n      onHover: this.showTooltip\n        ? ({ slice, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const xAxeLabel = model.axisDetails?.[xField]?.label ?? xField;\n            const yAxeLabel = model.axisDetails?.[yField]?.label ?? yField;\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const valueText = symbol\n              ? `${slice.value.toLocaleString()} ${symbol}`.trim()\n              : slice.value.toLocaleString();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel: `${xAxeLabel}: ${slice.label}`,\n              yLabel: `${yAxeLabel}: ${valueText} (${formatPiePercent(slice.percentage)}%)`,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this.renderLegend()}\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : 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>${this._tooltip.xLabel}</div>\n                <div>${this._tooltip.yLabel}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-pie-chart': Ui9000PieChart;\n  }\n}\n\nexport function registerPieChart(): void {\n  if (!customElements.get('ui9000-pie-chart')) {\n    customElements.define('ui9000-pie-chart', Ui9000PieChart);\n  }\n}\n\nregisterPieChart();\n"],"names":["_a"],"mappings":"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"}

package/dist/components/pie-chart/metadata.json.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
   "id": "pie-chart",
   "tag": "ui9000-pie-chart",
   "title": "Pie Chart",
-  "description": "Chat-optimized pie chart rewritten in D3. Full disc or donut via inner-radius-ratio, no Redux.",
+  "description": "Chat-optimized pie chart rewritten in D3. Full disc only — donut is ui9000-donut-chart.",
   "chartTypeKeys": ["pieChart"],
   "source": "client/libs/shared/components/src/Widgets/PieChart/",
   "stack": "d3",
@@ -46,12 +46,6 @@ declare const _default: {
           }
         ]
       },
-      "inner-radius-ratio": {
-        "type": "number",
-        "minimum": 0,
-        "maximum": 1,
-        "description": "0 = pie, >0 = donut hole size relative to outer radius"
-      },
       "show-legend": { "type": "boolean" },
       "show-tooltip": { "type": "boolean" },
       "scale": {

package/dist/components/pie-chart/metadata.json.js

@@ -1,7 +1,7 @@
 const id = "pie-chart";
 const tag = "ui9000-pie-chart";
 const title = "Pie Chart";
-const description = "Chat-optimized pie chart rewritten in D3. Full disc or donut via inner-radius-ratio, no Redux.";
+const description = "Chat-optimized pie chart rewritten in D3. Full disc only — donut is ui9000-donut-chart.";
 const chartTypeKeys = ["pieChart"];
 const source = "client/libs/shared/components/src/Widgets/PieChart/";
 const stack = "d3";
@@ -9,7 +9,7 @@ const lazyImport = "@ui9000/widgets/lazy/pie-chart";
 const entry = "@ui9000/widgets/pie-chart";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
 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" }, "color": { "type": "string" } } } }, { "type": "object", "description": "FuseDash WidgetItem-shaped payload", "properties": { "chartType": { "type": "string" }, "xAxe": { "type": "array", "items": { "type": "string" } }, "yAxe": { "type": "array", "items": { "type": "string" } }, "uniqueValues": { "type": "object" }, "formatting": { "type": "array" }, "data": { "type": "array" } } }] }, "inner-radius-ratio": { "type": "number", "minimum": 0, "maximum": 1, "description": "0 = pie, >0 = donut hole size relative to outer radius" }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
+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" }, "color": { "type": "string" } } } }, { "type": "object", "description": "FuseDash WidgetItem-shaped payload", "properties": { "chartType": { "type": "string" }, "xAxe": { "type": "array", "items": { "type": "string" } }, "yAxe": { "type": "array", "items": { "type": "string" } }, "uniqueValues": { "type": "object" }, "formatting": { "type": "array" }, "data": { "type": "array" } } }] }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
 const pieMeta = {
   id,
   tag,

package/dist/components/polar-area-chart/element/styles.d.ts

@@ -1,2 +1,2 @@
-export { pieChartStyles as polarAreaChartStyles } from '../../pie-chart/element/styles.js';
+export declare const polarAreaChartStyles: import('lit').CSSResult;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/element/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA0ChC,CAAC"}

package/dist/components/{donut-group-chart → polar-area-chart}/element/styles.js

@@ -1,19 +1,23 @@
 import { css } from "lit";
-const donutGroupChartStyles = css`
+const polarAreaChartStyles = css`
   :host {
     display: block;
     position: relative;
     width: 100%;
     height: 100%;
-    min-height: 180px;
+    min-height: 220px;
     color: var(--ui9000-color-text, #111827);
     font-family: var(--ui9000-font-family, system-ui, sans-serif);
     box-sizing: border-box;
   }
   .chart-root {
+    flex: 1;
+    min-height: 0;
     width: 100%;
     height: 100%;
-    min-height: inherit;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   .tooltip {
     position: absolute;
@@ -26,31 +30,9 @@ const donutGroupChartStyles = css`
     background: var(--ui9000-color-text, #111827);
     color: #fff;
     box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
-    transform: translate(-50%, calc(-100% - 12px));
+    transform: translate(-50%, calc(-100% - 10px));
     white-space: nowrap;
   }
-  .tooltip .title {
-    font-weight: 600;
-    margin-bottom: 2px;
-  }
-  .tooltip .row {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-  }
-  .tooltip .swatch {
-    width: 8px;
-    height: 8px;
-    border-radius: 2px;
-    flex: none;
-  }
-  .tooltip .value {
-    margin-left: auto;
-    font-variant-numeric: tabular-nums;
-  }
-  .tooltip .share {
-    opacity: 0.75;
-  }
   .empty {
     display: grid;
     place-items: center;
@@ -61,6 +43,6 @@ const donutGroupChartStyles = css`
   }
 `;
 export {
-  donutGroupChartStyles
+  polarAreaChartStyles
 };
 //# sourceMappingURL=styles.js.map

package/dist/components/polar-area-chart/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/polar-area-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const polarAreaChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-polar-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/element/ui9000-polar-area-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAmB3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAAyE;IAGzF,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAgDH,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}
+{"version":3,"file":"ui9000-polar-area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/element/ui9000-polar-area-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAmB3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAAyE;IAGzF,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAmDH,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}