@diagrammo/dgmo 0.96.0 → 0.98.0

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-TUOZ6AXC.js → chunk-BTFB7W5Z.js}

@@ -1,19 +1,22 @@
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-42AZPI2W.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   mix,
@@ -42,6 +45,7 @@ function getElementSemanticColor(el, palette) {
   }
   return null;
 }
+var wfClipCounter = 0;
 function renderWireframe(container, parsed, layout, palette, isDark, _onClickItem, exportDims, theme, options) {
   const opts = options ?? {};
   const effectiveExportDims = opts.exportDims ?? exportDims;
@@ -57,6 +61,7 @@ function renderWireframe(container, parsed, layout, palette, isDark, _onClickIte
   } else {
     svg.attr("width", "100%").style("display", "block");
   }
+  wfClipCounter = 0;
   const ctx = {
     palette,
     isTransparent: effectiveTheme === "transparent",
@@ -176,7 +181,14 @@ function renderGroup(g, node, ctx, depth) {
     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");
+    renderCollapseBar(g, {
+      width: node.width,
+      height: node.height,
+      rx: GROUP_CORNER,
+      fill: palette.border,
+      clipId: `wf-collapse-clip-${wfClipCounter++}`,
+      prefix: "wf"
+    });
     return;
   }
   if (el.states.includes("scrollable")) {

package/dist/{chunk-THTYCJGF.js → chunk-BWVJTYTJ.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-UWWQECLC.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-UZYZE4PR.js");
   const searchOpts = {
     ...layoutOptions?.hideDescriptions !== void 0 && {
       hideDescriptions: layoutOptions.hideDescriptions

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-H7JVKUA5.js → chunk-CES7REQM.js}

@@ -10,14 +10,17 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-42AZPI2W.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,17 @@ 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";
+  renderNodeNote
+} from "./chunk-DA2GIHAY.js";
 import {
   wrapDescriptionLines
 } from "./chunk-7WEYXYLC.js";
@@ -56,17 +55,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 +88,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 +285,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 +454,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 +495,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++) {
@@ -694,46 +711,13 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       nodeG.attr(FULL_TEXT_ATTR, fullNodeText(node.label, drawnDesc));
     }
     if (ln.note) {
-      if (ln.note.collapsed) {
-        renderNoteBadge(
-          nodeG,
-          {
-            x: ln.width / 2 - NOTE_BADGE_RADIUS - 3,
-            y: -ln.height / 2 + NOTE_BADGE_RADIUS + 3
-          },
-          palette,
-          {
-            isDark,
-            ...ln.note.color && { color: ln.note.color },
-            lineNumber: ln.note.lineNumber,
-            endLineNumber: ln.note.endLineNumber
-          }
-        );
-      } else {
-        const [cx1, cy1, cx2, cy2] = noteConnectorPoints(
-          { width: ln.width, height: ln.height },
-          ln.note
-        );
-        renderNoteConnector(nodeG, cx1, cy1, cx2, cy2, palette);
-        renderNoteBox(
-          nodeG,
-          {
-            x: ln.note.x,
-            y: ln.note.y,
-            width: ln.note.width,
-            height: ln.note.height
-          },
-          ln.note.lines,
-          palette,
-          {
-            isDark,
-            ...ln.note.color && { color: ln.note.color },
-            lineNumber: ln.note.lineNumber,
-            endLineNumber: ln.note.endLineNumber,
-            interactive: true
-          }
-        );
-      }
+      renderNodeNote(
+        nodeG,
+        { width: ln.width, height: ln.height },
+        ln.note,
+        palette,
+        isDark
+      );
     }
   }
   const labelLayer = diagramG.append("g").attr("class", "bl-edge-labels");

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-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-TPCP2UOI.js → chunk-D6XR22KO.js}

@@ -4,7 +4,7 @@ import {
 import {
   resolveNotes,
   tryCollectNote
-} from "./chunk-HH3DHNQA.js";
+} from "./chunk-UWWQECLC.js";
 import {
   displayName,
   normalizeName
@@ -17,7 +17,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   ALL_CHART_TYPES,
   FILL_FAMILY_TOKENS,
@@ -30,7 +30,7 @@ import {
   parseMetadataRegion,
   tryParseSharedOption,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-3J7O3CU6.js";

package/dist/{chunk-OAZ6BIIB.js → chunk-D7FHY6DO.js}

@@ -4,7 +4,7 @@ import {
 import {
   resolveNotes,
   tryCollectNote
-} from "./chunk-HH3DHNQA.js";
+} from "./chunk-UWWQECLC.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -18,7 +18,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   AliasRegistry,
   BOXES_AND_LINES_REGISTRY,
@@ -27,11 +27,12 @@ import {
   parseFirstLine,
   peelQuotedName,
   peelRampColors,
+  peelTrailingCollapsedFlag,
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   makeDgmoError,
   suggest
@@ -426,16 +427,17 @@ function parseBoxesAndLines(content, palette) {
         );
         continue;
       }
-      const groupMeta = parseTailMeta(
-        groupMatch[2] ?? "",
-        metaAliasMap
-      ).metadata;
+      const groupPeel = peelTrailingCollapsedFlag(groupMatch[2] ?? "");
+      const groupMeta = parseTailMeta(groupPeel.rest, metaAliasMap).metadata;
+      const groupCollapsed = groupPeel.collapsed || groupMeta["collapsed"] === "true";
+      delete groupMeta["collapsed"];
       const parentGs = currentGroupState();
       const group = {
         label,
         children: [],
         lineNumber: lineNum,
         metadata: groupMeta,
+        ...groupCollapsed && { collapsed: true },
         ...parentGs ? { parentGroup: parentGs.group.label } : {}
       };
       if (parentGs && indent > parentGs.indent) {

package/dist/{chunk-67N26CER.js → chunk-DA2GIHAY.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";
@@ -164,15 +164,48 @@ function renderNoteBadge(parent, center, palette, opts) {
   g.append("line").attr("x1", -3.5).attr("y1", -0.5).attr("x2", 1.5).attr("y2", -0.5).attr("stroke", palette.textMuted).attr("stroke-width", 0.75).style("pointer-events", "none");
   return g;
 }
+function renderNodeNote(nodeG, node, note, palette, isDark) {
+  const accent = note.color ? { color: note.color } : {};
+  if (note.collapsed) {
+    renderNoteBadge(
+      nodeG,
+      {
+        x: node.width / 2 - NOTE_BADGE_RADIUS - 3,
+        y: -node.height / 2 + NOTE_BADGE_RADIUS + 3
+      },
+      palette,
+      {
+        isDark,
+        ...accent,
+        lineNumber: note.lineNumber,
+        endLineNumber: note.endLineNumber
+      }
+    );
+    return;
+  }
+  const [x1, y1, x2, y2] = noteConnectorPoints(node, note);
+  renderNoteConnector(nodeG, x1, y1, x2, y2, palette);
+  renderNoteBox(
+    nodeG,
+    { x: note.x, y: note.y, width: note.width, height: note.height },
+    note.lines,
+    palette,
+    {
+      isDark,
+      ...accent,
+      lineNumber: note.lineNumber,
+      endLineNumber: note.endLineNumber,
+      interactive: true
+    }
+  );
+}
 
 export {
+  NOTE_FONT_SIZE,
   NOTE_GAP,
   NOTE_BULLET_INDENT,
   wrapNoteBody,
   noteBoxSize,
-  renderNoteConnector,
   noteConnectorPoints,
-  renderNoteBox,
-  NOTE_BADGE_RADIUS,
-  renderNoteBadge
+  renderNodeNote
 };

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-VJ7NLYFE.js → chunk-DYI73PFY.js}

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

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

package/dist/{chunk-K2SFH3GJ.js → chunk-ENXENGW5.js}

@@ -3,18 +3,18 @@ import {
 } from "./chunk-6OSGENN5.js";
 import {
   parseDgmoChartType
-} from "./chunk-I3ZRIMR7.js";
+} from "./chunk-3EDV56HL.js";
 import {
   FONT_FAMILY,
   MONO_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   chartTypes
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   measureText,
   truncateText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/error-card.ts
 var DOCS_BASE = "https://diagrammo.app/docs";

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

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

package/dist/{chunk-26EVL454.js → chunk-F4DGHT3F.js}

@@ -1,3 +1,22 @@
+import {
+  TITLE_FONT_WEIGHT
+} from "./chunk-GULGSH2Z.js";
+
+// src/graph/title.ts
+import * as d3Selection from "d3-selection";
+function renderGraphTitle(svg, opts) {
+  const { titleLineNumber, onClickItem } = opts;
+  const titleEl = svg.append("text").attr("class", "chart-title").attr("x", opts.x).attr("y", opts.y).attr("text-anchor", opts.anchor).attr("fill", opts.color).attr("font-size", opts.fontSize).attr("font-weight", TITLE_FONT_WEIGHT).style("cursor", onClickItem && titleLineNumber ? "pointer" : "default").text(opts.title);
+  if (!titleLineNumber) return;
+  titleEl.attr("data-line-number", titleLineNumber);
+  if (!onClickItem) return;
+  titleEl.on("click", () => onClickItem(titleLineNumber)).on("mouseenter", function() {
+    d3Selection.select(this).attr("opacity", 0.7);
+  }).on("mouseleave", function() {
+    d3Selection.select(this).attr("opacity", 1);
+  });
+}
+
 // src/graph/edge-spline.ts
 import * as d3Shape from "d3-shape";
 var lineGenerator = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveBasis);
@@ -42,6 +61,7 @@ function selfLoopArcPath(points) {
 }
 
 export {
+  renderGraphTitle,
   edgeSplinePath,
   selfLoopArcPath
 };