@diagrammo/dgmo 0.91.0 → 0.92.0

package/dist/{chunk-G3EUQMV4.js → chunk-SOHZDW6N.js}

@@ -17,7 +17,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   AliasRegistry,
   INFRA_BEHAVIOR_KEY_SET,
@@ -31,10 +31,10 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   isRecognizedColorName
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   emit,

package/dist/{chunk-SPQVER4T.js → chunk-STFWGASB.js}

@@ -6,7 +6,7 @@ import {
   fold,
   regionAt,
   unionExtent
-} from "./chunk-4QV26TEG.js";
+} from "./chunk-AXLF3KRE.js";
 import {
   MAP_DX
 } from "./chunk-EOYPX6SF.js";

package/dist/{chunk-G2KHLANR.js → chunk-T7NWBVSC.js}

@@ -1,9 +1,9 @@
 import {
   mix
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/clock/swatches.ts
 function buildSwatches(palette, muted) {

package/dist/{chunk-MPJQMMBZ.js → chunk-TIIZIAGS.js}

@@ -3,7 +3,7 @@ import {
   invalidColorDiagnostic,
   resolveColor,
   resolveColorWithDiagnostic
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   METADATA_DIAGNOSTIC_CODES,
   emit,

package/dist/{chunk-B6EUFLRP.js → chunk-TKAB3FTK.js}

@@ -1,6 +1,6 @@
 import {
   layoutOrg
-} from "./chunk-MI6SJJQU.js";
+} from "./chunk-A2A2I4Z4.js";
 import {
   renderCollapseBar,
   renderNodeCard
@@ -10,7 +10,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   CARD_RADIUS,
   COLLAPSE_BAR_HEIGHT,
@@ -31,10 +31,10 @@ import {
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-SEKNYIMO.js";
+} from "./chunk-TOHTKLKE.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -44,21 +44,21 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseOrg
-} from "./chunk-UWJP4JSZ.js";
+} from "./chunk-5OTA2PUH.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   EYE_CLOSED_PATH,
   EYE_OPEN_PATH,
   LEGEND_EYE_GAP,
   LEGEND_EYE_SIZE,
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -67,7 +67,7 @@ import {
   groupFill,
   groupStroke,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/org/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -201,7 +201,7 @@ function renderOrg(container, parsed, layout, palette, isDark, onClickItem, expo
       const tagKey = tagAttrKey(activeTagGroup);
       const metaValue = c.tagMetadata[tagKey];
       if (metaValue) {
-        cG.attr(`data-tag-${tagKey}`, metaValue.toLowerCase());
+        cG.attr(`data-tag-${tagAttrKey(tagKey)}`, metaValue.toLowerCase());
       }
     }
     if (c.hasChildren) {
@@ -283,7 +283,7 @@ function renderOrg(container, parsed, layout, palette, isDark, onClickItem, expo
       const tagKey = tagAttrKey(activeTagGroup);
       const metaValue = node.tagMetadata[tagKey];
       if (metaValue) {
-        nodeG.attr(`data-tag-${tagKey}`, metaValue.toLowerCase());
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, metaValue.toLowerCase());
       }
     }
     if (node.hasChildren) {

package/dist/{chunk-SEKNYIMO.js → chunk-TOHTKLKE.js}

@@ -1,6 +1,6 @@
 import {
   serializeSvg
-} from "./chunk-OOCVGX4W.js";
+} from "./chunk-CYRB2JTN.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-I6GGMCTV.js → chunk-UOCWYLYT.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-KAO7JL4I.js";
 import {
   mix
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/utils/legend-constants.ts
 var LEGEND_HEIGHT = 28;

package/dist/{chunk-6NO3MNBC.js → chunk-URQIWIKX.js}

@@ -1,6 +1,6 @@
 import {
   compactNumber
-} from "./chunk-53BJIOLF.js";
+} from "./chunk-CN4RDJDV.js";
 import {
   parseInlineMarkdown
 } from "./chunk-S7W75MIM.js";
@@ -18,10 +18,10 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/goal/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-I74AQRVD.js → chunk-V4D2ZQBE.js}

@@ -16,10 +16,10 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   emit,

package/dist/{chunk-2UV627GG.js → chunk-VOR32OHN.js}

@@ -3,7 +3,7 @@ import {
   layoutJourneyMap,
   scoreToColor,
   scoreToCurveY
-} from "./chunk-HLE5QGZJ.js";
+} from "./chunk-EBIDNRSR.js";
 import {
   wrapNoteBody
 } from "./chunk-RJNZHFNG.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   CARD_RADIUS,
   CONTAINER_RADIUS,
