npm - @diagrammo/dgmo - Versions diffs - 0.91.1 → 0.92.1 - Mend

@diagrammo/dgmo 0.91.1 → 0.92.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (281) hide show

package/dist/{chunk-TLPY4ZBI.js → chunk-KTGZDMDX.js} RENAMED Viewed

@@ -9,7 +9,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -19,11 +19,11 @@ import {
 } from "./chunk-XCKNFFKM.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,
@@ -36,19 +36,19 @@ import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-ZB2Q67NO.js";
+} from "./chunk-B5PEKSRH.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   legendChromeColors
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   truncateText
@@ -58,7 +58,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -2044,7 +2044,10 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     for (const [segTop, segBottom] of lifelines.get(participant.id) ?? []) {
       const lifelineEl = svg.append("line").attr("x1", cx).attr("y1", segTop).attr("x2", cx).attr("y2", segBottom).attr("stroke", llColor).attr("stroke-width", 1).attr("stroke-dasharray", EDGE_DASH).attr("class", "lifeline").attr("data-participant-id", participant.id);
       if (tagKey && pTagValue) {
-        lifelineEl.attr(`data-tag-${tagKey}`, pTagValue.toLowerCase());
+        lifelineEl.attr(
+          `data-tag-${tagAttrKey(tagKey)}`,
+          pTagValue.toLowerCase()
+        );
       }
     }
   });
@@ -2073,7 +2076,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     });
     const actRect = svg.append("rect").attr("x", x).attr("y", y1).attr("width", bar.width).attr("height", height).attr("fill", actFill).attr("stroke", actBaseColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("data-participant-id", act.participantId).attr("data-msg-lines", coveredLines.join(",")).attr("data-line-number", coveredLines[0] ?? "").attr("class", "activation");
     if (tagKey && actTagValue) {
-      actRect.attr(`data-tag-${tagKey}`, actTagValue.toLowerCase());
+      actRect.attr(`data-tag-${tagAttrKey(tagKey)}`, actTagValue.toLowerCase());
     }
   });
   for (const divider of blockFrames.flatMap((frame) => frame.dividers)) {
@@ -2147,13 +2150,19 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         svg.append("rect").attr("x", hitX).attr("y", y - 5).attr("width", sSelfCallWidth).attr("height", sSelfCallHeight + 10).attr("fill", "transparent").attr("class", "message-hit-area").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
         const selfCallEl = svg.append("path").attr("d", `M ${x} ${y} H ${loopX} V ${returnY} H ${x}`).attr("fill", "none").attr("stroke", arrowColor).attr("stroke-width", 1.2).attr("marker-end", coloredMarker("call", msgTagColor)).attr("class", "message-arrow self-call").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i)).attr("data-from", step.from).attr("data-to", step.to);
         if (tagKey && msgTagValue) {
-          selfCallEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+          selfCallEl.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            msgTagValue.toLowerCase()
+          );
         }
         const displayLabel = stepLabels[i];
         if (displayLabel) {
           const labelEl = svg.append("text").attr("x", label.x).attr("y", label.y).attr("text-anchor", "start").attr("fill", arrowColor).attr("paint-order", "stroke fill").attr("stroke", palette.bg).attr("stroke-width", 4).attr("stroke-linejoin", "round").attr("font-size", 12).attr("class", "message-label").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
           if (tagKey && msgTagValue) {
-            labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+            labelEl.attr(
+              `data-tag-${tagAttrKey(tagKey)}`,
+              msgTagValue.toLowerCase()
+            );
           }
           labelEl.text(displayLabel);
         }
