@harbour-enterprises/superdoc 0.12.36-next.7 → 0.12.36-next.8

package/dist/chunks/{super-editor.es-X2sJyEa5.cjs → super-editor.es-DO-kuhQq.cjs}

@@ -18862,7 +18862,9 @@ function exportSchemaToJson(params2) {
     shapeContainer: translateShapeContainer,
     shapeTextbox: translateShapeTextbox,
     contentBlock: translateContentBlock,
-    structuredContent: translateStructuredContent
+    structuredContent: translateStructuredContent,
+    "page-number": translatePageNumberNode,
+    "total-page-number": translateTotalPageNumberNode
   };
   if (!router[type2]) {
     console.error("No translation function found for node type:", type2);
@@ -20559,6 +20561,81 @@ function translateStructuredContent(params2) {
     elements: nodeElements
   };
 }
+const translatePageNumberNode = (params2) => {
+  const outputMarks = processOutputMarks(params2.node.attrs?.marksAsAttrs || []);
+  return getAutoPageJson("PAGE", outputMarks);
+};
+const translateTotalPageNumberNode = (params2) => {
+  const outputMarks = processOutputMarks(params2.node.attrs?.marksAsAttrs || []);
+  return getAutoPageJson("NUMPAGES", outputMarks);
+};
+const getAutoPageJson = (type2, outputMarks = []) => {
+  return [
+    {
+      "name": "w:r",
+      "elements": [
+        {
+          "name": "w:rPr",
+          "elements": outputMarks
+        },
+        {
+          "name": "w:fldChar",
+          "attributes": {
+            "w:fldCharType": "begin"
+          }
+        }
+      ]
+    },
+    {
+      "name": "w:r",
+      "elements": [
+        {
+          "name": "w:rPr",
+          "elements": outputMarks
+        },
+        {
+          "name": "w:instrText",
+          "elements": [
+            {
+              "type": "text",
+              "text": ` ${type2}`
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "w:r",
+      "elements": [
+        {
+          "name": "w:rPr",
+          "elements": outputMarks
+        },
+        {
+          "name": "w:fldChar",
+          "attributes": {
+            "w:fldCharType": "separate"
+          }
+        }
+      ]
+    },
+    {
+      "name": "w:r",
+      "elements": [
+        {
+          "name": "w:rPr",
+          "elements": outputMarks
+        },
+        {
+          "name": "w:fldChar",
+          "attributes": {
+            "w:fldCharType": "end"
+          }
+        }
+      ]
+    }
+  ];
+};
 const defaultInitialXml = `<w:document xmlns:wpc="http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas" xmlns:cx="http://schemas.microsoft.com/office/drawing/2014/chartex" xmlns:cx1="http://schemas.microsoft.com/office/drawing/2015/9/8/chartex" xmlns:cx2="http://schemas.microsoft.com/office/drawing/2015/10/21/chartex" xmlns:cx3="http://schemas.microsoft.com/office/drawing/2016/5/9/chartex" xmlns:cx4="http://schemas.microsoft.com/office/drawing/2016/5/10/chartex" xmlns:cx5="http://schemas.microsoft.com/office/drawing/2016/5/11/chartex" xmlns:cx6="http://schemas.microsoft.com/office/drawing/2016/5/12/chartex" xmlns:cx7="http://schemas.microsoft.com/office/drawing/2016/5/13/chartex" xmlns:cx8="http://schemas.microsoft.com/office/drawing/2016/5/14/chartex" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:aink="http://schemas.microsoft.com/office/drawing/2016/ink" xmlns:am3d="http://schemas.microsoft.com/office/drawing/2017/model3d" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:oel="http://schemas.microsoft.com/office/2019/extlst" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:wp14="http://schemas.microsoft.com/office/word/2010/wordprocessingDrawing" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing" xmlns:w10="urn:schemas-microsoft-com:office:word" xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:w14="http://schemas.microsoft.com/office/word/2010/wordml" xmlns:w15="http://schemas.microsoft.com/office/word/2012/wordml" xmlns:w16cex="http://schemas.microsoft.com/office/word/2018/wordml/cex" xmlns:w16cid="http://schemas.microsoft.com/office/word/2016/wordml/cid" xmlns:w16="http://schemas.microsoft.com/office/word/2018/wordml" xmlns:w16sdtdh="http://schemas.microsoft.com/office/word/2020/wordml/sdtdatahash" xmlns:w16se="http://schemas.microsoft.com/office/word/2015/wordml/symex" xmlns:wpg="http://schemas.microsoft.com/office/word/2010/wordprocessingGroup" xmlns:wpi="http://schemas.microsoft.com/office/word/2010/wordprocessingInk" xmlns:wne="http://schemas.microsoft.com/office/word/2006/wordml" xmlns:wps="http://schemas.microsoft.com/office/word/2010/wordprocessingShape" mc:Ignorable="w14 w15 w16se w16cid w16 w16cex w16sdtdh wp14"><w:body></w:body></w:document>`;
 const parseXmlToJson = (xml) => {
   return JSON.parse(xmljs.xml2json(xml, null, 2));
@@ -22267,15 +22344,25 @@ const processCombinedNodesForFldChar = (nodesToCombine = []) => {
   if (!isNumPages) isNumPages = instrText?.trim().startsWith("NUMPAGES");
   const urlMatch = instrText?.match(/HYPERLINK\s+"([^"]+)"/);
   if (hasPageMarker) {
-    processedNodes.push({
+    const pageNumNode = {
       name: "sd:autoPageNumber",
       type: "element"
+    };
+    nodesToCombine.forEach((n) => {
+      const rPrNode = n.elements.find((el) => el.name === "w:rPr");
+      if (rPrNode) pageNumNode.elements = [rPrNode];
     });
+    processedNodes.push(pageNumNode);
   } else if (isNumPages) {
-    processedNodes.push({
+    const totalPageNumNode = {
       name: "sd:totalPageNumber",
       type: "element"
+    };
+    nodesToCombine.forEach((n) => {
+      const rPrNode = n.elements.find((el) => el.name === "w:rPr");
+      if (rPrNode) totalPageNumNode.elements = [rPrNode];
     });
+    processedNodes.push(totalPageNumNode);
   } else if (urlMatch && urlMatch?.length >= 2) {
     const url = urlMatch[1];
     const textMarks = [];
@@ -22611,8 +22698,13 @@ const handleAutoPageNumber = (params2) => {
   if (nodes.length === 0 || nodes[0].name !== "sd:autoPageNumber") {
     return { nodes: [], consumed: 0 };
   }
+  const rPr = nodes[0].elements?.find((el) => el.name === "w:rPr");
+  const marks = parseMarks(rPr || { elements: [] });
   const processedNode = {
-    type: "page-number"
+    type: "page-number",
+    attrs: {
+      marksAsAttrs: marks
+    }
   };
   return { nodes: [processedNode], consumed: 1 };
 };
@@ -22625,8 +22717,13 @@ const handleAutoTotalPageNumber = (params2) => {
   if (nodes.length === 0 || nodes[0].name !== "sd:totalPageNumber") {
     return { nodes: [], consumed: 0 };
   }
+  const rPr = nodes[0].elements?.find((el) => el.name === "w:rPr");
+  const marks = parseMarks(rPr || { elements: [] });
   const processedNode = {
-    type: "total-page-number"
+    type: "total-page-number",
+    attrs: {
+      marksAsAttrs: marks
+    }
   };
   return { nodes: [processedNode], consumed: 1 };
 };
@@ -23311,7 +23408,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.36-next.7") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.36-next.8") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -23778,7 +23875,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.12.36-next.7") {
+function generateSuperdocVersion(pid = 2, version2 = "0.12.36-next.8") {
   return {
     type: "element",
     name: "property",
@@ -26311,7 +26408,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 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, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _FieldAnnotationView_instances, createAnnotation_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 function getMarksFromSelection(state2) {
   const { from: from2, to, empty: empty2 } = state2.selection;
   const marks = [];
@@ -39080,7 +39177,8 @@ const createHeaderFooterEditor = ({
   appendToBody = true,
   sectionId,
   type: type2,
-  availableHeight
+  availableHeight,
+  currentPageNumber
 }) => {
   const parentStyles = editor.converter.getDocumentDefaultStyles();
   const { fontSizePt, typeface } = parentStyles;
@@ -39121,6 +39219,8 @@ const createHeaderFooterEditor = ({
     fonts: editor.options.fonts,
     isHeaderOrFooter: true,
     annotations: true,
+    currentPageNumber,
+    parentEditor: editor,
     onCreate: (evt) => setEditorToolbar(evt, editor),
     onBlur: (evt) => onHeaderFooterDataUpdate(evt, editor, sectionId, type2)
   });
@@ -41119,7 +41219,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.12.36-next.7");
+    console.debug("[checkVersionMigrations] Current editor version", "0.12.36-next.8");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -48767,32 +48867,89 @@ const PageNumber = Node$1.create({
   name: "page-number",
   group: "inline",
   inline: true,
-  content: "text*",
+  atom: true,
+  selectable: false,
+  draggable: false,
+  selectable: false,
+  defining: true,
+  content: "",
   addOptions() {
     return {
       htmlAttributes: {
+        contenteditable: false,
         "data-id": "auto-page-number",
         "aria-label": "Page number node"
       }
     };
   },
+  addAttributes() {
+    return {
+      marksAsAttrs: {
+        default: null,
+        rendered: false
+      }
+    };
+  },
+  addNodeView() {
+    return ({ node: node2, editor, getPos, decorations }) => {
+      const htmlAttributes = this.options.htmlAttributes;
+      return new AutoPageNumberNodeView(node2, getPos, decorations, editor, htmlAttributes);
+    };
+  },
   parseDOM() {
     return [{ tag: 'span[data-id="auto-page-number"' }];
   },
   renderDOM({ htmlAttributes }) {
-    return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+    return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
+  },
+  addCommands() {
+    return {
+      addAutoPageNumber: () => ({ tr, dispatch, state: state2, editor }) => {
+        const { options: options2 } = editor;
+        if (!options2.isHeaderOrFooter) return false;
+        const { schema } = state2;
+        const pageNumberType = schema?.nodes?.["page-number"];
+        if (!pageNumberType) return false;
+        const pageNumberNodeJSON = { type: "page-number" };
+        const pageNumberNode = schema.nodeFromJSON(pageNumberNodeJSON);
+        if (dispatch) {
+          tr.replaceSelectionWith(pageNumberNode, false);
+          tr.setMeta("forceUpdatePagination", true);
+        }
+        return true;
+      }
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Shift-alt-p": () => this.editor.commands.addAutoPageNumber()
+    };
   }
 });
 const TotalPageCount = Node$1.create({
   name: "total-page-number",
   group: "inline",
   inline: true,
+  atom: true,
+  selectable: false,
+  draggable: false,
+  selectable: false,
   content: "text*",
   addOptions() {
     return {
       htmlAttributes: {
+        contenteditable: false,
         "data-id": "auto-total-pages",
-        "aria-label": "Total page count node"
+        "aria-label": "Total page count node",
+        "class": "sd-editor-auto-total-pages"
+      }
+    };
+  },
+  addAttributes() {
+    return {
+      marksAsAttrs: {
+        default: null,
+        rendered: false
       }
     };
   },
@@ -48801,8 +48958,139 @@ const TotalPageCount = Node$1.create({
   },
   renderDOM({ htmlAttributes }) {
     return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+  },
+  addCommands() {
+    return {
+      addTotalPageCount: () => ({ tr, dispatch, state: state2, editor }) => {
+        const { options: options2 } = editor;
+        if (!options2.isHeaderOrFooter) return false;
+        const { schema } = state2;
+        const pageNumberType = schema.nodes?.["total-page-number"];
+        if (!pageNumberType) return false;
+        const currentPages = editor?.options?.parentEditor?.currentTotalPages || 1;
+        const pageNumberNode = {
+          type: "total-page-number",
+          content: [{ type: "text", text: String(currentPages) }]
+        };
+        const pageNode = schema.nodeFromJSON(pageNumberNode);
+        if (dispatch) {
+          tr.replaceSelectionWith(pageNode, false);
+        }
+        return true;
+      }
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Shift-alt-c": () => this.editor.commands.addTotalPageCount()
+    };
   }
 });
+class AutoPageNumberNodeView {
+  constructor(node2, getPos, decorations, editor, htmlAttributes = {}) {
+    __privateAdd$1(this, _AutoPageNumberNodeView_instances);
+    this.node = node2;
+    this.editor = editor;
+    this.view = editor.view;
+    this.getPos = getPos;
+    this.editor = editor;
+    this.dom = __privateMethod$1(this, _AutoPageNumberNodeView_instances, renderDom_fn).call(this, node2, htmlAttributes);
+  }
+  update(node2) {
+    if (node2.type !== this.node.type) return false;
+    this.node = node2;
+    return true;
+  }
+}
+_AutoPageNumberNodeView_instances = /* @__PURE__ */ new WeakSet();
+renderDom_fn = function(node2, htmlAttributes) {
+  const pageText = this.editor.options.currentPageNumber || "1";
+  const content = document.createTextNode(String(pageText));
+  const nodeContent = document.createElement("span");
+  nodeContent.className = "sd-editor-auto-page-number";
+  nodeContent.setAttribute("data-id", "auto-page-number");
+  nodeContent.setAttribute("aria-label", "Page number node");
+  const currentPos = this.getPos();
+  const { styles, marks } = getMarksFromNeighbors(currentPos, this.view);
+  __privateMethod$1(this, _AutoPageNumberNodeView_instances, scheduleUpdateNodeStyle_fn).call(this, currentPos, marks);
+  Object.assign(nodeContent.style, styles);
+  nodeContent.appendChild(content);
+  Object.entries(htmlAttributes).forEach(([key, value]) => {
+    if (value) nodeContent.setAttribute(key, value);
+  });
+  return nodeContent;
+};
+scheduleUpdateNodeStyle_fn = function(pos, marks) {
+  setTimeout(() => {
+    const { state: state2 } = this.editor;
+    const { dispatch } = this.view;
+    const node2 = state2.doc.nodeAt(pos);
+    if (!node2) return;
+    const currentMarks = node2.attrs.marksAsAttrs || [];
+    const newMarks = marks.map((m) => ({ type: m.type.name, attrs: m.attrs }));
+    const isEqual = JSON.stringify(currentMarks) === JSON.stringify(newMarks);
+    if (isEqual) return;
+    const newAttrs = {
+      ...node2.attrs,
+      marksAsAttrs: newMarks
+    };
+    const tr = state2.tr.setNodeMarkup(pos, void 0, newAttrs);
+    dispatch(tr);
+  }, 0);
+};
+const getMarksFromNeighbors = (currentPos, view) => {
+  const $pos = view.state.doc.resolve(currentPos);
+  const styles = {};
+  const marks = [];
+  const before = $pos.nodeBefore;
+  if (before) {
+    Object.assign(styles, processMarks(before.marks));
+    marks.push(...before.marks);
+  }
+  const after = $pos.nodeAfter;
+  if (after) {
+    Object.assign(styles, { ...styles, ...processMarks(after.marks) });
+    marks.push(...after.marks);
+  }
+  return {
+    styles,
+    marks
+  };
+};
+const processMarks = (marks) => {
+  const styles = {};
+  marks.forEach((mark) => {
+    const { type: type2, attrs } = mark;
+    switch (type2.name) {
+      case "textStyle":
+        if (attrs.fontFamily) styles["font-family"] = attrs.fontFamily;
+        if (attrs.fontSize) styles["font-size"] = attrs.fontSize;
+        if (attrs.color) styles["color"] = attrs.color;
+        if (attrs.backgroundColor) styles["background-color"] = attrs.backgroundColor;
+        break;
+      case "bold":
+        styles["font-weight"] = "bold";
+        break;
+      case "italic":
+        styles["font-style"] = "italic";
+        break;
+      case "underline":
+        styles["text-decoration"] = (styles["text-decoration"] || "") + " underline";
+        break;
+      case "strike":
+        styles["text-decoration"] = (styles["text-decoration"] || "") + " line-through";
+        break;
+      default:
+        if (attrs?.style) {
+          Object.entries(attrs.style).forEach(([key, value]) => {
+            styles[key] = value;
+          });
+        }
+        break;
+    }
+  });
+  return styles;
+};
 const ShapeContainer = Node$1.create({
   name: "shapeContainer",
   group: "block",
@@ -52840,16 +53128,15 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
   const decorations = [];
   const { pageSize, pageMargins } = editor.converter.pageStyles;
   const pageHeight = pageSize.height * 96;
-  editor.options.scale;
   let currentPageNumber = 1;
   let pageHeightThreshold = pageHeight;
   let footer = null, header = null;
   const firstHeaderId = getHeaderFooterId(currentPageNumber, "headerIds", editor);
-  const firstHeader = createHeader(pageMargins, pageSize, sectionData, firstHeaderId, editor);
+  const firstHeader = createHeader(pageMargins, pageSize, sectionData, firstHeaderId, editor, currentPageNumber);
   const pageBreak = createPageBreak({ editor, header: firstHeader, isFirstHeader: true });
   decorations.push(Decoration.widget(0, pageBreak, { key: "stable-key" }));
   const lastFooterId = getHeaderFooterId(currentPageNumber, "footerIds", editor);
-  const lastFooter = createFooter(pageMargins, pageSize, sectionData, lastFooterId, editor);
+  const lastFooter = createFooter(pageMargins, pageSize, sectionData, lastFooterId, editor, currentPageNumber);
   pageHeightThreshold -= firstHeader.headerHeight + lastFooter.footerHeight;
   let coords = view?.coordsAtPos(doc2.content.size);
   if (!coords) return [];
@@ -52868,7 +53155,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       if (currentPageNumber === 1) {
         const headerId2 = getHeaderFooterId(currentPageNumber, "headerIds", editor, currentNode);
         decorations.pop();
-        const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2, editor);
+        const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2, editor, currentPageNumber - 1);
         const pageBreak2 = createPageBreak({ editor, header: newFirstHeader, isFirstHeader: true });
         decorations.push(Decoration.widget(0, pageBreak2, { key: "stable-key" }));
       }
@@ -52897,7 +53184,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       const footerId2 = getHeaderFooterId(currentPageNumber, "footerIds", editor, currentNode);
       currentPageNumber++;
       const headerId2 = getHeaderFooterId(currentPageNumber, "headerIds", editor);
-      header = createHeader(pageMargins, pageSize, sectionData, headerId2, editor);
+      header = createHeader(pageMargins, pageSize, sectionData, headerId2, editor, currentPageNumber - 1);
       footer = createFooter(pageMargins, pageSize, sectionData, footerId2, editor, currentPageNumber - 1);
       const bufferHeight2 = pageHeightThreshold - actualBreakBottom;
       const { node: spacingNode2 } = createFinalPagePadding(bufferHeight2);
@@ -52912,7 +53199,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
   const lastNodeCoords = view.coordsAtPos(finalPos);
   const headerId = getHeaderFooterId(currentPageNumber, "headerIds", editor);
   const footerId = getHeaderFooterId(currentPageNumber, "footerIds", editor);
-  header = createHeader(pageMargins, pageSize, sectionData, headerId, editor);
+  header = createHeader(pageMargins, pageSize, sectionData, headerId, editor, currentPageNumber);
   footer = createFooter(pageMargins, pageSize, sectionData, footerId, editor, currentPageNumber);
   const bufferHeight = pageHeightThreshold - lastNodeCoords.bottom;
   const { node: spacingNode } = createFinalPagePadding(bufferHeight);
@@ -52929,6 +53216,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       totalPageNumber.innerText = currentPageNumber;
     }
   });
+  editor.currentTotalPages = currentPageNumber;
   return decorations;
 }
 function createFinalPagePadding(bufferHeight) {
@@ -52939,7 +53227,7 @@ function createFinalPagePadding(bufferHeight) {
   div2.style.height = bufferHeight + "px";
   return { nodeHeight: bufferHeight, node: div2 };
 }
-function createHeader(pageMargins, pageSize, sectionData, headerId, editor) {
+function createHeader(pageMargins, pageSize, sectionData, headerId, editor, currentPageNumber) {
   const headerDef = sectionData.headers?.[headerId];
   const minHeaderHeight = pageMargins.top * 96;
   const headerMargin = pageMargins.header * 96;
@@ -52966,7 +53254,8 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor) {
     appendToBody: false,
     sectionId: headerId,
     type: "header",
-    availableHeight
+    availableHeight,
+    currentPageNumber
   });
   editor.converter.headerEditors.push({
     id: headerId,
@@ -52992,13 +53281,6 @@ function createFooter(pageMargins, pageSize, sectionData, footerId, editor, curr
   const minFooterHeight = pageMargins.bottom * 96;
   const footerPaddingFromEdge = pageMargins.footer * 96;
   const footerHeight = Math.max(footerDef?.height || 0, minFooterHeight - footerPaddingFromEdge);
-  const sectionContainer = footerDef?.sectionContainer?.cloneNode(true);
-  const autoPageNumber = sectionContainer?.querySelector('span[data-id="auto-page-number"]');
-  if (autoPageNumber) {
-    const fontSize2 = autoPageNumber.previousElementSibling?.style?.fontSize || autoPageNumber.nextElementSibling?.style?.fontSize;
-    if (fontSize2) autoPageNumber.style.fontSize = fontSize2;
-    autoPageNumber.innerText = currentPageNumber;
-  }
   const editorContainer = document.createElement("div");
   if (!footerId && !editor.converter.footerIds["default"]) {
     footerId = "rId" + generateDocxRandomId();
@@ -53018,7 +53300,8 @@ function createFooter(pageMargins, pageSize, sectionData, footerId, editor, curr
     appendToBody: false,
     sectionId: footerId,
     type: "footer",
-    availableHeight: footerHeight
+    availableHeight: footerHeight,
+    currentPageNumber
   });
   editor.converter.footerEditors.push({
     id: footerId,