@diagrammo/dgmo 0.76.0 → 0.78.0

package/dist/{chunk-CLQJAGWL.js → chunk-M3LZCDB6.js}

@@ -1,36 +1,40 @@
 import {
   wrapDescriptionLines
-} from "./chunk-NCT22MOD.js";
+} from "./chunk-WMIKC5XO.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
-import {
-  COLLAPSE_BAR_HEIGHT
-} from "./chunk-FJ57274M.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
+  COLLAPSE_BAR_HEIGHT,
+  EDGE_DASH,
+  HAIRLINE_DASH
+} from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-FLMXJMMY.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QT5UMFPE.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-4SXHMFFP.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   legendChromeColors
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   measureText,
   truncateText
@@ -39,11 +43,11 @@ import {
   isSequenceBlock,
   isSequenceNote,
   isSequenceSection
-} from "./chunk-7NSNE52V.js";
+} from "./chunk-XCR3PDFF.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
@@ -54,7 +58,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/sequence/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -250,7 +254,6 @@ var TITLE_HEIGHT = 30;
 var PARTICIPANT_Y_OFFSET = 10;
 var MESSAGE_START_OFFSET = 50;
 var LIFELINE_TAIL = 30;
-var ARROWHEAD_SIZE = 8;
 var NOTE_MAX_W = 200;
 var NOTE_FOLD = 10;
 var NOTE_PAD_H = 8;
@@ -359,7 +362,7 @@ function renderCacheParticipant(g, palette, isDark, color, fillMode, w = W, h =
   const bodyH = h - ry * 2;
   const f = fill(palette, isDark, color, fillMode);
   const s = stroke(palette, color);
-  const dash = "4 3";
+  const dash = EDGE_DASH;
   g.append("ellipse").attr("cx", 0).attr("cy", topY + bodyH).attr("rx", w / 2).attr("ry", ry).attr("fill", f).attr("stroke", s).attr("stroke-width", SW).attr("stroke-dasharray", dash);
   g.append("rect").attr("class", "participant-body").attr("x", -w / 2).attr("y", topY).attr("width", w).attr("height", bodyH).attr("fill", f).attr("stroke", "none");
   g.append("line").attr("x1", -w / 2).attr("y1", topY).attr("x2", -w / 2).attr("y2", topY + bodyH).attr("stroke", s).attr("stroke-width", SW).attr("stroke-dasharray", dash);
@@ -712,7 +715,8 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
   const sParticipantYOffset = ctx.aesthetic(PARTICIPANT_Y_OFFSET);
   const sMsgStartOffset = ctx.structural(MESSAGE_START_OFFSET);
   const sLifelineTail = ctx.structural(LIFELINE_TAIL);
-  const sArrowheadSize = ctx.structural(ARROWHEAD_SIZE);
+  const sArrowheadW = ctx.structural(ARROWHEAD_WIDTH);
+  const sArrowheadH = ctx.structural(ARROWHEAD_HEIGHT);
   const sNoteMaxW = ctx.structural(NOTE_MAX_W);
   const sNoteFold = ctx.structural(NOTE_FOLD);
   const sNotePadH = ctx.structural(NOTE_PAD_H);
@@ -1338,26 +1342,20 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     offsetX = leftMargin + Math.max(0, (svgWidth - totalWidth) / 2);
     buildParticipantX();
   }
