@opendata-ai/openchart-engine 6.18.0 → 6.19.1

package/dist/index.js

@@ -8877,7 +8877,8 @@ function computeLegend(spec, strategy, theme, chartArea, watermark = true) {
       entryGap: 4
     };
   }
-  const availableWidth = chartArea.width - LEGEND_PADDING * 2 - (watermark ? BRAND_RESERVE_WIDTH : 0);
+  const reserveBrand = watermark && resolvedPosition === "bottom";
+  const availableWidth = chartArea.width - LEGEND_PADDING * 2 - (reserveBrand ? BRAND_RESERVE_WIDTH : 0);
   if (spec.legend?.symbolLimit != null) {
     const limit = Math.max(1, spec.legend.symbolLimit);
     if (limit < entries.length) {
@@ -9456,7 +9457,7 @@ function getLinkColors(linkStyle, sourceColor, targetColor, neutralColor) {
       return { sourceColor, targetColor };
   }
 }
-function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "auto") {
+function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "auto", containerWidth, padding) {
   const depth = node.depth ?? 0;
   let placeLeft;
   if (nodeLabelAlign === "left") {
@@ -9478,13 +9479,24 @@ function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "au
   const y0 = node.y0 ?? 0;
   const y1 = node.y1 ?? 0;
   const midY = (y0 + y1) / 2;
+  const pad2 = padding ?? 0;
+  let maxWidth;
+  if (containerWidth !== void 0) {
+    if (placeLeft) {
+      maxWidth = x0 - LABEL_GAP - pad2;
+    } else {
+      maxWidth = containerWidth - pad2 - (x1 + LABEL_GAP);
+    }
+    if (maxWidth !== void 0 && maxWidth < 0) maxWidth = 0;
+  }
   if (placeLeft) {
     return {
       text: node.label ?? node.id,
       x: x0 - LABEL_GAP,
       y: midY,
       style: { ...style, textAnchor: "end", dominantBaseline: "central" },
-      visible: true
+      visible: true,
+      maxWidth
     };
   }
   return {
@@ -9492,7 +9504,8 @@ function computeNodeLabel(node, maxDepth, theme, nodeWidth, nodeLabelAlign = "au
     x: x1 + LABEL_GAP,
     y: midY,
     style: { ...style, textAnchor: "start", dominantBaseline: "central" },
-    visible: true
+    visible: true,
+    maxWidth
   };
 }
 function compileSankey(spec, options) {
@@ -9647,7 +9660,15 @@ function compileSankey(spec, options) {
       height: (node.y1 ?? 0) - (node.y0 ?? 0),
       fill,
       cornerRadius: NODE_CORNER_RADIUS,
-      label: computeNodeLabel(node, maxDepth, theme, sankeySpec.nodeWidth, nodeLabelAlign),
+      label: computeNodeLabel(
+        node,
+        maxDepth,
+        theme,
+        sankeySpec.nodeWidth,
+        nodeLabelAlign,
+        options.width,
+        padding
+      ),
       nodeId: node.id,
       value: node.value ?? 0,
       depth,
@@ -11091,7 +11112,7 @@ function compileChart(spec, options) {
   }
   const breakpoint = getBreakpoint(options.width);
   const heightClass = getHeightClass(options.height);
-  const strategy = getLayoutStrategy(breakpoint, heightClass);
+  let strategy = getLayoutStrategy(breakpoint, heightClass);
   const rawSpec = expandedSpec;
   const overrides = rawSpec.overrides;
   if (overrides?.[breakpoint]) {
@@ -11128,6 +11149,7 @@ function compileChart(spec, options) {
         ...chartSpec,
         annotations: bp.annotations
       };
+      strategy = { ...strategy, annotationPosition: "inline" };
     }
   }
   const rawAnimationSpec = overrides?.[breakpoint]?.animation ?? rawSpec.animation;