@diagrammo/dgmo 0.77.0 → 0.79.0

package/dist/{chunk-CIWFL2LM.js → chunk-Y3RYIGHZ.js}

@@ -4,27 +4,28 @@ import {
   buildLegend,
   compactNumber,
   formatPct,
+  mutedFill,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-C2WH3BMS.js";
+} from "./chunk-VTWUHX4H.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-253E5ISJ.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   contrastRatio,
   contrastText,
@@ -32,7 +33,7 @@ import {
   hexToHSL,
   hslToHex,
   relativeLuminance
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/treemap/renderer-radial.ts
 import * as d3Selection from "d3-selection";
@@ -202,7 +203,8 @@ function renderTreemapRadial(container, parsed, palette, isDark, exportDims, opt
     rootIndexByLabel,
     seriesColors,
     colorOffset: options.colorOffset ?? 0,
-    bg: palette.bg
+    bg: palette.bg,
+    muted: mutedFill(palette)
   };
   const arcGen = d3arc().startAngle((c) => c.startAngle).endAngle((c) => c.endAngle).innerRadius((c) => c.innerR).outerRadius((c) => c.outerR).padAngle(4e-3).padRadius(radius);
   let labelSeq = 0;
@@ -281,12 +283,12 @@ function drawCenterDisc(plot, parsed, discRadius, total, isEmpty, palette) {
   const titleFs = clampFs(15, discRadius);
   const totalFs = fitFs(totalStr, clampFs(22, discRadius), maxW);
   if (title) {
-    const t = disc.append("text").attr("class", "dgmo-treemap-disc-title").attr("text-anchor", "middle").attr("y", -4).attr("fill", ink).attr("font-size", titleFs).attr("font-weight", 600).text(clip(title, maxW, titleFs));
+    const t = disc.append("text").attr("class", "dgmo-treemap-disc-title").attr("text-anchor", "middle").attr("y", -4).attr("fill", ink).attr("font-size", titleFs).attr("font-weight", "bold").text(clip(title, maxW, titleFs));
     if (parsed.titleLineNumber !== null) {
       t.attr("data-line-number", parsed.titleLineNumber);
     }
   }
-  disc.append("text").attr("class", "dgmo-treemap-disc-total").attr("text-anchor", "middle").attr("y", title ? titleFs : 8).attr("fill", ink).attr("font-size", totalFs).attr("font-weight", 700).text(totalStr);
+  disc.append("text").attr("class", "dgmo-treemap-disc-total").attr("text-anchor", "middle").attr("y", title ? titleFs : 8).attr("fill", ink).attr("font-size", totalFs).attr("font-weight", "bold").text(totalStr);
 }
 function groupedNumber(v) {
   const rounded = Math.round(v * 100) / 100;
@@ -327,7 +329,7 @@ function drawArcLabel(g, defs, pathId, cell, opts, palette, fill) {
         cell,
         rName,
         nameFs,
-        600,
+        "bold",
         nameText,
         ink
       );
@@ -342,7 +344,7 @@ function drawArcLabel(g, defs, pathId, cell, opts, palette, fill) {
           cell,
           rVal,
           valFs,
-          500,
+          "normal",
           valText,
           ink
         );
@@ -355,7 +357,7 @@ function drawArcLabel(g, defs, pathId, cell, opts, palette, fill) {
   const fs = fitFs(full, maxFs, availLen);
   const text = clip(full, availLen, fs);
   if (!text) return;
-  drawCurvedLine(g, defs, pathId, cell, rMid, fs, 600, text, ink);
+  drawCurvedLine(g, defs, pathId, cell, rMid, fs, "bold", text, ink);
 }
 function isBottomHalf(cell) {
   const mid = (cell.startAngle + cell.endAngle) / 2;
@@ -423,4 +425,4 @@ export {
   renderTreemapRadialForExport,
   renderTreemapRadial
 };
-//# sourceMappingURL=chunk-CIWFL2LM.js.map
+//# sourceMappingURL=chunk-Y3RYIGHZ.js.map

package/dist/{chunk-MTGGOCND.js → chunk-YC6GVLTI.js}

@@ -575,6 +575,31 @@ function truncateText(text, fontSize, maxWidth, opts) {
   }
   return lo === 0 ? ellipsis : clusters.slice(0, lo).join("") + ellipsis;
 }
+function breakAtoms(word) {
+  const upper = (c) => c >= "A" && c <= "Z";
+  const lowerOrDigit = (c) => c >= "a" && c <= "z" || c >= "0" && c <= "9";
+  const out = [];
+  let current = "";
+  for (let i = 0; i < word.length; i++) {
+    const c = word[i];
+    current += c;
+    if (c === "_" || c === "-") {
+      out.push(current);
+      current = "";
+      continue;
+    }
+    const next = word[i + 1];
+    if (next === void 0) continue;
+    const boundary = lowerOrDigit(c) && upper(next) || // An acronym run ending where a capitalised word begins.
+    upper(c) && upper(next) && word[i + 2] !== void 0 && lowerOrDigit(word[i + 2]);
+    if (boundary) {
+      out.push(current);
+      current = "";
+    }
+  }
+  if (current) out.push(current);
+  return out.length > 0 ? out : [word];
+}
 function wrapTextToWidth(text, fontSize, maxWidth, opts) {
   const words = text.split(/\s+/).filter((w) => w.length > 0);
   if (words.length === 0) return [""];
@@ -583,23 +608,32 @@ function wrapTextToWidth(text, fontSize, maxWidth, opts) {
   const lines = [];
   let current = "";
   let currentW = 0;
-  const pushWord = (word) => {
+  const atoms = [];
+  for (const word of words) {
+    const pieces = breakAtoms(word);
+    for (let k = 0; k < pieces.length; k++) {
+      atoms.push({ text: pieces[k], sep: k === 0 ? " " : "" });
+    }
+  }
+  const pushAtom = (atom) => {
+    const glue = current && atom.sep === " " ? spaceW : 0;
     const testW = extendWidth(
-      current ? currentW + spaceW : 0,
-      word,
+      current ? currentW + glue : 0,
+      atom.text,
       fontSize,
       opts
     );
     if (testW <= maxWidth || !current) {
-      current = current ? `${current} ${word}` : word;
+      current = current ? `${current}${atom.sep === " " ? " " : ""}${atom.text}` : atom.text;
       currentW = testW;
     } else {
       lines.push(current);
-      current = word;
-      currentW = extendWidth(0, word, fontSize, opts);
+      current = atom.text;
+      currentW = extendWidth(0, atom.text, fontSize, opts);
     }
   };
-  for (const word of words) {
+  for (const atom of atoms) {
+    const word = atom.text;
     if (hardBreak && measureText(word, fontSize, opts) > maxWidth) {
       if (current) {
         lines.push(current);
@@ -623,16 +657,33 @@ function wrapTextToWidth(text, fontSize, maxWidth, opts) {
       currentW = chunkW;
       continue;
     }
-    pushWord(word);
+    pushAtom(atom);
   }
   if (current) lines.push(current);
   return lines.length > 0 ? lines : [""];
 }
+function fitWrapped(label, maxWidth, maxFont, minFont, maxLines = 2, opts = { bold: true }) {
+  const wrapOpts = { ...opts, hardBreak: true };
+  for (let fs = maxFont; fs >= minFont; fs--) {
+    const lines2 = wrapTextToWidth(label, fs, maxWidth, wrapOpts);
+    if (lines2.length <= maxLines) return { lines: lines2, fontSize: fs };
+  }
+  const lines = wrapTextToWidth(label, minFont, maxWidth, wrapOpts);
+  if (lines.length <= maxLines) return { lines, fontSize: minFont };
+  const kept = lines.slice(0, maxLines);
+  let last = kept[maxLines - 1];
+  while (last.length > 1 && measureText(`${last}\u2026`, minFont, opts) > maxWidth)
+    last = last.slice(0, -1);
+  kept[maxLines - 1] = `${last}\u2026`;
+  return { lines: kept, fontSize: minFont };
+}
 
 export {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText,
-  wrapTextToWidth
+  breakAtoms,
+  wrapTextToWidth,
+  fitWrapped
 };
-//# sourceMappingURL=chunk-MTGGOCND.js.map
+//# sourceMappingURL=chunk-YC6GVLTI.js.map

package/dist/{chunk-TKIPK5P6.js → chunk-YD2HPT7W.js}

@@ -1,12 +1,10 @@
 import {
+  FONT_FAMILY,
   MONO_FAMILY
-} from "./chunk-OZOHREFQ.js";
-import {
-  FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   truncateText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 
 // src/live-link/renderer.ts
 var W = 560;
@@ -25,7 +23,7 @@ function renderLiveLinkCard(parsed, palette, theme) {
   const headline = parsed.title ?? parsed.id ?? "Unresolved live link";
   const headlineMono = parsed.title === null && parsed.id !== null;
   parts.push(
-    `<text x="${CONTENT_X}" y="${y}" fill="${palette.text}" font-family="${headlineMono ? MONO_FAMILY : FONT_FAMILY}" font-size="${HEADLINE_FS}" font-weight="${headlineMono ? 500 : 700}">${escapeXml(truncateText(headline, HEADLINE_FS, CONTENT_W, { bold: !headlineMono }))}</text>`
+    `<text x="${CONTENT_X}" y="${y}" fill="${palette.text}" font-family="${headlineMono ? MONO_FAMILY : FONT_FAMILY}" font-size="${HEADLINE_FS}" font-weight="${headlineMono ? "normal" : "bold"}">${escapeXml(truncateText(headline, HEADLINE_FS, CONTENT_W, { bold: !headlineMono }))}</text>`
   );
   y += 30;
   parts.push(
@@ -62,4 +60,4 @@ function escapeXml(s) {
 export {
   renderLiveLinkCard
 };
-//# sourceMappingURL=chunk-TKIPK5P6.js.map
+//# sourceMappingURL=chunk-YD2HPT7W.js.map

package/dist/{chunk-3O7ZYVJV.js → chunk-YPVP6I62.js}

@@ -1,15 +1,19 @@
+import {
+  EDGE_DASH,
+  HAIRLINE_DASH
+} from "./chunk-IIEI7VK5.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   getSeriesColors,
   mix
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -265,7 +269,7 @@ function drawGraph(g, parsed, palette, TB, pos, placements, label, colorOf, byKe
   const gop = (n) => n.ghost ? 0.32 : 1;
   const dlink = (a, b, color, arrow) => {
     const A = P(a.key), B = P(b.key), c = mergeCorner(a, b);
-    g.append("path").attr("d", roundedL(A.x, A.y, c.x, c.y, B.x, B.y, CORNER)).attr("fill", "none").attr("stroke", color).attr("stroke-width", 2).attr("stroke-dasharray", "2 4").attr("opacity", 0.8);
+    g.append("path").attr("d", roundedL(A.x, A.y, c.x, c.y, B.x, B.y, CORNER)).attr("fill", "none").attr("stroke", color).attr("stroke-width", 2).attr("stroke-dasharray", HAIRLINE_DASH).attr("opacity", 0.8);
     if (arrow) {
       const dx = B.x - c.x, dy = B.y - c.y, l = Math.hypot(dx, dy) || 1;
       const ux = dx / l, uy = dy / l, px = -uy, py = ux, s = 4;
@@ -282,12 +286,12 @@ function drawGraph(g, parsed, palette, TB, pos, placements, label, colorOf, byKe
     if (n.prev != null) {
       const a = P(n.prev);
       const e = g.append("line").attr("x1", a.x).attr("y1", a.y).attr("x2", N.x).attr("y2", N.y).attr("stroke", c).attr("stroke-width", LINE).attr("stroke-linecap", "round").attr("data-branch", n.branch).attr("opacity", o);
-      if (n.ghost) e.attr("stroke-dasharray", "5 5");
+      if (n.ghost) e.attr("stroke-dasharray", EDGE_DASH);
     }
     if (n.parent != null) {
       const par = byKey(n.parent), cc = branchCorner(par, n), pp = P(par.key);
       const e = g.append("path").attr("d", roundedL(pp.x, pp.y, cc.x, cc.y, N.x, N.y, CORNER)).attr("fill", "none").attr("stroke", c).attr("stroke-width", LINE).attr("stroke-linecap", "round").attr("data-branch", n.branch).attr("opacity", o);
-      if (n.ghost) e.attr("stroke-dasharray", "5 5");
+      if (n.ghost) e.attr("stroke-dasharray", EDGE_DASH);
     }
     if (n.mergeFrom != null) {
       const s = byKey(n.mergeFrom), cc = mergeCorner(s, n), sp = P(s.key);
@@ -310,9 +314,9 @@ function drawGraph(g, parsed, palette, TB, pos, placements, label, colorOf, byKe
       const fp = P(first.key);
       const col = colorOf(first);
       if (TB) {
-        g.append("text").attr("x", fp.x).attr("y", 14).attr("text-anchor", "middle").attr("font-size", 12.5).attr("font-weight", 800).attr("fill", col).text(b.name);
+        g.append("text").attr("x", fp.x).attr("y", 14).attr("text-anchor", "middle").attr("font-size", 12.5).attr("font-weight", "bold").attr("fill", col).text(b.name);
       } else {
-        g.append("text").attr("x", fp.x - DOT - 1).attr("y", fp.y - DOT - 7).attr("text-anchor", "start").attr("font-size", 12.5).attr("font-weight", 800).attr("fill", col).attr("data-branch", b.name).text(b.name);
+        g.append("text").attr("x", fp.x - DOT - 1).attr("y", fp.y - DOT - 7).attr("text-anchor", "start").attr("font-size", 12.5).attr("font-weight", "bold").attr("fill", col).attr("data-branch", b.name).text(b.name);
       }
     }
   }
@@ -358,11 +362,11 @@ function drawGraph(g, parsed, palette, TB, pos, placements, label, colorOf, byKe
       );
     }
   }
-  const pill = (cx, cy, w, text, fill, textColor, border, dash, weight = 700) => {
+  const pill = (cx, cy, w, text, fill, textColor, border, dash, weight = "bold") => {
     const r = g.append("rect").attr("x", cx - w / 2).attr("y", cy - 8.5).attr("width", w).attr("height", 17).attr("rx", 8.5).attr("fill", fill);
     if (border) {
       r.attr("stroke", border).attr("stroke-width", 1.3);
-      if (dash) r.attr("stroke-dasharray", "3 2");
+      if (dash) r.attr("stroke-dasharray", HAIRLINE_DASH);
     }
     g.append("text").attr("x", cx).attr("y", cy + 4).attr("text-anchor", "middle").attr("font-size", 10.5).attr("font-weight", weight).attr("fill", textColor).text(text);
   };
@@ -384,7 +388,7 @@ function drawGraph(g, parsed, palette, TB, pos, placements, label, colorOf, byKe
         palette.bg,
         void 0,
         false,
-        800
+        "bold"
       );
     else if (pl.kind === "ref")
       pill(pl.x, pl.y, pl.w, pl.label, palette.bg, c, c, pl.remote);
@@ -392,7 +396,7 @@ function drawGraph(g, parsed, palette, TB, pos, placements, label, colorOf, byKe
       g.append("circle").attr("cx", pl.x).attr("cy", pl.y).attr("r", 8.5).attr("fill", c);
       g.append("text").attr("x", pl.x).attr("y", pl.y + 4).attr("text-anchor", "middle").attr("font-size", 11).attr("fill", palette.bg).text(pl.label);
     } else if (pl.kind === "ab") {
-      g.append("text").attr("x", pl.x).attr("y", pl.y + 4).attr("text-anchor", "start").attr("font-size", 11).attr("font-weight", 700).attr("fill", c).text(pl.label);
+      g.append("text").attr("x", pl.x).attr("y", pl.y + 4).attr("text-anchor", "start").attr("font-size", 11).attr("font-weight", "bold").attr("fill", c).text(pl.label);
     } else {
       const L = label.get(n.key);
       const gh = n.ghost;
@@ -415,14 +419,14 @@ function drawGraph(g, parsed, palette, TB, pos, placements, label, colorOf, byKe
       const t = g.append("text").attr("x", tx).attr("y", ty).attr("text-anchor", anchor).attr("font-size", 12).attr("data-branch", n.branch).attr("opacity", gh ? 0.6 : 1);
       if (L.sha)
         t.append("tspan").attr("font-family", "ui-monospace, monospace").attr("font-size", 11).attr("fill", palette.textMuted).text(L.sha + " ");
-      t.append("tspan").attr("fill", mfill).attr("font-weight", n.kind === "cherry" ? 400 : 700).attr("font-style", n.kind === "cherry" ? "italic" : "normal").text(L.msg);
+      t.append("tspan").attr("fill", mfill).attr("font-weight", n.kind === "cherry" ? "normal" : "bold").attr("font-style", n.kind === "cherry" ? "italic" : "normal").text(L.msg);
     }
   }
   if (captionY && parsed.notes.length) {
     let y = captionY + 14;
     for (const nt of parsed.notes) {
       const t = g.append("text").attr("x", 12).attr("y", y).attr("font-size", 11.5);
-      t.append("tspan").attr("fill", palette.text).attr("font-weight", 800).text((CIRCLED[nt.num - 1] ?? `#${nt.num}`) + "  ");
+      t.append("tspan").attr("fill", palette.text).attr("font-weight", "bold").text((CIRCLED[nt.num - 1] ?? `#${nt.num}`) + "  ");
       t.append("tspan").attr("fill", palette.textMuted).text(nt.text);
       y += 16;
     }
@@ -443,4 +447,4 @@ export {
   renderVersionControl,
   renderVersionControlForExport
 };
-//# sourceMappingURL=chunk-3O7ZYVJV.js.map
+//# sourceMappingURL=chunk-YPVP6I62.js.map

package/dist/{chunk-FF7LRT5L.js → chunk-YQIZIKCK.js}

@@ -1,10 +1,15 @@
 import {
   renderNodeCard
-} from "./chunk-5GM6BZO7.js";
+} from "./chunk-F66R7CPY.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
   CARD_RADIUS,
   COLLAPSE_BAR_HEIGHT,
   CONTAINER_HEADER_HEIGHT,
@@ -12,6 +17,7 @@ import {
   CONTAINER_META_FONT_SIZE,
   CONTAINER_META_LINE_HEIGHT,
   CONTAINER_RADIUS,
+  EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   HEADER_HEIGHT,
   LABEL_FONT_SIZE,
@@ -19,30 +25,27 @@ import {
   META_LINE_HEIGHT,
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
-} from "./chunk-FJ57274M.js";
-import {
-  ScaleContext
-} from "./chunk-24YPR5EH.js";
+} from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-2F7AG7LA.js";
 import {
   serializeSvg
-} from "./chunk-RU2HHHYA.js";
+} from "./chunk-LD2JSKU3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-253E5ISJ.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   EYE_CLOSED_PATH,
   EYE_OPEN_PATH,
@@ -50,27 +53,27 @@ import {
   LEGEND_EYE_SIZE,
   LEGEND_GROUP_GAP,
   LEGEND_HEIGHT
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/sitemap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -78,8 +81,6 @@ import * as d3Shape from "d3-shape";
 var DIAGRAM_PADDING = 20;
 var MAX_SCALE = 3;
 var TITLE_HEIGHT = 30;
-var ARROWHEAD_W = 10;
-var ARROWHEAD_H = 7;
 var EDGE_LABEL_FONT_SIZE = 11;
 var LEGEND_FIXED_GAP = 8;
 function nodeFill(palette, isDark, nodeColor, fillMode) {
@@ -192,11 +193,17 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
     svg.attr("width", "100%");
   }
   const defs = svg.append("defs");
-  defs.append("marker").attr("id", "sm-arrow").attr("viewBox", `0 0 ${ARROWHEAD_W} ${ARROWHEAD_H}`).attr("refX", ARROWHEAD_W).attr("refY", ARROWHEAD_H / 2).attr("markerWidth", ARROWHEAD_W).attr("markerHeight", ARROWHEAD_H).attr("orient", "auto").append("polygon").attr("points", `0,0 ${ARROWHEAD_W},${ARROWHEAD_H / 2} 0,${ARROWHEAD_H}`).attr("fill", palette.textMuted);
+  defs.append("marker").attr("id", "sm-arrow").attr("viewBox", `0 0 ${ARROWHEAD_WIDTH} ${ARROWHEAD_HEIGHT}`).attr("refX", ARROWHEAD_WIDTH).attr("refY", ARROWHEAD_HEIGHT / 2).attr("markerWidth", ARROWHEAD_WIDTH).attr("markerHeight", ARROWHEAD_HEIGHT).attr("orient", "auto").append("polygon").attr(
+    "points",
+    `0,0 ${ARROWHEAD_WIDTH},${ARROWHEAD_HEIGHT / 2} 0,${ARROWHEAD_HEIGHT}`
+  ).attr("fill", palette.textMuted);
   const edgeColors = /* @__PURE__ */ new Set();
   for (const color of edgeColors) {
     const id = `sm-arrow-${color.replace("#", "")}`;
-    defs.append("marker").attr("id", id).attr("viewBox", `0 0 ${ARROWHEAD_W} ${ARROWHEAD_H}`).attr("refX", ARROWHEAD_W).attr("refY", ARROWHEAD_H / 2).attr("markerWidth", ARROWHEAD_W).attr("markerHeight", ARROWHEAD_H).attr("orient", "auto").append("polygon").attr("points", `0,0 ${ARROWHEAD_W},${ARROWHEAD_H / 2} 0,${ARROWHEAD_H}`).attr("fill", color);
+    defs.append("marker").attr("id", id).attr("viewBox", `0 0 ${ARROWHEAD_WIDTH} ${ARROWHEAD_HEIGHT}`).attr("refX", ARROWHEAD_WIDTH).attr("refY", ARROWHEAD_HEIGHT / 2).attr("markerWidth", ARROWHEAD_WIDTH).attr("markerHeight", ARROWHEAD_HEIGHT).attr("orient", "auto").append("polygon").attr(
+      "points",
+      `0,0 ${ARROWHEAD_WIDTH},${ARROWHEAD_HEIGHT / 2} 0,${ARROWHEAD_HEIGHT}`
+    ).attr("fill", color);
   }
   const mainG = svg.append("g").attr("transform", `translate(${offsetX}, ${offsetY}) scale(${scale})`);
   if (!fixedTitle && showTitle) {
@@ -283,7 +290,7 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
       const mid = edge.points[Math.floor(edge.points.length / 2)];
       const labelW = measureText(edge.label, sEdgeLabelFontSize) + 10;
       const labelH = sEdgeLabelFontSize + 6;
-      edgeG.append("rect").attr("x", mid.x - labelW / 2).attr("y", mid.y - labelH / 2 - 1).attr("width", labelW).attr("height", labelH).attr("rx", 3).attr("fill", palette.bg).attr("opacity", 0.85).attr("class", "sitemap-edge-label-bg");
+      edgeG.append("rect").attr("x", mid.x - labelW / 2).attr("y", mid.y - labelH / 2 - 1).attr("width", labelW).attr("height", labelH).attr("rx", 3).attr("fill", palette.bg).attr("opacity", EDGE_LABEL_KNOCKOUT_OPACITY).attr("class", "sitemap-edge-label-bg");
       edgeG.append("text").attr("x", mid.x).attr("y", mid.y + 4).attr("text-anchor", "middle").attr("fill", edgeColor).attr("font-size", sEdgeLabelFontSize).attr("class", "sitemap-edge-label").text(edge.label);
     }
   }
@@ -449,11 +456,12 @@ function renderLegend(parent, legendGroups, palette, isDark, activeTagGroup, fix
   }
 }
 async function renderSitemapForExport(content, theme, palette) {
-  const { parseSitemap } = await import("./parser-2GMHFSTS.js");
-  const { layoutSitemap } = await import("./layout-VUZ3MLOI.js");
-  const { getPalette } = await import("./palettes-54YSI3IX.js");
+  const { parseSitemap } = await import("./parser-66QZQYGE.js");
+  const { layoutSitemap } = await import("./layout-LELNMRM5.js");
+  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-IAF6WVL4.js");
   const isDark = theme === "dark";
-  const effectivePalette = palette ?? (isDark ? getPalette("nord").dark : getPalette("nord").light);
+  const defaultCfg = getPalette(DEFAULT_PALETTE_ID);
+  const effectivePalette = palette ?? (isDark ? defaultCfg.dark : defaultCfg.light);
   const parsed = parseSitemap(content, effectivePalette);
   if (parsed.error || parsed.roots.length === 0) return "";
   const sitemapLayout = layoutSitemap(parsed, void 0, null, void 0, true);
@@ -500,4 +508,4 @@ export {
   renderSitemap,
   renderSitemapForExport
 };
-//# sourceMappingURL=chunk-FF7LRT5L.js.map
+//# sourceMappingURL=chunk-YQIZIKCK.js.map

package/dist/{chunk-M526IKKH.js → chunk-Z4COUG7H.js}

@@ -13,7 +13,7 @@ import {
   normalizeNumericToken,
   parseFirstLine,
   parseSeriesNames
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColorWithDiagnostic
@@ -1208,4 +1208,4 @@ export {
   getSimpleChartLegendGroups,
   getExtendedChartLegendGroups
 };
-//# sourceMappingURL=chunk-M526IKKH.js.map
+//# sourceMappingURL=chunk-Z4COUG7H.js.map

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

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-76NHL5UG.js";
+} from "./chunk-7I6NWTPE.js";
 import {
   resolveNotes
 } from "./chunk-E6PNTYRK.js";
@@ -17,7 +17,7 @@ import {
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-XOGQY4EC.js";
@@ -454,4 +454,4 @@ export {
   looksLikeClassDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-LTTZX6RD.js.map
+//# sourceMappingURL=chunk-Z5ZCTCX4.js.map

package/dist/{chunk-QOVM5VRC.js → chunk-ZASX45SU.js}

@@ -11,7 +11,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   MINDMAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -23,7 +23,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   formatDgmoError,
   makeDgmoError,
@@ -337,4 +337,4 @@ function findMetadataParent(indent, indentStack) {
 export {
   parseMindmap
 };
-//# sourceMappingURL=chunk-QOVM5VRC.js.map
+//# sourceMappingURL=chunk-ZASX45SU.js.map

package/dist/{chunk-W7UBPARG.js → chunk-ZH3BWGTE.js}

@@ -4,13 +4,13 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   FILL_FAMILY_TOKENS,
   extractColor,
   measureIndent,
   parseFirstLine
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   emit
 } from "./chunk-5SI6T5A5.js";
@@ -692,4 +692,4 @@ export {
   SWIMLANE_DIAGNOSTICS,
   parseSwimlane
 };
-//# sourceMappingURL=chunk-W7UBPARG.js.map
+//# sourceMappingURL=chunk-ZH3BWGTE.js.map

package/dist/{chunk-TN754B3R.js → chunk-ZZZJVDIL.js}

@@ -16,7 +16,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-XOGQY4EC.js";
@@ -492,4 +492,4 @@ export {
   parseRaci,
   allTasks
 };
-//# sourceMappingURL=chunk-TN754B3R.js.map
+//# sourceMappingURL=chunk-ZZZJVDIL.js.map

package/dist/clock.js

@@ -220,6 +220,12 @@ function mix(a, b, pct) {
   return out;
 }
 
+// src/utils/now.ts
+var pinnedMs = null;
+function now() {
+  return pinnedMs ?? Date.now();
+}
+
 // src/clock/ticker.ts
 function readWork(node) {
   const start = node.getAttribute("data-dgmo-clock-work-start");
@@ -260,16 +266,16 @@ function setDigits(group, main) {
     if (s) s.setAttribute("x", stackX);
   }
 }
-function updateRow(group, now) {
+function updateRow(group, now2) {
   const zone = group.getAttribute("data-dgmo-clock-zone");
   if (!zone) return;
   const fixedAttr = group.getAttribute("data-dgmo-clock-fixed-offset");
-  const parts = fixedAttr !== null ? fixedParts(Number(fixedAttr), now) : zoneParts(zone, now);
+  const parts = fixedAttr !== null ? fixedParts(Number(fixedAttr), now2) : zoneParts(zone, now2);
   const latAttr = group.getAttribute("data-dgmo-clock-lat");
   const lonAttr = group.getAttribute("data-dgmo-clock-lon");
   const sunOn = group.getAttribute("data-dgmo-clock-sun") === "1";
   const hasCoords = latAttr !== null && lonAttr !== null;
-  const sun = sunOn && hasCoords ? sunLine(now, Number(latAttr), Number(lonAttr)) : null;
+  const sun = sunOn && hasCoords ? sunLine(now2, Number(latAttr), Number(lonAttr)) : null;
   const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
   const c = (name) => group.getAttribute(`data-dgmo-clock-c-${name}`) ?? "";
   const stColor = up ? c("day") : c("night");
@@ -338,8 +344,8 @@ function updateRow(group, now) {
 }
 function tickClocks(root = document) {
   if (typeof document === "undefined") return;
-  const now = Date.now();
-  root.querySelectorAll("[data-dgmo-clock]").forEach((group) => updateRow(group, now));
+  const now2 = now();
+  root.querySelectorAll("[data-dgmo-clock]").forEach((group) => updateRow(group, now2));
 }
 var intervalStarted = false;
 function startClocks(root = document) {