@harbour-enterprises/superdoc 0.12.35 → 0.12.36-next.10

package/dist/super-editor/chunks/{editor-B5TyAe8v.js → editor-D2aY4DLZ.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-DQPyKWs_.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-Dhv5kzsP.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-cJ42om_0.js";
+import { D as DocxZipper } from "./docx-zipper-Co1uS6tK.js";
 function getMarksFromSelection(state) {
   const { from: from2, to, empty: empty2 } = state.selection;
   const marks = [];
@@ -4423,7 +4423,7 @@ function windowRect(doc2) {
     bottom: doc2.documentElement.clientHeight
   };
 }
-function getSide(value, side) {
+function getSide$1(value, side) {
   return typeof value == "number" ? value : value[side];
 }
 function clientRect(node) {
@@ -4451,14 +4451,14 @@ function scrollRectIntoView(view, rect, startDOM) {
     let atTop = elt == doc2.body;
     let bounding = atTop ? windowRect(doc2) : clientRect(elt);
     let moveX = 0, moveY = 0;
-    if (rect.top < bounding.top + getSide(scrollThreshold, "top"))
-      moveY = -(bounding.top - rect.top + getSide(scrollMargin, "top"));
-    else if (rect.bottom > bounding.bottom - getSide(scrollThreshold, "bottom"))
-      moveY = rect.bottom - rect.top > bounding.bottom - bounding.top ? rect.top + getSide(scrollMargin, "top") - bounding.top : rect.bottom - bounding.bottom + getSide(scrollMargin, "bottom");
-    if (rect.left < bounding.left + getSide(scrollThreshold, "left"))
-      moveX = -(bounding.left - rect.left + getSide(scrollMargin, "left"));
-    else if (rect.right > bounding.right - getSide(scrollThreshold, "right"))
-      moveX = rect.right - bounding.right + getSide(scrollMargin, "right");
+    if (rect.top < bounding.top + getSide$1(scrollThreshold, "top"))
+      moveY = -(bounding.top - rect.top + getSide$1(scrollMargin, "top"));
+    else if (rect.bottom > bounding.bottom - getSide$1(scrollThreshold, "bottom"))
+      moveY = rect.bottom - rect.top > bounding.bottom - bounding.top ? rect.top + getSide$1(scrollMargin, "top") - bounding.top : rect.bottom - bounding.bottom + getSide$1(scrollMargin, "bottom");
+    if (rect.left < bounding.left + getSide$1(scrollThreshold, "left"))
+      moveX = -(bounding.left - rect.left + getSide$1(scrollMargin, "left"));
+    else if (rect.right > bounding.right - getSide$1(scrollThreshold, "right"))
+      moveX = rect.right - bounding.right + getSide$1(scrollMargin, "right");
     if (moveX || moveY) {
       if (atTop) {
         doc2.defaultView.scrollBy(moveX, moveY);
@@ -9397,10 +9397,10 @@ function checkStateComponent(plugin) {
   if (plugin.spec.state || plugin.spec.filterTransaction || plugin.spec.appendTransaction)
     throw new RangeError("Plugins passed directly to the view must not have a state component");
 }
-const floor = Math.floor;
+const floor$1 = Math.floor;
 const abs = Math.abs;
-const min$1 = (a, b) => a < b ? a : b;
-const max$1 = (a, b) => a > b ? a : b;
+const min$2 = (a, b) => a < b ? a : b;
+const max$2 = (a, b) => a > b ? a : b;
 const isNegativeZero = (n) => n !== 0 ? n < 0 : 1 / n < 0;
 const BIT7 = 64;
 const BIT8 = 128;
@@ -9408,7 +9408,7 @@ const BIT30 = 1 << 29;
 const BITS6 = 63;
 const BITS7 = 127;
 const BITS31 = 2147483647;
-const isInteger = Number.isInteger || ((num) => typeof num === "number" && isFinite(num) && floor(num) === num);
+const isInteger = Number.isInteger || ((num) => typeof num === "number" && isFinite(num) && floor$1(num) === num);
 const create$2 = () => /* @__PURE__ */ new Set();
 const isArray = Array.isArray;
 const fromCharCode = String.fromCharCode;
@@ -9472,7 +9472,7 @@ const verifyLen = (encoder, len) => {
   const bufferLen = encoder.cbuf.length;
   if (bufferLen - encoder.cpos < len) {
     encoder.bufs.push(new Uint8Array(encoder.cbuf.buffer, 0, encoder.cpos));
-    encoder.cbuf = new Uint8Array(max$1(bufferLen, len) * 2);
+    encoder.cbuf = new Uint8Array(max$2(bufferLen, len) * 2);
     encoder.cpos = 0;
   }
 };
@@ -9488,7 +9488,7 @@ const write$1 = (encoder, num) => {
 const writeVarUint = (encoder, num) => {
   while (num > BITS7) {
     write$1(encoder, BIT8 | BITS7 & num);
-    num = floor(num / 128);
+    num = floor$1(num / 128);
   }
   write$1(encoder, BITS7 & num);
 };
@@ -9498,10 +9498,10 @@ const writeVarInt = (encoder, num) => {
     num = -num;
   }
   write$1(encoder, (num > BITS6 ? BIT8 : 0) | (isNegative ? BIT7 : 0) | BITS6 & num);
-  num = floor(num / 64);
+  num = floor$1(num / 64);
   while (num > 0) {
     write$1(encoder, (num > BITS7 ? BIT8 : 0) | BITS7 & num);
-    num = floor(num / 128);
+    num = floor$1(num / 128);
   }
 };
 const _strBuffer = new Uint8Array(3e4);
@@ -9534,13 +9534,13 @@ utf8TextEncoder.encodeInto ? _writeVarStringNative : _writeVarStringPolyfill;
 const writeUint8Array = (encoder, uint8Array) => {
   const bufferLen = encoder.cbuf.length;
   const cpos = encoder.cpos;
-  const leftCopyLen = min$1(bufferLen - cpos, uint8Array.length);
+  const leftCopyLen = min$2(bufferLen - cpos, uint8Array.length);
   const rightCopyLen = uint8Array.length - leftCopyLen;
   encoder.cbuf.set(uint8Array.subarray(0, leftCopyLen), cpos);
   encoder.cpos += leftCopyLen;
   if (rightCopyLen > 0) {
     encoder.bufs.push(encoder.cbuf);
-    encoder.cbuf = new Uint8Array(max$1(bufferLen * 2, rightCopyLen));
+    encoder.cbuf = new Uint8Array(max$2(bufferLen * 2, rightCopyLen));
     encoder.cbuf.set(uint8Array.subarray(leftCopyLen));
     encoder.cpos = rightCopyLen;
   }
@@ -9682,7 +9682,7 @@ const ySyncPluginKey = new PluginKey("y-sync");
 const yUndoPluginKey = new PluginKey("y-undo");
 const yCursorPluginKey = new PluginKey("yjs-cursor");
 const rand = Math.random;
-const oneOf = (arr) => arr[floor(rand() * arr.length)];
+const oneOf = (arr) => arr[floor$1(rand() * arr.length)];
 const undefinedToNull = (v) => v === void 0 ? null : v;
 class VarStoragePolyfill {
   constructor() {
@@ -9712,12 +9712,12 @@ try {
 } catch (e) {
 }
 const varStorage = _localStorage;
-const isNode = typeof process$1 !== "undefined" && process$1.release && /node|io\.js/.test(process$1.release.name) && Object.prototype.toString.call(typeof process$1 !== "undefined" ? process$1 : 0) === "[object process]";
-const isBrowser$1 = typeof window !== "undefined" && typeof document !== "undefined" && !isNode;
+const isNode$1 = typeof process$1 !== "undefined" && process$1.release && /node|io\.js/.test(process$1.release.name) && Object.prototype.toString.call(typeof process$1 !== "undefined" ? process$1 : 0) === "[object process]";
+const isBrowser$1 = typeof window !== "undefined" && typeof document !== "undefined" && !isNode$1;
 let params;
 const computeParams = () => {
   if (params === void 0) {
-    if (isNode) {
+    if (isNode$1) {
       params = create();
       const pargs = process$1.argv;
       let currParamName = null;
@@ -9754,12 +9754,12 @@ const computeParams = () => {
   return params;
 };
 const hasParam = (name) => computeParams().has(name);
-const getVariable = (name) => isNode ? undefinedToNull(process$1.env[name.toUpperCase().replaceAll("-", "_")]) : undefinedToNull(varStorage.getItem(name));
+const getVariable = (name) => isNode$1 ? undefinedToNull(process$1.env[name.toUpperCase().replaceAll("-", "_")]) : undefinedToNull(varStorage.getItem(name));
 const hasConf = (name) => hasParam("--" + name) || getVariable(name) !== null;
 hasConf("production");
-const forceColor = isNode && isOneOf(process$1.env.FORCE_COLOR, ["true", "1", "2"]);
+const forceColor = isNode$1 && isOneOf(process$1.env.FORCE_COLOR, ["true", "1", "2"]);
 forceColor || !hasParam("--no-colors") && // @todo deprecate --no-colors
-!hasConf("no-color") && (!isNode || process$1.stdout.isTTY) && (!isNode || hasParam("--color") || getVariable("COLORTERM") !== null || (getVariable("TERM") || "").includes("color"));
+!hasConf("no-color") && (!isNode$1 || process$1.stdout.isTTY) && (!isNode$1 || hasParam("--color") || getVariable("COLORTERM") !== null || (getVariable("TERM") || "").includes("color"));
 const doc = (
   /** @type {Document} */
   typeof document !== "undefined" ? document : {}
@@ -10268,8 +10268,8 @@ class ProsemirrorBinding {
         new Slice(Fragment.from(fragmentContent), 0, 0)
       );
       if (sel) {
-        const clampedAnchor = min$1(max$1(sel.anchor, 0), tr.doc.content.size);
-        const clampedHead = min$1(max$1(sel.head, 0), tr.doc.content.size);
+        const clampedAnchor = min$2(max$2(sel.anchor, 0), tr.doc.content.size);
+        const clampedHead = min$2(max$2(sel.head, 0), tr.doc.content.size);
         tr.setSelection(TextSelection.create(tr.doc, clampedAnchor, clampedHead));
       }
       this.prosemirrorView.dispatch(
@@ -10666,7 +10666,7 @@ const computeChildEqualityFactor = (ytype, pnode, meta) => {
   const pChildren = normalizePNodeContent(pnode);
   const pChildCnt = pChildren.length;
   const yChildCnt = yChildren.length;
-  const minCnt = min$1(yChildCnt, pChildCnt);
+  const minCnt = min$2(yChildCnt, pChildCnt);
   let left2 = 0;
   let right2 = 0;
   let foundMappedChild = false;
@@ -10778,7 +10778,7 @@ const updateYFragment = (y, yDomFragment, pNode, meta) => {
   const pChildCnt = pChildren.length;
   const yChildren = yDomFragment.toArray();
   const yChildCnt = yChildren.length;
-  const minCnt = min$1(pChildCnt, yChildCnt);
+  const minCnt = min$2(pChildCnt, yChildCnt);
   let left2 = 0;
   let right2 = 0;
   for (; left2 < minCnt; left2++) {
@@ -11151,17 +11151,17 @@ const createDecorations = (state, awareness, awarenessFilter, createCursor, crea
         ystate.binding.mapping
       );
       if (anchor !== null && head !== null) {
-        const maxsize = max$1(state.doc.content.size - 1, 0);
-        anchor = min$1(anchor, maxsize);
-        head = min$1(head, maxsize);
+        const maxsize = max$2(state.doc.content.size - 1, 0);
+        anchor = min$2(anchor, maxsize);
+        head = min$2(head, maxsize);
         decorations.push(
           Decoration.widget(head, () => createCursor(user, clientId), {
             key: clientId + "",
             side: 10
           })
         );
-        const from2 = min$1(anchor, head);
-        const to = max$1(anchor, head);
+        const from2 = min$2(anchor, head);
+        const to = max$2(anchor, head);
         decorations.push(
           Decoration.inline(from2, to, createSelection(user, clientId), {
             inclusiveEnd: true,
@@ -12792,7 +12792,8 @@ const createHeaderFooterEditor = ({
   appendToBody = true,
   sectionId,
   type,
-  availableHeight
+  availableHeight,
+  currentPageNumber
 }) => {
   const parentStyles = editor.converter.getDocumentDefaultStyles();
   const { fontSizePt, typeface } = parentStyles;
@@ -12828,11 +12829,13 @@ const createHeaderFooterEditor = ({
     content: data,
     extensions: getStarterExtensions(),
     documentId: sectionId || "sectionId",
-    media: editor.options.media,
-    mediaFiles: editor.options.mediaFiles,
+    media: editor.storage.image.media,
+    mediaFiles: editor.storage.image.media,
     fonts: editor.options.fonts,
     isHeaderOrFooter: true,
     annotations: true,
+    currentPageNumber,
+    parentEditor: editor,
     onCreate: (evt) => setEditorToolbar(evt, editor),
     onBlur: (evt) => onHeaderFooterDataUpdate(evt, editor, sectionId, type)
   });
@@ -13950,6 +13953,68 @@ const deleteHeaderFooterFieldAnnotations = ({ editor, fieldIdOrArray }) => {
     );
   });
 };
+const cleanUpListsWithAnnotations = (fieldsToDelete = [], editor) => {
+  if (!Array.isArray(fieldsToDelete)) fieldsToDelete = [fieldsToDelete];
+  const { doc: doc2 } = editor.state;
+  const docxAnnotations = getAllFieldAnnotations(editor.state) || [];
+  const nodesToDelete = [];
+  fieldsToDelete.forEach((fieldId) => {
+    const matched = docxAnnotations.find((a) => a.node.attrs.fieldId === fieldId);
+    if (!matched) return;
+    const listItem = findParentNodeClosestToPos(
+      doc2.resolve(matched.pos),
+      (node2) => node2.type.name === "listItem"
+    );
+    if (!listItem) return;
+    let remainingNodes = 0;
+    listItem.node.descendants((node2) => {
+      if (node2.type.name === "fieldAnnotation") {
+        remainingNodes += 1;
+      }
+    });
+    let matchingNodesFound = 0;
+    let hasOtherNodes = false;
+    listItem.node.children.forEach((child, index2) => {
+      const { type } = child;
+      if (type.name !== "paragraph" && type.name !== "fieldAnnotation") return;
+      child.children.forEach((inline) => {
+        const isFieldToDelete = fieldsToDelete.includes(inline.attrs.fieldId);
+        const isFieldType = inline.type.name === "fieldAnnotation";
+        const isMatchingField = isFieldType && isFieldToDelete;
+        if (!isFieldType && !isMatchingField) hasOtherNodes = true;
+        if (isMatchingField) matchingNodesFound += 1;
+      });
+    });
+    if (!hasOtherNodes && matchingNodesFound > 0) {
+      remainingNodes -= matchingNodesFound;
+    }
+    if (remainingNodes > 0) {
+      return;
+    }
+    let { pos, node, depth } = listItem;
+    let $pos = doc2.resolve(pos);
+    while (depth > 0) {
+      const parent = $pos.node(depth - 1);
+      if (parent.childCount === 1) {
+        depth -= 1;
+        pos = $pos.before(depth);
+        node = parent;
+        $pos = doc2.resolve(pos);
+      } else {
+        break;
+      }
+    }
+    if (!nodesToDelete.some((n) => n.pos === pos)) {
+      nodesToDelete.push({ pos, node });
+    }
+  });
+  if (!nodesToDelete.length) return;
+  const tr = editor.state.tr;
+  nodesToDelete.sort((a, b) => b.pos - a.pos).forEach(({ pos, node }) => {
+    tr.delete(pos, pos + node.nodeSize);
+  });
+  editor.view.dispatch(tr);
+};
 const AnnotatorHelpers = {
   getFieldAttrs,
   processTables,
@@ -13957,7 +14022,8 @@ const AnnotatorHelpers = {
   annotateHeadersAndFooters,
   getAllHeaderFooterEditors,
   updateHeaderFooterFieldAnnotations,
-  deleteHeaderFooterFieldAnnotations
+  deleteHeaderFooterFieldAnnotations,
+  cleanUpListsWithAnnotations
 };
 const CollaborationPluginKey = new PluginKey("collaboration");
 const Collaboration = Extension.create({
@@ -14117,6 +14183,19 @@ function useHighContrastMode() {
     setHighContrastMode
   };
 }
+const findWordBounds = (doc2, pos) => {
+  const $pos = doc2.resolve(pos);
+  const parent = $pos.parent;
+  const offset2 = $pos.parentOffset;
+  const text = parent.textContent;
+  if (!text) return { from: pos, to: pos };
+  let start2 = offset2, end2 = offset2;
+  while (start2 > 0 && /\w/.test(text[start2 - 1])) start2--;
+  while (end2 < text.length && /\w/.test(text[end2])) end2++;
+  const from2 = $pos.start() + start2;
+  const to = $pos.start() + end2;
+  return { from: from2, to };
+};
 const _Editor = class _Editor extends EventEmitter {
   /**
    * Create a new Editor instance
@@ -14388,6 +14467,7 @@ const _Editor = class _Editor extends EventEmitter {
     __privateMethod(this, _Editor_instances, initMedia_fn).call(this);
     const doc2 = __privateMethod(this, _Editor_instances, generatePmData_fn).call(this);
     const tr = this.state.tr.replaceWith(0, this.state.doc.content.size, doc2);
+    tr.setMeta("replaceContent", true);
     this.view.dispatch(tr);
   }
   /**
@@ -14795,7 +14875,7 @@ const _Editor = class _Editor extends EventEmitter {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.12.35");
+    console.debug("[checkVersionMigrations] Current editor version", "0.12.36-next.10");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -15256,6 +15336,10 @@ createView_fn = function() {
         pm.classList.remove("header-footer-edit");
         pm.setAttribute("aria-readonly", false);
       }
+      const { state: state2, dispatch } = view;
+      const word = findWordBounds(state2.doc, pos);
+      const tr = state2.tr.setSelection(TextSelection.create(state2.doc, word.from, word.to));
+      dispatch(tr);
     }
   });
   const newState = this.state.reconfigure({
@@ -15694,7 +15778,14 @@ const LineHeight = Extension.create({
             parseDOM: (el) => el.style.lineHeight,
             renderDOM: (attrs) => {
               if (!attrs.lineHeight) return {};
-              return { style: getLineHeightValueString(attrs.lineHeight, this.options.defaults.unit, attrs.spacing?.lineRule) };
+              const lineHeightStyle = getLineHeightValueString(
+                attrs.lineHeight,
+                this.options.defaults.unit,
+                attrs.spacing?.lineRule
+              );
+              return {
+                style: `${lineHeightStyle}`
+              };
             }
           }
         }
@@ -17619,7 +17710,9 @@ const Paragraph = Node$1.create({
         renderDOM: (attrs) => {
           const { spacing } = attrs;
           if (!spacing) return {};
-          const style = getSpacingStyleString(spacing);
+          const spacingCopy = { ...spacing };
+          if (attrs.lineHeight) delete spacingCopy.line;
+          const style = getSpacingStyleString(spacingCopy);
           if (style) return { style };
           return {};
         }
@@ -20796,8 +20889,8 @@ const TableCell = Node$1.create({
       cellMargins: {
         renderDOM({ cellMargins }) {
           if (!cellMargins) return {};
-          const sides = ["top", "right", "bottom", "left"];
-          const style = sides.map((side) => {
+          const sides2 = ["top", "right", "bottom", "left"];
+          const style = sides2.map((side) => {
             const margin = cellMargins?.[side];
             if (margin) return `padding-${side}: ${margin}px;`;
             return "";
@@ -20809,8 +20902,8 @@ const TableCell = Node$1.create({
         default: () => createCellBorders(),
         renderDOM({ borders }) {
           if (!borders) return {};
-          const sides = ["top", "right", "bottom", "left"];
-          const style = sides.map((side) => {
+          const sides2 = ["top", "right", "bottom", "left"];
+          const style = sides2.map((side) => {
             const border = borders?.[side];
             if (border && border.val === "none") return `border-${side}: ${border.val};`;
             if (border) return `border-${side}: ${border.size}px solid ${border.color || "black"};`;
@@ -22568,32 +22661,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
       }
     };
   },
@@ -22602,8 +22752,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",
@@ -23616,10 +23897,10 @@ var beforeWrite = "beforeWrite";
 var write = "write";
 var afterWrite = "afterWrite";
 var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
-function getNodeName(element) {
+function getNodeName$1(element) {
   return element ? (element.nodeName || "").toLowerCase() : null;
 }
-function getWindow(node) {
+function getWindow$1(node) {
   if (node == null) {
     return window;
   }
@@ -23629,19 +23910,19 @@ function getWindow(node) {
   }
   return node;
 }
-function isElement$1(node) {
-  var OwnElement = getWindow(node).Element;
+function isElement$2(node) {
+  var OwnElement = getWindow$1(node).Element;
   return node instanceof OwnElement || node instanceof Element;
 }
-function isHTMLElement(node) {
-  var OwnElement = getWindow(node).HTMLElement;
+function isHTMLElement$1(node) {
+  var OwnElement = getWindow$1(node).HTMLElement;
   return node instanceof OwnElement || node instanceof HTMLElement;
 }
-function isShadowRoot(node) {
+function isShadowRoot$1(node) {
   if (typeof ShadowRoot === "undefined") {
     return false;
   }
-  var OwnElement = getWindow(node).ShadowRoot;
+  var OwnElement = getWindow$1(node).ShadowRoot;
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 function applyStyles(_ref) {
@@ -23650,7 +23931,7 @@ function applyStyles(_ref) {
     var style = state.styles[name] || {};
     var attributes = state.attributes[name] || {};
     var element = state.elements[name];
-    if (!isHTMLElement(element) || !getNodeName(element)) {
+    if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
       return;
     }
     Object.assign(element.style, style);
@@ -23692,7 +23973,7 @@ function effect$2(_ref2) {
         style2[property] = "";
         return style2;
       }, {});
-      if (!isHTMLElement(element) || !getNodeName(element)) {
+      if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
         return;
       }
       Object.assign(element.style, style);
@@ -23713,9 +23994,9 @@ const applyStyles$1 = {
 function getBasePlacement$1(placement) {
   return placement.split("-")[0];
 }
-var max = Math.max;
-var min = Math.min;
-var round = Math.round;
+var max$1 = Math.max;
+var min$1 = Math.min;
+var round$1 = Math.round;
 function getUAString() {
   var uaData = navigator.userAgentData;
   if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
@@ -23728,7 +24009,7 @@ function getUAString() {
 function isLayoutViewport() {
   return !/^((?!chrome|android).)*safari/i.test(getUAString());
 }
-function getBoundingClientRect(element, includeScale, isFixedStrategy) {
+function getBoundingClientRect$1(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
@@ -23738,11 +24019,11 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   var clientRect2 = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
-  if (includeScale && isHTMLElement(element)) {
-    scaleX = element.offsetWidth > 0 ? round(clientRect2.width) / element.offsetWidth || 1 : 1;
-    scaleY = element.offsetHeight > 0 ? round(clientRect2.height) / element.offsetHeight || 1 : 1;
+  if (includeScale && isHTMLElement$1(element)) {
+    scaleX = element.offsetWidth > 0 ? round$1(clientRect2.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round$1(clientRect2.height) / element.offsetHeight || 1 : 1;
   }
-  var _ref = isElement$1(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+  var _ref = isElement$2(element) ? getWindow$1(element) : window, visualViewport = _ref.visualViewport;
   var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
   var x = (clientRect2.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
   var y = (clientRect2.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
@@ -23760,7 +24041,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   };
 }
 function getLayoutRect(element) {
-  var clientRect2 = getBoundingClientRect(element);
+  var clientRect2 = getBoundingClientRect$1(element);
   var width = element.offsetWidth;
   var height = element.offsetHeight;
   if (Math.abs(clientRect2.width - width) <= 1) {
@@ -23780,7 +24061,7 @@ function contains(parent, child) {
   var rootNode = child.getRootNode && child.getRootNode();
   if (parent.contains(child)) {
     return true;
-  } else if (rootNode && isShadowRoot(rootNode)) {
+  } else if (rootNode && isShadowRoot$1(rootNode)) {
     var next = child;
     do {
       if (next && parent.isSameNode(next)) {
@@ -23791,20 +24072,20 @@ function contains(parent, child) {
   }
   return false;
 }
-function getComputedStyle$1(element) {
-  return getWindow(element).getComputedStyle(element);
+function getComputedStyle$2(element) {
+  return getWindow$1(element).getComputedStyle(element);
 }
-function isTableElement(element) {
-  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
+function isTableElement$1(element) {
+  return ["table", "td", "th"].indexOf(getNodeName$1(element)) >= 0;
 }
-function getDocumentElement(element) {
-  return ((isElement$1(element) ? element.ownerDocument : (
+function getDocumentElement$1(element) {
+  return ((isElement$2(element) ? element.ownerDocument : (
     // $FlowFixMe[prop-missing]
     element.document
   )) || window.document).documentElement;
 }
-function getParentNode(element) {
-  if (getNodeName(element) === "html") {
+function getParentNode$1(element) {
+  if (getNodeName$1(element) === "html") {
     return element;
   }
   return (
@@ -23813,33 +24094,33 @@ function getParentNode(element) {
     // $FlowFixMe[prop-missing]
     element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     element.parentNode || // DOM Element detected
-    (isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
+    (isShadowRoot$1(element) ? element.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    getDocumentElement(element)
+    getDocumentElement$1(element)
   );
 }
-function getTrueOffsetParent(element) {
-  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
-  getComputedStyle$1(element).position === "fixed") {
+function getTrueOffsetParent$1(element) {
+  if (!isHTMLElement$1(element) || // https://github.com/popperjs/popper-core/issues/837
+  getComputedStyle$2(element).position === "fixed") {
     return null;
   }
   return element.offsetParent;
 }
-function getContainingBlock(element) {
+function getContainingBlock$1(element) {
   var isFirefox = /firefox/i.test(getUAString());
   var isIE = /Trident/i.test(getUAString());
-  if (isIE && isHTMLElement(element)) {
-    var elementCss = getComputedStyle$1(element);
+  if (isIE && isHTMLElement$1(element)) {
+    var elementCss = getComputedStyle$2(element);
     if (elementCss.position === "fixed") {
       return null;
     }
   }
-  var currentNode = getParentNode(element);
-  if (isShadowRoot(currentNode)) {
+  var currentNode = getParentNode$1(element);
+  if (isShadowRoot$1(currentNode)) {
     currentNode = currentNode.host;
   }
-  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-    var css = getComputedStyle$1(currentNode);
+  while (isHTMLElement$1(currentNode) && ["html", "body"].indexOf(getNodeName$1(currentNode)) < 0) {
+    var css = getComputedStyle$2(currentNode);
     if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
       return currentNode;
     } else {
@@ -23848,22 +24129,22 @@ function getContainingBlock(element) {
   }
   return null;
 }
-function getOffsetParent(element) {
-  var window2 = getWindow(element);
-  var offsetParent = getTrueOffsetParent(element);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
-    offsetParent = getTrueOffsetParent(offsetParent);
+function getOffsetParent$1(element) {
+  var window2 = getWindow$1(element);
+  var offsetParent = getTrueOffsetParent$1(element);
+  while (offsetParent && isTableElement$1(offsetParent) && getComputedStyle$2(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent$1(offsetParent);
   }
-  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static")) {
+  if (offsetParent && (getNodeName$1(offsetParent) === "html" || getNodeName$1(offsetParent) === "body" && getComputedStyle$2(offsetParent).position === "static")) {
     return window2;
   }
-  return offsetParent || getContainingBlock(element) || window2;
+  return offsetParent || getContainingBlock$1(element) || window2;
 }
 function getMainAxisFromPlacement(placement) {
   return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
 }
-function within(min$12, value, max$12) {
-  return max(min$12, min(value, max$12));
+function within(min2, value, max2) {
+  return max$1(min2, min$1(value, max2));
 }
 function withinMaxClamp(min2, value, max2) {
   var v = within(min2, value, max2);
@@ -23910,7 +24191,7 @@ function arrow(_ref) {
   var maxProp = axis === "y" ? bottom : right;
   var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets2[axis] - state.rects.popper[len];
   var startDiff = popperOffsets2[axis] - state.rects.reference[axis];
-  var arrowOffsetParent = getOffsetParent(arrowElement);
+  var arrowOffsetParent = getOffsetParent$1(arrowElement);
   var clientSize = arrowOffsetParent ? axis === "y" ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
   var centerToReference = endDiff / 2 - startDiff / 2;
   var min2 = paddingObject[minProp];
@@ -23959,8 +24240,8 @@ function roundOffsetsByDPR(_ref, win) {
   var x = _ref.x, y = _ref.y;
   var dpr = win.devicePixelRatio || 1;
   return {
-    x: round(x * dpr) / dpr || 0,
-    y: round(y * dpr) / dpr || 0
+    x: round$1(x * dpr) / dpr || 0,
+    y: round$1(y * dpr) / dpr || 0
   };
 }
 function mapToStyles(_ref2) {
@@ -23982,12 +24263,12 @@ function mapToStyles(_ref2) {
   var sideY = top;
   var win = window;
   if (adaptive) {
-    var offsetParent = getOffsetParent(popper2);
+    var offsetParent = getOffsetParent$1(popper2);
     var heightProp = "clientHeight";
     var widthProp = "clientWidth";
-    if (offsetParent === getWindow(popper2)) {
-      offsetParent = getDocumentElement(popper2);
-      if (getComputedStyle$1(offsetParent).position !== "static" && position === "absolute") {
+    if (offsetParent === getWindow$1(popper2)) {
+      offsetParent = getDocumentElement$1(popper2);
+      if (getComputedStyle$2(offsetParent).position !== "static" && position === "absolute") {
         heightProp = "scrollHeight";
         widthProp = "scrollWidth";
       }
@@ -24018,7 +24299,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x,
     y
-  }, getWindow(popper2)) : {
+  }, getWindow$1(popper2)) : {
     x,
     y
   };
@@ -24074,7 +24355,7 @@ var passive = {
 function effect(_ref) {
   var state = _ref.state, instance = _ref.instance, options = _ref.options;
   var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
-  var window2 = getWindow(state.elements.popper);
+  var window2 = getWindow$1(state.elements.popper);
   var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
   if (scroll) {
     scrollParents.forEach(function(scrollParent) {
@@ -24125,7 +24406,7 @@ function getOppositeVariationPlacement(placement) {
   });
 }
 function getWindowScroll(node) {
-  var win = getWindow(node);
+  var win = getWindow$1(node);
   var scrollLeft = win.pageXOffset;
   var scrollTop = win.pageYOffset;
   return {
@@ -24133,12 +24414,12 @@ function getWindowScroll(node) {
     scrollTop
   };
 }
-function getWindowScrollBarX(element) {
-  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
+function getWindowScrollBarX$1(element) {
+  return getBoundingClientRect$1(getDocumentElement$1(element)).left + getWindowScroll(element).scrollLeft;
 }
-function getViewportRect(element, strategy) {
-  var win = getWindow(element);
-  var html = getDocumentElement(element);
+function getViewportRect$1(element, strategy) {
+  var win = getWindow$1(element);
+  var html = getDocumentElement$1(element);
   var visualViewport = win.visualViewport;
   var width = html.clientWidth;
   var height = html.clientHeight;
@@ -24156,21 +24437,21 @@ function getViewportRect(element, strategy) {
   return {
     width,
     height,
-    x: x + getWindowScrollBarX(element),
+    x: x + getWindowScrollBarX$1(element),
     y
   };
 }
-function getDocumentRect(element) {
+function getDocumentRect$1(element) {
   var _element$ownerDocumen;
-  var html = getDocumentElement(element);
+  var html = getDocumentElement$1(element);
   var winScroll = getWindowScroll(element);
   var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
-  var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
-  var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
-  var x = -winScroll.scrollLeft + getWindowScrollBarX(element);
+  var width = max$1(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
+  var height = max$1(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+  var x = -winScroll.scrollLeft + getWindowScrollBarX$1(element);
   var y = -winScroll.scrollTop;
-  if (getComputedStyle$1(body || html).direction === "rtl") {
-    x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
+  if (getComputedStyle$2(body || html).direction === "rtl") {
+    x += max$1(html.clientWidth, body ? body.clientWidth : 0) - width;
   }
   return {
     width,
@@ -24180,17 +24461,17 @@ function getDocumentRect(element) {
   };
 }
 function isScrollParent(element) {
-  var _getComputedStyle = getComputedStyle$1(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  var _getComputedStyle = getComputedStyle$2(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
   return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
 }
 function getScrollParent(node) {
-  if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
+  if (["html", "body", "#document"].indexOf(getNodeName$1(node)) >= 0) {
     return node.ownerDocument.body;
   }
-  if (isHTMLElement(node) && isScrollParent(node)) {
+  if (isHTMLElement$1(node) && isScrollParent(node)) {
     return node;
   }
-  return getScrollParent(getParentNode(node));
+  return getScrollParent(getParentNode$1(node));
 }
 function listScrollParents(element, list) {
   var _element$ownerDocumen;
@@ -24199,15 +24480,15 @@ function listScrollParents(element, list) {
   }
   var scrollParent = getScrollParent(element);
   var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
-  var win = getWindow(scrollParent);
+  var win = getWindow$1(scrollParent);
   var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
   var updatedList = list.concat(target);
   return isBody ? updatedList : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    updatedList.concat(listScrollParents(getParentNode(target)))
+    updatedList.concat(listScrollParents(getParentNode$1(target)))
   );
 }
-function rectToClientRect(rect) {
+function rectToClientRect$1(rect) {
   return Object.assign({}, rect, {
     left: rect.x,
     top: rect.y,
@@ -24215,8 +24496,8 @@ function rectToClientRect(rect) {
     bottom: rect.y + rect.height
   });
 }
-function getInnerBoundingClientRect(element, strategy) {
-  var rect = getBoundingClientRect(element, false, strategy === "fixed");
+function getInnerBoundingClientRect$1(element, strategy) {
+  var rect = getBoundingClientRect$1(element, false, strategy === "fixed");
   rect.top = rect.top + element.clientTop;
   rect.left = rect.left + element.clientLeft;
   rect.bottom = rect.top + element.clientHeight;
@@ -24228,29 +24509,29 @@ function getInnerBoundingClientRect(element, strategy) {
   return rect;
 }
 function getClientRectFromMixedType(element, clippingParent, strategy) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement$1(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+  return clippingParent === viewport ? rectToClientRect$1(getViewportRect$1(element, strategy)) : isElement$2(clippingParent) ? getInnerBoundingClientRect$1(clippingParent, strategy) : rectToClientRect$1(getDocumentRect$1(getDocumentElement$1(element)));
 }
 function getClippingParents(element) {
-  var clippingParents2 = listScrollParents(getParentNode(element));
-  var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$1(element).position) >= 0;
-  var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
-  if (!isElement$1(clipperElement)) {
+  var clippingParents2 = listScrollParents(getParentNode$1(element));
+  var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$2(element).position) >= 0;
+  var clipperElement = canEscapeClipping && isHTMLElement$1(element) ? getOffsetParent$1(element) : element;
+  if (!isElement$2(clipperElement)) {
     return [];
   }
   return clippingParents2.filter(function(clippingParent) {
-    return isElement$1(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== "body";
+    return isElement$2(clippingParent) && contains(clippingParent, clipperElement) && getNodeName$1(clippingParent) !== "body";
   });
 }
-function getClippingRect(element, boundary, rootBoundary, strategy) {
+function getClippingRect$1(element, boundary, rootBoundary, strategy) {
   var mainClippingParents = boundary === "clippingParents" ? getClippingParents(element) : [].concat(boundary);
   var clippingParents2 = [].concat(mainClippingParents, [rootBoundary]);
   var firstClippingParent = clippingParents2[0];
   var clippingRect = clippingParents2.reduce(function(accRect, clippingParent) {
     var rect = getClientRectFromMixedType(element, clippingParent, strategy);
-    accRect.top = max(rect.top, accRect.top);
-    accRect.right = min(rect.right, accRect.right);
-    accRect.bottom = min(rect.bottom, accRect.bottom);
-    accRect.left = max(rect.left, accRect.left);
+    accRect.top = max$1(rect.top, accRect.top);
+    accRect.right = min$1(rect.right, accRect.right);
+    accRect.bottom = min$1(rect.bottom, accRect.bottom);
+    accRect.left = max$1(rect.left, accRect.left);
     return accRect;
   }, getClientRectFromMixedType(element, firstClippingParent, strategy));
   clippingRect.width = clippingRect.right - clippingRect.left;
@@ -24311,7 +24592,7 @@ function computeOffsets(_ref) {
   }
   return offsets;
 }
-function detectOverflow(state, options) {
+function detectOverflow$1(state, options) {
   if (options === void 0) {
     options = {};
   }
@@ -24320,14 +24601,14 @@ function detectOverflow(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement$1(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
-  var referenceClientRect = getBoundingClientRect(state.elements.reference);
+  var clippingClientRect = getClippingRect$1(isElement$2(element) ? element : element.contextElement || getDocumentElement$1(state.elements.popper), boundary, rootBoundary, strategy);
+  var referenceClientRect = getBoundingClientRect$1(state.elements.reference);
   var popperOffsets2 = computeOffsets({
     reference: referenceClientRect,
     element: popperRect,
     placement
   });
-  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets2));
+  var popperClientRect = rectToClientRect$1(Object.assign({}, popperRect, popperOffsets2));
   var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect;
   var overflowOffsets = {
     top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
@@ -24362,7 +24643,7 @@ function computeAutoPlacement(state, options) {
     allowedPlacements = placements$1;
   }
   var overflows = allowedPlacements.reduce(function(acc, placement2) {
-    acc[placement2] = detectOverflow(state, {
+    acc[placement2] = detectOverflow$1(state, {
       placement: placement2,
       boundary,
       rootBoundary,
@@ -24412,7 +24693,7 @@ function flip(_ref) {
     var isStartVariation = getVariation(placement) === start;
     var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
     var len = isVertical ? "width" : "height";
-    var overflow = detectOverflow(state, {
+    var overflow = detectOverflow$1(state, {
       placement,
       boundary,
       rootBoundary,
@@ -24477,7 +24758,7 @@ const flip$1 = {
     _skip: false
   }
 };
-function getSideOffsets(overflow, rect, preventedOffsets) {
+function getSideOffsets$1(overflow, rect, preventedOffsets) {
   if (preventedOffsets === void 0) {
     preventedOffsets = {
       x: 0,
@@ -24491,26 +24772,26 @@ function getSideOffsets(overflow, rect, preventedOffsets) {
     left: overflow.left - rect.width - preventedOffsets.x
   };
 }
-function isAnySideFullyClipped(overflow) {
+function isAnySideFullyClipped$1(overflow) {
   return [top, right, bottom, left].some(function(side) {
     return overflow[side] >= 0;
   });
 }
-function hide(_ref) {
+function hide$2(_ref) {
   var state = _ref.state, name = _ref.name;
   var referenceRect = state.rects.reference;
   var popperRect = state.rects.popper;
   var preventedOffsets = state.modifiersData.preventOverflow;
-  var referenceOverflow = detectOverflow(state, {
+  var referenceOverflow = detectOverflow$1(state, {
     elementContext: "reference"
   });
-  var popperAltOverflow = detectOverflow(state, {
+  var popperAltOverflow = detectOverflow$1(state, {
     altBoundary: true
   });
-  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
-  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
-  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
-  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
+  var referenceClippingOffsets = getSideOffsets$1(referenceOverflow, referenceRect);
+  var popperEscapeOffsets = getSideOffsets$1(popperAltOverflow, popperRect, preventedOffsets);
+  var isReferenceHidden = isAnySideFullyClipped$1(referenceClippingOffsets);
+  var hasPopperEscaped = isAnySideFullyClipped$1(popperEscapeOffsets);
   state.modifiersData[name] = {
     referenceClippingOffsets,
     popperEscapeOffsets,
@@ -24522,12 +24803,12 @@ function hide(_ref) {
     "data-popper-escaped": hasPopperEscaped
   });
 }
-const hide$1 = {
+const hide$3 = {
   name: "hide",
   enabled: true,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: hide
+  fn: hide$2
 };
 function distanceAndSkiddingToXY(placement, rects, offset2) {
   var basePlacement = getBasePlacement$1(placement);
@@ -24587,7 +24868,7 @@ function getAltAxis(axis) {
 function preventOverflow(_ref) {
   var state = _ref.state, options = _ref.options, name = _ref.name;
   var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, padding = options.padding, _options$tether = options.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
-  var overflow = detectOverflow(state, {
+  var overflow = detectOverflow$1(state, {
     boundary,
     rootBoundary,
     padding,
@@ -24625,8 +24906,8 @@ function preventOverflow(_ref) {
     var altSide = mainAxis === "y" ? bottom : right;
     var len = mainAxis === "y" ? "height" : "width";
     var offset2 = popperOffsets2[mainAxis];
-    var min$12 = offset2 + overflow[mainSide];
-    var max$12 = offset2 - overflow[altSide];
+    var min2 = offset2 + overflow[mainSide];
+    var max2 = offset2 - overflow[altSide];
     var additive = tether ? -popperRect[len] / 2 : 0;
     var minLen = variation === start ? referenceRect[len] : popperRect[len];
     var maxLen = variation === start ? -popperRect[len] : -referenceRect[len];
@@ -24641,12 +24922,12 @@ function preventOverflow(_ref) {
     var arrowLen = within(0, referenceRect[len], arrowRect[len]);
     var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
     var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
-    var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);
+    var arrowOffsetParent = state.elements.arrow && getOffsetParent$1(state.elements.arrow);
     var clientOffset = arrowOffsetParent ? mainAxis === "y" ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
     var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
     var tetherMin = offset2 + minOffset - offsetModifierValue - clientOffset;
     var tetherMax = offset2 + maxOffset - offsetModifierValue;
-    var preventedOffset = within(tether ? min(min$12, tetherMin) : min$12, offset2, tether ? max(max$12, tetherMax) : max$12);
+    var preventedOffset = within(tether ? min$1(min2, tetherMin) : min2, offset2, tether ? max$1(max2, tetherMax) : max2);
     popperOffsets2[mainAxis] = preventedOffset;
     data[mainAxis] = preventedOffset - offset2;
   }
@@ -24681,8 +24962,8 @@ function getHTMLElementScroll(element) {
     scrollTop: element.scrollTop
   };
 }
-function getNodeScroll(node) {
-  if (node === getWindow(node) || !isHTMLElement(node)) {
+function getNodeScroll$1(node) {
+  if (node === getWindow$1(node) || !isHTMLElement$1(node)) {
     return getWindowScroll(node);
   } else {
     return getHTMLElementScroll(node);
@@ -24690,18 +24971,18 @@ function getNodeScroll(node) {
 }
 function isElementScaled(element) {
   var rect = element.getBoundingClientRect();
-  var scaleX = round(rect.width) / element.offsetWidth || 1;
-  var scaleY = round(rect.height) / element.offsetHeight || 1;
+  var scaleX = round$1(rect.width) / element.offsetWidth || 1;
+  var scaleY = round$1(rect.height) / element.offsetHeight || 1;
   return scaleX !== 1 || scaleY !== 1;
 }
 function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   if (isFixed === void 0) {
     isFixed = false;
   }
-  var isOffsetParentAnElement = isHTMLElement(offsetParent);
-  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
-  var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
+  var isOffsetParentAnElement = isHTMLElement$1(offsetParent);
+  var offsetParentIsScaled = isHTMLElement$1(offsetParent) && isElementScaled(offsetParent);
+  var documentElement = getDocumentElement$1(offsetParent);
+  var rect = getBoundingClientRect$1(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -24711,16 +24992,16 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     y: 0
   };
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+    if (getNodeName$1(offsetParent) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
     isScrollParent(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
+      scroll = getNodeScroll$1(offsetParent);
     }
-    if (isHTMLElement(offsetParent)) {
-      offsets = getBoundingClientRect(offsetParent, true);
+    if (isHTMLElement$1(offsetParent)) {
+      offsets = getBoundingClientRect$1(offsetParent, true);
       offsets.x += offsetParent.clientLeft;
       offsets.y += offsetParent.clientTop;
     } else if (documentElement) {
-      offsets.x = getWindowScrollBarX(documentElement);
+      offsets.x = getWindowScrollBarX$1(documentElement);
     }
   }
   return {
@@ -24835,7 +25116,7 @@ function popperGenerator(generatorOptions) {
         cleanupModifierEffects();
         state.options = Object.assign({}, defaultOptions, state.options, options2);
         state.scrollParents = {
-          reference: isElement$1(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
+          reference: isElement$2(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
           popper: listScrollParents(popper2)
         };
         var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
@@ -24859,7 +25140,7 @@ function popperGenerator(generatorOptions) {
           return;
         }
         state.rects = {
-          reference: getCompositeRect(reference3, getOffsetParent(popper3), state.options.strategy === "fixed"),
+          reference: getCompositeRect(reference3, getOffsetParent$1(popper3), state.options.strategy === "fixed"),
           popper: getLayoutRect(popper3)
         };
         state.reset = false;
@@ -24930,7 +25211,7 @@ function popperGenerator(generatorOptions) {
     return instance;
   };
 }
-var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$3];
 var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
@@ -25015,7 +25296,7 @@ function removeUndefinedProps(obj) {
 function div() {
   return document.createElement("div");
 }
-function isElement(value) {
+function isElement$1(value) {
   return ["Element", "Fragment"].some(function(type) {
     return isType(value, type);
   });
@@ -25030,7 +25311,7 @@ function isReferenceElement(value) {
   return !!(value && value._tippy && value._tippy.reference === value);
 }
 function getArrayOfElements(value) {
-  if (isElement(value)) {
+  if (isElement$1(value)) {
     return [value];
   }
   if (isNodeList(value)) {
@@ -25339,7 +25620,7 @@ function createArrowElement(value) {
     arrow2.className = ARROW_CLASS;
   } else {
     arrow2.className = SVG_ARROW_CLASS;
-    if (isElement(value)) {
+    if (isElement$1(value)) {
       arrow2.appendChild(value);
     } else {
       dangerouslySetInnerHTML(arrow2, value);
@@ -25348,7 +25629,7 @@ function createArrowElement(value) {
   return arrow2;
 }
 function setContent(content, props) {
-  if (isElement(props.content)) {
+  if (isElement$1(props.content)) {
     dangerouslySetInnerHTML(content, "");
     content.appendChild(props.content);
   } else if (typeof props.content !== "function") {
@@ -26171,7 +26452,7 @@ function tippy(targets, optionalProps) {
   });
   var elements = getArrayOfElements(targets);
   if (process$1.env.NODE_ENV !== "production") {
-    var isSingleContentElement = isElement(passedProps.content);
+    var isSingleContentElement = isElement$1(passedProps.content);
     var isMoreThanOneReferenceElement = elements.length > 1;
     warnWhen(isSingleContentElement && isMoreThanOneReferenceElement, ["tippy() was passed an Element as the `content` prop, but more than", "one tippy instance was created by this invocation. This means the", "content element will only be appended to the last tippy instance.", "\n\n", "Instead, pass the .innerHTML of the element, or use a function that", "returns a cloned version of the element instead.", "\n\n", "1) content: element.innerHTML\n", "2) content: () => element.cloneNode(true)"].join(" "));
   }
@@ -26182,7 +26463,7 @@ function tippy(targets, optionalProps) {
     }
     return acc;
   }, []);
-  return isElement(targets) ? instances[0] : instances;
+  return isElement$1(targets) ? instances[0] : instances;
 }
 tippy.defaultProps = defaultProps;
 tippy.setDefaultProps = setDefaultProps;
@@ -26451,54 +26732,1114 @@ class Popover {
     this.popover.remove();
   }
 }
-const isDebugging = false;
-const Pagination = Extension.create({
-  name: "pagination",
-  addStorage() {
-    return {
-      height: 0,
-      sectionData: null
-    };
-  },
-  addCommands() {
-    return {
-      insertPageBreak: () => ({ commands: commands2 }) => {
-        return commands2.insertContent({
-          type: "hardBreak"
-        });
+const sides = ["top", "right", "bottom", "left"];
+const min = Math.min;
+const max = Math.max;
+const round = Math.round;
+const floor = Math.floor;
+const createCoords = (v) => ({
+  x: v,
+  y: v
+});
+function evaluate(value, param) {
+  return typeof value === "function" ? value(param) : value;
+}
+function getSide(placement) {
+  return placement.split("-")[0];
+}
+function getAlignment(placement) {
+  return placement.split("-")[1];
+}
+function getOppositeAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+function getAxisLength(axis) {
+  return axis === "y" ? "height" : "width";
+}
+function getSideAxis(placement) {
+  return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
+}
+function getAlignmentAxis(placement) {
+  return getOppositeAxis(getSideAxis(placement));
+}
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getPaddingObject(padding) {
+  return typeof padding !== "number" ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
+  return {
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
+  };
+}
+function computeCoordsFromPlacement(_ref, placement, rtl) {
+  let {
+    reference: reference2,
+    floating
+  } = _ref;
+  const sideAxis = getSideAxis(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const alignLength = getAxisLength(alignmentAxis);
+  const side = getSide(placement);
+  const isVertical = sideAxis === "y";
+  const commonX = reference2.x + reference2.width / 2 - floating.width / 2;
+  const commonY = reference2.y + reference2.height / 2 - floating.height / 2;
+  const commonAlign = reference2[alignLength] / 2 - floating[alignLength] / 2;
+  let coords;
+  switch (side) {
+    case "top":
+      coords = {
+        x: commonX,
+        y: reference2.y - floating.height
+      };
+      break;
+    case "bottom":
+      coords = {
+        x: commonX,
+        y: reference2.y + reference2.height
+      };
+      break;
+    case "right":
+      coords = {
+        x: reference2.x + reference2.width,
+        y: commonY
+      };
+      break;
+    case "left":
+      coords = {
+        x: reference2.x - floating.width,
+        y: commonY
+      };
+      break;
+    default:
+      coords = {
+        x: reference2.x,
+        y: reference2.y
+      };
+  }
+  switch (getAlignment(placement)) {
+    case "start":
+      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+    case "end":
+      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+  }
+  return coords;
+}
+const computePosition$1 = async (reference2, floating, config) => {
+  const {
+    placement = "bottom",
+    strategy = "absolute",
+    middleware = [],
+    platform: platform2
+  } = config;
+  const validMiddleware = middleware.filter(Boolean);
+  const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
+  let rects = await platform2.getElementRects({
+    reference: reference2,
+    floating,
+    strategy
+  });
+  let {
+    x,
+    y
+  } = computeCoordsFromPlacement(rects, placement, rtl);
+  let statefulPlacement = placement;
+  let middlewareData = {};
+  let resetCount = 0;
+  for (let i = 0; i < validMiddleware.length; i++) {
+    const {
+      name,
+      fn: fn2
+    } = validMiddleware[i];
+    const {
+      x: nextX,
+      y: nextY,
+      data,
+      reset
+    } = await fn2({
+      x,
+      y,
+      initialPlacement: placement,
+      placement: statefulPlacement,
+      strategy,
+      middlewareData,
+      rects,
+      platform: platform2,
+      elements: {
+        reference: reference2,
+        floating
+      }
+    });
+    x = nextX != null ? nextX : x;
+    y = nextY != null ? nextY : y;
+    middlewareData = {
+      ...middlewareData,
+      [name]: {
+        ...middlewareData[name],
+        ...data
       }
     };
-  },
-  addShortcuts() {
-    return {
-      "Mod-Enter": () => this.editor.commands.insertPageBreak()
-    };
-  },
-  /**
-   * The pagination plugin is responsible for calculating page breaks, and redering them using decorations.
-   */
-  addPmPlugins() {
-    const editor = this.editor;
-    let isUpdating = false;
-    let shouldUpdate = false;
-    let hasInitialized = false;
-    let shouldInitialize = false;
-    const paginationPlugin = new Plugin({
-      key: PaginationPluginKey,
-      state: {
-        isReadyToInit: false,
-        init(_, state) {
-          return {
-            isReadyToInit: false,
-            decorations: DecorationSet.empty,
-            isDebugging
-          };
-        },
-        apply(tr, oldState, prevEditorState, newEditorState) {
-          const meta = tr.getMeta(PaginationPluginKey);
-          if (meta && meta.isReadyToInit) {
-            shouldUpdate = true;
-            shouldInitialize = meta.isReadyToInit;
+    if (reset && resetCount <= 50) {
+      resetCount++;
+      if (typeof reset === "object") {
+        if (reset.placement) {
+          statefulPlacement = reset.placement;
+        }
+        if (reset.rects) {
+          rects = reset.rects === true ? await platform2.getElementRects({
+            reference: reference2,
+            floating,
+            strategy
+          }) : reset.rects;
+        }
+        ({
+          x,
+          y
+        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
+      }
+      i = -1;
+    }
+  }
+  return {
+    x,
+    y,
+    placement: statefulPlacement,
+    strategy,
+    middlewareData
+  };
+};
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform: platform2,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = "clippingAncestors",
+    rootBoundary = "viewport",
+    elementContext = "floating",
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === "floating" ? "reference" : "floating";
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
+    element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === "floating" ? {
+    x,
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
+  } : rects.reference;
+  const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
+  const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+function getSideOffsets(overflow, rect) {
+  return {
+    top: overflow.top - rect.height,
+    right: overflow.right - rect.width,
+    bottom: overflow.bottom - rect.height,
+    left: overflow.left - rect.width
+  };
+}
+function isAnySideFullyClipped(overflow) {
+  return sides.some((side) => overflow[side] >= 0);
+}
+const hide$1 = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "hide",
+    options,
+    async fn(state) {
+      const {
+        rects
+      } = state;
+      const {
+        strategy = "referenceHidden",
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      switch (strategy) {
+        case "referenceHidden": {
+          const overflow = await detectOverflow(state, {
+            ...detectOverflowOptions,
+            elementContext: "reference"
+          });
+          const offsets = getSideOffsets(overflow, rects.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: offsets,
+              referenceHidden: isAnySideFullyClipped(offsets)
+            }
+          };
+        }
+        case "escaped": {
+          const overflow = await detectOverflow(state, {
+            ...detectOverflowOptions,
+            altBoundary: true
+          });
+          const offsets = getSideOffsets(overflow, rects.floating);
+          return {
+            data: {
+              escapedOffsets: offsets,
+              escaped: isAnySideFullyClipped(offsets)
+            }
+          };
+        }
+        default: {
+          return {};
+        }
+      }
+    }
+  };
+};
+function hasWindow() {
+  return typeof window !== "undefined";
+}
+function getNodeName(node) {
+  if (isNode(node)) {
+    return (node.nodeName || "").toLowerCase();
+  }
+  return "#document";
+}
+function getWindow(node) {
+  var _node$ownerDocument;
+  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+}
+function getDocumentElement(node) {
+  var _ref;
+  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+}
+function isNode(value) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return value instanceof Node || value instanceof getWindow(value).Node;
+}
+function isElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return value instanceof Element || value instanceof getWindow(value).Element;
+}
+function isHTMLElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
+}
+function isShadowRoot(value) {
+  if (!hasWindow() || typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
+}
+function isOverflowElement(element) {
+  const {
+    overflow,
+    overflowX,
+    overflowY,
+    display
+  } = getComputedStyle$1(element);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
+}
+function isTableElement(element) {
+  return ["table", "td", "th"].includes(getNodeName(element));
+}
+function isTopLayer(element) {
+  return [":popover-open", ":modal"].some((selector) => {
+    try {
+      return element.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
+function isContainingBlock(elementOrCss) {
+  const webkit2 = isWebKit();
+  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit2 && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit2 && (css.filter ? css.filter !== "none" : false) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
+}
+function getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  return null;
+}
+function isWebKit() {
+  if (typeof CSS === "undefined" || !CSS.supports) return false;
+  return CSS.supports("-webkit-backdrop-filter", "none");
+}
+function isLastTraversableNode(node) {
+  return ["html", "body", "#document"].includes(getNodeName(node));
+}
+function getComputedStyle$1(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function getNodeScroll(element) {
+  if (isElement(element)) {
+    return {
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
+    };
+  }
+  return {
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
+  };
+}
+function getParentNode(node) {
+  if (getNodeName(node) === "html") {
+    return node;
+  }
+  const result = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    node.assignedSlot || // DOM Element detected.
+    node.parentNode || // ShadowRoot detected.
+    isShadowRoot(node) && node.host || // Fallback.
+    getDocumentElement(node)
+  );
+  return isShadowRoot(result) ? result.host : result;
+}
+function getNearestOverflowAncestor(node) {
+  const parentNode2 = getParentNode(node);
+  if (isLastTraversableNode(parentNode2)) {
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
+  }
+  if (isHTMLElement(parentNode2) && isOverflowElement(parentNode2)) {
+    return parentNode2;
+  }
+  return getNearestOverflowAncestor(parentNode2);
+}
+function getOverflowAncestors(node, list, traverseIframes) {
+  var _node$ownerDocument2;
+  if (list === void 0) {
+    list = [];
+  }
+  if (traverseIframes === void 0) {
+    traverseIframes = true;
+  }
+  const scrollableAncestor = getNearestOverflowAncestor(node);
+  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+  const win = getWindow(scrollableAncestor);
+  if (isBody) {
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
+  }
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+}
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
+function getCssDimensions(element) {
+  const css = getComputedStyle$1(element);
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
+  const hasOffset = isHTMLElement(element);
+  const offsetWidth = hasOffset ? element.offsetWidth : width;
+  const offsetHeight = hasOffset ? element.offsetHeight : height;
+  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  if (shouldFallback) {
+    width = offsetWidth;
+    height = offsetHeight;
+  }
+  return {
+    width,
+    height,
+    $: shouldFallback
+  };
+}
+function unwrapElement(element) {
+  return !isElement(element) ? element.contextElement : element;
+}
+function getScale(element) {
+  const domElement = unwrapElement(element);
+  if (!isHTMLElement(domElement)) {
+    return createCoords(1);
+  }
+  const rect = domElement.getBoundingClientRect();
+  const {
+    width,
+    height,
+    $
+  } = getCssDimensions(domElement);
+  let x = ($ ? round(rect.width) : rect.width) / width;
+  let y = ($ ? round(rect.height) : rect.height) / height;
+  if (!x || !Number.isFinite(x)) {
+    x = 1;
+  }
+  if (!y || !Number.isFinite(y)) {
+    y = 1;
+  }
+  return {
+    x,
+    y
+  };
+}
+const noOffsets = /* @__PURE__ */ createCoords(0);
+function getVisualOffsets(element) {
+  const win = getWindow(element);
+  if (!isWebKit() || !win.visualViewport) {
+    return noOffsets;
+  }
+  return {
+    x: win.visualViewport.offsetLeft,
+    y: win.visualViewport.offsetTop
+  };
+}
+function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
+    return false;
+  }
+  return isFixed;
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  const clientRect2 = element.getBoundingClientRect();
+  const domElement = unwrapElement(element);
+  let scale = createCoords(1);
+  if (includeScale) {
+    if (offsetParent) {
+      if (isElement(offsetParent)) {
+        scale = getScale(offsetParent);
+      }
+    } else {
+      scale = getScale(element);
+    }
+  }
+  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
+  let x = (clientRect2.left + visualOffsets.x) / scale.x;
+  let y = (clientRect2.top + visualOffsets.y) / scale.y;
+  let width = clientRect2.width / scale.x;
+  let height = clientRect2.height / scale.y;
+  if (domElement) {
+    const win = getWindow(domElement);
+    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
+    let currentWin = win;
+    let currentIFrame = getFrameElement(currentWin);
+    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
+      const iframeScale = getScale(currentIFrame);
+      const iframeRect = currentIFrame.getBoundingClientRect();
+      const css = getComputedStyle$1(currentIFrame);
+      const left2 = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      const top2 = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      x *= iframeScale.x;
+      y *= iframeScale.y;
+      width *= iframeScale.x;
+      height *= iframeScale.y;
+      x += left2;
+      y += top2;
+      currentWin = getWindow(currentIFrame);
+      currentIFrame = getFrameElement(currentWin);
+    }
+  }
+  return rectToClientRect({
+    width,
+    height,
+    x,
+    y
+  });
+}
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
+}
+function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+  if (ignoreScrollbarX === void 0) {
+    ignoreScrollbarX = false;
+  }
+  const htmlRect = documentElement.getBoundingClientRect();
+  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
+    // RTL <body> scrollbar.
+    getWindowScrollBarX(documentElement, htmlRect)
+  ));
+  const y = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y
+  };
+}
+function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
+  let {
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  } = _ref;
+  const isFixed = strategy === "fixed";
+  const documentElement = getDocumentElement(offsetParent);
+  const topLayer = elements ? isTopLayer(elements.floating) : false;
+  if (offsetParent === documentElement || topLayer && isFixed) {
+    return rect;
+  }
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  let scale = createCoords(1);
+  const offsets = createCoords(0);
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent);
+      scale = getScale(offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    }
+  }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  return {
+    width: rect.width * scale.x,
+    height: rect.height * scale.y,
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
+  };
+}
+function getClientRects(element) {
+  return Array.from(element.getClientRects());
+}
+function getDocumentRect(element) {
+  const html = getDocumentElement(element);
+  const scroll = getNodeScroll(element);
+  const body = element.ownerDocument.body;
+  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
+  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
+  const y = -scroll.scrollTop;
+  if (getComputedStyle$1(body).direction === "rtl") {
+    x += max(html.clientWidth, body.clientWidth) - width;
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+function getViewportRect(element, strategy) {
+  const win = getWindow(element);
+  const html = getDocumentElement(element);
+  const visualViewport = win.visualViewport;
+  let width = html.clientWidth;
+  let height = html.clientHeight;
+  let x = 0;
+  let y = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    const visualViewportBased = isWebKit();
+    if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+function getInnerBoundingClientRect(element, strategy) {
+  const clientRect2 = getBoundingClientRect(element, true, strategy === "fixed");
+  const top2 = clientRect2.top + element.clientTop;
+  const left2 = clientRect2.left + element.clientLeft;
+  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
+  const width = element.clientWidth * scale.x;
+  const height = element.clientHeight * scale.y;
+  const x = left2 * scale.x;
+  const y = top2 * scale.y;
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  let rect;
+  if (clippingAncestor === "viewport") {
+    rect = getViewportRect(element, strategy);
+  } else if (clippingAncestor === "document") {
+    rect = getDocumentRect(getDocumentElement(element));
+  } else if (isElement(clippingAncestor)) {
+    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
+  } else {
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y,
+      width: clippingAncestor.width,
+      height: clippingAncestor.height
+    };
+  }
+  return rectToClientRect(rect);
+}
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode2 = getParentNode(element);
+  if (parentNode2 === stopNode || !isElement(parentNode2) || isLastTraversableNode(parentNode2)) {
+    return false;
+  }
+  return getComputedStyle$1(parentNode2).position === "fixed" || hasFixedPositionAncestor(parentNode2, stopNode);
+}
+function getClippingElementAncestors(element, cache) {
+  const cachedResult2 = cache.get(element);
+  if (cachedResult2) {
+    return cachedResult2;
+  }
+  let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
+  let currentNode = elementIsFixed ? getParentNode(element) : element;
+  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    const computedStyle = getComputedStyle$1(currentNode);
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === "fixed") {
+      currentContainingBlockComputedStyle = null;
+    }
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    if (shouldDropCurrentNode) {
+      result = result.filter((ancestor) => ancestor !== currentNode);
+    } else {
+      currentContainingBlockComputedStyle = computedStyle;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  cache.set(element, result);
+  return result;
+}
+function getClippingRect(_ref) {
+  let {
+    element,
+    boundary,
+    rootBoundary,
+    strategy
+  } = _ref;
+  const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
+  const firstClippingAncestor = clippingAncestors[0];
+  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
+    accRect.top = max(rect.top, accRect.top);
+    accRect.right = min(rect.right, accRect.right);
+    accRect.bottom = min(rect.bottom, accRect.bottom);
+    accRect.left = max(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  return {
+    width: clippingRect.right - clippingRect.left,
+    height: clippingRect.bottom - clippingRect.top,
+    x: clippingRect.left,
+    y: clippingRect.top
+  };
+}
+function getDimensions(element) {
+  const {
+    width,
+    height
+  } = getCssDimensions(element);
+  return {
+    width,
+    height
+  };
+}
+function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  const isFixed = strategy === "fixed";
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = createCoords(0);
+  function setLeftRTLScrollbarOffset() {
+    offsets.x = getWindowScrollBarX(documentElement);
+  }
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isOffsetParentAnElement) {
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    } else if (documentElement) {
+      setLeftRTLScrollbarOffset();
+    }
+  }
+  if (isFixed && !isOffsetParentAnElement && documentElement) {
+    setLeftRTLScrollbarOffset();
+  }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
+  return {
+    x,
+    y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+function isStaticPositioned(element) {
+  return getComputedStyle$1(element).position === "static";
+}
+function getTrueOffsetParent(element, polyfill) {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+    return null;
+  }
+  if (polyfill) {
+    return polyfill(element);
+  }
+  let rawOffsetParent = element.offsetParent;
+  if (getDocumentElement(element) === rawOffsetParent) {
+    rawOffsetParent = rawOffsetParent.ownerDocument.body;
+  }
+  return rawOffsetParent;
+}
+function getOffsetParent(element, polyfill) {
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
+  if (!isHTMLElement(element)) {
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode(svgOffsetParent);
+    }
+    return win;
+  }
+  let offsetParent = getTrueOffsetParent(element, polyfill);
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
+    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+  }
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
+  }
+  return offsetParent || getContainingBlock(element) || win;
+}
+const getElementRects = async function(data) {
+  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+  const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
+  return {
+    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
+    }
+  };
+};
+function isRTL(element) {
+  return getComputedStyle$1(element).direction === "rtl";
+}
+const platform = {
+  convertOffsetParentRelativeRectToViewportRelativeRect,
+  getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
+  getScale,
+  isElement,
+  isRTL
+};
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+function observeMove(element, onMove) {
+  let io = null;
+  let timeoutId;
+  const root = getDocumentElement(element);
+  function cleanup() {
+    var _io;
+    clearTimeout(timeoutId);
+    (_io = io) == null || _io.disconnect();
+    io = null;
+  }
+  function refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
+    }
+    if (threshold === void 0) {
+      threshold = 1;
+    }
+    cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
+    const {
+      left: left2,
+      top: top2,
+      width,
+      height
+    } = elementRectForRootMargin;
+    if (!skip) {
+      onMove();
+    }
+    if (!width || !height) {
+      return;
+    }
+    const insetTop = floor(top2);
+    const insetRight = floor(root.clientWidth - (left2 + width));
+    const insetBottom = floor(root.clientHeight - (top2 + height));
+    const insetLeft = floor(left2);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    const options = {
+      rootMargin,
+      threshold: max(0, min(1, threshold)) || 1
+    };
+    let isFirstUpdate = true;
+    function handleObserve(entries) {
+      const ratio = entries[0].intersectionRatio;
+      if (ratio !== threshold) {
+        if (!isFirstUpdate) {
+          return refresh();
+        }
+        if (!ratio) {
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 1e3);
+        } else {
+          refresh(false, ratio);
+        }
+      }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        refresh();
+      }
+      isFirstUpdate = false;
+    }
+    try {
+      io = new IntersectionObserver(handleObserve, {
+        ...options,
+        // Handle <iframe>s
+        root: root.ownerDocument
+      });
+    } catch (_e) {
+      io = new IntersectionObserver(handleObserve, options);
+    }
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
+function autoUpdate(reference2, floating, update, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    ancestorScroll = true,
+    ancestorResize = true,
+    elementResize = typeof ResizeObserver === "function",
+    layoutShift = typeof IntersectionObserver === "function",
+    animationFrame = false
+  } = options;
+  const referenceEl = unwrapElement(reference2);
+  const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
+  ancestors.forEach((ancestor) => {
+    ancestorScroll && ancestor.addEventListener("scroll", update, {
+      passive: true
+    });
+    ancestorResize && ancestor.addEventListener("resize", update);
+  });
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
+  let reobserveFrame = -1;
+  let resizeObserver = null;
+  if (elementResize) {
+    resizeObserver = new ResizeObserver((_ref) => {
+      let [firstEntry] = _ref;
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+        resizeObserver.unobserve(floating);
+        cancelAnimationFrame(reobserveFrame);
+        reobserveFrame = requestAnimationFrame(() => {
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
+        });
+      }
+      update();
+    });
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
+    }
+    resizeObserver.observe(floating);
+  }
+  let frameId;
+  let prevRefRect = animationFrame ? getBoundingClientRect(reference2) : null;
+  if (animationFrame) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const nextRefRect = getBoundingClientRect(reference2);
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
+      update();
+    }
+    prevRefRect = nextRefRect;
+    frameId = requestAnimationFrame(frameLoop);
+  }
+  update();
+  return () => {
+    var _resizeObserver2;
+    ancestors.forEach((ancestor) => {
+      ancestorScroll && ancestor.removeEventListener("scroll", update);
+      ancestorResize && ancestor.removeEventListener("resize", update);
+    });
+    cleanupIo == null || cleanupIo();
+    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
+    resizeObserver = null;
+    if (animationFrame) {
+      cancelAnimationFrame(frameId);
+    }
+  };
+}
+const hide = hide$1;
+const computePosition = (reference2, floating, options) => {
+  const cache = /* @__PURE__ */ new Map();
+  const mergedOptions = {
+    platform,
+    ...options
+  };
+  const platformWithCache = {
+    ...mergedOptions.platform,
+    _c: cache
+  };
+  return computePosition$1(reference2, floating, {
+    ...mergedOptions,
+    platform: platformWithCache
+  });
+};
+const SEPARATOR_CLASS = "pagination-separator";
+const SEPARATOR_FLOATING_CLASS = "pagination-separator-floating";
+const isDebugging = false;
+const cleanupFunctions = /* @__PURE__ */ new Set();
+const Pagination = Extension.create({
+  name: "pagination",
+  addStorage() {
+    return {
+      height: 0,
+      sectionData: null
+    };
+  },
+  addCommands() {
+    return {
+      insertPageBreak: () => ({ commands: commands2 }) => {
+        return commands2.insertContent({
+          type: "hardBreak"
+        });
+      }
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Enter": () => this.editor.commands.insertPageBreak()
+    };
+  },
+  /**
+   * The pagination plugin is responsible for calculating page breaks, and redering them using decorations.
+   */
+  addPmPlugins() {
+    const editor = this.editor;
+    let isUpdating = false;
+    let shouldUpdate = false;
+    let hasInitialized = false;
+    let shouldInitialize = false;
+    const paginationPlugin = new Plugin({
+      key: PaginationPluginKey,
+      state: {
+        isReadyToInit: false,
+        init(_, state) {
+          return {
+            isReadyToInit: false,
+            decorations: DecorationSet.empty,
+            isDebugging
+          };
+        },
+        apply(tr, oldState, prevEditorState, newEditorState) {
+          const meta = tr.getMeta(PaginationPluginKey);
+          if (meta && meta.isReadyToInit) {
+            shouldUpdate = true;
+            shouldInitialize = meta.isReadyToInit;
           }
           const imagePluginTransaction = tr.getMeta(ImagePlaceholderPluginKey);
           if (imagePluginTransaction) {
@@ -26541,7 +27882,7 @@ const Pagination = Extension.create({
       view: (view) => {
         let previousDecorations = DecorationSet.empty;
         return {
-          update: (view2) => {
+          update: (view2, prevState) => {
             if (!shouldUpdate || isUpdating) return;
             isUpdating = true;
             hasInitialized = true;
@@ -26558,6 +27899,9 @@ const Pagination = Extension.create({
       }
     });
     return [paginationPlugin];
+  },
+  onDestroy() {
+    cleanupFloatingSeparators();
   }
 });
 const getHeaderFooterId = (currentPageNumber, sectionType, editor, node = null) => {
@@ -26595,12 +27939,23 @@ const getHeaderFooterId = (currentPageNumber, sectionType, editor, node = null)
 const performUpdate = (editor, view, previousDecorations) => {
   const sectionData = editor.storage.pagination.sectionData;
   const newDecorations = calculatePageBreaks(view, editor, sectionData);
+  const editorElement = editor.options.element;
   if (!previousDecorations.eq(newDecorations)) {
     const updateTransaction = view.state.tr.setMeta(
       PaginationPluginKey,
       { decorations: newDecorations }
     );
     view.dispatch(updateTransaction);
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        cleanupFloatingSeparators();
+        const separators = [...editorElement.querySelectorAll(`.${SEPARATOR_CLASS}--table`)];
+        separators.forEach((separator) => {
+          const { cleanup } = createFloatingSeparator(separator, editor);
+          cleanupFunctions.add(cleanup);
+        });
+      });
+    });
   }
   editor.emit("paginationUpdate");
 };
@@ -26641,16 +27996,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 [];
@@ -26669,7 +28023,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" }));
       }
@@ -26685,7 +28039,9 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
     }
     if (isHardBreakNode || shouldAddPageBreak) {
       const $currentPos = view.state.doc.resolve(currentPos);
+      const table = findParentNodeClosestToPos($currentPos, (node2) => node2.type.name === "table");
       const tableRow = findParentNodeClosestToPos($currentPos, (node2) => node2.type.name === "tableRow");
+      let isInTable2 = table || tableRow ? true : false;
       if (tableRow) {
         currentNode = tableRow.node;
         currentPos = tableRow.pos;
@@ -26698,13 +28054,13 @@ 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);
       const pageSpacer2 = Decoration.widget(breakPos, spacingNode2, { key: "stable-key" });
       decorations.push(pageSpacer2);
-      const pageBreak2 = createPageBreak({ editor, header, footer });
+      const pageBreak2 = createPageBreak({ editor, header, footer, isInTable: isInTable2 });
       decorations.push(Decoration.widget(breakPos, pageBreak2, { key: "stable-key" }));
       pageHeightThreshold = actualBreakBottom + (pageHeight - header.headerHeight - footer.footerHeight);
     }
@@ -26713,7 +28069,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);
@@ -26730,6 +28086,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       totalPageNumber.innerText = currentPageNumber;
     }
   });
+  editor.currentTotalPages = currentPageNumber;
   return decorations;
 }
 function createFinalPagePadding(bufferHeight) {
@@ -26740,7 +28097,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;
@@ -26767,7 +28124,8 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor) {
     appendToBody: false,
     sectionId: headerId,
     type: "header",
-    availableHeight
+    availableHeight,
+    currentPageNumber
   });
   editor.converter.headerEditors.push({
     id: headerId,
@@ -26793,13 +28151,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();
@@ -26819,7 +28170,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,
@@ -26845,7 +28197,7 @@ const onHeaderFooterDblClick = (editor, currentFocusedSectionEditor) => {
   editor.setEditable(false, false);
   toggleHeaderFooterEditMode(editor, currentFocusedSectionEditor, true);
 };
-function createPageBreak({ editor, header, footer, footerBottom = null, isFirstHeader, isLastFooter }) {
+function createPageBreak({ editor, header, footer, footerBottom = null, isFirstHeader, isLastFooter, isInTable: isInTable2 = false }) {
   const { pageSize, pageMargins } = editor.converter.pageStyles;
   let sectionHeight = 0;
   const paginationDiv = document.createElement("div");
@@ -26864,7 +28216,10 @@ function createPageBreak({ editor, header, footer, footerBottom = null, isFirstH
     const separatorHeight = 20;
     sectionHeight += separatorHeight;
     const separator = document.createElement("div");
-    separator.className = "pagination-separator";
+    separator.classList.add(SEPARATOR_CLASS);
+    if (isInTable2) {
+      separator.classList.add(`${SEPARATOR_CLASS}--table`);
+    }
     innerDiv.appendChild(separator);
   }
   if (header) {
@@ -26903,6 +28258,85 @@ const onImageLoad = (editor) => {
     editor.view.dispatch(newTr);
   });
 };
+function createFloatingSeparator(separator, editor) {
+  const floatingSeparator = document.createElement("div");
+  floatingSeparator.classList.add(SEPARATOR_FLOATING_CLASS);
+  floatingSeparator.dataset.floatingSeparator = "";
+  const editorElement = editor.options.element;
+  editorElement.append(floatingSeparator);
+  const updatePosition2 = () => {
+    computePosition(separator, floatingSeparator, {
+      strategy: "absolute",
+      placement: "top-start",
+      middleware: [
+        hide(),
+        {
+          name: "copy",
+          fn: ({ elements }) => {
+            const rect = elements.reference.getBoundingClientRect();
+            const containerRect = editorElement.getBoundingClientRect();
+            const scaleFactor = getScaleFactor(editorElement);
+            const x = Math.round((rect.left - containerRect.left) / scaleFactor);
+            const y = Math.round((rect.top - containerRect.top) / scaleFactor);
+            const width = Math.round(rect.width / scaleFactor);
+            const height = Math.round(rect.height / scaleFactor);
+            return {
+              x,
+              y,
+              data: { width, height }
+            };
+          }
+        }
+      ]
+    }).then(({ x, y, middlewareData }) => {
+      Object.assign(floatingSeparator.style, {
+        top: `${y}px`,
+        left: `${x}px`,
+        width: `${middlewareData.copy.width}px`,
+        height: `${middlewareData.copy.height}px`,
+        visibility: middlewareData.hide?.referenceHidden ? "hidden" : "visible"
+      });
+    });
+  };
+  const cleanup = autoUpdate(
+    separator,
+    floatingSeparator,
+    updatePosition2
+  );
+  const extendedCleanup = () => {
+    floatingSeparator?.remove();
+    cleanup();
+  };
+  return {
+    cleanup: extendedCleanup,
+    updatePosition: updatePosition2
+  };
+}
+function cleanupFloatingSeparators() {
+  cleanupFunctions.forEach((cleanup) => cleanup());
+  cleanupFunctions.clear();
+}
+function getScaleFactor(element) {
+  let scale = 1;
+  let currentElement = element;
+  while (currentElement && currentElement !== document.documentElement) {
+    let zoomStyle = currentElement.style.zoom;
+    if (zoomStyle) {
+      let zoom = parseFloat(zoomStyle) || 1;
+      scale *= zoom;
+    }
+    let transformStyle = currentElement.style.transform;
+    if (transformStyle) {
+      let scaleMatch = transformStyle.match(/scale\(([^)]+)\)/);
+      if (scaleMatch) {
+        let scaleValue = parseFloat(scaleMatch[1]) || 1;
+        scale *= scaleValue;
+      }
+    }
+    currentElement = currentElement.parentElement;
+  }
+  return scale;
+}
 class SearchQuery {
   /**
   Create a query object.