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

package/dist/super-editor/chunks/{converter-wbU2SP4i.js → converter-BCnMtqK6.js}

@@ -18864,7 +18864,9 @@ function exportSchemaToJson(params) {
     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);
@@ -20561,6 +20563,81 @@ function translateStructuredContent(params) {
     elements: nodeElements
   };
 }
+const translatePageNumberNode = (params) => {
+  const outputMarks = processOutputMarks(params.node.attrs?.marksAsAttrs || []);
+  return getAutoPageJson("PAGE", outputMarks);
+};
+const translateTotalPageNumberNode = (params) => {
+  const outputMarks = processOutputMarks(params.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));
@@ -22269,15 +22346,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 = [];
@@ -22613,8 +22700,13 @@ const handleAutoPageNumber = (params) => {
   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 };
 };
@@ -22627,8 +22719,13 @@ const handleAutoTotalPageNumber = (params) => {
   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 };
 };
@@ -23313,7 +23410,7 @@ const _SuperConverter = class _SuperConverter {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version = "0.12.36-next.7") {
+  static updateDocumentVersion(docx = this.convertedXml, version = "0.12.36-next.8") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -23783,7 +23880,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version = "0.12.36-next.7") {
+function generateSuperdocVersion(pid = 2, version = "0.12.36-next.8") {
   return {
     type: "element",
     name: "property",

package/dist/super-editor/chunks/{docx-zipper-BL3thpAA.js → docx-zipper-BEWaJso4.js}

@@ -1,4 +1,4 @@
-import { x as process$1, a1 as commonjsGlobal, B as Buffer, a2 as getDefaultExportFromCjs, a3 as getContentTypesFromXml, a4 as xmljs } from "./converter-wbU2SP4i.js";
+import { x as process$1, a1 as commonjsGlobal, B as Buffer, a2 as getDefaultExportFromCjs, a3 as getContentTypesFromXml, a4 as xmljs } from "./converter-BCnMtqK6.js";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }

package/dist/super-editor/chunks/{editor-CrElllON.js → editor-CTFQa4G4.js}

@@ -9,12 +9,12 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(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;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, c as callOrGet, i as isEmptyObject, S as Schema$1, T as TextSelection, b as canSplit, l as liftTarget, A as AllSelection, d as canJoin, j as joinPoint, N as NodeSelection, r as replaceStep$1, e as Selection, F as Fragment, R as ReplaceAroundStep, f as Slice, o as objectIncludes, g as deleteProps, D as DOMParser$1, h as ReplaceStep, k as NodeRange, m as findWrapping, n as isMacOS, p as isIOS, q as generateDocxRandomId, s as minMax, t as generateRandom32BitHex, u as DOMSerializer, v as Mark$1, w as dropPoint, x as process$1, B as Buffer2, y as isRegExp, z as TrackDeleteMarkName, C as TrackInsertMarkName, E as v4, G as TrackFormatMarkName, H as comments_module_events, I as AddMarkStep, J as RemoveMarkStep, K as twipsToLines, L as pixelsToTwips, O as SuperConverter, Q as EditorState, U as hasSomeParentWithClass, V as parseSizeUnit, W as getLineHeightValueString, X as toKebabCase, Y as kebabCase, Z as getColStyleDeclaration, _ as SelectionRange, $ as Transform, a0 as createColGroup } from "./converter-wbU2SP4i.js";
+import { P as PluginKey, a as Plugin, M as Mapping, c as callOrGet, i as isEmptyObject, S as Schema$1, T as TextSelection, b as canSplit, l as liftTarget, A as AllSelection, d as canJoin, j as joinPoint, N as NodeSelection, r as replaceStep$1, e as Selection, F as Fragment, R as ReplaceAroundStep, f as Slice, o as objectIncludes, g as deleteProps, D as DOMParser$1, h as ReplaceStep, k as NodeRange, m as findWrapping, n as isMacOS, p as isIOS, q as generateDocxRandomId, s as minMax, t as generateRandom32BitHex, u as DOMSerializer, v as Mark$1, w as dropPoint, x as process$1, B as Buffer2, y as isRegExp, z as TrackDeleteMarkName, C as TrackInsertMarkName, E as v4, G as TrackFormatMarkName, H as comments_module_events, I as AddMarkStep, J as RemoveMarkStep, K as twipsToLines, L as pixelsToTwips, O as SuperConverter, Q as EditorState, U as hasSomeParentWithClass, V as parseSizeUnit, W as getLineHeightValueString, X as toKebabCase, Y as kebabCase, Z as getColStyleDeclaration, _ as SelectionRange, $ as Transform, a0 as createColGroup } from "./converter-BCnMtqK6.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
-import { D as DocxZipper } from "./docx-zipper-BL3thpAA.js";
+import { D as DocxZipper } from "./docx-zipper-BEWaJso4.js";
 function getMarksFromSelection(state) {
   const { from: from2, to, empty: empty2 } = state.selection;
   const marks = [];
@@ -12792,7 +12792,8 @@ const createHeaderFooterEditor = ({
   appendToBody = true,
   sectionId,
   type,
-  availableHeight
+  availableHeight,
+  currentPageNumber
 }) => {
   const parentStyles = editor.converter.getDocumentDefaultStyles();
   const { fontSizePt, typeface } = parentStyles;
@@ -12833,6 +12834,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, type)
   });
@@ -14859,7 +14862,7 @@ const _Editor = class _Editor extends EventEmitter {
    * @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");
@@ -22641,32 +22644,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, editor, getPos, decorations }) => {
+      const htmlAttributes = this.options.htmlAttributes;
+      return new AutoPageNumberNodeView(node, getPos, decorations, editor, htmlAttributes);
+    };
+  },
   parseDOM() {
     return [{ tag: 'span[data-id="auto-page-number"' }];
   },
   renderDOM({ htmlAttributes }) {
-    return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+    return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
+  },
+  addCommands() {
+    return {
+      addAutoPageNumber: () => ({ tr, dispatch, state, editor }) => {
+        const { options } = editor;
+        if (!options.isHeaderOrFooter) return false;
+        const { schema } = state;
+        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
       }
     };
   },
