@fusedashlabs/widgets 0.3.1 → 0.4.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-treemap-chart.js","sources":["../../../../src/components/treemap-chart/element/ui9000-treemap-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 { renderPaletteLegend } from '../../../element/chart-legend-render.js';\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { getTreemapDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { formatValueWithUnit } from '../../../utils/axis-units.js';\nimport { formatCapitalizedText, formatCapitalizedWords } from '../../../utils/format-text.js';\nimport { formatTreemapValue } from '../lib/format.js';\nimport { normalizeTreemapData } from '../lib/normalize.js';\nimport type { TreemapChartData, TreemapModel } from '../lib/types.js';\nimport { renderTreemapChart, type TreemapHoverPayload } from '../render/draw.js';\nimport { treemapChartStyles } from './styles.js';\n\ntype TooltipRow = { key: string; value: string };\n\n@customElement('ui9000-treemap-chart')\nexport class Ui9000TreemapChart extends Ui9000ChartElement {\n  static override styles = [treemapChartStyles, chartShellStyles];\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; title?: string; rows: TooltipRow[] } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _rangeColors: string[] = [];\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  /**\n   * The palette legend only appears once the data is known, which shortens the\n   * plot — observing the plot box (not just the host) redraws it at the size it\n   * actually got.\n   */\n  override firstUpdated(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root');\n    if (root) this._resizeObserver?.observe(root);\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(): TreemapModel {\n    const raw = parseJsonAttr<TreemapChartData>(this.dataJson, null);\n    return normalizeTreemapData(raw);\n  }\n\n  /** Client tooltip: `Value` plus the dimension the tile encodes. */\n  private tooltipFor(model: TreemapModel, payload: TreemapHoverPayload): {\n    title?: string;\n    rows: TooltipRow[];\n  } {\n    const { tile, group } = payload;\n    const rows: TooltipRow[] = [\n      { key: 'Value', value: formatTreemapValue(tile.value, model.mode) },\n    ];\n\n    if (model.mode === 'grouped') {\n      // The tile is a subgroup value, so the second row names the card it sits\n      // in — the client labels it with `groupBy[0]` but prints the tile again.\n      if (group && model.categoryField) {\n        rows.push({ key: formatCapitalizedText(model.categoryField), value: group.label });\n      }\n      return { title: formatCapitalizedWords(tile.label), rows };\n    }\n\n    if (model.categoryField) {\n      const detail = model.axisDetails?.[model.categoryField];\n      rows.push({\n        key: detail?.label ?? model.categoryField,\n        value: formatValueWithUnit(tile.label, detail),\n      });\n    }\n    return { rows };\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.mode === 'single' ? !model.tiles.length : !model.groups.length;\n    // Grouped cards ramp their own colors, so the shared strip is single-mode only.\n    this._rangeColors = !this._empty && model.mode === 'single' ? model.rangeColors : [];\n\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height } = getTreemapDimensions(root);\n\n    renderTreemapChart(root, {\n      model,\n      width,\n      height,\n      theme,\n      showTooltip: this.showTooltip,\n      onHover: this.showTooltip\n        ? (payload) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: payload.event.clientX - rect.left,\n              y: payload.event.clientY - rect.top,\n              ...this.tooltipFor(model, payload),\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || !this._rangeColors.length) return nothing;\n    return renderPaletteLegend(this._rangeColors);\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 ? 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                ${this._tooltip.title\n                  ? html`<div class=\"tooltip-title\">${this._tooltip.title}</div>`\n                  : nothing}\n                ${this._tooltip.rows.map((row) => html`<div>${row.key}: ${row.value}</div>`)}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-treemap-chart': Ui9000TreemapChart;\n  }\n}\n\nexport function registerTreemapChart(): void {\n  if (!customElements.get('ui9000-treemap-chart')) {\n    customElements.define('ui9000-treemap-chart', Ui9000TreemapChart);\n  }\n}\n\nregisterTreemapChart();\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBO,IAAM,qBAAN,cAAiC,mBAAmB;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,aAAa;AAGb,SAAA,cAAc;AAGd,SAAQ,WAAgF;AAGxF,SAAQ,SAAS;AAGjB,SAAQ,eAAyB,CAAA;AAGjC,SAAQ,OAAO;AAAA,EAAA;AAAA,EAEN,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,kBAAkB,IAAI,eAAe,MAAM,KAAK,cAAc;AACnE,SAAK,gBAAgB,QAAQ,IAAI;AAAA,EACnC;AAAA,EAES,uBAA6B;;AACpC,eAAK,oBAAL,mBAAsB;AACtB,yBAAqB,KAAK,IAAI;AAC9B,UAAM,qBAAA;AAAA,EACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOS,eAAqB;;AAC5B,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,KAAM,YAAK,oBAAL,mBAAsB,QAAQ;AAAA,EAC1C;AAAA,EAES,QAAQ,SAA+B;AAC9C,QAAI,kBAAkB,OAAO,EAAG,MAAK,aAAA;AAAA,EACvC;AAAA,EAEQ,eAAqB;AAC3B,yBAAqB,KAAK,IAAI;AAC9B,SAAK,OAAO,sBAAsB,MAAM,KAAK,MAAM;AAAA,EACrD;AAAA,EAEQ,YAA0B;AAChC,UAAM,MAAM,cAAgC,KAAK,UAAU,IAAI;AAC/D,WAAO,qBAAqB,GAAG;AAAA,EACjC;AAAA;AAAA,EAGQ,WAAW,OAAqB,SAGtC;;AACA,UAAM,EAAE,MAAM,MAAA,IAAU;AACxB,UAAM,OAAqB;AAAA,MACzB,EAAE,KAAK,SAAS,OAAO,mBAAmB,KAAK,OAAO,MAAM,IAAI,EAAA;AAAA,IAAE;AAGpE,QAAI,MAAM,SAAS,WAAW;AAG5B,UAAI,SAAS,MAAM,eAAe;AAChC,aAAK,KAAK,EAAE,KAAK,sBAAsB,MAAM,aAAa,GAAG,OAAO,MAAM,OAAO;AAAA,MACnF;AACA,aAAO,EAAE,OAAO,uBAAuB,KAAK,KAAK,GAAG,KAAA;AAAA,IACtD;AAEA,QAAI,MAAM,eAAe;AACvB,YAAM,UAAS,WAAM,gBAAN,mBAAoB,MAAM;AACzC,WAAK,KAAK;AAAA,QACR,MAAK,iCAAQ,UAAS,MAAM;AAAA,QAC5B,OAAO,oBAAoB,KAAK,OAAO,MAAM;AAAA,MAAA,CAC9C;AAAA,IACH;AACA,WAAO,EAAE,KAAA;AAAA,EACX;AAAA,EAEQ,OAAa;;AACnB,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,CAAC,KAAM;AAEX,UAAM,QAAQ,KAAK,UAAA;AACnB,SAAK,SAAS,MAAM,SAAS,WAAW,CAAC,MAAM,MAAM,SAAS,CAAC,MAAM,OAAO;AAE5E,SAAK,eAAe,CAAC,KAAK,UAAU,MAAM,SAAS,WAAW,MAAM,cAAc,CAAA;AAElF,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAA;AACL;AAAA,IACF;AAEA,UAAM,QAAQ,qBAAqB,IAAI;AACvC,UAAM,EAAE,OAAO,WAAW,qBAAqB,IAAI;AAEnD,uBAAmB,MAAM;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,KAAK;AAAA,MAClB,SAAS,KAAK,cACV,CAAC,YAAY;AACX,cAAM,OAAO,KAAK,sBAAA;AAClB,aAAK,WAAW;AAAA,UACd,GAAG,QAAQ,MAAM,UAAU,KAAK;AAAA,UAChC,GAAG,QAAQ,MAAM,UAAU,KAAK;AAAA,UAChC,GAAG,KAAK,WAAW,OAAO,OAAO;AAAA,QAAA;AAAA,MAErC,IACA;AAAA,MACJ,SAAS,KAAK,cACV,MAAM;AACJ,aAAK,WAAW;AAAA,MAClB,IACA;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EAEQ,eAAe;AACrB,QAAI,CAAC,KAAK,cAAc,CAAC,KAAK,aAAa,OAAQ,QAAO;AAC1D,WAAO,oBAAoB,KAAK,YAAY;AAAA,EAC9C;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK,YAAA;AACnB,WAAO;AAAA;AAAA,UAED,KAAK,kBAAkB,KAAK,CAAC;AAAA;AAAA,YAE3B,KAAK,cAAc;AAAA,yDAC0B,KAAK,MAAM;AAAA,YACxD,KAAK,SAAS,sDAAsD,OAAO;AAAA,YAC3E,KAAK,WACH;AAAA;AAAA;AAAA,8BAGgB,KAAK,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC;AAAA;AAAA,kBAEpD,KAAK,SAAS,QACZ,kCAAkC,KAAK,SAAS,KAAK,WACrD,OAAO;AAAA,kBACT,KAAK,SAAS,KAAK,IAAI,CAAC,QAAQ,YAAY,IAAI,GAAG,KAAK,IAAI,KAAK,QAAQ,CAAC;AAAA,wBAE9E,OAAO;AAAA,YACT,KAAK,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAIxC;AACF;AA9Ja,mBACK,SAAS,CAAC,oBAAoB,gBAAgB;AAG9D,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAH1C,mBAIX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GAN3C,mBAOX,WAAA,eAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GATI,mBAUH,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAZI,mBAaH,WAAA,UAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GAfI,mBAgBH,WAAA,gBAAA,CAAA;AAhBG,qBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,kBAAA;AAsKN,SAAS,uBAA6B;AAC3C,MAAI,CAAC,eAAe,IAAI,sBAAsB,GAAG;AAC/C,mBAAe,OAAO,wBAAwB,kBAAkB;AAAA,EAClE;AACF;AAEA,qBAAA;"}

