@harbour-enterprises/superdoc 0.13.2-rev8 → 0.13.2

package/dist/superdoc.umd.js

@@ -22,7 +22,7 @@
   const pdfjsLib__namespace = /* @__PURE__ */ _interopNamespaceDefault(pdfjsLib);
   const pdfjsViewer__namespace = /* @__PURE__ */ _interopNamespaceDefault(pdfjsViewer);
   /**
-  * @vue/shared v3.5.17
+  * @vue/shared v3.5.16
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -622,7 +622,6 @@
     }
   };
   class Dep {
-    // TODO isolatedDeclarations "__v_skip"
     constructor(computed2) {
       this.computed = computed2;
       this.version = 0;
@@ -631,7 +630,6 @@
       this.map = void 0;
       this.key = void 0;
       this.sc = 0;
-      this.__v_skip = true;
     }
     track(debugInfo) {
       if (!activeSub || !shouldTrack || activeSub === this.computed) {
@@ -4101,8 +4099,6 @@
   const initSlots = (instance, children, optimized) => {
     const slots = instance.slots = createInternalObject();
     if (instance.vnode.shapeFlag & 32) {
-      const cacheIndexes = children.__;
-      if (cacheIndexes) def(slots, "__", cacheIndexes, true);
       const type2 = children._;
       if (type2) {
         assignSlots(slots, children, optimized);
@@ -4260,8 +4256,6 @@
       }
       if (ref3 != null && parentComponent) {
         setRef(ref3, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
-      } else if (ref3 == null && n1 && n1.ref != null) {
-        setRef(n1.ref, null, parentSuspense, n1, true);
       }
     };
     const processText = (n1, n2, container, anchor) => {
@@ -4735,8 +4729,7 @@
           }
           toggleRecurse(instance, true);
           {
-            if (root2.ce && // @ts-expect-error _def is private
-            root2.ce._def.shadowRoot !== false) {
+            if (root2.ce) {
               root2.ce._injectChildStyle(type2);
             }
             const subTree = instance.subTree = renderComponentRoot(instance);
@@ -6527,7 +6520,7 @@
       return createVNode(type2, propsOrChildren, children);
     }
   }
-  const version$1 = "3.5.17";
+  const version$1 = "3.5.16";
   let policy = void 0;
   const tt = typeof window !== "undefined" && window.trustedTypes;
   if (tt) {
@@ -18325,7 +18318,7 @@
     }
   }
   const emptyAttrs = /* @__PURE__ */ Object.create(null);
-  let Node$1$1 = class Node2 {
+  let Node$2 = class Node2 {
     /**
     @internal
     */
@@ -18726,8 +18719,8 @@
       return node2;
     }
   };
