@fusedashlabs/widgets 0.2.0 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-matrix-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/matrix-chart/element/ui9000-matrix-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAoB7F,qBACa,iBAAkB,SAAQ,kBAAkB;IACvD,OAAgB,MAAM,4BAAoC;IAG1D,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAMA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,MAAM,CAOZ;IAEO,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,+EAA+E;IAC/E,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,IAAI;IAoEZ;;;OAGG;IACH,OAAO,CAAC,WAAW;IAoBnB,4EAA4E;IAC5E,OAAO,CAAC,mBAAmB;IAsBlB,MAAM;CAsChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}

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

@@ -0,0 +1,238 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { readCssVar, CSS_VARS, readThemeFromElement } from "../../../context/widget-context.js";
+import { formatValueWithUnit, axisFieldLabel } from "../../../utils/axis-units.js";
+import { parseJsonAttr, getMatrixDimensions } from "../../../utils/chart-helpers.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { matrixLayout, renderMatrixChart, matrixColorRanges } from "../render/draw.js";
+import { matrixStyles } from "./styles.js";
+import { normalizeMatrixData } from "../lib/normalize.js";
+import { formatCategoryLabel, formatMatrixValue } from "../lib/format.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 Ui9000MatrixChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.showLegend = true;
+    this.showTooltip = true;
+    this._tooltip = null;
+    this._empty = false;
+    this._pinnedTopAxis = false;
+    this._raf = 0;
+    this._drawnSignature = null;
+    this._drawnModel = null;
+    this._modelJson = null;
+    this._model = {
+      cells: [],
+      xDomain: [],
+      yDomain: [],
+      rawValues: [],
+      categoryKey: "",
+      valueKey: ""
+    };
+  }
+  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();
+  }
+  firstUpdated() {
+    var _a, _b;
+    for (const selector of [".widget-body", ".chart-body", ".chart-scroll"]) {
+      const el = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(selector);
+      if (el instanceof HTMLElement) (_b = this._resizeObserver) == null ? void 0 : _b.observe(el);
+    }
+  }
+  updated(changed) {
+    if (chartPropsChanged(changed)) this.scheduleDraw();
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  /** Normalizing a dense grid is not free — only redo it when `data` changes. */
+  parseData() {
+    if (this._modelJson !== this.dataJson) {
+      this._modelJson = this.dataJson;
+      this._model = normalizeMatrixData(parseJsonAttr(this.dataJson, []));
+    }
+    return this._model;
+  }
+  draw() {
+    var _a, _b, _c, _d;
+    const chartBody = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-body");
+    const scroll = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".chart-scroll");
+    const root = (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(".chart-root");
+    const topAxis = (_d = this.shadowRoot) == null ? void 0 : _d.querySelector(".chart-top-axis");
+    if (!chartBody || !scroll || !root) return;
+    const model = this.parseData();
+    this._empty = model.cells.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      topAxis == null ? void 0 : topAxis.replaceChildren();
+      this._pinnedTopAxis = false;
+      this._drawnSignature = null;
+      this._drawnModel = null;
+      return;
+    }
+    const { width, margin } = getMatrixDimensions(chartBody);
+    const bodyHeight = chartBody.clientHeight || 300;
+    const viewportHeight = scroll.clientHeight || 300;
+    const themeMode = readCssVar(this, CSS_VARS.mode, "light") === "dark" ? "dark" : "light";
+    const signature = [
+      width,
+      bodyHeight,
+      viewportHeight,
+      themeMode,
+      this.showTooltip
+    ].join("|");
+    if (this._drawnSignature === signature && this._drawnModel === model) return;
+    this._drawnSignature = signature;
+    this._drawnModel = model;
+    this._pinnedTopAxis = matrixLayout(model, viewportHeight, margin).separateTopAxis;
+    renderMatrixChart(root, {
+      model,
+      width,
+      height: viewportHeight,
+      bodyHeight,
+      margin,
+      theme: readThemeFromElement(this),
+      themeMode,
+      topAxisContainer: topAxis,
+      ...this.axisLabelHandlers(),
+      onCellHover: this.showTooltip ? ({ cell, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          ...this.tooltipRows(model, cell)
+        };
+      } : void 0,
+      onCellLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  /**
+   * Client tooltip: the row field and its value, then the measure — each
+   * carrying the unit declared for that field in `axisDetails`.
+   */
+  tooltipRows(model, cell) {
+    var _a, _b;
+    const rowValue = formatValueWithUnit(
+      formatCategoryLabel(cell.y),
+      (_a = model.axisDetails) == null ? void 0 : _a[model.categoryKey]
+    );
+    const value = formatValueWithUnit(
+      formatMatrixValue(cell.value),
+      (_b = model.axisDetails) == null ? void 0 : _b[model.valueKey]
+    );
+    return {
+      category: model.categoryKey ? `${axisFieldLabel(model.categoryKey, model.axisDetails)}: ${rowValue}` : rowValue,
+      value
+    };
+  }
+  /** FuseDash `ChartLegend legendType="palette"` — Low → High swatch ramp. */
+  renderPaletteLegend(model) {
+    if (!this.showLegend) return nothing;
+    const ranges = matrixColorRanges(model);
+    if (!ranges.length) return nothing;
+    return html`
+      <div class="palette-legend" part="legend">
+        <span>Low</span>
+        <span class="palette-swatches">
+          ${ranges.map(
+      (range) => html`<span
+                class="palette-swatch"
+                style="background:${range.color}"
+                title=${`${formatMatrixValue(range.start)} – ${formatMatrixValue(range.end)}`}
+              ></span>`
+    )}
+        </span>
+        <span>High</span>
+      </div>
+    `;
+  }
+  render() {
+    const model = this.parseData();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(this.headerTitle())}
+        <div class="widget-body">
+          <div class="chart-body" part="chart-body">
+            ${this._empty ? nothing : this.renderPaletteLegend(model)}
+            <div
+              class="chart-top-axis"
+              part="top-axis"
+              ?hidden=${!this._pinnedTopAxis}
+            ></div>
+            <div class="chart-scroll" part="scroll">
+              <div
+                class="chart-root"
+                part="chart"
+                ?data-hoverable=${this.showTooltip}
+                ?hidden=${this._empty}
+              ></div>
+            </div>
+          </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"
+              >
+                <div class="name">${this._tooltip.category}</div>
+                <div>Value: ${this._tooltip.value}</div>
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000MatrixChart.styles = [matrixStyles, chartShellStyles];
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000MatrixChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000MatrixChart.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000MatrixChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000MatrixChart.prototype, "_empty", 2);
+__decorateClass([
+  state()
+], Ui9000MatrixChart.prototype, "_pinnedTopAxis", 2);
+Ui9000MatrixChart = __decorateClass([
+  customElement("ui9000-matrix-chart")
+], Ui9000MatrixChart);
+function registerMatrixChart() {
+  if (!customElements.get("ui9000-matrix-chart")) {
+    customElements.define("ui9000-matrix-chart", Ui9000MatrixChart);
+  }
+}
+registerMatrixChart();
+export {
+  Ui9000MatrixChart,
+  registerMatrixChart
+};
+//# sourceMappingURL=ui9000-matrix-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-matrix-chart.js","sources":["../../../../src/components/matrix-chart/element/ui9000-matrix-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { CSS_VARS, readCssVar, readThemeFromElement } from '../../../context/widget-context.js';\nimport { axisFieldLabel, formatValueWithUnit } from '../../../utils/axis-units.js';\nimport { getMatrixDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatCategoryLabel,\n  formatMatrixValue,\n  normalizeMatrixData,\n  type MatrixCell,\n  type MatrixInput,\n  type MatrixModel,\n} from '../lib/index.js';\nimport {\n  matrixColorRanges,\n  matrixLayout,\n  renderMatrixChart,\n} from '../render/draw.js';\nimport { matrixStyles } from './styles.js';\n\n@customElement('ui9000-matrix-chart')\nexport class Ui9000MatrixChart extends Ui9000ChartElement {\n  static override styles = [matrixStyles, 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: {\n    x: number;\n    y: number;\n    /** Client rows: \"<row field>: <row value>\" then \"Value: <measure>\" */\n    category: string;\n    value: string;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _pinnedTopAxis = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n  private _drawnSignature: string | null = null;\n  private _drawnModel: MatrixModel | null = null;\n  private _modelJson: string | null = null;\n  private _model: MatrixModel = {\n    cells: [],\n    xDomain: [],\n    yDomain: [],\n    rawValues: [],\n    categoryKey: '',\n    valueKey: '',\n  };\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 firstUpdated(): void {\n    for (const selector of ['.widget-body', '.chart-body', '.chart-scroll']) {\n      const el = this.shadowRoot?.querySelector(selector);\n      if (el instanceof HTMLElement) this._resizeObserver?.observe(el);\n    }\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  /** Normalizing a dense grid is not free — only redo it when `data` changes. */\n  private parseData(): MatrixModel {\n    if (this._modelJson !== this.dataJson) {\n      this._modelJson = this.dataJson;\n      this._model = normalizeMatrixData(parseJsonAttr<MatrixInput>(this.dataJson, []));\n    }\n    return this._model;\n  }\n\n  private draw(): void {\n    const chartBody = this.shadowRoot?.querySelector('.chart-body') as HTMLElement | null;\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll') as HTMLElement | null;\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    const topAxis = this.shadowRoot?.querySelector('.chart-top-axis') as HTMLElement | null;\n    if (!chartBody || !scroll || !root) return;\n\n    const model = this.parseData();\n    this._empty = model.cells.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      topAxis?.replaceChildren();\n      this._pinnedTopAxis = false;\n      this._drawnSignature = null;\n      this._drawnModel = null;\n      return;\n    }\n\n    const { width, margin } = getMatrixDimensions(chartBody);\n    const bodyHeight = chartBody.clientHeight || 300;\n    const viewportHeight = scroll.clientHeight || 300;\n    const themeMode =\n      readCssVar(this, CSS_VARS.mode, 'light') === 'dark' ? 'dark' : 'light';\n\n    // Drawing the header changes the scroll viewport, which fires the resize\n    // observer again — skip redraws whose inputs are unchanged so that\n    // settling costs one extra pass instead of running forever.\n    const signature = [\n      width,\n      bodyHeight,\n      viewportHeight,\n      themeMode,\n      this.showTooltip,\n    ].join('|');\n    if (this._drawnSignature === signature && this._drawnModel === model) return;\n    this._drawnSignature = signature;\n    this._drawnModel = model;\n\n    this._pinnedTopAxis = matrixLayout(model, viewportHeight, margin).separateTopAxis;\n\n    renderMatrixChart(root, {\n      model,\n      width,\n      height: viewportHeight,\n      bodyHeight,\n      margin,\n      theme: readThemeFromElement(this),\n      themeMode,\n      topAxisContainer: topAxis,\n      ...this.axisLabelHandlers(),\n      onCellHover: this.showTooltip\n        ? ({ cell, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              ...this.tooltipRows(model, cell),\n            };\n          }\n        : undefined,\n      onCellLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  /**\n   * Client tooltip: the row field and its value, then the measure — each\n   * carrying the unit declared for that field in `axisDetails`.\n   */\n  private tooltipRows(\n    model: MatrixModel,\n    cell: MatrixCell,\n  ): { category: string; value: string } {\n    const rowValue = formatValueWithUnit(\n      formatCategoryLabel(cell.y),\n      model.axisDetails?.[model.categoryKey],\n    );\n    const value = formatValueWithUnit(\n      formatMatrixValue(cell.value),\n      model.axisDetails?.[model.valueKey],\n    );\n    return {\n      category: model.categoryKey\n        ? `${axisFieldLabel(model.categoryKey, model.axisDetails)}: ${rowValue}`\n        : rowValue,\n      value,\n    };\n  }\n\n  /** FuseDash `ChartLegend legendType=\"palette\"` — Low → High swatch ramp. */\n  private renderPaletteLegend(model: MatrixModel) {\n    if (!this.showLegend) return nothing;\n    const ranges = matrixColorRanges(model);\n    if (!ranges.length) return nothing;\n    return html`\n      <div class=\"palette-legend\" part=\"legend\">\n        <span>Low</span>\n        <span class=\"palette-swatches\">\n          ${ranges.map(\n            (range) =>\n              html`<span\n                class=\"palette-swatch\"\n                style=\"background:${range.color}\"\n                title=${`${formatMatrixValue(range.start)} – ${formatMatrixValue(range.end)}`}\n              ></span>`,\n          )}\n        </span>\n        <span>High</span>\n      </div>\n    `;\n  }\n\n  override render() {\n    const model = this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(this.headerTitle())}\n        <div class=\"widget-body\">\n          <div class=\"chart-body\" part=\"chart-body\">\n            ${this._empty ? nothing : this.renderPaletteLegend(model)}\n            <div\n              class=\"chart-top-axis\"\n              part=\"top-axis\"\n              ?hidden=${!this._pinnedTopAxis}\n            ></div>\n            <div class=\"chart-scroll\" part=\"scroll\">\n              <div\n                class=\"chart-root\"\n                part=\"chart\"\n                ?data-hoverable=${this.showTooltip}\n                ?hidden=${this._empty}\n              ></div>\n            </div>\n          </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 class=\"name\">${this._tooltip.category}</div>\n                <div>Value: ${this._tooltip.value}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-matrix-chart': Ui9000MatrixChart;\n  }\n}\n\nexport function registerMatrixChart(): void {\n  if (!customElements.get('ui9000-matrix-chart')) {\n    customElements.define('ui9000-matrix-chart', Ui9000MatrixChart);\n  }\n}\n\nregisterMatrixChart();\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBO,IAAM,oBAAN,cAAgC,mBAAmB;AAAA,EAAnD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,aAAa;AAGb,SAAA,cAAc;AAGd,SAAQ,WAMG;AAGX,SAAQ,SAAS;AAGjB,SAAQ,iBAAiB;AAGzB,SAAQ,OAAO;AACf,SAAQ,kBAAiC;AACzC,SAAQ,cAAkC;AAC1C,SAAQ,aAA4B;AACpC,SAAQ,SAAsB;AAAA,MAC5B,OAAO,CAAA;AAAA,MACP,SAAS,CAAA;AAAA,MACT,SAAS,CAAA;AAAA,MACT,WAAW,CAAA;AAAA,MACX,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAES,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,EAES,eAAqB;;AAC5B,eAAW,YAAY,CAAC,gBAAgB,eAAe,eAAe,GAAG;AACvE,YAAM,MAAK,UAAK,eAAL,mBAAiB,cAAc;AAC1C,UAAI,cAAc,YAAa,YAAK,oBAAL,mBAAsB,QAAQ;AAAA,IAC/D;AAAA,EACF;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;AAAA,EAGQ,YAAyB;AAC/B,QAAI,KAAK,eAAe,KAAK,UAAU;AACrC,WAAK,aAAa,KAAK;AACvB,WAAK,SAAS,oBAAoB,cAA2B,KAAK,UAAU,CAAA,CAAE,CAAC;AAAA,IACjF;AACA,WAAO,KAAK;AAAA,EACd;AAAA,EAEQ,OAAa;;AACnB,UAAM,aAAY,UAAK,eAAL,mBAAiB,cAAc;AACjD,UAAM,UAAS,UAAK,eAAL,mBAAiB,cAAc;AAC9C,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,UAAM,WAAU,UAAK,eAAL,mBAAiB,cAAc;AAC/C,QAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAM;AAEpC,UAAM,QAAQ,KAAK,UAAA;AACnB,SAAK,SAAS,MAAM,MAAM,WAAW;AACrC,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAA;AACL,yCAAS;AACT,WAAK,iBAAiB;AACtB,WAAK,kBAAkB;AACvB,WAAK,cAAc;AACnB;AAAA,IACF;AAEA,UAAM,EAAE,OAAO,WAAW,oBAAoB,SAAS;AACvD,UAAM,aAAa,UAAU,gBAAgB;AAC7C,UAAM,iBAAiB,OAAO,gBAAgB;AAC9C,UAAM,YACJ,WAAW,MAAM,SAAS,MAAM,OAAO,MAAM,SAAS,SAAS;AAKjE,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,IAAA,EACL,KAAK,GAAG;AACV,QAAI,KAAK,oBAAoB,aAAa,KAAK,gBAAgB,MAAO;AACtE,SAAK,kBAAkB;AACvB,SAAK,cAAc;AAEnB,SAAK,iBAAiB,aAAa,OAAO,gBAAgB,MAAM,EAAE;AAElE,sBAAkB,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,OAAO,qBAAqB,IAAI;AAAA,MAChC;AAAA,MACA,kBAAkB;AAAA,MAClB,GAAG,KAAK,kBAAA;AAAA,MACR,aAAa,KAAK,cACd,CAAC,EAAE,MAAM,YAAY;AACnB,cAAM,OAAO,KAAK,sBAAA;AAClB,aAAK,WAAW;AAAA,UACd,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB,GAAG,KAAK,YAAY,OAAO,IAAI;AAAA,QAAA;AAAA,MAEnC,IACA;AAAA,MACJ,aAAa,KAAK,cACd,MAAM;AACJ,aAAK,WAAW;AAAA,MAClB,IACA;AAAA,IAAA,CACL;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,YACN,OACA,MACqC;;AACrC,UAAM,WAAW;AAAA,MACf,oBAAoB,KAAK,CAAC;AAAA,OAC1B,WAAM,gBAAN,mBAAoB,MAAM;AAAA,IAAW;AAEvC,UAAM,QAAQ;AAAA,MACZ,kBAAkB,KAAK,KAAK;AAAA,OAC5B,WAAM,gBAAN,mBAAoB,MAAM;AAAA,IAAQ;AAEpC,WAAO;AAAA,MACL,UAAU,MAAM,cACZ,GAAG,eAAe,MAAM,aAAa,MAAM,WAAW,CAAC,KAAK,QAAQ,KACpE;AAAA,MACJ;AAAA,IAAA;AAAA,EAEJ;AAAA;AAAA,EAGQ,oBAAoB,OAAoB;AAC9C,QAAI,CAAC,KAAK,WAAY,QAAO;AAC7B,UAAM,SAAS,kBAAkB,KAAK;AACtC,QAAI,CAAC,OAAO,OAAQ,QAAO;AAC3B,WAAO;AAAA;AAAA;AAAA;AAAA,YAIC,OAAO;AAAA,MACP,CAAC,UACC;AAAA;AAAA,oCAEsB,MAAM,KAAK;AAAA,wBACvB,GAAG,kBAAkB,MAAM,KAAK,CAAC,MAAM,kBAAkB,MAAM,GAAG,CAAC,EAAE;AAAA;AAAA,IAAA,CAElF;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK,UAAA;AACnB,WAAO;AAAA;AAAA,UAED,KAAK,kBAAkB,KAAK,YAAA,CAAa,CAAC;AAAA;AAAA;AAAA,cAGtC,KAAK,SAAS,UAAU,KAAK,oBAAoB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,wBAI7C,CAAC,KAAK,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAMV,KAAK,WAAW;AAAA,0BACxB,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,YAIzB,KAAK,SAAS,sDAAsD,OAAO;AAAA,YAC3E,KAAK,WACH;AAAA;AAAA;AAAA,8BAGgB,KAAK,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC;AAAA;AAAA,oCAElC,KAAK,SAAS,QAAQ;AAAA,8BAC5B,KAAK,SAAS,KAAK;AAAA,wBAEnC,OAAO;AAAA,YACT,KAAK,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAIxC;AACF;AApOa,kBACK,SAAS,CAAC,cAAc,gBAAgB;AAGxD,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAH1C,kBAIX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GAN3C,kBAOX,WAAA,eAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GATI,kBAUH,WAAA,YAAA,CAAA;AASA,gBAAA;AAAA,EADP,MAAA;AAAM,GAlBI,kBAmBH,WAAA,UAAA,CAAA;AAGA,gBAAA;AAAA,EADP,MAAA;AAAM,GArBI,kBAsBH,WAAA,kBAAA,CAAA;AAtBG,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;AA4ON,SAAS,sBAA4B;AAC1C,MAAI,CAAC,eAAe,IAAI,qBAAqB,GAAG;AAC9C,mBAAe,OAAO,uBAAuB,iBAAiB;AAAA,EAChE;AACF;AAEA,oBAAA;"}

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

@@ -0,0 +1,5 @@
+export { Ui9000MatrixChart, registerMatrixChart, } from './element/ui9000-matrix-chart.js';
+export { matrixColorRanges, matrixLayout, renderMatrixChart, } from './render/index.js';
+export { normalizeMatrixData, sortAxisDomain, formatCategoryLabel, formatMatrixValue, type MatrixCell, type MatrixCellsPayload, type MatrixInput, type MatrixModel, } from './lib/index.js';
+export { default as matrixChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/matrix-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,20 @@
+import { registerMatrixChart } from "./element/ui9000-matrix-chart.js";
+import { Ui9000MatrixChart } from "./element/ui9000-matrix-chart.js";
+import { default as default2 } from "./metadata.json.js";
+import { formatCategoryLabel, formatMatrixValue } from "./lib/format.js";
+import { matrixColorRanges, matrixLayout, renderMatrixChart } from "./render/draw.js";
+import { normalizeMatrixData } from "./lib/normalize.js";
+import { sortAxisDomain } from "./lib/domain.js";
+export {
+  Ui9000MatrixChart,
+  formatCategoryLabel,
+  formatMatrixValue,
+  default2 as matrixChartMetadata,
+  matrixColorRanges,
+  matrixLayout,
+  normalizeMatrixData,
+  registerMatrixChart,
+  renderMatrixChart,
+  sortAxisDomain
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/matrix-chart/lib/domain.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Mirrors client `MatrixChart/utils/sortAxisDomain` — axis categories are
+ * ordered by detected type (numbers, dates, weekdays, then locale strings),
+ * not by `uniqueValues` order.
+ */
+export declare function sortAxisDomain(values: (string | number)[]): (string | number)[];
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/matrix-chart/lib/domain.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAuCH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAC1B,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAsBrB"}

package/dist/components/matrix-chart/lib/domain.js

@@ -0,0 +1,58 @@
+const WEEKDAY_ORDER = {
+  monday: 0,
+  mon: 0,
+  tuesday: 1,
+  tue: 1,
+  wednesday: 2,
+  wed: 2,
+  thursday: 3,
+  thu: 3,
+  friday: 4,
+  fri: 4,
+  saturday: 5,
+  sat: 5,
+  sunday: 6,
+  sun: 6
+};
+function weekdayIndex(value) {
+  const key = value.trim().toLowerCase();
+  return key in WEEKDAY_ORDER ? WEEKDAY_ORDER[key] : -1;
+}
+function isAllNumeric(values) {
+  return values.every((v) => {
+    const n = Number(v);
+    return String(v).trim() === "" || Number.isFinite(n);
+  });
+}
+function isAllDates(values) {
+  return values.every((v) => !Number.isNaN(new Date(v).getTime()));
+}
+function isAllWeekdays(values) {
+  return values.every((v) => weekdayIndex(String(v)) >= 0);
+}
+function sortAxisDomain(values) {
+  const normalized = values.map(
+    (v) => typeof v === "number" ? v : String(v ?? "")
+  );
+  if (!normalized.length) return [];
+  if (isAllNumeric(normalized)) {
+    return [...normalized].sort((a, b) => Number(a) - Number(b));
+  }
+  if (isAllDates(normalized)) {
+    return [...normalized].sort(
+      (a, b) => new Date(a).getTime() - new Date(b).getTime()
+    );
+  }
+  if (isAllWeekdays(normalized)) {
+    return [...normalized].sort(
+      (a, b) => weekdayIndex(String(a)) - weekdayIndex(String(b))
+    );
+  }
+  return [...normalized].sort(
+    (a, b) => String(a).localeCompare(String(b), void 0, { numeric: true })
+  );
+}
+export {
+  sortAxisDomain
+};
+//# sourceMappingURL=domain.js.map

package/dist/components/matrix-chart/lib/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/matrix-chart/lib/domain.ts"],"sourcesContent":["/**\n * Mirrors client `MatrixChart/utils/sortAxisDomain` — axis categories are\n * ordered by detected type (numbers, dates, weekdays, then locale strings),\n * not by `uniqueValues` order.\n */\n\nconst WEEKDAY_ORDER: Record<string, number> = {\n  monday: 0,\n  mon: 0,\n  tuesday: 1,\n  tue: 1,\n  wednesday: 2,\n  wed: 2,\n  thursday: 3,\n  thu: 3,\n  friday: 4,\n  fri: 4,\n  saturday: 5,\n  sat: 5,\n  sunday: 6,\n  sun: 6,\n};\n\nfunction weekdayIndex(value: string): number {\n  const key = value.trim().toLowerCase();\n  return key in WEEKDAY_ORDER ? WEEKDAY_ORDER[key] : -1;\n}\n\nfunction isAllNumeric(values: (string | number)[]): boolean {\n  return values.every((v) => {\n    const n = Number(v);\n    return String(v).trim() === '' || Number.isFinite(n);\n  });\n}\n\nfunction isAllDates(values: (string | number)[]): boolean {\n  return values.every((v) => !Number.isNaN(new Date(v).getTime()));\n}\n\nfunction isAllWeekdays(values: (string | number)[]): boolean {\n  return values.every((v) => weekdayIndex(String(v)) >= 0);\n}\n\nexport function sortAxisDomain(\n  values: (string | number)[],\n): (string | number)[] {\n  const normalized = values.map((v) =>\n    typeof v === 'number' ? v : String(v ?? ''),\n  );\n  if (!normalized.length) return [];\n\n  if (isAllNumeric(normalized)) {\n    return [...normalized].sort((a, b) => Number(a) - Number(b));\n  }\n  if (isAllDates(normalized)) {\n    return [...normalized].sort(\n      (a, b) => new Date(a).getTime() - new Date(b).getTime(),\n    );\n  }\n  if (isAllWeekdays(normalized)) {\n    return [...normalized].sort(\n      (a, b) => weekdayIndex(String(a)) - weekdayIndex(String(b)),\n    );\n  }\n  return [...normalized].sort((a, b) =>\n    String(a).localeCompare(String(b), undefined, { numeric: true }),\n  );\n}\n"],"names":[],"mappings":"AAMA,MAAM,gBAAwC;AAAA,EAC5C,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,KAAK;AAAA,EACL,WAAW;AAAA,EACX,KAAK;AAAA,EACL,UAAU;AAAA,EACV,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AAAA,EACV,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,SAAS,aAAa,OAAuB;AAC3C,QAAM,MAAM,MAAM,KAAA,EAAO,YAAA;AACzB,SAAO,OAAO,gBAAgB,cAAc,GAAG,IAAI;AACrD;AAEA,SAAS,aAAa,QAAsC;AAC1D,SAAO,OAAO,MAAM,CAAC,MAAM;AACzB,UAAM,IAAI,OAAO,CAAC;AAClB,WAAO,OAAO,CAAC,EAAE,KAAA,MAAW,MAAM,OAAO,SAAS,CAAC;AAAA,EACrD,CAAC;AACH;AAEA,SAAS,WAAW,QAAsC;AACxD,SAAO,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,MAAM,IAAI,KAAK,CAAC,EAAE,QAAA,CAAS,CAAC;AACjE;AAEA,SAAS,cAAc,QAAsC;AAC3D,SAAO,OAAO,MAAM,CAAC,MAAM,aAAa,OAAO,CAAC,CAAC,KAAK,CAAC;AACzD;AAEO,SAAS,eACd,QACqB;AACrB,QAAM,aAAa,OAAO;AAAA,IAAI,CAAC,MAC7B,OAAO,MAAM,WAAW,IAAI,OAAO,KAAK,EAAE;AAAA,EAAA;AAE5C,MAAI,CAAC,WAAW,OAAQ,QAAO,CAAA;AAE/B,MAAI,aAAa,UAAU,GAAG;AAC5B,WAAO,CAAC,GAAG,UAAU,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC;AAAA,EAC7D;AACA,MAAI,WAAW,UAAU,GAAG;AAC1B,WAAO,CAAC,GAAG,UAAU,EAAE;AAAA,MACrB,CAAC,GAAG,MAAM,IAAI,KAAK,CAAC,EAAE,QAAA,IAAY,IAAI,KAAK,CAAC,EAAE,QAAA;AAAA,IAAQ;AAAA,EAE1D;AACA,MAAI,cAAc,UAAU,GAAG;AAC7B,WAAO,CAAC,GAAG,UAAU,EAAE;AAAA,MACrB,CAAC,GAAG,MAAM,aAAa,OAAO,CAAC,CAAC,IAAI,aAAa,OAAO,CAAC,CAAC;AAAA,IAAA;AAAA,EAE9D;AACA,SAAO,CAAC,GAAG,UAAU,EAAE;AAAA,IAAK,CAAC,GAAG,MAC9B,OAAO,CAAC,EAAE,cAAc,OAAO,CAAC,GAAG,QAAW,EAAE,SAAS,MAAM;AAAA,EAAA;AAEnE;"}

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

@@ -0,0 +1,5 @@
+/** Mirrors client `formatNumber` — grouped, up to 3 decimals. */
+export declare function formatMatrixValue(value: number): string;
+/** Mirrors client `formatCapitalizedWordsText` for the tooltip category. */
+export declare function formatCategoryLabel(text: string): string;
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/matrix-chart/lib/format.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKvD;AAED,4EAA4E;AAC5E,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQxD"}

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

@@ -0,0 +1,16 @@
+function formatMatrixValue(value) {
+  if (!Number.isFinite(value)) return "";
+  return new Intl.NumberFormat("en-US", { maximumFractionDigits: 3 }).format(
+    value
+  );
+}
+function formatCategoryLabel(text) {
+  if (!text) return "";
+  if (!Number.isNaN(Number(text))) return text;
+  return text.replace(/[_-]/g, " ").split(" ").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+export {
+  formatCategoryLabel,
+  formatMatrixValue
+};
+//# sourceMappingURL=format.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/matrix-chart/lib/format.ts"],"sourcesContent":["/** Mirrors client `formatNumber` — grouped, up to 3 decimals. */\nexport function formatMatrixValue(value: number): string {\n  if (!Number.isFinite(value)) return '';\n  return new Intl.NumberFormat('en-US', { maximumFractionDigits: 3 }).format(\n    value,\n  );\n}\n\n/** Mirrors client `formatCapitalizedWordsText` for the tooltip category. */\nexport function formatCategoryLabel(text: string): string {\n  if (!text) return '';\n  if (!Number.isNaN(Number(text))) return text;\n  return text\n    .replace(/[_-]/g, ' ')\n    .split(' ')\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(' ');\n}\n"],"names":[],"mappings":"AACO,SAAS,kBAAkB,OAAuB;AACvD,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,IAAI,KAAK,aAAa,SAAS,EAAE,uBAAuB,EAAA,CAAG,EAAE;AAAA,IAClE;AAAA,EAAA;AAEJ;AAGO,SAAS,oBAAoB,MAAsB;AACxD,MAAI,CAAC,KAAM,QAAO;AAClB,MAAI,CAAC,OAAO,MAAM,OAAO,IAAI,CAAC,EAAG,QAAO;AACxC,SAAO,KACJ,QAAQ,SAAS,GAAG,EACpB,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,gBAAgB,KAAK,MAAM,CAAC,EAAE,YAAA,CAAa,EACxE,KAAK,GAAG;AACb;"}

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

@@ -0,0 +1,5 @@
+export { type MatrixCell, type MatrixCellsPayload, type MatrixInput, type MatrixModel, } from './types.js';
+export { normalizeMatrixData } from './normalize.js';
+export { sortAxisDomain } from './domain.js';
+export { formatCategoryLabel, formatMatrixValue } from './format.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/matrix-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+import { MatrixInput, MatrixModel } from './types.js';
+/** Normalize chat cells or a FuseDash WidgetItem into a matrix model. */
+export declare function normalizeMatrixData(input: MatrixInput | FuseWidgetLike | null | undefined): MatrixModel;
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/matrix-chart/lib/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAGV,WAAW,EACX,WAAW,EACZ,MAAM,YAAY,CAAC;AAkOpB,yEAAyE;AACzE,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,GACrD,WAAW,CAkBb"}

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

@@ -0,0 +1,165 @@
+import { isFuseWidgetPayload, rowsOf, firstField } from "../../../utils/fuse-widget.js";
+import { sortAxisDomain } from "./domain.js";
+const MAX_FILLED_CELLS = 1e4;
+const EMPTY = {
+  cells: [],
+  xDomain: [],
+  yDomain: [],
+  rawValues: [],
+  categoryKey: "",
+  valueKey: ""
+};
+function isCell(d) {
+  if (!d || typeof d !== "object") return false;
+  const o = d;
+  return "x" in o && "y" in o && "value" in o;
+}
+function toCell(raw) {
+  const x = String(raw.x ?? "");
+  const y = String(raw.y ?? "");
+  const value = Number(raw.value);
+  if (!x || !y) return null;
+  return { x, y, value: Number.isFinite(value) ? value : 0 };
+}
+function uniqueInOrder(values) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const v of values) {
+    if (v && !seen.has(v)) {
+      seen.add(v);
+      out.push(v);
+    }
+  }
+  return out;
+}
+function modelFromCells(cells, xDomain, yDomain) {
+  const cleaned = cells.map(toCell).filter((c) => c != null);
+  return {
+    cells: cleaned,
+    xDomain: (xDomain == null ? void 0 : xDomain.length) ? xDomain : uniqueInOrder(cleaned.map((c) => c.x)),
+    yDomain: (yDomain == null ? void 0 : yDomain.length) ? yDomain : uniqueInOrder(cleaned.map((c) => c.y)),
+    rawValues: cleaned.map((c) => c.value),
+    categoryKey: "",
+    valueKey: ""
+  };
+}
+function additionalKeysOf(rows, xKey, valueKey) {
+  const reserved = /* @__PURE__ */ new Set([xKey, valueKey]);
+  const keys = /* @__PURE__ */ new Set();
+  for (const row of rows) {
+    for (const key of Object.keys(row)) {
+      if (!reserved.has(key)) keys.add(key);
+    }
+  }
+  return [...keys];
+}
+function joinValue(value) {
+  if (typeof value === "number") return value;
+  return String(value).replace(/\s+/g, "");
+}
+function normalizeLocationValue(value) {
+  if (value == null) return "";
+  if (typeof value === "number") return value;
+  if (typeof value !== "string") return String(value);
+  const trimmed = value.trim();
+  if (trimmed === "") return "";
+  const numValue = Number(trimmed);
+  if (Number.isFinite(numValue)) return numValue;
+  const commaIndex = trimmed.indexOf(", ");
+  if (commaIndex !== -1) return trimmed.substring(commaIndex + 2).trim();
+  return trimmed;
+}
+function fillWithZeroData(widget, rows, xKey, valueKey, fillKey) {
+  const uniqueValues = widget.uniqueValues ?? {};
+  const passthrough = () => rows.map((row) => ({
+    ...row,
+    ...fillKey ? { [fillKey]: normalizeLocationValue(row[fillKey]) } : {}
+  }));
+  const xValues = uniqueValues[xKey] ?? [];
+  const yValues = fillKey ? uniqueValues[fillKey] ?? [] : [];
+  const total = xValues.length * yValues.length;
+  if (!total || total === rows.length || total > MAX_FILLED_CELLS) {
+    return passthrough();
+  }
+  const byKey = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    byKey.set(`${joinValue(row[xKey])}-${joinValue(row[fillKey])}`, row);
+  }
+  const filled = [];
+  for (const xValue of xValues) {
+    for (const yValue of yValues) {
+      const matched = byKey.get(`${joinValue(xValue)}-${joinValue(yValue)}`);
+      filled.push(
+        matched ?? { [xKey]: xValue, [fillKey]: yValue, [valueKey]: 0 }
+      );
+    }
+  }
+  return filled;
+}
+function resolveCategoryKey(widget, additionalKeys) {
+  const uniqueValues = widget.uniqueValues ?? {};
+  const groupField = firstField(widget.groupBy);
+  if (groupField && additionalKeys.includes(groupField)) return groupField;
+  return additionalKeys.find((key) => uniqueValues[key]) ?? additionalKeys[0] ?? "y";
+}
+function fromFuseWidget(widget) {
+  const rows = rowsOf(widget);
+  if (!rows.length) return EMPTY;
+  const xKey = firstField(widget.xAxe) ?? "x";
+  const valueKey = firstField(widget.yAxe) ?? "y";
+  const rawValues = rows.map((row) => {
+    const value = Number(row.value ?? row[valueKey]);
+    return Number.isFinite(value) ? value : 0;
+  });
+  const additionalKeys = additionalKeysOf(rows, xKey, valueKey);
+  const categoryKey = resolveCategoryKey(widget, additionalKeys);
+  const uniqueValues = widget.uniqueValues ?? {};
+  const yValuesRaw = Array.isArray(uniqueValues[categoryKey]) ? uniqueValues[categoryKey] : rows.map((row) => row[categoryKey]);
+  const yDomain = sortAxisDomain(
+    [...new Set(yValuesRaw)].filter(Boolean)
+  ).map(String);
+  const xDomain = sortAxisDomain(
+    [...new Set(rows.map((row) => row[xKey]))].filter(Boolean)
+  ).map(String);
+  const filled = fillWithZeroData(widget, rows, xKey, valueKey, categoryKey);
+  const cells = [];
+  for (const row of filled) {
+    const x = row[xKey];
+    const y = row[categoryKey];
+    if (x == null || y == null) continue;
+    const value = Number(row.value ?? row[valueKey] ?? 0);
+    cells.push({
+      x: String(x),
+      y: String(y),
+      value: Number.isFinite(value) ? value : 0
+    });
+  }
+  return {
+    cells,
+    xDomain,
+    yDomain,
+    rawValues,
+    categoryKey,
+    valueKey,
+    axisDetails: widget.axisDetails ?? void 0
+  };
+}
+function normalizeMatrixData(input) {
+  if (!input) return EMPTY;
+  if (Array.isArray(input)) {
+    if (!input.length || !isCell(input[0])) return EMPTY;
+    return modelFromCells(input);
+  }
+  const payload = input;
+  if (Array.isArray(payload.cells)) {
+    return modelFromCells(payload.cells, payload.xDomain, payload.yDomain);
+  }
+  if (isFuseWidgetPayload(input)) {
+    return fromFuseWidget(input);
+  }
+  return EMPTY;
+}
+export {
+  normalizeMatrixData
+};
+//# sourceMappingURL=normalize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/matrix-chart/lib/normalize.ts"],"sourcesContent":["import {\n  firstField,\n  isFuseWidgetPayload,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport { sortAxisDomain } from './domain.js';\nimport type {\n  MatrixCell,\n  MatrixCellsPayload,\n  MatrixInput,\n  MatrixModel,\n} from './types.js';\n\n/**\n * Zero-filling a dense grid is quadratic in the two domains. Past this many\n * cells the chat host would be asked to paint more rects than it can afford,\n * so the grid stays sparse (real rows only) instead.\n */\nconst MAX_FILLED_CELLS = 10_000;\n\nconst EMPTY: MatrixModel = {\n  cells: [],\n  xDomain: [],\n  yDomain: [],\n  rawValues: [],\n  categoryKey: '',\n  valueKey: '',\n};\n\ntype Row = Record<string, unknown>;\n\nfunction isCell(d: unknown): d is MatrixCell {\n  if (!d || typeof d !== 'object') return false;\n  const o = d as Row;\n  return 'x' in o && 'y' in o && 'value' in o;\n}\n\nfunction toCell(raw: MatrixCell): MatrixCell | null {\n  const x = String(raw.x ?? '');\n  const y = String(raw.y ?? '');\n  const value = Number(raw.value);\n  if (!x || !y) return null;\n  return { x, y, value: Number.isFinite(value) ? value : 0 };\n}\n\nfunction uniqueInOrder(values: string[]): string[] {\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const v of values) {\n    if (v && !seen.has(v)) {\n      seen.add(v);\n      out.push(v);\n    }\n  }\n  return out;\n}\n\nfunction modelFromCells(\n  cells: MatrixCell[],\n  xDomain?: string[],\n  yDomain?: string[],\n): MatrixModel {\n  const cleaned = cells.map(toCell).filter((c): c is MatrixCell => c != null);\n  return {\n    cells: cleaned,\n    xDomain: xDomain?.length ? xDomain : uniqueInOrder(cleaned.map((c) => c.x)),\n    yDomain: yDomain?.length ? yDomain : uniqueInOrder(cleaned.map((c) => c.y)),\n    rawValues: cleaned.map((c) => c.value),\n    categoryKey: '',\n    valueKey: '',\n  };\n}\n\n/** Mirrors client `getAdditionalKeys` — data keys that are not an axis. */\nfunction additionalKeysOf(rows: Row[], xKey: string, valueKey: string): string[] {\n  const reserved = new Set([xKey, valueKey]);\n  const keys = new Set<string>();\n  for (const row of rows) {\n    for (const key of Object.keys(row)) {\n      if (!reserved.has(key)) keys.add(key);\n    }\n  }\n  return [...keys];\n}\n\n/** Mirrors client `normalizeValue` — the zero-fill join key. */\nfunction joinValue(value: unknown): string | number {\n  if (typeof value === 'number') return value;\n  return String(value).replace(/\\s+/g, '');\n}\n\n/** Mirrors client `normalizeLocationValue` — \"State, County\" → \"County\". */\nfunction normalizeLocationValue(value: unknown): string | number {\n  if (value == null) return '';\n  if (typeof value === 'number') return value;\n  if (typeof value !== 'string') return String(value);\n\n  const trimmed = value.trim();\n  if (trimmed === '') return '';\n\n  const numValue = Number(trimmed);\n  if (Number.isFinite(numValue)) return numValue;\n\n  const commaIndex = trimmed.indexOf(', ');\n  if (commaIndex !== -1) return trimmed.substring(commaIndex + 2).trim();\n\n  return trimmed;\n}\n\n/**\n * Mirrors client `filledArrayWithZeroData`: every (column × row) combination\n * exists, missing ones carrying a zero so the grid paints a \"no data\" cell.\n */\nfunction fillWithZeroData(\n  widget: FuseWidgetLike,\n  rows: Row[],\n  xKey: string,\n  valueKey: string,\n  fillKey: string,\n): Row[] {\n  const uniqueValues = widget.uniqueValues ?? {};\n\n  const passthrough = (): Row[] =>\n    rows.map((row) => ({\n      ...row,\n      ...(fillKey ? { [fillKey]: normalizeLocationValue(row[fillKey]) } : {}),\n    }));\n\n  const xValues = uniqueValues[xKey] ?? [];\n  const yValues = fillKey ? (uniqueValues[fillKey] ?? []) : [];\n  const total = xValues.length * yValues.length;\n\n  if (!total || total === rows.length || total > MAX_FILLED_CELLS) {\n    return passthrough();\n  }\n\n  const byKey = new Map<string, Row>();\n  for (const row of rows) {\n    byKey.set(`${joinValue(row[xKey])}-${joinValue(row[fillKey])}`, row);\n  }\n\n  const filled: Row[] = [];\n  for (const xValue of xValues) {\n    for (const yValue of yValues) {\n      const matched = byKey.get(`${joinValue(xValue)}-${joinValue(yValue)}`);\n      filled.push(\n        matched ?? { [xKey]: xValue, [fillKey]: yValue, [valueKey]: 0 },\n      );\n    }\n  }\n  return filled;\n}\n\n/**\n * Row-category field. `groupBy[0]` wins whenever the rows actually carry it —\n * the client instead takes the first non-axis key in `Object.keys` order,\n * which silently picks up a stray field (`datasetId`, a passthrough column)\n * and leaves every cell outside the `uniqueValues[groupBy]` domain, painting\n * an empty grid. Falling back to a key that has a `uniqueValues` entry keeps\n * the domain and the cells on the same field.\n */\nfunction resolveCategoryKey(\n  widget: FuseWidgetLike,\n  additionalKeys: string[],\n): string {\n  const uniqueValues = widget.uniqueValues ?? {};\n  const groupField = firstField(widget.groupBy);\n  if (groupField && additionalKeys.includes(groupField)) return groupField;\n  return (\n    additionalKeys.find((key) => uniqueValues[key]) ?? additionalKeys[0] ?? 'y'\n  );\n}\n\n/**\n * Mirrors client `MatrixChart` `processedData`:\n * - columns = `xAxe[0]`, ordered by `sortAxisDomain`\n * - rows = `uniqueValues[categoryKey]`, else the categoryKey values on the rows\n * - value = `row.value ?? row[yAxe[0]]`\n */\nfunction fromFuseWidget(widget: FuseWidgetLike): MatrixModel {\n  const rows = rowsOf(widget);\n  if (!rows.length) return EMPTY;\n\n  const xKey = firstField(widget.xAxe) ?? 'x';\n  const valueKey = firstField(widget.yAxe) ?? 'y';\n\n  const rawValues = rows.map((row) => {\n    const value = Number(row.value ?? row[valueKey]);\n    return Number.isFinite(value) ? value : 0;\n  });\n\n  const additionalKeys = additionalKeysOf(rows, xKey, valueKey);\n  const categoryKey = resolveCategoryKey(widget, additionalKeys);\n\n  const uniqueValues = widget.uniqueValues ?? {};\n  // Domain and cells must read the same field, or every cell misses the scale.\n  const yValuesRaw = Array.isArray(uniqueValues[categoryKey])\n    ? uniqueValues[categoryKey]\n    : rows.map((row) => row[categoryKey]);\n\n  const yDomain = sortAxisDomain(\n    [...new Set(yValuesRaw)].filter(Boolean) as (string | number)[],\n  ).map(String);\n\n  const xDomain = sortAxisDomain(\n    [...new Set(rows.map((row) => row[xKey]))].filter(Boolean) as (\n      | string\n      | number\n    )[],\n  ).map(String);\n\n  const filled = fillWithZeroData(widget, rows, xKey, valueKey, categoryKey);\n\n  const cells: MatrixCell[] = [];\n  for (const row of filled) {\n    const x = row[xKey];\n    const y = row[categoryKey];\n    if (x == null || y == null) continue;\n    const value = Number(row.value ?? row[valueKey] ?? 0);\n    cells.push({\n      x: String(x),\n      y: String(y),\n      value: Number.isFinite(value) ? value : 0,\n    });\n  }\n\n  return {\n    cells,\n    xDomain,\n    yDomain,\n    rawValues,\n    categoryKey,\n    valueKey,\n    axisDetails: widget.axisDetails ?? undefined,\n  };\n}\n\n/** Normalize chat cells or a FuseDash WidgetItem into a matrix model. */\nexport function normalizeMatrixData(\n  input: MatrixInput | FuseWidgetLike | null | undefined,\n): MatrixModel {\n  if (!input) return EMPTY;\n\n  if (Array.isArray(input)) {\n    if (!input.length || !isCell(input[0])) return EMPTY;\n    return modelFromCells(input as MatrixCell[]);\n  }\n\n  const payload = input as MatrixCellsPayload;\n  if (Array.isArray(payload.cells)) {\n    return modelFromCells(payload.cells, payload.xDomain, payload.yDomain);\n  }\n\n  if (isFuseWidgetPayload(input)) {\n    return fromFuseWidget(input);\n  }\n\n  return EMPTY;\n}\n"],"names":[],"mappings":";;AAmBA,MAAM,mBAAmB;AAEzB,MAAM,QAAqB;AAAA,EACzB,OAAO,CAAA;AAAA,EACP,SAAS,CAAA;AAAA,EACT,SAAS,CAAA;AAAA,EACT,WAAW,CAAA;AAAA,EACX,aAAa;AAAA,EACb,UAAU;AACZ;AAIA,SAAS,OAAO,GAA6B;AAC3C,MAAI,CAAC,KAAK,OAAO,MAAM,SAAU,QAAO;AACxC,QAAM,IAAI;AACV,SAAO,OAAO,KAAK,OAAO,KAAK,WAAW;AAC5C;AAEA,SAAS,OAAO,KAAoC;AAClD,QAAM,IAAI,OAAO,IAAI,KAAK,EAAE;AAC5B,QAAM,IAAI,OAAO,IAAI,KAAK,EAAE;AAC5B,QAAM,QAAQ,OAAO,IAAI,KAAK;AAC9B,MAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,SAAO,EAAE,GAAG,GAAG,OAAO,OAAO,SAAS,KAAK,IAAI,QAAQ,EAAA;AACzD;AAEA,SAAS,cAAc,QAA4B;AACjD,QAAM,2BAAW,IAAA;AACjB,QAAM,MAAgB,CAAA;AACtB,aAAW,KAAK,QAAQ;AACtB,QAAI,KAAK,CAAC,KAAK,IAAI,CAAC,GAAG;AACrB,WAAK,IAAI,CAAC;AACV,UAAI,KAAK,CAAC;AAAA,IACZ;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,eACP,OACA,SACA,SACa;AACb,QAAM,UAAU,MAAM,IAAI,MAAM,EAAE,OAAO,CAAC,MAAuB,KAAK,IAAI;AAC1E,SAAO;AAAA,IACL,OAAO;AAAA,IACP,UAAS,mCAAS,UAAS,UAAU,cAAc,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAAA,IAC1E,UAAS,mCAAS,UAAS,UAAU,cAAc,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAAA,IAC1E,WAAW,QAAQ,IAAI,CAAC,MAAM,EAAE,KAAK;AAAA,IACrC,aAAa;AAAA,IACb,UAAU;AAAA,EAAA;AAEd;AAGA,SAAS,iBAAiB,MAAa,MAAc,UAA4B;AAC/E,QAAM,WAAW,oBAAI,IAAI,CAAC,MAAM,QAAQ,CAAC;AACzC,QAAM,2BAAW,IAAA;AACjB,aAAW,OAAO,MAAM;AACtB,eAAW,OAAO,OAAO,KAAK,GAAG,GAAG;AAClC,UAAI,CAAC,SAAS,IAAI,GAAG,EAAG,MAAK,IAAI,GAAG;AAAA,IACtC;AAAA,EACF;AACA,SAAO,CAAC,GAAG,IAAI;AACjB;AAGA,SAAS,UAAU,OAAiC;AAClD,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,SAAO,OAAO,KAAK,EAAE,QAAQ,QAAQ,EAAE;AACzC;AAGA,SAAS,uBAAuB,OAAiC;AAC/D,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI,OAAO,UAAU,SAAU,QAAO,OAAO,KAAK;AAElD,QAAM,UAAU,MAAM,KAAA;AACtB,MAAI,YAAY,GAAI,QAAO;AAE3B,QAAM,WAAW,OAAO,OAAO;AAC/B,MAAI,OAAO,SAAS,QAAQ,EAAG,QAAO;AAEtC,QAAM,aAAa,QAAQ,QAAQ,IAAI;AACvC,MAAI,eAAe,GAAI,QAAO,QAAQ,UAAU,aAAa,CAAC,EAAE,KAAA;AAEhE,SAAO;AACT;AAMA,SAAS,iBACP,QACA,MACA,MACA,UACA,SACO;AACP,QAAM,eAAe,OAAO,gBAAgB,CAAA;AAE5C,QAAM,cAAc,MAClB,KAAK,IAAI,CAAC,SAAS;AAAA,IACjB,GAAG;AAAA,IACH,GAAI,UAAU,EAAE,CAAC,OAAO,GAAG,uBAAuB,IAAI,OAAO,CAAC,MAAM,CAAA;AAAA,EAAC,EACrE;AAEJ,QAAM,UAAU,aAAa,IAAI,KAAK,CAAA;AACtC,QAAM,UAAU,UAAW,aAAa,OAAO,KAAK,CAAA,IAAM,CAAA;AAC1D,QAAM,QAAQ,QAAQ,SAAS,QAAQ;AAEvC,MAAI,CAAC,SAAS,UAAU,KAAK,UAAU,QAAQ,kBAAkB;AAC/D,WAAO,YAAA;AAAA,EACT;AAEA,QAAM,4BAAY,IAAA;AAClB,aAAW,OAAO,MAAM;AACtB,UAAM,IAAI,GAAG,UAAU,IAAI,IAAI,CAAC,CAAC,IAAI,UAAU,IAAI,OAAO,CAAC,CAAC,IAAI,GAAG;AAAA,EACrE;AAEA,QAAM,SAAgB,CAAA;AACtB,aAAW,UAAU,SAAS;AAC5B,eAAW,UAAU,SAAS;AAC5B,YAAM,UAAU,MAAM,IAAI,GAAG,UAAU,MAAM,CAAC,IAAI,UAAU,MAAM,CAAC,EAAE;AACrE,aAAO;AAAA,QACL,WAAW,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,QAAQ,GAAG,EAAA;AAAA,MAAE;AAAA,IAElE;AAAA,EACF;AACA,SAAO;AACT;AAUA,SAAS,mBACP,QACA,gBACQ;AACR,QAAM,eAAe,OAAO,gBAAgB,CAAA;AAC5C,QAAM,aAAa,WAAW,OAAO,OAAO;AAC5C,MAAI,cAAc,eAAe,SAAS,UAAU,EAAG,QAAO;AAC9D,SACE,eAAe,KAAK,CAAC,QAAQ,aAAa,GAAG,CAAC,KAAK,eAAe,CAAC,KAAK;AAE5E;AAQA,SAAS,eAAe,QAAqC;AAC3D,QAAM,OAAO,OAAO,MAAM;AAC1B,MAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,QAAM,OAAO,WAAW,OAAO,IAAI,KAAK;AACxC,QAAM,WAAW,WAAW,OAAO,IAAI,KAAK;AAE5C,QAAM,YAAY,KAAK,IAAI,CAAC,QAAQ;AAClC,UAAM,QAAQ,OAAO,IAAI,SAAS,IAAI,QAAQ,CAAC;AAC/C,WAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAAA,EAC1C,CAAC;AAED,QAAM,iBAAiB,iBAAiB,MAAM,MAAM,QAAQ;AAC5D,QAAM,cAAc,mBAAmB,QAAQ,cAAc;AAE7D,QAAM,eAAe,OAAO,gBAAgB,CAAA;AAE5C,QAAM,aAAa,MAAM,QAAQ,aAAa,WAAW,CAAC,IACtD,aAAa,WAAW,IACxB,KAAK,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC;AAEtC,QAAM,UAAU;AAAA,IACd,CAAC,GAAG,IAAI,IAAI,UAAU,CAAC,EAAE,OAAO,OAAO;AAAA,EAAA,EACvC,IAAI,MAAM;AAEZ,QAAM,UAAU;AAAA,IACd,CAAC,GAAG,IAAI,IAAI,KAAK,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,OAAO;AAAA,EAAA,EAIzD,IAAI,MAAM;AAEZ,QAAM,SAAS,iBAAiB,QAAQ,MAAM,MAAM,UAAU,WAAW;AAEzE,QAAM,QAAsB,CAAA;AAC5B,aAAW,OAAO,QAAQ;AACxB,UAAM,IAAI,IAAI,IAAI;AAClB,UAAM,IAAI,IAAI,WAAW;AACzB,QAAI,KAAK,QAAQ,KAAK,KAAM;AAC5B,UAAM,QAAQ,OAAO,IAAI,SAAS,IAAI,QAAQ,KAAK,CAAC;AACpD,UAAM,KAAK;AAAA,MACT,GAAG,OAAO,CAAC;AAAA,MACX,GAAG,OAAO,CAAC;AAAA,MACX,OAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAAA,IAAA,CACzC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAO,eAAe;AAAA,EAAA;AAEvC;AAGO,SAAS,oBACd,OACa;AACb,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,QAAI,CAAC,MAAM,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC,EAAG,QAAO;AAC/C,WAAO,eAAe,KAAqB;AAAA,EAC7C;AAEA,QAAM,UAAU;AAChB,MAAI,MAAM,QAAQ,QAAQ,KAAK,GAAG;AAChC,WAAO,eAAe,QAAQ,OAAO,QAAQ,SAAS,QAAQ,OAAO;AAAA,EACvE;AAEA,MAAI,oBAAoB,KAAK,GAAG;AAC9B,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,SAAO;AACT;"}