superdoc 1.0.0-beta.17 → 1.0.0-beta.18

package/dist/superdoc.umd.js

@@ -19192,6 +19192,7 @@
     if (color2) add("text-decoration-color", color2);
     return parts.join("; ");
   }
+  const INLINE_OVERRIDE_PROPERTIES = ["fontSize", "bold", "italic", "strike", "underline", "letterSpacing"];
   const resolveRunProperties = (params2, inlineRpr, resolvedPpr, isListNumber = false, numberingDefinedInline = false) => {
     const paragraphStyleId = resolvedPpr?.styleId;
     const paragraphStyleProps = resolveStyleChain$1(params2, paragraphStyleId, translator$1N);
@@ -19228,6 +19229,11 @@
       styleChain = [...styleChain, paragraphStyleProps, runStyleProps, inlineRpr];
     }
     const finalProps = combineProperties(styleChain, ["fontFamily", "color"]);
+    for (const prop of INLINE_OVERRIDE_PROPERTIES) {
+      if (inlineRpr?.[prop] != null) {
+        finalProps[prop] = inlineRpr[prop];
+      }
+    }
     return finalProps;
   };
   function resolveParagraphProperties(params2, inlineProps, insideTable = false, overrideInlineStyleId = false, tableStyleId = null) {
@@ -25035,8 +25041,8 @@
       horizontal: positionHValue,
       top: positionVValue
     };
-    const useSimplePos = attributes["simplePos"] === "1" || attributes["simplePos"] === 1;
-    const simplePos = useSimplePos ? node2.elements.find((el) => el.name === "wp:simplePos") : null;
+    const useSimplePos = attributes["simplePos"] === "1" || attributes["simplePos"] === 1 || attributes["simplePos"] === true;
+    const simplePosNode = node2.elements.find((el) => el.name === "wp:simplePos");
     const wrapNode = isAnchor ? node2.elements.find(
       (el) => ["wp:wrapNone", "wp:wrapSquare", "wp:wrapThrough", "wp:wrapTight", "wp:wrapTopAndBottom"].includes(el.name)
     ) : null;
@@ -25176,10 +25182,10 @@
         anchorData,
         isAnchor,
         transformData,
