@diagrammo/dgmo 0.51.0 → 0.52.0

package/dist/{chunk-JM4LEPY3.js → chunk-4YFKQ5WT.js}

@@ -23,7 +23,10 @@ import {
   contrastText,
   getSeriesColors,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -125,7 +128,7 @@ function renderPyramid(container, parsed, palette, isDark, onClickItem, exportDi
     ].map((p) => `${p[0]},${p[1]}`).join(" ");
     const solidColor = resolveSolid(layer, i);
     const fillColor = shapeFill(palette, solidColor, isDark, {
-      solid: parsed.options["solid-fill"] === "on"
+      mode: fillModeFromOptions(parsed.options)
     });
     const layerG = diagramG.append("g").attr("class", "pyramid-layer").attr("data-line-number", layer.lineNumber);
     if (onClickItem) {
@@ -433,4 +436,4 @@ export {
   renderPyramid,
   renderPyramidForExport
 };
-//# sourceMappingURL=chunk-JM4LEPY3.js.map
+//# sourceMappingURL=chunk-4YFKQ5WT.js.map

package/dist/{chunk-U5SI5NIM.js → chunk-5223KXFD.js}

@@ -1,6 +1,6 @@
 import {
   buildSwatches
-} from "./chunk-4XFBQT5O.js";
+} from "./chunk-3LK5DNED.js";
 import {
   fixedParts,
   formatTime,
@@ -14,9 +14,10 @@ import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
 import {
+  contrastText,
   mix,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -154,7 +155,7 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
   const rowH = 84;
   const svg = d3Selection.select(container).append("svg").attr("width", width).attr("preserveAspectRatio", "xMidYMid meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("role", "img").attr("aria-label", `${parsed.title ?? "Clock"} \u2014 world clocks`).style("font-family", FONT_FAMILY);
   const bgRect = svg.append("rect").attr("width", width).attr("fill", palette.bg);
-  const card = svg.append("rect").attr("x", cardM).attr("y", cardM).attr("width", width - 2 * cardM).attr("rx", 14).attr("fill", cardFill).attr("stroke", mix(palette.text, palette.bg, 40)).attr("stroke-width", 1);
+  const card = svg.append("rect").attr("x", cardM).attr("y", cardM).attr("width", width - 2 * cardM).attr("rx", 14).attr("fill", parsed.fillMode === "outline" ? baseBg : cardFill).attr("stroke", mix(palette.text, palette.bg, 40)).attr("stroke-width", 1);
   clipSeq += 1;
   const clipId = `dgmo-clock-clip-${clipSeq}`;
   const clipRect = svg.append("clipPath").attr("id", clipId).append("rect").attr("x", cardM).attr("y", cardM).attr("width", width - 2 * cardM).attr("rx", 14);
@@ -182,6 +183,8 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
     line2,
     tick: mix(palette.text, palette.bg, 35),
     cardFill,
+    baseBg,
+    fillMode: parsed.fillMode,
     sw,
     palette
   };
@@ -223,6 +226,9 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
   bgRect.attr("height", bannerH);
   card.attr("height", bannerH - 2 * cardM);
 }
+function zoneFillMode(entry, parsed, col) {
+  return entry.color || parsed.colorBy === "place" ? col.fillMode : void 0;
+}
 function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   const { padX } = geom;
   const { text, muted, line2, tick, sw, cardFill } = col;
@@ -250,9 +256,10 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   });
   const rightBlockW = 178;
   const rightColLeft = geom.rightX - rightBlockW;
+  const fm = zoneFillMode(entry, parsed, col);
   const g = svg.append("g").attr("data-line-number", entry.lineNumber);
   if (auto) {
-    g.append("rect").attr("data-dgmo-clock-lane", "").attr("x", 9).attr("y", rowTop).attr("width", geom.width - 18).attr("height", rowH).attr("fill", auto.laneTint);
+    g.append("rect").attr("data-dgmo-clock-lane", "").attr("x", 9).attr("y", rowTop).attr("width", geom.width - 18).attr("height", rowH).attr("fill", fm === "outline" ? col.baseBg : auto.laneTint);
   }
   g.attr("data-dgmo-clock", "").attr("data-dgmo-clock-zone", entry.zone).attr("data-dgmo-clock-face", parsed.face).attr("data-dgmo-clock-hours12", parsed.hours12 ? "1" : "0").attr("data-dgmo-clock-sun", sun ? "1" : "0").attr("data-dgmo-clock-c-day", sw.day).attr("data-dgmo-clock-c-night", sw.night).attr("data-dgmo-clock-c-day-soft", sw.dayTint).attr("data-dgmo-clock-c-night-soft", sw.nightTint).attr("data-dgmo-clock-c-ok", sw.ok).attr("data-dgmo-clock-c-soon", sw.soon).attr("data-dgmo-clock-c-off", sw.off).attr("data-dgmo-clock-c-ok-soft", sw.okSoft).attr("data-dgmo-clock-c-soon-soft", sw.soonSoft).attr("data-dgmo-clock-c-off-soft", sw.offSoft);
   if (entry.lat !== null) g.attr("data-dgmo-clock-lat", entry.lat);
