@fusedashlabs/widgets 0.2.0 → 0.3.1

package/dist/components/parallel-coordinates-chart/lib/normalize.js

@@ -0,0 +1,156 @@
+import { resolveFormattingColor } from "../../../utils/fuse-palette.js";
+import { firstField } from "../../../utils/fuse-widget.js";
+const MAX_PARALLEL_LINES = 2e3;
+function resolveParallelFormatting(formatting) {
+  const existing = Array.isArray(formatting) ? formatting : [];
+  return ["defaultMin", "defaultMax"].map(
+    (key, index) => existing.find((entry) => entry.key === key) ?? { key, color: String(index + 1) }
+  );
+}
+const EMPTY_MODEL = {
+  orientation: "horizontal",
+  axes: [],
+  rows: [],
+  idKey: "",
+  colorKey: "",
+  minColor: "#473DD9",
+  maxColor: "#36C4A5",
+  lineColor: "#473DD9"
+};
+function toOrientation(value) {
+  return value === "vertical" ? "vertical" : "horizontal";
+}
+function toNumber(value) {
+  if (value == null || value === "") return null;
+  const n = typeof value === "number" ? value : Number(value);
+  return Number.isFinite(n) ? n : null;
+}
+function isRecord(value) {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function compareAscending(a, b) {
+  if (a == null) return b == null ? 0 : 1;
+  if (b == null) return -1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  return String(a).localeCompare(String(b), void 0, { numeric: true });
+}
+function axesFromUniqueValues(uniqueValues) {
+  const source = Array.isArray(uniqueValues) ? uniqueValues[0] : uniqueValues;
+  if (!isRecord(source)) return [];
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const value of Object.values(source)) {
+    for (const entry of Array.isArray(value) ? value : [value]) {
+      if (typeof entry !== "string" || !entry) continue;
+      if (seen.has(entry)) continue;
+      seen.add(entry);
+      out.push(entry);
+    }
+  }
+  return out;
+}
+function axesFromRows(rows) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const row of rows) {
+    for (const [key, value] of Object.entries(row)) {
+      if (seen.has(key) || toNumber(value) == null) continue;
+      seen.add(key);
+      out.push(key);
+    }
+  }
+  return out;
+}
+function idKeyFromRows(rows, axes) {
+  const axisSet = new Set(axes);
+  for (const row of rows) {
+    for (const key of Object.keys(row)) {
+      if (!axisSet.has(key)) return key;
+    }
+  }
+  return "";
+}
+function buildRows(raw, axes, idKey) {
+  const sorted = idKey ? raw.slice().sort((a, b) => compareAscending(a[idKey], b[idKey])) : raw.slice();
+  const rows = [];
+  for (const row of sorted) {
+    const values = {};
+    let hasValue = false;
+    for (const axis of axes) {
+      const value = toNumber(row[axis]);
+      values[axis] = value;
+      if (value != null) hasValue = true;
+    }
+    if (!hasValue) continue;
+    rows.push({ id: idKey ? String(row[idKey] ?? "") : String(rows.length + 1), values });
+    if (rows.length >= MAX_PARALLEL_LINES) break;
+  }
+  return rows;
+}
+function buildModel(options) {
+  const { orientation, axes, rows, idKey } = options;
+  if (!axes.length || !rows.length) return { ...EMPTY_MODEL, orientation };
+  const formatting = resolveParallelFormatting(options.formatting);
+  const minColor = resolveFormattingColor(formatting, "defaultMin", formatting.length);
+  const maxColor = resolveFormattingColor(formatting, "defaultMax", formatting.length);
+  const hint = options.colorKeyHint;
+  const colorKey = hint && axes.includes(hint) ? hint : axes[0];
+  return {
+    orientation,
+    axes,
+    rows,
+    idKey,
+    colorKey,
+    minColor,
+    maxColor,
+    lineColor: minColor
+  };
+}
+function fromFuse(payload) {
+  const orientation = toOrientation(payload.orientation);
+  const axes = axesFromUniqueValues(payload.uniqueValues);
+  const raw = payload.data.filter(isRecord);
+  const idKey = firstField(payload.xAxe ?? void 0) ?? "";
+  if (!axes.length) return { ...EMPTY_MODEL, orientation };
+  return buildModel({
+    orientation,
+    axes,
+    rows: buildRows(raw, axes, idKey),
+    idKey,
+    colorKeyHint: firstField(payload.yAxe ?? void 0),
+    formatting: payload.formatting
+  });
+}
+function fromRows(payload) {
+  var _a;
+  const orientation = toOrientation(payload.orientation);
+  const raw = payload.rows.filter(isRecord);
+  const axes = ((_a = payload.axes) == null ? void 0 : _a.length) ? payload.axes.map(String) : axesFromRows(raw);
+  if (!axes.length) return { ...EMPTY_MODEL, orientation };
+  const idKey = payload.idKey ? String(payload.idKey) : idKeyFromRows(raw, axes);
+  return buildModel({
+    orientation,
+    axes,
+    rows: buildRows(raw, axes, idKey),
+    idKey
+  });
+}
+function isFusePayload(input) {
+  return isRecord(input) && Array.isArray(input.data);
+}
+function isRowsPayload(input) {
+  return isRecord(input) && Array.isArray(input.rows);
+}
+function normalizeParallelCoordinatesData(input) {
+  if (!input) return { ...EMPTY_MODEL };
+  if (Array.isArray(input)) return fromRows({ rows: input });
+  if (isRowsPayload(input)) return fromRows(input);
+  if (isFusePayload(input)) return fromFuse(input);
+  return { ...EMPTY_MODEL };
+}
+export {
+  MAX_PARALLEL_LINES,
+  normalizeParallelCoordinatesData,
+  resolveParallelFormatting
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/parallel-coordinates-chart/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/parallel-coordinates-chart/lib/normalize.ts"],"sourcesContent":["import { resolveFormattingColor, type FuseFormattingEntry } from '../../../utils/fuse-palette.js';\nimport { firstField } from '../../../utils/fuse-widget.js';\nimport type {\n  ParallelCoordinatesFusePayload,\n  ParallelCoordinatesInput,\n  ParallelCoordinatesModel,\n  ParallelCoordinatesOrientation,\n  ParallelCoordinatesRow,\n  ParallelCoordinatesRowsPayload,\n} from './types.js';\n\n/**\n * One SVG path per row, so a raw dataset is capped before it reaches the draw\n * layer. 2000 polylines already saturate the plot at chat sizes.\n */\nexport const MAX_PARALLEL_LINES = 2000;\n\n/**\n * Client `getParallelCoordinatesChartFormatting` — the settings panel writes\n * these two entries onto every parallelCoordinatesChart widget, so a mock that\n * carries no `formatting` still resolves a two-ended ramp instead of one flat\n * colour.\n */\nexport function resolveParallelFormatting(\n  formatting: FuseFormattingEntry[] | null | undefined,\n): FuseFormattingEntry[] {\n  const existing = Array.isArray(formatting) ? formatting : [];\n  return ['defaultMin', 'defaultMax'].map(\n    (key, index) =>\n      existing.find((entry) => entry.key === key) ?? { key, color: String(index + 1) },\n  );\n}\n\nconst EMPTY_MODEL: ParallelCoordinatesModel = {\n  orientation: 'horizontal',\n  axes: [],\n  rows: [],\n  idKey: '',\n  colorKey: '',\n  minColor: '#473DD9',\n  maxColor: '#36C4A5',\n  lineColor: '#473DD9',\n};\n\nfunction toOrientation(value: unknown): ParallelCoordinatesOrientation {\n  return value === 'vertical' ? 'vertical' : 'horizontal';\n}\n\nfunction toNumber(value: unknown): number | null {\n  if (value == null || value === '') return null;\n  const n = typeof value === 'number' ? value : Number(value);\n  return Number.isFinite(n) ? n : null;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return !!value && typeof value === 'object' && !Array.isArray(value);\n}\n\n/** Mirrors d3-array `ascending`: nullish sorts last, otherwise natural order. */\nfunction compareAscending(a: unknown, b: unknown): number {\n  if (a == null) return b == null ? 0 : 1;\n  if (b == null) return -1;\n  if (typeof a === 'number' && typeof b === 'number') return a - b;\n  return String(a).localeCompare(String(b), undefined, { numeric: true });\n}\n\n/**\n * Client axis-key derivation: flatten every `uniqueValues` list and keep the\n * non-empty strings. The widget's `yAxe` names the *field* holding the\n * dimension list, never an axis itself.\n */\nfunction axesFromUniqueValues(\n  uniqueValues: ParallelCoordinatesFusePayload['uniqueValues'],\n): string[] {\n  const source = Array.isArray(uniqueValues) ? uniqueValues[0] : uniqueValues;\n  if (!isRecord(source)) return [];\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const value of Object.values(source)) {\n    for (const entry of Array.isArray(value) ? value : [value]) {\n      if (typeof entry !== 'string' || !entry) continue;\n      if (seen.has(entry)) continue;\n      seen.add(entry);\n      out.push(entry);\n    }\n  }\n  return out;\n}\n\n/** Chat fallback: every key that holds a finite number in at least one row. */\nfunction axesFromRows(rows: Array<Record<string, unknown>>): string[] {\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const row of rows) {\n    for (const [key, value] of Object.entries(row)) {\n      if (seen.has(key) || toNumber(value) == null) continue;\n      seen.add(key);\n      out.push(key);\n    }\n  }\n  return out;\n}\n\n/** Chat fallback: first key that is never numeric — the natural line label. */\nfunction idKeyFromRows(\n  rows: Array<Record<string, unknown>>,\n  axes: string[],\n): string {\n  const axisSet = new Set(axes);\n  for (const row of rows) {\n    for (const key of Object.keys(row)) {\n      if (!axisSet.has(key)) return key;\n    }\n  }\n  return '';\n}\n\nfunction buildRows(\n  raw: Array<Record<string, unknown>>,\n  axes: string[],\n  idKey: string,\n): ParallelCoordinatesRow[] {\n  const sorted = idKey\n    ? raw.slice().sort((a, b) => compareAscending(a[idKey], b[idKey]))\n    : raw.slice();\n\n  const rows: ParallelCoordinatesRow[] = [];\n  for (const row of sorted) {\n    const values: Record<string, number | null> = {};\n    let hasValue = false;\n    for (const axis of axes) {\n      const value = toNumber(row[axis]);\n      values[axis] = value;\n      if (value != null) hasValue = true;\n    }\n    if (!hasValue) continue;\n    rows.push({ id: idKey ? String(row[idKey] ?? '') : String(rows.length + 1), values });\n    if (rows.length >= MAX_PARALLEL_LINES) break;\n  }\n  return rows;\n}\n\nfunction buildModel(options: {\n  orientation: ParallelCoordinatesOrientation;\n  axes: string[];\n  rows: ParallelCoordinatesRow[];\n  idKey: string;\n  colorKeyHint?: string;\n  formatting?: FuseFormattingEntry[] | null;\n}): ParallelCoordinatesModel {\n  const { orientation, axes, rows, idKey } = options;\n  if (!axes.length || !rows.length) return { ...EMPTY_MODEL, orientation };\n\n  const formatting = resolveParallelFormatting(options.formatting);\n  const minColor = resolveFormattingColor(formatting, 'defaultMin', formatting.length);\n  const maxColor = resolveFormattingColor(formatting, 'defaultMax', formatting.length);\n  // Client: `yAxe` wins only when it is itself one of the dimensions.\n  const hint = options.colorKeyHint;\n  const colorKey = hint && axes.includes(hint) ? hint : axes[0];\n\n  return {\n    orientation,\n    axes,\n    rows,\n    idKey,\n    colorKey,\n    minColor,\n    maxColor,\n    lineColor: minColor,\n  };\n}\n\nfunction fromFuse(payload: ParallelCoordinatesFusePayload): ParallelCoordinatesModel {\n  const orientation = toOrientation(payload.orientation);\n  const axes = axesFromUniqueValues(payload.uniqueValues);\n  const raw = payload.data.filter(isRecord);\n  const idKey = firstField(payload.xAxe ?? undefined) ?? '';\n  if (!axes.length) return { ...EMPTY_MODEL, orientation };\n\n  return buildModel({\n    orientation,\n    axes,\n    rows: buildRows(raw, axes, idKey),\n    idKey,\n    colorKeyHint: firstField(payload.yAxe ?? undefined),\n    formatting: payload.formatting,\n  });\n}\n\nfunction fromRows(payload: ParallelCoordinatesRowsPayload): ParallelCoordinatesModel {\n  const orientation = toOrientation(payload.orientation);\n  const raw = payload.rows.filter(isRecord);\n  const axes = payload.axes?.length ? payload.axes.map(String) : axesFromRows(raw);\n  if (!axes.length) return { ...EMPTY_MODEL, orientation };\n  const idKey = payload.idKey ? String(payload.idKey) : idKeyFromRows(raw, axes);\n\n  return buildModel({\n    orientation,\n    axes,\n    rows: buildRows(raw, axes, idKey),\n    idKey,\n  });\n}\n\nfunction isFusePayload(input: unknown): input is ParallelCoordinatesFusePayload {\n  return isRecord(input) && Array.isArray(input.data);\n}\n\nfunction isRowsPayload(input: unknown): input is ParallelCoordinatesRowsPayload {\n  return isRecord(input) && Array.isArray(input.rows);\n}\n\n/**\n * Normalize chat / FuseDash payloads into a ParallelCoordinatesModel.\n * Accepts:\n * 1. `Record<string, unknown>[]` — plain rows, numeric keys become the axes\n * 2. `{ orientation?, axes?, idKey?, rows: [...] }`\n * 3. FuseDash `{ orientation?, xAxe?, yAxe?, uniqueValues, data: [...] }`\n */\nexport function normalizeParallelCoordinatesData(\n  input: ParallelCoordinatesInput | null | undefined,\n): ParallelCoordinatesModel {\n  if (!input) return { ...EMPTY_MODEL };\n  if (Array.isArray(input)) return fromRows({ rows: input });\n  if (isRowsPayload(input)) return fromRows(input);\n  if (isFusePayload(input)) return fromFuse(input);\n  return { ...EMPTY_MODEL };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/parallel-coordinates-chart/lib/types.d.ts

@@ -0,0 +1,48 @@
+export type ParallelCoordinatesOrientation = 'horizontal' | 'vertical';
+/** One polyline: a single record crossing every dimension axis. */
+export interface ParallelCoordinatesRow {
+    /** Value of the identity field (`xAxe`), used for sort order and tooltips. */
+    id: string;
+    /** Dimension key → numeric value; `null` breaks the polyline at that axis. */
+    values: Record<string, number | null>;
+}
+export interface ParallelCoordinatesModel {
+    orientation: ParallelCoordinatesOrientation;
+    /** Dimension keys in `uniqueValues` order — one axis each. */
+    axes: string[];
+    rows: ParallelCoordinatesRow[];
+    /** Field the rows were sorted and labelled by (client `xAxe`). */
+    idKey: string;
+    /** Axis whose value drives the line colour until another axis is clicked. */
+    colorKey: string;
+    /** Low end of the colour ramp (formatting key `defaultMin`). */
+    minColor: string;
+    /** High end of the colour ramp (formatting key `defaultMax`). */
+    maxColor: string;
+    /** Fallback for rows whose colour axis has no finite value. */
+    lineColor: string;
+}
+/** FuseDash `parallelCoordinatesChart` widget payload. */
+export interface ParallelCoordinatesFusePayload {
+    data: Array<Record<string, unknown>>;
+    orientation?: string | null;
+    xAxe?: string | string[] | null;
+    yAxe?: string | string[] | null;
+    /** `Object.values()` of this object supplies the axis keys. */
+    uniqueValues?: Record<string, string[]> | Array<Record<string, string[]>> | null;
+    formatting?: Array<{
+        key?: string;
+        color?: string | number;
+    }> | null;
+}
+/** Chat payload that names its own axes. */
+export interface ParallelCoordinatesRowsPayload {
+    orientation?: string | null;
+    /** Omit to infer from the numeric keys of the first row. */
+    axes?: string[] | null;
+    /** Field to label lines by; defaults to the first non-numeric key. */
+    idKey?: string | null;
+    rows: Array<Record<string, unknown>>;
+}
+export type ParallelCoordinatesInput = Array<Record<string, unknown>> | ParallelCoordinatesRowsPayload | ParallelCoordinatesFusePayload;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/parallel-coordinates-chart/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,8BAA8B,GAAG,YAAY,GAAG,UAAU,CAAC;AAEvE,mEAAmE;AACnE,MAAM,WAAW,sBAAsB;IACrC,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX,8EAA8E;IAC9E,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,8BAA8B,CAAC;IAC5C,8DAA8D;IAC9D,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,0DAA0D;AAC1D,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAChC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IACjF,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;CACtE;AAED,4CAA4C;AAC5C,MAAM,WAAW,8BAA8B;IAC7C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACtC;AAED,MAAM,MAAM,wBAAwB,GAChC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAC9B,8BAA8B,GAC9B,8BAA8B,CAAC"}

package/dist/components/parallel-coordinates-chart/metadata.json.d.ts

@@ -0,0 +1,103 @@
+declare const _default: {
+  "id": "parallel-coordinates-chart",
+  "tag": "ui9000-parallel-coordinates-chart",
+  "title": "Parallel Coordinates Chart",
+  "description": "Chat-optimized parallel coordinates rewritten in D3 (client d3-axis/d3-scale + Redux → props-only Lit element). One linear axis per dimension, a polyline per record, coloured by the active axis; click an axis to move the colour ramp onto it.",
+  "chartTypeKeys": ["parallelCoordinatesChart"],
+  "source": "client/libs/shared/components/src/Widgets/ParallelCoordinatesChart/",
+  "stack": "d3",
+  "lazyImport": "@fusedashlabs/widgets/lazy/parallel-coordinates-chart",
+  "entry": "@fusedashlabs/widgets/parallel-coordinates-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "select", "resize"],
+  "divergences": [
+    {
+      "rule": "Legend is HTML in the shell, above the plot",
+      "deviation": "The colour ramp renders as an SVG gutter legend inside the plot's reserved bottom (horizontal) or right (vertical) band, not as HTML above it.",
+      "why": "The ramp is a continuous scale keyed to the active axis and reads as part of the axis furniture; the client draws it the same way, so keeping it in SVG preserves the layout hosts already expect. Discrete series legends still follow the house rule."
+    },
+    {
+      "rule": "Ports match the client 1:1",
+      "deviation": "Vertical orientation maps the axis maximum to the top of the plot; the client's VerticalParallelCoordinatesChart maps it to the bottom.",
+      "why": "The client transposed the horizontal variant without flipping the SVG y range, leaving its axes inverted and contradicting its own colour ramp. Horizontal is the acceptance path; the vertical fix is deliberate."
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": { "type": "object" },
+            "description": "Plain rows; every key holding a finite number becomes an axis."
+          },
+          {
+            "type": "object",
+            "required": ["rows"],
+            "properties": {
+              "rows": { "type": "array", "items": { "type": "object" } },
+              "axes": { "type": "array", "items": { "type": "string" } },
+              "idKey": { "type": "string" },
+              "orientation": { "enum": ["horizontal", "vertical"] }
+            }
+          },
+          {
+            "type": "object",
+            "required": ["data"],
+            "properties": {
+              "data": { "type": "array", "items": { "type": "object" } },
+              "orientation": { "enum": ["horizontal", "vertical"] },
+              "xAxe": {
+                "oneOf": [
+                  { "type": "string" },
+                  { "type": "array", "items": { "type": "string" } }
+                ],
+                "description": "Identity field — rows sort by it and tooltips label by it."
+              },
+              "yAxe": {
+                "oneOf": [
+                  { "type": "string" },
+                  { "type": "array", "items": { "type": "string" } }
+                ],
+                "description": "Colour axis hint; used only when it names one of the dimensions."
+              },
+              "uniqueValues": {
+                "type": "object",
+                "description": "Flattened values supply the dimension axes, in order.",
+                "additionalProperties": {
+                  "type": "array",
+                  "items": { "type": "string" }
+                }
+              },
+              "formatting": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "properties": {
+                    "key": { "type": "string" },
+                    "color": { "type": ["string", "number"] }
+                  }
+                },
+                "description": "`defaultMin` / `defaultMax` set the two ends of the colour ramp."
+              }
+            }
+          }
+        ]
+      },
+      "orientation": { "enum": ["horizontal", "vertical"] },
+      "showLegend": { "type": "boolean", "default": true },
+      "showTooltip": { "type": "boolean", "default": true },
+      "colorKey": { "type": "string" }
+    },
+    "required": ["data"]
+  }
+}
+;
+
+export default _default;