-  Node$1$1.prototype.text = void 0;
-  class TextNode extends Node$1$1 {
+  Node$2.prototype.text = void 0;
+  class TextNode extends Node$2 {
     /**
     @internal
     */
@@ -19314,7 +19307,7 @@
     create(attrs = null, content, marks) {
       if (this.isText)
         throw new Error("NodeType.create can't construct text nodes");
-      return new Node$1$1(this, this.computeAttrs(attrs), Fragment.from(content), Mark$1.setFrom(marks));
+      return new Node$2(this, this.computeAttrs(attrs), Fragment.from(content), Mark$1.setFrom(marks));
     }
     /**
     Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but check the given content
@@ -19324,7 +19317,7 @@
     createChecked(attrs = null, content, marks) {
       content = Fragment.from(content);
       this.checkContent(content);
-      return new Node$1$1(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
+      return new Node$2(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
     }
     /**
     Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but see if it is
@@ -19347,7 +19340,7 @@
       let after = matched && matched.fillBefore(Fragment.empty, true);
       if (!after)
         return null;
-      return new Node$1$1(this, attrs, content.append(after), Mark$1.setFrom(marks));
+      return new Node$2(this, attrs, content.append(after), Mark$1.setFrom(marks));
     }
     /**
     Returns true if the given fragment is valid content for this node
@@ -19584,7 +19577,7 @@
     bound.
     */
     nodeFromJSON(json) {
-      return Node$1$1.fromJSON(this, json);
+      return Node$2.fromJSON(this, json);
     }
     /**
     Deserialize a mark from its JSON representation. This method is
@@ -21110,7 +21103,7 @@
     }
   }
   Step.jsonID("replace", ReplaceStep);
-  let ReplaceAroundStep$1 = class ReplaceAroundStep2 extends Step {
+  class ReplaceAroundStep extends Step {
     /**
     Create a replace-around step with the given range and gap.
     `insert` should be the point in the slice into which the content
@@ -21150,7 +21143,7 @@
     }
     invert(doc2) {
       let gap = this.gapTo - this.gapFrom;
-      return new ReplaceAroundStep2(this.from, this.from + this.slice.size + gap, this.from + this.insert, this.from + this.insert + gap, doc2.slice(this.from, this.to).removeBetween(this.gapFrom - this.from, this.gapTo - this.from), this.gapFrom - this.from, this.structure);
+      return new ReplaceAroundStep(this.from, this.from + this.slice.size + gap, this.from + this.insert, this.from + this.insert + gap, doc2.slice(this.from, this.to).removeBetween(this.gapFrom - this.from, this.gapTo - this.from), this.gapFrom - this.from, this.structure);
     }
     map(mapping) {
       let from2 = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
@@ -21158,7 +21151,7 @@
       let gapTo = this.to == this.gapTo ? to.pos : mapping.map(this.gapTo, 1);
       if (from2.deletedAcross && to.deletedAcross || gapFrom < from2.pos || gapTo > to.pos)
         return null;
-      return new ReplaceAroundStep2(from2.pos, to.pos, gapFrom, gapTo, this.slice, this.insert, this.structure);
+      return new ReplaceAroundStep(from2.pos, to.pos, gapFrom, gapTo, this.slice, this.insert, this.structure);
     }
     toJSON() {
       let json = {
@@ -21181,10 +21174,10 @@
     static fromJSON(schema, json) {
       if (typeof json.from != "number" || typeof json.to != "number" || typeof json.gapFrom != "number" || typeof json.gapTo != "number" || typeof json.insert != "number")
         throw new RangeError("Invalid input for ReplaceAroundStep.fromJSON");
-      return new ReplaceAroundStep2(json.from, json.to, json.gapFrom, json.gapTo, Slice.fromJSON(schema, json.slice), json.insert, !!json.structure);
+      return new ReplaceAroundStep(json.from, json.to, json.gapFrom, json.gapTo, Slice.fromJSON(schema, json.slice), json.insert, !!json.structure);
     }
-  };
-  Step.jsonID("replaceAround", ReplaceAroundStep$1);
+  }
+  Step.jsonID("replaceAround", ReplaceAroundStep);
   function contentBetween(doc2, from2, to) {
     let $from = doc2.resolve(from2), dist2 = to - from2, depth = $from.depth;
     while (dist2 > 0 && depth > 0 && $from.indexAfter(depth) == $from.node(depth).childCount) {
@@ -21337,7 +21330,7 @@
       } else {
         end2++;
       }
-    tr.step(new ReplaceAroundStep$1(start2, end2, gapStart, gapEnd, new Slice(before.append(after), openStart, openEnd), before.size - openStart, true));
+    tr.step(new ReplaceAroundStep(start2, end2, gapStart, gapEnd, new Slice(before.append(after), openStart, openEnd), before.size - openStart, true));
   }
   function findWrapping(range2, nodeType, attrs = null, innerRange = range2) {
     let around = findWrappingOutside(range2, nodeType);
@@ -21382,7 +21375,7 @@
       content = Fragment.from(wrappers[i2].type.create(wrappers[i2].attrs, content));
     }
     let start2 = range2.start, end2 = range2.end;
-    tr.step(new ReplaceAroundStep$1(start2, end2, start2, end2, new Slice(content, 0, 0), wrappers.length, true));
+    tr.step(new ReplaceAroundStep(start2, end2, start2, end2, new Slice(content, 0, 0), wrappers.length, true));
   }
   function setBlockType$1(tr, from2, to, type2, attrs) {
     if (!type2.isTextblock)
@@ -21404,7 +21397,7 @@
         clearIncompatible(tr, tr.mapping.slice(mapFrom).map(pos, 1), type2, void 0, convertNewlines === null);
         let mapping = tr.mapping.slice(mapFrom);
         let startM = mapping.map(pos, 1), endM = mapping.map(pos + node2.nodeSize, 1);
-        tr.step(new ReplaceAroundStep$1(startM, endM, startM + 1, endM - 1, new Slice(Fragment.from(type2.create(attrsHere, null, node2.marks)), 0, 0), 1, true));
+        tr.step(new ReplaceAroundStep(startM, endM, startM + 1, endM - 1, new Slice(Fragment.from(type2.create(attrsHere, null, node2.marks)), 0, 0), 1, true));
         if (convertNewlines === true)
           replaceNewlines(tr, node2, pos, mapFrom);
         return false;
@@ -21445,7 +21438,7 @@
       return tr.replaceWith(pos, pos + node2.nodeSize, newNode);
     if (!type2.validContent(node2.content))
       throw new RangeError("Invalid content for node type " + type2.name);
-    tr.step(new ReplaceAroundStep$1(pos, pos + node2.nodeSize, pos + 1, pos + node2.nodeSize - 1, new Slice(Fragment.from(newNode), 0, 0), 1, true));
+    tr.step(new ReplaceAroundStep(pos, pos + node2.nodeSize, pos + 1, pos + node2.nodeSize - 1, new Slice(Fragment.from(newNode), 0, 0), 1, true));
   }
   function canSplit(doc2, pos, depth = 1, typesAfter) {
     let $pos = doc2.resolve(pos), base2 = $pos.depth - depth;
@@ -21646,7 +21639,7 @@
       }
       let slice = new Slice(content, openStart, openEnd);
       if (moveInline > -1)
-        return new ReplaceAroundStep$1($from.pos, moveInline, this.$to.pos, this.$to.end(), slice, placedSize);
+        return new ReplaceAroundStep($from.pos, moveInline, this.$to.pos, this.$to.end(), slice, placedSize);
       if (slice.size || $from.pos != this.$to.pos)
         return new ReplaceStep($from.pos, $to.pos, slice);
       return null;
@@ -22729,7 +22722,7 @@
     if (last < startLen)
       return;
     let step = tr.steps[last];
-    if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep$1))
+    if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep))
       return;
     let map2 = tr.mapping.maps[last], end2;
     map2.forEach((_from, _to, _newFrom, newTo) => {
@@ -23144,7 +23137,7 @@
       let instance = new EditorState($config);
       $config.fields.forEach((field) => {
         if (field.name == "doc") {
-          instance.doc = Node$1$1.fromJSON(config.schema, json.doc);
+          instance.doc = Node$2.fromJSON(config.schema, json.doc);
         } else if (field.name == "selection") {
           instance.selection = Selection.fromJSON(instance.doc, json.selection);
         } else if (field.name == "storedMarks") {
@@ -26205,583 +26198,6 @@
       colgroupValues
     };
   };
-  function chainableEditorState(transaction, state2) {
-    let { selection, doc: doc2, storedMarks } = transaction;
-    return {
-      ...state2,
-      apply: state2.apply.bind(state2),
-      applyTransaction: state2.applyTransaction.bind(state2),
-      plugins: state2.plugins,
-      schema: state2.schema,
-      reconfigure: state2.reconfigure.bind(state2),
-      toJSON: state2.toJSON.bind(state2),
-      get storedMarks() {
-        return storedMarks;
-      },
-      get selection() {
-        return selection;
-      },
-      get doc() {
-        return doc2;
-      },
-      get tr() {
-        selection = transaction.selection;
-        doc2 = transaction.doc;
-        storedMarks = transaction.storedMarks;
-        return transaction;
-      }
-    };
-  }
-  class CommandService {
-    constructor(props) {
-      __publicField$2(this, "editor");
-      __publicField$2(this, "rawCommands");
-      this.editor = props.editor;
-      this.rawCommands = this.editor.extensionService.commands;
-    }
-    /**
-     * Static method for creating a service.
-     * @param args Arguments for the constructor.
-     */
-    static create(...args) {
-      return new CommandService(...args);
-    }
-    /**
-     * Get editor state.
-     */
-    get state() {
-      return this.editor.state;
-    }
-    /**
-     * Get all commands with wrapped command method.
-     */
-    get commands() {
-      const { editor, state: state2 } = this;
-      const { view } = editor;
-      const { tr } = state2;
-      const props = this.createProps(tr);
-      const entries = Object.entries(this.rawCommands).map(([name, command2]) => {
-        const method = (...args) => {
-          const fn = command2(...args)(props);
-          if (!tr.getMeta("preventDispatch")) {
-            view.dispatch(tr);
-          }
-          return fn;
-        };
-        return [name, method];
-      });
-      return Object.fromEntries(entries);
-    }
-    /**
-     * Create a chain of commands to call multiple commands at once.
-     */
-    get chain() {
-      return () => this.createChain();
-    }
-    /**
-     * Check if a command or a chain of commands can be executed. Without executing it.
-     */
-    get can() {
-      return () => this.createCan();
-    }
-    /**
-     * Creates a chain of commands.
-     * @param startTr Start transaction.
-     * @param shouldDispatch Should dispatch or not.
-     */
-    createChain(startTr, shouldDispatch = true) {
-      const { editor, state: state2, rawCommands } = this;
-      const { view } = editor;
-      const callbacks2 = [];
-      const hasStartTr = !!startTr;
-      const tr = startTr || state2.tr;
-      const run2 = () => {
-        if (!hasStartTr && shouldDispatch && !tr.getMeta("preventDispatch")) {
-          view.dispatch(tr);
-        }
-        return callbacks2.every((cb) => cb === true);
-      };
-      const entries = Object.entries(rawCommands).map(([name, command2]) => {
-        const chainedCommand = (...args) => {
-          const props = this.createProps(tr, shouldDispatch);
-          const callback = command2(...args)(props);
-          callbacks2.push(callback);
-          return chain;
-        };
-        return [name, chainedCommand];
-      });
-      const chain = {
-        ...Object.fromEntries(entries),
-        run: run2
-      };
-      return chain;
-    }
-    /**
-     * Creates a can check for commands.
-     * @param startTr Start transaction.
-     */
-    createCan(startTr) {
-      const { rawCommands, state: state2 } = this;
-      const dispatch = false;
-      const tr = startTr || state2.tr;
-      const props = this.createProps(tr, dispatch);
-      const commands2 = Object.fromEntries(
-        Object.entries(rawCommands).map(([name, command2]) => {
-          return [name, (...args) => command2(...args)({ ...props, dispatch: void 0 })];
-        })
-      );
-      return {
-        ...commands2,
-        chain: () => this.createChain(tr, dispatch)
-      };
-    }
-    /**
-     * Creates default props for the command method.
-     * @param {*} tr Transaction.
-     * @param {*} shouldDispatch Check if should dispatch.
-     * @returns Object with props.
-     */
-    createProps(tr, shouldDispatch = true) {
-      const { editor, state: state2, rawCommands } = this;
-      const { view } = editor;
-      const props = {
-        tr,
-        editor,
-        view,
-        state: chainableEditorState(tr, state2),
-        dispatch: shouldDispatch ? () => void 0 : void 0,
-        chain: () => this.createChain(tr, shouldDispatch),
-        can: () => this.createCan(tr),
-        get commands() {
-          return Object.fromEntries(
-            Object.entries(rawCommands).map(([name, command2]) => {
-              return [name, (...args) => command2(...args)(props)];
-            })
-          );
-        }
-      };
-      return props;
-    }
-  }
-  function getHTMLFromFragment(fragment, schema) {
-    const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
-    const temporaryDocument = document.implementation.createHTMLDocument();
-    const container = temporaryDocument.createElement("div");
-    container.appendChild(documentFragment);
-    return container.innerHTML;
-  }
-  const getTextContentFromNodes = ($from, maxMatch = 500) => {
-    let textBefore = "";
-    const sliceEndPos = $from.parentOffset;
-    $from.parent.nodesBetween(
-      Math.max(0, sliceEndPos - maxMatch),
-      sliceEndPos,
-      (node2, pos, parent, index2) => {
-        const chunk = node2.type.spec.toText?.({
-          node: node2,
-          pos,
-          parent,
-          index: index2
-        }) || node2.textContent || "%leaf%";
-        textBefore += node2.isAtom && !node2.isText ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
-      }
-    );
-    return textBefore;
-  };
-  const handleDocxPaste = (html, editor, view, plugin2) => {
-    const { converter } = editor;
-    if (!converter || !converter.convertedXml) return handleHtmlPaste(html, editor, view, plugin2);
-    let cleanedHtml = convertEmToPt(html);
-    cleanedHtml = cleanHtmlUnnecessaryTags(cleanedHtml);
-    const tempDiv = document.createElement("div");
-    tempDiv.innerHTML = cleanedHtml;
-    const paragraphs = tempDiv.querySelectorAll("p");
-    paragraphs.forEach((p2) => {
-      const innerHTML2 = p2.innerHTML;
-      if (!innerHTML2.includes("<!--[if !supportLists]")) return;
-      const styleAttr = p2.getAttribute("style") || "";
-      const msoListMatch = styleAttr.match(/mso-list:\s*l(\d+)\s+level(\d+)/);
-      if (msoListMatch) {
-        const [, abstractId, level] = msoListMatch;
-        const listNumId = getListNumIdFromAbstract(abstractId, editor);
-        if (!listNumId) return;
-        const abstractDefinition = getListAbstractDefinition(abstractId, editor);
-        const { lvlText, start: start2, numFmt } = getLevelDefinition(abstractDefinition, level - 1);
-        p2.setAttribute("data-num-id", listNumId);
-        p2.setAttribute("data-list-level", level - 1);
-        p2.setAttribute("data-start", start2);
-        p2.setAttribute("data-lvl-text", lvlText);
-        p2.setAttribute("data-num-fmt", numFmt);
-      }
-      extractAndRemoveConditionalPrefix(p2);
-    });
-    transformWordLists(tempDiv);
-    const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
-    tempDiv.remove();
-    const { dispatch } = editor.view;
-    if (!dispatch) return false;
-    dispatch(view.state.tr.replaceSelectionWith(doc2, true));
-    return true;
-  };
-  const getLevelDefinition = (abstractDefinition, level) => {
-    if (!abstractDefinition || !abstractDefinition.elements) return null;
-    const levelElement = abstractDefinition.elements.find((el) => {
-      return el.name === "w:lvl" && el.attributes?.["w:ilvl"] == level;
-    });
-    if (!levelElement) return null;
-    const { elements } = levelElement;
-    const lvlText = elements.find((el) => el.name === "w:lvlText")?.attributes?.["w:val"];
-    const start2 = elements.find((el) => el.name === "w:start")?.attributes?.["w:val"];
-    const numFmt = elements.find((el) => el.name === "w:numFmt")?.attributes?.["w:val"];
-    return { lvlText, start: start2, numFmt, elements };
-  };
-  const getListNumIdFromAbstract = (abstractId, editor) => {
-    const { definitions } = editor?.converter?.numbering;
-    if (!definitions) return null;
-    const matchedDefinition = Object.values(definitions).find((def2) => {
-      return def2.elements.some((el) => el.name === "w:abstractNumId" && el.attributes?.["w:val"] == abstractId);
-    });
-    return matchedDefinition?.attributes?.["w:numId"];
-  };
-  const getListAbstractDefinition = (abstractId, editor) => {
-    const { abstracts = {} } = editor?.converter?.numbering;
-    return abstracts[abstractId] || null;
-  };
-  const transformWordLists = (container) => {
-    const paragraphs = Array.from(container.querySelectorAll("p[data-num-id]"));
-    const listMap = /* @__PURE__ */ new Map();
-    const listLevels = {};
-    for (const p2 of paragraphs) {
-      const listId = p2.getAttribute("data-num-id");
-      const level = parseInt(p2.getAttribute("data-list-level"));
-      const numFmt = p2.getAttribute("data-num-fmt");
-      const start2 = p2.getAttribute("data-start");
-      const lvlText = p2.getAttribute("data-lvl-text");
-      if (!listMap.has(listId)) listMap.set(listId, []);
-      listMap.get(listId).push({ p: p2, level, numFmt, start: start2, lvlText });
-    }
-    for (const [id, items] of listMap.entries()) {
-      if (!listLevels[id]) {
-        listLevels[id] = {
-          stack: [],
-          counts: {},
-          prevLevel: null
-        };
-      }
-      const parentStack = [];
-      items.forEach(({ p: p2, level, numFmt, start: start2, lvlText }, index2) => {
-        const listLevel = generateListNestingPath(listLevels, id, level);
-        const li = document.createElement("li");
-        li.innerHTML = p2.innerHTML;
-        li.setAttribute("data-list-level", JSON.stringify(listLevel));
-        li.setAttribute("data-num-id", id);
-        li.setAttribute("data-lvl-text", lvlText);
-        li.setAttribute("data-num-fmt", numFmt);
-        if (p2.hasAttribute("data-font-family")) {
-          li.setAttribute("data-font-family", p2.getAttribute("data-font-family"));
-        }
-        if (p2.hasAttribute("data-font-size")) {
-          li.setAttribute("data-font-size", p2.getAttribute("data-font-size"));
-        }
-        const parentNode2 = p2.parentNode;
-        let listForLevel = parentStack[level];
-        if (!listForLevel) {
-          const newList = document.createElement("ol");
-          newList.setAttribute("data-list-id", id);
-          newList.level = level;
-          if (level > 0) {
-            const parentLi = parentStack[level - 1]?.querySelector("li:last-child");
-            if (parentLi) parentLi.appendChild(newList);
-          } else {
-            parentNode2.insertBefore(newList, p2);
-          }
-          parentStack[level] = newList;
-          parentStack.length = level + 1;
-          listForLevel = newList;
-        }
-        listForLevel.appendChild(li);
-        p2.remove();
-      });
-    }
-  };
-  function generateListNestingPath(listLevels, listId, currentLevel) {
-    const levelState = listLevels[listId];
-    if (!levelState.stack) levelState.stack = [];
-    if (levelState.prevLevel === void 0) levelState.prevLevel = null;
-    if (levelState.prevLevel === null) {
-      levelState.stack = Array(currentLevel).fill(1).concat(1);
-    } else {
-      if (currentLevel > levelState.prevLevel) {
-        levelState.stack.push(1);
-      } else if (currentLevel === levelState.prevLevel) {
-        levelState.stack[levelState.stack.length - 1]++;
-      } else {
-        levelState.stack = levelState.stack.slice(0, currentLevel + 1);
-        levelState.stack[currentLevel] = (levelState.stack[currentLevel] || 1) + 1;
-      }
-    }
-    levelState.prevLevel = currentLevel;
-    return [...levelState.stack];
-  }
-  function extractAndRemoveConditionalPrefix(p2) {
-    const nodes = Array.from(p2.childNodes);
-    let fontFamily2 = null;
-    let fontSize2 = null;
-    let start2 = -1, end2 = -1;
-    nodes.forEach((node2, index2) => {
-      if (node2.nodeType === Node.COMMENT_NODE && node2.nodeValue.includes("[if !supportLists]")) {
-        start2 = index2;
-      }
-      if (start2 !== -1 && node2.nodeType === Node.COMMENT_NODE && node2.nodeValue.includes("[endif]")) {
-        end2 = index2;
-      }
-    });
-    if (start2 !== -1 && end2 !== -1) {
-      for (let i2 = start2 + 1; i2 < end2; i2++) {
-        const node2 = nodes[i2];
-        if (node2.nodeType === Node.ELEMENT_NODE && node2.style) {
-          fontFamily2 = fontFamily2 || node2.style.fontFamily;
-          fontSize2 = fontSize2 || node2.style.fontSize;
-        }
-      }
-      for (let i2 = end2; i2 >= start2; i2--) {
-        p2.removeChild(p2.childNodes[i2]);
-      }
-      if (fontFamily2) p2.setAttribute("data-font-family", fontFamily2);
-      if (fontSize2) p2.setAttribute("data-font-size", fontSize2);
-    }
-  }
-  class InputRule {
-    constructor(config) {
-      __publicField$2(this, "match");
-      __publicField$2(this, "handler");
-      this.match = config.match;
-      this.handler = config.handler;
-    }
-  }
-  const inputRuleMatcherHandler = (text, match) => {
-    if (isRegExp(match)) {
-      return match.exec(text);
-    }
-    const inputRuleMatch = match(text);
-    if (!inputRuleMatch) {
-      return null;
-    }
-    const result = [inputRuleMatch.text];
-    result.index = inputRuleMatch.index;
-    result.input = text;
-    result.data = inputRuleMatch.data;
-    if (inputRuleMatch.replaceWith) {
-      if (!inputRuleMatch.text.includes(inputRuleMatch.replaceWith)) {
-        console.warn(
-          '[super-editor warn]: "inputRuleMatch.replaceWith" must be part of "inputRuleMatch.text".'
-        );
-      }
-      result.push(inputRuleMatch.replaceWith);
-    }
-    return result;
-  };
-  const run = (config) => {
-    const {
-      editor,
-      from: from2,
-      to,
-      text,
-      rules,
-      plugin: plugin2
-    } = config;
-    const { view } = editor;
-    if (view.composing) {
-      return false;
-    }
-    const $from = view.state.doc.resolve(from2);
-    if ($from.parent.type.spec.code || !!($from.nodeBefore || $from.nodeAfter)?.marks.find((mark) => mark.type.spec.code)) {
-      return false;
-    }
-    let matched = false;
-    const textBefore = getTextContentFromNodes($from) + text;
-    rules.forEach((rule) => {
-      if (matched) {
-        return;
-      }
-      const match = inputRuleMatcherHandler(textBefore, rule.match);
-      if (!match) {
-        return;
-      }
-      const tr = view.state.tr;
-      const state2 = chainableEditorState(tr, view.state);
-      const range2 = {
-        from: from2 - (match[0].length - text.length),
-        to
-      };
-      const { commands: commands2, chain, can } = new CommandService({
-        editor,
-        state: state2
-      });
-      const handler = rule.handler({
-        state: state2,
-        range: range2,
-        match,
-        commands: commands2,
-        chain,
-        can
-      });
-      if (handler === null || !tr.steps.length) {
-        return;
-      }
-      tr.setMeta(plugin2, {
-        transform: tr,
-        from: from2,
-        to,
-        text
-      });
-      view.dispatch(tr);
-      matched = true;
-    });
-    return matched;
-  };
-  const inputRulesPlugin = ({ editor, rules }) => {
-    const plugin2 = new Plugin({
-      key: new PluginKey("inputRulesPlugin"),
-      state: {
-        init() {
-          return null;
-        },
-        apply(tr, prev, state2) {
-          const stored = tr.getMeta(plugin2);
-          if (stored) {
-            return stored;
-          }
-          const simulatedInputMeta = tr.getMeta("applyInputRules");
-          const isSimulatedInput = !!simulatedInputMeta;
-          if (isSimulatedInput) {
-            setTimeout(() => {
-              let { text } = simulatedInputMeta;
-              if (typeof text !== "string") {
-                text = getHTMLFromFragment(Fragment.from(text), state2.schema);
-              }
-              const { from: from2 } = simulatedInputMeta;
-              const to = from2 + text.length;
-              run({
-                editor,
-                from: from2,
-                to,
-                text,
-                rules,
-                plugin: plugin2
-              });
-            });
-          }
-          return tr.selectionSet || tr.docChanged ? null : prev;
-        }
-      },
-      props: {
-        handleTextInput(view, from2, to, text) {
-          return run({
-            editor,
-            from: from2,
-            to,
-            text,
-            rules,
-            plugin: plugin2
-          });
-        },
-        // add support for input rules to trigger on enter
-        // this is useful for example for code blocks
-        handleKeyDown(view, event) {
-          if (event.key !== "Enter") {
-            return false;
-          }
-          const { $cursor } = view.state.selection;
-          if ($cursor) {
-            return run({
-              editor,
-              from: $cursor.pos,
-              to: $cursor.pos,
-              text: "\n",
-              rules,
-              plugin: plugin2
-            });
-          }
-          return false;
-        },
-        // Paste handler
-        handlePaste(view, event, slice) {
-          const clipboard = event.clipboardData;
-          const html = clipboard.getData("text/html");
-          clipboard.getData("text/plain");
-          const fieldAnnotationContent = slice.content.content.filter((item) => item.type.name === "fieldAnnotation");
-          if (fieldAnnotationContent.length) {
-            return false;
-          }
-          let source;
-          if (!html) {
-            source = "plain-text";
-          } else if (isWordHtml(html)) {
-            source = "word-html";
-          } else {
-            source = "browser-html";
-          }
-          switch (source) {
-            case "plain-text":
-              break;
-            case "word-html":
-              if (editor.options.mode === "docx") {
-                return handleDocxPaste(html, editor, view, plugin2);
-              }
-            case "browser-html":
-              return handleHtmlPaste$1(html, editor);
-          }
-          return false;
-        }
-      },
-      isInputRules: true
-    });
-    return plugin2;
-  };
-  function isWordHtml(html) {
-    return /class=["']?Mso|xmlns:o=["']?urn:schemas-microsoft-com|<!--\[if gte mso|<meta[^>]+name=["']?Generator["']?[^>]+Word/i.test(html);
-  }
-  const handleHtmlPaste$1 = (html, editor, plugin2) => {
-    const htmlWithPtSizing = convertEmToPt(html);
-    const cleanedHtml = sanitizeHtml(htmlWithPtSizing);
-    const doc2 = DOMParser$1.fromSchema(editor.schema).parse(cleanedHtml);
-    const { dispatch } = editor.view;
-    if (!dispatch) return false;
-    dispatch(editor.view.state.tr.replaceSelectionWith(doc2, true));
-    return true;
-  };
-  const convertEmToPt = (html) => {
-    return html.replace(
-      /font-size\s*:\s*([\d.]+)em/gi,
-      (_, emValue) => {
-        const em = parseFloat(emValue);
-        const pt = Math.round(em * 12 * 100) / 100;
-        return `font-size: ${pt}pt`;
-      }
-    );
-  };
-  function cleanHtmlUnnecessaryTags(html) {
-    return html.replace(/<o:p>.*?<\/o:p>/gi, "").replace(/&nbsp;/gi, " ").replace(/<span[^>]*>\s*<\/span>/gi, "").replace(/<p[^>]*>\s*<\/p>/gi, "").trim();
-  }
-  function sanitizeHtml(html, forbiddenTags = ["meta", "svg", "script", "style", "button"]) {
-    const container = document.createElement("div");
-    container.innerHTML = html;
-    const walkAndClean = (node2) => {
-      for (const child of [...node2.children]) {
-        if (forbiddenTags.includes(child.tagName.toLowerCase())) {
-          child.remove();
-          continue;
-        }
-        if (child.hasAttribute("linebreaktype")) {
-          child.removeAttribute("linebreaktype");
-        }
-        walkAndClean(child);
-      }
-    };
-    walkAndClean(container);
-    return container;
-  }
   function exportSchemaToJson(params2) {
     const { type: type2 } = params2.node || {};
     const router = {
@@ -26819,13 +26235,13 @@
   function translateBodyNode(params2) {
     let sectPr = params2.bodyNode?.elements.find((n) => n.name === "w:sectPr") || {};
     if (params2.converter) {
-      const hasHeader = sectPr?.elements?.some((n) => n.name === "w:headerReference");
+      const hasHeader = sectPr.elements.some((n) => n.name === "w:headerReference");
       const hasDefaultHeader = params2.converter.headerIds?.default;
       if (!hasHeader && hasDefaultHeader && !params2.editor.options.isHeaderOrFooter) {
         const defaultHeader = generateDefaultHeaderFooter("header", params2.converter.headerIds?.default);
         sectPr.elements.push(defaultHeader);
       }
-      const hasFooter = sectPr?.elements?.some((n) => n.name === "w:footerReference");
+      const hasFooter = sectPr.elements.some((n) => n.name === "w:footerReference");
       const hasDefaultFooter = params2.converter.footerIds?.default;
       if (!hasFooter && hasDefaultFooter && !params2.editor.options.isHeaderOrFooter) {
         const defaultFooter = generateDefaultHeaderFooter("footer", params2.converter.footerIds?.default);
@@ -28125,11 +27541,12 @@
       node: { attrs = {}, marks = [] },
       editorSchema
     } = params2;
-    const paragraphHtmlContainer = sanitizeHtml(attrs.rawHtml);
+    const parser = new window.DOMParser();
+    const paragraphHtml = parser.parseFromString(attrs.rawHtml || attrs.displayLabel, "text/html");
     const marksFromAttrs = translateFieldAttrsToMarks(attrs);
     const allMarks = [...marks, ...marksFromAttrs];
     let state2 = EditorState.create({
-      doc: DOMParser$1.fromSchema(editorSchema).parse(paragraphHtmlContainer)
+      doc: DOMParser$1.fromSchema(editorSchema).parse(paragraphHtml)
     });
     if (allMarks.length) {
       state2 = applyMarksToHtmlAnnotation(state2, allMarks);
@@ -31184,7 +30601,7 @@
     });
     return updatedStyles;
   }
-  const importHeadersFooters = (docx, converter, mainEditor) => {
+  const importHeadersFooters = (docx, converter, editor) => {
     const rels = docx["word/_rels/document.xml.rels"];
     const relationships = rels.elements.find((el) => el.name === "Relationships");
     const { elements } = relationships;
@@ -31194,9 +30611,6 @@
     const footers = elements.filter((el) => el.attributes["Type"] === footerType);
     const sectPr = findSectPr(docx["word/document.xml"]) || [];
     const allSectPrElements = sectPr.flatMap((el) => el.elements);
-    if (!mainEditor) return;
-    const editor = { ...mainEditor };
-    editor.options.annotations = true;
     headers.forEach((header) => {
       const { rId, referenceFile, currentFileName } = getHeaderFooterSectionData(header, docx);
       const sectPrHeader = allSectPrElements.find((el) => el.name === "w:headerReference" && el.attributes["r:id"] === rId);
@@ -31356,7 +30770,7 @@
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.2-rev8") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.2") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -31823,7 +31237,7 @@
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.13.2-rev8") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.13.2") {
     return {
       type: "element",
       name: "property",
@@ -34356,7 +33770,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, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_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 = [];
@@ -35545,6 +34959,164 @@
   };
   __privateAdd$1(_Schema, _Schema_static);
   let Schema = _Schema;
+  function chainableEditorState(transaction, state2) {
+    let { selection, doc: doc2, storedMarks } = transaction;
+    return {
+      ...state2,
+      apply: state2.apply.bind(state2),
+      applyTransaction: state2.applyTransaction.bind(state2),
+      plugins: state2.plugins,
+      schema: state2.schema,
+      reconfigure: state2.reconfigure.bind(state2),
+      toJSON: state2.toJSON.bind(state2),
+      get storedMarks() {
+        return storedMarks;
+      },
+      get selection() {
+        return selection;
+      },
+      get doc() {
+        return doc2;
+      },
+      get tr() {
+        selection = transaction.selection;
+        doc2 = transaction.doc;
+        storedMarks = transaction.storedMarks;
+        return transaction;
+      }
+    };
+  }
+  class CommandService {
+    constructor(props) {
+      __publicField$1(this, "editor");
+      __publicField$1(this, "rawCommands");
+      this.editor = props.editor;
+      this.rawCommands = this.editor.extensionService.commands;
+    }
+    /**
+     * Static method for creating a service.
+     * @param args Arguments for the constructor.
+     */
+    static create(...args) {
+      return new CommandService(...args);
+    }
+    /**
+     * Get editor state.
+     */
+    get state() {
+      return this.editor.state;
+    }
+    /**
+     * Get all commands with wrapped command method.
+     */
+    get commands() {
+      const { editor, state: state2 } = this;
+      const { view } = editor;
+      const { tr } = state2;
+      const props = this.createProps(tr);
+      const entries = Object.entries(this.rawCommands).map(([name, command2]) => {
+        const method = (...args) => {
+          const fn2 = command2(...args)(props);
+          if (!tr.getMeta("preventDispatch")) {
+            view.dispatch(tr);
+          }
+          return fn2;
+        };
+        return [name, method];
+      });
+      return Object.fromEntries(entries);
+    }
+    /**
+     * Create a chain of commands to call multiple commands at once.
+     */
+    get chain() {
+      return () => this.createChain();
+    }
+    /**
+     * Check if a command or a chain of commands can be executed. Without executing it.
+     */
+    get can() {
+      return () => this.createCan();
+    }
+    /**
+     * Creates a chain of commands.
+     * @param startTr Start transaction.
+     * @param shouldDispatch Should dispatch or not.
+     */
+    createChain(startTr, shouldDispatch = true) {
+      const { editor, state: state2, rawCommands } = this;
+      const { view } = editor;
+      const callbacks2 = [];
+      const hasStartTr = !!startTr;
+      const tr = startTr || state2.tr;
+      const run2 = () => {
+        if (!hasStartTr && shouldDispatch && !tr.getMeta("preventDispatch")) {
+          view.dispatch(tr);
+        }
+        return callbacks2.every((cb) => cb === true);
+      };
+      const entries = Object.entries(rawCommands).map(([name, command2]) => {
+        const chainedCommand = (...args) => {
+          const props = this.createProps(tr, shouldDispatch);
+          const callback = command2(...args)(props);
+          callbacks2.push(callback);
+          return chain;
+        };
+        return [name, chainedCommand];
+      });
+      const chain = {
+        ...Object.fromEntries(entries),
+        run: run2
+      };
+      return chain;
+    }
+    /**
+     * Creates a can check for commands.
+     * @param startTr Start transaction.
+     */
+    createCan(startTr) {
+      const { rawCommands, state: state2 } = this;
+      const dispatch = false;
+      const tr = startTr || state2.tr;
+      const props = this.createProps(tr, dispatch);
+      const commands2 = Object.fromEntries(
+        Object.entries(rawCommands).map(([name, command2]) => {
+          return [name, (...args) => command2(...args)({ ...props, dispatch: void 0 })];
+        })
+      );
+      return {
+        ...commands2,
+        chain: () => this.createChain(tr, dispatch)
+      };
+    }
+    /**
+     * Creates default props for the command method.
+     * @param {*} tr Transaction.
+     * @param {*} shouldDispatch Check if should dispatch.
+     * @returns Object with props.
+     */
+    createProps(tr, shouldDispatch = true) {
+      const { editor, state: state2, rawCommands } = this;
+      const { view } = editor;
+      const props = {
+        tr,
+        editor,
+        view,
+        state: chainableEditorState(tr, state2),
+        dispatch: shouldDispatch ? () => void 0 : void 0,
+        chain: () => this.createChain(tr, shouldDispatch),
+        can: () => this.createCan(tr),
+        get commands() {
+          return Object.fromEntries(
+            Object.entries(rawCommands).map(([name, command2]) => {
+              return [name, (...args) => command2(...args)(props)];
+            })
+          );
+        }
+      };
+      return props;
+    }
+  }
   const first = (commands2) => (props) => {
     const items = typeof commands2 === "function" ? commands2(props) : commands2;
     for (let i2 = 0; i2 < items.length; i2 += 1) {
@@ -35906,7 +35478,7 @@
         for (let i2 = conn.length - 1; i2 >= 0; i2--)
           wrap2 = Fragment.from(conn[i2].create(null, wrap2));
         wrap2 = Fragment.from(before.copy(wrap2));
-        let tr = state2.tr.step(new ReplaceAroundStep$1($cut.pos - 1, end2, $cut.pos, end2, new Slice(wrap2, 1, 0), conn.length, true));
+        let tr = state2.tr.step(new ReplaceAroundStep($cut.pos - 1, end2, $cut.pos, end2, new Slice(wrap2, 1, 0), conn.length, true));
         let $joinAt = tr.doc.resolve(end2 + 2 * conn.length);
         if ($joinAt.nodeAfter && $joinAt.nodeAfter.type == before.type && canJoin(tr.doc, $joinAt.pos))
           tr.join($joinAt.pos);
@@ -35937,7 +35509,7 @@
           let end2 = Fragment.empty;
           for (let i2 = wrap2.length - 1; i2 >= 0; i2--)
             end2 = Fragment.from(wrap2[i2].copy(end2));
-          let tr = state2.tr.step(new ReplaceAroundStep$1($cut.pos - wrap2.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end2, wrap2.length, 0), 0, true));
+          let tr = state2.tr.step(new ReplaceAroundStep($cut.pos - wrap2.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end2, wrap2.length, 0), 0, true));
           dispatch(tr.scrollIntoView());
         }
         return true;
@@ -36510,7 +36082,7 @@
       return;
     }
     const step = tr.steps[last];
-    if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep$1)) {
+    if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep)) {
       return;
     }
     const map2 = tr.mapping.maps[last];
@@ -36656,7 +36228,7 @@
     let content = Fragment.empty;
     for (let i2 = wrappers.length - 1; i2 >= 0; i2--)
       content = Fragment.from(wrappers[i2].type.create(wrappers[i2].attrs, content));
-    tr.step(new ReplaceAroundStep$1(range2.start - (joinBefore ? 2 : 0), range2.end, range2.start, range2.end, new Slice(content, 0, 0), wrappers.length, true));
+    tr.step(new ReplaceAroundStep(range2.start - (joinBefore ? 2 : 0), range2.end, range2.start, range2.end, new Slice(content, 0, 0), wrappers.length, true));
     let found2 = 0;
     for (let i2 = 0; i2 < wrappers.length; i2++)
       if (wrappers[i2].type == listType)
@@ -36689,7 +36261,7 @@
   function liftToOuterList(state2, dispatch, itemType, range2) {
     let tr = state2.tr, end2 = range2.end, endOfList = range2.$to.end(range2.depth);
     if (end2 < endOfList) {
-      tr.step(new ReplaceAroundStep$1(end2 - 1, endOfList, end2, endOfList, new Slice(Fragment.from(itemType.create(null, range2.parent.copy())), 1, 0), 1, true));
+      tr.step(new ReplaceAroundStep(end2 - 1, endOfList, end2, endOfList, new Slice(Fragment.from(itemType.create(null, range2.parent.copy())), 1, 0), 1, true));
       range2 = new NodeRange(tr.doc.resolve(range2.$from.pos), tr.doc.resolve(endOfList), range2.depth);
     }
     const target = liftTarget(range2);
@@ -36716,7 +36288,7 @@
     if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment.empty : Fragment.from(list))))
       return false;
     let start2 = $start.pos, end2 = start2 + item.nodeSize;
