@diagrammo/dgmo 0.78.0 → 0.79.0

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

@@ -1,10 +1,10 @@
 import {
   measureText,
   truncateText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   mix
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/utils/legend-constants.ts
 var LEGEND_HEIGHT = 28;
@@ -59,4 +59,4 @@ export {
   LEGEND_TOGGLE_OFF_OPACITY,
   LEGEND_GEAR_PILL_W
 };
-//# sourceMappingURL=chunk-MFK7LF66.js.map
+//# sourceMappingURL=chunk-CKDYRVOC.js.map

package/dist/{chunk-6B3M6LW6.js → chunk-CRBW2WS7.js}

@@ -18,15 +18,15 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-MFK7LF66.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-O2HU4AQN.js";
 
 // src/sitemap/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -629,4 +629,4 @@ function layoutSitemap(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, e
 export {
   layoutSitemap
 };
-//# sourceMappingURL=chunk-6B3M6LW6.js.map
+//# sourceMappingURL=chunk-CRBW2WS7.js.map

package/dist/{chunk-DCPD5SHV.js → chunk-CREALBZL.js}

@@ -1,6 +1,6 @@
 import {
   buildMapProjection
-} from "./chunk-CYLSQO4L.js";
+} from "./chunk-OM6XZAKM.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y
@@ -51,4 +51,4 @@ export {
   mapContentAspect,
   mapExportDimensions
 };
-//# sourceMappingURL=chunk-DCPD5SHV.js.map
+//# sourceMappingURL=chunk-CREALBZL.js.map

package/dist/{chunk-P64NBPSK.js → chunk-CSTYDCKB.js}

@@ -10,15 +10,15 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   fillModeFromOptions
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/wireframe/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -554,4 +554,4 @@ function renderModal(parent, node, ctx) {
 export {
   renderWireframe
 };
-//# sourceMappingURL=chunk-P64NBPSK.js.map
+//# sourceMappingURL=chunk-CSTYDCKB.js.map

package/dist/{chunk-SNBEAO4Q.js → chunk-DG5IQW74.js}

@@ -1,12 +1,12 @@
 import {
   buildSwatches
-} from "./chunk-RIXWLFB4.js";
+} from "./chunk-K3K7JHZI.js";
 import {
   layoutMap,
   mapLegendConfig,
   mapLegendGroups,
   parsePathRings
-} from "./chunk-CYLSQO4L.js";
+} from "./chunk-OM6XZAKM.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -14,16 +14,16 @@ import {
 } from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-67I3HFSF.js";
