@diagrammo/dgmo 0.77.0 → 0.79.0

package/dist/{chunk-XPBJVSRY.js → chunk-5BV5MXLY.js}

@@ -1,9 +1,9 @@
 import {
   buildSwatches
-} from "./chunk-MS5574I7.js";
+} from "./chunk-K3K7JHZI.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   fixedParts,
   fixedTimeCells,
@@ -14,19 +14,22 @@ import {
   workStatus,
   zoneParts
 } from "./chunk-A2RUBBVT.js";
+import {
+  now
+} from "./chunk-3DPOIW3W.js";
 import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
 
 // src/clock/renderer.ts
 import * as d3Selection from "d3-selection";
-function partsFor(entry, now) {
-  return entry.kind === "fixed" ? fixedParts(entry.fixedOffsetMin ?? 0, now) : zoneParts(entry.zone, now);
+function partsFor(entry, now2) {
+  return entry.kind === "fixed" ? fixedParts(entry.fixedOffsetMin ?? 0, now2) : zoneParts(entry.zone, now2);
 }
 var PLACE_ACCENTS = [
   "blue",
@@ -143,7 +146,7 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
     baseWidth,
     COL_MIN_W * Math.max(1, parsed.entries.length) + 2 * cardM
   ) : baseWidth);
-  const now = Date.now();
+  const now2 = now();
   const baseBg = themeBaseBg(palette, isDark);
   const muted = mix(palette.text, baseBg, 55);
   const faint = mix(palette.text, baseBg, 72);
@@ -167,9 +170,9 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
     const titleFont = 20;
     const meta = parsed.work ? `${hourLabel(parsed.work.startMin, parsed.hours12)}\u2013${hourLabel(parsed.work.endMin, parsed.hours12)} \xB7 ${daysLabel(parsed.work.days)}` : null;
     const metaW = meta ? estWidth(meta, 12) + 16 : 0;
-    svg.append("text").attr("x", padX).attr("y", y + titleFont).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", titleFont).attr("font-weight", 650).attr("data-line-number", parsed.titleLineNumber).text(ellipsize(parsed.title, titleFont, rightX - padX - metaW));
+    svg.append("text").attr("x", padX).attr("y", y + titleFont).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", titleFont).attr("font-weight", "bold").attr("data-line-number", parsed.titleLineNumber).text(ellipsize(parsed.title, titleFont, rightX - padX - metaW));
     if (meta) {
-      svg.append("text").attr("x", rightX).attr("y", y + titleFont - 3).attr("text-anchor", "end").attr("fill", faint).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", 500).text(meta);
+      svg.append("text").attr("x", rightX).attr("y", y + titleFont - 3).attr("text-anchor", "end").attr("fill", faint).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", "normal").text(meta);
     }
     y += titleFont + 12;
     svg.append("line").attr("x1", cardM).attr("x2", width - cardM).attr("y1", y).attr("y2", y).attr("stroke", mix(palette.text, palette.bg, 22)).attr("stroke-width", 1);
