@diagrammo/dgmo 0.85.0 → 0.87.0

package/dist/{chunk-JLGN6S4B.js → chunk-EJS3K44P.js}

@@ -1,7 +1,13 @@
 import {
+  BOX_CLEAR_PAD,
+  EDGE_LABEL_FONT_SIZE,
   NODE_HEIGHT,
-  NODE_WIDTH
-} from "./chunk-WTTIODDV.js";
+  NODE_WIDTH,
+  measureEdgeLabel
+} from "./chunk-QT3KDDXK.js";
+import {
+  measureText
+} from "./chunk-KAO7JL4I.js";
 
 // src/boxes-and-lines/edge-clip.ts
 function rectBorderPoint(rect, toward) {
@@ -45,6 +51,8 @@ var DUMMY_THICK = 10;
 var MARGIN = 40;
 var GROUP_PAD = 16;
 var GROUP_LABEL_ZONE = 32;
+var GROUP_TITLE_FONT_SIZE = 14;
+var TITLE_CLEAR = 6;
 var GROUP_GAP = 24;
 var TIER_GAP = GROUP_LABEL_ZONE + 2 * GROUP_PAD;
 var W_REAL_REAL = 1;
@@ -297,6 +305,28 @@ function groupedTierCandidates(parsed, sizes, opts) {
     chain.push(e.target);
     chains.push({ edgeIdx: i, chain });
   }
+  const labelGap = Array.from({ length: maxRank + 1 }, () => 0);
+  if (opts?.reserveEdgeLabels) {
+    const leadWall = isTB ? GROUP_LABEL_ZONE : GROUP_PAD;
+    const wallsBetween = (a, b) => {
+      const pa = pathOf(a);
+      const pb = pathOf(b);
+      let shared = 0;
+      while (shared < pa.length && shared < pb.length && pa[shared] === pb[shared])
+        shared++;
+      return (pa.length - shared) * GROUP_PAD + (pb.length - shared) * leadWall;
+    };
+    for (const { e } of edges) {
+      if (!e.label) continue;
+      const rs = globalRank.get(e.source);
+      const rt = globalRank.get(e.target);
+      if (rt <= rs) continue;
+      const m = measureEdgeLabel(e.label, EDGE_LABEL_FONT_SIZE);
+      const need = (isTB ? m.height : m.width) + 2 * BOX_CLEAR_PAD + wallsBetween(e.source, e.target);
+      for (let r = rs + 1; r <= rt; r++)
+        labelGap[r] = Math.max(labelGap[r], need);
+    }
+  }
   const ranks = Array.from({ length: maxRank + 1 }, () => []);
   for (const n of node.values()) ranks[n.rank].push(n.id);
   const up = /* @__PURE__ */ new Map();
@@ -468,7 +498,11 @@ function groupedTierCandidates(parsed, sizes, opts) {
     const bandCenter = [];
     let acc = MARGIN;
     for (let r = 0; r <= maxRank; r++) {
-      if (r > 0) acc += RANKSEP + (tierStartRanks.has(r) ? TIER_GAP : 0);
+      if (r > 0)
+        acc += Math.max(
+          RANKSEP + (tierStartRanks.has(r) ? TIER_GAP : 0),
+          labelGap[r]
+        );
       bandCenter[r] = acc + bandDepth[r] / 2;
       acc += bandDepth[r];
     }
@@ -527,6 +561,70 @@ function groupedTierCandidates(parsed, sizes, opts) {
     });
     const chainById = /* @__PURE__ */ new Map();
     for (const ch of chains) chainById.set(ch.edgeIdx, ch.chain);
+    const nodeBox = new Map(
+      layoutNodes.map((n) => [
+        n.label,
+        {
+          l: n.x - n.width / 2,
+          r: n.x + n.width / 2,
+          t: n.y - n.height / 2,
+          b: n.y + n.height / 2
+        }
+      ])
+    );
+    const depthOf = (label) => {
+      let d = 0;
+      let cur = label;
+      const guard = /* @__PURE__ */ new Set();
+      while (cur && !guard.has(cur)) {
+        guard.add(cur);
+        cur = groupByLabel.get(cur)?.parentGroup;
+        if (cur) d++;
+      }
+      return d;
+    };
+    const childGroups = /* @__PURE__ */ new Map();
+    for (const g of parsed.groups)
+      if (g.parentGroup)
+        (childGroups.get(g.parentGroup) ?? childGroups.set(g.parentGroup, []).get(g.parentGroup)).push(g.label);
+    const rectByGroup = /* @__PURE__ */ new Map();
+    const ordered = [...parsed.groups].sort(
+      (a, b) => depthOf(b.label) - depthOf(a.label)
+    );
+    const layoutGroups = [];
+    for (const grp of ordered) {
+      let l = Infinity, r = -Infinity, t = Infinity, bm = -Infinity;
+      const acc2 = (box) => {
+        l = Math.min(l, box.l);
+        r = Math.max(r, box.r);
+        t = Math.min(t, box.t);
+        bm = Math.max(bm, box.b);
+      };
+      for (const c of grp.children) {
+        const nb = nodeBox.get(c);
+        if (nb) acc2(nb);
+      }
+      for (const sub of childGroups.get(grp.label) ?? []) {
+        const sr = rectByGroup.get(sub);
+        if (sr) acc2(sr);
+      }
+      if (!Number.isFinite(l)) continue;
+      const x0 = l - GROUP_PAD;
+      const x1 = r + GROUP_PAD;
+      const y0 = t - GROUP_LABEL_ZONE;
+      const y1 = bm + GROUP_PAD;
+      rectByGroup.set(grp.label, { l: x0, r: x1, t: y0, b: y1 });
+      layoutGroups.push({
+        label: grp.label,
+        lineNumber: grp.lineNumber,
+        x: (x0 + x1) / 2,
+        y: (y0 + y1) / 2,
+        width: x1 - x0,
+        height: y1 - y0,
+        collapsed: false,
+        childCount: grp.children.length
+      });
+    }
     let minCross = Infinity, maxCross = -Infinity;
     for (const n of node.values()) {
       if (n.dummy) continue;
@@ -545,35 +643,69 @@ function groupedTierCandidates(parsed, sizes, opts) {
       side: sideOf(b),
       span: Math.abs(node.get(b.src).rank - node.get(b.tgt).rank)
     })).sort((a, b) => a.side - b.side || a.span - b.span);