@@ -22675,8 +22735,139 @@ const TotalPageCount = Node$1.create({
   },
   renderDOM({ htmlAttributes }) {
     return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+  },
+  addCommands() {
+    return {
+      addTotalPageCount: () => ({ tr, dispatch, state, editor }) => {
+        const { options } = editor;
+        if (!options.isHeaderOrFooter) return false;
+        const { schema } = state;
+        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(node, getPos, decorations, editor, htmlAttributes = {}) {
+    __privateAdd(this, _AutoPageNumberNodeView_instances);
+    this.node = node;
+    this.editor = editor;
+    this.view = editor.view;
+    this.getPos = getPos;
+    this.editor = editor;
+    this.dom = __privateMethod(this, _AutoPageNumberNodeView_instances, renderDom_fn).call(this, node, htmlAttributes);
+  }
+  update(node) {
+    if (node.type !== this.node.type) return false;
+    this.node = node;
+    return true;
+  }
+}
+_AutoPageNumberNodeView_instances = new WeakSet();
+renderDom_fn = function(node, 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(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 } = this.editor;
+    const { dispatch } = this.view;
+    const node = state.doc.nodeAt(pos);
+    if (!node) return;
+    const currentMarks = node.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 = {
+      ...node.attrs,
+      marksAsAttrs: newMarks
+    };
+    const tr = state.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, attrs } = mark;
+    switch (type.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",
@@ -26714,16 +26905,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 [];
@@ -26742,7 +26932,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" }));
       }
@@ -26771,7 +26961,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);
@@ -26786,7 +26976,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);
@@ -26803,6 +26993,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       totalPageNumber.innerText = currentPageNumber;
     }
   });
