npm - @harbour-enterprises/superdoc - Versions diffs - 0.12.35 → 0.12.36-next.10 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/dist/superdoc.umd.js CHANGED Viewed

@@ -9933,29 +9933,29 @@
     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;
@@ -9965,13 +9965,13 @@
     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;
@@ -23434,7 +23434,6 @@
     if (Number.isNaN(value) || value === 0) return {};
     if (lineRule === "atLeast" && value < 1) return {};
     unit = unit ? unit : defaultUnit;
-    value += unit ? 4 : 0.2;
     return isObject2 ? { ["line-height"]: `${value}${unit}` } : `line-height: ${value}${unit}`;
   };
   const deobfuscateFont = (arrayBuffer, guidHex) => {
@@ -26223,7 +26222,9 @@
       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);
@@ -26661,7 +26662,10 @@
         if (Array.isArray(outputNode)) {
           const mapped = [];
           outputNode.forEach((el, index22) => {
-            mapped.push(...el.elements);
+            el.elements.forEach((element) => {
+              if (element.name === "w:pPr") return;
+              mapped.push(element);
+            });
             if (index22 < outputNode.length - 1) mapped.push({ name: "w:br", type: "element" });
           });
           mapped.unshift(carbonCopy(pPr));
@@ -27917,6 +27921,81 @@
       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));
@@ -29625,15 +29704,25 @@
     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 = [];
@@ -29969,8 +30058,13 @@
     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 };
   };
@@ -29983,8 +30077,13 @@
     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 };
   };
@@ -30669,7 +30768,7 @@
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.35") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.36-next.10") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -31136,7 +31235,7 @@
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.12.35") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.12.36-next.10") {
     return {
       type: "element",
       name: "property",
@@ -33669,7 +33768,7 @@
   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 = [];
@@ -38078,7 +38177,7 @@
       bottom: doc2.documentElement.clientHeight
     };
   }
-  function getSide(value, side) {
+  function getSide$1(value, side) {
     return typeof value == "number" ? value : value[side];
   }
   function clientRect(node2) {
@@ -38106,14 +38205,14 @@
       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);
@@ -43052,10 +43151,10 @@
     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;
@@ -43063,7 +43162,7 @@
   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$2 = Array.isArray;
   const fromCharCode = String.fromCharCode;
@@ -43127,7 +43226,7 @@
     const bufferLen = encoder.cbuf.length;
     if (bufferLen - encoder.cpos < len2) {
       encoder.bufs.push(new Uint8Array(encoder.cbuf.buffer, 0, encoder.cpos));
-      encoder.cbuf = new Uint8Array(max$1(bufferLen, len2) * 2);
+      encoder.cbuf = new Uint8Array(max$2(bufferLen, len2) * 2);
       encoder.cpos = 0;
     }
   };
@@ -43143,7 +43242,7 @@
   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);
   };
@@ -43153,10 +43252,10 @@
       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);
@@ -43189,13 +43288,13 @@
   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;
     }
@@ -43337,7 +43436,7 @@
   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() {
@@ -43367,12 +43466,12 @@
   } 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$2 = 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$2 = 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;
@@ -43409,12 +43508,12 @@
     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 : {}
@@ -43923,8 +44022,8 @@
           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(
@@ -44321,7 +44420,7 @@
     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;
@@ -44433,7 +44532,7 @@
     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++) {
@@ -44806,17 +44905,17 @@
           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,
@@ -46438,7 +46537,8 @@
     appendToBody = true,
     sectionId,
     type: type2,
-    availableHeight
+    availableHeight,
+    currentPageNumber
   }) => {
     const parentStyles = editor.converter.getDocumentDefaultStyles();
     const { fontSizePt, typeface } = parentStyles;
@@ -46474,11 +46574,13 @@
       content: data,
       extensions: getStarterExtensions(),
       documentId: sectionId || "sectionId",
-      media: editor.options.media,
-      mediaFiles: editor.options.mediaFiles,
+      media: editor.storage.image.media,
+      mediaFiles: editor.storage.image.media,
       fonts: editor.options.fonts,
       isHeaderOrFooter: true,
       annotations: true,
+      currentPageNumber,
+      parentEditor: editor,
       onCreate: (evt) => setEditorToolbar(evt, editor),
       onBlur: (evt) => onHeaderFooterDataUpdate(evt, editor, sectionId, type2)
     });
