pptx-react-viewer 1.17.0 → 1.18.0

package/dist/{chunk-LLHFNGAF.mjs → chunk-Z4MDCPAY.mjs}

@@ -1,13 +1,12 @@
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, cloneTemplateElementsBySlideId, cloneSlide, countTextSegments, expandTextBuildAnimations, TimelineEngine, TEXT_BUILD_ID_SEP, collectMediaElements, collectImagePaths, buildInitialGuides, saveAutosaveSnapshot, getAnimationInitialStyle, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, clampCropValue, parseDrawingColor, parseDrawingColorOpacity, getPatternSvg, ooxmlDashToCssBorderStyle, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildPreviewAnimation, isTemplateElementId, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, comparePresentation, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, remapTextToSegments, copyFormatFromElement, applyFormatToElement, createSyncGate, validateRoomId, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, BROADCAST_THROTTLE_MS, sanitizeColor, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, createTouchGestureRecognizer, isKeyboardOpen, buildElementClipboardPayload, downloadBlob, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, derivePresenceList, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, cloneHistorySnapshot, secureRandomUuid, resolveTransitionDurationMs, isUrlSafe, isTemplateElement, substituteFieldText, resolveUnderlineDecorationStyle, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, apply3dEffects, clampUnitInterval, getRoundRectRadiusPx, tintColor2, shadeColor2, computeColumnBoundaries, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, sanitizeDownloadFilename, encodeGif, cloneElementForPaste, computeScrollDelta, rerouteConnectorsForMovedElements, applyReroutedConnectors, buildPrintHtmlDocument, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, deleteTableColumn, insertTableColumn, deleteTableRow, insertTableRow, splitCell, mergeCells, buildSlidesPdfBytes, buildNotesPdfBytes, ACTION_BUTTON_PRESETS, buildSmartArtPresetData, computeSnapToShape, computeMarqueeHitIds, mergeAdditiveSelection, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, applyResize, snapBoxToGrid, chartPartToAttrs } from './chunk-G22EWPLH.mjs';
-import { translationsEn } from './chunk-HJQZJ3VE.mjs';
-import { hasTextProperties, PptxHandler, EncryptedFileError, hasShapeProperties, isImageLikeElement, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, applyThemeToData, THEME_PRESETS, guidePxToEmu, mergeShapes, getSubstituteFontFamily, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, SvgExporter, rebuildTableStructureInRawXml, updateCellTextStyleInRawXml, updateCellTextInRawXml, updateMergeAttrsInRawXml, elementActionToPptxAction } from './chunk-XRYREYXC.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, cloneTemplateElementsBySlideId, cloneSlide, countTextSegments, expandTextBuildAnimations, TimelineEngine, TEXT_BUILD_ID_SEP, storePresentationDeck, loadPresentationDeck, clearPresentationDeck, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, isPresentationSessionMessage, collectMediaElements, collectImagePaths, buildInitialGuides, saveAutosaveSnapshot, getAnimationInitialStyle, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, clampCropValue, parseDrawingColor, parseDrawingColorOpacity, getPatternSvg, ooxmlDashToCssBorderStyle, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildPreviewAnimation, isTemplateElementId, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, comparePresentation, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, remapTextToSegments, copyFormatFromElement, applyFormatToElement, createSyncGate, validateRoomId, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, BROADCAST_THROTTLE_MS, sanitizeColor, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, createTouchGestureRecognizer, isKeyboardOpen, buildElementClipboardPayload, downloadBlob, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, derivePresenceList, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, cloneHistorySnapshot, createPresentationSessionId, resolveTransitionDurationMs, isUrlSafe, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, isTemplateElement, substituteFieldText, resolveUnderlineDecorationStyle, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, apply3dEffects, clampUnitInterval, getRoundRectRadiusPx, tintColor2, shadeColor2, computeColumnBoundaries, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, sanitizeDownloadFilename, encodeGif, cloneElementForPaste, computeScrollDelta, rerouteConnectorsForMovedElements, applyReroutedConnectors, buildPrintHtmlDocument, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, deleteTableColumn, insertTableColumn, deleteTableRow, insertTableRow, splitCell, mergeCells, buildSlidesPdfBytes, buildNotesPdfBytes, ACTION_BUTTON_PRESETS, buildSmartArtPresetData, computeSnapToShape, computeMarqueeHitIds, mergeAdditiveSelection, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, applyResize, snapBoxToGrid, chartPartToAttrs } from './chunk-HHTZQHKZ.mjs';
+import { translationsEn } from './chunk-RIRK64DM.mjs';
+import { hasTextProperties, PptxHandler, EncryptedFileError, hasShapeProperties, isImageLikeElement, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, guidePxToEmu, mergeShapes, getSubstituteFontFamily, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, SvgExporter, rebuildTableStructureInRawXml, updateCellTextStyleInRawXml, updateCellTextInRawXml, updateMergeAttrsInRawXml, elementActionToPptxAction } from './chunk-SBNTEQUA.mjs';
 import React3, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useSyncExternalStore, useImperativeHandle, useLayoutEffect } from 'react';
 import { LuTriangle, LuPlus, LuMoveRight, LuMinus, LuDiamond, LuDatabase, LuCircle, LuSquare } from 'react-icons/lu';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import html2canvasPro from 'html2canvas-pro';
 import JSZip from 'jszip';
 
 // src/viewer/utils/clone.ts