+  editor.currentTotalPages = currentPageNumber;
   return decorations;
 }
 function createFinalPagePadding(bufferHeight) {
@@ -26813,7 +27004,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;
@@ -26840,7 +27031,8 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor) {
     appendToBody: false,
     sectionId: headerId,
     type: "header",
-    availableHeight
+    availableHeight,
+    currentPageNumber
   });
   editor.converter.headerEditors.push({
     id: headerId,
@@ -26866,13 +27058,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 fontSize = autoPageNumber.previousElementSibling?.style?.fontSize || autoPageNumber.nextElementSibling?.style?.fontSize;
-    if (fontSize) autoPageNumber.style.fontSize = fontSize;
-    autoPageNumber.innerText = currentPageNumber;
-  }
   const editorContainer = document.createElement("div");
   if (!footerId && !editor.converter.footerIds["default"]) {
     footerId = "rId" + generateDocxRandomId();
@@ -26892,7 +27077,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,

package/dist/super-editor/chunks/{toolbar-DJBp5g7l.js → toolbar-CJt0mQxX.js}

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

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

@@ -1,4 +1,4 @@
-import { O } from "./chunks/converter-wbU2SP4i.js";
+import { O } from "./chunks/converter-BCnMtqK6.js";
 export {
   O as SuperConverter
 };

package/dist/super-editor/core/Attribute.d.ts

@@ -15,14 +15,14 @@ export class Attribute {
      * @param defaultAttribute Default attribute.
      * @returns Global extension attributes.
      */
-    static "__#5@#getGlobalAttributes"(extensions: any, defaultAttribute: any): any[];
+    static "__#6@#getGlobalAttributes"(extensions: any, defaultAttribute: any): any[];
     /**
      * Get a list of attributes defined in the Node and Mark extensions.
      * @param extensions List of all extensions.
      * @param defaultAttribute Default attribute.
      * @returns Node and Mark extension attributes.
      */
-    static "__#5@#getNodeAndMarksAttributes"(extensions: any, defaultAttribute: any): {
+    static "__#6@#getNodeAndMarksAttributes"(extensions: any, defaultAttribute: any): {
         type: any;
         name: string;
         attribute: any;

package/dist/super-editor/core/Schema.d.ts

@@ -16,7 +16,7 @@ export class Schema {
      * @param editor Editor instance.
      * @returns Nodes schema.
      */
-    static "__#6@#createNodesSchema"(nodeExtensions: any, attributes: any, editor: any): {
+    static "__#7@#createNodesSchema"(nodeExtensions: any, attributes: any, editor: any): {
         [k: string]: any;
     };
     /**
@@ -26,7 +26,7 @@ export class Schema {
      * @param editor Editor instance.
      * @returns Marks schema.
      */
-    static "__#6@#createMarksSchema"(markExtensions: any, attributes: any, editor: any): {
+    static "__#7@#createMarksSchema"(markExtensions: any, attributes: any, editor: any): {
         [k: string]: any;
     };
 }

package/dist/super-editor/core/super-converter/exporter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exporter.d.ts","sourceRoot":"","sources":["../../../src/core/super-converter/exporter.js"],"names":[],"mappings":"AAwBA;;;;;GAKG;AAEH;;;;;;;;;;;;GAYG;AAEH;;;GAGG;AAEH;;;GAGG;AAEH;;;;GAIG;AAEH;;;;;GAKG;AACH,2CAHW,YAAY,GACV,YAAY,CAsCxB;AA+DD;;;;;GAKG;AACH,qDAFa,YAAY,CAyBxB;AAs5DD;;;;;;;;;EAcC;AA+FD;IACE,4BAEC;IADC,eAA0B;IAG5B,gDAGC;;CAwEF;;;;;;;;;;;;;mBA1vEa,KAAQ;;;;;;UAKR,MAAM;;;;aACN,KAAK,CAAC,UAAU,CAAC;;;;;;;;;;;;;UAMjB,MAAM;;;;cACN,KAAK,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;UAgBnB,MAAM"}
+{"version":3,"file":"exporter.d.ts","sourceRoot":"","sources":["../../../src/core/super-converter/exporter.js"],"names":[],"mappings":"AAwBA;;;;;GAKG;AAEH;;;;;;;;;;;;GAYG;AAEH;;;GAGG;AAEH;;;GAGG;AAEH;;;;GAIG;AAEH;;;;;GAKG;AACH,2CAHW,YAAY,GACV,YAAY,CAwCxB;AA+DD;;;;;GAKG;AACH,qDAFa,YAAY,CAyBxB;AAs5DD;;;;;;;;;EAcC;AA+FD;IACE,4BAEC;IADC,eAA0B;IAG5B,gDAGC;;CAwEF;;;;;;;;;;;;;mBA5vEa,KAAQ;;;;;;UAKR,MAAM;;;;aACN,KAAK,CAAC,UAAU,CAAC;;;;;;;;;;;;;UAMjB,MAAM;;;;cACN,KAAK,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;UAgBnB,MAAM"}

package/dist/super-editor/core/super-converter/v2/importer/autoPageNumberImporter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoPageNumberImporter.d.ts","sourceRoot":"","sources":["../../../../../src/core/super-converter/v2/importer/autoPageNumberImporter.js"],"names":[],"mappings":"AAeA;;GAEG;AACH,wCAGE;AAiBF;;GAEG;AACH,2CAGE"}
+{"version":3,"file":"autoPageNumberImporter.d.ts","sourceRoot":"","sources":["../../../../../src/core/super-converter/v2/importer/autoPageNumberImporter.js"],"names":[],"mappings":"AAsBA;;GAEG;AACH,wCAGE;AAsBF;;GAEG;AACH,2CAGE"}

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

@@ -1,5 +1,5 @@
-import "./chunks/converter-wbU2SP4i.js";
-import { D } from "./chunks/docx-zipper-BL3thpAA.js";
+import "./chunks/converter-BCnMtqK6.js";
+import { D } from "./chunks/docx-zipper-BEWaJso4.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-CrElllON.js";
-import "./chunks/converter-wbU2SP4i.js";
-import "./chunks/docx-zipper-BL3thpAA.js";
+import { E } from "./chunks/editor-CTFQa4G4.js";
+import "./chunks/converter-BCnMtqK6.js";
+import "./chunks/docx-zipper-BEWaJso4.js";
 export {
   E as Editor
 };

package/dist/super-editor/extensions/page-number/page-number.d.ts

@@ -1,3 +1,13 @@
 export const PageNumber: any;
 export const TotalPageCount: any;
+export class AutoPageNumberNodeView {
+    constructor(node: any, getPos: any, decorations: any, editor: any, htmlAttributes?: {});
+    node: any;
+    editor: any;
+    view: any;
+    getPos: any;
+    dom: HTMLSpanElement;
+    update(node: any): boolean;
+    #private;
+}
 //# sourceMappingURL=page-number.d.ts.map

package/dist/super-editor/extensions/page-number/page-number.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-number.d.ts","sourceRoot":"","sources":["../../../src/extensions/page-number/page-number.js"],"names":[],"mappings":"AAEA,6BAuBG;AAEH,iCAuBG"}
+{"version":3,"file":"page-number.d.ts","sourceRoot":"","sources":["../../../src/extensions/page-number/page-number.js"],"names":[],"mappings":"AAEA,6BAyEG;AAEH,iCAoEG;AAGH;IACE,wFAQC;IAPC,UAAgB;IAChB,YAAoB;IACpB,UAAuB;IACvB,YAAoB;IAGpB,qBAAgD;IAmDlD,2BAIC;;CACF"}