schematex 0.3.3 → 0.4.0

package/dist/{chunk-FIVUMDLF.js → chunk-KVP7AORH.js}

@@ -723,9 +723,9 @@ function balance(xss) {
 var FC_CONST = {
   nodeWidth: 120,
   nodeHeight: 44,
-  nodeSpacingX: 32,
+  nodeSpacingX: 40,
   // cross-flow gap between nodes in same layer
-  layerSpacingY: 56,
+  layerSpacingY: 76,
   // flow-direction gap between layers
   dummyWidth: 1,
   padding: 24,
@@ -1481,6 +1481,12 @@ function layoutFlowchart(ast) {
       if (li < layerHeights.length - 1) y += layerGapAt(li);
     }
   }
+  const channelMidAbstract = [];
+  for (let li = 0; li < layerCenterY.length - 1; li++) {
+    const bottomI = layerCenterY[li] + layerHeights[li] / 2;
+    const topNext = layerCenterY[li + 1] - layerHeights[li + 1] / 2;
+    channelMidAbstract.push((bottomI + topNext) / 2);
+  }
   let minX = Infinity;
   let maxX = -Infinity;
   for (const [id, x] of xMap) {
@@ -1553,6 +1559,11 @@ function layoutFlowchart(ast) {
   });
   const outWidth = isHorizontal ? canvasH : canvasW;
   const outHeight = isHorizontal ? canvasW : canvasH;
+  const finalChannel = channelMidAbstract.map((m) => {
+    if (dir === "BT") return outHeight - m;
+    if (dir === "RL") return outWidth - m;
+    return m;
+  });
   const nodeCenter = /* @__PURE__ */ new Map();
   for (const ln of outNodes) {
     nodeCenter.set(ln.node.id, {
@@ -1613,10 +1624,11 @@ function layoutFlowchart(ast) {
         endNode,
         dir);
     }
-    const d = buildManhattanPath(points, dir);
+    const chainLayers = chain.map((id) => layerMap.get(id) ?? 0);
+    const d = buildManhattanPath(points, dir, chainLayers, finalChannel);
     let labelAnchor;
     if (le.original.label) {
-      labelAnchor = edgeLabelAnchor(points, dir);
+      labelAnchor = edgeLabelAnchor(points, dir, chainLayers, finalChannel);
     }
     return {
       edge: {
@@ -1678,20 +1690,30 @@ function clipToBox(from, toward, box, dir, isStart) {
   const goingRight = toward.x >= from.x;
   return { x: cx + (goingRight ? box.w / 2 : -box.w / 2), y: cy };
 }
-function buildManhattanPath(pts, dir) {
+function buildManhattanPath(pts, dir, layers, channel) {
   if (pts.length === 0) return "";
   const parts = [`M ${fmt(pts[0].x)} ${fmt(pts[0].y)}`];
   const isHorizontal = dir === "LR" || dir === "RL";
   for (let i = 1; i < pts.length; i++) {
     const a = pts[i - 1];
     const b = pts[i];
+    let bend = null;
+    if (layers && channel) {
+      const la = layers[i - 1];
+      const lb = layers[i];
+      if (la !== void 0 && lb !== void 0 && la !== lb) {
+        const ci = Math.min(la, lb);
+        const cv = channel[ci];
+        if (cv !== void 0) bend = cv;
+      }
+    }
     if (isHorizontal) {
-      const midX = (a.x + b.x) / 2;
+      const midX = bend ?? (a.x + b.x) / 2;
       parts.push(`L ${fmt(midX)} ${fmt(a.y)}`);
       parts.push(`L ${fmt(midX)} ${fmt(b.y)}`);
       parts.push(`L ${fmt(b.x)} ${fmt(b.y)}`);
     } else {
-      const midY = (a.y + b.y) / 2;
+      const midY = bend ?? (a.y + b.y) / 2;
       parts.push(`L ${fmt(a.x)} ${fmt(midY)}`);
       parts.push(`L ${fmt(b.x)} ${fmt(midY)}`);
       parts.push(`L ${fmt(b.x)} ${fmt(b.y)}`);
@@ -1702,13 +1724,22 @@ function buildManhattanPath(pts, dir) {
 function fmt(n) {
   return (Math.round(n * 100) / 100).toString();
 }
-function edgeLabelAnchor(pts, dir) {
+function edgeLabelAnchor(pts, dir, layers, channel) {
+  let bend = null;
+  if (layers && channel && layers.length >= 2) {
+    const la = layers[0];
+    const lb = layers[1];
+    if (la !== lb) {
+      const cv = channel[Math.min(la, lb)];
+      if (cv !== void 0) bend = cv;
+    }
+  }
   if (pts.length < 2) return pts[0] ?? { x: 0, y: 0 };
   const a = pts[0];
   const b = pts[1];
   const isHorizontal = dir === "LR" || dir === "RL";
   if (isHorizontal) {
-    const midX = (a.x + b.x) / 2;
+    const midX = bend ?? (a.x + b.x) / 2;
     const bends2 = Math.abs(a.y - b.y) > 1;
     if (bends2) {
       const midY2 = (a.y + b.y) / 2;
@@ -1716,7 +1747,7 @@ function edgeLabelAnchor(pts, dir) {
     }
     return { x: midX, y: a.y - 8, textAnchor: "middle" };
   }
-  const midY = (a.y + b.y) / 2;
+  const midY = bend ?? (a.y + b.y) / 2;
   const bends = Math.abs(a.x - b.x) > 1;
   if (bends) {
     const midX = (a.x + b.x) / 2;
@@ -1811,7 +1842,7 @@ var CSS_TEMPLATE = (themeName) => {
   const t = resolveFlowchartTheme(themeName);
   const c = t.classes;
   return `
-.sx-fc { background: ${t.bg}; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
+.sx-fc { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
 .sx-fc-node { fill: ${t.fillMuted}; stroke: ${t.stroke}; stroke-width: 1.5; stroke-linejoin: round; }
 .sx-fc-node-stadium { fill: ${t.stadiumFill}; stroke: ${t.stroke}; }
 .sx-fc-node-diamond { fill: ${t.diamondFill}; stroke: ${t.stroke}; }
@@ -2063,5 +2094,5 @@ var flowchart = {
 };
 
 export { FC_CONST, flowchart, layoutFlowchart, parseFlowchart, renderFlowchart, renderFlowchartAST };
-//# sourceMappingURL=chunk-FIVUMDLF.js.map
-//# sourceMappingURL=chunk-FIVUMDLF.js.map
+//# sourceMappingURL=chunk-KVP7AORH.js.map
+//# sourceMappingURL=chunk-KVP7AORH.js.map