-    tr.step(new ReplaceAroundStep$1(start2 - (atStart ? 1 : 0), end2 + (atEnd ? 1 : 0), start2 + 1, end2 - 1, new Slice((atStart ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))).append(atEnd ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
+    tr.step(new ReplaceAroundStep(start2 - (atStart ? 1 : 0), end2 + (atEnd ? 1 : 0), start2 + 1, end2 - 1, new Slice((atStart ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))).append(atEnd ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
     dispatch(tr.scrollIntoView());
     return true;
   }
@@ -36737,7 +36309,7 @@
         let inner = Fragment.from(nestedBefore ? itemType.create() : null);
         let slice2 = new Slice(Fragment.from(itemType.create(null, Fragment.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
         let before = range2.start, after = range2.end;
-        dispatch(state2.tr.step(new ReplaceAroundStep$1(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
+        dispatch(state2.tr.step(new ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
       }
       return true;
     };
@@ -44330,8 +43902,7 @@
           binding.mapping
         );
         if (anchor !== null && head !== null) {
-          const sel = TextSelection.between(tr.doc.resolve(anchor), tr.doc.resolve(head));
-          tr.setSelection(sel);
+          tr.setSelection(TextSelection.between(tr.doc.resolve(anchor), tr.doc.resolve(head)));
         }
       }
     }
@@ -45112,7 +44683,7 @@
   };
   const absolutePositionToRelativePosition = (pos, type2, mapping) => {
     if (pos === 0) {
-      return Y__namespace.createRelativePositionFromTypeIndex(type2, 0, type2.length === 0 ? -1 : 0);
+      return Y__namespace.createRelativePositionFromTypeIndex(type2, 0, -1);
     }
     let n = type2._first === null ? null : (
       /** @type {Y.ContentType} */
@@ -45121,7 +44692,7 @@
     while (n !== null && type2 !== n) {
       if (n instanceof Y__namespace.XmlText) {
         if (n._length >= pos) {
-          return Y__namespace.createRelativePositionFromTypeIndex(n, pos, type2.length === 0 ? -1 : 0);
+          return Y__namespace.createRelativePositionFromTypeIndex(n, pos, -1);
         } else {
           pos -= n._length;
         }
@@ -45185,7 +44756,7 @@
         return createRelativePosition(n._item.parent, n._item);
       }
     }
-    return Y__namespace.createRelativePositionFromTypeIndex(type2, type2._length, type2.length === 0 ? -1 : 0);
+    return Y__namespace.createRelativePositionFromTypeIndex(type2, type2._length, -1);
   };
   const createRelativePosition = (type2, item) => {
     let typeid = null;
@@ -45782,6 +45353,409 @@
     }
     return enabled;
   }
+  function getHTMLFromFragment(fragment, schema) {
+    const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
+    const temporaryDocument = document.implementation.createHTMLDocument();
+    const container = temporaryDocument.createElement("div");
+    container.appendChild(documentFragment);
+    return container.innerHTML;
+  }
+  const getTextContentFromNodes = ($from, maxMatch = 500) => {
+    let textBefore = "";
+    const sliceEndPos = $from.parentOffset;
+    $from.parent.nodesBetween(
+      Math.max(0, sliceEndPos - maxMatch),
+      sliceEndPos,
+      (node2, pos, parent, index2) => {
+        const chunk = node2.type.spec.toText?.({
+          node: node2,
+          pos,
+          parent,
+          index: index2
+        }) || node2.textContent || "%leaf%";
+        textBefore += node2.isAtom && !node2.isText ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
+      }
+    );
+    return textBefore;
+  };
+  const handleDocxPaste = (html, editor, view, plugin2) => {
+    const { converter } = editor;
+    if (!converter || !converter.convertedXml) return handleHtmlPaste(html, editor, view, plugin2);
+    let cleanedHtml = convertEmToPt(html);
+    cleanedHtml = cleanHtmlUnnecessaryTags(cleanedHtml);
+    const tempDiv = document.createElement("div");
+    tempDiv.innerHTML = cleanedHtml;
+    const paragraphs = tempDiv.querySelectorAll("p");
+    paragraphs.forEach((p2) => {
+      const innerHTML3 = p2.innerHTML;
+      if (!innerHTML3.includes("<!--[if !supportLists]")) return;
+      const styleAttr = p2.getAttribute("style") || "";
+      const msoListMatch = styleAttr.match(/mso-list:\s*l(\d+)\s+level(\d+)/);
+      if (msoListMatch) {
+        const [, abstractId, level] = msoListMatch;
+        const listNumId = getListNumIdFromAbstract(abstractId, editor);
+        if (!listNumId) return;
+        const abstractDefinition = getListAbstractDefinition(abstractId, editor);
+        const { lvlText, start: start2, numFmt } = getLevelDefinition(abstractDefinition, level - 1);
+        p2.setAttribute("data-num-id", listNumId);
+        p2.setAttribute("data-list-level", level - 1);
+        p2.setAttribute("data-start", start2);
+        p2.setAttribute("data-lvl-text", lvlText);
+        p2.setAttribute("data-num-fmt", numFmt);
+      }
+      extractAndRemoveConditionalPrefix(p2);
+    });
+    transformWordLists(tempDiv);
+    const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
+    tempDiv.remove();
+    const { dispatch } = editor.view;
+    if (!dispatch) return false;
+    dispatch(view.state.tr.replaceSelectionWith(doc2, true));
+    return true;
+  };
+  const getLevelDefinition = (abstractDefinition, level) => {
+    if (!abstractDefinition || !abstractDefinition.elements) return null;
+    const levelElement = abstractDefinition.elements.find((el) => {
+      return el.name === "w:lvl" && el.attributes?.["w:ilvl"] == level;
+    });
+    if (!levelElement) return null;
+    const { elements } = levelElement;
+    const lvlText = elements.find((el) => el.name === "w:lvlText")?.attributes?.["w:val"];
+    const start2 = elements.find((el) => el.name === "w:start")?.attributes?.["w:val"];
+    const numFmt = elements.find((el) => el.name === "w:numFmt")?.attributes?.["w:val"];
+    return { lvlText, start: start2, numFmt, elements };
+  };
+  const getListNumIdFromAbstract = (abstractId, editor) => {
+    const { definitions } = editor?.converter?.numbering;
+    if (!definitions) return null;
+    const matchedDefinition = Object.values(definitions).find((def2) => {
+      return def2.elements.some((el) => el.name === "w:abstractNumId" && el.attributes?.["w:val"] == abstractId);
+    });
+    return matchedDefinition?.attributes?.["w:numId"];
+  };
+  const getListAbstractDefinition = (abstractId, editor) => {
+    const { abstracts = {} } = editor?.converter?.numbering;
+    return abstracts[abstractId] || null;
+  };
+  const transformWordLists = (container) => {
+    const paragraphs = Array.from(container.querySelectorAll("p[data-num-id]"));
+    const listMap = /* @__PURE__ */ new Map();
+    const listLevels = {};
+    for (const p2 of paragraphs) {
+      const listId = p2.getAttribute("data-num-id");
+      const level = parseInt(p2.getAttribute("data-list-level"));
+      const numFmt = p2.getAttribute("data-num-fmt");
+      const start2 = p2.getAttribute("data-start");
+      const lvlText = p2.getAttribute("data-lvl-text");
+      if (!listMap.has(listId)) listMap.set(listId, []);
+      listMap.get(listId).push({ p: p2, level, numFmt, start: start2, lvlText });
+    }
+    for (const [id, items] of listMap.entries()) {
+      if (!listLevels[id]) {
+        listLevels[id] = {
+          stack: [],
+          counts: {},
+          prevLevel: null
+        };
+      }
+      const parentStack = [];
+      items.forEach(({ p: p2, level, numFmt, start: start2, lvlText }, index2) => {
+        const listLevel = generateListNestingPath(listLevels, id, level);
+        const li = document.createElement("li");
+        li.innerHTML = p2.innerHTML;
+        li.setAttribute("data-list-level", JSON.stringify(listLevel));
+        li.setAttribute("data-num-id", id);
+        li.setAttribute("data-lvl-text", lvlText);
+        li.setAttribute("data-num-fmt", numFmt);
+        if (p2.hasAttribute("data-font-family")) {
+          li.setAttribute("data-font-family", p2.getAttribute("data-font-family"));
+        }
+        if (p2.hasAttribute("data-font-size")) {
+          li.setAttribute("data-font-size", p2.getAttribute("data-font-size"));
+        }
+        const parentNode2 = p2.parentNode;
+        let listForLevel = parentStack[level];
+        if (!listForLevel) {
+          const newList = document.createElement("ol");
+          newList.setAttribute("data-list-id", id);
+          newList.level = level;
+          if (level > 0) {
+            const parentLi = parentStack[level - 1]?.querySelector("li:last-child");
+            if (parentLi) parentLi.appendChild(newList);
+          } else {
+            parentNode2.insertBefore(newList, p2);
+          }
+          parentStack[level] = newList;
+          parentStack.length = level + 1;
+          listForLevel = newList;
+        }
+        listForLevel.appendChild(li);
+        p2.remove();
+      });
+    }
+  };
+  function generateListNestingPath(listLevels, listId, currentLevel) {
+    const levelState = listLevels[listId];
+    if (!levelState.stack) levelState.stack = [];
+    if (levelState.prevLevel === void 0) levelState.prevLevel = null;
+    if (levelState.prevLevel === null) {
+      levelState.stack = Array(currentLevel).fill(1).concat(1);
+    } else {
+      if (currentLevel > levelState.prevLevel) {
+        levelState.stack.push(1);
+      } else if (currentLevel === levelState.prevLevel) {
+        levelState.stack[levelState.stack.length - 1]++;
+      } else {
+        levelState.stack = levelState.stack.slice(0, currentLevel + 1);
+        levelState.stack[currentLevel] = (levelState.stack[currentLevel] || 1) + 1;
+      }
+    }
+    levelState.prevLevel = currentLevel;
+    return [...levelState.stack];
+  }
+  function extractAndRemoveConditionalPrefix(p2) {
+    const nodes = Array.from(p2.childNodes);
+    let fontFamily2 = null;
+    let fontSize2 = null;
+    let start2 = -1, end2 = -1;
+    nodes.forEach((node2, index2) => {
+      if (node2.nodeType === Node.COMMENT_NODE && node2.nodeValue.includes("[if !supportLists]")) {
+        start2 = index2;
+      }
+      if (start2 !== -1 && node2.nodeType === Node.COMMENT_NODE && node2.nodeValue.includes("[endif]")) {
+        end2 = index2;
+      }
+    });
+    if (start2 !== -1 && end2 !== -1) {
+      for (let i2 = start2 + 1; i2 < end2; i2++) {
+        const node2 = nodes[i2];
+        if (node2.nodeType === Node.ELEMENT_NODE && node2.style) {
+          fontFamily2 = fontFamily2 || node2.style.fontFamily;
+          fontSize2 = fontSize2 || node2.style.fontSize;
+        }
+      }
+      for (let i2 = end2; i2 >= start2; i2--) {
+        p2.removeChild(p2.childNodes[i2]);
+      }
+      if (fontFamily2) p2.setAttribute("data-font-family", fontFamily2);
+      if (fontSize2) p2.setAttribute("data-font-size", fontSize2);
+    }
+  }
+  class InputRule {
+    constructor(config) {
+      __publicField$1(this, "match");
+      __publicField$1(this, "handler");
+      this.match = config.match;
+      this.handler = config.handler;
+    }
+  }
+  const inputRuleMatcherHandler = (text, match) => {
+    if (isRegExp(match)) {
+      return match.exec(text);
+    }
+    const inputRuleMatch = match(text);
+    if (!inputRuleMatch) {
+      return null;
+    }
+    const result = [inputRuleMatch.text];
+    result.index = inputRuleMatch.index;
+    result.input = text;
+    result.data = inputRuleMatch.data;
+    if (inputRuleMatch.replaceWith) {
+      if (!inputRuleMatch.text.includes(inputRuleMatch.replaceWith)) {
+        console.warn(
+          '[super-editor warn]: "inputRuleMatch.replaceWith" must be part of "inputRuleMatch.text".'
+        );
+      }
+      result.push(inputRuleMatch.replaceWith);
+    }
+    return result;
+  };
+  const run = (config) => {
+    const {
+      editor,
+      from: from2,
+      to,
+      text,
+      rules,
+      plugin: plugin2
+    } = config;
+    const { view } = editor;
+    if (view.composing) {
+      return false;
+    }
+    const $from = view.state.doc.resolve(from2);
+    if ($from.parent.type.spec.code || !!($from.nodeBefore || $from.nodeAfter)?.marks.find((mark) => mark.type.spec.code)) {
+      return false;
+    }
+    let matched = false;
+    const textBefore = getTextContentFromNodes($from) + text;
+    rules.forEach((rule) => {
+      if (matched) {
+        return;
+      }
+      const match = inputRuleMatcherHandler(textBefore, rule.match);
+      if (!match) {
+        return;
+      }
+      const tr = view.state.tr;
+      const state2 = chainableEditorState(tr, view.state);
+      const range2 = {
+        from: from2 - (match[0].length - text.length),
+        to
+      };
+      const { commands: commands2, chain, can } = new CommandService({
+        editor,
+        state: state2
+      });
+      const handler = rule.handler({
+        state: state2,
+        range: range2,
+        match,
+        commands: commands2,
+        chain,
+        can
+      });
+      if (handler === null || !tr.steps.length) {
+        return;
+      }
+      tr.setMeta(plugin2, {
+        transform: tr,
+        from: from2,
+        to,
+        text
+      });
+      view.dispatch(tr);
+      matched = true;
+    });
+    return matched;
+  };
+  const inputRulesPlugin = ({ editor, rules }) => {
+    const plugin2 = new Plugin({
+      key: new PluginKey("inputRulesPlugin"),
+      state: {
+        init() {
+          return null;
+        },
+        apply(tr, prev, state2) {
+          const stored = tr.getMeta(plugin2);
+          if (stored) {
+            return stored;
+          }
+          const simulatedInputMeta = tr.getMeta("applyInputRules");
+          const isSimulatedInput = !!simulatedInputMeta;
+          if (isSimulatedInput) {
+            setTimeout(() => {
+              let { text } = simulatedInputMeta;
+              if (typeof text !== "string") {
+                text = getHTMLFromFragment(Fragment.from(text), state2.schema);
+              }
+              const { from: from2 } = simulatedInputMeta;
+              const to = from2 + text.length;
+              run({
+                editor,
+                from: from2,
+                to,
+                text,
+                rules,
+                plugin: plugin2
+              });
+            });
+          }
+          return tr.selectionSet || tr.docChanged ? null : prev;
+        }
+      },
+      props: {
+        handleTextInput(view, from2, to, text) {
+          return run({
+            editor,
+            from: from2,
+            to,
+            text,
+            rules,
+            plugin: plugin2
+          });
+        },
+        // add support for input rules to trigger on enter
+        // this is useful for example for code blocks
+        handleKeyDown(view, event) {
+          if (event.key !== "Enter") {
+            return false;
+          }
+          const { $cursor } = view.state.selection;
+          if ($cursor) {
+            return run({
+              editor,
+              from: $cursor.pos,
+              to: $cursor.pos,
+              text: "\n",
+              rules,
+              plugin: plugin2
+            });
+          }
+          return false;
+        },
+        // Paste handler
+        handlePaste(view, event, slice2) {
+          const clipboard = event.clipboardData;
+          const html = clipboard.getData("text/html");
+          clipboard.getData("text/plain");
+          const fieldAnnotationContent = slice2.content.content.filter((item) => item.type.name === "fieldAnnotation");
+          if (fieldAnnotationContent.length) {
+            return false;
+          }
+          let source;
+          if (!html) {
+            source = "plain-text";
+          } else if (isWordHtml(html)) {
+            source = "word-html";
+          } else {
+            source = "browser-html";
+          }
+          switch (source) {
+            case "plain-text":
+              break;
+            case "word-html":
+              if (editor.options.mode === "docx") {
+                return handleDocxPaste(html, editor, view, plugin2);
+              }
+            case "browser-html":
+              return handleHtmlPaste$1(html, editor);
+          }
+          return false;
+        }
+      },
+      isInputRules: true
+    });
+    return plugin2;
+  };
+  function isWordHtml(html) {
+    return /class=["']?Mso|xmlns:o=["']?urn:schemas-microsoft-com|<!--\[if gte mso|<meta[^>]+name=["']?Generator["']?[^>]+Word/i.test(html);
+  }
+  const handleHtmlPaste$1 = (html, editor, plugin2) => {
+    const cleanedHtml = convertEmToPt(html);
+    const tempDiv = document.createElement("div");
+    tempDiv.innerHTML = cleanedHtml;
+    const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
+    tempDiv.remove();
+    const { dispatch } = editor.view;
+    if (!dispatch) return false;
+    dispatch(editor.view.state.tr.replaceSelectionWith(doc2, true));
+    return true;
+  };
+  const convertEmToPt = (html) => {
+    return html.replace(
+      /font-size\s*:\s*([\d.]+)em/gi,
+      (_, emValue) => {
+        const em = parseFloat(emValue);
+        const pt = Math.round(em * 12 * 100) / 100;
+        return `font-size: ${pt}pt`;
+      }
+    );
+  };
+  function cleanHtmlUnnecessaryTags(html) {
+    return html.replace(/<o:p>.*?<\/o:p>/gi, "").replace(/&nbsp;/gi, " ").replace(/<span[^>]*>\s*<\/span>/gi, "").replace(/<p[^>]*>\s*<\/p>/gi, "").trim();
+  }
   const _ExtensionService = class _ExtensionService2 {
     constructor(extensions, userExtensions, editor) {
       __privateAdd$1(this, _ExtensionService_instances);
@@ -46620,7 +46594,6 @@
       mediaFiles: editor.storage.image.media,
       fonts: editor.options.fonts,
       isHeaderOrFooter: true,
-      isHeadless: editor.options.isHeadless,
       annotations: true,
       currentPageNumber,
       parentEditor: editor,
@@ -46628,15 +46601,13 @@
       onBlur: (evt) => onHeaderFooterDataUpdate(evt, editor, sectionId, type2)
     });
     const pm = editorContainer.querySelector(".ProseMirror");
-    if (pm) {
-      pm.style.maxHeight = "100%";
-      pm.style.minHeight = "100%";
-      pm.style.outline = "none";
-      pm.style.border = "none";
-      pm.setAttribute("role", "textbox");
-      pm.setAttribute("aria-multiline", true);
-      pm.setAttribute("aria-label", `${type2} content area. Double click to start typing.`);
-    }
+    pm.style.maxHeight = "100%";
+    pm.style.minHeight = "100%";
+    pm.style.outline = "none";
+    pm.style.border = "none";
+    pm.setAttribute("role", "textbox");
+    pm.setAttribute("aria-multiline", true);
+    pm.setAttribute("aria-label", `${type2} content area. Double click to start typing.`);
     return headerFooterEditor;
   };
   const broadcastEditorEvents = (editor, sectionEditor) => {
@@ -46655,16 +46626,14 @@
       });
     });
   };
-  const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode, documentMode }) => {
+  const toggleHeaderFooterEditMode = (editor, focusedSectionEditor, isEditMode) => {
     editor.converter.headerEditors.forEach((item) => {
       item.editor.setEditable(isEditMode, false);
       item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
-      item.editor.view.dom.setAttribute("documentmode", documentMode);
     });
     editor.converter.footerEditors.forEach((item) => {
       item.editor.setEditable(isEditMode, false);
       item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
-      item.editor.view.dom.setAttribute("documentmode", documentMode);
     });
     if (isEditMode) {
       const pm = document.querySelector(".ProseMirror");
@@ -47994,16 +47963,6 @@
     const tr = state2.tr.setSelection(TextSelection.create(state2.doc, word.from, word.to));
     dispatch(tr);
   };
-  const setImageNodeSelection = (view, pos) => {
-    const { doc: doc2 } = view.state;
-    const node2 = doc2.nodeAt(pos);
-    if (node2 && node2.type.name === "image") {
-      const tr = view.state.tr.setSelection(NodeSelection.create(doc2, pos));
-      view.dispatch(tr);
-      return true;
-    }
-    return false;
-  };
   const _Editor = class _Editor2 extends EventEmitter$2 {
     /**
      * Create a new Editor instance
@@ -48102,19 +48061,6 @@
       this.setHighContrastMode = setHighContrastMode;
       initMode();
     }
-    mount(el) {
-      __privateMethod$1(this, _Editor_instances, createView_fn).call(this, el);
-      window.setTimeout(() => {
-        if (this.isDestroyed) return;
-        this.emit("create", { editor: this });
-      }, 0);
-    }
-    unmount() {
-      if (this.view) {
-        this.view.destroy();
-      }
-      this.view = null;
-    }
     /**
      * Set the toolbar for this editor
      * @param {Object} toolbar - The toolbar instance
@@ -48163,7 +48109,7 @@
      * @returns {boolean}
      */
     get isDestroyed() {
-      return this.view?.isDestroyed ?? true;
+      return this.view.isDestroyed;
     }
     /**
      * Get the editor element
@@ -48206,12 +48152,7 @@
         this.commands.toggleTrackChangesShowOriginal();
         this.setEditable(false, false);
         this.setOptions({ documentMode: "viewing" });
-        toggleHeaderFooterEditMode({
-          editor: this,
-          focusedSectionEditor: null,
-          isEditMode: false,
-          documentMode: cleanedMode
-        });
+        toggleHeaderFooterEditMode(this, null, false);
       } else if (cleanedMode === "suggesting") {
         __privateMethod$1(this, _Editor_instances, registerPluginByNameIfNotExists_fn).call(this, "TrackChangesBase");
         this.commands.disableTrackChangesShowOriginal();
@@ -48224,12 +48165,7 @@
         this.commands.disableTrackChanges();
         this.setEditable(true, false);
         this.setOptions({ documentMode: "editing" });
-        toggleHeaderFooterEditMode({
-          editor: this,
-          focusedSectionEditor: null,
-          isEditMode: false,
-          documentMode: cleanedMode
-        });
+        toggleHeaderFooterEditMode(this, null, false);
       }
     }
     /**
@@ -48406,26 +48342,29 @@
       };
     }
     /**
-     * Attach styles and attributes to the editor element
-     */
-    updateEditorStyles(element, proseMirror) {
+      * Initialize default styles for the editor container and ProseMirror.
+      * Get page size and margins from the converter.
+      * Set document default font and font size.
+      *
+      * @param {HTMLElement} [element=this.element] - The DOM element to apply styles to
+      * @returns {void}
+      */
+    initDefaultStyles(element = this.element) {
+      if (this.options.isHeadless || this.options.suppressDefaultDocxStyles) return;
+      const proseMirror = element?.querySelector(".ProseMirror");
       const { pageSize, pageMargins } = this.converter.pageStyles ?? {};
-      if (!proseMirror || !element) {
+      if (!proseMirror || !pageSize || !pageMargins) {
         return;
       }
       proseMirror.setAttribute("role", "document");
       proseMirror.setAttribute("aria-multiline", true);
       proseMirror.setAttribute("aria-label", "Main content area, start typing to enter text.");
       proseMirror.setAttribute("aria-description", "");
-      if (pageSize) {
-        element.style.width = pageSize.width + "in";
-        element.style.minWidth = pageSize.width + "in";
-        element.style.minHeight = pageSize.height + "in";
-      }
-      if (pageMargins) {
-        element.style.paddingLeft = pageMargins.left + "in";
-        element.style.paddingRight = pageMargins.right + "in";
-      }
+      element.style.width = pageSize.width + "in";
+      element.style.minWidth = pageSize.width + "in";
+      element.style.minHeight = pageSize.height + "in";
+      element.style.paddingLeft = pageMargins.left + "in";
+      element.style.paddingRight = pageMargins.right + "in";
       element.style.boxSizing = "border-box";
       element.style.isolation = "isolate";
       proseMirror.style.outline = "none";
@@ -48446,19 +48385,6 @@
         proseMirror.style.paddingTop = "1in";
         proseMirror.style.paddingBottom = "1in";
       }
-    }
-    /**
-      * Initialize default styles for the editor container and ProseMirror.
-      * Get page size and margins from the converter.
-      * Set document default font and font size.
-      *
-      * @param {HTMLElement} [element=this.element] - The DOM element to apply styles to
-      * @returns {void}
-      */
-    initDefaultStyles(element = this.element) {
-      if (this.options.isHeadless || this.options.suppressDefaultDocxStyles) return;
-      const proseMirror = element?.querySelector(".ProseMirror");
-      this.updateEditorStyles(element, proseMirror);
       this.initMobileStyles(element);
     }
     /**
@@ -48670,22 +48596,10 @@
      */
     destroy() {
       this.emit("destroy");
-      this.unmount();
-      this.destroyHeaderFooterEditors();
+      if (this.view) this.view.destroy();
       __privateMethod$1(this, _Editor_instances, endCollaboration_fn).call(this);
       this.removeAllListeners();
     }
-    destroyHeaderFooterEditors() {
-      const editors = [
-        ...this.converter.headerEditors,
-        ...this.converter.footerEditors
-      ];
-      for (let editorData of editors) {
-        editorData.editor.destroy();
-      }
-      this.converter.headerEditors.length = 0;
-      this.converter.footerEditors.length = 0;
-    }
     /**
      * Check if migrations are needed for the data
      * @static
@@ -48703,7 +48617,7 @@
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.13.2-rev8");
+      console.debug("[checkVersionMigrations] Current editor version", "0.13.2");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -48747,7 +48661,6 @@
       __privateMethod$1(this, _Editor_instances, initMedia_fn).call(this);
       this.initDefaultStyles();
       if (this.options.ydoc && this.options.collaborationProvider) {
-        updateYdocDocxData(this);
         this.initializeCollaborationData(true);
       } else {
         __privateMethod$1(this, _Editor_instances, insertNewFileData_fn).call(this);
@@ -48899,7 +48812,7 @@
     this.emit("beforeCreate", { editor: this });
     this.on("contentError", this.options.onContentError);
     this.on("exception", this.options.onException);
-    this.mount(this.options.element);
+    __privateMethod$1(this, _Editor_instances, createView_fn).call(this);
     this.initDefaultStyles();
     this.setDocumentMode(options2.documentMode);
     if (this.options.isHeadless) return;
@@ -48923,6 +48836,10 @@
       __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
       __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
     }
+    window.setTimeout(() => {
+      if (this.isDestroyed) return;
+      this.emit("create", { editor: this });
+    }, 0);
   };
   initRichText_fn = function(options2) {
     if (!options2.extensions || !options2.extensions.length) {
@@ -48934,7 +48851,7 @@
     this.on("beforeCreate", this.options.onBeforeCreate);
     this.emit("beforeCreate", { editor: this });
     this.on("contentError", this.options.onContentError);
-    this.mount(this.options.element);
+    __privateMethod$1(this, _Editor_instances, createView_fn).call(this);
     this.on("create", this.options.onCreate);
     this.on("update", this.options.onUpdate);
     this.on("selectionUpdate", this.options.onSelectionUpdate);
@@ -48945,6 +48862,10 @@
     this.on("commentsLoaded", this.options.onCommentsLoaded);
     this.on("commentClick", this.options.onCommentClicked);
     this.on("locked", this.options.onDocumentLocked);
+    window.setTimeout(() => {
+      if (this.isDestroyed) return;
+      this.emit("create", { editor: this });
+    }, 0);
   };
   onFocus_fn = function({ editor, event }) {
     this.toolbar?.setActiveEditor(editor);
@@ -49065,15 +48986,14 @@
     }
     return DOMParser$1.fromSchema(this.schema).parse(parsedContent);
   };
-  createView_fn = function(element) {
+  createView_fn = function() {
     let doc2 = __privateMethod$1(this, _Editor_instances, generatePmData_fn).call(this);
     const state2 = { schema: this.schema };
     if (!this.options.ydoc) state2.doc = doc2;
-    this.view = new EditorView(element, {
+    this.view = new EditorView(this.options.element, {
       ...this.options.editorProps,
       dispatchTransaction: __privateMethod$1(this, _Editor_instances, dispatchTransaction_fn).bind(this),
       state: EditorState.create(state2),
-      handleClick: __privateMethod$1(this, _Editor_instances, handleNodeSelection_fn).bind(this),
       handleDoubleClick: async (view, pos, event) => {
         if (this.options.documentMode !== "editing") return;
         const isHeader = hasSomeParentWithClass(event.target, "pagination-section-header");
@@ -49087,12 +49007,7 @@
         event.stopPropagation();
         if (!this.options.editable) {
           this.setEditable(true, false);
-          toggleHeaderFooterEditMode({
-            editor: this,
-            focusedSectionEditor: null,
-            isEditMode: false,
-            documentMode: this.options.documentMode
-          });
+          toggleHeaderFooterEditMode(this, null, false);
           const pm = document.querySelector(".ProseMirror");
           pm.classList.remove("header-footer-edit");
           pm.setAttribute("aria-readonly", false);
@@ -49105,6 +49020,8 @@
     });
     this.view.updateState(newState);
     this.createNodeViews();
+    const dom = this.view.dom;
+    dom.editor = this;
     this.options.telemetry?.sendReport();
   };
   onCollaborationReady_fn = function({ editor, ydoc }) {
@@ -49131,9 +49048,7 @@
     }, 50);
   };
   initPagination_fn = async function() {
-    if (this.options.isHeadless || !this.extensionService || this.options.isHeaderOrFooter) {
-      return;
-    }
+    if (this.options.isHeadless || !this.extensionService) return;
     const pagination = this.options.extensions.find((e) => e.name === "pagination");
     if (pagination && this.options.pagination) {
       console.debug("🔗 [super-editor] Initializing pagination");
@@ -49145,7 +49060,7 @@
     }
   };
   dispatchTransaction_fn = function(transaction) {
-    if (this.isDestroyed) return;
+    if (this.view.isDestroyed) return;
     let state2;
     try {
       const trackChangesState = TrackChangesBasePluginKey.getState(this.view.state);
@@ -49197,11 +49112,6 @@
       transaction
     });
   };
-  handleNodeSelection_fn = function(view, pos) {
-    if (this.options.isHeaderOrFooter) {
-      return setImageNodeSelection(view, pos);
-    }
-  };
   prepareDocumentForImport_fn = function(doc2) {
     const newState = EditorState.create({
       schema: this.schema,
@@ -51544,7 +51454,7 @@
     },
     addPmPlugins() {
       const { view } = this.editor;
-      new Plugin({
+      const dropcapPlugin = new Plugin({
         name: "dropcapPlugin",
         key: new PluginKey("dropcapPlugin"),
         state: {
@@ -51564,7 +51474,7 @@
           }
         }
       });
-      return [];
+      return [dropcapPlugin];
     }
   });
   const getDropcapDecorations = (state2, view) => {
@@ -51917,16 +51827,7 @@
       };
     },
     parseDOM() {
-      return [{
-        tag: 'span[linebreaktype="page"]',
-        getAttrs: (dom) => {
-          if (!(dom instanceof HTMLElement)) return false;
-          return {
-            pageBreakSource: dom.getAttribute("pagebreaksource") || null,
-            pageBreakType: dom.getAttribute("linebreaktype") || null
-          };
-        }
-      }];
+      return [{ tag: "span" }];
     },
     renderDOM({ htmlAttributes }) {
       return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
@@ -54923,8 +54824,6 @@
     if (!tr.steps.length || tr.meta && !Object.keys(tr.meta).every((meta) => ["inputType", "uiEvent", "paste"].includes(meta)) || ["historyUndo", "historyRedo"].includes(tr.getMeta("inputType")) || ["drop"].includes(tr.getMeta("uiEvent")) || tr.getMeta("fieldAnnotationUpdate") === true) {
       return removedNodes;
     }
-    const hasDeletion = transactionDeletedAnything(tr);
-    if (!hasDeletion) return removedNodes;
     tr.steps.forEach((step, stepIndex) => {
       if (step instanceof ReplaceStep && step.from !== step.to) {
         let mapping = tr.mapping.maps[stepIndex];
@@ -54941,14 +54840,6 @@
     });
     return removedNodes;
   }
-  function transactionDeletedAnything(tr) {
-    return tr.steps.some((step) => {
-      if (step instanceof ReplaceStep || step instanceof ReplaceAroundStep) {
-        return step.from !== step.to;
-      }
-      return false;
-    });
-  }
   function trackFieldAnnotationsDeletion(editor, tr) {
     let removedAnnotations = [];
     try {
@@ -56474,16 +56365,12 @@
     }
     let id = {};
     let { tr, schema } = view.state;
-    let { selection } = tr;
-    if (editor.options.isHeaderOrFooter) {
-      selection = editor.options.lastSelection;
-    }
-    if (!selection.empty && !editor.options.isHeaderOrFooter) {
+    if (!tr.selection.empty) {
       tr.deleteSelection();
     }
     let imageMeta = {
       type: "add",
-      pos: selection.from,
+      pos: tr.selection.from,
       id
     };
     tr.setMeta(ImagePlaceholderPluginKey, imageMeta);
@@ -61732,8 +61619,7 @@
     addStorage() {
       return {
         height: 0,
-        sectionData: null,
-        headerFooterEditors: /* @__PURE__ */ new Map()
+        sectionData: null
       };
     },
     addCommands() {
@@ -61776,14 +61662,13 @@
               shouldUpdate = true;
               shouldInitialize = meta.isReadyToInit;
             }
-            const syncMeta = tr.getMeta("y-sync$");
-            if (syncMeta && syncMeta.isChangeOrigin) {
-              return { ...oldState };
-            }
             const imagePluginTransaction = tr.getMeta(ImagePlaceholderPluginKey);
             if (imagePluginTransaction) {
               if (imagePluginTransaction.type === "remove") {
-                onImageLoad(editor);
+                const imagePos = imagePluginTransaction.pos;
+                const domImage = editor.view.domAtPos(imagePos).node.querySelector("img");
+                if (domImage.complete) onImageLoad(editor);
+                else domImage.onload = () => onImageLoad(editor);
               }
               return { ...oldState };
             }
@@ -61810,7 +61695,6 @@
             if (isForceUpdate) shouldUpdate = true;
             return {
               ...oldState,
-              decorations: meta?.decorations?.map(tr.mapping, tr.doc) || DecorationSet.empty,
               isReadyToInit: shouldInitialize
             };
           }
@@ -61839,10 +61723,6 @@
     },
     onDestroy() {
       cleanupFloatingSeparators();
-      const { headerFooterEditors } = this.editor.storage.pagination;
-      if (headerFooterEditors) {
-        headerFooterEditors.clear();
-      }
     }
   });
   const getHeaderFooterId = (currentPageNumber, sectionType, editor, node2 = null) => {
@@ -61903,7 +61783,6 @@
   const calculatePageBreaks = (view, editor, sectionData) => {
     if (!editor.converter) return DecorationSet.empty;
     const pageSize = editor.converter.pageStyles?.pageSize;
-    if (!pageSize) return DecorationSet.empty;
     const { width, height } = pageSize;
     if (!width || !height) return DecorationSet.empty;
     const ignorePlugins = [CollaborationPluginKey, PaginationPluginKey];
@@ -61942,13 +61821,11 @@
     let pageHeightThreshold = pageHeight;
     let footer = null, header = null;
     const firstHeaderId = getHeaderFooterId(currentPageNumber, "headerIds", editor);
-    const isFirstHeader = true;
-    const firstHeader = createHeader(pageMargins, pageSize, sectionData, firstHeaderId, editor, currentPageNumber, isFirstHeader);
+    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 isLastFooter = true;
-    const lastFooter = createFooter(pageMargins, pageSize, sectionData, lastFooterId, editor, currentPageNumber, isLastFooter);
+    const lastFooter = createFooter(pageMargins, pageSize, sectionData, lastFooterId, editor, currentPageNumber);
     pageHeightThreshold -= firstHeader.headerHeight + lastFooter.footerHeight;
     let coords = view?.coordsAtPos(doc2.content.size);
     if (!coords) return [];
@@ -61967,8 +61844,7 @@
         if (currentPageNumber === 1) {
           const headerId2 = getHeaderFooterId(currentPageNumber, "headerIds", editor, currentNode);
           decorations.pop();
-          const isFirstHeader2 = true;
-          const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2, editor, currentPageNumber, isFirstHeader2);
+          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" }));
         }
@@ -62042,15 +61918,15 @@
     div2.style.height = bufferHeight + "px";
     return { nodeHeight: bufferHeight, node: div2 };
   }
