@diagrammo/dgmo 0.48.0 → 0.48.2

package/dist/auto.mjs

@@ -16260,6 +16260,13 @@ function parseC4(content, palette) {
         }
         namePart = namePart.substring(0, nameIsAMatch.index).trim();
       }
+      const bareTail = metaTail.trim();
+      if (bareTail && !bareTail.includes(":")) {
+        pushError(
+          lineNumber,
+          `text after 'is a ${rawType}' must be 'key: value' metadata \u2014 '${bareTail}' is not recognized (did you mean 'description: ${bareTail}'?)`
+        );
+      }
       const metadata = parseC4MetaTail(metaTail, metaAliasMap);
       const shape = explicitShape ?? inferC4Shape(namePart, metadata["tech"] ?? metadata["technology"]);
       let isADescription;
@@ -29389,10 +29396,14 @@ function runInExportContainer(width, height, fn) {
     document.body.removeChild(container);
   }
 }
-function extractExportSvg(container, theme) {
+function extractExportSvg(container, theme, palette) {
   const svgEl = container.querySelector("svg");
   if (!svgEl) return "";
-  if (theme === "transparent") svgEl.style.background = "none";
+  if (theme === "transparent") {
+    svgEl.style.background = "none";
+  } else if (palette && !svgEl.style.background) {
+    svgEl.style.background = palette.bg;
+  }
   svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
   svgEl.style.fontFamily = FONT_FAMILY;
   svgEl.querySelectorAll("[data-export-ignore]").forEach((el) => el.remove());
@@ -29811,7 +29822,7 @@ function renderOrgForExport(content, theme, palette) {
       width: exportWidth,
       height: exportHeight
     });
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING, MAX_SCALE, TITLE_HEIGHT, ANCESTOR_DOT_R, ANCESTOR_LABEL_FONT_SIZE, ANCESTOR_ROW_HEIGHT, ANCESTOR_TRAIL_BOTTOM_GAP, LEGEND_FIXED_GAP;
@@ -32314,7 +32325,7 @@ function renderClassDiagramForExport(content, theme, palette) {
       true
       // exportMode
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING4, MAX_SCALE3, CLASS_FONT_SIZE2, MEMBER_FONT_SIZE2, EDGE_LABEL_FONT_SIZE2, MEMBER_LINE_HEIGHT2, COMPARTMENT_PADDING_Y2, MEMBER_PADDING_X, CLASS_TYPE_MAP, CLASS_TYPE_ORDER, LEGEND_GROUP_NAME, lineGenerator2;
@@ -38493,7 +38504,7 @@ function renderMindmapForExport(content, theme, palette) {
       void 0,
       hideDescriptions
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 var DIAGRAM_PADDING7, TITLE_HEIGHT4, SINGLE_LABEL_HEIGHT2, LABEL_LINE_HEIGHT4, DESC_LINE_HEIGHT4, NODE_RADIUS, ROOT_STROKE_WIDTH, DEPTH_COLOR_KEYS;
@@ -42876,6 +42887,8 @@ function renderFlowchartForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -52521,6 +52534,8 @@ function renderStateForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -61535,20 +61550,35 @@ function renderRing(container, parsed, palette, isDark, onClickItem, exportDims)
   }
   if (inBandLabelsVisible) {
     const labelsG = svg.append("g").attr("class", "ring-labels");
+    const labelDefs = labelsG.append("defs");
+    let ringLabelSeq = 0;
     for (let i = 0; i < N; i++) {
       const layer = parsed.layers[i];
       const fill2 = layerFills[i];
       const isInnermost = i === 0;
-      const labelY = isInnermost ? cy : cy - (i + 0.5) * thickness;
-      const fittedFont = labelFont;
       const textColor = contrastText(
         fill2,
         palette.textOnFillLight,
         palette.textOnFillDark
       );
       const labelG = labelsG.append("g").attr("class", "ring-label-group").attr("data-line-number", layer.lineNumber);
-      const label = labelG.append("text").attr("class", "ring-label").attr("x", cx).attr("y", labelY).attr("dy", "0.35em").attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", fittedFont).attr("font-weight", 600).style("pointer-events", "none");
-      renderInlineText(label, layer.label, palette, fittedFont);
+      if (isInnermost) {
+        const label = labelG.append("text").attr("class", "ring-label").attr("x", cx).attr("y", cy).attr("dy", "0.35em").attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", 600).style("pointer-events", "none");
+        renderInlineText(label, layer.label, palette, labelFont);
+        continue;
+      }
+      drawRingCurvedLabel(
+        labelG,
+        labelDefs,
+        `dgmo-ring-lbl-${ringLabelSeq++}`,
+        layer.label,
+        cx,
+        cy,
+        (i + 0.5) * thickness,
+        labelFont,
+        textColor,
+        palette
+      );
     }
   }
   if (hasAnyDescription || !inBandLabelsVisible) {
@@ -61568,6 +61598,34 @@ function renderRing(container, parsed, palette, isDark, onClickItem, exportDims)
     });
   }
 }
