@diagrammo/dgmo 0.96.0 → 0.97.0

package/dist/{chunk-UNCCZ3NU.js → chunk-A3V72YIL.js}

@@ -77,7 +77,8 @@ function cloneNode(node) {
     parentId: node.parentId,
     isContainer: node.isContainer,
     lineNumber: node.lineNumber,
-    ...node.color !== void 0 && { color: node.color }
+    ...node.color !== void 0 && { color: node.color },
+    ...node.collapsed !== void 0 && { collapsed: node.collapsed }
   };
 }
 var SITEMAP_SHAPE = {
@@ -98,6 +99,17 @@ var SITEMAP_EDGE_SHAPE = {
     targetId
   })
 };
+function unionCollapsedSitemapNodes(parsed, interactive) {
+  const ids = new Set(interactive ?? []);
+  const walk = (nodes) => {
+    for (const node of nodes) {
+      if (node.collapsed) ids.add(node.id);
+      walk(node.children);
+    }
+  };
+  walk(parsed.roots);
+  return ids;
+}
 function collapseSitemapTree(original, collapsedIds) {
   if (collapsedIds.size === 0) {
     return { parsed: original, hiddenCounts: /* @__PURE__ */ new Map() };
@@ -122,5 +134,6 @@ function collapseSitemapTree(original, collapsedIds) {
 }
 
 export {
+  unionCollapsedSitemapNodes,
   collapseSitemapTree
 };

package/dist/{chunk-VJ7NLYFE.js → chunk-A5LFM62B.js}

@@ -1,14 +1,14 @@
 import {
   searchPlacement
-} from "./chunk-VNAPEZX2.js";
+} from "./chunk-7ASVGFW3.js";
 import {
   buildPlacedNotes,
   noteCanvasShift,
   resolveNotes
-} from "./chunk-HH3DHNQA.js";
+} from "./chunk-4TK26YHH.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/class/layout.ts
 import dagre from "@dagrejs/dagre";

package/dist/{chunk-P3PSLC2K.js → chunk-AULFF7L2.js}

@@ -13,11 +13,11 @@ import {
 } from "./chunk-CYTFO2LF.js";
 import {
   matchTagBlockHeading
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   parseFirstLine,
   recognizeGlobalBoolean
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   makeDgmoError,
   makeFail,

package/dist/{chunk-SCYVGPLI.js → chunk-B7ZH5EQ2.js}

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   AliasRegistry,
   KANBAN_REGISTRY,
@@ -22,7 +22,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-3J7O3CU6.js";

package/dist/{chunk-VGAMBOOC.js → chunk-C6ME2L4T.js}

@@ -6,10 +6,10 @@ import {
   BOX_CLEAR_PAD,
   EDGE_LABEL_FONT_SIZE,
   measureEdgeLabel
-} from "./chunk-IN7XI6NO.js";
+} from "./chunk-4NMRS6HW.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/boxes-and-lines/edge-clip.ts
 function rectBorderPoint(rect, toward) {

package/dist/{chunk-B2YVZ3QU.js → chunk-CGP7RGLJ.js}

@@ -8,7 +8,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   makeDgmoError,
   makeFail

package/dist/{chunk-67N26CER.js → chunk-CLW45YKE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-QKPOIJBT.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   mix
 } from "./chunk-6GXLAKUH.js";
@@ -166,6 +166,7 @@ function renderNoteBadge(parent, center, palette, opts) {
 }
 
 export {
+  NOTE_FONT_SIZE,
   NOTE_GAP,
   NOTE_BULLET_INDENT,
   wrapNoteBody,

package/dist/{chunk-THTYCJGF.js → chunk-CUOMNKYW.js}

@@ -5,16 +5,16 @@ import {
 import {
   LABEL_REACH_WIDE,
   placeEdgeLabels
-} from "./chunk-IN7XI6NO.js";
+} from "./chunk-4NMRS6HW.js";
 import {
   buildPlacedNotes,
   noteCanvasShift,
   resolveNotes
-} from "./chunk-HH3DHNQA.js";
+} from "./chunk-4TK26YHH.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/boxes-and-lines/layout.ts
 var MARGIN = 40;
@@ -105,7 +105,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-C2TYUH4L.js");
+  const { layoutBoxesAndLinesSearch } = await import("./layout-search-DSIDKKQO.js");
   const searchOpts = {
     ...layoutOptions?.hideDescriptions !== void 0 && {
       hideDescriptions: layoutOptions.hideDescriptions

package/dist/{chunk-34JOHSVE.js → chunk-CUTEHGXO.js}

@@ -21,7 +21,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   PERT_REGISTRY,
   extractColor,
@@ -31,7 +31,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   emit,
   makeDgmoError,

package/dist/{chunk-NERQSSYD.js → chunk-D67YE4LR.js}

@@ -1,7 +1,7 @@
 import {
   measureText,
   truncateText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/utils/time-ticks.ts
 var TICK_LABEL_GAP = 8;

package/dist/{chunk-DKCVAQU3.js → chunk-D7KZE2XJ.js}

@@ -4,51 +4,54 @@ import {
 } from "./chunk-26EVL454.js";
 import {
   layoutGraph
-} from "./chunk-5GU6C5WB.js";
+} from "./chunk-6S2H6EKN.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
 import {
   fitDiagramToCanvas
-} from "./chunk-EPDBWATV.js";
+} from "./chunk-K7RRXZHS.js";
 import {
   serializeSvg
-} from "./chunk-CYRB2JTN.js";
+} from "./chunk-YLKPRT6U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-LRTSTDJ6.js";
 import {
   layoutInlineHeader
-} from "./chunk-R5L5E3TC.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-PGD6CNWO.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   parseState
-} from "./chunk-TPCP2UOI.js";
+} from "./chunk-WXGFB2O2.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-67N26CER.js";
+} from "./chunk-CLW45YKE.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -57,15 +60,15 @@ import {
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   mix,
@@ -238,6 +241,18 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     const groupWrapper = contentG.append("g").attr("class", "st-group-wrapper").attr("data-line-number", String(group.lineNumber)).attr("data-group-id", group.id).attr("data-group-toggle", group.id).attr("role", "button").attr("aria-expanded", "true").attr("aria-label", `Collapse group ${group.label}`).style("cursor", "pointer");
     groupWrapper.append("rect").attr("x", gx).attr("y", gy).attr("width", gw).attr("height", gh).attr("rx", 6).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("class", "st-group");
     groupWrapper.append("text").attr("x", gx + 8).attr("y", gy + sGroupLabelFontSize + 4).attr("fill", strokeColor).attr("font-size", sGroupLabelFontSize).attr("font-weight", "bold").attr("opacity", 0.7).attr("class", "st-group-label").text(group.label);
