@opendata-ai/openchart-vanilla 6.17.0 → 6.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendata-ai/openchart-vanilla",
-  "version": "6.17.0",
+  "version": "6.19.0",
   "description": "Vanilla JS renderer for openchart: SVG charts, HTML tables, force-directed graphs",
   "license": "Apache-2.0",
   "author": "Riley Hilliard",
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@opendata-ai/openchart-core": "6.17.0",
-    "@opendata-ai/openchart-engine": "6.17.0",
+    "@opendata-ai/openchart-core": "6.19.0",
+    "@opendata-ai/openchart-engine": "6.19.0",
     "d3-force": "^3.0.0",
     "d3-quadtree": "^3.0.1"
   },

package/src/sankey-renderer.ts

@@ -524,7 +524,30 @@ function renderLabels(parent: SVGElement, nodes: SankeyNodeMark[]): void {
     const text = createSVGElement('text');
     setAttrs(text, { x: label.x, y: label.y });
     applyTextStyle(text, label.style);
-    text.textContent = label.text;
+
+    // Wrap label text when maxWidth is set and text would overflow
+    if (label.maxWidth !== undefined && label.maxWidth > 0) {
+      const fontSize = label.style.fontSize ?? 12;
+      const fontWeight = label.style.fontWeight ?? 400;
+      const lines = wrapText(label.text, fontSize, fontWeight, label.maxWidth);
+      if (lines.length > 1) {
+        const lineHeight = fontSize * (label.style.lineHeight ?? 1.3);
+        // Center the multi-line block vertically around the label y position
+        const totalHeight = (lines.length - 1) * lineHeight;
+        const startY = label.y - totalHeight / 2;
+        for (let i = 0; i < lines.length; i++) {
+          const tspan = createSVGElement('tspan');
+          tspan.setAttribute('x', String(label.x));
+          tspan.setAttribute('y', String(startY + i * lineHeight));
+          tspan.textContent = lines[i];
+          text.appendChild(tspan);
+        }
+      } else {
+        text.textContent = label.text;
+      }
+    } else {
+      text.textContent = label.text;
+    }
 
     g.appendChild(text);
   }