pptx-react-viewer 3.1.3 → 3.1.4

package/dist/{chunk-BZ6OM3H5.mjs → chunk-A2UAUSJM.mjs}

@@ -1,6 +1,6 @@
-import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_SECTION_GROUP_ID, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-ACVLIDUS.mjs';
+import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_SECTION_GROUP_ID, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-BPWSJLLG.mjs';
+import { DEFAULT_VIEWER_OPTIONS, TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createPresenceProjector, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, createWheelStepBuffer, createViewerZoomStore, clampZoomScale, mapEditingWheel, PresentationAnimationController, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, attachPresentationVisibilityPause, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, collectTableCellImagePaths, applyTableCellImagePatches, collectTableStyleImagePaths, applyTableStyleImagePatches, partitionTemplateElements, resolveAuthoredCustomShowId, buildInitialGuides, EncryptedFileError, resolveAutosaveIntervalMs, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, updateMasterViewElement, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, masterViewElements, replaceMasterViewElements, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, downloadBlob, resolveImageResolutionScale, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, describeFontEmbedding, isMobileViewport, mayLeaveSlideShow, stopAllPersistentAudio, remapTextToSegments, guidePxToEmu, buildSaveSlides, embeddedFontSaveOptions, resolveSlideSizeSelection, saveDeckWithPassword, shouldProbeAutosaveRecovery, probeAutosaveRecovery, acceptAutosaveRecovery, discardAutosaveRecovery, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, shouldRoomSlidesReplaceLoad, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, detectTouchDevice, detectOrientation, deriveViewportBreakpoints, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, openPptxFile, readBackstageRecentFile, isActionHidden, resolveInlineEditAutoFitHeight, canInteractWithElement, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, mapPresentationWheel, openPendingPrintWindow, computeColorFilter, filterHiddenSlideIndices, computeSlideIndices, buildPrintDocument, finishPrintWindow, buildPrintHtmlDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, runPresentationAction, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, addCommentToList, removeCommentFromList, editCommentInList, toggleCommentResolvedInList, replyToCommentInList, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, computeGridSpacingPx, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, resolveHistoryDepth, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, setCellText, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, resolvePresentationAction, ACTION_BUTTON_PRESETS, elementActionToPptxAction, isUrlSafe, buildSmartArtPresetData, classifyMediaType, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, shouldConfirmExternalHyperlink, safeOpenUrl, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-XIHK52SB.mjs';
 import { translationsEn } from './chunk-ARJE3V6V.mjs';
-import { DEFAULT_VIEWER_OPTIONS, TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createPresenceProjector, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, createWheelStepBuffer, createViewerZoomStore, clampZoomScale, mapEditingWheel, PresentationAnimationController, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, attachPresentationVisibilityPause, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, collectTableCellImagePaths, applyTableCellImagePatches, collectTableStyleImagePaths, applyTableStyleImagePatches, partitionTemplateElements, resolveAuthoredCustomShowId, buildInitialGuides, EncryptedFileError, resolveAutosaveIntervalMs, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, updateMasterViewElement, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, masterViewElements, replaceMasterViewElements, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, downloadBlob, resolveImageResolutionScale, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, describeFontEmbedding, isMobileViewport, mayLeaveSlideShow, stopAllPersistentAudio, remapTextToSegments, guidePxToEmu, buildSaveSlides, embeddedFontSaveOptions, resolveSlideSizeSelection, saveDeckWithPassword, shouldProbeAutosaveRecovery, probeAutosaveRecovery, acceptAutosaveRecovery, discardAutosaveRecovery, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, shouldRoomSlidesReplaceLoad, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, detectTouchDevice, detectOrientation, deriveViewportBreakpoints, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, openPptxFile, readBackstageRecentFile, isActionHidden, resolveInlineEditAutoFitHeight, canInteractWithElement, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, mapPresentationWheel, openPendingPrintWindow, computeColorFilter, filterHiddenSlideIndices, computeSlideIndices, buildPrintDocument, finishPrintWindow, buildPrintHtmlDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, runPresentationAction, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, addCommentToList, removeCommentFromList, editCommentInList, toggleCommentResolvedInList, replyToCommentInList, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, computeGridSpacingPx, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, resolveHistoryDepth, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, setCellText, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, resolvePresentationAction, ACTION_BUTTON_PRESETS, elementActionToPptxAction, isUrlSafe, buildSmartArtPresetData, classifyMediaType, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, shouldConfirmExternalHyperlink, safeOpenUrl, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-SRAXNEJX.mjs';
 import { createContext, useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect, useContext, useImperativeHandle, useSyncExternalStore } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -1030,6 +1030,77 @@ function applyAnimationGroupSteps(group, onPlayActionSound, setPresentationEleme
     presentationTimersRef.current.push(timer);
   }
 }
+function shouldSeekAnimationGroup(group, endAtMs, nowMs) {
+  return group?.seqNextAction === "seek" && nowMs < endAtMs;
+}
+function finishDomAnimationsForGroup(group, root = document) {
+  const targetIds = new Set(
+    group.steps.filter((step) => !step.command).map((step) => step.elementId)
+  );
+  if (targetIds.size === 0) {
+    return 0;
+  }
+  const activeAnimations = /* @__PURE__ */ new Set();
+  const candidates = root.querySelectorAll(
+    '[data-element-id], [data-anim-id], [data-pptx-animation-layer="background"]'
+  );
+  for (const element of candidates) {
+    let animationElementId = element.dataset.animId ?? element.dataset.elementId;
+    if (element.dataset.pptxAnimationLayer === "background") {
+      const hostId = element.closest("[data-element-id]")?.dataset.elementId;
+      animationElementId = hostId ? `${hostId}::pptx-bg` : void 0;
+    }
+    if (!animationElementId || !targetIds.has(animationElementId)) {
+      continue;
+    }
+    if (typeof element.getAnimations !== "function") {
+      continue;
+    }
+    for (const animation of element.getAnimations()) {
+      activeAnimations.add(animation);
+    }
+  }
+  let finishedCount = 0;
+  for (const animation of activeAnimations) {
+    const iterations = animation.effect?.getTiming().iterations;
+    if (animation.playState === "finished" || animation.playState === "idle") {
+      continue;
+    }
+    if (iterations === Infinity) {
+      continue;
+    }
+    try {
+      animation.finish();
+      finishedCount += 1;
+    } catch {
+    }
+  }
+  return finishedCount;
+}
+function finishAnimationGroupSteps(group, setPresentationElementStates, completedStates) {
+  setPresentationElementStates((previousStates) => {
+    const nextStates = new Map(previousStates);
+    for (const step of group.steps) {
+      if (step.command) {
+        continue;
+      }
+      const currentState = nextStates.get(step.elementId) ?? {
+        visible: true,
+        cssAnimation: void 0
+      };
+      const holdsAnimatedPaint = step.holdEndState && step.colorTargets !== void 0 && step.colorTargets.length > 0;
+      nextStates.set(step.elementId, {
+        ...currentState,
+        visible: step.presetClass !== "exit" && !step.hideAfterEffect,
+        cssAnimation: step.holdEndState ? step.cssAnimation : void 0,
+        build: completedStates?.get(step.elementId)?.build ?? currentState.build,
+        animatesFill: holdsAnimatedPaint && step.colorTargets?.includes("fill") ? true : void 0,
+        animatesStroke: holdsAnimatedPaint && step.colorTargets?.includes("stroke") ? true : void 0
+      });
+    }
+    return nextStates;
+  });
+}
 
 // src/viewer/hooks/presentation-mode/build-playback.ts
 function cancelBuildReveal(handle) {
@@ -1092,6 +1163,7 @@ function scheduleOpeningAutoPlayGroup(controller, deps) {
       deps.setPresentationElementStates,
       deps.presentationTimersRef
     );
+    deps.markAnimationGroupActive(group);
     deps.startBuildReveal(controller, group);
     deps.scheduleAutoAdvanceChain(controller);
   }, firstGroup.autoAdvanceDelayMs ?? 0);