@@ -267,12 +274,18 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   }
   const contentLeft = padX + 4;
   const timeColor = auto?.solid ?? text;
-  const faceFill = auto ? mix(auto.solid, cardFill, 20) : stTint;
+  const faceFill = auto && fm === "outline" ? col.baseBg : auto && fm === "solid" ? auto.solid : auto ? mix(auto.solid, cardFill, 20) : stTint;
   const ringColor = auto?.solid ?? line2;
-  const accentColor = auto?.solid ?? stColor;
+  const handInk = auto && fm === "solid" ? contrastText(
+    auto.solid,
+    col.palette.textOnFillLight,
+    col.palette.textOnFillDark
+  ) : text;
+  const accentColor = auto && fm === "solid" ? handInk : auto?.solid ?? stColor;
   if (auto) {
     g.attr("data-dgmo-clock-auto-solid", auto.solid).attr("data-dgmo-clock-auto-face", faceFill).attr("data-dgmo-clock-auto-mode", parsed.colorBy).attr("data-dgmo-clock-cardfill", cardFill);
   }
+  if (fm) g.attr("data-dgmo-clock-fill-mode", fm);
   if (parsed.face === "analog") {
     const size = rowH - 20;
     const fx = contentLeft;
@@ -285,8 +298,8 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
       fg.append("line").attr("x1", 50 + 39 * Math.sin(a)).attr("y1", 50 - 39 * Math.cos(a)).attr("x2", 50 + 46 * Math.sin(a)).attr("y2", 50 - 46 * Math.cos(a)).attr("stroke", tick).attr("stroke-width", 1.8);
     }
     const ang = handAngles(parts.h, parts.m, parts.s);
