pptx-react-viewer 1.17.1 → 1.19.0

package/dist/{chunk-HN7CPQUG.mjs → chunk-XGTMHQR7.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-5CD34U2V.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, computeEntranceAnimationDelay, 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, 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, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, remapTextToSegments, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, createSyncGate, validateRoomId, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, BROADCAST_THROTTLE_MS, sanitizeColor, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createTouchGestureRecognizer, isKeyboardOpen, buildElementClipboardPayload, generatePackageReadme, 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, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getPatternSvg, ooxmlDashToCssBorderStyle, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, sanitizeDownloadFilename, encodeGif, groupSlidesBySection, cloneElementForPaste, computeScrollDelta, rerouteConnectorsForMovedElements, applyReroutedConnectors, buildPrintHtmlDocument, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, tintColor2, shadeColor2, 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-R7FTNSSP.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-3ZGCM6RC.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
@@ -548,30 +547,6 @@ function useZoomViewport({
   };
 }
 
-// src/viewer/hooks/usePresentationSetup-helpers.ts
-function shouldLoopContinuously(input) {
-  return Boolean(input.loopContinuously) || input.showType === "kiosk";
-}
-function applyRehearsalTimings(slides, timings) {
-  return slides.map((slide, idx) => {
-    const ms = timings[idx];
-    if (typeof ms !== "number") {
-      return slide;
-    }
-    return {
-      ...slide,
-      transition: {
-        ...slide.transition,
-        type: slide.transition?.type ?? "none",
-        advanceAfterMs: ms
-      }
-    };
-  });
-}
-function computeEntranceAnimationDelay(delayMs, animationIndex) {
-  return Math.max(0, delayMs || 0) + animationIndex * 60;
-}
-
 // src/viewer/hooks/presentation-mode/animation-helpers.ts
 function applyAnimationGroupSteps(group, onPlayActionSound, setPresentationElementStates, presentationTimersRef) {
   for (const step of group.steps) {
@@ -879,7 +854,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 +875,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 +916,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 +938,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 +961,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 +977,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 +999,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 +1042,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 +1083,7 @@ function usePresenterWindow(input) {
         return;
       }
       try {
-        win.location.replace(audienceUrl.toString());
+        win.location.replace(audienceUrl);
       } catch {
         try {
           win.close();
@@ -1077,11 +1094,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 +1110,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 +1148,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 +1159,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 +1175,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 +1202,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 +1211,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 +1226,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 +1262,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 +1288,8 @@ function usePresentationKeyboard(input) {
     onToggleEraser,
     onToggleToolbar,
     onTogglePresenterView,
+    onToggleBlackScreen,
+    onToggleWhiteScreen,
     rehearsing,
     recordCurrentSlideTime,
     presentationSlideIndex,
@@ -1276,6 +1334,12 @@ function usePresentationKeyboard(input) {
         case "togglePresenterView":
           onTogglePresenterView?.();
           break;
+        case "toggleBlackScreen":
+          onToggleBlackScreen?.();
+          break;
+        case "toggleWhiteScreen":
+          onToggleWhiteScreen?.();
+          break;
       }
     };
     window.addEventListener("keydown", handleKeyDown);
@@ -1291,6 +1355,8 @@ function usePresentationKeyboard(input) {
     onToggleEraser,
     onToggleToolbar,
     onTogglePresenterView,
+    onToggleBlackScreen,
+    onToggleWhiteScreen,
     rehearsing,
     recordCurrentSlideTime,
     presentationSlideIndex,
@@ -1670,6 +1736,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 +1872,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 +1950,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 +2076,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;
@@ -4030,21 +4172,25 @@ function renderEquationSegment(elementId, segmentIndex, equationXml, equationNum
   return /* @__PURE__ */ jsx("span", { children: equationContent }, `${elementId}-seg-${segmentIndex}`);
 }
 function renderPictureBullet(elementId, segmentIndex, bulletInfo, baseFontSize) {
-  const bulletSize = typeof bulletInfo.sizePts === "number" ? bulletInfo.sizePts : typeof bulletInfo.sizePercent === "number" ? baseFontSize * (bulletInfo.sizePercent / 100) : baseFontSize;
-  if (!bulletInfo.imageDataUrl) {
+  const picture = resolvePictureBullet(bulletInfo, baseFontSize) ?? {
+    sizePx: baseFontSize,
+    fallbackMarker: "\u2022",
+    accessibleLabel: "Bullet"
+  };
+  if (!picture.src) {
     return /* @__PURE__ */ jsx(
       "span",
       {
         style: {
-          fontSize: bulletSize,
+          fontSize: picture.sizePx,
           display: "inline-block",
           verticalAlign: "middle",
           marginInlineEnd: 4,
           color: bulletInfo.color || void 0,
           fontFamily: bulletInfo.fontFamily || void 0
         },
-        "aria-label": translationsEn["pptx.textSegment.bulletAria"],
-        children: "\u2022 "
+        "aria-label": picture.accessibleLabel,
+        children: `${picture.fallbackMarker} `
       },
       `${elementId}-seg-${segmentIndex}-bullet-fallback`
     );
@@ -4052,11 +4198,11 @@ function renderPictureBullet(elementId, segmentIndex, bulletInfo, baseFontSize)
   return /* @__PURE__ */ jsx(
     "img",
     {
-      src: bulletInfo.imageDataUrl,
-      alt: translationsEn["pptx.textSegment.bulletAria"],
+      src: picture.src,
+      alt: picture.accessibleLabel,
       style: {
-        width: bulletSize,
-        height: bulletSize,
+        width: picture.sizePx,
+        height: picture.sizePx,
         display: "inline-block",
         verticalAlign: "middle",
         marginInlineEnd: 4,
@@ -4466,9 +4612,6 @@ function isConnectorOrLineElement(element) {
   const st = getShapeType(element.shapeType);
   return st === "connector" || st === "line" || element.shapeType === "line";
 }
-function getDuotoneFilterId(elementId) {
-  return `duotone-${elementId}`;
-}
 function hexToRgbUnit(hex) {
   const clean = hex.replace("#", "");
   const r = parseInt(clean.substring(0, 2), 16) / 255;
@@ -4480,50 +4623,6 @@ function hexToRgbUnit(hex) {
     b: Number.isFinite(b) ? b : 0
   };
 }
-function renderDuotoneSvgFilter(elementId, color1, color2) {
-  const filterId = getDuotoneFilterId(elementId);
-  const c1 = hexToRgbUnit(color1);
-  const c2 = hexToRgbUnit(color2);
-  const grayscaleMatrix = [
-    0.2126,
-    0.7152,
-    0.0722,
-    0,
-    0,
-    0.2126,
-    0.7152,
-    0.0722,
-    0,
-    0,
-    0.2126,
-    0.7152,
-    0.0722,
-    0,
-    0,
-    0,
-    0,
-    0,
-    1,
-    0
-  ].join(" ");
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: 0,
-      height: 0,
-      style: { position: "absolute", overflow: "hidden" },
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: filterId, colorInterpolationFilters: "sRGB", children: [
-        /* @__PURE__ */ jsx("feColorMatrix", { type: "matrix", values: grayscaleMatrix }),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: c2.r - c1.r, intercept: c1.r }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: c2.g - c1.g, intercept: c1.g }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: c2.b - c1.b, intercept: c1.b })
-        ] })
-      ] }) })
-    }
-  );
-}
 function getDuotoneColors(element) {
   if (!isImageLikeElement(element)) {
     return void 0;
@@ -4577,128 +4676,6 @@ function mapDagBlendModeToCss(blend) {
       return void 0;
   }
 }
-function getImageAlphaFilterId(elementId) {
-  return `imgalpha-${elementId}`;
-}
-function hasAdvancedImageAlphaEffects(element) {
-  if (!isImageLikeElement(element)) {
-    return false;
-  }
-  const e = element.imageEffects;
-  if (!e) {
-    return false;
-  }
-  return Boolean(
-    typeof e.alphaModFix === "number" || e.alphaInv || e.alphaCeiling || e.alphaFloor || typeof e.alphaRepl === "number" || typeof e.alphaBiLevel === "number" || typeof e.biLevel === "number" || e.lum && (typeof e.lum.bright === "number" || typeof e.lum.contrast === "number") || e.hsl && (typeof e.hsl.sat === "number" || typeof e.hsl.lum === "number") || e.tint && typeof e.tint.amt === "number" || e.clrRepl
-  );
-}
-function renderImageAlphaSvgFilter(element) {
-  if (!isImageLikeElement(element)) {
-    return null;
-  }
-  const e = element.imageEffects;
-  if (!e || !hasAdvancedImageAlphaEffects(element)) {
-    return null;
-  }
-  const filterId = getImageAlphaFilterId(element.id);
-  const primitives = [];
-  let resultIdx = 0;
-  let inputRef = "SourceGraphic";
-  const next = (jsx42) => {
-    const result = `r${resultIdx++}`;
-    primitives.push(jsx42(inputRef, result));
-    inputRef = result;
-  };
-  if (typeof e.alphaModFix === "number") {
-    const mul = clamp(e.alphaModFix / 100, 0, 1);
-    next((inp, out) => /* @__PURE__ */ jsx(
-      "feColorMatrix",
-      {
-        in: inp,
-        result: out,
-        type: "matrix",
-        values: `1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 ${mul} 0`
-      },
-      out
-    ));
-  }
-  if (e.alphaInv) {
-    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "linear", slope: -1, intercept: 1 }) }, out));
-  }
-  if (e.alphaCeiling) {
-    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "discrete", tableValues: "0 1 1 1 1 1 1 1 1 1" }) }, out));
-  }
-  if (e.alphaFloor) {
-    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "discrete", tableValues: "0 0 0 0 0 0 0 0 0 1" }) }, out));
-  }
-  if (typeof e.alphaRepl === "number") {
-    const a = clamp(e.alphaRepl / 100, 0, 1);
-    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "linear", slope: 0, intercept: a }) }, out));
-  }
-  if (typeof e.alphaBiLevel === "number") {
-    const t = clamp(e.alphaBiLevel / 100, 0, 1);
-    const table = Array.from({ length: 10 }, (_, i) => i / 10 >= t ? "1" : "0").join(" ");
-    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "discrete", tableValues: table }) }, out));
-  }
-  if (typeof e.biLevel === "number") {
-    next((inp, out) => /* @__PURE__ */ jsx("feColorMatrix", { in: inp, result: out, type: "saturate", values: "0" }, out));
-    const t = clamp(e.biLevel / 100, 0, 1);
-    const tbl = t < 0.5 ? "0 1" : "0 1";
-    next((inp, out) => /* @__PURE__ */ jsxs("feComponentTransfer", { in: inp, result: out, children: [
-      /* @__PURE__ */ jsx("feFuncR", { type: "discrete", tableValues: tbl }),
-      /* @__PURE__ */ jsx("feFuncG", { type: "discrete", tableValues: tbl }),
-      /* @__PURE__ */ jsx("feFuncB", { type: "discrete", tableValues: tbl })
-    ] }, out));
-  }
-  if (e.lum && (typeof e.lum.bright === "number" || typeof e.lum.contrast === "number")) {
-    const b = (e.lum.bright ?? 0) / 100;
-    const c = 1 + (e.lum.contrast ?? 0) / 100;
-    const slope = c;
-    const intercept = b + (1 - c) / 2;
-    next((inp, out) => /* @__PURE__ */ jsxs("feComponentTransfer", { in: inp, result: out, children: [
-      /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope, intercept }),
-      /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope, intercept }),
-      /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope, intercept })
-    ] }, out));
-  }
-  if (e.hsl && typeof e.hsl.sat === "number") {
-    const v = clamp(1 + e.hsl.sat / 100, 0, 2);
-    next((inp, out) => /* @__PURE__ */ jsx("feColorMatrix", { in: inp, result: out, type: "saturate", values: String(v) }, out));
-  }
-  if (e.tint && typeof e.tint.amt === "number" && e.tint.amt < 0) {
-    const v = clamp(1 + e.tint.amt / 100, 0, 1);
-    next((inp, out) => /* @__PURE__ */ jsx("feColorMatrix", { in: inp, result: out, type: "saturate", values: String(v) }, out));
-  }
-  if (e.clrRepl) {
-    const c = hexToRgbUnit(e.clrRepl.color);
-    next((inp, out) => /* @__PURE__ */ jsx(
-      "feColorMatrix",
-      {
-        in: inp,
-        result: out,
-        type: "matrix",
-        values: `0 0 0 0 ${c.r}  0 0 0 0 ${c.g}  0 0 0 0 ${c.b}  0 0 0 1 0`
-      },
-      out
-    ));
-  }
-  if (primitives.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: 0,
-      height: 0,
-      style: { position: "absolute", overflow: "hidden" },
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("filter", { id: filterId, colorInterpolationFilters: "sRGB", children: primitives }) })
-    }
-  );
-}
-function clamp(v, lo, hi) {
-  return v < lo ? lo : v > hi ? hi : v;
-}
 function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
