pptx-react-viewer 3.12.0 → 3.14.0

package/dist/{chunk-WRHPPTYF.mjs → chunk-GQMVEUHM.mjs}

@@ -1,5 +1,5 @@
-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-HXDNYDRJ.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, 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-C2BDHCL2.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-OVOXRK7D.mjs';
+import { GlyphOutlineFontCache, createGlyphOutlineLookup, DEFAULT_VIEWER_OPTIONS, TOOLBAR_TABS, MIN_TOUCH_TARGET_PX, 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, 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, selectGoogleWebfontFamilies, fetchGoogleWebfontOutlineBytes, 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, downloadBlob, 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, resolveExportCaptureDecision, recordProgressPercent, 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, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, GIF_POST_CAPTURE_MAX_SIDE, encodeGif, rasterResultToPngBlob, rasterizeElementTiles, placeTileOnPage, PDF_SLIDES_PAGE_WIDTH_PT, PDF_SLIDES_PAGE_HEIGHT_PT, canvasToJpegData, rasterizeElementTiledToCanvas, isPpactionUrl, parsePpactionUrl, resolvePresentationAction, ACTION_BUTTON_PRESETS, elementActionToPptxAction, isUrlSafe, buildSmartArtPresetData, classifyMediaType, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, clampGifDimensions, rasterizeElement, shouldConfirmExternalHyperlink, applyResize, lockResizeAspect, snapBoxToGrid, applyMotionPathPreset } from './chunk-HADPGII2.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';
@@ -3960,6 +3960,12 @@ function useViewerState(input) {
   const ui = useViewerUIState();
   return { ...core, ...ui };
 }
