pptx-react-viewer 3.2.0 → 3.3.0

package/dist/{chunk-UHR7EYFM.mjs → chunk-QEEU4S4Z.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-FMEEIS6L.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, collectReferencedFontFamilies, resolveGoogleWebfontHref, 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-G7UBIKAG.mjs';
-import { translationsEn } from './chunk-RHSA5BW5.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, buildPdfFromImageData, buildNotesPdf, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-ITN5NYYM.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, cancelBuildReveal, PresentationAnimationController, scheduleAutoAdvanceChain, playGroup, 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, applyImagePathPatches, resolveTableCellImageUrls, resolveTableStyleImageUrls, partitionTemplateElements, resolveAuthoredCustomShowId, buildInitialGuides, EncryptedFileError, resolveAutosaveIntervalMs, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, updateMasterViewElement, isTemplateElementId, updateElement, 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, collectReferencedFontFamilies, resolveGoogleWebfontHref, 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, lockResizeAspect, snapBoxToGrid, applyMotionPathPreset } from './chunk-DM2IZCSD.mjs';
+import { translationsEn } from './chunk-AMRT3AE4.mjs';
 import { createContext, useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect, useContext, useImperativeHandle, useSyncExternalStore } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -969,67 +969,6 @@ function stopAnimationSound() {
 }
 
 // src/viewer/hooks/presentation-mode/animation-helpers.ts
-function applyAnimationGroupSteps(group, onPlayActionSound, setPresentationElementStates, presentationTimersRef) {
-  for (const step of group.steps) {
-    if (step.command) {
-      const command = step.command;
-      const timer = window.setTimeout(
-        () => {
-          executeMediaCommand(command);
-        },
-        Math.max(0, step.delayMs)
-      );
-      presentationTimersRef.current.push(timer);
-      continue;
-    }
-    if (step.stopSound) {
-      stopAnimationSound();
-    } else if (step.soundPath && onPlayActionSound) {
-      onPlayActionSound(step.soundPath);
-    }
-  }
-  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};
-      const shouldBeVisible = step.presetClass === "exit" ? currentState.visible : true;
-      const colorTargets = step.colorTargets;
-      nextStates.set(step.elementId, {
-        visible: shouldBeVisible,
-        cssAnimation: step.cssAnimation,
-        animatesFill: colorTargets?.includes("fill") ? true : void 0,
-        animatesStroke: colorTargets?.includes("stroke") ? true : void 0
-      });
-    }
-    return nextStates;
-  });
-  for (const step of group.steps) {
-    if (step.command) {
-      continue;
-    }
-    const timer = window.setTimeout(
-      () => {
-        setPresentationElementStates((previousStates) => {
-          const nextStates = new Map(previousStates);
-          const currentState = nextStates.get(step.elementId) ?? {
-            visible: true};
-          const visibleAfterStep = step.presetClass === "exit" || step.hideAfterEffect ? false : currentState.visible;
-          nextStates.set(step.elementId, {
-            visible: visibleAfterStep,
-            cssAnimation: step.holdEndState ? step.cssAnimation : void 0
-          });
-          return nextStates;
-        });
-      },
-      Math.max(0, step.delayMs + step.durationMs + 8)
-    );
-    presentationTimersRef.current.push(timer);
-  }
-}
 function shouldSeekAnimationGroup(group, endAtMs, nowMs) {
   return group?.seqNextAction === "seek" && nowMs < endAtMs;
 }
@@ -1102,49 +1041,8 @@ function finishAnimationGroupSteps(group, setPresentationElementStates, complete
   });
 }
 
-// src/viewer/hooks/presentation-mode/build-playback.ts
-function cancelBuildReveal(handle) {
-  if (handle.current !== null) {
-    cancelAnimationFrame(handle.current);
-    handle.current = null;
-  }
-}
-function driveBuildReveal(controller, buildIds, setStates, handle) {
-  cancelBuildReveal(handle);
-  if (buildIds.length === 0 || typeof requestAnimationFrame !== "function") {
-    return;
-  }
-  const start = performance.now();
-  const tick = () => {
-    const elapsedMs = performance.now() - start;
-    const states = controller.computeStatesFor(buildIds, { elapsedMs });
-    setStates((prev) => {
-      const next = new Map(prev);
-      for (const id of buildIds) {
-        const build = states.get(id)?.build;
-        if (!build) {
-          continue;
-        }
-        const existing = next.get(id) ?? { visible: true, cssAnimation: void 0 };
-        next.set(id, { ...existing, build });
-      }
-      return next;
-    });
-    let pending = false;
-    for (const id of buildIds) {
-      const build = states.get(id)?.build;
-      if (build && build.progress < 1) {
-        pending = true;
-        break;
-      }
-    }
-    handle.current = pending ? requestAnimationFrame(tick) : null;
-  };
-  tick();
-}
-
 // src/viewer/hooks/presentation-mode/entrance-animation-timers.ts
-function scheduleOpeningAutoPlayGroup(controller, deps) {
+function scheduleOpeningAutoPlayGroup(controller, ctx) {
   if (!controller.hasMoreSteps()) {
     return;
   }
@@ -1157,17 +1055,10 @@ function scheduleOpeningAutoPlayGroup(controller, deps) {
     if (!group) {
       return;
     }
-    applyAnimationGroupSteps(
-      group,
-      deps.onPlayActionSound,
-      deps.setPresentationElementStates,
-      deps.presentationTimersRef
-    );
-    deps.markAnimationGroupActive(group);
-    deps.startBuildReveal(controller, group);
-    deps.scheduleAutoAdvanceChain(controller);
+    playGroup(controller, group, ctx);
+    scheduleAutoAdvanceChain(controller, ctx);
   }, firstGroup.autoAdvanceDelayMs ?? 0);
-  deps.presentationTimersRef.current.push(timer);
+  ctx.timers.push(timer);
 }
 function scheduleEntranceAnimationTimers(slide, setPresentationAnimations, presentationTimersRef) {
   const entranceAnimations = [...slide.animations || []].filter((animation) => Boolean(animation.entrance)).sort(
@@ -1214,17 +1105,16 @@ function useAnimationPlayback(input) {
   const activeAnimationEndAtRef = useRef(0);
   const seededCompletedRef = useRef(false);
   const lastSeedCompletedRef = useRef(false);
-  const startBuildReveal = useCallback(
-    (controller, group) => {
-      driveBuildReveal(
-        controller,
-        PresentationAnimationController.collectBuildStepIds(group),
-        setPresentationElementStates,
-        buildRafRef
-      );
-    },
-    []
-  );
+  const buildPlaybackContext = useCallback(() => {
+    return {
+      setStates: setPresentationElementStates,
+      timers: presentationTimersRef.current,
+      buildHandle: buildRafRef,
+      onPlayActionSound,
+      playSound: playAnimationSound,
+      stopSound: stopAnimationSound
+    };
+  }, [onPlayActionSound]);
   useEffect(() => {
     return () => {
       cancelBuildReveal(buildRafRef);
@@ -1243,45 +1133,6 @@ function useAnimationPlayback(input) {
     activeAnimationGroupRef.current = group;
     activeAnimationEndAtRef.current = performance.now() + Math.max(0, group.totalDurationMs);
   }, []);
-  const scheduleAutoAdvanceChain = useCallback(
-    (controller) => {
-      if (!controller.shouldAutoAdvance()) {
-        return;
-      }
-      const delay = controller.getAutoAdvanceDelay();
-      const previousGroup = controller.peekNext();
-      if (!previousGroup) {
-        return;
-      }
-      const totalDelay = delay + (previousGroup.autoAdvanceDelayMs ?? 0);
-      const timer = window.setTimeout(
-        () => {
-          const group = controller.advance();
-          if (!group) {
-            return;
-          }
-          applyAnimationGroupSteps(
-            group,
-            onPlayActionSound,
-            setPresentationElementStates,
-            presentationTimersRef
-          );
-          markAnimationGroupActive(group);
-          startBuildReveal(controller, group);
-          scheduleAutoAdvanceChain(controller);
-        },
-        Math.max(0, totalDelay)
-      );
-      presentationTimersRef.current.push(timer);
-    },
-    // `scheduleAutoAdvanceChain` recursively calls itself (line 190) to walk the
-    // auto-advance chain; it can't list itself as its own dependency (the const
-    // isn't assigned yet when the array is evaluated). The recursive call still
-    // 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
-    [markAnimationGroupActive, onPlayActionSound, startBuildReveal]
-  );
   const resetSlideTimeline = useCallback(
     (slideIndex) => {
       cancelBuildReveal(buildRafRef);
@@ -1315,7 +1166,7 @@ function useAnimationPlayback(input) {
       const completedStates = controller.computeStatesFor(buildIds);
       clearPresentationTimers();
       finishAnimationGroupSteps(activeGroup, setPresentationElementStates, completedStates);
-      scheduleAutoAdvanceChain(controller);
+      scheduleAutoAdvanceChain(controller, buildPlaybackContext());
       return true;
     }
     if (!controller || !controller.hasMoreSteps()) {
@@ -1325,24 +1176,12 @@ function useAnimationPlayback(input) {
     if (!group) {
       return false;
     }
-    applyAnimationGroupSteps(
-      group,
-      onPlayActionSound,
-      setPresentationElementStates,
-      presentationTimersRef
-    );
+    const ctx = buildPlaybackContext();
+    playGroup(controller, group, ctx);
     markAnimationGroupActive(group);
-    startBuildReveal(controller, group);
-    scheduleAutoAdvanceChain(controller);
+    scheduleAutoAdvanceChain(controller, ctx);
     return true;
-  }, [
-    animationsEnabled,
-    clearPresentationTimers,
-    markAnimationGroupActive,
-    onPlayActionSound,
-    scheduleAutoAdvanceChain,
-    startBuildReveal
-  ]);
+  }, [animationsEnabled, buildPlaybackContext, clearPresentationTimers, markAnimationGroupActive]);
   const handleInteractiveShapeClick = useCallback(
     (shapeId) => {
       const controller = controllerRef.current;
@@ -1353,16 +1192,10 @@ function useAnimationPlayback(input) {
       if (!group) {
         return false;
       }
-      applyAnimationGroupSteps(
-        group,
-        onPlayActionSound,
-        setPresentationElementStates,
-        presentationTimersRef
-      );
-      startBuildReveal(controller, group);
+      playGroup(controller, group, buildPlaybackContext());
       return true;
     },
-    [onPlayActionSound, startBuildReveal]
+    [buildPlaybackContext]
   );
   const handleHoverStart = useCallback(
     (shapeId) => {
@@ -1378,16 +1211,10 @@ function useAnimationPlayback(input) {
       if (!group) {
         return false;
       }
-      applyAnimationGroupSteps(
-        group,
-        onPlayActionSound,
-        setPresentationElementStates,
-        presentationTimersRef
-      );
-      startBuildReveal(controller, group);
+      playGroup(controller, group, buildPlaybackContext());
       return true;
     },
-    [animationsEnabled, onPlayActionSound, startBuildReveal]
+    [animationsEnabled, buildPlaybackContext]
   );
   const handleHoverEnd = useCallback((shapeId) => {
     const controller = controllerRef.current;
@@ -1433,25 +1260,12 @@ function useAnimationPlayback(input) {
       }
       const controller = controllerRef.current;
       if (controller) {
-        scheduleOpeningAutoPlayGroup(controller, {
-          onPlayActionSound,
-          setPresentationElementStates,
-          presentationTimersRef,
-          startBuildReveal,
-          scheduleAutoAdvanceChain,
-          markAnimationGroupActive
-        });
+        const ctx = buildPlaybackContext();
+        scheduleOpeningAutoPlayGroup(controller, ctx);
       }
       scheduleEntranceAnimationTimers(slide, setPresentationAnimations, presentationTimersRef);
     },
-    [
-      animationsEnabled,
-      slides,
-      onPlayActionSound,
-      markAnimationGroupActive,
-      scheduleAutoAdvanceChain,
-      startBuildReveal
-    ]
+    [animationsEnabled, slides, buildPlaybackContext]
   );
   const runPresentationEntranceAnimations = useCallback(
     (slideIndex, options) => {
@@ -3992,93 +3806,19 @@ function useLoadContent({
               }
             })
           );
-          const elementPatches = /* @__PURE__ */ new Map();
-          for (const ref of imageRefs) {
-            const url = resolvedMap.get(ref.path);
-            if (!url) {
-              continue;
-            }
-            const id = ref.element.id;
-            const existing = elementPatches.get(id) ?? {};
-            existing[ref.field] = url;
-            elementPatches.set(id, existing);
-          }
-          if (elementPatches.size > 0) {
-            const patchElements = (elements) => {
-              let mutated = false;
-              const next = elements.map((el) => {
-                let updated = el;
-                const patch = elementPatches.get(el.id);
-                if (patch) {
-                  updated = { ...el, ...patch };
-                }
-                if (updated.type === "group" && updated.children?.length) {
-                  const newChildren = patchElements(updated.children);
-                  if (newChildren !== updated.children) {
-                    updated = { ...updated, children: newChildren };
-                  }
-                }
-                if (updated !== el) {
-                  mutated = true;
-                }
-                return updated;
-              });
-              return mutated ? next : elements;
-            };
-            nextSlides = parsed.slides.map((s) => {
-              const newElements = patchElements(s.elements);
-              return newElements === s.elements ? s : { ...s, elements: newElements };
-            });
-          }
-        }
-        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
-            );
-          }
+          nextSlides = parsed.slides.map((s) => {
+            const newElements = applyImagePathPatches(s.elements, resolvedMap, imageRefs);
+            return newElements === s.elements ? s : { ...s, elements: newElements };
+          });
         }
+        nextSlides = await resolveTableCellImageUrls(
+          nextSlides,
+          (path) => handler.getImageData(path)
+        );
+        const nextTableStyleMap = await resolveTableStyleImageUrls(
+          parsed.tableStyleMap,
+          (path) => handler.getImageData(path)
+        );
         handlerRef.current = handler;
         const partition = partitionTemplateElements(nextSlides);
         setSlides(partition.slides);
@@ -4312,19 +4052,7 @@ function useElementOperations(input) {
           }));
         }
       } else {
-        setSlides(
-          (prev) => prev.map(
-            (s, i) => i !== activeSlideIndex ? s : {
-              ...s,
-              elements: s.elements.map(
-                (el) => el.id === elementId ? {
-                  ...el,
-                  ...updates
-                } : el
-              )
-            }
-          )
-        );
+        setSlides((prev) => updateElement(prev, activeSlideIndex, elementId, updates));
       }
       history.markDirty();
     },
@@ -4555,15 +4283,12 @@ function useSectionOperations(input) {
 }
 
 // src/viewer/hooks/pointer-move-handlers.ts
-function computeResizeGeometry(handle, startX, startY, startWidth, startHeight, dx, dy, snapToGrid, gridSpacingPx) {
-  const resized = applyResize(
-    { x: startX, y: startY, width: startWidth, height: startHeight },
-    handle,
-    dx,
-    dy,
-    1,
-    { minSize: MIN_ELEMENT_SIZE }
-  );
+function computeResizeGeometry(handle, startX, startY, startWidth, startHeight, dx, dy, snapToGrid, gridSpacingPx, lockAspect = false) {
+  const startBox = { x: startX, y: startY, width: startWidth, height: startHeight };
+  let resized = applyResize(startBox, handle, dx, dy, 1, { minSize: MIN_ELEMENT_SIZE });
+  if (lockAspect) {
+    resized = lockResizeAspect(resized, startBox, handle, MIN_ELEMENT_SIZE);
+  }
   const box = { x: resized.x, y: resized.y, width: resized.width, height: resized.height };
   if (!snapToGrid) {
     return box;
@@ -4745,7 +4470,8 @@ function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx, live)
     dx,
     dy,
     snapToGrid,
-    gridSpacingPx
+    gridSpacingPx,
+    e.shiftKey
   );
   rs.lastX = geo.x;
   rs.lastY = geo.y;