@harbour-enterprises/superdoc 0.13.2-rev9 → 0.13.2

package/dist/super-editor/chunks/{editor-D1rD0fdS.js → editor-Cxb-Zwyu.js}

@@ -9,12 +9,12 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 import * as Y from "yjs";
 import { UndoManager, Item as Item$1, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
-import { P as PluginKey, a as Plugin, M as Mapping, c as callOrGet, i as isEmptyObject, S as Schema$1, T as TextSelection, b as canSplit, l as liftTarget, A as AllSelection, d as canJoin, j as joinPoint, N as NodeSelection, r as replaceStep$1, e as Selection, F as Fragment, R as ReplaceAroundStep$1, f as Slice, o as objectIncludes, g as deleteProps, D as DOMParser$1, h as ReplaceStep, k as NodeRange, m as findWrapping, n as isMacOS, p as isIOS, q as generateDocxRandomId, s as minMax, t as chainableEditorState, u as generateRandom32BitHex, v as DOMSerializer, w as Mark$1, x as dropPoint, y as process$1, B as Buffer2, z as inputRulesPlugin, C as TrackDeleteMarkName, E as TrackInsertMarkName, G as v4, H as TrackFormatMarkName, I as comments_module_events, J as AddMarkStep, K as RemoveMarkStep, L as twipsToLines, O as pixelsToTwips, Q as CommandService, U as SuperConverter, V as EditorState, W as hasSomeParentWithClass, X as parseSizeUnit, Y as getLineHeightValueString, Z as InputRule, _ as toKebabCase, $ as kebabCase, a0 as getColStyleDeclaration, a1 as SelectionRange, a2 as Transform, a3 as createColGroup } from "./converter-BvRopd2F.js";
+import { P as PluginKey, a as Plugin, M as Mapping, c as callOrGet, i as isEmptyObject, S as Schema$1, T as TextSelection, b as canSplit, l as liftTarget, A as AllSelection, d as canJoin, j as joinPoint, N as NodeSelection, r as replaceStep$1, e as Selection, F as Fragment, R as ReplaceAroundStep, f as Slice, o as objectIncludes, g as deleteProps, D as DOMParser$1, h as ReplaceStep, k as NodeRange, m as findWrapping, n as isMacOS, p as isIOS, q as generateDocxRandomId, s as minMax, t as generateRandom32BitHex, u as DOMSerializer, v as Mark$1, w as dropPoint, x as process$1, B as Buffer2, y as isRegExp, z as TrackDeleteMarkName, C as TrackInsertMarkName, E as v4, G as TrackFormatMarkName, H as comments_module_events, I as AddMarkStep, J as RemoveMarkStep, K as twipsToLines, L as pixelsToTwips, O as SuperConverter, Q as EditorState, U as hasSomeParentWithClass, V as parseSizeUnit, W as getLineHeightValueString, X as toKebabCase, Y as kebabCase, Z as getColStyleDeclaration, _ as SelectionRange, $ as Transform, a0 as createColGroup } from "./converter-CsK9KCaL.js";
 import { ref, computed, createElementBlock, openBlock, withModifiers, Fragment as Fragment$1, renderList, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, createApp } from "vue";
-import { D as DocxZipper } from "./docx-zipper-CZ8M74hv.js";
+import { D as DocxZipper } from "./docx-zipper-6iKmmME2.js";
 function getMarksFromSelection(state) {
   const { from: from2, to, empty: empty2 } = state.selection;
   const marks = [];
@@ -1203,6 +1203,164 @@ createMarksSchema_fn = function(markExtensions, attributes, editor) {
 };
 __privateAdd(_Schema, _Schema_static);
 let Schema = _Schema;
+function chainableEditorState(transaction, state) {
+  let { selection, doc: doc2, storedMarks } = transaction;
+  return {
+    ...state,
+    apply: state.apply.bind(state),
+    applyTransaction: state.applyTransaction.bind(state),
+    plugins: state.plugins,
+    schema: state.schema,
+    reconfigure: state.reconfigure.bind(state),
+    toJSON: state.toJSON.bind(state),
+    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(this, "editor");
+    __publicField(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 } = this;
+    const { view } = editor;
+    const { tr } = state;
+    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, rawCommands } = this;
+    const { view } = editor;
+    const callbacks = [];
+    const hasStartTr = !!startTr;
+    const tr = startTr || state.tr;
+    const run2 = () => {
+      if (!hasStartTr && shouldDispatch && !tr.getMeta("preventDispatch")) {
+        view.dispatch(tr);
+      }
+      return callbacks.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);
+        callbacks.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 } = this;
+    const dispatch = false;
+    const tr = startTr || state.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, rawCommands } = this;
+    const { view } = editor;
+    const props = {
+      tr,
+      editor,
+      view,
+      state: chainableEditorState(tr, state),
+      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) {
@@ -1564,7 +1722,7 @@ function deleteBarrier(state, $cut, dispatch, dir) {
       for (let i = conn.length - 1; i >= 0; i--)
         wrap = Fragment.from(conn[i].create(null, wrap));
       wrap = Fragment.from(before.copy(wrap));
-      let tr = state.tr.step(new ReplaceAroundStep$1($cut.pos - 1, end2, $cut.pos, end2, new Slice(wrap, 1, 0), conn.length, true));
+      let tr = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end2, $cut.pos, end2, new Slice(wrap, 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);
@@ -1595,7 +1753,7 @@ function deleteBarrier(state, $cut, dispatch, dir) {
         let end2 = Fragment.empty;
         for (let i = wrap.length - 1; i >= 0; i--)
           end2 = Fragment.from(wrap[i].copy(end2));
-        let tr = state.tr.step(new ReplaceAroundStep$1($cut.pos - wrap.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end2, wrap.length, 0), 0, true));
+        let tr = state.tr.step(new ReplaceAroundStep($cut.pos - wrap.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end2, wrap.length, 0), 0, true));
         dispatch(tr.scrollIntoView());
       }
       return true;
@@ -2168,7 +2326,7 @@ function selectionToInsertionEnd(tr, startLen, bias) {
     return;
   }
   const step = tr.steps[last];
-  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep$1)) {
+  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep)) {
     return;
   }
   const map2 = tr.mapping.maps[last];
