@diagrammo/dgmo 0.51.0 → 0.53.0

package/dist/{chunk-5F5ELR3V.js → chunk-AN2DQB3G.js}

@@ -1,38 +1,53 @@
+import {
+  AUTO_TAG_COLOR_SENTINEL,
+  finalizeAutoTagColors,
+  matchTagBlockHeading,
+  stripDefaultModifier,
+  tagAttrKey,
+  validateTagGroupNames,
+  validateTagValues
+} from "./chunk-CMVZWP32.js";
 import {
   tryCollectNote
-} from "./chunk-WQLMU7VG.js";
+} from "./chunk-ZXUAPTCK.js";
 import {
   resolveNotes
-} from "./chunk-FMDSF3OV.js";
+} from "./chunk-QZAW5SFH.js";
 import {
   parseInArrowLabel
-} from "./chunk-FFUN5D66.js";
+} from "./chunk-WF64MW5G.js";
 import {
   displayName,
   normalizeName
 } from "./chunk-NOTA6TEI.js";
 import {
   ALL_CHART_TYPES,
+  FILL_FAMILY_TOKENS,
   OPTION_NOCOLON_RE,
+  STATE_REGISTRY,
+  cutUnionMetadata,
+  extractColor,
   measureIndent,
   parseFirstLine,
-  tryParseSharedOption
-} from "./chunk-LV4BETUU.js";
+  parseMetadataRegion,
+  tryParseSharedOption,
+  withTagAliases
+} from "./chunk-YJVA3QUU.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
   makeDgmoError,
   nameMergedMessage,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/graph/state-parser.ts
 var PSEUDOSTATE_ID = "pseudostate:[*]";
 var PSEUDOSTATE_LABEL = "[*]";
