schematex 0.3.0 → 0.3.3

package/dist/{chunk-TYCHEOQX.js → chunk-FIVUMDLF.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-SYYBKDL7.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++;
@@ -397,7 +402,18 @@ function parseFlowchart(source) {
       }
       continue;
     }
-    if (/^linkStyle\s/.test(trimmed)) continue;
+    const linkStyleMatch = /^linkStyle\s+([\d,\s]+|default)\s+(.+)$/.exec(trimmed);
+    if (linkStyleMatch) {
+      const sel = linkStyleMatch[1].trim();
+      const props = parseCssProps(linkStyleMatch[2]);
+      if (sel !== "default") {
+        const indices = sel.split(/[,\s]+/).map((s) => s.trim()).filter((s) => s.length > 0).map((s) => parseInt(s, 10)).filter((n) => !isNaN(n));
+        for (const idx of indices) {
+          ast.linkStyles.set(idx, { ...ast.linkStyles.get(idx) ?? {}, ...props });
+        }
+      }
+      continue;
+    }
     let parsed;
     try {
       parsed = parseChainStatement(trimmed, i + 1);
@@ -1567,6 +1583,8 @@ function layoutFlowchart(ast) {
       if (flipX) c.x = outWidth - c.x;
     }
   }
+  const edgeIndex = /* @__PURE__ */ new Map();
+  ast.edges.forEach((e, i) => edgeIndex.set(e, i));
   const outEdges = updatedEdges.map((le) => {
     const chain = le.chain.length > 0 ? le.chain : [le.from, le.to];
     const points = [];
@@ -1581,7 +1599,7 @@ function layoutFlowchart(ast) {
       }
     }
     if (points.length < 2) {
-      return { edge: le.original, path: "" };
+      return { edge: le.original, path: "", index: edgeIndex.get(le.original) };
     }
     const startNode = nodeCenter.get(chain[0]);
     const endNode = nodeCenter.get(chain[chain.length - 1]);
@@ -1606,7 +1624,8 @@ function layoutFlowchart(ast) {
         isReversed: le.isReversed
       },
       path: d,
-      labelAnchor
+      labelAnchor,
+      index: edgeIndex.get(le.original)
     };
   });
   function collectDescendantNodeIds(sgId) {
@@ -1874,7 +1893,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,
@@ -1884,7 +1903,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(
     {
@@ -1921,6 +1941,7 @@ function renderEdge(le) {
   return group(
     {
       "data-edge-id": e.id ?? `${e.from}->${e.to}`,
+      "data-edge-index": le.index,
       "data-kind": e.kind,
       "data-from": e.from,
       "data-to": e.to
@@ -1969,6 +1990,10 @@ function renderFlowchartAST(ast, themeName = "default") {
     const props = Object.entries(cd.props).map(([k, v]) => `${k}:${v}`).join(";");
     return `.sx-fc-class-${cd.id} > .sx-fc-node { ${props} }`;
   }).join("\n");
+  const linkStyleOverrides = Array.from(ast.linkStyles.entries()).map(([idx, props]) => {
+    const cssProps = Object.entries(props).map(([k, v]) => `${k}:${v}`).join(";");
+    return `g[data-edge-index="${idx}"] path { ${cssProps} }`;
+  }).join("\n");
   const titleBlock = ast.title ? text(
     {
       x: layout.width / 2,
@@ -1978,7 +2003,7 @@ function renderFlowchartAST(ast, themeName = "default") {
     },
     ast.title
   ) : "";
-  const cssOverrides = [nodeStyleOverrides, classDefOverrides].filter((s) => s.length > 0).join("\n");
+  const cssOverrides = [nodeStyleOverrides, classDefOverrides, linkStyleOverrides].filter((s) => s.length > 0).join("\n");
   const headMeta = [
     title(ast.title ? `${ast.title} \u2014 Flowchart` : "Flowchart"),
     desc(
@@ -2038,5 +2063,5 @@ var flowchart = {
 };
 
 export { FC_CONST, flowchart, layoutFlowchart, parseFlowchart, renderFlowchart, renderFlowchartAST };
-//# sourceMappingURL=chunk-TYCHEOQX.js.map
-//# sourceMappingURL=chunk-TYCHEOQX.js.map
+//# sourceMappingURL=chunk-FIVUMDLF.js.map
+//# sourceMappingURL=chunk-FIVUMDLF.js.map