-    const sideCounts = /* @__PURE__ */ new Map();
-    for (const b of backSorted)
-      sideCounts.set(b.side, (sideCounts.get(b.side) ?? 0) + 1);
     const laneCounter = /* @__PURE__ */ new Map();
     const backPoints = /* @__PURE__ */ new Map();
+    const faceKey = (id, side) => `${id}\0${side}`;
+    const faceCount = /* @__PURE__ */ new Map();
+    for (const b of backSorted)
+      for (const id of [b.src, b.tgt])
+        faceCount.set(
+          faceKey(id, b.side),
+          (faceCount.get(faceKey(id, b.side)) ?? 0) + 1
+        );
+    const faceSeen = /* @__PURE__ */ new Map();
+    const portSlot = (id, side) => {
+      const key = faceKey(id, side);
+      const j = faceSeen.get(key) ?? 0;
+      faceSeen.set(key, j + 1);
+      return 2 * (j + 1) / (faceCount.get(key) + 1) - 1;
+    };
+    const titleStrips = layoutGroups.map((g) => {
+      const tw = measureText(g.label, GROUP_TITLE_FONT_SIZE, { bold: true });
+      const x0 = g.x - tw / 2 - TITLE_CLEAR;
+      const x1 = g.x + tw / 2 + TITLE_CLEAR;
+      const y0 = g.y - g.height / 2;
+      const y1 = y0 + GROUP_LABEL_ZONE;
+      return isTB ? { c0: x0, c1: x1, r0: y0, r1: y1 } : { c0: y0, c1: y1, r0: x0, r1: x1 };
+    });
+    const stubHitsTitle = (r, ca, cb) => titleStrips.some(
+      (t) => r > t.r0 && r < t.r1 && Math.min(ca, cb) < t.c1 && Math.max(ca, cb) > t.c0
+    );
+    const gapMid = (rank, dir) => {
+      const nb = rank + dir;
+      if (nb < 0 || nb > maxRank) return void 0;
+      const a = bandCenter[rank] + dir * bandDepth[rank] / 2;
+      const b = bandCenter[nb] - dir * bandDepth[nb] / 2;
+      return (a + b) / 2;
+    };
     for (const b of backSorted) {
       const s = b.side;
       const k = laneCounter.get(s) ?? 0;
       laneCounter.set(s, k + 1);
-      const K = sideCounts.get(s);
       const src = node.get(b.src);
       const tgt = node.get(b.tgt);
       const laneC = s > 0 ? maxCross + GAP + k * LANE : minCross - GAP - k * LANE;
       const srcCtr = bandCenter[src.rank];
       const tgtCtr = bandCenter[tgt.rank];
-      const frac = K > 1 ? (k + 1) / (K + 1) : 0;
-      const srcR = srcCtr - frac * faceLim(src.depth);
-      const tgtR = tgtCtr + frac * faceLim(tgt.depth);
+      const dir = srcCtr >= tgtCtr ? 1 : -1;
+      const srcR = srcCtr + dir * portSlot(b.src, s) * faceLim(src.depth);
+      const tgtR = tgtCtr - dir * portSlot(b.tgt, s) * faceLim(tgt.depth);
       const m = (c, rr) => isTB ? { x: c, y: rr } : { x: rr, y: c };
       const off = 10;
       const srcEdgeC = src.cross + s * (src.thick / 2 + off);
       const tgtEdgeC = tgt.cross + s * (tgt.thick / 2 + off);
+      const end = (n, ctr, r, edgeC, toward) => {
+        if (stubHitsTitle(r, n.cross, laneC)) {
+          const g = gapMid(n.rank, toward);
+          if (g !== void 0 && !stubHitsTitle(g, n.cross, laneC))
+            return [m(n.cross, ctr), m(n.cross, g), m(laneC, g)];
+        }
+        return [m(n.cross, ctr), m(edgeC, r), m(laneC, r)];
+      };
+      const toTgt = tgt.rank >= src.rank ? 1 : -1;
       backPoints.set(b.edgeIdx, [
-        m(src.cross, srcCtr),
-        m(srcEdgeC, srcR),
-        m(laneC, srcR),
-        m(laneC, tgtR),
-        m(tgtEdgeC, tgtR),
-        m(tgt.cross, tgtCtr)
+        ...end(src, srcCtr, srcR, srcEdgeC, toTgt),
+        ...end(tgt, tgtCtr, tgtR, tgtEdgeC, -toTgt).reverse()
       ]);
     }
     const flatPoints = /* @__PURE__ */ new Map();