-        ...simplePos && {
+        ...useSimplePos && {
           simplePos: {
-            x: simplePos.attributes.x,
-            y: simplePos.attributes.y
+            x: simplePosNode.attributes?.x,
+            y: simplePosNode.attributes?.y
           }
         },
         wrap: wrap2,
@@ -30937,12 +30943,13 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   function translateAnchorNode(params2) {
     const { attrs } = params2.node;
     const anchorElements = [];
-    if (attrs.simplePos) {
+    const hasSimplePos = attrs.simplePos || attrs.originalAttributes?.simplePos;
+    if (hasSimplePos) {
       anchorElements.push({
         name: "wp:simplePos",
         attributes: {
-          x: 0,
-          y: 0
+          x: attrs.simplePos?.x ?? 0,
+          y: attrs.simplePos?.y ?? 0
         }
       });
     }
@@ -30994,8 +31001,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     if (attrs.originalAttributes?.simplePos !== void 0) {
       inlineAttrs.simplePos = attrs.originalAttributes.simplePos;
-    } else if (attrs.simplePos !== void 0) {
-      inlineAttrs.simplePos = attrs.simplePos;
+    } else if (hasSimplePos) {
+      inlineAttrs.simplePos = "1";
     }
     if (attrs.originalAttributes?.locked !== void 0) {
       inlineAttrs.locked = attrs.originalAttributes.locked;
@@ -33760,7 +33767,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { nodes = [] } = params2;
     const node2 = nodes[0];
     if (!node2) return { nodes: [], consumed: 0 };
-    if (registeredHandlers[node2.name]) {
+    if (registeredHandlers[node2.name] || node2.name === "w:commentReference") {
       return { nodes: [], consumed: 0 };
     }
     const originalXml = carbonCopy(node2) || {};
@@ -34060,7 +34067,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const generateCommentsWithExtendedData = ({ docx, comments }) => {
     if (!comments?.length) return [];
     const commentsExtended = docx["word/commentsExtended.xml"];
-    if (!commentsExtended) return comments.map((comment2) => ({ ...comment2, isDone: comment2.isDone ?? false }));
+    if (!commentsExtended) {
+      const commentRanges = extractCommentRangesFromDocument(docx);
+      const commentsWithThreading = detectThreadingFromRanges(comments, commentRanges);
+      return commentsWithThreading.map((comment2) => ({ ...comment2, isDone: comment2.isDone ?? false }));
+    }
     const { elements: initialElements = [] } = commentsExtended;
     if (!initialElements?.length) return comments.map((comment2) => ({ ...comment2, isDone: comment2.isDone ?? false }));
     const { elements = [] } = initialElements[0] ?? {};
@@ -34086,6 +34097,79 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const paraIdParent = attributes["w15:paraIdParent"];
     return { paraId, isDone, paraIdParent };
   };
+  const extractCommentRangesFromDocument = (docx) => {
+    const documentXml = docx["word/document.xml"];
+    if (!documentXml) {
+      return [];
+    }
+    const pendingComments = [];
+    const walkElements = (elements) => {
+      if (!elements || !Array.isArray(elements)) return;
+      elements.forEach((element2) => {
+        if (element2.name === "w:commentRangeStart") {
+          const commentId = element2.attributes?.["w:id"];
+          if (commentId !== void 0) {
+            pendingComments.push({
+              type: "start",
+              commentId: String(commentId)
+            });
+          }
+        } else if (element2.name === "w:commentRangeEnd") {
+          const commentId = element2.attributes?.["w:id"];
+          if (commentId !== void 0) {
+            pendingComments.push({
+              type: "end",
+              commentId: String(commentId)
+            });
+          }
+        }
+        if (element2.elements && Array.isArray(element2.elements)) {
+          walkElements(element2.elements);
+        }
+      });
+    };
+    if (documentXml.elements && documentXml.elements.length > 0) {
+      const body = documentXml.elements[0];
+      if (body.elements) {
+        walkElements(body.elements);
+      }
+    }
+    return pendingComments;
+  };
+  const detectThreadingFromRanges = (comments, rangeEvents) => {
+    if (!rangeEvents || rangeEvents.length === 0) {
+      return comments;
+    }
+    const openRanges = [];
+    const parentMap = /* @__PURE__ */ new Map();
+    rangeEvents.forEach((event) => {
+      if (event.type === "start") {
+        if (openRanges.length > 0) {
+          const parentCommentId = openRanges[openRanges.length - 1];
+          parentMap.set(event.commentId, parentCommentId);
+        }
+        openRanges.push(event.commentId);
+      } else if (event.type === "end") {
+        const index2 = openRanges.lastIndexOf(event.commentId);
+        if (index2 !== -1) {
+          openRanges.splice(index2, 1);
+        }
+      }
+    });
+    return comments.map((comment2) => {
+      const parentCommentId = parentMap.get(comment2.importedId);
+      if (parentCommentId) {
+        const parentComment = comments.find((c2) => c2.importedId === parentCommentId);
+        if (parentComment) {
+          return {
+            ...comment2,
+            parentCommentId: parentComment.commentId
+          };
+        }
+      }
+      return comment2;
+    });
+  };
   const RELATIONSHIP_TYPES = (
     /** @type {const} */
     {
@@ -35926,10 +36010,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const updateCommentsXml = (commentDefs = [], commentsXml) => {
     const newCommentsXml = carbonCopy(commentsXml);
     commentDefs.forEach((commentDef) => {
-      const elements = commentDef.elements[0].elements;
+      const paraNode = commentDef.elements[0];
+      if (!paraNode.attributes) paraNode.attributes = {};
+      const elements = paraNode.elements;
       elements.unshift(COMMENT_REF);
       const paraId = commentDef.attributes["w15:paraId"];
-      commentDef.elements[0].attributes["w14:paraId"] = paraId;
+      paraNode.attributes["w14:paraId"] = paraId;
       commentDef.attributes = {
         "w:id": commentDef.attributes["w:id"],
         "w:author": commentDef.attributes["w:author"],
@@ -36303,7 +36389,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.17") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.18") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -36644,6 +36730,112 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       });
       return { result, params: params2 };
     }
+    /**
+     * Creates a default empty header for the specified variant.
+     *
+     * This method programmatically creates a new header section with an empty ProseMirror
+     * document. The header is added to the converter's data structures and will be included
+     * in subsequent DOCX exports.
+     *
+     * @param {('default' | 'first' | 'even' | 'odd')} variant - The header variant to create
+     * @returns {string} The relationship ID of the created header
+     *
+     * @throws {Error} If variant is invalid or header already exists for this variant
+     *
+     * @example
+     * ```javascript
+     * const headerId = converter.createDefaultHeader('default');
+     * // headerId: 'rId-header-default'
+     * // converter.headers['rId-header-default'] contains empty PM doc
+     * // converter.headerIds.default === 'rId-header-default'
+     * ```
+     */
+    createDefaultHeader(variant = "default") {
+      if (typeof variant !== "string") {
+        throw new TypeError(`variant must be a string, received ${typeof variant}`);
+      }
+      const validVariants = ["default", "first", "even", "odd"];
+      if (!validVariants.includes(variant)) {
+        throw new Error(`Invalid header variant: ${variant}. Must be one of: ${validVariants.join(", ")}`);
+      }
+      if (this.headerIds[variant]) {
+        console.warn(`[SuperConverter] Header already exists for variant '${variant}': ${this.headerIds[variant]}`);
+        return this.headerIds[variant];
+      }
+      const rId = `rId-header-${variant}`;
+      const emptyDoc = {
+        type: "doc",
+        content: [
+          {
+            type: "paragraph",
+            content: []
+          }
+        ]
+      };
+      this.headers[rId] = emptyDoc;
+      this.headerIds[variant] = rId;
+      if (!this.headerIds.ids) {
+        this.headerIds.ids = [];
+      }
+      if (!this.headerIds.ids.includes(rId)) {
+        this.headerIds.ids.push(rId);
+      }
+      this.documentModified = true;
+      return rId;
+    }
+    /**
+     * Creates a default empty footer for the specified variant.
+     *
+     * This method programmatically creates a new footer section with an empty ProseMirror
+     * document. The footer is added to the converter's data structures and will be included
+     * in subsequent DOCX exports.
+     *
+     * @param {('default' | 'first' | 'even' | 'odd')} variant - The footer variant to create
+     * @returns {string} The relationship ID of the created footer
+     *
+     * @throws {Error} If variant is invalid or footer already exists for this variant
+     *
+     * @example
+     * ```javascript
+     * const footerId = converter.createDefaultFooter('default');
+     * // footerId: 'rId-footer-default'
+     * // converter.footers['rId-footer-default'] contains empty PM doc
+     * // converter.footerIds.default === 'rId-footer-default'
+     * ```
+     */
+    createDefaultFooter(variant = "default") {
+      if (typeof variant !== "string") {
+        throw new TypeError(`variant must be a string, received ${typeof variant}`);
+      }
+      const validVariants = ["default", "first", "even", "odd"];
+      if (!validVariants.includes(variant)) {
+        throw new Error(`Invalid footer variant: ${variant}. Must be one of: ${validVariants.join(", ")}`);
+      }
+      if (this.footerIds[variant]) {
+        console.warn(`[SuperConverter] Footer already exists for variant '${variant}': ${this.footerIds[variant]}`);
+        return this.footerIds[variant];
+      }
+      const rId = `rId-footer-${variant}`;
+      const emptyDoc = {
+        type: "doc",
+        content: [
+          {
+            type: "paragraph",
+            content: []
+          }
+        ]
+      };
+      this.footers[rId] = emptyDoc;
+      this.footerIds[variant] = rId;
+      if (!this.footerIds.ids) {
+        this.footerIds.ids = [];
+      }
+      if (!this.footerIds.ids.includes(rId)) {
+        this.footerIds.ids.push(rId);
+      }
+      this.documentModified = true;
+      return rId;
+    }
     // Deprecated methods for backward compatibility
     static getStoredSuperdocId(docx) {
       console.warn("getStoredSuperdocId is deprecated, use getDocumentGuid instead");
@@ -47360,7 +47552,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
   var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
   var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-  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, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _headerLayoutResults, _footerLayoutResults, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_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, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, renderSelectionRects_fn, renderHoverRegion_fn, clearHoverRegion_fn, renderCaretOverlay_fn, getHeaderFooterContext_fn, computeHeaderFooterSelectionRects_fn, computeHeaderFooterCaretRect_fn, syncTrackedChangesPreferences_fn, deriveTrackedChangesMode_fn, deriveTrackedChangesEnabled_fn, getTrackChangesPluginState_fn, computeDefaultLayoutDefaults_fn, parseColumns_fn, inchesToPx_fn, applyZoom_fn, createLayoutMetrics_fn, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_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, _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;
+  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, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _headerLayoutResults, _footerLayoutResults, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _remoteCursorState, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _remoteCursorRafHandle, _scrollTimeout, _PresentationEditor_instances, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_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, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_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, convertPageLocalToOverlayCoords_fn, normalizeClientPoint_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, _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;
   var GOOD_LEAF_SIZE = 200;
   var RopeSequence = function RopeSequence2() {
   };
@@ -58546,50 +58738,90 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return positions;
   };
   const prepareCommentsForExport = (doc2, tr, schema, comments = []) => {
+    const commentMap = /* @__PURE__ */ new Map();
+    comments.forEach((c2) => {
+      commentMap.set(c2.commentId, c2);
+    });
+    new Set(comments.filter((c2) => c2.parentCommentId).map((c2) => c2.parentCommentId));
     const startNodes = [];
     const endNodes = [];
     const seen = /* @__PURE__ */ new Set();
     doc2.descendants((node2, pos) => {
-      const commentMarks = node2.marks?.filter((mark2) => mark2.type.name === CommentMarkName);
+      const commentMarks = node2.marks?.filter((mark2) => mark2.type.name === CommentMarkName) || [];
       commentMarks.forEach((commentMark) => {
-        if (commentMark) {
-          const { attrs = {} } = commentMark;
-          const { commentId } = attrs;
-          if (commentId === "pending") return;
-          if (seen.has(commentId)) return;
-          seen.add(commentId);
-          const commentStartNodeAttrs = getPreparedComment(commentMark.attrs);
-          const startNode = schema.nodes.commentRangeStart.create(commentStartNodeAttrs);
+        const { attrs = {} } = commentMark;
+        const { commentId } = attrs;
+        if (commentId === "pending") return;
+        if (seen.has(commentId)) return;
+        seen.add(commentId);
+        const comment2 = commentMap.get(commentId);
+        const parentCommentId = comment2?.parentCommentId;
+        const commentStartNodeAttrs = getPreparedComment(commentMark.attrs);
+        const startNode = schema.nodes.commentRangeStart.create(commentStartNodeAttrs);
+        startNodes.push({
+          pos,
+          node: startNode,
+          commentId,
+          parentCommentId
+        });
+        const endNode = schema.nodes.commentRangeEnd.create(commentStartNodeAttrs);
+        endNodes.push({
+          pos: pos + node2.nodeSize,
+          node: endNode,
+          commentId,
+          parentCommentId
+        });
+        const childComments = comments.filter((c2) => c2.parentCommentId === commentId).sort((a2, b2) => a2.createdTime - b2.createdTime);
+        childComments.forEach((c2) => {
+          if (seen.has(c2.commentId)) return;
+          seen.add(c2.commentId);
+          const childMark = getPreparedComment({
+            commentId: c2.commentId,
+            internal: c2.isInternal
+          });
+          const childStartNode = schema.nodes.commentRangeStart.create(childMark);
           startNodes.push({
             pos,
-            node: startNode
+            node: childStartNode,
+            commentId: c2.commentId,
+            parentCommentId: c2.parentCommentId
           });
-          const endNode = schema.nodes.commentRangeEnd.create(commentStartNodeAttrs);
+          const childEndNode = schema.nodes.commentRangeEnd.create(childMark);
           endNodes.push({
             pos: pos + node2.nodeSize,
-            node: endNode
+            node: childEndNode,
+            commentId: c2.commentId,
+            parentCommentId: c2.parentCommentId
           });
-          const parentId = commentId;
-          if (parentId) {
-            const childComments = comments.filter((c2) => c2.parentCommentId === parentId).sort((a2, b2) => a2.createdTime - b2.createdTime);
-            childComments.forEach((c2) => {
-              const childMark = getPreparedComment(c2);
-              const childStartNode = schema.nodes.commentRangeStart.create(childMark);
-              seen.add(c2.commentId);
-              startNodes.push({
-                pos,
-                node: childStartNode
-              });
-              const childEndNode = schema.nodes.commentRangeEnd.create(childMark);
-              endNodes.push({
-                pos: pos + node2.nodeSize,
-                node: childEndNode
-              });
-            });
-          }
-        }
+        });
       });
     });
+    startNodes.sort((a2, b2) => {
+      if (a2.pos !== b2.pos) return a2.pos - b2.pos;
+      const aIsParentOfB = a2.commentId === b2.parentCommentId;
+      const bIsParentOfA = b2.commentId === a2.parentCommentId;
+      if (aIsParentOfB) return -1;
+      if (bIsParentOfA) return 1;
+      if (a2.parentCommentId && a2.parentCommentId === b2.parentCommentId) {
+        const aComment = commentMap.get(a2.commentId);
+        const bComment = commentMap.get(b2.commentId);
+        return (aComment?.createdTime || 0) - (bComment?.createdTime || 0);
+      }
+      return 0;
+    });
+    endNodes.sort((a2, b2) => {
+      if (a2.pos !== b2.pos) return a2.pos - b2.pos;
+      const aIsParentOfB = a2.commentId === b2.parentCommentId;
+      const bIsParentOfA = b2.commentId === a2.parentCommentId;
+      if (aIsParentOfB) return -1;
+      if (bIsParentOfA) return 1;
+      if (a2.parentCommentId && a2.parentCommentId === b2.parentCommentId) {
+        const aComment = commentMap.get(a2.commentId);
+        const bComment = commentMap.get(b2.commentId);
+        return (aComment?.createdTime || 0) - (bComment?.createdTime || 0);
+      }
+      return 0;
+    });
     startNodes.forEach((n) => {
       const { pos, node: node2 } = n;
       const mappedPos = tr.mapping.map(pos);
@@ -61131,7 +61363,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const shouldSkipNodeView = (editor) => {
     return isHeadless(editor);
   };
-  const summaryVersion = "1.0.0-beta.17";
+  const summaryVersion = "1.0.0-beta.18";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -61907,7 +62139,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexVCeRjVPO),
+        Promise.resolve().then(() => indexDpnfmQSg),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -62112,7 +62344,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * Process collaboration migrations
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.17");
+      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.18");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -62814,6 +63046,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       gap: gapInches * PX_PER_INCH$2
     };
   }
+  function extractVerticalAlign(elements) {
+    const vAlign = elements.find((el) => el?.name === "w:vAlign");
+    if (!vAlign?.attributes) return void 0;
+    const val = vAlign.attributes["w:val"];
+    if (val === "top" || val === "center" || val === "bottom" || val === "both") {
+      return val;
+    }
+    return void 0;
+  }
   function extractSectionData(para) {
     const attrs = para.attrs ?? {};
     let { headerPx, footerPx } = extractNormalizedMargins(attrs);
@@ -62830,7 +63071,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const footerRefs = extractHeaderFooterRefs(sectPrElements, "w:footerReference");
     const numbering = extractPageNumbering(sectPrElements);
     const columnsPx = extractColumns(sectPrElements);
-    return { headerPx, footerPx, type: type2, pageSizePx, orientation, columnsPx, titlePg, headerRefs, footerRefs, numbering };
+    const vAlign = extractVerticalAlign(sectPrElements);
+    return {
+      headerPx,
+      footerPx,
+      type: type2,
+      pageSizePx,
+      orientation,
+      columnsPx,
+      titlePg,
+      headerRefs,
+      footerRefs,
+      numbering,
+      vAlign
+    };
   }
   function isSectPrElement(value) {
     return typeof value === "object" && value !== null && value.type === "element" && value.name === "w:sectPr";
@@ -62867,7 +63121,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       ...section.columns && { columns: section.columns },
       ...section.numbering ? { numbering: section.numbering } : {},
       ...section.headerRefs && { headerRefs: section.headerRefs },
-      ...section.footerRefs && { footerRefs: section.footerRefs }
+      ...section.footerRefs && { footerRefs: section.footerRefs },
+      ...section.vAlign && { vAlign: section.vAlign }
     };
     return result;
   }
@@ -62939,7 +63194,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         titlePg: sectionData.titlePg ?? false,
         headerRefs: sectionData.headerRefs,
         footerRefs: sectionData.footerRefs,
-        numbering: sectionData.numbering
+        numbering: sectionData.numbering,
+        vAlign: sectionData.vAlign
       };
       ranges.push(range2);
       currentStart = item.index + 1;
@@ -62978,7 +63234,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       type: bodySectionData.type ?? DEFAULT_BODY_SECTION_TYPE,
       titlePg: bodySectionData.titlePg ?? false,
       headerRefs: bodySectionData.headerRefs,
-      footerRefs: bodySectionData.footerRefs
+      footerRefs: bodySectionData.footerRefs,
+      vAlign: bodySectionData.vAlign
     };
   }
   function createDefaultFinalSection(currentStart, totalParagraphs, sectionIndex) {
@@ -64641,8 +64898,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     for (const entry of tabs) {
       if (!entry || typeof entry !== "object") continue;
       const rawEntry = entry;
-      const source = rawEntry.tab && typeof rawEntry.tab === "object" ? rawEntry.tab : rawEntry;
-      const posTwips = resolveTabPosition(source);
+      const isNestedTab = Boolean(rawEntry.tab && typeof rawEntry.tab === "object");
+      const source = isNestedTab ? rawEntry.tab : rawEntry;
+      const posTwips = resolveTabPosition(source, isNestedTab);
       if (posTwips == null) continue;
       const val = normalizeTabVal(source.val ?? source.align ?? source.alignment ?? source.type ?? source.tabType);
       if (!val) continue;
@@ -64656,7 +64914,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return normalized.length > 0 ? normalized : void 0;
   };
-  const resolveTabPosition = (source) => {
+  const resolveTabPosition = (source, treatPosAsTwips = false) => {
     const originalPos = pickNumber(source.originalPos);
     if (originalPos != null) {
       return originalPos;
@@ -64665,6 +64923,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (posValue == null) {
       return void 0;
     }
+    if (treatPosAsTwips) {
+      return posValue;
+    }
     if (posValue > TWIPS_THRESHOLD) {
       return posValue;
     } else {
@@ -66652,19 +66913,21 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           }
           const tabObj = tab;
           const val = typeof tabObj.tabType === "string" ? tabObj.tabType : typeof tabObj.val === "string" ? tabObj.val : void 0;
-          const pos = pickNumber(tabObj.originalPos ?? tabObj.pos);
+          const originalPos = pickNumber(tabObj.originalPos);
+          const pos = originalPos ?? pickNumber(tabObj.pos);
           if (!val || pos == null) {
             continue;
           }
           const normalized = { val, pos };
+          if (originalPos != null && Number.isFinite(originalPos)) {
+            normalized.originalPos = originalPos;
+          } else {
+            normalized.originalPos = pos;
+          }
           const leader = tabObj.leader;
           if (typeof leader === "string" && leader.length > 0) {
             normalized.leader = leader;
           }
-          const originalPos = pickNumber(tabObj.originalPos);
-          if (originalPos != null && Number.isFinite(originalPos)) {
-            normalized.originalPos = originalPos;
-          }
           unwrapped.push(normalized);
           continue;
         }
@@ -67506,11 +67769,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!maps.length) return;
     const finalStyles = Object.assign({}, ...maps);
     const fontFamily2 = extractValue(finalStyles["font-family"]);
-    if (typeof fontFamily2 === "string" && fontFamily2 && run2.fontFamily === options.defaultFont) {
+    if (typeof fontFamily2 === "string" && fontFamily2) {
       run2.fontFamily = fontFamily2;
     }
     const fontSize2 = toPxNumber(finalStyles["font-size"]);
-    if (fontSize2 != null && run2.fontSize === options.defaultSize) {
+    if (fontSize2 != null) {
       run2.fontSize = fontSize2;
     }
     const letterSpacing = toPxNumber(finalStyles["letter-spacing"]);
@@ -67873,9 +68136,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         resolver: linkedStyleResolver,
         paragraphStyleId,
         inlineStyleId,
-        runStyleId,
-        defaultFont,
-        defaultSize
+        runStyleId
       });
     };
     const visitNode = (node2, inheritedMarks = [], activeSdt, activeRunStyleId = null) => {
@@ -67885,7 +68146,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           positions,
           defaultFont,
           defaultSize,
-          inheritedMarks,
+          [],
+          // Empty marks - will be applied after linked styles
           activeSdt,
           hyperlinkConfig,
           themeColors
@@ -67893,6 +68155,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         const inlineStyleId = getInlineStyleId(inheritedMarks);
         applyRunStyles2(run2, inlineStyleId, activeRunStyleId);
         applyBaseRunDefaults(run2, baseRunDefaults, defaultFont, defaultSize);
+        applyMarksToRun(run2, [...node2.marks ?? [], ...inheritedMarks ?? []], hyperlinkConfig, themeColors);
         currentRuns.push(run2);
         return;
       }
@@ -69767,13 +70030,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!Number.isFinite(lineStart) || !Number.isFinite(lineEnd)) {
       return null;
     }
-    const spanEls = Array.from(lineEl.querySelectorAll("span"));
+    const spanEls = Array.from(lineEl.querySelectorAll("span, a"));
     log(
-      "Spans in line:",
+      "Spans/anchors in line:",
       spanEls.map((el, i2) => {
         const rect = el.getBoundingClientRect();
         return {
           index: i2,
+          tag: el.tagName,
           pmStart: el.dataset.pmStart,
           pmEnd: el.dataset.pmEnd,
           text: el.textContent?.substring(0, 20) + (el.textContent && el.textContent.length > 20 ? "..." : ""),
@@ -69793,32 +70057,33 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (viewX >= lastRect.right) {
       return lineEnd;
     }
-    const targetSpan = findSpanAtX(spanEls, viewX);
-    if (!targetSpan) {
+    const targetEl = findSpanAtX(spanEls, viewX);
+    if (!targetEl) {
       return lineStart;
     }
-    const spanStart = Number(targetSpan.dataset.pmStart ?? "NaN");
-    const spanEnd = Number(targetSpan.dataset.pmEnd ?? "NaN");
-    const targetRect = targetSpan.getBoundingClientRect();
-    log("Target span:", {
+    const spanStart = Number(targetEl.dataset.pmStart ?? "NaN");
+    const spanEnd = Number(targetEl.dataset.pmEnd ?? "NaN");
+    const targetRect = targetEl.getBoundingClientRect();
+    log("Target element:", {
+      tag: targetEl.tagName,
       pmStart: spanStart,
       pmEnd: spanEnd,
-      text: targetSpan.textContent?.substring(0, 30),
-      visibility: targetSpan.style.visibility,
+      text: targetEl.textContent?.substring(0, 30),
+      visibility: targetEl.style.visibility,
       rect: { left: targetRect.left, right: targetRect.right, width: targetRect.width }
     });
     if (!Number.isFinite(spanStart) || !Number.isFinite(spanEnd)) {
       return null;
     }
-    const firstChild = targetSpan.firstChild;
+    const firstChild = targetEl.firstChild;
     if (!firstChild || firstChild.nodeType !== Node.TEXT_NODE || !firstChild.textContent) {
-      const spanRect = targetSpan.getBoundingClientRect();
-      const closerToLeft = Math.abs(viewX - spanRect.left) <= Math.abs(viewX - spanRect.right);
+      const elRect = targetEl.getBoundingClientRect();
+      const closerToLeft = Math.abs(viewX - elRect.left) <= Math.abs(viewX - elRect.right);
       const snapPos = closerToLeft ? spanStart : spanEnd;
       return snapPos;
     }
     const textNode = firstChild;
-    const charIndex = findCharIndexAtX(textNode, targetSpan, viewX);
+    const charIndex = findCharIndexAtX(textNode, targetEl, viewX);
     const pos = spanStart + charIndex;
     return pos;
   }
@@ -69856,7 +70121,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       const span = spanEls[i2];
       const rect = span.getBoundingClientRect();
       if (viewX >= rect.left && viewX <= rect.right) {
-        log("findSpanAtX: Found containing span at index", i2, {
+        log("findSpanAtX: Found containing element at index", i2, {
+          tag: span.tagName,
           pmStart: span.dataset.pmStart,
           pmEnd: span.dataset.pmEnd,
           rect: { left: rect.left, right: rect.right },
@@ -69868,16 +70134,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         targetSpan = span;
       }
     }
-    log("findSpanAtX: No containing span, using nearest:", {
+    log("findSpanAtX: No containing element, using nearest:", {
+      tag: targetSpan.tagName,
       pmStart: targetSpan.dataset.pmStart,
       pmEnd: targetSpan.dataset.pmEnd,
       viewX
     });
     return targetSpan;
   }
-  function findCharIndexAtX(textNode, span, targetX) {
+  function findCharIndexAtX(textNode, container, targetX) {
     const text2 = textNode.textContent ?? "";
-    const baseLeft = span.getBoundingClientRect().left;
+    const baseLeft = container.getBoundingClientRect().left;
     const range2 = document.createRange();
     let lo = 0;
     let hi = text2.length;
@@ -70209,6 +70476,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       if (source.orientation) {
         props.orientation = source.orientation;
       }
+      if (source.vAlign) {
+        props.vAlign = source.vAlign;
+      }
       return props;
     };
     docxBreakIndexes.forEach((index2, ordinal) => {
@@ -71609,6 +71879,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       runs: clonedRuns
     };
   }
+  const DEFAULT_PARAGRAPH_LINE_HEIGHT_PX = 20;
+  function hasHeight(fragment) {
+    return fragment.kind === "image" || fragment.kind === "drawing" || fragment.kind === "table";
+  }
   const DEFAULT_PAGE_SIZE$2 = { w: 612, h: 792 };
   const DEFAULT_MARGINS$2 = { top: 72, right: 72, bottom: 72, left: 72 };
   const COLUMN_EPSILON = 1e-4;
@@ -71703,6 +71977,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     let pendingColumns = null;
     let activeOrientation = null;
     let pendingOrientation = null;
+    let activeVAlign = null;
+    let pendingVAlign = null;
     const floatManager = createFloatingObjectManager(
       normalizeColumns(activeColumns, contentWidth),
       { left: margins.left, right: margins.right },
@@ -71808,6 +72084,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       if (activeOrientation) {
         page.orientation = activeOrientation;
       }
+      if (activeVAlign && activeVAlign !== "top") {
+        page.vAlign = activeVAlign;
+      }
       return page;
     };
     let pageCount = 0;
@@ -71886,6 +72165,10 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             activeSectionRefs = pendingSectionRefs;
             pendingSectionRefs = null;
           }
+          if (pendingVAlign !== null) {
+            activeVAlign = pendingVAlign;
+            pendingVAlign = null;
+          }
           pageCount += 1;
           return;
         }
@@ -72022,7 +72305,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             margins: ahead.margins ? { ...effectiveBlock.margins ?? {}, ...ahead.margins } : effectiveBlock.margins ?? {},
             pageSize: ahead.pageSize ?? effectiveBlock.pageSize,
             columns: ahead.columns ?? effectiveBlock.columns,
-            orientation: ahead.orientation ?? effectiveBlock.orientation
+            orientation: ahead.orientation ?? effectiveBlock.orientation,
+            vAlign: ahead.vAlign ?? effectiveBlock.vAlign
           };
         }
         const sectionState = {
@@ -72075,6 +72359,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         pendingColumns = updatedState.pendingColumns;
         activeOrientation = updatedState.activeOrientation;
         pendingOrientation = updatedState.pendingOrientation;
+        if (effectiveBlock.vAlign) {
+          const isFirstSection = effectiveBlock.attrs?.isFirstSection && states.length === 0;
+          if (isFirstSection) {
+            activeVAlign = effectiveBlock.vAlign;
+            pendingVAlign = null;
+          } else {
+            pendingVAlign = effectiveBlock.vAlign;
+          }
+        }
         if (effectiveBlock.headerRefs || effectiveBlock.footerRefs) {
           pendingSectionRefs = {
             ...effectiveBlock.headerRefs && { headerRefs: effectiveBlock.headerRefs },
@@ -72083,8 +72376,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           layoutLog(`[Layout] After scheduleSectionBreakCompat: Scheduled pendingSectionRefs:`, pendingSectionRefs);
         }
         if (breakInfo.forceMidPageRegion && block.columns) {
-          const state2 = paginator.ensurePage();
-          startMidPageRegion(state2, { count: block.columns.count, gap: block.columns.gap });
+          let state2 = paginator.ensurePage();
+          const columnIndexBefore = state2.columnIndex;
+          const rawCount = block.columns.count;
+          const validatedCount = typeof rawCount === "number" && Number.isFinite(rawCount) && rawCount > 0 ? Math.max(1, Math.floor(rawCount)) : 1;
+          const rawGap = block.columns.gap;
+          const validatedGap = typeof rawGap === "number" && Number.isFinite(rawGap) && rawGap >= 0 ? Math.max(0, rawGap) : 0;
+          const newColumns = { count: validatedCount, gap: validatedGap };
+          if (columnIndexBefore >= newColumns.count) {
+            state2 = paginator.startNewPage();
+          }
+          startMidPageRegion(state2, newColumns);
         }
         if (breakInfo.forcePageBreak) {
           let state2 = paginator.ensurePage();
@@ -72276,6 +72578,45 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     while (pages.length > 0 && pages[pages.length - 1].fragments.length === 0) {
       pages.pop();
     }
+    for (const page of pages) {
+      if (!page.vAlign || page.vAlign === "top") continue;
+      if (page.fragments.length === 0) continue;
+      const pageSizeForPage = page.size ?? pageSize;
+      const contentTop = page.margins?.top ?? margins.top;
+      const contentBottom = pageSizeForPage.h - (page.margins?.bottom ?? margins.bottom);
+      const contentHeight = contentBottom - contentTop;
+      let minY = Infinity;
+      let maxY = -Infinity;
+      for (const fragment of page.fragments) {
+        if (fragment.y < minY) minY = fragment.y;
+        let fragmentBottom = fragment.y;
+        if (hasHeight(fragment)) {
+          fragmentBottom += fragment.height;
+        } else {
+          const lineCount = fragment.toLine - fragment.fromLine;
+          fragmentBottom += lineCount * DEFAULT_PARAGRAPH_LINE_HEIGHT_PX;
+        }
+        if (fragmentBottom > maxY) maxY = fragmentBottom;
+      }
+      const actualContentHeight = maxY - minY;
+      const availableSpace = contentHeight - actualContentHeight;
+      if (availableSpace <= 0) {
+        continue;
+      }
+      let yOffset = 0;
+      if (page.vAlign === "center") {
+        yOffset = availableSpace / 2;
+      } else if (page.vAlign === "bottom") {
+        yOffset = availableSpace;
+      } else if (page.vAlign === "both") {
+        yOffset = availableSpace / 2;
+      }
+      if (yOffset > 0) {
+        for (const fragment of page.fragments) {
+          fragment.y += yOffset;
+        }
+      }
+    }
     return {
       pageSize,
       pages,
@@ -76703,14 +77044,25 @@ ${l}
 }
 `;
   const LINK_AND_TOC_STYLES = `
-/* Reset browser default link styling - allow run colors to show through */
+/* Reset browser default link styling - allow run colors to show through from inline styles
+ *
+ * Note: !important was removed from these rules to allow inline styles to take precedence.
+ * This is necessary because OOXML hyperlink character styles apply colors via inline style
+ * attributes on the run elements. The CSS cascade ensures that inline styles (applied via
+ * element.style.color in applyRunStyles) override these class-based rules naturally.
+ *
+ * Implications:
+ * - OOXML hyperlink character styles will correctly display their assigned colors
+ * - Browser default link colors are still reset by these inherit rules
+ * - Inline color styles from run objects override the inherit value as expected
+ */
 .superdoc-link {
-  color: inherit !important;
-  text-decoration: none !important;
+  color: inherit;
+  text-decoration: none;
 }
 
 .superdoc-link:visited {
-  color: inherit !important;
+  color: inherit;
 }
 
 .superdoc-link:hover {
@@ -78249,14 +78601,23 @@ ${l}
         lines.forEach((line, index2) => {
           const lineEl = this.renderLine(block, line, context);
           const isListFirstLine = index2 === 0 && !fragment.continuesFromPrev && fragment.markerWidth && wordLayout?.marker;
-          if (paraIndentLeft && !isListFirstLine) {
-            lineEl.style.paddingLeft = `${paraIndentLeft}px`;
+          const hasExplicitSegmentPositioning = line.segments?.some((seg) => seg.x !== void 0);
+          const isFirstLine = index2 === 0 && !fragment.continuesFromPrev;
+          if (!isListFirstLine) {
+            if (isFirstLine && hasExplicitSegmentPositioning && firstLineOffset !== 0) {
+              const adjustedPadding = paraIndentLeft + firstLineOffset;
+              lineEl.style.paddingLeft = `${adjustedPadding}px`;
+            } else if (paraIndentLeft) {
+              lineEl.style.paddingLeft = `${paraIndentLeft}px`;
+            }
           }
           if (paraIndentRight) {
             lineEl.style.paddingRight = `${paraIndentRight}px`;
           }
           if (!fragment.continuesFromPrev && index2 === 0 && firstLineOffset && !isListFirstLine) {
-            lineEl.style.textIndent = `${firstLineOffset}px`;
+            if (!hasExplicitSegmentPositioning) {
+              lineEl.style.textIndent = `${firstLineOffset}px`;
+            }
           } else if (firstLineOffset && !isListFirstLine) {
             lineEl.style.textIndent = "0px";
           }
@@ -79150,6 +79511,24 @@ ${l}
       }
       elem.setAttribute("role", "link");
       elem.setAttribute("tabindex", "0");
+      elem.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const linkClickEvent = new CustomEvent("superdoc-link-click", {
+          bubbles: true,
+          composed: true,
+          detail: {
+            href: linkData.href,
+            target: linkData.target,
+            rel: linkData.rel,
+            tooltip: linkData.tooltip,
+            element: elem,
+            clientX: event.clientX,
+            clientY: event.clientY
+          }
+        });
+        elem.dispatchEvent(linkClickEvent);
+      });
     }
     /**
      * Render a single run as an HTML element (span or anchor).
@@ -79439,7 +79818,13 @@ ${l}
               if (styleId) {
                 elem.setAttribute("styleid", styleId);
               }
+              const runSegments2 = segmentsByRun.get(runIndex);
+              const segX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+              const segWidth = (runSegments2 && runSegments2[0]?.width !== void 0 ? runSegments2[0].width : elem.offsetWidth) ?? 0;
+              elem.style.position = "absolute";
+              elem.style.left = `${segX}px`;
               el.appendChild(elem);
+              cumulativeX = segX + segWidth;
             }
             continue;
           }
@@ -79981,7 +80366,7 @@ ${l}
     }
     return block.id;
   };
-  const applyRunStyles = (element2, run2, isLink = false) => {
+  const applyRunStyles = (element2, run2, _isLink = false) => {
     if (run2.kind === "tab" || run2.kind === "image" || run2.kind === "lineBreak" || run2.kind === "break") {
       return;
     }
@@ -79989,9 +80374,7 @@ ${l}
     element2.style.fontSize = `${run2.fontSize}px`;
     if (run2.bold) element2.style.fontWeight = "bold";
     if (run2.italic) element2.style.fontStyle = "italic";
-    if (!isLink) {
-      if (run2.color) element2.style.color = run2.color;
-    }
+    if (run2.color) element2.style.color = run2.color;
     if (run2.letterSpacing != null) {
       element2.style.letterSpacing = `${run2.letterSpacing}px`;
     }
@@ -80539,28 +80922,44 @@ ${l}
       }
       return true;
     };
-    const alignSegmentAtTab = (segmentText, font, runContext) => {
-      if (!pendingTabAlignment || !currentLine) return;
+    const alignPendingTabForWidth = (segmentWidth, beforeDecimalWidth) => {
+      if (!pendingTabAlignment || !currentLine) return void 0;
+      if (segmentWidth < 0) {
+        segmentWidth = 0;
+      }
       const { target, val } = pendingTabAlignment;
       let startX = currentLine.width;
+      if (val === "decimal") {
+        const beforeWidth = beforeDecimalWidth ?? 0;
+        startX = Math.max(0, target - beforeWidth);
+      } else if (val === "end") {
+        startX = Math.max(0, target - segmentWidth);
+      } else if (val === "center") {
+        startX = Math.max(0, target - segmentWidth / 2);
+      } else {
+        startX = Math.max(0, target);
+      }
+      currentLine.width = roundValue(startX);
+      lastAppliedTabAlign = { target, val };
+      pendingTabAlignment = null;
+      return startX;
+    };
+    const alignSegmentAtTab = (segmentText, font, runContext) => {
+      if (!pendingTabAlignment || !currentLine) return void 0;
+      const { val } = pendingTabAlignment;
+      let segmentWidth = 0;
+      let beforeDecimalWidth;
       if (val === "decimal") {
         const idx = segmentText.indexOf(decimalSeparator);
         if (idx >= 0) {
           const beforeText = segmentText.slice(0, idx);
-          const beforeWidth = beforeText.length > 0 ? measureRunWidth(beforeText, font, ctx2, runContext) : 0;
-          startX = Math.max(0, target - beforeWidth);
-        } else {
-          startX = Math.max(0, target);
+          beforeDecimalWidth = beforeText.length > 0 ? measureRunWidth(beforeText, font, ctx2, runContext) : 0;
         }
+        segmentWidth = segmentText.length > 0 ? measureRunWidth(segmentText, font, ctx2, runContext) : 0;
       } else if (val === "end" || val === "center") {
-        const segWidth = segmentText.length > 0 ? measureRunWidth(segmentText, font, ctx2, runContext) : 0;
-        startX = val === "end" ? Math.max(0, target - segWidth) : Math.max(0, target - segWidth / 2);
-      } else if (val === "start" || val === "bar") {
-        startX = Math.max(0, target);
+        segmentWidth = segmentText.length > 0 ? measureRunWidth(segmentText, font, ctx2, runContext) : 0;
       }
-      currentLine.width = roundValue(startX);
-      lastAppliedTabAlign = { target, val };
-      pendingTabAlignment = null;
+      return alignPendingTabForWidth(segmentWidth, beforeDecimalWidth);
     };
     const runsToProcess = [];
     for (const run2 of block.runs) {
@@ -80709,6 +81108,10 @@ ${l}
         const topSpace = run2.distTop ?? 0;
         const bottomSpace = run2.distBottom ?? 0;
         const imageHeight = run2.height + topSpace + bottomSpace;
+        let imageStartX;
+        if (pendingTabAlignment && currentLine) {
+          imageStartX = alignPendingTabForWidth(imageWidth);
+        }
         if (!currentLine) {
           currentLine = {
             fromRun: runIndex,
@@ -80725,12 +81128,14 @@ ${l}
                 runIndex,
                 fromChar: 0,
                 toChar: 1,
-                width: imageWidth
+                width: imageWidth,
+                ...imageStartX !== void 0 ? { x: imageStartX } : {}
               }
             ]
           };
           continue;
         }
+        const appliedTabAlign = lastAppliedTabAlign;
         if (currentLine.width + imageWidth > currentLine.maxWidth && currentLine.width > 0) {
           const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing);
           const completedLine = {
@@ -80741,6 +81146,7 @@ ${l}
           lines.push(completedLine);
           tabStopCursor = 0;
           pendingTabAlignment = null;
+          lastAppliedTabAlign = null;
           currentLine = {
             fromRun: runIndex,
             fromChar: 0,
@@ -80768,9 +81174,15 @@ ${l}
             runIndex,
             fromChar: 0,
             toChar: 1,
-            width: imageWidth
+            width: imageWidth,
+            ...imageStartX !== void 0 ? { x: imageStartX } : {}
           });
         }
+        const tabAlign = appliedTabAlign;
+        if (tabAlign && currentLine && tabAlign.val === "end") {
+          currentLine.width = roundValue(tabAlign.target);
+        }
+        lastAppliedTabAlign = null;
         continue;
       }
       if (!("text" in run2) || !("fontSize" in run2)) {
@@ -80786,8 +81198,10 @@ ${l}
         const words = segment.split(" ");
         let segmentStartX;
         if (currentLine && pendingTabAlignment) {
-          alignSegmentAtTab(segment, font, run2);
-          segmentStartX = currentLine.width;
+          segmentStartX = alignSegmentAtTab(segment, font, run2);
+          if (segmentStartX == null) {
+            segmentStartX = currentLine.width;
+          }
         }
         for (let wordIndex = 0; wordIndex < words.length; wordIndex++) {
           const word = words[wordIndex];
@@ -81428,12 +81842,49 @@ ${l}
     editor,
     data,
     editorContainer,
-    appendToBody = true,
+    editorHost,
     sectionId,
     type: type2,
+    availableWidth,
     availableHeight,
-    currentPageNumber
+    currentPageNumber,
+    totalPageCount
   }) => {
+    if (!editor) {
+      throw new TypeError("editor parameter is required");
+    }
+    if (!data) {
+      throw new TypeError("data parameter is required");
+    }
+    if (!editorContainer) {
+      throw new TypeError("editorContainer parameter is required");
+    }
+    if (!(editorContainer instanceof HTMLElement)) {
+      throw new TypeError("editorContainer must be an HTMLElement");
+    }
+    if (editorHost !== void 0 && !(editorHost instanceof HTMLElement)) {
+      throw new TypeError("editorHost must be an HTMLElement or undefined");
+    }
+    if (availableWidth !== void 0) {
+      if (typeof availableWidth !== "number" || !Number.isFinite(availableWidth) || availableWidth <= 0) {
+        throw new RangeError("availableWidth must be a positive number");
+      }
+    }
+    if (availableHeight !== void 0) {
+      if (typeof availableHeight !== "number" || !Number.isFinite(availableHeight) || availableHeight <= 0) {
+        throw new RangeError("availableHeight must be a positive number");
+      }
+    }
+    if (currentPageNumber !== void 0) {
+      if (typeof currentPageNumber !== "number" || !Number.isInteger(currentPageNumber) || currentPageNumber < 1) {
+        throw new RangeError("currentPageNumber must be a positive integer");
+      }
+    }
+    if (totalPageCount !== void 0) {
+      if (typeof totalPageCount !== "number" || !Number.isInteger(totalPageCount) || totalPageCount < 1) {
+        throw new RangeError("totalPageCount must be a positive integer");
+      }
+    }
     const parentStyles = editor.converter.getDocumentDefaultStyles();
     const { fontSizePt, typeface, fontFamilyCss } = parentStyles;
     const fontSizeInPixles = fontSizePt * 1.3333;
@@ -81447,21 +81898,24 @@ ${l}
       position: "absolute",
       top: "0",
       left: "0",
-      width: "auto",
+      width: availableWidth ? `${availableWidth}px` : "100%",
+      height: availableHeight ? `${availableHeight}px` : "auto",
       maxWidth: "none",
       fontFamily: fontFamilyCss || typeface,
       fontSize: `${fontSizeInPixles}px`,
-      lineHeight: `${lineHeight2}px`
-    });
-    Object.assign(editorContainer.style, {
-      padding: "0",
-      margin: "0",
-      border: "none",
-      boxSizing: "border-box",
-      height: availableHeight + "px",
-      overflow: "hidden"
-    });
-    if (appendToBody) document.body.appendChild(editorContainer);
+      lineHeight: `${lineHeight2}px`,
+      overflow: "hidden",
+      pointerEvents: "auto",
+      // Critical: enables click interaction
+      backgroundColor: "white"
+      // Ensure editor has white background
+    });
+    if (editorHost) {
+      editorHost.appendChild(editorContainer);
+    } else {
+      console.warn("[createHeaderFooterEditor] No editorHost provided, falling back to document.body");
+      document.body.appendChild(editorContainer);
+    }
     const headerFooterEditor = new Editor({
       role: editor.options.role,
       loadFromSchema: true,
@@ -81479,9 +81933,12 @@ ${l}
       pagination: false,
       // Explicitly disable pagination
       annotations: true,
-      currentPageNumber,
+      currentPageNumber: currentPageNumber ?? 1,
+      totalPageCount: totalPageCount ?? 1,
       // Don't set parentEditor to avoid circular reference issues
       // parentEditor: editor,
+      // IMPORTANT: Start with editable: false to prevent triggering update cascades during creation.
+      // PresentationEditor#enterHeaderFooterMode will call setEditable(true) when entering edit mode.
       editable: false,
       documentMode: "viewing",
       onCreate: (evt) => setEditorToolbar(evt, editor),
@@ -81511,18 +81968,23 @@ ${l}
   const onHeaderFooterDataUpdate = async ({ editor, transaction }, mainEditor, sectionId, type2) => {
     if (!type2 || !sectionId) return;
     const updatedData = editor.getUpdatedJson();
-    mainEditor.converter[`${type2}Editors`].forEach((item) => {
-      if (item.id === sectionId) {
+    const editorsList = mainEditor.converter[`${type2}Editors`];
+    if (Array.isArray(editorsList)) {
+      editorsList.forEach((item) => {
+        if (item.id === sectionId) {
+          item.editor.setOptions({
+            media: editor.options.media,
+            mediaFiles: editor.options.mediaFiles
+          });
+          if (item.editor !== editor) {
+            item.editor.replaceContent(updatedData);
+          }
+        }
         item.editor.setOptions({
-          media: editor.options.media,
-          mediaFiles: editor.options.mediaFiles
+          lastSelection: transaction?.selection
         });
-        item.editor.replaceContent(updatedData);
-      }
-      item.editor.setOptions({
-        lastSelection: transaction?.selection
       });
-    });
+    }
     mainEditor.converter[`${type2}s`][sectionId] = updatedData;
     mainEditor.setOptions({ isHeaderFooterChanged: editor.docChanged });
     await updateYdocDocxData(mainEditor);
@@ -81603,13 +82065,69 @@ ${l}
      * Handles concurrent calls for the same descriptor by tracking pending creations
      * and returning the same promise to all callers.
      *
-     * @param descriptor - The header or footer descriptor
+     * @param descriptor - The header or footer descriptor. Must have a valid id property.
+     * @param options - Optional configuration for editor creation
+     * @param options.editorHost - The HTMLElement to mount the editor in. If provided, must be a valid HTMLElement.
+     * @param options.availableWidth - The width of the editing region in pixels. Must be a positive number if provided.
+     * @param options.availableHeight - The height of the editing region in pixels. Must be a positive number if provided.
+     * @param options.currentPageNumber - The current page number for PAGE field resolution. Must be a positive integer if provided.
+     * @param options.totalPageCount - The total page count for NUMPAGES field resolution. Must be a positive integer if provided.
      * @returns The editor instance, or null if creation failed
      *
-     * @throws Never throws - errors are logged and emitted as events
+     * @throws Never throws - errors are logged and emitted as events. Invalid parameters return null with error logged.
      */
-    async ensureEditor(descriptor) {
+    async ensureEditor(descriptor, options) {
       if (!descriptor?.id) return null;
+      if (options) {
+        if (options.editorHost !== void 0 && !(options.editorHost instanceof HTMLElement)) {
+          console.error("[HeaderFooterEditorManager] editorHost must be an HTMLElement");
+          this.emit("error", {
+            descriptor,
+            error: new TypeError("editorHost must be an HTMLElement")
+          });
+          return null;
+        }
+        if (options.availableWidth !== void 0) {
+          if (typeof options.availableWidth !== "number" || !Number.isFinite(options.availableWidth) || options.availableWidth <= 0) {
+            console.error("[HeaderFooterEditorManager] availableWidth must be a positive number");
+            this.emit("error", {
+              descriptor,
+              error: new TypeError("availableWidth must be a positive number")
+            });
+            return null;
+          }
+        }
+        if (options.availableHeight !== void 0) {
+          if (typeof options.availableHeight !== "number" || !Number.isFinite(options.availableHeight) || options.availableHeight <= 0) {
+            console.error("[HeaderFooterEditorManager] availableHeight must be a positive number");
+            this.emit("error", {
+              descriptor,
+              error: new TypeError("availableHeight must be a positive number")
+            });
+            return null;
+          }
+        }
+        if (options.currentPageNumber !== void 0) {
+          if (typeof options.currentPageNumber !== "number" || !Number.isInteger(options.currentPageNumber) || options.currentPageNumber < 1) {
+            console.error("[HeaderFooterEditorManager] currentPageNumber must be a positive integer");
+            this.emit("error", {
+              descriptor,
+              error: new TypeError("currentPageNumber must be a positive integer")
+            });
+            return null;
+          }
+        }
+        if (options.totalPageCount !== void 0) {
+          if (typeof options.totalPageCount !== "number" || !Number.isInteger(options.totalPageCount) || options.totalPageCount < 1) {
+            console.error("[HeaderFooterEditorManager] totalPageCount must be a positive integer");
+            this.emit("error", {
+              descriptor,
+              error: new TypeError("totalPageCount must be a positive integer")
+            });
+            return null;
+          }
+        }
+      }
       const existing = __privateGet$1(this, _editorEntries).get(descriptor.id);
       if (existing) {
         __privateSet(this, _cacheHits, __privateGet$1(this, _cacheHits) + 1);
@@ -81618,6 +82136,29 @@ ${l}
           console.error("[HeaderFooterEditorManager] Editor initialization failed:", error);
           this.emit("error", { descriptor, error });
         });
+        if (existing.container && options?.editorHost) {
+          if (existing.container.parentElement !== options.editorHost) {
+            options.editorHost.appendChild(existing.container);
+          }
+        }
+        if (existing.editor && options) {
+          const updateOptions = {};
+          if (options.currentPageNumber !== void 0) {
+            updateOptions.currentPageNumber = options.currentPageNumber;
+          }
+          if (options.totalPageCount !== void 0) {
+            updateOptions.totalPageCount = options.totalPageCount;
+          }
+          if (options.availableWidth !== void 0) {
+            updateOptions.availableWidth = options.availableWidth;
+          }
+          if (options.availableHeight !== void 0) {
+            updateOptions.availableHeight = options.availableHeight;
+          }
+          if (Object.keys(updateOptions).length > 0) {
+            existing.editor.setOptions(updateOptions);
+          }
+        }
         return existing.editor;
       }
       const pending = __privateGet$1(this, _pendingCreations).get(descriptor.id);
@@ -81627,7 +82168,7 @@ ${l}
       __privateSet(this, _cacheMisses, __privateGet$1(this, _cacheMisses) + 1);
       const creationPromise = (async () => {
         try {
-          const entry = await __privateMethod$1(this, _HeaderFooterEditorManager_instances, createEditor_fn).call(this, descriptor);
+          const entry = await __privateMethod$1(this, _HeaderFooterEditorManager_instances, createEditor_fn).call(this, descriptor, options);
           if (!entry) return null;
           __privateGet$1(this, _editorEntries).set(descriptor.id, entry);
           __privateMethod$1(this, _HeaderFooterEditorManager_instances, updateAccessOrder_fn).call(this, descriptor.id);
@@ -81935,7 +82476,7 @@ ${l}
     });
     __privateGet$1(this, _editorEntries).clear();
   };
-  createEditor_fn = async function(descriptor) {
+  createEditor_fn = async function(descriptor, options) {
     const json = this.getDocumentJson(descriptor);
     if (!json) return null;
     let editor;
@@ -81946,12 +82487,13 @@ ${l}
         editor: __privateGet$1(this, _editor2),
         data: json,
         editorContainer: container,
-        appendToBody: true,
+        editorHost: options?.editorHost,
         sectionId: descriptor.id,
         type: descriptor.kind,
-        availableHeight: DEFAULT_HEADER_FOOTER_HEIGHT,
-        currentPageNumber: 1
-        // Default page number
+        availableWidth: options?.availableWidth,
+        availableHeight: options?.availableHeight ?? DEFAULT_HEADER_FOOTER_HEIGHT,
+        currentPageNumber: options?.currentPageNumber ?? 1,
+        totalPageCount: options?.totalPageCount ?? 1
       });
     } catch (error) {
       console.error("[HeaderFooterEditorManager] Editor creation failed:", error);
@@ -82225,6 +82767,312 @@ ${l}
     }
     return Object.keys(context).length > 0 ? context : void 0;
   };
+  const EDITOR_HOST_Z_INDEX = "10";
+  const BORDER_LINE_Z_INDEX = "15";
+  const BORDER_LINE_COLOR = "#4472c4";
+  const BORDER_LINE_HEIGHT = "1px";
+  class EditorOverlayManager {
+    /**
+     * Creates a new EditorOverlayManager instance.
+     *
+     * @param painterHost - The host element containing painted pages. Must be an HTMLElement connected to the DOM.
+     * @param visibleHost - The visible host element for overlay positioning. Must be an HTMLElement connected to the DOM.
+     * @param selectionOverlay - The selection overlay element (optional). If provided, must be an HTMLElement.
+     *
+     * @throws {TypeError} If painterHost is not an HTMLElement
+     * @throws {TypeError} If visibleHost is not an HTMLElement
+     * @throws {TypeError} If selectionOverlay is provided but is not an HTMLElement
+     * @throws {Error} If painterHost is not connected to the DOM
+     * @throws {Error} If visibleHost is not connected to the DOM
+     */
+    constructor(painterHost, visibleHost, selectionOverlay = null) {
+      __privateAdd$1(this, _EditorOverlayManager_instances);
+      __privateAdd$1(this, _selectionOverlay);
+      __privateAdd$1(this, _activeEditorHost, null);
+      __privateAdd$1(this, _activeDecorationContainer, null);
+      __privateAdd$1(this, _activeRegion, null);
+      __privateAdd$1(this, _borderLine, null);
+      if (!(painterHost instanceof HTMLElement)) {
+        throw new TypeError("painterHost must be an HTMLElement");
+      }
+      if (!(visibleHost instanceof HTMLElement)) {
+        throw new TypeError("visibleHost must be an HTMLElement");
+      }
+      if (selectionOverlay !== null && !(selectionOverlay instanceof HTMLElement)) {
+        throw new TypeError("selectionOverlay must be an HTMLElement or null");
+      }
+      if (!painterHost.isConnected) {
+        throw new Error("painterHost must be connected to the DOM");
+      }
+      if (!visibleHost.isConnected) {
+        throw new Error("visibleHost must be connected to the DOM");
+      }
+      __privateSet(this, _selectionOverlay, selectionOverlay);
+    }
+    /**
+     * Sets the callback to be invoked when the dimming overlay is clicked.
+     * This allows PresentationEditor to exit header/footer mode when the user
+     * clicks outside the editing region.
+     *
+     * @param callback - Function to call when dimming overlay is clicked
+     */
+    setOnDimmingClick(_callback) {
+    }
+    /**
+     * Gets the currently active editor host element.
+     * This is useful for checking if a click target is inside the active editing area.
+     *
+     * @returns The active editor host element, or null if not in editing mode
+     */
+    getActiveEditorHost() {
+      return __privateGet$1(this, _activeEditorHost);
+    }
+    /**
+     * Shows the editing overlay for a header/footer region.
+     *
+     * This method:
+     * 1. Creates or retrieves the editor host element as a sibling to the decoration container
+     * 2. Positions the editor host to match the decoration container bounds
+     * 3. Hides the static decoration content
+     * 4. Shows the dimming overlay over body content
+     * 5. Returns the editor host element for mounting the ProseMirror editor
+     *
+     * @param pageElement - The page DOM element containing the region
+     * @param region - The header/footer region to edit
+     * @param zoom - Current zoom level (for positioning calculations)
+     * @returns Result object with success status and editor host element
+     *
+     * @example
+     * ```typescript
+     * const result = overlayManager.showEditingOverlay(pageElement, region, 1.0);
+     * if (result.success && result.editorHost) {
+     *   // Mount ProseMirror editor in result.editorHost
+     * }
+     * ```
+     */
+    showEditingOverlay(pageElement, region, zoom) {
+      try {
+        const decorationContainer = __privateMethod$1(this, _EditorOverlayManager_instances, findDecorationContainer_fn).call(this, pageElement, region.kind);
+        if (!decorationContainer) {
+          return {
+            success: false,
+            reason: `Decoration container not found for ${region.kind} on page ${region.pageIndex}`
+          };
+        }
+        const editorHost = __privateMethod$1(this, _EditorOverlayManager_instances, ensureEditorHost_fn).call(this, pageElement, region.kind);
+        if (!editorHost) {
+          return {
+            success: false,
+            reason: `Failed to create editor host for ${region.kind}`
+          };
+        }
+        __privateMethod$1(this, _EditorOverlayManager_instances, positionEditorHost_fn).call(this, editorHost, region, decorationContainer, zoom);
+        decorationContainer.style.visibility = "hidden";
+        editorHost.style.visibility = "visible";
+        editorHost.style.zIndex = EDITOR_HOST_Z_INDEX;
+        if (region.kind === "footer") {
+          const contentOffset = editorHost.dataset.contentOffset;
+          if (contentOffset) {
+            const editorContainer = editorHost.querySelector(".super-editor");
+            if (editorContainer instanceof HTMLElement) {
+              editorContainer.style.top = `${contentOffset}px`;
+            }
+          }
+        }
+        __privateMethod$1(this, _EditorOverlayManager_instances, showHeaderFooterBorder_fn).call(this, pageElement, region, decorationContainer);
+        __privateSet(this, _activeEditorHost, editorHost);
+        __privateSet(this, _activeDecorationContainer, decorationContainer);
+        __privateSet(this, _activeRegion, region);
+        return {
+          success: true,
+          editorHost
+        };
+      } catch (error) {
+        if (__privateGet$1(this, _activeDecorationContainer)) {
+          __privateGet$1(this, _activeDecorationContainer).style.visibility = "visible";
+        }
+        if (__privateGet$1(this, _activeEditorHost)) {
+          __privateGet$1(this, _activeEditorHost).style.visibility = "hidden";
+        }
+        __privateMethod$1(this, _EditorOverlayManager_instances, hideHeaderFooterBorder_fn).call(this);
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        console.error("[EditorOverlayManager] Failed to show editing overlay:", error);
+        return {
+          success: false,
+          reason: `DOM manipulation error: ${errorMessage}`
+        };
+      }
+    }
+    /**
+     * Hides the editing overlay and restores normal view.
+     *
+     * This method:
+     * 1. Shows the static decoration content
+     * 2. Hides the editor host (but doesn't destroy it for reuse)
+     * 3. Removes the dimming overlay
+     *
+     * @example
+     * ```typescript
+     * overlayManager.hideEditingOverlay();
+     * // Static decoration is now visible, editor is hidden
+     * ```
+     */
+    hideEditingOverlay() {
+      if (__privateGet$1(this, _activeDecorationContainer)) {
+        __privateGet$1(this, _activeDecorationContainer).style.visibility = "visible";
+      }
+      if (__privateGet$1(this, _activeEditorHost)) {
+        __privateGet$1(this, _activeEditorHost).style.visibility = "hidden";
+        __privateGet$1(this, _activeEditorHost).style.zIndex = "";
+        if (__privateGet$1(this, _activeRegion)?.kind === "footer") {
+          const editorContainer = __privateGet$1(this, _activeEditorHost).querySelector(".super-editor");
+          if (editorContainer instanceof HTMLElement) {
+            editorContainer.style.top = "0";
+          }
+        }
+      }
+      __privateMethod$1(this, _EditorOverlayManager_instances, hideHeaderFooterBorder_fn).call(this);
+      __privateSet(this, _activeEditorHost, null);
+      __privateSet(this, _activeDecorationContainer, null);
+      __privateSet(this, _activeRegion, null);
+    }
+    /**
+     * Hides the layout selection overlay to prevent double caret rendering.
+     *
+     * Called when entering header/footer editing mode to ensure only the
+     * ProseMirror editor's caret is visible, not both the PM caret and the
+     * layout engine's selection overlay.
+     *
+     * @example
+     * ```typescript
+     * overlayManager.hideSelectionOverlay();
+     * // Selection overlay is now hidden
+     * ```
+     */
+    hideSelectionOverlay() {
+      if (__privateGet$1(this, _selectionOverlay)) {
+        __privateGet$1(this, _selectionOverlay).style.visibility = "hidden";
+      }
+    }
+    /**
+     * Shows the layout selection overlay.
+     *
+     * Called when exiting header/footer editing mode to restore the
+     * normal selection overlay rendering for body content.
+     *
+     * @example
+     * ```typescript
+     * overlayManager.showSelectionOverlay();
+     * // Selection overlay is now visible
+     * ```
+     */
+    showSelectionOverlay() {
+      if (__privateGet$1(this, _selectionOverlay)) {
+        __privateGet$1(this, _selectionOverlay).style.visibility = "visible";
+      }
+    }
+    /**
+     * Destroys the overlay manager and cleans up all resources.
+     *
+     * Clears all references.
+     * Editor host elements are left in the DOM as they're children of page elements
+     * that will be cleaned up by the virtualization system.
+     */
+    destroy() {
+      __privateMethod$1(this, _EditorOverlayManager_instances, hideHeaderFooterBorder_fn).call(this);
+      __privateSet(this, _activeEditorHost, null);
+      __privateSet(this, _activeDecorationContainer, null);
+      __privateSet(this, _activeRegion, null);
+      __privateSet(this, _selectionOverlay, null);
+    }
+  }
+  _selectionOverlay = /* @__PURE__ */ new WeakMap();
+  _activeEditorHost = /* @__PURE__ */ new WeakMap();
+  _activeDecorationContainer = /* @__PURE__ */ new WeakMap();
+  _activeRegion = /* @__PURE__ */ new WeakMap();
+  _borderLine = /* @__PURE__ */ new WeakMap();
+  _EditorOverlayManager_instances = /* @__PURE__ */ new WeakSet();
+  findDecorationContainer_fn = function(pageElement, kind) {
+    const className = kind === "header" ? "superdoc-page-header" : "superdoc-page-footer";
+    return pageElement.querySelector(`.${className}`);
+  };
+  ensureEditorHost_fn = function(pageElement, kind) {
+    const className = kind === "header" ? "superdoc-header-editor-host" : "superdoc-footer-editor-host";
+    let editorHost = pageElement.querySelector(`.${className}`);
+    if (!editorHost) {
+      editorHost = document.createElement("div");
+      editorHost.className = className;
+      Object.assign(editorHost.style, {
+        position: "absolute",
+        pointerEvents: "auto",
+        // Critical: enables click interaction
+        visibility: "hidden",
+        // Hidden by default, shown during editing
+        overflow: "hidden",
+        boxSizing: "border-box"
+      });
+      const decorationContainer = __privateMethod$1(this, _EditorOverlayManager_instances, findDecorationContainer_fn).call(this, pageElement, kind);
+      if (!decorationContainer) {
+        console.error(`[EditorOverlayManager] Decoration container not found for ${kind}`);
+        return null;
+      }
+      decorationContainer.parentNode?.insertBefore(editorHost, decorationContainer.nextSibling);
+    }
+    return editorHost;
+  };
+  positionEditorHost_fn = function(editorHost, region, decorationContainer, _zoom) {
+    const decorationRect = decorationContainer.getBoundingClientRect();
+    const pageElement = editorHost.parentElement;
+    if (!pageElement) {
+      console.error("[EditorOverlayManager] Editor host has no parent element");
+      return;
+    }
+    const pageRect = pageElement.getBoundingClientRect();
+    const top2 = decorationRect.top - pageRect.top;
+    const left2 = decorationRect.left - pageRect.left;
+    const width = decorationRect.width;
+    const height = decorationRect.height;
+    Object.assign(editorHost.style, {
+      top: `${top2}px`,
+      left: `${left2}px`,
+      width: `${width}px`,
+      height: `${height}px`
+    });
+    if (region.kind === "footer") {
+      const fragment = decorationContainer.querySelector(".superdoc-fragment");
+      if (fragment instanceof HTMLElement) {
+        const fragmentTop = parseFloat(fragment.style.top) || 0;
+        editorHost.dataset.contentOffset = String(fragmentTop);
+      }
+    }
+  };
+  showHeaderFooterBorder_fn = function(pageElement, region, decorationContainer) {
+    __privateMethod$1(this, _EditorOverlayManager_instances, hideHeaderFooterBorder_fn).call(this);
+    __privateSet(this, _borderLine, document.createElement("div"));
+    __privateGet$1(this, _borderLine).className = "superdoc-header-footer-border";
+    const decorationRect = decorationContainer.getBoundingClientRect();
+    const pageRect = pageElement.getBoundingClientRect();
+    const isHeader = region.kind === "header";
+    const topPosition = isHeader ? decorationRect.bottom - pageRect.top : decorationRect.top - pageRect.top;
+    Object.assign(__privateGet$1(this, _borderLine).style, {
+      position: "absolute",
+      left: "0",
+      right: "0",
+      top: `${topPosition}px`,
+      height: BORDER_LINE_HEIGHT,
+      backgroundColor: BORDER_LINE_COLOR,
+      // MS Word blue
+      zIndex: BORDER_LINE_Z_INDEX,
+      pointerEvents: "none"
+    });
+    pageElement.appendChild(__privateGet$1(this, _borderLine));
+  };
+  hideHeaderFooterBorder_fn = function() {
+    if (__privateGet$1(this, _borderLine)) {
+      __privateGet$1(this, _borderLine).remove();
+      __privateSet(this, _borderLine, null);
+    }
+  };
   const uiSurfaces = /* @__PURE__ */ new WeakSet();
   function isInRegisteredSurface(event) {
     const path2 = typeof event.composedPath === "function" ? event.composedPath() : [];
@@ -82263,7 +83111,7 @@ ${l}
       __privateAdd$1(this, _visibleHost);
       __privateAdd$1(this, _viewportHost);
       __privateAdd$1(this, _painterHost);
-      __privateAdd$1(this, _selectionOverlay);
+      __privateAdd$1(this, _selectionOverlay2);
       __privateAdd$1(this, _hiddenHost);
       __privateAdd$1(this, _layoutOptions);
       __privateAdd$1(this, _layoutState, { blocks: [], measures: [], layout: null });
@@ -82298,6 +83146,7 @@ ${l}
       __privateAdd$1(this, _footerRegions, /* @__PURE__ */ new Map());
       __privateAdd$1(this, _session, { mode: "body" });
       __privateAdd$1(this, _activeHeaderFooterEditor, null);
+      __privateAdd$1(this, _overlayManager, null);
       __privateAdd$1(this, _hoverOverlay, null);
       __privateAdd$1(this, _hoverTooltip, null);
       __privateAdd$1(this, _modeBanner, null);
@@ -82352,6 +83201,11 @@ ${l}
         const x2 = (event.clientX - rect.left + scrollLeft) / zoom;
         const y2 = (event.clientY - rect.top + scrollTop) / zoom;
         if (__privateGet$1(this, _session).mode !== "body") {
+          const activeEditorHost = __privateGet$1(this, _overlayManager)?.getActiveEditorHost?.();
+          const clickedInsideEditorHost = activeEditorHost && (activeEditorHost.contains(event.target) || activeEditorHost === event.target);
+          if (clickedInsideEditorHost) {
+            return;
+          }
           const headerFooterRegion2 = __privateMethod$1(this, _PresentationEditor_instances, hitTestHeaderFooterRegion_fn).call(this, x2, y2);
           if (!headerFooterRegion2) {
             __privateMethod$1(this, _PresentationEditor_instances, exitHeaderFooterMode_fn).call(this);
@@ -82506,6 +83360,11 @@ ${l}
         if (region) {
           event.preventDefault();
           event.stopPropagation();
+          const descriptor = __privateMethod$1(this, _PresentationEditor_instances, resolveDescriptorForRegion_fn).call(this, region);
+          if (!descriptor && __privateGet$1(this, _headerFooterManager)) {
+            __privateMethod$1(this, _PresentationEditor_instances, createDefaultHeaderFooter_fn).call(this, region);
+            __privateGet$1(this, _headerFooterManager).refresh();
+          }
           __privateMethod$1(this, _PresentationEditor_instances, activateHeaderFooterRegion_fn).call(this, region);
         } else if (__privateGet$1(this, _session).mode !== "body") {
           __privateMethod$1(this, _PresentationEditor_instances, exitHeaderFooterMode_fn).call(this);
@@ -82574,13 +83433,13 @@ ${l}
       __privateGet$1(this, _painterHost).className = "presentation-editor__pages";
       __privateGet$1(this, _painterHost).style.transformOrigin = "top left";
       __privateGet$1(this, _viewportHost).appendChild(__privateGet$1(this, _painterHost));
-      __privateSet(this, _selectionOverlay, doc2.createElement("div"));
-      __privateGet$1(this, _selectionOverlay).className = "presentation-editor__selection-overlay";
-      __privateGet$1(this, _selectionOverlay).id = `presentation-overlay-${options.documentId || "default"}`;
-      __privateGet$1(this, _selectionOverlay).style.position = "absolute";
-      __privateGet$1(this, _selectionOverlay).style.inset = "0";
-      __privateGet$1(this, _selectionOverlay).style.pointerEvents = "none";
-      __privateGet$1(this, _selectionOverlay).style.zIndex = "10";
+      __privateSet(this, _selectionOverlay2, doc2.createElement("div"));
+      __privateGet$1(this, _selectionOverlay2).className = "presentation-editor__selection-overlay";
+      __privateGet$1(this, _selectionOverlay2).id = `presentation-overlay-${options.documentId || "default"}`;
+      __privateGet$1(this, _selectionOverlay2).style.position = "absolute";
+      __privateGet$1(this, _selectionOverlay2).style.inset = "0";
+      __privateGet$1(this, _selectionOverlay2).style.pointerEvents = "none";
+      __privateGet$1(this, _selectionOverlay2).style.zIndex = "10";
       __privateSet(this, _remoteCursorOverlay, doc2.createElement("div"));
       __privateGet$1(this, _remoteCursorOverlay).className = "presentation-editor__selection-layer--remote";
       __privateGet$1(this, _remoteCursorOverlay).style.position = "absolute";
@@ -82591,9 +83450,9 @@ ${l}
       __privateGet$1(this, _localSelectionLayer).style.position = "absolute";
       __privateGet$1(this, _localSelectionLayer).style.inset = "0";
       __privateGet$1(this, _localSelectionLayer).style.pointerEvents = "none";
-      __privateGet$1(this, _selectionOverlay).appendChild(__privateGet$1(this, _remoteCursorOverlay));
-      __privateGet$1(this, _selectionOverlay).appendChild(__privateGet$1(this, _localSelectionLayer));
-      __privateGet$1(this, _viewportHost).appendChild(__privateGet$1(this, _selectionOverlay));
+      __privateGet$1(this, _selectionOverlay2).appendChild(__privateGet$1(this, _remoteCursorOverlay));
+      __privateGet$1(this, _selectionOverlay2).appendChild(__privateGet$1(this, _localSelectionLayer));
+      __privateGet$1(this, _viewportHost).appendChild(__privateGet$1(this, _selectionOverlay2));
       __privateSet(this, _hoverOverlay, doc2.createElement("div"));
       __privateGet$1(this, _hoverOverlay).className = "presentation-editor__hover-overlay";
       Object.assign(__privateGet$1(this, _hoverOverlay).style, {
@@ -82604,7 +83463,7 @@ ${l}
         display: "none",
         zIndex: "11"
       });
-      __privateGet$1(this, _selectionOverlay).appendChild(__privateGet$1(this, _hoverOverlay));
+      __privateGet$1(this, _selectionOverlay2).appendChild(__privateGet$1(this, _hoverOverlay));
       __privateSet(this, _hoverTooltip, doc2.createElement("div"));
       __privateGet$1(this, _hoverTooltip).className = "presentation-editor__hover-tooltip";
       Object.assign(__privateGet$1(this, _hoverTooltip).style, {
@@ -82619,7 +83478,7 @@ ${l}
         zIndex: "12",
         whiteSpace: "nowrap"
       });
-      __privateGet$1(this, _selectionOverlay).appendChild(__privateGet$1(this, _hoverTooltip));
+      __privateGet$1(this, _selectionOverlay2).appendChild(__privateGet$1(this, _hoverTooltip));
       __privateSet(this, _modeBanner, doc2.createElement("div"));
       __privateGet$1(this, _modeBanner).className = "presentation-editor__mode-banner";
       Object.assign(__privateGet$1(this, _modeBanner).style, {
@@ -82837,7 +83696,7 @@ ${l}
      * ```
      */
     get overlayElement() {
-      return __privateGet$1(this, _selectionOverlay) ?? null;
+      return __privateGet$1(this, _selectionOverlay2) ?? null;
     }
     /**
      * Set the document mode and update editor editability.
@@ -83007,12 +83866,12 @@ ${l}
      * @returns Array of rects, each containing pageIndex and position data (left, top, right, bottom, width, height)
      */
     getRangeRects(from2, to, relativeTo) {
-      if (!__privateGet$1(this, _selectionOverlay)) return [];
+      if (!__privateGet$1(this, _selectionOverlay2)) return [];
       if (!Number.isFinite(from2) || !Number.isFinite(to)) return [];
       const start2 = Math.min(from2, to);
       const end2 = Math.max(from2, to);
       const zoom = __privateGet$1(this, _layoutOptions).zoom ?? 1;
-      const overlayRect = __privateGet$1(this, _selectionOverlay).getBoundingClientRect();
+      const overlayRect = __privateGet$1(this, _selectionOverlay2).getBoundingClientRect();
       const relativeRect = relativeTo?.getBoundingClientRect() ?? null;
       const layoutRectSource = () => {
         if (__privateGet$1(this, _session).mode !== "body") {
@@ -83273,7 +84132,7 @@ ${l}
           return null;
         }
         const rect2 = rects2[0];
-        const overlayRect = __privateGet$1(this, _selectionOverlay)?.getBoundingClientRect();
+        const overlayRect = __privateGet$1(this, _selectionOverlay2)?.getBoundingClientRect();
         if (!overlayRect) {
           return null;
         }
@@ -83443,7 +84302,7 @@ ${l}
       __privateSet(this, _session, { mode: "body" });
       __privateSet(this, _activeHeaderFooterEditor, null);
       __privateSet(this, _domPainter, null);
-      __privateGet$1(this, _selectionOverlay)?.remove();
+      __privateGet$1(this, _selectionOverlay2)?.remove();
       __privateGet$1(this, _painterHost)?.remove();
       __privateGet$1(this, _hiddenHost)?.remove();
       __privateSet(this, _hoverOverlay, null);
@@ -83465,7 +84324,7 @@ ${l}
   _visibleHost = /* @__PURE__ */ new WeakMap();
   _viewportHost = /* @__PURE__ */ new WeakMap();
   _painterHost = /* @__PURE__ */ new WeakMap();
-  _selectionOverlay = /* @__PURE__ */ new WeakMap();
+  _selectionOverlay2 = /* @__PURE__ */ new WeakMap();
   _hiddenHost = /* @__PURE__ */ new WeakMap();
   _layoutOptions = /* @__PURE__ */ new WeakMap();
   _layoutState = /* @__PURE__ */ new WeakMap();
@@ -83500,6 +84359,7 @@ ${l}
   _footerRegions = /* @__PURE__ */ new WeakMap();
   _session = /* @__PURE__ */ new WeakMap();
   _activeHeaderFooterEditor = /* @__PURE__ */ new WeakMap();
+  _overlayManager = /* @__PURE__ */ new WeakMap();
   _hoverOverlay = /* @__PURE__ */ new WeakMap();
   _hoverTooltip = /* @__PURE__ */ new WeakMap();
   _modeBanner = /* @__PURE__ */ new WeakMap();
@@ -83865,9 +84725,14 @@ ${l}
     __privateSet(this, _headerFooterManagerCleanups, []);
     __privateGet$1(this, _headerFooterAdapter)?.clear();
     __privateGet$1(this, _headerFooterManager)?.destroy();
+    __privateGet$1(this, _overlayManager)?.destroy();
     __privateSet(this, _session, { mode: "body" });
     __privateSet(this, _activeHeaderFooterEditor, null);
     __privateGet$1(this, _inputBridge)?.notifyTargetChanged();
+    __privateSet(this, _overlayManager, new EditorOverlayManager(__privateGet$1(this, _painterHost), __privateGet$1(this, _visibleHost), __privateGet$1(this, _selectionOverlay2)));
+    __privateGet$1(this, _overlayManager).setOnDimmingClick(() => {
+      __privateMethod$1(this, _PresentationEditor_instances, exitHeaderFooterMode_fn).call(this);
+    });
     const converter = __privateGet$1(this, _editor3).converter;
     __privateSet(this, _headerFooterIdentifier, extractIdentifierFromConverter(converter));
     __privateSet(this, _headerFooterManager, new HeaderFooterEditorManager(__privateGet$1(this, _editor3)));
@@ -84216,6 +85081,9 @@ ${l}
     });
   };
   updateSelection_fn = function() {
+    if (__privateGet$1(this, _session).mode !== "body") {
+      return;
+    }
     if (!__privateGet$1(this, _localSelectionLayer)) {
       return;
     }
@@ -84225,22 +85093,6 @@ ${l}
     if (!selection) {
       return;
     }
-    if (__privateGet$1(this, _session).mode !== "body") {
-      if (!layout) {
-        return;
-      }
-      if (selection.from === selection.to) {
-        const caretLayout = __privateMethod$1(this, _PresentationEditor_instances, computeHeaderFooterCaretRect_fn).call(this, selection.from);
-        if (!caretLayout) {
-          return;
-        }
-        __privateMethod$1(this, _PresentationEditor_instances, renderCaretOverlay_fn).call(this, caretLayout);
-        return;
-      }
-      const rects2 = __privateMethod$1(this, _PresentationEditor_instances, computeHeaderFooterSelectionRects_fn).call(this, selection.from, selection.to);
-      __privateMethod$1(this, _PresentationEditor_instances, renderSelectionRects_fn).call(this, rects2);
-      return;
-    }
     if (!layout) {
       return;
     }
@@ -84475,46 +85327,168 @@ ${l}
     void __privateMethod$1(this, _PresentationEditor_instances, enterHeaderFooterMode_fn).call(this, region);
   };
   enterHeaderFooterMode_fn = async function(region) {
-    if (!__privateGet$1(this, _headerFooterManager)) {
-      __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
-      return;
-    }
-    const descriptor = __privateMethod$1(this, _PresentationEditor_instances, resolveDescriptorForRegion_fn).call(this, region);
-    if (!descriptor) {
-      console.warn("[PresentationEditor] No descriptor found for region:", region);
-      __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
-      return;
-    }
-    if (!descriptor.id) {
-      console.warn("[PresentationEditor] Descriptor missing id:", descriptor);
-      __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
-      return;
-    }
-    const editor = await __privateGet$1(this, _headerFooterManager).ensureEditor(descriptor);
-    if (!editor) {
-      console.warn("[PresentationEditor] Failed to ensure editor for descriptor:", descriptor);
+    try {
+      if (!__privateGet$1(this, _headerFooterManager) || !__privateGet$1(this, _overlayManager)) {
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        return;
+      }
+      const descriptor = __privateMethod$1(this, _PresentationEditor_instances, resolveDescriptorForRegion_fn).call(this, region);
+      if (!descriptor) {
+        console.warn("[PresentationEditor] No descriptor found for region:", region);
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        return;
+      }
+      if (!descriptor.id) {
+        console.warn("[PresentationEditor] Descriptor missing id:", descriptor);
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        return;
+      }
+      let pageElement = __privateMethod$1(this, _PresentationEditor_instances, getPageElement_fn).call(this, region.pageIndex);
+      if (!pageElement) {
+        try {
+          __privateMethod$1(this, _PresentationEditor_instances, scrollPageIntoView_fn).call(this, region.pageIndex);
+          const mounted = await __privateMethod$1(this, _PresentationEditor_instances, waitForPageMount_fn).call(this, region.pageIndex, { timeout: 2e3 });
+          if (!mounted) {
+            console.error("[PresentationEditor] Failed to mount page for header/footer editing");
+            __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+            this.emit("error", {
+              error: new Error("Failed to mount page for editing"),
+              context: "enterHeaderFooterMode"
+            });
+            return;
+          }
+          pageElement = __privateMethod$1(this, _PresentationEditor_instances, getPageElement_fn).call(this, region.pageIndex);
+        } catch (scrollError) {
+          console.error("[PresentationEditor] Error mounting page:", scrollError);
+          __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+          this.emit("error", {
+            error: scrollError,
+            context: "enterHeaderFooterMode.pageMount"
+          });
+          return;
+        }
+      }
+      if (!pageElement) {
+        console.error("[PresentationEditor] Page element not found after mount attempt");
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        this.emit("error", {
+          error: new Error("Page element not found after mount"),
+          context: "enterHeaderFooterMode"
+        });
+        return;
+      }
+      const { success, editorHost, reason } = __privateGet$1(this, _overlayManager).showEditingOverlay(
+        pageElement,
+        region,
+        __privateGet$1(this, _layoutOptions).zoom ?? 1
+      );
+      if (!success || !editorHost) {
+        console.error("[PresentationEditor] Failed to create editor host:", reason);
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        this.emit("error", {
+          error: new Error(`Failed to create editor host: ${reason}`),
+          context: "enterHeaderFooterMode.showOverlay"
+        });
+        return;
+      }
+      const layout = __privateGet$1(this, _layoutState).layout;
+      let editor;
+      try {
+        editor = await __privateGet$1(this, _headerFooterManager).ensureEditor(descriptor, {
+          editorHost,
+          availableWidth: region.width,
+          availableHeight: region.height,
+          currentPageNumber: region.pageNumber,
+          totalPageCount: layout?.pages?.length ?? 1
+        });
+      } catch (editorError) {
+        console.error("[PresentationEditor] Error creating editor:", editorError);
+        __privateGet$1(this, _overlayManager).hideEditingOverlay();
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        this.emit("error", {
+          error: editorError,
+          context: "enterHeaderFooterMode.ensureEditor"
+        });
+        return;
+      }
+      if (!editor) {
+        console.warn("[PresentationEditor] Failed to ensure editor for descriptor:", descriptor);
+        __privateGet$1(this, _overlayManager).hideEditingOverlay();
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        this.emit("error", {
+          error: new Error("Failed to create editor instance"),
+          context: "enterHeaderFooterMode.ensureEditor"
+        });
+        return;
+      }
+      try {
+        editor.setEditable(true);
+        editor.setOptions({ documentMode: "editing" });
+        try {
+          const doc2 = editor.state?.doc;
+          if (doc2) {
+            const endPos = doc2.content.size - 1;
+            editor.commands?.setTextSelection?.(Math.max(1, endPos));
+          }
+        } catch (cursorError) {
+          console.warn("[PresentationEditor] Could not set cursor to end:", cursorError);
+        }
+      } catch (editableError) {
+        console.error("[PresentationEditor] Error setting editor editable:", editableError);
+        __privateGet$1(this, _overlayManager).hideEditingOverlay();
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        this.emit("error", {
+          error: editableError,
+          context: "enterHeaderFooterMode.setEditable"
+        });
+        return;
+      }
+      __privateGet$1(this, _overlayManager).hideSelectionOverlay();
+      __privateSet(this, _activeHeaderFooterEditor, editor);
+      __privateSet(this, _session, {
+        mode: region.kind,
+        kind: region.kind,
+        headerId: descriptor.id,
+        sectionType: descriptor.variant ?? region.sectionType ?? null,
+        pageIndex: region.pageIndex,
+        pageNumber: region.pageNumber
+      });
       __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
-      return;
+      try {
+        editor.view?.focus();
+      } catch (focusError) {
+        console.warn("[PresentationEditor] Could not focus editor:", focusError);
+      }
+      __privateMethod$1(this, _PresentationEditor_instances, emitHeaderFooterModeChanged_fn).call(this);
+      __privateMethod$1(this, _PresentationEditor_instances, emitHeaderFooterEditingContext_fn).call(this, editor);
+      __privateGet$1(this, _inputBridge)?.notifyTargetChanged();
+    } catch (error) {
+      console.error("[PresentationEditor] Unexpected error in enterHeaderFooterMode:", error);
+      try {
+        __privateGet$1(this, _overlayManager)?.hideEditingOverlay();
+        __privateGet$1(this, _overlayManager)?.showSelectionOverlay();
+        __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
+        __privateSet(this, _activeHeaderFooterEditor, null);
+        __privateSet(this, _session, { mode: "body" });
+      } catch (cleanupError) {
+        console.error("[PresentationEditor] Error during cleanup:", cleanupError);
+      }
+      this.emit("error", {
+        error,
+        context: "enterHeaderFooterMode"
+      });
     }
-    __privateSet(this, _activeHeaderFooterEditor, editor);
-    __privateSet(this, _session, {
-      mode: region.kind,
-      kind: region.kind,
-      headerId: descriptor.id,
-      sectionType: descriptor.variant ?? region.sectionType ?? null,
-      pageIndex: region.pageIndex,
-      pageNumber: region.pageNumber
-    });
-    __privateMethod$1(this, _PresentationEditor_instances, clearHoverRegion_fn).call(this);
-    __privateMethod$1(this, _PresentationEditor_instances, emitHeaderFooterModeChanged_fn).call(this);
-    __privateMethod$1(this, _PresentationEditor_instances, emitHeaderFooterEditingContext_fn).call(this, editor);
-    __privateGet$1(this, _inputBridge)?.notifyTargetChanged();
-    editor.view?.focus();
   };
   exitHeaderFooterMode_fn = function() {
     if (__privateGet$1(this, _session).mode === "body") return;
-    __privateSet(this, _session, { mode: "body" });
+    if (__privateGet$1(this, _activeHeaderFooterEditor)) {
+      __privateGet$1(this, _activeHeaderFooterEditor).setEditable(false);
+      __privateGet$1(this, _activeHeaderFooterEditor).setOptions({ documentMode: "viewing" });
+    }
+    __privateGet$1(this, _overlayManager)?.hideEditingOverlay();
+    __privateGet$1(this, _overlayManager)?.showSelectionOverlay();
     __privateSet(this, _activeHeaderFooterEditor, null);
+    __privateSet(this, _session, { mode: "body" });
     __privateMethod$1(this, _PresentationEditor_instances, emitHeaderFooterModeChanged_fn).call(this);
     __privateMethod$1(this, _PresentationEditor_instances, emitHeaderFooterEditingContext_fn).call(this, __privateGet$1(this, _editor3));
     __privateGet$1(this, _inputBridge)?.notifyTargetChanged();
@@ -84610,6 +85584,75 @@ ${l}
     }
     return descriptors[0];
   };
+  createDefaultHeaderFooter_fn = function(region) {
+    const converter = __privateGet$1(this, _editor3).converter;
+    if (!converter) {
+      console.error("[PresentationEditor] Converter not available for creating header/footer");
+      return;
+    }
+    const variant = region.sectionType ?? "default";
+    try {
+      if (region.kind === "header") {
+        if (typeof converter.createDefaultHeader === "function") {
+          const headerId = converter.createDefaultHeader(variant);
+          console.log(`[PresentationEditor] Created default header: ${headerId}`);
+        } else {
+          console.error("[PresentationEditor] converter.createDefaultHeader is not a function");
+        }
+      } else if (region.kind === "footer") {
+        if (typeof converter.createDefaultFooter === "function") {
+          const footerId = converter.createDefaultFooter(variant);
+          console.log(`[PresentationEditor] Created default footer: ${footerId}`);
+        } else {
+          console.error("[PresentationEditor] converter.createDefaultFooter is not a function");
+        }
+      }
+    } catch (error) {
+      console.error("[PresentationEditor] Failed to create default header/footer:", error);
+    }
+  };
+  getPageElement_fn = function(pageIndex) {
+    if (!__privateGet$1(this, _painterHost)) return null;
+    const pageElements = __privateGet$1(this, _painterHost).querySelectorAll("[data-page-index]");
+    for (let i2 = 0; i2 < pageElements.length; i2++) {
+      const el = pageElements[i2];
+      const dataPageIndex = el.getAttribute("data-page-index");
+      if (dataPageIndex && parseInt(dataPageIndex, 10) === pageIndex) {
+        return el;
+      }
+    }
+    return null;
+  };
+  scrollPageIntoView_fn = function(pageIndex) {
+    const layout = __privateGet$1(this, _layoutState).layout;
+    if (!layout) return;
+    const pageHeight = layout.pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
+    const virtualGap = __privateGet$1(this, _layoutOptions).virtualization?.gap ?? 0;
+    const yPosition = pageIndex * (pageHeight + virtualGap);
+    if (__privateGet$1(this, _visibleHost)) {
+      __privateGet$1(this, _visibleHost).scrollTop = yPosition;
+    }
+  };
+  waitForPageMount_fn = async function(pageIndex, options = {}) {
+    const timeout2 = options.timeout ?? 2e3;
+    const startTime = performance.now();
+    return new Promise((resolve2) => {
+      const checkPage = () => {
+        const pageElement = __privateMethod$1(this, _PresentationEditor_instances, getPageElement_fn).call(this, pageIndex);
+        if (pageElement) {
+          resolve2(true);
+          return;
+        }
+        const elapsed = performance.now() - startTime;
+        if (elapsed >= timeout2) {
+          resolve2(false);
+          return;
+        }
+        requestAnimationFrame(checkPage);
+      };
+      checkPage();
+    });
+  };
   getBodyPageHeight_fn = function() {
     return __privateGet$1(this, _layoutState).layout?.pageSize?.h ?? __privateGet$1(this, _layoutOptions).pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
   };
@@ -84663,7 +85706,7 @@ ${l}
     __privateGet$1(this, _hoverOverlay).style.top = `${coords.y}px`;
     __privateGet$1(this, _hoverOverlay).style.width = `${region.width * zoom}px`;
     __privateGet$1(this, _hoverOverlay).style.height = `${region.height * zoom}px`;
-    const tooltipText = `Double-click to edit ${region.kind === "header" ? "Header" : "Footer"} (${region.sectionType ?? "default"})`;
+    const tooltipText = `Double-click to edit ${region.kind === "header" ? "header" : "footer"}`;
     __privateGet$1(this, _hoverTooltip).textContent = tooltipText;
     __privateGet$1(this, _hoverTooltip).style.display = "block";
     __privateGet$1(this, _hoverTooltip).style.left = `${coords.x}px`;
@@ -84769,33 +85812,6 @@ ${l}
       };
     });
   };
-  computeHeaderFooterCaretRect_fn = function(pos) {
-    const context = __privateMethod$1(this, _PresentationEditor_instances, getHeaderFooterContext_fn).call(this);
-    if (!context) return null;
-    const hit = getFragmentAtPosition(context.layout, context.blocks, context.measures, pos);
-    if (!hit) return null;
-    const block = hit.block;
-    const measure = hit.measure;
-    if (!block || block.kind !== "paragraph" || measure?.kind !== "paragraph" || hit.fragment.kind !== "para")
-      return null;
-    const lineInfo = __privateMethod$1(this, _PresentationEditor_instances, findLineContainingPos_fn).call(this, block, measure, hit.fragment.fromLine, hit.fragment.toLine, pos);
-    if (!lineInfo) return null;
-    const { line, index: index2 } = lineInfo;
-    const range2 = computeLinePmRange$1(block, line);
-    if (range2.pmStart == null || range2.pmEnd == null) return null;
-    const pmCharsInLine = Math.max(1, range2.pmEnd - range2.pmStart);
-    const pmOffset = Math.max(0, Math.min(pmCharsInLine, pos - range2.pmStart));
-    const localX = hit.fragment.x + measureCharacterX(block, line, pmOffset);
-    const lineOffset = __privateMethod$1(this, _PresentationEditor_instances, lineHeightBeforeIndex_fn).call(this, measure.lines, hit.fragment.fromLine, index2);
-    const headerPageHeight = context.layout.pageSize?.h ?? context.region.height ?? 1;
-    const headerLocalY = hit.pageIndex * headerPageHeight + (hit.fragment.y + lineOffset);
-    return {
-      pageIndex: context.region.pageIndex,
-      x: context.region.localX + localX,
-      y: context.region.localY + headerLocalY,
-      height: line.lineHeight
-    };
-  };
   syncTrackedChangesPreferences_fn = function() {
     const mode = __privateMethod$1(this, _PresentationEditor_instances, deriveTrackedChangesMode_fn).call(this);
     const enabled = __privateMethod$1(this, _PresentationEditor_instances, deriveTrackedChangesEnabled_fn).call(this);
@@ -84902,7 +85918,7 @@ ${l}
       return null;
     }
     const pageRect = pageEl.getBoundingClientRect();
-    const overlayRect = __privateGet$1(this, _selectionOverlay).getBoundingClientRect();
+    const overlayRect = __privateGet$1(this, _selectionOverlay2).getBoundingClientRect();
     const zoom = __privateGet$1(this, _layoutOptions).zoom ?? 1;
     return {
       x: pageRect.left - overlayRect.left + pageLocalX * zoom,
@@ -89772,22 +90788,53 @@ ${l}
       tabs
     };
   }
+  const MAX_WALK_DEPTH = 50;
   function applyLayoutResult(result, paragraph2, paragraphPos) {
     const decorations = [];
     let tabIndex = 0;
-    paragraph2.forEach((node2, offset2) => {
-      if (node2.type.name !== "tab") return;
-      const pos = paragraphPos + offset2 + 1;
-      const tabId = tabIdForIndex(result.paragraphId, tabIndex++);
-      const layout = result.tabs[tabId];
-      if (!layout) return;
-      let style2 = `width: ${layout.width}px;`;
-      if (layout.height) style2 += ` height: ${layout.height};`;
-      if (layout.leader && leaderStyles[layout.leader]) {
-        style2 += ` ${leaderStyles[layout.leader]}`;
-      }
-      decorations.push(Decoration.node(pos, pos + node2.nodeSize, { style: style2 }));
-    });
+    const walk = (node2, pos, depth = 0) => {
+      if (depth > MAX_WALK_DEPTH) {
+        console.error(`applyLayoutResult: Maximum recursion depth (${MAX_WALK_DEPTH}) exceeded`);
+        return;
+      }
+      if (!node2?.type?.name) {
+        console.error("applyLayoutResult: Node missing type.name", { node: node2, pos, depth });
+        return;
+      }
+      if (typeof node2.nodeSize !== "number" || node2.nodeSize < 0 || !Number.isFinite(node2.nodeSize)) {
+        console.error("applyLayoutResult: Invalid nodeSize", { nodeSize: node2.nodeSize, nodeName: node2.type.name, pos });
+        return;
+      }
+      if (node2.type.name === "tab") {
+        const tabId = tabIdForIndex(result.paragraphId, tabIndex++);
+        const layout = result.tabs[tabId];
+        if (layout) {
+          let style2 = `width: ${layout.width}px;`;
+          if (layout.height) style2 += ` height: ${layout.height};`;
+          if (layout.leader && leaderStyles[layout.leader]) {
+            style2 += ` ${leaderStyles[layout.leader]}`;
+          }
+          decorations.push(Decoration.node(pos, pos + node2.nodeSize, { style: style2 }));
+        }
+        return;
+      }
+      try {
+        let offset2 = 0;
+        node2.forEach((child) => {
+          const childPos = pos + 1 + offset2;
+          walk(child, childPos, depth + 1);
+          offset2 += child.nodeSize;
+        });
+      } catch (error) {
+        console.error("applyLayoutResult: Error during recursion", {
+          error,
+          nodeName: node2.type.name,
+          pos,
+          depth
+        });
+      }
+    };
+    walk(paragraph2, paragraphPos);
     return decorations;
   }
   function collectFollowingText(spans, startIndex) {
@@ -90335,8 +91382,8 @@ ${l}
       colgroupValues
     };
   };
-  var readFromCache;
-  var addToCache;
+  let readFromCache;
+  let addToCache;
   if (typeof WeakMap != "undefined") {
     let cache2 = /* @__PURE__ */ new WeakMap();
     readFromCache = (key2) => cache2.get(key2);
@@ -90349,8 +91396,7 @@ ${l}
     const cacheSize = 10;
     let cachePos = 0;
     readFromCache = (key2) => {
-      for (let i2 = 0; i2 < cache2.length; i2 += 2)
-        if (cache2[i2] == key2) return cache2[i2 + 1];
+      for (let i2 = 0; i2 < cache2.length; i2 += 2) if (cache2[i2] == key2) return cache2[i2 + 1];
     };
     addToCache = (key2, value) => {
       if (cachePos == cacheSize) cachePos = 0;
@@ -90365,7 +91411,6 @@ ${l}
       this.map = map2;
       this.problems = problems;
     }
-    // Find the dimensions of the cell at the given position.
     findCell(pos) {
       for (let i2 = 0; i2 < this.map.length; i2++) {
         const curPos = this.map[i2];
@@ -90374,27 +91419,21 @@ ${l}
         const top2 = i2 / this.width | 0;
         let right2 = left2 + 1;
         let bottom2 = top2 + 1;
-        for (let j2 = 1; right2 < this.width && this.map[i2 + j2] == curPos; j2++) {
-          right2++;
-        }
-        for (let j2 = 1; bottom2 < this.height && this.map[i2 + this.width * j2] == curPos; j2++) {
-          bottom2++;
-        }
-        return { left: left2, top: top2, right: right2, bottom: bottom2 };
+        for (let j2 = 1; right2 < this.width && this.map[i2 + j2] == curPos; j2++) right2++;
+        for (let j2 = 1; bottom2 < this.height && this.map[i2 + this.width * j2] == curPos; j2++) bottom2++;
+        return {
+          left: left2,
+          top: top2,
+          right: right2,
+          bottom: bottom2
+        };
       }
       throw new RangeError(`No cell with offset ${pos} found`);
     }
-    // Find the left side of the cell at the given position.
     colCount(pos) {
-      for (let i2 = 0; i2 < this.map.length; i2++) {
-        if (this.map[i2] == pos) {
-          return i2 % this.width;
-        }
-      }
+      for (let i2 = 0; i2 < this.map.length; i2++) if (this.map[i2] == pos) return i2 % this.width;
       throw new RangeError(`No cell with offset ${pos} found`);
     }
-    // Find the next cell in the given direction, starting from the cell
-    // at `pos`, if any.
     nextCell(pos, axis, dir) {
       const { left: left2, right: right2, top: top2, bottom: bottom2 } = this.findCell(pos);
       if (axis == "horiz") {
@@ -90405,20 +91444,9 @@ ${l}
         return this.map[left2 + this.width * (dir < 0 ? top2 - 1 : bottom2)];
       }
     }
-    // Get the rectangle spanning the two given cells.
     rectBetween(a2, b2) {
-      const {
-        left: leftA,
-        right: rightA,
-        top: topA,
-        bottom: bottomA
-      } = this.findCell(a2);
-      const {
-        left: leftB,
-        right: rightB,
-        top: topB,
-        bottom: bottomB
-      } = this.findCell(b2);
+      const { left: leftA, right: rightA, top: topA, bottom: bottomA } = this.findCell(a2);
+      const { left: leftB, right: rightB, top: topB, bottom: bottomB } = this.findCell(b2);
       return {
         left: Math.min(leftA, leftB),
         top: Math.min(topA, topB),
@@ -90426,27 +91454,19 @@ ${l}
         bottom: Math.max(bottomA, bottomB)
       };
     }
-    // Return the position of all cells that have the top left corner in
-    // the given rectangle.
     cellsInRect(rect) {
       const result = [];
       const seen = {};
-      for (let row2 = rect.top; row2 < rect.bottom; row2++) {
-        for (let col = rect.left; col < rect.right; col++) {
-          const index2 = row2 * this.width + col;
-          const pos = this.map[index2];
-          if (seen[pos]) continue;
-          seen[pos] = true;
-          if (col == rect.left && col && this.map[index2 - 1] == pos || row2 == rect.top && row2 && this.map[index2 - this.width] == pos) {
-            continue;
-          }
-          result.push(pos);
-        }
+      for (let row2 = rect.top; row2 < rect.bottom; row2++) for (let col = rect.left; col < rect.right; col++) {
+        const index2 = row2 * this.width + col;
+        const pos = this.map[index2];
+        if (seen[pos]) continue;
+        seen[pos] = true;
+        if (col == rect.left && col && this.map[index2 - 1] == pos || row2 == rect.top && row2 && this.map[index2 - this.width] == pos) continue;
+        result.push(pos);
       }
       return result;
     }
-    // Return the position at which the cell at the given row and column
-    // starts, or would start, if a cell started there.
     positionAt(row2, col, table2) {
       for (let i2 = 0, rowStart = 0; ; i2++) {
         const rowEnd = rowStart + table2.child(i2).nodeSize;
@@ -90459,14 +91479,12 @@ ${l}
         rowStart = rowEnd;
       }
     }
-    // Find the table map for the given table node.
     static get(table2) {
       return readFromCache(table2) || addToCache(table2, computeMap(table2));
     }
   };
   function computeMap(table2) {
-    if (table2.type.spec.tableRole != "table")
-      throw new RangeError("Not a table node: " + table2.type.name);
+    if (table2.type.spec.tableRole != "table") throw new RangeError("Not a table node: " + table2.type.name);
     const width = findWidth(table2), height = table2.childCount;
     const map2 = [];
     let mapPos = 0;
@@ -90493,22 +91511,19 @@ ${l}
           const start2 = mapPos + h2 * width;
           for (let w2 = 0; w2 < colspan; w2++) {
             if (map2[start2 + w2] == 0) map2[start2 + w2] = pos;
-            else
-              (problems || (problems = [])).push({
-                type: "collision",
-                row: row2,
-                pos,
-                n: colspan - w2
-              });
+            else (problems || (problems = [])).push({
+              type: "collision",
+              row: row2,
+              pos,
+              n: colspan - w2
+            });
             const colW = colwidth && colwidth[w2];
             if (colW) {
               const widthIndex = (start2 + w2) % width * 2, prev = colWidths[widthIndex];
               if (prev == null || prev != colW && colWidths[widthIndex + 1] == 1) {
                 colWidths[widthIndex] = colW;
                 colWidths[widthIndex + 1] = 1;
-              } else if (prev == colW) {
-                colWidths[widthIndex + 1]++;
-              }
+              } else if (prev == colW) colWidths[widthIndex + 1]++;
             }
           }
         }
@@ -90518,16 +91533,17 @@ ${l}
       const expectedPos = (row2 + 1) * width;
       let missing = 0;
       while (mapPos < expectedPos) if (map2[mapPos++] == 0) missing++;
-      if (missing)
-        (problems || (problems = [])).push({ type: "missing", row: row2, n: missing });
+      if (missing) (problems || (problems = [])).push({
+        type: "missing",
+        row: row2,
+        n: missing
+      });
       pos++;
     }
-    if (width === 0 || height === 0)
-      (problems || (problems = [])).push({ type: "zero_sized" });
+    if (width === 0 || height === 0) (problems || (problems = [])).push({ type: "zero_sized" });
     const tableMap = new TableMap(width, height, map2, problems);
     let badWidths = false;
-    for (let i2 = 0; !badWidths && i2 < colWidths.length; i2 += 2)
-      if (colWidths[i2] != null && colWidths[i2 + 1] < height) badWidths = true;
+    for (let i2 = 0; !badWidths && i2 < colWidths.length; i2 += 2) if (colWidths[i2] != null && colWidths[i2 + 1] < height) badWidths = true;
     if (badWidths) findBadColWidths(tableMap, colWidths, table2);
     return tableMap;
   }
@@ -90537,14 +91553,13 @@ ${l}
     for (let row2 = 0; row2 < table2.childCount; row2++) {
       const rowNode = table2.child(row2);
       let rowWidth = 0;
-      if (hasRowSpan)
-        for (let j2 = 0; j2 < row2; j2++) {
-          const prevRow = table2.child(j2);
-          for (let i2 = 0; i2 < prevRow.childCount; i2++) {
-            const cell2 = prevRow.child(i2);
-            if (j2 + cell2.attrs.rowspan > row2) rowWidth += cell2.attrs.colspan;
-          }
+      if (hasRowSpan) for (let j2 = 0; j2 < row2; j2++) {
+        const prevRow = table2.child(j2);
+        for (let i2 = 0; i2 < prevRow.childCount; i2++) {
+          const cell2 = prevRow.child(i2);
+          if (j2 + cell2.attrs.rowspan > row2) rowWidth += cell2.attrs.colspan;
         }
+      }
       for (let i2 = 0; i2 < rowNode.childCount; i2++) {
         const cell2 = rowNode.child(i2);
         rowWidth += cell2.attrs.colspan;
@@ -90563,23 +91578,18 @@ ${l}
       if (seen[pos]) continue;
       seen[pos] = true;
       const node2 = table2.nodeAt(pos);
-      if (!node2) {
-        throw new RangeError(`No cell with offset ${pos} found`);
-      }
+      if (!node2) throw new RangeError(`No cell with offset ${pos} found`);
       let updated = null;
       const attrs = node2.attrs;
       for (let j2 = 0; j2 < attrs.colspan; j2++) {
-        const col = (i2 + j2) % map2.width;
-        const colWidth = colWidths[col * 2];
-        if (colWidth != null && (!attrs.colwidth || attrs.colwidth[j2] != colWidth))
-          (updated || (updated = freshColWidth(attrs)))[j2] = colWidth;
-      }
-      if (updated)
-        map2.problems.unshift({
-          type: "colwidth mismatch",
-          pos,
-          colwidth: updated
-        });
+        const colWidth = colWidths[(i2 + j2) % map2.width * 2];
+        if (colWidth != null && (!attrs.colwidth || attrs.colwidth[j2] != colWidth)) (updated || (updated = freshColWidth(attrs)))[j2] = colWidth;
+      }
+      if (updated) map2.problems.unshift({
+        type: "colwidth mismatch",
+        pos,
+        colwidth: updated
+      });
     }
   }
   function freshColWidth(attrs) {
@@ -90599,11 +91609,9 @@ ${l}
     }
     return result;
   }
-  var tableEditingKey = new PluginKey("selectingCells");
+  const tableEditingKey = new PluginKey("selectingCells");
   function cellAround$1($pos) {
-    for (let d2 = $pos.depth - 1; d2 > 0; d2--)
-      if ($pos.node(d2).type.spec.tableRole == "row")
-        return $pos.node(0).resolve($pos.before(d2 + 1));
+    for (let d2 = $pos.depth - 1; d2 > 0; d2--) if ($pos.node(d2).type.spec.tableRole == "row") return $pos.node(0).resolve($pos.before(d2 + 1));
     return null;
   }
   function cellWrapping$1($pos) {
@@ -90615,21 +91623,15 @@ ${l}
   }
   function isInTable(state2) {
     const $head = state2.selection.$head;
-    for (let d2 = $head.depth; d2 > 0; d2--)
-      if ($head.node(d2).type.spec.tableRole == "row") return true;
+    for (let d2 = $head.depth; d2 > 0; d2--) if ($head.node(d2).type.spec.tableRole == "row") return true;
     return false;
   }
   function selectionCell(state2) {
     const sel = state2.selection;
-    if ("$anchorCell" in sel && sel.$anchorCell) {
-      return sel.$anchorCell.pos > sel.$headCell.pos ? sel.$anchorCell : sel.$headCell;
-    } else if ("node" in sel && sel.node && sel.node.type.spec.tableRole == "cell") {
-      return sel.$anchor;
-    }
+    if ("$anchorCell" in sel && sel.$anchorCell) return sel.$anchorCell.pos > sel.$headCell.pos ? sel.$anchorCell : sel.$headCell;
+    else if ("node" in sel && sel.node && sel.node.type.spec.tableRole == "cell") return sel.$anchor;
     const $cell = cellAround$1(sel.$head) || cellNear(sel.$head);
-    if ($cell) {
-      return $cell;
-    }
+    if ($cell) return $cell;
     throw new RangeError(`No cell found around position ${sel.head}`);
   }
   function cellNear($pos) {
@@ -90639,8 +91641,7 @@ ${l}
     }
     for (let before = $pos.nodeBefore, pos = $pos.pos; before; before = before.lastChild, pos--) {
       const role = before.type.spec.tableRole;
-      if (role == "cell" || role == "header_cell")
-        return $pos.doc.resolve(pos - before.nodeSize);
+      if (role == "cell" || role == "header_cell") return $pos.doc.resolve(pos - before.nodeSize);
     }
   }
   function pointsAtCell($pos) {
@@ -90660,7 +91661,10 @@ ${l}
     return moved == null ? null : $pos.node(0).resolve(tableStart + moved);
   }
   function removeColSpan(attrs, pos, n = 1) {
-    const result = { ...attrs, colspan: attrs.colspan - n };
+    const result = {
+      ...attrs,
+      colspan: attrs.colspan - n
+    };
     if (result.colwidth) {
       result.colwidth = result.colwidth.slice();
       result.colwidth.splice(pos, n);
@@ -90669,7 +91673,10 @@ ${l}
     return result;
   }
   function addColSpan(attrs, pos, n = 1) {
-    const result = { ...attrs, colspan: attrs.colspan + n };
+    const result = {
+      ...attrs,
+      colspan: attrs.colspan + n
+    };
     if (result.colwidth) {
       result.colwidth = result.colwidth.slice();
       for (let i2 = 0; i2 < n; i2++) result.colwidth.splice(pos, 0, 0);
@@ -90678,37 +91685,23 @@ ${l}
   }
   function columnIsHeader(map2, table2, col) {
     const headerCell = tableNodeTypes(table2.type.schema).header_cell;
-    for (let row2 = 0; row2 < map2.height; row2++)
-      if (table2.nodeAt(map2.map[col + row2 * map2.width]).type != headerCell)
-        return false;
+    for (let row2 = 0; row2 < map2.height; row2++) if (table2.nodeAt(map2.map[col + row2 * map2.width]).type != headerCell) return false;
     return true;
   }
-  var CellSelection = class _CellSelection extends Selection {
-    // A table selection is identified by its anchor and head cells. The
-    // positions given to this constructor should point _before_ two
-    // cells in the same table. They may be the same, to select a single
-    // cell.
+  var CellSelection = class CellSelection2 extends Selection {
     constructor($anchorCell, $headCell = $anchorCell) {
       const table2 = $anchorCell.node(-1);
       const map2 = TableMap.get(table2);
       const tableStart = $anchorCell.start(-1);
-      const rect = map2.rectBetween(
-        $anchorCell.pos - tableStart,
-        $headCell.pos - tableStart
-      );
+      const rect = map2.rectBetween($anchorCell.pos - tableStart, $headCell.pos - tableStart);
       const doc2 = $anchorCell.node(0);
       const cells = map2.cellsInRect(rect).filter((p2) => p2 != $headCell.pos - tableStart);
       cells.unshift($headCell.pos - tableStart);
       const ranges = cells.map((pos) => {
         const cell2 = table2.nodeAt(pos);
-        if (!cell2) {
-          throw RangeError(`No cell with offset ${pos} found`);
-        }
+        if (!cell2) throw new RangeError(`No cell with offset ${pos} found`);
         const from2 = tableStart + pos + 1;
-        return new SelectionRange(
-          doc2.resolve(from2),
-          doc2.resolve(from2 + cell2.content.size)
-        );
+        return new SelectionRange(doc2.resolve(from2), doc2.resolve(from2 + cell2.content.size));
       });
       super(ranges[0].$from, ranges[0].$to, ranges);
       this.$anchorCell = $anchorCell;
@@ -90719,24 +91712,17 @@ ${l}
       const $headCell = doc2.resolve(mapping.map(this.$headCell.pos));
       if (pointsAtCell($anchorCell) && pointsAtCell($headCell) && inSameTable($anchorCell, $headCell)) {
         const tableChanged = this.$anchorCell.node(-1) != $anchorCell.node(-1);
-        if (tableChanged && this.isRowSelection())
-          return _CellSelection.rowSelection($anchorCell, $headCell);
-        else if (tableChanged && this.isColSelection())
-          return _CellSelection.colSelection($anchorCell, $headCell);
-        else return new _CellSelection($anchorCell, $headCell);
+        if (tableChanged && this.isRowSelection()) return CellSelection2.rowSelection($anchorCell, $headCell);
+        else if (tableChanged && this.isColSelection()) return CellSelection2.colSelection($anchorCell, $headCell);
+        else return new CellSelection2($anchorCell, $headCell);
       }
       return TextSelection$1.between($anchorCell, $headCell);
     }
-    // Returns a rectangular slice of table rows containing the selected
-    // cells.
     content() {
       const table2 = this.$anchorCell.node(-1);
       const map2 = TableMap.get(table2);
       const tableStart = this.$anchorCell.start(-1);
-      const rect = map2.rectBetween(
-        this.$anchorCell.pos - tableStart,
-        this.$headCell.pos - tableStart
-      );
+      const rect = map2.rectBetween(this.$anchorCell.pos - tableStart, this.$headCell.pos - tableStart);
       const seen = {};
       const rows = [];
       for (let row2 = rect.top; row2 < rect.bottom; row2++) {
@@ -90747,44 +91733,25 @@ ${l}
           seen[pos] = true;
           const cellRect = map2.findCell(pos);
           let cell2 = table2.nodeAt(pos);
-          if (!cell2) {
-            throw RangeError(`No cell with offset ${pos} found`);
-          }
+          if (!cell2) throw new RangeError(`No cell with offset ${pos} found`);
           const extraLeft = rect.left - cellRect.left;
           const extraRight = cellRect.right - rect.right;
           if (extraLeft > 0 || extraRight > 0) {
             let attrs = cell2.attrs;
-            if (extraLeft > 0) {
-              attrs = removeColSpan(attrs, 0, extraLeft);
-            }
-            if (extraRight > 0) {
-              attrs = removeColSpan(
-                attrs,
-                attrs.colspan - extraRight,
-                extraRight
-              );
-            }
+            if (extraLeft > 0) attrs = removeColSpan(attrs, 0, extraLeft);
+            if (extraRight > 0) attrs = removeColSpan(attrs, attrs.colspan - extraRight, extraRight);
             if (cellRect.left < rect.left) {
               cell2 = cell2.type.createAndFill(attrs);
-              if (!cell2) {
-                throw RangeError(
-                  `Could not create cell with attrs ${JSON.stringify(attrs)}`
-                );
-              }
-            } else {
-              cell2 = cell2.type.create(attrs, cell2.content);
-            }
+              if (!cell2) throw new RangeError(`Could not create cell with attrs ${JSON.stringify(attrs)}`);
+            } else cell2 = cell2.type.create(attrs, cell2.content);
           }
           if (cellRect.top < rect.top || cellRect.bottom > rect.bottom) {
             const attrs = {
               ...cell2.attrs,
               rowspan: Math.min(cellRect.bottom, rect.bottom) - Math.max(cellRect.top, rect.top)
             };
-            if (cellRect.top < rect.top) {
-              cell2 = cell2.type.createAndFill(attrs);
-            } else {
-              cell2 = cell2.type.create(attrs, cell2.content);
-            }
+            if (cellRect.top < rect.top) cell2 = cell2.type.createAndFill(attrs);
+            else cell2 = cell2.type.create(attrs, cell2.content);
           }
           rowContent.push(cell2);
         }
@@ -90797,16 +91764,9 @@ ${l}
       const mapFrom = tr.steps.length, ranges = this.ranges;
       for (let i2 = 0; i2 < ranges.length; i2++) {
         const { $from, $to } = ranges[i2], mapping = tr.mapping.slice(mapFrom);
-        tr.replace(
-          mapping.map($from.pos),
-          mapping.map($to.pos),
-          i2 ? Slice.empty : content2
-        );
+        tr.replace(mapping.map($from.pos), mapping.map($to.pos), i2 ? Slice.empty : content2);
       }
-      const sel = Selection.findFrom(
-        tr.doc.resolve(tr.mapping.slice(mapFrom).map(this.to)),
-        -1
-      );
+      const sel = Selection.findFrom(tr.doc.resolve(tr.mapping.slice(mapFrom).map(this.to)), -1);
       if (sel) tr.setSelection(sel);
     }
     replaceWith(tr, node2) {
@@ -90816,18 +91776,9 @@ ${l}
       const table2 = this.$anchorCell.node(-1);
       const map2 = TableMap.get(table2);
       const tableStart = this.$anchorCell.start(-1);
-      const cells = map2.cellsInRect(
-        map2.rectBetween(
-          this.$anchorCell.pos - tableStart,
-          this.$headCell.pos - tableStart
-        )
-      );
-      for (let i2 = 0; i2 < cells.length; i2++) {
-        f2(table2.nodeAt(cells[i2]), tableStart + cells[i2]);
-      }
+      const cells = map2.cellsInRect(map2.rectBetween(this.$anchorCell.pos - tableStart, this.$headCell.pos - tableStart));
+      for (let i2 = 0; i2 < cells.length; i2++) f2(table2.nodeAt(cells[i2]), tableStart + cells[i2]);
     }
-    // True if this selection goes all the way from the top to the
-    // bottom of the table.
     isColSelection() {
       const anchorTop = this.$anchorCell.index(-1);
       const headTop = this.$headCell.index(-1);
@@ -90836,8 +91787,6 @@ ${l}
       const headBottom = headTop + this.$headCell.nodeAfter.attrs.rowspan;
       return Math.max(anchorBottom, headBottom) == this.$headCell.node(-1).childCount;
     }
-    // Returns the smallest column selection that covers the given anchor
-    // and head cell.
     static colSelection($anchorCell, $headCell = $anchorCell) {
       const table2 = $anchorCell.node(-1);
       const map2 = TableMap.get(table2);
@@ -90846,24 +91795,14 @@ ${l}
       const headRect = map2.findCell($headCell.pos - tableStart);
       const doc2 = $anchorCell.node(0);
       if (anchorRect.top <= headRect.top) {
-        if (anchorRect.top > 0)
-          $anchorCell = doc2.resolve(tableStart + map2.map[anchorRect.left]);
-        if (headRect.bottom < map2.height)
-          $headCell = doc2.resolve(
-            tableStart + map2.map[map2.width * (map2.height - 1) + headRect.right - 1]
-          );
+        if (anchorRect.top > 0) $anchorCell = doc2.resolve(tableStart + map2.map[anchorRect.left]);
+        if (headRect.bottom < map2.height) $headCell = doc2.resolve(tableStart + map2.map[map2.width * (map2.height - 1) + headRect.right - 1]);
       } else {
-        if (headRect.top > 0)
-          $headCell = doc2.resolve(tableStart + map2.map[headRect.left]);
-        if (anchorRect.bottom < map2.height)
-          $anchorCell = doc2.resolve(
-            tableStart + map2.map[map2.width * (map2.height - 1) + anchorRect.right - 1]
-          );
+        if (headRect.top > 0) $headCell = doc2.resolve(tableStart + map2.map[headRect.left]);
+        if (anchorRect.bottom < map2.height) $anchorCell = doc2.resolve(tableStart + map2.map[map2.width * (map2.height - 1) + anchorRect.right - 1]);
       }
-      return new _CellSelection($anchorCell, $headCell);
+      return new CellSelection2($anchorCell, $headCell);
     }
-    // True if this selection goes all the way from the left to the
-    // right of the table.
     isRowSelection() {
       const table2 = this.$anchorCell.node(-1);
       const map2 = TableMap.get(table2);
@@ -90876,10 +91815,8 @@ ${l}
       return Math.max(anchorRight, headRight) == map2.width;
     }
     eq(other) {
-      return other instanceof _CellSelection && other.$anchorCell.pos == this.$anchorCell.pos && other.$headCell.pos == this.$headCell.pos;
+      return other instanceof CellSelection2 && other.$anchorCell.pos == this.$anchorCell.pos && other.$headCell.pos == this.$headCell.pos;
     }
-    // Returns the smallest row selection that covers the given anchor
-    // and head cell.
     static rowSelection($anchorCell, $headCell = $anchorCell) {
       const table2 = $anchorCell.node(-1);
       const map2 = TableMap.get(table2);
@@ -90888,23 +91825,13 @@ ${l}
       const headRect = map2.findCell($headCell.pos - tableStart);
       const doc2 = $anchorCell.node(0);
       if (anchorRect.left <= headRect.left) {
-        if (anchorRect.left > 0)
-          $anchorCell = doc2.resolve(
-            tableStart + map2.map[anchorRect.top * map2.width]
-          );
-        if (headRect.right < map2.width)
-          $headCell = doc2.resolve(
-            tableStart + map2.map[map2.width * (headRect.top + 1) - 1]
-          );
+        if (anchorRect.left > 0) $anchorCell = doc2.resolve(tableStart + map2.map[anchorRect.top * map2.width]);
+        if (headRect.right < map2.width) $headCell = doc2.resolve(tableStart + map2.map[map2.width * (headRect.top + 1) - 1]);
       } else {
-        if (headRect.left > 0)
-          $headCell = doc2.resolve(tableStart + map2.map[headRect.top * map2.width]);
-        if (anchorRect.right < map2.width)
-          $anchorCell = doc2.resolve(
-            tableStart + map2.map[map2.width * (anchorRect.top + 1) - 1]
-          );
+        if (headRect.left > 0) $headCell = doc2.resolve(tableStart + map2.map[headRect.top * map2.width]);
+        if (anchorRect.right < map2.width) $anchorCell = doc2.resolve(tableStart + map2.map[map2.width * (anchorRect.top + 1) - 1]);
       }
-      return new _CellSelection($anchorCell, $headCell);
+      return new CellSelection2($anchorCell, $headCell);
     }
     toJSON() {
       return {
@@ -90914,10 +91841,10 @@ ${l}
       };
     }
     static fromJSON(doc2, json) {
-      return new _CellSelection(doc2.resolve(json.anchor), doc2.resolve(json.head));
+      return new CellSelection2(doc2.resolve(json.anchor), doc2.resolve(json.head));
     }
     static create(doc2, anchorCell, headCell = anchorCell) {
-      return new _CellSelection(doc2.resolve(anchorCell), doc2.resolve(headCell));
+      return new CellSelection2(doc2.resolve(anchorCell), doc2.resolve(headCell));
     }
     getBookmark() {
       return new CellBookmark(this.$anchorCell.pos, this.$headCell.pos);
@@ -90925,18 +91852,17 @@ ${l}
   };
   CellSelection.prototype.visible = false;
   Selection.jsonID("cell", CellSelection);
-  var CellBookmark = class _CellBookmark {
+  var CellBookmark = class CellBookmark2 {
     constructor(anchor, head) {
       this.anchor = anchor;
       this.head = head;
     }
     map(mapping) {
-      return new _CellBookmark(mapping.map(this.anchor), mapping.map(this.head));
+      return new CellBookmark2(mapping.map(this.anchor), mapping.map(this.head));
     }
     resolve(doc2) {
       const $anchorCell = doc2.resolve(this.anchor), $headCell = doc2.resolve(this.head);
-      if ($anchorCell.parent.type.spec.tableRole == "row" && $headCell.parent.type.spec.tableRole == "row" && $anchorCell.index() < $anchorCell.parent.childCount && $headCell.index() < $headCell.parent.childCount && inSameTable($anchorCell, $headCell))
-        return new CellSelection($anchorCell, $headCell);
+      if ($anchorCell.parent.type.spec.tableRole == "row" && $headCell.parent.type.spec.tableRole == "row" && $anchorCell.index() < $anchorCell.parent.childCount && $headCell.index() < $headCell.parent.childCount && inSameTable($anchorCell, $headCell)) return new CellSelection($anchorCell, $headCell);
       else return Selection.near($headCell, 1);
     }
   };
@@ -90944,9 +91870,7 @@ ${l}
     if (!(state2.selection instanceof CellSelection)) return null;
     const cells = [];
     state2.selection.forEachCell((node2, pos) => {
-      cells.push(
-        Decoration.node(pos, pos + node2.nodeSize, { class: "selectedCell" })
-      );
+      cells.push(Decoration.node(pos, pos + node2.nodeSize, { class: "selectedCell" }));
     });
     return DecorationSet.create(state2.doc, cells);
   }
@@ -90955,10 +91879,8 @@ ${l}
     let afterFrom = $from.pos;
     let beforeTo = $to.pos;
     let depth = $from.depth;
-    for (; depth >= 0; depth--, afterFrom++)
-      if ($from.after(depth + 1) < $from.end(depth)) break;
-    for (let d2 = $to.depth; d2 >= 0; d2--, beforeTo--)
-      if ($to.before(d2 + 1) > $to.start(d2)) break;
+    for (; depth >= 0; depth--, afterFrom++) if ($from.after(depth + 1) < $from.end(depth)) break;
+    for (let d2 = $to.depth; d2 >= 0; d2--, beforeTo--) if ($to.before(d2 + 1) > $to.start(d2)) break;
     return afterFrom == beforeTo && /row|table/.test($from.node(depth).type.spec.tableRole);
   }
   function isTextSelectionAcrossCells({ $from, $to }) {
@@ -90986,9 +91908,8 @@ ${l}
     let normalize2;
     let role;
     if (sel instanceof NodeSelection && (role = sel.node.type.spec.tableRole)) {
-      if (role == "cell" || role == "header_cell") {
-        normalize2 = CellSelection.create(doc2, sel.from);
-      } else if (role == "row") {
+      if (role == "cell" || role == "header_cell") normalize2 = CellSelection.create(doc2, sel.from);
+      else if (role == "row") {
         const $cell = doc2.resolve(sel.from + 1);
         normalize2 = CellSelection.rowSelection($cell, $cell);
       } else if (!allowTableNodeSelection) {
@@ -90997,29 +91918,23 @@ ${l}
         const lastCell = start2 + map2.map[map2.width * map2.height - 1];
         normalize2 = CellSelection.create(doc2, start2 + 1, lastCell);
       }
-    } else if (sel instanceof TextSelection$1 && isCellBoundarySelection(sel)) {
-      normalize2 = TextSelection$1.create(doc2, sel.from);
-    } else if (sel instanceof TextSelection$1 && isTextSelectionAcrossCells(sel)) {
-      normalize2 = TextSelection$1.create(doc2, sel.$from.start(), sel.$from.end());
-    }
+    } else if (sel instanceof TextSelection$1 && isCellBoundarySelection(sel)) normalize2 = TextSelection$1.create(doc2, sel.from);
+    else if (sel instanceof TextSelection$1 && isTextSelectionAcrossCells(sel)) normalize2 = TextSelection$1.create(doc2, sel.$from.start(), sel.$from.end());
     if (normalize2) (tr || (tr = state2.tr)).setSelection(normalize2);
     return tr;
   }
-  var fixTablesKey = new PluginKey("fix-tables");
+  const fixTablesKey = new PluginKey("fix-tables");
   function changedDescendants(old, cur, offset2, f2) {
     const oldSize = old.childCount, curSize = cur.childCount;
     outer: for (let i2 = 0, j2 = 0; i2 < curSize; i2++) {
       const child = cur.child(i2);
-      for (let scan = j2, e = Math.min(oldSize, i2 + 3); scan < e; scan++) {
-        if (old.child(scan) == child) {
-          j2 = scan + 1;
-          offset2 += child.nodeSize;
-          continue outer;
-        }
+      for (let scan = j2, e = Math.min(oldSize, i2 + 3); scan < e; scan++) if (old.child(scan) == child) {
+        j2 = scan + 1;
+        offset2 += child.nodeSize;
+        continue outer;
       }
       f2(child, offset2);
-      if (j2 < oldSize && old.child(j2).sameMarkup(child))
-        changedDescendants(old.child(j2), child, offset2 + 1, f2);
+      if (j2 < oldSize && old.child(j2).sameMarkup(child)) changedDescendants(old.child(j2), child, offset2 + 1, f2);
       else child.nodesBetween(0, child.content.size, f2, offset2 + 1);
       offset2 += child.nodeSize;
     }
@@ -91027,12 +91942,10 @@ ${l}
   function fixTables(state2, oldState) {
     let tr;
     const check = (node2, pos) => {
-      if (node2.type.spec.tableRole == "table")
-        tr = fixTable(state2, node2, pos, tr);
+      if (node2.type.spec.tableRole == "table") tr = fixTable(state2, node2, pos, tr);
     };
     if (!oldState) state2.doc.descendants(check);
-    else if (oldState.doc != state2.doc)
-      changedDescendants(oldState.doc, state2.doc, 0, check);
+    else if (oldState.doc != state2.doc) changedDescendants(oldState.doc, state2.doc, 0, check);
     return tr;
   }
   function fixTable(state2, table2, tablePos, tr) {
@@ -91048,14 +91961,9 @@ ${l}
         if (!cell2) continue;
         const attrs = cell2.attrs;
         for (let j2 = 0; j2 < attrs.rowspan; j2++) mustAdd[prob.row + j2] += prob.n;
-        tr.setNodeMarkup(
-          tr.mapping.map(tablePos + 1 + prob.pos),
-          null,
-          removeColSpan(attrs, attrs.colspan - prob.n, prob.n)
-        );
-      } else if (prob.type == "missing") {
-        mustAdd[prob.row] += prob.n;
-      } else if (prob.type == "overlong_rowspan") {
+        tr.setNodeMarkup(tr.mapping.map(tablePos + 1 + prob.pos), null, removeColSpan(attrs, attrs.colspan - prob.n, prob.n));
+      } else if (prob.type == "missing") mustAdd[prob.row] += prob.n;
+      else if (prob.type == "overlong_rowspan") {
         const cell2 = table2.nodeAt(prob.pos);
         if (!cell2) continue;
         tr.setNodeMarkup(tr.mapping.map(tablePos + 1 + prob.pos), null, {
@@ -91075,20 +91983,17 @@ ${l}
       }
     }
     let first2, last;
-    for (let i2 = 0; i2 < mustAdd.length; i2++)
-      if (mustAdd[i2]) {
-        if (first2 == null) first2 = i2;
-        last = i2;
-      }
+    for (let i2 = 0; i2 < mustAdd.length; i2++) if (mustAdd[i2]) {
+      if (first2 == null) first2 = i2;
+      last = i2;
+    }
     for (let i2 = 0, pos = tablePos + 1; i2 < map2.height; i2++) {
       const row2 = table2.child(i2);
       const end2 = pos + row2.nodeSize;
       const add = mustAdd[i2];
       if (add > 0) {
         let role = "cell";
-        if (row2.firstChild) {
-          role = row2.firstChild.type.spec.tableRole;
-        }
+        if (row2.firstChild) role = row2.firstChild.type.spec.tableRole;
         const nodes = [];
         for (let j2 = 0; j2 < add; j2++) {
           const node2 = tableNodeTypes(state2.schema)[role].createAndFill();
@@ -91107,27 +92012,22 @@ ${l}
     const table2 = $pos.node(-1);
     const tableStart = $pos.start(-1);
     const map2 = TableMap.get(table2);
-    const rect = sel instanceof CellSelection ? map2.rectBetween(
-      sel.$anchorCell.pos - tableStart,
-      sel.$headCell.pos - tableStart
-    ) : map2.findCell($pos.pos - tableStart);
-    return { ...rect, tableStart, map: map2, table: table2 };
+    return {
+      ...sel instanceof CellSelection ? map2.rectBetween(sel.$anchorCell.pos - tableStart, sel.$headCell.pos - tableStart) : map2.findCell($pos.pos - tableStart),
+      tableStart,
+      map: map2,
+      table: table2
+    };
   }
   function addColumn(tr, { map: map2, tableStart, table: table2 }, col) {
     let refColumn = col > 0 ? -1 : 0;
-    if (columnIsHeader(map2, table2, col + refColumn)) {
-      refColumn = col == 0 || col == map2.width ? null : 0;
-    }
+    if (columnIsHeader(map2, table2, col + refColumn)) refColumn = col == 0 || col == map2.width ? null : 0;
     for (let row2 = 0; row2 < map2.height; row2++) {
       const index2 = row2 * map2.width + col;
       if (col > 0 && col < map2.width && map2.map[index2 - 1] == map2.map[index2]) {
         const pos = map2.map[index2];
         const cell2 = table2.nodeAt(pos);
-        tr.setNodeMarkup(
-          tr.mapping.map(tableStart + pos),
-          null,
-          addColSpan(cell2.attrs, col - map2.colCount(pos))
-        );
+        tr.setNodeMarkup(tr.mapping.map(tableStart + pos), null, addColSpan(cell2.attrs, col - map2.colCount(pos)));
         row2 += cell2.attrs.rowspan - 1;
       } else {
         const type2 = refColumn == null ? tableNodeTypes(table2.type.schema).cell : table2.nodeAt(map2.map[index2 + refColumn]).type;
@@ -91160,13 +92060,8 @@ ${l}
       const pos = map2.map[index2];
       const cell2 = table2.nodeAt(pos);
       const attrs = cell2.attrs;
-      if (col > 0 && map2.map[index2 - 1] == pos || col < map2.width - 1 && map2.map[index2 + 1] == pos) {
-        tr.setNodeMarkup(
-          tr.mapping.slice(mapStart).map(tableStart + pos),
-          null,
-          removeColSpan(attrs, col - map2.colCount(pos))
-        );
-      } else {
+      if (col > 0 && map2.map[index2 - 1] == pos || col < map2.width - 1 && map2.map[index2 + 1] == pos) tr.setNodeMarkup(tr.mapping.slice(mapStart).map(tableStart + pos), null, removeColSpan(attrs, col - map2.colCount(pos)));
+      else {
         const start2 = tr.mapping.slice(mapStart).map(tableStart + pos);
         tr.delete(start2, start2 + cell2.nodeSize);
       }
@@ -91183,9 +92078,7 @@ ${l}
         removeColumn(tr, rect, i2);
         if (i2 == rect.left) break;
         const table2 = rect.tableStart ? tr.doc.nodeAt(rect.tableStart - 1) : tr.doc;
-        if (!table2) {
-          throw RangeError("No table found");
-        }
+        if (!table2) throw new RangeError("No table found");
         rect.table = table2;
         rect.map = TableMap.get(table2);
       }
@@ -91194,35 +92087,30 @@ ${l}
     return true;
   }
   function rowIsHeader(map2, table2, row2) {
-    var _a2;
+    var _table$nodeAt;
     const headerCell = tableNodeTypes(table2.type.schema).header_cell;
-    for (let col = 0; col < map2.width; col++)
-      if (((_a2 = table2.nodeAt(map2.map[col + row2 * map2.width])) == null ? void 0 : _a2.type) != headerCell)
-        return false;
+    for (let col = 0; col < map2.width; col++) if (((_table$nodeAt = table2.nodeAt(map2.map[col + row2 * map2.width])) === null || _table$nodeAt === void 0 ? void 0 : _table$nodeAt.type) != headerCell) return false;
     return true;
   }
   function addRow(tr, { map: map2, tableStart, table: table2 }, row2) {
-    var _a2;
     let rowPos = tableStart;
     for (let i2 = 0; i2 < row2; i2++) rowPos += table2.child(i2).nodeSize;
     const cells = [];
     let refRow = row2 > 0 ? -1 : 0;
-    if (rowIsHeader(map2, table2, row2 + refRow))
-      refRow = row2 == 0 || row2 == map2.height ? null : 0;
-    for (let col = 0, index2 = map2.width * row2; col < map2.width; col++, index2++) {
-      if (row2 > 0 && row2 < map2.height && map2.map[index2] == map2.map[index2 - map2.width]) {
-        const pos = map2.map[index2];
-        const attrs = table2.nodeAt(pos).attrs;
-        tr.setNodeMarkup(tableStart + pos, null, {
-          ...attrs,
-          rowspan: attrs.rowspan + 1
-        });
-        col += attrs.colspan - 1;
-      } else {
-        const type2 = refRow == null ? tableNodeTypes(table2.type.schema).cell : (_a2 = table2.nodeAt(map2.map[index2 + refRow * map2.width])) == null ? void 0 : _a2.type;
-        const node2 = type2 == null ? void 0 : type2.createAndFill();
-        if (node2) cells.push(node2);
-      }
+    if (rowIsHeader(map2, table2, row2 + refRow)) refRow = row2 == 0 || row2 == map2.height ? null : 0;
+    for (let col = 0, index2 = map2.width * row2; col < map2.width; col++, index2++) if (row2 > 0 && row2 < map2.height && map2.map[index2] == map2.map[index2 - map2.width]) {
+      const pos = map2.map[index2];
+      const attrs = table2.nodeAt(pos).attrs;
+      tr.setNodeMarkup(tableStart + pos, null, {
+        ...attrs,
+        rowspan: attrs.rowspan + 1
+      });
+      col += attrs.colspan - 1;
+    } else {
+      var _table$nodeAt2;
+      const type2 = refRow == null ? tableNodeTypes(table2.type.schema).cell : (_table$nodeAt2 = table2.nodeAt(map2.map[index2 + refRow * map2.width])) === null || _table$nodeAt2 === void 0 ? void 0 : _table$nodeAt2.type;
+      const node2 = type2 === null || type2 === void 0 ? void 0 : type2.createAndFill();
+      if (node2) cells.push(node2);
     }
     tr.insert(rowPos, tableNodeTypes(table2.type.schema).row.create(null, cells));
     return tr;
@@ -91264,10 +92152,10 @@ ${l}
       } else if (row2 < map2.height && pos == map2.map[index2 + map2.width]) {
         const cell2 = table2.nodeAt(pos);
         const attrs = cell2.attrs;
-        const copy2 = cell2.type.create(
-          { ...attrs, rowspan: cell2.attrs.rowspan - 1 },
-          cell2.content
-        );
+        const copy2 = cell2.type.create({
+          ...attrs,
+          rowspan: cell2.attrs.rowspan - 1
+        }, cell2.content);
         const newPos = map2.positionAt(row2 + 1, col, table2);
         tr.insert(tr.mapping.slice(mapFrom).map(tableStart + newPos), copy2);
         col += attrs.colspan - 1;
@@ -91283,9 +92171,7 @@ ${l}
         removeRow(tr, rect, i2);
         if (i2 == rect.top) break;
         const table2 = rect.tableStart ? tr.doc.nodeAt(rect.tableStart - 1) : tr.doc;
-        if (!table2) {
-          throw RangeError("No table found");
-        }
+        if (!table2) throw new RangeError("No table found");
         rect.table = table2;
         rect.map = TableMap.get(rect.table);
       }
@@ -91301,14 +92187,12 @@ ${l}
     let indexTop = rect.top * width + rect.left, indexLeft = indexTop;
     let indexBottom = (rect.bottom - 1) * width + rect.left, indexRight = indexTop + (rect.right - rect.left - 1);
     for (let i2 = rect.top; i2 < rect.bottom; i2++) {
-      if (rect.left > 0 && map2[indexLeft] == map2[indexLeft - 1] || rect.right < width && map2[indexRight] == map2[indexRight + 1])
-        return true;
+      if (rect.left > 0 && map2[indexLeft] == map2[indexLeft - 1] || rect.right < width && map2[indexRight] == map2[indexRight + 1]) return true;
       indexLeft += width;
       indexRight += width;
     }
     for (let i2 = rect.left; i2 < rect.right; i2++) {
-      if (rect.top > 0 && map2[indexTop] == map2[indexTop - width] || rect.bottom < height && map2[indexBottom] == map2[indexBottom + width])
-        return true;
+      if (rect.top > 0 && map2[indexTop] == map2[indexTop - width] || rect.bottom < height && map2[indexBottom] == map2[indexBottom + width]) return true;
       indexTop++;
       indexBottom++;
     }
@@ -91316,8 +92200,7 @@ ${l}
   }
   function mergeCells(state2, dispatch) {
     const sel = state2.selection;
-    if (!(sel instanceof CellSelection) || sel.$anchorCell.pos == sel.$headCell.pos)
-      return false;
+    if (!(sel instanceof CellSelection) || sel.$anchorCell.pos == sel.$headCell.pos) return false;
     const rect = selectedRect(state2), { map: map2 } = rect;
     if (cellsOverlapRectangle(map2, rect)) return false;
     if (dispatch) {
@@ -91326,41 +92209,31 @@ ${l}
       let content2 = Fragment$1.empty;
       let mergedPos;
       let mergedCell;
-      for (let row2 = rect.top; row2 < rect.bottom; row2++) {
-        for (let col = rect.left; col < rect.right; col++) {
-          const cellPos = map2.map[row2 * map2.width + col];
-          const cell2 = rect.table.nodeAt(cellPos);
-          if (seen[cellPos] || !cell2) continue;
-          seen[cellPos] = true;
-          if (mergedPos == null) {
-            mergedPos = cellPos;
-            mergedCell = cell2;
-          } else {
-            if (!isEmpty(cell2)) content2 = content2.append(cell2.content);
-            const mapped = tr.mapping.map(cellPos + rect.tableStart);
-            tr.delete(mapped, mapped + cell2.nodeSize);
-          }
+      for (let row2 = rect.top; row2 < rect.bottom; row2++) for (let col = rect.left; col < rect.right; col++) {
+        const cellPos = map2.map[row2 * map2.width + col];
+        const cell2 = rect.table.nodeAt(cellPos);
+        if (seen[cellPos] || !cell2) continue;
+        seen[cellPos] = true;
+        if (mergedPos == null) {
+          mergedPos = cellPos;
+          mergedCell = cell2;
+        } else {
+          if (!isEmpty(cell2)) content2 = content2.append(cell2.content);
+          const mapped = tr.mapping.map(cellPos + rect.tableStart);
+          tr.delete(mapped, mapped + cell2.nodeSize);
         }
       }
-      if (mergedPos == null || mergedCell == null) {
-        return true;
-      }
+      if (mergedPos == null || mergedCell == null) return true;
       tr.setNodeMarkup(mergedPos + rect.tableStart, null, {
-        ...addColSpan(
-          mergedCell.attrs,
-          mergedCell.attrs.colspan,
-          rect.right - rect.left - mergedCell.attrs.colspan
-        ),
+        ...addColSpan(mergedCell.attrs, mergedCell.attrs.colspan, rect.right - rect.left - mergedCell.attrs.colspan),
         rowspan: rect.bottom - rect.top
       });
-      if (content2.size) {
+      if (content2.size > 0) {
         const end2 = mergedPos + 1 + mergedCell.content.size;
         const start2 = isEmpty(mergedCell) ? mergedPos + 1 : end2;
         tr.replaceWith(start2 + rect.tableStart, end2 + rect.tableStart, content2);
       }
-      tr.setSelection(
-        new CellSelection(tr.doc.resolve(mergedPos + rect.tableStart))
-      );
+      tr.setSelection(new CellSelection(tr.doc.resolve(mergedPos + rect.tableStart)));
       dispatch(tr);
     }
     return true;
@@ -91373,63 +92246,57 @@ ${l}
   }
   function splitCellWithType(getCellType2) {
     return (state2, dispatch) => {
-      var _a2;
       const sel = state2.selection;
       let cellNode;
       let cellPos;
       if (!(sel instanceof CellSelection)) {
+        var _cellAround;
         cellNode = cellWrapping$1(sel.$from);
         if (!cellNode) return false;
-        cellPos = (_a2 = cellAround$1(sel.$from)) == null ? void 0 : _a2.pos;
+        cellPos = (_cellAround = cellAround$1(sel.$from)) === null || _cellAround === void 0 ? void 0 : _cellAround.pos;
       } else {
         if (sel.$anchorCell.pos != sel.$headCell.pos) return false;
         cellNode = sel.$anchorCell.nodeAfter;
         cellPos = sel.$anchorCell.pos;
       }
-      if (cellNode == null || cellPos == null) {
-        return false;
-      }
-      if (cellNode.attrs.colspan == 1 && cellNode.attrs.rowspan == 1) {
-        return false;
-      }
+      if (cellNode == null || cellPos == null) return false;
+      if (cellNode.attrs.colspan == 1 && cellNode.attrs.rowspan == 1) return false;
       if (dispatch) {
         let baseAttrs = cellNode.attrs;
         const attrs = [];
         const colwidth = baseAttrs.colwidth;
-        if (baseAttrs.rowspan > 1) baseAttrs = { ...baseAttrs, rowspan: 1 };
-        if (baseAttrs.colspan > 1) baseAttrs = { ...baseAttrs, colspan: 1 };
+        if (baseAttrs.rowspan > 1) baseAttrs = {
+          ...baseAttrs,
+          rowspan: 1
+        };
+        if (baseAttrs.colspan > 1) baseAttrs = {
+          ...baseAttrs,
+          colspan: 1
+        };
         const rect = selectedRect(state2), tr = state2.tr;
-        for (let i2 = 0; i2 < rect.right - rect.left; i2++)
-          attrs.push(
-            colwidth ? {
-              ...baseAttrs,
-              colwidth: colwidth && colwidth[i2] ? [colwidth[i2]] : null
-            } : baseAttrs
-          );
+        for (let i2 = 0; i2 < rect.right - rect.left; i2++) attrs.push(colwidth ? {
+          ...baseAttrs,
+          colwidth: colwidth && colwidth[i2] ? [colwidth[i2]] : null
+        } : baseAttrs);
         let lastCell;
         for (let row2 = rect.top; row2 < rect.bottom; row2++) {
           let pos = rect.map.positionAt(row2, rect.left, rect.table);
           if (row2 == rect.top) pos += cellNode.nodeSize;
           for (let col = rect.left, i2 = 0; col < rect.right; col++, i2++) {
             if (col == rect.left && row2 == rect.top) continue;
-            tr.insert(
-              lastCell = tr.mapping.map(pos + rect.tableStart, 1),
-              getCellType2({ node: cellNode, row: row2, col }).createAndFill(attrs[i2])
-            );
-          }
-        }
-        tr.setNodeMarkup(
-          cellPos,
-          getCellType2({ node: cellNode, row: rect.top, col: rect.left }),
-          attrs[0]
-        );
-        if (sel instanceof CellSelection)
-          tr.setSelection(
-            new CellSelection(
-              tr.doc.resolve(sel.$anchorCell.pos),
-              lastCell ? tr.doc.resolve(lastCell) : void 0
-            )
-          );
+            tr.insert(lastCell = tr.mapping.map(pos + rect.tableStart, 1), getCellType2({
+              node: cellNode,
+              row: row2,
+              col
+            }).createAndFill(attrs[i2]));
+          }
+        }
+        tr.setNodeMarkup(cellPos, getCellType2({
+          node: cellNode,
+          row: rect.top,
+          col: rect.left
+        }), attrs[0]);
+        if (sel instanceof CellSelection) tr.setSelection(new CellSelection(tr.doc.resolve(sel.$anchorCell.pos), lastCell ? tr.doc.resolve(lastCell) : void 0));
         dispatch(tr);
       }
       return true;
@@ -91442,19 +92309,16 @@ ${l}
       if ($cell.nodeAfter.attrs[name] === value) return false;
       if (dispatch) {
         const tr = state2.tr;
-        if (state2.selection instanceof CellSelection)
-          state2.selection.forEachCell((node2, pos) => {
-            if (node2.attrs[name] !== value)
-              tr.setNodeMarkup(pos, null, {
-                ...node2.attrs,
-                [name]: value
-              });
-          });
-        else
-          tr.setNodeMarkup($cell.pos, null, {
-            ...$cell.nodeAfter.attrs,
+        if (state2.selection instanceof CellSelection) state2.selection.forEachCell((node2, pos) => {
+          if (node2.attrs[name] !== value) tr.setNodeMarkup(pos, null, {
+            ...node2.attrs,
             [name]: value
           });
+        });
+        else tr.setNodeMarkup($cell.pos, null, {
+          ...$cell.nodeAfter.attrs,
+          [name]: value
+        });
         dispatch(tr);
       }
       return true;
@@ -91466,34 +92330,20 @@ ${l}
       if (dispatch) {
         const types2 = tableNodeTypes(state2.schema);
         const rect = selectedRect(state2), tr = state2.tr;
-        const cells = rect.map.cellsInRect(
-          type2 == "column" ? {
-            left: rect.left,
-            top: 0,
-            right: rect.right,
-            bottom: rect.map.height
-          } : type2 == "row" ? {
-            left: 0,
-            top: rect.top,
-            right: rect.map.width,
-            bottom: rect.bottom
-          } : rect
-        );
+        const cells = rect.map.cellsInRect(type2 == "column" ? {
+          left: rect.left,
+          top: 0,
+          right: rect.right,
+          bottom: rect.map.height
+        } : type2 == "row" ? {
+          left: 0,
+          top: rect.top,
+          right: rect.map.width,
+          bottom: rect.bottom
+        } : rect);
         const nodes = cells.map((pos) => rect.table.nodeAt(pos));
-        for (let i2 = 0; i2 < cells.length; i2++)
-          if (nodes[i2].type == types2.header_cell)
-            tr.setNodeMarkup(
-              rect.tableStart + cells[i2],
-              types2.cell,
-              nodes[i2].attrs
-            );
-        if (tr.steps.length == 0)
-          for (let i2 = 0; i2 < cells.length; i2++)
-            tr.setNodeMarkup(
-              rect.tableStart + cells[i2],
-              types2.header_cell,
-              nodes[i2].attrs
-            );
+        for (let i2 = 0; i2 < cells.length; i2++) if (nodes[i2].type == types2.header_cell) tr.setNodeMarkup(rect.tableStart + cells[i2], types2.cell, nodes[i2].attrs);
+        if (tr.steps.length === 0) for (let i2 = 0; i2 < cells.length; i2++) tr.setNodeMarkup(rect.tableStart + cells[i2], types2.header_cell, nodes[i2].attrs);
         dispatch(tr);
       }
       return true;
@@ -91508,9 +92358,7 @@ ${l}
     });
     for (let i2 = 0; i2 < cellPositions.length; i2++) {
       const cell2 = rect.table.nodeAt(cellPositions[i2]);
-      if (cell2 && cell2.type !== types2.header_cell) {
-        return false;
-      }
+      if (cell2 && cell2.type !== types2.header_cell) return false;
     }
     return true;
   }
@@ -91523,13 +92371,8 @@ ${l}
         const types2 = tableNodeTypes(state2.schema);
         const rect = selectedRect(state2), tr = state2.tr;
         const isHeaderRowEnabled = isHeaderEnabledByType("row", rect, types2);
-        const isHeaderColumnEnabled = isHeaderEnabledByType(
-          "column",
-          rect,
-          types2
-        );
-        const isHeaderEnabled = type2 === "column" ? isHeaderRowEnabled : type2 === "row" ? isHeaderColumnEnabled : false;
-        const selectionStartsAt = isHeaderEnabled ? 1 : 0;
+        const isHeaderColumnEnabled = isHeaderEnabledByType("column", rect, types2);
+        const selectionStartsAt = (type2 === "column" ? isHeaderRowEnabled : type2 === "row" ? isHeaderColumnEnabled : false) ? 1 : 0;
         const cellsRect = type2 == "column" ? {
           left: 0,
           top: selectionStartsAt,
@@ -91545,24 +92388,16 @@ ${l}
         rect.map.cellsInRect(cellsRect).forEach((relativeCellPos) => {
           const cellPos = relativeCellPos + rect.tableStart;
           const cell2 = tr.doc.nodeAt(cellPos);
-          if (cell2) {
-            tr.setNodeMarkup(cellPos, newType, cell2.attrs);
-          }
+          if (cell2) tr.setNodeMarkup(cellPos, newType, cell2.attrs);
         });
         dispatch(tr);
       }
       return true;
     };
   }
-  toggleHeader("row", {
-    useDeprecatedLogic: true
-  });
-  toggleHeader("column", {
-    useDeprecatedLogic: true
-  });
-  var toggleHeaderCell = toggleHeader("cell", {
-    useDeprecatedLogic: true
-  });
+  toggleHeader("row", { useDeprecatedLogic: true });
+  toggleHeader("column", { useDeprecatedLogic: true });
+  const toggleHeaderCell = toggleHeader("cell", { useDeprecatedLogic: true });
   function findNextCell($cell, dir) {
     if (dir < 0) {
       const before = $cell.nodeBefore;
@@ -91570,15 +92405,11 @@ ${l}
       for (let row2 = $cell.index(-1) - 1, rowEnd = $cell.before(); row2 >= 0; row2--) {
         const rowNode = $cell.node(-1).child(row2);
         const lastChild = rowNode.lastChild;
-        if (lastChild) {
-          return rowEnd - 1 - lastChild.nodeSize;
-        }
+        if (lastChild) return rowEnd - 1 - lastChild.nodeSize;
         rowEnd -= rowNode.nodeSize;
       }
     } else {
-      if ($cell.index() < $cell.parent.childCount - 1) {
-        return $cell.pos + $cell.nodeAfter.nodeSize;
-      }
+      if ($cell.index() < $cell.parent.childCount - 1) return $cell.pos + $cell.nodeAfter.nodeSize;
       const table2 = $cell.node(-1);
       for (let row2 = $cell.indexAfter(-1), rowStart = $cell.after(); row2 < table2.childCount; row2++) {
         const rowNode = table2.child(row2);
@@ -91595,24 +92426,16 @@ ${l}
       if (cell2 == null) return false;
       if (dispatch) {
         const $cell = state2.doc.resolve(cell2);
-        dispatch(
-          state2.tr.setSelection(TextSelection$1.between($cell, moveCellForward($cell))).scrollIntoView()
-        );
+        dispatch(state2.tr.setSelection(TextSelection$1.between($cell, moveCellForward($cell))).scrollIntoView());
       }
       return true;
     };
   }
   function deleteTable(state2, dispatch) {
     const $pos = state2.selection.$anchor;
-    for (let d2 = $pos.depth; d2 > 0; d2--) {
-      const node2 = $pos.node(d2);
-      if (node2.type.spec.tableRole == "table") {
-        if (dispatch)
-          dispatch(
-            state2.tr.delete($pos.before(d2), $pos.after(d2)).scrollIntoView()
-          );
-        return true;
-      }
+    for (let d2 = $pos.depth; d2 > 0; d2--) if ($pos.node(d2).type.spec.tableRole == "table") {
+      if (dispatch) dispatch(state2.tr.delete($pos.before(d2), $pos.after(d2)).scrollIntoView());
+      return true;
     }
     return false;
   }
@@ -91623,19 +92446,14 @@ ${l}
       const tr = state2.tr;
       const baseContent = tableNodeTypes(state2.schema).cell.createAndFill().content;
       sel.forEachCell((cell2, pos) => {
-        if (!cell2.content.eq(baseContent))
-          tr.replace(
-            tr.mapping.map(pos + 1),
-            tr.mapping.map(pos + cell2.nodeSize - 1),
-            new Slice(baseContent, 0, 0)
-          );
+        if (!cell2.content.eq(baseContent)) tr.replace(tr.mapping.map(pos + 1), tr.mapping.map(pos + cell2.nodeSize - 1), new Slice(baseContent, 0, 0));
       });
       if (tr.docChanged) dispatch(tr);
     }
     return true;
   }
   function pastedCells(slice2) {
-    if (!slice2.size) return null;
+    if (slice2.size === 0) return null;
     let { content: content2, openStart, openEnd } = slice2;
     while (content2.childCount == 1 && (openStart > 0 && openEnd > 0 || content2.child(0).type.spec.tableRole == "table")) {
       openStart--;
@@ -91645,28 +92463,15 @@ ${l}
     const first2 = content2.child(0);
     const role = first2.type.spec.tableRole;
     const schema = first2.type.schema, rows = [];
-    if (role == "row") {
-      for (let i2 = 0; i2 < content2.childCount; i2++) {
-        let cells = content2.child(i2).content;
-        const left2 = i2 ? 0 : Math.max(0, openStart - 1);
-        const right2 = i2 < content2.childCount - 1 ? 0 : Math.max(0, openEnd - 1);
-        if (left2 || right2)
-          cells = fitSlice(
-            tableNodeTypes(schema).row,
-            new Slice(cells, left2, right2)
-          ).content;
-        rows.push(cells);
-      }
-    } else if (role == "cell" || role == "header_cell") {
-      rows.push(
-        openStart || openEnd ? fitSlice(
-          tableNodeTypes(schema).row,
-          new Slice(content2, openStart, openEnd)
-        ).content : content2
-      );
-    } else {
-      return null;
-    }
+    if (role == "row") for (let i2 = 0; i2 < content2.childCount; i2++) {
+      let cells = content2.child(i2).content;
+      const left2 = i2 ? 0 : Math.max(0, openStart - 1);
+      const right2 = i2 < content2.childCount - 1 ? 0 : Math.max(0, openEnd - 1);
+      if (left2 || right2) cells = fitSlice(tableNodeTypes(schema).row, new Slice(cells, left2, right2)).content;
+      rows.push(cells);
+    }
+    else if (role == "cell" || role == "header_cell") rows.push(openStart || openEnd ? fitSlice(tableNodeTypes(schema).row, new Slice(content2, openStart, openEnd)).content : content2);
+    else return null;
     return ensureRectangular(schema, rows);
   }
   function ensureRectangular(schema, rows) {
@@ -91675,8 +92480,7 @@ ${l}
       const row2 = rows[i2];
       for (let j2 = row2.childCount - 1; j2 >= 0; j2--) {
         const { rowspan, colspan } = row2.child(j2).attrs;
-        for (let r2 = i2; r2 < i2 + rowspan; r2++)
-          widths[r2] = (widths[r2] || 0) + colspan;
+        for (let r2 = i2; r2 < i2 + rowspan; r2++) widths[r2] = (widths[r2] || 0) + colspan;
       }
     }
     let width = 0;
@@ -91686,18 +92490,19 @@ ${l}
       if (widths[r2] < width) {
         const empty2 = tableNodeTypes(schema).cell.createAndFill();
         const cells = [];
-        for (let i2 = widths[r2]; i2 < width; i2++) {
-          cells.push(empty2);
-        }
+        for (let i2 = widths[r2]; i2 < width; i2++) cells.push(empty2);
         rows[r2] = rows[r2].append(Fragment$1.from(cells));
       }
     }
-    return { height: rows.length, width, rows };
+    return {
+      height: rows.length,
+      width,
+      rows
+    };
   }
   function fitSlice(nodeType, slice2) {
     const node2 = nodeType.createAndFill();
-    const tr = new Transform(node2).replace(0, node2.content.size, slice2);
-    return tr.doc;
+    return new Transform(node2).replace(0, node2.content.size, slice2).doc;
   }
   function clipCells({ width, height, rows }, newWidth, newHeight) {
     if (width != newWidth) {
@@ -91707,19 +92512,10 @@ ${l}
         const frag = rows[row2], cells = [];
         for (let col = added[row2] || 0, i2 = 0; col < newWidth; i2++) {
           let cell2 = frag.child(i2 % frag.childCount);
-          if (col + cell2.attrs.colspan > newWidth)
-            cell2 = cell2.type.createChecked(
-              removeColSpan(
-                cell2.attrs,
-                cell2.attrs.colspan,
-                col + cell2.attrs.colspan - newWidth
-              ),
-              cell2.content
-            );
+          if (col + cell2.attrs.colspan > newWidth) cell2 = cell2.type.createChecked(removeColSpan(cell2.attrs, cell2.attrs.colspan, col + cell2.attrs.colspan - newWidth), cell2.content);
           cells.push(cell2);
           col += cell2.attrs.colspan;
-          for (let j2 = 1; j2 < cell2.attrs.rowspan; j2++)
-            added[row2 + j2] = (added[row2 + j2] || 0) + cell2.attrs.colspan;
+          for (let j2 = 1; j2 < cell2.attrs.rowspan; j2++) added[row2 + j2] = (added[row2 + j2] || 0) + cell2.attrs.colspan;
         }
         newRows.push(Fragment$1.from(cells));
       }
@@ -91732,14 +92528,10 @@ ${l}
         const cells = [], source = rows[i2 % height];
         for (let j2 = 0; j2 < source.childCount; j2++) {
           let cell2 = source.child(j2);
-          if (row2 + cell2.attrs.rowspan > newHeight)
-            cell2 = cell2.type.create(
-              {
-                ...cell2.attrs,
-                rowspan: Math.max(1, newHeight - cell2.attrs.rowspan)
-              },
-              cell2.content
-            );
+          if (row2 + cell2.attrs.rowspan > newHeight) cell2 = cell2.type.create({
+            ...cell2.attrs,
+            rowspan: Math.max(1, newHeight - cell2.attrs.rowspan)
+          }, cell2.content);
           cells.push(cell2);
         }
         newRows.push(Fragment$1.from(cells));
@@ -91747,33 +92539,32 @@ ${l}
       rows = newRows;
       height = newHeight;
     }
-    return { width, height, rows };
+    return {
+      width,
+      height,
+      rows
+    };
   }
   function growTable(tr, map2, table2, start2, width, height, mapFrom) {
     const schema = tr.doc.type.schema;
     const types2 = tableNodeTypes(schema);
     let empty2;
     let emptyHead;
-    if (width > map2.width) {
-      for (let row2 = 0, rowEnd = 0; row2 < map2.height; row2++) {
-        const rowNode = table2.child(row2);
-        rowEnd += rowNode.nodeSize;
-        const cells = [];
-        let add;
-        if (rowNode.lastChild == null || rowNode.lastChild.type == types2.cell)
-          add = empty2 || (empty2 = types2.cell.createAndFill());
-        else add = emptyHead || (emptyHead = types2.header_cell.createAndFill());
-        for (let i2 = map2.width; i2 < width; i2++) cells.push(add);
-        tr.insert(tr.mapping.slice(mapFrom).map(rowEnd - 1 + start2), cells);
-      }
+    if (width > map2.width) for (let row2 = 0, rowEnd = 0; row2 < map2.height; row2++) {
+      const rowNode = table2.child(row2);
+      rowEnd += rowNode.nodeSize;
+      const cells = [];
+      let add;
+      if (rowNode.lastChild == null || rowNode.lastChild.type == types2.cell) add = empty2 || (empty2 = types2.cell.createAndFill());
+      else add = emptyHead || (emptyHead = types2.header_cell.createAndFill());
+      for (let i2 = map2.width; i2 < width; i2++) cells.push(add);
+      tr.insert(tr.mapping.slice(mapFrom).map(rowEnd - 1 + start2), cells);
     }
     if (height > map2.height) {
       const cells = [];
-      for (let i2 = 0, start22 = (map2.height - 1) * map2.width; i2 < Math.max(map2.width, width); i2++) {
-        const header = i2 >= map2.width ? false : table2.nodeAt(map2.map[start22 + i2]).type == types2.header_cell;
-        cells.push(
-          header ? emptyHead || (emptyHead = types2.header_cell.createAndFill()) : empty2 || (empty2 = types2.cell.createAndFill())
-        );
+      for (let i2 = 0, start$1 = (map2.height - 1) * map2.width; i2 < Math.max(map2.width, width); i2++) {
+        const header = i2 >= map2.width ? false : table2.nodeAt(map2.map[start$1 + i2]).type == types2.header_cell;
+        cells.push(header ? emptyHead || (emptyHead = types2.header_cell.createAndFill()) : empty2 || (empty2 = types2.cell.createAndFill()));
       }
       const emptyRow = types2.row.create(null, Fragment$1.from(cells)), rows = [];
       for (let i2 = map2.height; i2 < height; i2++) rows.push(emptyRow);
@@ -91794,13 +92585,10 @@ ${l}
           ...cell2.attrs,
           rowspan: top2 - cellTop
         });
-        tr.insert(
-          tr.mapping.slice(mapFrom).map(map2.positionAt(top2, cellLeft, table2)),
-          cell2.type.createAndFill({
-            ...cell2.attrs,
-            rowspan: cellTop + cell2.attrs.rowspan - top2
-          })
-        );
+        tr.insert(tr.mapping.slice(mapFrom).map(map2.positionAt(top2, cellLeft, table2)), cell2.type.createAndFill({
+          ...cell2.attrs,
+          rowspan: cellTop + cell2.attrs.rowspan - top2
+        }));
         col += cell2.attrs.colspan - 1;
       }
     }
@@ -91816,21 +92604,8 @@ ${l}
         const cell2 = table2.nodeAt(pos);
         const cellLeft = map2.colCount(pos);
         const updatePos = tr.mapping.slice(mapFrom).map(pos + start2);
-        tr.setNodeMarkup(
-          updatePos,
-          null,
-          removeColSpan(
-            cell2.attrs,
-            left2 - cellLeft,
-            cell2.attrs.colspan - (left2 - cellLeft)
-          )
-        );
-        tr.insert(
-          updatePos + cell2.nodeSize,
-          cell2.type.createAndFill(
-            removeColSpan(cell2.attrs, 0, left2 - cellLeft)
-          )
-        );
+        tr.setNodeMarkup(updatePos, null, removeColSpan(cell2.attrs, left2 - cellLeft, cell2.attrs.colspan - (left2 - cellLeft)));
+        tr.insert(updatePos + cell2.nodeSize, cell2.type.createAndFill(removeColSpan(cell2.attrs, 0, left2 - cellLeft)));
         row2 += cell2.attrs.rowspan - 1;
       }
     }
@@ -91838,9 +92613,7 @@ ${l}
   }
   function insertCells(state2, dispatch, tableStart, rect, cells) {
     let table2 = tableStart ? state2.doc.nodeAt(tableStart - 1) : state2.doc;
-    if (!table2) {
-      throw new Error("No table found");
-    }
+    if (!table2) throw new Error("No table found");
     let map2 = TableMap.get(table2);
     const { top: top2, left: left2 } = rect;
     const right2 = left2 + cells.width, bottom2 = top2 + cells.height;
@@ -91848,39 +92621,24 @@ ${l}
     let mapFrom = 0;
     function recomp() {
       table2 = tableStart ? tr.doc.nodeAt(tableStart - 1) : tr.doc;
-      if (!table2) {
-        throw new Error("No table found");
-      }
+      if (!table2) throw new Error("No table found");
       map2 = TableMap.get(table2);
       mapFrom = tr.mapping.maps.length;
     }
     if (growTable(tr, map2, table2, tableStart, right2, bottom2, mapFrom)) recomp();
-    if (isolateHorizontal(tr, map2, table2, tableStart, left2, right2, top2, mapFrom))
-      recomp();
-    if (isolateHorizontal(tr, map2, table2, tableStart, left2, right2, bottom2, mapFrom))
-      recomp();
-    if (isolateVertical(tr, map2, table2, tableStart, top2, bottom2, left2, mapFrom))
-      recomp();
-    if (isolateVertical(tr, map2, table2, tableStart, top2, bottom2, right2, mapFrom))
-      recomp();
+    if (isolateHorizontal(tr, map2, table2, tableStart, left2, right2, top2, mapFrom)) recomp();
+    if (isolateHorizontal(tr, map2, table2, tableStart, left2, right2, bottom2, mapFrom)) recomp();
+    if (isolateVertical(tr, map2, table2, tableStart, top2, bottom2, left2, mapFrom)) recomp();
+    if (isolateVertical(tr, map2, table2, tableStart, top2, bottom2, right2, mapFrom)) recomp();
     for (let row2 = top2; row2 < bottom2; row2++) {
       const from2 = map2.positionAt(row2, left2, table2), to = map2.positionAt(row2, right2, table2);
-      tr.replace(
-        tr.mapping.slice(mapFrom).map(from2 + tableStart),
-        tr.mapping.slice(mapFrom).map(to + tableStart),
-        new Slice(cells.rows[row2 - top2], 0, 0)
-      );
+      tr.replace(tr.mapping.slice(mapFrom).map(from2 + tableStart), tr.mapping.slice(mapFrom).map(to + tableStart), new Slice(cells.rows[row2 - top2], 0, 0));
     }
     recomp();
-    tr.setSelection(
-      new CellSelection(
-        tr.doc.resolve(tableStart + map2.positionAt(top2, left2, table2)),
-        tr.doc.resolve(tableStart + map2.positionAt(bottom2 - 1, right2 - 1, table2))
-      )
-    );
+    tr.setSelection(new CellSelection(tr.doc.resolve(tableStart + map2.positionAt(top2, left2, table2)), tr.doc.resolve(tableStart + map2.positionAt(bottom2 - 1, right2 - 1, table2))));
     dispatch(tr);
   }
-  var handleKeyDown = keydownHandler({
+  const handleKeyDown = keydownHandler({
     ArrowLeft: arrow$2("horiz", -1),
     ArrowRight: arrow$2("horiz", 1),
     ArrowUp: arrow$2("vert", -1),
@@ -91903,29 +92661,17 @@ ${l}
     return (state2, dispatch, view) => {
       if (!view) return false;
       const sel = state2.selection;
-      if (sel instanceof CellSelection) {
-        return maybeSetSelection(
-          state2,
-          dispatch,
-          Selection.near(sel.$headCell, dir)
-        );
-      }
+      if (sel instanceof CellSelection) return maybeSetSelection(state2, dispatch, Selection.near(sel.$headCell, dir));
       if (axis != "horiz" && !sel.empty) return false;
       const end2 = atEndOfCell(view, axis, dir);
       if (end2 == null) return false;
-      if (axis == "horiz") {
-        return maybeSetSelection(
-          state2,
-          dispatch,
-          Selection.near(state2.doc.resolve(sel.head + dir), dir)
-        );
-      } else {
+      if (axis == "horiz") return maybeSetSelection(state2, dispatch, Selection.near(state2.doc.resolve(sel.head + dir), dir));
+      else {
         const $cell = state2.doc.resolve(end2);
         const $next = nextCell($cell, axis, dir);
         let newSel;
         if ($next) newSel = Selection.near($next, 1);
-        else if (dir < 0)
-          newSel = Selection.near(state2.doc.resolve($cell.before(-1)), -1);
+        else if (dir < 0) newSel = Selection.near(state2.doc.resolve($cell.before(-1)), -1);
         else newSel = Selection.near(state2.doc.resolve($cell.after(-1)), 1);
         return maybeSetSelection(state2, dispatch, newSel);
       }
@@ -91936,20 +92682,15 @@ ${l}
       if (!view) return false;
       const sel = state2.selection;
       let cellSel;
-      if (sel instanceof CellSelection) {
-        cellSel = sel;
-      } else {
+      if (sel instanceof CellSelection) cellSel = sel;
+      else {
         const end2 = atEndOfCell(view, axis, dir);
         if (end2 == null) return false;
         cellSel = new CellSelection(state2.doc.resolve(end2));
       }
       const $head = nextCell(cellSel.$headCell, axis, dir);
       if (!$head) return false;
-      return maybeSetSelection(
-        state2,
-        dispatch,
-        new CellSelection(cellSel.$anchorCell, $head)
-      );
+      return maybeSetSelection(state2, dispatch, new CellSelection(cellSel.$anchorCell, $head));
     };
   }
   function handleTripleClick(view, pos) {
@@ -91963,65 +92704,45 @@ ${l}
     let cells = pastedCells(slice2);
     const sel = view.state.selection;
     if (sel instanceof CellSelection) {
-      if (!cells)
-        cells = {
-          width: 1,
-          height: 1,
-          rows: [
-            Fragment$1.from(
-              fitSlice(tableNodeTypes(view.state.schema).cell, slice2)
-            )
-          ]
-        };
+      if (!cells) cells = {
+        width: 1,
+        height: 1,
+        rows: [Fragment$1.from(fitSlice(tableNodeTypes(view.state.schema).cell, slice2))]
+      };
       const table2 = sel.$anchorCell.node(-1);
       const start2 = sel.$anchorCell.start(-1);
-      const rect = TableMap.get(table2).rectBetween(
-        sel.$anchorCell.pos - start2,
-        sel.$headCell.pos - start2
-      );
+      const rect = TableMap.get(table2).rectBetween(sel.$anchorCell.pos - start2, sel.$headCell.pos - start2);
       cells = clipCells(cells, rect.right - rect.left, rect.bottom - rect.top);
       insertCells(view.state, view.dispatch, start2, rect, cells);
       return true;
     } else if (cells) {
       const $cell = selectionCell(view.state);
       const start2 = $cell.start(-1);
-      insertCells(
-        view.state,
-        view.dispatch,
-        start2,
-        TableMap.get($cell.node(-1)).findCell($cell.pos - start2),
-        cells
-      );
+      insertCells(view.state, view.dispatch, start2, TableMap.get($cell.node(-1)).findCell($cell.pos - start2), cells);
       return true;
-    } else {
-      return false;
-    }
+    } else return false;
   }
   function handleMouseDown(view, startEvent) {
-    var _a2;
+    var _cellUnderMouse;
     if (startEvent.ctrlKey || startEvent.metaKey) return;
     const startDOMCell = domInCell(view, startEvent.target);
     let $anchor;
     if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
       setCellSelection(view.state.selection.$anchorCell, startEvent);
       startEvent.preventDefault();
-    } else if (startEvent.shiftKey && startDOMCell && ($anchor = cellAround$1(view.state.selection.$anchor)) != null && ((_a2 = cellUnderMouse(view, startEvent)) == null ? void 0 : _a2.pos) != $anchor.pos) {
+    } else if (startEvent.shiftKey && startDOMCell && ($anchor = cellAround$1(view.state.selection.$anchor)) != null && ((_cellUnderMouse = cellUnderMouse(view, startEvent)) === null || _cellUnderMouse === void 0 ? void 0 : _cellUnderMouse.pos) != $anchor.pos) {
       setCellSelection($anchor, startEvent);
       startEvent.preventDefault();
-    } else if (!startDOMCell) {
-      return;
-    }
-    function setCellSelection($anchor2, event) {
+    } else if (!startDOMCell) return;
+    function setCellSelection($anchor$1, event) {
       let $head = cellUnderMouse(view, event);
       const starting = tableEditingKey.getState(view.state) == null;
-      if (!$head || !inSameTable($anchor2, $head)) {
-        if (starting) $head = $anchor2;
-        else return;
-      }
-      const selection = new CellSelection($anchor2, $head);
+      if (!$head || !inSameTable($anchor$1, $head)) if (starting) $head = $anchor$1;
+      else return;
+      const selection = new CellSelection($anchor$1, $head);
       if (starting || !view.state.selection.eq(selection)) {
         const tr = view.state.tr.setSelection(selection);
-        if (starting) tr.setMeta(tableEditingKey, $anchor2.pos);
+        if (starting) tr.setMeta(tableEditingKey, $anchor$1.pos);
         view.dispatch(tr);
       }
     }
@@ -92029,20 +92750,18 @@ ${l}
       view.root.removeEventListener("mouseup", stop);
       view.root.removeEventListener("dragstart", stop);
       view.root.removeEventListener("mousemove", move2);
-      if (tableEditingKey.getState(view.state) != null)
-        view.dispatch(view.state.tr.setMeta(tableEditingKey, -1));
+      if (tableEditingKey.getState(view.state) != null) view.dispatch(view.state.tr.setMeta(tableEditingKey, -1));
     }
     function move2(_event) {
       const event = _event;
       const anchor = tableEditingKey.getState(view.state);
-      let $anchor2;
-      if (anchor != null) {
-        $anchor2 = view.state.doc.resolve(anchor);
-      } else if (domInCell(view, event.target) != startDOMCell) {
-        $anchor2 = cellUnderMouse(view, startEvent);
-        if (!$anchor2) return stop();
+      let $anchor$1;
+      if (anchor != null) $anchor$1 = view.state.doc.resolve(anchor);
+      else if (domInCell(view, event.target) != startDOMCell) {
+        $anchor$1 = cellUnderMouse(view, startEvent);
+        if (!$anchor$1) return stop();
       }
-      if ($anchor2) setCellSelection($anchor2, event);
+      if ($anchor$1) setCellSelection($anchor$1, event);
     }
     view.root.addEventListener("mouseup", stop);
     view.root.addEventListener("dragstart", stop);
@@ -92052,8 +92771,8 @@ ${l}
     if (!(view.state.selection instanceof TextSelection$1)) return null;
     const { $head } = view.state.selection;
     for (let d2 = $head.depth - 1; d2 >= 0; d2--) {
-      const parent = $head.node(d2), index2 = dir < 0 ? $head.index(d2) : $head.indexAfter(d2);
-      if (index2 != (dir < 0 ? 0 : parent.childCount)) return null;
+      const parent = $head.node(d2);
+      if ((dir < 0 ? $head.index(d2) : $head.indexAfter(d2)) != (dir < 0 ? 0 : parent.childCount)) return null;
       if (parent.type.spec.tableRole == "cell" || parent.type.spec.tableRole == "header_cell") {
         const cellPos = $head.before(d2);
         const dirStr = axis == "vert" ? dir > 0 ? "down" : "up" : dir > 0 ? "right" : "left";
@@ -92063,11 +92782,7 @@ ${l}
     return null;
   }
   function domInCell(view, dom) {
-    for (; dom && dom != view.dom; dom = dom.parentNode) {
-      if (dom.nodeName == "TD" || dom.nodeName == "TH") {
-        return dom;
-      }
-    }
+    for (; dom && dom != view.dom; dom = dom.parentNode) if (dom.nodeName == "TD" || dom.nodeName == "TH") return dom;
     return null;
   }
   function cellUnderMouse(view, event) {
@@ -92076,7 +92791,8 @@ ${l}
       top: event.clientY
     });
     if (!mousePos) return null;
-    return mousePos ? cellAround$1(view.state.doc.resolve(mousePos.pos)) : null;
+    const pos = mousePos.inside >= 0 ? mousePos.inside : mousePos.pos;
+    return cellAround$1(view.state.doc.resolve(pos));
   }
   var TableView = class {
     constructor(node2, defaultCellMinWidth) {
@@ -92085,10 +92801,7 @@ ${l}
       this.dom = document.createElement("div");
       this.dom.className = "tableWrapper";
       this.table = this.dom.appendChild(document.createElement("table"));
-      this.table.style.setProperty(
-        "--default-cell-min-width",
-        `${defaultCellMinWidth}px`
-      );
+      this.table.style.setProperty("--default-cell-min-width", `${defaultCellMinWidth}px`);
       this.colgroup = this.table.appendChild(document.createElement("colgroup"));
       updateColumnsOnResize(node2, this.colgroup, this.table, defaultCellMinWidth);
       this.contentDOM = this.table.appendChild(document.createElement("tbody"));
@@ -92096,12 +92809,7 @@ ${l}
     update(node2) {
       if (node2.type != this.node.type) return false;
       this.node = node2;
-      updateColumnsOnResize(
-        node2,
-        this.colgroup,
-        this.table,
-        this.defaultCellMinWidth
-      );
+      updateColumnsOnResize(node2, this.colgroup, this.table, this.defaultCellMinWidth);
       return true;
     }
     ignoreMutation(record) {
@@ -92109,7 +92817,6 @@ ${l}
     }
   };
   function updateColumnsOnResize(node2, colgroup, table2, defaultCellMinWidth, overrideCol, overrideValue) {
-    var _a2;
     let totalWidth = 0;
     let fixedWidth = true;
     let nextDOM = colgroup.firstChild;
@@ -92123,20 +92830,19 @@ ${l}
         totalWidth += hasWidth || defaultCellMinWidth;
         if (!hasWidth) fixedWidth = false;
         if (!nextDOM) {
-          const col2 = document.createElement("col");
-          col2.style.width = cssWidth;
-          colgroup.appendChild(col2);
+          const col$1 = document.createElement("col");
+          col$1.style.width = cssWidth;
+          colgroup.appendChild(col$1);
         } else {
-          if (nextDOM.style.width != cssWidth) {
-            nextDOM.style.width = cssWidth;
-          }
+          if (nextDOM.style.width != cssWidth) nextDOM.style.width = cssWidth;
           nextDOM = nextDOM.nextSibling;
         }
       }
     }
     while (nextDOM) {
+      var _nextDOM$parentNode;
       const after = nextDOM.nextSibling;
-      (_a2 = nextDOM.parentNode) == null ? void 0 : _a2.removeChild(nextDOM);
+      (_nextDOM$parentNode = nextDOM.parentNode) === null || _nextDOM$parentNode === void 0 || _nextDOM$parentNode.removeChild(nextDOM);
       nextDOM = after;
     }
     if (fixedWidth) {
@@ -92147,28 +92853,18 @@ ${l}
       table2.style.minWidth = totalWidth + "px";
     }
   }
-  var columnResizingPluginKey = new PluginKey(
-    "tableColumnResizing"
-  );
-  function columnResizing({
-    handleWidth = 5,
-    cellMinWidth: cellMinWidth2 = 25,
-    defaultCellMinWidth = 100,
-    View = TableView,
-    lastColumnResizable = true
-  } = {}) {
+  const columnResizingPluginKey = new PluginKey("tableColumnResizing");
+  function columnResizing({ handleWidth = 5, cellMinWidth: cellMinWidth2 = 25, defaultCellMinWidth = 100, View = TableView, lastColumnResizable = true } = {}) {
     const plugin2 = new Plugin({
       key: columnResizingPluginKey,
       state: {
         init(_2, state2) {
-          var _a2, _b;
-          const nodeViews = (_b = (_a2 = plugin2.spec) == null ? void 0 : _a2.props) == null ? void 0 : _b.nodeViews;
+          var _plugin$spec;
+          const nodeViews = (_plugin$spec = plugin2.spec) === null || _plugin$spec === void 0 || (_plugin$spec = _plugin$spec.props) === null || _plugin$spec === void 0 ? void 0 : _plugin$spec.nodeViews;
           const tableName = tableNodeTypes(state2.schema).table.name;
-          if (View && nodeViews) {
-            nodeViews[tableName] = (node2, view) => {
-              return new View(node2, defaultCellMinWidth, view);
-            };
-          }
+          if (View && nodeViews) nodeViews[tableName] = (node2, view) => {
+            return new View(node2, defaultCellMinWidth, view);
+          };
           return new ResizeState(-1, false);
         },
         apply(tr, prev) {
@@ -92188,21 +92884,19 @@ ${l}
             handleMouseLeave(view);
           },
           mousedown: (view, event) => {
-            handleMouseDown2(view, event, cellMinWidth2, defaultCellMinWidth);
+            handleMouseDown$1(view, event, cellMinWidth2, defaultCellMinWidth);
           }
         },
         decorations: (state2) => {
           const pluginState = columnResizingPluginKey.getState(state2);
-          if (pluginState && pluginState.activeHandle > -1) {
-            return handleDecorations(state2, pluginState.activeHandle);
-          }
+          if (pluginState && pluginState.activeHandle > -1) return handleDecorations(state2, pluginState.activeHandle);
         },
         nodeViews: {}
       }
     });
     return plugin2;
   }
-  var ResizeState = class _ResizeState {
+  var ResizeState = class ResizeState2 {
     constructor(activeHandle, dragging) {
       this.activeHandle = activeHandle;
       this.dragging = dragging;
@@ -92210,16 +92904,12 @@ ${l}
     apply(tr) {
       const state2 = this;
       const action = tr.getMeta(columnResizingPluginKey);
-      if (action && action.setHandle != null)
-        return new _ResizeState(action.setHandle, false);
-      if (action && action.setDragging !== void 0)
-        return new _ResizeState(state2.activeHandle, action.setDragging);
+      if (action && action.setHandle != null) return new ResizeState2(action.setHandle, false);
+      if (action && action.setDragging !== void 0) return new ResizeState2(state2.activeHandle, action.setDragging);
       if (state2.activeHandle > -1 && tr.docChanged) {
         let handle2 = tr.mapping.map(state2.activeHandle, -1);
-        if (!pointsAtCell(tr.doc.resolve(handle2))) {
-          handle2 = -1;
-        }
-        return new _ResizeState(handle2, state2.dragging);
+        if (!pointsAtCell(tr.doc.resolve(handle2))) handle2 = -1;
+        return new ResizeState2(handle2, state2.dragging);
       }
       return state2;
     }
@@ -92233,10 +92923,8 @@ ${l}
       let cell2 = -1;
       if (target) {
         const { left: left2, right: right2 } = target.getBoundingClientRect();
-        if (event.clientX - left2 <= handleWidth)
-          cell2 = edgeCell(view, event, "left", handleWidth);
-        else if (right2 - event.clientX <= handleWidth)
-          cell2 = edgeCell(view, event, "right", handleWidth);
+        if (event.clientX - left2 <= handleWidth) cell2 = edgeCell(view, event, "left", handleWidth);
+        else if (right2 - event.clientX <= handleWidth) cell2 = edgeCell(view, event, "right", handleWidth);
       }
       if (cell2 != pluginState.activeHandle) {
         if (!lastColumnResizable && cell2 !== -1) {
@@ -92244,10 +92932,7 @@ ${l}
           const table2 = $cell.node(-1);
           const map2 = TableMap.get(table2);
           const tableStart = $cell.start(-1);
-          const col = map2.colCount($cell.pos - tableStart) + $cell.nodeAfter.attrs.colspan - 1;
-          if (col == map2.width - 1) {
-            return;
-          }
+          if (map2.colCount($cell.pos - tableStart) + $cell.nodeAfter.attrs.colspan - 1 == map2.width - 1) return;
         }
         updateHandle(view, cell2);
       }
@@ -92256,58 +92941,39 @@ ${l}
   function handleMouseLeave(view) {
     if (!view.editable) return;
     const pluginState = columnResizingPluginKey.getState(view.state);
-    if (pluginState && pluginState.activeHandle > -1 && !pluginState.dragging)
-      updateHandle(view, -1);
+    if (pluginState && pluginState.activeHandle > -1 && !pluginState.dragging) updateHandle(view, -1);
   }
-  function handleMouseDown2(view, event, cellMinWidth2, defaultCellMinWidth) {
-    var _a2;
+  function handleMouseDown$1(view, event, cellMinWidth2, defaultCellMinWidth) {
+    var _view$dom$ownerDocume;
     if (!view.editable) return false;
-    const win = (_a2 = view.dom.ownerDocument.defaultView) != null ? _a2 : window;
+    const win = (_view$dom$ownerDocume = view.dom.ownerDocument.defaultView) !== null && _view$dom$ownerDocume !== void 0 ? _view$dom$ownerDocume : window;
     const pluginState = columnResizingPluginKey.getState(view.state);
-    if (!pluginState || pluginState.activeHandle == -1 || pluginState.dragging)
-      return false;
+    if (!pluginState || pluginState.activeHandle == -1 || pluginState.dragging) return false;
     const cell2 = view.state.doc.nodeAt(pluginState.activeHandle);
     const width = currentColWidth(view, pluginState.activeHandle, cell2.attrs);
-    view.dispatch(
-      view.state.tr.setMeta(columnResizingPluginKey, {
-        setDragging: { startX: event.clientX, startWidth: width }
-      })
-    );
-    function finish(event2) {
+    view.dispatch(view.state.tr.setMeta(columnResizingPluginKey, { setDragging: {
+      startX: event.clientX,
+      startWidth: width
+    } }));
+    function finish(event$1) {
       win.removeEventListener("mouseup", finish);
       win.removeEventListener("mousemove", move2);
-      const pluginState2 = columnResizingPluginKey.getState(view.state);
-      if (pluginState2 == null ? void 0 : pluginState2.dragging) {
-        updateColumnWidth(
-          view,
-          pluginState2.activeHandle,
-          draggedWidth(pluginState2.dragging, event2, cellMinWidth2)
-        );
-        view.dispatch(
-          view.state.tr.setMeta(columnResizingPluginKey, { setDragging: null })
-        );
+      const pluginState$1 = columnResizingPluginKey.getState(view.state);
+      if (pluginState$1 === null || pluginState$1 === void 0 ? void 0 : pluginState$1.dragging) {
+        updateColumnWidth(view, pluginState$1.activeHandle, draggedWidth(pluginState$1.dragging, event$1, cellMinWidth2));
+        view.dispatch(view.state.tr.setMeta(columnResizingPluginKey, { setDragging: null }));
       }
     }
-    function move2(event2) {
-      if (!event2.which) return finish(event2);
-      const pluginState2 = columnResizingPluginKey.getState(view.state);
-      if (!pluginState2) return;
-      if (pluginState2.dragging) {
-        const dragged = draggedWidth(pluginState2.dragging, event2, cellMinWidth2);
-        displayColumnWidth(
-          view,
-          pluginState2.activeHandle,
-          dragged,
-          defaultCellMinWidth
-        );
+    function move2(event$1) {
+      if (!event$1.which) return finish(event$1);
+      const pluginState$1 = columnResizingPluginKey.getState(view.state);
+      if (!pluginState$1) return;
+      if (pluginState$1.dragging) {
+        const dragged = draggedWidth(pluginState$1.dragging, event$1, cellMinWidth2);
+        displayColumnWidth(view, pluginState$1.activeHandle, dragged, defaultCellMinWidth);
       }
     }
-    displayColumnWidth(
-      view,
-      pluginState.activeHandle,
-      width,
-      defaultCellMinWidth
-    );
+    displayColumnWidth(view, pluginState.activeHandle, width, defaultCellMinWidth);
     win.addEventListener("mouseup", finish);
     win.addEventListener("mousemove", move2);
     event.preventDefault();
@@ -92317,20 +92983,17 @@ ${l}
     const width = colwidth && colwidth[colwidth.length - 1];
     if (width) return width;
     const dom = view.domAtPos(cellPos);
-    const node2 = dom.node.childNodes[dom.offset];
-    let domWidth = node2.offsetWidth, parts = colspan;
+    let domWidth = dom.node.childNodes[dom.offset].offsetWidth, parts = colspan;
     if (colwidth) {
-      for (let i2 = 0; i2 < colspan; i2++)
-        if (colwidth[i2]) {
-          domWidth -= colwidth[i2];
-          parts--;
-        }
+      for (let i2 = 0; i2 < colspan; i2++) if (colwidth[i2]) {
+        domWidth -= colwidth[i2];
+        parts--;
+      }
     }
     return domWidth / parts;
   }
   function domCellAround(target) {
-    while (target && target.nodeName != "TD" && target.nodeName != "TH")
-      target = target.classList && target.classList.contains("ProseMirror") ? null : target.parentNode;
+    while (target && target.nodeName != "TD" && target.nodeName != "TH") target = target.classList && target.classList.contains("ProseMirror") ? null : target.parentNode;
     return target;
   }
   function edgeCell(view, event, side, handleWidth) {
@@ -92353,9 +93016,7 @@ ${l}
     return Math.max(resizeMinWidth, dragging.startWidth + offset2);
   }
   function updateHandle(view, value) {
-    view.dispatch(
-      view.state.tr.setMeta(columnResizingPluginKey, { setHandle: value })
-    );
+    view.dispatch(view.state.tr.setMeta(columnResizingPluginKey, { setHandle: value }));
   }
   function updateColumnWidth(view, cell2, width) {
     const $cell = view.state.doc.resolve(cell2);
@@ -92371,7 +93032,10 @@ ${l}
       if (attrs.colwidth && attrs.colwidth[index2] == width) continue;
       const colwidth = attrs.colwidth ? attrs.colwidth.slice() : zeroes(attrs.colspan);
       colwidth[index2] = width;
-      tr.setNodeMarkup(start2 + pos, null, { ...attrs, colwidth });
+      tr.setNodeMarkup(start2 + pos, null, {
+        ...attrs,
+        colwidth
+      });
     }
     if (tr.docChanged) view.dispatch(tr);
   }
@@ -92380,64 +93044,38 @@ ${l}
     const table2 = $cell.node(-1), start2 = $cell.start(-1);
     const col = TableMap.get(table2).colCount($cell.pos - start2) + $cell.nodeAfter.attrs.colspan - 1;
     let dom = view.domAtPos($cell.start(-1)).node;
-    while (dom && dom.nodeName != "TABLE") {
-      dom = dom.parentNode;
-    }
+    while (dom && dom.nodeName != "TABLE") dom = dom.parentNode;
     if (!dom) return;
-    updateColumnsOnResize(
-      table2,
-      dom.firstChild,
-      dom,
-      defaultCellMinWidth,
-      col,
-      width
-    );
+    updateColumnsOnResize(table2, dom.firstChild, dom, defaultCellMinWidth, col, width);
   }
   function zeroes(n) {
     return Array(n).fill(0);
   }
   function handleDecorations(state2, cell2) {
-    var _a2;
     const decorations = [];
     const $cell = state2.doc.resolve(cell2);
     const table2 = $cell.node(-1);
-    if (!table2) {
-      return DecorationSet.empty;
-    }
+    if (!table2) return DecorationSet.empty;
     const map2 = TableMap.get(table2);
     const start2 = $cell.start(-1);
     const col = map2.colCount($cell.pos - start2) + $cell.nodeAfter.attrs.colspan - 1;
     for (let row2 = 0; row2 < map2.height; row2++) {
       const index2 = col + row2 * map2.width;
       if ((col == map2.width - 1 || map2.map[index2] != map2.map[index2 + 1]) && (row2 == 0 || map2.map[index2] != map2.map[index2 - map2.width])) {
+        var _columnResizingPlugin;
         const cellPos = map2.map[index2];
         const pos = start2 + cellPos + table2.nodeAt(cellPos).nodeSize - 1;
         const dom = document.createElement("div");
         dom.className = "column-resize-handle";
-        if ((_a2 = columnResizingPluginKey.getState(state2)) == null ? void 0 : _a2.dragging) {
-          decorations.push(
-            Decoration.node(
-              start2 + cellPos,
-              start2 + cellPos + table2.nodeAt(cellPos).nodeSize,
-              {
-                class: "column-resize-dragging"
-              }
-            )
-          );
-        }
+        if ((_columnResizingPlugin = columnResizingPluginKey.getState(state2)) === null || _columnResizingPlugin === void 0 ? void 0 : _columnResizingPlugin.dragging) decorations.push(Decoration.node(start2 + cellPos, start2 + cellPos + table2.nodeAt(cellPos).nodeSize, { class: "column-resize-dragging" }));
         decorations.push(Decoration.widget(pos, dom));
       }
     }
     return DecorationSet.create(state2.doc, decorations);
   }
-  function tableEditing({
-    allowTableNodeSelection = false
-  } = {}) {
+  function tableEditing({ allowTableNodeSelection = false } = {}) {
     return new Plugin({
       key: tableEditingKey,
-      // This piece of state is used to remember when a mouse-drag
-      // cell-selection is happening, so that it can continue even as
-      // transactions (which might move its anchor cell) come in.
       state: {
         init() {
           return null;
@@ -92452,9 +93090,7 @@ ${l}
       },
       props: {
         decorations: drawCellSelection,
-        handleDOMEvents: {
-          mousedown: handleMouseDown
-        },
+        handleDOMEvents: { mousedown: handleMouseDown },
         createSelectionBetween(view) {
           return tableEditingKey.getState(view.state) != null ? view.state.selection : null;
         },
@@ -92463,11 +93099,7 @@ ${l}
         handlePaste
       },
       appendTransaction(_2, oldState, state2) {
-        return normalizeSelection(
-          state2,
-          fixTables(state2, oldState),
-          allowTableNodeSelection
-        );
+        return normalizeSelection(state2, fixTables(state2, oldState), allowTableNodeSelection);
       }
     });
   }
@@ -115690,7 +116322,7 @@ ${style2}
     };
   };
   const _hoisted_1$f$1 = ["onClick", "innerHTML", "aria-label", "onKeydown"];
-  const _sfc_main$g$1 = {
+  const _sfc_main$h$1 = {
     __name: "AlignmentButtons",
     emits: ["select"],
     setup(__props, { emit: __emit }) {
@@ -115781,14 +116413,14 @@ ${style2}
       };
     }
   };
-  const AlignmentButtons = /* @__PURE__ */ _export_sfc$1(_sfc_main$g$1, [["__scopeId", "data-v-d84f57b6"]]);
+  const AlignmentButtons = /* @__PURE__ */ _export_sfc$1(_sfc_main$h$1, [["__scopeId", "data-v-d84f57b6"]]);
   const _hoisted_1$e$1 = ["onClick", "onKeydown"];
   const _hoisted_2$9$1 = { class: "document-mode-column icon-column" };
   const _hoisted_3$7$1 = ["innerHTML"];
   const _hoisted_4$3$1 = { class: "document-mode-column text-column" };
   const _hoisted_5$2$1 = { class: "document-mode-type" };
   const _hoisted_6$1$1 = { class: "document-mode-description" };
-  const _sfc_main$f$1 = {
+  const _sfc_main$g$1 = {
     __name: "DocumentMode",
     props: {
       options: {
@@ -115868,14 +116500,14 @@ ${style2}
       };
     }
   };
-  const DocumentMode = /* @__PURE__ */ _export_sfc$1(_sfc_main$f$1, [["__scopeId", "data-v-8730b752"]]);
+  const DocumentMode = /* @__PURE__ */ _export_sfc$1(_sfc_main$g$1, [["__scopeId", "data-v-8730b752"]]);
   const _hoisted_1$d$1 = {
     key: 0,
     class: "linked-style-buttons",
     "data-editor-ui-surface": ""
   };
   const _hoisted_2$8$1 = ["onClick", "onKeydown", "aria-label"];
-  const _sfc_main$e$1 = {
+  const _sfc_main$f$1 = {
     __name: "LinkedStyle",
     props: {
       editor: {
@@ -115951,7 +116583,7 @@ ${style2}
       };
     }
   };
-  const LinkedStyle = /* @__PURE__ */ _export_sfc$1(_sfc_main$e$1, [["__scopeId", "data-v-ecb78965"]]);
+  const LinkedStyle = /* @__PURE__ */ _export_sfc$1(_sfc_main$f$1, [["__scopeId", "data-v-ecb78965"]]);
   const _hoisted_1$c$1 = {
     key: 0,
     class: "link-title"
@@ -115980,7 +116612,7 @@ ${style2}
     key: 4,
     class: "input-row go-to-anchor clickable"
   };
-  const _sfc_main$d$1 = {
+  const _sfc_main$e$1 = {
     __name: "LinkInput",
     props: {
       showInput: {
@@ -116186,12 +116818,12 @@ ${style2}
       };
     }
   };
-  const LinkInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$d$1, [["__scopeId", "data-v-ba50627b"]]);
+  const LinkInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$e$1, [["__scopeId", "data-v-ba50627b"]]);
   const _hoisted_1$b$1 = ["aria-label", "onClick", "onKeydown"];
   const _hoisted_2$6$1 = ["innerHTML"];
   const _hoisted_3$5$1 = ["innerHTML"];
   const ROW_SIZE$1 = 7;
-  const _sfc_main$c$1 = {
+  const _sfc_main$d$1 = {
     __name: "IconGridRow",
     props: {
       icons: {
@@ -116324,12 +116956,12 @@ ${style2}
       };
     }
   };
-  const IconGridRow = /* @__PURE__ */ _export_sfc$1(_sfc_main$c$1, [["__scopeId", "data-v-0f479b6c"]]);
+  const IconGridRow = /* @__PURE__ */ _export_sfc$1(_sfc_main$d$1, [["__scopeId", "data-v-0f479b6c"]]);
   const DropIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>\n';
   const _hoisted_1$a$1 = { class: "options-grid-wrap" };
   const _hoisted_2$5$1 = ["innerHTML"];
   const _hoisted_3$4$1 = { class: "option-grid-ctn" };
-  const _sfc_main$b$1 = {
+  const _sfc_main$c$1 = {
     __name: "IconGrid",
     props: {
       icons: {
@@ -116389,7 +117021,7 @@ ${style2}
       };
     }
   };
-  const IconGrid = /* @__PURE__ */ _export_sfc$1(_sfc_main$b$1, [["__scopeId", "data-v-3d19fedf"]]);
+  const IconGrid = /* @__PURE__ */ _export_sfc$1(_sfc_main$c$1, [["__scopeId", "data-v-3d19fedf"]]);
   const closeDropdown$1 = (dropdown) => {
     dropdown.expand.value = false;
   };
@@ -116501,7 +117133,7 @@ ${style2}
   const _hoisted_1$9$1 = ["data-cols", "data-rows", "onKeydown", "onClick"];
   const _hoisted_2$4$1 = ["aria-valuetext"];
   const ROW_SIZE = 5;
-  const _sfc_main$a$1 = {
+  const _sfc_main$b$1 = {
     __name: "TableGrid",
     emits: ["select", "clickoutside"],
     setup(__props, { emit: __emit }) {
@@ -116630,13 +117262,13 @@ ${style2}
       };
     }
   };
-  const TableGrid = /* @__PURE__ */ _export_sfc$1(_sfc_main$a$1, [["__scopeId", "data-v-92e8d5fb"]]);
+  const TableGrid = /* @__PURE__ */ _export_sfc$1(_sfc_main$b$1, [["__scopeId", "data-v-92e8d5fb"]]);
   const _hoisted_1$8$1 = { class: "toolbar-table-actions" };
   const _hoisted_2$3$1 = ["onClick", "data-item", "ariaLabel"];
   const _hoisted_3$3$1 = { class: "toolbar-table-actions__icon" };
   const _hoisted_4$1$1 = ["innerHTML"];
   const _hoisted_5$3 = { class: "toolbar-table-actions__label" };
-  const _sfc_main$9$1 = {
+  const _sfc_main$a$1 = {
     __name: "TableActions",
     props: {
       options: {
@@ -116672,7 +117304,7 @@ ${style2}
       };
     }
   };
-  const TableActions = /* @__PURE__ */ _export_sfc$1(_sfc_main$9$1, [["__scopeId", "data-v-990b9a25"]]);
+  const TableActions = /* @__PURE__ */ _export_sfc$1(_sfc_main$a$1, [["__scopeId", "data-v-990b9a25"]]);
   function getScrollableParent(element2) {
     let currentElement = element2;
     while (currentElement) {
@@ -116699,7 +117331,7 @@ ${style2}
   const _hoisted_1$7$1 = { class: "search-input-ctn" };
   const _hoisted_2$2$1 = { class: "row" };
   const _hoisted_3$2$1 = ["onKeydown"];
-  const _sfc_main$8$1 = {
+  const _sfc_main$9$1 = {
     __name: "SearchInput",
     props: {
       searchRef: {
@@ -116738,7 +117370,7 @@ ${style2}
       };
     }
   };
-  const SearchInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$8$1, [["__scopeId", "data-v-957cbcf2"]]);
+  const SearchInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$9$1, [["__scopeId", "data-v-957cbcf2"]]);
   const TOOLBAR_FONTS = [
     {
       label: "Georgia",
@@ -119513,7 +120145,7 @@ ${style2}
   };
   const _hoisted_3$1$1 = ["onClick"];
   const _hoisted_4$5 = ["innerHTML"];
-  const _sfc_main$7$1 = {
+  const _sfc_main$8$1 = {
     __name: "SlashMenu",
     props: {
       editor: {
@@ -119867,7 +120499,7 @@ ${style2}
   const _hoisted_1$4$1 = { class: "numbering" };
   const MIN_WIDTH = 200;
   const alignment = "flex-end";
-  const _sfc_main$5$1 = {
+  const _sfc_main$6$1 = {
     __name: "Ruler",
     props: {
       orientation: {
@@ -119958,7 +120590,7 @@ ${style2}
           minHeight: `${editorBounds.height}px`
         };
       });
-      const handleMouseDown3 = (event) => {
+      const handleMouseDown2 = (event) => {
         isDragging.value = true;
         setRulerHandleActive();
         const itemId = event.currentTarget.id;
@@ -120033,13 +120665,13 @@ ${style2}
           createBaseVNode("div", {
             class: "margin-handle handle-left",
             id: "left-margin-handle",
-            onMousedown: handleMouseDown3,
+            onMousedown: handleMouseDown2,
             style: normalizeStyle(getHandlePosition.value("left"))
           }, null, 36),
           createBaseVNode("div", {
             class: "margin-handle handle-right",
             id: "right-margin-handle",
-            onMousedown: handleMouseDown3,
+            onMousedown: handleMouseDown2,
             style: normalizeStyle(getHandlePosition.value("right"))
           }, null, 36),
           showVerticalIndicator.value ? (openBlock(), createElementBlock("div", {
@@ -120072,8 +120704,8 @@ ${style2}
       };
     }
   };
-  const Ruler = /* @__PURE__ */ _export_sfc$1(_sfc_main$5$1, [["__scopeId", "data-v-79f9a944"]]);
-  const _sfc_main$4$1 = {
+  const Ruler = /* @__PURE__ */ _export_sfc$1(_sfc_main$6$1, [["__scopeId", "data-v-79f9a944"]]);
+  const _sfc_main$5$1 = {
     __name: "GenericPopover",
     props: {
       editor: { type: Object, required: true },
@@ -120101,22 +120733,22 @@ ${style2}
         () => props.visible,
         (val) => {
           if (val) {
-            document.addEventListener("mousedown", handleClickOutside2);
+            document.addEventListener("pointerdown", handleClickOutside2);
             document.addEventListener("keydown", handleEscape);
           } else {
-            document.removeEventListener("mousedown", handleClickOutside2);
+            document.removeEventListener("pointerdown", handleClickOutside2);
             document.removeEventListener("keydown", handleEscape);
           }
         }
       );
       onMounted(() => {
         if (props.visible) {
-          document.addEventListener("mousedown", handleClickOutside2);
+          document.addEventListener("pointerdown", handleClickOutside2);
           document.addEventListener("keydown", handleEscape);
         }
       });
       onBeforeUnmount(() => {
-        document.removeEventListener("mousedown", handleClickOutside2);
+        document.removeEventListener("pointerdown", handleClickOutside2);
         document.removeEventListener("keydown", handleEscape);
       });
       const derivedStyles = computed(() => ({
@@ -120131,7 +120763,7 @@ ${style2}
           style: normalizeStyle(derivedStyles.value),
           ref_key: "popover",
           ref: popover,
-          onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+          onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"])),
           onClick: _cache[1] || (_cache[1] = withModifiers(() => {
           }, ["stop"]))
@@ -120141,7 +120773,7 @@ ${style2}
       };
     }
   };
-  const GenericPopover = /* @__PURE__ */ _export_sfc$1(_sfc_main$4$1, [["__scopeId", "data-v-cbddcc0f"]]);
+  const GenericPopover = /* @__PURE__ */ _export_sfc$1(_sfc_main$5$1, [["__scopeId", "data-v-157855b5"]]);
   const _hoisted_1$3$1 = ["data-boundary-index", "data-boundary-type", "onMousedown"];
   const RESIZE_HANDLE_WIDTH_PX = 9;
   const RESIZE_HANDLE_OFFSET_PX = 4;
@@ -120149,7 +120781,7 @@ ${style2}
   const MIN_DRAG_OVERLAY_WIDTH_PX = 2e3;
   const THROTTLE_INTERVAL_MS = 16;
   const MIN_RESIZE_DELTA_PX = 1;
-  const _sfc_main$3$1 = {
+  const _sfc_main$4$1 = {
     __name: "TableResizeOverlay",
     props: {
       /** Editor instance for dispatching transactions */
@@ -120673,7 +121305,7 @@ ${style2}
       };
     }
   };
-  const TableResizeOverlay = /* @__PURE__ */ _export_sfc$1(_sfc_main$3$1, [["__scopeId", "data-v-2fdf7836"]]);
+  const TableResizeOverlay = /* @__PURE__ */ _export_sfc$1(_sfc_main$4$1, [["__scopeId", "data-v-2fdf7836"]]);
   const _hoisted_1$2$1 = ["data-handle-position", "onMousedown"];
   const OVERLAY_EXPANSION_PX = 2e3;
   const RESIZE_HANDLE_SIZE_PX = 12;
@@ -120682,7 +121314,7 @@ ${style2}
   const Z_INDEX_OVERLAY = 10;
   const Z_INDEX_HANDLE = 15;
   const Z_INDEX_GUIDELINE = 20;
-  const _sfc_main$2$1 = {
+  const _sfc_main$3$1 = {
     __name: "ImageResizeOverlay",
     props: {
       /** Editor instance for dispatching transactions */
@@ -121106,7 +121738,81 @@ ${style2}
       };
     }
   };
-  const ImageResizeOverlay = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$1, [["__scopeId", "data-v-e66ec7bb"]]);
+  const ImageResizeOverlay = /* @__PURE__ */ _export_sfc$1(_sfc_main$3$1, [["__scopeId", "data-v-e66ec7bb"]]);
+  const _sfc_main$2$1 = {
+    __name: "LinkClickHandler",
+    props: {
+      editor: {
+        type: Object,
+        required: true
+      },
+      openPopover: {
+        type: Function,
+        required: true
+      },
+      closePopover: {
+        type: Function,
+        required: true
+      },
+      popoverVisible: {
+        type: Boolean,
+        default: false
+      }
+    },
+    setup(__props) {
+      const props = __props;
+      const handleLinkClick = (event) => {
+        if (props.popoverVisible) {
+          props.closePopover();
+          return;
+        }
+        if (!props.editor || !props.editor.state) {
+          return;
+        }
+        const surface = getEditorSurfaceElement(props.editor);
+        if (!surface) {
+          return;
+        }
+        moveCursorToMouseEvent(event.detail, props.editor);
+        setTimeout(() => {
+          const currentState = props.editor.state;
+          const hasLink = selectionHasNodeOrMark(currentState, "link", { requireEnds: true });
+          if (hasLink) {
+            const surfaceRect = surface.getBoundingClientRect();
+            if (!surfaceRect) return;
+            props.openPopover(
+              markRaw(LinkInput),
+              {
+                showInput: true,
+                editor: props.editor,
+                closePopover: props.closePopover
+              },
+              {
+                left: `${event.detail.clientX - surfaceRect.left}px`,
+                top: `${event.detail.clientY - surfaceRect.top + 15}px`
+              }
+            );
+          }
+        }, 10);
+      };
+      let surfaceElement = null;
+      onMounted(() => {
+        if (!props.editor) return;
+        surfaceElement = getEditorSurfaceElement(props.editor);
+        if (surfaceElement) {
+          surfaceElement.addEventListener("superdoc-link-click", handleLinkClick);
+        }
+      });
+      onBeforeUnmount(() => {
+        if (surfaceElement) {
+          surfaceElement.removeEventListener("superdoc-link-click", handleLinkClick);
+        }
+      });
+      return (_ctx, _cache) => {
+        return null;
+      };
+    }
+  };
   function adjustPaginationBreaks(editorElem, editor) {
     if (!editorElem.value || !editor?.value?.options?.scale || isHeadless(editor)) return;
     const zoom = editor.value.options.scale;
@@ -121448,21 +122154,28 @@ ${style2}
               class: "editor-element super-editor__element",
               role: "presentation"
             }, null, 512),
-            !contextMenuDisabled.value && editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$7$1, {
+            !contextMenuDisabled.value && editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$8$1, {
               key: 0,
               editor: activeEditor.value,
               popoverControls,
               openPopover,
               closePopover
             }, null, 8, ["editor", "popoverControls"])) : createCommentVNode("", true),
-            editorReady.value && activeEditor.value ? (openBlock(), createBlock(TableResizeOverlay, {
+            editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$2$1, {
               key: 1,
               editor: activeEditor.value,
+              openPopover,
+              closePopover,
+              popoverVisible: popoverControls.visible
+            }, null, 8, ["editor", "popoverVisible"])) : createCommentVNode("", true),
+            editorReady.value && activeEditor.value ? (openBlock(), createBlock(TableResizeOverlay, {
+              key: 2,
+              editor: activeEditor.value,
               visible: tableResizeState.visible,
               tableElement: tableResizeState.tableElement
             }, null, 8, ["editor", "visible", "tableElement"])) : createCommentVNode("", true),
             editorReady.value && activeEditor.value ? (openBlock(), createBlock(ImageResizeOverlay, {
-              key: 2,
+              key: 3,
               editor: activeEditor.value,
               visible: imageResizeState.visible,
               imageElement: imageResizeState.imageElement
@@ -121529,7 +122242,7 @@ ${style2}
       };
     }
   };
-  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$1, [["__scopeId", "data-v-a84087aa"]]);
+  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$1, [["__scopeId", "data-v-08b32c3d"]]);
   const _hoisted_1$h = ["innerHTML"];
   const _sfc_main$i = {
     __name: "SuperInput",
@@ -123906,6 +124619,7 @@ ${reason}`);
     const creatorImage = params2.creatorImage;
     const createdTime = params2.createdTime || Date.now();
     const importedAuthor = ref(params2.importedAuthor || null);
+    const docxCommentJSON = params2.docxCommentJSON || null;
     const commentText = ref(params2.commentText || "");
     const selection = params2.selection ? useSelection(params2.selection) : useSelection({
       documentId: fileId,
@@ -124020,6 +124734,7 @@ ${reason}`);
         creatorImage,
         createdTime,
         importedAuthor: importedAuthor.value,
+        docxCommentJSON,
         isInternal: isInternal.value,
         commentText: commentText.value,
         selection: selection ? selection.getValues() : null,
@@ -124058,6 +124773,7 @@ ${reason}`);
       resolvedByEmail,
       resolvedByName,
       importedAuthor,
+      docxCommentJSON,
       // Actions
       setText,
       getValues,
@@ -124639,6 +125355,7 @@ ${reason}`);
         const newComment = useComment({
           fileId: documentId,
           fileType: document2.type,
+          docxCommentJSON: comment2.textJson,
           commentId: comment2.commentId,
           isInternal: false,
           parentCommentId: comment2.parentCommentId,
@@ -124699,7 +125416,7 @@ ${reason}`);
       commentsList.value.forEach((comment2) => {
         const values = comment2.getValues();
         const richText = values.commentText;
-        const schema = convertHtmlToSchema(richText);
+        const schema = values.docxCommentJSON || convertHtmlToSchema(richText);
         processedComments.push({
           ...values,
           commentJSON: schema
@@ -138672,7 +139389,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.17";
+      this.version = "1.0.0-beta.18";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -141115,7 +141832,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexVCeRjVPO = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexDpnfmQSg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));