@diagrammo/dgmo 0.91.1 → 0.92.1

package/dist/{chunk-KSZHIAI2.js → chunk-3Y63RFJL.js}

@@ -1,7 +1,7 @@
 import {
   extractColor,
   measureIndent
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";

package/dist/{chunk-CNUN5GO6.js → chunk-42UJ23H3.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-VLC6WNRD.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";

package/dist/{chunk-TPEYEOXA.js → chunk-45QUTYPD.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -31,14 +31,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,12 +51,12 @@ import {
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   EYE_CLOSED_PATH,
   EYE_OPEN_PATH,
@@ -64,7 +64,7 @@ import {
   LEGEND_EYE_SIZE,
   LEGEND_GROUP_GAP,
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -73,7 +73,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/sitemap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -243,7 +243,8 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
     if (activeTagGroup) {
       const tagKey = tagAttrKey(activeTagGroup);
       const tagVal = c.tagMetadata[tagKey];
-      if (tagVal) cG.attr(`data-tag-${tagKey}`, tagVal.toLowerCase());
+      if (tagVal)
+        cG.attr(`data-tag-${tagAttrKey(tagKey)}`, tagVal.toLowerCase());
     }
     const fill = containerFill(palette, isDark, c.color);
     const stroke = containerStroke(palette, c.color);
@@ -305,7 +306,8 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
     if (activeTagGroup) {
       const tagKey = tagAttrKey(activeTagGroup);
       const tagVal = node.tagMetadata[tagKey];
-      if (tagVal) nodeG.attr(`data-tag-${tagKey}`, tagVal.toLowerCase());
+      if (tagVal)
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, tagVal.toLowerCase());
     }
     const fillMode = fillModeFromOptions(parsed.options);
     const fill = nodeFill(palette, isDark, node.color, fillMode);
@@ -456,9 +458,9 @@ function renderLegend(parent, legendGroups, palette, isDark, activeTagGroup, fix
   }
 }
 async function renderSitemapForExport(content, theme, palette) {
-  const { parseSitemap } = await import("./parser-XO5IAXMT.js");
-  const { layoutSitemap } = await import("./layout-IV4H2FLB.js");
-  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-WQHELGVQ.js");
+  const { parseSitemap } = await import("./parser-6TDWUKM5.js");
+  const { layoutSitemap } = await import("./layout-ND26WVX2.js");
+  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-IN7ZFRJM.js");
   const isDark = theme === "dark";
   const defaultCfg = getPalette(DEFAULT_PALETTE_ID);
   const effectivePalette = palette ?? (isDark ? defaultCfg.dark : defaultCfg.light);

package/dist/{chunk-HSGWR2FL.js → chunk-4QLGGQNO.js}

@@ -1,7 +1,9 @@
 import {
   MONTH_ABBR,
-  computeTimeTicks
-} from "./chunk-YRYKTYMQ.js";
+  capLabelColumn,
+  computeTimeTicks,
+  showFullOnHover
+} from "./chunk-VSOZZYLK.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -9,7 +11,7 @@ import {
   keepSwimlaneToggleFocus,
   renderIntegratedLegend,
   wireSwimlaneToggle
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   EDGE_DASH,
   GRID_DASH,
@@ -18,12 +20,12 @@ import {
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   controlsGroupCapsuleWidth,
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -40,7 +42,7 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -55,7 +57,7 @@ import {
   LEGEND_PILL_PAD,
   measureLegendText,
   truncateLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
@@ -67,7 +69,7 @@ import {
   getSeriesColors,
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/gantt/renderer.ts
 import * as d3Scale from "d3-scale";
@@ -130,7 +132,7 @@ function renderLabelBand(svg, y, leftMargin, color, palette, isDark, cssPrefix,
 function appendTaskIcon(textEl, label, isMilestone, iconColor, textColor) {
   const icon = isMilestone ? "\u25C6" : "\u25CF";
   textEl.append("tspan").attr("fill", iconColor).text(icon);
-  textEl.append("tspan").attr("fill", textColor).text(" " + label);
+  return textEl.append("tspan").attr("fill", textColor).text(" " + label);
 }
 function renderGantt(container, resolved, palette, isDark, options, exportDims) {
   keepSwimlaneToggleFocus(
@@ -182,7 +184,14 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
     ...labelWidths,
     measureText("0000000000", LABEL_FONT)
   );
-  const leftMargin = Math.max(MIN_LEFT_MARGIN, maxLabelWidth + 30);
+  const containerWidth = exportDims?.width ?? (container.clientWidth || 800);
+  const labelColumn = capLabelColumn(
+    Math.max(MIN_LEFT_MARGIN, maxLabelWidth + 30),
+    containerWidth,
+    MIN_LEFT_MARGIN
+  );
+  const leftMargin = labelColumn.width;
+  const fitLabel = labelColumn.fit;
   const totalRows = rows.length;
   const hasCriticalPath = resolved.options.criticalPath && resolved.tasks.some((t) => t.isCriticalPath);
   const hasDependencies = resolved.options.dependencies && resolved.tasks.some((t) => t.task.dependencies.length > 0);
@@ -196,7 +205,6 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
   const title = resolved.options.title;
   const showTitle = !!title && !resolved.options.noTitle;
   const titleHeight = showTitle ? 50 : 20;
-  const containerWidth = exportDims?.width ?? (container.clientWidth || 800);
   const hasTagLegend = !resolved.options.noLegend && (resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies);
   const tagLegendReserve = hasTagLegend ? getMaxLegendReservedHeight(
     {
@@ -474,7 +482,7 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         sBandRadius,
         sBandAccentW
       );
-      const labelG = svg.append("g").attr("class", "gantt-lane-header").attr(`data-tag-${row.tagKey}`, row.laneName.toLowerCase()).attr("data-lane", row.laneName).style("cursor", onToggleLane ? "pointer" : "default").on("click", () => {
+      const labelG = svg.append("g").attr("class", "gantt-lane-header").attr(`data-tag-${tagAttrKey(row.tagKey)}`, row.laneName.toLowerCase()).attr("data-lane", row.laneName).style("cursor", onToggleLane ? "pointer" : "default").on("click", () => {
         if (onToggleLane) onToggleLane(row.laneName);
       }).on("mouseenter", () => {
         highlightLane(g, svg, row.tagKey, row.laneName);
@@ -492,8 +500,14 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         restoreHighlight();
         hideGanttDateIndicators(g);
       });
-      labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", laneColor).text(
-        toggleIcon + " " + row.laneName + (row.aggregateProgress !== null ? ` ${Math.round(row.aggregateProgress)}%` : "")
+      const laneFullText = toggleIcon + " " + row.laneName + (row.aggregateProgress !== null ? ` ${Math.round(row.aggregateProgress)}%` : "");
+      const laneText = labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", laneColor);
+      showFullOnHover(
+        labelG,
+        laneText,
+        laneText,
+        laneFullText,
+        fitLabel(laneFullText, labelX, sFont11, true)
       );
       if (laneBarWidth > 0) {
         const barFill = shapeFill(palette, laneColor, isDark, {
@@ -567,8 +581,14 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
       });
       const groupIndent = group.depth <= 2 ? group.depth * 14 : 2 * 14 + (group.depth - 2) * 8;
       const labelX = 10 + groupIndent;
-      labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", palette.text).text(
-        toggleIcon + " " + group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "")
+      const groupFullText = toggleIcon + " " + group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "");
+      const groupText = labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", palette.text);
+      showFullOnHover(
+        labelG,
+        groupText,
+        groupText,
+        groupFullText,
+        fitLabel(groupFullText, labelX, sFont11, true)
       );
       const gStart = dateToFractionalYear(group.startDate);
       const gEnd = dateToFractionalYear(group.endDate);
@@ -696,15 +716,27 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
       }).on("mouseleave", () => {
         resetHighlight(g, svg);
       });
-      appendTaskIcon(
+      const taskLabelText = appendTaskIcon(
         taskLabel,
         task.label,
         rt.isMilestone,
         barColor,
         palette.text
       );
+      const taskIconW = measureText(
+        (rt.isMilestone ? "\u25C6" : "\u25CF") + " ",
+        sFont11
+      );
+      showFullOnHover(
+        taskLabel,
+        taskLabel,
+        taskLabelText,
+        task.label,
+        fitLabel(task.label, taskLabelX + taskIconW, sFont11),
+        " "
+      );
       for (const [key, value] of Object.entries(rt.effectiveMetadata)) {
-        taskLabel.attr(`data-tag-${key}`, value.toLowerCase());
+        taskLabel.attr(`data-tag-${tagAttrKey(key)}`, value.toLowerCase());
       }
       if (rt.isCriticalPath) {
         taskLabel.attr("data-critical-path", "true");
@@ -763,7 +795,7 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
           hideGanttDateIndicators(g);
         });
         for (const [key, value] of Object.entries(rt.effectiveMetadata)) {
-          taskG.attr(`data-tag-${key}`, value.toLowerCase());
+          taskG.attr(`data-tag-${tagAttrKey(key)}`, value.toLowerCase());
         }
         const showUncertainFade = rt.isUncertain && (task.progress === null || task.progress <= 80);
         let barFill = fillColor;
@@ -1287,7 +1319,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
             const el = d3Selection.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
+              el.attr(`data-tag-${tagAttrKey(tagKey)}`) === ev ? 1 : FADE_OPACITY
             );
           });
           chartG.selectAll(".gantt-milestone").attr("opacity", FADE_OPACITY);
@@ -1296,7 +1328,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
             const el = d3Selection.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
+              el.attr(`data-tag-${tagAttrKey(tagKey)}`) === ev ? 1 : FADE_OPACITY
             );
           });
           svg.selectAll(".gantt-group-label").attr("opacity", FADE_OPACITY);
@@ -1304,7 +1336,7 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
             const el = d3Selection.select(this);
             el.attr(
               "opacity",
-              el.attr(`data-tag-${tagKey}`) === ev ? 1 : FADE_OPACITY
+              el.attr(`data-tag-${tagAttrKey(tagKey)}`) === ev ? 1 : FADE_OPACITY
             );
           });
           chartG.selectAll(".gantt-lane-band, .gantt-lane-accent").attr("opacity", FADE_OPACITY);