@@ -879,7 +878,10 @@ function openDb() {
     request.onerror = () => reject(request.error);
   });
 }
-async function storeAudienceContent(content) {
+async function storeAudienceContent(content, sessionId) {
+  if (sessionId) {
+    return storePresentationDeck(sessionId, content);
+  }
   const db = await openDb();
   return new Promise((resolve, reject) => {
     const tx = db.transaction(STORE_NAME, "readwrite");
@@ -897,7 +899,10 @@ async function storeAudienceContent(content) {
     };
   });
 }
-async function loadAudienceContent() {
+async function loadAudienceContent(sessionId) {
+  if (sessionId) {
+    return loadPresentationDeck(sessionId);
+  }
   try {
     const db = await openDb();
     return new Promise((resolve, reject) => {
@@ -935,7 +940,10 @@ async function loadAudienceContent() {
     return null;
   }
 }
-async function clearAudienceContent() {
+async function clearAudienceContent(sessionId) {
+  if (sessionId) {
+    return clearPresentationDeck(sessionId);
+  }
   try {
     const db = await openDb();
     return new Promise((resolve) => {
@@ -954,12 +962,12 @@ async function clearAudienceContent() {
   } catch {
   }
 }
-var PRESENTER_CHANNEL_NAME = "pptx-viewer-presenter";
-var AUDIENCE_HASH = "#pptx-audience";
-var PRESENTER_MSG_ORIGIN = "pptx-viewer-presenter";
-var AUDIENCE_NONCE_KEY = "nonce";
+var PRESENTER_CHANNEL_NAME = PRESENTATION_CHANNEL_NAME;
+var AUDIENCE_HASH = PRESENTATION_HASH;
+var PRESENTER_MSG_ORIGIN = PRESENTATION_MESSAGE_ORIGIN;
+var AUDIENCE_NONCE_KEY = PRESENTATION_NONCE_KEY;
 function generateSessionId() {
-  return secureRandomUuid();
+  return createPresentationSessionId();
 }
 function parseAudienceNonce() {
   const hash = window.location.hash;
@@ -977,11 +985,13 @@ function isAudienceTab() {
   return window.location.hash.startsWith(AUDIENCE_HASH);
 }
 function usePresenterWindow(input) {
-  const { currentSlideIndex, isPresenterMode, content } = input;
+  const { isPresenterMode, content, snapshot } = input;
   const audienceWindowRef = useRef(null);
   const channelRef = useRef(null);
   const pollTimerRef = useRef(null);
   const sessionIdRef = useRef("");
+  const snapshotRef = useRef(snapshot);
+  snapshotRef.current = snapshot;
   const getChannel = useCallback(() => {
     if (!channelRef.current) {
       channelRef.current = new BroadcastChannel(PRESENTER_CHANNEL_NAME);
@@ -991,6 +1001,10 @@ function usePresenterWindow(input) {
   const isAudienceWindowOpen = useCallback(() => {
     return audienceWindowRef.current !== null && !audienceWindowRef.current.closed;
   }, []);
+  const swapDisplays = useCallback(async () => {
+    const audience = audienceWindowRef.current;
+    return audience && !audience.closed ? swapPresentationWindows(window, audience) : false;
+  }, []);
   const syncSlideToAudience = useCallback(
     (slideIndex) => {
       if (!sessionIdRef.current) {
@@ -1009,7 +1023,25 @@ function usePresenterWindow(input) {
     },
     [getChannel]
   );
+  const syncStateToAudience = useCallback(
+    (nextSnapshot) => {
+      if (!sessionIdRef.current) {
+        return;
+      }
+      try {
+        getChannel().postMessage({
+          origin: PRESENTER_MSG_ORIGIN,
+          type: "presenter-state",
+          sessionId: sessionIdRef.current,
+          snapshot: nextSnapshot
+        });
+      } catch {
+      }
+    },
+    [getChannel]
+  );
   const closeAudienceWindow = useCallback(() => {
+    const closingSessionId = sessionIdRef.current;
     if (sessionIdRef.current) {
       try {
         const exitMsg = {
@@ -1034,23 +1066,32 @@ function usePresenterWindow(input) {
       clearInterval(pollTimerRef.current);
       pollTimerRef.current = null;
     }
-    void clearAudienceContent();
+    if (closingSessionId) {
+      void clearAudienceContent(closingSessionId);
+    }
   }, [getChannel]);
   const openAudienceWindow = useCallback(() => {
     if (isAudienceWindowOpen()) {
       closeAudienceWindow();
     }
-    const blankWin = window.open("about:blank", "_blank");
+    const blankWin = window.open(
+      "about:blank",
+      "pptx-viewer-audience",
+      "popup=yes,width=1280,height=720"
+    );
     if (!blankWin) {
       return false;
     }
     audienceWindowRef.current = blankWin;
     const sessionId = generateSessionId();
     sessionIdRef.current = sessionId;
-    const audienceUrl = new URL(window.location.href);
-    const params = new URLSearchParams();
-    params.set(AUDIENCE_NONCE_KEY, sessionId);
-    audienceUrl.hash = `${AUDIENCE_HASH}&${params.toString()}`;
+    const audienceUrl = buildPresentationAudienceUrl(window.location.href, sessionId);
+    void resolveAudienceScreenPlacement(window).then((placement) => {
+      if (placement && audienceWindowRef.current === blankWin && !blankWin.closed) {
+        placeAudienceWindow(blankWin, placement);
+      }
+      return void 0;
+    });
     const navigateOrClose = (ok) => {
       const win = audienceWindowRef.current;
       if (!win || win.closed) {
@@ -1066,7 +1107,7 @@ function usePresenterWindow(input) {
         return;
       }
       try {
-        win.location.replace(audienceUrl.toString());
+        win.location.replace(audienceUrl);
       } catch {
         try {
           win.close();
@@ -1077,11 +1118,10 @@ function usePresenterWindow(input) {
       }
     };
     if (content) {
-      void storeAudienceContent(content).then(() => navigateOrClose(true)).catch(() => navigateOrClose(false));
+      void storeAudienceContent(content, sessionId).then(() => navigateOrClose(true)).catch(() => navigateOrClose(false));
     } else {
       navigateOrClose(true);
     }
-    window.setTimeout(() => syncSlideToAudience(currentSlideIndex), 1500);
     pollTimerRef.current = setInterval(() => {
       const win = audienceWindowRef.current;
       if (!win || win.closed) {
@@ -1094,12 +1134,28 @@ function usePresenterWindow(input) {
       }
     }, 1e3);
     return true;
-  }, [isAudienceWindowOpen, closeAudienceWindow, syncSlideToAudience, currentSlideIndex, content]);
+  }, [isAudienceWindowOpen, closeAudienceWindow, content]);
+  useEffect(() => {
+    let channel;
+    try {
+      channel = getChannel();
+    } catch {
+      return;
+    }
+    const handleMessage = (event) => {
+      const message = event.data;
+      if (isPresentationSessionMessage(message) && message.type === "audience-ready" && message.sessionId === sessionIdRef.current) {
+        syncStateToAudience(snapshotRef.current);
+      }
+    };
+    channel.addEventListener("message", handleMessage);
+    return () => channel.removeEventListener("message", handleMessage);
+  }, [getChannel, syncStateToAudience]);
   useEffect(() => {
     if (isPresenterMode && isAudienceWindowOpen()) {
-      syncSlideToAudience(currentSlideIndex);
+      syncStateToAudience(snapshot);
     }
-  }, [currentSlideIndex, isPresenterMode, isAudienceWindowOpen, syncSlideToAudience]);
+  }, [snapshot, isPresenterMode, isAudienceWindowOpen, syncStateToAudience]);
   useEffect(() => {
     return () => {
       closeAudienceWindow();
@@ -1116,7 +1172,9 @@ function usePresenterWindow(input) {
   }, [isPresenterMode, closeAudienceWindow]);
   useEffect(() => {
     const handleBeforeUnload = () => {
-      void clearAudienceContent();
+      if (sessionIdRef.current) {
+        void clearAudienceContent(sessionIdRef.current);
+      }
     };
     window.addEventListener("beforeunload", handleBeforeUnload);
     return () => window.removeEventListener("beforeunload", handleBeforeUnload);
@@ -1125,11 +1183,13 @@ function usePresenterWindow(input) {
     openAudienceWindow,
     closeAudienceWindow,
     isAudienceWindowOpen,
-    syncSlideToAudience
+    syncSlideToAudience,
+    syncStateToAudience,
+    swapDisplays
   };
 }
 function useAudienceMode(input) {
-  const { mode: _mode, onSetMode, onSetActiveSlideIndex, containerRef } = input;
+  const { mode: _mode, onSetMode, onSetActiveSlideIndex, containerRef, onSnapshot } = input;
   const initialised = useRef(false);
   useEffect(() => {
     if (!isAudienceTab()) {
@@ -1139,18 +1199,19 @@ function useAudienceMode(input) {
       return;
     }
     initialised.current = true;
-    const timer = window.setTimeout(() => {
-      try {
-        const wrapper = containerRef.current;
-        if (wrapper && typeof wrapper.requestFullscreen === "function") {
-          void wrapper.requestFullscreen().catch(() => {
-          });
-        }
-      } catch {
+    onSetMode("present");
+    const requestAudienceFullscreen = () => {
+      const wrapper = containerRef.current;
+      if (!document.fullscreenElement && wrapper?.requestFullscreen) {
+        void wrapper.requestFullscreen().catch(() => void 0);
       }
-      onSetMode("present");
-    }, 800);
-    return () => window.clearTimeout(timer);
+    };
+    document.addEventListener("pointerdown", requestAudienceFullscreen, { once: true });
+    document.addEventListener("keydown", requestAudienceFullscreen, { once: true });
+    return () => {
+      document.removeEventListener("pointerdown", requestAudienceFullscreen);
+      document.removeEventListener("keydown", requestAudienceFullscreen);
+    };
   }, [containerRef, onSetMode]);
   useEffect(() => {
     if (!isAudienceTab()) {
@@ -1165,7 +1226,7 @@ function useAudienceMode(input) {
     }
     channel.onmessage = (event) => {
       const data = event.data;
-      if (!data || data.origin !== PRESENTER_MSG_ORIGIN) {
+      if (!isPresentationSessionMessage(data) || data.origin !== PRESENTER_MSG_ORIGIN) {
         return;
       }
       if (expectedSessionId && data.sessionId !== expectedSessionId) {
@@ -1174,8 +1235,14 @@ function useAudienceMode(input) {
       if (data.type === "presenter-slide-change") {
         onSetActiveSlideIndex(data.slideIndex);
       }
+      if (data.type === "presenter-state") {
+        onSetActiveSlideIndex(data.snapshot.slideIndex);
+        onSnapshot?.(data.snapshot);
+      }
       if (data.type === "presenter-exit") {
-        void clearAudienceContent();
+        if (expectedSessionId) {
+          void clearAudienceContent(expectedSessionId);
+        }
         onSetMode("edit");
         try {
           window.close();
@@ -1183,13 +1250,20 @@ function useAudienceMode(input) {
         }
       }
     };
+    if (expectedSessionId) {
+      channel.postMessage({
+        origin: PRESENTATION_MESSAGE_ORIGIN,
+        type: "audience-ready",
+        sessionId: expectedSessionId
+      });
+    }
     return () => {
       try {
         channel.close();
       } catch {
       }
     };
-  }, [onSetMode, onSetActiveSlideIndex]);
+  }, [onSetMode, onSetActiveSlideIndex, onSnapshot]);
 }
 
 // src/viewer/hooks/presentation-mode/keyboard-helpers.ts
@@ -1212,6 +1286,12 @@ function mapKeyToPresentationAction(key, ctrlKey) {
   if (key === "e" || key === "E") {
     return { action: "toggleEraser" };
   }
+  if (key === "b" || key === "B") {
+    return { action: "toggleBlackScreen" };
+  }
+  if (key === "w" || key === "W") {
+    return { action: "toggleWhiteScreen" };
+  }
   if (key === "m" && ctrlKey) {
     return { action: "toggleToolbar" };
   }
@@ -1232,6 +1312,8 @@ function usePresentationKeyboard(input) {
     onToggleEraser,
     onToggleToolbar,
     onTogglePresenterView,
+    onToggleBlackScreen,
+    onToggleWhiteScreen,
     rehearsing,
     recordCurrentSlideTime,
     presentationSlideIndex,
@@ -1276,6 +1358,12 @@ function usePresentationKeyboard(input) {
         case "togglePresenterView":
           onTogglePresenterView?.();
           break;
+        case "toggleBlackScreen":
+          onToggleBlackScreen?.();
+          break;
+        case "toggleWhiteScreen":
+          onToggleWhiteScreen?.();
+          break;
       }
     };
     window.addEventListener("keydown", handleKeyDown);
@@ -1291,6 +1379,8 @@ function usePresentationKeyboard(input) {
     onToggleEraser,
     onToggleToolbar,
     onTogglePresenterView,
+    onToggleBlackScreen,
+    onToggleWhiteScreen,
     rehearsing,
     recordCurrentSlideTime,
     presentationSlideIndex,
@@ -1670,6 +1760,53 @@ function useZoomNavigation(input) {
     clearZoomReturn
   };
 }
+function usePresenterConsole(slideIndex) {
+  const timerRef = useRef(createPresenterTimer());
+  const [snapshot, setSnapshot] = useState(() => createInitialPresentationSnapshot(slideIndex));
+  const patch = useCallback((value) => {
+    setSnapshot((current) => mergePresentationSnapshot(current, value));
+  }, []);
+  useEffect(() => patch({ slideIndex }), [patch, slideIndex]);
+  useEffect(() => {
+    const timer = window.setInterval(() => {
+      patch({
+        paused: timerRef.current.paused,
+        elapsedMs: presenterElapsed(timerRef.current)
+      });
+    }, 1e3);
+    return () => window.clearInterval(timer);
+  }, [patch]);
+  return {
+    snapshot,
+    applyAudienceSnapshot: setSnapshot,
+    setBlackout: (blackout) => patch({ blackout }),
+    toggleTimer: () => {
+      timerRef.current = togglePresenterTimer(timerRef.current);
+      patch({
+        paused: timerRef.current.paused,
+        elapsedMs: presenterElapsed(timerRef.current)
+      });
+    },
+    resetTimer: () => {
+      timerRef.current = resetPresenterTimer();
+      patch({ paused: false, elapsedMs: 0 });
+    },
+    stepZoom: (direction) => setSnapshot(
+      (current) => mergePresentationSnapshot(current, {
+        zoom: stepPresenterZoom(
+          current.zoom ?? { scale: 1, originX: 0.5, originY: 0.5 },
+          direction
+        )
+      })
+    ),
+    resetZoom: () => patch({ zoom: { scale: 1, originX: 0.5, originY: 0.5 } }),
+    setCaption: (caption) => patch({ caption }),
+    setSubtitlesVisible: (subtitlesVisible) => patch({ subtitlesVisible }),
+    updateSnapshot: patch
+  };
+}
+
+// src/viewer/hooks/usePresentationMode.ts
 function usePresentationMode(input) {
   const {
     mode,
@@ -1759,16 +1896,28 @@ function usePresentationMode(input) {
     setShowRehearsalSummary
   });
   const { handleZoomClick, zoomReturnSlideIndex, returnToZoomSlide, clearZoomReturn } = useZoomNavigation({ navigateToSlide });
-  const { openAudienceWindow, closeAudienceWindow, isAudienceWindowOpen, syncSlideToAudience } = usePresenterWindow({
-    currentSlideIndex: presentationSlideIndex,
+  const presenterConsole = usePresenterConsole(presentationSlideIndex);
+  const {
+    openAudienceWindow,
+    closeAudienceWindow,
+    isAudienceWindowOpen,
+    syncSlideToAudience,
+    syncStateToAudience,
+    swapDisplays
+  } = usePresenterWindow({
     isPresenterMode: presenterMode,
-    content
+    content,
+    snapshot: presenterConsole.snapshot
   });
   useAudienceMode({
     mode,
     onSetMode,
-    onSetActiveSlideIndex,
-    containerRef
+    onSetActiveSlideIndex: (index) => {
+      onSetActiveSlideIndex(index);
+      setPresentationSlideIndex(index);
+    },
+    containerRef,
+    onSnapshot: presenterConsole.applyAudienceSnapshot
   });
   const enterPresentMode = useCallback(() => {
     setPresenterMode(false);
@@ -1825,6 +1974,12 @@ function usePresentationMode(input) {
     onToggleEraser,
     onToggleToolbar,
     onTogglePresenterView: togglePresenterView,
+    onToggleBlackScreen: () => presenterConsole.setBlackout(
+      presenterConsole.snapshot.blackout === "black" ? "none" : "black"
+    ),
+    onToggleWhiteScreen: () => presenterConsole.setBlackout(
+      presenterConsole.snapshot.blackout === "white" ? "none" : "white"
+    ),
     rehearsing,
     recordCurrentSlideTime,
     presentationSlideIndex,
@@ -1945,7 +2100,18 @@ function usePresentationMode(input) {
     openAudienceWindow,
     closeAudienceWindow,
     isAudienceWindowOpen,
-    syncSlideToAudience
+    syncSlideToAudience,
+    syncStateToAudience,
+    swapPresenterDisplays: swapDisplays,
+    presenterSnapshot: presenterConsole.snapshot,
+    setPresenterBlackout: presenterConsole.setBlackout,
+    togglePresenterTimer: presenterConsole.toggleTimer,
+    resetPresenterTimer: presenterConsole.resetTimer,
+    stepPresenterZoom: presenterConsole.stepZoom,
+    resetPresenterZoom: presenterConsole.resetZoom,
+    setPresenterCaption: presenterConsole.setCaption,
+    setPresenterSubtitlesVisible: presenterConsole.setSubtitlesVisible,
+    updatePresenterSnapshot: presenterConsole.updateSnapshot
   };
 }
 var PEN_WIDTH = 2.5;
@@ -8487,7 +8653,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React3.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-GUAS2NWQ.mjs');
+      return await import('./SurfaceChart3DScene-DBWSDSKI.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -13700,8 +13866,11 @@ function useTableOperations(input) {
     ...mergeHandlers
   };
 }
+
+// src/lib/canvas-export.ts
 async function renderToCanvas(element, options = {}) {
   const userOnClone = options.onclone;
+  const { default: html2canvasPro } = await import('html2canvas-pro');
   return html2canvasPro(element, {
     ...options,
     onclone: async (doc, clonedEl) => {
@@ -14788,13 +14957,6 @@ function useThemeHandlers(input) {
     handleSwitchTheme
   };
 }
-function colorSchemesMatch(a, b) {
-  if (!a) {
-    return false;
-  }
-  const normalize = (hex) => hex.replace(/^#/u, "").toUpperCase().slice(0, 6);
-  return normalize(a.dk1) === normalize(b.dk1) && normalize(a.lt1) === normalize(b.lt1) && normalize(a.dk2) === normalize(b.dk2) && normalize(a.lt2) === normalize(b.lt2) && normalize(a.accent1) === normalize(b.accent1) && normalize(a.accent2) === normalize(b.accent2) && normalize(a.accent3) === normalize(b.accent3) && normalize(a.accent4) === normalize(b.accent4) && normalize(a.accent5) === normalize(b.accent5) && normalize(a.accent6) === normalize(b.accent6) && normalize(a.hlink) === normalize(b.hlink) && normalize(a.folHlink) === normalize(b.folHlink);
-}
 function useThemeSwitching(input) {
   const { handlerRef, data, onDataChange, onThemeChanged } = input;
   const switchToPreset = useCallback(
@@ -14834,7 +14996,9 @@ function useThemeSwitching(input) {
     if (!data?.theme?.colorScheme) {
       return void 0;
     }
-    return THEME_PRESETS.find((p) => colorSchemesMatch(data.theme?.colorScheme, p.colorScheme));
+    return THEME_PRESETS.find(
+      (p) => themeColorSchemesEqual(data.theme?.colorScheme, p.colorScheme)
+    );
   }, [data?.theme?.colorScheme]);
   return {
     presets: THEME_PRESETS,
@@ -17513,7 +17677,7 @@ function useYjsDocumentSync({
         return;
       }
       try {
-        const { PptxHandler: PptxHandler2 } = await import('./dist-MXDC6YTS.mjs');
+        const { PptxHandler: PptxHandler2 } = await import('./dist-N6PAPXK6.mjs');
         const handler = new PptxHandler2();
         await handler.load(sourceBytes.buffer);
         const currentSlides = readSlidesFromYDoc(
@@ -17989,4 +18153,4 @@ function useSwipeNavigation(input) {
   return { onTouchStart, onTouchEnd };
 }
 
-export { ACTION_VERB_MAP, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_STROKE_COLOR, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, EMU_PER_PX, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, MIN_TOUCH_TARGET, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, SLIDE_TRANSITION_OPTIONS, SmartArtNodeText, TOOLBAR_SECTIONS, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, buildTree, cellStyleToCss, chevronPoints, clearAudienceContent, cn, colour, computeVirtualRange, detectTargetType, ensureArrayValue, extractCellText, extractTableCellStyle, fitFontSize, gearPath, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle, getShapeVisualStyle, getTableCellBandStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isAudienceTab, isConnectorOrLineElement, isImageTiled, layoutToCategory, loadAudienceContent, nodeOpacity, parseEmailUrl, parseSlideFromUrl, parseTableElementData, renderAccentProcess, renderAlternatingFlow, renderArtisticEffectSvgFilter, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderDescendingProcess, renderDuotoneSvgFilter, renderGroupedList, renderHorizontalPictureList, renderImageAlphaSvgFilter, renderMediaElement, renderPictureAccentList, renderPyramidList, renderStepDownProcess, renderTableElement, renderTextSegments, renderToCanvas, renderVectorShape, renderVerticalBlockList, renderVerticalChevronList, resolvePalette, resolveSmartArtDataPalette, resolveStyle, shouldRenderFallbackLabel, smartArtNodeGroupProps, startPreviewAnimation, stopPreviewAnimation, storeAudienceContent, styleShadow, styleStroke, treeDepth, treeWidth, truncate, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useClipboardHandlers, useCollaborativeHistory, useCollaborativeState, useComments, 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, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useTouchGestures, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport, wrapChrome };
+export { ACTION_VERB_MAP, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_STROKE_COLOR, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, EMU_PER_PX, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, MIN_TOUCH_TARGET, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, SLIDE_TRANSITION_OPTIONS, SmartArtNodeText, TOOLBAR_SECTIONS, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, buildTree, cellStyleToCss, chevronPoints, clearAudienceContent, cn, colour, computeVirtualRange, detectTargetType, ensureArrayValue, extractCellText, extractTableCellStyle, fitFontSize, gearPath, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle, getShapeVisualStyle, getTableCellBandStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isAudienceTab, isConnectorOrLineElement, isImageTiled, layoutToCategory, loadAudienceContent, nodeOpacity, parseAudienceNonce, parseEmailUrl, parseSlideFromUrl, parseTableElementData, renderAccentProcess, renderAlternatingFlow, renderArtisticEffectSvgFilter, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderDescendingProcess, renderDuotoneSvgFilter, renderGroupedList, renderHorizontalPictureList, renderImageAlphaSvgFilter, renderMediaElement, renderPictureAccentList, renderPyramidList, renderStepDownProcess, renderTableElement, renderTextSegments, renderToCanvas, renderVectorShape, renderVerticalBlockList, renderVerticalChevronList, resolvePalette, resolveSmartArtDataPalette, resolveStyle, shouldRenderFallbackLabel, smartArtNodeGroupProps, startPreviewAnimation, stopPreviewAnimation, storeAudienceContent, styleShadow, styleStroke, treeDepth, treeWidth, truncate, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useClipboardHandlers, useCollaborativeHistory, useCollaborativeState, useComments, 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, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useTouchGestures, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport, wrapChrome };