@diagrammo/dgmo 0.77.0 → 0.79.0

package/dist/{chunk-LYJ53DBK.js → chunk-2RAH6GVR.js}

@@ -4,63 +4,72 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-Q74GP3GK.js";
+} from "./chunk-37NDM5NW.js";
+import {
+  appendArrowheadMarkers,
+  appendReverseArrowheadMarkers
+} from "./chunk-XBJJP2HN.js";
 import {
   wrapDescriptionLines
-} from "./chunk-NCT22MOD.js";
+} from "./chunk-WMIKC5XO.js";
 import {
   renderInlineText,
   stripInlineMarkdown
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
+import {
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
 import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
   CARD_RADIUS,
   CONTAINER_RADIUS,
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} 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 {
   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,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
+  resolveGroupTagColor,
   resolveTagColor
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
+  groupFill,
+  groupStroke,
   mix,
   relativeLuminance,
   shapeFill,
   themeBaseBg,
   valueRampColor
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -74,8 +83,6 @@ var MIN_NODE_FONT_SIZE = 9;
 var EDGE_LABEL_FONT_SIZE = 11;
 var NODE_RX = CARD_RADIUS;
 var COLLAPSE_BAR_HEIGHT = 4;
-var ARROWHEAD_W = 5;
-var ARROWHEAD_H = 4;
 var DESC_FONT_SIZE = 10;
 var DESC_LINE_HEIGHT = 1.4;
 var MAX_DESC_LINES = 6;
@@ -228,20 +235,21 @@ function edgeColor(edge, tagGroups, activeGroupName, palette) {
   return palette.textMuted;
 }
 function ensureArrowMarkers(defs, colors) {
-  for (const color of colors) {
-    const id = `bl-arrow-${color.replace("#", "")}`;
-    if (!defs.select(`#${id}`).empty()) continue;
-    defs.append("marker").attr("id", id).attr("viewBox", `0 0 ${ARROWHEAD_W * 2} ${ARROWHEAD_H * 2}`).attr("refX", ARROWHEAD_W * 2).attr("refY", ARROWHEAD_H).attr("markerWidth", ARROWHEAD_W).attr("markerHeight", ARROWHEAD_H).attr("orient", "auto").append("polygon").attr(
-      "points",
-      `0,0 ${ARROWHEAD_W * 2},${ARROWHEAD_H} 0,${ARROWHEAD_H * 2}`
-    ).attr("fill", color);
-    const revId = `bl-arrow-rev-${color.replace("#", "")}`;
-    if (!defs.select(`#${revId}`).empty()) continue;
-    defs.append("marker").attr("id", revId).attr("viewBox", `0 0 ${ARROWHEAD_W * 2} ${ARROWHEAD_H * 2}`).attr("refX", 0).attr("refY", ARROWHEAD_H).attr("markerWidth", ARROWHEAD_W).attr("markerHeight", ARROWHEAD_H).attr("orient", "auto").append("polygon").attr(
-      "points",
-      `${ARROWHEAD_W * 2},0 0,${ARROWHEAD_H} ${ARROWHEAD_W * 2},${ARROWHEAD_H * 2}`
-    ).attr("fill", color);
-  }
+  const fresh = [...colors].filter(
+    (color) => defs.select(`#bl-arrow-${color.replace("#", "")}`).empty()
+  );
+  if (fresh.length === 0) return;
+  const opts = {
+    idPrefix: "bl",
+    width: ARROWHEAD_WIDTH,
+    height: ARROWHEAD_HEIGHT,
+    // Every marker here is per-colour; the base id is never referenced, so it
+    // takes the first colour rather than introducing a palette dependency.
+    baseFill: fresh[0],
+    colors: fresh
+  };
+  appendArrowheadMarkers(defs, opts);
+  appendReverseArrowheadMarkers(defs, opts);
 }
 function renderBoxesAndLines(container, parsed, layout, palette, isDark, options) {
   const {
@@ -417,12 +425,19 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   );
   const groupLabels = new Set(layout.groups.map((g) => g.label));
   const hasSubGroups = /* @__PURE__ */ new Set();
+  const groupMetaByLabel = /* @__PURE__ */ new Map();
   for (const group of parsed.groups) {
+    groupMetaByLabel.set(group.label, group.metadata);
     for (const child of group.children) {
       if (groupLabels.has(child)) hasSubGroups.add(group.label);
     }
   }
   for (const group of sortedGroups) {
+    const groupTagColor = resolveGroupTagColor(
+      groupMetaByLabel.get(group.label),
+      parsed.tagGroups,
+      activeGroup
+    );
     const gx = group.x - group.width / 2;
     const needsExtra = !group.collapsed && hasSubGroups.has(group.label);
     const gy = needsExtra ? group.y - group.height / 2 - sGroupLabelZone : group.y - group.height / 2;
@@ -432,8 +447,8 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       group.collapsed ? "bl-group bl-group-collapsed" : "bl-group"
     ).attr("data-line-number", String(group.lineNumber)).attr("data-node-id", group.label).attr("data-group-toggle", group.label).style("cursor", "pointer");
     if (group.collapsed) {
-      const fillColor = themeBaseBg(palette, isDark);
-      const strokeColor = palette.border;
+      const fillColor = groupTagColor ? groupFill(palette, isDark, groupTagColor) : themeBaseBg(palette, isDark);
+      const strokeColor = groupTagColor ?? palette.border;
       groupG.append("rect").attr("x", gx).attr("y", gy).attr("width", group.width).attr("height", group.height).attr("rx", NODE_RX).attr("ry", NODE_RX).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", sNodeStrokeWidth);
       const clipId = `bl-clip-${group.label.replace(/[[\]\s]/g, "")}`;
       groupG.append("clipPath").attr("id", clipId).append("rect").attr("x", gx).attr("y", gy).attr("width", group.width).attr("height", group.height).attr("rx", NODE_RX);
@@ -446,7 +461,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       const lineH = fitted.fontSize * 1.3;
       const totalH = fitted.lines.length * lineH;
       for (let li = 0; li < fitted.lines.length; li++) {
-        groupG.append("text").attr("class", "bl-group-label").attr("x", group.x).attr("y", group.y - totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", fitted.fontSize).attr("font-weight", "600").attr("fill", palette.text).text(fitted.lines[li]);
+        groupG.append("text").attr("class", "bl-group-label").attr("x", group.x).attr("y", group.y - totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", fitted.fontSize).attr("font-weight", "bold").attr("fill", palette.text).text(fitted.lines[li]);
       }
       if (group.childCount !== void 0 && group.childCount > 0) {
         const chipFont = Math.max(9, sMinNodeFontSize - 2);
@@ -458,11 +473,11 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         const chipCx = gx + group.width - chipW / 2 - 6;
         const chipCy = gy + chipH / 2 + 6;
         groupG.append("rect").attr("class", "bl-collapse-count").attr("x", chipCx - chipW / 2).attr("y", chipCy - chipH / 2).attr("width", chipW).attr("height", chipH).attr("rx", chipH / 2).attr("ry", chipH / 2).attr("fill", palette.textMuted).attr("fill-opacity", 0.18);
-        groupG.append("text").attr("class", "bl-collapse-count").attr("x", chipCx).attr("y", chipCy).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", chipFont).attr("font-weight", "600").attr("fill", palette.text).text(String(group.childCount));
+        groupG.append("text").attr("class", "bl-collapse-count").attr("x", chipCx).attr("y", chipCy).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", chipFont).attr("font-weight", "bold").attr("fill", palette.text).text(String(group.childCount));
       }
     } else {
-      groupG.append("rect").attr("x", gx).attr("y", gy).attr("width", group.width).attr("height", groupHeight).attr("rx", GROUP_RX).attr("ry", GROUP_RX).attr("fill", mix(palette.surface, palette.bg, 40)).attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-opacity", 0.35);
-      groupG.append("text").attr("class", "bl-group-label").attr("x", gx + group.width / 2).attr("y", gy + 18).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sGroupLabelFontSize).attr("font-weight", "600").attr("fill", palette.text).text(group.label);
+      groupG.append("rect").attr("x", gx).attr("y", gy).attr("width", group.width).attr("height", groupHeight).attr("rx", GROUP_RX).attr("ry", GROUP_RX).attr("fill", groupFill(palette, isDark, groupTagColor)).attr("stroke", groupStroke(palette, groupTagColor)).attr("stroke-width", 1).attr("stroke-opacity", groupTagColor ? 1 : 0.35);
+      groupG.append("text").attr("class", "bl-group-label").attr("x", gx + group.width / 2).attr("y", gy + 18).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sGroupLabelFontSize).attr("font-weight", "bold").attr("fill", palette.text).text(group.label);
     }
   }
   for (let i = 0; i < layout.edges.length; i++) {
@@ -650,7 +665,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       }
       if (parsed.showValues !== false && node.value !== void 0) {
         const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
-        nodeG.append("text").attr("class", "bl-node-value").attr("x", 0).attr("y", descStartY + visibleLines.length * descLineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", VALUE_FONT_SIZE).attr("font-weight", "600").attr("fill", colors.text).text(valueLabel);
+        nodeG.append("text").attr("class", "bl-node-value").attr("x", 0).attr("y", descStartY + visibleLines.length * descLineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", VALUE_FONT_SIZE).attr("font-weight", "bold").attr("fill", colors.text).text(valueLabel);
       }
     } else if (parsed.showValues !== false && node.value !== void 0) {
       const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
@@ -677,7 +692,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       const lineH = fitted.fontSize * 1.3;
       const totalH = fitted.lines.length * lineH;
       for (let li = 0; li < fitted.lines.length; li++) {
-        nodeG.append("text").attr("x", 0).attr("y", -totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", fitted.fontSize).attr("font-weight", "600").attr("fill", colors.text).text(fitted.lines[li]);
+        nodeG.append("text").attr("x", 0).attr("y", -totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", fitted.fontSize).attr("font-weight", "bold").attr("fill", colors.text).text(fitted.lines[li]);
       }
     }
     if (ln.note) {
@@ -840,4 +855,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-LYJ53DBK.js.map
+//# sourceMappingURL=chunk-2RAH6GVR.js.map

package/dist/{chunk-Q74GP3GK.js → chunk-37NDM5NW.js}

@@ -8,10 +8,10 @@ import {
 } from "./chunk-5DH3KYFH.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   mix
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/utils/note-box/svg.ts
 var NOTE_STROKE_WIDTH = 0.6;
@@ -133,4 +133,4 @@ export {
   NOTE_BADGE_RADIUS,
   renderNoteBadge
 };
-//# sourceMappingURL=chunk-Q74GP3GK.js.map
+//# sourceMappingURL=chunk-37NDM5NW.js.map

package/dist/{chunk-N6MZSBOL.js → chunk-3BN3WCUD.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6EK55ART.js";
 import {
   noteBoxSize
-} from "./chunk-MU3CJPJF.js";
+} from "./chunk-W6DBWWPC.js";
 import {
   resolveNotes
 } from "./chunk-E6PNTYRK.js";
@@ -200,6 +200,7 @@ function layoutGraph(graph, options) {
             id: group.id,
             label: group.label,
             ...group.color !== void 0 && { color: group.color },
+            ...group.metadata && { metadata: group.metadata },
             lineNumber: group.lineNumber,
             collapsed: true,
             x: syntheticNode.x - syntheticNode.width / 2,
@@ -220,6 +221,7 @@ function layoutGraph(graph, options) {
           id: group.id,
           label: group.label,
           ...group.color !== void 0 && { color: group.color },
+          ...group.metadata && { metadata: group.metadata },
           lineNumber: group.lineNumber,
           x: 0,
           y: 0,
@@ -246,6 +248,7 @@ function layoutGraph(graph, options) {
         id: group.id,
         label: group.label,
         ...group.color !== void 0 && { color: group.color },
+        ...group.metadata && { metadata: group.metadata },
         lineNumber: group.lineNumber,
         x: minX - GROUP_PADDING,
         y: minY - GROUP_PADDING,
@@ -315,4 +318,4 @@ function layoutGraph(graph, options) {
 export {
   layoutGraph
 };
-//# sourceMappingURL=chunk-N6MZSBOL.js.map
+//# sourceMappingURL=chunk-3BN3WCUD.js.map

package/dist/chunk-3DPOIW3W.js

@@ -0,0 +1,10 @@
+// src/utils/now.ts
+var pinnedMs = null;
+function now() {
+  return pinnedMs ?? Date.now();
+}
+
+export {
+  now
+};
+//# sourceMappingURL=chunk-3DPOIW3W.js.map