@diagrammo/dgmo 0.52.0 → 0.54.0

package/dist/chunk-2CW5ZTNH.js

@@ -0,0 +1,58 @@
+// src/utils/emphasis.ts
+var EMPHASIS_DIM_OPACITY = 0.28;
+var EMPHASIS_DIM_TEXT_OPACITY = 0.5;
+var EMPHASIS_TOKENS = Object.freeze(["highlight", "dim"]);
+function isEmphasisToken(token) {
+  return EMPHASIS_TOKENS.includes(token.toLowerCase());
+}
+function parseEmphasisDirective(line, lineNumber) {
+  const m = line.trim().match(/^(highlight|dim)\s+(.+)$/i);
+  if (!m) return null;
+  const kind = m[1].toLowerCase();
+  const raw = m[2].trim();
+  if (!raw) return null;
+  const hasComma = raw.includes(",");
+  const names = (hasComma ? raw.split(",") : [raw]).map((n) => n.trim()).filter(Boolean);
+  if (names.length === 0) return null;
+  return { kind, names, ambiguous: !hasComma, raw, lineNumber };
+}
+var EMPTY = { dimmed: /* @__PURE__ */ new Set(), unknown: [] };
+function resolveEmphasis(directive, elementNames, expandHighlight) {
+  if (!directive) return EMPTY;
+  const norm = (s) => s.trim().toLowerCase().replace(/\s+/g, " ");
+  const byNorm = /* @__PURE__ */ new Map();
+  for (const name of elementNames) byNorm.set(norm(name), name);
+  const match = (listed) => {
+    const hit2 = /* @__PURE__ */ new Set();
+    const unknown2 = [];
+    for (const name of listed) {
+      const found = byNorm.get(norm(name));
+      if (found === void 0) unknown2.push(name);
+      else hit2.add(found);
+    }
+    return { hit: hit2, unknown: unknown2 };
+  };
+  let { hit, unknown } = match(directive.names);
+  if (directive.ambiguous && hit.size === 0) {
+    const tokens = directive.raw.split(/\s+/).filter(Boolean);
+    if (tokens.length > 1) {
+      const retry = match(tokens);
+      if (retry.hit.size > 0) ({ hit, unknown } = retry);
+    }
+  }
+  if (hit.size === 0) return { dimmed: /* @__PURE__ */ new Set(), unknown };
+  if (directive.kind === "dim") return { dimmed: hit, unknown };
+  const lit = expandHighlight ? new Set(expandHighlight(hit)) : hit;
+  const dimmed = /* @__PURE__ */ new Set();
+  for (const name of byNorm.values()) if (!lit.has(name)) dimmed.add(name);
+  return { dimmed, unknown };
+}
+
+export {
+  EMPHASIS_DIM_OPACITY,
+  EMPHASIS_DIM_TEXT_OPACITY,
+  isEmphasisToken,
+  parseEmphasisDirective,
+  resolveEmphasis
+};
+//# sourceMappingURL=chunk-2CW5ZTNH.js.map

package/dist/{chunk-BPY242XU.js → chunk-2NYXI35Z.js}

@@ -4,6 +4,12 @@ import {
 import {
   inferParticipantType
 } from "./chunk-C3Z4DX3V.js";
+import {
+  parseInArrowLabel
+} from "./chunk-WF64MW5G.js";
+import {
+  normalizeName
+} from "./chunk-NOTA6TEI.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -11,13 +17,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-HHKO6SKY.js";
-import {
-  parseInArrowLabel
-} from "./chunk-FFUN5D66.js";
-import {
-  normalizeName
-} from "./chunk-NOTA6TEI.js";
+} from "./chunk-AHTTKERF.js";
 import {
   C4_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -27,16 +27,16 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-BRENJ2BQ.js";
+} from "./chunk-3FRO35WW.js";
 import {
   formatDgmoError,
   makeDgmoError,
   makeFail,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/c4/parser.ts
-var CONTAINER_RE = /^\[([^\]]+)\]$/;
+var CONTAINER_RE = /^\[([^\]]+)\](?:\s+(collapsed)|\s+collapsed:\s*(\S+))?$/;
 var ELEMENT_RE = /^(person|system|container|component)\s+(.+)$/i;
 var IS_A_RE = /\s+is\s+a(?:n)?\s+(\w+)\s*$/i;
 var C4_IS_A_RE = /^([^:]+?)\s+is\s+an?\s+(person|system|container|component|external|database)\b(.*)$/i;
@@ -62,13 +62,15 @@ var VALID_SHAPES = /* @__PURE__ */ new Set([
   "cloud",
   "external"
 ]);
