schematex 0.2.5 → 0.3.2

package/dist/{chunk-J2LVOWVY.js → chunk-2J2QWNGI.js}

@@ -1,5 +1,5 @@
 import { resolveFlowchartTheme } from './chunk-2VNMKOUO.js';
-import { text, title, desc, el, defs, group, svgRoot, rect, path, polygon, circle, line } from './chunk-KLJEK547.js';
+import { text, title, desc, el, defs, group, svgRoot, rect, multilineText, path, polygon, circle, line } from './chunk-WHJXRLFD.js';
 
 // src/diagrams/flowchart/parser.ts
 var FlowchartParseError = class extends Error {
@@ -15,76 +15,81 @@ var FlowchartParseError = class extends Error {
   source;
 };
 var DIRECTIONS = /* @__PURE__ */ new Set(["TB", "TD", "BT", "LR", "RL"]);
+function unquoteLabel(s) {
+  const t = s.trim();
+  if (t.length >= 2 && t.startsWith('"') && t.endsWith('"')) return t.slice(1, -1);
+  return t;
+}
 function parseShapeSuffix(line2, pos) {
   const ch = line2[pos];
   if (ch === void 0) return null;
   if (ch === ">") {
     const end = line2.indexOf("]", pos + 1);
     if (end < 0) return null;
-    return { shape: "asymmetric", label: line2.slice(pos + 1, end).trim(), end: end + 1 };
+    return { shape: "asymmetric", label: unquoteLabel(line2.slice(pos + 1, end)), end: end + 1 };
   }
   if (ch === "(" && line2[pos + 1] === "(" && line2[pos + 2] === "(") {
     const end = line2.indexOf(")))", pos + 3);
     if (end < 0) return null;
-    return { shape: "double-circle", label: line2.slice(pos + 3, end).trim(), end: end + 3 };
+    return { shape: "double-circle", label: unquoteLabel(line2.slice(pos + 3, end)), end: end + 3 };
   }
   if (ch === "(" && line2[pos + 1] === "[") {
     const end = line2.indexOf("])", pos + 2);
     if (end < 0) return null;
-    return { shape: "stadium", label: line2.slice(pos + 2, end).trim(), end: end + 2 };
+    return { shape: "stadium", label: unquoteLabel(line2.slice(pos + 2, end)), end: end + 2 };
   }
   if (ch === "(" && line2[pos + 1] === "(") {
     const end = line2.indexOf("))", pos + 2);
     if (end < 0) return null;
-    return { shape: "circle", label: line2.slice(pos + 2, end).trim(), end: end + 2 };
+    return { shape: "circle", label: unquoteLabel(line2.slice(pos + 2, end)), end: end + 2 };
   }
   if (ch === "[" && line2[pos + 1] === "[") {
     const end = line2.indexOf("]]", pos + 2);
     if (end < 0) return null;
-    return { shape: "subroutine", label: line2.slice(pos + 2, end).trim(), end: end + 2 };
+    return { shape: "subroutine", label: unquoteLabel(line2.slice(pos + 2, end)), end: end + 2 };
   }
   if (ch === "[" && line2[pos + 1] === "(") {
     const end = line2.indexOf(")]", pos + 2);
     if (end < 0) return null;
-    return { shape: "cylinder", label: line2.slice(pos + 2, end).trim(), end: end + 2 };
+    return { shape: "cylinder", label: unquoteLabel(line2.slice(pos + 2, end)), end: end + 2 };
   }
   if (ch === "{" && line2[pos + 1] === "{") {
     const end = line2.indexOf("}}", pos + 2);
     if (end < 0) return null;
-    return { shape: "hexagon", label: line2.slice(pos + 2, end).trim(), end: end + 2 };
+    return { shape: "hexagon", label: unquoteLabel(line2.slice(pos + 2, end)), end: end + 2 };
   }
   if (ch === "[" && line2[pos + 1] === "/") {
     const endSlash = line2.indexOf("\\]", pos + 2);
     if (endSlash >= 0) {
-      return { shape: "trapezoid", label: line2.slice(pos + 2, endSlash).trim(), end: endSlash + 2 };
+      return { shape: "trapezoid", label: unquoteLabel(line2.slice(pos + 2, endSlash)), end: endSlash + 2 };
     }
     const end = line2.indexOf("/]", pos + 2);
     if (end < 0) return null;
-    return { shape: "parallelogram", label: line2.slice(pos + 2, end).trim(), end: end + 2 };
+    return { shape: "parallelogram", label: unquoteLabel(line2.slice(pos + 2, end)), end: end + 2 };
   }
   if (ch === "[" && line2[pos + 1] === "\\") {
     const endFwd = line2.indexOf("/]", pos + 2);
     if (endFwd >= 0) {
-      return { shape: "trapezoid-alt", label: line2.slice(pos + 2, endFwd).trim(), end: endFwd + 2 };
+      return { shape: "trapezoid-alt", label: unquoteLabel(line2.slice(pos + 2, endFwd)), end: endFwd + 2 };
     }
     const end = line2.indexOf("\\]", pos + 2);
     if (end < 0) return null;
-    return { shape: "parallelogram-alt", label: line2.slice(pos + 2, end).trim(), end: end + 2 };
+    return { shape: "parallelogram-alt", label: unquoteLabel(line2.slice(pos + 2, end)), end: end + 2 };
   }
   if (ch === "[") {
     const end = line2.indexOf("]", pos + 1);
     if (end < 0) return null;
-    return { shape: "rect", label: line2.slice(pos + 1, end).trim(), end: end + 1 };
+    return { shape: "rect", label: unquoteLabel(line2.slice(pos + 1, end)), end: end + 1 };
   }
   if (ch === "(") {
     const end = line2.indexOf(")", pos + 1);
     if (end < 0) return null;
-    return { shape: "round", label: line2.slice(pos + 1, end).trim(), end: end + 1 };
+    return { shape: "round", label: unquoteLabel(line2.slice(pos + 1, end)), end: end + 1 };
   }
   if (ch === "{") {
     const end = line2.indexOf("}", pos + 1);
     if (end < 0) return null;
-    return { shape: "diamond", label: line2.slice(pos + 1, end).trim(), end: end + 1 };
+    return { shape: "diamond", label: unquoteLabel(line2.slice(pos + 1, end)), end: end + 1 };
   }
   return null;
 }
@@ -168,7 +173,7 @@ function parsePipeLabel(line2, pos) {
   if (line2[pos] !== "|") return null;
   const end = line2.indexOf("|", pos + 1);
   if (end < 0) return null;
-  return { label: line2.slice(pos + 1, end).trim(), end: end + 1 };
+  return { label: unquoteLabel(line2.slice(pos + 1, end)), end: end + 1 };
 }
 function skipSpaces(line2, pos) {
   while (pos < line2.length && (line2[pos] === " " || line2[pos] === "	")) pos++;
@@ -1415,8 +1420,8 @@ function layoutFlowchart(ast) {
   const hasClusters = ast.subgraphs.length > 0;
   const CLUSTER_OVERHEAD_TITLE = hasClusters ? CLUSTER_GEO.pad + CLUSTER_GEO.titleH : 0;
   const CLUSTER_OVERHEAD_SIDE = hasClusters ? CLUSTER_GEO.pad : 0;
-  const extraTopPad = isHorizontal ? CLUSTER_OVERHEAD_SIDE : CLUSTER_OVERHEAD_TITLE;
-  const extraLeftPad = isHorizontal ? CLUSTER_OVERHEAD_TITLE : CLUSTER_OVERHEAD_SIDE;
+  const extraTopPad = !isHorizontal && dir !== "BT" ? CLUSTER_OVERHEAD_TITLE : CLUSTER_OVERHEAD_SIDE;
+  const extraLeftPad = isHorizontal && dir !== "RL" ? CLUSTER_OVERHEAD_TITLE : CLUSTER_OVERHEAD_SIDE;
   const topLevelOf = (sgId) => {
     let cur = sgId;
     let safety = 32;
@@ -1507,8 +1512,8 @@ function layoutFlowchart(ast) {
       });
     }
   }
-  const extraRightPad = isHorizontal ? CLUSTER_OVERHEAD_SIDE : CLUSTER_OVERHEAD_SIDE;
-  const extraBottomPad = isHorizontal ? CLUSTER_OVERHEAD_SIDE : CLUSTER_OVERHEAD_SIDE;
+  const extraRightPad = isHorizontal && dir === "RL" ? CLUSTER_OVERHEAD_TITLE : CLUSTER_OVERHEAD_SIDE;
+  const extraBottomPad = !isHorizontal && dir === "BT" ? CLUSTER_OVERHEAD_TITLE : CLUSTER_OVERHEAD_SIDE;
   const canvasW = maxX - minX + 2 * padding + extraLeftPad + extraRightPad;
   const lastLayer = layerCenterY.length - 1;
   const canvasH = lastLayer >= 0 ? layerCenterY[lastLayer] + layerHeights[lastLayer] / 2 + padding + extraBottomPad : 2 * padding;
@@ -1551,6 +1556,22 @@ function layoutFlowchart(ast) {
     if (!isHorizontal) dummyCenter.set(id, p);
     else dummyCenter.set(id, { x: p.y, y: p.x });
   }
+  if (dir === "BT" || dir === "RL") {
+    const flipY = dir === "BT";
+    const flipX = dir === "RL";
+    for (const n of outNodes) {
+      if (flipY) n.y = outHeight - n.y - n.height;
+      if (flipX) n.x = outWidth - n.x - n.width;
+    }
+    for (const c of nodeCenter.values()) {
+      if (flipY) c.y = outHeight - c.y;
+      if (flipX) c.x = outWidth - c.x;
+    }
+    for (const c of dummyCenter.values()) {
+      if (flipY) c.y = outHeight - c.y;
+      if (flipX) c.x = outWidth - c.x;
+    }
+  }
   const outEdges = updatedEdges.map((le) => {
     const chain = le.chain.length > 0 ? le.chain : [le.from, le.to];
     const points = [];
@@ -1858,7 +1879,7 @@ function renderCluster(lc) {
 function renderNode(ln) {
   const n = ln.node;
   const shapeEl = shapeSVG(n.shape, ln.width, ln.height);
-  const label = text(
+  const label = multilineText(
     {
       x: ln.width / 2,
       y: ln.height / 2,
@@ -1868,7 +1889,8 @@ function renderNode(ln) {
     },
     n.label
   );
-  const nodeTitle = title(n.label);
+  const plainLabel = n.label.replace(/<br\s*\/?>/gi, " ").replace(/<\/?[bi]>/gi, "");
+  const nodeTitle = title(plainLabel);
   const classAttr = ["sx-fc-node-g", ...(n.classes ?? []).map((c) => `sx-fc-class-${c}`)].join(" ");
   return group(
     {
@@ -2022,5 +2044,5 @@ var flowchart = {
 };
 
 export { FC_CONST, flowchart, layoutFlowchart, parseFlowchart, renderFlowchart, renderFlowchartAST };
-//# sourceMappingURL=chunk-J2LVOWVY.js.map
-//# sourceMappingURL=chunk-J2LVOWVY.js.map
+//# sourceMappingURL=chunk-2J2QWNGI.js.map
+//# sourceMappingURL=chunk-2J2QWNGI.js.map