@harbour-enterprises/superdoc 0.13.3-next.8 → 0.13.3

package/dist/chunks/{super-editor.es-D-Cmbg-l.cjs → super-editor.es-D6IwM8Ss.cjs}

@@ -10958,7 +10958,7 @@ class NodeRange {
   }
 }
 const emptyAttrs = /* @__PURE__ */ Object.create(null);
-let Node$1$1 = class Node2 {
+let Node$2 = class Node2 {
   /**
   @internal
   */
@@ -11359,8 +11359,8 @@ let Node$1$1 = class Node2 {
     return node2;
   }
 };
-Node$1$1.prototype.text = void 0;
-class TextNode extends Node$1$1 {
+Node$2.prototype.text = void 0;
+class TextNode extends Node$2 {
   /**
   @internal
   */
@@ -11947,7 +11947,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$1$1(this, this.computeAttrs(attrs), Fragment.from(content), Mark$1.setFrom(marks));
+    return new Node$2(this, this.computeAttrs(attrs), Fragment.from(content), Mark$1.setFrom(marks));
   }
   /**
   Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but check the given content
@@ -11957,7 +11957,7 @@ let NodeType$1 = class NodeType {
   createChecked(attrs = null, content, marks) {
     content = Fragment.from(content);
     this.checkContent(content);
-    return new Node$1$1(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
+    return new Node$2(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
   }
   /**
   Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but see if it is
@@ -11980,7 +11980,7 @@ let NodeType$1 = class NodeType {
     let after = matched && matched.fillBefore(Fragment.empty, true);
     if (!after)
       return null;
-    return new Node$1$1(this, attrs, content.append(after), Mark$1.setFrom(marks));
+    return new Node$2(this, attrs, content.append(after), Mark$1.setFrom(marks));
   }
   /**
   Returns true if the given fragment is valid content for this node
@@ -12217,7 +12217,7 @@ let Schema$1 = class Schema {
   bound.
   */
   nodeFromJSON(json) {
-    return Node$1$1.fromJSON(this, json);
+    return Node$2.fromJSON(this, json);
   }
   /**
   Deserialize a mark from its JSON representation. This method is
@@ -15777,7 +15777,7 @@ class EditorState {
     let instance = new EditorState($config);
     $config.fields.forEach((field) => {
       if (field.name == "doc") {
-        instance.doc = Node$1$1.fromJSON(config.schema, json.doc);
+        instance.doc = Node$2.fromJSON(config.schema, json.doc);
       } else if (field.name == "selection") {
         instance.selection = Selection.fromJSON(instance.doc, json.selection);
       } else if (field.name == "storedMarks") {
@@ -18838,583 +18838,6 @@ const createColGroup = (node2, cellMinWidth, overrideCol, overrideValue) => {
     colgroupValues
   };
 };
-function chainableEditorState(transaction, state2) {
-  let { selection, doc: doc2, storedMarks } = transaction;
-  return {
-    ...state2,
-    apply: state2.apply.bind(state2),
-    applyTransaction: state2.applyTransaction.bind(state2),
-    plugins: state2.plugins,
-    schema: state2.schema,
-    reconfigure: state2.reconfigure.bind(state2),
-    toJSON: state2.toJSON.bind(state2),
-    get storedMarks() {
-      return storedMarks;
-    },
-    get selection() {
-      return selection;
-    },
-    get doc() {
-      return doc2;
-    },
-    get tr() {
-      selection = transaction.selection;
-      doc2 = transaction.doc;
-      storedMarks = transaction.storedMarks;
-      return transaction;
-    }
-  };
-}
-class CommandService {
-  constructor(props) {
-    __publicField$2(this, "editor");
-    __publicField$2(this, "rawCommands");
-    this.editor = props.editor;
-    this.rawCommands = this.editor.extensionService.commands;
-  }
-  /**
-   * Static method for creating a service.
-   * @param args Arguments for the constructor.
-   */
-  static create(...args) {
-    return new CommandService(...args);
-  }
-  /**
-   * Get editor state.
-   */
-  get state() {
-    return this.editor.state;
-  }
-  /**
-   * Get all commands with wrapped command method.
-   */
-  get commands() {
-    const { editor, state: state2 } = this;
-    const { view } = editor;
-    const { tr } = state2;
-    const props = this.createProps(tr);
-    const entries = Object.entries(this.rawCommands).map(([name, command2]) => {
-      const method = (...args) => {
-        const 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;
-  }
-}
-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$2(this, "match");
-    __publicField$2(this, "handler");
-    this.match = config.match;
-    this.handler = config.handler;
-  }
-}
-const inputRuleMatcherHandler = (text, match) => {
-  if (isRegExp(match)) {
-    return match.exec(text);
-  }
-  const inputRuleMatch = match(text);
-  if (!inputRuleMatch) {
-    return null;
-  }
-  const result = [inputRuleMatch.text];
-  result.index = inputRuleMatch.index;
-  result.input = text;
-  result.data = inputRuleMatch.data;
-  if (inputRuleMatch.replaceWith) {
-    if (!inputRuleMatch.text.includes(inputRuleMatch.replaceWith)) {
-      console.warn(
-        '[super-editor warn]: "inputRuleMatch.replaceWith" must be part of "inputRuleMatch.text".'
-      );
-    }
-    result.push(inputRuleMatch.replaceWith);
-  }
-  return result;
-};
-const run = (config) => {
-  const {
-    editor,
-    from: from2,
-    to,
-    text,
-    rules,
-    plugin: plugin2
-  } = config;
-  const { view } = editor;
-  if (view.composing) {
-    return false;
-  }
-  const $from = view.state.doc.resolve(from2);
-  if ($from.parent.type.spec.code || !!($from.nodeBefore || $from.nodeAfter)?.marks.find((mark) => mark.type.spec.code)) {
-    return false;
-  }
-  let matched = false;
-  const textBefore = getTextContentFromNodes($from) + text;
-  rules.forEach((rule) => {
-    if (matched) {
-      return;
-    }
-    const match = inputRuleMatcherHandler(textBefore, rule.match);
-    if (!match) {
-      return;
-    }
-    const tr = view.state.tr;
-    const state2 = chainableEditorState(tr, view.state);
-    const range2 = {
-      from: from2 - (match[0].length - text.length),
-      to
-    };
-    const { commands: commands2, chain, can } = new CommandService({
-      editor,
-      state: state2
-    });
-    const handler = rule.handler({
-      state: state2,
-      range: range2,
-      match,
-      commands: commands2,
-      chain,
-      can
-    });
-    if (handler === null || !tr.steps.length) {
-      return;
-    }
-    tr.setMeta(plugin2, {
-      transform: tr,
-      from: from2,
-      to,
-      text
-    });
-    view.dispatch(tr);
-    matched = true;
-  });
-  return matched;
-};
-const inputRulesPlugin = ({ editor, rules }) => {
-  const plugin2 = new Plugin({
-    key: new PluginKey("inputRulesPlugin"),
-    state: {
-      init() {
-        return null;
-      },
-      apply(tr, prev, state2) {
-        const stored = tr.getMeta(plugin2);
-        if (stored) {
-          return stored;
-        }
-        const simulatedInputMeta = tr.getMeta("applyInputRules");
-        const isSimulatedInput = !!simulatedInputMeta;
-        if (isSimulatedInput) {
-          setTimeout(() => {
-            let { text } = simulatedInputMeta;
-            if (typeof text !== "string") {
-              text = getHTMLFromFragment(Fragment.from(text), state2.schema);
-            }
-            const { from: from2 } = simulatedInputMeta;
-            const to = from2 + text.length;
-            run({
-              editor,
-              from: from2,
-              to,
-              text,
-              rules,
-              plugin: plugin2
-            });
-          });
-        }
-        return tr.selectionSet || tr.docChanged ? null : prev;
-      }
-    },
-    props: {
-      handleTextInput(view, from2, to, text) {
-        return run({
-          editor,
-          from: from2,
-          to,
-          text,
-          rules,
-          plugin: plugin2
-        });
-      },
-      // add support for input rules to trigger on enter
-      // this is useful for example for code blocks
-      handleKeyDown(view, event) {
-        if (event.key !== "Enter") {
-          return false;
-        }
-        const { $cursor } = view.state.selection;
-        if ($cursor) {
-          return run({
-            editor,
-            from: $cursor.pos,
-            to: $cursor.pos,
-            text: "\n",
-            rules,
-            plugin: plugin2
-          });
-        }
-        return false;
-      },
-      // Paste handler
-      handlePaste(view, event, 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 = {
@@ -20533,7 +19956,7 @@ function translateImageNode(params2, imageSize) {
         attributes: {
           relativeFrom: attrs.anchorData.hRelativeFrom
         },
-        ...attrs.marginOffset.left !== void 0 && {
+        ...attrs.marginOffset.left && {
           elements: [{
             name: "wp:posOffset",
             elements: [{
@@ -20557,7 +19980,7 @@ function translateImageNode(params2, imageSize) {
         attributes: {
           relativeFrom: attrs.anchorData.vRelativeFrom
         },
-        ...attrs.marginOffset.top !== void 0 && {
+        ...attrs.marginOffset.top && {
           elements: [{
             name: "wp:posOffset",
             elements: [{
@@ -20758,11 +20181,12 @@ function prepareHtmlAnnotation(params2) {
     node: { attrs = {}, marks = [] },
     editorSchema
   } = params2;
-  const paragraphHtmlContainer = sanitizeHtml(attrs.rawHtml);
+  const parser = new window.DOMParser();
+  const paragraphHtml = parser.parseFromString(attrs.rawHtml || attrs.displayLabel, "text/html");
   const marksFromAttrs = translateFieldAttrsToMarks(attrs);
   const allMarks = [...marks, ...marksFromAttrs];
   let state2 = EditorState.create({
-    doc: DOMParser$1.fromSchema(editorSchema).parse(paragraphHtmlContainer)
+    doc: DOMParser$1.fromSchema(editorSchema).parse(paragraphHtml)
   });
   if (allMarks.length) {
     state2 = applyMarksToHtmlAnnotation(state2, allMarks);
@@ -21596,10 +21020,10 @@ function handleImageImport(node2, currentFileName, params2) {
   const hRelativeFrom = positionHTag?.attributes.relativeFrom;
   const alignH = positionHTag?.elements.find((el) => el.name === "wp:align")?.elements[0]?.text;
   const positionVTag = node2.elements.find((el) => el.name === "wp:positionV");
-  const positionV = positionVTag?.elements?.find((el) => el.name === "wp:posOffset");
+  const positionV = positionVTag?.elements.find((el) => el.name === "wp:posOffset");
   const positionVValue = emuToPixels(positionV?.elements[0]?.text);
   const vRelativeFrom = positionVTag?.attributes.relativeFrom;
-  const alignV = positionVTag?.elements?.find((el) => el.name === "wp:align")?.elements[0]?.text;
+  const alignV = positionVTag?.elements.find((el) => el.name === "wp:align")?.elements[0]?.text;
   const simplePos = node2.elements.find((el) => el.name === "wp:simplePos");
   const wrapSquare = node2.elements.find((el) => el.name === "wp:wrapSquare");
   const wrapTopAndBottom = node2.elements.find((el) => el.name === "wp:wrapTopAndBottom");
@@ -23989,7 +23413,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.3-next.8") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.3") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -24456,7 +23880,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.13.3-next.8") {
+function generateSuperdocVersion(pid = 2, version2 = "0.13.3") {
   return {
     type: "element",
     name: "property",
@@ -28178,6 +27602,164 @@ 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) {
@@ -38414,6 +37996,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,
+    (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
+          });
+        }
+        return false;
+      },
+      // Paste handler
+      handlePaste(view, event, slice2) {
+        const clipboard = event.clipboardData;
+        const html = clipboard.getData("text/html");
+        clipboard.getData("text/plain");
+        const fieldAnnotationContent = slice2.content.content.filter((item) => item.type.name === "fieldAnnotation");
+        if (fieldAnnotationContent.length) {
+          return false;
+        }
+        let source;
+        if (!html) {
+          source = "plain-text";
+        } else if (isWordHtml(html)) {
+          source = "word-html";
+        } else {
+          source = "browser-html";
+        }
+        switch (source) {
+          case "plain-text":
+            break;
+          case "word-html":
+            if (editor.options.mode === "docx") {
+              return handleDocxPaste(html, editor, view, plugin2);
+            }
+          case "browser-html":
+            return handleHtmlPaste$1(html, editor);
+        }
+        return false;
+      }
+    },
+    isInputRules: true
+  });
+  return plugin2;
+};
+function isWordHtml(html) {
+  return /class=["']?Mso|xmlns:o=["']?urn:schemas-microsoft-com|<!--\[if gte mso|<meta[^>]+name=["']?Generator["']?[^>]+Word/i.test(html);
+}
+const handleHtmlPaste$1 = (html, editor, plugin2) => {
+  const cleanedHtml = convertEmToPt(html);
+  const tempDiv = document.createElement("div");
+  tempDiv.innerHTML = cleanedHtml;
+  const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
+  tempDiv.remove();
+  const { dispatch } = editor.view;
+  if (!dispatch) return false;
+  dispatch(editor.view.state.tr.replaceSelectionWith(doc2, true));
+  return true;
+};
+const convertEmToPt = (html) => {
+  return html.replace(
+    /font-size\s*:\s*([\d.]+)em/gi,
+    (_, emValue) => {
+      const em = parseFloat(emValue);
+      const pt = Math.round(em * 12 * 100) / 100;
+      return `font-size: ${pt}pt`;
+    }
+  );
+};
+function cleanHtmlUnnecessaryTags(html) {
+  return html.replace(/<o:p>.*?<\/o:p>/gi, "").replace(/&nbsp;/gi, " ").replace(/<span[^>]*>\s*<\/span>/gi, "").replace(/<p[^>]*>\s*<\/p>/gi, "").trim();
+}
 const _ExtensionService = class _ExtensionService2 {
   constructor(extensions, userExtensions, editor) {
     __privateAdd$1(this, _ExtensionService_instances);
@@ -39284,16 +39269,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");
@@ -40374,19 +40357,6 @@ 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;
@@ -40457,7 +40427,6 @@ const AnnotatorHelpers = {
   getAllHeaderFooterEditors,
   updateHeaderFooterFieldAnnotations,
   deleteHeaderFooterFieldAnnotations,
-  resetHeaderFooterFieldAnnotations,
   cleanUpListsWithAnnotations
 };
 const CollaborationPluginKey = new PluginKey("collaboration");
@@ -40826,12 +40795,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       this.commands.toggleTrackChangesShowOriginal();
       this.setEditable(false, false);
       this.setOptions({ documentMode: "viewing" });
-      toggleHeaderFooterEditMode({
-        editor: this,
-        focusedSectionEditor: null,
-        isEditMode: false,
-        documentMode: cleanedMode
-      });
+      toggleHeaderFooterEditMode(this, null, false);
     } else if (cleanedMode === "suggesting") {
       __privateMethod$1(this, _Editor_instances, registerPluginByNameIfNotExists_fn).call(this, "TrackChangesBase");
       this.commands.disableTrackChangesShowOriginal();
@@ -40844,12 +40808,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       this.commands.disableTrackChanges();
       this.setEditable(true, false);
       this.setOptions({ documentMode: "editing" });
-      toggleHeaderFooterEditMode({
-        editor: this,
-        focusedSectionEditor: null,
-        isEditMode: false,
-        documentMode: cleanedMode
-      });
+      toggleHeaderFooterEditMode(this, null, false);
     }
   }
   /**
@@ -41301,7 +41260,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.13.3-next.8");
+    console.debug("[checkVersionMigrations] Current editor version", "0.13.3");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -41692,12 +41651,7 @@ createView_fn = function() {
       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);
@@ -44517,16 +44471,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", Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
@@ -44956,13 +44901,13 @@ function tableNodeTypes(schema) {
   return result;
 }
 var tableEditingKey = new PluginKey("selectingCells");
-function cellAround$1($pos) {
+function cellAround($pos) {
   for (let d = $pos.depth - 1; d > 0; d--)
     if ($pos.node(d).type.spec.tableRole == "row")
       return $pos.node(0).resolve($pos.before(d + 1));
   return null;
 }
-function cellWrapping$1($pos) {
+function cellWrapping($pos) {
   for (let d = $pos.depth; d > 0; d--) {
     const role = $pos.node(d).type.spec.tableRole;
     if (role === "cell" || role === "header_cell") return $pos.node(d);
@@ -44982,7 +44927,7 @@ function selectionCell(state2) {
   } else if ("node" in sel && sel.node && sel.node.type.spec.tableRole == "cell") {
     return sel.$anchor;
   }
-  const $cell = cellAround$1(sel.$head) || cellNear(sel.$head);
+  const $cell = cellAround(sel.$head) || cellNear(sel.$head);
   if ($cell) {
     return $cell;
   }
@@ -45721,22 +45666,22 @@ function mergeCells(state2, dispatch) {
   }
   return true;
 }
-function splitCell$1(state2, dispatch) {
+function splitCell(state2, dispatch) {
   const nodeTypes = tableNodeTypes(state2.schema);
   return splitCellWithType(({ node: node2 }) => {
     return nodeTypes[node2.type.spec.tableRole];
   })(state2, dispatch);
 }
-function splitCellWithType(getCellType2) {
+function splitCellWithType(getCellType) {
   return (state2, dispatch) => {
     var _a;
     const sel = state2.selection;
     let cellNode;
     let cellPos;
     if (!(sel instanceof CellSelection)) {
-      cellNode = cellWrapping$1(sel.$from);
+      cellNode = cellWrapping(sel.$from);
       if (!cellNode) return false;
-      cellPos = (_a = cellAround$1(sel.$from)) == null ? void 0 : _a.pos;
+      cellPos = (_a = cellAround(sel.$from)) == null ? void 0 : _a.pos;
     } else {
       if (sel.$anchorCell.pos != sel.$headCell.pos) return false;
       cellNode = sel.$anchorCell.nodeAfter;
@@ -45770,13 +45715,13 @@ function splitCellWithType(getCellType2) {
           if (col == rect.left && row == rect.top) continue;
           tr.insert(
             lastCell = tr.mapping.map(pos + rect.tableStart, 1),
-            getCellType2({ node: cellNode, row, col }).createAndFill(attrs[i])
+            getCellType({ node: cellNode, row, col }).createAndFill(attrs[i])
           );
         }
       }
       tr.setNodeMarkup(
         cellPos,
-        getCellType2({ node: cellNode, row: rect.top, col: rect.left }),
+        getCellType({ node: cellNode, row: rect.top, col: rect.left }),
         attrs[0]
       );
       if (sel instanceof CellSelection)
@@ -46309,7 +46254,7 @@ function shiftArrow(axis, dir) {
   };
 }
 function handleTripleClick(view, pos) {
-  const doc2 = view.state.doc, $cell = cellAround$1(doc2.resolve(pos));
+  const doc2 = view.state.doc, $cell = cellAround(doc2.resolve(pos));
   if (!$cell) return false;
   view.dispatch(view.state.tr.setSelection(new CellSelection($cell)));
   return true;
@@ -46361,7 +46306,7 @@ function handleMouseDown(view, startEvent) {
   if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
     setCellSelection(view.state.selection.$anchorCell, startEvent);
     startEvent.preventDefault();
-  } else if (startEvent.shiftKey && startDOMCell && ($anchor = cellAround$1(view.state.selection.$anchor)) != null && ((_a = cellUnderMouse(view, startEvent)) == null ? void 0 : _a.pos) != $anchor.pos) {
+  } else if (startEvent.shiftKey && startDOMCell && ($anchor = cellAround(view.state.selection.$anchor)) != null && ((_a = cellUnderMouse(view, startEvent)) == null ? void 0 : _a.pos) != $anchor.pos) {
     setCellSelection($anchor, startEvent);
     startEvent.preventDefault();
   } else if (!startDOMCell) {
@@ -46432,7 +46377,7 @@ function cellUnderMouse(view, event) {
     top: event.clientY
   });
   if (!mousePos) return null;
-  return mousePos ? cellAround$1(view.state.doc.resolve(mousePos.pos)) : null;
+  return mousePos ? cellAround(view.state.doc.resolve(mousePos.pos)) : null;
 }
 var TableView = class {
   constructor(node2, defaultCellMinWidth) {
@@ -46697,7 +46642,7 @@ function edgeCell(view, event, side, handleWidth) {
   });
   if (!found2) return -1;
   const { pos } = found2;
-  const $cell = cellAround$1(view.state.doc.resolve(pos));
+  const $cell = cellAround(view.state.doc.resolve(pos));
   if (!$cell) return -1;
   if (side == "right") return $cell.pos;
   const map22 = TableMap.get($cell.node(-1)), start2 = $cell.start(-1);
@@ -46859,19 +46804,6 @@ const createCellBorders = ({
     right: { size: size2, color }
   };
 };
-function cellAround($pos) {
-  for (let d = $pos.depth - 1; d > 0; d--)
-    if ($pos.node(d).type.spec.tableRole == "row")
-      return $pos.node(0).resolve($pos.before(d + 1));
-  return null;
-}
-function cellWrapping($pos) {
-  for (let d = $pos.depth; d > 0; d--) {
-    const role = $pos.node(d).type.spec.tableRole;
-    if (role === "cell" || role === "header_cell") return $pos.node(d);
-  }
-  return null;
-}
 const Table = Node$1.create({
   name: "table",
   content: "tableRow+",
@@ -46969,7 +46901,9 @@ const Table = Node$1.create({
   addCommands() {
     return {
       insertTable: ({ rows = 3, cols = 3, withHeaderRow = false } = {}) => ({ tr, dispatch, editor }) => {
-        const node2 = createTable(editor.schema, rows, cols, withHeaderRow);
+        const zeroWidthText = editor.schema.text("​");
+        const emptyPar = getNodeType("paragraph", editor.schema).create(null, zeroWidthText);
+        const node2 = createTable(editor.schema, rows, cols, withHeaderRow, emptyPar);
         if (dispatch) {
           const offset2 = tr.selection.from + 1;
           tr.replaceSelectionWith(node2).scrollIntoView().setSelection(TextSelection.near(tr.doc.resolve(offset2)));
@@ -47000,81 +46934,8 @@ const Table = Node$1.create({
       mergeCells: () => ({ state: state2, dispatch }) => {
         return mergeCells(state2, dispatch);
       },
-      splitCell: () => ({ state: state2, dispatch, commands: commands2 }) => {
-        if (splitCell$1(state2, dispatch)) {
-          return true;
-        }
-        return commands2.splitSingleCell();
-      },
-      splitSingleCell: () => ({ state: state2, dispatch, tr }) => {
-        const sel = state2.selection;
-        let cellNode;
-        let cellPos;
-        if (!(sel instanceof CellSelection)) {
-          cellNode = cellWrapping(sel.$from);
-          if (!cellNode) return false;
-          cellPos = cellAround(sel.$from)?.pos;
-        } else {
-          if (sel.$anchorCell.pos != sel.$headCell.pos) return false;
-          cellNode = sel.$anchorCell.nodeAfter;
-          cellPos = sel.$anchorCell.pos;
-        }
-        if (cellNode == null || cellPos == null) {
-          return false;
-        }
-        if (cellNode.attrs.colspan != 1 || cellNode.attrs.rowspan != 1) {
-          return false;
-        }
-        if (dispatch) {
-          let rect = selectedRect(state2);
-          let currentRow = rect.top;
-          let currentCol = rect.left;
-          let baseAttrs = { ...cellNode.attrs };
-          let currentColWidth2 = baseAttrs.colwidth;
-          let newCellWidth = null;
-          if (currentColWidth2 && currentColWidth2[0]) {
-            newCellWidth = Math.ceil(currentColWidth2[0] / 2);
-          }
-          if (newCellWidth) {
-            tr.setNodeMarkup(tr.mapping.map(cellPos, 1), null, { ...baseAttrs, colwidth: [newCellWidth] });
-          }
-          const newCellAttrs = { ...baseAttrs, colwidth: newCellWidth ? [newCellWidth] : null };
-          const newCell = getCellType({ node: cellNode, state: state2 }).createAndFill(newCellAttrs);
-          tr.insert(tr.mapping.map(cellPos + cellNode.nodeSize, 1), newCell);
-          for (let row = 0; row < rect.map.height; row++) {
-            if (row === currentRow) continue;
-            let rowCells = /* @__PURE__ */ new Set();
-            for (let col = 0; col < rect.map.width; col++) {
-              let cellIndex = rect.map.map[row * rect.map.width + col];
-              if (cellIndex != null) rowCells.add(cellIndex);
-            }
-            [...rowCells].forEach((cellIndex) => {
-              let cellRect = rect.map.findCell(cellIndex);
-              if (cellRect.left <= currentCol && cellRect.right > currentCol) {
-                let cellPos2 = tr.mapping.map(rect.tableStart + cellIndex, 1);
-                let cell = tr.doc.nodeAt(cellPos2);
-                if (cell) {
-                  let newColspan = (cell.attrs.colspan || 1) + 1;
-                  let updatedColwidth = cell.attrs.colwidth;
-                  if (updatedColwidth && newCellWidth) {
-                    let originalColIndex = currentCol - cellRect.left;
-                    updatedColwidth = [
-                      ...updatedColwidth.slice(0, originalColIndex),
-                      newCellWidth,
-                      // current cell width
-                      newCellWidth,
-                      // new cell width
-                      ...updatedColwidth.slice(originalColIndex + 1)
-                    ];
-                  }
-                  let cellAttrs = { ...cell.attrs, colspan: newColspan, colwidth: updatedColwidth };
-                  tr.setNodeMarkup(cellPos2, null, cellAttrs);
-                }
-              }
-            });
-          }
-        }
-        return true;
+      splitCell: () => ({ state: state2, dispatch }) => {
+        return splitCell(state2, dispatch);
       },
       mergeOrSplit: () => ({ state: state2, dispatch }) => {
         if (mergeCells(state2, dispatch)) {
@@ -47196,10 +47057,6 @@ const Table = Node$1.create({
     };
   }
 });
-function getCellType({ node: node2, state: state2 }) {
-  const nodeTypes = tableNodeTypes(state2.schema);
-  return nodeTypes[node2.type.spec.tableRole];
-}
 const TableHeader = Node$1.create({
   name: "tableHeader",
   content: "block+",
@@ -48022,18 +47879,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 {};
@@ -48349,7 +48196,6 @@ const FieldAnnotation = Node$1.create({
     return renderer();
   },
   addCommands() {
-    const annotationTypes = this.options.types;
     return {
       /**
        * Add field annotation.
@@ -48371,12 +48217,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 node2 = schema.nodes[this.name].create({
-            ...attrs,
-            ...formatAttrs,
-            defaultDisplayLabel
-          }, null, null);
+          let node2 = schema.nodes[this.name].create({ ...attrs, ...formatAttrs }, null, null);
           state2.tr.insert(newPos, node2).setSelection(Selection.near(tr.doc.resolve(newPos + node2.nodeSize)));
           if (editorFocus) {
             this.editor.view.focus();
@@ -48384,9 +48225,9 @@ const FieldAnnotation = Node$1.create({
         }
         return true;
       },
-      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ state: state2, commands: commands2 }) => {
+      addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ editor, dispatch, state: state2, tr, commands: commands2 }) => {
         const { from: from2 } = state2.selection;
-        return commands2.addFieldAnnotation(from2, attrs, editorFocus);
+        commands2.addFieldAnnotation(from2, attrs, editorFocus);
       },
       /**
        * Replace field annotation.
@@ -48396,113 +48237,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: state2, 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 node2 = schema.nodes[this.name].create({
-            ...attrs,
-            defaultDisplayLabel
-          }, null, null);
+          let node2 = schema.nodes[this.name].create({ ...attrs }, 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.
@@ -54908,12 +54660,7 @@ function createFooter(pageMargins, pageSize, sectionData, footerId, editor, curr
 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;
@@ -55493,7 +55240,6 @@ const nodeResizer = (nodeNames = ["image"]) => {
         if (tr.getMeta(NodeResizerKey)) {
           return oldState;
         }
-        if (typeof document === "undefined") return oldState;
         const decorations = [];
         const { selection } = newState;
         if (nodeNames.includes(selection.node?.type.name)) {