@diagrammo/dgmo 0.51.0 → 0.52.0

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

@@ -14,7 +14,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-JEUJOX5X.js";
+} from "./chunk-J7TLCB2Q.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
@@ -36,10 +36,13 @@ import {
 import {
   contrastText,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   parseFlowchart
-} from "./chunk-OZPBJM5Q.js";
+} from "./chunk-6EJITS44.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/graph/flowchart-renderer.ts
 import * as d3Selection from "d3-selection";
@@ -71,28 +74,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 +113,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 +135,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 +161,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 +179,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 +210,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 +227,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         isDark,
         endTerminalIds.has(node.id),
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth
       );
       break;
@@ -229,7 +238,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth
       );
       break;
@@ -240,7 +249,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth
       );
       break;
@@ -251,7 +260,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth,
         sIoSkew
       );
@@ -263,7 +272,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth,
         sSubroutineInset
       );
@@ -275,7 +284,7 @@ function renderNodeShape(g, node, palette, isDark, endTerminalIds, colorOff, sol
         palette,
         isDark,
         colorOff,
-        solid,
+        fillMode,
         sNodeStrokeWidth,
         sDocWaveHeight
       );
@@ -408,7 +417,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 +434,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
       isDark,
       endTerminalIds,
       colorOff,
-      solid,
+      fillMode,
       sNodeStrokeWidth,
       sIoSkew,
       sSubroutineInset,
@@ -439,7 +448,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 +536,4 @@ export {
   renderFlowchart,
   renderFlowchartForExport
 };
-//# sourceMappingURL=chunk-IEWG6J7C.js.map
+//# sourceMappingURL=chunk-GCYTI3DE.js.map

package/dist/{chunk-GNSFLJAA.js → chunk-GJFAMOGK.js}

@@ -1,9 +1,9 @@
 import {
   encodeDiagramUrl
-} from "./chunk-3ODS2VGL.js";
+} from "./chunk-J7KJR3R6.js";
 import {
   parseDgmoChartType
-} from "./chunk-KJGG2JKQ.js";
+} from "./chunk-ZEF5M5MB.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
@@ -428,4 +428,4 @@ export {
   defaultEmbedBackground,
   getEmbedSvgViewBox
 };
-//# sourceMappingURL=chunk-GNSFLJAA.js.map
+//# sourceMappingURL=chunk-GJFAMOGK.js.map

package/dist/{chunk-VNSXLA6G.js → chunk-H7KENAZO.js}

@@ -14,7 +14,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-JEUJOX5X.js";
+} from "./chunk-J7TLCB2Q.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
@@ -38,10 +38,13 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   parseState
-} from "./chunk-5F5ELR3V.js";
+} from "./chunk-ROOE4R4Y.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/graph/state-renderer.ts
 import * as d3Selection from "d3-selection";
@@ -58,11 +61,9 @@ var GROUP_EXTRA_PADDING = 12;
 function stateDefaultColor(palette, colorOff) {
   return colorOff ? palette.textMuted : palette.colors.blue;
 }
-function stateFill(palette, isDark, nodeColor, colorOff, solid) {
+function stateFill(palette, isDark, nodeColor, colorOff, fillMode) {
   const color = nodeColor ?? stateDefaultColor(palette, colorOff);
-  return shapeFill(palette, color, isDark, {
-    ...solid !== void 0 && { solid }
-  });
+  return shapeFill(palette, color, isDark, { mode: fillMode });
 }
 function stateStroke(palette, nodeColor, colorOff) {
   return nodeColor ?? stateDefaultColor(palette, colorOff);
@@ -148,7 +149,8 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     const gy = group.y - sGroupExtraPadding - sGroupLabelFontSize - 4;
     const gw = group.width + sGroupExtraPadding * 2;
     const gh = group.height + sGroupExtraPadding * 2 + sGroupLabelFontSize + 4;
-    const fillColor = group.color ? mix(group.color, themeBaseBg(palette, isDark), 10) : isDark ? palette.surface : mix(palette.border, palette.bg, 30);
+    const groupOutline = fillModeFromOptions(graph.options ?? {}) === "outline";
+    const fillColor = groupOutline ? themeBaseBg(palette, isDark) : group.color ? mix(group.color, themeBaseBg(palette, isDark), 10) : isDark ? palette.surface : mix(palette.border, palette.bg, 30);
     const strokeColor = group.color ?? palette.textMuted;
     const groupWrapper = contentG.append("g").attr("class", "st-group-wrapper").attr("data-line-number", String(group.lineNumber)).attr("data-group-id", group.id).attr("data-group-toggle", group.id).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "true").attr("aria-label", `Collapse group ${group.label}`).style("cursor", "pointer");
     groupWrapper.append("rect").attr("x", gx).attr("y", gy).attr("width", gw).attr("height", gh).attr("rx", 6).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("class", "st-group");
@@ -242,7 +244,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     if (group.collapsed) collapsedGroupIds.add(group.id);
   }
   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 isCollapsedGroup = collapsedGroupIds.has(node.id);
