@diagrammo/dgmo 0.51.0 → 0.53.0

package/dist/{chunk-BGP54HVR.js → chunk-VKNCC2GX.js}

@@ -7,16 +7,16 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} 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 {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -30,11 +30,11 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   makeDgmoError,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/boxes-and-lines/parser.ts
 var MAX_GROUP_DEPTH = 2;
@@ -172,7 +172,7 @@ function parseBoxesAndLines(content, palette) {
       continue;
     }
     if (indent === 0) {
-      const dirMatch = trimmed.match(/^direction\s+(TB|LR)$/i);
+      const dirMatch = trimmed.match(/^direction[-\s]+(TB|LR)$/i);
       if (dirMatch) {
         result.direction = dirMatch[1].toUpperCase();
         continue;
@@ -204,6 +204,10 @@ function parseBoxesAndLines(content, palette) {
           if (low !== void 0) result.boxMetricLowColor = low;
           continue;
         }
+        if (/^no-value$/i.test(trimmed)) {
+          result.showValues = false;
+          continue;
+        }
         if (/^show-values$/i.test(trimmed)) {
           result.showValues = true;
           continue;
@@ -829,4 +833,4 @@ export {
   looksLikeBoxesAndLines,
   parseBoxesAndLines
 };
-//# sourceMappingURL=chunk-BGP54HVR.js.map
+//# sourceMappingURL=chunk-VKNCC2GX.js.map

package/dist/{chunk-FC5I2KXV.js → chunk-VRRDUYOK.js}

@@ -1,12 +1,12 @@
 import {
   tryCollectNote
-} from "./chunk-WQLMU7VG.js";
+} from "./chunk-ZXUAPTCK.js";
 import {
   resolveNotes
-} from "./chunk-FMDSF3OV.js";
+} from "./chunk-QZAW5SFH.js";
 import {
   validateLabelCharacters
-} from "./chunk-FFUN5D66.js";
+} from "./chunk-WF64MW5G.js";
 import {
   displayName,
   normalizeName
@@ -16,16 +16,16 @@ import {
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
   makeDgmoError,
   nameMergedMessage
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/class/parser.ts
 function classId(name) {
@@ -445,4 +445,4 @@ export {
   looksLikeClassDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-FC5I2KXV.js.map
+//# sourceMappingURL=chunk-VRRDUYOK.js.map

package/dist/{chunk-G3PF3S7P.js → chunk-W2DINCHL.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-BMR4CIEO.js";
 import {
   renderNodeCard
-} from "./chunk-OTOHI4JO.js";
+} from "./chunk-H3HFC3SQ.js";
 import {
   CARD_RADIUS,
   HEADER_HEIGHT,
@@ -16,10 +16,10 @@ import {
 } from "./chunk-3CIOJ5YJ.js";
 import {
   formatDateLabel
-} from "./chunk-B63YB7X3.js";
+} from "./chunk-XQ4KN6JQ.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -28,24 +28,24 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  CHAR_WIDTH_RATIO,
-  wrapTextToWidth
-} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   getSeriesColors,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
+import {
+  CHAR_WIDTH_RATIO,
+  wrapTextToWidth
+} from "./chunk-4ASYQ347.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/event-line/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -163,7 +163,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
       const event = slot.event;
       const solid2 = eventColor(event);
       const cardFill2 = shapeFill(palette, solid2, isDark, {
-        solid: parsed.options.solidFill
+        mode: parsed.options.fillMode
       });
       const titleColor2 = contrastText(
         cardFill2,
@@ -533,11 +533,11 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
       cardG.append("clipPath").attr("id", clipId).append("rect").attr("x", 0).attr("y", shelfTop).attr("width", CARD_W).attr("height", shelfH).attr("rx", SHELF_EDGE);
       cardG.append("rect").attr("x", 0).attr("y", shelfTop).attr("width", CARD_W).attr("height", shelfH).attr("clip-path", `url(#${clipId})`).attr(
         "fill",
-        parsed.options.solidFill ? p.color : mix(p.color, themeBaseBg(palette, isDark), SHELF_TINT)
+        parsed.options.fillMode ? p.color : mix(p.color, themeBaseBg(palette, isDark), SHELF_TINT)
       );
       const edgeY = titleNearTop ? shelfTop : shelfTop + shelfH - SHELF_EDGE;
       cardG.append("rect").attr("x", 0).attr("y", edgeY).attr("width", CARD_W).attr("height", SHELF_EDGE).attr("clip-path", `url(#${clipId})`).attr("fill", p.color).attr("fill-opacity", p.future ? 0.4 : 1);
-      const shelfText = parsed.options.solidFill ? contrastText(p.color, palette.textOnFillLight, palette.textOnFillDark) : p.color;
+      const shelfText = parsed.options.fillMode ? contrastText(p.color, palette.textOnFillLight, palette.textOnFillDark) : p.color;
       const titleMid = headBandTop + p.headerH / 2;
       const titleTop = titleMid - (p.titleLines.length - 1) * TITLE_LINE_H / 2;
       for (let ti = 0; ti < p.titleLines.length; ti++) {
@@ -549,7 +549,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
           (titleNearTop ? p.headerH : headBandTop - dateH) + DATE_SUBTITLE_FONT + 2
         ).attr(
           "fill",
-          parsed.options.solidFill ? mix(shelfText, p.color, 25) : mix(palette.text, palette.bg, 55)
+          parsed.options.fillMode ? mix(shelfText, p.color, 25) : mix(palette.text, palette.bg, 55)
         ).attr("font-family", FONT_FAMILY).attr("font-size", DATE_SUBTITLE_FONT).attr("font-weight", 600).text(dateStr);
       }
       if (p.lines.length > 0) {
@@ -982,4 +982,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-G3PF3S7P.js.map
+//# sourceMappingURL=chunk-W2DINCHL.js.map

package/dist/{chunk-OU7HLO7I.js → chunk-W5KMNC5U.js}

@@ -1,9 +1,13 @@
 import {
   computeLegendLayout
-} from "./chunk-YAA6IID3.js";
+} from "./chunk-774C2FF3.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  mix,
+  valueRampStops
+} from "./chunk-JYDMBWRP.js";
 import {
   CONTROLS_ICON_PATH,
   LEGEND_DOT_R,
@@ -14,14 +18,10 @@ import {
   LEGEND_TOGGLE_DOT_R,
   LEGEND_TOGGLE_OFF_OPACITY,
   measureLegendText
-} from "./chunk-QOOUC2J5.js";
-import {
-  mix,
-  valueRampStops
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-4RGZFA7H.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 
 // src/utils/legend-d3.ts
 var LEGEND_TEXT_DY = "0.32em";
@@ -293,4 +293,4 @@ export {
   renderLegendD3,
   renderIntegratedLegend
 };
-//# sourceMappingURL=chunk-OU7HLO7I.js.map
+//# sourceMappingURL=chunk-W5KMNC5U.js.map

package/dist/{chunk-FFUN5D66.js → chunk-WF64MW5G.js}

@@ -1,6 +1,6 @@
 import {
   makeDgmoError
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/utils/arrows.ts
 var ARROW_DIAGNOSTIC_CODES = {
@@ -94,4 +94,4 @@ export {
   parseInArrowLabel,
   parseArrow
 };
-//# sourceMappingURL=chunk-FFUN5D66.js.map
+//# sourceMappingURL=chunk-WF64MW5G.js.map

package/dist/{chunk-X7EC3L2H.js → chunk-X3RXGSCZ.js}

@@ -1,17 +1,18 @@
 import {
+  activeTagGroupOf,
   buildHeatScale,
   buildLegend,
   compactNumber,
   formatPct,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-NI3XQBPB.js";
+} from "./chunk-UVDCHR4E.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,
@@ -20,20 +21,21 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  contrastText,
+  getSeriesColors,
+  mix,
+  themeBaseBg
+} from "./chunk-JYDMBWRP.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-4RGZFA7H.js";
 import {
   measureText
-} from "./chunk-WCT3NYCV.js";
-import {
-  contrastText,
-  getSeriesColors,
-  mix
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-4ASYQ347.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 
 // src/treemap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -62,14 +64,31 @@ function toDatum(node) {
     children: node.children.map((c) => toDatum(c))
   };
 }
-function datumHeat(node) {
+function collectHeatAggs(root) {
+  const aggs = /* @__PURE__ */ new Map();
+  root.eachBefore((node) => {
+    if (node.children) return;
+    const heat = node.data.heat;
+    if (heat === void 0) return;
+    let p = node;
+    while (p) {
+      const agg = aggs.get(p);
+      if (agg) {
+        agg.sum += heat;
+        agg.count += 1;
+      } else {
+        aggs.set(p, { sum: heat, count: 1 });
+      }
+      p = p.parent;
+    }
+  });
+  return aggs;
+}
+function datumHeat(node, heatAggs) {
   if (node.data.heat !== void 0) return node.data.heat;
-  const xs = [];
-  for (const l of node.leaves()) {
-    if (l.data.heat !== void 0) xs.push(l.data.heat);
-  }
-  if (xs.length === 0) return void 0;
-  return xs.reduce((a, b) => a + b, 0) / xs.length;
+  const agg = heatAggs.get(node);
+  if (agg === void 0) return void 0;
+  return agg.sum / agg.count;
 }
 function layoutTreemap(roots, opts) {
   const maxDepth = opts.maxDepth ?? Infinity;
@@ -85,6 +104,7 @@ function layoutTreemap(roots, opts) {
       d._topIndex = i;
     });
   });
+  const heatAggs = collectHeatAggs(hroot);
   const cells = [];
   for (const d of hroot.descendants()) {
     if (d.depth === 0) continue;
@@ -98,7 +118,7 @@ function layoutTreemap(roots, opts) {
       path.unshift(p.data.label);
       p = p.parent;
     }
-    const heatVal = datumHeat(d);
+    const heatVal = datumHeat(d, heatAggs);
     cells.push({
       node: d.data.ref ?? null,
       label: d.data.label,
@@ -138,14 +158,13 @@ function renderTreemapForExport(container, parsed, palette, isDark, exportDims,
 }
 function renderTreemap(container, parsed, palette, isDark, exportDims, options = {}) {
   if (parsed.error || parsed.roots.length === 0) return;
-  void isDark;
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const width = exportDims?.width ?? container.clientWidth;
   const height = exportDims?.height ?? container.clientHeight;
   if (width <= 0 || height <= 0) return;
   const mode = resolveColorMode(parsed, options.colorMode);
   const opts = parsed.options;
-  const solid = opts.solidFill;
+  const fillMode = opts.fillMode;
   const exportMode = options.exportMode ?? false;
   const seriesColorsTop = getSeriesColors(palette);
   const showTitle = !!parsed.title;
@@ -181,7 +200,7 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
   const root = svg.append("g").attr("class", "dgmo-treemap-cells").attr("transform", `translate(${areaX},${areaY})`);
   const seriesColors = seriesColorsTop;
   const colorOffset = options.colorOffset ?? 0;
-  const activeGroup = parsed.tagGroups.length > 0 ? parsed.tagGroups[0].name : null;
+  const activeGroup = activeTagGroupOf(parsed)?.name ?? null;
   const rootIndexByLabel = new Map(parsed.roots.map((r, i) => [r.label, i]));
   const colorCtx = {
     mode,
@@ -198,7 +217,7 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
     const h = Math.max(0, cell.y1 - cell.y0);
     if (w <= 0 || h <= 0) continue;
     const baseColor = resolveCellColor(cell, colorCtx);
-    const fill = cell.isContainer ? baseColor : solid ? baseColor : mix(baseColor, palette.bg, LEAF_MUTE_PCT);
+    const fill = fillMode === "outline" ? themeBaseBg(palette, isDark) : cell.isContainer ? baseColor : fillMode === "solid" ? baseColor : mix(baseColor, palette.bg, LEAF_MUTE_PCT);
     const drillable = cell.isContainer || cell.isCollapsed;
     const g = root.append("g").attr("class", "dgmo-treemap-cell").attr("transform", `translate(${cell.x0},${cell.y0})`).attr("data-node-path", cell.path.join(" / "));
     if (cell.lineNumber !== void 0) {
@@ -213,16 +232,15 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
     const rect = g.append("rect").attr(
       "class",
       cell.isContainer ? "dgmo-treemap-rect branch" : "dgmo-treemap-rect"
-    ).attr("width", w).attr("height", h).attr("rx", 2).attr("fill", fill).attr("fill-opacity", 1).attr("stroke", palette.bg).attr("stroke-width", cell.isContainer ? 1 : 0);
+    ).attr("width", w).attr("height", h).attr("rx", 2).attr("fill", fill).attr("fill-opacity", 1).attr("stroke", fillMode === "outline" ? baseColor : palette.bg).attr(
+      "stroke-width",
+      fillMode === "outline" ? 1 : cell.isContainer ? 1 : 0
+    );
     if (drillable && options.onClickItem && cell.lineNumber !== void 0) {
       const ln = cell.lineNumber;
       rect.style("cursor", "pointer").on("click", () => options.onClickItem(ln));
     }
-    const ink = contrastText(
-      fill,
-      palette.textOnFillLight,
-      palette.textOnFillDark
-    );
+    const ink = fillMode === "outline" ? baseColor : contrastText(fill, palette.textOnFillLight, palette.textOnFillDark);
     if (cell.isContainer && headerH > 0 && w > 34 && h > headerH) {
       const valParts = [];
       if (!opts.noValues) valParts.push(compactNumber(cell.value));
@@ -381,4 +399,4 @@ export {
   renderTreemapForExport,
   renderTreemap
 };
-//# sourceMappingURL=chunk-X7EC3L2H.js.map
+//# sourceMappingURL=chunk-X3RXGSCZ.js.map

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

@@ -10,7 +10,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -25,13 +25,13 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   formatDgmoError,
   makeDgmoError,
   makeFail,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/sitemap/parser.ts
 var CONTAINER_RE = /^\[([^\]]+)\]\s*(.*)$/;
@@ -176,8 +176,9 @@ function parseSitemap(content, palette) {
       continue;
     }
     if (!contentStarted && !currentTagGroup && measureIndent(line) === 0 && !trimmed.includes("|") && !trimmed.includes("->") && !trimmed.includes(":")) {
-      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 (tryParseSharedOption(trimmed, options)) {
@@ -519,4 +520,4 @@ export {
   looksLikeSitemap,
   parseSitemap
 };
-//# sourceMappingURL=chunk-KFNWFNAA.js.map
+//# sourceMappingURL=chunk-XEAQDIMF.js.map

package/dist/{chunk-AXW3M6OQ.js → chunk-XG4NWFPY.js}

@@ -9,10 +9,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
@@ -20,24 +20,29 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  LEGEND_HEIGHT,
-  measureLegendText
-} from "./chunk-QOOUC2J5.js";
-import {
-  measureText
-} from "./chunk-WCT3NYCV.js";
 import {
   parseKanban
-} from "./chunk-IEDMFNU7.js";
+} from "./chunk-FUKNRLIJ.js";
 import {
   contrastText,
   mix,
-  shapeFill
-} from "./chunk-P6T66CCZ.js";
+  shapeFill,
+  themeBaseBg
+} from "./chunk-JYDMBWRP.js";
+import {
+  LEGEND_HEIGHT,
+  measureLegendText
+} from "./chunk-4RGZFA7H.js";
+import {
+  measureText
+} from "./chunk-4ASYQ347.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
+import {
+  fillModeFromOptions,
+  legendSuppressed
+} from "./chunk-YJVA3QUU.js";
 
 // src/kanban/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -277,7 +282,9 @@ function renderKanban(container, parsed, palette, isDark, options) {
   const collapsedLanes = options?.collapsedLanes;
   const collapsedColumns = options?.collapsedColumns ?? new Set(parsed.columns.filter((c) => c.collapsed).map((c) => c.id));
   const compactMeta = options?.compactMeta ?? false;
-  const solid = parsed.options["solid-fill"] === "on";
+  const fillMode = fillModeFromOptions(parsed.options);
+  const baseBg = themeBaseBg(palette, isDark);
+  const wellStroke = mix(palette.border, baseBg, 20);
   const requestedSwimlane = options?.currentSwimlaneGroup ?? null;
   const swimlaneGroup = requestedSwimlane ? parsed.tagGroups.find(
     (g) => g.name.toLowerCase() === requestedSwimlane.toLowerCase()
@@ -351,7 +358,7 @@ function renderKanban(container, parsed, palette, isDark, options) {
   if (showTopTitle) {
     svg.append("text").attr("class", "chart-title").attr("data-line-number", parsed.titleLineNumber ?? 0).attr("x", sDiagramPadding).attr("y", sDiagramPadding + sTitleFontSize).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).text(parsed.title);
   }
-  if (parsed.tagGroups.length > 0) {
+  if (parsed.tagGroups.length > 0 && !legendSuppressed(parsed.options)) {
     const titleTextWidth = showTopTitle ? measureLegendText(parsed.title, sTitleFontSize) + 16 : 0;
     const legendX = sDiagramPadding + titleTextWidth;
     const legendConfig = {
@@ -440,20 +447,26 @@ function renderKanban(container, parsed, palette, isDark, options) {
     const isColCollapsed = collapsedColumns?.has(col.id) ?? false;
     const g = svg.append("g").attr("class", "kanban-column").attr("data-column-id", col.id).attr("data-line-number", col.lineNumber);
     const thisColBg = defaultColBg;
-    const thisColHeaderBg = col.color ? shapeFill(palette, col.color, isDark, { solid }) : defaultColHeaderBg;
+    const thisColHeaderBg = col.color ? shapeFill(palette, col.color, isDark, { mode: fillMode }) : defaultColHeaderBg;
     const onHeaderText = col.color ? contrastText(
       thisColHeaderBg,
       palette.textOnFillLight,
       palette.textOnFillDark
     ) : palette.text;
     if (isColCollapsed) {
-      g.append("rect").attr("x", colLayout.x).attr("y", colLayout.y).attr("width", sCollapsedColumnWidth).attr("height", colLayout.height).attr("rx", sColumnRadius).attr("fill", thisColBg);
+      g.append("rect").attr("x", colLayout.x).attr("y", colLayout.y).attr("width", sCollapsedColumnWidth).attr("height", colLayout.height).attr("rx", sColumnRadius).attr("fill", fillMode === "outline" ? baseBg : thisColBg).call((sel) => {
+        if (fillMode === "outline")
+          sel.attr("stroke", wellStroke).attr("stroke-width", 1);
+      });
       g.append("rect").attr("x", colLayout.x).attr("y", colLayout.y).attr("width", sCollapsedColumnWidth).attr("height", sColumnHeaderHeight).attr("rx", sColumnHeaderRadius).attr("fill", thisColHeaderBg);
       g.append("text").attr("x", colLayout.x + sCollapsedColumnWidth / 2).attr("y", colLayout.y + sColumnHeaderHeight / 2 + sWipFontSize / 2 - 1).attr("font-size", sWipFontSize).attr("font-weight", "bold").attr("fill", col.color ? onHeaderText : palette.textMuted).attr("text-anchor", "middle").text(String(col.cards.length));
       g.append("text").attr("x", colLayout.x + sCollapsedColumnWidth / 2).attr("y", colLayout.y + sColumnHeaderHeight + sColumnPadding).attr("font-size", sCardTitleFontSize).attr("font-weight", "bold").attr("fill", palette.text).attr("text-anchor", "middle").attr("writing-mode", "tb").text(col.name);
       continue;
     }
-    g.append("rect").attr("x", colLayout.x).attr("y", colLayout.y).attr("width", colLayout.width).attr("height", colLayout.height).attr("rx", sColumnRadius).attr("fill", thisColBg);
+    g.append("rect").attr("x", colLayout.x).attr("y", colLayout.y).attr("width", colLayout.width).attr("height", colLayout.height).attr("rx", sColumnRadius).attr("fill", fillMode === "outline" ? baseBg : thisColBg).call((sel) => {
+      if (fillMode === "outline")
+        sel.attr("stroke", wellStroke).attr("stroke-width", 1);
+    });
     g.append("rect").attr("x", colLayout.x).attr("y", colLayout.y).attr("width", colLayout.width).attr("height", sColumnHeaderHeight).attr("rx", sColumnHeaderRadius).attr("fill", thisColHeaderBg);
     g.append("text").attr("x", colLayout.x + sColumnPadding).attr(
       "y",
@@ -484,7 +497,7 @@ function renderKanban(container, parsed, palette, isDark, options) {
         palette,
         resolvedColor ?? palette.primary,
         isDark,
-        { solid }
+        { mode: fillMode }
       );
       const cardStroke = resolvedColor ?? palette.textMuted;
       const onCardText = contrastText(
@@ -511,7 +524,7 @@ function renderKanban(container, parsed, palette, isDark, options) {
       renderInlineText(titleEl, card.title, palette, sCardTitleFontSize);
       if (hasMeta) {
         const separatorY = cy + sCardHeaderHeight;
-        cg.append("line").attr("x1", cx).attr("y1", separatorY).attr("x2", cx + cardLayout.width).attr("y2", separatorY).attr("stroke", solid ? onCardText : cardStroke).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
+        cg.append("line").attr("x1", cx).attr("y1", separatorY).attr("x2", cx + cardLayout.width).attr("y2", separatorY).attr("stroke", fillMode === "solid" ? onCardText : cardStroke).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
         let metaY = separatorY + sCardSeparatorGap + sCardMetaFontSize;
         for (const meta of tagMeta) {
           cg.append("text").attr("x", cx + sCardPaddingX).attr("y", metaY).attr("font-size", sCardMetaFontSize).attr("fill", onCardText).text(`${meta.label}: `);
@@ -732,7 +745,7 @@ function renderSwimlaneBoard(svg, parsed, baseLayout, swimlaneGroup, palette, is
     const isColCollapsed = collapsedColumns?.has(col.id) ?? false;
     const headerG = svg.append("g").attr("class", "kanban-column kanban-column-header").attr("data-column-id", col.id).attr("data-line-number", col.lineNumber);
     const colHeaderBg = col.color ? shapeFill(palette, col.color, isDark, {
-      solid: parsed.options["solid-fill"] === "on"
+      mode: fillModeFromOptions(parsed.options)
     }) : defaultColHeaderBg;
     headerG.append("rect").attr("x", colInfo.x).attr("y", grid.startY).attr("width", colInfo.width).attr("height", sColumnHeaderHeight).attr("rx", sColumnHeaderRadius).attr("fill", colHeaderBg);
     if (isColCollapsed) {
@@ -808,7 +821,7 @@ function renderSwimlaneBoard(svg, parsed, baseLayout, swimlaneGroup, palette, is
             palette,
             isDark,
             hiddenMetaGroups,
-            parsed.options["solid-fill"] === "on",
+            fillModeFromOptions(parsed.options),
             sCardRadius,
             sCardPaddingX,
             sCardPaddingY,
@@ -824,7 +837,7 @@ function renderSwimlaneBoard(svg, parsed, baseLayout, swimlaneGroup, palette, is
     }
   }
 }
-function renderSwimlaneCard(parent, cardLayout, tagGroups, activeTagGroup, palette, isDark, hiddenMetaGroups, solid, sCardRadius = CARD_RADIUS, sCardPaddingX = CARD_PADDING_X, sCardPaddingY = CARD_PADDING_Y, sCardStrokeWidth = CARD_STROKE_WIDTH, sCardTitleFontSize = CARD_TITLE_FONT_SIZE, sCardMetaFontSize = CARD_META_FONT_SIZE, sCardHeaderHeight = CARD_HEADER_HEIGHT, sCardSeparatorGap = CARD_SEPARATOR_GAP, sCardMetaLineHeight = CARD_META_LINE_HEIGHT) {
+function renderSwimlaneCard(parent, cardLayout, tagGroups, activeTagGroup, palette, isDark, hiddenMetaGroups, fillMode, sCardRadius = CARD_RADIUS, sCardPaddingX = CARD_PADDING_X, sCardPaddingY = CARD_PADDING_Y, sCardStrokeWidth = CARD_STROKE_WIDTH, sCardTitleFontSize = CARD_TITLE_FONT_SIZE, sCardMetaFontSize = CARD_META_FONT_SIZE, sCardHeaderHeight = CARD_HEADER_HEIGHT, sCardSeparatorGap = CARD_SEPARATOR_GAP, sCardMetaLineHeight = CARD_META_LINE_HEIGHT) {
   const card = cardLayout.card;
   const resolvedColor = resolveCardTagColor(card, tagGroups, activeTagGroup);
   const tagMeta = resolveCardTagMeta(card, tagGroups, hiddenMetaGroups);
@@ -833,9 +846,7 @@ function renderSwimlaneCard(parent, cardLayout, tagGroups, activeTagGroup, palet
     palette,
     resolvedColor ?? palette.primary,
     isDark,
-    {
-      ...solid !== void 0 && { solid }
-    }
+    { mode: fillMode }
   );
   const cardStroke = resolvedColor ?? palette.textMuted;
   const onCardText = contrastText(
@@ -882,4 +893,4 @@ export {
   renderKanban,
   renderKanbanForExport
 };
-//# sourceMappingURL=chunk-AXW3M6OQ.js.map
+//# sourceMappingURL=chunk-XG4NWFPY.js.map