+    renderCollapseBar(groupWrapper, {
+      expanded: true,
+      x: gx,
+      y: gy,
+      width: gw,
+      height: gh,
+      rx: 6,
+      fill: strokeColor,
+      clipId: `st-group-clip-${group.id.replace(/[[\]:\s]/g, "")}`,
+      prefix: "state",
+      scale: ctx
+    });
   }
   const LABEL_PAD = 8;
   const LABEL_H = 16;
@@ -354,11 +369,18 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
         mode: fillMode
       });
       const strokeColor = groupColor;
-      const COLLAPSE_BAR_H = 6;
       nodeG.append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", sStateCornerRadius).attr("ry", sStateCornerRadius).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", sNodeStrokeWidth);
-      const clipId = `st-clip-${node.id.replace(/[[\]:\s]/g, "")}`;
-      nodeG.append("clipPath").attr("id", clipId).append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", sStateCornerRadius);
-      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - COLLAPSE_BAR_H).attr("width", w).attr("height", COLLAPSE_BAR_H).attr("fill", strokeColor).attr("opacity", 0.5).attr("clip-path", `url(#${clipId})`);
+      renderCollapseBar(nodeG, {
+        x: -w / 2,
+        y: -h / 2,
+        width: w,
+        height: h,
+        rx: sStateCornerRadius,
+        fill: strokeColor,
+        clipId: `st-clip-${node.id.replace(/[[\]:\s]/g, "")}`,
+        prefix: "state",
+        scale: ctx
+      });
       nodeG.append("text").attr("x", 0).attr("y", 0).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr(
         "fill",
         contrastText(

package/dist/{chunk-PGD6CNWO.js → chunk-DFEVFLEG.js}

@@ -1,12 +1,12 @@
 import {
   computeLegendLayout
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   CONTROLS_ICON_PATH,
   LEGEND_DOT_R,
@@ -19,7 +19,7 @@ import {
   LEGEND_TOGGLE_OFF_OPACITY,
   legendChromeColors,
   measureLegendText
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   valueRampStops
 } from "./chunk-6GXLAKUH.js";

package/dist/{chunk-VVTCUIPN.js → chunk-DKMZ4VMV.js}

@@ -5,7 +5,7 @@ import {
   parseFirstLine,
   splitNameAndMeta,
   warnUnknownMetaKeys
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   makeDgmoError,
   makeFail,

package/dist/{chunk-H7JVKUA5.js → chunk-DRY4W4W6.js}

@@ -10,14 +10,17 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-LRTSTDJ6.js";
 import {
   layoutInlineHeader
-} from "./chunk-R5L5E3TC.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -27,21 +30,21 @@ import {
   EDGE_LABEL_UNRESOLVED_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-PGD6CNWO.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-67N26CER.js";
+} from "./chunk-CLW45YKE.js";
 import {
   wrapDescriptionLines
 } from "./chunk-7WEYXYLC.js";
@@ -56,17 +59,17 @@ import {
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   groupFill,
@@ -89,7 +92,6 @@ var NODE_FONT_SIZE = 11;
 var MIN_NODE_FONT_SIZE = 9;
 var EDGE_LABEL_FONT_SIZE = 11;
 var NODE_RX = CARD_RADIUS;
-var COLLAPSE_BAR_HEIGHT = 4;
 var DESC_FONT_SIZE = 10;
 var DESC_LINE_HEIGHT = 1.4;
 var MAX_DESC_LINES = 6;
@@ -287,7 +289,6 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const sEdgeLabelFontSize = sctx.text(EDGE_LABEL_FONT_SIZE);
   const sEdgeStrokeWidth = sctx.structural(EDGE_STROKE_WIDTH);
   const sNodeStrokeWidth = sctx.structural(NODE_STROKE_WIDTH);
-  const sCollapseBarHeight = sctx.structural(COLLAPSE_BAR_HEIGHT);
   const sDescFontSize = sctx.text(DESC_FONT_SIZE);
   const sGroupLabelFontSize = sctx.text(GROUP_LABEL_FONT_SIZE);
   const sGroupLabelZone = sctx.structural(GROUP_LABEL_ZONE);
@@ -457,14 +458,22 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     const groupG = diagramG.append("g").attr(
       "class",
       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");
+    ).attr("data-line-number", String(group.lineNumber)).attr("data-node-id", group.label).attr("data-group-toggle", group.label).attr("role", "button").attr("aria-expanded", group.collapsed ? "false" : "true").attr("aria-label", group.label).style("cursor", "pointer");
     if (group.collapsed) {
       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);
-      groupG.append("rect").attr("x", gx).attr("y", gy + group.height - sCollapseBarHeight).attr("width", group.width).attr("height", sCollapseBarHeight).attr("fill", strokeColor).attr("clip-path", `url(#${clipId})`).attr("class", "bl-collapse-bar");
+      renderCollapseBar(groupG, {
+        x: gx,
+        y: gy,
+        width: group.width,
+        height: group.height,
+        rx: NODE_RX,
+        fill: strokeColor,
+        clipId: `bl-clip-${group.label.replace(/[[\]\s]/g, "")}`,
+        prefix: "bl",
+        scale: sctx
+      });
       const maxLabelLines = Math.max(
         2,
         Math.floor((group.height - 16) / (sMinNodeFontSize * 1.3))
@@ -490,6 +499,18 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     } 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", 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);
+      renderCollapseBar(groupG, {
+        expanded: true,
+        x: gx,
+        y: gy,
+        width: group.width,
+        height: groupHeight,
+        rx: GROUP_RX,
+        fill: groupStroke(palette, groupTagColor),
+        clipId: `bl-clip-${group.label.replace(/[[\]\s]/g, "")}`,
+        prefix: "bl",
+        scale: sctx
+      });
     }
   }
   for (let i = 0; i < layout.edges.length; i++) {

package/dist/{chunk-IQZSKWE5.js → chunk-E6GHXMH2.js}

@@ -5,22 +5,22 @@ import {
   PAIR_GAP,
   layoutBracket,
   wrapText
-} from "./chunk-ZI6WC24V.js";
+} from "./chunk-ZBJV4KNU.js";
 import {
   layoutInlineHeader
-} from "./chunk-R5L5E3TC.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   renderIntegratedLegend
-} from "./chunk-PGD6CNWO.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   renderInlineText
 } from "./chunk-QKPOIJBT.js";
@@ -30,13 +30,13 @@ import {
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   getSeriesColors,

package/dist/{chunk-I2I2FKAK.js → chunk-EBJLT7PH.js}

@@ -16,7 +16,7 @@ import {
   fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   makeDgmoError,
   makeFail