@diagrammo/dgmo 0.50.2 → 0.52.0

package/dist/{chunk-I7F2A35O.js → chunk-R3YSD62R.js}

@@ -1,66 +1,44 @@
+import {
+  parseDateToken,
+  toInternal
+} from "./chunk-DAOFNU6J.js";
 import {
   TIMELINE_REGISTRY,
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   makeDgmoError
 } from "./chunk-CXK4DZH3.js";
 
 // src/timeline/parser.ts
 var TIMELINE_DURATION_RE = /^(\d+(?:\.\d{1,2})?)(min|[dwmyhs])(\?)?$/;
-var DATE_RE = /^(\d{4}(?:-\d{2}(?:-\d{2})?)?)/;
-var TIME_RE = /^\s+(\d{1,2}:\d{2}(?::\d{2})?)/;
 var ARROW_RE = /^\s*(?:->|–>)\s*/;
-var ERA_DATE_RE = /^(\d{1,4}(?:-\d{2}(?:-\d{2})?)?)\s+(BCE|BC|CE|AD)\b/i;
-function parseTime(timeStr) {
-  const [hStr, mStr, sStr] = timeStr.split(":");
-  const h = parseInt(hStr, 10);
-  const m = parseInt(mStr, 10);
-  const s = sStr !== void 0 ? parseInt(sStr, 10) : 0;
-  const valid = h >= 0 && h <= 23 && m >= 0 && m <= 59 && s >= 0 && s <= 59;
-  return { valid, h, m, s };
-}
-function parseDateWithOptionalTime(input) {
-  const eraMatch = input.match(ERA_DATE_RE);
-  if (eraMatch) {
-    const marker = eraMatch[2].toUpperCase();
-    const bce = marker === "BCE" || marker === "BC";
-    const date2 = (bce ? "-" : "") + eraMatch[1];
-    return {
-      date: date2,
-      rest: input.slice(eraMatch[0].length),
-      timeValid: true,
-      invalidTime: void 0
-    };
-  }
-  const dateMatch = input.match(DATE_RE);
-  if (!dateMatch) return null;
-  let date = dateMatch[1];
-  let rest = input.slice(date.length);
-  let timeValid = true;
-  let invalidTime;
-  const timeMatch = rest.match(TIME_RE);
-  if (timeMatch) {
-    const timeStr = timeMatch[1];
-    const { valid } = parseTime(timeStr);
-    timeValid = valid;
-    if (!valid) invalidTime = timeStr;
-    date = `${date} ${timeStr}`;
-    rest = rest.slice(timeMatch[0].length);
-  }
-  return { date, rest, timeValid, invalidTime };
+function parseDateWithOptionalTime(input, ctx) {
+  const res = parseDateToken(input, { dateOrder: ctx?.order });
+  if (!res) return null;
+  const { token, consumed } = res;
+  const internal = ctx?.resolve ? ctx.resolve(token).internal : toInternal(
+    token,
+    token.year ?? ctx?.currentYear ?? (/* @__PURE__ */ new Date()).getFullYear()
+  );
+  return {
+    date: internal,
+    rest: input.slice(consumed),
+    timeValid: !token.invalidTime,
+    invalidTime: token.invalidTime
+  };
 }
-function extractDatePrefix(line) {
-  const startResult = parseDateWithOptionalTime(line);
+function extractDatePrefix(line, ctx) {
+  const startResult = parseDateWithOptionalTime(line, ctx);
   if (!startResult) return null;
   const { date: startDate } = startResult;
   let { rest } = startResult;
   const arrowMatch = rest.match(ARROW_RE);
   if (arrowMatch) {
     rest = rest.slice(arrowMatch[0].length);
-    const endResult = parseDateWithOptionalTime(rest);
+    const endResult = parseDateWithOptionalTime(rest, ctx);
     if (endResult) {
       let uncertain = false;
       let afterEnd = endResult.rest;
@@ -209,9 +187,9 @@ function parseTimelineDate(s) {
   const yearBase = p.sign * p.year;
   return yearBase + (p.month - 1) / 12 + (p.day - 1) / 365 + p.hour / 8760 + p.minute / 525600 + p.second / 31536e3;
 }
-function parseTimelineEventLine(line, lineNumber, currentGroup, groupMetadata, aliasMap, registry) {
+function parseTimelineEventLine(line, lineNumber, currentGroup, groupMetadata, aliasMap, registry, dateCtx) {
   const diagnostics = [];
-  const prefix = extractDatePrefix(line);
+  const prefix = extractDatePrefix(line, dateCtx);
   if (!prefix) {
     if (/^\d/.test(line)) {
       const firstToken = line.split(/\s/)[0];
@@ -336,4 +314,4 @@ export {
   parseTimelineDate,
   parseTimelineEventLine
 };
-//# sourceMappingURL=chunk-I7F2A35O.js.map
+//# sourceMappingURL=chunk-R3YSD62R.js.map

package/dist/{chunk-NU3XLTGP.js → chunk-REJAIQ5S.js}

@@ -6,10 +6,10 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   tryCollectNote
-} from "./chunk-SCHXJTZL.js";
+} from "./chunk-ARGMQ3H4.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -32,7 +32,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -521,4 +521,4 @@ export {
   looksLikeERDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-NU3XLTGP.js.map
+//# sourceMappingURL=chunk-REJAIQ5S.js.map

package/dist/{chunk-2C56LEML.js → chunk-ROOE4R4Y.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-SCHXJTZL.js";
+} from "./chunk-ARGMQ3H4.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -13,11 +13,12 @@ import {
 } from "./chunk-NOTA6TEI.js";
 import {
   ALL_CHART_TYPES,
+  FILL_FAMILY_TOKENS,
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -261,8 +262,10 @@ function parseState(content, palette) {
         result.direction = "TB";
         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)) {
@@ -412,4 +415,4 @@ export {
   parseState,
   looksLikeState
 };
-//# sourceMappingURL=chunk-2C56LEML.js.map
+//# sourceMappingURL=chunk-ROOE4R4Y.js.map

package/dist/{chunk-XHVV4NVW.js → chunk-RT7ACF77.js}

@@ -3,7 +3,8 @@ var SKETCH_DIAGNOSTIC_CODES = {
   NESTED_BOX: "E_SKETCH_NESTED_BOX",
   AMBIGUOUS_TARGET: "E_SKETCH_AMBIGUOUS_TARGET",
   UNKNOWN_SHAPE: "W_SKETCH_UNKNOWN_SHAPE",
-  OVERLAP_RESOLVED: "W_SKETCH_OVERLAP_RESOLVED"
+  OVERLAP_RESOLVED: "W_SKETCH_OVERLAP_RESOLVED",
+  AT_OUT_OF_RANGE: "W_SKETCH_AT_OUT_OF_RANGE"
 };
 var SKETCH_DIAGNOSTICS = [
   {
@@ -41,6 +42,15 @@ var SKETCH_DIAGNOSTICS = [
     message: (p) => `Shape "${String(p.label ?? "?")}" overlapped another at its authored position \u2014 moved to the nearest free slot`,
     hint: "Keep shapes at least 2 half-slots apart on one axis, or omit at: to flow-place.",
     example: "sketch\nA at: 0 0\nB at: 0 0"
+  },
+  {
+    code: SKETCH_DIAGNOSTIC_CODES.AT_OUT_OF_RANGE,
+    severity: "warning",
+    chartType: "sketch",
+    title: "at: coordinate out of range",
+    message: (p) => `at: coordinate "${String(p.raw ?? "?")}" is out of range \u2014 half-slot coords must be whole numbers within \xB1${String(p.max ?? "?")}; shape will flow-place`,
+    hint: "Use small integer half-slot coordinates near the origin, or omit at: to flow-place.",
+    example: "sketch\nA at: 2 0"
   }
 ];
 
@@ -48,4 +58,4 @@ export {
   SKETCH_DIAGNOSTIC_CODES,
   SKETCH_DIAGNOSTICS
 };
-//# sourceMappingURL=chunk-XHVV4NVW.js.map
+//# sourceMappingURL=chunk-RT7ACF77.js.map

package/dist/{chunk-I2WKW7C7.js → chunk-SMRFPVLQ.js}

@@ -5,14 +5,14 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   validateTagGroupNames
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   OPTION_NOCOLON_RE,
   extractColor,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   formatDgmoError,
   makeDgmoError
@@ -729,4 +729,4 @@ export {
   resetWireframeIds,
   parseWireframe
 };
-//# sourceMappingURL=chunk-I2WKW7C7.js.map
+//# sourceMappingURL=chunk-SMRFPVLQ.js.map

package/dist/{chunk-VDOOQZUD.js → chunk-SWSIKFEB.js}

@@ -11,15 +11,15 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-HQCHYB5F.js";
+} from "./chunk-QOOUC2J5.js";
 import {
   measureText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
 
 // src/sitemap/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -617,4 +617,4 @@ function layoutSitemap(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, e
 export {
   layoutSitemap
 };
-//# sourceMappingURL=chunk-VDOOQZUD.js.map
+//# sourceMappingURL=chunk-SWSIKFEB.js.map

package/dist/{chunk-HLJVEAOF.js → chunk-T4A4TSTJ.js}

@@ -4,7 +4,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-JEUJOX5X.js";
+} from "./chunk-J7TLCB2Q.js";
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
@@ -20,10 +20,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-HEVYAHLW.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-7UEMZREK.js";
+} from "./chunk-YAA6IID3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -36,7 +36,7 @@ import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
   mix,
@@ -44,10 +44,13 @@ import {
   shapeFill,
   themeBaseBg,
   valueRampColor
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveTagColor
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -74,7 +77,6 @@ var RAMP_FLOOR = 15;
 var VALUE_FONT_SIZE = 11;
 var lineGeneratorLR = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveBasis);
 var lineGeneratorTB = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveBasis);
-var lineGeneratorStraight = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveLinear);
 function splitCamelCase(word) {
   const parts = [];
   let start = 0;
@@ -138,7 +140,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) {
@@ -150,9 +152,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,
@@ -167,9 +167,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,
@@ -327,32 +325,8 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   const scaleX = width / (contentW + sDiagramPadding * 2);
   const scaleY = height / (contentH + sDiagramPadding * 2);
   const scale = Math.min(scaleX, scaleY, 3);
-  let centerShiftX = 0;
-  let centerShiftY = 0;
-  if (parsed.nodePositions && parsed.nodePositions.size > 0) {
-    let bMinX = Infinity, bMinY = Infinity, bMaxX = -Infinity, bMaxY = -Infinity;
-    const accB = (x, y) => {
-      if (x < bMinX) bMinX = x;
-      if (x > bMaxX) bMaxX = x;
-      if (y < bMinY) bMinY = y;
-      if (y > bMaxY) bMaxY = y;
-    };
-    for (const n of layout.nodes) {
-      accB(n.x - n.width / 2, n.y - n.height / 2);
-      accB(n.x + n.width / 2, n.y + n.height / 2);
-    }
-    for (const g of layout.groups) {
-      accB(g.x - g.width / 2, g.y - g.height / 2);
-      accB(g.x + g.width / 2, g.y + g.height / 2);
-    }
-    for (const e of layout.edges) for (const p of e.points) accB(p.x, p.y);
-    if (Number.isFinite(bMinX)) {
-      centerShiftX = (layout.width - bMaxX - bMinX) / 2;
-      centerShiftY = (layout.height - bMaxY - bMinY) / 2;
-    }
-  }
-  const offsetX = (width - contentW * scale) / 2 + centerShiftX * scale;
-  const offsetY = sDiagramPadding + titleOffset + legendH + centerShiftY * scale;
+  const offsetX = (width - contentW * scale) / 2;
+  const offsetY = sDiagramPadding + titleOffset + legendH;
   const svg = d3Selection.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY).style("background", palette.bg);
   if (sctx.isBelowFloor) {
     svg.attr("width", "100%");
@@ -484,7 +458,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     if (points.length < 2) continue;
     const edgeG = diagramG.append("g").attr("class", "bl-edge-group").attr("data-line-number", String(le.lineNumber)).attr("data-from", le.source).attr("data-to", le.target);
     const markerId = `bl-arrow-${color.replace("#", "")}`;
-    const gen = le.straight ? lineGeneratorStraight : parsed.direction === "TB" ? lineGeneratorTB : lineGeneratorLR;
+    const gen = parsed.direction === "TB" ? lineGeneratorTB : lineGeneratorLR;
     const path = edgeG.append("path").attr("class", "bl-edge").attr("d", gen(points) ?? "").attr("fill", "none").attr("stroke", color).attr("stroke-width", sEdgeStrokeWidth).attr("marker-end", `url(#${markerId})`);
     if (le.bidirectional) {
       const revId = `bl-arrow-rev-${color.replace("#", "")}`;
@@ -505,7 +479,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,
@@ -518,9 +492,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());
@@ -783,4 +757,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-HLJVEAOF.js.map
+//# sourceMappingURL=chunk-T4A4TSTJ.js.map

package/dist/{chunk-KHEYDLMT.js → chunk-TJVLKNGR.js}

@@ -13,11 +13,14 @@ import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   resolveColor
@@ -124,7 +127,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
     laneColorById.set(lane.id, hex);
   });
   const isLR = parsed.direction === "LR";
-  const solid = parsed.options["solid-fill"] === "on";
+  const fillMode = fillModeFromOptions(parsed.options);
   const laneFill = (hex) => mix(hex, baseBg, 9);
   const haloAt = (cross) => {
     for (const band of layout.lanes) {
@@ -173,28 +176,35 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
     phaseG.append("text").attr("x", isLR ? band.x + band.width / 2 : band.headerSize / 2).attr("y", isLR ? band.headerSize / 2 : band.y + band.height / 2).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("font-size", PHASE_LABEL_FONT).attr("font-weight", "700").attr("letter-spacing", "0.06em").attr("fill", palette.textMuted).attr("data-line-number", String(band.lineNumber)).text(band.label);
   });
   const activeTag = opts.activeTagGroup ?? null;
+  const outline = fillMode === "outline";
   const nodeFill = (n) => {
     if (activeTag) {
       const key = tagAttrKey(activeTag);
       if (n.tags[key]) {
         const c = resolveTagColor(n.tags, [...parsed.tagGroups], activeTag);
         if (c && c !== "#999999")
-          return { fill: solid ? c : mix(c, baseBg, 22), stroke: c };
+          return {
+            fill: fillMode === "solid" ? c : outline ? baseBg : mix(c, baseBg, 22),
+            stroke: c
+          };
       }
     }
     if (n.shape === "terminal") {
       if (n.event === "error")
         return {
-          fill: solid ? ev.error : mix(ev.error, baseBg, 22),
+          fill: fillMode === "solid" ? ev.error : outline ? baseBg : mix(ev.error, baseBg, 22),
           stroke: ev.error
         };
       if (n.event === "success")
         return {
-          fill: solid ? ev.success : mix(ev.success, baseBg, 22),
+          fill: fillMode === "solid" ? ev.success : outline ? baseBg : mix(ev.success, baseBg, 22),
           stroke: ev.success
         };
       if (n.event === "terminate")
-        return { fill: mix(palette.text, baseBg, 30), stroke: palette.text };
+        return {
+          fill: outline ? baseBg : mix(palette.text, baseBg, 30),
+          stroke: palette.text
+        };
       return { fill: palette.bg, stroke: palette.textMuted };
     }
     if (n.shape === "exclusive" || n.shape === "parallel") {
@@ -205,8 +215,8 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
     }
     const hex = laneColorById.get(n.lane) ?? palette.border;
     return {
-      fill: solid ? hex : mix(hex, baseBg, 20),
-      stroke: mix(hex, palette.text, 40)
+      fill: fillMode === "solid" ? hex : outline ? baseBg : mix(hex, baseBg, 20),
+      stroke: outline ? hex : mix(hex, palette.text, 40)
     };
   };
   const nodeById = new Map(layout.nodes.map((n) => [n.id, n]));
@@ -391,4 +401,4 @@ function drawCenteredLabel(g, label, cx, cy, fill, fontSize, tight = false, halo
 export {
   renderSwimlaneForExport
 };
-//# sourceMappingURL=chunk-KHEYDLMT.js.map
+//# sourceMappingURL=chunk-TJVLKNGR.js.map

package/dist/{chunk-GL5UZ6NY.js → chunk-TPFKKXCB.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-SCHXJTZL.js";
+} from "./chunk-ARGMQ3H4.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -16,7 +16,7 @@ import {
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -445,4 +445,4 @@ export {
   looksLikeClassDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-GL5UZ6NY.js.map
+//# sourceMappingURL=chunk-TPFKKXCB.js.map

package/dist/{chunk-X6EZPSW6.js → chunk-TTIM6YTT.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-HEVYAHLW.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-7UEMZREK.js";
+} from "./chunk-YAA6IID3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -23,21 +23,25 @@ import {
 import {
   LEGEND_HEIGHT,
   measureLegendText
-} from "./chunk-HQCHYB5F.js";
+} from "./chunk-QOOUC2J5.js";
 import {
   measureText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   parseKanban
-} from "./chunk-3Y2DRD7S.js";
+} from "./chunk-3QD7VP3U.js";
 import {
   contrastText,
   mix,
-  shapeFill
-} from "./chunk-P6T66CCZ.js";
+  shapeFill,
+  themeBaseBg
+} from "./chunk-WBM7ZNDI.js";
 import {
   tagAttrKey
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/kanban/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -277,7 +281,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()
@@ -440,20 +446,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 +496,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 +523,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 +744,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 +820,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 +836,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 +845,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 +892,4 @@ export {
   renderKanban,
   renderKanbanForExport
 };
-//# sourceMappingURL=chunk-X6EZPSW6.js.map
+//# sourceMappingURL=chunk-TTIM6YTT.js.map