-    fg.append("line").attr("data-dgmo-clock-hand", "h").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 28).attr("stroke", text).attr("stroke-width", 4).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.hour} 50 50)`);
-    fg.append("line").attr("data-dgmo-clock-hand", "m").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 17).attr("stroke", text).attr("stroke-width", 2.6).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.minute} 50 50)`);
+    fg.append("line").attr("data-dgmo-clock-hand", "h").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 28).attr("stroke", handInk).attr("stroke-width", 4).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.hour} 50 50)`);
+    fg.append("line").attr("data-dgmo-clock-hand", "m").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 17).attr("stroke", handInk).attr("stroke-width", 2.6).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.minute} 50 50)`);
     fg.append("line").attr("data-dgmo-clock-hand", "s").attr("x1", 50).attr("y1", 55).attr("x2", 50).attr("y2", 14).attr("stroke", accentColor).attr("stroke-width", 1.3).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.second} 50 50)`);
     fg.append("circle").attr("data-dgmo-clock-center", "").attr("cx", 50).attr("cy", 50).attr("r", 2.6).attr("fill", accentColor);
   } else {
@@ -346,10 +359,7 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
       g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", 500).text(ellipsize(entry.place, 14, textMax));
     } else if (ln.kind === "avail" && status) {
       const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
-      const dot = g.append("circle").attr("data-dgmo-clock-status-dot", "").attr("cx", iconX).attr("cy", yy - 5).attr("r", 5);
-      if (status.cls === "off")
-        dot.attr("fill", "none").attr("stroke", stCol).attr("stroke-width", 1.6);
-      else dot.attr("fill", stCol).attr("stroke", "none");
+      drawStatusClock(g, iconX, yy - 5, 5, stCol);
       g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", 600).text(ellipsize(status.text, 14, textMax));
     } else if (ln.kind === "sun" && sun) {
       drawSunMoon(g, iconX, yy - 5, up, sw, 1.25);
@@ -367,6 +377,9 @@ function drawFixedGlyph(parent, cx, cy, color) {
     g.append("line").attr("x1", -4 * Math.cos(a)).attr("y1", -4 * Math.sin(a)).attr("x2", 4 * Math.cos(a)).attr("y2", 4 * Math.sin(a)).attr("stroke", color).attr("stroke-width", 1.2).attr("stroke-linecap", "round");
   }
 }
+function drawStatusClock(parent, cx, cy, r, color) {
+  parent.append("circle").attr("data-dgmo-clock-status-icon", "").attr("cx", cx).attr("cy", cy).attr("r", r).attr("fill", color);
+}
 function bakeAnchors(g, entry, parsed, sun, sw) {
   g.attr("data-dgmo-clock", "").attr("data-dgmo-clock-zone", entry.zone).attr("data-dgmo-clock-face", parsed.face).attr("data-dgmo-clock-hours12", parsed.hours12 ? "1" : "0").attr("data-dgmo-clock-sun", sun ? "1" : "0").attr("data-dgmo-clock-c-day", sw.day).attr("data-dgmo-clock-c-night", sw.night).attr("data-dgmo-clock-c-day-soft", sw.dayTint).attr("data-dgmo-clock-c-night-soft", sw.nightTint).attr("data-dgmo-clock-c-ok", sw.ok).attr("data-dgmo-clock-c-soon", sw.soon).attr("data-dgmo-clock-c-off", sw.off).attr("data-dgmo-clock-c-ok-soft", sw.okSoft).attr("data-dgmo-clock-c-soon-soft", sw.soonSoft).attr("data-dgmo-clock-c-off-soft", sw.offSoft);
   if (entry.lat !== null) g.attr("data-dgmo-clock-lat", entry.lat);
@@ -413,19 +426,26 @@ function drawColumns(body, parsed, now, top, geom, col) {
       palette: col.palette,
       cardFill
     });
+    const fm = zoneFillMode(entry, parsed, col);
     const timeColor = auto?.solid ?? text;
-    const faceFill = auto ? mix(auto.solid, cardFill, 20) : stTint;
+    const faceFill = auto && fm === "outline" ? col.baseBg : auto && fm === "solid" ? auto.solid : auto ? mix(auto.solid, cardFill, 20) : stTint;
     const ringColor = auto?.solid ?? line2;
-    const accentColor = auto?.solid ?? stColor;
+    const handInk = auto && fm === "solid" ? contrastText(
+      auto.solid,
+      col.palette.textOnFillLight,
+      col.palette.textOnFillDark
+    ) : text;
+    const accentColor = auto && fm === "solid" ? handInk : auto?.solid ?? stColor;
     const g = body.append("g").attr("data-line-number", entry.lineNumber);
     bakeAnchors(g, entry, parsed, sun, sw);
     if (auto)
       tints.push(
-        g.append("rect").attr("data-dgmo-clock-lane", "").attr("x", x0).attr("y", top).attr("width", colW).attr("fill", auto.laneTint)
+        g.append("rect").attr("data-dgmo-clock-lane", "").attr("x", x0).attr("y", top).attr("width", colW).attr("fill", fm === "outline" ? col.baseBg : auto.laneTint)
       );
     if (auto) {
       g.attr("data-dgmo-clock-auto-solid", auto.solid).attr("data-dgmo-clock-auto-face", faceFill).attr("data-dgmo-clock-auto-mode", parsed.colorBy).attr("data-dgmo-clock-cardfill", cardFill);
     }
+    if (fm) g.attr("data-dgmo-clock-fill-mode", fm);
     let cy = top + (parsed.face === "analog" ? 22 : 36);
     const innerW = colW - 16;
     if (parsed.face === "analog") {
@@ -441,8 +461,8 @@ function drawColumns(body, parsed, now, top, geom, col) {
         fg.append("line").attr("x1", 50 + 39 * Math.sin(a)).attr("y1", 50 - 39 * Math.cos(a)).attr("x2", 50 + 46 * Math.sin(a)).attr("y2", 50 - 46 * Math.cos(a)).attr("stroke", tick).attr("stroke-width", 1.8);
       }
       const ang = handAngles(parts.h, parts.m, parts.s);
-      fg.append("line").attr("data-dgmo-clock-hand", "h").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 28).attr("stroke", text).attr("stroke-width", 4).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.hour} 50 50)`);
-      fg.append("line").attr("data-dgmo-clock-hand", "m").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 17).attr("stroke", text).attr("stroke-width", 2.6).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.minute} 50 50)`);
+      fg.append("line").attr("data-dgmo-clock-hand", "h").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 28).attr("stroke", handInk).attr("stroke-width", 4).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.hour} 50 50)`);
+      fg.append("line").attr("data-dgmo-clock-hand", "m").attr("x1", 50).attr("y1", 50).attr("x2", 50).attr("y2", 17).attr("stroke", handInk).attr("stroke-width", 2.6).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.minute} 50 50)`);
       fg.append("line").attr("data-dgmo-clock-hand", "s").attr("x1", 50).attr("y1", 55).attr("x2", 50).attr("y2", 14).attr("stroke", accentColor).attr("stroke-width", 1.3).attr("stroke-linecap", "round").attr("transform", `rotate(${ang.second} 50 50)`);
       fg.append("circle").attr("data-dgmo-clock-center", "").attr("cx", 50).attr("cy", 50).attr("r", 2.6).attr("fill", accentColor);
       cy += size + 6;
@@ -502,10 +522,7 @@ function drawColumns(body, parsed, now, top, geom, col) {
             g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 12).text(ellipsize(entry.place, 12, tmax));
           } else if (kind === "avail" && status) {
             const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
-            const dot = g.append("circle").attr("data-dgmo-clock-status-dot", "").attr("cx", iconX).attr("cy", yy - 4).attr("r", 4);
-            if (status.cls === "off")
-              dot.attr("fill", "none").attr("stroke", stCol).attr("stroke-width", 1.4);
-            else dot.attr("fill", stCol).attr("stroke", "none");
+            drawStatusClock(g, iconX, yy - 4, 4, stCol);
             g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", 600).text(ellipsize(status.text, 12, tmax));
           } else if (kind === "sun" && sun) {
             drawSunMoon(g, iconX, yy - 4, up, sw, 1);
@@ -541,4 +558,4 @@ export {
   renderClock,
   renderClockForExport
 };
-//# sourceMappingURL=chunk-U5SI5NIM.js.map
+//# sourceMappingURL=chunk-5223KXFD.js.map

package/dist/{chunk-NI3XQBPB.js → chunk-5BHJZH62.js}

@@ -1,10 +1,10 @@
 import {
   mix
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -164,4 +164,4 @@ export {
   formatPct,
   buildLegend
 };
-//# sourceMappingURL=chunk-NI3XQBPB.js.map
+//# sourceMappingURL=chunk-5BHJZH62.js.map

package/dist/{chunk-QYTPPDAO.js → chunk-5HILBT7X.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   getSeriesColors
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveColor
 } from "./chunk-TLVIHFRO.js";
@@ -399,4 +399,4 @@ export {
   renderVersionControl,
   renderVersionControlForExport
 };
-//# sourceMappingURL=chunk-QYTPPDAO.js.map
+//# sourceMappingURL=chunk-5HILBT7X.js.map

package/dist/{chunk-I2QZFCS2.js → chunk-5NGAO4QK.js}

@@ -1,6 +1,6 @@
 import {
   MAP_DIRECTIVE_KEY_SET
-} from "./chunk-6H7O2OPM.js";
+} from "./chunk-FQ7HTV52.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -8,7 +8,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   parseInArrowLabel
 } from "./chunk-FFUN5D66.js";
@@ -19,7 +19,7 @@ import {
   peelRampColors,
   splitNameAndMeta,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   formatDgmoError,
   makeDgmoError
@@ -633,4 +633,4 @@ export {
   looksLikeMap,
   parseMap
 };
-//# sourceMappingURL=chunk-I2QZFCS2.js.map
+//# sourceMappingURL=chunk-5NGAO4QK.js.map

package/dist/{chunk-BGP54HVR.js → chunk-5RP7JRVP.js}

@@ -7,10 +7,10 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   tryCollectNote
-} from "./chunk-WQLMU7VG.js";
+} from "./chunk-ARGMQ3H4.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -30,7 +30,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   makeDgmoError,
   suggest
@@ -829,4 +829,4 @@ export {
   looksLikeBoxesAndLines,
   parseBoxesAndLines
 };
-//# sourceMappingURL=chunk-BGP54HVR.js.map
+//# sourceMappingURL=chunk-5RP7JRVP.js.map

package/dist/{chunk-IE477RQZ.js → chunk-5SEVICBT.js}

@@ -5,10 +5,10 @@ import {
   formatPct,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-NI3XQBPB.js";
+} from "./chunk-5BHJZH62.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-YAA6IID3.js";
@@ -28,10 +28,10 @@ import {
   hexToHSL,
   hslToHex,
   relativeLuminance
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 
 // src/treemap/renderer-radial.ts
 import * as d3Selection from "d3-selection";
@@ -421,4 +421,4 @@ export {
   renderTreemapRadialForExport,
   renderTreemapRadial
 };
-//# sourceMappingURL=chunk-IE477RQZ.js.map
+//# sourceMappingURL=chunk-5SEVICBT.js.map

package/dist/{chunk-OZPBJM5Q.js → chunk-6EJITS44.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-I46X5VUA.js";
 import {
   tryCollectNote
-} from "./chunk-WQLMU7VG.js";
+} from "./chunk-ARGMQ3H4.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -16,11 +16,12 @@ import {
 } from "./chunk-NOTA6TEI.js";
 import {
   ALL_CHART_TYPES,
+  FILL_FAMILY_TOKENS,
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   emit,
@@ -372,8 +373,10 @@ function parseFlowchart(content, palette) {
         result.direction = dirMatch[1].toUpperCase();
         continue;
       }
-      if (/^solid-fill$/i.test(trimmed)) {
-        options["solid-fill"] = "on";
+      if (FILL_FAMILY_TOKENS.has(trimmed.toLowerCase())) {
+        for (const t of FILL_FAMILY_TOKENS) delete options[t];
+        if (trimmed.toLowerCase() !== "fill-tint")
+          options[trimmed.toLowerCase()] = "on";
         continue;
       }
       if (/^no-color$/i.test(trimmed)) {
@@ -467,4 +470,4 @@ export {
   looksLikeFlowchart,
   extractSymbols
 };
-//# sourceMappingURL=chunk-OZPBJM5Q.js.map
+//# sourceMappingURL=chunk-6EJITS44.js.map

package/dist/{chunk-F3FYUFUH.js → chunk-6HQH6JZE.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-3CIOJ5YJ.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-YAA6IID3.js";
@@ -22,13 +22,14 @@ import {
 import {
   contrastText,
   mix,
-  shapeFill
-} from "./chunk-P6T66CCZ.js";
+  shapeFill,
+  themeBaseBg
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 
 // src/sketch/renderer.ts
 import * as d3 from "d3-selection";
@@ -306,7 +307,7 @@ function renderSketch(container, parsed, layout, palette, isDark, options = {})
     hideDescriptions = false
   } = options;
   const hideDesc = hideDescriptions || parsed.options.noDescriptions;
-  const neutralFill = mix(palette.textMuted, palette.bg, 12);
+  const neutralFill = parsed.options.fillMode === "outline" ? themeBaseBg(palette, isDark) : mix(palette.textMuted, palette.bg, 12);
   const tagGroups = [...parsed.tagGroups];
   const activeName = resolveActiveTagGroup(
     tagGroups,
@@ -325,14 +326,14 @@ function renderSketch(container, parsed, layout, palette, isDark, options = {})
       };
     }
     const fill = shapeFill(palette, tagColor, isDark, {
-      solid: parsed.options.solidFill
+      mode: parsed.options.fillMode
     });
     return {
       fill,
       stroke: tagColor,
       // Label text takes the shape's own (tag) color — but for solid fills the
       // tag color would vanish into the fill, so keep a contrast color there.
-      text: parsed.options.solidFill ? contrastText(fill, palette.textOnFillLight, palette.textOnFillDark) : tagColor
+      text: parsed.options.fillMode === "solid" ? contrastText(fill, palette.textOnFillLight, palette.textOnFillDark) : tagColor
     };
   };
   const showTitle = !!parsed.title;
@@ -581,8 +582,8 @@ function drawNode(layer, node, colors, palette, isDark, tagGroups) {
     const rows = node.isCollapsedBox ? [] : metaRows(node.metadata, tagGroups);
     const badge = node.shape !== "rectangle";
     const labelInset = badge ? 22 : 0;
-    const solid = colors.stroke === colors.fill;
-    const ruleColor = solid ? colors.text : colors.stroke;
+    const solidLike = colors.stroke === colors.fill;
+    const ruleColor = solidLike ? colors.text : colors.stroke;
     if (node.description && !node.isCollapsedBox) {
       const fitH = fitWrapped(
         node.label,
@@ -651,7 +652,7 @@ function drawNode(layer, node, colors, palette, isDark, tagGroups) {
           lineHeight: CARD_META_FONT + 5,
           separatorGap: 8,
           separatorColor: ruleColor,
-          textColor: solid ? colors.text : palette.text,
+          textColor: solidLike ? colors.text : palette.text,
           keyX: 12
         }
       } : {}
@@ -1058,4 +1059,4 @@ export {
   sketchEdgeGeometry,
   renderSketchForExport
 };
-//# sourceMappingURL=chunk-F3FYUFUH.js.map
+//# sourceMappingURL=chunk-6HQH6JZE.js.map

package/dist/{chunk-X7EC3L2H.js → chunk-6LBQ7ELG.js}

@@ -5,10 +5,10 @@ import {
   formatPct,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-NI3XQBPB.js";
+} from "./chunk-5BHJZH62.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-YAA6IID3.js";
@@ -29,11 +29,12 @@ import {
 import {
   contrastText,
   getSeriesColors,
-  mix
-} from "./chunk-P6T66CCZ.js";
+  mix,
+  themeBaseBg
+} from "./chunk-WBM7ZNDI.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 
 // src/treemap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -138,14 +139,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;
@@ -198,7 +198,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 +213,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 +380,4 @@ export {
   renderTreemapForExport,
   renderTreemap
 };
-//# sourceMappingURL=chunk-X7EC3L2H.js.map
+//# sourceMappingURL=chunk-6LBQ7ELG.js.map

package/dist/{chunk-5WPNFSXP.js → chunk-75G3Q4DK.js}

@@ -7,7 +7,7 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
 import {
   displayName,
   normalizeName
@@ -26,7 +26,7 @@ import {
   tokenizeQuoteAware,
   tryParseSharedOption,
   withTagAliases
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   nord,
   resolveColor
@@ -571,4 +571,4 @@ export {
   FAMILY_DIAGNOSTICS,
   parseFamily
 };
-//# sourceMappingURL=chunk-5WPNFSXP.js.map
+//# sourceMappingURL=chunk-75G3Q4DK.js.map

package/dist/{chunk-BYJBIALT.js → chunk-77FGAVZC.js}

@@ -4,7 +4,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-JEUJOX5X.js";
+} from "./chunk-J7TLCB2Q.js";
 import {
   layoutERDiagram
 } from "./chunk-6NYWYNBI.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-AUIM2NVH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -34,16 +34,19 @@ import {
 } from "./chunk-WCT3NYCV.js";
 import {
   parseERDiagram
-} from "./chunk-332ZR4QU.js";
+} from "./chunk-REJAIQ5S.js";
 import {
   contrastText,
   getSeriesColors,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-WBM7ZNDI.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-HHKO6SKY.js";
+import {
+  fillModeFromOptions
+} from "./chunk-BRENJ2BQ.js";
 
 // src/er/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -383,7 +386,7 @@ function renderERDiagram(container, parsed, layout, palette, isDark, onClickItem
     const w = node.width;
     const h = node.height;
     const fill = shapeFill(palette, nodeColor, isDark, {
-      solid: parsed.options["solid-fill"] === "on"
+      mode: fillModeFromOptions(parsed.options)
     });
     const stroke = nodeColor;
     const onFillText = contrastText(
@@ -545,4 +548,4 @@ export {
   renderERDiagram,
   renderERDiagramForExport
 };
-//# sourceMappingURL=chunk-BYJBIALT.js.map
+//# sourceMappingURL=chunk-77FGAVZC.js.map

package/dist/{chunk-2EQMXBBQ.js → chunk-7BIZCTAX.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   makeDgmoError,
   makeFail
@@ -274,4 +274,4 @@ function parseCycle(content) {
 export {
   parseCycle
 };
-//# sourceMappingURL=chunk-2EQMXBBQ.js.map
+//# sourceMappingURL=chunk-7BIZCTAX.js.map