@@ -2314,7 +2472,7 @@ function doWrapInList(tr, range, 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$1(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new Slice(content, 0, 0), wrappers.length, true));
+  tr.step(new ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new Slice(content, 0, 0), wrappers.length, true));
   let found = 0;
   for (let i = 0; i < wrappers.length; i++)
     if (wrappers[i].type == listType)
@@ -2347,7 +2505,7 @@ function liftListItem$1(itemType) {
 function liftToOuterList(state, dispatch, itemType, range) {
   let tr = state.tr, end2 = range.end, endOfList = range.$to.end(range.depth);
   if (end2 < endOfList) {
-    tr.step(new ReplaceAroundStep$1(end2 - 1, endOfList, end2, endOfList, new Slice(Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
+    tr.step(new ReplaceAroundStep(end2 - 1, endOfList, end2, endOfList, new Slice(Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
     range = new NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
   }
   const target = liftTarget(range);
@@ -2374,7 +2532,7 @@ function liftOutOfList(state, dispatch, range) {
   if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment.empty : Fragment.from(list))))
     return false;
   let start2 = $start.pos, end2 = start2 + item.nodeSize;
-  tr.step(new ReplaceAroundStep$1(start2 - (atStart ? 1 : 0), end2 + (atEnd ? 1 : 0), start2 + 1, end2 - 1, new Slice((atStart ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))).append(atEnd ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
+  tr.step(new ReplaceAroundStep(start2 - (atStart ? 1 : 0), end2 + (atEnd ? 1 : 0), start2 + 1, end2 - 1, new Slice((atStart ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))).append(atEnd ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
   dispatch(tr.scrollIntoView());
   return true;
 }
@@ -2395,7 +2553,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 = range.start, after = range.end;
-      dispatch(state.tr.step(new ReplaceAroundStep$1(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
+      dispatch(state.tr.step(new ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice2, 1, true)).scrollIntoView());
     }
     return true;
   };
@@ -9988,8 +10146,7 @@ const restoreRelativeSelection = (tr, relSel, binding) => {
         binding.mapping
       );
       if (anchor !== null && head !== null) {
-        const sel = TextSelection.between(tr.doc.resolve(anchor), tr.doc.resolve(head));
-        tr.setSelection(sel);
+        tr.setSelection(TextSelection.between(tr.doc.resolve(anchor), tr.doc.resolve(head)));
       }
     }
   }
@@ -10770,7 +10927,7 @@ const setMeta = (view, key, value) => {
 };
 const absolutePositionToRelativePosition = (pos, type, mapping) => {
   if (pos === 0) {
-    return Y.createRelativePositionFromTypeIndex(type, 0, type.length === 0 ? -1 : 0);
+    return Y.createRelativePositionFromTypeIndex(type, 0, -1);
   }
   let n = type._first === null ? null : (
     /** @type {Y.ContentType} */
@@ -10779,7 +10936,7 @@ const absolutePositionToRelativePosition = (pos, type, mapping) => {
   while (n !== null && type !== n) {
     if (n instanceof Y.XmlText) {
       if (n._length >= pos) {
-        return Y.createRelativePositionFromTypeIndex(n, pos, type.length === 0 ? -1 : 0);
+        return Y.createRelativePositionFromTypeIndex(n, pos, -1);
       } else {
         pos -= n._length;
       }
@@ -10843,7 +11000,7 @@ const absolutePositionToRelativePosition = (pos, type, mapping) => {
       return createRelativePosition(n._item.parent, n._item);
     }
   }
-  return Y.createRelativePositionFromTypeIndex(type, type._length, type.length === 0 ? -1 : 0);
+  return Y.createRelativePositionFromTypeIndex(type, type._length, -1);
 };
 const createRelativePosition = (type, item) => {
   let typeid = null;
@@ -11440,6 +11597,409 @@ function isExtensionRulesEnabled(extension, enabled) {
   }
   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,
+    (node, pos, parent, index2) => {
+      const chunk = node.type.spec.toText?.({
+        node,
+        pos,
+        parent,
+        index: index2
+      }) || node.textContent || "%leaf%";
+      textBefore += node.isAtom && !node.isText ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
+    }
+  );
+  return textBefore;
+};
+const handleDocxPaste = (html, editor, view, plugin) => {
+  const { converter } = editor;
+  if (!converter || !converter.convertedXml) return handleHtmlPaste(html, editor, view, plugin);
+  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 fontFamily = null;
+  let fontSize = null;
+  let start2 = -1, end2 = -1;
+  nodes.forEach((node, index2) => {
+    if (node.nodeType === Node.COMMENT_NODE && node.nodeValue.includes("[if !supportLists]")) {
+      start2 = index2;
+    }
+    if (start2 !== -1 && node.nodeType === Node.COMMENT_NODE && node.nodeValue.includes("[endif]")) {
+      end2 = index2;
+    }
+  });
+  if (start2 !== -1 && end2 !== -1) {
+    for (let i = start2 + 1; i < end2; i++) {
+      const node = nodes[i];
+      if (node.nodeType === Node.ELEMENT_NODE && node.style) {
+        fontFamily = fontFamily || node.style.fontFamily;
+        fontSize = fontSize || node.style.fontSize;
+      }
+    }
+    for (let i = end2; i >= start2; i--) {
+      p.removeChild(p.childNodes[i]);
+    }
+    if (fontFamily) p.setAttribute("data-font-family", fontFamily);
+    if (fontSize) p.setAttribute("data-font-size", fontSize);
+  }
+}
+class InputRule {
+  constructor(config) {
+    __publicField(this, "match");
+    __publicField(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
+  } = 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 state = chainableEditorState(tr, view.state);
+    const range = {
+      from: from2 - (match[0].length - text.length),
+      to
+    };
+    const { commands: commands2, chain, can } = new CommandService({
+      editor,
+      state
+    });
+    const handler = rule.handler({
+      state,
+      range,
+      match,
+      commands: commands2,
+      chain,
+      can
+    });
+    if (handler === null || !tr.steps.length) {
+      return;
+    }
+    tr.setMeta(plugin, {
+      transform: tr,
+      from: from2,
+      to,
+      text
+    });
+    view.dispatch(tr);
+    matched = true;
+  });
+  return matched;
+};
+const inputRulesPlugin = ({ editor, rules }) => {
+  const plugin = new Plugin({
+    key: new PluginKey("inputRulesPlugin"),
+    state: {
+      init() {
+        return null;
+      },
+      apply(tr, prev, state) {
+        const stored = tr.getMeta(plugin);
+        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), state.schema);
+            }
+            const { from: from2 } = simulatedInputMeta;
+            const to = from2 + text.length;
+            run({
+              editor,
+              from: from2,
+              to,
+              text,
+              rules,
+              plugin
+            });
+          });
+        }
+        return tr.selectionSet || tr.docChanged ? null : prev;
+      }
+    },
+    props: {
+      handleTextInput(view, from2, to, text) {
+        return run({
+          editor,
+          from: from2,
+          to,
+          text,
+          rules,
+          plugin
+        });
+      },
+      // 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
+          });
+        }
+        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, plugin);
+            }
+          case "browser-html":
+            return handleHtmlPaste$1(html, editor);
+        }
+        return false;
+      }
+    },
+    isInputRules: true
+  });
+  return plugin;
+};
+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, plugin) => {
+  const cleanedHtml = convertEmToPt(html);
+  const tempDiv = document.createElement("div");
+  tempDiv.innerHTML = cleanedHtml;
+  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
+  tempDiv.remove();
+  const { dispatch } = editor.view;
+  if (!dispatch) return false;
+  dispatch(editor.view.state.tr.replaceSelectionWith(doc2, true));
+  return true;
+};
+const convertEmToPt = (html) => {
+  return html.replace(
+    /font-size\s*:\s*([\d.]+)em/gi,
+    (_, emValue) => {
+      const em = parseFloat(emValue);
+      const pt = Math.round(em * 12 * 100) / 100;
+      return `font-size: ${pt}pt`;
+    }
+  );
+};
+function cleanHtmlUnnecessaryTags(html) {
+  return html.replace(/<o:p>.*?<\/o:p>/gi, "").replace(/&nbsp;/gi, " ").replace(/<span[^>]*>\s*<\/span>/gi, "").replace(/<p[^>]*>\s*<\/p>/gi, "").trim();
+}
 const _ExtensionService = class _ExtensionService {
   constructor(extensions, userExtensions, editor) {
     __privateAdd(this, _ExtensionService_instances);
@@ -12287,7 +12847,6 @@ const createHeaderFooterEditor = ({
     mediaFiles: editor.storage.image.media,
     fonts: editor.options.fonts,
     isHeaderOrFooter: true,
-    isHeadless: editor.options.isHeadless,
     annotations: true,
     currentPageNumber,
     parentEditor: editor,
@@ -12295,15 +12854,13 @@ const createHeaderFooterEditor = ({
     onBlur: (evt) => onHeaderFooterDataUpdate(evt, editor, sectionId, type)
   });
   const pm = editorContainer.querySelector(".ProseMirror");
-  if (pm) {
-    pm.style.maxHeight = "100%";
-    pm.style.minHeight = "100%";
-    pm.style.outline = "none";
-    pm.style.border = "none";
-    pm.setAttribute("role", "textbox");
-    pm.setAttribute("aria-multiline", true);
-    pm.setAttribute("aria-label", `${type} content area. Double click to start typing.`);
-  }
+  pm.style.maxHeight = "100%";
+  pm.style.minHeight = "100%";
+  pm.style.outline = "none";
+  pm.style.border = "none";
+  pm.setAttribute("role", "textbox");
+  pm.setAttribute("aria-multiline", true);
+  pm.setAttribute("aria-label", `${type} content area. Double click to start typing.`);
   return headerFooterEditor;
 };
 const broadcastEditorEvents = (editor, sectionEditor) => {
@@ -12322,16 +12879,14 @@ const broadcastEditorEvents = (editor, sectionEditor) => {
     });
   });
 };