@@ -8487,7 +8464,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React3.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-GUAS2NWQ.mjs');
+      return await import('./SurfaceChart3DScene-52VUVZSC.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -10870,366 +10847,6 @@ function stopPreviewAnimation() {
   }
   activePreview = null;
 }
-var SVG_FILTER_EFFECTS = /* @__PURE__ */ new Set([
-  "artisticFilmGrain",
-  "filmGrain",
-  "artisticCutout",
-  "cutout",
-  "artisticCement",
-  "cement",
-  "artisticTexturizer",
-  "texturizer",
-  "artisticCrisscrossEtching",
-  "crisscrossEtching",
-  "artisticMosaic",
-  "artisticMosaicBubbles",
-  "mosaicBubbles",
-  "mosaic",
-  "artisticGlowEdges",
-  "glowEdges",
-  "glow_edges",
-  "artisticChalkSketch",
-  "chalkSketch",
-  "chalk",
-  "artisticPencilSketch",
-  "pencilSketch",
-  "artisticPencilGrayscale",
-  "pencilGrayscale",
-  "grayPencil"
-]);
-function getArtisticFilterId(elementId) {
-  return `artistic-fx-${elementId}`;
-}
-function needsSvgArtisticFilter(effectName) {
-  if (!effectName) {
-    return false;
-  }
-  return SVG_FILTER_EFFECTS.has(effectName);
-}
-function renderArtisticEffectSvgFilter(elementId, effectName, radius) {
-  if (!effectName || !needsSvgArtisticFilter(effectName)) {
-    return null;
-  }
-  const filterId = getArtisticFilterId(elementId);
-  const filterContent = buildFilterPrimitives(effectName, radius);
-  if (!filterContent) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: 0,
-      height: 0,
-      style: { position: "absolute", overflow: "hidden" },
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
-        "filter",
-        {
-          id: filterId,
-          x: "0%",
-          y: "0%",
-          width: "100%",
-          height: "100%",
-          colorInterpolationFilters: "sRGB",
-          children: filterContent
-        }
-      ) })
-    }
-  );
-}
-function buildFilterPrimitives(effectName, radius) {
-  const normalizedRadius = Math.max(0, Math.min(100, radius)) / 100;
-  switch (effectName) {
-    // ── Film Grain ──────────────────────────────────────────────────────
-    // Subtle noise overlay using feTurbulence blended with the source.
-    case "artisticFilmGrain":
-    case "filmGrain": {
-      const freq = 0.5 + normalizedRadius * 0.5;
-      const opacity = 0.15 + normalizedRadius * 0.25;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "feTurbulence",
-          {
-            type: "fractalNoise",
-            baseFrequency: freq,
-            numOctaves: 4,
-            seed: 1,
-            stitchTiles: "stitch",
-            result: "grain"
-          }
-        ),
-        /* @__PURE__ */ jsx("feColorMatrix", { in: "grain", type: "saturate", values: "0", result: "grainGray" }),
-        /* @__PURE__ */ jsx("feBlend", { in: "SourceGraphic", in2: "grainGray", mode: "overlay" }),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: 1 + opacity * 0.3, intercept: opacity * 0.02 }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: 1 + opacity * 0.3, intercept: opacity * 0.02 }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: 1 + opacity * 0.3, intercept: opacity * 0.02 })
-        ] })
-      ] });
-    }
-    // ── Cutout ──────────────────────────────────────────────────────────
-    // Posterization: reduce colours to discrete steps using feComponentTransfer
-    // with `discrete` table values.
-    case "artisticCutout":
-    case "cutout": {
-      const steps = Math.max(2, Math.round(4 + normalizedRadius * 4));
-      const tableValues = buildDiscreteTable(steps);
-      return /* @__PURE__ */ jsxs("feComponentTransfer", { children: [
-        /* @__PURE__ */ jsx("feFuncR", { type: "discrete", tableValues }),
-        /* @__PURE__ */ jsx("feFuncG", { type: "discrete", tableValues }),
-        /* @__PURE__ */ jsx("feFuncB", { type: "discrete", tableValues })
-      ] });
-    }
-    // ── Cement ──────────────────────────────────────────────────────────
-    // Desaturated image with a fine noise texture overlay.
-    case "artisticCement":
-    case "cement": {
-      const freq = 1.5 + normalizedRadius * 2.5;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "feColorMatrix",
-          {
-            type: "saturate",
-            values: `${Math.max(0, 0.4 - normalizedRadius * 0.3)}`,
-            result: "desat"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "feTurbulence",
-          {
-            type: "fractalNoise",
-            baseFrequency: freq,
-            numOctaves: 5,
-            seed: 2,
-            stitchTiles: "stitch",
-            result: "cementNoise"
-          }
-        ),
-        /* @__PURE__ */ jsx("feColorMatrix", { in: "cementNoise", type: "saturate", values: "0", result: "cementGray" }),
-        /* @__PURE__ */ jsx("feBlend", { in: "desat", in2: "cementGray", mode: "multiply" }),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: 1.2, intercept: 0 }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: 1.2, intercept: 0 }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: 1.2, intercept: 0 })
-        ] })
-      ] });
-    }
-    // ── Texturizer ─────────────────────────────────────────────────────
-    // Fine noise texture overlay on the original image.
-    case "artisticTexturizer":
-    case "texturizer": {
-      const freq = 2 + normalizedRadius * 3;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "feTurbulence",
-          {
-            type: "fractalNoise",
-            baseFrequency: freq,
-            numOctaves: 3,
-            seed: 3,
-            stitchTiles: "stitch",
-            result: "texNoise"
-          }
-        ),
-        /* @__PURE__ */ jsx("feColorMatrix", { in: "texNoise", type: "saturate", values: "0", result: "texGray" }),
-        /* @__PURE__ */ jsx("feBlend", { in: "SourceGraphic", in2: "texGray", mode: "overlay" }),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: 1.1, intercept: 0.02 }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: 1.1, intercept: 0.02 }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: 1.1, intercept: 0.02 })
-        ] })
-      ] });
-    }
-    // ── Crisscross Etching ─────────────────────────────────────────────
-    // Grayscale image with a hatching-like line pattern overlay.
-    case "artisticCrisscrossEtching":
-    case "crisscrossEtching": {
-      const freq = 0.08 + normalizedRadius * 0.12;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("feColorMatrix", { type: "saturate", values: "0", result: "gray" }),
-        /* @__PURE__ */ jsx(
-          "feTurbulence",
-          {
-            type: "turbulence",
-            baseFrequency: `${freq} ${freq * 3}`,
-            numOctaves: 1,
-            seed: 7,
-            result: "lines"
-          }
-        ),
-        /* @__PURE__ */ jsx("feColorMatrix", { in: "lines", type: "saturate", values: "0", result: "linesGray" }),
-        /* @__PURE__ */ jsx("feBlend", { in: "gray", in2: "linesGray", mode: "multiply" }),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: 1.3, intercept: -0.05 }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: 1.3, intercept: -0.05 }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: 1.3, intercept: -0.05 })
-        ] })
-      ] });
-    }
-    // ── Mosaic / Mosaic Bubbles ─────────────────────────────────────────
-    // Pixelation effect: achieved via heavy blur + displacement noise.
-    // True pixelation requires image-rendering: pixelated + downscale
-    // but SVG filter gives a reasonable approximation.
-    case "artisticMosaic":
-    case "artisticMosaicBubbles":
-    case "mosaicBubbles":
-    case "mosaic": {
-      const blurAmount = Math.max(2, Math.round(radius * 0.8));
-      const freq = 0.02 + normalizedRadius * 0.03;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: blurAmount, result: "blurred" }),
-        /* @__PURE__ */ jsx(
-          "feTurbulence",
-          {
-            type: "turbulence",
-            baseFrequency: freq,
-            numOctaves: 1,
-            seed: 4,
-            result: "cells"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "feDisplacementMap",
-          {
-            in: "blurred",
-            in2: "cells",
-            scale: blurAmount * 0.5,
-            xChannelSelector: "R",
-            yChannelSelector: "G",
-            result: "mosaic"
-          }
-        ),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { in: "mosaic", children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: 1.05, intercept: 0 }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: 1.05, intercept: 0 }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: 1.05, intercept: 0 })
-        ] })
-      ] });
-    }
-    // ── Glow Edges ─────────────────────────────────────────────────────
-    // Edge detection with glow: invert, blur slightly, overlay to
-    // create edge-glowing effect.
-    case "artisticGlowEdges":
-    case "glowEdges":
-    case "glow_edges": {
-      const edgeBlur = Math.max(1, Math.round(normalizedRadius * 3));
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "feColorMatrix",
-          {
-            type: "matrix",
-            values: "-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0",
-            result: "inverted"
-          }
-        ),
-        /* @__PURE__ */ jsx("feGaussianBlur", { in: "inverted", stdDeviation: edgeBlur, result: "blurredInv" }),
-        /* @__PURE__ */ jsx("feBlend", { in: "SourceGraphic", in2: "blurredInv", mode: "screen" }),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: 2, intercept: -0.3 }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: 2, intercept: -0.3 }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: 2, intercept: -0.3 })
-        ] })
-      ] });
-    }
-    // ── Chalk Sketch ───────────────────────────────────────────────────
-    // Grayscale with high contrast and chalk-like noise texture.
-    case "artisticChalkSketch":
-    case "chalkSketch":
-    case "chalk": {
-      const freq = 1 + normalizedRadius * 2;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "feColorMatrix",
-          {
-            type: "saturate",
-            values: `${Math.max(0, 0.2 - normalizedRadius * 0.2)}`,
-            result: "gray"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "feTurbulence",
-          {
-            type: "fractalNoise",
-            baseFrequency: freq,
-            numOctaves: 4,
-            seed: 5,
-            stitchTiles: "stitch",
-            result: "chalkTex"
-          }
-        ),
-        /* @__PURE__ */ jsx("feColorMatrix", { in: "chalkTex", type: "saturate", values: "0", result: "chalkGray" }),
-        /* @__PURE__ */ jsx("feBlend", { in: "gray", in2: "chalkGray", mode: "overlay" }),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: 1.5, intercept: 0.05 }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: 1.5, intercept: 0.05 }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: 1.5, intercept: 0.05 })
-        ] })
-      ] });
-    }
-    // ── Pencil Sketch ──────────────────────────────────────────────────
-    // Grayscale with edge enhancement: invert + blur + blend (multiply)
-    // to create pencil-drawing look.
-    case "artisticPencilSketch":
-    case "pencilSketch": {
-      const blurAmt = Math.max(3, Math.round(4 + normalizedRadius * 8));
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("feColorMatrix", { type: "saturate", values: "0", result: "gray" }),
-        /* @__PURE__ */ jsx(
-          "feColorMatrix",
-          {
-            in: "gray",
-            type: "matrix",
-            values: "-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0",
-            result: "invGray"
-          }
-        ),
-        /* @__PURE__ */ jsx("feGaussianBlur", { in: "invGray", stdDeviation: blurAmt, result: "blurInv" }),
-        /* @__PURE__ */ jsx("feBlend", { in: "blurInv", in2: "gray", mode: "screen", result: "sketch" }),
-        /* @__PURE__ */ jsxs("feComponentTransfer", { in: "sketch", children: [
-          /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope: 1.6, intercept: -0.15 }),
-          /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope: 1.6, intercept: -0.15 }),
-          /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope: 1.6, intercept: -0.15 })
-        ] })
-      ] });
-    }
-    // ── Pencil Grayscale ───────────────────────────────────────────────
-    // Desaturated image with enhanced edge contrast (sharpen effect).
-    case "artisticPencilGrayscale":
-    case "pencilGrayscale":
-    case "grayPencil": {
-      const sharpenBlur = Math.max(0.5, 1 + normalizedRadius * 2);
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("feColorMatrix", { type: "saturate", values: "0", result: "gray" }),
-        /* @__PURE__ */ jsx("feGaussianBlur", { in: "gray", stdDeviation: sharpenBlur, result: "grayBlur" }),
-        /* @__PURE__ */ jsx(
-          "feComposite",
-          {
-            in: "gray",
-            in2: "grayBlur",
-            operator: "arithmetic",
-            k1: 0,
-            k2: 1.5,
-            k3: -0.5,
-            k4: 0
-          }
-        )
-      ] });
-    }
-    default:
-      return null;
-  }
-}
-function buildDiscreteTable(steps) {
-  const values = [];
-  for (let i = 0; i < steps; i++) {
-    const v = Math.round(i / (steps - 1) * 100) / 100;
-    const count = Math.ceil(256 / steps);
-    for (let j = 0; j < count; j++) {
-      values.push(v);
-    }
-  }
-  return values.slice(0, 256).join(" ");
-}
 
 // src/viewer/hooks/useElementOperations.ts
 function useElementOperations(input) {
@@ -13700,8 +13317,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) => {
@@ -13965,24 +13585,6 @@ async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide,
   return new Blob([buf], { type: "image/gif" });
 }
 
