@diagrammo/dgmo 0.71.0 → 0.72.0

package/dist/{chunk-XJZSN42P.js → chunk-7RAWNJI5.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-L65WI4HO.js";
 import {
   renderTimeline
-} from "./chunk-ZNHPCITV.js";
+} from "./chunk-VLXYWPPE.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   EXPORT_HEIGHT,
   EXPORT_WIDTH,
@@ -45,7 +45,7 @@ import {
   parseVenn,
   parseVisualization,
   parseWordcloud
-} from "./chunk-PLSTP7P4.js";
+} from "./chunk-HZQCKXPB.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
@@ -1947,7 +1947,7 @@ function resolveArcChordOverride(content, detectedType, palette) {
 }
 async function renderForExport(content, theme, palette, viewState, options) {
   const exportMode = options?.exportMode ?? false;
-  const { parseDgmoChartType } = await import("./dgmo-router-J6OWNMEJ.js");
+  const { parseDgmoChartType } = await import("./dgmo-router-O55I5UXN.js");
   const detectedTypeRaw = parseDgmoChartType(content);
   const override = resolveArcChordOverride(content, detectedTypeRaw, palette);
   const renderContent = override?.content ?? content;
@@ -1978,7 +1978,7 @@ function ctxTagOverride(ctx) {
 async function exportEventLine(ctx) {
   const { content, theme, palette } = ctx;
   const { parseEventLine } = await import("./parser-6Y5BMNNJ.js");
-  const { renderEventLineForExport } = await import("./renderer-7VPABTMS.js");
+  const { renderEventLineForExport } = await import("./renderer-2T2RAFWX.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseEventLine(content, effectivePalette);
   if (parsed.error || parsed.events.length === 0) return "";
@@ -2040,9 +2040,9 @@ function unionHiddenAttributes(hideOption, ha) {
 async function exportOrg(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseOrg, findOrgNodeIdByName } = await import("./parser-52AZJ3BA.js");
-  const { layoutOrg } = await import("./layout-BNR6ZDB6.js");
+  const { layoutOrg } = await import("./layout-4D5JRUHX.js");
   const { collapseOrgTree, focusOrgTree, unionCollapsedOrgNodes } = await import("./collapse-JRGPUE67.js");
-  const { renderOrg, ancestorTrailReserve } = await import("./renderer-5YV6KP4U.js");
+  const { renderOrg, ancestorTrailReserve } = await import("./renderer-UPTO25OX.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const orgParsed = parseOrg(content, effectivePalette);
@@ -2080,7 +2080,9 @@ async function exportOrg(ctx) {
   );
   const PADDING = 20;
   const titleOffset = effectiveParsed.title ? 30 : 0;
-  const trailReserve = ancestorTrailReserve(ancestorPath?.length ?? 0);
+  const rootIds = new Set(effectiveParsed.roots.map((r) => r.id));
+  const rootTop = orgLayout.nodes.find((n) => rootIds.has(n.id))?.y ?? orgLayout.containers.find((c) => rootIds.has(c.nodeId))?.y ?? 0;
+  const trailReserve = ancestorTrailReserve(ancestorPath?.length ?? 0, rootTop);
   const exportWidth = orgLayout.width + PADDING * 2;
   const exportHeight = orgLayout.height + PADDING * 2 + titleOffset + trailReserve;
   const container = createExportContainer(exportWidth, exportHeight);
@@ -2102,9 +2104,9 @@ async function exportOrg(ctx) {
 async function exportSitemap(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseSitemap } = await import("./parser-LTJ5AKY4.js");
-  const { layoutSitemap } = await import("./layout-PBB2RQJ4.js");
+  const { layoutSitemap } = await import("./layout-VVTXA3W2.js");
   const { collapseSitemapTree } = await import("./collapse-ZWUFFCK2.js");
-  const { renderSitemap } = await import("./renderer-7BGC4KPZ.js");
+  const { renderSitemap } = await import("./renderer-Y3D36RIT.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const sitemapParsed = parseSitemap(content, effectivePalette);
@@ -2154,7 +2156,7 @@ async function exportSitemap(ctx) {
 async function exportKanban(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseKanban } = await import("./parser-SUAOF72Y.js");
-  const { renderKanban } = await import("./renderer-ANWAX5QO.js");
+  const { renderKanban } = await import("./renderer-ZRHTC24Q.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const kanbanParsed = parseKanban(content, effectivePalette);
   if (kanbanParsed.error || kanbanParsed.columns.length === 0) return "";
@@ -2187,7 +2189,7 @@ async function exportClass(ctx) {
   const { content, theme, palette, exportMode } = ctx;
   const { parseClassDiagram } = await import("./parser-YRJAGBV7.js");
   const { layoutClassDiagram } = await import("./layout-WIMQIHBU.js");
-  const { renderClassDiagram } = await import("./renderer-4CUV63GT.js");
+  const { renderClassDiagram } = await import("./renderer-ACGZ5KJG.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const classParsed = parseClassDiagram(content, effectivePalette);
   if (classParsed.error || classParsed.classes.length === 0) return "";
@@ -2214,7 +2216,7 @@ async function exportEr(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseERDiagram } = await import("./parser-Z3LN7P6G.js");
   const { layoutERDiagram } = await import("./layout-LVMWK4QY.js");
-  const { renderERDiagram } = await import("./renderer-5FQFMCBZ.js");
+  const { renderERDiagram } = await import("./renderer-IZFO3G22.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const erParsed = parseERDiagram(content, effectivePalette);
   if (erParsed.error || erParsed.tables.length === 0) return "";
@@ -2291,7 +2293,7 @@ async function exportBoxesAndLines(ctx) {
       blHiddenTagValues.set(k, new Set(v));
     }
   }
-  const { renderBoxesAndLinesForExport } = await import("./renderer-4ORE7HJ3.js");
+  const { renderBoxesAndLinesForExport } = await import("./renderer-CL4X5S3T.js");
   const { layoutBoxesAndLines } = await import("./layout-RD7GDM4I.js");
   const blLayout = await layoutBoxesAndLines(blParsed);
   const PADDING = 20;
@@ -2386,9 +2388,9 @@ async function exportFamily(ctx) {
 async function exportMindmap(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseMindmap } = await import("./parser-XRZQ7SC7.js");
-  const { layoutMindmap } = await import("./layout-N6ZOOAYT.js");
+  const { layoutMindmap } = await import("./layout-VMDNULKS.js");
   const { collapseMindmapTree } = await import("./collapse-SLINJQW6.js");
-  const { renderMindmap } = await import("./renderer-3DSU72CP.js");
+  const { renderMindmap } = await import("./renderer-CB44E262.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mmParsed = parseMindmap(content, effectivePalette);
@@ -2440,7 +2442,7 @@ async function exportWireframe(ctx) {
   const { content, theme, palette } = ctx;
   const { parseWireframe } = await import("./parser-XM6JC3UK.js");
   const { layoutWireframe } = await import("./layout-IN53LAE6.js");
-  const { renderWireframe } = await import("./renderer-JFZVWH2G.js");
+  const { renderWireframe } = await import("./renderer-W7JC2CTQ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const wireframeParsed = parseWireframe(content);
   if (wireframeParsed.error || wireframeParsed.roots.length === 0 && wireframeParsed.modals.length === 0)
@@ -2506,7 +2508,7 @@ async function exportFlowchart(ctx) {
   const { content, theme, palette } = ctx;
   const { parseFlowchart } = await import("./flowchart-parser-LZF2GW2P.js");
   const { layoutGraph } = await import("./layout-AWPST2S3.js");
-  const { renderFlowchart } = await import("./flowchart-renderer-HB277GNE.js");
+  const { renderFlowchart } = await import("./flowchart-renderer-JMGOCLTQ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const fcParsed = parseFlowchart(content, effectivePalette);
   if (fcParsed.error || fcParsed.nodes.length === 0) return "";
@@ -2528,7 +2530,7 @@ async function exportInfra(ctx) {
   const { parseInfra } = await import("./parser-ZIEEBJMU.js");
   const { computeInfra } = await import("./compute-JAP5E2E4.js");
   const { layoutInfra } = await import("./layout-4LNMXLVK.js");
-  const { renderInfra, computeInfraLegendGroups } = await import("./renderer-LVAUI6T6.js");
+  const { renderInfra, computeInfraLegendGroups } = await import("./renderer-WLA3NQCC.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const infraParsed = parseInfra(content);
   if (infraParsed.error || infraParsed.nodes.length === 0) return "";
@@ -2578,7 +2580,7 @@ async function exportPert(ctx) {
   const { parsePert } = await import("./parser-EX3AGFT5.js");
   const { analyzePert } = await import("./analyzer-HQUXKZ5J.js");
   const { layoutPert } = await import("./layout-SGYR6HBX.js");
-  const { renderPert, measurePertAnalysisBlock } = await import("./renderer-S5MGQHRQ.js");
+  const { renderPert, measurePertAnalysisBlock } = await import("./renderer-E42I44WZ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const pertParsed = parsePert(content, { palette: effectivePalette });
   if (pertParsed.error || pertParsed.activities.length === 0) return "";
@@ -2618,7 +2620,7 @@ async function exportGantt(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseGantt } = await import("./parser-CDMP3UVH.js");
   const { calculateSchedule } = await import("./calculator-4CNL2GKU.js");
-  const { renderGantt } = await import("./renderer-35HBBPIQ.js");
+  const { renderGantt } = await import("./renderer-4DFEFP4X.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ganttParsed = parseGantt(content, effectivePalette);
   const resolved = calculateSchedule(ganttParsed);
@@ -2661,7 +2663,7 @@ async function exportState(ctx) {
   const { content, theme, palette, viewState } = ctx;
   const { parseState } = await import("./state-parser-HJNCGIFT.js");
   const { layoutGraph } = await import("./layout-AWPST2S3.js");
-  const { renderState } = await import("./state-renderer-776LP3NE.js");
+  const { renderState } = await import("./state-renderer-FJ2GT4MU.js");
   const { collapseStateGroups } = await import("./state-collapse-HCGD6IVJ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const stateParsed = parseState(content, effectivePalette);
@@ -2699,7 +2701,7 @@ async function exportState(ctx) {
 async function exportTechRadar(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseTechRadar } = await import("./parser-6VZISXFY.js");
-  const { renderTechRadarForExport } = await import("./renderer-FCIOD2QK.js");
+  const { renderTechRadarForExport } = await import("./renderer-XR4SVKNE.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const radarParsed = parseTechRadar(content);
   if (radarParsed.error || radarParsed.quadrants.length === 0) return "";
@@ -2720,7 +2722,7 @@ async function exportTechRadar(ctx) {
 async function exportJourneyMap(ctx) {
   const { content, theme, palette, exportMode } = ctx;
   const { parseJourneyMap } = await import("./parser-2CXA7K5C.js");
-  const { renderJourneyMap } = await import("./renderer-KFWZPVYT.js");
+  const { renderJourneyMap } = await import("./renderer-VEN6AIWW.js");
   const { layoutJourneyMap } = await import("./layout-2DVT24YY.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const jmParsed = parseJourneyMap(content, effectivePalette);
@@ -2742,7 +2744,7 @@ async function exportJourneyMap(ctx) {
 async function exportCycle(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseCycle } = await import("./parser-CBSYFN6U.js");
-  const { renderCycleForExport } = await import("./renderer-V3PN5ZQS.js");
+  const { renderCycleForExport } = await import("./renderer-B4Q6LUW2.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const cycleParsed = parseCycle(content);
   if (cycleParsed.error || cycleParsed.nodes.length === 0) return "";
@@ -2797,7 +2799,7 @@ async function exportMap(ctx) {
 async function exportPyramid(ctx) {
   const { content, theme, palette } = ctx;
   const { parsePyramid } = await import("./parser-W2HXBHNC.js");
-  const { renderPyramidForExport } = await import("./renderer-JWSO5O2L.js");
+  const { renderPyramidForExport } = await import("./renderer-IH5C7NQT.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const pyramidParsed = parsePyramid(content);
   if (pyramidParsed.error || pyramidParsed.layers.length === 0) return "";
@@ -2814,7 +2816,7 @@ async function exportPyramid(ctx) {
 async function exportRing(ctx) {
   const { content, theme, palette } = ctx;
   const { parseRing } = await import("./parser-K26KDCZN.js");
-  const { renderRingForExport } = await import("./renderer-ZEPPPA3W.js");
+  const { renderRingForExport } = await import("./renderer-VP4DPLDY.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ringParsed = parseRing(content);
   if (ringParsed.error || ringParsed.layers.length === 0) return "";
@@ -2857,7 +2859,7 @@ async function exportTreemap(ctx) {
 async function exportLiveLink(ctx) {
   const { content, theme, palette } = ctx;
   const { parseLiveLink } = await import("./parser-O7GTECFP.js");
-  const { renderLiveLinkCard } = await import("./renderer-DGZDRRJW.js");
+  const { renderLiveLinkCard } = await import("./renderer-YROML2KW.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   return renderLiveLinkCard(parseLiveLink(content), effectivePalette, theme);
 }
@@ -2935,7 +2937,7 @@ async function exportBracket(ctx) {
 async function exportRaci(ctx) {
   const { content, theme, palette } = ctx;
   const { parseRaci } = await import("./parser-QCVEWLCO.js");
-  const { renderRaciForExport } = await import("./renderer-BQWAUDEF.js");
+  const { renderRaciForExport } = await import("./renderer-K73COK5L.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const raciParsed = parseRaci(content, effectivePalette);
   if (raciParsed.error) return "";
@@ -3068,7 +3070,7 @@ async function exportVisualization(ctx) {
   const isDark = ctx.isDark;
   const container = createExportContainer(ctx.width, ctx.height);
   const { parseSequenceDgmo } = await import("./parser-TJ3SP2MJ.js");
-  const { renderSequenceDiagram } = await import("./renderer-QOWN3XDI.js");
+  const { renderSequenceDiagram } = await import("./renderer-Y4VC3VH4.js");
   const seqParsed = parseSequenceDgmo(content, effectivePalette);
   if (seqParsed.error || seqParsed.participants.length === 0) return "";
   const collapsedSections = viewState?.cs ? new Set(viewState.cs) : void 0;
@@ -3799,4 +3801,4 @@ export {
   renderForExport,
   render
 };
-//# sourceMappingURL=chunk-XJZSN42P.js.map
+//# sourceMappingURL=chunk-7RAWNJI5.js.map

package/dist/{chunk-IWNHEK5K.js → chunk-7U3NDE7T.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-FJ57274M.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   serializeSvg
 } from "./chunk-RU2HHHYA.js";
@@ -877,4 +877,4 @@ export {
   renderJourneyMap,
   renderJourneyMapForExport
 };
-//# sourceMappingURL=chunk-IWNHEK5K.js.map
+//# sourceMappingURL=chunk-7U3NDE7T.js.map

package/dist/{chunk-ISKO4MQ5.js → chunk-DHKVHP3Y.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-FJ57274M.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
@@ -1871,4 +1871,4 @@ export {
   measurePertAnalysisBlock,
   renderPertAnalysisBlock
 };
-//# sourceMappingURL=chunk-ISKO4MQ5.js.map
+//# sourceMappingURL=chunk-DHKVHP3Y.js.map

package/dist/{chunk-T3LNWU7B.js → chunk-DZ34UUXC.js}

@@ -22,7 +22,7 @@ import {
 } from "./chunk-FJ57274M.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   layoutInlineHeader
 } from "./chunk-6CLC26GU.js";
@@ -450,7 +450,7 @@ function renderLegend(parent, legendGroups, palette, isDark, activeTagGroup, fix
 }
 async function renderSitemapForExport(content, theme, palette) {
   const { parseSitemap } = await import("./parser-LTJ5AKY4.js");
-  const { layoutSitemap } = await import("./layout-PBB2RQJ4.js");
+  const { layoutSitemap } = await import("./layout-VVTXA3W2.js");
   const { getPalette } = await import("./palettes-WQZ2TPVZ.js");
   const isDark = theme === "dark";
   const effectivePalette = palette ?? (isDark ? getPalette("nord").dark : getPalette("nord").light);
@@ -500,4 +500,4 @@ export {
   renderSitemap,
   renderSitemapForExport
 };
-//# sourceMappingURL=chunk-T3LNWU7B.js.map
+//# sourceMappingURL=chunk-DZ34UUXC.js.map

package/dist/{chunk-CH4WODSG.js → chunk-FTPNAYL2.js}

@@ -197,7 +197,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
         containers: [],
         legend: [],
         width: 0,
-        height: 0
+        height: 0,
+        legendShift: 0
       };
     }
     let cy = MARGIN;
@@ -214,7 +215,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       containers: [],
       legend: legendGroups2,
       width: maxWidth2 + MARGIN * 2,
-      height: cy - LEGEND_GROUP_GAP + MARGIN
+      height: cy - LEGEND_GROUP_GAP + MARGIN,
+      legendShift: 0
     };
   }
   const isLR = parsed.direction === "LR";
@@ -836,8 +838,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   ) : legendGroups;
   const allExpanded = expandAllLegend && activeTagGroup == null;
   const effectiveW = (g) => activeTagGroup != null || allExpanded ? g.width : g.minifiedWidth;
+  let appliedLegendShift = 0;
   if (visibleGroups.length > 0) {
     const legendShift = LEGEND_HEIGHT + LEGEND_GROUP_GAP;
+    appliedLegendShift = legendShift;
     for (const n of layoutNodes) n.y += legendShift;
     for (const c of containers) c.y += legendShift;
     for (const e of layoutEdges) {
@@ -854,7 +858,14 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     finalHeight += legendShift;
     const neededWidth = totalGroupsWidth + MARGIN * 2;
     if (neededWidth > finalWidth) {
+      const shift = (neededWidth - finalWidth) / 2;
       finalWidth = neededWidth;
+      for (const n of layoutNodes) n.x += shift;
+      for (const c of containers) c.x += shift;
+      for (const e of layoutEdges) {
+        for (const p of e.points)
+          p.x += shift;
+      }
     }
   }
   return {
@@ -863,11 +874,12 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     containers,
     legend: legendGroups,
     width: finalWidth,
-    height: finalHeight
+    height: finalHeight,
+    legendShift: appliedLegendShift
   };
 }
 
 export {
   layoutOrg
 };
-//# sourceMappingURL=chunk-CH4WODSG.js.map
+//# sourceMappingURL=chunk-FTPNAYL2.js.map

package/dist/{chunk-722TKHMS.js → chunk-GCTKJDLY.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-FJ57274M.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   layoutInlineHeader
 } from "./chunk-6CLC26GU.js";
@@ -448,4 +448,4 @@ export {
   renderClassDiagram,
   renderClassDiagramForExport
 };
-//# sourceMappingURL=chunk-722TKHMS.js.map
+//# sourceMappingURL=chunk-GCTKJDLY.js.map

package/dist/{chunk-LUI425JB.js → chunk-GK4AU57A.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-WGC42WJU.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
 } from "./chunk-6S53NO3M.js";
@@ -1603,4 +1603,4 @@ export {
   renderTechRadar,
   renderTechRadarForExport
 };
-//# sourceMappingURL=chunk-LUI425JB.js.map
+//# sourceMappingURL=chunk-GK4AU57A.js.map

package/dist/{chunk-ENJWB5LU.js → chunk-HKL66CKW.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-VV6HZQ5K.js";
 import {
   layoutOrg
-} from "./chunk-CH4WODSG.js";
+} from "./chunk-FTPNAYL2.js";
 import {
   renderCollapseBar,
   renderNodeCard
@@ -28,7 +28,7 @@ import {
 } from "./chunk-FJ57274M.js";
 import {
   ScaleContext
-} from "./chunk-YYVTBZZC.js";
+} from "./chunk-24YPR5EH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -47,7 +47,6 @@ import {
   EYE_OPEN_PATH,
   LEGEND_EYE_GAP,
   LEGEND_EYE_SIZE,
-  LEGEND_GROUP_GAP,
   LEGEND_HEIGHT
 } from "./chunk-QX53GOI7.js";
 import {
@@ -79,8 +78,11 @@ var ANCESTOR_DOT_R = 4;
 var ANCESTOR_LABEL_FONT_SIZE = 11;
 var ANCESTOR_ROW_HEIGHT = 22;
 var ANCESTOR_TRAIL_BOTTOM_GAP = 16;
-function ancestorTrailReserve(count) {
-  return count > 0 ? count * ANCESTOR_ROW_HEIGHT + ANCESTOR_TRAIL_BOTTOM_GAP : 0;
+var ANCESTOR_TRAIL_TOP_INK = ANCESTOR_DOT_R + 2;
+function ancestorTrailReserve(count, headroom = 0) {
+  if (count < 1) return 0;
+  const inkAboveRoot = ANCESTOR_TRAIL_BOTTOM_GAP + (count - 1) * ANCESTOR_ROW_HEIGHT + ANCESTOR_TRAIL_TOP_INK;
+  return Math.max(0, inkAboveRoot - headroom);
 }
 var LEGEND_FIXED_GAP = 8;
 function nodeFill(palette, isDark, nodeColor, fillMode) {
@@ -131,7 +133,7 @@ function renderOrg(container, parsed, layout, palette, isDark, onClickItem, expo
   const titleOffset = showTitle ? sTitleHeight : 0;
   const legendOnly = layout.nodes.length === 0;
   const hasLegend = layout.legend.length > 0;
-  const layoutLegendShift = LEGEND_HEIGHT + LEGEND_GROUP_GAP;
+  const layoutLegendShift = layout.legendShift;
   const fixedLegend = !exportDims && hasLegend && !legendOnly;
   const legendReserve = fixedLegend ? getMaxLegendReservedHeight(
     {
@@ -146,11 +148,18 @@ function renderOrg(container, parsed, layout, palette, isDark, onClickItem, expo
   const titleReserve = fixedTitle ? sTitleHeight : 0;
   const hasAncestorTrail = ancestorPath && ancestorPath.length > 0;
   const ancestorTrailHeight = hasAncestorTrail ? ancestorPath.length * sAncestorRowHeight + sAncestorTrailBottomGap : 0;
+  const rootNodeIds = new Set(parsed.roots.map((r) => r.id));
+  const rootLayoutNode = layout.nodes.find((n) => rootNodeIds.has(n.id));
+  const rootLayoutContainer = rootLayoutNode ? null : layout.containers.find((c) => rootNodeIds.has(c.nodeId));
+  const rootCenterX = rootLayoutNode ? rootLayoutNode.x : rootLayoutContainer ? rootLayoutContainer.x + rootLayoutContainer.width / 2 : null;
+  const rootTopY = rootLayoutNode ? rootLayoutNode.y : rootLayoutContainer ? rootLayoutContainer.y : null;
+  const legendUnshift = fixedLegend ? layoutLegendShift : 0;
+  const trailShift = hasAncestorTrail && rootTopY !== null ? ancestorTrailReserve(
+    ancestorPath.length,
+    Math.max(0, rootTopY - legendUnshift)
+  ) : ancestorTrailHeight;
   const diagramW = layout.width;
-  let diagramH = layout.height + (fixedTitle ? 0 : titleOffset) + ancestorTrailHeight;
-  if (fixedLegend) {
-    diagramH -= layoutLegendShift;
-  }
+  const diagramH = layout.height + (fixedTitle ? 0 : titleOffset) - legendUnshift + trailShift;
   const availH = height - sDiagramPadding * 2 - legendReserve - titleReserve;
   const scaleX = (width - sDiagramPadding * 2) / diagramW;
   const scaleY = availH / diagramH;
@@ -182,13 +191,12 @@ function renderOrg(container, parsed, layout, palette, isDark, onClickItem, expo
       }
     }
   }
-  const contentYShift = (fixedTitle ? 0 : titleOffset) + ancestorTrailHeight;
+  const contentYShift = (fixedTitle ? 0 : titleOffset) - legendUnshift + trailShift;
   const contentG = mainG.append("g").attr("transform", `translate(0, ${contentYShift})`);
   const displayNames = /* @__PURE__ */ new Map();
   for (const group of parsed.tagGroups) {
     displayNames.set(tagAttrKey(group.name), group.name);
   }
-  const rootNodeIds = new Set(parsed.roots.map((r) => r.id));
   const colorOff = parsed.options?.["color"] === "off";
   for (const c of layout.containers) {
     const cG = contentG.append("g").attr("transform", `translate(${c.x}, ${c.y})`).attr("class", "org-container").attr("data-line-number", String(c.lineNumber));
@@ -355,10 +363,6 @@ function renderOrg(container, parsed, layout, palette, isDark, onClickItem, expo
     }
   }
   if (hasAncestorTrail) {
-    const rootNode = layout.nodes.find((n) => rootNodeIds.has(n.id));
-    const rootContainer = !rootNode ? layout.containers.find((c) => rootNodeIds.has(c.nodeId)) : null;
-    const rootCenterX = rootNode ? rootNode.x : rootContainer ? rootContainer.x + rootContainer.width / 2 : null;
-    const rootTopY = rootNode ? rootNode.y : rootContainer ? rootContainer.y : null;
     if (rootCenterX !== null && rootTopY !== null) {
       const trailBottomY = rootTopY - sAncestorTrailBottomGap;
       const trailG = contentG.append("g").attr("class", "org-ancestor-trail");
@@ -489,4 +493,4 @@ export {
   renderOrg,
   renderOrgForExport
 };
-//# sourceMappingURL=chunk-ENJWB5LU.js.map
+//# sourceMappingURL=chunk-HKL66CKW.js.map