@harbour-enterprises/superdoc 0.25.0 → 0.26.0-next.1

package/dist/superdoc.umd.js

@@ -40057,8 +40057,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     handlerName: "w:bookmarkEndTranslator",
     handler: handleBookmarkEndNode
   };
-  const ALTERNATE_CONTENT_NODE = "mc:AlternateContent";
-  const SUPPORTED_REQUIRES = /* @__PURE__ */ new Set([
+  const SUPPORTED_ALTERNATE_CONTENT_REQUIRES = /* @__PURE__ */ new Set([
     "wps",
     "wp14",
     "w14",
@@ -40071,22 +40070,85 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     "w16sdtfl",
     "w16se"
   ]);
+  const XML_NODE_NAME$1 = "mc:AlternateContent";
+  const SD_NODE_NAME$1 = [];
+  const validXmlAttributes$1 = [];
+  function encode$1(params2) {
+    const { nodeListHandler } = params2;
+    const { node } = params2.extraParams;
+    if (!node || !node.type) {
+      return null;
+    }
+    const { branch, elements } = selectAlternateContentElements(node);
+    if (!elements) {
+      return null;
+    }
+    return nodeListHandler.handler({
+      ...params2,
+      nodes: elements,
+      path: buildPath(params2.path, node, branch)
+    });
+  }
+  function decode$1(params2) {
+    const { node } = params2;
+    const { drawingContent } = node.attrs;
+    const drawing = {
+      name: "w:drawing",
+      elements: [...drawingContent ? [...drawingContent.elements || []] : []]
+    };
+    const choice = {
+      name: "mc:Choice",
+      attributes: { Requires: "wps" },
+      elements: [drawing]
+    };
+    return {
+      name: "mc:AlternateContent",
+      elements: [choice]
+    };
+  }
+  const config$1 = {
+    xmlName: XML_NODE_NAME$1,
+    sdNodeOrKeyName: SD_NODE_NAME$1,
+    type: NodeTranslator.translatorTypes.NODE,
+    encode: encode$1,
+    decode: decode$1,
+    attributes: validXmlAttributes$1
+  };
+  function selectAlternateContentElements(node) {
+    if (!node?.elements?.length) {
+      return { branch: null, elements: null };
+    }
+    const choices = node.elements.filter((el) => el?.name === "mc:Choice");
+    const fallback = node.elements.find((el) => el?.name === "mc:Fallback");
+    const supportedChoice = choices.find((choice) => {
+      const requiresAttr = choice?.attributes?.Requires || choice?.attributes?.requires;
+      if (!requiresAttr) return false;
+      return requiresAttr.split(/\s+/).filter(Boolean).some((namespace2) => SUPPORTED_ALTERNATE_CONTENT_REQUIRES.has(namespace2));
+    });
+    const branch = supportedChoice || fallback || choices[0] || null;
+    const selectedElements = branch?.elements;
+    if (!selectedElements) {
+      return { branch, elements: null };
+    }
+    return {
+      branch,
+      elements: carbonCopy(selectedElements)
+    };
+  }
+  const translator$1 = NodeTranslator.from(config$1);
+  function buildPath(existingPath = [], node, branch) {
+    const path = [...existingPath];
+    if (node) path.push(node);
+    if (branch) path.push(branch);
+    return path;
+  }
+  const ALTERNATE_CONTENT_NODE = "mc:AlternateContent";
   const skipHandlerResponse = { nodes: [], consumed: 0 };
   const isAlternateContentNode = (node) => node?.name === ALTERNATE_CONTENT_NODE;
-  const isSupportedChoice = (choice) => {
-    if (!choice?.attributes) return false;
-    const requires = choice.attributes.Requires || choice.attributes.requires;
-    if (!requires) return false;
-    return requires.split(/\s+/).filter(Boolean).some((namespace2) => SUPPORTED_REQUIRES.has(namespace2));
-  };
   const resolveAlternateContentElements = (alternateContent) => {
-    if (!alternateContent?.elements?.length) return null;
-    const choices = alternateContent.elements.filter((el) => el.name === "mc:Choice");
-    const fallback = alternateContent.elements.find((el) => el.name === "mc:Fallback");
-    const supportedChoice = choices.find(isSupportedChoice);
-    const selectedElements = supportedChoice?.elements || fallback?.elements || choices[0]?.elements;
-    if (!selectedElements) return null;
-    return carbonCopy(selectedElements);
+    const { elements } = selectAlternateContentElements(alternateContent);
+    if (!elements) return null;
+    return elements;
   };
   const buildNodeWithoutAlternateContent = (node) => {
     const { elements } = node || {};
@@ -40118,16 +40180,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     const [currentNode] = nodes;
     if (isAlternateContentNode(currentNode)) {
-      const resolvedElements = resolveAlternateContentElements(currentNode);
-      if (!resolvedElements) {
-        return skipHandlerResponse;
-      }
-      const result2 = nodeListHandler.handler({
+      const nodeForTranslator = currentNode?.type ? currentNode : {
+        ...currentNode,
+        type: "element"
+      };
+      const translated = translator$1.encode({
         ...params2,
-        nodes: resolvedElements,
-        path: [...params2.path || [], currentNode]
+        nodes: [nodeForTranslator],
+        extraParams: { ...params2.extraParams || {}, node: nodeForTranslator }
       });
-      return { nodes: result2, consumed: 1 };
+      if (!translated) {
+        return skipHandlerResponse;
+      }
+      const nodesArray = Array.isArray(translated) ? translated : [translated];
+      return { nodes: nodesArray, consumed: 1 };
     }
     const sanitizedNode = buildNodeWithoutAlternateContent(currentNode);
     if (!sanitizedNode) {
@@ -41398,55 +41464,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return textbox;
   }
-  const XML_NODE_NAME$1 = "mc:AlternateContent";
-  const SD_NODE_NAME$1 = [];
-  const validXmlAttributes$1 = [];
-  function encode$1(params2) {
-    const { nodeListHandler } = params2;
-    const { node } = params2.extraParams;
-    if (!node || !node.type) {
-      return null;
-    }
-    const allowedNamespaces = ["wps", "wp14", "w14", "w15"];
-    const wpsNode = node.elements.find(
-      (el) => el.name === "mc:Choice" && allowedNamespaces.includes(el.attributes["Requires"])
-    );
-    if (!wpsNode) {
-      return null;
-    }
-    const contents = wpsNode.elements;
-    return nodeListHandler.handler({
-      ...params2,
-      nodes: contents,
-      path: [...params2.path || [], wpsNode]
-    });
-  }
-  function decode$1(params2) {
-    const { node } = params2;
-    const { drawingContent } = node.attrs;
-    const drawing = {
-      name: "w:drawing",
-      elements: [...drawingContent ? [...drawingContent.elements || []] : []]
-    };
-    const choice = {
-      name: "mc:Choice",
-      attributes: { Requires: "wps" },
-      elements: [drawing]
-    };
-    return {
-      name: "mc:AlternateContent",
-      elements: [choice]
-    };
-  }
-  const config$1 = {
-    xmlName: XML_NODE_NAME$1,
-    sdNodeOrKeyName: SD_NODE_NAME$1,
-    type: NodeTranslator.translatorTypes.NODE,
-    encode: encode$1,
-    decode: decode$1,
-    attributes: validXmlAttributes$1
-  };
-  const translator$1 = NodeTranslator.from(config$1);
   function translateContentBlock(params2) {
     const { node } = params2;
     const { vmlAttributes, horizontalRule } = node.attrs;
@@ -42839,7 +42856,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     static getStoredSuperdocVersion(docx) {
       return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
     }
-    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.24.0") {
+    static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.25.0") {
       return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
     }
     /**
@@ -46050,7 +46067,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
   var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
   var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
   var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-  var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFontsWithLocalFonts_fn, determineUnsupportedFontsWithCanvas_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ListItemNodeView_instances, init_fn3, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
+  var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _editor, _stateValidators, _xmlValidators, _requiredNodeTypes, _requiredMarkTypes, _SuperValidator_instances, initializeValidators_fn, collectValidatorRequirements_fn, analyzeDocument_fn, _commandService, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, registerCopyHandler_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, checkFonts_fn, determineUnsupportedFonts_fn, createSchema_fn, generatePmData_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, validateDocumentInit_fn, validateDocumentExport_fn, initDevTools_fn, _DocumentSectionView_instances, init_fn2, addToolTip_fn, _ListItemNodeView_instances, init_fn3, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
   var GOOD_LEAF_SIZE = 200;
   var RopeSequence = function RopeSequence2() {
   };
@@ -60265,7 +60282,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         isHeaderFooterChanged: false,
         isCustomXmlChanged: false,
         focusTarget: null,
-        permissionResolver: null
+        permissionResolver: null,
+        // header/footer editors may have parent(main) editor set
+        parentEditor: null
       });
       __privateMethod$1(this, _Editor_instances, initContainerElement_fn).call(this, options);
       __privateMethod$1(this, _Editor_instances, checkHeadless_fn).call(this, options);
@@ -61027,7 +61046,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.24.0");
+      console.debug("[checkVersionMigrations] Current editor version", "0.25.0");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -61233,9 +61252,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     this.emit("beforeCreate", { editor: this });
     this.on("contentError", this.options.onContentError);
     this.mount(this.options.element);
-    if (!this.options.isHeadless) {
-      __privateMethod$1(this, _Editor_instances, checkFonts_fn).call(this);
-    }
     this.on("create", this.options.onCreate);
     this.on("update", this.options.onUpdate);
     this.on("selectionUpdate", this.options.onSelectionUpdate);
@@ -61257,8 +61273,12 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!this.options.isHeadless) {
       this.initializeCollaborationData();
       this.initDefaultStyles();
+      __privateMethod$1(this, _Editor_instances, checkFonts_fn).call(this);
     }
-    if (!this.options.ydoc || this.options.markdown || this.options.html) {
+    const shouldMigrateListsOnInit = Boolean(
+      this.options.markdown || this.options.html || this.options.loadFromSchema || this.options.jsonOverride || this.options.mode === "html" || this.options.mode === "text"
+    );
+    if (shouldMigrateListsOnInit) {
       this.migrateListsToV2();
     }
     this.setDocumentMode(this.options.documentMode);
@@ -61399,52 +61419,18 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (this.options.isHeadless) {
       return;
     }
-    const fontsUsedInDocument = this.converter.getDocumentFonts();
-    if (!("queryLocalFonts" in window)) {
-      console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
-      const unsupportedFonts = __privateMethod$1(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
-      this.emit("fonts-resolved", {
-        documentFonts: fontsUsedInDocument,
-        unsupportedFonts
-      });
-      return;
-    }
-    const localFontAccess = await navigator.permissions.query({ name: "local-fonts" });
-    if (localFontAccess.state === "denied") {
-      console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
-      const unsupportedFonts = __privateMethod$1(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
-      this.emit("fonts-resolved", {
-        documentFonts: fontsUsedInDocument,
-        unsupportedFonts
-      });
-      return;
-    }
     try {
-      const localFonts = await window.queryLocalFonts();
-      const uniqueLocalFonts = [...new Set(localFonts.map((font) => font.family))];
-      const unsupportedFonts = __privateMethod$1(this, _Editor_instances, determineUnsupportedFontsWithLocalFonts_fn).call(this, fontsUsedInDocument, uniqueLocalFonts);
+      const fontsUsedInDocument = this.converter.getDocumentFonts();
+      const unsupportedFonts = __privateMethod$1(this, _Editor_instances, determineUnsupportedFonts_fn).call(this, fontsUsedInDocument);
       this.emit("fonts-resolved", {
         documentFonts: fontsUsedInDocument,
         unsupportedFonts
       });
     } catch {
-      console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
-      const unsupportedFonts = __privateMethod$1(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
-      this.emit("fonts-resolved", {
-        documentFonts: fontsUsedInDocument,
-        unsupportedFonts
-      });
+      console.warn("[SuperDoc] Could not determine document fonts and unsupported fonts");
     }
   };
-  determineUnsupportedFontsWithLocalFonts_fn = function(fonts, localFonts) {
-    const unsupportedFonts = fonts.filter((font) => {
-      const isLocalFont = localFonts.includes(font);
-      const isFontImported = this.fontsImported.includes(font);
-      return !isLocalFont && !isFontImported;
-    });
-    return unsupportedFonts;
-  };
-  determineUnsupportedFontsWithCanvas_fn = function(fonts) {
+  determineUnsupportedFonts_fn = function(fonts) {
     const unsupportedFonts = fonts.filter((font) => {
       const canRender = canRenderFont(font);
       const isFontImported = this.fontsImported.includes(font);
@@ -61532,6 +61518,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (this.options.collaborationIsReady) return;
     console.debug("🔗 [super-editor] Collaboration ready");
     __privateMethod$1(this, _Editor_instances, validateDocumentInit_fn).call(this);
+    if (this.options.ydoc) {
+      this.migrateListsToV2();
+    }
     this.options.onCollaborationReady({ editor, ydoc });
     this.options.collaborationIsReady = true;
     this.options.initialState = this.state;
@@ -63477,10 +63466,27 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const result = findChildren$5(state2.doc, (node) => node.type.name === "structuredContentBlock");
     return result;
   }
+  function getStructuredContentTablesById(id, state2) {
+    if (!id || !state2) return [];
+    const blocks = getStructuredContentTagsById(id, state2).filter(
+      ({ node }) => node.type.name === "structuredContentBlock"
+    );
+    if (!blocks.length) return [];
+    const { pos: blockPos, node: blockNode } = blocks[0];
+    const tablesInBlock = [];
+    blockNode.descendants((child, relPos) => {
+      if (child.type.name === "table") {
+        const absPos = blockPos + 1 + relPos;
+        tablesInBlock.push({ node: child, pos: absPos });
+      }
+    });
+    return tablesInBlock;
+  }
   const structuredContentHelpers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     getStructuredContentBlockTags,
     getStructuredContentInlineTags,
+    getStructuredContentTablesById,
     getStructuredContentTags,
     getStructuredContentTagsById
   }, Symbol.toStringTag, { value: "Module" }));
@@ -63677,6 +63683,36 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             tr.replaceWith(posFrom, posTo, content);
           }
           return true;
+        },
+        /**
+         * Append multiple rows to the end of a table inside a structured content block.
+         * Each inner array represents the cell values for one new row.
+         * @category Command
+         * @param {StructuredContentTableAppendRowsOptions} options - Append configuration
+         * @example
+         * editor.commands.appendRowsToStructuredContentTable({
+         *   id: 'block-123',
+         *   tableIndex: 0,
+         *   rows: [['A', 'B'], ['C', 'D']],
+         *   copyRowStyle: true,
+         * });
+         */
+        appendRowsToStructuredContentTable: ({ id, tableIndex = 0, rows = [], copyRowStyle = false }) => ({ state: state2, commands: commands2, dispatch }) => {
+          const normalized = normalizeRowsInput(rows);
+          if (!normalized.length) return true;
+          const tables = getStructuredContentTablesById(id, state2);
+          if (!tables.length || tableIndex < 0 || tableIndex >= tables.length) return true;
+          const { node: tableNode, pos: tablePos } = tables[tableIndex];
+          if (dispatch) {
+            return commands2.appendRowsWithContent({ tablePos, tableNode, valueRows: normalized, copyRowStyle });
+          }
+          return commands2.appendRowsWithContent({
+            tablePos,
+            tableNode,
+            valueRows: normalized,
+            copyRowStyle,
+            dispatch: false
+          });
         }
       };
     },
@@ -63686,6 +63722,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       };
     }
   });
+  const normalizeRowsInput = (rowsOrValues) => {
+    if (!Array.isArray(rowsOrValues) || !rowsOrValues.length) {
+      return [];
+    }
+    if (Array.isArray(rowsOrValues[0])) {
+      return rowsOrValues;
+    }
+    return [rowsOrValues];
+  };
   class DocumentSectionView {
     constructor(node, getPos, decorations, editor) {
       __privateAdd$1(this, _DocumentSectionView_instances);
@@ -69438,6 +69483,107 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return null;
   }
+  function resolveTable(tr, tablePos, tableNode) {
+    if (tableNode && tableNode.type && tableNode.type.name === "table") {
+      return tableNode;
+    }
+    if (typeof tablePos === "number") {
+      const current = tr.doc.nodeAt(tablePos);
+      if (current && current.type.name === "table") {
+        return current;
+      }
+    }
+    return null;
+  }
+  function pickTemplateRowForAppend(tableNode, schema) {
+    const RowType = schema.nodes.tableRow;
+    const rows = [];
+    tableNode.descendants((child) => {
+      if (child.type === RowType) rows.push(child);
+    });
+    if (!rows.length) return null;
+    for (let i2 = rows.length - 1; i2 >= 0; i2--) {
+      const r2 = rows[i2];
+      const hasBodyCell = r2.content?.content?.some((c2) => c2.type.name === "tableCell");
+      if (hasBodyCell) return r2;
+    }
+    return rows[rows.length - 1];
+  }
+  function extractRowTemplateFormatting(cellNode, schema) {
+    const ParagraphType = schema.nodes.paragraph;
+    let blockType = ParagraphType;
+    let blockAttrs = null;
+    let textMarks = [];
+    const blocks = cellNode?.content?.content || [];
+    for (const block of blocks) {
+      const isParagraphish = block.type === ParagraphType || block.type.name === "heading";
+      if (isParagraphish) {
+        blockType = block.type || ParagraphType;
+        blockAttrs = block.attrs || null;
+      }
+      let foundText = null;
+      block.descendants?.((n) => {
+        if (!foundText && n.isText) foundText = n;
+      });
+      if (foundText) {
+        textMarks = foundText.marks ? Array.from(foundText.marks) : [];
+        break;
+      }
+    }
+    if (!blockType || !blockType.validContent) blockType = ParagraphType;
+    return { blockType, blockAttrs, textMarks };
+  }
+  function buildFormattedCellBlock(schema, value, { blockType, blockAttrs, textMarks }, copyRowStyle = false) {
+    const text = typeof value === "string" ? value : value == null ? "" : String(value);
+    const marks = copyRowStyle ? textMarks || [] : [];
+    const textNode = schema.text(text, marks);
+    const type2 = blockType || schema.nodes.paragraph;
+    return type2.createAndFill(blockAttrs || null, textNode);
+  }
+  function buildRowFromTemplateRow({ schema, tableNode, templateRow, values, copyRowStyle = false }) {
+    const RowType = schema.nodes.tableRow;
+    const CellType = schema.nodes.tableCell;
+    const HeaderType = schema.nodes.tableHeader;
+    const map2 = TableMap.get(tableNode);
+    const totalColumns = map2.width;
+    const byColumns = Array.isArray(values) && values.length === totalColumns;
+    const newCells = [];
+    let columnCursor = 0;
+    templateRow.content.content.forEach((cellNode, cellIndex) => {
+      const isHeaderCell = cellNode.type === HeaderType;
+      const targetCellType = isHeaderCell ? CellType : cellNode.type;
+      const attrs = { ...cellNode.attrs };
+      const formatting = extractRowTemplateFormatting(cellNode, schema);
+      let cellValue = "";
+      if (byColumns) {
+        const span = Math.max(1, attrs.colspan || 1);
+        cellValue = values[columnCursor] ?? "";
+        columnCursor += span;
+      } else {
+        cellValue = Array.isArray(values) ? values[cellIndex] ?? "" : "";
+      }
+      const content = buildFormattedCellBlock(schema, cellValue, formatting, copyRowStyle);
+      const newCell = targetCellType.createAndFill(attrs, content);
+      if (newCell) newCells.push(newCell);
+    });
+    return RowType.createAndFill(null, newCells);
+  }
+  function insertRowsAtTableEnd({ tr, tablePos, tableNode, rows }) {
+    if (!rows || !rows.length) return;
+    const RowTypeName = "tableRow";
+    let lastRowRelPos = 0;
+    let lastRowNode = null;
+    tableNode.descendants((child, relPos) => {
+      if (child.type.name === RowTypeName) {
+        lastRowRelPos = relPos;
+        lastRowNode = child;
+      }
+    });
+    if (!lastRowNode) return;
+    const lastRowAbsEnd = tablePos + 1 + lastRowRelPos + lastRowNode.nodeSize;
+    const frag = Fragment.fromArray(rows);
+    tr.insert(lastRowAbsEnd, frag);
+  }
   const Table = Node$1.create({
     name: "table",
     content: "tableRow+",
@@ -69597,6 +69743,47 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     },
     addCommands() {
       return {
+        /**
+         * Append multiple rows to the end of a table in a single transaction.
+         * @category Command
+         * @param {appendRowsWithContentOptions} options - Append configuration
+         * @example
+         * editor.commands.appendRowsWithContent({ tablePos, valueRows: [['A','B'], ['C','D']], copyRowStyle: true })
+         */
+        appendRowsWithContent: ({ tablePos, tableNode, valueRows = [], copyRowStyle = false }) => ({ editor, chain }) => {
+          if (typeof tablePos !== "number" && !tableNode || !Array.isArray(valueRows) || !valueRows.length) {
+            return false;
+          }
+          return chain().command(({ tr, dispatch }) => {
+            const workingTable = resolveTable(tr, tablePos, tableNode);
+            if (!workingTable) return false;
+            const templateRow = pickTemplateRowForAppend(workingTable, editor.schema);
+            if (!templateRow) return false;
+            const newRows = valueRows.map(
+              (vals) => buildRowFromTemplateRow({
+                schema: editor.schema,
+                tableNode: workingTable,
+                templateRow,
+                values: vals,
+                copyRowStyle
+              })
+            ).filter(Boolean);
+            if (!newRows.length) return false;
+            let resolvedTablePos = tablePos;
+            if (typeof resolvedTablePos !== "number" && workingTable) {
+              const tables = editor.getNodesOfType("table");
+              const match = workingTable ? tables.find((t) => t.node.eq(workingTable)) : tables[0];
+              resolvedTablePos = match?.pos ?? null;
+            }
+            if (typeof resolvedTablePos !== "number") {
+              return false;
+            }
+            if (dispatch) {
+              insertRowsAtTableEnd({ tr, tablePos, tableNode: workingTable, rows: newRows });
+            }
+            return true;
+          }).run();
+        },
         /**
          * Insert a new table into the document
          * @category Command
@@ -72503,58 +72690,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
     });
   };
-  const normalizeWrap = (attrs = {}) => {
-    const wrap2 = attrs.wrap;
-    if (wrap2?.type && wrap2.type !== "Inline") {
-      return {
-        type: wrap2.type,
-        attrs: wrap2.attrs ?? {}
-      };
-    }
-    if (wrap2?.type === "Inline" && Object.keys(wrap2.attrs ?? {}).length) {
-      return {
-        type: "Inline",
-        attrs: wrap2.attrs
-      };
-    }
-    if (!wrap2 && attrs.wrapText) {
-      return {
-        type: "Square",
-        attrs: {
-          wrapText: attrs.wrapText
-        }
-      };
-    }
-    if (!wrap2 && attrs.wrapTopAndBottom) {
-      return {
-        type: "TopAndBottom",
-        attrs: {}
-      };
-    }
-    if (wrap2?.type === "Inline") {
-      return {
-        type: "Inline",
-        attrs: wrap2.attrs ?? {}
-      };
-    }
-    return {
-      type: "Inline",
-      attrs: {}
-    };
-  };
-  const normalizeMarginOffset = (marginOffset = {}) => {
-    const { left: left2, horizontal, ...rest } = marginOffset;
-    return {
-      ...rest,
-      horizontal: horizontal ?? left2
-    };
-  };
-  const getNormalizedImageAttrs = (attrs = {}) => {
-    return {
-      wrap: normalizeWrap(attrs),
-      marginOffset: normalizeMarginOffset(attrs.marginOffset ?? {})
-    };
-  };
   const ImagePositionPluginKey = new PluginKey("ImagePosition");
   const ImagePositionPlugin = ({ editor }) => {
     const { view } = editor;
@@ -72567,8 +72702,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           return DecorationSet.empty;
         },
         apply(tr, oldDecorationSet, oldState, newState) {
-          if (!tr.docChanged) return oldDecorationSet;
+          if (!tr.docChanged && !shouldUpdate) return oldDecorationSet;
           const decorations = getImagePositionDecorations(newState, view);
+          shouldUpdate = false;
           return DecorationSet.create(newState.doc, decorations);
         }
       },
@@ -72577,7 +72713,6 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           update: (view2, lastState) => {
             const pagination = PaginationPluginKey.getState(lastState);
             if (shouldUpdate) {
-              shouldUpdate = false;
               const decorations = getImagePositionDecorations(lastState, view2);
               const updateTransaction = view2.state.tr.setMeta(ImagePositionPluginKey, { decorations });
               view2.dispatch(updateTransaction);
@@ -72603,41 +72738,35 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         let className = "";
         const { vRelativeFrom, alignH } = node.attrs.anchorData;
         const { size: size2, padding } = node.attrs;
-        const { marginOffset } = getNormalizedImageAttrs(node.attrs);
         const pageBreak = findPreviousDomNodeWithClass(view, pos, "pagination-break-wrapper");
-        if (pageBreak) {
-          switch (alignH) {
-            case "left":
-              style2 += "float: left; left: 0; margin-left: 0; ";
-              break;
-            case "right":
-              style2 += "float: right; right: 0; margin-right: 0; ";
-              break;
-            case "center":
-              style2 += "display: block; margin-left: auto; margin-right: auto; ";
-              break;
+        if (pageBreak && vRelativeFrom === "margin" && alignH) {
+          const topPos = pageBreak?.offsetTop + pageBreak?.offsetHeight;
+          let horizontalAlignment = `${alignH}: 0;`;
+          if (alignH === "center") horizontalAlignment = "left: 50%; transform: translateX(-50%);";
+          style2 += vRelativeFrom === "margin" ? `position: absolute; top: ${topPos}px; ${horizontalAlignment}` : "";
+          const nextPos = view.posAtDOM(pageBreak, 1);
+          if (nextPos < 0) {
+            const $pos = view.state.doc.resolve(pos);
+            decorations.push(
+              Decoration.node(pos - 1, pos + $pos.parent.nodeSize - 1, {
+                style: `height: ${size2.height + parseInt(padding.top) + parseInt(padding.bottom)}px`
+              })
+            );
           }
-          const topPos = marginOffset.top !== void 0 ? marginOffset.top : pageBreak?.offsetTop + pageBreak?.offsetHeight;
-          style2 += vRelativeFrom === "margin" ? `position: absolute; top: ${topPos}px; ` : "";
-          if (vRelativeFrom === "margin") {
-            const nextPos = view.posAtDOM(pageBreak, 1);
-            if (nextPos < 0) {
-              const $pos = view.state.doc.resolve(pos);
-              decorations.push(
-                Decoration.node(pos - 1, pos + $pos.parent.nodeSize - 1, {
-                  style: `height: ${size2.height + parseInt(padding.top) + parseInt(padding.bottom)}px`
-                })
-              );
-            }
-            const imageBlock = document.createElement("div");
-            imageBlock.className = "anchor-image-placeholder";
-            imageBlock.style.float = alignH;
-            imageBlock.style.width = size2.width + parseInt(padding[alignH]) + "px";
-            imageBlock.style.height = size2.height + parseInt(padding.top) + parseInt(padding.bottom) + "px";
-            decorations.push(Decoration.widget(nextPos, imageBlock, { key: "stable-key" }));
+          const imageBlock = document.createElement("div");
+          imageBlock.className = "anchor-image-placeholder";
+          imageBlock.style.float = alignH === "left" || alignH === "right" ? alignH : "none";
+          let paddingHorizontal;
+          if (alignH === "center") {
+            paddingHorizontal = (parseInt(padding.left) || 0) + (parseInt(padding.right) || 0);
+          } else {
+            paddingHorizontal = parseInt(padding[alignH]) || 0;
           }
+          imageBlock.style.width = size2.width + paddingHorizontal + "px";
+          imageBlock.style.height = size2.height + parseInt(padding.top) + parseInt(padding.bottom) + "px";
+          decorations.push(Decoration.widget(nextPos, imageBlock, { key: "stable-key" }));
+          decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style: style2, class: className }));
         }
-        decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style: style2, class: className }));
       }
     });
     return decorations;
@@ -72662,6 +72791,58 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     }
     return null;
   };
+  const normalizeWrap = (attrs = {}) => {
+    const wrap2 = attrs.wrap;
+    if (wrap2?.type && wrap2.type !== "Inline") {
+      return {
+        type: wrap2.type,
+        attrs: wrap2.attrs ?? {}
+      };
+    }
+    if (wrap2?.type === "Inline" && Object.keys(wrap2.attrs ?? {}).length) {
+      return {
+        type: "Inline",
+        attrs: wrap2.attrs
+      };
+    }
+    if (!wrap2 && attrs.wrapText) {
+      return {
+        type: "Square",
+        attrs: {
+          wrapText: attrs.wrapText
+        }
+      };
+    }
+    if (!wrap2 && attrs.wrapTopAndBottom) {
+      return {
+        type: "TopAndBottom",
+        attrs: {}
+      };
+    }
+    if (wrap2?.type === "Inline") {
+      return {
+        type: "Inline",
+        attrs: wrap2.attrs ?? {}
+      };
+    }
+    return {
+      type: "Inline",
+      attrs: {}
+    };
+  };
+  const normalizeMarginOffset = (marginOffset = {}) => {
+    const { left: left2, horizontal, ...rest } = marginOffset;
+    return {
+      ...rest,
+      horizontal: horizontal ?? left2
+    };
+  };
+  const getNormalizedImageAttrs = (attrs = {}) => {
+    return {
+      wrap: normalizeWrap(attrs),
+      marginOffset: normalizeMarginOffset(attrs.marginOffset ?? {})
+    };
+  };
   const getRotationMargins = (w2, h2, angleDegrees) => {
     const rad = angleDegrees * (Math.PI / 180);
     const cos = Math.abs(Math.cos(rad));
@@ -72870,27 +73051,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
               style2 += "float: right;";
               floatRight = true;
             } else if (["largest", "bothSides"].includes(attrs.wrapText)) {
-              const pageStyles2 = this.editor?.converter?.pageStyles;
-              if (pageStyles2?.pageSize && pageStyles2?.pageMargins && size2.width) {
-                const pageWidth = inchesToPixels(pageStyles2.pageSize.width);
-                const leftMargin = inchesToPixels(pageStyles2.pageMargins.left);
-                const rightMargin = inchesToPixels(pageStyles2.pageMargins.right);
-                const contentWidth = pageWidth - leftMargin - rightMargin;
-                const imageWidth = size2.width + (attrs.distLeft || 0) + (attrs.distRight || 0);
-                const leftSpace = marginOffset.horizontal;
-                const rightSpace = contentWidth - leftSpace - imageWidth;
-                if (rightSpace < 0) {
-                  style2 += "float: left;";
-                } else if (rightSpace > leftSpace) {
-                  style2 += "float: left;";
-                } else {
-                  style2 += "float: right;";
-                  floatRight = true;
-                  baseHorizontal = rightSpace;
-                }
-              } else {
-                style2 += "float: left;";
-              }
+              const pageStylesData2 = getDataFromPageStyles({
+                editor: this.editor,
+                marginOffset,
+                size: size2,
+                attrs
+              });
+              style2 += pageStylesData2.style;
+              floatRight = pageStylesData2.floatRight;
+              baseHorizontal = pageStylesData2.baseHorizontal;
             }
             if (attrs.distTop) margin.top += attrs.distTop;
             if (attrs.distBottom) margin.bottom += attrs.distBottom;
@@ -72900,27 +73069,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           case "Through":
           case "Tight":
             style2 += "clear: both;";
-            const pageStyles = this.editor?.converter?.pageStyles;
-            if (pageStyles?.pageSize && pageStyles?.pageMargins && size2.width) {
-              const pageWidth = inchesToPixels(pageStyles.pageSize.width);
-              const leftMargin = inchesToPixels(pageStyles.pageMargins.left);
-              const rightMargin = inchesToPixels(pageStyles.pageMargins.right);
-              const contentWidth = pageWidth - leftMargin - rightMargin;
-              const imageWidth = size2.width + (attrs.distLeft || 0) + (attrs.distRight || 0);
-              const leftSpace = marginOffset.horizontal;
-              const rightSpace = contentWidth - leftSpace - imageWidth;
-              if (rightSpace < 0) {
-                style2 += "float: left;";
-              } else if (rightSpace > leftSpace) {
-                style2 += "float: left;";
-              } else {
-                style2 += "float: right;";
-                floatRight = true;
-                baseHorizontal = rightSpace;
-              }
-            } else {
-              style2 += "float: left;";
-            }
+            const pageStylesData = getDataFromPageStyles({
+              editor: this.editor,
+              marginOffset,
+              size: size2,
+              attrs
+            });
+            style2 += pageStylesData.style;
+            floatRight = pageStylesData.floatRight;
+            baseHorizontal = pageStylesData.baseHorizontal;
             if (attrs.distTop) margin.top += attrs.distTop;
             if (attrs.distBottom) margin.bottom += attrs.distBottom;
             if (attrs.distLeft) margin.left += attrs.distLeft;
@@ -72957,6 +73114,22 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
       const hasAnchorData = Boolean(anchorData);
       const hasMarginOffsets = marginOffset?.horizontal != null || marginOffset?.top != null;
+      if (hasAnchorData) {
+        switch (anchorData.hRelativeFrom) {
+          case "page":
+            const pageStyles = this.editor?.converter?.pageStyles || this.editor?.options.parentEditor?.converter?.pageStyles;
+            margin.left -= inchesToPixels(pageStyles?.pageMargins?.left) || 0;
+            break;
+          case "margin":
+            if (anchorData.alignH === "center") {
+              style2 += "position: absolute; left: 50%; transform: translateX(-50%);";
+            }
+            if (anchorData.alignH === "left" || anchorData.alignH === "right") {
+              style2 += `position: absolute; ${anchorData.alignH}: 0;`;
+            }
+            break;
+        }
+      }
       if (hasAnchorData || hasMarginOffsets) {
         const relativeFromPageV = anchorData?.vRelativeFrom === "page";
         const maxMarginV = 500;
@@ -73105,6 +73278,37 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return [ImageRegistrationPlugin({ editor: this.editor }), ImagePositionPlugin({ editor: this.editor })];
     }
   });
+  const getDataFromPageStyles = ({ editor, marginOffset, size: size2, attrs }) => {
+    let style2 = "";
+    let floatRight = false;
+    let baseHorizontal = marginOffset?.horizontal || 0;
+    const pageStyles = editor?.converter?.pageStyles || editor?.options.parentEditor?.converter?.pageStyles;
+    if (pageStyles?.pageSize && pageStyles?.pageMargins && size2.width) {
+      const pageWidth = inchesToPixels(pageStyles.pageSize.width);
+      const leftMargin = inchesToPixels(pageStyles.pageMargins.left);
+      const rightMargin = inchesToPixels(pageStyles.pageMargins.right);
+      const contentWidth = pageWidth - leftMargin - rightMargin;
+      const imageWidth = size2.width + (attrs.distLeft || 0) + (attrs.distRight || 0);
+      const leftSpace = marginOffset.horizontal;
+      const rightSpace = contentWidth - leftSpace - imageWidth;
+      if (rightSpace < 0) {
+        style2 += "float: left;";
+      } else if (rightSpace > leftSpace) {
+        style2 += "float: left;";
+      } else {
+        style2 += "float: right;";
+        floatRight = true;
+        baseHorizontal = rightSpace;
+      }
+    } else {
+      style2 += "float: left;";
+    }
+    return {
+      style: style2,
+      floatRight,
+      baseHorizontal
+    };
+  };
   const ACCEPT_IMAGE_TYPES = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"];
   const getFileOpener = () => {
     let fileInput = document.createElement("input");
@@ -75226,6 +75430,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           const { from: from2, to } = state2.selection;
           return commands2.acceptTrackedChangesBetween(from2, to);
         },
+        acceptTrackedChangeFromToolbar: () => ({ state: state2, commands: commands2 }) => {
+          const commentsPluginState = CommentsPluginKey.getState(state2);
+          const activeThreadId = commentsPluginState?.activeThreadId;
+          if (activeThreadId && commentsPluginState?.trackedChanges?.[activeThreadId]) {
+            return commands2.acceptTrackedChangeById(activeThreadId);
+          } else {
+            return commands2.acceptTrackedChangeBySelection();
+          }
+        },
         acceptTrackedChangeById: (id) => ({ state: state2, tr, commands: commands2 }) => {
           const toResolve = getChangesByIdToResolve(state2, id) || [];
           return toResolve.map(({ from: from2, to }) => {
@@ -75254,6 +75467,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           const { from: from2, to } = state2.selection;
           return commands2.rejectTrackedChangesBetween(from2, to);
         },
+        rejectTrackedChangeFromToolbar: () => ({ state: state2, commands: commands2 }) => {
+          const commentsPluginState = CommentsPluginKey.getState(state2);
+          const activeThreadId = commentsPluginState?.activeThreadId;
+          if (activeThreadId && commentsPluginState?.trackedChanges?.[activeThreadId]) {
+            return commands2.rejectTrackedChangeById(activeThreadId);
+          } else {
+            return commands2.rejectTrackedChangeOnSelection();
+          }
+        },
         rejectAllTrackedChanges: () => ({ state: state2, commands: commands2 }) => {
           const from2 = 0, to = state2.doc.content.size;
           return commands2.rejectTrackedChangesBetween(from2, to);
@@ -80547,7 +80769,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
             return oldState;
           }
           if (typeof document === "undefined" || editor.options.isHeadless) return oldState;
-          if (editor.options.documentMode === "viewing" || !editor.isEditable) {
+          if (!editor.options.isHeaderOrFooter && (editor.options.documentMode === "viewing" || !editor.isEditable)) {
             return DecorationSet.empty;
           }
           const { selection } = newState;
@@ -93656,7 +93878,7 @@ ${style2}
       disabled: false,
       name: "acceptTrackedChangeBySelection",
       tooltip: toolbarTexts2.trackChangesAccept,
-      command: "acceptTrackedChangeBySelection",
+      command: "acceptTrackedChangeFromToolbar",
       icon: toolbarIcons2.trackChangesAccept,
       group: "left",
       attributes: {
@@ -93668,7 +93890,7 @@ ${style2}
       disabled: false,
       name: "rejectTrackedChangeOnSelection",
       tooltip: toolbarTexts2.trackChangesReject,
-      command: "rejectTrackedChangeOnSelection",
+      command: "rejectTrackedChangeFromToolbar",
       icon: toolbarIcons2.trackChangesReject,
       group: "left",
       attributes: {
@@ -96689,8 +96911,12 @@ ${style2}
     Node: Node$1,
     Attribute,
     Extension,
+    Mark,
+    //
     Plugin,
-    Mark
+    PluginKey,
+    Decoration,
+    DecorationSet
   };
   const DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
   const PDF = "application/pdf";
@@ -113844,7 +114070,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.24.0";
+      this.version = "0.25.0";
       this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config2.superdocId || v4();
       this.colors = this.config.colors;