+} from "./chunk-253E5ISJ.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseClock
-} from "./chunk-SH4PPRU7.js";
+} from "./chunk-Q5KGGW7Z.js";
 import {
   fixedParts,
   formatTime,
@@ -34,7 +34,7 @@ import {
 import {
   mix,
   themeBaseBg
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/map/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -781,4 +781,4 @@ export {
   renderMap,
   renderMapForExport
 };
-//# sourceMappingURL=chunk-SNBEAO4Q.js.map
+//# sourceMappingURL=chunk-DG5IQW74.js.map

package/dist/{chunk-Y2CYNRL7.js → chunk-DN6K6QCF.js}

@@ -1,6 +1,6 @@
 import {
   parseFirstLine
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   parseCloudReferenceFence,
   parseCloudReferenceUrl
@@ -219,4 +219,4 @@ export {
   isLiveLinkLine,
   parseLiveLink
 };
-//# sourceMappingURL=chunk-Y2CYNRL7.js.map
+//# sourceMappingURL=chunk-DN6K6QCF.js.map

package/dist/{chunk-VQGQF7O7.js → chunk-DQOCYWB6.js}

@@ -1,6 +1,6 @@
 import {
   renderIntegratedLegend
-} from "./chunk-67I3HFSF.js";
+} from "./chunk-253E5ISJ.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -13,12 +13,12 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   getSeriesColors,
   mix,
   themeBaseBg
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-AMQFJ7P7.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -348,4 +348,4 @@ export {
   renderBody,
   renderBodyForExport
 };
-//# sourceMappingURL=chunk-VQGQF7O7.js.map
+//# sourceMappingURL=chunk-DQOCYWB6.js.map

package/dist/{chunk-7SMVTA7I.js → chunk-EBEFYSVZ.js}

@@ -1,15 +1,15 @@
 import {
   parseClock
-} from "./chunk-SH4PPRU7.js";
+} from "./chunk-Q5KGGW7Z.js";
 import {
   parseBracket
-} from "./chunk-6VTLVU7D.js";
+} from "./chunk-T3EW35M2.js";
 import {
   parseRaci
-} from "./chunk-TN754B3R.js";
+} from "./chunk-ZZZJVDIL.js";
 import {
   parseBody
-} from "./chunk-7NNJXYXU.js";
+} from "./chunk-WC72PTV4.js";
 import {
   EXTENDED_CHART_DOORS,
   parseChart,
@@ -18,81 +18,81 @@ import {
   parseHeatmap,
   parseSankey,
   parseScatter
-} from "./chunk-M526IKKH.js";
+} from "./chunk-Z4COUG7H.js";
 import {
   parseCycle
-} from "./chunk-CRLVJZWX.js";
+} from "./chunk-JOG6W3VS.js";
 import {
   parseJourneyMap
-} from "./chunk-N56W4R66.js";
+} from "./chunk-6EMJRAEY.js";
 import {
   parsePyramid
-} from "./chunk-LKS56RDT.js";
+} from "./chunk-S6GPBJWG.js";
 import {
   parseRing
-} from "./chunk-OKXWPKUC.js";
+} from "./chunk-7SHL2WME.js";
 import {
   parseTreemap
-} from "./chunk-VUJQ6RU6.js";
+} from "./chunk-4T6V7JJA.js";
 import {
   parseBlock
-} from "./chunk-2NLBIZEW.js";
+} from "./chunk-SEOM2BGQ.js";
 import {
   parseGoal
-} from "./chunk-KWSBNLSC.js";
+} from "./chunk-MQAD75AY.js";
 import {
   parseCountdown
-} from "./chunk-7WTFX6OA.js";
+} from "./chunk-LXTMP3VT.js";
 import {
   parseMap
-} from "./chunk-7BNRHSSF.js";
+} from "./chunk-ALVK3TBO.js";
 import {
   parseBoxesAndLines
-} from "./chunk-QVMV4KCA.js";
+} from "./chunk-XDEEYDPQ.js";
 import {
   parseSketch
-} from "./chunk-B6PVPAS5.js";
+} from "./chunk-UNYOWKEC.js";
 import {
   parseSwimlane
-} from "./chunk-3ZLQM6XN.js";
+} from "./chunk-ZH3BWGTE.js";
 import {
   parseFamily
-} from "./chunk-GINNZHVN.js";
+} from "./chunk-XNAMWOPJ.js";
 import {
   parseMindmap
-} from "./chunk-57GSSHBR.js";
+} from "./chunk-ZASX45SU.js";
 import {
   parseTechRadar
-} from "./chunk-VBJCGGNF.js";
+} from "./chunk-RPP3NHKV.js";
 import {
   looksLikePert,
   parsePert
-} from "./chunk-KAZQX2EY.js";
+} from "./chunk-AI7TZQ2R.js";
 import {
   isLiveLinkLine,
   parseLiveLink
-} from "./chunk-Y2CYNRL7.js";
+} from "./chunk-DN6K6QCF.js";
 import {
   parseEventLine
-} from "./chunk-RC6GGF6X.js";
+} from "./chunk-S7ZJEQPW.js";
 import {
   parseTimelineEventLine
-} from "./chunk-UCZBRGJN.js";
+} from "./chunk-XXLAZQ5E.js";
 import {
   parseVersionControl
-} from "./chunk-7BMX2M3F.js";
+} from "./chunk-FFDHZVEL.js";
 import {
   parseKanban
-} from "./chunk-3GLTQZKE.js";
+} from "./chunk-TPQ6Q7JP.js";
 import {
   parseC4
-} from "./chunk-A7Y32YD6.js";
+} from "./chunk-IEK2FUWO.js";
 import {
   parseInfra
-} from "./chunk-NS3KIRSW.js";
+} from "./chunk-O5QG5IFV.js";
 import {
   parseGantt
-} from "./chunk-FJADQOFQ.js";
+} from "./chunk-CFYTCBRH.js";
 import {
   makeYearContext,
   parseDateToken,
@@ -102,41 +102,41 @@ import {
 import {
   looksLikeSequence,
   parseSequenceDgmo
-} from "./chunk-XCR3PDFF.js";
+} from "./chunk-55DMCFGM.js";
 import {
   looksLikeFlowchart,
   parseFlowchart
-} from "./chunk-NWNSXHA5.js";
+} from "./chunk-3KNA7OIO.js";
 import {
   looksLikeState,
   parseState
-} from "./chunk-6Z2NUJSX.js";
+} from "./chunk-4L43NPSQ.js";
 import {
   looksLikeClassDiagram,
   parseClassDiagram
-} from "./chunk-LTTZX6RD.js";
+} from "./chunk-Z5ZCTCX4.js";
 import {
   looksLikeERDiagram,
   parseERDiagram
-} from "./chunk-SFSJ6XWV.js";
+} from "./chunk-LLYHYPYG.js";
 import {
   looksLikeOrg,
   parseOrg
-} from "./chunk-QAPFXLAC.js";
+} from "./chunk-AFOHIR2O.js";
 import {
   looksLikeSitemap,
   parseSitemap
-} from "./chunk-NN5IDH2I.js";
+} from "./chunk-Y22BJKMK.js";
 import {
   parseWireframe
-} from "./chunk-3OWIYK52.js";
+} from "./chunk-IZK2H4KU.js";
 import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   TIMELINE_REGISTRY,
   chartTypes,