-  function createHeader(pageMargins, pageSize, sectionData, headerId, editor, currentPageNumber, isFirstHeader = false) {
-    const headerDef = sectionData?.headers?.[headerId];
+  function createHeader(pageMargins, pageSize, sectionData, headerId, editor, currentPageNumber) {
+    const headerDef = sectionData.headers?.[headerId];
     const minHeaderHeight = pageMargins.top * 96;
     const headerMargin = pageMargins.header * 96;
     const hasHeaderOffset = headerDef?.height > minHeaderHeight - headerMargin;
     const headerOffset = hasHeaderOffset ? headerMargin : 0;
     const headerHeight = Math.max(headerDef?.height || 0, minHeaderHeight) + headerOffset;
     const availableHeight = headerHeight - headerMargin;
-    let editorContainer = document.createElement("div");
+    const editorContainer = document.createElement("div");
     if (!headerId && !editor?.converter?.headerIds?.["default"]) {
       headerId = "rId" + generateDocxRandomId();
       editor.converter.headerIds["default"] = headerId;
@@ -62062,31 +61938,23 @@
       };
     }
     const data = editor.converter.headers[headerId];
-    const pageNumberIndex = currentPageNumber - 1;
-    const editorKey = getHeaderFooterEditorKey({ pageNumber: pageNumberIndex, isHeader: true, isFirstHeader });
-    let editorSection = null;
-    const { headerFooterEditors } = editor.storage.pagination;
-    if (headerFooterEditors.has(editorKey) && editor.converter.headerEditors[pageNumberIndex]) {
-      const editorData = headerFooterEditors.get(editorKey);
-      editorSection = editorData.editor;
-      editorContainer = editorSection.element;
-    } else {
-      editorSection = createHeaderFooterEditor({
-        editor,
-        data,
-        editorContainer,
-        appendToBody: false,
-        sectionId: headerId,
-        type: "header",
-        availableHeight,
-        currentPageNumber
-      });
-      editor.converter.headerEditors.push({ id: headerId, editor: editorSection });
-      headerFooterEditors.set(editorKey, { editor: editorSection });
-      broadcastEditorEvents(editor, editorSection);
-    }
+    const editorSection = createHeaderFooterEditor({
+      editor,
+      data,
+      editorContainer,
+      appendToBody: false,
+      sectionId: headerId,
+      type: "header",
+      availableHeight,
+      currentPageNumber
+    });
+    editor.converter.headerEditors.push({
+      id: headerId,
+      editor: editorSection
+    });
     editorSection.setEditable(false, false);
-    editorContainer.classList.add("pagination-section-header");
+    broadcastEditorEvents(editor, editorSection);
+    editorContainer.className = "pagination-section-header";
     editorContainer.style.paddingTop = headerMargin + "px";
     editorContainer.style.paddingLeft = pageMargins.left * 96 + "px";
     editorContainer.style.paddingRight = pageMargins.right * 96 + "px";
@@ -62099,12 +61967,12 @@
       headerHeight
     };
   }