@@ -2163,13 +2172,19 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         const markerRef = step.async ? coloredMarker("async", msgTagColor) : coloredMarker("call", msgTagColor);
         const arrowEl = svg.append("line").attr("x1", x1).attr("y1", y).attr("x2", x2).attr("y2", y).attr("stroke", arrowColor).attr("stroke-width", 1.2).attr("marker-end", markerRef).attr("class", "message-arrow").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i)).attr("data-from", step.from).attr("data-to", step.to);
         if (tagKey && msgTagValue) {
-          arrowEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+          arrowEl.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            msgTagValue.toLowerCase()
+          );
         }
         const displayLabel = stepLabels[i];
         if (displayLabel) {
           const labelEl = svg.append("text").attr("x", label.x).attr("y", label.y).attr("text-anchor", "middle").attr("fill", arrowColor).attr("paint-order", "stroke fill").attr("stroke", palette.bg).attr("stroke-width", 4).attr("stroke-linejoin", "round").attr("font-size", MSG_LABEL_FONT_SIZE).attr("class", "message-label").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
           if (tagKey && msgTagValue) {
-            labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+            labelEl.attr(
+              `data-tag-${tagAttrKey(tagKey)}`,
+              msgTagValue.toLowerCase()
+            );
           }
           labelEl.text(displayLabel);
         }
@@ -2180,13 +2195,19 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       svg.append("rect").attr("x", Math.min(x1, x2)).attr("y", y - HIT_H / 2).attr("width", Math.abs(x2 - x1)).attr("height", HIT_H).attr("fill", "transparent").attr("class", "message-hit-area").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
       const returnEl = svg.append("line").attr("x1", x1).attr("y1", y).attr("x2", x2).attr("y2", y).attr("stroke", returnColor).attr("stroke-width", 1).attr("stroke-dasharray", EDGE_DASH).attr("marker-end", coloredMarker("return", msgTagColor)).attr("class", "return-arrow").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i)).attr("data-from", step.from).attr("data-to", step.to);
       if (tagKey && msgTagValue) {
-        returnEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+        returnEl.attr(
+          `data-tag-${tagAttrKey(tagKey)}`,
+          msgTagValue.toLowerCase()
+        );
       }
       const displayLabel = stepLabels[i];
       if (displayLabel) {
         const labelEl = svg.append("text").attr("x", label.x).attr("y", label.y).attr("text-anchor", "middle").attr("fill", returnColor).attr("paint-order", "stroke fill").attr("stroke", palette.bg).attr("stroke-width", 4).attr("stroke-linejoin", "round").attr("font-size", RETURN_LABEL_FONT_SIZE).attr("class", "message-label").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
         if (tagKey && msgTagValue) {
-          labelEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
+          labelEl.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            msgTagValue.toLowerCase()
+          );
         }
         labelEl.text(displayLabel);
       }
@@ -2293,7 +2314,7 @@ function buildNoteMessageMap(elements) {
 function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tagAttr, fillMode, boxW = W, boxH = H, labelTextW = labelTextWidth(W), labelFontSize = LABEL_FONT_SIZE, overlaid = false) {
   const g = svg.append("g").attr("transform", `translate(${cx}, ${cy})`).attr("class", "participant").attr("data-participant-id", participant.id);
   if (tagAttr) {
-    g.attr(`data-tag-${tagAttr.key}`, tagAttr.value);
+    g.attr(`data-tag-${tagAttrKey(tagAttr.key)}`, tagAttr.value);
   }
   if (overlaid) return;
   switch (participant.type) {

package/dist/{chunk-II4XJETG.js → chunk-L5NW3PVL.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   buildMapProjection
-} from "./chunk-57L2JPP2.js";
+} from "./chunk-GE7ICBX6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y

package/dist/{chunk-JJQWCI35.js → chunk-LKZCUFOW.js} RENAMED Viewed

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   AliasRegistry,
   KANBAN_REGISTRY,
@@ -22,10 +22,10 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   formatDgmoError,
   makeDgmoError,

package/dist/{chunk-27KA4VV6.js → chunk-LRP5FXST.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
   getSimpleChartLegendGroups,
   parseChart,
   parseExtendedChart
-} from "./chunk-HFG7KQOY.js";
+} from "./chunk-H6BT45SN.js";
 import {
   EMPHASIS_DIM_OPACITY,
   EMPHASIS_DIM_TEXT_OPACITY,
@@ -25,13 +25,13 @@ import {
   initD3Chart,
   renderChartTitle,
   resolveExportPalette
-} from "./chunk-X6IZP2BD.js";
+} from "./chunk-Q6W2K33N.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   computeLegendLayout
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -43,14 +43,14 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_DOT_R,
   LEGEND_ENTRY_FONT_SIZE,
   LEGEND_HEIGHT,
   LEGEND_PILL_FONT_SIZE,
   legendChromeColors
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   truncateText
@@ -64,7 +64,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 // src/charts-d3/natural-size.ts
 var UNCOUNTED_WIDTH = 720;

