@diagrammo/dgmo 0.95.0 → 0.97.0

package/dist/{chunk-TASRGDYP.js → chunk-EEIGHOJR.js}

@@ -1,31 +1,35 @@
 import {
   createTooltip,
+  drawnTitleExtraHeight,
   hideTooltip,
   renderChartTitle,
   showTooltip
-} from "./chunk-6XLMTAEX.js";
+} from "./chunk-YIHRLY55.js";
 import {
   MONTH_ABBR,
   capLabelColumn,
   computeTimeTicks,
   showFullOnHover
-} from "./chunk-NERQSSYD.js";
+} from "./chunk-D67YE4LR.js";
 import {
   parseTimelineDate
-} from "./chunk-BQO24BDM.js";
+} from "./chunk-O3HRF25Z.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-LRTSTDJ6.js";
 import {
   EDGE_DASH,
   GRID_DASH,
   scaleDash
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   keepSwimlaneToggleFocus,
   renderIntegratedLegend,
   wireSwimlaneToggle
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   DEFAULT_PALETTE_ID,
   getPalette
@@ -36,7 +40,7 @@ import {
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -49,10 +53,10 @@ import {
   legendChromeColors,
   measureLegendText,
   truncateLegendText
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   getEraColors,
   getSeriesColors,
@@ -81,6 +85,19 @@ import * as d3Scale from "d3-scale";
 import * as d3Selection from "d3-selection";
 var MIN_TOP_SCALE_BAND = 26;
 var MIN_BOTTOM_BAND = 30;
+function wrappedTitleExtra(title, width) {
+  if (!title) return 0;
+  const probe = d3Selection.create("svg");
+  return renderChartTitle(
+    probe,
+    title,
+    null,
+    width,
+    "currentColor",
+    void 0,
+    2
+  );
+}
 function renderEras(g, eras, scale, isVertical, innerWidth, innerHeight, onEnter, onLeave, hasScale = false, _tooltip = null, palette, reservedLabelY, fillMode, outlineBg) {
   const eraColors = getEraColors(
     palette ?? getPalette(DEFAULT_PALETTE_ID).light
@@ -752,7 +769,7 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
       });
     };
     var drawSwimlaneIcon = drawSwimlaneIcon2, relayout = relayout2, drawLegend = drawLegend2, recolorEvents = recolorEvents2;
-    const legendY = title ? 50 : 10;
+    const legendY = title ? 50 + drawnTitleExtraHeight(mainSvg) : 10;
     const legendGroups = parsed.timelineTagGroups.map((g) => {
       const pillW = measureLegendText(g.name, LG_PILL_FONT_SIZE) + LG_PILL_PAD;
       const iconSpace = viewMode ? 8 : LG_ICON_W + 4;
@@ -821,7 +838,7 @@ function renderTimelineHorizontalTimeSort(container, parsed, palette, isDark, se
   const topScaleH = timelineScale ? Math.max(ctx.structural(40), MIN_TOP_SCALE_BAND) : 0;
   const hasGroupLegend = timelineGroups.length > 0 && !parsed.noLegend;
   const margin = {
-    top: 50 + (hasGroupLegend ? 54 : ctx.aesthetic(54)) + topScaleH + eraReserve + markerReserve + tagLegendReserve,
+    top: 50 + wrappedTitleExtra(title, width) + (hasGroupLegend ? 54 : ctx.aesthetic(54)) + topScaleH + eraReserve + markerReserve + tagLegendReserve,
     right: ctx.aesthetic(40),
     bottom: Math.max(ctx.aesthetic(40), MIN_BOTTOM_BAND) + scaleMargin,
     left: ctx.aesthetic(60)
@@ -846,7 +863,8 @@ function renderTimelineHorizontalTimeSort(container, parsed, palette, isDark, se
     parsed.titleLineNumber,
     width,
     textColor,
-    onClickItem
+    onClickItem,
+    2
   );
   renderEras(
     g,
@@ -1044,6 +1062,9 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
       )
     }));
   }
+  const laneLineNumber = new Map(
+    tagLanes ? [] : timelineGroups.map((gr) => [gr.name, String(gr.lineNumber)])
+  );
   const totalRows = lanes.reduce((s, l) => {
     if (collapsedGroups.has(l.name)) return s + 1;
     return s + l.events.length + 1;
@@ -1066,7 +1087,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     ctx.aesthetic(140)
   );
   const dynamicLeftMargin = labelColumn.width;
-  const baseTopMargin = title ? 50 : ctx.aesthetic(20);
+  const baseTopMargin = title ? 50 + wrappedTitleExtra(title, width) : ctx.aesthetic(20);
   const margin = {
     top: baseTopMargin + topScaleH + eraReserve + markerReserve + tagLegendReserve,
     right: ctx.aesthetic(40),
@@ -1094,7 +1115,8 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     parsed.titleLineNumber,
     width,
     textColor,
-    onClickItem
+    onClickItem,
+    2
   );
   renderEras(
     g,
@@ -1146,7 +1168,6 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
   for (const lane of lanes) {
     const laneColor = groupColorMap.get(lane.name) ?? textColor;
     const isCollapsed = collapsedGroups.has(lane.name);
-    const toggleIcon = isCollapsed ? "\u25B6" : "\u25BC";
     const bandX = -margin.left + 5;
     const bandW = margin.left - 7;
     const bandY = curY;
@@ -1157,9 +1178,43 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     g.append("clipPath").attr("id", clipId).append("rect").attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", bandH).attr("rx", sBandRx);
     g.append("rect").attr("class", "tl-group-header-bg").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", bandH).attr("rx", sBandRx).attr("fill", shapeFill(palette, laneColor, isDark, { mode: fillMode })).style("pointer-events", "none");
     g.append("rect").attr("class", "tl-group-header-accent").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", sBandAccentW).attr("height", bandH).attr("fill", laneColor).attr("clip-path", `url(#${clipId})`).style("pointer-events", "none");
+    if (isCollapsed) {
+      renderCollapseBar(g, {
+        x: bandX,
+        y: bandY,
+        width: bandW,
+        height: bandH,
+        rx: sBandRx,
+        fill: laneColor,
+        clipId: `${clipId}-bar`,
+        prefix: "tl",
+        scale: ctx
+      }).style("pointer-events", "none");
+    }
     const headerG = g.append("g").attr("class", "tl-group-header").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
+    if (lane.events.length > 0) {
+      const headerLine = laneLineNumber.get(lane.name);
+      if (headerLine !== void 0) {
+        headerG.attr("data-group-toggle", lane.name).attr("data-line-number", headerLine).attr("role", "button").attr("aria-expanded", isCollapsed ? "false" : "true").attr("aria-label", lane.name);
+      }
+      headerG.append("rect").attr("class", "tl-group-header-hit").attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", bandH).attr("fill", "transparent");
+      if (!isCollapsed && headerLine !== void 0) {
+        renderCollapseBar(headerG, {
+          expanded: true,
+          x: bandX,
+          y: bandY,
+          width: bandW,
+          height: bandH,
+          rx: sBandRx,
+          fill: laneColor,
+          clipId: `${clipId}-bar`,
+          prefix: "tl",
+          scale: ctx
+        });
+      }
+    }
     const headerText = headerG.append("text").attr("x", bandX + 5).attr("y", curY + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", sLaneHeaderFont).attr("font-weight", "bold");
-    const headerFull = `${toggleIcon} ${lane.name}`;
+    const headerFull = lane.name;
     showFullOnHover(
       headerG,
       headerText,
@@ -1344,7 +1399,7 @@ function renderTimelineVertical(container, parsed, palette, isDark, setup, hover
     const scaleMargin = timelineScale ? ctx.aesthetic(40) : 0;
     const markerMargin = timelineMarkers.length > 0 ? ctx.aesthetic(30) : 0;
     const margin = {
-      top: ctx.aesthetic(104) + markerMargin + tagLegendReserve,
+      top: ctx.aesthetic(104) + wrappedTitleExtra(title, width) + markerMargin + tagLegendReserve,
       right: ctx.aesthetic(40) + scaleMargin,
       bottom: ctx.aesthetic(40),
       left: ctx.aesthetic(60) + scaleMargin
@@ -1361,7 +1416,8 @@ function renderTimelineVertical(container, parsed, palette, isDark, setup, hover
       parsed.titleLineNumber,
       width,
       textColor,
-      onClickItem
+      onClickItem,
+      2
     );
     renderEras(
       g,
@@ -1485,7 +1541,7 @@ function renderTimelineVertical(container, parsed, palette, isDark, setup, hover
     const scaleMargin = timelineScale ? ctx.aesthetic(40) : 0;
     const markerMargin = timelineMarkers.length > 0 ? ctx.aesthetic(30) : 0;
     const margin = {
-      top: ctx.aesthetic(104) + markerMargin + tagLegendReserve,
+      top: ctx.aesthetic(104) + wrappedTitleExtra(title, width) + markerMargin + tagLegendReserve,
       right: ctx.aesthetic(200),
       bottom: ctx.aesthetic(40),
       left: ctx.aesthetic(60) + scaleMargin
@@ -1503,7 +1559,8 @@ function renderTimelineVertical(container, parsed, palette, isDark, setup, hover
       parsed.titleLineNumber,
       width,
       textColor,
-      onClickItem
+      onClickItem,
+      2
     );
     renderEras(
       g,
@@ -1628,6 +1685,11 @@ function renderTimelineVertical(container, parsed, palette, isDark, setup, hover
   }
 }
 var timelineCollapseState = /* @__PURE__ */ new WeakMap();
+function collapsedTimelineGroupsFromSource(parsed) {
+  return new Set(
+    parsed.timelineGroups.filter((g) => g.collapsed).map((g) => g.name)
+  );
+}
 var tlBandClipCounter = 0;
 function renderTimeline(container, parsed, palette, isDark, onClickItem, exportDims, activeTagGroup, swimlaneTagGroup, onTagStateChange, viewMode, exportMode) {
   keepSwimlaneToggleFocus(
@@ -1661,11 +1723,18 @@ function drawTimeline(container, parsed, palette, isDark, onClickItem, exportDim
   swimlaneTagGroup = setup.swimlaneTagGroup;
   const { isVertical, tagLanes } = setup;
   const hovers = makeTimelineHoverHelpers();
-  let collapsedGroups = timelineCollapseState.get(container);
-  if (!collapsedGroups) {
-    collapsedGroups = /* @__PURE__ */ new Set();
-    timelineCollapseState.set(container, collapsedGroups);
+  let foldState = timelineCollapseState.get(container);
+  if (!foldState) {
+    foldState = { collapsed: /* @__PURE__ */ new Set(), markers: /* @__PURE__ */ new Set() };
+    timelineCollapseState.set(container, foldState);
   }
+  const markers = collapsedTimelineGroupsFromSource(parsed);
+  for (const m of markers)
+    if (!foldState.markers.has(m)) foldState.collapsed.add(m);
+  for (const m of foldState.markers)
+    if (!markers.has(m)) foldState.collapsed.delete(m);
+  foldState.markers = markers;
+  const collapsedGroups = foldState.collapsed;
   function toggleGroup(name) {
     if (collapsedGroups.has(name)) collapsedGroups.delete(name);
     else collapsedGroups.add(name);

package/dist/{chunk-AQQUJEDN.js → chunk-EUPUVYWO.js}

@@ -4,7 +4,7 @@ import {
 import {
   isTagBlockHeading,
   matchTagBlockHeading
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";

package/dist/{chunk-7IALGIOI.js → chunk-F2OAZHOX.js}

@@ -1,14 +1,14 @@
 import {
   searchPlacement
-} from "./chunk-2J2CWWWK.js";
+} from "./chunk-7ASVGFW3.js";
 import {
   buildPlacedNotes,
   noteCanvasShift,
   resolveNotes
-} from "./chunk-KLBTJEIK.js";
+} from "./chunk-4TK26YHH.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/er/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -72,7 +72,12 @@ function findConnectedComponents(tableIds, relationships) {
   }
   return components;
 }
-var newDagreGraph = () => new dagre.graphlib.Graph({ multigraph: true });
+var newDagreGraph = () => new dagre.graphlib.Graph({
+  multigraph: true
+});
+function layoutInPlace(g) {
+  dagre.layout(g);
+}
 function layoutComponent(tables, rels, dimMap) {
   const nodePositions = /* @__PURE__ */ new Map();
   const edgePoints = /* @__PURE__ */ new Map();
@@ -121,7 +126,7 @@ function layoutComponent(tables, rels, dimMap) {
         String(rel.lineNumber)
       );
     }
-    dagre.layout(g2);
+    layoutInPlace(g2);
     return g2;
   };
   const { g, edgePoints: bent } = searchPlacement("LR", place, (lay) => ({

package/dist/{chunk-JXGSTBW6.js → chunk-FK6HZYGK.js}

@@ -1,21 +1,20 @@
 import {
-  BODY_TERMS,
   getFigure,
   resolvePartKey
-} from "./chunk-H7AXCRO7.js";
+} from "./chunk-453IWXZ3.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   extractColor,
   fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   emit
 } from "./chunk-BYU54C3S.js";
@@ -250,17 +249,8 @@ function parseBody(content, palette) {
     diagnostics
   };
 }
-function extractSymbols(docText) {
-  const parsed = parseBody(docText);
-  const figures = (parsed.options.views.length ? parsed.options.views : ["front"]).map((v) => getFigure(parsed.options.sex, v));
-  const entities = BODY_TERMS.filter(
-    (t) => t === "left" || t === "right" || figures.some((f) => resolvePartKey(f, t))
-  );
-  return { kind: "body", entities };
-}
 
 export {
   BODY_DIAGNOSTICS,
-  parseBody,
-  extractSymbols
+  parseBody
 };

package/dist/{chunk-OSSTOSXU.js → chunk-FTW2E2YH.js}

@@ -5,14 +5,14 @@ import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   wrapDescriptionLines
 } from "./chunk-7WEYXYLC.js";
@@ -24,14 +24,14 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   shapeFill
@@ -228,10 +228,7 @@ function computeCycleLayout(parsed, options) {
       }
       footprints[i] = Math.abs(exitCW - exitCCW);
     }
-    const totalFootprint = footprints.reduce(
-      (s, f) => s + f,
-      0
-    );
+    const totalFootprint = footprints.reduce((s, f) => s + f, 0);
     const totalGapAngle = Math.max(0, 2 * Math.PI - totalFootprint);
     const gapAngles = parsed.nodes.map(
       (n) => n.span / totalSpan * totalGapAngle

package/dist/{chunk-5P2L5QXE.js → chunk-FZVCS2XY.js}

@@ -1,8 +1,11 @@
+import {
+  COLLAPSE_BAR_HEIGHT
+} from "./chunk-WH6E6SHC.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/infra/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -12,7 +15,6 @@ var META_LINE_HEIGHT = 14;
 var NODE_SEPARATOR_GAP = 4;
 var NODE_PAD_BOTTOM = 10;
 var ROLE_DOT_ROW = 12;
-var COLLAPSE_BAR_HEIGHT = 6;
 var NODE_FONT_SIZE = 13;
 var META_FONT_SIZE = 10;
 var EDGE_LABEL_FONT_SIZE = 11;

package/dist/chunk-G24NSISJ.js

@@ -0,0 +1,69 @@
+// src/boxes-and-lines/collapse.ts
+function collapseBoxesAndLines(parsed, collapsedGroups) {
+  const originalGroups = parsed.groups;
+  if (collapsedGroups.size === 0) {
+    return { parsed, collapsedChildCounts: /* @__PURE__ */ new Map(), originalGroups };
+  }
+  const groupByLabel = /* @__PURE__ */ new Map();
+  for (const group of parsed.groups) {
+    groupByLabel.set(group.label, group);
+  }
+  const nodeToGroup = /* @__PURE__ */ new Map();
+  const collapsedChildCounts = /* @__PURE__ */ new Map();
+  function collectDescendants(groupLabel) {
+    const group = groupByLabel.get(groupLabel);
+    if (!group) return [];
+    const descendants = [];
+    for (const child of group.children) {
+      descendants.push(child);
+      if (groupByLabel.has(child)) {
+        descendants.push(...collectDescendants(child));
+      }
+    }
+    return descendants;
+  }
+  for (const groupLabel of collapsedGroups) {
+    const group = groupByLabel.get(groupLabel);
+    if (!group) continue;
+    const groupId = `__group_${groupLabel}`;
+    const allDescendants = collectDescendants(groupLabel);
+    for (const child of allDescendants) {
+      nodeToGroup.set(child, groupId);
+    }
+    collapsedChildCounts.set(groupLabel, group.children.length);
+  }
+  const nodes = parsed.nodes.filter((n) => !nodeToGroup.has(n.label));
+  const edgeKeys = /* @__PURE__ */ new Set();
+  const edges = [];
+  for (const edge of parsed.edges) {
+    const src = nodeToGroup.get(edge.source) ?? edge.source;
+    const tgt = nodeToGroup.get(edge.target) ?? edge.target;
+    if (src === tgt) continue;
+    const key = `${src}|${tgt}|${edge.label ?? ""}`;
+    if (edgeKeys.has(key)) continue;
+    edgeKeys.add(key);
+    edges.push({ ...edge, source: src, target: tgt });
+  }
+  const groups = parsed.groups.filter(
+    (g) => !collapsedGroups.has(g.label) && !nodeToGroup.has(g.label)
+  );
+  return {
+    parsed: { ...parsed, nodes, edges, groups },
+    collapsedChildCounts,
+    originalGroups
+  };
+}
+function collapsedBLGroupsFromSource(parsed) {
+  return new Set(parsed.groups.filter((g) => g.collapsed).map((g) => g.label));
+}
+function unionCollapsedBLGroups(parsed, runtime) {
+  const set = collapsedBLGroupsFromSource(parsed);
+  for (const label of runtime ?? []) set.add(label);
+  return set;
+}
+
+export {
+  collapseBoxesAndLines,
+  collapsedBLGroupsFromSource,
+  unionCollapsedBLGroups
+};

package/dist/{chunk-EBIDNRSR.js → chunk-GFQFLLP3.js}

@@ -1,10 +1,10 @@
 import {
   fillModeFromOptions
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   mix,
   shapeFill

package/dist/{chunk-RQTDUZUH.js → chunk-GLLYHYGT.js}

@@ -1,7 +1,7 @@
 import {
   computeNodeText,
   layoutMindmap
-} from "./chunk-BQMHJ6OW.js";
+} from "./chunk-J3YM6RA5.js";
 import {
   FULL_TEXT_ATTR,
   fullNodeText,
@@ -9,35 +9,37 @@ import {
 } from "./chunk-B5DHFFZP.js";
 import {
   parseMindmap
-} from "./chunk-XIUGSUE4.js";
+} from "./chunk-KTGJQJB3.js";
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-TOHTKLKE.js";
+} from "./chunk-Q5Q5JLRT.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-LRTSTDJ6.js";
 import {
   layoutInlineHeader
-} from "./chunk-UIEKW4SG.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   CARD_RADIUS,
-  COLLAPSE_BAR_HEIGHT,
   EDGE_STROKE_WIDTH,
   HEADER_HEIGHT,
   NODE_STROKE_WIDTH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -49,15 +51,15 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   contrastText,
   shapeFill
@@ -378,11 +380,19 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
         }
       }
     }
-    if (!isExport && node.hiddenCount != null && node.hiddenCount > 0) {
-      const clipId = `collapse-clip-${node.id}`;
-      const defs = mainG.append("defs");
-      defs.append("clipPath").attr("id", clipId).append("rect").attr("x", node.x).attr("y", node.y).attr("width", node.width).attr("height", node.height).attr("rx", CARD_RADIUS).attr("ry", CARD_RADIUS);
-      nodeG.append("rect").attr("class", "collapse-bar").attr("x", node.x).attr("y", node.y + node.height - COLLAPSE_BAR_HEIGHT).attr("width", node.width).attr("height", COLLAPSE_BAR_HEIGHT).attr("fill", stroke).attr("clip-path", `url(#${clipId})`);
+    if (node.hasChildren) {
+      renderCollapseBar(nodeG, {
+        expanded: !(node.hiddenCount != null && node.hiddenCount > 0),
+        x: node.x,
+        y: node.y,
+        width: node.width,
+        height: node.height,
+        rx: CARD_RADIUS,
+        fill: stroke,
+        clipId: `collapse-clip-${node.id}`,
+        prefix: "mindmap",
+        scale: ctx
+      });
     }
     if (onClickItem) {
       nodeG.style("cursor", "pointer").on("click", (event) => {

package/dist/{chunk-VLC6WNRD.js → chunk-GULGSH2Z.js}

@@ -3,6 +3,8 @@ var TITLE_FONT_SIZE = 20;
 var TITLE_FONT_WEIGHT = "bold";
 var TITLE_Y = 30;
 var TITLE_OFFSET = 40;
+var TITLE_SIDE_PAD = 12;
+var TITLE_LINE_HEIGHT = 24;
 var CAPTION_FONT_SIZE = 13;
 var CAPTION_FONT_WEIGHT = "normal";
 var CAPTION_LINE_HEIGHT = 18;
@@ -15,6 +17,8 @@ export {
   TITLE_FONT_WEIGHT,
   TITLE_Y,
   TITLE_OFFSET,
+  TITLE_SIDE_PAD,
+  TITLE_LINE_HEIGHT,
   CAPTION_FONT_SIZE,
   CAPTION_FONT_WEIGHT,
   CAPTION_LINE_HEIGHT,

package/dist/{chunk-H5NVCOEJ.js → chunk-GXBH7WNN.js}

@@ -11,10 +11,10 @@ import {
   META_FONT_SIZE,
   META_LINE_HEIGHT,
   SEPARATOR_GAP
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/family/layout.ts
 var MARGIN = 30;