pptx-react-viewer 3.1.3 → 3.1.4

package/dist/{chunk-OABOL32L.js → chunk-T2QG2HD5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
+var chunkYDEEINER_js = require('./chunk-YDEEINER.js');
 var chunkSWRY3SI5_js = require('./chunk-SWRY3SI5.js');
-var chunkHMZA25W2_js = require('./chunk-HMZA25W2.js');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var React6 = require('react');
@@ -15,7 +15,7 @@ var React6__default = /*#__PURE__*/_interopDefault(React6);
 
 // src/viewer/utils/animation-effects.ts
 function getAnimationInitialStyle2(preset, nativeAnimation) {
-  return chunkHMZA25W2_js.getAnimationInitialStyle(preset, nativeAnimation);
+  return chunkYDEEINER_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 chunkHMZA25W2_js.cloneHistorySnapshot(snapshot);
+  return chunkYDEEINER_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 = chunkHMZA25W2_js.VIEWER_SHORTCUT_REFERENCE;
+var SHORTCUT_REFERENCE_ITEMS = chunkYDEEINER_js.VIEWER_SHORTCUT_REFERENCE;
 
 // src/viewer/constants/theme.ts
 var THEME_COLOR_SWATCHES = [
@@ -105,7 +105,7 @@ var GLYPH_COMPONENTS = {
   plus: lu.LuPlus,
   triangle: lu.LuTriangle
 };
-var SHAPE_PRESETS = chunkHMZA25W2_js.SHAPE_PRESET_DEFS.map(
+var SHAPE_PRESETS = chunkYDEEINER_js.SHAPE_PRESET_DEFS.map(
   (def) => ({
     type: def.type,
     label: def.label,
@@ -264,7 +264,7 @@ function isConnectorOrLineElement(element) {
   if (element.type === "connector") {
     return true;
   }
-  if (!chunkHMZA25W2_js.hasShapeProperties(element)) {
+  if (!chunkYDEEINER_js.hasShapeProperties(element)) {
     return false;
   }
   const st = getShapeType(element.shapeType);
@@ -273,37 +273,43 @@ function isConnectorOrLineElement(element) {
 
 // src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
-  if (!chunkHMZA25W2_js.hasShapeProperties(element)) {
+  if (!chunkYDEEINER_js.hasShapeProperties(element)) {
     return void 0;
   }
-  const shapeType = element.shapeType;
-  if (!shapeType) {
-    return void 0;
-  }
-  const normalized = shapeType.toLowerCase();
-  if (normalized === "roundrect" || normalized === "round1rect" || normalized === "round2samerect" || normalized === "round2diagrect" || normalized === "sniproundrect" || normalized === "snip1rect" || normalized === "snip2diagrect") {
-    const radiusPx = chunkHMZA25W2_js.getRoundRectRadiusPx2(element);
-    if (radiusPx <= 0.01) {
-      return void 0;
-    }
-    return { borderRadius: radiusPx };
+  const geometry = chunkYDEEINER_js.resolveShapeGeometry(element);
+  if (geometry.kind === "borderRadius") {
+    return { borderRadius: geometry.radius };
   }
-  if (normalized === "ellipse" || normalized === "oval") {
-    return { borderRadius: "50%" };
-  }
-  if (normalized === "can" || normalized === "cylinder") {
-    return { borderRadius: "48% / 12%" };
-  }
-  const clipPath = chunkHMZA25W2_js.getResolvedShapeClipPath(element);
-  if (!clipPath) {
-    return void 0;
-  }
-  return { clipPath };
+  return geometry.kind === "clipPath" ? { clipPath: geometry.clipPath } : void 0;
 }
 function getImageRenderStyle(element) {
+  const fit = chunkYDEEINER_js.getImageFitStyle(element);
+  return {
+    // A translated/scaled crop must be masked by its stationary wrapper, not
+    // by the moving bitmap itself.
+    ...fit.transform ? {} : getImageMaskStyle(element) || {},
+    ...fit
+  };
+}
+function getImageSurfaceMaskStyle(element) {
+  const mask = getImageMaskStyle(element);
+  return {
+    overflow: "hidden",
+    borderRadius: mask?.borderRadius,
+    clipPath: mask?.clipPath ?? getCropShapeClipPath(element)
+  };
+}
+function getImageSurfaceStyle(element) {
+  const fill = chunkYDEEINER_js.hasShapeProperties(element) ? chunkYDEEINER_js.getComputedFillStyle(element) : void 0;
   return {
-    ...getImageMaskStyle(element) || {},
-    ...chunkHMZA25W2_js.getImageFitStyle(element)
+    position: "absolute",
+    inset: 0,
+    ...getImageSurfaceMaskStyle(element),
+    backgroundColor: fill?.backgroundColor ?? "transparent",
+    backgroundImage: fill?.backgroundImage,
+    backgroundRepeat: fill?.backgroundRepeat,
+    backgroundSize: fill?.backgroundSize,
+    backgroundPosition: fill?.backgroundPosition
   };
 }
 var CROP_SHAPE_CLIP_PATHS = {
@@ -316,7 +322,7 @@ var CROP_SHAPE_CLIP_PATHS = {
   star: "polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"
 };
 function getCropShapeClipPath(element) {
-  if (!chunkHMZA25W2_js.isImageLikeElement(element)) {
+  if (!chunkYDEEINER_js.isImageLikeElement(element)) {
     return void 0;
   }
   const shape = element.cropShape;
@@ -326,7 +332,7 @@ function getCropShapeClipPath(element) {
   return CROP_SHAPE_CLIP_PATHS[shape];
 }
 function getImageTilingStyle2(element) {
-  return chunkHMZA25W2_js.getImageTilingStyle(element);
+  return chunkYDEEINER_js.getImageTilingStyle(element);
 }
 
 // src/viewer/utils/geometry-image.ts
@@ -467,7 +473,8 @@ function VideoWithMetadata({
     "video",
     {
       ref: mediaRef,
-      className: `w-full h-full pointer-events-auto ${isFullScreen ? "object-cover" : "object-contain"}`,
+      className: "w-full h-full pointer-events-auto",
+      style: isFullScreen ? { objectFit: "cover" } : chunkYDEEINER_js.getImageFitStyle(element),
       controls: showTransport,
       preload: "metadata",
       playsInline: true,
@@ -526,9 +533,9 @@ function registerMediaElement(elementId, el) {
   };
 }
 function executeMediaCommand(command, frameRoot) {
-  return chunkHMZA25W2_js.runMediaCommand(
+  return chunkYDEEINER_js.runMediaCommand(
     command,
-    (targetId) => registry.get(targetId) ?? chunkHMZA25W2_js.findMediaElementByElementId(targetId, frameRoot?.())
+    (targetId) => registry.get(targetId) ?? chunkYDEEINER_js.findMediaElementByElementId(targetId, frameRoot?.())
   );
 }
 function PresentationMediaController({
@@ -572,7 +579,7 @@ function PresentationMediaController({
     loop: shouldLoop,
     volume: playbackVolume,
     playbackRate
-  } = chunkHMZA25W2_js.mediaPlaybackAttributes({
+  } = chunkYDEEINER_js.mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
@@ -708,7 +715,7 @@ function PresentationMediaController({
     if (element.playAcrossSlides && element.mediaType === "audio") {
       const dataUrl = element.mediaData ?? resolvedDataUrl;
       if (dataUrl) {
-        chunkHMZA25W2_js.registerPersistentAudio(
+        chunkYDEEINER_js.registerPersistentAudio(
           element.id,
           dataUrl,
           element.mediaMimeType,
@@ -806,17 +813,17 @@ function Badge({
     "div",
     {
       className: `absolute inset-0 flex flex-col items-center justify-center ${isMissing ? "gap-1" : ""}`,
-      ...{ [chunkHMZA25W2_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
+      ...{ [chunkYDEEINER_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunkHMZA25W2_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunkYDEEINER_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(chunkHMZA25W2_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunkYDEEINER_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -833,17 +840,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"}`,
-      ...{ [chunkHMZA25W2_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
+      ...{ [chunkYDEEINER_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunkHMZA25W2_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunkYDEEINER_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(chunkHMZA25W2_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunkYDEEINER_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -853,7 +860,7 @@ function renderMediaFallback({
   posterUrl,
   surface
 }) {
-  const visual = chunkHMZA25W2_js.mediaFallbackVisual(surface, {
+  const visual = chunkYDEEINER_js.mediaFallbackVisual(surface, {
     hasPoster: Boolean(posterUrl),
     missing: element.mediaMissing === true
   });
@@ -864,7 +871,8 @@ function renderMediaFallback({
         {
           src: posterUrl,
           alt: visual.dimPoster ? chunkSWRY3SI5_js.translationsEn["pptx.media.posterAlt"] : chunkSWRY3SI5_js.translationsEn["pptx.media.videoPosterAlt"],
-          className: `w-full h-full object-contain${visual.dimPoster ? " opacity-50" : ""}`
+          className: `w-full h-full${visual.dimPoster ? " opacity-50" : ""}`,
+          style: chunkYDEEINER_js.getImageFitStyle(element)
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(Badge, { visual, element })
@@ -882,7 +890,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 = chunkHMZA25W2_js.mediaPlaybackAttributes(element).loop;
+  const shouldLoop = chunkYDEEINER_js.mediaPlaybackAttributes(element).loop;
   const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
   const isFullScreen = options?.fullScreen === true;
   const isPresentationMode = options?.isPresentationMode === true;
@@ -965,19 +973,20 @@ function renderMediaElement(element, mediaDataUrls, options) {
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  return chunkHMZA25W2_js.buildTextBlockStyle(element, { fallbackColor });
+  return chunkYDEEINER_js.buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
 function getTextLayoutStyle(element) {
-  if (!chunkHMZA25W2_js.hasTextProperties(element)) {
+  if (!chunkYDEEINER_js.hasTextProperties(element)) {
     return {};
   }
-  const writingMode = chunkHMZA25W2_js.toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = chunkHMZA25W2_js.toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = chunkHMZA25W2_js.toCssVerticalDirection(element.textStyle?.textDirection);
+  const writingMode = chunkYDEEINER_js.toCssWritingMode(element.textStyle?.textDirection);
+  const textOrientation = chunkYDEEINER_js.toCssTextOrientation(element.textStyle?.textDirection);
+  const verticalDirection = chunkYDEEINER_js.toCssVerticalDirection(element.textStyle?.textDirection);
   const textWrapNone = element.textStyle?.textWrap === "none";
-  const hasParagraphIndents = chunkHMZA25W2_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const shapeAutoFitTextBox = element.textStyle?.autoFitMode === "shrink" && (element.type === "text" || element.locks?.txBox === true);
+  const hasParagraphIndents = chunkYDEEINER_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;
@@ -986,7 +995,7 @@ function getTextLayoutStyle(element) {
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
   return {
     // Columns / flex anchoring / anchorCtr / tab-size / kinsoku, from shared.
-    ...chunkHMZA25W2_js.buildTextBodyLayoutStyle(element),
+    ...chunkYDEEINER_js.buildTextBodyLayoutStyle(element),
     // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
     // per-paragraph by the paragraph renderer, not collapsed here.
     paddingTop: bodyTop,
@@ -996,6 +1005,15 @@ function getTextLayoutStyle(element) {
     direction: verticalDirection,
     marginLeft,
     textIndent,
+    ...shapeAutoFitTextBox ? {
+      width: textWrapNone ? "max-content" : "100%",
+      minWidth: "100%",
+      height: "max-content",
+      minHeight: "100%",
+      whiteSpace: "pre-wrap",
+      wordBreak: textWrapNone ? "normal" : "break-word",
+      overflow: "visible"
+    } : {},
     ...textWrapNone ? {
       whiteSpace: "nowrap",
       overflow: "visible"
@@ -1005,7 +1023,7 @@ function getTextLayoutStyle(element) {
 
 // src/viewer/utils/text-effects.tsx
 function buildTextBody3DSceneStyle2(textStyle) {
-  return chunkHMZA25W2_js.buildTextBody3DSceneStyle(textStyle);
+  return chunkYDEEINER_js.buildTextBody3DSceneStyle(textStyle);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1190,13 +1208,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
-  const paraKey = `${elementId}${chunkHMZA25W2_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
+  const paraKey = `${elementId}${chunkYDEEINER_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 = chunkHMZA25W2_js.buildTextBuildSpec(
+  const spec = chunkYDEEINER_js.buildTextBuildSpec(
     elementId,
     paraIndex,
     paraRuns.map((run) => ({ text: run.text, style: run })),
@@ -1214,7 +1232,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
       "span",
       {
         "data-anim-id": span.animId,
-        style: chunkHMZA25W2_js.textBuildSpanStyle(span),
+        style: chunkYDEEINER_js.textBuildSpanStyle(span),
         children: content
       },
       span.animId
@@ -1222,7 +1240,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   });
 }
 function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle) {
-  const [lineLayout] = chunkHMZA25W2_js.buildRunTabLines(line, ctx, nestedStyle);
+  const [lineLayout] = chunkYDEEINER_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: [
@@ -1235,7 +1253,7 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
   if (!needsScriptFonts || !text) {
     return text;
   }
-  const pieces = chunkHMZA25W2_js.splitRunByScriptFont(
+  const pieces = chunkYDEEINER_js.splitRunByScriptFont(
     text,
     scriptFonts,
     baseFontFamily,
@@ -1252,7 +1270,7 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
   if (!metric || !text) {
     return inner(text, keyPrefix);
   }
-  const pieces = chunkHMZA25W2_js.splitRunForMetrics(text, metric.font);
+  const pieces = chunkYDEEINER_js.splitRunForMetrics(text, metric.font);
   if (pieces.length <= 1) {
     return inner(text, keyPrefix);
   }
@@ -1261,7 +1279,7 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
     {
       style: {
         ...metric.nestedStyle,
-        letterSpacing: chunkHMZA25W2_js.pieceLetterSpacing(metric.authoredPx, piece.tracking)
+        letterSpacing: chunkYDEEINER_js.pieceLetterSpacing(metric.authoredPx, piece.tracking)
       },
       children: inner(piece.text, `${keyPrefix}-w${i}`)
     },
@@ -1348,8 +1366,8 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
   });
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
-  const mathml = chunkHMZA25W2_js.convertOmmlToMathMl(equationXml);
-  const safeMathml = mathml ? chunkHMZA25W2_js.sanitizeMathMl(mathml) : "";
+  const mathml = chunkYDEEINER_js.convertOmmlToMathMl(equationXml);
+  const safeMathml = mathml ? chunkYDEEINER_js.sanitizeMathMl(mathml) : "";
   const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1477,7 +1495,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const segmentStyle = segment?.style ?? {};
   const textValue = run.text;
   const lines = textValue.split("\n");
-  const resolvedSegmentColor = chunkHMZA25W2_js.normalizeHexColor(
+  const resolvedSegmentColor = chunkYDEEINER_js.normalizeHexColor(
     segmentStyle.color || element.textStyle?.color,
     run.hyperlink ? HYPERLINK_COLOR : fallbackColor
   );
@@ -1485,16 +1503,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 * chunkHMZA25W2_js.resolveAutoFitFontScale(element.textStyle);
+  const baseFontSize = rawFontSize * chunkYDEEINER_js.resolveAutoFitFontScale(element.textStyle);
   const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
-  const fontKerning = chunkHMZA25W2_js.resolveFontKerning(segmentStyle.kerning, baseFontSize);
+  const fontKerning = chunkYDEEINER_js.resolveFontKerning(segmentStyle.kerning, baseFontSize);
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = rawFontFamily ? chunkHMZA25W2_js.getSubstituteFontFamily(
+  const baseFontFamily = rawFontFamily ? chunkYDEEINER_js.getSubstituteFontFamily(
     rawFontFamily,
-    chunkHMZA25W2_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+    chunkYDEEINER_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
   ) : DEFAULT_FONT_FAMILY2;
-  const scriptFonts = chunkHMZA25W2_js.resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
-  const needsScriptFonts = chunkHMZA25W2_js.hasDistinctScriptFonts(scriptFonts);
+  const scriptFonts = chunkYDEEINER_js.resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
+  const needsScriptFonts = chunkYDEEINER_js.hasDistinctScriptFonts(scriptFonts);
   const authoredLetterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? segmentStyle.characterSpacing / 100 * (96 / 72) : 0;
   const metricFont = {
     fontFamily: baseFontFamily,
@@ -1502,7 +1520,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     bold: Boolean(segmentStyle.bold),
     italic: Boolean(segmentStyle.italic)
   };
-  const nestedStyle = chunkHMZA25W2_js.nestedTextDecorationStyle(run.style);
+  const nestedStyle = chunkYDEEINER_js.nestedTextDecorationStyle(run.style);
   const metricContext = { font: metricFont, authoredPx: authoredLetterSpacing, nestedStyle };
   const spanStyle = { ...run.style };
   spanStyle.color = resolvedSegmentColor;
@@ -1510,11 +1528,11 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   spanStyle.fontFamily = baseFontFamily;
   spanStyle.verticalAlign = baselineShift;
   spanStyle.fontKerning = fontKerning;
-  spanStyle.letterSpacing = chunkHMZA25W2_js.pieceLetterSpacing(
+  spanStyle.letterSpacing = chunkYDEEINER_js.pieceLetterSpacing(
     authoredLetterSpacing,
-    chunkHMZA25W2_js.resolveMetricTrackingPx(textValue, metricFont)
+    chunkYDEEINER_js.resolveMetricTrackingPx(textValue, metricFont)
   );
-  const hollow = chunkHMZA25W2_js.hollowTextFillStyle(segmentStyle, {
+  const hollow = chunkYDEEINER_js.hollowTextFillStyle(segmentStyle, {
     color: resolvedSegmentColor,
     textStroke: typeof spanStyle.WebkitTextStroke === "string" ? spanStyle.WebkitTextStroke : void 0
   });
@@ -1535,7 +1553,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     scriptFonts,
     baseFontFamily,
     findHighlights,
-    chunkHMZA25W2_js.buildTabContext(
+    chunkYDEEINER_js.buildTabContext(
       element.textStyle?.tabStops,
       element.textStyle?.defaultTabSize,
       baseFontSize,
@@ -1561,7 +1579,7 @@ function renderRubyOrText(run, baseContent) {
   ] });
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick) {
-  if (!chunkHMZA25W2_js.hasTextProperties(element)) {
+  if (!chunkYDEEINER_js.hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const segments = segmentOverrides ?? element.textSegments;
@@ -1571,7 +1589,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     }
     return element.text || emptyFallback || "";
   }
-  const paragraphs = chunkHMZA25W2_js.buildParagraphs(element, fieldContext, segmentOverrides);
+  const paragraphs = chunkYDEEINER_js.buildParagraphs(element, fieldContext, segmentOverrides);
   const ctx = {
     element,
     fallbackColor,
@@ -1704,13 +1722,13 @@ function hexToRgbUnit(hex) {
   };
 }
 function getDuotoneColors(element) {
-  if (!chunkHMZA25W2_js.isImageLikeElement(element)) {
+  if (!chunkYDEEINER_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!chunkHMZA25W2_js.hasShapeProperties(element)) {
+  if (!chunkYDEEINER_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1721,13 +1739,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 ${chunkHMZA25W2_js.colorWithOpacity(
-    chunkHMZA25W2_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
+  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkYDEEINER_js.colorWithOpacity(
+    chunkYDEEINER_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
     opacity
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!chunkHMZA25W2_js.hasShapeProperties(element)) {
+  if (!chunkYDEEINER_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1736,14 +1754,14 @@ function buildLineGlowFilter(element) {
   }
   const glowOpacity = typeof ss.lineGlowOpacity === "number" ? ss.lineGlowOpacity : 0.75;
   const glowRad = Math.round(Math.max(0, ss.lineGlowRadius));
-  const glowCol = chunkHMZA25W2_js.colorWithOpacity(chunkHMZA25W2_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
+  const glowCol = chunkYDEEINER_js.colorWithOpacity(chunkYDEEINER_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 (!chunkHMZA25W2_js.hasShapeProperties(element)) {
+  if (!chunkYDEEINER_js.hasShapeProperties(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
@@ -1795,7 +1813,7 @@ function renderDagDuotoneSvgFilter(elementId, color1, color2) {
 
 // src/viewer/utils/shape-visual-3d.ts
 function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return chunkHMZA25W2_js.build3DExtrusionData(
+  return chunkYDEEINER_js.build3DExtrusionData(
     shape3d,
     scene3d,
     fillColor,
@@ -1804,21 +1822,24 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
   );
 }
 function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
-  chunkHMZA25W2_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
+  chunkYDEEINER_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
 }
 
 // src/viewer/utils/shape-visual-style.ts
 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" && chunkYDEEINER_js.isWedgeCalloutPresetShape(element.shapeType);
+}
 function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _strokeColor, animatesFill, animatesStroke, parentGroupFill) {
-  if (!chunkHMZA25W2_js.hasShapeProperties(element)) {
+  if (!chunkYDEEINER_js.hasShapeProperties(element)) {
     return {};
   }
   const ss = element.shapeStyle;
-  const fill = animatesFill ? void 0 : chunkHMZA25W2_js.getComputedFillStyle(element, parentGroupFill);
-  const fx = chunkHMZA25W2_js.getComputedEffectStyle(element);
-  const stroke = chunkHMZA25W2_js.getComputedStrokeStyle(element);
+  const fill = animatesFill ? void 0 : chunkYDEEINER_js.getComputedFillStyle(element, parentGroupFill);
+  const fx = chunkYDEEINER_js.getComputedEffectStyle(element);
+  const stroke = chunkYDEEINER_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`.
@@ -1855,8 +1876,21 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     strokeMiterlimit: stroke.strokeMiterlimit,
     strokeLinecap: stroke.strokeLinecap
   };
+  Object.assign(
+    base,
+    chunkYDEEINER_js.getAnimationColorBaseStyle(element, {
+      animatesFill,
+      animatesStroke,
+      parentGroupFill
+    })
+  );
+  if (element.type === "image" || element.type === "picture") {
+    base.borderWidth = 0;
+    base.borderColor = void 0;
+    base.borderStyle = void 0;
+  }
   apply3dEffects2(base, ss?.scene3d, ss?.shape3d, ss?.fillColor ?? fillColor);
-  if (rendersCustomVectorPath(element) || chunkHMZA25W2_js.isStrokeOnlyPresetElement(element)) {
+  if (rendersCustomVectorPath(element) || rendersWedgeCalloutVector(element) || chunkYDEEINER_js.isStrokeOnlyPresetElement(element)) {
     base.backgroundColor = "transparent";
     base.backgroundImage = void 0;
     base.borderWidth = void 0;
@@ -1867,7 +1901,10 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     base.backgroundColor = void 0;
     base.backgroundImage = void 0;
   }
-  const geometry = chunkHMZA25W2_js.resolveShapeGeometry(element);
+  if (rendersWedgeCalloutVector(element)) {
+    return base;
+  }
+  const geometry = chunkYDEEINER_js.resolveShapeGeometry(element);
   switch (geometry.kind) {
     case "bare":
       return { backgroundColor: "transparent", borderWidth: 0, borderStyle: "none" };
@@ -1893,13 +1930,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 chunkHMZA25W2_js.clampUnitInterval(direct / 1e5);
+    return chunkYDEEINER_js.clampUnitInterval(direct / 1e5);
   }
   const fallbackKey = element.shapeAdjustments?.adj;
   if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
-    return chunkHMZA25W2_js.clampUnitInterval(fallbackKey / 1e5);
+    return chunkYDEEINER_js.clampUnitInterval(fallbackKey / 1e5);
   }
-  return chunkHMZA25W2_js.clampUnitInterval(fallback);
+  return chunkYDEEINER_js.clampUnitInterval(fallback);
 }
 function getConnectorPathGeometry(element) {
   const width = Math.max(element.width, 0);
@@ -2036,11 +2073,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: chunkHMZA25W2_js.svgLineCap(shapeStyle?.lineCap),
+    lineCap: chunkYDEEINER_js.svgLineCap(shapeStyle?.lineCap),
     lineJoin,
     miterLimit,
-    offsets: chunkHMZA25W2_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
-    widths: chunkHMZA25W2_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
+    offsets: chunkYDEEINER_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
+    widths: chunkYDEEINER_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
   };
 }
 function strokeStrands(d, keyBase, ctx) {
@@ -2088,12 +2125,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 ? chunkHMZA25W2_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunkYDEEINER_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 ? chunkHMZA25W2_js.svgGradientFillRef(gradient) : void 0;
+  const gradientPaint = gradient ? chunkYDEEINER_js.svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
-    const paints = chunkHMZA25W2_js.buildSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
+    const paints = chunkYDEEINER_js.buildSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
     paints.forEach((paint, idx) => {
       if (paint.fill !== "none") {
         const mode = subpaths[idx]?.fillMode;
@@ -2122,7 +2159,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : gradientPaint ?? chunkHMZA25W2_js.colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? chunkYDEEINER_js.colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2147,15 +2184,32 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
     }
   );
 }
+function renderGradientDefs(gradient) {
+  if (!gradient) {
+    return null;
+  }
+  const stops = gradient.stops.map((stop, index) => /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: stop.offset, stopColor: stop.color, stopOpacity: stop.opacity }, index));
+  return /* @__PURE__ */ jsxRuntime.jsx("defs", { children: gradient.kind === "radial" ? /* @__PURE__ */ jsxRuntime.jsx("radialGradient", { id: gradient.id, cx: gradient.cx, cy: gradient.cy, r: gradient.r, children: stops }) : /* @__PURE__ */ jsxRuntime.jsx(
+    "linearGradient",
+    {
+      id: gradient.id,
+      x1: gradient.x1,
+      y1: gradient.y1,
+      x2: gradient.x2,
+      y2: gradient.y2,
+      children: stops
+    }
+  ) });
+}
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunkHMZA25W2_js.hasShapeProperties(element)) {
+  if (!chunkYDEEINER_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
-  const fillPaint = animatesFill ? "inherit" : chunkHMZA25W2_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
-  const strokePaint = animatesStroke ? "inherit" : chunkHMZA25W2_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
-  const dashType = chunkHMZA25W2_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const dashArray = chunkHMZA25W2_js.getSvgStrokeDasharray(
+  const fillPaint = animatesFill ? "inherit" : chunkYDEEINER_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
+  const strokePaint = animatesStroke ? "inherit" : chunkYDEEINER_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
+  const dashType = chunkYDEEINER_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const dashArray = chunkYDEEINER_js.getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
     element.shapeStyle?.customDashSegments
@@ -2236,21 +2290,96 @@ 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).
-      chunkHMZA25W2_js.buildSvgGradientDef(element.shapeStyle, element.id)
+      chunkYDEEINER_js.buildSvgGradientDef(element.shapeStyle, element.id)
+    );
+  }
+  if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !chunkYDEEINER_js.buildStrokeOutline(element)) {
+    const width = Math.max(element.width, 1);
+    const height = Math.max(element.height, 1);
+    const geometry = chunkYDEEINER_js.getPresetShapeVectorGeometry(
+      element.shapeType || "rect",
+      width,
+      height,
+      element.shapeAdjustments
     );
+    if (geometry) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          viewBox: `${geometry.minX} ${geometry.minY} ${geometry.viewWidth} ${geometry.viewHeight}`,
+          className: "w-full h-full pointer-events-none",
+          preserveAspectRatio: "none",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: geometry.d,
+              fill: "none",
+              stroke: strokePaint,
+              strokeWidth: strokeWidth * 2,
+              strokeDasharray: dashArray,
+              vectorEffect: "non-scaling-stroke"
+            }
+          )
+        }
+      );
+    }
+  }
+  if (element.type === "shape" && chunkYDEEINER_js.isWedgeCalloutPresetShape(element.shapeType)) {
+    const width = Math.max(element.width, 1);
+    const height = Math.max(element.height, 1);
+    const geometry = chunkYDEEINER_js.getPresetShapeVectorGeometry(
+      element.shapeType,
+      width,
+      height,
+      element.shapeAdjustments
+    );
+    if (geometry) {
+      const gradient = chunkYDEEINER_js.buildSvgGradientDef(element.shapeStyle, element.id);
+      const gradientPaint = gradient ? chunkYDEEINER_js.svgGradientFillRef(gradient) : void 0;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          viewBox: `${geometry.minX} ${geometry.minY} ${geometry.viewWidth} ${geometry.viewHeight}`,
+          className: "pointer-events-none",
+          preserveAspectRatio: "none",
+          style: {
+            position: "absolute",
+            left: geometry.minX,
+            top: geometry.minY,
+            width: geometry.viewWidth,
+            height: geometry.viewHeight,
+            overflow: "visible"
+          },
+          children: [
+            animatesFill ? null : renderGradientDefs(gradient),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: geometry.d,
+                fill: hasFill ? animatesFill ? "inherit" : gradientPaint ?? fillPaint : "none",
+                stroke: strokeWidth > 0 ? strokePaint : "none",
+                strokeWidth,
+                strokeDasharray: dashArray,
+                vectorEffect: "non-scaling-stroke"
+              }
+            )
+          ]
+        }
+      );
+    }
   }
-  if (chunkHMZA25W2_js.isCalloutShape(normalizedType)) {
+  if (chunkYDEEINER_js.isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkHMZA25W2_js.getCalloutLeaderLineGeometry(
+    const geometry = chunkYDEEINER_js.getCalloutLeaderLineGeometry(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = chunkHMZA25W2_js.buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = chunkHMZA25W2_js.getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = chunkYDEEINER_js.buildCalloutLeaderLineSvgPath(geometry);
+      const bounds = chunkYDEEINER_js.getCalloutViewBoxBounds(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2313,10 +2442,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 = chunkHMZA25W2_js.svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = chunkYDEEINER_js.svgLineCap(element.shapeStyle?.lineCap);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
-    const offsets = chunkHMZA25W2_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const widths = chunkHMZA25W2_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const offsets = chunkYDEEINER_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const widths = chunkYDEEINER_js.getCompoundLineWidths(compoundLine, strokeWidth);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -2383,15 +2512,15 @@ function parseGradientFillCss(gradFill) {
   }
   const rawStops = stops.map((gs) => {
     const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = chunkHMZA25W2_js.parseDrawingColor(gs) ?? "#888888";
-    const opacity = chunkHMZA25W2_js.parseDrawingColorOpacity(gs);
+    const color = chunkYDEEINER_js.parseDrawingColor(gs) ?? "#888888";
+    const opacity = chunkYDEEINER_js.parseDrawingColorOpacity(gs);
     return { position: pos, color, opacity };
   }).sort((a, b) => a.position - b.position);
-  const stopStrings = rawStops.map((s) => `${chunkHMZA25W2_js.colorWithOpacity(s.color, s.opacity)} ${s.position.toFixed(1)}%`).join(", ");
+  const stopStrings = rawStops.map((s) => `${chunkYDEEINER_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(chunkHMZA25W2_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round(chunkYDEEINER_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -2405,7 +2534,7 @@ function parseGradientFillCss(gradFill) {
       b: Number.parseInt(String(fillToRectXml["@_b"] || "0"), 10) / 1e5
     } : void 0;
     if (pathType === "rect") {
-      return chunkHMZA25W2_js.buildRectPathGradient(rawStops, void 0, fillToRect);
+      return chunkYDEEINER_js.buildRectPathGradient(rawStops, void 0, fillToRect);
     }
     let cx = 50;
     let cy = 50;
@@ -2427,8 +2556,8 @@ function parsePatternFillCss(pattFill) {
   if (!pattFill) {
     return void 0;
   }
-  const fgColor = chunkHMZA25W2_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = chunkHMZA25W2_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
+  const fgColor = chunkYDEEINER_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
+  const bgColor = chunkYDEEINER_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
   const preset = String(pattFill["@_prst"] || "ltDnDiag");
   switch (preset) {
     case "ltHorz":
@@ -2539,11 +2668,11 @@ function parseCellBorders(cellProperties) {
     const prstDash = ln["a:prstDash"];
     const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
     const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = chunkHMZA25W2_js.parseDrawingColor(ln["a:solidFill"]);
+    const color = chunkYDEEINER_js.parseDrawingColor(ln["a:solidFill"]);
     if (color) {
-      const opacity = chunkHMZA25W2_js.parseDrawingColorOpacity(ln["a:solidFill"]);
+      const opacity = chunkYDEEINER_js.parseDrawingColorOpacity(ln["a:solidFill"]);
       const key = `${edge.prefix}`;
-      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkHMZA25W2_js.colorWithOpacity(color, opacity)}`;
+      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkYDEEINER_js.colorWithOpacity(color, opacity)}`;
     }
   }
   return borderStyle;
@@ -2556,7 +2685,7 @@ function parseCellTextEffects(runProps) {
   const textShadowParts = [];
   const outerShdw = effectLst["a:outerShdw"];
   if (outerShdw) {
-    const shdwColor = chunkHMZA25W2_js.parseDrawingColor(outerShdw);
+    const shdwColor = chunkYDEEINER_js.parseDrawingColor(outerShdw);
     if (shdwColor) {
       const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
       const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
@@ -2574,7 +2703,7 @@ function parseCellTextEffects(runProps) {
   }
   const glow = effectLst["a:glow"];
   if (glow) {
-    const glowColor = chunkHMZA25W2_js.parseDrawingColor(glow);
+    const glowColor = chunkYDEEINER_js.parseDrawingColor(glow);
     if (glowColor) {
       const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
       const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
@@ -2654,10 +2783,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   if (runProps?.["@_u"] !== void 0) {
     cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
   }
-  const runColor = chunkHMZA25W2_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkHMZA25W2_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
+  const runColor = chunkYDEEINER_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkYDEEINER_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
   if (runColor) {
-    const opacity = chunkHMZA25W2_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = chunkHMZA25W2_js.colorWithOpacity(runColor, opacity);
+    const opacity = chunkYDEEINER_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
+    cellStyle.color = chunkYDEEINER_js.colorWithOpacity(runColor, opacity);
   }
   const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
   if (fontFamily) {
@@ -2667,15 +2796,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
   }
   const cellProperties = cellXml["a:tcPr"];
-  const cellFill = chunkHMZA25W2_js.parseDrawingColor(
+  const cellFill = chunkYDEEINER_js.parseDrawingColor(
     cellProperties?.["a:solidFill"],
     schemeColorOverrides
   );
   if (cellFill) {
-    const opacity = chunkHMZA25W2_js.parseDrawingColorOpacity(
+    const opacity = chunkYDEEINER_js.parseDrawingColorOpacity(
       cellProperties?.["a:solidFill"]
     );
-    cellStyle.backgroundColor = chunkHMZA25W2_js.colorWithOpacity(cellFill, opacity);
+    cellStyle.backgroundColor = chunkYDEEINER_js.colorWithOpacity(cellFill, opacity);
   } else {
     const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
     if (gradCss) {
@@ -2690,16 +2819,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 = chunkHMZA25W2_js.parseDrawingColor(
+    const borderColor = chunkYDEEINER_js.parseDrawingColor(
       cellProperties?.["a:lnL"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkHMZA25W2_js.parseDrawingColor(
+    ) || chunkYDEEINER_js.parseDrawingColor(
       cellProperties?.["a:lnR"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkHMZA25W2_js.parseDrawingColor(
+    ) || chunkYDEEINER_js.parseDrawingColor(
       cellProperties?.["a:lnT"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkHMZA25W2_js.parseDrawingColor(
+    ) || chunkYDEEINER_js.parseDrawingColor(
       cellProperties?.["a:lnB"]?.["a:solidFill"],
       schemeColorOverrides
     );
@@ -2771,7 +2900,7 @@ function getTableCellBandStyle2(element, rowIndex, cellIndex, rowCount, columnCo
   if (element.type !== "table") {
     return void 0;
   }
-  return chunkHMZA25W2_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
+  return chunkYDEEINER_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -2847,7 +2976,7 @@ function renderTableCellContent(cell, fallbackText) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        style: { position: "relative", ...chunkHMZA25W2_js.cellRunStyle(run) },
+        style: { position: "relative", ...chunkYDEEINER_js.cellRunStyle(run) },
         children: run.text
       },
       `r-${index}`
@@ -2855,7 +2984,7 @@ function renderTableCellContent(cell, fallbackText) {
   });
 }
 function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return chunkHMZA25W2_js.getCellDiagonalBorders(style, tableData, pos, {
+  return chunkYDEEINER_js.getCellDiagonalBorders(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -2988,7 +3117,7 @@ function TableResizeOverlay({
   const containerRef = React6.useRef(null);
   const [rowBounds, setRowBounds] = React6.useState([]);
   const dragRef = React6.useRef(null);
-  const colBoundaries = React6.useMemo(() => chunkHMZA25W2_js.computeColumnBoundaries(columnWidths), [columnWidths]);
+  const colBoundaries = React6.useMemo(() => chunkYDEEINER_js.computeColumnBoundaries(columnWidths), [columnWidths]);
   const measureRows = React6.useCallback(() => {
     const container = containerRef.current;
     if (!container) {
@@ -3035,11 +3164,11 @@ function TableResizeOverlay({
       const rect = containerRef.current.getBoundingClientRect();
       if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
-        onResizeColumns(chunkHMZA25W2_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
+        onResizeColumns(chunkYDEEINER_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
       } else if (drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
-        const newHeight = chunkHMZA25W2_js.computeResizedRowHeight(
-          drag.initialRowHeight ?? chunkHMZA25W2_js.DEFAULT_ROW_HEIGHT,
+        const newHeight = chunkYDEEINER_js.computeResizedRowHeight(
+          drag.initialRowHeight ?? chunkYDEEINER_js.DEFAULT_ROW_HEIGHT,
           deltaY
         );
         onResizeRow(drag.index, newHeight);
@@ -3077,7 +3206,7 @@ function TableResizeOverlay({
     e.stopPropagation();
     const table = containerRef.current?.querySelector("table");
     const tr = table?.querySelectorAll("tbody > tr")[index];
-    const actualHeight = tr?.offsetHeight ?? chunkHMZA25W2_js.DEFAULT_ROW_HEIGHT;
+    const actualHeight = tr?.offsetHeight ?? chunkYDEEINER_js.DEFAULT_ROW_HEIGHT;
     document.body.style.cursor = "row-resize";
     document.body.style.userSelect = "none";
     dragRef.current = {
@@ -3124,7 +3253,7 @@ function renderTableFromTableData(element, textStyle, options) {
     colorScheme: options?.styleCtx?.theme?.colorScheme,
     fontScheme: options?.styleCtx?.theme?.fontScheme
   };
-  const cellCss = (cell, rowIndex, cellIndex) => chunkHMZA25W2_js.tableCellCss(
+  const cellCss = (cell, rowIndex, cellIndex) => chunkYDEEINER_js.tableCellCss(
     tableData,
     cell,
     { rowIndex, cellIndex, rowCount, columnCount },
@@ -3137,7 +3266,7 @@ function renderTableFromTableData(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkHMZA25W2_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
+    return chunkYDEEINER_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableResizeOverlay,
@@ -3158,9 +3287,9 @@ function renderTableFromTableData(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunkHMZA25W2_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunkYDEEINER_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunkHMZA25W2_js.tableContainerCss(tableData)
+                ...chunkYDEEINER_js.tableContainerCss(tableData)
               },
               children: [
                 tableData.columnWidths.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3179,7 +3308,7 @@ function renderTableFromTableData(element, textStyle, options) {
                         return null;
                       }
                       const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                      const isInMultiSelection = chunkHMZA25W2_js.isCellInRect(rowIndex, cellIndex, selectionRect);
+                      const isInMultiSelection = chunkYDEEINER_js.isCellInRect(rowIndex, cellIndex, selectionRect);
                       const isCellEditing = isCellSelected && selectedCell?.isEditing;
                       const diag = getCellDiagonalBorders2(
                         cell.style,
@@ -3208,7 +3337,7 @@ function renderTableFromTableData(element, textStyle, options) {
                             }
                             event.stopPropagation();
                             if (event.shiftKey && selectedCell) {
-                              const rect = chunkHMZA25W2_js.computeSelectionRect(
+                              const rect = chunkYDEEINER_js.computeSelectionRect(
                                 selectedCell.rowIndex,
                                 selectedCell.columnIndex,
                                 rowIndex,
@@ -3218,7 +3347,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               options?.onSelectCell?.({
                                 rowIndex: selectedCell.rowIndex,
                                 columnIndex: selectedCell.columnIndex,
-                                selectedCells: chunkHMZA25W2_js.rectToCells(rect)
+                                selectedCells: chunkYDEEINER_js.rectToCells(rect)
                               });
                             } else {
                               options?.onSelectCell?.({
@@ -3294,7 +3423,7 @@ function renderTableElement(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkHMZA25W2_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
+    return chunkYDEEINER_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(
@@ -3316,9 +3445,9 @@ function renderTableElement(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunkHMZA25W2_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunkYDEEINER_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunkHMZA25W2_js.tableContainerCss(tableEl.tableData)
+                ...chunkYDEEINER_js.tableContainerCss(tableEl.tableData)
               },
               children: [
                 parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3375,7 +3504,7 @@ function renderTableElement(element, textStyle, options) {
                           color: textStyle.color,
                           ...bandStyle,
                           ...xmlCellStyle,
-                          ...tdCellOverride ? chunkHMZA25W2_js.cellStyleToCss(tdCellOverride) : void 0,
+                          ...tdCellOverride ? chunkYDEEINER_js.cellStyleToCss(tdCellOverride) : void 0,
                           ...diag ? { position: "relative" } : void 0
                         };
                         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3385,7 +3514,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,
-                              chunkHMZA25W2_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                              chunkYDEEINER_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,
@@ -3396,7 +3525,7 @@ function renderTableElement(element, textStyle, options) {
                               }
                               event.stopPropagation();
                               if (event.shiftKey && selectedCell && tableEl.tableData) {
-                                const rect = chunkHMZA25W2_js.computeSelectionRect(
+                                const rect = chunkYDEEINER_js.computeSelectionRect(
                                   selectedCell.rowIndex,
                                   selectedCell.columnIndex,
                                   rowIndex,
@@ -3406,7 +3535,7 @@ function renderTableElement(element, textStyle, options) {
                                 options?.onSelectCell?.({
                                   rowIndex: selectedCell.rowIndex,
                                   columnIndex: selectedCell.columnIndex,
-                                  selectedCells: chunkHMZA25W2_js.rectToCells(rect)
+                                  selectedCells: chunkYDEEINER_js.rectToCells(rect)
                                 });
                               } else {
                                 options?.onSelectCell?.({
@@ -3465,23 +3594,23 @@ function renderTableElement(element, textStyle, options) {
   );
 }
 function partAttrs(part) {
-  return part ? chunkHMZA25W2_js.chartPartToAttrs(part) : void 0;
+  return part ? chunkYDEEINER_js.chartPartToAttrs(part) : void 0;
 }
 function resolveReactPalette(chartData) {
   if (chartData.colorPalette && chartData.colorPalette.length > 0) {
     return chartData.colorPalette;
   }
-  return [...chunkHMZA25W2_js.getChartStylePalette(chartData.style?.styleId)];
+  return [...chunkYDEEINER_js.getChartStylePalette(chartData.style?.styleId)];
 }
 function buildReactChartViewModel(element) {
   if (element.type !== "chart" || !element.chartData) {
-    return chunkHMZA25W2_js.buildChartViewModel(element);
+    return chunkYDEEINER_js.buildChartViewModel(element);
   }
   const palette = resolveReactPalette(element.chartData), themedElement = {
     ...element,
     chartData: { ...element.chartData, colorPalette: palette }
   };
-  return chunkHMZA25W2_js.buildChartViewModel(themedElement);
+  return chunkYDEEINER_js.buildChartViewModel(themedElement);
 }
 function renderPrimitive(prim, key) {
   switch (prim.kind) {
@@ -3630,7 +3759,7 @@ function renderText(t, key) {
   );
 }
 function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
-  const legendItems = chunkHMZA25W2_js.computeChartLegendLayout(vm);
+  const legendItems = chunkYDEEINER_js.computeChartLegendLayout(vm);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -3729,11 +3858,11 @@ function renderChartElement(element) {
   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: chunkSWRY3SI5_js.translationsEn["pptx.chart.heading"] });
   }
-  const kind = chunkHMZA25W2_js.resolveChartKind(chartData.chartType ?? "bar");
+  const kind = chunkYDEEINER_js.resolveChartKind(chartData.chartType ?? "bar");
   return renderChartViewModel(
     element.id,
     buildReactChartViewModel(element),
-    chunkHMZA25W2_js.chartPreserveAspectRatio(kind)
+    chunkYDEEINER_js.chartPreserveAspectRatio(kind)
   );
 }
 
@@ -3753,14 +3882,14 @@ function buildNotesPdf(pages) {
     notes: page.notes,
     slideNumber: page.slideNumber
   }));
-  const bytes = chunkHMZA25W2_js.buildNotesPdfBytes(images, meta);
+  const bytes = chunkYDEEINER_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 = chunkHMZA25W2_js.buildSlidesPdfBytes(images);
+  const bytes = chunkYDEEINER_js.buildSlidesPdfBytes(images);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
@@ -3769,7 +3898,7 @@ function buildPdfFromImageData(images) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = chunkHMZA25W2_js.buildPreviewAnimation(preset, options);
+  const descriptor = chunkYDEEINER_js.buildPreviewAnimation(preset, options);
   if (!descriptor) {
     return;
   }
@@ -3782,7 +3911,7 @@ function startMotionPathPreview(elementId, path, options) {
     return;
   }
   const stage = domEl.offsetParent;
-  const descriptor = chunkHMZA25W2_js.buildMotionPathPreview({
+  const descriptor = chunkYDEEINER_js.buildMotionPathPreview({
     path,
     slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
     slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,
@@ -3880,6 +4009,8 @@ exports.getConnectorPathGeometry = getConnectorPathGeometry;
 exports.getCropShapeClipPath = getCropShapeClipPath;
 exports.getDuotoneColors = getDuotoneColors;
 exports.getImageRenderStyle = getImageRenderStyle;
+exports.getImageSurfaceMaskStyle = getImageSurfaceMaskStyle;
+exports.getImageSurfaceStyle = getImageSurfaceStyle;
 exports.getImageTilingStyle = getImageTilingStyle2;
 exports.getShapeVisualStyle = getShapeVisualStyle;
 exports.getTextLayoutStyle = getTextLayoutStyle;