@fusedashlabs/widgets 0.2.0

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

@@ -0,0 +1,131 @@
+declare const _default: {
+  "id": "sankey-chart",
+  "tag": "ui9000-sankey-chart",
+  "title": "Sankey Chart",
+  "description": "Chat-optimized Sankey rewritten in D3 (Visx + d3-sankey → d3-sankey + d3-shape). Two dimension columns joined by value-coloured ribbons, no Redux.",
+  "chartTypeKeys": ["sankeyChart"],
+  "source": "client/libs/shared/components/src/Widgets/Sankey/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/sankey-chart",
+  "entry": "@ui9000/widgets/sankey-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "select", "resize"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["source", "target", "value"],
+              "properties": {
+                "source": { "type": "string" },
+                "target": { "type": "string" },
+                "value": { "type": "number" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "required": ["links"],
+            "properties": {
+              "nodes": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["name"],
+                  "properties": {
+                    "name": { "type": "string" },
+                    "label": { "type": "string" }
+                  }
+                }
+              },
+              "links": {
+                "type": "array",
+                "items": {
+                  "type": "object",
+                  "required": ["source", "target", "value"],
+                  "properties": {
+                    "source": { "type": "string" },
+                    "target": { "type": "string" },
+                    "value": { "type": "number" }
+                  }
+                }
+              },
+              "sourceLabel": { "type": "string" },
+              "targetLabel": { "type": "string" },
+              "valueLabel": { "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" } }
+                ]
+              },
+              "arrangeBy": {
+                "type": "array",
+                "items": { "type": "string" },
+                "description": "Editor-built Sankeys keep [sourceField, targetField] here."
+              },
+              "display": {
+                "type": "array",
+                "items": { "type": "string" },
+                "description": "Editor-built Sankeys keep [measureField] here."
+              },
+              "axisDetails": { "type": "object" },
+              "palette": {
+                "type": "object",
+                "properties": {
+                  "customColors": {
+                    "type": "array",
+                    "items": {
+                      "type": "object",
+                      "required": ["hex"],
+                      "properties": { "hex": { "type": "string" } }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "showLegend": { "type": "boolean", "default": true },
+      "showTooltip": { "type": "boolean", "default": true },
+      "sourceLabel": { "type": "string" },
+      "targetLabel": { "type": "string" }
+    },
+    "required": ["data"]
+  }
+}
+;
+
+export default _default;

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

@@ -0,0 +1,42 @@
+const id = "sankey-chart";
+const tag = "ui9000-sankey-chart";
+const title = "Sankey Chart";
+const description = "Chat-optimized Sankey rewritten in D3 (Visx + d3-sankey → d3-sankey + d3-shape). Two dimension columns joined by value-coloured ribbons, no Redux.";
+const chartTypeKeys = ["sankeyChart"];
+const source = "client/libs/shared/components/src/Widgets/Sankey/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/sankey-chart";
+const entry = "@ui9000/widgets/sankey-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "select", "resize"];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["source", "target", "value"], "properties": { "source": { "type": "string" }, "target": { "type": "string" }, "value": { "type": "number" } } } }, { "type": "object", "required": ["links"], "properties": { "nodes": { "type": "array", "items": { "type": "object", "required": ["name"], "properties": { "name": { "type": "string" }, "label": { "type": "string" } } } }, "links": { "type": "array", "items": { "type": "object", "required": ["source", "target", "value"], "properties": { "source": { "type": "string" }, "target": { "type": "string" }, "value": { "type": "number" } } } }, "sourceLabel": { "type": "string" }, "targetLabel": { "type": "string" }, "valueLabel": { "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" } }] }, "arrangeBy": { "type": "array", "items": { "type": "string" }, "description": "Editor-built Sankeys keep [sourceField, targetField] here." }, "display": { "type": "array", "items": { "type": "string" }, "description": "Editor-built Sankeys keep [measureField] here." }, "axisDetails": { "type": "object" }, "palette": { "type": "object", "properties": { "customColors": { "type": "array", "items": { "type": "object", "required": ["hex"], "properties": { "hex": { "type": "string" } } } } } } } }] }, "showLegend": { "type": "boolean", "default": true }, "showTooltip": { "type": "boolean", "default": true }, "sourceLabel": { "type": "string" }, "targetLabel": { "type": "string" } }, "required": ["data"] };
+const sankeyMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  sankeyMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

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

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

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

@@ -0,0 +1,30 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { SankeyColorRange, SankeyModel } from '../lib/index.js';
+export interface SankeyLinkHover {
+    sourceLabel: string;
+    targetLabel: string;
+    value: number;
+    event: MouseEvent;
+}
+export interface SankeyLabelHover {
+    label: string;
+    event: MouseEvent;
+}
+export interface RenderSankeyOptions {
+    model: SankeyModel;
+    /** Value buckets → palette colors, built once by the element. */
+    colorRanges: SankeyColorRange[];
+    width: number;
+    height: number;
+    theme: WidgetTheme;
+    onLinkHover?: (payload: SankeyLinkHover) => void;
+    onLinkLeave?: () => void;
+    onLabelHover?: (payload: SankeyLabelHover) => void;
+    onLabelLeave?: () => void;
+}
+/**
+ * FuseDash Sankey plot — d3-sankey layout, ribbons coloured by value bucket.
+ * Two node columns drawn as a hairline rule plus a label; no node rectangles.
+ */
+export declare function renderSankeyChart(container: HTMLElement, options: RenderSankeyOptions): void;
+//# sourceMappingURL=draw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/sankey-chart/render/draw.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AAYzB,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,WAAW,CAAC;IACnB,iEAAiE;IACjE,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AA8BD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,mBAAmB,GAC3B,IAAI,CA0NN"}

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

@@ -0,0 +1,149 @@
+import { sankey } from "d3-sankey";
+import { select } from "d3-selection";
+import { linkHorizontal } from "d3-shape";
+import { FD, hexWithAlpha } from "../../../utils/fusedash-visual.js";
+import { pickRangeColor } from "../lib/domain.js";
+import { truncateNodeLabel, NODE_LABEL_MAX } from "../lib/format.js";
+const MIN_WIDTH = 120;
+const MIN_HEIGHT = 60;
+const MIN_NODE_WIDTH = 20;
+function nodeIsActive(node, active) {
+  if (!active || !node.linkKeys.length) return false;
+  return node.linkKeys.every((key) => active.has(key));
+}
+function renderSankeyChart(container, options) {
+  const {
+    model,
+    colorRanges,
+    width,
+    height,
+    theme,
+    onLinkHover,
+    onLinkLeave,
+    onLabelHover,
+    onLabelLeave
+  } = options;
+  container.replaceChildren();
+  if (!model.links.length || width < MIN_WIDTH || height < MIN_HEIGHT) return;
+  const pad = FD.sankeyPadding;
+  const roomy = width > 400 && height > 270;
+  const nodeWidth = Math.max(
+    MIN_NODE_WIDTH,
+    Math.min(
+      roomy ? FD.sankeyNodeWidth : FD.sankeyNodeWidthSmall,
+      (width - pad * 2 - 24) / 2
+    )
+  );
+  const graph = sankey().nodeId((d) => d.name).nodeWidth(nodeWidth).nodePadding(FD.sankeyNodePadding).nodeSort(null).extent([
+    [pad, pad],
+    [width - pad, height - pad * 2]
+  ])({
+    nodes: model.nodes.map((n) => ({ ...n })),
+    links: model.links.map((l) => ({ ...l }))
+  });
+  const ribbon = linkHorizontal();
+  const fallbackColor = model.colors[model.colors.length - 1] ?? FD.series[0];
+  const keysByNode = /* @__PURE__ */ new Map();
+  const linkViews = [];
+  graph.links.forEach((entry, index) => {
+    const link = entry;
+    const source = link.source;
+    const target = link.target;
+    const key = `${source.name.trim()}-${target.name.trim()}-${index}`;
+    const path = ribbon({
+      source: [source.x1 ?? 0, link.y0 ?? 0],
+      target: [target.x0 ?? 0, link.y1 ?? 0]
+    });
+    if (!path) return;
+    linkViews.push({
+      key,
+      path,
+      color: pickRangeColor(colorRanges, link.value, fallbackColor),
+      // FuseDash insets the ribbon by 3px; keep it drawable when it is thinner.
+      strokeWidth: Math.max((link.width ?? 0) - FD.sankeyLinkInset, 1),
+      sourceId: source.name,
+      targetId: target.name,
+      sourceLabel: source.label,
+      targetLabel: target.label,
+      value: link.value
+    });
+    for (const id of [source.name, target.name]) {
+      const keys = keysByNode.get(id);
+      if (keys) keys.push(key);
+      else keysByNode.set(id, [key]);
+    }
+  });
+  if (!linkViews.length) return;
+  const maxDepth = graph.nodes.reduce((max, n) => Math.max(max, n.depth ?? 0), 0);
+  const nodeViews = graph.nodes.map((node) => ({
+    id: node.name,
+    label: node.label,
+    x0: node.x0 ?? 0,
+    x1: node.x1 ?? 0,
+    y0: node.y0 ?? 0,
+    atMaxDepth: (node.depth ?? 0) === maxDepth,
+    linkKeys: keysByNode.get(node.name) ?? []
+  }));
+  const step = Math.floor(height / 35) + 1;
+  const fontSize = Math.min(10, step + height / 30);
+  const labelY = step - (height > 270 ? 0 : 0.5);
+  const labelDy = roomy ? 0 : 0.355;
+  const showRules = Math.floor(height / 15) > 4;
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMid meet").attr("role", "img").attr("aria-label", "Sankey chart").style("display", "block").style("font-family", theme.fontFamily);
+  const linkPaths = svg.append("g").attr("class", "links").selectAll("path").data(linkViews).join("path").attr("d", (d) => d.path).attr("fill", "none").attr("stroke-width", (d) => d.strokeWidth).style("transition", "opacity 0.3s, stroke 0.3s");
+  const labels = svg.append("g").attr("class", "node-labels").selectAll("text").data(nodeViews).join("text").attr("x", (d) => d.atMaxDepth ? d.x1 : d.x0).attr("y", (d) => d.y0 + labelY).attr("dy", `${labelDy}em`).attr("text-anchor", (d) => d.atMaxDepth ? "end" : "start").attr("font-size", fontSize).attr("fill", theme.text).style("cursor", "pointer").text((d) => truncateNodeLabel(d.label));
+  const rules = showRules ? svg.append("g").attr("class", "node-rules").selectAll("line").data(nodeViews).join("line").attr("x1", (d) => d.x0).attr("y1", (d) => d.y0).attr("x2", (d) => d.x1).attr("y2", (d) => d.y0) : null;
+  let selectedId = null;
+  let activeKeys = null;
+  let hoveredKey = null;
+  const apply = () => {
+    const active = activeKeys;
+    linkPaths.attr("opacity", (d) => {
+      if (hoveredKey) return d.key === hoveredKey ? 1 : FD.sankeyDimOpacity;
+      return active && !active.has(d.key) ? FD.sankeyDimOpacity : 1;
+    }).attr(
+      "stroke",
+      (d) => (active == null ? void 0 : active.has(d.key)) || d.key === hoveredKey ? d.color : hexWithAlpha(d.color, FD.sankeyLinkAlphaPct)
+    );
+    labels.attr("font-weight", (d) => nodeIsActive(d, active) ? 600 : 400);
+    rules == null ? void 0 : rules.attr(
+      "stroke",
+      (d) => nodeIsActive(d, active) ? FD.sankeyNodeRuleActive : FD.sankeyNodeRule
+    );
+  };
+  linkPaths.style("cursor", "pointer").on("mouseenter", (event, d) => {
+    hoveredKey = d.key;
+    apply();
+    onLinkHover == null ? void 0 : onLinkHover({
+      sourceLabel: d.sourceLabel,
+      targetLabel: d.targetLabel,
+      value: d.value,
+      event
+    });
+  }).on("mousemove", (event, d) => {
+    onLinkHover == null ? void 0 : onLinkHover({
+      sourceLabel: d.sourceLabel,
+      targetLabel: d.targetLabel,
+      value: d.value,
+      event
+    });
+  }).on("mouseleave", () => {
+    hoveredKey = null;
+    apply();
+    onLinkLeave == null ? void 0 : onLinkLeave();
+  });
+  labels.on("click", (_event, d) => {
+    selectedId = selectedId === d.id ? null : d.id;
+    activeKeys = selectedId ? new Set(
+      linkViews.filter((v) => v.sourceId === selectedId || v.targetId === selectedId).map((v) => v.key)
+    ) : null;
+    apply();
+  }).on("mouseenter", (event, d) => {
+    if (d.label.length > NODE_LABEL_MAX) onLabelHover == null ? void 0 : onLabelHover({ label: d.label, event });
+  }).on("mouseleave", () => onLabelLeave == null ? void 0 : onLabelLeave());
+  apply();
+}
+export {
+  renderSankeyChart
+};
+//# sourceMappingURL=draw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/sankey-chart/render/draw.ts"],"sourcesContent":["import { sankey, type SankeyLink, type SankeyNode } from 'd3-sankey';\nimport { select } from 'd3-selection';\nimport { linkHorizontal } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport { FD, hexWithAlpha } from '../../../utils/fusedash-visual.js';\nimport {\n  NODE_LABEL_MAX,\n  pickRangeColor,\n  truncateNodeLabel,\n  type SankeyColorRange,\n  type SankeyModel,\n} from '../lib/index.js';\n\ntype NodeExtra = { name: string; label: string };\ntype LinkExtra = { value: number };\ntype LaidNode = SankeyNode<NodeExtra, LinkExtra>;\ntype LaidLink = SankeyLink<NodeExtra, LinkExtra>;\n\n/** Smallest frame that still fits two node columns plus a ribbon. */\nconst MIN_WIDTH = 120;\nconst MIN_HEIGHT = 60;\nconst MIN_NODE_WIDTH = 20;\n\nexport interface SankeyLinkHover {\n  sourceLabel: string;\n  targetLabel: string;\n  value: number;\n  event: MouseEvent;\n}\n\nexport interface SankeyLabelHover {\n  label: string;\n  event: MouseEvent;\n}\n\nexport interface RenderSankeyOptions {\n  model: SankeyModel;\n  /** Value buckets → palette colors, built once by the element. */\n  colorRanges: SankeyColorRange[];\n  width: number;\n  height: number;\n  theme: WidgetTheme;\n  onLinkHover?: (payload: SankeyLinkHover) => void;\n  onLinkLeave?: () => void;\n  onLabelHover?: (payload: SankeyLabelHover) => void;\n  onLabelLeave?: () => void;\n}\n\ninterface LinkView {\n  key: string;\n  path: string;\n  color: string;\n  strokeWidth: number;\n  sourceId: string;\n  targetId: string;\n  sourceLabel: string;\n  targetLabel: string;\n  value: number;\n}\n\ninterface NodeView {\n  id: string;\n  label: string;\n  x0: number;\n  x1: number;\n  y0: number;\n  atMaxDepth: boolean;\n  /** Keys of every ribbon touching this node. */\n  linkKeys: string[];\n}\n\nfunction nodeIsActive(node: NodeView, active: Set<string> | null): boolean {\n  if (!active || !node.linkKeys.length) return false;\n  return node.linkKeys.every((key) => active.has(key));\n}\n\n/**\n * FuseDash Sankey plot — d3-sankey layout, ribbons coloured by value bucket.\n * Two node columns drawn as a hairline rule plus a label; no node rectangles.\n */\nexport function renderSankeyChart(\n  container: HTMLElement,\n  options: RenderSankeyOptions,\n): void {\n  const {\n    model,\n    colorRanges,\n    width,\n    height,\n    theme,\n    onLinkHover,\n    onLinkLeave,\n    onLabelHover,\n    onLabelLeave,\n  } = options;\n\n  container.replaceChildren();\n  if (!model.links.length || width < MIN_WIDTH || height < MIN_HEIGHT) return;\n\n  const pad = FD.sankeyPadding;\n  const roomy = width > 400 && height > 270;\n  // FuseDash picks 70 / 65; clamp so narrow chat frames still fit two columns.\n  const nodeWidth = Math.max(\n    MIN_NODE_WIDTH,\n    Math.min(\n      roomy ? FD.sankeyNodeWidth : FD.sankeyNodeWidthSmall,\n      (width - pad * 2 - 24) / 2,\n    ),\n  );\n\n  const graph = sankey<NodeExtra, LinkExtra>()\n    .nodeId((d) => d.name)\n    .nodeWidth(nodeWidth)\n    .nodePadding(FD.sankeyNodePadding)\n    // `null` keeps input order — the client passes a no-op comparator.\n    .nodeSort(null)\n    .extent([\n      [pad, pad],\n      [width - pad, height - pad * 2],\n    ])({\n    nodes: model.nodes.map((n) => ({ ...n })),\n    links: model.links.map((l) => ({ ...l })),\n  });\n\n  const ribbon = linkHorizontal<\n    { source: [number, number]; target: [number, number] },\n    [number, number]\n  >();\n  const fallbackColor = model.colors[model.colors.length - 1] ?? FD.series[0];\n  const keysByNode = new Map<string, string[]>();\n  const linkViews: LinkView[] = [];\n\n  graph.links.forEach((entry, index) => {\n    const link = entry as LaidLink;\n    const source = link.source as LaidNode;\n    const target = link.target as LaidNode;\n    const key = `${source.name.trim()}-${target.name.trim()}-${index}`;\n    const path = ribbon({\n      source: [source.x1 ?? 0, link.y0 ?? 0],\n      target: [target.x0 ?? 0, link.y1 ?? 0],\n    });\n    if (!path) return;\n\n    linkViews.push({\n      key,\n      path,\n      color: pickRangeColor(colorRanges, link.value, fallbackColor),\n      // FuseDash insets the ribbon by 3px; keep it drawable when it is thinner.\n      strokeWidth: Math.max((link.width ?? 0) - FD.sankeyLinkInset, 1),\n      sourceId: source.name,\n      targetId: target.name,\n      sourceLabel: source.label,\n      targetLabel: target.label,\n      value: link.value,\n    });\n\n    for (const id of [source.name, target.name]) {\n      const keys = keysByNode.get(id);\n      if (keys) keys.push(key);\n      else keysByNode.set(id, [key]);\n    }\n  });\n\n  if (!linkViews.length) return;\n\n  const maxDepth = graph.nodes.reduce((max, n) => Math.max(max, n.depth ?? 0), 0);\n  const nodeViews: NodeView[] = graph.nodes.map((node) => ({\n    id: node.name,\n    label: node.label,\n    x0: node.x0 ?? 0,\n    x1: node.x1 ?? 0,\n    y0: node.y0 ?? 0,\n    atMaxDepth: (node.depth ?? 0) === maxDepth,\n    linkKeys: keysByNode.get(node.name) ?? [],\n  }));\n\n  // Label metrics copied from the client (font grows with the frame, capped at 10).\n  const step = Math.floor(height / 35) + 1;\n  const fontSize = Math.min(10, step + height / 30);\n  const labelY = step - (height > 270 ? 0 : 0.5);\n  // visx verticalAnchor: \"end\" sits on the baseline, \"middle\" drops half a cap.\n  const labelDy = roomy ? 0 : 0.355;\n  const showRules = Math.floor(height / 15) > 4;\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('viewBox', `0 0 ${width} ${height}`)\n    .attr('preserveAspectRatio', 'xMidYMid meet')\n    .attr('role', 'img')\n    .attr('aria-label', 'Sankey chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const linkPaths = svg\n    .append('g')\n    .attr('class', 'links')\n    .selectAll<SVGPathElement, LinkView>('path')\n    .data(linkViews)\n    .join('path')\n    .attr('d', (d) => d.path)\n    .attr('fill', 'none')\n    .attr('stroke-width', (d) => d.strokeWidth)\n    // CSS transition only — no d3-transition on the hover hot path.\n    .style('transition', 'opacity 0.3s, stroke 0.3s');\n\n  const labels = svg\n    .append('g')\n    .attr('class', 'node-labels')\n    .selectAll<SVGTextElement, NodeView>('text')\n    .data(nodeViews)\n    .join('text')\n    .attr('x', (d) => (d.atMaxDepth ? d.x1 : d.x0))\n    .attr('y', (d) => d.y0 + labelY)\n    .attr('dy', `${labelDy}em`)\n    .attr('text-anchor', (d) => (d.atMaxDepth ? 'end' : 'start'))\n    .attr('font-size', fontSize)\n    .attr('fill', theme.text)\n    .style('cursor', 'pointer')\n    .text((d) => truncateNodeLabel(d.label));\n\n  const rules = showRules\n    ? svg\n        .append('g')\n        .attr('class', 'node-rules')\n        .selectAll<SVGLineElement, NodeView>('line')\n        .data(nodeViews)\n        .join('line')\n        .attr('x1', (d) => d.x0)\n        .attr('y1', (d) => d.y0)\n        .attr('x2', (d) => d.x1)\n        .attr('y2', (d) => d.y0)\n    : null;\n\n  let selectedId: string | null = null;\n  let activeKeys: Set<string> | null = null;\n  let hoveredKey: string | null = null;\n\n  const apply = (): void => {\n    const active = activeKeys;\n    linkPaths\n      .attr('opacity', (d) => {\n        if (hoveredKey) return d.key === hoveredKey ? 1 : FD.sankeyDimOpacity;\n        return active && !active.has(d.key) ? FD.sankeyDimOpacity : 1;\n      })\n      .attr('stroke', (d) =>\n        active?.has(d.key) || d.key === hoveredKey\n          ? d.color\n          : hexWithAlpha(d.color, FD.sankeyLinkAlphaPct),\n      );\n    labels.attr('font-weight', (d) => (nodeIsActive(d, active) ? 600 : 400));\n    rules?.attr('stroke', (d) =>\n      nodeIsActive(d, active) ? FD.sankeyNodeRuleActive : FD.sankeyNodeRule,\n    );\n  };\n\n  linkPaths\n    .style('cursor', 'pointer')\n    .on('mouseenter', (event: MouseEvent, d) => {\n      hoveredKey = d.key;\n      apply();\n      onLinkHover?.({\n        sourceLabel: d.sourceLabel,\n        targetLabel: d.targetLabel,\n        value: d.value,\n        event,\n      });\n    })\n    .on('mousemove', (event: MouseEvent, d) => {\n      onLinkHover?.({\n        sourceLabel: d.sourceLabel,\n        targetLabel: d.targetLabel,\n        value: d.value,\n        event,\n      });\n    })\n    .on('mouseleave', () => {\n      hoveredKey = null;\n      apply();\n      onLinkLeave?.();\n    });\n\n  labels\n    .on('click', (_event: MouseEvent, d) => {\n      selectedId = selectedId === d.id ? null : d.id;\n      activeKeys = selectedId\n        ? new Set(\n            linkViews\n              .filter((v) => v.sourceId === selectedId || v.targetId === selectedId)\n              .map((v) => v.key),\n          )\n        : null;\n      apply();\n    })\n    .on('mouseenter', (event: MouseEvent, d) => {\n      if (d.label.length > NODE_LABEL_MAX) onLabelHover?.({ label: d.label, event });\n    })\n    .on('mouseleave', () => onLabelLeave?.());\n\n  apply();\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { renderSankeyChart, type RenderSankeyOptions, type SankeyLabelHover, type SankeyLinkHover, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sankey-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,WAAW,CAAC"}

package/dist/components/scatter-plot-chart/element/styles.d.ts

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

package/dist/components/scatter-plot-chart/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-plot-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA0C7B,CAAC"}

package/dist/components/scatter-plot-chart/element/styles.js

@@ -0,0 +1,48 @@
+import { css } from "lit";
+const scatterPlotStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 10px));
+    white-space: nowrap;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+    text-align: center;
+    padding: 8px;
+  }
+`;
+export {
+  scatterPlotStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/scatter-plot-chart/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/scatter-plot-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const scatterPlotStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n    text-align: center;\n    padding: 8px;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/scatter-plot-chart/element/ui9000-scatter-plot.d.ts

@@ -0,0 +1,30 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+export declare class Ui9000ScatterPlot extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    showReferenceLine: boolean;
+    private _tooltip;
+    private _empty;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private scheduleDraw;
+    private parseData;
+    private renderLegend;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-scatter-plot': Ui9000ScatterPlot;
+    }
+}
+export declare function registerScatterPlot(): void;
+//# sourceMappingURL=ui9000-scatter-plot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-scatter-plot.d.ts","sourceRoot":"","sources":["../../../../src/components/scatter-plot-chart/element/ui9000-scatter-plot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAY3D,qBACa,iBAAkB,SAAQ,kBAAkB;IACvD,OAAgB,MAAM,4BAAyC;IAG/D,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,iBAAiB,UAAS;IAG1B,OAAO,CAAC,QAAQ,CAA0D;IAG1E,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAgDH,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAI1C"}