@diagrammo/dgmo 0.87.0 → 0.89.0

package/dist/{chunk-A4XPI4YN.js → chunk-MFW6P7WH.js}

@@ -11,6 +11,9 @@ import {
   displayName,
   normalizeName
 } from "./chunk-NOTA6TEI.js";
+import {
+  isTagBlockHeading
+} from "./chunk-L5AFONQU.js";
 import {
   AliasRegistry,
   OPTION_NOCOLON_RE,
@@ -32,6 +35,10 @@ import {
 function classId(name) {
   return normalizeName(name);
 }
+var INERT_OPTIONS = {
+  "active-tag": '"active-tag" does nothing on a class diagram \u2014 it has no tag groups. Colour a class with a trailing colour word (`User blue`).'
+};
+var NO_TAG_GROUPS_MESSAGE = "A class diagram has no tag groups \u2014 this block is ignored. Colour a class with a trailing colour word (`User blue`).";
 var CLASS_DECL_RE = /^(?:(abstract|interface|enum)\s+)?(?:"([^"]+)"|([A-Z][^":]*?))(?:\s+extends\s+(?:"([^"]+)"|([A-Z][^":]*?)))?(?:\s+implements\s+(?:"([^"]+)"|([A-Z][^":]*?)))?(?:\s+\[(abstract|interface|enum)\])?(?:\s+(red|orange|yellow|green|blue|purple|teal|cyan|gray|black|white))?(?:\s+as\s+([A-Za-z][A-Za-z0-9_]{0,11}))?\s*$/;
 var INDENT_REL_ARROW_RE = /^(--\|>|\.\.\|>|\*--|o--|\.\.>|->)\s*(?:"([^"]+)"|([A-Za-z][^":]*?))(?:\s+:?\s*(.+))?$/;
 var REL_ARROW_RE = /^(?:"([^"]+)"|([A-Z][^":]*?))\s*(--\|>|\.\.\|>|\*--|o--|\.\.>|->)\s*(?:"([^"]+)"|([A-Z][^":]*?))(?:\s+:?\s*(.+))?$/;
@@ -139,6 +146,7 @@ function parseClassDiagram(content, palette) {
   }
   let currentClass = null;
   let contentStarted = false;
