@diagrammo/dgmo 0.49.0 → 0.50.0

package/dist/{chunk-ZNQX6QWH.js → chunk-OTAL43EH.js}

@@ -217,10 +217,14 @@ var ALL_CHART_TYPES = /* @__PURE__ */ new Set([
   "ring",
   "treemap",
   "block",
+  "goal",
+  "countdown",
+  "clock",
   "sketch",
   "raci",
   "map",
-  "family"
+  "family",
+  "bracket"
 ]);
 function measureIndent(line) {
   let indent = 0;
@@ -671,4 +675,4 @@ export {
   splitNameAndMeta,
   warnUnknownMetaKeys
 };
-//# sourceMappingURL=chunk-ZNQX6QWH.js.map
+//# sourceMappingURL=chunk-OTAL43EH.js.map

package/dist/{chunk-FMKTYMP4.js → chunk-OTP5KVLO.js}

@@ -7,7 +7,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-WCUHAQKB.js";
 import {
   TREEMAP_REGISTRY,
   extractColor,
@@ -18,7 +18,7 @@ import {
   stripQuotes,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   emit,
   formatDgmoError,
@@ -377,4 +377,4 @@ export {
   TREEMAP_DIAGNOSTICS,
   parseTreemap
 };
-//# sourceMappingURL=chunk-FMKTYMP4.js.map
+//# sourceMappingURL=chunk-OTP5KVLO.js.map

package/dist/{chunk-5ZZLLBFK.js → chunk-PGEGPSCZ.js}

@@ -10,7 +10,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -952,4 +952,4 @@ export {
   parseRaci,
   allTasks
 };
-//# sourceMappingURL=chunk-5ZZLLBFK.js.map
+//# sourceMappingURL=chunk-PGEGPSCZ.js.map

package/dist/{chunk-XJ7J6WOO.js → chunk-PJUGRJHJ.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-4UDKKGHH.js";
+} from "./chunk-QUJGFNFN.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk-5LWQH6QV.js";
 import {
   parseJourneyMap
-} from "./chunk-2WMBWZY2.js";
+} from "./chunk-YZLMKW4T.js";
 import {
   contrastText,
   mix,
@@ -41,7 +41,7 @@ import {
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-WCUHAQKB.js";
 
 // src/journey-map/renderer.ts
 import * as d3 from "d3-selection";
@@ -848,4 +848,4 @@ export {
   renderJourneyMap,
   renderJourneyMapForExport
 };
-//# sourceMappingURL=chunk-XJ7J6WOO.js.map
+//# sourceMappingURL=chunk-PJUGRJHJ.js.map

package/dist/{chunk-6SA7FJE4.js → chunk-PLZI6KPM.js}

@@ -1,9 +1,12 @@
-import {
-  renderNodeCard
-} from "./chunk-AHGF2YYA.js";
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-BMR4CIEO.js";
+import {
+  renderNodeCard
+} from "./chunk-AHGF2YYA.js";
 import {
   CARD_RADIUS,
   HEADER_HEIGHT,
@@ -11,15 +14,12 @@ import {
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
 } from "./chunk-3CIOJ5YJ.js";
-import {
-  wrapDescriptionLines
-} from "./chunk-BMR4CIEO.js";
 import {
   formatDateLabel
-} from "./chunk-ZREZOIGS.js";
+} from "./chunk-XCLHOZAM.js";
 import {
   renderIntegratedLegend
-} from "./chunk-4UDKKGHH.js";
+} from "./chunk-QUJGFNFN.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -41,7 +41,7 @@ import {
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-WCUHAQKB.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -987,4 +987,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-6SA7FJE4.js.map
+//# sourceMappingURL=chunk-PLZI6KPM.js.map

package/dist/{chunk-AJ2PEY7J.js → chunk-PMN3Q7RJ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-4UDKKGHH.js";
+} from "./chunk-QUJGFNFN.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -964,4 +964,4 @@ export {
   renderCycle,
   renderCycleForExport
 };
-//# sourceMappingURL=chunk-AJ2PEY7J.js.map
+//# sourceMappingURL=chunk-PMN3Q7RJ.js.map

package/dist/chunk-Q4V4XQWV.js

@@ -0,0 +1,158 @@
+import {
+  extractColor,
+  measureIndent,
+  parseFirstLine,
+  tryParseSharedOption
+} from "./chunk-OTAL43EH.js";
+import {
+  makeDgmoError,
+  makeFail
+} from "./chunk-CXK4DZH3.js";
+
+// src/goal/parser.ts
+function parseGoalNumber(token) {
+  if (token.includes(",")) return null;
+  const n = parseFloat(token.replace(/_/g, ""));
+  return Number.isFinite(n) ? n : null;
+}
+function parseGoal(content, palette) {
+  const options = {
+    noPercent: false,
+    noValue: false,
+    solidFill: false,
+    noTitle: false,
+    noAutoColor: false,
+    noNote: false
+  };
+  const result = {
+    type: "goal",
+    title: null,
+    titleLineNumber: null,
+    description: null,
+    mode: "bar",
+    now: 0,
+    target: 0,
+    hasTarget: false,
+    options,
+    diagnostics: [],
+    error: null
+  };
+  const fail = makeFail(result);
+  const warn = (line, message) => {
+    result.diagnostics.push(makeDgmoError(line, message, "warning"));
+  };
+  const softError = (line, message) => {
+    result.diagnostics.push(makeDgmoError(line, message, "error"));
+  };
+  if (!content?.trim()) return fail(0, "No content provided");
+  const lines = content.split("\n");
+  let headerParsed = false;
+  let sawNow = false;
+  const sharedOpts = {};
+  for (let i = 0; i < lines.length; i++) {
+    const lineNum = i + 1;
+    const raw = lines[i];
+    const trimmed = raw.trim();
+    if (!trimmed || trimmed.startsWith("//")) continue;
+    if (!headerParsed) {
+      const first = parseFirstLine(trimmed);
+      if (first?.chartType !== "goal") {
+        return fail(lineNum, 'Expected "goal [Title]" as the first line.');
+      }
+      if (first.title) {
+        const { label, color } = extractColor(
+          first.title,
+          palette,
+          result.diagnostics,
+          lineNum
+        );
+        result.title = label || null;
+        if (color !== void 0) result.color = color;
+      }
+      result.titleLineNumber = lineNum;
+      headerParsed = true;
+      continue;
+    }
+    const noteHeader = trimmed.match(/^note(?:\s+(.+))?$/i);
+    if (noteHeader && measureIndent(raw) === 0) {
+      const body = [];
+      if (noteHeader[1]) body.push(noteHeader[1].trim());
+      while (i + 1 < lines.length && measureIndent(lines[i + 1]) > 0) {
+        body.push(lines[i + 1].trim());
+        i++;
+      }
+      result.description = body.length ? body.join("\n") : null;
+      continue;
+    }
+    if (measureIndent(raw) > 0) {
+      warn(
+        lineNum,
+        `Indented content "${trimmed}" ignored \u2014 goal is a single value.`
+      );
+      continue;
+    }
+    const lower = trimmed.toLowerCase();
+    if (lower === "thermometer" || lower === "gauge") {
+      result.mode = lower;
+      continue;
+    }
+    if (lower === "no-percent") {
+      options.noPercent = true;
+      continue;
+    }
+    if (lower === "no-value") {
+      options.noValue = true;
+      continue;
+    }
+    if (lower === "no-auto-color") {
+      options.noAutoColor = true;
+      continue;
+    }
+    if (lower === "no-note") {
+      options.noNote = true;
+      continue;
+    }
+    if (tryParseSharedOption(trimmed, sharedOpts)) {
+      if (sharedOpts["solid-fill"] === "on") options.solidFill = true;
+      if (sharedOpts["no-title"] === "on") options.noTitle = true;
+      continue;
+    }
+    const kv = trimmed.match(/^(now|target)\s+(.+)$/i);
+    if (kv) {
+      const key = kv[1].toLowerCase();
+      const value = parseGoalNumber(kv[2].trim());
+      if (value === null) {
+        softError(lineNum, `"${key}" needs a number (got "${kv[2].trim()}").`);
+        continue;
+      }
+      if (key === "now") {
+        result.now = value;
+        sawNow = true;
+      } else {
+        if (value <= 0) {
+          softError(lineNum, '"target" must be greater than 0.');
+        } else {
+          result.target = value;
+          result.hasTarget = true;
+        }
+      }
+      continue;
+    }
+    warn(lineNum, `Unrecognized line "${trimmed}".`);
+  }
+  if (!sawNow) {
+    warn(result.titleLineNumber ?? 1, 'Missing "now" value \u2014 treating as 0.');
+  }
+  if (!result.hasTarget) {
+    softError(
+      result.titleLineNumber ?? 1,
+      'Missing or invalid "target" \u2014 a goal needs a target > 0.'
+    );
+  }
+  return result;
+}
+
+export {
+  parseGoal
+};
+//# sourceMappingURL=chunk-Q4V4XQWV.js.map

package/dist/{chunk-5XCM7UUW.js → chunk-QDFNCATJ.js}

@@ -1,10 +1,11 @@
+import {
+  renderIntegratedLegend
+} from "./chunk-QUJGFNFN.js";
 import {
   getFigure,
+  getPartGeom,
   resolvePartKey
-} from "./chunk-3NFJWFNP.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-4UDKKGHH.js";
+} from "./chunk-BDXC7MDK.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
@@ -14,8 +15,9 @@ import {
 } from "./chunk-P6T66CCZ.js";
 import {
   resolveActiveTagGroup,
-  resolveTagColor
-} from "./chunk-HBVD67XG.js";
+  resolveTagColor,
+  tagAttrKey
+} from "./chunk-WCUHAQKB.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -33,17 +35,33 @@ var OUTER_MARGIN = 30;
 var CENTER_COL = 420;
 var LABEL_FONT = 23;
 var NOTE_FONT = 17;
