@fusedashlabs/widgets 0.2.0 → 0.4.0

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

@@ -0,0 +1,33 @@
+import { AxisDetail } from '../../../utils/axis-units.js';
+export interface MatrixCell {
+    /** Column category (client `xAxe`) */
+    x: string;
+    /** Row category (client `groupBy` / first additional data key) */
+    y: string;
+    value: number;
+}
+export interface MatrixModel {
+    /** Zero-filled grid — mirrors client `filledArrayWithZeroData` */
+    cells: MatrixCell[];
+    xDomain: string[];
+    yDomain: string[];
+    /**
+     * Values as they came in, before zero-filling. Client `MatrixChart` builds
+     * its color ranges from these, so filler cells stay "no data".
+     */
+    rawValues: number[];
+    /** Row-category field name — the tooltip's first label. */
+    categoryKey: string;
+    /** Measure field name (client `yAxe[0]`) — picks the value's unit. */
+    valueKey: string;
+    /** Per-field labels and measure units from the widget. */
+    axisDetails?: Record<string, AxisDetail>;
+}
+export interface MatrixCellsPayload {
+    cells: MatrixCell[];
+    xDomain?: string[];
+    yDomain?: string[];
+}
+/** Chat cells or a FuseDash WidgetItem (`data` + `xAxe`/`yAxe`/`groupBy`/`uniqueValues`). */
+export type MatrixInput = MatrixCell[] | MatrixCellsPayload | Record<string, unknown>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/matrix-chart/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,sCAAsC;IACtC,CAAC,EAAE,MAAM,CAAC;IACV,kEAAkE;IAClE,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf;AAED,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,WAAW,WAAW;IAC1B,kEAAkE;IAClE,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,6FAA6F;AAC7F,MAAM,MAAM,WAAW,GACnB,UAAU,EAAE,GACZ,kBAAkB,GAClB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,110 @@
+declare const _default: {
+  "id": "matrix-chart",
+  "tag": "ui9000-matrix-chart",
+  "title": "Matrix Chart",
+  "description": "Chat-optimized matrix / heatmap rewritten in D3 (Visx → D3). Sequential-palette cell grid with a pinned column header, no Redux.",
+  "chartTypeKeys": ["matrixChart"],
+  "source": "client/libs/shared/components/src/Widgets/MatrixChart/",
+  "stack": "d3",
+  "lazyImport": "@fusedashlabs/widgets/lazy/matrix-chart",
+  "entry": "@fusedashlabs/widgets/matrix-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "resize", "scroll"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["x", "y", "value"],
+              "properties": {
+                "x": { "type": "string" },
+                "y": { "type": "string" },
+                "value": { "type": "number" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "required": ["cells"],
+            "properties": {
+              "cells": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["x", "y", "value"],
+                  "properties": {
+                    "x": { "type": "string" },
+                    "y": { "type": "string" },
+                    "value": { "type": "number" }
+                  }
+                }
+              },
+              "xDomain": { "type": "array", "items": { "type": "string" } },
+              "yDomain": { "type": "array", "items": { "type": "string" } }
+            }
+          },
+          {
+            "type": "object",
+            "required": ["data"],
+            "properties": {
+              "data": { "type": "array", "items": { "type": "object" } },
+              "xAxe": {
+                "oneOf": [
+                  { "type": "string" },
+                  { "type": "array", "items": { "type": "string" } }
+                ]
+              },
+              "yAxe": {
+                "oneOf": [
+                  { "type": "string" },
+                  { "type": "array", "items": { "type": "string" } }
+                ]
+              },
+              "groupBy": {
+                "oneOf": [
+                  { "type": "string" },
+                  { "type": "array", "items": { "type": "string" } }
+                ]
+              },
+              "uniqueValues": {
+                "type": "object",
+                "additionalProperties": {
+                  "type": "array",
+                  "items": { "type": "string" }
+                }
+              },
+              "axisDetails": {
+                "type": "object",
+                "description": "Per-field label and measure unit, used for tooltip rows.",
+                "additionalProperties": {
+                  "type": "object",
+                  "properties": {
+                    "label": { "type": "string" },
+                    "measure_unit_type": { "type": "string" },
+                    "measure_unit": { "type": "string" },
+                    "measure_unit_symbol": { "type": "string" }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "showLegend": { "type": "boolean", "default": true },
+      "showTooltip": { "type": "boolean", "default": true }
+    },
+    "required": ["data"]
+  }
+}
+;
+
+export default _default;

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

@@ -0,0 +1,42 @@
+const id = "matrix-chart";
+const tag = "ui9000-matrix-chart";
+const title = "Matrix Chart";
+const description = "Chat-optimized matrix / heatmap rewritten in D3 (Visx → D3). Sequential-palette cell grid with a pinned column header, no Redux.";
+const chartTypeKeys = ["matrixChart"];
+const source = "client/libs/shared/components/src/Widgets/MatrixChart/";
+const stack = "d3";
+const lazyImport = "@fusedashlabs/widgets/lazy/matrix-chart";
+const entry = "@fusedashlabs/widgets/matrix-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "resize", "scroll"];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["x", "y", "value"], "properties": { "x": { "type": "string" }, "y": { "type": "string" }, "value": { "type": "number" } } } }, { "type": "object", "required": ["cells"], "properties": { "cells": { "type": "array", "items": { "type": "object", "required": ["x", "y", "value"], "properties": { "x": { "type": "string" }, "y": { "type": "string" }, "value": { "type": "number" } } } }, "xDomain": { "type": "array", "items": { "type": "string" } }, "yDomain": { "type": "array", "items": { "type": "string" } } } }, { "type": "object", "required": ["data"], "properties": { "data": { "type": "array", "items": { "type": "object" } }, "xAxe": { "oneOf": [{ "type": "string" }, { "type": "array", "items": { "type": "string" } }] }, "yAxe": { "oneOf": [{ "type": "string" }, { "type": "array", "items": { "type": "string" } }] }, "groupBy": { "oneOf": [{ "type": "string" }, { "type": "array", "items": { "type": "string" } }] }, "uniqueValues": { "type": "object", "additionalProperties": { "type": "array", "items": { "type": "string" } } }, "axisDetails": { "type": "object", "description": "Per-field label and measure unit, used for tooltip rows.", "additionalProperties": { "type": "object", "properties": { "label": { "type": "string" }, "measure_unit_type": { "type": "string" }, "measure_unit": { "type": "string" }, "measure_unit_symbol": { "type": "string" } } } } } }] }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true } }, "required": ["data"] };
+const matrixMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  matrixMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/matrix-chart/metadata.json.js.map

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

package/dist/components/matrix-chart/render/draw.d.ts

@@ -0,0 +1,63 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { SequentialColorRange } from '../../../utils/fuse-palette.js';
+import { MatrixCell, MatrixModel } from '../lib/index.js';
+export interface MatrixLayout {
+    /** Rows > `FD.matrixSeparateAxisRowLimit` → header pinned, rows scroll. */
+    separateTopAxis: boolean;
+    /** Height reserved for the column header. */
+    topAxisHeight: number;
+    /** Height of the row band stack alone. */
+    rowsHeight: number;
+    /** Full drawn height — taller than the viewport when the rows overflow. */
+    contentHeight: number;
+    needsScroll: boolean;
+}
+export interface RenderMatrixOptions extends AxisLabelTooltipHandlers {
+    model: MatrixModel;
+    width: number;
+    /** Height of the scroll viewport the plot lives in. */
+    height: number;
+    /**
+     * Stable outer height the pinned header's budget is measured against —
+     * the body box that holds both the header and the scroll area.
+     *
+     * It must NOT be the scroll viewport (`height`): the header sits above the
+     * scroll area, so sizing the header from the viewport makes the header
+     * resize itself on every redraw and settle into a visible up/down cycle.
+     */
+    bodyHeight?: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    themeMode?: 'light' | 'dark';
+    /** Pinned header host — only used when the layout separates the top axis. */
+    topAxisContainer?: HTMLElement | null;
+    onCellHover?: (payload: {
+        cell: MatrixCell;
+        event: MouseEvent;
+    }) => void;
+    onCellLeave?: () => void;
+}
+export declare function matrixColorRanges(model: MatrixModel): SequentialColorRange[];
+/** Mirrors client `calculateHorizontalLabelAngle`. */
+export declare function horizontalLabelAngle(labelWidth: number, availableWidth: number, labelHeight: number): number;
+/**
+ * Client `MatrixChart` frame: `topAxisHeight` reserves font + tick + spacing,
+ * rows never fall under `minCellHeight`, and the plot grows past the viewport
+ * instead of squeezing.
+ */
+export declare function matrixLayout(model: MatrixModel, viewportHeight: number, margin: {
+    top: number;
+    bottom: number;
+}): MatrixLayout;
+/**
+ * FuseDash MatrixChart — a sequential-palette grid with a pinned column header
+ * once the rows overflow. Plot-local coordinates translated by the margin.
+ */
+export declare function renderMatrixChart(container: HTMLElement, options: RenderMatrixOptions): void;
+//# sourceMappingURL=draw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/matrix-chart/render/draw.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,gCAAgC,CAAC;AAExC,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAY/D,MAAM,WAAW,YAAY;IAC3B,2EAA2E;IAC3E,eAAe,EAAE,OAAO,CAAC;IACzB,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,wBAAwB;IACnE,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,MAAM,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,UAAU,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACzE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,GAAG,oBAAoB,EAAE,CAK5E;AASD,sDAAsD;AACtD,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,MAAM,EAClB,cAAc,EAAE,MAAM,EACtB,WAAW,EAAE,MAAM,GAClB,MAAM,CAYR;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,WAAW,EAClB,cAAc,EAAE,MAAM,EACtB,MAAM,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACtC,YAAY,CAuBd;AAsJD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,mBAAmB,GAC3B,IAAI,CAgJN"}

package/dist/components/matrix-chart/render/draw.js

@@ -0,0 +1,225 @@
+import { scaleBand } from "d3-scale";
+import { select } from "d3-selection";
+import { decorateManualAxisLabel } from "../../../utils/axis-labels.js";
+import { generateSequentialColorRanges, sequentialColorForValue, SEQUENTIAL_1 } from "../../../utils/fuse-palette.js";
+import { FD } from "../../../utils/fusedash-visual.js";
+const NO_DATA_PATTERN_ID = "ui9000-matrix-no-data";
+const LABEL_ROTATION_COMPENSATION = 4;
+const TOP_AXIS_MAX_HEIGHT = 160;
+const TOP_AXIS_MAX_HEIGHT_RATIO = 0.35;
+function matrixColorRanges(model) {
+  return generateSequentialColorRanges(
+    model.rawValues.filter((v) => Number.isFinite(v)),
+    SEQUENTIAL_1
+  );
+}
+function cellFill(value, ranges) {
+  if (value < 0) return FD.matrixNegativeFill;
+  if (!value) return `url(#${NO_DATA_PATTERN_ID})`;
+  return sequentialColorForValue(value, ranges) ?? `url(#${NO_DATA_PATTERN_ID})`;
+}
+function horizontalLabelAngle(labelWidth, availableWidth, labelHeight) {
+  if (availableWidth <= 0 || labelWidth <= 0 || labelWidth <= availableWidth) {
+    return 0;
+  }
+  if (labelHeight >= availableWidth) return -90;
+  const ratio = Math.max(-1, Math.min(1, availableWidth * 0.8 / labelWidth));
+  const angle = Math.acos(ratio) * (180 / Math.PI) * -1;
+  const rounded = Math.ceil(angle / 5) * 5;
+  if (rounded > 0) return 0;
+  if (rounded < -90) return -90;
+  return rounded;
+}
+function matrixLayout(model, viewportHeight, margin) {
+  const topAxisHeight = Math.max(
+    margin.top,
+    FD.axisLabelSize + FD.matrixTopTickLength + FD.matrixTopLabelsSpacing + 10
+  );
+  const separateTopAxis = model.yDomain.length > FD.matrixSeparateAxisRowLimit;
+  const chrome = separateTopAxis ? 0 : topAxisHeight + margin.bottom + 10;
+  const rowsCount = model.yDomain.length;
+  const rowsHeight = Math.max(viewportHeight - chrome, 0);
+  const perRow = rowsCount ? Math.max(Math.floor(rowsHeight / rowsCount), FD.matrixMinCellHeight) : 0;
+  const stack = perRow * rowsCount;
+  const contentHeight = stack + chrome;
+  return {
+    separateTopAxis,
+    topAxisHeight,
+    rowsHeight: stack,
+    contentHeight,
+    needsScroll: contentHeight > viewportHeight
+  };
+}
+function appendNoDataPattern(defs, themeMode) {
+  const pattern = defs.append("pattern").attr("id", NO_DATA_PATTERN_ID).attr("width", 5).attr("height", 5).attr("patternUnits", "userSpaceOnUse").attr("patternTransform", "rotate(45)");
+  pattern.append("rect").attr("width", 5).attr("height", 5).attr(
+    "fill",
+    themeMode === "dark" ? FD.matrixNoDataDark : FD.matrixNoDataLight
+  );
+  pattern.append("rect").attr("width", 2).attr("height", 5).attr(
+    "fill",
+    themeMode === "dark" ? FD.matrixNoDataStripeDark : FD.matrixNoDataStripeLight
+  );
+}
+function renderTopAxis(group, xDomain, xScale, axisWidth, maxExtent, axisLabels) {
+  const available = axisWidth / Math.max(xDomain.length, 1);
+  const baselineY = -8;
+  const labels = xDomain.map((category) => {
+    const band = xScale(category);
+    const text = group.append("text").attr("y", baselineY).attr("font-size", FD.axisLabelSize).attr("fill", FD.axisLabelFill).attr("text-anchor", "middle");
+    decorateManualAxisLabel(text, category, {
+      maxLength: FD.matrixTopLabelMaxChars,
+      ...axisLabels
+    });
+    return { text, full: category, x: (band ?? 0) + xScale.bandwidth() / 2 };
+  });
+  const widthOf = (text) => {
+    var _a, _b;
+    return ((_b = (_a = text.node()) == null ? void 0 : _a.getComputedTextLength) == null ? void 0 : _b.call(_a)) || text.text().length * FD.axisLabelSize * 0.55;
+  };
+  const longest = labels.reduce(
+    (max, { text }) => Math.max(max, widthOf(text)),
+    0
+  );
+  const angle = horizontalLabelAngle(
+    longest + FD.matrixTopLabelsSpacing,
+    available,
+    FD.axisLabelSize
+  );
+  if (angle === 0) {
+    for (const { text, x } of labels) text.attr("x", x);
+    return FD.axisLabelSize + FD.matrixTopTickLength;
+  }
+  const radians = Math.PI / 180 * angle;
+  const sin = Math.abs(Math.sin(radians));
+  const chrome = FD.matrixTopTickLength + 4;
+  if (sin > 0 && sin * longest + chrome > maxExtent) {
+    const slotWidth = Math.max((maxExtent - chrome) / sin, FD.axisLabelSize);
+    for (const { text, full } of labels) {
+      decorateManualAxisLabel(text, full, {
+        maxLength: FD.matrixTopLabelMaxChars,
+        slotWidth,
+        ...axisLabels
+      });
+    }
+  }
+  const shift = FD.axisLabelSize * 0.5 - LABEL_ROTATION_COMPENSATION;
+  const groupDx = Math.cos(radians) ** 2 * shift;
+  const textDx = Math.sin(radians) ** 2 * shift;
+  let extent = 0;
+  for (const { text, x } of labels) {
+    text.attr("x", 0).attr("dx", textDx).attr("text-anchor", "start").attr(
+      "transform",
+      `translate(${x - available / 2 + groupDx},${baselineY + Math.abs(angle) * 0.1}) rotate(${angle})`
+    ).attr("y", 0);
+    extent = Math.max(extent, widthOf(text));
+  }
+  return sin * extent + chrome;
+}
+function renderYAxis(group, yDomain, yScale, gutter, axisLabels) {
+  for (const category of yDomain) {
+    const band = yScale(category);
+    if (band == null) continue;
+    const text = group.append("text").attr("x", -gutter).attr("y", band + yScale.bandwidth() / 2 + 3).attr("font-size", FD.axisLabelSize).attr("fill", FD.axisLabelFill).attr("text-anchor", "start").style("dominant-baseline", "middle");
+    decorateManualAxisLabel(text, category, {
+      maxLength: FD.matrixYLabelMaxChars,
+      ...axisLabels
+    });
+  }
+}
+function renderMatrixChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    bodyHeight = height,
+    margin = { ...FD.matrixMargin },
+    theme,
+    themeMode = "light",
+    topAxisContainer,
+    onCellHover,
+    onCellLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  const axisLabels = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  container.replaceChildren();
+  topAxisContainer == null ? void 0 : topAxisContainer.replaceChildren();
+  if (!model.cells.length || width <= 0 || height <= 0) return;
+  const layout = matrixLayout(model, height, margin);
+  const xMax = width - margin.left - margin.right;
+  const plotTop = layout.separateTopAxis ? 0 : layout.topAxisHeight;
+  if (xMax < 8 || layout.rowsHeight < 8) return;
+  const xScale = scaleBand().domain(model.xDomain).range([0, xMax]).paddingInner(0).paddingOuter(0);
+  const yScale = scaleBand().domain(model.yDomain).range([0, layout.rowsHeight]).paddingInner(0).paddingOuter(0);
+  const svgHeight = Math.max(layout.contentHeight, height);
+  const svg = select(container).append("svg").attr("width", width).attr("height", svgHeight).attr("role", "img").attr("aria-label", "Matrix chart").style("display", "block").style("font-family", theme.fontFamily);
+  appendNoDataPattern(svg.append("defs"), themeMode);
+  const plot = svg.append("g").attr("class", "plot").attr("transform", `translate(${margin.left},${plotTop})`);
+  const ranges = matrixColorRanges(model);
+  const cellPad = FD.matrixCellPadding;
+  const cellWidth = Math.max(xScale.bandwidth() - cellPad, 1);
+  const cellHeight = Math.max(yScale.bandwidth() - cellPad, 1);
+  const layer = plot.append("g").attr("class", "cells");
+  for (const cell of model.cells) {
+    const bx = xScale(cell.x);
+    const by = yScale(cell.y);
+    if (bx == null || by == null) continue;
+    const rect = layer.append("rect").attr("class", "matrix-cell").attr("x", bx).attr("y", by + cellPad / 2).attr("width", cellWidth).attr("height", cellHeight).attr("rx", FD.matrixCellRadius).attr("fill", cellFill(cell.value, ranges));
+    if (onCellHover) {
+      rect.on("mouseenter", (event) => onCellHover({ cell, event })).on("mousemove", (event) => onCellHover({ cell, event })).on("mouseleave", () => onCellLeave == null ? void 0 : onCellLeave());
+    }
+  }
+  renderYAxis(
+    plot.append("g").attr("class", "y-axis"),
+    model.yDomain,
+    yScale,
+    margin.left,
+    axisLabels
+  );
+  if (!layout.separateTopAxis) {
+    renderTopAxis(
+      plot.append("g").attr("class", "x-axis"),
+      model.xDomain,
+      xScale,
+      xMax,
+      layout.topAxisHeight,
+      axisLabels
+    );
+    return;
+  }
+  if (!topAxisContainer) return;
+  const axisSvg = select(topAxisContainer).append("svg").attr("width", width).attr("height", layout.topAxisHeight).style("display", "block").style("font-family", theme.fontFamily);
+  const axisGroup = axisSvg.append("g").attr("transform", `translate(${margin.left},${layout.topAxisHeight})`);
+  const maxExtent = Math.max(
+    layout.topAxisHeight,
+    Math.min(
+      TOP_AXIS_MAX_HEIGHT,
+      Math.round(bodyHeight * TOP_AXIS_MAX_HEIGHT_RATIO)
+    )
+  );
+  const needed = renderTopAxis(
+    axisGroup,
+    model.xDomain,
+    xScale,
+    width,
+    maxExtent,
+    axisLabels
+  );
+  const axisHeight = Math.min(
+    Math.max(layout.topAxisHeight, Math.ceil(needed)),
+    maxExtent
+  );
+  axisSvg.attr("height", axisHeight);
+  axisGroup.attr("transform", `translate(${margin.left},${axisHeight})`);
+}
+export {
+  horizontalLabelAngle,
+  matrixColorRanges,
+  matrixLayout,
+  renderMatrixChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/matrix-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/matrix-chart/render/draw.ts"],"sourcesContent":["import { scaleBand } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport {\n  decorateManualAxisLabel,\n  type AxisLabelTooltipHandlers,\n} from '../../../utils/axis-labels.js';\nimport {\n  generateSequentialColorRanges,\n  sequentialColorForValue,\n  SEQUENTIAL_1,\n  type SequentialColorRange,\n} from '../../../utils/fuse-palette.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\nimport type { MatrixCell, MatrixModel } from '../lib/index.js';\n\nconst NO_DATA_PATTERN_ID = 'ui9000-matrix-no-data';\n\n/** Client `DynamicAxisLabel` background-rect compensation. */\nconst LABEL_ROTATION_COMPENSATION = 4;\n\n/** Rotated header labels may grow the pinned axis, but never past this. */\nconst TOP_AXIS_MAX_HEIGHT = 160;\n/** …nor past this share of the widget, however long the categories are. */\nconst TOP_AXIS_MAX_HEIGHT_RATIO = 0.35;\n\nexport interface MatrixLayout {\n  /** Rows > `FD.matrixSeparateAxisRowLimit` → header pinned, rows scroll. */\n  separateTopAxis: boolean;\n  /** Height reserved for the column header. */\n  topAxisHeight: number;\n  /** Height of the row band stack alone. */\n  rowsHeight: number;\n  /** Full drawn height — taller than the viewport when the rows overflow. */\n  contentHeight: number;\n  needsScroll: boolean;\n}\n\nexport interface RenderMatrixOptions extends AxisLabelTooltipHandlers {\n  model: MatrixModel;\n  width: number;\n  /** Height of the scroll viewport the plot lives in. */\n  height: number;\n  /**\n   * Stable outer height the pinned header's budget is measured against —\n   * the body box that holds both the header and the scroll area.\n   *\n   * It must NOT be the scroll viewport (`height`): the header sits above the\n   * scroll area, so sizing the header from the viewport makes the header\n   * resize itself on every redraw and settle into a visible up/down cycle.\n   */\n  bodyHeight?: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  themeMode?: 'light' | 'dark';\n  /** Pinned header host — only used when the layout separates the top axis. */\n  topAxisContainer?: HTMLElement | null;\n  onCellHover?: (payload: { cell: MatrixCell; event: MouseEvent }) => void;\n  onCellLeave?: () => void;\n}\n\nexport function matrixColorRanges(model: MatrixModel): SequentialColorRange[] {\n  return generateSequentialColorRanges(\n    model.rawValues.filter((v) => Number.isFinite(v)),\n    SEQUENTIAL_1,\n  );\n}\n\n/** Client `getColor` + the negative / no-data special cases. */\nfunction cellFill(value: number, ranges: SequentialColorRange[]): string {\n  if (value < 0) return FD.matrixNegativeFill;\n  if (!value) return `url(#${NO_DATA_PATTERN_ID})`;\n  return sequentialColorForValue(value, ranges) ?? `url(#${NO_DATA_PATTERN_ID})`;\n}\n\n/** Mirrors client `calculateHorizontalLabelAngle`. */\nexport function horizontalLabelAngle(\n  labelWidth: number,\n  availableWidth: number,\n  labelHeight: number,\n): number {\n  if (availableWidth <= 0 || labelWidth <= 0 || labelWidth <= availableWidth) {\n    return 0;\n  }\n  if (labelHeight >= availableWidth) return -90;\n\n  const ratio = Math.max(-1, Math.min(1, (availableWidth * 0.8) / labelWidth));\n  const angle = Math.acos(ratio) * (180 / Math.PI) * -1;\n  const rounded = Math.ceil(angle / 5) * 5;\n  if (rounded > 0) return 0;\n  if (rounded < -90) return -90;\n  return rounded;\n}\n\n/**\n * Client `MatrixChart` frame: `topAxisHeight` reserves font + tick + spacing,\n * rows never fall under `minCellHeight`, and the plot grows past the viewport\n * instead of squeezing.\n */\nexport function matrixLayout(\n  model: MatrixModel,\n  viewportHeight: number,\n  margin: { top: number; bottom: number },\n): MatrixLayout {\n  const topAxisHeight = Math.max(\n    margin.top,\n    FD.axisLabelSize + FD.matrixTopTickLength + FD.matrixTopLabelsSpacing + 10,\n  );\n  const separateTopAxis = model.yDomain.length > FD.matrixSeparateAxisRowLimit;\n  const chrome = separateTopAxis ? 0 : topAxisHeight + margin.bottom + 10;\n\n  const rowsCount = model.yDomain.length;\n  const rowsHeight = Math.max(viewportHeight - chrome, 0);\n  const perRow = rowsCount\n    ? Math.max(Math.floor(rowsHeight / rowsCount), FD.matrixMinCellHeight)\n    : 0;\n\n  const stack = perRow * rowsCount;\n  const contentHeight = stack + chrome;\n  return {\n    separateTopAxis,\n    topAxisHeight,\n    rowsHeight: stack,\n    contentHeight,\n    needsScroll: contentHeight > viewportHeight,\n  };\n}\n\nfunction appendNoDataPattern(\n  defs: Selection<SVGDefsElement, unknown, null, undefined>,\n  themeMode: 'light' | 'dark',\n): void {\n  const pattern = defs\n    .append('pattern')\n    .attr('id', NO_DATA_PATTERN_ID)\n    .attr('width', 5)\n    .attr('height', 5)\n    .attr('patternUnits', 'userSpaceOnUse')\n    .attr('patternTransform', 'rotate(45)');\n  pattern\n    .append('rect')\n    .attr('width', 5)\n    .attr('height', 5)\n    .attr(\n      'fill',\n      themeMode === 'dark' ? FD.matrixNoDataDark : FD.matrixNoDataLight,\n    );\n  pattern\n    .append('rect')\n    .attr('width', 2)\n    .attr('height', 5)\n    .attr(\n      'fill',\n      themeMode === 'dark'\n        ? FD.matrixNoDataStripeDark\n        : FD.matrixNoDataStripeLight,\n    );\n}\n\n/**\n * Column header. Labels are measured, then rotated the way client\n * `useVisxDynamicAxisLabel` does once they stop fitting their band.\n */\nfunction renderTopAxis(\n  group: Selection<SVGGElement, unknown, null, undefined>,\n  xDomain: string[],\n  xScale: ReturnType<typeof scaleBand<string>>,\n  axisWidth: number,\n  maxExtent: number,\n  axisLabels: AxisLabelTooltipHandlers,\n): number {\n  const available = axisWidth / Math.max(xDomain.length, 1);\n  const baselineY = -FD.matrixTopTickLength;\n\n  const labels = xDomain.map((category) => {\n    const band = xScale(category);\n    const text = group\n      .append('text')\n      .attr('y', baselineY)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('fill', FD.axisLabelFill)\n      .attr('text-anchor', 'middle');\n    decorateManualAxisLabel(text, category, {\n      maxLength: FD.matrixTopLabelMaxChars,\n      ...axisLabels,\n    });\n    return { text, full: category, x: (band ?? 0) + xScale.bandwidth() / 2 };\n  });\n\n  // jsdom has no layout engine — fall back to the FuseDash char estimate.\n  const widthOf = (text: (typeof labels)[number]['text']): number =>\n    text.node()?.getComputedTextLength?.() ||\n    text.text().length * FD.axisLabelSize * 0.55;\n\n  const longest = labels.reduce(\n    (max, { text }) => Math.max(max, widthOf(text)),\n    0,\n  );\n\n  const angle = horizontalLabelAngle(\n    longest + FD.matrixTopLabelsSpacing,\n    available,\n    FD.axisLabelSize,\n  );\n\n  if (angle === 0) {\n    for (const { text, x } of labels) text.attr('x', x);\n    return FD.axisLabelSize + FD.matrixTopTickLength;\n  }\n\n  const radians = (Math.PI / 180) * angle;\n  const sin = Math.abs(Math.sin(radians));\n  const chrome = FD.matrixTopTickLength + 4;\n\n  // Rotated labels grow the header vertically — shorten them to the space the\n  // header is allowed to take rather than letting them clip against its edge.\n  if (sin > 0 && sin * longest + chrome > maxExtent) {\n    const slotWidth = Math.max((maxExtent - chrome) / sin, FD.axisLabelSize);\n    for (const { text, full } of labels) {\n      decorateManualAxisLabel(text, full, {\n        maxLength: FD.matrixTopLabelMaxChars,\n        slotWidth,\n        ...axisLabels,\n      });\n    }\n  }\n\n  const shift = FD.axisLabelSize * 0.5 - LABEL_ROTATION_COMPENSATION;\n  const groupDx = Math.cos(radians) ** 2 * shift;\n  const textDx = Math.sin(radians) ** 2 * shift;\n\n  let extent = 0;\n  for (const { text, x } of labels) {\n    text\n      .attr('x', 0)\n      .attr('dx', textDx)\n      .attr('text-anchor', 'start')\n      .attr(\n        'transform',\n        `translate(${x - available / 2 + groupDx},${\n          baselineY + Math.abs(angle) * 0.1\n        }) rotate(${angle})`,\n      )\n      .attr('y', 0);\n    extent = Math.max(extent, widthOf(text));\n  }\n\n  return sin * extent + chrome;\n}\n\n/** Client AxisLeft: labels sit in the left gutter, truncated to 9 characters. */\nfunction renderYAxis(\n  group: Selection<SVGGElement, unknown, null, undefined>,\n  yDomain: string[],\n  yScale: ReturnType<typeof scaleBand<string>>,\n  gutter: number,\n  axisLabels: AxisLabelTooltipHandlers,\n): void {\n  for (const category of yDomain) {\n    const band = yScale(category);\n    if (band == null) continue;\n    const text = group\n      .append('text')\n      .attr('x', -gutter)\n      .attr('y', band + yScale.bandwidth() / 2 + 3)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('fill', FD.axisLabelFill)\n      .attr('text-anchor', 'start')\n      .style('dominant-baseline', 'middle');\n    decorateManualAxisLabel(text, category, {\n      maxLength: FD.matrixYLabelMaxChars,\n      ...axisLabels,\n    });\n  }\n}\n\n/**\n * FuseDash MatrixChart — a sequential-palette grid with a pinned column header\n * once the rows overflow. Plot-local coordinates translated by the margin.\n */\nexport function renderMatrixChart(\n  container: HTMLElement,\n  options: RenderMatrixOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    bodyHeight = height,\n    margin = { ...FD.matrixMargin },\n    theme,\n    themeMode = 'light',\n    topAxisContainer,\n    onCellHover,\n    onCellLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  topAxisContainer?.replaceChildren();\n  if (!model.cells.length || width <= 0 || height <= 0) return;\n\n  const layout = matrixLayout(model, height, margin);\n  const xMax = width - margin.left - margin.right;\n  const plotTop = layout.separateTopAxis ? 0 : layout.topAxisHeight;\n  if (xMax < 8 || layout.rowsHeight < 8) return;\n\n  const xScale = scaleBand<string>()\n    .domain(model.xDomain)\n    .range([0, xMax])\n    .paddingInner(0)\n    .paddingOuter(0);\n\n  const yScale = scaleBand<string>()\n    .domain(model.yDomain)\n    .range([0, layout.rowsHeight])\n    .paddingInner(0)\n    .paddingOuter(0);\n\n  const svgHeight = Math.max(layout.contentHeight, height);\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', svgHeight)\n    .attr('role', 'img')\n    .attr('aria-label', 'Matrix chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  appendNoDataPattern(svg.append('defs'), themeMode);\n\n  const plot = svg\n    .append('g')\n    .attr('class', 'plot')\n    .attr('transform', `translate(${margin.left},${plotTop})`);\n\n  const ranges = matrixColorRanges(model);\n  const cellPad = FD.matrixCellPadding;\n  const cellWidth = Math.max(xScale.bandwidth() - cellPad, 1);\n  const cellHeight = Math.max(yScale.bandwidth() - cellPad, 1);\n\n  const layer = plot.append('g').attr('class', 'cells');\n  for (const cell of model.cells) {\n    const bx = xScale(cell.x);\n    const by = yScale(cell.y);\n    if (bx == null || by == null) continue;\n\n    const rect = layer\n      .append('rect')\n      .attr('class', 'matrix-cell')\n      .attr('x', bx)\n      .attr('y', by + cellPad / 2)\n      .attr('width', cellWidth)\n      .attr('height', cellHeight)\n      .attr('rx', FD.matrixCellRadius)\n      .attr('fill', cellFill(cell.value, ranges));\n\n    if (onCellHover) {\n      rect\n        .on('mouseenter', (event: MouseEvent) => onCellHover({ cell, event }))\n        .on('mousemove', (event: MouseEvent) => onCellHover({ cell, event }))\n        .on('mouseleave', () => onCellLeave?.());\n    }\n  }\n\n  renderYAxis(\n    plot.append('g').attr('class', 'y-axis'),\n    model.yDomain,\n    yScale,\n    margin.left,\n    axisLabels,\n  );\n\n  if (!layout.separateTopAxis) {\n    renderTopAxis(\n      plot.append('g').attr('class', 'x-axis'),\n      model.xDomain,\n      xScale,\n      xMax,\n      layout.topAxisHeight,\n      axisLabels,\n    );\n    return;\n  }\n\n  if (!topAxisContainer) return;\n\n  // Pinned header: drawn once, measured, then grown to fit rotated labels —\n  // the client's fixed 41px header clips them when the rows scroll.\n  const axisSvg = select(topAxisContainer)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', layout.topAxisHeight)\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const axisGroup = axisSvg\n    .append('g')\n    .attr('transform', `translate(${margin.left},${layout.topAxisHeight})`);\n\n  const maxExtent = Math.max(\n    layout.topAxisHeight,\n    Math.min(\n      TOP_AXIS_MAX_HEIGHT,\n      Math.round(bodyHeight * TOP_AXIS_MAX_HEIGHT_RATIO),\n    ),\n  );\n  const needed = renderTopAxis(\n    axisGroup,\n    model.xDomain,\n    xScale,\n    width,\n    maxExtent,\n    axisLabels,\n  );\n  const axisHeight = Math.min(\n    Math.max(layout.topAxisHeight, Math.ceil(needed)),\n    maxExtent,\n  );\n  axisSvg.attr('height', axisHeight);\n  axisGroup.attr('transform', `translate(${margin.left},${axisHeight})`);\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { matrixColorRanges, matrixLayout, renderMatrixChart, type MatrixLayout, type RenderMatrixOptions, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/matrix-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,KAAK,YAAY,EACjB,KAAK,mBAAmB,GACzB,MAAM,WAAW,CAAC"}

package/dist/components/network-graph/element/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const networkGraphStyles: import('lit').CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/network-graph/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/network-graph/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA0Q9B,CAAC"}