@@ -47596,6 +47698,68 @@
       );
     });
   };
+  const cleanUpListsWithAnnotations = (fieldsToDelete = [], editor) => {
+    if (!Array.isArray(fieldsToDelete)) fieldsToDelete = [fieldsToDelete];
+    const { doc: doc2 } = editor.state;
+    const docxAnnotations = getAllFieldAnnotations(editor.state) || [];
+    const nodesToDelete = [];
+    fieldsToDelete.forEach((fieldId) => {
+      const matched = docxAnnotations.find((a) => a.node.attrs.fieldId === fieldId);
+      if (!matched) return;
+      const listItem = findParentNodeClosestToPos(
+        doc2.resolve(matched.pos),
+        (node22) => node22.type.name === "listItem"
+      );
+      if (!listItem) return;
+      let remainingNodes = 0;
+      listItem.node.descendants((node22) => {
+        if (node22.type.name === "fieldAnnotation") {
+          remainingNodes += 1;
+        }
+      });
+      let matchingNodesFound = 0;
+      let hasOtherNodes = false;
+      listItem.node.children.forEach((child, index2) => {
+        const { type: type2 } = child;
+        if (type2.name !== "paragraph" && type2.name !== "fieldAnnotation") return;
+        child.children.forEach((inline) => {
+          const isFieldToDelete = fieldsToDelete.includes(inline.attrs.fieldId);
+          const isFieldType = inline.type.name === "fieldAnnotation";
+          const isMatchingField = isFieldType && isFieldToDelete;
+          if (!isFieldType && !isMatchingField) hasOtherNodes = true;
+          if (isMatchingField) matchingNodesFound += 1;
+        });
+      });
+      if (!hasOtherNodes && matchingNodesFound > 0) {
+        remainingNodes -= matchingNodesFound;
+      }
+      if (remainingNodes > 0) {
+        return;
+      }
+      let { pos, node: node2, depth } = listItem;
+      let $pos = doc2.resolve(pos);
+      while (depth > 0) {
+        const parent = $pos.node(depth - 1);
+        if (parent.childCount === 1) {
+          depth -= 1;
+          pos = $pos.before(depth);
+          node2 = parent;
+          $pos = doc2.resolve(pos);
+        } else {
+          break;
+        }
+      }
+      if (!nodesToDelete.some((n) => n.pos === pos)) {
+        nodesToDelete.push({ pos, node: node2 });
+      }
+    });
+    if (!nodesToDelete.length) return;
+    const tr = editor.state.tr;
+    nodesToDelete.sort((a, b) => b.pos - a.pos).forEach(({ pos, node: node2 }) => {
+      tr.delete(pos, pos + node2.nodeSize);
+    });
+    editor.view.dispatch(tr);
+  };
   const AnnotatorHelpers = {
     getFieldAttrs,
     processTables,
@@ -47603,7 +47767,8 @@
     annotateHeadersAndFooters,
     getAllHeaderFooterEditors,
     updateHeaderFooterFieldAnnotations,
-    deleteHeaderFooterFieldAnnotations
+    deleteHeaderFooterFieldAnnotations,
+    cleanUpListsWithAnnotations
   };
   const CollaborationPluginKey = new PluginKey("collaboration");
   const Collaboration = Extension.create({
@@ -47763,6 +47928,19 @@
       setHighContrastMode
     };
   }
