@diagrammo/dgmo 0.77.0 → 0.78.0

package/dist/{chunk-MZEGUDTA.js → chunk-P64NBPSK.js}

@@ -4,10 +4,10 @@ import {
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
@@ -18,7 +18,7 @@ import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/wireframe/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -173,7 +173,7 @@ function renderGroup(g, node, ctx, depth) {
     g.append("rect").attr("width", node.width).attr("height", node.height).attr("fill", fillColor).attr("stroke", palette.border).attr("stroke-width", 1).attr("rx", GROUP_CORNER);
   }
   if (el.label && ctx.showGroupLabels) {
-    g.append("text").attr("x", 10).attr("y", 18).attr("fill", palette.textMuted).attr("font-size", 11).attr("font-weight", "600").attr("letter-spacing", "0.5px").text(el.label.toUpperCase());
+    g.append("text").attr("x", 10).attr("y", 18).attr("fill", palette.textMuted).attr("font-size", 11).attr("font-weight", "bold").attr("letter-spacing", "0.5px").text(el.label.toUpperCase());
   }
   if (el.states.includes("collapsed")) {
     g.append("text").attr("x", node.width - 20).attr("y", 18).attr("fill", palette.textMuted).attr("font-size", 12).attr("opacity", 0.6).text("\u25B6");
@@ -226,7 +226,7 @@ function renderButton(g, node, ctx) {
   } else {
     g.append("rect").attr("width", node.width).attr("height", node.height).attr("fill", fill).attr("rx", BUTTON_CORNER);
   }
-  g.append("text").attr("x", node.width / 2).attr("y", node.height / 2 + 4).attr("fill", textColor).attr("font-size", 13).attr("font-weight", "600").attr("text-anchor", "middle").text(el.label);
+  g.append("text").attr("x", node.width / 2).attr("y", node.height / 2 + 4).attr("fill", textColor).attr("font-size", 13).attr("font-weight", "bold").attr("text-anchor", "middle").text(el.label);
 }
 function renderDropdown(g, node, ctx) {
   const { palette, isTransparent } = ctx;
@@ -308,7 +308,7 @@ function renderNav(g, node, ctx) {
   let x = 12;
   for (const child of el.children) {
     const isActive = child.states.includes("active");
-    g.append("text").attr("x", x).attr("y", node.height / 2 + 4).attr("fill", isActive ? palette.primary : palette.text).attr("font-size", 13).attr("font-weight", isActive ? "600" : "normal").text(child.label);
+    g.append("text").attr("x", x).attr("y", node.height / 2 + 4).attr("fill", isActive ? palette.primary : palette.text).attr("font-size", 13).attr("font-weight", isActive ? "bold" : "normal").text(child.label);
     const labelW = measureText(child.label, 13, { bold: isActive });
     if (isActive) {
       g.append("line").attr("x1", x).attr("y1", node.height - 4).attr("x2", x + labelW).attr("y2", node.height - 4).attr("stroke", palette.primary).attr("stroke-width", 2);
@@ -327,7 +327,7 @@ function renderTabs(g, node, ctx) {
     if (isActive) {
       g.append("line").attr("x1", x).attr("y1", node.height - 1).attr("x2", x + tabW).attr("y2", node.height - 1).attr("stroke", palette.primary).attr("stroke-width", 2);
     }
-    g.append("text").attr("x", x + 12).attr("y", node.height / 2 + 4).attr("fill", isActive ? palette.primary : palette.textMuted).attr("font-size", 13).attr("font-weight", isActive ? "600" : "normal").text(child.label);
+    g.append("text").attr("x", x + 12).attr("y", node.height / 2 + 4).attr("fill", isActive ? palette.primary : palette.textMuted).attr("font-size", 13).attr("font-weight", isActive ? "bold" : "normal").text(child.label);
     x += tabW;
   }
 }
@@ -348,7 +348,7 @@ function renderTable(g, node, ctx) {
   ).attr("rx", 4);
   for (let c = 0; c < cols; c++) {
     const label = headers[c] || `Col ${c + 1}`;
-    g.append("text").attr("x", c * colW + 10).attr("y", headerH / 2 + 4).attr("fill", palette.text).attr("font-size", 12).attr("font-weight", "600").text(label);
+    g.append("text").attr("x", c * colW + 10).attr("y", headerH / 2 + 4).attr("fill", palette.text).attr("font-size", 12).attr("font-weight", "bold").text(label);
   }
   g.append("line").attr("x1", 0).attr("y1", headerH).attr("x2", node.width).attr("y2", headerH).attr("stroke", palette.border);
   const rowCount = isSkeleton ? el.tableRows || 3 : data.length;
@@ -382,10 +382,10 @@ function renderTableCell(g, text, x, y, maxW, rowH, ctx) {
     const by = y + (rowH - btnH) / 2;
     if (isGhost) {
       g.append("rect").attr("x", x).attr("y", by).attr("width", btnW).attr("height", btnH).attr("fill", "none").attr("stroke", fill).attr("stroke-width", 1).attr("rx", 3);
-      g.append("text").attr("x", x + btnW / 2).attr("y", by + btnH / 2 + 3).attr("fill", fill).attr("font-size", 10).attr("font-weight", "600").attr("text-anchor", "middle").text(label);
+      g.append("text").attr("x", x + btnW / 2).attr("y", by + btnH / 2 + 3).attr("fill", fill).attr("font-size", 10).attr("font-weight", "bold").attr("text-anchor", "middle").text(label);
     } else {
       g.append("rect").attr("x", x).attr("y", by).attr("width", btnW).attr("height", btnH).attr("fill", fill).attr("rx", 3);
-      g.append("text").attr("x", x + btnW / 2).attr("y", by + btnH / 2 + 3).attr("fill", palette.bg).attr("font-size", 10).attr("font-weight", "600").attr("text-anchor", "middle").text(label);
+      g.append("text").attr("x", x + btnW / 2).attr("y", by + btnH / 2 + 3).attr("fill", palette.bg).attr("font-size", 10).attr("font-weight", "bold").attr("text-anchor", "middle").text(label);
     }
     return;
   }
@@ -531,18 +531,18 @@ function renderChart(g, node, ctx) {
   }
 }
 function renderModal(parent, node, ctx) {
-  const { palette, isTransparent } = ctx;
+  const { palette, isDark, isTransparent } = ctx;
   const el = node.element;
   const g = parent.append("g").attr("transform", `translate(${node.x}, ${node.y})`).attr("data-line-number", el.lineNumber);
   if (!isTransparent) {
-    g.append("rect").attr("x", 4).attr("y", 4).attr("width", node.width).attr("height", node.height).attr("fill", "rgba(0,0,0,0.1)").attr("rx", GROUP_CORNER);
+    g.append("rect").attr("x", 4).attr("y", 4).attr("width", node.width).attr("height", node.height).attr("fill", isDark ? "rgba(0,0,0,0.35)" : "rgba(0,0,0,0.1)").attr("rx", GROUP_CORNER);
   }
   g.append("rect").attr("width", node.width).attr("height", node.height).attr("fill", isTransparent ? "none" : palette.surface).attr("stroke", palette.border).attr("rx", GROUP_CORNER);
   g.append("rect").attr("width", node.width).attr("height", 36).attr(
     "fill",
     isTransparent ? "none" : mix(palette.textMuted, palette.bg, 15)
   ).attr("rx", GROUP_CORNER);
-  g.append("text").attr("x", 12).attr("y", 24).attr("fill", palette.text).attr("font-size", 14).attr("font-weight", "600").text(el.label || "Modal");
+  g.append("text").attr("x", 12).attr("y", 24).attr("fill", palette.text).attr("font-size", 14).attr("font-weight", "bold").text(el.label || "Modal");
   const cx = node.width - 16;
   g.append("text").attr("x", cx).attr("y", 24).attr("fill", palette.textMuted).attr("font-size", 16).text("\xD7");
   for (const child of node.children) {
@@ -554,4 +554,4 @@ function renderModal(parent, node, ctx) {
 export {
   renderWireframe
 };
-//# sourceMappingURL=chunk-MZEGUDTA.js.map
+//# sourceMappingURL=chunk-P64NBPSK.js.map

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

@@ -1,10 +1,15 @@
 import {
   renderNodeCard
-} from "./chunk-5GM6BZO7.js";
+} from "./chunk-4AWLEWSD.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-FLMXJMMY.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-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   EYE_CLOSED_PATH,
   EYE_OPEN_PATH,
@@ -50,7 +53,7 @@ import {
   LEGEND_EYE_SIZE,
   LEGEND_GROUP_GAP,
   LEGEND_HEIGHT
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
@@ -59,7 +62,7 @@ import {
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
@@ -70,7 +73,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.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-EPKXJ2RL.js");
+  const { layoutSitemap } = await import("./layout-YY6VH5XH.js");
+  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-YIPSRYXP.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-PIWUZFG7.js.map

package/dist/{chunk-SWEKCK34.js → chunk-QAPFXLAC.js}

@@ -11,7 +11,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   AliasRegistry,
   OPTION_NOCOLON_RE,
@@ -423,4 +423,4 @@ export {
   parseOrg,
   findOrgNodeIdByName
 };
-//# sourceMappingURL=chunk-SWEKCK34.js.map
+//# sourceMappingURL=chunk-QAPFXLAC.js.map

package/dist/chunk-QFIXL3OK.js

@@ -0,0 +1,68 @@
+import {
+  serializeSvg
+} from "./chunk-LD2JSKU3.js";
+import {
+  FONT_FAMILY
+} from "./chunk-ICLB27PZ.js";
+
+// src/utils/export-container.ts
+function runInExportContainer(width, height, fn) {
+  const container = document.createElement("div");
+  container.style.width = `${width}px`;
+  container.style.height = `${height}px`;
+  container.style.position = "absolute";
+  container.style.left = "-9999px";
+  document.body.appendChild(container);
+  try {
+    return fn(container);
+  } finally {
+    document.body.removeChild(container);
+  }
+}
+function paintRootBackground(svgEl, theme, bg) {
+  if (theme === "transparent") return;
+  const vb = (svgEl.getAttribute("viewBox") ?? "").trim().split(/[\s,]+/);
+  if (vb.length !== 4) return;
+  const [x, y, w, h] = vb.map(Number);
+  if (!Number.isFinite(w) || !Number.isFinite(h) || w <= 0 || h <= 0) return;
+  const want = bg.trim().toLowerCase();
+  for (const rect2 of Array.from(svgEl.querySelectorAll(":scope > rect"))) {
+    const fill = (rect2.getAttribute("fill") ?? "").trim().toLowerCase();
+    if (fill !== want) continue;
+    if (Number(rect2.getAttribute("width")) !== w) continue;
+    if (Number(rect2.getAttribute("height")) !== h) continue;
+    rect2.remove();
+  }
+  const rect = svgEl.ownerDocument.createElementNS(
+    "http://www.w3.org/2000/svg",
+    "rect"
+  );
+  rect.setAttribute("class", "dgmo-canvas-bg");
+  rect.setAttribute("x", String(x));
+  rect.setAttribute("y", String(y));
+  rect.setAttribute("width", String(w));
+  rect.setAttribute("height", String(h));
+  rect.setAttribute("fill", bg);
+  svgEl.insertBefore(rect, svgEl.firstChild);
+}
+function extractExportSvg(container, theme, palette) {
+  const svgEl = container.querySelector("svg");
+  if (!svgEl) return "";
+  if (theme === "transparent") {
+    svgEl.style.background = "none";
+  } else if (palette && !svgEl.style.background) {
+    svgEl.style.background = palette.bg;
+  }
+  svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+  svgEl.style.fontFamily = FONT_FAMILY;
+  svgEl.querySelectorAll("[data-export-ignore]").forEach((el) => el.remove());
+  if (palette) paintRootBackground(svgEl, theme, palette.bg);
+  return serializeSvg(svgEl);
+}
+
+export {
+  runInExportContainer,
+  paintRootBackground,
+  extractExportSvg
+};
+//# sourceMappingURL=chunk-QFIXL3OK.js.map

package/dist/{chunk-KRTLS3G6.js → chunk-QVMV4KCA.js}

@@ -20,7 +20,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   AliasRegistry,
   BOXES_AND_LINES_REGISTRY,
@@ -859,4 +859,4 @@ export {
   looksLikeBoxesAndLines,
   parseBoxesAndLines
 };
-//# sourceMappingURL=chunk-KRTLS3G6.js.map
+//# sourceMappingURL=chunk-QVMV4KCA.js.map

package/dist/{chunk-76LHNLGX.js → chunk-R4YGH7DJ.js}

@@ -132,6 +132,7 @@ function parseTagDeclaration(line) {
     inlineValues: inlineValues && inlineValues.length > 0 ? inlineValues : void 0
   };
 }
+var UNTAGGED_TAG_COLOR = "#999999";
 function resolveTagColor(metadata, tagGroups, activeGroupName, isContainer) {
   if (!activeGroupName) return void 0;
   const group = tagGroups.find(
@@ -139,8 +140,8 @@ function resolveTagColor(metadata, tagGroups, activeGroupName, isContainer) {
   );
   if (!group) return void 0;
   const metaValue = metadata[tagAttrKey(group.name)] ?? (isContainer ? void 0 : group.defaultValue);
-  if (!metaValue) return "#999999";
-  return group.entries.find((e) => e.value.toLowerCase() === metaValue.toLowerCase())?.color ?? "#999999";
+  if (!metaValue) return UNTAGGED_TAG_COLOR;
+  return group.entries.find((e) => e.value.toLowerCase() === metaValue.toLowerCase())?.color ?? UNTAGGED_TAG_COLOR;
 }
 function validateTagValues(entities, tagGroups, pushWarning, suggestFn) {
   if (tagGroups.length === 0) return;
@@ -281,6 +282,7 @@ export {
   autoTagColorCycle,
   finalizeAutoTagColors,
   isTagBlockHeading,
+  UNTAGGED_TAG_COLOR,
   resolveTagColor,
   validateTagValues,
   validateTagGroupNames,
@@ -290,4 +292,4 @@ export {
   activeTagNoMatchMessage,
   matchTagBlockHeading
 };
-//# sourceMappingURL=chunk-76LHNLGX.js.map
+//# sourceMappingURL=chunk-R4YGH7DJ.js.map

package/dist/{chunk-OZOHREFQ.js → chunk-RC3FM3FE.js}

@@ -1,6 +1,7 @@
 import {
-  FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+  FONT_FAMILY,
+  MONO_FAMILY
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText,
   truncateText
@@ -10,7 +11,7 @@ import {
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-FTTB64OJ.js";
+} from "./chunk-7SMVTA7I.js";
 import {
   chartTypes
 } from "./chunk-M5OOAP65.js";
@@ -25,7 +26,6 @@ function docsLink(source) {
     label: `Read the ${chartType} guide \u2197`
   } : { url: `${DOCS_BASE}/`, label: "Browse the DGMO docs \u2197" };
 }
-var MONO_FAMILY = "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace";
 var W = 660;
 var PAD = 24;
 var CONTENT_W = W - PAD * 2;
@@ -48,8 +48,8 @@ function renderErrorCard(errors, source, palette, theme) {
   let y = PAD + 8;
   parts.push(frownMark(PAD + 14, y + 12, danger));
   parts.push(
-    `<text x="${PAD + 38}" y="${y + 11}" fill="${text}" font-family="${FONT_FAMILY}" font-size="16" font-weight="700">Couldn't render this diagram</text>`,
-    `<text x="${W - PAD}" y="${y + 10}" text-anchor="end" fill="${muted}" font-family="${FONT_FAMILY}" font-size="12" font-weight="600" letter-spacing="0.5">dgmo</text>`
+    `<text x="${PAD + 38}" y="${y + 11}" fill="${text}" font-family="${FONT_FAMILY}" font-size="16" font-weight="bold">Couldn't render this diagram</text>`,
+    `<text x="${W - PAD}" y="${y + 10}" text-anchor="end" fill="${muted}" font-family="${FONT_FAMILY}" font-size="12" font-weight="bold" letter-spacing="0.5">dgmo</text>`
   );
   y += 24;
   const errLabel = errors.length === 1 ? "1 error" : `${errors.length} errors`;
@@ -69,7 +69,7 @@ function renderErrorCard(errors, source, palette, theme) {
       const badgeW = 14 + label.length * 7;
       parts.push(
         `<rect x="${PAD}" y="${y - 13}" width="${badgeW}" height="19" rx="4" fill="${danger}"/>`,
-        `<text x="${PAD + badgeW / 2}" y="${y + 1}" text-anchor="middle" fill="${c.bg}" font-family="${FONT_FAMILY}" font-size="11.5" font-weight="700">${escapeXml(label)}</text>`
+        `<text x="${PAD + badgeW / 2}" y="${y + 1}" text-anchor="middle" fill="${c.bg}" font-family="${FONT_FAMILY}" font-size="11.5" font-weight="bold">${escapeXml(label)}</text>`
       );
       msgX = PAD + badgeW + 12;
     }
@@ -105,13 +105,13 @@ function renderErrorCard(errors, source, palette, theme) {
           );
         }
         rowParts.push(
-          `<text x="${PAD + 8}" y="${ry + 1}" fill="${isBad ? danger : muted}" font-family="${MONO_FAMILY}" font-size="${CODE_FS}" font-weight="${isBad ? 700 : 400}">${escapeXml(`${n}`)}</text>`,
+          `<text x="${PAD + 8}" y="${ry + 1}" fill="${isBad ? danger : muted}" font-family="${MONO_FAMILY}" font-size="${CODE_FS}" font-weight="${isBad ? "bold" : "normal"}">${escapeXml(`${n}`)}</text>`,
           `<text x="${codeX}" y="${ry + 1}" fill="${text}" font-family="${MONO_FAMILY}" font-size="${CODE_FS}" xml:space="preserve">${escapeXml(codeText)}</text>`
         );
         if (isBad && hasCaret) {
           const caretX = codeX + (e.column - 1) * CODE_FS * MONO_CH;
           rowParts.push(
-            `<text x="${caretX}" y="${ry + 15}" fill="${danger}" font-family="${MONO_FAMILY}" font-size="${CODE_FS}" font-weight="700">^</text>`
+            `<text x="${caretX}" y="${ry + 15}" fill="${danger}" font-family="${MONO_FAMILY}" font-size="${CODE_FS}" font-weight="bold">^</text>`
           );
           ry += 14;
         }
@@ -142,12 +142,12 @@ function renderErrorCard(errors, source, palette, theme) {
   const iconSize = 18;
   const linkColor = c.colors.blue ?? c.text;
   parts.push(
-    `<a href="${escapeXml(editUrl)}" target="_blank" rel="noopener noreferrer">` + diagrammoIcon(PAD, y - 14, iconSize) + `<text x="${PAD + iconSize + 8}" y="${y}" fill="${linkColor}" font-family="${FONT_FAMILY}" font-size="12.5" font-weight="600" text-decoration="underline">Edit &amp; fix this diagram at online.diagrammo.app \u2197</text></a>`
+    `<a href="${escapeXml(editUrl)}" target="_blank" rel="noopener noreferrer">` + diagrammoIcon(PAD, y - 14, iconSize) + `<text x="${PAD + iconSize + 8}" y="${y}" fill="${linkColor}" font-family="${FONT_FAMILY}" font-size="12.5" font-weight="bold" text-decoration="underline">Edit &amp; fix this diagram at online.diagrammo.app \u2197</text></a>`
   );
   y += 22;
   const docs = docsLink(source);
   parts.push(
-    `<a href="${escapeXml(docs.url)}" target="_blank" rel="noopener noreferrer">` + docIcon(PAD, y - 14, iconSize, linkColor) + `<text x="${PAD + iconSize + 8}" y="${y}" fill="${linkColor}" font-family="${FONT_FAMILY}" font-size="12.5" font-weight="600" text-decoration="underline">${escapeXml(docs.label)}</text></a>`
+    `<a href="${escapeXml(docs.url)}" target="_blank" rel="noopener noreferrer">` + docIcon(PAD, y - 14, iconSize, linkColor) + `<text x="${PAD + iconSize + 8}" y="${y}" fill="${linkColor}" font-family="${FONT_FAMILY}" font-size="12.5" font-weight="bold" text-decoration="underline">${escapeXml(docs.label)}</text></a>`
   );
   y += 8;
   const height = Math.round(y + PAD - 14);
@@ -201,7 +201,6 @@ function escapeXml(s) {
 
 export {
   docsLink,
-  MONO_FAMILY,
   renderErrorCard
 };
-//# sourceMappingURL=chunk-OZOHREFQ.js.map
+//# sourceMappingURL=chunk-RC3FM3FE.js.map

package/dist/{chunk-UJBP57UJ.js → chunk-RC6GGF6X.js}

@@ -16,7 +16,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   EVENT_LINE_REGISTRY,
   extractColor,
@@ -703,4 +703,4 @@ export {
   EVENT_LINE_DIAGNOSTICS,
   parseEventLine
 };
-//# sourceMappingURL=chunk-UJBP57UJ.js.map
+//# sourceMappingURL=chunk-RC6GGF6X.js.map

package/dist/{chunk-S6OXNZBM.js → chunk-RHZZVIGA.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-WTTIODDV.js";
 import {
   buildPlacedNotes
-} from "./chunk-OWVDD5EC.js";
+} from "./chunk-LMWXBFLA.js";
 import {
   noteCanvasShift
 } from "./chunk-6EK55ART.js";
@@ -312,7 +312,7 @@ function computeNodeSize(node, reserveValueRow) {
   return { width: w, height: Math.max(NODE_HEIGHT, totalHeight) };
 }
 async function layoutBoxesAndLines(parsed, collapseInfo, layoutOptions) {
-  const { layoutBoxesAndLinesSearch } = await import("./layout-search-UOKEMER5.js");
+  const { layoutBoxesAndLinesSearch } = await import("./layout-search-TSV4FURP.js");
   const searchOpts = {
     ...layoutOptions?.hideDescriptions !== void 0 && {
       hideDescriptions: layoutOptions.hideDescriptions
@@ -468,4 +468,4 @@ export {
   computeNodeSize,
   layoutBoxesAndLines
 };
-//# sourceMappingURL=chunk-S6OXNZBM.js.map
+//# sourceMappingURL=chunk-RHZZVIGA.js.map

package/dist/{chunk-MS5574I7.js → chunk-RIXWLFB4.js}

@@ -1,6 +1,6 @@
 import {
   mix
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -32,4 +32,4 @@ function buildSwatches(palette, muted) {
 export {
   buildSwatches
 };
-//# sourceMappingURL=chunk-MS5574I7.js.map
+//# sourceMappingURL=chunk-RIXWLFB4.js.map

package/dist/{chunk-D3B6YEZK.js → chunk-RUNI4OXP.js}

@@ -1,26 +1,30 @@
 import {
   wrapDescriptionLines
-} from "./chunk-NCT22MOD.js";
+} from "./chunk-WMIKC5XO.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH
+} from "./chunk-IIEI7VK5.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-67I3HFSF.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   measureText,
   wrapTextToWidth
@@ -31,7 +35,7 @@ import {
 import {
   contrastText,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -854,7 +858,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
         const labelFont = scaledCircleLabelFont;
         const blockH = labelFont + 4 + wrappedDesc.length * scaledDescLineH;
         const startY = ln.y - blockH / 2 + labelFont;
-        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", startY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "600");
+        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", startY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "bold");
         renderInlineText(labelText, node.label, palette, labelFont);
         let descY = startY + scaledDescLineH + 4;
         wrappedDesc.forEach((line) => {
@@ -864,7 +868,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
         });
       } else {
         const labelFont = scaledCircleLabelFont;
-        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", ln.y + labelFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "600");
+        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", ln.y + labelFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "bold");
         renderInlineText(labelText, node.label, palette, labelFont);
       }
     } else {
@@ -872,7 +876,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
       nodeG.append("rect").attr("x", ln.x - nodeW / 2).attr("y", ln.y - nodeH / 2).attr("width", nodeW).attr("height", nodeH).attr("rx", rx).attr("ry", rx).attr("fill", fillColor).attr("stroke", solidColor).attr("stroke-width", 2);
       if (hasDesc) {
         const headerCenterY = ln.y - nodeH / 2 + HEADER_H / 2;
-        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", headerCenterY + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "600");
+        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", headerCenterY + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "bold");
         renderInlineText(labelText, node.label, palette, scaledNodeFont);
         const sepY = ln.y - nodeH / 2 + HEADER_H;
         nodeG.append("line").attr("x1", ln.x - nodeW / 2).attr("y1", sepY).attr("x2", ln.x + nodeW / 2).attr("y2", sepY).attr("stroke", fillMode === "solid" ? descColor : solidColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
@@ -893,7 +897,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
           }
         });
       } else {
-        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", ln.y + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "600");
+        const labelText = nodeG.append("text").attr("x", ln.x).attr("y", ln.y + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "bold");
         renderInlineText(labelText, node.label, palette, scaledNodeFont);
       }
     }
@@ -933,7 +937,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
     edgeG.append("rect").attr("x", bgX).attr("y", bgY).attr("width", bgW).attr("height", bgH).attr("rx", 3).attr("fill", palette.bg).attr("fill-opacity", 0.85);
     let textY = le.labelY;
     for (const line of labelLines) {
-      const labelText = edgeG.append("text").attr("x", le.labelX).attr("y", textY).attr("text-anchor", anchor).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", scaledEdgeLabelFont).attr("font-weight", "600");
+      const labelText = edgeG.append("text").attr("x", le.labelX).attr("y", textY).attr("text-anchor", anchor).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", scaledEdgeLabelFont).attr("font-weight", "bold");
       renderInlineText(labelText, line, palette, scaledEdgeLabelFont);
       textY += scaledEdgeLineH;
     }
@@ -976,7 +980,7 @@ function arrowMarkerId(color, strokeWidth) {
 function ensureArrowMarker(defs, color, strokeWidth) {
   const id = arrowMarkerId(color, strokeWidth);
   const mw = arrowHeadLength(strokeWidth) / strokeWidth;
-  const mh = Math.max(1.5, mw * 0.5);
+  const mh = Math.max(1.5, mw * (ARROWHEAD_HEIGHT / ARROWHEAD_WIDTH));
   defs.append("marker").attr("id", id).attr("viewBox", `0 0 ${mw} ${mh}`).attr("refX", mw * 0.1).attr("refY", mh / 2).attr("markerWidth", mw).attr("markerHeight", mh).attr("orient", "auto").append("polygon").attr("points", `0,0 ${mw},${mh / 2} 0,${mh}`).attr("fill", color);
 }
 
@@ -985,4 +989,4 @@ export {
   renderCycle,
   renderCycleForExport
 };
-//# sourceMappingURL=chunk-D3B6YEZK.js.map
+//# sourceMappingURL=chunk-RUNI4OXP.js.map