package/dist/components/parallel-coordinates-chart/metadata.json.js

@@ -0,0 +1,45 @@
+const id = "parallel-coordinates-chart";
+const tag = "ui9000-parallel-coordinates-chart";
+const title = "Parallel Coordinates Chart";
+const description = "Chat-optimized parallel coordinates rewritten in D3 (client d3-axis/d3-scale + Redux → props-only Lit element). One linear axis per dimension, a polyline per record, coloured by the active axis; click an axis to move the colour ramp onto it.";
+const chartTypeKeys = ["parallelCoordinatesChart"];
+const source = "client/libs/shared/components/src/Widgets/ParallelCoordinatesChart/";
+const stack = "d3";
+const lazyImport = "@fusedashlabs/widgets/lazy/parallel-coordinates-chart";
+const entry = "@fusedashlabs/widgets/parallel-coordinates-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "select", "resize"];
+const divergences = [{ "rule": "Legend is HTML in the shell, above the plot", "deviation": "The colour ramp renders as an SVG gutter legend inside the plot's reserved bottom (horizontal) or right (vertical) band, not as HTML above it.", "why": "The ramp is a continuous scale keyed to the active axis and reads as part of the axis furniture; the client draws it the same way, so keeping it in SVG preserves the layout hosts already expect. Discrete series legends still follow the house rule." }, { "rule": "Ports match the client 1:1", "deviation": "Vertical orientation maps the axis maximum to the top of the plot; the client's VerticalParallelCoordinatesChart maps it to the bottom.", "why": "The client transposed the horizontal variant without flipping the SVG y range, leaving its axes inverted and contradicting its own colour ramp. Horizontal is the acceptance path; the vertical fix is deliberate." }];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object" }, "description": "Plain rows; every key holding a finite number becomes an axis." }, { "type": "object", "required": ["rows"], "properties": { "rows": { "type": "array", "items": { "type": "object" } }, "axes": { "type": "array", "items": { "type": "string" } }, "idKey": { "type": "string" }, "orientation": { "enum": ["horizontal", "vertical"] } } }, { "type": "object", "required": ["data"], "properties": { "data": { "type": "array", "items": { "type": "object" } }, "orientation": { "enum": ["horizontal", "vertical"] }, "xAxe": { "oneOf": [{ "type": "string" }, { "type": "array", "items": { "type": "string" } }], "description": "Identity field — rows sort by it and tooltips label by it." }, "yAxe": { "oneOf": [{ "type": "string" }, { "type": "array", "items": { "type": "string" } }], "description": "Colour axis hint; used only when it names one of the dimensions." }, "uniqueValues": { "type": "object", "description": "Flattened values supply the dimension axes, in order.", "additionalProperties": { "type": "array", "items": { "type": "string" } } }, "formatting": { "type": "array", "items": { "type": "object", "properties": { "key": { "type": "string" }, "color": { "type": ["string", "number"] } } }, "description": "`defaultMin` / `defaultMax` set the two ends of the colour ramp." } } }] }, "orientation": { "enum": ["horizontal", "vertical"] }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "colorKey": { "type": "string" } }, "required": ["data"] };
+const parallelCoordinatesMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  divergences,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  parallelCoordinatesMeta as default,
+  description,
+  divergences,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/parallel-coordinates-chart/metadata.json.js.map

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

