@harbour-enterprises/superdoc 0.14.0-next.5 → 0.14.0-next.7

package/dist/chunks/{index-BABtK_9p.cjs → index-CE6UNfC5.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 const jszip = require("./jszip-9bCX1h2W.cjs");
 const vue = require("./vue-BBjMeYfo.cjs");
-const xmlJs = require("./xml-js-PTtx0UCg.cjs");
-const url = require("./url-BmSVZ-b1.cjs");
+const xmlJs = require("./xml-js-tHwLFq2w.cjs");
+const url = require("./url-CUv5CLO-.cjs");
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/chunks/{index-DRG7AiQg.es.js → index-CW9fKHgN.es.js}

@@ -1,7 +1,7 @@
 import { c as commonjsGlobal, B as Buffer, a as getAugmentedNamespace, g as getDefaultExportFromCjs } from "./jszip-Cl3s9njw.es.js";
 import { p as process$1 } from "./vue-BBJVqxjL.es.js";
-import { e as eventsExports, r as require$$2, u as util, i as inherits_browserExports, b as browser$1, a as requireString_decoder } from "./xml-js-uhSaCX_L.es.js";
-import { u as url } from "./url-DtyZlUvQ.es.js";
+import { e as eventsExports, r as require$$2, u as util, i as inherits_browserExports, b as browser$1, a as requireString_decoder } from "./xml-js-D5Licdr-.es.js";
+import { u as url } from "./url-CZOvt3H8.es.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/chunks/{index-BOOtEcgZ.cjs → index-DGsxwjB4.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const jszip = require("./jszip-9bCX1h2W.cjs");
-const index$2 = require("./index-BABtK_9p.cjs");
+const index$2 = require("./index-CE6UNfC5.cjs");
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/chunks/{index-ClYNVXDv.es.js → index-DHn8sl2L.es.js}

@@ -1,5 +1,5 @@
 import { g as getDefaultExportFromCjs } from "./jszip-Cl3s9njw.es.js";
-import { s as streamHttp, r as require$$1 } from "./index-DRG7AiQg.es.js";
+import { s as streamHttp, r as require$$1 } from "./index-CW9fKHgN.es.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/chunks/{super-editor.es-CS08WNwP.es.js → super-editor.es-B1co-x-F.es.js}

@@ -24235,7 +24235,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.14.0-next.5") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.14.0-next.7") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -24703,7 +24703,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.14.0-next.5") {
+function generateSuperdocVersion(pid = 2, version2 = "0.14.0-next.7") {
   return {
     type: "element",
     name: "property",
@@ -27236,7 +27236,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _ListItemNodeView_instances, init_fn2, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _ListItemNodeView_instances, init_fn2, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 function getMarksFromSelection(state2) {
   const { from: from2, to, empty: empty2 } = state2.selection;
   const marks = [];
@@ -39781,6 +39781,8 @@ const createHeaderFooterEditor = ({
   });
   if (appendToBody) document.body.appendChild(editorContainer);
   const headerFooterEditor = new Editor({
+    documentMode: editor.options.documentMode,
+    role: editor.options.role,
     loadFromSchema: true,
     mode: "docx",
     element: editorContainer,
@@ -41512,10 +41514,10 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   }
   /**
    * Unregister a PM plugin
-   * @param {string|Object} nameOrPlugin - Plugin name or plugin instance
+   * @param {string|Object} nameOrPluginKey - Plugin name or plugin instance
    * @returns {void}
    */
-  unregisterPlugin(nameOrPlugin) {
+  unregisterPlugin(nameOrPluginKey) {
     if (this.isDestroyed) return;
     const name = typeof nameOrPluginKey === "string" ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
     const state2 = this.state.reconfigure({
@@ -41593,7 +41595,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   /**
    * Attach styles and attributes to the editor element
    */
-  updateEditorStyles(element, proseMirror) {
+  updateEditorStyles(element, proseMirror, hasPaginationEnabled = true) {
     const { pageSize, pageMargins } = this.converter.pageStyles ?? {};
     if (!proseMirror || !element) {
       return;
@@ -41627,9 +41629,12 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     element.style.webkitOverflowScrolling = "touch";
     const defaultLineHeight = 1.2;
     proseMirror.style.lineHeight = defaultLineHeight;
-    if (!this.options.extensions.find((e) => e.name === "pagination")) {
+    if (!hasPaginationEnabled) {
       proseMirror.style.paddingTop = "1in";
       proseMirror.style.paddingBottom = "1in";
+    } else {
+      proseMirror.style.paddingTop = "0";
+      proseMirror.style.paddingBottom = "0";
     }
   }
   /**
@@ -41640,10 +41645,10 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     * @param {HTMLElement} [element=this.element] - The DOM element to apply styles to
     * @returns {void}
     */
-  initDefaultStyles(element = this.element) {
+  initDefaultStyles(element = this.element, isPaginationEnabled = true) {
     if (this.options.isHeadless || this.options.suppressDefaultDocxStyles) return;
     const proseMirror = element?.querySelector(".ProseMirror");
-    this.updateEditorStyles(element, proseMirror);
+    this.updateEditorStyles(element, proseMirror, isPaginationEnabled);
     this.initMobileStyles(element);
   }
   /**
@@ -41691,6 +41696,25 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     }
     window.addEventListener("resize", () => handleResize);
   }
+  /**
+   * Initialize pagination, if the pagination extension is enabled.
+   * @private
+   * @async
+   * @returns {Promise<void>}
+   */
+  async initPagination() {
+    if (this.options.isHeadless || !this.extensionService || this.options.isHeaderOrFooter) {
+      return;
+    }
+    const pagination = this.options.extensions.find((e) => e.name === "pagination");
+    if (pagination && this.options.pagination) {
+      const sectionData = await initPaginationData(this);
+      this.storage.pagination.sectionData = sectionData;
+      const { state: state2, dispatch } = this.view;
+      const tr = state2.tr.setMeta(PaginationPluginKey, { isReadyToInit: true });
+      dispatch(tr);
+    }
+  }
   /**
    * Get attrs of the currently selected node or mark.
    * @param {String} nameOrType
@@ -41900,7 +41924,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.14.0-next.5");
+    console.debug("[checkVersionMigrations] Current editor version", "0.14.0-next.7");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -41950,7 +41974,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       __privateMethod$1(this, _Editor_instances, insertNewFileData_fn).call(this);
     }
     if (!this.options.ydoc) {
-      __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+      this.initPagination();
       __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
     }
   }
@@ -42097,8 +42121,6 @@ init_fn = function(options2) {
   this.on("contentError", this.options.onContentError);
   this.on("exception", this.options.onException);
   this.mount(this.options.element);
-  this.initDefaultStyles();
-  this.setDocumentMode(options2.documentMode);
   if (this.options.isHeadless) return;
   this.on("create", this.options.onCreate);
   this.on("update", this.options.onUpdate);
@@ -42116,8 +42138,12 @@ init_fn = function(options2) {
   this.on("paginationUpdate", this.options.onPaginationUpdate);
   this.on("comment-positions", this.options.onCommentLocationsUpdate);
   this.initializeCollaborationData();
+  this.initDefaultStyles();
+  setTimeout(() => {
+    this.setDocumentMode(this.options.documentMode);
+  }, 50);
   if (!this.options.ydoc) {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
   }
 };
@@ -42164,7 +42190,7 @@ insertNewFileData_fn = function() {
   const tr = this.state.tr.replaceWith(0, this.state.doc.content.size, doc2);
   this.view.dispatch(tr);
   setTimeout(() => {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
   }, 50);
 };
@@ -42310,7 +42336,7 @@ onCollaborationReady_fn = function({ editor, ydoc }) {
   this.options.onCollaborationReady({ editor, ydoc });
   this.options.collaborationIsReady = true;
   if (!this.options.isNewFile) {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
   }
 };
@@ -42327,19 +42353,6 @@ initComments_fn = function() {
     dispatch(tr);
   }, 50);
 };
-initPagination_fn = async function() {
-  if (this.options.isHeadless || !this.extensionService || this.options.isHeaderOrFooter) {
-    return;
-  }
-  const pagination = this.options.extensions.find((e) => e.name === "pagination");
-  if (pagination && this.options.pagination) {
-    const sectionData = await initPaginationData(this);
-    this.storage.pagination.sectionData = sectionData;
-    const { state: state2, dispatch } = this.view;
-    const tr = state2.tr.setMeta(PaginationPluginKey, { isReadyToInit: true });
-    dispatch(tr);
-  }
-};
 dispatchTransaction_fn = function(transaction) {
   if (this.isDestroyed) return;
   let state2;
@@ -54963,6 +54976,19 @@ const Pagination = Extension.create({
         return commands2.insertContent({
           type: "hardBreak"
         });
+      },
+      /**
+       * Toggle pagination on/off
+       * @returns {void}
+       */
+      togglePagination: () => ({ tr, state: state2, dispatch, editor }) => {
+        const isEnabled = PaginationPluginKey.getState(state2)?.isEnabled;
+        tr.setMeta(PaginationPluginKey, { isEnabled: !isEnabled });
+        if (dispatch) {
+          dispatch(tr);
+          editor.initDefaultStyles(editor.element, !isEnabled);
+          return true;
+        }
       }
     };
   },
@@ -54988,11 +55014,21 @@ const Pagination = Extension.create({
           return {
             isReadyToInit: false,
             decorations: DecorationSet.empty,
-            isDebugging
+            isDebugging,
+            isEnabled: editor.options.pagination
           };
         },
         apply(tr, oldState, prevEditorState, newEditorState) {
           const meta = tr.getMeta(PaginationPluginKey);
+          if (meta && "isEnabled" in meta) {
+            const newEnabled = meta.isEnabled;
+            if (newEnabled) shouldUpdate = true;
+            return {
+              ...oldState,
+              decorations: newEnabled ? oldState.decorations : DecorationSet.empty,
+              isEnabled: newEnabled
+            };
+          }
           if (meta && meta.isReadyToInit) {
             shouldUpdate = true;
             shouldInitialize = meta.isReadyToInit;
@@ -55042,6 +55078,7 @@ const Pagination = Extension.create({
         let previousDecorations = DecorationSet.empty;
         return {
           update: (view2, prevState) => {
+            if (!PaginationPluginKey.getState(view2.state)?.isEnabled) return;
             if (!shouldUpdate || isUpdating) return;
             isUpdating = true;
             hasInitialized = true;
@@ -55053,7 +55090,8 @@ const Pagination = Extension.create({
       },
       props: {
         decorations(state2) {
-          return PaginationPluginKey.getState(state2).decorations;
+          const pluginState = PaginationPluginKey.getState(state2);
+          return pluginState.isEnabled ? pluginState.decorations : DecorationSet.empty;
         }
       }
     });

package/dist/chunks/{super-editor.es-1V_Ac-SF.cjs → super-editor.es-BrUIfwuC.cjs}

@@ -24252,7 +24252,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.14.0-next.5") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.14.0-next.7") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -24720,7 +24720,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.14.0-next.5") {
+function generateSuperdocVersion(pid = 2, version2 = "0.14.0-next.7") {
   return {
     type: "element",
     name: "property",
@@ -27253,7 +27253,7 @@ var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "rea
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
-var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, initPagination_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _ListItemNodeView_instances, init_fn2, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
+var _Attribute_static, getGlobalAttributes_fn, getNodeAndMarksAttributes_fn, _Schema_static, createNodesSchema_fn, createMarksSchema_fn, _events, _ExtensionService_instances, setupExtensions_fn, attachEditorEvents_fn, _commandService, _css, _Editor_instances, initContainerElement_fn, init_fn, initRichText_fn, onFocus_fn, checkHeadless_fn, insertNewFileData_fn, registerPluginByNameIfNotExists_fn, createExtensionService_fn, createCommandService_fn, createConverter_fn, initMedia_fn, initFonts_fn, createSchema_fn, generatePmData_fn, createDocFromHTML_fn, createView_fn, onCollaborationReady_fn, initComments_fn, dispatchTransaction_fn, handleNodeSelection_fn, prepareDocumentForImport_fn, prepareDocumentForExport_fn, endCollaboration_fn, _ListItemNodeView_instances, init_fn2, _FieldAnnotationView_instances, createAnnotation_fn, _AutoPageNumberNodeView_instances, renderDom_fn, scheduleUpdateNodeStyle_fn;
 function getMarksFromSelection(state2) {
   const { from: from2, to, empty: empty2 } = state2.selection;
   const marks = [];
@@ -39798,6 +39798,8 @@ const createHeaderFooterEditor = ({
   });
   if (appendToBody) document.body.appendChild(editorContainer);
   const headerFooterEditor = new Editor({
+    documentMode: editor.options.documentMode,
+    role: editor.options.role,
     loadFromSchema: true,
     mode: "docx",
     element: editorContainer,
@@ -41529,10 +41531,10 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   }
   /**
    * Unregister a PM plugin
-   * @param {string|Object} nameOrPlugin - Plugin name or plugin instance
+   * @param {string|Object} nameOrPluginKey - Plugin name or plugin instance
    * @returns {void}
    */
-  unregisterPlugin(nameOrPlugin) {
+  unregisterPlugin(nameOrPluginKey) {
     if (this.isDestroyed) return;
     const name = typeof nameOrPluginKey === "string" ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
     const state2 = this.state.reconfigure({
@@ -41610,7 +41612,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   /**
    * Attach styles and attributes to the editor element
    */
-  updateEditorStyles(element, proseMirror) {
+  updateEditorStyles(element, proseMirror, hasPaginationEnabled = true) {
     const { pageSize, pageMargins } = this.converter.pageStyles ?? {};
     if (!proseMirror || !element) {
       return;
@@ -41644,9 +41646,12 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     element.style.webkitOverflowScrolling = "touch";
     const defaultLineHeight = 1.2;
     proseMirror.style.lineHeight = defaultLineHeight;
-    if (!this.options.extensions.find((e) => e.name === "pagination")) {
+    if (!hasPaginationEnabled) {
       proseMirror.style.paddingTop = "1in";
       proseMirror.style.paddingBottom = "1in";
+    } else {
+      proseMirror.style.paddingTop = "0";
+      proseMirror.style.paddingBottom = "0";
     }
   }
   /**
@@ -41657,10 +41662,10 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     * @param {HTMLElement} [element=this.element] - The DOM element to apply styles to
     * @returns {void}
     */
-  initDefaultStyles(element = this.element) {
+  initDefaultStyles(element = this.element, isPaginationEnabled = true) {
     if (this.options.isHeadless || this.options.suppressDefaultDocxStyles) return;
     const proseMirror = element?.querySelector(".ProseMirror");
-    this.updateEditorStyles(element, proseMirror);
+    this.updateEditorStyles(element, proseMirror, isPaginationEnabled);
     this.initMobileStyles(element);
   }
   /**
@@ -41708,6 +41713,25 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     }
     window.addEventListener("resize", () => handleResize);
   }
+  /**
+   * Initialize pagination, if the pagination extension is enabled.
+   * @private
+   * @async
+   * @returns {Promise<void>}
+   */
+  async initPagination() {
+    if (this.options.isHeadless || !this.extensionService || this.options.isHeaderOrFooter) {
+      return;
+    }
+    const pagination = this.options.extensions.find((e) => e.name === "pagination");
+    if (pagination && this.options.pagination) {
+      const sectionData = await initPaginationData(this);
+      this.storage.pagination.sectionData = sectionData;
+      const { state: state2, dispatch } = this.view;
+      const tr = state2.tr.setMeta(PaginationPluginKey, { isReadyToInit: true });
+      dispatch(tr);
+    }
+  }
   /**
    * Get attrs of the currently selected node or mark.
    * @param {String} nameOrType
@@ -41917,7 +41941,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.14.0-next.5");
+    console.debug("[checkVersionMigrations] Current editor version", "0.14.0-next.7");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -41967,7 +41991,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       __privateMethod$1(this, _Editor_instances, insertNewFileData_fn).call(this);
     }
     if (!this.options.ydoc) {
-      __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+      this.initPagination();
       __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
     }
   }
@@ -42114,8 +42138,6 @@ init_fn = function(options2) {
   this.on("contentError", this.options.onContentError);
   this.on("exception", this.options.onException);
   this.mount(this.options.element);
-  this.initDefaultStyles();
-  this.setDocumentMode(options2.documentMode);
   if (this.options.isHeadless) return;
   this.on("create", this.options.onCreate);
   this.on("update", this.options.onUpdate);
@@ -42133,8 +42155,12 @@ init_fn = function(options2) {
   this.on("paginationUpdate", this.options.onPaginationUpdate);
   this.on("comment-positions", this.options.onCommentLocationsUpdate);
   this.initializeCollaborationData();
+  this.initDefaultStyles();
+  setTimeout(() => {
+    this.setDocumentMode(this.options.documentMode);
+  }, 50);
   if (!this.options.ydoc) {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
   }
 };
@@ -42181,7 +42207,7 @@ insertNewFileData_fn = function() {
   const tr = this.state.tr.replaceWith(0, this.state.doc.content.size, doc2);
   this.view.dispatch(tr);
   setTimeout(() => {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
   }, 50);
 };
@@ -42327,7 +42353,7 @@ onCollaborationReady_fn = function({ editor, ydoc }) {
   this.options.onCollaborationReady({ editor, ydoc });
   this.options.collaborationIsReady = true;
   if (!this.options.isNewFile) {
-    __privateMethod$1(this, _Editor_instances, initPagination_fn).call(this);
+    this.initPagination();
     __privateMethod$1(this, _Editor_instances, initComments_fn).call(this);
   }
 };
@@ -42344,19 +42370,6 @@ initComments_fn = function() {
     dispatch(tr);
   }, 50);
 };
-initPagination_fn = async function() {
-  if (this.options.isHeadless || !this.extensionService || this.options.isHeaderOrFooter) {
-    return;
-  }
-  const pagination = this.options.extensions.find((e) => e.name === "pagination");
-  if (pagination && this.options.pagination) {
-    const sectionData = await initPaginationData(this);
-    this.storage.pagination.sectionData = sectionData;
-    const { state: state2, dispatch } = this.view;
-    const tr = state2.tr.setMeta(PaginationPluginKey, { isReadyToInit: true });
-    dispatch(tr);
-  }
-};
 dispatchTransaction_fn = function(transaction) {
   if (this.isDestroyed) return;
   let state2;
@@ -54980,6 +54993,19 @@ const Pagination = Extension.create({
         return commands2.insertContent({
           type: "hardBreak"
         });
+      },
+      /**
+       * Toggle pagination on/off
+       * @returns {void}
+       */
+      togglePagination: () => ({ tr, state: state2, dispatch, editor }) => {
+        const isEnabled = PaginationPluginKey.getState(state2)?.isEnabled;
+        tr.setMeta(PaginationPluginKey, { isEnabled: !isEnabled });
+        if (dispatch) {
+          dispatch(tr);
+          editor.initDefaultStyles(editor.element, !isEnabled);
+          return true;
+        }
       }
     };
   },
@@ -55005,11 +55031,21 @@ const Pagination = Extension.create({
           return {
             isReadyToInit: false,
             decorations: DecorationSet.empty,
-            isDebugging
+            isDebugging,
+            isEnabled: editor.options.pagination
           };
         },
         apply(tr, oldState, prevEditorState, newEditorState) {
           const meta = tr.getMeta(PaginationPluginKey);
+          if (meta && "isEnabled" in meta) {
+            const newEnabled = meta.isEnabled;
+            if (newEnabled) shouldUpdate = true;
+            return {
+              ...oldState,
+              decorations: newEnabled ? oldState.decorations : DecorationSet.empty,
+              isEnabled: newEnabled
+            };
+          }
           if (meta && meta.isReadyToInit) {
             shouldUpdate = true;
             shouldInitialize = meta.isReadyToInit;
@@ -55059,6 +55095,7 @@ const Pagination = Extension.create({
         let previousDecorations = DecorationSet.empty;
         return {
           update: (view2, prevState) => {
+            if (!PaginationPluginKey.getState(view2.state)?.isEnabled) return;
             if (!shouldUpdate || isUpdating) return;
             isUpdating = true;
             hasInitialized = true;
@@ -55070,7 +55107,8 @@ const Pagination = Extension.create({
       },
       props: {
         decorations(state2) {
-          return PaginationPluginKey.getState(state2).decorations;
+          const pluginState = PaginationPluginKey.getState(state2);
+          return pluginState.isEnabled ? pluginState.decorations : DecorationSet.empty;
         }
       }
     });

package/dist/chunks/{url-BmSVZ-b1.cjs → url-CUv5CLO-.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const jszip = require("./jszip-9bCX1h2W.cjs");
-const xmlJs = require("./xml-js-PTtx0UCg.cjs");
+const xmlJs = require("./xml-js-tHwLFq2w.cjs");
 const __viteBrowserExternal = require("./__vite-browser-external-DWbQq7bv.cjs");
 var punycode$1 = { exports: {} };
 /*! https://mths.be/punycode v1.4.1 by @mathias */

package/dist/chunks/{url-DtyZlUvQ.es.js → url-CZOvt3H8.es.js}

@@ -1,5 +1,5 @@
 import { c as commonjsGlobal, g as getDefaultExportFromCjs, a as getAugmentedNamespace } from "./jszip-Cl3s9njw.es.js";
-import { t as type, g as getIntrinsic, c as callBound$2 } from "./xml-js-uhSaCX_L.es.js";
+import { t as type, g as getIntrinsic, c as callBound$2 } from "./xml-js-D5Licdr-.es.js";
 import { _ as __viteBrowserExternal } from "./__vite-browser-external-CURh0WXD.es.js";
 var punycode$1 = { exports: {} };
 /*! https://mths.be/punycode v1.4.1 by @mathias */