@@ -27,20 +27,20 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   serializeSvg
-} from "./chunk-OOCVGX4W.js";
+} from "./chunk-CYRB2JTN.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseJourneyMap
-} from "./chunk-PSGSFRRE.js";
+} from "./chunk-A4PNWAUW.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   measureText,
   truncateText,
@@ -51,7 +51,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/journey-map/renderer.ts
 import * as d3 from "d3-selection";
@@ -320,7 +320,7 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
         faceG.attr("data-line-number", step.lineNumber);
         faceG.attr("data-score", pt.score);
         for (const [key, value] of Object.entries(step.tags)) {
-          faceG.attr(`data-tag-${key.toLowerCase()}`, value);
+          faceG.attr(`data-tag-${tagAttrKey(key)}`, value);
         }
         const thoughts = step.annotations.filter((a) => a.type === "thought");
         if (thoughts.length > 0) {
@@ -355,7 +355,7 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
       faceG.attr("data-line-number", step.lineNumber);
       faceG.attr("data-score", pt.score);
       for (const [key, value] of Object.entries(step.tags)) {
-        faceG.attr(`data-tag-${key.toLowerCase()}`, value);
+        faceG.attr(`data-tag-${tagAttrKey(key)}`, value);
       }
       const thoughts = step.annotations.filter((a) => a.type === "thought");
       if (thoughts.length > 0) {
@@ -420,7 +420,7 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
             itemG.attr("data-score", step.score);
           }
           for (const [key, value] of Object.entries(step.tags)) {
-            itemG.attr(`data-tag-${key.toLowerCase()}`, value);
+            itemG.attr(`data-tag-${tagAttrKey(key)}`, value);
           }
           const stepColor = resolveStepColor(
             step,
@@ -453,7 +453,7 @@ function renderJourneyMap(container, parsed, palette, isDark, options) {
             faceG.attr("data-line-number", step.lineNumber);
             faceG.attr("data-score", step.score);
             for (const [key, value] of Object.entries(step.tags)) {
-              faceG.attr(`data-tag-${key.toLowerCase()}`, value);
+              faceG.attr(`data-tag-${tagAttrKey(key)}`, value);
             }
           }
           const textX = listX + CARD_PADDING_X + COLLAPSED_FACE_R * 2 + 6;
@@ -666,7 +666,7 @@ function renderStepCard(parent, sl, palette, isDark, activeGroup, tagGroups, onN
     stepG.attr("data-score", sl.step.score);
   }
   for (const [key, value] of Object.entries(sl.step.tags)) {
-    stepG.attr(`data-tag-${key.toLowerCase()}`, value);
+    stepG.attr(`data-tag-${tagAttrKey(key)}`, value);
   }
   const cx = sl.x;
   const cy = sl.y;

package/dist/{chunk-MNL547RV.js → chunk-WLLO3PZ3.js}

@@ -2,8 +2,10 @@ import {
   edgeSplinePath
 } from "./chunk-26EVL454.js";
 import {
-  layoutGraph
-} from "./chunk-CU2PZLZP.js";
+  NODE_LABEL_LINE_HEIGHT,
+  layoutGraph,
+  wrapNodeLabel
+} from "./chunk-5SSTVFPX.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
@@ -13,7 +15,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-KATED53P.js";
+} from "./chunk-JRWUHLRP.js";
 import {
   fitDiagramToCanvas
 } from "./chunk-EPDBWATV.js";
@@ -29,7 +31,7 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   serializeSvg
-} from "./chunk-OOCVGX4W.js";
+} from "./chunk-CYRB2JTN.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -40,17 +42,17 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseFlowchart
-} from "./chunk-634LDSN6.js";
+} from "./chunk-26BBJUBW.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/graph/flowchart-renderer.ts
 import * as d3Selection from "d3-selection";
@@ -502,14 +504,26 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
       colorOff,
       fillMode
     );
