pptx-react-viewer 2.21.1 → 3.0.0

package/dist/{chunk-2SNHVHHB.mjs → chunk-BGAJLL4N.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, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-WX3HQHR5.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-S6PFSR7I.mjs';
 import { translationsEn } from './chunk-L5MNLIQF.mjs';
-import { 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, 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, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, describeFontEmbedding, 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, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, openPptxFile, readBackstageRecentFile, isActionHidden, canInteractWithElement, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, generatePackageReadme, presentationBaseName, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, mapPresentationWheel, computeColorFilter, computeSlideIndices, buildPrintDocument, 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, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, setCellText, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, isUrlSafe, buildSmartArtPresetData, classifyMediaType, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-VWCUKKR3.mjs';
+import { 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, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, describeFontEmbedding, 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, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, openPptxFile, readBackstageRecentFile, isActionHidden, resolveInlineEditAutoFitHeight, canInteractWithElement, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, generatePackageReadme, presentationBaseName, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, mapPresentationWheel, computeColorFilter, computeSlideIndices, buildPrintDocument, 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, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, setCellText, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, isUrlSafe, buildSmartArtPresetData, classifyMediaType, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-OXPD2UYI.mjs';
 import { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect, useSyncExternalStore, useImperativeHandle } from 'react';
 import JSZip from 'jszip';
 import { useTranslation } from 'react-i18next';
@@ -1018,10 +1018,10 @@ function applyAnimationGroupSteps(group, onPlayActionSound, setPresentationEleme
           const nextStates = new Map(previousStates);
           const currentState = nextStates.get(step.elementId) ?? {
             visible: true};
-          const visibleAfterStep = step.presetClass === "exit" ? false : currentState.visible;
+          const visibleAfterStep = step.presetClass === "exit" || step.hideAfterEffect ? false : currentState.visible;
           nextStates.set(step.elementId, {
             visible: visibleAfterStep,
-            cssAnimation: void 0
+            cssAnimation: step.holdEndState ? step.cssAnimation : void 0
           });
           return nextStates;
         });
@@ -3499,6 +3499,7 @@ function useViewerCoreState(_input) {
   const [presentationProperties, setPresentationProperties] = useState(
     {}
   );
+  const [viewProperties, setViewProperties] = useState(void 0);
   const [notesMaster, setNotesMaster] = useState();
   const [handoutMaster, setHandoutMaster] = useState();
   const [notesCanvasSize, setNotesCanvasSize] = useState();
@@ -3596,6 +3597,8 @@ function useViewerCoreState(_input) {
     setSections,
     presentationProperties,
     setPresentationProperties,
+    viewProperties,
+    setViewProperties,
     notesMaster,
     setNotesMaster,
     handoutMaster,
@@ -3771,6 +3774,7 @@ function useLoadContent({
   setActiveCustomShowId,
   setSections,
   setPresentationProperties,
+  setViewProperties,
   setNotesMaster,
   setHandoutMaster,
   setNotesCanvasSize,
@@ -3920,6 +3924,54 @@ function useLoadContent({
             });
           }
         }
+        const { paths: tableImagePaths, refs: tableImageRefs } = collectTableCellImagePaths(nextSlides);
+        if (tableImagePaths.size > 0) {
+          const resolvedTableMap = /* @__PURE__ */ new Map();
+          await Promise.all(
+            Array.from(tableImagePaths).map(async (path) => {
+              try {
+                const url = await handler.getImageData(path);
+                if (url) {
+                  resolvedTableMap.set(path, url);
+                }
+              } catch {
+              }
+            })
+          );
+          if (resolvedTableMap.size > 0) {
+            nextSlides = nextSlides.map((s) => {
+              const newElements = applyTableCellImagePatches(
+                s.elements,
+                resolvedTableMap,
+                tableImageRefs
+              );
+              return newElements === s.elements ? s : { ...s, elements: newElements };
+            });
+          }
+        }
+        let nextTableStyleMap = parsed.tableStyleMap;
+        const { paths: tableStyleImagePaths, refs: tableStyleImageRefs } = collectTableStyleImagePaths(nextTableStyleMap);
+        if (tableStyleImagePaths.size > 0) {
+          const resolvedStyleMap = /* @__PURE__ */ new Map();
+          await Promise.all(
+            Array.from(tableStyleImagePaths).map(async (path) => {
+              try {
+                const url = await handler.getImageData(path);
+                if (url) {
+                  resolvedStyleMap.set(path, url);
+                }
+              } catch {
+              }
+            })
+          );
+          if (resolvedStyleMap.size > 0 && nextTableStyleMap) {
+            nextTableStyleMap = applyTableStyleImagePatches(
+              nextTableStyleMap,
+              resolvedStyleMap,
+              tableStyleImageRefs
+            );
+          }
+        }
         handlerRef.current = handler;
         const partition = partitionTemplateElements(nextSlides);
         setSlides(partition.slides);
@@ -3939,7 +3991,7 @@ function useLoadContent({
         setLayoutOptions(parsed.layoutOptions ?? []);
         setSlideMasters(parsed.slideMasters ?? []);
         setTheme(parsed.theme);
-        setTableStyleMap(parsed.tableStyleMap);
+        setTableStyleMap(nextTableStyleMap);
         setThemeOptions(parsed.themeOptions ?? []);
         setCustomShows(parsed.customShows ?? []);
         setActiveCustomShowId(
@@ -3947,6 +3999,7 @@ function useLoadContent({
         );
         setSections(parsed.sections ?? []);
         setPresentationProperties(parsed.presentationProperties ?? {});
+        setViewProperties(parsed.viewProperties);
         setNotesMaster(parsed.notesMaster);
         setHandoutMaster(parsed.handoutMaster);
         if (typeof parsed.notesWidthEmu === "number" && typeof parsed.notesHeightEmu === "number" && parsed.notesWidthEmu > 0 && parsed.notesHeightEmu > 0) {
@@ -3976,6 +4029,7 @@ function useLoadContent({
           if (err instanceof EncryptedFileError) {
             setIsEncrypted(true);
           } else {
+            console.error("[pptx] Failed to load presentation content:", err);
             setError(err instanceof Error ? err.message : String(err));
           }
         }
@@ -4900,9 +4954,12 @@ function useCanvasInteractions(input) {
     if (el && hasTextProperties(el)) {
       const committedText = transformCommittedText ? transformCommittedText(inlineEditingText) : inlineEditingText;
       const newSegments = remapTextToSegments(committedText, el.textSegments, el.textStyle);
+      const editorEl = document.querySelector("[data-inline-editor]");
+      const newHeight = resolveInlineEditAutoFitHeight(el.textStyle, el.height, editorEl);
       ops.updateElementById(editId, {
         text: committedText,
-        textSegments: newSegments
+        textSegments: newSegments,
+        ...newHeight !== void 0 ? { height: newHeight } : {}
       });
       history.markDirty();
     }
@@ -8384,14 +8441,8 @@ function useViewerDialogs(input) {
     handleRunAccessibilityCheck
   };
 }
-function computeGridSpacingPx(presentationGridSpacing) {
-  if (presentationGridSpacing) {
-    const px = Math.round(presentationGridSpacing.cx / EMU_PER_PX);
-    if (px > 0) {
-      return px;
-    }
-  }
-  return GRID_SIZE;
+function computeGridSpacingPx2(documentGridSpacing) {
+  return computeGridSpacingPx(documentGridSpacing, GRID_SIZE);
 }
 function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows) {
   const activeShow = activeCustomShowId ? customShows.find((show) => show.id === activeCustomShowId) : void 0;
@@ -8427,11 +8478,11 @@ function useDerivedSlideState(input) {
     mode,
     activeLayout,
     activeMaster,
-    presentationGridSpacing
+    documentGridSpacing
   } = input;
   const gridSpacingPx = useMemo(
-    () => computeGridSpacingPx(presentationGridSpacing),
-    [presentationGridSpacing]
+    () => computeGridSpacingPx2(documentGridSpacing),
+    [documentGridSpacing]
   );
   const visibleSlideIndexes = useMemo(
     () => computeVisibleSlideIndexes(slides, activeCustomShowId, customShows),
@@ -9386,6 +9437,7 @@ function useContentLifecycle(input) {
     setActiveCustomShowId: state.setActiveCustomShowId,
     setSections: state.setSections,
     setPresentationProperties: state.setPresentationProperties,
+    setViewProperties: state.setViewProperties,
     setNotesMaster: state.setNotesMaster,
     setHandoutMaster: state.setHandoutMaster,
     setNotesCanvasSize: state.setNotesCanvasSize,
@@ -11005,7 +11057,7 @@ function useViewerBuildingBlocksCore(input) {
     mode,
     activeLayout: state.activeLayout,
     activeMaster: state.activeMaster,
-    presentationGridSpacing: state.presentationProperties.gridSpacing
+    documentGridSpacing: state.viewProperties?.gridSpacing
   });
   const { options: viewerOptions } = useViewerOptions();
   const { presentation, annotations, actionSoundHandlerRef } = usePresentationSetup({