package/dist/components/treemap-chart/index.d.ts

@@ -0,0 +1,5 @@
+export { Ui9000TreemapChart, registerTreemapChart, } from './element/ui9000-treemap-chart.js';
+export { renderTreemapChart, type RenderTreemapChartOptions, type TreemapHoverPayload, } from './render/index.js';
+export { formatTreemapValue, hasLightColor, normalizeTreemapData, treemapColorForValue, treemapGridTemplate, treemapRangeColors, treemapValueRanges, type TreemapChartData, type TreemapGridTemplate, type TreemapGroupCard, type TreemapMode, type TreemapModel, type TreemapPoint, type TreemapSeries, type TreemapTile, } from './lib/index.js';
+export { default as treemapChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/treemap-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/treemap-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,kBAAkB,EAClB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/treemap-chart/index.js

@@ -0,0 +1,22 @@
+import { registerTreemapChart } from "./element/ui9000-treemap-chart.js";
+import { Ui9000TreemapChart } from "./element/ui9000-treemap-chart.js";
+import { default as default2 } from "./metadata.json.js";
+import { formatTreemapValue } from "./lib/format.js";
+import { hasLightColor, treemapColorForValue, treemapRangeColors, treemapValueRanges } from "./lib/color.js";
+import { normalizeTreemapData } from "./lib/normalize.js";
+import { renderTreemapChart } from "./render/draw.js";
+import { treemapGridTemplate } from "./lib/layout.js";
+export {
+  Ui9000TreemapChart,
+  formatTreemapValue,
+  hasLightColor,
+  normalizeTreemapData,
+  registerTreemapChart,
+  renderTreemapChart,
+  default2 as treemapChartMetadata,
+  treemapColorForValue,
+  treemapGridTemplate,
+  treemapRangeColors,
+  treemapValueRanges
+};
+//# sourceMappingURL=index.js.map

package/dist/components/treemap-chart/index.js.map

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

package/dist/components/treemap-chart/lib/color.d.ts

@@ -0,0 +1,25 @@
+/** Mirrors client `lightenColor` — mix `amount` of white into the color. */
+export declare function lightenColor(color: string, amount: number): string;
+/** Mirrors client `darkenColor` — mix `amount` of black into the color. */
+export declare function darkenColor(color: string, amount: number): string;
+/**
+ * Mirrors client `getTreemapRangeColors` — seven shades of the group color,
+ * from +55% white (low band) to −35% black (high band).
+ */
+export declare function treemapRangeColors(baseColor: string): string[];
+/**
+ * Mirrors client `hasLightColor` — perceived brightness over white,
+ * so the label flips to dark text on pale tiles.
+ */
+export declare function hasLightColor(color: string): boolean;
+/**
+ * Band edges for the color ramp. Client uses the widget `palette.range` when it
+ * carries at least two stops, otherwise `[0, ...generateBreakPoints(sorted)]`.
+ */
+export declare function treemapValueRanges(values: number[], paletteRange?: number[] | null): number[];
+/**
+ * Mirrors client `baseGetColorByValue` — the band whose `[start, end)` window
+ * holds the value (the last band is inclusive), clamped to the ramp ends.
+ */
+export declare function treemapColorForValue(value: number | undefined, ranges: number[], rangeColors: string[], baseColor: string): string;
+//# sourceMappingURL=color.d.ts.map

package/dist/components/treemap-chart/lib/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/components/treemap-chart/lib/color.ts"],"names":[],"mappings":"AA0BA,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAGlE;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAGjE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAQ9D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAGpD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,MAAM,EAAE,CAI7F;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,MAAM,EAAE,MAAM,EAAE,EAChB,WAAW,EAAE,MAAM,EAAE,EACrB,SAAS,EAAE,MAAM,GAChB,MAAM,CAmBR"}

package/dist/components/treemap-chart/lib/color.js

@@ -0,0 +1,67 @@
+import { generateBreakPoints } from "../../../utils/fuse-palette.js";
+import { FD } from "../../../utils/fusedash-visual.js";
+function channels(hex) {
+  let clean = hex.replace("#", "");
+  if (clean.length === 3) {
+    clean = clean.split("").map((c) => c + c).join("");
+  }
+  return [
+    parseInt(clean.slice(0, 2), 16) || 0,
+    parseInt(clean.slice(2, 4), 16) || 0,
+    parseInt(clean.slice(4, 6), 16) || 0
+  ];
+}
+function toHex(r, g, b) {
+  const part = (v) => Math.max(0, Math.min(255, Math.round(v))).toString(16).padStart(2, "0");
+  return `#${part(r)}${part(g)}${part(b)}`;
+}
+function lightenColor(color, amount) {
+  const [r, g, b] = channels(color);
+  return toHex(r + (255 - r) * amount, g + (255 - g) * amount, b + (255 - b) * amount);
+}
+function darkenColor(color, amount) {
+  const [r, g, b] = channels(color);
+  return toHex(r * (1 - amount), g * (1 - amount), b * (1 - amount));
+}
+function treemapRangeColors(baseColor) {
+  const steps = FD.treemapRangeSteps;
+  const min = FD.treemapRangeMinShift;
+  const max = FD.treemapRangeMaxShift;
+  return Array.from({ length: steps }, (_, i) => {
+    const shift = min + (max - min) * (i / (steps - 1));
+    return shift < 0 ? darkenColor(baseColor, Math.abs(shift)) : lightenColor(baseColor, shift);
+  });
+}
+function hasLightColor(color) {
+  const [r, g, b] = channels(color);
+  return (r * 299 + g * 587 + b * 114) / 1e3 > 140;
+}
+function treemapValueRanges(values, paletteRange) {
+  if (Array.isArray(paletteRange) && paletteRange.length >= 2) return paletteRange;
+  const sorted = [...values].sort((a, b) => a - b);
+  return [0, ...generateBreakPoints(sorted)];
+}
+function treemapColorForValue(value, ranges, rangeColors, baseColor) {
+  const fallback = rangeColors[0] ?? baseColor;
+  if (typeof value !== "number" || !Number.isFinite(value)) return fallback;
+  if (ranges.length < 2) return fallback;
+  const lastIndex = ranges.length - 2;
+  const idx = ranges.slice(0, -1).findIndex((start, i) => {
+    const end = ranges[i + 1];
+    return i === lastIndex ? value >= start && value <= end : value >= start && value < end;
+  });
+  const lastColorIndex = Math.max(0, rangeColors.length - 1);
+  if (idx === -1) {
+    return value > ranges[ranges.length - 1] ? rangeColors[lastColorIndex] ?? baseColor : fallback;
+  }
+  return rangeColors[Math.min(idx, lastColorIndex)] ?? baseColor;
+}
+export {
+  darkenColor,
+  hasLightColor,
+  lightenColor,
+  treemapColorForValue,
+  treemapRangeColors,
+  treemapValueRanges
+};
+//# sourceMappingURL=color.js.map

package/dist/components/treemap-chart/lib/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sources":["../../../../src/components/treemap-chart/lib/color.ts"],"sourcesContent":["import { generateBreakPoints } from '../../../utils/fuse-palette.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\n\nfunction channels(hex: string): [number, number, number] {\n  let clean = hex.replace('#', '');\n  if (clean.length === 3) {\n    clean = clean\n      .split('')\n      .map((c) => c + c)\n      .join('');\n  }\n  return [\n    parseInt(clean.slice(0, 2), 16) || 0,\n    parseInt(clean.slice(2, 4), 16) || 0,\n    parseInt(clean.slice(4, 6), 16) || 0,\n  ];\n}\n\nfunction toHex(r: number, g: number, b: number): string {\n  const part = (v: number) =>\n    Math.max(0, Math.min(255, Math.round(v)))\n      .toString(16)\n      .padStart(2, '0');\n  return `#${part(r)}${part(g)}${part(b)}`;\n}\n\n/** Mirrors client `lightenColor` — mix `amount` of white into the color. */\nexport function lightenColor(color: string, amount: number): string {\n  const [r, g, b] = channels(color);\n  return toHex(r + (255 - r) * amount, g + (255 - g) * amount, b + (255 - b) * amount);\n}\n\n/** Mirrors client `darkenColor` — mix `amount` of black into the color. */\nexport function darkenColor(color: string, amount: number): string {\n  const [r, g, b] = channels(color);\n  return toHex(r * (1 - amount), g * (1 - amount), b * (1 - amount));\n}\n\n/**\n * Mirrors client `getTreemapRangeColors` — seven shades of the group color,\n * from +55% white (low band) to −35% black (high band).\n */\nexport function treemapRangeColors(baseColor: string): string[] {\n  const steps = FD.treemapRangeSteps;\n  const min = FD.treemapRangeMinShift;\n  const max = FD.treemapRangeMaxShift;\n  return Array.from({ length: steps }, (_, i) => {\n    const shift = min + (max - min) * (i / (steps - 1));\n    return shift < 0 ? darkenColor(baseColor, Math.abs(shift)) : lightenColor(baseColor, shift);\n  });\n}\n\n/**\n * Mirrors client `hasLightColor` — perceived brightness over white,\n * so the label flips to dark text on pale tiles.\n */\nexport function hasLightColor(color: string): boolean {\n  const [r, g, b] = channels(color);\n  return (r * 299 + g * 587 + b * 114) / 1000 > 140;\n}\n\n/**\n * Band edges for the color ramp. Client uses the widget `palette.range` when it\n * carries at least two stops, otherwise `[0, ...generateBreakPoints(sorted)]`.\n */\nexport function treemapValueRanges(values: number[], paletteRange?: number[] | null): number[] {\n  if (Array.isArray(paletteRange) && paletteRange.length >= 2) return paletteRange;\n  const sorted = [...values].sort((a, b) => a - b);\n  return [0, ...generateBreakPoints(sorted)];\n}\n\n/**\n * Mirrors client `baseGetColorByValue` — the band whose `[start, end)` window\n * holds the value (the last band is inclusive), clamped to the ramp ends.\n */\nexport function treemapColorForValue(\n  value: number | undefined,\n  ranges: number[],\n  rangeColors: string[],\n  baseColor: string,\n): string {\n  const fallback = rangeColors[0] ?? baseColor;\n  if (typeof value !== 'number' || !Number.isFinite(value)) return fallback;\n  if (ranges.length < 2) return fallback;\n\n  const lastIndex = ranges.length - 2;\n  const idx = ranges.slice(0, -1).findIndex((start, i) => {\n    const end = ranges[i + 1];\n    return i === lastIndex ? value >= start && value <= end : value >= start && value < end;\n  });\n  const lastColorIndex = Math.max(0, rangeColors.length - 1);\n\n  if (idx === -1) {\n    return value > ranges[ranges.length - 1]\n      ? (rangeColors[lastColorIndex] ?? baseColor)\n      : fallback;\n  }\n\n  return rangeColors[Math.min(idx, lastColorIndex)] ?? baseColor;\n}\n"],"names":[],"mappings":";;AAGA,SAAS,SAAS,KAAuC;AACvD,MAAI,QAAQ,IAAI,QAAQ,KAAK,EAAE;AAC/B,MAAI,MAAM,WAAW,GAAG;AACtB,YAAQ,MACL,MAAM,EAAE,EACR,IAAI,CAAC,MAAM,IAAI,CAAC,EAChB,KAAK,EAAE;AAAA,EACZ;AACA,SAAO;AAAA,IACL,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,KAAK;AAAA,IACnC,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,KAAK;AAAA,IACnC,SAAS,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,KAAK;AAAA,EAAA;AAEvC;AAEA,SAAS,MAAM,GAAW,GAAW,GAAmB;AACtD,QAAM,OAAO,CAAC,MACZ,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,EACX,SAAS,GAAG,GAAG;AACpB,SAAO,IAAI,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;AACxC;AAGO,SAAS,aAAa,OAAe,QAAwB;AAClE,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,SAAS,KAAK;AAChC,SAAO,MAAM,KAAK,MAAM,KAAK,QAAQ,KAAK,MAAM,KAAK,QAAQ,KAAK,MAAM,KAAK,MAAM;AACrF;AAGO,SAAS,YAAY,OAAe,QAAwB;AACjE,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,SAAS,KAAK;AAChC,SAAO,MAAM,KAAK,IAAI,SAAS,KAAK,IAAI,SAAS,KAAK,IAAI,OAAO;AACnE;AAMO,SAAS,mBAAmB,WAA6B;AAC9D,QAAM,QAAQ,GAAG;AACjB,QAAM,MAAM,GAAG;AACf,QAAM,MAAM,GAAG;AACf,SAAO,MAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,GAAG,MAAM;AAC7C,UAAM,QAAQ,OAAO,MAAM,QAAQ,KAAK,QAAQ;AAChD,WAAO,QAAQ,IAAI,YAAY,WAAW,KAAK,IAAI,KAAK,CAAC,IAAI,aAAa,WAAW,KAAK;AAAA,EAC5F,CAAC;AACH;AAMO,SAAS,cAAc,OAAwB;AACpD,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,SAAS,KAAK;AAChC,UAAQ,IAAI,MAAM,IAAI,MAAM,IAAI,OAAO,MAAO;AAChD;AAMO,SAAS,mBAAmB,QAAkB,cAA0C;AAC7F,MAAI,MAAM,QAAQ,YAAY,KAAK,aAAa,UAAU,EAAG,QAAO;AACpE,QAAM,SAAS,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAC/C,SAAO,CAAC,GAAG,GAAG,oBAAoB,MAAM,CAAC;AAC3C;AAMO,SAAS,qBACd,OACA,QACA,aACA,WACQ;AACR,QAAM,WAAW,YAAY,CAAC,KAAK;AACnC,MAAI,OAAO,UAAU,YAAY,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACjE,MAAI,OAAO,SAAS,EAAG,QAAO;AAE9B,QAAM,YAAY,OAAO,SAAS;AAClC,QAAM,MAAM,OAAO,MAAM,GAAG,EAAE,EAAE,UAAU,CAAC,OAAO,MAAM;AACtD,UAAM,MAAM,OAAO,IAAI,CAAC;AACxB,WAAO,MAAM,YAAY,SAAS,SAAS,SAAS,MAAM,SAAS,SAAS,QAAQ;AAAA,EACtF,CAAC;AACD,QAAM,iBAAiB,KAAK,IAAI,GAAG,YAAY,SAAS,CAAC;AAEzD,MAAI,QAAQ,IAAI;AACd,WAAO,QAAQ,OAAO,OAAO,SAAS,CAAC,IAClC,YAAY,cAAc,KAAK,YAChC;AAAA,EACN;AAEA,SAAO,YAAY,KAAK,IAAI,KAAK,cAAc,CAAC,KAAK;AACvD;"}

package/dist/components/treemap-chart/lib/format.d.ts

@@ -0,0 +1,7 @@
+import { TreemapMode } from './types.js';
+/**
+ * Tile and tooltip value. FuseDash formats the single treemap with
+ * `formatCompactNumber(value, 2)` and each grouped card with `toFixed(2)`.
+ */
+export declare function formatTreemapValue(value: number, mode: TreemapMode): string;
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/treemap-chart/lib/format.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,CAG3E"}

package/dist/components/treemap-chart/lib/format.js

@@ -0,0 +1,9 @@
+import { formatCompactNumber } from "../../../utils/fusedash-visual.js";
+function formatTreemapValue(value, mode) {
+  if (!Number.isFinite(value)) return "";
+  return mode === "grouped" ? value.toFixed(2) : formatCompactNumber(value, 2);
+}
+export {
+  formatTreemapValue
+};
+//# sourceMappingURL=format.js.map

package/dist/components/treemap-chart/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/treemap-chart/lib/format.ts"],"sourcesContent":["import { formatCompactNumber } from '../../../utils/fusedash-visual.js';\nimport type { TreemapMode } from './types.js';\n\n/**\n * Tile and tooltip value. FuseDash formats the single treemap with\n * `formatCompactNumber(value, 2)` and each grouped card with `toFixed(2)`.\n */\nexport function formatTreemapValue(value: number, mode: TreemapMode): string {\n  if (!Number.isFinite(value)) return '';\n  return mode === 'grouped' ? value.toFixed(2) : formatCompactNumber(value, 2);\n}\n"],"names":[],"mappings":";AAOO,SAAS,mBAAmB,OAAe,MAA2B;AAC3E,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,SAAS,YAAY,MAAM,QAAQ,CAAC,IAAI,oBAAoB,OAAO,CAAC;AAC7E;"}

package/dist/components/treemap-chart/lib/index.d.ts

@@ -0,0 +1,6 @@
+export { normalizeTreemapData } from './normalize.js';
+export { darkenColor, hasLightColor, lightenColor, treemapColorForValue, treemapRangeColors, treemapValueRanges, } from './color.js';
+export { treemapGridTemplate, type TreemapGridTemplate } from './layout.js';
+export { formatTreemapValue } from './format.js';
+export type { TreemapChartData, TreemapGroupCard, TreemapLabelValue, TreemapMode, TreemapModel, TreemapPoint, TreemapSeries, TreemapTile, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/treemap-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,mBAAmB,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,WAAW,GACZ,MAAM,YAAY,CAAC"}

package/dist/components/treemap-chart/lib/layout.d.ts

@@ -0,0 +1,18 @@
+export interface TreemapGridTemplate {
+    /** `grid-template-areas` value; cards claim `_1`… in order */
+    areas: string;
+    /** `grid-template-rows` value — always explicit, so every row gets space */
+    rows: string;
+}
+/**
+ * Mirrors client `Treemap/style.ts getGridArea` — the grouped treemap packs 1–5
+ * cards into a fixed mosaic and falls back to a single column beyond that.
+ * Column count is implied by the areas string, exactly as in the client.
+ *
+ * Two fixes on top of the client: rows are explicit fractions (the client's
+ * `auto` rows collapse around the cards' zero-height plots), and the >5
+ * fallback emits one row per card with a height floor instead of a fixed 18,
+ * so a long list scrolls instead of being squashed into the top sliver.
+ */
+export declare function treemapGridTemplate(itemsCount: number): TreemapGridTemplate;
+//# sourceMappingURL=layout.d.ts.map

package/dist/components/treemap-chart/lib/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/components/treemap-chart/lib/layout.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAW3E"}

package/dist/components/treemap-chart/lib/layout.js

@@ -0,0 +1,31 @@
+import { FD } from "../../../utils/fusedash-visual.js";
+function treemapGridTemplate(itemsCount) {
+  const areas = gridAreas(itemsCount);
+  if (itemsCount > 5) {
+    return {
+      areas,
+      rows: `repeat(${itemsCount}, minmax(${FD.treemapCardMinHeight}px, 1fr))`
+    };
+  }
+  return { areas, rows: `repeat(${areas.split('"').length >> 1}, 1fr)` };
+}
+function gridAreas(itemsCount) {
+  switch (itemsCount) {
+    case 1:
+      return '"_1"';
+    case 2:
+      return '"_1 _2"';
+    case 3:
+      return '"_1 _1 _2" "_1 _1 _3"';
+    case 4:
+      return '"_1 _2" "_1 _2" "_3 _4"';
+    case 5:
+      return '"_1 _1 _2" "_1 _1 _2" "_3 _4 _5"';
+    default:
+      return Array.from({ length: itemsCount }, (_, i) => `"_${i + 1}"`).join(" ");
+  }
+}
+export {
+  treemapGridTemplate
+};
+//# sourceMappingURL=layout.js.map

package/dist/components/treemap-chart/lib/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../../src/components/treemap-chart/lib/layout.ts"],"sourcesContent":["import { FD } from '../../../utils/fusedash-visual.js';\n\nexport interface TreemapGridTemplate {\n  /** `grid-template-areas` value; cards claim `_1`… in order */\n  areas: string;\n  /** `grid-template-rows` value — always explicit, so every row gets space */\n  rows: string;\n}\n\n/**\n * Mirrors client `Treemap/style.ts getGridArea` — the grouped treemap packs 1–5\n * cards into a fixed mosaic and falls back to a single column beyond that.\n * Column count is implied by the areas string, exactly as in the client.\n *\n * Two fixes on top of the client: rows are explicit fractions (the client's\n * `auto` rows collapse around the cards' zero-height plots), and the >5\n * fallback emits one row per card with a height floor instead of a fixed 18,\n * so a long list scrolls instead of being squashed into the top sliver.\n */\nexport function treemapGridTemplate(itemsCount: number): TreemapGridTemplate {\n  const areas = gridAreas(itemsCount);\n  if (itemsCount > 5) {\n    return {\n      areas,\n      rows: `repeat(${itemsCount}, minmax(${FD.treemapCardMinHeight}px, 1fr))`,\n    };\n  }\n  // Rows must be explicit fractions: the cards' plots have no intrinsic height,\n  // so `auto` tracks collapse the bottom row of the mosaic to its header.\n  return { areas, rows: `repeat(${areas.split('\"').length >> 1}, 1fr)` };\n}\n\nfunction gridAreas(itemsCount: number): string {\n  switch (itemsCount) {\n    case 1:\n      return '\"_1\"';\n    case 2:\n      return '\"_1 _2\"';\n    case 3:\n      return '\"_1 _1 _2\" \"_1 _1 _3\"';\n    case 4:\n      return '\"_1 _2\" \"_1 _2\" \"_3 _4\"';\n    case 5:\n      return '\"_1 _1 _2\" \"_1 _1 _2\" \"_3 _4 _5\"';\n    default:\n      return Array.from({ length: itemsCount }, (_, i) => `\"_${i + 1}\"`).join(' ');\n  }\n}\n"],"names":[],"mappings":";AAmBO,SAAS,oBAAoB,YAAyC;AAC3E,QAAM,QAAQ,UAAU,UAAU;AAClC,MAAI,aAAa,GAAG;AAClB,WAAO;AAAA,MACL;AAAA,MACA,MAAM,UAAU,UAAU,YAAY,GAAG,oBAAoB;AAAA,IAAA;AAAA,EAEjE;AAGA,SAAO,EAAE,OAAO,MAAM,UAAU,MAAM,MAAM,GAAG,EAAE,UAAU,CAAC,SAAA;AAC9D;AAEA,SAAS,UAAU,YAA4B;AAC7C,UAAQ,YAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO,MAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE,KAAK,GAAG;AAAA,EAAA;AAEjF;"}

package/dist/components/treemap-chart/lib/normalize.d.ts

@@ -0,0 +1,4 @@
+import { TreemapChartData, TreemapModel } from './types.js';
+/** Normalize chat payloads and FuseDash widget mocks into treemap leaves. */
+export declare function normalizeTreemapData(input: TreemapChartData): TreemapModel;
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/treemap-chart/lib/normalize.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,gBAAgB,EAGhB,YAAY,EAIb,MAAM,YAAY,CAAC;AAmOpB,6EAA6E;AAC7E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAkB1E"}

package/dist/components/treemap-chart/lib/normalize.js

@@ -0,0 +1,182 @@
+import { resolveFormattingColor } from "../../../utils/fuse-palette.js";
+import { seriesColor } from "../../../utils/fusedash-visual.js";
+import { isFuseWidgetPayload, firstField, rowsOf } from "../../../utils/fuse-widget.js";
+import { hasLightColor, treemapRangeColors, treemapValueRanges, treemapColorForValue } from "./color.js";
+const EMPTY = { mode: "single", tiles: [], groups: [], rangeColors: [] };
+function normalizeKey(raw) {
+  return displayLabel(raw).toLowerCase();
+}
+function displayLabel(raw) {
+  return String(raw ?? "").trim().replace(/\s+/g, " ");
+}
+function aggregateByCategory(rows, categoryKey, getValue) {
+  const byKey = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const raw = categoryKey ? row == null ? void 0 : row[categoryKey] : "";
+    const key = normalizeKey(raw);
+    const existing = byKey.get(key);
+    if (existing) {
+      existing.value += getValue(row);
+    } else {
+      byKey.set(key, { key, label: displayLabel(raw), value: getValue(row) });
+    }
+  }
+  return [...byKey.values()].sort((a, b) => b.value - a.value || a.label.localeCompare(b.label));
+}
+function tilesFrom(entries, baseColor, paletteRange) {
+  const rangeColors = treemapRangeColors(baseColor);
+  const ranges = treemapValueRanges(
+    entries.map((entry) => entry.value),
+    paletteRange
+  );
+  const tiles = entries.map((entry) => {
+    const color = treemapColorForValue(entry.value, ranges, rangeColors, baseColor);
+    return {
+      key: entry.key,
+      label: entry.label,
+      value: entry.value,
+      color,
+      lightFill: hasLightColor(color)
+    };
+  });
+  return { tiles, rangeColors };
+}
+function singleBaseColor(formatting) {
+  return resolveFormattingColor(formatting, "default", (formatting == null ? void 0 : formatting.length) ?? 1);
+}
+function groupBaseColor(formatting, groupLabel) {
+  if (!(formatting == null ? void 0 : formatting.length) || !groupLabel) {
+    return resolveFormattingColor([{ key: "default", color: "1" }], "default", 1);
+  }
+  const matched = formatting.filter((entry) => String(entry.key) === groupLabel);
+  if (!matched.length) return resolveFormattingColor(void 0, "default", 1);
+  return resolveFormattingColor(matched, String(matched[0].key ?? "default"), 1);
+}
+function toNumber(value) {
+  const n = Number(value);
+  return Number.isFinite(n) ? n : 0;
+}
+function fromFuseWidget(widget) {
+  var _a;
+  const categoryField = firstField(widget.groupBy ?? void 0) ?? firstField(widget.xAxe ?? void 0);
+  const valueField = firstField(widget.metric ?? void 0) ?? firstField(widget.yAxe ?? void 0);
+  const rawSubgroup = widget.subgroup ? String(widget.subgroup) : void 0;
+  const subgroupField = rawSubgroup && rawSubgroup !== categoryField ? rawSubgroup : void 0;
+  const rows = rowsOf(widget);
+  const getValue = (row) => valueField ? toNumber(row == null ? void 0 : row[valueField]) : 0;
+  const axisDetails = widget.axisDetails ?? void 0;
+  const paletteRange = (_a = widget.palette) == null ? void 0 : _a.range;
+  if (!subgroupField) {
+    const entries = categoryField ? aggregateByCategory(rows, categoryField, getValue) : (
+      // Without a category dimension the client keeps the raw per-row nodes.
+      rows.map((row, i) => ({ key: String(i), label: "", value: getValue(row) }))
+    );
+    const { tiles, rangeColors } = tilesFrom(entries, singleBaseColor(widget.formatting), paletteRange);
+    return {
+      mode: "single",
+      tiles,
+      groups: [],
+      rangeColors,
+      categoryField,
+      valueField,
+      axisDetails
+    };
+  }
+  const grouped = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    if (!categoryField) continue;
+    const label = displayLabel(row == null ? void 0 : row[categoryField]);
+    if (!label) continue;
+    const key = label.toLowerCase();
+    const bucket = grouped.get(key);
+    if (bucket) bucket.rows.push(row);
+    else grouped.set(key, { label, rows: [row] });
+  }
+  const groups = [...grouped.entries()].sort(([, a], [, b]) => a.label.localeCompare(b.label)).map(([key, { label, rows: groupRows }]) => ({
+    key,
+    label,
+    tiles: tilesFrom(
+      aggregateByCategory(groupRows, subgroupField, getValue),
+      groupBaseColor(widget.formatting, label),
+      paletteRange
+    ).tiles
+  }));
+  return {
+    mode: "grouped",
+    tiles: [],
+    groups,
+    rangeColors: [],
+    categoryField,
+    valueField,
+    subgroupField,
+    axisDetails
+  };
+}
+function fromLabelValue(rows) {
+  const entries = rows.map((row) => ({
+    key: normalizeKey(row.label),
+    label: displayLabel(row.label),
+    value: Number(row.value)
+  })).filter((row) => Number.isFinite(row.value));
+  if (!entries.length) return EMPTY;
+  const { tiles, rangeColors } = tilesFrom(
+    entries.sort((a, b) => b.value - a.value || a.label.localeCompare(b.label)),
+    singleBaseColor(void 0)
+  );
+  const overrides = new Map(
+    rows.filter((row) => row.color).map((row) => [normalizeKey(row.label), row.color])
+  );
+  return {
+    mode: "single",
+    tiles: tiles.map((tile) => {
+      const override = overrides.get(tile.key);
+      return override ? { ...tile, color: override, lightFill: hasLightColor(override) } : tile;
+    }),
+    groups: [],
+    rangeColors
+  };
+}
+function fromPoints(points) {
+  return fromLabelValue(points.map((point) => ({ label: String(point.x), value: Number(point.y) })));
+}
+function fromSeries(series) {
+  const groups = series.map((entry, index) => {
+    const label = entry.name ?? entry.id;
+    const entries = aggregateByCategory(
+      entry.points ?? [],
+      "x",
+      (row) => toNumber(row.y)
+    );
+    return {
+      key: normalizeKey(label),
+      label: displayLabel(label),
+      tiles: tilesFrom(entries, entry.color ?? seriesColor(index)).tiles
+    };
+  }).filter((group) => group.tiles.length > 0);
+  if (!groups.length) return EMPTY;
+  return { mode: "grouped", tiles: [], groups, rangeColors: [] };
+}
+function isLabelValueArray(input) {
+  if (!Array.isArray(input) || !input.length) return false;
+  const first = input[0];
+  return first != null && typeof first === "object" && "label" in first && "value" in first;
+}
+function normalizeTreemapData(input) {
+  if (!input) return EMPTY;
+  if (Array.isArray(input)) {
+    return isLabelValueArray(input) ? fromLabelValue(input) : EMPTY;
+  }
+  if (isFuseWidgetPayload(input)) return fromFuseWidget(input);
+  const shorthand = input;
+  if (Array.isArray(shorthand.series) && shorthand.series.length) {
+    return fromSeries(shorthand.series);
+  }
+  if (Array.isArray(shorthand.points) && shorthand.points.length) {
+    return fromPoints(shorthand.points);
+  }
+  return EMPTY;
+}
+export {
+  normalizeTreemapData
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/treemap-chart/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/treemap-chart/lib/normalize.ts"],"sourcesContent":["import { resolveFormattingColor, type FuseFormattingEntry } from '../../../utils/fuse-palette.js';\nimport { seriesColor } from '../../../utils/fusedash-visual.js';\nimport {\n  firstField,\n  isFuseWidgetPayload,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport {\n  hasLightColor,\n  treemapColorForValue,\n  treemapRangeColors,\n  treemapValueRanges,\n} from './color.js';\nimport type {\n  TreemapChartData,\n  TreemapGroupCard,\n  TreemapLabelValue,\n  TreemapModel,\n  TreemapPoint,\n  TreemapSeries,\n  TreemapTile,\n} from './types.js';\n\ntype RawRow = Record<string, unknown>;\n\nconst EMPTY: TreemapModel = { mode: 'single', tiles: [], groups: [], rangeColors: [] };\n\n/** Client `normalizeCategoryKey` — case- and whitespace-insensitive group key. */\nfunction normalizeKey(raw: unknown): string {\n  return displayLabel(raw).toLowerCase();\n}\n\n/** First-seen trimmed spelling, kept for display (client `aggregateByCategory`). */\nfunction displayLabel(raw: unknown): string {\n  return String(raw ?? '')\n    .trim()\n    .replace(/\\s+/g, ' ');\n}\n\ntype Aggregate = { key: string; label: string; value: number };\n\n/**\n * Mirrors client `aggregateByCategory`: one entry per normalized category with\n * the metric summed, sorted by value desc then label asc so the layout is\n * stable whatever order the payload arrives in (FUS-3836 / FUS-3868).\n */\nfunction aggregateByCategory(\n  rows: RawRow[],\n  categoryKey: string | undefined,\n  getValue: (row: RawRow) => number,\n): Aggregate[] {\n  const byKey = new Map<string, Aggregate>();\n  for (const row of rows) {\n    const raw = categoryKey ? row?.[categoryKey] : '';\n    const key = normalizeKey(raw);\n    const existing = byKey.get(key);\n    if (existing) {\n      existing.value += getValue(row);\n    } else {\n      byKey.set(key, { key, label: displayLabel(raw), value: getValue(row) });\n    }\n  }\n  return [...byKey.values()].sort((a, b) => b.value - a.value || a.label.localeCompare(b.label));\n}\n\n/** Paint one set of leaves with the seven magnitude bands of `baseColor`. */\nfunction tilesFrom(\n  entries: Aggregate[],\n  baseColor: string,\n  paletteRange?: number[] | null,\n): { tiles: TreemapTile[]; rangeColors: string[] } {\n  const rangeColors = treemapRangeColors(baseColor);\n  const ranges = treemapValueRanges(\n    entries.map((entry) => entry.value),\n    paletteRange,\n  );\n  const tiles = entries.map((entry) => {\n    const color = treemapColorForValue(entry.value, ranges, rangeColors, baseColor);\n    return {\n      key: entry.key,\n      label: entry.label,\n      value: entry.value,\n      color,\n      lightFill: hasLightColor(color),\n    };\n  });\n  return { tiles, rangeColors };\n}\n\n/**\n * Client `TreemapSingle` reads the widget's own formatting and asks for the\n * `default` key, so a single-dimension treemap always ramps one palette color.\n */\nfunction singleBaseColor(formatting: FuseFormattingEntry[] | null | undefined): string {\n  return resolveFormattingColor(formatting, 'default', formatting?.length ?? 1);\n}\n\n/**\n * Client `getFormattingByGroupName` narrows formatting to the entry matching the\n * group, so each card ramps its own qualitative color. A group with no matching\n * entry falls back to the default palette color (the client's own fallback there\n * is a raw blue, which reads as a rendering bug in chat).\n */\nfunction groupBaseColor(\n  formatting: FuseFormattingEntry[] | null | undefined,\n  groupLabel: string,\n): string {\n  if (!formatting?.length || !groupLabel) {\n    return resolveFormattingColor([{ key: 'default', color: '1' }], 'default', 1);\n  }\n  const matched = formatting.filter((entry) => String(entry.key) === groupLabel);\n  if (!matched.length) return resolveFormattingColor(undefined, 'default', 1);\n  return resolveFormattingColor(matched, String(matched[0].key ?? 'default'), 1);\n}\n\nfunction toNumber(value: unknown): number {\n  const n = Number(value);\n  return Number.isFinite(n) ? n : 0;\n}\n\nfunction fromFuseWidget(widget: FuseWidgetLike): TreemapModel {\n  const categoryField = firstField(widget.groupBy ?? undefined) ?? firstField(widget.xAxe ?? undefined);\n  const valueField = firstField(widget.metric ?? undefined) ?? firstField(widget.yAxe ?? undefined);\n  const rawSubgroup = widget.subgroup ? String(widget.subgroup) : undefined;\n  // Grouped only makes sense with a *second*, distinct dimension to nest —\n  // otherwise the area-by-value encoding is lost to equal-height bands (FUS-3868).\n  const subgroupField =\n    rawSubgroup && rawSubgroup !== categoryField ? rawSubgroup : undefined;\n\n  const rows = rowsOf(widget);\n  const getValue = (row: RawRow) => (valueField ? toNumber(row?.[valueField]) : 0);\n  const axisDetails = widget.axisDetails ?? undefined;\n  const paletteRange = widget.palette?.range;\n\n  if (!subgroupField) {\n    const entries = categoryField\n      ? aggregateByCategory(rows, categoryField, getValue)\n      : // Without a category dimension the client keeps the raw per-row nodes.\n        rows.map((row, i) => ({ key: String(i), label: '', value: getValue(row) }));\n    const { tiles, rangeColors } = tilesFrom(entries, singleBaseColor(widget.formatting), paletteRange);\n    return {\n      mode: 'single',\n      tiles,\n      groups: [],\n      rangeColors,\n      categoryField,\n      valueField,\n      axisDetails,\n    };\n  }\n\n  const grouped = new Map<string, { label: string; rows: RawRow[] }>();\n  for (const row of rows) {\n    if (!categoryField) continue;\n    const label = displayLabel(row?.[categoryField]);\n    if (!label) continue;\n    const key = label.toLowerCase();\n    const bucket = grouped.get(key);\n    if (bucket) bucket.rows.push(row);\n    else grouped.set(key, { label, rows: [row] });\n  }\n\n  const groups: TreemapGroupCard[] = [...grouped.entries()]\n    .sort(([, a], [, b]) => a.label.localeCompare(b.label))\n    .map(([key, { label, rows: groupRows }]) => ({\n      key,\n      label,\n      tiles: tilesFrom(\n        aggregateByCategory(groupRows, subgroupField, getValue),\n        groupBaseColor(widget.formatting, label),\n        paletteRange,\n      ).tiles,\n    }));\n\n  return {\n    mode: 'grouped',\n    tiles: [],\n    groups,\n    rangeColors: [],\n    categoryField,\n    valueField,\n    subgroupField,\n    axisDetails,\n  };\n}\n\nfunction fromLabelValue(rows: TreemapLabelValue[]): TreemapModel {\n  const entries = rows\n    .map((row) => ({\n      key: normalizeKey(row.label),\n      label: displayLabel(row.label),\n      value: Number(row.value),\n    }))\n    .filter((row) => Number.isFinite(row.value));\n  if (!entries.length) return EMPTY;\n\n  const { tiles, rangeColors } = tilesFrom(\n    entries.sort((a, b) => b.value - a.value || a.label.localeCompare(b.label)),\n    singleBaseColor(undefined),\n  );\n  // An explicit per-row color wins over the magnitude band.\n  const overrides = new Map(\n    rows\n      .filter((row) => row.color)\n      .map((row) => [normalizeKey(row.label), row.color as string]),\n  );\n  return {\n    mode: 'single',\n    tiles: tiles.map((tile) => {\n      const override = overrides.get(tile.key);\n      return override ? { ...tile, color: override, lightFill: hasLightColor(override) } : tile;\n    }),\n    groups: [],\n    rangeColors,\n  };\n}\n\nfunction fromPoints(points: TreemapPoint[]): TreemapModel {\n  return fromLabelValue(points.map((point) => ({ label: String(point.x), value: Number(point.y) })));\n}\n\nfunction fromSeries(series: TreemapSeries[]): TreemapModel {\n  const groups = series\n    .map((entry, index): TreemapGroupCard => {\n      const label = entry.name ?? entry.id;\n      const entries = aggregateByCategory(\n        (entry.points ?? []) as unknown as RawRow[],\n        'x',\n        (row) => toNumber(row.y),\n      );\n      return {\n        key: normalizeKey(label),\n        label: displayLabel(label),\n        tiles: tilesFrom(entries, entry.color ?? seriesColor(index)).tiles,\n      };\n    })\n    .filter((group) => group.tiles.length > 0);\n\n  if (!groups.length) return EMPTY;\n  return { mode: 'grouped', tiles: [], groups, rangeColors: [] };\n}\n\nfunction isLabelValueArray(input: unknown): input is TreemapLabelValue[] {\n  if (!Array.isArray(input) || !input.length) return false;\n  const first = input[0] as RawRow;\n  return first != null && typeof first === 'object' && 'label' in first && 'value' in first;\n}\n\n/** Normalize chat payloads and FuseDash widget mocks into treemap leaves. */\nexport function normalizeTreemapData(input: TreemapChartData): TreemapModel {\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  const shorthand = input as { points?: TreemapPoint[]; series?: TreemapSeries[] };\n  if (Array.isArray(shorthand.series) && shorthand.series.length) {\n    return fromSeries(shorthand.series);\n  }\n  if (Array.isArray(shorthand.points) && shorthand.points.length) {\n    return fromPoints(shorthand.points);\n  }\n\n  return EMPTY;\n}\n"],"names":[],"mappings":"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"}

package/dist/components/treemap-chart/lib/types.d.ts

@@ -0,0 +1,63 @@
+import { FuseAxisDetail, FuseWidgetLike } from '../../../utils/fuse-widget.js';
+/**
+ * FuseDash routes on a *second* dimension: `subgroup` distinct from
+ * `groupBy[0]` renders one card per group (`TreemapGroup`), anything else
+ * renders a single area-proportional treemap (`TreemapSingle`). See FUS-3868.
+ */
+export type TreemapMode = 'single' | 'grouped';
+/** One leaf rectangle — area encodes `value`, fill encodes its magnitude band. */
+export interface TreemapTile {
+    /** Case/whitespace-normalized grouping key */
+    key: string;
+    /** Display label (first-seen trimmed spelling) */
+    label: string;
+    value: number;
+    color: string;
+    /** True when `color` is bright enough to need dark text (client `hasLightColor`) */
+    lightFill: boolean;
+}
+/** One card of the grouped treemap: a group header plus its subgroup tiles. */
+export interface TreemapGroupCard {
+    key: string;
+    label: string;
+    tiles: TreemapTile[];
+}
+export interface TreemapModel {
+    mode: TreemapMode;
+    /** Single mode leaves; empty in grouped mode */
+    tiles: TreemapTile[];
+    /** Grouped mode cards; empty in single mode */
+    groups: TreemapGroupCard[];
+    /** Sequential band colors, low → high — the palette legend in single mode */
+    rangeColors: string[];
+    /** FuseDash `groupBy[0] ?? xAxe[0]` — the category dimension */
+    categoryField?: string;
+    /** FuseDash `metric[0] ?? yAxe[0]` — the measured column */
+    valueField?: string;
+    /** FuseDash `subgroup` — the nested dimension, and each card's caption */
+    subgroupField?: string;
+    axisDetails?: Record<string, FuseAxisDetail>;
+}
+/** Chat shorthand: one tile per point. */
+export interface TreemapPoint {
+    x: string;
+    y: number;
+}
+/** Chat shorthand: one card per series, one tile per point. */
+export interface TreemapSeries {
+    id: string;
+    name?: string;
+    color?: string;
+    points: TreemapPoint[];
+}
+export type TreemapLabelValue = {
+    label: string;
+    value: number;
+    color?: string;
+};
+export type TreemapChartData = TreemapLabelValue[] | {
+    points: TreemapPoint[];
+} | {
+    series: TreemapSeries[];
+} | FuseWidgetLike | null | undefined;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/treemap-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpF;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/C,kFAAkF;AAClF,MAAM,WAAW,WAAW;IAC1B,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,+EAA+E;AAC/E,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,gDAAgD;IAChD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,+CAA+C;IAC/C,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,6EAA6E;IAC7E,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CAC9C;AAED,0CAA0C;AAC1C,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,+DAA+D;AAC/D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,EAAE,CAAC;CACxB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjF,MAAM,MAAM,gBAAgB,GACxB,iBAAiB,EAAE,GACnB;IAAE,MAAM,EAAE,YAAY,EAAE,CAAA;CAAE,GAC1B;IAAE,MAAM,EAAE,aAAa,EAAE,CAAA;CAAE,GAC3B,cAAc,GACd,IAAI,GACJ,SAAS,CAAC"}