-function renderFigureBody(fig, parts, partColor, form, palette, defs) {
+function pathStartX(d) {
+  const m = d.match(/[Mm]\s*(-?[\d.]+)/);
+  return m ? parseFloat(m[1]) : 0;
+}
+function partKey(part) {
+  return (part.side ? `${part.side} ` : "") + part.name.toLowerCase();
+}
+function partLabel(part) {
+  return part.side ? `${part.side} ${part.name}` : part.name;
+}
+function sideCenter(centers, side, view) {
+  const wantScreenRight = view === "front" ? side === "left" : side === "right";
+  return centers.reduce(
+    (best, c) => wantScreenRight ? c.x > best.x ? c : best : c.x < best.x ? c : best
+  );
+}
+function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, defs) {
   const [vx, vy, vw, vh] = fig.viewBox.split(" ").map(Number);
   const muscleFill = mix(palette.bg, palette.border, 0.7);
   const seam = palette.bg;
   const outlineStroke = palette.textMuted;
+  const gid = `body-skin-${vx}-${vy}`;
+  defs.push(
+    `<linearGradient id="${gid}" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="${mix(palette.surface, palette.bg, 0.4)}"/><stop offset="1" stop-color="${mix(palette.border, palette.bg, 0.3)}"/></linearGradient>`
+  );
   let out = "";
   if (form === "skin") {
-    const gid = `body-skin-${vx}-${vy}`;
-    defs.push(
-      `<linearGradient id="${gid}" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="${mix(palette.surface, palette.bg, 0.4)}"/><stop offset="1" stop-color="${mix(palette.border, palette.bg, 0.3)}"/></linearGradient>`
-    );
     out += `<path d="${fig.outline}" fill="url(#${gid})"/>`;
     for (const d of fig.headPaths) {
       out += `<path d="${d}" fill="url(#${gid})" stroke="${outlineStroke}" stroke-width="2.5"/>`;
@@ -53,55 +71,95 @@ function renderFigureBody(fig, parts, partColor, form, palette, defs) {
       out += `<path d="${d}" fill="${hairFill}" stroke="${outlineStroke}" stroke-width="1.5"/>`;
     }
   } else {
+    out += `<path d="${fig.outline}" fill="url(#${gid})"/>`;
     for (const d of fig.base) {
-      out += `<path d="${d}" fill="${muscleFill}" stroke="${seam}" stroke-width="1"/>`;
+      out += `<path d="${d}" fill="${muscleFill}" fill-opacity="0.55" stroke="${seam}" stroke-width="1"/>`;
+    }
+    for (const d of fig.headPaths) {
+      out += `<path d="${d}" fill="url(#${gid})" stroke="${outlineStroke}" stroke-width="2.5"/>`;
+    }
+    for (const d of fig.hairPaths) {
+      out += `<path d="${d}" fill="none" stroke="${outlineStroke}" stroke-width="2.5"/>`;
     }
   }
   const anchors = /* @__PURE__ */ new Map();
+  const cxMid = vx + vw / 2;
   for (const part of parts) {
     const key = resolvePartKey(fig, part.name);
     if (!key) continue;
-    const geom = fig.parts[key];
+    const geom = getPartGeom(fig, key);
     const color = partColor(part);
-    const dataLine = ` class="dgmo-body-part" data-line-number="${part.lineNumber}"`;
+    const emph = emphKey(part).toLowerCase();
+    const dataLine = ` class="dgmo-body-part" data-line-number="${part.lineNumber}" data-emph-key="${esc(emph)}"`;
+    let paths = geom.paths;
+    if (part.side) {
+      const wantScreenRight = view === "front" ? part.side === "left" : part.side === "right";
+      const sidePaths = geom.paths.filter(
+        (d) => wantScreenRight ? pathStartX(d) >= cxMid : pathStartX(d) < cxMid
+      );
+      if (sidePaths.length) paths = sidePaths;
+    }
     if (form === "skin") {
-      for (const d of geom.paths) {
+      for (const d of paths) {
         out += `<path${dataLine} d="${d}" fill="${color}" fill-opacity="0.5" stroke="${color}" stroke-width="1.5"/>`;
       }
     } else {
-      for (const d of geom.paths) {
-        out += `<path${dataLine} d="${d}" fill="${color}" stroke="${seam}" stroke-width="1"/>`;
+      const lightFill = mix(color, palette.bg, 70);
+      for (const d of paths) {
+        out += `<path${dataLine} d="${d}" fill="${lightFill}" stroke="${color}" stroke-width="1.5"/>`;
       }
     }
-    anchors.set(part.name.toLowerCase(), {
-      x: geom.anchor.x,
-      y: geom.anchor.y,
+    const allCenters = geom.centers?.length ? geom.centers.map((c) => ({ x: c.x, y: c.y })) : [{ x: geom.anchor.x, y: geom.anchor.y }];
+    const chosen = part.side && allCenters.length > 1 ? sideCenter(allCenters, part.side, view) : null;
+    anchors.set(partKey(part), {
+      x: chosen?.x ?? geom.anchor.x,
+      y: chosen?.y ?? geom.anchor.y,
+      centers: chosen ? [chosen] : allCenters,
       color,
+      emph,
       part
     });
   }
   out += `<path d="${fig.outline}" fill="none" stroke="${outlineStroke}" stroke-width="2.5"/>`;
   return { fig, body: out, anchors, vx, vy, vw, vh };
 }
+function nearestCenter(a, targetX) {
+  let best = a.centers[0] ?? { x: a.x, y: a.y };
+  let bestD = Math.abs(best.x - targetX);
+  for (const c of a.centers) {
+    const d = Math.abs(c.x - targetX);
+    if (d < bestD) {
+      bestD = d;
+      best = c;
+    }
+  }
+  return best;
+}
 function gutterLabels(r, palette) {
   const { vx, vw, vh } = r;
   const cx = vx + vw / 2;
   const list = [...r.anchors.values()];
-  const left = list.filter((a) => a.x < cx).sort((a, b) => a.y - b.y);
-  const right = list.filter((a) => a.x >= cx).sort((a, b) => a.y - b.y);
+  const band = vw * 0.1;
+  const left = list.filter((a) => a.x < cx - band);
+  const right = list.filter((a) => a.x > cx + band);
+  const mid = list.filter((a) => a.x >= cx - band && a.x <= cx + band).sort((a, b) => a.y - b.y);
+  for (const a of mid) (left.length <= right.length ? left : right).push(a);
   let labels = "";
   const place = (arr, side) => {
     const gx = side === "L" ? vx - 14 : vx + vw + 14;
+    const sx = side === "L" ? gx + 26 : gx - 26;
     const anchorX = side === "L" ? "end" : "start";
     const minGap = vh * 0.05;
+    const rows = arr.map((a) => ({ a, tgt: nearestCenter(a, gx) })).sort((p, q) => p.tgt.y - q.tgt.y);
     let prevY = -1e9;
-    for (const a of arr) {
-      const ly = Math.max(a.y - 6, prevY + minGap);
+    for (const { a, tgt } of rows) {
+      const ly = Math.max(tgt.y, prevY + minGap);
       prevY = ly;
       const note = a.part.notes.length ? a.part.notes[0] : "";
-      labels += `<path d="M${gx} ${ly} L${a.x} ${a.y}" stroke="${a.color}" stroke-width="1.6" fill="none" opacity="0.75"/><circle cx="${a.x}" cy="${a.y}" r="5" fill="${a.color}"/><text x="${gx}" y="${ly - 3}" text-anchor="${anchorX}" font-size="${LABEL_FONT}" font-weight="700" fill="${palette.text}">${esc(a.part.name)}</text>`;
+      const dl = ` class="dgmo-body-part" data-line-number="${a.part.lineNumber}" data-emph-key="${esc(a.emph)}"`;
+      labels += `<path${dl} d="M${sx} ${ly} L${tgt.x} ${tgt.y}" stroke="${a.color}" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" fill="none" opacity="0.85"/><circle${dl} cx="${tgt.x}" cy="${tgt.y}" r="5.5" fill="${a.color}" stroke="${palette.bg}" stroke-width="2" vector-effect="non-scaling-stroke"/><text${dl} x="${gx}" y="${ly + (note ? -2 : 7)}" text-anchor="${anchorX}" font-size="${LABEL_FONT}" font-weight="700" fill="${palette.text}">${esc(partLabel(a.part))}</text>`;
       if (note) {
-        labels += `<text x="${gx}" y="${ly + 21}" text-anchor="${anchorX}" font-size="${NOTE_FONT}" fill="${palette.textMuted}">${esc(note)}</text>`;
+        labels += `<text${dl} x="${gx}" y="${ly + 22}" text-anchor="${anchorX}" font-size="${NOTE_FONT}" fill="${palette.textMuted}">${esc(note)}</text>`;
       }
     }
   };
@@ -117,12 +175,15 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
     tagOverride
   );
   const partColor = (part) => resolveTagColor(part.metadata, parsed.tagGroups, activeGroup) ?? accent;
+  const emphKey = (part) => activeGroup ? part.metadata[tagAttrKey(activeGroup)] ?? "" : "";
   const defs = [];
   const rendered = parsed.options.views.map(
     (view) => renderFigureBody(
       getFigure(parsed.options.sex, view),
+      view,
       parsed.parts,
       partColor,
+      emphKey,
       parsed.options.form,
       palette,
       defs
@@ -166,19 +227,21 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
     const seen = /* @__PURE__ */ new Set();
     const items = [];
     for (const part of parsed.parts) {
-      const nm = part.name.toLowerCase();
+      const nm = partKey(part);
       if (seen.has(nm)) continue;
       const aL = fL.anchors.get(nm);
       const aR = fR.anchors.get(nm);
       if (!aL && !aR) continue;
       seen.add(nm);
-      const left = aL ? mapL(aL) : void 0;
-      const right = aR ? mapR(aR) : void 0;
+      const left = aL ? mapL(nearestCenter(aL, fL.vx + fL.vw)) : void 0;
+      const right = aR ? mapR(nearestCenter(aR, fR.vx)) : void 0;
       const ys = [left?.y, right?.y].filter((v) => v != null);
       items.push({
-        name: part.name,
+        name: partLabel(part),
         note: part.notes.length ? part.notes[0] : "",
         color: (aL ?? aR).color,
+        emph: (aL ?? aR).emph,
+        line: part.lineNumber,
         ...left && { left },
         ...right && { right },
         y: ys.reduce((s, v) => s + v, 0) / ys.length
@@ -194,15 +257,16 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
     let labels = "";
     const stub = 96;
     for (const it of items) {
+      const dl = ` class="dgmo-body-part" data-line-number="${it.line}" data-emph-key="${esc(it.emph)}"`;
       if (it.left) {
-        labels += `<path d="M${(centerX - stub).toFixed(1)} ${it.y.toFixed(1)} L${it.left.x.toFixed(1)} ${it.left.y.toFixed(1)}" stroke="${it.color}" stroke-width="1.6" fill="none" opacity="0.75"/><circle cx="${it.left.x.toFixed(1)}" cy="${it.left.y.toFixed(1)}" r="5" fill="${it.color}"/>`;
+        labels += `<path${dl} d="M${(centerX - stub).toFixed(1)} ${it.y.toFixed(1)} L${it.left.x.toFixed(1)} ${it.left.y.toFixed(1)}" stroke="${it.color}" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" fill="none" opacity="0.85"/><circle${dl} cx="${it.left.x.toFixed(1)}" cy="${it.left.y.toFixed(1)}" r="5.5" fill="${it.color}" stroke="${palette.bg}" stroke-width="2" vector-effect="non-scaling-stroke"/>`;
       }
       if (it.right) {
-        labels += `<path d="M${(centerX + stub).toFixed(1)} ${it.y.toFixed(1)} L${it.right.x.toFixed(1)} ${it.right.y.toFixed(1)}" stroke="${it.color}" stroke-width="1.6" fill="none" opacity="0.75"/><circle cx="${it.right.x.toFixed(1)}" cy="${it.right.y.toFixed(1)}" r="5" fill="${it.color}"/>`;
+        labels += `<path${dl} d="M${(centerX + stub).toFixed(1)} ${it.y.toFixed(1)} L${it.right.x.toFixed(1)} ${it.right.y.toFixed(1)}" stroke="${it.color}" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" fill="none" opacity="0.85"/><circle${dl} cx="${it.right.x.toFixed(1)}" cy="${it.right.y.toFixed(1)}" r="5.5" fill="${it.color}" stroke="${palette.bg}" stroke-width="2" vector-effect="non-scaling-stroke"/>`;
       }
-      labels += `<text x="${centerX}" y="${(it.y - 3).toFixed(1)}" text-anchor="middle" font-size="${LABEL_FONT}" font-weight="700" fill="${palette.text}">${esc(it.name)}</text>`;
+      labels += `<text${dl} x="${centerX}" y="${(it.y - 3).toFixed(1)}" text-anchor="middle" font-size="${LABEL_FONT}" font-weight="700" fill="${palette.text}">${esc(it.name)}</text>`;
       if (it.note) {
-        labels += `<text x="${centerX}" y="${(it.y + 20).toFixed(1)}" text-anchor="middle" font-size="${NOTE_FONT}" fill="${palette.textMuted}">${esc(it.note)}</text>`;
+        labels += `<text${dl} x="${centerX}" y="${(it.y + 20).toFixed(1)}" text-anchor="middle" font-size="${NOTE_FONT}" fill="${palette.textMuted}">${esc(it.note)}</text>`;
       }
     }
     body += labels;
@@ -258,4 +322,4 @@ export {
   renderBody,
   renderBodyForExport
 };
-//# sourceMappingURL=chunk-5XCM7UUW.js.map
+//# sourceMappingURL=chunk-QDFNCATJ.js.map

package/dist/{chunk-CEHZOPGM.js → chunk-QFQ35BTO.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-5LWQH6QV.js";
 import {
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-WCUHAQKB.js";
 
 // src/c4/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -1682,4 +1682,4 @@ export {
   layoutC4Components,
   layoutC4Deployment
 };
-//# sourceMappingURL=chunk-CEHZOPGM.js.map
+//# sourceMappingURL=chunk-QFQ35BTO.js.map

package/dist/{chunk-4UDKKGHH.js → chunk-QUJGFNFN.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk-P6T66CCZ.js";
 import {
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-WCUHAQKB.js";
 
 // src/utils/legend-d3.ts
 var LEGEND_TEXT_DY = "0.32em";
@@ -293,4 +293,4 @@ export {
   renderLegendD3,
   renderIntegratedLegend
 };
-//# sourceMappingURL=chunk-4UDKKGHH.js.map
+//# sourceMappingURL=chunk-QUJGFNFN.js.map

package/dist/{chunk-IBC35BTK.js → chunk-R56LASIN.js}

@@ -19,7 +19,7 @@ import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-WCUHAQKB.js";
 
 // src/org/layout.ts
 import { hierarchy, tree } from "d3-hierarchy";
@@ -810,4 +810,4 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
 export {
   layoutOrg
 };
-//# sourceMappingURL=chunk-IBC35BTK.js.map
+//# sourceMappingURL=chunk-R56LASIN.js.map

package/dist/{chunk-SJEGO2QL.js → chunk-RV26LTUU.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-4UDKKGHH.js";
+} from "./chunk-QUJGFNFN.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-7UEMZREK.js";
@@ -35,11 +35,11 @@ import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-D5AVQCDN.js";
+} from "./chunk-T4BRO3Z6.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-WCUHAQKB.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -1848,4 +1848,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-SJEGO2QL.js.map
+//# sourceMappingURL=chunk-RV26LTUU.js.map