@@ -1138,6 +1210,8 @@ function useAnimationPlayback(input) {
   const presentationTimersRef = useRef([]);
   const controllerRef = useRef(null);
   const buildRafRef = useRef(null);
+  const activeAnimationGroupRef = useRef(null);
+  const activeAnimationEndAtRef = useRef(0);
   const seededCompletedRef = useRef(false);
   const lastSeedCompletedRef = useRef(false);
   const startBuildReveal = useCallback(
@@ -1162,6 +1236,12 @@ function useAnimationPlayback(input) {
     });
     presentationTimersRef.current = [];
     cancelBuildReveal(buildRafRef);
+    activeAnimationGroupRef.current = null;
+    activeAnimationEndAtRef.current = 0;
+  }, []);
+  const markAnimationGroupActive = useCallback((group) => {
+    activeAnimationGroupRef.current = group;
+    activeAnimationEndAtRef.current = performance.now() + Math.max(0, group.totalDurationMs);
   }, []);
   const scheduleAutoAdvanceChain = useCallback(
     (controller) => {
@@ -1186,6 +1266,7 @@ function useAnimationPlayback(input) {
             setPresentationElementStates,
             presentationTimersRef
           );
+          markAnimationGroupActive(group);
           startBuildReveal(controller, group);
           scheduleAutoAdvanceChain(controller);
         },
@@ -1199,7 +1280,7 @@ function useAnimationPlayback(input) {
     // resolves correctly because the setTimeout callback only reads the binding
     // once the outer const has been assigned.
     // oxlint-disable-next-line react/memo-dependencies -- see comment above
-    [onPlayActionSound, startBuildReveal]
+    [markAnimationGroupActive, onPlayActionSound, startBuildReveal]
   );
   const resetSlideTimeline = useCallback(
     (slideIndex) => {
@@ -1227,6 +1308,16 @@ function useAnimationPlayback(input) {
       return false;
     }
     const controller = controllerRef.current;
+    const activeGroup = activeAnimationGroupRef.current;
+    if (controller && controller.hasMoreSteps() && shouldSeekAnimationGroup(activeGroup, activeAnimationEndAtRef.current, performance.now())) {
+      finishDomAnimationsForGroup(activeGroup);
+      const buildIds = PresentationAnimationController.collectBuildStepIds(activeGroup);
+      const completedStates = controller.computeStatesFor(buildIds);
+      clearPresentationTimers();
+      finishAnimationGroupSteps(activeGroup, setPresentationElementStates, completedStates);
+      scheduleAutoAdvanceChain(controller);
+      return true;
+    }
     if (!controller || !controller.hasMoreSteps()) {
       return false;
     }
@@ -1240,10 +1331,18 @@ function useAnimationPlayback(input) {
       setPresentationElementStates,
       presentationTimersRef
     );
+    markAnimationGroupActive(group);
     startBuildReveal(controller, group);
     scheduleAutoAdvanceChain(controller);
     return true;
-  }, [animationsEnabled, onPlayActionSound, scheduleAutoAdvanceChain, startBuildReveal]);
+  }, [
+    animationsEnabled,
+    clearPresentationTimers,
+    markAnimationGroupActive,
+    onPlayActionSound,
+    scheduleAutoAdvanceChain,
+    startBuildReveal
+  ]);
   const handleInteractiveShapeClick = useCallback(
     (shapeId) => {
       const controller = controllerRef.current;
@@ -1339,12 +1438,20 @@ function useAnimationPlayback(input) {
           setPresentationElementStates,
           presentationTimersRef,
           startBuildReveal,
-          scheduleAutoAdvanceChain
+          scheduleAutoAdvanceChain,
+          markAnimationGroupActive
         });
       }
       scheduleEntranceAnimationTimers(slide, setPresentationAnimations, presentationTimersRef);
     },