@@ -191,14 +194,14 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
   };
   let bannerH;
   if (parsed.columns) {
-    bannerH = drawColumns(body, parsed, now, rowsTop, { width, cardM }, col);
+    bannerH = drawColumns(body, parsed, now2, rowsTop, { width, cardM }, col);
   } else {
     let leftColW = rowH - 20;
     let mainW = 0;
     if (parsed.face === "digital") {
       let secW = 0;
       for (const e of parsed.entries) {
-        const p = partsFor(e, now);
+        const p = partsFor(e, now2);
         const t = formatTime(p.h, p.m, p.s, parsed.hours12);
         mainW = Math.max(mainW, estWidth(t.main, 48));
         secW = Math.max(secW, estWidth(`:${t.sec}`, 16), estWidth(t.ap, 16));
@@ -211,7 +214,7 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
         entry,
         i,
         parsed,
-        now,
+        now2,
         rowsTop + i * rowH,
         rowH,
         { padX, rightX, width, leftColW, mainW },
@@ -230,13 +233,13 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
 function zoneFillMode(entry, parsed, col) {
   return entry.color || parsed.colorBy === "place" ? col.fillMode : void 0;
 }
-function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
+function drawRow(svg, entry, index, parsed, now2, rowTop, rowH, geom, col) {
   const { padX } = geom;
   const { text, muted, line2, tick, sw, cardFill } = col;
   const center = rowTop + rowH / 2;
-  const parts = partsFor(entry, now);
+  const parts = partsFor(entry, now2);
   const hasCoords = entry.lat !== null && entry.lon !== null;
-  const sun = parsed.sun && hasCoords ? sunLine(now, entry.lat, entry.lon) : null;
+  const sun = parsed.sun && hasCoords ? sunLine(now2, entry.lat, entry.lon) : null;
   const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
   const stColor = up ? sw.day : sw.night;
   const stTint = up ? sw.dayTint : sw.nightTint;
@@ -309,14 +312,17 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
     const capTop = baseY - mainFont * 0.7;
     const sf = 20;
     const gap = 5;
-    const { cells, width: mainW } = fixedTimeCells(ts.main, contentLeft, mainFont);
+    const { cells, width: mainW } = fixedTimeCells(
+      ts.main,
+      contentLeft,
+      mainFont
+    );
     const stackX = contentLeft + mainW + gap;
-    const mainText = g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("y", baseY).attr("text-anchor", "middle").attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", mainFont).attr("font-weight", 600).attr("data-dgmo-clock-x0", contentLeft).attr("data-dgmo-clock-fs", mainFont).attr("data-dgmo-clock-gap", gap);
-    for (const c of cells)
-      mainText.append("tspan").attr("x", c.x).text(c.ch);
-    g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", capTop + sf * 0.72).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 600).style("font-variant-numeric", "tabular-nums").text(`:${ts.sec}`);
+    const mainText = g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("y", baseY).attr("text-anchor", "middle").attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", mainFont).attr("font-weight", "bold").attr("data-dgmo-clock-x0", contentLeft).attr("data-dgmo-clock-fs", mainFont).attr("data-dgmo-clock-gap", gap);
+    for (const c of cells) mainText.append("tspan").attr("x", c.x).text(c.ch);
+    g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", capTop + sf * 0.72).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", "bold").style("font-variant-numeric", "tabular-nums").text(`:${ts.sec}`);
     if (ts.ap)
-      g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 600).text(ts.ap);
+      g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", "bold").text(ts.ap);
   }
   const midLeft = contentLeft + geom.leftColW + 26;
   const midMaxW = Math.max(40, rightColLeft - 12 - midLeft);
@@ -341,7 +347,7 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   const firstBase = aliasLines.length === 1 ? center + 16 : center - aliasLines.length * aliasLh / 2 + aliasFont * 0.72;
   const aliasFill = auto?.solid ?? mix(muted, text, Math.round((aliasFont - 17) / 31 * 55));
   aliasLines.forEach((ln, i) => {
-    g.append("text").attr("x", midLeft).attr("y", firstBase + i * aliasLh).attr("fill", aliasFill).attr("font-family", FONT_FAMILY).attr("font-size", aliasFont).attr("font-weight", 650).text(ln);
+    g.append("text").attr("x", midLeft).attr("y", firstBase + i * aliasLh).attr("fill", aliasFill).attr("font-family", FONT_FAMILY).attr("font-size", aliasFont).attr("font-weight", "bold").text(ln);
   });
   const iconX = rightColLeft + 6;
   const textX = rightColLeft + 20;
@@ -357,11 +363,11 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
     const yy = top + i * lh;
     if (ln.kind === "place") {
       g.append("path").attr("transform", `translate(${iconX},${yy - 5}) scale(1.25)`).attr("d", "M0,4 L-2.3,-0.6 A2.6,2.6 0 1 1 2.3,-0.6 Z").attr("fill", muted);
-      g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", 500).text(ellipsize(entry.place, 14, textMax));
+      g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", "normal").text(ellipsize(entry.place, 14, textMax));
     } else if (ln.kind === "avail" && status) {
       const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
       drawStatusClock(g, iconX, yy - 5, 5, stCol);
-      g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", 600).text(ellipsize(status.text, 14, textMax));
+      g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", "bold").text(ellipsize(status.text, 14, textMax));
     } else if (ln.kind === "sun" && sun) {
       drawSunMoon(g, iconX, yy - 5, up, sw, 1.25);
       g.append("text").attr("data-dgmo-clock-sun-line", "").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 13.5).text(ellipsize(sun.text, 13.5, textMax));
@@ -394,7 +400,7 @@ function bakeAnchors(g, entry, parsed, sun, sw) {
     );
   }
 }
