@opendata-ai/openchart-vanilla 6.19.3 → 6.20.0

package/dist/index.js

@@ -3314,11 +3314,24 @@ function setupTableAnimationCleanup(wrapper) {
 }
 
 // src/svg-renderer.ts
-import { BRAND_FONT_SIZE as BRAND_FONT_SIZE2, BRAND_MIN_WIDTH as BRAND_MIN_WIDTH2, estimateTextWidth } from "@opendata-ai/openchart-core";
+import {
+  BRAND_FONT_SIZE as BRAND_FONT_SIZE2,
+  BRAND_MIN_WIDTH as BRAND_MIN_WIDTH2,
+  estimateTextWidth,
+  wrapText
+} from "@opendata-ai/openchart-core";
 import { clampStaggerDelay } from "@opendata-ai/openchart-engine";
 
 // src/gradient-utils.ts
 import { isGradientDef } from "@opendata-ai/openchart-core";
+
+// src/svg-ids.ts
+var counter = 0;
+function nextSvgId(prefix) {
+  return `${prefix}-${counter++}`;
+}
+
+// src/gradient-utils.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 function gradientKey(def) {
   return sortedStringify(def);
@@ -3375,7 +3388,6 @@ function appendStop(parent, stop) {
   }
   parent.appendChild(stopEl);
 }
