@kedataindo/docflow-core 0.0.69 → 0.0.71

package/dist/index.js

@@ -402,13 +402,13 @@ function replaceAll(editor, replacement) {
   return s.matches.length;
 }
 
-// ../../node_modules/.pnpm/tiptap-pagination-plus@3.1.0_patch_hash=4857789ba5672a185fb96bdd854e03e0c6ec8ed26abfeea_16730b2b361cd3f71113c52459ed62fd/node_modules/tiptap-pagination-plus/dist/PaginationPlus.js
+// src/pagination/PaginationPlus.ts
 import { Extension as Extension4 } from "@tiptap/core";
 import { Plugin as Plugin3, PluginKey as PluginKey3 } from "@tiptap/pm/state";
 import { ReplaceStep, ReplaceAroundStep, AddMarkStep, RemoveMarkStep, RemoveNodeMarkStep, AttrStep } from "@tiptap/pm/transform";
 import { Decoration as Decoration3, DecorationSet as DecorationSet3 } from "@tiptap/pm/view";
 
-// ../../node_modules/.pnpm/tiptap-pagination-plus@3.1.0_patch_hash=4857789ba5672a185fb96bdd854e03e0c6ec8ed26abfeea_16730b2b361cd3f71113c52459ed62fd/node_modules/tiptap-pagination-plus/dist/utils.js
+// src/pagination/utils.ts
 var updateCssVariables = (targetNode, config) => {
   const cssVariables = {
     "rm-page-height": `${config.pageHeight}px`,
@@ -435,75 +435,32 @@ var getPageSize = (height, width, marginTop, marginBottom, marginLeft, marginRig
     marginRight
   };
 };
+var getHeaderHeightSelector = (pageNumber, type) => {
+  return type === "actual" ? `.rm-page-header-${pageNumber}` : `.rm-page-header-${pageNumber} .rm-page-header-content`;
+};
 var getHeaderHeight = (targetNode, pageNumbers, type) => {
   const headerHeightMap = /* @__PURE__ */ new Map();
   const clientHeader = targetNode.querySelector(getHeaderHeightSelector(0, type));
   headerHeightMap.set(0, clientHeader ? clientHeader.clientHeight : 0);
   pageNumbers.forEach((pageNumber) => {
-    const clientHeader2 = targetNode.querySelector(getHeaderHeightSelector(pageNumber, type));
-    const headerHeight = clientHeader2 ? clientHeader2.clientHeight : 0;
-    headerHeightMap.set(pageNumber, headerHeight);
+    const ch = targetNode.querySelector(getHeaderHeightSelector(pageNumber, type));
+    headerHeightMap.set(pageNumber, ch ? ch.clientHeight : 0);
   });
   return headerHeightMap;
 };
-var getHeaderHeightSelector = (pageNumber, type) => {
-  return type === "actual" ? `.rm-page-header-${pageNumber}` : `.rm-page-header-${pageNumber} .rm-page-header-content`;
+var getFooterHeightSelector = (pageNumber, type) => {
+  return type === "actual" ? `.rm-page-footer-${pageNumber}` : `.rm-page-footer-${pageNumber} .rm-page-footer-content`;
 };
 var getFooterHeight = (targetNode, pageNumbers, type) => {
   const footerHeightMap = /* @__PURE__ */ new Map();
   const clientFooter = targetNode.querySelector(getFooterHeightSelector(0, type));
   footerHeightMap.set(0, clientFooter ? clientFooter.clientHeight : 0);
   pageNumbers.forEach((pageNumber) => {
-    const clientFooter2 = targetNode.querySelector(getFooterHeightSelector(pageNumber, type));
-    const footerHeight = clientFooter2 ? clientFooter2.clientHeight : 0;
-    footerHeightMap.set(pageNumber, footerHeight);
+    const cf = targetNode.querySelector(getFooterHeightSelector(pageNumber, type));
+    footerHeightMap.set(pageNumber, cf ? cf.clientHeight : 0);
   });
   return footerHeightMap;
 };
-var getFooterHeightSelector = (pageNumber, type) => {
-  return type === "actual" ? `.rm-page-footer-${pageNumber}` : `.rm-page-footer-${pageNumber} .rm-page-footer-content`;
-};
-function deepEqualIterative(a, b) {
-  if (a === b)
-    return true;
-  if (typeof a !== "object" || typeof b !== "object" || a == null || b == null) {
-    return false;
-  }
-  const stack = [{ x: a, y: b }];
-  while (stack.length) {
-    const _stackItem = stack.pop();
-    if (!_stackItem)
-      continue;
-    const { x, y } = _stackItem;
-    if (x === y)
-      continue;
-    if (typeof x !== typeof y)
-      return false;
-    if (typeof x !== "object")
-      return false;
-    if (x == null || y == null)
-      return false;
-    const xKeys = Object.keys(x);
-    const yKeys = Object.keys(y);
-    if (xKeys.length !== yKeys.length)
-      return false;
-    for (const key2 of xKeys) {
-      if (!(key2 in y))
-        return false;
-      const xVal = x[key2];
-      const yVal = y[key2];
-      if (xVal === yVal)
-        continue;
-      if (typeof xVal === "object" && typeof yVal === "object") {
-        stack.push({ x: xVal, y: yVal });
-      } else {
-        if (xVal !== yVal)
-          return false;
-      }
-    }
-  }
-  return true;
-}
 function getCustomPages(customHeader, customFooter) {
   return [...Object.keys(customHeader), ...Object.keys(customFooter)].map(Number);
 }
@@ -518,8 +475,8 @@ function getFooter(footerRightContent, footerLeftContent, onFooterClick, pageNum
   pageFooterContent.classList.add("rm-page-footer-content");
   pageFooterContent.style.width = "100%";
   pageFooterContent.style.overflow = "hidden";
-  const footerRight = footerRightContent.replace("{page}", `<span class="rm-page-number"></span>`);
-  const footerLeft = footerLeftContent.replace("{page}", `<span class="rm-page-number"></span>`);
+  const footerRight = (footerRightContent || "").replace("{page}", `<span class="rm-page-number"></span>`);
+  const footerLeft = (footerLeftContent || "").replace("{page}", `<span class="rm-page-number"></span>`);
   const pageFooterLeft = document.createElement("div");
   pageFooterLeft.classList.add("rm-page-footer-left");
   pageFooterLeft.innerHTML = footerLeft;
@@ -542,8 +499,8 @@ function getHeader(headerRightContent, headerLeftContent, onHeaderClick, pageNum
   pageHeaderContent.classList.add("rm-page-header-content");
   pageHeaderContent.style.width = "100%";
   pageHeaderContent.style.overflow = "hidden";
-  const headerLeft = headerLeftContent.replace("{page}", `<span class="rm-page-number-plus"></span>`);
-  const headerRight = headerRightContent.replace("{page}", `<span class="rm-page-number-plus"></span>`);
+  const headerLeft = (headerLeftContent || "").replace("{page}", `<span class="rm-page-number-plus"></span>`);
+  const headerRight = (headerRightContent || "").replace("{page}", `<span class="rm-page-number-plus"></span>`);
   const pageHeaderLeft = document.createElement("div");
   pageHeaderLeft.classList.add("rm-page-header-left");
   pageHeaderLeft.innerHTML = headerLeft;
@@ -567,22 +524,16 @@ var getHeight = (pageOptions, _headerHeight, _footerHeight) => {
 };
 var headerClickEvent = (pageNumber, onHeaderClick) => {
   return (event) => {
-    onHeaderClick === null || onHeaderClick === void 0 ? void 0 : onHeaderClick({
-      event,
-      pageNumber
-    });
+    onHeaderClick?.({ event, pageNumber });
   };
 };
 var footerClickEvent = (pageNumber, onFooterClick) => {
   return (event) => {
-    onFooterClick === null || onFooterClick === void 0 ? void 0 : onFooterClick({
-      event,
-      pageNumber
-    });
+    onFooterClick?.({ event, pageNumber });
   };
 };
 
-// ../../node_modules/.pnpm/tiptap-pagination-plus@3.1.0_patch_hash=4857789ba5672a185fb96bdd854e03e0c6ec8ed26abfeea_16730b2b361cd3f71113c52459ed62fd/node_modules/tiptap-pagination-plus/dist/PaginationPlus.js
+// src/pagination/PaginationPlus.ts
 var page_count_meta_key = "PAGE_COUNT_META_KEY";
 var key = new PluginKey3("brDecoration");
 function buildDecorations(doc) {
@@ -602,7 +553,7 @@ function buildDecorations(doc) {
 }
 var defaultPageConfig = {
   enabled: true,
-  pageBreakBackground: "#ffffff",
+  pageBreakBackground: "#f1f5f9",
   pageHeight: 800,
   pageWidth: 789,
   marginTop: 20,
@@ -619,14 +570,17 @@ var defaultPageConfig = {
   customHeader: {},
   customFooter: {}
 };
-var defaultOptions = Object.assign({ pageGapBorderSize: 1, pageGapBorderColor: "#e5e5e5" }, defaultPageConfig);
+var defaultOptions = {
+  pageGapBorderSize: 1,
+  pageGapBorderColor: "#e5e5e5",
+  ...defaultPageConfig
+};
 var refreshPage = (targetNode, paginationEnabled = true) => {
-  var _a;
   const paginationElement = targetNode.querySelector("[data-rm-pagination]");
   if (paginationEnabled) {
     targetNode.removeAttribute("rm-pagination-disabled");
     if (paginationElement) {
-      const lastPageBreak = (_a = paginationElement.lastElementChild) === null || _a === void 0 ? void 0 : _a.querySelector(".breaker");
+      const lastPageBreak = paginationElement.lastElementChild?.querySelector(".breaker");
       if (lastPageBreak) {
         const minHeight = lastPageBreak.offsetTop + lastPageBreak.offsetHeight;
         targetNode.style.minHeight = `calc(${minHeight}px + 2px)`;
@@ -634,65 +588,304 @@ var refreshPage = (targetNode, paginationEnabled = true) => {
     }
   } else {
     targetNode.setAttribute("rm-pagination-disabled", "");
-    targetNode.style.minHeight = `auto`;
+    targetNode.style.minHeight = "auto";
   }
 };
 var getPageConfig = (_storage, _currentOptions) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
   const pageConfig = {
-    enabled: (_a = _storage.enabled) !== null && _a !== void 0 ? _a : defaultOptions.enabled,
-    pageBreakBackground: (_b = _storage.pageBreakBackground) !== null && _b !== void 0 ? _b : defaultOptions.pageBreakBackground,
-    pageHeight: (_c = _storage.pageHeight) !== null && _c !== void 0 ? _c : defaultOptions.pageHeight,
-    pageWidth: (_d = _storage.pageWidth) !== null && _d !== void 0 ? _d : defaultPageConfig.pageWidth,
-    marginTop: (_e = _storage.marginTop) !== null && _e !== void 0 ? _e : defaultPageConfig.marginTop,
-    marginBottom: (_f = _storage.marginBottom) !== null && _f !== void 0 ? _f : defaultPageConfig.marginBottom,
-    marginLeft: (_g = _storage.marginLeft) !== null && _g !== void 0 ? _g : defaultPageConfig.marginLeft,
-    marginRight: (_h = _storage.marginRight) !== null && _h !== void 0 ? _h : defaultPageConfig.marginRight,
-    pageGap: (_j = _storage.pageGap) !== null && _j !== void 0 ? _j : defaultPageConfig.pageGap,
-    contentMarginTop: (_k = _storage.contentMarginTop) !== null && _k !== void 0 ? _k : defaultPageConfig.contentMarginTop,
-    contentMarginBottom: (_l = _storage.contentMarginBottom) !== null && _l !== void 0 ? _l : defaultPageConfig.contentMarginBottom,
-    footerRight: (_m = _storage.footerRight) !== null && _m !== void 0 ? _m : defaultPageConfig.footerRight,
-    footerLeft: (_o = _storage.footerLeft) !== null && _o !== void 0 ? _o : defaultPageConfig.footerLeft,
-    headerRight: (_p = _storage.headerRight) !== null && _p !== void 0 ? _p : defaultPageConfig.headerRight,
-    headerLeft: (_q = _storage.headerLeft) !== null && _q !== void 0 ? _q : defaultPageConfig.headerLeft,
-    customHeader: (_r = _storage.customHeader) !== null && _r !== void 0 ? _r : defaultPageConfig.customHeader,
-    customFooter: (_s = _storage.customFooter) !== null && _s !== void 0 ? _s : defaultPageConfig.customFooter
+    enabled: _storage.enabled ?? defaultOptions.enabled,
+    pageBreakBackground: _storage.pageBreakBackground ?? defaultOptions.pageBreakBackground,
+    pageHeight: _storage.pageHeight ?? defaultOptions.pageHeight,
+    pageWidth: _storage.pageWidth ?? defaultPageConfig.pageWidth,
+    marginTop: _storage.marginTop ?? defaultPageConfig.marginTop,
+    marginBottom: _storage.marginBottom ?? defaultPageConfig.marginBottom,
+    marginLeft: _storage.marginLeft ?? defaultPageConfig.marginLeft,
+    marginRight: _storage.marginRight ?? defaultPageConfig.marginRight,
+    pageGap: _storage.pageGap ?? defaultPageConfig.pageGap,
+    contentMarginTop: _storage.contentMarginTop ?? defaultPageConfig.contentMarginTop,
+    contentMarginBottom: _storage.contentMarginBottom ?? defaultPageConfig.contentMarginBottom,
+    footerRight: _storage.footerRight ?? defaultPageConfig.footerRight,
+    footerLeft: _storage.footerLeft ?? defaultPageConfig.footerLeft,
+    headerRight: _storage.headerRight ?? defaultPageConfig.headerRight,
+    headerLeft: _storage.headerLeft ?? defaultPageConfig.headerLeft,
+    customHeader: _storage.customHeader ?? defaultPageConfig.customHeader,
+    customFooter: _storage.customFooter ?? defaultPageConfig.customFooter
   };
   return {
     config: pageConfig,
-    options: Object.assign(Object.assign({}, _currentOptions), pageConfig)
+    options: { ..._currentOptions, ...pageConfig }
   };
 };
 var getPageConfigFromOptions = (_currentOptions) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
   return {
-    enabled: (_a = _currentOptions.enabled) !== null && _a !== void 0 ? _a : defaultOptions.enabled,
-    pageBreakBackground: (_b = _currentOptions.pageBreakBackground) !== null && _b !== void 0 ? _b : defaultOptions.pageBreakBackground,
-    pageHeight: (_c = _currentOptions.pageHeight) !== null && _c !== void 0 ? _c : defaultOptions.pageHeight,
-    pageWidth: (_d = _currentOptions.pageWidth) !== null && _d !== void 0 ? _d : defaultPageConfig.pageWidth,
-    marginTop: (_e = _currentOptions.marginTop) !== null && _e !== void 0 ? _e : defaultPageConfig.marginTop,
-    marginBottom: (_f = _currentOptions.marginBottom) !== null && _f !== void 0 ? _f : defaultPageConfig.marginBottom,
-    marginLeft: (_g = _currentOptions.marginLeft) !== null && _g !== void 0 ? _g : defaultPageConfig.marginLeft,
-    marginRight: (_h = _currentOptions.marginRight) !== null && _h !== void 0 ? _h : defaultPageConfig.marginRight,
-    pageGap: (_j = _currentOptions.pageGap) !== null && _j !== void 0 ? _j : defaultPageConfig.pageGap,
-    contentMarginTop: (_k = _currentOptions.contentMarginTop) !== null && _k !== void 0 ? _k : defaultPageConfig.contentMarginTop,
-    contentMarginBottom: (_l = _currentOptions.contentMarginBottom) !== null && _l !== void 0 ? _l : defaultPageConfig.contentMarginBottom,
-    footerRight: (_m = _currentOptions.footerRight) !== null && _m !== void 0 ? _m : defaultPageConfig.footerRight,
-    footerLeft: (_o = _currentOptions.footerLeft) !== null && _o !== void 0 ? _o : defaultPageConfig.footerLeft,
-    headerRight: (_p = _currentOptions.headerRight) !== null && _p !== void 0 ? _p : defaultPageConfig.headerRight,
-    headerLeft: (_q = _currentOptions.headerLeft) !== null && _q !== void 0 ? _q : defaultPageConfig.headerLeft,
-    customHeader: (_r = _currentOptions.customHeader) !== null && _r !== void 0 ? _r : defaultPageConfig.customHeader,
-    customFooter: (_s = _currentOptions.customFooter) !== null && _s !== void 0 ? _s : defaultPageConfig.customFooter
+    enabled: _currentOptions.enabled ?? defaultOptions.enabled,
+    pageBreakBackground: _currentOptions.pageBreakBackground ?? defaultOptions.pageBreakBackground,
+    pageHeight: _currentOptions.pageHeight ?? defaultOptions.pageHeight,
+    pageWidth: _currentOptions.pageWidth ?? defaultPageConfig.pageWidth,
+    marginTop: _currentOptions.marginTop ?? defaultPageConfig.marginTop,
+    marginBottom: _currentOptions.marginBottom ?? defaultPageConfig.marginBottom,
+    marginLeft: _currentOptions.marginLeft ?? defaultPageConfig.marginLeft,
+    marginRight: _currentOptions.marginRight ?? defaultPageConfig.marginRight,
+    pageGap: _currentOptions.pageGap ?? defaultPageConfig.pageGap,
+    contentMarginTop: _currentOptions.contentMarginTop ?? defaultPageConfig.contentMarginTop,
+    contentMarginBottom: _currentOptions.contentMarginBottom ?? defaultPageConfig.contentMarginBottom,
+    footerRight: _currentOptions.footerRight ?? defaultPageConfig.footerRight,
+    footerLeft: _currentOptions.footerLeft ?? defaultPageConfig.footerLeft,
+    headerRight: _currentOptions.headerRight ?? defaultPageConfig.headerRight,
+    headerLeft: _currentOptions.headerLeft ?? defaultPageConfig.headerLeft,
+    customHeader: _currentOptions.customHeader ?? defaultPageConfig.customHeader,
+    customFooter: _currentOptions.customFooter ?? defaultPageConfig.customFooter
   };
 };
 var paginationKey = new PluginKey3("pagination");
+var getExistingPageCount = (view) => {
+  const editorDom = view.dom;
+  const paginationElement = editorDom.querySelector("[data-rm-pagination]");
+  if (paginationElement) {
+    return paginationElement.children.length;
+  }
+  return 0;
+};
+var pageGapTracker = /* @__PURE__ */ new WeakMap();
+var calculatePageCount = (view, pageOptions, headerHeight = 0, footerHeight = 0) => {
+  const editorDom = view.dom;
+  const _pageHeaderHeight = pageOptions.contentMarginTop + pageOptions.marginTop + headerHeight;
+  const _pageFooterHeight = pageOptions.contentMarginBottom + pageOptions.marginBottom + footerHeight;
+  const pageContentAreaHeight = pageOptions.pageHeight - _pageHeaderHeight - _pageFooterHeight;
+  const paginationElement = editorDom.querySelector("[data-rm-pagination]");
+  const currentPageCount = getExistingPageCount(view);
+  if (paginationElement) {
+    const lastElementOfEditor = editorDom.lastElementChild;
+    const lastPageBreak = paginationElement.lastElementChild?.querySelector(".breaker");
+    if (lastElementOfEditor && lastPageBreak) {
+      const lastElementRect = lastElementOfEditor.getBoundingClientRect();
+      const lastPageBreakRect = lastPageBreak.getBoundingClientRect();
+      const lastPageGap = lastElementRect.bottom - lastPageBreakRect.bottom;
+      if (lastPageGap > 0) {
+        const addPage = Math.ceil(lastPageGap / pageContentAreaHeight);
+        if (lastElementRect.height > pageContentAreaHeight) {
+          const isSplittableTable = lastElementOfEditor.tagName === "TABLE" && lastElementOfEditor.hasAttribute("data-tps-splittable");
+          if (!isSplittableTable) {
+            return currentPageCount;
+          }
+        }
+        let totalEditorContentHeight = 0;
+        for (const child of Array.from(editorDom.children)) {
+          if (!(child instanceof HTMLElement)) continue;
+          if (child.hasAttribute("data-rm-pagination")) continue;
+          if (child.classList.contains("rm-page-break")) continue;
+          totalEditorContentHeight += child.getBoundingClientRect().height;
+        }
+        const maxPagesByContent = Math.ceil(totalEditorContentHeight / pageContentAreaHeight);
+        const contentCap = Math.max(currentPageCount, maxPagesByContent + 1);
+        const prev = pageGapTracker.get(editorDom);
+        if (prev && prev.pages < currentPageCount && lastPageGap > prev.gap - 2 && currentPageCount >= maxPagesByContent) {
+          return currentPageCount;
+        }
+        const recent = prev?.recent ?? [];
+        let flapping = prev?.flapping ?? [];
+        if (recent.length >= 4 && recent.filter((p) => p === currentPageCount + addPage).length >= 2 && currentPageCount >= maxPagesByContent) {
+          flapping = [.../* @__PURE__ */ new Set([...flapping, currentPageCount + addPage, currentPageCount])];
+          pageGapTracker.set(editorDom, { gap: lastPageGap, pages: currentPageCount, recent, flapping });
+          return currentPageCount;
+        }
+        pageGapTracker.set(editorDom, { gap: lastPageGap, pages: currentPageCount, recent, flapping });
+        if (currentPageCount + addPage > contentCap) {
+          return contentCap;
+        }
+        const MAX_PAGES = 1e3;
+        if (currentPageCount + addPage > MAX_PAGES) {
+          return currentPageCount;
+        }
+        return currentPageCount + addPage;
+      } else {
+        const allBreaksAfterLastElement = Array.from(paginationElement.querySelectorAll(".breaker"));
+        const allBreaksAfterLastElementRect = allBreaksAfterLastElement.filter(
+          (element) => element.getBoundingClientRect().top > lastElementRect.bottom
+        );
+        const removePage = allBreaksAfterLastElementRect.length;
+        if (removePage > 1) {
+          return currentPageCount - (removePage - 1);
+        } else {
+          return currentPageCount;
+        }
+      }
+    }
+    return 1;
+  } else {
+    const editorHeight = editorDom.scrollHeight;
+    let pageCount = Math.ceil(editorHeight / pageContentAreaHeight);
+    pageCount = pageCount <= 0 ? 1 : pageCount;
+    return pageCount;
+  }
+};
+var getNewPageCount = (view, pageOptions) => {
+  if (pageOptions.enabled) {
+    const pageCount = calculatePageCount(view, pageOptions);
+    return pageCount <= 1 ? 1 : pageCount;
+  } else return 0;
+};
+function createDecoration(pageOptions, headerHeightMap, footerHeightMap) {
+  if (!pageOptions.enabled) return [];
+  const commonHeaderOptions = {
+    headerLeft: pageOptions.headerLeft,
+    headerRight: pageOptions.headerRight
+  };
+  const commonFooterOptions = {
+    footerLeft: pageOptions.footerLeft,
+    footerRight: pageOptions.footerRight
+  };
+  return [
+    Decoration3.widget(
+      0,
+      (view) => {
+        const _pageGap = pageOptions.pageGap;
+        const _pageBreakBackground = pageOptions.pageBreakBackground;
+        const el = document.createElement("div");
+        el.dataset.rmPagination = "true";
+        const pageBreakDefinition = (firstPage, pageHeader, pageFooter, headerHeight, footerHeight, pageNumber) => {
+          const { _pageHeaderHeight, _pageHeight } = getHeight(pageOptions, headerHeight, footerHeight);
+          const pageContainer = document.createElement("div");
+          pageContainer.classList.add("rm-page-break");
+          const page = document.createElement("div");
+          page.classList.add("page");
+          page.style.position = "relative";
+          page.style.float = "left";
+          page.style.clear = "both";
+          const marginTop = firstPage ? `calc(${_pageHeaderHeight}px + ${_pageHeight}px)` : _pageHeight + "px";
+          if (pageNumber) {
+            page.style.marginTop = `var(--rm-page-content-${pageNumber}, ${marginTop})`;
+          } else {
+            page.style.marginTop = firstPage ? `var(--rm-page-content-first, ${marginTop})` : `var(--rm-page-content-general, ${marginTop})`;
+          }
+          const pageBreak = document.createElement("div");
+          pageBreak.classList.add("breaker");
+          pageBreak.style.width = `calc(100% + var(--rm-margin-left) + var(--rm-margin-right))`;
+          pageBreak.style.marginLeft = `calc(-1 * var(--rm-margin-left))`;
+          pageBreak.style.marginRight = `calc(-1 * var(--rm-margin-right))`;
+          pageBreak.style.position = "relative";
+          pageBreak.style.float = "left";
+          pageBreak.style.clear = "both";
+          pageBreak.style.left = "0px";
+          pageBreak.style.right = "0px";
+          pageBreak.style.zIndex = "2";
+          const pageSpace = document.createElement("div");
+          pageSpace.classList.add("rm-pagination-gap");
+          pageSpace.style.height = _pageGap + "px";
+          pageSpace.style.borderLeft = "1px solid";
+          pageSpace.style.borderRight = "1px solid";
+          pageSpace.style.position = "relative";
+          pageSpace.style.setProperty("width", "calc(100% + 2px)", "important");
+          pageSpace.style.left = "-1px";
+          pageSpace.style.backgroundColor = _pageBreakBackground;
+          pageSpace.style.borderLeftColor = _pageBreakBackground;
+          pageSpace.style.borderRightColor = _pageBreakBackground;
+          pageBreak.append(pageFooter, pageSpace, pageHeader);
+          pageContainer.append(page, pageBreak);
+          return pageContainer;
+        };
+        const _headerHeight = headerHeightMap.get(0) || 0;
+        const _footerHeight = footerHeightMap.get(0) || 0;
+        const fragment = document.createDocumentFragment();
+        const pageCount = getNewPageCount(view, pageOptions);
+        for (let i = 0; i < pageCount; i++) {
+          const pageNumber = i + 1;
+          const headerPageNumber = i + 2;
+          if (headerPageNumber in pageOptions.customHeader || pageNumber in pageOptions.customFooter || pageNumber in pageOptions.customHeader) {
+            let _headerOptions = commonHeaderOptions;
+            let _footerOptions = commonFooterOptions;
+            let _pageHeaderHeight = _headerHeight;
+            let _pageFooterHeight = _footerHeight;
+            if (headerPageNumber in pageOptions.customHeader) {
+              _headerOptions = pageOptions.customHeader[headerPageNumber] || commonHeaderOptions;
+              _pageHeaderHeight = headerHeightMap.get(headerPageNumber) || 0;
+            }
+            if (pageNumber in pageOptions.customFooter) {
+              _footerOptions = pageOptions.customFooter[pageNumber] || commonFooterOptions;
+              _pageFooterHeight = footerHeightMap.get(pageNumber) || 0;
+            }
+            const _pageHeader = getHeader(
+              _headerOptions.headerRight,
+              _headerOptions.headerLeft,
+              headerClickEvent(headerPageNumber, pageOptions.onHeaderClick),
+              headerPageNumber
+            );
+            const _pageFooter = getFooter(
+              _footerOptions.footerRight,
+              _footerOptions.footerLeft,
+              footerClickEvent(pageNumber, pageOptions.onFooterClick),
+              pageNumber
+            );
+            const pageBreak = pageBreakDefinition(
+              i === 0,
+              _pageHeader,
+              _pageFooter,
+              _pageHeaderHeight,
+              _pageFooterHeight,
+              pageNumber
+            );
+            fragment.appendChild(pageBreak);
+          } else {
+            const __pageHeader = getHeader(
+              commonHeaderOptions.headerRight,
+              commonHeaderOptions.headerLeft,
+              headerClickEvent(headerPageNumber, pageOptions.onHeaderClick)
+            );
+            const __pageFooter = getFooter(
+              commonFooterOptions.footerRight,
+              commonFooterOptions.footerLeft,
+              footerClickEvent(pageNumber, pageOptions.onFooterClick)
+            );
+            fragment.appendChild(pageBreakDefinition(i === 0, __pageHeader, __pageFooter, _headerHeight, _footerHeight));
+          }
+        }
+        el.append(fragment);
+        el.id = "pages";
+        el.classList.add("rm-pages-wrapper");
+        return el;
+      },
+      { side: -1 }
+    ),
+    Decoration3.widget(
+      0,
+      () => {
+        const pageNumber = 1;
+        let _headerOptions = commonHeaderOptions;
+        if (pageNumber in pageOptions.customHeader) {
+          _headerOptions = pageOptions.customHeader[pageNumber];
+        }
+        const el = getHeader(
+          _headerOptions.headerRight,
+          _headerOptions.headerLeft,
+          headerClickEvent(pageNumber, pageOptions.onHeaderClick)
+        );
+        el.classList.add("rm-first-page-header");
+        return el;
+      },
+      { side: -1 }
+    )
+  ];
+}
+var PAGE_SIZES = {
+  A4: getPageSize(1123, 794, 95, 95, 76, 76),
+  A3: getPageSize(1591, 1123, 95, 95, 76, 76),
+  A5: getPageSize(794, 419, 76, 76, 57, 57),
+  LETTER: getPageSize(1060, 818, 96, 96, 96, 96),
+  LEGAL: getPageSize(1404, 818, 96, 96, 96, 96),
+  TABLOID: getPageSize(1635, 1060, 96, 96, 96, 96)
+};
 var PaginationPlus = Extension4.create({
   name: "PaginationPlus",
   addOptions() {
     return defaultOptions;
   },
   addStorage() {
-    return Object.assign(Object.assign({}, defaultOptions), { headerHeight: /* @__PURE__ */ new Map(), footerHeight: /* @__PURE__ */ new Map(), appliedConfig: defaultPageConfig });
+    return {
+      ...defaultOptions,
+      headerHeight: /* @__PURE__ */ new Map(),
+      footerHeight: /* @__PURE__ */ new Map(),
+      appliedConfig: defaultPageConfig
+    };
   },
   onCreate() {
     const { options: _currentOptions } = getPageConfig(this.storage, this.options);
@@ -700,210 +893,180 @@ var PaginationPlus = Extension4.create({
     const targetNode = this.editor.view.dom;
     targetNode.classList.add("rm-with-pagination");
     targetNode.style.border = `1px solid var(--rm-page-gap-border-color)`;
-    targetNode.style.paddingLeft = `var(--rm-margin-left)`;
-    targetNode.style.paddingRight = `var(--rm-margin-right)`;
-    targetNode.style.width = `var(--rm-page-width)`;
-    updateCssVariables(targetNode, Object.assign(Object.assign({}, _currentOptions), pageConfig));
-    const style = document.createElement("style");
-    style.dataset.rmPaginationStyle = "";
-    style.textContent = `
-      .rm-pagination-gap{
-        border-top: 1px solid;
-        border-bottom: 1px solid;
-        border-color: var(--rm-page-gap-border-color);
-      }
-      .rm-with-pagination,
-      .rm-with-pagination .rm-first-page-header {
-        counter-reset: page-number page-number-plus 1;
-      }
-      .rm-with-pagination .image-plus-wrapper,
-      .rm-with-pagination .table-plus td,
-      .rm-with-pagination .table-plus th {
-        max-height: var(--rm-max-content-child-height);
-        overflow-y: auto;
-      }
-      .rm-with-pagination .image-plus-wrapper {
-        overflow-y: visible;
-      }
-      .rm-with-pagination .rm-page-break {
-        counter-increment: page-number page-number-plus;
-      }
-      
-      .rm-with-pagination .rm-page-break:last-child .rm-pagination-gap {
-        display: none;
-      }
-      .rm-with-pagination .rm-page-break:last-child .rm-page-header {
-        display: none;
-      }
-      
-      .rm-with-pagination table tr td,
-      .rm-with-pagination table tr th {
-        word-break: break-all;
-      }
-      .rm-with-pagination table > tr {
-        display: grid;
-        min-width: 100%;
-      }
-      .rm-with-pagination table {
-        border-collapse: collapse;
-        width: 100%;
-        display: contents;
-      }
-      .rm-with-pagination table tbody > tr{
-        display: table-row !important;
-      }
-      .rm-with-pagination *:has(>br.ProseMirror-trailingBreak:only-child) {
-        display: table;
-        width: 100%;
-      }
-      .rm-with-pagination .rm-br-decoration {
-        display: table;
-        width: 100%;
-      }
-      .rm-with-pagination .table-row-group {
-        max-height: var(--rm-max-content-child-height);
-        overflow-y: auto;
-        width: 100%;
-      }
-      .rm-with-pagination .rm-page-footer-left,
-      .rm-with-pagination .rm-page-footer-right,
-      .rm-with-pagination .rm-page-header-left,
-      .rm-with-pagination .rm-page-header-right {
-        display: inline-block;
-      }
-      
-      .rm-with-pagination .rm-page-header-left,
-      .rm-with-pagination .rm-page-footer-left{
-        float: left;
-        margin-left: var(--rm-margin-left);
-      }
-      .rm-with-pagination .rm-page-header-right,
-      .rm-with-pagination .rm-page-footer-right{
-        float: right;
-        margin-right: var(--rm-margin-right);
-      }
-      .rm-with-pagination .rm-first-page-header .rm-page-header-right{
-        margin-right: 0px !important;
-      }
-      .rm-with-pagination .rm-first-page-header .rm-page-header-left{
-        margin-left: 0px !important;
-      }
-      .rm-with-pagination .rm-page-number::before {
-        content: counter(page-number);
-      }
-      .rm-with-pagination .rm-page-number-plus::before {
-        content: counter(page-number-plus);
-      }
-      .rm-with-pagination .rm-page-header,
-      .rm-with-pagination .rm-page-footer{
-        width: 100%;
-      }
-      .rm-with-pagination .rm-page-header{
-        padding-bottom: var(--rm-content-margin-top) !important;
-        padding-top: var(--rm-margin-top) !important;
-        display: inline-flex;
-        justify-content: space-between;
-        max-height: calc(calc(var(--rm-page-height) * 0.45) - var(--rm-margin-top) - var(--rm-content-margin-top));
-        overflow-y: hidden;
-      }
-      .rm-with-pagination .rm-page-footer{
-        padding-top: var(--rm-content-margin-bottom) !important;
-        padding-bottom: var(--rm-margin-bottom) !important;
-        display: inline-flex;
-        justify-content: space-between;
-        max-height: calc(calc(var(--rm-page-height) * 0.45) - var(--rm-content-margin-bottom) - var(--rm-margin-bottom));
-        overflow-y: hidden;
-      }
-      .rm-with-pagination[rm-pagination-disabled] {
-        padding-top: var(--rm-margin-top) !important;
-        padding-bottom: var(--rm-margin-bottom) !important;
-      }
-    `;
-    document.head.appendChild(style);
+    targetNode.style.paddingLeft = "var(--rm-margin-left)";
+    targetNode.style.paddingRight = "var(--rm-margin-right)";
+    targetNode.style.width = "var(--rm-page-width)";
+    updateCssVariables(targetNode, { ..._currentOptions, ...pageConfig });
+    if (!document.querySelector("style[data-rm-pagination-style]")) {
+      const style = document.createElement("style");
+      style.dataset.rmPaginationStyle = "";
+      style.textContent = `
+        .rm-pagination-gap{
+          border-top: 1px solid;
+          border-bottom: 1px solid;
+          border-color: var(--rm-page-gap-border-color);
+        }
+        .rm-with-pagination,
+        .rm-with-pagination .rm-first-page-header {
+          counter-reset: page-number page-number-plus 1;
+        }
+        .rm-with-pagination .image-plus-wrapper,
+        .rm-with-pagination .table-plus td,
+        .rm-with-pagination .table-plus th {
+          max-height: var(--rm-max-content-child-height);
+          overflow-y: auto;
+        }
+        .rm-with-pagination .image-plus-wrapper {
+          overflow-y: visible;
+        }
+        .rm-with-pagination .rm-page-break {
+          counter-increment: page-number page-number-plus;
+        }
+        .rm-with-pagination .rm-page-break:last-child .rm-pagination-gap {
+          display: none;
+        }
+        .rm-with-pagination .rm-page-break:last-child .rm-page-header {
+          display: none;
+        }
+        .rm-with-pagination table tr td,
+        .rm-with-pagination table tr th {
+          word-break: break-all;
+        }
+        .rm-with-pagination table > tr {
+          display: grid;
+          min-width: 100%;
+        }
+        .rm-with-pagination table {
+          border-collapse: collapse;
+          width: 100%;
+          display: contents;
+        }
+        .rm-with-pagination table tbody > tr{
+          display: table-row !important;
+        }
+        .rm-with-pagination *:has(>br.ProseMirror-trailingBreak:only-child) {
+          display: table;
+          width: 100%;
+        }
+        .rm-with-pagination .rm-br-decoration {
+          display: table;
+          width: 100%;
+        }
+        .rm-with-pagination .table-row-group {
+          max-height: var(--rm-max-content-child-height);
+          overflow-y: auto;
+          width: 100%;
+        }
+        .rm-with-pagination .rm-page-footer-left,
+        .rm-with-pagination .rm-page-footer-right,
+        .rm-with-pagination .rm-page-header-left,
+        .rm-with-pagination .rm-page-header-right {
+          display: inline-block;
+        }
+        .rm-with-pagination .rm-page-header-left,
+        .rm-with-pagination .rm-page-footer-left{
+          float: left;
+          margin-left: var(--rm-margin-left);
+        }
+        .rm-with-pagination .rm-page-header-right,
+        .rm-with-pagination .rm-page-footer-right{
+          float: right;
+          margin-right: var(--rm-margin-right);
+        }
+        .rm-with-pagination .rm-first-page-header .rm-page-header-right{
+          margin-right: 0px !important;
+        }
+        .rm-with-pagination .rm-first-page-header .rm-page-header-left{
+          margin-left: 0px !important;
+        }
+        .rm-with-pagination .rm-page-number::before {
+          content: counter(page-number);
+        }
+        .rm-with-pagination .rm-page-number-plus::before {
+          content: counter(page-number-plus);
+        }
+        .rm-with-pagination .rm-page-header,
+        .rm-with-pagination .rm-page-footer{
+          width: 100%;
+        }
+        .rm-with-pagination .rm-page-header{
+          padding-bottom: var(--rm-content-margin-top) !important;
+          padding-top: var(--rm-margin-top) !important;
+          display: inline-flex;
+          justify-content: space-between;
+          max-height: calc(calc(var(--rm-page-height) * 0.45) - var(--rm-margin-top) - var(--rm-content-margin-top));
+          overflow-y: hidden;
+        }
+        .rm-with-pagination .rm-page-footer{
+          padding-top: var(--rm-content-margin-bottom) !important;
+          padding-bottom: var(--rm-margin-bottom) !important;
+          display: inline-flex;
+          justify-content: space-between;
+          max-height: calc(calc(var(--rm-page-height) * 0.45) - var(--rm-content-margin-bottom) - var(--rm-margin-bottom));
+          overflow-y: hidden;
+        }
+        .rm-with-pagination[rm-pagination-disabled] {
+          padding-top: var(--rm-margin-top) !important;
+          padding-bottom: var(--rm-margin-bottom) !important;
+        }
+      `;
+      document.head.appendChild(style);
+    }
     refreshPage(targetNode, _currentOptions.enabled);
   },
   addProseMirrorPlugins() {
-    const editor = this.editor;
     const storage = this.storage;
+    const options = this.options;
     return [
       new Plugin3({
         key: paginationKey,
         state: {
-          init: (_, state) => {
-            const _currentOptions = getPageConfigFromOptions(this.options);
-            const pageConfig = getPageConfigFromOptions(this.options);
-            const widgetList = createDecoration(Object.assign(Object.assign({}, this.options), _currentOptions), /* @__PURE__ */ new Map(), /* @__PURE__ */ new Map());
-            storage.pageBreakBackground = _currentOptions.pageBreakBackground;
-            storage.pageHeight = _currentOptions.pageHeight;
-            storage.pageWidth = _currentOptions.pageWidth;
-            storage.marginTop = _currentOptions.marginTop;
-            storage.marginBottom = _currentOptions.marginBottom;
-            storage.marginLeft = _currentOptions.marginLeft;
-            storage.marginRight = _currentOptions.marginRight;
-            storage.pageGap = _currentOptions.pageGap;
-            storage.contentMarginTop = _currentOptions.contentMarginTop;
-            storage.contentMarginBottom = _currentOptions.contentMarginBottom;
-            storage.footerRight = _currentOptions.footerRight;
-            storage.footerLeft = _currentOptions.footerLeft;
-            storage.headerRight = _currentOptions.headerRight;
-            storage.headerLeft = _currentOptions.headerLeft;
-            storage.customHeader = _currentOptions.customHeader;
-            storage.customFooter = _currentOptions.customFooter;
-            storage.headerHeight = /* @__PURE__ */ new Map();
-            storage.footerHeight = /* @__PURE__ */ new Map();
-            storage.appliedConfig = pageConfig;
-            return {
-              decorations: DecorationSet3.create(state.doc, widgetList)
-            };
-          },
-          apply: (tr, oldDeco, oldState, newState) => {
-            const { options: _currentOptions, config: pageConfig } = getPageConfig(storage, this.options);
-            if (storage.enabled === storage.appliedConfig.enabled && storage.enabled === false && storage.appliedConfig.enabled === false) {
-              return oldDeco;
+          init: () => DecorationSet3.empty,
+          apply: (tr, old) => {
+            const { options: _currentOptions, config: pageConfig } = getPageConfig(storage, options);
+            if (!pageConfig.enabled) {
+              return DecorationSet3.empty;
             }
-            const pageCount = getNewPageCount(editor.view, Object.assign(Object.assign({}, _currentOptions), pageConfig));
-            const currentPageCount = getExistingPageCount(editor.view);
-            const getNewDecoration = () => {
-              const { options: _currentOptions2, config: pageConfig2 } = getPageConfig(storage, this.options);
-              updateCssVariables(editor.view.dom, _currentOptions2);
-              let headerHeight = "headerHeight" in this.storage ? this.storage.headerHeight : /* @__PURE__ */ new Map();
-              let footerHeight = "footerHeight" in this.storage ? this.storage.footerHeight : /* @__PURE__ */ new Map();
-              const widgetList = createDecoration(Object.assign(Object.assign({}, _currentOptions2), pageConfig2), headerHeight, footerHeight);
-              storage.appliedConfig = pageConfig2;
-              storage.headerHeight = headerHeight;
-              storage.footerHeight = footerHeight;
-              return {
-                decorations: DecorationSet3.create(newState.doc, [...widgetList]),
-                footerHeight
-              };
-            };
-            if (
-              // If pagination is enabled only then check for other changes
-              (pageCount > 1 ? pageCount : 1) !== currentPageCount || storage.enabled !== storage.appliedConfig.enabled || storage.pageBreakBackground !== storage.appliedConfig.pageBreakBackground || storage.pageHeight !== storage.appliedConfig.pageHeight || storage.pageWidth !== storage.appliedConfig.pageWidth || storage.marginTop !== storage.appliedConfig.marginTop || storage.marginBottom !== storage.appliedConfig.marginBottom || storage.marginLeft !== storage.appliedConfig.marginLeft || storage.marginRight !== storage.appliedConfig.marginRight || storage.pageGap !== storage.appliedConfig.pageGap || storage.contentMarginTop !== storage.appliedConfig.contentMarginTop || storage.contentMarginBottom !== storage.appliedConfig.contentMarginBottom || storage.headerLeft !== storage.appliedConfig.headerLeft || storage.headerRight !== storage.appliedConfig.headerRight || storage.footerLeft !== storage.appliedConfig.footerLeft || storage.footerRight !== storage.appliedConfig.footerRight || !deepEqualIterative(storage.appliedConfig.customHeader, storage.customHeader) || !deepEqualIterative(storage.appliedConfig.customFooter, storage.customFooter)
-            ) {
-              return getNewDecoration();
+            const footerHeight = storage.footerHeight;
+            const headerHeight = storage.headerHeight;
+            const isPageCountChanged = tr.getMeta(page_count_meta_key);
+            if (isPageCountChanged || tr.docChanged) {
+              return DecorationSet3.create(
+                tr.doc,
+                createDecoration(
+                  { ..._currentOptions, ...pageConfig },
+                  headerHeight ?? /* @__PURE__ */ new Map(),
+                  footerHeight ?? /* @__PURE__ */ new Map()
+                )
+              );
             }
-            return oldDeco;
+            return old;
           }
         },
         props: {
           decorations(state) {
-            var _a;
-            return (_a = this.getState(state)) === null || _a === void 0 ? void 0 : _a.decorations;
+            return paginationKey.getState(state) ?? DecorationSet3.empty;
           }
         },
-        view: (editorView) => {
+        view: () => {
           return {
             update: (view) => {
-              const { options: _currentOptions, config: pageConfig } = getPageConfig(storage, this.options);
+              const { options: _currentOptions, config: pageConfig } = getPageConfig(storage, options);
               if (!pageConfig.enabled && !view.dom.hasAttribute("rm-pagination-disabled")) {
                 refreshPage(view.dom, false);
                 return;
               }
-              const pageCount = getNewPageCount(view, Object.assign(Object.assign({}, _currentOptions), pageConfig));
+              const pageCount = getNewPageCount(view, { ..._currentOptions, ...pageConfig });
               const currentPageCount = getExistingPageCount(view);
               const triggerUpdate = (_footerHeight) => {
                 requestAnimationFrame(() => {
+                  const history = pageGapTracker.get(view.dom);
+                  if (history && history.flapping && history.flapping.includes(pageCount)) {
+                    return;
+                  }
+                  if (history && history.recent) {
+                    history.recent.push(pageCount);
+                  }
                   const tr = view.state.tr.setMeta(page_count_meta_key, { footerHeight: _footerHeight });
                   view.dispatch(tr);
                 });
@@ -927,7 +1090,7 @@ var PaginationPlus = Extension4.create({
                 }
               }
               const pagesSetToCheck = /* @__PURE__ */ new Set([1, ...footerHeightForCurrentPages.keys(), ...headerHeightForCurrentPages.keys()]);
-              let missingPageNumber = void 0;
+              let missingPageNumber;
               for (let i = 1; i <= pageCount; i++) {
                 if (!pagesSetToCheck.has(i)) {
                   missingPageNumber = i;
@@ -938,18 +1101,18 @@ var PaginationPlus = Extension4.create({
                 pagesSetToCheck.add(missingPageNumber);
               }
               pagesSetToCheck.delete(0);
-              let pageContentHeightVariable = {};
-              let maxContentHeight = void 0;
+              const pageContentHeightVariable = {};
+              let maxContentHeight;
               for (const page of pagesSetToCheck) {
-                const headerHeight2 = headerHeightForCurrentPages.has(page) ? headerHeightForCurrentPages.get(page) || 0 : headerHeightForCurrentPages.get(0) || 0;
-                const footerHeight2 = footerHeightForCurrentPages.has(page) ? footerHeightForCurrentPages.get(page) || 0 : footerHeightForCurrentPages.get(0) || 0;
-                const { _pageHeaderHeight, _pageHeight } = getHeight(_currentOptions, headerHeight2, footerHeight2);
+                const hHeight = headerHeightForCurrentPages.has(page) ? headerHeightForCurrentPages.get(page) || 0 : headerHeightForCurrentPages.get(0) || 0;
+                const fHeight = footerHeightForCurrentPages.has(page) ? footerHeightForCurrentPages.get(page) || 0 : footerHeightForCurrentPages.get(0) || 0;
+                const { _pageHeaderHeight, _pageHeight } = getHeight(_currentOptions, hHeight, fHeight);
                 const contentHeight = page === 1 ? _pageHeight + _pageHeaderHeight : _pageHeight;
                 if (page === 1) {
-                  pageContentHeightVariable[`rm-page-content-first`] = `${contentHeight}px`;
+                  pageContentHeightVariable["rm-page-content-first"] = `${contentHeight}px`;
                 }
                 if (page === missingPageNumber) {
-                  pageContentHeightVariable[`rm-page-content-general`] = `${contentHeight}px`;
+                  pageContentHeightVariable["rm-page-content-general"] = `${contentHeight}px`;
                 } else {
                   pageContentHeightVariable[`rm-page-content-${page}`] = `${contentHeight}px`;
                 }
@@ -958,13 +1121,14 @@ var PaginationPlus = Extension4.create({
                 }
               }
               if (maxContentHeight) {
-                view.dom.style.setProperty(`--rm-max-content-child-height`, `${maxContentHeight - 10}px`);
+                ;
+                view.dom.style.setProperty("--rm-max-content-child-height", `${maxContentHeight - 10}px`);
               }
-              Object.entries(pageContentHeightVariable).forEach(([key2, value]) => {
-                view.dom.style.setProperty(`--${key2}`, value);
+              Object.entries(pageContentHeightVariable).forEach(([k, value]) => {
+                ;
+                view.dom.style.setProperty(`--${k}`, value);
               });
               refreshPage(view.dom, _currentOptions.enabled);
-              return;
             }
           };
         }
@@ -976,7 +1140,9 @@ var PaginationPlus = Extension4.create({
             return buildDecorations(state.doc);
           },
           apply(tr, old) {
-            if (tr.docChanged || tr.steps.some((step) => step instanceof ReplaceStep) || tr.steps.some((step) => step instanceof ReplaceAroundStep) || tr.steps.some((step) => step instanceof AddMarkStep) || tr.steps.some((step) => step instanceof RemoveMarkStep) || tr.steps.some((step) => step instanceof RemoveNodeMarkStep) || tr.steps.some((step) => step instanceof AttrStep)) {
+            if (tr.docChanged || tr.steps.some(
+              (step) => step instanceof ReplaceStep || step instanceof ReplaceAroundStep || step instanceof AddMarkStep || step instanceof RemoveMarkStep || step instanceof RemoveNodeMarkStep || step instanceof AttrStep
+            )) {
               return buildDecorations(tr.doc);
             }
             return old;
@@ -984,8 +1150,7 @@ var PaginationPlus = Extension4.create({
         },
         props: {
           decorations(state) {
-            var _a;
-            return (_a = key.getState(state)) !== null && _a !== void 0 ? _a : DecorationSet3.empty;
+            return key.getState(state) ?? DecorationSet3.empty;
           }
         }
       })
@@ -1025,31 +1190,14 @@ var PaginationPlus = Extension4.create({
         this.storage.marginRight = margins.right;
         return true;
       },
-      updateContentMargins: (margins) => () => {
-        this.storage.contentMarginTop = margins.top;
-        this.storage.contentMarginBottom = margins.bottom;
+      updateHeaderContent: (left, right) => () => {
+        if (left !== void 0) this.storage.headerLeft = left;
+        if (right !== void 0) this.storage.headerRight = right;
         return true;
       },
-      updateHeaderContent: (left, right, pageNumber) => () => {
-        if (pageNumber) {
-          this.storage.customHeader = Object.assign(Object.assign({}, this.storage.customHeader), { [pageNumber]: { headerLeft: left, headerRight: right } });
-        } else {
-          this.storage.headerLeft = left;
-          this.storage.headerRight = right;
-        }
-        return true;
-      },
-      updateFooterContent: (left, right, pageNumber) => () => {
-        if (pageNumber) {
-          this.storage.customFooter = Object.assign(Object.assign({}, this.storage.customFooter), { [pageNumber]: { footerLeft: left, footerRight: right } });
-        } else {
-          this.storage.footerLeft = left;
-          this.storage.footerRight = right;
-        }
-        return true;
-      },
-      togglePagination: () => () => {
-        this.storage.enabled = !this.storage.enabled;
+      updateFooterContent: (left, right) => () => {
+        if (left !== void 0) this.storage.footerLeft = left;
+        if (right !== void 0) this.storage.footerRight = right;
         return true;
       },
       enablePagination: () => () => {
@@ -1063,203 +1211,6 @@ var PaginationPlus = Extension4.create({
     };
   }
 });
-var getExistingPageCount = (view) => {
-  const editorDom = view.dom;
-  const paginationElement = editorDom.querySelector("[data-rm-pagination]");
-  if (paginationElement) {
-    return paginationElement.children.length;
-  }
-  return 0;
-};
-var pageGapTracker = /* @__PURE__ */ new WeakMap();
-var calculatePageCount = (view, pageOptions, headerHeight = 0, footerHeight = 0) => {
-  var _a;
-  const editorDom = view.dom;
-  const _pageHeaderHeight = pageOptions.contentMarginTop + pageOptions.marginTop + headerHeight;
-  const _pageFooterHeight = pageOptions.contentMarginBottom + pageOptions.marginBottom + footerHeight;
-  const pageContentAreaHeight = pageOptions.pageHeight - _pageHeaderHeight - _pageFooterHeight;
-  const paginationElement = editorDom.querySelector("[data-rm-pagination]");
-  const currentPageCount = getExistingPageCount(view);
-  if (paginationElement) {
-    const lastElementOfEditor = editorDom.lastElementChild;
-    const lastPageBreak = (_a = paginationElement.lastElementChild) === null || _a === void 0 ? void 0 : _a.querySelector(".breaker");
-    if (lastElementOfEditor && lastPageBreak) {
-      const lastElementRect = lastElementOfEditor.getBoundingClientRect();
-      const lastPageBreakRect = lastPageBreak.getBoundingClientRect();
-      const lastPageGap = lastElementRect.bottom - lastPageBreakRect.bottom;
-      if (lastPageGap > 0) {
-        const addPage = Math.ceil(lastPageGap / pageContentAreaHeight);
-        if (lastElementRect.height > pageContentAreaHeight) {
-          const isSplittableTable = (lastElementOfEditor === null || lastElementOfEditor === void 0 ? void 0 : lastElementOfEditor.tagName) === "TABLE" && lastElementOfEditor.hasAttribute("data-tps-splittable");
-          if (!isSplittableTable) {
-            return currentPageCount;
-          }
-        }
-        const prev = pageGapTracker.get(editorDom);
-        if (prev && prev.pages < currentPageCount && lastPageGap > prev.gap - 2) {
-          return currentPageCount;
-        }
-        pageGapTracker.set(editorDom, { gap: lastPageGap, pages: currentPageCount });
-        let totalEditorContentHeight = 0;
-        for (const child of editorDom.children) {
-          if (!(child instanceof HTMLElement)) continue;
-          if (child.hasAttribute("data-rm-pagination")) continue;
-          if (child.classList.contains("rm-page-break")) continue;
-          totalEditorContentHeight += child.getBoundingClientRect().height;
-        }
-        const maxPagesByContent = Math.ceil(totalEditorContentHeight / pageContentAreaHeight);
-        const contentCap = Math.max(currentPageCount, maxPagesByContent + 1);
-        if (currentPageCount + addPage > contentCap) {
-          return contentCap;
-        }
-        const MAX_PAGES = 1e3;
-        if (currentPageCount + addPage > MAX_PAGES) {
-          return currentPageCount;
-        }
-        return currentPageCount + addPage;
-      } else {
-        pageGapTracker.delete(editorDom);
-        const allBreaksAfterLastElement = Array.from(paginationElement.querySelectorAll(".breaker"));
-        const allBreaksAfterLastElementRect = allBreaksAfterLastElement.filter((element) => element.getBoundingClientRect().top > lastElementRect.bottom);
-        const removePage = allBreaksAfterLastElementRect.length;
-        if (removePage > 1) {
-          return currentPageCount - removePage;
-        } else {
-          return currentPageCount;
-        }
-      }
-    }
-    return 1;
-  } else {
-    const editorHeight = editorDom.scrollHeight;
-    let pageCount = Math.ceil(editorHeight / pageContentAreaHeight);
-    pageCount = pageCount <= 0 ? 1 : pageCount;
-    return pageCount;
-  }
-};
-var getNewPageCount = (view, pageOptions) => {
-  if (pageOptions.enabled) {
-    const pageCount = calculatePageCount(view, pageOptions);
-    return pageCount <= 1 ? 1 : pageCount;
-  } else {
-    return 0;
-  }
-};
-function createDecoration(pageOptions, headerHeightMap, footerHeightMap) {
-  if (!pageOptions.enabled) {
-    return [];
-  }
-  const commonHeaderOptions = { headerLeft: pageOptions.headerLeft, headerRight: pageOptions.headerRight };
-  const commonFooterOptions = { footerLeft: pageOptions.footerLeft, footerRight: pageOptions.footerRight };
-  const pageWidget = Decoration3.widget(0, (view) => {
-    const _pageGap = pageOptions.pageGap;
-    const _pageBreakBackground = pageOptions.pageBreakBackground;
-    const el = document.createElement("div");
-    el.dataset.rmPagination = "true";
-    const pageBreakDefinition = (firstPage, pageHeader, pageFooter, headerHeight, footerHeight, pageNumber) => {
-      const { _pageHeaderHeight, _pageHeight } = getHeight(pageOptions, headerHeight, footerHeight);
-      const pageContainer = document.createElement("div");
-      pageContainer.classList.add("rm-page-break");
-      const page = document.createElement("div");
-      page.classList.add("page");
-      page.style.position = "relative";
-      page.style.float = "left";
-      page.style.clear = "both";
-      const marginTop = firstPage ? `calc(${_pageHeaderHeight}px + ${_pageHeight}px)` : _pageHeight + "px";
-      if (pageNumber) {
-        page.style.marginTop = `var(--rm-page-content-${pageNumber}, ${marginTop})`;
-      } else {
-        page.style.marginTop = firstPage ? `var(--rm-page-content-first, ${marginTop})` : `var(--rm-page-content-general, ${marginTop})`;
-      }
-      const pageBreak = document.createElement("div");
-      pageBreak.classList.add("breaker");
-      pageBreak.style.width = `calc(100% + var(--rm-margin-left) + var(--rm-margin-right))`;
-      pageBreak.style.marginLeft = `calc(-1 * var(--rm-margin-left))`;
-      pageBreak.style.marginRight = `calc(-1 * var(--rm-margin-right))`;
-      pageBreak.style.position = "relative";
-      pageBreak.style.float = "left";
-      pageBreak.style.clear = "both";
-      pageBreak.style.left = `0px`;
-      pageBreak.style.right = `0px`;
-      pageBreak.style.zIndex = "2";
-      const pageSpace = document.createElement("div");
-      pageSpace.classList.add("rm-pagination-gap");
-      pageSpace.style.height = _pageGap + "px";
-      pageSpace.style.borderLeft = "1px solid";
-      pageSpace.style.borderRight = "1px solid";
-      pageSpace.style.position = "relative";
-      pageSpace.style.setProperty("width", "calc(100% + 2px)", "important");
-      pageSpace.style.left = "-1px";
-      pageSpace.style.backgroundColor = _pageBreakBackground;
-      pageSpace.style.borderLeftColor = _pageBreakBackground;
-      pageSpace.style.borderRightColor = _pageBreakBackground;
-      pageBreak.append(pageFooter, pageSpace, pageHeader);
-      pageContainer.append(page, pageBreak);
-      return pageContainer;
-    };
-    const _headerHeight = headerHeightMap.get(0) || 0;
-    const _footerHeight = footerHeightMap.get(0) || 0;
-    const fragment = document.createDocumentFragment();
-    const pageCount = getNewPageCount(view, pageOptions);
-    for (let i = 0; i < pageCount; i++) {
-      const pageNumber = i + 1;
-      const headerPageNumber = i + 2;
-      if (headerPageNumber in pageOptions.customHeader || pageNumber in pageOptions.customFooter || pageNumber in pageOptions.customHeader) {
-        let _headerOptions = commonHeaderOptions;
-        let _footerOptions = commonFooterOptions;
-        let _pageHeaderHeight = _headerHeight;
-        let _pageFooterHeight = _footerHeight;
-        if (headerPageNumber in pageOptions.customHeader) {
-          _headerOptions = pageOptions.customHeader[headerPageNumber] || commonHeaderOptions;
-          _pageHeaderHeight = headerHeightMap.get(headerPageNumber) || 0;
-        }
-        if (pageNumber in pageOptions.customFooter) {
-          _footerOptions = pageOptions.customFooter[pageNumber] || commonFooterOptions;
-          _pageFooterHeight = footerHeightMap.get(pageNumber) || 0;
-        }
-        let _pageHeader = getHeader(_headerOptions.headerRight, _headerOptions.headerLeft, headerClickEvent(headerPageNumber, pageOptions.onHeaderClick), headerPageNumber);
-        let _pageFooter = getFooter(_footerOptions.footerRight, _footerOptions.footerLeft, footerClickEvent(pageNumber, pageOptions.onFooterClick), pageNumber);
-        let pageBreak = pageBreakDefinition(i === 0, _pageHeader, _pageFooter, _pageHeaderHeight, _pageFooterHeight, pageNumber);
-        fragment.appendChild(pageBreak);
-      } else {
-        const __pageHeader = getHeader(commonHeaderOptions.headerRight, commonHeaderOptions.headerLeft, headerClickEvent(headerPageNumber, pageOptions.onHeaderClick));
-        const __pageFooter = getFooter(commonFooterOptions.footerRight, commonFooterOptions.footerLeft, footerClickEvent(pageNumber, pageOptions.onFooterClick));
-        fragment.appendChild(pageBreakDefinition(i === 0, __pageHeader, __pageFooter, _headerHeight, _footerHeight));
-      }
-    }
-    el.append(fragment);
-    el.id = "pages";
-    el.classList.add("rm-pages-wrapper");
-    return el;
-  }, { side: -1 });
-  const firstHeaderWidget = Decoration3.widget(0, () => {
-    const pageNumber = 1;
-    let _headerOptions = commonHeaderOptions;
-    if (pageNumber in pageOptions.customHeader) {
-      _headerOptions = pageOptions.customHeader[pageNumber];
-    }
-    const el = getHeader(_headerOptions.headerRight, _headerOptions.headerLeft, headerClickEvent(pageNumber, pageOptions.onHeaderClick));
-    el.classList.add("rm-first-page-header");
-    return el;
-  }, { side: -1 });
-  return [pageWidget, firstHeaderWidget];
-}
-
-// ../../node_modules/.pnpm/tiptap-pagination-plus@3.1.0_patch_hash=4857789ba5672a185fb96bdd854e03e0c6ec8ed26abfeea_16730b2b361cd3f71113c52459ed62fd/node_modules/tiptap-pagination-plus/dist/constants.js
-var A4_PAGE_SIZE = getPageSize(1123, 794, 95, 95, 76, 76);
-var A3_PAGE_SIZE = getPageSize(1591, 1123, 95, 95, 76, 76);
-var A5_PAGE_SIZE = getPageSize(794, 419, 76, 76, 57, 57);
-var LETTER_PAGE_SIZE = getPageSize(1060, 818, 96, 96, 96, 96);
-var LEGAL_PAGE_SIZE = getPageSize(1404, 818, 96, 96, 96, 96);
-var TABLOID_PAGE_SIZE = getPageSize(1635, 1060, 96, 96, 96, 96);
-var PAGE_SIZES = {
-  A4: A4_PAGE_SIZE,
-  A3: A3_PAGE_SIZE,
-  A5: A5_PAGE_SIZE,
-  LETTER: LETTER_PAGE_SIZE,
-  LEGAL: LEGAL_PAGE_SIZE,
-  TABLOID: TABLOID_PAGE_SIZE
-};
 
 // src/PerformanceMonitor.ts
 var TARGET_FRAME_MS = 1e3 / 60;