-var KNOWN_C4_OPTIONS = /* @__PURE__ */ new Set(["layout", "active-tag"]);
+var KNOWN_C4_OPTIONS = /* @__PURE__ */ new Set(["active-tag"]);
 var KNOWN_C4_BOOLEANS = /* @__PURE__ */ new Set([
   "direction-tb",
+  "direction-lr",
   "fill-tint",
   "fill-solid",
   "fill-outline",
-  "no-title"
+  "no-title",
+  "no-legend"
 ]);
 var ALL_CHART_TYPES = [
   "c4",
@@ -152,6 +154,7 @@ function parseC4(content, palette) {
     title: null,
     titleLineNumber: null,
     options,
+    direction: "TB",
     tagGroups: [],
     elements: [],
     relationships: [],
@@ -239,12 +242,24 @@ function parseC4(content, palette) {
     }
     if (!contentStarted && !currentTagGroup && measureIndent(line) === 0) {
       if (KNOWN_C4_BOOLEANS.has(trimmed.toLowerCase())) {
-        options[trimmed.toLowerCase()] = "on";
+        const boolKey = trimmed.toLowerCase();
+        if (boolKey === "direction-lr" || boolKey === "direction-tb") {
+          delete options["direction-lr"];
+          delete options["direction-tb"];
+        }
+        options[boolKey] = "on";
         continue;
       }
       const optMatch = trimmed.match(OPTION_NOCOLON_RE);
       if (optMatch) {
         const key = optMatch[1].trim().toLowerCase();
+        if (key === "layout") {
+          pushError(
+            lineNumber,
+            `'layout' is not a valid C4 option \u2014 C4 diagrams have a single layered layout with no algorithm to select. Use the 'direction-tb' (default) or 'direction-lr' booleans to change orientation (\xA77.7).`
+          );
+          continue;
+        }
         if (KNOWN_C4_OPTIONS.has(key)) {
           options[key] = optMatch[2].trim();
           continue;
@@ -369,11 +384,13 @@ function parseC4(content, palette) {
     const containerMatch = trimmed.match(CONTAINER_RE);
     if (containerMatch) {
       const groupName = containerMatch[1].trim();
+      const groupCollapsed = containerMatch[2] !== void 0 || containerMatch[3]?.toLowerCase() === "true";
       const parentEntry = findParentElement(indent, stack);
       if (parentEntry) {
         const group = {
           name: groupName,
           children: [],
+          ...groupCollapsed && { collapsed: true },
           lineNumber
         };
         parentEntry.element.groups.push(group);
@@ -711,6 +728,7 @@ function parseC4(content, palette) {
     result.tagGroups,
     (line, msg) => pushError(line, msg, "warning")
   );
+  result.direction = options["direction-lr"] ? "LR" : "TB";
   return result;
 }
 function findParentElement(indent, stack) {
@@ -806,4 +824,4 @@ function validateDeploymentRefs(result, knownNames, pushWarning) {
 export {
   parseC4
 };
-//# sourceMappingURL=chunk-BPY242XU.js.map
+//# sourceMappingURL=chunk-2NYXI35Z.js.map

package/dist/{chunk-AUIM2NVH.js → chunk-2NZOHEP4.js}

@@ -1,6 +1,6 @@
 import {
   computeLegendLayout
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-J7HQPVYH.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
@@ -13,15 +13,15 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_TOGGLE_DOT_R,
   LEGEND_TOGGLE_OFF_OPACITY,
+  legendChromeColors,
   measureLegendText
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
-  mix,
   valueRampStops
-} from "./chunk-WBM7ZNDI.js";
+} from "./chunk-JYDMBWRP.js";
 import {
   tagAttrKey
-} from "./chunk-HHKO6SKY.js";
+} from "./chunk-AHTTKERF.js";
 
 // src/utils/legend-d3.ts
 var LEGEND_TEXT_DY = "0.32em";
@@ -45,8 +45,7 @@ function renderLegendD3(container, config, state, palette, isDark, callbacks, co
     } else {
       legendG.attr("data-legend-active", null);
     }
-    const groupBg = isDark ? mix(palette.surface, palette.bg, 50) : mix(palette.surface, palette.bg, 30);
-    const pillBorder = mix(palette.textMuted, palette.bg, 50);
+    const { groupBg, pillBorder } = legendChromeColors(palette, isDark);
     if (currentLayout.activeCapsule) {
       renderCapsule(
         legendG,
@@ -293,4 +292,4 @@ export {
   renderLegendD3,
   renderIntegratedLegend
 };
-//# sourceMappingURL=chunk-AUIM2NVH.js.map
+//# sourceMappingURL=chunk-2NZOHEP4.js.map

package/dist/{chunk-HFMYN6N2.js → chunk-3B2GXZCX.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-6EK55ART.js";
 import {
   noteBoxSize
-} from "./chunk-TYS6CSS5.js";
+} from "./chunk-UU6LUYUH.js";
 import {
   resolveNotes
-} from "./chunk-FMDSF3OV.js";
+} from "./chunk-QZAW5SFH.js";
 
 // src/graph/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -146,6 +146,7 @@ function layoutGraph(graph, options) {
       shape: node.shape,
       ...node.color !== void 0 && { color: node.color },
       ...node.group !== void 0 && { group: node.group },
+      ...node.metadata !== void 0 && { metadata: node.metadata },
       lineNumber: node.lineNumber,
       x: p.x,
       y: p.y,
@@ -310,4 +311,4 @@ function layoutGraph(graph, options) {
 export {
   layoutGraph
 };
-//# sourceMappingURL=chunk-HFMYN6N2.js.map
+//# sourceMappingURL=chunk-3B2GXZCX.js.map