@diagrammo/dgmo 0.51.0 → 0.53.0

package/dist/{chunk-ENRS56GC.js → chunk-KUSAVOWZ.js}

@@ -1,6 +1,6 @@
 import {
   isBlockNode
-} from "./chunk-NNAAJVBU.js";
+} from "./chunk-NR5HCAUD.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -9,22 +9,23 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   extractColor,
+  fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   formatDgmoError,
   makeDgmoError,
   makeFail,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/block/parser.ts
 function parseBlock(content, palette) {
-  const options = { noLegend: false, solidFill: false };
+  const options = { noLegend: false };
   const result = {
     type: "block",
     title: null,
@@ -132,8 +133,10 @@ function parseBlock(content, palette) {
           options.noLegend = true;
           continue;
         }
-        if (/^solid-fill\s*$/i.test(trimmed)) {
-          options.solidFill = true;
+        const fm = fillModeFromToken(trimmed);
+        if (fm !== null) {
+          if (fm === "tint") delete options.fillMode;
+          else options.fillMode = fm;
           continue;
         }
       }
@@ -335,4 +338,4 @@ function parseBlockTail(tail, aliasMap) {
 export {
   parseBlock
 };
-//# sourceMappingURL=chunk-ENRS56GC.js.map
+//# sourceMappingURL=chunk-KUSAVOWZ.js.map

package/dist/{chunk-BYJBIALT.js → chunk-LC3FFD43.js}

@@ -4,10 +4,10 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-JEUJOX5X.js";
+} from "./chunk-3IUHKMJI.js";
 import {
   layoutERDiagram
-} from "./chunk-6NYWYNBI.js";
+} from "./chunk-VGNIDAPQ.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
@@ -17,7 +17,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -26,24 +26,28 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  LEGEND_HEIGHT
-} from "./chunk-QOOUC2J5.js";
-import {
-  measureText
-} from "./chunk-WCT3NYCV.js";
 import {
   parseERDiagram
-} from "./chunk-332ZR4QU.js";
+} from "./chunk-BR7AYN76.js";
 import {
   contrastText,
   getSeriesColors,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
+import {
+  LEGEND_HEIGHT
+} from "./chunk-4RGZFA7H.js";
+import {
+  measureText
+} from "./chunk-4ASYQ347.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
+import {
+  fillModeFromOptions,
+  legendSuppressed
+} from "./chunk-YJVA3QUU.js";
 
 // src/er/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -250,8 +254,9 @@ function renderERDiagram(container, parsed, layout, palette, isDark, onClickItem
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const useSemanticColors = parsed.tagGroups.length === 0 && layout.nodes.every((n) => !n.color);
   const LEGEND_FIXED_GAP = 8;
-  const hasTagLegend = parsed.tagGroups.length > 0;
-  const legendReserveH = useSemanticColors ? LEGEND_HEIGHT + LEGEND_FIXED_GAP : hasTagLegend ? LEGEND_HEIGHT + LEGEND_FIXED_GAP : 0;
+  const noLegend = legendSuppressed(parsed.options);
+  const hasTagLegend = parsed.tagGroups.length > 0 && !noLegend;
+  const legendReserveH = !noLegend && (useSemanticColors || hasTagLegend) ? LEGEND_HEIGHT + LEGEND_FIXED_GAP : 0;
   const showTitle = !!parsed.title && parsed.options["no-title"] !== "on";
   const titleHeight = showTitle ? 40 : 0;
   const diagramW = layout.width;
@@ -383,7 +388,7 @@ function renderERDiagram(container, parsed, layout, palette, isDark, onClickItem
     const w = node.width;
     const h = node.height;
     const fill = shapeFill(palette, nodeColor, isDark, {
-      solid: parsed.options["solid-fill"] === "on"
+      mode: fillModeFromOptions(parsed.options)
     });
     const stroke = nodeColor;
     const onFillText = contrastText(
@@ -455,7 +460,7 @@ function renderERDiagram(container, parsed, layout, palette, isDark, onClickItem
       }
     }
   }
-  if (parsed.tagGroups.length > 0) {
+  if (hasTagLegend) {
     const legendY = sDiagramPadding + titleHeight;
     const legendG = svg.append("g").attr("class", "er-tag-legend").attr("transform", `translate(0,${legendY})`);
     renderIntegratedLegend(legendG, {
@@ -468,7 +473,7 @@ function renderERDiagram(container, parsed, layout, palette, isDark, onClickItem
     });
     legendG.selectAll("[data-legend-group]").classed("er-legend-group", true);
   }
-  if (semanticRoles) {
+  if (semanticRoles && !noLegend) {
     const presentRoles = ROLE_ORDER.filter((role) => {
       for (const r of semanticRoles.values()) {
         if (r === role) return true;
@@ -545,4 +550,4 @@ export {
   renderERDiagram,
   renderERDiagramForExport
 };
-//# sourceMappingURL=chunk-BYJBIALT.js.map
+//# sourceMappingURL=chunk-LC3FFD43.js.map

package/dist/{chunk-65WJYYKJ.js → chunk-LHILKFDP.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -18,20 +18,23 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  contrastText,
+  shapeFill
+} from "./chunk-JYDMBWRP.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-4RGZFA7H.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 import {
-  contrastText,
-  shapeFill
-} from "./chunk-P6T66CCZ.js";
+  fillModeFromOptions
+} from "./chunk-YJVA3QUU.js";
 import {
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/cycle/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -678,7 +681,7 @@ var DESC_LINE_HEIGHT2 = 15;
 var TITLE_AREA_HEIGHT = 50;
 function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims, viewState, renderOptions) {
   if (parsed.nodes.length === 0) return;
-  const solid = parsed.options?.["solid-fill"] === "on";
+  const fillMode = fillModeFromOptions(parsed.options ?? {});
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const width = exportDims?.width ?? container.clientWidth;
   const height = exportDims?.height ?? container.clientHeight;
@@ -815,7 +818,9 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
     const ln = layout.nodes[i];
     const node = parsed.nodes[i];
     const solidColor = resolveNodeColor(node.color, palette, defaultNodeColor);
-    const fillColor = shapeFill(palette, solidColor, isDark, { solid });
+    const fillColor = shapeFill(palette, solidColor, isDark, {
+      mode: fillMode
+    });
     const textColor = contrastText(
       fillColor,
       palette.textOnFillLight,
@@ -859,7 +864,7 @@ function renderCycle(container, parsed, palette, isDark, onClickItem, exportDims
         const labelText = nodeG.append("text").attr("x", ln.x).attr("y", headerCenterY + scaledNodeFont / 3).attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", scaledNodeFont).attr("font-weight", "600");
         renderInlineText(labelText, node.label, palette, scaledNodeFont);
         const sepY = ln.y - nodeH / 2 + HEADER_H;
-        nodeG.append("line").attr("x1", ln.x - nodeW / 2).attr("y1", sepY).attr("x2", ln.x + nodeW / 2).attr("y2", sepY).attr("stroke", solid ? descColor : solidColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
+        nodeG.append("line").attr("x1", ln.x - nodeW / 2).attr("y1", sepY).attr("x2", ln.x + nodeW / 2).attr("y2", sepY).attr("stroke", fillMode === "solid" ? descColor : solidColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
         const descStartY = sepY + 4 + scaledDescFont;
         const descPadX = Math.max(8, 12 * layout.scale);
         const descX = ln.x - nodeW / 2 + descPadX;
@@ -964,4 +969,4 @@ export {
   renderCycle,
   renderCycleForExport
 };
-//# sourceMappingURL=chunk-65WJYYKJ.js.map
+//# sourceMappingURL=chunk-LHILKFDP.js.map

package/dist/{chunk-NEQ6GJXB.js → chunk-LQHVDZYC.js}

@@ -8,14 +8,17 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-4RGZFA7H.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
+import {
+  legendSuppressed
+} from "./chunk-YJVA3QUU.js";
 
 // src/c4/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -37,6 +40,23 @@ var MARGIN = 40;
 var BOUNDARY_PAD = 40;
 var GROUP_BOUNDARY_PAD = 24;
 var EDGE_NODE_COLLISION_WEIGHT = 5e3;
+function transposeGraph(g) {
+  for (const name of g.nodes()) {
+    const pos = gNode(g, name);
+    if (!pos) continue;
+    [pos.x, pos.y] = [pos.y, pos.x];
+    [pos.width, pos.height] = [pos.height, pos.width];
+  }
+}
+function reduceCrossingsForDirection(g, direction, edgeList, nodeGroupMap) {
+  if (direction === "LR") {
+    transposeGraph(g);
+    reduceCrossings(g, edgeList, nodeGroupMap);
+    transposeGraph(g);
+    return;
+  }
+  reduceCrossings(g, edgeList, nodeGroupMap);
+}
 function computeEdgePenalty(edgeList, nodePositions, degrees, nodeGeometry) {
   let penalty = 0;
   for (const edge of edgeList) {
@@ -467,9 +487,10 @@ function layoutC4Context(parsed, activeTagGroup) {
   }
   const contextRels = rollUpContextRelationships(parsed);
   const spacing = computeAdaptiveSpacing(contextRels);
+  const direction = parsed.direction;
   const g = new dagre.graphlib.Graph();
   g.setGraph({
-    rankdir: "TB",
+    rankdir: direction,
     nodesep: spacing.nodesep,
     ranksep: spacing.ranksep,
     edgesep: spacing.edgesep
@@ -489,8 +510,9 @@ function layoutC4Context(parsed, activeTagGroup) {
     }
   }
   dagre.layout(g);
-  reduceCrossings(
+  reduceCrossingsForDirection(
     g,
+    direction,
     validRels.map((r) => ({ source: r.sourceName, target: r.targetName }))
   );
   const nodes = contextElements.map(
@@ -570,7 +592,9 @@ function layoutC4Context(parsed, activeTagGroup) {
   }
   let totalWidth = nodes.length > 0 ? maxX - minX + MARGIN * 2 : 0;
   let totalHeight = nodes.length > 0 ? maxY - minY + MARGIN * 2 : 0;
-  const legendGroups = computeLegendGroups(parsed.tagGroups);
+  const legendGroups = computeLegendGroups(
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups
+  );
   if (legendGroups.length > 0) {
     const legendY = totalHeight + MARGIN;
     let legendX = MARGIN;
@@ -666,6 +690,7 @@ function layoutC4Containers(parsed, systemName, activeTagGroup) {
     }
   }
   const hasGroups = elementToGroup.size > 0;
+  const direction = parsed.direction;
   const g = hasGroups ? new dagre.graphlib.Graph({ compound: true }) : new dagre.graphlib.Graph();
   g.setDefaultEdgeLabel(() => ({}));
   if (hasGroups) {
@@ -734,7 +759,7 @@ function layoutC4Containers(parsed, systemName, activeTagGroup) {
   }
   const spacing = computeAdaptiveSpacing(containerRels);
   g.setGraph({
-    rankdir: "TB",
+    rankdir: direction,
     nodesep: spacing.nodesep,
     ranksep: spacing.ranksep,
     edgesep: spacing.edgesep
@@ -746,8 +771,9 @@ function layoutC4Containers(parsed, systemName, activeTagGroup) {
   }
   dagre.layout(g);
   const nodeGroupMap = hasGroups ? new Map([...elementToGroup.entries()].map(([k, v]) => [k, v.name])) : void 0;
-  reduceCrossings(
+  reduceCrossingsForDirection(
     g,
+    direction,
     containerRels.filter(
       (r) => nameToElement.has(r.sourceName) && nameToElement.has(r.targetName)
     ).map((r) => ({ source: r.sourceName, target: r.targetName })),
@@ -925,7 +951,9 @@ function layoutC4Containers(parsed, systemName, activeTagGroup) {
   }
   let totalWidth = maxX - minX + MARGIN * 2;
   let totalHeight = maxY - minY + MARGIN * 2;
-  const legendGroups = computeLegendGroups(parsed.tagGroups);
+  const legendGroups = computeLegendGroups(
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups
+  );
   if (legendGroups.length > 0) {
     const legendY = totalHeight + MARGIN;
     let legendX = MARGIN;
@@ -1073,6 +1101,7 @@ function layoutC4Components(parsed, systemName, containerName, activeTagGroup) {
     }
   }
   const hasGroups = elementToGroup.size > 0;
+  const direction = parsed.direction;
   const g = hasGroups ? new dagre.graphlib.Graph({ compound: true }) : new dagre.graphlib.Graph();
   g.setDefaultEdgeLabel(() => ({}));
   if (hasGroups) {
@@ -1147,7 +1176,7 @@ function layoutC4Components(parsed, systemName, containerName, activeTagGroup) {
   }
   const spacing = computeAdaptiveSpacing(componentRels);
   g.setGraph({
-    rankdir: "TB",
+    rankdir: direction,
     nodesep: spacing.nodesep,
     ranksep: spacing.ranksep,
     edgesep: spacing.edgesep
@@ -1159,8 +1188,9 @@ function layoutC4Components(parsed, systemName, containerName, activeTagGroup) {
   }
   dagre.layout(g);
   const nodeGroupMap = hasGroups ? new Map([...elementToGroup.entries()].map(([k, v]) => [k, v.name])) : void 0;
-  reduceCrossings(
+  reduceCrossingsForDirection(
     g,
+    direction,
     componentRels.filter(
       (r) => nameToElement.has(r.sourceName) && nameToElement.has(r.targetName)
     ).map((r) => ({ source: r.sourceName, target: r.targetName })),
@@ -1340,7 +1370,9 @@ function layoutC4Components(parsed, systemName, containerName, activeTagGroup) {
   }
   let totalWidth = maxX - minX + MARGIN * 2;
   let totalHeight = maxY - minY + MARGIN * 2;
-  const legendGroups = computeLegendGroups(parsed.tagGroups);
+  const legendGroups = computeLegendGroups(
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups
+  );
   if (legendGroups.length > 0) {
     const legendY = totalHeight + MARGIN;
     let legendX = MARGIN;
@@ -1449,6 +1481,7 @@ function layoutC4Deployment(parsed, activeTagGroup) {
   for (const r of refEntries) {
     nameToElement.set(r.element.name, r.element);
   }
+  const direction = parsed.direction;
   const g = new dagre.graphlib.Graph({ compound: true });
   g.setDefaultEdgeLabel(() => ({}));
   for (const [infraId] of infraIds) {
@@ -1483,7 +1516,7 @@ function layoutC4Deployment(parsed, activeTagGroup) {
   }
   const spacing = computeAdaptiveSpacing(deployRels);
   g.setGraph({
-    rankdir: "TB",
+    rankdir: direction,
     nodesep: spacing.nodesep,
     ranksep: spacing.ranksep,
     edgesep: spacing.edgesep
@@ -1496,8 +1529,9 @@ function layoutC4Deployment(parsed, activeTagGroup) {
   dagre.layout(g);
   const nodeInfraMap = /* @__PURE__ */ new Map();
   for (const r of refEntries) nodeInfraMap.set(r.element.name, r.infraId);
-  reduceCrossings(
+  reduceCrossingsForDirection(
     g,
+    direction,
     deployRels.filter(
       (r) => nameToElement.has(r.sourceName) && nameToElement.has(r.targetName)
     ).map((r) => ({ source: r.sourceName, target: r.targetName })),
@@ -1649,7 +1683,9 @@ function layoutC4Deployment(parsed, activeTagGroup) {
   }
   let totalWidth = maxX - minX + MARGIN * 2;
   let totalHeight = maxY - minY + MARGIN * 2;
-  const legendGroups = computeLegendGroups(parsed.tagGroups);
+  const legendGroups = computeLegendGroups(
+    legendSuppressed(parsed.options) ? [] : parsed.tagGroups
+  );
   if (legendGroups.length > 0) {
     const legendY = totalHeight + MARGIN;
     let legendX = MARGIN;
@@ -1682,4 +1718,4 @@ export {
   layoutC4Components,
   layoutC4Deployment
 };
-//# sourceMappingURL=chunk-NEQ6GJXB.js.map
+//# sourceMappingURL=chunk-LQHVDZYC.js.map

package/dist/{chunk-5WPNFSXP.js → chunk-MA3HJZHB.js}

@@ -7,7 +7,7 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   displayName,
   normalizeName
@@ -26,14 +26,14 @@ import {
   tokenizeQuoteAware,
   tryParseSharedOption,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   nord,
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 import {
   emit
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/family/diagnostics.ts
 var FAMILY_DX = {
@@ -571,4 +571,4 @@ export {
   FAMILY_DIAGNOSTICS,
   parseFamily
 };
-//# sourceMappingURL=chunk-5WPNFSXP.js.map
+//# sourceMappingURL=chunk-MA3HJZHB.js.map

package/dist/{chunk-Z6XJQ6KO.js → chunk-MEQYZZFR.js}

@@ -1,9 +1,9 @@
 import {
   SKETCH_DIAGNOSTIC_CODES
-} from "./chunk-XHVV4NVW.js";
+} from "./chunk-RT7ACF77.js";
 import {
   makeDgmoError
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/sketch/geometry.ts
 var SKETCH_PHI = (1 + Math.sqrt(5)) / 2;
@@ -449,4 +449,4 @@ export {
   collapseSketch,
   layoutSketch
 };
-//# sourceMappingURL=chunk-Z6XJQ6KO.js.map
+//# sourceMappingURL=chunk-MEQYZZFR.js.map

package/dist/{chunk-MVN25IF6.js → chunk-NNUMX6WX.js}

@@ -2,7 +2,7 @@ import {
   INFRA_BEHAVIOR_KEY_SET,
   INFRA_EDGE_ONLY_KEY_SET,
   INFRA_TOP_LEVEL_OPTION_SET
-} from "./chunk-6H7O2OPM.js";
+} from "./chunk-6DCOIN4W.js";
 import {
   tryStripDescriptionKeyword
 } from "./chunk-IYULMRBE.js";
@@ -11,13 +11,13 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   GRAPH_DX
 } from "./chunk-I46X5VUA.js";
 import {
   parseInArrowLabel
-} from "./chunk-FFUN5D66.js";
+} from "./chunk-WF64MW5G.js";
 import {
   displayName,
   normalizeName
@@ -30,10 +30,10 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   isRecognizedColorName
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   emit,
@@ -41,7 +41,7 @@ import {
   makeDgmoError,
   nameMergedMessage,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/infra/types.ts
 var INFRA_BEHAVIOR_KEYS = INFRA_BEHAVIOR_KEY_SET;
@@ -53,7 +53,7 @@ var SIMPLE_CONNECTION_RE = /^->\s*(.+?)\s*$/;
 var ASYNC_CONNECTION_RE = /^~(?:([^~].*?))?~>\s*(.+?)\s*$/;
 var ASYNC_SIMPLE_CONNECTION_RE = /^~>\s*(.+?)\s*$/;
 var DEPRECATED_FANOUT_RE = /\bx(\d+)\s*$/;
-var GROUP_RE = /^\[([^\]]+)\]\s*(?:as\s+([A-Za-z][A-Za-z0-9_]{0,11})\s*)?((?:\|.*)|(?:[a-zA-Z_]\w*\s*:.*))?$/;
+var GROUP_RE = /^\[([^\]]+)\]\s*(?:as\s+([A-Za-z][A-Za-z0-9_]{0,11})\s*)?(?:(collapsed)(?!\s*:)\s*)?((?:\|.*)|(?:[a-zA-Z_]\w*\s*:.*))?$/;
 var TAG_VALUE_RE = /^(\w[\w\s]+?)\s*$/;
 var COMPONENT_RE = /^(?:"(?<qname>[^"]+)"|(?<uname>[a-zA-Z_][\w -]*?))(?:\s+as\s+(?<alias>[A-Za-z][A-Za-z0-9_]{0,11}))?\s*(?<meta>(?:\|.*)|(?:[a-zA-Z_]\w*\s*:.*))?$/;
 var PIPE_META_RE = /[|,]\s*(\w+)\s*:\s*([^|,]+)/g;
@@ -269,8 +269,9 @@ function parseInfra(content) {
           continue;
         }
       }
-      if (/^direction-tb$/i.test(trimmed)) {
-        result.direction = "TB";
+      const dirBool = trimmed.match(/^direction-(lr|tb)$/i);
+      if (dirBool) {
+        result.direction = dirBool[1].toUpperCase();
         continue;
       }
       if (trimmed === "animate" || trimmed === "no-animate") {
@@ -309,8 +310,15 @@ function parseInfra(content) {
         const groupAlias = groupMatch[2];
         const gId = groupId(gLabel);
         if (groupAlias) nameAliasMap.set(groupAlias, gId);
-        const groupMeta = groupMatch[3] ? extractPipeMetadata(groupMatch[3]).tags : void 0;
+        let groupCollapsed = groupMatch[3] !== void 0;
+        const groupMeta = groupMatch[4] ? extractPipeMetadata(groupMatch[4]).tags : void 0;
         if (groupMeta) {
+          if (groupMeta["collapsed"] !== void 0) {
+            if (groupMeta["collapsed"].toLowerCase() === "true") {
+              groupCollapsed = true;
+            }
+            delete groupMeta["collapsed"];
+          }
           warnUnknownMetaKeys(
             groupMeta,
             withTagAliases(INFRA_REGISTRY, tagAliasSet),
@@ -322,6 +330,7 @@ function parseInfra(content) {
           id: gId,
           label: gLabel,
           ...hasMeta && { metadata: groupMeta },
+          ...groupCollapsed && { collapsed: true },
           lineNumber
         };
         currentGroup = newGroup;
@@ -413,6 +422,25 @@ function parseInfra(content) {
           continue;
         }
       }
+      const spacePropMatch = trimmed.match(
+        /^(instances|collapsed)\s+(\S+)\s*$/
+      );
+      if (spacePropMatch) {
+        const key = spacePropMatch[1];
+        const val = spacePropMatch[2];
+        if (key === "instances" && RANGE_RE.test(val)) {
+          currentGroup.instances = val;
+          continue;
+        }
+        if (key === "instances" && /^\d+$/.test(val)) {
+          currentGroup.instances = parseInt(val, 10);
+          continue;
+        }
+        if (key === "collapsed" && /^(true|false)$/i.test(val)) {
+          currentGroup.collapsed = val.toLowerCase() === "true";
+          continue;
+        }
+      }
       const compMatch = trimmed.match(COMPONENT_RE);
       if (compMatch) {
         finishCurrentTagGroup();
@@ -840,7 +868,9 @@ function extractSymbols(docText) {
       if (!indented) {
         const firstLine = parseFirstLine(line);
         if (firstLine) continue;
-        if (/^(?:direction-tb|animate|no-animate|slo-|default-)/i.test(line))
+        if (/^(?:direction-tb|direction-lr|animate|no-animate|slo-|default-)/i.test(
+          line
+        ))
           continue;
         if (/^[a-z-]+\s*:/i.test(line)) continue;
         inMetadata = false;
@@ -890,4 +920,4 @@ export {
   parseInfra,
   extractSymbols
 };
-//# sourceMappingURL=chunk-MVN25IF6.js.map
+//# sourceMappingURL=chunk-NNUMX6WX.js.map