@diagrammo/dgmo 0.51.0 → 0.53.0

package/dist/{chunk-DY7XLRHK.js → chunk-UQRIKAMH.js}

@@ -4,7 +4,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-JEUJOX5X.js";
+} from "./chunk-3IUHKMJI.js";
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
@@ -20,10 +20,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-774C2FF3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -32,11 +32,6 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  CHAR_WIDTH_RATIO,
-  measureText,
-  truncateText
-} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   mix,
@@ -44,13 +39,22 @@ import {
   shapeFill,
   themeBaseBg,
   valueRampColor
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
+import {
+  CHAR_WIDTH_RATIO,
+  measureText,
+  truncateText
+} from "./chunk-4ASYQ347.js";
 import {
   resolveTagColor
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
+import {
+  fillModeFromOptions,
+  legendSuppressed
+} from "./chunk-YJVA3QUU.js";
 import {
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/boxes-and-lines/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -137,7 +141,7 @@ function fitLabelToHeader(label, nodeWidth, maxLines) {
   const truncated = truncateText(label, MIN_NODE_FONT_SIZE, maxTextWidth);
   return { lines: [truncated], fontSize: MIN_NODE_FONT_SIZE };
 }
-function nodeColors(node, tagGroups, activeGroupName, palette, isDark, value, solid) {
+function nodeColors(node, tagGroups, activeGroupName, palette, isDark, value, fillMode) {
   const neutralFill = mix(palette.bg, palette.text, isDark ? 90 : 95);
   if (value.active) {
     if (node.value === void 0) {
@@ -149,9 +153,7 @@ function nodeColors(node, tagGroups, activeGroupName, palette, isDark, value, so
       return { fill: neutralFill, stroke: value.hue, text: text3 };
     }
     const rampColor = value.fillForValue(node.value);
-    const fill2 = shapeFill(palette, rampColor, isDark, {
-      ...solid !== void 0 && { solid }
-    });
+    const fill2 = shapeFill(palette, rampColor, isDark, { mode: fillMode });
     const stroke2 = value.twoColor ? rampColor : value.hue;
     const text2 = contrastText(
       fill2,
@@ -166,9 +168,7 @@ function nodeColors(node, tagGroups, activeGroupName, palette, isDark, value, so
     activeGroupName
   );
   if (tagColor) {
-    const fill2 = shapeFill(palette, tagColor, isDark, {
-      ...solid !== void 0 && { solid }
-    });
+    const fill2 = shapeFill(palette, tagColor, isDark, { mode: fillMode });
     const stroke2 = tagColor;
     const text2 = contrastText(
       fill2,
@@ -291,7 +291,8 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const reserveHasDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const willRenderLegend = legendGroups.length > 0 || reserveHasDescriptions && controlsHost !== "app";
+  const noLegend = legendSuppressed(parsed.options);
+  const willRenderLegend = (legendGroups.length > 0 || reserveHasDescriptions && controlsHost !== "app") && !noLegend;
   const sLegendHeight = willRenderLegend ? sctx.structural(
     getMaxLegendReservedHeight(
       {
@@ -312,7 +313,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const hasAnyDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const needsLegend = legendGroups.length > 0 || hasAnyDescriptions && onToggleDescriptions;
+  const needsLegend = (legendGroups.length > 0 || hasAnyDescriptions && !!onToggleDescriptions) && !noLegend;
   const legendH = needsLegend ? sLegendHeight + 8 : 0;
   const groupLabelsSet = new Set(layout.groups.map((g) => g.label));
   let labelZoneExtension = 0;
@@ -480,7 +481,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       }
       if (isHidden) continue;
     }
-    const solid = parsed.options["solid-fill"] === "on";
+    const fillMode = fillModeFromOptions(parsed.options);
     const colors = nodeColors(
       node,
       parsed.tagGroups,
@@ -493,9 +494,9 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         twoColor: rampLow !== void 0,
         fillForValue
       },
-      solid
+      fillMode
     );
-    const dividerStroke = solid ? colors.text : colors.stroke;
+    const dividerStroke = fillMode === "solid" ? colors.text : colors.stroke;
     const nodeG = diagramG.append("g").attr("class", "bl-node").attr("transform", `translate(${ln.x},${ln.y})`).attr("data-line-number", node.lineNumber).attr("data-node-id", node.label).style("cursor", onClickItem ? "pointer" : "default").style("--bl-node-stroke", colors.stroke);
     for (const [key, val] of Object.entries(node.metadata)) {
       nodeG.attr(`data-tag-${key.toLowerCase()}`, val.toLowerCase());
@@ -575,11 +576,11 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         const tooltipText = fullText.length > 200 ? fullText.slice(0, 199) + "\u2026" : fullText;
         nodeG.append("title").text(tooltipText);
       }
-      if (parsed.showValues && node.value !== void 0) {
+      if (parsed.showValues !== false && node.value !== void 0) {
         const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
         nodeG.append("text").attr("class", "bl-node-value").attr("x", 0).attr("y", descStartY + visibleLines.length * descLineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", VALUE_FONT_SIZE).attr("font-weight", "600").attr("fill", colors.text).text(valueLabel);
       }
-    } else if (parsed.showValues && node.value !== void 0) {
+    } else if (parsed.showValues !== false && node.value !== void 0) {
       const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
       const headerH = ln.height / 2;
       const sepY = -ln.height / 2 + headerH;
@@ -682,7 +683,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const hasDescriptions = parsed.nodes.some(
     (n) => n.description && n.description.length > 0
   );
-  const hasLegend = legendGroups.length > 0 || hasDescriptions && controlsHost !== "app";
+  const hasLegend = (legendGroups.length > 0 || hasDescriptions && controlsHost !== "app") && !noLegend;
   if (hasLegend) {
     let controlsGroup;
     if (hasDescriptions && (onToggleDescriptions || controlsHost === "app")) {
@@ -758,4 +759,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-DY7XLRHK.js.map
+//# sourceMappingURL=chunk-UQRIKAMH.js.map

package/dist/{chunk-TYS6CSS5.js → chunk-UU6LUYUH.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-BMR4CIEO.js";
 import {
   measureText
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 
 // src/utils/note-box/metrics.ts
 function normalizeBulletLine(line) {
@@ -49,4 +49,4 @@ export {
   wrapNoteBody,
   noteBoxSize
 };
-//# sourceMappingURL=chunk-TYS6CSS5.js.map
+//# sourceMappingURL=chunk-UU6LUYUH.js.map

package/dist/{chunk-NI3XQBPB.js → chunk-UVDCHR4E.js}

@@ -1,13 +1,13 @@
 import {
   mix
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/treemap/treemap-shared.ts
 import { scaleLinear } from "d3-scale";
@@ -19,12 +19,23 @@ function depthTint(hue, depth, bg) {
 }
 function resolveColorMode(parsed, override) {
   let mode = override ?? parsed.defaultColorMode;
+  if (mode === "heat" && !parsed.hasHeat) {
+    mode = parsed.tagGroups.length > 0 ? "tag" : "branch";
+  }
   if (mode === "tag" && parsed.tagGroups.length === 0) {
     mode = parsed.hasHeat ? "heat" : "branch";
   }
-  if (mode === "heat" && !parsed.hasHeat) mode = "branch";
   return mode;
 }
+function activeTagGroupOf(parsed) {
+  if (parsed.tagGroups.length === 0) return null;
+  const at = parsed.activeTag?.trim().toLowerCase();
+  if (at) {
+    const g = parsed.tagGroups.find((x) => x.name.toLowerCase() === at);
+    if (g) return g;
+  }
+  return parsed.tagGroups[0];
+}
 function resolveCellColor(cell, ctx) {
   if (ctx.mode === "heat") {
     return cell.heat !== void 0 && ctx.heat ? ctx.heat.scale(cell.heat) : MUTED_FILL;
@@ -112,7 +123,7 @@ function buildLegend(activeMode, parsed, heat, seriesColors, colorOffset) {
   const modeByName = /* @__PURE__ */ new Map();
   let activeGroup = null;
   if (parsed.tagGroups.length > 0) {
-    const tg = parsed.tagGroups[0];
+    const tg = activeTagGroupOf(parsed);
     const used = /* @__PURE__ */ new Set();
     const collect = (nodes) => {
       for (const n of nodes) {
@@ -158,10 +169,11 @@ function buildLegend(activeMode, parsed, heat, seriesColors, colorOffset) {
 
 export {
   resolveColorMode,
+  activeTagGroupOf,
   resolveCellColor,
   buildHeatScale,
   compactNumber,
   formatPct,
   buildLegend
 };
-//# sourceMappingURL=chunk-NI3XQBPB.js.map
+//# sourceMappingURL=chunk-UVDCHR4E.js.map

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

@@ -1,6 +1,6 @@
 import {
   SKETCH_DIAGNOSTIC_CODES
-} from "./chunk-XHVV4NVW.js";
+} from "./chunk-RT7ACF77.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -10,23 +10,24 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   parseInArrowLabel
-} from "./chunk-FFUN5D66.js";
+} from "./chunk-WF64MW5G.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
 import {
   SKETCH_REGISTRY,
   extractColor,
+  fillModeFromToken,
   measureIndent,
   parseFirstLine,
   splitNameAndMeta,
   stripQuotes,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
@@ -34,7 +35,7 @@ import {
   makeFail,
   nameMergedMessage,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/sketch/types.ts
 var SKETCH_SHAPE_KINDS = [
@@ -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-VAO6ANGC.js.map

package/dist/{chunk-6NYWYNBI.js → chunk-VGNIDAPQ.js}

@@ -1,15 +1,15 @@
 import {
   buildPlacedNotes
-} from "./chunk-JED6ZDEE.js";
+} from "./chunk-5HWPEYWB.js";
 import {
   noteCanvasShift
 } from "./chunk-6EK55ART.js";
 import {
   measureText
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 import {
   resolveNotes
-} from "./chunk-FMDSF3OV.js";
+} from "./chunk-QZAW5SFH.js";
 
 // src/er/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -326,4 +326,4 @@ function layoutERDiagram(parsed, options) {
 export {
   layoutERDiagram
 };
-//# sourceMappingURL=chunk-6NYWYNBI.js.map
+//# sourceMappingURL=chunk-VGNIDAPQ.js.map

package/dist/{chunk-VL2O2F3W.js → chunk-VHO3YBTB.js}

@@ -1,6 +1,6 @@
 import {
   measureText
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-4ASYQ347.js";
 
 // src/label-layout.ts
 function rectsOverlap(a, b) {
@@ -221,4 +221,4 @@ export {
   segmentsCross,
   computeQuadrantPointLabels
 };
-//# sourceMappingURL=chunk-VL2O2F3W.js.map
+//# sourceMappingURL=chunk-VHO3YBTB.js.map

package/dist/{chunk-IUO34HKW.js → chunk-VIRANCNY.js}

@@ -7,11 +7,11 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   controlsGroupCapsuleWidth,
   getMaxLegendReservedHeight
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-774C2FF3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -20,6 +20,12 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  contrastText,
+  getSeriesColors,
+  mix,
+  shapeFill
+} from "./chunk-JYDMBWRP.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -34,23 +40,17 @@ import {
   LEGEND_PILL_PAD,
   measureLegendText,
   truncateLegendText
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-4RGZFA7H.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-WCT3NYCV.js";
-import {
-  contrastText,
-  getSeriesColors,
-  mix,
-  shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-4ASYQ347.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -100,18 +100,13 @@ function computeBarLabel(label, x1, barWidth, innerWidth, textColor, onFillColor
 var BAND_ACCENT_W = 4;
 var BAND_RADIUS = 4;
 var bandClipCounter = 0;
-function renderLabelBand(svg, y, leftMargin, color, palette, isDark, cssPrefix, dataAttr, solid, barH = BAR_H, bandRadius = BAND_RADIUS, bandAccentW = BAND_ACCENT_W) {
+function renderLabelBand(svg, y, leftMargin, color, palette, isDark, cssPrefix, dataAttr, fillMode, barH = BAR_H, bandRadius = BAND_RADIUS, bandAccentW = BAND_ACCENT_W) {
   const bandX = 5;
   const bandW = leftMargin - 7;
   const bandY = y - barH / 2;
   const clipId = `gantt-band-clip-${bandClipCounter++}`;
   svg.append("clipPath").attr("id", clipId).append("rect").attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", barH).attr("rx", bandRadius);
-  const tint = svg.append("rect").attr("class", `gantt-${cssPrefix}-band-bg`).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", barH).attr("rx", bandRadius).attr(
-    "fill",
-    shapeFill(palette, color, isDark, {
-      ...solid !== void 0 && { solid }
-    })
-  ).style("pointer-events", "none");
+  const tint = svg.append("rect").attr("class", `gantt-${cssPrefix}-band-bg`).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", barH).attr("rx", bandRadius).attr("fill", shapeFill(palette, color, isDark, { mode: fillMode })).style("pointer-events", "none");
   const accent = svg.append("rect").attr("class", `gantt-${cssPrefix}-band-accent`).attr("x", bandX).attr("y", bandY).attr("width", bandAccentW).attr("height", barH).attr("fill", color).attr("clip-path", `url(#${clipId})`).style("pointer-events", "none");
   if (dataAttr) {
     tint.attr(dataAttr.key, dataAttr.value);
@@ -127,7 +122,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   container.innerHTML = "";
   bandClipCounter = 0;
   if (resolved.tasks.length === 0) return;
-  const solid = false;
+  const fillMode = void 0;
   const onClickItem = options?.onClickItem;
   const collapsedGroups = options?.collapsedGroups ?? new Set(resolved.groups.filter((g2) => g2.collapsed).map((g2) => g2.name));
   const onToggleGroup = options?.onToggleGroup;
@@ -182,7 +177,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   const showTitle = !!title && !resolved.options.noTitle;
   const titleHeight = showTitle ? 50 : 20;
   const containerWidth = exportDims?.width ?? (container.clientWidth || 800);
-  const hasTagLegend = resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies;
+  const hasTagLegend = !resolved.options.noLegend && (resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies);
   const tagLegendReserve = hasTagLegend ? getMaxLegendReservedHeight(
     {
       groups: resolved.tagGroups.map((tg) => ({
@@ -243,7 +238,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   }
   function drawLegend() {
     svg.selectAll(".gantt-tag-legend-container").remove();
-    if (resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies) {
+    if (hasTagLegend) {
       const legendY = sTitleHeight;
       renderTagLegend(
         svg,
@@ -318,7 +313,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         seriesColors,
         palette
       );
-      const fillColor = shapeFill(palette, color, isDark, { solid });
+      const fillColor = shapeFill(palette, color, isDark, { mode: fillMode });
       el.select("rect").attr("fill", fillColor).attr("stroke", color);
     });
   }
@@ -419,7 +414,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         isDark,
         "lane",
         { key: "data-lane", value: row.laneName },
-        solid,
+        fillMode,
         sBarH,
         sBandRadius,
         sBandAccentW
@@ -446,7 +441,9 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         toggleIcon + " " + row.laneName + (row.aggregateProgress !== null ? ` ${Math.round(row.aggregateProgress)}%` : "")
       );
       if (laneBarWidth > 0) {
-        const barFill = shapeFill(palette, laneColor, isDark, { solid });
+        const barFill = shapeFill(palette, laneColor, isDark, {
+          mode: fillMode
+        });
         const laneBandG = g.append("g").attr("class", "gantt-lane-band-group").attr("data-lane", row.laneName).on("mouseenter", () => {
           highlightLane(g, svg, row.tagKey, row.laneName);
           if (row.laneStartDate && row.laneEndDate) {
@@ -492,7 +489,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         isDark,
         "group",
         { key: "data-group", value: group.name },
-        solid,
+        fillMode,
         sBarH,
         sBandRadius,
         sBandAccentW
@@ -539,7 +536,10 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
             resetHighlight(g, svg);
             hideGanttDateIndicators(g);
           });
-          summaryG.append("rect").attr("x", gx1).attr("y", yOffset).attr("width", barWidth).attr("height", sBarH).attr("rx", 4).attr("fill", shapeFill(palette, groupColor, isDark, { solid })).attr("stroke", groupColor).attr("stroke-width", 2);
+          summaryG.append("rect").attr("x", gx1).attr("y", yOffset).attr("width", barWidth).attr("height", sBarH).attr("rx", 4).attr(
+            "fill",
+            shapeFill(palette, groupColor, isDark, { mode: fillMode })
+          ).attr("stroke", groupColor).attr("stroke-width", 2);
           if (group.progress !== null && group.progress > 0) {
             summaryG.append("rect").attr("x", gx1).attr("y", yOffset).attr("width", barWidth * Math.min(group.progress / 100, 1)).attr("height", sBarH).attr("fill", groupColor).attr("opacity", 0.5);
           }
@@ -551,7 +551,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
             innerWidth,
             palette.text,
             contrastText(
-              shapeFill(palette, groupColor, isDark, { solid }),
+              shapeFill(palette, groupColor, isDark, { mode: fillMode }),
               palette.textOnFillLight,
               palette.textOnFillDark
             ),
@@ -569,7 +569,9 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           });
         } else {
           const groupBarWidth = Math.max(gx2 - gx1, 2);
-          const bandFill = shapeFill(palette, groupColor, isDark, { solid });
+          const bandFill = shapeFill(palette, groupColor, isDark, {
+            mode: fillMode
+          });
           const groupBarG = g.append("g").attr("class", "gantt-group-bar").attr("data-group", group.name).attr("data-line-number", String(group.lineNumber)).on("mouseenter", () => {
             highlightGroup(g, svg, group.name);
             showGanttDateIndicators(
@@ -596,7 +598,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
             innerWidth,
             palette.text,
             contrastText(
-              shapeFill(palette, groupColor, isDark, { solid }),
+              shapeFill(palette, groupColor, isDark, { mode: fillMode }),
               palette.textOnFillLight,
               palette.textOnFillDark
             ),
@@ -676,7 +678,9 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         const x1 = xScale(tStart);
         const x2 = xScale(tEnd);
         const barWidth = Math.max(x2 - x1, 2);
-        const fillColor = shapeFill(palette, barColor, isDark, { solid });
+        const fillColor = shapeFill(palette, barColor, isDark, {
+          mode: fillMode
+        });
         const taskG = g.append("g").attr("class", "gantt-task").attr("data-line-number", String(task.lineNumber)).attr("data-task-name", task.label).attr("data-task-id", task.id).attr("data-group", topGroup).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
           if (onClickItem) onClickItem(task.lineNumber);
         }).on("mouseenter", () => {
@@ -747,7 +751,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           innerWidth,
           palette.text,
           contrastText(
-            shapeFill(palette, barColor, isDark, { solid }),
+            shapeFill(palette, barColor, isDark, { mode: fillMode }),
             palette.textOnFillLight,
             palette.textOnFillDark
           ),
@@ -2101,4 +2105,4 @@ export {
   renderGantt,
   buildTagLaneRowList
 };
-//# sourceMappingURL=chunk-IUO34HKW.js.map
+//# sourceMappingURL=chunk-VIRANCNY.js.map

package/dist/{chunk-4QZ43D7I.js → chunk-VJHBSPGF.js}

@@ -8,7 +8,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -19,25 +19,28 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 import {
   formatDgmoError,
   makeDgmoError,
   makeFail,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/journey-map/parser.ts
 var PHASE_RE = /^\[(.+?)\]$/;
 var ANNOTATION_RE = /^(pain|opportunity|thought)\s*:\s*(.+)$/i;
 var KNOWN_OPTIONS = /* @__PURE__ */ new Set(["active-tag"]);
-var KNOWN_BOOLEANS = /* @__PURE__ */ new Set(["solid-fill", "no-title"]);
-var REMOVED_BOOLEANS = {
-  "no-legend": '"no-legend" has been removed \u2014 remove tag groups to hide the legend.'
-};
+var KNOWN_BOOLEANS = /* @__PURE__ */ new Set([
+  "fill-tint",
+  "fill-solid",
+  "fill-outline",
+  "no-title",
+  "no-legend"
+]);
 function parseJourneyMap(content, palette) {
   const options = {};
   const result = {
@@ -208,11 +211,6 @@ function parseJourneyMap(content, palette) {
           continue;
         }
       }
-      const removedMsg = REMOVED_BOOLEANS[trimmed.toLowerCase()];
-      if (removedMsg && !PHASE_RE.test(trimmed)) {
-        warn(lineNumber, removedMsg);
-        continue;
-      }
       if (KNOWN_BOOLEANS.has(trimmed.toLowerCase()) && !PHASE_RE.test(trimmed)) {
         options[trimmed.toLowerCase()] = "on";
         continue;
@@ -406,4 +404,4 @@ function parseStepLine(trimmed, lineNumber, counter, aliasMap, warn, diagnostics
 export {
   parseJourneyMap
 };
-//# sourceMappingURL=chunk-4QZ43D7I.js.map
+//# sourceMappingURL=chunk-VJHBSPGF.js.map