pptx-react-viewer 2.4.0 → 2.5.1

package/dist/{chunk-LRIXPSVT.mjs → chunk-LIQGO45T.mjs}

@@ -1,6 +1,6 @@
-import { cloneHistorySnapshot, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, partitionTemplateElements, UNGROUPED_SECTION_ID, stopAllPersistentAudio, buildSaveSlides, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-G6Q3NXRV.mjs';
+import { cloneHistorySnapshot, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, partitionTemplateElements, UNGROUPED_SECTION_ID, stopAllPersistentAudio, buildSaveSlides, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-TGVID6BB.mjs';
 import { translationsEn } from './chunk-Z6HIZWIQ.mjs';
-import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, PresentationAnimationController, computeEntranceAnimationDelay, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, createPresentationKeyBuffer, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, remapTextToSegments, guidePxToEmu, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, derivePresenceList, mapPresentationKey, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildThemeColorMap, reResolveSlideColors, createPresentationSessionId, resolveTransitionDurationMs, isUrlSafe, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid } from './chunk-QBZA2GMB.mjs';
+import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, PresentationAnimationController, computeEntranceAnimationDelay, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, mayLeaveSlideShow, remapTextToSegments, guidePxToEmu, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, derivePresenceList, mapPresentationKey, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildThemeColorMap, reResolveSlideColors, createPresentationSessionId, resolveTransitionDurationMs, isUrlSafe, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid } from './chunk-VOV2N3NY.mjs';
 import { useRef, useState, useEffect, useCallback, useMemo, useSyncExternalStore, useImperativeHandle } from 'react';
 import JSZip from 'jszip';
 import { useTranslation } from 'react-i18next';