-    [animationsEnabled, slides, onPlayActionSound, scheduleAutoAdvanceChain, startBuildReveal]
+    [
+      animationsEnabled,
+      slides,
+      onPlayActionSound,
+      markAnimationGroupActive,
+      scheduleAutoAdvanceChain,
+      startBuildReveal
+    ]
   );
   const runPresentationEntranceAnimations = useCallback(
     (slideIndex, options) => {

package/dist/{chunk-ACVLIDUS.mjs → chunk-BPWSJLLG.mjs}

@@ -1,5 +1,5 @@
+import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getComputedFillStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, registerPersistentAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitRunForMetrics, splitRunByScriptFont } from './chunk-XIHK52SB.mjs';
 import { translationsEn } from './chunk-ARJE3V6V.mjs';
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getComputedFillStyle, getComputedEffectStyle, getComputedStrokeStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, getResolvedShapeClipPath, mediaFallbackVisual, registerPersistentAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitRunForMetrics, splitRunByScriptFont } from './chunk-SRAXNEJX.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -270,34 +270,40 @@ function getImageMaskStyle(element) {
   if (!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 = getRoundRectRadiusPx2(element);
-    if (radiusPx <= 0.01) {
-      return void 0;
-    }
-    return { borderRadius: radiusPx };
-  }
-  if (normalized === "ellipse" || normalized === "oval") {
-    return { borderRadius: "50%" };
-  }
-  if (normalized === "can" || normalized === "cylinder") {
-    return { borderRadius: "48% / 12%" };
-  }
-  const clipPath = getResolvedShapeClipPath(element);
-  if (!clipPath) {
-    return void 0;
+  const geometry = resolveShapeGeometry(element);
+  if (geometry.kind === "borderRadius") {
+    return { borderRadius: geometry.radius };
   }
-  return { clipPath };
+  return geometry.kind === "clipPath" ? { clipPath: geometry.clipPath } : void 0;
 }
 function getImageRenderStyle(element) {
+  const fit = getImageFitStyle(element);
   return {
-    ...getImageMaskStyle(element) || {},
-    ...getImageFitStyle(element)
+    // 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 = hasShapeProperties(element) ? getComputedFillStyle(element) : void 0;
+  return {
+    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 = {
@@ -461,7 +467,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" } : getImageFitStyle(element),
       controls: showTransport,
       preload: "metadata",
       playsInline: true,
@@ -858,7 +865,8 @@ function renderMediaFallback({
         {
           src: posterUrl,
           alt: visual.dimPoster ? translationsEn["pptx.media.posterAlt"] : 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: getImageFitStyle(element)
         }
       ),
       /* @__PURE__ */ jsx(Badge, { visual, element })
@@ -971,6 +979,7 @@ function getTextLayoutStyle(element) {
   const textOrientation = toCssTextOrientation(element.textStyle?.textDirection);
   const verticalDirection = 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 = hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
   const paragraphMarginLeft = element.textStyle?.paragraphMarginLeft;
   const paragraphIndent = element.textStyle?.paragraphIndent;
@@ -990,6 +999,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"
@@ -1805,6 +1823,9 @@ function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
 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" && isWedgeCalloutPresetShape(element.shapeType);
+}
 function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _strokeColor, animatesFill, animatesStroke, parentGroupFill) {
   if (!hasShapeProperties(element)) {
     return {};
@@ -1849,8 +1870,21 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     strokeMiterlimit: stroke.strokeMiterlimit,
     strokeLinecap: stroke.strokeLinecap
   };
+  Object.assign(
+    base,
+    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) || isStrokeOnlyPresetElement(element)) {
+  if (rendersCustomVectorPath(element) || rendersWedgeCalloutVector(element) || isStrokeOnlyPresetElement(element)) {
     base.backgroundColor = "transparent";
     base.backgroundImage = void 0;
     base.borderWidth = void 0;
@@ -1861,6 +1895,9 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     base.backgroundColor = void 0;
     base.backgroundImage = void 0;
   }
+  if (rendersWedgeCalloutVector(element)) {
+    return base;
+  }
   const geometry = resolveShapeGeometry(element);
   switch (geometry.kind) {
     case "bare":
@@ -2141,6 +2178,23 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
     }
   );
 }
+function renderGradientDefs(gradient) {
+  if (!gradient) {
+    return null;
+  }
+  const stops = gradient.stops.map((stop, index) => /* @__PURE__ */ jsx("stop", { offset: stop.offset, stopColor: stop.color, stopOpacity: stop.opacity }, index));
+  return /* @__PURE__ */ jsx("defs", { children: gradient.kind === "radial" ? /* @__PURE__ */ jsx("radialGradient", { id: gradient.id, cx: gradient.cx, cy: gradient.cy, r: gradient.r, children: stops }) : /* @__PURE__ */ 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 (!hasShapeProperties(element)) {
     return null;
@@ -2233,6 +2287,81 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
+  if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !buildStrokeOutline(element)) {
+    const width = Math.max(element.width, 1);
+    const height = Math.max(element.height, 1);
+    const geometry = getPresetShapeVectorGeometry(
+      element.shapeType || "rect",
+      width,
+      height,
+      element.shapeAdjustments
+    );
+    if (geometry) {
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          viewBox: `${geometry.minX} ${geometry.minY} ${geometry.viewWidth} ${geometry.viewHeight}`,
+          className: "w-full h-full pointer-events-none",
+          preserveAspectRatio: "none",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: geometry.d,
+              fill: "none",
+              stroke: strokePaint,
+              strokeWidth: strokeWidth * 2,
+              strokeDasharray: dashArray,
+              vectorEffect: "non-scaling-stroke"
+            }
+          )
+        }
+      );
+    }
+  }
+  if (element.type === "shape" && isWedgeCalloutPresetShape(element.shapeType)) {
+    const width = Math.max(element.width, 1);
+    const height = Math.max(element.height, 1);
+    const geometry = getPresetShapeVectorGeometry(
+      element.shapeType,
+      width,
+      height,
+      element.shapeAdjustments
+    );
+    if (geometry) {
+      const gradient = buildSvgGradientDef(element.shapeStyle, element.id);
+      const gradientPaint = gradient ? svgGradientFillRef(gradient) : void 0;
+      return /* @__PURE__ */ 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__ */ 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 (isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
@@ -3835,4 +3964,4 @@ function stopPreviewAnimation() {
   activePreview = null;
 }
 
-export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY2 as DEFAULT_FONT_FAMILY, DEFAULT_SECTION_GROUP_ID, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, executeMediaCommand, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };
+export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY2 as DEFAULT_FONT_FAMILY, DEFAULT_SECTION_GROUP_ID, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, executeMediaCommand, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };

package/dist/{chunk-K4DUVYZ7.js → chunk-LGVNUG3G.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkHMZA25W2_js = require('./chunk-HMZA25W2.js');
+var chunkYDEEINER_js = require('./chunk-YDEEINER.js');
 var chunk4VNS5WPM_js = require('./chunk-4VNS5WPM.js');
 var mcp = require('pptx-viewer-mcp');
 var mcpSchemas = require('pptx-viewer-mcp/schemas');
@@ -14879,7 +14879,7 @@ async function buildSlideMarkdown(slides, slideIndex2, meta3, options = {}) {
   };
   let markdown;
   try {
-    const converter = new chunkHMZA25W2_js.PptxMarkdownConverter(
+    const converter = new chunkYDEEINER_js.PptxMarkdownConverter(
       "",
       {
         sourceName: meta3.title ?? "deck.pptx",
@@ -15471,7 +15471,7 @@ var getTheme = (ctx) => {
     name: theme?.name,
     colorScheme: theme?.colorScheme,
     fontScheme: theme?.fontScheme,
-    availablePresets: Object.keys(chunkHMZA25W2_js.ThemePresets)
+    availablePresets: Object.keys(chunkYDEEINER_js.ThemePresets)
   };
 };
 var readExecutors = {