@harbour-enterprises/superdoc 0.13.2-rev1 → 0.13.2-rev11

package/dist/chunks/{super-editor.es-DyTkLKR1.es.js → super-editor.es-C0XuFRew.es.js}

@@ -1,4 +1,4 @@
-import { g as global$2, r as ref$1, c as createApp, a as computed, b as createElementBlock, o as openBlock, F as Fragment$1, d as renderList, n as normalizeClass, w as withModifiers, e as createCommentVNode, t as toDisplayString, f as createBaseVNode, i as inject, h as onBeforeMount, j as onMounted, k as onBeforeUnmount, l as watch, m as defineComponent, q as getCurrentInstance, s as onDeactivated, u as nextTick, v as createBlock, x as createVNode, y as unref, z as withCtx, A as createTextVNode, B as normalizeStyle, C as h, D as toRef, E as provide, G as mergeProps, H as cloneVNode, T as Text$2, I as withDirectives, J as watchEffect, K as shallowRef, L as vModelText, M as withKeys, N as reactive, O as readonly, P as Transition, Q as vShow, R as Comment, S as renderSlot, U as onActivated, V as Teleport, W as isVNode, X as onUnmounted } from "./vue-Bi1uWinj.es.js";
+import { g as global$2, r as ref$1, c as createApp, a as computed, b as createElementBlock, o as openBlock, F as Fragment$1, d as renderList, n as normalizeClass, w as withModifiers, e as createCommentVNode, t as toDisplayString, f as createBaseVNode, i as inject, h as onBeforeMount, j as onMounted, k as onBeforeUnmount, l as watch, m as defineComponent, q as getCurrentInstance, s as onDeactivated, u as nextTick, v as createBlock, x as createVNode, y as unref, z as withCtx, A as createTextVNode, B as normalizeStyle, C as h, D as toRef, E as provide, G as mergeProps, H as cloneVNode, T as Text$2, I as withDirectives, J as watchEffect, K as shallowRef, L as vModelText, M as withKeys, N as reactive, O as readonly, P as Transition, Q as vShow, R as Comment, S as renderSlot, U as onActivated, V as Teleport, W as isVNode, X as onUnmounted } from "./vue-BBJVqxjL.es.js";
 import * as Y from "yjs";
 import { UndoManager, Item as Item$2, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
 var __defProp$2 = Object.defineProperty;
@@ -10941,7 +10941,7 @@ class NodeRange {
   }
 }
 const emptyAttrs = /* @__PURE__ */ Object.create(null);
