superdoc 1.0.0-beta.56 → 1.0.0-beta.58

package/dist/superdoc.umd.js

@@ -40558,6 +40558,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       const { processedNodes } = preProcessNodesForFldChar(node2.elements ?? [], docx);
       node2.elements = processedNodes;
       const bodySectPr = node2.elements?.find((n) => n.name === "w:sectPr");
+      const bodySectPrElements = bodySectPr?.elements ?? [];
+      if (converter) {
+        converter.importedBodyHasHeaderRef = bodySectPrElements.some((el) => el?.name === "w:headerReference");
+        converter.importedBodyHasFooterRef = bodySectPrElements.some((el) => el?.name === "w:footerReference");
+      }
       const contentElements = node2.elements?.filter((n) => n.name !== "w:sectPr") ?? [];
       const content2 = pruneIgnoredNodes(contentElements);
       const comments = importCommentData({ docx, converter, editor });
@@ -41494,15 +41499,17 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     sectPr = ensureSectionLayoutDefaults(sectPr, params2.converter);
     if (params2.converter) {
+      const canExportHeaderRef = params2.converter.importedBodyHasHeaderRef || params2.converter.headerFooterModified;
+      const canExportFooterRef = params2.converter.importedBodyHasFooterRef || params2.converter.headerFooterModified;
       const hasHeader = sectPr.elements?.some((n) => n.name === "w:headerReference");
       const hasDefaultHeader = params2.converter.headerIds?.default;
-      if (!hasHeader && hasDefaultHeader && !params2.editor.options.isHeaderOrFooter) {
+      if (!hasHeader && hasDefaultHeader && !params2.editor.options.isHeaderOrFooter && canExportHeaderRef) {
         const defaultHeader = generateDefaultHeaderFooter("header", params2.converter.headerIds?.default);
         sectPr.elements.push(defaultHeader);
       }
       const hasFooter = sectPr.elements?.some((n) => n.name === "w:footerReference");
       const hasDefaultFooter = params2.converter.footerIds?.default;
-      if (!hasFooter && hasDefaultFooter && !params2.editor.options.isHeaderOrFooter) {
+      if (!hasFooter && hasDefaultFooter && !params2.editor.options.isHeaderOrFooter && canExportFooterRef) {
         const defaultFooter = generateDefaultHeaderFooter("footer", params2.converter.footerIds?.default);
         sectPr.elements.push(defaultFooter);
       }
@@ -41729,24 +41736,32 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         const textContent2 = (elements || []).map((child) => typeof child?.text === "string" ? child.text : "").join("");
         tags.push(__privateMethod$2(this, _DocxExporter_instances, replaceSpecialCharacters_fn).call(this, textContent2));
       } else if (name === "w:t" || name === "w:delText" || name === "wp:posOffset") {
-        try {
-          let text2 = String(elements[0].text);
+        if (elements.length === 0) {
+          console.error(`${name} element has no child elements. Expected text node. Element will be self-closing.`);
+        } else if (elements[0] == null || typeof elements[0].text !== "string") {
+          console.error(
+            `${name} element's first child is missing or does not have a valid text property. Received: ${JSON.stringify(elements[0])}. Pushing empty string to maintain XML structure.`
+          );
+          tags.push("");
+        } else {
+          let text2 = elements[0].text.replace(/\[\[sdspace\]\]/g, "");
           text2 = __privateMethod$2(this, _DocxExporter_instances, replaceSpecialCharacters_fn).call(this, text2);
           tags.push(text2);
-        } catch (error) {
-          console.error("Text element does not contain valid string:", error);
         }
       } else {
         if (elements) {
           for (let child of elements) {
             const newElements = __privateMethod$2(this, _DocxExporter_instances, generateXml_fn).call(this, child);
-            if (!newElements) continue;
+            if (!newElements) {
+              continue;
+            }
             if (typeof newElements === "string") {
               tags.push(newElements);
               continue;
             }
             const removeUndefined = newElements.filter((el) => {
-              return el !== "<undefined>" && el !== "</undefined>";
+              const isUndefined = el === "<undefined>" || el === "</undefined>";
+              return !isUndefined;
             });
             tags.push(...removeUndefined);
           }
@@ -41937,7 +41952,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return numericIds.length ? Math.max(...numericIds) : 0;
   };
   const mergeRelationshipElements = (existingRelationships = [], newRelationships = []) => {
-    if (!newRelationships?.length) return existingRelationships;
+    if (!newRelationships?.length) {
+      return existingRelationships;
+    }
     let largestId = getLargestRelationshipId(existingRelationships);
     const seenIds = new Set(existingRelationships.map((rel) => rel?.attributes?.Id).filter(Boolean));
     for (const rel of newRelationships) {
@@ -41971,7 +41988,8 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       seenIds.add(attributes.Id);
       additions.push(rel);
     });
-    return additions.length ? [...existingRelationships, ...additions] : existingRelationships;
+    const result = additions.length ? [...existingRelationships, ...additions] : existingRelationships;
+    return result;
   };
   const FONT_FAMILY_FALLBACKS$1 = Object.freeze({
     swiss: "Arial, sans-serif",
@@ -42044,6 +42062,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       this.footers = {};
       this.footerIds = { default: null, even: null, odd: null, first: null };
       this.footerEditors = [];
+      this.importedBodyHasHeaderRef = false;
+      this.importedBodyHasFooterRef = false;
+      this.headerFooterModified = false;
       this.linkedStyles = [];
       this.json = params2?.json;
       this.tagsNotInSchema = ["w:body"];
@@ -42186,7 +42207,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.56") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "1.0.0-beta.58") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -42577,6 +42598,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       if (!this.headerIds.ids.includes(rId)) {
         this.headerIds.ids.push(rId);
       }
+      this.headerFooterModified = true;
       this.documentModified = true;
       return rId;
     }
@@ -42630,6 +42652,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       if (!this.footerIds.ids.includes(rId)) {
         this.footerIds.ids.push(rId);
       }
+      this.headerFooterModified = true;
       this.documentModified = true;
       return rId;
     }
@@ -53353,7 +53376,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, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _dragHandlerCleanup, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _dragAnchor, _isDragging, _dragExtensionMode, _remoteCursorState, _remoteCursorElements, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _scrollTimeout, _lastRemoteCursorRenderTime, _remoteCursorThrottleTimeout, _PresentationEditor_instances, collectCommentPositions_fn, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, updateLocalAwarenessCursor_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupDragHandlers_fn, focusEditorAfterImageSelection_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, calculateExtendedSelection_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handlePointerUp, _handleDragOver, _handleDrop, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, layoutPerRIdHeaderFooters_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, createDefaultHeaderFooter_fn, getPageElement_fn, scrollPageIntoView_fn, computeAnchorMap_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, 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, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
+  var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, dispatchWithFallback_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, getPluginKeyName_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _map, _editor2, _descriptors, _collections, _editorEntries, _maxCachedEditors, _editorAccessOrder, _pendingCreations, _cacheHits, _cacheMisses, _evictions, _HeaderFooterEditorManager_instances, hasConverter_fn, extractCollections_fn, collectDescriptors_fn, teardownMissingEditors_fn, teardownEditors_fn, createEditor_fn, createEditorContainer_fn, registerConverterEditor_fn, unregisterConverterEditor_fn, updateAccessOrder_fn, enforceCacheSizeLimit_fn, _manager, _mediaFiles, _blockCache, _HeaderFooterLayoutAdapter_instances, getBlocks_fn, getConverterContext_fn, _selectionOverlay, _activeEditorHost, _activeDecorationContainer, _activeRegion, _borderLine, _dimmingOverlay, _EditorOverlayManager_instances, findDecorationContainer_fn, ensureEditorHost_fn, positionEditorHost_fn, showHeaderFooterBorder_fn, hideHeaderFooterBorder_fn, _instances, _options, _editor3, _visibleHost, _viewportHost, _painterHost, _selectionOverlay2, _hiddenHost, _layoutOptions, _layoutState, _domPainter, _dragHandlerCleanup, _layoutError, _layoutErrorState, _errorBanner, _errorBannerMessage, _telemetryEmitter, _renderScheduled, _pendingDocChange, _isRerendering, _selectionUpdateScheduled, _remoteCursorUpdateScheduled, _rafHandle, _editorListeners, _sectionMetadata, _documentMode, _inputBridge, _trackedChangesMode, _trackedChangesEnabled, _trackedChangesOverrides, _headerFooterManager, _headerFooterAdapter, _headerFooterIdentifier, _multiSectionIdentifier, _headerLayoutResults, _footerLayoutResults, _headerLayoutsByRId, _footerLayoutsByRId, _headerDecorationProvider, _footerDecorationProvider, _headerFooterManagerCleanups, _headerRegions, _footerRegions, _session, _activeHeaderFooterEditor, _overlayManager, _hoverOverlay, _hoverTooltip, _modeBanner, _ariaLiveRegion, _hoverRegion, _clickCount, _lastClickTime, _lastClickPosition, _lastSelectedImageBlockId, _dragAnchor, _isDragging, _dragExtensionMode, _remoteCursorState, _remoteCursorElements, _remoteCursorDirty, _remoteCursorOverlay, _localSelectionLayer, _awarenessCleanup, _scrollCleanup, _scrollTimeout, _lastRemoteCursorRenderTime, _remoteCursorThrottleTimeout, _PresentationEditor_instances, collectCommentPositions_fn, aggregateLayoutBounds_fn, safeCleanup_fn, setupEditorListeners_fn, setupCollaborationCursors_fn, updateLocalAwarenessCursor_fn, normalizeAwarenessStates_fn, getFallbackColor_fn, getValidatedColor_fn, scheduleRemoteCursorUpdate_fn, scheduleRemoteCursorReRender_fn, updateRemoteCursors_fn, renderRemoteCursors_fn, renderRemoteCaret_fn, renderRemoteCursorLabel_fn, renderRemoteSelection_fn, setupPointerHandlers_fn, setupDragHandlers_fn, focusEditorAfterImageSelection_fn, setupInputBridge_fn, initHeaderFooterRegistry_fn, _handlePointerDown, getFirstTextPosition_fn, registerPointerClick_fn, selectWordAt_fn, selectParagraphAt_fn, calculateExtendedSelection_fn, isWordCharacter_fn, _handlePointerMove, _handlePointerLeave, _handlePointerUp, _handleDragOver, _handleDrop, _handleDoubleClick, _handleKeyDown, focusHeaderFooterShortcut_fn, scheduleRerender_fn, flushRerenderQueue_fn, rerender_fn, ensurePainter_fn, scheduleSelectionUpdate_fn, updateSelection_fn, resolveLayoutOptions_fn, buildHeaderFooterInput_fn, computeHeaderFooterConstraints_fn, layoutPerRIdHeaderFooters_fn, updateDecorationProviders_fn, createDecorationProvider_fn, findHeaderFooterPageForPageNumber_fn, computeDecorationBox_fn, computeExpectedSectionType_fn, rebuildHeaderFooterRegions_fn, hitTestHeaderFooterRegion_fn, pointInRegion_fn, activateHeaderFooterRegion_fn, enterHeaderFooterMode_fn, exitHeaderFooterMode_fn, getActiveDomTarget_fn, emitHeaderFooterModeChanged_fn, emitHeaderFooterEditingContext_fn, updateAwarenessSession_fn, updateModeBanner_fn, announce_fn, validateHeaderFooterEditPermission_fn, emitHeaderFooterEditBlocked_fn, resolveDescriptorForRegion_fn, createDefaultHeaderFooter_fn, getPageElement_fn, scrollPageIntoView_fn, computeAnchorMap_fn, waitForPageMount_fn, getBodyPageHeight_fn, getHeaderFooterPageHeight_fn, 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, _isEditable, _onTargetChanged, _listeners, _currentTarget, _destroyed, _useWindowFallback, _PresentationInputBridge_instances, addListener_fn, dispatchToTarget_fn, forwardKeyboardEvent_fn, forwardTextEvent_fn, forwardCompositionEvent_fn, forwardContextMenu_fn, isEventOnActiveTarget_fn, shouldSkipSurface_fn, isInLayoutSurface_fn, getListenerTargets_fn, isPlainCharacterKey_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ParagraphNodeView_instances, checkShouldUpdate_fn, updateHTMLAttributes_fn, updateDOMStyles_fn, resolveNeighborParagraphProperties_fn, updateListStyles_fn, initList_fn, checkIsList_fn, createMarker_fn, createSeparator_fn, calculateTabSeparatorStyle_fn, calculateMarkerStyle_fn, removeList_fn, getParagraphContext_fn, scheduleAnimation_fn, cancelScheduledAnimation_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn, _VectorShapeView_instances, ensureParentPositioned_fn, _ShapeGroupView_instances, ensureParentPositioned_fn2;
   var GOOD_LEAF_SIZE = 200;
   var RopeSequence = function RopeSequence2() {
   };
@@ -66834,7 +66857,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         }
       }
       if (targetMode.toLowerCase() !== "external" && !looksExternal(target)) {
-        const likelyPath = `word/${target.replace(/^\.?\//, "")}`;
+        let likelyPath;
+        if (target.startsWith("../")) {
+          likelyPath = target.replace(/^\.\.\//, "");
+        } else {
+          likelyPath = `word/${target.replace(/^\.?\//, "")}`;
+        }
         if (!(likelyPath in convertedXml)) {
           if (!isImageType(type2)) {
             results.push(`Removed relationship ${id} with missing target: ${target}`);
@@ -67225,7 +67253,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   const shouldSkipNodeView = (editor) => {
     return isHeadless(editor);
   };
-  const summaryVersion = "1.0.0-beta.56";
+  const summaryVersion = "1.0.0-beta.58";
   const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
   const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
   function mapAttributes(attrs) {
@@ -68014,7 +68042,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         { default: remarkStringify2 },
         { default: remarkGfm2 }
       ] = await Promise.all([
-        Promise.resolve().then(() => indexDYnUncjo),
+        Promise.resolve().then(() => indexBWMksCRw),
         Promise.resolve().then(() => indexDRCvimau),
         Promise.resolve().then(() => indexC_x_N6Uh),
         Promise.resolve().then(() => indexD_sWOSiG),
@@ -68219,7 +68247,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.56");
+      console.debug("[checkVersionMigrations] Current editor version", "1.0.0-beta.58");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -70695,6 +70723,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       case "center":
       case "right":
       case "justify":
+      case "left":
         return value;
       case "both":
       case "distribute":
@@ -80250,9 +80279,11 @@ ${l}
           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`;
+            if (hasExplicitSegmentPositioning) {
+              if (isFirstLine && firstLineOffset !== 0) {
+                const adjustedPadding = paraIndentLeft + firstLineOffset;
+                lineEl.style.paddingLeft = `${adjustedPadding}px`;
+              }
             } else if (paraIndentLeft) {
               lineEl.style.paddingLeft = `${paraIndentLeft}px`;
             }
@@ -81683,6 +81714,13 @@ ${l}
         }
       }
       if (hasExplicitPositioning && line.segments) {
+        const paraIndent = block.attrs?.indent;
+        const indentLeft = paraIndent?.left ?? 0;
+        const firstLine = paraIndent?.firstLine ?? 0;
+        const hanging = paraIndent?.hanging ?? 0;
+        const isFirstLineOfPara = lineIndex === 0 || lineIndex === void 0;
+        const firstLineOffsetForCumX = isFirstLineOfPara ? firstLine - hanging : 0;
+        const indentOffset = indentLeft + firstLineOffsetForCumX;
         let cumulativeX = 0;
         const segmentsByRun = /* @__PURE__ */ new Map();
         line.segments.forEach((segment) => {
@@ -81714,7 +81752,7 @@ ${l}
             const actualTabWidth = tabEndX - tabStartX;
             const tabEl = this.doc.createElement("span");
             tabEl.style.position = "absolute";
-            tabEl.style.left = `${tabStartX}px`;
+            tabEl.style.left = `${tabStartX + indentOffset}px`;
             tabEl.style.top = "0px";
             tabEl.style.width = `${actualTabWidth}px`;
             tabEl.style.height = `${line.lineHeight}px`;
@@ -81745,12 +81783,13 @@ ${l}
                 elem.setAttribute("styleid", styleId);
               }
               const runSegments2 = segmentsByRun.get(runIndex);
-              const segX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+              const baseSegX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+              const segX = baseSegX + indentOffset;
               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;
+              cumulativeX = baseSegX + segWidth;
             }
             continue;
           }
@@ -81767,12 +81806,13 @@ ${l}
                 elem.setAttribute("styleid", styleId);
               }
               const runSegments2 = segmentsByRun.get(runIndex);
-              const segX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+              const baseSegX = runSegments2 && runSegments2[0]?.x !== void 0 ? runSegments2[0].x : cumulativeX;
+              const segX = baseSegX + indentOffset;
               const segWidth = (runSegments2 && runSegments2[0]?.width !== void 0 ? runSegments2[0].width : 0) ?? 0;
               elem.style.position = "absolute";
               elem.style.left = `${segX}px`;
               el.appendChild(elem);
-              cumulativeX = segX + segWidth;
+              cumulativeX = baseSegX + segWidth;
             }
             continue;
           }
@@ -81802,7 +81842,8 @@ ${l}
               if (styleId) {
                 elem.setAttribute("styleid", styleId);
               }
-              const xPos = segment.x !== void 0 ? segment.x : cumulativeX;
+              const baseX = segment.x !== void 0 ? segment.x : cumulativeX;
+              const xPos = baseX + indentOffset;
               elem.style.position = "absolute";
               elem.style.left = `${xPos}px`;
               el.appendChild(elem);
@@ -81816,7 +81857,7 @@ ${l}
                 width = measureEl.offsetWidth;
                 this.doc.body.removeChild(measureEl);
               }
-              cumulativeX = xPos + width;
+              cumulativeX = baseX + width;
             }
           });
         }
@@ -83192,7 +83233,7 @@ ${l}
     sectionFooterIds: /* @__PURE__ */ new Map(),
     sectionTitlePg: /* @__PURE__ */ new Map()
   });
-  function buildMultiSectionIdentifier(sectionMetadata, pageStyles2) {
+  function buildMultiSectionIdentifier(sectionMetadata, pageStyles2, converterIds) {
     const identifier = defaultMultiSectionIdentifier();
     identifier.alternateHeaders = Boolean(pageStyles2?.alternateHeaders ?? false);
     identifier.sectionCount = sectionMetadata.length;
@@ -83227,6 +83268,18 @@ ${l}
       identifier.footerIds = { ...section0Footers };
     }
     identifier.titlePg = identifier.sectionTitlePg.get(0) ?? false;
+    if (converterIds?.headerIds) {
+      identifier.headerIds.default = identifier.headerIds.default ?? converterIds.headerIds.default ?? null;
+      identifier.headerIds.first = identifier.headerIds.first ?? converterIds.headerIds.first ?? null;
+      identifier.headerIds.even = identifier.headerIds.even ?? converterIds.headerIds.even ?? null;
+      identifier.headerIds.odd = identifier.headerIds.odd ?? converterIds.headerIds.odd ?? null;
+    }
+    if (converterIds?.footerIds) {
+      identifier.footerIds.default = identifier.footerIds.default ?? converterIds.footerIds.default ?? null;
+      identifier.footerIds.first = identifier.footerIds.first ?? converterIds.footerIds.first ?? null;
+      identifier.footerIds.even = identifier.footerIds.even ?? converterIds.footerIds.even ?? null;
+      identifier.footerIds.odd = identifier.footerIds.odd ?? converterIds.footerIds.odd ?? null;
+    }
     return identifier;
   }
   function getHeaderFooterTypeForSection(pageNumber, sectionIndex, identifier, options) {
@@ -84206,6 +84259,32 @@ ${l}
     state2.page.fragments.push(fragment);
     state2.cursorY += requiredHeight;
   }
+  function getTableIndentWidth(attrs) {
+    if (!attrs) {
+      return 0;
+    }
+    const tableIndent = attrs.tableIndent;
+    if (!tableIndent || typeof tableIndent !== "object") {
+      return 0;
+    }
+    const width = tableIndent.width;
+    if (width === void 0 || width === null) {
+      return 0;
+    }
+    if (typeof width !== "number") {
+      return 0;
+    }
+    if (!Number.isFinite(width)) {
+      return 0;
+    }
+    return width;
+  }
+  function applyTableIndent(x2, width, indent2) {
+    return {
+      x: x2 + indent2,
+      width: Math.max(0, width - indent2)
+    };
+  }
   function calculateColumnMinWidth(columnIndex, measure) {
     const DEFAULT_MIN_WIDTH = 25;
     const measuredWidth = measure.columnWidths[columnIndex] || DEFAULT_MIN_WIDTH;
@@ -84420,14 +84499,18 @@ ${l}
       columnBoundaries: generateColumnBoundaries(context.measure),
       coordinateSystem: "fragment"
     };
+    const tableIndent = getTableIndentWidth(context.block.attrs);
+    const baseX = context.columnX(state2.columnIndex);
+    const baseWidth = Math.min(context.columnWidth, context.measure.totalWidth || context.columnWidth);
+    const { x: x2, width } = applyTableIndent(baseX, baseWidth, tableIndent);
     const fragment = {
       kind: "table",
       blockId: context.block.id,
       fromRow: 0,
       toRow: context.block.rows.length,
-      x: context.columnX(state2.columnIndex),
+      x: x2,
       y: state2.cursorY,
-      width: Math.min(context.columnWidth, context.measure.totalWidth || context.columnWidth),
+      width,
       height,
       metadata
     };
@@ -84494,14 +84577,18 @@ ${l}
         columnBoundaries: generateColumnBoundaries(measure),
         coordinateSystem: "fragment"
       };
+      const tableIndent = getTableIndentWidth(block.attrs);
+      const baseX = columnX(state2.columnIndex);
+      const baseWidth = Math.min(columnWidth, measure.totalWidth || columnWidth);
+      const { x: x2, width } = applyTableIndent(baseX, baseWidth, tableIndent);
       const fragment = {
         kind: "table",
         blockId: block.id,
         fromRow: 0,
         toRow: 0,
-        x: columnX(state2.columnIndex),
+        x: x2,
         y: state2.cursorY,
-        width: Math.min(columnWidth, measure.totalWidth || columnWidth),
+        width,
         height,
         metadata
       };
@@ -84549,14 +84636,18 @@ ${l}
         });
         const fragmentHeight2 = continuationPartialRow.partialHeight + (repeatHeaderCount > 0 ? headerHeight : 0);
         if (fragmentHeight2 > 0 && madeProgress) {
+          const tableIndent2 = getTableIndentWidth(block.attrs);
+          const baseX2 = columnX(state2.columnIndex);
+          const baseWidth2 = Math.min(columnWidth, measure.totalWidth || columnWidth);
+          const { x: x22, width: width2 } = applyTableIndent(baseX2, baseWidth2, tableIndent2);
           const fragment2 = {
             kind: "table",
             blockId: block.id,
             fromRow: rowIndex,
             toRow: rowIndex + 1,
-            x: columnX(state2.columnIndex),
+            x: x22,
             y: state2.cursorY,
-            width: Math.min(columnWidth, measure.totalWidth || columnWidth),
+            width: width2,
             height: fragmentHeight2,
             continuesFromPrev: true,
             continuesOnNext: hasRemainingLinesAfterContinuation || rowIndex + 1 < block.rows.length,
@@ -84589,14 +84680,18 @@ ${l}
         const forcedPartialRow = computePartialRow(bodyStartRow, block.rows[bodyStartRow], measure, availableForBody);
         const forcedEndRow = bodyStartRow + 1;
         const fragmentHeight2 = forcedPartialRow.partialHeight + (repeatHeaderCount > 0 ? headerHeight : 0);
+        const tableIndent2 = getTableIndentWidth(block.attrs);
+        const baseX2 = columnX(state2.columnIndex);
+        const baseWidth2 = Math.min(columnWidth, measure.totalWidth || columnWidth);
+        const { x: x22, width: width2 } = applyTableIndent(baseX2, baseWidth2, tableIndent2);
         const fragment2 = {
           kind: "table",
           blockId: block.id,
           fromRow: bodyStartRow,
           toRow: forcedEndRow,
-          x: columnX(state2.columnIndex),
+          x: x22,
           y: state2.cursorY,
-          width: Math.min(columnWidth, measure.totalWidth || columnWidth),
+          width: width2,
           height: fragmentHeight2,
           continuesFromPrev: isTableContinuation,
           continuesOnNext: !forcedPartialRow.isLastPart || forcedEndRow < block.rows.length,
@@ -84620,14 +84715,18 @@ ${l}
           measure
         );
       }
+      const tableIndent = getTableIndentWidth(block.attrs);
+      const baseX = columnX(state2.columnIndex);
+      const baseWidth = Math.min(columnWidth, measure.totalWidth || columnWidth);
+      const { x: x2, width } = applyTableIndent(baseX, baseWidth, tableIndent);
       const fragment = {
         kind: "table",
         blockId: block.id,
         fromRow: bodyStartRow,
         toRow: endRow,
-        x: columnX(state2.columnIndex),
+        x: x2,
         y: state2.cursorY,
-        width: Math.min(columnWidth, measure.totalWidth || columnWidth),
+        width,
         height: fragmentHeight,
         continuesFromPrev: isTableContinuation,
         continuesOnNext: endRow < block.rows.length || (partialRow ? !partialRow.isLastPart : false),
@@ -89415,7 +89514,15 @@ ${l}
               currentLine.width = roundValue(currentLine.width + boundarySpacing + wordOnlyWidth);
               currentLine.maxFontInfo = updateMaxFontInfo(currentLine.maxFontSize, currentLine.maxFontInfo, run2);
               currentLine.maxFontSize = Math.max(currentLine.maxFontSize, run2.fontSize);
-              appendSegment(currentLine.segments, runIndex, wordStartChar, wordEndNoSpace, wordOnlyWidth, segmentStartX);
+              const useExplicitXHere = wordIndex === 0 && segmentStartX !== void 0;
+              appendSegment(
+                currentLine.segments,
+                runIndex,
+                wordStartChar,
+                wordEndNoSpace,
+                wordOnlyWidth,
+                useExplicitXHere ? segmentStartX : void 0
+              );
               const metrics = calculateTypographyMetrics(currentLine.maxFontSize, spacing, currentLine.maxFontInfo);
               const completedLine = { ...currentLine, ...metrics };
               addBarTabsToLine(completedLine);
@@ -90139,6 +90246,9 @@ ${l}
     }
     mainEditor.converter[`${type2}s`][sectionId] = updatedData;
     mainEditor.setOptions({ isHeaderFooterChanged: editor.docChanged });
+    if (editor.docChanged && mainEditor.converter) {
+      mainEditor.converter.headerFooterModified = true;
+    }
     await updateYdocDocxData(mainEditor);
   };
   const setEditorToolbar = ({ editor }, mainEditor) => {
@@ -90420,17 +90530,20 @@ ${l}
      * ```
      */
     getDocumentJson(descriptor) {
-      if (!descriptor?.id) return null;
+      if (!descriptor?.id) {
+        return null;
+      }
       const liveEntry = __privateGet$1(this, _editorEntries).get(descriptor.id);
       if (liveEntry) {
         try {
-          const json = liveEntry.editor.getJSON?.();
-          return json;
+          return liveEntry.editor.getJSON?.();
         } catch {
         }
       }
       const collections = __privateGet$1(this, _collections);
-      if (!collections) return null;
+      if (!collections) {
+        return null;
+      }
       if (descriptor.kind === "header") {
         return collections.headers?.[descriptor.id] ?? null;
       }
@@ -90816,7 +90929,9 @@ ${l}
      */
     getBatch(kind) {
       const descriptors = __privateGet$1(this, _manager).getDescriptors(kind);
-      if (!descriptors.length) return void 0;
+      if (!descriptors.length) {
+        return void 0;
+      }
       const batch2 = {};
       let hasBlocks = false;
       descriptors.forEach((descriptor) => {
@@ -91049,13 +91164,7 @@ ${l}
     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);
+        const editorHost = __privateMethod$1(this, _EditorOverlayManager_instances, ensureEditorHost_fn).call(this, pageElement, region.kind, decorationContainer);
         if (!editorHost) {
           return {
             success: false,
@@ -91063,7 +91172,9 @@ ${l}
           };
         }
         __privateMethod$1(this, _EditorOverlayManager_instances, positionEditorHost_fn).call(this, editorHost, region, decorationContainer, zoom);
-        decorationContainer.style.visibility = "hidden";
+        if (decorationContainer) {
+          decorationContainer.style.visibility = "hidden";
+        }
         editorHost.style.visibility = "visible";
         editorHost.style.zIndex = EDITOR_HOST_Z_INDEX;
         if (region.kind === "footer") {
@@ -91075,7 +91186,7 @@ ${l}
             }
           }
         }
-        __privateMethod$1(this, _EditorOverlayManager_instances, showHeaderFooterBorder_fn).call(this, pageElement, region, decorationContainer);
+        __privateMethod$1(this, _EditorOverlayManager_instances, showHeaderFooterBorder_fn).call(this, pageElement, region, decorationContainer, zoom);
         __privateSet(this, _activeEditorHost, editorHost);
         __privateSet(this, _activeDecorationContainer, decorationContainer);
         __privateSet(this, _activeRegion, region);
@@ -91193,7 +91304,7 @@ ${l}
     const className = kind === "header" ? "superdoc-page-header" : "superdoc-page-footer";
     return pageElement.querySelector(`.${className}`);
   };
-  ensureEditorHost_fn = function(pageElement, kind) {
+  ensureEditorHost_fn = function(pageElement, kind, decorationContainer) {
     const className = kind === "header" ? "superdoc-header-editor-host" : "superdoc-footer-editor-host";
     let editorHost = pageElement.querySelector(`.${className}`);
     if (!editorHost) {
@@ -91208,34 +91319,44 @@ ${l}
         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;
+      if (decorationContainer) {
+        decorationContainer.parentNode?.insertBefore(editorHost, decorationContainer.nextSibling);
+      } else {
+        pageElement.appendChild(editorHost);
       }
-      decorationContainer.parentNode?.insertBefore(editorHost, decorationContainer.nextSibling);
     }
     return editorHost;
   };
-  positionEditorHost_fn = function(editorHost, region, decorationContainer, _zoom) {
-    const decorationRect = decorationContainer.getBoundingClientRect();
+  positionEditorHost_fn = function(editorHost, region, decorationContainer, zoom) {
     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;
+    let top2;
+    let left2;
+    let width;
+    let height;
+    if (decorationContainer) {
+      const decorationRect = decorationContainer.getBoundingClientRect();
+      const pageRect = pageElement.getBoundingClientRect();
+      top2 = decorationRect.top - pageRect.top;
+      left2 = decorationRect.left - pageRect.left;
+      width = decorationRect.width;
+      height = decorationRect.height;
+    } else {
+      top2 = region.localY * zoom;
+      left2 = region.localX * zoom;
+      width = region.width * zoom;
+      height = region.height * zoom;
+    }
     Object.assign(editorHost.style, {
       top: `${top2}px`,
       left: `${left2}px`,
       width: `${width}px`,
       height: `${height}px`
     });
-    if (region.kind === "footer") {
+    if (region.kind === "footer" && decorationContainer) {
       const fragment = decorationContainer.querySelector(".superdoc-fragment");
       if (fragment instanceof HTMLElement) {
         const fragmentTop = parseFloat(fragment.style.top) || 0;
@@ -91243,14 +91364,19 @@ ${l}
       }
     }
   };
-  showHeaderFooterBorder_fn = function(pageElement, region, decorationContainer) {
+  showHeaderFooterBorder_fn = function(pageElement, region, decorationContainer, zoom) {
     __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();
+    let topPosition;
     const isHeader = region.kind === "header";
-    const topPosition = isHeader ? decorationRect.bottom - pageRect.top : decorationRect.top - pageRect.top;
+    if (decorationContainer) {
+      const decorationRect = decorationContainer.getBoundingClientRect();
+      const pageRect = pageElement.getBoundingClientRect();
+      topPosition = isHeader ? decorationRect.bottom - pageRect.top : decorationRect.top - pageRect.top;
+    } else {
+      topPosition = isHeader ? (region.localY + region.height) * zoom : region.localY * zoom;
+    }
     Object.assign(__privateGet$1(this, _borderLine).style, {
       position: "absolute",
       left: "0",
@@ -93856,7 +93982,10 @@ ${l}
     }
     __privateSet(this, _sectionMetadata, sectionMetadata);
     const converter = __privateGet$1(this, _editor3).converter;
-    __privateSet(this, _multiSectionIdentifier, buildMultiSectionIdentifier(sectionMetadata, converter?.pageStyles));
+    __privateSet(this, _multiSectionIdentifier, buildMultiSectionIdentifier(sectionMetadata, converter?.pageStyles, {
+      headerIds: converter?.headerIds,
+      footerIds: converter?.footerIds
+    }));
     const anchorMap = __privateMethod$1(this, _PresentationEditor_instances, computeAnchorMap_fn).call(this, bookmarks, layout);
     __privateSet(this, _layoutState, { blocks: blocks2, measures, layout, bookmarks, anchorMap });
     __privateSet(this, _headerLayoutResults, headerLayouts ?? null);
@@ -94294,41 +94423,71 @@ ${l}
       return { x: left2, width, height, offset: offset2 };
     }
   };
+  computeExpectedSectionType_fn = function(kind, page, sectionFirstPageNumbers) {
+    const sectionIndex = page.sectionIndex ?? 0;
+    const firstPageInSection = sectionFirstPageNumbers.get(sectionIndex);
+    const sectionPageNumber = typeof firstPageInSection === "number" ? page.number - firstPageInSection + 1 : page.number;
+    const multiSectionId = __privateGet$1(this, _multiSectionIdentifier);
+    const legacyIdentifier = __privateGet$1(this, _headerFooterIdentifier);
+    let titlePgEnabled = false;
+    let alternateHeaders = false;
+    if (multiSectionId) {
+      titlePgEnabled = multiSectionId.sectionTitlePg?.get(sectionIndex) ?? multiSectionId.titlePg;
+      alternateHeaders = multiSectionId.alternateHeaders;
+    } else if (legacyIdentifier) {
+      titlePgEnabled = legacyIdentifier.titlePg;
+      alternateHeaders = legacyIdentifier.alternateHeaders;
+    }
+    if (sectionPageNumber === 1 && titlePgEnabled) {
+      return "first";
+    }
+    if (alternateHeaders) {
+      return page.number % 2 === 0 ? "even" : "odd";
+    }
+    return "default";
+  };
   rebuildHeaderFooterRegions_fn = function(layout) {
     __privateGet$1(this, _headerRegions).clear();
     __privateGet$1(this, _footerRegions).clear();
     const pageHeight = layout.pageSize?.h ?? __privateGet$1(this, _layoutOptions).pageSize?.h ?? DEFAULT_PAGE_SIZE.h;
     if (pageHeight <= 0) return;
+    const sectionFirstPageNumbers = /* @__PURE__ */ new Map();
+    for (const p2 of layout.pages) {
+      const idx = p2.sectionIndex ?? 0;
+      if (!sectionFirstPageNumbers.has(idx)) {
+        sectionFirstPageNumbers.set(idx, p2.number);
+      }
+    }
     layout.pages.forEach((page, pageIndex) => {
       var _a2, _b2;
-      const headerPayload = (_a2 = __privateGet$1(this, _headerDecorationProvider)) == null ? void 0 : _a2.call(this, page.number, page.margins, page);
-      if (headerPayload?.hitRegion) {
-        __privateGet$1(this, _headerRegions).set(pageIndex, {
-          kind: "header",
-          headerId: headerPayload.headerId,
-          sectionType: headerPayload.sectionType,
-          pageIndex,
-          pageNumber: page.number,
-          localX: headerPayload.hitRegion.x ?? 0,
-          localY: headerPayload.hitRegion.y ?? 0,
-          width: headerPayload.hitRegion.width ?? headerPayload.box?.width ?? 0,
-          height: headerPayload.hitRegion.height ?? headerPayload.box?.height ?? 0
-        });
-      }
-      const footerPayload = (_b2 = __privateGet$1(this, _footerDecorationProvider)) == null ? void 0 : _b2.call(this, page.number, page.margins, page);
-      if (footerPayload?.hitRegion) {
-        __privateGet$1(this, _footerRegions).set(pageIndex, {
-          kind: "footer",
-          headerId: footerPayload.headerId,
-          sectionType: footerPayload.sectionType,
-          pageIndex,
-          pageNumber: page.number,
-          localX: footerPayload.hitRegion.x ?? 0,
-          localY: footerPayload.hitRegion.y ?? 0,
-          width: footerPayload.hitRegion.width ?? footerPayload.box?.width ?? 0,
-          height: footerPayload.hitRegion.height ?? footerPayload.box?.height ?? 0
-        });
-      }
+      const margins = page.margins ?? __privateGet$1(this, _layoutOptions).margins ?? DEFAULT_MARGINS;
+      const actualPageHeight = page.size?.h ?? pageHeight;
+      const headerPayload = (_a2 = __privateGet$1(this, _headerDecorationProvider)) == null ? void 0 : _a2.call(this, page.number, margins, page);
+      const headerBox = __privateMethod$1(this, _PresentationEditor_instances, computeDecorationBox_fn).call(this, "header", margins, actualPageHeight);
+      __privateGet$1(this, _headerRegions).set(pageIndex, {
+        kind: "header",
+        headerId: headerPayload?.headerId,
+        sectionType: headerPayload?.sectionType ?? __privateMethod$1(this, _PresentationEditor_instances, computeExpectedSectionType_fn).call(this, "header", page, sectionFirstPageNumbers),
+        pageIndex,
+        pageNumber: page.number,
+        localX: headerPayload?.hitRegion?.x ?? headerBox.x,
+        localY: headerPayload?.hitRegion?.y ?? headerBox.offset,
+        width: headerPayload?.hitRegion?.width ?? headerBox.width,
+        height: headerPayload?.hitRegion?.height ?? headerBox.height
+      });
+      const footerPayload = (_b2 = __privateGet$1(this, _footerDecorationProvider)) == null ? void 0 : _b2.call(this, page.number, margins, page);
+      const footerBox = __privateMethod$1(this, _PresentationEditor_instances, computeDecorationBox_fn).call(this, "footer", margins, actualPageHeight);
+      __privateGet$1(this, _footerRegions).set(pageIndex, {
+        kind: "footer",
+        headerId: footerPayload?.headerId,
+        sectionType: footerPayload?.sectionType ?? __privateMethod$1(this, _PresentationEditor_instances, computeExpectedSectionType_fn).call(this, "footer", page, sectionFirstPageNumbers),
+        pageIndex,
+        pageNumber: page.number,
+        localX: footerPayload?.hitRegion?.x ?? footerBox.x,
+        localY: footerPayload?.hitRegion?.y ?? footerBox.offset,
+        width: footerPayload?.hitRegion?.width ?? footerBox.width,
+        height: footerPayload?.hitRegion?.height ?? footerBox.height
+      });
     });
   };
   hitTestHeaderFooterRegion_fn = function(x2, y2) {
@@ -94518,6 +94677,7 @@ ${l}
   };
   exitHeaderFooterMode_fn = function() {
     if (__privateGet$1(this, _session).mode === "body") return;
+    const editedHeaderId = __privateGet$1(this, _session).headerId;
     if (__privateGet$1(this, _activeHeaderFooterEditor)) {
       __privateGet$1(this, _activeHeaderFooterEditor).setEditable(false);
       __privateGet$1(this, _activeHeaderFooterEditor).setOptions({ documentMode: "viewing" });
@@ -94529,6 +94689,12 @@ ${l}
     __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();
+    if (editedHeaderId) {
+      __privateGet$1(this, _headerFooterAdapter)?.invalidate(editedHeaderId);
+    }
+    __privateGet$1(this, _headerFooterManager)?.refresh();
+    __privateSet(this, _pendingDocChange, true);
+    __privateMethod$1(this, _PresentationEditor_instances, scheduleRerender_fn).call(this);
     __privateGet$1(this, _editor3).view?.focus();
   };
   getActiveDomTarget_fn = function() {
@@ -94624,29 +94790,15 @@ ${l}
   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);
+    if (region.kind === "header" && typeof converter.createDefaultHeader === "function") {
+      converter.createDefaultHeader(variant);
+    } else if (region.kind === "footer" && typeof converter.createDefaultFooter === "function") {
+      converter.createDefaultFooter(variant);
     }
+    __privateSet(this, _headerFooterIdentifier, extractIdentifierFromConverter(converter));
   };
   getPageElement_fn = function(pageIndex) {
     if (!__privateGet$1(this, _painterHost)) return null;
@@ -148997,7 +149149,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "1.0.0-beta.56";
+      this.version = "1.0.0-beta.58";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;
@@ -151463,7 +151615,7 @@ ${style2}
       value && typeof value === "object" && "byteLength" in value && "byteOffset" in value
     );
   }
-  const indexDYnUncjo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const indexBWMksCRw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     unified
   }, Symbol.toStringTag, { value: "Module" }));