pptx-react-viewer 3.5.3 → 3.6.0

package/dist/{chunk-QA573RUB.js → chunk-7VPDHSWF.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkHHDPQJF3_js = require('./chunk-HHDPQJF3.js');
-var chunkUTIMT5CZ_js = require('./chunk-UTIMT5CZ.js');
+var chunkAL2KLPOJ_js = require('./chunk-AL2KLPOJ.js');
+var chunkMZI4DG3S_js = require('./chunk-MZI4DG3S.js');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React6 = require('react');
+var React7 = require('react');
 var lu = require('react-icons/lu');
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React6__default = /*#__PURE__*/_interopDefault(React6);
+var React7__default = /*#__PURE__*/_interopDefault(React7);
 
 // src/viewer/utils/animation-effects.ts
 function getAnimationInitialStyle2(preset, nativeAnimation) {
-  return chunkHHDPQJF3_js.getAnimationInitialStyle(preset, nativeAnimation);
+  return chunkAL2KLPOJ_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 chunkHHDPQJF3_js.cloneHistorySnapshot(snapshot);
+  return chunkAL2KLPOJ_js.cloneHistorySnapshot(snapshot);
 }
 
 // src/viewer/constants/scalar.ts
@@ -61,7 +61,7 @@ var TOOLBAR_SECTIONS = [
   { id: "view", labelKey: "pptx.ribbon.tab.view" },
   { id: "help", labelKey: "pptx.ribbon.tab.help" }
 ];
-var SHORTCUT_REFERENCE_ITEMS = chunkHHDPQJF3_js.VIEWER_SHORTCUT_REFERENCE;
+var SHORTCUT_REFERENCE_ITEMS = chunkAL2KLPOJ_js.VIEWER_SHORTCUT_REFERENCE;
 
 // src/viewer/constants/theme.ts
 var THEME_COLOR_SWATCHES = [
@@ -105,12 +105,12 @@ var GLYPH_COMPONENTS = {
   plus: lu.LuPlus,
   triangle: lu.LuTriangle
 };
-var SHAPE_PRESETS = chunkHHDPQJF3_js.SHAPE_PRESET_DEFS.map(
+var SHAPE_PRESETS = chunkAL2KLPOJ_js.SHAPE_PRESET_DEFS.map(
   (def) => ({
     type: def.type,
     label: def.label,
     i18nKey: def.i18nKey,
-    icon: React6__default.default.createElement(GLYPH_COMPONENTS[def.glyph], {
+    icon: React7__default.default.createElement(GLYPH_COMPONENTS[def.glyph], {
       className: def.glyphClass ? `w-3.5 h-3.5 ${def.glyphClass}` : "w-3.5 h-3.5"
     })
   })
@@ -130,7 +130,7 @@ var ARROW_SIZE_OPTIONS = [
   { value: "med", label: "Medium", i18nKey: "pptx.connectorOptions.sizeMedium" },
   { value: "lg", label: "Large", i18nKey: "pptx.connectorOptions.sizeLarge" }
 ];
-var STROKE_DASH_OPTIONS2 = chunkHHDPQJF3_js.STROKE_DASH_OPTIONS;
+var STROKE_DASH_OPTIONS2 = chunkAL2KLPOJ_js.STROKE_DASH_OPTIONS;
 
 // src/viewer/utils/shape-types.tsx
 function getShapeType(shapeType) {
@@ -239,7 +239,7 @@ function isConnectorOrLineElement(element) {
   if (element.type === "connector") {
     return true;
   }
-  if (!chunkHHDPQJF3_js.hasShapeProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasShapeProperties(element)) {
     return false;
   }
   const st = getShapeType(element.shapeType);
@@ -248,17 +248,17 @@ function isConnectorOrLineElement(element) {
 
 // src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
-  if (!chunkHHDPQJF3_js.hasShapeProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasShapeProperties(element)) {
     return void 0;
   }
-  const geometry = chunkHHDPQJF3_js.resolveShapeGeometry(element);
+  const geometry = chunkAL2KLPOJ_js.resolveShapeGeometry(element);
   if (geometry.kind === "borderRadius") {
     return { borderRadius: geometry.radius };
   }
   return geometry.kind === "clipPath" ? { clipPath: geometry.clipPath } : void 0;
 }
 function getImageRenderStyle(element) {
-  const fit = chunkHHDPQJF3_js.getImageFitStyle(element);
+  const fit = chunkAL2KLPOJ_js.getImageFitStyle(element);
   return {
     // A translated/scaled crop must be masked by its stationary wrapper, not
     // by the moving bitmap itself.
@@ -275,7 +275,7 @@ function getImageSurfaceMaskStyle(element) {
   };
 }
 function getImageSurfaceStyle(element) {
-  const fill = chunkHHDPQJF3_js.hasShapeProperties(element) ? chunkHHDPQJF3_js.getComputedFillStyle(element) : void 0;
+  const fill = chunkAL2KLPOJ_js.hasShapeProperties(element) ? chunkAL2KLPOJ_js.getComputedFillStyle(element) : void 0;
   return {
     position: "absolute",
     inset: 0,
@@ -288,13 +288,13 @@ function getImageSurfaceStyle(element) {
   };
 }
 function getCropShapeClipPath2(element) {
-  if (!chunkHHDPQJF3_js.isImageLikeElement(element)) {
+  if (!chunkAL2KLPOJ_js.isImageLikeElement(element)) {
     return void 0;
   }
-  return chunkHHDPQJF3_js.getCropShapeClipPath(element.cropShape, element.width, element.height);
+  return chunkAL2KLPOJ_js.getCropShapeClipPath(element.cropShape, element.width, element.height);
 }
 function getImageTilingStyle2(element) {
-  return chunkHHDPQJF3_js.getImageTilingStyle(element);
+  return chunkAL2KLPOJ_js.getImageTilingStyle(element);
 }
 
 // src/viewer/utils/geometry-image.ts
@@ -336,24 +336,14 @@ function ensureArrayValue(value) {
 // src/viewer/utils/media-persistent-audio.tsx
 function buildTrimFragment(element) {
   const start = element.trimStartMs;
-  const end = element.trimEndMs;
-  if (start === void 0 && end === void 0) {
+  if (start === void 0 || start <= 0) {
     return "";
   }
-  const parts = [];
-  if (start !== void 0 && start > 0) {
-    parts.push((start / 1e3).toFixed(3));
-  } else {
-    parts.push("");
-  }
-  if (end !== void 0 && end > 0) {
-    parts.push((end / 1e3).toFixed(3));
-  }
-  return parts.length > 0 ? `#t=${parts.join(",")}` : "";
+  return `#t=${(start / 1e3).toFixed(3)}`;
 }
 function useMediaMetadataExtraction(mediaRef, element) {
-  const [metadata, setMetadata] = React6.useState(element.metadata);
-  React6.useEffect(() => {
+  const [metadata, setMetadata] = React7.useState(element.metadata);
+  React7.useEffect(() => {
     const el = mediaRef.current;
     if (!el) {
       return;
@@ -436,7 +426,7 @@ function VideoWithMetadata({
     {
       ref: mediaRef,
       className: "w-full h-full pointer-events-auto",
-      style: isFullScreen ? { objectFit: "cover" } : chunkHHDPQJF3_js.getImageFitStyle(element),
+      style: isFullScreen ? { objectFit: "cover" } : chunkAL2KLPOJ_js.getImageFitStyle(element),
       controls: showTransport,
       preload: "metadata",
       playsInline: true,
@@ -489,49 +479,33 @@ function PresentationMediaController({
   children
 }) {
   const { t } = reactI18next.useTranslation();
-  const mediaRef = React6.useRef(null);
-  const fadeTimerRef = React6.useRef(null);
-  const trimTimerRef = React6.useRef(null);
-  const [isMediaPlaying, setIsMediaPlaying] = React6.useState(false);
-  const volume = element.volume ?? 1;
-  const fadeIn = element.fadeInDuration ?? 0;
-  const fadeOut = element.fadeOutDuration ?? 0;
+  const mediaRef = React7.useRef(null);
+  const [isMediaPlaying, setIsMediaPlaying] = React7.useState(false);
   const trimStartSec = element.trimStartMs !== void 0 ? element.trimStartMs / 1e3 : 0;
-  const trimEndSec = element.trimEndMs !== void 0 && element.trimEndMs > 0 ? element.trimEndMs / 1e3 : 0;
   const hideWhenNotPlaying = isPresentationMode && element.hideWhenNotPlaying === true;
-  React6.useEffect(() => {
-    return () => {
-      if (fadeTimerRef.current !== null) {
-        cancelAnimationFrame(fadeTimerRef.current);
-      }
-      if (trimTimerRef.current !== null) {
-        window.clearTimeout(trimTimerRef.current);
-      }
-    };
-  }, []);
-  const { volume: playbackVolume, playbackRate } = chunkHHDPQJF3_js.mediaPlaybackAttributes({
+  const { volume: playbackVolume, playbackRate } = chunkAL2KLPOJ_js.mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
   });
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const el = mediaRef.current;
     if (el) {
       el.volume = playbackVolume;
     }
   }, [playbackVolume]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const el = mediaRef.current;
     if (el) {
       el.playbackRate = playbackRate;
     }
   }, [playbackRate]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const el = mediaRef.current;
     if (!el) {
       return;
     }
-    const handlePlay2 = () => {
+    const handlePlay = () => {
       setIsMediaPlaying(true);
       onPlayStateChange?.(true);
     };
@@ -543,108 +517,42 @@ function PresentationMediaController({
       setIsMediaPlaying(false);
       onPlayStateChange?.(false);
     };
-    el.addEventListener("play", handlePlay2);
+    el.addEventListener("play", handlePlay);
     el.addEventListener("pause", handlePause);
     el.addEventListener("ended", handleEnded);
     return () => {
-      el.removeEventListener("play", handlePlay2);
+      el.removeEventListener("play", handlePlay);
       el.removeEventListener("pause", handlePause);
       el.removeEventListener("ended", handleEnded);
     };
   }, [onPlayStateChange]);
-  const applyFadeIn = React6.useCallback(() => {
-    const el = mediaRef.current;
-    if (!el || fadeIn <= 0) {
-      return;
-    }
-    const startTime = performance.now();
-    const durationMs = fadeIn * 1e3;
-    el.volume = 0;
-    const tick = () => {
-      const elapsed = performance.now() - startTime;
-      const progress = Math.min(1, elapsed / durationMs);
-      el.volume = progress * volume;
-      if (progress < 1) {
-        fadeTimerRef.current = requestAnimationFrame(tick);
-      }
-    };
-    fadeTimerRef.current = requestAnimationFrame(tick);
-  }, [fadeIn, volume]);
-  const handlePlay = React6.useCallback(() => {
+  React7.useEffect(() => {
     const el = mediaRef.current;
     if (!el || !isPresentationMode) {
       return;
     }
-    if (trimStartSec > 0 && el.currentTime < trimStartSec) {
-      el.currentTime = trimStartSec;
-    }
-    if (fadeIn > 0) {
-      applyFadeIn();
-    }
-    if (trimEndSec > 0) {
-      const remaining = trimEndSec - el.currentTime;
-      if (remaining > 0) {
-        const fadeOutStart = Math.max(0, (remaining - fadeOut) * 1e3);
-        if (fadeOut > 0) {
-          trimTimerRef.current = window.setTimeout(() => {
-            const fadeStartTime = performance.now();
-            const fadeMs = fadeOut * 1e3;
-            const startVol = el.volume;
-            const fadeOutTick = () => {
-              const elapsed = performance.now() - fadeStartTime;
-              const progress = Math.min(1, elapsed / fadeMs);
-              el.volume = startVol * (1 - progress);
-              if (progress < 1 && !el.paused) {
-                fadeTimerRef.current = requestAnimationFrame(fadeOutTick);
-              }
-            };
-            fadeTimerRef.current = requestAnimationFrame(fadeOutTick);
-          }, fadeOutStart);
-        }
-        const stopTimer = window.setTimeout(() => {
-          if (!el.paused) {
-            el.pause();
-            el.currentTime = trimEndSec;
-          }
-        }, remaining * 1e3);
-        const prevTimer = trimTimerRef.current;
-        trimTimerRef.current = stopTimer;
-        if (prevTimer !== null) {
-          window.clearTimeout(prevTimer);
-        }
-      }
-    } else if (fadeOut > 0) {
-      const handleTimeUpdate = () => {
-        if (!Number.isFinite(el.duration)) {
-          return;
-        }
-        const timeLeft = el.duration - el.currentTime;
-        if (timeLeft <= fadeOut && timeLeft > 0) {
-          el.removeEventListener("timeupdate", handleTimeUpdate);
-          const fadeStartTime = performance.now();
-          const fadeMs = timeLeft * 1e3;
-          const startVol = el.volume;
-          const fadeOutTick = () => {
-            const elapsed = performance.now() - fadeStartTime;
-            const progress = Math.min(1, elapsed / fadeMs);
-            el.volume = startVol * (1 - progress);
-            if (progress < 1 && !el.paused) {
-              fadeTimerRef.current = requestAnimationFrame(fadeOutTick);
-            }
-          };
-          fadeTimerRef.current = requestAnimationFrame(fadeOutTick);
-        }
-      };
-      el.addEventListener("timeupdate", handleTimeUpdate);
-    }
-  }, [applyFadeIn, fadeIn, fadeOut, isPresentationMode, trimEndSec, trimStartSec]);
-  React6.useEffect(() => {
+    return chunkAL2KLPOJ_js.scheduleMediaTrimAndFade(el, {
+      trimStartMs: element.trimStartMs,
+      trimEndMs: element.trimEndMs,
+      fadeInDuration: element.fadeInDuration,
+      fadeOutDuration: element.fadeOutDuration,
+      volume: playbackVolume
+    });
+  }, [
+    isPresentationMode,
+    element.trimStartMs,
+    element.trimEndMs,
+    element.fadeInDuration,
+    element.fadeOutDuration,
+    playbackVolume
+  ]);
+  React7.useEffect(() => {
     if (!isPresentationMode || !shouldAutoPlay) {
       return;
     }
     if (element.playAcrossSlides && element.mediaType === "audio") {
       const dataUrl = element.mediaData ?? resolvedDataUrl;
-      if (chunkHHDPQJF3_js.registerCrossSlideAudio(element, dataUrl)) {
+      if (chunkAL2KLPOJ_js.registerCrossSlideAudio(element, dataUrl)) {
         return;
       }
     }
@@ -666,14 +574,16 @@ function PresentationMediaController({
     transition: "opacity 0.3s ease",
     pointerEvents: isMediaPlaying ? "auto" : "none"
   } : {};
-  const handleStopFullScreen = React6.useCallback(() => {
+  const handleStopFullScreen = React7.useCallback(() => {
     const el = mediaRef.current;
     if (el && !el.paused) {
       el.pause();
     }
   }, []);
+  const noopOnPlay = React7.useCallback(() => {
+  }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full", style: wrapperStyle, children: [
-    children({ mediaRef, onPlay: handlePlay, isMediaPlaying }),
+    children({ mediaRef, onPlay: noopOnPlay, isMediaPlaying }),
     isFullScreen && isPresentationMode && isMediaPlaying && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -687,7 +597,7 @@ function PresentationMediaController({
   ] });
 }
 function label(key) {
-  return key === void 0 ? void 0 : chunkUTIMT5CZ_js.translationsEn[key];
+  return key === void 0 ? void 0 : chunkMZI4DG3S_js.translationsEn[key];
 }
 function FallbackIcon({
   paths,
@@ -723,17 +633,17 @@ function Badge({
     "div",
     {
       className: `absolute inset-0 flex flex-col items-center justify-center ${isMissing ? "gap-1" : ""}`,
-      ...{ [chunkHHDPQJF3_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
+      ...{ [chunkAL2KLPOJ_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunkHHDPQJF3_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunkAL2KLPOJ_js.mediaFallbackIcon(visual, element.mediaType),
             size: isMissing ? 32 : 48,
             className: isMissing ? "text-white/60" : "text-white/80 drop-shadow-md"
           }
         ),
-        isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunkHHDPQJF3_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunkAL2KLPOJ_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -750,17 +660,17 @@ function Placeholder({
     "div",
     {
       className: `w-full h-full flex flex-col items-center justify-center gap-1 pointer-events-none rounded ${isMissing ? "bg-black/30 border border-dashed border-white/20" : element.mediaType === "audio" ? "bg-black/10" : "bg-black/20"}`,
-      ...{ [chunkHHDPQJF3_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
+      ...{ [chunkAL2KLPOJ_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunkHHDPQJF3_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunkAL2KLPOJ_js.mediaFallbackIcon(visual, element.mediaType),
             size: isMissing ? 36 : element.mediaType === "audio" ? 24 : 32,
             className: isMissing ? "text-white/50" : "text-white/70"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunkHHDPQJF3_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunkAL2KLPOJ_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -770,7 +680,7 @@ function renderMediaFallback({
   posterUrl,
   surface
 }) {
-  const visual = chunkHHDPQJF3_js.mediaFallbackVisual(surface, {
+  const visual = chunkAL2KLPOJ_js.mediaFallbackVisual(surface, {
     hasPoster: Boolean(posterUrl),
     missing: element.mediaMissing === true
   });
@@ -780,9 +690,9 @@ function renderMediaFallback({
         "img",
         {
           src: posterUrl,
-          alt: visual.dimPoster ? chunkUTIMT5CZ_js.translationsEn["pptx.media.posterAlt"] : chunkUTIMT5CZ_js.translationsEn["pptx.media.videoPosterAlt"],
+          alt: visual.dimPoster ? chunkMZI4DG3S_js.translationsEn["pptx.media.posterAlt"] : chunkMZI4DG3S_js.translationsEn["pptx.media.videoPosterAlt"],
           className: `w-full h-full${visual.dimPoster ? " opacity-50" : ""}`,
-          style: chunkHHDPQJF3_js.getImageFitStyle(element)
+          style: chunkAL2KLPOJ_js.getImageFitStyle(element)
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(Badge, { visual, element })
@@ -792,7 +702,7 @@ function renderMediaFallback({
 }
 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: chunkUTIMT5CZ_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: chunkMZI4DG3S_js.translationsEn["pptx.media.title"] });
   }
   const mediaType = element.mediaType;
   const mediaPath = element.mediaPath;
@@ -800,7 +710,7 @@ 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 = chunkHHDPQJF3_js.mediaPlaybackAttributes(element).loop;
+  const shouldLoop = chunkAL2KLPOJ_js.mediaPlaybackAttributes(element).loop;
   const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
   const isFullScreen = options?.fullScreen === true;
   const isPresentationMode = options?.isPresentationMode === true;
@@ -878,25 +788,25 @@ function renderMediaElement(element, mediaDataUrls, options) {
   if (surface.presenting || surface.preview) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkUTIMT5CZ_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: chunkMZI4DG3S_js.translationsEn["pptx.media.title"] });
 }
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  return chunkHHDPQJF3_js.buildTextBlockStyle(element, { fallbackColor });
+  return chunkAL2KLPOJ_js.buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
 function getTextLayoutStyle(element) {
-  if (!chunkHHDPQJF3_js.hasTextProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasTextProperties(element)) {
     return {};
   }
-  const writingMode = chunkHHDPQJF3_js.toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = chunkHHDPQJF3_js.toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = chunkHHDPQJF3_js.toCssVerticalDirection(element.textStyle?.textDirection);
+  const writingMode = chunkAL2KLPOJ_js.toCssWritingMode(element.textStyle?.textDirection);
+  const textOrientation = chunkAL2KLPOJ_js.toCssTextOrientation(element.textStyle?.textDirection);
+  const verticalDirection = chunkAL2KLPOJ_js.toCssVerticalDirection(element.textStyle?.textDirection);
   const textWrapNone = element.textStyle?.textWrap === "none";
   const shapeAutoFitTextBox = element.textStyle?.autoFitMode === "shrink" && (element.type === "text" || element.locks?.txBox === true);
-  const hasParagraphIndents = chunkHHDPQJF3_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const hasParagraphIndents = chunkAL2KLPOJ_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;
@@ -905,7 +815,7 @@ function getTextLayoutStyle(element) {
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
   return {
     // Columns / flex anchoring / anchorCtr / tab-size / kinsoku, from shared.
-    ...chunkHHDPQJF3_js.buildTextBodyLayoutStyle(element),
+    ...chunkAL2KLPOJ_js.buildTextBodyLayoutStyle(element),
     // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
     // per-paragraph by the paragraph renderer, not collapsed here.
     paddingTop: bodyTop,
@@ -933,7 +843,7 @@ function getTextLayoutStyle(element) {
 
 // src/viewer/utils/text-effects.tsx
 function buildTextBody3DSceneStyle2(textStyle) {
-  return chunkHHDPQJF3_js.buildTextBody3DSceneStyle(textStyle);
+  return chunkAL2KLPOJ_js.buildTextBody3DSceneStyle(textStyle);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1118,13 +1028,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
-  const paraKey = `${elementId}${chunkHHDPQJF3_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
+  const paraKey = `${elementId}${chunkAL2KLPOJ_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 = chunkHHDPQJF3_js.buildTextBuildSpec(
+  const spec = chunkAL2KLPOJ_js.buildTextBuildSpec(
     elementId,
     paraIndex,
     paraRuns.map((run) => ({ text: run.text, style: run })),
@@ -1136,24 +1046,66 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   return spec.spans.map((span, index) => {
     const content = span.style && renderPiece ? renderPiece(span.style, span.text, String(index)) : span.text;
     if (!span.animId) {
-      return /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: content }, `ws-${index}`);
+      return /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: content }, `ws-${index}`);
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         "data-anim-id": span.animId,
-        style: chunkHHDPQJF3_js.textBuildSpanStyle(span),
+        style: chunkAL2KLPOJ_js.textBuildSpanStyle(span),
         children: content
       },
       span.animId
     );
   });
 }
+function renderUnderlineWords(text, isUnderlineWords, wordDecoration, metric, keyPrefix, inner) {
+  if (!isUnderlineWords || !text) {
+    return inner(text, keyPrefix, metric);
+  }
+  const pieces = chunkAL2KLPOJ_js.splitWordsForUnderline(text);
+  if (pieces.length === 0) {
+    return inner(text, keyPrefix, metric);
+  }
+  const gapMetric = metric ? {
+    ...metric,
+    nestedStyle: metric.nestedStyle ? chunkAL2KLPOJ_js.stripUnderlineDecoration(metric.nestedStyle) : void 0
+  } : void 0;
+  return pieces.map((piece, i) => {
+    const key = `${keyPrefix}-u${i}`;
+    if (!piece.underline) {
+      return /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: inner(piece.text, key, gapMetric) }, key);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { style: wordDecoration, children: inner(piece.text, key, metric) }, key);
+  });
+}
+function makeSegmentPieceRenderer(needsScriptFonts, scriptFonts, baseFontFamily, isUnderlineWords, wordDecoration, metric) {
+  return (text, key) => renderUnderlineWords(
+    text,
+    isUnderlineWords,
+    wordDecoration,
+    metric,
+    key,
+    (subText, subKey, subMetric) => renderMetricPieces(
+      subText,
+      subMetric,
+      subKey,
+      (pieceText, pieceKey) => renderScriptAwareText(
+        pieceText,
+        needsScriptFonts,
+        scriptFonts,
+        baseFontFamily,
+        pieceKey,
+        subMetric?.nestedStyle
+      )
+    )
+  );
+}
 function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle) {
-  const [lineLayout] = chunkHHDPQJF3_js.buildRunTabLines(line, ctx, nestedStyle);
+  const [lineLayout] = chunkAL2KLPOJ_js.buildRunTabLines(line, ctx, nestedStyle);
   return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-block", whiteSpace: "nowrap" }, children: lineLayout.pieces.map((piece, i) => {
     const key = `${keyPrefix}-tab-${i}`;
-    return /* @__PURE__ */ jsxRuntime.jsxs(React6__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React7__default.default.Fragment, { children: [
       piece.leaderStyle ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: piece.leaderStyle, children: piece.leaderText }) : null,
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: piece.style, children: renderPiece(piece.text, key) })
     ] }, key);
@@ -1163,7 +1115,7 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
   if (!needsScriptFonts || !text) {
     return text;
   }
-  const pieces = chunkHHDPQJF3_js.splitRunByScriptFont(
+  const pieces = chunkAL2KLPOJ_js.splitRunByScriptFont(
     text,
     scriptFonts,
     baseFontFamily,
@@ -1173,14 +1125,14 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
     return text;
   }
   return pieces.map(
-    (piece, i) => piece.style ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: piece.style, children: piece.text }, `${keyPrefix}-r${i}`) : /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: piece.text }, `${keyPrefix}-r${i}`)
+    (piece, i) => piece.style ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: piece.style, children: piece.text }, `${keyPrefix}-r${i}`) : /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: piece.text }, `${keyPrefix}-r${i}`)
   );
 }
 function renderMetricPieces(text, metric, keyPrefix, inner) {
   if (!metric || !text) {
     return inner(text, keyPrefix);
   }
-  const pieces = chunkHHDPQJF3_js.splitRunForMetrics(text, metric.font);
+  const pieces = chunkAL2KLPOJ_js.splitRunForMetrics(text, metric.font);
   if (pieces.length <= 1) {
     return inner(text, keyPrefix);
   }
@@ -1189,33 +1141,28 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
     {
       style: {
         ...metric.nestedStyle,
-        letterSpacing: chunkHHDPQJF3_js.pieceLetterSpacing(metric.authoredPx, piece.tracking)
+        letterSpacing: chunkAL2KLPOJ_js.pieceLetterSpacing(metric.authoredPx, piece.tracking)
       },
       children: inner(piece.text, `${keyPrefix}-w${i}`)
     },
     `${keyPrefix}-w${i}`
   ));
 }
-function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsScriptFonts, scriptFonts, baseFontFamily, findHighlights, tabContext, metric) {
+function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsScriptFonts, scriptFonts, baseFontFamily, findHighlights, tabContext, metric, isUnderlineWords = false, wordDecoration) {
   const segHl = findHighlights?.get(segmentIndex);
+  const renderLeaf = makeSegmentPieceRenderer(
+    needsScriptFonts,
+    scriptFonts,
+    baseFontFamily,
+    isUnderlineWords,
+    wordDecoration,
+    metric
+  );
   if (!segHl || segHl.length === 0) {
     return lines.map((line, lineIndex) => {
       const lineKey = `${elementId}-seg-${segmentIndex}-line-${lineIndex}`;
-      const renderPiece = (text, key) => renderMetricPieces(
-        text,
-        metric,
-        key,
-        (pieceText, pieceKey) => renderScriptAwareText(
-          pieceText,
-          needsScriptFonts,
-          scriptFonts,
-          baseFontFamily,
-          pieceKey,
-          metric?.nestedStyle
-        )
-      );
-      return /* @__PURE__ */ jsxRuntime.jsxs(React6__default.default.Fragment, { children: [
-        tabContext && line.includes("	") ? renderTabbedLine(line, tabContext, lineKey, renderPiece, metric?.nestedStyle) : renderPiece(line, lineKey),
+      return /* @__PURE__ */ jsxRuntime.jsxs(React7__default.default.Fragment, { children: [
+        tabContext && line.includes("	") ? renderTabbedLine(line, tabContext, lineKey, renderLeaf, metric?.nestedStyle) : renderLeaf(line, lineKey),
         lineIndex < lines.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
       ] }, lineKey);
     });
@@ -1245,19 +1192,6 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
       isCurrent: false
     });
   }
-  const renderChunk = (text, key) => renderMetricPieces(
-    text,
-    metric,
-    key,
-    (pieceText, pieceKey) => renderScriptAwareText(
-      pieceText,
-      needsScriptFonts,
-      scriptFonts,
-      baseFontFamily,
-      pieceKey,
-      metric?.nestedStyle
-    )
-  );
   return chunks.map((chunk, ci) => {
     const chunkKey = `${elementId}-seg-${segmentIndex}-hl-${ci}`;
     return chunk.highlighted ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1269,15 +1203,15 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
           color: "inherit",
           borderRadius: 2
         },
-        children: renderChunk(chunk.text, chunkKey)
+        children: renderLeaf(chunk.text, chunkKey)
       },
       chunkKey
-    ) : /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: renderChunk(chunk.text, chunkKey) }, chunkKey);
+    ) : /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: renderLeaf(chunk.text, chunkKey) }, chunkKey);
   });
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
-  const mathml = chunkHHDPQJF3_js.convertOmmlToMathMl(equationXml);
-  const safeMathml = mathml ? chunkHHDPQJF3_js.sanitizeMathMl(mathml) : "";
+  const mathml = chunkAL2KLPOJ_js.convertOmmlToMathMl(equationXml);
+  const safeMathml = mathml ? chunkAL2KLPOJ_js.sanitizeMathMl(mathml) : "";
   const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1287,7 +1221,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: chunkUTIMT5CZ_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: chunkMZI4DG3S_js.translationsEn["pptx.textSegment.equationFallback"] });
   if (equationNumber) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -1334,11 +1268,12 @@ function renderHyperlink(run, spanNode, key, ctx) {
   }
   const requireCtrlClick = ctx.requireCtrlClick;
   const displayUrl = url.startsWith("ppaction://") ? url.replace(/^ppaction:\/\//u, "").split("?")[0] : url;
+  const targetFrame = run.hyperlink?.target;
   const follow = (modified) => {
     if (requireCtrlClick && !modified) {
       return false;
     }
-    onHyperlinkClick(url);
+    onHyperlinkClick(url, targetFrame);
     return true;
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1405,7 +1340,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const segmentStyle = segment?.style ?? {};
   const textValue = run.text;
   const lines = textValue.split("\n");
-  const resolvedSegmentColor = chunkHHDPQJF3_js.normalizeHexColor(
+  const resolvedSegmentColor = chunkAL2KLPOJ_js.normalizeHexColor(
     segmentStyle.color || element.textStyle?.color,
     run.hyperlink ? HYPERLINK_COLOR : fallbackColor
   );
@@ -1413,16 +1348,16 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const baselineFraction = rawBaseline === 0 ? 0 : Math.abs(rawBaseline) >= 1e3 ? rawBaseline / 1e5 : rawBaseline / 100;
   const baselineFontScale = baselineFraction !== 0 ? BASELINE_FONT_SCALE : 1;
   const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
-  const baseFontSize = rawFontSize * chunkHHDPQJF3_js.resolveAutoFitFontScale(element.textStyle);
+  const baseFontSize = rawFontSize * chunkAL2KLPOJ_js.resolveAutoFitFontScale(element.textStyle);
   const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
-  const fontKerning = chunkHHDPQJF3_js.resolveFontKerning(segmentStyle.kerning, baseFontSize);
+  const fontKerning = chunkAL2KLPOJ_js.resolveFontKerning(segmentStyle.kerning, baseFontSize);
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = rawFontFamily ? chunkHHDPQJF3_js.getSubstituteFontFamily(
+  const baseFontFamily = rawFontFamily ? chunkAL2KLPOJ_js.getSubstituteFontFamily(
     rawFontFamily,
-    chunkHHDPQJF3_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+    chunkAL2KLPOJ_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
   ) : DEFAULT_FONT_FAMILY2;
-  const scriptFonts = chunkHHDPQJF3_js.resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
-  const needsScriptFonts = chunkHHDPQJF3_js.hasDistinctScriptFonts(scriptFonts);
+  const scriptFonts = chunkAL2KLPOJ_js.resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
+  const needsScriptFonts = chunkAL2KLPOJ_js.hasDistinctScriptFonts(scriptFonts);
   const authoredLetterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? segmentStyle.characterSpacing / 100 * (96 / 72) : 0;
   const metricFont = {
     fontFamily: baseFontFamily,
@@ -1430,7 +1365,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     bold: Boolean(segmentStyle.bold),
     italic: Boolean(segmentStyle.italic)
   };
-  const nestedStyle = chunkHHDPQJF3_js.nestedTextDecorationStyle(run.style);
+  const nestedStyle = chunkAL2KLPOJ_js.nestedTextDecorationStyle(run.style);
   const metricContext = { font: metricFont, authoredPx: authoredLetterSpacing, nestedStyle };
   const spanStyle = { ...run.style };
   spanStyle.color = resolvedSegmentColor;
@@ -1438,11 +1373,11 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   spanStyle.fontFamily = baseFontFamily;
   spanStyle.verticalAlign = baselineShift;
   spanStyle.fontKerning = fontKerning;
-  spanStyle.letterSpacing = chunkHHDPQJF3_js.pieceLetterSpacing(
+  spanStyle.letterSpacing = chunkAL2KLPOJ_js.pieceLetterSpacing(
     authoredLetterSpacing,
-    chunkHHDPQJF3_js.resolveMetricTrackingPx(textValue, metricFont)
+    chunkAL2KLPOJ_js.resolveMetricTrackingPx(textValue, metricFont)
   );
-  const hollow = chunkHHDPQJF3_js.hollowTextFillStyle(segmentStyle, {
+  const hollow = chunkAL2KLPOJ_js.hollowTextFillStyle(segmentStyle, {
     color: resolvedSegmentColor,
     textStroke: typeof spanStyle.WebkitTextStroke === "string" ? spanStyle.WebkitTextStroke : void 0
   });
@@ -1454,6 +1389,16 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     spanStyle.direction = runRtl ? "rtl" : "ltr";
     spanStyle.unicodeBidi = runRtl !== ctx.paragraphRtl ? "bidi-override" : "embed";
   }
+  const isUnderlineWords = Boolean(segmentStyle.underline) && segmentStyle.underlineStyle === "words";
+  const wordDecoration = isUnderlineWords ? nestedStyle : void 0;
+  if (isUnderlineWords) {
+    const stripped = chunkAL2KLPOJ_js.stripUnderlineDecoration(spanStyle);
+    spanStyle.textDecoration = stripped.textDecoration;
+    delete spanStyle.textDecorationStyle;
+    delete spanStyle.textDecorationThickness;
+    delete spanStyle.textUnderlineOffset;
+    delete spanStyle.textDecorationColor;
+  }
   const baseContent = renderSegmentContent(
     element.id,
     segmentIndex,
@@ -1463,7 +1408,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     scriptFonts,
     baseFontFamily,
     findHighlights,
-    chunkHHDPQJF3_js.buildTabContext(
+    chunkAL2KLPOJ_js.buildTabContext(
       element.textStyle?.tabStops,
       element.textStyle?.defaultTabSize,
       baseFontSize,
@@ -1471,7 +1416,9 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
       Boolean(segmentStyle.bold),
       Boolean(segmentStyle.italic)
     ),
-    metricContext
+    metricContext,
+    isUnderlineWords,
+    wordDecoration
   );
   const spanNode = /* @__PURE__ */ jsxRuntime.jsx("span", { "data-seg-idx": segmentIndex, style: spanStyle, children: renderRubyOrText(run, baseContent) }, key);
   const reflectedNode = wrapWithTextReflection(run, key, spanNode, spanStyle, baseContent);
@@ -1489,7 +1436,7 @@ function renderRubyOrText(run, baseContent) {
   ] });
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick, placeholderPrompt) {
-  if (!chunkHHDPQJF3_js.hasTextProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const segments = segmentOverrides ?? element.textSegments;
@@ -1499,7 +1446,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     }
     return element.text || emptyFallback || "";
   }
-  const paragraphs = chunkHHDPQJF3_js.buildParagraphs(element, fieldContext, segmentOverrides);
+  const paragraphs = chunkAL2KLPOJ_js.buildParagraphs(element, fieldContext, segmentOverrides);
   const ctx = {
     element,
     fallbackColor,
@@ -1576,7 +1523,7 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
   );
   const needsWrapper = Object.keys(paraStyle).length > 0 || marker !== null;
   if (!needsWrapper) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(React6__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React7__default.default.Fragment, { children: [
       wrappedContent,
       paraIndex < paraCount - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
     ] }, `${element.id}-para-${paraIndex}`);
@@ -1625,13 +1572,13 @@ function renderBulletMarker(para, paraIndex, elementId) {
   );
 }
 function getDuotoneColors(element) {
-  if (!chunkHHDPQJF3_js.isImageLikeElement(element)) {
+  if (!chunkAL2KLPOJ_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!chunkHHDPQJF3_js.hasShapeProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1642,13 +1589,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 ${chunkHHDPQJF3_js.colorWithOpacity(
-    chunkHHDPQJF3_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
+  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkAL2KLPOJ_js.colorWithOpacity(
+    chunkAL2KLPOJ_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
     opacity
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!chunkHHDPQJF3_js.hasShapeProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1657,22 +1604,22 @@ function buildLineGlowFilter(element) {
   }
   const glowOpacity = typeof ss.lineGlowOpacity === "number" ? ss.lineGlowOpacity : 0.75;
   const glowRad = Math.round(Math.max(0, ss.lineGlowRadius));
-  const glowCol = chunkHHDPQJF3_js.colorWithOpacity(chunkHHDPQJF3_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
+  const glowCol = chunkAL2KLPOJ_js.colorWithOpacity(chunkAL2KLPOJ_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
   return `drop-shadow(0 0 ${glowRad}px ${glowCol})`;
 }
 function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
 function hasDagDuotoneEffect(element) {
-  if (!chunkHHDPQJF3_js.hasShapeProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasShapeProperties(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
 }
 function renderDagDuotoneSvgFilter(elementId, color1, color2) {
   const filterId = getDagDuotoneFilterId(elementId);
-  const c1 = chunkHHDPQJF3_js.hexToRgbUnit(color1);
-  const c2 = chunkHHDPQJF3_js.hexToRgbUnit(color2);
+  const c1 = chunkAL2KLPOJ_js.hexToRgbUnit(color1);
+  const c2 = chunkAL2KLPOJ_js.hexToRgbUnit(color2);
   const grayscaleMatrix = [
     0.2126,
     0.7152,
@@ -1716,7 +1663,7 @@ function renderDagDuotoneSvgFilter(elementId, color1, color2) {
 
 // src/viewer/utils/shape-visual-3d.ts
 function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return chunkHHDPQJF3_js.build3DExtrusionData(
+  return chunkAL2KLPOJ_js.build3DExtrusionData(
     shape3d,
     scene3d,
     fillColor,
@@ -1725,7 +1672,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
   );
 }
 function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
-  chunkHHDPQJF3_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
+  chunkAL2KLPOJ_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
 }
 
 // src/viewer/utils/shape-visual-style.ts
@@ -1733,16 +1680,16 @@ function rendersCustomVectorPath(element) {
   return (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;
 }
 function rendersWedgeCalloutVector(element) {
-  return element.type === "shape" && chunkHHDPQJF3_js.isWedgeCalloutPresetShape(element.shapeType);
+  return element.type === "shape" && chunkAL2KLPOJ_js.isWedgeCalloutPresetShape(element.shapeType);
 }
 function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _strokeColor, animatesFill, animatesStroke, parentGroupFill) {
-  if (!chunkHHDPQJF3_js.hasShapeProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasShapeProperties(element)) {
     return {};
   }
   const ss = element.shapeStyle;
-  const fill = animatesFill ? void 0 : chunkHHDPQJF3_js.getComputedFillStyle(element, parentGroupFill);
-  const fx = chunkHHDPQJF3_js.getComputedEffectStyle(element);
-  const stroke = chunkHHDPQJF3_js.getComputedStrokeStyle(element);
+  const fill = animatesFill ? void 0 : chunkAL2KLPOJ_js.getComputedFillStyle(element, parentGroupFill);
+  const fx = chunkAL2KLPOJ_js.getComputedEffectStyle(element);
+  const stroke = chunkAL2KLPOJ_js.getComputedStrokeStyle(element);
   const base = {
     // A gradient fill REPLACES the solid fill, it does not sit on top of it;
     // the whole precedence lives in shared's `getComputedFillStyle`.
@@ -1781,7 +1728,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
   };
   Object.assign(
     base,
-    chunkHHDPQJF3_js.getAnimationColorBaseStyle(element, {
+    chunkAL2KLPOJ_js.getAnimationColorBaseStyle(element, {
       animatesFill,
       animatesStroke,
       parentGroupFill
@@ -1793,7 +1740,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     base.borderStyle = void 0;
   }
   apply3dEffects2(base, ss?.scene3d, ss?.shape3d, ss?.fillColor ?? fillColor);
-  if (rendersCustomVectorPath(element) || rendersWedgeCalloutVector(element) || chunkHHDPQJF3_js.isStrokeOnlyPresetElement(element)) {
+  if (rendersCustomVectorPath(element) || rendersWedgeCalloutVector(element) || chunkAL2KLPOJ_js.isStrokeOnlyPresetElement(element)) {
     base.backgroundColor = "transparent";
     base.backgroundImage = void 0;
     base.borderWidth = void 0;
@@ -1807,7 +1754,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
   if (rendersWedgeCalloutVector(element)) {
     return base;
   }
-  const geometry = chunkHHDPQJF3_js.resolveShapeGeometry(element);
+  const geometry = chunkAL2KLPOJ_js.resolveShapeGeometry(element);
   switch (geometry.kind) {
     case "bare":
       return { backgroundColor: "transparent", borderWidth: 0, borderStyle: "none" };
@@ -1833,13 +1780,13 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
 function getConnectorAdjustment(element, key, fallback) {
   const direct = element.shapeAdjustments?.[key];
   if (typeof direct === "number" && Number.isFinite(direct)) {
-    return chunkHHDPQJF3_js.clampUnitInterval(direct / 1e5);
+    return chunkAL2KLPOJ_js.clampUnitInterval(direct / 1e5);
   }
   const fallbackKey = element.shapeAdjustments?.adj;
   if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
-    return chunkHHDPQJF3_js.clampUnitInterval(fallbackKey / 1e5);
+    return chunkAL2KLPOJ_js.clampUnitInterval(fallbackKey / 1e5);
   }
-  return chunkHHDPQJF3_js.clampUnitInterval(fallback);
+  return chunkAL2KLPOJ_js.clampUnitInterval(fallback);
 }
 function getConnectorPathGeometry(element) {
   const width = Math.max(element.width, 0);
@@ -1976,11 +1923,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: chunkHHDPQJF3_js.svgLineCap(shapeStyle?.lineCap),
+    lineCap: chunkAL2KLPOJ_js.svgLineCap(shapeStyle?.lineCap),
     lineJoin,
     miterLimit,
-    offsets: chunkHHDPQJF3_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
-    widths: chunkHHDPQJF3_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
+    offsets: chunkAL2KLPOJ_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
+    widths: chunkAL2KLPOJ_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
   };
 }
 function strokeStrands(d, keyBase, ctx) {
@@ -2028,12 +1975,12 @@ 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 ? chunkHHDPQJF3_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunkAL2KLPOJ_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 ? chunkHHDPQJF3_js.svgGradientFillRef(gradient) : void 0;
+  const gradientPaint = gradient ? chunkAL2KLPOJ_js.svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
-    const paints = chunkHHDPQJF3_js.buildSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
+    const paints = chunkAL2KLPOJ_js.buildSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
     paints.forEach((paint, idx) => {
       if (paint.fill !== "none") {
         const mode = subpaths[idx]?.fillMode;
@@ -2062,7 +2009,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : gradientPaint ?? chunkHHDPQJF3_js.colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? chunkAL2KLPOJ_js.colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2105,14 +2052,14 @@ function renderGradientDefs(gradient) {
   ) });
 }
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunkHHDPQJF3_js.hasShapeProperties(element)) {
+  if (!chunkAL2KLPOJ_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
-  const fillPaint = animatesFill ? "inherit" : chunkHHDPQJF3_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
-  const strokePaint = animatesStroke ? "inherit" : chunkHHDPQJF3_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
-  const dashType = chunkHHDPQJF3_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const dashArray = chunkHHDPQJF3_js.getSvgStrokeDasharray(
+  const fillPaint = animatesFill ? "inherit" : chunkAL2KLPOJ_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
+  const strokePaint = animatesStroke ? "inherit" : chunkAL2KLPOJ_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
+  const dashType = chunkAL2KLPOJ_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const dashArray = chunkAL2KLPOJ_js.getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
     element.shapeStyle?.customDashSegments
@@ -2193,13 +2140,13 @@ 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).
-      chunkHHDPQJF3_js.buildSvgGradientDef(element.shapeStyle, element.id)
+      chunkAL2KLPOJ_js.buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
-  if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !chunkHHDPQJF3_js.buildStrokeOutline(element)) {
+  if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !chunkAL2KLPOJ_js.buildStrokeOutline(element)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkHHDPQJF3_js.getPresetShapeVectorGeometry(
+    const geometry = chunkAL2KLPOJ_js.getPresetShapeVectorGeometry(
       element.shapeType || "rect",
       width,
       height,
@@ -2227,18 +2174,18 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       );
     }
   }
-  if (element.type === "shape" && chunkHHDPQJF3_js.isWedgeCalloutPresetShape(element.shapeType)) {
+  if (element.type === "shape" && chunkAL2KLPOJ_js.isWedgeCalloutPresetShape(element.shapeType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkHHDPQJF3_js.getPresetShapeVectorGeometry(
+    const geometry = chunkAL2KLPOJ_js.getPresetShapeVectorGeometry(
       element.shapeType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry) {
-      const gradient = chunkHHDPQJF3_js.buildSvgGradientDef(element.shapeStyle, element.id);
-      const gradientPaint = gradient ? chunkHHDPQJF3_js.svgGradientFillRef(gradient) : void 0;
+      const gradient = chunkAL2KLPOJ_js.buildSvgGradientDef(element.shapeStyle, element.id);
+      const gradientPaint = gradient ? chunkAL2KLPOJ_js.svgGradientFillRef(gradient) : void 0;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "svg",
         {
@@ -2271,18 +2218,18 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       );
     }
   }
-  if (chunkHHDPQJF3_js.isCalloutShape(normalizedType)) {
+  if (chunkAL2KLPOJ_js.isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkHHDPQJF3_js.getCalloutLeaderLineGeometry(
+    const geometry = chunkAL2KLPOJ_js.getCalloutLeaderLineGeometry(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = chunkHHDPQJF3_js.buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = chunkHHDPQJF3_js.getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = chunkAL2KLPOJ_js.buildCalloutLeaderLineSvgPath(geometry);
+      const bounds = chunkAL2KLPOJ_js.getCalloutViewBoxBounds(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2345,10 +2292,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 = chunkHHDPQJF3_js.svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = chunkAL2KLPOJ_js.svgLineCap(element.shapeStyle?.lineCap);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
-    const offsets = chunkHHDPQJF3_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const widths = chunkHHDPQJF3_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const offsets = chunkAL2KLPOJ_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const widths = chunkAL2KLPOJ_js.getCompoundLineWidths(compoundLine, strokeWidth);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -2415,15 +2362,15 @@ function parseGradientFillCss(gradFill) {
   }
   const rawStops = stops.map((gs) => {
     const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = chunkHHDPQJF3_js.parseDrawingColor(gs) ?? "#888888";
-    const opacity = chunkHHDPQJF3_js.parseDrawingColorOpacity(gs);
+    const color = chunkAL2KLPOJ_js.parseDrawingColor(gs) ?? "#888888";
+    const opacity = chunkAL2KLPOJ_js.parseDrawingColorOpacity(gs);
     return { position: pos, color, opacity };
   }).sort((a, b) => a.position - b.position);
-  const stopStrings = rawStops.map((s) => `${chunkHHDPQJF3_js.colorWithOpacity(s.color, s.opacity)} ${s.position.toFixed(1)}%`).join(", ");
+  const stopStrings = rawStops.map((s) => `${chunkAL2KLPOJ_js.colorWithOpacity(s.color, s.opacity)} ${s.position.toFixed(1)}%`).join(", ");
   const lin = gradFill["a:lin"];
   if (lin) {
     const angRaw = Number.parseInt(String(lin["@_ang"] || "0"), 10);
-    const angleDeg = Math.round(chunkHHDPQJF3_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round(chunkAL2KLPOJ_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -2437,7 +2384,7 @@ function parseGradientFillCss(gradFill) {
       b: Number.parseInt(String(fillToRectXml["@_b"] || "0"), 10) / 1e5
     } : void 0;
     if (pathType === "rect") {
-      return chunkHHDPQJF3_js.buildRectPathGradient(rawStops, void 0, fillToRect);
+      return chunkAL2KLPOJ_js.buildRectPathGradient(rawStops, void 0, fillToRect);
     }
     let cx = 50;
     let cy = 50;
@@ -2459,8 +2406,8 @@ function parsePatternFillCss(pattFill) {
   if (!pattFill) {
     return void 0;
   }
-  const fgColor = chunkHHDPQJF3_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = chunkHHDPQJF3_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
+  const fgColor = chunkAL2KLPOJ_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
+  const bgColor = chunkAL2KLPOJ_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
   const preset = String(pattFill["@_prst"] || "ltDnDiag");
   switch (preset) {
     case "ltHorz":
@@ -2571,11 +2518,11 @@ function parseCellBorders(cellProperties) {
     const prstDash = ln["a:prstDash"];
     const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
     const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = chunkHHDPQJF3_js.parseDrawingColor(ln["a:solidFill"]);
+    const color = chunkAL2KLPOJ_js.parseDrawingColor(ln["a:solidFill"]);
     if (color) {
-      const opacity = chunkHHDPQJF3_js.parseDrawingColorOpacity(ln["a:solidFill"]);
+      const opacity = chunkAL2KLPOJ_js.parseDrawingColorOpacity(ln["a:solidFill"]);
       const key = `${edge.prefix}`;
-      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkHHDPQJF3_js.colorWithOpacity(color, opacity)}`;
+      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkAL2KLPOJ_js.colorWithOpacity(color, opacity)}`;
     }
   }
   return borderStyle;
@@ -2588,7 +2535,7 @@ function parseCellTextEffects(runProps) {
   const textShadowParts = [];
   const outerShdw = effectLst["a:outerShdw"];
   if (outerShdw) {
-    const shdwColor = chunkHHDPQJF3_js.parseDrawingColor(outerShdw);
+    const shdwColor = chunkAL2KLPOJ_js.parseDrawingColor(outerShdw);
     if (shdwColor) {
       const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
       const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
@@ -2606,7 +2553,7 @@ function parseCellTextEffects(runProps) {
   }
   const glow = effectLst["a:glow"];
   if (glow) {
-    const glowColor = chunkHHDPQJF3_js.parseDrawingColor(glow);
+    const glowColor = chunkAL2KLPOJ_js.parseDrawingColor(glow);
     if (glowColor) {
       const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
       const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
@@ -2686,10 +2633,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   if (runProps?.["@_u"] !== void 0) {
     cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
   }
-  const runColor = chunkHHDPQJF3_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkHHDPQJF3_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
+  const runColor = chunkAL2KLPOJ_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkAL2KLPOJ_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
   if (runColor) {
-    const opacity = chunkHHDPQJF3_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = chunkHHDPQJF3_js.colorWithOpacity(runColor, opacity);
+    const opacity = chunkAL2KLPOJ_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
+    cellStyle.color = chunkAL2KLPOJ_js.colorWithOpacity(runColor, opacity);
   }
   const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
   if (fontFamily) {
@@ -2699,15 +2646,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
   }
   const cellProperties = cellXml["a:tcPr"];
-  const cellFill = chunkHHDPQJF3_js.parseDrawingColor(
+  const cellFill = chunkAL2KLPOJ_js.parseDrawingColor(
     cellProperties?.["a:solidFill"],
     schemeColorOverrides
   );
   if (cellFill) {
-    const opacity = chunkHHDPQJF3_js.parseDrawingColorOpacity(
+    const opacity = chunkAL2KLPOJ_js.parseDrawingColorOpacity(
       cellProperties?.["a:solidFill"]
     );
-    cellStyle.backgroundColor = chunkHHDPQJF3_js.colorWithOpacity(cellFill, opacity);
+    cellStyle.backgroundColor = chunkAL2KLPOJ_js.colorWithOpacity(cellFill, opacity);
   } else {
     const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
     if (gradCss) {
@@ -2722,16 +2669,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 = chunkHHDPQJF3_js.parseDrawingColor(
+    const borderColor = chunkAL2KLPOJ_js.parseDrawingColor(
       cellProperties?.["a:lnL"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkHHDPQJF3_js.parseDrawingColor(
+    ) || chunkAL2KLPOJ_js.parseDrawingColor(
       cellProperties?.["a:lnR"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkHHDPQJF3_js.parseDrawingColor(
+    ) || chunkAL2KLPOJ_js.parseDrawingColor(
       cellProperties?.["a:lnT"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkHHDPQJF3_js.parseDrawingColor(
+    ) || chunkAL2KLPOJ_js.parseDrawingColor(
       cellProperties?.["a:lnB"]?.["a:solidFill"],
       schemeColorOverrides
     );
@@ -2803,7 +2750,7 @@ function getTableCellBandStyle2(element, rowIndex, cellIndex, rowCount, columnCo
   if (element.type !== "table") {
     return void 0;
   }
-  return chunkHHDPQJF3_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
+  return chunkAL2KLPOJ_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -2879,7 +2826,7 @@ function renderTableCellContent(cell, fallbackText) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        style: { position: "relative", ...chunkHHDPQJF3_js.cellRunStyle(run) },
+        style: { position: "relative", ...chunkAL2KLPOJ_js.cellRunStyle(run) },
         children: run.text
       },
       `r-${index}`
@@ -2887,7 +2834,7 @@ function renderTableCellContent(cell, fallbackText) {
   });
 }
 function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return chunkHHDPQJF3_js.getCellDiagonalBorders(style, tableData, pos, {
+  return chunkAL2KLPOJ_js.getCellDiagonalBorders(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -2946,18 +2893,18 @@ function TableCellInput({
   onCommit,
   onCancel
 }) {
-  const inputRef = React6.useRef(null);
-  const committedRef = React6.useRef(false);
-  const onCommitRef = React6.useRef(onCommit);
+  const inputRef = React7.useRef(null);
+  const committedRef = React7.useRef(false);
+  const onCommitRef = React7.useRef(onCommit);
   onCommitRef.current = onCommit;
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const el = inputRef.current;
     if (el) {
       el.focus();
       el.select();
     }
   }, []);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const input = inputRef.current;
     return () => {
       if (!committedRef.current && input) {
@@ -3017,11 +2964,11 @@ function TableResizeOverlay({
   onResizeColumns,
   onResizeRow
 }) {
-  const containerRef = React6.useRef(null);
-  const [rowBounds, setRowBounds] = React6.useState([]);
-  const dragRef = React6.useRef(null);
-  const colBoundaries = React6.useMemo(() => chunkHHDPQJF3_js.computeColumnBoundaries(columnWidths), [columnWidths]);
-  const measureRows = React6.useCallback(() => {
+  const containerRef = React7.useRef(null);
+  const [rowBounds, setRowBounds] = React7.useState([]);
+  const dragRef = React7.useRef(null);
+  const colBoundaries = React7.useMemo(() => chunkAL2KLPOJ_js.computeColumnBoundaries(columnWidths), [columnWidths]);
+  const measureRows = React7.useCallback(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -3046,10 +2993,10 @@ function TableResizeOverlay({
       return bounds;
     });
   }, []);
-  React6.useLayoutEffect(() => {
+  React7.useLayoutEffect(() => {
     measureRows();
   });
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const handleMouseMove = (e) => {
       const drag = dragRef.current;
       if (!drag) {
@@ -3067,11 +3014,11 @@ function TableResizeOverlay({
       const rect = containerRef.current.getBoundingClientRect();
       if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
-        onResizeColumns(chunkHHDPQJF3_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
+        onResizeColumns(chunkAL2KLPOJ_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
       } else if (drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
-        const newHeight = chunkHHDPQJF3_js.computeResizedRowHeight(
-          drag.initialRowHeight ?? chunkHHDPQJF3_js.DEFAULT_ROW_HEIGHT,
+        const newHeight = chunkAL2KLPOJ_js.computeResizedRowHeight(
+          drag.initialRowHeight ?? chunkAL2KLPOJ_js.DEFAULT_ROW_HEIGHT,
           deltaY
         );
         onResizeRow(drag.index, newHeight);
@@ -3109,7 +3056,7 @@ function TableResizeOverlay({
     e.stopPropagation();
     const table = containerRef.current?.querySelector("table");
     const tr = table?.querySelectorAll("tbody > tr")[index];
-    const actualHeight = tr?.offsetHeight ?? chunkHHDPQJF3_js.DEFAULT_ROW_HEIGHT;
+    const actualHeight = tr?.offsetHeight ?? chunkAL2KLPOJ_js.DEFAULT_ROW_HEIGHT;
     document.body.style.cursor = "row-resize";
     document.body.style.userSelect = "none";
     dragRef.current = {
@@ -3149,14 +3096,14 @@ function renderTableFromTableData(element, textStyle, options) {
   const rowCount = tableData.rows.length;
   const columnCount = tableData.columnWidths.length;
   const selectedCell = options?.selectedCell || null;
-  const isEditable = Boolean(options?.editable);
+  const isEditable = Boolean(options?.editable) && chunkAL2KLPOJ_js.canDrillDown(element);
   const hasCellSelectionHandler = typeof options?.onSelectCell === "function";
   const sharedCtx = {
     tableStyleMap: options?.styleCtx?.tableStyleMap,
     colorScheme: options?.styleCtx?.theme?.colorScheme,
     fontScheme: options?.styleCtx?.theme?.fontScheme
   };
-  const cellCss = (cell, rowIndex, cellIndex) => chunkHHDPQJF3_js.tableCellCss(
+  const cellCss = (cell, rowIndex, cellIndex) => chunkAL2KLPOJ_js.tableCellCss(
     tableData,
     cell,
     { rowIndex, cellIndex, rowCount, columnCount },
@@ -3169,7 +3116,7 @@ function renderTableFromTableData(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkHHDPQJF3_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
+    return chunkAL2KLPOJ_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableResizeOverlay,
@@ -3190,9 +3137,9 @@ function renderTableFromTableData(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunkHHDPQJF3_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunkAL2KLPOJ_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunkHHDPQJF3_js.tableContainerCss(tableData)
+                ...chunkAL2KLPOJ_js.tableContainerCss(tableData)
               },
               children: [
                 tableData.columnWidths.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3211,7 +3158,7 @@ function renderTableFromTableData(element, textStyle, options) {
                         return null;
                       }
                       const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                      const isInMultiSelection = chunkHHDPQJF3_js.isCellInRect(rowIndex, cellIndex, selectionRect);
+                      const isInMultiSelection = chunkAL2KLPOJ_js.isCellInRect(rowIndex, cellIndex, selectionRect);
                       const isCellEditing = isCellSelected && selectedCell?.isEditing;
                       const diag = getCellDiagonalBorders2(
                         cell.style,
@@ -3240,7 +3187,7 @@ function renderTableFromTableData(element, textStyle, options) {
                             }
                             event.stopPropagation();
                             if (event.shiftKey && selectedCell) {
-                              const rect = chunkHHDPQJF3_js.computeSelectionRect(
+                              const rect = chunkAL2KLPOJ_js.computeSelectionRect(
                                 selectedCell.rowIndex,
                                 selectedCell.columnIndex,
                                 rowIndex,
@@ -3250,7 +3197,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               options?.onSelectCell?.({
                                 rowIndex: selectedCell.rowIndex,
                                 columnIndex: selectedCell.columnIndex,
-                                selectedCells: chunkHHDPQJF3_js.rectToCells(rect)
+                                selectedCells: chunkAL2KLPOJ_js.rectToCells(rect)
                               });
                             } else {
                               options?.onSelectCell?.({
@@ -3311,10 +3258,10 @@ 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: chunkUTIMT5CZ_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: chunkMZI4DG3S_js.translationsEn["pptx.table.title"] });
   }
   const selectedCell = options?.selectedCell || null;
-  const isEditable = Boolean(options?.editable);
+  const isEditable = Boolean(options?.editable) && chunkAL2KLPOJ_js.canDrillDown(element);
   const hasCellSelectionHandler = typeof options?.onSelectCell === "function";
   const tableEl = element;
   const xmlSelectionRect = (() => {
@@ -3326,7 +3273,7 @@ function renderTableElement(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkHHDPQJF3_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
+    return chunkAL2KLPOJ_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(
@@ -3348,9 +3295,9 @@ function renderTableElement(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunkHHDPQJF3_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunkAL2KLPOJ_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunkHHDPQJF3_js.tableContainerCss(tableEl.tableData)
+                ...chunkAL2KLPOJ_js.tableContainerCss(tableEl.tableData)
               },
               children: [
                 parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3407,7 +3354,7 @@ function renderTableElement(element, textStyle, options) {
                           color: textStyle.color,
                           ...bandStyle,
                           ...xmlCellStyle,
-                          ...tdCellOverride ? chunkHHDPQJF3_js.cellStyleToCss(tdCellOverride) : void 0,
+                          ...tdCellOverride ? chunkAL2KLPOJ_js.cellStyleToCss(tdCellOverride) : void 0,
                           ...diag ? { position: "relative" } : void 0
                         };
                         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3417,7 +3364,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,
-                              chunkHHDPQJF3_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                              chunkAL2KLPOJ_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,
@@ -3428,7 +3375,7 @@ function renderTableElement(element, textStyle, options) {
                               }
                               event.stopPropagation();
                               if (event.shiftKey && selectedCell && tableEl.tableData) {
-                                const rect = chunkHHDPQJF3_js.computeSelectionRect(
+                                const rect = chunkAL2KLPOJ_js.computeSelectionRect(
                                   selectedCell.rowIndex,
                                   selectedCell.columnIndex,
                                   rowIndex,
@@ -3438,7 +3385,7 @@ function renderTableElement(element, textStyle, options) {
                                 options?.onSelectCell?.({
                                   rowIndex: selectedCell.rowIndex,
                                   columnIndex: selectedCell.columnIndex,
-                                  selectedCells: chunkHHDPQJF3_js.rectToCells(rect)
+                                  selectedCells: chunkAL2KLPOJ_js.rectToCells(rect)
                                 });
                               } else {
                                 options?.onSelectCell?.({
@@ -3497,23 +3444,23 @@ function renderTableElement(element, textStyle, options) {
   );
 }
 function partAttrs(part) {
-  return part ? chunkHHDPQJF3_js.chartPartToAttrs(part) : void 0;
+  return part ? chunkAL2KLPOJ_js.chartPartToAttrs(part) : void 0;
 }
 function resolveReactPalette(chartData) {
   if (chartData.colorPalette && chartData.colorPalette.length > 0) {
     return chartData.colorPalette;
   }
-  return [...chunkHHDPQJF3_js.getChartStylePalette(chartData.style?.styleId)];
+  return [...chunkAL2KLPOJ_js.getChartStylePalette(chartData.style?.styleId)];
 }
 function buildReactChartViewModel(element) {
   if (element.type !== "chart" || !element.chartData) {
-    return chunkHHDPQJF3_js.buildChartViewModel(element);
+    return chunkAL2KLPOJ_js.buildChartViewModel(element);
   }
   const palette = resolveReactPalette(element.chartData), themedElement = {
     ...element,
     chartData: { ...element.chartData, colorPalette: palette }
   };
-  return chunkHHDPQJF3_js.buildChartViewModel(themedElement);
+  return chunkAL2KLPOJ_js.buildChartViewModel(themedElement);
 }
 function renderPrimitive(prim, key) {
   switch (prim.kind) {
@@ -3662,7 +3609,7 @@ function renderText(t, key) {
   );
 }
 function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
-  const legendItems = chunkHHDPQJF3_js.computeChartLegendLayout(vm);
+  const legendItems = chunkAL2KLPOJ_js.computeChartLegendLayout(vm);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -3670,16 +3617,50 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
       viewBox: `0 0 ${vm.svgWidth} ${vm.svgHeight}`,
       preserveAspectRatio,
       children: [
-        vm.areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: vm.svgWidth, height: vm.svgHeight, fill: vm.areaFill }),
+        vm.defs && vm.defs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: vm.defs.map((def, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "pattern",
+          {
+            id: def.id,
+            patternUnits: def.patternUnits,
+            x: def.x,
+            y: def.y,
+            width: def.width,
+            height: def.height,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "image",
+              {
+                href: def.href,
+                x: 0,
+                y: 0,
+                width: def.width,
+                height: def.height,
+                preserveAspectRatio: def.preserveAspectRatio
+              }
+            )
+          },
+          `${elementId}-def-${i}`
+        )) }),
+        vm.areaFill && /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: 0,
+            y: 0,
+            width: vm.svgWidth,
+            height: vm.svgHeight,
+            rx: vm.areaRadius,
+            fill: vm.areaFill
+          }
+        ),
         vm.title && /* @__PURE__ */ jsxRuntime.jsx(
           "text",
           {
             x: vm.titleX,
             y: vm.titleY,
             textAnchor: "middle",
-            fontSize: 12,
-            fontWeight: 600,
-            fill: "#1e293b",
+            fontSize: vm.titleStyle?.fontSize ?? 12,
+            fontWeight: vm.titleStyle?.fontWeight ?? 600,
+            fontFamily: vm.titleStyle?.fontFamily,
+            fill: vm.titleStyle?.fill ?? "#1e293b",
             "data-chart-part": "title",
             children: vm.title
           }
@@ -3755,17 +3736,17 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
 }
 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: chunkUTIMT5CZ_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: chunkMZI4DG3S_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: chunkUTIMT5CZ_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: chunkMZI4DG3S_js.translationsEn["pptx.chart.heading"] });
   }
-  const kind = chunkHHDPQJF3_js.resolveChartKind(chartData.chartType ?? "bar");
+  const kind = chunkAL2KLPOJ_js.resolveChartKind(chartData.chartType ?? "bar");
   return renderChartViewModel(
     element.id,
     buildReactChartViewModel(element),
-    chunkHHDPQJF3_js.chartPreserveAspectRatio(kind)
+    chunkAL2KLPOJ_js.chartPreserveAspectRatio(kind)
   );
 }
 
@@ -3785,14 +3766,14 @@ function buildNotesPdf(pages) {
     notes: page.notes,
     slideNumber: page.slideNumber
   }));
-  const bytes = chunkHHDPQJF3_js.buildNotesPdfBytes(images, meta);
+  const bytes = chunkAL2KLPOJ_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 = chunkHHDPQJF3_js.buildSlidesPdfBytes(images);
+  const bytes = chunkAL2KLPOJ_js.buildSlidesPdfBytes(images);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
@@ -3801,7 +3782,7 @@ function buildPdfFromImageData(images) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = chunkHHDPQJF3_js.buildPreviewAnimation(preset, options);
+  const descriptor = chunkAL2KLPOJ_js.buildPreviewAnimation(preset, options);
   if (!descriptor) {
     return;
   }
@@ -3814,7 +3795,7 @@ function startMotionPathPreview(elementId, path, options) {
     return;
   }
   const stage = domEl.offsetParent;
-  const descriptor = chunkHHDPQJF3_js.buildMotionPathPreview({
+  const descriptor = chunkAL2KLPOJ_js.buildMotionPathPreview({
     path,
     slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
     slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,