package/dist/{chunk-JA2S7PHR.js → chunk-MDVJYRJT.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 } from "./chunk-26EVL454.js";
 import {
   layoutGraph
-} from "./chunk-CU2PZLZP.js";
+} from "./chunk-5SSTVFPX.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
@@ -14,7 +14,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-KATED53P.js";
+} from "./chunk-JRWUHLRP.js";
 import {
   fitDiagramToCanvas
 } from "./chunk-EPDBWATV.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -33,14 +33,14 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   serializeSvg
-} from "./chunk-OOCVGX4W.js";
+} from "./chunk-CYRB2JTN.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -51,18 +51,18 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseState
-} from "./chunk-XLPJJ35N.js";
+} from "./chunk-2YAFDND3.js";
 import {
   resolveActiveTagGroup,
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -71,7 +71,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 // src/graph/state-renderer.ts
 import * as d3Selection from "d3-selection";
@@ -324,11 +324,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
   const fillMode = fillModeFromOptions(graph.options ?? {});
   const noNotes = graph.options?.["no-notes"] === "on";
   const mutableTagGroups = [...tagGroups];
-  const nodeIntentColor = (node) => node.color ?? (activeTagGroup ? resolveTagColor(
-    node.metadata ?? {},
-    mutableTagGroups,
-    activeTagGroup
-  ) : void 0);
+  const nodeIntentColor = (node) => node.color ?? (activeTagGroup ? resolveTagColor(node.metadata ?? {}, mutableTagGroups, activeTagGroup) : void 0);
   for (const node of layout.nodes) {
     const isCollapsedGroup = collapsedGroupIds.has(node.id);
     const nodeG = contentG.append("g").attr("transform", `translate(${node.x}, ${node.y})`).attr("class", isCollapsedGroup ? "st-group-wrapper st-node" : "st-node").attr("data-line-number", String(node.lineNumber)).attr("data-node-id", node.id).style("cursor", "pointer");
@@ -336,7 +332,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
       const tagKey = tagAttrKey(activeTagGroup);
       const metaValue = node.metadata?.[tagKey];
       if (metaValue) {
-        nodeG.attr(`data-tag-${tagKey}`, metaValue.toLowerCase());
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, metaValue.toLowerCase());
       }
     }
     if (isCollapsedGroup) {

package/dist/{chunk-SWBHH2UW.js → chunk-MX4SZLSV.js} RENAMED Viewed

@@ -30,10 +30,10 @@ import {
   getSeriesColors,
   mix,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 // src/countdown/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -936,12 +936,7 @@ function renderCountdown(container, parsed, palette, isDark, exportDims) {
         svg.append("text").attr("x", leftX).attr("y", y + noteFont).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", noteFont).text("\u2022");
       }
       const t = svg.append("text").attr("x", bx).attr("y", y + noteFont).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", noteFont).attr("font-weight", "normal");
-      renderInlineText(
-        t,
-        nl.text,
-        palette,
-        noteFont
-      );
+      renderInlineText(t, nl.text, palette, noteFont);
       y += Math.round(noteFont * 1.35);
     }
     y += 2;