+function drawRingCurvedLabel(labelG, defs, pathId, text, cx, cy, rMid, labelFont, textColor, palette) {
+  const PAD = 1.18;
+  let fs = labelFont;
+  let rPath = rMid - fs * 0.32;
+  const maxLen = MAX_LABEL_ARC * rPath;
+  const wPadded = measureText(text, labelFont) * PAD;
+  if (wPadded > maxLen) {
+    fs = Math.max(LABEL_FONT_MIN2, Math.floor(labelFont * maxLen / wPadded));
+    rPath = rMid - fs * 0.32;
+  }
+  const arcLen = measureText(text, fs) * PAD;
+  const halfAngle = Math.min(arcLen / (2 * rPath), MAX_LABEL_ARC / 2);
+  const largeArc = halfAngle * 2 > Math.PI ? 1 : 0;
+  const p0x = cx - Math.sin(halfAngle) * rPath;
+  const p0y = cy - Math.cos(halfAngle) * rPath;
+  const p1x = cx + Math.sin(halfAngle) * rPath;
+  const p1y = cy - Math.cos(halfAngle) * rPath;
+  const d = `M ${p0x.toFixed(2)} ${p0y.toFixed(2)} A ${rPath.toFixed(2)} ${rPath.toFixed(2)} 0 ${largeArc} 1 ${p1x.toFixed(2)} ${p1y.toFixed(2)}`;
+  defs.append("path").attr("id", pathId).attr("d", d);
+  const label = labelG.append("text").attr("class", "ring-label").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", fs).attr("font-weight", 600).style("pointer-events", "none");
+  const textPath = label.append("textPath").attr("href", `#${pathId}`).attr("startOffset", "50%").attr("text-anchor", "middle");
+  renderInlineText(
+    textPath,
+    text,
+    palette,
+    fs
+  );
+}
 function renderRingForExport(container, parsed, palette, isDark, exportDims) {
   renderRing(container, parsed, palette, isDark, void 0, exportDims);
 }
