pptx-react-viewer 4.73.0 → 4.74.0

package/dist/{chunk-RBRWOKRR.js → chunk-D4WC35PL.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkLVEFHZ76_js = require('./chunk-LVEFHZ76.js');
-var chunkBYPHHRBZ_js = require('./chunk-BYPHHRBZ.js');
+var chunkXG4WSJ4O_js = require('./chunk-XG4WSJ4O.js');
 var chunkP2COO2QO_js = require('./chunk-P2COO2QO.js');
 var pptx = require('ooxml-ui/pptx');
 var React108 = require('react');
@@ -36,6 +36,113 @@ function useThemeStyle(theme) {
     return vars;
   }, [theme]);
 }
+function getReactSlideBackgroundStyle(slide, slideSize) {
+  const style = pptx.getSlideBackgroundStyle(slide, slideSize);
+  return {
+    backgroundColor: style["background-color"],
+    backgroundImage: slide?.backgroundImage ? void 0 : style["background-image"],
+    backgroundSize: style["background-size"],
+    backgroundRepeat: style["background-repeat"]
+  };
+}
+function SlideThumbnailImpl({
+  slide,
+  templateElements,
+  canvasSize,
+  previewWidth,
+  fieldContext,
+  tableStyleContext
+}) {
+  const safeCanvasWidth = Math.max(canvasSize.width, 1);
+  const safeCanvasHeight = Math.max(canvasSize.height, 1);
+  const layout = pptx.slideThumbnailLayout(
+    safeCanvasWidth,
+    safeCanvasHeight,
+    previewWidth ?? chunkP2COO2QO_js.SLIDE_NAV_THUMBNAIL_WIDTH
+  );
+  const { height: previewHeight, scale } = layout;
+  const previewElements = pptx.buildPreviewElements(slide, templateElements);
+  const slideFieldContext = pptx.deriveSlideFieldContext(fieldContext, slide);
+  const { t } = chunkP2COO2QO_js.useTranslation();
+  const transitionBadge = pptx.slideThumbnailTransitionBadge(slide, t);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: previewWidth === void 0 ? "relative w-full overflow-hidden rounded border border-border bg-white" : "relative w-full overflow-hidden bg-white",
+      style: {
+        height: previewHeight,
+        ...getReactSlideBackgroundStyle(slide, {
+          widthPx: safeCanvasWidth,
+          heightPx: safeCanvasHeight
+        })
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "absolute top-0 left-0 origin-top-left",
+            style: {
+              width: safeCanvasWidth,
+              height: safeCanvasHeight,
+              transform: `scale(${scale})`,
+              transformOrigin: "top left",
+              ...pptx.deviceStrokeStageStyle(scale)
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.SlideBackgroundImageLayer, { slide }),
+              previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                chunkXG4WSJ4O_js.StaticElementRenderer,
+                {
+                  element,
+                  activeSlide: slide,
+                  allSlides: [slide],
+                  zIndex: index,
+                  fieldContext: slideFieldContext,
+                  tableStyleContext
+                },
+                element.id
+              ))
+            ]
+          }
+        ),
+        transitionBadge && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-pptx-thumbnail-transition": "",
+            title: transitionBadge.title,
+            style: pptx.slideThumbnailTransitionBadgeStyle(layout),
+            children: transitionBadge.label
+          }
+        )
+      ]
+    }
+  );
+}
+function slideThumbnailPropsEqual(prev, next) {
+  if (prev.previewWidth !== next.previewWidth) {
+    return false;
+  }
+  if (prev.slide !== next.slide) {
+    return false;
+  }
+  if (prev.templateElements !== next.templateElements) {
+    return false;
+  }
+  if (prev.fieldContext !== next.fieldContext) {
+    return false;
+  }
+  if (prev.tableStyleContext !== next.tableStyleContext) {
+    return false;
+  }
+  if (prev.canvasSize.width !== next.canvasSize.width || prev.canvasSize.height !== next.canvasSize.height) {
+    return false;
+  }
+  return true;
+}
+var SlideThumbnail = /* @__PURE__ */ React108__default.default.memo(
+  SlideThumbnailImpl,
+  slideThumbnailPropsEqual
+);
 function getInitials(name) {
   const parts = name.trim().split(/\s+/u);
   if (parts.length >= 2) {
@@ -525,134 +632,6 @@ function SlideContextMenu({
     }
   );
 }
-function getReactSlideBackgroundStyle(slide, slideSize) {
-  const style = pptx.getSlideBackgroundStyle(slide, slideSize);
-  return {
-    backgroundColor: style["background-color"],
-    backgroundImage: slide?.backgroundImage ? void 0 : style["background-image"],
-    backgroundSize: style["background-size"],
-    backgroundRepeat: style["background-repeat"]
-  };
-}
-function SlideThumbnailImpl({
-  slide,
-  templateElements,
-  canvasSize,
-  previewWidth,
-  fieldContext,
-  tableStyleContext
-}) {
-  const safeCanvasWidth = Math.max(canvasSize.width, 1);
-  const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const width = previewWidth ?? chunkP2COO2QO_js.SLIDE_NAV_THUMBNAIL_WIDTH;
-  const scale = width / safeCanvasWidth;
-  const previewHeight = pptx.editorThumbnailHeight(safeCanvasWidth, safeCanvasHeight, width);
-  const previewElements = pptx.buildPreviewElements(slide, templateElements);
-  const slideFieldContext = pptx.deriveSlideFieldContext(fieldContext, slide);
-  const { t } = chunkP2COO2QO_js.useTranslation();
-  const transitionLabel = slide.transition ? (() => {
-    const opt = chunkP2COO2QO_js.SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
-    return opt ? t(opt.i18nKey) : slide.transition.type;
-  })() : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: previewWidth === void 0 ? "relative w-full overflow-hidden rounded border border-border bg-white" : "relative w-full overflow-hidden bg-white",
-      style: {
-        height: previewHeight,
-        ...getReactSlideBackgroundStyle(slide, {
-          widthPx: safeCanvasWidth,
-          heightPx: safeCanvasHeight
-        })
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "absolute top-0 left-0 origin-top-left",
-          style: {
-            width: safeCanvasWidth,
-            height: safeCanvasHeight,
-            transform: `scale(${scale})`,
-            transformOrigin: "top left",
-            ...pptx.deviceStrokeStageStyle(scale)
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.SlideBackgroundImageLayer, { slide }),
-            slide.transition && slide.transition.type !== "none" && slide.transition.type !== "cut" && /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: "absolute top-0.5 right-0.5 z-10 px-1 py-px rounded bg-primary/80 text-[7px] text-white leading-tight pointer-events-none",
-                title: t("pptx.slideThumbnail.transitionTooltip", { name: transitionLabel }),
-                children: transitionLabel
-              }
-            ),
-            previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBYPHHRBZ_js.StaticElementRenderer,
-              {
-                element,
-                activeSlide: slide,
-                allSlides: [slide],
-                zIndex: index,
-                fieldContext: slideFieldContext,
-                tableStyleContext
-              },
-              element.id
-            ))
-          ]
-        }
-      )
-    }
-  );
-}
-function slideThumbnailPropsEqual(prev, next) {
-  if (prev.previewWidth !== next.previewWidth) {
-    return false;
-  }
-  if (prev.slide.id !== next.slide.id) {
-    return false;
-  }
-  if (prev.slide.isDirty !== next.slide.isDirty) {
-    return false;
-  }
-  if (prev.slide.hidden !== next.slide.hidden) {
-    return false;
-  }
-  if (prev.slide.elements !== next.slide.elements) {
-    return false;
-  }
-  if (prev.slide.showMasterShapes !== next.slide.showMasterShapes) {
-    return false;
-  }
-  if (prev.slide.backgroundColor !== next.slide.backgroundColor) {
-    return false;
-  }
-  if (prev.slide.backgroundImage !== next.slide.backgroundImage) {
-    return false;
-  }
-  if (prev.slide.backgroundGradient !== next.slide.backgroundGradient) {
-    return false;
-  }
-  if (prev.slide.backgroundPattern !== next.slide.backgroundPattern) {
-    return false;
-  }
-  if (prev.templateElements !== next.templateElements) {
-    return false;
-  }
-  if (prev.fieldContext !== next.fieldContext) {
-    return false;
-  }
-  if (prev.tableStyleContext !== next.tableStyleContext) {
-    return false;
-  }
-  if (prev.canvasSize.width !== next.canvasSize.width || prev.canvasSize.height !== next.canvasSize.height) {
-    return false;
-  }
-  return true;
-}
-var SlideThumbnail = /* @__PURE__ */ React108__default.default.memo(
-  SlideThumbnailImpl,
-  slideThumbnailPropsEqual
-);
 function LazyThumbnailInner({
   slide,
   templateElements,
@@ -1042,7 +1021,7 @@ function SlidesPaneSidebar({
   tableStyleContext
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
   const slideRefs = React108.useRef(/* @__PURE__ */ new Map());
   const renameInputRef = React108.useRef(null);
   const slidePresenceMap = React108.useMemo(() => {
@@ -1137,7 +1116,7 @@ function SlidesPaneSidebar({
     [sectionGroups, showSectionHeaders, effectiveCollapsed]
   );
   const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
-  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkBYPHHRBZ_js.useVirtualizedSlides({
+  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkXG4WSJ4O_js.useVirtualizedSlides({
     totalItems: shouldVirtualize ? flatItems.length : 0,
     itemHeight: estimatedItemHeight
   });
@@ -1421,7 +1400,7 @@ function SlideTemplatePreview({
             transformOrigin: "top left"
           },
           children: previewSlide.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBYPHHRBZ_js.StaticElementRenderer,
+            chunkXG4WSJ4O_js.StaticElementRenderer,
             {
               element,
               activeSlide: previewSlide,
@@ -1490,7 +1469,7 @@ function SlideTemplateGalleryDialog({
   scheme
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkXG4WSJ4O_js.useModalDismissDrag(onClose);
   const [selected, setSelected] = React108.useState(null);
   const dialogRef = React108.useRef(null);
   useModalFocus(isOpen, dialogRef, onClose);
@@ -2041,7 +2020,7 @@ function MobileSheet({
 }) {
   const sheetRef = React108.useRef(null);
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { dragY, dragging, handlers } = chunkBYPHHRBZ_js.useSheetDismissDrag(onClose);
+  const { dragY, dragging, handlers } = chunkXG4WSJ4O_js.useSheetDismissDrag(onClose);
   useModalFocus(open, sheetRef, onClose);
   if (!open) {
     return null;
@@ -2310,7 +2289,7 @@ function WebHomeControls({
 function ShapeArrangeExtras(p) {
   const commands = useShapeFormatContext();
   const crop = commands?.crop;
-  const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkXG4WSJ4O_js.useToolbarVisibility(p.hiddenActions);
   const { onGroupElements, onUngroupElement, onUpdateElementStyle } = p;
   const controls = React108.useMemo(
     () => pptx.arrangeShapeHomeControls({
@@ -2645,7 +2624,7 @@ function TransitionsSection(p) {
         case "soundPreview": {
           const url = pptx.ribbonTransitionStockSoundUrl(transition);
           if (url) {
-            chunkBYPHHRBZ_js.playAnimationSound(url);
+            chunkXG4WSJ4O_js.playAnimationSound(url);
           }
           break;
         }
@@ -2853,7 +2832,7 @@ function AccountPage() {
     refreshUsage();
     setTimeout(() => setCleared(false), 4e3);
   };
-  const version = "4.73.0" ;
+  const version = "4.74.0" ;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -3118,7 +3097,7 @@ function FileSection(p) {
   const page = offered(requestedPage) ? requestedPage : offered("home") ? "home" : nav.find((item) => item.id !== "save" && item.id !== "close")?.id ?? "home";
   const [query, setQuery] = React108.useState("");
   const [recent, setRecent] = React108.useState([]);
-  const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkXG4WSJ4O_js.useToolbarVisibility(p.hiddenActions);
   const exportHidden = isHidden("export");
   const storage = useViewerStorage();
   const cloud = useViewerCloudFiles();
@@ -3487,7 +3466,7 @@ function LayoutArtwork({
     backgroundColor
   };
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBYPHHRBZ_js.StaticElementRenderer,
+    chunkXG4WSJ4O_js.StaticElementRenderer,
     {
       element,
       activeSlide: slide,
@@ -3842,7 +3821,7 @@ function SlideShowOptions({
 }
 function SubtitleSettingsControl() {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const supplied = React108.useContext(chunkBYPHHRBZ_js.ViewerOptionsStoreContext);
+  const supplied = React108.useContext(chunkXG4WSJ4O_js.ViewerOptionsStoreContext);
   const fallback = React108.useRef(null);
   if (!supplied) {
     fallback.current ??= pptx.createViewerOptionsStore({ persist: false });
@@ -3876,7 +3855,7 @@ function SubtitleSettingsControl() {
 }
 function SlideShowSection(p) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkXG4WSJ4O_js.useToolbarVisibility(p.hiddenActions);
   const actions = {
     "slideShow.startSlideShow.fromBeginning": p.onPresentFromBeginning ?? (() => p.onSetMode("present")),
     "slideShow.startSlideShow.fromCurrent": p.onPresent,
@@ -4396,7 +4375,7 @@ function MobileMenuSheet(props) {
   const { t } = chunkP2COO2QO_js.useTranslation();
   const { open, onClose } = props;
   const [active, setActive] = React108.useState("home");
-  const { isTabVisible } = chunkBYPHHRBZ_js.useToolbarVisibility(props.hiddenActions);
+  const { isTabVisible } = chunkXG4WSJ4O_js.useToolbarVisibility(props.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MobileSheet,
     {
@@ -4688,7 +4667,7 @@ function MobileToolbar(props) {
   const { t } = chunkP2COO2QO_js.useTranslation();
   const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
   const [menuOpen, setMenuOpen] = React108.useState(false);
-  const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(props.hiddenActions);
+  const { isHidden } = chunkXG4WSJ4O_js.useToolbarVisibility(props.hiddenActions);
   const showEdit = mode === "edit" || mode === "master";
   const hidden = [];
   if (isHidden("undo")) {
@@ -4735,7 +4714,7 @@ function MobileToolbar(props) {
 }
 function ChartSelectionStrip() {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const commands = chunkBYPHHRBZ_js.useChartFormatContext();
+  const commands = chunkXG4WSJ4O_js.useChartFormatContext();
   const chart = commands?.chart;
   const chartData = chart?.type === "chart" ? chart.chartData : void 0;
   const controls = React108.useMemo(
@@ -4766,7 +4745,7 @@ function PictureSizeStrip({
   hiddenActions
 }) {
   const crop = useShapeFormatContext()?.crop;
-  const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkXG4WSJ4O_js.useToolbarVisibility(hiddenActions);
   const controls = React108.useMemo(
     () => pptx.pictureSizeHomeControls({
       editable: Boolean(crop),
@@ -4939,7 +4918,7 @@ var TAB_BASE = "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap t
 var TAB_UNDERLINE = "after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary";
 function RibbonTabBar(p) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const viewerOptions = chunkBYPHHRBZ_js.useViewerOptionsContext();
+  const viewerOptions = chunkXG4WSJ4O_js.useViewerOptionsContext();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5016,9 +4995,9 @@ function RibbonTabBar(p) {
 }
 function TabRowActions(p) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
   const isCollaborating = Boolean(collab && collab.status === "connected");
-  const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkXG4WSJ4O_js.useToolbarVisibility(p.hiddenActions);
   const customization = useViewerCustomizationContext();
   const ref = React108.useRef(null);
   const handlers = React108.useRef(p);
@@ -5073,7 +5052,7 @@ function TabRowActions(p) {
 }
 function TitleBarElement(p) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const options = chunkBYPHHRBZ_js.useViewerOptionsContext();
+  const options = chunkXG4WSJ4O_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const ref = React108.useRef(null);
   const stripVisible = options.quickAccess.visible && pptx.isPanelVisible(customization, "quickAccessToolbar");
@@ -5504,7 +5483,7 @@ function ToolbarPrimaryRow(p) {
     onToggleSidebar,
     onToggleInspector
   } = p;
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
   const customization = useViewerCustomizationContext();
   const showSlidesToggle = pptx.isPanelVisible(customization, "slidesPane");
   const showInspectorToggle = pptx.isPanelVisible(customization, "inspector");
@@ -5805,8 +5784,8 @@ function ToolbarLateTabs({
 function Toolbar(p) {
   const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { isTabVisible } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
-  const viewerOptions = chunkBYPHHRBZ_js.useViewerOptionsContext();
+  const { isTabVisible } = chunkXG4WSJ4O_js.useToolbarVisibility(p.hiddenActions);
+  const viewerOptions = chunkXG4WSJ4O_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const belowInput = React108.useMemo(
     () => ({
@@ -6783,7 +6762,7 @@ function DrawingOverlaySvg({
       onPointerDown,
       onPointerMove,
       onPointerUp,
-      children: isStrokeActive && liveStrokeView ? chunkBYPHHRBZ_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
+      children: isStrokeActive && liveStrokeView ? chunkXG4WSJ4O_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           d: liveStrokeD,
@@ -7333,7 +7312,7 @@ function PictureCropOverlay({
     };
   };
   const { ghost, frame, handles } = overlay;
-  const src = chunkBYPHHRBZ_js.imgSrc(element);
+  const src = chunkXG4WSJ4O_js.imgSrc(element);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -7509,7 +7488,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = /* @__PURE__ */ chunkBYPHHRBZ_js.withDisplayName(
+var HorizontalRuler = /* @__PURE__ */ chunkXG4WSJ4O_js.withDisplayName(
   /* @__PURE__ */ React108__default.default.memo(HorizontalRulerView),
   "HorizontalRuler"
 );
@@ -7583,7 +7562,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = /* @__PURE__ */ chunkBYPHHRBZ_js.withDisplayName(
+var VerticalRuler = /* @__PURE__ */ chunkXG4WSJ4O_js.withDisplayName(
   /* @__PURE__ */ React108__default.default.memo(VerticalRulerView),
   "VerticalRuler"
 );
@@ -7777,7 +7756,7 @@ function SelectionHandleOverlay({
       onDoubleClick: (e) => onDoubleClick(element.id, e),
       onContextMenu: (e) => onContextMenu(element.id, e),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBYPHHRBZ_js.ResizeHandles,
+        chunkXG4WSJ4O_js.ResizeHandles,
         {
           elementId: element.id,
           adjustmentHandles,
@@ -8488,7 +8467,7 @@ function SlideCanvas(props) {
       props.registerInlineEditReader
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
 }
 function SlideCanvasContent({
   imagePaste,
@@ -8761,7 +8740,7 @@ function SlideCanvasContent({
                 onPointerMove: handleStagePointerMove,
                 onPointerUp: handleStagePointerUp,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                   presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                   /* @__PURE__ */ jsxRuntime.jsx(GridOverlay, { canvasSize, gridSpacingPx, visible: showGrid }),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -8773,7 +8752,7 @@ function SlideCanvasContent({
                     }
                   ),
                   templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkBYPHHRBZ_js.ElementRenderer,
+                    chunkXG4WSJ4O_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -8818,7 +8797,7 @@ function SlideCanvasContent({
                     `tpl-${element.id}`
                   )),
                   activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkBYPHHRBZ_js.ElementRenderer,
+                    chunkXG4WSJ4O_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -8885,7 +8864,7 @@ function SlideCanvasContent({
                   editingMember && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("style", { children: `[data-element-id="${cssAttr(editingMember.parentId)}"] [data-element-id="${cssAttr(editingMember.member.id)}"]{visibility:hidden}` }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkBYPHHRBZ_js.ElementRenderer,
+                      chunkXG4WSJ4O_js.ElementRenderer,
                       {
                         element: editingMember.member,
                         activeSlide,
@@ -9402,7 +9381,7 @@ function ContextMenu(props) {
   const { t } = chunkP2COO2QO_js.useTranslation();
   const customization = useViewerCustomizationContext();
   const shapeFormat = useShapeFormatContext();
-  const chartFormat = chunkBYPHHRBZ_js.useChartFormatContext();
+  const chartFormat = chunkXG4WSJ4O_js.useChartFormatContext();
   const open = Boolean(contextMenuState) && mode === "edit";
   const handlers = {
     ...contextMenuHandlers(props, shapeFormat),
@@ -10600,17 +10579,8 @@ function SlideCardImpl({
     }
   );
 }
-function arePropsEqual(prev, next) {
-  if (prev.slide.id !== next.slide.id) {
-    return false;
-  }
-  if (prev.slide.isDirty !== next.slide.isDirty) {
-    return false;
-  }
-  if (prev.slide.hidden !== next.slide.hidden) {
-    return false;
-  }
-  if (prev.slide.elements !== next.slide.elements) {
+function slideCardPropsEqual(prev, next) {
+  if (prev.slide !== next.slide) {
     return false;
   }
   if (prev.index !== next.index) {
@@ -10642,7 +10612,7 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SlideCard = /* @__PURE__ */ React108__default.default.memo(SlideCardImpl, arePropsEqual);
+var SlideCard = /* @__PURE__ */ React108__default.default.memo(SlideCardImpl, slideCardPropsEqual);
 var ICON_CLASS = "h-3.5 w-3.5 text-muted-foreground";
 function SorterContextMenu({
   x,
@@ -11371,7 +11341,7 @@ function ReadingViewStage({
             className: "absolute left-0 top-0 origin-top-left",
             style: { width, height, transform: `scale(${scale})`, ...pptx.deviceStrokeStageStyle(scale) },
             children: elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBYPHHRBZ_js.StaticElementRenderer,
+              chunkXG4WSJ4O_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -12026,7 +11996,7 @@ function SlideNotesPanel({
   });
   const hasNotes = draft.trim().length > 0;
   const slideLabel = activeSlide ? t("pptx.notes.slideN", { n: activeSlide.slideNumber }) : t("pptx.notes.noSlide");
-  const { dragY, handlers: dragHandlers } = chunkBYPHHRBZ_js.useSheetDismissDrag(onToggle);
+  const { dragY, handlers: dragHandlers } = chunkXG4WSJ4O_js.useSheetDismissDrag(onToggle);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -13163,7 +13133,7 @@ function DocumentPropertiesDialog({
   const handleClose = React108.useCallback(() => {
     onClose();
   }, [onClose]);
-  const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(handleClose);
+  const { panelStyle, handlers: dragHandlers } = chunkXG4WSJ4O_js.useModalDismissDrag(handleClose);
   if (!isOpen) {
     return null;
   }
@@ -13760,7 +13730,7 @@ function PresentationSubtitleBar({
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
   const language = pptx.subtitleRecognitionLanguage(
-    pptx.subtitleSettingsFromOptions(chunkBYPHHRBZ_js.useViewerOptionsContext()),
+    pptx.subtitleSettingsFromOptions(chunkXG4WSJ4O_js.useViewerOptionsContext()),
     typeof navigator === "undefined" ? "en-US" : navigator.language
   );
   const [captionText, setCaptionText] = React108.useState("");
@@ -13954,7 +13924,7 @@ function ScaledSlidePreviewImpl({
               ...pptx.deviceStrokeStageStyle(scale)
             },
             children: previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBYPHHRBZ_js.StaticElementRenderer,
+              chunkXG4WSJ4O_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -13970,28 +13940,7 @@ function ScaledSlidePreviewImpl({
   );
 }
 function scaledSlidePreviewPropsEqual(prev, next) {
-  if (prev.slide.id !== next.slide.id) {
-    return false;
-  }
-  if (prev.slide.isDirty !== next.slide.isDirty) {
-    return false;
-  }
-  if (prev.slide.hidden !== next.slide.hidden) {
-    return false;
-  }
-  if (prev.slide.elements !== next.slide.elements) {
-    return false;
-  }
-  if (prev.slide.showMasterShapes !== next.slide.showMasterShapes) {
-    return false;
-  }
-  if (prev.slide.backgroundColor !== next.slide.backgroundColor) {
-    return false;
-  }
-  if (prev.slide.backgroundImage !== next.slide.backgroundImage) {
-    return false;
-  }
-  if (prev.slide.backgroundGradient !== next.slide.backgroundGradient) {
+  if (prev.slide !== next.slide) {
     return false;
   }
   if (prev.templateElements !== next.templateElements) {
@@ -15288,7 +15237,7 @@ function EffectSoundRow({
     }
     const asset = pptx.getEffectSoundAsset(soundState.catalogueId);
     if (asset) {
-      chunkBYPHHRBZ_js.playAnimationSound(asset.dataUrl);
+      chunkXG4WSJ4O_js.playAnimationSound(asset.dataUrl);
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -15800,7 +15749,7 @@ function AnimationPanel({
   onUpdateSlide
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
+  const { viewportWidth } = chunkXG4WSJ4O_js.useIsMobile();
   const directionBtnPx = Math.max(28, pptx.getDensePanelTouchTargetPx(viewportWidth));
   const fieldStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const handlers = useAnimationHandlers({
@@ -17925,8 +17874,8 @@ function ChartUserShapeOptions({
 }
 function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
   const chartData = selectedElement.chartData;
-  const followDataPoint = chunkBYPHHRBZ_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
-  const { selection: partSelection } = chunkBYPHHRBZ_js.useChartPartSelection();
+  const followDataPoint = chunkXG4WSJ4O_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
+  const { selection: partSelection } = chunkXG4WSJ4O_js.useChartPartSelection();
   const canvasPart = partSelection?.elementId === selectedElement.id ? partSelection.part : null;
   const title = chartData?.title;
   const chartType = chartData?.chartType;
@@ -19122,7 +19071,7 @@ function DuotonePanel({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-[10px]", children: t("pptx.image.duotonePresets") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkBYPHHRBZ_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkXG4WSJ4O_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -22380,7 +22329,7 @@ function SmartArtPropertiesPanel({
     const reflowed = box ? pptx.rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
-      chunkBYPHHRBZ_js.resolveSmartArtDataPalette(newData),
+      chunkXG4WSJ4O_js.resolveSmartArtDataPalette(newData),
       newData.style ?? "flat",
       "inspector",
       box
@@ -22453,7 +22402,7 @@ function TableDataGrid({
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
   const grid = pptx.buildTableDataGrid(tableElement);
-  const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
+  const { viewportWidth } = chunkXG4WSJ4O_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const stickyGutterClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10" : "";
@@ -24302,7 +24251,7 @@ function InspectorPaneHeader({
   onClose
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
+  const { viewportWidth } = chunkXG4WSJ4O_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -25003,7 +24952,7 @@ function TransitionPreview({
   const { t } = chunkP2COO2QO_js.useTranslation();
   const durationMs = transition.durationMs ?? 500;
   const animations = React108.useMemo(
-    () => chunkBYPHHRBZ_js.getSlideTransitionAnimations(
+    () => chunkXG4WSJ4O_js.getSlideTransitionAnimations(
       transition.type,
       durationMs,
       transition.direction,
@@ -25072,7 +25021,7 @@ function TransitionPreview({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkBYPHHRBZ_js.SLIDE_TRANSITION_KEYFRAMES })
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkXG4WSJ4O_js.SLIDE_TRANSITION_KEYFRAMES })
   ] });
 }
 var DEFAULT_DURATION_MS = 320;
@@ -25735,7 +25684,7 @@ function InspectorPane(props) {
   } = props;
   const hasSelection = selectedElement !== null;
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { dragY, handlers: dragHandlers } = chunkBYPHHRBZ_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers: dragHandlers } = chunkXG4WSJ4O_js.useSheetDismissDrag(onClose);
   const {
     animationPanelHeight,
     effectiveThemeOptions,
@@ -26148,7 +26097,7 @@ function PresentationTouchControls({
   hideNavigation = false
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { isTouchDevice } = chunkBYPHHRBZ_js.useIsMobile();
+  const { isTouchDevice } = chunkXG4WSJ4O_js.useIsMobile();
   if (!isTouchDevice) {
     return null;
   }
@@ -26795,11 +26744,11 @@ function PrintDialog({
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.print");
-  const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
-  const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
+  const { panelStyle, handlers: dragHandlers } = chunkXG4WSJ4O_js.useModalDismissDrag(onClose);
+  const { viewportWidth } = chunkXG4WSJ4O_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkBYPHHRBZ_js.useViewerOptionsContext());
+  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkXG4WSJ4O_js.useViewerOptionsContext());
   const [printWhat, setPrintWhat] = React108.useState(printOptionDefaults?.printWhat ?? "slides");
   const [orientation, setOrientation] = React108.useState("landscape");
   const [colorMode, setColorMode] = React108.useState(
@@ -27289,14 +27238,14 @@ function BroadcastDialog({
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.broadcast");
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
   const isBroadcasting = collab !== null && collab.status !== "disconnected" && collab.status !== "error" && collab.config.role === "owner";
   const [roomId, setRoomId] = React108.useState("");
   const [userName, setUserName] = React108.useState("");
   const [serverUrl, setServerUrl] = React108.useState("");
   const [copied, setCopied] = React108.useState(false);
   const dialogRef = React108.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkXG4WSJ4O_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
   React108.useEffect(() => {
     if (open && !isBroadcasting) {
@@ -27612,7 +27561,7 @@ function ActiveSessionView({
   onCopyRoomId,
   onStopCollaboration
 }) {
-  const { t } = chunkP2COO2QO_js.useTranslation(), viewerOptions = chunkBYPHHRBZ_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
+  const { t } = chunkP2COO2QO_js.useTranslation(), viewerOptions = chunkXG4WSJ4O_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
     localUserName: activeCollaboration?.userName ?? collab.config.userName,
     localUserInitials: viewerOptions.general.userInitials,
     localUserColor: collab.config.userColor,
@@ -27711,7 +27660,7 @@ function StartSessionForm({
   onRetry
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
+  const { viewportWidth } = chunkXG4WSJ4O_js.useIsMobile();
   const tabBtnStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const inputReadOnlyClass = preconfigured ? " opacity-70 cursor-not-allowed" : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -27845,7 +27794,7 @@ function ShareDialog({
   defaultUserName,
   defaultServerUrl
 }) {
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
   const isActive = collab !== null && collab.status !== "disconnected" && collab.status !== "error";
   const { t } = chunkP2COO2QO_js.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.share");
@@ -27856,9 +27805,9 @@ function ShareDialog({
   const [invitation, setInvitation] = React108.useState("");
   const [copied, setCopied] = React108.useState(false);
   const dialogRef = React108.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkXG4WSJ4O_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
-  const { viewportWidth, viewportHeight } = chunkBYPHHRBZ_js.useIsMobile();
+  const { viewportWidth, viewportHeight } = chunkXG4WSJ4O_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   const stickyFooterClass = pptx.shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
@@ -28157,12 +28106,12 @@ function HyperlinkEditDialog({
   onCancel
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onCancel);
+  const { panelStyle, handlers: dragHandlers } = chunkXG4WSJ4O_js.useModalDismissDrag(onCancel);
   const inputRef = React108.useRef(null);
-  const detectedType = chunkBYPHHRBZ_js.detectTargetType(initialUrl, initialAction);
-  const emailParts = chunkBYPHHRBZ_js.parseEmailUrl(initialUrl || "");
-  const detectedSlide = chunkBYPHHRBZ_js.parseSlideFromUrl(initialUrl, initialAction);
-  const detectedVerb = initialAction ? chunkBYPHHRBZ_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
+  const detectedType = chunkXG4WSJ4O_js.detectTargetType(initialUrl, initialAction);
+  const emailParts = chunkXG4WSJ4O_js.parseEmailUrl(initialUrl || "");
+  const detectedSlide = chunkXG4WSJ4O_js.parseSlideFromUrl(initialUrl, initialAction);
+  const detectedVerb = initialAction ? chunkXG4WSJ4O_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
   const [targetType, setTargetType] = React108.useState(detectedType);
   const [url, setUrl] = React108.useState(
     detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
@@ -28441,7 +28390,7 @@ function ViewerBottomPanels({
   notesStyle,
   onNotesHeightChange
 }) {
-  const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkXG4WSJ4O_js.useToolbarVisibility(hiddenActions);
   const customization = useViewerCustomizationContext();
   const showNotes = pptx.isPanelVisible(customization, "notes");
   const notesRenderer = useRegionRenderer("notes");
@@ -28840,7 +28789,7 @@ function ViewerToolbarSection(props) {
     [activeSlide, propertyHandlers]
   );
   const scopedLayoutOptions = React108__default.default.useMemo(
-    () => chunkBYPHHRBZ_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
+    () => chunkXG4WSJ4O_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
   const handleResetSlide = React108.useCallback(() => {
@@ -29247,7 +29196,7 @@ function ViewerToolbarSection(props) {
         isMobileInsertOpen: s.isMobileInsertOpen,
         onCloseMobileInsert: () => s.setIsMobileInsertOpen(false),
         slideCommentCount: activeSlide?.comments?.length ?? 0,
-        reviewComments: chunkBYPHHRBZ_js.createReviewCommentsHost({
+        reviewComments: chunkXG4WSJ4O_js.createReviewCommentsHost({
           state: s,
           activeSlideIndex,
           updateSlides: ops.updateSlides,
@@ -29370,7 +29319,7 @@ function CustomShowsDialog({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  chunkBYPHHRBZ_js.useController(controller);
+  chunkXG4WSJ4O_js.useController(controller);
   const view = controller.view(slides);
   const [active, setActive] = React108.useState(activeCustomShowId ?? "");
   const pickerValue = view.shows.some(({ id }) => id === active) ? active : "";
@@ -29650,7 +29599,7 @@ function EquationEditorDialog({
   existingOmml
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkXG4WSJ4O_js.useModalDismissDrag(onClose);
   const initialLatex = React108.useMemo(() => {
     if (!existingOmml) {
       return "";
@@ -30368,11 +30317,11 @@ function PresentationStage({
                       })
                     },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                       /* @__PURE__ */ jsxRuntime.jsx("style", { children: pptx.PRESENTATION_HIT_TEST_CSS }),
                       presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                       templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkBYPHHRBZ_js.ElementRenderer,
+                        chunkXG4WSJ4O_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30410,7 +30359,7 @@ function PresentationStage({
                         `tpl-${element.id}`
                       )),
                       activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkBYPHHRBZ_js.ElementRenderer,
+                        chunkXG4WSJ4O_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30522,7 +30471,7 @@ function PresentationTransitionMount({
     templateElementsBySlideId
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBYPHHRBZ_js.PresentationTransitionOverlay,
+    chunkXG4WSJ4O_js.PresentationTransitionOverlay,
     {
       outgoingSlide,
       templateElements: templates.outgoing,
@@ -30568,8 +30517,8 @@ function ViewerCanvasArea(props) {
     aiCanvasActive = false
   } = props;
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(hiddenActions);
-  const viewerOptions = chunkBYPHHRBZ_js.useViewerOptionsContext();
+  const { isHidden } = chunkXG4WSJ4O_js.useToolbarVisibility(hiddenActions);
+  const viewerOptions = chunkXG4WSJ4O_js.useViewerOptionsContext();
   const outlineAuthoring = useOutlineAuthoring({
     state: s,
     updateElement: canvasHandlers.handleUpdateSmartArtElement,
@@ -30702,7 +30651,7 @@ function ViewerCanvasArea(props) {
       s.setActiveSlideIndex((i) => Math.max(0, i - 1));
     }
   }, [mode, presentation, s]);
-  const swipe = chunkBYPHHRBZ_js.useSwipeNavigation({
+  const swipe = chunkXG4WSJ4O_js.useSwipeNavigation({
     enabled: swipeEnabled,
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
@@ -30888,14 +30837,14 @@ function ViewerCanvasArea(props) {
               outlineAuthoring,
               collaborationOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBYPHHRBZ_js.RemoteSelectionOverlay,
+                  chunkXG4WSJ4O_js.RemoteSelectionOverlay,
                   {
                     elements: effectiveSlide?.elements ?? [],
                     activeSlideIndex
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBYPHHRBZ_js.CollaborationCursorOverlay,
+                  chunkXG4WSJ4O_js.CollaborationCursorOverlay,
                   {
                     activeSlideIndex,
                     canvasWidth: canvasSize.width,
@@ -31133,7 +31082,7 @@ function AiChangeOverlay({ batch, activeSlideIndex }) {
 }
 function ChartFormatPanel() {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const commands = chunkBYPHHRBZ_js.useChartFormatContext();
+  const commands = chunkXG4WSJ4O_js.useChartFormatContext();
   const ref = React108.useRef(null);
   const chart = commands?.chart;
   const chartData = chart?.type === "chart" ? chart.chartData : void 0;
@@ -31206,7 +31155,7 @@ function MobileDismissSheet({
   children
 }) {
   const { t } = chunkP2COO2QO_js.useTranslation();
-  const { dragY, handlers } = chunkBYPHHRBZ_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers } = chunkXG4WSJ4O_js.useSheetDismissDrag(onClose);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -31950,7 +31899,7 @@ function ViewerMainContent(props) {
   );
   const layoutGalleryAnchorRef = React108.useRef(null);
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
     showSlidesPane && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       slidesPaneRenderer ? (
         // The rail's slot (width, collapse, resize handle) stays the viewer's.
@@ -32455,7 +32404,7 @@ function MobileChromeOverlay(props) {
     slideSectionGroups,
     canEdit,
     commentCount
-  } = props, { keyboardInset, isKeyboardOpen } = chunkBYPHHRBZ_js.useKeyboardInsets(), activeSheet = s.isMobileInsertOpen ? "insert" : s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
+  } = props, { keyboardInset, isKeyboardOpen } = chunkXG4WSJ4O_js.useKeyboardInsets(), activeSheet = s.isMobileInsertOpen ? "insert" : s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
     s.setIsSlidesPaneOpen(false);
     s.setIsMobileInsertOpen(false);
     s.setIsInspectorPaneOpen(false);
@@ -32932,7 +32881,7 @@ async function exportAiChatLogs(options) {
     chats,
     { format: options?.format, detailed: options?.detailed, now: options?.now },
     (filename, content, mime) => {
-      chunkBYPHHRBZ_js.downloadBlob(new Blob([content], { type: mime }), filename);
+      chunkXG4WSJ4O_js.downloadBlob(new Blob([content], { type: mime }), filename);
     }
   );
 }
@@ -33285,7 +33234,7 @@ function ViewerOptionsProvider({
   store,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.ViewerOptionsContext.Provider, { value: options, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.ViewerOptionsContext.Provider, { value: options, children }) });
 }
 function useAiBridge(input) {
   const ref = React108.useRef(input);
@@ -33368,7 +33317,7 @@ function useAiPanelController(input) {
       getSelectedElement: () => inputRef.current.selectedElement
     })
   );
-  const state = chunkBYPHHRBZ_js.useController(controller);
+  const state = chunkXG4WSJ4O_js.useController(controller);
   React108.useEffect(() => () => controller.dispose(), [controller]);
   const liveFocusTargets = React108.useMemo(
     () => host.computeFocusTargets({ activeSlideIndex, selectedElementIds, selectedElementId }),
@@ -34146,7 +34095,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       limits
     } = props;
     const cloudDocument = React108.useMemo(() => pptx.createCloudDocumentController(), []);
-    const cloudFile = chunkBYPHHRBZ_js.useController(cloudDocument).file;
+    const cloudFile = chunkXG4WSJ4O_js.useController(cloudDocument).file;
     const {
       storage: viewerStorage,
       fileName,
@@ -34160,7 +34109,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       filePath: hostFilePath
     });
     const saveProgress = React108.useMemo(() => pptx.createSaveProgressController(), []);
-    const saveProgressState = chunkBYPHHRBZ_js.useController(saveProgress);
+    const saveProgressState = chunkXG4WSJ4O_js.useController(saveProgress);
     const storage = React108.useMemo(
       () => viewerStorage ? saveProgress.wrap(viewerStorage) : viewerStorage,
       [viewerStorage, saveProgress]
@@ -34259,7 +34208,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       },
       [hostStorage, cloudDocument]
     );
-    const { optionsStore, options: viewerOptions } = chunkBYPHHRBZ_js.useViewerOptions();
+    const { optionsStore, options: viewerOptions } = chunkXG4WSJ4O_js.useViewerOptions();
     const custom = useViewerCustomization(
       customization,
       legacyHiddenActions,
@@ -34279,8 +34228,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
     const handleEnableEditing = React108.useCallback(() => {
       setProtectedViewOverridden(true);
     }, []);
-    const readOnlyRec = chunkBYPHHRBZ_js.useReadOnlyRecommendationState(content);
-    const compatToastsState = chunkBYPHHRBZ_js.useCompatibilityToastsState();
+    const readOnlyRec = chunkXG4WSJ4O_js.useReadOnlyRecommendationState(content);
+    const compatToastsState = chunkXG4WSJ4O_js.useCompatibilityToastsState();
     const [notesBarHeight, setNotesBarHeight] = React108.useState(0);
     const runProgramNoticesState = useRunProgramNoticesState();
     const [collaborationReadOnly, setCollaborationReadOnly] = React108.useState(Boolean(collaboration));
@@ -34303,8 +34252,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       filePath
     });
     const [isShareDialogOpen, setIsShareDialogOpen] = React108.useState(false);
-    const { reducedMotion, toggleReducedMotion } = chunkBYPHHRBZ_js.useReducedMotion();
-    const state = chunkBYPHHRBZ_js.useViewerState({
+    const { reducedMotion, toggleReducedMotion } = chunkXG4WSJ4O_js.useReducedMotion();
+    const state = chunkXG4WSJ4O_js.useViewerState({
       content,
       canEdit,
       inspectorInitiallyOpen: props.inspectorInitiallyOpen
@@ -34431,16 +34380,16 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       }
     }, [settings, optionsStore]);
     const handleClearOptionsCache = useAutosaveCacheMaintenance(viewerOptions, storage);
-    const mobile = chunkBYPHHRBZ_js.useIsMobile();
+    const mobile = chunkXG4WSJ4O_js.useIsMobile();
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
-    const resizablePanels = chunkBYPHHRBZ_js.useResizablePanels();
+    const resizablePanels = chunkXG4WSJ4O_js.useResizablePanels();
     const {
       gridSpacingPx,
       visibleSlideIndexes,
       slideSectionGroups,
       masterPseudoSlide,
       authoredRange
-    } = chunkBYPHHRBZ_js.useDerivedSlideState({
+    } = chunkXG4WSJ4O_js.useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
@@ -34465,7 +34414,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
         state.cropSessionRef
       ]
     );
-    const zoom = chunkBYPHHRBZ_js.useZoomViewport({
+    const zoom = chunkXG4WSJ4O_js.useZoomViewport({
       canvasSize,
       selectedElements: state.selectedElements,
       fitPadding: props.fitPadding,
@@ -34481,7 +34430,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       onChangeCallback.current?.();
     }, [setIsDirty]);
     const restoreHistoryThemeRef = React108.useRef(void 0);
-    const history = chunkBYPHHRBZ_js.useEditorHistory({
+    const history = chunkXG4WSJ4O_js.useEditorHistory({
       slides,
       canvasSize,
       activeSlideIndex,
@@ -34510,7 +34459,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       setEditTemplateMode: state.setEditTemplateMode,
       setHeaderFooter: state.setHeaderFooter
     });
-    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkBYPHHRBZ_js.usePresentationSetup({
+    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkXG4WSJ4O_js.usePresentationSetup({
       mode,
       slides,
       visibleSlideIndexes,
@@ -34589,7 +34538,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       loading,
       error
     ]);
-    chunkBYPHHRBZ_js.useTouchGestures({
+    chunkXG4WSJ4O_js.useTouchGestures({
       targetRef: zoom.canvasViewportRef,
       currentScale: zoom.scale,
       callbacks: {
@@ -34611,7 +34560,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       },
       enabled: isTouchDevice
     });
-    const dialogs = chunkBYPHHRBZ_js.useViewerDialogs({
+    const dialogs = chunkXG4WSJ4O_js.useViewerDialogs({
       mode,
       slides,
       activeSlide,
@@ -34639,7 +34588,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       history,
       embeddedFontFamilies: state.embeddedFonts.map((font) => font.name)
     });
-    chunkBYPHHRBZ_js.useClearSelectionOnSlideChange(state, activeSlideIndex);
+    chunkXG4WSJ4O_js.useClearSelectionOnSlideChange(state, activeSlideIndex);
     const zoomBeforePresentRef = React108.useRef(null);
     React108.useEffect(() => {
       if (mode !== "present") {
@@ -34657,7 +34606,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       zoom.handleZoomToFit();
       zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
     }, [mode]);
-    const editorOps = chunkBYPHHRBZ_js.useEditorOperations({
+    const editorOps = chunkXG4WSJ4O_js.useEditorOperations({
       state,
       history,
       zoom,
@@ -34702,7 +34651,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       handlerRef,
       viewerApi,
       loadVersion
-    } = chunkBYPHHRBZ_js.useViewerIntegration({
+    } = chunkXG4WSJ4O_js.useViewerIntegration({
       transformCommittedText: (text, previous) => pptx.applyAutoCorrectToEdit(text, previous, viewerOptions.proofing),
       state,
       zoom,
@@ -34847,7 +34796,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       updateElementById: editorOps.ops.updateElementById
     });
     const ribbonScope = useRibbonScopeToken();
-    const viewPreferencesSync = chunkBYPHHRBZ_js.useViewPreferencesSync({
+    const viewPreferencesSync = chunkXG4WSJ4O_js.useViewPreferencesSync({
       loadVersion,
       viewProperties: state.viewProperties,
       setViewProperties: state.setViewProperties,
@@ -34898,7 +34847,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       },
       [state]
     );
-    const layoutSwitching = chunkBYPHHRBZ_js.useLayoutSwitching({
+    const layoutSwitching = chunkXG4WSJ4O_js.useLayoutSwitching({
       handler: handlerRef.current,
       slides,
       activeSlideIndex,
@@ -35419,8 +35368,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       // Nothing previously provided it, so every one of those consumers was
       // silently reading `DEFAULT_VIEWER_OPTIONS` forever, no matter what
       // the user changed in the Options dialog.
-      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerStorageContext.Provider, { value: hostStorage, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCloudFilesContext.Provider, { value: cloudFiles, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkBYPHHRBZ_js.CollaborationProvider,
+      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerStorageContext.Provider, { value: hostStorage, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCloudFilesContext.Provider, { value: cloudFiles, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkXG4WSJ4O_js.CollaborationProvider,
         {
           config: collaboration,
           canvasWidth: canvasSize.width,
@@ -35477,19 +35426,19 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
                 slideCount: slides.length
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.ChartFormatContext.Provider, { value: chartFormat, children: viewerContent }) }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsxRuntime.jsx(chunkXG4WSJ4O_js.ChartFormatContext.Provider, { value: chartFormat, children: viewerContent }) }) })
           ]
         }
       ) }) }) }) }) }) }) }) }) })
     );
   }
 );
-var PowerPointViewer2 = /* @__PURE__ */ chunkBYPHHRBZ_js.withDisplayName(
+var PowerPointViewer2 = /* @__PURE__ */ chunkXG4WSJ4O_js.withDisplayName(
   PowerPointViewerComponent,
   "PowerPointViewer"
 );
 function CollaborationStatusStrip() {
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
   if (!collab) {
     return null;
   }
@@ -35506,9 +35455,9 @@ function CollaborationStateReporter({
   onChange,
   onStatus
 }) {
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
   useCollaborationStateReport(collab, onChange);
-  chunkBYPHHRBZ_js.useReportOnChange(collab?.status ?? "disconnected", onStatus, "disconnected");
+  chunkXG4WSJ4O_js.useReportOnChange(collab?.status ?? "disconnected", onStatus, "disconnected");
   return null;
 }
 function CollaborationDocumentSync({
@@ -35523,8 +35472,8 @@ function CollaborationDocumentSync({
   onReadOnlyChange,
   history
 }) {
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
-  chunkBYPHHRBZ_js.useCollaborationDocumentSync({
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
+  chunkXG4WSJ4O_js.useCollaborationDocumentSync({
     collaboration: collab,
     history,
     slides,
@@ -35544,14 +35493,14 @@ function CollaborationFollowLayer({
   setActiveSlideIndex,
   slideCount
 }) {
-  const collab = chunkBYPHHRBZ_js.useCollaboration();
-  const { followedClientId, followUser } = chunkBYPHHRBZ_js.useFollowMode({
+  const collab = chunkXG4WSJ4O_js.useCollaboration();
+  const { followedClientId, followUser } = chunkXG4WSJ4O_js.useFollowMode({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
     slideCount
   });
-  chunkBYPHHRBZ_js.useBroadcastFollower({
+  chunkXG4WSJ4O_js.useBroadcastFollower({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
@@ -35646,6 +35595,7 @@ exports.PptxI18nProvider = PptxI18nProvider;
 exports.SlideCanvas = SlideCanvas;
 exports.SlideTemplateGalleryDialog = SlideTemplateGalleryDialog;
 exports.SlideTemplatePreview = SlideTemplatePreview;
+exports.SlideThumbnail = SlideThumbnail;
 exports.SlidesPaneSidebar = SlidesPaneSidebar;
 exports.Toolbar = Toolbar;
 exports.UserAvatarBar = UserAvatarBar;