pptx-react-viewer 2.8.0 → 2.10.0

package/dist/{chunk-OIH753PJ.mjs → chunk-OHPF2HTP.mjs}

@@ -1,6 +1,6 @@
-import { cloneHistorySnapshot, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, partitionTemplateElements, UNGROUPED_SECTION_ID, stopAllPersistentAudio, buildSaveSlides, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-AHPZGUL7.mjs';
-import { translationsEn } from './chunk-Z6HIZWIQ.mjs';
-import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, PresentationAnimationController, computeEntranceAnimationDelay, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, buildMorphTransitionPlan, morphOptionToMode, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, mayLeaveSlideShow, remapTextToSegments, guidePxToEmu, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, derivePresenceList, mapPresentationKey, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildThemeColorMap, reResolveSlideColors, createPresentationSessionId, resolveTransitionDurationMs, isUrlSafe, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid } from './chunk-VH2QF5CT.mjs';
+import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, partitionTemplateElements, UNGROUPED_SECTION_ID, stopAllPersistentAudio, buildSaveSlides, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-FY2AFXKP.mjs';
+import { translationsEn } from './chunk-SL3XPERE.mjs';
+import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, clampZoomScale, zoomInScale, zoomOutScale, PresentationAnimationController, computeEntranceAnimationDelay, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, buildMorphTransitionPlan, morphOptionToMode, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, mayLeaveSlideShow, remapTextToSegments, guidePxToEmu, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, derivePresenceList, mapPresentationKey, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildThemeColorMap, reResolveSlideColors, createPresentationSessionId, resolveTransitionDurationMs, isUrlSafe, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid } from './chunk-TJ55KUWH.mjs';
 import { useRef, useState, useEffect, useCallback, useMemo, useSyncExternalStore, useImperativeHandle } from 'react';
 import JSZip from 'jszip';
 import { useTranslation } from 'react-i18next';