-  const svg = d3Selection.select(container).append("svg").attr("width", "100%").attr("height", totalHeight).attr("viewBox", `0 0 ${svgWidth} ${totalHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("class", "sequence-diagram").style("font-family", FONT_FAMILY);
+  const svg = d3Selection.select(container).append("svg").attr("width", svgWidth).attr("height", totalHeight).attr("viewBox", `0 0 ${svgWidth} ${totalHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("class", "sequence-diagram").style("font-family", FONT_FAMILY);
+  if (ctx.isBelowFloor) {
+    svg.attr("width", "100%");
+  }
   const defs = svg.append("defs");
-  defs.append("marker").attr("id", "seq-arrowhead").attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polygon").attr(
-    "points",
-    `0,0 ${sArrowheadSize},${sArrowheadSize / 2} 0,${sArrowheadSize}`
-  ).attr("fill", palette.text);
-  defs.append("marker").attr("id", "seq-arrowhead-open").attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polyline").attr(
-    "points",
-    `0,0 ${sArrowheadSize},${sArrowheadSize / 2} 0,${sArrowheadSize}`
-  ).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1.2);
-  defs.append("marker").attr("id", "seq-arrowhead-async").attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polyline").attr(
-    "points",
-    `0,0 ${sArrowheadSize},${sArrowheadSize / 2} 0,${sArrowheadSize}`
-  ).attr("fill", "none").attr("stroke", palette.text).attr("stroke-width", 1.2);
-  const arrowPoints = `0,0 ${sArrowheadSize},${sArrowheadSize / 2} 0,${sArrowheadSize}`;
+  defs.append("marker").attr("id", "seq-arrowhead").attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polygon").attr("points", `0,0 ${sArrowheadW},${sArrowheadH / 2} 0,${sArrowheadH}`).attr("fill", palette.text);
+  defs.append("marker").attr("id", "seq-arrowhead-open").attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polyline").attr("points", `0,0 ${sArrowheadW},${sArrowheadH / 2} 0,${sArrowheadH}`).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1.2);
+  defs.append("marker").attr("id", "seq-arrowhead-async").attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polyline").attr("points", `0,0 ${sArrowheadW},${sArrowheadH / 2} 0,${sArrowheadH}`).attr("fill", "none").attr("stroke", palette.text).attr("stroke-width", 1.2);
+  const arrowPoints = `0,0 ${sArrowheadW},${sArrowheadH / 2} 0,${sArrowheadH}`;
   for (const [, color] of tagValueToColor) {
     const hex = color.replace("#", "");
-    defs.append("marker").attr("id", `seq-arrowhead-c${hex}`).attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polygon").attr("points", arrowPoints).attr("fill", color);
-    defs.append("marker").attr("id", `seq-arrowhead-async-c${hex}`).attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polyline").attr("points", arrowPoints).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2);
-    defs.append("marker").attr("id", `seq-arrowhead-open-c${hex}`).attr("viewBox", `0 0 ${sArrowheadSize} ${sArrowheadSize}`).attr("refX", sArrowheadSize).attr("refY", sArrowheadSize / 2).attr("markerWidth", sArrowheadSize).attr("markerHeight", sArrowheadSize).attr("orient", "auto").append("polyline").attr("points", arrowPoints).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2);
+    defs.append("marker").attr("id", `seq-arrowhead-c${hex}`).attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polygon").attr("points", arrowPoints).attr("fill", color);
+    defs.append("marker").attr("id", `seq-arrowhead-async-c${hex}`).attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polyline").attr("points", arrowPoints).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2);
+    defs.append("marker").attr("id", `seq-arrowhead-open-c${hex}`).attr("viewBox", `0 0 ${sArrowheadW} ${sArrowheadH}`).attr("refX", sArrowheadW).attr("refY", sArrowheadH / 2).attr("markerWidth", sArrowheadW).attr("markerHeight", sArrowheadH).attr("orient", "auto").append("polyline").attr("points", arrowPoints).attr("fill", "none").attr("stroke", color).attr("stroke-width", 1.2);
   }
   const coloredMarker = (type, tagColor) => {
     if (tagColor) {
@@ -1513,7 +1511,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const pStroke = effectiveTagColor || palette.border;
       participantG.append("rect").attr("x", -boxW / 2).attr("y", -padTop).attr("width", boxW).attr("height", fullH).attr("rx", 6).attr("fill", pFill).attr("stroke", pStroke).attr("stroke-width", 1.5);
       const nameY = -padTop + (fullH - drillBarH) / 2;
-      participantG.append("text").attr("x", 0).attr("y", nameY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.text).attr("font-size", sLabelFontSize).attr("font-weight", 500).attr("class", "collapsed-group-label").text(truncateText(participant.label, sLabelFontSize, sLabelTextWidth));
+      participantG.append("text").attr("x", 0).attr("y", nameY).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", palette.text).attr("font-size", sLabelFontSize).attr("font-weight", "normal").attr("class", "collapsed-group-label").text(truncateText(participant.label, sLabelFontSize, sLabelTextWidth));
       participantG.append("clipPath").attr("id", clipId).append("rect").attr("x", -boxW / 2).attr("y", -padTop).attr("width", boxW).attr("height", fullH).attr("rx", 6);
       participantG.append("rect").attr("class", "sequence-drill-bar").attr("x", -boxW / 2).attr("y", -padTop + fullH - drillBarH).attr("width", boxW).attr("height", drillBarH).attr("fill", drillColor).attr("clip-path", `url(#${clipId})`);
     }
@@ -1524,7 +1522,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       llY,
       lifelineStartY + lifelineLength
     )) {
-      const lifelineEl = svg.append("line").attr("x1", cx).attr("y1", segTop).attr("x2", cx).attr("y2", segBottom).attr("stroke", llColor).attr("stroke-width", 1).attr("stroke-dasharray", "6 4").attr("class", "lifeline").attr("data-participant-id", participant.id);
+      const lifelineEl = svg.append("line").attr("x1", cx).attr("y1", segTop).attr("x2", cx).attr("y2", segBottom).attr("stroke", llColor).attr("stroke-width", 1).attr("stroke-dasharray", EDGE_DASH).attr("class", "lifeline").attr("data-participant-id", participant.id);
       if (tagKey && pTagValue) {
         lifelineEl.attr(`data-tag-${tagKey}`, pTagValue.toLowerCase());
       }
@@ -1622,7 +1620,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const frameY = stepY(minStep) - FRAME_PADDING_TOP;
       const frameW = maxPX - minPX + FRAME_PADDING_X * 2 + extraRight;
       const frameH = stepY(maxStep) - stepY(minStep) + FRAME_PADDING_TOP + FRAME_PADDING_BOTTOM + (maxStepIsSelfCall ? sSelfCallHeight : 0);
-      svg.append("rect").attr("x", frameX).attr("y", frameY).attr("width", frameW).attr("height", frameH).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", "2 3").attr("rx", 3).attr("ry", 3).attr("class", "block-frame").attr("data-block-line", String(el.lineNumber));
+      svg.append("rect").attr("x", frameX).attr("y", frameY).attr("width", frameW).attr("height", frameH).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", HAIRLINE_DASH).attr("rx", 3).attr("ry", 3).attr("class", "block-frame").attr("data-block-line", String(el.lineNumber));
       deferredLabels.push({
         x: frameX + 6,
         y: frameY + FRAME_LABEL_HEIGHT - 4,
@@ -1731,7 +1729,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     }
   });
   for (const ln of deferredLines) {
-    const line = svg.append("line").attr("x1", ln.x1).attr("y1", ln.y1).attr("x2", ln.x2).attr("y2", ln.y2).attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", "2 3").attr("class", "block-divider");
+    const line = svg.append("line").attr("x1", ln.x1).attr("y1", ln.y1).attr("x2", ln.x2).attr("y2", ln.y2).attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-dasharray", HAIRLINE_DASH).attr("class", "block-divider");
     if (ln.blockLine !== void 0)
       line.attr("data-block-line", String(ln.blockLine));
   }
@@ -1786,7 +1784,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
     const markY = secY + COLLAPSED_SECTION_MARK_OFFSET;
     const involvedXs = participants.filter((p) => participation.has(p.id)).map((p) => participantX.get(p.id)).filter((x) => x !== void 0);
     if (involvedXs.length > 1) {
-      sectionG.append("line").attr("x1", Math.min(...involvedXs)).attr("x2", Math.max(...involvedXs)).attr("y1", markY).attr("y2", markY).attr("stroke", lineColor).attr("stroke-width", 1).attr("stroke-dasharray", "2 3").attr("opacity", 0.5).attr("pointer-events", "none").attr("class", "section-reach");
+      sectionG.append("line").attr("x1", Math.min(...involvedXs)).attr("x2", Math.max(...involvedXs)).attr("y1", markY).attr("y2", markY).attr("stroke", lineColor).attr("stroke-width", 1).attr("stroke-dasharray", HAIRLINE_DASH).attr("opacity", 0.5).attr("pointer-events", "none").attr("class", "section-reach");
     }
     for (const participant of participants) {
       const markX = participantX.get(participant.id);
@@ -1868,7 +1866,7 @@ function renderSequenceDiagram(container, parsed, palette, isDark, _onNavigateTo
       const x2 = arrowEdgeX(step.to, i, goingRight ? "left" : "right");
       const returnColor = msgTagColor || palette.textMuted;
       svg.append("rect").attr("x", Math.min(x1, x2)).attr("y", y - HIT_H / 2).attr("width", Math.abs(x2 - x1)).attr("height", HIT_H).attr("fill", "transparent").attr("class", "message-hit-area").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i));
