@diagrammo/dgmo 0.75.0 → 0.76.0

package/dist/{chunk-TDHD3HNO.js → chunk-F4X5NVKY.js}

@@ -1,6 +1,6 @@
 import {
   SKETCH_DIAGNOSTIC_CODES
-} from "./chunk-RT7ACF77.js";
+} from "./chunk-EGY3TS62.js";
 import {
   parseInArrowLabel
 } from "./chunk-IHOFUR74.js";
@@ -71,6 +71,7 @@ var BOX_RE = /^\[([^\]]*)\]\s*(.*)$/;
 var BOX_TAIL_ALIAS_RE = /^as\s+([A-Za-z][A-Za-z0-9_]{0,11})(?=\s|,|$)\s*,?\s*/;
 var AT_VALUE_RE = /^(-?\d+)\s+(-?\d+)$/;
 var SKETCH_AT_MAX = 2e3;
+var MAX_BOX_DEPTH = 2;
 function parseSketch(content, palette) {
   const options = {
     noLegend: false,
@@ -262,7 +263,7 @@ function parseSketch(content, palette) {
     }
     return { ...alias !== void 0 && { alias }, at, collapsed, meta };
   };
-  const openBox = (label, tail, lineNumber) => {
+  const openBox = (label, tail, lineNumber, parentBoxId) => {
     const norm = normalizeName(label);
     const existing = boxByNorm.get(norm);
     const { alias, at, collapsed, meta } = parseBoxTail(tail, lineNumber);
@@ -281,9 +282,14 @@ function parseSketch(content, palette) {
       metadata: meta,
       collapsed,
       children: [],
+      childBoxes: [],
+      parentBoxId,
       lineNumber
     };
     boxes.push(box);
+    if (parentBoxId !== null) {
+      boxByNorm.get(normalizeName(parentBoxId.slice(1, -1)))?.childBoxes.push(box.id);
+    }
     boxByNorm.set(norm, box);
     if (alias !== void 0) {
       if (aliasIndex.has(alias)) {
@@ -353,7 +359,13 @@ function parseSketch(content, palette) {
   let firstLineConsumed = false;
   let contentStarted = false;
   let currentTagGroup = null;
-  let currentBox = null;
+  const boxStack = [];
+  const boxAt = (indent) => {
+    while (boxStack.length > 0 && indent <= boxStack[boxStack.length - 1].indent) {
+      boxStack.pop();
+    }
+    return boxStack[boxStack.length - 1] ?? null;
+  };
   let currentShape = null;
   for (let i = 0; i < lines.length; i++) {
     const raw = lines[i];
@@ -492,8 +504,8 @@ ${descLine}`;
     if (EDGE_START_RE.test(trimmed)) {
       if (indent > 0 && currentShape && indent > currentShape.indent) {
         addEdge(trimmed, lineNumber, currentShape.id);
-      } else if (indent > 0 && currentBox && indent > currentBox.indent) {
-        addEdge(trimmed, lineNumber, currentBox.box.id);
+      } else if (indent > 0 && boxAt(indent)) {
+        addEdge(trimmed, lineNumber, boxAt(indent).box.id);
       } else {
         warn(
           lineNumber,
@@ -509,29 +521,38 @@ ${descLine}`;
         warn(lineNumber, "Box has no label \u2014 ignored");
         continue;
       }
-      if (indent > 0 && currentBox && indent > currentBox.indent) {
+      while (boxStack.length > 0 && indent <= boxStack[boxStack.length - 1].indent) {
+        boxStack.pop();
+      }
+      const depth = boxStack.length + 1;
+      if (depth > MAX_BOX_DEPTH) {
         pushError(
           lineNumber,
-          `Box "${label}" is nested inside "${currentBox.box.label}" \u2014 sketch boxes are one level only; its shapes join the outer box`,
-          SKETCH_DIAGNOSTIC_CODES.NESTED_BOX
+          `Box "${label}" is nested ${depth} levels deep \u2014 sketch boxes nest to depth ${MAX_BOX_DEPTH} (decision #58); its shapes join the box above it`,
+          SKETCH_DIAGNOSTIC_CODES.BOX_DEPTH
         );
         continue;
       }
-      currentBox = {
-        box: openBox(label, boxMatch[2] ?? "", lineNumber),
-        indent
-      };
+      const parent = boxStack[boxStack.length - 1] ?? null;
+      const box = openBox(
+        label,
+        boxMatch[2] ?? "",
+        lineNumber,
+        parent ? parent.box.id : null
+      );
+      boxStack.push({ box, indent });
       currentShape = null;
       continue;
     }
     if (indent === 0) {
-      currentBox = null;
+      boxStack.length = 0;
       const node2 = addShape(trimmed, lineNumber, null);
       currentShape = node2 ? { id: node2.id, indent } : null;
       continue;
     }
-    if (currentBox && indent > currentBox.indent) {
-      const node2 = addShape(trimmed, lineNumber, currentBox.box);
+    const owner = boxAt(indent);
+    if (owner) {
+      const node2 = addShape(trimmed, lineNumber, owner.box);
       currentShape = node2 ? { id: node2.id, indent } : currentShape;
       continue;
     }
@@ -632,4 +653,4 @@ export {
   isSketchShapeKind,
   parseSketch
 };
-//# sourceMappingURL=chunk-TDHD3HNO.js.map
+//# sourceMappingURL=chunk-F4X5NVKY.js.map

package/dist/{chunk-BFTRW24X.js → chunk-FMZEU7MF.js}

@@ -624,17 +624,33 @@ function legLabelPoint(a, b, curved, offset, away) {
 function buildConnectorLegs(args) {
   const { resolved, poiScreen, palette, width, height, fillAt, labelOnFill } = args;
   const legs = [];
+  const legDefaultGroups = resolved.tagGroups.filter((g) => {
+    if (!g.defaultValue) return false;
+    const k = tagAttrKey(g.name);
+    return resolved.edges.some((e) => e.tags[k]) || resolved.routes.some((rt) => rt.legs.some((l) => l.tags[k]));
+  });
+  const entryColor = (group, val) => val ? group.entries.find((e) => e.value.toLowerCase() === val.toLowerCase())?.color : void 0;
   const lineColor = (tags) => {
     for (const group of resolved.tagGroups) {
-      const val = tags[tagAttrKey(group.name)];
-      if (!val) continue;
-      const entry = group.entries.find(
-        (e) => e.value.toLowerCase() === val.toLowerCase()
-      );
-      if (entry?.color) return entry.color;
+      const hex = entryColor(group, tags[tagAttrKey(group.name)]);
+      if (hex) return hex;
+    }
+    for (const group of legDefaultGroups) {
+      if (tags[tagAttrKey(group.name)]) continue;
+      const hex = entryColor(group, group.defaultValue);
+      if (hex) return hex;
     }
     return null;
   };
+  const effectiveTags = (tags) => {
+    let out = null;
+    for (const group of legDefaultGroups) {
+      const key = tagAttrKey(group.name);
+      if (tags[key]) continue;
+      (out ??= { ...tags })[key] = group.defaultValue;
+    }
+    return out ?? tags;
+  };
   const placedLegSamples = [];
   const sampleLeg = (a, b, curved, bow) => {
     const pts = [];
@@ -754,6 +770,7 @@ function buildConnectorLegs(args) {
       });
       const routeLabelStyle = leg.label !== void 0 ? labelOnFill(fillAt(bow.labelX, bow.labelY)) : void 0;
       const routeVal = Number(leg.value);
+      const legTags = effectiveTags(leg.tags);
       legs.push({
         d: legPath(a, b, bow.curved, bow.offset, bow.center),
         width: routeWidthFor(routeVal),
@@ -762,7 +779,7 @@ function buildConnectorLegs(args) {
         fromId: leg.fromId,
         toId: leg.toId,
         ...Number.isFinite(routeVal) && routeVal > 0 && { value: routeVal },
-        ...Object.keys(leg.tags).length > 0 && { tags: leg.tags },
+        ...Object.keys(legTags).length > 0 && { tags: legTags },
         lineNumber: leg.lineNumber,
         ...leg.label !== void 0 && {
           label: leg.label,
@@ -815,6 +832,7 @@ function buildConnectorLegs(args) {
       });
       const edgeLabelStyle = e.label !== void 0 ? labelOnFill(fillAt(bow.labelX, bow.labelY)) : void 0;
       const edgeVal = Number(e.meta["width"]);
+      const edgeTags = effectiveTags(e.tags);
       legs.push({
         d: legPath(a, b, bow.curved, bow.offset),
         width: widthFor(e),
@@ -823,7 +841,7 @@ function buildConnectorLegs(args) {
         fromId: e.fromId,
         toId: e.toId,
         ...Number.isFinite(edgeVal) && edgeVal > 0 && { value: edgeVal },
-        ...Object.keys(e.tags).length > 0 && { tags: e.tags },
+        ...Object.keys(edgeTags).length > 0 && { tags: edgeTags },
         lineNumber: e.lineNumber,
         ...e.label !== void 0 && {
           label: e.label,
@@ -1897,7 +1915,7 @@ function layoutMap(resolvedIn, data, size, opts) {
   };
   const fillGroupNames = /* @__PURE__ */ new Set();
   for (const g of resolved.tagGroups) {
-    const k = g.name.toLowerCase();
+    const k = tagAttrKey(g.name);
     if (resolved.regions.some((r) => r.tags[k]) || resolved.pois.some((p) => p.tags[k]))
       fillGroupNames.add(g.name);
   }
@@ -1983,6 +2001,24 @@ function layoutMap(resolvedIn, data, size, opts) {
     const pct = RAMP_FLOOR + Math.max(0, Math.min(1, t)) * (100 - RAMP_FLOOR);
     return mix(rampHue, rampBase, pct);
   };
+  const defaultGroupsFor = (used) => resolved.tagGroups.filter(
+    (g) => g.defaultValue && used(tagAttrKey(g.name))
+  );
+  const poiDefaultGroups = defaultGroupsFor(
+    (k) => resolved.pois.some((p) => p.tags[k])
+  );
+  const regionDefaultGroups = defaultGroupsFor(
+    (k) => resolved.regions.some((r) => r.tags[k])
+  );
+  const effectiveTags = (tags, groups2) => {
+    let out = null;
+    for (const group of groups2) {
+      const key = tagAttrKey(group.name);
+      if (tags[key]) continue;
+      (out ??= { ...tags })[key] = group.defaultValue;
+    }
+    return out ?? tags;
+  };
   const tagFill = (tags, groupName) => {
     if (!groupName) return null;
     const group = resolved.tagGroups.find(
@@ -2366,8 +2402,10 @@ function layoutMap(resolvedIn, data, size, opts) {
       let label;
       let lineNumber = -1;
       let layer = "base";
+      let tags = {};
       if (isThisLayer) {
         fill = regionFill(r);
+        tags = effectiveTags(r.tags, regionDefaultGroups);
         lineNumber = r.lineNumber;
         layer = layerKind;
         label = r.name;
@@ -2384,7 +2422,7 @@ function layoutMap(resolvedIn, data, size, opts) {
         ...label !== void 0 && { label },
         ...hasCentroid && { labelX: geo.cx, labelY: geo.cy },
         ...isThisLayer && r.value !== void 0 && { value: r.value },
-        ...isThisLayer && Object.keys(r.tags).length > 0 && { tags: r.tags }
+        ...Object.keys(tags).length > 0 && { tags }
       });
     }
   };
@@ -2522,19 +2560,21 @@ function layoutMap(resolvedIn, data, size, opts) {
     const directHex = p.color ? resolveColor(p.color, palette) : null;
     if (directHex)
       return { fill: directHex, stroke: mix(directHex, palette.text, 18) };
+    const paint = (hex) => ({
+      fill: hex,
+      stroke: mix(hex, palette.text, 18)
+    });
+    const entryColor = (group, val) => val ? group.entries.find((e) => e.value.toLowerCase() === val.toLowerCase())?.color : void 0;
     for (const group of resolved.tagGroups) {
-      const val = p.tags[tagAttrKey(group.name)];
-      if (!val) continue;
-      const entry = group.entries.find(
-        (e) => e.value.toLowerCase() === val.toLowerCase()
-      );
-      const hex = entry?.color;
-      if (hex) return { fill: hex, stroke: mix(hex, palette.text, 18) };
+      const hex = entryColor(group, p.tags[tagAttrKey(group.name)]);
+      if (hex) return paint(hex);
     }
-    return {
-      fill: palette.colors.orange,
-      stroke: mix(palette.colors.orange, palette.text, 18)
-    };
+    for (const group of poiDefaultGroups) {
+      if (p.tags[tagAttrKey(group.name)]) continue;
+      const hex = entryColor(group, group.defaultValue);
+      if (hex) return paint(hex);
+    }
+    return paint(palette.colors.orange);
   };
   const routeNumberById = /* @__PURE__ */ new Map();
   const originIds = /* @__PURE__ */ new Set();
@@ -2556,6 +2596,7 @@ function layoutMap(resolvedIn, data, size, opts) {
   }
   const placePoi = (e, cx, cy, clusterId) => {
     const { fill, stroke } = poiFill(e.p);
+    const poiTags = effectiveTags(e.p.tags, poiDefaultGroups);
     const r = radiusFor(e.p);
     poiScreen.set(e.p.id, { cx, cy, r });
     const num = routeNumberById.get(e.p.id);
@@ -2571,7 +2612,7 @@ function layoutMap(resolvedIn, data, size, opts) {
       implicit: !!e.p.implicit,
       isOrigin: originIds.has(e.p.id),
       ...num !== void 0 && { routeNumber: num },
-      ...Object.keys(e.p.tags).length > 0 && { tags: e.p.tags },
+      ...Object.keys(poiTags).length > 0 && { tags: poiTags },
       ...clusterId !== void 0 && { clusterId }
     });
   };
@@ -3365,4 +3406,4 @@ export {
   albersSkewFallback,
   layoutMap
 };
-//# sourceMappingURL=chunk-BFTRW24X.js.map
+//# sourceMappingURL=chunk-FMZEU7MF.js.map

package/dist/{chunk-R5JPMW2F.js → chunk-FTTB64OJ.js}

@@ -51,7 +51,7 @@ import {
 } from "./chunk-KRTLS3G6.js";
 import {
   parseSketch
-} from "./chunk-TDHD3HNO.js";
+} from "./chunk-F4X5NVKY.js";
 import {
   parseSwimlane
 } from "./chunk-W7UBPARG.js";
@@ -89,7 +89,7 @@ import {
 } from "./chunk-ZM27UI5O.js";
 import {
   parseInfra
-} from "./chunk-2NRIGEHZ.js";
+} from "./chunk-46KVXDUJ.js";
 import {
   parseGantt
 } from "./chunk-TPN7RJOM.js";
@@ -106,7 +106,7 @@ import {
 import {
   looksLikeFlowchart,
   parseFlowchart
-} from "./chunk-DU3OIBQE.js";
+} from "./chunk-NWNSXHA5.js";
 import {
   looksLikeState,
   parseState
@@ -114,7 +114,7 @@ import {
 import {
   looksLikeClassDiagram,
   parseClassDiagram
-} from "./chunk-SUA56ZSB.js";
+} from "./chunk-LTTZX6RD.js";
 import {
   looksLikeERDiagram,
   parseERDiagram
@@ -1716,4 +1716,4 @@ export {
   knownChartTypeIds,
   parseDgmo
 };
-//# sourceMappingURL=chunk-R5JPMW2F.js.map
+//# sourceMappingURL=chunk-FTTB64OJ.js.map

package/dist/{chunk-IGQW7TKM.js → chunk-GFXFRKUG.js}

@@ -54,7 +54,7 @@ import {
 } from "./chunk-MTGGOCND.js";
 import {
   parseInfra
-} from "./chunk-2NRIGEHZ.js";
+} from "./chunk-46KVXDUJ.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -1613,4 +1613,4 @@ export {
   renderInfra,
   parseAndLayoutInfra
 };
-//# sourceMappingURL=chunk-IGQW7TKM.js.map
+//# sourceMappingURL=chunk-GFXFRKUG.js.map

package/dist/{chunk-F4CPZRG2.js → chunk-JLJ7SP4X.js}

@@ -1,6 +1,6 @@
 import {
   buildMapProjection
-} from "./chunk-BFTRW24X.js";
+} from "./chunk-FMZEU7MF.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y
@@ -51,4 +51,4 @@ export {
   mapContentAspect,
   mapExportDimensions
 };
-//# sourceMappingURL=chunk-F4CPZRG2.js.map
+//# sourceMappingURL=chunk-JLJ7SP4X.js.map

package/dist/{chunk-SUA56ZSB.js → chunk-LTTZX6RD.js}

@@ -421,6 +421,7 @@ function looksLikeClassDiagram(content) {
 }
 function extractSymbols(docText) {
   const entities = [];
+  const seen = /* @__PURE__ */ new Set();
   let inMetadata = true;
   for (const rawLine of docText.split("\n")) {
     const line = rawLine.trim();
@@ -436,7 +437,10 @@ function extractSymbols(docText) {
     const m = CLASS_DECL_RE.exec(line);
     if (m) {
       const name = (m[2] ?? m[3] ?? "").trim();
-      if (name && !entities.includes(name)) entities.push(name);
+      if (name && !seen.has(name)) {
+        seen.add(name);
+        entities.push(name);
+      }
     }
   }
   return {
@@ -450,4 +454,4 @@ export {
   looksLikeClassDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-SUA56ZSB.js.map
+//# sourceMappingURL=chunk-LTTZX6RD.js.map

package/dist/{chunk-GE5RO4BS.js → chunk-N6MZSBOL.js}

@@ -283,6 +283,10 @@ function layoutGraph(graph, options) {
   for (const group of layoutGroups) {
     extend(group.x, group.y, group.x + group.width, group.y + group.height);
   }
+  for (const edge of layoutEdges) {
+    if (edge.source !== edge.target) continue;
+    for (const pt of edge.points) extend(pt.x, pt.y, pt.x, pt.y);
+  }
   if (!Number.isFinite(bbMinX)) {
     bbMinX = 0;
     bbMinY = 0;
@@ -311,4 +315,4 @@ function layoutGraph(graph, options) {
 export {
   layoutGraph
 };
-//# sourceMappingURL=chunk-GE5RO4BS.js.map
+//# sourceMappingURL=chunk-N6MZSBOL.js.map

package/dist/{chunk-DU3OIBQE.js → chunk-NWNSXHA5.js}

@@ -452,6 +452,7 @@ function looksLikeFlowchart(content) {
 var NODE_ID_RE = /^([a-zA-Z_][\w-]*)[\s([</{]/;
 function extractSymbols(docText) {
   const entities = [];
+  const seen = /* @__PURE__ */ new Set();
   let inMetadata = true;
   for (const rawLine of docText.split("\n")) {
     const line = rawLine.trim();
@@ -460,7 +461,10 @@ function extractSymbols(docText) {
     inMetadata = false;
     if (line.length === 0 || /^\s/.test(rawLine)) continue;
     const m = NODE_ID_RE.exec(line);
-    if (m && !entities.includes(m[1])) entities.push(m[1]);
+    if (m && !seen.has(m[1])) {
+      seen.add(m[1]);
+      entities.push(m[1]);
+    }
   }
   return { kind: "flowchart", entities };
 }
@@ -470,4 +474,4 @@ export {
   looksLikeFlowchart,
   extractSymbols
 };
-//# sourceMappingURL=chunk-DU3OIBQE.js.map
+//# sourceMappingURL=chunk-NWNSXHA5.js.map

package/dist/{chunk-QUYYL3LP.js → chunk-OBYZU23V.js}

@@ -1,10 +1,10 @@
 import {
   edgeSplinePath,
   fitDiagramToCanvas
-} from "./chunk-PDKUANDZ.js";
+} from "./chunk-7IATMZSA.js";
 import {
   layoutGraph
-} from "./chunk-GE5RO4BS.js";
+} from "./chunk-N6MZSBOL.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-LP7EC4MI.js";
@@ -39,7 +39,7 @@ import {
 } from "./chunk-MTGGOCND.js";
 import {
   parseFlowchart
-} from "./chunk-DU3OIBQE.js";
+} from "./chunk-NWNSXHA5.js";
 import {
   fillModeFromOptions
 } from "./chunk-M5OOAP65.js";
@@ -586,4 +586,4 @@ export {
   renderFlowchart,
   renderFlowchartForExport
 };
-//# sourceMappingURL=chunk-QUYYL3LP.js.map
+//# sourceMappingURL=chunk-OBYZU23V.js.map

package/dist/{chunk-XCAEHWQB.js → chunk-PAW4RMH3.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-R5JPMW2F.js";
+} from "./chunk-FTTB64OJ.js";
 import {
   chartTypes
 } from "./chunk-M5OOAP65.js";
@@ -204,4 +204,4 @@ export {
   MONO_FAMILY,
   renderErrorCard
 };
-//# sourceMappingURL=chunk-XCAEHWQB.js.map
+//# sourceMappingURL=chunk-PAW4RMH3.js.map

package/dist/{chunk-XFLLYY3V.js → chunk-TF76LCZS.js}

@@ -1,10 +1,11 @@
 import {
   edgeSplinePath,
-  fitDiagramToCanvas
-} from "./chunk-PDKUANDZ.js";
+  fitDiagramToCanvas,
+  selfLoopArcPath
+} from "./chunk-7IATMZSA.js";
 import {
   layoutGraph
-} from "./chunk-GE5RO4BS.js";
+} from "./chunk-N6MZSBOL.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-LP7EC4MI.js";
@@ -88,17 +89,6 @@ function stateFill(palette, isDark, nodeColor, colorOff, fillMode) {
 function stateStroke(palette, nodeColor, colorOff) {
   return nodeColor ?? stateDefaultColor(palette, colorOff);
 }
-function selfLoopPath(node) {
-  const cx = node.x;
-  const cy = node.y;
-  const r = node.width / 2;
-  const startX = cx + r;
-  const startY = cy - 5;
-  const endX = cx + r;
-  const endY = cy + 5;
-  const loopR = 25;
-  return `M ${startX} ${startY} C ${startX + loopR * 2} ${startY - loopR * 2}, ${endX + loopR * 2} ${endY + loopR * 2}, ${endX} ${endY}`;
-}
 function renderState(container, graph, layout, palette, isDark, onClickItem, exportDims) {
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const width = exportDims?.width ?? container.clientWidth;
@@ -244,42 +234,46 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     groupWrapper.append("rect").attr("x", gx).attr("y", gy).attr("width", gw).attr("height", gh).attr("rx", 6).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("class", "st-group");
     groupWrapper.append("text").attr("x", gx + 8).attr("y", gy + sGroupLabelFontSize + 4).attr("fill", strokeColor).attr("font-size", sGroupLabelFontSize).attr("font-weight", "bold").attr("opacity", 0.7).attr("class", "st-group-label").text(group.label);
   }
-  const selfLoopEdges = /* @__PURE__ */ new Set();
-  for (const edge of layout.edges) {
-    if (edge.source === edge.target) selfLoopEdges.add(edge.lineNumber);
-  }
-  const nodePositionMap = /* @__PURE__ */ new Map();
-  for (const node of layout.nodes) {
-    nodePositionMap.set(node.id, node);
-  }
   const LABEL_PAD = 8;
   const LABEL_H = 16;
   const PERP_OFFSET = 10;
+  const nodeCenters = /* @__PURE__ */ new Map();
+  for (const node of layout.nodes) nodeCenters.set(node.id, node);
   const labelPositions = [];
   for (let ei = 0; ei < layout.edges.length; ei++) {
     const edge = layout.edges[ei];
     if (!edge.label) continue;
     const bgW = measureText(edge.label, sEdgeLabelFontSize) + LABEL_PAD;
     let lx, ly;
-    if (edge.source === edge.target) {
-      const node = nodePositionMap.get(edge.source);
-      if (!node) continue;
-      lx = node.x + node.width / 2 + 30;
-      ly = node.y;
-    } else if (edge.points.length >= 2) {
+    if (edge.points.length >= 2) {
       const midIdx = Math.floor(edge.points.length / 2);
       const midPt = edge.points[midIdx];
       const prev = edge.points[Math.max(0, midIdx - 1)];
       const next = edge.points[Math.min(edge.points.length - 1, midIdx + 1)];
-      const dx = next.x - prev.x;
-      const dy = next.y - prev.y;
-      const len = Math.sqrt(dx * dx + dy * dy);
-      if (len > 0) {
-        lx = midPt.x + -dy / len * PERP_OFFSET;
-        ly = midPt.y + dx / len * PERP_OFFSET;
+      const self = edge.source === edge.target;
+      const node = self ? nodeCenters.get(edge.source) : void 0;
+      if (self && node) {
+        const ox = midPt.x - node.x;
+        const oy = midPt.y - node.y;
+        const olen = Math.sqrt(ox * ox + oy * oy);
+        if (olen > 0) {
+          lx = midPt.x + ox / olen * PERP_OFFSET;
+          ly = midPt.y + oy / olen * PERP_OFFSET;
+        } else {
+          lx = midPt.x;
+          ly = midPt.y;
+        }
       } else {
-        lx = midPt.x;
-        ly = midPt.y;
+        const dx = next.x - prev.x;
+        const dy = next.y - prev.y;
+        const len = Math.sqrt(dx * dx + dy * dy);
+        if (len > 0) {
+          lx = midPt.x + -dy / len * PERP_OFFSET;
+          ly = midPt.y + dx / len * PERP_OFFSET;
+        } else {
+          lx = midPt.x;
+          ly = midPt.y;
+        }
       }
     } else {
       continue;
@@ -305,18 +299,8 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     const edgeG = contentG.append("g").attr("class", "st-edge-group").attr("data-line-number", String(edge.lineNumber)).attr("data-source", edge.source).attr("data-target", edge.target);
     const edgeColor = palette.textMuted;
     const markerId = "st-arrow";
-    if (edge.source === edge.target) {
-      const node = nodePositionMap.get(edge.source);
-      if (node) {
-        edgeG.append("path").attr("d", selfLoopPath(node)).attr("fill", "none").attr("stroke", edgeColor).attr("stroke-width", sEdgeStrokeWidth).attr("marker-end", `url(#${markerId})`).attr("class", "st-edge");
-        const lp = labelPosMap.get(ei);
-        if (edge.label && lp) {
-          edgeG.append("rect").attr("x", lp.x - lp.w / 2).attr("y", lp.y - lp.h / 2 - 1).attr("width", lp.w).attr("height", lp.h).attr("rx", 3).attr("fill", palette.bg).attr("opacity", 0.85).attr("class", "st-edge-label-bg");
-          edgeG.append("text").attr("x", lp.x).attr("y", lp.y + 4).attr("text-anchor", "middle").attr("fill", edgeColor).attr("font-size", sEdgeLabelFontSize).attr("class", "st-edge-label").text(edge.label);
-        }
-      }
-    } else if (edge.points.length >= 2) {
-      const pathD = edgeSplinePath(edge.points);
+    if (edge.points.length >= 2) {
+      const pathD = edge.source === edge.target ? selfLoopArcPath(edge.points) ?? edgeSplinePath(edge.points) : edgeSplinePath(edge.points);
       if (pathD) {
         edgeG.append("path").attr("d", pathD).attr("fill", "none").attr("stroke", edgeColor).attr("stroke-width", sEdgeStrokeWidth).attr("marker-end", `url(#${markerId})`).attr("class", "st-edge");
       }
@@ -481,4 +465,4 @@ export {
   renderState,
   renderStateForExport
 };
-//# sourceMappingURL=chunk-XFLLYY3V.js.map
+//# sourceMappingURL=chunk-TF76LCZS.js.map

package/dist/{dgmo-router-KYNLRE7S.js → dgmo-router-A3LIHT6H.js}

@@ -9,7 +9,7 @@ import {
   looksLikeGantt,
   parseDgmo,
   parseDgmoChartType
-} from "./chunk-R5JPMW2F.js";
+} from "./chunk-FTTB64OJ.js";
 import "./chunk-SH4PPRU7.js";
 import "./chunk-A2RUBBVT.js";
 import "./chunk-5PFNUDXR.js";
@@ -30,8 +30,8 @@ import "./chunk-Z7KVOVE4.js";
 import "./chunk-WFA6IULY.js";
 import "./chunk-BWJLLNUX.js";
 import "./chunk-KRTLS3G6.js";
-import "./chunk-TDHD3HNO.js";
-import "./chunk-RT7ACF77.js";
+import "./chunk-F4X5NVKY.js";
+import "./chunk-EGY3TS62.js";
 import "./chunk-W7UBPARG.js";
 import "./chunk-S5P5Z5Y5.js";
 import "./chunk-QQJUTGQH.js";
@@ -45,17 +45,17 @@ import "./chunk-UCZBRGJN.js";
 import "./chunk-7BMX2M3F.js";
 import "./chunk-3SP6G4LN.js";
 import "./chunk-ZM27UI5O.js";
-import "./chunk-2NRIGEHZ.js";
+import "./chunk-46KVXDUJ.js";
 import "./chunk-TPN7RJOM.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-DAOFNU6J.js";
 import "./chunk-7NSNE52V.js";
 import "./chunk-C3Z4DX3V.js";
-import "./chunk-DU3OIBQE.js";
+import "./chunk-NWNSXHA5.js";
 import "./chunk-7TF3QOOD.js";
 import "./chunk-M5JT2AU7.js";
 import "./chunk-NXMESY4J.js";
-import "./chunk-SUA56ZSB.js";
+import "./chunk-LTTZX6RD.js";
 import "./chunk-ICVIJLBA.js";
 import "./chunk-76NHL5UG.js";
 import "./chunk-E6PNTYRK.js";
@@ -86,4 +86,4 @@ export {
   parseDgmo,
   parseDgmoChartType
 };
-//# sourceMappingURL=dgmo-router-KYNLRE7S.js.map
+//# sourceMappingURL=dgmo-router-A3LIHT6H.js.map