-  function createFooter(pageMargins, pageSize, sectionData, footerId, editor, currentPageNumber, isLastFooter = false) {
-    const footerDef = sectionData?.footers?.[footerId];
+  function createFooter(pageMargins, pageSize, sectionData, footerId, editor, currentPageNumber) {
+    const footerDef = sectionData.footers?.[footerId];
     const minFooterHeight = pageMargins.bottom * 96;
     const footerPaddingFromEdge = pageMargins.footer * 96;
     const footerHeight = Math.max(footerDef?.height || 0, minFooterHeight - footerPaddingFromEdge);
-    let editorContainer = document.createElement("div");
+    const editorContainer = document.createElement("div");
     if (!footerId && !editor.converter.footerIds["default"]) {
       footerId = "rId" + generateDocxRandomId();
       editor.converter.footerIds["default"] = footerId;
@@ -62116,31 +61984,23 @@
       };
     }
     const data = editor.converter.footers[footerId];
-    const pageNumberIndex = currentPageNumber - 1;
-    const editorKey = getHeaderFooterEditorKey({ pageNumber: pageNumberIndex, isFooter: true, isLastFooter });
-    let editorSection = null;
-    const { headerFooterEditors } = editor.storage.pagination;
-    if (headerFooterEditors.has(editorKey) && editor.converter.footerEditors[pageNumberIndex]) {
-      const editorData = headerFooterEditors.get(editorKey);
-      editorSection = editorData.editor;
-      editorContainer = editorSection.element;
-    } else {
-      editorSection = createHeaderFooterEditor({
-        editor,
-        data,
-        editorContainer,
-        appendToBody: false,
-        sectionId: footerId,
-        type: "footer",
-        availableHeight: footerHeight,
-        currentPageNumber
-      });
-      editor.converter.footerEditors.push({ id: footerId, editor: editorSection });
-      headerFooterEditors.set(editorKey, { editor: editorSection });
-      broadcastEditorEvents(editor, editorSection);
-    }
+    const editorSection = createHeaderFooterEditor({
+      editor,
+      data,
+      editorContainer,
+      appendToBody: false,
+      sectionId: footerId,
+      type: "footer",
+      availableHeight: footerHeight,
+      currentPageNumber
+    });
+    editor.converter.footerEditors.push({
+      id: footerId,
+      editor: editorSection
+    });
     editorSection.setEditable(false, false);
-    editorContainer.classList.add("pagination-section-footer");
+    broadcastEditorEvents(editor, editorSection);
+    editorContainer.className = "pagination-section-footer";
     editorContainer.style.height = footerHeight + "px";
     editorContainer.style.marginBottom = footerPaddingFromEdge + "px";
     editorContainer.style.paddingLeft = pageMargins.left * 96 + "px";
@@ -62153,28 +62013,10 @@
       footerHeight: footerHeight + footerPaddingFromEdge
     };
   }
