@paprize/core 0.0.2 → 0.0.4

package/dist/paprize-core.js

@@ -1,43 +1,43 @@
-const ie = "paprize", re = "pz-temp-container", xe = "pz-current-element", we = "pz-current-text", ke = "pz-ignored-element", Te = "pz-ignored-text", Pe = "pz-page", V = "data-pz-";
-let G = !1;
+const re = "paprize", ae = "pz-temp-container", Pe = "pz-current-element", Te = "pz-current-text", ke = "pz-ignored-element", Ae = "pz-ignored-text", M = "pz-page", x = "data-pz-";
+let J = !1;
 const Le = () => {
-  G = !0;
-}, Ae = () => G;
-function j(n) {
-  return n.nodeType === Node.ELEMENT_NODE;
+  J = !0;
+}, Fe = () => J;
+function X(i) {
+  return i.nodeType === Node.ELEMENT_NODE;
 }
-function ae(n) {
-  return n.nodeType === Node.TEXT_NODE;
+function se(i) {
+  return i.nodeType === Node.TEXT_NODE;
 }
-function se(n) {
-  const e = n.getBoundingClientRect(), t = getComputedStyle(n), o = parseFloat(t.marginTop) || 0, i = parseFloat(t.marginBottom) || 0;
-  return e.height + o + i;
+function le(i) {
+  const e = i.getBoundingClientRect(), t = getComputedStyle(i), n = parseFloat(t.marginTop) || 0, o = parseFloat(t.marginBottom) || 0;
+  return e.height + n + o;
 }
-function Fe(n) {
-  n.style.visibility = "hidden", n.style.position = "absolute", n.style.left = "-9999px", n.style.top = "-9999px";
+function Ie(i) {
+  i.style.visibility = "hidden", i.style.position = "absolute", i.style.left = "-9999px", i.style.top = "-9999px";
 }
 class v {
   name;
   defaultValue;
   _reader;
-  constructor(e, t, o) {
-    this.name = e, this._reader = t, this.defaultValue = o;
+  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 v(e, (o) => o, t);
+    return new v(e, (n) => n, t);
   }
   static createBool(e, t) {
     return new v(
       e,
-      (o) => o === "true",
+      (n) => n === "true",
       t
     );
   }
 }
-const P = {
+const A = {
   hyphen: v.createStr("hyphen", "-"),
   keepOnSamePage: v.createBool("keep-on-same-page", !1),
   hyphenationEnabled: v.createBool(
@@ -45,113 +45,114 @@ const P = {
     !0
   )
 };
-function Ie(n) {
+function Re(i) {
   const e = {};
-  for (const t in n) {
-    const o = n[t];
-    if (o !== void 0) {
-      const i = P[t];
-      e[`${V}${i.name}`] = String(o);
+  for (const t in i) {
+    const n = i[t];
+    if (n !== void 0) {
+      const o = A[t];
+      e[`${x}${o.name}`] = String(n);
     }
   }
   return e;
 }
-const le = Object.fromEntries(
-  Object.entries(P).map(([n, e]) => [
-    n,
+const ce = Object.fromEntries(
+  Object.entries(A).map(([i, e]) => [
+    i,
     e.defaultValue
   ])
-), M = /* @__PURE__ */ new WeakMap();
-function X(n) {
-  if (!n)
+), z = /* @__PURE__ */ new WeakMap();
+function j(i) {
+  if (!i)
     return {};
-  if (!(n instanceof Element))
-    return X(n?.parentNode);
+  if (!(i instanceof Element))
+    return j(i?.parentNode);
   const e = {};
-  for (const i in P) {
-    const a = P[i], s = `${V}${a.name}`, p = n.getAttribute(s);
-    p !== null && (e[i] = a.read(p));
+  for (const o in A) {
+    const r = A[o], s = `${x}${r.name}`, g = i.getAttribute(s);
+    g !== null && (e[o] = r.read(g));
   }
-  const o = { ...n.parentNode ? M.get(n.parentNode) : void 0, ...e };
-  return M.set(n, o), o;
+  const n = { ...i.parentNode ? z.get(i.parentNode) : void 0, ...e };
+  return z.set(i, n), n;
 }
-const J = {
+const Y = {
+  id: "default",
   plugins: [],
-  ...le
+  ...ce
 };
-function ce(n, e) {
-  const t = X(n);
-  return { ...J, ...e, ...t };
+function de(i, e) {
+  const t = j(i);
+  return { ...Y, ...e, ...t };
 }
-function ue(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+function ue(i) {
+  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var T = { exports: {} }, de = T.exports, D;
+var k = { exports: {} }, ge = k.exports, U;
 function pe() {
-  return D || (D = 1, (function(n) {
+  return U || (U = 1, (function(i) {
     (function(e, t) {
-      n.exports ? n.exports = t() : e.log = t();
-    })(de, function() {
+      i.exports ? i.exports = t() : e.log = t();
+    })(ge, function() {
       var e = function() {
-      }, t = "undefined", o = typeof window !== t && typeof window.navigator !== t && /Trident\/|MSIE /.test(window.navigator.userAgent), i = [
+      }, t = "undefined", n = typeof window !== t && typeof window.navigator !== t && /Trident\/|MSIE /.test(window.navigator.userAgent), o = [
         "trace",
         "debug",
         "info",
         "warn",
         "error"
-      ], a = {}, s = null;
-      function p(l, u) {
-        var r = l[u];
-        if (typeof r.bind == "function")
-          return r.bind(l);
+      ], r = {}, s = null;
+      function g(l, d) {
+        var a = l[d];
+        if (typeof a.bind == "function")
+          return a.bind(l);
         try {
-          return Function.prototype.bind.call(r, l);
+          return Function.prototype.bind.call(a, l);
         } catch {
           return function() {
-            return Function.prototype.apply.apply(r, [l, arguments]);
+            return Function.prototype.apply.apply(a, [l, arguments]);
           };
         }
       }
-      function K() {
+      function Z() {
         console.log && (console.log.apply ? console.log.apply(console, arguments) : Function.prototype.apply.apply(console.log, [console, arguments])), console.trace && console.trace();
       }
-      function Y(l) {
-        return l === "debug" && (l = "log"), typeof console === t ? !1 : l === "trace" && o ? K : console[l] !== void 0 ? p(console, l) : console.log !== void 0 ? p(console, "log") : e;
+      function K(l) {
+        return l === "debug" && (l = "log"), typeof console === t ? !1 : l === "trace" && n ? Z : console[l] !== void 0 ? g(console, l) : console.log !== void 0 ? g(console, "log") : e;
       }
-      function y() {
-        for (var l = this.getLevel(), u = 0; u < i.length; u++) {
-          var r = i[u];
-          this[r] = u < l ? e : this.methodFactory(r, l, this.name);
+      function b() {
+        for (var l = this.getLevel(), d = 0; d < o.length; d++) {
+          var a = o[d];
+          this[a] = d < l ? e : this.methodFactory(a, l, this.name);
         }
         if (this.log = this.debug, typeof console === t && l < this.levels.SILENT)
           return "No console available for logging";
       }
       function Q(l) {
         return function() {
-          typeof console !== t && (y.call(this), this[l].apply(this, arguments));
+          typeof console !== t && (b.call(this), this[l].apply(this, arguments));
         };
       }
-      function Z(l, u, r) {
-        return Y(l) || Q.apply(this, arguments);
+      function ee(l, d, a) {
+        return K(l) || Q.apply(this, arguments);
       }
-      function B(l, u) {
-        var r = this, w, L, m, f = "loglevel";
+      function $(l, d) {
+        var a = this, P, L, m, f = "loglevel";
         typeof l == "string" ? f += ":" + l : typeof l == "symbol" && (f = void 0);
-        function te(c) {
-          var d = (i[c] || "silent").toUpperCase();
+        function ne(c) {
+          var u = (o[c] || "silent").toUpperCase();
           if (!(typeof window === t || !f)) {
             try {
-              window.localStorage[f] = d;
+              window.localStorage[f] = u;
               return;
             } catch {
             }
             try {
-              window.document.cookie = encodeURIComponent(f) + "=" + d + ";";
+              window.document.cookie = encodeURIComponent(f) + "=" + u + ";";
             } catch {
             }
           }
         }
-        function H() {
+        function B() {
           var c;
           if (!(typeof window === t || !f)) {
             try {
@@ -160,16 +161,16 @@ function pe() {
             }
             if (typeof c === t)
               try {
-                var d = window.document.cookie, k = encodeURIComponent(f), $ = d.indexOf(k + "=");
-                $ !== -1 && (c = /^([^;]+)/.exec(
-                  d.slice($ + k.length + 1)
+                var u = window.document.cookie, T = encodeURIComponent(f), D = u.indexOf(T + "=");
+                D !== -1 && (c = /^([^;]+)/.exec(
+                  u.slice(D + T.length + 1)
                 )[1]);
               } catch {
               }
-            return r.levels[c] === void 0 && (c = void 0), c;
+            return a.levels[c] === void 0 && (c = void 0), c;
           }
         }
-        function ne() {
+        function ie() {
           if (!(typeof window === t || !f)) {
             try {
               window.localStorage.removeItem(f);
@@ -181,83 +182,83 @@ function pe() {
             }
           }
         }
-        function b(c) {
-          var d = c;
-          if (typeof d == "string" && r.levels[d.toUpperCase()] !== void 0 && (d = r.levels[d.toUpperCase()]), typeof d == "number" && d >= 0 && d <= r.levels.SILENT)
-            return d;
+        function y(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: " + c);
         }
-        r.name = l, r.levels = {
+        a.name = l, a.levels = {
           TRACE: 0,
           DEBUG: 1,
           INFO: 2,
           WARN: 3,
           ERROR: 4,
           SILENT: 5
-        }, r.methodFactory = u || Z, r.getLevel = function() {
-          return m ?? L ?? w;
-        }, r.setLevel = function(c, d) {
-          return m = b(c), d !== !1 && te(m), y.call(r);
-        }, r.setDefaultLevel = function(c) {
-          L = b(c), H() || r.setLevel(c, !1);
-        }, r.resetLevel = function() {
-          m = null, ne(), y.call(r);
-        }, r.enableAll = function(c) {
-          r.setLevel(r.levels.TRACE, c);
-        }, r.disableAll = function(c) {
-          r.setLevel(r.levels.SILENT, c);
-        }, r.rebuild = function() {
-          if (s !== r && (w = b(s.getLevel())), y.call(r), s === r)
-            for (var c in a)
-              a[c].rebuild();
-        }, w = b(
+        }, a.methodFactory = d || ee, a.getLevel = function() {
+          return m ?? L ?? P;
+        }, a.setLevel = function(c, u) {
+          return m = y(c), u !== !1 && ne(m), b.call(a);
+        }, a.setDefaultLevel = function(c) {
+          L = y(c), B() || a.setLevel(c, !1);
+        }, a.resetLevel = function() {
+          m = null, ie(), b.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 && (P = y(s.getLevel())), b.call(a), s === a)
+            for (var c in r)
+              r[c].rebuild();
+        }, P = y(
           s ? s.getLevel() : "WARN"
         );
-        var W = H();
-        W != null && (m = b(W)), y.call(r);
+        var W = B();
+        W != null && (m = y(W)), b.call(a);
       }
-      s = new B(), s.getLogger = function(u) {
-        if (typeof u != "symbol" && typeof u != "string" || u === "")
+      s = new $(), s.getLogger = function(d) {
+        if (typeof d != "symbol" && typeof d != "string" || d === "")
           throw new TypeError("You must supply a name when creating a logger.");
-        var r = a[u];
-        return r || (r = a[u] = new B(
-          u,
+        var a = r[d];
+        return a || (a = r[d] = new $(
+          d,
           s.methodFactory
-        )), r;
+        )), a;
       };
-      var ee = typeof window !== t ? window.log : void 0;
+      var te = typeof window !== t ? window.log : void 0;
       return s.noConflict = function() {
-        return typeof window !== t && window.log === s && (window.log = ee), s;
+        return typeof window !== t && window.log === s && (window.log = te), s;
       }, s.getLoggers = function() {
-        return a;
+        return r;
       }, s.default = s, s;
     });
-  })(T)), T.exports;
+  })(k)), k.exports;
 }
-var ge = pe();
-const _ = /* @__PURE__ */ ue(ge), h = _.getLogger(ie);
+var he = pe();
+const _ = /* @__PURE__ */ ue(he), h = _.getLogger(re);
 h.setDefaultLevel("info");
-const A = "\x1B[46mPLUGIN\x1B[0m";
-function N(n, e, ...t) {
-  n.forEach((o) => {
-    const i = o[e];
-    if (i) {
+const F = "\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) {
       h.debug(
-        A,
-        `executing plugin ${o.name}:${String(e)}`,
+        F,
+        `executing plugin ${n.name}:${String(e)} ()`,
         t
       );
       try {
-        i(...t), h.debug(
-          A,
-          `plugin ${o.name}:${String(e)} executed`,
+        o(...t), h.debug(
+          F,
+          `plugin ${n.name}:${String(e)} executed`,
           t
         );
-      } catch (a) {
+      } catch (r) {
         h.debug(
-          A,
-          `plugin ${o.name}:${String(e)} failed`,
-          a
+          F,
+          `plugin ${n.name}:${String(e)} failed`,
+          r
         );
       }
     }
@@ -272,8 +273,8 @@ class O {
   _transaction;
   type = S.Element;
   config;
-  constructor(e, t, o) {
-    this._node = e, this._transaction = t, this.config = o;
+  constructor(e, t, n) {
+    this._node = e, this._transaction = t, this.config = n;
   }
   appendChild(e) {
     this._transaction.isActive && this._transaction.addRollbackCallback(() => {
@@ -281,7 +282,7 @@ class O {
     }), this._node.appendChild(e.getNode());
   }
   clone(e) {
-    const t = this._node.cloneNode(e), o = new O(
+    const t = this._node.cloneNode(e), n = new O(
       t,
       this._transaction,
       this.config
@@ -289,12 +290,13 @@ class O {
     return N(
       this.config.plugins,
       "onClone",
+      this.config.id,
       this._node,
-      o
-    ), o;
+      n
+    ), n;
   }
   getHeight() {
-    return se(this._node);
+    return le(this._node);
   }
   remove() {
     this._transaction.addCommitCallback(() => {
@@ -311,13 +313,13 @@ class O {
     return this._node;
   }
 }
-class he {
+class fe {
   _node;
   _transaction;
   type = S.Text;
   config;
-  constructor(e, t, o) {
-    this._node = e, this._transaction = t, this.config = o;
+  constructor(e, t, n) {
+    this._node = e, this._transaction = t, this.config = n;
   }
   get textContent() {
     return this._node.textContent ?? "";
@@ -334,23 +336,23 @@ class he {
     return this._node;
   }
 }
-function F(n, e, t) {
-  if (ae(n))
-    return new he(n, e, t);
-  if (j(n))
-    return new O(n, e, t);
+function I(i, e, t) {
+  if (se(i))
+    return new fe(i, e, t);
+  if (X(i))
+    return new O(i, e, t);
   throw new Error("Unsupported node type");
 }
-const C = "\x1B[106mDOM\x1B[0m";
-class fe {
+const E = "\x1B[106mDOM\x1B[0m";
+class me {
   _transaction;
   _treeWalker;
   _config;
   _completed = !1;
   _currentNode = null;
   _previousNode = null;
-  constructor(e, t, o) {
-    this._transaction = t, this._config = o, this._treeWalker = document.createTreeWalker(
+  constructor(e, t, n) {
+    this._transaction = t, this._config = n, this._treeWalker = document.createTreeWalker(
       e,
       NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT
     );
@@ -365,36 +367,36 @@ class fe {
     return this._previousNode;
   }
   nextNode() {
-    this._treeWalker.nextNode() || (this._completed = !0), h.debug(C, "moving to next node"), this.setState();
+    this._treeWalker.nextNode() || (this._completed = !0), h.debug(E, "moving to next node"), this.setState();
   }
   nextSiblingOrParentSibling() {
     let e = 0;
     if (this._treeWalker.nextSibling())
-      return h.debug(C, "moving to next sibling node"), this.setState(), { parentsTraversed: e };
+      return h.debug(E, "moving to next sibling node"), this.setState(), { parentsTraversed: e };
     for (; this._treeWalker.parentNode(); )
       if (e++, this._treeWalker.nextSibling())
         return h.debug(
-          C,
+          E,
           "moving to parent sibling node, traversed:",
           e
         ), this.setState(), { parentsTraversed: e };
     return this._completed = !0, { parentsTraversed: e };
   }
   firstChildOrNextNode() {
-    return this._treeWalker.firstChild() ? (h.debug(C, "moving to first child node"), this.setState(), { parentsTraversed: 1 }) : (this.nextNode(), { parentsTraversed: 0 });
+    return this._treeWalker.firstChild() ? (h.debug(E, "moving to first child node"), this.setState(), { parentsTraversed: 1 }) : (this.nextNode(), { parentsTraversed: 0 });
   }
   setState() {
-    this._previousNode = this._currentNode, this._currentNode = F(
+    this._previousNode = this._currentNode, this._currentNode = I(
       this._treeWalker.currentNode,
       this._transaction,
-      ce(this._treeWalker.currentNode, this._config)
-    ), h.debug(C, "moved to node", {
+      de(this._treeWalker.currentNode, this._config)
+    ), h.debug(E, "moved to node", {
       currentNode: this.currentNode,
       previousNode: this.previousNode
     });
   }
 }
-class me {
+class _e {
   _onRollback;
   _onCommit;
   isActive;
@@ -423,8 +425,8 @@ class me {
     this.isActive && (this.isActive = !1, this._onCommit.forEach((e) => e()));
   };
 }
-const U = "\x1B[102mPAGE\x1B[0m";
-class x {
+const V = "\x1B[102mPAGE\x1B[0m";
+class w {
   currentPage;
   activeElement;
   currentElement;
@@ -432,21 +434,21 @@ class x {
   pageIsFull;
   pageIndex;
   pageHeight;
-  constructor(e, t, o, i, a, s, p) {
-    this.currentPage = e, this.activeElement = t, this.currentElement = o, this.parentStack = i, this.pageIsFull = a, this.pageIndex = s, this.pageHeight = p;
+  constructor(e, t, n, o, r, s, g) {
+    this.currentPage = e, this.activeElement = t, this.currentElement = n, this.parentStack = o, this.pageIsFull = r, this.pageIndex = s, this.pageHeight = g;
   }
-  static create(e, t, o, i) {
-    return new x(
+  static create(e, t, n, o) {
+    return new w(
       e,
       null,
       e,
       t,
       !1,
-      o,
-      i
+      n,
+      o
     );
   }
-  clone = () => new x(
+  clone = () => new w(
     this.currentPage,
     this.activeElement,
     this.currentElement,
@@ -456,40 +458,45 @@ class x {
     this.pageHeight
   );
 }
-class R {
+class H {
   _pageState;
   _transaction;
   _tempContainer;
   _config;
-  constructor(e, t, o, i) {
-    this._tempContainer = e, this._config = i, this._transaction = o;
-    const a = R.createPageHtmlElement(
+  constructor(e, t, n, o) {
+    this._tempContainer = e, this._config = o, this._transaction = n;
+    const r = H.createPageHtmlElement(
       t.width
-    ), s = this.createNewPage(a);
-    this._pageState = x.create(s, [], 0, t.height), N(this._config.plugins, "onNewPage", this._pageState);
+    ), s = this.createNewPage(r);
+    this._pageState = w.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 = x.create(
+    ), t = w.create(
       e,
       [],
       this._pageState.pageIndex + 1,
       this._pageState.pageHeight
     );
-    this.cloneParentStackToNewPage(t), this.cleanupEmptyParent(), this._pageState = t, N(this._config.plugins, "onNewPage", this._pageState);
+    this.cloneParentStackToNewPage(t), this.cleanupEmptyParent(), this._pageState = t, N(
+      this._config.plugins,
+      "onNewPage",
+      this._config.id,
+      this
+    );
   }
   cloneParentStackToNewPage(e) {
     for (const t of this._pageState.parentStack) {
-      const o = t.clone(!1);
-      e.currentElement.appendChild(o), e.currentElement = o, e.parentStack.push(o);
+      const n = t.clone(!1);
+      e.currentElement.appendChild(n), e.currentElement = n, e.parentStack.push(n);
     }
   }
   cleanupEmptyParent() {
     const e = [...this._pageState.parentStack], t = () => {
-      for (let o = e.length - 1; o >= 0; o--) {
-        const i = e[o];
-        i.isEmpty() && i.remove();
+      for (let n = e.length - 1; n >= 0; n--) {
+        const o = e[n];
+        o.isEmpty() && o.remove();
       }
     };
     this._transaction.addCommitCallback(t);
@@ -498,7 +505,7 @@ class R {
     if (!this._pageState.activeElement || this._pageState.activeElement.type !== S.Element)
       throw new Error("Invalid state: activeElement is not an Element");
     h.debug(
-      U,
+      V,
       "entering an element",
       this._pageState.activeElement
     ), this._pageState.currentElement = this._pageState.activeElement, this._pageState.parentStack.push(this._pageState.activeElement);
@@ -506,18 +513,18 @@ class R {
   leaveElement() {
     this._pageState.activeElement = null;
     const e = this._pageState.parentStack.pop();
-    h.debug(U, "leaving a parent element", e);
+    h.debug(V, "leaving a parent element", e);
     const t = this._pageState.parentStack.at(-1);
     this._pageState.currentElement = t ?? this._pageState.currentPage;
   }
   static createPageHtmlElement(e) {
     const t = document.createElement("div");
-    return t.style.display = "flex", t.style.flexDirection = "column", t.style.width = `${e}px`, t.style.maxWidth = `${e}px`, t;
+    return t.style.width = `${e}px`, t.style.maxWidth = `${e}px`, t;
   }
   createNewPage(e) {
     return this._tempContainer.appendChild(e), this._transaction.isActive && this._transaction.addRollbackCallback(() => {
       this._tempContainer.removeChild(e);
-    }), F(e, this._transaction, this._config);
+    }), I(e, this._transaction, this._config);
   }
   startTransaction() {
     this._transaction.start();
@@ -527,7 +534,7 @@ class R {
     }), this._transaction;
   }
   hasEmptySpace(e) {
-    return !this._pageState.pageIsFull && this._pageState.currentPage.getHeight() + (e || 1) <= this._pageState.pageHeight;
+    return !this._pageState.pageIsFull && this._pageState.currentPage.getHeight() + (e || 1e-4) <= this._pageState.pageHeight;
   }
   isOverFlow() {
     return this._pageState.currentPage.getHeight() > this._pageState.pageHeight;
@@ -536,21 +543,24 @@ class R {
     this._pageState.pageIsFull = !0;
   }
   appendChild(e, t) {
-    const o = e.clone(t);
-    return this._pageState.currentElement.appendChild(o), this._pageState.activeElement = o, o;
+    const n = e.clone(t);
+    return this._pageState.currentElement.appendChild(n), this._pageState.activeElement = n, n;
   }
   addTextNode(e) {
     if (this._pageState.activeElement?.type === S.Text)
       return this._pageState.activeElement;
-    const t = document.createTextNode(e), o = F(
+    const t = document.createTextNode(e), n = I(
       t,
       this._transaction,
       this._config
     );
-    return this._pageState.currentElement.appendChild(o), this._pageState.activeElement = o, o;
+    return this._pageState.currentElement.appendChild(n), this._pageState.activeElement = n, n;
+  }
+  getPageState() {
+    return this._pageState;
   }
 }
-const g = {
+const p = {
   None: 0,
   // The node fits completely on the page, no further splitting required.
   FullNodePlaced: 1,
@@ -558,157 +568,159 @@ const g = {
   SplitChildren: 2
   // The node is too large for the page, and its children must be paginated individually.
 };
-function _e(n, e) {
-  const t = z(n, e);
-  if (t !== g.None)
+function ve(i, e) {
+  const t = q(i, e);
+  if (t !== p.None)
     return t;
-  const { rollback: o, commit: i } = e.startTransaction();
+  const { rollback: n, commit: o } = e.startTransaction();
   e.nextPage();
-  const a = z(n, e);
-  return a !== g.None ? (i(), a) : (o(), h.debug("Element is too big to fit on a page", n), g.None);
+  const r = q(i, e);
+  return r !== p.None ? (o(), r) : (n(), h.debug("Element is too big to fit on a page", i), p.None);
 }
-function z(n, e) {
-  if (e.hasEmptySpace(n.getHeight())) {
-    const o = e.appendChild(n, !0);
+function q(i, e) {
+  if (e.hasEmptySpace(i.getHeight())) {
+    const n = e.appendChild(i, !0);
     if (e.isOverFlow())
-      o.remove();
+      n.remove();
     else
-      return g.FullNodePlaced;
+      return p.FullNodePlaced;
   }
-  if (n.config.keepOnSamePage || n.getChildrenCount() === 0)
-    return g.None;
-  const t = e.appendChild(n, !1);
-  return e.isOverFlow() ? (t.remove(), g.None) : g.SplitChildren;
+  if (i.config.keepOnSamePage || i.getChildrenCount() === 0)
+    return p.None;
+  const t = e.appendChild(i, !1);
+  return e.isOverFlow() ? (t.remove(), p.None) : p.SplitChildren;
 }
-function ve(n, e) {
-  let t = g.FullNodePlaced;
-  const o = n.textContent.split(/(\s+)/).filter((s) => s !== "");
-  let i, a = 0;
-  for (; i || a < o.length; ) {
-    const s = i ?? o[a], p = Ne(s, e, n.config);
-    p.completed || (t = g.None), p.pendingToken ? i = p.pendingToken : (i = void 0, a++);
+function Ne(i, e) {
+  let t = p.FullNodePlaced;
+  const n = i.textContent.split(/(\s+)/).filter((s) => s !== "");
+  let o, r = 0;
+  for (; o || r < n.length; ) {
+    const s = o ?? n[r], g = Se(s, e, i.config);
+    g.completed || (t = p.None), g.pendingToken ? o = g.pendingToken : (o = void 0, r++);
   }
   return t;
 }
-function Ne(n, e, t) {
+function Se(i, e, t) {
   e.hasEmptySpace() || e.nextPage();
-  let o = e.addTextNode("");
-  const i = o.textContent;
-  if (o.textContent += n, !e.isOverFlow())
+  let n = e.addTextNode("");
+  const o = n.textContent;
+  if (n.textContent += i, !e.isOverFlow())
     return {
       completed: !0
     };
-  o.textContent = i;
-  const a = Se(n, e, t);
+  n.textContent = o;
+  const r = be(i, e, t);
   return {
-    pendingToken: a.leftovers,
-    completed: a.completed
+    pendingToken: r.leftovers,
+    completed: r.completed
   };
 }
-function Se(n, e, t) {
-  const { rollback: o, commit: i } = e.startTransaction();
-  if (e.nextPage(), e.addTextNode(n), !e.isOverFlow())
-    return i(), {
+function be(i, e, t) {
+  const { rollback: n, commit: o } = e.startTransaction();
+  if (e.nextPage(), e.addTextNode(i), !e.isOverFlow())
+    return o(), {
       completed: !0
     };
-  if (o(), !t.hyphenationEnabled)
-    return h.warn("Hyphenation disabled, skipping oversized token:", n), {
+  if (n(), !t.hyphenationEnabled)
+    return h.warn("Hyphenation disabled, skipping oversized token:", i), {
       completed: !1
     };
-  const a = ye(n, t.hyphen, e);
+  const r = ye(i, t.hyphen, e);
   return {
     completed: !0,
-    leftovers: a && a.length > 0 ? a : void 0
+    leftovers: r && r.length > 0 ? r : void 0
   };
 }
-function ye(n, e, t) {
-  const o = t.addTextNode("");
-  let i = "";
-  for (let a = 0; a < n.length; a++) {
-    const s = n[a], p = i + s;
-    if (o.textContent = p + e, !t.hasEmptySpace())
-      return o.textContent = i ? i + e : "", t.markPageAsFull(), n.slice(a);
-    i = p;
+function ye(i, e, t) {
+  const n = t.addTextNode("");
+  let o = "";
+  for (let r = 0; r < i.length; r++) {
+    const s = i[r], g = o + s;
+    if (n.textContent = g + e, !t.hasEmptySpace())
+      return n.textContent = o ? o + e : "", t.markPageAsFull(), i.slice(r);
+    o = g;
   }
   return null;
 }
-const E = "\x1B[103mPAGINATOR\x1B[0m";
-class I {
+const C = "\x1B[103mPAGINATOR\x1B[0m";
+class R {
   _domState;
   _pageManager;
   _transaction;
   _tempContainer;
   _config;
-  constructor(e, t, o) {
-    this._config = { ...J, ...o }, this._tempContainer = I.createTempContainer(), this._transaction = new me(), this._domState = new fe(e, this._transaction, this._config), this._pageManager = new R(
+  constructor(e, t, n) {
+    this._config = { ...Y, ...n }, this._tempContainer = R.createTempContainer(this._config.id), this._transaction = new _e(), this._domState = new me(e, this._transaction, this._config), this._pageManager = new H(
       this._tempContainer,
       t,
       this._transaction,
       this._config
     );
   }
-  static createTempContainer() {
-    const e = document.createElement("div");
-    return e.classList.add(re), document.body.appendChild(e), e;
+  static createTempContainer(e) {
+    const t = document.createElement("div");
+    return t.style.display = "flex", t.style.flexDirection = "column", t.style.gap = "20px", t.setAttribute(`${x}-section-id`, e), t.classList.add(ae), document.body.appendChild(t), t;
   }
-  static paginate(e, t, o) {
-    const i = new I(e, t, o);
-    return i.processAllNodes(), Array.from(i._tempContainer.childNodes).filter((s) => j(s)).map((s) => s.innerHTML);
+  static paginate(e, t, n) {
+    const o = new R(e, t, n);
+    return o.processAllNodes(), Array.from(o._tempContainer.childNodes).filter((s) => X(s)).map((s) => s.innerHTML);
   }
   processAllNodes() {
     this._domState.nextNode();
     do {
       switch (_.debug(
-        E,
+        C,
         "paginating node",
         this._domState.currentNode
       ), this.processCurrentNode()) {
-        case g.None:
+        case p.None:
           this.handleNodeSkipped();
           break;
-        case g.FullNodePlaced:
+        case p.FullNodePlaced:
           this.handleFullNodePlaced();
           break;
-        case g.SplitChildren:
+        case p.SplitChildren:
           this.handleChildrenSplit();
           break;
       }
       N(
         this._config.plugins,
         "afterVisitNode",
+        this._config.id,
         this._domState,
         this._pageManager
       );
     } while (this._domState.completed === !1);
-    _.debug(E, "pagination completed");
+    _.debug(C, "pagination completed");
   }
   handleNodeSkipped() {
-    _.debug(E, "node skipped - couldn't paginate"), this._domState.nextNode();
+    _.debug(C, "node skipped - couldn't paginate"), this._domState.nextNode();
   }
   handleFullNodePlaced() {
-    _.debug(E, "node fully paginated");
+    _.debug(C, "node fully paginated");
     const { parentsTraversed: e } = this._domState.nextSiblingOrParentSibling();
     for (let t = 0; t < e; t++)
       this._pageManager.leaveElement();
   }
   handleChildrenSplit() {
     _.debug(
-      E,
+      C,
       "node partially paginated - splitting children"
     ), this._domState.firstChildOrNextNode().parentsTraversed === 1 && this._domState.previousNode?.type === S.Element && this._pageManager.enterElement();
   }
   processCurrentNode() {
     if (!this._domState.currentNode)
-      return g.None;
+      return p.None;
     if (this._domState.currentNode.type === S.Element) {
       const e = {};
       return N(
         this._config.plugins,
         "onVisitElement",
+        this._config.id,
         this._domState,
         this._pageManager,
         e
-      ), e.result !== void 0 ? e.result : _e(
+      ), e.result !== void 0 ? e.result : ve(
         this._domState.currentNode,
         this._pageManager
       );
@@ -717,17 +729,18 @@ class I {
       return N(
         this._config.plugins,
         "onVisitText",
+        this._config.id,
         this._domState,
         this._pageManager,
         e
-      ), e.result !== void 0 ? e.result : ve(
+      ), e.result !== void 0 ? e.result : Ne(
         this._domState.currentNode,
         this._pageManager
       );
     }
   }
 }
-const q = [
+const G = [
   "ad",
   "adipisicing",
   "aliqua",
@@ -791,46 +804,85 @@ const q = [
   "veniam",
   "voluptate"
 ];
-function Oe(n, e) {
-  if (n <= 0)
+function Oe(i, e) {
+  if (i <= 0)
     return "";
-  const t = [], o = Math.floor(e * 982451653);
-  for (let i = 0; i < n; i++) {
-    const a = (o + i * 2654435761) % Math.pow(2, 32), s = Math.floor(
-      a / Math.pow(2, 32) * q.length
+  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) * G.length
     );
-    t.push(q[s]);
+    t.push(G[s]);
   }
   return t.length > 0 && (t[0] = t[0].charAt(0).toUpperCase() + t[0].slice(1)), t.join(" ") + ".";
 }
-const be = "data-pz-page-break", Ce = "pageBreak", Ee = {
+const Ee = "data-pz-page-break", Ce = "pageBreak", xe = {
   name: Ce,
-  onVisitElement: (n, e, t) => {
-    n.currentNode.getNode().getAttribute(be) === "true" && (e.markPageAsFull(), t.result = g.FullNodePlaced);
+  order: 1,
+  onVisitElement: (i, e, t, n) => {
+    e.currentNode.getNode().getAttribute(Ee) === "true" && (t.markPageAsFull(), n.result = p.FullNodePlaced);
+  }
+}, He = [xe], $e = {
+  name: "debug",
+  order: Number.MAX_SAFE_INTEGER,
+  onNewPage: (i, e) => {
+    const t = e.getPageState().currentPage.getNode();
+    t.classList.contains(M) || t.classList.add(M), t.setAttribute(`${x}-element`, "page"), t.setAttribute(
+      `${x}-height`,
+      e.getPageState().pageHeight.toString()
+    );
   }
-}, Re = [Ee];
+}, we = "sectionToc";
+class Be {
+  state = [];
+  name = we;
+  order = 1;
+  onVisitElement = (e, t, n) => {
+    {
+      const o = t.currentNode.getNode(), r = this.getHeadingLevel(o);
+      if (!r || !o.textContent) return;
+      this.state.push({
+        sectionId: e,
+        pageNumber: n.getPageState().pageIndex + 1,
+        title: o.textContent,
+        level: r
+      });
+    }
+  };
+  getHeadingLevel(e) {
+    const t = e.tagName;
+    return /^H[1-6]$/.test(t) ? parseInt(t.charAt(1), 10) : null;
+  }
+}
+const We = "__PAPRIZE_IS_READY", De = "__PAPRIZE_READ_JSON_DATA_FILE";
 export {
-  I as Paginator,
-  g as SplitResult,
-  V as attributePrefix,
-  Ie as configToAttributeMap,
+  R as Paginator,
+  Be as SectionTocPlugin,
+  p as SplitResult,
+  x as attributePrefix,
+  Re as configToAttributeMap,
   Oe as createLoremIpsumParagraph,
-  xe as currentElementClassName,
-  we as currentTextClassName,
-  Re as defaultPlugins,
+  Pe as currentElementClassName,
+  Te as currentTextClassName,
+  $e as debugPlugin,
+  He as defaultPlugins,
   Le as enableDebugMode,
-  se as getVisibleHeight,
+  le as getVisibleHeight,
   ke as ignoredElementClassName,
-  Te as ignoredTextClassName,
-  Ae as isDebugMode,
-  j as isElement,
-  ae as isTextNode,
+  Ae as ignoredTextClassName,
+  Fe as isDebugMode,
+  X as isElement,
+  se as isTextNode,
   h as logger,
-  ie as loggerName,
-  Fe as moveOffscreen,
-  be as pageBreakAttributeName,
-  Ee as pageBreakPlugin,
+  re as loggerName,
+  Ie as moveOffscreen,
+  Ee as pageBreakAttributeName,
+  xe as pageBreakPlugin,
   Ce as pageBreakPluginName,
-  Pe as pageClassName,
-  re as tempContainerClassName
+  M as pageClassName,
+  We as paprize_isReady,
+  De as paprize_readJsonDataFile,
+  we as sectionTocName,
+  ae as tempContainerClassName
 };
+//# sourceMappingURL=paprize-core.js.map