@@ -149,7 +149,7 @@ import {
   peelTrailingColorName,
   splitNameAndMeta,
   withTagAliases
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-XOGQY4EC.js";
@@ -1716,4 +1716,4 @@ export {
   knownChartTypeIds,
   parseDgmo
 };
-//# sourceMappingURL=chunk-7SMVTA7I.js.map
+//# sourceMappingURL=chunk-EBEFYSVZ.js.map

package/dist/{chunk-L65WI4HO.js → chunk-EDU2OCIQ.js}

@@ -1,6 +1,6 @@
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 
 // src/label-layout.ts
 function rectsOverlap(a, b) {
@@ -243,4 +243,4 @@ export {
   createLabelPlacement,
   computeQuadrantPointLabels
 };
-//# sourceMappingURL=chunk-L65WI4HO.js.map
+//# sourceMappingURL=chunk-EDU2OCIQ.js.map

package/dist/{chunk-4IGUEGD6.js → chunk-EOG4QKKV.js}

@@ -4,7 +4,7 @@ import {
   layoutC4Containers,
   layoutC4Context,
   layoutC4Deployment
-} from "./chunk-AHN2CVCH.js";
+} from "./chunk-HJZ4OET2.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
@@ -35,34 +35,36 @@ import {
 } from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-67I3HFSF.js";
+} from "./chunk-253E5ISJ.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-MFK7LF66.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText,
   wrapTextToWidth
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   parseC4
-} from "./chunk-A7Y32YD6.js";
+} from "./chunk-IEK2FUWO.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
+  resolveGroupTagColor,
   tagAttrKey
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   fillModeFromOptions
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   contrastText,
+  groupFill,
   mix,
   shapeFill
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-AMQFJ7P7.js";
 
 // src/c4/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -681,6 +683,21 @@ function renderLegend(parent, layout, palette, isDark, activeTagGroup, fixedWidt
     groups,
     activeGroup: activeTagGroup ?? null,
     mode: exportMode ? "export" : "preview",
+    // Keep inactive sibling tag groups visible as name-only pills, exactly as
+    // boxes-and-lines does. Without this a c4 reader cannot tell a second
+    // colouring dimension EXISTS — not merely that they cannot reach it: the
+    // author declared it and it rendered as nothing at all (#567).
+    //
+    // The pill carries `data-legend-group`, which is what the app walks up to
+    // on a click, and C4Preview already wires `onLegendGroupToggle` to flip the
+    // active dimension and write the `active-tag` directive back to source. So
+    // this needs no app change to be clickable.
+    //
+    // A CLI-rendered static SVG shows a pill nobody can click, and that is the
+    // accepted cost: knowing the dimension is there beats not knowing. Export
+    // mode is unaffected — `legend-layout.ts` drops non-active groups before
+    // this flag is consulted.
+    showInactivePills: true,
     palette,
     isDark,
     width: containerWidth
@@ -752,16 +769,23 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
     boundaryG.append("text").attr("x", b.x + 12).attr("y", b.y + 16).attr("fill", palette.textMuted).attr("font-size", BOUNDARY_LABEL_FONT_SIZE).attr("font-style", "italic").text(`${b.label} \u2014 ${b.typeLabel}`);
   }
   if (layout.groupBoundaries.length > 0) {
-    const groupFill = mix(palette.surface, palette.bg, 15);
-    const groupStroke = mix(palette.textMuted, palette.bg, 60);
+    const neutralFill = mix(palette.surface, palette.bg, 15);
+    const neutralStroke = mix(palette.textMuted, palette.bg, 60);
     for (const gb of layout.groupBoundaries) {
+      const gbTagColor = resolveGroupTagColor(
+        gb.metadata,
+        parsed.tagGroups,
+        activeTagGroup ?? null
+      );
+      const groupFillColor = gbTagColor ? groupFill(palette, isDark, gbTagColor) : neutralFill;
+      const groupStrokeColor = gbTagColor ?? neutralStroke;
       const gbG = contentG.append("g").attr("class", "c4-group-boundary").attr("data-line-number", String(gb.lineNumber));
       if (onClickItem) {
         gbG.style("cursor", "pointer").on("click", () => {
           onClickItem(gb.lineNumber);
         });
       }
-      gbG.append("rect").attr("x", gb.x).attr("y", gb.y).attr("width", gb.width).attr("height", gb.height).attr("rx", CONTAINER_RADIUS).attr("ry", CONTAINER_RADIUS).attr("fill", groupFill).attr("stroke", groupStroke).attr("stroke-width", NODE_STROKE_WIDTH);
+      gbG.append("rect").attr("x", gb.x).attr("y", gb.y).attr("width", gb.width).attr("height", gb.height).attr("rx", CONTAINER_RADIUS).attr("ry", CONTAINER_RADIUS).attr("fill", groupFillColor).attr("stroke", groupStrokeColor).attr("stroke-width", NODE_STROKE_WIDTH);
       gbG.append("text").attr("x", gb.x + 10).attr("y", gb.y + 14).attr("fill", palette.textMuted).attr("font-size", BOUNDARY_LABEL_FONT_SIZE).attr("font-style", "italic").text(gb.label);
     }
   }
