flipbookengine 0.5.4 → 0.6.5

package/dist/{engine-7jWE07Zq.js → engine-DhQ2zxpm.js}

@@ -1,13 +1,13 @@
-var ye = Object.defineProperty;
-var Nt = (e) => {
+var ke = Object.defineProperty;
+var _t = (e) => {
   throw TypeError(e);
 };
-var be = (e, t, s) => t in e ? ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var m = (e, t, s) => be(e, typeof t != "symbol" ? t + "" : t, s), yt = (e, t, s) => t.has(e) || Nt("Cannot " + s);
-var _ = (e, t, s) => (yt(e, t, "read from private field"), s ? s.call(e) : t.get(e)), rt = (e, t, s) => t.has(e) ? Nt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), at = (e, t, s, o) => (yt(e, t, "write to private field"), o ? o.call(e, s) : t.set(e, s), s), J = (e, t, s) => (yt(e, t, "access private method"), s);
-import * as Bt from "pdfjs-dist";
-var xe = Symbol.for("preact-signals");
-function It() {
+var Ce = (e, t, i) => t in e ? ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var v = (e, t, i) => Ce(e, typeof t != "symbol" ? t + "" : t, i), yt = (e, t, i) => t.has(e) || _t("Cannot " + i);
+var B = (e, t, i) => (yt(e, t, "read from private field"), i ? i.call(e) : t.get(e)), rt = (e, t, i) => t.has(e) ? _t("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), at = (e, t, i, o) => (yt(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i), J = (e, t, i) => (yt(e, t, "access private method"), i);
+import * as Gt from "pdfjs-dist";
+var Ae = Symbol.for("preact-signals");
+function zt() {
   if (j > 1)
     j--;
   else {
@@ -17,155 +17,155 @@ function It() {
       for (ct = void 0; r !== void 0; )
         r.S.v === r.v && (r.S.i = r.i), r = r.o;
     }(); tt !== void 0; ) {
-      var s = tt;
-      for (tt = void 0, lt++; s !== void 0; ) {
-        var o = s.u;
-        if (s.u = void 0, s.f &= -3, !(8 & s.f) && ie(s)) try {
-          s.c();
+      var i = tt;
+      for (tt = void 0, lt++; i !== void 0; ) {
+        var o = i.u;
+        if (i.u = void 0, i.f &= -3, !(8 & i.f) && ne(i)) try {
+          i.c();
         } catch (r) {
           t || (e = r, t = !0);
         }
-        s = o;
+        i = o;
       }
     }
     if (lt = 0, j--, t) throw e;
   }
 }
-var k = void 0;
+var M = void 0;
 function wt(e) {
-  var t = k;
-  k = void 0;
+  var t = M;
+  M = void 0;
   try {
     return e();
   } finally {
-    k = t;
+    M = t;
   }
 }
-var tt = void 0, j = 0, lt = 0, _t = 0, ct = void 0, dt = 0;
-function ee(e) {
-  if (k !== void 0) {
+var tt = void 0, j = 0, lt = 0, Ut = 0, ct = void 0, dt = 0;
+function se(e) {
+  if (M !== void 0) {
     var t = e.n;
-    if (t === void 0 || t.t !== k)
-      return t = { i: 0, S: e, p: k.s, n: void 0, t: k, e: void 0, x: void 0, r: t }, k.s !== void 0 && (k.s.n = t), k.s = t, e.n = t, 32 & k.f && e.S(t), t;
+    if (t === void 0 || t.t !== M)
+      return t = { i: 0, S: e, p: M.s, n: void 0, t: M, e: void 0, x: void 0, r: t }, M.s !== void 0 && (M.s.n = t), M.s = t, e.n = t, 32 & M.f && e.S(t), t;
     if (t.i === -1)
-      return t.i = 0, t.n !== void 0 && (t.n.p = t.p, t.p !== void 0 && (t.p.n = t.n), t.p = k.s, t.n = void 0, k.s.n = t, k.s = t), t;
+      return t.i = 0, t.n !== void 0 && (t.n.p = t.p, t.p !== void 0 && (t.p.n = t.n), t.p = M.s, t.n = void 0, M.s.n = t, M.s = t), t;
   }
 }
-function I(e, t) {
+function z(e, t) {
   this.v = e, this.i = 0, this.n = void 0, this.t = void 0, this.l = 0, this.W = t == null ? void 0 : t.watched, this.Z = t == null ? void 0 : t.unwatched, this.name = t == null ? void 0 : t.name;
 }
-I.prototype.brand = xe;
-I.prototype.h = function() {
+z.prototype.brand = Ae;
+z.prototype.h = function() {
   return !0;
 };
-I.prototype.S = function(e) {
-  var t = this, s = this.t;
-  s !== e && e.e === void 0 && (e.x = s, this.t = e, s !== void 0 ? s.e = e : wt(function() {
+z.prototype.S = function(e) {
+  var t = this, i = this.t;
+  i !== e && e.e === void 0 && (e.x = i, this.t = e, i !== void 0 ? i.e = e : wt(function() {
     var o;
     (o = t.W) == null || o.call(t);
   }));
 };
-I.prototype.U = function(e) {
+z.prototype.U = function(e) {
   var t = this;
   if (this.t !== void 0) {
-    var s = e.e, o = e.x;
-    s !== void 0 && (s.x = o, e.e = void 0), o !== void 0 && (o.e = s, e.x = void 0), e === this.t && (this.t = o, o === void 0 && wt(function() {
+    var i = e.e, o = e.x;
+    i !== void 0 && (i.x = o, e.e = void 0), o !== void 0 && (o.e = i, e.x = void 0), e === this.t && (this.t = o, o === void 0 && wt(function() {
       var r;
       (r = t.Z) == null || r.call(t);
     }));
   }
 };
-I.prototype.subscribe = function(e) {
+z.prototype.subscribe = function(e) {
   var t = this;
-  return G(function() {
-    var s = t.value;
+  return _(function() {
+    var i = t.value;
     wt(function() {
-      return e(s);
+      return e(i);
     });
   }, { name: "sub" });
 };
-I.prototype.valueOf = function() {
+z.prototype.valueOf = function() {
   return this.value;
 };
-I.prototype.toString = function() {
+z.prototype.toString = function() {
   return this.value + "";
 };
-I.prototype.toJSON = function() {
+z.prototype.toJSON = function() {
   return this.value;
 };
-I.prototype.peek = function() {
+z.prototype.peek = function() {
   var e = this;
   return wt(function() {
     return e.value;
   });
 };
-Object.defineProperty(I.prototype, "value", { get: function() {
-  var e = ee(this);
+Object.defineProperty(z.prototype, "value", { get: function() {
+  var e = se(this);
   return e !== void 0 && (e.i = this.i), this.v;
 }, set: function(e) {
   if (e !== this.v) {
     if (lt > 100) throw new Error("Cycle detected");
-    (function(s) {
-      j !== 0 && lt === 0 && s.l !== _t && (s.l = _t, ct = { S: s, v: s.v, i: s.i, o: ct });
+    (function(i) {
+      j !== 0 && lt === 0 && i.l !== Ut && (i.l = Ut, ct = { S: i, v: i.v, i: i.i, o: ct });
     })(this), this.v = e, this.i++, dt++, j++;
     try {
       for (var t = this.t; t !== void 0; t = t.x) t.t.N();
     } finally {
-      It();
+      zt();
     }
   }
 } });
-function M(e, t) {
-  return new I(e, t);
+function D(e, t) {
+  return new z(e, t);
 }
-function ie(e) {
+function ne(e) {
   for (var t = e.s; t !== void 0; t = t.n) if (t.S.i !== t.i || !t.S.h() || t.S.i !== t.i) return !0;
   return !1;
 }
-function se(e) {
+function oe(e) {
   for (var t = e.s; t !== void 0; t = t.n) {
-    var s = t.S.n;
-    if (s !== void 0 && (t.r = s), t.S.n = t, t.i = -1, t.n === void 0) {
+    var i = t.S.n;
+    if (i !== void 0 && (t.r = i), t.S.n = t, t.i = -1, t.n === void 0) {
       e.s = t;
       break;
     }
   }
 }
-function ne(e) {
-  for (var t = e.s, s = void 0; t !== void 0; ) {
+function re(e) {
+  for (var t = e.s, i = void 0; t !== void 0; ) {
     var o = t.p;
-    t.i === -1 ? (t.S.U(t), o !== void 0 && (o.n = t.n), t.n !== void 0 && (t.n.p = o)) : s = t, t.S.n = t.r, t.r !== void 0 && (t.r = void 0), t = o;
+    t.i === -1 ? (t.S.U(t), o !== void 0 && (o.n = t.n), t.n !== void 0 && (t.n.p = o)) : i = t, t.S.n = t.r, t.r !== void 0 && (t.r = void 0), t = o;
   }
-  e.s = s;
+  e.s = i;
 }
 function q(e, t) {
-  I.call(this, void 0, t), this.x = e, this.s = void 0, this.g = dt - 1, this.f = 4;
+  z.call(this, void 0, t), this.x = e, this.s = void 0, this.g = dt - 1, this.f = 4;
 }
-q.prototype = new I();
+q.prototype = new z();
 q.prototype.h = function() {
   if (this.f &= -3, 1 & this.f) return !1;
   if ((36 & this.f) == 32 || (this.f &= -5, this.g === dt)) return !0;
-  if (this.g = dt, this.f |= 1, this.i > 0 && !ie(this))
+  if (this.g = dt, this.f |= 1, this.i > 0 && !ne(this))
     return this.f &= -2, !0;
-  var e = k;
+  var e = M;
   try {
-    se(this), k = this;
+    oe(this), M = this;
     var t = this.x();
     (16 & this.f || this.v !== t || this.i === 0) && (this.v = t, this.f &= -17, this.i++);
-  } catch (s) {
-    this.v = s, this.f |= 16, this.i++;
+  } catch (i) {
+    this.v = i, this.f |= 16, this.i++;
   }
-  return k = e, ne(this), this.f &= -2, !0;
+  return M = e, re(this), this.f &= -2, !0;
 };
 q.prototype.S = function(e) {
   if (this.t === void 0) {
     this.f |= 36;
     for (var t = this.s; t !== void 0; t = t.n) t.S.S(t);
   }
-  I.prototype.S.call(this, e);
+  z.prototype.S.call(this, e);
 };
 q.prototype.U = function(e) {
-  if (this.t !== void 0 && (I.prototype.U.call(this, e), this.t === void 0)) {
+  if (this.t !== void 0 && (z.prototype.U.call(this, e), this.t === void 0)) {
     this.f &= -33;
     for (var t = this.s; t !== void 0; t = t.n) t.S.U(t);
   }
@@ -178,35 +178,35 @@ q.prototype.N = function() {
 };
 Object.defineProperty(q.prototype, "value", { get: function() {
   if (1 & this.f) throw new Error("Cycle detected");
-  var e = ee(this);
+  var e = se(this);
   if (this.h(), e !== void 0 && (e.i = this.i), 16 & this.f) throw this.v;
   return this.v;
 } });
 function w(e, t) {
   return new q(e, t);
 }
-function oe(e) {
+function ae(e) {
   var t = e.m;
   if (e.m = void 0, typeof t == "function") {
     j++;
-    var s = k;
-    k = void 0;
+    var i = M;
+    M = void 0;
     try {
       t();
     } catch (o) {
-      throw e.f &= -2, e.f |= 8, Lt(e), o;
+      throw e.f &= -2, e.f |= 8, Ft(e), o;
     } finally {
-      k = s, It();
+      M = i, zt();
     }
   }
 }
-function Lt(e) {
+function Ft(e) {
   for (var t = e.s; t !== void 0; t = t.n) t.S.U(t);
-  e.x = void 0, e.s = void 0, oe(e);
+  e.x = void 0, e.s = void 0, ae(e);
 }
-function Pe(e) {
-  if (k !== this) throw new Error("Out-of-order effect");
-  ne(this), k = e, this.f &= -2, 8 & this.f && Lt(this), It();
+function Ee(e) {
+  if (M !== this) throw new Error("Out-of-order effect");
+  re(this), M = e, this.f &= -2, 8 & this.f && Ft(this), zt();
 }
 function X(e, t) {
   this.x = e, this.m = void 0, this.s = void 0, this.u = void 0, this.f = 32, this.name = t == null ? void 0 : t.name;
@@ -223,69 +223,69 @@ X.prototype.c = function() {
 };
 X.prototype.S = function() {
   if (1 & this.f) throw new Error("Cycle detected");
-  this.f |= 1, this.f &= -9, oe(this), se(this), j++;
-  var e = k;
-  return k = this, Pe.bind(this, e);
+  this.f |= 1, this.f &= -9, ae(this), oe(this), j++;
+  var e = M;
+  return M = this, Ee.bind(this, e);
 };
 X.prototype.N = function() {
   2 & this.f || (this.f |= 2, this.u = tt, tt = this);
 };
 X.prototype.d = function() {
-  this.f |= 8, 1 & this.f || Lt(this);
+  this.f |= 8, 1 & this.f || Ft(this);
 };
 X.prototype.dispose = function() {
   this.d();
 };
-function G(e, t) {
-  var s = new X(e, t);
+function _(e, t) {
+  var i = new X(e, t);
   try {
-    s.c();
+    i.c();
   } catch (r) {
-    throw s.d(), r;
+    throw i.d(), r;
   }
-  var o = s.d.bind(s);
+  var o = i.d.bind(i);
   return o[Symbol.dispose] = o, o;
 }
-var re = /* @__PURE__ */ Symbol.for("Serenity.initPropHook");
-function Se(e) {
+var he = /* @__PURE__ */ Symbol.for("Serenity.initPropHook");
+function Me(e) {
   return !!(e && typeof e.nodeType == "number");
 }
 function vt(e) {
   return typeof e == "string";
 }
-function ae(e) {
+function le(e) {
   return typeof e == "number";
 }
-function z(e) {
+function W(e) {
   return typeof e == "object" && e !== null;
 }
-function Ce(e) {
+function De(e) {
   return !!(e && e.isComponent);
 }
-function zt(e) {
-  return z(e) && typeof e.length == "number" && typeof e.nodeType != "number";
+function Ot(e) {
+  return W(e) && typeof e.length == "number" && typeof e.nodeType != "number";
 }
-function ke(e) {
-  return typeof e == "function" && typeof e[re] == "function";
+function Re(e) {
+  return typeof e == "function" && typeof e[he] == "function";
 }
 function it(e) {
   return e != null && typeof e != "boolean";
 }
 function st(e) {
-  return Array.isArray(e) ? e.map(st).filter(Boolean).join(" ") : z(e) ? Symbol.iterator in e ? st(Array.from(e)) : Object.keys(e).filter((t) => e[t]).join(" ") : it(e) ? "" + e : "";
+  return Array.isArray(e) ? e.map(st).filter(Boolean).join(" ") : W(e) ? Symbol.iterator in e ? st(Array.from(e)) : Object.keys(e).filter((t) => e[t]).join(" ") : it(e) ? "" + e : "";
 }
-function Te(e) {
+function Ie(e) {
   return e != null && typeof e == "object" && "current" in e;
 }
-function Ft(e, t) {
-  Te(e) ? e.current = t : typeof e == "function" && e(t);
+function Wt(e, t) {
+  Ie(e) ? e.current = t : typeof e == "function" && e(t);
 }
-function Ae(e, t, s) {
-  t = { ...t, children: s };
+function Le(e, t, i) {
+  t = { ...t, children: i };
   const o = new e(t), r = o.render();
-  return "ref" in t && Ft(t.ref, o), r;
+  return "ref" in t && Wt(t.ref, o), r;
 }
-var Ee = "http://www.w3.org/1998/Math/MathML", Me = /* @__PURE__ */ new Set(["math", "annotation", "annotation-xml", "maction", "merror", "mfrac", "mi", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mprescripts", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msubsup", "msup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "semantics", "menclose", "mfenced"]), De = /* @__PURE__ */ new Set([
+var ze = "http://www.w3.org/1998/Math/MathML", Fe = /* @__PURE__ */ new Set(["math", "annotation", "annotation-xml", "maction", "merror", "mfrac", "mi", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mprescripts", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msubsup", "msup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "semantics", "menclose", "mfenced"]), Oe = /* @__PURE__ */ new Set([
   // "a",
   "animate",
   "animateMotion",
@@ -350,30 +350,30 @@ var Ee = "http://www.w3.org/1998/Math/MathML", Me = /* @__PURE__ */ new Set(["ma
   "tspan",
   "use",
   "view"
-]), Gt = /^(a(ll|t|u)|base[FP]|c(al|lipPathU|on)|di|ed|ex|filter[RU]|g(lyphR|r)|ke|l(en|im)|ma(rker[HUW]|s)|n|pat|pr|point[^e]|re[^n]|s[puy]|st[^or]|ta|textL|vi|xC|y|z)/, Re = "http://www.w3.org/2000/svg", Ut = /* @__PURE__ */ Symbol.for("Serenity.jsxNamespaceURI");
-function Ie(e) {
-  const t = globalThis[Ut];
-  return arguments.length && (globalThis[Ut] = e), t;
+]), jt = /^(a(ll|t|u)|base[FP]|c(al|lipPathU|on)|di|ed|ex|filter[RU]|g(lyphR|r)|ke|l(en|im)|ma(rker[HUW]|s)|n|pat|pr|point[^e]|re[^n]|s[puy]|st[^or]|ta|textL|vi|xC|y|z)/, We = "http://www.w3.org/2000/svg", Vt = /* @__PURE__ */ Symbol.for("Serenity.jsxNamespaceURI");
+function Ne(e) {
+  const t = globalThis[Vt];
+  return arguments.length && (globalThis[Vt] = e), t;
 }
-var Le = /* @__PURE__ */ Symbol.for("Serenity.jsxTypeKey"), ze = "ShadowRoot";
-function Fe(e) {
-  return e != null && e[Le] === ze;
+var $e = /* @__PURE__ */ Symbol.for("Serenity.jsxTypeKey"), He = "ShadowRoot";
+function Be(e) {
+  return e != null && e[$e] === He;
 }
-var bt = /* @__PURE__ */ Symbol.for("Serenity.disposingListeners"), xt = /* @__PURE__ */ Symbol.for("Serenity.lifecycleRoot");
-function Ot() {
+var bt = /* @__PURE__ */ Symbol.for("Serenity.disposingListeners"), Pt = /* @__PURE__ */ Symbol.for("Serenity.lifecycleRoot");
+function Nt() {
   return globalThis[bt] || (globalThis[bt] = /* @__PURE__ */ new WeakMap());
 }
-function Wt(e) {
-  e && e.target && (!e.currentTarget || e.currentTarget === e.target) && Oe(e == null ? void 0 : e.target);
+function $t(e) {
+  e && e.target && (!e.currentTarget || e.currentTarget === e.target) && _e(e == null ? void 0 : e.target);
 }
-function Oe(e, t) {
+function _e(e, t) {
   if (!e)
     return;
-  const s = Ot();
+  const i = Nt();
   function o(r) {
-    const h = s.get(r);
+    const h = i.get(r);
     if (h) {
-      s.delete(r), r.removeEventListener("disposing", Wt);
+      i.delete(r), r.removeEventListener("disposing", $t);
       for (const u of h)
         try {
           u.callback(r);
@@ -383,70 +383,70 @@ function Oe(e, t) {
   }
   o(e);
 }
-function kt(e, t, s) {
+function At(e, t, i) {
   if (!e || !t)
     return e;
-  const o = Ot();
+  const o = Nt();
   let r = o.get(e);
   if (!r)
     return typeof e.addEventListener != "function" || (o.set(e, r = [{
       callback: t,
-      regKey: s
-    }]), e.addEventListener("disposing", Wt, { once: !0 })), e;
+      regKey: i
+    }]), e.addEventListener("disposing", $t, { once: !0 })), e;
   const h = r.find((u) => u.callback === t);
-  return h ? (h.regKey, e) : (r.push({ callback: t, regKey: s }), e);
+  return h ? (h.regKey, e) : (r.push({ callback: t, regKey: i }), e);
 }
-function jt(e, t, s) {
+function Zt(e, t, i) {
   if (!e || !t)
     return e;
-  const o = Ot(), r = o.get(e);
+  const o = Nt(), r = o.get(e);
   if (r) {
     for (let h = r.length - 1; h >= 0; h--) {
       const u = r[h];
       t && t === u.callback && r.splice(h, 1);
     }
-    r.length === 0 && (o.delete(e), typeof e.removeEventListener == "function" && e.removeEventListener("disposing", Wt));
+    r.length === 0 && (o.delete(e), typeof e.removeEventListener == "function" && e.removeEventListener("disposing", $t));
   }
   return e;
 }
-function We(...e) {
+function Ge(...e) {
   if (e.length > 0) {
-    const t = globalThis[xt] || null;
-    return globalThis[xt] = e[0] || null, t;
+    const t = globalThis[Pt] || null;
+    return globalThis[Pt] = e[0] || null, t;
   }
-  return globalThis[xt] || null;
+  return globalThis[Pt] || null;
 }
 function Z(e) {
   return e != null && typeof e == "object" && typeof e.subscribe == "function" && typeof e.peek == "function" && "value" in e;
 }
-var ot, O, U, Tt, At, te, $e = (te = class {
-  constructor(e, t, s) {
-    rt(this, U);
+var ot, $, G, Et, Mt, ie, Ue = (ie = class {
+  constructor(e, t, i) {
+    rt(this, G);
     rt(this, ot);
-    rt(this, O);
-    this.signal = e, this.isInitial = !0, this.hasChanged = !1, this.lifecycleRoot = t, at(this, O, s);
+    rt(this, $);
+    this.signal = e, this.isInitial = !0, this.hasChanged = !1, this.lifecycleRoot = t, at(this, $, i);
   }
   get lifecycleNode() {
-    return _(this, O);
+    return B(this, $);
   }
   get effectDisposer() {
-    return _(this, ot);
+    return B(this, ot);
   }
   set effectDisposer(e) {
-    J(this, U, Tt).call(this), at(this, ot, e), J(this, U, At).call(this);
+    J(this, G, Et).call(this), at(this, ot, e), J(this, G, Mt).call(this);
   }
   set lifecycleNode(e) {
-    e !== _(this, O) && (J(this, U, Tt).call(this), at(this, O, e), J(this, U, At).call(this));
+    e !== B(this, $) && (J(this, G, Et).call(this), at(this, $, e), J(this, G, Mt).call(this));
   }
-}, ot = new WeakMap(), O = new WeakMap(), U = new WeakSet(), Tt = function() {
+}, ot = new WeakMap(), $ = new WeakMap(), G = new WeakSet(), Et = function() {
   var e;
-  jt(_(this, O), this.effectDisposer), jt(_(this, O), (e = this.signal) == null ? void 0 : e.derivedDisposer);
-}, At = function() {
+  Zt(B(this, $), this.effectDisposer), Zt(B(this, $), (e = this.signal) == null ? void 0 : e.derivedDisposer);
+}, Mt = function() {
   var e;
-  kt(_(this, O), this.effectDisposer), kt(_(this, O), (e = this.signal) == null ? void 0 : e.derivedDisposer);
-}, te);
-function nt(e, t, s) {
-  const o = s != null && s.useLifecycleRoot ? We() : void 0, r = new $e(e, o, s == null ? void 0 : s.lifecycleNode), h = r.signal.subscribe(function(u) {
+  At(B(this, $), this.effectDisposer), At(B(this, $), (e = this.signal) == null ? void 0 : e.derivedDisposer);
+}, ie);
+function nt(e, t, i) {
+  const o = i != null && i.useLifecycleRoot ? Ge() : void 0, r = new Ue(e, o, i == null ? void 0 : i.lifecycleNode), h = r.signal.subscribe(function(u) {
     r.newValue = u, r.isInitial && (this != null && this.dispose) && (r.effectDisposer = this.dispose.bind(this)), r.hasChanged = !r.isInitial && r.prevValue !== r.newValue;
     try {
       t(r);
@@ -456,78 +456,78 @@ function nt(e, t, s) {
   });
   return h && !r.effectDisposer && (r.effectDisposer = h), r.effectDisposer;
 }
-function Vt(e, t) {
+function qt(e, t) {
   e instanceof window.HTMLTemplateElement ? e.content.appendChild(t) : e.appendChild(t);
 }
-var Pt = 0, Et = "__domwisefrag_";
-function he(e) {
-  return e instanceof Comment && e.data.startsWith(Et);
+var xt = 0, Dt = "__domwisefrag_";
+function ce(e) {
+  return e instanceof Comment && e.data.startsWith(Dt);
 }
-function Zt(e) {
-  return e instanceof DocumentFragment && he(e.firstChild);
+function Xt(e) {
+  return e instanceof DocumentFragment && ce(e.firstChild);
 }
-function He(e, t) {
-  var s;
-  typeof e.replaceWith == "function" ? e.replaceWith(t) : (s = e.parentNode) == null || s.replaceChild(t, e);
+function je(e, t) {
+  var i;
+  typeof e.replaceWith == "function" ? e.replaceWith(t) : (i = e.parentNode) == null || i.replaceChild(t, e);
 }
-function qt(e) {
-  return e instanceof DocumentFragment ? (++Pt, e.prepend(document.createComment(Et + Pt)), e.append(document.createComment(Et + Pt)), e) : e instanceof Node ? e : it(e) ? document.createTextNode(e) : document.createComment("");
+function Yt(e) {
+  return e instanceof DocumentFragment ? (++xt, e.prepend(document.createComment(Dt + xt)), e.append(document.createComment(Dt + xt)), e) : e instanceof Node ? e : it(e) ? document.createTextNode(e) : document.createComment("");
 }
-function Ne(e, t) {
-  let s;
+function Ve(e, t) {
+  let i;
   nt(t, (o) => {
     var u;
     if (o.isInitial) {
-      s = qt(o.newValue);
-      let g = Zt(s) ? s.firstChild : s;
-      ut(e, s), o.lifecycleNode = (s = g) ?? e;
+      i = Yt(o.newValue);
+      let c = Xt(i) ? i.firstChild : i;
+      ut(e, i), o.lifecycleNode = (i = c) ?? e;
       return;
     }
     if (!o.hasChanged)
       return;
-    const r = qt(o.newValue);
-    if (he(s)) {
-      let g;
-      for (; (g = s.nextSibling) && ((u = g.parentNode) == null || u.removeChild(g), !(g instanceof Comment && g.data === s.data)); )
+    const r = Yt(o.newValue);
+    if (ce(i)) {
+      let c;
+      for (; (c = i.nextSibling) && ((u = c.parentNode) == null || u.removeChild(c), !(c instanceof Comment && c.data === i.data)); )
         ;
     }
-    let h = Zt(r) ? r.firstChild : r;
-    He(s, r), o.lifecycleNode = (s = h) ?? e;
+    let h = Xt(r) ? r.firstChild : r;
+    je(i, r), o.lifecycleNode = (i = h) ?? e;
   });
 }
 function ut(e, t) {
   if (it(t))
-    if (zt(t))
-      for (const s of [...t])
-        ut(e, s);
-    else if (vt(t) || ae(t))
-      Vt(e, document.createTextNode(t));
-    else if (Se(t))
-      Vt(e, t);
-    else if (Fe(t)) {
-      const s = e.attachShadow(t.attr);
-      ut(s, t.children), Ft(t.ref, s);
-    } else Z(t) && Ne(e, t);
+    if (Ot(t))
+      for (const i of [...t])
+        ut(e, i);
+    else if (vt(t) || le(t))
+      qt(e, document.createTextNode(t));
+    else if (Me(t))
+      qt(e, t);
+    else if (Be(t)) {
+      const i = e.attachShadow(t.attr);
+      ut(i, t.children), Wt(t.ref, i);
+    } else Z(t) && Ve(e, t);
 }
-function le(e) {
-  return e == null || (zt(e) ? e = Array.from(e).map((t) => Z(t) ? t.peek() : t) : z(e) && (e = { ...e }, Object.entries(e).forEach(([t, s]) => {
-    Z(s) && (e[t] = s.peek());
+function de(e) {
+  return e == null || (Ot(e) ? e = Array.from(e).map((t) => Z(t) ? t.peek() : t) : W(e) && (e = { ...e }, Object.entries(e).forEach(([t, i]) => {
+    Z(i) && (e[t] = i.peek());
   }))), e;
 }
-function Be(e, t) {
+function Ze(e, t) {
   if (t == null || t === !1 || t === !0)
     return;
-  t = le(t);
-  const s = (st(t) ?? "").split(" ");
-  for (let o of s)
+  t = de(t);
+  const i = (st(t) ?? "").split(" ");
+  for (let o of i)
     o && e.classList.remove(o);
 }
-function _e(e, t, s) {
+function qe(e, t, i) {
   if (t == null || t === !1) {
-    Be(e, s);
+    Ze(e, i);
     return;
   }
-  s = le(s), zt(t) ? t = Array.from(t).map((o) => {
+  i = de(i), Ot(t) ? t = Array.from(t).map((o) => {
     let r = o;
     return Z(o) && nt(o, (h) => {
       if (h.isInitial) {
@@ -538,7 +538,7 @@ function _e(e, t, s) {
     }, {
       lifecycleNode: e
     }), r;
-  }) : z(t) && (t = { ...t }, Object.entries(t).forEach(([o, r]) => {
+  }) : W(t) && (t = { ...t }, Object.entries(t).forEach(([o, r]) => {
     Z(r) && nt(r, (h) => {
       if (h.isInitial) {
         t[o] = h.newValue;
@@ -548,22 +548,22 @@ function _e(e, t, s) {
     }, {
       lifecycleNode: e
     });
-  })), St(e, t, s);
+  })), St(e, t, i);
 }
-function St(e, t, s) {
+function St(e, t, i) {
   const o = (st(t) ?? "").split(" ");
-  if (s) {
-    const r = (st(s) ?? "").split(" ");
+  if (i) {
+    const r = (st(i) ?? "").split(" ");
     for (let h of r)
       h && !o.includes(h) && e.classList.remove(h);
   }
   for (let r of o)
     r && e.classList.add(r);
 }
-function Ge(e, t) {
+function Xe(e, t) {
   return e + t.charAt(0).toUpperCase() + t.substring(1);
 }
-var Ue = /* @__PURE__ */ (() => {
+var Ye = /* @__PURE__ */ (() => {
   let e = {
     animationIterationCount: 0,
     borderImageOutset: 0,
@@ -610,51 +610,51 @@ var Ue = /* @__PURE__ */ (() => {
     strokeWidth: 0
   };
   const t = ["Webkit", "ms", "Moz", "O"];
-  return Object.keys(e).forEach((s) => {
+  return Object.keys(e).forEach((i) => {
     t.forEach((o) => {
-      e[Ge(o, s)] = 0;
+      e[Xe(o, i)] = 0;
     });
   }), e;
 })();
-function Mt(e, t, s) {
-  t.indexOf("-") === 0 ? e.style.setProperty(t, s) : ae(s) && Ue[t] !== 0 ? e.style[t] = s + "px" : e.style[t] = s;
+function Rt(e, t, i) {
+  t.indexOf("-") === 0 ? e.style.setProperty(t, i) : le(i) && Ye[t] !== 0 ? e.style[t] = i + "px" : e.style[t] = i;
 }
-function Xt(e, t) {
+function Qt(e, t) {
   if (!(t == null || t === !1 || t === !0)) {
     if (vt(t)) {
       e.removeAttribute("style");
       return;
     }
-    z(t) && Object.keys(t).forEach((s) => {
-      Mt(e, s, "");
+    W(t) && Object.keys(t).forEach((i) => {
+      Rt(e, i, "");
     });
   }
 }
-function je(e, t, s) {
+function Qe(e, t, i) {
   if (t == null || t === !1 || t === !0) {
-    Xt(e, s);
+    Qt(e, i);
     return;
   }
   if (vt(t)) {
     e.setAttribute("style", t);
     return;
   }
-  if (z(t)) {
-    z(s) ? (t = { ...t }, Object.keys(s).forEach((o) => {
+  if (W(t)) {
+    W(i) ? (t = { ...t }, Object.keys(i).forEach((o) => {
       o in t || (t[o] = "");
-    })) : Xt(e, s), Object.entries(t).forEach(([o, r]) => {
-      Z(r) ? nt(r, (h) => Mt(e, o, h.newValue), {
+    })) : Qt(e, i), Object.entries(t).forEach(([o, r]) => {
+      Z(r) ? nt(r, (h) => Rt(e, o, h.newValue), {
         lifecycleNode: e
-      }) : Mt(e, o, r);
+      }) : Rt(e, o, r);
     });
     return;
   }
 }
-var Ve = "http://www.w3.org/1999/xlink", Ze = "http://www.w3.org/XML/1998/namespace";
+var Ke = "http://www.w3.org/1999/xlink", Je = "http://www.w3.org/XML/1998/namespace";
 function ht(e, t) {
-  return e.replace(/[A-Z]/g, (s) => t + s.toLowerCase());
+  return e.replace(/[A-Z]/g, (i) => t + i.toLowerCase());
 }
-var qe = /* @__PURE__ */ new Map([
+var ti = /* @__PURE__ */ new Map([
   ["autoComplete", "autocomplete"],
   ["autoFocus", "autofocus"],
   ["className", "class"],
@@ -673,58 +673,58 @@ var qe = /* @__PURE__ */ new Map([
   ["onDoubleClick", "onDblClick"],
   ["onDoubleClickCapture", "onDblClickCapture"]
 ]);
-function Yt(e, t, s, o) {
+function Kt(e, t, i, o) {
   switch (t) {
     case "dataset":
       o != null && Object.entries(o).forEach(([h, u]) => {
         u != null && delete e.dataset[h];
-      }), Object.entries(s).forEach(([h, u]) => {
+      }), Object.entries(i).forEach(([h, u]) => {
         u != null && (e.dataset[h] = u);
       });
       return;
     case "textContent":
-      it(s) ? e[t] = s : it(o) && (e[t] = "");
+      it(i) ? e[t] = i : it(o) && (e[t] = "");
       return;
     case "dangerouslySetInnerHTML":
-      z(s) ? e.innerHTML = s.__html : z(o) && (e.innerHTML = "");
+      W(i) ? e.innerHTML = i.__html : W(o) && (e.innerHTML = "");
       return;
     case "value":
-      if (s == null) {
+      if (i == null) {
         o != null && (e[t] = null);
         return;
       } else {
         if (e instanceof window.HTMLSelectElement)
           return;
         if (e instanceof window.HTMLTextAreaElement) {
-          e.value = s;
+          e.value = i;
           return;
         }
       }
       break;
     case "class":
-      _e(e, s, o);
+      qe(e, i, o);
       return;
     case "spellcheck":
-      e.spellcheck = s === "" || s === !0 || s === "true" ? !0 : s === !1 || s === "false" ? !1 : s;
+      e.spellcheck = i === "" || i === !0 || i === "true" ? !0 : i === !1 || i === "false" ? !1 : i;
       return;
     case "draggable":
-      s === !1 || s === "false" ? s = "false" : s === "" ? s = null : (s === !0 || s === "true") && (s = "true");
+      i === !1 || i === "false" ? i = "false" : i === "" ? i = null : (i === !0 || i === "true") && (i = "true");
       break;
     case "contenteditable":
-      s === !1 ? s = "false" : (s === "" || s === !0) && (s = "true");
+      i === !1 ? i = "false" : (i === "" || i === !0) && (i = "true");
       break;
     case "ref":
     case "namespaceURI":
       return;
     case "style":
-      je(e, s, o);
+      Qe(e, i, o);
       return;
     case "on":
     case "onCapture":
       const r = t === "onCapture";
       o != null && Object.entries(o).forEach(([h, u]) => {
-        (s == null || s[h] !== u) && e.removeEventListener(h, u, r);
-      }), Object.entries(s).forEach(([h, u]) => {
+        (i == null || i[h] !== u) && e.removeEventListener(h, u, r);
+      }), Object.entries(i).forEach(([h, u]) => {
         (o == null || o[h] !== u) && e.addEventListener(h, u, r);
       });
       return;
@@ -735,84 +735,84 @@ function Yt(e, t, s, o) {
     case "xlinkShow":
     case "xlinkTitle":
     case "xlinkType":
-      e.setAttributeNS(Ve, ht(t, ":"), s);
+      e.setAttributeNS(Ke, ht(t, ":"), i);
       return;
     case "xmlnsXlink":
-      e.setAttribute("xmlns:xlink", s);
+      e.setAttribute("xmlns:xlink", i);
       return;
     case "xmlBase":
     case "xmlLang":
     case "xmlSpace":
-      e.setAttributeNS(Ze, ht(t, ":"), s);
+      e.setAttributeNS(Je, ht(t, ":"), i);
       return;
   }
-  if (typeof s == "function") {
+  if (typeof i == "function") {
     if (t[0] === "o" && t[1] === "n") {
-      if (o != null && o === s)
+      if (o != null && o === i)
         return;
       let r = t.toLowerCase();
       const h = r.endsWith("capture");
       let u;
-      !h && (e[r] === null || o != null && e[r] === o) ? (e[r] = s, kt(e, Ye.bind(e, r))) : h ? (u = r.substring(2, r.length - 7), o != null && e.removeEventListener(u, o, !0), e.addEventListener(u, s, !0)) : (r in window ? u = r.substring(2) : u = r[2] + t.slice(3), o != null && e.removeEventListener(u, o), e.addEventListener(u, s));
+      !h && (e[r] === null || o != null && e[r] === o) ? (e[r] = i, At(e, ii.bind(e, r))) : h ? (u = r.substring(2, r.length - 7), o != null && e.removeEventListener(u, o, !0), e.addEventListener(u, i, !0)) : (r in window ? u = r.substring(2) : u = r[2] + t.slice(3), o != null && e.removeEventListener(u, o), e.addEventListener(u, i));
     } else
-      console.warn(`A function was provided for JSX ${e.tagName} element ${t} which does not start with "on":`, s, e.tagName);
+      console.warn(`A function was provided for JSX ${e.tagName} element ${t} which does not start with "on":`, i, e.tagName);
     return;
   }
-  if (z(o)) {
-    if (o === s)
+  if (W(o)) {
+    if (o === i)
       return;
     delete e[t];
   }
   if (o === !0) {
-    if (o === s)
+    if (o === i)
       return;
     e.removeAttribute(t);
   }
   if (o !== !1 && o != null) {
-    if (o === s)
+    if (o === i)
       return;
-    e instanceof SVGElement && !Gt.test(t) ? e.removeAttributeNS(ht(t, "-"), s) : e.removeAttribute(t);
+    e instanceof SVGElement && !jt.test(t) ? e.removeAttributeNS(ht(t, "-"), i) : e.removeAttribute(t);
   }
-  if (z(s)) {
-    e[t] = s;
+  if (W(i)) {
+    e[t] = i;
     return;
   }
-  if (s === !0) {
+  if (i === !0) {
     e.setAttribute(t, "");
     return;
   }
-  s !== !1 && s != null && (e instanceof SVGElement && !Gt.test(t) ? e.setAttribute(ht(t, "-"), s) : e.setAttribute(t, s));
+  i !== !1 && i != null && (e instanceof SVGElement && !jt.test(t) ? e.setAttribute(ht(t, "-"), i) : e.setAttribute(t, i));
 }
-function Xe(e, t) {
-  for (let [s, o] of Object.entries(t))
-    s = qe.get(s) ?? s, Z(o) ? nt(o, (r) => Yt(e, s, r.newValue, r.prevValue), {
+function ei(e, t) {
+  for (let [i, o] of Object.entries(t))
+    i = ti.get(i) ?? i, Z(o) ? nt(o, (r) => Kt(e, i, r.newValue, r.prevValue), {
       lifecycleNode: e
-    }) : ke(o) ? o[re](e, s) : Yt(e, s, o);
+    }) : Re(o) ? o[he](e, i) : Kt(e, i, o);
   return e;
 }
-function Ye(e) {
+function ii(e) {
   this[e] = null;
 }
-function p(e, t) {
-  let { children: s, ...o } = t || {}, r = o.namespaceURI;
-  r || (De.has(e) ? r = Re : Me.has(e) ? r = Ee : r = Ie());
+function g(e, t) {
+  let { children: i, ...o } = t || {}, r = o.namespaceURI;
+  r || (Oe.has(e) ? r = We : Fe.has(e) ? r = ze : r = Ne());
   let h;
   if (vt(e)) {
-    if (h = r ? document.createElementNS(r, e) : document.createElement(e), Xe(h, o), ut(h, s), h instanceof window.HTMLSelectElement && o.value != null)
+    if (h = r ? document.createElementNS(r, e) : document.createElement(e), ei(h, o), ut(h, i), h instanceof window.HTMLSelectElement && o.value != null)
       if (o.multiple === !0 && Array.isArray(o.value)) {
-        const u = o.value.map((g) => String(g));
-        h.querySelectorAll("option").forEach((g) => g.selected = u.includes(g.value));
+        const u = o.value.map((c) => String(c));
+        h.querySelectorAll("option").forEach((c) => c.selected = u.includes(c.value));
       } else
         h.value = o.value;
-    Ft(o.ref, h);
+    Wt(o.ref, h);
   } else if (typeof e == "function")
-    z(e.defaultProps) && (o = { ...e.defaultProps, ...o }), h = Ce(e) ? Ae(e, o, s) : e({ ...o, children: s });
+    W(e.defaultProps) && (o = { ...e.defaultProps, ...o }), h = De(e) ? Le(e, o, i) : e({ ...o, children: i });
   else
     throw new TypeError(`Invalid JSX element type: ${e}`);
   return h;
 }
-var Qe = /* @__PURE__ */ Symbol.for("preact-signals");
-function $t() {
+var si = /* @__PURE__ */ Symbol.for("preact-signals");
+function Ht() {
   if (V > 1)
     V--;
   else {
@@ -822,158 +822,158 @@ function $t() {
       for (pt = void 0; r !== void 0; )
         r.S.v === r.v && (r.S.i = r.i), r = r.o;
     }(); et !== void 0; ) {
-      var s = et;
-      for (et = void 0, gt++; s !== void 0; ) {
-        var o = s.u;
-        if (s.u = void 0, s.f &= -3, !(8 & s.f) && ue(s)) try {
-          s.c();
+      var i = et;
+      for (et = void 0, gt++; i !== void 0; ) {
+        var o = i.u;
+        if (i.u = void 0, i.f &= -3, !(8 & i.f) && pe(i)) try {
+          i.c();
         } catch (r) {
           t || (e = r, t = !0);
         }
-        s = o;
+        i = o;
       }
     }
     if (gt = 0, V--, t) throw e;
   }
 }
-var S = void 0;
-function ce(e) {
-  var t = S;
-  S = void 0;
+var x = void 0;
+function ue(e) {
+  var t = x;
+  x = void 0;
   try {
     return e();
   } finally {
-    S = t;
+    x = t;
   }
 }
-var et = void 0, V = 0, gt = 0, Qt = 0, pt = void 0, ft = 0;
-function de(e) {
-  if (S !== void 0) {
+var et = void 0, V = 0, gt = 0, Jt = 0, pt = void 0, ft = 0;
+function ge(e) {
+  if (x !== void 0) {
     var t = e.n;
-    if (t === void 0 || t.t !== S)
-      return t = { i: 0, S: e, p: S.s, n: void 0, t: S, e: void 0, x: void 0, r: t }, S.s !== void 0 && (S.s.n = t), S.s = t, e.n = t, 32 & S.f && e.S(t), t;
+    if (t === void 0 || t.t !== x)
+      return t = { i: 0, S: e, p: x.s, n: void 0, t: x, e: void 0, x: void 0, r: t }, x.s !== void 0 && (x.s.n = t), x.s = t, e.n = t, 32 & x.f && e.S(t), t;
     if (t.i === -1)
-      return t.i = 0, t.n !== void 0 && (t.n.p = t.p, t.p !== void 0 && (t.p.n = t.n), t.p = S.s, t.n = void 0, S.s.n = t, S.s = t), t;
+      return t.i = 0, t.n !== void 0 && (t.n.p = t.p, t.p !== void 0 && (t.p.n = t.n), t.p = x.s, t.n = void 0, x.s.n = t, x.s = t), t;
   }
 }
-function L(e, t) {
+function F(e, t) {
   this.v = e, this.i = 0, this.n = void 0, this.t = void 0, this.l = 0, this.W = t == null ? void 0 : t.watched, this.Z = t == null ? void 0 : t.unwatched, this.name = t == null ? void 0 : t.name;
 }
-L.prototype.brand = Qe;
-L.prototype.h = function() {
+F.prototype.brand = si;
+F.prototype.h = function() {
   return !0;
 };
-L.prototype.S = function(e) {
-  var t = this, s = this.t;
-  s !== e && e.e === void 0 && (e.x = s, this.t = e, s !== void 0 ? s.e = e : ce(function() {
+F.prototype.S = function(e) {
+  var t = this, i = this.t;
+  i !== e && e.e === void 0 && (e.x = i, this.t = e, i !== void 0 ? i.e = e : ue(function() {
     var o;
     (o = t.W) == null || o.call(t);
   }));
 };
-L.prototype.U = function(e) {
+F.prototype.U = function(e) {
   var t = this;
   if (this.t !== void 0) {
-    var s = e.e, o = e.x;
-    s !== void 0 && (s.x = o, e.e = void 0), o !== void 0 && (o.e = s, e.x = void 0), e === this.t && (this.t = o, o === void 0 && ce(function() {
+    var i = e.e, o = e.x;
+    i !== void 0 && (i.x = o, e.e = void 0), o !== void 0 && (o.e = i, e.x = void 0), e === this.t && (this.t = o, o === void 0 && ue(function() {
       var r;
       (r = t.Z) == null || r.call(t);
     }));
   }
 };
-L.prototype.subscribe = function(e) {
+F.prototype.subscribe = function(e) {
   var t = this;
-  return Je(function() {
-    var s = t.value, o = S;
-    S = void 0;
+  return oi(function() {
+    var i = t.value, o = x;
+    x = void 0;
     try {
-      e(s);
+      e(i);
     } finally {
-      S = o;
+      x = o;
     }
   }, { name: "sub" });
 };
-L.prototype.valueOf = function() {
+F.prototype.valueOf = function() {
   return this.value;
 };
-L.prototype.toString = function() {
+F.prototype.toString = function() {
   return this.value + "";
 };
-L.prototype.toJSON = function() {
+F.prototype.toJSON = function() {
   return this.value;
 };
-L.prototype.peek = function() {
-  var e = S;
-  S = void 0;
+F.prototype.peek = function() {
+  var e = x;
+  x = void 0;
   try {
     return this.value;
   } finally {
-    S = e;
+    x = e;
   }
 };
-Object.defineProperty(L.prototype, "value", { get: function() {
-  var e = de(this);
+Object.defineProperty(F.prototype, "value", { get: function() {
+  var e = ge(this);
   return e !== void 0 && (e.i = this.i), this.v;
 }, set: function(e) {
   if (e !== this.v) {
     if (gt > 100) throw new Error("Cycle detected");
-    (function(s) {
-      V !== 0 && gt === 0 && s.l !== Qt && (s.l = Qt, pt = { S: s, v: s.v, i: s.i, o: pt });
+    (function(i) {
+      V !== 0 && gt === 0 && i.l !== Jt && (i.l = Jt, pt = { S: i, v: i.v, i: i.i, o: pt });
     })(this), this.v = e, this.i++, ft++, V++;
     try {
       for (var t = this.t; t !== void 0; t = t.x) t.t.N();
     } finally {
-      $t();
+      Ht();
     }
   }
 } });
-function ue(e) {
+function pe(e) {
   for (var t = e.s; t !== void 0; t = t.n) if (t.S.i !== t.i || !t.S.h() || t.S.i !== t.i) return !0;
   return !1;
 }
-function ge(e) {
+function fe(e) {
   for (var t = e.s; t !== void 0; t = t.n) {
-    var s = t.S.n;
-    if (s !== void 0 && (t.r = s), t.S.n = t, t.i = -1, t.n === void 0) {
+    var i = t.S.n;
+    if (i !== void 0 && (t.r = i), t.S.n = t, t.i = -1, t.n === void 0) {
       e.s = t;
       break;
     }
   }
 }
-function pe(e) {
-  for (var t = e.s, s = void 0; t !== void 0; ) {
+function me(e) {
+  for (var t = e.s, i = void 0; t !== void 0; ) {
     var o = t.p;
-    t.i === -1 ? (t.S.U(t), o !== void 0 && (o.n = t.n), t.n !== void 0 && (t.n.p = o)) : s = t, t.S.n = t.r, t.r !== void 0 && (t.r = void 0), t = o;
+    t.i === -1 ? (t.S.U(t), o !== void 0 && (o.n = t.n), t.n !== void 0 && (t.n.p = o)) : i = t, t.S.n = t.r, t.r !== void 0 && (t.r = void 0), t = o;
   }
-  e.s = s;
+  e.s = i;
 }
 function Y(e, t) {
-  L.call(this, void 0), this.x = e, this.s = void 0, this.g = ft - 1, this.f = 4, this.W = t == null ? void 0 : t.watched, this.Z = t == null ? void 0 : t.unwatched, this.name = t == null ? void 0 : t.name;
+  F.call(this, void 0), this.x = e, this.s = void 0, this.g = ft - 1, this.f = 4, this.W = t == null ? void 0 : t.watched, this.Z = t == null ? void 0 : t.unwatched, this.name = t == null ? void 0 : t.name;
 }
-Y.prototype = new L();
+Y.prototype = new F();
 Y.prototype.h = function() {
   if (this.f &= -3, 1 & this.f) return !1;
   if ((36 & this.f) == 32 || (this.f &= -5, this.g === ft)) return !0;
-  if (this.g = ft, this.f |= 1, this.i > 0 && !ue(this))
+  if (this.g = ft, this.f |= 1, this.i > 0 && !pe(this))
     return this.f &= -2, !0;
-  var e = S;
+  var e = x;
   try {
-    ge(this), S = this;
+    fe(this), x = this;
     var t = this.x();
     (16 & this.f || this.v !== t || this.i === 0) && (this.v = t, this.f &= -17, this.i++);
-  } catch (s) {
-    this.v = s, this.f |= 16, this.i++;
+  } catch (i) {
+    this.v = i, this.f |= 16, this.i++;
   }
-  return S = e, pe(this), this.f &= -2, !0;
+  return x = e, me(this), this.f &= -2, !0;
 };
 Y.prototype.S = function(e) {
   if (this.t === void 0) {
     this.f |= 36;
     for (var t = this.s; t !== void 0; t = t.n) t.S.S(t);
   }
-  L.prototype.S.call(this, e);
+  F.prototype.S.call(this, e);
 };
 Y.prototype.U = function(e) {
-  if (this.t !== void 0 && (L.prototype.U.call(this, e), this.t === void 0)) {
+  if (this.t !== void 0 && (F.prototype.U.call(this, e), this.t === void 0)) {
     this.f &= -33;
     for (var t = this.s; t !== void 0; t = t.n) t.S.U(t);
   }
@@ -986,32 +986,32 @@ Y.prototype.N = function() {
 };
 Object.defineProperty(Y.prototype, "value", { get: function() {
   if (1 & this.f) throw new Error("Cycle detected");
-  var e = de(this);
+  var e = ge(this);
   if (this.h(), e !== void 0 && (e.i = this.i), 16 & this.f) throw this.v;
   return this.v;
 } });
-function fe(e) {
+function we(e) {
   var t = e.m;
   if (e.m = void 0, typeof t == "function") {
     V++;
-    var s = S;
-    S = void 0;
+    var i = x;
+    x = void 0;
     try {
       t();
     } catch (o) {
-      throw e.f &= -2, e.f |= 8, Ht(e), o;
+      throw e.f &= -2, e.f |= 8, Bt(e), o;
     } finally {
-      S = s, $t();
+      x = i, Ht();
     }
   }
 }
-function Ht(e) {
+function Bt(e) {
   for (var t = e.s; t !== void 0; t = t.n) t.S.U(t);
-  e.x = void 0, e.s = void 0, fe(e);
+  e.x = void 0, e.s = void 0, we(e);
 }
-function Ke(e) {
-  if (S !== this) throw new Error("Out-of-order effect");
-  pe(this), S = e, this.f &= -2, 8 & this.f && Ht(this), $t();
+function ni(e) {
+  if (x !== this) throw new Error("Out-of-order effect");
+  me(this), x = e, this.f &= -2, 8 & this.f && Bt(this), Ht();
 }
 function Q(e, t) {
   this.x = e, this.m = void 0, this.s = void 0, this.u = void 0, this.f = 32, this.name = t == null ? void 0 : t.name;
@@ -1028,30 +1028,30 @@ Q.prototype.c = function() {
 };
 Q.prototype.S = function() {
   if (1 & this.f) throw new Error("Cycle detected");
-  this.f |= 1, this.f &= -9, fe(this), ge(this), V++;
-  var e = S;
-  return S = this, Ke.bind(this, e);
+  this.f |= 1, this.f &= -9, we(this), fe(this), V++;
+  var e = x;
+  return x = this, ni.bind(this, e);
 };
 Q.prototype.N = function() {
   2 & this.f || (this.f |= 2, this.u = et, et = this);
 };
 Q.prototype.d = function() {
-  this.f |= 8, 1 & this.f || Ht(this);
+  this.f |= 8, 1 & this.f || Bt(this);
 };
 Q.prototype.dispose = function() {
   this.d();
 };
-function Je(e, t) {
-  var s = new Q(e, t);
+function oi(e, t) {
+  var i = new Q(e, t);
   try {
-    s.c();
+    i.c();
   } catch (r) {
-    throw s.d(), r;
+    throw i.d(), r;
   }
-  var o = s.d.bind(s);
+  var o = i.d.bind(i);
   return o[Symbol.dispose] = o, o;
 }
-const ti = {
+const ri = {
   emptyStateTitle: "No data available.",
   thumbnails: "Thumbnails",
   singlePageMode: "Single Page Mode",
@@ -1064,8 +1064,9 @@ const ti = {
   settings: "Settings",
   downloadCatalog: "Download Catalog",
   play: "Play",
-  pause: "Pause"
-}, ei = {
+  pause: "Pause",
+  tableOfContents: "Table of Contents"
+}, ai = {
   emptyStateTitle: "Veri bulunamadi.",
   thumbnails: "Küçük Resimler",
   singlePageMode: "Tek Sayfa Modu",
@@ -1078,25 +1079,26 @@ const ti = {
   settings: "Ayarlar",
   downloadCatalog: "Kataloğu İndir",
   play: "Otomatik Oynat",
-  pause: "Duraklat"
-}, Ct = {
-  en: ti,
-  tr: ei
+  pause: "Duraklat",
+  tableOfContents: "İçindekiler"
+}, Tt = {
+  en: ri,
+  tr: ai
 };
-function ii(e = {}) {
+function ve(e = {}) {
   var r;
-  const t = e.locale ?? "en", s = Ct[t] ?? Ct.en, o = ((r = e.messages) == null ? void 0 : r[t]) ?? {};
+  const t = e.locale ?? "en", i = Tt[t] ?? Tt.en, o = ((r = e.messages) == null ? void 0 : r[t]) ?? {};
   return {
-    ...Ct.en,
-    ...s,
+    ...Tt.en,
+    ...i,
     ...o
   };
 }
-function si(e) {
-  const t = w(() => ii({ locale: e.store.locale.value, messages: e.store.messages.value }));
-  return /* @__PURE__ */ p("div", { class: "bk-toolbar", role: "toolbar", "aria-label": "Flipbook controls", children: [
-    /* @__PURE__ */ p("div", { class: "bk-btn-group", children: [
-      /* @__PURE__ */ p(
+function hi(e) {
+  const t = w(() => ve({ locale: e.store.locale.value, messages: e.store.messages.value }));
+  return /* @__PURE__ */ g("div", { class: "bk-toolbar", role: "toolbar", "aria-label": "Flipbook controls", children: [
+    /* @__PURE__ */ g("div", { class: "bk-btn-group", children: [
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
@@ -1105,15 +1107,34 @@ function si(e) {
           "aria-label": w(() => t.value.thumbnails || "Thumbnails"),
           "aria-pressed": w(() => e.store.showThumbs.value ? "true" : "false"),
           title: w(() => t.value.thumbnails || "Thumbnails"),
-          children: /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-            /* @__PURE__ */ p("rect", { x: "3", y: "3", width: "7", height: "7" }),
-            /* @__PURE__ */ p("rect", { x: "14", y: "3", width: "7", height: "7" }),
-            /* @__PURE__ */ p("rect", { x: "14", y: "14", width: "7", height: "7" }),
-            /* @__PURE__ */ p("rect", { x: "3", y: "14", width: "7", height: "7" })
+          children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+            /* @__PURE__ */ g("rect", { x: "3", y: "3", width: "7", height: "7" }),
+            /* @__PURE__ */ g("rect", { x: "14", y: "3", width: "7", height: "7" }),
+            /* @__PURE__ */ g("rect", { x: "14", y: "14", width: "7", height: "7" }),
+            /* @__PURE__ */ g("rect", { x: "3", y: "14", width: "7", height: "7" })
           ] })
         }
       ),
-      /* @__PURE__ */ p(
+      w(() => e.store.toc.value.length ? /* @__PURE__ */ g(
+        "button",
+        {
+          type: "button",
+          class: w(() => e.store.showToc.value ? "bk-btn active" : "bk-btn"),
+          onClick: e.onToggleToc,
+          "aria-label": w(() => t.value.tableOfContents || "Table of Contents"),
+          "aria-pressed": w(() => e.store.showToc.value ? "true" : "false"),
+          title: w(() => t.value.tableOfContents || "Table of Contents"),
+          children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+            /* @__PURE__ */ g("line", { x1: "8", y1: "6", x2: "21", y2: "6" }),
+            /* @__PURE__ */ g("line", { x1: "8", y1: "12", x2: "21", y2: "12" }),
+            /* @__PURE__ */ g("line", { x1: "8", y1: "18", x2: "21", y2: "18" }),
+            /* @__PURE__ */ g("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }),
+            /* @__PURE__ */ g("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }),
+            /* @__PURE__ */ g("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })
+          ] })
+        }
+      ) : null),
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
@@ -1122,16 +1143,16 @@ function si(e) {
           "aria-label": w(() => t.value.singlePageMode || "Single Page"),
           "aria-pressed": w(() => e.store.isSingleMode.value ? "true" : "false"),
           title: w(() => t.value.singlePageMode || "Single Page"),
-          children: /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-            /* @__PURE__ */ p("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-            /* @__PURE__ */ p("polyline", { points: "14 2 14 8 20 8" }),
-            /* @__PURE__ */ p("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
-            /* @__PURE__ */ p("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
-            /* @__PURE__ */ p("polyline", { points: "10 9 9 9 8 9" })
+          children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+            /* @__PURE__ */ g("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+            /* @__PURE__ */ g("polyline", { points: "14 2 14 8 20 8" }),
+            /* @__PURE__ */ g("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+            /* @__PURE__ */ g("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+            /* @__PURE__ */ g("polyline", { points: "10 9 9 9 8 9" })
           ] })
         }
       ),
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
@@ -1141,34 +1162,34 @@ function si(e) {
           "aria-pressed": w(() => e.store.isAutoPlaying.value ? "true" : "false"),
           title: w(() => e.store.isAutoPlaying.value ? t.value.pause || "Pause" : t.value.play || "Play"),
           children: [
-            /* @__PURE__ */ p("svg", { style: { display: w(() => e.store.isAutoPlaying.value ? "block" : "none") }, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-              /* @__PURE__ */ p("rect", { x: "6", y: "4", width: "4", height: "16" }),
-              /* @__PURE__ */ p("rect", { x: "14", y: "4", width: "4", height: "16" })
+            /* @__PURE__ */ g("svg", { style: { display: w(() => e.store.isAutoPlaying.value ? "block" : "none") }, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+              /* @__PURE__ */ g("rect", { x: "6", y: "4", width: "4", height: "16" }),
+              /* @__PURE__ */ g("rect", { x: "14", y: "4", width: "4", height: "16" })
             ] }),
-            /* @__PURE__ */ p("svg", { style: { display: w(() => e.store.isAutoPlaying.value ? "none" : "block") }, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ p("polygon", { points: "5 3 19 12 5 21 5 3" }) })
+            /* @__PURE__ */ g("svg", { style: { display: w(() => e.store.isAutoPlaying.value ? "none" : "block") }, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ g("polygon", { points: "5 3 19 12 5 21 5 3" }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ p("div", { class: "bk-btn-group bk-btn-group--center", children: [
-      /* @__PURE__ */ p("button", { type: "button", class: "bk-btn", onClick: e.onPrevPage, "aria-label": w(() => t.value.previous || "Previous"), title: w(() => t.value.previous || "Previous"), children: /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ p("polyline", { points: "15 18 9 12 15 6" }) }) }),
-      /* @__PURE__ */ p("span", { class: "bz-page-info", "aria-live": "polite", "aria-atomic": "true", children: w(() => {
-        const s = e.store.currentPage.value, o = e.store.totalPages.value;
-        if (e.store.isSingleMode.value || s === 0 || s >= o - 1)
-          return `${s + 1} / ${o}`;
-        const r = s % 2 === 1 ? s : s - 1;
+    /* @__PURE__ */ g("div", { class: "bk-btn-group bk-btn-group--center", children: [
+      /* @__PURE__ */ g("button", { type: "button", class: "bk-btn", onClick: e.onPrevPage, "aria-label": w(() => t.value.previous || "Previous"), title: w(() => t.value.previous || "Previous"), children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ g("polyline", { points: "15 18 9 12 15 6" }) }) }),
+      /* @__PURE__ */ g("span", { class: "bz-page-info", "aria-live": "polite", "aria-atomic": "true", children: w(() => {
+        const i = e.store.currentPage.value, o = e.store.totalPages.value;
+        if (e.store.isSingleMode.value || i === 0 || i >= o - 1)
+          return `${i + 1} / ${o}`;
+        const r = i % 2 === 1 ? i : i - 1;
         return `${r + 1}-${r + 2} / ${o}`;
       }) }),
-      /* @__PURE__ */ p("button", { type: "button", class: "bk-btn", onClick: e.onNextPage, "aria-label": w(() => t.value.next || "Next"), title: w(() => t.value.next || "Next"), children: /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ p("polyline", { points: "9 18 15 12 9 6" }) }) })
+      /* @__PURE__ */ g("button", { type: "button", class: "bk-btn", onClick: e.onNextPage, "aria-label": w(() => t.value.next || "Next"), title: w(() => t.value.next || "Next"), children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ g("polyline", { points: "9 18 15 12 9 6" }) }) })
     ] }),
-    /* @__PURE__ */ p("div", { class: "bk-btn-group", children: [
-      /* @__PURE__ */ p("button", { type: "button", class: "bk-btn", onClick: e.onZoomIn, "aria-label": w(() => t.value.zoomIn || "Zoom In"), title: w(() => t.value.zoomIn || "Zoom In"), children: /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-        /* @__PURE__ */ p("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ p("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
-        /* @__PURE__ */ p("line", { x1: "11", y1: "8", x2: "11", y2: "14" }),
-        /* @__PURE__ */ p("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
+    /* @__PURE__ */ g("div", { class: "bk-btn-group", children: [
+      /* @__PURE__ */ g("button", { type: "button", class: "bk-btn", onClick: e.onZoomIn, "aria-label": w(() => t.value.zoomIn || "Zoom In"), title: w(() => t.value.zoomIn || "Zoom In"), children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+        /* @__PURE__ */ g("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ g("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
+        /* @__PURE__ */ g("line", { x1: "11", y1: "8", x2: "11", y2: "14" }),
+        /* @__PURE__ */ g("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
       ] }) }),
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
@@ -1176,20 +1197,20 @@ function si(e) {
           onClick: e.onZoomOut,
           "aria-label": w(() => t.value.zoomOut || "Zoom Out"),
           title: w(() => t.value.zoomOut || "Zoom Out"),
-          children: /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-            /* @__PURE__ */ p("circle", { cx: "11", cy: "11", r: "8" }),
-            /* @__PURE__ */ p("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
-            /* @__PURE__ */ p("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
+          children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+            /* @__PURE__ */ g("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ g("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
+            /* @__PURE__ */ g("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
           ] })
         }
       ),
-      /* @__PURE__ */ p("button", { type: "button", class: "bk-btn bk-btn--fullscreen", onClick: e.onToggleFullscreen, "aria-label": w(() => t.value.fullscreen || "Fullscreen"), title: w(() => t.value.fullscreen || "Fullscreen"), children: /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ p("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }) }) }),
-      w(() => e.store.allowDownload.value && e.store.hasDownloadUrl.value && e.onDownload ? /* @__PURE__ */ p("button", { type: "button", class: "bk-btn bk-btn--download", onClick: e.onDownload, "aria-label": w(() => t.value.downloadCatalog || "Download"), title: w(() => t.value.downloadCatalog || "Download"), children: /* @__PURE__ */ p("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-        /* @__PURE__ */ p("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ p("polyline", { points: "7 10 12 15 17 10" }),
-        /* @__PURE__ */ p("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+      /* @__PURE__ */ g("button", { type: "button", class: "bk-btn bk-btn--fullscreen", onClick: e.onToggleFullscreen, "aria-label": w(() => t.value.fullscreen || "Fullscreen"), title: w(() => t.value.fullscreen || "Fullscreen"), children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: /* @__PURE__ */ g("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }) }) }),
+      w(() => e.store.allowDownload.value && e.store.hasDownloadUrl.value && e.onDownload ? /* @__PURE__ */ g("button", { type: "button", class: "bk-btn bk-btn--download", onClick: e.onDownload, "aria-label": w(() => t.value.downloadCatalog || "Download"), title: w(() => t.value.downloadCatalog || "Download"), children: /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+        /* @__PURE__ */ g("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ g("polyline", { points: "7 10 12 15 17 10" }),
+        /* @__PURE__ */ g("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
       ] }) }) : null),
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ g(
         "button",
         {
           type: "button",
@@ -1199,15 +1220,15 @@ function si(e) {
           "aria-pressed": w(() => e.store.soundEnabled.value ? "true" : "false"),
           title: "Sound",
           children: [
-            /* @__PURE__ */ p("svg", { style: { display: w(() => e.store.soundEnabled.value ? "block" : "none") }, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-              /* @__PURE__ */ p("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-              /* @__PURE__ */ p("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
-              /* @__PURE__ */ p("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+            /* @__PURE__ */ g("svg", { style: { display: w(() => e.store.soundEnabled.value ? "block" : "none") }, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+              /* @__PURE__ */ g("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+              /* @__PURE__ */ g("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+              /* @__PURE__ */ g("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
             ] }),
-            /* @__PURE__ */ p("svg", { style: { display: w(() => e.store.soundEnabled.value ? "none" : "block") }, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
-              /* @__PURE__ */ p("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-              /* @__PURE__ */ p("line", { x1: "23", y1: "9", x2: "17", y2: "15" }),
-              /* @__PURE__ */ p("line", { x1: "17", y1: "9", x2: "23", y2: "15" })
+            /* @__PURE__ */ g("svg", { style: { display: w(() => e.store.soundEnabled.value ? "none" : "block") }, xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+              /* @__PURE__ */ g("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+              /* @__PURE__ */ g("line", { x1: "23", y1: "9", x2: "17", y2: "15" }),
+              /* @__PURE__ */ g("line", { x1: "17", y1: "9", x2: "23", y2: "15" })
             ] })
           ]
         }
@@ -1215,49 +1236,85 @@ function si(e) {
     ] })
   ] });
 }
-function ni(e) {
-  return /* @__PURE__ */ p("div", { class: "bk-thumbs", style: w(() => e.store.showThumbs.value ? "display:flex;" : "display:none;"), children: e.store.pages.value.map((t, s) => {
+function li(e) {
+  return /* @__PURE__ */ g("div", { class: "bk-thumbs", style: w(() => e.store.showThumbs.value ? "display:flex;" : "display:none;"), children: e.store.pages.value.map((t, i) => {
     const o = () => {
       const r = e.store.currentPage.value;
       if (e.store.isSingleMode.value || r === 0 || r >= e.store.pages.value.length - 1)
-        return r === s;
+        return r === i;
       const h = r % 2 === 1 ? r : r - 1;
-      return s === h || s === h + 1;
+      return i === h || i === h + 1;
     };
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ g(
       "div",
       {
         class: w(() => `thumb-item ${o() ? "active" : ""}`),
         role: "button",
         tabindex: "0",
-        "aria-label": `Go to page ${s + 1}`,
+        "aria-label": `Go to page ${i + 1}`,
         "aria-current": w(() => o() ? "page" : void 0),
-        onClick: () => e.onThumbClick(s),
+        onClick: () => e.onThumbClick(i),
         onKeyDown: (r) => {
-          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onThumbClick(s));
+          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onThumbClick(i));
         },
-        children: [
-          /* @__PURE__ */ p("div", { class: "thumb-img-wrapper", children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ g("div", { class: "thumb-img-wrapper", children: [
+          /* @__PURE__ */ g(
             "img",
             {
-              "data-pdf-page": t.assetId.startsWith("pdf-page-") ? t.pageNumber : void 0,
-              class: "thumb-img",
+              "data-pdf-page": t.assetId.startsWith("pdf-page-") ? t.sourcePageNumber ?? t.pageNumber : void 0,
+              class: `thumb-img ${t.cropMode !== "full" ? "thumb-img--split thumb-img--" + t.cropMode : ""}`,
               src: t.thumb || t.low || t.normal,
-              alt: `Page ${s + 1}`,
+              alt: `Page ${i + 1}`,
               loading: "lazy",
               onError: (r) => {
                 r.currentTarget.style.display = "none";
               }
             }
-          ) }),
-          /* @__PURE__ */ p("span", { children: s + 1 })
-        ]
+          ),
+          /* @__PURE__ */ g("span", { class: "thumb-page-number", children: i + 1 })
+        ] })
       }
     );
   }) });
 }
-function oi(e) {
-  return /* @__PURE__ */ p(
+function ye(e, t, i) {
+  return /* @__PURE__ */ g("ol", { class: "bk-toc-list", children: e.map((o) => {
+    var r;
+    return /* @__PURE__ */ g("li", { class: "bk-toc-item", children: [
+      /* @__PURE__ */ g(
+        "button",
+        {
+          type: "button",
+          class: w(() => t.currentPage.value === o.pageIndex ? "bk-toc-entry active" : "bk-toc-entry"),
+          "aria-current": w(() => t.currentPage.value === o.pageIndex ? "page" : void 0),
+          onClick: () => i(o.pageIndex),
+          children: [
+            /* @__PURE__ */ g("span", { class: "bk-toc-title", children: o.title }),
+            /* @__PURE__ */ g("span", { class: "bk-toc-page", children: o.pageIndex + 1 })
+          ]
+        }
+      ),
+      (r = o.children) != null && r.length ? ye(o.children, t, i) : null
+    ] });
+  }) });
+}
+function ci(e) {
+  const t = w(() => ve({ locale: e.store.locale.value, messages: e.store.messages.value }));
+  return /* @__PURE__ */ g(
+    "nav",
+    {
+      class: "bk-toc",
+      "aria-label": w(() => t.value.tableOfContents || "Table of Contents"),
+      style: w(() => e.store.showToc.value && e.store.toc.value.length ? "display:flex;" : "display:none;"),
+      children: [
+        /* @__PURE__ */ g("div", { class: "bk-toc-heading", children: w(() => t.value.tableOfContents || "Table of Contents") }),
+        ye(e.store.toc.value, e.store, e.onEntryClick)
+      ]
+    }
+  );
+}
+function di(e) {
+  return /* @__PURE__ */ g(
     "div",
     {
       role: "region",
@@ -1267,56 +1324,56 @@ function oi(e) {
         return e.store.isDoublePageLayout.value && (t += "double-mode "), e.store.isFrontCover.value && (t += "bk-is-cover "), e.store.isBackCover.value && (t += "bk-is-back-cover "), e.store.zoomState.value.isActive && (t += "zoomed "), t.trim();
       }),
       ref: e.bookWrapperRef,
-      children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ g(
         "div",
         {
           class: "bk-book-sizer",
           ref: e.bookSizerRef,
           children: [
-            /* @__PURE__ */ p(
+            /* @__PURE__ */ g(
               "div",
               {
                 ref: e.bookContainerRef,
                 class: w(() => "bk-book " + (e.store.flipState.value !== "read" ? "is-flipping" : "")),
                 style: w(() => `display: ${e.store.isSingleMode.value ? "none" : "block"};`),
-                children: e.store.pages.value.map((t, s) => {
-                  const o = s === 0 || s === e.store.pages.value.length - 1;
-                  return /* @__PURE__ */ p(
+                children: e.store.pages.value.map((t, i) => {
+                  const o = i === 0 || i === e.store.pages.value.length - 1;
+                  return /* @__PURE__ */ g(
                     "div",
                     {
-                      class: `bz-page ${s === 0 ? "bz-page--cover" : ""} ${s === e.store.pages.value.length - 1 ? "bz-page--back" : ""}`,
+                      class: `bz-page ${i === 0 ? "bz-page--cover" : ""} ${i === e.store.pages.value.length - 1 ? "bz-page--back" : ""}`,
                       "data-density": o ? "hard" : "soft",
-                      "data-idx": s,
-                      children: /* @__PURE__ */ p("div", { class: "bz-page-content", style: "position:relative; width:100%; height:100%; overflow:hidden;", children: [
-                        /* @__PURE__ */ p(
+                      "data-idx": i,
+                      children: /* @__PURE__ */ g("div", { class: "bz-page-content", style: "position:relative; width:100%; height:100%; overflow:hidden;", children: [
+                        /* @__PURE__ */ g(
                           "img",
                           {
-                            "data-pdf-page": t.assetId.startsWith("pdf-page-") ? t.pageNumber : void 0,
+                            "data-pdf-page": t.assetId.startsWith("pdf-page-") ? t.sourcePageNumber ?? t.pageNumber : void 0,
                             src: t.low || t.normal,
                             "data-src": t.normal,
                             class: `page-content ${t.cropMode !== "full" ? "page-content--split page-content--" + t.cropMode : ""}`,
-                            alt: `Page ${s + 1}`,
+                            alt: `Page ${i + 1}`,
                             loading: "lazy"
                           }
                         ),
-                        /* @__PURE__ */ p("div", { class: "page-shadow" })
+                        /* @__PURE__ */ g("div", { class: "page-shadow" })
                       ] })
                     }
                   );
                 })
               }
             ),
-            /* @__PURE__ */ p(
+            /* @__PURE__ */ g(
               "div",
               {
                 class: "bk-single-view",
                 style: w(() => `display: ${e.store.isSingleMode.value ? "flex" : "none"}; width: 100%; height: 100%; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 10;`),
                 children: w(() => {
                   const t = e.store.pages.value[e.store.currentPage.value];
-                  return t ? /* @__PURE__ */ p(
+                  return t ? /* @__PURE__ */ g(
                     "img",
                     {
-                      "data-pdf-page": t.assetId.startsWith("pdf-page-") ? t.pageNumber : void 0,
+                      "data-pdf-page": t.assetId.startsWith("pdf-page-") ? t.sourcePageNumber ?? t.pageNumber : void 0,
                       class: `bk-single-img page-content ${t.cropMode !== "full" ? "page-content--split page-content--" + t.cropMode : ""}`,
                       src: e.store.zoomState.value.isActive ? t.normal : t.low || t.normal,
                       alt: `Page ${e.store.currentPage.value + 1}`,
@@ -1332,10 +1389,10 @@ function oi(e) {
     }
   );
 }
-function ri(e) {
-  const t = w(() => e.store.showArrows.value && e.store.currentPage.value > 0), s = w(() => !e.store.showArrows.value || e.store.totalPages.value <= 1 ? !1 : e.store.currentPage.value < e.store.totalPages.value - 1);
-  return /* @__PURE__ */ p("div", { class: "bk-nav-arrows", style: w(() => e.store.showArrows.value ? "display: flex;" : "display: none;"), children: [
-    /* @__PURE__ */ p(
+function ui(e) {
+  const t = w(() => e.store.showArrows.value && e.store.currentPage.value > 0), i = w(() => !e.store.showArrows.value || e.store.totalPages.value <= 1 ? !1 : e.store.currentPage.value < e.store.totalPages.value - 1);
+  return /* @__PURE__ */ g("div", { class: "bk-nav-arrows", style: w(() => e.store.showArrows.value ? "display: flex;" : "display: none;"), children: [
+    /* @__PURE__ */ g(
       "button",
       {
         type: "button",
@@ -1345,55 +1402,59 @@ function ri(e) {
           o.preventDefault(), e.onPrevPage();
         },
         "aria-label": "Previous Page",
-        children: /* @__PURE__ */ p("div", { class: "bk-arrow-icon bk-arrow-left" })
+        children: /* @__PURE__ */ g("div", { class: "bk-arrow-icon bk-arrow-left" })
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ g(
       "button",
       {
         type: "button",
         class: "bk-nav-arrow bk-nav-next",
-        style: w(() => s.value ? "visibility: visible;" : "visibility: hidden;"),
+        style: w(() => i.value ? "visibility: visible;" : "visibility: hidden;"),
         onClick: (o) => {
           o.preventDefault(), e.onNextPage();
         },
         "aria-label": "Next Page",
-        children: /* @__PURE__ */ p("div", { class: "bk-arrow-icon bk-arrow-right" })
+        children: /* @__PURE__ */ g("div", { class: "bk-arrow-icon bk-arrow-right" })
       }
     )
   ] });
 }
-function ai(e) {
+function gi(e) {
   const t = () => {
     e.store.showThumbs.value = !e.store.showThumbs.value;
-  }, s = () => {
-    e.store.isSingleMode.value = !e.store.isSingleMode.value;
+  }, i = () => {
+    e.store.showToc.value = !e.store.showToc.value;
   }, o = () => {
-    e.store.isAutoPlaying.value = !e.store.isAutoPlaying.value;
+    e.store.isSingleMode.value = !e.store.isSingleMode.value;
   }, r = () => {
-    var b;
-    (b = e.interactionManagerRef.current) == null || b.zoomIn();
+    e.store.isAutoPlaying.value = !e.store.isAutoPlaying.value;
   }, h = () => {
-    var b;
-    (b = e.interactionManagerRef.current) == null || b.zoomOut();
-  }, u = () => e.onToggleFullscreen(), g = (b) => {
-    var D;
-    e.store.currentPage.value !== b && (e.store.currentPage.value = b, (D = e.pageFlipAdapterRef.current) == null || D.playSound());
-  }, x = () => {
-    var b;
-    (b = e.pageFlipAdapterRef.current) == null || b.turnToNextPage();
-  }, P = () => {
-    var b;
-    (b = e.pageFlipAdapterRef.current) == null || b.turnToPrevPage();
+    var S;
+    (S = e.interactionManagerRef.current) == null || S.zoomIn();
+  }, u = () => {
+    var S;
+    (S = e.interactionManagerRef.current) == null || S.zoomOut();
+  }, c = () => e.onToggleFullscreen(), b = (S) => {
+    e.store.currentPage.value = S, e.store.showToc.value = !1;
+  }, P = (S) => {
+    var T;
+    e.store.currentPage.value !== S && (e.store.currentPage.value = S, (T = e.pageFlipAdapterRef.current) == null || T.playSound());
+  }, k = () => {
+    var S;
+    (S = e.pageFlipAdapterRef.current) == null || S.turnToNextPage();
+  }, I = () => {
+    var S;
+    (S = e.pageFlipAdapterRef.current) == null || S.turnToPrevPage();
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ g(
     "div",
     {
       class: w(() => `bk-wrapper bk-theme-${e.store.themeMode.value} ${e.className || ""}`),
       children: [
-        /* @__PURE__ */ p("div", { class: "bk-main-area", children: [
-          /* @__PURE__ */ p(
-            oi,
+        /* @__PURE__ */ g("div", { class: "bk-main-area", children: [
+          /* @__PURE__ */ g(
+            di,
             {
               store: e.store,
               bookWrapperRef: e.bookWrapperRef,
@@ -1401,78 +1462,80 @@ function ai(e) {
               bookContainerRef: e.bookContainerRef
             }
           ),
-          /* @__PURE__ */ p(
-            ri,
+          /* @__PURE__ */ g(
+            ui,
             {
               store: e.store,
-              onPrevPage: P,
-              onNextPage: x
+              onPrevPage: I,
+              onNextPage: k
             }
           ),
-          e.store.whiteLabel.value ? null : /* @__PURE__ */ p("div", { class: "bk-watermark", children: [
+          e.store.whiteLabel.value ? null : /* @__PURE__ */ g("div", { class: "bk-watermark", children: [
             "Powered by ",
-            /* @__PURE__ */ p("a", { href: "https://flipbookengine.com", target: "_blank", rel: "noopener", style: "text-decoration: underline;", children: "FlipbookEngine" })
-          ] })
+            /* @__PURE__ */ g("a", { href: "https://flipbookengine.com", target: "_blank", rel: "noopener", style: "text-decoration: underline;", children: "FlipbookEngine" })
+          ] }),
+          /* @__PURE__ */ g(ci, { store: e.store, onEntryClick: b })
         ] }),
-        /* @__PURE__ */ p(
-          si,
+        /* @__PURE__ */ g(
+          hi,
           {
             store: e.store,
             onToggleThumbs: t,
-            onToggleSingleMode: s,
-            onZoomIn: r,
-            onZoomOut: h,
+            onToggleToc: i,
+            onToggleSingleMode: o,
+            onZoomIn: h,
+            onZoomOut: u,
             onDownload: e.onDownload,
-            onNextPage: x,
-            onPrevPage: P,
+            onNextPage: k,
+            onPrevPage: I,
             onSoundToggle: () => e.store.soundEnabled.value = !e.store.soundEnabled.value,
-            onToggleAutoPlay: o,
-            onToggleFullscreen: u
+            onToggleAutoPlay: r,
+            onToggleFullscreen: c
           }
         ),
-        /* @__PURE__ */ p(
-          ni,
+        /* @__PURE__ */ g(
+          li,
           {
             store: e.store,
-            onThumbClick: g
+            onThumbClick: P
           }
         )
       ]
     }
   );
 }
-var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Dt = { exports: {} };
+var pi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, It = { exports: {} };
 (function(e, t) {
-  (function(s, o) {
+  (function(i, o) {
     o(t);
-  })(hi, function(s) {
+  })(pi, function(i) {
     class o {
-      constructor(i, n) {
-        this.state = { angle: 0, area: [], position: { x: 0, y: 0 }, hardAngle: 0, hardDrawingAngle: 0 }, this.createdDensity = n, this.nowDrawingDensity = this.createdDensity, this.render = i;
+      constructor(s, n) {
+        this.state = { angle: 0, area: [], position: { x: 0, y: 0 }, hardAngle: 0, hardDrawingAngle: 0 }, this.createdDensity = n, this.nowDrawingDensity = this.createdDensity, this.render = s;
       }
-      setDensity(i) {
-        this.createdDensity = i, this.nowDrawingDensity = i;
+      setDensity(s) {
+        this.createdDensity = s, this.nowDrawingDensity = s;
       }
-      setDrawingDensity(i) {
-        this.nowDrawingDensity = i;
+      setDrawingDensity(s) {
+        this.nowDrawingDensity = s;
       }
-      setPosition(i) {
-        this.state.position = i;
+      setPosition(s) {
+        this.state.position = s;
       }
-      setAngle(i) {
-        this.state.angle = i;
+      setAngle(s) {
+        this.state.angle = s;
       }
-      setArea(i) {
-        this.state.area = i;
+      setArea(s) {
+        this.state.area = s;
       }
-      setHardDrawingAngle(i) {
-        this.state.hardDrawingAngle = i;
+      setHardDrawingAngle(s) {
+        this.state.hardDrawingAngle = s;
       }
-      setHardAngle(i) {
-        this.state.hardAngle = i, this.state.hardDrawingAngle = i;
+      setHardAngle(s) {
+        this.state.hardAngle = s, this.state.hardDrawingAngle = s;
       }
-      setOrientation(i) {
-        this.orientation = i;
+      setOrientation(s) {
+        this.orientation = s;
       }
       getDrawingDensity() {
         return this.nowDrawingDensity;
@@ -1485,23 +1548,23 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }
     }
     class r extends o {
-      constructor(i, n, a) {
-        super(i, a), this.image = null, this.isLoad = !1, this.loadingAngle = 0, this.image = new Image(), this.image.src = n;
+      constructor(s, n, a) {
+        super(s, a), this.image = null, this.isLoad = !1, this.loadingAngle = 0, this.image = new Image(), this.image.src = n;
       }
-      draw(i) {
+      draw(s) {
         const n = this.render.getContext(), a = this.render.convertToGlobal(this.state.position), l = this.render.getRect().pageWidth, d = this.render.getRect().height;
         n.save(), n.translate(a.x, a.y), n.beginPath();
-        for (let c of this.state.area) c !== null && (c = this.render.convertToGlobal(c), n.lineTo(c.x - a.x, c.y - a.y));
+        for (let p of this.state.area) p !== null && (p = this.render.convertToGlobal(p), n.lineTo(p.x - a.x, p.y - a.y));
         n.rotate(this.state.angle), n.clip(), this.isLoad ? n.drawImage(this.image, 0, 0, l, d) : this.drawLoader(n, { x: 0, y: 0 }, l, d), n.restore();
       }
-      simpleDraw(i) {
-        const n = this.render.getRect(), a = this.render.getContext(), l = n.pageWidth, d = n.height, c = i === 1 ? n.left + n.pageWidth : n.left, v = n.top;
-        this.isLoad ? a.drawImage(this.image, c, v, l, d) : this.drawLoader(a, { x: c, y: v }, l, d);
+      simpleDraw(s) {
+        const n = this.render.getRect(), a = this.render.getContext(), l = n.pageWidth, d = n.height, p = s === 1 ? n.left + n.pageWidth : n.left, y = n.top;
+        this.isLoad ? a.drawImage(this.image, p, y, l, d) : this.drawLoader(a, { x: p, y }, l, d);
       }
-      drawLoader(i, n, a, l) {
-        i.beginPath(), i.strokeStyle = "rgb(200, 200, 200)", i.fillStyle = "rgb(255, 255, 255)", i.lineWidth = 1, i.rect(n.x + 1, n.y + 1, a - 1, l - 1), i.stroke(), i.fill();
+      drawLoader(s, n, a, l) {
+        s.beginPath(), s.strokeStyle = "rgb(200, 200, 200)", s.fillStyle = "rgb(255, 255, 255)", s.lineWidth = 1, s.rect(n.x + 1, n.y + 1, a - 1, l - 1), s.stroke(), s.fill();
         const d = { x: n.x + a / 2, y: n.y + l / 2 };
-        i.beginPath(), i.lineWidth = 10, i.arc(d.x, d.y, 20, this.loadingAngle, 3 * Math.PI / 2 + this.loadingAngle), i.stroke(), i.closePath(), this.loadingAngle += 0.07, this.loadingAngle >= 2 * Math.PI && (this.loadingAngle = 0);
+        s.beginPath(), s.lineWidth = 10, s.arc(d.x, d.y, 20, this.loadingAngle, 3 * Math.PI / 2 + this.loadingAngle), s.stroke(), s.closePath(), this.loadingAngle += 0.07, this.loadingAngle >= 2 * Math.PI && (this.loadingAngle = 0);
       }
       load() {
         this.isLoad || (this.image.onload = () => {
@@ -1518,8 +1581,8 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }
     }
     class h {
-      constructor(i, n) {
-        this.pages = [], this.currentPageIndex = 0, this.currentSpreadIndex = 0, this.landscapeSpread = [], this.portraitSpread = [], this.render = n, this.app = i, this.currentPageIndex = 0, this.isShowCover = this.app.getSettings().showCover;
+      constructor(s, n) {
+        this.pages = [], this.currentPageIndex = 0, this.currentSpreadIndex = 0, this.landscapeSpread = [], this.portraitSpread = [], this.render = n, this.app = s, this.currentPageIndex = 0, this.isShowCover = this.app.getSettings().showCover;
       }
       destroy() {
         this.pages = [];
@@ -1527,16 +1590,16 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       createSpread() {
         this.landscapeSpread = [], this.portraitSpread = [];
         for (let n = 0; n < this.pages.length; n++) this.portraitSpread.push([n]);
-        let i = 0;
-        this.isShowCover && (this.pages[0].setDensity("hard"), this.landscapeSpread.push([i]), i++);
-        for (let n = i; n < this.pages.length; n += 2) n < this.pages.length - 1 ? this.landscapeSpread.push([n, n + 1]) : (this.landscapeSpread.push([n]), this.pages[n].setDensity("hard"));
+        let s = 0;
+        this.isShowCover && (this.pages[0].setDensity("hard"), this.landscapeSpread.push([s]), s++);
+        for (let n = s; n < this.pages.length; n += 2) n < this.pages.length - 1 ? this.landscapeSpread.push([n, n + 1]) : (this.landscapeSpread.push([n]), this.pages[n].setDensity("hard"));
       }
       getSpread() {
         return this.render.getOrientation() === "landscape" ? this.landscapeSpread : this.portraitSpread;
       }
-      getSpreadIndexByPage(i) {
+      getSpreadIndexByPage(s) {
         const n = this.getSpread();
-        for (let a = 0; a < n.length; a++) if (i === n[a][0] || i === n[a][1]) return a;
+        for (let a = 0; a < n.length; a++) if (s === n[a][0] || s === n[a][1]) return a;
         return null;
       }
       getPageCount() {
@@ -1545,32 +1608,32 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       getPages() {
         return this.pages;
       }
-      getPage(i) {
-        if (i >= 0 && i < this.pages.length) return this.pages[i];
+      getPage(s) {
+        if (s >= 0 && s < this.pages.length) return this.pages[s];
         throw new Error("Invalid page number");
       }
-      nextBy(i) {
-        const n = this.pages.indexOf(i);
+      nextBy(s) {
+        const n = this.pages.indexOf(s);
         return n < this.pages.length - 1 ? this.pages[n + 1] : null;
       }
-      prevBy(i) {
-        const n = this.pages.indexOf(i);
+      prevBy(s) {
+        const n = this.pages.indexOf(s);
         return n > 0 ? this.pages[n - 1] : null;
       }
-      getFlippingPage(i) {
+      getFlippingPage(s) {
         const n = this.currentSpreadIndex;
-        if (this.render.getOrientation() === "portrait") return i === 0 ? this.pages[n].newTemporaryCopy() : this.pages[n - 1];
+        if (this.render.getOrientation() === "portrait") return s === 0 ? this.pages[n].newTemporaryCopy() : this.pages[n - 1];
         {
-          const a = i === 0 ? this.getSpread()[n + 1] : this.getSpread()[n - 1];
-          return a.length === 1 || i === 0 ? this.pages[a[0]] : this.pages[a[1]];
+          const a = s === 0 ? this.getSpread()[n + 1] : this.getSpread()[n - 1];
+          return a.length === 1 || s === 0 ? this.pages[a[0]] : this.pages[a[1]];
         }
       }
-      getBottomPage(i) {
+      getBottomPage(s) {
         const n = this.currentSpreadIndex;
-        if (this.render.getOrientation() === "portrait") return i === 0 ? this.pages[n + 1] : this.pages[n - 1];
+        if (this.render.getOrientation() === "portrait") return s === 0 ? this.pages[n + 1] : this.pages[n - 1];
         {
-          const a = i === 0 ? this.getSpread()[n + 1] : this.getSpread()[n - 1];
-          return a.length === 1 ? this.pages[a[0]] : i === 0 ? this.pages[a[1]] : this.pages[a[0]];
+          const a = s === 0 ? this.getSpread()[n + 1] : this.getSpread()[n - 1];
+          return a.length === 1 ? this.pages[a[0]] : s === 0 ? this.pages[a[1]] : this.pages[a[0]];
         }
       }
       showNext() {
@@ -1582,84 +1645,84 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       getCurrentPageIndex() {
         return this.currentPageIndex;
       }
-      show(i = null) {
-        if (i === null && (i = this.currentPageIndex), i < 0 || i >= this.pages.length) return;
-        const n = this.getSpreadIndexByPage(i);
+      show(s = null) {
+        if (s === null && (s = this.currentPageIndex), s < 0 || s >= this.pages.length) return;
+        const n = this.getSpreadIndexByPage(s);
         n !== null && (this.currentSpreadIndex = n, this.showSpread());
       }
       getCurrentSpreadIndex() {
         return this.currentSpreadIndex;
       }
-      setCurrentSpreadIndex(i) {
-        if (!(i >= 0 && i < this.getSpread().length)) throw new Error("Invalid page");
-        this.currentSpreadIndex = i;
+      setCurrentSpreadIndex(s) {
+        if (!(s >= 0 && s < this.getSpread().length)) throw new Error("Invalid page");
+        this.currentSpreadIndex = s;
       }
       showSpread() {
-        const i = this.getSpread()[this.currentSpreadIndex];
-        i.length === 2 ? (this.render.setLeftPage(this.pages[i[0]]), this.render.setRightPage(this.pages[i[1]])) : this.render.getOrientation() === "landscape" && i[0] === this.pages.length - 1 ? (this.render.setLeftPage(this.pages[i[0]]), this.render.setRightPage(null)) : (this.render.setLeftPage(null), this.render.setRightPage(this.pages[i[0]])), this.currentPageIndex = i[0], this.app.updatePageIndex(this.currentPageIndex);
+        const s = this.getSpread()[this.currentSpreadIndex];
+        s.length === 2 ? (this.render.setLeftPage(this.pages[s[0]]), this.render.setRightPage(this.pages[s[1]])) : this.render.getOrientation() === "landscape" && s[0] === this.pages.length - 1 ? (this.render.setLeftPage(this.pages[s[0]]), this.render.setRightPage(null)) : (this.render.setLeftPage(null), this.render.setRightPage(this.pages[s[0]])), this.currentPageIndex = s[0], this.app.updatePageIndex(this.currentPageIndex);
       }
     }
     class u extends h {
-      constructor(i, n, a) {
-        super(i, n), this.imagesHref = a;
+      constructor(s, n, a) {
+        super(s, n), this.imagesHref = a;
       }
       load() {
-        for (const i of this.imagesHref) {
-          const n = new r(this.render, i, "soft");
+        for (const s of this.imagesHref) {
+          const n = new r(this.render, s, "soft");
           n.load(), this.pages.push(n);
         }
         this.createSpread();
       }
     }
-    class g {
-      static GetDistanceBetweenTwoPoint(i, n) {
-        return i === null || n === null ? 1 / 0 : Math.sqrt(Math.pow(n.x - i.x, 2) + Math.pow(n.y - i.y, 2));
-      }
-      static GetSegmentLength(i) {
-        return g.GetDistanceBetweenTwoPoint(i[0], i[1]);
-      }
-      static GetAngleBetweenTwoLine(i, n) {
-        const a = i[0].y - i[1].y, l = n[0].y - n[1].y, d = i[1].x - i[0].x, c = n[1].x - n[0].x;
-        return Math.acos((a * l + d * c) / (Math.sqrt(a * a + d * d) * Math.sqrt(l * l + c * c)));
-      }
-      static PointInRect(i, n) {
-        return n === null ? null : n.x >= i.left && n.x <= i.width + i.left && n.y >= i.top && n.y <= i.top + i.height ? n : null;
-      }
-      static GetRotatedPoint(i, n, a) {
-        return { x: i.x * Math.cos(a) + i.y * Math.sin(a) + n.x, y: i.y * Math.cos(a) - i.x * Math.sin(a) + n.y };
-      }
-      static LimitPointToCircle(i, n, a) {
-        if (g.GetDistanceBetweenTwoPoint(i, a) <= n) return a;
-        const l = i.x, d = i.y, c = a.x, v = a.y;
-        let y = Math.sqrt(Math.pow(n, 2) * Math.pow(l - c, 2) / (Math.pow(l - c, 2) + Math.pow(d - v, 2))) + l;
-        a.x < 0 && (y *= -1);
-        let A = (y - l) * (d - v) / (l - c) + d;
-        return l - c + d === 0 && (A = n), { x: y, y: A };
-      }
-      static GetIntersectBetweenTwoSegment(i, n, a) {
-        return g.PointInRect(i, g.GetIntersectBeetwenTwoLine(n, a));
-      }
-      static GetIntersectBeetwenTwoLine(i, n) {
-        const a = i[0].y - i[1].y, l = n[0].y - n[1].y, d = i[1].x - i[0].x, c = n[1].x - n[0].x, v = i[0].x * i[1].y - i[1].x * i[0].y, y = n[0].x * n[1].y - n[1].x * n[0].y, A = a * y - l * v, R = d * y - c * v, W = -(v * c - y * d) / (a * c - l * d), K = -(a * y - l * v) / (a * c - l * d);
-        if (isFinite(W) && isFinite(K)) return { x: W, y: K };
-        if (Math.abs(A - R) < 0.1) throw new Error("Segment included");
+    class c {
+      static GetDistanceBetweenTwoPoint(s, n) {
+        return s === null || n === null ? 1 / 0 : Math.sqrt(Math.pow(n.x - s.x, 2) + Math.pow(n.y - s.y, 2));
+      }
+      static GetSegmentLength(s) {
+        return c.GetDistanceBetweenTwoPoint(s[0], s[1]);
+      }
+      static GetAngleBetweenTwoLine(s, n) {
+        const a = s[0].y - s[1].y, l = n[0].y - n[1].y, d = s[1].x - s[0].x, p = n[1].x - n[0].x;
+        return Math.acos((a * l + d * p) / (Math.sqrt(a * a + d * d) * Math.sqrt(l * l + p * p)));
+      }
+      static PointInRect(s, n) {
+        return n === null ? null : n.x >= s.left && n.x <= s.width + s.left && n.y >= s.top && n.y <= s.top + s.height ? n : null;
+      }
+      static GetRotatedPoint(s, n, a) {
+        return { x: s.x * Math.cos(a) + s.y * Math.sin(a) + n.x, y: s.y * Math.cos(a) - s.x * Math.sin(a) + n.y };
+      }
+      static LimitPointToCircle(s, n, a) {
+        if (c.GetDistanceBetweenTwoPoint(s, a) <= n) return a;
+        const l = s.x, d = s.y, p = a.x, y = a.y;
+        let f = Math.sqrt(Math.pow(n, 2) * Math.pow(l - p, 2) / (Math.pow(l - p, 2) + Math.pow(d - y, 2))) + l;
+        a.x < 0 && (f *= -1);
+        let E = (f - l) * (d - y) / (l - p) + d;
+        return l - p + d === 0 && (E = n), { x: f, y: E };
+      }
+      static GetIntersectBetweenTwoSegment(s, n, a) {
+        return c.PointInRect(s, c.GetIntersectBeetwenTwoLine(n, a));
+      }
+      static GetIntersectBeetwenTwoLine(s, n) {
+        const a = s[0].y - s[1].y, l = n[0].y - n[1].y, d = s[1].x - s[0].x, p = n[1].x - n[0].x, y = s[0].x * s[1].y - s[1].x * s[0].y, f = n[0].x * n[1].y - n[1].x * n[0].y, E = a * f - l * y, R = d * f - p * y, O = -(y * p - f * d) / (a * p - l * d), K = -(a * f - l * y) / (a * p - l * d);
+        if (isFinite(O) && isFinite(K)) return { x: O, y: K };
+        if (Math.abs(E - R) < 0.1) throw new Error("Segment included");
         return null;
       }
-      static GetCordsFromTwoPoint(i, n) {
-        const a = Math.abs(i.x - n.x), l = Math.abs(i.y - n.y), d = Math.max(a, l), c = [i];
-        function v(y, A, R, W, K) {
-          return A > y ? y + K * (R / W) : A < y ? y - K * (R / W) : y;
+      static GetCordsFromTwoPoint(s, n) {
+        const a = Math.abs(s.x - n.x), l = Math.abs(s.y - n.y), d = Math.max(a, l), p = [s];
+        function y(f, E, R, O, K) {
+          return E > f ? f + K * (R / O) : E < f ? f - K * (R / O) : f;
         }
-        for (let y = 1; y <= d; y += 1) c.push({ x: v(i.x, n.x, a, d, y), y: v(i.y, n.y, l, d, y) });
-        return c;
+        for (let f = 1; f <= d; f += 1) p.push({ x: y(s.x, n.x, a, d, f), y: y(s.y, n.y, l, d, f) });
+        return p;
       }
     }
-    class x extends o {
-      constructor(i, n, a) {
-        super(i, a), this.copiedElement = null, this.temporaryCopy = null, this.isLoad = !1, this.element = n, this.element.classList.add("stf__item"), this.element.classList.add("--" + a);
+    class b extends o {
+      constructor(s, n, a) {
+        super(s, a), this.copiedElement = null, this.temporaryCopy = null, this.isLoad = !1, this.element = n, this.element.classList.add("stf__item"), this.element.classList.add("--" + a);
       }
       newTemporaryCopy() {
-        return this.nowDrawingDensity === "hard" ? this : (this.temporaryCopy === null && (this.copiedElement = this.element.cloneNode(!0), this.element.parentElement.appendChild(this.copiedElement), this.temporaryCopy = new x(this.render, this.copiedElement, this.nowDrawingDensity)), this.getTemporaryCopy());
+        return this.nowDrawingDensity === "hard" ? this : (this.temporaryCopy === null && (this.copiedElement = this.element.cloneNode(!0), this.element.parentElement.appendChild(this.copiedElement), this.temporaryCopy = new b(this.render, this.copiedElement, this.nowDrawingDensity)), this.getTemporaryCopy());
       }
       getTemporaryCopy() {
         return this.temporaryCopy;
@@ -1667,10 +1730,10 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       hideTemporaryCopy() {
         this.temporaryCopy !== null && (this.copiedElement.remove(), this.copiedElement = null, this.temporaryCopy = null);
       }
-      draw(i) {
-        const n = i || this.nowDrawingDensity, a = this.render.convertToGlobal(this.state.position), l = this.render.getRect().pageWidth, d = this.render.getRect().height;
+      draw(s) {
+        const n = s || this.nowDrawingDensity, a = this.render.convertToGlobal(this.state.position), l = this.render.getRect().pageWidth, d = this.render.getRect().height;
         this.element.classList.remove("--simple");
-        const c = `
+        const p = `
             display: block;
             z-index: ${this.element.style.zIndex};
             left: 0;
@@ -1678,10 +1741,10 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
             width: ${l}px;
             height: ${d}px;
         `;
-        n === "hard" ? this.drawHard(c) : this.drawSoft(a, c);
+        n === "hard" ? this.drawHard(p) : this.drawSoft(a, p);
       }
-      drawHard(i = "") {
-        const n = this.render.getRect().left + this.render.getRect().width / 2, a = this.state.hardDrawingAngle, l = i + `
+      drawHard(s = "") {
+        const n = this.render.getRect().left + this.render.getRect().width / 2, a = this.state.hardDrawingAngle, l = s + `
                 backface-visibility: hidden;
                 -webkit-backface-visibility: hidden;
                 clip-path: none;
@@ -1691,24 +1754,24 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
                    transform: translate3d(${n}px, 0, 0) rotateY(${a}deg);`);
         this.element.style.cssText = l;
       }
-      drawSoft(i, n = "") {
+      drawSoft(s, n = "") {
         let a = "polygon( ";
         for (const d of this.state.area) if (d !== null) {
-          let c = this.render.getDirection() === 1 ? { x: -d.x + this.state.position.x, y: d.y - this.state.position.y } : { x: d.x - this.state.position.x, y: d.y - this.state.position.y };
-          c = g.GetRotatedPoint(c, { x: 0, y: 0 }, this.state.angle), a += c.x + "px " + c.y + "px, ";
+          let p = this.render.getDirection() === 1 ? { x: -d.x + this.state.position.x, y: d.y - this.state.position.y } : { x: d.x - this.state.position.x, y: d.y - this.state.position.y };
+          p = c.GetRotatedPoint(p, { x: 0, y: 0 }, this.state.angle), a += p.x + "px " + p.y + "px, ";
         }
         a = a.slice(0, -2), a += ")";
-        const l = n + `transform-origin: 0 0; clip-path: ${a}; -webkit-clip-path: ${a};` + (this.render.isSafari() && this.state.angle === 0 ? `transform: translate(${i.x}px, ${i.y}px);` : `transform: translate3d(${i.x}px, ${i.y}px, 0) rotate(${this.state.angle}rad);`);
+        const l = n + `transform-origin: 0 0; clip-path: ${a}; -webkit-clip-path: ${a};` + (this.render.isSafari() && this.state.angle === 0 ? `transform: translate(${s.x}px, ${s.y}px);` : `transform: translate3d(${s.x}px, ${s.y}px, 0) rotate(${this.state.angle}rad);`);
         this.element.style.cssText = l;
       }
-      simpleDraw(i) {
-        const n = this.render.getRect(), a = n.pageWidth, l = n.height, d = i === 1 ? n.left + n.pageWidth : n.left, c = n.top;
+      simpleDraw(s) {
+        const n = this.render.getRect(), a = n.pageWidth, l = n.height, d = s === 1 ? n.left + n.pageWidth : n.left, p = n.top;
         this.element.classList.add("--simple"), this.element.style.cssText = `
             position: absolute; 
             display: block; 
             height: ${l}px; 
             left: ${d}px; 
-            top: ${c}px; 
+            top: ${p}px; 
             width: ${a}px; 
             z-index: ${this.render.getSettings().startZIndex + 1};`;
       }
@@ -1718,44 +1781,44 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       load() {
         this.isLoad = !0;
       }
-      setOrientation(i) {
-        super.setOrientation(i), this.element.classList.remove("--left", "--right"), this.element.classList.add(i === 1 ? "--right" : "--left");
+      setOrientation(s) {
+        super.setOrientation(s), this.element.classList.remove("--left", "--right"), this.element.classList.add(s === 1 ? "--right" : "--left");
       }
-      setDrawingDensity(i) {
-        this.element.classList.remove("--soft", "--hard"), this.element.classList.add("--" + i), super.setDrawingDensity(i);
+      setDrawingDensity(s) {
+        this.element.classList.remove("--soft", "--hard"), this.element.classList.add("--" + s), super.setDrawingDensity(s);
       }
     }
     class P extends h {
-      constructor(i, n, a, l) {
-        super(i, n), this.element = a, this.pagesElement = l;
+      constructor(s, n, a, l) {
+        super(s, n), this.element = a, this.pagesElement = l;
       }
       load() {
-        for (const i of this.pagesElement) {
-          const n = new x(this.render, i, i.dataset.density === "hard" ? "hard" : "soft");
+        for (const s of this.pagesElement) {
+          const n = new b(this.render, s, s.dataset.density === "hard" ? "hard" : "soft");
           n.load(), this.pages.push(n);
         }
         this.createSpread();
       }
     }
-    class b {
-      constructor(i, n, a, l) {
-        this.direction = i, this.corner = n, this.topIntersectPoint = null, this.sideIntersectPoint = null, this.bottomIntersectPoint = null, this.pageWidth = parseInt(a, 10), this.pageHeight = parseInt(l, 10);
+    class k {
+      constructor(s, n, a, l) {
+        this.direction = s, this.corner = n, this.topIntersectPoint = null, this.sideIntersectPoint = null, this.bottomIntersectPoint = null, this.pageWidth = parseInt(a, 10), this.pageHeight = parseInt(l, 10);
       }
-      calc(i) {
+      calc(s) {
         try {
-          return this.position = this.calcAngleAndPosition(i), this.calculateIntersectPoint(this.position), !0;
+          return this.position = this.calcAngleAndPosition(s), this.calculateIntersectPoint(this.position), !0;
         } catch {
           return !1;
         }
       }
       getFlippingClipArea() {
-        const i = [];
+        const s = [];
         let n = !1;
-        return i.push(this.rect.topLeft), i.push(this.topIntersectPoint), this.sideIntersectPoint === null ? n = !0 : (i.push(this.sideIntersectPoint), this.bottomIntersectPoint === null && (n = !1)), i.push(this.bottomIntersectPoint), (n || this.corner === "bottom") && i.push(this.rect.bottomLeft), i;
+        return s.push(this.rect.topLeft), s.push(this.topIntersectPoint), this.sideIntersectPoint === null ? n = !0 : (s.push(this.sideIntersectPoint), this.bottomIntersectPoint === null && (n = !1)), s.push(this.bottomIntersectPoint), (n || this.corner === "bottom") && s.push(this.rect.bottomLeft), s;
       }
       getBottomClipArea() {
-        const i = [];
-        return i.push(this.topIntersectPoint), this.corner === "top" ? i.push({ x: this.pageWidth, y: 0 }) : (this.topIntersectPoint !== null && i.push({ x: this.pageWidth, y: 0 }), i.push({ x: this.pageWidth, y: this.pageHeight })), this.sideIntersectPoint !== null ? g.GetDistanceBetweenTwoPoint(this.sideIntersectPoint, this.topIntersectPoint) >= 10 && i.push(this.sideIntersectPoint) : this.corner === "top" && i.push({ x: this.pageWidth, y: this.pageHeight }), i.push(this.bottomIntersectPoint), i.push(this.topIntersectPoint), i;
+        const s = [];
+        return s.push(this.topIntersectPoint), this.corner === "top" ? s.push({ x: this.pageWidth, y: 0 }) : (this.topIntersectPoint !== null && s.push({ x: this.pageWidth, y: 0 }), s.push({ x: this.pageWidth, y: this.pageHeight })), this.sideIntersectPoint !== null ? c.GetDistanceBetweenTwoPoint(this.sideIntersectPoint, this.topIntersectPoint) >= 10 && s.push(this.sideIntersectPoint) : this.corner === "top" && s.push({ x: this.pageWidth, y: this.pageHeight }), s.push(this.bottomIntersectPoint), s.push(this.topIntersectPoint), s;
       }
       getAngle() {
         return this.direction === 0 ? -this.angle : this.angle;
@@ -1785,126 +1848,126 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         return this.corner === "top" ? this.topIntersectPoint : this.sideIntersectPoint !== null ? this.sideIntersectPoint : this.topIntersectPoint;
       }
       getShadowAngle() {
-        const i = g.GetAngleBetweenTwoLine(this.getSegmentToShadowLine(), [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]);
-        return this.direction === 0 ? i : Math.PI - i;
+        const s = c.GetAngleBetweenTwoLine(this.getSegmentToShadowLine(), [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]);
+        return this.direction === 0 ? s : Math.PI - s;
       }
-      calcAngleAndPosition(i) {
-        let n = i;
+      calcAngleAndPosition(s) {
+        let n = s;
         if (this.updateAngleAndGeometry(n), n = this.corner === "top" ? this.checkPositionAtCenterLine(n, { x: 0, y: 0 }, { x: 0, y: this.pageHeight }) : this.checkPositionAtCenterLine(n, { x: 0, y: this.pageHeight }, { x: 0, y: 0 }), Math.abs(n.x - this.pageWidth) < 1 && Math.abs(n.y) < 1) throw new Error("Point is too small");
         return n;
       }
-      updateAngleAndGeometry(i) {
-        this.angle = this.calculateAngle(i), this.rect = this.getPageRect(i);
+      updateAngleAndGeometry(s) {
+        this.angle = this.calculateAngle(s), this.rect = this.getPageRect(s);
       }
-      calculateAngle(i) {
-        const n = this.pageWidth - i.x + 1, a = this.corner === "bottom" ? this.pageHeight - i.y : i.y;
+      calculateAngle(s) {
+        const n = this.pageWidth - s.x + 1, a = this.corner === "bottom" ? this.pageHeight - s.y : s.y;
         let l = 2 * Math.acos(n / Math.sqrt(a * a + n * n));
         a < 0 && (l = -l);
         const d = Math.PI - l;
         if (!isFinite(l) || d >= 0 && d < 3e-3) throw new Error("The G point is too small");
         return this.corner === "bottom" && (l = -l), l;
       }
-      getPageRect(i) {
-        return this.corner === "top" ? this.getRectFromBasePoint([{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }, { x: 0, y: this.pageHeight }, { x: this.pageWidth, y: this.pageHeight }], i) : this.getRectFromBasePoint([{ x: 0, y: -this.pageHeight }, { x: this.pageWidth, y: -this.pageHeight }, { x: 0, y: 0 }, { x: this.pageWidth, y: 0 }], i);
+      getPageRect(s) {
+        return this.corner === "top" ? this.getRectFromBasePoint([{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }, { x: 0, y: this.pageHeight }, { x: this.pageWidth, y: this.pageHeight }], s) : this.getRectFromBasePoint([{ x: 0, y: -this.pageHeight }, { x: this.pageWidth, y: -this.pageHeight }, { x: 0, y: 0 }, { x: this.pageWidth, y: 0 }], s);
       }
-      getRectFromBasePoint(i, n) {
-        return { topLeft: this.getRotatedPoint(i[0], n), topRight: this.getRotatedPoint(i[1], n), bottomLeft: this.getRotatedPoint(i[2], n), bottomRight: this.getRotatedPoint(i[3], n) };
+      getRectFromBasePoint(s, n) {
+        return { topLeft: this.getRotatedPoint(s[0], n), topRight: this.getRotatedPoint(s[1], n), bottomLeft: this.getRotatedPoint(s[2], n), bottomRight: this.getRotatedPoint(s[3], n) };
       }
-      getRotatedPoint(i, n) {
-        return { x: i.x * Math.cos(this.angle) + i.y * Math.sin(this.angle) + n.x, y: i.y * Math.cos(this.angle) - i.x * Math.sin(this.angle) + n.y };
+      getRotatedPoint(s, n) {
+        return { x: s.x * Math.cos(this.angle) + s.y * Math.sin(this.angle) + n.x, y: s.y * Math.cos(this.angle) - s.x * Math.sin(this.angle) + n.y };
       }
-      calculateIntersectPoint(i) {
+      calculateIntersectPoint(s) {
         const n = { left: -1, top: -1, width: this.pageWidth + 2, height: this.pageHeight + 2 };
-        this.corner === "top" ? (this.topIntersectPoint = g.GetIntersectBetweenTwoSegment(n, [i, this.rect.topRight], [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]), this.sideIntersectPoint = g.GetIntersectBetweenTwoSegment(n, [i, this.rect.bottomLeft], [{ x: this.pageWidth, y: 0 }, { x: this.pageWidth, y: this.pageHeight }]), this.bottomIntersectPoint = g.GetIntersectBetweenTwoSegment(n, [this.rect.bottomLeft, this.rect.bottomRight], [{ x: 0, y: this.pageHeight }, { x: this.pageWidth, y: this.pageHeight }])) : (this.topIntersectPoint = g.GetIntersectBetweenTwoSegment(n, [this.rect.topLeft, this.rect.topRight], [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]), this.sideIntersectPoint = g.GetIntersectBetweenTwoSegment(n, [i, this.rect.topLeft], [{ x: this.pageWidth, y: 0 }, { x: this.pageWidth, y: this.pageHeight }]), this.bottomIntersectPoint = g.GetIntersectBetweenTwoSegment(n, [this.rect.bottomLeft, this.rect.bottomRight], [{ x: 0, y: this.pageHeight }, { x: this.pageWidth, y: this.pageHeight }]));
+        this.corner === "top" ? (this.topIntersectPoint = c.GetIntersectBetweenTwoSegment(n, [s, this.rect.topRight], [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]), this.sideIntersectPoint = c.GetIntersectBetweenTwoSegment(n, [s, this.rect.bottomLeft], [{ x: this.pageWidth, y: 0 }, { x: this.pageWidth, y: this.pageHeight }]), this.bottomIntersectPoint = c.GetIntersectBetweenTwoSegment(n, [this.rect.bottomLeft, this.rect.bottomRight], [{ x: 0, y: this.pageHeight }, { x: this.pageWidth, y: this.pageHeight }])) : (this.topIntersectPoint = c.GetIntersectBetweenTwoSegment(n, [this.rect.topLeft, this.rect.topRight], [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]), this.sideIntersectPoint = c.GetIntersectBetweenTwoSegment(n, [s, this.rect.topLeft], [{ x: this.pageWidth, y: 0 }, { x: this.pageWidth, y: this.pageHeight }]), this.bottomIntersectPoint = c.GetIntersectBetweenTwoSegment(n, [this.rect.bottomLeft, this.rect.bottomRight], [{ x: 0, y: this.pageHeight }, { x: this.pageWidth, y: this.pageHeight }]));
       }
-      checkPositionAtCenterLine(i, n, a) {
-        let l = i;
-        const d = g.LimitPointToCircle(n, this.pageWidth, l);
+      checkPositionAtCenterLine(s, n, a) {
+        let l = s;
+        const d = c.LimitPointToCircle(n, this.pageWidth, l);
         l !== d && (l = d, this.updateAngleAndGeometry(l));
-        const c = Math.sqrt(Math.pow(this.pageWidth, 2) + Math.pow(this.pageHeight, 2));
-        let v = this.rect.bottomRight, y = this.rect.topLeft;
-        if (this.corner === "bottom" && (v = this.rect.topRight, y = this.rect.bottomLeft), v.x <= 0) {
-          const A = g.LimitPointToCircle(a, c, y);
-          A !== l && (l = A, this.updateAngleAndGeometry(l));
+        const p = Math.sqrt(Math.pow(this.pageWidth, 2) + Math.pow(this.pageHeight, 2));
+        let y = this.rect.bottomRight, f = this.rect.topLeft;
+        if (this.corner === "bottom" && (y = this.rect.topRight, f = this.rect.bottomLeft), y.x <= 0) {
+          const E = c.LimitPointToCircle(a, p, f);
+          E !== l && (l = E, this.updateAngleAndGeometry(l));
         }
         return l;
       }
       getSegmentToShadowLine() {
-        const i = this.getShadowStartPoint();
-        return [i, i !== this.sideIntersectPoint && this.sideIntersectPoint !== null ? this.sideIntersectPoint : this.bottomIntersectPoint];
+        const s = this.getShadowStartPoint();
+        return [s, s !== this.sideIntersectPoint && this.sideIntersectPoint !== null ? this.sideIntersectPoint : this.bottomIntersectPoint];
       }
     }
-    class D {
-      constructor(i, n) {
-        this.flippingPage = null, this.bottomPage = null, this.calc = null, this.state = "read", this.render = i, this.app = n;
+    class I {
+      constructor(s, n) {
+        this.flippingPage = null, this.bottomPage = null, this.calc = null, this.state = "read", this.render = s, this.app = n;
       }
-      fold(i) {
-        this.setState("user_fold"), this.calc === null && this.start(i), this.do(this.render.convertToPage(i));
+      fold(s) {
+        this.setState("user_fold"), this.calc === null && this.start(s), this.do(this.render.convertToPage(s));
       }
-      flip(i) {
-        if (this.app.getSettings().disableFlipByClick && !this.isPointOnCorners(i) || (this.calc !== null && this.render.finishAnimation(), !this.start(i))) return;
+      flip(s) {
+        if (this.app.getSettings().disableFlipByClick && !this.isPointOnCorners(s) || (this.calc !== null && this.render.finishAnimation(), !this.start(s))) return;
         const n = this.getBoundsRect();
         this.setState("flipping");
         const a = n.height / 10, l = this.calc.getCorner() === "bottom" ? n.height - a : a, d = this.calc.getCorner() === "bottom" ? n.height : 0;
         this.calc.calc({ x: n.pageWidth - a, y: l }), this.animateFlippingTo({ x: n.pageWidth - a, y: l }, { x: -n.pageWidth, y: d }, !0);
       }
-      start(i) {
+      start(s) {
         this.reset();
-        const n = this.render.convertToBook(i), a = this.getBoundsRect(), l = this.getDirectionByPoint(n), d = n.y >= a.height / 2 ? "bottom" : "top";
+        const n = this.render.convertToBook(s), a = this.getBoundsRect(), l = this.getDirectionByPoint(n), d = n.y >= a.height / 2 ? "bottom" : "top";
         if (!this.checkDirection(l)) return !1;
         try {
           if (this.flippingPage = this.app.getPageCollection().getFlippingPage(l), this.bottomPage = this.app.getPageCollection().getBottomPage(l), this.render.getOrientation() === "landscape") if (l === 1) {
-            const c = this.app.getPageCollection().nextBy(this.flippingPage);
-            c !== null && this.flippingPage.getDensity() !== c.getDensity() && (this.flippingPage.setDrawingDensity("hard"), c.setDrawingDensity("hard"));
+            const p = this.app.getPageCollection().nextBy(this.flippingPage);
+            p !== null && this.flippingPage.getDensity() !== p.getDensity() && (this.flippingPage.setDrawingDensity("hard"), p.setDrawingDensity("hard"));
           } else {
-            const c = this.app.getPageCollection().prevBy(this.flippingPage);
-            c !== null && this.flippingPage.getDensity() !== c.getDensity() && (this.flippingPage.setDrawingDensity("hard"), c.setDrawingDensity("hard"));
+            const p = this.app.getPageCollection().prevBy(this.flippingPage);
+            p !== null && this.flippingPage.getDensity() !== p.getDensity() && (this.flippingPage.setDrawingDensity("hard"), p.setDrawingDensity("hard"));
           }
-          return this.render.setDirection(l), this.calc = new b(l, d, a.pageWidth.toString(10), a.height.toString(10)), !0;
+          return this.render.setDirection(l), this.calc = new k(l, d, a.pageWidth.toString(10), a.height.toString(10)), !0;
         } catch {
           return !1;
         }
       }
-      do(i) {
-        if (this.calc !== null && this.calc.calc(i)) {
+      do(s) {
+        if (this.calc !== null && this.calc.calc(s)) {
           const n = this.calc.getFlippingProgress();
           this.bottomPage.setArea(this.calc.getBottomClipArea()), this.bottomPage.setPosition(this.calc.getBottomPagePosition()), this.bottomPage.setAngle(0), this.bottomPage.setHardAngle(0), this.flippingPage.setArea(this.calc.getFlippingClipArea()), this.flippingPage.setPosition(this.calc.getActiveCorner()), this.flippingPage.setAngle(this.calc.getAngle()), this.calc.getDirection() === 0 ? this.flippingPage.setHardAngle(90 * (200 - 2 * n) / 100) : this.flippingPage.setHardAngle(-90 * (200 - 2 * n) / 100), this.render.setPageRect(this.calc.getRect()), this.render.setBottomPage(this.bottomPage), this.render.setFlippingPage(this.flippingPage), this.render.setShadowData(this.calc.getShadowStartPoint(), this.calc.getShadowAngle(), n, this.calc.getDirection());
         }
       }
-      flipToPage(i, n) {
-        const a = this.app.getPageCollection().getCurrentSpreadIndex(), l = this.app.getPageCollection().getSpreadIndexByPage(i);
+      flipToPage(s, n) {
+        const a = this.app.getPageCollection().getCurrentSpreadIndex(), l = this.app.getPageCollection().getSpreadIndexByPage(s);
         try {
           l > a && (this.app.getPageCollection().setCurrentSpreadIndex(l - 1), this.flipNext(n)), l < a && (this.app.getPageCollection().setCurrentSpreadIndex(l + 1), this.flipPrev(n));
         } catch {
         }
       }
-      flipNext(i) {
-        this.flip({ x: this.render.getRect().left + 2 * this.render.getRect().pageWidth - 10, y: i === "top" ? 1 : this.render.getRect().height - 2 });
+      flipNext(s) {
+        this.flip({ x: this.render.getRect().left + 2 * this.render.getRect().pageWidth - 10, y: s === "top" ? 1 : this.render.getRect().height - 2 });
       }
-      flipPrev(i) {
-        this.flip({ x: 10, y: i === "top" ? 1 : this.render.getRect().height - 2 });
+      flipPrev(s) {
+        this.flip({ x: 10, y: s === "top" ? 1 : this.render.getRect().height - 2 });
       }
       stopMove() {
         if (this.calc === null) return;
-        const i = this.calc.getPosition(), n = this.getBoundsRect(), a = this.calc.getCorner() === "bottom" ? n.height : 0;
-        i.x <= 0 ? this.animateFlippingTo(i, { x: -n.pageWidth, y: a }, !0) : this.animateFlippingTo(i, { x: n.pageWidth, y: a }, !1);
+        const s = this.calc.getPosition(), n = this.getBoundsRect(), a = this.calc.getCorner() === "bottom" ? n.height : 0;
+        s.x <= 0 ? this.animateFlippingTo(s, { x: -n.pageWidth, y: a }, !0) : this.animateFlippingTo(s, { x: n.pageWidth, y: a }, !1);
       }
-      showCorner(i) {
+      showCorner(s) {
         if (!this.checkState("read", "fold_corner")) return;
         const n = this.getBoundsRect(), a = n.pageWidth;
-        if (this.isPointOnCorners(i)) if (this.calc === null) {
-          if (!this.start(i)) return;
+        if (this.isPointOnCorners(s)) if (this.calc === null) {
+          if (!this.start(s)) return;
           this.setState("fold_corner"), this.calc.calc({ x: a - 1, y: 1 });
-          const l = 50, d = this.calc.getCorner() === "bottom" ? n.height - 1 : 1, c = this.calc.getCorner() === "bottom" ? n.height - l : l;
-          this.animateFlippingTo({ x: a - 1, y: d }, { x: a - l, y: c }, !1, !1);
-        } else this.do(this.render.convertToPage(i));
+          const l = 50, d = this.calc.getCorner() === "bottom" ? n.height - 1 : 1, p = this.calc.getCorner() === "bottom" ? n.height - l : l;
+          this.animateFlippingTo({ x: a - 1, y: d }, { x: a - l, y: p }, !1, !1);
+        } else this.do(this.render.convertToPage(s));
         else this.setState("read"), this.render.finishAnimation(), this.stopMove();
       }
-      animateFlippingTo(i, n, a, l = !0) {
-        const d = g.GetCordsFromTwoPoint(i, n), c = [];
-        for (const y of d) c.push(() => this.do(y));
-        const v = this.getAnimationDuration(d.length);
-        this.render.startAnimation(c, v, () => {
+      animateFlippingTo(s, n, a, l = !0) {
+        const d = c.GetCordsFromTwoPoint(s, n), p = [];
+        for (const f of d) p.push(() => this.do(f));
+        const y = this.getAnimationDuration(d.length);
+        this.render.startAnimation(p, y, () => {
           this.calc && (a && (this.calc.getDirection() === 1 ? this.app.turnToPrevPage() : this.app.turnToNextPage()), l && (this.render.setBottomPage(null), this.render.setFlippingPage(null), this.render.clearShadow(), this.setState("read"), this.reset()));
         });
       }
@@ -1914,22 +1977,22 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       getState() {
         return this.state;
       }
-      setState(i) {
-        this.state !== i && (this.app.updateState(i), this.state = i);
+      setState(s) {
+        this.state !== s && (this.app.updateState(s), this.state = s);
       }
-      getDirectionByPoint(i) {
+      getDirectionByPoint(s) {
         const n = this.getBoundsRect();
         if (this.render.getOrientation() === "portrait") {
-          if (i.x - n.pageWidth <= n.width / 5) return 1;
-        } else if (i.x < n.width / 2) return 1;
+          if (s.x - n.pageWidth <= n.width / 5) return 1;
+        } else if (s.x < n.width / 2) return 1;
         return 0;
       }
-      getAnimationDuration(i) {
+      getAnimationDuration(s) {
         const n = this.app.getSettings().flippingTime;
-        return i >= 1e3 ? n : i / 1e3 * n;
+        return s >= 1e3 ? n : s / 1e3 * n;
       }
-      checkDirection(i) {
-        return i === 0 ? this.app.getCurrentPageIndex() < this.app.getPageCount() - 1 : this.app.getCurrentPageIndex() >= 1;
+      checkDirection(s) {
+        return s === 0 ? this.app.getCurrentPageIndex() < this.app.getPageCount() - 1 : this.app.getCurrentPageIndex() >= 1;
       }
       reset() {
         this.calc = null, this.flippingPage = null, this.bottomPage = null;
@@ -1937,56 +2000,56 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       getBoundsRect() {
         return this.render.getRect();
       }
-      checkState(...i) {
-        for (const n of i) if (this.state === n) return !0;
+      checkState(...s) {
+        for (const n of s) if (this.state === n) return !0;
         return !1;
       }
-      isPointOnCorners(i) {
-        const n = this.getBoundsRect(), a = n.pageWidth, l = Math.sqrt(Math.pow(a, 2) + Math.pow(n.height, 2)) / 5, d = this.render.convertToBook(i);
+      isPointOnCorners(s) {
+        const n = this.getBoundsRect(), a = n.pageWidth, l = Math.sqrt(Math.pow(a, 2) + Math.pow(n.height, 2)) / 5, d = this.render.convertToBook(s);
         return d.x > 0 && d.y > 0 && d.x < n.width && d.y < n.height && (d.x < l || d.x > n.width - l) && (d.y < l || d.y > n.height - l);
       }
     }
-    class $ {
-      constructor(i, n) {
-        this.leftPage = null, this.rightPage = null, this.flippingPage = null, this.bottomPage = null, this.direction = null, this.orientation = null, this.shadow = null, this.animation = null, this.pageRect = null, this.boundsRect = null, this.timer = 0, this.safari = !1, this.setting = n, this.app = i;
+    class S {
+      constructor(s, n) {
+        this.leftPage = null, this.rightPage = null, this.flippingPage = null, this.bottomPage = null, this.direction = null, this.orientation = null, this.shadow = null, this.animation = null, this.pageRect = null, this.boundsRect = null, this.timer = 0, this.safari = !1, this.setting = n, this.app = s;
         const a = new RegExp("Version\\/[\\d\\.]+.*Safari/");
         this.safari = a.exec(window.navigator.userAgent) !== null;
       }
-      render(i) {
+      render(s) {
         if (this.animation !== null) {
-          const n = Math.round((i - this.animation.startedAt) / this.animation.durationFrame);
+          const n = Math.round((s - this.animation.startedAt) / this.animation.durationFrame);
           n < this.animation.frames.length ? this.animation.frames[n]() : (this.animation.onAnimateEnd(), this.animation = null);
         }
-        this.timer = i, this.drawFrame();
+        this.timer = s, this.drawFrame();
       }
       start() {
         this.update();
-        const i = (n) => {
-          this.render(n), requestAnimationFrame(i);
+        const s = (n) => {
+          this.render(n), requestAnimationFrame(s);
         };
-        requestAnimationFrame(i);
+        requestAnimationFrame(s);
       }
-      startAnimation(i, n, a) {
-        this.finishAnimation(), this.animation = { frames: i, duration: n, durationFrame: n / i.length, onAnimateEnd: a, startedAt: this.timer };
+      startAnimation(s, n, a) {
+        this.finishAnimation(), this.animation = { frames: s, duration: n, durationFrame: n / s.length, onAnimateEnd: a, startedAt: this.timer };
       }
       finishAnimation() {
         this.animation !== null && (this.animation.frames[this.animation.frames.length - 1](), this.animation.onAnimateEnd !== null && this.animation.onAnimateEnd()), this.animation = null;
       }
       update() {
         this.boundsRect = null;
-        const i = this.calculateBoundsRect();
-        this.orientation !== i && (this.orientation = i, this.app.updateOrientation(i));
+        const s = this.calculateBoundsRect();
+        this.orientation !== s && (this.orientation = s, this.app.updateOrientation(s));
       }
       calculateBoundsRect() {
-        let i = "landscape";
+        let s = "landscape";
         const n = this.getBlockWidth(), a = n / 2, l = this.getBlockHeight() / 2, d = this.setting.width / this.setting.height;
-        let c = this.setting.width, v = this.setting.height, y = a - c;
-        return this.setting.size === "stretch" ? (n < 2 * this.setting.minWidth && this.app.getSettings().usePortrait && (i = "portrait"), c = i === "portrait" ? this.getBlockWidth() : this.getBlockWidth() / 2, c > this.setting.maxWidth && (c = this.setting.maxWidth), v = c / d, v > this.getBlockHeight() && (v = this.getBlockHeight(), c = v * d), y = i === "portrait" ? a - c / 2 - c : a - c) : n < 2 * c && this.app.getSettings().usePortrait && (i = "portrait", y = a - c / 2 - c), this.boundsRect = { left: y, top: l - v / 2, width: 2 * c, height: v, pageWidth: c }, i;
+        let p = this.setting.width, y = this.setting.height, f = a - p;
+        return this.setting.size === "stretch" ? (n < 2 * this.setting.minWidth && this.app.getSettings().usePortrait && (s = "portrait"), p = s === "portrait" ? this.getBlockWidth() : this.getBlockWidth() / 2, p > this.setting.maxWidth && (p = this.setting.maxWidth), y = p / d, y > this.getBlockHeight() && (y = this.getBlockHeight(), p = y * d), f = s === "portrait" ? a - p / 2 - p : a - p) : n < 2 * p && this.app.getSettings().usePortrait && (s = "portrait", f = a - p / 2 - p), this.boundsRect = { left: f, top: l - y / 2, width: 2 * p, height: y, pageWidth: p }, s;
       }
-      setShadowData(i, n, a, l) {
+      setShadowData(s, n, a, l) {
         if (!this.app.getSettings().drawShadow) return;
         const d = 100 * this.getSettings().maxShadowOpacity;
-        this.shadow = { pos: i, angle: n, width: 3 * this.getRect().pageWidth / 4 * a / 100, opacity: (100 - a) * d / 100 / 100, direction: l, progress: 2 * a };
+        this.shadow = { pos: s, angle: n, width: 3 * this.getRect().pageWidth / 4 * a / 100, opacity: (100 - a) * d / 100 / 100, direction: l, progress: 2 * a };
       }
       clearShadow() {
         this.shadow = null;
@@ -2009,48 +2072,48 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       getOrientation() {
         return this.orientation;
       }
-      setPageRect(i) {
-        this.pageRect = i;
+      setPageRect(s) {
+        this.pageRect = s;
       }
-      setDirection(i) {
-        this.direction = i;
+      setDirection(s) {
+        this.direction = s;
       }
-      setRightPage(i) {
-        i !== null && i.setOrientation(1), this.rightPage = i;
+      setRightPage(s) {
+        s !== null && s.setOrientation(1), this.rightPage = s;
       }
-      setLeftPage(i) {
-        i !== null && i.setOrientation(0), this.leftPage = i;
+      setLeftPage(s) {
+        s !== null && s.setOrientation(0), this.leftPage = s;
       }
-      setBottomPage(i) {
-        i !== null && i.setOrientation(this.direction === 1 ? 0 : 1), this.bottomPage = i;
+      setBottomPage(s) {
+        s !== null && s.setOrientation(this.direction === 1 ? 0 : 1), this.bottomPage = s;
       }
-      setFlippingPage(i) {
-        i !== null && i.setOrientation(this.direction === 0 && this.orientation !== "portrait" ? 0 : 1), this.flippingPage = i;
+      setFlippingPage(s) {
+        s !== null && s.setOrientation(this.direction === 0 && this.orientation !== "portrait" ? 0 : 1), this.flippingPage = s;
       }
-      convertToBook(i) {
+      convertToBook(s) {
         const n = this.getRect();
-        return { x: i.x - n.left, y: i.y - n.top };
+        return { x: s.x - n.left, y: s.y - n.top };
       }
       isSafari() {
         return this.safari;
       }
-      convertToPage(i, n) {
+      convertToPage(s, n) {
         n || (n = this.direction);
         const a = this.getRect();
-        return { x: n === 0 ? i.x - a.left - a.width / 2 : a.width / 2 - i.x + a.left, y: i.y - a.top };
+        return { x: n === 0 ? s.x - a.left - a.width / 2 : a.width / 2 - s.x + a.left, y: s.y - a.top };
       }
-      convertToGlobal(i, n) {
-        if (n || (n = this.direction), i == null) return null;
+      convertToGlobal(s, n) {
+        if (n || (n = this.direction), s == null) return null;
         const a = this.getRect();
-        return { x: n === 0 ? i.x + a.left + a.width / 2 : a.width / 2 - i.x + a.left, y: i.y + a.top };
+        return { x: n === 0 ? s.x + a.left + a.width / 2 : a.width / 2 - s.x + a.left, y: s.y + a.top };
       }
-      convertRectToGlobal(i, n) {
-        return n || (n = this.direction), { topLeft: this.convertToGlobal(i.topLeft, n), topRight: this.convertToGlobal(i.topRight, n), bottomLeft: this.convertToGlobal(i.bottomLeft, n), bottomRight: this.convertToGlobal(i.bottomRight, n) };
+      convertRectToGlobal(s, n) {
+        return n || (n = this.direction), { topLeft: this.convertToGlobal(s.topLeft, n), topRight: this.convertToGlobal(s.topRight, n), bottomLeft: this.convertToGlobal(s.bottomLeft, n), bottomRight: this.convertToGlobal(s.bottomRight, n) };
       }
     }
-    class C extends $ {
-      constructor(i, n, a) {
-        super(i, n), this.canvas = a, this.ctx = a.getContext("2d");
+    class T extends S {
+      constructor(s, n, a) {
+        super(s, n), this.canvas = a, this.ctx = a.getContext("2d");
       }
       getContext() {
         return this.ctx;
@@ -2059,79 +2122,79 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }
       drawFrame() {
         this.clear(), this.orientation !== "portrait" && this.leftPage != null && this.leftPage.simpleDraw(0), this.rightPage != null && this.rightPage.simpleDraw(1), this.bottomPage != null && this.bottomPage.draw(), this.drawBookShadow(), this.flippingPage != null && this.flippingPage.draw(), this.shadow != null && (this.drawOuterShadow(), this.drawInnerShadow());
-        const i = this.getRect();
-        this.orientation === "portrait" && (this.ctx.beginPath(), this.ctx.rect(i.left + i.pageWidth, i.top, i.width, i.height), this.ctx.clip());
+        const s = this.getRect();
+        this.orientation === "portrait" && (this.ctx.beginPath(), this.ctx.rect(s.left + s.pageWidth, s.top, s.width, s.height), this.ctx.clip());
       }
       drawBookShadow() {
-        const i = this.getRect();
+        const s = this.getRect();
         this.ctx.save(), this.ctx.beginPath();
-        const n = i.width / 20;
-        this.ctx.rect(i.left, i.top, i.width, i.height);
-        const a = { x: i.left + i.width / 2 - n / 2, y: 0 };
+        const n = s.width / 20;
+        this.ctx.rect(s.left, s.top, s.width, s.height);
+        const a = { x: s.left + s.width / 2 - n / 2, y: 0 };
         this.ctx.translate(a.x, a.y);
         const l = this.ctx.createLinearGradient(0, 0, n, 0);
-        l.addColorStop(0, "rgba(0, 0, 0, 0)"), l.addColorStop(0.4, "rgba(0, 0, 0, 0.2)"), l.addColorStop(0.49, "rgba(0, 0, 0, 0.1)"), l.addColorStop(0.5, "rgba(0, 0, 0, 0.5)"), l.addColorStop(0.51, "rgba(0, 0, 0, 0.4)"), l.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.clip(), this.ctx.fillStyle = l, this.ctx.fillRect(0, 0, n, 2 * i.height), this.ctx.restore();
+        l.addColorStop(0, "rgba(0, 0, 0, 0)"), l.addColorStop(0.4, "rgba(0, 0, 0, 0.2)"), l.addColorStop(0.49, "rgba(0, 0, 0, 0.1)"), l.addColorStop(0.5, "rgba(0, 0, 0, 0.5)"), l.addColorStop(0.51, "rgba(0, 0, 0, 0.4)"), l.addColorStop(1, "rgba(0, 0, 0, 0)"), this.ctx.clip(), this.ctx.fillStyle = l, this.ctx.fillRect(0, 0, n, 2 * s.height), this.ctx.restore();
       }
       drawOuterShadow() {
-        const i = this.getRect();
-        this.ctx.save(), this.ctx.beginPath(), this.ctx.rect(i.left, i.top, i.width, i.height);
+        const s = this.getRect();
+        this.ctx.save(), this.ctx.beginPath(), this.ctx.rect(s.left, s.top, s.width, s.height);
         const n = this.convertToGlobal({ x: this.shadow.pos.x, y: this.shadow.pos.y });
         this.ctx.translate(n.x, n.y), this.ctx.rotate(Math.PI + this.shadow.angle + Math.PI / 2);
         const a = this.ctx.createLinearGradient(0, 0, this.shadow.width, 0);
-        this.shadow.direction === 0 ? (this.ctx.translate(0, -100), a.addColorStop(0, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), a.addColorStop(1, "rgba(0, 0, 0, 0)")) : (this.ctx.translate(-this.shadow.width, -100), a.addColorStop(0, "rgba(0, 0, 0, 0)"), a.addColorStop(1, "rgba(0, 0, 0, " + this.shadow.opacity + ")")), this.ctx.clip(), this.ctx.fillStyle = a, this.ctx.fillRect(0, 0, this.shadow.width, 2 * i.height), this.ctx.restore();
+        this.shadow.direction === 0 ? (this.ctx.translate(0, -100), a.addColorStop(0, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), a.addColorStop(1, "rgba(0, 0, 0, 0)")) : (this.ctx.translate(-this.shadow.width, -100), a.addColorStop(0, "rgba(0, 0, 0, 0)"), a.addColorStop(1, "rgba(0, 0, 0, " + this.shadow.opacity + ")")), this.ctx.clip(), this.ctx.fillStyle = a, this.ctx.fillRect(0, 0, this.shadow.width, 2 * s.height), this.ctx.restore();
       }
       drawInnerShadow() {
-        const i = this.getRect();
+        const s = this.getRect();
         this.ctx.save(), this.ctx.beginPath();
         const n = this.convertToGlobal({ x: this.shadow.pos.x, y: this.shadow.pos.y }), a = this.convertRectToGlobal(this.pageRect);
         this.ctx.moveTo(a.topLeft.x, a.topLeft.y), this.ctx.lineTo(a.topRight.x, a.topRight.y), this.ctx.lineTo(a.bottomRight.x, a.bottomRight.y), this.ctx.lineTo(a.bottomLeft.x, a.bottomLeft.y), this.ctx.translate(n.x, n.y), this.ctx.rotate(Math.PI + this.shadow.angle + Math.PI / 2);
         const l = 3 * this.shadow.width / 4, d = this.ctx.createLinearGradient(0, 0, l, 0);
-        this.shadow.direction === 0 ? (this.ctx.translate(-l, -100), d.addColorStop(1, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), d.addColorStop(0.9, "rgba(0, 0, 0, 0.05)"), d.addColorStop(0.7, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), d.addColorStop(0, "rgba(0, 0, 0, 0)")) : (this.ctx.translate(0, -100), d.addColorStop(0, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), d.addColorStop(0.1, "rgba(0, 0, 0, 0.05)"), d.addColorStop(0.3, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), d.addColorStop(1, "rgba(0, 0, 0, 0)")), this.ctx.clip(), this.ctx.fillStyle = d, this.ctx.fillRect(0, 0, l, 2 * i.height), this.ctx.restore();
+        this.shadow.direction === 0 ? (this.ctx.translate(-l, -100), d.addColorStop(1, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), d.addColorStop(0.9, "rgba(0, 0, 0, 0.05)"), d.addColorStop(0.7, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), d.addColorStop(0, "rgba(0, 0, 0, 0)")) : (this.ctx.translate(0, -100), d.addColorStop(0, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), d.addColorStop(0.1, "rgba(0, 0, 0, 0.05)"), d.addColorStop(0.3, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), d.addColorStop(1, "rgba(0, 0, 0, 0)")), this.ctx.clip(), this.ctx.fillStyle = d, this.ctx.fillRect(0, 0, l, 2 * s.height), this.ctx.restore();
       }
       clear() {
         this.ctx.fillStyle = "white", this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
       }
     }
-    class T {
-      constructor(i, n, a) {
+    class A {
+      constructor(s, n, a) {
         this.touchPoint = null, this.swipeTimeout = 250, this.onResize = () => {
           this.update();
         }, this.onMouseDown = (d) => {
           if (this.checkTarget(d.target)) {
-            const c = this.getMousePos(d.clientX, d.clientY);
-            this.app.startUserTouch(c), d.preventDefault();
+            const p = this.getMousePos(d.clientX, d.clientY);
+            this.app.startUserTouch(p), d.preventDefault();
           }
         }, this.onTouchStart = (d) => {
           if (this.checkTarget(d.target) && d.changedTouches.length > 0) {
-            const c = d.changedTouches[0], v = this.getMousePos(c.clientX, c.clientY);
-            this.touchPoint = { point: v, time: Date.now() }, setTimeout(() => {
-              this.touchPoint !== null && this.app.startUserTouch(v);
+            const p = d.changedTouches[0], y = this.getMousePos(p.clientX, p.clientY);
+            this.touchPoint = { point: y, time: Date.now() }, setTimeout(() => {
+              this.touchPoint !== null && this.app.startUserTouch(y);
             }, this.swipeTimeout), this.app.getSettings().mobileScrollSupport || d.preventDefault();
           }
         }, this.onMouseUp = (d) => {
-          const c = this.getMousePos(d.clientX, d.clientY);
-          this.app.userStop(c);
+          const p = this.getMousePos(d.clientX, d.clientY);
+          this.app.userStop(p);
         }, this.onMouseMove = (d) => {
-          const c = this.getMousePos(d.clientX, d.clientY);
-          this.app.userMove(c, !1);
+          const p = this.getMousePos(d.clientX, d.clientY);
+          this.app.userMove(p, !1);
         }, this.onTouchMove = (d) => {
           if (d.changedTouches.length > 0) {
-            const c = d.changedTouches[0], v = this.getMousePos(c.clientX, c.clientY);
-            this.app.getSettings().mobileScrollSupport ? (this.touchPoint !== null && (Math.abs(this.touchPoint.point.x - v.x) > 10 || this.app.getState() !== "read") && d.cancelable && this.app.userMove(v, !0), this.app.getState() !== "read" && d.preventDefault()) : this.app.userMove(v, !0);
+            const p = d.changedTouches[0], y = this.getMousePos(p.clientX, p.clientY);
+            this.app.getSettings().mobileScrollSupport ? (this.touchPoint !== null && (Math.abs(this.touchPoint.point.x - y.x) > 10 || this.app.getState() !== "read") && d.cancelable && this.app.userMove(y, !0), this.app.getState() !== "read" && d.preventDefault()) : this.app.userMove(y, !0);
           }
         }, this.onTouchEnd = (d) => {
           if (d.changedTouches.length > 0) {
-            const c = d.changedTouches[0], v = this.getMousePos(c.clientX, c.clientY);
-            let y = !1;
+            const p = d.changedTouches[0], y = this.getMousePos(p.clientX, p.clientY);
+            let f = !1;
             if (this.touchPoint !== null) {
-              const A = v.x - this.touchPoint.point.x, R = Math.abs(v.y - this.touchPoint.point.y);
-              Math.abs(A) > this.swipeDistance && R < 2 * this.swipeDistance && Date.now() - this.touchPoint.time < this.swipeTimeout && (A > 0 ? this.app.flipPrev(this.touchPoint.point.y < this.app.getRender().getRect().height / 2 ? "top" : "bottom") : this.app.flipNext(this.touchPoint.point.y < this.app.getRender().getRect().height / 2 ? "top" : "bottom"), y = !0), this.touchPoint = null;
+              const E = y.x - this.touchPoint.point.x, R = Math.abs(y.y - this.touchPoint.point.y);
+              Math.abs(E) > this.swipeDistance && R < 2 * this.swipeDistance && Date.now() - this.touchPoint.time < this.swipeTimeout && (E > 0 ? this.app.flipPrev(this.touchPoint.point.y < this.app.getRender().getRect().height / 2 ? "top" : "bottom") : this.app.flipNext(this.touchPoint.point.y < this.app.getRender().getRect().height / 2 ? "top" : "bottom"), f = !0), this.touchPoint = null;
             }
-            this.app.userStop(v, y);
+            this.app.userStop(y, f);
           }
-        }, this.parentElement = i, i.classList.add("stf__parent"), i.insertAdjacentHTML("afterbegin", '<div class="stf__wrapper"></div>'), this.wrapper = i.querySelector(".stf__wrapper"), this.app = n;
+        }, this.parentElement = s, s.classList.add("stf__parent"), s.insertAdjacentHTML("afterbegin", '<div class="stf__wrapper"></div>'), this.wrapper = s.querySelector(".stf__wrapper"), this.app = n;
         const l = this.app.getSettings().usePortrait ? 1 : 2;
-        i.style.minWidth = a.minWidth * l + "px", i.style.minHeight = a.minHeight + "px", a.size === "fixed" && (i.style.minWidth = a.width * l + "px", i.style.minHeight = a.height + "px"), a.autoSize && (i.style.width = "100%", i.style.maxWidth = 2 * a.maxWidth + "px"), i.style.display = "block", window.addEventListener("resize", this.onResize, !1), this.swipeDistance = a.swipeDistance;
+        s.style.minWidth = a.minWidth * l + "px", s.style.minHeight = a.minHeight + "px", a.size === "fixed" && (s.style.minWidth = a.width * l + "px", s.style.minHeight = a.height + "px"), a.autoSize && (s.style.width = "100%", s.style.maxWidth = 2 * a.maxWidth + "px"), s.style.display = "block", window.addEventListener("resize", this.onResize, !1), this.swipeDistance = a.swipeDistance;
       }
       destroy() {
         this.app.getSettings().useMouseEvents && this.removeHandlers(), this.distElement.remove(), this.wrapper.remove();
@@ -2142,8 +2205,8 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       getWrapper() {
         return this.wrapper;
       }
-      setOrientationStyle(i) {
-        this.wrapper.classList.remove("--portrait", "--landscape"), i === "portrait" ? (this.app.getSettings().autoSize && (this.wrapper.style.paddingBottom = this.app.getSettings().height / this.app.getSettings().width * 100 + "%"), this.wrapper.classList.add("--portrait")) : (this.app.getSettings().autoSize && (this.wrapper.style.paddingBottom = this.app.getSettings().height / (2 * this.app.getSettings().width) * 100 + "%"), this.wrapper.classList.add("--landscape")), this.update();
+      setOrientationStyle(s) {
+        this.wrapper.classList.remove("--portrait", "--landscape"), s === "portrait" ? (this.app.getSettings().autoSize && (this.wrapper.style.paddingBottom = this.app.getSettings().height / this.app.getSettings().width * 100 + "%"), this.wrapper.classList.add("--portrait")) : (this.app.getSettings().autoSize && (this.wrapper.style.paddingBottom = this.app.getSettings().height / (2 * this.app.getSettings().width) * 100 + "%"), this.wrapper.classList.add("--landscape")), this.update();
       }
       removeHandlers() {
         window.removeEventListener("resize", this.onResize), this.distElement.removeEventListener("mousedown", this.onMouseDown), this.distElement.removeEventListener("touchstart", this.onTouchStart), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("touchmove", this.onTouchMove), window.removeEventListener("mouseup", this.onMouseUp), window.removeEventListener("touchend", this.onTouchEnd);
@@ -2151,38 +2214,38 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       setHandlers() {
         window.addEventListener("resize", this.onResize, !1), this.app.getSettings().useMouseEvents && (this.distElement.addEventListener("mousedown", this.onMouseDown), this.distElement.addEventListener("touchstart", this.onTouchStart), window.addEventListener("mousemove", this.onMouseMove), window.addEventListener("touchmove", this.onTouchMove, { passive: !this.app.getSettings().mobileScrollSupport }), window.addEventListener("mouseup", this.onMouseUp), window.addEventListener("touchend", this.onTouchEnd));
       }
-      getMousePos(i, n) {
+      getMousePos(s, n) {
         const a = this.distElement.getBoundingClientRect();
-        return { x: i - a.left, y: n - a.top };
+        return { x: s - a.left, y: n - a.top };
       }
-      checkTarget(i) {
-        return !this.app.getSettings().clickEventForward || !["a", "button"].includes(i.tagName.toLowerCase());
+      checkTarget(s) {
+        return !this.app.getSettings().clickEventForward || !["a", "button"].includes(s.tagName.toLowerCase());
       }
     }
-    class F extends T {
-      constructor(i, n, a, l) {
-        super(i, n, a), this.wrapper.insertAdjacentHTML("afterbegin", '<div class="stf__block"></div>'), this.distElement = i.querySelector(".stf__block"), this.items = l;
+    class L extends A {
+      constructor(s, n, a, l) {
+        super(s, n, a), this.wrapper.insertAdjacentHTML("afterbegin", '<div class="stf__block"></div>'), this.distElement = s.querySelector(".stf__block"), this.items = l;
         for (const d of l) this.distElement.appendChild(d);
         this.setHandlers();
       }
       clear() {
-        for (const i of this.items) this.parentElement.appendChild(i);
+        for (const s of this.items) this.parentElement.appendChild(s);
       }
-      updateItems(i) {
+      updateItems(s) {
         this.removeHandlers(), this.distElement.innerHTML = "";
-        for (const n of i) this.distElement.appendChild(n);
-        this.items = i, this.setHandlers();
+        for (const n of s) this.distElement.appendChild(n);
+        this.items = s, this.setHandlers();
       }
       update() {
         this.app.getRender().update();
       }
     }
-    class B extends T {
-      constructor(i, n, a) {
-        super(i, n, a), this.wrapper.innerHTML = '<canvas class="stf__canvas"></canvas>', this.canvas = i.querySelectorAll("canvas")[0], this.distElement = this.canvas, this.resizeCanvas(), this.setHandlers();
+    class U extends A {
+      constructor(s, n, a) {
+        super(s, n, a), this.wrapper.innerHTML = '<canvas class="stf__canvas"></canvas>', this.canvas = s.querySelectorAll("canvas")[0], this.distElement = this.canvas, this.resizeCanvas(), this.setHandlers();
       }
       resizeCanvas() {
-        const i = getComputedStyle(this.canvas), n = parseInt(i.getPropertyValue("width"), 10), a = parseInt(i.getPropertyValue("height"), 10);
+        const s = getComputedStyle(this.canvas), n = parseInt(s.getPropertyValue("width"), 10), a = parseInt(s.getPropertyValue("height"), 10);
         this.canvas.width = n, this.canvas.height = a;
       }
       getCanvas() {
@@ -2192,9 +2255,9 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         this.resizeCanvas(), this.app.getRender().update();
       }
     }
-    class H extends $ {
-      constructor(i, n, a) {
-        super(i, n), this.outerShadow = null, this.innerShadow = null, this.hardShadow = null, this.hardInnerShadow = null, this.element = a, this.createShadows();
+    class N extends S {
+      constructor(s, n, a) {
+        super(s, n), this.outerShadow = null, this.innerShadow = null, this.hardShadow = null, this.hardInnerShadow = null, this.element = a, this.createShadows();
       }
       createShadows() {
         this.element.insertAdjacentHTML("beforeend", `<div class="stf__outerShadow"></div>
@@ -2209,82 +2272,82 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         this.element.querySelector(".stf__outerShadow") || this.createShadows();
       }
       drawHardInnerShadow() {
-        const i = this.getRect(), n = this.shadow.progress > 100 ? 200 - this.shadow.progress : this.shadow.progress;
-        let a = (100 - n) * (2.5 * i.pageWidth) / 100 + 20;
-        a > i.pageWidth && (a = i.pageWidth);
+        const s = this.getRect(), n = this.shadow.progress > 100 ? 200 - this.shadow.progress : this.shadow.progress;
+        let a = (100 - n) * (2.5 * s.pageWidth) / 100 + 20;
+        a > s.pageWidth && (a = s.pageWidth);
         let l = `
             display: block;
             z-index: ${(this.getSettings().startZIndex + 5).toString(10)};
             width: ${a}px;
-            height: ${i.height}px;
+            height: ${s.height}px;
             background: linear-gradient(to right,
                 rgba(0, 0, 0, ${this.shadow.opacity * n / 100}) 5%,
                 rgba(0, 0, 0, 0) 100%);
-            left: ${i.left + i.width / 2}px;
+            left: ${s.left + s.width / 2}px;
             transform-origin: 0 0;
         `;
         l += this.getDirection() === 0 && this.shadow.progress > 100 || this.getDirection() === 1 && this.shadow.progress <= 100 ? "transform: translate3d(0, 0, 0);" : "transform: translate3d(0, 0, 0) rotateY(180deg);", this.hardInnerShadow.style.cssText = l;
       }
       drawHardOuterShadow() {
-        const i = this.getRect();
-        let n = (100 - (this.shadow.progress > 100 ? 200 - this.shadow.progress : this.shadow.progress)) * (2.5 * i.pageWidth) / 100 + 20;
-        n > i.pageWidth && (n = i.pageWidth);
+        const s = this.getRect();
+        let n = (100 - (this.shadow.progress > 100 ? 200 - this.shadow.progress : this.shadow.progress)) * (2.5 * s.pageWidth) / 100 + 20;
+        n > s.pageWidth && (n = s.pageWidth);
         let a = `
             display: block;
             z-index: ${(this.getSettings().startZIndex + 4).toString(10)};
             width: ${n}px;
-            height: ${i.height}px;
+            height: ${s.height}px;
             background: linear-gradient(to left, rgba(0, 0, 0, ${this.shadow.opacity}) 5%, rgba(0, 0, 0, 0) 100%);
-            left: ${i.left + i.width / 2}px;
+            left: ${s.left + s.width / 2}px;
             transform-origin: 0 0;
         `;
         a += this.getDirection() === 0 && this.shadow.progress > 100 || this.getDirection() === 1 && this.shadow.progress <= 100 ? "transform: translate3d(0, 0, 0) rotateY(180deg);" : "transform: translate3d(0, 0, 0);", this.hardShadow.style.cssText = a;
       }
       drawInnerShadow() {
-        const i = this.getRect(), n = 3 * this.shadow.width / 4, a = this.getDirection() === 0 ? n : 0, l = this.getDirection() === 0 ? "to left" : "to right", d = this.convertToGlobal(this.shadow.pos), c = this.shadow.angle + 3 * Math.PI / 2, v = [this.pageRect.topLeft, this.pageRect.topRight, this.pageRect.bottomRight, this.pageRect.bottomLeft];
-        let y = "polygon( ";
-        for (const R of v) {
-          let W = this.getDirection() === 1 ? { x: -R.x + this.shadow.pos.x, y: R.y - this.shadow.pos.y } : { x: R.x - this.shadow.pos.x, y: R.y - this.shadow.pos.y };
-          W = g.GetRotatedPoint(W, { x: a, y: 100 }, c), y += W.x + "px " + W.y + "px, ";
+        const s = this.getRect(), n = 3 * this.shadow.width / 4, a = this.getDirection() === 0 ? n : 0, l = this.getDirection() === 0 ? "to left" : "to right", d = this.convertToGlobal(this.shadow.pos), p = this.shadow.angle + 3 * Math.PI / 2, y = [this.pageRect.topLeft, this.pageRect.topRight, this.pageRect.bottomRight, this.pageRect.bottomLeft];
+        let f = "polygon( ";
+        for (const R of y) {
+          let O = this.getDirection() === 1 ? { x: -R.x + this.shadow.pos.x, y: R.y - this.shadow.pos.y } : { x: R.x - this.shadow.pos.x, y: R.y - this.shadow.pos.y };
+          O = c.GetRotatedPoint(O, { x: a, y: 100 }, p), f += O.x + "px " + O.y + "px, ";
         }
-        y = y.slice(0, -2), y += ")";
-        const A = `
+        f = f.slice(0, -2), f += ")";
+        const E = `
             display: block;
             z-index: ${(this.getSettings().startZIndex + 10).toString(10)};
             width: ${n}px;
-            height: ${2 * i.height}px;
+            height: ${2 * s.height}px;
             background: linear-gradient(${l},
                 rgba(0, 0, 0, ${this.shadow.opacity}) 5%,
                 rgba(0, 0, 0, 0.05) 15%,
                 rgba(0, 0, 0, ${this.shadow.opacity}) 35%,
                 rgba(0, 0, 0, 0) 100%);
             transform-origin: ${a}px 100px;
-            transform: translate3d(${d.x - a}px, ${d.y - 100}px, 0) rotate(${c}rad);
-            clip-path: ${y};
-            -webkit-clip-path: ${y};
+            transform: translate3d(${d.x - a}px, ${d.y - 100}px, 0) rotate(${p}rad);
+            clip-path: ${f};
+            -webkit-clip-path: ${f};
         `;
-        this.innerShadow.style.cssText = A;
+        this.innerShadow.style.cssText = E;
       }
       drawOuterShadow() {
-        const i = this.getRect(), n = this.convertToGlobal({ x: this.shadow.pos.x, y: this.shadow.pos.y }), a = this.shadow.angle + 3 * Math.PI / 2, l = this.getDirection() === 1 ? this.shadow.width : 0, d = this.getDirection() === 0 ? "to right" : "to left", c = [{ x: 0, y: 0 }, { x: i.pageWidth, y: 0 }, { x: i.pageWidth, y: i.height }, { x: 0, y: i.height }];
-        let v = "polygon( ";
-        for (const A of c) if (A !== null) {
-          let R = this.getDirection() === 1 ? { x: -A.x + this.shadow.pos.x, y: A.y - this.shadow.pos.y } : { x: A.x - this.shadow.pos.x, y: A.y - this.shadow.pos.y };
-          R = g.GetRotatedPoint(R, { x: l, y: 100 }, a), v += R.x + "px " + R.y + "px, ";
+        const s = this.getRect(), n = this.convertToGlobal({ x: this.shadow.pos.x, y: this.shadow.pos.y }), a = this.shadow.angle + 3 * Math.PI / 2, l = this.getDirection() === 1 ? this.shadow.width : 0, d = this.getDirection() === 0 ? "to right" : "to left", p = [{ x: 0, y: 0 }, { x: s.pageWidth, y: 0 }, { x: s.pageWidth, y: s.height }, { x: 0, y: s.height }];
+        let y = "polygon( ";
+        for (const E of p) if (E !== null) {
+          let R = this.getDirection() === 1 ? { x: -E.x + this.shadow.pos.x, y: E.y - this.shadow.pos.y } : { x: E.x - this.shadow.pos.x, y: E.y - this.shadow.pos.y };
+          R = c.GetRotatedPoint(R, { x: l, y: 100 }, a), y += R.x + "px " + R.y + "px, ";
         }
-        v = v.slice(0, -2), v += ")";
-        const y = `
+        y = y.slice(0, -2), y += ")";
+        const f = `
             display: block;
             z-index: ${(this.getSettings().startZIndex + 10).toString(10)};
             width: ${this.shadow.width}px;
-            height: ${2 * i.height}px;
+            height: ${2 * s.height}px;
             background: linear-gradient(${d}, rgba(0, 0, 0, ${this.shadow.opacity}), rgba(0, 0, 0, 0));
             transform-origin: ${l}px 100px;
             transform: translate3d(${n.x - l}px, ${n.y - 100}px, 0) rotate(${a}rad);
-            clip-path: ${v};
-            -webkit-clip-path: ${v};
+            clip-path: ${y};
+            -webkit-clip-path: ${y};
         `;
-        this.outerShadow.style.cssText = y;
+        this.outerShadow.style.cssText = f;
       }
       drawLeftPage() {
         this.orientation !== "portrait" && this.leftPage !== null && (this.direction === 1 && this.flippingPage !== null && this.flippingPage.getDrawingDensity() === "hard" ? (this.leftPage.getElement().style.zIndex = (this.getSettings().startZIndex + 5).toString(10), this.leftPage.setHardDrawingAngle(180 + this.flippingPage.getHardAngle()), this.leftPage.draw(this.flippingPage.getDrawingDensity())) : this.leftPage.simpleDraw(0));
@@ -2294,37 +2357,37 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }
       drawBottomPage() {
         if (this.bottomPage === null) return;
-        const i = this.flippingPage != null ? this.flippingPage.getDrawingDensity() : null;
-        this.orientation === "portrait" && this.direction === 1 || (this.bottomPage.getElement().style.zIndex = (this.getSettings().startZIndex + 3).toString(10), this.bottomPage.draw(i));
+        const s = this.flippingPage != null ? this.flippingPage.getDrawingDensity() : null;
+        this.orientation === "portrait" && this.direction === 1 || (this.bottomPage.getElement().style.zIndex = (this.getSettings().startZIndex + 3).toString(10), this.bottomPage.draw(s));
       }
       drawFrame() {
         this.clear(), this.drawLeftPage(), this.drawRightPage(), this.drawBottomPage(), this.flippingPage != null && (this.flippingPage.getElement().style.zIndex = (this.getSettings().startZIndex + 5).toString(10), this.flippingPage.draw()), this.shadow != null && this.flippingPage !== null && (this.flippingPage.getDrawingDensity() === "soft" ? (this.drawOuterShadow(), this.drawInnerShadow()) : (this.drawHardOuterShadow(), this.drawHardInnerShadow()));
       }
       clear() {
-        for (const i of this.app.getPageCollection().getPages()) i !== this.leftPage && i !== this.rightPage && i !== this.flippingPage && i !== this.bottomPage && (i.getElement().style.cssText = "display: none"), i.getTemporaryCopy() !== this.flippingPage && i.hideTemporaryCopy();
+        for (const s of this.app.getPageCollection().getPages()) s !== this.leftPage && s !== this.rightPage && s !== this.flippingPage && s !== this.bottomPage && (s.getElement().style.cssText = "display: none"), s.getTemporaryCopy() !== this.flippingPage && s.hideTemporaryCopy();
       }
       update() {
         super.update(), this.rightPage !== null && this.rightPage.setOrientation(1), this.leftPage !== null && this.leftPage.setOrientation(0);
       }
     }
-    class N {
+    class H {
       constructor() {
         this._default = { startPage: 0, size: "fixed", width: 0, height: 0, minWidth: 0, maxWidth: 0, minHeight: 0, maxHeight: 0, drawShadow: !0, flippingTime: 1e3, usePortrait: !0, startZIndex: 0, autoSize: !0, maxShadowOpacity: 1, showCover: !1, mobileScrollSupport: !0, swipeDistance: 30, clickEventForward: !0, useMouseEvents: !0, showPageCorners: !0, disableFlipByClick: !1 };
       }
-      getSettings(i) {
+      getSettings(s) {
         const n = this._default;
-        if (Object.assign(n, i), n.size !== "stretch" && n.size !== "fixed") throw new Error('Invalid size type. Available only "fixed" and "stretch" value');
+        if (Object.assign(n, s), n.size !== "stretch" && n.size !== "fixed") throw new Error('Invalid size type. Available only "fixed" and "stretch" value');
         if (n.width <= 0 || n.height <= 0) throw new Error("Invalid width or height");
         if (n.flippingTime <= 0) throw new Error("Invalid flipping time");
         return n.size === "stretch" ? (n.minWidth <= 0 && (n.minWidth = 100), n.maxWidth < n.minWidth && (n.maxWidth = 2e3), n.minHeight <= 0 && (n.minHeight = 100), n.maxHeight < n.minHeight && (n.maxHeight = 2e3)) : (n.minWidth = n.width, n.maxWidth = n.width, n.minHeight = n.height, n.maxHeight = n.height), n;
       }
     }
-    (function(f, i) {
-      i === void 0 && (i = {});
-      var n = i.insertAt;
+    (function(m, s) {
+      s === void 0 && (s = {});
+      var n = s.insertAt;
       if (typeof document < "u") {
         var a = document.head || document.getElementsByTagName("head")[0], l = document.createElement("style");
-        l.type = "text/css", n === "top" && a.firstChild ? a.insertBefore(l, a.firstChild) : a.appendChild(l), l.styleSheet ? l.styleSheet.cssText = f : l.appendChild(document.createTextNode(f));
+        l.type = "text/css", n === "top" && a.firstChild ? a.insertBefore(l, a.firstChild) : a.appendChild(l), l.styleSheet ? l.styleSheet.cssText = m : l.appendChild(document.createTextNode(m));
       }
     })(`.stf__parent {
   position: relative;
@@ -2386,22 +2449,22 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   position: absolute;
   left: 0;
   top: 0;
-}`), s.PageFlip = class extends class {
+}`), i.PageFlip = class extends class {
       constructor() {
         this.events = /* @__PURE__ */ new Map();
       }
-      on(f, i) {
-        return this.events.has(f) ? this.events.get(f).push(i) : this.events.set(f, [i]), this;
+      on(m, s) {
+        return this.events.has(m) ? this.events.get(m).push(s) : this.events.set(m, [s]), this;
       }
-      off(f) {
-        this.events.delete(f);
+      off(m) {
+        this.events.delete(m);
       }
-      trigger(f, i, n = null) {
-        if (this.events.has(f)) for (const a of this.events.get(f)) a({ data: n, object: i });
+      trigger(m, s, n = null) {
+        if (this.events.has(m)) for (const a of this.events.get(m)) a({ data: n, object: s });
       }
     } {
-      constructor(f, i) {
-        super(), this.isUserTouch = !1, this.isUserMove = !1, this.setting = null, this.pages = null, this.setting = new N().getSettings(i), this.block = f;
+      constructor(m, s) {
+        super(), this.isUserTouch = !1, this.isUserMove = !1, this.setting = null, this.pages = null, this.setting = new H().getSettings(s), this.block = m;
       }
       destroy() {
         this.ui.destroy(), this.block.remove();
@@ -2409,25 +2472,25 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       update() {
         this.render.update(), this.pages.show();
       }
-      loadFromImages(f) {
-        this.ui = new B(this.block, this, this.setting);
-        const i = this.ui.getCanvas();
-        this.render = new C(this, this.setting, i), this.flipController = new D(this.render, this), this.pages = new u(this, this.render, f), this.pages.load(), this.render.start(), this.pages.show(this.setting.startPage), setTimeout(() => {
+      loadFromImages(m) {
+        this.ui = new U(this.block, this, this.setting);
+        const s = this.ui.getCanvas();
+        this.render = new T(this, this.setting, s), this.flipController = new I(this.render, this), this.pages = new u(this, this.render, m), this.pages.load(), this.render.start(), this.pages.show(this.setting.startPage), setTimeout(() => {
           this.ui.update(), this.trigger("init", this, { page: this.setting.startPage, mode: this.render.getOrientation() });
         }, 1);
       }
-      loadFromHTML(f) {
-        this.ui = new F(this.block, this, this.setting, f), this.render = new H(this, this.setting, this.ui.getDistElement()), this.flipController = new D(this.render, this), this.pages = new P(this, this.render, this.ui.getDistElement(), f), this.pages.load(), this.render.start(), this.pages.show(this.setting.startPage), setTimeout(() => {
+      loadFromHTML(m) {
+        this.ui = new L(this.block, this, this.setting, m), this.render = new N(this, this.setting, this.ui.getDistElement()), this.flipController = new I(this.render, this), this.pages = new P(this, this.render, this.ui.getDistElement(), m), this.pages.load(), this.render.start(), this.pages.show(this.setting.startPage), setTimeout(() => {
           this.ui.update(), this.trigger("init", this, { page: this.setting.startPage, mode: this.render.getOrientation() });
         }, 1);
       }
-      updateFromImages(f) {
-        const i = this.pages.getCurrentPageIndex();
-        this.pages.destroy(), this.pages = new u(this, this.render, f), this.pages.load(), this.pages.show(i), this.trigger("update", this, { page: i, mode: this.render.getOrientation() });
+      updateFromImages(m) {
+        const s = this.pages.getCurrentPageIndex();
+        this.pages.destroy(), this.pages = new u(this, this.render, m), this.pages.load(), this.pages.show(s), this.trigger("update", this, { page: s, mode: this.render.getOrientation() });
       }
-      updateFromHtml(f) {
-        const i = this.pages.getCurrentPageIndex();
-        this.pages.destroy(), this.pages = new P(this, this.render, this.ui.getDistElement(), f), this.pages.load(), this.ui.updateItems(f), this.render.reload(), this.pages.show(i), this.trigger("update", this, { page: i, mode: this.render.getOrientation() });
+      updateFromHtml(m) {
+        const s = this.pages.getCurrentPageIndex();
+        this.pages.destroy(), this.pages = new P(this, this.render, this.ui.getDistElement(), m), this.pages.load(), this.ui.updateItems(m), this.render.reload(), this.pages.show(s), this.trigger("update", this, { page: s, mode: this.render.getOrientation() });
       }
       clear() {
         this.pages.destroy(), this.ui.clear();
@@ -2438,26 +2501,26 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       turnToNextPage() {
         this.pages.showNext();
       }
-      turnToPage(f) {
-        this.pages.show(f);
+      turnToPage(m) {
+        this.pages.show(m);
       }
-      flipNext(f = "top") {
-        this.flipController.flipNext(f);
+      flipNext(m = "top") {
+        this.flipController.flipNext(m);
       }
-      flipPrev(f = "top") {
-        this.flipController.flipPrev(f);
+      flipPrev(m = "top") {
+        this.flipController.flipPrev(m);
       }
-      flip(f, i = "top") {
-        this.flipController.flipToPage(f, i);
+      flip(m, s = "top") {
+        this.flipController.flipToPage(m, s);
       }
-      updateState(f) {
-        this.trigger("changeState", this, f);
+      updateState(m) {
+        this.trigger("changeState", this, m);
       }
-      updatePageIndex(f) {
-        this.trigger("flip", this, f);
+      updatePageIndex(m) {
+        this.trigger("flip", this, m);
       }
-      updateOrientation(f) {
-        this.ui.setOrientationStyle(f), this.update(), this.trigger("changeOrientation", this, f);
+      updateOrientation(m) {
+        this.ui.setOrientationStyle(m), this.update(), this.trigger("changeOrientation", this, m);
       }
       getPageCount() {
         return this.pages.getPageCount();
@@ -2465,8 +2528,8 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       getCurrentPageIndex() {
         return this.pages.getCurrentPageIndex();
       }
-      getPage(f) {
-        return this.pages.getPage(f);
+      getPage(m) {
+        return this.pages.getPage(m);
       }
       getRender() {
         return this.render;
@@ -2492,21 +2555,21 @@ var hi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       getPageCollection() {
         return this.pages;
       }
-      startUserTouch(f) {
-        this.mousePosition = f, this.isUserTouch = !0, this.isUserMove = !1;
+      startUserTouch(m) {
+        this.mousePosition = m, this.isUserTouch = !0, this.isUserMove = !1;
       }
-      userMove(f, i) {
-        this.isUserTouch || i || !this.setting.showPageCorners ? this.isUserTouch && g.GetDistanceBetweenTwoPoint(this.mousePosition, f) > 5 && (this.isUserMove = !0, this.flipController.fold(f)) : this.flipController.showCorner(f);
+      userMove(m, s) {
+        this.isUserTouch || s || !this.setting.showPageCorners ? this.isUserTouch && c.GetDistanceBetweenTwoPoint(this.mousePosition, m) > 5 && (this.isUserMove = !0, this.flipController.fold(m)) : this.flipController.showCorner(m);
       }
-      userStop(f, i = !1) {
-        this.isUserTouch && (this.isUserTouch = !1, i || (this.isUserMove ? this.flipController.stopMove() : this.flipController.flip(f)));
+      userStop(m, s = !1) {
+        this.isUserTouch && (this.isUserTouch = !1, s || (this.isUserMove ? this.flipController.stopMove() : this.flipController.flip(m)));
       }
-    }, Object.defineProperty(s, "__esModule", { value: !0 });
+    }, Object.defineProperty(i, "__esModule", { value: !0 });
   });
-})(Dt, Dt.exports);
-var li = Dt.exports;
+})(It, It.exports);
+var fi = It.exports;
 /**
- * @license FlipbookEngine v0.5.4
+ * @license FlipbookEngine v0.6.5
  * Copyright (c) 2026 Murat Dogan
  *
  * This source code is dual-licensed under the AGPLv3 and a Commercial License.
@@ -2519,32 +2582,32 @@ var li = Dt.exports;
  *    you must purchase a Commercial License from:
  *    https://flipbookengine.com/pricing
  */
-function ci() {
+function mi() {
   return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function di(e, t = ci()) {
+function wi(e, t = mi()) {
   return t ? 0 : typeof e == "number" && e >= 0 ? e : 1e3;
 }
-class ui {
-  constructor(t, s, o) {
-    m(this, "pageFlip", null);
-    m(this, "bookContainer");
-    m(this, "options");
-    m(this, "store");
-    m(this, "unsubs", []);
-    m(this, "audioEl", null);
-    m(this, "audioUnlockHandler", null);
-    m(this, "isLibraryFlipping", !1);
-    m(this, "autoPlayTimer", null);
-    m(this, "layoutUpdateTimer", null);
-    this.bookContainer = t, this.options = s, this.store = o, s.soundUrl && (this.audioEl = new Audio(s.soundUrl), this.unlockAudio());
+class vi {
+  constructor(t, i, o) {
+    v(this, "pageFlip", null);
+    v(this, "bookContainer");
+    v(this, "options");
+    v(this, "store");
+    v(this, "unsubs", []);
+    v(this, "audioEl", null);
+    v(this, "audioUnlockHandler", null);
+    v(this, "isLibraryFlipping", !1);
+    v(this, "autoPlayTimer", null);
+    v(this, "layoutUpdateTimer", null);
+    this.bookContainer = t, this.options = i, this.store = o, i.soundUrl && (this.audioEl = new Audio(i.soundUrl), this.unlockAudio());
   }
   unlockAudio() {
     if (!this.audioEl) return;
     const t = () => {
       if (this.audioEl) {
-        const s = this.audioEl.play();
-        s && typeof s.then == "function" && s.then(() => {
+        const i = this.audioEl.play();
+        i && typeof i.then == "function" && i.then(() => {
           this.audioEl.pause(), this.audioEl.currentTime = 0;
         }).catch(() => {
         });
@@ -2553,10 +2616,10 @@ class ui {
     };
     this.audioUnlockHandler = t, document.addEventListener("touchstart", t, { once: !0 }), document.addEventListener("click", t, { once: !0 });
   }
-  init(t, s) {
-    this.pageFlip = new li.PageFlip(this.bookContainer, {
+  init(t, i) {
+    this.pageFlip = new fi.PageFlip(this.bookContainer, {
       width: t,
-      height: s,
+      height: i,
       size: "stretch",
       minWidth: 100,
       maxWidth: 3e3,
@@ -2565,9 +2628,10 @@ class ui {
       drawShadow: !0,
       showCover: !0,
       usePortrait: !0,
-      mobileScrollSupport: !1,
+      // Keep native mobile scrolling available; this avoids preventDefault on non-cancelable touchstart events.
+      mobileScrollSupport: !0,
       maxShadowOpacity: this.options.maxShadowOpacity || 0.5,
-      flippingTime: di(this.options.flippingTime)
+      flippingTime: wi(this.options.flippingTime)
     });
     const o = this.bookContainer.querySelectorAll(".bz-page");
     this.pageFlip.loadFromHTML(Array.from(o)), this.bindEvents(), this.setupSignalSync();
@@ -2583,24 +2647,24 @@ class ui {
   }
   setupSignalSync() {
     this.unsubs.push(
-      G(() => {
-        const t = this.store.currentPage.value, s = this.store.flipState.peek();
-        if (!this.pageFlip || this.isLibraryFlipping || s !== "read") return;
+      _(() => {
+        const t = this.store.currentPage.value, i = this.store.flipState.peek();
+        if (!this.pageFlip || this.isLibraryFlipping || i !== "read") return;
         const o = this.pageFlip.getCurrentPageIndex();
         if (o !== t && !this.store.isSingleMode.value) {
-          const r = (g) => g === 0 ? 0 : Math.ceil(g / 2), h = r(t), u = r(o);
+          const r = (c) => c === 0 ? 0 : Math.ceil(c / 2), h = r(t), u = r(o);
           h === u + 1 ? this.pageFlip.flipNext() : h === u - 1 ? this.pageFlip.flipPrev() : h !== u && this.pageFlip.turnToPage(t);
         }
       })
     ), this.unsubs.push(
-      G(() => {
+      _(() => {
         this.store.isSingleMode.value, this.pageFlip && (this.layoutUpdateTimer && clearTimeout(this.layoutUpdateTimer), this.layoutUpdateTimer = setTimeout(() => {
           this.layoutUpdateTimer = null, this.pageFlip && this.pageFlip.update(), window.dispatchEvent(new Event("resize"));
         }, 50));
       })
     ), this.unsubs.push(
-      G(() => {
-        const t = this.store.isAutoPlaying.value, s = this.store.autoPlayInterval.value || 3e3;
+      _(() => {
+        const t = this.store.isAutoPlaying.value, i = this.store.autoPlayInterval.value || 3e3;
         this.autoPlayTimer && (clearInterval(this.autoPlayTimer), this.autoPlayTimer = null), t && (this.autoPlayTimer = setInterval(() => {
           const o = this.store.pages.value.length - 1;
           if (this.store.currentPage.peek() >= o || this.store.currentPage.peek() >= o - 1 && !this.store.isSingleMode.peek()) {
@@ -2608,7 +2672,7 @@ class ui {
             return;
           }
           this.turnToNextPage();
-        }, s));
+        }, i));
       })
     );
   }
@@ -2628,7 +2692,7 @@ class ui {
     if (this.store.soundEnabled.value && this.audioEl) {
       this.audioEl.currentTime = 0;
       const t = this.audioEl.play();
-      t && typeof t.catch == "function" && t.catch((s) => console.warn("Flipbook Audio Play Error:", s));
+      t && typeof t.catch == "function" && t.catch((i) => console.warn("Flipbook Audio Play Error:", i));
     }
   }
   update() {
@@ -2639,7 +2703,7 @@ class ui {
   }
 }
 /**
- * @license FlipbookEngine v0.5.4
+ * @license FlipbookEngine v0.6.5
  * Copyright (c) 2026 Murat Dogan
  *
  * This source code is dual-licensed under the AGPLv3 and a Commercial License.
@@ -2652,26 +2716,26 @@ class ui {
  *    you must purchase a Commercial License from:
  *    https://flipbookengine.com/pricing
  */
-class gi {
-  constructor(t, s) {
-    m(this, "wrapperElement", null);
-    m(this, "sizerElement", null);
-    m(this, "pageViewport");
-    m(this, "store");
-    m(this, "resizeObserver", null);
-    m(this, "orientationMediaQuery", null);
-    m(this, "orientationChangeHandler", null);
-    m(this, "unsubs", []);
-    m(this, "updateTimer", null);
-    m(this, "onResizeCallback");
-    this.pageViewport = t, this.store = s;
-  }
-  init(t, s) {
-    this.wrapperElement = t, this.sizerElement = s, this.setupResizeObserver(), this.setupOrientationMedia(), this.setupStateSync(), this.updateBookAspectRatio();
+class yi {
+  constructor(t, i) {
+    v(this, "wrapperElement", null);
+    v(this, "sizerElement", null);
+    v(this, "pageViewport");
+    v(this, "store");
+    v(this, "resizeObserver", null);
+    v(this, "orientationMediaQuery", null);
+    v(this, "orientationChangeHandler", null);
+    v(this, "unsubs", []);
+    v(this, "updateTimer", null);
+    v(this, "onResizeCallback");
+    this.pageViewport = t, this.store = i;
+  }
+  init(t, i) {
+    this.wrapperElement = t, this.sizerElement = i, this.setupResizeObserver(), this.setupOrientationMedia(), this.setupStateSync(), this.updateBookAspectRatio();
   }
   setupStateSync() {
     this.unsubs.push(
-      G(() => {
+      _(() => {
         this.store.isSingleMode.value, this.store.orientation.value, this.scheduleAspectRatioUpdate();
       })
     );
@@ -2684,21 +2748,21 @@ class gi {
   setupOrientationMedia() {
     if (typeof window < "u" && window.matchMedia) {
       this.orientationMediaQuery = window.matchMedia("(orientation: portrait)");
-      const t = (s) => {
-        s.matches, this.updateBookAspectRatio();
+      const t = (i) => {
+        i.matches, this.updateBookAspectRatio();
       };
       this.orientationChangeHandler = t, this.orientationMediaQuery.addEventListener ? this.orientationMediaQuery.addEventListener("change", t) : this.orientationMediaQuery.addListener(t), t(this.orientationMediaQuery);
     }
   }
   updateBookAspectRatio() {
     if (!this.wrapperElement || !this.sizerElement) return;
-    const t = this.wrapperElement.clientWidth, s = this.wrapperElement.clientHeight;
-    if (t === 0 || s === 0) return;
+    const t = this.wrapperElement.clientWidth, i = this.wrapperElement.clientHeight;
+    if (t === 0 || i === 0) return;
     const o = this.pageViewport.width, r = this.pageViewport.height, u = this.store.isDoublePageLayout.value ? o * 2 / r : o / r;
-    let g = t, x = t / u;
-    x > s && (x = s, g = s * u);
-    let P = Math.ceil(g);
-    P % 2 !== 0 && (P += 1), this.sizerElement.style.width = `${P}px`, this.sizerElement.style.height = `${Math.floor(x)}px`, this.sizerElement.style.aspectRatio = "", this.onResizeCallback && this.onResizeCallback();
+    let c = t, b = t / u;
+    b > i && (b = i, c = i * u);
+    let P = Math.ceil(c);
+    P % 2 !== 0 && (P += 1), this.sizerElement.style.width = `${P}px`, this.sizerElement.style.height = `${Math.floor(b)}px`, this.sizerElement.style.aspectRatio = "", this.onResizeCallback && this.onResizeCallback();
   }
   destroy() {
     this.updateTimer && (clearTimeout(this.updateTimer), this.updateTimer = null), this.unsubs.forEach((t) => t()), this.unsubs = [], this.resizeObserver && this.wrapperElement && (this.resizeObserver.unobserve(this.wrapperElement), this.resizeObserver.disconnect(), this.resizeObserver = null), this.orientationMediaQuery && (this.orientationChangeHandler && (this.orientationMediaQuery.removeEventListener ? this.orientationMediaQuery.removeEventListener("change", this.orientationChangeHandler) : this.orientationMediaQuery.removeListener(this.orientationChangeHandler)), this.orientationChangeHandler = null, this.orientationMediaQuery = null);
@@ -2710,7 +2774,7 @@ class gi {
   }
 }
 /**
- * @license FlipbookEngine v0.5.4
+ * @license FlipbookEngine v0.6.5
  * Copyright (c) 2026 Murat Dogan
  *
  * This source code is dual-licensed under the AGPLv3 and a Commercial License.
@@ -2723,16 +2787,16 @@ class gi {
  *    you must purchase a Commercial License from:
  *    https://flipbookengine.com/pricing
  */
-class pi {
-  constructor(t, s, o) {
-    m(this, "container");
-    m(this, "pageFlipAdapter");
-    m(this, "store");
-    m(this, "touchStartX", null);
-    m(this, "unsubs", []);
-    m(this, "listenerAbortController");
+class bi {
+  constructor(t, i, o) {
+    v(this, "container");
+    v(this, "pageFlipAdapter");
+    v(this, "store");
+    v(this, "touchStartX", null);
+    v(this, "unsubs", []);
+    v(this, "listenerAbortController");
     var h;
-    this.container = t, this.pageFlipAdapter = s, this.store = o;
+    this.container = t, this.pageFlipAdapter = i, this.store = o;
     const r = ((h = t.ownerDocument.defaultView) == null ? void 0 : h.AbortController) ?? globalThis.AbortController;
     this.listenerAbortController = new r();
   }
@@ -2741,7 +2805,7 @@ class pi {
   }
   setupStateSync() {
     this.unsubs.push(
-      G(() => {
+      _(() => {
         this.store.isZoomed.value = this.store.zoomState.value.isActive, this.store.zoomState.value.isActive ? (this.container.style.transform = `translate(${this.store.zoomState.value.translateX}px, ${this.store.zoomState.value.translateY}px) scale(${this.store.zoomState.value.scale})`, this.container.style.transition = "none") : (this.container.style.transform = "", this.container.style.transition = "transform 0.3s ease");
       })
     );
@@ -2755,19 +2819,19 @@ class pi {
     }, { passive: !1, signal: this.listenerAbortController.signal });
   }
   bindMouseDrag() {
-    let t = !1, s = 0, o = 0, r = 0, h = 0;
+    let t = !1, i = 0, o = 0, r = 0, h = 0;
     this.container.addEventListener("mousedown", (u) => {
-      this.store.zoomState.value.isActive && (t = !0, s = u.clientX, o = u.clientY, r = this.store.zoomState.value.translateX, h = this.store.zoomState.value.translateY, this.container.style.cursor = "grabbing");
+      this.store.zoomState.value.isActive && (t = !0, i = u.clientX, o = u.clientY, r = this.store.zoomState.value.translateX, h = this.store.zoomState.value.translateY, this.container.style.cursor = "grabbing");
     }, { signal: this.listenerAbortController.signal }), window.addEventListener("mousemove", (u) => {
       if (!t || !this.store.zoomState.value.isActive) return;
-      const g = u.clientX - s, x = u.clientY - o;
-      this.updateZoomPan(r + g, h + x);
+      const c = u.clientX - i, b = u.clientY - o;
+      this.updateZoomPan(r + c, h + b);
     }, { signal: this.listenerAbortController.signal }), window.addEventListener("mouseup", () => {
       t && (t = !1, this.container.style.cursor = this.store.zoomState.value.isActive ? "grab" : "");
     }, { signal: this.listenerAbortController.signal });
   }
   bindTouch() {
-    let t = !1, s = 0, o = 0;
+    let t = !1, i = 0, o = 0;
     this.container.addEventListener("touchstart", (r) => {
       if (r.touches.length === 1)
         if (!this.store.zoomState.value.isActive)
@@ -2775,13 +2839,13 @@ class pi {
         else {
           t = !0, this.touchStartX = r.touches[0].clientX;
           const h = r.touches[0].clientY;
-          s = this.store.zoomState.value.translateX, o = this.store.zoomState.value.translateY, this.container._touchStartY = h;
+          i = this.store.zoomState.value.translateX, o = this.store.zoomState.value.translateY, this.container._touchStartY = h;
         }
     }, { passive: !0, signal: this.listenerAbortController.signal }), this.container.addEventListener("touchmove", (r) => {
       if (t && this.store.zoomState.value.isActive && r.touches.length === 1 && this.touchStartX !== null) {
         r.preventDefault();
         const h = r.touches[0].clientX - this.touchStartX, u = r.touches[0].clientY - this.container._touchStartY;
-        this.updateZoomPan(s + h, o + u);
+        this.updateZoomPan(i + h, o + u);
       }
     }, { passive: !1, signal: this.listenerAbortController.signal }), this.container.addEventListener("touchend", (r) => {
       if (this.touchStartX !== null && !this.store.zoomState.value.isActive && this.store.isSingleMode.value && r.changedTouches.length === 1) {
@@ -2803,126 +2867,159 @@ class pi {
     let t = this.store.zoomState.value.scale - 0.5;
     t <= 1 ? (t = 1, this.store.zoomState.value = { ...this.store.zoomState.value, isActive: !1, translateX: 0, translateY: 0, scale: 1 }, this.container.style.cursor = "") : this.store.zoomState.value = { ...this.store.zoomState.value, isActive: !0, scale: t };
   }
-  updateZoomPan(t, s) {
+  updateZoomPan(t, i) {
     this.store.zoomState.value = {
       ...this.store.zoomState.value,
       translateX: t,
-      translateY: s
+      translateY: i
     };
   }
   destroy() {
     this.listenerAbortController.abort(), this.unsubs.forEach((t) => t()), this.unsubs = [];
   }
 }
+function be(e, t, i) {
+  if (!e || typeof e.title != "string" || !e.title.trim() || !Number.isFinite(e.pageIndex)) return null;
+  const o = Math.max(0, t - 1), r = Array.isArray(e.children) ? e.children.map((h, u) => be(h, t, i + "-" + u)).filter((h) => h !== null) : [];
+  return {
+    id: e.id ?? i,
+    title: e.title.trim(),
+    pageIndex: Math.max(0, Math.min(o, Math.trunc(e.pageIndex))),
+    ...r.length ? { children: r } : {}
+  };
+}
+function Pe(e, t) {
+  return Array.isArray(e) ? e.map((i, o) => be(i, t, "toc-" + o)).filter((i) => i !== null) : [];
+}
 /**
- * @license FlipbookEngine v0.5.4
+ * @license FlipbookEngine v0.6.5
  * Copyright (c) 2026 Murat Dogan
  *
  * This source code is dual-licensed under the AGPLv3 and a Commercial License.
  */
-const Kt = () => ({ isActive: !1, translateX: 0, translateY: 0, isDragging: !1, scale: 1 });
-function me() {
-  const e = M(0), t = M(0), s = M(!1), o = M(!0), r = M(!0), h = M("landscape"), u = M("read"), g = M("auto"), x = M(!0), P = M(!1), b = M("#7367f0"), D = M(!1), $ = M(!1), C = M(!1), T = M(3e3), F = M(!0), B = M("en"), H = M({}), N = M(Kt()), f = M([]), i = w(() => !s.value && h.value === "landscape"), n = w(() => i.value && e.value === 0), a = w(() => i.value && e.value >= t.value - 1);
-  return { currentPage: e, totalPages: t, isSingleMode: s, showThumbs: o, showArrows: r, orientation: h, flipState: u, themeMode: g, allowDownload: x, hasDownloadUrl: P, primaryColor: b, whiteLabel: D, isZoomed: $, isAutoPlaying: C, autoPlayInterval: T, soundEnabled: F, locale: B, messages: H, zoomState: N, pages: f, isDoublePageLayout: i, isFrontCover: n, isBackCover: a, init: (c, v, y, A) => {
-    t.value = v, f.value = y, P.value = A, c.theme !== void 0 && (g.value = c.theme), c.primaryColor !== void 0 && (b.value = c.primaryColor), c.showThumbs !== void 0 && (o.value = c.showThumbs), c.showArrows !== void 0 && (r.value = c.showArrows), c.allowDownload !== void 0 && (x.value = c.allowDownload), c.whiteLabel !== void 0 && (D.value = c.whiteLabel), c.soundEnabled !== void 0 && (F.value = c.soundEnabled), c.locale !== void 0 && (B.value = c.locale), c.messages !== void 0 && (H.value = c.messages), c.isSingleMode !== void 0 && (s.value = c.isSingleMode), c.singleMode !== void 0 && (s.value = c.singleMode), c.autoPlay !== void 0 && (C.value = c.autoPlay), c.autoPlayInterval !== void 0 && (T.value = c.autoPlayInterval), e.value = 0;
+const te = () => ({ isActive: !1, translateX: 0, translateY: 0, isDragging: !1, scale: 1 });
+function xe() {
+  const e = D(0), t = D(0), i = D(!1), o = D(!1), r = D(!1), h = D(!0), u = D("landscape"), c = D("read"), b = D("auto"), P = D(!0), k = D(!1), I = D("#7367f0"), S = D(!1), T = D(!1), A = D(!1), L = D(3e3), U = D(!0), N = D("en"), H = D({}), m = D(te()), s = D([]), n = D([]), a = w(() => !i.value && u.value === "landscape"), l = w(() => a.value && e.value === 0), d = w(() => a.value && e.value >= t.value - 1);
+  return { currentPage: e, totalPages: t, isSingleMode: i, showThumbs: o, showToc: r, showArrows: h, orientation: u, flipState: c, themeMode: b, allowDownload: P, hasDownloadUrl: k, primaryColor: I, whiteLabel: S, isZoomed: T, isAutoPlaying: A, autoPlayInterval: L, soundEnabled: U, locale: N, messages: H, zoomState: m, pages: s, toc: n, isDoublePageLayout: a, isFrontCover: l, isBackCover: d, init: (f, E, R, O) => {
+    t.value = E, s.value = R, k.value = O, f.theme !== void 0 && (b.value = f.theme), f.primaryColor !== void 0 && (I.value = f.primaryColor), f.showThumbs !== void 0 && (o.value = f.showThumbs), f.showToc !== void 0 && (r.value = f.showToc), n.value = Pe(f.toc ?? [], E), f.showArrows !== void 0 && (h.value = f.showArrows), f.allowDownload !== void 0 && (P.value = f.allowDownload), f.whiteLabel !== void 0 && (S.value = f.whiteLabel), f.soundEnabled !== void 0 && (U.value = f.soundEnabled), f.locale !== void 0 && (N.value = f.locale), f.messages !== void 0 && (H.value = f.messages), f.isSingleMode !== void 0 && (i.value = f.isSingleMode), f.singleMode !== void 0 && (i.value = f.singleMode), f.autoPlay !== void 0 && (A.value = f.autoPlay), f.autoPlayInterval !== void 0 && (L.value = f.autoPlayInterval), e.value = 0;
   }, reset: () => {
-    e.value = 0, t.value = 0, s.value = !1, o.value = !0, r.value = !0, h.value = "landscape", u.value = "read", g.value = "auto", x.value = !0, P.value = !1, b.value = "#7367f0", D.value = !1, $.value = !1, C.value = !1, T.value = 3e3, F.value = !0, B.value = "en", H.value = {}, N.value = Kt(), f.value = [];
+    e.value = 0, t.value = 0, i.value = !1, o.value = !1, h.value = !0, u.value = "landscape", c.value = "read", b.value = "auto", P.value = !0, k.value = !1, I.value = "#7367f0", S.value = !1, T.value = !1, A.value = !1, L.value = 3e3, U.value = !0, N.value = "en", H.value = {}, m.value = te(), s.value = [], n.value = [];
   } };
 }
-const E = me();
-E.currentPage;
-E.totalPages;
-E.isSingleMode;
-E.showThumbs;
-E.showArrows;
-E.orientation;
-E.flipState;
-E.themeMode;
-E.allowDownload;
-E.hasDownloadUrl;
-E.primaryColor;
-E.whiteLabel;
-E.isZoomed;
-E.isAutoPlaying;
-E.autoPlayInterval;
-E.soundEnabled;
-E.locale;
-E.messages;
-E.zoomState;
-E.pages;
-E.isDoublePageLayout;
-E.isFrontCover;
-E.isBackCover;
-function fi(e) {
+const C = xe();
+C.currentPage;
+C.totalPages;
+C.isSingleMode;
+C.showThumbs;
+C.showToc;
+C.showArrows;
+C.orientation;
+C.flipState;
+C.themeMode;
+C.allowDownload;
+C.hasDownloadUrl;
+C.primaryColor;
+C.whiteLabel;
+C.isZoomed;
+C.isAutoPlaying;
+C.autoPlayInterval;
+C.soundEnabled;
+C.locale;
+C.messages;
+C.zoomState;
+C.pages;
+C.toc;
+C.isDoublePageLayout;
+C.isFrontCover;
+C.isBackCover;
+function Pi(e) {
   if (!e || typeof e != "object") return !1;
   const t = e;
   return typeof t.normal == "string" && typeof t.low == "string" && typeof t.thumb == "string";
 }
-function mi(e) {
+function xi(e) {
   return Array.isArray(e.pageNumbers) && e.pageNumbers.length > 0 ? e.pageNumbers : typeof e.pageNumber == "number" ? e.kind === "spread" ? [e.pageNumber, e.pageNumber + 1] : [e.pageNumber] : [];
 }
-function wi(e) {
+function Si(e) {
   return e === "rtl" ? ["right", "left"] : ["left", "right"];
 }
-function vi(e) {
+function Ti(e) {
   const t = [];
-  let s = 1;
+  let i = 1;
   return e.forEach((o, r) => {
-    const h = o.kind ?? "single", u = o.id ?? `asset-${r}`, g = o.splitDirection ?? "ltr", x = mi(o);
+    const h = o.kind ?? "single", u = o.id ?? `asset-${r}`, c = o.splitDirection ?? "ltr", b = xi(o);
     if (h === "spread") {
-      const b = x.length >= 2 ? x.slice(0, 2) : [s, s + 1], D = wi(g);
-      b.forEach(($, C) => {
+      const k = b.length >= 2 ? b.slice(0, 2) : [i, i + 1], I = Si(c);
+      k.forEach((S, T) => {
         t.push({
           index: t.length,
           assetId: u,
-          pageNumber: $,
-          cropMode: D[C] ?? "full",
+          pageNumber: S,
+          sourcePageNumber: S,
+          cropMode: I[T] ?? "full",
           normal: o.normal,
           low: o.low,
           thumb: o.thumb
         });
-      }), s = b[b.length - 1] + 1;
+      }), i = k[k.length - 1] + 1;
       return;
     }
-    const P = x[0] ?? s;
+    const P = b[0] ?? i;
     t.push({
       index: t.length,
       assetId: u,
       pageNumber: P,
+      sourcePageNumber: P,
       cropMode: "full",
       normal: o.normal,
       low: o.low,
       thumb: o.thumb
-    }), s = P + 1;
+    }), i = P + 1;
   }), t;
 }
-function Jt(e, t) {
-  e.classList.add("bk-container"), e.classList.remove("bk-theme-light", "bk-theme-dark"), t.theme === "light" && e.classList.add("bk-theme-light"), t.theme === "dark" && e.classList.add("bk-theme-dark"), t.primaryColor && e.style.setProperty("--flipbook-accent", t.primaryColor);
-  const s = t.cssVariables ?? {};
-  Object.entries(s).forEach(([o, r]) => {
-    const h = o.startsWith("--") ? o : `--${o}`;
-    e.style.setProperty(h, r);
+function ki(e) {
+  return e ? 'url("' + e.replace(/["\\\r\n]/g, (i) => "\\" + i) + '")' : void 0;
+}
+function ee(e, t) {
+  e.classList.add("bk-container"), e.classList.remove("bk-theme-light", "bk-theme-dark"), e.classList.add("bk-theme-" + (t.theme ?? "auto")), t.primaryColor && e.style.setProperty("--flipbook-accent", t.primaryColor);
+  const i = t.background ?? {}, o = t.backgroundColor || t.backgroundImage ? { color: t.backgroundColor, image: t.backgroundImage } : void 0, r = (u, c) => {
+    const b = {
+      ["--flipbook-bg-" + u + "-color"]: c == null ? void 0 : c.color,
+      ["--flipbook-bg-" + u + "-image"]: ki(c == null ? void 0 : c.image),
+      ["--flipbook-bg-" + u + "-size"]: c == null ? void 0 : c.size,
+      ["--flipbook-bg-" + u + "-position"]: c == null ? void 0 : c.position,
+      ["--flipbook-bg-" + u + "-repeat"]: c == null ? void 0 : c.repeat
+    };
+    Object.entries(b).forEach(([P, k]) => {
+      k ? e.style.setProperty(P, k) : e.style.removeProperty(P);
+    });
+  };
+  r("light", i.light ?? o), r("dark", i.dark);
+  const h = t.cssVariables ?? {};
+  Object.entries(h).forEach(([u, c]) => {
+    const b = u.startsWith("--") ? u : "--" + u;
+    e.style.setProperty(b, c);
   });
 }
-class yi {
+class Ci {
   constructor(t = 32) {
-    m(this, "entries", /* @__PURE__ */ new Map());
-    m(this, "hits", 0);
-    m(this, "misses", 0);
+    v(this, "entries", /* @__PURE__ */ new Map());
+    v(this, "hits", 0);
+    v(this, "misses", 0);
     if (this.maxEntries = t, !Number.isInteger(t) || t < 0)
       throw new RangeError("PDF render cache size must be a non-negative integer.");
   }
   get(t) {
-    const s = this.entries.get(t);
-    if (s === void 0) {
+    const i = this.entries.get(t);
+    if (i === void 0) {
       this.misses++;
       return;
     }
-    return this.hits++, this.entries.delete(t), this.entries.set(t, s), s;
+    return this.hits++, this.entries.delete(t), this.entries.set(t, i), i;
   }
-  set(t, s) {
-    if (!(this.maxEntries === 0 || !s))
-      for (this.entries.delete(t), this.entries.set(t, s); this.entries.size > this.maxEntries; ) {
+  set(t, i) {
+    if (!(this.maxEntries === 0 || !i))
+      for (this.entries.delete(t), this.entries.set(t, i); this.entries.size > this.maxEntries; ) {
         const o = this.entries.keys().next().value;
         if (o === void 0) break;
         this.entries.delete(o);
@@ -2938,101 +3035,116 @@ class yi {
     return { size: this.size, maxEntries: this.maxEntries, hits: this.hits, misses: this.misses };
   }
 }
-class bi {
+const kt = 1190.55, Ct = 841.89;
+function Ai(e, t) {
+  const i = Math.max(e, t), o = Math.min(e, t), r = i / o, h = Math.abs(i - kt) / kt <= 0.08 && Math.abs(o - Ct) / Ct <= 0.08;
+  return e >= t && h && Math.abs(r - kt / Ct) <= 0.04;
+}
+class Ei {
   constructor(t = {}) {
-    m(this, "pdfDoc", null);
-    m(this, "loadingTask", null);
-    m(this, "options");
-    m(this, "cache");
-    const s = Number.isFinite(t.cacheSize) ? Math.max(0, Math.floor(t.cacheSize)) : 32;
+    v(this, "pdfDoc", null);
+    v(this, "loadingTask", null);
+    v(this, "options");
+    v(this, "cache");
+    const i = Number.isFinite(t.cacheSize) ? Math.max(0, Math.floor(t.cacheSize)) : 32;
     this.options = {
       scale: t.scale || 1.5,
       quality: t.quality || 0.85,
       format: t.format || "image/webp",
       workerSrc: t.workerSrc || "",
       concurrency: Math.max(1, Math.floor(t.concurrency || 3)),
-      cacheSize: s
-    }, this.cache = new yi(this.options.cacheSize), this.options.workerSrc && (Bt.GlobalWorkerOptions.workerSrc = this.options.workerSrc);
+      cacheSize: i
+    }, this.cache = new Ci(this.options.cacheSize), this.options.workerSrc && (Gt.GlobalWorkerOptions.workerSrc = this.options.workerSrc);
   }
   /** Loads a PDF document and cancels PDF.js loading when the signal aborts. */
-  async loadDocument(t, s) {
-    this.throwIfAborted(s), this.cache.clear();
-    const o = Bt.getDocument(t);
+  async loadDocument(t, i) {
+    this.throwIfAborted(i), this.cache.clear();
+    const o = Gt.getDocument(t);
     this.loadingTask = o;
     const r = () => {
       var h;
       return (h = o.destroy) == null ? void 0 : h.call(o);
     };
-    s == null || s.addEventListener("abort", r, { once: !0 });
+    i == null || i.addEventListener("abort", r, { once: !0 });
     try {
-      return this.pdfDoc = await o.promise, this.throwIfAborted(s), this.pdfDoc.numPages;
+      return this.pdfDoc = await o.promise, this.throwIfAborted(i), this.pdfDoc.numPages;
     } catch (h) {
-      throw s != null && s.aborted ? this.createAbortError() : h;
+      throw i != null && i.aborted ? this.createAbortError() : h;
     } finally {
-      s == null || s.removeEventListener("abort", r), this.loadingTask === o && (this.loadingTask = null);
+      i == null || i.removeEventListener("abort", r), this.loadingTask === o && (this.loadingTask = null);
     }
   }
   /** Renders a specific page to a Data URL. The page index is 1-based. */
-  async renderPageToDataUrl(t, s) {
+  async renderPageToDataUrl(t, i) {
     if (!this.pdfDoc) throw new Error("PDF document is not loaded.");
-    this.throwIfAborted(s);
+    this.throwIfAborted(i);
     const o = this.cache.get(t);
     if (o !== void 0) return o;
     try {
       const r = await this.pdfDoc.getPage(t);
-      this.throwIfAborted(s);
+      this.throwIfAborted(i);
       const h = r.getViewport({ scale: this.options.scale }), u = document.createElement("canvas");
       u.width = h.width, u.height = h.height;
-      const g = u.getContext("2d");
-      if (g) {
-        const x = r.render({ canvasContext: g, viewport: h }), P = () => {
-          var D;
-          return (D = x.cancel) == null ? void 0 : D.call(x);
+      const c = u.getContext("2d");
+      if (c) {
+        const b = r.render({ canvasContext: c, viewport: h }), P = () => {
+          var I;
+          return (I = b.cancel) == null ? void 0 : I.call(b);
         };
-        s == null || s.addEventListener("abort", P, { once: !0 });
+        i == null || i.addEventListener("abort", P, { once: !0 });
         try {
-          await x.promise, this.throwIfAborted(s);
+          await b.promise, this.throwIfAborted(i);
         } finally {
-          s == null || s.removeEventListener("abort", P);
+          i == null || i.removeEventListener("abort", P);
         }
-        const b = u.toDataURL(this.options.format, this.options.quality);
-        return this.cache.set(t, b), b;
+        const k = u.toDataURL(this.options.format, this.options.quality);
+        return this.cache.set(t, k), k;
       }
       throw new Error("Unable to create a PDF canvas rendering context.");
     } catch (r) {
-      throw s != null && s.aborted ? this.createAbortError() : r;
+      throw i != null && i.aborted ? this.createAbortError() : r;
+    }
+  }
+  /** Returns source page dimensions and whether the page should be split. */
+  async getPageLayouts(t = "auto") {
+    if (!this.pdfDoc) return [];
+    const i = [];
+    for (let o = 1; o <= this.pdfDoc.numPages; o++) {
+      const h = (await this.pdfDoc.getPage(o)).getViewport({ scale: 1 }), u = t === "split" ? h.width >= h.height : t === "auto" && Ai(h.width, h.height);
+      i.push({ width: h.width, height: h.height, split: u });
     }
+    return i;
   }
-  /** Calculates the best viewport dimensions based on the first page. */
-  async calculateViewportDimensions(t = 420) {
+  /** Calculates the best viewport dimensions based on the first logical page. */
+  async calculateViewportDimensions(t = 420, i) {
     if (!this.pdfDoc) throw new Error("PDF document is not loaded.");
-    const o = (await this.pdfDoc.getPage(1)).getViewport({ scale: 1 }), r = o.width / o.height;
-    return r >= 1 ? { width: Math.round(t * r), height: t } : { width: t, height: Math.round(t / r) };
+    const o = await this.pdfDoc.getPage(1), r = i ? { width: i.split ? i.width / 2 : i.width, height: i.height } : o.getViewport({ scale: 1 }), h = r.width / r.height;
+    return h >= 1 ? { width: Math.round(t * h), height: t } : { width: t, height: Math.round(t / h) };
   }
   /** Renders pages concurrently with a bounded worker pool and preserves page order. */
-  async renderAllPages(t, s) {
+  async renderAllPages(t, i) {
     if (!this.pdfDoc) return [];
     this.throwIfAborted(t);
     const o = this.pdfDoc.numPages, r = new Array(o);
     let h = 1, u = 0;
-    const g = async () => {
+    const c = async () => {
       for (; ; ) {
         this.throwIfAborted(t);
         const P = h++;
         if (P > o) return;
-        const b = await this.renderPageToDataUrl(P, t);
+        const k = await this.renderPageToDataUrl(P, t);
         r[P - 1] = {
           index: P - 1,
           assetId: `pdf-page-${P}`,
           pageNumber: P,
           cropMode: "full",
-          normal: b,
-          low: b,
-          thumb: b
-        }, u++, s == null || s({ completed: u, total: o });
+          normal: k,
+          low: k,
+          thumb: k
+        }, u++, i == null || i({ completed: u, total: o });
       }
-    }, x = Math.min(this.options.concurrency, o);
-    return await Promise.all(Array.from({ length: x }, () => g())), this.throwIfAborted(t), r;
+    }, b = Math.min(this.options.concurrency, o);
+    return await Promise.all(Array.from({ length: b }, () => c())), this.throwIfAborted(t), r;
   }
   getCacheStats() {
     return this.cache.getStats();
@@ -3045,12 +3157,12 @@ class bi {
     return t.name = "AbortError", t;
   }
   destroy() {
-    var t, s, o, r;
-    (s = (t = this.loadingTask) == null ? void 0 : t.destroy) == null || s.call(t), this.loadingTask = null, this.pdfDoc && ((r = (o = this.pdfDoc).destroy) == null || r.call(o), this.pdfDoc = null), this.cache.clear();
+    var t, i, o, r;
+    (i = (t = this.loadingTask) == null ? void 0 : t.destroy) == null || i.call(t), this.loadingTask = null, this.pdfDoc && ((r = (o = this.pdfDoc).destroy) == null || r.call(o), this.pdfDoc = null), this.cache.clear();
   }
 }
 /**
- * @license FlipbookEngine v0.5.4
+ * @license FlipbookEngine v0.6.5
  * Copyright (c) 2026 Murat Dogan
  *
  * This source code is dual-licensed under the AGPLv3 and a Commercial License.
@@ -3064,30 +3176,32 @@ class bi {
  *    https://flipbookengine.com/pricing
  */
 const mt = class mt {
-  constructor(t, s = {}) {
-    m(this, "container", null);
-    m(this, "options");
-    m(this, "store", me());
+  constructor(t, i = {}) {
+    v(this, "container", null);
+    v(this, "options");
+    v(this, "store", xe());
     // Core Managers
-    m(this, "pageFlipAdapter", null);
-    m(this, "layoutManager", null);
-    m(this, "interactionManager", null);
-    m(this, "pdfRenderer", null);
-    m(this, "listeners", {});
-    m(this, "initializationTimer", null);
-    m(this, "initGeneration", 0);
-    m(this, "initAbortController", null);
-    m(this, "eventsReady", !1);
-    m(this, "lastEventState", { currentPage: 0, zoom: 1, zoomActive: !1, showThumbs: !0, isSingle: !1, orientation: "" });
-    m(this, "eventSyncStop", null);
-    m(this, "qualityObserver", null);
-    m(this, "pdfLazyStop", null);
-    m(this, "hasActiveSession", !1);
-    m(this, "pdfPageRequests", /* @__PURE__ */ new Map());
-    m(this, "pdfRenderedPages", /* @__PURE__ */ new Set());
+    v(this, "pageFlipAdapter", null);
+    v(this, "layoutManager", null);
+    v(this, "interactionManager", null);
+    v(this, "pdfRenderer", null);
+    v(this, "listeners", {});
+    v(this, "initializationTimer", null);
+    v(this, "initGeneration", 0);
+    v(this, "initAbortController", null);
+    v(this, "eventsReady", !1);
+    v(this, "lastEventState", { currentPage: 0, zoom: 1, zoomActive: !1, showThumbs: !1, showToc: !1, isSingle: !1, orientation: "" });
+    v(this, "eventSyncStop", null);
+    v(this, "qualityObserver", null);
+    v(this, "pdfLazyStop", null);
+    v(this, "hasActiveSession", !1);
+    v(this, "pdfPageRequests", /* @__PURE__ */ new Map());
+    v(this, "pdfRenderedPages", /* @__PURE__ */ new Set());
+    v(this, "pdfRenderedSources", /* @__PURE__ */ new Map());
+    v(this, "pdfSourcePageCount", 0);
     this.selector = t, this.options = {
       allowDownload: !0,
-      showThumbs: !0,
+      showThumbs: !1,
       primaryColor: "#7367f0",
       theme: "auto",
       soundUrl: "https://flipbookengine.com/Content/page-flip.mp3",
@@ -3097,32 +3211,33 @@ const mt = class mt {
       pdfRenderFormat: "image/webp",
       pdfRenderConcurrency: 3,
       pdfRenderCacheSize: 32,
-      ...s
+      pdfPageMode: "auto",
+      ...i
     }, this.setupEventSync();
   }
-  async init(t, s) {
+  async init(t, i) {
     if (typeof this.selector == "string" ? this.container = document.querySelector(this.selector) : this.container = this.selector, !this.container) return;
     this.eventsReady = !1, this.destroy(!0);
     const o = this.initGeneration, r = new AbortController();
     this.initAbortController = r;
     let h = [], u = { ...mt.DEFAULT_PAGE_VIEWPORT };
-    if (s && s.length > 0) {
+    if (i && i.length > 0) {
       if (r.signal.aborted) return;
-      const C = s.filter(fi);
-      h = vi(C);
-      const T = h[0];
-      if (T) {
-        const F = await this.loadImageSize(T.low || T.normal);
-        if (F) {
-          const H = (T.cropMode !== "full" ? F.width / 2 : F.width) / F.height, N = 420;
-          u = H >= 1 ? { width: Math.round(N * H), height: N } : { width: N, height: Math.round(N / H) };
+      const T = i.filter(Pi);
+      h = Ti(T);
+      const A = h[0];
+      if (A) {
+        const L = await this.loadImageSize(A.low || A.normal);
+        if (L) {
+          const N = (A.cropMode !== "full" ? L.width / 2 : L.width) / L.height, H = 420;
+          u = N >= 1 ? { width: Math.round(H * N), height: H } : { width: H, height: Math.round(H / N) };
         }
       }
     } else if (t) {
       if (r.signal.aborted) return;
-      let C = "load";
+      let T = "load";
       try {
-        this.pdfRenderer = new bi({
+        this.pdfRenderer = new Ei({
           scale: this.options.pdfRenderScale,
           quality: this.options.pdfRenderQuality,
           format: this.options.pdfRenderFormat,
@@ -3130,26 +3245,28 @@ const mt = class mt {
           cacheSize: this.options.pdfRenderCacheSize,
           workerSrc: this.options.pdfWorkerSrc
         }), this.emit("progress", { phase: "loading", completed: 0, total: 0 });
-        const T = await this.pdfRenderer.loadDocument(t, r.signal);
-        C = "render", this.emit("progress", { phase: "loading", completed: 1, total: T }), u = await this.pdfRenderer.calculateViewportDimensions(), h = Array.from({ length: T }, (F, B) => this.createPdfPlaceholder(B + 1));
-      } catch (T) {
-        r.signal.aborted || (console.error("PDF load failed:", T), this.emit("error", {
-          code: C === "load" ? "PDF_LOAD_FAILED" : "PDF_RENDER_FAILED",
-          message: T instanceof Error ? T.message : "Unable to load PDF.",
-          cause: T
+        const A = await this.pdfRenderer.loadDocument(t, r.signal);
+        T = "render", this.emit("progress", { phase: "loading", completed: 1, total: A });
+        const L = await this.pdfRenderer.getPageLayouts(this.options.pdfPageMode);
+        u = L.length ? await this.pdfRenderer.calculateViewportDimensions(420, L[0]) : await this.pdfRenderer.calculateViewportDimensions(), h = L.length ? this.createPdfPlaceholders(L) : Array.from({ length: A }, (U, N) => this.createPdfPlaceholder(N + 1)), this.pdfSourcePageCount = A;
+      } catch (A) {
+        r.signal.aborted || (console.error("PDF load failed:", A), this.emit("error", {
+          code: T === "load" ? "PDF_LOAD_FAILED" : "PDF_RENDER_FAILED",
+          message: A instanceof Error ? A.message : "Unable to load PDF.",
+          cause: A
         }));
         return;
       }
     }
     if (r.signal.aborted || o !== this.initGeneration || !h.length) return;
-    this.store.init(this.options, h.length, h, !!t), Jt(this.container, this.options), this.container.innerHTML = "";
-    let g, x, P;
-    const b = { current: null }, D = { current: null }, $ = ai({
-      pageFlipAdapterRef: b,
-      interactionManagerRef: D,
-      bookWrapperRef: (C) => g = C,
-      bookSizerRef: (C) => x = C,
-      bookContainerRef: (C) => P = C,
+    this.store.init(this.options, h.length, h, !!t), ee(this.container, this.options), this.container.innerHTML = "";
+    let c, b, P;
+    const k = { current: null }, I = { current: null }, S = gi({
+      pageFlipAdapterRef: k,
+      interactionManagerRef: I,
+      bookWrapperRef: (T) => c = T,
+      bookSizerRef: (T) => b = T,
+      bookContainerRef: (T) => P = T,
       className: this.options.className,
       store: this.store,
       onToggleFullscreen: () => this.toggleFullscreen(),
@@ -3157,91 +3274,108 @@ const mt = class mt {
         t && (this.options.onDownload ? this.options.onDownload(t) : window.open(t, "_blank"));
       }
     });
-    this.container.appendChild($), this.setupQualityLoading(), this.layoutManager = new gi(u, this.store), this.layoutManager.onResizeCallback = () => {
+    this.container.appendChild(S), this.setupQualityLoading(), this.layoutManager = new yi(u, this.store), this.layoutManager.onResizeCallback = () => {
       this.pageFlipAdapter && this.pageFlipAdapter.update();
-    }, this.layoutManager.init(g, x), this.pageFlipAdapter = new ui(P, this.options, this.store), b.current = this.pageFlipAdapter, await new Promise((C) => {
-      const T = () => {
-        r.signal.removeEventListener("abort", T), C();
+    }, this.layoutManager.init(c, b), this.pageFlipAdapter = new vi(P, this.options, this.store), k.current = this.pageFlipAdapter, await new Promise((T) => {
+      const A = () => {
+        r.signal.removeEventListener("abort", A), T();
       };
-      r.signal.addEventListener("abort", T, { once: !0 }), this.initializationTimer = setTimeout(async () => {
-        if (this.initializationTimer = null, r.signal.removeEventListener("abort", T), r.signal.aborted || o !== this.initGeneration || !this.pageFlipAdapter) {
-          C();
+      r.signal.addEventListener("abort", A, { once: !0 }), this.initializationTimer = setTimeout(async () => {
+        if (this.initializationTimer = null, r.signal.removeEventListener("abort", A), r.signal.aborted || o !== this.initGeneration || !this.pageFlipAdapter) {
+          T();
           return;
         }
-        if (this.pageFlipAdapter.init(u.width, u.height), this.interactionManager = new pi(g, this.pageFlipAdapter, this.store), this.interactionManager.init(), D.current = this.interactionManager, this.setupPdfLazyLoading(), this.pdfRenderer && t)
+        if (this.pageFlipAdapter.init(u.width, u.height), this.interactionManager = new bi(c, this.pageFlipAdapter, this.store), this.interactionManager.init(), I.current = this.interactionManager, this.setupPdfLazyLoading(), this.pdfRenderer && t)
           try {
             await this.renderPdfPage(1, r.signal);
           } catch {
-            C();
+            T();
             return;
           }
         if (r.signal.aborted || o !== this.initGeneration) {
-          C();
+          T();
           return;
         }
-        this.eventsReady = !0, this.captureEventState(), this.hasActiveSession = !0, this.emit("init", { totalPages: h.length }), C();
+        this.eventsReady = !0, this.captureEventState(), this.hasActiveSession = !0, this.emit("init", { totalPages: h.length }), T();
       }, 10);
     }), this.initAbortController === r && (this.initAbortController = null);
   }
   createPdfPlaceholder(t) {
-    const s = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
-    return {
-      index: t - 1,
-      assetId: "pdf-page-" + t,
-      pageNumber: t,
-      cropMode: "full",
-      normal: s,
-      low: s,
-      thumb: s
-    };
+    const i = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
+    return { index: t - 1, assetId: "pdf-page-" + t + "-full", pageNumber: t, sourcePageNumber: t, cropMode: "full", normal: i, low: i, thumb: i };
+  }
+  createPdfPlaceholders(t) {
+    const i = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=", o = [];
+    return t.forEach((r, h) => {
+      const u = h + 1;
+      (r.split ? ["left", "right"] : ["full"]).forEach((b) => {
+        const P = o.length + 1;
+        o.push({
+          index: o.length,
+          assetId: `pdf-page-${u}-${b}`,
+          pageNumber: P,
+          sourcePageNumber: u,
+          cropMode: b,
+          normal: i,
+          low: i,
+          thumb: i
+        });
+      });
+    }), o;
   }
-  renderPdfPage(t, s) {
+  renderPdfPage(t, i) {
     const o = this.pdfRenderer, r = this.initGeneration;
     if (!o) return Promise.resolve("");
     const h = this.pdfPageRequests.get(t);
     if (h) return h;
-    if (this.pdfRenderedPages.has(t)) return Promise.resolve("");
-    const u = o.renderPageToDataUrl(t, s).then((g) => {
-      var x;
-      if (r !== this.initGeneration || s != null && s.aborted) throw this.createAbortError();
-      if (!g) throw new Error("PDF page " + t + " produced no image.");
-      return this.pdfRenderedPages.add(t), (x = this.container) == null || x.querySelectorAll('img[data-pdf-page="' + t + '"]').forEach((P) => {
-        P.src = g, delete P.dataset.pdfPage;
-      }), this.emit("progress", {
+    if (this.pdfRenderedPages.has(t)) {
+      const c = this.pdfRenderedSources.get(t);
+      return c && this.hydratePdfImages(t, c), Promise.resolve(c || "");
+    }
+    const u = o.renderPageToDataUrl(t, i).then((c) => {
+      if (r !== this.initGeneration || i != null && i.aborted) throw this.createAbortError();
+      if (!c) throw new Error("PDF page " + t + " produced no image.");
+      return this.pdfRenderedPages.add(t), this.pdfRenderedSources.set(t, c), this.hydratePdfImages(t, c), this.emit("progress", {
         phase: "rendering",
         completed: this.pdfRenderedPages.size,
-        total: this.store.totalPages.value
-      }), g;
-    }).catch((g) => {
-      throw r !== this.initGeneration && (g == null ? void 0 : g.name) !== "AbortError" ? this.createAbortError() : ((g == null ? void 0 : g.name) === "AbortError" || this.emit("error", {
+        total: this.pdfSourcePageCount || this.store.totalPages.value
+      }), c;
+    }).catch((c) => {
+      throw r !== this.initGeneration && (c == null ? void 0 : c.name) !== "AbortError" ? this.createAbortError() : ((c == null ? void 0 : c.name) === "AbortError" || this.emit("error", {
         code: "PDF_RENDER_FAILED",
-        message: g instanceof Error ? g.message : "Unable to render PDF page.",
-        cause: g
-      }), g);
+        message: c instanceof Error ? c.message : "Unable to render PDF page.",
+        cause: c
+      }), c);
     }).finally(() => {
       this.pdfPageRequests.get(t) === u && this.pdfPageRequests.delete(t);
     });
     return this.pdfPageRequests.set(t, u), u;
   }
+  hydratePdfImages(t, i) {
+    var o;
+    (o = this.container) == null || o.querySelectorAll("img").forEach((r) => {
+      r.dataset.pdfPage === String(t) && (r.src = i, delete r.dataset.pdfPage);
+    });
+  }
   setupPdfLazyLoading() {
     var t;
-    (t = this.pdfLazyStop) == null || t.call(this), this.pdfLazyStop = null, this.pdfRenderer && (this.pdfLazyStop = G(() => {
-      const s = this.store.currentPage.value + 1, o = this.store.totalPages.value;
-      [s, s + 1].filter((r) => r <= o).forEach((r) => {
-        this.renderPdfPage(r).catch(() => {
+    (t = this.pdfLazyStop) == null || t.call(this), this.pdfLazyStop = null, this.pdfRenderer && (this.pdfLazyStop = _(() => {
+      const i = this.store.pages.value[this.store.currentPage.value], o = this.store.pages.value[this.store.currentPage.value + 1];
+      (/* @__PURE__ */ new Set([(i == null ? void 0 : i.sourcePageNumber) ?? (i == null ? void 0 : i.pageNumber), (o == null ? void 0 : o.sourcePageNumber) ?? (o == null ? void 0 : o.pageNumber)])).forEach((h) => {
+        h && this.renderPdfPage(h).catch(() => {
         });
       });
     }));
   }
   loadImageSize(t) {
-    return new Promise((s) => {
+    return new Promise((i) => {
       const o = new Image();
-      o.onload = () => s({ width: o.naturalWidth || o.width, height: o.naturalHeight || o.height }), o.onerror = () => s(null), o.src = t;
+      o.onload = () => i({ width: o.naturalWidth || o.width, height: o.naturalHeight || o.height }), o.onerror = () => i(null), o.src = t;
     });
   }
   goToPage(t) {
-    const s = Math.max(0, this.store.totalPages.value - 1);
-    this.store.currentPage.value = Math.max(0, Math.min(s, Math.trunc(t)));
+    const i = Math.max(0, this.store.totalPages.value - 1);
+    this.store.currentPage.value = Math.max(0, Math.min(i, Math.trunc(t)));
   }
   getTotalPages() {
     return this.store.totalPages.value;
@@ -3253,7 +3387,7 @@ const mt = class mt {
     return this.store.zoomState.value.scale;
   }
   setZoom(t) {
-    const s = Number.isFinite(t) ? t : 1, o = Math.max(0.5, Math.min(5, s));
+    const i = Number.isFinite(t) ? t : 1, o = Math.max(0.5, Math.min(5, i));
     this.store.zoomState.value = {
       ...this.store.zoomState.value,
       scale: o,
@@ -3265,55 +3399,59 @@ const mt = class mt {
     this.pageFlipAdapter && this.pageFlipAdapter.turnToNextPage();
   }
   toggleFullscreen() {
-    var s, o;
+    var i, o;
     const t = this.container;
-    t && (document.fullscreenElement ? (o = document.exitFullscreen) == null || o.call(document).catch((r) => console.warn("Exit fullscreen err:", r)) : (s = t.requestFullscreen) == null || s.call(t).catch((r) => console.warn("Fullscreen err:", r)));
+    t && (document.fullscreenElement ? (o = document.exitFullscreen) == null || o.call(document).catch((r) => console.warn("Exit fullscreen err:", r)) : (i = t.requestFullscreen) == null || i.call(t).catch((r) => console.warn("Fullscreen err:", r)));
   }
-  setLocale(t, s) {
-    const o = s ? { ...this.options.messages, [t]: s[t] ?? s } : this.options.messages;
+  setLocale(t, i) {
+    const o = i ? { ...this.options.messages, [t]: i[t] ?? i } : this.options.messages;
     this.options = { ...this.options, locale: t, messages: o }, this.store.locale.value = t, o && (this.store.messages.value = o);
   }
   prevPage() {
     this.pageFlipAdapter && this.pageFlipAdapter.turnToPrevPage();
   }
   setSingleMode(t) {
-    this.store.isSingleMode.value = t;
+    this.store.isSingleMode.value = t, t && this.pdfRenderer && setTimeout(() => {
+      const i = this.store.pages.value[this.store.currentPage.value], o = (i == null ? void 0 : i.sourcePageNumber) ?? (i == null ? void 0 : i.pageNumber);
+      o && this.renderPdfPage(o).catch(() => {
+      });
+    }, 0);
   }
   updateOptions(t) {
-    this.options = { ...this.options, ...t }, t.theme !== void 0 && (this.store.themeMode.value = t.theme), t.primaryColor !== void 0 && (this.store.primaryColor.value = t.primaryColor), t.showThumbs !== void 0 && (this.store.showThumbs.value = t.showThumbs), t.showArrows !== void 0 && (this.store.showArrows.value = t.showArrows), t.allowDownload !== void 0 && (this.store.allowDownload.value = t.allowDownload), t.whiteLabel !== void 0 && (this.store.whiteLabel.value = t.whiteLabel), t.soundEnabled !== void 0 && (this.store.soundEnabled.value = t.soundEnabled), t.locale !== void 0 && (this.store.locale.value = t.locale), t.messages !== void 0 && (this.store.messages.value = t.messages), t.singleMode !== void 0 && (this.store.isSingleMode.value = t.singleMode), t.isSingleMode !== void 0 && (this.store.isSingleMode.value = t.isSingleMode), t.autoPlay !== void 0 && (this.store.isAutoPlaying.value = t.autoPlay), t.autoPlayInterval !== void 0 && (this.store.autoPlayInterval.value = t.autoPlayInterval), this.container && Jt(this.container, this.options);
+    this.options = { ...this.options, ...t }, t.theme !== void 0 && (this.store.themeMode.value = t.theme), t.primaryColor !== void 0 && (this.store.primaryColor.value = t.primaryColor), t.showThumbs !== void 0 && (this.store.showThumbs.value = t.showThumbs), t.showToc !== void 0 && (this.store.showToc.value = t.showToc), t.toc !== void 0 && (this.store.toc.value = Pe(t.toc, this.store.totalPages.value)), t.showArrows !== void 0 && (this.store.showArrows.value = t.showArrows), t.allowDownload !== void 0 && (this.store.allowDownload.value = t.allowDownload), t.whiteLabel !== void 0 && (this.store.whiteLabel.value = t.whiteLabel), t.soundEnabled !== void 0 && (this.store.soundEnabled.value = t.soundEnabled), t.locale !== void 0 && (this.store.locale.value = t.locale), t.messages !== void 0 && (this.store.messages.value = t.messages), t.singleMode !== void 0 && (this.store.isSingleMode.value = t.singleMode), t.isSingleMode !== void 0 && (this.store.isSingleMode.value = t.isSingleMode), t.autoPlay !== void 0 && (this.store.isAutoPlaying.value = t.autoPlay), t.autoPlayInterval !== void 0 && (this.store.autoPlayInterval.value = t.autoPlayInterval), this.container && ee(this.container, this.options);
   }
-  async setPages(t, s) {
+  async setPages(t, i) {
     if (!(t != null && t.length)) {
-      s && await this.init(s);
+      i && await this.init(i);
       return;
     }
-    await this.init(s || "", t);
+    await this.init(i || "", t);
   }
   setupQualityLoading() {
     var r;
     if (this.teardownQualityLoading(), !this.container) return;
-    const t = Array.from(this.container.querySelectorAll("img[data-src], img[data-pdf-page]")), s = (h) => {
+    const t = Array.from(this.container.querySelectorAll("img[data-src], img[data-pdf-page]")), i = (h) => {
       const u = Number(h.dataset.pdfPage);
       if (Number.isInteger(u) && u > 0) {
         this.renderPdfPage(u).catch(() => {
         });
         return;
       }
-      const g = h.dataset.src;
-      g && (h.src = g, delete h.dataset.src);
+      const c = h.dataset.src;
+      c && (h.src = c, delete h.dataset.src);
     }, o = (r = this.container.ownerDocument.defaultView) == null ? void 0 : r.IntersectionObserver;
     if (!o) {
       const h = /* @__PURE__ */ new Set();
       t.forEach((u) => {
-        const g = Number(u.dataset.pdfPage);
-        Number.isInteger(g) && g > 0 ? h.size < 2 && (h.add(g), s(u)) : s(u);
+        const c = Number(u.dataset.pdfPage);
+        Number.isInteger(c) && c > 0 ? h.size < 2 && (h.add(c), i(u)) : i(u);
       });
       return;
     }
     this.qualityObserver = new o((h) => {
       h.forEach((u) => {
-        var g;
-        u.isIntersecting && (s(u.target), (g = this.qualityObserver) == null || g.unobserve(u.target));
+        var c;
+        u.isIntersecting && (i(u.target), (c = this.qualityObserver) == null || c.unobserve(u.target));
       });
     }, { root: this.container, rootMargin: "240px" }), t.forEach((h) => {
       var u;
@@ -3325,12 +3463,13 @@ const mt = class mt {
     (t = this.qualityObserver) == null || t.disconnect(), this.qualityObserver = null;
   }
   setupEventSync() {
-    this.eventSyncStop = G(() => {
+    this.eventSyncStop = _(() => {
       const t = {
         currentPage: this.store.currentPage.value,
         zoom: this.store.zoomState.value.scale,
         zoomActive: this.store.zoomState.value.isActive,
         showThumbs: this.store.showThumbs.value,
+        showToc: this.store.showToc.value,
         isSingle: this.store.isSingleMode.value,
         orientation: this.store.orientation.value
       };
@@ -3343,7 +3482,7 @@ const mt = class mt {
         pageNumber: t.currentPage + 1,
         totalPages: this.store.totalPages.value,
         isSingle: t.isSingle
-      }), (t.zoom !== this.lastEventState.zoom || t.zoomActive !== this.lastEventState.zoomActive) && this.emit("zoomChange", { zoom: t.zoom, isActive: t.zoomActive }), t.showThumbs !== this.lastEventState.showThumbs && this.emit("thumbsToggle", { showThumbs: t.showThumbs }), t.isSingle !== this.lastEventState.isSingle && this.emit("singlePageModeChange", { isSingle: t.isSingle }), t.orientation !== this.lastEventState.orientation && this.emit("orientationChange", { orientation: t.orientation }), this.lastEventState = t;
+      }), (t.zoom !== this.lastEventState.zoom || t.zoomActive !== this.lastEventState.zoomActive) && this.emit("zoomChange", { zoom: t.zoom, isActive: t.zoomActive }), t.showThumbs !== this.lastEventState.showThumbs && this.emit("thumbsToggle", { showThumbs: t.showThumbs }), t.showToc !== this.lastEventState.showToc && this.emit("tocToggle", { showToc: t.showToc }), t.isSingle !== this.lastEventState.isSingle && this.emit("singlePageModeChange", { isSingle: t.isSingle }), t.orientation !== this.lastEventState.orientation && this.emit("orientationChange", { orientation: t.orientation }), this.lastEventState = t;
     });
   }
   captureEventState() {
@@ -3352,42 +3491,45 @@ const mt = class mt {
       zoom: this.store.zoomState.value.scale,
       zoomActive: this.store.zoomState.value.isActive,
       showThumbs: this.store.showThumbs.value,
+      showToc: this.store.showToc.value,
       isSingle: this.store.isSingleMode.value,
       orientation: this.store.orientation.value
     };
   }
   destroy(t = !1) {
     var o, r;
-    const s = this.hasActiveSession || !!this.initAbortController || !!this.pageFlipAdapter || !!this.layoutManager || !!this.interactionManager || !!this.pdfRenderer;
-    this.initGeneration++, (o = this.initAbortController) == null || o.abort(), this.initAbortController = null, this.initializationTimer && (clearTimeout(this.initializationTimer), this.initializationTimer = null), this.pageFlipAdapter && this.pageFlipAdapter.destroy(), this.layoutManager && this.layoutManager.destroy(), this.interactionManager && this.interactionManager.destroy(), this.teardownQualityLoading(), (r = this.pdfLazyStop) == null || r.call(this), this.pdfLazyStop = null, this.pdfPageRequests.clear(), this.pdfRenderedPages.clear(), this.pdfRenderer && this.pdfRenderer.destroy(), this.pageFlipAdapter = null, this.layoutManager = null, this.interactionManager = null, this.pdfRenderer = null, this.eventsReady = !1, this.hasActiveSession = !1, this.store.reset(), !t && this.container && (this.container.innerHTML = ""), s && this.emit("destroy", void 0);
+    const i = this.hasActiveSession || !!this.initAbortController || !!this.pageFlipAdapter || !!this.layoutManager || !!this.interactionManager || !!this.pdfRenderer;
+    this.initGeneration++, (o = this.initAbortController) == null || o.abort(), this.initAbortController = null, this.initializationTimer && (clearTimeout(this.initializationTimer), this.initializationTimer = null), this.pageFlipAdapter && this.pageFlipAdapter.destroy(), this.layoutManager && this.layoutManager.destroy(), this.interactionManager && this.interactionManager.destroy(), this.teardownQualityLoading(), (r = this.pdfLazyStop) == null || r.call(this), this.pdfLazyStop = null, this.pdfPageRequests.clear(), this.pdfRenderedPages.clear(), this.pdfRenderedSources.clear(), this.pdfSourcePageCount = 0, this.pdfRenderer && this.pdfRenderer.destroy(), this.pageFlipAdapter = null, this.layoutManager = null, this.interactionManager = null, this.pdfRenderer = null, this.eventsReady = !1, this.hasActiveSession = !1, this.store.reset(), !t && this.container && (this.container.innerHTML = ""), i && this.emit("destroy", void 0);
   }
   createAbortError() {
     const t = new Error("Flipbook initialization was aborted.");
     return t.name = "AbortError", t;
   }
-  on(t, s) {
+  on(t, i) {
     const o = this.listeners[t] ?? /* @__PURE__ */ new Set();
-    return o.add(s), this.listeners[t] = o, () => this.off(t, s);
+    return o.add(i), this.listeners[t] = o, () => this.off(t, i);
   }
-  off(t, s) {
+  off(t, i) {
     var o;
-    (o = this.listeners[t]) == null || o.delete(s);
+    (o = this.listeners[t]) == null || o.delete(i);
   }
-  emit(t, s) {
+  emit(t, i) {
     var o;
     (o = this.listeners[t]) == null || o.forEach((r) => {
-      r(s);
+      r(i);
     });
   }
 };
-m(mt, "DEFAULT_PAGE_VIEWPORT", { width: 420, height: 594 });
-let Rt = mt;
-const we = globalThis, ve = we.FlipbookEngine || {};
-ve.FlipbookEngine = Rt;
-we.FlipbookEngine = ve;
+v(mt, "DEFAULT_PAGE_VIEWPORT", { width: 420, height: 594 });
+let Lt = mt;
+const Se = globalThis, Te = Se.FlipbookEngine || {};
+Te.FlipbookEngine = Lt;
+Se.FlipbookEngine = Te;
 export {
-  Rt as F,
-  fi as i,
-  vi as n
+  Lt as F,
+  Pi as a,
+  Pe as b,
+  Ai as i,
+  Ti as n
 };
-//# sourceMappingURL=engine-7jWE07Zq.js.map
+//# sourceMappingURL=engine-DhQ2zxpm.js.map