pptx-react-viewer 2.16.9 → 2.17.0

package/dist/{chunk-J7EFC3GS.mjs → chunk-ZA5JONCW.mjs}

@@ -1,6 +1,6 @@
-import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-VHME5BE6.mjs';
-import { translationsEn } from './chunk-5IUEPQTK.mjs';
-import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createPresenceProjector, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, createWheelStepBuffer, createViewerZoomStore, clampZoomScale, mapEditingWheel, PresentationAnimationController, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, attachPresentationVisibilityPause, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, partitionTemplateElements, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, mayLeaveSlideShow, stopAllPersistentAudio, remapTextToSegments, guidePxToEmu, buildSaveSlides, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, exportDeckJson, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, mapPresentationWheel, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, runPresentationAction, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, resolveShowSlideIndexes, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-YWKUIUQX.mjs';
+import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-MQHC5TXI.mjs';
+import { translationsEn } from './chunk-S64T7C4V.mjs';
+import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createPresenceProjector, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, createWheelStepBuffer, createViewerZoomStore, clampZoomScale, mapEditingWheel, PresentationAnimationController, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, attachPresentationVisibilityPause, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, partitionTemplateElements, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, updateMasterViewElement, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, masterViewElements, replaceMasterViewElements, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, describeFontEmbedding, mayLeaveSlideShow, stopAllPersistentAudio, remapTextToSegments, guidePxToEmu, buildSaveSlides, embeddedFontSaveOptions, saveDeckWithPassword, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, openPptxFile, readBackstageRecentFile, isActionHidden, canInteractWithElement, filterInteractableIds, buildElementClipboardPayload, generatePackageReadme, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, mapPresentationWheel, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, runPresentationAction, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustmentValue, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-K2QU73KB.mjs';
 import { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect, useSyncExternalStore, useImperativeHandle } from 'react';
 import JSZip from 'jszip';
 import { useTranslation } from 'react-i18next';
@@ -484,6 +484,7 @@ function useEditorHistory(input) {
     maxHistoryEntries = DEFAULT_MAX_HISTORY_ENTRIES,
     hasActivePointerInteraction,
     pointerCommitNonce,
+    onDirty,
     setSlides,
     setCanvasSize,
     setActiveSlideIndex,
@@ -556,8 +557,13 @@ function useEditorHistory(input) {
       isApplyingHistoryRef.current = false;
     }, 0);
   }, []);
