@diagrammo/dgmo 0.51.0 → 0.53.0

package/dist/{chunk-FTBZV6NE.js → chunk-PYO4TJJ3.js}

@@ -1,10 +1,10 @@
 import {
   analyzePert
-} from "./chunk-J76PIKAT.js";
+} from "./chunk-HO3RCNF6.js";
 import {
   computeNodeSizing,
   layoutPert
-} from "./chunk-GU46PPT3.js";
+} from "./chunk-QXGACPS2.js";
 import {
   COLLAPSE_BAR_HEIGHT,
   CONTAINER_HEADER_HEIGHT,
@@ -18,7 +18,7 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   CAPTION_BOX_PADDING_X,
   CAPTION_BOX_PADDING_Y,
@@ -33,34 +33,34 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  LEGEND_HEIGHT
-} from "./chunk-QOOUC2J5.js";
-import {
-  measureText,
-  truncateText,
-  wrapTextToWidth
-} from "./chunk-WCT3NYCV.js";
 import {
   parsePert
-} from "./chunk-5PDTIBLV.js";
+} from "./chunk-P3H7QVDH.js";
 import {
   addCalendarDays,
   formatDuration,
   formatScheduleValue,
   formatSlackValue,
   formatSprintCell
-} from "./chunk-7L4UJOY6.js";
+} from "./chunk-3TYUXC7D.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
+import {
+  LEGEND_HEIGHT
+} from "./chunk-4RGZFA7H.js";
+import {
+  measureText,
+  truncateText,
+  wrapTextToWidth
+} from "./chunk-4ASYQ347.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 
 // src/pert/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -185,7 +185,7 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
     resolved.options.activeTag,
     options.activeTagOverride
   );
-  const showTagLegend = showLegend && resolved.tagGroups.length > 0;
+  const showTagLegend = showLegend && !resolved.options.noLegend && resolved.tagGroups.length > 0;
   const legendBlockHeight = showTagLegend ? LEGEND_TOP_GAP + LEGEND_PILL_HEIGHT + LEGEND_BOTTOM_GAP : 0;
   const naturalChartWidth = layout.width + DIAGRAM_PADDING * 2;
   const minAnalysisRowW = analysisLayer.analysisHasContent ? analysisLayer.minContentWidth + 2 * DIAGRAM_PADDING : 0;
