@fusedashlabs/widgets 0.3.1 → 0.4.0

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

@@ -0,0 +1,35 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+export declare class Ui9000TreemapChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    showLegend: boolean;
+    showTooltip: boolean;
+    private _tooltip;
+    private _empty;
+    private _rangeColors;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * The palette legend only appears once the data is known, which shortens the
+     * plot — observing the plot box (not just the host) redraws it at the size it
+     * actually got.
+     */
+    firstUpdated(): void;
+    updated(changed: PropertyValues): void;
+    private scheduleDraw;
+    private parseData;
+    /** Client tooltip: `Value` plus the dimension the tile encodes. */
+    private tooltipFor;
+    private draw;
+    private renderLegend;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-treemap-chart': Ui9000TreemapChart;
+    }
+}
+export declare function registerTreemapChart(): void;
+//# sourceMappingURL=ui9000-treemap-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-treemap-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/treemap-chart/element/ui9000-treemap-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAa7F,qBACa,kBAAmB,SAAQ,kBAAkB;IACxD,OAAgB,MAAM,4BAA0C;IAGhE,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAA6E;IAG7F,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,YAAY,CAAgB;IAEpC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAMrC;;;;OAIG;IACM,YAAY,IAAI,IAAI;IAKpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,mEAAmE;IACnE,OAAO,CAAC,UAAU;IA4BlB,OAAO,CAAC,IAAI;IAyCZ,OAAO,CAAC,YAAY;IAKX,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAI3C"}

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

@@ -0,0 +1,177 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { readThemeFromElement } from "../../../context/widget-context.js";
+import { renderPaletteLegend } from "../../../element/chart-legend-render.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { parseJsonAttr, getTreemapDimensions } from "../../../utils/chart-helpers.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { formatValueWithUnit } from "../../../utils/axis-units.js";
+import { formatCapitalizedText, formatCapitalizedWords } from "../../../utils/format-text.js";
+import { formatTreemapValue } from "../lib/format.js";
+import { normalizeTreemapData } from "../lib/normalize.js";
+import { renderTreemapChart } from "../render/draw.js";
+import { treemapChartStyles } from "./styles.js";
+import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000TreemapChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.showLegend = true;
+    this.showTooltip = true;
+    this._tooltip = null;
+    this._empty = false;
+    this._rangeColors = [];
+    this._raf = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());
+    this._resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
+    cancelAnimationFrame(this._raf);
+    super.disconnectedCallback();
+  }
+  /**
+   * The palette legend only appears once the data is known, which shortens the
+   * plot — observing the plot box (not just the host) redraws it at the size it
+   * actually got.
+   */
+  firstUpdated() {
+    var _a, _b;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (root) (_b = this._resizeObserver) == null ? void 0 : _b.observe(root);
+  }
+  updated(changed) {
+    if (chartPropsChanged(changed)) this.scheduleDraw();
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseData() {
+    const raw = parseJsonAttr(this.dataJson, null);
+    return normalizeTreemapData(raw);
+  }
+  /** Client tooltip: `Value` plus the dimension the tile encodes. */
+  tooltipFor(model, payload) {
+    var _a;
+    const { tile, group } = payload;
+    const rows = [
+      { key: "Value", value: formatTreemapValue(tile.value, model.mode) }
+    ];
+    if (model.mode === "grouped") {
+      if (group && model.categoryField) {
+        rows.push({ key: formatCapitalizedText(model.categoryField), value: group.label });
+      }
+      return { title: formatCapitalizedWords(tile.label), rows };
+    }
+    if (model.categoryField) {
+      const detail = (_a = model.axisDetails) == null ? void 0 : _a[model.categoryField];
+      rows.push({
+        key: (detail == null ? void 0 : detail.label) ?? model.categoryField,
+        value: formatValueWithUnit(tile.label, detail)
+      });
+    }
+    return { rows };
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const model = this.parseData();
+    this._empty = model.mode === "single" ? !model.tiles.length : !model.groups.length;
+    this._rangeColors = !this._empty && model.mode === "single" ? model.rangeColors : [];
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const { width, height } = getTreemapDimensions(root);
+    renderTreemapChart(root, {
+      model,
+      width,
+      height,
+      theme,
+      showTooltip: this.showTooltip,
+      onHover: this.showTooltip ? (payload) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: payload.event.clientX - rect.left,
+          y: payload.event.clientY - rect.top,
+          ...this.tooltipFor(model, payload)
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  renderLegend() {
+    if (!this.showLegend || !this._rangeColors.length) return nothing;
+    return renderPaletteLegend(this._rangeColors);
+  }
+  render() {
+    const title = this.headerTitle();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          ${this.renderLegend()}
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+          ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
+          ${this._tooltip ? html`<div
+                class="tooltip"
+                part="tooltip"
+                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+              >
+                ${this._tooltip.title ? html`<div class="tooltip-title">${this._tooltip.title}</div>` : nothing}
+                ${this._tooltip.rows.map((row) => html`<div>${row.key}: ${row.value}</div>`)}
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000TreemapChart.styles = [treemapChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000TreemapChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000TreemapChart.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000TreemapChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000TreemapChart.prototype, "_empty", 2);
+__decorateClass([
+  state()
+], Ui9000TreemapChart.prototype, "_rangeColors", 2);
+Ui9000TreemapChart = __decorateClass([
+  customElement("ui9000-treemap-chart")
+], Ui9000TreemapChart);
+function registerTreemapChart() {
+  if (!customElements.get("ui9000-treemap-chart")) {
+    customElements.define("ui9000-treemap-chart", Ui9000TreemapChart);
+  }
+}
+registerTreemapChart();
+export {
+  Ui9000TreemapChart,
+  registerTreemapChart
+};
+//# sourceMappingURL=ui9000-treemap-chart.js.map

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":"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"}

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"}