@fusedashlabs/widgets 0.3.1 → 0.4.1

package/dist/components/polar-area-chart/element/ui9000-polar-area-chart.js

@@ -7,8 +7,8 @@ import { parseJsonAttr, getPolarAreaDimensions } from "../../../utils/chart-help
 import { swatchLegendEntries } from "../../../utils/chart-legend.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
 import { renderPolarAreaChart } from "../render/draw.js";
+import { polarAreaChartStyles } from "./styles.js";
 import { normalizePolarAreaData } from "../lib/normalize.js";
-import { pieChartStyles } from "../../pie-chart/element/styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -97,10 +97,11 @@ let Ui9000PolarAreaChart = class extends Ui9000ChartElement {
         const yField = model.yField ?? "Value";
         const symbol = ((_b = (_a2 = model.axisDetails) == null ? void 0 : _a2[yField]) == null ? void 0 : _b.measure_unit_symbol) ?? "";
         const value = sector.value.toLocaleString();
+        const categoryText = sector.group ? `${sector.label} · ${sector.group}` : sector.label;
         this._tooltip = {
           x: event.clientX - rect.left,
           y: event.clientY - rect.top,
-          xLabel: `${((_d = (_c = model.axisDetails) == null ? void 0 : _c[xField]) == null ? void 0 : _d.label) ?? xField}: ${sector.label}`,
+          xLabel: `${((_d = (_c = model.axisDetails) == null ? void 0 : _c[xField]) == null ? void 0 : _d.label) ?? xField}: ${categoryText}`,
           yLabel: `${((_f = (_e = model.axisDetails) == null ? void 0 : _e[yField]) == null ? void 0 : _f.label) ?? yField}: ${symbol ? `${value} ${symbol}` : value}`
         };
       } : void 0,
@@ -132,7 +133,7 @@ let Ui9000PolarAreaChart = class extends Ui9000ChartElement {
     `;
   }
 };
-Ui9000PolarAreaChart.styles = [pieChartStyles, chartShellStyles];
+Ui9000PolarAreaChart.styles = [polarAreaChartStyles, chartShellStyles];
 __decorateClass([
   property({ type: String, attribute: "scale" })
 ], Ui9000PolarAreaChart.prototype, "scale", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-polar-area-chart.js","sources":["../../../../src/components/polar-area-chart/element/ui9000-polar-area-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPolarAreaDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePolarAreaData,\n  type PolarAreaChartData,\n  type PolarAreaModel,\n} from '../lib/index.js';\nimport { renderPolarAreaChart } from '../render/draw.js';\nimport { polarAreaChartStyles } from './styles.js';\n\nconst EMPTY_MODEL: PolarAreaModel = {\n  sectors: [],\n  categories: [],\n  legend: [],\n  maxValue: 0,\n};\n\n@customElement('ui9000-polar-area-chart')\nexport class Ui9000PolarAreaChart extends Ui9000ChartElement {\n  static override styles = [polarAreaChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\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: { x: number; y: number; xLabel: string; yLabel: string } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    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(): PolarAreaModel {\n    return normalizePolarAreaData(parseJsonAttr<PolarAreaChartData>(this.dataJson, null));\n  }\n\n  private renderLegend(model: PolarAreaModel) {\n    if (!this.showLegend || !model.legend.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        model.legend.map((entry) => entry.label),\n        theme,\n        (_label, index) => model.legend[index].color,\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.sectors.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getPolarAreaDimensions(root, this.scale);\n\n    renderPolarAreaChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ sector, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const value = sector.value.toLocaleString();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel: `${model.axisDetails?.[xField]?.label ?? xField}: ${sector.label}`,\n              yLabel: `${model.axisDetails?.[yField]?.label ?? yField}: ${\n                symbol ? `${value} ${symbol}` : value\n              }`,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  override render() {\n    const model = this._empty ? EMPTY_MODEL : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(this.headerTitle())}\n        <div class=\"widget-body\">\n          ${this.renderLegend(model)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty ? html`<div class=\"empty\" part=\"empty\">No data</div>` : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div>${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-polar-area-chart': Ui9000PolarAreaChart;\n  }\n}\n\nexport function registerPolarAreaChart(): void {\n  if (!customElements.get('ui9000-polar-area-chart')) {\n    customElements.define('ui9000-polar-area-chart', Ui9000PolarAreaChart);\n  }\n}\n\nregisterPolarAreaChart();\n"],"names":["_a","polarAreaChartStyles"],"mappings":"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"}
+{"version":3,"file":"ui9000-polar-area-chart.js","sources":["../../../../src/components/polar-area-chart/element/ui9000-polar-area-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPolarAreaDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  normalizePolarAreaData,\n  type PolarAreaChartData,\n  type PolarAreaModel,\n} from '../lib/index.js';\nimport { renderPolarAreaChart } from '../render/draw.js';\nimport { polarAreaChartStyles } from './styles.js';\n\nconst EMPTY_MODEL: PolarAreaModel = {\n  sectors: [],\n  categories: [],\n  legend: [],\n  maxValue: 0,\n};\n\n@customElement('ui9000-polar-area-chart')\nexport class Ui9000PolarAreaChart extends Ui9000ChartElement {\n  static override styles = [polarAreaChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\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: { x: number; y: number; xLabel: string; yLabel: string } | null = null;\n\n  @state()\n  private _empty = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    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(): PolarAreaModel {\n    return normalizePolarAreaData(parseJsonAttr<PolarAreaChartData>(this.dataJson, null));\n  }\n\n  private renderLegend(model: PolarAreaModel) {\n    if (!this.showLegend || !model.legend.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        model.legend.map((entry) => entry.label),\n        theme,\n        (_label, index) => model.legend[index].color,\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.sectors.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getPolarAreaDimensions(root, this.scale);\n\n    renderPolarAreaChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ sector, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const value = sector.value.toLocaleString();\n            const categoryText = sector.group\n              ? `${sector.label} · ${sector.group}`\n              : sector.label;\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel: `${model.axisDetails?.[xField]?.label ?? xField}: ${categoryText}`,\n              yLabel: `${model.axisDetails?.[yField]?.label ?? yField}: ${\n                symbol ? `${value} ${symbol}` : value\n              }`,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  override render() {\n    const model = this._empty ? EMPTY_MODEL : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(this.headerTitle())}\n        <div class=\"widget-body\">\n          ${this.renderLegend(model)}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty ? html`<div class=\"empty\" part=\"empty\">No data</div>` : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div>${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-polar-area-chart': Ui9000PolarAreaChart;\n  }\n}\n\nexport function registerPolarAreaChart(): void {\n  if (!customElements.get('ui9000-polar-area-chart')) {\n    customElements.define('ui9000-polar-area-chart', Ui9000PolarAreaChart);\n  }\n}\n\nregisterPolarAreaChart();\n"],"names":["_a"],"mappings":"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"}

package/dist/components/polar-area-chart/index.d.ts

@@ -1,5 +1,5 @@
 export { Ui9000PolarAreaChart, registerPolarAreaChart, } from './element/ui9000-polar-area-chart.js';
 export { renderPolarAreaChart, type RenderPolarAreaChartOptions, } from './render/draw.js';
-export { normalizePolarAreaData, polarLabelAnchor, polarMaxValue, polarRadialTicks, polarSectorAngles, type PolarAreaChartData, type PolarAreaLabelValue, type PolarAreaLegendEntry, type PolarAreaModel, type PolarAreaPoint, type PolarAreaSector, } from './lib/index.js';
+export { normalizePolarAreaData, polarLabelAnchor, polarGroupedSectorAngles, polarMaxValue, polarRadialTicks, polarSectorAngles, type PolarAreaChartData, type PolarAreaLabelValue, type PolarAreaLegendEntry, type PolarAreaModel, type PolarAreaPoint, type PolarAreaSector, } from './lib/index.js';
 export { default as polarAreaChartMetadata } from './metadata.json';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/polar-area-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,GACjC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/polar-area-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,GACjC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,wBAAwB,EACxB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/polar-area-chart/index.js

@@ -3,11 +3,12 @@ import { Ui9000PolarAreaChart } from "./element/ui9000-polar-area-chart.js";
 import { renderPolarAreaChart } from "./render/draw.js";
 import { default as default2 } from "./metadata.json.js";
 import { normalizePolarAreaData } from "./lib/normalize.js";
-import { polarLabelAnchor, polarMaxValue, polarRadialTicks, polarSectorAngles } from "./lib/domain.js";
+import { polarGroupedSectorAngles, polarLabelAnchor, polarMaxValue, polarRadialTicks, polarSectorAngles } from "./lib/domain.js";
 export {
   Ui9000PolarAreaChart,
   normalizePolarAreaData,
   default2 as polarAreaChartMetadata,
+  polarGroupedSectorAngles,
   polarLabelAnchor,
   polarMaxValue,
   polarRadialTicks,

package/dist/components/polar-area-chart/lib/domain.d.ts

@@ -9,6 +9,14 @@ export declare function polarSectorAngles(count: number): Array<{
     startAngle: number;
     endAngle: number;
 }>;
+/**
+ * Split each category's equal slice among the groups that have a value there.
+ * Sector order must match `sectors` (category-major, then group order).
+ */
+export declare function polarGroupedSectorAngles(categories: string[], sectors: PolarAreaSector[]): Array<{
+    startAngle: number;
+    endAngle: number;
+}>;
 /** Radial grid / tick values: `maxValue * step / steps` for step 1…steps. */
 export declare function polarRadialTicks(maxValue: number, steps: number): number[];
 export declare function polarMaxValue(sectors: PolarAreaSector[]): number;

package/dist/components/polar-area-chart/lib/domain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAG/E;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAOjD;AAED,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAG1E;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,MAAM,CAMhE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAQhF;AAED,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,MAAM,CAKR"}
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAG/E;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAOjD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,MAAM,EAAE,EACpB,OAAO,EAAE,eAAe,EAAE,GACzB,KAAK,CAAC;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAkBjD;AAED,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAG1E;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,MAAM,CAMhE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAQhF;AAED,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,MAAM,CAKR"}

package/dist/components/polar-area-chart/lib/domain.js

@@ -11,6 +11,25 @@ function polarSectorAngles(count) {
     endAngle: (i + 1) * slice
   }));
 }
