superdoc 1.0.0-beta.70 → 1.0.0-beta.72

package/dist/super-editor/chunks/{editor-C9smgNs-.js → editor-CNzx36Ms.js}

@@ -12,8 +12,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, hideDimmingOverlay_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _dragHandlerCleanup, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _dragAnchor, _isDragging, _dragExtensionMode, _remoteCursorState, _remoteCursorElements, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _scrollTimeout, _lastRemoteCursorRenderTime, _remoteCursorThrottleTimeout, _PresentationEditor_instances, collectCommentPositions_fn, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, updateLocalAwarenessCursor_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupDragHandlers_fn, focusEditorAfterImageSelection_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, calculateExtendedSelection_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handlePointerUp, _handleDragOver, _handleDrop, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, layoutPerRIdHeaderFooters_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_fn, computeExpectedSectionType_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, createDefaultHeaderFooter_fn, getPageElement_fn, scrollPageIntoView_fn, computeAnchorMap_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, applyDomCorrectionToRects_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, getPageOffsetX_fn, convertPageLocalToOverlayCoords_fn, computeDomCaretPageLocal_fn, normalizeClientPoint_fn, computeCaretLayoutRectGeometry_fn, computeCaretLayoutRect_fn, computeCaretLayoutRectFromDOM_fn, computeTableCaretLayoutRect_fn, findLineContainingPos_fn, lineHeightBeforeIndex_fn, getCurrentPageIndex_fn, findRegionForPage_fn, handleLayoutError_fn, decorateError_fn, showLayoutErrorBanner_fn, dismissErrorBanner_fn, createHiddenHost_fn, _windowRoot, _layoutSurfaces, _getTargetDom, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as htmlHandler, E as ReplaceStep, G as twipsToInches, H as inchesToTwips, I as ptToTwips, J as getResolvedParagraphProperties, K as linesToTwips, L as changeListLevel, O as findParentNode, Q as isList, U as updateNumberingProperties, V as ListHelpers, W as isMacOS, X as isIOS, Y as getSchemaTypeByName, Z as inputRulesPlugin, _ as TrackDeleteMarkName$1, $ as TrackInsertMarkName$1, a0 as v4, a1 as TrackFormatMarkName$1, a2 as comments_module_events, a3 as findMark, a4 as objectIncludes, a5 as AddMarkStep, a6 as RemoveMarkStep, a7 as twipsToLines, a8 as pixelsToTwips, a9 as helpers, aa as posToDOMRect, ab as CommandService, ac as SuperConverter, ad as createDocument, ae as createDocFromMarkdown, af as createDocFromHTML, ag as EditorState, ah as isActive, ai as unflattenListsInHtml, aj as resolveParagraphProperties, ak as _getReferencedTableStyles, al as parseSizeUnit, am as minMax, an as updateDOMAttributes, ao as findChildren$5, ap as generateRandomSigned32BitIntStrId, aq as decodeRPrFromMarks, ar as calculateResolvedParagraphProperties, as as resolveRunProperties, at as encodeCSSFromPPr, au as twipsToPixels$2, av as encodeCSSFromRPr, aw as generateOrderedListIndex, ax as docxNumberingHelpers, ay as InputRule, az as convertSizeToCSS, aA as SelectionRange, aB as Transform, aC as findParentNodeClosestToPos, aD as isInTable$1, aE as generateDocxRandomId, aF as insertNewRelationship, aG as inchesToPixels, aH as kebabCase, aI as getUnderlineCssString } from "./converter-B4HiY8pI.js";
-import { D as DocxZipper } from "./docx-zipper-D7YJSyKT.js";
+import { P as PluginKey, a as Plugin, M as Mapping, N as NodeSelection, S as Selection, T as TextSelection, b as Slice, D as DOMSerializer, F as Fragment, c as DOMParser$1, d as Mark$1, e as dropPoint, A as AllSelection, p as process$1, B as Buffer2, f as callOrGet, g as getExtensionConfigField, h as getMarkType, i as getMarksFromSelection, j as getNodeType, k as getSchemaTypeNameByName, l as Schema$1, m as cleanSchemaItem, n as canSplit, o as defaultBlockAt$1, q as liftTarget, r as canJoin, s as joinPoint, t as replaceStep$1, R as ReplaceAroundStep$1, u as isTextSelection, v as getMarkRange, w as isMarkActive, x as isNodeActive, y as deleteProps, z as processContent, C as htmlHandler, E as ReplaceStep, G as twipsToInches, H as inchesToTwips, I as ptToTwips, J as getResolvedParagraphProperties, K as linesToTwips, L as changeListLevel, O as findParentNode, Q as isList, U as updateNumberingProperties, V as ListHelpers, W as isMacOS, X as isIOS, Y as getSchemaTypeByName, Z as inputRulesPlugin, _ as TrackDeleteMarkName$1, $ as TrackInsertMarkName$1, a0 as v4, a1 as TrackFormatMarkName$1, a2 as comments_module_events, a3 as findMark, a4 as objectIncludes, a5 as AddMarkStep, a6 as RemoveMarkStep, a7 as twipsToLines, a8 as pixelsToTwips, a9 as helpers, aa as posToDOMRect, ab as CommandService, ac as SuperConverter, ad as createDocument, ae as createDocFromMarkdown, af as createDocFromHTML, ag as EditorState, ah as isActive, ai as unflattenListsInHtml, aj as resolveParagraphProperties, ak as _getReferencedTableStyles, al as parseSizeUnit, am as minMax, an as updateDOMAttributes, ao as findChildren$5, ap as generateRandomSigned32BitIntStrId, aq as decodeRPrFromMarks, ar as calculateResolvedParagraphProperties, as as resolveRunProperties, at as encodeCSSFromPPr, au as twipsToPixels$2, av as encodeCSSFromRPr, aw as generateOrderedListIndex, ax as docxNumberingHelpers, ay as InputRule, az as convertSizeToCSS, aA as SelectionRange, aB as Transform, aC as findParentNodeClosestToPos, aD as isInTable$1, aE as generateDocxRandomId, aF as insertNewRelationship, aG as inchesToPixels, aH as kebabCase, aI as getUnderlineCssString } from "./converter-JlOFMM88.js";
+import { D as DocxZipper } from "./docx-zipper-BVmpz1K_.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
 var GOOD_LEAF_SIZE = 200;
 var RopeSequence = function RopeSequence2() {
@@ -13923,7 +13923,7 @@ const isHeadless = (editor) => {
 const shouldSkipNodeView = (editor) => {
   return isHeadless(editor);
 };
-const summaryVersion = "1.0.0-beta.70";
+const summaryVersion = "1.0.0-beta.72";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -14715,7 +14715,7 @@ const _Editor = class _Editor extends EventEmitter {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-DruHtc6s.js"),
+      import("./index-qXb-Hmel.js"),
       import("./index-DRCvimau.js"),
       import("./index-C_x_N6Uh.js"),
       import("./index-D_sWOSiG.js"),
@@ -14920,7 +14920,7 @@ const _Editor = class _Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.70");
+    console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.72");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -39758,6 +39758,109 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
     const activeEditor = this.getActiveEditor();
     return activeEditor.commands;
   }
+  /**
+   * Get the ProseMirror editor state for the currently active editor (header/footer-aware).
+   *
+   * This property dynamically returns the state from the appropriate editor instance:
+   * - In body mode, returns the main editor's state
+   * - In header/footer mode, returns the active header/footer editor's state
+   *
+   * This enables components like SlashMenu and context menus to access document
+   * state, selection, and schema information in the correct editing context.
+   *
+   * @returns The EditorState for the active editor
+   *
+   * @example
+   * ```typescript
+   * const { selection, doc } = presentationEditor.state;
+   * const selectedText = doc.textBetween(selection.from, selection.to);
+   * ```
+   */
+  get state() {
+    return this.getActiveEditor().state;
+  }
+  /**
+   * Check if the editor is currently editable (header/footer-aware).
+   *
+   * This property checks the editable state of the currently active editor:
+   * - In body mode, returns whether the main editor is editable
+   * - In header/footer mode, returns whether the header/footer editor is editable
+   *
+   * The editor may be non-editable due to:
+   * - Document mode set to 'viewing'
+   * - Explicit `editable: false` option
+   * - Editor not fully initialized
+   *
+   * @returns true if the active editor accepts input, false otherwise
+   *
+   * @example
+   * ```typescript
+   * if (presentationEditor.isEditable) {
+   *   presentationEditor.commands.insertText('Hello');
+   * }
+   * ```
+   */
+  get isEditable() {
+    return this.getActiveEditor().isEditable;
+  }
+  /**
+   * Get the editor options for the currently active editor (header/footer-aware).
+   *
+   * This property returns the options object from the appropriate editor instance,
+   * providing access to configuration like document mode, AI settings, and custom
+   * slash menu configuration.
+   *
+   * @returns The options object for the active editor
+   *
+   * @example
+   * ```typescript
+   * const { documentMode, isAiEnabled } = presentationEditor.options;
+   * ```
+   */
+  get options() {
+    return this.getActiveEditor().options;
+  }
+  /**
+   * Dispatch a ProseMirror transaction to the currently active editor (header/footer-aware).
+   *
+   * This method routes transactions to the appropriate editor instance:
+   * - In body mode, dispatches to the main editor
+   * - In header/footer mode, dispatches to the active header/footer editor
+   *
+   * Use this for direct state manipulation when commands are insufficient.
+   * For most use cases, prefer using `commands` or `dispatchInActiveEditor`.
+   *
+   * @param tr - The ProseMirror transaction to dispatch
+   *
+   * @example
+   * ```typescript
+   * const { state } = presentationEditor;
+   * const tr = state.tr.insertText('Hello', state.selection.from);
+   * presentationEditor.dispatch(tr);
+   * ```
+   */
+  dispatch(tr) {
+    const activeEditor = this.getActiveEditor();
+    activeEditor.view?.dispatch(tr);
+  }
+  /**
+   * Focus the editor, routing focus to the appropriate editing surface.
+   *
+   * In PresentationEditor, the actual ProseMirror EditorView is hidden and input
+   * is bridged from the visible layout surface. This method focuses the hidden
+   * editor view to enable keyboard input while the visual focus remains on the
+   * rendered presentation.
+   *
+   * @example
+   * ```typescript
+   * // After closing a modal, restore focus to the editor
+   * presentationEditor.focus();
+   * ```
+   */
+  focus() {
+    const activeEditor = this.getActiveEditor();
+    activeEditor.view?.focus();
+  }
   /**
    * Returns the currently active editor (body or header/footer session).
    *
@@ -40223,6 +40326,74 @@ const _PresentationEditor = class _PresentationEditor extends EventEmitter {
   getLayoutOptions() {
     return { ...__privateGet(this, _layoutOptions) };
   }
+  /**
+   * Get the page styles for the section containing the current caret position.
+   *
+   * In multi-section documents, different sections can have different page sizes,
+   * margins, and orientations. This method returns the styles for the section
+   * where the caret is currently located, enabling section-aware UI components
+   * like rulers to display accurate information.
+   *
+   * @returns Object containing:
+   *   - pageSize: { width, height } in inches
+   *   - pageMargins: { left, right, top, bottom } in inches
+   *   - sectionIndex: The current section index (0-based)
+   *   - orientation: 'portrait' or 'landscape'
+   *
+   * Falls back to document-level defaults if section info is unavailable.
+   *
+   * @example
+   * ```typescript
+   * const sectionStyles = presentation.getCurrentSectionPageStyles();
+   * console.log(`Section ${sectionStyles.sectionIndex}: ${sectionStyles.pageSize.width}" x ${sectionStyles.pageSize.height}"`);
+   * ```
+   */
+  getCurrentSectionPageStyles() {
+    const PPI = 96;
+    const layout = __privateGet(this, _layoutState).layout;
+    const pageIndex = __privateMethod(this, _PresentationEditor_instances, getCurrentPageIndex_fn).call(this);
+    const page = layout?.pages?.[pageIndex];
+    const converterStyles = __privateGet(this, _editor3).converter?.pageStyles ?? {};
+    const defaultMargins = converterStyles.pageMargins ?? { left: 1, right: 1, top: 1, bottom: 1 };
+    const safeMargins = {
+      left: typeof defaultMargins.left === "number" ? defaultMargins.left : 1,
+      right: typeof defaultMargins.right === "number" ? defaultMargins.right : 1,
+      top: typeof defaultMargins.top === "number" ? defaultMargins.top : 1,
+      bottom: typeof defaultMargins.bottom === "number" ? defaultMargins.bottom : 1
+    };
+    if (!page) {
+      return {
+        pageSize: { width: 8.5, height: 11 },
+        pageMargins: safeMargins,
+        sectionIndex: 0,
+        orientation: "portrait"
+      };
+    }
+    const pageOrientation = page.orientation === "landscape" || page.orientation === "portrait" ? page.orientation : "portrait";
+    const standardPortrait = { w: 8.5 * PPI, h: 11 * PPI };
+    const standardLandscape = { w: 11 * PPI, h: 8.5 * PPI };
+    const orientationDefault = pageOrientation === "landscape" ? standardLandscape : standardPortrait;
+    const pageWidthPx = page.size?.w ?? orientationDefault.w;
+    const pageHeightPx = page.size?.h ?? orientationDefault.h;
+    const marginLeftPx = page.margins?.left ?? safeMargins.left * PPI;
+    const marginRightPx = page.margins?.right ?? safeMargins.right * PPI;
+    const marginTopPx = page.margins?.top ?? safeMargins.top * PPI;
+    const marginBottomPx = page.margins?.bottom ?? safeMargins.bottom * PPI;
+    return {
+      pageSize: {
+        width: pageWidthPx / PPI,
+        height: pageHeightPx / PPI
+      },
+      pageMargins: {
+        left: marginLeftPx / PPI,
+        right: marginRightPx / PPI,
+        top: marginTopPx / PPI,
+        bottom: marginBottomPx / PPI
+      },
+      sectionIndex: page.sectionIndex ?? 0,
+      orientation: pageOrientation
+    };
+  }
   /**
    * Get current remote cursor states (normalized to absolute PM positions).
    * Returns an array of cursor states for all remote collaborators, excluding the local user.
@@ -43764,9 +43935,26 @@ getCurrentPageIndex_fn = function() {
   }
   const layout = __privateGet(this, _layoutState).layout;
   const selection = __privateGet(this, _editor3).state?.selection;
-  if (!layout || !selection) return 0;
+  if (!layout || !selection) {
+    return 0;
+  }
   const rects = selectionToRects(layout, __privateGet(this, _layoutState).blocks, __privateGet(this, _layoutState).measures, selection.from, selection.to) ?? [];
-  return rects[0]?.pageIndex ?? 0;
+  if (rects.length > 0) {
+    return rects[0]?.pageIndex ?? 0;
+  }
+  const pos = selection.from;
+  for (let pageIdx = 0; pageIdx < layout.pages.length; pageIdx++) {
+    const page = layout.pages[pageIdx];
+    for (const fragment of page.fragments) {
+      const frag = fragment;
+      if (frag.pmStart != null && frag.pmEnd != null) {
+        if (pos >= frag.pmStart && pos <= frag.pmEnd) {
+          return pageIdx;
+        }
+      }
+    }
+  }
+  return 0;
 };
 findRegionForPage_fn = function(kind, pageIndex) {
   const map2 = kind === "header" ? __privateGet(this, _headerRegions) : __privateGet(this, _footerRegions);
@@ -45248,6 +45436,9 @@ const processAiHighlights = (editor, doc2, highlightColor, customClass = null) =
 };
 function getEditorSurfaceElement(editor) {
   if (!editor) return null;
+  if (typeof editor.hitTest === "function" && editor.element instanceof HTMLElement) {
+    return editor.element;
+  }
   return editor.presentationEditor?.element ?? editor.view?.dom ?? editor.options?.element ?? null;
 }
 function getSurfaceRelativePoint(editor, eventLocation = {}) {

package/dist/super-editor/chunks/{index-DruHtc6s.js → index-qXb-Hmel.js}

@@ -1,4 +1,4 @@
-import { aK as getDefaultExportFromCjs } from "./converter-B4HiY8pI.js";
+import { aK as getDefaultExportFromCjs } from "./converter-JlOFMM88.js";
 import { V as VFile } from "./index-CvBqQJbG.js";
 function bail(error) {
   if (error) {

package/dist/super-editor/chunks/{toolbar-BuJaDiNO.js → toolbar-DAhwzyFV.js}

@@ -1,6 +1,6 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, normalizeStyle, ref, withKeys, unref, withModifiers, createBlock, toDisplayString, withDirectives, vModelText, nextTick, getCurrentInstance, onMounted, onBeforeUnmount, createVNode, readonly, watch, reactive, onBeforeMount, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, h, Teleport, toRef, renderSlot, isVNode, shallowRef, watchEffect, mergeProps, Transition, vShow, cloneVNode, Text, renderList, withCtx } from "vue";
-import { p as process$1 } from "./converter-B4HiY8pI.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-C9smgNs-.js";
+import { p as process$1 } from "./converter-JlOFMM88.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-CNzx36Ms.js";
 const sanitizeNumber = (value, defaultNumber) => {
   let sanitized = value.replace(/[^0-9.]/g, "");
   sanitized = parseFloat(sanitized);

package/dist/super-editor/converter.es.js

@@ -1,4 +1,4 @@
-import { ac } from "./chunks/converter-B4HiY8pI.js";
+import { ac } from "./chunks/converter-JlOFMM88.js";
 export {
   ac as SuperConverter
 };

package/dist/super-editor/docx-zipper.es.js

@@ -1,5 +1,5 @@
-import "./chunks/converter-B4HiY8pI.js";
-import { D } from "./chunks/docx-zipper-D7YJSyKT.js";
+import "./chunks/converter-JlOFMM88.js";
+import { D } from "./chunks/docx-zipper-BVmpz1K_.js";
 export {
   D as default
 };

package/dist/super-editor/editor.es.js

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-C9smgNs-.js";
-import "./chunks/converter-B4HiY8pI.js";
-import "./chunks/docx-zipper-D7YJSyKT.js";
+import { E } from "./chunks/editor-CNzx36Ms.js";
+import "./chunks/converter-JlOFMM88.js";
+import "./chunks/docx-zipper-BVmpz1K_.js";
 export {
   E as Editor
 };

package/dist/super-editor/file-zipper.es.js

@@ -1,4 +1,4 @@
-import { J as JSZip } from "./chunks/docx-zipper-D7YJSyKT.js";
+import { J as JSZip } from "./chunks/docx-zipper-BVmpz1K_.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/style.css

@@ -1815,7 +1815,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   margin: 4px 0;
 }
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
-.vertical-indicator[data-v-b9f4f30a] {
+.vertical-indicator[data-v-0d1b9cd1] {
   position: absolute;
   height: 0px;
   min-width: 1px;
@@ -1823,7 +1823,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   top: 20px;
   z-index: 100;
 }
-.margin-handle[data-v-b9f4f30a] {
+.margin-handle[data-v-0d1b9cd1] {
   width: 56px;
   min-width: 5px;
   max-width: 5px;
@@ -1836,10 +1836,10 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   transition: background-color 250ms ease;
   z-index: 10;
 }
-.margin-handle[data-v-b9f4f30a]:hover {
+.margin-handle[data-v-0d1b9cd1]:hover {
   background-color: var(--ruler-handle-active-color);
 }
-.ruler[data-v-b9f4f30a] {
+.ruler[data-v-0d1b9cd1] {
   height: 25px;
   width: var(--ruler-width, 8.5in);
   margin: 0;
@@ -1847,14 +1847,13 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   box-sizing: border-box;
   position: relative;
   color: #666;
+  transition: width 150ms ease-out;
 }
-
-/* Tick marks - using absolute positioning from ruler-core */
-.ruler-tick[data-v-b9f4f30a] {
+.ruler-tick[data-v-0d1b9cd1] {
   pointer-events: none;
   user-select: none;
 }
-.numbering[data-v-b9f4f30a] {
+.numbering[data-v-0d1b9cd1] {
   position: absolute;
   top: -16px;
   left: -2px;

package/dist/super-editor/super-editor.es.js

@@ -9,14 +9,14 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _MARK_TOGGLE_NAMES, _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, enrichTrackedChanges_fn, runCommandWithArgumentOnly_fn, syncStickyMarksFromState_fn, restoreStickyMarksIfNeeded_fn, ensureStoredMarksForMarkToggle_fn;
-import { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, O as findParentNode, ar as calculateResolvedParagraphProperties, a7 as twipsToLines, Q as isList, al as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-B4HiY8pI.js";
-import { ac, i, a9, aQ } from "./chunks/converter-B4HiY8pI.js";
-import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as getEditorSurfaceElement, l as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, m as generateRulerDefinition, n as clampHandlePosition, o as calculateMarginFromHandle, p as measureCache, q as isHeadless, E as Editor, t as getStarterExtensions, P as PresentationEditor, v as Placeholder, w as getRichTextExtensions, D as DecorationSet, x as Decoration, M as Mark, z as Extension, A as Attribute, N as Node } from "./chunks/editor-C9smgNs-.js";
-import { F, I, G, T, B, H, C } from "./chunks/editor-C9smgNs-.js";
+import { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, O as findParentNode, ar as calculateResolvedParagraphProperties, a7 as twipsToLines, Q as isList, al as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-JlOFMM88.js";
+import { ac, i, a9, aQ } from "./chunks/converter-JlOFMM88.js";
+import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as getEditorSurfaceElement, l as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, m as generateRulerDefinition, n as clampHandlePosition, o as calculateMarginFromHandle, p as measureCache, q as isHeadless, E as Editor, t as getStarterExtensions, P as PresentationEditor, v as Placeholder, w as getRichTextExtensions, D as DecorationSet, x as Decoration, M as Mark, z as Extension, A as Attribute, N as Node } from "./chunks/editor-CNzx36Ms.js";
+import { F, I, G, T, B, H, C } from "./chunks/editor-CNzx36Ms.js";
 import { ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, withModifiers, toDisplayString, createCommentVNode, normalizeStyle, computed, watch, withDirectives, withKeys, vModelText, createTextVNode, createVNode, h, createApp, markRaw, nextTick, onBeforeUnmount, defineComponent, reactive, onUnmounted, renderSlot, useCssVars, shallowRef, createBlock, Teleport, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-BuJaDiNO.js";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-DAhwzyFV.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-D7YJSyKT.js";
+import { D } from "./chunks/docx-zipper-BVmpz1K_.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -4470,7 +4470,7 @@ const _sfc_main$8 = {
     onMounted(() => {
       if (!props.editor) return;
       document.addEventListener("keydown", handleGlobalKeyDown);
-      document.addEventListener("mousedown", handleGlobalOutsideClick);
+      document.addEventListener("pointerdown", handleGlobalOutsideClick);
       props.editor.on("update", handleEditorUpdate);
       slashMenuOpenHandler = async (event) => {
         const readOnly = !props.editor?.isEditable;
@@ -4504,7 +4504,7 @@ const _sfc_main$8 = {
     });
     onBeforeUnmount(() => {
       document.removeEventListener("keydown", handleGlobalKeyDown);
-      document.removeEventListener("mousedown", handleGlobalOutsideClick);
+      document.removeEventListener("pointerdown", handleGlobalOutsideClick);
       cleanupCustomItems();
       if (props.editor) {
         try {
@@ -4528,7 +4528,7 @@ const _sfc_main$8 = {
         ref: menuRef,
         class: "slash-menu",
         style: normalizeStyle(menuPosition.value),
-        onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
+        onPointerdown: _cache[2] || (_cache[2] = withModifiers(() => {
         }, ["stop"]))
       }, [
         withDirectives(createElementVNode("input", {
@@ -4640,6 +4640,7 @@ const _sfc_main$6 = {
     const rulerHandleActiveColor = ref("#2563EB66");
     const pageSize = ref(null);
     const pageMargins = ref(null);
+    const currentSectionIndex = ref(0);
     const isDragging = ref(false);
     const currentHandle = ref(null);
     const leftHandle = reactive({ side: "left", x: 0 });
@@ -4647,9 +4648,29 @@ const _sfc_main$6 = {
     const showVerticalIndicator = ref(false);
     const initialX = ref(0);
     let offsetX = 0;
-    const initRuler = () => {
-      if (props.editor.options.mode !== "docx") return null;
-      const { pageMargins: docMargins, pageSize: docSize } = props.editor.getPageStyles();
+    let selectionUpdateHandler = null;
+    const getPresentationEditor = () => {
+      return props.editor?.presentationEditor ?? null;
+    };
+    const updateRulerForCurrentSection = () => {
+      if (!props.editor || props.editor.options?.mode !== "docx") return;
+      const presentationEditor = getPresentationEditor();
+      let docSize, docMargins, sectionIndex;
+      if (presentationEditor && typeof presentationEditor.getCurrentSectionPageStyles === "function") {
+        const sectionStyles = presentationEditor.getCurrentSectionPageStyles();
+        docSize = sectionStyles.pageSize;
+        docMargins = sectionStyles.pageMargins;
+        sectionIndex = sectionStyles.sectionIndex;
+      } else {
+        const styles = props.editor.getPageStyles();
+        docSize = styles.pageSize ?? { width: 8.5, height: 11 };
+        docMargins = styles.pageMargins ?? { left: 1, right: 1, top: 1, bottom: 1 };
+        sectionIndex = 0;
+      }
+      if (pageSize.value && currentSectionIndex.value === sectionIndex) {
+        return;
+      }
+      currentSectionIndex.value = sectionIndex;
       pageSize.value = docSize;
       pageMargins.value = docMargins;
       const definition = generateRulerDefinition({
@@ -4663,7 +4684,7 @@ const _sfc_main$6 = {
       });
       leftHandle.x = definition.leftMarginPx;
       rightHandle.x = definition.rightMarginPx;
-      return definition;
+      rulerDefinition.value = definition;
     };
     const getTickStyle = computed(() => (tick) => {
       return {
@@ -4717,7 +4738,8 @@ const _sfc_main$6 = {
         const marginValue = getNewMarginValue();
         emit("margin-change", {
           side: currentHandle.value.side,
-          value: marginValue
+          value: marginValue,
+          sectionIndex: currentSectionIndex.value
         });
       }
     };
@@ -4741,12 +4763,40 @@ const _sfc_main$6 = {
         "--ruler-width": `${width}px`
       };
     });
+    const handleSelectionUpdate = () => {
+      if (isDragging.value) return;
+      updateRulerForCurrentSection();
+    };
+    const setupEditorListeners = () => {
+      if (!props.editor) return;
+      selectionUpdateHandler = handleSelectionUpdate;
+      props.editor.on("selectionUpdate", selectionUpdateHandler);
+    };
+    const cleanupEditorListeners = () => {
+      if (!props.editor || !selectionUpdateHandler) return;
+      props.editor.off("selectionUpdate", selectionUpdateHandler);
+      selectionUpdateHandler = null;
+    };
+    watch(
+      () => props.editor,
+      (newEditor, oldEditor) => {
+        if (oldEditor && selectionUpdateHandler) {
+          oldEditor.off("selectionUpdate", selectionUpdateHandler);
+        }
+        if (newEditor) {
+          setupEditorListeners();
+          updateRulerForCurrentSection();
+        }
+      }
+    );
     onMounted(() => {
-      rulerDefinition.value = initRuler();
+      updateRulerForCurrentSection();
+      setupEditorListeners();
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
     });
     onUnmounted(() => {
+      cleanupEditorListeners();
       window.removeEventListener("mousemove", handleMouseMove);
       window.removeEventListener("mouseup", handleMouseUp);
     });
@@ -4787,7 +4837,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b9f4f30a"]]);
+const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0d1b9cd1"]]);
 const _sfc_main$5 = {
   __name: "GenericPopover",
   props: {

package/dist/super-editor/toolbar.es.js

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-BuJaDiNO.js";
-import "./chunks/editor-C9smgNs-.js";
+import { T } from "./chunks/toolbar-DAhwzyFV.js";
+import "./chunks/editor-CNzx36Ms.js";
 export {
   T as default
 };

package/dist/super-editor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-CzBIlSB8.cjs");
+const superEditor_es = require("./chunks/super-editor.es-DxG6ckVG.cjs");
 require("./chunks/vue-jWLMl8Ts.cjs");
 exports.AIWriter = superEditor_es.AIWriter;
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;

package/dist/super-editor.es.js

@@ -1,4 +1,4 @@
-import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-4JNmJF9G.es.js";
+import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-DPl3-zTR.es.js";
 import "./chunks/vue-Dysv_7z5.es.js";
 export {
   A as AIWriter,

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-CzBIlSB8.cjs");
-const superdoc = require("./chunks/index-CJCOemVA.cjs");
+const superEditor_es = require("./chunks/super-editor.es-DxG6ckVG.cjs");
+const superdoc = require("./chunks/index-CAQDtLex.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;
 exports.Editor = superEditor_es.Editor;

package/dist/superdoc.es.js

@@ -1,5 +1,5 @@
-import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-4JNmJF9G.es.js";
-import { D, H, P, S as S2, m, l } from "./chunks/index-atbbnwyB.es.js";
+import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-DPl3-zTR.es.js";
+import { D, H, P, S as S2, m, l } from "./chunks/index-B1AqHbuy.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 export {
   a as AnnotatorHelpers,