@@ -630,70 +762,6 @@ function groupedTierCandidates(parsed, sizes, opts) {
         metadata: e.metadata
       });
     }
-    const nodeBox = new Map(
-      layoutNodes.map((n) => [
-        n.label,
-        {
-          l: n.x - n.width / 2,
-          r: n.x + n.width / 2,
-          t: n.y - n.height / 2,
-          b: n.y + n.height / 2
-        }
-      ])
-    );
-    const depthOf = (label) => {
-      let d = 0;
-      let cur = label;
-      const guard = /* @__PURE__ */ new Set();
-      while (cur && !guard.has(cur)) {
-        guard.add(cur);
-        cur = groupByLabel.get(cur)?.parentGroup;
-        if (cur) d++;
-      }
-      return d;
-    };
-    const childGroups = /* @__PURE__ */ new Map();
-    for (const g of parsed.groups)
-      if (g.parentGroup)
-        (childGroups.get(g.parentGroup) ?? childGroups.set(g.parentGroup, []).get(g.parentGroup)).push(g.label);
-    const rectByGroup = /* @__PURE__ */ new Map();
-    const ordered = [...parsed.groups].sort(
-      (a, b) => depthOf(b.label) - depthOf(a.label)
-    );
-    const layoutGroups = [];
-    for (const grp of ordered) {
-      let l = Infinity, r = -Infinity, t = Infinity, bm = -Infinity;
-      const acc2 = (box) => {
-        l = Math.min(l, box.l);
-        r = Math.max(r, box.r);
-        t = Math.min(t, box.t);
-        bm = Math.max(bm, box.b);
-      };
-      for (const c of grp.children) {
-        const nb = nodeBox.get(c);
-        if (nb) acc2(nb);
-      }
-      for (const sub of childGroups.get(grp.label) ?? []) {
-        const sr = rectByGroup.get(sub);
-        if (sr) acc2(sr);
-      }
-      if (!Number.isFinite(l)) continue;
-      const x0 = l - GROUP_PAD;
-      const x1 = r + GROUP_PAD;
-      const y0 = t - GROUP_LABEL_ZONE;
-      const y1 = bm + GROUP_PAD;
-      rectByGroup.set(grp.label, { l: x0, r: x1, t: y0, b: y1 });
-      layoutGroups.push({
-        label: grp.label,
-        lineNumber: grp.lineNumber,
-        x: (x0 + x1) / 2,
-        y: (y0 + y1) / 2,
-        width: x1 - x0,
-        height: y1 - y0,
-        collapsed: false,
-        childCount: grp.children.length
-      });
-    }
     let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
     const ext = (x0, y0, x1, y1) => {
       minX = Math.min(minX, x0);

package/dist/{chunk-YWHGWLY6.js → chunk-FBKPSU3A.js}

@@ -1,15 +1,15 @@
 import {
   wrapDescriptionLines
-} from "./chunk-WMIKC5XO.js";
+} from "./chunk-NPWVOFB3.js";
 import {
   renderNodeCard
-} from "./chunk-UNSN56OJ.js";
+} from "./chunk-R2K5L4UA.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   formatDateLabel
-} from "./chunk-ULCB4BLF.js";
+} from "./chunk-LPXC4I4R.js";
 import {
   CARD_RADIUS,
   HAIRLINE_DASH,
@@ -17,7 +17,7 @@ import {
   LABEL_FONT_SIZE,
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
 } from "./chunk-3DOQOXXI.js";

package/dist/{chunk-5JO443MB.js → chunk-HAH5X345.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-5DH3KYFH.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   mix
 } from "./chunk-7HWY4QAJ.js";

package/dist/{chunk-HBCAY3KR.js → chunk-HTNLLT34.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6EK55ART.js";
 import {
   noteBoxSize
-} from "./chunk-ZGHV4QLK.js";
+} from "./chunk-RJNZHFNG.js";
 
 // src/utils/notes/build.ts
 function buildPlacedNotes(anchors, noteByNode, direction, collapsedNotes) {

package/dist/{chunk-PEFPTQ3Z.js → chunk-HTPZDZKQ.js}

@@ -1,13 +1,13 @@
 import {
   layoutERDiagram
-} from "./chunk-FAV4RDVT.js";
+} from "./chunk-2A4DQAXG.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-5JO443MB.js";
+} from "./chunk-HAH5X345.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -15,7 +15,7 @@ import {
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
 } from "./chunk-3DOQOXXI.js";