@@ -1058,4 +1082,4 @@ export {
   renderC4Deployment,
   renderC4DeploymentForExport
 };
-//# sourceMappingURL=chunk-4IGUEGD6.js.map
+//# sourceMappingURL=chunk-EOG4QKKV.js.map

package/dist/{chunk-4AWLEWSD.js → chunk-F66R7CPY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-IIEI7VK5.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 
 // src/utils/card.ts
 function renderNodeCard(container, opts) {
@@ -47,4 +47,4 @@ export {
   renderNodeCard,
   renderCollapseBar
 };
-//# sourceMappingURL=chunk-4AWLEWSD.js.map
+//# sourceMappingURL=chunk-F66R7CPY.js.map

package/dist/{chunk-7BMX2M3F.js → chunk-FFDHZVEL.js}

@@ -2,7 +2,7 @@ import {
   extractColor,
   measureIndent,
   parseFirstLine
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 import {
   emit,
   formatDgmoError,
@@ -507,4 +507,4 @@ export {
   VERSION_CONTROL_DIAGNOSTICS,
   parseVersionControl
 };
-//# sourceMappingURL=chunk-7BMX2M3F.js.map
+//# sourceMappingURL=chunk-FFDHZVEL.js.map

package/dist/{chunk-BJB4YDJP.js → chunk-GWA6UGNX.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-FWNJDD4U.js";
 import {
   layoutInlineHeader
-} from "./chunk-FLMXJMMY.js";
+} from "./chunk-2F7AG7LA.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -11,31 +11,31 @@ import {
 } from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-67I3HFSF.js";
+} from "./chunk-253E5ISJ.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-IZTU6WVR.js";
+} from "./chunk-LLZVRWVS.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-MFK7LF66.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   contrastText,
   getSeriesColors,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-YVLTNNME.js";
+} from "./chunk-AMQFJ7P7.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -1001,4 +1001,4 @@ export {
   renderBracket,
   renderBracketForExport
 };
-//# sourceMappingURL=chunk-BJB4YDJP.js.map
+//# sourceMappingURL=chunk-GWA6UGNX.js.map

package/dist/{chunk-IDGQB6XD.js → chunk-HIOJSYDA.js}

@@ -7,14 +7,14 @@ import {
 import {
   measureText,
   truncateText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   injectDefaultTagMetadata,
   resolveTagColor
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-O2HU4AQN.js";
 
 // src/mindmap/text-wrap.ts
 var H_PAD = 16;
@@ -558,4 +558,4 @@ export {
   computeNodeText,
   layoutMindmap
 };
-//# sourceMappingURL=chunk-IDGQB6XD.js.map
+//# sourceMappingURL=chunk-HIOJSYDA.js.map

package/dist/{chunk-KGX5LIUG.js → chunk-HJ5DKZPO.js}

@@ -18,18 +18,18 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-MFK7LF66.js";
+} from "./chunk-CKDYRVOC.js";
 import {
   measureText
-} from "./chunk-MTGGOCND.js";
+} from "./chunk-YC6GVLTI.js";
 import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-R4YGH7DJ.js";
+} from "./chunk-O2HU4AQN.js";
 import {
   legendSuppressed
-} from "./chunk-M5OOAP65.js";
+} from "./chunk-4CA7TJ44.js";
 
 // src/org/layout.ts
 import { hierarchy, tree } from "d3-hierarchy";
@@ -884,4 +884,4 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
 export {
   layoutOrg
 };
-//# sourceMappingURL=chunk-KGX5LIUG.js.map
+//# sourceMappingURL=chunk-HJ5DKZPO.js.map