pptx-react-viewer 2.12.1 → 2.13.1

package/dist/{chunk-LE6YA5WB.js → chunk-66ZHD7Y4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkBXAK3JFM_js = require('./chunk-BXAK3JFM.js');
-var chunkTDUDH7S4_js = require('./chunk-TDUDH7S4.js');
+var chunkDD2YRS6Z_js = require('./chunk-DD2YRS6Z.js');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var React6 = require('react');
@@ -15,7 +15,7 @@ var React6__default = /*#__PURE__*/_interopDefault(React6);
 
 // src/viewer/utils/animation-effects.ts
 function getAnimationInitialStyle2(preset, nativeAnimation) {
-  return chunkTDUDH7S4_js.getAnimationInitialStyle(preset, nativeAnimation);
+  return chunkDD2YRS6Z_js.getAnimationInitialStyle(preset, nativeAnimation);
 }
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
@@ -23,7 +23,7 @@ function cn(...inputs) {
 
 // src/viewer/utils/clone.ts
 function cloneHistorySnapshot2(snapshot) {
-  return chunkTDUDH7S4_js.cloneHistorySnapshot(snapshot);
+  return chunkDD2YRS6Z_js.cloneHistorySnapshot(snapshot);
 }
 
 // src/viewer/constants/scalar.ts
@@ -63,7 +63,7 @@ var TOOLBAR_SECTIONS = [
   { id: "view", labelKey: "pptx.ribbon.tab.view" },
   { id: "help", labelKey: "pptx.ribbon.tab.help" }
 ];
-var SHORTCUT_REFERENCE_ITEMS = chunkTDUDH7S4_js.VIEWER_SHORTCUT_REFERENCE;
+var SHORTCUT_REFERENCE_ITEMS = chunkDD2YRS6Z_js.VIEWER_SHORTCUT_REFERENCE;
 
 // src/viewer/constants/theme.ts
 var THEME_COLOR_SWATCHES = [
@@ -107,7 +107,7 @@ var GLYPH_COMPONENTS = {
   plus: lu.LuPlus,
   triangle: lu.LuTriangle
 };
-var SHAPE_PRESETS = chunkTDUDH7S4_js.SHAPE_PRESET_DEFS.map(
+var SHAPE_PRESETS = chunkDD2YRS6Z_js.SHAPE_PRESET_DEFS.map(
   (def) => ({
     type: def.type,
     label: def.label,
@@ -266,7 +266,7 @@ function isConnectorOrLineElement(element) {
   if (element.type === "connector") {
     return true;
   }
-  if (!chunkTDUDH7S4_js.hasShapeProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasShapeProperties(element)) {
     return false;
   }
   const st = getShapeType(element.shapeType);
@@ -277,12 +277,12 @@ function isConnectorOrLineElement(element) {
 function partitionTemplateElements(slides) {
   const templateElementsBySlideId = {};
   const nextSlides = slides.map((slide) => {
-    const template = slide.elements.filter((el) => chunkTDUDH7S4_js.isTemplateElement(el));
+    const template = slide.elements.filter((el) => chunkDD2YRS6Z_js.isTemplateElement(el));
     if (template.length === 0) {
       return slide;
     }
     templateElementsBySlideId[slide.id] = template;
-    return { ...slide, elements: slide.elements.filter((el) => !chunkTDUDH7S4_js.isTemplateElement(el)) };
+    return { ...slide, elements: slide.elements.filter((el) => !chunkDD2YRS6Z_js.isTemplateElement(el)) };
   });
   return { slides: nextSlides, templateElementsBySlideId };
 }
@@ -298,7 +298,7 @@ function buildSaveSlides(slides, templateElementsBySlideId) {
 
 // src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
-  if (!chunkTDUDH7S4_js.hasShapeProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasShapeProperties(element)) {
     return void 0;
   }
   const shapeType = element.shapeType;
@@ -307,7 +307,7 @@ function getImageMaskStyle(element) {
   }
   const normalized = shapeType.toLowerCase();
   if (normalized === "roundrect" || normalized === "round1rect" || normalized === "round2samerect" || normalized === "round2diagrect" || normalized === "sniproundrect" || normalized === "snip1rect" || normalized === "snip2diagrect") {
-    const radiusPx = chunkTDUDH7S4_js.getRoundRectRadiusPx(element);
+    const radiusPx = chunkDD2YRS6Z_js.getRoundRectRadiusPx(element);
     if (radiusPx <= 0.01) {
       return void 0;
     }
@@ -319,7 +319,7 @@ function getImageMaskStyle(element) {
   if (normalized === "can" || normalized === "cylinder") {
     return { borderRadius: "48% / 12%" };
   }
-  const clipPath = chunkTDUDH7S4_js.getResolvedShapeClipPath(element);
+  const clipPath = chunkDD2YRS6Z_js.getResolvedShapeClipPath(element);
   if (!clipPath) {
     return void 0;
   }
@@ -328,7 +328,7 @@ function getImageMaskStyle(element) {
 function getImageRenderStyle(element) {
   return {
     ...getImageMaskStyle(element) || {},
-    ...chunkTDUDH7S4_js.getImageFitStyle(element)
+    ...chunkDD2YRS6Z_js.getImageFitStyle(element)
   };
 }
 var CROP_SHAPE_CLIP_PATHS = {
@@ -341,7 +341,7 @@ var CROP_SHAPE_CLIP_PATHS = {
   star: "polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"
 };
 function getCropShapeClipPath(element) {
-  if (!chunkTDUDH7S4_js.isImageLikeElement(element)) {
+  if (!chunkDD2YRS6Z_js.isImageLikeElement(element)) {
     return void 0;
   }
   const shape = element.cropShape;
@@ -351,7 +351,7 @@ function getCropShapeClipPath(element) {
   return CROP_SHAPE_CLIP_PATHS[shape];
 }
 function isImageTiled(element) {
-  if (!chunkTDUDH7S4_js.isImageLikeElement(element)) {
+  if (!chunkDD2YRS6Z_js.isImageLikeElement(element)) {
     return false;
   }
   return typeof element.tileScaleX === "number" || typeof element.tileScaleY === "number";
@@ -409,7 +409,7 @@ function buildMirrorTiledBackground(src, flip, scaleX, scaleY) {
   };
 }
 function getImageTilingStyle(element) {
-  if (!chunkTDUDH7S4_js.isImageLikeElement(element) || !isImageTiled(element)) {
+  if (!chunkDD2YRS6Z_js.isImageLikeElement(element) || !isImageTiled(element)) {
     return void 0;
   }
   const scaleX = typeof element.tileScaleX === "number" ? element.tileScaleX * 100 : 100;
@@ -469,37 +469,6 @@ function ensureArrayValue(value) {
 }
 
 // src/viewer/utils/media-persistent-audio.tsx
-var persistentAudioMap = /* @__PURE__ */ new Map();
-function registerPersistentAudio(elementId, dataUrl, mimetype, loop, volume, trimStartSec) {
-  if (persistentAudioMap.has(elementId)) {
-    return;
-  }
-  const audio = document.createElement("audio");
-  audio.src = dataUrl;
-  if (mimetype) {
-    const source = document.createElement("source");
-    source.src = dataUrl;
-    source.type = mimetype;
-    audio.appendChild(source);
-  }
-  audio.loop = loop;
-  audio.volume = Math.max(0, Math.min(1, volume));
-  if (trimStartSec > 0) {
-    audio.currentTime = trimStartSec;
-  }
-  audio.style.display = "none";
-  document.body.appendChild(audio);
-  persistentAudioMap.set(elementId, { elementId, audio, loop });
-  void audio.play().catch(() => {
-  });
-}
-function stopAllPersistentAudio() {
-  for (const entry of persistentAudioMap.values()) {
-    entry.audio.pause();
-    entry.audio.remove();
-  }
-  persistentAudioMap.clear();
-}
 function buildTrimFragment(element) {
   const start = element.trimStartMs;
   const end = element.trimEndMs;
@@ -690,15 +659,16 @@ function registerMediaElement(elementId, el) {
   };
 }
 function executeMediaCommand(command, frameRoot) {
-  return chunkTDUDH7S4_js.runMediaCommand(
+  return chunkDD2YRS6Z_js.runMediaCommand(
     command,
-    (targetId) => registry.get(targetId) ?? chunkTDUDH7S4_js.findMediaElementByElementId(targetId, frameRoot?.())
+    (targetId) => registry.get(targetId) ?? chunkDD2YRS6Z_js.findMediaElementByElementId(targetId, frameRoot?.())
   );
 }
 function PresentationMediaController({
   element,
   isPresentationMode,
   shouldAutoPlay,
+  resolvedDataUrl,
   isFullScreen,
   onPlayStateChange,
   children
@@ -731,7 +701,11 @@ function PresentationMediaController({
     }
     return registerMediaElement(element.id, el);
   }, [element.id]);
-  const { volume: playbackVolume, playbackRate } = chunkTDUDH7S4_js.mediaPlaybackAttributes({
+  const {
+    loop: shouldLoop,
+    volume: playbackVolume,
+    playbackRate
+  } = chunkDD2YRS6Z_js.mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
@@ -865,18 +839,18 @@ function PresentationMediaController({
       return;
     }
     if (element.playAcrossSlides && element.mediaType === "audio") {
-      const dataUrl = element.mediaData ?? (element.mediaPath ? void 0 : void 0);
+      const dataUrl = element.mediaData ?? resolvedDataUrl;
       if (dataUrl) {
-        registerPersistentAudio(
+        chunkDD2YRS6Z_js.registerPersistentAudio(
           element.id,
           dataUrl,
           element.mediaMimeType,
-          element.loop === true,
-          volume,
+          shouldLoop,
+          playbackVolume,
           trimStartSec
         );
+        return;
       }
-      return;
     }
     const el = mediaRef.current;
     if (!el) {
@@ -896,12 +870,12 @@ function PresentationMediaController({
     element.playAcrossSlides,
     element.mediaType,
     element.mediaData,
-    element.mediaPath,
     element.mediaMimeType,
-    element.loop,
     element.id,
-    trimStartSec,
-    volume
+    resolvedDataUrl,
+    shouldLoop,
+    playbackVolume,
+    trimStartSec
   ]);
   const wrapperStyle = hideWhenNotPlaying ? {
     opacity: isMediaPlaying ? 1 : 0,
@@ -938,22 +912,11 @@ function renderMediaElement(element, mediaDataUrls, options) {
   const dataUrl = element.mediaData ?? (mediaPath ? mediaDataUrls.get(mediaPath) : void 0);
   const trimFragment = buildTrimFragment(element);
   const posterUrl = element.posterFrameData ?? void 0;
-  const shouldLoop = chunkTDUDH7S4_js.mediaPlaybackAttributes(element).loop;
+  const shouldLoop = chunkDD2YRS6Z_js.mediaPlaybackAttributes(element).loop;
   const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
   const isFullScreen = options?.fullScreen === true;
   const isPresentationMode = options?.isPresentationMode === true;
   const showTransport = options?.showTransport ?? !isPresentationMode;
-  if (isPresentationMode && shouldAutoPlay && element.playAcrossSlides && element.mediaType === "audio" && dataUrl && !element.mediaData) {
-    const trimStartSec = element.trimStartMs !== void 0 ? element.trimStartMs / 1e3 : 0;
-    registerPersistentAudio(
-      element.id,
-      dataUrl,
-      mediaMimeType,
-      shouldLoop,
-      element.volume ?? 1,
-      trimStartSec
-    );
-  }
   if (element.mediaMissing) {
     if (posterUrl) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full relative pointer-events-none", children: [
@@ -996,6 +959,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           element,
           isPresentationMode,
           shouldAutoPlay,
+          resolvedDataUrl: dataUrl,
           isFullScreen,
           onPlayStateChange: options?.onPlayStateChange,
           children: ({ mediaRef, onPlay }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1068,6 +1032,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           element,
           isPresentationMode,
           shouldAutoPlay,
+          resolvedDataUrl: dataUrl,
           isFullScreen: false,
           onPlayStateChange: options?.onPlayStateChange,
           children: ({ mediaRef, onPlay }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1113,7 +1078,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  return chunkTDUDH7S4_js.buildTextBlockStyle(element, { fallbackColor });
+  return chunkDD2YRS6Z_js.buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
@@ -1138,13 +1103,13 @@ function computeTabSize(tabStops, defaultTabSize) {
   return avgGap > 0 ? `${Math.round(avgGap)}px` : fromDefault;
 }
 function getTextLayoutStyle(element) {
-  if (!chunkTDUDH7S4_js.hasTextProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasTextProperties(element)) {
     return {};
   }
   const verticalAlign = element.textStyle?.vAlign || "top";
-  const writingMode = chunkTDUDH7S4_js.toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = chunkTDUDH7S4_js.toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = chunkTDUDH7S4_js.toCssVerticalDirection(element.textStyle?.textDirection);
+  const writingMode = chunkDD2YRS6Z_js.toCssWritingMode(element.textStyle?.textDirection);
+  const textOrientation = chunkDD2YRS6Z_js.toCssTextOrientation(element.textStyle?.textDirection);
+  const verticalDirection = chunkDD2YRS6Z_js.toCssVerticalDirection(element.textStyle?.textDirection);
   const parsedColumnCount = Number(element.textStyle?.columnCount);
   const columnCount = Number.isFinite(parsedColumnCount) ? Math.max(1, Math.min(16, Math.round(parsedColumnCount))) : 1;
   const hasColumns = columnCount > 1;
@@ -1152,7 +1117,7 @@ function getTextLayoutStyle(element) {
   const tabStops = element.textStyle?.tabStops;
   const tabSize = computeTabSize(tabStops, element.textStyle?.defaultTabSize);
   const textWrapNone = element.textStyle?.textWrap === "none";
-  const hasParagraphIndents = chunkTDUDH7S4_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const hasParagraphIndents = chunkDD2YRS6Z_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
   const paragraphMarginLeft = element.textStyle?.paragraphMarginLeft;
   const paragraphIndent = element.textStyle?.paragraphIndent;
   const marginLeft = !hasParagraphIndents && typeof paragraphMarginLeft === "number" && paragraphMarginLeft !== 0 ? paragraphMarginLeft : void 0;
@@ -1161,7 +1126,7 @@ function getTextLayoutStyle(element) {
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
   const parsedColumnSpacing = Number(element.textStyle?.columnSpacing);
   const columnGap = Number.isFinite(parsedColumnSpacing) && parsedColumnSpacing > 0 ? `${parsedColumnSpacing}px` : "0.75em";
-  const kinsokuStyles = chunkTDUDH7S4_js.getKinsokuLineBreakStyles(element.textStyle);
+  const kinsokuStyles = chunkDD2YRS6Z_js.getKinsokuLineBreakStyles(element.textStyle);
   if (hasColumns) {
     return {
       display: "block",
@@ -1208,10 +1173,10 @@ function getTextLayoutStyle(element) {
 
 // src/viewer/utils/text-effects.tsx
 function buildTextFillCss2(style) {
-  return chunkTDUDH7S4_js.buildTextFillCss(style);
+  return chunkDD2YRS6Z_js.buildTextFillCss(style);
 }
 function buildTextBody3DSceneStyle2(textStyle) {
-  return chunkTDUDH7S4_js.buildTextBody3DSceneStyle(textStyle);
+  return chunkDD2YRS6Z_js.buildTextBody3DSceneStyle(textStyle);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1396,13 +1361,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
-  const paraKey = `${elementId}${chunkTDUDH7S4_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
+  const paraKey = `${elementId}${chunkDD2YRS6Z_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
   const paraState = subElementAnimStates.get(paraKey);
   if (paraState) {
     const style = buildAnimStyle(paraState);
     return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-anim-id": paraKey, style: { display: "inline", ...style }, children: renderedSegments }, paraKey);
   }
-  const spec = chunkTDUDH7S4_js.buildTextBuildSpec(
+  const spec = chunkDD2YRS6Z_js.buildTextBuildSpec(
     elementId,
     paraIndex,
     paraSegments.map((entry) => ({ text: entry.segment.text, style: entry })),
@@ -1420,7 +1385,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
       "span",
       {
         "data-anim-id": span.animId,
-        style: chunkTDUDH7S4_js.textBuildSpanStyle(span),
+        style: chunkDD2YRS6Z_js.textBuildSpanStyle(span),
         children: content
       },
       span.animId
@@ -1564,10 +1529,10 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
   if (!needsScriptFonts || !text) {
     return text;
   }
-  const runs = chunkTDUDH7S4_js.segmentByScript(text);
+  const runs = chunkDD2YRS6Z_js.segmentByScript(text);
   if (runs.length <= 1) {
     if (runs.length === 1) {
-      const font = chunkTDUDH7S4_js.resolveFontForScript(runs[0].script, scriptFonts);
+      const font = chunkDD2YRS6Z_js.resolveFontForScript(runs[0].script, scriptFonts);
       if (font && font !== baseFontFamily) {
         return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: font }, children: text });
       }
@@ -1575,7 +1540,7 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
     return text;
   }
   return runs.map((run, i) => {
-    const font = chunkTDUDH7S4_js.resolveFontForScript(run.script, scriptFonts);
+    const font = chunkDD2YRS6Z_js.resolveFontForScript(run.script, scriptFonts);
     if (!font || font === baseFontFamily) {
       return /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: run.text }, `${keyPrefix}-r${i}`);
     }
@@ -1647,8 +1612,8 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
   );
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
-  const mathml = chunkTDUDH7S4_js.convertOmmlToMathMl(equationXml);
-  const safeMathml = mathml ? chunkTDUDH7S4_js.sanitizeMathMl(mathml) : "";
+  const mathml = chunkDD2YRS6Z_js.convertOmmlToMathMl(equationXml);
+  const safeMathml = mathml ? chunkDD2YRS6Z_js.sanitizeMathMl(mathml) : "";
   const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1698,7 +1663,7 @@ function renderEquationSegment(elementId, segmentIndex, equationXml, equationNum
   return /* @__PURE__ */ jsxRuntime.jsx("span", { children: equationContent }, `${elementId}-seg-${segmentIndex}`);
 }
 function renderPictureBullet(elementId, segmentIndex, bulletInfo, baseFontSize) {
-  const picture = chunkTDUDH7S4_js.resolvePictureBullet(bulletInfo, baseFontSize) ?? {
+  const picture = chunkDD2YRS6Z_js.resolvePictureBullet(bulletInfo, baseFontSize) ?? {
     sizePx: baseFontSize,
     fallbackMarker: "\u2022",
     accessibleLabel: "Bullet"
@@ -1749,7 +1714,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   }
   const segmentStyle = segment.style || {};
   const rawText = bulletInfo && typeof bulletHangPx === "number" ? (segment.text || "").trimEnd() : segment.text || "";
-  const textValue = chunkTDUDH7S4_js.substituteFieldText(rawText, segment.fieldType, fieldContext);
+  const textValue = chunkDD2YRS6Z_js.substituteFieldText(rawText, segment.fieldType, fieldContext);
   const lines = textValue.split("\n");
   const textDecorationTokens = [];
   if (segmentStyle.underline || segmentStyle.hyperlink) {
@@ -1759,31 +1724,44 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
     textDecorationTokens.push("line-through");
   }
   const isDoubleStrike = segmentStyle.strikethrough && segmentStyle.strikeType === "dblStrike";
-  const resolvedSegmentColor = segmentStyle.hyperlink ? chunkTDUDH7S4_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, HYPERLINK_COLOR) : chunkTDUDH7S4_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, fallbackColor);
-  const underlineDecoration = chunkTDUDH7S4_js.resolveUnderlineDecorationStyle(
+  const resolvedSegmentColor = segmentStyle.hyperlink ? chunkDD2YRS6Z_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, HYPERLINK_COLOR) : chunkDD2YRS6Z_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, fallbackColor);
+  const underlineDecoration = chunkDD2YRS6Z_js.resolveUnderlineDecorationStyle(
     Boolean(isDoubleStrike),
     segmentStyle.underlineStyle
   );
   const rawBaseline = typeof segmentStyle.baseline === "number" ? segmentStyle.baseline : 0;
   const baselineFraction = rawBaseline === 0 ? 0 : Math.abs(rawBaseline) >= 1e3 ? rawBaseline / 1e5 : rawBaseline / 100;
   const baselineFontScale = baselineFraction !== 0 ? 0.65 : 1;
-  const letterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? `${segmentStyle.characterSpacing / 100 * (96 / 72)}px` : void 0;
+  const letterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? `calc(${segmentStyle.characterSpacing / 100 * (96 / 72)}px + ${chunkDD2YRS6Z_js.POWERPOINT_METRIC_TRACKING})` : chunkDD2YRS6Z_js.POWERPOINT_METRIC_TRACKING;
   const textFillStyles = buildTextFillCss2(segmentStyle);
   const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
-  const autoFitScale = chunkTDUDH7S4_js.resolveAutoFitFontScale(element.textStyle);
+  const autoFitScale = chunkDD2YRS6Z_js.resolveAutoFitFontScale(element.textStyle);
   const baseFontSize = rawFontSize * autoFitScale;
   const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
   const baseFontSizePt = baseFontSize * (72 / 96);
   const fontKerning = typeof segmentStyle.kerning === "number" ? segmentStyle.kerning === 0 ? "none" : baseFontSizePt >= segmentStyle.kerning / 100 ? "normal" : "none" : void 0;
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = rawFontFamily ? chunkTDUDH7S4_js.getSubstituteFontFamily(rawFontFamily) : DEFAULT_FONT_FAMILY;
+  const baseFontFamily = rawFontFamily ? chunkDD2YRS6Z_js.getSubstituteFontFamily(
+    rawFontFamily,
+    chunkDD2YRS6Z_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+  ) : DEFAULT_FONT_FAMILY;
+  const scriptFont = (name, panose) => name ? chunkDD2YRS6Z_js.getSubstituteFontFamily(name, chunkDD2YRS6Z_js.parsePanoseString(panose)) : baseFontFamily;
   const scriptFonts = {
     latin: baseFontFamily,
-    eastAsia: segmentStyle.eastAsiaFont || element.textStyle?.eastAsiaFont || baseFontFamily,
-    complexScript: segmentStyle.complexScriptFont || element.textStyle?.complexScriptFont || baseFontFamily,
-    symbol: segmentStyle.symbolFont || element.textStyle?.symbolFont || baseFontFamily
+    eastAsia: scriptFont(
+      segmentStyle.eastAsiaFont || element.textStyle?.eastAsiaFont,
+      segmentStyle.eastAsiaFontPanose ?? element.textStyle?.eastAsiaFontPanose
+    ),
+    complexScript: scriptFont(
+      segmentStyle.complexScriptFont || element.textStyle?.complexScriptFont,
+      segmentStyle.complexScriptFontPanose ?? element.textStyle?.complexScriptFontPanose
+    ),
+    symbol: scriptFont(
+      segmentStyle.symbolFont || element.textStyle?.symbolFont,
+      segmentStyle.symbolFontPanose ?? element.textStyle?.symbolFontPanose
+    )
   };
-  const needsScriptFonts = chunkTDUDH7S4_js.hasDistinctScriptFonts(scriptFonts);
+  const needsScriptFonts = chunkDD2YRS6Z_js.hasDistinctScriptFonts(scriptFonts);
   const spanStyle = {
     color: resolvedSegmentColor,
     fontSize: baseFontSize * baselineFontScale,
@@ -1801,15 +1779,15 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
     fontVariantCaps: segmentStyle.textCaps === "small" ? "small-caps" : void 0,
     letterSpacing,
     fontKerning,
-    backgroundColor: textFillStyles ? void 0 : segmentStyle.highlightColor ? chunkTDUDH7S4_js.normalizeHexColor(segmentStyle.highlightColor, "transparent") : void 0,
+    backgroundColor: textFillStyles ? void 0 : segmentStyle.highlightColor ? chunkDD2YRS6Z_js.normalizeHexColor(segmentStyle.highlightColor, "transparent") : void 0,
     ...textFillStyles,
-    textDecorationColor: segmentStyle.underlineColor ? chunkTDUDH7S4_js.normalizeHexColor(segmentStyle.underlineColor, void 0) : void 0,
-    WebkitTextStroke: segmentStyle.textOutlineWidth && segmentStyle.textOutlineColor ? `${segmentStyle.textOutlineWidth}px ${chunkTDUDH7S4_js.normalizeHexColor(segmentStyle.textOutlineColor, "#000000")}` : segmentStyle.textOutlineWidth ? `${segmentStyle.textOutlineWidth}px currentColor` : void 0,
+    textDecorationColor: segmentStyle.underlineColor ? chunkDD2YRS6Z_js.normalizeHexColor(segmentStyle.underlineColor, void 0) : void 0,
+    WebkitTextStroke: segmentStyle.textOutlineWidth && segmentStyle.textOutlineColor ? `${segmentStyle.textOutlineWidth}px ${chunkDD2YRS6Z_js.normalizeHexColor(segmentStyle.textOutlineColor, "#000000")}` : segmentStyle.textOutlineWidth ? `${segmentStyle.textOutlineWidth}px currentColor` : void 0,
     paintOrder: segmentStyle.textOutlineWidth ? "stroke fill" : void 0,
-    textShadow: chunkTDUDH7S4_js.buildTextShadowCss(segmentStyle),
-    filter: chunkTDUDH7S4_js.buildTextRunFilterChain(segmentStyle),
-    opacity: chunkTDUDH7S4_js.getTextAlphaOpacity(segmentStyle),
-    WebkitBoxReflect: chunkTDUDH7S4_js.buildTextReflectionCss(segmentStyle)
+    textShadow: chunkDD2YRS6Z_js.buildTextShadowCss(segmentStyle),
+    filter: chunkDD2YRS6Z_js.buildTextRunFilterChain(segmentStyle),
+    opacity: chunkDD2YRS6Z_js.getTextAlphaOpacity(segmentStyle),
+    WebkitBoxReflect: chunkDD2YRS6Z_js.buildTextReflectionCss(segmentStyle)
   };
   const runRtl = segmentStyle.rtl;
   if (runRtl !== void 0 && runRtl !== paragraphRtl) {
@@ -1829,7 +1807,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
       spanStyle.fontSize = baseFontSize * (bulletInfo.sizePercent / 100) * baselineFontScale;
     }
     if (bulletInfo.color) {
-      spanStyle.color = chunkTDUDH7S4_js.normalizeHexColor(bulletInfo.color, resolvedSegmentColor);
+      spanStyle.color = chunkDD2YRS6Z_js.normalizeHexColor(bulletInfo.color, resolvedSegmentColor);
     }
     if (typeof bulletHangPx === "number" && bulletHangPx > 0) {
       spanStyle.display = "inline-block";
@@ -1874,7 +1852,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
       textAlign: segment.rubyAlignment === "l" ? "left" : segment.rubyAlignment === "r" ? "right" : segment.rubyAlignment === "dist" || segment.rubyAlignment === "distCat" || segment.rubyAlignment === "distLetter" ? "justify" : "center"
     };
     if (segment.rubyStyle?.color) {
-      rubyStyle.color = chunkTDUDH7S4_js.normalizeHexColor(segment.rubyStyle.color, resolvedSegmentColor);
+      rubyStyle.color = chunkDD2YRS6Z_js.normalizeHexColor(segment.rubyStyle.color, resolvedSegmentColor);
     }
     innerContent = /* @__PURE__ */ jsxRuntime.jsxs("ruby", { children: [
       baseContent,
@@ -1947,7 +1925,7 @@ function resolveParagraphSpacing(input) {
   if (typeof exactPt === "number" && exactPt > 0) {
     result.lineHeight = `${exactPt * PT_TO_PX}px`;
   } else if (typeof multiplier === "number" && multiplier > 0) {
-    result.lineHeight = multiplier;
+    result.lineHeight = chunkDD2YRS6Z_js.proportionalLineHeight(multiplier);
   }
   return result;
 }
@@ -1969,7 +1947,7 @@ function groupSegmentsIntoParagraphs(segments) {
   return paragraphs;
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick) {
-  if (!chunkTDUDH7S4_js.hasTextProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const effectiveSegments = segmentOverrides ?? element.textSegments;
@@ -1990,10 +1968,10 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     return element.text || emptyFallback || "";
   }
   const paragraphs = groupSegmentsIntoParagraphs(effectiveSegments);
-  const paragraphIndents = chunkTDUDH7S4_js.hasTextProperties(element) ? element.paragraphIndents : void 0;
-  const elementRtl = chunkTDUDH7S4_js.hasTextProperties(element) ? element.textStyle?.rtl : void 0;
-  const elementAlign = chunkTDUDH7S4_js.hasTextProperties(element) ? element.textStyle?.align : void 0;
-  const bodyStyle = chunkTDUDH7S4_js.hasTextProperties(element) ? element.textStyle : void 0;
+  const paragraphIndents = chunkDD2YRS6Z_js.hasTextProperties(element) ? element.paragraphIndents : void 0;
+  const elementRtl = chunkDD2YRS6Z_js.hasTextProperties(element) ? element.textStyle?.rtl : void 0;
+  const elementAlign = chunkDD2YRS6Z_js.hasTextProperties(element) ? element.textStyle?.align : void 0;
+  const bodyStyle = chunkDD2YRS6Z_js.hasTextProperties(element) ? element.textStyle : void 0;
   const spaceFirstLast = bodyStyle?.spaceFirstLastParagraph !== false;
   return paragraphs.map(({ entries: paraSegments, terminator }, paraIndex) => {
     const paraIndent = paragraphIndents?.[paraIndex];
@@ -2008,14 +1986,14 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
       return Boolean(segment.text) && segment.text.trim().length > 0;
     });
     const hasBullet = bulletInfo && !bulletInfo.none && hasVisibleTextContent;
-    const paraRtl = chunkTDUDH7S4_js.resolveParagraphRtl(paraSegments, elementRtl);
+    const paraRtl = chunkDD2YRS6Z_js.resolveParagraphRtl(paraSegments, elementRtl);
     const isRtlParagraph = paraRtl === true;
-    const paraAlign = chunkTDUDH7S4_js.resolveParagraphAlign(paraSegments, elementAlign);
-    const cssTextAlign = chunkTDUDH7S4_js.resolveCssTextAlign(paraAlign, isRtlParagraph);
+    const paraAlign = chunkDD2YRS6Z_js.resolveParagraphAlign(paraSegments, elementAlign);
+    const cssTextAlign = chunkDD2YRS6Z_js.resolveCssTextAlign(paraAlign, isRtlParagraph);
     const paraMarginLeft = isRtlParagraph ? void 0 : rawMarginLeft;
     const paraMarginRight = isRtlParagraph ? rawMarginLeft : void 0;
     const paraTextIndent = rawTextIndent;
-    const paraKinsokuStyle = chunkTDUDH7S4_js.getKinsokuLineBreakStyles(firstSeg?.segment.style);
+    const paraKinsokuStyle = chunkDD2YRS6Z_js.getKinsokuLineBreakStyles(firstSeg?.segment.style);
     const hasParaKinsoku = Object.keys(paraKinsokuStyle).length > 0;
     const paraProps = effectiveSegments[firstSeg?.globalIndex ?? -1]?.paragraphProperties ?? (paraSegments.length === 0 ? terminator?.paragraphProperties : void 0);
     const spacing = resolveParagraphSpacing({
@@ -2025,7 +2003,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
       isLast: paraIndex === paragraphs.length - 1,
       spaceFirstLast
     });
-    const strutFontSize = chunkTDUDH7S4_js.resolveParagraphStrutFontSize(
+    const strutFontSize = chunkDD2YRS6Z_js.resolveParagraphStrutFontSize(
       paraSegments.length > 0 ? paraSegments.map(({ segment }) => segment) : terminator ? [terminator] : [],
       bodyStyle?.fontSize
     );
@@ -2129,13 +2107,13 @@ function hexToRgbUnit(hex) {
   };
 }
 function getDuotoneColors(element) {
-  if (!chunkTDUDH7S4_js.isImageLikeElement(element)) {
+  if (!chunkDD2YRS6Z_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!chunkTDUDH7S4_js.hasShapeProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -2146,13 +2124,13 @@ function buildLineShadowCss(element) {
   const offsetY = typeof ss.lineShadowOffsetY === "number" ? ss.lineShadowOffsetY : 2;
   const blur = typeof ss.lineShadowBlur === "number" ? Math.max(0, ss.lineShadowBlur) : 4;
   const opacity = typeof ss.lineShadowOpacity === "number" ? Math.max(0, Math.min(1, ss.lineShadowOpacity)) : 0.35;
-  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkTDUDH7S4_js.colorWithOpacity(
-    chunkTDUDH7S4_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
+  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkDD2YRS6Z_js.colorWithOpacity(
+    chunkDD2YRS6Z_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
     opacity
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!chunkTDUDH7S4_js.hasShapeProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -2161,7 +2139,7 @@ function buildLineGlowFilter(element) {
   }
   const glowOpacity = typeof ss.lineGlowOpacity === "number" ? ss.lineGlowOpacity : 0.75;
   const glowRad = Math.round(Math.max(0, ss.lineGlowRadius));
-  const glowCol = chunkTDUDH7S4_js.colorWithOpacity(chunkTDUDH7S4_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
+  const glowCol = chunkDD2YRS6Z_js.colorWithOpacity(chunkDD2YRS6Z_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
   return `drop-shadow(0 0 ${glowRad}px ${glowCol})`;
 }
 function mapDagBlendModeToCss(blend) {
@@ -2185,7 +2163,7 @@ function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
 function hasDagDuotoneEffect(element) {
-  if (!chunkTDUDH7S4_js.hasShapeProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasShapeProperties(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
@@ -2248,7 +2226,7 @@ function getRoundRectRadiusPx2(element) {
 
 // src/viewer/utils/shape-visual-3d.ts
 function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return chunkTDUDH7S4_js.build3DExtrusionData(
+  return chunkDD2YRS6Z_js.build3DExtrusionData(
     shape3d,
     scene3d,
     fillColor,
@@ -2257,7 +2235,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
   );
 }
 function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
-  chunkTDUDH7S4_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
+  chunkDD2YRS6Z_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
 }
 
 // src/viewer/utils/vector-subpath-paint.ts
@@ -2266,7 +2244,7 @@ function toHexByte(value) {
   return clamped.toString(16).padStart(2, "0");
 }
 function shiftHex(hex, factor, towardsWhite) {
-  const channels = chunkTDUDH7S4_js.hexToRgbChannels(hex);
+  const channels = chunkDD2YRS6Z_js.hexToRgbChannels(hex);
   if (!channels) {
     return hex;
   }
@@ -2292,13 +2270,13 @@ function buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity) {
     const fillOff = subpath.fillMode === "none" || !hasFill;
     return {
       d: subpath.d,
-      fill: fillOff ? "none" : chunkTDUDH7S4_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
+      fill: fillOff ? "none" : chunkDD2YRS6Z_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
       stroked: subpath.stroke !== false
     };
   });
 }
 function getStrokeOnlyPresetPaths(element) {
-  if (element.type !== "shape" || !chunkTDUDH7S4_js.hasShapeProperties(element)) {
+  if (element.type !== "shape" || !chunkDD2YRS6Z_js.hasShapeProperties(element)) {
     return void 0;
   }
   const shapeType = element.shapeType;
@@ -2308,7 +2286,7 @@ function getStrokeOnlyPresetPaths(element) {
   if (element.pathData) {
     return void 0;
   }
-  const result = chunkTDUDH7S4_js.evaluatePresetShape(
+  const result = chunkDD2YRS6Z_js.evaluatePresetShape(
     shapeType,
     Math.max(element.width, 1),
     Math.max(element.height, 1),
@@ -2326,43 +2304,43 @@ function getGradientTilingCss(style) {
   if (!style || style.fillMode !== "gradient") {
     return void 0;
   }
-  const isStructuredLinear = (style.fillGradientType || "linear") === "linear" && chunkTDUDH7S4_js.sanitizeGradientStops(style.fillGradientStops).length > 0;
+  const isStructuredLinear = (style.fillGradientType || "linear") === "linear" && chunkDD2YRS6Z_js.sanitizeGradientStops(style.fillGradientStops).length > 0;
   if (isStructuredLinear) {
-    const flip = chunkTDUDH7S4_js.getGradientTileFlipCss(style.fillGradientFlip);
+    const flip = chunkDD2YRS6Z_js.getGradientTileFlipCss(style.fillGradientFlip);
     if (flip) {
       return flip;
     }
   }
-  return chunkTDUDH7S4_js.getGradientTileRectCss(style.fillGradientTileRect);
+  return chunkDD2YRS6Z_js.getGradientTileRectCss(style.fillGradientTileRect);
 }
 function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunkTDUDH7S4_js.hasShapeProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasShapeProperties(element)) {
     return {};
   }
   const normalizedShapeType = getShapeType(element.shapeType);
-  const clipPath = chunkTDUDH7S4_js.getResolvedShapeClipPath(element);
+  const clipPath = chunkDD2YRS6Z_js.getResolvedShapeClipPath(element);
   const rendersCustomVectorPath = (element.type === "shape" || element.type === "image" || element.type === "picture") && Boolean(element.pathData) && typeof element.pathWidth === "number" && element.pathWidth > 0 && typeof element.pathHeight === "number" && element.pathHeight > 0;
   const rendersStrokeOnlyPreset = Boolean(getStrokeOnlyPresetPaths(element));
   const fillOpacity = element.shapeStyle?.fillOpacity;
   const strokeOpacity = element.shapeStyle?.strokeOpacity;
-  const strokeDash = chunkTDUDH7S4_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const fillGradient = chunkTDUDH7S4_js.buildCssGradientFromShapeStyle(element.shapeStyle, {
+  const strokeDash = chunkDD2YRS6Z_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const fillGradient = chunkDD2YRS6Z_js.buildCssGradientFromShapeStyle(element.shapeStyle, {
     rotation: element.rotation,
     width: element.width,
     height: element.height
   }) || element.shapeStyle?.fillGradient;
-  const shadowCss = chunkTDUDH7S4_js.buildShadowCssFromShapeStyle(element.shapeStyle);
-  const innerShadowCss = chunkTDUDH7S4_js.buildInnerShadowCssFromShapeStyle(element.shapeStyle);
-  const resolvedFillColor = chunkTDUDH7S4_js.colorWithOpacity(fillColor, fillOpacity);
-  const resolvedStrokeColor = chunkTDUDH7S4_js.colorWithOpacity(strokeColor, strokeOpacity);
+  const shadowCss = chunkDD2YRS6Z_js.buildShadowCssFromShapeStyle(element.shapeStyle);
+  const innerShadowCss = chunkDD2YRS6Z_js.buildInnerShadowCssFromShapeStyle(element.shapeStyle);
+  const resolvedFillColor = chunkDD2YRS6Z_js.colorWithOpacity(fillColor, fillOpacity);
+  const resolvedStrokeColor = chunkDD2YRS6Z_js.colorWithOpacity(strokeColor, strokeOpacity);
   const ss = element.shapeStyle;
   const gradientTiling = getGradientTilingCss(ss);
-  const paintsGradientOutline = chunkTDUDH7S4_js.suppressesCssBorder(element);
+  const paintsGradientOutline = chunkDD2YRS6Z_js.suppressesCssBorder(element);
   const hasFillOverlayColor = Boolean(
     ss?.dagFillOverlayColor && ss.dagFillOverlayColor !== "transparent"
   );
   const combinedShadowParts = [];
-  const multiLayerShadow = chunkTDUDH7S4_js.buildMultiLayerShadowCss(element.shapeStyle);
+  const multiLayerShadow = chunkDD2YRS6Z_js.buildMultiLayerShadowCss(element.shapeStyle);
   if (multiLayerShadow) {
     combinedShadowParts.push(multiLayerShadow);
   } else if (shadowCss) {
@@ -2371,7 +2349,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (innerShadowCss) {
     combinedShadowParts.push(innerShadowCss);
   }
-  const glowBoxShadow = chunkTDUDH7S4_js.buildGlowBoxShadow(ss?.glowColor, ss?.glowRadius, ss?.glowOpacity);
+  const glowBoxShadow = chunkDD2YRS6Z_js.buildGlowBoxShadow(ss?.glowColor, ss?.glowRadius, ss?.glowOpacity);
   if (glowBoxShadow) {
     combinedShadowParts.push(glowBoxShadow);
   }
@@ -2379,7 +2357,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (lineShadow) {
     combinedShadowParts.push(lineShadow);
   }
-  const compoundLineShadow = chunkTDUDH7S4_js.getCompoundLineBoxShadow(
+  const compoundLineShadow = chunkDD2YRS6Z_js.getCompoundLineBoxShadow(
     element.shapeStyle?.compoundLine,
     strokeWidth,
     resolvedStrokeColor
@@ -2392,11 +2370,11 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (ss?.glowColor && ss.glowColor !== "transparent" && ss.glowRadius) {
     const glowOpacity = typeof ss.glowOpacity === "number" ? ss.glowOpacity : 0.75;
     const glowRad = Math.round(Math.max(0, ss.glowRadius));
-    const glowCol = chunkTDUDH7S4_js.colorWithOpacity(chunkTDUDH7S4_js.normalizeHexColor(ss.glowColor, "#ffff00"), glowOpacity);
+    const glowCol = chunkDD2YRS6Z_js.colorWithOpacity(chunkDD2YRS6Z_js.normalizeHexColor(ss.glowColor, "#ffff00"), glowOpacity);
     filterParts.push(`drop-shadow(0 0 ${glowRad}px ${glowCol})`);
   }
   if (typeof ss?.softEdgeRadius === "number" && ss.softEdgeRadius > 0) {
-    filterParts.push(`url(#${chunkTDUDH7S4_js.getSoftEdgeFilterId(element.id)})`);
+    filterParts.push(`url(#${chunkDD2YRS6Z_js.getSoftEdgeFilterId(element.id)})`);
   }
   if (typeof ss?.blurRadius === "number" && ss.blurRadius > 0) {
     filterParts.push(`blur(${Math.round(ss.blurRadius)}px)`);
@@ -2405,13 +2383,13 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (lineGlowCss) {
     filterParts.push(lineGlowCss);
   }
-  const dagFilter = chunkTDUDH7S4_js.getEffectDagFilter(ss, element.id);
+  const dagFilter = chunkDD2YRS6Z_js.getEffectDagFilter(ss, element.id);
   if (dagFilter) {
     filterParts.push(dagFilter);
   }
   const lineJoinCss = ss?.lineJoin === "round" ? "round" : ss?.lineJoin === "bevel" ? "bevel" : ss?.lineJoin === "miter" ? "miter" : void 0;
   const miterLimitCss = ss?.lineJoin === "miter" && typeof ss?.miterLimit === "number" ? Math.max(ss.miterLimit / 1e5, 1) : void 0;
-  const patternFill = chunkTDUDH7S4_js.buildPatternFillCss(element.shapeStyle);
+  const patternFill = chunkDD2YRS6Z_js.buildPatternFillCss(element.shapeStyle);
   const imageFillUrl = ss?.fillMode === "image" && ss.fillImageUrl ? ss.fillImageUrl : void 0;
   const imageFillMode = ss?.fillImageMode || "stretch";
   let reflectCss;
@@ -2423,7 +2401,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
       const endOpacity = typeof ss.reflectionEndOpacity === "number" ? ss.reflectionEndOpacity : 0;
       const fadeLength = typeof ss.reflectionEndPosition === "number" ? Math.round(ss.reflectionEndPosition * Math.max(element.height, 1)) : 100;
       const blurRadius = typeof ss.reflectionBlurRadius === "number" ? ss.reflectionBlurRadius : 0;
-      reflectCss = chunkTDUDH7S4_js.buildReflectionCss(distance, startOpacity, endOpacity, fadeLength, blurRadius);
+      reflectCss = chunkDD2YRS6Z_js.buildReflectionCss(distance, startOpacity, endOpacity, fadeLength, blurRadius);
     }
   }
   const base = {
@@ -2469,9 +2447,9 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
     // path following the shape's geometry, because a CSS border can only take
     // one colour. Keeping the border too would draw the parser's averaged
     // solid underneath the gradient.
-    borderWidth: strokeWidth > 0 && !paintsGradientOutline ? chunkTDUDH7S4_js.getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
+    borderWidth: strokeWidth > 0 && !paintsGradientOutline ? chunkDD2YRS6Z_js.getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
     borderColor: strokeWidth > 0 && !paintsGradientOutline ? resolvedStrokeColor : void 0,
-    borderStyle: strokeWidth > 0 && !paintsGradientOutline ? chunkTDUDH7S4_js.getCssBorderDashStyle(strokeDash, ss?.compoundLine) : void 0,
+    borderStyle: strokeWidth > 0 && !paintsGradientOutline ? chunkDD2YRS6Z_js.getCssBorderDashStyle(strokeDash, ss?.compoundLine) : void 0,
     strokeLinejoin: lineJoinCss,
     strokeMiterlimit: miterLimitCss,
     strokeLinecap: ss?.lineCap === "rnd" ? "round" : ss?.lineCap === "sq" ? "square" : ss?.lineCap === "flat" ? "butt" : void 0
@@ -2527,7 +2505,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
       borderWidth: 0,
       borderTopWidth: Math.max(strokeWidth, 2),
       borderTopColor: resolvedStrokeColor,
-      borderTopStyle: chunkTDUDH7S4_js.getCssBorderDashStyle(strokeDash)
+      borderTopStyle: chunkDD2YRS6Z_js.getCssBorderDashStyle(strokeDash)
     };
   }
   if (normalizedShapeType === "cylinder") {
@@ -2541,17 +2519,17 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
 function getConnectorAdjustment(element, key, fallback) {
   const direct = element.shapeAdjustments?.[key];
   if (typeof direct === "number" && Number.isFinite(direct)) {
-    return chunkTDUDH7S4_js.clampUnitInterval(direct / 1e5);
+    return chunkDD2YRS6Z_js.clampUnitInterval(direct / 1e5);
   }
   const fallbackKey = element.shapeAdjustments?.adj;
   if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
-    return chunkTDUDH7S4_js.clampUnitInterval(fallbackKey / 1e5);
+    return chunkDD2YRS6Z_js.clampUnitInterval(fallbackKey / 1e5);
   }
-  return chunkTDUDH7S4_js.clampUnitInterval(fallback);
+  return chunkDD2YRS6Z_js.clampUnitInterval(fallback);
 }
 function getConnectorPathGeometry(element) {
-  const width = Math.max(element.width, 1);
-  const height = Math.max(element.height, 1);
+  const width = Math.max(element.width, 0);
+  const height = Math.max(element.height, 0);
   const normalizedType = (element.shapeType || "").toLowerCase();
   const mapX = (value) => value;
   const mapY = (value) => value;
@@ -2684,11 +2662,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: chunkTDUDH7S4_js.svgLineCap(shapeStyle?.lineCap),
+    lineCap: chunkDD2YRS6Z_js.svgLineCap(shapeStyle?.lineCap),
     lineJoin,
     miterLimit,
-    offsets: chunkTDUDH7S4_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
-    widths: chunkTDUDH7S4_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
+    offsets: chunkDD2YRS6Z_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
+    widths: chunkDD2YRS6Z_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
   };
 }
 function strokeStrands(d, keyBase, ctx) {
@@ -2736,9 +2714,9 @@ function gradientDefs(gradient) {
 }
 function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredPaths, shapeStyle, hasFill, fillColor, fillOpacity, strokePaint, strokeWidth, dashArray, animatesFill = false, gradient) {
   const ctx = strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray);
-  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunkTDUDH7S4_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunkDD2YRS6Z_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
   const needsPerSubpath = subpaths !== void 0 && subpaths.some((sp) => sp.fillMode && sp.fillMode !== "norm" || sp.stroke === false);
-  const gradientPaint = gradient ? chunkTDUDH7S4_js.svgGradientFillRef(gradient) : void 0;
+  const gradientPaint = gradient ? chunkDD2YRS6Z_js.svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
     const paints = buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
@@ -2770,7 +2748,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : gradientPaint ?? chunkTDUDH7S4_js.colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? chunkDD2YRS6Z_js.colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2815,14 +2793,14 @@ function renderStrokeOnlyPreset(presetPaths, width, height, shapeStyle, strokePa
   );
 }
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunkTDUDH7S4_js.hasShapeProperties(element)) {
+  if (!chunkDD2YRS6Z_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
-  const fillPaint = animatesFill ? "inherit" : chunkTDUDH7S4_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
-  const strokePaint = animatesStroke ? "inherit" : chunkTDUDH7S4_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
-  const dashType = chunkTDUDH7S4_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const dashArray = chunkTDUDH7S4_js.getSvgStrokeDasharray(
+  const fillPaint = animatesFill ? "inherit" : chunkDD2YRS6Z_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
+  const strokePaint = animatesStroke ? "inherit" : chunkDD2YRS6Z_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
+  const dashType = chunkDD2YRS6Z_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const dashArray = chunkDD2YRS6Z_js.getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
     element.shapeStyle?.customDashSegments
@@ -2903,21 +2881,21 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       // container's `background-image` is suppressed for custom geometry, so
       // without this the shape fell back to the parser's representative solid
       // and lost every fade (issue #132).
-      chunkTDUDH7S4_js.buildSvgGradientDef(element.shapeStyle, element.id)
+      chunkDD2YRS6Z_js.buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
-  if (chunkTDUDH7S4_js.isCalloutShape(normalizedType)) {
+  if (chunkDD2YRS6Z_js.isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkTDUDH7S4_js.getCalloutLeaderLineGeometry(
+    const geometry = chunkDD2YRS6Z_js.getCalloutLeaderLineGeometry(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = chunkTDUDH7S4_js.buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = chunkTDUDH7S4_js.getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = chunkDD2YRS6Z_js.buildCalloutLeaderLineSvgPath(geometry);
+      const bounds = chunkDD2YRS6Z_js.getCalloutViewBoxBounds(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2980,10 +2958,10 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
     const endArrowW = element.shapeStyle?.connectorEndArrowWidth;
     const endArrowL = element.shapeStyle?.connectorEndArrowLength;
     const compoundLine = element.shapeStyle?.compoundLine;
-    const connectorLineCap = chunkTDUDH7S4_js.svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = chunkDD2YRS6Z_js.svgLineCap(element.shapeStyle?.lineCap);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
-    const offsets = chunkTDUDH7S4_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const widths = chunkTDUDH7S4_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const offsets = chunkDD2YRS6Z_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const widths = chunkDD2YRS6Z_js.getCompoundLineWidths(compoundLine, strokeWidth);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -3062,15 +3040,15 @@ function parseGradientFillCss(gradFill) {
   }
   const parsed = stops.map((gs) => {
     const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = chunkTDUDH7S4_js.parseDrawingColor(gs) ?? "#888888";
-    const opacity = chunkTDUDH7S4_js.parseDrawingColorOpacity(gs);
-    return { pos, color: chunkTDUDH7S4_js.colorWithOpacity(color, opacity) };
+    const color = chunkDD2YRS6Z_js.parseDrawingColor(gs) ?? "#888888";
+    const opacity = chunkDD2YRS6Z_js.parseDrawingColorOpacity(gs);
+    return { pos, color: chunkDD2YRS6Z_js.colorWithOpacity(color, opacity) };
   }).sort((a, b) => a.pos - b.pos);
   const stopStrings = parsed.map((s) => `${s.color} ${s.pos.toFixed(1)}%`).join(", ");
   const lin = gradFill["a:lin"];
   if (lin) {
     const angRaw = Number.parseInt(String(lin["@_ang"] || "0"), 10);
-    const angleDeg = Math.round(chunkTDUDH7S4_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round(chunkDD2YRS6Z_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -3105,8 +3083,8 @@ function parsePatternFillCss(pattFill) {
   if (!pattFill) {
     return void 0;
   }
-  const fgColor = chunkTDUDH7S4_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = chunkTDUDH7S4_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
+  const fgColor = chunkDD2YRS6Z_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
+  const bgColor = chunkDD2YRS6Z_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
   const preset = String(pattFill["@_prst"] || "ltDnDiag");
   switch (preset) {
     case "ltHorz":
@@ -3217,11 +3195,11 @@ function parseCellBorders(cellProperties) {
     const prstDash = ln["a:prstDash"];
     const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
     const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = chunkTDUDH7S4_js.parseDrawingColor(ln["a:solidFill"]);
+    const color = chunkDD2YRS6Z_js.parseDrawingColor(ln["a:solidFill"]);
     if (color) {
-      const opacity = chunkTDUDH7S4_js.parseDrawingColorOpacity(ln["a:solidFill"]);
+      const opacity = chunkDD2YRS6Z_js.parseDrawingColorOpacity(ln["a:solidFill"]);
       const key = `${edge.prefix}`;
-      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkTDUDH7S4_js.colorWithOpacity(color, opacity)}`;
+      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkDD2YRS6Z_js.colorWithOpacity(color, opacity)}`;
     }
   }
   return borderStyle;
@@ -3234,7 +3212,7 @@ function parseCellTextEffects(runProps) {
   const textShadowParts = [];
   const outerShdw = effectLst["a:outerShdw"];
   if (outerShdw) {
-    const shdwColor = chunkTDUDH7S4_js.parseDrawingColor(outerShdw);
+    const shdwColor = chunkDD2YRS6Z_js.parseDrawingColor(outerShdw);
     if (shdwColor) {
       const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
       const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
@@ -3252,7 +3230,7 @@ function parseCellTextEffects(runProps) {
   }
   const glow = effectLst["a:glow"];
   if (glow) {
-    const glowColor = chunkTDUDH7S4_js.parseDrawingColor(glow);
+    const glowColor = chunkDD2YRS6Z_js.parseDrawingColor(glow);
     if (glowColor) {
       const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
       const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
@@ -3331,10 +3309,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   if (runProps?.["@_u"] !== void 0) {
     cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
   }
-  const runColor = chunkTDUDH7S4_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkTDUDH7S4_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
+  const runColor = chunkDD2YRS6Z_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkDD2YRS6Z_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
   if (runColor) {
-    const opacity = chunkTDUDH7S4_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = chunkTDUDH7S4_js.colorWithOpacity(runColor, opacity);
+    const opacity = chunkDD2YRS6Z_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
+    cellStyle.color = chunkDD2YRS6Z_js.colorWithOpacity(runColor, opacity);
   }
   const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
   if (fontFamily) {
@@ -3344,15 +3322,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
   }
   const cellProperties = cellXml["a:tcPr"];
-  const cellFill = chunkTDUDH7S4_js.parseDrawingColor(
+  const cellFill = chunkDD2YRS6Z_js.parseDrawingColor(
     cellProperties?.["a:solidFill"],
     schemeColorOverrides
   );
   if (cellFill) {
-    const opacity = chunkTDUDH7S4_js.parseDrawingColorOpacity(
+    const opacity = chunkDD2YRS6Z_js.parseDrawingColorOpacity(
       cellProperties?.["a:solidFill"]
     );
-    cellStyle.backgroundColor = chunkTDUDH7S4_js.colorWithOpacity(cellFill, opacity);
+    cellStyle.backgroundColor = chunkDD2YRS6Z_js.colorWithOpacity(cellFill, opacity);
   } else {
     const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
     if (gradCss) {
@@ -3367,16 +3345,16 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   const edgeBorders = parseCellBorders(cellProperties);
   Object.assign(cellStyle, edgeBorders);
   if (!cellStyle.borderLeftColor && !cellStyle.borderRightColor && !cellStyle.borderTopColor && !cellStyle.borderBottomColor) {
-    const borderColor = chunkTDUDH7S4_js.parseDrawingColor(
+    const borderColor = chunkDD2YRS6Z_js.parseDrawingColor(
       cellProperties?.["a:lnL"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkTDUDH7S4_js.parseDrawingColor(
+    ) || chunkDD2YRS6Z_js.parseDrawingColor(
       cellProperties?.["a:lnR"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkTDUDH7S4_js.parseDrawingColor(
+    ) || chunkDD2YRS6Z_js.parseDrawingColor(
       cellProperties?.["a:lnT"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkTDUDH7S4_js.parseDrawingColor(
+    ) || chunkDD2YRS6Z_js.parseDrawingColor(
       cellProperties?.["a:lnB"]?.["a:solidFill"],
       schemeColorOverrides
     );
@@ -3455,10 +3433,10 @@ function resolveTableStyleFillColor(fill, colorScheme) {
   }
   let color = base;
   if (fill.tint !== void 0 && fill.tint > 0) {
-    color = chunkTDUDH7S4_js.tintColor2(color, fill.tint / 1e5);
+    color = chunkDD2YRS6Z_js.tintColor2(color, fill.tint / 1e5);
   }
   if (fill.shade !== void 0 && fill.shade > 0) {
-    color = chunkTDUDH7S4_js.shadeColor2(color, 1 - fill.shade / 1e5);
+    color = chunkDD2YRS6Z_js.shadeColor2(color, 1 - fill.shade / 1e5);
   }
   return color;
 }
@@ -3483,7 +3461,7 @@ function applyTableStyleText(text, colorScheme, style, fontScheme) {
     style.fontFamily = text.fontFace;
     applied = true;
   } else {
-    const refFont = chunkTDUDH7S4_js.resolveFontRefIdx(text.fontRefIdx, fontScheme);
+    const refFont = chunkDD2YRS6Z_js.resolveFontRefIdx(text.fontRefIdx, fontScheme);
     if (refFont) {
       style.fontFamily = refFont;
       applied = true;
@@ -3494,10 +3472,10 @@ function applyTableStyleText(text, colorScheme, style, fontScheme) {
     if (base) {
       let color = base;
       if (text.fontTint !== void 0 && text.fontTint > 0) {
-        color = chunkTDUDH7S4_js.tintColor2(color, text.fontTint / 1e5);
+        color = chunkDD2YRS6Z_js.tintColor2(color, text.fontTint / 1e5);
       }
       if (text.fontShade !== void 0 && text.fontShade > 0) {
-        color = chunkTDUDH7S4_js.shadeColor2(color, 1 - text.fontShade / 1e5);
+        color = chunkDD2YRS6Z_js.shadeColor2(color, 1 - text.fontShade / 1e5);
       }
       style.color = color;
       applied = true;
@@ -3686,7 +3664,7 @@ function parseTableElementData(element, fallbackTextStyle) {
   };
 }
 function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return chunkTDUDH7S4_js.getCellDiagonalBorders(style, tableData, pos, {
+  return chunkDD2YRS6Z_js.getCellDiagonalBorders(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -3834,9 +3812,9 @@ function cellStyleToCss(style) {
   if (style.gradientFillCss) {
     css.background = style.gradientFillCss;
   } else if (style.fillMode === "pattern" && style.patternFillPreset) {
-    const fg = chunkTDUDH7S4_js.normalizeHexColor(style.patternFillForeground, "#000000");
-    const bg = chunkTDUDH7S4_js.normalizeHexColor(style.patternFillBackground, "#ffffff");
-    const svgPattern = chunkTDUDH7S4_js.getPatternSvg(style.patternFillPreset, fg, bg);
+    const fg = chunkDD2YRS6Z_js.normalizeHexColor(style.patternFillForeground, "#000000");
+    const bg = chunkDD2YRS6Z_js.normalizeHexColor(style.patternFillBackground, "#ffffff");
+    const svgPattern = chunkDD2YRS6Z_js.getPatternSvg(style.patternFillPreset, fg, bg);
     if (svgPattern) {
       const encoded = encodeURIComponent(svgPattern);
       css.backgroundImage = `url("data:image/svg+xml,${encoded}")`;
@@ -3912,7 +3890,7 @@ function cellStyleToCss(style) {
     if (edge.width || edge.color) {
       const w = edge.width ?? 1;
       const c = edge.color ?? style.borderColor ?? "#000000";
-      const s = chunkTDUDH7S4_js.ooxmlDashToCssBorderStyle(edge.dash);
+      const s = chunkDD2YRS6Z_js.ooxmlDashToCssBorderStyle(edge.dash);
       css[edge.prefix] = `${w}px ${s} ${c}`;
     }
   }
@@ -3943,7 +3921,7 @@ function cellStyleToCss(style) {
     css.textShadow = textShadowParts.join(", ");
   }
   if (style.cell3D) {
-    Object.assign(css, chunkTDUDH7S4_js.cell3DBevelCss(style.cell3D));
+    Object.assign(css, chunkDD2YRS6Z_js.cell3DBevelCss(style.cell3D));
   }
   return css;
 }
@@ -3957,7 +3935,7 @@ function TableResizeOverlay({
   const containerRef = React6.useRef(null);
   const [rowBounds, setRowBounds] = React6.useState([]);
   const dragRef = React6.useRef(null);
-  const colBoundaries = React6.useMemo(() => chunkTDUDH7S4_js.computeColumnBoundaries(columnWidths), [columnWidths]);
+  const colBoundaries = React6.useMemo(() => chunkDD2YRS6Z_js.computeColumnBoundaries(columnWidths), [columnWidths]);
   const measureRows = React6.useCallback(() => {
     const container = containerRef.current;
     if (!container) {
@@ -4004,11 +3982,11 @@ function TableResizeOverlay({
       const rect = containerRef.current.getBoundingClientRect();
       if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
-        onResizeColumns(chunkTDUDH7S4_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
+        onResizeColumns(chunkDD2YRS6Z_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
       } else if (drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
-        const newHeight = chunkTDUDH7S4_js.computeResizedRowHeight(
-          drag.initialRowHeight ?? chunkTDUDH7S4_js.DEFAULT_ROW_HEIGHT,
+        const newHeight = chunkDD2YRS6Z_js.computeResizedRowHeight(
+          drag.initialRowHeight ?? chunkDD2YRS6Z_js.DEFAULT_ROW_HEIGHT,
           deltaY
         );
         onResizeRow(drag.index, newHeight);
@@ -4046,7 +4024,7 @@ function TableResizeOverlay({
     e.stopPropagation();
     const table = containerRef.current?.querySelector("table");
     const tr = table?.querySelectorAll("tbody > tr")[index];
-    const actualHeight = tr?.offsetHeight ?? chunkTDUDH7S4_js.DEFAULT_ROW_HEIGHT;
+    const actualHeight = tr?.offsetHeight ?? chunkDD2YRS6Z_js.DEFAULT_ROW_HEIGHT;
     document.body.style.cursor = "row-resize";
     document.body.style.userSelect = "none";
     dragRef.current = {
@@ -4094,7 +4072,7 @@ function renderTableFromTableData(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkTDUDH7S4_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
+    return chunkDD2YRS6Z_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableResizeOverlay,
@@ -4127,7 +4105,7 @@ function renderTableFromTableData(element, textStyle, options) {
                     return null;
                   }
                   const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                  const isInMultiSelection = chunkTDUDH7S4_js.isCellInRect(rowIndex, cellIndex, selectionRect);
+                  const isInMultiSelection = chunkDD2YRS6Z_js.isCellInRect(rowIndex, cellIndex, selectionRect);
                   const isCellEditing = isCellSelected && selectedCell?.isEditing;
                   const diag = getCellDiagonalBorders2(
                     cell.style,
@@ -4157,7 +4135,7 @@ function renderTableFromTableData(element, textStyle, options) {
                         }
                         event.stopPropagation();
                         if (event.shiftKey && selectedCell) {
-                          const rect = chunkTDUDH7S4_js.computeSelectionRect(
+                          const rect = chunkDD2YRS6Z_js.computeSelectionRect(
                             selectedCell.rowIndex,
                             selectedCell.columnIndex,
                             rowIndex,
@@ -4167,7 +4145,7 @@ function renderTableFromTableData(element, textStyle, options) {
                           options?.onSelectCell?.({
                             rowIndex: selectedCell.rowIndex,
                             columnIndex: selectedCell.columnIndex,
-                            selectedCells: chunkTDUDH7S4_js.rectToCells(rect)
+                            selectedCells: chunkDD2YRS6Z_js.rectToCells(rect)
                           });
                         } else {
                           options?.onSelectCell?.({
@@ -4244,7 +4222,7 @@ function renderTableElement(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkTDUDH7S4_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
+    return chunkDD2YRS6Z_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
   })();
   const schemeOverrides = options?.styleCtx?.theme?.colorScheme ? options.styleCtx.theme.colorScheme : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4321,7 +4299,7 @@ function renderTableElement(element, textStyle, options) {
                           "border px-1 py-0.5 align-top",
                           isEditable && hasCellSelectionHandler ? "border-blue-200/70 cursor-cell" : "border-white/30",
                           selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex ? "ring-1 ring-inset ring-blue-500" : null,
-                          chunkTDUDH7S4_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                          chunkDD2YRS6Z_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
                         ),
                         colSpan,
                         rowSpan: rSpan,
@@ -4332,7 +4310,7 @@ function renderTableElement(element, textStyle, options) {
                           }
                           event.stopPropagation();
                           if (event.shiftKey && selectedCell && tableEl.tableData) {
-                            const rect = chunkTDUDH7S4_js.computeSelectionRect(
+                            const rect = chunkDD2YRS6Z_js.computeSelectionRect(
                               selectedCell.rowIndex,
                               selectedCell.columnIndex,
                               rowIndex,
@@ -4342,7 +4320,7 @@ function renderTableElement(element, textStyle, options) {
                             options?.onSelectCell?.({
                               rowIndex: selectedCell.rowIndex,
                               columnIndex: selectedCell.columnIndex,
-                              selectedCells: chunkTDUDH7S4_js.rectToCells(rect)
+                              selectedCells: chunkDD2YRS6Z_js.rectToCells(rect)
                             });
                           } else {
                             options?.onSelectCell?.({
@@ -4397,24 +4375,24 @@ function renderTableElement(element, textStyle, options) {
 }
 var LEGEND_ITEM_WIDTH = 80;
 function partAttrs(part) {
-  return part ? chunkTDUDH7S4_js.chartPartToAttrs(part) : void 0;
+  return part ? chunkDD2YRS6Z_js.chartPartToAttrs(part) : void 0;
 }
 function resolveReactPalette(chartData) {
   if (chartData.colorPalette && chartData.colorPalette.length > 0) {
     return chartData.colorPalette;
   }
-  return [...chunkTDUDH7S4_js.getChartStylePalette(chartData.style?.styleId)];
+  return [...chunkDD2YRS6Z_js.getChartStylePalette(chartData.style?.styleId)];
 }
 function buildReactChartViewModel(element) {
   if (element.type !== "chart" || !element.chartData) {
-    return chunkTDUDH7S4_js.buildChartViewModel(element);
+    return chunkDD2YRS6Z_js.buildChartViewModel(element);
   }
   const palette = resolveReactPalette(element.chartData);
   const themedElement = {
     ...element,
     chartData: { ...element.chartData, colorPalette: palette }
   };
-  return chunkTDUDH7S4_js.buildChartViewModel(themedElement);
+  return chunkDD2YRS6Z_js.buildChartViewModel(themedElement);
 }
 function renderPrimitive(prim, key) {
   switch (prim.kind) {
@@ -4563,7 +4541,7 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
       viewBox: `0 0 ${vm.svgWidth} ${vm.svgHeight}`,
       preserveAspectRatio,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: vm.svgWidth, height: vm.svgHeight, fill: "#0f172a11" }),
+        vm.areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: vm.svgWidth, height: vm.svgHeight, fill: vm.areaFill }),
         vm.title && /* @__PURE__ */ jsxRuntime.jsx(
           "text",
           {
@@ -4803,7 +4781,7 @@ function renderMapChart(element, chartData, categoryLabels) {
   const unmatchedRows = [];
   categories.forEach((cat, i) => {
     const value = values[i] ?? 0;
-    const code = chunkTDUDH7S4_js.resolveRegionCode(cat);
+    const code = chunkDD2YRS6Z_js.resolveRegionCode(cat);
     if (code) {
       regionValueMap.set(code, { value, label: cat });
     } else {
@@ -4841,8 +4819,8 @@ function renderMapChart(element, chartData, categoryLabels) {
     let fill = "#e2e8f0";
     let dataLabel = null;
     if (entry) {
-      const t = chunkTDUDH7S4_js.normalizeValue(entry.value, minVal, maxVal);
-      fill = chunkTDUDH7S4_js.sequentialColorScale(t);
+      const t = chunkDD2YRS6Z_js.normalizeValue(entry.value, minVal, maxVal);
+      fill = chunkDD2YRS6Z_js.sequentialColorScale(t);
       dataLabel = /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
@@ -4853,7 +4831,7 @@ function renderMapChart(element, chartData, categoryLabels) {
           fontWeight: 600,
           fill: "#1e293b",
           style: { pointerEvents: "none" },
-          children: chunkTDUDH7S4_js.formatAxisValue(entry.value)
+          children: chunkDD2YRS6Z_js.formatAxisValue(entry.value)
         },
         `${element.id}-map-dl-${region.code}`
       );
@@ -4871,7 +4849,7 @@ function renderMapChart(element, chartData, categoryLabels) {
             opacity: 0.9,
             children: /* @__PURE__ */ jsxRuntime.jsxs("title", { children: [
               region.name,
-              entry ? `: ${chunkTDUDH7S4_js.formatAxisValue(entry.value)}` : ""
+              entry ? `: ${chunkDD2YRS6Z_js.formatAxisValue(entry.value)}` : ""
             ] })
           }
         ),
@@ -4909,7 +4887,7 @@ function renderMapChart(element, chartData, categoryLabels) {
         fontSize: 7,
         fill: "#64748b",
         textAnchor: "middle",
-        children: chunkTDUDH7S4_js.formatAxisValue(minVal)
+        children: chunkDD2YRS6Z_js.formatAxisValue(minVal)
       },
       `${element.id}-map-legend-min`
     ),
@@ -4921,7 +4899,7 @@ function renderMapChart(element, chartData, categoryLabels) {
         fontSize: 7,
         fill: "#64748b",
         textAnchor: "middle",
-        children: chunkTDUDH7S4_js.formatAxisValue(maxVal)
+        children: chunkDD2YRS6Z_js.formatAxisValue(maxVal)
       },
       `${element.id}-map-legend-max`
     )
@@ -4987,7 +4965,7 @@ function renderMapChart(element, chartData, categoryLabels) {
             y,
             fontSize,
             fill: "#475569",
-            children: chunkTDUDH7S4_js.formatAxisValue(row.value)
+            children: chunkDD2YRS6Z_js.formatAxisValue(row.value)
           },
           `${element.id}-map-ft-val-${i}`
         )
@@ -5058,7 +5036,7 @@ function renderStackedBarChart(element, _chartData, _categoryLabels) {
 
 // src/viewer/utils/chart-overlay-utils.ts
 function sColor(series, idx) {
-  return chunkTDUDH7S4_js.seriesColor(series, idx);
+  return chunkDD2YRS6Z_js.seriesColor(series, idx);
 }
 function valToY(val, range, topY, bottomY) {
   const usable = bottomY - topY;
@@ -5597,7 +5575,7 @@ function renderLegend(id, style, series, layout, colorPalette) {
             width: 10,
             height: 10,
             rx: 2,
-            fill: chunkTDUDH7S4_js.seriesColor(s, i, style?.styleId, colorPalette)
+            fill: chunkDD2YRS6Z_js.seriesColor(s, i, style?.styleId, colorPalette)
           },
           `${id}-leg-r-${i}`
         )
@@ -5621,7 +5599,7 @@ function renderLegend(id, style, series, layout, colorPalette) {
           width: 10,
           height: 10,
           rx: 2,
-          fill: chunkTDUDH7S4_js.seriesColor(s, i, style?.styleId, colorPalette)
+          fill: chunkDD2YRS6Z_js.seriesColor(s, i, style?.styleId, colorPalette)
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("text", { x: x + 14, y: cy + 8, fontSize: 9, fill: "#475569", children: s.name || `Series ${i + 1}` })
@@ -5634,9 +5612,9 @@ function renderGridlines(id, style, range, layout) {
   }
   const lines = [];
   if (range.logScale && range.logBase) {
-    const ticks = chunkTDUDH7S4_js.generateLogTicks(range);
+    const ticks = chunkDD2YRS6Z_js.generateLogTicks(range);
     ticks.forEach((tickVal, i) => {
-      const y = chunkTDUDH7S4_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
+      const y = chunkDD2YRS6Z_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
       lines.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "line",
@@ -5657,7 +5635,7 @@ function renderGridlines(id, style, range, layout) {
     const steps = 4;
     for (let i = 0; i <= steps; i++) {
       const val = range.min + range.span * i / steps;
-      const y = chunkTDUDH7S4_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+      const y = chunkDD2YRS6Z_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
       lines.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "line",
@@ -5681,9 +5659,9 @@ function renderValueAxis(id, range, layout, axisFormatting) {
   const labels = [];
   const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
   if (range.logScale && range.logBase) {
-    const ticks = chunkTDUDH7S4_js.generateLogTicks(range);
+    const ticks = chunkDD2YRS6Z_js.generateLogTicks(range);
     ticks.forEach((tickVal, i) => {
-      const y = chunkTDUDH7S4_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
+      const y = chunkDD2YRS6Z_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
       labels.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "text",
@@ -5693,7 +5671,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
             textAnchor: "end",
             fontSize: 8,
             fill: "#64748b",
-            children: hasDisplayUnits ? chunkTDUDH7S4_js.formatAxisValueWithUnits(tickVal, axisFormatting) : chunkTDUDH7S4_js.formatAxisValue(tickVal)
+            children: hasDisplayUnits ? chunkDD2YRS6Z_js.formatAxisValueWithUnits(tickVal, axisFormatting) : chunkDD2YRS6Z_js.formatAxisValue(tickVal)
           },
           `${id}-vaxis-log-${i}`
         )
@@ -5703,7 +5681,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
     const steps = 4;
     for (let i = 0; i <= steps; i++) {
       const val = range.min + range.span * i / steps;
-      const y = chunkTDUDH7S4_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+      const y = chunkDD2YRS6Z_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
       labels.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "text",
@@ -5713,7 +5691,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
             textAnchor: "end",
             fontSize: 8,
             fill: "#64748b",
-            children: hasDisplayUnits ? chunkTDUDH7S4_js.formatAxisValueWithUnits(val, axisFormatting) : chunkTDUDH7S4_js.formatAxisValue(val)
+            children: hasDisplayUnits ? chunkDD2YRS6Z_js.formatAxisValueWithUnits(val, axisFormatting) : chunkDD2YRS6Z_js.formatAxisValue(val)
           },
           `${id}-vaxis-${i}`
         )
@@ -5721,7 +5699,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
     }
   }
   if (hasDisplayUnits) {
-    const unitLabel = chunkTDUDH7S4_js.getDisplayUnitLabel(
+    const unitLabel = chunkDD2YRS6Z_js.getDisplayUnitLabel(
       axisFormatting.displayUnits,
       axisFormatting.displayUnitsLabel
     );
@@ -5796,7 +5774,7 @@ function renderZeroLine(id, range, layout) {
   if (range.min >= 0) {
     return null;
   }
-  const y = chunkTDUDH7S4_js.valueToY(0, range, layout.plotTop, layout.plotBottom);
+  const y = chunkDD2YRS6Z_js.valueToY(0, range, layout.plotTop, layout.plotBottom);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "line",
     {
@@ -5820,7 +5798,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
   const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
   for (let i = 0; i <= steps; i++) {
     const val = range.min + range.span * i / steps;
-    const y = chunkTDUDH7S4_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunkDD2YRS6Z_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     labels.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
@@ -5832,7 +5810,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
           fontFamily,
           fontWeight,
           fill: fontColor,
-          children: hasDisplayUnits ? chunkTDUDH7S4_js.formatAxisValueWithUnits(val, axisFormatting) : chunkTDUDH7S4_js.formatAxisValue(val)
+          children: hasDisplayUnits ? chunkDD2YRS6Z_js.formatAxisValueWithUnits(val, axisFormatting) : chunkDD2YRS6Z_js.formatAxisValue(val)
         },
         `${id}-sec-vaxis-${i}`
       )
@@ -5856,7 +5834,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
     );
   }
   if (hasDisplayUnits) {
-    const unitLabel = chunkTDUDH7S4_js.getDisplayUnitLabel(
+    const unitLabel = chunkDD2YRS6Z_js.getDisplayUnitLabel(
       axisFormatting.displayUnits,
       axisFormatting.displayUnitsLabel
     );
@@ -5887,7 +5865,7 @@ function renderSecondaryAxisTicks(id, range, layout) {
   const ticks = [];
   for (let i = 0; i <= steps; i++) {
     const val = range.min + range.span * i / steps;
-    const y = chunkTDUDH7S4_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunkDD2YRS6Z_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     ticks.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -5914,7 +5892,7 @@ function renderSecondaryGridlines(id, range, layout, axisFormatting) {
   const gridColor = axisFormatting.majorGridlinesSpPr?.strokeColor ?? "#e2e8f0";
   for (let i = 0; i <= steps; i++) {
     const val = range.min + range.span * i / steps;
-    const y = chunkTDUDH7S4_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunkDD2YRS6Z_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     lines.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -6076,7 +6054,7 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
                           width: 8,
                           height: 8,
                           borderRadius: 2,
-                          backgroundColor: chunkTDUDH7S4_js.seriesColor(
+                          backgroundColor: chunkDD2YRS6Z_js.seriesColor(
                             s,
                             si,
                             chartData.style?.styleId,
@@ -6114,9 +6092,10 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
 }
 function renderStockChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkDD2YRS6Z_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const range = chunkTDUDH7S4_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = chunkTDUDH7S4_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunkDD2YRS6Z_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunkDD2YRS6Z_js.computeLayout(element.width, element.height, style, true, legendPos);
   const catCount = Math.max(categoryLabels.length, 1);
   const barGroupWidth = layout.plotWidth / catCount;
   const candleWidth = barGroupWidth * 0.5;
@@ -6137,10 +6116,10 @@ function renderStockChart(element, chartData, categoryLabels) {
     const close = closeSeries.values[ci] ?? high;
     const isUp = close >= open;
     const cx = layout.plotLeft + barGroupWidth * ci + barGroupWidth / 2;
-    const highY = chunkTDUDH7S4_js.valueToY(high, range, layout.plotTop, layout.plotBottom);
-    const lowY = chunkTDUDH7S4_js.valueToY(low, range, layout.plotTop, layout.plotBottom);
-    const openY = chunkTDUDH7S4_js.valueToY(open, range, layout.plotTop, layout.plotBottom);
-    const closeY = chunkTDUDH7S4_js.valueToY(close, range, layout.plotTop, layout.plotBottom);
+    const highY = chunkDD2YRS6Z_js.valueToY(high, range, layout.plotTop, layout.plotBottom);
+    const lowY = chunkDD2YRS6Z_js.valueToY(low, range, layout.plotTop, layout.plotBottom);
+    const openY = chunkDD2YRS6Z_js.valueToY(open, range, layout.plotTop, layout.plotBottom);
+    const closeY = chunkDD2YRS6Z_js.valueToY(close, range, layout.plotTop, layout.plotBottom);
     elements.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -6183,7 +6162,7 @@ function renderStockChart(element, chartData, categoryLabels) {
             textAnchor: "middle",
             fontSize: 7,
             fill: "#334155",
-            children: chunkTDUDH7S4_js.formatAxisValue(close)
+            children: chunkDD2YRS6Z_js.formatAxisValue(close)
           },
           `${element.id}-stock-dl-${ci}`
         )
@@ -6198,7 +6177,7 @@ function renderStockChart(element, chartData, categoryLabels) {
         viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
         preserveAspectRatio: "none",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+          areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
           renderChrome(element.id, chartData, layout, range, categoryLabels, {
             categoryAxisStyle: "bar"
           }),
@@ -6225,7 +6204,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6__default.default.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-4VCO3DRP.js');
+      return await import('./SurfaceChart3DScene-JDCFTXYT.js');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6249,7 +6228,7 @@ var SurfaceChart3DErrorBoundary = class extends React6__default.default.Componen
 function buildSurfaceData(chartData, categoryLabels) {
   const rows = chartData.series.length;
   const cols = Math.max(categoryLabels.length, 1);
-  const range = chunkTDUDH7S4_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const range = chunkDD2YRS6Z_js.computeValueRangeForChart(chartData.series, chartData.axes);
   const heightMap = new Float32Array(rows * cols);
   const colorMap = new Float32Array(rows * cols * 3);
   for (let r = 0; r < rows; r++) {
@@ -6368,9 +6347,10 @@ function darkenRgb(r, g, b, factor) {
 }
 function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkDD2YRS6Z_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunkTDUDH7S4_js.computeLayout(element.width, element.height, style, false, legendPos);
-  const range = chunkTDUDH7S4_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunkDD2YRS6Z_js.computeLayout(element.width, element.height, style, false, legendPos);
+  const range = chunkDD2YRS6Z_js.computeValueRangeForChart(chartData.series, chartData.axes);
   const catCount = Math.max(categoryLabels.length, 1);
   const seriesCount = chartData.series.length;
   const cols = catCount - 1;
@@ -6449,7 +6429,7 @@ function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
       viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
       preserveAspectRatio: "xMidYMid meet",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+        areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
         renderTitle(element.id, style, chartData.title, layout.svgWidth),
         renderLegend(element.id, style, chartData.series, layout),
         polygons
@@ -6459,9 +6439,10 @@ function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
 }
 function renderFlatSurfaceChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkDD2YRS6Z_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunkTDUDH7S4_js.computeLayout(element.width, element.height, style, true, legendPos);
-  const range = chunkTDUDH7S4_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunkDD2YRS6Z_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunkDD2YRS6Z_js.computeValueRangeForChart(chartData.series, chartData.axes);
   const catCount = Math.max(categoryLabels.length, 1);
   const seriesCount = chartData.series.length;
   const cellW = layout.plotWidth / Math.max(catCount - 1, 1);
@@ -6495,7 +6476,7 @@ function renderFlatSurfaceChart(element, chartData, categoryLabels) {
       viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
       preserveAspectRatio: "none",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+        areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
         renderChrome(element.id, chartData, layout, range, categoryLabels, {
           categoryAxisStyle: "bar"
         }),
@@ -6523,8 +6504,9 @@ function renderSurfaceChart(element, chartData, categoryLabels) {
 }
 function renderTreemapChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkDD2YRS6Z_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunkTDUDH7S4_js.computeLayout(element.width, element.height, style, false, legendPos);
+  const layout = chunkDD2YRS6Z_js.computeLayout(element.width, element.height, style, false, legendPos);
   const allValues = chartData.series.flatMap((s) => s.values);
   const totalAbs = allValues.reduce((sum, v) => sum + Math.abs(v), 0) || 1;
   const rects = [];
@@ -6547,7 +6529,7 @@ function renderTreemapChart(element, chartData, categoryLabels) {
           y: curY,
           width: Math.max(w - 1, 1),
           height: Math.max(h - 1, 1),
-          fill: chunkTDUDH7S4_js.paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
+          fill: chunkDD2YRS6Z_js.paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
           rx: 2,
           opacity: 0.85
         },
@@ -6588,7 +6570,7 @@ function renderTreemapChart(element, chartData, categoryLabels) {
       viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
       preserveAspectRatio: "none",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+        areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
         renderTitle(element.id, style, chartData.title, layout.svgWidth),
         renderLegend(element.id, style, chartData.series, layout),
         rects
@@ -6598,10 +6580,11 @@ function renderTreemapChart(element, chartData, categoryLabels) {
 }
 function renderWaterfallChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkDD2YRS6Z_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const values = chartData.series[0]?.values ?? [];
-  const range = chunkTDUDH7S4_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = chunkTDUDH7S4_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunkDD2YRS6Z_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunkDD2YRS6Z_js.computeLayout(element.width, element.height, style, true, legendPos);
   const catCount = Math.max(categoryLabels.length, values.length, 1);
   const barWidth = layout.plotWidth / catCount * 0.6;
   const gap = layout.plotWidth / catCount * 0.2;
@@ -6612,8 +6595,8 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
     const isLast = i === values.length - 1;
     const startVal = isLast ? 0 : runningTotal;
     const endVal = isLast ? runningTotal + val : runningTotal + val;
-    const barStartY = chunkTDUDH7S4_js.valueToY(startVal, range, layout.plotTop, layout.plotBottom);
-    const barEndY = chunkTDUDH7S4_js.valueToY(endVal, range, layout.plotTop, layout.plotBottom);
+    const barStartY = chunkDD2YRS6Z_js.valueToY(startVal, range, layout.plotTop, layout.plotBottom);
+    const barEndY = chunkDD2YRS6Z_js.valueToY(endVal, range, layout.plotTop, layout.plotBottom);
     const x = layout.plotLeft + layout.plotWidth / catCount * i + gap;
     const y = Math.min(barStartY, barEndY);
     const h = Math.max(Math.abs(barEndY - barStartY), 1);
@@ -6642,7 +6625,7 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
             textAnchor: "middle",
             fontSize: 7,
             fill: "#334155",
-            children: chunkTDUDH7S4_js.formatAxisValue(isLast ? endVal : val)
+            children: chunkDD2YRS6Z_js.formatAxisValue(isLast ? endVal : val)
           },
           `${element.id}-wf-dl-${i}`
         )
@@ -6677,7 +6660,7 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
       viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
       preserveAspectRatio: "none",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+        areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
         renderChrome(element.id, chartData, layout, range, categoryLabels, {
           categoryAxisStyle: "bar"
         }),
@@ -6689,19 +6672,20 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
 }
 function renderComboChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkDD2YRS6Z_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layoutOpts = chunkTDUDH7S4_js.computeLayoutOptions(
+  const layoutOpts = chunkDD2YRS6Z_js.computeLayoutOptions(
     chartData.axes,
     chartData.dataTable,
     chartData.series.length
   );
-  const layout = chunkTDUDH7S4_js.computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
-  const { primary, secondary } = chunkTDUDH7S4_js.splitSeriesByAxis(chartData.series, chartData.axes);
+  const layout = chunkDD2YRS6Z_js.computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
+  const { primary, secondary } = chunkDD2YRS6Z_js.splitSeriesByAxis(chartData.series, chartData.axes);
   const primarySeries = primary.length > 0 ? primary.map((e) => e.series) : chartData.series;
   const secondarySeries = secondary.map((e) => e.series);
-  const range = chunkTDUDH7S4_js.computeValueRangeForChart(primarySeries, chartData.axes);
-  const secondaryRange = secondarySeries.length > 0 ? chunkTDUDH7S4_js.computeValueRange(secondarySeries) : void 0;
-  const secondaryAxisFmt = chunkTDUDH7S4_js.getSecondaryValueAxis(chartData.axes);
+  const range = chunkDD2YRS6Z_js.computeValueRangeForChart(primarySeries, chartData.axes);
+  const secondaryRange = secondarySeries.length > 0 ? chunkDD2YRS6Z_js.computeValueRange(secondarySeries) : void 0;
+  const secondaryAxisFmt = chunkDD2YRS6Z_js.getSecondaryValueAxis(chartData.axes);
   const catCount = Math.max(categoryLabels.length, 1);
   const barSeriesCount = 1;
   const barGroupWidth = layout.plotWidth / catCount;
@@ -6717,8 +6701,8 @@ function renderComboChart(element, chartData, categoryLabels) {
     const barRange = isBarSecondary && secondaryRange ? secondaryRange : range;
     barSeries.values.forEach((val, vi) => {
       const x = layout.plotLeft + barGroupWidth * vi + barOffset;
-      const zeroY = chunkTDUDH7S4_js.valueToY(0, barRange, layout.plotTop, layout.plotBottom);
-      const valY = chunkTDUDH7S4_js.valueToY(val, barRange, layout.plotTop, layout.plotBottom);
+      const zeroY = chunkDD2YRS6Z_js.valueToY(0, barRange, layout.plotTop, layout.plotBottom);
+      const valY = chunkDD2YRS6Z_js.valueToY(val, barRange, layout.plotTop, layout.plotBottom);
       const y = Math.min(zeroY, valY);
       const h = Math.max(Math.abs(zeroY - valY), 1);
       barElements.push(
@@ -6729,7 +6713,7 @@ function renderComboChart(element, chartData, categoryLabels) {
             y,
             width: barWidth,
             height: h,
-            fill: chunkTDUDH7S4_js.seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
+            fill: chunkDD2YRS6Z_js.seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
             rx: 1
           },
           `${element.id}-combo-bar-${vi}`
@@ -6745,7 +6729,7 @@ function renderComboChart(element, chartData, categoryLabels) {
               textAnchor: "middle",
               fontSize: 7,
               fill: "#334155",
-              children: chunkTDUDH7S4_js.formatAxisValue(val)
+              children: chunkDD2YRS6Z_js.formatAxisValue(val)
             },
             `${element.id}-combo-bar-dl-${vi}`
           )
@@ -6762,10 +6746,10 @@ function renderComboChart(element, chartData, categoryLabels) {
     const activeRange = isSecondary && secondaryRange ? secondaryRange : range;
     const points = series.values.map((val, vi) => {
       const x = layout.plotLeft + barGroupWidth * vi + barGroupWidth / 2;
-      const y = chunkTDUDH7S4_js.valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
+      const y = chunkDD2YRS6Z_js.valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
       return { x, y, val };
     });
-    const c = chunkTDUDH7S4_js.seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
+    const c = chunkDD2YRS6Z_js.seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
     lineElements.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "polyline",
@@ -6792,7 +6776,7 @@ function renderComboChart(element, chartData, categoryLabels) {
               textAnchor: "middle",
               fontSize: 7,
               fill: "#334155",
-              children: chunkTDUDH7S4_js.formatAxisValue(p.val)
+              children: chunkDD2YRS6Z_js.formatAxisValue(p.val)
             },
             `${element.id}-combo-line-dl-${si}-${vi}`
           )
@@ -6808,7 +6792,7 @@ function renderComboChart(element, chartData, categoryLabels) {
         viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
         preserveAspectRatio: "none",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+          areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
           renderChrome(
             element.id,
             chartData,
@@ -7938,14 +7922,14 @@ function buildNotesPdf(pages) {
     notes: page.notes,
     slideNumber: page.slideNumber
   }));
-  const bytes = chunkTDUDH7S4_js.buildNotesPdfBytes(images, meta);
+  const bytes = chunkDD2YRS6Z_js.buildNotesPdfBytes(images, meta);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
 
 // src/viewer/utils/pdf-builder-slides.ts
 function buildPdfFromImageData(images) {
-  const bytes = chunkTDUDH7S4_js.buildSlidesPdfBytes(images);
+  const bytes = chunkDD2YRS6Z_js.buildSlidesPdfBytes(images);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
@@ -7954,7 +7938,7 @@ function buildPdfFromImageData(images) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = chunkTDUDH7S4_js.buildPreviewAnimation(preset, options);
+  const descriptor = chunkDD2YRS6Z_js.buildPreviewAnimation(preset, options);
   if (!descriptor) {
     return;
   }
@@ -7967,7 +7951,7 @@ function startMotionPathPreview(elementId, path, options) {
     return;
   }
   const stage = domEl.offsetParent;
-  const descriptor = chunkTDUDH7S4_js.buildMotionPathPreview({
+  const descriptor = chunkDD2YRS6Z_js.buildMotionPathPreview({
     path,
     slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
     slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,
@@ -8107,7 +8091,6 @@ exports.shouldRenderFallbackLabel = shouldRenderFallbackLabel;
 exports.smartArtNodeGroupProps = smartArtNodeGroupProps;
 exports.startMotionPathPreview = startMotionPathPreview;
 exports.startPreviewAnimation = startPreviewAnimation;
-exports.stopAllPersistentAudio = stopAllPersistentAudio;
 exports.stopPreviewAnimation = stopPreviewAnimation;
 exports.styleShadow = styleShadow;
 exports.styleStroke = styleStroke;