pptx-react-viewer 3.16.7 → 3.17.1

package/dist/{chunk-3PUFHKXW.mjs → chunk-OAKDJYYT.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, buildPdfFromTiledImageData, buildNotesPdf, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-B3YVURJB.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, createPresentationLoadResources, 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, removeTableElementColumn, insertTableElementColumn, removeTableElementRow, insertTableElementRow, 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-XMD6ZWUO.mjs';
-import { translationsEn } from './chunk-HMX3MQR7.mjs';
+import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_SECTION_GROUP_ID, DEFAULT_TEXT_FONT_SIZE, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, buildPdfFromTiledImageData, buildNotesPdf, GRID_SIZE } from './chunk-VYSMTC5C.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, createPresentationLoadResources, collectMediaElements, resolveMediaElementSource, collectImagePaths, applyImagePathPatches, resolveTableCellImageUrls, resolveTableStyleImageUrls, partitionTemplateElements, seedRecentColors, resolveAuthoredCustomShowId, buildInitialGuides, readOnlyRecommendation, compatibilityWarningToasts, EncryptedFileError, resolveAutosaveIntervalMs, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, hasTextProperties, remapTextToSegments, updateMasterViewElement, isTemplateElementId, updateElement, hasShapeProperties, getInlineEditorSelection, applyListStyleUpdate, setPendingSelectionRestore, applyStyleToSelectedSegments, updateTextSegmentStyle, 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, prepareElementForInsertion, 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, resolveViewportFitOptions, calculateViewportFit, 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, removeTableElementColumn, insertTableElementColumn, removeTableElementRow, insertTableElementRow, 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-QTGCOL5H.mjs';
+import { translationsEn } from './chunk-LAU34UMB.mjs';
 import { createContext, useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect, useContext, useImperativeHandle, useSyncExternalStore } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -730,12 +730,60 @@ function useViewerStore(store, selector, isEqual = Object.is) {
   );
   return useSyncExternalStore(subscribe2, getSnapshot2, getSnapshot2);
 }