-      const returnEl = svg.append("line").attr("x1", x1).attr("y1", y).attr("x2", x2).attr("y2", y).attr("stroke", returnColor).attr("stroke-width", 1).attr("stroke-dasharray", "6 4").attr("marker-end", coloredMarker("return", msgTagColor)).attr("class", "return-arrow").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i)).attr("data-from", step.from).attr("data-to", step.to);
+      const returnEl = svg.append("line").attr("x1", x1).attr("y1", y).attr("x2", x2).attr("y2", y).attr("stroke", returnColor).attr("stroke-width", 1).attr("stroke-dasharray", EDGE_DASH).attr("marker-end", coloredMarker("return", msgTagColor)).attr("class", "return-arrow").attr("data-line-number", String(msg.lineNumber)).attr("data-msg-index", String(step.messageIndex)).attr("data-step-index", String(i)).attr("data-from", step.from).attr("data-to", step.to);
       if (tagKey && msgTagValue) {
         returnEl.attr(`data-tag-${tagKey}`, msgTagValue.toLowerCase());
       }
@@ -2049,7 +2047,7 @@ function renderParticipant(svg, participant, cx, cy, palette, isDark, color, tag
     palette.textOnFillLight,
     palette.textOnFillDark
   );
-  const textEl = g.append("text").attr("x", 0).attr("text-anchor", "middle").attr("fill", labelFill).attr("font-size", fontSize).attr("font-weight", 500);
+  const textEl = g.append("text").attr("x", 0).attr("text-anchor", "middle").attr("fill", labelFill).attr("font-size", fontSize).attr("font-weight", "normal");
   const maxLabelW = labelTextWidth(boxW);
   const truncLine = (text) => truncateText(text, fontSize, maxLabelW);
   if (labelLines.length === 1) {
@@ -2074,4 +2072,4 @@ export {
   renderSequenceDiagram,
   buildNoteMessageMap
 };
-//# sourceMappingURL=chunk-CLQJAGWL.js.map
+//# sourceMappingURL=chunk-M3LZCDB6.js.map

package/dist/{chunk-YT5ICQ4R.js → chunk-MFK7LF66.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-MTGGOCND.js";
 import {
   mix
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/utils/legend-constants.ts
 var LEGEND_HEIGHT = 28;
@@ -59,4 +59,4 @@ export {
   LEGEND_TOGGLE_OFF_OPACITY,
   LEGEND_GEAR_PILL_W
 };
-//# sourceMappingURL=chunk-YT5ICQ4R.js.map
+//# sourceMappingURL=chunk-MFK7LF66.js.map

package/dist/{chunk-JL7BDLC6.js → chunk-MJYFPFZT.js}

@@ -3,6 +3,9 @@ import {
   rectCircleOverlap,
   rectsOverlap
 } from "./chunk-L65WI4HO.js";
+import {
+  MIN_CANVAS_WIDTH
+} from "./chunk-EPDBWATV.js";
 import {
   EXPORT_HEIGHT,
   EXPORT_WIDTH,
@@ -11,29 +14,29 @@ import {
   initD3Chart,
   renderChartTitle,
   resolveExportPalette
-} from "./chunk-UBW53CNS.js";
+} from "./chunk-3XFOE3DQ.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-FLMXJMMY.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_OFFSET,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   computeLegendLayout
-} from "./chunk-4SXHMFFP.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_DOT_R,
   LEGEND_ENTRY_FONT_SIZE,
   LEGEND_HEIGHT,
   LEGEND_PILL_FONT_SIZE,
   legendChromeColors
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
@@ -50,7 +53,7 @@ import {
 } from "./chunk-2CW5ZTNH.js";
 import {
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   contrastText,
   getSegmentColors,
@@ -60,7 +63,93 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
+
+// src/charts-d3/natural-size.ts
+var UNCOUNTED_WIDTH = 720;
+var MIN_NATURAL_WIDTH = MIN_CANVAS_WIDTH;
+var STEP_PER_CATEGORY = 80;
+var STEP_PER_SERIES_IN_GROUP = 28;
+var STEP_PER_LINE_POINT = 48;
+var STEP_PER_HEATMAP_COLUMN = 64;
+var STEP_PER_SANKEY_DEPTH = 220;
+var AXIS_FURNITURE = 120;
+function clamp(w) {
+  return Math.round(Math.max(MIN_NATURAL_WIDTH, Math.min(EXPORT_WIDTH, w)));
+}
+function sankeyDepth(links) {
+  const targets = new Set(links.map((l) => l.target));
+  const roots = new Set(
+    links.map((l) => l.source).filter((n) => !targets.has(n))
+  );
+  if (roots.size === 0) return 2;
+  const next = /* @__PURE__ */ new Map();
+  for (const l of links)
+    next.set(l.source, [...next.get(l.source) ?? [], l.target]);
+  let depth = 1;
+  let level = [...roots];
+  const seen = new Set(level);
+  while (level.length > 0 && depth < 12) {
+    const following = level.flatMap((n) => next.get(n) ?? []).filter((n) => !seen.has(n));
+    if (following.length === 0) break;
+    following.forEach((n) => seen.add(n));
+    level = [...new Set(following)];
+    depth += 1;
+  }
+  return depth;
+}
+function naturalDataChartSize(content, palette) {
+  const width = naturalDataChartWidth(content, palette);
+  if (width === null) return null;
+  return {
+    width,
+    height: Math.round(width * EXPORT_HEIGHT / EXPORT_WIDTH)
+  };
+}
+function naturalDataChartWidth(content, palette) {
+  const ext = parseExtendedChart(content, palette);
+  if (ext && !ext.error) {
+    switch (ext.type) {
+      case "heatmap": {
+        const cols = ext.columns?.length ?? 0;
+        if (cols === 0) return UNCOUNTED_WIDTH;
+        return clamp(AXIS_FURNITURE + cols * STEP_PER_HEATMAP_COLUMN);
+      }
+      case "sankey":
+      case "chord": {
+        const links = ext.links ?? [];
+        if (ext.type === "chord" || links.length === 0) return UNCOUNTED_WIDTH;
+        return clamp(sankeyDepth(links) * STEP_PER_SANKEY_DEPTH);
+      }
+      case "funnel":
+      case "scatter":
+      case "function":
+        return UNCOUNTED_WIDTH;
+    }
+  }
+  const std = parseChart(content, palette);
+  if (!std || std.error || std.data.length === 0) return null;
+  switch (std.type) {
+    case "pie":
+    case "radar":
+    case "polar-area":
+      return UNCOUNTED_WIDTH;
+    case "bar": {
+      if (std.orientation === "horizontal") return UNCOUNTED_WIDTH;
+      const series = Math.max(1, std.seriesNames?.length ?? 1);
+      const grouped = std.barLayout === "group" ? series : 1;
+      const step = Math.max(
+        STEP_PER_CATEGORY,
+        grouped * STEP_PER_SERIES_IN_GROUP
+      );
+      return clamp(AXIS_FURNITURE + std.data.length * step);
+    }
+    case "line":
+      return clamp(AXIS_FURNITURE + std.data.length * STEP_PER_LINE_POINT);
+    default:
+      return null;
+  }
+}
 
 // src/utils/legend-svg.ts
 var CENTER = 'dominant-baseline="central"';
@@ -78,7 +167,7 @@ function emitCapsule(capsule, palette, groupBg, pillBorder) {
     `<rect x="${pill.x}" y="${pill.y}" width="${pill.width}" height="${pill.height}" rx="${pill.height / 2}" fill="none" stroke="${esc(pillBorder)}" stroke-width="0.75"/>`
   );
   inner.push(
-    `<text x="${pill.x + pill.width / 2}" y="${LEGEND_HEIGHT / 2}" ${CENTER} font-size="${LEGEND_PILL_FONT_SIZE}" font-weight="500" fill="${esc(palette.text)}" text-anchor="middle" font-family="${esc(FONT_FAMILY)}">${esc(capsule.groupName)}</text>`
+    `<text x="${pill.x + pill.width / 2}" y="${LEGEND_HEIGHT / 2}" ${CENTER} font-size="${LEGEND_PILL_FONT_SIZE}" font-weight="normal" fill="${esc(palette.text)}" text-anchor="middle" font-family="${esc(FONT_FAMILY)}">${esc(capsule.groupName)}</text>`
   );
   for (const entry of capsule.entries) {
     const label = entry.displayValue ?? entry.value;
@@ -90,7 +179,7 @@ function emitCapsule(capsule, palette, groupBg, pillBorder) {
   return `<g transform="translate(${capsule.x},${capsule.y})" data-legend-group="${esc(tagAttrKey(capsule.groupName))}" style="cursor:pointer">${inner.join("")}</g>`;
 }
 function emitPill(pill, palette, groupBg) {
-  return `<g transform="translate(${pill.x},${pill.y})" data-legend-group="${esc(tagAttrKey(pill.groupName))}" style="cursor:pointer"><rect width="${pill.width}" height="${pill.height}" rx="${pill.height / 2}" fill="${esc(groupBg)}"/><text x="${pill.width / 2}" y="${pill.height / 2}" ${CENTER} font-size="${LEGEND_PILL_FONT_SIZE}" font-weight="500" fill="${esc(palette.textMuted)}" text-anchor="middle" font-family="${esc(FONT_FAMILY)}">${esc(pill.groupName)}</text></g>`;
+  return `<g transform="translate(${pill.x},${pill.y})" data-legend-group="${esc(tagAttrKey(pill.groupName))}" style="cursor:pointer"><rect width="${pill.width}" height="${pill.height}" rx="${pill.height / 2}" fill="${esc(groupBg)}"/><text x="${pill.width / 2}" y="${pill.height / 2}" ${CENTER} font-size="${LEGEND_PILL_FONT_SIZE}" font-weight="normal" fill="${esc(palette.textMuted)}" text-anchor="middle" font-family="${esc(FONT_FAMILY)}">${esc(pill.groupName)}</text></g>`;
 }
 function renderLegendSvg(groups, options) {
   if (groups.length === 0) return { svg: "", height: 0, width: 0 };
@@ -261,11 +350,11 @@ function computeLeftMargin(yLabel, leftLabels) {
 }
 function drawXAxisTitle(svg, label, cx, y, textColor) {
   if (!label) return;
-  svg.append("text").attr("x", cx).attr("y", y).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", AXIS_LABEL_FONT).attr("font-family", FONT_FAMILY).attr("font-weight", 600).text(label);
+  svg.append("text").attr("x", cx).attr("y", y).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", AXIS_LABEL_FONT).attr("font-family", FONT_FAMILY).attr("font-weight", "bold").text(label);
 }
 function drawYAxisTitle(svg, label, cy, x, textColor) {
   if (!label) return;
-  svg.append("text").attr("transform", `translate(${x},${cy}) rotate(-90)`).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", AXIS_LABEL_FONT).attr("font-family", FONT_FAMILY).attr("font-weight", 600).text(label);
+  svg.append("text").attr("transform", `translate(${x},${cy}) rotate(-90)`).attr("text-anchor", "middle").attr("fill", textColor).attr("font-size", AXIS_LABEL_FONT).attr("font-family", FONT_FAMILY).attr("font-weight", "bold").text(label);
 }
 function tagDatum(sel, o) {
   const cls = (sel.attr("class") ?? "").split(/\s+/).filter(Boolean);
@@ -855,7 +944,7 @@ function renderPie(svg, chart, width, height, palette, isDark, textColor, topIns
     }
   }
   if (hasHole && !chart.noCenterTotal) {
-    g.append("text").attr("text-anchor", "middle").attr("y", Math.max(4, 8 * labelScale)).attr("fill", textColor).attr("font-size", Math.max(11, 26 * labelScale)).attr("font-weight", 700).attr("font-family", FONT_FAMILY).text(fmtNum(total));
+    g.append("text").attr("text-anchor", "middle").attr("y", Math.max(4, 8 * labelScale)).attr("fill", textColor).attr("font-size", Math.max(11, 26 * labelScale)).attr("font-weight", "bold").attr("font-family", FONT_FAMILY).text(fmtNum(total));
   }
 }
 
@@ -1072,18 +1161,18 @@ function renderFunnel(svg, chart, width, height, colors, palette, isDark, topIns
     const yMid = (y0 + y1) / 2;
     const halfEdge = (topW + botW) / 4;
     if (!chart.noName) {
-      svg.append("text").attr("x", cx - halfEdge - PAD).attr("y", yMid + sideFont * 0.35).attr("text-anchor", "end").attr("fill", stroke).attr("font-size", sideFont).attr("font-weight", 600).attr("font-family", FONT_FAMILY).text(d.label);
+      svg.append("text").attr("x", cx - halfEdge - PAD).attr("y", yMid + sideFont * 0.35).attr("text-anchor", "end").attr("fill", stroke).attr("font-size", sideFont).attr("font-weight", "bold").attr("font-family", FONT_FAMILY).text(d.label);
     }
     const showPct = !chart.noPercent && i > 0;
     const valueInside = valueInsideAt(plotW, i);
     if (valueInside) {
       const valueSize = valueSizeAt(plotW, i);
       const valueFill = fillMode === "solid" ? contrastText(fill, palette.textOnFillLight, palette.textOnFillDark) : stroke;
-      svg.append("text").attr("x", cx).attr("y", yMid + valueSize * 0.35).attr("text-anchor", "middle").attr("fill", valueFill).attr("font-size", valueSize).attr("font-weight", 700).attr("font-family", FONT_FAMILY).text(fmtNum(d.value));
+      svg.append("text").attr("x", cx).attr("y", yMid + valueSize * 0.35).attr("text-anchor", "middle").attr("fill", valueFill).attr("font-size", valueSize).attr("font-weight", "bold").attr("font-family", FONT_FAMILY).text(fmtNum(d.value));
     }
     const showValueRight = !chart.noValue && !valueInside;
     if (showValueRight || showPct) {
-      const text = svg.append("text").attr("x", cx + halfEdge + PAD).attr("y", yMid + sideFont * 0.35).attr("text-anchor", "start").attr("font-size", sideFont).attr("font-weight", 600).attr("font-family", FONT_FAMILY);
+      const text = svg.append("text").attr("x", cx + halfEdge + PAD).attr("y", yMid + sideFont * 0.35).attr("text-anchor", "start").attr("font-size", sideFont).attr("font-weight", "bold").attr("font-family", FONT_FAMILY);
       if (showValueRight) {
         text.append("tspan").attr("fill", stroke).text(fmtNum(d.value));
       }
@@ -1183,7 +1272,7 @@ function renderHeatmap(svg, chart, width, height, palette, isDark, textColor, bg
         color: ramp
       });
       if (!chart.noValue) {
-        const label = svg.append("text").attr("x", left + ci * cw + cw / 2).attr("y", top + ri * ch + ch / 2 + cellFont / 3).attr("text-anchor", "middle").attr("fill", labelTint(ramp)).attr("font-size", cellFont).attr("font-weight", 600).attr("font-family", FONT_FAMILY).text(fmtNum(v));
+        const label = svg.append("text").attr("x", left + ci * cw + cw / 2).attr("y", top + ri * ch + ch / 2 + cellFont / 3).attr("text-anchor", "middle").attr("fill", labelTint(ramp)).attr("font-size", cellFont).attr("font-weight", "bold").attr("font-family", FONT_FAMILY).text(fmtNum(v));
         tagDatum(label, {
           line: row.lineNumber,
           key: cellKey,
@@ -1909,8 +1998,9 @@ function firstNonCommentToken(content) {
 async function renderDataChartD3(content, theme, palette, dims) {
   const effectivePalette = await resolveExportPalette(theme, palette);
   const isDark = theme === "dark";
-  const w = dims?.width && dims.width > 0 ? Math.round(dims.width) : EXPORT_WIDTH;
-  const h = dims?.height && dims.height > 0 ? Math.round(dims.height) : EXPORT_HEIGHT;
+  const natural = naturalDataChartSize(content, effectivePalette);
+  const w = dims?.width && dims.width > 0 ? Math.round(dims.width) : natural?.width ?? EXPORT_WIDTH;
+  const h = dims?.height && dims.height > 0 ? Math.round(dims.height) : dims?.width && dims.width > 0 ? Math.round(w * EXPORT_HEIGHT / EXPORT_WIDTH) : natural?.height ?? EXPORT_HEIGHT;
   const container = createExportContainer(w, h);
   const init = initD3Chart(container, effectivePalette, {
     width: w,
@@ -2151,4 +2241,4 @@ export {
   supportsD3DataChart,
   renderDataChartD3
 };
-//# sourceMappingURL=chunk-JL7BDLC6.js.map
+//# sourceMappingURL=chunk-MJYFPFZT.js.map

package/dist/{chunk-2QRIMMIH.js → chunk-N56W4R66.js}

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -419,4 +419,4 @@ function parseStepLine(trimmed, lineNumber, counter, aliasMap, warn, diagnostics
 export {
   parseJourneyMap
 };
-//# sourceMappingURL=chunk-2QRIMMIH.js.map
+//# sourceMappingURL=chunk-N56W4R66.js.map

package/dist/{chunk-LXXVHLTH.js → chunk-NN5IDH2I.js}

@@ -13,7 +13,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   ALL_CHART_TYPES,
   AliasRegistry,
@@ -527,4 +527,4 @@ export {
   looksLikeSitemap,
   parseSitemap
 };
-//# sourceMappingURL=chunk-LXXVHLTH.js.map
+//# sourceMappingURL=chunk-NN5IDH2I.js.map

package/dist/{chunk-46KVXDUJ.js → chunk-NS3KIRSW.js}

@@ -17,7 +17,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   AliasRegistry,
   INFRA_BEHAVIOR_KEY_SET,
@@ -1011,4 +1011,4 @@ export {
   parseInfra,
   extractSymbols
 };
-//# sourceMappingURL=chunk-46KVXDUJ.js.map
+//# sourceMappingURL=chunk-NS3KIRSW.js.map

package/dist/{chunk-LM3HY3VG.js → chunk-P2DM7Q5U.js}

@@ -1,6 +1,6 @@
 import {
   buildPlacedNotes
-} from "./chunk-OWVDD5EC.js";
+} from "./chunk-LMWXBFLA.js";
 import {
   noteCanvasShift
 } from "./chunk-6EK55ART.js";
@@ -201,4 +201,4 @@ function layoutClassDiagram(parsed, options) {
 export {
   layoutClassDiagram
 };
-//# sourceMappingURL=chunk-LM3HY3VG.js.map
+//# sourceMappingURL=chunk-P2DM7Q5U.js.map

package/dist/{chunk-DJL5PO27.js → chunk-P4SQV3XD.js}

@@ -4,7 +4,7 @@ import {
 import {
   isTagBlockHeading,
   matchTagBlockHeading
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   makeDgmoError
 } from "./chunk-5SI6T5A5.js";
@@ -456,4 +456,4 @@ export {
   normalizePertSourceForShare,
   resolveOrgImports
 };
-//# sourceMappingURL=chunk-DJL5PO27.js.map
+//# sourceMappingURL=chunk-P4SQV3XD.js.map

package/dist/{chunk-HOIAQ3P2.js → chunk-P54AX5XN.js}

@@ -1,9 +1,9 @@
 import {
   wrapDescriptionLines
-} from "./chunk-NCT22MOD.js";
+} from "./chunk-WMIKC5XO.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -11,10 +11,10 @@ import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText
@@ -26,7 +26,7 @@ import {
   contrastText,
   getSeriesColors,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -144,7 +144,7 @@ function renderRing(container, parsed, palette, isDark, onClickItem, exportDims)
       );
       const labelG = labelsG.append("g").attr("class", "ring-label-group").attr("data-line-number", layer.lineNumber);
       if (isInnermost) {
-        const label = labelG.append("text").attr("class", "ring-label").attr("x", cx).attr("y", cy).attr("dy", "0.35em").attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", 600).style("pointer-events", "none");
+        const label = labelG.append("text").attr("class", "ring-label").attr("x", cx).attr("y", cy).attr("dy", "0.35em").attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", "bold").style("pointer-events", "none");
         renderInlineText(label, layer.label, palette, labelFont);
         continue;
       }
@@ -199,7 +199,7 @@ function drawRingCurvedLabel(labelG, defs, pathId, text, cx, cy, rMid, labelFont
   const p1y = cy - Math.cos(halfAngle) * rPath;
   const d = `M ${p0x.toFixed(2)} ${p0y.toFixed(2)} A ${rPath.toFixed(2)} ${rPath.toFixed(2)} 0 ${largeArc} 1 ${p1x.toFixed(2)} ${p1y.toFixed(2)}`;
   defs.append("path").attr("id", pathId).attr("d", d);
-  const label = labelG.append("text").attr("class", "ring-label").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", fs).attr("font-weight", 600).style("pointer-events", "none");
+  const label = labelG.append("text").attr("class", "ring-label").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", fs).attr("font-weight", "bold").style("pointer-events", "none");
   const textPath = label.append("textPath").attr("href", `#${pathId}`).attr("startOffset", "50%").attr("text-anchor", "middle");
   renderInlineText(
     textPath,
@@ -262,7 +262,7 @@ function renderSideDescriptions(args) {
       blockG.style("cursor", "pointer").on("click", () => onClickItem(ln));
     }
     blockG.append("rect").attr("x", accentX).attr("y", cursorY).attr("width", DESC_ACCENT_WIDTH).attr("height", blockH).attr("rx", DESC_ACCENT_WIDTH / 2).attr("fill", colors[i]);
-    const labelEl = blockG.append("text").attr("x", textX).attr("y", cursorY + Math.round(labelRowH * 0.7)).attr("text-anchor", "start").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", descFont).attr("font-weight", 600);
+    const labelEl = blockG.append("text").attr("x", textX).attr("y", cursorY + Math.round(labelRowH * 0.7)).attr("text-anchor", "start").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", descFont).attr("font-weight", "bold");
     renderInlineText(labelEl, layer.label, palette, descFont);
     let lineY = cursorY + labelRowH + Math.round(descLineHeight * 0.4);
     for (const line of lines) {
@@ -296,4 +296,4 @@ export {
   renderRing,
   renderRingForExport
 };
-//# sourceMappingURL=chunk-HOIAQ3P2.js.map
+//# sourceMappingURL=chunk-P54AX5XN.js.map