@paprize/core 0.0.5 → 0.0.6

package/dist/paprize-core.js

@@ -1,95 +1,82 @@
-const he = "paprize", me = "pz-temp-container", tt = "pz-current-element", nt = "pz-current-text", it = "pz-ignored-element", ot = "pz-ignored-text", K = "paprize-global-style", q = "pz-page", fe = "pz-section", T = "pz-preview", F = "data-pz-";
-let re = !1;
-const rt = () => {
-  re = !0;
-}, _e = () => re;
-function se(i) {
+const he = "paprize", me = "pz-temp-container", et = "pz-current-element", tt = "pz-current-text", nt = "pz-ignored-element", it = "pz-ignored-text", X = "paprize-global-style", U = "pz-page", fe = "pz-section", T = "pz-preview", C = "data-pz-";
+let ie = !1;
+const ot = () => {
+  ie = !0;
+}, _e = () => ie;
+function oe(i) {
   return i.nodeType === Node.ELEMENT_NODE;
 }
 function ve(i) {
   return i.nodeType === Node.TEXT_NODE;
 }
-function z(i) {
+function $(i) {
   const e = i.getBoundingClientRect(), t = getComputedStyle(i), n = parseFloat(t.marginTop) || 0, o = parseFloat(t.marginBottom) || 0;
   return e.height + n + o;
 }
-function st(i) {
+function rt(i) {
   i.style.visibility = "hidden", i.style.position = "absolute", i.style.left = "-9999px", i.style.top = "-9999px";
 }
-class C {
-  name;
-  defaultValue;
-  _reader;
-  constructor(e, t, n) {
-    this.name = e, this._reader = t, this.defaultValue = n;
-  }
-  read(e) {
-    return this._reader(e);
-  }
-  static createStr(e, t) {
-    return new C(e, (n) => n, t);
-  }
-  static createBool(e, t) {
-    return new C(
-      e,
-      (n) => n === "true",
-      t
-    );
+const re = {
+  hyphen: "-",
+  keepOnSamePage: !1,
+  hyphenationDisabled: !1
+}, se = {
+  hyphen: {
+    key: `${C}hyphen`,
+    reader: (i) => String(i)
+  },
+  keepOnSamePage: {
+    key: `${C}keep-on-same-page`,
+    reader: (i) => i === "true"
+  },
+  hyphenationDisabled: {
+    key: `${C}hyphenation-disabled`,
+    reader: (i) => i === "true"
   }
-}
-const B = {
-  hyphen: C.createStr("hyphen", "-"),
-  keepOnSamePage: C.createBool("keep-on-same-page", !1),
-  hyphenationEnabled: C.createBool(
-    "hyphenation-enabled",
-    !0
-  )
 };
-function at(i) {
+function st(i) {
   const e = {};
-  for (const t in i) {
-    const n = i[t];
-    if (n !== void 0) {
-      const o = B[t];
-      e[`${F}${o.name}`] = String(n);
-    }
+  for (const [t, n] of Object.entries(i)) {
+    const o = se[t];
+    o !== void 0 && n !== void 0 && (e[o.key] = String(n));
   }
   return e;
 }
-const be = Object.fromEntries(
-  Object.entries(B).map(([i, e]) => [
-    i,
-    e.defaultValue
-  ])
-), Q = /* @__PURE__ */ new WeakMap();
+const K = /* @__PURE__ */ new WeakMap();
+function be(i, e, t, n) {
+  if (t == null)
+    return;
+  const o = e(t);
+  o !== void 0 && (n[i] = o);
+}
 function ae(i) {
   if (!i)
     return {};
   if (!(i instanceof Element))
     return ae(i?.parentNode);
   const e = {};
-  for (const o in B) {
-    const r = B[o], s = `${F}${r.name}`, c = i.getAttribute(s);
-    c !== null && (e[o] = r.read(c));
+  for (const o of Object.keys(re)) {
+    const r = o, s = se[r], d = i.getAttribute(s.key);
+    be(r, s.reader, d, e);
   }
-  const n = { ...i.parentNode ? Q.get(i.parentNode) : void 0, ...e };
-  return Q.set(i, n), n;
+  const n = { ...i.parentNode ? K.get(i.parentNode) : void 0, ...e };
+  return K.set(i, n), n;
 }
 const le = {
   id: "default",
   plugins: [],
-  ...be
+  ...re
 };
-function we(i, e) {
+function ye(i, e) {
   const t = ae(i);
   return { ...le, ...e, ...t };
 }
-function ye(i) {
+function we(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var O = { exports: {} }, Se = O.exports, ee;
+var O = { exports: {} }, Se = O.exports, Y;
 function Ce() {
-  return ee || (ee = 1, (function(i) {
+  return Y || (Y = 1, (function(i) {
     (function(e, t) {
       i.exports ? i.exports = t() : e.log = t();
     })(Se, function() {
@@ -101,7 +88,7 @@ function Ce() {
         "warn",
         "error"
       ], r = {}, s = null;
-      function c(l, p) {
+      function d(l, p) {
         var a = l[p];
         if (typeof a.bind == "function")
           return a.bind(l);
@@ -117,7 +104,7 @@ function Ce() {
         console.log && (console.log.apply ? console.log.apply(console, arguments) : Function.prototype.apply.apply(console.log, [console, arguments])), console.trace && console.trace();
       }
       function b(l) {
-        return l === "debug" && (l = "log"), typeof console === t ? !1 : l === "trace" && n ? P : console[l] !== void 0 ? c(console, l) : console.log !== void 0 ? c(console, "log") : e;
+        return l === "debug" && (l = "log"), typeof console === t ? !1 : l === "trace" && n ? P : console[l] !== void 0 ? d(console, l) : console.log !== void 0 ? d(console, "log") : e;
       }
       function f() {
         for (var l = this.getLevel(), p = 0; p < o.length; p++) {
@@ -132,14 +119,14 @@ function Ce() {
           typeof console !== t && (f.call(this), this[l].apply(this, arguments));
         };
       }
-      function j(l, p, a) {
+      function W(l, p, a) {
         return b(l) || _.apply(this, arguments);
       }
-      function Z(l, p) {
-        var a = this, H, U, w, m = "loglevel";
+      function q(l, p) {
+        var a = this, R, M, y, m = "loglevel";
         typeof l == "string" ? m += ":" + l : typeof l == "symbol" && (m = void 0);
-        function ge(d) {
-          var u = (o[d] || "silent").toUpperCase();
+        function ge(c) {
+          var u = (o[c] || "silent").toUpperCase();
           if (!(typeof window === t || !m)) {
             try {
               window.localStorage[m] = u;
@@ -152,22 +139,22 @@ function Ce() {
             }
           }
         }
-        function J() {
-          var d;
+        function G() {
+          var c;
           if (!(typeof window === t || !m)) {
             try {
-              d = window.localStorage[m];
+              c = window.localStorage[m];
             } catch {
             }
-            if (typeof d === t)
+            if (typeof c === t)
               try {
-                var u = window.document.cookie, $ = encodeURIComponent(m), Y = u.indexOf($ + "=");
-                Y !== -1 && (d = /^([^;]+)/.exec(
-                  u.slice(Y + $.length + 1)
+                var u = window.document.cookie, H = encodeURIComponent(m), J = u.indexOf(H + "=");
+                J !== -1 && (c = /^([^;]+)/.exec(
+                  u.slice(J + H.length + 1)
                 )[1]);
               } catch {
               }
-            return a.levels[d] === void 0 && (d = void 0), d;
+            return a.levels[c] === void 0 && (c = void 0), c;
           }
         }
         function pe() {
@@ -182,11 +169,11 @@ function Ce() {
             }
           }
         }
-        function E(d) {
-          var u = d;
+        function E(c) {
+          var u = c;
           if (typeof u == "string" && a.levels[u.toUpperCase()] !== void 0 && (u = a.levels[u.toUpperCase()]), typeof u == "number" && u >= 0 && u <= a.levels.SILENT)
             return u;
-          throw new TypeError("log.setLevel() called with invalid level: " + d);
+          throw new TypeError("log.setLevel() called with invalid level: " + c);
         }
         a.name = l, a.levels = {
           TRACE: 0,
@@ -195,33 +182,33 @@ function Ce() {
           WARN: 3,
           ERROR: 4,
           SILENT: 5
-        }, a.methodFactory = p || j, a.getLevel = function() {
-          return w ?? U ?? H;
-        }, a.setLevel = function(d, u) {
-          return w = E(d), u !== !1 && ge(w), f.call(a);
-        }, a.setDefaultLevel = function(d) {
-          U = E(d), J() || a.setLevel(d, !1);
+        }, a.methodFactory = p || W, a.getLevel = function() {
+          return y ?? M ?? R;
+        }, a.setLevel = function(c, u) {
+          return y = E(c), u !== !1 && ge(y), f.call(a);
+        }, a.setDefaultLevel = function(c) {
+          M = E(c), G() || a.setLevel(c, !1);
         }, a.resetLevel = function() {
-          w = null, pe(), f.call(a);
-        }, a.enableAll = function(d) {
-          a.setLevel(a.levels.TRACE, d);
-        }, a.disableAll = function(d) {
-          a.setLevel(a.levels.SILENT, d);
+          y = null, pe(), f.call(a);
+        }, a.enableAll = function(c) {
+          a.setLevel(a.levels.TRACE, c);
+        }, a.disableAll = function(c) {
+          a.setLevel(a.levels.SILENT, c);
         }, a.rebuild = function() {
-          if (s !== a && (H = E(s.getLevel())), f.call(a), s === a)
-            for (var d in r)
-              r[d].rebuild();
-        }, H = E(
+          if (s !== a && (R = E(s.getLevel())), f.call(a), s === a)
+            for (var c in r)
+              r[c].rebuild();
+        }, R = E(
           s ? s.getLevel() : "WARN"
         );
-        var X = J();
-        X != null && (w = E(X)), f.call(a);
+        var Z = G();
+        Z != null && (y = E(Z)), f.call(a);
       }
-      s = new Z(), s.getLogger = function(p) {
+      s = new q(), s.getLogger = function(p) {
         if (typeof p != "symbol" && typeof p != "string" || p === "")
           throw new TypeError("You must supply a name when creating a logger.");
         var a = r[p];
-        return a || (a = r[p] = new Z(
+        return a || (a = r[p] = new q(
           p,
           s.methodFactory
         )), a;
@@ -236,27 +223,27 @@ function Ce() {
   })(O)), O.exports;
 }
 var Ne = Ce();
-const S = /* @__PURE__ */ ye(Ne), g = S.getLogger(he);
+const S = /* @__PURE__ */ we(Ne), g = S.getLogger(he);
 g.setDefaultLevel("info");
-const V = "\x1B[46mPLUGIN\x1B[0m";
+const j = "\x1B[46mPLUGIN\x1B[0m";
 function N(i, e, ...t) {
   i.sort((n, o) => n.order - o.order).forEach((n) => {
     const o = n[e];
     if (o) {
       g.debug(
-        V,
+        j,
         `executing plugin ${n.name}:${String(e)} ()`,
         t
       );
       try {
         o(...t), g.debug(
-          V,
+          j,
           `plugin ${n.name}:${String(e)} executed`,
           t
         );
       } catch (r) {
         g.debug(
-          V,
+          j,
           `plugin ${n.name}:${String(e)} failed`,
           r
         );
@@ -268,7 +255,7 @@ const x = {
   Element: "element",
   Text: "text"
 };
-class I {
+class F {
   _node;
   config;
   type = x.Element;
@@ -290,7 +277,7 @@ class I {
     }), this._node.appendChild(e.getNode());
   }
   clone(e) {
-    const t = this._node.cloneNode(e), n = new I(
+    const t = this._node.cloneNode(e), n = new F(
       t,
       this.transaction,
       this.config,
@@ -305,7 +292,7 @@ class I {
     ), n;
   }
   getHeight() {
-    return z(this._node);
+    return $(this._node);
   }
   remove() {
     this.transaction.addCommitCallback(() => {
@@ -345,11 +332,11 @@ class xe {
     return this._node;
   }
 }
-function D(i, e, t) {
+function z(i, e, t) {
   if (ve(i))
     return new xe(i, e, t);
-  if (se(i))
-    return new I(i, e, t);
+  if (oe(i))
+    return new F(i, e, t);
   throw new Error("Unsupported node type");
 }
 const k = "\x1B[106mDOM\x1B[0m";
@@ -395,10 +382,10 @@ class Pe {
     return this._treeWalker.firstChild() ? (g.debug(k, "moving to first child node"), this.setState(), { parentsTraversed: 1 }) : (this.goToNextNode(), { parentsTraversed: 0 });
   }
   setState() {
-    this._previousNode = this._currentNode, this._currentNode = D(
+    this._previousNode = this._currentNode, this._currentNode = z(
       this._treeWalker.currentNode,
       this._transaction,
-      we(this._treeWalker.currentNode, this._config)
+      ye(this._treeWalker.currentNode, this._config)
     ), g.debug(k, "moved to node", {
       currentNode: this._currentNode,
       previousNode: this._previousNode
@@ -434,8 +421,8 @@ class Ee {
     this.isActive && (this.isActive = !1, this._onCommit.forEach((e) => e()));
   };
 }
-const te = "\x1B[102mPAGE\x1B[0m";
-class R {
+const Q = "\x1B[102mPAGE\x1B[0m";
+class I {
   currentPage;
   activeElement;
   currentElement;
@@ -443,11 +430,11 @@ class R {
   pageIsFull;
   pageIndex;
   pageHeight;
-  constructor(e, t, n, o, r, s, c) {
-    this.currentPage = e, this.activeElement = t, this.currentElement = n, this.parentStack = o, this.pageIsFull = r, this.pageIndex = s, this.pageHeight = c;
+  constructor(e, t, n, o, r, s, d) {
+    this.currentPage = e, this.activeElement = t, this.currentElement = n, this.parentStack = o, this.pageIsFull = r, this.pageIndex = s, this.pageHeight = d;
   }
   static create(e, t, n, o) {
-    return new R(
+    return new I(
       e,
       null,
       e,
@@ -457,7 +444,7 @@ class R {
       o
     );
   }
-  clone = () => new R(
+  clone = () => new I(
     this.currentPage,
     this.activeElement,
     this.currentElement,
@@ -467,22 +454,22 @@ class R {
     this.pageHeight
   );
 }
-class G {
+class V {
   _pageState;
   _transaction;
   _tempContainer;
   _config;
   constructor(e, t, n, o) {
     this._tempContainer = e, this._config = o, this._transaction = n;
-    const r = G.createPageHtmlElement(
+    const r = V.createPageHtmlElement(
       t.width
     ), s = this.createNewPage(r);
-    this._pageState = R.create(s, [], 0, t.height), N(this._config.plugins, "onNewPage", o.id, this);
+    this._pageState = I.create(s, [], 0, t.height), N(this._config.plugins, "onNewPage", o.id, this);
   }
   nextPage() {
     const e = this.createNewPage(
       this._pageState.currentPage.getNode().cloneNode(!1)
-    ), t = R.create(
+    ), t = I.create(
       e,
       [],
       this._pageState.pageIndex + 1,
@@ -514,7 +501,7 @@ class G {
     if (!this._pageState.activeElement || this._pageState.activeElement.type !== x.Element)
       throw new Error("Invalid state: activeElement is not an Element");
     g.debug(
-      te,
+      Q,
       "entering an element",
       this._pageState.activeElement
     ), this._pageState.currentElement = this._pageState.activeElement, this._pageState.parentStack.push(this._pageState.activeElement);
@@ -522,7 +509,7 @@ class G {
   leaveElement() {
     this._pageState.activeElement = null;
     const e = this._pageState.parentStack.pop();
-    g.debug(te, "leaving a parent element", e);
+    g.debug(Q, "leaving a parent element", e);
     const t = this._pageState.parentStack.at(-1);
     this._pageState.currentElement = t ?? this._pageState.currentPage;
   }
@@ -533,7 +520,7 @@ class G {
   createNewPage(e) {
     return this._tempContainer.appendChild(e), this._transaction.isActive && this._transaction.addRollbackCallback(() => {
       this._tempContainer.removeChild(e);
-    }), D(e, this._transaction, this._config);
+    }), z(e, this._transaction, this._config);
   }
   startTransaction() {
     this._transaction.start();
@@ -558,7 +545,7 @@ class G {
   addTextNode(e) {
     if (this._pageState.activeElement?.type === x.Text)
       return this._pageState.activeElement;
-    const t = document.createTextNode(e), n = D(
+    const t = document.createTextNode(e), n = z(
       t,
       this._transaction,
       this._config
@@ -578,15 +565,15 @@ const h = {
   // The node is too large for the page, and its children must be paginated individually.
 };
 function Te(i, e) {
-  const t = ne(i, e);
+  const t = ee(i, e);
   if (t !== h.None)
     return t;
   const { rollback: n, commit: o } = e.startTransaction();
   e.nextPage();
-  const r = ne(i, e);
+  const r = ee(i, e);
   return r !== h.None ? (o(), r) : (n(), g.debug("Element is too big to fit on a page", i), h.None);
 }
-function ne(i, e) {
+function ee(i, e) {
   if (e.hasEmptySpace(i.getHeight())) {
     const n = e.appendChild(i, !0);
     if (e.isOverFlow())
@@ -604,8 +591,8 @@ function ke(i, e) {
   const n = i.textContent.split(/(\s+)/).filter((s) => s !== "");
   let o, r = 0;
   for (; o || r < n.length; ) {
-    const s = o ?? n[r], c = Ae(s, e, i.config);
-    c.completed || (t = h.None), c.pendingToken ? o = c.pendingToken : (o = void 0, r++);
+    const s = o ?? n[r], d = Ae(s, e, i.config);
+    d.completed || (t = h.None), d.pendingToken ? o = d.pendingToken : (o = void 0, r++);
   }
   return t;
 }
@@ -629,7 +616,7 @@ function Le(i, e, t) {
     return o(), {
       completed: !0
     };
-  if (n(), !t.hyphenationEnabled)
+  if (n(), t.hyphenationDisabled)
     return g.warn("Hyphenation disabled, skipping oversized token:", i), {
       completed: !1
     };
@@ -643,22 +630,22 @@ function Fe(i, e, t) {
   const n = t.addTextNode("");
   let o = "";
   for (let r = 0; r < i.length; r++) {
-    const s = i[r], c = o + s;
-    if (n.textContent = c + e, !t.hasEmptySpace())
+    const s = i[r], d = o + s;
+    if (n.textContent = d + e, !t.hasEmptySpace())
       return n.textContent = o ? o + e : "", t.markPageAsFull(), i.slice(r);
-    o = c;
+    o = d;
   }
   return null;
 }
 const A = "\x1B[103mPAGINATOR\x1B[0m";
-class M {
+class B {
   _domState;
   _pageManager;
   _transaction;
   _tempContainer;
   _config;
   constructor(e, t, n) {
-    this._config = { ...le, ...n }, this._tempContainer = M.createTempContainer(this._config.id), this._transaction = new Ee(), this._domState = new Pe(e, this._transaction, this._config), this._pageManager = new G(
+    this._config = { ...le, ...n }, this._tempContainer = B.createTempContainer(this._config.id), this._transaction = new Ee(), this._domState = new Pe(e, this._transaction, this._config), this._pageManager = new V(
       this._tempContainer,
       t,
       this._transaction,
@@ -667,11 +654,11 @@ class M {
   }
   static createTempContainer(e) {
     const t = document.createElement("div");
-    return t.style.display = "flex", t.style.flexDirection = "column", t.style.gap = "20px", t.setAttribute(`${F}-section-id`, e), t.classList.add(me), document.body.appendChild(t), t;
+    return t.style.display = "flex", t.style.flexDirection = "column", t.style.gap = "20px", t.setAttribute(`${C}-section-id`, e), t.classList.add(me), document.body.appendChild(t), t;
   }
   static paginate(e, t, n) {
-    const o = new M(e, t, n);
-    return o.processAllNodes(), Array.from(o._tempContainer.childNodes).filter((s) => se(s)).map((s) => s.innerHTML);
+    const o = new B(e, t, n);
+    return o.processAllNodes(), Array.from(o._tempContainer.childNodes).filter((s) => oe(s)).map((s) => s.innerHTML);
   }
   processAllNodes() {
     this._domState.goToNextNode();
@@ -767,37 +754,73 @@ class ce {
         r(...t);
   }
 }
-const Ie = {
+const at = {
+  /** 841mm x 594mm */
   A1: { height: "841mm", width: "594mm" },
+  /** 594mm x 420mm */
   A2: { height: "594mm", width: "420mm" },
+  /** 420mm x 297mm */
   A3: { height: "420mm", width: "297mm" },
+  /** 297mm x 210mm */
   A4: { height: "297mm", width: "210mm" },
+  /** 210mm x 148mm */
   A5: { height: "210mm", width: "148mm" },
+  /** 148mm x 105mm */
   A6: { height: "148mm", width: "105mm" },
+  /** 500mm x 353mm */
   B3: { height: "500mm", width: "353mm" },
+  /** 353mm x 250mm */
   B4: { height: "353mm", width: "250mm" },
+  /** 250mm x 176mm */
   B5: { height: "250mm", width: "176mm" },
+  /** 8.5in x 11in */
   Letter: { height: "8.5in", width: "11in" },
+  /** 11in x 8.5in */
   Legal: { height: "11in", width: "8.5in" },
+  /** 11in x 17in */
   Tabloid: { height: "11in", width: "17in" }
-}, Re = {
-  Normal: { top: "1in", right: "1in", bottom: "1in", left: "1in" },
-  Narrow: { top: "0.4in", right: "0.6in", bottom: "0.6in", left: "0.6in" },
-  Wide: { top: "0.5in", right: "2in", bottom: "0.5in", left: "2in" },
-  None: { top: "0in", right: "0in", bottom: "0in", left: "0in" }
-}, lt = Ie, He = Re;
-function $e(i) {
+}, Ie = {
+  /** Top, Right, Bottom, Left: 1in */
+  Normal: {
+    top: "1in",
+    right: "1in",
+    bottom: "1in",
+    left: "1in"
+  },
+  /** Top: 0.4in, Right, Bottom, Left: 0.6in */
+  Narrow: {
+    top: "0.4in",
+    right: "0.6in",
+    bottom: "0.6in",
+    left: "0.6in"
+  },
+  /** Top, Bottom: 0.5in, Right, Left: 2in */
+  Wide: {
+    top: "0.5in",
+    right: "2in",
+    bottom: "0.5in",
+    left: "2in"
+  },
+  /** Top, Right, Bottom, Left: 0 */
+  None: {
+    top: "0in",
+    right: "0in",
+    bottom: "0in",
+    left: "0in"
+  }
+};
+function Re(i) {
   const e = i.getBoundingClientRect(), t = getComputedStyle(i), n = parseFloat(t.marginLeft) || 0, o = parseFloat(t.marginRight) || 0;
   return {
-    height: z(i),
+    height: $(i),
     width: e.width + n + o
   };
 }
-function Oe(i, e, t) {
-  const { height: n, width: o } = $e(i), r = e ? z(e) : 0, s = t ? z(t) : 0;
+function He(i, e, t) {
+  const { height: n, width: o } = Re(i), r = e ? $(e) : 0, s = t ? $(t) : 0;
   return { height: n, width: o, sectionHeaderHeight: r, sectionFooterHeight: s };
 }
-function ze(i, e, t) {
+function Oe(i, e, t) {
   return {
     name: "sectionPageHeight",
     order: 1,
@@ -810,10 +833,10 @@ function ze(i, e, t) {
     }
   };
 }
-function Be(i) {
+function $e(i) {
   return i ? `${i.top} ${i.right} ${i.bottom} ${i.left}` : "0";
 }
-const De = `
+const ze = `
     html {
         box-sizing: border-box;
     }
@@ -847,7 +870,7 @@ const De = `
             padding: var(--paprize-preview-padding);
         }
 
-        .${q} {
+        .${U} {
             box-shadow: var(--paprize-page-box-shadow);
             margin-bottom: var(--paprize-page-margin-bottom);
             background-color: var(--paprize-page-background-color);
@@ -863,37 +886,37 @@ const De = `
             display: none !important;
         }
     }   
- `, Me = {
+ `, Be = {
   display: "flex",
   flexDirection: "column"
-}, We = {
+}, De = {
   position: "absolute",
   left: "-9999px",
   top: "-9999px",
   visibility: "hidden"
-}, je = (i, e) => ({
+}, We = (i, e) => ({
   display: "flex",
   flexDirection: "column",
   width: i.width,
   height: i.height,
   maxHeight: i.height,
   position: "relative",
-  padding: Be(e),
+  padding: $e(e),
   zIndex: "1"
-}), Ue = {
+}), Me = {
   overflow: "hidden",
   width: "100%",
   height: "100%"
-}, Ve = {
+}, je = {
   position: "absolute",
   width: "100%",
   height: "100%",
   left: 0,
   top: 0
-}, qe = (i) => ({
+}, Ue = (i) => ({
   page: `section-${i}`
 });
-function Ge(i, e) {
+function Ve(i, e) {
   return `@page section-${i} {
       margin: none; 
       size:${e.width} ${e.height}; 
@@ -902,19 +925,19 @@ function Ge(i, e) {
     }`;
 }
 const v = {
-  globalStyle: De,
-  component: Me,
-  outOfScreen: We,
-  page: je,
-  overlay: Ve,
-  pageContent: Ue,
-  sectionPageMedia: Ge,
-  section: qe
+  globalStyle: ze,
+  component: Be,
+  outOfScreen: De,
+  page: We,
+  overlay: je,
+  pageContent: Me,
+  sectionPageMedia: Ve,
+  section: Ue
 };
 function L(i) {
   return i?.cloneNode(!0) ?? null;
 }
-function Ze(i) {
+function qe(i) {
   return {
     sectionHeader: L(i.sectionHeader),
     sectionFooter: L(i.sectionFooter),
@@ -923,15 +946,15 @@ function Ze(i) {
     pageContent: L(i.pageContent)
   };
 }
-const Je = "data-pz-page-break";
-class Xe {
+const Ge = "data-pz-page-break";
+class Ze {
   name = "pageBreak";
   order = 1;
   onVisitElement = (e, t, n, o) => {
-    t.currentNode.getNode().getAttribute(Je) === "true" && (n.markPageAsFull(), o.result = h.FullNodePlaced);
+    t.currentNode.getNode().getAttribute(Ge) === "true" && (n.markPageAsFull(), o.result = h.FullNodePlaced);
   };
 }
-class Ye {
+class Je {
   _options = {};
   name = "table";
   order = 1;
@@ -946,15 +969,15 @@ class Ye {
     );
     if (!o || !o.clonedFrom)
       return;
-    const r = o.clonedFrom, s = r.getNode(), c = s.tHead;
-    if (!(c !== null))
+    const r = o.clonedFrom, s = r.getNode(), d = s.tHead;
+    if (!(d !== null))
       return;
     const b = s.tBodies;
     if (!this._isTableBodyEmpty(b))
       return;
     if (r.remove(), o.getNode().tHead === null) {
-      const _ = D(
-        c.cloneNode(!0),
+      const _ = z(
+        d.cloneNode(!0),
         o.transaction,
         o.config
       );
@@ -970,21 +993,21 @@ class Ye {
       return;
     const o = n.getOriginalNode(), r = o.tHead;
     if (r && this._options.cloneHeader === !0) {
-      const c = new I(
+      const d = new F(
         r.cloneNode(!0),
         n.transaction,
         n.config
       );
-      n.appendChild(c);
+      n.appendChild(d);
     }
     const s = o.tFoot;
     if (s && this._options.cloneFooter === !0) {
-      const c = new I(
+      const d = new F(
         s.cloneNode(!0),
         n.transaction,
         n.config
       );
-      n.appendChild(c);
+      n.appendChild(d);
     }
   };
   _isTable(e) {
@@ -998,22 +1021,22 @@ class Ye {
     return n.cells.length !== 1 ? !1 : n.cells[0].textContent.trim() === "";
   }
 }
-const Ke = [
-  new Xe(),
-  new Ye()
-], ct = {
+const Xe = [
+  new Ze(),
+  new Je()
+], lt = {
   name: "debug",
   order: Number.MAX_SAFE_INTEGER,
   onNewPage: (i, e) => {
     const t = e.getPageState().currentPage.getNode();
-    t.classList.contains(q) || t.classList.add(q), t.setAttribute(`${F}-element`, "page"), t.setAttribute(
-      `${F}-height`,
+    t.classList.contains(U) || t.classList.add(U), t.setAttribute(`${C}-element`, "page"), t.setAttribute(
+      `${C}-height`,
       e.getPageState().pageHeight.toString()
     );
   }
-}, Qe = "sectionToc";
-class dt {
-  name = Qe;
+}, Ke = "sectionToc";
+class ct {
+  name = Ke;
   order = 1;
   _state = /* @__PURE__ */ new Map();
   getContentList = () => Array.from(this._state.values()).flat();
@@ -1035,8 +1058,8 @@ class dt {
     return /^H[1-6]$/.test(t) ? parseInt(t.charAt(1), 10) : null;
   }
 }
-const et = "__PAPRIZE_IS_INITIALIZED", ie = "__PAPRIZE_IS_READY", gt = "__PAPRIZE_READ_JSON_DATA_FILE";
-class W {
+const Ye = "__PAPRIZE_IS_INITIALIZED", te = "__PAPRIZE_IS_READY", dt = "__PAPRIZE_READ_JSON_DATA_FILE";
+class D {
   _promises;
   monitor;
   get promise() {
@@ -1049,7 +1072,7 @@ class W {
     this._promises = [], this.monitor = new ce();
   }
   async add(e = []) {
-    if (this._promises.push(...e.map(W.toTracked)), await new Promise((t) => setTimeout(t, 0)), this.getPending().length === 0) {
+    if (this._promises.push(...e.map(D.toTracked)), await new Promise((t) => setTimeout(t, 0)), this.getPending().length === 0) {
       this.monitor.dispatch("onChange", 0);
       return;
     }
@@ -1076,7 +1099,13 @@ class W {
     );
   }
 }
-const y = "\x1B[43mREPORT\x1B[0m";
+function gt(i, e) {
+  return `${i}-${e + 1}`;
+}
+function Qe(i, e) {
+  return e === "landscape" ? { height: i.width, width: i.height } : i;
+}
+const w = "\x1B[43mREPORT\x1B[0m";
 class pt {
   _sections;
   _monitor;
@@ -1084,19 +1113,34 @@ class pt {
   _pendingPaginateResolvers;
   _currentAbortController;
   constructor() {
-    this._sections = /* @__PURE__ */ new Map(), this._monitor = new ce(), this._paginationInProgress = !1, this._pendingPaginateResolvers = [], this._currentAbortController = null, window[et] = !0, this._injectStyle(v.globalStyle);
+    this._sections = /* @__PURE__ */ new Map(), this._monitor = new ce(), this._paginationInProgress = !1, this._pendingPaginateResolvers = [], this._currentAbortController = null, window[Ye] = !0, this._injectStyle(v.globalStyle);
   }
+  /**
+   * Monitor instance used to subscribe to pagination events.
+   * See {@link ReportBuilderEvents} for available event types.
+   */
   get monitor() {
     return this._monitor;
   }
+  /**
+   * Removes a section from the registered sections, if it has already been registered in the report.
+   */
   removeSection(e) {
     this._sections.delete(e);
   }
+  /**
+   * Registers a section by its ID, specifying the page size, margins, and other options.
+   *
+   * @param options - Configuration options for the section.
+   * @param components - The DOM components associated with the section.
+   * @param onPaginationCompleted - Callback invoked when pagination for the section is completed.
+   * @returns `true` if the section was added to the report’s section list, or `false` if it already exists.
+   */
   tryAddSection(e, t, n) {
     if (this._sections.has(e.id))
       return !1;
     const o = {
-      index: this._sections.size,
+      sectionIndex: this._sections.size,
       sectionId: e.id,
       isPaginated: !1,
       isSuspended: !!e.suspense?.length,
@@ -1104,19 +1148,40 @@ class pt {
     };
     return this._sections.set(e.id, {
       context: o,
-      options: e,
+      options: {
+        ...e,
+        size: Qe(
+          e.size,
+          e.orientation ?? "portrait"
+        )
+      },
       components: t,
       onPaginationCompleted: n
     }), this._injectStyle(
-      v.sectionPageMedia(e.id, e.dimension)
+      v.sectionPageMedia(e.id, e.size)
     ), this._monitor.dispatch("sectionCreated", o), !0;
   }
-  async schedulePaginate() {
-    return this._sections.size === 0 ? (window[ie] = !0, {
+  /**
+   * Schedules a pagination operation.
+   *
+   * It is not possible to schedule multiple pagination operations in parallel,
+   * as the process involves DOM manipulation, and concurrent modifications
+   * could cause conflicts and unexpected results.
+   * Each newly scheduled operation is queued and executed sequentially.
+   * When a new pagination is scheduled, any ongoing or pending operations
+   * will be aborted, and the new pagination will start immediately afterward.
+   *
+   * @returns A promise that resolves when the first pagination cycle is completed.
+   * It does not wait for suspended sections to resolve and be paginated.
+   * To wait for all sections to complete pagination, use the
+   * `suspension` property of the returned result object.
+   */
+  async schedulePagination() {
+    return this._sections.size === 0 ? (window[te] = !0, {
       sections: [],
       suspension: Promise.resolve()
     }) : (this._paginationInProgress && this._currentAbortController && (g.debug(
-      y,
+      w,
       "Cancelling previous pagination operation."
     ), this._currentAbortController.abort(
       "Cancelled by new paginate call"
@@ -1128,29 +1193,29 @@ class pt {
     this._paginationInProgress = !0, this._currentAbortController = new AbortController();
     const e = this._currentAbortController.signal;
     try {
-      if (g.debug(y, "Schedule paginate."), await document.fonts.ready, e.aborted)
+      if (g.debug(w, "Schedule paginate."), await document.fonts.ready, e.aborted)
         return new Promise((o, r) => {
           this._pendingPaginateResolvers.push({ resolve: o, reject: r });
         });
       const t = [];
       for (const o of this._sections.values()) {
         o.context.isPaginated = !1;
-        const r = new W();
+        const r = new D();
         await r.add(o.options.suspense), r.monitor.addEventListener("onChange", (s) => {
           g.debug(
-            y,
+            w,
             `${s} pending promises in section '${o.options.id}'.`
           );
         }), r.promise.then(async () => {
           e.aborted || (g.debug(
-            y,
+            w,
             `Start paginating section '${o.options.id}'.`
           ), o.context.isSuspended = !1, this._paginateSection(o));
         }), t.push(r);
       }
-      const n = new W();
+      const n = new D();
       return n.monitor.addEventListener("onChange", () => {
-        g.debug(y, "Report pagination completed."), this._monitor.dispatch("paginationCycleCompleted", {
+        g.debug(w, "Report pagination completed."), this._monitor.dispatch("paginationCycleCompleted", {
           sections: [...this._sections.values()].map(
             (o) => o.context
           )
@@ -1160,7 +1225,7 @@ class pt {
       }) : (await n.add(t.map((o) => o.promise)), {
         sections: [...this._sections.values()].map((o) => o.context),
         suspension: n.promise.then(() => {
-          window[ie] = !0;
+          window[te] = !0;
         })
       });
     } finally {
@@ -1171,7 +1236,7 @@ class pt {
     if (this._pendingPaginateResolvers.length === 0)
       return;
     g.debug(
-      y,
+      w,
       `Processing ${this._pendingPaginateResolvers.length} pending paginate calls.`
     );
     const e = [...this._pendingPaginateResolvers];
@@ -1182,20 +1247,20 @@ class pt {
   }
   _injectStyle(e) {
     let t = document.getElementById(
-      K
+      X
     );
-    t || (t = document.createElement("style"), t.id = K, t.textContent = "", document.head.appendChild(t)), t.textContent = (t.textContent + e).replace(/\s+/g, " ").replace(/\s*([:;{}])\s*/g, "$1").trim();
+    t || (t = document.createElement("style"), t.id = X, t.textContent = "", document.head.appendChild(t)), t.textContent = (t.textContent + e).replace(/\s+/g, " ").replace(/\s*([:;{}])\s*/g, "$1").trim();
   }
   async _paginateSection(e) {
     const t = document.createElement("div");
     Object.assign(
       t.style,
       v.page(
-        e.options.dimension,
-        e.options.margin ?? He.None
+        e.options.size,
+        e.options.margin ?? Ie.None
       )
     ), _e() || Object.assign(t.style, v.outOfScreen);
-    const n = Ze(e.components);
+    const n = qe(e.components);
     n.sectionHeader && (Object.assign(
       n.sectionHeader.style,
       v.component
@@ -1203,28 +1268,28 @@ class pt {
       n.sectionFooter.style,
       v.component
     ), t.appendChild(n.sectionFooter)), document.body.appendChild(t);
-    const { height: o, width: r, sectionHeaderHeight: s, sectionFooterHeight: c } = Oe(
+    const { height: o, width: r, sectionHeaderHeight: s, sectionFooterHeight: d } = He(
       n.pageContent,
       n.sectionHeader,
       n.sectionFooter
-    ), P = M.paginate(
+    ), P = B.paginate(
       n.pageContent,
       { height: o, width: r },
       {
         id: e.options.id,
         plugins: [
-          ...e.options.plugins ?? Ke,
-          ze(
+          ...e.options.plugins ?? Xe,
+          Oe(
             o,
             s,
-            c
+            d
           )
         ]
       }
     );
     t.remove();
-    const b = P.map((_, j) => ({
-      index: j,
+    const b = P.map((_, W) => ({
+      pageIndex: W,
       totalPages: P.length,
       sectionId: e.options.id,
       pageContentHtml: _
@@ -1244,7 +1309,7 @@ class pt {
     }), this._monitor.dispatch("sectionCompleted", f);
   }
 }
-const oe = [
+const ne = [
   "ad",
   "adipisicing",
   "aliqua",
@@ -1314,59 +1379,53 @@ function ut(i, e) {
   const t = [], n = Math.floor(e * 982451653);
   for (let o = 0; o < i; o++) {
     const r = (n + o * 2654435761) % Math.pow(2, 32), s = Math.floor(
-      r / Math.pow(2, 32) * oe.length
+      r / Math.pow(2, 32) * ne.length
     );
-    t.push(oe[s]);
+    t.push(ne[s]);
   }
   return t.length > 0 && (t[0] = t[0].charAt(0).toUpperCase() + t[0].slice(1)), t.join(" ") + ".";
 }
-function ht(i, e) {
-  return `${i}-${e + 1}`;
-}
-function mt(i, e) {
-  return e === "landscape" ? { height: i.width, width: i.height } : i;
-}
 export {
   ce as EventDispatcher,
-  Xe as PageBreakPlugin,
-  M as Paginator,
+  Ze as PageBreakPlugin,
+  B as Paginator,
   pt as ReportBuilder,
-  dt as SectionTocPlugin,
+  ct as SectionTocPlugin,
   h as SplitResult,
-  Ye as TablePlugin,
-  mt as adjustDimension,
-  F as attributePrefix,
-  ht as buildPageId,
-  Ze as cloneComponents,
-  at as configToAttributeMap,
+  Je as TablePlugin,
+  Qe as adjustPageSize,
+  C as attributePrefix,
+  gt as buildPageId,
+  qe as cloneComponents,
   ut as createLoremIpsumParagraph,
-  tt as currentElementClassName,
-  nt as currentTextClassName,
-  ct as debugPlugin,
-  Ke as defaultPlugins,
-  rt as enableDebugMode,
-  z as getVisibleHeight,
-  De as globalStyle,
-  K as globalStyleId,
-  it as ignoredElementClassName,
-  ot as ignoredTextClassName,
+  et as currentElementClassName,
+  tt as currentTextClassName,
+  lt as debugPlugin,
+  Xe as defaultPlugins,
+  ot as enableDebugMode,
+  $ as getVisibleHeight,
+  ze as globalStyle,
+  X as globalStyleId,
+  nt as ignoredElementClassName,
+  it as ignoredTextClassName,
   _e as isDebugMode,
-  se as isElement,
+  oe as isElement,
   ve as isTextNode,
+  st as layoutOptionsToAttributes,
   g as logger,
   he as loggerName,
-  st as moveOffscreen,
-  Je as pageBreakAttributeName,
-  q as pageClassName,
-  He as pageMargin,
-  lt as pageSize,
-  et as paprize_isInitialized,
-  ie as paprize_isReady,
-  gt as paprize_readJsonDataFile,
+  rt as moveOffscreen,
+  Ge as pageBreakAttributeName,
+  U as pageClassName,
+  Ie as pageMargin,
+  at as pageSize,
+  Ye as paprize_isInitialized,
+  te as paprize_isReady,
+  dt as paprize_readJsonDataFile,
   T as previewClassName,
   v as reportStyles,
   fe as sectionClassName,
-  Qe as sectionTocName,
+  Ke as sectionTocName,
   me as tempContainerClassName
 };
 //# sourceMappingURL=paprize-core.js.map