schematex 0.3.2 → 0.3.4

package/dist/{chunk-GYTWJ6VB.cjs → chunk-6ULC3UHJ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkD7EHZFK4_cjs = require('./chunk-D7EHZFK4.cjs');
-var chunkLFZZ4NCP_cjs = require('./chunk-LFZZ4NCP.cjs');
+var chunk3WNW5Y7P_cjs = require('./chunk-3WNW5Y7P.cjs');
 
 // src/diagrams/flowchart/parser.ts
 var FlowchartParseError = class extends Error {
@@ -404,7 +404,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);
@@ -1574,6 +1585,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 = [];
@@ -1588,7 +1601,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]);
@@ -1613,7 +1626,8 @@ function layoutFlowchart(ast) {
         isReversed: le.isReversed
       },
       path: d,
-      labelAnchor
+      labelAnchor,
+      index: edgeIndex.get(le.original)
     };
   });
   function collectDescendantNodeIds(sgId) {
@@ -1718,52 +1732,52 @@ function shapeSVG(shape, w, h) {
   switch (shape) {
     // ── M1 core shapes ─────────────────────────────────────────
     case "rect":
-      return chunkLFZZ4NCP_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: 14, ry: 14, class: "sx-fc-node" });
+      return chunk3WNW5Y7P_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: 14, ry: 14, class: "sx-fc-node" });
     case "round":