package/dist/{chunk-XXAZ5C4K.js → chunk-IJ27L3R4.js}

@@ -7,7 +7,7 @@ import {
   META_FONT_SIZE,
   META_LINE_HEIGHT,
   SEPARATOR_GAP
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   buildCoupleQuotient,
   rankClasses

package/dist/{chunk-OGKP2XGJ.js → chunk-J7Q4VPBJ.js}

@@ -1,12 +1,12 @@
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
 import {
   CARD_RADIUS
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   serializeSvg
 } from "./chunk-LD2JSKU3.js";

package/dist/{chunk-VDMG3MM4.js → chunk-JD4RHBNX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   NODE_STROKE_WIDTH
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,

package/dist/{chunk-HATTVAWX.js → chunk-LJFXC3IP.js}

@@ -15,7 +15,7 @@ import {
   META_LINE_HEIGHT,
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
 } from "./chunk-3DOQOXXI.js";

package/dist/{chunk-REUEU5PU.js → chunk-LL6D3MES.js}

@@ -1,10 +1,10 @@
 import {
   computeNodeText,
   layoutMindmap
-} from "./chunk-ZUUNTOMG.js";
+} from "./chunk-UIUXIDBX.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -14,7 +14,7 @@ import {
   EDGE_STROKE_WIDTH,
   HEADER_HEIGHT,
   NODE_STROKE_WIDTH
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   extractExportSvg,
   runInExportContainer

package/dist/{chunk-ULCB4BLF.js → chunk-LPXC4I4R.js}

@@ -9,7 +9,7 @@ import {
   EDGE_DASH,
   GRID_DASH,
   scaleDash
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   createTooltip,
   hideTooltip,
@@ -54,6 +54,21 @@ import {
   themeBaseBg
 } from "./chunk-7HWY4QAJ.js";
 
+// src/embed/escape.ts
+var HTML_ENTITIES = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeHtml(s) {
+  return s.replace(/[&<>"']/g, (ch) => HTML_ENTITIES[ch] ?? ch);
+}
+function escapeAttr(s) {
+  return s.replace(/[&<>"']/g, (ch) => HTML_ENTITIES[ch] ?? ch);
+}
+
 // src/timeline/renderer.ts
 import * as d3Scale from "d3-scale";
 import * as d3Selection from "d3-selection";
@@ -281,7 +296,7 @@ function hideEventDatesOnScale(g) {
 }
 function buildEventTooltipHtml(ev) {
   const datePart = ev.endDate ? `${formatDateLabel(ev.date)} \u2192 ${formatDateLabel(ev.endDate)}` : formatDateLabel(ev.date);
-  return `<strong>${ev.label}</strong><br>${datePart}`;
+  return `<strong>${escapeHtml(ev.label)}</strong><br>${datePart}`;
 }
 function renderTimelineGroupLegend(g, groups, groupColorMap, textColor, palette, isDark, legendY, onHover, onLeave) {
   const PILL_H = 22;
@@ -1672,6 +1687,8 @@ function renderTimeline(container, parsed, palette, isDark, onClickItem, exportD
 }
 
 export {
+  escapeHtml,
+  escapeAttr,
   formatDateLabel,
   renderTimeline
 };

package/dist/{chunk-BIQYWWJ2.js → chunk-LSQGJN5H.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-XBJJP2HN.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -22,7 +22,7 @@ import {
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
 } from "./chunk-3DOQOXXI.js";

package/dist/{chunk-T327J6CE.js → chunk-MSXRNVHB.js}

@@ -96,7 +96,7 @@ import {
 } from "./chunk-BAZT6CIF.js";
 import {
   parseDgmoChartType
-} from "./chunk-JVRDKR5R.js";
+} from "./chunk-AQIBKTPG.js";
 import {
   parseRaci
 } from "./chunk-3RYBTEF5.js";
@@ -106,7 +106,7 @@ import {
 } from "./chunk-UNNJCSSQ.js";
 import {
   parseLiveLink
-} from "./chunk-HMWZQ53A.js";
+} from "./chunk-7WGCQE2E.js";
 import {
   makeYearContext,
   parseDateToken,

package/dist/{chunk-V3LJIPS4.js → chunk-N7XRBWXA.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-DOXBS7F5.js";
 import {
   wrapNoteBody
-} from "./chunk-ZGHV4QLK.js";
+} from "./chunk-RJNZHFNG.js";
 import {
   NOTE_BULLET_INDENT
 } from "./chunk-5DH3KYFH.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -21,7 +21,7 @@ import {
   CONTAINER_RADIUS,
   GRID_DASH,
   NODE_STROKE_WIDTH
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   serializeSvg
 } from "./chunk-LD2JSKU3.js";

package/dist/{chunk-UJRMARNX.js → chunk-NJIGYGZS.js}

@@ -6,7 +6,7 @@ import {
   mapLegendConfig,
   mapLegendGroups,
   parsePathRings
-} from "./chunk-3MXJMZAN.js";
+} from "./chunk-BV6PKJUS.js";
 import {
   parseClock
 } from "./chunk-WP2RLGDI.js";
@@ -270,6 +270,23 @@ function renderMap(container, resolved, data, palette, isDark, onClickItem, expo
       }
     }
   );
+  drawMap(
+    container,
+    layout,
+    resolved,
+    palette,
+    isDark,
+    onClickItem,
+    exportDims
+  );
+}
+function renderMapLayout(container, layout, resolved, palette, isDark, onClickItem) {
+  d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
+  if (layout.width <= 0 || layout.height <= 0) return;
+  drawMap(container, layout, resolved, palette, isDark, onClickItem, void 0);
+}
+function drawMap(container, layout, resolved, palette, isDark, onClickItem, exportDims) {
+  const { width, height } = layout;
   const svg = d3Selection.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").style("font-family", FONT_FAMILY).style("background", layout.background);
   svg.append("rect").attr("width", width).attr("height", height).attr("fill", layout.background);
   const defs = svg.append("defs");
@@ -779,5 +796,6 @@ function emitText(g, x, y, text, anchor, color, halo, withHalo, fontSize, italic
 
 export {
   renderMap,
+  renderMapLayout,
   renderMapForExport
 };

package/dist/{chunk-WMIKC5XO.js → chunk-NPWVOFB3.js}

@@ -1,6 +1,6 @@
 import {
   stripInlineMarkdown
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 
 // src/utils/wrapped-desc.ts
 var BULLET_PREFIX = "\u2022 ";

package/dist/{chunk-2QIGN7KL.js → chunk-O6MMQQLF.js}

@@ -4,18 +4,18 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-5JO443MB.js";
+} from "./chunk-HAH5X345.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
 import {
   wrapDescriptionLines
-} from "./chunk-WMIKC5XO.js";
+} from "./chunk-NPWVOFB3.js";
 import {
   renderInlineText,
   stripInlineMarkdown
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -25,9 +25,10 @@ import {
   CARD_RADIUS,
   CONTAINER_RADIUS,
   EDGE_LABEL_KNOCKOUT_OPACITY,
+  EDGE_LABEL_UNRESOLVED_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
 } from "./chunk-3DOQOXXI.js";
@@ -741,7 +742,10 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     const lh = le.labelHeight ?? sEdgeLabelFontSize + 6;
     const lines = le.labelLines;
     const labelG = labelLayer.append("g").attr("class", "bl-edge-label").attr("data-line-number", String(le.lineNumber));
-    labelG.append("rect").attr("x", lx - lw / 2).attr("y", ly - lh / 2).attr("width", lw).attr("height", lh).attr("rx", 3).attr("fill", palette.bg).attr("opacity", EDGE_LABEL_KNOCKOUT_OPACITY);
+    labelG.append("rect").attr("x", lx - lw / 2).attr("y", ly - lh / 2).attr("width", lw).attr("height", lh).attr("rx", 3).attr("fill", palette.bg).attr(
+      "opacity",
+      le.labelResolved === false ? EDGE_LABEL_UNRESOLVED_KNOCKOUT_OPACITY : EDGE_LABEL_KNOCKOUT_OPACITY
+    );
     const text = labelG.append("text").attr("x", lx).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sEdgeLabelFontSize).attr("fill", palette.textMuted);
     const firstY = ly - (lines.length - 1) / 2 * labelLineHeight + sEdgeLabelFontSize / 3;
     lines.forEach((line2, k) => {

package/dist/{chunk-MIZ46MOF.js → chunk-P5V63L35.js}

@@ -22,7 +22,7 @@ import {
   LABEL_FONT_SIZE,
   META_FONT_SIZE,
   NODE_STROKE_WIDTH
-} from "./chunk-IIEI7VK5.js";
+} from "./chunk-XCKNFFKM.js";
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
@@ -1579,7 +1579,7 @@ function renderScurveBlock(svg, data, args) {
   }));
   const curve = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveMonotoneX)(points);
   if (curve) {
-    const clipId = `pert-scurve-clip-${Math.random().toString(36).slice(2, 10)}`;
+    const clipId = `pert-scurve-clip-${[plotLeft, plotTop, plotW, plotH].map((v) => Math.round(v)).join("-")}`;
     block.append("clipPath").attr("id", clipId).append("rect").attr("x", plotLeft).attr("y", plotTop).attr("width", plotW).attr("height", plotH);
     block.append("path").attr("class", "pert-scurve-line").attr("d", curve).attr("fill", "none").attr("stroke", palette.colors.red).attr("stroke-width", 2).attr("clip-path", `url(#${clipId})`);
   }