@@ -1793,7 +1825,7 @@ function highlightGroup(g, svg, groupName) {
   );
 }
 function highlightLane(g, svg, tagKey, laneName) {
-  const tagAttr = `data-tag-${tagKey}`;
+  const tagAttr = `data-tag-${tagAttrKey(tagKey)}`;
   const laneValue = laneName.toLowerCase();
   g.selectAll(".gantt-task").each(function() {
     const el = d3Selection.select(this);

package/dist/{chunk-QKJ6MQXW.js → chunk-4SACN2C5.js}

@@ -2,12 +2,12 @@ import {
   peelQuotedName,
   stripQuotes,
   tokenizeQuoteAware
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   RECOGNIZED_COLOR_NAMES,
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   suggest
 } from "./chunk-BYU54C3S.js";

package/dist/{chunk-D7PP35BA.js → chunk-4XYZJTFO.js}

@@ -9,7 +9,7 @@ import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -23,7 +23,7 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";

package/dist/{chunk-5U6DXIMV.js → chunk-5EBYPETE.js}

@@ -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-K3BYD3WU.js → chunk-5KKZXA44.js}

@@ -5,10 +5,10 @@ import {
 import {
   UNTAGGED_TAG_COLOR,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -19,7 +19,7 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   wrapTextToWidth

package/dist/{chunk-UWJP4JSZ.js → chunk-5OTA2PUH.js}

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

package/dist/{chunk-CU2PZLZP.js → chunk-5SSTVFPX.js}

@@ -1,10 +1,10 @@
 import {
   searchPlacement
-} from "./chunk-JJUDOR4I.js";
+} from "./chunk-HXULJZA2.js";
 import {
   noteCanvasShift,
   placeNotes
-} from "./chunk-Q3N7PI3B.js";
+} from "./chunk-FTUMRSGT.js";
 import {
   noteBoxSize
 } from "./chunk-RJNZHFNG.js";
@@ -15,15 +15,44 @@ import {
 // src/graph/layout.ts
 import dagre from "@dagrejs/dagre";
 var GROUP_PADDING = 20;
-function computeNodeWidth(label, shape) {
+var LABEL_WRAP_CHARS = 24;
+var NODE_LABEL_LINE_HEIGHT = 16;
+function wrapNodeLabel(label) {
+  const words = label.trim().split(/\s+/);
+  if (label.length <= LABEL_WRAP_CHARS || words.length < 2) return [label];
+  const greedy = (limit) => {
+    const lines = [];
+    let line = "";
+    for (const word of words) {
+      if (line && line.length + 1 + word.length > limit) {
+        lines.push(line);
+        line = word;
+      } else {
+        line = line ? `${line} ${word}` : word;
+      }
+    }
+    lines.push(line);
+    return lines;
+  };
+  let best = greedy(LABEL_WRAP_CHARS);
+  for (let limit = LABEL_WRAP_CHARS - 1; limit > 0; limit--) {
+    const lines = greedy(limit);
+    if (lines.length > best.length) break;
+    best = lines;
+  }
+  return best;
+}
+function computeNodeWidth(lines, shape) {
   if (shape === "pseudostate") return 24;
-  const base = Math.max(120, label.length * 9 + 40);
+  const longest = Math.max(...lines.map((l) => l.length));
+  const base = Math.max(120, longest * 9 + 40);
   if (shape === "subroutine") return base + 10;
   return base;
 }
-function computeNodeHeight(shape) {
+function computeNodeHeight(lineCount, shape) {
   if (shape === "pseudostate") return 24;
-  return shape === "decision" ? 60 : 50;
+  const extra = (lineCount - 1) * NODE_LABEL_LINE_HEIGHT;
+  return shape === "decision" ? 60 + extra * 2 : 50 + extra;
 }
 var newDagreGraph = () => new dagre.graphlib.Graph({ compound: true });
 function layoutGraph(graph, options) {
@@ -107,8 +136,9 @@ function layoutGraph(graph, options) {
       }
     }
     for (const node of ord(allNodes)) {
-      const width = computeNodeWidth(node.label, node.shape);
-      const height = computeNodeHeight(node.shape);
+      const lines = graph.type === "flowchart" ? wrapNodeLabel(node.label) : [node.label];
+      const width = computeNodeWidth(lines, node.shape);
+      const height = computeNodeHeight(lines.length, node.shape);
       g2.setNode(node.id, { label: node.label, width, height });
       if (node.group && graph.groups?.some((gr) => gr.id === node.group)) {
         g2.setParent(node.id, node.group);
@@ -156,7 +186,10 @@ function layoutGraph(graph, options) {
       height: p.height
     })),
     noteRequests,
-    graph.direction === "LR" ? "LR" : "TB"
+    graph.direction === "LR" ? "LR" : "TB",
+    graph.edges.map(
+      (e, i) => edgePoints?.[i] ?? g.edge(e.source, e.target)?.points ?? []
+    )
   );
   const layoutNodes = basePositioned.map((p) => {
     const node = p.node;
@@ -338,5 +371,7 @@ function layoutGraph(graph, options) {
 }
 
 export {
+  NODE_LABEL_LINE_HEIGHT,
+  wrapNodeLabel,
   layoutGraph
 };

package/dist/{chunk-LKR4FACF.js → chunk-66JTY4AN.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-NOTA6TEI.js";
 import {
   peelQuotedName
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";
@@ -382,9 +382,7 @@ function calculateSchedule(parsed) {
   if (parsed.syntaxMode === "legacy") {
     const topLevelGroups = parsed.nodes.filter((n) => n.kind === "group");
     if (topLevelGroups.length >= 2) {
-      const names = topLevelGroups.map(
-        (g) => g.name
-      );
+      const names = topLevelGroups.map((g) => g.name);
       warn(
         topLevelGroups[0].lineNumber,
         `${names.join(" and ")} are sequential. Wrap in \`parallel\` if they should run concurrently.`

package/dist/{chunk-AR4QVMWG.js → chunk-6BNNLVAR.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError,
   makeFail

package/dist/{chunk-L24LESXF.js → chunk-6GXLAKUH.js}

@@ -1,6 +1,6 @@
 import {
   CATEGORICAL_COLOR_ORDER
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/palettes/color-utils.ts
 var HEX_TO_HSL_CACHE = /* @__PURE__ */ new Map();

package/dist/{chunk-XLAREWBK.js → chunk-6OIMUSDX.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-2CW5ZTNH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   CARD_RADIUS,
   EDGE_DASH,
@@ -21,11 +21,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,
@@ -38,15 +38,15 @@ import {
   UNTAGGED_TAG_COLOR,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -55,10 +55,10 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/family/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -259,7 +259,7 @@ function renderFamilyForExport(container, parsed, layout, palette, isDark, opts
     if (activeTagGroup) {
       const key = tagAttrKey(activeTagGroup);
       const v = node.tagMetadata[key];
-      if (v) g.attr(`data-tag-${key}`, v.toLowerCase());
+      if (v) g.attr(`data-tag-${tagAttrKey(key)}`, v.toLowerCase());
     }
     g.append("rect").attr("x", 0).attr("y", 0).attr("width", node.width).attr("height", node.height).attr("rx", CARD_RADIUS).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", NODE_STROKE_WIDTH);
     g.append("text").attr("x", node.width / 2).attr("y", HEADER_HEIGHT / 2).attr("dominant-baseline", "central").attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(noDaggers ? node.label : familyDisplayLabel(node));

package/dist/{chunk-RE27AX7O.js → chunk-6OSGENN5.js}

@@ -1,7 +1,7 @@
 import {
   __commonJS,
   __toESM
-} from "./chunk-5WRI5ZAA.js";
+} from "./chunk-YLJ4XMA6.js";
 
 // node_modules/.pnpm/lz-string@1.5.0/node_modules/lz-string/libs/lz-string.js
 var require_lz_string = __commonJS({