pptx-react-viewer 2.12.0 → 2.13.0

package/dist/{chunk-2VUHJNWM.js → chunk-IDW5UPXW.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk3GNSGGY2_js = require('./chunk-3GNSGGY2.js');
-var chunkPJUQQF3I_js = require('./chunk-PJUQQF3I.js');
+var chunkBXAK3JFM_js = require('./chunk-BXAK3JFM.js');
+var chunkEFSQW6S5_js = require('./chunk-EFSQW6S5.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 chunkPJUQQF3I_js.getAnimationInitialStyle(preset, nativeAnimation);
+  return chunkEFSQW6S5_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 chunkPJUQQF3I_js.cloneHistorySnapshot(snapshot);
+  return chunkEFSQW6S5_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 = chunkPJUQQF3I_js.VIEWER_SHORTCUT_REFERENCE;
+var SHORTCUT_REFERENCE_ITEMS = chunkEFSQW6S5_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 = chunkPJUQQF3I_js.SHAPE_PRESET_DEFS.map(
+var SHAPE_PRESETS = chunkEFSQW6S5_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 (!chunkPJUQQF3I_js.hasShapeProperties(element)) {
+  if (!chunkEFSQW6S5_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) => chunkPJUQQF3I_js.isTemplateElement(el));
+    const template = slide.elements.filter((el) => chunkEFSQW6S5_js.isTemplateElement(el));
     if (template.length === 0) {
       return slide;
     }
     templateElementsBySlideId[slide.id] = template;
-    return { ...slide, elements: slide.elements.filter((el) => !chunkPJUQQF3I_js.isTemplateElement(el)) };
+    return { ...slide, elements: slide.elements.filter((el) => !chunkEFSQW6S5_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 (!chunkPJUQQF3I_js.hasShapeProperties(element)) {
+  if (!chunkEFSQW6S5_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 = chunkPJUQQF3I_js.getRoundRectRadiusPx(element);
+    const radiusPx = chunkEFSQW6S5_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 = chunkPJUQQF3I_js.getResolvedShapeClipPath(element);
+  const clipPath = chunkEFSQW6S5_js.getResolvedShapeClipPath(element);
   if (!clipPath) {
     return void 0;
   }
@@ -328,7 +328,7 @@ function getImageMaskStyle(element) {
 function getImageRenderStyle(element) {
   return {
     ...getImageMaskStyle(element) || {},
-    ...chunkPJUQQF3I_js.getImageFitStyle(element)
+    ...chunkEFSQW6S5_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 (!chunkPJUQQF3I_js.isImageLikeElement(element)) {
+  if (!chunkEFSQW6S5_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 (!chunkPJUQQF3I_js.isImageLikeElement(element)) {
+  if (!chunkEFSQW6S5_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 (!chunkPJUQQF3I_js.isImageLikeElement(element) || !isImageTiled(element)) {
+  if (!chunkEFSQW6S5_js.isImageLikeElement(element) || !isImageTiled(element)) {
     return void 0;
   }
   const scaleX = typeof element.tileScaleX === "number" ? element.tileScaleX * 100 : 100;
@@ -622,7 +622,8 @@ function VideoWithMetadata({
   shouldLoop,
   shouldAutoPlay,
   isFullScreen,
-  isPresentationMode
+  isPresentationMode,
+  showTransport
 }) {
   useMediaMetadataExtraction(mediaRef, element);
   const captionTracks = element.captionTracks ?? [];
@@ -631,7 +632,7 @@ function VideoWithMetadata({
     {
       ref: mediaRef,
       className: `w-full h-full pointer-events-auto ${isFullScreen ? "object-cover" : "object-contain"}`,
-      controls: !isPresentationMode,
+      controls: showTransport,
       preload: "metadata",
       playsInline: true,
       autoPlay: shouldAutoPlay,
@@ -656,7 +657,7 @@ function AudioWithMetadata({
   mediaMimeType,
   shouldLoop,
   shouldAutoPlay,
-  isPresentationMode
+  showTransport
 }) {
   useMediaMetadataExtraction(mediaRef, element);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center p-2 pointer-events-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -664,7 +665,7 @@ function AudioWithMetadata({
     {
       ref: mediaRef,
       className: "w-full",
-      controls: !isPresentationMode,
+      controls: showTransport,
       preload: "metadata",
       autoPlay: shouldAutoPlay,
       loop: shouldLoop,
@@ -689,9 +690,9 @@ function registerMediaElement(elementId, el) {
   };
 }
 function executeMediaCommand(command, frameRoot) {
-  return chunkPJUQQF3I_js.runMediaCommand(
+  return chunkEFSQW6S5_js.runMediaCommand(
     command,
-    (targetId) => registry.get(targetId) ?? chunkPJUQQF3I_js.findMediaElementByElementId(targetId, frameRoot?.())
+    (targetId) => registry.get(targetId) ?? chunkEFSQW6S5_js.findMediaElementByElementId(targetId, frameRoot?.())
   );
 }
 function PresentationMediaController({
@@ -730,19 +731,23 @@ function PresentationMediaController({
     }
     return registerMediaElement(element.id, el);
   }, [element.id]);
+  const { volume: playbackVolume, playbackRate } = chunkEFSQW6S5_js.mediaPlaybackAttributes({
+    loop: element.loop,
+    volume: element.volume,
+    playbackSpeed: element.playbackSpeed
+  });
   React6.useEffect(() => {
     const el = mediaRef.current;
     if (el) {
-      el.volume = Math.max(0, Math.min(1, volume));
+      el.volume = playbackVolume;
     }
-  }, [volume]);
-  const playbackSpeed = element.playbackSpeed ?? 1;
+  }, [playbackVolume]);
   React6.useEffect(() => {
     const el = mediaRef.current;
     if (el) {
-      el.playbackRate = Math.max(0.25, Math.min(4, playbackSpeed));
+      el.playbackRate = playbackRate;
     }
-  }, [playbackSpeed]);
+  }, [playbackRate]);
   React6.useEffect(() => {
     const el = mediaRef.current;
     if (!el) {
@@ -925,7 +930,7 @@ function PresentationMediaController({
 }
 function renderMediaElement(element, mediaDataUrls, options) {
   if (element.type !== "media") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk3GNSGGY2_js.translationsEn["pptx.media.title"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkBXAK3JFM_js.translationsEn["pptx.media.title"] });
   }
   const mediaType = element.mediaType;
   const mediaPath = element.mediaPath;
@@ -933,10 +938,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 = element.loop === true;
+  const shouldLoop = chunkEFSQW6S5_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(
@@ -955,7 +961,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           "img",
           {
             src: posterUrl,
-            alt: chunk3GNSGGY2_js.translationsEn["pptx.media.posterAlt"],
+            alt: chunkBXAK3JFM_js.translationsEn["pptx.media.posterAlt"],
             className: "w-full h-full object-contain opacity-50"
           }
         ),
@@ -976,7 +982,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: chunk3GNSGGY2_js.translationsEn["pptx.media.notFound"] })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: chunkBXAK3JFM_js.translationsEn["pptx.media.notFound"] })
         ] })
       ] });
     }
@@ -1005,7 +1011,8 @@ function renderMediaElement(element, mediaDataUrls, options) {
               shouldLoop,
               shouldAutoPlay,
               isFullScreen,
-              isPresentationMode
+              isPresentationMode,
+              showTransport
             }
           )
         }
@@ -1017,7 +1024,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           "img",
           {
             src: posterUrl,
-            alt: chunk3GNSGGY2_js.translationsEn["pptx.media.videoPosterAlt"],
+            alt: chunkBXAK3JFM_js.translationsEn["pptx.media.videoPosterAlt"],
             className: "w-full h-full object-contain"
           }
         ),
@@ -1074,7 +1081,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
               mediaMimeType,
               shouldLoop,
               shouldAutoPlay,
-              isPresentationMode
+              showTransport
             }
           )
         }
@@ -1106,7 +1113,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  return chunkPJUQQF3I_js.buildTextBlockStyle(element, { fallbackColor });
+  return chunkEFSQW6S5_js.buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
@@ -1131,13 +1138,13 @@ function computeTabSize(tabStops, defaultTabSize) {
   return avgGap > 0 ? `${Math.round(avgGap)}px` : fromDefault;
 }
 function getTextLayoutStyle(element) {
-  if (!chunkPJUQQF3I_js.hasTextProperties(element)) {
+  if (!chunkEFSQW6S5_js.hasTextProperties(element)) {
     return {};
   }
   const verticalAlign = element.textStyle?.vAlign || "top";
-  const writingMode = chunkPJUQQF3I_js.toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = chunkPJUQQF3I_js.toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = chunkPJUQQF3I_js.toCssVerticalDirection(element.textStyle?.textDirection);
+  const writingMode = chunkEFSQW6S5_js.toCssWritingMode(element.textStyle?.textDirection);
+  const textOrientation = chunkEFSQW6S5_js.toCssTextOrientation(element.textStyle?.textDirection);
+  const verticalDirection = chunkEFSQW6S5_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;
@@ -1145,7 +1152,7 @@ function getTextLayoutStyle(element) {
   const tabStops = element.textStyle?.tabStops;
   const tabSize = computeTabSize(tabStops, element.textStyle?.defaultTabSize);
   const textWrapNone = element.textStyle?.textWrap === "none";
-  const hasParagraphIndents = chunkPJUQQF3I_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const hasParagraphIndents = chunkEFSQW6S5_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;
@@ -1154,7 +1161,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 = chunkPJUQQF3I_js.getKinsokuLineBreakStyles(element.textStyle);
+  const kinsokuStyles = chunkEFSQW6S5_js.getKinsokuLineBreakStyles(element.textStyle);
   if (hasColumns) {
     return {
       display: "block",
@@ -1201,10 +1208,10 @@ function getTextLayoutStyle(element) {
 
 // src/viewer/utils/text-effects.tsx
 function buildTextFillCss2(style) {
-  return chunkPJUQQF3I_js.buildTextFillCss(style);
+  return chunkEFSQW6S5_js.buildTextFillCss(style);
 }
 function buildTextBody3DSceneStyle2(textStyle) {
-  return chunkPJUQQF3I_js.buildTextBody3DSceneStyle(textStyle);
+  return chunkEFSQW6S5_js.buildTextBody3DSceneStyle(textStyle);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1389,13 +1396,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
-  const paraKey = `${elementId}${chunkPJUQQF3I_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
+  const paraKey = `${elementId}${chunkEFSQW6S5_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 = chunkPJUQQF3I_js.buildTextBuildSpec(
+  const spec = chunkEFSQW6S5_js.buildTextBuildSpec(
     elementId,
     paraIndex,
     paraSegments.map((entry) => ({ text: entry.segment.text, style: entry })),
@@ -1413,7 +1420,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
       "span",
       {
         "data-anim-id": span.animId,
-        style: chunkPJUQQF3I_js.textBuildSpanStyle(span),
+        style: chunkEFSQW6S5_js.textBuildSpanStyle(span),
         children: content
       },
       span.animId
@@ -1557,10 +1564,10 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
   if (!needsScriptFonts || !text) {
     return text;
   }
-  const runs = chunkPJUQQF3I_js.segmentByScript(text);
+  const runs = chunkEFSQW6S5_js.segmentByScript(text);
   if (runs.length <= 1) {
     if (runs.length === 1) {
-      const font = chunkPJUQQF3I_js.resolveFontForScript(runs[0].script, scriptFonts);
+      const font = chunkEFSQW6S5_js.resolveFontForScript(runs[0].script, scriptFonts);
       if (font && font !== baseFontFamily) {
         return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: font }, children: text });
       }
@@ -1568,7 +1575,7 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
     return text;
   }
   return runs.map((run, i) => {
-    const font = chunkPJUQQF3I_js.resolveFontForScript(run.script, scriptFonts);
+    const font = chunkEFSQW6S5_js.resolveFontForScript(run.script, scriptFonts);
     if (!font || font === baseFontFamily) {
       return /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: run.text }, `${keyPrefix}-r${i}`);
     }
@@ -1640,8 +1647,8 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
   );
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
-  const mathml = chunkPJUQQF3I_js.convertOmmlToMathMl(equationXml);
-  const safeMathml = mathml ? chunkPJUQQF3I_js.sanitizeMathMl(mathml) : "";
+  const mathml = chunkEFSQW6S5_js.convertOmmlToMathMl(equationXml);
+  const safeMathml = mathml ? chunkEFSQW6S5_js.sanitizeMathMl(mathml) : "";
   const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1651,7 +1658,7 @@ function renderEquationSegment(elementId, segmentIndex, equationXml, equationNum
       },
       dangerouslySetInnerHTML: { __html: safeMathml }
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: chunk3GNSGGY2_js.translationsEn["pptx.textSegment.equationFallback"] });
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: chunkBXAK3JFM_js.translationsEn["pptx.textSegment.equationFallback"] });
   if (equationNumber) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -1691,7 +1698,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 = chunkPJUQQF3I_js.resolvePictureBullet(bulletInfo, baseFontSize) ?? {
+  const picture = chunkEFSQW6S5_js.resolvePictureBullet(bulletInfo, baseFontSize) ?? {
     sizePx: baseFontSize,
     fallbackMarker: "\u2022",
     accessibleLabel: "Bullet"
@@ -1742,7 +1749,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 = chunkPJUQQF3I_js.substituteFieldText(rawText, segment.fieldType, fieldContext);
+  const textValue = chunkEFSQW6S5_js.substituteFieldText(rawText, segment.fieldType, fieldContext);
   const lines = textValue.split("\n");
   const textDecorationTokens = [];
   if (segmentStyle.underline || segmentStyle.hyperlink) {
@@ -1752,8 +1759,8 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
     textDecorationTokens.push("line-through");
   }
   const isDoubleStrike = segmentStyle.strikethrough && segmentStyle.strikeType === "dblStrike";
-  const resolvedSegmentColor = segmentStyle.hyperlink ? chunkPJUQQF3I_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, HYPERLINK_COLOR) : chunkPJUQQF3I_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, fallbackColor);
-  const underlineDecoration = chunkPJUQQF3I_js.resolveUnderlineDecorationStyle(
+  const resolvedSegmentColor = segmentStyle.hyperlink ? chunkEFSQW6S5_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, HYPERLINK_COLOR) : chunkEFSQW6S5_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, fallbackColor);
+  const underlineDecoration = chunkEFSQW6S5_js.resolveUnderlineDecorationStyle(
     Boolean(isDoubleStrike),
     segmentStyle.underlineStyle
   );
@@ -1763,20 +1770,33 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   const letterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? `${segmentStyle.characterSpacing / 100 * (96 / 72)}px` : void 0;
   const textFillStyles = buildTextFillCss2(segmentStyle);
   const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
-  const autoFitScale = chunkPJUQQF3I_js.resolveAutoFitFontScale(element.textStyle);
+  const autoFitScale = chunkEFSQW6S5_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 ? chunkPJUQQF3I_js.getSubstituteFontFamily(rawFontFamily) : DEFAULT_FONT_FAMILY;
+  const baseFontFamily = rawFontFamily ? chunkEFSQW6S5_js.getSubstituteFontFamily(
+    rawFontFamily,
+    chunkEFSQW6S5_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+  ) : DEFAULT_FONT_FAMILY;
+  const scriptFont = (name, panose) => name ? chunkEFSQW6S5_js.getSubstituteFontFamily(name, chunkEFSQW6S5_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 = chunkPJUQQF3I_js.hasDistinctScriptFonts(scriptFonts);
+  const needsScriptFonts = chunkEFSQW6S5_js.hasDistinctScriptFonts(scriptFonts);
   const spanStyle = {
     color: resolvedSegmentColor,
     fontSize: baseFontSize * baselineFontScale,
@@ -1794,15 +1814,15 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
     fontVariantCaps: segmentStyle.textCaps === "small" ? "small-caps" : void 0,
     letterSpacing,
     fontKerning,
-    backgroundColor: textFillStyles ? void 0 : segmentStyle.highlightColor ? chunkPJUQQF3I_js.normalizeHexColor(segmentStyle.highlightColor, "transparent") : void 0,
+    backgroundColor: textFillStyles ? void 0 : segmentStyle.highlightColor ? chunkEFSQW6S5_js.normalizeHexColor(segmentStyle.highlightColor, "transparent") : void 0,
     ...textFillStyles,
-    textDecorationColor: segmentStyle.underlineColor ? chunkPJUQQF3I_js.normalizeHexColor(segmentStyle.underlineColor, void 0) : void 0,
-    WebkitTextStroke: segmentStyle.textOutlineWidth && segmentStyle.textOutlineColor ? `${segmentStyle.textOutlineWidth}px ${chunkPJUQQF3I_js.normalizeHexColor(segmentStyle.textOutlineColor, "#000000")}` : segmentStyle.textOutlineWidth ? `${segmentStyle.textOutlineWidth}px currentColor` : void 0,
+    textDecorationColor: segmentStyle.underlineColor ? chunkEFSQW6S5_js.normalizeHexColor(segmentStyle.underlineColor, void 0) : void 0,
+    WebkitTextStroke: segmentStyle.textOutlineWidth && segmentStyle.textOutlineColor ? `${segmentStyle.textOutlineWidth}px ${chunkEFSQW6S5_js.normalizeHexColor(segmentStyle.textOutlineColor, "#000000")}` : segmentStyle.textOutlineWidth ? `${segmentStyle.textOutlineWidth}px currentColor` : void 0,
     paintOrder: segmentStyle.textOutlineWidth ? "stroke fill" : void 0,
-    textShadow: chunkPJUQQF3I_js.buildTextShadowCss(segmentStyle),
-    filter: chunkPJUQQF3I_js.buildTextRunFilterChain(segmentStyle),
-    opacity: chunkPJUQQF3I_js.getTextAlphaOpacity(segmentStyle),
-    WebkitBoxReflect: chunkPJUQQF3I_js.buildTextReflectionCss(segmentStyle)
+    textShadow: chunkEFSQW6S5_js.buildTextShadowCss(segmentStyle),
+    filter: chunkEFSQW6S5_js.buildTextRunFilterChain(segmentStyle),
+    opacity: chunkEFSQW6S5_js.getTextAlphaOpacity(segmentStyle),
+    WebkitBoxReflect: chunkEFSQW6S5_js.buildTextReflectionCss(segmentStyle)
   };
   const runRtl = segmentStyle.rtl;
   if (runRtl !== void 0 && runRtl !== paragraphRtl) {
@@ -1822,7 +1842,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
       spanStyle.fontSize = baseFontSize * (bulletInfo.sizePercent / 100) * baselineFontScale;
     }
     if (bulletInfo.color) {
-      spanStyle.color = chunkPJUQQF3I_js.normalizeHexColor(bulletInfo.color, resolvedSegmentColor);
+      spanStyle.color = chunkEFSQW6S5_js.normalizeHexColor(bulletInfo.color, resolvedSegmentColor);
     }
     if (typeof bulletHangPx === "number" && bulletHangPx > 0) {
       spanStyle.display = "inline-block";
@@ -1867,7 +1887,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 = chunkPJUQQF3I_js.normalizeHexColor(segment.rubyStyle.color, resolvedSegmentColor);
+      rubyStyle.color = chunkEFSQW6S5_js.normalizeHexColor(segment.rubyStyle.color, resolvedSegmentColor);
     }
     innerContent = /* @__PURE__ */ jsxRuntime.jsxs("ruby", { children: [
       baseContent,
@@ -1962,7 +1982,7 @@ function groupSegmentsIntoParagraphs(segments) {
   return paragraphs;
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick) {
-  if (!chunkPJUQQF3I_js.hasTextProperties(element)) {
+  if (!chunkEFSQW6S5_js.hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const effectiveSegments = segmentOverrides ?? element.textSegments;
@@ -1983,10 +2003,10 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     return element.text || emptyFallback || "";
   }
   const paragraphs = groupSegmentsIntoParagraphs(effectiveSegments);
-  const paragraphIndents = chunkPJUQQF3I_js.hasTextProperties(element) ? element.paragraphIndents : void 0;
-  const elementRtl = chunkPJUQQF3I_js.hasTextProperties(element) ? element.textStyle?.rtl : void 0;
-  const elementAlign = chunkPJUQQF3I_js.hasTextProperties(element) ? element.textStyle?.align : void 0;
-  const bodyStyle = chunkPJUQQF3I_js.hasTextProperties(element) ? element.textStyle : void 0;
+  const paragraphIndents = chunkEFSQW6S5_js.hasTextProperties(element) ? element.paragraphIndents : void 0;
+  const elementRtl = chunkEFSQW6S5_js.hasTextProperties(element) ? element.textStyle?.rtl : void 0;
+  const elementAlign = chunkEFSQW6S5_js.hasTextProperties(element) ? element.textStyle?.align : void 0;
+  const bodyStyle = chunkEFSQW6S5_js.hasTextProperties(element) ? element.textStyle : void 0;
   const spaceFirstLast = bodyStyle?.spaceFirstLastParagraph !== false;
   return paragraphs.map(({ entries: paraSegments, terminator }, paraIndex) => {
     const paraIndent = paragraphIndents?.[paraIndex];
@@ -2001,14 +2021,14 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
       return Boolean(segment.text) && segment.text.trim().length > 0;
     });
     const hasBullet = bulletInfo && !bulletInfo.none && hasVisibleTextContent;
-    const paraRtl = chunkPJUQQF3I_js.resolveParagraphRtl(paraSegments, elementRtl);
+    const paraRtl = chunkEFSQW6S5_js.resolveParagraphRtl(paraSegments, elementRtl);
     const isRtlParagraph = paraRtl === true;
-    const paraAlign = chunkPJUQQF3I_js.resolveParagraphAlign(paraSegments, elementAlign);
-    const cssTextAlign = chunkPJUQQF3I_js.resolveCssTextAlign(paraAlign, isRtlParagraph);
+    const paraAlign = chunkEFSQW6S5_js.resolveParagraphAlign(paraSegments, elementAlign);
+    const cssTextAlign = chunkEFSQW6S5_js.resolveCssTextAlign(paraAlign, isRtlParagraph);
     const paraMarginLeft = isRtlParagraph ? void 0 : rawMarginLeft;
     const paraMarginRight = isRtlParagraph ? rawMarginLeft : void 0;
     const paraTextIndent = rawTextIndent;
-    const paraKinsokuStyle = chunkPJUQQF3I_js.getKinsokuLineBreakStyles(firstSeg?.segment.style);
+    const paraKinsokuStyle = chunkEFSQW6S5_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({
@@ -2018,7 +2038,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
       isLast: paraIndex === paragraphs.length - 1,
       spaceFirstLast
     });
-    const strutFontSize = chunkPJUQQF3I_js.resolveParagraphStrutFontSize(
+    const strutFontSize = chunkEFSQW6S5_js.resolveParagraphStrutFontSize(
       paraSegments.length > 0 ? paraSegments.map(({ segment }) => segment) : terminator ? [terminator] : [],
       bodyStyle?.fontSize
     );
@@ -2122,13 +2142,13 @@ function hexToRgbUnit(hex) {
   };
 }
 function getDuotoneColors(element) {
-  if (!chunkPJUQQF3I_js.isImageLikeElement(element)) {
+  if (!chunkEFSQW6S5_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!chunkPJUQQF3I_js.hasShapeProperties(element)) {
+  if (!chunkEFSQW6S5_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -2139,13 +2159,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 ${chunkPJUQQF3I_js.colorWithOpacity(
-    chunkPJUQQF3I_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
+  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkEFSQW6S5_js.colorWithOpacity(
+    chunkEFSQW6S5_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
     opacity
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!chunkPJUQQF3I_js.hasShapeProperties(element)) {
+  if (!chunkEFSQW6S5_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -2154,7 +2174,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 = chunkPJUQQF3I_js.colorWithOpacity(chunkPJUQQF3I_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
+  const glowCol = chunkEFSQW6S5_js.colorWithOpacity(chunkEFSQW6S5_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
   return `drop-shadow(0 0 ${glowRad}px ${glowCol})`;
 }
 function mapDagBlendModeToCss(blend) {
@@ -2178,7 +2198,7 @@ function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
 function hasDagDuotoneEffect(element) {
-  if (!chunkPJUQQF3I_js.hasShapeProperties(element)) {
+  if (!chunkEFSQW6S5_js.hasShapeProperties(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
@@ -2241,7 +2261,7 @@ function getRoundRectRadiusPx2(element) {
 
 // src/viewer/utils/shape-visual-3d.ts
 function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return chunkPJUQQF3I_js.build3DExtrusionData(
+  return chunkEFSQW6S5_js.build3DExtrusionData(
     shape3d,
     scene3d,
     fillColor,
@@ -2250,7 +2270,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
   );
 }
 function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
-  chunkPJUQQF3I_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
+  chunkEFSQW6S5_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
 }
 
 // src/viewer/utils/vector-subpath-paint.ts
@@ -2259,7 +2279,7 @@ function toHexByte(value) {
   return clamped.toString(16).padStart(2, "0");
 }
 function shiftHex(hex, factor, towardsWhite) {
-  const channels = chunkPJUQQF3I_js.hexToRgbChannels(hex);
+  const channels = chunkEFSQW6S5_js.hexToRgbChannels(hex);
   if (!channels) {
     return hex;
   }
@@ -2285,13 +2305,13 @@ function buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity) {
     const fillOff = subpath.fillMode === "none" || !hasFill;
     return {
       d: subpath.d,
-      fill: fillOff ? "none" : chunkPJUQQF3I_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
+      fill: fillOff ? "none" : chunkEFSQW6S5_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
       stroked: subpath.stroke !== false
     };
   });
 }
 function getStrokeOnlyPresetPaths(element) {
-  if (element.type !== "shape" || !chunkPJUQQF3I_js.hasShapeProperties(element)) {
+  if (element.type !== "shape" || !chunkEFSQW6S5_js.hasShapeProperties(element)) {
     return void 0;
   }
   const shapeType = element.shapeType;
@@ -2301,7 +2321,7 @@ function getStrokeOnlyPresetPaths(element) {
   if (element.pathData) {
     return void 0;
   }
-  const result = chunkPJUQQF3I_js.evaluatePresetShape(
+  const result = chunkEFSQW6S5_js.evaluatePresetShape(
     shapeType,
     Math.max(element.width, 1),
     Math.max(element.height, 1),
@@ -2319,43 +2339,43 @@ function getGradientTilingCss(style) {
   if (!style || style.fillMode !== "gradient") {
     return void 0;
   }
-  const isStructuredLinear = (style.fillGradientType || "linear") === "linear" && chunkPJUQQF3I_js.sanitizeGradientStops(style.fillGradientStops).length > 0;
+  const isStructuredLinear = (style.fillGradientType || "linear") === "linear" && chunkEFSQW6S5_js.sanitizeGradientStops(style.fillGradientStops).length > 0;
   if (isStructuredLinear) {
-    const flip = chunkPJUQQF3I_js.getGradientTileFlipCss(style.fillGradientFlip);
+    const flip = chunkEFSQW6S5_js.getGradientTileFlipCss(style.fillGradientFlip);
     if (flip) {
       return flip;
     }
   }
-  return chunkPJUQQF3I_js.getGradientTileRectCss(style.fillGradientTileRect);
+  return chunkEFSQW6S5_js.getGradientTileRectCss(style.fillGradientTileRect);
 }
 function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunkPJUQQF3I_js.hasShapeProperties(element)) {
+  if (!chunkEFSQW6S5_js.hasShapeProperties(element)) {
     return {};
   }
   const normalizedShapeType = getShapeType(element.shapeType);
-  const clipPath = chunkPJUQQF3I_js.getResolvedShapeClipPath(element);
+  const clipPath = chunkEFSQW6S5_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 = chunkPJUQQF3I_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const fillGradient = chunkPJUQQF3I_js.buildCssGradientFromShapeStyle(element.shapeStyle, {
+  const strokeDash = chunkEFSQW6S5_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const fillGradient = chunkEFSQW6S5_js.buildCssGradientFromShapeStyle(element.shapeStyle, {
     rotation: element.rotation,
     width: element.width,
     height: element.height
   }) || element.shapeStyle?.fillGradient;
-  const shadowCss = chunkPJUQQF3I_js.buildShadowCssFromShapeStyle(element.shapeStyle);
-  const innerShadowCss = chunkPJUQQF3I_js.buildInnerShadowCssFromShapeStyle(element.shapeStyle);
-  const resolvedFillColor = chunkPJUQQF3I_js.colorWithOpacity(fillColor, fillOpacity);
-  const resolvedStrokeColor = chunkPJUQQF3I_js.colorWithOpacity(strokeColor, strokeOpacity);
+  const shadowCss = chunkEFSQW6S5_js.buildShadowCssFromShapeStyle(element.shapeStyle);
+  const innerShadowCss = chunkEFSQW6S5_js.buildInnerShadowCssFromShapeStyle(element.shapeStyle);
+  const resolvedFillColor = chunkEFSQW6S5_js.colorWithOpacity(fillColor, fillOpacity);
+  const resolvedStrokeColor = chunkEFSQW6S5_js.colorWithOpacity(strokeColor, strokeOpacity);
   const ss = element.shapeStyle;
   const gradientTiling = getGradientTilingCss(ss);
-  const paintsGradientOutline = chunkPJUQQF3I_js.suppressesCssBorder(element);
+  const paintsGradientOutline = chunkEFSQW6S5_js.suppressesCssBorder(element);
   const hasFillOverlayColor = Boolean(
     ss?.dagFillOverlayColor && ss.dagFillOverlayColor !== "transparent"
   );
   const combinedShadowParts = [];
-  const multiLayerShadow = chunkPJUQQF3I_js.buildMultiLayerShadowCss(element.shapeStyle);
+  const multiLayerShadow = chunkEFSQW6S5_js.buildMultiLayerShadowCss(element.shapeStyle);
   if (multiLayerShadow) {
     combinedShadowParts.push(multiLayerShadow);
   } else if (shadowCss) {
@@ -2364,7 +2384,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (innerShadowCss) {
     combinedShadowParts.push(innerShadowCss);
   }
-  const glowBoxShadow = chunkPJUQQF3I_js.buildGlowBoxShadow(ss?.glowColor, ss?.glowRadius, ss?.glowOpacity);
+  const glowBoxShadow = chunkEFSQW6S5_js.buildGlowBoxShadow(ss?.glowColor, ss?.glowRadius, ss?.glowOpacity);
   if (glowBoxShadow) {
     combinedShadowParts.push(glowBoxShadow);
   }
@@ -2372,7 +2392,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (lineShadow) {
     combinedShadowParts.push(lineShadow);
   }
-  const compoundLineShadow = chunkPJUQQF3I_js.getCompoundLineBoxShadow(
+  const compoundLineShadow = chunkEFSQW6S5_js.getCompoundLineBoxShadow(
     element.shapeStyle?.compoundLine,
     strokeWidth,
     resolvedStrokeColor
@@ -2385,11 +2405,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 = chunkPJUQQF3I_js.colorWithOpacity(chunkPJUQQF3I_js.normalizeHexColor(ss.glowColor, "#ffff00"), glowOpacity);
+    const glowCol = chunkEFSQW6S5_js.colorWithOpacity(chunkEFSQW6S5_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(#${chunkPJUQQF3I_js.getSoftEdgeFilterId(element.id)})`);
+    filterParts.push(`url(#${chunkEFSQW6S5_js.getSoftEdgeFilterId(element.id)})`);
   }
   if (typeof ss?.blurRadius === "number" && ss.blurRadius > 0) {
     filterParts.push(`blur(${Math.round(ss.blurRadius)}px)`);
@@ -2398,13 +2418,13 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (lineGlowCss) {
     filterParts.push(lineGlowCss);
   }
-  const dagFilter = chunkPJUQQF3I_js.getEffectDagFilter(ss, element.id);
+  const dagFilter = chunkEFSQW6S5_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 = chunkPJUQQF3I_js.buildPatternFillCss(element.shapeStyle);
+  const patternFill = chunkEFSQW6S5_js.buildPatternFillCss(element.shapeStyle);
   const imageFillUrl = ss?.fillMode === "image" && ss.fillImageUrl ? ss.fillImageUrl : void 0;
   const imageFillMode = ss?.fillImageMode || "stretch";
   let reflectCss;
@@ -2416,7 +2436,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 = chunkPJUQQF3I_js.buildReflectionCss(distance, startOpacity, endOpacity, fadeLength, blurRadius);
+      reflectCss = chunkEFSQW6S5_js.buildReflectionCss(distance, startOpacity, endOpacity, fadeLength, blurRadius);
     }
   }
   const base = {
@@ -2462,9 +2482,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 ? chunkPJUQQF3I_js.getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
+    borderWidth: strokeWidth > 0 && !paintsGradientOutline ? chunkEFSQW6S5_js.getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
     borderColor: strokeWidth > 0 && !paintsGradientOutline ? resolvedStrokeColor : void 0,
-    borderStyle: strokeWidth > 0 && !paintsGradientOutline ? chunkPJUQQF3I_js.getCssBorderDashStyle(strokeDash, ss?.compoundLine) : void 0,
+    borderStyle: strokeWidth > 0 && !paintsGradientOutline ? chunkEFSQW6S5_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
@@ -2520,7 +2540,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
       borderWidth: 0,
       borderTopWidth: Math.max(strokeWidth, 2),
       borderTopColor: resolvedStrokeColor,
-      borderTopStyle: chunkPJUQQF3I_js.getCssBorderDashStyle(strokeDash)
+      borderTopStyle: chunkEFSQW6S5_js.getCssBorderDashStyle(strokeDash)
     };
   }
   if (normalizedShapeType === "cylinder") {
@@ -2534,17 +2554,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 chunkPJUQQF3I_js.clampUnitInterval(direct / 1e5);
+    return chunkEFSQW6S5_js.clampUnitInterval(direct / 1e5);
   }
   const fallbackKey = element.shapeAdjustments?.adj;
   if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
-    return chunkPJUQQF3I_js.clampUnitInterval(fallbackKey / 1e5);
+    return chunkEFSQW6S5_js.clampUnitInterval(fallbackKey / 1e5);
   }
-  return chunkPJUQQF3I_js.clampUnitInterval(fallback);
+  return chunkEFSQW6S5_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;
@@ -2677,11 +2697,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: chunkPJUQQF3I_js.svgLineCap(shapeStyle?.lineCap),
+    lineCap: chunkEFSQW6S5_js.svgLineCap(shapeStyle?.lineCap),
     lineJoin,
     miterLimit,
-    offsets: chunkPJUQQF3I_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
-    widths: chunkPJUQQF3I_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
+    offsets: chunkEFSQW6S5_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
+    widths: chunkEFSQW6S5_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
   };
 }
 function strokeStrands(d, keyBase, ctx) {
@@ -2729,9 +2749,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 ? chunkPJUQQF3I_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunkEFSQW6S5_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 ? chunkPJUQQF3I_js.svgGradientFillRef(gradient) : void 0;
+  const gradientPaint = gradient ? chunkEFSQW6S5_js.svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
     const paints = buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
@@ -2763,7 +2783,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : gradientPaint ?? chunkPJUQQF3I_js.colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? chunkEFSQW6S5_js.colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2808,14 +2828,14 @@ function renderStrokeOnlyPreset(presetPaths, width, height, shapeStyle, strokePa
   );
 }
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunkPJUQQF3I_js.hasShapeProperties(element)) {
+  if (!chunkEFSQW6S5_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
-  const fillPaint = animatesFill ? "inherit" : chunkPJUQQF3I_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
-  const strokePaint = animatesStroke ? "inherit" : chunkPJUQQF3I_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
-  const dashType = chunkPJUQQF3I_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const dashArray = chunkPJUQQF3I_js.getSvgStrokeDasharray(
+  const fillPaint = animatesFill ? "inherit" : chunkEFSQW6S5_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
+  const strokePaint = animatesStroke ? "inherit" : chunkEFSQW6S5_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
+  const dashType = chunkEFSQW6S5_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const dashArray = chunkEFSQW6S5_js.getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
     element.shapeStyle?.customDashSegments
@@ -2896,21 +2916,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).
-      chunkPJUQQF3I_js.buildSvgGradientDef(element.shapeStyle, element.id)
+      chunkEFSQW6S5_js.buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
-  if (chunkPJUQQF3I_js.isCalloutShape(normalizedType)) {
+  if (chunkEFSQW6S5_js.isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkPJUQQF3I_js.getCalloutLeaderLineGeometry(
+    const geometry = chunkEFSQW6S5_js.getCalloutLeaderLineGeometry(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = chunkPJUQQF3I_js.buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = chunkPJUQQF3I_js.getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = chunkEFSQW6S5_js.buildCalloutLeaderLineSvgPath(geometry);
+      const bounds = chunkEFSQW6S5_js.getCalloutViewBoxBounds(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2973,10 +2993,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 = chunkPJUQQF3I_js.svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = chunkEFSQW6S5_js.svgLineCap(element.shapeStyle?.lineCap);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
-    const offsets = chunkPJUQQF3I_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const widths = chunkPJUQQF3I_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const offsets = chunkEFSQW6S5_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const widths = chunkEFSQW6S5_js.getCompoundLineWidths(compoundLine, strokeWidth);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -3055,15 +3075,15 @@ function parseGradientFillCss(gradFill) {
   }
   const parsed = stops.map((gs) => {
     const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = chunkPJUQQF3I_js.parseDrawingColor(gs) ?? "#888888";
-    const opacity = chunkPJUQQF3I_js.parseDrawingColorOpacity(gs);
-    return { pos, color: chunkPJUQQF3I_js.colorWithOpacity(color, opacity) };
+    const color = chunkEFSQW6S5_js.parseDrawingColor(gs) ?? "#888888";
+    const opacity = chunkEFSQW6S5_js.parseDrawingColorOpacity(gs);
+    return { pos, color: chunkEFSQW6S5_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(chunkPJUQQF3I_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round(chunkEFSQW6S5_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -3098,8 +3118,8 @@ function parsePatternFillCss(pattFill) {
   if (!pattFill) {
     return void 0;
   }
-  const fgColor = chunkPJUQQF3I_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = chunkPJUQQF3I_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
+  const fgColor = chunkEFSQW6S5_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
+  const bgColor = chunkEFSQW6S5_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
   const preset = String(pattFill["@_prst"] || "ltDnDiag");
   switch (preset) {
     case "ltHorz":
@@ -3210,11 +3230,11 @@ function parseCellBorders(cellProperties) {
     const prstDash = ln["a:prstDash"];
     const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
     const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = chunkPJUQQF3I_js.parseDrawingColor(ln["a:solidFill"]);
+    const color = chunkEFSQW6S5_js.parseDrawingColor(ln["a:solidFill"]);
     if (color) {
-      const opacity = chunkPJUQQF3I_js.parseDrawingColorOpacity(ln["a:solidFill"]);
+      const opacity = chunkEFSQW6S5_js.parseDrawingColorOpacity(ln["a:solidFill"]);
       const key = `${edge.prefix}`;
-      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkPJUQQF3I_js.colorWithOpacity(color, opacity)}`;
+      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkEFSQW6S5_js.colorWithOpacity(color, opacity)}`;
     }
   }
   return borderStyle;
@@ -3227,7 +3247,7 @@ function parseCellTextEffects(runProps) {
   const textShadowParts = [];
   const outerShdw = effectLst["a:outerShdw"];
   if (outerShdw) {
-    const shdwColor = chunkPJUQQF3I_js.parseDrawingColor(outerShdw);
+    const shdwColor = chunkEFSQW6S5_js.parseDrawingColor(outerShdw);
     if (shdwColor) {
       const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
       const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
@@ -3245,7 +3265,7 @@ function parseCellTextEffects(runProps) {
   }
   const glow = effectLst["a:glow"];
   if (glow) {
-    const glowColor = chunkPJUQQF3I_js.parseDrawingColor(glow);
+    const glowColor = chunkEFSQW6S5_js.parseDrawingColor(glow);
     if (glowColor) {
       const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
       const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
@@ -3324,10 +3344,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   if (runProps?.["@_u"] !== void 0) {
     cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
   }
-  const runColor = chunkPJUQQF3I_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkPJUQQF3I_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
+  const runColor = chunkEFSQW6S5_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkEFSQW6S5_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
   if (runColor) {
-    const opacity = chunkPJUQQF3I_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = chunkPJUQQF3I_js.colorWithOpacity(runColor, opacity);
+    const opacity = chunkEFSQW6S5_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
+    cellStyle.color = chunkEFSQW6S5_js.colorWithOpacity(runColor, opacity);
   }
   const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
   if (fontFamily) {
@@ -3337,15 +3357,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
   }
   const cellProperties = cellXml["a:tcPr"];
-  const cellFill = chunkPJUQQF3I_js.parseDrawingColor(
+  const cellFill = chunkEFSQW6S5_js.parseDrawingColor(
     cellProperties?.["a:solidFill"],
     schemeColorOverrides
   );
   if (cellFill) {
-    const opacity = chunkPJUQQF3I_js.parseDrawingColorOpacity(
+    const opacity = chunkEFSQW6S5_js.parseDrawingColorOpacity(
       cellProperties?.["a:solidFill"]
     );
-    cellStyle.backgroundColor = chunkPJUQQF3I_js.colorWithOpacity(cellFill, opacity);
+    cellStyle.backgroundColor = chunkEFSQW6S5_js.colorWithOpacity(cellFill, opacity);
   } else {
     const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
     if (gradCss) {
@@ -3360,16 +3380,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 = chunkPJUQQF3I_js.parseDrawingColor(
+    const borderColor = chunkEFSQW6S5_js.parseDrawingColor(
       cellProperties?.["a:lnL"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkPJUQQF3I_js.parseDrawingColor(
+    ) || chunkEFSQW6S5_js.parseDrawingColor(
       cellProperties?.["a:lnR"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkPJUQQF3I_js.parseDrawingColor(
+    ) || chunkEFSQW6S5_js.parseDrawingColor(
       cellProperties?.["a:lnT"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkPJUQQF3I_js.parseDrawingColor(
+    ) || chunkEFSQW6S5_js.parseDrawingColor(
       cellProperties?.["a:lnB"]?.["a:solidFill"],
       schemeColorOverrides
     );
@@ -3448,10 +3468,10 @@ function resolveTableStyleFillColor(fill, colorScheme) {
   }
   let color = base;
   if (fill.tint !== void 0 && fill.tint > 0) {
-    color = chunkPJUQQF3I_js.tintColor2(color, fill.tint / 1e5);
+    color = chunkEFSQW6S5_js.tintColor2(color, fill.tint / 1e5);
   }
   if (fill.shade !== void 0 && fill.shade > 0) {
-    color = chunkPJUQQF3I_js.shadeColor2(color, 1 - fill.shade / 1e5);
+    color = chunkEFSQW6S5_js.shadeColor2(color, 1 - fill.shade / 1e5);
   }
   return color;
 }
@@ -3476,7 +3496,7 @@ function applyTableStyleText(text, colorScheme, style, fontScheme) {
     style.fontFamily = text.fontFace;
     applied = true;
   } else {
-    const refFont = chunkPJUQQF3I_js.resolveFontRefIdx(text.fontRefIdx, fontScheme);
+    const refFont = chunkEFSQW6S5_js.resolveFontRefIdx(text.fontRefIdx, fontScheme);
     if (refFont) {
       style.fontFamily = refFont;
       applied = true;
@@ -3487,10 +3507,10 @@ function applyTableStyleText(text, colorScheme, style, fontScheme) {
     if (base) {
       let color = base;
       if (text.fontTint !== void 0 && text.fontTint > 0) {
-        color = chunkPJUQQF3I_js.tintColor2(color, text.fontTint / 1e5);
+        color = chunkEFSQW6S5_js.tintColor2(color, text.fontTint / 1e5);
       }
       if (text.fontShade !== void 0 && text.fontShade > 0) {
-        color = chunkPJUQQF3I_js.shadeColor2(color, 1 - text.fontShade / 1e5);
+        color = chunkEFSQW6S5_js.shadeColor2(color, 1 - text.fontShade / 1e5);
       }
       style.color = color;
       applied = true;
@@ -3679,7 +3699,7 @@ function parseTableElementData(element, fallbackTextStyle) {
   };
 }
 function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return chunkPJUQQF3I_js.getCellDiagonalBorders(style, tableData, pos, {
+  return chunkEFSQW6S5_js.getCellDiagonalBorders(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -3827,9 +3847,9 @@ function cellStyleToCss(style) {
   if (style.gradientFillCss) {
     css.background = style.gradientFillCss;
   } else if (style.fillMode === "pattern" && style.patternFillPreset) {
-    const fg = chunkPJUQQF3I_js.normalizeHexColor(style.patternFillForeground, "#000000");
-    const bg = chunkPJUQQF3I_js.normalizeHexColor(style.patternFillBackground, "#ffffff");
-    const svgPattern = chunkPJUQQF3I_js.getPatternSvg(style.patternFillPreset, fg, bg);
+    const fg = chunkEFSQW6S5_js.normalizeHexColor(style.patternFillForeground, "#000000");
+    const bg = chunkEFSQW6S5_js.normalizeHexColor(style.patternFillBackground, "#ffffff");
+    const svgPattern = chunkEFSQW6S5_js.getPatternSvg(style.patternFillPreset, fg, bg);
     if (svgPattern) {
       const encoded = encodeURIComponent(svgPattern);
       css.backgroundImage = `url("data:image/svg+xml,${encoded}")`;
@@ -3905,7 +3925,7 @@ function cellStyleToCss(style) {
     if (edge.width || edge.color) {
       const w = edge.width ?? 1;
       const c = edge.color ?? style.borderColor ?? "#000000";
-      const s = chunkPJUQQF3I_js.ooxmlDashToCssBorderStyle(edge.dash);
+      const s = chunkEFSQW6S5_js.ooxmlDashToCssBorderStyle(edge.dash);
       css[edge.prefix] = `${w}px ${s} ${c}`;
     }
   }
@@ -3936,7 +3956,7 @@ function cellStyleToCss(style) {
     css.textShadow = textShadowParts.join(", ");
   }
   if (style.cell3D) {
-    Object.assign(css, chunkPJUQQF3I_js.cell3DBevelCss(style.cell3D));
+    Object.assign(css, chunkEFSQW6S5_js.cell3DBevelCss(style.cell3D));
   }
   return css;
 }
@@ -3950,7 +3970,7 @@ function TableResizeOverlay({
   const containerRef = React6.useRef(null);
   const [rowBounds, setRowBounds] = React6.useState([]);
   const dragRef = React6.useRef(null);
-  const colBoundaries = React6.useMemo(() => chunkPJUQQF3I_js.computeColumnBoundaries(columnWidths), [columnWidths]);
+  const colBoundaries = React6.useMemo(() => chunkEFSQW6S5_js.computeColumnBoundaries(columnWidths), [columnWidths]);
   const measureRows = React6.useCallback(() => {
     const container = containerRef.current;
     if (!container) {
@@ -3997,11 +4017,11 @@ function TableResizeOverlay({
       const rect = containerRef.current.getBoundingClientRect();
       if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
-        onResizeColumns(chunkPJUQQF3I_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
+        onResizeColumns(chunkEFSQW6S5_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
       } else if (drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
-        const newHeight = chunkPJUQQF3I_js.computeResizedRowHeight(
-          drag.initialRowHeight ?? chunkPJUQQF3I_js.DEFAULT_ROW_HEIGHT,
+        const newHeight = chunkEFSQW6S5_js.computeResizedRowHeight(
+          drag.initialRowHeight ?? chunkEFSQW6S5_js.DEFAULT_ROW_HEIGHT,
           deltaY
         );
         onResizeRow(drag.index, newHeight);
@@ -4039,7 +4059,7 @@ function TableResizeOverlay({
     e.stopPropagation();
     const table = containerRef.current?.querySelector("table");
     const tr = table?.querySelectorAll("tbody > tr")[index];
-    const actualHeight = tr?.offsetHeight ?? chunkPJUQQF3I_js.DEFAULT_ROW_HEIGHT;
+    const actualHeight = tr?.offsetHeight ?? chunkEFSQW6S5_js.DEFAULT_ROW_HEIGHT;
     document.body.style.cursor = "row-resize";
     document.body.style.userSelect = "none";
     dragRef.current = {
@@ -4087,7 +4107,7 @@ function renderTableFromTableData(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkPJUQQF3I_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
+    return chunkEFSQW6S5_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableResizeOverlay,
@@ -4120,7 +4140,7 @@ function renderTableFromTableData(element, textStyle, options) {
                     return null;
                   }
                   const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                  const isInMultiSelection = chunkPJUQQF3I_js.isCellInRect(rowIndex, cellIndex, selectionRect);
+                  const isInMultiSelection = chunkEFSQW6S5_js.isCellInRect(rowIndex, cellIndex, selectionRect);
                   const isCellEditing = isCellSelected && selectedCell?.isEditing;
                   const diag = getCellDiagonalBorders2(
                     cell.style,
@@ -4150,7 +4170,7 @@ function renderTableFromTableData(element, textStyle, options) {
                         }
                         event.stopPropagation();
                         if (event.shiftKey && selectedCell) {
-                          const rect = chunkPJUQQF3I_js.computeSelectionRect(
+                          const rect = chunkEFSQW6S5_js.computeSelectionRect(
                             selectedCell.rowIndex,
                             selectedCell.columnIndex,
                             rowIndex,
@@ -4160,7 +4180,7 @@ function renderTableFromTableData(element, textStyle, options) {
                           options?.onSelectCell?.({
                             rowIndex: selectedCell.rowIndex,
                             columnIndex: selectedCell.columnIndex,
-                            selectedCells: chunkPJUQQF3I_js.rectToCells(rect)
+                            selectedCells: chunkEFSQW6S5_js.rectToCells(rect)
                           });
                         } else {
                           options?.onSelectCell?.({
@@ -4222,7 +4242,7 @@ function renderTableElement(element, textStyle, options) {
     if (tableEl2.tableData && tableEl2.tableData.rows.length > 0) {
       return renderTableFromTableData(tableEl2, textStyle, options);
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk3GNSGGY2_js.translationsEn["pptx.table.title"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkBXAK3JFM_js.translationsEn["pptx.table.title"] });
   }
   const selectedCell = options?.selectedCell || null;
   const isEditable = Boolean(options?.editable);
@@ -4237,7 +4257,7 @@ function renderTableElement(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkPJUQQF3I_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
+    return chunkEFSQW6S5_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(
@@ -4314,7 +4334,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,
-                          chunkPJUQQF3I_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                          chunkEFSQW6S5_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,
@@ -4325,7 +4345,7 @@ function renderTableElement(element, textStyle, options) {
                           }
                           event.stopPropagation();
                           if (event.shiftKey && selectedCell && tableEl.tableData) {
-                            const rect = chunkPJUQQF3I_js.computeSelectionRect(
+                            const rect = chunkEFSQW6S5_js.computeSelectionRect(
                               selectedCell.rowIndex,
                               selectedCell.columnIndex,
                               rowIndex,
@@ -4335,7 +4355,7 @@ function renderTableElement(element, textStyle, options) {
                             options?.onSelectCell?.({
                               rowIndex: selectedCell.rowIndex,
                               columnIndex: selectedCell.columnIndex,
-                              selectedCells: chunkPJUQQF3I_js.rectToCells(rect)
+                              selectedCells: chunkEFSQW6S5_js.rectToCells(rect)
                             });
                           } else {
                             options?.onSelectCell?.({
@@ -4390,24 +4410,24 @@ function renderTableElement(element, textStyle, options) {
 }
 var LEGEND_ITEM_WIDTH = 80;
 function partAttrs(part) {
-  return part ? chunkPJUQQF3I_js.chartPartToAttrs(part) : void 0;
+  return part ? chunkEFSQW6S5_js.chartPartToAttrs(part) : void 0;
 }
 function resolveReactPalette(chartData) {
   if (chartData.colorPalette && chartData.colorPalette.length > 0) {
     return chartData.colorPalette;
   }
-  return [...chunkPJUQQF3I_js.getChartStylePalette(chartData.style?.styleId)];
+  return [...chunkEFSQW6S5_js.getChartStylePalette(chartData.style?.styleId)];
 }
 function buildReactChartViewModel(element) {
   if (element.type !== "chart" || !element.chartData) {
-    return chunkPJUQQF3I_js.buildChartViewModel(element);
+    return chunkEFSQW6S5_js.buildChartViewModel(element);
   }
   const palette = resolveReactPalette(element.chartData);
   const themedElement = {
     ...element,
     chartData: { ...element.chartData, colorPalette: palette }
   };
-  return chunkPJUQQF3I_js.buildChartViewModel(themedElement);
+  return chunkEFSQW6S5_js.buildChartViewModel(themedElement);
 }
 function renderPrimitive(prim, key) {
   switch (prim.kind) {
@@ -4556,7 +4576,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",
           {
@@ -4796,7 +4816,7 @@ function renderMapChart(element, chartData, categoryLabels) {
   const unmatchedRows = [];
   categories.forEach((cat, i) => {
     const value = values[i] ?? 0;
-    const code = chunkPJUQQF3I_js.resolveRegionCode(cat);
+    const code = chunkEFSQW6S5_js.resolveRegionCode(cat);
     if (code) {
       regionValueMap.set(code, { value, label: cat });
     } else {
@@ -4834,8 +4854,8 @@ function renderMapChart(element, chartData, categoryLabels) {
     let fill = "#e2e8f0";
     let dataLabel = null;
     if (entry) {
-      const t = chunkPJUQQF3I_js.normalizeValue(entry.value, minVal, maxVal);
-      fill = chunkPJUQQF3I_js.sequentialColorScale(t);
+      const t = chunkEFSQW6S5_js.normalizeValue(entry.value, minVal, maxVal);
+      fill = chunkEFSQW6S5_js.sequentialColorScale(t);
       dataLabel = /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
@@ -4846,7 +4866,7 @@ function renderMapChart(element, chartData, categoryLabels) {
           fontWeight: 600,
           fill: "#1e293b",
           style: { pointerEvents: "none" },
-          children: chunkPJUQQF3I_js.formatAxisValue(entry.value)
+          children: chunkEFSQW6S5_js.formatAxisValue(entry.value)
         },
         `${element.id}-map-dl-${region.code}`
       );
@@ -4864,7 +4884,7 @@ function renderMapChart(element, chartData, categoryLabels) {
             opacity: 0.9,
             children: /* @__PURE__ */ jsxRuntime.jsxs("title", { children: [
               region.name,
-              entry ? `: ${chunkPJUQQF3I_js.formatAxisValue(entry.value)}` : ""
+              entry ? `: ${chunkEFSQW6S5_js.formatAxisValue(entry.value)}` : ""
             ] })
           }
         ),
@@ -4902,7 +4922,7 @@ function renderMapChart(element, chartData, categoryLabels) {
         fontSize: 7,
         fill: "#64748b",
         textAnchor: "middle",
-        children: chunkPJUQQF3I_js.formatAxisValue(minVal)
+        children: chunkEFSQW6S5_js.formatAxisValue(minVal)
       },
       `${element.id}-map-legend-min`
     ),
@@ -4914,7 +4934,7 @@ function renderMapChart(element, chartData, categoryLabels) {
         fontSize: 7,
         fill: "#64748b",
         textAnchor: "middle",
-        children: chunkPJUQQF3I_js.formatAxisValue(maxVal)
+        children: chunkEFSQW6S5_js.formatAxisValue(maxVal)
       },
       `${element.id}-map-legend-max`
     )
@@ -4933,7 +4953,7 @@ function renderMapChart(element, chartData, categoryLabels) {
           textAnchor: "middle",
           fontSize: 7,
           fill: "#94a3b8",
-          children: chunk3GNSGGY2_js.translationsEn["pptx.chart.additionalRegionsFallback"]
+          children: chunkBXAK3JFM_js.translationsEn["pptx.chart.additionalRegionsFallback"]
         },
         `${element.id}-map-ft-hdr`
       )
@@ -4980,7 +5000,7 @@ function renderMapChart(element, chartData, categoryLabels) {
             y,
             fontSize,
             fill: "#475569",
-            children: chunkPJUQQF3I_js.formatAxisValue(row.value)
+            children: chunkEFSQW6S5_js.formatAxisValue(row.value)
           },
           `${element.id}-map-ft-val-${i}`
         )
@@ -5051,7 +5071,7 @@ function renderStackedBarChart(element, _chartData, _categoryLabels) {
 
 // src/viewer/utils/chart-overlay-utils.ts
 function sColor(series, idx) {
-  return chunkPJUQQF3I_js.seriesColor(series, idx);
+  return chunkEFSQW6S5_js.seriesColor(series, idx);
 }
 function valToY(val, range, topY, bottomY) {
   const usable = bottomY - topY;
@@ -5590,7 +5610,7 @@ function renderLegend(id, style, series, layout, colorPalette) {
             width: 10,
             height: 10,
             rx: 2,
-            fill: chunkPJUQQF3I_js.seriesColor(s, i, style?.styleId, colorPalette)
+            fill: chunkEFSQW6S5_js.seriesColor(s, i, style?.styleId, colorPalette)
           },
           `${id}-leg-r-${i}`
         )
@@ -5614,7 +5634,7 @@ function renderLegend(id, style, series, layout, colorPalette) {
           width: 10,
           height: 10,
           rx: 2,
-          fill: chunkPJUQQF3I_js.seriesColor(s, i, style?.styleId, colorPalette)
+          fill: chunkEFSQW6S5_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}` })
@@ -5627,9 +5647,9 @@ function renderGridlines(id, style, range, layout) {
   }
   const lines = [];
   if (range.logScale && range.logBase) {
-    const ticks = chunkPJUQQF3I_js.generateLogTicks(range);
+    const ticks = chunkEFSQW6S5_js.generateLogTicks(range);
     ticks.forEach((tickVal, i) => {
-      const y = chunkPJUQQF3I_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
+      const y = chunkEFSQW6S5_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
       lines.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "line",
@@ -5650,7 +5670,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 = chunkPJUQQF3I_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+      const y = chunkEFSQW6S5_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
       lines.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "line",
@@ -5674,9 +5694,9 @@ function renderValueAxis(id, range, layout, axisFormatting) {
   const labels = [];
   const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
   if (range.logScale && range.logBase) {
-    const ticks = chunkPJUQQF3I_js.generateLogTicks(range);
+    const ticks = chunkEFSQW6S5_js.generateLogTicks(range);
     ticks.forEach((tickVal, i) => {
-      const y = chunkPJUQQF3I_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
+      const y = chunkEFSQW6S5_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
       labels.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "text",
@@ -5686,7 +5706,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
             textAnchor: "end",
             fontSize: 8,
             fill: "#64748b",
-            children: hasDisplayUnits ? chunkPJUQQF3I_js.formatAxisValueWithUnits(tickVal, axisFormatting) : chunkPJUQQF3I_js.formatAxisValue(tickVal)
+            children: hasDisplayUnits ? chunkEFSQW6S5_js.formatAxisValueWithUnits(tickVal, axisFormatting) : chunkEFSQW6S5_js.formatAxisValue(tickVal)
           },
           `${id}-vaxis-log-${i}`
         )
@@ -5696,7 +5716,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 = chunkPJUQQF3I_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+      const y = chunkEFSQW6S5_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
       labels.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "text",
@@ -5706,7 +5726,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
             textAnchor: "end",
             fontSize: 8,
             fill: "#64748b",
-            children: hasDisplayUnits ? chunkPJUQQF3I_js.formatAxisValueWithUnits(val, axisFormatting) : chunkPJUQQF3I_js.formatAxisValue(val)
+            children: hasDisplayUnits ? chunkEFSQW6S5_js.formatAxisValueWithUnits(val, axisFormatting) : chunkEFSQW6S5_js.formatAxisValue(val)
           },
           `${id}-vaxis-${i}`
         )
@@ -5714,7 +5734,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
     }
   }
   if (hasDisplayUnits) {
-    const unitLabel = chunkPJUQQF3I_js.getDisplayUnitLabel(
+    const unitLabel = chunkEFSQW6S5_js.getDisplayUnitLabel(
       axisFormatting.displayUnits,
       axisFormatting.displayUnitsLabel
     );
@@ -5789,7 +5809,7 @@ function renderZeroLine(id, range, layout) {
   if (range.min >= 0) {
     return null;
   }
-  const y = chunkPJUQQF3I_js.valueToY(0, range, layout.plotTop, layout.plotBottom);
+  const y = chunkEFSQW6S5_js.valueToY(0, range, layout.plotTop, layout.plotBottom);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "line",
     {
@@ -5813,7 +5833,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 = chunkPJUQQF3I_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunkEFSQW6S5_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     labels.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
@@ -5825,7 +5845,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
           fontFamily,
           fontWeight,
           fill: fontColor,
-          children: hasDisplayUnits ? chunkPJUQQF3I_js.formatAxisValueWithUnits(val, axisFormatting) : chunkPJUQQF3I_js.formatAxisValue(val)
+          children: hasDisplayUnits ? chunkEFSQW6S5_js.formatAxisValueWithUnits(val, axisFormatting) : chunkEFSQW6S5_js.formatAxisValue(val)
         },
         `${id}-sec-vaxis-${i}`
       )
@@ -5849,7 +5869,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
     );
   }
   if (hasDisplayUnits) {
-    const unitLabel = chunkPJUQQF3I_js.getDisplayUnitLabel(
+    const unitLabel = chunkEFSQW6S5_js.getDisplayUnitLabel(
       axisFormatting.displayUnits,
       axisFormatting.displayUnitsLabel
     );
@@ -5880,7 +5900,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 = chunkPJUQQF3I_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunkEFSQW6S5_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     ticks.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -5907,7 +5927,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 = chunkPJUQQF3I_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunkEFSQW6S5_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     lines.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -6025,7 +6045,7 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
               showK && /* @__PURE__ */ jsxRuntime.jsx(
                 "th",
                 {
-                  "aria-label": chunk3GNSGGY2_js.translationsEn["pptx.chart.rowLabelsAria"],
+                  "aria-label": chunkBXAK3JFM_js.translationsEn["pptx.chart.rowLabelsAria"],
                   style: {
                     padding: "1px 4px",
                     fontWeight: 400,
@@ -6069,7 +6089,7 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
                           width: 8,
                           height: 8,
                           borderRadius: 2,
-                          backgroundColor: chunkPJUQQF3I_js.seriesColor(
+                          backgroundColor: chunkEFSQW6S5_js.seriesColor(
                             s,
                             si,
                             chartData.style?.styleId,
@@ -6107,9 +6127,10 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
 }
 function renderStockChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkEFSQW6S5_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const range = chunkPJUQQF3I_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = chunkPJUQQF3I_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunkEFSQW6S5_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunkEFSQW6S5_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;
@@ -6130,10 +6151,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 = chunkPJUQQF3I_js.valueToY(high, range, layout.plotTop, layout.plotBottom);
-    const lowY = chunkPJUQQF3I_js.valueToY(low, range, layout.plotTop, layout.plotBottom);
-    const openY = chunkPJUQQF3I_js.valueToY(open, range, layout.plotTop, layout.plotBottom);
-    const closeY = chunkPJUQQF3I_js.valueToY(close, range, layout.plotTop, layout.plotBottom);
+    const highY = chunkEFSQW6S5_js.valueToY(high, range, layout.plotTop, layout.plotBottom);
+    const lowY = chunkEFSQW6S5_js.valueToY(low, range, layout.plotTop, layout.plotBottom);
+    const openY = chunkEFSQW6S5_js.valueToY(open, range, layout.plotTop, layout.plotBottom);
+    const closeY = chunkEFSQW6S5_js.valueToY(close, range, layout.plotTop, layout.plotBottom);
     elements.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -6176,7 +6197,7 @@ function renderStockChart(element, chartData, categoryLabels) {
             textAnchor: "middle",
             fontSize: 7,
             fill: "#334155",
-            children: chunkPJUQQF3I_js.formatAxisValue(close)
+            children: chunkEFSQW6S5_js.formatAxisValue(close)
           },
           `${element.id}-stock-dl-${ci}`
         )
@@ -6191,7 +6212,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"
           }),
@@ -6218,7 +6239,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6__default.default.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-BIOKIETC.js');
+      return await import('./SurfaceChart3DScene-IZLUWT27.js');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6242,7 +6263,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 = chunkPJUQQF3I_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const range = chunkEFSQW6S5_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++) {
@@ -6361,9 +6382,10 @@ function darkenRgb(r, g, b, factor) {
 }
 function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkEFSQW6S5_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunkPJUQQF3I_js.computeLayout(element.width, element.height, style, false, legendPos);
-  const range = chunkPJUQQF3I_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunkEFSQW6S5_js.computeLayout(element.width, element.height, style, false, legendPos);
+  const range = chunkEFSQW6S5_js.computeValueRangeForChart(chartData.series, chartData.axes);
   const catCount = Math.max(categoryLabels.length, 1);
   const seriesCount = chartData.series.length;
   const cols = catCount - 1;
@@ -6442,7 +6464,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
@@ -6452,9 +6474,10 @@ function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
 }
 function renderFlatSurfaceChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkEFSQW6S5_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunkPJUQQF3I_js.computeLayout(element.width, element.height, style, true, legendPos);
-  const range = chunkPJUQQF3I_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunkEFSQW6S5_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunkEFSQW6S5_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);
@@ -6488,7 +6511,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"
         }),
@@ -6516,8 +6539,9 @@ function renderSurfaceChart(element, chartData, categoryLabels) {
 }
 function renderTreemapChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkEFSQW6S5_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunkPJUQQF3I_js.computeLayout(element.width, element.height, style, false, legendPos);
+  const layout = chunkEFSQW6S5_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 = [];
@@ -6540,7 +6564,7 @@ function renderTreemapChart(element, chartData, categoryLabels) {
           y: curY,
           width: Math.max(w - 1, 1),
           height: Math.max(h - 1, 1),
-          fill: chunkPJUQQF3I_js.paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
+          fill: chunkEFSQW6S5_js.paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
           rx: 2,
           opacity: 0.85
         },
@@ -6581,7 +6605,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
@@ -6591,10 +6615,11 @@ function renderTreemapChart(element, chartData, categoryLabels) {
 }
 function renderWaterfallChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkEFSQW6S5_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const values = chartData.series[0]?.values ?? [];
-  const range = chunkPJUQQF3I_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = chunkPJUQQF3I_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunkEFSQW6S5_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunkEFSQW6S5_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;
@@ -6605,8 +6630,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 = chunkPJUQQF3I_js.valueToY(startVal, range, layout.plotTop, layout.plotBottom);
-    const barEndY = chunkPJUQQF3I_js.valueToY(endVal, range, layout.plotTop, layout.plotBottom);
+    const barStartY = chunkEFSQW6S5_js.valueToY(startVal, range, layout.plotTop, layout.plotBottom);
+    const barEndY = chunkEFSQW6S5_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);
@@ -6635,7 +6660,7 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
             textAnchor: "middle",
             fontSize: 7,
             fill: "#334155",
-            children: chunkPJUQQF3I_js.formatAxisValue(isLast ? endVal : val)
+            children: chunkEFSQW6S5_js.formatAxisValue(isLast ? endVal : val)
           },
           `${element.id}-wf-dl-${i}`
         )
@@ -6670,7 +6695,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"
         }),
@@ -6682,19 +6707,20 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
 }
 function renderComboChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chunkEFSQW6S5_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layoutOpts = chunkPJUQQF3I_js.computeLayoutOptions(
+  const layoutOpts = chunkEFSQW6S5_js.computeLayoutOptions(
     chartData.axes,
     chartData.dataTable,
     chartData.series.length
   );
-  const layout = chunkPJUQQF3I_js.computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
-  const { primary, secondary } = chunkPJUQQF3I_js.splitSeriesByAxis(chartData.series, chartData.axes);
+  const layout = chunkEFSQW6S5_js.computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
+  const { primary, secondary } = chunkEFSQW6S5_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 = chunkPJUQQF3I_js.computeValueRangeForChart(primarySeries, chartData.axes);
-  const secondaryRange = secondarySeries.length > 0 ? chunkPJUQQF3I_js.computeValueRange(secondarySeries) : void 0;
-  const secondaryAxisFmt = chunkPJUQQF3I_js.getSecondaryValueAxis(chartData.axes);
+  const range = chunkEFSQW6S5_js.computeValueRangeForChart(primarySeries, chartData.axes);
+  const secondaryRange = secondarySeries.length > 0 ? chunkEFSQW6S5_js.computeValueRange(secondarySeries) : void 0;
+  const secondaryAxisFmt = chunkEFSQW6S5_js.getSecondaryValueAxis(chartData.axes);
   const catCount = Math.max(categoryLabels.length, 1);
   const barSeriesCount = 1;
   const barGroupWidth = layout.plotWidth / catCount;
@@ -6710,8 +6736,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 = chunkPJUQQF3I_js.valueToY(0, barRange, layout.plotTop, layout.plotBottom);
-      const valY = chunkPJUQQF3I_js.valueToY(val, barRange, layout.plotTop, layout.plotBottom);
+      const zeroY = chunkEFSQW6S5_js.valueToY(0, barRange, layout.plotTop, layout.plotBottom);
+      const valY = chunkEFSQW6S5_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(
@@ -6722,7 +6748,7 @@ function renderComboChart(element, chartData, categoryLabels) {
             y,
             width: barWidth,
             height: h,
-            fill: chunkPJUQQF3I_js.seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
+            fill: chunkEFSQW6S5_js.seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
             rx: 1
           },
           `${element.id}-combo-bar-${vi}`
@@ -6738,7 +6764,7 @@ function renderComboChart(element, chartData, categoryLabels) {
               textAnchor: "middle",
               fontSize: 7,
               fill: "#334155",
-              children: chunkPJUQQF3I_js.formatAxisValue(val)
+              children: chunkEFSQW6S5_js.formatAxisValue(val)
             },
             `${element.id}-combo-bar-dl-${vi}`
           )
@@ -6755,10 +6781,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 = chunkPJUQQF3I_js.valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
+      const y = chunkEFSQW6S5_js.valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
       return { x, y, val };
     });
-    const c = chunkPJUQQF3I_js.seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
+    const c = chunkEFSQW6S5_js.seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
     lineElements.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "polyline",
@@ -6785,7 +6811,7 @@ function renderComboChart(element, chartData, categoryLabels) {
               textAnchor: "middle",
               fontSize: 7,
               fill: "#334155",
-              children: chunkPJUQQF3I_js.formatAxisValue(p.val)
+              children: chunkEFSQW6S5_js.formatAxisValue(p.val)
             },
             `${element.id}-combo-line-dl-${si}-${vi}`
           )
@@ -6801,7 +6827,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,
@@ -6823,11 +6849,11 @@ function renderComboChart(element, chartData, categoryLabels) {
 }
 function renderChartElement(element) {
   if (element.type !== "chart") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk3GNSGGY2_js.translationsEn["pptx.chart.heading"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkBXAK3JFM_js.translationsEn["pptx.chart.heading"] });
   }
   const chartData = element.chartData;
   if (!chartData || chartData.series.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk3GNSGGY2_js.translationsEn["pptx.chart.heading"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkBXAK3JFM_js.translationsEn["pptx.chart.heading"] });
   }
   const longestSeriesLength = chartData.series.reduce(
     (maxLength, series) => Math.max(maxLength, series.values.length),
@@ -7931,14 +7957,14 @@ function buildNotesPdf(pages) {
     notes: page.notes,
     slideNumber: page.slideNumber
   }));
-  const bytes = chunkPJUQQF3I_js.buildNotesPdfBytes(images, meta);
+  const bytes = chunkEFSQW6S5_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 = chunkPJUQQF3I_js.buildSlidesPdfBytes(images);
+  const bytes = chunkEFSQW6S5_js.buildSlidesPdfBytes(images);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
@@ -7947,7 +7973,7 @@ function buildPdfFromImageData(images) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = chunkPJUQQF3I_js.buildPreviewAnimation(preset, options);
+  const descriptor = chunkEFSQW6S5_js.buildPreviewAnimation(preset, options);
   if (!descriptor) {
     return;
   }
@@ -7960,7 +7986,7 @@ function startMotionPathPreview(elementId, path, options) {
     return;
   }
   const stage = domEl.offsetParent;
-  const descriptor = chunkPJUQQF3I_js.buildMotionPathPreview({
+  const descriptor = chunkEFSQW6S5_js.buildMotionPathPreview({
     path,
     slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
     slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,