-var globalGradientCounter = 0;
 function buildGradientDefs(marks, defs) {
   const map = /* @__PURE__ */ new Map();
   for (const mark of marks) {
@@ -3383,7 +3395,7 @@ function buildGradientDefs(marks, defs) {
     if (fill && isGradientDef(fill)) {
       const key = gradientKey(fill);
       if (!map.has(key)) {
-        const id = `oc-grad-${globalGradientCounter++}`;
+        const id = nextSvgId("oc-grad");
         const el = createGradientElement(fill, id);
         defs.appendChild(el);
         map.set(key, id);
@@ -3455,64 +3467,6 @@ function applyTextStyle(el, style) {
     el.setAttribute("font-variant", style.fontVariant);
   }
 }
-function wrapText(text, fontSize, fontWeight, maxWidth, measureText) {
-  if (maxWidth <= 0) return [text];
-  const segments = text.split("\n");
-  if (segments.length > 1) {
-    return segments.flatMap(
-      (segment) => segment.length === 0 ? [""] : wrapText(segment, fontSize, fontWeight, maxWidth, measureText)
-    );
-  }
-  if (measureText) {
-    const textWidth = measureText(text, fontSize, fontWeight).width;
-    if (textWidth <= maxWidth) return [text];
-    const words2 = text.split(" ");
-    const lines2 = [];
-    let current2 = "";
-    for (const word of words2) {
-      const candidate = current2 ? `${current2} ${word}` : word;
-      const candidateWidth = measureText(candidate, fontSize, fontWeight).width;
-      if (candidateWidth > maxWidth && current2) {
-        lines2.push(current2);
-        current2 = word;
-      } else {
-        current2 = candidate;
-      }
-    }
-    if (current2) lines2.push(current2);
-    return lines2;
-  }
-  const AVG_CHAR_WIDTH = 0.57;
-  const WEIGHT_FACTORS = {
-    100: 0.9,
-    200: 0.92,
-    300: 0.95,
-    400: 1,
-    500: 1.02,
-    600: 1.05,
-    700: 1.08,
-    800: 1.1,
-    900: 1.12
-  };
-  const weightFactor = WEIGHT_FACTORS[fontWeight] ?? 1;
-  const charWidth = fontSize * AVG_CHAR_WIDTH * weightFactor;
-  const maxChars = Math.floor(maxWidth / charWidth);
-  if (text.length <= maxChars) return [text];
-  const words = text.split(" ");
-  const lines = [];
-  let current = "";
-  for (const word of words) {
-    const candidate = current ? `${current} ${word}` : word;
-    if (candidate.length > maxChars && current) {
-      lines.push(current);
-      current = word;
-    } else {
-      current = candidate;
-    }
-  }
-  if (current) lines.push(current);
-  return lines;
-}
 function renderChromeElement(parent, element, className, chromeKey, measureText) {
   const text = createSVGElement("text");
   setAttrs(text, { x: element.x, y: element.y });
@@ -4354,7 +4308,7 @@ function renderChartSVG(layout, container, opts) {
     fill: layout.theme.colors.background
   });
   svg.appendChild(bg);
-  const clipId = `oc-clip-${Math.random().toString(36).slice(2, 8)}`;
+  const clipId = nextSvgId("oc-clip");
   const defs = createSVGElement("defs");
   const clipPath = createSVGElement("clipPath");
   clipPath.setAttribute("id", clipId);
@@ -5680,7 +5634,6 @@ function createChart(container, spec, options) {
   let destroyed = false;
   let isDragging = false;
   let pendingRender = false;
-  let resizeTimer = null;
   let isFirstRender = true;
   let cleanupAnimations = null;
   let pendingResize = false;
@@ -6109,10 +6062,6 @@ function createChart(container, spec, options) {
       pendingResize = false;
     }
     cancelAnimations(svgElement);
-    if (resizeTimer !== null) {
-      clearTimeout(resizeTimer);
-      resizeTimer = null;
-    }
     if (cleanupTooltipEvents) {
       cleanupTooltipEvents();
       cleanupTooltipEvents = null;
@@ -6178,11 +6127,7 @@ function createChart(container, spec, options) {
   render();
   if (options?.responsive !== false) {
     disconnectResize = observeResize(container, () => {
-      if (resizeTimer !== null) clearTimeout(resizeTimer);
-      resizeTimer = setTimeout(() => {
-        resizeTimer = null;
-        resize();
-      }, 100);
+      resize();
     });
   }
   return {
@@ -6534,7 +6479,12 @@ function renderCell(cell) {
 import { compileSankey } from "@opendata-ai/openchart-engine";
 
 // src/sankey-renderer.ts
-import { BRAND_FONT_SIZE as BRAND_FONT_SIZE3, BRAND_MIN_WIDTH as BRAND_MIN_WIDTH3, estimateTextWidth as estimateTextWidth2 } from "@opendata-ai/openchart-core";
+import {
+  BRAND_FONT_SIZE as BRAND_FONT_SIZE3,
+  BRAND_MIN_WIDTH as BRAND_MIN_WIDTH3,
+  estimateTextWidth as estimateTextWidth2,
+  wrapText as wrapText2
+} from "@opendata-ai/openchart-core";
 import { clampStaggerDelay as clampStaggerDelay2 } from "@opendata-ai/openchart-engine";
 var SVG_NS3 = "http://www.w3.org/2000/svg";
 var XLINK_NS2 = "http://www.w3.org/1999/xlink";
@@ -6574,39 +6524,6 @@ function stampAnimationAttrs2(el, mark, fallbackIndex, animation) {
   el.setAttribute("data-animation-index", String(idx));
   el.style.setProperty("--oc-mark-index", String(idx));
 }
-function wrapText2(text, fontSize, fontWeight, maxWidth) {
-  if (maxWidth <= 0) return [text];
-  const AVG_CHAR_WIDTH = 0.57;
-  const WEIGHT_FACTORS = {
-    100: 0.9,
-    200: 0.92,
-    300: 0.95,
-    400: 1,
-    500: 1.02,
-    600: 1.05,
-    700: 1.08,
-    800: 1.1,
-    900: 1.12
-  };
-  const weightFactor = WEIGHT_FACTORS[fontWeight] ?? 1;
-  const charWidth = fontSize * AVG_CHAR_WIDTH * weightFactor;
-  const maxChars = Math.floor(maxWidth / charWidth);
-  if (text.length <= maxChars) return [text];
-  const words = text.split(" ");
-  const lines = [];
-  let current = "";
-  for (const word of words) {
-    const candidate = current ? `${current} ${word}` : word;
-    if (candidate.length > maxChars && current) {
-      lines.push(current);
-      current = word;
-    } else {
-      current = candidate;
-    }
-  }
-  if (current) lines.push(current);
-  return lines;
-}
 function renderChromeElement2(parent, element, className, chromeKey) {
   const text = createSVGElement2("text");
   setAttrs2(text, { x: element.x, y: element.y });