-  const getHeaderFooterEditorKey = ({
-    pageNumber,
-    isHeader,
-    isFooter,
-    isFirstHeader = false,
-    isLastFooter = false
-  }) => {
-    if (isFirstHeader) return `first-header-${pageNumber}`;
-    if (isLastFooter) return `last-footer-${pageNumber}`;
-    if (isHeader) return `header-${pageNumber}`;
-    if (isFooter) return `footer-${pageNumber}`;
-    return void 0;
-  };
   const onHeaderFooterDblClick = (editor, currentFocusedSectionEditor) => {
     if (editor.options.documentMode !== "editing") return;
     editor.setEditable(false, false);
-    toggleHeaderFooterEditMode({
-      editor,
-      focusedSectionEditor: currentFocusedSectionEditor,
-      isEditMode: true,
-      documentMode: editor.options.documentMode
-    });
+    toggleHeaderFooterEditMode(editor, currentFocusedSectionEditor, true);
   };
   function createPageBreak({ editor, header, footer, footerBottom = null, isFirstHeader, isLastFooter, isInTable: isInTable2 = false }) {
     const { pageSize, pageMargins } = editor.converter.pageStyles;
@@ -62729,7 +62571,7 @@
     }
   });
   const NodeResizerKey = new PluginKey("node-resizer");