@@ -743,7 +743,7 @@ function useZoomViewport({
       if (!wrapper || !canvasViewport) {
         return;
       }
-      const boundedScale = Math.min(Math.max(nextScale, MIN_ZOOM_SCALE), MAX_ZOOM_SCALE);
+      const boundedScale = clampZoomScale(nextScale);
       const nextEditorScale = fitScale * boundedScale;
       const centerX = (bounds.minX + bounds.maxX) / 2;
       const centerY = (bounds.minY + bounds.maxY) / 2;
@@ -758,10 +758,10 @@ function useZoomViewport({
     [fitScale]
   );
   const handleZoomIn = useCallback(() => {
-    setScale((currentScale) => Math.min(currentScale + 0.1, MAX_ZOOM_SCALE));
+    setScale((currentScale) => zoomInScale(currentScale));
   }, []);
   const handleZoomOut = useCallback(() => {
-    setScale((currentScale) => Math.max(currentScale - 0.1, MIN_ZOOM_SCALE));
+    setScale((currentScale) => zoomOutScale(currentScale));
   }, []);
   const handleResetZoom = useCallback(() => {
     setScale(1);
@@ -802,10 +802,7 @@ function useZoomViewport({
       availableHeight / boundsHeight
     );
     const safeFitScale = fitScale > Number.EPSILON ? fitScale : Number.EPSILON;
-    const nextScale = Math.min(
-      Math.max(targetEditorScale / safeFitScale, MIN_ZOOM_SCALE),
-      MAX_ZOOM_SCALE
-    );
+    const nextScale = clampZoomScale(targetEditorScale / safeFitScale);
     setScale(nextScale);
     window.requestAnimationFrame(() => {
       window.requestAnimationFrame(() => {
@@ -825,9 +822,7 @@ function useZoomViewport({
     }
     event.preventDefault();
     const delta = event.deltaY * -1e-3;
-    setScale(
-      (currentScale) => Math.min(Math.max(currentScale + delta, MIN_ZOOM_SCALE), MAX_ZOOM_SCALE)
-    );
+    setScale((currentScale) => clampZoomScale(currentScale + delta));
   }, []);
   useEffect(() => {
     const viewport = canvasViewportRef.current;
@@ -3584,6 +3579,7 @@ function useViewerUIState() {
   const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);
   const [sidebarPanelMode, setSidebarPanelMode] = useState("properties");
   const [showSlideSorter, setShowSlideSorter] = useState(false);
+  const [showReadingView, setShowReadingView] = useState(false);
   const [isShortcutHelpOpen, setIsShortcutHelpOpen] = useState(false);
   const [isAccessibilityPanelOpen, setIsAccessibilityPanelOpen] = useState(false);
   const [accessibilityIssues, setAccessibilityIssues] = useState([]);
@@ -3592,6 +3588,7 @@ function useViewerUIState() {
   const [spellCheckEnabled, setSpellCheckEnabled] = useState(true);
   const [showGrid, setShowGrid] = useState(false);
   const [showRulers, setShowRulers] = useState(false);
+  const [showGuides, setShowGuides] = useState(true);
   const [snapToGrid, setSnapToGrid] = useState(true);
   const [snapToShape, setSnapToShape] = useState(true);
   const [guides, setGuides] = useState(
@@ -3629,6 +3626,8 @@ function useViewerUIState() {
     setSidebarPanelMode,
     showSlideSorter,
     setShowSlideSorter,
+    showReadingView,
+    setShowReadingView,
     isShortcutHelpOpen,
     setIsShortcutHelpOpen,
     isAccessibilityPanelOpen,
@@ -3645,6 +3644,8 @@ function useViewerUIState() {
     setShowGrid,
     showRulers,
     setShowRulers,
+    showGuides,
+    setShowGuides,
     snapToGrid,
     setSnapToGrid,
     snapToShape,
@@ -4710,6 +4711,9 @@ function usePointerHandlers(input) {
     input
   ]);
 }
+function mouseDownStartsSelectionDrag(event) {
+  return !event.shiftKey && !event.metaKey;
+}
 function useCanvasInteractions(input) {
   const {
     mode,
@@ -4822,6 +4826,9 @@ function useCanvasInteractions(input) {
     if (inlineEditingElementId && inlineEditingElementId !== elementId) {
       handleInlineEditCommit();
     }
+    if (!mouseDownStartsSelectionDrag(e)) {
+      return;
+    }
     const wasSelected = selectedElementIdSet.has(elementId);
     if (!wasSelected) {
       ops.applySelection(elementId);
@@ -9269,140 +9276,77 @@ function useContentLifecycle(input) {
   });
   return { handlerRef, serializeSlides, autosaveStatus };
 }
-var NUDGE_SMALL = 2;
-var NUDGE_LARGE = 20;
 function useKeyboardShortcuts(input) {
   const inputRef = useRef(input);
   inputRef.current = input;
   const handleKeyDown = useCallback((e) => {
-    const {
-      mode,
-      canEdit,
-      inlineEditingElementId,
-      tableEditorState,
-      activeTool,
-      hasSelection,
-      onDelete,
-      onCopy,
-      onCut,
-      onPaste,
-      onDuplicate,
-      onUndo,
-      onRedo,
-      onSelectAll,
-      onEscape,
-      onNudge,
-      onPrevSlide,
-      onNextSlide
-    } = inputRef.current;
-    if (mode !== "edit" || !canEdit) {
-      return;
-    }
-    const target = e.target;
-    const isTextInput = target?.tagName === "INPUT" || target?.tagName === "TEXTAREA" || target?.isContentEditable;
-    if (e.key === "Escape") {
-      e.preventDefault();
-      onEscape();
-      return;
-    }
-    if (inlineEditingElementId || tableEditorState?.isEditing || activeTool !== "select") {
-      return;
-    }
-    if (isTextInput) {
-      return;
-    }
-    const isMod = e.metaKey || e.ctrlKey;
-    if ((e.key === "Delete" || e.key === "Backspace") && hasSelection) {
-      e.preventDefault();
-      onDelete();
-      return;
-    }
-    if (isMod) {
-      switch (e.key.toLowerCase()) {
-        case "z":
-          e.preventDefault();
-          if (e.shiftKey) {
-            onRedo();
-          } else {
-            onUndo();
-          }
-          return;
-        case "y":
-          e.preventDefault();
-          onRedo();
-          return;
-        case "c":
-          if (hasSelection) {
-            e.preventDefault();
-            onCopy();
-          }
-          return;
-        case "x":
-          if (hasSelection) {
-            e.preventDefault();
-            onCut();
-          }
-          return;
-        case "v":
-          e.preventDefault();
-          onPaste();
-          return;
-        case "d":
-          if (hasSelection) {
-            e.preventDefault();
-            onDuplicate();
-          }
-          return;
-        case "a":
-          e.preventDefault();
-          onSelectAll();
-          return;
-      }
-    }
-    if (hasSelection && (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight")) {
-      e.preventDefault();
-      const step = e.shiftKey ? NUDGE_LARGE : NUDGE_SMALL;
-      let dx = 0;
-      let dy = 0;
-      switch (e.key) {
-        case "ArrowUp":
-          dy = -step;
-          break;
-        case "ArrowDown":
-          dy = step;
-          break;
-        case "ArrowLeft":
-          dx = -step;
-          break;
-        case "ArrowRight":
-          dx = step;
-          break;
-      }
-      onNudge(dx, dy);
+    const current = inputRef.current;
+    const { action, dx, dy } = mapEditorKey(e, {
+      canEdit: current.canEdit,
+      isPresenting: current.mode !== "edit",
+      hasSelection: current.hasSelection,
+      isEditingText: Boolean(current.inlineEditingElementId || current.tableEditorState?.isEditing),
+      isDrawing: current.activeTool !== "select",
+      isTextInputTarget: isEditorTextInputTarget(e.target)
+    });
+    if (action === null) {
       return;
     }
-    if (!hasSelection && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
-      e.preventDefault();
-      if (e.key === "ArrowLeft") {
-        onPrevSlide?.();
-      } else {
-        onNextSlide?.();
-      }
+    e.preventDefault();
+    switch (action) {
+      case "escape":
+        current.onEscape();
+        break;
+      case "delete":
+        current.onDelete();
+        break;
+      case "undo":
+        current.onUndo();
+        break;
+      case "redo":
+        current.onRedo();
+        break;
+      case "copy":
+        current.onCopy();
+        break;
+      case "cut":
+        current.onCut();
+        break;
+      case "paste":
+        current.onPaste();
+        break;
+      case "duplicate":
+        current.onDuplicate();
+        break;
+      case "selectAll":
+        current.onSelectAll();
+        break;
+      case "group":
+        current.onGroup?.();
+        break;
+      case "ungroup":
+        current.onUngroup?.();
+        break;
+      case "toggleShortcuts":
+        current.onToggleShortcuts?.();
+        break;
+      case "nudge":
+        current.onNudge(dx ?? 0, dy ?? 0);
+        break;
+      case "prevSlide":
+        current.onPrevSlide?.();
+        break;
+      case "nextSlide":
+        current.onNextSlide?.();
+        break;
     }
   }, []);
   useEffect(() => {
-    const container = input.containerRef.current;
-    if (container) {
-      container.addEventListener("keydown", handleKeyDown);
-    }
     window.addEventListener("keydown", handleKeyDown);
     return () => {
-      if (container) {
-        container.removeEventListener("keydown", handleKeyDown);
-      }
       window.removeEventListener("keydown", handleKeyDown);
     };
-  }, [input.containerRef, handleKeyDown]);
+  }, [handleKeyDown]);
 }
 
 // src/viewer/hooks/useKeyboardShortcutWiring.ts
@@ -9433,8 +9377,13 @@ function useKeyboardShortcutWiring(input) {
         ops.applySelection(allIds[0], allIds);
       }
     },
+    onGroup: manipulation.handleGroupElements,
+    onUngroup: manipulation.handleUngroupElement,
+    onToggleShortcuts: () => state.setIsShortcutHelpOpen((prev) => !prev),
     onEscape: () => {
-      if (state.inlineEditingElementId) {
+      if (state.isShortcutHelpOpen) {
+        state.setIsShortcutHelpOpen(false);
+      } else if (state.inlineEditingElementId) {
         state.setInlineEditingElementId(null);
         state.setInlineEditingText("");
       } else if (state.contextMenuState) {
@@ -9631,7 +9580,7 @@ function useViewerIntegration(input) {
         return zoom.scale;
       },
       setZoom(level) {
-        zoom.setScale(Math.min(Math.max(level, MIN_ZOOM_SCALE), MAX_ZOOM_SCALE));
+        zoom.setScale(clampZoomScale(level));
       },
       zoomIn() {
         zoom.handleZoomIn();
@@ -10335,29 +10284,11 @@ function buildCanvasProps(input) {
   } = input;
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const effectiveTemplateElements = mode === "master" ? s.activeLayout ? s.activeMaster?.elements ?? [] : [] : templateElements;
-  let slideTitle;
-  if (activeSlide) {
-    for (const el of activeSlide.elements) {
-      const phType = el.placeholderType;
-      if (phType === "title" || phType === "ctrTitle") {
-        const txt = el.text;
-        if (txt) {
-          slideTitle = txt;
-          break;
-        }
-      }
-    }
-  }
-  const hf = s.headerFooter;
-  const fieldContext = {
-    slideNumber: activeSlide?.slideNumber,
-    dateTimeText: hf.dateTimeText,
-    dateFormat: hf.dateFormat,
-    footerText: hf.footerText,
-    headerText: hf.headerText,
-    slideTitle,
-    customProperties: s.customProperties.map((p) => ({ name: p.name, value: p.value }))
-  };
+  const fieldContext = buildFieldSubstitutionContext({
+    headerFooter: s.headerFooter,
+    customProperties: s.customProperties,
+    slide: activeSlide
+  });
   const tableStyleContext = s.theme || s.tableStyleMap ? { theme: s.theme, tableStyleMap: s.tableStyleMap } : void 0;
   const handleActionClick = (_elementId, action) => {
     if (mode === "present") {
@@ -10401,7 +10332,9 @@ function buildCanvasProps(input) {
     showGrid: s.showGrid,
     gridSpacingPx,
     showRulers: s.showRulers,
-    guides: s.guides,
+    // View ▸ Guides hides the overlay without discarding the guides: they are
+    // still snapped to while dragging and still round-trip on save.
+    guides: s.showGuides ? s.guides : [],
     presentationElementStates: mode === "present" ? presentation.presentationElementStates : void 0,
     presentationKeyframesCss: mode === "present" ? presentation.presentationKeyframesCss : void 0,
     onClick: canvasHandlers.handleElementClick,
@@ -10610,6 +10543,7 @@ function buildToolbarProps(input) {
     history
   });
   const scopedLayoutOptions = scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide);
+  const selectionSize = selectedElement === null ? 0 : 1;
   return {
     fileName,
     mode,
@@ -10672,11 +10606,13 @@ function buildToolbarProps(input) {
     spellCheckEnabled: s.spellCheckEnabled,
     showGrid: s.showGrid,
     showRulers: s.showRulers,
+    showGuides: s.showGuides,
     snapToGrid: s.snapToGrid,
     snapToShape: s.snapToShape,
     onSetSpellCheckEnabled: s.setSpellCheckEnabled,
     onSetShowGrid: s.setShowGrid,
     onSetShowRulers: s.setShowRulers,
+    onSetShowGuides: s.setShowGuides,
     onSetSnapToGrid: s.setSnapToGrid,
     onSetSnapToShape: s.setSnapToShape,
     onAddGuide: dialogs.handleAddGuide,
@@ -10689,6 +10625,11 @@ function buildToolbarProps(input) {
     onFlip: manipulation.handleFlip,
     onMoveLayer: manipulation.handleMoveLayer,
     onMoveLayerToEdge: manipulation.handleMoveLayerToEdge,
+    onGroupElements: manipulation.handleGroupElements,
+    onUngroupElement: manipulation.handleUngroupElement,
+    onUpdateElementStyle: ops.updateSelectedShapeStyle,
+    selectedCount: s.selectedElementIds.length > 0 ? s.selectedElementIds.length : selectionSize,
+    onOpenHyperlinkDialog: () => dialogs.setIsHyperlinkDialogOpen(true),
     onDuplicate: manipulation.handleDuplicate,
     onDelete: manipulation.handleDelete,
     onExportPng: exportHandlers.handleExportPng,
@@ -10717,6 +10658,7 @@ function buildToolbarProps(input) {
     onOpenSettings,
     onRunAccessibilityCheck: dialogs.handleRunAccessibilityCheck,
     onToggleSlideSorter: () => s.setShowSlideSorter((p) => !p),
+    onOpenReadingView: () => s.setShowReadingView(true),
     onUpdateTextStyle: ops.updateSelectedTextStyle,
     onTransformTextCase: ops.updateSelectedTextCase,
     isOverflowMenuOpen: s.isOverflowMenuOpen,