-let Node$2 = class Node2 {
+let Node$1$1 = class Node2 {
   /**
   @internal
   */
@@ -11342,8 +11342,8 @@ let Node$2 = class Node2 {
     return node2;
   }
 };
-Node$2.prototype.text = void 0;
-class TextNode extends Node$2 {
+Node$1$1.prototype.text = void 0;
+class TextNode extends Node$1$1 {
   /**
   @internal
   */
@@ -11930,7 +11930,7 @@ let NodeType$1 = class NodeType {
   create(attrs = null, content, marks) {
     if (this.isText)
       throw new Error("NodeType.create can't construct text nodes");
-    return new Node$2(this, this.computeAttrs(attrs), Fragment.from(content), Mark$1.setFrom(marks));
+    return new Node$1$1(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
@@ -11940,7 +11940,7 @@ let NodeType$1 = class NodeType {
   createChecked(attrs = null, content, marks) {
     content = Fragment.from(content);
     this.checkContent(content);
-    return new Node$2(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
+    return new Node$1$1(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
   }
   /**
   Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but see if it is
@@ -11963,7 +11963,7 @@ let NodeType$1 = class NodeType {
     let after = matched && matched.fillBefore(Fragment.empty, true);
     if (!after)
       return null;
-    return new Node$2(this, attrs, content.append(after), Mark$1.setFrom(marks));
+    return new Node$1$1(this, attrs, content.append(after), Mark$1.setFrom(marks));
   }
   /**
   Returns true if the given fragment is valid content for this node
@@ -12200,7 +12200,7 @@ let Schema$1 = class Schema {
   bound.
   */
   nodeFromJSON(json) {
-    return Node$2.fromJSON(this, json);
+    return Node$1$1.fromJSON(this, json);
   }
   /**
   Deserialize a mark from its JSON representation. This method is
@@ -13726,7 +13726,7 @@ class ReplaceStep extends Step {
   }
 }
 Step.jsonID("replace", ReplaceStep);
-class ReplaceAroundStep extends Step {
+let ReplaceAroundStep$1 = class ReplaceAroundStep2 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
@@ -13766,7 +13766,7 @@ class ReplaceAroundStep extends Step {
   }
   invert(doc2) {
     let gap = this.gapTo - this.gapFrom;
-    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);
+    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);
   }
   map(mapping) {
     let from2 = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
@@ -13774,7 +13774,7 @@ class ReplaceAroundStep extends Step {
     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 ReplaceAroundStep(from2.pos, to.pos, gapFrom, gapTo, this.slice, this.insert, this.structure);
+    return new ReplaceAroundStep2(from2.pos, to.pos, gapFrom, gapTo, this.slice, this.insert, this.structure);
   }
   toJSON() {
     let json = {
@@ -13797,10 +13797,10 @@ class ReplaceAroundStep extends Step {
   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 ReplaceAroundStep(json.from, json.to, json.gapFrom, json.gapTo, Slice.fromJSON(schema, json.slice), json.insert, !!json.structure);
+    return new ReplaceAroundStep2(json.from, json.to, json.gapFrom, json.gapTo, Slice.fromJSON(schema, json.slice), json.insert, !!json.structure);
   }
-}
-Step.jsonID("replaceAround", ReplaceAroundStep);
+};
+Step.jsonID("replaceAround", ReplaceAroundStep$1);
 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) {
@@ -13953,7 +13953,7 @@ function lift(tr, range2, target) {
     } else {
       end2++;
     }
-  tr.step(new ReplaceAroundStep(start2, end2, gapStart, gapEnd, new Slice(before.append(after), openStart, openEnd), before.size - openStart, true));
+  tr.step(new ReplaceAroundStep$1(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);
@@ -13998,7 +13998,7 @@ function wrap(tr, range2, wrappers) {
     content = Fragment.from(wrappers[i].type.create(wrappers[i].attrs, content));
   }
   let start2 = range2.start, end2 = range2.end;
-  tr.step(new ReplaceAroundStep(start2, end2, start2, end2, new Slice(content, 0, 0), wrappers.length, true));
+  tr.step(new ReplaceAroundStep$1(start2, end2, start2, end2, new Slice(content, 0, 0), wrappers.length, true));
 }
 function setBlockType$1(tr, from2, to, type2, attrs) {
   if (!type2.isTextblock)
@@ -14020,7 +14020,7 @@ function setBlockType$1(tr, from2, to, type2, attrs) {
       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(startM, endM, startM + 1, endM - 1, new Slice(Fragment.from(type2.create(attrsHere, null, node2.marks)), 0, 0), 1, true));
+      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));
       if (convertNewlines === true)
         replaceNewlines(tr, node2, pos, mapFrom);
       return false;
@@ -14061,7 +14061,7 @@ function setNodeMarkup(tr, pos, type2, attrs, marks) {
     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(pos, pos + node2.nodeSize, pos + 1, pos + node2.nodeSize - 1, new Slice(Fragment.from(newNode), 0, 0), 1, true));
+  tr.step(new ReplaceAroundStep$1(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;
@@ -14262,7 +14262,7 @@ class Fitter {
     }
     let slice2 = new Slice(content, openStart, openEnd);
     if (moveInline > -1)
-      return new ReplaceAroundStep($from.pos, moveInline, this.$to.pos, this.$to.end(), slice2, placedSize);
+      return new ReplaceAroundStep$1($from.pos, moveInline, this.$to.pos, this.$to.end(), slice2, placedSize);
     if (slice2.size || $from.pos != this.$to.pos)
       return new ReplaceStep($from.pos, $to.pos, slice2);
     return null;
@@ -15345,7 +15345,7 @@ function selectionToInsertionEnd$1(tr, startLen, bias) {
   if (last < startLen)
     return;
   let step = tr.steps[last];
-  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep))
+  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep$1))
     return;
   let map3 = tr.mapping.maps[last], end2;
   map3.forEach((_from, _to, _newFrom, newTo) => {
@@ -15760,7 +15760,7 @@ class EditorState {
     let instance = new EditorState($config);
     $config.fields.forEach((field) => {
       if (field.name == "doc") {
-        instance.doc = Node$2.fromJSON(config.schema, json.doc);
+        instance.doc = Node$1$1.fromJSON(config.schema, json.doc);
       } else if (field.name == "selection") {
         instance.selection = Selection.fromJSON(instance.doc, json.selection);
       } else if (field.name == "storedMarks") {
@@ -18821,210 +18821,787 @@ const createColGroup = (node2, cellMinWidth, overrideCol, overrideValue) => {
     colgroupValues
   };
 };
-function exportSchemaToJson(params2) {
-  const { type: type2 } = params2.node || {};
-  const router = {
-    doc: translateDocumentNode,
-    body: translateBodyNode,
-    paragraph: translateParagraphNode,
-    text: translateTextNode,
-    bulletList: translateList,
-    orderedList: translateList,
-    lineBreak: translateLineBreak,
-    table: translateTable,
-    tableRow: translateTableRow,
-    tableCell: translateTableCell,
-    bookmarkStart: translateBookmarkStart,
-    fieldAnnotation: translateFieldAnnotation,
-    tab: translateTab,
-    image: translateImageNode,
-    hardBreak: translateHardBreak,
-    commentRangeStart: () => translateCommentNode(params2, "Start"),
-    commentRangeEnd: () => translateCommentNode(params2, "End"),
-    commentReference: () => null,
-    shapeContainer: translateShapeContainer,
-    shapeTextbox: translateShapeTextbox,
-    contentBlock: translateContentBlock,
-    structuredContent: translateStructuredContent,
-    "page-number": translatePageNumberNode,
-    "total-page-number": translateTotalPageNumberNode
+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;
+    }
   };
-  if (!router[type2]) {
-    console.error("No translation function found for node type:", type2);
-    return null;
-  }
-  return router[type2](params2);
 }
-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 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 hasDefaultFooter = params2.converter.footerIds?.default;
-    if (!hasFooter && hasDefaultFooter && !params2.editor.options.isHeaderOrFooter) {
-      const defaultFooter = generateDefaultHeaderFooter("footer", params2.converter.footerIds?.default);
-      sectPr.elements.push(defaultFooter);
-    }
-    const newMargins = params2.converter.pageStyles.pageMargins;
-    const sectPrMargins = sectPr.elements.find((n) => n.name === "w:pgMar");
-    const { attributes } = sectPrMargins;
-    Object.entries(newMargins).forEach(([key, value]) => {
-      const convertedValue = inchesToTwips(value);
-      attributes[`w:${key}`] = convertedValue;
-    });
-    sectPrMargins.attributes = attributes;
+class CommandService {
+  constructor(props) {
+    __publicField$2(this, "editor");
+    __publicField$2(this, "rawCommands");
+    this.editor = props.editor;
+    this.rawCommands = this.editor.extensionService.commands;
   }
-  const elements = translateChildNodes(params2);
-  if (params2.isHeaderFooter) {
-    return {
-      name: "w:body",
-      elements: [...elements]
-    };
+  /**
+   * Static method for creating a service.
+   * @param args Arguments for the constructor.
+   */
+  static create(...args) {
+    return new CommandService(...args);
   }
-  return {
-    name: "w:body",
-    elements: [...elements, sectPr]
-  };
-}
-const generateDefaultHeaderFooter = (type2, id) => {
-  return {
-    "type": "element",
-    "name": `w:${type2}Reference`,
-    "attributes": {
-      "w:type": "default",
-      "r:id": id
-    }
-  };
-};
-function translateParagraphNode(params2) {
-  const elements = translateChildNodes(params2);
-  const htmlAnnotationChild = elements.find((element) => element.name === "htmlAnnotation");
-  if (htmlAnnotationChild) {
-    return htmlAnnotationChild.elements;
+  /**
+   * Get editor state.
+   */
+  get state() {
+    return this.editor.state;
   }
-  const pPr = generateParagraphProperties(params2.node);
-  if (pPr) elements.unshift(pPr);
-  let attributes = {};
-  if (params2.node.attrs?.rsidRDefault) {
-    attributes["w:rsidRDefault"] = params2.node.attrs.rsidRDefault;
+  /**
+   * 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);
   }
-  return {
-    name: "w:p",
-    elements,
-    attributes
-  };
-}
-function generateParagraphProperties(node2) {
-  const { attrs = {} } = node2;
-  const pPrElements = [];
-  const { styleId } = attrs;
-  if (styleId) pPrElements.push({ name: "w:pStyle", attributes: { "w:val": styleId } });
-  const { spacing, indent, textAlign, textIndent, lineHeight: lineHeight2, marksAttrs, keepLines, keepNext, dropcap } = attrs;
-  if (spacing) {
-    const { lineSpaceBefore, lineSpaceAfter, line, lineRule } = spacing;
-    const attributes = {};
-    if (lineSpaceBefore >= 0) attributes["w:before"] = pixelsToTwips(lineSpaceBefore);
-    if (lineSpaceAfter >= 0) attributes["w:after"] = pixelsToTwips(lineSpaceAfter);
-    if (lineRule === "exact") {
-      if (lineHeight2) attributes["w:line"] = ptToTwips(parseFloat(lineHeight2));
-    } else {
-      if (lineHeight2) attributes["w:line"] = linesToTwips(lineHeight2);
-    }
-    attributes["w:lineRule"] = lineRule || "auto";
-    const spacingElement = {
-      name: "w:spacing",
-      attributes
-    };
-    pPrElements.push(spacingElement);
+  /**
+   * Create a chain of commands to call multiple commands at once.
+   */
+  get chain() {
+    return () => this.createChain();
   }
-  if (lineHeight2 && !spacing) {
-    const spacingElement = {
-      name: "w:spacing",
-      attributes: {
-        "w:line": linesToTwips(lineHeight2)
+  /**
+   * 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);
     };
-    pPrElements.push(spacingElement);
-  }
-  if (indent) {
-    const { left: left2, right: right2, firstLine, hanging } = indent;
-    const attributes = {};
-    if (left2 || left2 === 0) attributes["w:left"] = pixelsToTwips(left2);
-    if (right2 || right2 === 0) attributes["w:right"] = pixelsToTwips(right2);
-    if (firstLine || firstLine === 0) attributes["w:firstLine"] = pixelsToTwips(firstLine);
-    if (hanging || hanging === 0) attributes["w:hanging"] = pixelsToTwips(hanging);
-    if (textIndent && !attributes["w:left"]) {
-      attributes["w:left"] = inchesToTwips(textIndent);
-    }
-    const indentElement = {
-      name: "w:ind",
-      attributes
+    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
     };
-    pPrElements.push(indentElement);
-  } else if (textIndent) {
-    const indentElement = {
-      name: "w:ind",
-      attributes: {
-        "w:left": inchesToTwips(textIndent)
-      }
+    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)
     };
-    pPrElements.push(indentElement);
   }
-  if (textAlign) {
-    const textAlignElement = {
-      name: "w:jc",
-      attributes: { "w:val": textAlign === "justify" ? "both" : textAlign }
+  /**
+   * 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)];
+          })
+        );
+      }
     };
-    pPrElements.push(textAlignElement);
+    return props;
   }
-  if (marksAttrs) {
-    const outputMarks = processOutputMarks(marksAttrs);
-    const rPrElement = generateRunProps(outputMarks);
-    pPrElements.push(rPrElement);
+}
+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((p) => {
+    const innerHTML3 = p.innerHTML;
+    if (!innerHTML3.includes("<!--[if !supportLists]")) return;
+    const styleAttr = p.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);
+      p.setAttribute("data-num-id", listNumId);
+      p.setAttribute("data-list-level", level - 1);
+      p.setAttribute("data-start", start2);
+      p.setAttribute("data-lvl-text", lvlText);
+      p.setAttribute("data-num-fmt", numFmt);
+    }
+    extractAndRemoveConditionalPrefix(p);
+  });
+  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((def) => {
+    return def.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 p of paragraphs) {
+    const listId = p.getAttribute("data-num-id");
+    const level = parseInt(p.getAttribute("data-list-level"));
+    const numFmt = p.getAttribute("data-num-fmt");
+    const start2 = p.getAttribute("data-start");
+    const lvlText = p.getAttribute("data-lvl-text");
+    if (!listMap.has(listId)) listMap.set(listId, []);
+    listMap.get(listId).push({ p, level, numFmt, start: start2, lvlText });
   }
-  if (keepLines) {
-    pPrElements.push({
-      name: "w:keepLines",
-      attributes: { "w:val": keepLines }
+  for (const [id, items] of listMap.entries()) {
+    if (!listLevels[id]) {
+      listLevels[id] = {
+        stack: [],
+        counts: {},
+        prevLevel: null
+      };
+    }
+    const parentStack = [];
+    items.forEach(({ p, level, numFmt, start: start2, lvlText }, index2) => {
+      const listLevel = generateListNestingPath(listLevels, id, level);
+      const li = document.createElement("li");
+      li.innerHTML = p.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 (p.hasAttribute("data-font-family")) {
+        li.setAttribute("data-font-family", p.getAttribute("data-font-family"));
+      }
+      if (p.hasAttribute("data-font-size")) {
+        li.setAttribute("data-font-size", p.getAttribute("data-font-size"));
+      }
+      const parentNode2 = p.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, p);
+        }
+        parentStack[level] = newList;
+        parentStack.length = level + 1;
+        listForLevel = newList;
+      }
+      listForLevel.appendChild(li);
+      p.remove();
     });
   }
-  if (keepNext) {
-    pPrElements.push({
-      name: "w:keepNext",
-      attributes: { "w:val": keepNext }
-    });
+};
+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;
+    }
   }
-  if (dropcap) {
-    pPrElements.push({
-      name: "w:framePr",
-      attributes: {
-        "w:dropCap": dropcap.type,
-        "w:lines": dropcap.lines,
-        "w:wrap": dropcap.wrap,
-        "w:vAnchor": dropcap.vAnchor,
-        "w:hAnchor": dropcap.hAnchor
+  levelState.prevLevel = currentLevel;
+  return [...levelState.stack];
+}
+function extractAndRemoveConditionalPrefix(p) {
+  const nodes = Array.from(p.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 i = start2 + 1; i < end2; i++) {
+      const node2 = nodes[i];
+      if (node2.nodeType === Node.ELEMENT_NODE && node2.style) {
+        fontFamily2 = fontFamily2 || node2.style.fontFamily;
+        fontSize2 = fontSize2 || node2.style.fontSize;
       }
-    });
+    }
+    for (let i = end2; i >= start2; i--) {
+      p.removeChild(p.childNodes[i]);
+    }
+    if (fontFamily2) p.setAttribute("data-font-family", fontFamily2);
+    if (fontSize2) p.setAttribute("data-font-size", fontSize2);
   }
-  const sectPr = node2.attrs?.paragraphProperties?.sectPr;
-  if (sectPr) {
-    pPrElements.push(sectPr);
+}
+class InputRule {
+  constructor(config) {
+    __publicField$2(this, "match");
+    __publicField$2(this, "handler");
+    this.match = config.match;
+    this.handler = config.handler;
   }
-  if (!pPrElements.length) return null;
-  return {
-    name: "w:pPr",
-    elements: pPrElements
-  };
 }
-function translateDocumentNode(params2) {
-  const bodyNode = {
-    type: "body",
-    content: params2.node.content
+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 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 = {
+    doc: translateDocumentNode,
+    body: translateBodyNode,
+    paragraph: translateParagraphNode,
+    text: translateTextNode,
+    bulletList: translateList,
+    orderedList: translateList,
+    lineBreak: translateLineBreak,
+    table: translateTable,
+    tableRow: translateTableRow,
+    tableCell: translateTableCell,
+    bookmarkStart: translateBookmarkStart,
+    fieldAnnotation: translateFieldAnnotation,
+    tab: translateTab,
+    image: translateImageNode,
+    hardBreak: translateHardBreak,
+    commentRangeStart: () => translateCommentNode(params2, "Start"),
+    commentRangeEnd: () => translateCommentNode(params2, "End"),
+    commentReference: () => null,
+    shapeContainer: translateShapeContainer,
+    shapeTextbox: translateShapeTextbox,
+    contentBlock: translateContentBlock,
+    structuredContent: translateStructuredContent,
+    "page-number": translatePageNumberNode,
+    "total-page-number": translateTotalPageNumberNode
+  };
+  if (!router[type2]) {
+    console.error("No translation function found for node type:", type2);
+    return null;
+  }
+  return router[type2](params2);
+}
+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 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 hasDefaultFooter = params2.converter.footerIds?.default;
+    if (!hasFooter && hasDefaultFooter && !params2.editor.options.isHeaderOrFooter) {
+      const defaultFooter = generateDefaultHeaderFooter("footer", params2.converter.footerIds?.default);
+      sectPr.elements.push(defaultFooter);
+    }
+    const newMargins = params2.converter.pageStyles.pageMargins;
+    const sectPrMargins = sectPr.elements.find((n) => n.name === "w:pgMar");
+    const { attributes } = sectPrMargins;
+    Object.entries(newMargins).forEach(([key, value]) => {
+      const convertedValue = inchesToTwips(value);
+      attributes[`w:${key}`] = convertedValue;
+    });
+    sectPrMargins.attributes = attributes;
+  }
+  const elements = translateChildNodes(params2);
+  if (params2.isHeaderFooter) {
+    return {
+      name: "w:body",
+      elements: [...elements]
+    };
+  }
+  return {
+    name: "w:body",
+    elements: [...elements, sectPr]
+  };
+}
+const generateDefaultHeaderFooter = (type2, id) => {
+  return {
+    "type": "element",
+    "name": `w:${type2}Reference`,
+    "attributes": {
+      "w:type": "default",
+      "r:id": id
+    }
+  };
+};
+function translateParagraphNode(params2) {
+  const elements = translateChildNodes(params2);
+  const htmlAnnotationChild = elements.find((element) => element.name === "htmlAnnotation");
+  if (htmlAnnotationChild) {
+    return htmlAnnotationChild.elements;
+  }
+  const pPr = generateParagraphProperties(params2.node);
+  if (pPr) elements.unshift(pPr);
+  let attributes = {};
+  if (params2.node.attrs?.rsidRDefault) {
+    attributes["w:rsidRDefault"] = params2.node.attrs.rsidRDefault;
+  }
+  return {
+    name: "w:p",
+    elements,
+    attributes
+  };
+}
+function generateParagraphProperties(node2) {
+  const { attrs = {} } = node2;
+  const pPrElements = [];
+  const { styleId } = attrs;
+  if (styleId) pPrElements.push({ name: "w:pStyle", attributes: { "w:val": styleId } });
+  const { spacing, indent, textAlign, textIndent, lineHeight: lineHeight2, marksAttrs, keepLines, keepNext, dropcap } = attrs;
+  if (spacing) {
+    const { lineSpaceBefore, lineSpaceAfter, line, lineRule } = spacing;
+    const attributes = {};
+    if (lineSpaceBefore >= 0) attributes["w:before"] = pixelsToTwips(lineSpaceBefore);
+    if (lineSpaceAfter >= 0) attributes["w:after"] = pixelsToTwips(lineSpaceAfter);
+    if (lineRule === "exact") {
+      if (lineHeight2) attributes["w:line"] = ptToTwips(parseFloat(lineHeight2));
+    } else {
+      if (lineHeight2) attributes["w:line"] = linesToTwips(lineHeight2);
+    }
+    attributes["w:lineRule"] = lineRule || "auto";
+    const spacingElement = {
+      name: "w:spacing",
+      attributes
+    };
+    pPrElements.push(spacingElement);
+  }
+  if (lineHeight2 && !spacing) {
+    const spacingElement = {
+      name: "w:spacing",
+      attributes: {
+        "w:line": linesToTwips(lineHeight2)
+      }
+    };
+    pPrElements.push(spacingElement);
+  }
+  if (indent) {
+    const { left: left2, right: right2, firstLine, hanging } = indent;
+    const attributes = {};
+    if (left2 || left2 === 0) attributes["w:left"] = pixelsToTwips(left2);
+    if (right2 || right2 === 0) attributes["w:right"] = pixelsToTwips(right2);
+    if (firstLine || firstLine === 0) attributes["w:firstLine"] = pixelsToTwips(firstLine);
+    if (hanging || hanging === 0) attributes["w:hanging"] = pixelsToTwips(hanging);
+    if (textIndent && !attributes["w:left"]) {
+      attributes["w:left"] = inchesToTwips(textIndent);
+    }
+    const indentElement = {
+      name: "w:ind",
+      attributes
+    };
+    pPrElements.push(indentElement);
+  } else if (textIndent) {
+    const indentElement = {
+      name: "w:ind",
+      attributes: {
+        "w:left": inchesToTwips(textIndent)
+      }
+    };
+    pPrElements.push(indentElement);
+  }
+  if (textAlign) {
+    const textAlignElement = {
+      name: "w:jc",
+      attributes: { "w:val": textAlign === "justify" ? "both" : textAlign }
+    };
+    pPrElements.push(textAlignElement);
+  }
+  if (marksAttrs) {
+    const outputMarks = processOutputMarks(marksAttrs);
+    const rPrElement = generateRunProps(outputMarks);
+    pPrElements.push(rPrElement);
+  }
+  if (keepLines) {
+    pPrElements.push({
+      name: "w:keepLines",
+      attributes: { "w:val": keepLines }
+    });
+  }
+  if (keepNext) {
+    pPrElements.push({
+      name: "w:keepNext",
+      attributes: { "w:val": keepNext }
+    });
+  }
+  if (dropcap) {
+    pPrElements.push({
+      name: "w:framePr",
+      attributes: {
+        "w:dropCap": dropcap.type,
+        "w:lines": dropcap.lines,
+        "w:wrap": dropcap.wrap,
+        "w:vAnchor": dropcap.vAnchor,
+        "w:hAnchor": dropcap.hAnchor
+      }
+    });
+  }
+  const sectPr = node2.attrs?.paragraphProperties?.sectPr;
+  if (sectPr) {
+    pPrElements.push(sectPr);
+  }
+  if (!pPrElements.length) return null;
+  return {
+    name: "w:pPr",
+    elements: pPrElements
+  };
+}
+function translateDocumentNode(params2) {
+  const bodyNode = {
+    type: "body",
+    content: params2.node.content
   };
   const translatedBodyNode = exportSchemaToJson({ ...params2, node: bodyNode });
   const node2 = {
@@ -20164,12 +20741,11 @@ function prepareHtmlAnnotation(params2) {
     node: { attrs = {}, marks = [] },
     editorSchema
   } = params2;
-  const parser = new window.DOMParser();
-  const paragraphHtml = parser.parseFromString(attrs.rawHtml || attrs.displayLabel, "text/html");
+  const paragraphHtmlContainer = sanitizeHtml(attrs.rawHtml);
   const marksFromAttrs = translateFieldAttrsToMarks(attrs);
   const allMarks = [...marks, ...marksFromAttrs];
   let state2 = EditorState.create({
-    doc: DOMParser$1.fromSchema(editorSchema).parse(paragraphHtml)
+    doc: DOMParser$1.fromSchema(editorSchema).parse(paragraphHtmlContainer)
   });
   if (allMarks.length) {
     state2 = applyMarksToHtmlAnnotation(state2, allMarks);
@@ -23234,6 +23810,7 @@ const importHeadersFooters = (docx, converter, mainEditor) => {
   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) => {
@@ -23395,7 +23972,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.2-rev1") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.2-rev11") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -23862,7 +24439,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.13.2-rev1") {
+function generateSuperdocVersion(pid = 2, version2 = "0.13.2-rev11") {
   return {
     type: "element",
     name: "property",
@@ -26395,7 +26972,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _FieldAnnotationView_instances, createAnnotation_fn, _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, dispatchTransaction_fn, handleNodeSelection_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 = [];
@@ -27584,164 +28161,6 @@ createMarksSchema_fn = function(markExtensions, attributes, editor) {
 };
 __privateAdd$1(_Schema, _Schema_static);
 let Schema2 = _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 i = 0; i < items.length; i += 1) {
@@ -28103,7 +28522,7 @@ function deleteBarrier(state2, $cut, dispatch, dir) {
       for (let i = conn.length - 1; i >= 0; i--)
         wrap2 = Fragment.from(conn[i].create(null, wrap2));
       wrap2 = Fragment.from(before.copy(wrap2));
-      let tr = state2.tr.step(new ReplaceAroundStep($cut.pos - 1, end2, $cut.pos, end2, new Slice(wrap2, 1, 0), conn.length, true));
+      let tr = state2.tr.step(new ReplaceAroundStep$1($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);
@@ -28134,7 +28553,7 @@ function deleteBarrier(state2, $cut, dispatch, dir) {
         let end2 = Fragment.empty;
         for (let i = wrap2.length - 1; i >= 0; i--)
           end2 = Fragment.from(wrap2[i].copy(end2));
-        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));
+        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));
         dispatch(tr.scrollIntoView());
       }
       return true;
@@ -28707,7 +29126,7 @@ function selectionToInsertionEnd(tr, startLen, bias) {
     return;
   }
   const step = tr.steps[last];
-  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep)) {
+  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep$1)) {
     return;
   }
   const map22 = tr.mapping.maps[last];
@@ -28853,7 +29272,7 @@ function doWrapInList(tr, range2, wrappers, joinBefore, listType) {
   let content = Fragment.empty;
   for (let i = wrappers.length - 1; i >= 0; i--)
     content = Fragment.from(wrappers[i].type.create(wrappers[i].attrs, content));
-  tr.step(new ReplaceAroundStep(range2.start - (joinBefore ? 2 : 0), range2.end, range2.start, range2.end, new Slice(content, 0, 0), wrappers.length, true));
+  tr.step(new ReplaceAroundStep$1(range2.start - (joinBefore ? 2 : 0), range2.end, range2.start, range2.end, new Slice(content, 0, 0), wrappers.length, true));
   let found2 = 0;
   for (let i = 0; i < wrappers.length; i++)
     if (wrappers[i].type == listType)
@@ -28886,7 +29305,7 @@ function liftListItem$1(itemType) {
 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(end2 - 1, endOfList, end2, endOfList, new Slice(Fragment.from(itemType.create(null, range2.parent.copy())), 1, 0), 1, true));
+    tr.step(new ReplaceAroundStep$1(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);
@@ -28913,7 +29332,7 @@ function liftOutOfList(state2, dispatch, range2) {
   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(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$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));
   dispatch(tr.scrollIntoView());
   return true;
 }
@@ -28934,7 +29353,7 @@ function sinkListItem$1(itemType) {
       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(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
+      dispatch(state2.tr.step(new ReplaceAroundStep$1(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
     }
     return true;
   };
@@ -36527,7 +36946,8 @@ const restoreRelativeSelection = (tr, relSel, binding) => {
         binding.mapping
       );
       if (anchor !== null && head !== null) {
-        tr.setSelection(TextSelection.between(tr.doc.resolve(anchor), tr.doc.resolve(head)));
+        const sel = TextSelection.between(tr.doc.resolve(anchor), tr.doc.resolve(head));
+        tr.setSelection(sel);
       }
     }
   }
@@ -37308,7 +37728,7 @@ const setMeta = (view, key, value) => {
 };
 const absolutePositionToRelativePosition = (pos, type2, mapping) => {
   if (pos === 0) {
-    return Y.createRelativePositionFromTypeIndex(type2, 0, -1);
+    return Y.createRelativePositionFromTypeIndex(type2, 0, type2.length === 0 ? -1 : 0);
   }
   let n = type2._first === null ? null : (
     /** @type {Y.ContentType} */
@@ -37317,7 +37737,7 @@ const absolutePositionToRelativePosition = (pos, type2, mapping) => {
   while (n !== null && type2 !== n) {
     if (n instanceof Y.XmlText) {
       if (n._length >= pos) {
-        return Y.createRelativePositionFromTypeIndex(n, pos, -1);
+        return Y.createRelativePositionFromTypeIndex(n, pos, type2.length === 0 ? -1 : 0);
       } else {
         pos -= n._length;
       }
@@ -37381,7 +37801,7 @@ const absolutePositionToRelativePosition = (pos, type2, mapping) => {
       return createRelativePosition(n._item.parent, n._item);
     }
   }
-  return Y.createRelativePositionFromTypeIndex(type2, type2._length, -1);
+  return Y.createRelativePositionFromTypeIndex(type2, type2._length, type2.length === 0 ? -1 : 0);
 };
 const createRelativePosition = (type2, item) => {
   let typeid = null;
@@ -37693,693 +38113,290 @@ const yUndoPlugin = ({ protectedNodes = defaultProtectedNodes, trackedOrigins =
       } else {
         if (hasUndoOps !== val.hasUndoOps || hasRedoOps !== val.hasRedoOps) {
           return Object.assign({}, val, {
-            hasUndoOps: undoManager2.undoStack.length > 0,
-            hasRedoOps: undoManager2.redoStack.length > 0
-          });
-        } else {
-          return val;
-        }
-      }
-    }
-  },
-  view: (view) => {
-    const ystate = ySyncPluginKey.getState(view.state);
-    const undoManager2 = yUndoPluginKey.getState(view.state).undoManager;
-    undoManager2.on("stack-item-added", ({ stackItem }) => {
-      const binding = ystate.binding;
-      if (binding) {
-        stackItem.meta.set(binding, yUndoPluginKey.getState(view.state).prevSel);
-      }
-    });
-    undoManager2.on("stack-item-popped", ({ stackItem }) => {
-      const binding = ystate.binding;
-      if (binding) {
-        binding.beforeTransactionSelection = stackItem.meta.get(binding) || binding.beforeTransactionSelection;
-      }
-    });
-    return {
-      destroy: () => {
-        undoManager2.destroy();
-      }
-    };
-  }
-});
-let EventEmitter$1 = class EventEmitter {
-  constructor() {
-    __privateAdd$1(this, _events, /* @__PURE__ */ new Map());
-  }
-  /**
-   * Subscribe to the event.
-   * @param {string} name Event name.
-   * @param {(...args: any[]) => void} fn Callback.
-   * @returns {void}
-   */
-  on(name, fn2) {
-    const callbacks2 = __privateGet$1(this, _events).get(name);
-    if (callbacks2) callbacks2.push(fn2);
-    else __privateGet$1(this, _events).set(name, [fn2]);
-  }
-  /**
-   * Emit event.
-   * @param {string} name Event name.
-   * @param {...any} args – Arguments to pass to each listener.
-   * @returns {void}
-   */
-  emit(name, ...args) {
-    const callbacks2 = __privateGet$1(this, _events).get(name);
-    if (!callbacks2) return;
-    for (const fn2 of callbacks2) {
-      fn2.apply(this, args);
-    }
-  }
-  /**
-   * Remove a specific callback from event
-   * or all event subscriptions.
-   * @param {string} name Event name.
-   * @param {(...args: any[]) => void} fn Callback.
-   * @returns {void}
-   */
-  off(name, fn2) {
-    const callbacks2 = __privateGet$1(this, _events).get(name);
-    if (!callbacks2) return;
-    if (fn2) {
-      __privateGet$1(this, _events).set(
-        name,
-        callbacks2.filter((cb) => cb !== fn2)
-      );
-    } else {
-      __privateGet$1(this, _events).delete(name);
-    }
-  }
-  /**
-   * Subscribe to an event that will be called only once.
-   * @param {string} name Event name.
-   * @param {(...args: any[]) => void} fn Callback.
-   * @returns {void}
-   */
-  once(name, fn2) {
-    const wrapper = (...args) => {
-      this.off(name, wrapper);
-      fn2.apply(this, args);
-    };
-    this.on(name, wrapper);
-  }
-  /**
-   * Remove all registered events and subscriptions.
-   */
-  removeAllListeners() {
-    __privateSet(this, _events, /* @__PURE__ */ new Map());
-  }
-};
-_events = /* @__PURE__ */ new WeakMap();
-var base$1 = {
-  8: "Backspace",
-  9: "Tab",
-  10: "Enter",
-  12: "NumLock",
-  13: "Enter",
-  16: "Shift",
-  17: "Control",
-  18: "Alt",
-  20: "CapsLock",
-  27: "Escape",
-  32: " ",
-  33: "PageUp",
-  34: "PageDown",
-  35: "End",
-  36: "Home",
-  37: "ArrowLeft",
-  38: "ArrowUp",
-  39: "ArrowRight",
-  40: "ArrowDown",
-  44: "PrintScreen",
-  45: "Insert",
-  46: "Delete",
-  59: ";",
-  61: "=",
-  91: "Meta",
-  92: "Meta",
-  106: "*",
-  107: "+",
-  108: ",",
-  109: "-",
-  110: ".",
-  111: "/",
-  144: "NumLock",
-  145: "ScrollLock",
-  160: "Shift",
-  161: "Shift",
-  162: "Control",
-  163: "Control",
-  164: "Alt",
-  165: "Alt",
-  173: "-",
-  186: ";",
-  187: "=",
-  188: ",",
-  189: "-",
-  190: ".",
-  191: "/",
-  192: "`",
-  219: "[",
-  220: "\\",
-  221: "]",
-  222: "'"
-};
-var shift = {
-  48: ")",
-  49: "!",
-  50: "@",
-  51: "#",
-  52: "$",
-  53: "%",
-  54: "^",
-  55: "&",
-  56: "*",
-  57: "(",
-  59: ":",
-  61: "+",
-  173: "_",
-  186: ":",
-  187: "+",
-  188: "<",
-  189: "_",
-  190: ">",
-  191: "?",
-  192: "~",
-  219: "{",
-  220: "|",
-  221: "}",
-  222: '"'
-};
-var mac$1 = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
-var ie = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-for (var i = 0; i < 10; i++) base$1[48 + i] = base$1[96 + i] = String(i);
-for (var i = 1; i <= 24; i++) base$1[i + 111] = "F" + i;
-for (var i = 65; i <= 90; i++) {
-  base$1[i] = String.fromCharCode(i + 32);
-  shift[i] = String.fromCharCode(i);
-}
-for (var code in base$1) if (!shift.hasOwnProperty(code)) shift[code] = base$1[code];
-function keyName(event) {
-  var ignoreKey = mac$1 && event.metaKey && event.shiftKey && !event.ctrlKey && !event.altKey || ie && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
-  var name = !ignoreKey && event.key || (event.shiftKey ? shift : base$1)[event.keyCode] || event.key || "Unidentified";
-  if (name == "Esc") name = "Escape";
-  if (name == "Del") name = "Delete";
-  if (name == "Left") name = "ArrowLeft";
-  if (name == "Up") name = "ArrowUp";
-  if (name == "Right") name = "ArrowRight";
-  if (name == "Down") name = "ArrowDown";
-  return name;
-}
-const mac = typeof navigator != "undefined" && /Mac|iP(hone|[oa]d)/.test(navigator.platform);
-const windows = typeof navigator != "undefined" && /Win/.test(navigator.platform);
-function normalizeKeyName(name) {
-  let parts = name.split(/-(?!$)/), result = parts[parts.length - 1];
-  if (result == "Space")
-    result = " ";
-  let alt, ctrl, shift2, meta;
-  for (let i = 0; i < parts.length - 1; i++) {
-    let mod = parts[i];
-    if (/^(cmd|meta|m)$/i.test(mod))
-      meta = true;
-    else if (/^a(lt)?$/i.test(mod))
-      alt = true;
-    else if (/^(c|ctrl|control)$/i.test(mod))
-      ctrl = true;
-    else if (/^s(hift)?$/i.test(mod))
-      shift2 = true;
-    else if (/^mod$/i.test(mod)) {
-      if (mac)
-        meta = true;
-      else
-        ctrl = true;
-    } else
-      throw new Error("Unrecognized modifier name: " + mod);
-  }
-  if (alt)
-    result = "Alt-" + result;
-  if (ctrl)
-    result = "Ctrl-" + result;
-  if (meta)
-    result = "Meta-" + result;
-  if (shift2)
-    result = "Shift-" + result;
-  return result;
-}
-function normalize(map22) {
-  let copy2 = /* @__PURE__ */ Object.create(null);
-  for (let prop in map22)
-    copy2[normalizeKeyName(prop)] = map22[prop];
-  return copy2;
-}
-function modifiers(name, event, shift2 = true) {
-  if (event.altKey)
-    name = "Alt-" + name;
-  if (event.ctrlKey)
-    name = "Ctrl-" + name;
-  if (event.metaKey)
-    name = "Meta-" + name;
-  if (shift2 && event.shiftKey)
-    name = "Shift-" + name;
-  return name;
-}
-function keymap(bindings) {
-  return new Plugin({ props: { handleKeyDown: keydownHandler(bindings) } });
-}
-function keydownHandler(bindings) {
-  let map22 = normalize(bindings);
-  return function(view, event) {
-    let name = keyName(event), baseName, direct = map22[modifiers(name, event)];
-    if (direct && direct(view.state, view.dispatch, view))
-      return true;
-    if (name.length == 1 && name != " ") {
-      if (event.shiftKey) {
-        let noShift = map22[modifiers(name, event, false)];
-        if (noShift && noShift(view.state, view.dispatch, view))
-          return true;
-      }
-      if ((event.altKey || event.metaKey || event.ctrlKey) && // Ctrl-Alt may be used for AltGr on Windows
-      !(windows && event.ctrlKey && event.altKey) && (baseName = base$1[event.keyCode]) && baseName != name) {
-        let fromCode = map22[modifiers(baseName, event)];
-        if (fromCode && fromCode(view.state, view.dispatch, view))
-          return true;
-      }
-    }
-    return false;
-  };
-}
-function isExtensionRulesEnabled(extension, enabled) {
-  if (Array.isArray(enabled)) {
-    return enabled.some((enabledExtension) => {
-      const name = typeof enabledExtension === "string" ? enabledExtension : enabledExtension.name;
-      return name === extension.name;
-    });
-  }
-  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((p) => {
-    const innerHTML3 = p.innerHTML;
-    if (!innerHTML3.includes("<!--[if !supportLists]")) return;
-    const styleAttr = p.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);
-      p.setAttribute("data-num-id", listNumId);
-      p.setAttribute("data-list-level", level - 1);
-      p.setAttribute("data-start", start2);
-      p.setAttribute("data-lvl-text", lvlText);
-      p.setAttribute("data-num-fmt", numFmt);
-    }
-    extractAndRemoveConditionalPrefix(p);
-  });
-  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((def) => {
-    return def.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 p of paragraphs) {
-    const listId = p.getAttribute("data-num-id");
-    const level = parseInt(p.getAttribute("data-list-level"));
-    const numFmt = p.getAttribute("data-num-fmt");
-    const start2 = p.getAttribute("data-start");
-    const lvlText = p.getAttribute("data-lvl-text");
-    if (!listMap.has(listId)) listMap.set(listId, []);
-    listMap.get(listId).push({ p, 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, level, numFmt, start: start2, lvlText }, index2) => {
-      const listLevel = generateListNestingPath(listLevels, id, level);
-      const li = document.createElement("li");
-      li.innerHTML = p.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 (p.hasAttribute("data-font-family")) {
-        li.setAttribute("data-font-family", p.getAttribute("data-font-family"));
-      }
-      if (p.hasAttribute("data-font-size")) {
-        li.setAttribute("data-font-size", p.getAttribute("data-font-size"));
-      }
-      const parentNode2 = p.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, p);
-        }
-        parentStack[level] = newList;
-        parentStack.length = level + 1;
-        listForLevel = newList;
-      }
-      listForLevel.appendChild(li);
-      p.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(p) {
-  const nodes = Array.from(p.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 i = start2 + 1; i < end2; i++) {
-      const node2 = nodes[i];
-      if (node2.nodeType === Node.ELEMENT_NODE && node2.style) {
-        fontFamily2 = fontFamily2 || node2.style.fontFamily;
-        fontSize2 = fontSize2 || node2.style.fontSize;
-      }
-    }
-    for (let i = end2; i >= start2; i--) {
-      p.removeChild(p.childNodes[i]);
-    }
-    if (fontFamily2) p.setAttribute("data-font-family", fontFamily2);
-    if (fontSize2) p.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
+            hasUndoOps: undoManager2.undoStack.length > 0,
+            hasRedoOps: undoManager2.redoStack.length > 0
           });
-        }
-        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 val;
         }
-        return false;
       }
-    },
-    isInputRules: true
-  });
-  return plugin2;
+    }
+  },
+  view: (view) => {
+    const ystate = ySyncPluginKey.getState(view.state);
+    const undoManager2 = yUndoPluginKey.getState(view.state).undoManager;
+    undoManager2.on("stack-item-added", ({ stackItem }) => {
+      const binding = ystate.binding;
+      if (binding) {
+        stackItem.meta.set(binding, yUndoPluginKey.getState(view.state).prevSel);
+      }
+    });
+    undoManager2.on("stack-item-popped", ({ stackItem }) => {
+      const binding = ystate.binding;
+      if (binding) {
+        binding.beforeTransactionSelection = stackItem.meta.get(binding) || binding.beforeTransactionSelection;
+      }
+    });
+    return {
+      destroy: () => {
+        undoManager2.destroy();
+      }
+    };
+  }
+});
+let EventEmitter$1 = class EventEmitter {
+  constructor() {
+    __privateAdd$1(this, _events, /* @__PURE__ */ new Map());
+  }
+  /**
+   * Subscribe to the event.
+   * @param {string} name Event name.
+   * @param {(...args: any[]) => void} fn Callback.
+   * @returns {void}
+   */
+  on(name, fn2) {
+    const callbacks2 = __privateGet$1(this, _events).get(name);
+    if (callbacks2) callbacks2.push(fn2);
+    else __privateGet$1(this, _events).set(name, [fn2]);
+  }
+  /**
+   * Emit event.
+   * @param {string} name Event name.
+   * @param {...any} args – Arguments to pass to each listener.
+   * @returns {void}
+   */
+  emit(name, ...args) {
+    const callbacks2 = __privateGet$1(this, _events).get(name);
+    if (!callbacks2) return;
+    for (const fn2 of callbacks2) {
+      fn2.apply(this, args);
+    }
+  }
+  /**
+   * Remove a specific callback from event
+   * or all event subscriptions.
+   * @param {string} name Event name.
+   * @param {(...args: any[]) => void} fn Callback.
+   * @returns {void}
+   */
+  off(name, fn2) {
+    const callbacks2 = __privateGet$1(this, _events).get(name);
+    if (!callbacks2) return;
+    if (fn2) {
+      __privateGet$1(this, _events).set(
+        name,
+        callbacks2.filter((cb) => cb !== fn2)
+      );
+    } else {
+      __privateGet$1(this, _events).delete(name);
+    }
+  }
+  /**
+   * Subscribe to an event that will be called only once.
+   * @param {string} name Event name.
+   * @param {(...args: any[]) => void} fn Callback.
+   * @returns {void}
+   */
+  once(name, fn2) {
+    const wrapper = (...args) => {
+      this.off(name, wrapper);
+      fn2.apply(this, args);
+    };
+    this.on(name, wrapper);
+  }
+  /**
+   * Remove all registered events and subscriptions.
+   */
+  removeAllListeners() {
+    __privateSet(this, _events, /* @__PURE__ */ new Map());
+  }
 };
-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;
+_events = /* @__PURE__ */ new WeakMap();
+var base$1 = {
+  8: "Backspace",
+  9: "Tab",
+  10: "Enter",
+  12: "NumLock",
+  13: "Enter",
+  16: "Shift",
+  17: "Control",
+  18: "Alt",
+  20: "CapsLock",
+  27: "Escape",
+  32: " ",
+  33: "PageUp",
+  34: "PageDown",
+  35: "End",
+  36: "Home",
+  37: "ArrowLeft",
+  38: "ArrowUp",
+  39: "ArrowRight",
+  40: "ArrowDown",
+  44: "PrintScreen",
+  45: "Insert",
+  46: "Delete",
+  59: ";",
+  61: "=",
+  91: "Meta",
+  92: "Meta",
+  106: "*",
+  107: "+",
+  108: ",",
+  109: "-",
+  110: ".",
+  111: "/",
+  144: "NumLock",
+  145: "ScrollLock",
+  160: "Shift",
+  161: "Shift",
+  162: "Control",
+  163: "Control",
+  164: "Alt",
+  165: "Alt",
+  173: "-",
+  186: ";",
+  187: "=",
+  188: ",",
+  189: "-",
+  190: ".",
+  191: "/",
+  192: "`",
+  219: "[",
+  220: "\\",
+  221: "]",
+  222: "'"
 };
-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`;
-    }
-  );
+var shift = {
+  48: ")",
+  49: "!",
+  50: "@",
+  51: "#",
+  52: "$",
+  53: "%",
+  54: "^",
+  55: "&",
+  56: "*",
+  57: "(",
+  59: ":",
+  61: "+",
+  173: "_",
+  186: ":",
+  187: "+",
+  188: "<",
+  189: "_",
+  190: ">",
+  191: "?",
+  192: "~",
+  219: "{",
+  220: "|",
+  221: "}",
+  222: '"'
 };
-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();
+var mac$1 = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
+var ie = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+for (var i = 0; i < 10; i++) base$1[48 + i] = base$1[96 + i] = String(i);
+for (var i = 1; i <= 24; i++) base$1[i + 111] = "F" + i;
+for (var i = 65; i <= 90; i++) {
+  base$1[i] = String.fromCharCode(i + 32);
+  shift[i] = String.fromCharCode(i);
+}
+for (var code in base$1) if (!shift.hasOwnProperty(code)) shift[code] = base$1[code];
+function keyName(event) {
+  var ignoreKey = mac$1 && event.metaKey && event.shiftKey && !event.ctrlKey && !event.altKey || ie && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
+  var name = !ignoreKey && event.key || (event.shiftKey ? shift : base$1)[event.keyCode] || event.key || "Unidentified";
+  if (name == "Esc") name = "Escape";
+  if (name == "Del") name = "Delete";
+  if (name == "Left") name = "ArrowLeft";
+  if (name == "Up") name = "ArrowUp";
+  if (name == "Right") name = "ArrowRight";
+  if (name == "Down") name = "ArrowDown";
+  return name;
+}
+const mac = typeof navigator != "undefined" && /Mac|iP(hone|[oa]d)/.test(navigator.platform);
+const windows = typeof navigator != "undefined" && /Win/.test(navigator.platform);
+function normalizeKeyName(name) {
+  let parts = name.split(/-(?!$)/), result = parts[parts.length - 1];
+  if (result == "Space")
+    result = " ";
+  let alt, ctrl, shift2, meta;
+  for (let i = 0; i < parts.length - 1; i++) {
+    let mod = parts[i];
+    if (/^(cmd|meta|m)$/i.test(mod))
+      meta = true;
+    else if (/^a(lt)?$/i.test(mod))
+      alt = true;
+    else if (/^(c|ctrl|control)$/i.test(mod))
+      ctrl = true;
+    else if (/^s(hift)?$/i.test(mod))
+      shift2 = true;
+    else if (/^mod$/i.test(mod)) {
+      if (mac)
+        meta = true;
+      else
+        ctrl = true;
+    } else
+      throw new Error("Unrecognized modifier name: " + mod);
+  }
+  if (alt)
+    result = "Alt-" + result;
+  if (ctrl)
+    result = "Ctrl-" + result;
+  if (meta)
+    result = "Meta-" + result;
+  if (shift2)
+    result = "Shift-" + result;
+  return result;
+}
+function normalize(map22) {
+  let copy2 = /* @__PURE__ */ Object.create(null);
+  for (let prop in map22)
+    copy2[normalizeKeyName(prop)] = map22[prop];
+  return copy2;
+}
+function modifiers(name, event, shift2 = true) {
+  if (event.altKey)
+    name = "Alt-" + name;
+  if (event.ctrlKey)
+    name = "Ctrl-" + name;
+  if (event.metaKey)
+    name = "Meta-" + name;
+  if (shift2 && event.shiftKey)
+    name = "Shift-" + name;
+  return name;
+}
+function keymap(bindings) {
+  return new Plugin({ props: { handleKeyDown: keydownHandler(bindings) } });
+}
+function keydownHandler(bindings) {
+  let map22 = normalize(bindings);
+  return function(view, event) {
+    let name = keyName(event), baseName, direct = map22[modifiers(name, event)];
+    if (direct && direct(view.state, view.dispatch, view))
+      return true;
+    if (name.length == 1 && name != " ") {
+      if (event.shiftKey) {
+        let noShift = map22[modifiers(name, event, false)];
+        if (noShift && noShift(view.state, view.dispatch, view))
+          return true;
+      }
+      if ((event.altKey || event.metaKey || event.ctrlKey) && // Ctrl-Alt may be used for AltGr on Windows
+      !(windows && event.ctrlKey && event.altKey) && (baseName = base$1[event.keyCode]) && baseName != name) {
+        let fromCode = map22[modifiers(baseName, event)];
+        if (fromCode && fromCode(view.state, view.dispatch, view))
+          return true;
+      }
+    }
+    return false;
+  };
+}
+function isExtensionRulesEnabled(extension, enabled) {
+  if (Array.isArray(enabled)) {
+    return enabled.some((enabledExtension) => {
+      const name = typeof enabledExtension === "string" ? enabledExtension : enabledExtension.name;
+      return name === extension.name;
+    });
+  }
+  return enabled;
 }
 const _ExtensionService = class _ExtensionService2 {
   constructor(extensions, userExtensions, editor) {
@@ -39209,6 +39226,8 @@ const createHeaderFooterEditor = ({
   });
   if (appendToBody) document.body.appendChild(editorContainer);
   const headerFooterEditor = new Editor({
+    documentMode: editor.options.documentMode,
+    role: editor.options.role,
     loadFromSchema: true,
     mode: "docx",
     element: editorContainer,
@@ -39219,6 +39238,7 @@ const createHeaderFooterEditor = ({
     mediaFiles: editor.storage.image.media,
     fonts: editor.options.fonts,
     isHeaderOrFooter: true,
+    isHeadless: editor.options.isHeadless,
     annotations: true,
     currentPageNumber,
     parentEditor: editor,
@@ -39226,13 +39246,15 @@ const createHeaderFooterEditor = ({
     onBlur: (evt) => onHeaderFooterDataUpdate(evt, editor, sectionId, type2)
   });
   const pm = editorContainer.querySelector(".ProseMirror");
-  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.`);
+  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.`);
+  }
   return headerFooterEditor;
 };
 const broadcastEditorEvents = (editor, sectionEditor) => {
@@ -39251,14 +39273,16 @@ const broadcastEditorEvents = (editor, sectionEditor) => {
     });
   });
 };
-const toggleHeaderFooterEditMode = (editor, focusedSectionEditor, isEditMode) => {
+const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode, documentMode }) => {
   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");
@@ -40339,6 +40363,19 @@ const deleteHeaderFooterFieldAnnotations = ({ editor, fieldIdOrArray }) => {
     );
   });
 };
+const resetHeaderFooterFieldAnnotations = ({ editor }) => {
+  if (!editor) return;
+  const sectionEditors = getAllHeaderFooterEditors(editor);
+  sectionEditors.forEach(({ editor: sectionEditor, sectionId, type: type2 }) => {
+    sectionEditor.commands.resetFieldAnnotations();
+    onHeaderFooterDataUpdate(
+      { editor: sectionEditor },
+      editor,
+      sectionId,
+      type2
+    );
+  });
+};
 const cleanUpListsWithAnnotations = (fieldsToDelete = [], editor) => {
   if (!Array.isArray(fieldsToDelete)) fieldsToDelete = [fieldsToDelete];
   const { doc: doc2 } = editor.state;
@@ -40409,6 +40446,7 @@ const AnnotatorHelpers = {
   getAllHeaderFooterEditors,
   updateHeaderFooterFieldAnnotations,
   deleteHeaderFooterFieldAnnotations,
+  resetHeaderFooterFieldAnnotations,
   cleanUpListsWithAnnotations
 };
 const CollaborationPluginKey = new PluginKey("collaboration");
@@ -40588,6 +40626,16 @@ const setWordSelection = (view, pos) => {
   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$1 {
   /**
    * Create a new Editor instance
@@ -40686,6 +40734,19 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     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
@@ -40734,7 +40795,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {boolean}
    */
   get isDestroyed() {
-    return this.view.isDestroyed;
+    return this.view?.isDestroyed ?? true;
   }
   /**
    * Get the editor element
@@ -40777,7 +40838,12 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       this.commands.toggleTrackChangesShowOriginal();
       this.setEditable(false, false);
       this.setOptions({ documentMode: "viewing" });
-      toggleHeaderFooterEditMode(this, null, false);
+      toggleHeaderFooterEditMode({
+        editor: this,
+        focusedSectionEditor: null,
+        isEditMode: false,
+        documentMode: cleanedMode
+      });
     } else if (cleanedMode === "suggesting") {
       __privateMethod$1(this, _Editor_instances, registerPluginByNameIfNotExists_fn).call(this, "TrackChangesBase");
       this.commands.disableTrackChangesShowOriginal();
@@ -40790,7 +40856,12 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       this.commands.disableTrackChanges();
       this.setEditable(true, false);
       this.setOptions({ documentMode: "editing" });
-      toggleHeaderFooterEditMode(this, null, false);
+      toggleHeaderFooterEditMode({
+        editor: this,
+        focusedSectionEditor: null,
+        isEditMode: false,
+        documentMode: cleanedMode
+      });
     }
   }
   /**
@@ -40888,10 +40959,10 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   }
   /**
    * Unregister a PM plugin
-   * @param {string|Object} nameOrPlugin - Plugin name or plugin instance
+   * @param {string|Object} nameOrPluginKey - Plugin name or plugin instance
    * @returns {void}
    */
-  unregisterPlugin(nameOrPlugin) {
+  unregisterPlugin(nameOrPluginKey) {
     if (this.isDestroyed) return;
     const name = typeof nameOrPluginKey === "string" ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
     const state2 = this.state.reconfigure({
@@ -40967,29 +41038,26 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     };
   }
   /**
-    * 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");
+   * Attach styles and attributes to the editor element
+   */
+  updateEditorStyles(element, proseMirror, hasPaginationEnabled = true) {
     const { pageSize, pageMargins } = this.converter.pageStyles ?? {};
-    if (!proseMirror || !pageSize || !pageMargins) {
+    if (!proseMirror || !element) {
       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", "");
-    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";
+    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.boxSizing = "border-box";
     element.style.isolation = "isolate";
     proseMirror.style.outline = "none";
@@ -41006,10 +41074,26 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     element.style.webkitOverflowScrolling = "touch";
     const defaultLineHeight = 1.2;
     proseMirror.style.lineHeight = defaultLineHeight;
-    if (!this.options.extensions.find((e) => e.name === "pagination")) {
+    if (!hasPaginationEnabled) {
       proseMirror.style.paddingTop = "1in";
       proseMirror.style.paddingBottom = "1in";
+    } else {
+      proseMirror.style.paddingTop = "0";
+      proseMirror.style.paddingBottom = "0";
     }
+  }
+  /**
+    * 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, isPaginationEnabled = true) {
+    if (this.options.isHeadless || this.options.suppressDefaultDocxStyles) return;
+    const proseMirror = element?.querySelector(".ProseMirror");
+    this.updateEditorStyles(element, proseMirror, isPaginationEnabled);
     this.initMobileStyles(element);
   }
   /**
@@ -41057,6 +41141,26 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     }
     window.addEventListener("resize", () => handleResize);
   }
+  /**
+   * Initialize pagination, if the pagination extension is enabled.
+   * @private
+   * @async
+   * @returns {Promise<void>}
+   */
+  async initPagination() {
+    if (this.options.isHeadless || !this.extensionService || this.options.isHeaderOrFooter) {
+      return;
+    }
+    const pagination = this.options.extensions.find((e) => e.name === "pagination");
+    if (pagination && this.options.pagination) {
+      console.debug("🔗 [super-editor] Initializing pagination");
+      const sectionData = await initPaginationData(this);
+      this.storage.pagination.sectionData = sectionData;
+      const { state: state2, dispatch } = this.view;
+      const tr = state2.tr.setMeta(PaginationPluginKey, { isReadyToInit: true });
+      dispatch(tr);
+    }
+  }
   /**
    * Get attrs of the currently selected node or mark.
    * @param {String} nameOrType
@@ -41221,10 +41325,25 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    */
   destroy() {
     this.emit("destroy");
-    if (this.view) this.view.destroy();
+    this.unmount();
+    this.destroyHeaderFooterEditors();
     __privateMethod$1(this, _Editor_instances, endCollaboration_fn).call(this);
     this.removeAllListeners();
   }
+  destroyHeaderFooterEditors() {
+    try {
+      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;
+    } catch (error) {
+    }
+  }
   /**
    * Check if migrations are needed for the data
    * @static
@@ -41242,7 +41361,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.13.2-rev1");
+    console.debug("[checkVersionMigrations] Current editor version", "0.13.2-rev11");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -41292,7 +41411,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       __privateMethod$1(this, _Editor_instances, insertNewFileData_fn).call(this);
     }
     if (!this.options.ydoc) {
-      __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+      this.initPagination();
       __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
     }
   }
@@ -41438,9 +41557,7 @@ init_fn = function(options2) {
   this.emit("beforeCreate", { editor: this });
   this.on("contentError", this.options.onContentError);
   this.on("exception", this.options.onException);
-  __privateMethod$1(this, _Editor_instances, createView_fn).call(this);
-  this.initDefaultStyles();
-  this.setDocumentMode(options2.documentMode);
+  this.mount(this.options.element);
   if (this.options.isHeadless) return;
   this.on("create", this.options.onCreate);
   this.on("update", this.options.onUpdate);
@@ -41458,14 +41575,12 @@ init_fn = function(options2) {
   this.on("paginationUpdate", this.options.onPaginationUpdate);
   this.on("comment-positions", this.options.onCommentLocationsUpdate);
   this.initializeCollaborationData();
+  this.initDefaultStyles();
+  this.setDocumentMode(this.options.documentMode);
   if (!this.options.ydoc) {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __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) {
@@ -41477,7 +41592,7 @@ initRichText_fn = function(options2) {
   this.on("beforeCreate", this.options.onBeforeCreate);
   this.emit("beforeCreate", { editor: this });
   this.on("contentError", this.options.onContentError);
-  __privateMethod$1(this, _Editor_instances, createView_fn).call(this);
+  this.mount(this.options.element);
   this.on("create", this.options.onCreate);
   this.on("update", this.options.onUpdate);
   this.on("selectionUpdate", this.options.onSelectionUpdate);
@@ -41488,10 +41603,6 @@ initRichText_fn = function(options2) {
   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);
@@ -41514,7 +41625,7 @@ insertNewFileData_fn = function() {
   const tr = this.state.tr.replaceWith(0, this.state.doc.content.size, doc2);
   this.view.dispatch(tr);
   setTimeout(() => {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
   }, 50);
 };
@@ -41612,14 +41723,15 @@ createDocFromHTML_fn = function(content) {
   }
   return DOMParser$1.fromSchema(this.schema).parse(parsedContent);
 };
-createView_fn = function() {
+createView_fn = function(element) {
   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(this.options.element, {
+  this.view = new EditorView(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");
@@ -41633,7 +41745,12 @@ createView_fn = function() {
       event.stopPropagation();
       if (!this.options.editable) {
         this.setEditable(true, false);
-        toggleHeaderFooterEditMode(this, null, false);
+        toggleHeaderFooterEditMode({
+          editor: this,
+          focusedSectionEditor: null,
+          isEditMode: false,
+          documentMode: this.options.documentMode
+        });
         const pm = document.querySelector(".ProseMirror");
         pm.classList.remove("header-footer-edit");
         pm.setAttribute("aria-readonly", false);
@@ -41646,8 +41763,6 @@ createView_fn = function() {
   });
   this.view.updateState(newState);
   this.createNodeViews();
-  const dom = this.view.dom;
-  dom.editor = this;
   this.options.telemetry?.sendReport();
 };
 onCollaborationReady_fn = function({ editor, ydoc }) {
@@ -41656,7 +41771,7 @@ onCollaborationReady_fn = function({ editor, ydoc }) {
   this.options.onCollaborationReady({ editor, ydoc });
   this.options.collaborationIsReady = true;
   if (!this.options.isNewFile) {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
   }
 };
@@ -41673,20 +41788,8 @@ initComments_fn = function() {
     dispatch(tr);
   }, 50);
 };
-initPagination_fn = async function() {
-  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");
-    const sectionData = await initPaginationData(this);
-    this.storage.pagination.sectionData = sectionData;
-    const { state: state2, dispatch } = this.view;
-    const tr = state2.tr.setMeta(PaginationPluginKey, { isReadyToInit: true });
-    dispatch(tr);
-  }
-};
 dispatchTransaction_fn = function(transaction) {
-  if (this.view.isDestroyed) return;
+  if (this.isDestroyed) return;
   let state2;
   try {
     const trackChangesState = TrackChangesBasePluginKey.getState(this.view.state);
@@ -41738,6 +41841,11 @@ dispatchTransaction_fn = function(transaction) {
     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,
@@ -44080,7 +44188,7 @@ const Paragraph = Node$1.create({
   },
   addPmPlugins() {
     const { view } = this.editor;
-    const dropcapPlugin = new Plugin({
+    new Plugin({
       name: "dropcapPlugin",
       key: new PluginKey("dropcapPlugin"),
       state: {
@@ -44100,7 +44208,7 @@ const Paragraph = Node$1.create({
         }
       }
     });
-    return [dropcapPlugin];
+    return [];
   }
 });
 const getDropcapDecorations = (state2, view) => {
@@ -44453,7 +44561,16 @@ const HardBreak = Node$1.create({
     };
   },
   parseDOM() {
-    return [{ tag: "span" }];
+    return [{
+      tag: 'span[linebreaktype="page"]',
+      getAttrs: (dom) => {
+        if (!(dom instanceof HTMLElement)) return false;
+        return {
+          pageBreakSource: dom.getAttribute("pagebreaksource") || null,
+          pageBreakType: dom.getAttribute("linebreaktype") || null
+        };
+      }
+    }];
   },
   renderDOM({ htmlAttributes }) {
     return ["span", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
@@ -47450,6 +47567,8 @@ function findRemovedFieldAnnotations(tr) {
   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];
@@ -47466,6 +47585,14 @@ function findRemovedFieldAnnotations(tr) {
   });
   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 {
@@ -47861,8 +47988,18 @@ const FieldAnnotation = Node$1.create({
           };
         }
       },
+      defaultDisplayLabel: {
+        default: "",
+        parseDOM: (elem) => elem.getAttribute("data-default-display-label"),
+        renderDOM: (attrs) => {
+          if (!attrs.defaultDisplayLabel) return {};
+          return {
+            "data-default-display-label": attrs.defaultDisplayLabel
+          };
+        }
+      },
       displayLabel: {
-        default: "Text field",
+        default: "",
         parseDOM: (elem) => elem.getAttribute("data-display-label"),
         renderDOM: (attrs) => {
           if (!attrs.displayLabel) return {};
@@ -48178,6 +48315,7 @@ const FieldAnnotation = Node$1.create({
     return renderer();
   },
   addCommands() {
+    const annotationTypes = this.options.types;
     return {
       /**
        * Add field annotation.
@@ -48199,7 +48337,12 @@ const FieldAnnotation = Node$1.create({
           let currentMarks = $pos.marks();
           currentMarks = currentMarks.length ? [...currentMarks] : null;
           let formatAttrs = getFormatAttrsFromMarks(currentMarks);
-          let node2 = schema.nodes[this.name].create({ ...attrs, ...formatAttrs }, null, null);
+          let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+          let node2 = schema.nodes[this.name].create({
+            ...attrs,
+            ...formatAttrs,
+            defaultDisplayLabel
+          }, null, null);
           state2.tr.insert(newPos, node2).setSelection(Selection.near(tr.doc.resolve(newPos + node2.nodeSize)));
           if (editorFocus) {
             this.editor.view.focus();
@@ -48207,9 +48350,9 @@ const FieldAnnotation = Node$1.create({
         }
         return true;
       },
-      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ editor, dispatch, state: state2, tr, commands: commands2 }) => {
+      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ state: state2, commands: commands2 }) => {
         const { from: from2 } = state2.selection;
-        commands2.addFieldAnnotation(from2, attrs, editorFocus);
+        return commands2.addFieldAnnotation(from2, attrs, editorFocus);
       },
       /**
        * Replace field annotation.
@@ -48219,24 +48362,113 @@ const FieldAnnotation = Node$1.create({
        *  from: 20,
        *  to: 45,
        *  attrs: {
-       *  fieldType: 'TEXTINPUT'
-       *  fieldColor: '#980043'
+       *    fieldType: 'TEXTINPUT'
+       *    fieldColor: '#980043'
        *  }
        * ])
        */
-      replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, state: state2, tr }) => {
+      replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, tr }) => {
         if (!dispatch) return true;
-        tr.setMeta("fieldAnnotationReplace", true);
         fieldsArray.forEach((annotation) => {
           let { from: from2, to, attrs } = annotation;
           let { schema } = editor;
           let newPosFrom = tr.mapping.map(from2);
           let newPosTo = tr.mapping.map(to);
-          let node2 = schema.nodes[this.name].create({ ...attrs }, null, null);
+          let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+          let node2 = schema.nodes[this.name].create({
+            ...attrs,
+            defaultDisplayLabel
+          }, null, null);
           tr.replaceWith(newPosFrom, newPosTo, node2);
         });
         return true;
       },
+      /**
+       * Replace annotations with a label (as text node) in selection.
+       * @param options Additional options.
+       * @example
+       * editor.commands.replaceFieldAnnotationsWithLabelInSelection()
+       */
+      replaceFieldAnnotationsWithLabelInSelection: (options2 = {}) => ({ commands: commands2 }) => {
+        return commands2.replaceFieldAnnotationsWithLabel(null, {
+          ...options2,
+          isInSelection: true
+        });
+      },
+      /**
+       * Replace annotations with a label (as text node).
+       * @param fieldIdOrArray The field ID or array of field IDs.
+       * @param options.isInSelection Find in selection instead of field IDs.
+       * @param options.addToHistory Add to history or not.
+       * @param options.types Annotation types to replace.
+       * @example
+       * editor.commands.replaceFieldAnnotationsWithLabel(['1', '2'])
+       */
+      replaceFieldAnnotationsWithLabel: (fieldIdOrArray, {
+        isInSelection = false,
+        addToHistory = false,
+        types: types2 = annotationTypes
+      } = {}) => ({ dispatch, state: state2, tr }) => {
+        let { from: from2, to } = state2.selection;
+        let annotations = isInSelection ? findFieldAnnotationsBetween(from2, to, state2.doc) : findFieldAnnotationsByFieldId(fieldIdOrArray, state2);
+        annotations = types2.length ? annotations.filter(({ node: node2 }) => types2.includes(node2.attrs.type)) : annotations;
+        if (!annotations.length) {
+          return true;
+        }
+        if (!addToHistory) {
+          tr.setMeta("addToHistory", false);
+        }
+        if (dispatch) {
+          annotations.forEach((annotation) => {
+            let { pos, node: node2 } = annotation;
+            let newPosFrom = tr.mapping.map(pos);
+            let newPosTo = tr.mapping.map(pos + node2.nodeSize);
+            let currentNode = tr.doc.nodeAt(newPosFrom);
+            let nodeEqual = node2.attrs.fieldId === currentNode?.attrs?.fieldId;
+            let $newPosFrom = tr.doc.resolve(newPosFrom);
+            let currentMarks = $newPosFrom.marks();
+            currentMarks = currentMarks.length ? [...currentMarks] : null;
+            if (nodeEqual) {
+              let label = node2.attrs.displayLabel || " ";
+              let textNode = state2.schema.text(label, currentMarks);
+              tr.replaceWith(newPosFrom, newPosTo, textNode);
+            }
+          });
+        }
+        return true;
+      },
+      /**
+       * Resets all annotations to default values.
+       * @example
+       * editor.commands.resetFieldAnnotations()
+       */
+      resetFieldAnnotations: () => ({ dispatch, state: state2, tr }) => {
+        let annotations = getAllFieldAnnotations(state2);
+        if (!annotations.length) {
+          return true;
+        }
+        tr.setMeta("fieldAnnotationUpdate", true);
+        if (dispatch) {
+          annotations.forEach(({ pos, node: node2 }) => {
+            let newPos = tr.mapping.map(pos);
+            let currentNode = tr.doc.nodeAt(newPos);
+            let nodeEqual = node2.attrs.fieldId === currentNode?.attrs?.fieldId;
+            if (nodeEqual) {
+              let displayLabel = node2.attrs.defaultDisplayLabel || node2.attrs.displayLabel || "";
+              tr.setNodeMarkup(newPos, void 0, {
+                ...node2.attrs,
+                // reset displayLabel to default.
+                displayLabel,
+                // reset attrs ​​for specific types.
+                imageSrc: null,
+                rawHtml: null,
+                linkUrl: null
+              });
+            }
+          });
+        }
+        return true;
+      },
       /**
        * Update annotations associated with a field.
        * @param fieldIdOrArray The field ID or array of field IDs.
@@ -48991,12 +49223,16 @@ const startImageUpload = async ({ editor, view, file }) => {
   }
   let id = {};
   let { tr, schema } = view.state;
-  if (!tr.selection.empty) {
+  let { selection } = tr;
+  if (editor.options.isHeaderOrFooter) {
+    selection = editor.options.lastSelection;
+  }
+  if (!selection.empty && !editor.options.isHeaderOrFooter) {
     tr.deleteSelection();
   }
   let imageMeta = {
     type: "add",
-    pos: tr.selection.from,
+    pos: selection.from,
     id
   };
   tr.setMeta(ImagePlaceholderPluginKey, imageMeta);
@@ -54245,7 +54481,8 @@ const Pagination = Extension.create({
   addStorage() {
     return {
       height: 0,
-      sectionData: null
+      sectionData: null,
+      headerFooterEditors: /* @__PURE__ */ new Map()
     };
   },
   addCommands() {
@@ -54254,6 +54491,19 @@ const Pagination = Extension.create({
         return commands2.insertContent({
           type: "hardBreak"
         });
+      },
+      /**
+       * Toggle pagination on/off
+       * @returns {void}
+       */
+      togglePagination: () => ({ tr, state: state2, dispatch, editor }) => {
+        const isEnabled = PaginationPluginKey.getState(state2)?.isEnabled;
+        tr.setMeta(PaginationPluginKey, { isEnabled: !isEnabled });
+        if (dispatch) {
+          dispatch(tr);
+          editor.initDefaultStyles(editor.element, !isEnabled);
+          return true;
+        }
       }
     };
   },
@@ -54279,22 +54529,33 @@ const Pagination = Extension.create({
           return {
             isReadyToInit: false,
             decorations: DecorationSet.empty,
-            isDebugging
+            isDebugging,
+            isEnabled: editor.options.pagination
           };
         },
         apply(tr, oldState, prevEditorState, newEditorState) {
           const meta = tr.getMeta(PaginationPluginKey);
+          if (meta && "isEnabled" in meta) {
+            const newEnabled = meta.isEnabled;
+            if (newEnabled) shouldUpdate = true;
+            return {
+              ...oldState,
+              decorations: newEnabled ? oldState.decorations : DecorationSet.empty,
+              isEnabled: newEnabled
+            };
+          }
           if (meta && meta.isReadyToInit) {
             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") {
-              const imagePos = imagePluginTransaction.pos;
-              const domImage = editor.view.domAtPos(imagePos).node.querySelector("img");
-              if (domImage.complete) onImageLoad(editor);
-              else domImage.onload = () => onImageLoad(editor);
+              onImageLoad(editor);
             }
             return { ...oldState };
           }
@@ -54321,6 +54582,7 @@ const Pagination = Extension.create({
           if (isForceUpdate) shouldUpdate = true;
           return {
             ...oldState,
+            decorations: meta?.decorations?.map(tr.mapping, tr.doc) || DecorationSet.empty,
             isReadyToInit: shouldInitialize
           };
         }
@@ -54330,6 +54592,7 @@ const Pagination = Extension.create({
         let previousDecorations = DecorationSet.empty;
         return {
           update: (view2, prevState) => {
+            if (!PaginationPluginKey.getState(view2.state)?.isEnabled) return;
             if (!shouldUpdate || isUpdating) return;
             isUpdating = true;
             hasInitialized = true;
@@ -54341,7 +54604,8 @@ const Pagination = Extension.create({
       },
       props: {
         decorations(state2) {
-          return PaginationPluginKey.getState(state2).decorations;
+          const pluginState = PaginationPluginKey.getState(state2);
+          return pluginState.isEnabled ? pluginState.decorations : DecorationSet.empty;
         }
       }
     });
@@ -54349,6 +54613,10 @@ const Pagination = Extension.create({
   },
   onDestroy() {
     cleanupFloatingSeparators();
+    const { headerFooterEditors } = this.editor.storage.pagination;
+    if (headerFooterEditors) {
+      headerFooterEditors.clear();
+    }
   }
 });
 const getHeaderFooterId = (currentPageNumber, sectionType, editor, node2 = null) => {
@@ -54409,6 +54677,7 @@ const performUpdate = (editor, view, previousDecorations) => {
 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];
@@ -54447,11 +54716,13 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
   let pageHeightThreshold = pageHeight;
   let footer = null, header = null;
   const firstHeaderId = getHeaderFooterId(currentPageNumber, "headerIds", editor);
-  const firstHeader = createHeader(pageMargins, pageSize, sectionData, firstHeaderId, editor, currentPageNumber);
+  const isFirstHeader = true;
+  const firstHeader = createHeader(pageMargins, pageSize, sectionData, firstHeaderId, editor, currentPageNumber, isFirstHeader);
   const pageBreak = createPageBreak({ editor, header: firstHeader, isFirstHeader: true });
   decorations.push(Decoration.widget(0, pageBreak, { key: "stable-key" }));
   const lastFooterId = getHeaderFooterId(currentPageNumber, "footerIds", editor);
-  const lastFooter = createFooter(pageMargins, pageSize, sectionData, lastFooterId, editor, currentPageNumber);
+  const isLastFooter = true;
+  const lastFooter = createFooter(pageMargins, pageSize, sectionData, lastFooterId, editor, currentPageNumber, isLastFooter);
   pageHeightThreshold -= firstHeader.headerHeight + lastFooter.footerHeight;
   let coords = view?.coordsAtPos(doc2.content.size);
   if (!coords) return [];
@@ -54470,7 +54741,8 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       if (currentPageNumber === 1) {
         const headerId2 = getHeaderFooterId(currentPageNumber, "headerIds", editor, currentNode);
         decorations.pop();
-        const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2, editor, currentPageNumber - 1);
+        const isFirstHeader2 = true;
+        const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2, editor, currentPageNumber, isFirstHeader2);
         const pageBreak2 = createPageBreak({ editor, header: newFirstHeader, isFirstHeader: true });
         decorations.push(Decoration.widget(0, pageBreak2, { key: "stable-key" }));
       }
@@ -54544,15 +54816,15 @@ function createFinalPagePadding(bufferHeight) {
   div2.style.height = bufferHeight + "px";
   return { nodeHeight: bufferHeight, node: div2 };
 }
-function createHeader(pageMargins, pageSize, sectionData, headerId, editor, currentPageNumber) {
-  const headerDef = sectionData.headers?.[headerId];
+function createHeader(pageMargins, pageSize, sectionData, headerId, editor, currentPageNumber, isFirstHeader = false) {
+  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;
-  const editorContainer = document.createElement("div");
+  let editorContainer = document.createElement("div");
   if (!headerId && !editor?.converter?.headerIds?.["default"]) {
     headerId = "rId" + generateDocxRandomId();
     editor.converter.headerIds["default"] = headerId;
@@ -54564,23 +54836,31 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor, curr
     };
   }
   const data = editor.converter.headers[headerId];
-  const editorSection = createHeaderFooterEditor({
-    editor,
-    data,
-    editorContainer,
-    appendToBody: false,
-    sectionId: headerId,
-    type: "header",
-    availableHeight,
-    currentPageNumber
-  });
-  editor.converter.headerEditors.push({
-    id: headerId,
-    editor: editorSection
-  });
+  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);
+  }
   editorSection.setEditable(false, false);
-  broadcastEditorEvents(editor, editorSection);
-  editorContainer.className = "pagination-section-header";
+  editorContainer.classList.add("pagination-section-header");
   editorContainer.style.paddingTop = headerMargin + "px";
   editorContainer.style.paddingLeft = pageMargins.left * 96 + "px";
   editorContainer.style.paddingRight = pageMargins.right * 96 + "px";
@@ -54593,12 +54873,12 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor, curr
     headerHeight
   };
 }
-function createFooter(pageMargins, pageSize, sectionData, footerId, editor, currentPageNumber) {
-  const footerDef = sectionData.footers?.[footerId];
+function createFooter(pageMargins, pageSize, sectionData, footerId, editor, currentPageNumber, isLastFooter = false) {
+  const footerDef = sectionData?.footers?.[footerId];
   const minFooterHeight = pageMargins.bottom * 96;
   const footerPaddingFromEdge = pageMargins.footer * 96;
   const footerHeight = Math.max(footerDef?.height || 0, minFooterHeight - footerPaddingFromEdge);
-  const editorContainer = document.createElement("div");
+  let editorContainer = document.createElement("div");
   if (!footerId && !editor.converter.footerIds["default"]) {
     footerId = "rId" + generateDocxRandomId();
     editor.converter.footerIds["default"] = footerId;
@@ -54610,23 +54890,31 @@ function createFooter(pageMargins, pageSize, sectionData, footerId, editor, curr
     };
   }
   const data = editor.converter.footers[footerId];
-  const editorSection = createHeaderFooterEditor({
-    editor,
-    data,
-    editorContainer,
-    appendToBody: false,
-    sectionId: footerId,
-    type: "footer",
-    availableHeight: footerHeight,
-    currentPageNumber
-  });
-  editor.converter.footerEditors.push({
-    id: footerId,
-    editor: editorSection
-  });
+  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);
+  }
   editorSection.setEditable(false, false);
-  broadcastEditorEvents(editor, editorSection);
-  editorContainer.className = "pagination-section-footer";
+  editorContainer.classList.add("pagination-section-footer");
   editorContainer.style.height = footerHeight + "px";
   editorContainer.style.marginBottom = footerPaddingFromEdge + "px";
   editorContainer.style.paddingLeft = pageMargins.left * 96 + "px";
@@ -54639,10 +54927,28 @@ function createFooter(pageMargins, pageSize, sectionData, footerId, editor, curr
     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, currentFocusedSectionEditor, true);
+  toggleHeaderFooterEditMode({
+    editor,
+    focusedSectionEditor: currentFocusedSectionEditor,
+    isEditMode: true,
+    documentMode: editor.options.documentMode
+  });
 };
 function createPageBreak({ editor, header, footer, footerBottom = null, isFirstHeader, isLastFooter, isInTable: isInTable2 = false }) {
   const { pageSize, pageMargins } = editor.converter.pageStyles;
@@ -55197,7 +55503,7 @@ const Search = Extension.create({
   }
 });
 const NodeResizerKey = new PluginKey("node-resizer");
-const nodeResizer = (nodeNames = ["image"]) => {
+const nodeResizer = (nodeNames = ["image"], editor) => {
   let resizeState = {
     dragging: false,
     startX: 0,
@@ -55222,8 +55528,13 @@ const nodeResizer = (nodeNames = ["image"]) => {
         if (tr.getMeta(NodeResizerKey)) {
           return oldState;
         }
-        const decorations = [];
+        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 = [];
         if (nodeNames.includes(selection.node?.type.name)) {
           decorations.push(
             Decoration.node(selection.from, selection.to, {
@@ -55426,7 +55737,7 @@ const nodeResizer = (nodeNames = ["image"]) => {
 const NodeResizer = Extension.create({
   name: "nodeResizer",
   addPmPlugins() {
-    return [nodeResizer(["image"])];
+    return [nodeResizer(["image"], this.editor)];
   }
 });
 const getRichTextExtensions = () => {
@@ -64102,7 +64413,6 @@ const style$2 = cB("icon", `
  display: inline-block;
  position: relative;
  fill: currentColor;
- transform: translateZ(0);
 `, [cM("color-transition", {
   transition: "color .3s var(--n-bezier)"
 }), cM("depth", {