-  const nodeResizer = (nodeNames = ["image"], editor) => {
+  const nodeResizer = (nodeNames = ["image"]) => {
     let resizeState = {
       dragging: false,
       startX: 0,
@@ -62754,13 +62596,8 @@
           if (tr.getMeta(NodeResizerKey)) {
             return oldState;
           }
-          if (typeof document === "undefined" || editor.options.isHeadless) return oldState;
-          const { selection } = newState;
-          const node2 = selection.node;
-          if (!node2 || !nodeNames.includes(node2.type.name)) {
-            return DecorationSet.empty;
-          }
           const decorations = [];
+          const { selection } = newState;
           if (nodeNames.includes(selection.node?.type.name)) {
             decorations.push(
               Decoration.node(selection.from, selection.to, {
@@ -62963,7 +62800,7 @@
   const NodeResizer = Extension.create({
     name: "nodeResizer",
     addPmPlugins() {
-      return [nodeResizer(["image"], this.editor)];
+      return [nodeResizer(["image"])];
     }
   });
   const getRichTextExtensions = () => {
@@ -71639,6 +71476,7 @@ ${style2}
  display: inline-block;
  position: relative;
  fill: currentColor;
+ transform: translateZ(0);
 `, [cM$1("color-transition", {
     transition: "color .3s var(--n-bezier)"
   }), cM$1("depth", {
@@ -89605,6 +89443,7 @@ ${style2}
  display: inline-block;
  position: relative;
  fill: currentColor;
+ transform: translateZ(0);
 `, [cM("color-transition", {
     transition: "color .3s var(--n-bezier)"
   }), cM("depth", {
@@ -93477,7 +93316,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.13.2-rev8";
+      this.version = "0.13.2";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;