-function drawColumns(body, parsed, now, top, geom, col) {
+function drawColumns(body, parsed, now2, top, geom, col) {
   const { width, cardM } = geom;
   const { text, muted, line2, tick, cardFill, sw } = col;
   const n = Math.max(1, parsed.entries.length);
@@ -406,9 +412,9 @@ function drawColumns(body, parsed, now, top, geom, col) {
   parsed.entries.forEach((entry, i) => {
     const x0 = cardM + i * colW;
     const cx = x0 + colW / 2;
-    const parts = partsFor(entry, now);
+    const parts = partsFor(entry, now2);
     const hasCoords = entry.lat !== null && entry.lon !== null;
-    const sun = parsed.sun && hasCoords ? sunLine(now, entry.lat, entry.lon) : null;
+    const sun = parsed.sun && hasCoords ? sunLine(now2, entry.lat, entry.lon) : null;
     const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
     const ts = formatTime(parts.h, parts.m, parts.s, parsed.hours12);
     const work = parsed.work ? {
@@ -476,13 +482,13 @@ function drawColumns(body, parsed, now, top, geom, col) {
       const stackW = Math.max(estWidth(`:${ts.sec}`, sf), estWidth(ts.ap, sf));
       const gLeft = cx - (mainW + gap + stackW) / 2;
       const baseY = cy + tf * 0.34;
-      const mainText = g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("y", baseY).attr("text-anchor", "middle").attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", tf).attr("font-weight", 600).attr("data-dgmo-clock-x0", gLeft).attr("data-dgmo-clock-fs", tf).attr("data-dgmo-clock-gap", gap);
+      const mainText = g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("y", baseY).attr("text-anchor", "middle").attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", tf).attr("font-weight", "bold").attr("data-dgmo-clock-x0", gLeft).attr("data-dgmo-clock-fs", tf).attr("data-dgmo-clock-gap", gap);
       for (const c of fixedTimeCells(ts.main, gLeft, tf).cells)
         mainText.append("tspan").attr("x", c.x).text(c.ch);
       const stackX = gLeft + mainW + gap;
-      g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", baseY - tf * cap + sf * cap).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 500).text(`:${ts.sec}`);
+      g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", baseY - tf * cap + sf * cap).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", "normal").text(`:${ts.sec}`);
       if (ts.ap)
-        g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 500).text(ts.ap);
+        g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", "normal").text(ts.ap);
       cy += tf + 8;
     }
     const amax = colW - 14;
@@ -501,7 +507,7 @@ function drawColumns(body, parsed, now, top, geom, col) {
     const alh = af + 3;
     const aFill = auto?.solid ?? mix(muted, text, Math.round((af - 14) / 12 * 55));
     alines.forEach(
-      (ln, j) => g.append("text").attr("x", cx).attr("y", cy + af * 0.72 + j * alh).attr("text-anchor", "middle").attr("fill", aFill).attr("font-family", FONT_FAMILY).attr("font-size", af).attr("font-weight", 650).text(ln)
+      (ln, j) => g.append("text").attr("x", cx).attr("y", cy + af * 0.72 + j * alh).attr("text-anchor", "middle").attr("fill", aFill).attr("font-family", FONT_FAMILY).attr("font-size", af).attr("font-weight", "bold").text(ln)
     );
     cy += alines.length * alh + 12;
     const kinds = [];
@@ -523,7 +529,7 @@ function drawColumns(body, parsed, now, top, geom, col) {
           } else if (kind === "avail" && status) {
             const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
             drawStatusClock(g, iconX, yy - 4, 4, stCol);
-            g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", 600).text(ellipsize(status.text, 12, tmax));
+            g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", "bold").text(ellipsize(status.text, 12, tmax));
           } else if (kind === "sun" && sun) {
             drawSunMoon(g, iconX, yy - 4, up, sw, 1);
             g.append("text").attr("data-dgmo-clock-sun-line", "").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 11.5).text(ellipsize(sun.text, 11.5, tmax));
@@ -558,4 +564,4 @@ export {
   renderClock,
   renderClockForExport
 };
-//# sourceMappingURL=chunk-XPBJVSRY.js.map
+//# sourceMappingURL=chunk-5BV5MXLY.js.map

package/dist/{chunk-5VMUVJO4.js → chunk-5DWF3N3V.js}

@@ -1,12 +1,12 @@
 import {
   buildPlacedNotes
-} from "./chunk-OWVDD5EC.js";
+} from "./chunk-2R2M2C6V.js";
 import {
   noteCanvasShift
 } from "./chunk-6EK55ART.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   resolveNotes
 } from "./chunk-E6PNTYRK.js";
@@ -326,4 +326,4 @@ function layoutERDiagram(parsed, options) {
 export {
   layoutERDiagram
 };
-//# sourceMappingURL=chunk-5VMUVJO4.js.map
+//# sourceMappingURL=chunk-5DWF3N3V.js.map

package/dist/{chunk-SSEAULA5.js → chunk-6775W3UW.js}

@@ -1,26 +1,32 @@
 import {
   appendArrowheadMarkers
-} from "./chunk-LP7EC4MI.js";
+} from "./chunk-XBJJP2HN.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
+  EDGE_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 {
+  UNTAGGED_TAG_COLOR,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   fillModeFromOptions
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   resolveColor
@@ -36,8 +42,6 @@ var NODE_RX = 8;
 var NODE_STROKE = 1.5;
 var EDGE_STROKE = 1.6;
 var EDGE_CORNER_R = 11;
-var ARROW_W = 9;
-var ARROW_H = 6.4;
 var LANE_RADIUS = 10;
 var LANE_INSET = 2;
 function roundedPolyline(pts, radius) {
@@ -109,8 +113,8 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
   };
   appendArrowheadMarkers(defs, {
     idPrefix: "sw",
-    width: ARROW_W,
-    height: ARROW_H,
+    width: ARROWHEAD_WIDTH,
+    height: ARROWHEAD_HEIGHT,
     baseFill: palette.textMuted,
     colors: [ev.error, ev.success]
   });
@@ -166,14 +170,14 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
         isLR ? { tl: LANE_RADIUS, bl: LANE_RADIUS } : { tl: LANE_RADIUS, tr: LANE_RADIUS }
       )
     ).attr("fill", mix(hex, baseBg, 16)).attr("opacity", 0.6);
-    laneG.append("text").attr("x", isLR ? bx + 12 : bx + bw / 2).attr("y", isLR ? by + bh / 2 : by + band.headerSize / 2).attr("text-anchor", isLR ? "start" : "middle").attr("dominant-baseline", "middle").attr("font-size", LANE_LABEL_FONT).attr("font-weight", "700").attr("fill", mix(hex, palette.text, 55)).text(band.label);
+    laneG.append("text").attr("x", isLR ? bx + 12 : bx + bw / 2).attr("y", isLR ? by + bh / 2 : by + band.headerSize / 2).attr("text-anchor", isLR ? "start" : "middle").attr("dominant-baseline", "middle").attr("font-size", LANE_LABEL_FONT).attr("font-weight", "bold").attr("fill", mix(hex, palette.text, 55)).text(band.label);
   }
   const phaseG = root.append("g").attr("class", "dgmo-swimlane-phases");
   layout.phases.forEach((band, idx) => {
     if (idx % 2 === 1) {
       phaseG.append("rect").attr("x", band.x).attr("y", band.y).attr("width", band.width).attr("height", band.height).attr("rx", LANE_RADIUS).attr("fill", palette.text).attr("opacity", 0.05).attr("pointer-events", "none");
     }
-    phaseG.append("text").attr("x", isLR ? band.x + band.width / 2 : band.headerSize / 2).attr("y", isLR ? band.headerSize / 2 : band.y + band.height / 2).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-size", PHASE_LABEL_FONT).attr("font-weight", "700").attr("letter-spacing", "0.06em").attr("fill", palette.textMuted).attr("data-line-number", String(band.lineNumber)).text(band.label);
+    phaseG.append("text").attr("x", isLR ? band.x + band.width / 2 : band.headerSize / 2).attr("y", isLR ? band.headerSize / 2 : band.y + band.height / 2).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-size", PHASE_LABEL_FONT).attr("font-weight", "bold").attr("letter-spacing", "0.06em").attr("fill", palette.textMuted).attr("data-line-number", String(band.lineNumber)).text(band.label);
   });
   const activeTag = opts.activeTagGroup ?? null;
   const outline = fillMode === "outline";
@@ -182,7 +186,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
       const key = tagAttrKey(activeTag);
       if (n.tags[key]) {
         const c = resolveTagColor(n.tags, [...parsed.tagGroups], activeTag);
-        if (c && c !== "#999999")
+        if (c && c !== UNTAGGED_TAG_COLOR)
           return {
             fill: fillMode === "solid" ? c : outline ? baseBg : mix(c, baseBg, 22),
             stroke: c
@@ -233,7 +237,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
       marker = `sw-arrow-${ev.success.replace("#", "")}`;
     }
     const d = roundedPolyline(e.points, EDGE_CORNER_R);
-    edgeG.append("path").attr("class", "sw-edge sw-edge-group").attr("d", d).attr("fill", "none").attr("stroke", stroke).attr("stroke-width", EDGE_STROKE).attr("stroke-dasharray", e.back ? "5 4" : null).attr("marker-end", `url(#${marker})`).attr("data-line-number", String(e.lineNumber));
+    edgeG.append("path").attr("class", "sw-edge sw-edge-group").attr("d", d).attr("fill", "none").attr("stroke", stroke).attr("stroke-width", EDGE_STROKE).attr("stroke-dasharray", e.back ? EDGE_DASH : null).attr("marker-end", `url(#${marker})`).attr("data-line-number", String(e.lineNumber));
     if (e.label) {
       const segLen = [];
       let total = 0;
@@ -401,4 +405,4 @@ function drawCenteredLabel(g, label, cx, cy, fill, fontSize, tight = false, halo
 export {
   renderSwimlaneForExport
 };
-//# sourceMappingURL=chunk-SSEAULA5.js.map
+//# sourceMappingURL=chunk-6775W3UW.js.map

package/dist/{chunk-2QRIMMIH.js → chunk-6EMJRAEY.js}

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -20,7 +20,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-XOGQY4EC.js";
@@ -419,4 +419,4 @@ function parseStepLine(trimmed, lineNumber, counter, aliasMap, warn, diagnostics
 export {
   parseJourneyMap
 };
-//# sourceMappingURL=chunk-2QRIMMIH.js.map
+//# sourceMappingURL=chunk-6EMJRAEY.js.map

package/dist/{chunk-OZOHREFQ.js → chunk-6FUIPWTS.js}

@@ -1,19 +1,20 @@
 import {
-  FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+  FONT_FAMILY,
+  MONO_FAMILY
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText,
   truncateText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   encodeDiagramUrl
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-FTTB64OJ.js";
+} from "./chunk-EBEFYSVZ.js";
 import {
   chartTypes
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 
 // src/error-card.ts
 var DOCS_BASE = "https://diagrammo.app/docs";
@@ -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-6FUIPWTS.js.map

package/dist/{chunk-F4V67JXG.js → chunk-6JIMYPXR.js}

@@ -1,14 +1,14 @@
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   fillModeFromOptions
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   mix,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/journey-map/layout.ts
 var PADDING = 24;
@@ -290,4 +290,4 @@ export {
   scoreToCurveY,
   layoutJourneyMap
 };
-//# sourceMappingURL=chunk-F4V67JXG.js.map
+//# sourceMappingURL=chunk-6JIMYPXR.js.map

package/dist/{chunk-CHOK7NCJ.js → chunk-7AEMAUDF.js}

@@ -1,59 +1,63 @@
 import {
   layoutClassDiagram
-} from "./chunk-LM3HY3VG.js";
+} from "./chunk-P4U5GST7.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-Q74GP3GK.js";
+} from "./chunk-37NDM5NW.js";
 import {
-  extractExportSvg,
-  runInExportContainer
-} from "./chunk-YM5RMLFO.js";
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
 import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
+  EDGE_DASH,
+  EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-FJ57274M.js";
+} from "./chunk-IIEI7VK5.js";
 import {
-  ScaleContext
-} from "./chunk-24YPR5EH.js";
+  extractExportSvg,
+  runInExportContainer
+} from "./chunk-QFIXL3OK.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-2F7AG7LA.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-253E5ISJ.js";
 import {
   getLegendExtent
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseClassDiagram
-} from "./chunk-LTTZX6RD.js";
+} from "./chunk-Z5ZCTCX4.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/class/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -215,12 +219,12 @@ function renderClassDiagram(container, parsed, layout, palette, isDark, onClickI
     svg.attr("width", "100%");
   }
   const defs = svg.append("defs");