@@ -1013,12 +1008,7 @@ function renderCountdown(container, parsed, palette, isDark, exportDims) {
   stampRecur(value, parsed);
   if (subText) {
     const detailSel = svg.append("text").attr("x", stacked ? leftX : width - padX).attr("y", heroBaseline + heroFont * 0.28 + detailFont).attr("text-anchor", stacked ? "start" : "end").attr("dominant-baseline", "alphabetic").attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", detailFont).attr("font-weight", "normal").attr("data-dgmo-countdown-detail", "");
-    paintClock(
-      detailSel,
-      subText,
-      Math.round(detailFont * 0.66),
-      bandC.now
-    );
+    paintClock(detailSel, subText, Math.round(detailFont * 0.66), bandC.now);
   }
 }
 function renderCountdownForExport(container, parsed, palette, isDark, exportDims) {

package/dist/{chunk-5DIBB2QG.js → chunk-MXAP37W6.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import {
   searchPlacement
-} from "./chunk-JJUDOR4I.js";
+} from "./chunk-HXULJZA2.js";
 import {
   buildPlacedNotes,
   noteCanvasShift
-} from "./chunk-Q3N7PI3B.js";
+} from "./chunk-FTUMRSGT.js";
 import {
   resolveNotes
 } from "./chunk-O753JUEZ.js";

package/dist/{chunk-273GB7WK.js → chunk-NBAAIRFP.js} RENAMED Viewed

@@ -557,9 +557,7 @@ function reduceCrossings(g, direction) {
     let improved = false;
     for (const ids of buckets.values()) {
       if (ids.length < 2) continue;
-      const sorted = ids.slice().sort(
-        (a, b) => g.node(a)[slotAxis] - g.node(b)[slotAxis]
-      );
+      const sorted = ids.slice().sort((a, b) => g.node(a)[slotAxis] - g.node(b)[slotAxis]);
       for (let i = 0; i < sorted.length - 1; i++) {
         const a = sorted[i];
         const b = sorted[i + 1];

package/dist/{chunk-QVKTAU7P.js → chunk-NMS5XSLX.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import {
   computeLegendLayout
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   CONTROLS_ICON_PATH,
   LEGEND_DOT_R,
@@ -19,10 +19,10 @@ import {
   LEGEND_TOGGLE_OFF_OPACITY,
   legendChromeColors,
   measureLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   valueRampStops
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 // src/utils/legend-d3.ts
 function centerText(sel) {

package/dist/{chunk-BQVTV4LB.js → chunk-NO3UX6AP.js} RENAMED Viewed

@@ -13,10 +13,10 @@ import {
 import {
   getSeriesColors,
   mix
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 // src/version-control/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-RHXIUUWB.js → chunk-NREU4JFE.js} RENAMED Viewed

@@ -9,10 +9,10 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE
 } from "./chunk-VLC6WNRD.js";
@@ -22,7 +22,7 @@ import {
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   measureText,
   truncateText,
@@ -32,7 +32,7 @@ import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 // src/tech-radar/renderer.ts
 import * as d3Selection2 from "d3-selection";

package/dist/{chunk-CXIPV2FY.js → chunk-NVZ7R4EK.js} RENAMED Viewed

@@ -7,22 +7,22 @@ import {
   mutedFill,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-53BJIOLF.js";
+} from "./chunk-CN4RDJDV.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   FONT_FAMILY
 } 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";
@@ -33,7 +33,7 @@ import {
   hexToHSL,
   hslToHex,
   relativeLuminance
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 // src/treemap/renderer-radial.ts
 import * as d3Selection from "d3-selection";
@@ -211,7 +211,7 @@ function renderTreemapRadial(container, parsed, palette, isDark, exportDims, opt
   if (!layout.isEmpty) {
     for (const cell of layout.cells) {
       const fill = resolveCellColor(cell, colorCtx);
-      const g = plot.append("g").attr("class", "dgmo-treemap-cell").attr("data-node-path", cell.path.join(" / "));
+      const g = plot.append("g").attr("class", "dgmo-treemap-cell").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);
       }
@@ -219,7 +219,7 @@ function renderTreemapRadial(container, parsed, palette, isDark, exportDims, opt
       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);
       }
       g.append("path").attr(
         "class",

package/dist/{chunk-TCX5PMEY.js → chunk-NXU4N5WT.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
   extractColor,
   fillModeFromToken,
   parseFirstLine
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError,
   makeFail