@@ -262,7 +264,9 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
       const w = node.width;
       const h = node.height;
       const groupColor = node.color ?? stateDefaultColor(palette, colorOff);
-      const fillColor = shapeFill(palette, groupColor, isDark, { solid });
+      const fillColor = shapeFill(palette, groupColor, isDark, {
+        mode: fillMode
+      });
       const strokeColor = groupColor;
       const COLLAPSE_BAR_H = 6;
       nodeG.append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", sStateCornerRadius).attr("ry", sStateCornerRadius).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", sNodeStrokeWidth);
@@ -285,7 +289,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
         isDark,
         node.color,
         colorOff,
-        solid
+        fillMode
       );
       nodeG.append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", sStateCornerRadius).attr("ry", sStateCornerRadius).attr("fill", resolvedFill).attr("stroke", stateStroke(palette, node.color, colorOff)).attr("stroke-width", sNodeStrokeWidth);
       nodeG.append("text").attr("x", 0).attr("y", 0).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr(
@@ -375,4 +379,4 @@ export {
   renderState,
   renderStateForExport
 };
-//# sourceMappingURL=chunk-VNSXLA6G.js.map
+//# sourceMappingURL=chunk-H7KENAZO.js.map

package/dist/{chunk-KFNWFNAA.js → chunk-HBPDFCQY.js}

@@ -10,7 +10,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -25,7 +25,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   formatDgmoError,
   makeDgmoError,
@@ -519,4 +519,4 @@ export {
   looksLikeSitemap,
   parseSitemap
 };
-//# sourceMappingURL=chunk-KFNWFNAA.js.map
+//# sourceMappingURL=chunk-HBPDFCQY.js.map

package/dist/{chunk-467TVMQL.js → chunk-HHKO6SKY.js}

@@ -1,7 +1,7 @@
 import {
   stripQuotes,
   tokenizeQuoteAware
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   RECOGNIZED_COLOR_NAMES,
@@ -250,4 +250,4 @@ export {
   resolveActiveTagGroup,
   matchTagBlockHeading
 };
-//# sourceMappingURL=chunk-467TVMQL.js.map
+//# sourceMappingURL=chunk-HHKO6SKY.js.map

package/dist/{chunk-6K2M4VSR.js → chunk-HQQNCY7W.js}

@@ -1,6 +1,6 @@
 import {
   SKETCH_DIAGNOSTIC_CODES
-} from "./chunk-XHVV4NVW.js";
+} from "./chunk-RT7ACF77.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -10,7 +10,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   parseInArrowLabel
 } from "./chunk-FFUN5D66.js";