+  const onDirtyRef = useRef(onDirty);
+  useEffect(() => {
+    onDirtyRef.current = onDirty;
+  }, [onDirty]);
   const markDirty = useCallback(() => {
     setEditCommitNonce((previous) => previous + 1);
+    onDirtyRef.current?.();
   }, []);
   const handleUndo = useCallback(() => {
     const previousSnapshot = historyPastRef.current.pop();
@@ -655,6 +661,7 @@ function useEditorHistory(input) {
       updateHistoryAvailability();
       return;
     }
+    onDirtyRef.current?.();
     historyPastRef.current.push(cloneHistorySnapshot(previousSnapshot));
     while (historyPastRef.current.length > Math.max(1, maxHistoryEntries)) {
       historyPastRef.current.shift();
@@ -3372,7 +3379,7 @@ function useDerivedElementState(input) {
     () => resolveActiveLayout(activeMaster, activeLayoutIndex),
     [activeMaster, activeLayoutIndex]
   );
-  const masterViewElements = useMemo(
+  const masterViewElements2 = useMemo(
     () => computeMasterViewElements(activeMaster, activeLayout),
     [activeMaster, activeLayout]
   );
@@ -3388,7 +3395,7 @@ function useDerivedElementState(input) {
     selectedElements,
     activeMaster,
     activeLayout,
-    masterViewElements,
+    masterViewElements: masterViewElements2,
     notesMasterElements,
     handoutMasterElements
   };
@@ -4039,6 +4046,7 @@ function useElementOperations(input) {
     selectedElementId,
     editTemplateMode,
     templateElements,
+    masterView,
     history,
     setSlides,
     setTemplateElementsBySlideId,
@@ -4059,8 +4067,33 @@ function useElementOperations(input) {
     setInlineEditingElementId(null);
     setContextMenuState(null);
   }, [applySelection, setInlineEditingElementId, setContextMenuState]);
+  const applyMasterViewWrite = useCallback(
+    (write) => {
+      if (!write || !masterView) {
+        return false;
+      }
+      if (write.slideMasters) {
+        masterView.setSlideMasters(write.slideMasters);
+      }
+      if (write.notesMaster) {
+        masterView.setNotesMaster(write.notesMaster);
+      }
+      if (write.handoutMaster) {
+        masterView.setHandoutMaster(write.handoutMaster);
+      }
+      history.markDirty();
+      return true;
+    },
+    [history, masterView]
+  );
   const updateElementById = useCallback(
     (elementId, updates) => {
+      if (masterView?.target) {
+        applyMasterViewWrite(
+          updateMasterViewElement(masterView, masterView.target, elementId, updates)
+        );
+        return;
+      }
       if (isTemplateElementId(elementId)) {
         const slideId = activeSlide?.id;
         if (slideId) {
@@ -4088,7 +4121,15 @@ function useElementOperations(input) {
       }
       history.markDirty();
     },
-    [activeSlide?.id, activeSlideIndex, history, setSlides, setTemplateElementsBySlideId]
+    [
+      activeSlide?.id,
+      activeSlideIndex,
+      applyMasterViewWrite,
+      history,
+      masterView,
+      setSlides,
+      setTemplateElementsBySlideId
+    ]
   );
   const updateSelectedElement = useCallback(
     (updates) => {
@@ -4176,9 +4217,20 @@ function useElementOperations(input) {
     },
     [setSlides]
   );
-  const activeElements = editTemplateMode ? templateElements : activeSlide?.elements ?? [];
+  const masterViewTarget = masterView?.target ?? null;
+  const activeElements = masterViewTarget ? masterViewElements(masterView, masterViewTarget) : editTemplateMode ? templateElements : activeSlide?.elements ?? [];
   const updateActiveElements = useCallback(
     (updater) => {
+      if (masterView?.target) {
+        applyMasterViewWrite(
+          replaceMasterViewElements(
+            masterView,
+            masterView.target,
+            updater(masterViewElements(masterView, masterView.target))
+          )
+        );
+        return;
+      }
       if (editTemplateMode) {
         const slideId = activeSlide?.id;
         if (!slideId) {
@@ -4196,7 +4248,15 @@ function useElementOperations(input) {
         );
       }
     },
-    [editTemplateMode, activeSlide?.id, activeSlideIndex, setSlides, setTemplateElementsBySlideId]
+    [
+      applyMasterViewWrite,
+      editTemplateMode,
+      masterView,
+      activeSlide?.id,
+      activeSlideIndex,
+      setSlides,
+      setTemplateElementsBySlideId
+    ]
   );
   const serializeSlides = useCallback(async () => {
     return null;
@@ -4293,11 +4353,6 @@ function computeResizeGeometry(handle, startX, startY, startWidth, startHeight,
   }
   return snapBoxToGrid(box, handle, gridSpacingPx, MIN_ELEMENT_SIZE);
 }
-function computeAdjustmentValue(startAdjustment, dx, startWidth) {
-  const range = startWidth || 200;
-  const delta = dx / range;
-  return Math.max(0, Math.min(1, startAdjustment + delta));
-}
 function resolveLiveTarget(input) {
   const { livePatcher, editTemplateMode, activeSlide } = input;
   if (!livePatcher || editTemplateMode || !livePatcher.isActive()) {
@@ -4496,7 +4551,7 @@ function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx, live)
 }
 function processAdjustmentMove(e, adj, editorScale, updateElementById) {
   const dx = (e.clientX - adj.startClientX) / editorScale;
-  const newValue = computeAdjustmentValue(adj.startAdjustment, dx, adj.startWidth);
+  const newValue = getDraggedShapeAdjustmentValue(adj, dx);
   if (!adj.moved && Math.abs(dx) > 2) {
     adj.moved = true;
   }
@@ -4828,7 +4883,7 @@ function useCanvasInteractions(input) {
         justInteractedRef.current = false;
       } else {
         const el = elementLookup.get(elementId);
-        if (el && hasTextProperties(el) && !el.locks?.noTextEdit) {
+        if (el && hasTextProperties(el) && canInteractWithElement(el, "textEdit")) {
           if (!openEquationEditorForElement(el)) {
             setInlineEditingElementId(elementId);
             setInlineEditingText(el.text ?? "");
@@ -4847,7 +4902,7 @@ function useCanvasInteractions(input) {
     if (openEquationEditorForElement(el)) {
       return;
     }
-    if (hasTextProperties(el)) {
+    if (hasTextProperties(el) && canInteractWithElement(el, "textEdit")) {
       setInlineEditingElementId(elementId);
       setInlineEditingText(el.text ?? "");
     }
@@ -4870,9 +4925,13 @@ function useCanvasInteractions(input) {
       justSelectedRef.current = false;
     }
     const ids = !wasSelected ? [elementId] : effectiveSelectedIds.length ? effectiveSelectedIds : [elementId];
+    const movableIds = filterInteractableIds(ids, (id) => elementLookup.get(id), "move");
+    if (movableIds.length === 0) {
+      return;
+    }
     const startPositions = {};
     const domEls = /* @__PURE__ */ new Map();
-    for (const id of ids) {
+    for (const id of movableIds) {
       const el = elementLookup.get(id);
       if (el) {
         startPositions[id] = { x: el.x, y: el.y };
@@ -4936,7 +4995,7 @@ function useCanvasInteractions(input) {
   const handleResizePointerDown = (elementId, e, handle) => {
     e.stopPropagation();
     const el = elementLookup.get(elementId);
-    if (!el) {
+    if (!el || !canInteractWithElement(el, "resize")) {
       return;
     }
     resizeStateRef.current = {
@@ -4958,7 +5017,7 @@ function useCanvasInteractions(input) {
   };
   const handleRotate = (elementId, rotationDeg) => {
     const el = elementLookup.get(elementId);
-    if (!el || el.locks?.noRotation) {
+    if (!el || !canInteractWithElement(el, "rotate")) {
       return;
     }
     ops.updateElementById(elementId, { rotation: rotationDeg });
@@ -4981,6 +5040,9 @@ function useCanvasInteractions(input) {
     if (!el || !("shapeType" in el) || !("shapeAdjustments" in el)) {
       return;
     }
+    if (!canInteractWithElement(el, "adjustHandle")) {
+      return;
+    }
     const adjEntries = Object.entries(
       el.shapeAdjustments ?? {}
     );
@@ -5906,16 +5968,20 @@ function useGroupAlignLayerHandlers(input) {
     }
     const group = selectedElement;
     const intoTemplate = isTemplateElementId(group.id);
-    const ungrouped = group.children.map((child) => ({
-      ...structuredClone(child),
-      // Keep child ids in the same store as the group so later edits route
-      // correctly: template groups yield template-prefixed child ids.
-      id: intoTemplate ? makeCloneId(true, child.id || group.id) : child.id || generateElementId(),
-      x: child.x + group.x,
-      y: child.y + group.y
-    }));
-    ops.updateActiveElements((els) => [...els.filter((el) => el.id !== group.id), ...ungrouped]);
-    setSelectedElementIds(ungrouped.map((el) => el.id));
+    const childIds = group.children.map(
+      (child) => intoTemplate ? makeCloneId(true, child.id || group.id) : child.id || generateElementId()
+    );
+    const { elements, childIds: usedIds } = ungroupElements(
+      ops.activeElements,
+      group.id,
+      childIds,
+      { intoTemplate }
+    );
+    if (usedIds.length === 0) {
+      return;
+    }
+    ops.updateActiveElements(() => elements);
+    setSelectedElementIds(usedIds);
     history.markDirty();
   };
   const handleFlip = (direction) => {
@@ -7012,14 +7078,7 @@ function useExportSaveAs(input) {
       handoutMaster,
       outputFormat: format
     };
-    if (password) {
-      return handler.saveEncrypted(
-        slidesToSave,
-        password,
-        saveOptions
-      );
-    }
-    return handler.save(slidesToSave, saveOptions);
+    return saveDeckWithPassword(handler, slidesToSave, saveOptions, password);
   };
   const handleExportJson = () => {
     const sourceName = filePath ? filePath.replace(/\\/gu, "/").split("/").pop() : void 0;
@@ -8097,7 +8156,8 @@ function useViewerDialogs(input) {
     preMasterMode,
     hasDigitalSignatures,
     isDirty,
-    history
+    history,
+    embeddedFontFamilies
   } = input;
   const [isSmartArtDialogOpen, setIsSmartArtDialogOpen] = useState(false);
   const [isEquationDialogOpen, setIsEquationDialogOpen] = useState(false);
@@ -8115,7 +8175,15 @@ function useViewerDialogs(input) {
   const [editingEquationOmml, setEditingEquationOmml] = useState(
     null
   );
-  const [embedFontsEnabled, setEmbedFontsEnabled] = useState(false);
+  const embeddedFontKey = (embeddedFontFamilies ?? []).join("\0");
+  const fontEmbedding = useMemo(
+    () => describeFontEmbedding(embeddedFontKey ? embeddedFontKey.split("\0") : []),
+    [embeddedFontKey]
+  );
+  const [embedFontsEnabled, setEmbedFontsEnabled] = useState(fontEmbedding.initialEnabled);
+  useEffect(() => {
+    setEmbedFontsEnabled(fontEmbedding.initialEnabled);
+  }, [fontEmbedding]);
   const [isNarrowViewport, setIsNarrowViewport] = useState(
     () => typeof window !== "undefined" ? isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch()) : false
   );
@@ -8282,6 +8350,7 @@ function useViewerDialogs(input) {
     setEditingEquationOmml,
     embedFontsEnabled,
     setEmbedFontsEnabled,
+    fontEmbedding,
     isNarrowViewport,
     handleEnterMasterView,
     handleCloseMasterView,
@@ -8319,30 +8388,15 @@ function computeSlideSectionGroups(slides, sections) {
   }));
 }
 function computeMasterPseudoSlide(mode, activeLayout, activeMaster) {
-  if (mode !== "master") {
+  if (mode !== "master" || !activeMaster) {
     return void 0;
   }
-  if (activeLayout) {
-    return {
-      id: activeLayout.path,
-      rId: "",
-      slideNumber: 0,
-      elements: activeLayout.elements ?? [],
-      backgroundColor: activeLayout.backgroundColor ?? activeMaster?.backgroundColor,
-      backgroundImage: activeLayout.backgroundImage ?? activeMaster?.backgroundImage
-    };
-  }
-  if (activeMaster) {
-    return {
-      id: activeMaster.path,
-      rId: "",
-      slideNumber: 0,
-      elements: activeMaster.elements ?? [],
-      backgroundColor: activeMaster.backgroundColor,
-      backgroundImage: activeMaster.backgroundImage
-    };
-  }
-  return void 0;
+  const document2 = activeLayout ? { slideMasters: [{ ...activeMaster, layouts: [activeLayout] }] } : { slideMasters: [activeMaster] };
+  return masterViewPseudoSlide(document2, {
+    tab: "slides",
+    masterIndex: 0,
+    layoutIndex: activeLayout ? 0 : null
+  });
 }
 function useDerivedSlideState(input) {
   const { t } = useTranslation();
@@ -8537,7 +8591,9 @@ function useSerialize(input) {
     handlerRef,
     inlineEditingElementIdRef,
     inlineEditingTextRef,
-    password
+    password,
+    embedFonts = true,
+    purpose
   } = input;
   return useCallback(async () => {
     const handler = handlerRef.current;
@@ -8587,12 +8643,10 @@ function useSerialize(input) {
       customProperties: customProperties.length > 0 ? customProperties : void 0,
       tags: tagCollections.length > 0 ? tagCollections : void 0,
       notesMaster,
-      handoutMaster
+      handoutMaster,
+      ...embeddedFontSaveOptions(embedFonts)
     };
-    if (password) {
-      return handler.saveEncrypted(slidesToSave, password, saveOptions);
-    }
-    return handler.save(slidesToSave, saveOptions);
+    return saveDeckWithPassword(handler, slidesToSave, saveOptions, { password, purpose });
   }, [
     slides,
     templateElementsBySlideId,
@@ -8611,7 +8665,9 @@ function useSerialize(input) {
     handlerRef,
     inlineEditingElementIdRef,
     inlineEditingTextRef,
-    password
+    password,
+    embedFonts,
+    purpose
   ]);
 }
 
@@ -8837,6 +8893,33 @@ function useEditorOperations(input) {
     handlerRef,
     transformCommittedText
   } = input;
+  const masterView = useMemo(
+    () => ({
+      target: mode === "master" ? {
+        tab: state.masterViewTab,
+        masterIndex: state.activeMasterIndex,
+        layoutIndex: state.activeLayoutIndex
+      } : null,
+      slideMasters: state.slideMasters,
+      notesMaster: state.notesMaster,
+      handoutMaster: state.handoutMaster,
+      setSlideMasters: state.setSlideMasters,
+      setNotesMaster: state.setNotesMaster,
+      setHandoutMaster: state.setHandoutMaster
+    }),
+    [
+      mode,
+      state.masterViewTab,
+      state.activeMasterIndex,
+      state.activeLayoutIndex,
+      state.slideMasters,
+      state.notesMaster,
+      state.handoutMaster,
+      state.setSlideMasters,
+      state.setNotesMaster,
+      state.setHandoutMaster
+    ]
+  );
   const ops = useElementOperations({
     activeSlide,
     activeSlideIndex,
@@ -8844,6 +8927,7 @@ function useEditorOperations(input) {
     selectedElementId,
     editTemplateMode: state.editTemplateMode,
     templateElements: state.templateElements,
+    masterView,
     history,
     setSlides: state.setSlides,
     setTemplateElementsBySlideId: state.setTemplateElementsBySlideId,
@@ -9054,6 +9138,7 @@ function useIOHandlers(input) {
     zoom,
     handlerRef,
     serializeSlides,
+    serializeForRecovery,
     setContent,
     onContentChange,
     password
@@ -9092,7 +9177,9 @@ function useIOHandlers(input) {
   });
   const themeHandlers = useThemeHandlers({
     handlerRef,
-    serializeSlides,
+    // Theme apply re-serialises and re-parses through `setContent`, so these
+    // bytes go back into our own loader: plaintext, never the protected save.
+    serializeSlides: serializeForRecovery,
     setContent,
     onContentChange,
     setTheme: state.setTheme,
@@ -9285,6 +9372,8 @@ function useContentLifecycle(input) {
     content,
     filePath,
     autosaveEnabled = true,
+    autosaveIntervalSeconds,
+    embedFonts = true,
     slides,
     state,
     history,
@@ -9334,7 +9423,7 @@ function useContentLifecycle(input) {
     actionSoundHandlerRef.current = handlerRef.current;
   }, [handlerRef, actionSoundHandlerRef, state.loading]);
   useFontInjection({ embeddedFonts: state.embeddedFonts, slides });
-  const serializeSlides = useSerialize({
+  const serializeInput = {
     slides,
     templateElementsBySlideId: state.templateElementsBySlideId,
     activeSlideIndex: state.activeSlideIndex,
@@ -9352,15 +9441,19 @@ function useContentLifecycle(input) {
     handlerRef,
     inlineEditingElementIdRef: state.inlineEditingElementIdRef,
     inlineEditingTextRef: state.inlineEditingTextRef,
-    password
-  });
+    password,
+    embedFonts
+  };
+  const serializeSlides = useSerialize(serializeInput);
+  const serializeForRecovery = useSerialize({ ...serializeInput, purpose: "recovery-snapshot" });
   const { autosaveStatus } = useAutosave({
     isDirty: state.isDirty,
     filePath,
-    serializeSlides,
-    enabled: autosaveEnabled
+    serializeSlides: serializeForRecovery,
+    enabled: autosaveEnabled,
+    ...autosaveIntervalSeconds === void 0 ? {} : { intervalSeconds: autosaveIntervalSeconds }
   });
-  return { handlerRef, serializeSlides, autosaveStatus };
+  return { handlerRef, serializeSlides, serializeForRecovery, autosaveStatus };
 }
 function useKeyboardShortcuts(input) {
   const inputRef = useRef(input);
@@ -9524,6 +9617,7 @@ function useViewerIntegration(input) {
     content,
     filePath,
     autosaveEnabled,
+    autosaveIntervalSeconds,
     canEdit,
     mode,
     slides,
@@ -9574,19 +9668,24 @@ function useViewerIntegration(input) {
   });
   const [isEncryptedDialogOpen, setIsEncryptedDialogOpen] = useState(false);
   const [loadVersion, setLoadVersion] = useState(0);
-  const { handlerRef, serializeSlides, autosaveStatus } = useContentLifecycle({
-    content,
-    filePath,
-    autosaveEnabled,
-    slides,
-    state,
-    history,
-    ops: editorOps.ops,
-    actionSoundHandlerRef,
-    setIsEncryptedDialogOpen,
-    password: dialogs.presentationPassword ?? void 0,
-    onContentApplied: () => setLoadVersion((v) => v + 1)
-  });
+  const { handlerRef, serializeSlides, serializeForRecovery, autosaveStatus } = useContentLifecycle(
+    {
+      content,
+      filePath,
+      autosaveEnabled,
+      autosaveIntervalSeconds,
+      // The File > Fonts toggle, finally reaching a save call.
+      embedFonts: dialogs.embedFontsEnabled,
+      slides,
+      state,
+      history,
+      ops: editorOps.ops,
+      actionSoundHandlerRef,
+      setIsEncryptedDialogOpen,
+      password: dialogs.presentationPassword ?? void 0,
+      onContentApplied: () => setLoadVersion((v) => v + 1)
+    }
+  );
   const { exportHandlers, printHandlers, themeHandlers, propertyHandlers } = useIOHandlers({
     state,
     slides,
@@ -9598,6 +9697,7 @@ function useViewerIntegration(input) {
     zoom,
     handlerRef,
     serializeSlides,
+    serializeForRecovery,
     setContent,
     onContentChange,
     password: dialogs.presentationPassword ?? void 0
@@ -10236,11 +10336,16 @@ function useLayoutSwitching(input) {
     },
     [handler, activeSlideIndex, ops, history, onTemplateElementsChanged]
   );
+  const loadLayoutPreviews = useCallback(
+    async () => handler ? handler.getLayoutPreviews() : [],
+    [handler]
+  );
   return {
     availableLayouts,
     isLoading,
     loadAvailableLayouts,
     applyLayout,
+    loadLayoutPreviews,
     currentLayoutPath
   };
 }
@@ -10499,41 +10604,7 @@ function buildCanvasProps(input) {
 
 // src/viewer/hooks/useScopedLayoutOptions.ts
 function scopeLayoutOptionsToActiveSlide(options, activeSlide) {
-  if (!activeSlide?.layoutPath) {
-    return options;
-  }
-  const hasAnyMasterInfo = options.some((o) => o.masterPath);
-  if (!hasAnyMasterInfo) {
-    return options;
-  }
-  const activeOption = options.find((o) => o.path === activeSlide.layoutPath);
-  const activeMaster = activeOption?.masterPath;
-  if (!activeMaster) {
-    return options;
-  }
-  const scoped = options.filter((o) => o.masterPath === activeMaster);
-  const seen = /* @__PURE__ */ new Map();
-  for (const opt of scoped) {
-    const isActive = opt.path === activeSlide.layoutPath;
-    const existing = seen.get(opt.name);
-    if (!existing || isActive) {
-      seen.set(opt.name, opt);
-    }
-  }
-  const chosen = new Set(Array.from(seen.values()).map((o) => o.path));
-  const result = [];
-  const usedNames = /* @__PURE__ */ new Set();
-  for (const opt of scoped) {
-    if (!chosen.has(opt.path)) {
-      continue;
-    }
-    if (usedNames.has(opt.name)) {
-      continue;
-    }
-    usedNames.add(opt.name);
-    result.push(opt);
-  }
-  return result;
+  return scopeLayoutOptionsToSlide(options, activeSlide?.layoutPath);
 }
 
 // src/viewer/hooks/useViewerBuildingBlocks-toolbar-handlers.ts
@@ -10766,6 +10837,8 @@ function buildToolbarProps(input) {
     isOverflowMenuOpen: s.isOverflowMenuOpen,
     onSetOverflowMenuOpen: s.setIsOverflowMenuOpen,
     layoutOptions: scopedLayoutOptions,
+    currentLayoutPath: activeSlide?.layoutPath,
+    loadLayoutPreviews: input.loadLayoutPreviews,
     onInsertSlideFromLayout: slideOps.handleInsertSlideFromLayout,
     onInsertSlideFromTemplate: slideOps.handleInsertSlideFromTemplate,
     templateScheme: templateSchemeFromTheme(s.theme?.colorScheme),
@@ -10817,6 +10890,20 @@ function buildToolbarProps(input) {
     activeSlide,
     onTransitionChange: handleTransitionChange,
     onApplyTransitionToAll: handleApplyTransitionToAll,
+    // No `onResetSlide` here: this building-blocks surface supplies no
+    // `onApplyLayout` either, so there is no layout to reset to. The mounted
+    // viewer (`ViewerToolbarSection`) wires both.
+    onSelectAll: () => {
+      const allIds = activeSlide?.elements.map((element) => element.id) ?? [];
+      if (allIds.length > 0) {
+        ops.applySelection(allIds[0], allIds);
+      }
+    },
+    presentationProperties: s.presentationProperties,
+    onPresentationPropertiesChange: (updates) => {
+      s.setPresentationProperties((prev) => ({ ...prev, ...updates }));
+      history.markDirty();
+    },
     hiddenActions
   };
 }

package/dist/i18n.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunkDVZF4ARG_js = require('./chunk-DVZF4ARG.js');
+var chunkAONFHTTJ_js = require('./chunk-AONFHTTJ.js');
 require('./chunk-4VNS5WPM.js');
 
 
 
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
-  get: function () { return chunkDVZF4ARG_js.LOCALE_CATALOG; }
+  get: function () { return chunkAONFHTTJ_js.LOCALE_CATALOG; }
 });
 Object.defineProperty(exports, "keyToLabel", {
   enumerable: true,
-  get: function () { return chunkDVZF4ARG_js.keyToLabel; }
+  get: function () { return chunkAONFHTTJ_js.keyToLabel; }
 });
 Object.defineProperty(exports, "translationsEn", {
   enumerable: true,
-  get: function () { return chunkDVZF4ARG_js.translationsEn; }
+  get: function () { return chunkAONFHTTJ_js.translationsEn; }
 });