-const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode, documentMode }) => {
+const toggleHeaderFooterEditMode = (editor, focusedSectionEditor, isEditMode) => {
   editor.converter.headerEditors.forEach((item) => {
     item.editor.setEditable(isEditMode, false);
     item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
-    item.editor.view.dom.setAttribute("documentmode", documentMode);
   });
   editor.converter.footerEditors.forEach((item) => {
     item.editor.setEditable(isEditMode, false);
     item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
-    item.editor.view.dom.setAttribute("documentmode", documentMode);
   });
   if (isEditMode) {
     const pm = document.querySelector(".ProseMirror");
@@ -13412,19 +13967,6 @@ const deleteHeaderFooterFieldAnnotations = ({ editor, fieldIdOrArray }) => {
     );
   });
 };
-const resetHeaderFooterFieldAnnotations = ({ editor }) => {
-  if (!editor) return;
-  const sectionEditors = getAllHeaderFooterEditors(editor);
-  sectionEditors.forEach(({ editor: sectionEditor, sectionId, type }) => {
-    sectionEditor.commands.resetFieldAnnotations();
-    onHeaderFooterDataUpdate(
-      { editor: sectionEditor },
-      editor,
-      sectionId,
-      type
-    );
-  });
-};
 const cleanUpListsWithAnnotations = (fieldsToDelete = [], editor) => {
   if (!Array.isArray(fieldsToDelete)) fieldsToDelete = [fieldsToDelete];
   const { doc: doc2 } = editor.state;
@@ -13495,7 +14037,6 @@ const AnnotatorHelpers = {
   getAllHeaderFooterEditors,
   updateHeaderFooterFieldAnnotations,
   deleteHeaderFooterFieldAnnotations,
-  resetHeaderFooterFieldAnnotations,
   cleanUpListsWithAnnotations
 };
 const CollaborationPluginKey = new PluginKey("collaboration");
@@ -13675,16 +14216,6 @@ const setWordSelection = (view, pos) => {
   const tr = state.tr.setSelection(TextSelection.create(state.doc, word.from, word.to));
   dispatch(tr);
 };
-const setImageNodeSelection = (view, pos) => {
-  const { doc: doc2 } = view.state;
-  const node = doc2.nodeAt(pos);
-  if (node && node.type.name === "image") {
-    const tr = view.state.tr.setSelection(NodeSelection.create(doc2, pos));
-    view.dispatch(tr);
-    return true;
-  }
-  return false;
-};
 const _Editor = class _Editor extends EventEmitter {
   /**
    * Create a new Editor instance
@@ -13811,19 +14342,6 @@ const _Editor = class _Editor extends EventEmitter {
     this.setHighContrastMode = setHighContrastMode;
     initMode();
   }
-  mount(el) {
-    __privateMethod(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
@@ -13872,7 +14390,7 @@ const _Editor = class _Editor extends EventEmitter {
    * @returns {boolean}
    */
   get isDestroyed() {
-    return this.view?.isDestroyed ?? true;
+    return this.view.isDestroyed;
   }
   /**
    * Get the editor element
@@ -13915,12 +14433,7 @@ const _Editor = class _Editor extends EventEmitter {
       this.commands.toggleTrackChangesShowOriginal();
       this.setEditable(false, false);
       this.setOptions({ documentMode: "viewing" });
-      toggleHeaderFooterEditMode({
-        editor: this,
-        focusedSectionEditor: null,
-        isEditMode: false,
-        documentMode: cleanedMode
-      });
+      toggleHeaderFooterEditMode(this, null, false);
     } else if (cleanedMode === "suggesting") {
       __privateMethod(this, _Editor_instances, registerPluginByNameIfNotExists_fn).call(this, "TrackChangesBase");
       this.commands.disableTrackChangesShowOriginal();
@@ -13933,12 +14446,7 @@ const _Editor = class _Editor extends EventEmitter {
       this.commands.disableTrackChanges();
       this.setEditable(true, false);
       this.setOptions({ documentMode: "editing" });
-      toggleHeaderFooterEditMode({
-        editor: this,
-        focusedSectionEditor: null,
-        isEditMode: false,
-        documentMode: cleanedMode
-      });
+      toggleHeaderFooterEditMode(this, null, false);
     }
   }
   /**
@@ -14115,26 +14623,29 @@ const _Editor = class _Editor extends EventEmitter {
     };
   }
   /**
-   * Attach styles and attributes to the editor element
-   */
-  updateEditorStyles(element, proseMirror) {
+    * Initialize default styles for the editor container and ProseMirror.
+    * Get page size and margins from the converter.
+    * Set document default font and font size.
+    *
+    * @param {HTMLElement} [element=this.element] - The DOM element to apply styles to
+    * @returns {void}
+    */
+  initDefaultStyles(element = this.element) {
+    if (this.options.isHeadless || this.options.suppressDefaultDocxStyles) return;
+    const proseMirror = element?.querySelector(".ProseMirror");
     const { pageSize, pageMargins } = this.converter.pageStyles ?? {};
-    if (!proseMirror || !element) {
+    if (!proseMirror || !pageSize || !pageMargins) {
       return;
     }
     proseMirror.setAttribute("role", "document");
     proseMirror.setAttribute("aria-multiline", true);
     proseMirror.setAttribute("aria-label", "Main content area, start typing to enter text.");
     proseMirror.setAttribute("aria-description", "");
-    if (pageSize) {
-      element.style.width = pageSize.width + "in";
-      element.style.minWidth = pageSize.width + "in";
-      element.style.minHeight = pageSize.height + "in";
-    }
-    if (pageMargins) {
-      element.style.paddingLeft = pageMargins.left + "in";
-      element.style.paddingRight = pageMargins.right + "in";
-    }
+    element.style.width = pageSize.width + "in";
+    element.style.minWidth = pageSize.width + "in";
+    element.style.minHeight = pageSize.height + "in";
+    element.style.paddingLeft = pageMargins.left + "in";
+    element.style.paddingRight = pageMargins.right + "in";
     element.style.boxSizing = "border-box";
     element.style.isolation = "isolate";
     proseMirror.style.outline = "none";
@@ -14155,19 +14666,6 @@ const _Editor = class _Editor extends EventEmitter {
       proseMirror.style.paddingTop = "1in";
       proseMirror.style.paddingBottom = "1in";
     }
-  }
-  /**
-    * Initialize default styles for the editor container and ProseMirror.
-    * Get page size and margins from the converter.
-    * Set document default font and font size.
-    *
-    * @param {HTMLElement} [element=this.element] - The DOM element to apply styles to
-    * @returns {void}
-    */
-  initDefaultStyles(element = this.element) {
-    if (this.options.isHeadless || this.options.suppressDefaultDocxStyles) return;
-    const proseMirror = element?.querySelector(".ProseMirror");
-    this.updateEditorStyles(element, proseMirror);
     this.initMobileStyles(element);
   }
   /**
@@ -14379,25 +14877,10 @@ const _Editor = class _Editor extends EventEmitter {
    */
   destroy() {
     this.emit("destroy");
-    this.unmount();
-    this.destroyHeaderFooterEditors();
+    if (this.view) this.view.destroy();
     __privateMethod(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
@@ -14415,7 +14898,7 @@ const _Editor = class _Editor extends EventEmitter {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.13.2-rev9");
+    console.debug("[checkVersionMigrations] Current editor version", "0.13.2");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -14459,7 +14942,6 @@ const _Editor = class _Editor extends EventEmitter {
     __privateMethod(this, _Editor_instances, initMedia_fn).call(this);
     this.initDefaultStyles();
     if (this.options.ydoc && this.options.collaborationProvider) {
-      updateYdocDocxData(this);
       this.initializeCollaborationData(true);
     } else {
       __privateMethod(this, _Editor_instances, insertNewFileData_fn).call(this);
@@ -14623,7 +15105,7 @@ init_fn = function(options) {
   this.emit("beforeCreate", { editor: this });
   this.on("contentError", this.options.onContentError);
   this.on("exception", this.options.onException);
-  this.mount(this.options.element);
+  __privateMethod(this, _Editor_instances, createView_fn).call(this);
   this.initDefaultStyles();
   this.setDocumentMode(options.documentMode);
   if (this.options.isHeadless) return;
@@ -14647,6 +15129,10 @@ init_fn = function(options) {
     __privateMethod(this, _Editor_instances, initPagination_fn).call(this);
     __privateMethod(this, _Editor_instances, initComments_fn).call(this);
   }
+  window.setTimeout(() => {
+    if (this.isDestroyed) return;
+    this.emit("create", { editor: this });
+  }, 0);
 };
 /**
  * Initialize the editor in rich text mode
@@ -14664,7 +15150,7 @@ initRichText_fn = function(options) {
   this.on("beforeCreate", this.options.onBeforeCreate);
   this.emit("beforeCreate", { editor: this });
   this.on("contentError", this.options.onContentError);
-  this.mount(this.options.element);
+  __privateMethod(this, _Editor_instances, createView_fn).call(this);
   this.on("create", this.options.onCreate);
   this.on("update", this.options.onUpdate);
   this.on("selectionUpdate", this.options.onSelectionUpdate);
@@ -14675,6 +15161,10 @@ initRichText_fn = function(options) {
   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);
 };
 /**
 *
@@ -14873,15 +15363,14 @@ createDocFromHTML_fn = function(content) {
  * @private
  * @returns {void}
  */
-createView_fn = function(element) {
+createView_fn = function() {
   let doc2 = __privateMethod(this, _Editor_instances, generatePmData_fn).call(this);
   const state = { schema: this.schema };
   if (!this.options.ydoc) state.doc = doc2;
-  this.view = new EditorView(element, {
+  this.view = new EditorView(this.options.element, {
     ...this.options.editorProps,
     dispatchTransaction: __privateMethod(this, _Editor_instances, dispatchTransaction_fn).bind(this),
     state: EditorState.create(state),
-    handleClick: __privateMethod(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");
@@ -14895,12 +15384,7 @@ createView_fn = function(element) {
       event.stopPropagation();
       if (!this.options.editable) {
         this.setEditable(true, false);
-        toggleHeaderFooterEditMode({
-          editor: this,
-          focusedSectionEditor: null,
-          isEditMode: false,
-          documentMode: this.options.documentMode
-        });
+        toggleHeaderFooterEditMode(this, null, false);
         const pm = document.querySelector(".ProseMirror");
         pm.classList.remove("header-footer-edit");
         pm.setAttribute("aria-readonly", false);
@@ -14913,6 +15397,8 @@ createView_fn = function(element) {
   });
   this.view.updateState(newState);
   this.createNodeViews();
+  const dom = this.view.dom;
+  dom.editor = this;
   this.options.telemetry?.sendReport();
 };
 /**
@@ -14954,9 +15440,7 @@ initComments_fn = function() {
   }, 50);
 };
 initPagination_fn = async function() {
-  if (this.options.isHeadless || !this.extensionService || this.options.isHeaderOrFooter) {
-    return;
-  }
+  if (this.options.isHeadless || !this.extensionService) return;
   const pagination = this.options.extensions.find((e) => e.name === "pagination");
   if (pagination && this.options.pagination) {
     console.debug("🔗 [super-editor] Initializing pagination");
@@ -14973,7 +15457,7 @@ initPagination_fn = async function() {
  * @param {Object} transaction - ProseMirror transaction
  */
 dispatchTransaction_fn = function(transaction) {
-  if (this.isDestroyed) return;
+  if (this.view.isDestroyed) return;
   let state;
   try {
     const trackChangesState = TrackChangesBasePluginKey.getState(this.view.state);
@@ -15025,14 +15509,6 @@ dispatchTransaction_fn = function(transaction) {
     transaction
   });
 };
-/**
- * Handles image node selection for header/footer editor
- */
-handleNodeSelection_fn = function(view, pos) {
-  if (this.options.isHeaderOrFooter) {
-    return setImageNodeSelection(view, pos);
-  }
-};
 /**
  * Perform any post conversion pre prosemirror import processing.
  * Comments are processed here.
@@ -17393,7 +17869,7 @@ const Paragraph = Node$1.create({
   },
   addPmPlugins() {
     const { view } = this.editor;
-    new Plugin({
+    const dropcapPlugin = new Plugin({
       name: "dropcapPlugin",
       key: new PluginKey("dropcapPlugin"),
       state: {
@@ -17413,7 +17889,7 @@ const Paragraph = Node$1.create({
         }
       }
     });
-    return [];
+    return [dropcapPlugin];
   }
 });
 const getDropcapDecorations = (state, view) => {
@@ -17766,16 +18242,7 @@ const HardBreak = Node$1.create({
     };
   },
   parseDOM() {
-    return [{
-      tag: 'span[linebreaktype="page"]',
-      getAttrs: (dom) => {
-        if (!(dom instanceof HTMLElement)) return false;
-        return {
-          pageBreakSource: dom.getAttribute("pagebreaksource") || null,
-          pageBreakType: dom.getAttribute("linebreaktype") || null
-        };
-      }
-    }];
+    return [{ tag: "span" }];
   },
   renderDOM({ htmlAttributes }) {
     return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
@@ -20772,8 +21239,6 @@ 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];
@@ -20790,14 +21255,6 @@ 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 {
@@ -21193,18 +21650,8 @@ 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: "",
+        default: "Text field",
         parseDOM: (elem) => elem.getAttribute("data-display-label"),
         renderDOM: (attrs) => {
           if (!attrs.displayLabel) return {};
@@ -21520,7 +21967,6 @@ const FieldAnnotation = Node$1.create({
     return renderer();
   },
   addCommands() {
-    const annotationTypes = this.options.types;
     return {
       /**
        * Add field annotation.
@@ -21542,12 +21988,7 @@ const FieldAnnotation = Node$1.create({
           let currentMarks = $pos.marks();
           currentMarks = currentMarks.length ? [...currentMarks] : null;
           let formatAttrs = getFormatAttrsFromMarks(currentMarks);
-          let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
-          let node = schema.nodes[this.name].create({
-            ...attrs,
-            ...formatAttrs,
-            defaultDisplayLabel
-          }, null, null);
+          let node = schema.nodes[this.name].create({ ...attrs, ...formatAttrs }, null, null);
           state.tr.insert(newPos, node).setSelection(Selection.near(tr.doc.resolve(newPos + node.nodeSize)));
           if (editorFocus) {
             this.editor.view.focus();
@@ -21555,9 +21996,9 @@ const FieldAnnotation = Node$1.create({
         }
         return true;
       },
-      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ state, commands: commands2 }) => {
+      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ editor, dispatch, state, tr, commands: commands2 }) => {
         const { from: from2 } = state.selection;
-        return commands2.addFieldAnnotation(from2, attrs, editorFocus);
+        commands2.addFieldAnnotation(from2, attrs, editorFocus);
       },
       /**
        * Replace field annotation.
@@ -21567,113 +22008,24 @@ const FieldAnnotation = Node$1.create({
        *  from: 20,
        *  to: 45,
        *  attrs: {
-       *    fieldType: 'TEXTINPUT'
-       *    fieldColor: '#980043'
+       *  fieldType: 'TEXTINPUT'
+       *  fieldColor: '#980043'
        *  }
        * ])
        */
-      replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, tr }) => {
+      replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, state, 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 defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
-          let node = schema.nodes[this.name].create({
-            ...attrs,
-            defaultDisplayLabel
-          }, null, null);
+          let node = schema.nodes[this.name].create({ ...attrs }, null, null);
           tr.replaceWith(newPosFrom, newPosTo, node);
         });
         return true;
       },
-      /**
-       * Replace annotations with a label (as text node) in selection.
-       * @param options Additional options.
-       * @example
-       * editor.commands.replaceFieldAnnotationsWithLabelInSelection()
-       */
-      replaceFieldAnnotationsWithLabelInSelection: (options = {}) => ({ commands: commands2 }) => {
-        return commands2.replaceFieldAnnotationsWithLabel(null, {
-          ...options,
-          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 = annotationTypes
-      } = {}) => ({ dispatch, state, tr }) => {
-        let { from: from2, to } = state.selection;
-        let annotations = isInSelection ? findFieldAnnotationsBetween(from2, to, state.doc) : findFieldAnnotationsByFieldId(fieldIdOrArray, state);
-        annotations = types.length ? annotations.filter(({ node }) => types.includes(node.attrs.type)) : annotations;
-        if (!annotations.length) {
-          return true;
-        }
-        if (!addToHistory) {
-          tr.setMeta("addToHistory", false);
-        }
-        if (dispatch) {
-          annotations.forEach((annotation) => {
-            let { pos, node } = annotation;
-            let newPosFrom = tr.mapping.map(pos);
-            let newPosTo = tr.mapping.map(pos + node.nodeSize);
-            let currentNode = tr.doc.nodeAt(newPosFrom);
-            let nodeEqual = node.attrs.fieldId === currentNode?.attrs?.fieldId;
-            let $newPosFrom = tr.doc.resolve(newPosFrom);
-            let currentMarks = $newPosFrom.marks();
-            currentMarks = currentMarks.length ? [...currentMarks] : null;
-            if (nodeEqual) {
-              let label = node.attrs.displayLabel || " ";
-              let textNode = state.schema.text(label, currentMarks);
-              tr.replaceWith(newPosFrom, newPosTo, textNode);
-            }
-          });
-        }
-        return true;
-      },
-      /**
-       * Resets all annotations to default values.
-       * @example
-       * editor.commands.resetFieldAnnotations()
-       */
-      resetFieldAnnotations: () => ({ dispatch, state, tr }) => {
-        let annotations = getAllFieldAnnotations(state);
-        if (!annotations.length) {
-          return true;
-        }
-        tr.setMeta("fieldAnnotationUpdate", true);
-        if (dispatch) {
-          annotations.forEach(({ pos, node }) => {
-            let newPos = tr.mapping.map(pos);
-            let currentNode = tr.doc.nodeAt(newPos);
-            let nodeEqual = node.attrs.fieldId === currentNode?.attrs?.fieldId;
-            if (nodeEqual) {
-              let displayLabel = node.attrs.defaultDisplayLabel || node.attrs.displayLabel || "";
-              tr.setNodeMarkup(newPos, void 0, {
-                ...node.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.
@@ -22428,16 +22780,12 @@ const startImageUpload = async ({ editor, view, file }) => {
   }
   let id = {};
   let { tr, schema } = view.state;
-  let { selection } = tr;
-  if (editor.options.isHeaderOrFooter) {
-    selection = editor.options.lastSelection;
-  }
-  if (!selection.empty && !editor.options.isHeaderOrFooter) {
+  if (!tr.selection.empty) {
     tr.deleteSelection();
   }
   let imageMeta = {
     type: "add",
-    pos: selection.from,
+    pos: tr.selection.from,
     id
   };
   tr.setMeta(ImagePlaceholderPluginKey, imageMeta);
@@ -27686,8 +28034,7 @@ const Pagination = Extension.create({
   addStorage() {
     return {
       height: 0,
-      sectionData: null,
-      headerFooterEditors: /* @__PURE__ */ new Map()
+      sectionData: null
     };
   },
   addCommands() {
@@ -27730,14 +28077,13 @@ const Pagination = Extension.create({
             shouldUpdate = true;
             shouldInitialize = meta.isReadyToInit;
           }
-          const syncMeta = tr.getMeta("y-sync$");
-          if (syncMeta && syncMeta.isChangeOrigin) {
-            return { ...oldState };
-          }
           const imagePluginTransaction = tr.getMeta(ImagePlaceholderPluginKey);
           if (imagePluginTransaction) {
             if (imagePluginTransaction.type === "remove") {
-              onImageLoad(editor);
+              const imagePos = imagePluginTransaction.pos;
+              const domImage = editor.view.domAtPos(imagePos).node.querySelector("img");
+              if (domImage.complete) onImageLoad(editor);
+              else domImage.onload = () => onImageLoad(editor);
             }
             return { ...oldState };
           }
@@ -27764,7 +28110,6 @@ const Pagination = Extension.create({
           if (isForceUpdate) shouldUpdate = true;
           return {
             ...oldState,
-            decorations: meta?.decorations?.map(tr.mapping, tr.doc) || DecorationSet.empty,
             isReadyToInit: shouldInitialize
           };
         }
@@ -27793,10 +28138,6 @@ const Pagination = Extension.create({
   },
   onDestroy() {
     cleanupFloatingSeparators();
-    const { headerFooterEditors } = this.editor.storage.pagination;
-    if (headerFooterEditors) {
-      headerFooterEditors.clear();
-    }
   }
 });
 const getHeaderFooterId = (currentPageNumber, sectionType, editor, node = null) => {
@@ -27857,7 +28198,6 @@ 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];
@@ -27896,13 +28236,11 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
   let pageHeightThreshold = pageHeight;
   let footer = null, header = null;
   const firstHeaderId = getHeaderFooterId(currentPageNumber, "headerIds", editor);
-  const isFirstHeader = true;
-  const firstHeader = createHeader(pageMargins, pageSize, sectionData, firstHeaderId, editor, currentPageNumber, isFirstHeader);
+  const firstHeader = createHeader(pageMargins, pageSize, sectionData, firstHeaderId, editor, currentPageNumber);
   const pageBreak = createPageBreak({ editor, header: firstHeader, isFirstHeader: true });
   decorations.push(Decoration.widget(0, pageBreak, { key: "stable-key" }));
   const lastFooterId = getHeaderFooterId(currentPageNumber, "footerIds", editor);
-  const isLastFooter = true;
-  const lastFooter = createFooter(pageMargins, pageSize, sectionData, lastFooterId, editor, currentPageNumber, isLastFooter);
+  const lastFooter = createFooter(pageMargins, pageSize, sectionData, lastFooterId, editor, currentPageNumber);
   pageHeightThreshold -= firstHeader.headerHeight + lastFooter.footerHeight;
   let coords = view?.coordsAtPos(doc2.content.size);
   if (!coords) return [];
@@ -27921,8 +28259,7 @@ function generateInternalPageBreaks(doc2, view, editor, sectionData) {
       if (currentPageNumber === 1) {
         const headerId2 = getHeaderFooterId(currentPageNumber, "headerIds", editor, currentNode);
         decorations.pop();
-        const isFirstHeader2 = true;
-        const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2, editor, currentPageNumber, isFirstHeader2);
+        const newFirstHeader = createHeader(pageMargins, pageSize, sectionData, headerId2, editor, currentPageNumber - 1);
         const pageBreak2 = createPageBreak({ editor, header: newFirstHeader, isFirstHeader: true });
         decorations.push(Decoration.widget(0, pageBreak2, { key: "stable-key" }));
       }
@@ -27996,15 +28333,15 @@ function createFinalPagePadding(bufferHeight) {
   div2.style.height = bufferHeight + "px";
   return { nodeHeight: bufferHeight, node: div2 };
 }
-function createHeader(pageMargins, pageSize, sectionData, headerId, editor, currentPageNumber, isFirstHeader = false) {
-  const headerDef = sectionData?.headers?.[headerId];
+function createHeader(pageMargins, pageSize, sectionData, headerId, editor, currentPageNumber) {
+  const headerDef = sectionData.headers?.[headerId];
   const minHeaderHeight = pageMargins.top * 96;
   const headerMargin = pageMargins.header * 96;
   const hasHeaderOffset = headerDef?.height > minHeaderHeight - headerMargin;
   const headerOffset = hasHeaderOffset ? headerMargin : 0;
   const headerHeight = Math.max(headerDef?.height || 0, minHeaderHeight) + headerOffset;
   const availableHeight = headerHeight - headerMargin;
-  let editorContainer = document.createElement("div");
+  const editorContainer = document.createElement("div");
   if (!headerId && !editor?.converter?.headerIds?.["default"]) {
     headerId = "rId" + generateDocxRandomId();
     editor.converter.headerIds["default"] = headerId;
@@ -28016,31 +28353,23 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor, curr
     };
   }
   const data = editor.converter.headers[headerId];
-  const pageNumberIndex = currentPageNumber - 1;
-  const editorKey = getHeaderFooterEditorKey({ pageNumber: pageNumberIndex, isHeader: true, isFirstHeader });
-  let editorSection = null;
-  const { headerFooterEditors } = editor.storage.pagination;
-  if (headerFooterEditors.has(editorKey) && editor.converter.headerEditors[pageNumberIndex]) {
-    const editorData = headerFooterEditors.get(editorKey);
-    editorSection = editorData.editor;
-    editorContainer = editorSection.element;
-  } else {
-    editorSection = createHeaderFooterEditor({
-      editor,
-      data,
-      editorContainer,
-      appendToBody: false,
-      sectionId: headerId,
-      type: "header",
-      availableHeight,
-      currentPageNumber
-    });
-    editor.converter.headerEditors.push({ id: headerId, editor: editorSection });
-    headerFooterEditors.set(editorKey, { editor: editorSection });
-    broadcastEditorEvents(editor, editorSection);
-  }
+  const editorSection = createHeaderFooterEditor({
+    editor,
+    data,
+    editorContainer,
+    appendToBody: false,
+    sectionId: headerId,
+    type: "header",
+    availableHeight,
+    currentPageNumber
+  });
+  editor.converter.headerEditors.push({
+    id: headerId,
+    editor: editorSection
+  });
   editorSection.setEditable(false, false);
-  editorContainer.classList.add("pagination-section-header");
+  broadcastEditorEvents(editor, editorSection);
+  editorContainer.className = "pagination-section-header";
   editorContainer.style.paddingTop = headerMargin + "px";
   editorContainer.style.paddingLeft = pageMargins.left * 96 + "px";
   editorContainer.style.paddingRight = pageMargins.right * 96 + "px";
@@ -28053,12 +28382,12 @@ function createHeader(pageMargins, pageSize, sectionData, headerId, editor, curr
     headerHeight
   };
 }
-function createFooter(pageMargins, pageSize, sectionData, footerId, editor, currentPageNumber, isLastFooter = false) {
-  const footerDef = sectionData?.footers?.[footerId];
+function createFooter(pageMargins, pageSize, sectionData, footerId, editor, currentPageNumber) {
+  const footerDef = sectionData.footers?.[footerId];
   const minFooterHeight = pageMargins.bottom * 96;
   const footerPaddingFromEdge = pageMargins.footer * 96;
   const footerHeight = Math.max(footerDef?.height || 0, minFooterHeight - footerPaddingFromEdge);
-  let editorContainer = document.createElement("div");
+  const editorContainer = document.createElement("div");
   if (!footerId && !editor.converter.footerIds["default"]) {
     footerId = "rId" + generateDocxRandomId();
     editor.converter.footerIds["default"] = footerId;
@@ -28070,31 +28399,23 @@ function createFooter(pageMargins, pageSize, sectionData, footerId, editor, curr
     };
   }
   const data = editor.converter.footers[footerId];
-  const pageNumberIndex = currentPageNumber - 1;
-  const editorKey = getHeaderFooterEditorKey({ pageNumber: pageNumberIndex, isFooter: true, isLastFooter });
-  let editorSection = null;
-  const { headerFooterEditors } = editor.storage.pagination;
-  if (headerFooterEditors.has(editorKey) && editor.converter.footerEditors[pageNumberIndex]) {
-    const editorData = headerFooterEditors.get(editorKey);
-    editorSection = editorData.editor;
-    editorContainer = editorSection.element;
-  } else {
-    editorSection = createHeaderFooterEditor({
-      editor,
-      data,
-      editorContainer,
-      appendToBody: false,
-      sectionId: footerId,
-      type: "footer",
-      availableHeight: footerHeight,
-      currentPageNumber
-    });
-    editor.converter.footerEditors.push({ id: footerId, editor: editorSection });
-    headerFooterEditors.set(editorKey, { editor: editorSection });
-    broadcastEditorEvents(editor, editorSection);
-  }
+  const editorSection = createHeaderFooterEditor({
+    editor,
+    data,
+    editorContainer,
+    appendToBody: false,
+    sectionId: footerId,
+    type: "footer",
+    availableHeight: footerHeight,
+    currentPageNumber
+  });
+  editor.converter.footerEditors.push({
+    id: footerId,
+    editor: editorSection
+  });
   editorSection.setEditable(false, false);
-  editorContainer.classList.add("pagination-section-footer");
+  broadcastEditorEvents(editor, editorSection);
+  editorContainer.className = "pagination-section-footer";
   editorContainer.style.height = footerHeight + "px";
   editorContainer.style.marginBottom = footerPaddingFromEdge + "px";
   editorContainer.style.paddingLeft = pageMargins.left * 96 + "px";
@@ -28107,28 +28428,10 @@ 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,
-    focusedSectionEditor: currentFocusedSectionEditor,
-    isEditMode: true,
-    documentMode: editor.options.documentMode
-  });
+  toggleHeaderFooterEditMode(editor, currentFocusedSectionEditor, true);
 };
 function createPageBreak({ editor, header, footer, footerBottom = null, isFirstHeader, isLastFooter, isInTable: isInTable2 = false }) {
   const { pageSize, pageMargins } = editor.converter.pageStyles;
@@ -28683,7 +28986,7 @@ const Search = Extension.create({
   }
 });
 const NodeResizerKey = new PluginKey("node-resizer");
-const nodeResizer = (nodeNames = ["image"], editor) => {
+const nodeResizer = (nodeNames = ["image"]) => {
   let resizeState = {
     dragging: false,
     startX: 0,
@@ -28708,13 +29011,8 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
         if (tr.getMeta(NodeResizerKey)) {
           return oldState;
         }
-        if (typeof document === "undefined" || editor.options.isHeadless) return oldState;
-        const { selection } = newState;
-        const node = selection.node;
-        if (!node || !nodeNames.includes(node.type.name)) {
-          return DecorationSet.empty;
-        }
         const decorations = [];
+        const { selection } = newState;
         if (nodeNames.includes(selection.node?.type.name)) {
           decorations.push(
             Decoration.node(selection.from, selection.to, {
@@ -28917,7 +29215,7 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
 const NodeResizer = Extension.create({
   name: "nodeResizer",
   addPmPlugins() {
-    return [nodeResizer(["image"], this.editor)];
+    return [nodeResizer(["image"])];
   }
 });
 const getRichTextExtensions = () => {