@@ -20,13 +20,14 @@ import {
 import {
   SKETCH_REGISTRY,
   extractColor,
+  fillModeFromToken,
   measureIndent,
   parseFirstLine,
   splitNameAndMeta,
   stripQuotes,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
@@ -69,10 +70,11 @@ var LEFT_ARROW_RE = /^<[-~](?![-~]?>)/;
 var BOX_RE = /^\[([^\]]*)\]\s*(.*)$/;
 var BOX_TAIL_ALIAS_RE = /^as\s+([A-Za-z][A-Za-z0-9_]{0,11})(?=\s|,|$)\s*,?\s*/;
 var AT_VALUE_RE = /^(-?\d+)\s+(-?\d+)$/;
+var SKETCH_AT_MAX = 2e3;
 function parseSketch(content, palette) {
   const options = {
     noLegend: false,
-    solidFill: false,
+    fillMode: void 0,
     noDescriptions: false
   };
   const result = {
@@ -118,7 +120,17 @@ function parseSketch(content, palette) {
       );
       return null;
     }
-    return { c: parseInt(m[1], 10), r: parseInt(m[2], 10) };
+    const c = parseInt(m[1], 10);
+    const r = parseInt(m[2], 10);
+    if (!Number.isSafeInteger(c) || !Number.isSafeInteger(r) || Math.abs(c) > SKETCH_AT_MAX || Math.abs(r) > SKETCH_AT_MAX) {
+      warn(
+        lineNumber,
+        `at: coordinate "${raw}" is out of range \u2014 half-slot coords must be whole numbers within \xB1${SKETCH_AT_MAX}; shape will flow-place`,
+        SKETCH_DIAGNOSTIC_CODES.AT_OUT_OF_RANGE
+      );
+      return null;
+    }
+    return { c, r };
   };
   const liftReserved = (meta, lineNumber) => {
     let shape = "rectangle";
@@ -446,8 +458,9 @@ function parseSketch(content, palette) {
       options.noLegend = true;
       continue;
     }
-    if (indent === 0 && /^solid-fill\s*$/i.test(trimmed)) {
-      options.solidFill = true;
+    if (indent === 0 && fillModeFromToken(trimmed) !== null) {
+      const fm = fillModeFromToken(trimmed);
+      options.fillMode = fm === "tint" ? void 0 : fm;
       continue;
     }
     if (indent === 0 && /^no-descriptions\s*$/i.test(trimmed)) {
@@ -614,4 +627,4 @@ export {
   isSketchShapeKind,
   parseSketch
 };
-//# sourceMappingURL=chunk-6K2M4VSR.js.map
+//# sourceMappingURL=chunk-HQQNCY7W.js.map

package/dist/{chunk-ZJ3LS7DW.js → chunk-HWX6ZHF3.js}

@@ -11,7 +11,7 @@ import {
 import {
   injectDefaultTagMetadata,
   resolveTagColor
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 
 // src/mindmap/text-wrap.ts
 var H_PAD = 16;
@@ -547,4 +547,4 @@ export {
   computeNodeText,
   layoutMindmap
 };
-//# sourceMappingURL=chunk-ZJ3LS7DW.js.map
+//# sourceMappingURL=chunk-HWX6ZHF3.js.map

package/dist/{chunk-Q62FEYK3.js → chunk-ICPJPQ5C.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   makeDgmoError,
   makeFail
@@ -127,4 +127,4 @@ function parsePyramid(content) {
 export {
   parsePyramid
 };
-//# sourceMappingURL=chunk-Q62FEYK3.js.map
+//# sourceMappingURL=chunk-ICPJPQ5C.js.map

package/dist/{chunk-MVN25IF6.js → chunk-IM6PDDCE.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-FQ7HTV52.js";
 import {
   tryStripDescriptionKeyword
 } from "./chunk-IYULMRBE.js";
@@ -11,7 +11,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   GRAPH_DX
 } from "./chunk-I46X5VUA.js";
@@ -30,7 +30,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   isRecognizedColorName
 } from "./chunk-TLVIHFRO.js";
@@ -890,4 +890,4 @@ export {
   parseInfra,
   extractSymbols
 };
-//# sourceMappingURL=chunk-MVN25IF6.js.map
+//# sourceMappingURL=chunk-IM6PDDCE.js.map

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

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -28,7 +28,10 @@ import {
 import {
   contrastText,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -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-INE5YJBZ.js.map

package/dist/{chunk-EDA6C7MV.js → chunk-J6QROYDA.js}

@@ -1,12 +1,12 @@
 import {
   extractDatePrefix,
   parseTimelineDate
-} from "./chunk-TMACGPW5.js";
+} from "./chunk-R3YSD62R.js";
 import {
   makeYearContext,
   parseDateToken,
   resolveTokenYear
-} from "./chunk-RBDIYLA5.js";
+} from "./chunk-DAOFNU6J.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -16,17 +16,18 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   EVENT_LINE_REGISTRY,
   extractColor,
+  fillModeFromToken,
   measureIndent,
   parseFirstLine,
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   emit,
   formatDgmoError,
@@ -140,7 +141,7 @@ function parseEventLine(content, palette) {
     noTitle: false,
     noBox: false,
     noLegend: false,
-    solidFill: false
+    fillMode: void 0
   };
   const result = {
     type: "event-line",
@@ -336,9 +337,12 @@ function parseEventLine(content, palette) {
         options.noLegend = true;
         continue;
       }
-      if (trimmed.toLowerCase() === "solid-fill") {
-        options.solidFill = true;
-        continue;
+      {
+        const fm = fillModeFromToken(trimmed);
+        if (fm !== null) {
+          options.fillMode = fm === "tint" ? void 0 : fm;
+          continue;
+        }
       }
       const dirMatch = trimmed.match(DIRECTION_RE);
       if (dirMatch) {
@@ -598,4 +602,4 @@ export {
   EVENT_LINE_DIAGNOSTICS,
   parseEventLine
 };
-//# sourceMappingURL=chunk-EDA6C7MV.js.map
+//# sourceMappingURL=chunk-J6QROYDA.js.map