package/dist/components/parallel-coordinates-chart/render/draw.d.ts

@@ -0,0 +1,30 @@
+import { ChartDimensions, WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { ParallelCoordinatesModel, ParallelCoordinatesOrientation, ParallelCoordinatesRow } from '../lib/index.js';
+export interface ParallelCoordinatesHover {
+    row: ParallelCoordinatesRow;
+    event: MouseEvent;
+}
+export interface RenderParallelCoordinatesOptions extends AxisLabelTooltipHandlers {
+    model: ParallelCoordinatesModel;
+    width: number;
+    height: number;
+    margin: ChartDimensions['margin'];
+    theme: WidgetTheme;
+    orientation: ParallelCoordinatesOrientation;
+    /** Draws the colour ramp for the active axis in the right gutter. */
+    showLegend: boolean;
+    /** Axis driving line colour; falls back to `model.colorKey`. */
+    colorKey?: string;
+    onRowHover?: (payload: ParallelCoordinatesHover) => void;
+    onRowLeave?: () => void;
+    /** Fired when a click on an axis promotes it to the colour axis. */
+    onColorKeyChange?: (key: string) => void;
+}
+/**
+ * FuseDash ParallelCoordinatesChart plot — one linear axis per dimension with a
+ * polyline per record, coloured by the value on the active axis. Click any axis
+ * to move the colour ramp onto it.
+ */
+export declare function renderParallelCoordinatesChart(container: HTMLElement, options: RenderParallelCoordinatesOptions): void;
+//# sourceMappingURL=draw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/parallel-coordinates-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAA2B,KAAK,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEvG,OAAO,EAKL,KAAK,wBAAwB,EAC7B,KAAK,8BAA8B,EACnC,KAAK,sBAAsB,EAC5B,MAAM,iBAAiB,CAAC;AAQzB,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,sBAAsB,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,gCAAiC,SAAQ,wBAAwB;IAChF,KAAK,EAAE,wBAAwB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAClC,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,EAAE,8BAA8B,CAAC;IAC5C,qEAAqE;IACrE,UAAU,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAgCD;;;;GAIG;AACH,wBAAgB,8BAA8B,CAC5C,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,gCAAgC,GACxC,IAAI,CAgPN"}

package/dist/components/parallel-coordinates-chart/render/draw.js

@@ -0,0 +1,160 @@
+import { axisLeft, axisRight, axisBottom } from "d3-axis";
+import { scaleLinear, scalePoint } from "d3-scale";
+import { select } from "d3-selection";
+import { line } from "d3-shape";
+import { decorateManualAxisLabel } from "../../../utils/axis-labels.js";
+import { FD } from "../../../utils/fusedash-visual.js";
+import { axisExtents, tickCountForSpan } from "../lib/domain.js";
+import { formatAxisTick, AXIS_TITLE_MAX } from "../lib/format.js";
+const MIN_WIDTH = 120;
+const MIN_HEIGHT = 60;
+let gradientSeq = 0;
+const PLOT_CSS = `
+.line-path { pointer-events: visibleStroke; transition: stroke-opacity .2s, stroke-width .2s; }
+.plot.is-hovering .line-path { stroke-opacity: ${FD.parallelLineOpacityDimmed}; }
+.plot.is-hovering .line-path.is-hovered { stroke-opacity: 1; stroke-width: ${FD.parallelLineWidthHovered}px; }
+.x-axis .tick:first-of-type text { text-anchor: start; }
+.x-axis .tick:last-of-type text { text-anchor: end; }
+/* Ticks render in ascending domain order: first is now the bottom edge. */
+.y-axis .tick:first-of-type text { dominant-baseline: ideographic; }
+.y-axis .tick:last-of-type text { dominant-baseline: central; }
+`;
+function styleAxis(group) {
+  group.select(".domain").attr("stroke", FD.parallelAxisStroke);
+  group.selectAll(".tick line").attr("stroke", FD.parallelAxisStroke);
+  group.selectAll("text").attr("fill", FD.parallelAxisLabelFill).attr("font-size", FD.axisLabelSize);
+}
+function renderParallelCoordinatesChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    margin,
+    theme,
+    orientation,
+    showLegend,
+    onRowHover,
+    onRowLeave,
+    onColorKeyChange
+  } = options;
+  container.replaceChildren();
+  const { axes, rows } = model;
+  if (!axes.length || !rows.length || width < MIN_WIDTH || height < MIN_HEIGHT) return;
+  const requested = options.colorKey ?? model.colorKey;
+  let colorKey = axes.includes(requested) ? requested : axes[0];
+  const gutter = showLegend ? FD.parallelLegendOffsetRight + FD.parallelLegendWidth + FD.parallelLegendTickLabelWidth : 0;
+  const innerWidth = width - margin.left - margin.right;
+  const plotWidth = innerWidth - gutter;
+  const plotRight = Math.max(margin.left, plotWidth - margin.right);
+  const vertical = orientation === "vertical";
+  const coordinateHeight = FD.parallelAxisSpacing * axes.length;
+  const innerHeight = height - margin.top - margin.bottom;
+  const plotBottom = vertical ? innerHeight - margin.bottom - FD.parallelColorScaleHeight : coordinateHeight - margin.bottom;
+  const svgHeight = vertical ? height : coordinateHeight + margin.top + margin.bottom * 2;
+  if (plotBottom <= margin.top) return;
+  const extents = axisExtents(rows, axes);
+  const valueScales = /* @__PURE__ */ new Map();
+  for (const axis of axes) {
+    valueScales.set(
+      axis,
+      scaleLinear().domain(extents.get(axis)).range(vertical ? [plotBottom, margin.top] : [margin.left, plotRight])
+    );
+  }
+  const bandScale = scalePoint().domain(axes).range(vertical ? [margin.left, plotRight] : [margin.top, plotBottom]);
+  const svg = select(container).append("svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("role", "img").attr("aria-label", "Parallel coordinates chart").style("display", "block").style("font-family", theme.fontFamily);
+  svg.append("style").text(PLOT_CSS);
+  const root = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
+  const lastIndex = axes.length - 1;
+  const axisSpan = vertical ? plotBottom - margin.top : plotRight - margin.left;
+  const tickCount = tickCountForSpan(axisSpan);
+  const bandStep = axes.length > 1 ? Math.abs(Number(bandScale.step())) : plotRight;
+  const titleSlot = vertical ? Math.max(0, bandStep - 8) : plotWidth;
+  const axisGroups = root.append("g").selectAll("g").data(axes).join("g").attr("class", vertical ? "y-axis" : "x-axis").attr(
+    "transform",
+    (key) => vertical ? `translate(${bandScale(key)}, 0)` : `translate(0, ${bandScale(key)})`
+  ).style("cursor", "pointer").on("click", (_event, key) => setColorKey(key));
+  axisGroups.each(function(key, index) {
+    const group = select(this);
+    const scale = valueScales.get(key);
+    const axisFn = vertical ? index === lastIndex ? axisLeft(scale) : axisRight(scale) : axisBottom(scale);
+    group.call(
+      axisFn.ticks(tickCount).tickSize(4).tickPadding(8).tickFormat(
+        (d) => formatAxisTick(Number(d))
+      )
+    );
+    styleAxis(group);
+  });
+  const axisTitles = axisGroups.append("text").attr("class", "axis-title").attr("x", margin.left).attr("y", vertical ? 0 : -10).attr(
+    "text-anchor",
+    (_key, index) => vertical && index === lastIndex ? "end" : "start"
+  ).attr("fill", FD.parallelAxisLabelFill);
+  axisTitles.each(function(key) {
+    decorateManualAxisLabel(select(this), key, {
+      maxLength: AXIS_TITLE_MAX,
+      slotWidth: titleSlot,
+      onAxisLabelHover: options.onAxisLabelHover,
+      onAxisLabelLeave: options.onAxisLabelLeave
+    });
+  });
+  const plot = root.append("g").attr("class", "plot").attr("fill", "none");
+  const valueAt = ([key, value]) => valueScales.get(key)(value ?? 0);
+  const bandAt = ([key]) => Number(bandScale(key));
+  const lineFn = line().defined(([, value]) => value != null).x(vertical ? bandAt : valueAt).y(vertical ? valueAt : bandAt);
+  const paths = plot.selectAll("path").data(rows).join("path").attr("class", "line-path").attr("stroke-width", FD.parallelLineWidth).attr("stroke-opacity", FD.parallelLineOpacity).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr(
+    "d",
+    (row) => lineFn(axes.map((key) => [key, row.values[key]]))
+  );
+  paths.on("mouseenter", function(event, row) {
+    plot.classed("is-hovering", true);
+    select(this).classed("is-hovered", true);
+    onRowHover == null ? void 0 : onRowHover({ row, event });
+  }).on("mousemove", (event, row) => onRowHover == null ? void 0 : onRowHover({ row, event })).on("mouseleave", function() {
+    plot.classed("is-hovering", false);
+    select(this).classed("is-hovered", false);
+    onRowLeave == null ? void 0 : onRowLeave();
+  });
+  const gradientId = `ui9000-parallel-ramp-${gradientSeq += 1}`;
+  const legendGroup = showLegend ? root.append("g").attr("class", "color-legend") : null;
+  if (legendGroup) {
+    const defs = svg.append("defs");
+    const gradient = defs.append("linearGradient").attr("id", gradientId).attr("x1", "0%").attr("x2", "0%").attr("y1", "100%").attr("y2", "0%");
+    gradient.append("stop").attr("offset", "0%").attr("stop-color", model.minColor);
+    gradient.append("stop").attr("offset", "100%").attr("stop-color", model.maxColor);
+  }
+  function applyColorKey() {
+    const scale = valueScales.get(colorKey);
+    const domain = scale.domain();
+    const ramp = scaleLinear().domain(domain).range([model.minColor, model.maxColor]).clamp(true);
+    paths.attr("stroke", (row) => {
+      const value = row.values[colorKey];
+      return value == null ? model.lineColor : ramp(value);
+    });
+    axisTitles.attr(
+      "font-size",
+      (key) => key === colorKey ? FD.parallelTitleSizeActive : FD.parallelTitleSize
+    ).attr("font-weight", (key) => key === colorKey ? 600 : 400);
+    if (!legendGroup) return;
+    legendGroup.selectAll("*").remove();
+    const legendX = Math.max(0, plotWidth - margin.right + FD.parallelLegendOffsetRight);
+    const legendHeight = Math.max(0, plotBottom - margin.top);
+    legendGroup.append("rect").attr("x", legendX).attr("y", margin.top).attr("width", FD.parallelLegendWidth).attr("height", legendHeight).attr("rx", FD.parallelLegendRadius).attr("fill", `url(#${gradientId})`);
+    const legendScale = scaleLinear().domain(domain).range([legendHeight, 0]);
+    const ticks = legendGroup.append("g").attr("transform", `translate(${legendX + FD.parallelLegendWidth}, ${margin.top})`).call(
+      axisRight(legendScale).ticks(tickCountForSpan(legendHeight)).tickSize(0).tickPadding(6).tickFormat((d) => formatAxisTick(Number(d)))
+    );
+    ticks.select(".domain").remove();
+    ticks.selectAll(".tick line").remove();
+    ticks.selectAll("text").attr("fill", FD.parallelAxisLabelFill).attr("font-size", FD.axisLabelSize);
+  }
+  function setColorKey(key) {
+    if (key === colorKey) return;
+    colorKey = key;
+    applyColorKey();
+    onColorKeyChange == null ? void 0 : onColorKeyChange(key);
+  }
+  applyColorKey();
+}
+export {
+  renderParallelCoordinatesChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/parallel-coordinates-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/parallel-coordinates-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft, axisRight } from 'd3-axis';\nimport { scaleLinear, scalePoint, type ScaleLinear } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\nimport { line } from 'd3-shape';\n\nimport type { ChartDimensions, WidgetTheme } from '../../../types/index.js';\nimport { decorateManualAxisLabel, type AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\nimport {\n  AXIS_TITLE_MAX,\n  axisExtents,\n  formatAxisTick,\n  tickCountForSpan,\n  type ParallelCoordinatesModel,\n  type ParallelCoordinatesOrientation,\n  type ParallelCoordinatesRow,\n} from '../lib/index.js';\n\n/** Below this the axes have no room for ticks — the element shows empty state. */\nconst MIN_WIDTH = 120;\nconst MIN_HEIGHT = 60;\n\nlet gradientSeq = 0;\n\nexport interface ParallelCoordinatesHover {\n  row: ParallelCoordinatesRow;\n  event: MouseEvent;\n}\n\nexport interface RenderParallelCoordinatesOptions extends AxisLabelTooltipHandlers {\n  model: ParallelCoordinatesModel;\n  width: number;\n  height: number;\n  margin: ChartDimensions['margin'];\n  theme: WidgetTheme;\n  orientation: ParallelCoordinatesOrientation;\n  /** Draws the colour ramp for the active axis in the right gutter. */\n  showLegend: boolean;\n  /** Axis driving line colour; falls back to `model.colorKey`. */\n  colorKey?: string;\n  onRowHover?: (payload: ParallelCoordinatesHover) => void;\n  onRowLeave?: () => void;\n  /** Fired when a click on an axis promotes it to the colour axis. */\n  onColorKeyChange?: (key: string) => void;\n}\n\n/**\n * Scoped to the SVG so hover stays a class flip rather than an attribute pass\n * over every polyline. Mirrors the client `SVGStyled` rules.\n */\nconst PLOT_CSS = `\n.line-path { pointer-events: visibleStroke; transition: stroke-opacity .2s, stroke-width .2s; }\n.plot.is-hovering .line-path { stroke-opacity: ${FD.parallelLineOpacityDimmed}; }\n.plot.is-hovering .line-path.is-hovered { stroke-opacity: 1; stroke-width: ${FD.parallelLineWidthHovered}px; }\n.x-axis .tick:first-of-type text { text-anchor: start; }\n.x-axis .tick:last-of-type text { text-anchor: end; }\n/* Ticks render in ascending domain order: first is now the bottom edge. */\n.y-axis .tick:first-of-type text { dominant-baseline: ideographic; }\n.y-axis .tick:last-of-type text { dominant-baseline: central; }\n`;\n\ntype AxisScale = ScaleLinear<number, number>;\n/** One polyline vertex: the axis it crosses and the row's value there. */\ntype Vertex = [string, number | null];\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnySelection = Selection<any, any, any, any>;\n\nfunction styleAxis(group: AnySelection): void {\n  group.select('.domain').attr('stroke', FD.parallelAxisStroke);\n  group.selectAll('.tick line').attr('stroke', FD.parallelAxisStroke);\n  group\n    .selectAll('text')\n    .attr('fill', FD.parallelAxisLabelFill)\n    .attr('font-size', FD.axisLabelSize);\n}\n\n/**\n * FuseDash ParallelCoordinatesChart plot — one linear axis per dimension with a\n * polyline per record, coloured by the value on the active axis. Click any axis\n * to move the colour ramp onto it.\n */\nexport function renderParallelCoordinatesChart(\n  container: HTMLElement,\n  options: RenderParallelCoordinatesOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin,\n    theme,\n    orientation,\n    showLegend,\n    onRowHover,\n    onRowLeave,\n    onColorKeyChange,\n  } = options;\n\n  container.replaceChildren();\n  const { axes, rows } = model;\n  if (!axes.length || !rows.length || width < MIN_WIDTH || height < MIN_HEIGHT) return;\n\n  const requested = options.colorKey ?? model.colorKey;\n  let colorKey = axes.includes(requested) ? requested : axes[0];\n\n  const gutter = showLegend\n    ? FD.parallelLegendOffsetRight + FD.parallelLegendWidth + FD.parallelLegendTickLabelWidth\n    : 0;\n  const innerWidth = width - margin.left - margin.right;\n  const plotWidth = innerWidth - gutter;\n  const plotRight = Math.max(margin.left, plotWidth - margin.right);\n\n  const vertical = orientation === 'vertical';\n  // Horizontal grows one band per axis and scrolls; vertical fits the frame.\n  const coordinateHeight = FD.parallelAxisSpacing * axes.length;\n  const innerHeight = height - margin.top - margin.bottom;\n  const plotBottom = vertical\n    ? innerHeight - margin.bottom - FD.parallelColorScaleHeight\n    : coordinateHeight - margin.bottom;\n  const svgHeight = vertical ? height : coordinateHeight + margin.top + margin.bottom * 2;\n  if (plotBottom <= margin.top) return;\n\n  const extents = axisExtents(rows, axes);\n  const valueScales = new Map<string, AxisScale>();\n  for (const axis of axes) {\n    valueScales.set(\n      axis,\n      scaleLinear()\n        .domain(extents.get(axis) as [number, number])\n        // SVG y grows downward, so a vertical axis has to run bottom → top for\n        // the maximum to sit at the top. The client's VerticalParallelCoordinates\n        // transposed the horizontal variant without that flip, leaving its axes\n        // mirrored and contradicting its own colour ramp; this is the one place\n        // the port deliberately diverges from it.\n        .range(vertical ? [plotBottom, margin.top] : [margin.left, plotRight]),\n    );\n  }\n  const bandScale = scalePoint<string>()\n    .domain(axes)\n    .range(vertical ? [margin.left, plotRight] : [margin.top, plotBottom]);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', svgHeight)\n    .attr('viewBox', `0 0 ${width} ${svgHeight}`)\n    .attr('role', 'img')\n    .attr('aria-label', 'Parallel coordinates chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n  svg.append('style').text(PLOT_CSS);\n\n  const root = svg\n    .append('g')\n    .attr('transform', `translate(${margin.left},${margin.top})`);\n\n  // --- axes -----------------------------------------------------------------\n  const lastIndex = axes.length - 1;\n  const axisSpan = vertical ? plotBottom - margin.top : plotRight - margin.left;\n  const tickCount = tickCountForSpan(axisSpan);\n  // Vertical titles must fit the gap to the neighbouring axis.\n  const bandStep = axes.length > 1 ? Math.abs(Number(bandScale.step())) : plotRight;\n  const titleSlot = vertical ? Math.max(0, bandStep - 8) : plotWidth;\n\n  const axisGroups = root\n    .append('g')\n    .selectAll<SVGGElement, string>('g')\n    .data(axes)\n    .join('g')\n    .attr('class', vertical ? 'y-axis' : 'x-axis')\n    .attr('transform', (key) =>\n      vertical ? `translate(${bandScale(key)}, 0)` : `translate(0, ${bandScale(key)})`,\n    )\n    .style('cursor', 'pointer')\n    .on('click', (_event: MouseEvent, key) => setColorKey(key));\n\n  axisGroups.each(function (key, index) {\n    const group = select(this);\n    const scale = valueScales.get(key) as AxisScale;\n    // Vertical hangs ticks to the right, except the last axis which would\n    // otherwise push its labels outside the plot.\n    const axisFn = vertical\n      ? (index === lastIndex ? axisLeft(scale) : axisRight(scale))\n      : axisBottom(scale);\n    group.call(\n      axisFn.ticks(tickCount).tickSize(4).tickPadding(8).tickFormat((d) =>\n        formatAxisTick(Number(d)),\n      ),\n    );\n    styleAxis(group);\n  });\n\n  const axisTitles = axisGroups\n    .append('text')\n    .attr('class', 'axis-title')\n    .attr('x', margin.left)\n    .attr('y', vertical ? 0 : -10)\n    .attr('text-anchor', (_key, index) =>\n      vertical && index === lastIndex ? 'end' : 'start',\n    )\n    .attr('fill', FD.parallelAxisLabelFill);\n\n  axisTitles.each(function (key) {\n    decorateManualAxisLabel(select(this), key, {\n      maxLength: AXIS_TITLE_MAX,\n      slotWidth: titleSlot,\n      onAxisLabelHover: options.onAxisLabelHover,\n      onAxisLabelLeave: options.onAxisLabelLeave,\n    });\n  });\n\n  // --- polylines ------------------------------------------------------------\n  const plot = root.append('g').attr('class', 'plot').attr('fill', 'none');\n\n  const valueAt = ([key, value]: Vertex): number =>\n    (valueScales.get(key) as AxisScale)(value ?? 0);\n  const bandAt = ([key]: Vertex): number => Number(bandScale(key));\n\n  const lineFn = line<Vertex>()\n    .defined(([, value]) => value != null)\n    .x(vertical ? bandAt : valueAt)\n    .y(vertical ? valueAt : bandAt);\n\n  const paths = plot\n    .selectAll<SVGPathElement, ParallelCoordinatesRow>('path')\n    .data(rows)\n    .join('path')\n    .attr('class', 'line-path')\n    .attr('stroke-width', FD.parallelLineWidth)\n    .attr('stroke-opacity', FD.parallelLineOpacity)\n    .attr('stroke-linejoin', 'round')\n    .attr('stroke-linecap', 'round')\n    .attr('d', (row) =>\n      lineFn(axes.map((key) => [key, row.values[key]] as Vertex)),\n    );\n\n  paths\n    .on('mouseenter', function (event: MouseEvent, row) {\n      plot.classed('is-hovering', true);\n      select(this).classed('is-hovered', true);\n      onRowHover?.({ row, event });\n    })\n    .on('mousemove', (event: MouseEvent, row) => onRowHover?.({ row, event }))\n    .on('mouseleave', function () {\n      plot.classed('is-hovering', false);\n      select(this).classed('is-hovered', false);\n      onRowLeave?.();\n    });\n\n  // --- colour ramp ----------------------------------------------------------\n  const gradientId = `ui9000-parallel-ramp-${(gradientSeq += 1)}`;\n  const legendGroup = showLegend ? root.append('g').attr('class', 'color-legend') : null;\n\n  if (legendGroup) {\n    const defs = svg.append('defs');\n    const gradient = defs\n      .append('linearGradient')\n      .attr('id', gradientId)\n      .attr('x1', '0%')\n      .attr('x2', '0%')\n      .attr('y1', '100%')\n      .attr('y2', '0%');\n    gradient.append('stop').attr('offset', '0%').attr('stop-color', model.minColor);\n    gradient.append('stop').attr('offset', '100%').attr('stop-color', model.maxColor);\n  }\n\n  function applyColorKey(): void {\n    const scale = valueScales.get(colorKey) as AxisScale;\n    const domain = scale.domain() as [number, number];\n    const ramp = scaleLinear<string>()\n      .domain(domain)\n      .range([model.minColor, model.maxColor])\n      .clamp(true);\n\n    paths.attr('stroke', (row) => {\n      const value = row.values[colorKey];\n      return value == null ? model.lineColor : ramp(value);\n    });\n    axisTitles\n      .attr('font-size', (key) =>\n        key === colorKey ? FD.parallelTitleSizeActive : FD.parallelTitleSize,\n      )\n      .attr('font-weight', (key) => (key === colorKey ? 600 : 400));\n\n    if (!legendGroup) return;\n    legendGroup.selectAll('*').remove();\n    const legendX = Math.max(0, plotWidth - margin.right + FD.parallelLegendOffsetRight);\n    const legendHeight = Math.max(0, plotBottom - margin.top);\n    legendGroup\n      .append('rect')\n      .attr('x', legendX)\n      .attr('y', margin.top)\n      .attr('width', FD.parallelLegendWidth)\n      .attr('height', legendHeight)\n      .attr('rx', FD.parallelLegendRadius)\n      .attr('fill', `url(#${gradientId})`);\n\n    const legendScale = scaleLinear().domain(domain).range([legendHeight, 0]);\n    const ticks = legendGroup\n      .append('g')\n      .attr('transform', `translate(${legendX + FD.parallelLegendWidth}, ${margin.top})`)\n      .call(\n        axisRight(legendScale)\n          .ticks(tickCountForSpan(legendHeight))\n          .tickSize(0)\n          .tickPadding(6)\n          .tickFormat((d) => formatAxisTick(Number(d))),\n      );\n    ticks.select('.domain').remove();\n    ticks.selectAll('.tick line').remove();\n    ticks\n      .selectAll('text')\n      .attr('fill', FD.parallelAxisLabelFill)\n      .attr('font-size', FD.axisLabelSize);\n  }\n\n  function setColorKey(key: string): void {\n    if (key === colorKey) return;\n    colorKey = key;\n    applyColorKey();\n    onColorKeyChange?.(key);\n  }\n\n  applyColorKey();\n}\n"],"names":[],"mappings":"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"}

package/dist/components/parallel-coordinates-chart/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderParallelCoordinatesChart, type ParallelCoordinatesHover, type RenderParallelCoordinatesOptions, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/parallel-coordinates-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,gCAAgC,GACtC,MAAM,WAAW,CAAC"}