pptx-react-viewer 3.11.0 → 3.13.0

package/dist/{chunk-VHFPZBUW.mjs → chunk-M7SNS3DQ.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, buildPdfFromImageData, buildNotesPdf, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-5T4Y4QPV.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, createActiveAnimationGroup, cancelBuildReveal, clearPlaybackTimers, PresentationAnimationController, resolveMediaTimeNodeElementIds, advanceMainSequence, 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, firstShowSlideIndex, attachPresentationVisibilityPause, presentationEntrySlideIndex, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, visibleTemplateElements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, resolveMediaElementSource, collectImagePaths, applyImagePathPatches, resolveTableCellImageUrls, resolveTableStyleImageUrls, partitionTemplateElements, seedRecentColors, resolveAuthoredCustomShowId, buildInitialGuides, readOnlyRecommendation, compatibilityWarningToasts, EncryptedFileError, resolveAutosaveIntervalMs, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, hasTextProperties, remapTextToSegments, updateMasterViewElement, isTemplateElementId, updateElement, hasShapeProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, masterViewElements, replaceMasterViewElements, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, canInteractWithElement, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, downloadBlob, resolveImageResolutionScale, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, describeFontEmbedding, isMobileViewport, resolveAuthoredSlideRange, mayLeaveSlideShow, stopAllPersistentAudio, guidePxToEmu, buildSaveSlides, buildDeckSaveOptions, resolveSlideSizeSelection, saveDeckWithPassword, shouldProbeAutosaveRecovery, probeAutosaveRecovery, acceptAutosaveRecovery, discardAutosaveRecovery, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, collectReferencedFontFamilies, resolveGoogleWebfontHref, mapSlideShowStartKey, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, shouldRoomSlidesReplaceLoad, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, detectTouchDevice, detectOrientation, deriveViewportBreakpoints, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, checkModifyPassword, viewerPreferencesFromViewProperties, DEFAULT_VIEWER_PREFERENCES, viewPropertiesPatchFromPreferences, openPptxFile, readBackstageRecentFile, isActionHidden, resolveInlineEditAutoFitHeight, resolveInlineEditNormAutofitShrink, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, mapPresentationWheel, openPendingPrintWindow, computeColorFilter, filterHiddenSlideIndices, computeSlideIndices, buildPrintDocument, finishPrintWindow, buildPrintHtmlDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, reResolveElementColors, scheduleAutoAdvanceChain, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, resolveTransitionSoundAction, runPresentationAction, safeOpenUrl, toggleStageElementMedia, resolveOleVerbTarget, downloadDataUrl, openUrlInNewTab, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, addCommentToList, removeCommentFromList, editCommentInList, toggleCommentResolvedInList, canvasToJpegData, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, computeGridSpacingPx, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, resolveHistoryDepth, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, replyToCommentInList, 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, applyResize, lockResizeAspect, snapBoxToGrid, applyMotionPathPreset } from './chunk-6BNPHEEX.mjs';
-import { translationsEn } from './chunk-TAGG5YNA.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, buildPdfFromTiledImageData, buildNotesPdf, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-Y3SA5H5H.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, createActiveAnimationGroup, cancelBuildReveal, clearPlaybackTimers, PresentationAnimationController, resolveMediaTimeNodeElementIds, advanceMainSequence, 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, firstShowSlideIndex, attachPresentationVisibilityPause, presentationEntrySlideIndex, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, visibleTemplateElements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, resolveMediaElementSource, collectImagePaths, applyImagePathPatches, resolveTableCellImageUrls, resolveTableStyleImageUrls, partitionTemplateElements, seedRecentColors, resolveAuthoredCustomShowId, buildInitialGuides, readOnlyRecommendation, compatibilityWarningToasts, EncryptedFileError, resolveAutosaveIntervalMs, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, hasTextProperties, remapTextToSegments, updateMasterViewElement, isTemplateElementId, updateElement, hasShapeProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, masterViewElements, replaceMasterViewElements, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, canInteractWithElement, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, downloadBlob, resolveImageResolutionScale, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, describeFontEmbedding, isMobileViewport, resolveAuthoredSlideRange, mayLeaveSlideShow, stopAllPersistentAudio, guidePxToEmu, buildSaveSlides, buildDeckSaveOptions, resolveSlideSizeSelection, saveDeckWithPassword, shouldProbeAutosaveRecovery, probeAutosaveRecovery, acceptAutosaveRecovery, discardAutosaveRecovery, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, collectReferencedFontFamilies, resolveGoogleWebfontHref, mapSlideShowStartKey, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, shouldRoomSlidesReplaceLoad, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, detectTouchDevice, detectOrientation, deriveViewportBreakpoints, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, checkModifyPassword, viewerPreferencesFromViewProperties, DEFAULT_VIEWER_PREFERENCES, viewPropertiesPatchFromPreferences, openPptxFile, readBackstageRecentFile, isActionHidden, buildInlineTextCommitPatch, resolveInlineEditAutoFitHeight, resolveInlineEditNormAutofitShrink, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, mapPresentationWheel, openPendingPrintWindow, computeColorFilter, filterHiddenSlideIndices, computeSlideIndices, buildPrintDocument, finishPrintWindow, buildPrintHtmlDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, reResolveElementColors, scheduleAutoAdvanceChain, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, resolveTransitionSoundAction, runPresentationAction, safeOpenUrl, buildRunProgramNotice, toggleStageElementMedia, resolveOleVerbTarget, downloadDataUrl, openUrlInNewTab, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, addCommentToList, removeCommentFromList, editCommentInList, toggleCommentResolvedInList, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, computeGridSpacingPx, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, resolveHistoryDepth, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, replyToCommentInList, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, setCellText, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, rasterResultToPngBlob, rasterizeElementTiles, placeTileOnPage, PDF_SLIDES_PAGE_WIDTH_PT, PDF_SLIDES_PAGE_HEIGHT_PT, canvasToJpegData, rasterizeElementClampedToCanvas, isPpactionUrl, parsePpactionUrl, resolvePresentationAction, ACTION_BUTTON_PRESETS, elementActionToPptxAction, isUrlSafe, buildSmartArtPresetData, classifyMediaType, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, rasterizeElement, shouldConfirmExternalHyperlink, applyResize, lockResizeAspect, snapBoxToGrid, applyMotionPathPreset } from './chunk-TS2DHMBS.mjs';
+import { translationsEn } from './chunk-HMX3MQR7.mjs';
 import { createContext, useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect, useContext, useImperativeHandle, useSyncExternalStore } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -1016,7 +1016,14 @@ function scheduleEntranceAnimationTimers(slide, setPresentationAnimations, prese
 
 // src/viewer/hooks/presentation-mode/useAnimationPlayback.ts
 function useAnimationPlayback(input) {
-  const { slides, onPlayActionSound, showWithAnimation, canvasSize, themeColorMap } = input;
+  const {
+    slides,
+    onPlayActionSound,
+    showWithAnimation,
+    canvasSize,
+    themeColorMap,
+    pixelateMosaicAnimation
+  } = input;
   const animationsEnabled = showWithAnimation !== false;
   const [presentationAnimations, setPresentationAnimations] = useState([]);
   const [presentationElementStates, setPresentationElementStates] = useState(/* @__PURE__ */ new Map());
@@ -1067,7 +1074,8 @@ function useAnimationPlayback(input) {
       const controller = PresentationAnimationController.fromSlide(slide, {
         slideHeightPx: canvasSize?.height,
         slideWidthPx: canvasSize?.width,
-        themeColorMap
+        themeColorMap,
+        pixelateMosaic: pixelateMosaicAnimation
       });
       controllerRef.current = controller;
       mediaTimeNodeElementIdsRef.current = resolveMediaTimeNodeElementIds(
@@ -1078,7 +1086,7 @@ function useAnimationPlayback(input) {
       setHoverTriggerShapeIds(controller.hoverTriggerShapeIds);
       setPresentationElementStates(controller.computeStates());
     },
-    [slides, canvasSize, themeColorMap]
+    [slides, canvasSize, themeColorMap, pixelateMosaicAnimation]
   );
   const playNextAnimationGroup = useCallback(() => {
     if (!animationsEnabled) {
@@ -1758,7 +1766,8 @@ function handlePresentationActionImpl(action, deps) {
       openFile: deps.onOpenFile,
       openPresentation: deps.onOpenPresentation,
       playMedia: deps.onPlayMedia,
-      oleVerb: deps.onOleVerb
+      oleVerb: deps.onOleVerb,
+      runProgram: deps.onRunProgram
     }
   );
 }
@@ -1830,7 +1839,8 @@ function useSlideNavigation(input) {
     onOpenFile,
     onOpenPresentation,
     onPlayMedia,
-    onOleVerb
+    onOleVerb,
+    onRunProgram
   } = input;
   const movePresentationSlideRef = useRef(() => {
   });
@@ -1996,7 +2006,8 @@ function useSlideNavigation(input) {
         onOpenFile,
         onOpenPresentation,
         onPlayMedia,
-        onOleVerb
+        onOleVerb,
+        onRunProgram
       });
     },
     [
@@ -2010,7 +2021,8 @@ function useSlideNavigation(input) {
       onOpenFile,
       onOpenPresentation,
       onPlayMedia,
-      onOleVerb
+      onOleVerb,
+      onRunProgram
     ]
   );
   return {
@@ -2102,7 +2114,8 @@ function usePresentationActionExtensions(input) {
     containerRef,
     endWithBlackSlide,
     onSetMode,
-    setEndOfShowVisible
+    setEndOfShowVisible,
+    onAddRunProgramNotice
   } = input;
   const navigateToSlideRef = useRef(null);
   const navigateToSlideViaRef = useCallback((index) => {
@@ -2140,6 +2153,12 @@ function usePresentationActionExtensions(input) {
   const onOpenPresentation = useCallback((target) => {
     safeOpenUrl(target);
   }, []);
+  const onRunProgram = useCallback(
+    (target) => {
+      onAddRunProgramNotice?.(buildRunProgramNotice(target));
+    },
+    [onAddRunProgramNotice]
+  );
   const onPlayMedia = useCallback(
     (elementId) => {
       toggleStageElementMedia(containerRef.current, elementId);
@@ -2180,6 +2199,7 @@ function usePresentationActionExtensions(input) {
     onOpenPresentation,
     onPlayMedia,
     onOleVerb,
+    onRunProgram,
     handleAdvancePastLastSlide,
     bindNavigateToSlide
   };
@@ -2244,6 +2264,7 @@ function usePresentationMode(input) {
     visibleSlideIndexes,
     canvasSize,
     themeColorMap,
+    pixelateMosaicAnimation,
     activeSlideIndex,
     containerRef,
     content,
@@ -2263,7 +2284,8 @@ function usePresentationMode(input) {
     endWithBlackSlide = true,
     customShows = [],
     activeCustomShowId = null,
-    onSetActiveCustomShowId
+    onSetActiveCustomShowId,
+    onAddRunProgramNotice
   } = input;
   const [presentationSlideIndex, setPresentationSlideIndex] = useState(0);
   const [presentationSlideVisible, setPresentationSlideVisible] = useState(true);
@@ -2297,7 +2319,8 @@ function usePresentationMode(input) {
     onPlayActionSound,
     showWithAnimation,
     canvasSize,
-    themeColorMap
+    themeColorMap,
+    pixelateMosaicAnimation
   });
   const {
     rehearsing,
@@ -2333,7 +2356,8 @@ function usePresentationMode(input) {
     containerRef,
     endWithBlackSlide,
     onSetMode,
-    setEndOfShowVisible
+    setEndOfShowVisible,
+    onAddRunProgramNotice
   });
   const {
     movePresentationSlide: moveNavigationSlide,
@@ -2367,7 +2391,8 @@ function usePresentationMode(input) {
     onOpenFile: actionExtensions.onOpenFile,
     onOpenPresentation: actionExtensions.onOpenPresentation,
     onPlayMedia: actionExtensions.onPlayMedia,
-    onOleVerb: actionExtensions.onOleVerb
+    onOleVerb: actionExtensions.onOleVerb,
+    onRunProgram: actionExtensions.onRunProgram
   });
   actionExtensions.bindNavigateToSlide(navigateToSlide);
   const movePresentationSlide = useCallback(
@@ -5119,13 +5144,17 @@ function useCanvasInteractions(input) {
     const el = elementLookup.get(editId);
     if (el && hasTextProperties(el)) {
       const committedText = transformCommittedText ? transformCommittedText(inlineEditingText) : inlineEditingText;
-      const newSegments = remapTextToSegments(committedText, el.textSegments, el.textStyle);
+      const textPatch = buildInlineTextCommitPatch(el, committedText);
+      if (!textPatch) {
+        setInlineEditingElementId(null);
+        setInlineEditingText("");
+        return;
+      }
       const editorEl = document.querySelector("[data-inline-editor]");
       const newHeight = resolveInlineEditAutoFitHeight(el.textStyle, el.height, editorEl);
       const shrink = resolveInlineEditNormAutofitShrink(el.textStyle, el.height, editorEl);
       ops.updateElementById(editId, {
-        text: committedText,
-        textSegments: newSegments,
+        ...textPatch,
         ...newHeight !== void 0 ? { height: newHeight } : {},
         ...shrink !== "unchanged" ? {
           textStyle: {
@@ -7031,26 +7060,70 @@ function safeConfirm(message) {
 }
 
 // src/viewer/utils/export-helpers.ts
-async function renderElementToCanvas(element, scale = 2, backgroundColor) {
-  const canvas = await renderToCanvas(element, {
+function ignoreExportOverlayElements(el) {
+  const htmlEl = el;
+  if (htmlEl.dataset?.exportIgnore === "true") {
+    return true;
+  }
+  return Boolean(
+    htmlEl.classList?.contains("pointer-events-none") && (htmlEl.classList.contains("z-50") || htmlEl.classList.contains("z-[60]"))
+  );
+}
+function measureNaturalSize(element) {
+  const rect = element.getBoundingClientRect();
+  return {
+    width: rect.width || element.offsetWidth,
+    height: rect.height || element.offsetHeight
+  };
+}
+function buildRasterOptions(element, scale, backgroundColor, mode) {
+  return {
     scale,
-    useCORS: true,
-    allowTaint: true,
-    backgroundColor: backgroundColor ?? null,
-    logging: false,
-    // Ignore elements that interfere with export (selection overlays, snap lines, etc.)
-    ignoreElements: (el) => {
-      const htmlEl = el;
-      if (htmlEl.dataset?.exportIgnore === "true") {
-        return true;
-      }
-      if (htmlEl.classList?.contains("pointer-events-none") && (htmlEl.classList.contains("z-50") || htmlEl.classList.contains("z-[60]"))) {
-        return true;
-      }
-      return false;
-    }
-  });
-  return canvas;
+    backgroundColor,
+    mode,
+    html2canvasFallback: (sourceRect, outputSize) => renderToCanvas(element, {
+      scale: outputSize.width / (sourceRect.width || 1),
+      x: sourceRect.x,
+      y: sourceRect.y,
+      width: sourceRect.width,
+      height: sourceRect.height,
+      useCORS: true,
+      allowTaint: true,
+      backgroundColor: backgroundColor ?? null,
+      logging: false,
+      ignoreElements: ignoreExportOverlayElements
+    })
+  };
+}
+async function renderElementToRaster(element, scale = 2, backgroundColor, mode = "auto") {
+  const { width, height } = measureNaturalSize(element);
+  return rasterizeElement(
+    element,
+    width,
+    height,
+    element.ownerDocument,
+    buildRasterOptions(element, scale, backgroundColor, mode)
+  );
+}
+async function renderElementToTiles(element, scale = 2, backgroundColor, mode = "auto") {
+  const { width, height } = measureNaturalSize(element);
+  return rasterizeElementTiles(
+    element,
+    width,
+    height,
+    element.ownerDocument,
+    buildRasterOptions(element, scale, backgroundColor, mode)
+  );
+}
+async function renderElementToClampedCanvas(element, scale = 2, backgroundColor, mode = "auto") {
+  const { width, height } = measureNaturalSize(element);
+  return rasterizeElementClampedToCanvas(
+    element,
+    width,
+    height,
+    element.ownerDocument,
+    buildRasterOptions(element, scale, backgroundColor, mode)
+  );
 }
 function waitForRender(ms = 100) {
   return new Promise((resolve) => {
@@ -7065,16 +7138,8 @@ function waitForRender(ms = 100) {
 // src/viewer/utils/export-slides.ts
 async function exportSlideToPngBlob(slideElement, options = {}) {
   const { scale = 2, backgroundColor } = options;
-  const canvas = await renderElementToCanvas(slideElement, scale, backgroundColor);
-  return new Promise((resolve, reject) => {
-    canvas.toBlob((blob) => {
-      if (blob) {
-        resolve(blob);
-      } else {
-        reject(new Error("Canvas toBlob returned null"));
-      }
-    }, "image/png");
-  });
+  const result = await renderElementToRaster(slideElement, scale, backgroundColor);
+  return rasterResultToPngBlob(result);
 }
 async function exportSlideAsPng(slideElement, slideIndex, options = {}) {
   const blob = await exportSlideToPngBlob(slideElement, options);
@@ -7084,13 +7149,10 @@ async function copySlideToClipboard(slideElement, options = {}) {
   const blob = await exportSlideToPngBlob(slideElement, options);
   await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
 }
-async function exportAllSlidesAsPdf(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, filename = "presentation.pdf", options = {}) {
-  const { scale = 2, onProgress, signal } = options;
-  const images = [];
+async function captureAllSlidesAsPngDataUrls(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, options = {}) {
+  const { scale = 2, onProgress } = options;
+  const dataUrls = [];
   for (let i = 0; i < totalSlides; i++) {
-    if (signal?.aborted) {
-      throw new DOMException("Export cancelled", "AbortError");
-    }
     onProgress?.(i, totalSlides);
     setActiveSlide(i);
     await waitForRender(150);
@@ -7099,21 +7161,34 @@ async function exportAllSlidesAsPdf(slideStageRef, totalSlides, setActiveSlide,
       console.warn(`[export] Could not find slide stage element for slide ${i}`);
       continue;
     }
-    const canvas = await renderElementToCanvas(stageEl, scale);
-    images.push(canvasToJpegData(canvas));
+    const { canvas } = await renderElementToClampedCanvas(stageEl, scale);
+    dataUrls.push(canvas.toDataURL("image/png"));
   }
   onProgress?.(totalSlides, totalSlides);
   setActiveSlide(currentSlideIndex);
-  if (images.length === 0) {
-    throw new Error(translationsEn["pptx.export.errorNoSlidesPdf"]);
-  }
-  const pdfBlobUrl = buildPdfFromImageData(images);
-  downloadDataUrl(pdfBlobUrl, filename);
+  return dataUrls;
 }
-async function captureAllSlidesAsPngDataUrls(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, options = {}) {
-  const { scale = 2, onProgress } = options;
-  const dataUrls = [];
+
+// src/viewer/utils/export-pdf.ts
+function tilesToPdfPage(tilesResult) {
+  return tilesResult.tiles.map((tile) => ({
+    image: canvasToJpegData(tile.canvas),
+    placement: placeTileOnPage(
+      tile,
+      tilesResult.fullWidth,
+      tilesResult.fullHeight,
+      PDF_SLIDES_PAGE_WIDTH_PT,
+      PDF_SLIDES_PAGE_HEIGHT_PT
+    )
+  }));
+}
+async function exportAllSlidesAsPdf(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, filename = "presentation.pdf", options = {}) {
+  const { scale = 2, onProgress, signal } = options;
+  const pages = [];
   for (let i = 0; i < totalSlides; i++) {
+    if (signal?.aborted) {
+      throw new DOMException("Export cancelled", "AbortError");
+    }
     onProgress?.(i, totalSlides);
     setActiveSlide(i);
     await waitForRender(150);
@@ -7122,12 +7197,16 @@ async function captureAllSlidesAsPngDataUrls(slideStageRef, totalSlides, setActi
       console.warn(`[export] Could not find slide stage element for slide ${i}`);
       continue;
     }
-    const canvas = await renderElementToCanvas(stageEl, scale);
-    dataUrls.push(canvas.toDataURL("image/png"));
+    const tilesResult = await renderElementToTiles(stageEl, scale);
+    pages.push(tilesToPdfPage(tilesResult));
   }
   onProgress?.(totalSlides, totalSlides);
   setActiveSlide(currentSlideIndex);
-  return dataUrls;
+  if (pages.length === 0) {
+    throw new Error(translationsEn["pptx.export.errorNoSlidesPdf"]);
+  }
+  const pdfBlobUrl = buildPdfFromTiledImageData(pages);
+  downloadDataUrl(pdfBlobUrl, filename);
 }
 async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, slideNotes, filename = "presentation-notes.pdf", options = {}) {
   const { scale = 2, onProgress, signal } = options;
@@ -7144,7 +7223,7 @@ async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSl
       console.warn(`[export] Could not find slide stage element for slide ${i}`);
       continue;
     }
-    const canvas = await renderElementToCanvas(stageEl, scale);
+    const { canvas } = await renderElementToClampedCanvas(stageEl, scale);
     pages.push({
       canvas,
       notes: slideNotes[i],
@@ -7183,7 +7262,7 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
       console.warn(`[export] Could not find slide stage element for slide ${i}`);
       continue;
     }
-    const canvas = await renderElementToCanvas(stageEl, scale);
+    const { canvas } = await renderElementToClampedCanvas(stageEl, scale);
     slideCanvases.push(canvas);
   }
   setActiveSlide(currentSlideIndex);
@@ -7258,7 +7337,7 @@ async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide,
     if (!stageEl) {
       continue;
     }
-    const canvas = await renderElementToCanvas(stageEl, scale);
+    const { canvas } = await renderElementToClampedCanvas(stageEl, scale);
     const ctx = canvas.getContext("2d");
     if (!ctx) {
       continue;
@@ -8813,12 +8892,14 @@ function usePresentationSetup(input) {
     setSlides,
     history,
     endWithBlackSlide = true,
+    pixelateMosaicAnimation = false,
     promptKeepInkAnnotations = true,
     popupToolbarEnabled = true,
     onToggleSubtitles,
     customShows = [],
     activeCustomShowId = null,
-    onSetActiveCustomShowId
+    onSetActiveCustomShowId,
+    onAddRunProgramNotice
   } = input;
   const actionSoundHandlerRef = useRef(null);
   const exitModeHandlerRef = useRef(null);
@@ -8834,6 +8915,7 @@ function usePresentationSetup(input) {
     visibleSlideIndexes,
     canvasSize,
     themeColorMap,
+    pixelateMosaicAnimation,
     activeSlideIndex,
     containerRef,
     content,
@@ -8919,7 +9001,8 @@ function usePresentationSetup(input) {
     endWithBlackSlide,
     customShows,
     activeCustomShowId,
-    onSetActiveCustomShowId
+    onSetActiveCustomShowId,
+    onAddRunProgramNotice
   });
   return {
     presentation,