@harbour-enterprises/superdoc 0.12.36 → 0.12.37-next.1

package/dist/chunks/{super-editor.es-BtKVLpiq.es.js → super-editor.es-DYzhjqc5.es.js}

@@ -1,6 +1,6 @@
 import * as Y from "yjs";
 import { UndoManager, Item as Item$2, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { g as global$2, r as ref$1, c as createApp, a as computed, b as createElementBlock, o as openBlock, F as Fragment$1, d as renderList, n as normalizeClass, w as withModifiers, e as createCommentVNode, t as toDisplayString, f as createBaseVNode, i as inject, h as onBeforeMount, j as onMounted, k as onBeforeUnmount, l as watch, m as defineComponent, q as getCurrentInstance, s as onDeactivated, u as nextTick, v as createBlock, x as createVNode, y as unref, z as withCtx, A as createTextVNode, B as normalizeStyle, C as h, D as toRef, E as provide, G as mergeProps, H as cloneVNode, T as Text$2, I as withDirectives, J as watchEffect, K as shallowRef, L as vModelText, M as withKeys, N as reactive, O as readonly, P as Transition, Q as vShow, R as Comment, S as renderSlot, U as onActivated, V as Teleport, W as isVNode, X as onUnmounted } from "./vue-IIIZMHTg.es.js";
+import { g as global$2, r as ref$1, c as createApp, a as computed, b as createElementBlock, o as openBlock, F as Fragment$1, d as renderList, n as normalizeClass, w as withModifiers, e as createCommentVNode, t as toDisplayString, f as createBaseVNode, i as inject, h as onBeforeMount, j as onMounted, k as onBeforeUnmount, l as watch, m as defineComponent, q as getCurrentInstance, s as onDeactivated, u as nextTick, v as createBlock, x as createVNode, y as unref, z as withCtx, A as createTextVNode, B as normalizeStyle, C as h, D as toRef, E as provide, G as mergeProps, H as cloneVNode, T as Text$2, I as withDirectives, J as watchEffect, K as shallowRef, L as vModelText, M as withKeys, N as reactive, O as readonly, P as Transition, Q as vShow, R as Comment, S as renderSlot, U as onActivated, V as Teleport, W as isVNode, X as onUnmounted } from "./vue-Bi1uWinj.es.js";
 var __defProp$2 = Object.defineProperty;
 var __typeError$2 = (msg2) => {
   throw TypeError(msg2);
@@ -2556,29 +2556,29 @@ function requireAbs() {
   abs$1 = Math.abs;
   return abs$1;
 }
-var floor$1;
+var floor$2;
 var hasRequiredFloor;
 function requireFloor() {
-  if (hasRequiredFloor) return floor$1;
+  if (hasRequiredFloor) return floor$2;
   hasRequiredFloor = 1;
-  floor$1 = Math.floor;
-  return floor$1;
+  floor$2 = Math.floor;
+  return floor$2;
 }
-var max$2;
+var max$3;
 var hasRequiredMax;
 function requireMax() {
-  if (hasRequiredMax) return max$2;
+  if (hasRequiredMax) return max$3;
   hasRequiredMax = 1;
-  max$2 = Math.max;
-  return max$2;
+  max$3 = Math.max;
+  return max$3;
 }
-var min$2;
+var min$3;
 var hasRequiredMin;
 function requireMin() {
-  if (hasRequiredMin) return min$2;
+  if (hasRequiredMin) return min$3;
   hasRequiredMin = 1;
-  min$2 = Math.min;
-  return min$2;
+  min$3 = Math.min;
+  return min$3;
 }
 var pow;
 var hasRequiredPow;
@@ -2588,13 +2588,13 @@ function requirePow() {
   pow = Math.pow;
   return pow;
 }
-var round$1;
+var round$2;
 var hasRequiredRound;
 function requireRound() {
-  if (hasRequiredRound) return round$1;
+  if (hasRequiredRound) return round$2;
   hasRequiredRound = 1;
-  round$1 = Math.round;
-  return round$1;
+  round$2 = Math.round;
+  return round$2;
 }
 var _isNaN;
 var hasRequired_isNaN;
@@ -12419,7 +12419,7 @@ const OPT_PRESERVE_WS = 1, OPT_PRESERVE_WS_FULL = 2, OPT_OPEN_LEFT = 4;
 function wsOptionsFor(type2, preserveWhitespace, base2) {
   if (preserveWhitespace != null)
     return (preserveWhitespace ? OPT_PRESERVE_WS : 0) | (preserveWhitespace === "full" ? OPT_PRESERVE_WS_FULL : 0);
-  return type2 && type2.whitespace == "pre" ? OPT_PRESERVE_WS | OPT_PRESERVE_WS_FULL : base2 & -5;
+  return type2 && type2.whitespace == "pre" ? OPT_PRESERVE_WS | OPT_PRESERVE_WS_FULL : base2 & ~OPT_OPEN_LEFT;
 }
 class NodeContext {
   constructor(type2, attrs, marks, solid, match, options2) {
@@ -15390,7 +15390,7 @@ class Transaction extends Transform {
       throw new RangeError("Selection passed to setSelection must point at the current document");
     this.curSelection = selection;
     this.curSelectionFor = this.steps.length;
-    this.updated = (this.updated | UPDATED_SEL) & -3;
+    this.updated = (this.updated | UPDATED_SEL) & ~UPDATED_MARKS;
     this.storedMarks = null;
     return this;
   }
@@ -15441,7 +15441,7 @@ class Transaction extends Transform {
   */
   addStep(step, doc2) {
     super.addStep(step, doc2);
-    this.updated = this.updated & -3;
+    this.updated = this.updated & ~UPDATED_MARKS;
     this.storedMarks = null;
   }
   /**
@@ -18845,7 +18845,9 @@ function exportSchemaToJson(params2) {
     shapeContainer: translateShapeContainer,
     shapeTextbox: translateShapeTextbox,
     contentBlock: translateContentBlock,
-    structuredContent: translateStructuredContent
+    structuredContent: translateStructuredContent,
+    "page-number": translatePageNumberNode,
+    "total-page-number": translateTotalPageNumberNode
   };
   if (!router[type2]) {
     console.error("No translation function found for node type:", type2);
@@ -20542,6 +20544,81 @@ function translateStructuredContent(params2) {
     elements: nodeElements
   };
 }
+const translatePageNumberNode = (params2) => {
+  const outputMarks = processOutputMarks(params2.node.attrs?.marksAsAttrs || []);
+  return getAutoPageJson("PAGE", outputMarks);
+};
+const translateTotalPageNumberNode = (params2) => {
+  const outputMarks = processOutputMarks(params2.node.attrs?.marksAsAttrs || []);
+  return getAutoPageJson("NUMPAGES", outputMarks);
+};
+const getAutoPageJson = (type2, outputMarks = []) => {
+  return [
+    {
+      "name": "w:r",
+      "elements": [
+        {
+          "name": "w:rPr",
+          "elements": outputMarks
+        },
+        {
+          "name": "w:fldChar",
+          "attributes": {
+            "w:fldCharType": "begin"
+          }
+        }
+      ]
+    },
+    {
+      "name": "w:r",
+      "elements": [
+        {
+          "name": "w:rPr",
+          "elements": outputMarks
+        },
+        {
+          "name": "w:instrText",
+          "elements": [
+            {
+              "type": "text",
+              "text": ` ${type2}`
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "w:r",
+      "elements": [
+        {
+          "name": "w:rPr",
+          "elements": outputMarks
+        },
+        {
+          "name": "w:fldChar",
+          "attributes": {
+            "w:fldCharType": "separate"
+          }
+        }
+      ]
+    },
+    {
+      "name": "w:r",
+      "elements": [
+        {
+          "name": "w:rPr",
+          "elements": outputMarks
+        },
+        {
+          "name": "w:fldChar",
+          "attributes": {
+            "w:fldCharType": "end"
+          }
+        }
+      ]
+    }
+  ];
+};
 const defaultInitialXml = `<w:document xmlns:wpc="http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas" xmlns:cx="http://schemas.microsoft.com/office/drawing/2014/chartex" xmlns:cx1="http://schemas.microsoft.com/office/drawing/2015/9/8/chartex" xmlns:cx2="http://schemas.microsoft.com/office/drawing/2015/10/21/chartex" xmlns:cx3="http://schemas.microsoft.com/office/drawing/2016/5/9/chartex" xmlns:cx4="http://schemas.microsoft.com/office/drawing/2016/5/10/chartex" xmlns:cx5="http://schemas.microsoft.com/office/drawing/2016/5/11/chartex" xmlns:cx6="http://schemas.microsoft.com/office/drawing/2016/5/12/chartex" xmlns:cx7="http://schemas.microsoft.com/office/drawing/2016/5/13/chartex" xmlns:cx8="http://schemas.microsoft.com/office/drawing/2016/5/14/chartex" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:aink="http://schemas.microsoft.com/office/drawing/2016/ink" xmlns:am3d="http://schemas.microsoft.com/office/drawing/2017/model3d" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:oel="http://schemas.microsoft.com/office/2019/extlst" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:wp14="http://schemas.microsoft.com/office/word/2010/wordprocessingDrawing" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing" xmlns:w10="urn:schemas-microsoft-com:office:word" xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:w14="http://schemas.microsoft.com/office/word/2010/wordml" xmlns:w15="http://schemas.microsoft.com/office/word/2012/wordml" xmlns:w16cex="http://schemas.microsoft.com/office/word/2018/wordml/cex" xmlns:w16cid="http://schemas.microsoft.com/office/word/2016/wordml/cid" xmlns:w16="http://schemas.microsoft.com/office/word/2018/wordml" xmlns:w16sdtdh="http://schemas.microsoft.com/office/word/2020/wordml/sdtdatahash" xmlns:w16se="http://schemas.microsoft.com/office/word/2015/wordml/symex" xmlns:wpg="http://schemas.microsoft.com/office/word/2010/wordprocessingGroup" xmlns:wpi="http://schemas.microsoft.com/office/word/2010/wordprocessingInk" xmlns:wne="http://schemas.microsoft.com/office/word/2006/wordml" xmlns:wps="http://schemas.microsoft.com/office/word/2010/wordprocessingShape" mc:Ignorable="w14 w15 w16se w16cid w16 w16cex w16sdtdh wp14"><w:body></w:body></w:document>`;
 const parseXmlToJson = (xml) => {
   return JSON.parse(xmljs.xml2json(xml, null, 2));
@@ -21440,6 +21517,8 @@ const handleListNode = (params2) => {
       listItems.push(possibleList);
       possibleList = siblings.shift();
       if (possibleList?.elements && !hasTextNode(possibleList.elements)) {
+        const { name } = possibleList;
+        if (name === "w:tbl") continue;
         listItems.push(possibleList);
         possibleList = siblings.shift();
       }
@@ -22250,15 +22329,25 @@ const processCombinedNodesForFldChar = (nodesToCombine = []) => {
   if (!isNumPages) isNumPages = instrText?.trim().startsWith("NUMPAGES");
   const urlMatch = instrText?.match(/HYPERLINK\s+"([^"]+)"/);
   if (hasPageMarker) {
-    processedNodes.push({
+    const pageNumNode = {
       name: "sd:autoPageNumber",
       type: "element"
+    };
+    nodesToCombine.forEach((n) => {
+      const rPrNode = n.elements.find((el) => el.name === "w:rPr");
+      if (rPrNode) pageNumNode.elements = [rPrNode];
     });
+    processedNodes.push(pageNumNode);
   } else if (isNumPages) {
-    processedNodes.push({
+    const totalPageNumNode = {
       name: "sd:totalPageNumber",
       type: "element"
+    };
+    nodesToCombine.forEach((n) => {
+      const rPrNode = n.elements.find((el) => el.name === "w:rPr");
+      if (rPrNode) totalPageNumNode.elements = [rPrNode];
     });
+    processedNodes.push(totalPageNumNode);
   } else if (urlMatch && urlMatch?.length >= 2) {
     const url = urlMatch[1];
     const textMarks = [];
@@ -22594,8 +22683,13 @@ const handleAutoPageNumber = (params2) => {
   if (nodes.length === 0 || nodes[0].name !== "sd:autoPageNumber") {
     return { nodes: [], consumed: 0 };
   }
+  const rPr = nodes[0].elements?.find((el) => el.name === "w:rPr");
+  const marks = parseMarks(rPr || { elements: [] });
   const processedNode = {
-    type: "page-number"
+    type: "page-number",
+    attrs: {
+      marksAsAttrs: marks
+    }
   };
   return { nodes: [processedNode], consumed: 1 };
 };
@@ -22608,8 +22702,13 @@ const handleAutoTotalPageNumber = (params2) => {
   if (nodes.length === 0 || nodes[0].name !== "sd:totalPageNumber") {
     return { nodes: [], consumed: 0 };
   }
+  const rPr = nodes[0].elements?.find((el) => el.name === "w:rPr");
+  const marks = parseMarks(rPr || { elements: [] });
   const processedNode = {
-    type: "total-page-number"
+    type: "total-page-number",
+    attrs: {
+      marksAsAttrs: marks
+    }
   };
   return { nodes: [processedNode], consumed: 1 };
 };
@@ -23294,7 +23393,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.36") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.37-next.1") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -23761,7 +23860,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.12.36") {
+function generateSuperdocVersion(pid = 2, version2 = "0.12.37-next.1") {
   return {
     type: "element",
     name: "property",
@@ -26294,7 +26393,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _FieldAnnotationView_instances, createAnnotation_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 function getMarksFromSelection(state2) {
   const { from: from2, to, empty: empty2 } = state2.selection;
   const marks = [];
@@ -30561,6 +30660,7 @@ const isEquivalentPosition = function(node2, off2, targetNode, targetOff) {
 };
 const atomElements = /^(img|br|input|textarea|hr)$/i;
 function scanFor(node2, off2, targetNode, targetOff, dir) {
+  var _a;
   for (; ; ) {
     if (node2 == targetNode && off2 == targetOff)
       return true;
@@ -30571,10 +30671,16 @@ function scanFor(node2, off2, targetNode, targetOff, dir) {
       off2 = domIndex(node2) + (dir < 0 ? 0 : 1);
       node2 = parent;
     } else if (node2.nodeType == 1) {
-      node2 = node2.childNodes[off2 + (dir < 0 ? -1 : 0)];
-      if (node2.contentEditable == "false")
-        return false;
-      off2 = dir < 0 ? nodeSize(node2) : 0;
+      let child = node2.childNodes[off2 + (dir < 0 ? -1 : 0)];
+      if (child.nodeType == 1 && child.contentEditable == "false") {
+        if ((_a = child.pmViewDesc) === null || _a === void 0 ? void 0 : _a.ignoreForSelection)
+          off2 += dir;
+        else
+          return false;
+      } else {
+        node2 = child;
+        off2 = dir < 0 ? nodeSize(node2) : 0;
+      }
     } else {
       return false;
     }
@@ -30703,7 +30809,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(node2) {
@@ -30731,14 +30837,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);
@@ -31533,6 +31639,9 @@ class ViewDesc {
   get ignoreForCoords() {
     return false;
   }
+  get ignoreForSelection() {
+    return false;
+  }
   isText(text) {
     return false;
   }
@@ -31581,6 +31690,9 @@ class WidgetViewDesc extends ViewDesc {
   get domAtom() {
     return true;
   }
+  get ignoreForSelection() {
+    return !!this.widget.type.spec.relaxedSide;
+  }
   get side() {
     return this.widget.type.side;
   }
@@ -33361,8 +33473,9 @@ editHandlers.keypress = (view, _event) => {
   let sel = view.state.selection;
   if (!(sel instanceof TextSelection) || !sel.$from.sameParent(sel.$to)) {
     let text = String.fromCharCode(event.charCode);
-    if (!/[\r\n]/.test(text) && !view.someProp("handleTextInput", (f) => f(view, sel.$from.pos, sel.$to.pos, text)))
-      view.dispatch(view.state.tr.insertText(text).scrollIntoView());
+    let deflt = () => view.state.tr.insertText(text).scrollIntoView();
+    if (!/[\r\n]/.test(text) && !view.someProp("handleTextInput", (f) => f(view, sel.$from.pos, sel.$to.pos, text, deflt)))
+      view.dispatch(deflt());
     event.preventDefault();
   }
 };
@@ -34934,14 +35047,14 @@ function readDOMChange(view, from2, to, typeOver, addedNodes) {
     if (newSel && !view.state.selection.eq(newSel)) {
       if (chrome && android && view.input.lastKeyCode === 13 && Date.now() - 100 < view.input.lastKeyCodeTime && view.someProp("handleKeyDown", (f) => f(view, keyEvent(13, "Enter"))))
         return;
-      let tr2 = view.state.tr.setSelection(newSel);
+      let tr = view.state.tr.setSelection(newSel);
       if (origin == "pointer")
-        tr2.setMeta("pointer", true);
+        tr.setMeta("pointer", true);
       else if (origin == "key")
-        tr2.scrollIntoView();
+        tr.scrollIntoView();
       if (compositionID)
-        tr2.setMeta("composition", compositionID);
-      view.dispatch(tr2);
+        tr.setMeta("composition", compositionID);
+      view.dispatch(tr);
     }
     return;
   }
@@ -34975,10 +35088,10 @@ function readDOMChange(view, from2, to, typeOver, addedNodes) {
       if (parse.sel) {
         let sel2 = resolveSelection(view, view.state.doc, parse.sel);
         if (sel2 && !sel2.eq(view.state.selection)) {
-          let tr2 = view.state.tr.setSelection(sel2);
+          let tr = view.state.tr.setSelection(sel2);
           if (compositionID)
-            tr2.setMeta("composition", compositionID);
-          view.dispatch(tr2);
+            tr.setMeta("composition", compositionID);
+          view.dispatch(tr);
         }
       }
       return;
@@ -35023,43 +35136,48 @@ function readDOMChange(view, from2, to, typeOver, addedNodes) {
     }, 20);
   }
   let chFrom = change.start, chTo = change.endA;
-  let tr, storedMarks, markChange;
+  let mkTr = (base2) => {
+    let tr = base2 || view.state.tr.replace(chFrom, chTo, parse.doc.slice(change.start - parse.from, change.endB - parse.from));
+    if (parse.sel) {
+      let sel2 = resolveSelection(view, tr.doc, parse.sel);
+      if (sel2 && !(chrome && view.composing && sel2.empty && (change.start != change.endB || view.input.lastChromeDelete < Date.now() - 100) && (sel2.head == chFrom || sel2.head == tr.mapping.map(chTo) - 1) || ie$1 && sel2.empty && sel2.head == chFrom))
+        tr.setSelection(sel2);
+    }
+    if (compositionID)
+      tr.setMeta("composition", compositionID);
+    return tr.scrollIntoView();
+  };
+  let markChange;
   if (inlineChange) {
     if ($from.pos == $to.pos) {
       if (ie$1 && ie_version <= 11 && $from.parentOffset == 0) {
         view.domObserver.suppressSelectionUpdates();
         setTimeout(() => selectionToDOM(view), 20);
       }
-      tr = view.state.tr.delete(chFrom, chTo);
-      storedMarks = doc2.resolve(change.start).marksAcross(doc2.resolve(change.endA));
+      let tr = mkTr(view.state.tr.delete(chFrom, chTo));
+      let marks = doc2.resolve(change.start).marksAcross(doc2.resolve(change.endA));
+      if (marks)
+        tr.ensureMarks(marks);
+      view.dispatch(tr);
     } else if (
       // Adding or removing a mark
       change.endA == change.endB && (markChange = isMarkChange($from.parent.content.cut($from.parentOffset, $to.parentOffset), $fromA.parent.content.cut($fromA.parentOffset, change.endA - $fromA.start())))
     ) {
-      tr = view.state.tr;
+      let tr = mkTr(view.state.tr);
       if (markChange.type == "add")
         tr.addMark(chFrom, chTo, markChange.mark);
       else
         tr.removeMark(chFrom, chTo, markChange.mark);
+      view.dispatch(tr);
     } else if ($from.parent.child($from.index()).isText && $from.index() == $to.index() - ($to.textOffset ? 0 : 1)) {
       let text = $from.parent.textBetween($from.parentOffset, $to.parentOffset);
-      if (view.someProp("handleTextInput", (f) => f(view, chFrom, chTo, text)))
-        return;
-      tr = view.state.tr.insertText(text, chFrom, chTo);
+      let deflt = () => mkTr(view.state.tr.insertText(text, chFrom, chTo));
+      if (!view.someProp("handleTextInput", (f) => f(view, chFrom, chTo, text, deflt)))
+        view.dispatch(deflt());
     }
+  } else {
+    view.dispatch(mkTr());
   }
-  if (!tr)
-    tr = view.state.tr.replace(chFrom, chTo, parse.doc.slice(change.start - parse.from, change.endB - parse.from));
-  if (parse.sel) {
-    let sel2 = resolveSelection(view, tr.doc, parse.sel);
-    if (sel2 && !(chrome && view.composing && sel2.empty && (change.start != change.endB || view.input.lastChromeDelete < Date.now() - 100) && (sel2.head == chFrom || sel2.head == tr.mapping.map(chTo) - 1) || ie$1 && sel2.empty && sel2.head == chFrom))
-      tr.setSelection(sel2);
-  }
-  if (storedMarks)
-    tr.ensureMarks(storedMarks);
-  if (compositionID)
-    tr.setMeta("composition", compositionID);
-  view.dispatch(tr.scrollIntoView());
 }
 function resolveSelection(view, doc2, parsedSel) {
   if (Math.max(parsedSel.anchor, parsedSel.head) > doc2.content.size)
@@ -35581,22 +35699,6 @@ class EditorView {
     return dispatchEvent(this, event);
   }
   /**
-  Dispatch a transaction. Will call
-  [`dispatchTransaction`](https://prosemirror.net/docs/ref/#view.DirectEditorProps.dispatchTransaction)
-  when given, and otherwise defaults to applying the transaction to
-  the current state and calling
-  [`updateState`](https://prosemirror.net/docs/ref/#view.EditorView.updateState) with the result.
-  This method is bound to the view instance, so that it can be
-  easily passed around.
-  */
-  dispatch(tr) {
-    let dispatchTransaction = this._props.dispatchTransaction;
-    if (dispatchTransaction)
-      dispatchTransaction.call(this, tr);
-    else
-      this.updateState(this.state.apply(tr));
-  }
-  /**
   @internal
   */
   domSelectionRange() {
@@ -35612,6 +35714,13 @@ class EditorView {
     return this.root.getSelection();
   }
 }
+EditorView.prototype.dispatch = function(tr) {
+  let dispatchTransaction = this._props.dispatchTransaction;
+  if (dispatchTransaction)
+    dispatchTransaction.call(this, tr);
+  else
+    this.updateState(this.state.apply(tr));
+};
 function computeDocDeco(view) {
   let attrs = /* @__PURE__ */ Object.create(null);
   attrs.class = "ProseMirror";
@@ -35677,10 +35786,10 @@ function checkStateComponent(plugin2) {
   if (plugin2.spec.state || plugin2.spec.filterTransaction || plugin2.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;
@@ -35688,7 +35797,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$1 = Array.isArray;
 const fromCharCode = String.fromCharCode;
@@ -35752,7 +35861,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;
   }
 };
@@ -35768,7 +35877,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);
 };
@@ -35778,10 +35887,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);
@@ -35814,13 +35923,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;
   }
@@ -35962,7 +36071,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() {
@@ -35992,12 +36101,12 @@ try {
 } catch (e) {
 }
 const varStorage = _localStorage;
-const isNode = typeof process$1$1 !== "undefined" && process$1$1.release && /node|io\.js/.test(process$1$1.release.name) && Object.prototype.toString.call(typeof process$1$1 !== "undefined" ? process$1$1 : 0) === "[object process]";
-const isBrowser$1$1 = typeof window !== "undefined" && typeof document !== "undefined" && !isNode;
+const isNode$1 = typeof process$1$1 !== "undefined" && process$1$1.release && /node|io\.js/.test(process$1$1.release.name) && Object.prototype.toString.call(typeof process$1$1 !== "undefined" ? process$1$1 : 0) === "[object process]";
+const isBrowser$1$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$1.argv;
       let currParamName = null;
@@ -36034,12 +36143,12 @@ const computeParams = () => {
   return params;
 };
 const hasParam = (name) => computeParams().has(name);
-const getVariable = (name) => isNode ? undefinedToNull(process$1$1.env[name.toUpperCase().replaceAll("-", "_")]) : undefinedToNull(varStorage.getItem(name));
+const getVariable = (name) => isNode$1 ? undefinedToNull(process$1$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$1.env.FORCE_COLOR, ["true", "1", "2"]);
+const forceColor = isNode$1 && isOneOf(process$1$1.env.FORCE_COLOR, ["true", "1", "2"]);
 forceColor || !hasParam("--no-colors") && // @todo deprecate --no-colors
-!hasConf("no-color") && (!isNode || process$1$1.stdout.isTTY) && (!isNode || hasParam("--color") || getVariable("COLORTERM") !== null || (getVariable("TERM") || "").includes("color"));
+!hasConf("no-color") && (!isNode$1 || process$1$1.stdout.isTTY) && (!isNode$1 || hasParam("--color") || getVariable("COLORTERM") !== null || (getVariable("TERM") || "").includes("color"));
 const doc = (
   /** @type {Document} */
   typeof document !== "undefined" ? document : {}
@@ -36548,8 +36657,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(
@@ -36946,7 +37055,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;
@@ -37058,7 +37167,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++) {
@@ -37431,17 +37540,17 @@ const createDecorations = (state2, awareness, awarenessFilter, createCursor, cre
         ystate.binding.mapping
       );
       if (anchor !== null && head !== null) {
-        const maxsize = max$1(state2.doc.content.size - 1, 0);
-        anchor = min$1(anchor, maxsize);
-        head = min$1(head, maxsize);
+        const maxsize = max$2(state2.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,
@@ -37895,7 +38004,8 @@ const getTextContentFromNodes = ($from, maxMatch = 500) => {
 const handleDocxPaste = (html, editor, view, plugin2) => {
   const { converter } = editor;
   if (!converter || !converter.convertedXml) return handleHtmlPaste(html, editor, view, plugin2);
-  const cleanedHtml = convertEmToPt(html);
+  let cleanedHtml = convertEmToPt(html);
+  cleanedHtml = cleanHtmlUnnecessaryTags(cleanedHtml);
   const tempDiv = document.createElement("div");
   tempDiv.innerHTML = cleanedHtml;
   const paragraphs = tempDiv.querySelectorAll("p");
@@ -38266,6 +38376,9 @@ const convertEmToPt = (html) => {
     }
   );
 };
+function cleanHtmlUnnecessaryTags(html) {
+  return html.replace(/<o:p>.*?<\/o:p>/gi, "").replace(/&nbsp;/gi, " ").replace(/<span[^>]*>\s*<\/span>/gi, "").replace(/<p[^>]*>\s*<\/p>/gi, "").trim();
+}
 const _ExtensionService = class _ExtensionService2 {
   constructor(extensions, userExtensions, editor) {
     __privateAdd$1(this, _ExtensionService_instances);
@@ -39063,7 +39176,8 @@ const createHeaderFooterEditor = ({
   appendToBody = true,
   sectionId,
   type: type2,
-  availableHeight
+  availableHeight,
+  currentPageNumber
 }) => {
   const parentStyles = editor.converter.getDocumentDefaultStyles();
   const { fontSizePt, typeface } = parentStyles;
@@ -39104,6 +39218,8 @@ const createHeaderFooterEditor = ({
     fonts: editor.options.fonts,
     isHeaderOrFooter: true,
     annotations: true,
+    currentPageNumber,
+    parentEditor: editor,
     onCreate: (evt) => setEditorToolbar(evt, editor),
     onBlur: (evt) => onHeaderFooterDataUpdate(evt, editor, sectionId, type2)
   });
@@ -40247,9 +40363,9 @@ const cleanUpListsWithAnnotations = (fieldsToDelete = [], editor) => {
       if (type2.name !== "paragraph" && type2.name !== "fieldAnnotation") return;
       child.children.forEach((inline) => {
         const isFieldToDelete = fieldsToDelete.includes(inline.attrs.fieldId);
-        const isMatchingField = inline.type.name === "fieldAnnotation" && isFieldToDelete;
-        const isEmpty2 = inline.childCount === 0;
-        if (!isEmpty2 && !isMatchingField) hasOtherNodes = true;
+        const isFieldType = inline.type.name === "fieldAnnotation";
+        const isMatchingField = isFieldType && isFieldToDelete;
+        if (!isFieldType && !isMatchingField) hasOtherNodes = true;
         if (isMatchingField) matchingNodesFound += 1;
       });
     });
@@ -40451,6 +40567,25 @@ 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 setWordSelection = (view, pos) => {
+  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 _Editor = class _Editor2 extends EventEmitter$1 {
   /**
    * Create a new Editor instance
@@ -40694,6 +40829,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     __privateMethod$1(this, _Editor_instances, initMedia_fn).call(this);
     const doc2 = __privateMethod$1(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);
   }
   /**
@@ -41101,7 +41237,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.12.36");
+    console.debug("[checkVersionMigrations] Current editor version", "0.12.37-next.1");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -41456,6 +41592,7 @@ createView_fn = function() {
       if (isHeader || isFooter) {
         const eventClone = new event.constructor(event.type);
         event.target.dispatchEvent(eventClone);
+        if (this.options.isHeaderOrFooter && this.options.editable) setWordSelection(view, pos);
         return;
       }
       event.stopPropagation();
@@ -41466,6 +41603,7 @@ createView_fn = function() {
         pm.classList.remove("header-footer-edit");
         pm.setAttribute("aria-readonly", false);
       }
+      setWordSelection(view, pos);
     }
   });
   const newState = this.state.reconfigure({
@@ -46637,7 +46775,7 @@ const Table = Node$1.create({
           if (!borders) return {};
           const style2 = Object.entries(borders).reduce(
             (acc, [key, { size: size2, color }]) => {
-              return `${acc}border-${key}: ${size2}px solid ${color || "black"};`;
+              return `${acc}border-${key}: ${Math.ceil(size2)}px solid ${color || "black"};`;
             },
             ""
           );
@@ -46977,8 +47115,8 @@ const TableCell = Node$1.create({
       cellMargins: {
         renderDOM({ cellMargins }) {
           if (!cellMargins) return {};
-          const sides = ["top", "right", "bottom", "left"];
-          const style2 = sides.map((side) => {
+          const sides2 = ["top", "right", "bottom", "left"];
+          const style2 = sides2.map((side) => {
             const margin = cellMargins?.[side];
             if (margin) return `padding-${side}: ${margin}px;`;
             return "";
@@ -46990,11 +47128,11 @@ const TableCell = Node$1.create({
         default: () => createCellBorders(),
         renderDOM({ borders }) {
           if (!borders) return {};
-          const sides = ["top", "right", "bottom", "left"];
-          const style2 = sides.map((side) => {
+          const sides2 = ["top", "right", "bottom", "left"];
+          const style2 = 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"};`;
+            if (border) return `border-${side}: ${Math.ceil(border.size)}px solid ${border.color || "black"};`;
             return "";
           }).join(" ");
           return { style: style2 };
@@ -47220,7 +47358,7 @@ class FieldAnnotationView {
 }
 _FieldAnnotationView_instances = /* @__PURE__ */ new WeakSet();
 createAnnotation_fn = function({ displayLabel } = {}) {
-  let { highlighted } = this.node.attrs;
+  let { highlighted, rawHtml } = this.node.attrs;
   let annotation = document.createElement("span");
   annotation.classList.add(this.annotationClass);
   let content = document.createElement("span");
@@ -47232,7 +47370,11 @@ createAnnotation_fn = function({ displayLabel } = {}) {
   }
   annotation.append(content);
   let omitHighlight = highlighted === false;
-  let annotationStyle = [`border: 2px solid ${this.borderColor}`, `border-radius: 2px`, `padding: 1px 2px`, `box-sizing: border-box`].join(
+  let styles = [`border: 2px solid ${this.borderColor}`, `border-radius: 2px`, `padding: 1px 2px`, `box-sizing: border-box`];
+  if (rawHtml) {
+    styles.push("font-weight: normal");
+  }
+  let annotationStyle = styles.join(
     "; "
   );
   let mergedAttrs = Attribute2.mergeAttributes(this.htmlAttributes, {
@@ -47787,6 +47929,12 @@ const FieldAnnotation = Node$1.create({
         parseDOM: (elem) => elem.getAttribute("data-bold") === "true",
         renderDOM: (attrs) => {
           if (!attrs.bold) return {};
+          if (attrs.rawHtml) {
+            return {
+              "data-bold": "false",
+              style: "font-weight: normal"
+            };
+          }
           return {
             "data-bold": "true",
             style: "font-weight: bold"
@@ -47797,7 +47945,7 @@ const FieldAnnotation = Node$1.create({
         default: false,
         parseDOM: (elem) => elem.getAttribute("data-italic") === "true",
         renderDOM: (attrs) => {
-          if (!attrs.italic) return {};
+          if (!attrs.italic || attrs.rawHtml) return {};
           return {
             "data-italic": "true",
             style: "font-style: italic"
@@ -47808,7 +47956,7 @@ const FieldAnnotation = Node$1.create({
         default: false,
         parseDOM: (elem) => elem.getAttribute("data-underline") === "true",
         renderDOM: (attrs) => {
-          if (!attrs.underline) return {};
+          if (!attrs.underline || attrs.rawHtml) return {};
           return {
             "data-underline": "true",
             style: "text-decoration: underline"
@@ -47830,7 +47978,7 @@ const FieldAnnotation = Node$1.create({
         default: null,
         parseDOM: (elem) => elem.getAttribute("data-font-size") || elem.style.fontSize || null,
         renderDOM: (attrs) => {
-          if (!attrs.fontSize) return {};
+          if (!attrs.fontSize || attrs.rawHtml) return {};
           let [value, unit] = parseSizeUnit(attrs.fontSize);
           if (Number.isNaN(value)) return {};
           unit = unit ? unit : "pt";
@@ -48749,32 +48897,89 @@ const PageNumber = Node$1.create({
   name: "page-number",
   group: "inline",
   inline: true,
-  content: "text*",
+  atom: true,
+  selectable: false,
+  draggable: false,
+  selectable: false,
+  defining: true,
+  content: "",
   addOptions() {
     return {
       htmlAttributes: {
+        contenteditable: false,
         "data-id": "auto-page-number",
         "aria-label": "Page number node"
       }
     };
   },
+  addAttributes() {
+    return {
+      marksAsAttrs: {
+        default: null,
+        rendered: false
+      }
+    };
+  },
+  addNodeView() {
+    return ({ node: node2, editor, getPos, decorations }) => {
+      const htmlAttributes = this.options.htmlAttributes;
+      return new AutoPageNumberNodeView(node2, getPos, decorations, editor, htmlAttributes);
+    };
+  },
   parseDOM() {
     return [{ tag: 'span[data-id="auto-page-number"' }];
   },
   renderDOM({ htmlAttributes }) {
-    return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+    return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
+  },
+  addCommands() {
+    return {
+      addAutoPageNumber: () => ({ tr, dispatch, state: state2, editor }) => {
+        const { options: options2 } = editor;
+        if (!options2.isHeaderOrFooter) return false;
+        const { schema } = state2;
+        const pageNumberType = schema?.nodes?.["page-number"];
+        if (!pageNumberType) return false;
+        const pageNumberNodeJSON = { type: "page-number" };
+        const pageNumberNode = schema.nodeFromJSON(pageNumberNodeJSON);
+        if (dispatch) {
+          tr.replaceSelectionWith(pageNumberNode, false);
+          tr.setMeta("forceUpdatePagination", true);
+        }
+        return true;
+      }
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Shift-alt-p": () => this.editor.commands.addAutoPageNumber()
+    };
   }
 });
 const TotalPageCount = Node$1.create({
   name: "total-page-number",
   group: "inline",
   inline: true,
+  atom: true,
+  selectable: false,
+  draggable: false,
+  selectable: false,
   content: "text*",
   addOptions() {
     return {
       htmlAttributes: {
+        contenteditable: false,
         "data-id": "auto-total-pages",
-        "aria-label": "Total page count node"
+        "aria-label": "Total page count node",
+        "class": "sd-editor-auto-total-pages"
+      }
+    };
+  },
+  addAttributes() {
+    return {
+      marksAsAttrs: {
+        default: null,
+        rendered: false
       }
     };
   },
@@ -48783,8 +48988,139 @@ const TotalPageCount = Node$1.create({
   },
   renderDOM({ htmlAttributes }) {
     return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+  },
+  addCommands() {
+    return {
+      addTotalPageCount: () => ({ tr, dispatch, state: state2, editor }) => {
+        const { options: options2 } = editor;
+        if (!options2.isHeaderOrFooter) return false;
+        const { schema } = state2;
+        const pageNumberType = schema.nodes?.["total-page-number"];
+        if (!pageNumberType) return false;
+        const currentPages = editor?.options?.parentEditor?.currentTotalPages || 1;
+        const pageNumberNode = {
+          type: "total-page-number",
+          content: [{ type: "text", text: String(currentPages) }]
+        };
+        const pageNode = schema.nodeFromJSON(pageNumberNode);
+        if (dispatch) {
+          tr.replaceSelectionWith(pageNode, false);
+        }
+        return true;
+      }
+    };
+  },
+  addShortcuts() {
+    return {
+      "Mod-Shift-alt-c": () => this.editor.commands.addTotalPageCount()
+    };
   }
 });
+class AutoPageNumberNodeView {
+  constructor(node2, getPos, decorations, editor, htmlAttributes = {}) {
+    __privateAdd$1(this, _AutoPageNumberNodeView_instances);
+    this.node = node2;
+    this.editor = editor;
+    this.view = editor.view;
+    this.getPos = getPos;
+    this.editor = editor;
+    this.dom = __privateMethod$1(this, _AutoPageNumberNodeView_instances, renderDom_fn).call(this, node2, htmlAttributes);
+  }
+  update(node2) {
+    if (node2.type !== this.node.type) return false;
+    this.node = node2;
+    return true;
+  }
+}
+_AutoPageNumberNodeView_instances = /* @__PURE__ */ new WeakSet();
+renderDom_fn = function(node2, htmlAttributes) {
+  const pageText = this.editor.options.currentPageNumber || "1";
+  const content = document.createTextNode(String(pageText));
+  const nodeContent = document.createElement("span");
+  nodeContent.className = "sd-editor-auto-page-number";
+  nodeContent.setAttribute("data-id", "auto-page-number");
+  nodeContent.setAttribute("aria-label", "Page number node");
+  const currentPos = this.getPos();
+  const { styles, marks } = getMarksFromNeighbors(currentPos, this.view);
+  __privateMethod$1(this, _AutoPageNumberNodeView_instances, scheduleUpdateNodeStyle_fn).call(this, currentPos, marks);
+  Object.assign(nodeContent.style, styles);
+  nodeContent.appendChild(content);
+  Object.entries(htmlAttributes).forEach(([key, value]) => {
+    if (value) nodeContent.setAttribute(key, value);
+  });
+  return nodeContent;
+};
+scheduleUpdateNodeStyle_fn = function(pos, marks) {
+  setTimeout(() => {
+    const { state: state2 } = this.editor;
+    const { dispatch } = this.view;
+    const node2 = state2.doc.nodeAt(pos);
+    if (!node2) return;
+    const currentMarks = node2.attrs.marksAsAttrs || [];
+    const newMarks = marks.map((m) => ({ type: m.type.name, attrs: m.attrs }));
+    const isEqual = JSON.stringify(currentMarks) === JSON.stringify(newMarks);
+    if (isEqual) return;
+    const newAttrs = {
+      ...node2.attrs,
+      marksAsAttrs: newMarks
+    };
+    const tr = state2.tr.setNodeMarkup(pos, void 0, newAttrs);
+    dispatch(tr);
+  }, 0);
+};
+const getMarksFromNeighbors = (currentPos, view) => {
+  const $pos = view.state.doc.resolve(currentPos);
+  const styles = {};
+  const marks = [];
+  const before = $pos.nodeBefore;
+  if (before) {
+    Object.assign(styles, processMarks(before.marks));
+    marks.push(...before.marks);
+  }
+  const after = $pos.nodeAfter;
+  if (after) {
+    Object.assign(styles, { ...styles, ...processMarks(after.marks) });
+    marks.push(...after.marks);
+  }
+  return {
+    styles,
+    marks
+  };
+};
+const processMarks = (marks) => {
+  const styles = {};
+  marks.forEach((mark) => {
+    const { type: type2, attrs } = mark;
+    switch (type2.name) {
+      case "textStyle":
+        if (attrs.fontFamily) styles["font-family"] = attrs.fontFamily;
+        if (attrs.fontSize) styles["font-size"] = attrs.fontSize;
+        if (attrs.color) styles["color"] = attrs.color;
+        if (attrs.backgroundColor) styles["background-color"] = attrs.backgroundColor;
+        break;
+      case "bold":
+        styles["font-weight"] = "bold";
+        break;
+      case "italic":
+        styles["font-style"] = "italic";
+        break;
+      case "underline":
+        styles["text-decoration"] = (styles["text-decoration"] || "") + " underline";
+        break;
+      case "strike":
+        styles["text-decoration"] = (styles["text-decoration"] || "") + " line-through";
+        break;
+      default:
+        if (attrs?.style) {
+          Object.entries(attrs.style).forEach(([key, value]) => {
+            styles[key] = value;
+          });
+        }
+        break;
+    }
+  });
+  return styles;
+};
 const ShapeContainer = Node$1.create({
   name: "shapeContainer",
   group: "block",
@@ -49797,10 +50133,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(node2) {
+function getWindow$1(node2) {
   if (node2 == null) {
     return window;
   }
@@ -49810,19 +50146,19 @@ function getWindow(node2) {
   }
   return node2;
 }
-function isElement$1(node2) {
-  var OwnElement = getWindow(node2).Element;
+function isElement$2(node2) {
+  var OwnElement = getWindow$1(node2).Element;
   return node2 instanceof OwnElement || node2 instanceof Element;
 }
 function isHTMLElement$1(node2) {
-  var OwnElement = getWindow(node2).HTMLElement;
+  var OwnElement = getWindow$1(node2).HTMLElement;
   return node2 instanceof OwnElement || node2 instanceof HTMLElement;
 }
-function isShadowRoot(node2) {
+function isShadowRoot$1(node2) {
   if (typeof ShadowRoot === "undefined") {
     return false;
   }
-  var OwnElement = getWindow(node2).ShadowRoot;
+  var OwnElement = getWindow$1(node2).ShadowRoot;
   return node2 instanceof OwnElement || node2 instanceof ShadowRoot;
 }
 function applyStyles(_ref) {
@@ -49831,7 +50167,7 @@ function applyStyles(_ref) {
     var style2 = state2.styles[name] || {};
     var attributes = state2.attributes[name] || {};
     var element = state2.elements[name];
-    if (!isHTMLElement$1(element) || !getNodeName(element)) {
+    if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
       return;
     }
     Object.assign(element.style, style2);
@@ -49873,7 +50209,7 @@ function effect$2(_ref2) {
         style22[property2] = "";
         return style22;
       }, {});
-      if (!isHTMLElement$1(element) || !getNodeName(element)) {
+      if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
         return;
       }
       Object.assign(element.style, style2);
@@ -49894,9 +50230,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)) {
@@ -49909,7 +50245,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;
   }
@@ -49920,10 +50256,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   var scaleX = 1;
   var scaleY = 1;
   if (includeScale && isHTMLElement$1(element)) {
-    scaleX = element.offsetWidth > 0 ? round(clientRect2.width) / element.offsetWidth || 1 : 1;
-    scaleY = element.offsetHeight > 0 ? round(clientRect2.height) / element.offsetHeight || 1 : 1;
+    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;
@@ -49941,7 +50277,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) {
@@ -49961,7 +50297,7 @@ function contains$1(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)) {
@@ -49972,20 +50308,20 @@ function contains$1(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$1(element) {
-  if (getNodeName(element) === "html") {
+  if (getNodeName$1(element) === "html") {
     return element;
   }
   return (
@@ -49994,33 +50330,33 @@ function getParentNode$1(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) {
+function getTrueOffsetParent$1(element) {
   if (!isHTMLElement$1(element) || // https://github.com/popperjs/popper-core/issues/837
-  getComputedStyle$1(element).position === "fixed") {
+  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$1(element)) {
-    var elementCss = getComputedStyle$1(element);
+    var elementCss = getComputedStyle$2(element);
     if (elementCss.position === "fixed") {
       return null;
     }
   }
   var currentNode = getParentNode$1(element);
-  if (isShadowRoot(currentNode)) {
+  if (isShadowRoot$1(currentNode)) {
     currentNode = currentNode.host;
   }
-  while (isHTMLElement$1(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 {
@@ -50029,22 +50365,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);
@@ -50091,7 +50427,7 @@ function arrow(_ref) {
   var maxProp = axis === "y" ? bottom : right;
   var endDiff = state2.rects.reference[len] + state2.rects.reference[axis] - popperOffsets2[axis] - state2.rects.popper[len];
   var startDiff = popperOffsets2[axis] - state2.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];
@@ -50140,8 +50476,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) {
@@ -50163,12 +50499,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";
       }
@@ -50199,7 +50535,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x,
     y
-  }, getWindow(popper2)) : {
+  }, getWindow$1(popper2)) : {
     x,
     y
   };
@@ -50255,7 +50591,7 @@ var passive = {
 function effect(_ref) {
   var state2 = _ref.state, instance = _ref.instance, options2 = _ref.options;
   var _options$scroll = options2.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options2.resize, resize = _options$resize === void 0 ? true : _options$resize;
-  var window2 = getWindow(state2.elements.popper);
+  var window2 = getWindow$1(state2.elements.popper);
   var scrollParents = [].concat(state2.scrollParents.reference, state2.scrollParents.popper);
   if (scroll) {
     scrollParents.forEach(function(scrollParent) {
@@ -50306,7 +50642,7 @@ function getOppositeVariationPlacement(placement) {
   });
 }
 function getWindowScroll(node2) {
-  var win = getWindow(node2);
+  var win = getWindow$1(node2);
   var scrollLeft = win.pageXOffset;
   var scrollTop = win.pageYOffset;
   return {
@@ -50314,12 +50650,12 @@ function getWindowScroll(node2) {
     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;
@@ -50337,21 +50673,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,
@@ -50361,11 +50697,11 @@ 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$1(node2) {
-  if (["html", "body", "#document"].indexOf(getNodeName(node2)) >= 0) {
+  if (["html", "body", "#document"].indexOf(getNodeName$1(node2)) >= 0) {
     return node2.ownerDocument.body;
   }
   if (isHTMLElement$1(node2) && isScrollParent(node2)) {
@@ -50380,7 +50716,7 @@ function listScrollParents(element, list) {
   }
   var scrollParent = getScrollParent$1(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 : (
@@ -50388,7 +50724,7 @@ function listScrollParents(element, list) {
     updatedList.concat(listScrollParents(getParentNode$1(target)))
   );
 }
-function rectToClientRect(rect) {
+function rectToClientRect$1(rect) {
   return Object.assign({}, rect, {
     left: rect.x,
     top: rect.y,
@@ -50396,8 +50732,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;
@@ -50409,29 +50745,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$1(element));
-  var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$1(element).position) >= 0;
-  var clipperElement = canEscapeClipping && isHTMLElement$1(element) ? getOffsetParent(element) : element;
-  if (!isElement$1(clipperElement)) {
+  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$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== "body";
+    return isElement$2(clippingParent) && contains$1(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;
@@ -50492,7 +50828,7 @@ function computeOffsets(_ref) {
   }
   return offsets;
 }
-function detectOverflow(state2, options2) {
+function detectOverflow$1(state2, options2) {
   if (options2 === void 0) {
     options2 = {};
   }
@@ -50501,14 +50837,14 @@ function detectOverflow(state2, options2) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state2.rects.popper;
   var element = state2.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement$1(element) ? element : element.contextElement || getDocumentElement(state2.elements.popper), boundary, rootBoundary, strategy);
-  var referenceClientRect = getBoundingClientRect(state2.elements.reference);
+  var clippingClientRect = getClippingRect$1(isElement$2(element) ? element : element.contextElement || getDocumentElement$1(state2.elements.popper), boundary, rootBoundary, strategy);
+  var referenceClientRect = getBoundingClientRect$1(state2.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,
@@ -50543,7 +50879,7 @@ function computeAutoPlacement(state2, options2) {
     allowedPlacements = placements$1;
   }
   var overflows = allowedPlacements.reduce(function(acc, placement2) {
-    acc[placement2] = detectOverflow(state2, {
+    acc[placement2] = detectOverflow$1(state2, {
       placement: placement2,
       boundary,
       rootBoundary,
@@ -50593,7 +50929,7 @@ function flip(_ref) {
     var isStartVariation = getVariation(placement) === start;
     var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
     var len = isVertical ? "width" : "height";
-    var overflow = detectOverflow(state2, {
+    var overflow = detectOverflow$1(state2, {
       placement,
       boundary,
       rootBoundary,
@@ -50658,7 +50994,7 @@ const flip$1 = {
     _skip: false
   }
 };
-function getSideOffsets(overflow, rect, preventedOffsets) {
+function getSideOffsets$1(overflow, rect, preventedOffsets) {
   if (preventedOffsets === void 0) {
     preventedOffsets = {
       x: 0,
@@ -50672,26 +51008,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 state2 = _ref.state, name = _ref.name;
   var referenceRect = state2.rects.reference;
   var popperRect = state2.rects.popper;
   var preventedOffsets = state2.modifiersData.preventOverflow;
-  var referenceOverflow = detectOverflow(state2, {
+  var referenceOverflow = detectOverflow$1(state2, {
     elementContext: "reference"
   });
-  var popperAltOverflow = detectOverflow(state2, {
+  var popperAltOverflow = detectOverflow$1(state2, {
     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);
   state2.modifiersData[name] = {
     referenceClippingOffsets,
     popperEscapeOffsets,
@@ -50703,12 +51039,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);
@@ -50768,7 +51104,7 @@ function getAltAxis(axis) {
 function preventOverflow(_ref) {
   var state2 = _ref.state, options2 = _ref.options, name = _ref.name;
   var _options$mainAxis = options2.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options2.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options2.boundary, rootBoundary = options2.rootBoundary, altBoundary = options2.altBoundary, padding = options2.padding, _options$tether = options2.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options2.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
-  var overflow = detectOverflow(state2, {
+  var overflow = detectOverflow$1(state2, {
     boundary,
     rootBoundary,
     padding,
@@ -50806,8 +51142,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];
@@ -50822,12 +51158,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 = state2.elements.arrow && getOffsetParent(state2.elements.arrow);
+    var arrowOffsetParent = state2.elements.arrow && getOffsetParent$1(state2.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;
   }
@@ -50862,8 +51198,8 @@ function getHTMLElementScroll(element) {
     scrollTop: element.scrollTop
   };
 }
-function getNodeScroll(node2) {
-  if (node2 === getWindow(node2) || !isHTMLElement$1(node2)) {
+function getNodeScroll$1(node2) {
+  if (node2 === getWindow$1(node2) || !isHTMLElement$1(node2)) {
     return getWindowScroll(node2);
   } else {
     return getHTMLElementScroll(node2);
@@ -50871,8 +51207,8 @@ function getNodeScroll(node2) {
 }
 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) {
@@ -50881,8 +51217,8 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   }
   var isOffsetParentAnElement = isHTMLElement$1(offsetParent);
   var offsetParentIsScaled = isHTMLElement$1(offsetParent) && isElementScaled(offsetParent);
-  var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
+  var documentElement = getDocumentElement$1(offsetParent);
+  var rect = getBoundingClientRect$1(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -50892,16 +51228,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$1(offsetParent)) {
-      offsets = getBoundingClientRect(offsetParent, true);
+      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 {
@@ -51016,7 +51352,7 @@ function popperGenerator(generatorOptions) {
         cleanupModifierEffects();
         state2.options = Object.assign({}, defaultOptions, state2.options, options22);
         state2.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, state2.options.modifiers)));
@@ -51040,7 +51376,7 @@ function popperGenerator(generatorOptions) {
           return;
         }
         state2.rects = {
-          reference: getCompositeRect(reference3, getOffsetParent(popper3), state2.options.strategy === "fixed"),
+          reference: getCompositeRect(reference3, getOffsetParent$1(popper3), state2.options.strategy === "fixed"),
           popper: getLayoutRect(popper3)
         };
         state2.reset = false;
@@ -51111,7 +51447,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
 });
@@ -51196,7 +51532,7 @@ function removeUndefinedProps(obj) {
 function div() {
   return document.createElement("div");
 }
-function isElement$2(value) {
+function isElement$1(value) {
   return ["Element", "Fragment"].some(function(type2) {
     return isType(value, type2);
   });
@@ -51211,7 +51547,7 @@ function isReferenceElement(value) {
   return !!(value && value._tippy && value._tippy.reference === value);
 }
 function getArrayOfElements(value) {
-  if (isElement$2(value)) {
+  if (isElement$1(value)) {
     return [value];
   }
   if (isNodeList(value)) {
@@ -51520,7 +51856,7 @@ function createArrowElement(value) {
     arrow2.className = ARROW_CLASS;
   } else {
     arrow2.className = SVG_ARROW_CLASS;
-    if (isElement$2(value)) {
+    if (isElement$1(value)) {
       arrow2.appendChild(value);
     } else {
       dangerouslySetInnerHTML(arrow2, value);
@@ -51529,7 +51865,7 @@ function createArrowElement(value) {
   return arrow2;
 }
 function setContent(content, props) {
-  if (isElement$2(props.content)) {
+  if (isElement$1(props.content)) {
     dangerouslySetInnerHTML(content, "");
     content.appendChild(props.content);
   } else if (typeof props.content !== "function") {
@@ -52352,7 +52688,7 @@ function tippy(targets, optionalProps) {
   });
   var elements = getArrayOfElements(targets);
   if (process$1$1.env.NODE_ENV !== "production") {
-    var isSingleContentElement = isElement$2(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(" "));
   }
@@ -52363,7 +52699,7 @@ function tippy(targets, optionalProps) {
     }
     return acc;
   }, []);
-  return isElement$2(targets) ? instances[0] : instances;
+  return isElement$1(targets) ? instances[0] : instances;
 }
 tippy.defaultProps = defaultProps;
 tippy.setDefaultProps = setDefaultProps;
@@ -52632,7 +52968,1067 @@ class Popover {
     this.popover.remove();
   }
 }
+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
+      }
+    };
+    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(state2, options2) {
+  var _await$platform$isEle;
+  if (options2 === void 0) {
+    options2 = {};
+  }
+  const {
+    x,
+    y,
+    platform: platform2,
+    rects,
+    elements,
+    strategy
+  } = state2;
+  const {
+    boundary = "clippingAncestors",
+    rootBoundary = "viewport",
+    elementContext = "floating",
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options2, state2);
+  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(options2) {
+  if (options2 === void 0) {
+    options2 = {};
+  }
+  return {
+    name: "hide",
+    options: options2,
+    async fn(state2) {
+      const {
+        rects
+      } = state2;
+      const {
+        strategy = "referenceHidden",
+        ...detectOverflowOptions
+      } = evaluate(options2, state2);
+      switch (strategy) {
+        case "referenceHidden": {
+          const overflow = await detectOverflow(state2, {
+            ...detectOverflowOptions,
+            elementContext: "reference"
+          });
+          const offsets = getSideOffsets(overflow, rects.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: offsets,
+              referenceHidden: isAnySideFullyClipped(offsets)
+            }
+          };
+        }
+        case "escaped": {
+          const overflow = await detectOverflow(state2, {
+            ...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(node2) {
+  if (isNode(node2)) {
+    return (node2.nodeName || "").toLowerCase();
+  }
+  return "#document";
+}
+function getWindow(node2) {
+  var _node$ownerDocument;
+  return (node2 == null || (_node$ownerDocument = node2.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+}
+function getDocumentElement(node2) {
+  var _ref;
+  return (_ref = (isNode(node2) ? node2.ownerDocument : node2.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$3(value) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return value instanceof Element || value instanceof getWindow(value).Element;
+}
+function isHTMLElement$2(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$3(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$2(element);
+  while (isHTMLElement$2(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
+    }
+    currentNode = getParentNode$2(currentNode);
+  }
+  return null;
+}
+function isWebKit() {
+  if (typeof CSS === "undefined" || !CSS.supports) return false;
+  return CSS.supports("-webkit-backdrop-filter", "none");
+}
+function isLastTraversableNode(node2) {
+  return ["html", "body", "#document"].includes(getNodeName(node2));
+}
+function getComputedStyle$1(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function getNodeScroll(element) {
+  if (isElement$3(element)) {
+    return {
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
+    };
+  }
+  return {
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
+  };
+}
+function getParentNode$2(node2) {
+  if (getNodeName(node2) === "html") {
+    return node2;
+  }
+  const result = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    node2.assignedSlot || // DOM Element detected.
+    node2.parentNode || // ShadowRoot detected.
+    isShadowRoot(node2) && node2.host || // Fallback.
+    getDocumentElement(node2)
+  );
+  return isShadowRoot(result) ? result.host : result;
+}
+function getNearestOverflowAncestor(node2) {
+  const parentNode2 = getParentNode$2(node2);
+  if (isLastTraversableNode(parentNode2)) {
+    return node2.ownerDocument ? node2.ownerDocument.body : node2.body;
+  }
+  if (isHTMLElement$2(parentNode2) && isOverflowElement(parentNode2)) {
+    return parentNode2;
+  }
+  return getNearestOverflowAncestor(parentNode2);
+}
+function getOverflowAncestors(node2, list, traverseIframes) {
+  var _node$ownerDocument2;
+  if (list === void 0) {
+    list = [];
+  }
+  if (traverseIframes === void 0) {
+    traverseIframes = true;
+  }
+  const scrollableAncestor = getNearestOverflowAncestor(node2);
+  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node2.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$2(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$3(element) ? element.contextElement : element;
+}
+function getScale(element) {
+  const domElement = unwrapElement(element);
+  if (!isHTMLElement$2(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$3(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$3(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$2(offsetParent);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement$2(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$2(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$3(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$2(element);
+  if (parentNode2 === stopNode || !isElement$3(parentNode2) || isLastTraversableNode(parentNode2)) {
+    return false;
+  }
+  return getComputedStyle$1(parentNode2).position === "fixed" || hasFixedPositionAncestor(parentNode2, stopNode);
+}
+function getClippingElementAncestors(element, cache2) {
+  const cachedResult2 = cache2.get(element);
+  if (cachedResult2) {
+    return cachedResult2;
+  }
+  let result = getOverflowAncestors(element, [], false).filter((el) => isElement$3(el) && getNodeName(el) !== "body");
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
+  let currentNode = elementIsFixed ? getParentNode$2(element) : element;
+  while (isElement$3(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$2(currentNode);
+  }
+  cache2.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$2(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$2(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$2(element)) {
+    let svgOffsetParent = getParentNode$2(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement$3(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode$2(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: isElement$3,
+  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 root2 = 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(root2.clientWidth - (left2 + width));
+    const insetBottom = floor(root2.clientHeight - (top2 + height));
+    const insetLeft = floor(left2);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    const options2 = {
+      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, {
+        ...options2,
+        // Handle <iframe>s
+        root: root2.ownerDocument
+      });
+    } catch (_e) {
+      io = new IntersectionObserver(handleObserve, options2);
+    }
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
+function autoUpdate(reference2, floating, update, options2) {
+  if (options2 === void 0) {
+    options2 = {};
+  }
+  const {
+    ancestorScroll = true,
+    ancestorResize = true,
+    elementResize = typeof ResizeObserver === "function",
+    layoutShift = typeof IntersectionObserver === "function",
+    animationFrame = false
+  } = options2;
+  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, options2) => {
+  const cache2 = /* @__PURE__ */ new Map();
+  const mergedOptions = {
+    platform,
+    ...options2
+  };
+  const platformWithCache = {
+    ...mergedOptions.platform,
+    _c: cache2
+  };
+  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() {
@@ -52722,7 +54118,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;
@@ -52739,6 +54135,9 @@ const Pagination = Extension.create({
       }
     });
     return [paginationPlugin];
+  },
+  onDestroy() {
+    cleanupFloatingSeparators();
   }
 });
 const getHeaderFooterId = (currentPageNumber, sectionType, editor, node2 = null) => {
@@ -52776,12 +54175,23 @@ const getHeaderFooterId = (currentPageNumber, sectionType, editor, node2 = 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");
 };
@@ -52822,16 +54232,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 [];
@@ -52850,7 +54259,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" }));
       }
@@ -52866,7 +54275,9 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
     }
     if (isHardBreakNode || shouldAddPageBreak) {
       const $currentPos = view.state.doc.resolve(currentPos);
+      const table = findParentNodeClosestToPos($currentPos, (node22) => node22.type.name === "table");
       const tableRow = findParentNodeClosestToPos($currentPos, (node22) => node22.type.name === "tableRow");
+      let isInTable2 = table || tableRow ? true : false;
       if (tableRow) {
         currentNode = tableRow.node;
         currentPos = tableRow.pos;
@@ -52879,13 +54290,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);
     }
@@ -52894,7 +54305,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);
@@ -52911,6 +54322,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       totalPageNumber.innerText = currentPageNumber;
     }
   });
+  editor.currentTotalPages = currentPageNumber;
   return decorations;
 }
 function createFinalPagePadding(bufferHeight) {
@@ -52921,7 +54333,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;
@@ -52948,7 +54360,8 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor) {
     appendToBody: false,
     sectionId: headerId,
     type: "header",
-    availableHeight
+    availableHeight,
+    currentPageNumber
   });
   editor.converter.headerEditors.push({
     id: headerId,
@@ -52974,13 +54387,6 @@ function createFooter(pageMargins, pageSize, sectionData, footerId, editor, curr
   const minFooterHeight = pageMargins.bottom * 96;
   const footerPaddingFromEdge = pageMargins.footer * 96;
   const footerHeight = Math.max(footerDef?.height || 0, minFooterHeight - footerPaddingFromEdge);
-  const sectionContainer = footerDef?.sectionContainer?.cloneNode(true);
-  const autoPageNumber = sectionContainer?.querySelector('span[data-id="auto-page-number"]');
-  if (autoPageNumber) {
-    const fontSize2 = autoPageNumber.previousElementSibling?.style?.fontSize || autoPageNumber.nextElementSibling?.style?.fontSize;
-    if (fontSize2) autoPageNumber.style.fontSize = fontSize2;
-    autoPageNumber.innerText = currentPageNumber;
-  }
   const editorContainer = document.createElement("div");
   if (!footerId && !editor.converter.footerIds["default"]) {
     footerId = "rId" + generateDocxRandomId();
@@ -53000,7 +54406,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,
@@ -53026,7 +54433,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");
@@ -53045,7 +54452,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) {
@@ -53084,6 +54494,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 currentElement2 = element;
+  while (currentElement2 && currentElement2 !== document.documentElement) {
+    let zoomStyle = currentElement2.style.zoom;
+    if (zoomStyle) {
+      let zoom = parseFloat(zoomStyle) || 1;
+      scale *= zoom;
+    }
+    let transformStyle = currentElement2.style.transform;
+    if (transformStyle) {
+      let scaleMatch = transformStyle.match(/scale\(([^)]+)\)/);
+      if (scaleMatch) {
+        let scaleValue = parseFloat(scaleMatch[1]) || 1;
+        scale *= scaleValue;
+      }
+    }
+    currentElement2 = currentElement2.parentElement;
+  }
+  return scale;
+}
 class SearchQuery {
   /**
   Create a query object.
@@ -57123,7 +58612,7 @@ var ResizeObserverController = function() {
   };
   return ResizeObserverController2;
 }();
-var ResizeObserver = function() {
+var ResizeObserver$1 = function() {
   function ResizeObserver2(callback) {
     if (arguments.length === 0) {
       throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -57162,7 +58651,7 @@ var ResizeObserver = function() {
 class ResizeObserverDelegate {
   constructor() {
     this.handleResize = this.handleResize.bind(this);
-    this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver)(this.handleResize);
+    this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver$1)(this.handleResize);
     this.elHandlersMap = /* @__PURE__ */ new Map();
   }
   handleResize(entries) {
@@ -67568,7 +69057,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-199a4ecf"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-4b700df1"]]);
 const _sfc_main$1 = {
   __name: "BasicUpload",
   emits: ["file-change"],