-      return chunkLFZZ4NCP_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: 20, ry: 20, class: "sx-fc-node sx-fc-node-round" });
+      return chunk3WNW5Y7P_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: 20, ry: 20, class: "sx-fc-node sx-fc-node-round" });
     case "stadium": {
       const r = Math.min(h / 2, 24);
-      return chunkLFZZ4NCP_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: r, ry: r, class: "sx-fc-node sx-fc-node-stadium" });
+      return chunk3WNW5Y7P_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: r, ry: r, class: "sx-fc-node sx-fc-node-stadium" });
     }
     case "diamond": {
       const points = `${w / 2},0 ${w},${h / 2} ${w / 2},${h} 0,${h / 2}`;
-      return chunkLFZZ4NCP_cjs.polygon({ points, class: "sx-fc-node sx-fc-node-diamond" });
+      return chunk3WNW5Y7P_cjs.polygon({ points, class: "sx-fc-node sx-fc-node-diamond" });
     }
     case "parallelogram": {
       const slant = SHAPE_SLANT.parallelogram;
       const points = `${slant},0 ${w},0 ${w - slant},${h} 0,${h}`;
-      return chunkLFZZ4NCP_cjs.polygon({ points, class: "sx-fc-node" });
+      return chunk3WNW5Y7P_cjs.polygon({ points, class: "sx-fc-node" });
     }
     // ── M2 additional shapes ────────────────────────────────────
     case "parallelogram-alt": {
       const slant = SHAPE_SLANT.parallelogram;
       const points = `0,0 ${w - slant},0 ${w},${h} ${slant},${h}`;
-      return chunkLFZZ4NCP_cjs.polygon({ points, class: "sx-fc-node" });
+      return chunk3WNW5Y7P_cjs.polygon({ points, class: "sx-fc-node" });
     }
     case "trapezoid": {
       const slant = SHAPE_SLANT.trapezoid;
       const points = `0,0 ${w},0 ${w - slant},${h} ${slant},${h}`;
-      return chunkLFZZ4NCP_cjs.polygon({ points, class: "sx-fc-node" });
+      return chunk3WNW5Y7P_cjs.polygon({ points, class: "sx-fc-node" });
     }
     case "trapezoid-alt": {
       const slant = SHAPE_SLANT.trapezoid;
       const points = `${slant},0 ${w - slant},0 ${w},${h} 0,${h}`;
-      return chunkLFZZ4NCP_cjs.polygon({ points, class: "sx-fc-node" });
+      return chunk3WNW5Y7P_cjs.polygon({ points, class: "sx-fc-node" });
     }
     case "subroutine": {
       const barX = 10;
-      const body = chunkLFZZ4NCP_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: 2, class: "sx-fc-node" });
-      const left = chunkLFZZ4NCP_cjs.line({ x1: barX, y1: 0, x2: barX, y2: h, class: "sx-fc-node-subline" });
-      const right = chunkLFZZ4NCP_cjs.line({ x1: w - barX, y1: 0, x2: w - barX, y2: h, class: "sx-fc-node-subline" });
+      const body = chunk3WNW5Y7P_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: 2, class: "sx-fc-node" });
+      const left = chunk3WNW5Y7P_cjs.line({ x1: barX, y1: 0, x2: barX, y2: h, class: "sx-fc-node-subline" });
+      const right = chunk3WNW5Y7P_cjs.line({ x1: w - barX, y1: 0, x2: w - barX, y2: h, class: "sx-fc-node-subline" });
       return body + left + right;
     }
     case "cylinder": {
       const ry = Math.min(8, h / 4);
-      const silhouette = chunkLFZZ4NCP_cjs.path({
+      const silhouette = chunk3WNW5Y7P_cjs.path({
         d: `M0,${ry} A${w / 2},${ry} 0 0,1 ${w},${ry} L${w},${h - ry} A${w / 2},${ry} 0 0,1 0,${h - ry} Z`,
         class: "sx-fc-node"
       });
-      const topRim = chunkLFZZ4NCP_cjs.path({
+      const topRim = chunk3WNW5Y7P_cjs.path({
         d: `M0,${ry} A${w / 2},${ry} 0 0,0 ${w},${ry}`,
         class: "sx-fc-node-arc"
       });
@@ -1771,26 +1785,26 @@ function shapeSVG(shape, w, h) {
     }
     case "circle": {
       const r = Math.min(w, h) / 2 - 1;
-      return chunkLFZZ4NCP_cjs.circle({ cx: w / 2, cy: h / 2, r, class: "sx-fc-node sx-fc-node-circle" });
+      return chunk3WNW5Y7P_cjs.circle({ cx: w / 2, cy: h / 2, r, class: "sx-fc-node sx-fc-node-circle" });
     }
     case "double-circle": {
       const r1 = Math.min(w, h) / 2 - 1;
       const r2 = r1 - 5;
-      const outer = chunkLFZZ4NCP_cjs.circle({ cx: w / 2, cy: h / 2, r: r1, class: "sx-fc-node" });
-      const inner = chunkLFZZ4NCP_cjs.circle({ cx: w / 2, cy: h / 2, r: r2, class: "sx-fc-node-ring" });
+      const outer = chunk3WNW5Y7P_cjs.circle({ cx: w / 2, cy: h / 2, r: r1, class: "sx-fc-node" });
+      const inner = chunk3WNW5Y7P_cjs.circle({ cx: w / 2, cy: h / 2, r: r2, class: "sx-fc-node-ring" });
       return outer + inner;
     }
     case "hexagon": {
       const cut = Math.min(20, w / 4);
       const points = `${cut},0 ${w - cut},0 ${w},${h / 2} ${w - cut},${h} ${cut},${h} 0,${h / 2}`;
-      return chunkLFZZ4NCP_cjs.polygon({ points, class: "sx-fc-node sx-fc-node-hexagon" });
+      return chunk3WNW5Y7P_cjs.polygon({ points, class: "sx-fc-node sx-fc-node-hexagon" });
     }
     case "asymmetric": {
       const pts = `0,0 ${w - 15},0 ${w},${h / 2} ${w - 15},${h} 0,${h}`;
-      return chunkLFZZ4NCP_cjs.polygon({ points: pts, class: "sx-fc-node" });
+      return chunk3WNW5Y7P_cjs.polygon({ points: pts, class: "sx-fc-node" });
     }
     default:
-      return chunkLFZZ4NCP_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: 14, ry: 14, class: "sx-fc-node" });
+      return chunk3WNW5Y7P_cjs.rect({ x: 0, y: 0, width: w, height: h, rx: 14, ry: 14, class: "sx-fc-node" });
   }
 }
 
@@ -1799,7 +1813,7 @@ var CSS_TEMPLATE = (themeName) => {
   const t = chunkD7EHZFK4_cjs.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}; }
