@diagrammo/dgmo 0.49.0 → 0.50.1

package/dist/{chunk-HBVD67XG.js → chunk-FJUNPCYI.js}

@@ -1,7 +1,7 @@
 import {
   stripQuotes,
   tokenizeQuoteAware
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   RECOGNIZED_COLOR_NAMES,
@@ -250,4 +250,4 @@ export {
   resolveActiveTagGroup,
   matchTagBlockHeading
 };
-//# sourceMappingURL=chunk-HBVD67XG.js.map
+//# sourceMappingURL=chunk-FJUNPCYI.js.map

package/dist/{chunk-6VE3VLWM.js → chunk-GBE54KY6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-I46X5VUA.js";
 import {
   tryCollectNote
-} from "./chunk-K6HNAY5V.js";
+} from "./chunk-SCHXJTZL.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -20,7 +20,7 @@ import {
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   emit,
@@ -367,8 +367,9 @@ function parseFlowchart(content, palette) {
       continue;
     }
     if (!contentStarted) {
-      if (/^direction-lr$/i.test(trimmed)) {
-        result.direction = "LR";
+      const dirMatch = trimmed.match(/^direction[-\s]+(lr|tb)$/i);
+      if (dirMatch) {
+        result.direction = dirMatch[1].toUpperCase();
         continue;
       }
       if (/^solid-fill$/i.test(trimmed)) {
@@ -466,4 +467,4 @@ export {
   looksLikeFlowchart,
   extractSymbols
 };
-//# sourceMappingURL=chunk-6VE3VLWM.js.map
+//# sourceMappingURL=chunk-GBE54KY6.js.map

package/dist/{chunk-YRVLP7UU.js → chunk-GKC3HILQ.js}

@@ -1,6 +1,6 @@
 import {
   MAP_DIRECTIVE_KEY_SET
-} from "./chunk-DKEPS5LH.js";
+} from "./chunk-U2HGPLZS.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -8,7 +8,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.js";
 import {
   parseInArrowLabel
 } from "./chunk-FFUN5D66.js";
@@ -19,7 +19,7 @@ import {
   peelRampColors,
   splitNameAndMeta,
   withTagAliases
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   formatDgmoError,
   makeDgmoError
@@ -610,4 +610,4 @@ export {
   looksLikeMap,
   parseMap
 };
-//# sourceMappingURL=chunk-YRVLP7UU.js.map
+//# sourceMappingURL=chunk-GKC3HILQ.js.map

package/dist/{chunk-ZXL6MB4R.js → chunk-GL5UZ6NY.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-K6HNAY5V.js";
+} from "./chunk-SCHXJTZL.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -16,7 +16,7 @@ import {
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -445,4 +445,4 @@ export {
   looksLikeClassDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-ZXL6MB4R.js.map
+//# sourceMappingURL=chunk-GL5UZ6NY.js.map

package/dist/{chunk-GB3YZTAM.js → chunk-H73FP42Q.js}

@@ -1,13 +1,13 @@
 import {
   NODE_STROKE_WIDTH
 } from "./chunk-3CIOJ5YJ.js";
-import {
-  VARIANTS,
-  allTasks
-} from "./chunk-5ZZLLBFK.js";
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
+import {
+  VARIANTS,
+  allTasks
+} from "./chunk-PGEGPSCZ.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -747,4 +747,4 @@ export {
   renderRaci,
   renderRaciForExport
 };
-//# sourceMappingURL=chunk-GB3YZTAM.js.map
+//# sourceMappingURL=chunk-H73FP42Q.js.map

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

@@ -21,7 +21,7 @@ import {
 } from "./chunk-P6T66CCZ.js";
 import {
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.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-HEVYAHLW.js.map

package/dist/{chunk-DDTJ5N7Q.js → chunk-HLJVEAOF.js}

@@ -8,19 +8,19 @@ import {
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-BMR4CIEO.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
 } from "./chunk-3CIOJ5YJ.js";
-import {
-  wrapDescriptionLines
-} from "./chunk-BMR4CIEO.js";
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-4UDKKGHH.js";
+} from "./chunk-HEVYAHLW.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-7UEMZREK.js";
@@ -47,7 +47,7 @@ import {
 } from "./chunk-P6T66CCZ.js";
 import {
   resolveTagColor
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -783,4 +783,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-DDTJ5N7Q.js.map
+//# sourceMappingURL=chunk-HLJVEAOF.js.map

package/dist/{chunk-CLR4A2N2.js → chunk-HTMN2Z6U.js}

@@ -1,7 +1,7 @@
 import {
   extractDatePrefix,
   parseTimelineDate
-} from "./chunk-IUK7AGD4.js";
+} from "./chunk-I7F2A35O.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -11,7 +11,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.js";
 import {
   EVENT_LINE_REGISTRY,
   extractColor,
@@ -21,7 +21,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   emit,
   formatDgmoError,
@@ -555,4 +555,4 @@ export {
   EVENT_LINE_DIAGNOSTICS,
   parseEventLine
 };
-//# sourceMappingURL=chunk-CLR4A2N2.js.map
+//# sourceMappingURL=chunk-HTMN2Z6U.js.map

package/dist/{chunk-TLKMTQYL.js → chunk-I2WKW7C7.js}

@@ -5,14 +5,14 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   validateTagGroupNames
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.js";
 import {
   OPTION_NOCOLON_RE,
   extractColor,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   formatDgmoError,
   makeDgmoError
@@ -729,4 +729,4 @@ export {
   resetWireframeIds,
   parseWireframe
 };
-//# sourceMappingURL=chunk-TLKMTQYL.js.map
+//# sourceMappingURL=chunk-I2WKW7C7.js.map

package/dist/{chunk-IUK7AGD4.js → chunk-I7F2A35O.js}

@@ -3,7 +3,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-ZNQX6QWH.js";
+} from "./chunk-OTAL43EH.js";
 import {
   makeDgmoError
 } from "./chunk-CXK4DZH3.js";
@@ -336,4 +336,4 @@ export {
   parseTimelineDate,
   parseTimelineEventLine
 };
-//# sourceMappingURL=chunk-IUK7AGD4.js.map
+//# sourceMappingURL=chunk-I7F2A35O.js.map

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

@@ -19,7 +19,7 @@ import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.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-IUMPEA64.js.map

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

@@ -1,10 +1,11 @@
+import {
+  renderIntegratedLegend
+} from "./chunk-HEVYAHLW.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-FJUNPCYI.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;
@@ -218,7 +282,7 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
   ).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").style("font-family", FONT_FAMILY);
   if (defs.length) svg.append("defs").html(defs.join(""));
   svg.append("g").html(body);
-  if (parsed.title) {
+  if (parsed.title && !parsed.options.noTitle) {
     svg.append("text").attr("x", totalW / 2).attr("y", 40).attr("text-anchor", "middle").attr("font-size", 34).attr("font-weight", 700).attr("fill", palette.text).text(parsed.title);
   }
   if (!parsed.options.noLegend && parsed.tagGroups.length) {
@@ -258,4 +322,4 @@ export {
   renderBody,
   renderBodyForExport
 };
-//# sourceMappingURL=chunk-5XCM7UUW.js.map
+//# sourceMappingURL=chunk-J6K7RP6P.js.map

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

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

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

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

package/dist/{chunk-4NQ3IKUM.js → chunk-KHEYDLMT.js}

@@ -17,7 +17,7 @@ import {
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   resolveColor
@@ -113,7 +113,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
   });
   const root = svg.append("g").attr("transform", `translate(0, ${titleOffset})`);
   if (parsed.title) {
-    svg.append("text").attr("x", width / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).text(parsed.title);
+    svg.append("text").attr("class", "chart-title").attr("x", width / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).attr("data-line-number", String(parsed.titleLineNumber ?? 1)).text(parsed.title);
   }
   const laneColorById = /* @__PURE__ */ new Map();
   parsed.lanes.forEach((lane, i) => {
@@ -223,7 +223,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
       marker = `sw-arrow-${ev.success.replace("#", "")}`;
     }
     const d = roundedPolyline(e.points, EDGE_CORNER_R);
-    edgeG.append("path").attr("d", d).attr("fill", "none").attr("stroke", stroke).attr("stroke-width", EDGE_STROKE).attr("stroke-dasharray", e.back ? "5 4" : null).attr("marker-end", `url(#${marker})`).attr("data-line-number", String(e.lineNumber));
+    edgeG.append("path").attr("class", "sw-edge sw-edge-group").attr("d", d).attr("fill", "none").attr("stroke", stroke).attr("stroke-width", EDGE_STROKE).attr("stroke-dasharray", e.back ? "5 4" : null).attr("marker-end", `url(#${marker})`).attr("data-line-number", String(e.lineNumber));
     if (e.label) {
       const segLen = [];
       let total = 0;
@@ -300,7 +300,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
   const nodesG = root.append("g").attr("class", "dgmo-swimlane-nodes");
   for (const n of layout.nodes) {
     const { fill, stroke } = nodeFill(n);
-    const g = nodesG.append("g").attr("data-line-number", String(n.lineNumber)).attr("data-lane", n.lane);
+    const g = nodesG.append("g").attr("class", "sw-node").attr("data-node-id", n.id).attr("data-line-number", String(n.lineNumber)).attr("data-lane", n.lane);
     const cx = n.x;
     const cy = n.y;
     if (n.shape === "exclusive" || n.shape === "parallel") {
@@ -391,4 +391,4 @@ function drawCenteredLabel(g, label, cx, cy, fill, fontSize, tight = false, halo
 export {
   renderSwimlaneForExport
 };
-//# sourceMappingURL=chunk-4NQ3IKUM.js.map
+//# sourceMappingURL=chunk-KHEYDLMT.js.map

package/dist/{chunk-YM2BSPYW.js → chunk-LE4MYMLI.js}

@@ -29,7 +29,7 @@ import {
 } from "./chunk-P6T66CCZ.js";
 import {
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -3177,4 +3177,4 @@ export {
   albersSkewFallback,
   layoutMap
 };
-//# sourceMappingURL=chunk-YM2BSPYW.js.map
+//# sourceMappingURL=chunk-LE4MYMLI.js.map

package/dist/{chunk-PU3AUQPA.js → chunk-M5RXSRO2.js}

@@ -39,7 +39,7 @@ import {
 } from "./chunk-P6T66CCZ.js";
 import {
   parseFlowchart
-} from "./chunk-6VE3VLWM.js";
+} from "./chunk-GBE54KY6.js";
 
 // src/graph/flowchart-renderer.ts
 import * as d3Selection from "d3-selection";
@@ -527,4 +527,4 @@ export {
   renderFlowchart,
   renderFlowchartForExport
 };
-//# sourceMappingURL=chunk-PU3AUQPA.js.map
+//# sourceMappingURL=chunk-M5RXSRO2.js.map

package/dist/{chunk-XKTN7CZF.js → chunk-MCZ5LBZD.js}

@@ -5,10 +5,10 @@ import {
   formatPct,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-UVCXZEGU.js";
+} from "./chunk-PFHVU7UA.js";
 import {
   renderIntegratedLegend
-} from "./chunk-4UDKKGHH.js";
+} from "./chunk-HEVYAHLW.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-7UEMZREK.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk-P6T66CCZ.js";
 import {
   tagAttrKey
-} from "./chunk-HBVD67XG.js";
+} from "./chunk-FJUNPCYI.js";
 
 // src/treemap/renderer-radial.ts
 import * as d3Selection from "d3-selection";
@@ -421,4 +421,4 @@ export {
   renderTreemapRadialForExport,
   renderTreemapRadial
 };
-//# sourceMappingURL=chunk-XKTN7CZF.js.map
+//# sourceMappingURL=chunk-MCZ5LBZD.js.map