pptx-react-viewer 3.13.0 → 3.14.0

package/dist/{chunk-M7SNS3DQ.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, 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 { 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,22 +7050,6 @@ function useExportSaveAs(input) {
   };
 }
 
-// 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/utils/export-helpers.ts
 function ignoreExportOverlayElements(el) {
   const htmlEl = el;
@@ -7115,9 +7106,9 @@ async function renderElementToTiles(element, scale = 2, backgroundColor, mode =
     buildRasterOptions(element, scale, backgroundColor, mode)
   );
 }
-async function renderElementToClampedCanvas(element, scale = 2, backgroundColor, mode = "auto") {
+async function renderElementToTiledCanvas(element, scale = 2, backgroundColor, mode = "auto") {
   const { width, height } = measureNaturalSize(element);
-  return rasterizeElementClampedToCanvas(
+  return rasterizeElementTiledToCanvas(
     element,
     width,
     height,
@@ -7161,7 +7152,7 @@ async function captureAllSlidesAsPngDataUrls(slideStageRef, totalSlides, setActi
       console.warn(`[export] Could not find slide stage element for slide ${i}`);
       continue;
     }
-    const { canvas } = await renderElementToClampedCanvas(stageEl, scale);
+    const { canvas } = await renderElementToTiledCanvas(stageEl, scale);
     dataUrls.push(canvas.toDataURL("image/png"));
   }
   onProgress?.(totalSlides, totalSlides);
@@ -7223,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 renderElementToClampedCanvas(stageEl, scale);
+    const { canvas } = await renderElementToTiledCanvas(stageEl, scale);
     pages.push({
       canvas,
       notes: slideNotes[i],
@@ -7262,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 renderElementToClampedCanvas(stageEl, scale);
+    const { canvas } = await renderElementToTiledCanvas(stageEl, scale);
     slideCanvases.push(canvas);
   }
   setActiveSlide(currentSlideIndex);
@@ -7323,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) {
@@ -7337,17 +7354,12 @@ async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide,
     if (!stageEl) {
       continue;
     }
-    const { canvas } = await renderElementToClampedCanvas(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) {
@@ -7418,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 {
@@ -7442,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,
@@ -7589,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;
@@ -9284,7 +9370,8 @@ function useIOHandlers(input) {
     serializeForRecovery,
     setContent,
     onContentChange,
-    imageExportScale
+    imageExportScale,
+    imageResolutionScale
   } = input;
   const exportHandlers = useExportHandlers({
     slides,
@@ -9308,7 +9395,8 @@ function useIOHandlers(input) {
     theme: state.theme,
     canvasSize,
     slideSizeEmu: state.slideSizeEmu,
-    imageExportScale
+    imageExportScale,
+    imageResolutionScale
   });
   const printHandlers = usePrintHandlers({
     slides,
@@ -9442,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) {
@@ -9809,6 +9943,7 @@ function useViewerIntegration(input) {
     canEdit,
     promptKeepInkAnnotations,
     imageExportScale,
+    imageResolutionScale,
     mode,
     slides,
     activeSlide,
@@ -9894,7 +10029,8 @@ function useViewerIntegration(input) {
     serializeForRecovery,
     setContent,
     onContentChange,
-    imageExportScale
+    imageExportScale,
+    imageResolutionScale
   });
   const {
     showKeepAnnotationsDialog,
@@ -10560,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 () => {
@@ -10645,7 +10781,9 @@ function useIsMobile() {
     isDesktop,
     isTouchDevice,
     orientation,
-    isVirtualKeyboardOpen
+    isVirtualKeyboardOpen,
+    viewportWidth,
+    viewportHeight
   };
 }
 function useTouchGestures(input) {
@@ -11349,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
   };
 }
@@ -11531,6 +11670,7 @@ function useViewerBuildingBlocksState(input) {
     actionSoundHandlerRef,
     gridSpacingPx,
     imageExportScale,
+    imageResolutionScale,
     setExitModeHandler,
     viewerOptions
   } = core;
@@ -11616,6 +11756,7 @@ function useViewerBuildingBlocksState(input) {
     canEdit,
     promptKeepInkAnnotations: viewerOptions.advanced.slideShowPromptKeepInkAnnotations,
     imageExportScale,
+    imageResolutionScale,
     mode,
     slides,
     activeSlide,
@@ -11873,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 };