@@ -1868,12 +1882,12 @@ function markerStartFor(edge) {
 }
 function renderCluster(lc) {
   const sg = lc.subgraph;
-  const bg = chunkLFZZ4NCP_cjs.rect({ x: lc.x, y: lc.y, width: lc.width, height: lc.height, rx: 8, class: "sx-fc-cluster" });
-  const label = chunkLFZZ4NCP_cjs.text(
+  const bg = chunk3WNW5Y7P_cjs.rect({ x: lc.x, y: lc.y, width: lc.width, height: lc.height, rx: 8, class: "sx-fc-cluster" });
+  const label = chunk3WNW5Y7P_cjs.text(
     { x: lc.x + 12, y: lc.y + 15, class: "sx-fc-cluster-title" },
     sg.label
   );
-  return chunkLFZZ4NCP_cjs.group(
+  return chunk3WNW5Y7P_cjs.group(
     { "data-cluster-id": sg.id, "data-depth": lc.depth, class: "sx-fc-cluster-g" },
     [bg, label]
   );
@@ -1881,7 +1895,7 @@ function renderCluster(lc) {
 function renderNode(ln) {
   const n = ln.node;
   const shapeEl = shapeSVG(n.shape, ln.width, ln.height);
-  const label = chunkLFZZ4NCP_cjs.multilineText(
+  const label = chunk3WNW5Y7P_cjs.multilineText(
     {
       x: ln.width / 2,
       y: ln.height / 2,
@@ -1892,9 +1906,9 @@ function renderNode(ln) {
     n.label
   );
   const plainLabel = n.label.replace(/<br\s*\/?>/gi, " ").replace(/<\/?[bi]>/gi, "");
-  const nodeTitle = chunkLFZZ4NCP_cjs.title(plainLabel);
+  const nodeTitle = chunk3WNW5Y7P_cjs.title(plainLabel);
   const classAttr = ["sx-fc-node-g", ...(n.classes ?? []).map((c) => `sx-fc-class-${c}`)].join(" ");
-  return chunkLFZZ4NCP_cjs.group(
+  return chunk3WNW5Y7P_cjs.group(
     {
       "data-node-id": n.id,
       "data-shape": n.shape,
@@ -1916,19 +1930,20 @@ function renderEdge(le) {
   const ms = markerStartFor(e);
   if (me) attrs["marker-end"] = me;
   if (ms) attrs["marker-start"] = ms;
-  const p = chunkLFZZ4NCP_cjs.path(attrs);
+  const p = chunk3WNW5Y7P_cjs.path(attrs);
   const labelEl = e.label && le.labelAnchor ? renderEdgeLabel(
     e.label,
     le.labelAnchor.x,
     le.labelAnchor.y,
     le.labelAnchor.textAnchor ?? "middle"
   ) : "";
-  const edgeTitle = chunkLFZZ4NCP_cjs.title(
+  const edgeTitle = chunk3WNW5Y7P_cjs.title(
     e.label ? `${e.from} \u2192 ${e.to}: ${e.label}` : `${e.from} \u2192 ${e.to}`
   );
-  return chunkLFZZ4NCP_cjs.group(
+  return chunk3WNW5Y7P_cjs.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
@@ -1941,7 +1956,7 @@ function renderEdgeLabel(label, cx, cy, textAnchor) {
   const h = 16;
   const rx = cx - (textAnchor === "start" ? 0 : textAnchor === "end" ? w : w / 2);
   const ry = cy - h / 2;
-  const bg = chunkLFZZ4NCP_cjs.rect({
+  const bg = chunk3WNW5Y7P_cjs.rect({
     x: rx,
     y: ry,
     width: w,
@@ -1949,7 +1964,7 @@ function renderEdgeLabel(label, cx, cy, textAnchor) {
     rx: 3,
     class: "sx-fc-edge-label-bg"
   });
-  const t = chunkLFZZ4NCP_cjs.text(
+  const t = chunk3WNW5Y7P_cjs.text(
     {
       x: cx,
       y: cy,
@@ -1959,7 +1974,7 @@ function renderEdgeLabel(label, cx, cy, textAnchor) {
     },
     label
   );
-  return chunkLFZZ4NCP_cjs.group({ class: "sx-fc-edge-label-g" }, [bg, t]);
+  return chunk3WNW5Y7P_cjs.group({ class: "sx-fc-edge-label-g" }, [bg, t]);
 }
 function fmt2(n) {
   return (Math.round(n * 100) / 100).toString();
@@ -1977,7 +1992,11 @@ 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 titleBlock = ast.title ? chunkLFZZ4NCP_cjs.text(
+  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 ? chunk3WNW5Y7P_cjs.text(
     {
       x: layout.width / 2,
       y: 16,
@@ -1986,24 +2005,24 @@ 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 = [
-    chunkLFZZ4NCP_cjs.title(ast.title ? `${ast.title} \u2014 Flowchart` : "Flowchart"),
-    chunkLFZZ4NCP_cjs.desc(
+    chunk3WNW5Y7P_cjs.title(ast.title ? `${ast.title} \u2014 Flowchart` : "Flowchart"),
+    chunk3WNW5Y7P_cjs.desc(
       `Flowchart with ${ast.nodes.length} node${ast.nodes.length === 1 ? "" : "s"} and ${ast.edges.length} edge${ast.edges.length === 1 ? "" : "s"}.`
     ),
-    chunkLFZZ4NCP_cjs.el("style", {}, CSS_TEMPLATE(themeName) + (cssOverrides ? "\n" + cssOverrides : "")),
-    chunkLFZZ4NCP_cjs.defs([ARROW_MARKER])
+    chunk3WNW5Y7P_cjs.el("style", {}, CSS_TEMPLATE(themeName) + (cssOverrides ? "\n" + cssOverrides : "")),
+    chunk3WNW5Y7P_cjs.defs([ARROW_MARKER])
   ];
   const content = [];
-  if (clusterSvg.length > 0) content.push(chunkLFZZ4NCP_cjs.group({ class: "sx-fc-clusters" }, clusterSvg));
-  content.push(chunkLFZZ4NCP_cjs.group({ class: "sx-fc-edges" }, edgeSvg));
-  content.push(chunkLFZZ4NCP_cjs.group({ class: "sx-fc-nodes" }, nodeSvg));
+  if (clusterSvg.length > 0) content.push(chunk3WNW5Y7P_cjs.group({ class: "sx-fc-clusters" }, clusterSvg));
+  content.push(chunk3WNW5Y7P_cjs.group({ class: "sx-fc-edges" }, edgeSvg));
+  content.push(chunk3WNW5Y7P_cjs.group({ class: "sx-fc-nodes" }, nodeSvg));
   const hasClusters = layout.clusters.length > 0;
   const topPad = ast.title ? hasClusters ? 56 : 24 : 0;
   const totalH = layout.height + topPad;
   const titleSvg = titleBlock;
-  return chunkLFZZ4NCP_cjs.svgRoot(
+  return chunk3WNW5Y7P_cjs.svgRoot(
     {
       viewBox: `0 0 ${fmt2(layout.width)} ${fmt2(totalH)}`,
       width: fmt2(layout.width),
@@ -2016,7 +2035,7 @@ function renderFlowchartAST(ast, themeName = "default") {
     topPad > 0 ? [
       ...headMeta,
       titleSvg,
-      chunkLFZZ4NCP_cjs.group({ transform: `translate(0 ${topPad})` }, content)
+      chunk3WNW5Y7P_cjs.group({ transform: `translate(0 ${topPad})` }, content)
     ] : [...headMeta, titleSvg, ...content]
   );
 }
@@ -2051,5 +2070,5 @@ exports.layoutFlowchart = layoutFlowchart;
 exports.parseFlowchart = parseFlowchart;
 exports.renderFlowchart = renderFlowchart;
 exports.renderFlowchartAST = renderFlowchartAST;
-//# sourceMappingURL=chunk-GYTWJ6VB.cjs.map
-//# sourceMappingURL=chunk-GYTWJ6VB.cjs.map
+//# sourceMappingURL=chunk-6ULC3UHJ.cjs.map
+//# sourceMappingURL=chunk-6ULC3UHJ.cjs.map