+  const findWordBounds = (doc2, pos) => {
+    const $pos = doc2.resolve(pos);
+    const parent = $pos.parent;
+    const offset2 = $pos.parentOffset;
+    const text = parent.textContent;
+    if (!text) return { from: pos, to: pos };
+    let start2 = offset2, end2 = offset2;
+    while (start2 > 0 && /\w/.test(text[start2 - 1])) start2--;
+    while (end2 < text.length && /\w/.test(text[end2])) end2++;
+    const from2 = $pos.start() + start2;
+    const to = $pos.start() + end2;
+    return { from: from2, to };
+  };
   const _Editor = class _Editor2 extends EventEmitter$2 {
     /**
      * Create a new Editor instance
@@ -48006,6 +48184,7 @@
       __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);
     }
     /**
@@ -48413,7 +48592,7 @@
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.12.35");
+      console.debug("[checkVersionMigrations] Current editor version", "0.12.36-next.10");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -48778,6 +48957,10 @@
           pm.classList.remove("header-footer-edit");
           pm.setAttribute("aria-readonly", false);
         }
+        const { state: state22, dispatch } = view;
+        const word = findWordBounds(state22.doc, pos);
+        const tr = state22.tr.setSelection(TextSelection.create(state22.doc, word.from, word.to));
+        dispatch(tr);
       }
     });
     const newState = this.state.reconfigure({
@@ -49178,7 +49361,14 @@
               parseDOM: (el) => el.style.lineHeight,
               renderDOM: (attrs) => {
                 if (!attrs.lineHeight) return {};
-                return { style: getLineHeightValueString(attrs.lineHeight, this.options.defaults.unit, attrs.spacing?.lineRule) };
+                const lineHeightStyle = getLineHeightValueString(
+                  attrs.lineHeight,
+                  this.options.defaults.unit,
+                  attrs.spacing?.lineRule
+                );
+                return {
+                  style: `${lineHeightStyle}`
+                };
               }
             }
           }
@@ -51103,7 +51293,9 @@
           renderDOM: (attrs) => {
             const { spacing } = attrs;
             if (!spacing) return {};
-            const style2 = getSpacingStyleString(spacing);
+            const spacingCopy = { ...spacing };
+            if (attrs.lineHeight) delete spacingCopy.line;
+            const style2 = getSpacingStyleString(spacingCopy);
             if (style2) return { style: style2 };
             return {};
           }
@@ -54280,8 +54472,8 @@
         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 "";
@@ -54293,8 +54485,8 @@
           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"};`;
@@ -56052,32 +56244,89 @@
     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", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes), 0];
+      return ["span", Attribute.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
         }
       };
     },
@@ -56086,8 +56335,139 @@
     },
     renderDOM({ htmlAttributes }) {
       return ["span", Attribute.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",
@@ -57100,10 +57480,10 @@
   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;
     }
@@ -57113,19 +57493,19 @@
     }
     return node2;
   }
-  function isElement$1$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$2(node2) {
-    var OwnElement = getWindow(node2).HTMLElement;
+  function isHTMLElement$1$1(node2) {
+    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) {
@@ -57134,7 +57514,7 @@
       var style2 = state2.styles[name] || {};
       var attributes = state2.attributes[name] || {};
       var element = state2.elements[name];
-      if (!isHTMLElement$2(element) || !getNodeName(element)) {
+      if (!isHTMLElement$1$1(element) || !getNodeName$1(element)) {
         return;
       }
       Object.assign(element.style, style2);
@@ -57176,7 +57556,7 @@
           style22[property2] = "";
           return style22;
         }, {});
-        if (!isHTMLElement$2(element) || !getNodeName(element)) {
+        if (!isHTMLElement$1$1(element) || !getNodeName$1(element)) {
           return;
         }
         Object.assign(element.style, style2);
@@ -57197,9 +57577,9 @@
   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)) {
@@ -57212,7 +57592,7 @@
   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;
     }
@@ -57222,11 +57602,11 @@
     var clientRect2 = element.getBoundingClientRect();
     var scaleX = 1;
     var scaleY = 1;
-    if (includeScale && isHTMLElement$2(element)) {
-      scaleX = element.offsetWidth > 0 ? round(clientRect2.width) / element.offsetWidth || 1 : 1;
-      scaleY = element.offsetHeight > 0 ? round(clientRect2.height) / element.offsetHeight || 1 : 1;
+    if (includeScale && isHTMLElement$1$1(element)) {
+      scaleX = element.offsetWidth > 0 ? round$1(clientRect2.width) / element.offsetWidth || 1 : 1;
+      scaleY = element.offsetHeight > 0 ? round$1(clientRect2.height) / element.offsetHeight || 1 : 1;
     }
-    var _ref = isElement$1$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;
@@ -57244,7 +57624,7 @@
     };
   }
   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) {
@@ -57264,7 +57644,7 @@
     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)) {
@@ -57275,20 +57655,20 @@
     }
     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$1(element) ? element.ownerDocument : (
+  function getDocumentElement$1(element) {
+    return ((isElement$2(element) ? element.ownerDocument : (
       // $FlowFixMe[prop-missing]
       element.document
     )) || window.document).documentElement;
   }
-  function getParentNode$2(element) {
-    if (getNodeName(element) === "html") {
+  function getParentNode$1$1(element) {
+    if (getNodeName$1(element) === "html") {
       return element;
     }
     return (
@@ -57297,33 +57677,33 @@
       // $FlowFixMe[prop-missing]
       element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
       element.parentNode || // DOM Element detected
-      (isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
+      (isShadowRoot$1(element) ? element.host : null) || // ShadowRoot detected
       // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-      getDocumentElement(element)
+      getDocumentElement$1(element)
     );
   }
-  function getTrueOffsetParent(element) {
-    if (!isHTMLElement$2(element) || // https://github.com/popperjs/popper-core/issues/837
-    getComputedStyle$1(element).position === "fixed") {
+  function getTrueOffsetParent$1(element) {
+    if (!isHTMLElement$1$1(element) || // https://github.com/popperjs/popper-core/issues/837
+    getComputedStyle$2(element).position === "fixed") {
       return null;
     }
     return element.offsetParent;
   }
-  function getContainingBlock(element) {
+  function getContainingBlock$1(element) {
     var isFirefox = /firefox/i.test(getUAString());
     var isIE = /Trident/i.test(getUAString());
-    if (isIE && isHTMLElement$2(element)) {
-      var elementCss = getComputedStyle$1(element);
+    if (isIE && isHTMLElement$1$1(element)) {
+      var elementCss = getComputedStyle$2(element);
       if (elementCss.position === "fixed") {
         return null;
       }
     }
-    var currentNode = getParentNode$2(element);
-    if (isShadowRoot(currentNode)) {
+    var currentNode = getParentNode$1$1(element);
+    if (isShadowRoot$1(currentNode)) {
       currentNode = currentNode.host;
     }
-    while (isHTMLElement$2(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-      var css = getComputedStyle$1(currentNode);
+    while (isHTMLElement$1$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 {
@@ -57332,22 +57712,22 @@
     }
     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);
@@ -57394,7 +57774,7 @@
     var maxProp = axis === "y" ? bottom : right;
     var endDiff = state2.rects.reference[len2] + state2.rects.reference[axis] - popperOffsets2[axis] - state2.rects.popper[len2];
     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];
@@ -57443,8 +57823,8 @@
     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) {
@@ -57466,12 +57846,12 @@
     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";
         }
@@ -57502,7 +57882,7 @@
     var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
       x,
       y
-    }, getWindow(popper2)) : {
+    }, getWindow$1(popper2)) : {
       x,
       y
     };
@@ -57558,7 +57938,7 @@
   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) {
@@ -57609,7 +57989,7 @@
     });
   }
   function getWindowScroll(node2) {
-    var win = getWindow(node2);
+    var win = getWindow$1(node2);
     var scrollLeft = win.pageXOffset;
     var scrollTop = win.pageYOffset;
     return {
@@ -57617,12 +57997,12 @@
       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;
@@ -57640,21 +58020,21 @@
     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,
@@ -57664,17 +58044,17 @@
     };
   }
   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$2(node2) {
-    if (["html", "body", "#document"].indexOf(getNodeName(node2)) >= 0) {
+    if (["html", "body", "#document"].indexOf(getNodeName$1(node2)) >= 0) {
       return node2.ownerDocument.body;
     }
-    if (isHTMLElement$2(node2) && isScrollParent(node2)) {
+    if (isHTMLElement$1$1(node2) && isScrollParent(node2)) {
       return node2;
     }
-    return getScrollParent$2(getParentNode$2(node2));
+    return getScrollParent$2(getParentNode$1$1(node2));
   }
   function listScrollParents(element, list) {
     var _element$ownerDocumen;
@@ -57683,15 +58063,15 @@
     }
     var scrollParent = getScrollParent$2(element);
     var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
-    var win = getWindow(scrollParent);
+    var win = getWindow$1(scrollParent);
     var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
     var updatedList = list.concat(target);
     return isBody ? updatedList : (
       // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-      updatedList.concat(listScrollParents(getParentNode$2(target)))
+      updatedList.concat(listScrollParents(getParentNode$1$1(target)))
     );
   }
-  function rectToClientRect(rect) {
+  function rectToClientRect$1(rect) {
     return Object.assign({}, rect, {
       left: rect.x,
       top: rect.y,
@@ -57699,8 +58079,8 @@
       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;
@@ -57712,29 +58092,29 @@
     return rect;
   }
   function getClientRectFromMixedType(element, clippingParent, strategy) {
-    return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement$1$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$2(element));
-    var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$1(element).position) >= 0;
-    var clipperElement = canEscapeClipping && isHTMLElement$2(element) ? getOffsetParent(element) : element;
-    if (!isElement$1$1(clipperElement)) {
+    var clippingParents2 = listScrollParents(getParentNode$1$1(element));
+    var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$2(element).position) >= 0;
+    var clipperElement = canEscapeClipping && isHTMLElement$1$1(element) ? getOffsetParent$1(element) : element;
+    if (!isElement$2(clipperElement)) {
       return [];
     }
     return clippingParents2.filter(function(clippingParent) {
-      return isElement$1$1(clippingParent) && contains$2(clippingParent, clipperElement) && getNodeName(clippingParent) !== "body";
+      return isElement$2(clippingParent) && contains$2(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;
@@ -57795,7 +58175,7 @@
     }
     return offsets;
   }
-  function detectOverflow(state2, options2) {
+  function detectOverflow$1(state2, options2) {
     if (options2 === void 0) {
       options2 = {};
     }
@@ -57804,14 +58184,14 @@
     var altContext = elementContext === popper ? reference : popper;
     var popperRect = state2.rects.popper;
     var element = state2.elements[altBoundary ? altContext : elementContext];
-    var clippingClientRect = getClippingRect(isElement$1$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,
@@ -57846,7 +58226,7 @@
       allowedPlacements = placements$1;
     }
     var overflows = allowedPlacements.reduce(function(acc, placement2) {
-      acc[placement2] = detectOverflow(state2, {
+      acc[placement2] = detectOverflow$1(state2, {
         placement: placement2,
         boundary,
         rootBoundary,
@@ -57896,7 +58276,7 @@
       var isStartVariation = getVariation(placement) === start;
       var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
       var len2 = isVertical ? "width" : "height";
-      var overflow = detectOverflow(state2, {
+      var overflow = detectOverflow$1(state2, {
         placement,
         boundary,
         rootBoundary,
@@ -57961,7 +58341,7 @@
       _skip: false
     }
   };
-  function getSideOffsets(overflow, rect, preventedOffsets) {
+  function getSideOffsets$1(overflow, rect, preventedOffsets) {
     if (preventedOffsets === void 0) {
       preventedOffsets = {
         x: 0,
@@ -57975,26 +58355,26 @@
       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,
@@ -58006,12 +58386,12 @@
       "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);
@@ -58071,7 +58451,7 @@
   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,
@@ -58109,8 +58489,8 @@
       var altSide = mainAxis === "y" ? bottom : right;
       var len2 = 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[len2] / 2 : 0;
       var minLen = variation === start ? referenceRect[len2] : popperRect[len2];
       var maxLen = variation === start ? -popperRect[len2] : -referenceRect[len2];
@@ -58125,12 +58505,12 @@
       var arrowLen = within(0, referenceRect[len2], arrowRect[len2]);
       var minOffset = isBasePlacement ? referenceRect[len2] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
       var maxOffset = isBasePlacement ? -referenceRect[len2] / 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;
     }
@@ -58165,8 +58545,8 @@
       scrollTop: element.scrollTop
     };
   }
-  function getNodeScroll(node2) {
-    if (node2 === getWindow(node2) || !isHTMLElement$2(node2)) {
+  function getNodeScroll$1(node2) {
+    if (node2 === getWindow$1(node2) || !isHTMLElement$1$1(node2)) {
       return getWindowScroll(node2);
     } else {
       return getHTMLElementScroll(node2);
@@ -58174,18 +58554,18 @@
   }
   function isElementScaled(element) {
     var rect = element.getBoundingClientRect();
-    var scaleX = round(rect.width) / element.offsetWidth || 1;
-    var scaleY = round(rect.height) / element.offsetHeight || 1;
+    var scaleX = round$1(rect.width) / element.offsetWidth || 1;
+    var scaleY = round$1(rect.height) / element.offsetHeight || 1;
     return scaleX !== 1 || scaleY !== 1;
   }
   function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     if (isFixed === void 0) {
       isFixed = false;
     }
-    var isOffsetParentAnElement = isHTMLElement$2(offsetParent);
-    var offsetParentIsScaled = isHTMLElement$2(offsetParent) && isElementScaled(offsetParent);
-    var documentElement = getDocumentElement(offsetParent);
-    var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
+    var isOffsetParentAnElement = isHTMLElement$1$1(offsetParent);
+    var offsetParentIsScaled = isHTMLElement$1$1(offsetParent) && isElementScaled(offsetParent);
+    var documentElement = getDocumentElement$1(offsetParent);
+    var rect = getBoundingClientRect$1(elementOrVirtualElement, offsetParentIsScaled, isFixed);
     var scroll = {
       scrollLeft: 0,
       scrollTop: 0
@@ -58195,16 +58575,16 @@
       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$2(offsetParent)) {
-        offsets = getBoundingClientRect(offsetParent, true);
+      if (isHTMLElement$1$1(offsetParent)) {
+        offsets = getBoundingClientRect$1(offsetParent, true);
         offsets.x += offsetParent.clientLeft;
         offsets.y += offsetParent.clientTop;
       } else if (documentElement) {
-        offsets.x = getWindowScrollBarX(documentElement);
+        offsets.x = getWindowScrollBarX$1(documentElement);
       }
     }
     return {
@@ -58319,7 +58699,7 @@
           cleanupModifierEffects();
           state2.options = Object.assign({}, defaultOptions, state2.options, options22);
           state2.scrollParents = {
-            reference: isElement$1$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)));
@@ -58343,7 +58723,7 @@
             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;
@@ -58414,7 +58794,7 @@
       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
   });
@@ -58499,7 +58879,7 @@
   function div() {
     return document.createElement("div");
   }
-  function isElement$2(value) {
+  function isElement$1$1(value) {
     return ["Element", "Fragment"].some(function(type2) {
       return isType(value, type2);
     });
@@ -58514,7 +58894,7 @@
     return !!(value && value._tippy && value._tippy.reference === value);
   }
   function getArrayOfElements(value) {
-    if (isElement$2(value)) {
+    if (isElement$1$1(value)) {
       return [value];
     }
     if (isNodeList(value)) {
@@ -58823,7 +59203,7 @@
       arrow2.className = ARROW_CLASS;
     } else {
       arrow2.className = SVG_ARROW_CLASS;
-      if (isElement$2(value)) {
+      if (isElement$1$1(value)) {
         arrow2.appendChild(value);
       } else {
         dangerouslySetInnerHTML(arrow2, value);
@@ -58832,7 +59212,7 @@
     return arrow2;
   }
   function setContent(content, props) {
-    if (isElement$2(props.content)) {
+    if (isElement$1$1(props.content)) {
       dangerouslySetInnerHTML(content, "");
       content.appendChild(props.content);
     } else if (typeof props.content !== "function") {
@@ -59655,7 +60035,7 @@
     });
     var elements = getArrayOfElements(targets);
     if (process$1$1.env.NODE_ENV !== "production") {
-      var isSingleContentElement = isElement$2(passedProps.content);
+      var isSingleContentElement = isElement$1$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(" "));
     }
@@ -59666,7 +60046,7 @@
       }
       return acc;
     }, []);
-    return isElement$2(targets) ? instances[0] : instances;
+    return isElement$1$1(targets) ? instances[0] : instances;
   }
   tippy.defaultProps = defaultProps;
   tippy.setDefaultProps = setDefaultProps;
@@ -59935,7 +60315,1067 @@
       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 i2 = 0; i2 < validMiddleware.length; i2++) {
+      const {
+        name,
+        fn: fn2
+      } = validMiddleware[i2];
+      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));
+        }
+        i2 = -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() {
@@ -60025,7 +61465,7 @@
         view: (view) => {
           let previousDecorations = DecorationSet.empty;
           return {
-            update: (view2) => {
+            update: (view2, prevState) => {
               if (!shouldUpdate || isUpdating) return;
               isUpdating = true;
               hasInitialized = true;
@@ -60042,6 +61482,9 @@
         }
       });
       return [paginationPlugin];
+    },
+    onDestroy() {
+      cleanupFloatingSeparators();
     }
   });
   const getHeaderFooterId = (currentPageNumber, sectionType, editor, node2 = null) => {
@@ -60079,12 +61522,23 @@
   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");
   };
@@ -60125,16 +61579,15 @@
     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 [];
@@ -60153,7 +61606,7 @@
         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" }));
         }
@@ -60169,7 +61622,9 @@
       }
       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;
@@ -60182,13 +61637,13 @@
         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);
       }
@@ -60197,7 +61652,7 @@
     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);
@@ -60214,6 +61669,7 @@
         totalPageNumber.innerText = currentPageNumber;
       }
     });
+    editor.currentTotalPages = currentPageNumber;
     return decorations;
   }
   function createFinalPagePadding(bufferHeight) {
@@ -60224,7 +61680,7 @@
     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;
@@ -60251,7 +61707,8 @@
       appendToBody: false,
       sectionId: headerId,
       type: "header",
-      availableHeight
+      availableHeight,
+      currentPageNumber
     });
     editor.converter.headerEditors.push({
       id: headerId,
@@ -60277,13 +61734,6 @@
     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();
@@ -60303,7 +61753,8 @@
       appendToBody: false,
       sectionId: footerId,
       type: "footer",
-      availableHeight: footerHeight
+      availableHeight: footerHeight,
+      currentPageNumber
     });
     editor.converter.footerEditors.push({
       id: footerId,
@@ -60329,7 +61780,7 @@
     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");
@@ -60348,7 +61799,10 @@
       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) {
@@ -60387,6 +61841,85 @@
       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.
@@ -64426,7 +65959,7 @@ ${style2}
     };
     return ResizeObserverController2;
   }();
-  var ResizeObserver$1 = function() {
+  var ResizeObserver$2 = function() {
     function ResizeObserver2(callback) {
       if (arguments.length === 0) {
         throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -64465,7 +65998,7 @@ ${style2}
   let ResizeObserverDelegate$1 = class ResizeObserverDelegate {
     constructor() {
       this.handleResize = this.handleResize.bind(this);
-      this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver$1)(this.handleResize);
+      this.observer = new (typeof window !== "undefined" && window.ResizeObserver || ResizeObserver$2)(this.handleResize);
       this.elHandlersMap = /* @__PURE__ */ new Map();
     }
     handleResize(entries) {
@@ -74871,7 +76404,7 @@ ${style2}
       };
     }
   };
-  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$1, [["__scopeId", "data-v-199a4ecf"]]);
+  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$1, [["__scopeId", "data-v-4b700df1"]]);
   const _hoisted_1$h = ["innerHTML"];
   const _sfc_main$i = {
     __name: "SuperInput",
@@ -80361,7 +81894,7 @@ ${style2}
     };
     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.");
@@ -80400,7 +81933,7 @@ ${style2}
   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) {
@@ -89965,7 +91498,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.12.35";
+      this.version = "0.12.36-next.10";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;