@harbour-enterprises/superdoc 0.13.3 → 0.13.4

package/dist/superdoc.umd.js

@@ -18318,7 +18318,7 @@
     }
   }
   const emptyAttrs = /* @__PURE__ */ Object.create(null);
-  let Node$2 = class Node2 {
+  let Node$1$1 = class Node2 {
     /**
     @internal
     */
@@ -18719,8 +18719,8 @@
       return node2;
     }
   };
-  Node$2.prototype.text = void 0;
-  class TextNode extends Node$2 {
+  Node$1$1.prototype.text = void 0;
+  class TextNode extends Node$1$1 {
     /**
     @internal
     */
@@ -19307,7 +19307,7 @@
     create(attrs = null, content, marks) {
       if (this.isText)
         throw new Error("NodeType.create can't construct text nodes");
-      return new Node$2(this, this.computeAttrs(attrs), Fragment.from(content), Mark$1.setFrom(marks));
+      return new Node$1$1(this, this.computeAttrs(attrs), Fragment.from(content), Mark$1.setFrom(marks));
     }
     /**
     Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but check the given content
@@ -19317,7 +19317,7 @@
     createChecked(attrs = null, content, marks) {
       content = Fragment.from(content);
       this.checkContent(content);
-      return new Node$2(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
+      return new Node$1$1(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
     }
     /**
     Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but see if it is
@@ -19340,7 +19340,7 @@
       let after = matched && matched.fillBefore(Fragment.empty, true);
       if (!after)
         return null;
-      return new Node$2(this, attrs, content.append(after), Mark$1.setFrom(marks));
+      return new Node$1$1(this, attrs, content.append(after), Mark$1.setFrom(marks));
     }
     /**
     Returns true if the given fragment is valid content for this node
@@ -19577,7 +19577,7 @@
     bound.
     */
     nodeFromJSON(json) {
-      return Node$2.fromJSON(this, json);
+      return Node$1$1.fromJSON(this, json);
     }
     /**
     Deserialize a mark from its JSON representation. This method is
@@ -23137,7 +23137,7 @@
       let instance = new EditorState($config);
       $config.fields.forEach((field) => {
         if (field.name == "doc") {
-          instance.doc = Node$2.fromJSON(config.schema, json.doc);
+          instance.doc = Node$1$1.fromJSON(config.schema, json.doc);
         } else if (field.name == "selection") {
           instance.selection = Selection.fromJSON(instance.doc, json.selection);
         } else if (field.name == "storedMarks") {
@@ -26198,6 +26198,583 @@
       colgroupValues
     };
   };
+  function chainableEditorState(transaction, state2) {
+    let { selection, doc: doc2, storedMarks } = transaction;
+    return {
+      ...state2,
+      apply: state2.apply.bind(state2),
+      applyTransaction: state2.applyTransaction.bind(state2),
+      plugins: state2.plugins,
+      schema: state2.schema,
+      reconfigure: state2.reconfigure.bind(state2),
+      toJSON: state2.toJSON.bind(state2),
+      get storedMarks() {
+        return storedMarks;
+      },
+      get selection() {
+        return selection;
+      },
+      get doc() {
+        return doc2;
+      },
+      get tr() {
+        selection = transaction.selection;
+        doc2 = transaction.doc;
+        storedMarks = transaction.storedMarks;
+        return transaction;
+      }
+    };
+  }
+  class CommandService {
+    constructor(props) {
+      __publicField$2(this, "editor");
+      __publicField$2(this, "rawCommands");
+      this.editor = props.editor;
+      this.rawCommands = this.editor.extensionService.commands;
+    }
+    /**
+     * Static method for creating a service.
+     * @param args Arguments for the constructor.
+     */
+    static create(...args) {
+      return new CommandService(...args);
+    }
+    /**
+     * Get editor state.
+     */
+    get state() {
+      return this.editor.state;
+    }
+    /**
+     * Get all commands with wrapped command method.
+     */
+    get commands() {
+      const { editor, state: state2 } = this;
+      const { view } = editor;
+      const { tr } = state2;
+      const props = this.createProps(tr);
+      const entries = Object.entries(this.rawCommands).map(([name, command2]) => {
+        const method = (...args) => {
+          const fn = command2(...args)(props);
+          if (!tr.getMeta("preventDispatch")) {
+            view.dispatch(tr);
+          }
+          return fn;
+        };
+        return [name, method];
+      });
+      return Object.fromEntries(entries);
+    }
+    /**
+     * Create a chain of commands to call multiple commands at once.
+     */
+    get chain() {
+      return () => this.createChain();
+    }
+    /**
+     * Check if a command or a chain of commands can be executed. Without executing it.
+     */
+    get can() {
+      return () => this.createCan();
+    }
+    /**
+     * Creates a chain of commands.
+     * @param startTr Start transaction.
+     * @param shouldDispatch Should dispatch or not.
+     */
+    createChain(startTr, shouldDispatch = true) {
+      const { editor, state: state2, rawCommands } = this;
+      const { view } = editor;
+      const callbacks2 = [];
+      const hasStartTr = !!startTr;
+      const tr = startTr || state2.tr;
+      const run2 = () => {
+        if (!hasStartTr && shouldDispatch && !tr.getMeta("preventDispatch")) {
+          view.dispatch(tr);
+        }
+        return callbacks2.every((cb) => cb === true);
+      };
+      const entries = Object.entries(rawCommands).map(([name, command2]) => {
+        const chainedCommand = (...args) => {
+          const props = this.createProps(tr, shouldDispatch);
+          const callback = command2(...args)(props);
+          callbacks2.push(callback);
+          return chain;
+        };
+        return [name, chainedCommand];
+      });
+      const chain = {
+        ...Object.fromEntries(entries),
+        run: run2
+      };
+      return chain;
+    }
+    /**
+     * Creates a can check for commands.
+     * @param startTr Start transaction.
+     */
+    createCan(startTr) {
+      const { rawCommands, state: state2 } = this;
+      const dispatch = false;
+      const tr = startTr || state2.tr;
+      const props = this.createProps(tr, dispatch);
+      const commands2 = Object.fromEntries(
+        Object.entries(rawCommands).map(([name, command2]) => {
+          return [name, (...args) => command2(...args)({ ...props, dispatch: void 0 })];
+        })
+      );
+      return {
+        ...commands2,
+        chain: () => this.createChain(tr, dispatch)
+      };
+    }
+    /**
+     * Creates default props for the command method.
+     * @param {*} tr Transaction.
+     * @param {*} shouldDispatch Check if should dispatch.
+     * @returns Object with props.
+     */
+    createProps(tr, shouldDispatch = true) {
+      const { editor, state: state2, rawCommands } = this;
+      const { view } = editor;
+      const props = {
+        tr,
+        editor,
+        view,
+        state: chainableEditorState(tr, state2),
+        dispatch: shouldDispatch ? () => void 0 : void 0,
+        chain: () => this.createChain(tr, shouldDispatch),
+        can: () => this.createCan(tr),
+        get commands() {
+          return Object.fromEntries(
+            Object.entries(rawCommands).map(([name, command2]) => {
+              return [name, (...args) => command2(...args)(props)];
+            })
+          );
+        }
+      };
+      return props;
+    }
+  }
+  function getHTMLFromFragment(fragment, schema) {
+    const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
+    const temporaryDocument = document.implementation.createHTMLDocument();
+    const container = temporaryDocument.createElement("div");
+    container.appendChild(documentFragment);
+    return container.innerHTML;
+  }
+  const getTextContentFromNodes = ($from, maxMatch = 500) => {
+    let textBefore = "";
+    const sliceEndPos = $from.parentOffset;
+    $from.parent.nodesBetween(
+      Math.max(0, sliceEndPos - maxMatch),
+      sliceEndPos,
+      (node2, pos, parent, index2) => {
+        const chunk = node2.type.spec.toText?.({
+          node: node2,
+          pos,
+          parent,
+          index: index2
+        }) || node2.textContent || "%leaf%";
+        textBefore += node2.isAtom && !node2.isText ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
+      }
+    );
+    return textBefore;
+  };
+  const handleDocxPaste = (html, editor, view, plugin2) => {
+    const { converter } = editor;
+    if (!converter || !converter.convertedXml) return handleHtmlPaste(html, editor, view, plugin2);
+    let cleanedHtml = convertEmToPt(html);
+    cleanedHtml = cleanHtmlUnnecessaryTags(cleanedHtml);
+    const tempDiv = document.createElement("div");
+    tempDiv.innerHTML = cleanedHtml;
+    const paragraphs = tempDiv.querySelectorAll("p");
+    paragraphs.forEach((p2) => {
+      const innerHTML2 = p2.innerHTML;
+      if (!innerHTML2.includes("<!--[if !supportLists]")) return;
+      const styleAttr = p2.getAttribute("style") || "";
+      const msoListMatch = styleAttr.match(/mso-list:\s*l(\d+)\s+level(\d+)/);
+      if (msoListMatch) {
+        const [, abstractId, level] = msoListMatch;
+        const listNumId = getListNumIdFromAbstract(abstractId, editor);
+        if (!listNumId) return;
+        const abstractDefinition = getListAbstractDefinition(abstractId, editor);
+        const { lvlText, start: start2, numFmt } = getLevelDefinition(abstractDefinition, level - 1);
+        p2.setAttribute("data-num-id", listNumId);
+        p2.setAttribute("data-list-level", level - 1);
+        p2.setAttribute("data-start", start2);
+        p2.setAttribute("data-lvl-text", lvlText);
+        p2.setAttribute("data-num-fmt", numFmt);
+      }
+      extractAndRemoveConditionalPrefix(p2);
+    });
+    transformWordLists(tempDiv);
+    const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
+    tempDiv.remove();
+    const { dispatch } = editor.view;
+    if (!dispatch) return false;
+    dispatch(view.state.tr.replaceSelectionWith(doc2, true));
+    return true;
+  };
+  const getLevelDefinition = (abstractDefinition, level) => {
+    if (!abstractDefinition || !abstractDefinition.elements) return null;
+    const levelElement = abstractDefinition.elements.find((el) => {
+      return el.name === "w:lvl" && el.attributes?.["w:ilvl"] == level;
+    });
+    if (!levelElement) return null;
+    const { elements } = levelElement;
+    const lvlText = elements.find((el) => el.name === "w:lvlText")?.attributes?.["w:val"];
+    const start2 = elements.find((el) => el.name === "w:start")?.attributes?.["w:val"];
+    const numFmt = elements.find((el) => el.name === "w:numFmt")?.attributes?.["w:val"];
+    return { lvlText, start: start2, numFmt, elements };
+  };
+  const getListNumIdFromAbstract = (abstractId, editor) => {
+    const { definitions } = editor?.converter?.numbering;
+    if (!definitions) return null;
+    const matchedDefinition = Object.values(definitions).find((def2) => {
+      return def2.elements.some((el) => el.name === "w:abstractNumId" && el.attributes?.["w:val"] == abstractId);
+    });
+    return matchedDefinition?.attributes?.["w:numId"];
+  };
+  const getListAbstractDefinition = (abstractId, editor) => {
+    const { abstracts = {} } = editor?.converter?.numbering;
+    return abstracts[abstractId] || null;
+  };
+  const transformWordLists = (container) => {
+    const paragraphs = Array.from(container.querySelectorAll("p[data-num-id]"));
+    const listMap = /* @__PURE__ */ new Map();
+    const listLevels = {};
+    for (const p2 of paragraphs) {
+      const listId = p2.getAttribute("data-num-id");
+      const level = parseInt(p2.getAttribute("data-list-level"));
+      const numFmt = p2.getAttribute("data-num-fmt");
+      const start2 = p2.getAttribute("data-start");
+      const lvlText = p2.getAttribute("data-lvl-text");
+      if (!listMap.has(listId)) listMap.set(listId, []);
+      listMap.get(listId).push({ p: p2, level, numFmt, start: start2, lvlText });
+    }
+    for (const [id, items] of listMap.entries()) {
+      if (!listLevels[id]) {
+        listLevels[id] = {
+          stack: [],
+          counts: {},
+          prevLevel: null
+        };
+      }
+      const parentStack = [];
+      items.forEach(({ p: p2, level, numFmt, start: start2, lvlText }, index2) => {
+        const listLevel = generateListNestingPath(listLevels, id, level);
+        const li = document.createElement("li");
+        li.innerHTML = p2.innerHTML;
+        li.setAttribute("data-list-level", JSON.stringify(listLevel));
+        li.setAttribute("data-num-id", id);
+        li.setAttribute("data-lvl-text", lvlText);
+        li.setAttribute("data-num-fmt", numFmt);
+        if (p2.hasAttribute("data-font-family")) {
+          li.setAttribute("data-font-family", p2.getAttribute("data-font-family"));
+        }
+        if (p2.hasAttribute("data-font-size")) {
+          li.setAttribute("data-font-size", p2.getAttribute("data-font-size"));
+        }
+        const parentNode2 = p2.parentNode;
+        let listForLevel = parentStack[level];
+        if (!listForLevel) {
+          const newList = document.createElement("ol");
+          newList.setAttribute("data-list-id", id);
+          newList.level = level;
+          if (level > 0) {
+            const parentLi = parentStack[level - 1]?.querySelector("li:last-child");
+            if (parentLi) parentLi.appendChild(newList);
+          } else {
+            parentNode2.insertBefore(newList, p2);
+          }
+          parentStack[level] = newList;
+          parentStack.length = level + 1;
+          listForLevel = newList;
+        }
+        listForLevel.appendChild(li);
+        p2.remove();
+      });
+    }
+  };
+  function generateListNestingPath(listLevels, listId, currentLevel) {
+    const levelState = listLevels[listId];
+    if (!levelState.stack) levelState.stack = [];
+    if (levelState.prevLevel === void 0) levelState.prevLevel = null;
+    if (levelState.prevLevel === null) {
+      levelState.stack = Array(currentLevel).fill(1).concat(1);
+    } else {
+      if (currentLevel > levelState.prevLevel) {
+        levelState.stack.push(1);
+      } else if (currentLevel === levelState.prevLevel) {
+        levelState.stack[levelState.stack.length - 1]++;
+      } else {
+        levelState.stack = levelState.stack.slice(0, currentLevel + 1);
+        levelState.stack[currentLevel] = (levelState.stack[currentLevel] || 1) + 1;
+      }
+    }
+    levelState.prevLevel = currentLevel;
+    return [...levelState.stack];
+  }
+  function extractAndRemoveConditionalPrefix(p2) {
+    const nodes = Array.from(p2.childNodes);
+    let fontFamily2 = null;
+    let fontSize2 = null;
+    let start2 = -1, end2 = -1;
+    nodes.forEach((node2, index2) => {
+      if (node2.nodeType === Node.COMMENT_NODE && node2.nodeValue.includes("[if !supportLists]")) {
+        start2 = index2;
+      }
+      if (start2 !== -1 && node2.nodeType === Node.COMMENT_NODE && node2.nodeValue.includes("[endif]")) {
+        end2 = index2;
+      }
+    });
+    if (start2 !== -1 && end2 !== -1) {
+      for (let i2 = start2 + 1; i2 < end2; i2++) {
+        const node2 = nodes[i2];
+        if (node2.nodeType === Node.ELEMENT_NODE && node2.style) {
+          fontFamily2 = fontFamily2 || node2.style.fontFamily;
+          fontSize2 = fontSize2 || node2.style.fontSize;
+        }
+      }
+      for (let i2 = end2; i2 >= start2; i2--) {
+        p2.removeChild(p2.childNodes[i2]);
+      }
+      if (fontFamily2) p2.setAttribute("data-font-family", fontFamily2);
+      if (fontSize2) p2.setAttribute("data-font-size", fontSize2);
+    }
+  }
+  class InputRule {
+    constructor(config) {
+      __publicField$2(this, "match");
+      __publicField$2(this, "handler");
+      this.match = config.match;
+      this.handler = config.handler;
+    }
+  }
+  const inputRuleMatcherHandler = (text, match) => {
+    if (isRegExp(match)) {
+      return match.exec(text);
+    }
+    const inputRuleMatch = match(text);
+    if (!inputRuleMatch) {
+      return null;
+    }
+    const result = [inputRuleMatch.text];
+    result.index = inputRuleMatch.index;
+    result.input = text;
+    result.data = inputRuleMatch.data;
+    if (inputRuleMatch.replaceWith) {
+      if (!inputRuleMatch.text.includes(inputRuleMatch.replaceWith)) {
+        console.warn(
+          '[super-editor warn]: "inputRuleMatch.replaceWith" must be part of "inputRuleMatch.text".'
+        );
+      }
+      result.push(inputRuleMatch.replaceWith);
+    }
+    return result;
+  };
+  const run = (config) => {
+    const {
+      editor,
+      from: from2,
+      to,
+      text,
+      rules,
+      plugin: plugin2
+    } = config;
+    const { view } = editor;
+    if (view.composing) {
+      return false;
+    }
+    const $from = view.state.doc.resolve(from2);
+    if ($from.parent.type.spec.code || !!($from.nodeBefore || $from.nodeAfter)?.marks.find((mark) => mark.type.spec.code)) {
+      return false;
+    }
+    let matched = false;
+    const textBefore = getTextContentFromNodes($from) + text;
+    rules.forEach((rule) => {
+      if (matched) {
+        return;
+      }
+      const match = inputRuleMatcherHandler(textBefore, rule.match);
+      if (!match) {
+        return;
+      }
+      const tr = view.state.tr;
+      const state2 = chainableEditorState(tr, view.state);
+      const range2 = {
+        from: from2 - (match[0].length - text.length),
+        to
+      };
+      const { commands: commands2, chain, can } = new CommandService({
+        editor,
+        state: state2
+      });
+      const handler = rule.handler({
+        state: state2,
+        range: range2,
+        match,
+        commands: commands2,
+        chain,
+        can
+      });
+      if (handler === null || !tr.steps.length) {
+        return;
+      }
+      tr.setMeta(plugin2, {
+        transform: tr,
+        from: from2,
+        to,
+        text
+      });
+      view.dispatch(tr);
+      matched = true;
+    });
+    return matched;
+  };
+  const inputRulesPlugin = ({ editor, rules }) => {
+    const plugin2 = new Plugin({
+      key: new PluginKey("inputRulesPlugin"),
+      state: {
+        init() {
+          return null;
+        },
+        apply(tr, prev, state2) {
+          const stored = tr.getMeta(plugin2);
+          if (stored) {
+            return stored;
+          }
+          const simulatedInputMeta = tr.getMeta("applyInputRules");
+          const isSimulatedInput = !!simulatedInputMeta;
+          if (isSimulatedInput) {
+            setTimeout(() => {
+              let { text } = simulatedInputMeta;
+              if (typeof text !== "string") {
+                text = getHTMLFromFragment(Fragment.from(text), state2.schema);
+              }
+              const { from: from2 } = simulatedInputMeta;
+              const to = from2 + text.length;
+              run({
+                editor,
+                from: from2,
+                to,
+                text,
+                rules,
+                plugin: plugin2
+              });
+            });
+          }
+          return tr.selectionSet || tr.docChanged ? null : prev;
+        }
+      },
+      props: {
+        handleTextInput(view, from2, to, text) {
+          return run({
+            editor,
+            from: from2,
+            to,
+            text,
+            rules,
+            plugin: plugin2
+          });
+        },
+        // add support for input rules to trigger on enter
+        // this is useful for example for code blocks
+        handleKeyDown(view, event) {
+          if (event.key !== "Enter") {
+            return false;
+          }
+          const { $cursor } = view.state.selection;
+          if ($cursor) {
+            return run({
+              editor,
+              from: $cursor.pos,
+              to: $cursor.pos,
+              text: "\n",
+              rules,
+              plugin: plugin2
+            });
+          }
+          return false;
+        },
+        // Paste handler
+        handlePaste(view, event, slice) {
+          const clipboard = event.clipboardData;
+          const html = clipboard.getData("text/html");
+          clipboard.getData("text/plain");
+          const fieldAnnotationContent = slice.content.content.filter((item) => item.type.name === "fieldAnnotation");
+          if (fieldAnnotationContent.length) {
+            return false;
+          }
+          let source;
+          if (!html) {
+            source = "plain-text";
+          } else if (isWordHtml(html)) {
+            source = "word-html";
+          } else {
+            source = "browser-html";
+          }
+          switch (source) {
+            case "plain-text":
+              break;
+            case "word-html":
+              if (editor.options.mode === "docx") {
+                return handleDocxPaste(html, editor, view, plugin2);
+              }
+            case "browser-html":
+              return handleHtmlPaste$1(html, editor);
+          }
+          return false;
+        }
+      },
+      isInputRules: true
+    });
+    return plugin2;
+  };
+  function isWordHtml(html) {
+    return /class=["']?Mso|xmlns:o=["']?urn:schemas-microsoft-com|<!--\[if gte mso|<meta[^>]+name=["']?Generator["']?[^>]+Word/i.test(html);
+  }
+  const handleHtmlPaste$1 = (html, editor, plugin2) => {
+    const htmlWithPtSizing = convertEmToPt(html);
+    const cleanedHtml = sanitizeHtml(htmlWithPtSizing);
+    const doc2 = DOMParser$1.fromSchema(editor.schema).parse(cleanedHtml);
+    const { dispatch } = editor.view;
+    if (!dispatch) return false;
+    dispatch(editor.view.state.tr.replaceSelectionWith(doc2, true));
+    return true;
+  };
+  const convertEmToPt = (html) => {
+    return html.replace(
+      /font-size\s*:\s*([\d.]+)em/gi,
+      (_, emValue) => {
+        const em = parseFloat(emValue);
+        const pt = Math.round(em * 12 * 100) / 100;
+        return `font-size: ${pt}pt`;
+      }
+    );
+  };
+  function cleanHtmlUnnecessaryTags(html) {
+    return html.replace(/<o:p>.*?<\/o:p>/gi, "").replace(/&nbsp;/gi, " ").replace(/<span[^>]*>\s*<\/span>/gi, "").replace(/<p[^>]*>\s*<\/p>/gi, "").trim();
+  }
+  function sanitizeHtml(html, forbiddenTags = ["meta", "svg", "script", "style", "button"]) {
+    const container = document.createElement("div");
+    container.innerHTML = html;
+    const walkAndClean = (node2) => {
+      for (const child of [...node2.children]) {
+        if (forbiddenTags.includes(child.tagName.toLowerCase())) {
+          child.remove();
+          continue;
+        }
+        if (child.hasAttribute("linebreaktype")) {
+          child.removeAttribute("linebreaktype");
+        }
+        walkAndClean(child);
+      }
+    };
+    walkAndClean(container);
+    return container;
+  }
   function exportSchemaToJson(params2) {
     const { type: type2 } = params2.node || {};
     const router = {
@@ -27316,7 +27893,7 @@
           attributes: {
             relativeFrom: attrs.anchorData.hRelativeFrom
           },
-          ...attrs.marginOffset.left && {
+          ...attrs.marginOffset.left !== void 0 && {
             elements: [{
               name: "wp:posOffset",
               elements: [{
@@ -27340,7 +27917,7 @@
           attributes: {
             relativeFrom: attrs.anchorData.vRelativeFrom
           },
-          ...attrs.marginOffset.top && {
+          ...attrs.marginOffset.top !== void 0 && {
             elements: [{
               name: "wp:posOffset",
               elements: [{
@@ -27541,12 +28118,11 @@
       node: { attrs = {}, marks = [] },
       editorSchema
     } = params2;
-    const parser = new window.DOMParser();
-    const paragraphHtml = parser.parseFromString(attrs.rawHtml || attrs.displayLabel, "text/html");
+    const paragraphHtmlContainer = sanitizeHtml(attrs.rawHtml);
     const marksFromAttrs = translateFieldAttrsToMarks(attrs);
     const allMarks = [...marks, ...marksFromAttrs];
     let state2 = EditorState.create({
-      doc: DOMParser$1.fromSchema(editorSchema).parse(paragraphHtml)
+      doc: DOMParser$1.fromSchema(editorSchema).parse(paragraphHtmlContainer)
     });
     if (allMarks.length) {
       state2 = applyMarksToHtmlAnnotation(state2, allMarks);
@@ -27635,6 +28211,7 @@
         sdtContentElements = [...processedNode.elements];
       }
     }
+    sdtContentElements = [getFieldHighlightJson(), ...sdtContentElements];
     const customXmlns = "http://schemas.openxmlformats.org/wordprocessingml/2006/main";
     return {
       name: "w:sdt",
@@ -27996,6 +28573,21 @@
       }
     ];
   };
+  const getFieldHighlightJson = () => {
+    return {
+      "name": "w:rPr",
+      "elements": [
+        {
+          "name": "w:shd",
+          "attributes": {
+            "w:fill": "7AA6FF",
+            "w:color": "auto",
+            "w:val": "clear"
+          }
+        }
+      ]
+    };
+  };
   const defaultInitialXml = `<w:document xmlns:wpc="http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas" xmlns:cx="http://schemas.microsoft.com/office/drawing/2014/chartex" xmlns:cx1="http://schemas.microsoft.com/office/drawing/2015/9/8/chartex" xmlns:cx2="http://schemas.microsoft.com/office/drawing/2015/10/21/chartex" xmlns:cx3="http://schemas.microsoft.com/office/drawing/2016/5/9/chartex" xmlns:cx4="http://schemas.microsoft.com/office/drawing/2016/5/10/chartex" xmlns:cx5="http://schemas.microsoft.com/office/drawing/2016/5/11/chartex" xmlns:cx6="http://schemas.microsoft.com/office/drawing/2016/5/12/chartex" xmlns:cx7="http://schemas.microsoft.com/office/drawing/2016/5/13/chartex" xmlns:cx8="http://schemas.microsoft.com/office/drawing/2016/5/14/chartex" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:aink="http://schemas.microsoft.com/office/drawing/2016/ink" xmlns:am3d="http://schemas.microsoft.com/office/drawing/2017/model3d" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:oel="http://schemas.microsoft.com/office/2019/extlst" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:wp14="http://schemas.microsoft.com/office/word/2010/wordprocessingDrawing" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing" xmlns:w10="urn:schemas-microsoft-com:office:word" xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:w14="http://schemas.microsoft.com/office/word/2010/wordml" xmlns:w15="http://schemas.microsoft.com/office/word/2012/wordml" xmlns:w16cex="http://schemas.microsoft.com/office/word/2018/wordml/cex" xmlns:w16cid="http://schemas.microsoft.com/office/word/2016/wordml/cid" xmlns:w16="http://schemas.microsoft.com/office/word/2018/wordml" xmlns:w16sdtdh="http://schemas.microsoft.com/office/word/2020/wordml/sdtdatahash" xmlns:w16se="http://schemas.microsoft.com/office/word/2015/wordml/symex" xmlns:wpg="http://schemas.microsoft.com/office/word/2010/wordprocessingGroup" xmlns:wpi="http://schemas.microsoft.com/office/word/2010/wordprocessingInk" xmlns:wne="http://schemas.microsoft.com/office/word/2006/wordml" xmlns:wps="http://schemas.microsoft.com/office/word/2010/wordprocessingShape" mc:Ignorable="w14 w15 w16se w16cid w16 w16cex w16sdtdh wp14"><w:body></w:body></w:document>`;
   const parseXmlToJson = (xml) => {
     return JSON.parse(xmljs.xml2json(xml, null, 2));
@@ -28380,10 +28972,10 @@
     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");
@@ -30773,7 +31365,7 @@
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.3") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.13.4") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -31240,7 +31832,7 @@
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.13.3") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.13.4") {
     return {
       type: "element",
       name: "property",
@@ -34962,164 +35554,6 @@
   };
   __privateAdd$1(_Schema, _Schema_static);
   let Schema = _Schema;
-  function chainableEditorState(transaction, state2) {
-    let { selection, doc: doc2, storedMarks } = transaction;
-    return {
-      ...state2,
-      apply: state2.apply.bind(state2),
-      applyTransaction: state2.applyTransaction.bind(state2),
-      plugins: state2.plugins,
-      schema: state2.schema,
-      reconfigure: state2.reconfigure.bind(state2),
-      toJSON: state2.toJSON.bind(state2),
-      get storedMarks() {
-        return storedMarks;
-      },
-      get selection() {
-        return selection;
-      },
-      get doc() {
-        return doc2;
-      },
-      get tr() {
-        selection = transaction.selection;
-        doc2 = transaction.doc;
-        storedMarks = transaction.storedMarks;
-        return transaction;
-      }
-    };
-  }
-  class CommandService {
-    constructor(props) {
-      __publicField$1(this, "editor");
-      __publicField$1(this, "rawCommands");
-      this.editor = props.editor;
-      this.rawCommands = this.editor.extensionService.commands;
-    }
-    /**
-     * Static method for creating a service.
-     * @param args Arguments for the constructor.
-     */
-    static create(...args) {
-      return new CommandService(...args);
-    }
-    /**
-     * Get editor state.
-     */
-    get state() {
-      return this.editor.state;
-    }
-    /**
-     * Get all commands with wrapped command method.
-     */
-    get commands() {
-      const { editor, state: state2 } = this;
-      const { view } = editor;
-      const { tr } = state2;
-      const props = this.createProps(tr);
-      const entries = Object.entries(this.rawCommands).map(([name, command2]) => {
-        const method = (...args) => {
-          const fn2 = command2(...args)(props);
-          if (!tr.getMeta("preventDispatch")) {
-            view.dispatch(tr);
-          }
-          return fn2;
-        };
-        return [name, method];
-      });
-      return Object.fromEntries(entries);
-    }
-    /**
-     * Create a chain of commands to call multiple commands at once.
-     */
-    get chain() {
-      return () => this.createChain();
-    }
-    /**
-     * Check if a command or a chain of commands can be executed. Without executing it.
-     */
-    get can() {
-      return () => this.createCan();
-    }
-    /**
-     * Creates a chain of commands.
-     * @param startTr Start transaction.
-     * @param shouldDispatch Should dispatch or not.
-     */
-    createChain(startTr, shouldDispatch = true) {
-      const { editor, state: state2, rawCommands } = this;
-      const { view } = editor;
-      const callbacks2 = [];
-      const hasStartTr = !!startTr;
-      const tr = startTr || state2.tr;
-      const run2 = () => {
-        if (!hasStartTr && shouldDispatch && !tr.getMeta("preventDispatch")) {
-          view.dispatch(tr);
-        }
-        return callbacks2.every((cb) => cb === true);
-      };
-      const entries = Object.entries(rawCommands).map(([name, command2]) => {
-        const chainedCommand = (...args) => {
-          const props = this.createProps(tr, shouldDispatch);
-          const callback = command2(...args)(props);
-          callbacks2.push(callback);
-          return chain;
-        };
-        return [name, chainedCommand];
-      });
-      const chain = {
-        ...Object.fromEntries(entries),
-        run: run2
-      };
-      return chain;
-    }
-    /**
-     * Creates a can check for commands.
-     * @param startTr Start transaction.
-     */
-    createCan(startTr) {
-      const { rawCommands, state: state2 } = this;
-      const dispatch = false;
-      const tr = startTr || state2.tr;
-      const props = this.createProps(tr, dispatch);
-      const commands2 = Object.fromEntries(
-        Object.entries(rawCommands).map(([name, command2]) => {
-          return [name, (...args) => command2(...args)({ ...props, dispatch: void 0 })];
-        })
-      );
-      return {
-        ...commands2,
-        chain: () => this.createChain(tr, dispatch)
-      };
-    }
-    /**
-     * Creates default props for the command method.
-     * @param {*} tr Transaction.
-     * @param {*} shouldDispatch Check if should dispatch.
-     * @returns Object with props.
-     */
-    createProps(tr, shouldDispatch = true) {
-      const { editor, state: state2, rawCommands } = this;
-      const { view } = editor;
-      const props = {
-        tr,
-        editor,
-        view,
-        state: chainableEditorState(tr, state2),
-        dispatch: shouldDispatch ? () => void 0 : void 0,
-        chain: () => this.createChain(tr, shouldDispatch),
-        can: () => this.createCan(tr),
-        get commands() {
-          return Object.fromEntries(
-            Object.entries(rawCommands).map(([name, command2]) => {
-              return [name, (...args) => command2(...args)(props)];
-            })
-          );
-        }
-      };
-      return props;
-    }
-  }
   const first = (commands2) => (props) => {
     const items = typeof commands2 === "function" ? commands2(props) : commands2;
     for (let i2 = 0; i2 < items.length; i2 += 1) {
@@ -45134,630 +45568,227 @@
      * Remove a specific callback from event
      * or all event subscriptions.
      * @param {string} name Event name.
-     * @param {(...args: any[]) => void} fn Callback.
-     * @returns {void}
-     */
-    off(name, fn2) {
-      const callbacks2 = __privateGet$1(this, _events).get(name);
-      if (!callbacks2) return;
-      if (fn2) {
-        __privateGet$1(this, _events).set(
-          name,
-          callbacks2.filter((cb) => cb !== fn2)
-        );
-      } else {
-        __privateGet$1(this, _events).delete(name);
-      }
-    }
-    /**
-     * Subscribe to an event that will be called only once.
-     * @param {string} name Event name.
-     * @param {(...args: any[]) => void} fn Callback.
-     * @returns {void}
-     */
-    once(name, fn2) {
-      const wrapper = (...args) => {
-        this.off(name, wrapper);
-        fn2.apply(this, args);
-      };
-      this.on(name, wrapper);
-    }
-    /**
-     * Remove all registered events and subscriptions.
-     */
-    removeAllListeners() {
-      __privateSet(this, _events, /* @__PURE__ */ new Map());
-    }
-  };
-  _events = /* @__PURE__ */ new WeakMap();
-  var base$2 = {
-    8: "Backspace",
-    9: "Tab",
-    10: "Enter",
-    12: "NumLock",
-    13: "Enter",
-    16: "Shift",
-    17: "Control",
-    18: "Alt",
-    20: "CapsLock",
-    27: "Escape",
-    32: " ",
-    33: "PageUp",
-    34: "PageDown",
-    35: "End",
-    36: "Home",
-    37: "ArrowLeft",
-    38: "ArrowUp",
-    39: "ArrowRight",
-    40: "ArrowDown",
-    44: "PrintScreen",
-    45: "Insert",
-    46: "Delete",
-    59: ";",
-    61: "=",
-    91: "Meta",
-    92: "Meta",
-    106: "*",
-    107: "+",
-    108: ",",
-    109: "-",
-    110: ".",
-    111: "/",
-    144: "NumLock",
-    145: "ScrollLock",
-    160: "Shift",
-    161: "Shift",
-    162: "Control",
-    163: "Control",
-    164: "Alt",
-    165: "Alt",
-    173: "-",
-    186: ";",
-    187: "=",
-    188: ",",
-    189: "-",
-    190: ".",
-    191: "/",
-    192: "`",
-    219: "[",
-    220: "\\",
-    221: "]",
-    222: "'"
-  };
-  var shift = {
-    48: ")",
-    49: "!",
-    50: "@",
-    51: "#",
-    52: "$",
-    53: "%",
-    54: "^",
-    55: "&",
-    56: "*",
-    57: "(",
-    59: ":",
-    61: "+",
-    173: "_",
-    186: ":",
-    187: "+",
-    188: "<",
-    189: "_",
-    190: ">",
-    191: "?",
-    192: "~",
-    219: "{",
-    220: "|",
-    221: "}",
-    222: '"'
-  };
-  var mac$1 = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
-  var ie = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-  for (var i$1 = 0; i$1 < 10; i$1++) base$2[48 + i$1] = base$2[96 + i$1] = String(i$1);
-  for (var i$1 = 1; i$1 <= 24; i$1++) base$2[i$1 + 111] = "F" + i$1;
-  for (var i$1 = 65; i$1 <= 90; i$1++) {
-    base$2[i$1] = String.fromCharCode(i$1 + 32);
-    shift[i$1] = String.fromCharCode(i$1);
-  }
-  for (var code in base$2) if (!shift.hasOwnProperty(code)) shift[code] = base$2[code];
-  function keyName(event) {
-    var ignoreKey = mac$1 && event.metaKey && event.shiftKey && !event.ctrlKey && !event.altKey || ie && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
-    var name = !ignoreKey && event.key || (event.shiftKey ? shift : base$2)[event.keyCode] || event.key || "Unidentified";
-    if (name == "Esc") name = "Escape";
-    if (name == "Del") name = "Delete";
-    if (name == "Left") name = "ArrowLeft";
-    if (name == "Up") name = "ArrowUp";
-    if (name == "Right") name = "ArrowRight";
-    if (name == "Down") name = "ArrowDown";
-    return name;
-  }
-  const mac = typeof navigator != "undefined" && /Mac|iP(hone|[oa]d)/.test(navigator.platform);
-  const windows = typeof navigator != "undefined" && /Win/.test(navigator.platform);
-  function normalizeKeyName(name) {
-    let parts = name.split(/-(?!$)/), result = parts[parts.length - 1];
-    if (result == "Space")
-      result = " ";
-    let alt, ctrl, shift2, meta;
-    for (let i2 = 0; i2 < parts.length - 1; i2++) {
-      let mod = parts[i2];
-      if (/^(cmd|meta|m)$/i.test(mod))
-        meta = true;
-      else if (/^a(lt)?$/i.test(mod))
-        alt = true;
-      else if (/^(c|ctrl|control)$/i.test(mod))
-        ctrl = true;
-      else if (/^s(hift)?$/i.test(mod))
-        shift2 = true;
-      else if (/^mod$/i.test(mod)) {
-        if (mac)
-          meta = true;
-        else
-          ctrl = true;
-      } else
-        throw new Error("Unrecognized modifier name: " + mod);
-    }
-    if (alt)
-      result = "Alt-" + result;
-    if (ctrl)
-      result = "Ctrl-" + result;
-    if (meta)
-      result = "Meta-" + result;
-    if (shift2)
-      result = "Shift-" + result;
-    return result;
-  }
-  function normalize(map2) {
-    let copy2 = /* @__PURE__ */ Object.create(null);
-    for (let prop in map2)
-      copy2[normalizeKeyName(prop)] = map2[prop];
-    return copy2;
-  }
-  function modifiers(name, event, shift2 = true) {
-    if (event.altKey)
-      name = "Alt-" + name;
-    if (event.ctrlKey)
-      name = "Ctrl-" + name;
-    if (event.metaKey)
-      name = "Meta-" + name;
-    if (shift2 && event.shiftKey)
-      name = "Shift-" + name;
-    return name;
-  }
-  function keymap(bindings) {
-    return new Plugin({ props: { handleKeyDown: keydownHandler(bindings) } });
-  }
-  function keydownHandler(bindings) {
-    let map2 = normalize(bindings);
-    return function(view, event) {
-      let name = keyName(event), baseName, direct = map2[modifiers(name, event)];
-      if (direct && direct(view.state, view.dispatch, view))
-        return true;
-      if (name.length == 1 && name != " ") {
-        if (event.shiftKey) {
-          let noShift = map2[modifiers(name, event, false)];
-          if (noShift && noShift(view.state, view.dispatch, view))
-            return true;
-        }
-        if ((event.altKey || event.metaKey || event.ctrlKey) && // Ctrl-Alt may be used for AltGr on Windows
-        !(windows && event.ctrlKey && event.altKey) && (baseName = base$2[event.keyCode]) && baseName != name) {
-          let fromCode = map2[modifiers(baseName, event)];
-          if (fromCode && fromCode(view.state, view.dispatch, view))
-            return true;
-        }
-      }
-      return false;
-    };
-  }
-  function isExtensionRulesEnabled(extension, enabled) {
-    if (Array.isArray(enabled)) {
-      return enabled.some((enabledExtension) => {
-        const name = typeof enabledExtension === "string" ? enabledExtension : enabledExtension.name;
-        return name === extension.name;
-      });
-    }
-    return enabled;
-  }
-  function getHTMLFromFragment(fragment, schema) {
-    const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
-    const temporaryDocument = document.implementation.createHTMLDocument();
-    const container = temporaryDocument.createElement("div");
-    container.appendChild(documentFragment);
-    return container.innerHTML;
-  }
-  const getTextContentFromNodes = ($from, maxMatch = 500) => {
-    let textBefore = "";
-    const sliceEndPos = $from.parentOffset;
-    $from.parent.nodesBetween(
-      Math.max(0, sliceEndPos - maxMatch),
-      sliceEndPos,
-      (node2, pos, parent, index2) => {
-        const chunk = node2.type.spec.toText?.({
-          node: node2,
-          pos,
-          parent,
-          index: index2
-        }) || node2.textContent || "%leaf%";
-        textBefore += node2.isAtom && !node2.isText ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
-      }
-    );
-    return textBefore;
-  };
-  const handleDocxPaste = (html, editor, view, plugin2) => {
-    const { converter } = editor;
-    if (!converter || !converter.convertedXml) return handleHtmlPaste(html, editor, view, plugin2);
-    let cleanedHtml = convertEmToPt(html);
-    cleanedHtml = cleanHtmlUnnecessaryTags(cleanedHtml);
-    const tempDiv = document.createElement("div");
-    tempDiv.innerHTML = cleanedHtml;
-    const paragraphs = tempDiv.querySelectorAll("p");
-    paragraphs.forEach((p2) => {
-      const innerHTML3 = p2.innerHTML;
-      if (!innerHTML3.includes("<!--[if !supportLists]")) return;
-      const styleAttr = p2.getAttribute("style") || "";
-      const msoListMatch = styleAttr.match(/mso-list:\s*l(\d+)\s+level(\d+)/);
-      if (msoListMatch) {
-        const [, abstractId, level] = msoListMatch;
-        const listNumId = getListNumIdFromAbstract(abstractId, editor);
-        if (!listNumId) return;
-        const abstractDefinition = getListAbstractDefinition(abstractId, editor);
-        const { lvlText, start: start2, numFmt } = getLevelDefinition(abstractDefinition, level - 1);
-        p2.setAttribute("data-num-id", listNumId);
-        p2.setAttribute("data-list-level", level - 1);
-        p2.setAttribute("data-start", start2);
-        p2.setAttribute("data-lvl-text", lvlText);
-        p2.setAttribute("data-num-fmt", numFmt);
-      }
-      extractAndRemoveConditionalPrefix(p2);
-    });
-    transformWordLists(tempDiv);
-    const doc2 = DOMParser$1.fromSchema(editor.schema).parse(tempDiv);
-    tempDiv.remove();
-    const { dispatch } = editor.view;
-    if (!dispatch) return false;
-    dispatch(view.state.tr.replaceSelectionWith(doc2, true));
-    return true;
-  };
-  const getLevelDefinition = (abstractDefinition, level) => {
-    if (!abstractDefinition || !abstractDefinition.elements) return null;
-    const levelElement = abstractDefinition.elements.find((el) => {
-      return el.name === "w:lvl" && el.attributes?.["w:ilvl"] == level;
-    });
-    if (!levelElement) return null;
-    const { elements } = levelElement;
-    const lvlText = elements.find((el) => el.name === "w:lvlText")?.attributes?.["w:val"];
-    const start2 = elements.find((el) => el.name === "w:start")?.attributes?.["w:val"];
-    const numFmt = elements.find((el) => el.name === "w:numFmt")?.attributes?.["w:val"];
-    return { lvlText, start: start2, numFmt, elements };
-  };
-  const getListNumIdFromAbstract = (abstractId, editor) => {
-    const { definitions } = editor?.converter?.numbering;
-    if (!definitions) return null;
-    const matchedDefinition = Object.values(definitions).find((def2) => {
-      return def2.elements.some((el) => el.name === "w:abstractNumId" && el.attributes?.["w:val"] == abstractId);
-    });
-    return matchedDefinition?.attributes?.["w:numId"];
-  };
-  const getListAbstractDefinition = (abstractId, editor) => {
-    const { abstracts = {} } = editor?.converter?.numbering;
-    return abstracts[abstractId] || null;
-  };
-  const transformWordLists = (container) => {
-    const paragraphs = Array.from(container.querySelectorAll("p[data-num-id]"));
-    const listMap = /* @__PURE__ */ new Map();
-    const listLevels = {};
-    for (const p2 of paragraphs) {
-      const listId = p2.getAttribute("data-num-id");
-      const level = parseInt(p2.getAttribute("data-list-level"));
-      const numFmt = p2.getAttribute("data-num-fmt");
-      const start2 = p2.getAttribute("data-start");
-      const lvlText = p2.getAttribute("data-lvl-text");
-      if (!listMap.has(listId)) listMap.set(listId, []);
-      listMap.get(listId).push({ p: p2, level, numFmt, start: start2, lvlText });
-    }
-    for (const [id, items] of listMap.entries()) {
-      if (!listLevels[id]) {
-        listLevels[id] = {
-          stack: [],
-          counts: {},
-          prevLevel: null
-        };
-      }
-      const parentStack = [];
-      items.forEach(({ p: p2, level, numFmt, start: start2, lvlText }, index2) => {
-        const listLevel = generateListNestingPath(listLevels, id, level);
-        const li = document.createElement("li");
-        li.innerHTML = p2.innerHTML;
-        li.setAttribute("data-list-level", JSON.stringify(listLevel));
-        li.setAttribute("data-num-id", id);
-        li.setAttribute("data-lvl-text", lvlText);
-        li.setAttribute("data-num-fmt", numFmt);
-        if (p2.hasAttribute("data-font-family")) {
-          li.setAttribute("data-font-family", p2.getAttribute("data-font-family"));
-        }
-        if (p2.hasAttribute("data-font-size")) {
-          li.setAttribute("data-font-size", p2.getAttribute("data-font-size"));
-        }
-        const parentNode2 = p2.parentNode;
-        let listForLevel = parentStack[level];
-        if (!listForLevel) {
-          const newList = document.createElement("ol");
-          newList.setAttribute("data-list-id", id);
-          newList.level = level;
-          if (level > 0) {
-            const parentLi = parentStack[level - 1]?.querySelector("li:last-child");
-            if (parentLi) parentLi.appendChild(newList);
-          } else {
-            parentNode2.insertBefore(newList, p2);
-          }
-          parentStack[level] = newList;
-          parentStack.length = level + 1;
-          listForLevel = newList;
-        }
-        listForLevel.appendChild(li);
-        p2.remove();
-      });
-    }
-  };
-  function generateListNestingPath(listLevels, listId, currentLevel) {
-    const levelState = listLevels[listId];
-    if (!levelState.stack) levelState.stack = [];
-    if (levelState.prevLevel === void 0) levelState.prevLevel = null;
-    if (levelState.prevLevel === null) {
-      levelState.stack = Array(currentLevel).fill(1).concat(1);
-    } else {
-      if (currentLevel > levelState.prevLevel) {
-        levelState.stack.push(1);
-      } else if (currentLevel === levelState.prevLevel) {
-        levelState.stack[levelState.stack.length - 1]++;
-      } else {
-        levelState.stack = levelState.stack.slice(0, currentLevel + 1);
-        levelState.stack[currentLevel] = (levelState.stack[currentLevel] || 1) + 1;
-      }
-    }
-    levelState.prevLevel = currentLevel;
-    return [...levelState.stack];
-  }
-  function extractAndRemoveConditionalPrefix(p2) {
-    const nodes = Array.from(p2.childNodes);
-    let fontFamily2 = null;
-    let fontSize2 = null;
-    let start2 = -1, end2 = -1;
-    nodes.forEach((node2, index2) => {
-      if (node2.nodeType === Node.COMMENT_NODE && node2.nodeValue.includes("[if !supportLists]")) {
-        start2 = index2;
-      }
-      if (start2 !== -1 && node2.nodeType === Node.COMMENT_NODE && node2.nodeValue.includes("[endif]")) {
-        end2 = index2;
-      }
-    });
-    if (start2 !== -1 && end2 !== -1) {
-      for (let i2 = start2 + 1; i2 < end2; i2++) {
-        const node2 = nodes[i2];
-        if (node2.nodeType === Node.ELEMENT_NODE && node2.style) {
-          fontFamily2 = fontFamily2 || node2.style.fontFamily;
-          fontSize2 = fontSize2 || node2.style.fontSize;
-        }
-      }
-      for (let i2 = end2; i2 >= start2; i2--) {
-        p2.removeChild(p2.childNodes[i2]);
-      }
-      if (fontFamily2) p2.setAttribute("data-font-family", fontFamily2);
-      if (fontSize2) p2.setAttribute("data-font-size", fontSize2);
-    }
-  }
-  class InputRule {
-    constructor(config) {
-      __publicField$1(this, "match");
-      __publicField$1(this, "handler");
-      this.match = config.match;
-      this.handler = config.handler;
-    }
-  }
-  const inputRuleMatcherHandler = (text, match) => {
-    if (isRegExp(match)) {
-      return match.exec(text);
-    }
-    const inputRuleMatch = match(text);
-    if (!inputRuleMatch) {
-      return null;
-    }
-    const result = [inputRuleMatch.text];
-    result.index = inputRuleMatch.index;
-    result.input = text;
-    result.data = inputRuleMatch.data;
-    if (inputRuleMatch.replaceWith) {
-      if (!inputRuleMatch.text.includes(inputRuleMatch.replaceWith)) {
-        console.warn(
-          '[super-editor warn]: "inputRuleMatch.replaceWith" must be part of "inputRuleMatch.text".'
+     * @param {(...args: any[]) => void} fn Callback.
+     * @returns {void}
+     */
+    off(name, fn2) {
+      const callbacks2 = __privateGet$1(this, _events).get(name);
+      if (!callbacks2) return;
+      if (fn2) {
+        __privateGet$1(this, _events).set(
+          name,
+          callbacks2.filter((cb) => cb !== fn2)
         );
+      } else {
+        __privateGet$1(this, _events).delete(name);
       }
-      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;
+    /**
+     * Subscribe to an event that will be called only once.
+     * @param {string} name Event name.
+     * @param {(...args: any[]) => void} fn Callback.
+     * @returns {void}
+     */
+    once(name, fn2) {
+      const wrapper = (...args) => {
+        this.off(name, wrapper);
+        fn2.apply(this, args);
+      };
+      this.on(name, wrapper);
     }
-    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;
+    /**
+     * Remove all registered events and subscriptions.
+     */
+    removeAllListeners() {
+      __privateSet(this, _events, /* @__PURE__ */ new Map());
     }
-    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;
+  _events = /* @__PURE__ */ new WeakMap();
+  var base$2 = {
+    8: "Backspace",
+    9: "Tab",
+    10: "Enter",
+    12: "NumLock",
+    13: "Enter",
+    16: "Shift",
+    17: "Control",
+    18: "Alt",
+    20: "CapsLock",
+    27: "Escape",
+    32: " ",
+    33: "PageUp",
+    34: "PageDown",
+    35: "End",
+    36: "Home",
+    37: "ArrowLeft",
+    38: "ArrowUp",
+    39: "ArrowRight",
+    40: "ArrowDown",
+    44: "PrintScreen",
+    45: "Insert",
+    46: "Delete",
+    59: ";",
+    61: "=",
+    91: "Meta",
+    92: "Meta",
+    106: "*",
+    107: "+",
+    108: ",",
+    109: "-",
+    110: ".",
+    111: "/",
+    144: "NumLock",
+    145: "ScrollLock",
+    160: "Shift",
+    161: "Shift",
+    162: "Control",
+    163: "Control",
+    164: "Alt",
+    165: "Alt",
+    173: "-",
+    186: ";",
+    187: "=",
+    188: ",",
+    189: "-",
+    190: ".",
+    191: "/",
+    192: "`",
+    219: "[",
+    220: "\\",
+    221: "]",
+    222: "'"
   };
-  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;
+  var shift = {
+    48: ")",
+    49: "!",
+    50: "@",
+    51: "#",
+    52: "$",
+    53: "%",
+    54: "^",
+    55: "&",
+    56: "*",
+    57: "(",
+    59: ":",
+    61: "+",
+    173: "_",
+    186: ":",
+    187: "+",
+    188: "<",
+    189: "_",
+    190: ">",
+    191: "?",
+    192: "~",
+    219: "{",
+    220: "|",
+    221: "}",
+    222: '"'
   };
-  const convertEmToPt = (html) => {
-    return html.replace(
-      /font-size\s*:\s*([\d.]+)em/gi,
-      (_, emValue) => {
-        const em = parseFloat(emValue);
-        const pt = Math.round(em * 12 * 100) / 100;
-        return `font-size: ${pt}pt`;
+  var mac$1 = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
+  var ie = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+  for (var i$1 = 0; i$1 < 10; i$1++) base$2[48 + i$1] = base$2[96 + i$1] = String(i$1);
+  for (var i$1 = 1; i$1 <= 24; i$1++) base$2[i$1 + 111] = "F" + i$1;
+  for (var i$1 = 65; i$1 <= 90; i$1++) {
+    base$2[i$1] = String.fromCharCode(i$1 + 32);
+    shift[i$1] = String.fromCharCode(i$1);
+  }
+  for (var code in base$2) if (!shift.hasOwnProperty(code)) shift[code] = base$2[code];
+  function keyName(event) {
+    var ignoreKey = mac$1 && event.metaKey && event.shiftKey && !event.ctrlKey && !event.altKey || ie && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
+    var name = !ignoreKey && event.key || (event.shiftKey ? shift : base$2)[event.keyCode] || event.key || "Unidentified";
+    if (name == "Esc") name = "Escape";
+    if (name == "Del") name = "Delete";
+    if (name == "Left") name = "ArrowLeft";
+    if (name == "Up") name = "ArrowUp";
+    if (name == "Right") name = "ArrowRight";
+    if (name == "Down") name = "ArrowDown";
+    return name;
+  }
+  const mac = typeof navigator != "undefined" && /Mac|iP(hone|[oa]d)/.test(navigator.platform);
+  const windows = typeof navigator != "undefined" && /Win/.test(navigator.platform);
+  function normalizeKeyName(name) {
+    let parts = name.split(/-(?!$)/), result = parts[parts.length - 1];
+    if (result == "Space")
+      result = " ";
+    let alt, ctrl, shift2, meta;
+    for (let i2 = 0; i2 < parts.length - 1; i2++) {
+      let mod = parts[i2];
+      if (/^(cmd|meta|m)$/i.test(mod))
+        meta = true;
+      else if (/^a(lt)?$/i.test(mod))
+        alt = true;
+      else if (/^(c|ctrl|control)$/i.test(mod))
+        ctrl = true;
+      else if (/^s(hift)?$/i.test(mod))
+        shift2 = true;
+      else if (/^mod$/i.test(mod)) {
+        if (mac)
+          meta = true;
+        else
+          ctrl = true;
+      } else
+        throw new Error("Unrecognized modifier name: " + mod);
+    }
+    if (alt)
+      result = "Alt-" + result;
+    if (ctrl)
+      result = "Ctrl-" + result;
+    if (meta)
+      result = "Meta-" + result;
+    if (shift2)
+      result = "Shift-" + result;
+    return result;
+  }
+  function normalize(map2) {
+    let copy2 = /* @__PURE__ */ Object.create(null);
+    for (let prop in map2)
+      copy2[normalizeKeyName(prop)] = map2[prop];
+    return copy2;
+  }
+  function modifiers(name, event, shift2 = true) {
+    if (event.altKey)
+      name = "Alt-" + name;
+    if (event.ctrlKey)
+      name = "Ctrl-" + name;
+    if (event.metaKey)
+      name = "Meta-" + name;
+    if (shift2 && event.shiftKey)
+      name = "Shift-" + name;
+    return name;
+  }
+  function keymap(bindings) {
+    return new Plugin({ props: { handleKeyDown: keydownHandler(bindings) } });
+  }
+  function keydownHandler(bindings) {
+    let map2 = normalize(bindings);
+    return function(view, event) {
+      let name = keyName(event), baseName, direct = map2[modifiers(name, event)];
+      if (direct && direct(view.state, view.dispatch, view))
+        return true;
+      if (name.length == 1 && name != " ") {
+        if (event.shiftKey) {
+          let noShift = map2[modifiers(name, event, false)];
+          if (noShift && noShift(view.state, view.dispatch, view))
+            return true;
+        }
+        if ((event.altKey || event.metaKey || event.ctrlKey) && // Ctrl-Alt may be used for AltGr on Windows
+        !(windows && event.ctrlKey && event.altKey) && (baseName = base$2[event.keyCode]) && baseName != name) {
+          let fromCode = map2[modifiers(baseName, event)];
+          if (fromCode && fromCode(view.state, view.dispatch, view))
+            return true;
+        }
       }
-    );
-  };
-  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();
+      return false;
+    };
+  }
+  function isExtensionRulesEnabled(extension, enabled) {
+    if (Array.isArray(enabled)) {
+      return enabled.some((enabledExtension) => {
+        const name = typeof enabledExtension === "string" ? enabledExtension : enabledExtension.name;
+        return name === extension.name;
+      });
+    }
+    return enabled;
   }
   const _ExtensionService = class _ExtensionService2 {
     constructor(extensions, userExtensions, editor) {
@@ -46629,14 +46660,16 @@
       });
     });
   };
-  const toggleHeaderFooterEditMode = (editor, focusedSectionEditor, isEditMode) => {
+  const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode, documentMode }) => {
     editor.converter.headerEditors.forEach((item) => {
       item.editor.setEditable(isEditMode, false);
       item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
+      item.editor.view.dom.setAttribute("documentmode", documentMode);
     });
     editor.converter.footerEditors.forEach((item) => {
       item.editor.setEditable(isEditMode, false);
       item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
+      item.editor.view.dom.setAttribute("documentmode", documentMode);
     });
     if (isEditMode) {
       const pm = document.querySelector(".ProseMirror");
@@ -47717,6 +47750,19 @@
       );
     });
   };
+  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;
@@ -47787,6 +47833,7 @@
     getAllHeaderFooterEditors,
     updateHeaderFooterFieldAnnotations,
     deleteHeaderFooterFieldAnnotations,
+    resetHeaderFooterFieldAnnotations,
     cleanUpListsWithAnnotations
   };
   const CollaborationPluginKey = new PluginKey("collaboration");
@@ -48155,7 +48202,12 @@
         this.commands.toggleTrackChangesShowOriginal();
         this.setEditable(false, false);
         this.setOptions({ documentMode: "viewing" });
-        toggleHeaderFooterEditMode(this, null, false);
+        toggleHeaderFooterEditMode({
+          editor: this,
+          focusedSectionEditor: null,
+          isEditMode: false,
+          documentMode: cleanedMode
+        });
       } else if (cleanedMode === "suggesting") {
         __privateMethod$1(this, _Editor_instances, registerPluginByNameIfNotExists_fn).call(this, "TrackChangesBase");
         this.commands.disableTrackChangesShowOriginal();
@@ -48168,7 +48220,12 @@
         this.commands.disableTrackChanges();
         this.setEditable(true, false);
         this.setOptions({ documentMode: "editing" });
-        toggleHeaderFooterEditMode(this, null, false);
+        toggleHeaderFooterEditMode({
+          editor: this,
+          focusedSectionEditor: null,
+          isEditMode: false,
+          documentMode: cleanedMode
+        });
       }
     }
     /**
@@ -48620,7 +48677,7 @@
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.13.3");
+      console.debug("[checkVersionMigrations] Current editor version", "0.13.4");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -49011,7 +49068,12 @@
         event.stopPropagation();
         if (!this.options.editable) {
           this.setEditable(true, false);
-          toggleHeaderFooterEditMode(this, null, false);
+          toggleHeaderFooterEditMode({
+            editor: this,
+            focusedSectionEditor: null,
+            isEditMode: false,
+            documentMode: this.options.documentMode
+          });
           const pm = document.querySelector(".ProseMirror");
           pm.classList.remove("header-footer-edit");
           pm.setAttribute("aria-readonly", false);
@@ -51831,7 +51893,16 @@
       };
     },
     parseDOM() {
-      return [{ tag: "span" }];
+      return [{
+        tag: 'span[linebreaktype="page"]',
+        getAttrs: (dom) => {
+          if (!(dom instanceof HTMLElement)) return false;
+          return {
+            pageBreakSource: dom.getAttribute("pagebreaksource") || null,
+            pageBreakType: dom.getAttribute("linebreaktype") || null
+          };
+        }
+      }];
     },
     renderDOM({ htmlAttributes }) {
       return ["span", Attribute.mergeAttributes(this.options.htmlAttributes, htmlAttributes)];
@@ -52261,13 +52332,13 @@
     return result;
   }
   var tableEditingKey = new PluginKey("selectingCells");
-  function cellAround($pos) {
+  function cellAround$1($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) {
+  function cellWrapping$1($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);
@@ -52287,7 +52358,7 @@
     } else if ("node" in sel && sel.node && sel.node.type.spec.tableRole == "cell") {
       return sel.$anchor;
     }
-    const $cell = cellAround(sel.$head) || cellNear(sel.$head);
+    const $cell = cellAround$1(sel.$head) || cellNear(sel.$head);
     if ($cell) {
       return $cell;
     }
@@ -53026,22 +53097,22 @@
     }
     return true;
   }
-  function splitCell(state2, dispatch) {
+  function splitCell$1(state2, dispatch) {
     const nodeTypes = tableNodeTypes(state2.schema);
     return splitCellWithType(({ node: node2 }) => {
       return nodeTypes[node2.type.spec.tableRole];
     })(state2, dispatch);
   }
-  function splitCellWithType(getCellType) {
+  function splitCellWithType(getCellType2) {
     return (state2, dispatch) => {
       var _a;
       const sel = state2.selection;
       let cellNode;
       let cellPos;
       if (!(sel instanceof CellSelection)) {
-        cellNode = cellWrapping(sel.$from);
+        cellNode = cellWrapping$1(sel.$from);
         if (!cellNode) return false;
-        cellPos = (_a = cellAround(sel.$from)) == null ? void 0 : _a.pos;
+        cellPos = (_a = cellAround$1(sel.$from)) == null ? void 0 : _a.pos;
       } else {
         if (sel.$anchorCell.pos != sel.$headCell.pos) return false;
         cellNode = sel.$anchorCell.nodeAfter;
@@ -53075,13 +53146,13 @@
             if (col == rect.left && row == rect.top) continue;
             tr.insert(
               lastCell = tr.mapping.map(pos + rect.tableStart, 1),
-              getCellType({ node: cellNode, row, col }).createAndFill(attrs[i2])
+              getCellType2({ node: cellNode, row, col }).createAndFill(attrs[i2])
             );
           }
         }
         tr.setNodeMarkup(
           cellPos,
-          getCellType({ node: cellNode, row: rect.top, col: rect.left }),
+          getCellType2({ node: cellNode, row: rect.top, col: rect.left }),
           attrs[0]
         );
         if (sel instanceof CellSelection)
@@ -53614,7 +53685,7 @@
     };
   }
   function handleTripleClick(view, pos) {
-    const doc2 = view.state.doc, $cell = cellAround(doc2.resolve(pos));
+    const doc2 = view.state.doc, $cell = cellAround$1(doc2.resolve(pos));
     if (!$cell) return false;
     view.dispatch(view.state.tr.setSelection(new CellSelection($cell)));
     return true;
@@ -53666,7 +53737,7 @@
     if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
       setCellSelection(view.state.selection.$anchorCell, startEvent);
       startEvent.preventDefault();
-    } else if (startEvent.shiftKey && startDOMCell && ($anchor = cellAround(view.state.selection.$anchor)) != null && ((_a = cellUnderMouse(view, startEvent)) == null ? void 0 : _a.pos) != $anchor.pos) {
+    } else if (startEvent.shiftKey && startDOMCell && ($anchor = cellAround$1(view.state.selection.$anchor)) != null && ((_a = cellUnderMouse(view, startEvent)) == null ? void 0 : _a.pos) != $anchor.pos) {
       setCellSelection($anchor, startEvent);
       startEvent.preventDefault();
     } else if (!startDOMCell) {
@@ -53737,7 +53808,7 @@
       top: event.clientY
     });
     if (!mousePos) return null;
-    return mousePos ? cellAround(view.state.doc.resolve(mousePos.pos)) : null;
+    return mousePos ? cellAround$1(view.state.doc.resolve(mousePos.pos)) : null;
   }
   var TableView = class {
     constructor(node2, defaultCellMinWidth) {
@@ -54002,7 +54073,7 @@
     });
     if (!found2) return -1;
     const { pos } = found2;
-    const $cell = cellAround(view.state.doc.resolve(pos));
+    const $cell = cellAround$1(view.state.doc.resolve(pos));
     if (!$cell) return -1;
     if (side == "right") return $cell.pos;
     const map2 = TableMap.get($cell.node(-1)), start2 = $cell.start(-1);
@@ -54164,6 +54235,19 @@
       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+",
@@ -54261,9 +54345,7 @@
     addCommands() {
       return {
         insertTable: ({ rows = 3, cols = 3, withHeaderRow = false } = {}) => ({ tr, dispatch, editor }) => {
-          const zeroWidthText = editor.schema.text("​");
-          const emptyPar = getNodeType("paragraph", editor.schema).create(null, zeroWidthText);
-          const node2 = createTable(editor.schema, rows, cols, withHeaderRow, emptyPar);
+          const node2 = createTable(editor.schema, rows, cols, withHeaderRow);
           if (dispatch) {
             const offset2 = tr.selection.from + 1;
             tr.replaceSelectionWith(node2).scrollIntoView().setSelection(TextSelection.near(tr.doc.resolve(offset2)));
@@ -54294,8 +54376,81 @@
         mergeCells: () => ({ state: state2, dispatch }) => {
           return mergeCells(state2, dispatch);
         },
-        splitCell: () => ({ state: state2, dispatch }) => {
-          return splitCell(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;
         },
         mergeOrSplit: () => ({ state: state2, dispatch }) => {
           if (mergeCells(state2, dispatch)) {
@@ -54417,6 +54572,10 @@
       };
     }
   });
+  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+",
@@ -55239,8 +55398,18 @@
             };
           }
         },
+        defaultDisplayLabel: {
+          default: "",
+          parseDOM: (elem) => elem.getAttribute("data-default-display-label"),
+          renderDOM: (attrs) => {
+            if (!attrs.defaultDisplayLabel) return {};
+            return {
+              "data-default-display-label": attrs.defaultDisplayLabel
+            };
+          }
+        },
         displayLabel: {
-          default: "Text field",
+          default: "",
           parseDOM: (elem) => elem.getAttribute("data-display-label"),
           renderDOM: (attrs) => {
             if (!attrs.displayLabel) return {};
@@ -55306,7 +55475,7 @@
           default: "#980043",
           parseDOM: (elem) => elem.getAttribute("data-field-color") || elem.style.backgroundColor || null,
           renderDOM: (attrs) => {
-            if (!attrs.fieldColor) return {};
+            if (!attrs.fieldColor || attrs.fieldColor == "None") return {};
             let hexColor = toHex(attrs.fieldColor);
             let isSixValueSyntax = hexColor.slice(1).length === 6;
             if (isSixValueSyntax) {
@@ -55556,6 +55725,7 @@
       return renderer2();
     },
     addCommands() {
+      const annotationTypes = this.options.types;
       return {
         /**
          * Add field annotation.
@@ -55577,7 +55747,12 @@
             let currentMarks = $pos.marks();
             currentMarks = currentMarks.length ? [...currentMarks] : null;
             let formatAttrs = getFormatAttrsFromMarks(currentMarks);
-            let node2 = schema.nodes[this.name].create({ ...attrs, ...formatAttrs }, null, null);
+            let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+            let node2 = schema.nodes[this.name].create({
+              ...attrs,
+              ...formatAttrs,
+              defaultDisplayLabel
+            }, null, null);
             state2.tr.insert(newPos, node2).setSelection(Selection.near(tr.doc.resolve(newPos + node2.nodeSize)));
             if (editorFocus) {
               this.editor.view.focus();
@@ -55585,9 +55760,9 @@
           }
           return true;
         },
-        addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ editor, dispatch, state: state2, tr, commands: commands2 }) => {
+        addFieldAnnotationAtSelection: (attrs = {}, editorFocus = false) => ({ state: state2, commands: commands2 }) => {
           const { from: from2 } = state2.selection;
-          commands2.addFieldAnnotation(from2, attrs, editorFocus);
+          return commands2.addFieldAnnotation(from2, attrs, editorFocus);
         },
         /**
          * Replace field annotation.
@@ -55597,24 +55772,113 @@
          *  from: 20,
          *  to: 45,
          *  attrs: {
-         *  fieldType: 'TEXTINPUT'
-         *  fieldColor: '#980043'
+         *    fieldType: 'TEXTINPUT'
+         *    fieldColor: '#980043'
          *  }
          * ])
          */
-        replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, state: state2, tr }) => {
+        replaceWithFieldAnnotation: (fieldsArray) => ({ editor, dispatch, tr }) => {
           if (!dispatch) return true;
-          tr.setMeta("fieldAnnotationReplace", true);
           fieldsArray.forEach((annotation) => {
             let { from: from2, to, attrs } = annotation;
             let { schema } = editor;
             let newPosFrom = tr.mapping.map(from2);
             let newPosTo = tr.mapping.map(to);
-            let node2 = schema.nodes[this.name].create({ ...attrs }, null, null);
+            let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+            let node2 = schema.nodes[this.name].create({
+              ...attrs,
+              defaultDisplayLabel
+            }, null, null);
             tr.replaceWith(newPosFrom, newPosTo, node2);
           });
           return true;
         },
+        /**
+         * Replace annotations with a label (as text node) in selection.
+         * @param options Additional options.
+         * @example
+         * editor.commands.replaceFieldAnnotationsWithLabelInSelection()
+         */
+        replaceFieldAnnotationsWithLabelInSelection: (options2 = {}) => ({ commands: commands2 }) => {
+          return commands2.replaceFieldAnnotationsWithLabel(null, {
+            ...options2,
+            isInSelection: true
+          });
+        },
+        /**
+         * Replace annotations with a label (as text node).
+         * @param fieldIdOrArray The field ID or array of field IDs.
+         * @param options.isInSelection Find in selection instead of field IDs.
+         * @param options.addToHistory Add to history or not.
+         * @param options.types Annotation types to replace.
+         * @example
+         * editor.commands.replaceFieldAnnotationsWithLabel(['1', '2'])
+         */
+        replaceFieldAnnotationsWithLabel: (fieldIdOrArray, {
+          isInSelection = false,
+          addToHistory = false,
+          types: types2 = annotationTypes
+        } = {}) => ({ dispatch, state: state2, tr }) => {
+          let { from: from2, to } = state2.selection;
+          let annotations = isInSelection ? findFieldAnnotationsBetween(from2, to, state2.doc) : findFieldAnnotationsByFieldId(fieldIdOrArray, state2);
+          annotations = types2.length ? annotations.filter(({ node: node2 }) => types2.includes(node2.attrs.type)) : annotations;
+          if (!annotations.length) {
+            return true;
+          }
+          if (!addToHistory) {
+            tr.setMeta("addToHistory", false);
+          }
+          if (dispatch) {
+            annotations.forEach((annotation) => {
+              let { pos, node: node2 } = annotation;
+              let newPosFrom = tr.mapping.map(pos);
+              let newPosTo = tr.mapping.map(pos + node2.nodeSize);
+              let currentNode = tr.doc.nodeAt(newPosFrom);
+              let nodeEqual = node2.attrs.fieldId === currentNode?.attrs?.fieldId;
+              let $newPosFrom = tr.doc.resolve(newPosFrom);
+              let currentMarks = $newPosFrom.marks();
+              currentMarks = currentMarks.length ? [...currentMarks] : null;
+              if (nodeEqual) {
+                let label = node2.attrs.displayLabel || " ";
+                let textNode = state2.schema.text(label, currentMarks);
+                tr.replaceWith(newPosFrom, newPosTo, textNode);
+              }
+            });
+          }
+          return true;
+        },
+        /**
+         * Resets all annotations to default values.
+         * @example
+         * editor.commands.resetFieldAnnotations()
+         */
+        resetFieldAnnotations: () => ({ dispatch, state: state2, tr }) => {
+          let annotations = getAllFieldAnnotations(state2);
+          if (!annotations.length) {
+            return true;
+          }
+          tr.setMeta("fieldAnnotationUpdate", true);
+          if (dispatch) {
+            annotations.forEach(({ pos, node: node2 }) => {
+              let newPos = tr.mapping.map(pos);
+              let currentNode = tr.doc.nodeAt(newPos);
+              let nodeEqual = node2.attrs.fieldId === currentNode?.attrs?.fieldId;
+              if (nodeEqual) {
+                let displayLabel = node2.attrs.defaultDisplayLabel || node2.attrs.displayLabel || "";
+                tr.setNodeMarkup(newPos, void 0, {
+                  ...node2.attrs,
+                  // reset displayLabel to default.
+                  displayLabel,
+                  // reset attrs ​​for specific types.
+                  imageSrc: null,
+                  rawHtml: null,
+                  linkUrl: null
+                });
+              }
+            });
+          }
+          return true;
+        },
         /**
          * Update annotations associated with a field.
          * @param fieldIdOrArray The field ID or array of field IDs.
@@ -56487,7 +56751,6 @@
     group: "inline",
     inline: true,
     atom: true,
-    selectable: false,
     draggable: false,
     selectable: false,
     defining: true,
@@ -56550,7 +56813,6 @@
     group: "inline",
     inline: true,
     atom: true,
-    selectable: false,
     draggable: false,
     selectable: false,
     content: "text*",
@@ -56572,6 +56834,12 @@
         }
       };
     },
+    addNodeView() {
+      return ({ node: node2, editor, getPos, decorations }) => {
+        const htmlAttributes = this.options.htmlAttributes;
+        return new AutoPageNumberNodeView(node2, getPos, decorations, editor, htmlAttributes);
+      };
+    },
     parseDOM() {
       return [{ tag: 'span[data-id="auto-total-pages"' }];
     },
@@ -56605,6 +56873,26 @@
       };
     }
   });
+  const getNodeAttributes = (nodeName, editor) => {
+    switch (nodeName) {
+      case "page-number":
+        return {
+          text: editor.options.currentPageNumber || "1",
+          className: "sd-editor-auto-page-number",
+          dataId: "auto-page-number",
+          ariaLabel: "Page number node"
+        };
+      case "total-page-number":
+        return {
+          text: editor.options.parentEditor?.currentTotalPages || "1",
+          className: "sd-editor-auto-total-pages",
+          dataId: "auto-total-pages",
+          ariaLabel: "Total page count node"
+        };
+      default:
+        return {};
+    }
+  };
   class AutoPageNumberNodeView {
     constructor(node2, getPos, decorations, editor, htmlAttributes = {}) {
       __privateAdd$1(this, _AutoPageNumberNodeView_instances);
@@ -56623,12 +56911,12 @@
   }
   _AutoPageNumberNodeView_instances = /* @__PURE__ */ new WeakSet();
   renderDom_fn = function(node2, htmlAttributes) {
-    const pageText = this.editor.options.currentPageNumber || "1";
-    const content = document.createTextNode(String(pageText));
+    const attrs = getNodeAttributes(this.node.type.name, this.editor);
+    const content = document.createTextNode(String(attrs.text));
     const nodeContent = document.createElement("span");
-    nodeContent.className = "sd-editor-auto-page-number";
-    nodeContent.setAttribute("data-id", "auto-page-number");
-    nodeContent.setAttribute("aria-label", "Page number node");
+    nodeContent.className = attrs.className;
+    nodeContent.setAttribute("data-id", attrs.dataId);
+    nodeContent.setAttribute("aria-label", attrs.ariaLabel);
     const currentPos = this.getPos();
     const { styles, marks } = getMarksFromNeighbors(currentPos, this.view);
     __privateMethod$1(this, _AutoPageNumberNodeView_instances, scheduleUpdateNodeStyle_fn).call(this, currentPos, marks);
@@ -62020,7 +62308,12 @@
   const onHeaderFooterDblClick = (editor, currentFocusedSectionEditor) => {
     if (editor.options.documentMode !== "editing") return;
     editor.setEditable(false, false);
-    toggleHeaderFooterEditMode(editor, currentFocusedSectionEditor, true);
+    toggleHeaderFooterEditMode({
+      editor,
+      focusedSectionEditor: currentFocusedSectionEditor,
+      isEditMode: true,
+      documentMode: editor.options.documentMode
+    });
   };
   function createPageBreak({ editor, header, footer, footerBottom = null, isFirstHeader, isLastFooter, isInTable: isInTable2 = false }) {
     const { pageSize, pageMargins } = editor.converter.pageStyles;
@@ -62600,6 +62893,7 @@
           if (tr.getMeta(NodeResizerKey)) {
             return oldState;
           }
+          if (typeof document === "undefined") return oldState;
           const decorations = [];
           const { selection } = newState;
           if (nodeNames.includes(selection.node?.type.name)) {
@@ -93320,7 +93614,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.13.3";
+      this.version = "0.13.4";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;