-    nodeG.append("text").attr("x", 0).attr("y", 0).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr(
+    const labelText = nodeG.append("text").attr("x", 0).attr("y", 0).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr(
       "fill",
       contrastText(
         resolvedFill,
         palette.textOnFillLight,
         palette.textOnFillDark
       )
-    ).attr("font-size", sNodeFontSize).text(node.label);
+    ).attr("font-size", sNodeFontSize);
+    const labelLines = wrapNodeLabel(node.label);
+    if (labelLines.length === 1) {
+      labelText.text(node.label);
+    } else {
+      const advance = NODE_LABEL_LINE_HEIGHT / NODE_FONT_SIZE;
+      labelLines.forEach((line, i) => {
+        labelText.append("tspan").attr("x", 0).attr(
+          "dy",
+          `${i === 0 ? -(labelLines.length - 1) / 2 * advance : advance}em`
+        ).text(line);
+      });
+    }
     if (hasNote && node.note) {
       if (node.note.collapsed) {
         renderNoteBadge(

package/dist/{chunk-SKF7XLCM.js → chunk-WZBZXZ6T.js}

@@ -16,7 +16,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   SKETCH_REGISTRY,
   extractColor,
@@ -28,7 +28,7 @@ import {
   stripQuotes,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
@@ -609,10 +609,7 @@ ${descLine}`;
         }
       }
     }
-    injectDefaultTagMetadata(
-      [...nodes, ...boxes],
-      result.tagGroups
-    );
+    injectDefaultTagMetadata([...nodes, ...boxes], result.tagGroups);
     validateTagValues(
       [...nodes, ...boxes, ...result.edges],
       result.tagGroups,

package/dist/{chunk-NWPMLX2V.js → chunk-X5BUX2GK.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-EJS3K44P.js";
 import {
   computeNodeSize
-} from "./chunk-Q3N7PI3B.js";
+} from "./chunk-FTUMRSGT.js";
 import {
   EDGE_LABEL_FONT_SIZE,
   NODE_HEIGHT,
@@ -804,7 +804,7 @@ var ESCALATE_REFINE = 10;
 var SEARCH_WORK_CAP = 36e3;
 var MIN_SEARCH_CANDIDATES = 6;
 function searchBudget(nodes, edges) {
-  const seeds = nodes <= 12 ? 20 : nodes <= 22 ? 40 : nodes <= 35 ? 22 : 10;
+  const seeds = nodes <= 22 ? 20 : nodes <= 35 ? 22 : 10;
   const size = Math.max(1, nodes + edges);
   return {
     seeds,
@@ -1278,6 +1278,75 @@ function countGroupOverlaps(layout, opts) {
     }
   return count;
 }
+var FOREIGN_GROUP_MIN_DEPTH = 12;
+var HOLDINGS_CACHE = /* @__PURE__ */ new WeakMap();
+function groupHoldings(groups) {
+  const hit = HOLDINGS_CACHE.get(groups);
+  if (hit) return hit;
+  const byLabel = new Map(groups.map((g) => [g.label, g]));
+  const memo = /* @__PURE__ */ new Map();
+  const walk = (label, seen) => {
+    const done = memo.get(label);
+    if (done) return done;
+    const out = /* @__PURE__ */ new Set(["__group_" + label]);
+    const g = byLabel.get(label);
+    if (!g || seen.has(label)) return out;
+    seen.add(label);
+    for (const c of g.children) {
+      out.add(c);
+      out.add("__group_" + c);
+      if (byLabel.has(c)) for (const k of walk(c, seen)) out.add(k);
+    }
+    memo.set(label, out);
+    return out;
+  };
+  for (const g of groups) walk(g.label, /* @__PURE__ */ new Set());
+  HOLDINGS_CACHE.set(groups, memo);
+  return memo;
+}
+function segmentEntersRect(a, b, l, t, r, bot) {
+  let t0 = 0, t1 = 1;
+  const dx = b.x - a.x, dy = b.y - a.y;
+  const clip = (p, q) => {
+    if (p === 0) return q > 0;
+    const u = q / p;
+    if (p < 0) {
+      if (u >= t1) return false;
+      if (u > t0) t0 = u;
+    } else {
+      if (u <= t0) return false;
+      if (u < t1) t1 = u;
+    }
+    return true;
+  };
+  return clip(-dx, a.x - l) && clip(dx, r - a.x) && clip(-dy, a.y - t) && clip(dy, bot - a.y) && t0 < t1;
+}
+function countForeignGroupCrossings(layout, groups, opts) {
+  const d = opts?.minDepth ?? FOREIGN_GROUP_MIN_DEPTH;
+  const boxes = layout.groups.filter((g) => !g.collapsed);
+  if (boxes.length === 0) return 0;
+  const holdings = groupHoldings(groups);
+  const polys = flatPolys(layout);
+  let count = 0;
+  layout.edges.forEach((e, idx) => {
+    const poly = polys[idx];
+    if (poly.pts.length < 2) return;
+    for (const g of boxes) {
+      const held = holdings.get(g.label);
+      if (!held || held.has(e.source) || held.has(e.target)) continue;
+      const l = g.x - g.width / 2 + d, r = g.x + g.width / 2 - d, t = g.y - g.height / 2 + d, b = g.y + g.height / 2 - d;
+      if (!(l < r) || !(t < b)) continue;
+      if (poly.x1 <= l || poly.x0 >= r || poly.y1 <= t || poly.y0 >= b)
+        continue;
+      for (let i = 0; i + 1 < poly.pts.length; i++)
+        if (segmentEntersRect(poly.pts[i], poly.pts[i + 1], l, t, r, b)) {
+          count++;
+          break;
+        }
+    }
+  });
+  return count;
+}
 function separateGroupBands(layout, parsed) {
   if (layout.groups.some((g) => g.collapsed)) return layout;
   if (countGroupOverlaps(layout) === 0) return layout;
@@ -1643,12 +1712,7 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
       dagre.layout(g, {
         customOrder: (lg, order) => {
           order(lg, {});
-          applyOrderPlan(
-            lg,
-            realBoxes,
-            plan.forced,
-            plan.captured
-          );
+          applyOrderPlan(lg, realBoxes, plan.forced, plan.captured);
         }
       });
     else dagre.layout(g);
@@ -1862,13 +1926,17 @@ async function layoutBoxesAndLinesSearch(parsed, collapseInfo, opts) {
   let best = pool[0];
   let bestObj = Infinity;
   let bestBad = Infinity;
+  let bestForeign = Infinity;
   const consider = (lay) => {
     const bad = badness(lay, bestBad);
-    if (bad === Infinity) return;
+    if (bad === Infinity || bad > bestBad) return;
+    const foreign = countForeignGroupCrossings(lay, parsed.groups);
     const sc = objective(lay, bad);
-    if (sc < bestObj) {
+    const wins = bad === bestBad && foreign !== bestForeign ? foreign < bestForeign && !Number.isNaN(sc) : sc < bestObj;
+    if (wins) {
       bestObj = sc;
       bestBad = bad;
+      bestForeign = foreign;
       best = lay;
     }
   };
@@ -2001,6 +2069,7 @@ export {
   countEdgeNearMiss,
   detectGroupOverlaps,
   countGroupOverlaps,
+  countForeignGroupCrossings,
   separateGroupBands,
   layoutBoxesAndLinesSearch
 };

package/dist/{chunk-XQTRGKQ3.js → chunk-XIUGSUE4.js}

@@ -11,7 +11,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   MINDMAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -23,7 +23,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   formatDgmoError,
   makeDgmoError,

package/dist/{chunk-SMTWQ66K.js → chunk-Y3SIQN4J.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -18,7 +18,7 @@ import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/wireframe/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-5VPWIC6T.js → chunk-YITHYQCL.js}

@@ -7,17 +7,17 @@ import {
   mutedFill,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-53BJIOLF.js";
+} from "./chunk-CN4RDJDV.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -28,10 +28,10 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -40,7 +40,7 @@ import {
   getSeriesColors,
   mix,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/treemap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -252,7 +252,7 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
     const baseColor = resolveCellColor(cell, colorCtx);
     const fill = fillMode === "outline" ? themeBaseBg(palette, isDark) : cell.isContainer ? baseColor : fillMode === "solid" ? baseColor : mix(baseColor, palette.bg, LEAF_MUTE_PCT);
     const drillable = cell.isContainer || cell.isCollapsed;
-    const g = root.append("g").attr("class", "dgmo-treemap-cell").attr("transform", `translate(${cell.x0},${cell.y0})`).attr("data-node-path", cell.path.join(" / "));
+    const g = root.append("g").attr("class", "dgmo-treemap-cell").attr("transform", `translate(${cell.x0},${cell.y0})`).attr("data-node-path", cell.path.join(" / ")).attr("data-branch", cell.path[0] ?? "");
     if (cell.lineNumber !== void 0) {
       g.attr("data-line-number", cell.lineNumber);
     }
@@ -260,7 +260,7 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
     if (cell.node && activeGroup) {
       const key = tagAttrKey(activeGroup);
       const tagVal = cell.node.metadata[key];
-      if (tagVal) g.attr(`data-tag-${key}`, tagVal);
+      if (tagVal) g.attr(`data-tag-${tagAttrKey(key)}`, tagVal);
     }
     const rect = g.append("rect").attr(
       "class",

package/dist/{chunk-5WRI5ZAA.js → chunk-YLJ4XMA6.js}

@@ -5,7 +5,11 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  try {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  } catch (e) {
+    throw mod = 0, e;
+  }
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {