schematex 0.9.0 → 0.9.2

package/dist/{chunk-HPEAE3JM.js → chunk-7Z2GDS4G.js}

@@ -1,5 +1,5 @@
 import { firstContentLine } from './chunk-2KTQ75LN.js';
-import { resolveFlowchartTheme } from './chunk-UK6HF6PE.js';
+import { resolveFlowchartTheme } from './chunk-TYEQC7PV.js';
 import { text, title, desc, el, defs, group, svgRoot, rect, multilineText, path, polygon, circle, line } from './chunk-SYYBKDL7.js';
 
 // src/diagrams/flowchart/parser.ts
@@ -1080,12 +1080,18 @@ var FC_CONST = {
   labelHPad: 16,
   minNodeWidth: 72,
   /**
-   * Cap on per-line label width. Until line-wrapping lands, this clamp is
-   * a soft contract: nodes never grow past this, and any overflow becomes
-   * the caller's problem. Set generously so common CJK sentences (≤30
-   * full-width chars) still fit without truncation or text overflow.
+   * Cap on per-line label width. Labels wider than `wrapLabelWidth` are
+   * auto-wrapped first (see `wrapLabel`), so this clamp only bites on
+   * unbreakable single tokens that survive wrapping (URLs, ids).
    */
   maxLabelWidth: 420,
+  /**
+   * Auto-wrap target: a single-line label measuring wider than this is
+   * broken into multiple lines (preferring spaces, falling back to CJK
+   * char boundaries). ≈38 Latin chars / ≈20 full-width chars per line —
+   * keeps prose nodes near a readable 3:1 aspect instead of a 400px strip.
+   */
+  wrapLabelWidth: 260,
   crossingSweepIters: 24
 };
 var SHAPE_SLANT = {
@@ -1132,6 +1138,49 @@ function measureLabelWidth(label) {
   }
   return max;
 }
+function wrapLabel(label) {
+  const text2 = String(label);
+  if (/<br\s*\/?>|\n/i.test(text2)) return label;
+  if (/<\/?[bi]>/i.test(text2)) return label;
+  if (measureLineWidth(text2) <= FC_CONST.wrapLabelWidth) return label;
+  const maxW = FC_CONST.wrapLabelWidth;
+  const lines = [];
+  let line2 = "";
+  let lineW = 0;
+  let breakAt = -1;
+  let breakIsSpace = false;
+  for (const ch of text2) {
+    const code = ch.codePointAt(0) ?? 0;
+    const chW = isFullWidth(code) ? FC_CONST.cjkCharWidth : FC_CONST.charWidth;
+    if (ch === " " && line2.length > 0) {
+      breakAt = line2.length;
+      breakIsSpace = true;
+    }
+    if (lineW + chW > maxW && line2.length > 0) {
+      if (breakAt > 0) {
+        const head = line2.slice(0, breakAt);
+        const tail = line2.slice(breakIsSpace ? breakAt + 1 : breakAt);
+        lines.push(head);
+        line2 = tail;
+      } else {
+        lines.push(line2);
+        line2 = "";
+      }
+      lineW = measureLineWidth(line2);
+      breakAt = -1;
+      breakIsSpace = false;
+      if (ch === " " && line2.length === 0) continue;
+    }
+    line2 += ch;
+    lineW += chW;
+    if (isFullWidth(code)) {
+      breakAt = line2.length;
+      breakIsSpace = false;
+    }
+  }
+  if (line2.length > 0) lines.push(line2);
+  return lines.join("\n");
+}
 function greedyFAS(nodeIds, edges) {
   const outAdj = /* @__PURE__ */ new Map();
   const inAdj = /* @__PURE__ */ new Map();
@@ -1672,6 +1721,7 @@ function hasOverlappingTopLevelClusters(ast, layerMap, sgParent) {
 function layoutFlowchart(ast) {
   const dir = ast.direction;
   const isHorizontalDir = dir === "LR" || dir === "RL";
+  for (const n of ast.nodes) n.label = wrapLabel(n.label);
   const sizeOf = (n) => {
     const rawTextW = measureLabelWidth(n.label);
     const labelW = Math.min(
@@ -2311,7 +2361,7 @@ var CSS_TEMPLATE = (themeName) => {
 .sx-fc-edge-dotted { stroke-dasharray: 1.5 3; }
 .sx-fc-edge-label { fill: ${t.textMuted}; font: 11px system-ui, -apple-system, "Segoe UI", sans-serif; }
 .sx-fc-edge-label-bg { fill: ${t.bg}; fill-opacity: 0.96; stroke: ${t.neutral}; stroke-width: 0.5; }
-.sx-fc-title { fill: ${t.text}; font: 600 14px system-ui, -apple-system, "Segoe UI", sans-serif; }
+.sx-fc-title { fill: ${t.text}; font: 700 16px system-ui, -apple-system, "Segoe UI", sans-serif; }
 /* Shape sub-elements */
 .sx-fc-node-subline { fill: none; stroke: ${t.stroke}; stroke-width: 1.5; }
 .sx-fc-node-arc { fill: none; stroke: ${t.stroke}; stroke-width: 1.5; }
@@ -2541,5 +2591,5 @@ var flowchart = {
 };
 
 export { FC_CONST, flowchart, iconNames, layoutFlowchart, parseFlowchart, renderFlowchart, renderFlowchartAST, renderIcon };
-//# sourceMappingURL=chunk-HPEAE3JM.js.map
-//# sourceMappingURL=chunk-HPEAE3JM.js.map
+//# sourceMappingURL=chunk-7Z2GDS4G.js.map
+//# sourceMappingURL=chunk-7Z2GDS4G.js.map