@@ -61651,7 +61709,7 @@ function truncateWithEllipsis2(lines, cap) {
 function clamp2(x, lo, hi) {
   return Math.max(lo, Math.min(hi, x));
 }
-var TITLE_AREA_HEIGHT3, H_MARGIN_FRAC2, V_MARGIN2, RING_AREA_FRAC_NO_DESC, RING_AREA_FRAC_WITH_DESC, DESC_GAP2, DESC_ACCENT_WIDTH2, DESC_ACCENT_GAP2, BULLET_BODY_INDENT2, RING_STROKE_WIDTH, RING_STROKE_OPACITY, DESC_LINE_CAP, LABEL_FONT_MIN2, LABEL_FONT_MAX2, DESC_FONT_MIN2, DESC_FONT_MAX2;
+var TITLE_AREA_HEIGHT3, H_MARGIN_FRAC2, V_MARGIN2, RING_AREA_FRAC_NO_DESC, RING_AREA_FRAC_WITH_DESC, DESC_GAP2, DESC_ACCENT_WIDTH2, DESC_ACCENT_GAP2, BULLET_BODY_INDENT2, RING_STROKE_WIDTH, RING_STROKE_OPACITY, DESC_LINE_CAP, LABEL_FONT_MIN2, LABEL_FONT_MAX2, DESC_FONT_MIN2, DESC_FONT_MAX2, MAX_LABEL_ARC;
 var init_renderer22 = __esm({
   "src/ring/renderer.ts"() {
     "use strict";
@@ -61679,6 +61737,7 @@ var init_renderer22 = __esm({
     LABEL_FONT_MAX2 = 22;
     DESC_FONT_MIN2 = 11;
     DESC_FONT_MAX2 = 15;
+    MAX_LABEL_ARC = 1.6 * Math.PI;
   }
 });
 
@@ -63074,7 +63133,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
   const colBottomY = cursorY + sColumnBottomPad;
   const totalHeight = colBottomY + sVMargin;
   const svgHeight = exportDims ? totalHeight : Math.max(height, totalHeight);
-  const svg = d3Selection32.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY).style("background", "transparent");
+  const svg = d3Selection32.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY);
   if (ctx.isBelowFloor) {
     svg.attr("width", "100%");
   }
@@ -63153,11 +63212,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
     const cw = roleColW - 2 * sColumnInset;
     const roleColor = parsed.roleColors[i] ?? autoAccent(i, palette);
     const bodyFill = mix(roleColor, themeBaseBg(palette, isDark), 16);
-    const headerFill = mix(
-      roleColor,
-      themeBaseBg(palette, isDark),
-      30
-    );
+    const headerFill = mix(roleColor, themeBaseBg(palette, isDark), 30);
     const colG = columnsG.append("g").attr("class", "raci-column").attr("data-role-id", roleId);
     colG.append("rect").attr("class", "raci-column-body").attr("x", cx).attr("y", headerY).attr("width", cw).attr("height", colTotalHeight).attr("rx", sColumnRadius).attr("fill", bodyFill);
     colG.append("path").attr("class", "raci-column-header").attr(
@@ -68752,34 +68807,50 @@ function buildHoverCss(spec, derived = {}, emphasisOverride) {
   return parts.join("");
 }
 var HOVER_SPECS = {
+  // Data-chart family (`.dgmo-datum`): `dim` at 0.18 to MIRROR the app's live
+  // hover (charts-d3/interactions.ts `.dgmo-dim{opacity:.18}` — hover a mark →
+  // every other emph-key drops out). `lift` (saturate/brightness) read as
+  // "nothing happened" on muted fills. Safe to dim: these export renderers set
+  // NO inline `style="opacity"` on datums (only presentation `*-opacity` attrs,
+  // which a `<style>` rule outranks), so no RED-2 inline-defeat.
   pie: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   bar: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   funnel: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   heatmap: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   "polar-area": {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   // ── CROSS-FREE diagram charts — FIXED-attr keys, DOM-verified (Task 3) ──
@@ -68953,6 +69024,8 @@ var HOVER_SPECS = {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-category",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   quadrant: {
@@ -69783,15 +69856,21 @@ var BLOCK_CSS = `
   opacity: 1;
 }
 
-/* === Open state: frame the whole block ===
+/* === Frame the whole block ===
  * When the source panel is open, diagram + toolbar + code get one shared
- * border so the code visibly belongs to the chart above it, not to the
- * surrounding prose. Closed blocks stay frameless. */
-.dgmo:has(> .dgmo-source-wrap[open]) {
-  border: 1px solid rgba(127, 127, 127, 0.3);
+ * border so the code visibly belongs to the chart above it. The frame box
+ * (border + padding) is RESERVED at all times \u2014 with the border transparent
+ * while closed \u2014 so opening the panel only paints the border in. It never
+ * reflows the diagram or shifts the toolbar: the SVG box and toolbar position
+ * are identical open vs closed. */
+.dgmo:has(> .dgmo-source-wrap) {
+  border: 1px solid transparent;
   border-radius: 0.6em;
   padding: 0.75em 0.75em 0.5em;
 }
+.dgmo:has(> .dgmo-source-wrap[open]) {
+  border-color: rgba(127, 127, 127, 0.3);
+}
 
 /* === Source panel (hidden until toggled) === */
 .dgmo-source-inner {
@@ -70072,7 +70151,7 @@ var CSS = AUTO_BASE_CSS + "\n" + BLOCK_CSS + "\n" + darkScopedBlockCss(BLOCK_CSS
 
 // src/auto/shared.ts
 init_safe_href();
-var VERSION = "0.48.0";
+var VERSION = "0.48.2";
 var ARIA_LABEL_MAX = 200;
 var COPIED_INTERACTION_MS = 1500;
 var LOG_PREFIX = "[dgmo]";

package/dist/block.css

@@ -109,15 +109,21 @@
   opacity: 1;
 }
 
-/* === Open state: frame the whole block ===
+/* === Frame the whole block ===
  * When the source panel is open, diagram + toolbar + code get one shared
- * border so the code visibly belongs to the chart above it, not to the
- * surrounding prose. Closed blocks stay frameless. */
-.dgmo:has(> .dgmo-source-wrap[open]) {
-  border: 1px solid rgba(127, 127, 127, 0.3);
+ * border so the code visibly belongs to the chart above it. The frame box
+ * (border + padding) is RESERVED at all times — with the border transparent
+ * while closed — so opening the panel only paints the border in. It never
+ * reflows the diagram or shifts the toolbar: the SVG box and toolbar position
+ * are identical open vs closed. */
+.dgmo:has(> .dgmo-source-wrap) {
+  border: 1px solid transparent;
   border-radius: 0.6em;
   padding: 0.75em 0.75em 0.5em;
 }
+.dgmo:has(> .dgmo-source-wrap[open]) {
+  border-color: rgba(127, 127, 127, 0.3);
+}
 
 /* === Source panel (hidden until toggled) === */
 .dgmo-source-inner {

package/dist/block.js

@@ -1,10 +1,10 @@
 import {
   normalizeSvgForEmbed
-} from "./chunk-RCERWOJR.js";
+} from "./chunk-ODZVHU3R.js";
 import {
   encodeDiagramUrl,
   render
-} from "./chunk-IH6ZMVQ5.js";
+} from "./chunk-PZMETGLY.js";
 import "./chunk-PBAHEPLQ.js";
 import "./chunk-OJR3MQYV.js";
 import "./chunk-UWN33VNX.js";
@@ -17,7 +17,7 @@ import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import "./chunk-QOOUC2J5.js";
 import "./chunk-WCT3NYCV.js";
-import "./chunk-6FZYCKXB.js";
+import "./chunk-HSH73DP6.js";
 import "./chunk-P235SVAH.js";
 import "./chunk-6HO5ZTXK.js";
 import "./chunk-44CM72SQ.js";
@@ -52,7 +52,7 @@ import "./chunk-5QXL4NYS.js";
 import "./chunk-GMR5MFHJ.js";
 import "./chunk-ERLBPDGU.js";
 import "./chunk-AELOBFW5.js";
-import "./chunk-2DXMZRWJ.js";
+import "./chunk-B65G5DNL.js";
 import "./chunk-IYULMRBE.js";
 import {
   resolvePaletteOrFallback
@@ -583,15 +583,21 @@ var BLOCK_CSS = `
   opacity: 1;
 }
 
-/* === Open state: frame the whole block ===
+/* === Frame the whole block ===
  * When the source panel is open, diagram + toolbar + code get one shared
- * border so the code visibly belongs to the chart above it, not to the
- * surrounding prose. Closed blocks stay frameless. */
-.dgmo:has(> .dgmo-source-wrap[open]) {
-  border: 1px solid rgba(127, 127, 127, 0.3);
+ * border so the code visibly belongs to the chart above it. The frame box
+ * (border + padding) is RESERVED at all times \u2014 with the border transparent
+ * while closed \u2014 so opening the panel only paints the border in. It never
+ * reflows the diagram or shifts the toolbar: the SVG box and toolbar position
+ * are identical open vs closed. */
+.dgmo:has(> .dgmo-source-wrap) {
+  border: 1px solid transparent;
   border-radius: 0.6em;
   padding: 0.75em 0.75em 0.5em;
 }
+.dgmo:has(> .dgmo-source-wrap[open]) {
+  border-color: rgba(127, 127, 127, 0.3);
+}
 
 /* === Source panel (hidden until toggled) === */
 .dgmo-source-inner {

package/dist/{chunk-FNB3PNGF.js → chunk-7DTWEFUE.js}

@@ -11,7 +11,7 @@ import {
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-Y5QGVTVC.js";
+} from "./chunk-JTSMEYIZ.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
@@ -399,7 +399,7 @@ function renderClassDiagramForExport(content, theme, palette) {
       true
       // exportMode
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 
@@ -407,4 +407,4 @@ export {
   renderClassDiagram,
   renderClassDiagramForExport
 };
-//# sourceMappingURL=chunk-FNB3PNGF.js.map
+//# sourceMappingURL=chunk-7DTWEFUE.js.map

package/dist/{chunk-2DXMZRWJ.js → chunk-B65G5DNL.js}

@@ -542,6 +542,13 @@ function parseC4(content, palette) {
         }
         namePart = namePart.substring(0, nameIsAMatch.index).trim();
       }
+      const bareTail = metaTail.trim();
+      if (bareTail && !bareTail.includes(":")) {
+        pushError(
+          lineNumber,
+          `text after 'is a ${rawType}' must be 'key: value' metadata \u2014 '${bareTail}' is not recognized (did you mean 'description: ${bareTail}'?)`
+        );
+      }
       const metadata = parseC4MetaTail(metaTail, metaAliasMap);
       const shape = explicitShape ?? inferC4Shape(namePart, metadata["tech"] ?? metadata["technology"]);
       let isADescription;
@@ -797,4 +804,4 @@ function validateDeploymentRefs(result, knownNames, pushWarning) {
 export {
   parseC4
 };
-//# sourceMappingURL=chunk-2DXMZRWJ.js.map
+//# sourceMappingURL=chunk-B65G5DNL.js.map

package/dist/{chunk-RZCF2VVM.js → chunk-B7JUCQUA.js}

@@ -512,6 +512,8 @@ function renderFlowchartForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -525,4 +527,4 @@ export {
   renderFlowchart,
   renderFlowchartForExport
 };
-//# sourceMappingURL=chunk-RZCF2VVM.js.map
+//# sourceMappingURL=chunk-B7JUCQUA.js.map

package/dist/{chunk-DU7W62N5.js → chunk-FANX6UJR.js}

@@ -1,7 +1,7 @@
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-Y5QGVTVC.js";
+} from "./chunk-JTSMEYIZ.js";
 import {
   renderCollapseBar,
   renderNodeCard
@@ -476,7 +476,7 @@ function renderOrgForExport(content, theme, palette) {
       width: exportWidth,
       height: exportHeight
     });
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 
@@ -484,4 +484,4 @@ export {
   renderOrg,
   renderOrgForExport
 };
-//# sourceMappingURL=chunk-DU7W62N5.js.map
+//# sourceMappingURL=chunk-FANX6UJR.js.map

package/dist/{chunk-6FZYCKXB.js → chunk-HSH73DP6.js}

@@ -83,7 +83,7 @@ import {
 } from "./chunk-AELOBFW5.js";
 import {
   parseC4
-} from "./chunk-2DXMZRWJ.js";
+} from "./chunk-B65G5DNL.js";
 import {
   looksLikeSequence,
   parseSequenceDgmo
@@ -2062,4 +2062,4 @@ export {
   knownChartTypeIds,
   parseDgmo
 };
-//# sourceMappingURL=chunk-6FZYCKXB.js.map
+//# sourceMappingURL=chunk-HSH73DP6.js.map

package/dist/{chunk-P4RH4OSP.js → chunk-ILKORZ3H.js}

@@ -34,7 +34,7 @@ import {
 } from "./chunk-WCT3NYCV.js";
 import {
   parseC4
-} from "./chunk-2DXMZRWJ.js";
+} from "./chunk-B65G5DNL.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -1035,4 +1035,4 @@ export {
   renderC4Deployment,
   renderC4DeploymentForExport
 };
-//# sourceMappingURL=chunk-P4RH4OSP.js.map
+//# sourceMappingURL=chunk-ILKORZ3H.js.map

package/dist/{chunk-Y5QGVTVC.js → chunk-JTSMEYIZ.js}

@@ -16,10 +16,14 @@ function runInExportContainer(width, height, fn) {
     document.body.removeChild(container);
   }
 }
-function extractExportSvg(container, theme) {
+function extractExportSvg(container, theme, palette) {
   const svgEl = container.querySelector("svg");
   if (!svgEl) return "";
-  if (theme === "transparent") svgEl.style.background = "none";
+  if (theme === "transparent") {
+    svgEl.style.background = "none";
+  } else if (palette && !svgEl.style.background) {
+    svgEl.style.background = palette.bg;
+  }
   svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
   svgEl.style.fontFamily = FONT_FAMILY;
   svgEl.querySelectorAll("[data-export-ignore]").forEach((el) => el.remove());
@@ -30,4 +34,4 @@ export {
   runInExportContainer,
   extractExportSvg
 };
-//# sourceMappingURL=chunk-Y5QGVTVC.js.map
+//# sourceMappingURL=chunk-JTSMEYIZ.js.map

package/dist/{chunk-RCERWOJR.js → chunk-ODZVHU3R.js}

@@ -27,7 +27,6 @@ function normalizeSvgForEmbed(input) {
   }
   svg = svg.replace(/(<svg[^>]*?) width="[^"]*"/g, "$1");
   svg = svg.replace(/(<svg[^>]*?) height="[^"]*"/g, "$1");
-  svg = svg.replace(/(<svg[^>]*?style="[^"]*?)background:[^;"]*;?\s*/g, "$1");
   svg = svg.replace(/<svg\s{2,}/g, "<svg ");
   return svg;
 }
@@ -151,4 +150,4 @@ export {
   normalizeSvgForEmbed,
   getEmbedSvgViewBox
 };
-//# sourceMappingURL=chunk-RCERWOJR.js.map
+//# sourceMappingURL=chunk-ODZVHU3R.js.map