+
+// src/viewer/utils/glyph-outline-cache.ts
+var glyphOutlineFontCache = new GlyphOutlineFontCache();
+var getGlyphOutline = createGlyphOutlineLookup(glyphOutlineFontCache);
+
+// src/viewer/hooks/useLoadContent.ts
 function useLoadContent({
   content,
   clearSelection,
@@ -4138,6 +4144,7 @@ function useLoadContent({
         setCoreProperties(parsed.coreProperties);
         setAppProperties(parsed.appProperties);
         setEmbeddedFonts(parsed.embeddedFonts ?? []);
+        glyphOutlineFontCache.registerEmbeddedFonts(parsed.embeddedFonts ?? []);
         setHasMacros(parsed.hasMacros === true);
         setHasDigitalSignatures(parsed.hasDigitalSignatures === true);
         setDigitalSignatureCount(parsed.digitalSignatureCount ?? 0);
@@ -7043,43 +7050,71 @@ function useExportSaveAs(input) {
   };
 }
 
-// src/viewer/utils/dom-helpers.ts
-function safePrompt(message, defaultValue) {
-  try {
-    return window.prompt(message, defaultValue);
-  } catch {
-    return null;
+// src/viewer/utils/export-helpers.ts
+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 safeConfirm(message) {
-  try {
-    return window.confirm(message);
-  } catch {
-    return false;
-  }
+function measureNaturalSize(element) {
+  const rect = element.getBoundingClientRect();
+  return {
+    width: rect.width || element.offsetWidth,
+    height: rect.height || element.offsetHeight
+  };
 }
-
-// src/viewer/utils/export-helpers.ts
-async function renderElementToCanvas(element, scale = 2, backgroundColor) {
-  const canvas = await renderToCanvas(element, {
+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 renderElementToTiledCanvas(element, scale = 2, backgroundColor, mode = "auto") {
+  const { width, height } = measureNaturalSize(element);
+  return rasterizeElementTiledToCanvas(
+    element,
+    width,
+    height,
+    element.ownerDocument,
+    buildRasterOptions(element, scale, backgroundColor, mode)
+  );
 }
 function waitForRender(ms = 100) {
   return new Promise((resolve) => {
@@ -7094,16 +7129,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);
@@ -7113,13 +7140,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);
@@ -7128,21 +7152,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 renderElementToTiledCanvas(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);
@@ -7151,12 +7188,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;
@@ -7173,7 +7214,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 renderElementToTiledCanvas(stageEl, scale);
     pages.push({
       canvas,
       notes: slideNotes[i],
@@ -7212,7 +7253,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 renderElementToTiledCanvas(stageEl, scale);
     slideCanvases.push(canvas);
   }
   setActiveSlide(currentSlideIndex);
@@ -7273,8 +7314,34 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
 }
 
 // src/viewer/utils/export-gif.ts
+function frameFromCanvas(canvas, maxSide) {
+  const { width, height } = clampGifDimensions(canvas.width, canvas.height, maxSide);
+  let source = canvas;
+  if (width !== canvas.width || height !== canvas.height) {
+    const scaled = canvas.ownerDocument.createElement("canvas");
+    scaled.width = width;
+    scaled.height = height;
+    const scaledCtx = scaled.getContext("2d");
+    if (!scaledCtx) {
+      return void 0;
+    }
+    scaledCtx.drawImage(canvas, 0, 0, width, height);
+    source = scaled;
+  }
+  const ctx = source.getContext("2d");
+  if (!ctx) {
+    return void 0;
+  }
+  return { imageData: ctx.getImageData(0, 0, width, height), width, height };
+}
 async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, options = {}) {
-  const { scale = 0.5, slideDurationMs = 2e3, onProgress, signal } = options;
+  const {
+    scale = 0.5,
+    slideDurationMs = 2e3,
+    maxSide = GIF_POST_CAPTURE_MAX_SIDE,
+    onProgress,
+    signal
+  } = options;
   const frames = [];
   for (let i = 0; i < totalSlides; i++) {
     if (signal?.aborted) {
@@ -7287,17 +7354,12 @@ async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide,
     if (!stageEl) {
       continue;
     }
-    const canvas = await renderElementToCanvas(stageEl, scale);
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
+    const { canvas } = await renderElementToTiledCanvas(stageEl, scale);
+    const frame = frameFromCanvas(canvas, maxSide);
+    if (!frame) {
       continue;
     }
-    const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-    frames.push({
-      imageData,
-      width: canvas.width,
-      height: canvas.height
-    });
+    frames.push(frame);
   }
   setActiveSlide(currentSlideIndex);
   if (frames.length === 0) {
@@ -7368,6 +7430,149 @@ function exportAllSlidesToSvg(data, options = {}) {
   return results;
 }
 
+// src/viewer/utils/dom-helpers.ts
+function safePrompt(message, defaultValue) {
+  try {
+    return window.prompt(message, defaultValue);
+  } catch {
+    return null;
+  }
+}
+function safeConfirm(message) {
+  try {
+    return window.confirm(message);
+  } catch {
+    return false;
+  }
+}
+
+// src/viewer/hooks/useExportMediaHandlers.ts
+function useExportMediaHandlers(input) {
+  const {
+    slides,
+    activeSlideIndex,
+    canvasStageRef,
+    setActiveSlideIndex,
+    imageResolutionScale = 1,
+    exportAbortRef,
+    setExportModalOpen,
+    setExportModalTitle,
+    setExportProgress,
+    setExportStatusMessage
+  } = input;
+  const handleExportVideo = useCallback(async () => {
+    if (!canvasStageRef.current) {
+      return;
+    }
+    const abortCtrl = new AbortController();
+    exportAbortRef.current = abortCtrl;
+    setExportModalTitle("Export as Video");
+    setExportStatusMessage("Capturing slides...");
+    setExportProgress(0);
+    setExportModalOpen(true);
+    try {
+      const { scale } = resolveExportCaptureDecision(imageResolutionScale, "video");
+      const blob = await exportAllSlidesAsVideo(
+        canvasStageRef,
+        slides.length,
+        setActiveSlideIndex,
+        activeSlideIndex,
+        {
+          scale,
+          slideDurationMs: 3e3,
+          onProgress: (current, total) => {
+            setExportProgress(slideProgressPercent(current, total, 45));
+            setExportStatusMessage(slideStatusLabel("Capturing", current, total));
+          },
+          onRecordProgress: (current, total) => {
+            setExportProgress(recordProgressPercent(current, total));
+            setExportStatusMessage(slideStatusLabel("Recording", current, total));
+          },
+          signal: abortCtrl.signal
+        }
+      );
+      setExportProgress(EXPORT_ASSEMBLING_PERCENT);
+      setExportStatusMessage("Saving file...");
+      downloadBlob(blob, "presentation.webm");
+      setExportProgress(EXPORT_DONE_PERCENT);
+    } catch (err) {
+      if (!isExportAbortError(err)) {
+        console.error("[PowerPointViewer] Video export failed:", err);
+      }
+    } finally {
+      exportAbortRef.current = null;
+      setExportModalOpen(false);
+    }
+  }, [
+    canvasStageRef,
+    slides.length,
+    setActiveSlideIndex,
+    activeSlideIndex,
+    imageResolutionScale,
+    exportAbortRef,
+    setExportModalOpen,
+    setExportModalTitle,
+    setExportProgress,
+    setExportStatusMessage
+  ]);
+  const handleExportGif = useCallback(async () => {
+    if (!canvasStageRef.current) {
+      return;
+    }
+    const abortCtrl = new AbortController();
+    exportAbortRef.current = abortCtrl;
+    setExportModalTitle("Export as GIF");
+    setExportStatusMessage("Capturing slides...");
+    setExportProgress(0);
+    setExportModalOpen(true);
+    try {
+      const { scale, postCaptureMaxSide } = resolveExportCaptureDecision(
+        imageResolutionScale,
+        "gif"
+      );
+      const blob = await exportAllSlidesAsGif(
+        canvasStageRef,
+        slides.length,
+        setActiveSlideIndex,
+        activeSlideIndex,
+        {
+          scale,
+          maxSide: postCaptureMaxSide,
+          slideDurationMs: 2e3,
+          onProgress: (current, total) => {
+            setExportProgress(slideProgressPercent(current, total));
+            setExportStatusMessage(slideStatusLabel("Encoding", current, total));
+          },
+          signal: abortCtrl.signal
+        }
+      );
+      setExportProgress(EXPORT_ASSEMBLING_PERCENT);
+      setExportStatusMessage("Saving file...");
+      downloadBlob(blob, "presentation.gif");
+      setExportProgress(EXPORT_DONE_PERCENT);
+    } catch (err) {
+      if (!isExportAbortError(err)) {
+        console.error("[PowerPointViewer] GIF export failed:", err);
+      }
+    } finally {
+      exportAbortRef.current = null;
+      setExportModalOpen(false);
+    }
+  }, [
+    canvasStageRef,
+    slides.length,
+    setActiveSlideIndex,
+    activeSlideIndex,
+    imageResolutionScale,
+    exportAbortRef,
+    setExportModalOpen,
+    setExportModalTitle,
+    setExportProgress,
+    setExportStatusMessage
+  ]);
+  return { handleExportVideo, handleExportGif };
+}
+
 // src/viewer/hooks/useExportHandlers.ts
 function useExportHandlers(input) {
   const {
@@ -7392,13 +7597,26 @@ function useExportHandlers(input) {
     theme,
     canvasSize,
     slideSizeEmu,
-    imageExportScale
+    imageExportScale,
+    imageResolutionScale
   } = input;
   const [exportModalOpen, setExportModalOpen] = useState(false);
   const [exportModalTitle, setExportModalTitle] = useState("");
   const [exportProgress, setExportProgress] = useState(0);
   const [exportStatusMessage, setExportStatusMessage] = useState("");
   const exportAbortRef = useRef(null);
+  const { handleExportVideo, handleExportGif } = useExportMediaHandlers({
+    slides,
+    activeSlideIndex,
+    canvasStageRef,
+    setActiveSlideIndex,
+    imageResolutionScale,
+    exportAbortRef,
+    setExportModalOpen,
+    setExportModalTitle,
+    setExportProgress,
+    setExportStatusMessage
+  });
   const {
     handleExportJson,
     handleSaveAsFormat,
@@ -7539,88 +7757,6 @@ function useExportHandlers(input) {
       console.error("[PowerPointViewer] Copy slide as image failed:", err);
     }
   }, [canvasStageRef, activeSlide?.backgroundColor, imageExportScale]);
-  const handleExportVideo = useCallback(async () => {
-    if (!canvasStageRef.current) {
-      return;
-    }
-    const abortCtrl = new AbortController();
-    exportAbortRef.current = abortCtrl;
-    setExportModalTitle("Export as Video");
-    setExportStatusMessage("Capturing slides...");
-    setExportProgress(0);
-    setExportModalOpen(true);
-    try {
-      const blob = await exportAllSlidesAsVideo(
-        canvasStageRef,
-        slides.length,
-        setActiveSlideIndex,
-        activeSlideIndex,
-        {
-          scale: 1,
-          slideDurationMs: 3e3,
-          onProgress: (current, total) => {
-            setExportProgress(slideProgressPercent(current, total, 45));
-            setExportStatusMessage(slideStatusLabel("Capturing", current, total));
-          },
-          onRecordProgress: (current, total) => {
-            setExportProgress(recordProgressPercent(current, total));
-            setExportStatusMessage(slideStatusLabel("Recording", current, total));
-          },
-          signal: abortCtrl.signal
-        }
-      );
-      setExportProgress(EXPORT_ASSEMBLING_PERCENT);
-      setExportStatusMessage("Saving file...");
-      downloadBlob(blob, "presentation.webm");
-      setExportProgress(EXPORT_DONE_PERCENT);
-    } catch (err) {
-      if (!isExportAbortError(err)) {
-        console.error("[PowerPointViewer] Video export failed:", err);
-      }
-    } finally {
-      exportAbortRef.current = null;
-      setExportModalOpen(false);
-    }
-  }, [canvasStageRef, slides.length, setActiveSlideIndex, activeSlideIndex]);
-  const handleExportGif = useCallback(async () => {
-    if (!canvasStageRef.current) {
-      return;
-    }
-    const abortCtrl = new AbortController();
-    exportAbortRef.current = abortCtrl;
-    setExportModalTitle("Export as GIF");
-    setExportStatusMessage("Capturing slides...");
-    setExportProgress(0);
-    setExportModalOpen(true);
-    try {
-      const blob = await exportAllSlidesAsGif(
-        canvasStageRef,
-        slides.length,
-        setActiveSlideIndex,
-        activeSlideIndex,
-        {
-          scale: 0.5,
-          slideDurationMs: 2e3,
-          onProgress: (current, total) => {
-            setExportProgress(slideProgressPercent(current, total));
-            setExportStatusMessage(slideStatusLabel("Encoding", current, total));
-          },
-          signal: abortCtrl.signal
-        }
-      );
-      setExportProgress(EXPORT_ASSEMBLING_PERCENT);
-      setExportStatusMessage("Saving file...");
-      downloadBlob(blob, "presentation.gif");
-      setExportProgress(EXPORT_DONE_PERCENT);
-    } catch (err) {
-      if (!isExportAbortError(err)) {
-        console.error("[PowerPointViewer] GIF export failed:", err);
-      }
-    } finally {
-      exportAbortRef.current = null;
-      setExportModalOpen(false);
-    }
-  }, [canvasStageRef, slides.length, setActiveSlideIndex, activeSlideIndex]);
   const handleCancelExport = useCallback(() => {
     exportAbortRef.current?.abort();
     exportAbortRef.current = null;
@@ -9234,7 +9370,8 @@ function useIOHandlers(input) {
     serializeForRecovery,
     setContent,
     onContentChange,
-    imageExportScale
+    imageExportScale,
+    imageResolutionScale
   } = input;
   const exportHandlers = useExportHandlers({
     slides,
@@ -9258,7 +9395,8 @@ function useIOHandlers(input) {
     theme: state.theme,
     canvasSize,
     slideSizeEmu: state.slideSizeEmu,
-    imageExportScale
+    imageExportScale,
+    imageResolutionScale
   });
   const printHandlers = usePrintHandlers({
     slides,
@@ -9392,6 +9530,52 @@ function useFontInjection({ embeddedFonts, slides }) {
       }
     };
   }, [embeddedFonts, slides]);
+  const [, setOutlineFontsTick] = useState(0);
+  useEffect(() => {
+    let cancelled = false;
+    const referenced = collectReferencedFontFamilies(slides);
+    const candidates = selectGoogleWebfontFamilies(
+      referenced,
+      embeddedFonts.map((font) => font.name)
+    );
+    if (candidates.length === 0) {
+      return;
+    }
+    void resolveGoogleWebfontHref(slides, embeddedFonts).then(async (href) => {
+      if (cancelled || !href) {
+        return;
+      }
+      const boldItalicVariants = [
+        { bold: false, italic: false },
+        { bold: true, italic: false }
+      ];
+      let registeredAny = false;
+      for (const family of candidates) {
+        for (const variant of boldItalicVariants) {
+          if (cancelled) {
+            return;
+          }
+          const bytes = await fetchGoogleWebfontOutlineBytes(
+            href,
+            family,
+            variant.bold,
+            variant.italic,
+            fetch
+          );
+          if (bytes && glyphOutlineFontCache.registerFontBytes(family, variant.bold, variant.italic, bytes)) {
+            registeredAny = true;
+          }
+        }
+      }
+      if (registeredAny && !cancelled) {
+        setOutlineFontsTick((tick) => tick + 1);
+      }
+      return void 0;
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [embeddedFonts, slides]);
   useEffect(() => {
     const neededSymbolFonts = SYMBOL_FONT_FAMILIES.filter((f) => referencedFamilies.has(f));
     if (neededSymbolFonts.length === 0) {
@@ -9759,6 +9943,7 @@ function useViewerIntegration(input) {
     canEdit,
     promptKeepInkAnnotations,
     imageExportScale,
+    imageResolutionScale,
     mode,
     slides,
     activeSlide,
@@ -9844,7 +10029,8 @@ function useViewerIntegration(input) {
     serializeForRecovery,
     setContent,
     onContentChange,
-    imageExportScale
+    imageExportScale,
+    imageResolutionScale
   });
   const {
     showKeepAnnotationsDialog,
@@ -10510,7 +10696,7 @@ function useLayoutSwitching(input) {
     currentLayoutPath
   };
 }
-var MIN_TOUCH_TARGET = 44;
+var MIN_TOUCH_TARGET = MIN_TOUCH_TARGET_PX;
 function subscribeTouchCapability(callback) {
   if (typeof window === "undefined") {
     return () => {
@@ -10595,7 +10781,9 @@ function useIsMobile() {
     isDesktop,
     isTouchDevice,
     orientation,
-    isVirtualKeyboardOpen
+    isVirtualKeyboardOpen,
+    viewportWidth,
+    viewportHeight
   };
 }
 function useTouchGestures(input) {
@@ -11299,6 +11487,7 @@ function useViewerBuildingBlocksCore(input) {
     // Multiplied against the pre-existing 2x baseline; see the matching
     // comment in `PowerPointViewer.tsx`.
     imageExportScale: 2 * resolveImageResolutionScale(viewerOptions),
+    imageResolutionScale: resolveImageResolutionScale(viewerOptions),
     viewerOptions
   };
 }
@@ -11481,6 +11670,7 @@ function useViewerBuildingBlocksState(input) {
     actionSoundHandlerRef,
     gridSpacingPx,
     imageExportScale,
+    imageResolutionScale,
     setExitModeHandler,
     viewerOptions
   } = core;
@@ -11566,6 +11756,7 @@ function useViewerBuildingBlocksState(input) {
     canEdit,
     promptKeepInkAnnotations: viewerOptions.advanced.slideShowPromptKeepInkAnnotations,
     imageExportScale,
+    imageResolutionScale,
     mode,
     slides,
     activeSlide,
@@ -11823,4 +12014,4 @@ function useResizablePanels() {
   };
 }
 
-export { ACTION_VERB_MAP, MIN_TOUCH_TARGET, ViewerOptionsContext, computeToolbarVisibility, detectTargetType, isAudienceTab, parseAudienceNonce, parseEmailUrl, parseSlideFromUrl, playAnimationSound, renderToCanvas, safePrompt, scopeLayoutOptionsToActiveSlide, syncSelectionHandleOverlay, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useClipboardHandlers, useCollaborationLivePatch, useCollaborativeHistory, useCollaborativeState, useComments, useCompatibilityToastsState, useContentLifecycle, useDerivedElementState, useDerivedSlideState, useDialogCustomShows, useEditorHistory, useEditorOperations, useElementManipulation, useElementOperations, useExportHandlers, useExportSaveAs, useFindReplace, useFollowMode, useFontInjection, useGroupAlignLayerHandlers, useIOHandlers, useInsertElements, useIsMobile, useKeyboardInsets, useKeyboardShortcutWiring, useKeyboardShortcuts, useLayoutSwitching, useLoadContent, useMergeShapesHandler, useModalDismissDrag, usePointerHandlers, usePresenceTracking, usePresentationAnnotations, usePresentationKeyboard, usePresentationMode, usePresentationSetup, usePresenterWindow, usePrintHandlers, usePropertyHandlers, useReadOnlyRecommendationState, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useToolbarVisibility, useTouchGestures, useViewPreferencesSync, useViewerBuildingBlocks, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerOptions, useViewerOptionsContext, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport };
+export { ACTION_VERB_MAP, MIN_TOUCH_TARGET, ViewerOptionsContext, computeToolbarVisibility, detectTargetType, getGlyphOutline, isAudienceTab, parseAudienceNonce, parseEmailUrl, parseSlideFromUrl, playAnimationSound, renderToCanvas, safePrompt, scopeLayoutOptionsToActiveSlide, syncSelectionHandleOverlay, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useClipboardHandlers, useCollaborationLivePatch, useCollaborativeHistory, useCollaborativeState, useComments, useCompatibilityToastsState, useContentLifecycle, useDerivedElementState, useDerivedSlideState, useDialogCustomShows, useEditorHistory, useEditorOperations, useElementManipulation, useElementOperations, useExportHandlers, useExportSaveAs, useFindReplace, useFollowMode, useFontInjection, useGroupAlignLayerHandlers, useIOHandlers, useInsertElements, useIsMobile, useKeyboardInsets, useKeyboardShortcutWiring, useKeyboardShortcuts, useLayoutSwitching, useLoadContent, useMergeShapesHandler, useModalDismissDrag, usePointerHandlers, usePresenceTracking, usePresentationAnnotations, usePresentationKeyboard, usePresentationMode, usePresentationSetup, usePresenterWindow, usePrintHandlers, usePropertyHandlers, useReadOnlyRecommendationState, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useToolbarVisibility, useTouchGestures, useViewPreferencesSync, useViewerBuildingBlocks, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerOptions, useViewerOptionsContext, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport };