pptx-react-viewer 4.6.0 → 4.8.0

package/dist/{chunk-Y4QUVWZC.js → chunk-SAYZSUNQ.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkFZSYLXJT_js = require('./chunk-FZSYLXJT.js');
-var chunk3JUZOKFI_js = require('./chunk-3JUZOKFI.js');
+var chunkYF2BQIW3_js = require('./chunk-YF2BQIW3.js');
+var chunkLTBTG2QB_js = require('./chunk-LTBTG2QB.js');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React7 = require('react');
+var React8 = 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 React7__default = /*#__PURE__*/_interopDefault(React7);
+var React8__default = /*#__PURE__*/_interopDefault(React8);
 
 // src/viewer/utils/animation-effects.ts
 function getAnimationInitialStyle2(preset, nativeAnimation) {
-  return chunkFZSYLXJT_js.getAnimationInitialStyle(preset, nativeAnimation);
+  return chunkYF2BQIW3_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 chunkFZSYLXJT_js.cloneHistorySnapshot(snapshot);
+  return chunkYF2BQIW3_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 = chunkFZSYLXJT_js.VIEWER_SHORTCUT_REFERENCE;
+var SHORTCUT_REFERENCE_ITEMS = chunkYF2BQIW3_js.VIEWER_SHORTCUT_REFERENCE;
 
 // src/viewer/constants/transitions-animations.ts
 var ANIMATION_PRESET_OPTIONS = [
@@ -89,12 +89,12 @@ var GLYPH_COMPONENTS = {
   plus: lu.LuPlus,
   triangle: lu.LuTriangle
 };
-var SHAPE_PRESETS = chunkFZSYLXJT_js.SHAPE_PRESET_DEFS.map(
+var SHAPE_PRESETS = chunkYF2BQIW3_js.SHAPE_PRESET_DEFS.map(
   (def) => ({
     type: def.type,
     label: def.label,
     i18nKey: def.i18nKey,
-    icon: React7__default.default.createElement(GLYPH_COMPONENTS[def.glyph], {
+    icon: React8__default.default.createElement(GLYPH_COMPONENTS[def.glyph], {
       className: def.glyphClass ? `w-3.5 h-3.5 ${def.glyphClass}` : "w-3.5 h-3.5"
     })
   })
@@ -114,7 +114,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 = chunkFZSYLXJT_js.STROKE_DASH_OPTIONS;
+var STROKE_DASH_OPTIONS2 = chunkYF2BQIW3_js.STROKE_DASH_OPTIONS;
 
 // src/viewer/utils/shape-types.tsx
 function getShapeType(shapeType) {
@@ -223,7 +223,7 @@ function isConnectorOrLineElement(element) {
   if (element.type === "connector") {
     return true;
   }
-  if (!chunkFZSYLXJT_js.hasShapeProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasShapeProperties(element)) {
     return false;
   }
   const st = getShapeType(element.shapeType);
@@ -232,18 +232,18 @@ function isConnectorOrLineElement(element) {
 
 // src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
-  if (!chunkFZSYLXJT_js.hasShapeProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasShapeProperties(element)) {
     return void 0;
   }
-  const geometry = chunkFZSYLXJT_js.resolveShapeGeometry(element);
+  const geometry = chunkYF2BQIW3_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 = chunkFZSYLXJT_js.getImageFitStyle(element);
-  const counterTransform = chunkFZSYLXJT_js.getImageFillCounterTransform(element, Boolean(fit.transform));
+  const fit = chunkYF2BQIW3_js.getImageFitStyle(element);
+  const counterTransform = chunkYF2BQIW3_js.getImageFillCounterTransform(element, Boolean(fit.transform));
   return {
     // A translated/scaled crop, or a rotWithShape=false counter-transform,
     // must be masked by the stationary wrapper, not by the moving/counter-
@@ -262,7 +262,7 @@ function getImageSurfaceMaskStyle(element) {
   };
 }
 function getImageSurfaceStyle(element) {
-  const fill = chunkFZSYLXJT_js.hasShapeProperties(element) ? chunkFZSYLXJT_js.getComputedFillStyle(element) : void 0;
+  const fill = chunkYF2BQIW3_js.hasShapeProperties(element) ? chunkYF2BQIW3_js.getComputedFillStyle(element) : void 0;
   return {
     position: "absolute",
     inset: 0,
@@ -275,13 +275,13 @@ function getImageSurfaceStyle(element) {
   };
 }
 function getCropShapeClipPath2(element) {
-  if (!chunkFZSYLXJT_js.isImageLikeElement(element)) {
+  if (!chunkYF2BQIW3_js.isImageLikeElement(element)) {
     return void 0;
   }
-  return chunkFZSYLXJT_js.getCropShapeClipPath(element.cropShape, element.width, element.height);
+  return chunkYF2BQIW3_js.getCropShapeClipPath(element.cropShape, element.width, element.height);
 }
 function getImageTilingStyle2(element, nativeSize) {
-  return chunkFZSYLXJT_js.getImageTilingStyle(element, nativeSize);
+  return chunkYF2BQIW3_js.getImageTilingStyle(element, nativeSize);
 }
 
 // src/viewer/utils/geometry-image.ts
@@ -329,8 +329,8 @@ function buildTrimFragment(element) {
   return `#t=${(start / 1e3).toFixed(3)}`;
 }
 function useMediaMetadataExtraction(mediaRef, element) {
-  const [metadata, setMetadata] = React7.useState(element.metadata);
-  React7.useEffect(() => {
+  const [metadata, setMetadata] = React8.useState(element.metadata);
+  React8.useEffect(() => {
     const el = mediaRef.current;
     if (!el) {
       return;
@@ -413,7 +413,7 @@ function VideoWithMetadata({
     {
       ref: mediaRef,
       className: "w-full h-full pointer-events-auto",
-      style: isFullScreen ? { objectFit: "cover" } : chunkFZSYLXJT_js.getImageFitStyle(element),
+      style: isFullScreen ? { objectFit: "cover" } : chunkYF2BQIW3_js.getImageFitStyle(element),
       controls: showTransport,
       preload: "metadata",
       playsInline: true,
@@ -466,28 +466,28 @@ function PresentationMediaController({
   children
 }) {
   const { t } = reactI18next.useTranslation();
-  const mediaRef = React7.useRef(null);
-  const [isMediaPlaying, setIsMediaPlaying] = React7.useState(false);
+  const mediaRef = React8.useRef(null);
+  const [isMediaPlaying, setIsMediaPlaying] = React8.useState(false);
   const trimStartSec = element.trimStartMs !== void 0 ? element.trimStartMs / 1e3 : 0;
   const hideWhenNotPlaying = isPresentationMode && element.hideWhenNotPlaying === true;
-  const { volume: playbackVolume, playbackRate } = chunkFZSYLXJT_js.mediaPlaybackAttributes({
+  const { volume: playbackVolume, playbackRate } = chunkYF2BQIW3_js.mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
   });
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const el = mediaRef.current;
     if (el) {
       el.volume = playbackVolume;
     }
   }, [playbackVolume]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const el = mediaRef.current;
     if (el) {
       el.playbackRate = playbackRate;
     }
   }, [playbackRate]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const el = mediaRef.current;
     if (!el) {
       return;
@@ -513,12 +513,12 @@ function PresentationMediaController({
       el.removeEventListener("ended", handleEnded);
     };
   }, [onPlayStateChange]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const el = mediaRef.current;
     if (!el || !isPresentationMode) {
       return;
     }
-    return chunkFZSYLXJT_js.scheduleMediaTrimAndFade(el, {
+    return chunkYF2BQIW3_js.scheduleMediaTrimAndFade(el, {
       trimStartMs: element.trimStartMs,
       trimEndMs: element.trimEndMs,
       fadeInDuration: element.fadeInDuration,
@@ -533,13 +533,13 @@ function PresentationMediaController({
     element.fadeOutDuration,
     playbackVolume
   ]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!isPresentationMode || !shouldAutoPlay) {
       return;
     }
     if (element.playAcrossSlides && element.mediaType === "audio") {
       const dataUrl = element.mediaData ?? resolvedDataUrl;
-      if (chunkFZSYLXJT_js.registerCrossSlideAudio(element, dataUrl)) {
+      if (chunkYF2BQIW3_js.registerCrossSlideAudio(element, dataUrl)) {
         return;
       }
     }
@@ -561,17 +561,17 @@ function PresentationMediaController({
     transition: "opacity 0.3s ease",
     pointerEvents: isMediaPlaying ? "auto" : "none"
   } : {};
-  const handleStopFullScreen = React7.useCallback(() => {
+  const handleStopFullScreen = React8.useCallback(() => {
     const el = mediaRef.current;
     if (el && !el.paused) {
       el.pause();
     }
   }, []);
-  const noopOnPlay = React7.useCallback(() => {
+  const noopOnPlay = React8.useCallback(() => {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full", style: wrapperStyle, children: [
     children({ mediaRef, onPlay: noopOnPlay, isMediaPlaying }),
-    chunkFZSYLXJT_js.shouldShowMediaFullscreenStopButton({
+    chunkYF2BQIW3_js.shouldShowMediaFullscreenStopButton({
       fullScreen: isFullScreen,
       presenting: isPresentationMode,
       playing: isMediaPlaying
@@ -588,7 +588,7 @@ function PresentationMediaController({
   ] });
 }
 function label(key) {
-  return key === void 0 ? void 0 : chunk3JUZOKFI_js.translationsEn[key];
+  return key === void 0 ? void 0 : chunkLTBTG2QB_js.translationsEn[key];
 }
 function FallbackIcon({
   paths,
@@ -624,17 +624,17 @@ function Badge({
     "div",
     {
       className: `absolute inset-0 flex flex-col items-center justify-center ${isMissing ? "gap-1" : ""}`,
-      ...{ [chunkFZSYLXJT_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
+      ...{ [chunkYF2BQIW3_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunkFZSYLXJT_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunkYF2BQIW3_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(chunkFZSYLXJT_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunkYF2BQIW3_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -651,17 +651,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"}`,
-      ...{ [chunkFZSYLXJT_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
+      ...{ [chunkYF2BQIW3_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunkFZSYLXJT_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunkYF2BQIW3_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(chunkFZSYLXJT_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunkYF2BQIW3_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -671,7 +671,7 @@ function renderMediaFallback({
   posterUrl,
   surface
 }) {
-  const visual = chunkFZSYLXJT_js.mediaFallbackVisual(surface, {
+  const visual = chunkYF2BQIW3_js.mediaFallbackVisual(surface, {
     hasPoster: Boolean(posterUrl),
     missing: element.mediaMissing === true
   });
@@ -681,9 +681,9 @@ function renderMediaFallback({
         "img",
         {
           src: posterUrl,
-          alt: visual.dimPoster ? chunk3JUZOKFI_js.translationsEn["pptx.media.posterAlt"] : chunk3JUZOKFI_js.translationsEn["pptx.media.videoPosterAlt"],
+          alt: visual.dimPoster ? chunkLTBTG2QB_js.translationsEn["pptx.media.posterAlt"] : chunkLTBTG2QB_js.translationsEn["pptx.media.videoPosterAlt"],
           className: `w-full h-full${visual.dimPoster ? " opacity-50" : ""}`,
-          style: chunkFZSYLXJT_js.getImageFitStyle(element)
+          style: chunkYF2BQIW3_js.getImageFitStyle(element)
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(Badge, { visual, element })
@@ -693,7 +693,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: chunk3JUZOKFI_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: chunkLTBTG2QB_js.translationsEn["pptx.media.title"] });
   }
   const mediaType = element.mediaType;
   const mediaPath = element.mediaPath;
@@ -701,7 +701,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 = chunkFZSYLXJT_js.mediaPlaybackAttributes(element).loop;
+  const shouldLoop = chunkYF2BQIW3_js.mediaPlaybackAttributes(element).loop;
   const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
   const isFullScreen = options?.fullScreen === true;
   const isPresentationMode = options?.isPresentationMode === true;
@@ -714,17 +714,17 @@ function renderMediaElement(element, mediaDataUrls, options) {
     return renderMediaFallback({ element, posterUrl, surface });
   }
   if (mediaType === "video") {
-    const onlineVideo = chunkFZSYLXJT_js.getOnlineVideoEmbed(element);
+    const onlineVideo = chunkYF2BQIW3_js.getOnlineVideoEmbed(element);
     if (onlineVideo) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         "iframe",
         {
           src: onlineVideo.embedUrl,
-          title: chunk3JUZOKFI_js.translationsEn["pptx.media.onlineVideoTitle"],
+          title: chunkLTBTG2QB_js.translationsEn["pptx.media.onlineVideoTitle"],
           className: "w-full h-full border-0 pointer-events-auto",
-          allow: chunkFZSYLXJT_js.ONLINE_VIDEO_IFRAME_ALLOW,
+          allow: chunkYF2BQIW3_js.ONLINE_VIDEO_IFRAME_ALLOW,
           allowFullScreen: true,
-          sandbox: chunkFZSYLXJT_js.ONLINE_VIDEO_IFRAME_SANDBOX
+          sandbox: chunkYF2BQIW3_js.ONLINE_VIDEO_IFRAME_SANDBOX
         }
       );
     }
@@ -793,32 +793,32 @@ 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: chunk3JUZOKFI_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: chunkLTBTG2QB_js.translationsEn["pptx.media.title"] });
 }
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  return chunkFZSYLXJT_js.buildTextBlockStyle(element, { fallbackColor });
+  return chunkYF2BQIW3_js.buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
 function getTextLayoutStyle(element) {
-  if (!chunkFZSYLXJT_js.hasTextProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasTextProperties(element)) {
     return {};
   }
-  const writingMode = chunkFZSYLXJT_js.toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = chunkFZSYLXJT_js.toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = chunkFZSYLXJT_js.toCssVerticalDirection(element.textStyle?.textDirection);
+  const writingMode = chunkYF2BQIW3_js.toCssWritingMode(element.textStyle?.textDirection);
+  const textOrientation = chunkYF2BQIW3_js.toCssTextOrientation(element.textStyle?.textDirection);
+  const verticalDirection = chunkYF2BQIW3_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 = chunkFZSYLXJT_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const hasParagraphIndents = chunkYF2BQIW3_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;
   const textIndent = !hasParagraphIndents && typeof paragraphIndent === "number" && paragraphIndent !== 0 ? paragraphIndent : void 0;
   const bodyTop = element.textStyle?.bodyInsetTop ?? DEFAULT_BODY_INSET_TB_PX;
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
-  const bodyLayoutStyle = chunkFZSYLXJT_js.buildTextBodyLayoutStyle(element);
+  const bodyLayoutStyle = chunkYF2BQIW3_js.buildTextBodyLayoutStyle(element);
   return {
     ...bodyLayoutStyle,
     // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
@@ -848,7 +848,7 @@ function getTextLayoutStyle(element) {
 
 // src/viewer/utils/text-effects.tsx
 function buildTextBody3DSceneStyle2(textStyle, elementSize) {
-  return chunkFZSYLXJT_js.buildTextBody3DSceneStyle(textStyle, elementSize);
+  return chunkYF2BQIW3_js.buildTextBody3DSceneStyle(textStyle, elementSize);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1033,13 +1033,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
-  const paraKey = `${elementId}${chunkFZSYLXJT_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
+  const paraKey = `${elementId}${chunkYF2BQIW3_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 = chunkFZSYLXJT_js.buildTextBuildSpec(
+  const spec = chunkYF2BQIW3_js.buildTextBuildSpec(
     elementId,
     paraIndex,
     paraRuns.map((run) => ({ text: run.text, style: run })),
@@ -1051,13 +1051,13 @@ 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(React7__default.default.Fragment, { children: content }, `ws-${index}`);
+      return /* @__PURE__ */ jsxRuntime.jsx(React8__default.default.Fragment, { children: content }, `ws-${index}`);
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         "data-anim-id": span.animId,
-        style: chunkFZSYLXJT_js.textBuildSpanStyle(span),
+        style: chunkYF2BQIW3_js.textBuildSpanStyle(span),
         children: content
       },
       span.animId
@@ -1068,18 +1068,18 @@ function renderUnderlineWords(text, isUnderlineWords, wordDecoration, metric, ke
   if (!isUnderlineWords || !text) {
     return inner(text, keyPrefix, metric);
   }
-  const pieces = chunkFZSYLXJT_js.splitWordsForUnderline(text);
+  const pieces = chunkYF2BQIW3_js.splitWordsForUnderline(text);
   if (pieces.length === 0) {
     return inner(text, keyPrefix, metric);
   }
   const gapMetric = metric ? {
     ...metric,
-    nestedStyle: metric.nestedStyle ? chunkFZSYLXJT_js.stripUnderlineDecoration(metric.nestedStyle) : void 0
+    nestedStyle: metric.nestedStyle ? chunkYF2BQIW3_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(React8__default.default.Fragment, { children: inner(piece.text, key, gapMetric) }, key);
     }
     return /* @__PURE__ */ jsxRuntime.jsx("span", { style: wordDecoration, children: inner(piece.text, key, metric) }, key);
   });
@@ -1107,7 +1107,7 @@ function makeSegmentPieceRenderer(needsScriptFonts, scriptFonts, baseFontFamily,
   );
 }
 function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle, underlineWords = false) {
-  const [lineLayout] = chunkFZSYLXJT_js.buildRunTabLines(
+  const [lineLayout] = chunkYF2BQIW3_js.buildRunTabLines(
     line,
     ctx,
     nestedStyle,
@@ -1116,17 +1116,44 @@ function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle, underl
   );
   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(React7__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React8__default.default.Fragment, { children: [
       piece.leaderStyle ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: piece.leaderStyle, children: piece.leaderText }) : null,
       piece.words ? piece.words.map((word, w) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: word.style, children: renderPiece(word.text, `${key}-w${w}`) }, `${key}-w${w}`)) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: piece.style, children: renderPiece(piece.text, key) })
     ] }, key);
   }) });
 }
+function renderEastAsianPieces(text, metric, keyPrefix, inner, baseStyle) {
+  const parts = chunkYF2BQIW3_js.splitEastAsianBreaks(text, metric.eastAsian, metric.font);
+  if (parts.length === 1 && !parts[0].style) {
+    return inner(parts[0].text, keyPrefix);
+  }
+  return parts.map((part, i) => {
+    const key = `${keyPrefix}-e${i}`;
+    return part.style ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...baseStyle ?? metric.nestedStyle, ...part.style }, children: inner(part.text, key) }, key) : /* @__PURE__ */ jsxRuntime.jsx(React8__default.default.Fragment, { children: inner(part.text, key) }, key);
+  });
+}
+function renderMetricPieces(text, metric, keyPrefix, inner) {
+  if (!metric || !text) {
+    return inner(text, keyPrefix);
+  }
+  const pieces = chunkYF2BQIW3_js.splitRunForMetrics(text, metric.font);
+  if (pieces.length <= 1) {
+    return renderEastAsianPieces(text, metric, keyPrefix, inner, void 0);
+  }
+  return pieces.map((piece, i) => {
+    const key = `${keyPrefix}-w${i}`;
+    const style = {
+      ...metric.nestedStyle,
+      letterSpacing: chunkYF2BQIW3_js.pieceLetterSpacing(metric.authoredPx, piece.tracking)
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { style, children: renderEastAsianPieces(piece.text, metric, key, inner, style) }, key);
+  });
+}
 function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFamily, keyPrefix, nestedStyle) {
   if (!needsScriptFonts || !text) {
     return text;
   }
-  const pieces = chunkFZSYLXJT_js.splitRunByScriptFont(
+  const pieces = chunkYF2BQIW3_js.splitRunByScriptFont(
     text,
     scriptFonts,
     baseFontFamily,
@@ -1136,29 +1163,9 @@ 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(React7__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(React8__default.default.Fragment, { children: piece.text }, `${keyPrefix}-r${i}`)
   );
 }
-function renderMetricPieces(text, metric, keyPrefix, inner) {
-  if (!metric || !text) {
-    return inner(text, keyPrefix);
-  }
-  const pieces = chunkFZSYLXJT_js.splitRunForMetrics(text, metric.font);
-  if (pieces.length <= 1) {
-    return inner(text, keyPrefix);
-  }
-  return pieces.map((piece, i) => /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      style: {
-        ...metric.nestedStyle,
-        letterSpacing: chunkFZSYLXJT_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, isUnderlineWords = false, wordDecoration) {
   const segHl = findHighlights?.get(segmentIndex);
   const renderLeaf = makeSegmentPieceRenderer(
@@ -1172,7 +1179,7 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
   if (!segHl || segHl.length === 0) {
     return lines.map((line, lineIndex) => {
       const lineKey = `${elementId}-seg-${segmentIndex}-line-${lineIndex}`;
-      return /* @__PURE__ */ jsxRuntime.jsxs(React7__default.default.Fragment, { children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(React8__default.default.Fragment, { children: [
         tabContext && line.includes("	") ? renderTabbedLine(
           line,
           tabContext,
@@ -1224,12 +1231,12 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
         children: renderLeaf(chunk.text, chunkKey)
       },
       chunkKey
-    ) : /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Fragment, { children: renderLeaf(chunk.text, chunkKey) }, chunkKey);
+    ) : /* @__PURE__ */ jsxRuntime.jsx(React8__default.default.Fragment, { children: renderLeaf(chunk.text, chunkKey) }, chunkKey);
   });
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber, fontSize) {
-  const mathml = chunkFZSYLXJT_js.convertOmmlToMathMl(equationXml);
-  const safeMathml = mathml ? chunkFZSYLXJT_js.sanitizeMathMl(mathml) : "";
+  const mathml = chunkYF2BQIW3_js.convertOmmlToMathMl(equationXml);
+  const safeMathml = mathml ? chunkYF2BQIW3_js.sanitizeMathMl(mathml) : "";
   const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1239,7 +1246,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: chunk3JUZOKFI_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: chunkLTBTG2QB_js.translationsEn["pptx.textSegment.equationFallback"] });
   if (equationNumber) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -1369,7 +1376,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const segmentStyle = segment?.style ?? {};
   const textValue = run.text;
   const lines = textValue.split("\n");
-  const resolvedSegmentColor = chunkFZSYLXJT_js.normalizeHexColor(
+  const resolvedSegmentColor = chunkYF2BQIW3_js.normalizeHexColor(
     segmentStyle.color || element.textStyle?.color,
     run.hyperlink ? HYPERLINK_COLOR : fallbackColor
   );
@@ -1377,42 +1384,47 @@ 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 = chunkFZSYLXJT_js.scaleFontSizeForAutoFit(
+  const baseFontSize = chunkYF2BQIW3_js.scaleFontSizeForAutoFit(
     rawFontSize,
-    chunkFZSYLXJT_js.resolveAutoFitFontScale(element.textStyle)
+    chunkYF2BQIW3_js.resolveAutoFitFontScale(element.textStyle)
   );
   const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
-  const fontKerning = chunkFZSYLXJT_js.resolveFontKerning(segmentStyle.kerning, baseFontSize);
+  const fontKerning = chunkYF2BQIW3_js.resolveFontKerning(segmentStyle.kerning, baseFontSize);
   const scriptFallbackWins = Boolean(
     segmentStyle.scriptFallbackFont && segmentStyle.fontFamilyIsCascadeDefault
   );
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = scriptFallbackWins ? chunkFZSYLXJT_js.getSubstituteFontFamily(segmentStyle.scriptFallbackFont) : rawFontFamily ? chunkFZSYLXJT_js.getSubstituteFontFamily(
+  const baseFontFamily = scriptFallbackWins ? chunkYF2BQIW3_js.getSubstituteFontFamily(segmentStyle.scriptFallbackFont) : rawFontFamily ? chunkYF2BQIW3_js.getSubstituteFontFamily(
     rawFontFamily,
-    chunkFZSYLXJT_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+    chunkYF2BQIW3_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
   ) : DEFAULT_FONT_FAMILY2;
-  const scriptFonts = chunkFZSYLXJT_js.resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
-  const needsScriptFonts = chunkFZSYLXJT_js.hasDistinctScriptFonts(scriptFonts);
-  const authoredLetterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? segmentStyle.characterSpacing / 100 * (96 / 72) : 0;
+  const scriptFonts = chunkYF2BQIW3_js.resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
+  const needsScriptFonts = chunkYF2BQIW3_js.hasDistinctScriptFonts(scriptFonts);
+  const authoredLetterSpacing = chunkYF2BQIW3_js.authoredLetterSpacingPx(segmentStyle);
   const metricFont = {
     fontFamily: baseFontFamily,
     fontSizePx: baseFontSize * baselineFontScale,
     bold: Boolean(segmentStyle.bold),
     italic: Boolean(segmentStyle.italic)
   };
-  const nestedStyle = chunkFZSYLXJT_js.nestedTextDecorationStyle(run.style);
-  const metricContext = { font: metricFont, authoredPx: authoredLetterSpacing, nestedStyle };
+  const nestedStyle = chunkYF2BQIW3_js.nestedTextDecorationStyle(run.style);
+  const metricContext = {
+    font: metricFont,
+    authoredPx: authoredLetterSpacing,
+    nestedStyle,
+    eastAsian: ctx.eastAsianBreaks
+  };
   const spanStyle = { ...run.style };
   spanStyle.color = resolvedSegmentColor;
   spanStyle.fontSize = baseFontSize * baselineFontScale;
   spanStyle.fontFamily = baseFontFamily;
   spanStyle.verticalAlign = baselineShift;
   spanStyle.fontKerning = fontKerning;
-  spanStyle.letterSpacing = chunkFZSYLXJT_js.pieceLetterSpacing(
+  spanStyle.letterSpacing = chunkYF2BQIW3_js.pieceLetterSpacing(
     authoredLetterSpacing,
-    chunkFZSYLXJT_js.resolveMetricTrackingPx(textValue, metricFont)
+    chunkYF2BQIW3_js.resolveMetricTrackingPx(textValue, metricFont)
   );
-  const hollow = chunkFZSYLXJT_js.hollowTextFillStyle(segmentStyle, {
+  const hollow = chunkYF2BQIW3_js.hollowTextFillStyle(segmentStyle, {
     color: resolvedSegmentColor,
     textStroke: typeof spanStyle.WebkitTextStroke === "string" ? spanStyle.WebkitTextStroke : void 0
   });
@@ -1424,10 +1436,10 @@ 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 isUnderlineWords = chunkYF2BQIW3_js.splitsUnderlineIntoWords(segmentStyle);
   const wordDecoration = isUnderlineWords ? nestedStyle ?? run.underlineWordPieces?.find((piece) => piece.style)?.style : void 0;
   if (isUnderlineWords) {
-    const stripped = chunkFZSYLXJT_js.stripUnderlineDecoration(spanStyle);
+    const stripped = chunkYF2BQIW3_js.stripUnderlineDecoration(spanStyle);
     spanStyle.textDecoration = stripped.textDecoration;
     delete spanStyle.textDecorationStyle;
     delete spanStyle.textDecorationThickness;
@@ -1443,13 +1455,14 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     scriptFonts,
     baseFontFamily,
     findHighlights,
-    chunkFZSYLXJT_js.buildTabContext(
+    chunkYF2BQIW3_js.buildTabContext(
       element.textStyle?.tabStops,
       element.textStyle?.defaultTabSize,
       baseFontSize,
       baseFontFamily,
       Boolean(segmentStyle.bold),
-      Boolean(segmentStyle.italic)
+      Boolean(segmentStyle.italic),
+      { language: segmentStyle.language, rtl: ctx.paragraphRtl === true }
     ),
     metricContext,
     isUnderlineWords,
@@ -1475,29 +1488,29 @@ function renderSeededListRun(seed, runs, segments, context) {
   const segment = sourceRun ? segments[seed.segmentIndex] : { text: seed.text, style: seed.style };
   const resolvedSegment = {
     ...segment,
-    style: chunkFZSYLXJT_js.withInlineListDecorationDefaults(segment.style, context.element.textStyle)
+    style: chunkYF2BQIW3_js.withInlineListDecorationDefaults(segment.style, context.element.textStyle)
   };
-  const decorationCss = chunkFZSYLXJT_js.segmentStyleToCss(
+  const decorationCss = chunkYF2BQIW3_js.segmentStyleToCss(
     resolvedSegment,
-    chunkFZSYLXJT_js.resolveAutoFitFontScale(context.element.textStyle)
+    chunkYF2BQIW3_js.resolveAutoFitFontScale(context.element.textStyle)
   );
-  chunkFZSYLXJT_js.applyUnderlineVariant(decorationCss, resolvedSegment);
-  const run = sourceRun ? { ...sourceRun, style: { ...sourceRun.style, ...chunkFZSYLXJT_js.nestedTextDecorationStyle(decorationCss) } } : {
+  chunkYF2BQIW3_js.applyUnderlineVariant(decorationCss, resolvedSegment);
+  const run = sourceRun ? { ...sourceRun, style: { ...sourceRun.style, ...chunkYF2BQIW3_js.nestedTextDecorationStyle(decorationCss) } } : {
     text: seed.text,
     style: decorationCss,
     segmentIndex: seed.segmentIndex
   };
   const rendered = renderParagraphRun(run, resolvedSegment, context);
-  if (!React7__default.default.isValidElement(rendered)) {
+  if (!React8__default.default.isValidElement(rendered)) {
     return rendered;
   }
-  return React7__default.default.cloneElement(rendered, {
+  return React8__default.default.cloneElement(rendered, {
     "data-pptx-list-run": seed.token,
     ...seed.text === "" ? { children: /* @__PURE__ */ jsxRuntime.jsx("br", {}) } : {}
   });
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick, placeholderPrompt, inlineListSeed) {
-  if (!chunkFZSYLXJT_js.hasTextProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const segments = segmentOverrides ?? element.textSegments;
@@ -1507,12 +1520,10 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     }
     return element.text || emptyFallback || "";
   }
-  const paragraphs = chunkFZSYLXJT_js.buildParagraphs(
-    element,
-    fieldContext,
-    segmentOverrides,
-    inlineListSeed ? { preserveTrailingEmpty: true } : void 0
-  );
+  const paragraphs = chunkYF2BQIW3_js.buildParagraphs(element, fieldContext, segmentOverrides, {
+    preserveTrailingEmpty: inlineListSeed ? true : void 0,
+    eastAsianRunPieces: false
+  });
   const ctx = {
     element,
     fallbackColor,
@@ -1546,7 +1557,11 @@ function joinRunsBySegment(runs) {
 }
 function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAnimStates, inlineListSeed) {
   const element = ctx.element;
-  const runCtx = { ...ctx, paragraphRtl: para.rtl };
+  const runCtx = {
+    ...ctx,
+    paragraphRtl: para.rtl,
+    eastAsianBreaks: para.eastAsianBreaks
+  };
   const runs = joinRunsBySegment(para.runs);
   const listParagraph = inlineListSeed?.paragraphs[paraIndex];
   const renderedRuns = listParagraph ? listParagraph.runs.map((run) => renderSeededListRun(run, runs, segments, runCtx)) : runs.map((run) => renderParagraphRun(run, segments[run.segmentIndex ?? -1], runCtx));
@@ -1596,7 +1611,7 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
   );
   const needsWrapper = Boolean(listParagraph) || Object.keys(paraStyle).length > 0 || marker !== null;
   if (!needsWrapper) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(React7__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React8__default.default.Fragment, { children: [
       wrappedContent,
       paraIndex < paraCount - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
     ] }, `${element.id}-para-${paraIndex}`);
@@ -1653,13 +1668,13 @@ function renderBulletMarker(para, paraIndex, elementId) {
   );
 }
 function getDuotoneColors(element) {
-  if (!chunkFZSYLXJT_js.isImageLikeElement(element)) {
+  if (!chunkYF2BQIW3_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!chunkFZSYLXJT_js.hasShapeProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1670,13 +1685,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 ${chunkFZSYLXJT_js.colorWithOpacity(
-    chunkFZSYLXJT_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
+  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkYF2BQIW3_js.colorWithOpacity(
+    chunkYF2BQIW3_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
     opacity
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!chunkFZSYLXJT_js.hasShapeProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1685,22 +1700,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 = chunkFZSYLXJT_js.colorWithOpacity(chunkFZSYLXJT_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
+  const glowCol = chunkYF2BQIW3_js.colorWithOpacity(chunkYF2BQIW3_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 (!chunkFZSYLXJT_js.hasShapeProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasShapeProperties(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
 }
 function renderDagDuotoneSvgFilter(elementId, color1, color2) {
   const filterId = getDagDuotoneFilterId(elementId);
-  const c1 = chunkFZSYLXJT_js.hexToRgbUnit(color1);
-  const c2 = chunkFZSYLXJT_js.hexToRgbUnit(color2);
+  const c1 = chunkYF2BQIW3_js.hexToRgbUnit(color1);
+  const c2 = chunkYF2BQIW3_js.hexToRgbUnit(color2);
   const grayscaleMatrix = [
     0.2126,
     0.7152,
@@ -1744,7 +1759,7 @@ function renderDagDuotoneSvgFilter(elementId, color1, color2) {
 
 // src/viewer/utils/shape-visual-3d.ts
 function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return chunkFZSYLXJT_js.build3DExtrusionData(
+  return chunkYF2BQIW3_js.build3DExtrusionData(
     shape3d,
     scene3d,
     fillColor,
@@ -1753,7 +1768,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
   );
 }
 function apply3dEffects2(base, scene3d, shape3d, fillColorFallback, elementSize, elementId) {
-  chunkFZSYLXJT_js.apply3dEffects(
+  chunkYF2BQIW3_js.apply3dEffects(
     base,
     scene3d,
     shape3d,
@@ -1768,11 +1783,11 @@ 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" && chunkFZSYLXJT_js.isWedgeCalloutPresetShape(element.shapeType);
+  return element.type === "shape" && chunkYF2BQIW3_js.isWedgeCalloutPresetShape(element.shapeType);
 }
 function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _strokeColor, animatesFill, animatesStroke, parentGroupFill) {
   if (element.type === "group") {
-    const fx2 = chunkFZSYLXJT_js.getComputedEffectStyle(element);
+    const fx2 = chunkYF2BQIW3_js.getComputedEffectStyle(element);
     const groupStyle = {};
     if (fx2.filter) {
       groupStyle.filter = fx2.filter;
@@ -1782,13 +1797,13 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     }
     return groupStyle;
   }
-  if (!chunkFZSYLXJT_js.hasShapeProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasShapeProperties(element)) {
     return {};
   }
   const ss = element.shapeStyle;
-  const fill = animatesFill ? void 0 : chunkFZSYLXJT_js.getComputedFillStyle(element, parentGroupFill);
-  const fx = chunkFZSYLXJT_js.getComputedEffectStyle(element);
-  const stroke = chunkFZSYLXJT_js.getComputedStrokeStyle(element);
+  const fill = animatesFill ? void 0 : chunkYF2BQIW3_js.getComputedFillStyle(element, parentGroupFill);
+  const fx = chunkYF2BQIW3_js.getComputedEffectStyle(element);
+  const stroke = chunkYF2BQIW3_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`.
@@ -1827,7 +1842,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
   };
   Object.assign(
     base,
-    chunkFZSYLXJT_js.getAnimationColorBaseStyle(element, {
+    chunkYF2BQIW3_js.getAnimationColorBaseStyle(element, {
       animatesFill,
       animatesStroke,
       parentGroupFill
@@ -1849,7 +1864,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     },
     element.id
   );
-  if (rendersCustomVectorPath(element) || rendersWedgeCalloutVector(element) || chunkFZSYLXJT_js.isStrokeOnlyPresetElement(element)) {
+  if (rendersCustomVectorPath(element) || rendersWedgeCalloutVector(element) || chunkYF2BQIW3_js.isStrokeOnlyPresetElement(element)) {
     base.backgroundColor = "transparent";
     base.backgroundImage = void 0;
     base.borderWidth = void 0;
@@ -1863,7 +1878,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
   if (rendersWedgeCalloutVector(element)) {
     return base;
   }
-  const geometry = chunkFZSYLXJT_js.resolveShapeGeometry(element);
+  const geometry = chunkYF2BQIW3_js.resolveShapeGeometry(element);
   switch (geometry.kind) {
     case "bare":
       return { backgroundColor: "transparent", borderWidth: 0, borderStyle: "none" };
@@ -1887,7 +1902,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
   }
 }
 function getConnectorPathGeometry2(element) {
-  return chunkFZSYLXJT_js.getConnectorPathGeometry(element);
+  return chunkYF2BQIW3_js.getConnectorPathGeometry(element);
 }
 var ARROW_SIZE_SCALE = {
   sm: 0.6,
@@ -1956,11 +1971,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: chunkFZSYLXJT_js.svgLineCap(shapeStyle?.lineCap),
+    lineCap: chunkYF2BQIW3_js.svgLineCap(shapeStyle?.lineCap),
     lineJoin,
     miterLimit,
-    offsets: chunkFZSYLXJT_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
-    widths: chunkFZSYLXJT_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
+    offsets: chunkYF2BQIW3_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
+    widths: chunkYF2BQIW3_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
   };
 }
 function strokeStrands(d, keyBase, ctx) {
@@ -1983,12 +1998,12 @@ function strokeStrands(d, keyBase, ctx) {
 }
 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 ? chunkFZSYLXJT_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunkYF2BQIW3_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 ? chunkFZSYLXJT_js.svgGradientFillRef(gradient) : void 0;
+  const gradientPaint = gradient ? chunkYF2BQIW3_js.svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
-    const paints = chunkFZSYLXJT_js.buildSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
+    const paints = chunkYF2BQIW3_js.buildSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
     paints.forEach((paint, idx) => {
       if (paint.fill !== "none") {
         const mode = subpaths[idx]?.fillMode;
@@ -2017,7 +2032,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : gradientPaint ?? chunkFZSYLXJT_js.colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? chunkYF2BQIW3_js.colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2033,7 +2048,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
     "svg",
     {
       viewBox: `0 0 ${pathWidth} ${pathHeight}`,
-      className: "w-full h-full pointer-events-none",
+      className: "absolute inset-0 w-full h-full pointer-events-none",
       preserveAspectRatio: "none",
       children: [
         animatesFill ? null : renderSvgGradientDefs(gradient),
@@ -2043,14 +2058,14 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
   );
 }
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunkFZSYLXJT_js.hasShapeProperties(element)) {
+  if (!chunkYF2BQIW3_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
-  const fillPaint = animatesFill ? "inherit" : chunkFZSYLXJT_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
-  const strokePaint = animatesStroke ? "inherit" : chunkFZSYLXJT_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
-  const dashType = chunkFZSYLXJT_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const dashArray = chunkFZSYLXJT_js.getSvgStrokeDasharray(
+  const fillPaint = animatesFill ? "inherit" : chunkYF2BQIW3_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
+  const strokePaint = animatesStroke ? "inherit" : chunkYF2BQIW3_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
+  const dashType = chunkYF2BQIW3_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const dashArray = chunkYF2BQIW3_js.getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
     element.shapeStyle?.customDashSegments
@@ -2131,13 +2146,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).
-      chunkFZSYLXJT_js.buildSvgGradientDef(element.shapeStyle, element.id)
+      chunkYF2BQIW3_js.buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
-  if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !chunkFZSYLXJT_js.buildStrokeOutline(element)) {
+  if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !chunkYF2BQIW3_js.buildStrokeOutline(element)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkFZSYLXJT_js.getPresetShapeVectorGeometry(
+    const geometry = chunkYF2BQIW3_js.getPresetShapeVectorGeometry(
       element.shapeType || "rect",
       width,
       height,
@@ -2165,18 +2180,18 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       );
     }
   }
-  if (element.type === "shape" && chunkFZSYLXJT_js.isWedgeCalloutPresetShape(element.shapeType)) {
+  if (element.type === "shape" && chunkYF2BQIW3_js.isWedgeCalloutPresetShape(element.shapeType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkFZSYLXJT_js.getPresetShapeVectorGeometry(
+    const geometry = chunkYF2BQIW3_js.getPresetShapeVectorGeometry(
       element.shapeType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry) {
-      const gradient = chunkFZSYLXJT_js.buildSvgGradientDef(element.shapeStyle, element.id);
-      const gradientPaint = gradient ? chunkFZSYLXJT_js.svgGradientFillRef(gradient) : void 0;
+      const gradient = chunkYF2BQIW3_js.buildSvgGradientDef(element.shapeStyle, element.id);
+      const gradientPaint = gradient ? chunkYF2BQIW3_js.svgGradientFillRef(gradient) : void 0;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "svg",
         {
@@ -2209,18 +2224,18 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       );
     }
   }
-  if (chunkFZSYLXJT_js.isCalloutShape(normalizedType)) {
+  if (chunkYF2BQIW3_js.isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkFZSYLXJT_js.getCalloutLeaderLineGeometry(
+    const geometry = chunkYF2BQIW3_js.getCalloutLeaderLineGeometry(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = chunkFZSYLXJT_js.buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = chunkFZSYLXJT_js.getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = chunkYF2BQIW3_js.buildCalloutLeaderLineSvgPath(geometry);
+      const bounds = chunkYF2BQIW3_js.getCalloutViewBoxBounds(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2283,10 +2298,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 = chunkFZSYLXJT_js.svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = chunkYF2BQIW3_js.svgLineCap(element.shapeStyle?.lineCap);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
-    const offsets = chunkFZSYLXJT_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const widths = chunkFZSYLXJT_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const offsets = chunkYF2BQIW3_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const widths = chunkYF2BQIW3_js.getCompoundLineWidths(compoundLine, strokeWidth);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -2353,15 +2368,15 @@ function parseGradientFillCss(gradFill) {
   }
   const rawStops = stops.map((gs) => {
     const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = chunkFZSYLXJT_js.parseDrawingColor(gs) ?? "#888888";
-    const opacity = chunkFZSYLXJT_js.parseDrawingColorOpacity(gs);
+    const color = chunkYF2BQIW3_js.parseDrawingColor(gs) ?? "#888888";
+    const opacity = chunkYF2BQIW3_js.parseDrawingColorOpacity(gs);
     return { position: pos, color, opacity };
   }).sort((a, b) => a.position - b.position);
-  const stopStrings = rawStops.map((s) => `${chunkFZSYLXJT_js.colorWithOpacity(s.color, s.opacity)} ${s.position.toFixed(1)}%`).join(", ");
+  const stopStrings = rawStops.map((s) => `${chunkYF2BQIW3_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(chunkFZSYLXJT_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round(chunkYF2BQIW3_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -2375,7 +2390,7 @@ function parseGradientFillCss(gradFill) {
       b: Number.parseInt(String(fillToRectXml["@_b"] || "0"), 10) / 1e5
     } : void 0;
     if (pathType === "rect") {
-      return chunkFZSYLXJT_js.buildRectPathGradient(rawStops, void 0, fillToRect);
+      return chunkYF2BQIW3_js.buildRectPathGradient(rawStops, void 0, fillToRect);
     }
     let cx = 50;
     let cy = 50;
@@ -2397,8 +2412,8 @@ function parsePatternFillCss(pattFill) {
   if (!pattFill) {
     return void 0;
   }
-  const fgColor = chunkFZSYLXJT_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = chunkFZSYLXJT_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
+  const fgColor = chunkYF2BQIW3_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
+  const bgColor = chunkYF2BQIW3_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
   const preset = String(pattFill["@_prst"] || "ltDnDiag");
   switch (preset) {
     case "ltHorz":
@@ -2509,11 +2524,11 @@ function parseCellBorders(cellProperties) {
     const prstDash = ln["a:prstDash"];
     const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
     const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = chunkFZSYLXJT_js.parseDrawingColor(ln["a:solidFill"]);
+    const color = chunkYF2BQIW3_js.parseDrawingColor(ln["a:solidFill"]);
     if (color) {
-      const opacity = chunkFZSYLXJT_js.parseDrawingColorOpacity(ln["a:solidFill"]);
+      const opacity = chunkYF2BQIW3_js.parseDrawingColorOpacity(ln["a:solidFill"]);
       const key = `${edge.prefix}`;
-      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkFZSYLXJT_js.colorWithOpacity(color, opacity)}`;
+      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkYF2BQIW3_js.colorWithOpacity(color, opacity)}`;
     }
   }
   return borderStyle;
@@ -2526,7 +2541,7 @@ function parseCellTextEffects(runProps) {
   const textShadowParts = [];
   const outerShdw = effectLst["a:outerShdw"];
   if (outerShdw) {
-    const shdwColor = chunkFZSYLXJT_js.parseDrawingColor(outerShdw);
+    const shdwColor = chunkYF2BQIW3_js.parseDrawingColor(outerShdw);
     if (shdwColor) {
       const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
       const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
@@ -2544,7 +2559,7 @@ function parseCellTextEffects(runProps) {
   }
   const glow = effectLst["a:glow"];
   if (glow) {
-    const glowColor = chunkFZSYLXJT_js.parseDrawingColor(glow);
+    const glowColor = chunkYF2BQIW3_js.parseDrawingColor(glow);
     if (glowColor) {
       const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
       const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
@@ -2566,11 +2581,11 @@ function extractCellText(cellXml) {
     const textParts = [];
     const runs = ensureArrayValue(paragraph["a:r"]);
     runs.forEach((run) => {
-      textParts.push(chunkFZSYLXJT_js.xmlText(run["a:t"]) ?? "");
+      textParts.push(chunkYF2BQIW3_js.xmlText(run["a:t"]) ?? "");
     });
     const fields = ensureArrayValue(paragraph["a:fld"]);
     fields.forEach((field) => {
-      textParts.push(chunkFZSYLXJT_js.xmlText(field["a:t"]) ?? "");
+      textParts.push(chunkYF2BQIW3_js.xmlText(field["a:t"]) ?? "");
     });
     paragraphTexts.push(textParts.join(""));
   });
@@ -2614,10 +2629,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   if (runProps?.["@_u"] !== void 0) {
     cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
   }
-  const runColor = chunkFZSYLXJT_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkFZSYLXJT_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
+  const runColor = chunkYF2BQIW3_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkYF2BQIW3_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
   if (runColor) {
-    const opacity = chunkFZSYLXJT_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = chunkFZSYLXJT_js.colorWithOpacity(runColor, opacity);
+    const opacity = chunkYF2BQIW3_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
+    cellStyle.color = chunkYF2BQIW3_js.colorWithOpacity(runColor, opacity);
   }
   const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
   if (fontFamily) {
@@ -2627,15 +2642,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
   }
   const cellProperties = cellXml["a:tcPr"];
-  const cellFill = chunkFZSYLXJT_js.parseDrawingColor(
+  const cellFill = chunkYF2BQIW3_js.parseDrawingColor(
     cellProperties?.["a:solidFill"],
     schemeColorOverrides
   );
   if (cellFill) {
-    const opacity = chunkFZSYLXJT_js.parseDrawingColorOpacity(
+    const opacity = chunkYF2BQIW3_js.parseDrawingColorOpacity(
       cellProperties?.["a:solidFill"]
     );
-    cellStyle.backgroundColor = chunkFZSYLXJT_js.colorWithOpacity(cellFill, opacity);
+    cellStyle.backgroundColor = chunkYF2BQIW3_js.colorWithOpacity(cellFill, opacity);
   } else {
     const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
     if (gradCss) {
@@ -2650,16 +2665,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 = chunkFZSYLXJT_js.parseDrawingColor(
+    const borderColor = chunkYF2BQIW3_js.parseDrawingColor(
       cellProperties?.["a:lnL"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkFZSYLXJT_js.parseDrawingColor(
+    ) || chunkYF2BQIW3_js.parseDrawingColor(
       cellProperties?.["a:lnR"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkFZSYLXJT_js.parseDrawingColor(
+    ) || chunkYF2BQIW3_js.parseDrawingColor(
       cellProperties?.["a:lnT"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkFZSYLXJT_js.parseDrawingColor(
+    ) || chunkYF2BQIW3_js.parseDrawingColor(
       cellProperties?.["a:lnB"]?.["a:solidFill"],
       schemeColorOverrides
     );
@@ -2731,7 +2746,7 @@ function getTableCellBandStyle2(element, rowIndex, cellIndex, rowCount, columnCo
   if (element.type !== "table") {
     return void 0;
   }
-  return chunkFZSYLXJT_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
+  return chunkYF2BQIW3_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -2811,7 +2826,7 @@ function renderTableCellContent(cell, fallbackText) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        style: { position: "relative", ...chunkFZSYLXJT_js.cellRunStyle(run) },
+        style: { position: "relative", ...chunkYF2BQIW3_js.cellRunStyle(run) },
         children: run.text
       },
       `r-${index}`
@@ -2819,7 +2834,7 @@ function renderTableCellContent(cell, fallbackText) {
   });
 }
 function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return chunkFZSYLXJT_js.getCellDiagonalBorders(style, tableData, pos, {
+  return chunkYF2BQIW3_js.getCellDiagonalBorders(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -2878,18 +2893,18 @@ function TableCellInput({
   onCommit,
   onCancel
 }) {
-  const inputRef = React7.useRef(null);
-  const committedRef = React7.useRef(false);
-  const onCommitRef = React7.useRef(onCommit);
+  const inputRef = React8.useRef(null);
+  const committedRef = React8.useRef(false);
+  const onCommitRef = React8.useRef(onCommit);
   onCommitRef.current = onCommit;
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const el = inputRef.current;
     if (el) {
       el.focus();
       el.select();
     }
   }, []);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const input = inputRef.current;
     return () => {
       if (!committedRef.current && input) {
@@ -2949,11 +2964,11 @@ function TableResizeOverlay({
   onResizeColumns,
   onResizeRow
 }) {
-  const containerRef = React7.useRef(null);
-  const [rowBounds, setRowBounds] = React7.useState([]);
-  const dragRef = React7.useRef(null);
-  const colBoundaries = React7.useMemo(() => chunkFZSYLXJT_js.computeColumnBoundaries(columnWidths), [columnWidths]);
-  const measureRows = React7.useCallback(() => {
+  const containerRef = React8.useRef(null);
+  const [rowBounds, setRowBounds] = React8.useState([]);
+  const dragRef = React8.useRef(null);
+  const colBoundaries = React8.useMemo(() => chunkYF2BQIW3_js.computeColumnBoundaries(columnWidths), [columnWidths]);
+  const measureRows = React8.useCallback(() => {
     const container = containerRef.current;
     if (!container) {
       return;
@@ -2978,10 +2993,10 @@ function TableResizeOverlay({
       return bounds;
     });
   }, []);
-  React7.useLayoutEffect(() => {
+  React8.useLayoutEffect(() => {
     measureRows();
   });
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const handleMouseMove = (e) => {
       const drag = dragRef.current;
       if (!drag) {
@@ -2999,11 +3014,11 @@ function TableResizeOverlay({
       const rect = containerRef.current.getBoundingClientRect();
       if (e.clientX !== drag.startPos && drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
-        onResizeColumns(chunkFZSYLXJT_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
+        onResizeColumns(chunkYF2BQIW3_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
       } else if (e.clientY !== drag.startPos && drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
-        const newHeight = chunkFZSYLXJT_js.computeResizedRowHeight(
-          drag.initialRowHeight ?? chunkFZSYLXJT_js.DEFAULT_ROW_HEIGHT,
+        const newHeight = chunkYF2BQIW3_js.computeResizedRowHeight(
+          drag.initialRowHeight ?? chunkYF2BQIW3_js.DEFAULT_ROW_HEIGHT,
           deltaY
         );
         onResizeRow(drag.index, newHeight);
@@ -3041,7 +3056,7 @@ function TableResizeOverlay({
     e.stopPropagation();
     const table = containerRef.current?.querySelector("table");
     const tr = table?.querySelectorAll("tbody > tr")[index];
-    const actualHeight = tr?.offsetHeight ?? chunkFZSYLXJT_js.DEFAULT_ROW_HEIGHT;
+    const actualHeight = tr?.offsetHeight ?? chunkYF2BQIW3_js.DEFAULT_ROW_HEIGHT;
     document.body.style.cursor = "row-resize";
     document.body.style.userSelect = "none";
     dragRef.current = {
@@ -3081,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) && chunkFZSYLXJT_js.canDrillDown(element);
+  const isEditable = Boolean(options?.editable) && chunkYF2BQIW3_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) => chunkFZSYLXJT_js.tableCellCss(
+  const cellCss = (cell, rowIndex, cellIndex) => chunkYF2BQIW3_js.tableCellCss(
     tableData,
     cell,
     { rowIndex, cellIndex, rowCount, columnCount },
@@ -3101,7 +3116,7 @@ function renderTableFromTableData(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkFZSYLXJT_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
+    return chunkYF2BQIW3_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableResizeOverlay,
@@ -3122,9 +3137,9 @@ function renderTableFromTableData(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunkFZSYLXJT_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunkYF2BQIW3_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunkFZSYLXJT_js.tableContainerCss(tableData)
+                ...chunkYF2BQIW3_js.tableContainerCss(tableData)
               },
               children: [
                 tableData.columnWidths.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3143,7 +3158,7 @@ function renderTableFromTableData(element, textStyle, options) {
                         return null;
                       }
                       const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                      const isInMultiSelection = chunkFZSYLXJT_js.isCellInRect(rowIndex, cellIndex, selectionRect);
+                      const isInMultiSelection = chunkYF2BQIW3_js.isCellInRect(rowIndex, cellIndex, selectionRect);
                       const isCellEditing = isCellSelected && selectedCell?.isEditing;
                       const diag = getCellDiagonalBorders2(
                         cell.style,
@@ -3172,7 +3187,7 @@ function renderTableFromTableData(element, textStyle, options) {
                             }
                             event.stopPropagation();
                             if (event.shiftKey && selectedCell) {
-                              const rect = chunkFZSYLXJT_js.computeSelectionRect(
+                              const rect = chunkYF2BQIW3_js.computeSelectionRect(
                                 selectedCell.rowIndex,
                                 selectedCell.columnIndex,
                                 rowIndex,
@@ -3182,7 +3197,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               options?.onSelectCell?.({
                                 rowIndex: selectedCell.rowIndex,
                                 columnIndex: selectedCell.columnIndex,
-                                selectedCells: chunkFZSYLXJT_js.rectToCells(rect)
+                                selectedCells: chunkYF2BQIW3_js.rectToCells(rect)
                               });
                             } else {
                               options?.onSelectCell?.({
@@ -3243,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: chunk3JUZOKFI_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: chunkLTBTG2QB_js.translationsEn["pptx.table.title"] });
   }
   const selectedCell = options?.selectedCell || null;
-  const isEditable = Boolean(options?.editable) && chunkFZSYLXJT_js.canDrillDown(element);
+  const isEditable = Boolean(options?.editable) && chunkYF2BQIW3_js.canDrillDown(element);
   const hasCellSelectionHandler = typeof options?.onSelectCell === "function";
   const tableEl = element;
   const xmlSelectionRect = (() => {
@@ -3258,7 +3273,7 @@ function renderTableElement(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkFZSYLXJT_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
+    return chunkYF2BQIW3_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(
@@ -3280,9 +3295,9 @@ function renderTableElement(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunkFZSYLXJT_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunkYF2BQIW3_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunkFZSYLXJT_js.tableContainerCss(tableEl.tableData)
+                ...chunkYF2BQIW3_js.tableContainerCss(tableEl.tableData)
               },
               children: [
                 parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3339,7 +3354,7 @@ function renderTableElement(element, textStyle, options) {
                           color: textStyle.color,
                           ...bandStyle,
                           ...xmlCellStyle,
-                          ...tdCellOverride ? chunkFZSYLXJT_js.cellStyleToCss(tdCellOverride) : void 0,
+                          ...tdCellOverride ? chunkYF2BQIW3_js.cellStyleToCss(tdCellOverride) : void 0,
                           ...diag ? { position: "relative" } : void 0
                         };
                         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3349,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,
-                              chunkFZSYLXJT_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                              chunkYF2BQIW3_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,
@@ -3360,7 +3375,7 @@ function renderTableElement(element, textStyle, options) {
                               }
                               event.stopPropagation();
                               if (event.shiftKey && selectedCell && tableEl.tableData) {
-                                const rect = chunkFZSYLXJT_js.computeSelectionRect(
+                                const rect = chunkYF2BQIW3_js.computeSelectionRect(
                                   selectedCell.rowIndex,
                                   selectedCell.columnIndex,
                                   rowIndex,
@@ -3370,7 +3385,7 @@ function renderTableElement(element, textStyle, options) {
                                 options?.onSelectCell?.({
                                   rowIndex: selectedCell.rowIndex,
                                   columnIndex: selectedCell.columnIndex,
-                                  selectedCells: chunkFZSYLXJT_js.rectToCells(rect)
+                                  selectedCells: chunkYF2BQIW3_js.rectToCells(rect)
                                 });
                               } else {
                                 options?.onSelectCell?.({
@@ -3428,24 +3443,27 @@ function renderTableElement(element, textStyle, options) {
     }
   );
 }
+function renderGradientStops(stops) {
+  return stops.map((stop, i) => /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: stop.offset, stopColor: stop.color, stopOpacity: stop.opacity }, i));
+}
 function partAttrs(part) {
-  return part ? chunkFZSYLXJT_js.chartPartToAttrs(part) : void 0;
+  return part ? chunkYF2BQIW3_js.chartPartToAttrs(part) : void 0;
 }
 function resolveReactPalette(chartData) {
   if (chartData.colorPalette && chartData.colorPalette.length > 0) {
     return chartData.colorPalette;
   }
-  return [...chunkFZSYLXJT_js.getChartStylePalette(chartData.style?.styleId)];
+  return [...chunkYF2BQIW3_js.getChartStylePalette(chartData.style?.styleId)];
 }
 function buildReactChartViewModel(element) {
   if (element.type !== "chart" || !element.chartData) {
-    return chunkFZSYLXJT_js.buildChartViewModel(element);
+    return chunkYF2BQIW3_js.buildChartViewModel(element);
   }
   const palette = resolveReactPalette(element.chartData), themedElement = {
     ...element,
     chartData: { ...element.chartData, colorPalette: palette }
   };
-  return chunkFZSYLXJT_js.buildChartViewModel(themedElement);
+  return chunkYF2BQIW3_js.buildChartViewModel(themedElement);
 }
 function renderPrimitive(prim, key) {
   switch (prim.kind) {
@@ -3597,7 +3615,7 @@ function renderText(t, key) {
   );
 }
 function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
-  const legendItems = chunkFZSYLXJT_js.computeChartLegendLayout(vm);
+  const legendItems = chunkYF2BQIW3_js.computeChartLegendLayout(vm);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -3605,29 +3623,52 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
       viewBox: `0 0 ${vm.svgWidth} ${vm.svgHeight}`,
       preserveAspectRatio,
       children: [
-        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.defs && vm.defs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: vm.defs.map(
+          (def, i) => def.kind === "linearGradient" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "linearGradient",
+            {
+              id: def.id,
+              x1: def.x1,
+              y1: def.y1,
+              x2: def.x2,
+              y2: def.y2,
+              children: renderGradientStops(def.stops)
+            },
+            `${elementId}-def-${i}`
+          ) : def.kind === "radialGradient" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "radialGradient",
+            {
+              id: def.id,
+              cx: def.cx,
+              cy: def.cy,
+              r: def.r,
+              children: renderGradientStops(def.stops)
+            },
+            `${elementId}-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",
           {
@@ -3737,17 +3778,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: chunk3JUZOKFI_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: chunkLTBTG2QB_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: chunk3JUZOKFI_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: chunkLTBTG2QB_js.translationsEn["pptx.chart.heading"] });
   }
-  const kind = chunkFZSYLXJT_js.resolveChartKind(chartData.chartType ?? "bar");
+  const kind = chunkYF2BQIW3_js.resolveChartKind(chartData.chartType ?? "bar");
   return renderChartViewModel(
     element.id,
     buildReactChartViewModel(element),
-    chunkFZSYLXJT_js.chartPreserveAspectRatio(kind)
+    chunkYF2BQIW3_js.chartPreserveAspectRatio(kind)
   );
 }
 
@@ -3767,14 +3808,14 @@ function buildNotesPdf(pages) {
     notes: page.notes,
     slideNumber: page.slideNumber
   }));
-  const bytes = chunkFZSYLXJT_js.buildNotesPdfBytes(images, meta);
+  const bytes = chunkYF2BQIW3_js.buildNotesPdfBytes(images, meta);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
 
 // src/viewer/utils/pdf-builder-slides.ts
 function buildPdfFromTiledImageData(pages) {
-  const bytes = chunkFZSYLXJT_js.buildTiledSlidesPdfBytes(pages);
+  const bytes = chunkYF2BQIW3_js.buildTiledSlidesPdfBytes(pages);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
@@ -3783,7 +3824,7 @@ function buildPdfFromTiledImageData(pages) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = chunkFZSYLXJT_js.buildPreviewAnimation(preset, options);
+  const descriptor = chunkYF2BQIW3_js.buildPreviewAnimation(preset, options);
   if (!descriptor) {
     return;
   }
@@ -3796,7 +3837,7 @@ function startMotionPathPreview(elementId, path, options) {
     return;
   }
   const stage = domEl.offsetParent;
-  const descriptor = chunkFZSYLXJT_js.buildMotionPathPreview({
+  const descriptor = chunkYF2BQIW3_js.buildMotionPathPreview({
     path,
     slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
     slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,