-var GROUP_BRACKET_RE = /^\[([^\]]+)\](?:\s+(red|orange|yellow|green|blue|purple|teal|cyan|gray|black|white))?(?:,?\s+collapsed:\s*(\S+))?\s*$/;
+var GROUP_BRACKET_RE = /^\[([^\]]+)\](?:\s+(red|orange|yellow|green|blue|purple|teal|cyan|gray|black|white))?(?:,?\s+(collapsed)(?::\s*(\S+))?)?\s*$/;
 function splitArrows(line) {
   const segments = [];
   const arrowPositions = [];
@@ -125,6 +140,7 @@ function parseState(content, palette) {
     direction: "LR",
     nodes: [],
     edges: [],
+    tagGroups: [],
     options,
     diagnostics: [],
     error: null
@@ -143,6 +159,22 @@ function parseState(content, palette) {
   const groups = [];
   let contentStarted = false;
   let firstLineParsed = false;
+  const tagGroups = result.tagGroups;
+  let currentTagGroup = null;
+  const metaAliasMap = /* @__PURE__ */ new Map();
+  let registry = STATE_REGISTRY;
+  const refreshRegistry = () => {
+    registry = withTagAliases(STATE_REGISTRY, new Set(metaAliasMap.keys()));
+  };
+  function peelStateMeta(text) {
+    if (metaAliasMap.size === 0) return { text, meta: {} };
+    const cut = cutUnionMetadata(text, registry);
+    if (cut === -1) return { text, meta: {} };
+    return {
+      text: text.substring(0, cut).trimEnd(),
+      meta: parseMetadataRegion(text.substring(cut), metaAliasMap)
+    };
+  }
   const nameAliasMap = /* @__PURE__ */ new Map();
   function peelAlias(seg) {
     const trimmed = seg.trim();
@@ -150,10 +182,13 @@ function parseState(content, palette) {
     if (!m) return { seg: trimmed };
     return { seg: m[1].trim(), alias: m[2] };
   }
-  function getOrCreateNode(ref, lineNumber) {
+  function getOrCreateNode(ref, lineNumber, meta) {
     const key = ref.id;
     const existing = nodeMap.get(key);
     if (existing) {
+      if (meta && Object.keys(meta).length > 0) {
+        existing.metadata = { ...existing.metadata ?? {}, ...meta };
+      }
       const incomingDisplay = displayName(ref.label);
       const existingDisplay = displayName(existing.label);
       if (incomingDisplay !== existingDisplay) {
@@ -179,7 +214,8 @@ function parseState(content, palette) {
       shape: ref.shape,
       lineNumber,
       ...ref.color && { color: ref.color },
-      ...currentGroup && { group: currentGroup.id }
+      ...currentGroup && { group: currentGroup.id },
+      ...meta && Object.keys(meta).length > 0 && { metadata: { ...meta } }
     };
     nodeMap.set(key, node);
     result.nodes.push(node);
@@ -201,7 +237,10 @@ function parseState(content, palette) {
     const trimmed = raw.trim();
     const lineNumber = i + 1;
     const indent = measureIndent(raw);
-    if (!trimmed) continue;
+    if (!trimmed) {
+      currentTagGroup = null;
+      continue;
+    }
     if (trimmed.startsWith("//")) continue;
     if (!firstLineParsed && !contentStarted) {
       const firstLineResult = parseFirstLine(trimmed);
@@ -221,6 +260,53 @@ function parseState(content, palette) {
         continue;
       }
     }
+    if (!contentStarted) {
+      const tagBlockMatch = matchTagBlockHeading(trimmed);
+      if (tagBlockMatch) {
+        currentTagGroup = {
+          name: tagBlockMatch.name,
+          ...tagBlockMatch.alias !== void 0 && {
+            alias: tagBlockMatch.alias
+          },
+          entries: [],
+          lineNumber
+        };
+        if (tagBlockMatch.alias) {
+          metaAliasMap.set(
+            normalizeName(tagBlockMatch.alias),
+            tagAttrKey(tagBlockMatch.name)
+          );
+        }
+        metaAliasMap.set(
+          normalizeName(tagBlockMatch.name),
+          tagAttrKey(tagBlockMatch.name)
+        );
+        refreshRegistry();
+        tagGroups.push(currentTagGroup);
+        continue;
+      }
+      if (currentTagGroup && indent > 0) {
+        const { text: cleanEntry, isDefault } = stripDefaultModifier(trimmed);
+        const { label, color } = extractColor(
+          cleanEntry,
+          palette,
+          result.diagnostics,
+          lineNumber
+        );
+        if (isDefault || currentTagGroup.entries.length === 0) {
+          currentTagGroup.defaultValue = label;
+        }
+        currentTagGroup.entries.push({
+          value: label,
+          // Bare value → sentinel; finalizeAutoTagColors assigns a
+          // deterministic palette color after the parse.
+          color: color ?? AUTO_TAG_COLOR_SENTINEL,
+          lineNumber
+        });
+        continue;
+      }
+      currentTagGroup = null;
+    }
     const noteResult = tryCollectNote(
       lines,
       i,
@@ -243,7 +329,7 @@ function parseState(content, palette) {
         result.diagnostics,
         palette
       ) : void 0;
-      const groupCollapsed = groupMatch[3]?.toLowerCase() === "true";
+      const groupCollapsed = groupMatch[3] !== void 0 && (groupMatch[4] === void 0 || groupMatch[4].toLowerCase() === "true");
       currentGroup = {
         id: `group:${groupLabel.toLowerCase()}`,
         label: groupLabel,
@@ -257,12 +343,15 @@ function parseState(content, palette) {
       continue;
     }
     if (!contentStarted) {
-      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 (/^solid-fill$/i.test(trimmed)) {
-        options["solid-fill"] = "on";
+      if (FILL_FAMILY_TOKENS.has(trimmed.toLowerCase())) {
+        for (const t of FILL_FAMILY_TOKENS) delete options[t];
+        if (trimmed.toLowerCase() !== "fill-tint")
+          options[trimmed.toLowerCase()] = "on";
         continue;
       }
       if (/^no-color$/i.test(trimmed)) {
@@ -275,7 +364,8 @@ function parseState(content, palette) {
         continue;
       }
       const optMatch = trimmed.match(OPTION_NOCOLON_RE);
-      if (optMatch && !trimmed.includes("->")) {
+      const carriesTagMeta = metaAliasMap.size > 0 && cutUnionMetadata(trimmed, registry) !== -1;
+      if (optMatch && !trimmed.includes("->") && !carriesTagMeta) {
         const key = optMatch[1].toLowerCase();
         const value = optMatch[2].trim();
         if (key === "no-color") {
@@ -311,10 +401,11 @@ function parseState(content, palette) {
     ) : null;
     const segments = splitArrows(trimmed);
     if (segments.length === 1) {
-      const peeled = peelAlias(segments[0]);
+      const withMeta = peelStateMeta(segments[0]);
+      const peeled = peelAlias(withMeta.text);
       const ref = parseStateNodeRef(peeled.seg);
       if (ref) {
-        const node = getOrCreateNode(ref, lineNumber);
+        const node = getOrCreateNode(ref, lineNumber, withMeta.meta);
         if (peeled.alias) nameAliasMap.set(peeled.alias, node.id);
         node.lineNumber = lineNumber;
         indentStack.push({ nodeId: node.id, indent });
@@ -371,6 +462,46 @@ function parseState(content, palette) {
       indentStack.push({ nodeId: lastNodeId, indent });
     }
   }
+  if (tagGroups.length > 0) {
+    finalizeAutoTagColors(tagGroups, palette);
+    const defaults = [];
+    for (const group of tagGroups) {
+      if (group.defaultValue) {
+        defaults.push({
+          key: tagAttrKey(group.name),
+          value: group.defaultValue
+        });
+      }
+    }
+    const taggable = result.nodes.filter(
+      (n) => n.shape !== "pseudostate"
+    );
+    for (const node of taggable) {
+      const meta = { ...node.metadata ?? {} };
+      for (const { key, value } of defaults) {
+        if (!(key in meta)) meta[key] = value;
+      }
+      node.metadata = meta;
+    }
+    validateTagValues(
+      taggable.map((n) => ({
+        metadata: n.metadata ?? {},
+        lineNumber: n.lineNumber
+      })),
+      tagGroups,
+      (line, message) => result.diagnostics.push(makeDgmoError(line, message, "warning")),
+      suggest
+    );
+    validateTagGroupNames(
+      tagGroups,
+      (line, message) => result.diagnostics.push(makeDgmoError(line, message, "warning")),
+      (line, message) => {
+        const diag = makeDgmoError(line, message);
+        result.diagnostics.push(diag);
+        if (!result.error) result.error = formatDgmoError(diag);
+      }
+    );
+  }
   if (groups.length > 0) result.groups = groups;
   if (notes.length > 0) {
     result.notes = notes;
@@ -412,4 +543,4 @@ export {
   parseState,
   looksLikeState
 };
-//# sourceMappingURL=chunk-5F5ELR3V.js.map
+//# sourceMappingURL=chunk-AN2DQB3G.js.map

package/dist/{chunk-IEWG6J7C.js → chunk-AZNXGWDC.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-PDKUANDZ.js";
 import {
   layoutGraph
-} from "./chunk-HFMYN6N2.js";
+} from "./chunk-3B2GXZCX.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-LP7EC4MI.js";
@@ -14,7 +14,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-JEUJOX5X.js";
+} from "./chunk-3IUHKMJI.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
@@ -30,16 +30,19 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  measureText
-} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
+import {
+  measureText
+} from "./chunk-4ASYQ347.js";
 import {
   parseFlowchart
-} from "./chunk-OZPBJM5Q.js";
+} from "./chunk-JTMSWEIW.js";
+import {
+  fillModeFromOptions
+} from "./chunk-YJVA3QUU.js";
 
 // src/graph/flowchart-renderer.ts
 import * as d3Selection from "d3-selection";
@@ -52,6 +55,14 @@ var ARROWHEAD_H = 7;
 var IO_SKEW = 15;
 var SUBROUTINE_INSET = 8;
 var DOC_WAVE_HEIGHT = 10;
+function clipPointToDiamond(cx, cy, halfW, halfH, towardX, towardY) {
+  const dx = towardX - cx;
+  const dy = towardY - cy;
+  const denom = Math.abs(dx) / halfW + Math.abs(dy) / halfH;
+  if (denom === 0) return { x: cx, y: cy };
+  const s = 1 / denom;
+  return { x: cx + dx * s, y: cy + dy * s };
+}
 function shapeDefaultColor(shape, palette, isEndTerminal, colorOff) {
   if (colorOff) return palette.textMuted;
   switch (shape) {
@@ -71,28 +82,34 @@ function shapeDefaultColor(shape, palette, isEndTerminal, colorOff) {
       return palette.colors.blue;
   }
 }
-function nodeFill(palette, isDark, shape, nodeColor, isEndTerminal, colorOff, solid) {
+function nodeFill(palette, isDark, shape, nodeColor, isEndTerminal, colorOff, fillMode) {
   const color = nodeColor ?? shapeDefaultColor(shape, palette, isEndTerminal, colorOff);
-  return shapeFill(palette, color, isDark, {
-    ...solid !== void 0 && { solid }
-  });
+  return shapeFill(palette, color, isDark, { mode: fillMode });
 }
 function nodeStroke(palette, shape, nodeColor, isEndTerminal, colorOff) {
   return nodeColor ?? shapeDefaultColor(shape, palette, isEndTerminal, colorOff);
 }
-function renderTerminal(g, node, palette, isDark, isEnd, colorOff, solid, sNodeStrokeWidth = NODE_STROKE_WIDTH) {
+function renderTerminal(g, node, palette, isDark, isEnd, colorOff, fillMode, sNodeStrokeWidth = NODE_STROKE_WIDTH) {
   const w = node.width;
   const h = node.height;
   const rx = h / 2;
   g.append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", rx).attr("ry", rx).attr(
     "fill",
-    nodeFill(palette, isDark, node.shape, node.color, isEnd, colorOff, solid)
+    nodeFill(
+      palette,
+      isDark,
+      node.shape,
+      node.color,
+      isEnd,
+      colorOff,
+      fillMode
+    )
   ).attr(
     "stroke",
     nodeStroke(palette, node.shape, node.color, isEnd, colorOff)
   ).attr("stroke-width", sNodeStrokeWidth);
 }
-function renderProcess(g, node, palette, isDark, colorOff, solid, sNodeStrokeWidth = NODE_STROKE_WIDTH) {
+function renderProcess(g, node, palette, isDark, colorOff, fillMode, sNodeStrokeWidth = NODE_STROKE_WIDTH) {
   const w = node.width;
   const h = node.height;
   g.append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", 3).attr("ry", 3).attr(
@@ -104,14 +121,14 @@ function renderProcess(g, node, palette, isDark, colorOff, solid, sNodeStrokeWid
       node.color,
       void 0,
       colorOff,
-      solid
+      fillMode
     )
   ).attr(
     "stroke",
     nodeStroke(palette, node.shape, node.color, void 0, colorOff)
   ).attr("stroke-width", sNodeStrokeWidth);
 }
-function renderDecision(g, node, palette, isDark, colorOff, solid, sNodeStrokeWidth = NODE_STROKE_WIDTH) {
+function renderDecision(g, node, palette, isDark, colorOff, fillMode, sNodeStrokeWidth = NODE_STROKE_WIDTH) {
   const w = node.width / 2;
   const h = node.height / 2;
   const points = [`${0},${-h}`, `${w},${0}`, `${0},${h}`, `${-w},${0}`].join(
@@ -126,14 +143,14 @@ function renderDecision(g, node, palette, isDark, colorOff, solid, sNodeStrokeWi
       node.color,
       void 0,
       colorOff,
-      solid
+      fillMode
     )
   ).attr(
     "stroke",
     nodeStroke(palette, node.shape, node.color, void 0, colorOff)
   ).attr("stroke-width", sNodeStrokeWidth);
 }
-function renderIO(g, node, palette, isDark, colorOff, solid, sNodeStrokeWidth = NODE_STROKE_WIDTH, sIoSkew = IO_SKEW) {
+function renderIO(g, node, palette, isDark, colorOff, fillMode, sNodeStrokeWidth = NODE_STROKE_WIDTH, sIoSkew = IO_SKEW) {
   const w = node.width / 2;
   const h = node.height / 2;
   const sk = sIoSkew;
@@ -152,14 +169,14 @@ function renderIO(g, node, palette, isDark, colorOff, solid, sNodeStrokeWidth =
       node.color,
       void 0,
       colorOff,
-      solid
+      fillMode
     )
   ).attr(
     "stroke",
     nodeStroke(palette, node.shape, node.color, void 0, colorOff)
   ).attr("stroke-width", sNodeStrokeWidth);
 }
-function renderSubroutine(g, node, palette, isDark, colorOff, solid, sNodeStrokeWidth = NODE_STROKE_WIDTH, sSubroutineInset = SUBROUTINE_INSET) {
+function renderSubroutine(g, node, palette, isDark, colorOff, fillMode, sNodeStrokeWidth = NODE_STROKE_WIDTH, sSubroutineInset = SUBROUTINE_INSET) {
   const w = node.width;
   const h = node.height;
   const s = nodeStroke(palette, node.shape, node.color, void 0, colorOff);
@@ -170,14 +187,14 @@ function renderSubroutine(g, node, palette, isDark, colorOff, solid, sNodeStroke
     node.color,
     void 0,
     colorOff,
-    solid
+    fillMode
   );
-  const innerStroke = solid ? contrastText(fill, palette.textOnFillLight, palette.textOnFillDark) : s;
+  const innerStroke = fillMode === "solid" ? contrastText(fill, palette.textOnFillLight, palette.textOnFillDark) : s;
   g.append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", 3).attr("ry", 3).attr("fill", fill).attr("stroke", s).attr("stroke-width", sNodeStrokeWidth);
   g.append("line").attr("x1", -w / 2 + sSubroutineInset).attr("y1", -h / 2).attr("x2", -w / 2 + sSubroutineInset).attr("y2", h / 2).attr("stroke", innerStroke).attr("stroke-width", sNodeStrokeWidth);
   g.append("line").attr("x1", w / 2 - sSubroutineInset).attr("y1", -h / 2).attr("x2", w / 2 - sSubroutineInset).attr("y2", h / 2).attr("stroke", innerStroke).attr("stroke-width", sNodeStrokeWidth);
 }
-function renderDocument(g, node, palette, isDark, colorOff, solid, sNodeStrokeWidth = NODE_STROKE_WIDTH, sDocWaveHeight = DOC_WAVE_HEIGHT) {
+function renderDocument(g, node, palette, isDark, colorOff, fillMode, sNodeStrokeWidth = NODE_STROKE_WIDTH, sDocWaveHeight = DOC_WAVE_HEIGHT) {
   const w = node.width;
   const h = node.height;
   const waveH = sDocWaveHeight;
@@ -201,14 +218,14 @@ function renderDocument(g, node, palette, isDark, colorOff, solid, sNodeStrokeWi
       node.color,
       void 0,
       colorOff,
-      solid
+      fillMode
     )
   ).attr(
     "stroke",
     nodeStroke(palette, node.shape, node.color, void 0, colorOff)
   ).attr("stroke-width", sNodeStrokeWidth);
 }
-function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, solid, sNodeStrokeWidth = NODE_STROKE_WIDTH, sIoSkew = IO_SKEW, sSubroutineInset = SUBROUTINE_INSET, sDocWaveHeight = DOC_WAVE_HEIGHT) {
+function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, fillMode, sNodeStrokeWidth = NODE_STROKE_WIDTH, sIoSkew = IO_SKEW, sSubroutineInset = SUBROUTINE_INSET, sDocWaveHeight = DOC_WAVE_HEIGHT) {
   switch (node.shape) {
     case "terminal":
       renderTerminal(
@@ -218,7 +235,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         isDark,
         endTerminalIds.has(node.id),
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth
       );
       break;
@@ -229,7 +246,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth
       );
       break;
@@ -240,7 +257,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth
       );
       break;
@@ -251,7 +268,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth,
         sIoSkew
       );
@@ -263,7 +280,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth,
         sSubroutineInset
       );
@@ -275,7 +292,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth,
         sDocWaveHeight
       );
@@ -383,13 +400,51 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
   }
   const labelPosMap = /* @__PURE__ */ new Map();
   for (const lp of labelPositions) labelPosMap.set(lp.edgeIdx, lp);
+  const nodeGeom = /* @__PURE__ */ new Map();
+  for (const n of layout.nodes) {
+    nodeGeom.set(n.id, {
+      x: n.x,
+      y: n.y,
+      halfW: n.width / 2,
+      halfH: n.height / 2,
+      shape: n.shape
+    });
+  }
   for (let ei = 0; ei < layout.edges.length; ei++) {
     const edge = layout.edges[ei];
     if (edge.points.length < 2) continue;
     const edgeG = contentG.append("g").attr("class", "fc-edge-group").attr("data-line-number", String(edge.lineNumber)).attr("data-source", edge.source).attr("data-target", edge.target);
     const edgeColor = palette.textMuted;
     const markerId = "fc-arrow";
-    const pathD = edgeSplinePath(edge.points);
+    let drawPoints = edge.points;
+    const src = nodeGeom.get(edge.source);
+    const tgt = nodeGeom.get(edge.target);
+    if (src?.shape === "decision" || tgt?.shape === "decision") {
+      const pts = edge.points.map((p) => ({ x: p.x, y: p.y }));
+      const last = pts.length - 1;
+      if (tgt?.shape === "decision") {
+        pts[last] = clipPointToDiamond(
+          tgt.x,
+          tgt.y,
+          tgt.halfW,
+          tgt.halfH,
+          pts[last - 1].x,
+          pts[last - 1].y
+        );
+      }
+      if (src?.shape === "decision") {
+        pts[0] = clipPointToDiamond(
+          src.x,
+          src.y,
+          src.halfW,
+          src.halfH,
+          pts[1].x,
+          pts[1].y
+        );
+      }
+      drawPoints = pts;
+    }
+    const pathD = edgeSplinePath(drawPoints);
     if (pathD) {
       edgeG.append("path").attr("d", pathD).attr("fill", "none").attr("stroke", edgeColor).attr("stroke-width", sEdgeStrokeWidth).attr("marker-end", `url(#${markerId})`).attr("class", "fc-edge");
     }
@@ -408,7 +463,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
     }
   }
   const colorOff = graph.options?.["color"] === "off";
-  const solid = graph.options?.["solid-fill"] === "on";
+  const fillMode = fillModeFromOptions(graph.options ?? {});
   const noNotes = graph.options?.["no-notes"] === "on";
   for (const node of layout.nodes) {
     const nodeG = contentG.append("g").attr("transform", `translate(${node.x}, ${node.y})`).attr("class", "fc-node").attr("data-line-number", String(node.lineNumber)).attr("data-node-id", node.id);
@@ -425,7 +480,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
       isDark,
       endTerminalIds,
       colorOff,
-      solid,
+      fillMode,
       sNodeStrokeWidth,
       sIoSkew,
       sSubroutineInset,
@@ -439,7 +494,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
       node.color,
       isEnd,
       colorOff,
-      solid
+      fillMode
     );
     nodeG.append("text").attr("x", 0).attr("y", 0).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr(
       "fill",
@@ -527,4 +582,4 @@ export {
   renderFlowchart,
   renderFlowchartForExport
 };
-//# sourceMappingURL=chunk-IEWG6J7C.js.map
+//# sourceMappingURL=chunk-AZNXGWDC.js.map

package/dist/{chunk-4XFBQT5O.js → chunk-B4XS2AF2.js}

@@ -1,9 +1,9 @@
 import {
   mix
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
 import {
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/clock/swatches.ts
 function buildSwatches(palette, muted) {
@@ -32,4 +32,4 @@ function buildSwatches(palette, muted) {
 export {
   buildSwatches
 };
-//# sourceMappingURL=chunk-4XFBQT5O.js.map
+//# sourceMappingURL=chunk-B4XS2AF2.js.map