@@ -1015,6 +1015,7 @@ function useAnimationPlayback(input) {
   const presentationTimersRef = useRef([]);
   const controllerRef = useRef(null);
   const buildRafRef = useRef(null);
+  const seededCompletedRef = useRef(false);
   const startBuildReveal = useCallback(
     (controller, group) => {
       driveBuildReveal(
@@ -1167,7 +1168,7 @@ function useAnimationPlayback(input) {
     controller.resetHover(shapeId);
   }, []);
   const runPresentationEntranceAnimations = useCallback(
-    (slideIndex) => {
+    (slideIndex, options) => {
       clearPresentationTimers();
       if (!animationsEnabled) {
         controllerRef.current = null;
@@ -1184,6 +1185,17 @@ function useAnimationPlayback(input) {
         setPresentationAnimations([]);
         return;
       }
+      seededCompletedRef.current = false;
+      if (options?.completed) {
+        const seeded = controllerRef.current;
+        if (seeded) {
+          seededCompletedRef.current = seeded.hasMoreSteps();
+          seeded.completeAll();
+          setPresentationElementStates(seeded.computeStates());
+        }
+        setPresentationAnimations([]);
+        return;
+      }
       const controller = controllerRef.current;
       if (controller && controller.hasMoreSteps()) {
         const firstGroup = controller.peekNext();
@@ -1252,6 +1264,7 @@ function useAnimationPlayback(input) {
     handleHoverStart,
     handleHoverEnd,
     runPresentationEntranceAnimations,
+    isSeededCompleted: () => seededCompletedRef.current,
     presentationTimersRef
   };
 }
@@ -1482,7 +1495,14 @@ function usePresenterWindow(input) {
   };
 }
 function useAudienceMode(input) {
-  const { mode: _mode, onSetMode, onSetActiveSlideIndex, containerRef, onSnapshot } = input;
+  const {
+    mode: _mode,
+    onSetMode,
+    onSetActiveSlideIndex,
+    containerRef,
+    onSnapshot,
+    onPresenterEnded
+  } = input;
   const initialised = useRef(false);
   useEffect(() => {
     if (!isAudienceTab()) {
@@ -1506,6 +1526,8 @@ function useAudienceMode(input) {
       document.removeEventListener("keydown", requestAudienceFullscreen);
     };
   }, [containerRef, onSetMode]);
+  const handlersRef = useRef({ onSetActiveSlideIndex, onSnapshot, onPresenterEnded });
+  handlersRef.current = { onSetActiveSlideIndex, onSnapshot, onPresenterEnded };
   useEffect(() => {
     if (!isAudienceTab()) {
       return;
@@ -1525,21 +1547,20 @@ function useAudienceMode(input) {
       if (expectedSessionId && data.sessionId !== expectedSessionId) {
         return;
       }
+      const handlers = handlersRef.current;
       if (data.type === "presenter-slide-change") {
-        onSetActiveSlideIndex(data.slideIndex);
+        handlers.onSetActiveSlideIndex(data.slideIndex);
       }
       if (data.type === "presenter-state") {
-        onSetActiveSlideIndex(data.snapshot.slideIndex);
-        onSnapshot?.(data.snapshot);
+        handlers.onSetActiveSlideIndex(data.snapshot.slideIndex);
+        handlers.onSnapshot?.(data.snapshot);
       }
       if (data.type === "presenter-exit") {
         if (expectedSessionId) {
           void clearAudienceContent(expectedSessionId);
         }
-        onSetMode("edit");
-        try {
-          window.close();
-        } catch {
+        if (endAudienceDisplay(window)) {
+          handlers.onPresenterEnded?.();
         }
       }
     };
@@ -1556,7 +1577,7 @@ function useAudienceMode(input) {
       } catch {
       }
     };
-  }, [onSetMode, onSetActiveSlideIndex, onSnapshot]);
+  }, []);
 }
 function usePresentationKeyboard(input) {
   const {
@@ -1579,7 +1600,7 @@ function usePresentationKeyboard(input) {
   } = input;
   const keyBufferRef = useRef(createPresentationKeyBuffer());
   useEffect(() => {
-    if (mode !== "present") {
+    if (mode !== "present" || !acceptsPresentationInput()) {
       keyBufferRef.current = createPresentationKeyBuffer();
       return;
     }
@@ -1818,14 +1839,16 @@ function executeSlideTransition(nextSlideIndex, deps) {
       durationMs
     });
     const timer = window.setTimeout(() => {
-      deps.runPresentationEntranceAnimations(nextSlideIndex);
+      deps.runPresentationEntranceAnimations(nextSlideIndex, {
+        completed: deps.seedCompleted
+      });
       deps.scheduleAutoAdvanceForSlide?.(nextSlideIndex);
     }, durationMs);
     deps.presentationTimersRef.current.push(timer);
     return;
   }
   deps.setTransitionOverlay(null);
-  deps.runPresentationEntranceAnimations(nextSlideIndex);
+  deps.runPresentationEntranceAnimations(nextSlideIndex, { completed: deps.seedCompleted });
   deps.scheduleAutoAdvanceForSlide?.(nextSlideIndex);
 }
 
@@ -1935,7 +1958,9 @@ function useSlideNavigation(input) {
         presentationTimersRef,
         setTransitionOverlay,
         // PowerPoint plays a slide's transition only when advancing into it.
-        playTransition: direction === 1
+        playTransition: direction === 1,
+        // Stepping back onto a slide shows it with its builds already played.
+        seedCompleted: direction === -1
       });
     },
     [
@@ -2138,6 +2163,7 @@ function usePresentationMode(input) {
     handleHoverStart,
     handleHoverEnd,
     runPresentationEntranceAnimations,
+    isSeededCompleted,
     presentationTimersRef
   } = useAnimationPlayback({ slides, onPlayActionSound, showWithAnimation });
   const {
@@ -2160,6 +2186,11 @@ function usePresentationMode(input) {
     setPresentationStartTime,
     setPresenterMode
   });
+  useEffect(() => {
+    if (mode !== "present") {
+      setPresenterMode(false);
+    }
+  }, [mode]);
   const handleAdvancePastLastSlide = useCallback(() => {
     if (endWithBlackSlide) {
       setEndOfShowVisible(true);
@@ -2195,6 +2226,9 @@ function usePresentationMode(input) {
   });
   const movePresentationSlide = useCallback(
     (direction, trigger = "explicit") => {
+      if (!acceptsPresentationInput()) {
+        return;
+      }
       if (endOfShowVisible) {
         setEndOfShowVisible(false);
         if (direction === 1) {
@@ -2202,9 +2236,20 @@ function usePresentationMode(input) {
         }
         return;
       }
+      if (direction === -1 && isSeededCompleted()) {
+        runPresentationEntranceAnimations(presentationSlideIndex);
+        return;
+      }
       moveNavigationSlide(direction, trigger);
     },
-    [endOfShowVisible, moveNavigationSlide, onSetMode]
+    [
+      endOfShowVisible,
+      isSeededCompleted,
+      moveNavigationSlide,
+      onSetMode,
+      presentationSlideIndex,
+      runPresentationEntranceAnimations
+    ]
   );
   const { handleZoomClick, zoomReturnSlideIndex, returnToZoomSlide, clearZoomReturn } = useZoomNavigation({ navigateToSlide });
   const openAllSlides = useCallback(() => setAllSlidesOpen(true), []);
@@ -2230,7 +2275,10 @@ function usePresentationMode(input) {
       setPresentationSlideIndex(index);
     },
     containerRef,
-    onSnapshot: presenterConsole.applyAudienceSnapshot
+    onSnapshot: presenterConsole.applyAudienceSnapshot,
+    // The presenter ended the session but this tab could not close itself:
+    // show the black end-of-slide-show screen rather than the editor.
+    onPresenterEnded: () => setEndOfShowVisible(true)
   });
   const enterPresentMode = useCallback(() => {
     setPresenterMode(false);
@@ -8303,6 +8351,9 @@ function useAnnotationHandlers(input) {
   }, [annotations, setMode, setSlides, history]);
   const handleSetMode = useCallback(
     (nextMode) => {
+      if (mode === "present" && nextMode !== "present" && !mayLeaveSlideShow()) {
+        return;
+      }
       if (nextMode === "present") {
         presentation.enterPresentMode();
       } else if (mode === "present" && annotations.hasAnyAnnotations) {
@@ -8576,6 +8627,9 @@ function usePresentationSetup(input) {
     containerRef,
     content,
     onSetMode: (nextMode) => {
+      if (mode === "present" && nextMode !== "present" && !mayLeaveSlideShow()) {
+        return;
+      }
       if (mode === "present" && nextMode !== "present" && annotations.hasAnyAnnotations && promptKeepInkAnnotations) {
         pendingModeRef.current = nextMode;
         setShowKeepAnnotationsDialog(true);