@@ -506,7 +506,10 @@ function paintAnalysisRowMode(svg, resolved, palette, isDark, state, captionBull
       isDark
     };
     if (w.kind === "tornado") {
-      renderTornadoBlock(svg, state.tornadoRows, args);
+      renderTornadoBlock(svg, state.tornadoRows, {
+        ...args,
+        fillMode: resolved.options.fillMode
+      });
     } else {
       const scurveTitle = !state.summaryRendered && captionBullets.length > 0 ? (
         // In-bounds by length check.
@@ -625,7 +628,10 @@ function paintAnalysisStackMode(svg, resolved, palette, isDark, state, captionBu
       };
       switch (item.kind) {
         case "tornado":
-          renderTornadoBlock(svg, state.tornadoRows, args);
+          renderTornadoBlock(svg, state.tornadoRows, {
+            ...args,
+            fillMode: resolved.options.fillMode
+          });
           break;
         case "scurve": {
           const scurveTitle = !state.summaryRendered && captionBullets.length > 0 ? (
@@ -731,7 +737,7 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
   if (layout.groups.length === 0) return;
   const layer = root.append("g").attr("class", "pert-groups");
   const unit = resolved.options.timeUnit;
-  const solid = resolved.options.solidFill === true;
+  const fillMode = resolved.options.fillMode;
   const containerFill = mix(palette.surface, palette.bg, 40);
   const containerStroke = palette.textMuted;
   const mcOn = resolved.monteCarloResult !== null;
@@ -784,7 +790,9 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
         "?"
       );
       const cardBaseColor = bandColor(memberBand, palette, palette.primary);
-      const cardFill = shapeFill(palette, cardBaseColor, isDark, { solid });
+      const cardFill = shapeFill(palette, cardBaseColor, isDark, {
+        mode: fillMode
+      });
       const cardLabelColor = contrastText(
         cardFill,
         palette.textOnFillLight,
@@ -912,7 +920,7 @@ function renderNodes(root, _defs, resolved, layout, palette, isDark, sizing, onC
   const unit = resolved.options.timeUnit;
   const sprintMode = resolved.options.sprintMode;
   const sprintNumber = resolved.options.sprintNumber ?? 1;
-  const solid = resolved.options.solidFill === true;
+  const fillMode = resolved.options.fillMode;
   const activeTagGroup = resolveActiveTagGroup(
     resolved.tagGroups,
     resolved.options.activeTag,
@@ -967,7 +975,7 @@ function renderNodes(root, _defs, resolved, layout, palette, isDark, sizing, onC
       );
     }
     const baseColor = bandColor(band, palette, palette.primary);
-    const fill = shapeFill(palette, baseColor, isDark, { solid });
+    const fill = shapeFill(palette, baseColor, isDark, { mode: fillMode });
     const labelColor = contrastText(
       fill,
       palette.textOnFillLight,
@@ -979,7 +987,7 @@ function renderNodes(root, _defs, resolved, layout, palette, isDark, sizing, onC
       activeTagGroup
     );
     const hasTagColor = tagColor !== void 0 && tagColor !== "#999999";
-    const tagBandFill = hasTagColor ? shapeFill(palette, tagColor, isDark, { solid }) : void 0;
+    const tagBandFill = hasTagColor ? shapeFill(palette, tagColor, isDark, { mode: fillMode }) : void 0;
     const tagLabelColor = hasTagColor ? contrastText(
       tagBandFill,
       palette.textOnFillLight,
@@ -1435,7 +1443,7 @@ function tornadoBoxHeightFor(rows) {
   return rows.length * TORNADO_ROW_HEIGHT + 2 * CAPTION_BOX_PADDING_Y + CAPTION_HEADER_BAND_HEIGHT;
 }
 function renderTornadoBlock(svg, rows, args) {
-  const { x, y, width, height, palette, isDark } = args;
+  const { x, y, width, height, palette, isDark, fillMode } = args;
   const { fill, stroke: chromeStroke } = analysisBlockChrome(palette, isDark);
   const labelColor = contrastText(
     fill,
@@ -1478,7 +1486,7 @@ function renderTornadoBlock(svg, rows, args) {
     const rowY = firstRowY + i * TORNADO_ROW_HEIGHT;
     const labelY = rowY + TORNADO_ROW_HEIGHT / 2 + TORNADO_BAR_FONT_SIZE / 2 - 2;
     const barColor = bandColor(row.band, palette, palette.primary);
-    const barFill = shapeFill(palette, barColor, isDark);
+    const barFill = fillMode === "outline" ? shapeFill(palette, barColor, isDark, { mode: "outline" }) : shapeFill(palette, barColor, isDark);
     const lowW = row.lowSwing * pixelsPerUnit;
     const highW = row.highSwing * pixelsPerUnit;
     const rowG = block.append("g").attr("class", "pert-tornado-row").attr("data-activity-id", row.id).attr("data-tornado-swing", String(row.lowSwing + row.highSwing));
@@ -1815,4 +1823,4 @@ export {
   measurePertAnalysisBlock,
   renderPertAnalysisBlock
 };
-//# sourceMappingURL=chunk-FTBZV6NE.js.map
+//# sourceMappingURL=chunk-PYO4TJJ3.js.map

package/dist/{chunk-QZPEGJOM.js → chunk-Q7AH665U.js}

@@ -1,20 +1,23 @@
 import {
   collectIndentedValues,
   extractColor,
+  fillModeFromToken,
   measureIndent,
   normalizeNumericToken,
   parseFirstLine,
   parseSeriesNames
-} from "./chunk-LV4BETUU.js";
+} from "./chunk-YJVA3QUU.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColorWithDiagnostic
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 import {
+  TITLE_DIRECTIVE_DX,
+  emit,
   formatDgmoError,
   makeDgmoError,
   suggest
-} from "./chunk-CXK4DZH3.js";
+} from "./chunk-4W2PE66Q.js";
 
 // src/chart.ts
 var VALID_TYPES = /* @__PURE__ */ new Set([
@@ -43,8 +46,11 @@ var KNOWN_OPTIONS = /* @__PURE__ */ new Set([
 var DEFAULT_HOLE = 0.6;
 var KNOWN_BOOLEANS = /* @__PURE__ */ new Set([
   "orientation-horizontal",
-  "solid-fill",
+  "fill-tint",
+  "fill-solid",
+  "fill-outline",
   "no-title",
+  "no-legend",
   "no-auto-y",
   "fill",
   "hole"
@@ -173,10 +179,14 @@ function parseChart(content, palette) {
     if (KNOWN_BOOLEANS.has(firstToken) && spaceIdx < 0) {
       if (firstToken === "orientation-horizontal") {
         result.orientation = "horizontal";
-      } else if (firstToken === "solid-fill") {
-        result.solidFill = true;
+      } else if (fillModeFromToken(firstToken) !== null) {
+        const fm = fillModeFromToken(firstToken);
+        if (fm === "tint") delete result.fillMode;
+        else result.fillMode = fm;
       } else if (firstToken === "no-title") {
         result.noTitle = true;
+      } else if (firstToken === "no-legend") {
+        result.noLegend = true;
       } else if (firstToken === "no-auto-y") {
         result.noAutoY = true;
       } else if (firstToken === "fill") {
@@ -202,8 +212,7 @@ function parseChart(content, palette) {
         continue;
       }
       if (firstToken === "title") {
-        result.title = value;
-        result.titleLineNumber = lineNumber;
+        result.diagnostics.push(emit(TITLE_DIRECTIVE_DX, lineNumber));
         continue;
       }
       if (firstToken === "x-label") {
@@ -708,7 +717,7 @@ function parseExtendedChartFull(content, palette) {
       const spaceIdx2 = trimmed.indexOf(" ");
       const lastTok = trimmed.substring(trimmed.lastIndexOf(" ") + 1);
       const hasNumericSuffix = spaceIdx2 >= 0 && !isNaN(parseFloat(normalizeNumericToken(lastTok) ?? lastTok));
-      const isBareKeywordOption = spaceIdx2 < 0 && /^(solid-fill|no-name|no-value|no-percent|shade|no-title)$/i.test(
+      const isBareKeywordOption = spaceIdx2 < 0 && /^(fill-tint|fill-solid|fill-outline|no-name|no-value|no-percent|shade|no-title)$/i.test(
         trimmed
       );
       const isLayoutDirective = spaceIdx2 >= 0 && trimmed.substring(0, spaceIdx2).toLowerCase() === "layout";
@@ -752,8 +761,7 @@ function parseExtendedChartFull(content, palette) {
         continue;
       }
       if (firstToken === "title") {
-        result.title = value;
-        result.titleLineNumber = lineNumber;
+        result.diagnostics.push(emit(TITLE_DIRECTIVE_DX, lineNumber));
         continue;
       }
       if (firstToken === "series") {
@@ -839,14 +847,20 @@ function parseExtendedChartFull(content, palette) {
       result.shade = true;
       continue;
     }
-    if (firstToken === "solid-fill") {
-      result.solidFill = true;
+    const fillFamily = fillModeFromToken(firstToken);
+    if (fillFamily !== null && spaceIdx < 0) {
+      if (fillFamily === "tint") delete result.fillMode;
+      else result.fillMode = fillFamily;
       continue;
     }
     if (firstToken === "no-title" && spaceIdx < 0) {
       result.noTitle = true;
       continue;
     }
+    if (firstToken === "no-legend" && spaceIdx < 0) {
+      result.noLegend = true;
+      continue;
+    }
     if (firstToken.startsWith("no-") && spaceIdx < 0) {
       continue;
     }
@@ -1057,4 +1071,4 @@ export {
   getSimpleChartLegendGroups,
   getExtendedChartLegendGroups
 };
-//# sourceMappingURL=chunk-QZPEGJOM.js.map
+//# sourceMappingURL=chunk-Q7AH665U.js.map

package/dist/{chunk-QHI5XVUJ.js → chunk-QAALSCKI.js}

@@ -4,7 +4,7 @@ import {
   layoutC4Containers,
   layoutC4Context,
   layoutC4Deployment
-} from "./chunk-NEQ6GJXB.js";
+} from "./chunk-LQHVDZYC.js";
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-3CIOJ5YJ.js";
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -25,16 +25,9 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  LEGEND_HEIGHT
-} from "./chunk-QOOUC2J5.js";
-import {
-  measureText,
-  wrapTextToWidth
-} from "./chunk-WCT3NYCV.js";
 import {
   parseC4
-} from "./chunk-3LV2NCB6.js";
+} from "./chunk-PKNNHU7H.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -42,10 +35,20 @@ import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-P6T66CCZ.js";
+} from "./chunk-JYDMBWRP.js";
+import {
+  LEGEND_HEIGHT
+} from "./chunk-4RGZFA7H.js";
+import {
+  measureText,
+  wrapTextToWidth
+} from "./chunk-4ASYQ347.js";
 import {
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
+import {
+  fillModeFromOptions
+} from "./chunk-YJVA3QUU.js";
 
 // src/c4/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -87,11 +90,9 @@ function typeColor(type, palette, nodeColor) {
       return palette.colors.teal;
   }
 }
-function nodeFill(palette, isDark, type, nodeColor, solid) {
+function nodeFill(palette, isDark, type, nodeColor, fillMode) {
   const color = typeColor(type, palette, nodeColor);
-  return shapeFill(palette, color, isDark, {
-    ...solid !== void 0 && { solid }
-  });
+  return shapeFill(palette, color, isDark, { mode: fillMode });
 }
 function nodeStroke(palette, type, nodeColor) {
   return typeColor(type, palette, nodeColor);
@@ -229,8 +230,8 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
     }
     const w = node.width;
     const h = node.height;
-    const solid = parsed.options["solid-fill"] === "on";
-    const fill = nodeFill(palette, isDark, node.type, node.color, solid);
+    const fillMode = fillModeFromOptions(parsed.options);
+    const fill = nodeFill(palette, isDark, node.type, node.color, fillMode);
     const stroke = nodeStroke(palette, node.type, node.color);
     const onFillText = contrastText(
       fill,
@@ -259,7 +260,7 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
       nodeG.append("text").attr("x", 0).attr("y", yPos + NAME_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", NAME_FONT_SIZE).attr("font-weight", "bold").text(node.name);
     }
     yPos += NAME_HEIGHT;
-    nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", solid ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
+    nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", fillMode === "solid" ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
     yPos += DIVIDER_GAP;
     if (node.description) {
       const contentWidth = w - CARD_H_PAD * 2;
@@ -282,7 +283,7 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
     if (node.drillable) {
       const clipId = `clip-drill-${node.id.replace(/\s+/g, "-")}`;
       nodeG.append("clipPath").attr("id", clipId).append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", CARD_RADIUS);
-      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - DRILL_BAR_HEIGHT).attr("width", w).attr("height", DRILL_BAR_HEIGHT).attr("fill", solid ? onFillText : stroke).attr("clip-path", `url(#${clipId})`).attr("class", "c4-drill-bar");
+      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - DRILL_BAR_HEIGHT).attr("width", w).attr("height", DRILL_BAR_HEIGHT).attr("fill", fillMode === "solid" ? onFillText : stroke).attr("clip-path", `url(#${clipId})`).attr("class", "c4-drill-bar");
     }
   }
   if (hasLegend) {
@@ -791,8 +792,8 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
     }
     const w = node.width;
     const h = node.height;
-    const solid = parsed.options["solid-fill"] === "on";
-    const fill = nodeFill(palette, isDark, node.type, node.color, solid);
+    const fillMode = fillModeFromOptions(parsed.options);
+    const fill = nodeFill(palette, isDark, node.type, node.color, fillMode);
     const stroke = nodeStroke(palette, node.type, node.color);
     const onFillText = contrastText(
       fill,
@@ -860,7 +861,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
       }
       const metaEntries = collectCardMetadata(node.metadata);
       if (metaEntries.length > 0) {
-        nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", solid ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
+        nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", fillMode === "solid" ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
         yPos += DIVIDER_GAP;
         const maxKeyWidth = Math.max(
           ...metaEntries.map((e) => measureText(`${e.key}: `, META_FONT_SIZE))
@@ -873,7 +874,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
         }
       }
     } else {
-      nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", solid ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
+      nodeG.append("line").attr("x1", -w / 2 + CARD_H_PAD / 2).attr("y1", yPos).attr("x2", w / 2 - CARD_H_PAD / 2).attr("y2", yPos).attr("stroke", fillMode === "solid" ? onFillText : stroke).attr("stroke-width", 0.5).attr("stroke-opacity", 0.4);
       yPos += DIVIDER_GAP;
       if (node.description) {
         const contentWidth = w - CARD_H_PAD * 2;
@@ -897,7 +898,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
     if (node.drillable) {
       const clipId = `clip-drill-${node.id.replace(/\s+/g, "-")}`;
       nodeG.append("clipPath").attr("id", clipId).append("rect").attr("x", -w / 2).attr("y", -h / 2).attr("width", w).attr("height", h).attr("rx", CARD_RADIUS);
-      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - DRILL_BAR_HEIGHT).attr("width", w).attr("height", DRILL_BAR_HEIGHT).attr("fill", solid ? onFillText : stroke).attr("clip-path", `url(#${clipId})`).attr("class", "c4-drill-bar");
+      nodeG.append("rect").attr("x", -w / 2).attr("y", h / 2 - DRILL_BAR_HEIGHT).attr("width", w).attr("height", DRILL_BAR_HEIGHT).attr("fill", fillMode === "solid" ? onFillText : stroke).attr("clip-path", `url(#${clipId})`).attr("class", "c4-drill-bar");
     }
   }
   if (hasLegend) {
@@ -1035,4 +1036,4 @@ export {
   renderC4Deployment,
   renderC4DeploymentForExport
 };
-//# sourceMappingURL=chunk-QHI5XVUJ.js.map
+//# sourceMappingURL=chunk-QAALSCKI.js.map

package/dist/{chunk-GD6L76WD.js → chunk-QI3BOLQB.js}

@@ -1,26 +1,27 @@
 import {
   renderIntegratedLegend
-} from "./chunk-OU7HLO7I.js";
+} from "./chunk-W5KMNC5U.js";
+import {
+  FONT_FAMILY
+} from "./chunk-6KFWC4CO.js";
 import {
   getFigure,
   getPartGeom,
   resolvePartKey
 } from "./chunk-BDXC7MDK.js";
-import {
-  FONT_FAMILY
-} from "./chunk-6KFWC4CO.js";
 import {
   getSeriesColors,
-  mix
-} from "./chunk-P6T66CCZ.js";
+  mix,
+  themeBaseBg
+} from "./chunk-JYDMBWRP.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-467TVMQL.js";
+} from "./chunk-CMVZWP32.js";
 import {
   resolveColor
-} from "./chunk-TLVIHFRO.js";
+} from "./chunk-ZKPPI6BF.js";
 
 // src/body/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -51,7 +52,7 @@ function sideCenter(centers, side, view) {
     (best, c) => wantScreenRight ? c.x > best.x ? c : best : c.x < best.x ? c : best
   );
 }
-function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, defs) {
+function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, isDark, fillMode, defs) {
   const [vx, vy, vw, vh] = fig.viewBox.split(" ").map(Number);
   const muscleFill = mix(palette.bg, palette.border, 0.7);
   const seam = palette.bg;
@@ -99,7 +100,16 @@ function renderFigureBody(fig, view, parts, partColor, emphKey, form, palette, d
       );
       if (sidePaths.length) paths = sidePaths;
     }
-    if (form === "skin") {
+    if (fillMode === "solid") {
+      for (const d of paths) {
+        out += `<path${dataLine} d="${d}" fill="${color}" stroke="${color}" stroke-width="1.5"/>`;
+      }
+    } else if (fillMode === "outline") {
+      const baseBg = themeBaseBg(palette, isDark);
+      for (const d of paths) {
+        out += `<path${dataLine} d="${d}" fill="${baseBg}" stroke="${color}" stroke-width="2.5"/>`;
+      }
+    } else if (form === "skin") {
       for (const d of paths) {
         out += `<path${dataLine} d="${d}" fill="${color}" fill-opacity="0.5" stroke="${color}" stroke-width="1.5"/>`;
       }
@@ -186,6 +196,8 @@ function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDim
       emphKey,
       parsed.options.form,
       palette,
+      _isDark,
+      parsed.options.fillMode,
       defs
     )
   );
@@ -322,4 +334,4 @@ export {
   renderBody,
   renderBodyForExport
 };
-//# sourceMappingURL=chunk-GD6L76WD.js.map
+//# sourceMappingURL=chunk-QI3BOLQB.js.map