@diagrammo/dgmo 0.52.0 → 0.54.0

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

@@ -11,15 +11,18 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
   measureText
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-HHKO6SKY.js";
+} from "./chunk-AHTTKERF.js";
+import {
+  legendSuppressed
+} from "./chunk-3FRO35WW.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-BWYFIVZF.js.map

package/dist/{chunk-UBLHQTLV.js → chunk-BZJIITYM.js}

@@ -7,10 +7,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-AUIM2NVH.js";
+} from "./chunk-2NZOHEP4.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-J7HQPVYH.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
@@ -18,15 +18,16 @@ import {
   measureText,
   truncateText,
   wrapTextToWidth
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-WBM7ZNDI.js";
+} from "./chunk-JYDMBWRP.js";
 import {
-  fillModeFromOptions
-} from "./chunk-BRENJ2BQ.js";
+  fillModeFromOptions,
+  legendSuppressed
+} from "./chunk-3FRO35WW.js";
 
 // src/tech-radar/renderer.ts
 import * as d3Selection2 from "d3-selection";
@@ -935,8 +936,8 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
     );
     return;
   }
-  const directiveOn = parsed.options["show-blip-legend"] === "on";
-  const showListing = exportDims ? true : options?.showListing ?? directiveOn;
+  const directiveOff = parsed.options["no-blip-legend"] === "on";
+  const showListing = exportDims ? !directiveOff : options?.showListing ?? !directiveOff;
   const init = initRadarSvg(container, palette, exportDims);
   if (!init) return;
   const { svg, width, height, textColor, mutedColor } = init;
@@ -968,7 +969,7 @@ function renderTechRadar(container, parsed, palette, isDark, onClickItem, export
     svg.append("text").attr("x", radarWidth / 2).attr("y", titleY).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", sTitleFontSize).attr("font-weight", "bold").text(parsed.title);
   }
   let legendReservedHeight = 0;
-  if (!exportDims && options?.onToggleListing) {
+  if (!exportDims && options?.onToggleListing && !legendSuppressed(parsed.options)) {
     const legendY = showTitle ? titleY + 8 : 4;
     const legendG = svg.append("g").attr("transform", `translate(0, ${legendY})`);
     const legendConfig = {
@@ -1602,4 +1603,4 @@ export {
   renderTechRadar,
   renderTechRadarForExport
 };
-//# sourceMappingURL=chunk-UBLHQTLV.js.map
+//# sourceMappingURL=chunk-BZJIITYM.js.map

package/dist/{chunk-PRI2OD4E.js → chunk-C2UORMIA.js}

@@ -8,18 +8,18 @@ import {
   resolveActiveTagGroup,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-HHKO6SKY.js";
+} from "./chunk-AHTTKERF.js";
 import {
   extractColor,
   fillModeFromToken,
   measureIndent,
   parseFirstLine,
   splitNameAndMeta
-} from "./chunk-BRENJ2BQ.js";
+} from "./chunk-3FRO35WW.js";
 import {
   makeDgmoError,
   makeFail
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/bracket/parser.ts
 var BEATS_RE = /^(.+?)\s+beats\s+(.+)$/i;
@@ -101,6 +101,7 @@ function parseBracket(content, palette) {
   };
   const lines = content.split("\n");
   let headerParsed = false;
+  let accentFromTitle = false;
   let currentSide = null;
   let currentTagGroup = null;
   let commentaryTarget = null;
@@ -123,13 +124,17 @@ function parseBracket(content, palette) {
         return fail(lineNum, 'Expected "bracket [Title]" as the first line.');
       }
       if (first.title) {
-        const { label } = extractColor(
+        const { label, color } = extractColor(
           first.title,
           palette,
           result.diagnostics,
           lineNum
         );
         result.title = label || null;
+        if (color !== void 0) {
+          result.accentColor = color;
+          accentFromTitle = true;
+        }
       }
       result.titleLineNumber = lineNum;
       headerParsed = true;
@@ -231,7 +236,7 @@ function parseBracket(content, palette) {
         result.diagnostics,
         lineNum
       );
-      if (color !== void 0) result.accentColor = color;
+      if (color !== void 0 && !accentFromTitle) result.accentColor = color;
       continue;
     }
     const sideM = trimmed.match(/^\[(.+?)\](.*)$/);
@@ -383,4 +388,4 @@ function parseBracket(content, palette) {
 export {
   parseBracket
 };
-//# sourceMappingURL=chunk-PRI2OD4E.js.map
+//# sourceMappingURL=chunk-C2UORMIA.js.map

package/dist/{chunk-3YRPZ7ZZ.js → chunk-CCGWX6AO.js}

@@ -2,13 +2,13 @@ import {
   extractColor,
   measureIndent,
   parseFirstLine
-} from "./chunk-BRENJ2BQ.js";
+} from "./chunk-3FRO35WW.js";
 import {
   emit,
   formatDgmoError,
   makeFail,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/version-control/diagnostics.ts
 var VERSION_CONTROL_DX = {
@@ -221,7 +221,7 @@ function parseVersionControl(content, palette) {
       if (hint) msg2 += ` ${hint}`;
       return fail(lineNumber, msg2);
     }
-    const dir = /^direction\s+(LR|TB|BT)$/i.exec(trimmed);
+    const dir = /^direction[-\s]+(LR|TB)$/i.exec(trimmed);
     if (dir) {
       options.direction = dir[1].toUpperCase();
       continue;
@@ -507,4 +507,4 @@ export {
   VERSION_CONTROL_DIAGNOSTICS,
   parseVersionControl
 };
-//# sourceMappingURL=chunk-3YRPZ7ZZ.js.map
+//# sourceMappingURL=chunk-CCGWX6AO.js.map