+var DEFAULT_FIT = { fitPadding: { horizontal: 4, vertical: 16 }, maxFitScale: 1 };
+function useViewportFit(canvasSize, viewportRef, options) {
+  const [editorDimensions, setEditorDimensions] = useState(null);
+  const { fitPadding, maxFitScale } = resolveViewportFitOptions(options, DEFAULT_FIT);
+  const { horizontal, vertical } = fitPadding;
+  const effectiveEditorDimensions = editorDimensions ?? canvasSize;
+  const { scale: fitScale } = calculateViewportFit({
+    viewportWidth: effectiveEditorDimensions.width,
+    viewportHeight: effectiveEditorDimensions.height,
+    canvasWidth: canvasSize.width,
+    canvasHeight: canvasSize.height,
+    maxFitScale
+  });
+  useEffect(() => {
+    let observer = null;
+    let raf = 0;
+    const measure = (element) => {
+      const { availableWidth: width, availableHeight: height } = calculateViewportFit({
+        viewportWidth: element.clientWidth,
+        viewportHeight: element.clientHeight,
+        canvasWidth: canvasSize.width,
+        canvasHeight: canvasSize.height,
+        fitPadding: { horizontal, vertical }
+      });
+      if (width > 0 && height > 0) {
+        setEditorDimensions({ width, height });
+      }
+    };
+    const attach = () => {
+      const element = viewportRef.current;
+      if (!element) {
+        raf = requestAnimationFrame(attach);
+        return;
+      }
+      observer = new ResizeObserver(() => measure(element));
+      observer.observe(element);
+      measure(element);
+    };
+    attach();
+    return () => {
+      cancelAnimationFrame(raf);
+      observer?.disconnect();
+    };
+  }, [viewportRef, canvasSize.width, canvasSize.height, horizontal, vertical]);
+  return { editorDimensions, setEditorDimensions, effectiveEditorDimensions, fitScale };
+}
 
 // src/viewer/hooks/useZoomViewport.ts
 var selectZoom = (state) => state.zoom;
 function useZoomViewport({
   canvasSize,
-  selectedElements
+  selectedElements,
+  fitPadding,
+  maxFitScale
 }) {
   const editWrapperRef = useRef(null);
   const canvasStageRef = useRef(null);
@@ -750,19 +798,7 @@ function useZoomViewport({
     (next) => store.dispatch({ type: "set-zoom", zoom: next }),
     [store]
   );
-  const [editorDimensions, setEditorDimensions] = useState(null);
-  const effectiveEditorDimensions = editorDimensions || {
-    width: canvasSize.width,
-    height: canvasSize.height
-  };
-  const fitScale = useMemo(() => {
-    if (!effectiveEditorDimensions.width || !effectiveEditorDimensions.height) {
-      return 1;
-    }
-    const widthScale = effectiveEditorDimensions.width / canvasSize.width;
-    const heightScale = effectiveEditorDimensions.height / canvasSize.height;
-    return Math.min(widthScale, heightScale, 1);
-  }, [canvasSize, effectiveEditorDimensions.height, effectiveEditorDimensions.width]);
+  const { editorDimensions, setEditorDimensions, effectiveEditorDimensions, fitScale } = useViewportFit(canvasSize, canvasViewportRef, { fitPadding, maxFitScale });
   const editorScale = fitScale * scale;
   useEffect(() => {
     renderScaleRef.current = editorScale;
@@ -770,33 +806,6 @@ function useZoomViewport({
   useEffect(() => {
     store.dispatch({ type: "set-fit-scale", fitScale });
   }, [store, fitScale]);
-  useEffect(() => {
-    let observer = null;
-    let raf = 0;
-    const VERTICAL_MARGIN = 32;
-    const measure = (el) => {
-      const width = Math.max(0, el.clientWidth - 8);
-      const height = Math.max(0, el.clientHeight - VERTICAL_MARGIN);
-      if (width > 0 && height > 0) {
-        setEditorDimensions({ width, height });
-      }
-    };
-    const attach = () => {
-      const el = canvasViewportRef.current;
-      if (!el) {
-        raf = requestAnimationFrame(attach);
-        return;
-      }
-      observer = new ResizeObserver(() => measure(el));
-      observer.observe(el);
-      measure(el);
-    };
-    attach();
-    return () => {
-      cancelAnimationFrame(raf);
-      observer?.disconnect();
-    };
-  }, []);
   const centerBoundsInViewport = useCallback(
     (bounds, nextScale) => {
       const wrapper = editWrapperRef.current;
@@ -4406,6 +4415,19 @@ function useElementOperations(input) {
       const isLiveEditing = selectedElement.id === inlineEditingElementId;
       const currentSegments = liveTextSegments();
       const inlineSel = getInlineEditorSelection(currentSegments);
+      if (updates.listType) {
+        const result = applyListStyleUpdate(
+          { ...selectedElement, textSegments: currentSegments },
+          updates,
+          inlineSel
+        );
+        setPendingSelectionRestore(result.selection);
+        updateSelectedElement({
+          ...result.patch,
+          ...isLiveEditing ? { text: inlineEditingText } : {}
+        });
+        return;
+      }
       if (inlineSel && currentSegments) {
         const { newSegments: newSegments2, newSelection } = applyStyleToSelectedSegments(
           currentSegments,
@@ -4420,10 +4442,7 @@ function useElementOperations(input) {
         return;
       }
       const newTextStyle = { ...selectedElement.textStyle, ...updates };
-      const newSegments = currentSegments?.map((seg) => ({
-        ...seg,
-        style: { ...seg.style, ...updates }
-      }));
+      const newSegments = currentSegments?.map((seg) => updateTextSegmentStyle(seg, updates));
       updateSelectedElement({
         textStyle: newTextStyle,
         textSegments: newSegments,
@@ -5897,6 +5916,7 @@ function useInsertElements(input) {
     history.markDirty();
   };
   return {
+    addElement,
     handleAddTextBox,
     handleAddShape,
     handleAddTable,
@@ -9745,6 +9765,7 @@ function useKeyboardShortcuts(input) {
     }
     const { action, dx, dy } = mapEditorKey(e, {
       canEdit: current.canEdit,
+      canPaste: current.canPaste,
       // The Slide Master view is an editing surface, not a viewing one.
       // Gating on `mode !== 'edit'` alone made `mapEditorKey` return
       // NO_ACTION there, so Delete, the arrow-key nudges and the clipboard
@@ -9840,6 +9861,7 @@ function useKeyboardShortcutWiring(input) {
     mode,
     canEdit,
     inlineEditingElementId: state.inlineEditingElementId,
+    canPaste: Boolean(state.clipboardPayload && activeSlide),
     tableEditorState: state.tableEditorState,
     activeTool: state.activeTool,
     hasSelection: state.effectiveSelectedIds.length > 0,
@@ -9930,6 +9952,7 @@ function useViewerIntegration(input) {
     setModifyVerifier,
     setCompatToasts,
     canEdit,
+    canInsertElement = true,
     promptKeepInkAnnotations,
     imageExportScale,
     imageResolutionScale,
@@ -10173,6 +10196,21 @@ function useViewerIntegration(input) {
         return s?.elements.find((e) => e.id === elementId);
       },
       // -- Element manipulation --
+      addElement(element) {
+        const inserted = prepareElementForInsertion(element, {
+          canEdit: canEdit && canInsertElement,
+          mode,
+          hasActiveSlide: !loading && !error && Boolean(activeSlide),
+          editTemplateMode: state.editTemplateMode
+        });
+        if (!inserted) {
+          return void 0;
+        }
+        editorOps.canvasHandlers.handleInlineEditCommit();
+        editorOps.insertHandlers.addElement(inserted);
+        editorOps.ops.applySelection(inserted.id, [inserted.id]);
+        return inserted.id;
+      },
       updateElement(elementId, updates) {
         editorOps.ops.updateElementById(elementId, updates);
       },
@@ -10193,6 +10231,11 @@ function useViewerIntegration(input) {
       onContentChange,
       slides,
       activeSlideIndex,
+      activeSlide,
+      canEdit,
+      canInsertElement,
+      loading,
+      error,
       state,
       history,
       zoom,
@@ -11390,7 +11433,12 @@ function useViewerBuildingBlocksCore(input) {
       state.isDrawingRef
     ]
   );
-  const zoom = useZoomViewport({ canvasSize, selectedElements: state.selectedElements });
+  const zoom = useZoomViewport({
+    canvasSize,
+    selectedElements: state.selectedElements,
+    fitPadding: input.fitPadding,
+    maxFitScale: input.maxFitScale
+  });
   const { options: viewerOptions } = useViewerOptions();
   const { setIsDirty } = state;
   const markDocumentDirty = useCallback(() => {
@@ -11746,6 +11794,7 @@ function useViewerBuildingBlocksState(input) {
     allowExternalImages: viewerOptions.trust.allowExternalContent,
     setReadOnlyRecommendation: readOnlyRec.setRecommendation,
     setModifyVerifier: readOnlyRec.setModifyVerifier,
+    canInsertElement: !readOnlyRec.locked && !viewerOptions.trust.openInProtectedView,
     setCompatToasts: compatToastsState.setToasts,
     canEdit,
     promptKeepInkAnnotations: viewerOptions.advanced.slideShowPromptKeepInkAnnotations,
@@ -11837,7 +11886,11 @@ function useViewerBuildingBlocks(input) {
       }
     })();
   }, []);
-  const core = useViewerBuildingBlocksCore({ content});
+  const core = useViewerBuildingBlocksCore({
+    content,
+    fitPadding: input.fitPadding,
+    maxFitScale: input.maxFitScale
+  });
   const {
     state,
     mode,