+function polarGroupedSectorAngles(categories, sectors) {
+  if (!categories.length || !sectors.length) return [];
+  const slice = Math.PI * 2 / categories.length;
+  const countByCategory = /* @__PURE__ */ new Map();
+  const indexInCategory = /* @__PURE__ */ new Map();
+  for (const sector of sectors) {
+    const next = countByCategory.get(sector.key) ?? 0;
+    indexInCategory.set(sector, next);
+    countByCategory.set(sector.key, next + 1);
+  }
+  return sectors.map((sector) => {
+    const categoryIndex = Math.max(0, categories.indexOf(sector.key));
+    const members = countByCategory.get(sector.key) ?? 1;
+    const offset = indexInCategory.get(sector) ?? 0;
+    const inner = slice / members;
+    const base = categoryIndex * slice;
+    return { startAngle: base + offset * inner, endAngle: base + (offset + 1) * inner };
+  });
+}
 function polarRadialTicks(maxValue, steps) {
   if (!Number.isFinite(maxValue) || maxValue <= 0 || steps <= 0) return [];
   return Array.from({ length: steps }, (_v, i) => (i + 1) * maxValue / steps);
@@ -37,6 +56,7 @@ function polarOuterRadius(plotWidth, plotHeight, labelGutter) {
   return Math.max(0, Math.min(byWidth, byHeight));
 }
 export {
+  polarGroupedSectorAngles,
   polarLabelAnchor,
   polarLabelGutter,
   polarMaxValue,

package/dist/components/polar-area-chart/lib/domain.js.map

@@ -1 +1 @@
-{"version":3,"file":"domain.js","sources":["../../../../src/components/polar-area-chart/lib/domain.ts"],"sourcesContent":["import { FD } from '../../../utils/fusedash-visual.js';\nimport type { PolarAreaSector } from './types.js';\n\n/** Text anchor for a category label, mirroring the client's angle test. */\nexport function polarLabelAnchor(labelAngle: number): 'start' | 'middle' | 'end' {\n  if (Math.abs(labelAngle) === Math.PI / 2) return 'middle';\n  return labelAngle < Math.PI / 2 && labelAngle > -Math.PI / 2 ? 'start' : 'end';\n}\n\n/**\n * Sector angles — client `xScale = scaleLinear([0, n] → [0, 2π])` evaluated at\n * `i` and `i + 1`. Angle 0 is 12 o'clock (d3 `arc` convention).\n */\nexport function polarSectorAngles(\n  count: number,\n): Array<{ startAngle: number; endAngle: number }> {\n  if (count <= 0) return [];\n  const slice = (Math.PI * 2) / count;\n  return Array.from({ length: count }, (_v, i) => ({\n    startAngle: i * slice,\n    endAngle: (i + 1) * slice,\n  }));\n}\n\n/** Radial grid / tick values: `maxValue * step / steps` for step 1…steps. */\nexport function polarRadialTicks(maxValue: number, steps: number): number[] {\n  if (!Number.isFinite(maxValue) || maxValue <= 0 || steps <= 0) return [];\n  return Array.from({ length: steps }, (_v, i) => ((i + 1) * maxValue) / steps);\n}\n\nexport function polarMaxValue(sectors: PolarAreaSector[]): number {\n  let max = 0;\n  for (const sector of sectors) {\n    if (sector.value > max) max = sector.value;\n  }\n  return max;\n}\n\n/**\n * Side room reserved for the category labels, measured off the longest one.\n * FuseDash sizes the disc from the raw box and lets long names run past the\n * SVG edge; chat widgets are far narrower, so — as with `punchcardLeftGutter`\n * and the bar-chart label gutter — the gutter is derived from the labels and\n * the disc shrinks into what is left.\n */\nexport function polarLabelGutter(categories: string[], plotWidth: number): number {\n  const longest = categories.reduce((max, c) => Math.max(max, String(c).length), 0);\n  const estimated = longest * FD.polarCategoryLabelSize * FD.polarLabelCharWidth;\n  const ceiling = Math.min(\n    FD.polarLabelGutterMax,\n    Math.max(0, plotWidth) * FD.polarLabelGutterMaxFraction,\n  );\n  return Math.max(FD.polarLabelGutterMin, Math.min(estimated, ceiling));\n}\n\n/** Disc radius that leaves room for the labels ring on all four sides. */\nexport function polarOuterRadius(\n  plotWidth: number,\n  plotHeight: number,\n  labelGutter: number,\n): number {\n  const byWidth = plotWidth / 2 - labelGutter - FD.polarCategoryLabelOffset;\n  const byHeight =\n    plotHeight / 2 - FD.polarCategoryLabelOffset - FD.polarCategoryLabelSize / 2;\n  return Math.max(0, Math.min(byWidth, byHeight));\n}\n"],"names":[],"mappings":";AAIO,SAAS,iBAAiB,YAAgD;AAC/E,MAAI,KAAK,IAAI,UAAU,MAAM,KAAK,KAAK,EAAG,QAAO;AACjD,SAAO,aAAa,KAAK,KAAK,KAAK,aAAa,CAAC,KAAK,KAAK,IAAI,UAAU;AAC3E;AAMO,SAAS,kBACd,OACiD;AACjD,MAAI,SAAS,EAAG,QAAO,CAAA;AACvB,QAAM,QAAS,KAAK,KAAK,IAAK;AAC9B,SAAO,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,IAAI,OAAO;AAAA,IAC/C,YAAY,IAAI;AAAA,IAChB,WAAW,IAAI,KAAK;AAAA,EAAA,EACpB;AACJ;AAGO,SAAS,iBAAiB,UAAkB,OAAyB;AAC1E,MAAI,CAAC,OAAO,SAAS,QAAQ,KAAK,YAAY,KAAK,SAAS,EAAG,QAAO,CAAA;AACtE,SAAO,MAAM,KAAK,EAAE,QAAQ,MAAA,GAAS,CAAC,IAAI,OAAQ,IAAI,KAAK,WAAY,KAAK;AAC9E;AAEO,SAAS,cAAc,SAAoC;AAChE,MAAI,MAAM;AACV,aAAW,UAAU,SAAS;AAC5B,QAAI,OAAO,QAAQ,IAAK,OAAM,OAAO;AAAA,EACvC;AACA,SAAO;AACT;AASO,SAAS,iBAAiB,YAAsB,WAA2B;AAChF,QAAM,UAAU,WAAW,OAAO,CAAC,KAAK,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;AAChF,QAAM,YAAY,UAAU,GAAG,yBAAyB,GAAG;AAC3D,QAAM,UAAU,KAAK;AAAA,IACnB,GAAG;AAAA,IACH,KAAK,IAAI,GAAG,SAAS,IAAI,GAAG;AAAA,EAAA;AAE9B,SAAO,KAAK,IAAI,GAAG,qBAAqB,KAAK,IAAI,WAAW,OAAO,CAAC;AACtE;AAGO,SAAS,iBACd,WACA,YACA,aACQ;AACR,QAAM,UAAU,YAAY,IAAI,cAAc,GAAG;AACjD,QAAM,WACJ,aAAa,IAAI,GAAG,2BAA2B,GAAG,yBAAyB;AAC7E,SAAO,KAAK,IAAI,GAAG,KAAK,IAAI,SAAS,QAAQ,CAAC;AAChD;"}
+{"version":3,"file":"domain.js","sources":["../../../../src/components/polar-area-chart/lib/domain.ts"],"sourcesContent":["import { FD } from '../../../utils/fusedash-visual.js';\nimport type { PolarAreaSector } from './types.js';\n\n/** Text anchor for a category label, mirroring the client's angle test. */\nexport function polarLabelAnchor(labelAngle: number): 'start' | 'middle' | 'end' {\n  if (Math.abs(labelAngle) === Math.PI / 2) return 'middle';\n  return labelAngle < Math.PI / 2 && labelAngle > -Math.PI / 2 ? 'start' : 'end';\n}\n\n/**\n * Sector angles — client `xScale = scaleLinear([0, n] → [0, 2π])` evaluated at\n * `i` and `i + 1`. Angle 0 is 12 o'clock (d3 `arc` convention).\n */\nexport function polarSectorAngles(\n  count: number,\n): Array<{ startAngle: number; endAngle: number }> {\n  if (count <= 0) return [];\n  const slice = (Math.PI * 2) / count;\n  return Array.from({ length: count }, (_v, i) => ({\n    startAngle: i * slice,\n    endAngle: (i + 1) * slice,\n  }));\n}\n\n/**\n * Split each category's equal slice among the groups that have a value there.\n * Sector order must match `sectors` (category-major, then group order).\n */\nexport function polarGroupedSectorAngles(\n  categories: string[],\n  sectors: PolarAreaSector[],\n): Array<{ startAngle: number; endAngle: number }> {\n  if (!categories.length || !sectors.length) return [];\n  const slice = (Math.PI * 2) / categories.length;\n  const countByCategory = new Map<string, number>();\n  const indexInCategory = new Map<PolarAreaSector, number>();\n  for (const sector of sectors) {\n    const next = countByCategory.get(sector.key) ?? 0;\n    indexInCategory.set(sector, next);\n    countByCategory.set(sector.key, next + 1);\n  }\n  return sectors.map((sector) => {\n    const categoryIndex = Math.max(0, categories.indexOf(sector.key));\n    const members = countByCategory.get(sector.key) ?? 1;\n    const offset = indexInCategory.get(sector) ?? 0;\n    const inner = slice / members;\n    const base = categoryIndex * slice;\n    return { startAngle: base + offset * inner, endAngle: base + (offset + 1) * inner };\n  });\n}\n\n/** Radial grid / tick values: `maxValue * step / steps` for step 1…steps. */\nexport function polarRadialTicks(maxValue: number, steps: number): number[] {\n  if (!Number.isFinite(maxValue) || maxValue <= 0 || steps <= 0) return [];\n  return Array.from({ length: steps }, (_v, i) => ((i + 1) * maxValue) / steps);\n}\n\nexport function polarMaxValue(sectors: PolarAreaSector[]): number {\n  let max = 0;\n  for (const sector of sectors) {\n    if (sector.value > max) max = sector.value;\n  }\n  return max;\n}\n\n/**\n * Side room reserved for the category labels, measured off the longest one.\n * FuseDash sizes the disc from the raw box and lets long names run past the\n * SVG edge; chat widgets are far narrower, so — as with `punchcardLeftGutter`\n * and the bar-chart label gutter — the gutter is derived from the labels and\n * the disc shrinks into what is left.\n */\nexport function polarLabelGutter(categories: string[], plotWidth: number): number {\n  const longest = categories.reduce((max, c) => Math.max(max, String(c).length), 0);\n  const estimated = longest * FD.polarCategoryLabelSize * FD.polarLabelCharWidth;\n  const ceiling = Math.min(\n    FD.polarLabelGutterMax,\n    Math.max(0, plotWidth) * FD.polarLabelGutterMaxFraction,\n  );\n  return Math.max(FD.polarLabelGutterMin, Math.min(estimated, ceiling));\n}\n\n/** Disc radius that leaves room for the labels ring on all four sides. */\nexport function polarOuterRadius(\n  plotWidth: number,\n  plotHeight: number,\n  labelGutter: number,\n): number {\n  const byWidth = plotWidth / 2 - labelGutter - FD.polarCategoryLabelOffset;\n  const byHeight =\n    plotHeight / 2 - FD.polarCategoryLabelOffset - FD.polarCategoryLabelSize / 2;\n  return Math.max(0, Math.min(byWidth, byHeight));\n}\n"],"names":[],"mappings":";AAIO,SAAS,iBAAiB,YAAgD;AAC/E,MAAI,KAAK,IAAI,UAAU,MAAM,KAAK,KAAK,EAAG,QAAO;AACjD,SAAO,aAAa,KAAK,KAAK,KAAK,aAAa,CAAC,KAAK,KAAK,IAAI,UAAU;AAC3E;AAMO,SAAS,kBACd,OACiD;AACjD,MAAI,SAAS,EAAG,QAAO,CAAA;AACvB,QAAM,QAAS,KAAK,KAAK,IAAK;AAC9B,SAAO,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,IAAI,OAAO;AAAA,IAC/C,YAAY,IAAI;AAAA,IAChB,WAAW,IAAI,KAAK;AAAA,EAAA,EACpB;AACJ;AAMO,SAAS,yBACd,YACA,SACiD;AACjD,MAAI,CAAC,WAAW,UAAU,CAAC,QAAQ,eAAe,CAAA;AAClD,QAAM,QAAS,KAAK,KAAK,IAAK,WAAW;AACzC,QAAM,sCAAsB,IAAA;AAC5B,QAAM,sCAAsB,IAAA;AAC5B,aAAW,UAAU,SAAS;AAC5B,UAAM,OAAO,gBAAgB,IAAI,OAAO,GAAG,KAAK;AAChD,oBAAgB,IAAI,QAAQ,IAAI;AAChC,oBAAgB,IAAI,OAAO,KAAK,OAAO,CAAC;AAAA,EAC1C;AACA,SAAO,QAAQ,IAAI,CAAC,WAAW;AAC7B,UAAM,gBAAgB,KAAK,IAAI,GAAG,WAAW,QAAQ,OAAO,GAAG,CAAC;AAChE,UAAM,UAAU,gBAAgB,IAAI,OAAO,GAAG,KAAK;AACnD,UAAM,SAAS,gBAAgB,IAAI,MAAM,KAAK;AAC9C,UAAM,QAAQ,QAAQ;AACtB,UAAM,OAAO,gBAAgB;AAC7B,WAAO,EAAE,YAAY,OAAO,SAAS,OAAO,UAAU,QAAQ,SAAS,KAAK,MAAA;AAAA,EAC9E,CAAC;AACH;AAGO,SAAS,iBAAiB,UAAkB,OAAyB;AAC1E,MAAI,CAAC,OAAO,SAAS,QAAQ,KAAK,YAAY,KAAK,SAAS,EAAG,QAAO,CAAA;AACtE,SAAO,MAAM,KAAK,EAAE,QAAQ,MAAA,GAAS,CAAC,IAAI,OAAQ,IAAI,KAAK,WAAY,KAAK;AAC9E;AAEO,SAAS,cAAc,SAAoC;AAChE,MAAI,MAAM;AACV,aAAW,UAAU,SAAS;AAC5B,QAAI,OAAO,QAAQ,IAAK,OAAM,OAAO;AAAA,EACvC;AACA,SAAO;AACT;AASO,SAAS,iBAAiB,YAAsB,WAA2B;AAChF,QAAM,UAAU,WAAW,OAAO,CAAC,KAAK,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;AAChF,QAAM,YAAY,UAAU,GAAG,yBAAyB,GAAG;AAC3D,QAAM,UAAU,KAAK;AAAA,IACnB,GAAG;AAAA,IACH,KAAK,IAAI,GAAG,SAAS,IAAI,GAAG;AAAA,EAAA;AAE9B,SAAO,KAAK,IAAI,GAAG,qBAAqB,KAAK,IAAI,WAAW,OAAO,CAAC;AACtE;AAGO,SAAS,iBACd,WACA,YACA,aACQ;AACR,QAAM,UAAU,YAAY,IAAI,cAAc,GAAG;AACjD,QAAM,WACJ,aAAa,IAAI,GAAG,2BAA2B,GAAG,yBAAyB;AAC7E,SAAO,KAAK,IAAI,GAAG,KAAK,IAAI,SAAS,QAAQ,CAAC;AAChD;"}

package/dist/components/polar-area-chart/lib/index.d.ts

@@ -1,4 +1,4 @@
 export { normalizePolarAreaData } from './normalize.js';
-export { polarLabelAnchor, polarLabelGutter, polarOuterRadius, polarMaxValue, polarRadialTicks, polarSectorAngles, } from './domain.js';
+export { polarLabelAnchor, polarLabelGutter, polarOuterRadius, polarMaxValue, polarRadialTicks, polarSectorAngles, polarGroupedSectorAngles, } from './domain.js';
 export type { PolarAreaChartData, PolarAreaLabelValue, PolarAreaLegendEntry, PolarAreaModel, PolarAreaPoint, PolarAreaSector, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/polar-area-chart/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,eAAe,GAChB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/dist/components/polar-area-chart/lib/normalize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/lib/normalize.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACV,kBAAkB,EAGlB,cAAc,EAGf,MAAM,YAAY,CAAC;AA+IpB,6EAA6E;AAC7E,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,GAAG,cAAc,CAkBhF"}
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/lib/normalize.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,kBAAkB,EAGlB,cAAc,EAGf,MAAM,YAAY,CAAC;AAgOpB,6EAA6E;AAC7E,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,GAAG,cAAc,CAkBhF"}

package/dist/components/polar-area-chart/lib/normalize.js

@@ -1,5 +1,5 @@
 import { pickQualitativePalette, resolveFormattingColor } from "../../../utils/fuse-palette.js";
-import { isFuseWidgetPayload, firstField, rowsOf, filterTruthyValues } from "../../../utils/fuse-widget.js";
+import { isFuseWidgetPayload, firstField, rowsOf, resolveUniqueValuesOrder, filterTruthyValues } from "../../../utils/fuse-widget.js";
 import { polarMaxValue } from "./domain.js";
 import { resolveWidgetFormatting } from "../../../utils/chart-formatting/from-fuse-widget.js";
 const EMPTY = { sectors: [], categories: [], legend: [], maxValue: 0 };
@@ -35,11 +35,75 @@ function modelFromRows(rows, categories, legend, formatting) {
   }));
   return { sectors, categories, legend, maxValue: polarMaxValue(sectors) };
 }
+function categoriesOf(widget, xKey, dataKeys) {
+  var _a;
+  const fromUniqueValues = (((_a = widget.uniqueValues) == null ? void 0 : _a[xKey]) ?? []).map(String).filter((v) => dataKeys.includes(v));
+  return fromUniqueValues.length ? fromUniqueValues : dataKeys;
+}
+function fromGroupedFuseWidget(widget, xKey, yKey, groupBy) {
+  const parsed = [];
+  for (const row of rowsOf(widget)) {
+    const x = row[xKey];
+    const y = Number(row[yKey]);
+    const group = row[groupBy];
+    if (x == null || x === "" || group == null || group === "" || !Number.isFinite(y)) {
+      continue;
+    }
+    parsed.push({ key: String(x), group: String(group), value: y });
+  }
+  if (!parsed.length) return EMPTY;
+  const categories = categoriesOf(
+    widget,
+    xKey,
+    Array.from(new Set(parsed.map((row) => row.key)))
+  );
+  const groupKeys = resolveUniqueValuesOrder(
+    parsed.map((row) => row.group),
+    widget.uniqueValues,
+    groupBy
+  );
+  const formatting = resolveWidgetFormatting(widget);
+  const colorByGroup = new Map(
+    groupKeys.map((key) => [key, resolveFormattingColor(formatting, key, groupKeys.length)])
+  );
+  const totals = /* @__PURE__ */ new Map();
+  for (const row of parsed) {
+    const id = `${row.key}\0${row.group}`;
+    totals.set(id, (totals.get(id) ?? 0) + row.value);
+  }
+  const sectors = [];
+  for (const category of categories) {
+    for (const group of groupKeys) {
+      const value = totals.get(`${category}\0${group}`);
+      if (value == null) continue;
+      sectors.push({
+        key: category,
+        group,
+        label: category,
+        value,
+        color: colorByGroup.get(group) ?? resolveFormattingColor(formatting, group, groupKeys.length)
+      });
+    }
+  }
+  return {
+    sectors,
+    categories,
+    legend: buildLegend(groupKeys, formatting),
+    maxValue: polarMaxValue(sectors),
+    grouped: true,
+    xField: xKey,
+    yField: yKey,
+    groupField: groupBy,
+    axisDetails: widget.axisDetails ?? void 0
+  };
+}
 function fromFuseWidget(widget) {
-  var _a, _b;
+  var _a;
   const xKey = firstField(widget.xAxe);
   const yKey = firstField(widget.yAxe);
   if (!xKey || !yKey) return EMPTY;
+  const groupBy = firstField(widget.groupBy);
+  if (groupBy) return fromGroupedFuseWidget(widget, xKey, yKey, groupBy);
   const parsed = [];
   for (const row of rowsOf(widget)) {
     const x = row[xKey];
@@ -48,12 +112,14 @@ function fromFuseWidget(widget) {
     parsed.push({ key: String(x), value: y });
   }
   if (!parsed.length) return EMPTY;
-  const dataKeys = Array.from(new Set(parsed.map((row) => row.key)));
-  const fromUniqueValues = (((_a = widget.uniqueValues) == null ? void 0 : _a[xKey]) ?? []).map(String).filter((v) => dataKeys.includes(v));
-  const categories = fromUniqueValues.length ? fromUniqueValues : dataKeys;
+  const categories = categoriesOf(
+    widget,
+    xKey,
+    Array.from(new Set(parsed.map((row) => row.key)))
+  );
   const formatting = resolveWidgetFormatting(widget);
   let rows = parsed;
-  if ((((_b = widget.formatting) == null ? void 0 : _b.length) ?? 0) > 1) {
+  if ((((_a = widget.formatting) == null ? void 0 : _a.length) ?? 0) > 1) {
     const totals = /* @__PURE__ */ new Map();
     for (const row of parsed) {
       totals.set(row.key, (totals.get(row.key) ?? 0) + row.value);

package/dist/components/polar-area-chart/lib/normalize.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize.js","sources":["../../../../src/components/polar-area-chart/lib/normalize.ts"],"sourcesContent":["import { resolveWidgetFormatting } from '../../../utils/chart-formatting/index.js';\nimport {\n  pickQualitativePalette,\n  resolveFormattingColor,\n} from '../../../utils/fuse-palette.js';\nimport {\n  filterTruthyValues,\n  firstField,\n  isFuseWidgetPayload,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { polarMaxValue } from './domain.js';\nimport type {\n  PolarAreaChartData,\n  PolarAreaLabelValue,\n  PolarAreaLegendEntry,\n  PolarAreaModel,\n  PolarAreaPoint,\n  PolarAreaSector,\n} from './types.js';\n\nconst EMPTY: PolarAreaModel = { sectors: [], categories: [], legend: [], maxValue: 0 };\n\nfunction isLabelValueArray(input: unknown): input is PolarAreaLabelValue[] {\n  if (!Array.isArray(input) || input.length === 0) return false;\n  const first = input[0] as Record<string, unknown>;\n  return first != null && typeof first === 'object' && 'label' in first && 'value' in first;\n}\n\nfunction isPointsPayload(input: unknown): input is { points: PolarAreaPoint[] } {\n  return (\n    !!input &&\n    typeof input === 'object' &&\n    Array.isArray((input as { points?: unknown }).points)\n  );\n}\n\n/**\n * Legend keys — client reads `uniqueValues[Object.keys(uniqueValues)[0]]` and\n * drops null-ish entries. On the polar mock that first key is the x-axis field,\n * so legend keys and sector keys line up.\n */\nfunction legendKeysOf(widget: FuseWidgetLike): string[] {\n  const uniqueValues = widget.uniqueValues ?? {};\n  const firstKey = Object.keys(uniqueValues)[0];\n  if (!firstKey) return [];\n  return filterTruthyValues((uniqueValues[firstKey] ?? []).map(String));\n}\n\nfunction buildLegend(\n  keys: string[],\n  formatting: FuseWidgetLike['formatting'],\n): PolarAreaLegendEntry[] {\n  return keys.map((key) => ({\n    key,\n    label: key,\n    color: resolveFormattingColor(formatting, key, keys.length),\n  }));\n}\n\nfunction modelFromRows(\n  rows: Array<{ key: string; value: number }>,\n  categories: string[],\n  legend: PolarAreaLegendEntry[],\n  formatting: FuseWidgetLike['formatting'],\n): PolarAreaModel {\n  const colorByKey = new Map(legend.map((entry) => [entry.key, entry.color]));\n  const fallbackColor = resolveFormattingColor(formatting, 'default', legend.length || 1);\n\n  const sectors: PolarAreaSector[] = rows.map((row) => ({\n    key: row.key,\n    label: row.key,\n    value: row.value,\n    color: colorByKey.get(row.key) ?? fallbackColor,\n  }));\n\n  return { sectors, categories, legend, maxValue: polarMaxValue(sectors) };\n}\n\nfunction fromFuseWidget(widget: FuseWidgetLike): PolarAreaModel {\n  const xKey = firstField(widget.xAxe);\n  const yKey = firstField(widget.yAxe);\n  if (!xKey || !yKey) return EMPTY;\n\n  const parsed: Array<{ key: string; value: number }> = [];\n  for (const row of rowsOf(widget)) {\n    const x = row[xKey];\n    const y = Number(row[yKey]);\n    if (x == null || x === '' || !Number.isFinite(y)) continue;\n    parsed.push({ key: String(x), value: y });\n  }\n  if (!parsed.length) return EMPTY;\n\n  const dataKeys = Array.from(new Set(parsed.map((row) => row.key)));\n  const fromUniqueValues = (widget.uniqueValues?.[xKey] ?? [])\n    .map(String)\n    .filter((v) => dataKeys.includes(v));\n  const categories = fromUniqueValues.length ? fromUniqueValues : dataKeys;\n\n  // Colors come from resolved formatting so a widget that ships without a\n  // `formatting` array still gets the shared default palette (as scatter does).\n  const formatting = resolveWidgetFormatting(widget);\n\n  // Client aggregates the rows per category once the widget carries more than\n  // one formatting entry — otherwise every row keeps its own wedge. This gate\n  // reads the widget's own formatting, not the resolved one: generated entries\n  // would flip a formatting-less widget into aggregated mode.\n  let rows = parsed;\n  if ((widget.formatting?.length ?? 0) > 1) {\n    const totals = new Map<string, number>();\n    for (const row of parsed) {\n      totals.set(row.key, (totals.get(row.key) ?? 0) + row.value);\n    }\n    rows = Array.from(totals, ([key, value]) => ({ key, value }));\n  }\n\n  // Client `categories.flatMap(...)`: category order first, extras dropped.\n  const sorted = categories.flatMap((category) =>\n    rows.filter((row) => row.key === category),\n  );\n\n  const model = modelFromRows(\n    sorted,\n    categories,\n    buildLegend(legendKeysOf(widget), formatting),\n    formatting,\n  );\n\n  return {\n    ...model,\n    xField: xKey,\n    yField: yKey,\n    axisDetails: widget.axisDetails ?? undefined,\n  };\n}\n\nfunction fromLabelValue(input: PolarAreaLabelValue[]): PolarAreaModel {\n  const rows = input\n    .map((row) => ({\n      key: String(row.label),\n      value: Number(row.value),\n      color: row.color,\n    }))\n    .filter((row) => row.key && Number.isFinite(row.value));\n  if (!rows.length) return EMPTY;\n\n  const palette = pickQualitativePalette(0, rows.length);\n  const sectors: PolarAreaSector[] = rows.map((row, index) => ({\n    key: row.key,\n    label: row.key,\n    value: row.value,\n    color: row.color ?? palette[index % palette.length],\n  }));\n\n  return {\n    sectors,\n    categories: sectors.map((sector) => sector.key),\n    legend: sectors.map(({ key, label, color }) => ({ key, label, color })),\n    maxValue: polarMaxValue(sectors),\n  };\n}\n\n/** Normalize chat / FuseDash WidgetItem payloads into polar-area sectors. */\nexport function normalizePolarAreaData(input: PolarAreaChartData): PolarAreaModel {\n  if (!input) return EMPTY;\n\n  if (Array.isArray(input)) {\n    return isLabelValueArray(input) ? fromLabelValue(input) : EMPTY;\n  }\n\n  if (isFuseWidgetPayload(input)) return fromFuseWidget(input);\n\n  if (isPointsPayload(input)) {\n    return fromLabelValue(\n      input.points.map((point) => ({ label: String(point.x), value: Number(point.y) })),\n    );\n  }\n\n  if (Array.isArray((input as PolarAreaModel).sectors)) return input as PolarAreaModel;\n\n  return EMPTY;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/polar-area-chart/lib/normalize.ts"],"sourcesContent":["import { resolveWidgetFormatting } from '../../../utils/chart-formatting/index.js';\nimport {\n  pickQualitativePalette,\n  resolveFormattingColor,\n} from '../../../utils/fuse-palette.js';\nimport {\n  filterTruthyValues,\n  firstField,\n  isFuseWidgetPayload,\n  resolveUniqueValuesOrder,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { polarMaxValue } from './domain.js';\nimport type {\n  PolarAreaChartData,\n  PolarAreaLabelValue,\n  PolarAreaLegendEntry,\n  PolarAreaModel,\n  PolarAreaPoint,\n  PolarAreaSector,\n} from './types.js';\n\nconst EMPTY: PolarAreaModel = { sectors: [], categories: [], legend: [], maxValue: 0 };\n\nfunction isLabelValueArray(input: unknown): input is PolarAreaLabelValue[] {\n  if (!Array.isArray(input) || input.length === 0) return false;\n  const first = input[0] as Record<string, unknown>;\n  return first != null && typeof first === 'object' && 'label' in first && 'value' in first;\n}\n\nfunction isPointsPayload(input: unknown): input is { points: PolarAreaPoint[] } {\n  return (\n    !!input &&\n    typeof input === 'object' &&\n    Array.isArray((input as { points?: unknown }).points)\n  );\n}\n\n/**\n * Legend keys — client reads `uniqueValues[Object.keys(uniqueValues)[0]]` and\n * drops null-ish entries. On the polar mock that first key is the x-axis field,\n * so legend keys and sector keys line up.\n */\nfunction legendKeysOf(widget: FuseWidgetLike): string[] {\n  const uniqueValues = widget.uniqueValues ?? {};\n  const firstKey = Object.keys(uniqueValues)[0];\n  if (!firstKey) return [];\n  return filterTruthyValues((uniqueValues[firstKey] ?? []).map(String));\n}\n\nfunction buildLegend(\n  keys: string[],\n  formatting: FuseWidgetLike['formatting'],\n): PolarAreaLegendEntry[] {\n  return keys.map((key) => ({\n    key,\n    label: key,\n    color: resolveFormattingColor(formatting, key, keys.length),\n  }));\n}\n\nfunction modelFromRows(\n  rows: Array<{ key: string; value: number }>,\n  categories: string[],\n  legend: PolarAreaLegendEntry[],\n  formatting: FuseWidgetLike['formatting'],\n): PolarAreaModel {\n  const colorByKey = new Map(legend.map((entry) => [entry.key, entry.color]));\n  const fallbackColor = resolveFormattingColor(formatting, 'default', legend.length || 1);\n\n  const sectors: PolarAreaSector[] = rows.map((row) => ({\n    key: row.key,\n    label: row.key,\n    value: row.value,\n    color: colorByKey.get(row.key) ?? fallbackColor,\n  }));\n\n  return { sectors, categories, legend, maxValue: polarMaxValue(sectors) };\n}\n\nfunction categoriesOf(\n  widget: FuseWidgetLike,\n  xKey: string,\n  dataKeys: string[],\n): string[] {\n  const fromUniqueValues = (widget.uniqueValues?.[xKey] ?? [])\n    .map(String)\n    .filter((v) => dataKeys.includes(v));\n  return fromUniqueValues.length ? fromUniqueValues : dataKeys;\n}\n\nfunction fromGroupedFuseWidget(\n  widget: FuseWidgetLike,\n  xKey: string,\n  yKey: string,\n  groupBy: string,\n): PolarAreaModel {\n  const parsed: Array<{ key: string; group: string; value: number }> = [];\n  for (const row of rowsOf(widget)) {\n    const x = row[xKey];\n    const y = Number(row[yKey]);\n    const group = row[groupBy];\n    if (x == null || x === '' || group == null || group === '' || !Number.isFinite(y)) {\n      continue;\n    }\n    parsed.push({ key: String(x), group: String(group), value: y });\n  }\n  if (!parsed.length) return EMPTY;\n\n  const categories = categoriesOf(\n    widget,\n    xKey,\n    Array.from(new Set(parsed.map((row) => row.key))),\n  );\n  const groupKeys = resolveUniqueValuesOrder(\n    parsed.map((row) => row.group),\n    widget.uniqueValues,\n    groupBy,\n  );\n  const formatting = resolveWidgetFormatting(widget);\n  const colorByGroup = new Map(\n    groupKeys.map((key) => [key, resolveFormattingColor(formatting, key, groupKeys.length)]),\n  );\n\n  const totals = new Map<string, number>();\n  for (const row of parsed) {\n    const id = `${row.key}\\0${row.group}`;\n    totals.set(id, (totals.get(id) ?? 0) + row.value);\n  }\n\n  const sectors: PolarAreaSector[] = [];\n  for (const category of categories) {\n    for (const group of groupKeys) {\n      const value = totals.get(`${category}\\0${group}`);\n      if (value == null) continue;\n      sectors.push({\n        key: category,\n        group,\n        label: category,\n        value,\n        color: colorByGroup.get(group) ?? resolveFormattingColor(formatting, group, groupKeys.length),\n      });\n    }\n  }\n\n  return {\n    sectors,\n    categories,\n    legend: buildLegend(groupKeys, formatting),\n    maxValue: polarMaxValue(sectors),\n    grouped: true,\n    xField: xKey,\n    yField: yKey,\n    groupField: groupBy,\n    axisDetails: widget.axisDetails ?? undefined,\n  };\n}\n\nfunction fromFuseWidget(widget: FuseWidgetLike): PolarAreaModel {\n  const xKey = firstField(widget.xAxe);\n  const yKey = firstField(widget.yAxe);\n  if (!xKey || !yKey) return EMPTY;\n\n  const groupBy = firstField(widget.groupBy);\n  if (groupBy) return fromGroupedFuseWidget(widget, xKey, yKey, groupBy);\n\n  const parsed: Array<{ key: string; value: number }> = [];\n  for (const row of rowsOf(widget)) {\n    const x = row[xKey];\n    const y = Number(row[yKey]);\n    if (x == null || x === '' || !Number.isFinite(y)) continue;\n    parsed.push({ key: String(x), value: y });\n  }\n  if (!parsed.length) return EMPTY;\n\n  const categories = categoriesOf(\n    widget,\n    xKey,\n    Array.from(new Set(parsed.map((row) => row.key))),\n  );\n\n  // Colors come from resolved formatting so a widget that ships without a\n  // `formatting` array still gets the shared default palette (as scatter does).\n  const formatting = resolveWidgetFormatting(widget);\n\n  // Client aggregates the rows per category once the widget carries more than\n  // one formatting entry — otherwise every row keeps its own wedge. This gate\n  // reads the widget's own formatting, not the resolved one: generated entries\n  // would flip a formatting-less widget into aggregated mode.\n  let rows = parsed;\n  if ((widget.formatting?.length ?? 0) > 1) {\n    const totals = new Map<string, number>();\n    for (const row of parsed) {\n      totals.set(row.key, (totals.get(row.key) ?? 0) + row.value);\n    }\n    rows = Array.from(totals, ([key, value]) => ({ key, value }));\n  }\n\n  // Client `categories.flatMap(...)`: category order first, extras dropped.\n  const sorted = categories.flatMap((category) =>\n    rows.filter((row) => row.key === category),\n  );\n\n  const model = modelFromRows(\n    sorted,\n    categories,\n    buildLegend(legendKeysOf(widget), formatting),\n    formatting,\n  );\n\n  return {\n    ...model,\n    xField: xKey,\n    yField: yKey,\n    axisDetails: widget.axisDetails ?? undefined,\n  };\n}\n\nfunction fromLabelValue(input: PolarAreaLabelValue[]): PolarAreaModel {\n  const rows = input\n    .map((row) => ({\n      key: String(row.label),\n      value: Number(row.value),\n      color: row.color,\n    }))\n    .filter((row) => row.key && Number.isFinite(row.value));\n  if (!rows.length) return EMPTY;\n\n  const palette = pickQualitativePalette(0, rows.length);\n  const sectors: PolarAreaSector[] = rows.map((row, index) => ({\n    key: row.key,\n    label: row.key,\n    value: row.value,\n    color: row.color ?? palette[index % palette.length],\n  }));\n\n  return {\n    sectors,\n    categories: sectors.map((sector) => sector.key),\n    legend: sectors.map(({ key, label, color }) => ({ key, label, color })),\n    maxValue: polarMaxValue(sectors),\n  };\n}\n\n/** Normalize chat / FuseDash WidgetItem payloads into polar-area sectors. */\nexport function normalizePolarAreaData(input: PolarAreaChartData): PolarAreaModel {\n  if (!input) return EMPTY;\n\n  if (Array.isArray(input)) {\n    return isLabelValueArray(input) ? fromLabelValue(input) : EMPTY;\n  }\n\n  if (isFuseWidgetPayload(input)) return fromFuseWidget(input);\n\n  if (isPointsPayload(input)) {\n    return fromLabelValue(\n      input.points.map((point) => ({ label: String(point.x), value: Number(point.y) })),\n    );\n  }\n\n  if (Array.isArray((input as PolarAreaModel).sectors)) return input as PolarAreaModel;\n\n  return EMPTY;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/polar-area-chart/lib/types.d.ts

@@ -1,8 +1,10 @@
 import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
 /** One filled wedge of the disc — a single row of the (sorted) chart data. */
 export interface PolarAreaSector {
-    /** Category value (`widget.xAxe[0]`) — also the color / legend key. */
+    /** Category value (`widget.xAxe[0]`). */
     key: string;
+    /** Group key when `groupBy` is set — also the color / legend key. */
+    group?: string;
     label: string;
     value: number;
     color: string;
@@ -21,8 +23,11 @@ export interface PolarAreaModel {
     categories: string[];
     legend: PolarAreaLegendEntry[];
     maxValue: number;
+    /** True when wedges are split by `groupBy` inside each category. */
+    grouped?: boolean;
     xField?: string;
     yField?: string;
+    groupField?: string;
     axisDetails?: Record<string, {
         label?: string;
         measure_unit_symbol?: string;

package/dist/components/polar-area-chart/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,8EAA8E;AAC9E,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B;;;OAGG;IACH,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChF;AAED,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAC1B,mBAAmB,EAAE,GACrB;IAAE,MAAM,EAAE,cAAc,EAAE,CAAA;CAAE,GAC5B,cAAc,GACd,cAAc,GACd,IAAI,GACJ,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,8EAA8E;AAC9E,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B;;;OAGG;IACH,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChF;AAED,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAC1B,mBAAmB,EAAE,GACrB;IAAE,MAAM,EAAE,cAAc,EAAE,CAAA;CAAE,GAC5B,cAAc,GACd,cAAc,GACd,IAAI,GACJ,SAAS,CAAC"}

package/dist/components/polar-area-chart/metadata.json.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
   "id": "polar-area-chart",
   "tag": "ui9000-polar-area-chart",
   "title": "Polar Area Chart",
-  "description": "Chat-optimized polar area (coxcomb) chart rewritten in D3. Equal-angle wedges scaled by value, no Redux.",
+  "description": "Chat-optimized polar area (coxcomb) chart rewritten in D3. Single (client aggregated) or grouped by groupBy. Legend above the plot.",
   "chartTypeKeys": ["polarAreaChart"],
   "source": "client/libs/shared/components/src/Widgets/PolarAreaChart/",
   "stack": "d3",

package/dist/components/polar-area-chart/metadata.json.js

@@ -1,7 +1,7 @@
 const id = "polar-area-chart";
 const tag = "ui9000-polar-area-chart";
 const title = "Polar Area Chart";
-const description = "Chat-optimized polar area (coxcomb) chart rewritten in D3. Equal-angle wedges scaled by value, no Redux.";
+const description = "Chat-optimized polar area (coxcomb) chart rewritten in D3. Single (client aggregated) or grouped by groupBy. Legend above the plot.";
 const chartTypeKeys = ["polarAreaChart"];
 const source = "client/libs/shared/components/src/Widgets/PolarAreaChart/";
 const stack = "d3";

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

@@ -1 +1 @@
-{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/render/draw.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,+BAA+B,CAAC;AASvC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,2BAA4B,SAAQ,wBAAwB;IAC3E,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA8JD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CA+GN"}
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/render/draw.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,+BAA+B,CAAC;AAUvC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,2BAA4B,SAAQ,wBAAwB;IAC3E,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA8JD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAiHN"}

package/dist/components/polar-area-chart/render/draw.js

@@ -3,7 +3,7 @@ import { select } from "d3-selection";
 import { arc } from "d3-shape";
 import { decorateManualAxisLabel } from "../../../utils/axis-labels.js";
 import { FD, formatCompactNumber } from "../../../utils/fusedash-visual.js";
-import { polarLabelGutter, polarRadialTicks, polarSectorAngles, polarOuterRadius, polarLabelAnchor } from "../lib/domain.js";
+import { polarLabelGutter, polarRadialTicks, polarGroupedSectorAngles, polarSectorAngles, polarOuterRadius, polarLabelAnchor } from "../lib/domain.js";
 const SECTOR_CLASS = "polar-area-path";
 const TICK_CLASS = "polar-tick-group";
 function measureText(node, text, fontSize, cx, cy) {
@@ -93,7 +93,7 @@ function renderPolarAreaChart(container, options) {
       { onAxisLabelHover, onAxisLabelLeave }
     );
   }
-  const angles = polarSectorAngles(model.sectors.length);
+  const angles = model.grouped ? polarGroupedSectorAngles(model.categories, model.sectors) : polarSectorAngles(model.sectors.length);
   const arcGen = arc().innerRadius(0).outerRadius((d) => radial(d.sector.value)).startAngle((d) => d.startAngle).endAngle((d) => d.endAngle);
   const stroke = themeMode === "dark" ? FD.donutSliceStrokeDark : FD.donutSliceStroke;
   const sectors = root.append("g").attr("class", "polar-sectors").selectAll("path").data(model.sectors.map((sector, i) => ({ sector, ...angles[i] }))).enter().append("path").attr("class", SECTOR_CLASS).attr("d", arcGen).attr("fill", (d) => d.sector.color).attr("opacity", FD.polarSectorOpacity).attr("stroke", stroke).attr("stroke-width", FD.donutSliceStrokeWidth);

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

@@ -1 +1 @@
-{"version":3,"file":"draw.js","sources":["../../../../src/components/polar-area-chart/render/draw.ts"],"sourcesContent":["import { scaleLinear } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\nimport { arc } from 'd3-shape';\n\nimport type { ChartDimensions, WidgetTheme } from '../../../types/index.js';\nimport {\n  decorateManualAxisLabel,\n  type AxisLabelTooltipHandlers,\n} from '../../../utils/axis-labels.js';\nimport { FD, formatCompactNumber } from '../../../utils/fusedash-visual.js';\nimport {\n  polarLabelAnchor,\n  polarLabelGutter,\n  polarOuterRadius,\n  polarRadialTicks,\n  polarSectorAngles,\n} from '../lib/domain.js';\nimport type { PolarAreaModel, PolarAreaSector } from '../lib/types.js';\n\nexport interface RenderPolarAreaChartOptions extends AxisLabelTooltipHandlers {\n  model: PolarAreaModel;\n  width: number;\n  height: number;\n  margin: ChartDimensions['margin'];\n  theme: WidgetTheme;\n  themeMode?: 'light' | 'dark';\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  onHover?: (payload: { sector: PolarAreaSector; event: MouseEvent }) => void;\n  onLeave?: () => void;\n}\n\nconst SECTOR_CLASS = 'polar-area-path';\nconst TICK_CLASS = 'polar-tick-group';\n\n/**\n * getBBox is unavailable on detached / non-rendering hosts — fall back to a\n * character estimate around the anchor (`text-anchor: middle` + central\n * baseline), which is where getBBox would report the box.\n */\nfunction measureText(\n  node: SVGTextElement | null,\n  text: string,\n  fontSize: number,\n  cx: number,\n  cy: number,\n): { x: number; y: number; width: number; height: number } {\n  const box = node?.getBBox?.();\n  if (box && box.width > 0) return box;\n  const width = text.length * fontSize * 0.6;\n  return { x: cx - width / 2, y: cy - fontSize / 2, width, height: fontSize };\n}\n\nfunction drawGridRings(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  ticks: number[],\n  radial: (value: number) => number,\n): void {\n  parent\n    .selectAll('circle')\n    .data(ticks)\n    .enter()\n    .append('circle')\n    .attr('r', (d) => radial(d))\n    .attr('fill', 'none')\n    .attr('stroke', FD.polarGridStroke)\n    .attr('stroke-opacity', (_d, i) => (i + 1) * FD.polarGridStepOpacity);\n}\n\nfunction drawSpokes(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  categories: string[],\n  outer: number,\n): void {\n  const slice = (Math.PI * 2) / categories.length;\n  for (let i = 0; i < categories.length; i += 1) {\n    // Angle 0 is 12 o'clock, matching the sector arcs.\n    const angle = slice * i - Math.PI / 2;\n    const x = outer * Math.cos(angle);\n    const y = outer * Math.sin(angle);\n\n    parent\n      .append('line')\n      .attr('x1', 0)\n      .attr('y1', 0)\n      .attr('x2', x)\n      .attr('y2', y)\n      .attr('stroke', FD.polarGridStroke)\n      .attr('stroke-linejoin', 'round')\n      .attr('stroke-linecap', 'round')\n      .attr('stroke-dasharray', FD.polarSpokeDash);\n\n    parent\n      .append('circle')\n      .attr('cx', x)\n      .attr('cy', y)\n      .attr('r', FD.polarSpokeCapRadius)\n      .attr('fill', FD.polarGridStroke);\n  }\n}\n\nfunction drawCategoryLabels(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  categories: string[],\n  outer: number,\n  halfWidth: number,\n  handlers: AxisLabelTooltipHandlers,\n): void {\n  const slice = (Math.PI * 2) / categories.length;\n  const radius = outer + FD.polarCategoryLabelOffset;\n\n  categories.forEach((category, i) => {\n    const labelAngle = slice * i - Math.PI / 2 + slice / 2;\n    const x = radius * Math.cos(labelAngle);\n    const anchor = polarLabelAnchor(labelAngle);\n    // Room left between the label anchor and the SVG edge it grows towards.\n    const slotWidth =\n      anchor === 'start'\n        ? halfWidth - x\n        : anchor === 'end'\n          ? halfWidth + x\n          : 2 * Math.min(halfWidth - x, halfWidth + x);\n\n    const text = parent\n      .append('text')\n      .attr('x', x)\n      .attr('y', radius * Math.sin(labelAngle))\n      .attr('text-anchor', anchor)\n      .attr('font-size', FD.polarCategoryLabelSize)\n      .attr('dominant-baseline', 'central')\n      .attr('fill', FD.polarCategoryLabelFill);\n\n    decorateManualAxisLabel(text, category, {\n      ...handlers,\n      slotWidth,\n      fontSize: FD.polarCategoryLabelSize,\n    });\n  });\n}\n\nfunction drawRadialTicks(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  ticks: number[],\n  radial: (value: number) => number,\n  theme: WidgetTheme,\n  themeMode: 'light' | 'dark',\n): void {\n  const pillFill =\n    theme.background && theme.background !== 'transparent'\n      ? theme.background\n      : themeMode === 'dark'\n        ? FD.polarTickPillDark\n        : FD.polarTickPill;\n\n  parent\n    .selectAll<SVGGElement, number>('g')\n    .data(ticks)\n    .enter()\n    .append('g')\n    .attr('class', TICK_CLASS)\n    .each(function (value) {\n      const group = select(this);\n      const label = formatCompactNumber(value, 2);\n\n      const cy = -radial(value);\n      const text = group\n        .append('text')\n        .attr('x', 0)\n        .attr('y', cy)\n        .attr('font-size', FD.polarCategoryLabelSize)\n        .attr('text-anchor', 'middle')\n        .attr('dominant-baseline', 'central')\n        .attr('fill', theme.text)\n        .text(label);\n\n      const box = measureText(text.node(), label, FD.polarCategoryLabelSize, 0, cy);\n      group\n        .insert('rect', 'text')\n        .attr('x', box.x - FD.polarTickPillPadX)\n        .attr('y', box.y - FD.polarTickPillPadY)\n        .attr('width', box.width + FD.polarTickPillPadX * 2)\n        .attr('height', box.height + FD.polarTickPillPadY * 2)\n        .attr('rx', FD.polarTickPillRadius)\n        .attr('ry', FD.polarTickPillRadius)\n        .attr('fill', pillFill);\n    });\n}\n\n/**\n * FuseDash PolarAreaChart — D3 rewrite.\n * One wedge per category, each reaching the radius of its value; the legend\n * lives in the Lit shell.\n */\nexport function renderPolarAreaChart(\n  container: HTMLElement,\n  options: RenderPolarAreaChartOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin,\n    theme,\n    themeMode = 'light',\n    showGrid = true,\n    showTooltip = true,\n    onHover,\n    onLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  container.replaceChildren();\n\n  const plotWidth = width - margin.left - margin.right;\n  const plotHeight = height - margin.top - margin.bottom;\n  const labelGutter = polarLabelGutter(model.categories, plotWidth);\n  const outerRadius = polarOuterRadius(plotWidth, plotHeight, labelGutter);\n  if (!model.sectors.length || outerRadius <= 0 || !model.maxValue) return;\n\n  const radial = scaleLinear()\n    .domain([0, model.maxValue])\n    .rangeRound([0, outerRadius])\n    .nice();\n  const gridOuter = radial(model.maxValue);\n  const ticks = polarRadialTicks(model.maxValue, FD.polarRadialSteps);\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\n  const root = svg.append('g').attr('transform', `translate(${width / 2}, ${height / 2})`);\n\n  if (showGrid) {\n    const gridGroup = root\n      .append('g')\n      .attr('class', 'polar-grid')\n      .attr('pointer-events', 'none');\n    drawGridRings(gridGroup, ticks, radial);\n    drawSpokes(gridGroup, model.categories, gridOuter);\n  }\n  if (outerRadius >= FD.polarMinLabelRadius) {\n    drawCategoryLabels(\n      root.append('g').attr('class', 'polar-category-labels'),\n      model.categories,\n      gridOuter,\n      width / 2,\n      { onAxisLabelHover, onAxisLabelLeave },\n    );\n  }\n\n  const angles = polarSectorAngles(model.sectors.length);\n  const arcGen = arc<{ sector: PolarAreaSector; startAngle: number; endAngle: number }>()\n    .innerRadius(0)\n    .outerRadius((d) => radial(d.sector.value))\n    .startAngle((d) => d.startAngle)\n    .endAngle((d) => d.endAngle);\n\n  const stroke = themeMode === 'dark' ? FD.donutSliceStrokeDark : FD.donutSliceStroke;\n  const sectors = root\n    .append('g')\n    .attr('class', 'polar-sectors')\n    .selectAll('path')\n    .data(model.sectors.map((sector, i) => ({ sector, ...angles[i] })))\n    .enter()\n    .append('path')\n    .attr('class', SECTOR_CLASS)\n    .attr('d', arcGen)\n    .attr('fill', (d) => d.sector.color)\n    .attr('opacity', FD.polarSectorOpacity)\n    .attr('stroke', stroke)\n    .attr('stroke-width', FD.donutSliceStrokeWidth);\n\n  // Client hides the radial tick pills when they would stack on top of each\n  // other. It tests the box height; here the disc no longer fills the box, so\n  // the ring spacing itself is what has to clear a pill row.\n  const fitsTicks = outerRadius >= FD.polarRadialSteps * FD.polarTickPillRowHeight;\n  if (showGrid && fitsTicks) {\n    drawRadialTicks(\n      root.append('g').attr('class', 'polar-ticks').attr('pointer-events', 'none'),\n      ticks,\n      radial,\n      theme,\n      themeMode,\n    );\n  }\n\n  if (!showTooltip || !onHover) return;\n\n  const dimmable = root.selectAll(`.${SECTOR_CLASS}, .${TICK_CLASS}`);\n  sectors\n    .style('cursor', 'pointer')\n    .on('mouseenter', function (event: MouseEvent, datum) {\n      dimmable.attr('opacity', FD.polarSectorOpacityDimmed);\n      select(this).attr('opacity', 1);\n      onHover({ sector: datum.sector, event });\n    })\n    .on('mousemove', (event: MouseEvent, datum) => {\n      onHover({ sector: datum.sector, event });\n    })\n    .on('mouseleave', () => {\n      sectors.attr('opacity', FD.polarSectorOpacity);\n      root.selectAll(`.${TICK_CLASS}`).attr('opacity', 1);\n      onLeave?.();\n    });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"draw.js","sources":["../../../../src/components/polar-area-chart/render/draw.ts"],"sourcesContent":["import { scaleLinear } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\nimport { arc } from 'd3-shape';\n\nimport type { ChartDimensions, WidgetTheme } from '../../../types/index.js';\nimport {\n  decorateManualAxisLabel,\n  type AxisLabelTooltipHandlers,\n} from '../../../utils/axis-labels.js';\nimport { FD, formatCompactNumber } from '../../../utils/fusedash-visual.js';\nimport {\n  polarGroupedSectorAngles,\n  polarLabelAnchor,\n  polarLabelGutter,\n  polarOuterRadius,\n  polarRadialTicks,\n  polarSectorAngles,\n} from '../lib/domain.js';\nimport type { PolarAreaModel, PolarAreaSector } from '../lib/types.js';\n\nexport interface RenderPolarAreaChartOptions extends AxisLabelTooltipHandlers {\n  model: PolarAreaModel;\n  width: number;\n  height: number;\n  margin: ChartDimensions['margin'];\n  theme: WidgetTheme;\n  themeMode?: 'light' | 'dark';\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  onHover?: (payload: { sector: PolarAreaSector; event: MouseEvent }) => void;\n  onLeave?: () => void;\n}\n\nconst SECTOR_CLASS = 'polar-area-path';\nconst TICK_CLASS = 'polar-tick-group';\n\n/**\n * getBBox is unavailable on detached / non-rendering hosts — fall back to a\n * character estimate around the anchor (`text-anchor: middle` + central\n * baseline), which is where getBBox would report the box.\n */\nfunction measureText(\n  node: SVGTextElement | null,\n  text: string,\n  fontSize: number,\n  cx: number,\n  cy: number,\n): { x: number; y: number; width: number; height: number } {\n  const box = node?.getBBox?.();\n  if (box && box.width > 0) return box;\n  const width = text.length * fontSize * 0.6;\n  return { x: cx - width / 2, y: cy - fontSize / 2, width, height: fontSize };\n}\n\nfunction drawGridRings(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  ticks: number[],\n  radial: (value: number) => number,\n): void {\n  parent\n    .selectAll('circle')\n    .data(ticks)\n    .enter()\n    .append('circle')\n    .attr('r', (d) => radial(d))\n    .attr('fill', 'none')\n    .attr('stroke', FD.polarGridStroke)\n    .attr('stroke-opacity', (_d, i) => (i + 1) * FD.polarGridStepOpacity);\n}\n\nfunction drawSpokes(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  categories: string[],\n  outer: number,\n): void {\n  const slice = (Math.PI * 2) / categories.length;\n  for (let i = 0; i < categories.length; i += 1) {\n    // Angle 0 is 12 o'clock, matching the sector arcs.\n    const angle = slice * i - Math.PI / 2;\n    const x = outer * Math.cos(angle);\n    const y = outer * Math.sin(angle);\n\n    parent\n      .append('line')\n      .attr('x1', 0)\n      .attr('y1', 0)\n      .attr('x2', x)\n      .attr('y2', y)\n      .attr('stroke', FD.polarGridStroke)\n      .attr('stroke-linejoin', 'round')\n      .attr('stroke-linecap', 'round')\n      .attr('stroke-dasharray', FD.polarSpokeDash);\n\n    parent\n      .append('circle')\n      .attr('cx', x)\n      .attr('cy', y)\n      .attr('r', FD.polarSpokeCapRadius)\n      .attr('fill', FD.polarGridStroke);\n  }\n}\n\nfunction drawCategoryLabels(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  categories: string[],\n  outer: number,\n  halfWidth: number,\n  handlers: AxisLabelTooltipHandlers,\n): void {\n  const slice = (Math.PI * 2) / categories.length;\n  const radius = outer + FD.polarCategoryLabelOffset;\n\n  categories.forEach((category, i) => {\n    const labelAngle = slice * i - Math.PI / 2 + slice / 2;\n    const x = radius * Math.cos(labelAngle);\n    const anchor = polarLabelAnchor(labelAngle);\n    // Room left between the label anchor and the SVG edge it grows towards.\n    const slotWidth =\n      anchor === 'start'\n        ? halfWidth - x\n        : anchor === 'end'\n          ? halfWidth + x\n          : 2 * Math.min(halfWidth - x, halfWidth + x);\n\n    const text = parent\n      .append('text')\n      .attr('x', x)\n      .attr('y', radius * Math.sin(labelAngle))\n      .attr('text-anchor', anchor)\n      .attr('font-size', FD.polarCategoryLabelSize)\n      .attr('dominant-baseline', 'central')\n      .attr('fill', FD.polarCategoryLabelFill);\n\n    decorateManualAxisLabel(text, category, {\n      ...handlers,\n      slotWidth,\n      fontSize: FD.polarCategoryLabelSize,\n    });\n  });\n}\n\nfunction drawRadialTicks(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  ticks: number[],\n  radial: (value: number) => number,\n  theme: WidgetTheme,\n  themeMode: 'light' | 'dark',\n): void {\n  const pillFill =\n    theme.background && theme.background !== 'transparent'\n      ? theme.background\n      : themeMode === 'dark'\n        ? FD.polarTickPillDark\n        : FD.polarTickPill;\n\n  parent\n    .selectAll<SVGGElement, number>('g')\n    .data(ticks)\n    .enter()\n    .append('g')\n    .attr('class', TICK_CLASS)\n    .each(function (value) {\n      const group = select(this);\n      const label = formatCompactNumber(value, 2);\n\n      const cy = -radial(value);\n      const text = group\n        .append('text')\n        .attr('x', 0)\n        .attr('y', cy)\n        .attr('font-size', FD.polarCategoryLabelSize)\n        .attr('text-anchor', 'middle')\n        .attr('dominant-baseline', 'central')\n        .attr('fill', theme.text)\n        .text(label);\n\n      const box = measureText(text.node(), label, FD.polarCategoryLabelSize, 0, cy);\n      group\n        .insert('rect', 'text')\n        .attr('x', box.x - FD.polarTickPillPadX)\n        .attr('y', box.y - FD.polarTickPillPadY)\n        .attr('width', box.width + FD.polarTickPillPadX * 2)\n        .attr('height', box.height + FD.polarTickPillPadY * 2)\n        .attr('rx', FD.polarTickPillRadius)\n        .attr('ry', FD.polarTickPillRadius)\n        .attr('fill', pillFill);\n    });\n}\n\n/**\n * FuseDash PolarAreaChart — D3 rewrite.\n * One wedge per category, each reaching the radius of its value; the legend\n * lives in the Lit shell.\n */\nexport function renderPolarAreaChart(\n  container: HTMLElement,\n  options: RenderPolarAreaChartOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin,\n    theme,\n    themeMode = 'light',\n    showGrid = true,\n    showTooltip = true,\n    onHover,\n    onLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  container.replaceChildren();\n\n  const plotWidth = width - margin.left - margin.right;\n  const plotHeight = height - margin.top - margin.bottom;\n  const labelGutter = polarLabelGutter(model.categories, plotWidth);\n  const outerRadius = polarOuterRadius(plotWidth, plotHeight, labelGutter);\n  if (!model.sectors.length || outerRadius <= 0 || !model.maxValue) return;\n\n  const radial = scaleLinear()\n    .domain([0, model.maxValue])\n    .rangeRound([0, outerRadius])\n    .nice();\n  const gridOuter = radial(model.maxValue);\n  const ticks = polarRadialTicks(model.maxValue, FD.polarRadialSteps);\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\n  const root = svg.append('g').attr('transform', `translate(${width / 2}, ${height / 2})`);\n\n  if (showGrid) {\n    const gridGroup = root\n      .append('g')\n      .attr('class', 'polar-grid')\n      .attr('pointer-events', 'none');\n    drawGridRings(gridGroup, ticks, radial);\n    drawSpokes(gridGroup, model.categories, gridOuter);\n  }\n  if (outerRadius >= FD.polarMinLabelRadius) {\n    drawCategoryLabels(\n      root.append('g').attr('class', 'polar-category-labels'),\n      model.categories,\n      gridOuter,\n      width / 2,\n      { onAxisLabelHover, onAxisLabelLeave },\n    );\n  }\n\n  const angles = model.grouped\n    ? polarGroupedSectorAngles(model.categories, model.sectors)\n    : polarSectorAngles(model.sectors.length);\n  const arcGen = arc<{ sector: PolarAreaSector; startAngle: number; endAngle: number }>()\n    .innerRadius(0)\n    .outerRadius((d) => radial(d.sector.value))\n    .startAngle((d) => d.startAngle)\n    .endAngle((d) => d.endAngle);\n\n  const stroke = themeMode === 'dark' ? FD.donutSliceStrokeDark : FD.donutSliceStroke;\n  const sectors = root\n    .append('g')\n    .attr('class', 'polar-sectors')\n    .selectAll('path')\n    .data(model.sectors.map((sector, i) => ({ sector, ...angles[i] })))\n    .enter()\n    .append('path')\n    .attr('class', SECTOR_CLASS)\n    .attr('d', arcGen)\n    .attr('fill', (d) => d.sector.color)\n    .attr('opacity', FD.polarSectorOpacity)\n    .attr('stroke', stroke)\n    .attr('stroke-width', FD.donutSliceStrokeWidth);\n\n  // Client hides the radial tick pills when they would stack on top of each\n  // other. It tests the box height; here the disc no longer fills the box, so\n  // the ring spacing itself is what has to clear a pill row.\n  const fitsTicks = outerRadius >= FD.polarRadialSteps * FD.polarTickPillRowHeight;\n  if (showGrid && fitsTicks) {\n    drawRadialTicks(\n      root.append('g').attr('class', 'polar-ticks').attr('pointer-events', 'none'),\n      ticks,\n      radial,\n      theme,\n      themeMode,\n    );\n  }\n\n  if (!showTooltip || !onHover) return;\n\n  const dimmable = root.selectAll(`.${SECTOR_CLASS}, .${TICK_CLASS}`);\n  sectors\n    .style('cursor', 'pointer')\n    .on('mouseenter', function (event: MouseEvent, datum) {\n      dimmable.attr('opacity', FD.polarSectorOpacityDimmed);\n      select(this).attr('opacity', 1);\n      onHover({ sector: datum.sector, event });\n    })\n    .on('mousemove', (event: MouseEvent, datum) => {\n      onHover({ sector: datum.sector, event });\n    })\n    .on('mouseleave', () => {\n      sectors.attr('opacity', FD.polarSectorOpacity);\n      root.selectAll(`.${TICK_CLASS}`).attr('opacity', 1);\n      onLeave?.();\n    });\n}\n"],"names":[],"mappings":"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"}

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

@@ -2,7 +2,7 @@ declare const _default: {
   "id": "punchcard-chart",
   "tag": "ui9000-punchcard-chart",
   "title": "Punchcard Chart",
-  "description": "Chat-optimized punchcard rewritten in D3 (Visx → D3). Bubble matrix by x/y categories, no Redux.",
+  "description": "Chat-optimized punchcard rewritten in D3. Single (no groupBy) or Grouped (groupBy as Y rows). Sequential bubble matrix, no Redux.",
   "chartTypeKeys": ["punchcardChart"],
   "source": "client/libs/shared/components/src/Widgets/PunchcardChart/",
   "stack": "d3",

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

@@ -1,7 +1,7 @@
 const id = "punchcard-chart";
 const tag = "ui9000-punchcard-chart";
 const title = "Punchcard Chart";
-const description = "Chat-optimized punchcard rewritten in D3 (Visx → D3). Bubble matrix by x/y categories, no Redux.";
+const description = "Chat-optimized punchcard rewritten in D3. Single (no groupBy) or Grouped (groupBy as Y rows). Sequential bubble matrix, no Redux.";
 const chartTypeKeys = ["punchcardChart"];
 const source = "client/libs/shared/components/src/Widgets/PunchcardChart/";
 const stack = "d3";

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/sankey-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA6ExB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/sankey-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAyDxB,CAAC"}