-  const AW = 12;
-  const AH = 8;
+  const AW = ARROWHEAD_WIDTH;
+  const AH = ARROWHEAD_HEIGHT;
   defs.append("marker").attr("id", "cd-arrow-inherit").attr("viewBox", `0 0 ${AW} ${AH}`).attr("refX", AW).attr("refY", AH / 2).attr("markerWidth", AW).attr("markerHeight", AH).attr("orient", "auto").append("polygon").attr("points", `0,0 ${AW},${AH / 2} 0,${AH}`).attr("fill", palette.textMuted).attr("stroke", palette.textMuted).attr("stroke-width", 1);
   defs.append("marker").attr("id", "cd-arrow-implement").attr("viewBox", `0 0 ${AW} ${AH}`).attr("refX", AW).attr("refY", AH / 2).attr("markerWidth", AW).attr("markerHeight", AH).attr("orient", "auto").append("polygon").attr("points", `0,0 ${AW},${AH / 2} 0,${AH}`).attr("fill", palette.bg).attr("stroke", palette.textMuted).attr("stroke-width", 1);
-  const DW = 12;
-  const DH = 8;
+  const DW = ARROWHEAD_WIDTH;
+  const DH = ARROWHEAD_HEIGHT;
   defs.append("marker").attr("id", "cd-arrow-compose").attr("viewBox", `0 0 ${DW} ${DH}`).attr("refX", 0).attr("refY", DH / 2).attr("markerWidth", DW).attr("markerHeight", DH).attr("orient", "auto").append("polygon").attr("points", `${DW / 2},0 ${DW},${DH / 2} ${DW / 2},${DH} 0,${DH / 2}`).attr("fill", palette.textMuted).attr("stroke", palette.textMuted).attr("stroke-width", 1);
   defs.append("marker").attr("id", "cd-arrow-aggregate").attr("viewBox", `0 0 ${DW} ${DH}`).attr("refX", 0).attr("refY", DH / 2).attr("markerWidth", DW).attr("markerHeight", DH).attr("orient", "auto").append("polygon").attr("points", `${DW / 2},0 ${DW},${DH / 2} ${DW / 2},${DH} 0,${DH / 2}`).attr("fill", palette.bg).attr("stroke", palette.textMuted).attr("stroke-width", 1);
   defs.append("marker").attr("id", "cd-arrow-depend").attr("viewBox", `0 0 ${AW} ${AH}`).attr("refX", AW).attr("refY", AH / 2).attr("markerWidth", AW).attr("markerHeight", AH).attr("orient", "auto").append("polyline").attr("points", `0,0 ${AW},${AH / 2} 0,${AH}`).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1.5);