-// src/viewer/utils/export-package.ts
-function generatePackageReadme(presentationFilename) {
-  return [
-    "Presentation Package",
-    "====================",
-    "",
-    `This folder contains the presentation "${presentationFilename}" along with`,
-    "all linked media files (images, audio, video) in the /media subfolder.",
-    "",
-    "To view this presentation:",
-    "1. Open the .pptx file with any compatible presentation software",
-    "2. Ensure the /media folder remains alongside the .pptx file",
-    "",
-    `Packaged on ${(/* @__PURE__ */ new Date()).toLocaleDateString()}`,
-    ""
-  ].join("\n");
-}
-
 // src/viewer/utils/export-svg.ts
 function injectFontFaces(svg, fontFaces) {
   if (!fontFaces.length) {
@@ -14788,13 +14390,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 +14429,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,
@@ -14843,74 +14440,6 @@ function useThemeSwitching(input) {
     currentPreset
   };
 }
-
-// src/viewer/hooks/usePropertyHandlers-helpers.ts
-function collectUsedFonts(slides) {
-  const fonts = /* @__PURE__ */ new Set();
-  for (const slide of slides) {
-    for (const el of slide.elements ?? []) {
-      collectFontsFromElement(el, fonts);
-    }
-  }
-  return Array.from(fonts).sort();
-}
-function collectFontsFromElement(el, fonts) {
-  if (hasTextProperties(el)) {
-    if (el.textStyle?.fontFamily) {
-      fonts.add(el.textStyle.fontFamily);
-    }
-    if (el.textSegments) {
-      for (const seg of el.textSegments) {
-        if (seg.style?.fontFamily) {
-          fonts.add(seg.style.fontFamily);
-        }
-      }
-    }
-  }
-  if (el.type === "group" && el.children) {
-    for (const child of el.children) {
-      collectFontsFromElement(child, fonts);
-    }
-  }
-}
-function applyAcceptSlide(slides, diff) {
-  const n = [...slides];
-  if (diff.status === "added" && diff.compareSlide) {
-    n.splice(Math.min(diff.compareIndex, n.length), 0, {
-      ...diff.compareSlide
-    });
-  } else if (diff.status === "changed" && diff.compareSlide && diff.baseIndex >= 0) {
-    n[diff.baseIndex] = { ...diff.compareSlide };
-  } else if (diff.status === "removed" && diff.baseIndex >= 0) {
-    n.splice(diff.baseIndex, 1);
-  }
-  return n;
-}
-function applyAcceptAllSlides(slides, compareResult) {
-  const n = [...slides];
-  const dd = [...compareResult.diffs];
-  for (let i = dd.length - 1; i >= 0; i--) {
-    const x = dd[i];
-    if (x.status === "removed" && x.baseIndex >= 0 && x.baseIndex < n.length) {
-      n.splice(x.baseIndex, 1);
-    }
-  }
-  for (const x of dd) {
-    if (x.status === "changed" && x.compareSlide && x.baseIndex >= 0 && x.baseIndex < n.length) {
-      n[x.baseIndex] = { ...x.compareSlide };
-    }
-  }
-  for (const x of dd) {
-    if (x.status === "added" && x.compareSlide) {
-      n.splice(Math.min(x.compareIndex, n.length), 0, {
-        ...x.compareSlide
-      });
-    }
-  }
-  return n;
-}
-
-// src/viewer/hooks/usePropertyHandlers.ts
 function usePropertyHandlers(input) {
   const {
     slides,
@@ -15493,54 +15022,13 @@ function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows) {
   return slides.map((_, i) => i).filter((i) => !slides[i]?.hidden);
 }
 function computeSlideSectionGroups(slides, sections) {
-  if (slides.length === 0) {
-    return [];
-  }
-  if (sections.length > 0) {
-    const sectionSlideMap = /* @__PURE__ */ new Map();
-    const ungroupedIndexes = [];
-    for (let i = 0; i < slides.length; i++) {
-      const sid = slides[i].sectionId;
-      if (sid) {
-        const arr = sectionSlideMap.get(sid);
-        if (arr) {
-          arr.push(i);
-        } else {
-          sectionSlideMap.set(sid, [i]);
-        }
-      } else {
-        ungroupedIndexes.push(i);
-      }
-    }
-    const groups = sections.map((sec) => ({
-      id: sec.id,
-      label: sec.name,
-      slideIndexes: sectionSlideMap.get(sec.id) ?? [],
-      color: sec.color,
-      defaultCollapsed: sec.collapsed
-    })).filter((g) => g.slideIndexes.length > 0);
-    if (ungroupedIndexes.length > 0) {
-      groups.push({
-        id: UNGROUPED_SECTION_ID,
-        label: "Ungrouped Slides",
-        slideIndexes: ungroupedIndexes
-      });
-    }
-    return groups.length > 0 ? groups : [
-      {
-        id: "default",
-        label: "Slides",
-        slideIndexes: slides.map((_s, i) => i)
-      }
-    ];
-  }
-  return [
-    {
-      id: "default",
-      label: "Slides",
-      slideIndexes: slides.map((_s, i) => i)
-    }
-  ];
+  return groupSlidesBySection(sections, slides).map((group) => ({
+    id: group.section?.id ?? (sections.length > 0 ? UNGROUPED_SECTION_ID : "default"),
+    label: group.section?.name ?? (sections.length > 0 ? "Ungrouped Slides" : "Slides"),
+    slideIndexes: group.slideIndexes,
+    ...group.section?.color !== void 0 ? { color: group.section.color } : {},
+    ...group.section?.collapsed !== void 0 ? { defaultCollapsed: group.section.collapsed } : {}
+  }));
 }
 function computeMasterPseudoSlide(mode, activeLayout, activeMaster) {
   if (mode !== "master") {
@@ -17513,7 +17001,7 @@ function useYjsDocumentSync({
         return;
       }
       try {
-        const { PptxHandler: PptxHandler2 } = await import('./dist-MXDC6YTS.mjs');
+        const { PptxHandler: PptxHandler2 } = await import('./dist-3YRZ26TL.mjs');
         const handler = new PptxHandler2();
         await handler.load(sourceBytes.buffer);
         const currentSlides = readSlidesFromYDoc(
@@ -17720,39 +17208,10 @@ function useLayoutSwitching(input) {
     currentLayoutPath
   };
 }
-var DEFAULT_OVERSCAN = 5;
-function computeVirtualRange(totalItems, itemHeight, scrollTop, viewportHeight, overscan = DEFAULT_OVERSCAN) {
-  const safeItemHeight = Math.max(itemHeight, 1);
-  const totalHeight = totalItems * safeItemHeight;
-  if (totalItems === 0) {
-    return {
-      startIndex: 0,
-      endIndex: -1,
-      totalHeight: 0,
-      offsetY: 0,
-      visibleRange: { start: 0, end: -1 }
-    };
-  }
-  const visibleStart = Math.floor(scrollTop / safeItemHeight);
-  const visibleEnd = Math.min(
-    totalItems - 1,
-    Math.floor((scrollTop + viewportHeight) / safeItemHeight)
-  );
-  const startIndex = Math.max(0, visibleStart - overscan);
-  const endIndex = Math.min(totalItems - 1, visibleEnd + overscan);
-  const offsetY = startIndex * safeItemHeight;
-  return {
-    startIndex,
-    endIndex,
-    totalHeight,
-    offsetY,
-    visibleRange: { start: visibleStart, end: visibleEnd }
-  };
-}
 function useVirtualizedSlides({
   totalItems,
   itemHeight,
-  overscan = DEFAULT_OVERSCAN
+  overscan = DEFAULT_VIRTUAL_OVERSCAN
 }) {
   const scrollContainerRef = useRef(null);
   const [scrollTop, setScrollTop] = useState(0);
@@ -17989,4 +17448,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, 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, chevronPoints, clearAudienceContent, cn, colour, detectTargetType, fitFontSize, gearPath, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isAudienceTab, isConnectorOrLineElement, isImageTiled, layoutToCategory, loadAudienceContent, nodeOpacity, parseAudienceNonce, parseEmailUrl, parseSlideFromUrl, renderAccentProcess, renderAlternatingFlow, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderDescendingProcess, renderGroupedList, renderHorizontalPictureList, 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 };