@diagrammo/dgmo 0.52.0 → 0.53.0

package/dist/{chunk-J6QROYDA.js → chunk-UK6DKJLD.js}

@@ -1,7 +1,7 @@
 import {
   extractDatePrefix,
   parseTimelineDate
-} from "./chunk-R3YSD62R.js";
+} from "./chunk-6AUZPPAV.js";
 import {
   makeYearContext,
   parseDateToken,
@@ -16,7 +16,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-HHKO6SKY.js";
+} from "./chunk-CMVZWP32.js";
 import {
   EVENT_LINE_REGISTRY,
   extractColor,
@@ -27,14 +27,14 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-BRENJ2BQ.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   emit,
   formatDgmoError,
   makeDgmoError,
   makeFail,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/event-line/diagnostics.ts
 var EVENT_LINE_DX = {
@@ -65,8 +65,9 @@ var EVENT_LINE_DX = {
   },
   // parser.ts emits three wordings under this one code (each passes the full
   // wording as `reason`):
-  //   directive handler: `event-line is horizontal-only in v1; \`direction ${dir}\`
-  //                        (vertical orientation) is a fast-follow.`
+  //   directive handler: `event-line is horizontal-only in v1; \`direction-tb\`
+  //                        (vertical orientation) is a fast-follow.` (the
+  //                        legacy key+value form words it as \`direction ${dir}\`)
   //   `section` seam:     'Group events with `[Name]` era brackets (§28.6a), not `section`.'
   //   parseEventHeader:   'event-line events are points; a date range (`->`) is not
   //                        supported — using the start date.'
@@ -76,10 +77,10 @@ var EVENT_LINE_DX = {
     severity: "warning",
     chartType: "event-line",
     title: "Unsupported construct",
-    message: (p) => typeof p.reason === "string" && p.reason ? p.reason : "event-line is horizontal-only in v1; `direction TB` (vertical orientation) is a fast-follow.",
-    hint: "Only horizontal (`direction LR`) is supported; use `[Name]` era brackets (not `section`); events are single points, not date ranges (`->`).",
+    message: (p) => typeof p.reason === "string" && p.reason ? p.reason : "event-line is horizontal-only in v1; `direction-tb` (vertical orientation) is a fast-follow.",
+    hint: "Only horizontal (`direction-lr`) is supported; use `[Name]` era brackets (not `section`); events are single points, not date ranges (`->`).",
     example: `event-line X
-direction TB
+direction-tb
 
 2020 A
   one`
@@ -297,6 +298,12 @@ function parseEventLine(content, palette) {
       if (cm) {
         collapsed = cm[1].toLowerCase() === "true";
         rest = (rest.slice(0, cm.index) + rest.slice(cm.index + cm[0].length)).trim();
+      } else {
+        const bare = rest.match(/(?:^|\s)collapsed(?=\s|$)/);
+        if (bare) {
+          collapsed = true;
+          rest = (rest.slice(0, bare.index) + " " + rest.slice(bare.index + bare[0].length)).trim();
+        }
       }
       let color = null;
       if (rest) {
@@ -344,6 +351,15 @@ function parseEventLine(content, palette) {
           continue;
         }
       }
+      if (/^direction-lr$/i.test(trimmed)) continue;
+      if (/^direction-tb$/i.test(trimmed)) {
+        result.diagnostics.push(
+          emit(EVENT_LINE_DX.UNSUPPORTED, lineNumber, {
+            reason: "event-line is horizontal-only in v1; `direction-tb` (vertical orientation) is a fast-follow."
+          })
+        );
+        continue;
+      }
       const dirMatch = trimmed.match(DIRECTION_RE);
       if (dirMatch) {
         const dir = dirMatch[1].toUpperCase();
@@ -602,4 +618,4 @@ export {
   EVENT_LINE_DIAGNOSTICS,
   parseEventLine
 };
-//# sourceMappingURL=chunk-J6QROYDA.js.map
+//# sourceMappingURL=chunk-UK6DKJLD.js.map

package/dist/{chunk-QZX5S6R3.js → chunk-UKP5HWB5.js}

@@ -11,15 +11,18 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-4RGZFA7H.js";
 import {
   measureText
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-HHKO6SKY.js";
+} from "./chunk-CMVZWP32.js";
+import {
+  legendSuppressed
+} from "./chunk-YJVA3QUU.js";
 
 // src/org/layout.ts
 import { hierarchy, tree } from "d3-hierarchy";
@@ -183,7 +186,10 @@ function injectDefaultMetadata(roots, tagGroups) {
 function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expandAllLegend) {
   if (parsed.roots.length === 0) {
     const showEyeIcons2 = hiddenAttributes !== void 0;
-    const legendGroups2 = computeLegendGroups(parsed.tagGroups, showEyeIcons2);
+    const legendGroups2 = computeLegendGroups(
+      legendSuppressed(parsed.options) ? [] : parsed.tagGroups,
+      showEyeIcons2
+    );
     if (legendGroups2.length === 0) {
       return {
         nodes: [],
@@ -211,6 +217,11 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       height: cy - LEGEND_GROUP_GAP + MARGIN
     };
   }
+  const isLR = parsed.direction === "LR";
+  const depthExtent = (tn) => isLR ? tn.width : tn.height;
+  const crossExtent = (tn) => isLR ? tn.height : tn.width;
+  const ptToScreen = (ax, ay) => isLR ? { x: ay, y: ax } : { x: ax, y: ay };
+  const screenTopLeft = (ax, ay, w, h2) => isLR ? { left: ay, top: ax - h2 / 2 } : { left: ax - w / 2, top: ay };
   injectDefaultMetadata(parsed.roots, parsed.tagGroups);
   const subNodeLabel = parsed.options["sub-node-label"] ?? void 0;
   const showSubNodeCount = ["yes", "on"].includes(
@@ -257,6 +268,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   for (const tn of allTreeNodes) {
     tn.width = maxWidth;
   }
+  const maxDepthExtent = isLR ? maxWidth : maxHeight;
+  const maxCrossExtent = isLR ? maxHeight : maxWidth;
+  const depthGap = V_GAP;
+  const crossGap = H_GAP;
   const leafStacks = /* @__PURE__ */ new Map();
   const collapseLeafContainers = (tn) => {
     for (const child of tn.children) collapseLeafContainers(child);
@@ -270,7 +285,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       for (const child of tn.children) {
         child.width = maxW;
       }
-      const totalH = tn.children.reduce((s, c) => s + c.height, 0) + (tn.children.length - 1) * STACK_V_GAP;
+      const stackDepth = tn.children.reduce((s, c) => s + depthExtent(c), 0) + (tn.children.length - 1) * STACK_V_GAP;
+      const stackCross = Math.max(...tn.children.map((c) => crossExtent(c)));
       tn.children = [
         {
           orgNode: {
@@ -283,8 +299,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
             lineNumber: 0
           },
           children: [],
-          width: maxW,
-          height: totalH
+          width: isLR ? stackDepth : stackCross,
+          height: isLR ? stackCross : stackDepth
         }
       ];
     }
@@ -293,8 +309,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   centerHeavyChildren(root);
   const h = hierarchy(root, (d) => d.children);
   const treeLayout = tree().nodeSize([
-    maxWidth + H_GAP,
-    maxHeight + V_GAP
+    maxCrossExtent + crossGap,
+    maxDepthExtent + depthGap
   ]);
   treeLayout(h);
   {
@@ -303,16 +319,17 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     for (const d of descendants) {
       if (d.data.orgNode.id.startsWith("__stack_")) continue;
       const cur = levelMaxHeight.get(d.depth) ?? 0;
-      if (d.data.height > cur) levelMaxHeight.set(d.depth, d.data.height);
+      const ext = depthExtent(d.data);
+      if (ext > cur) levelMaxHeight.set(d.depth, ext);
     }
     const maxDepth = Math.max(...levelMaxHeight.keys(), 0);
     const compactedY = /* @__PURE__ */ new Map();
     const rootDepth = treeNodes.length === 1 ? 0 : 1;
     compactedY.set(rootDepth, 0);
     for (let d = rootDepth + 1; d <= maxDepth; d++) {
-      const parentH = levelMaxHeight.get(d - 1) ?? maxHeight;
+      const parentH = levelMaxHeight.get(d - 1) ?? maxDepthExtent;
       const prevY = compactedY.get(d - 1) ?? 0;
-      compactedY.set(d, prevY + parentH + V_GAP);
+      compactedY.set(d, prevY + parentH + depthGap);
     }
     for (const d of h.descendants()) {
       if (d.data.orgNode.id === "__virtual_root__") continue;
@@ -327,7 +344,7 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     const actualLevelGap = childY - d.y;
     const metaCount = Object.keys(d.data.orgNode.metadata).length;
     const headerHeight = CONTAINER_LABEL_HEIGHT + metaCount * CONTAINER_META_LINE_HEIGHT;
-    const desiredGap = headerHeight + 15;
+    const desiredGap = isLR ? CONTAINER_PAD_X : headerHeight + 15;
     const shiftUp = actualLevelGap - desiredGap;
     if (shiftUp <= 0) continue;
     const shift = (node) => {
@@ -345,10 +362,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     if (d.data.orgNode.isContainer) continue;
     if (!d.children || d.children.length === 0) continue;
     if (!d.children.every((c) => c.data.orgNode.isContainer)) continue;
-    const parentBottomY = d.y + d.data.height;
+    const parentBottomY = d.y + depthExtent(d.data);
     const firstChildY = Math.min(...d.children.map((c) => c.y));
     const currentGap = firstChildY - parentBottomY;
-    const desiredGap = V_GAP * 0.6;
+    const desiredGap = depthGap * 0.6;
     const shiftUp = currentGap - desiredGap;
     if (shiftUp <= 0) continue;
     const shiftDown = (node) => {
@@ -365,8 +382,8 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   }
   {
     const subtreeExtent = (node) => {
-      let min = node.x - node.data.width / 2;
-      let max = node.x + node.data.width / 2;
+      let min = node.x - crossExtent(node.data) / 2;
+      let max = node.x + crossExtent(node.data) / 2;
       if (node.children) {
         for (const child of node.children) {
           const childExt = subtreeExtent(child);
@@ -377,6 +394,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       if (node.data.orgNode.isContainer) {
         min -= CONTAINER_PAD_X;
         max += CONTAINER_PAD_X;
+        if (isLR) {
+          const metaCount = Object.keys(node.data.orgNode.metadata).length;
+          min -= CONTAINER_LABEL_HEIGHT + metaCount * CONTAINER_META_LINE_HEIGHT;
+        }
       }
       return { minX: min, maxX: max };
     };
@@ -398,7 +419,7 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       const positions = [0];
       for (let i = 1; i < children.length; i++) {
         const prevRight = positions[i - 1] + extents[i - 1].relRight;
-        positions[i] = prevRight + H_GAP - extents[i].relLeft;
+        positions[i] = prevRight + crossGap - extents[i].relLeft;
       }
       const newCenter = (positions[0] + positions[positions.length - 1]) / 2;
       const centerShift = currentCenter - newCenter;
@@ -443,29 +464,33 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
         cx: d.x,
         cy: currentY
       });
-      currentY += child.height + STACK_V_GAP;
+      currentY += depthExtent(child) + STACK_V_GAP;
     }
   }
+  const screenRect = (ax, ay, w, h2) => {
+    const { left, top } = screenTopLeft(ax, ay, w, h2);
+    return { left, top, right: left + w, bottom: top + h2 };
+  };
+  const growBBox = (r) => {
+    if (r.left < minX) minX = r.left;
+    if (r.right > maxX) maxX = r.right;
+    if (r.top < minY) minY = r.top;
+    if (r.bottom > maxY) maxY = r.bottom;
+  };
   for (const d of h.descendants()) {
     if (d.data.orgNode.id === "__virtual_root__") continue;
     if (d.data.orgNode.id.startsWith("__stack_")) continue;
-    const w = d.data.width;
-    const ht = d.data.height;
-    const cx = d.x;
-    const cy = d.y;
-    if (cx - w / 2 < minX) minX = cx - w / 2;
-    if (cx + w / 2 > maxX) maxX = cx + w / 2;
-    if (cy < minY) minY = cy;
-    if (cy + ht > maxY) maxY = cy + ht;
+    growBBox(screenRect(d.x, d.y, d.data.width, d.data.height));
   }
   for (const ec of expandedChildren) {
-    if (ec.cx - ec.width / 2 < minX) minX = ec.cx - ec.width / 2;
-    if (ec.cx + ec.width / 2 > maxX) maxX = ec.cx + ec.width / 2;
-    if (ec.cy < minY) minY = ec.cy;
-    if (ec.cy + ec.height > maxY) maxY = ec.cy + ec.height;
+    growBBox(screenRect(ec.cx, ec.cy, ec.width, ec.height));
   }
   const offsetX = -minX + MARGIN;
   const offsetY = -minY + MARGIN;
+  const placeCard = (ax, ay, w, h2) => {
+    const r = screenRect(ax, ay, w, h2);
+    return { x: r.left + offsetX + w / 2, y: r.top + offsetY };
+  };
   const subNodeKey = subNodeLabel ?? "Sub-node Count";
   for (const ec of expandedChildren) {
     const hc = hiddenCounts?.get(ec.orgNode.id);
@@ -488,14 +513,17 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       isContainer: ec.orgNode.isContainer,
       lineNumber: ec.orgNode.lineNumber,
       ...ecColor !== void 0 && { color: ecColor },
-      x: ec.cx + offsetX,
-      y: ec.cy + offsetY,
+      ...placeCard(ec.cx, ec.cy, ec.width, ec.height),
       width: ec.width,
       height: ec.height,
       ...hc !== void 0 && { hiddenCount: hc },
       ...ecHasChildren !== void 0 && { hasChildren: ecHasChildren }
     });
   }
+  const placePoint = (ax, ay) => {
+    const p = ptToScreen(ax, ay);
+    return { x: p.x + offsetX, y: p.y + offsetY };
+  };
   const busGroups = /* @__PURE__ */ new Map();
   for (const d of h.descendants()) {
     if (d.data.orgNode.id === "__virtual_root__") continue;
@@ -503,8 +531,7 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     const orgNode = d.data.orgNode;
     const w = d.data.width;
     const ht = d.data.height;
-    const x = d.x + offsetX;
-    const y = d.y + offsetY;
+    const { x, y } = placeCard(d.x, d.y, w, ht);
     const hc = hiddenCounts?.get(orgNode.id);
     const nodeMeta = filterMetadata(orgNode.metadata, hiddenAttributes);
     if (!orgNode.isContainer && showSubNodeCount && !(hc != null && hc > 0)) {
@@ -536,19 +563,16 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     if (d.parent && d.parent.data.orgNode.id !== "__virtual_root__" && !parentIsContainerBox) {
       const parentId = d.parent.data.orgNode.id;
       if (!busGroups.has(parentId)) {
-        const px = d.parent.x + offsetX;
-        const py = d.parent.y + offsetY;
-        const parentH = d.parent.data.height;
         busGroups.set(parentId, {
-          parentX: px,
-          parentBottomY: py + parentH,
+          parentX: d.parent.x,
+          parentBottomY: d.parent.y + depthExtent(d.parent.data),
           children: []
         });
       }
       busGroups.get(parentId).children.push({
         id: orgNode.id,
-        x,
-        topY: y
+        x: d.x,
+        topY: d.y
       });
     }
   }
@@ -561,10 +585,10 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
         sourceId: parentId,
         targetId: child.id,
         points: [
-          { x: parentX, y: parentBottomY },
-          { x: parentX, y: midY },
-          { x: child.x, y: midY },
-          { x: child.x, y: child.topY }
+          placePoint(parentX, parentBottomY),
+          placePoint(parentX, midY),
+          placePoint(child.x, midY),
+          placePoint(child.x, child.topY)
         ]
       });
     } else {
@@ -575,27 +599,18 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       layoutEdges.push({
         sourceId: parentId,
         targetId: parentId,
-        points: [
-          { x: parentX, y: parentBottomY },
-          { x: parentX, y: midY }
-        ]
+        points: [placePoint(parentX, parentBottomY), placePoint(parentX, midY)]
       });
       layoutEdges.push({
         sourceId: parentId,
         targetId: parentId,
-        points: [
-          { x: leftX, y: midY },
-          { x: rightX, y: midY }
-        ]
+        points: [placePoint(leftX, midY), placePoint(rightX, midY)]
       });
       for (const child of children) {
         layoutEdges.push({
           sourceId: parentId,
           targetId: child.id,
-          points: [
-            { x: child.x, y: midY },
-            { x: child.x, y: child.topY }
-          ]
+          points: [placePoint(child.x, midY), placePoint(child.x, child.topY)]
         });
       }
     }
@@ -608,8 +623,6 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   const EMPTY_CONTAINER_MIN_HEIGHT = 60;
   for (const d of allContainerNodes) {
     if (d.children && d.children.length > 0) continue;
-    const cx = d.x + offsetX;
-    const cy = d.y + offsetY;
     const metaCount = Object.keys(d.data.orgNode.metadata).length;
     const labelHeight = CONTAINER_LABEL_HEIGHT + metaCount * CONTAINER_META_LINE_HEIGHT;
     const boxWidth = d.data.width;
@@ -617,8 +630,9 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
       labelHeight + CONTAINER_PAD_BOTTOM,
       EMPTY_CONTAINER_MIN_HEIGHT
     );
-    const boxX = cx - boxWidth / 2;
-    const boxY = cy;
+    const emptyTL = screenTopLeft(d.x, d.y, boxWidth, boxHeight);
+    const boxX = emptyTL.left + offsetX;
+    const boxY = emptyTL.top + offsetY;
     containerBoundsMap.set(d.data.orgNode.id, {
       minX: boxX,
       maxX: boxX + boxWidth,
@@ -667,46 +681,79 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
     if (allDesc.length === 0) continue;
     let descMinX = Infinity;
     let descMaxX = -Infinity;
+    let descMinY = Infinity;
     let descMaxY = -Infinity;
+    const growDesc = (left, top, right, bottom) => {
+      if (left < descMinX) descMinX = left;
+      if (right > descMaxX) descMaxX = right;
+      if (top < descMinY) descMinY = top;
+      if (bottom > descMaxY) descMaxY = bottom;
+    };
     for (const desc of allDesc) {
       const innerBounds = containerBoundsMap.get(desc.data.orgNode.id);
       if (innerBounds) {
-        if (innerBounds.minX < descMinX) descMinX = innerBounds.minX;
-        if (innerBounds.maxX > descMaxX) descMaxX = innerBounds.maxX;
-        if (innerBounds.maxY > descMaxY) descMaxY = innerBounds.maxY;
+        growDesc(
+          innerBounds.minX,
+          innerBounds.minY,
+          innerBounds.maxX,
+          innerBounds.maxY
+        );
       } else if (desc.data.orgNode.id.startsWith("__stack_")) {
         const cid = desc.data.orgNode.id.replace("__stack_", "");
         const stack = leafStacks.get(cid);
         if (stack) {
           for (const ec of expandedChildren) {
             if (ec.orgNode.parentId !== cid) continue;
-            const ex = ec.cx + offsetX;
-            const ey = ec.cy + offsetY;
-            if (ex - ec.width / 2 < descMinX) descMinX = ex - ec.width / 2;
-            if (ex + ec.width / 2 > descMaxX) descMaxX = ex + ec.width / 2;
-            if (ey + ec.height > descMaxY) descMaxY = ey + ec.height;
+            const r = screenRect(ec.cx, ec.cy, ec.width, ec.height);
+            growDesc(
+              r.left + offsetX,
+              r.top + offsetY,
+              r.right + offsetX,
+              r.bottom + offsetY
+            );
           }
         }
       } else {
-        const dw = desc.data.width;
-        const dh = desc.data.height;
-        const dx = desc.x + offsetX;
-        const dy = desc.y + offsetY;
-        if (dx - dw / 2 < descMinX) descMinX = dx - dw / 2;
-        if (dx + dw / 2 > descMaxX) descMaxX = dx + dw / 2;
-        if (dy + dh > descMaxY) descMaxY = dy + dh;
+        const r = screenRect(
+          desc.x,
+          desc.y,
+          desc.data.width,
+          desc.data.height
+        );
+        growDesc(
+          r.left + offsetX,
+          r.top + offsetY,
+          r.right + offsetX,
+          r.bottom + offsetY
+        );
       }
     }
-    const containerX = d.x + offsetX;
-    const containerY = d.y + offsetY;
+    const ownTL = screenTopLeft(d.x, d.y, d.data.width, d.data.height);
+    const containerCenterX = ownTL.left + d.data.width / 2 + offsetX;
+    const containerLeftX = ownTL.left + offsetX;
+    const containerY = ownTL.top + offsetY;
     const metaCount = Object.keys(d.data.orgNode.metadata).length;
     const labelHeight = CONTAINER_LABEL_HEIGHT + metaCount * CONTAINER_META_LINE_HEIGHT;
-    const boxY = containerY;
-    const boxHeight = descMaxY - containerY + CONTAINER_PAD_BOTTOM;
-    const boxX = descMinX - CONTAINER_PAD_X;
-    const contentWidth = descMaxX - descMinX + CONTAINER_PAD_X * 2;
-    const finalBoxWidth = Math.max(contentWidth, d.data.width);
-    const centeredBoxX = finalBoxWidth > contentWidth ? containerX - finalBoxWidth / 2 : boxX;
+    let boxY;
+    let boxHeight;
+    let centeredBoxX;
+    let finalBoxWidth;
+    if (isLR) {
+      centeredBoxX = containerLeftX;
+      finalBoxWidth = Math.max(
+        descMaxX - containerLeftX + CONTAINER_PAD_X,
+        d.data.width
+      );
+      boxY = descMinY - labelHeight - CONTAINER_PAD_X;
+      boxHeight = descMaxY - boxY + CONTAINER_PAD_BOTTOM;
+    } else {
+      boxY = containerY;
+      boxHeight = descMaxY - containerY + CONTAINER_PAD_BOTTOM;
+      const boxX = descMinX - CONTAINER_PAD_X;
+      const contentWidth = descMaxX - descMinX + CONTAINER_PAD_X * 2;
+      finalBoxWidth = Math.max(contentWidth, d.data.width);
+      centeredBoxX = finalBoxWidth > contentWidth ? containerCenterX - finalBoxWidth / 2 : boxX;
+    }
     containerBoundsMap.set(d.data.orgNode.id, {
       minX: centeredBoxX,
       maxX: centeredBoxX + finalBoxWidth,
@@ -739,17 +786,30 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   containers.reverse();
   let finalMinX = minX;
   let finalMaxX = maxX;
+  let finalMinY = minY;
   let finalMaxY = maxY;
   for (const c of containers) {
     const cLeft = c.x - offsetX;
     const cRight = cLeft + c.width;
-    const cBottom = c.y - offsetY + c.height;
+    const cTop = c.y - offsetY;
+    const cBottom = cTop + c.height;
     if (cLeft < finalMinX) finalMinX = cLeft;
     if (cRight > finalMaxX) finalMaxX = cRight;
+    if (cTop < finalMinY) finalMinY = cTop;
     if (cBottom > finalMaxY) finalMaxY = cBottom;
   }
+  const topOvershoot = minY - finalMinY;
+  if (topOvershoot > 0) {
+    for (const n of layoutNodes) n.y += topOvershoot;
+    for (const c of containers) c.y += topOvershoot;
+    for (const e of layoutEdges) {
+      for (const p of e.points) {
+        p.y += topOvershoot;
+      }
+    }
+  }
   const totalWidth = finalMaxX - finalMinX + MARGIN * 2;
-  const totalHeight = finalMaxY - minY + MARGIN * 2;
+  const totalHeight = finalMaxY - finalMinY + MARGIN * 2;
   const usedValuesByGroup = /* @__PURE__ */ new Map();
   for (const group of parsed.tagGroups) {
     const key = tagAttrKey(group.name);
@@ -765,7 +825,7 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
   }
   const showEyeIcons = hiddenAttributes !== void 0;
   const legendGroups = computeLegendGroups(
-    parsed.tagGroups,
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups,
     showEyeIcons,
     usedValuesByGroup
   );
@@ -810,4 +870,4 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
 export {
   layoutOrg
 };
-//# sourceMappingURL=chunk-QZX5S6R3.js.map
+//# sourceMappingURL=chunk-UKP5HWB5.js.map

package/dist/{chunk-T4A4TSTJ.js → chunk-UQRIKAMH.js}

@@ -4,7 +4,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-J7TLCB2Q.js";
+} from "./chunk-3IUHKMJI.js";
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
@@ -20,10 +20,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-AUIM2NVH.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-774C2FF3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -32,11 +32,6 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  CHAR_WIDTH_RATIO,
-  measureText,
-  truncateText
-} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   mix,
@@ -44,16 +39,22 @@ import {
   shapeFill,
   themeBaseBg,
   valueRampColor
-} from "./chunk-WBM7ZNDI.js";
+} from "./chunk-JYDMBWRP.js";
+import {
+  CHAR_WIDTH_RATIO,
+  measureText,
+  truncateText
+} from "./chunk-4ASYQ347.js";
 import {
   resolveTagColor
-} from "./chunk-HHKO6SKY.js";
+} from "./chunk-CMVZWP32.js";
 import {
-  fillModeFromOptions
-} from "./chunk-BRENJ2BQ.js";
+  fillModeFromOptions,
+  legendSuppressed
+} from "./chunk-YJVA3QUU.js";
 import {
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/boxes-and-lines/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -290,7 +291,8 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const reserveHasDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const willRenderLegend = legendGroups.length > 0 || reserveHasDescriptions && controlsHost !== "app";
+  const noLegend = legendSuppressed(parsed.options);
+  const willRenderLegend = (legendGroups.length > 0 || reserveHasDescriptions && controlsHost !== "app") && !noLegend;
   const sLegendHeight = willRenderLegend ? sctx.structural(
     getMaxLegendReservedHeight(
       {
@@ -311,7 +313,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const hasAnyDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const needsLegend = legendGroups.length > 0 || hasAnyDescriptions && onToggleDescriptions;
+  const needsLegend = (legendGroups.length > 0 || hasAnyDescriptions && !!onToggleDescriptions) && !noLegend;
   const legendH = needsLegend ? sLegendHeight + 8 : 0;
   const groupLabelsSet = new Set(layout.groups.map((g) => g.label));
   let labelZoneExtension = 0;
@@ -574,11 +576,11 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         const tooltipText = fullText.length > 200 ? fullText.slice(0, 199) + "\u2026" : fullText;
         nodeG.append("title").text(tooltipText);
       }
-      if (parsed.showValues && node.value !== void 0) {
+      if (parsed.showValues !== false && node.value !== void 0) {
         const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
         nodeG.append("text").attr("class", "bl-node-value").attr("x", 0).attr("y", descStartY + visibleLines.length * descLineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", VALUE_FONT_SIZE).attr("font-weight", "600").attr("fill", colors.text).text(valueLabel);
       }
-    } else if (parsed.showValues && node.value !== void 0) {
+    } else if (parsed.showValues !== false && node.value !== void 0) {
       const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
       const headerH = ln.height / 2;
       const sepY = -ln.height / 2 + headerH;
@@ -681,7 +683,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const hasDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const hasLegend = legendGroups.length > 0 || hasDescriptions && controlsHost !== "app";
+  const hasLegend = (legendGroups.length > 0 || hasDescriptions && controlsHost !== "app") && !noLegend;
   if (hasLegend) {
     let controlsGroup;
     if (hasDescriptions && (onToggleDescriptions || controlsHost === "app")) {
@@ -757,4 +759,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-T4A4TSTJ.js.map
+//# sourceMappingURL=chunk-UQRIKAMH.js.map