@@ -271,7 +275,7 @@ function renderClassDiagram(container, parsed, layout, palette, isDark, onClickI
     if (pathD) {
       const pathEl = edgeG.append("path").attr("d", pathD).attr("fill", "none").attr("stroke", edgeColor).attr("stroke-width", sEdgeStrokeWidth).attr("class", "cd-edge");
       if (dashed) {
-        pathEl.attr("stroke-dasharray", "6 3");
+        pathEl.attr("stroke-dasharray", EDGE_DASH);
       }
       if (sourceMarker) {
         pathEl.attr("marker-start", `url(#${markerId})`);
@@ -284,7 +288,7 @@ function renderClassDiagram(container, parsed, layout, palette, isDark, onClickI
       const midPt = edge.points[midIdx];
       const bgW = measureText(edge.label, sEdgeLabelFontSize) + 8;
       const bgH = 16;
-      edgeG.append("rect").attr("x", midPt.x - bgW / 2).attr("y", midPt.y - bgH / 2 - 1).attr("width", bgW).attr("height", bgH).attr("rx", 3).attr("fill", palette.bg).attr("opacity", 0.85).attr("class", "cd-edge-label-bg");
+      edgeG.append("rect").attr("x", midPt.x - bgW / 2).attr("y", midPt.y - bgH / 2 - 1).attr("width", bgW).attr("height", bgH).attr("rx", 3).attr("fill", palette.bg).attr("opacity", EDGE_LABEL_KNOCKOUT_OPACITY).attr("class", "cd-edge-label-bg");
       edgeG.append("text").attr("x", midPt.x).attr("y", midPt.y + 4).attr("text-anchor", "middle").attr("fill", edgeColor).attr("font-size", sEdgeLabelFontSize).attr("class", "cd-edge-label").text(edge.label);
     }
   }
@@ -448,4 +452,4 @@ export {
   renderClassDiagram,
   renderClassDiagramForExport
 };
-//# sourceMappingURL=chunk-CHOK7NCJ.js.map
+//# sourceMappingURL=chunk-7AEMAUDF.js.map

package/dist/{chunk-NVOU7N6C.js → chunk-7DCM3CB5.js}

@@ -1,6 +1,6 @@
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 
 // src/wireframe/layout.ts
 var DESKTOP_WIDTH = 1200;
@@ -302,4 +302,4 @@ function computeFieldAlignX(children) {
 export {
   layoutWireframe
 };
-//# sourceMappingURL=chunk-NVOU7N6C.js.map
+//# sourceMappingURL=chunk-7DCM3CB5.js.map