+  let swallowingTagBlock = false;
   function getOrCreateClass(name, lineNumber) {
     const key = classId(name);
     const existing = classMap.get(key);
@@ -183,6 +191,18 @@ function parseClassDiagram(content, palette) {
       continue;
     }
     if (trimmed.startsWith("//")) continue;
+    if (swallowingTagBlock) {
+      if (indent > 0) continue;
+      swallowingTagBlock = false;
+    }
+    if (indent === 0 && trimmed.startsWith("tag") && isTagBlockHeading(trimmed)) {
+      result.diagnostics.push(
+        makeDgmoError(lineNumber, NO_TAG_GROUPS_MESSAGE, "warning")
+      );
+      currentClass = null;
+      swallowingTagBlock = true;
+      continue;
+    }
     if (indent === 0) {
       const noteResult = tryCollectNote(
         lines,
@@ -227,6 +247,13 @@ function parseClassDiagram(content, palette) {
       if (optMatch) {
         const key = optMatch[1].toLowerCase();
         const value = optMatch[2].trim();
+        const inertMsg = INERT_OPTIONS[key];
+        if (inertMsg) {
+          result.diagnostics.push(
+            makeDgmoError(lineNumber, inertMsg, "warning")
+          );
+          continue;
+        }
         if (key !== "abstract" && key !== "interface" && key !== "enum") {
           options[key] = value;
           continue;

package/dist/{chunk-CFBY77QJ.js → chunk-N4BBSDWI.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-3DOQOXXI.js";
+} from "./chunk-CNUN5GO6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -34,19 +34,14 @@ import {
 } from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
+} from "./chunk-7SX4IY6T.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
+} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
-import {
-  fitWrapped,
-  measureText,
-  wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
 import {
   UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,
@@ -54,6 +49,11 @@ import {
   resolveTagColor,
   tagAttrKey
 } from "./chunk-L5AFONQU.js";
+import {
+  fitWrapped,
+  measureText,
+  wrapTextToWidth
+} from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
   groupFill,
@@ -61,7 +61,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/sketch/renderer.ts
 import * as d3 from "d3-selection";

package/dist/{chunk-IDJGV6VM.js → chunk-NIUO2TNR.js}

@@ -1,3 +1,10 @@
+import {
+  apcaContrast,
+  contrastRatio,
+  contrastText,
+  shapeFill
+} from "./chunk-L24LESXF.js";
+
 // src/palettes/registry.ts
 var PALETTE_REGISTRY = /* @__PURE__ */ new Map();
 var DEFAULT_PALETTE_ID = "slate";
@@ -13,7 +20,9 @@ var COLOR_KEYS = [
   "purple",
   "teal",
   "cyan",
-  "gray"
+  "gray",
+  "black",
+  "white"
 ];
 var SEMANTIC_KEYS = [
   "bg",
@@ -22,6 +31,8 @@ var SEMANTIC_KEYS = [
   "border",
   "text",
   "textMuted",
+  "textOnFillLight",
+  "textOnFillDark",
   "primary",
   "secondary",
   "accent",
@@ -772,6 +783,208 @@ var tokyoNightPalette = {
 };
 registerPalette(tokyoNightPalette);
 
+// src/palettes/theme-file.ts
+var CONTRAST_FLOOR = 4.5;
+var SOLID_FLOOR_LC = 45;
+var FILL_ACCENT_KEYS = [
+  "primary",
+  "secondary",
+  "accent",
+  "destructive"
+];
+var CONTRAST_EXEMPT = /* @__PURE__ */ new Set([
+  "black",
+  "white"
+]);
+var BUILT_IN_IDS = new Set(
+  [
+    atlasPalette,
+    blueprintPalette,
+    catppuccinPalette,
+    nordPalette,
+    slatePalette,
+    tidewaterPalette,
+    tokyoNightPalette
+  ].map((palette) => palette.id)
+);
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function collectShapeErrors(value, mode, errors) {
+  if (!isRecord(value)) {
+    errors.push(
+      `${mode}: expected an object of colors, got ${describe(value)}`
+    );
+    return false;
+  }
+  const before = errors.length;
+  const fields = /* @__PURE__ */ new Set([...SEMANTIC_KEYS, "colors"]);
+  for (const key of Object.keys(value)) {
+    if (!fields.has(key)) {
+      errors.push(`${mode}.${key}: not a palette field`);
+    }
+  }
+  for (const key of SEMANTIC_KEYS) {
+    const hex = value[key];
+    if (typeof hex !== "string" || !isValidHex(hex)) {
+      errors.push(`${mode}.${key}: invalid hex ${describe(hex)}`);
+    }
+  }
+  const named = value["colors"];
+  if (!isRecord(named)) {
+    errors.push(
+      `${mode}.colors: expected an object of named colors, got ${describe(named)}`
+    );
+  } else {
+    const names = new Set(COLOR_KEYS);
+    for (const key of Object.keys(named)) {
+      if (!names.has(key)) {
+        errors.push(
+          `${mode}.colors.${key}: not a palette color \u2014 a theme sets the existing color names and cannot add one`
+        );
+      }
+    }
+    for (const key of COLOR_KEYS) {
+      const hex = named[key];
+      if (typeof hex !== "string" || !isValidHex(hex)) {
+        errors.push(`${mode}.colors.${key}: invalid hex ${describe(hex)}`);
+      }
+    }
+  }
+  return errors.length === before;
+}
+function describe(value) {
+  if (value === void 0) return "nothing";
+  if (typeof value === "string") return `"${value}"`;
+  if (value === null) return "null";
+  return typeof value;
+}
+function intents(colors) {
+  const out = [];
+  for (const key of COLOR_KEYS) {
+    if (CONTRAST_EXEMPT.has(key)) continue;
+    out.push([`colors.${key}`, colors.colors[key]]);
+  }
+  for (const key of FILL_ACCENT_KEYS) out.push([key, colors[key]]);
+  return out;
+}
+function drawnToken(colors, bg) {
+  const drawn = contrastText(bg, colors.textOnFillLight, colors.textOnFillDark);
+  return drawn === colors.textOnFillDark ? "textOnFillDark" : "textOnFillLight";
+}
+function worstTintedFill(colors, isDark) {
+  let worst;
+  for (const [fill, intent] of intents(colors)) {
+    const fillHex = shapeFill(colors, intent, isDark);
+    const token = drawnToken(colors, fillHex);
+    const ratio = contrastRatio(colors[token], fillHex);
+    if (!worst || ratio < worst.ratio) {
+      worst = { ratio, token, fill, fillHex };
+    }
+  }
+  return worst;
+}
+function worstSolidFill(colors) {
+  let worst;
+  for (const [fill, intent] of intents(colors)) {
+    const token = drawnToken(colors, intent);
+    const lc = Math.abs(apcaContrast(colors[token], intent));
+    if (!worst || lc < worst.lc) {
+      worst = { lc, token, fill, fillHex: intent };
+    }
+  }
+  return worst;
+}
+function collectContrastErrors(colors, where, isDark, errors) {
+  const tinted = worstTintedFill(colors, isDark);
+  if (tinted.ratio < CONTRAST_FLOOR) {
+    errors.push(
+      `${where}: ${tinted.token} ${colors[tinted.token]} on the ${tinted.fill} fill ${tinted.fillHex} reaches only ${tinted.ratio.toFixed(2)}:1 \u2014 text on a fill needs ${CONTRAST_FLOOR.toFixed(1)}:1`
+    );
+  }
+}
+function collectSolidErrors(colors, where, errors) {
+  const solid = worstSolidFill(colors);
+  if (solid.lc >= SOLID_FLOOR_LC) return;
+  errors.push(
+    `${where}: ${solid.token} ${colors[solid.token]} on the solid ${solid.fill} ${solid.fillHex} reaches only Lc ${solid.lc.toFixed(1)} \u2014 text on a solid fill needs Lc ${SOLID_FLOOR_LC}`
+  );
+}
+function validateThemeFile(input) {
+  const errors = [];
+  if (!isRecord(input)) {
+    return {
+      ok: false,
+      errors: [`expected a theme object, got ${describe(input)}`]
+    };
+  }
+  const id = input["id"];
+  if (typeof id !== "string" || id.trim() === "") {
+    errors.push(`id: expected a non-empty string, got ${describe(id)}`);
+  } else if (BUILT_IN_IDS.has(id)) {
+    errors.push(
+      `id: "${id}" is a built-in palette \u2014 a theme file needs an id of its own`
+    );
+  }
+  const name = input["name"];
+  if (typeof name !== "string" || name.trim() === "") {
+    errors.push(`name: expected a non-empty string, got ${describe(name)}`);
+  }
+  const declared = input["mode"];
+  let mode = null;
+  if (declared !== void 0) {
+    if (declared === "light" || declared === "dark") {
+      mode = declared;
+    } else {
+      errors.push(
+        `mode: expected "light" or "dark", got ${describe(declared)}`
+      );
+    }
+  }
+  if (mode) {
+    const other = mode === "light" ? "dark" : "light";
+    if (input[other] !== void 0) {
+      errors.push(
+        `${other}: a theme declaring mode "${mode}" must not also define ${other} \u2014 drop the mode to define both`
+      );
+    }
+  }
+  const wanted = mode ? [mode] : ["light", "dark"];
+  const modes = {};
+  for (const key of wanted) {
+    const value = input[key];
+    if (value === void 0) {
+      errors.push(
+        mode ? `${key}: a theme declaring mode "${mode}" has to define ${key}` : `${key}: a theme without a mode has to define both light and dark`
+      );
+      continue;
+    }
+    if (collectShapeErrors(value, key, errors)) modes[key] = value;
+  }
+  if (errors.length === 0) {
+    const light2 = modes.light ?? modes.dark;
+    const dark2 = modes.dark ?? modes.light;
+    const declaredMode = mode;
+    const label = (render) => declaredMode !== null && render !== declaredMode ? `${render} (a theme declaring mode "${declaredMode}" is used in ${render} mode too)` : render;
+    collectContrastErrors(light2, label("light"), false, errors);
+    collectContrastErrors(dark2, label("dark"), true, errors);
+    if (declaredMode !== null) {
+      collectSolidErrors(light2, declaredMode, errors);
+    } else {
+      collectSolidErrors(light2, "light", errors);
+      collectSolidErrors(dark2, "dark", errors);
+    }
+  }
+  if (errors.length > 0) return { ok: false, errors };
+  const light = modes.light ?? modes.dark;
+  const dark = modes.dark ?? modes.light;
+  return {
+    ok: true,
+    palette: { id, name, light, dark },
+    mode
+  };
+}
+
 // src/palettes/index.ts
 var palettes = {
   atlas: atlasPalette,
@@ -797,5 +1010,6 @@ export {
   slatePalette,
   tidewaterPalette,
   tokyoNightPalette,
+  validateThemeFile,
   palettes
 };

package/dist/{chunk-PLE2432T.js → chunk-NRPELUB6.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-BDXC7MDK.js";
 import {
   renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
+} from "./chunk-7SX4IY6T.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -18,7 +18,7 @@ import {
   getSeriesColors,
   mix,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 import {
   resolveColor
 } from "./chunk-2M4IGSCY.js";

package/dist/{chunk-FM3WAVB6.js → chunk-NS7L7YKH.js}

@@ -13,7 +13,7 @@ import {
   LEGEND_TOGGLE_DOT_R,
   measureLegendText,
   truncateLegendText
-} from "./chunk-RH2PROYG.js";
+} from "./chunk-I6GGMCTV.js";
 
 // src/utils/number-format.ts
 function compactNumber(n) {

package/dist/{chunk-YMG7JDEY.js → chunk-NSR2CGV6.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-3DOQOXXI.js";
+} from "./chunk-CNUN5GO6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -24,26 +24,19 @@ import {
 } from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
+} from "./chunk-7SX4IY6T.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
+} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
-import {
-  legendChromeColors
-} from "./chunk-RH2PROYG.js";
-import {
-  measureText,
-  truncateText
-} from "./chunk-KAO7JL4I.js";
 import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-VPASQOR3.js";
+} from "./chunk-LFKSHDVI.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
@@ -53,12 +46,19 @@ import {
   legendInlineRequested,
   legendSuppressed
 } from "./chunk-44GP7PD5.js";
+import {
+  legendChromeColors
+} from "./chunk-I6GGMCTV.js";
+import {
+  measureText,
+  truncateText
+} from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -284,6 +284,11 @@ var NOTE_LINE_H = 14;
 var NOTE_GAP = 15;
 var ACTIVATION_WIDTH = 10;
 var ACTIVATION_IMPLICIT_END_CLEARANCE = 8;
+var ACTIVATION_LABEL_GAP = 4;
+var MSG_LABEL_FONT_SIZE = 12;
+var MSG_LABEL_OFFSET = 8;
+var RETURN_LABEL_FONT_SIZE = 11;
+var RETURN_LABEL_OFFSET = 6;
 var SELF_CALL_HEIGHT = 25;
 var SELF_CALL_WIDTH = 30;
 var ACTOR_LABEL_CLEARANCE = 22;
@@ -1152,6 +1157,55 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   const lifelineStartY0 = participantStartY + sBoxH;
   const hasActors = participants.some((p) => p.type === "actor");
   const messageStartOffset = sMsgStartOffset + (hasActors ? 20 : 0) + (parsed.groups.length > 0 ? groupBottomPad(0) : 0);
+  const totalGaps = participants.length > 1 ? participants.length - 1 : 0;
+  const numWithinGaps = totalGaps - numGroupGaps;
+  let sWithinGap = sGap;
+  let sBetweenGap = sGap;
+  if (numGroupGaps > 0 && totalGaps > 0) {
+    sWithinGap = sGap * 0.88;
+    sBetweenGap = (totalGaps * sGap - numWithinGaps * sWithinGap) / numGroupGaps;
+  }
+  const ACTIVATION_NEST_OFFSET = ctx.structural(6);
+  const labelRoomBefore = new Array(renderSteps.length).fill(0);
+  {
+    const relX = /* @__PURE__ */ new Map();
+    let px = 0;
+    participants.forEach((p, i) => {
+      relX.set(p.id, px);
+      if (i < participants.length - 1) {
+        const nextId = participants[i + 1].id;
+        px += groupBoundaryIds.has(nextId) ? sBetweenGap : sWithinGap;
+      }
+    });
+    for (const act of activations) {
+      if (!act.implicitEnd || act.endStep <= act.startStep) continue;
+      const step = renderSteps[act.endStep];
+      if (!step || step.from === step.to) continue;
+      if (step.from === act.participantId || step.to === act.participantId) {
+        continue;
+      }
+      const label = displayMessageLabel(step);
+      const fromX = relX.get(step.from);
+      const toX = relX.get(step.to);
+      const barX = relX.get(act.participantId);
+      if (!label || fromX === void 0 || toX === void 0) continue;
+      if (barX === void 0) continue;
+      const isCall = step.type === "call";
+      const fontSize = isCall ? MSG_LABEL_FONT_SIZE : RETURN_LABEL_FONT_SIZE;
+      const baseline = isCall ? MSG_LABEL_OFFSET : RETURN_LABEL_OFFSET;
+      const halfW = measureText(label, fontSize) / 2 + sActivationWidth / 2 + 2;
+      const midX = (fromX + toX) / 2;
+      const left = barX - sActivationWidth / 2 + act.depth * ACTIVATION_NEST_OFFSET;
+      if (midX + halfW <= left || midX - halfW >= left + sActivationWidth) {
+        continue;
+      }
+      const room = baseline + fontSize + 2 + ACTIVATION_LABEL_GAP - ACTIVATION_IMPLICIT_END_CLEARANCE;
+      labelRoomBefore[act.endStep] = Math.max(
+        labelRoomBefore[act.endStep],
+        room
+      );
+    }
+  }
   const stepYPositions = [];
   const sectionYPositions = /* @__PURE__ */ new Map();
   let layoutEndY;
@@ -1172,6 +1226,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         const extra = extraBeforeMsg.get(step.messageIndex) || 0;
         curY += extra;
       }
+      curY += labelRoomBefore[i];
       stepYPositions.push(curY);
       const isSelfCall = step.type === "call" && step.from === step.to;
       curY += isSelfCall ? sSelfCallHeight + 25 : stepSpacing;
@@ -1250,14 +1305,6 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   }
   const messageAreaHeight = contentBottomY - lifelineStartY0;
   const lifelineLength = messageAreaHeight + sLifelineTail;
-  const totalGaps = participants.length > 1 ? participants.length - 1 : 0;
-  const numWithinGaps = totalGaps - numGroupGaps;
-  let sWithinGap = sGap;
-  let sBetweenGap = sGap;
-  if (numGroupGaps > 0 && totalGaps > 0) {
-    sWithinGap = sGap * 0.88;
-    sBetweenGap = (totalGaps * sGap - numWithinGaps * sWithinGap) / numGroupGaps;
-  }
   const edgeProjection = (id) => {
     if (!id) return sBoxW / 2;
     const framed = parsed.groups.some(
@@ -1766,14 +1813,14 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   if (elements && elements.length > 0) {
     renderBlockFrames(elements, 0);
   }
-  const ACTIVATION_NEST_OFFSET = ctx.structural(6);
   activations.forEach((act) => {
     const px = participantX.get(act.participantId);
     if (px === void 0) return;
     const x = px - sActivationWidth / 2 + act.depth * ACTIVATION_NEST_OFFSET;
     const y1 = stepY(act.startStep);
     const rawY2 = stepY(act.endStep);
-    const y2 = act.implicitEnd && rawY2 - ACTIVATION_IMPLICIT_END_CLEARANCE > y1 + sActivationWidth ? rawY2 - ACTIVATION_IMPLICIT_END_CLEARANCE : rawY2;
+    const implicitY2 = rawY2 - labelRoomBefore[act.endStep] - ACTIVATION_IMPLICIT_END_CLEARANCE;
+    const y2 = act.implicitEnd && implicitY2 > y1 + sActivationWidth ? implicitY2 : rawY2;
     const coveredLines = [];
     for (let si = act.startStep; si <= act.endStep; si++) {
       const step = renderSteps[si];
@@ -1917,7 +1964,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
         const displayLabel = displayMessageLabel(step);
         if (displayLabel) {
           const midX = (x1 + x2) / 2;
-          const labelEl = svg.append("text").attr("x", midX).attr("y", y - 8).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", 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));
+          const labelEl = svg.append("text").attr("x", midX).attr("y", y - MSG_LABEL_OFFSET).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());
           }
@@ -1940,7 +1987,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const displayLabel = displayMessageLabel(step);
       if (displayLabel) {
         const midX = (x1 + x2) / 2;
-        const labelEl = svg.append("text").attr("x", midX).attr("y", y - 6).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", 11).attr("class", "message-label").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
+        const labelEl = svg.append("text").attr("x", midX).attr("y", y - RETURN_LABEL_OFFSET).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());
         }

package/dist/{chunk-LD2JSKU3.js → chunk-OOCVGX4W.js}

@@ -1,3 +1,7 @@
+import {
+  LEGEND_PILL_TOGGLE_CLASS
+} from "./chunk-I6GGMCTV.js";
+
 // src/utils/svg-serialize.ts
 var BARE_AMPERSAND = /&(?![a-zA-Z][a-zA-Z0-9]*;|#\d+;|#[xX][0-9a-fA-F]+;)/g;
 function escapeAttributeMarkupChars(svg) {
@@ -23,7 +27,18 @@ function roundMagnitudeAttrs(svg) {
   });
   return round(ROUNDED_OPACITY_ATTRS, 4)(round(ROUNDED_ATTRS, 2)(svg));
 }
+var LEGEND_PILL_BUTTON_ATTRS = [
+  "role",
+  "tabindex",
+  "aria-label",
+  "aria-pressed"
+];
 function serializeSvg(svgEl) {
+  for (const el of svgEl.querySelectorAll(`.${LEGEND_PILL_TOGGLE_CLASS}`)) {
+    el.classList.remove(LEGEND_PILL_TOGGLE_CLASS);
+    if (el.getAttribute("class") === "") el.removeAttribute("class");
+    for (const attr of LEGEND_PILL_BUTTON_ATTRS) el.removeAttribute(attr);
+  }
   return roundMagnitudeAttrs(escapeAttributeMarkupChars(svgEl.outerHTML));
 }
 

package/dist/{chunk-N4XHXBDQ.js → chunk-PMNITNPR.js}

@@ -1,12 +1,12 @@
-import {
-  measureText
-} from "./chunk-KAO7JL4I.js";
 import {
   formatDuration,
   formatScheduleValue,
   formatSlackValue,
   formatSprintCell
-} from "./chunk-3TYUXC7D.js";
+} from "./chunk-2SKMEL7V.js";
+import {
+  measureText
+} from "./chunk-KAO7JL4I.js";
 
 // src/pert/layout.ts
 import dagre from "@dagrejs/dagre";