flipbookengine 0.2.4 → 0.4.0

package/dist/engine-G9HiVpA-.js

@@ -0,0 +1,3253 @@
+var ve = Object.defineProperty;
+var Ht = (e) => {
+  throw TypeError(e);
+};
+var ye = (e, t, s) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var v = (e, t, s) => ye(e, typeof t != "symbol" ? t + "" : t, s), yt = (e, t, s) => t.has(e) || Ht("Cannot " + s);
+var B = (e, t, s) => (yt(e, t, "read from private field"), s ? s.call(e) : t.get(e)), rt = (e, t, s) => t.has(e) ? Ht("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 be = Symbol.for("preact-signals");
+function Rt() {
+  if (U > 1)
+    U--;
+  else {
+    var e, t = !1;
+    for (function() {
+      var r = ct;
+      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) && ee(s)) try {
+          s.c();
+        } catch (r) {
+          t || (e = r, t = !0);
+        }
+        s = o;
+      }
+    }
+    if (lt = 0, U--, t) throw e;
+  }
+}
+var k = void 0;
+function wt(e) {
+  var t = k;
+  k = void 0;
+  try {
+    return e();
+  } finally {
+    k = t;
+  }
+}
+var tt = void 0, U = 0, lt = 0, _t = 0, ct = void 0, dt = 0;
+function te(e) {
+  if (k !== 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.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;
+  }
+}
+function I(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 = be;
+I.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() {
+    var o;
+    (o = t.W) == null || o.call(t);
+  }));
+};
+I.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 r;
+      (r = t.Z) == null || r.call(t);
+    }));
+  }
+};
+I.prototype.subscribe = function(e) {
+  var t = this;
+  return j(function() {
+    var s = t.value;
+    wt(function() {
+      return e(s);
+    });
+  }, { name: "sub" });
+};
+I.prototype.valueOf = function() {
+  return this.value;
+};
+I.prototype.toString = function() {
+  return this.value + "";
+};
+I.prototype.toJSON = function() {
+  return this.value;
+};
+I.prototype.peek = function() {
+  var e = this;
+  return wt(function() {
+    return e.value;
+  });
+};
+Object.defineProperty(I.prototype, "value", { get: function() {
+  var e = te(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) {
+      U !== 0 && lt === 0 && s.l !== _t && (s.l = _t, ct = { S: s, v: s.v, i: s.i, o: ct });
+    })(this), this.v = e, this.i++, dt++, U++;
+    try {
+      for (var t = this.t; t !== void 0; t = t.x) t.t.N();
+    } finally {
+      Rt();
+    }
+  }
+} });
+function M(e, t) {
+  return new I(e, t);
+}
+function ee(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 ie(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) {
+      e.s = t;
+      break;
+    }
+  }
+}
+function se(e) {
+  for (var t = e.s, s = 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;
+  }
+  e.s = s;
+}
+function X(e, t) {
+  I.call(this, void 0, t), this.x = e, this.s = void 0, this.g = dt - 1, this.f = 4;
+}
+X.prototype = new I();
+X.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 && !ee(this))
+    return this.f &= -2, !0;
+  var e = k;
+  try {
+    ie(this), k = 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++;
+  }
+  return k = e, se(this), this.f &= -2, !0;
+};
+X.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);
+};
+X.prototype.U = function(e) {
+  if (this.t !== void 0 && (I.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);
+  }
+};
+X.prototype.N = function() {
+  if (!(2 & this.f)) {
+    this.f |= 6;
+    for (var e = this.t; e !== void 0; e = e.x) e.t.N();
+  }
+};
+Object.defineProperty(X.prototype, "value", { get: function() {
+  if (1 & this.f) throw new Error("Cycle detected");
+  var e = te(this);
+  if (this.h(), e !== void 0 && (e.i = this.i), 16 & this.f) throw this.v;
+  return this.v;
+} });
+function m(e, t) {
+  return new X(e, t);
+}
+function ne(e) {
+  var t = e.m;
+  if (e.m = void 0, typeof t == "function") {
+    U++;
+    var s = k;
+    k = void 0;
+    try {
+      t();
+    } catch (o) {
+      throw e.f &= -2, e.f |= 8, Lt(e), o;
+    } finally {
+      k = s, Rt();
+    }
+  }
+}
+function Lt(e) {
+  for (var t = e.s; t !== void 0; t = t.n) t.S.U(t);
+  e.x = void 0, e.s = void 0, ne(e);
+}
+function xe(e) {
+  if (k !== this) throw new Error("Out-of-order effect");
+  se(this), k = e, this.f &= -2, 8 & this.f && Lt(this), Rt();
+}
+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;
+}
+q.prototype.c = function() {
+  var e = this.S();
+  try {
+    if (8 & this.f || this.x === void 0) return;
+    var t = this.x();
+    typeof t == "function" && (this.m = t);
+  } finally {
+    e();
+  }
+};
+q.prototype.S = function() {
+  if (1 & this.f) throw new Error("Cycle detected");
+  this.f |= 1, this.f &= -9, ne(this), ie(this), U++;
+  var e = k;
+  return k = this, xe.bind(this, e);
+};
+q.prototype.N = function() {
+  2 & this.f || (this.f |= 2, this.u = tt, tt = this);
+};
+q.prototype.d = function() {
+  this.f |= 8, 1 & this.f || Lt(this);
+};
+q.prototype.dispose = function() {
+  this.d();
+};
+function j(e, t) {
+  var s = new q(e, t);
+  try {
+    s.c();
+  } catch (r) {
+    throw s.d(), r;
+  }
+  var o = s.d.bind(s);
+  return o[Symbol.dispose] = o, o;
+}
+var oe = /* @__PURE__ */ Symbol.for("Serenity.initPropHook");
+function Se(e) {
+  return !!(e && typeof e.nodeType == "number");
+}
+function vt(e) {
+  return typeof e == "string";
+}
+function re(e) {
+  return typeof e == "number";
+}
+function z(e) {
+  return typeof e == "object" && e !== null;
+}
+function Pe(e) {
+  return !!(e && e.isComponent);
+}
+function zt(e) {
+  return z(e) && typeof e.length == "number" && typeof e.nodeType != "number";
+}
+function ke(e) {
+  return typeof e == "function" && typeof e[oe] == "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 : "";
+}
+function Ce(e) {
+  return e != null && typeof e == "object" && "current" in e;
+}
+function Ft(e, t) {
+  Ce(e) ? e.current = t : typeof e == "function" && e(t);
+}
+function Te(e, t, s) {
+  t = { ...t, children: s };
+  const o = new e(t), r = o.render();
+  return "ref" in t && Ft(t.ref, o), r;
+}
+var Ae = "http://www.w3.org/1998/Math/MathML", Ee = /* @__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"]), Me = /* @__PURE__ */ new Set([
+  // "a",
+  "animate",
+  "animateMotion",
+  "animateTransform",
+  "circle",
+  "clipPath",
+  "defs",
+  "desc",
+  "ellipse",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "filter",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "marker",
+  "mask",
+  "metadata",
+  "mpath",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  // "script",
+  "set",
+  "stop",
+  // "style",
+  "svg",
+  "switch",
+  "symbol",
+  "text",
+  "textPath",
+  // "title",
+  "tref",
+  "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)/, De = "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;
+}
+var Re = /* @__PURE__ */ Symbol.for("Serenity.jsxTypeKey"), Le = "ShadowRoot";
+function ze(e) {
+  return e != null && e[Re] === Le;
+}
+var bt = /* @__PURE__ */ Symbol.for("Serenity.disposingListeners"), xt = /* @__PURE__ */ Symbol.for("Serenity.lifecycleRoot");
+function Ot() {
+  return globalThis[bt] || (globalThis[bt] = /* @__PURE__ */ new WeakMap());
+}
+function Wt(e) {
+  e && e.target && (!e.currentTarget || e.currentTarget === e.target) && Fe(e == null ? void 0 : e.target);
+}
+function Fe(e, t) {
+  if (!e)
+    return;
+  const s = Ot();
+  function o(r) {
+    const c = s.get(r);
+    if (c) {
+      s.delete(r), r.removeEventListener("disposing", Wt);
+      for (const g of c)
+        try {
+          g.callback(r);
+        } catch {
+        }
+    }
+  }
+  o(e);
+}
+function Ct(e, t, s) {
+  if (!e || !t)
+    return e;
+  const o = Ot();
+  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;
+  const c = r.find((g) => g.callback === t);
+  return c ? (c.regKey, e) : (r.push({ callback: t, regKey: s }), e);
+}
+function jt(e, t, s) {
+  if (!e || !t)
+    return e;
+  const o = Ot(), r = o.get(e);
+  if (r) {
+    for (let c = r.length - 1; c >= 0; c--) {
+      const g = r[c];
+      t && t === g.callback && r.splice(c, 1);
+    }
+    r.length === 0 && (o.delete(e), typeof e.removeEventListener == "function" && e.removeEventListener("disposing", Wt));
+  }
+  return e;
+}
+function Oe(...e) {
+  if (e.length > 0) {
+    const t = globalThis[xt] || null;
+    return globalThis[xt] = e[0] || null, t;
+  }
+  return globalThis[xt] || null;
+}
+function Z(e) {
+  return e != null && typeof e == "object" && typeof e.subscribe == "function" && typeof e.peek == "function" && "value" in e;
+}
+var ot, O, _, Tt, At, Jt, We = (Jt = class {
+  constructor(e, t, s) {
+    rt(this, _);
+    rt(this, ot);
+    rt(this, O);
+    this.signal = e, this.isInitial = !0, this.hasChanged = !1, this.lifecycleRoot = t, at(this, O, s);
+  }
+  get lifecycleNode() {
+    return B(this, O);
+  }
+  get effectDisposer() {
+    return B(this, ot);
+  }
+  set effectDisposer(e) {
+    J(this, _, Tt).call(this), at(this, ot, e), J(this, _, At).call(this);
+  }
+  set lifecycleNode(e) {
+    e !== B(this, O) && (J(this, _, Tt).call(this), at(this, O, e), J(this, _, At).call(this));
+  }
+}, ot = new WeakMap(), O = new WeakMap(), _ = new WeakSet(), Tt = function() {
+  var e;
+  jt(B(this, O), this.effectDisposer), jt(B(this, O), (e = this.signal) == null ? void 0 : e.derivedDisposer);
+}, At = function() {
+  var e;
+  Ct(B(this, O), this.effectDisposer), Ct(B(this, O), (e = this.signal) == null ? void 0 : e.derivedDisposer);
+}, Jt);
+function nt(e, t, s) {
+  const o = s != null && s.useLifecycleRoot ? Oe() : void 0, r = new We(e, o, s == null ? void 0 : s.lifecycleNode), c = r.signal.subscribe(function(g) {
+    r.newValue = g, r.isInitial && (this != null && this.dispose) && (r.effectDisposer = this.dispose.bind(this)), r.hasChanged = !r.isInitial && r.prevValue !== r.newValue;
+    try {
+      t(r);
+    } finally {
+      r.prevValue = r.newValue, r.isInitial = !1;
+    }
+  });
+  return c && !r.effectDisposer && (r.effectDisposer = c), r.effectDisposer;
+}
+function Vt(e, t) {
+  e instanceof window.HTMLTemplateElement ? e.content.appendChild(t) : e.appendChild(t);
+}
+var St = 0, Et = "__domwisefrag_";
+function ae(e) {
+  return e instanceof Comment && e.data.startsWith(Et);
+}
+function Zt(e) {
+  return e instanceof DocumentFragment && ae(e.firstChild);
+}
+function $e(e, t) {
+  var s;
+  typeof e.replaceWith == "function" ? e.replaceWith(t) : (s = e.parentNode) == null || s.replaceChild(t, e);
+}
+function Xt(e) {
+  return e instanceof DocumentFragment ? (++St, e.prepend(document.createComment(Et + St)), e.append(document.createComment(Et + St)), e) : e instanceof Node ? e : it(e) ? document.createTextNode(e) : document.createComment("");
+}
+function Ne(e, t) {
+  let s;
+  nt(t, (o) => {
+    var g;
+    if (o.isInitial) {
+      s = Xt(o.newValue);
+      let f = Zt(s) ? s.firstChild : s;
+      ut(e, s), o.lifecycleNode = (s = f) ?? e;
+      return;
+    }
+    if (!o.hasChanged)
+      return;
+    const r = Xt(o.newValue);
+    if (ae(s)) {
+      let f;
+      for (; (f = s.nextSibling) && ((g = f.parentNode) == null || g.removeChild(f), !(f instanceof Comment && f.data === s.data)); )
+        ;
+    }
+    let c = Zt(r) ? r.firstChild : r;
+    $e(s, r), o.lifecycleNode = (s = c) ?? e;
+  });
+}
+function ut(e, t) {
+  if (it(t))
+    if (zt(t))
+      for (const s of [...t])
+        ut(e, s);
+    else if (vt(t) || re(t))
+      Vt(e, document.createTextNode(t));
+    else if (Se(t))
+      Vt(e, t);
+    else if (ze(t)) {
+      const s = e.attachShadow(t.attr);
+      ut(s, t.children), Ft(t.ref, s);
+    } else Z(t) && Ne(e, t);
+}
+function he(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());
+  }))), e;
+}
+function He(e, t) {
+  if (t == null || t === !1 || t === !0)
+    return;
+  t = he(t);
+  const s = (st(t) ?? "").split(" ");
+  for (let o of s)
+    o && e.classList.remove(o);
+}
+function Be(e, t, s) {
+  if (t == null || t === !1) {
+    He(e, s);
+    return;
+  }
+  s = he(s), zt(t) ? t = Array.from(t).map((o) => {
+    let r = o;
+    return Z(o) && nt(o, (c) => {
+      if (c.isInitial) {
+        r = c.newValue;
+        return;
+      }
+      Pt(e, c.newValue, c.prevValue);
+    }, {
+      lifecycleNode: e
+    }), r;
+  }) : z(t) && (t = { ...t }, Object.entries(t).forEach(([o, r]) => {
+    Z(r) && nt(r, (c) => {
+      if (c.isInitial) {
+        t[o] = c.newValue;
+        return;
+      }
+      Pt(e, !!c.newValue && o, !!c.prevValue && o);
+    }, {
+      lifecycleNode: e
+    });
+  })), Pt(e, t, s);
+}
+function Pt(e, t, s) {
+  const o = (st(t) ?? "").split(" ");
+  if (s) {
+    const r = (st(s) ?? "").split(" ");
+    for (let c of r)
+      c && !o.includes(c) && e.classList.remove(c);
+  }
+  for (let r of o)
+    r && e.classList.add(r);
+}
+function _e(e, t) {
+  return e + t.charAt(0).toUpperCase() + t.substring(1);
+}
+var Ge = /* @__PURE__ */ (() => {
+  let e = {
+    animationIterationCount: 0,
+    borderImageOutset: 0,
+    borderImageSlice: 0,
+    borderImageWidth: 0,
+    boxFlex: 0,
+    boxFlexGroup: 0,
+    boxOrdinalGroup: 0,
+    columnCount: 0,
+    columns: 0,
+    flex: 0,
+    flexGrow: 0,
+    flexPositive: 0,
+    flexShrink: 0,
+    flexNegative: 0,
+    flexOrder: 0,
+    gridArea: 0,
+    gridRow: 0,
+    gridRowEnd: 0,
+    gridRowSpan: 0,
+    gridRowStart: 0,
+    gridColumn: 0,
+    gridColumnEnd: 0,
+    gridColumnSpan: 0,
+    gridColumnStart: 0,
+    fontWeight: 0,
+    lineClamp: 0,
+    lineHeight: 0,
+    opacity: 0,
+    order: 0,
+    orphans: 0,
+    tabSize: 0,
+    widows: 0,
+    zIndex: 0,
+    zoom: 0,
+    // SVG-related properties
+    fillOpacity: 0,
+    floodOpacity: 0,
+    stopOpacity: 0,
+    strokeDasharray: 0,
+    strokeDashoffset: 0,
+    strokeMiterlimit: 0,
+    strokeOpacity: 0,
+    strokeWidth: 0
+  };
+  const t = ["Webkit", "ms", "Moz", "O"];
+  return Object.keys(e).forEach((s) => {
+    t.forEach((o) => {
+      e[_e(o, s)] = 0;
+    });
+  }), e;
+})();
+function Mt(e, t, s) {
+  t.indexOf("-") === 0 ? e.style.setProperty(t, s) : re(s) && Ge[t] !== 0 ? e.style[t] = s + "px" : e.style[t] = s;
+}
+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, "");
+    });
+  }
+}
+function Ue(e, t, s) {
+  if (t == null || t === !1 || t === !0) {
+    qt(e, s);
+    return;
+  }
+  if (vt(t)) {
+    e.setAttribute("style", t);
+    return;
+  }
+  if (z(t)) {
+    z(s) ? (t = { ...t }, Object.keys(s).forEach((o) => {
+      o in t || (t[o] = "");
+    })) : qt(e, s), Object.entries(t).forEach(([o, r]) => {
+      Z(r) ? nt(r, (c) => Mt(e, o, c.newValue), {
+        lifecycleNode: e
+      }) : Mt(e, o, r);
+    });
+    return;
+  }
+}
+var je = "http://www.w3.org/1999/xlink", Ve = "http://www.w3.org/XML/1998/namespace";
+function ht(e, t) {
+  return e.replace(/[A-Z]/g, (s) => t + s.toLowerCase());
+}
+var Ze = /* @__PURE__ */ new Map([
+  ["autoComplete", "autocomplete"],
+  ["autoFocus", "autofocus"],
+  ["className", "class"],
+  ["colSpan", "colspan"],
+  ["contentEditable", "contenteditable"],
+  ["formNoValidate", "formnovalidate"],
+  ["htmlFor", "for"],
+  ["innerText", "textContent"],
+  ["minLength", "minlength"],
+  ["maxLength", "maxlength"],
+  ["readOnly", "readonly"],
+  ["reffererPolicy", "referrerpolicy"],
+  ["rowSpan", "rowspan"],
+  ["spellCheck", "spellcheck"],
+  ["tabIndex", "tabindex"],
+  ["onDoubleClick", "onDblClick"],
+  ["onDoubleClickCapture", "onDblClickCapture"]
+]);
+function Yt(e, t, s, o) {
+  switch (t) {
+    case "dataset":
+      o != null && Object.entries(o).forEach(([c, g]) => {
+        g != null && delete e.dataset[c];
+      }), Object.entries(s).forEach(([c, g]) => {
+        g != null && (e.dataset[c] = g);
+      });
+      return;
+    case "textContent":
+      it(s) ? e[t] = s : it(o) && (e[t] = "");
+      return;
+    case "dangerouslySetInnerHTML":
+      z(s) ? e.innerHTML = s.__html : z(o) && (e.innerHTML = "");
+      return;
+    case "value":
+      if (s == null) {
+        o != null && (e[t] = null);
+        return;
+      } else {
+        if (e instanceof window.HTMLSelectElement)
+          return;
+        if (e instanceof window.HTMLTextAreaElement) {
+          e.value = s;
+          return;
+        }
+      }
+      break;
+    case "class":
+      Be(e, s, o);
+      return;
+    case "spellcheck":
+      e.spellcheck = s === "" || s === !0 || s === "true" ? !0 : s === !1 || s === "false" ? !1 : s;
+      return;
+    case "draggable":
+      s === !1 || s === "false" ? s = "false" : s === "" ? s = null : (s === !0 || s === "true") && (s = "true");
+      break;
+    case "contenteditable":
+      s === !1 ? s = "false" : (s === "" || s === !0) && (s = "true");
+      break;
+    case "ref":
+    case "namespaceURI":
+      return;
+    case "style":
+      Ue(e, s, o);
+      return;
+    case "on":
+    case "onCapture":
+      const r = t === "onCapture";
+      o != null && Object.entries(o).forEach(([c, g]) => {
+        (s == null || s[c] !== g) && e.removeEventListener(c, g, r);
+      }), Object.entries(s).forEach(([c, g]) => {
+        (o == null || o[c] !== g) && e.addEventListener(c, g, r);
+      });
+      return;
+    case "xlinkActuate":
+    case "xlinkArcrole":
+    case "xlinkHref":
+    case "xlinkRole":
+    case "xlinkShow":
+    case "xlinkTitle":
+    case "xlinkType":
+      e.setAttributeNS(je, ht(t, ":"), s);
+      return;
+    case "xmlnsXlink":
+      e.setAttribute("xmlns:xlink", s);
+      return;
+    case "xmlBase":
+    case "xmlLang":
+    case "xmlSpace":
+      e.setAttributeNS(Ve, ht(t, ":"), s);
+      return;
+  }
+  if (typeof s == "function") {
+    if (t[0] === "o" && t[1] === "n") {
+      if (o != null && o === s)
+        return;
+      let r = t.toLowerCase();
+      const c = r.endsWith("capture");
+      let g;
+      !c && (e[r] === null || o != null && e[r] === o) ? (e[r] = s, Ct(e, qe.bind(e, r))) : c ? (g = r.substring(2, r.length - 7), o != null && e.removeEventListener(g, o, !0), e.addEventListener(g, s, !0)) : (r in window ? g = r.substring(2) : g = r[2] + t.slice(3), o != null && e.removeEventListener(g, o), e.addEventListener(g, s));
+    } else
+      console.warn(`A function was provided for JSX ${e.tagName} element ${t} which does not start with "on":`, s, e.tagName);
+    return;
+  }
+  if (z(o)) {
+    if (o === s)
+      return;
+    delete e[t];
+  }
+  if (o === !0) {
+    if (o === s)
+      return;
+    e.removeAttribute(t);
+  }
+  if (o !== !1 && o != null) {
+    if (o === s)
+      return;
+    e instanceof SVGElement && !Gt.test(t) ? e.removeAttributeNS(ht(t, "-"), s) : e.removeAttribute(t);
+  }
+  if (z(s)) {
+    e[t] = s;
+    return;
+  }
+  if (s === !0) {
+    e.setAttribute(t, "");
+    return;
+  }
+  s !== !1 && s != null && (e instanceof SVGElement && !Gt.test(t) ? e.setAttribute(ht(t, "-"), s) : e.setAttribute(t, s));
+}
+function Xe(e, t) {
+  for (let [s, o] of Object.entries(t))
+    s = Ze.get(s) ?? s, Z(o) ? nt(o, (r) => Yt(e, s, r.newValue, r.prevValue), {
+      lifecycleNode: e
+    }) : ke(o) ? o[oe](e, s) : Yt(e, s, o);
+  return e;
+}
+function qe(e) {
+  this[e] = null;
+}
+function u(e, t) {
+  let { children: s, ...o } = t || {}, r = o.namespaceURI;
+  r || (Me.has(e) ? r = De : Ee.has(e) ? r = Ae : r = Ie());
+  let c;
+  if (vt(e)) {
+    if (c = r ? document.createElementNS(r, e) : document.createElement(e), Xe(c, o), ut(c, s), c instanceof window.HTMLSelectElement && o.value != null)
+      if (o.multiple === !0 && Array.isArray(o.value)) {
+        const g = o.value.map((f) => String(f));
+        c.querySelectorAll("option").forEach((f) => f.selected = g.includes(f.value));
+      } else
+        c.value = o.value;
+    Ft(o.ref, c);
+  } else if (typeof e == "function")
+    z(e.defaultProps) && (o = { ...e.defaultProps, ...o }), c = Pe(e) ? Te(e, o, s) : e({ ...o, children: s });
+  else
+    throw new TypeError(`Invalid JSX element type: ${e}`);
+  return c;
+}
+var Ye = /* @__PURE__ */ Symbol.for("preact-signals");
+function $t() {
+  if (V > 1)
+    V--;
+  else {
+    var e, t = !1;
+    for (function() {
+      var r = pt;
+      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) && de(s)) try {
+          s.c();
+        } catch (r) {
+          t || (e = r, t = !0);
+        }
+        s = o;
+      }
+    }
+    if (gt = 0, V--, t) throw e;
+  }
+}
+var x = void 0;
+function le(e) {
+  var t = x;
+  x = void 0;
+  try {
+    return e();
+  } finally {
+    x = t;
+  }
+}
+var et = void 0, V = 0, gt = 0, Qt = 0, pt = void 0, ft = 0;
+function ce(e) {
+  if (x !== void 0) {
+    var t = e.n;
+    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 = x.s, t.n = void 0, x.s.n = t, x.s = t), t;
+  }
+}
+function R(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;
+}
+R.prototype.brand = Ye;
+R.prototype.h = function() {
+  return !0;
+};
+R.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 : le(function() {
+    var o;
+    (o = t.W) == null || o.call(t);
+  }));
+};
+R.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 && le(function() {
+      var r;
+      (r = t.Z) == null || r.call(t);
+    }));
+  }
+};
+R.prototype.subscribe = function(e) {
+  var t = this;
+  return Ke(function() {
+    var s = t.value, o = x;
+    x = void 0;
+    try {
+      e(s);
+    } finally {
+      x = o;
+    }
+  }, { name: "sub" });
+};
+R.prototype.valueOf = function() {
+  return this.value;
+};
+R.prototype.toString = function() {
+  return this.value + "";
+};
+R.prototype.toJSON = function() {
+  return this.value;
+};
+R.prototype.peek = function() {
+  var e = x;
+  x = void 0;
+  try {
+    return this.value;
+  } finally {
+    x = e;
+  }
+};
+Object.defineProperty(R.prototype, "value", { get: function() {
+  var e = ce(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 });
+    })(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();
+    }
+  }
+} });
+function de(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 ue(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) {
+      e.s = t;
+      break;
+    }
+  }
+}
+function ge(e) {
+  for (var t = e.s, s = 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;
+  }
+  e.s = s;
+}
+function Y(e, t) {
+  R.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 R();
+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 && !de(this))
+    return this.f &= -2, !0;
+  var e = x;
+  try {
+    ue(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++;
+  }
+  return x = e, ge(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);
+  }
+  R.prototype.S.call(this, e);
+};
+Y.prototype.U = function(e) {
+  if (this.t !== void 0 && (R.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);
+  }
+};
+Y.prototype.N = function() {
+  if (!(2 & this.f)) {
+    this.f |= 6;
+    for (var e = this.t; e !== void 0; e = e.x) e.t.N();
+  }
+};
+Object.defineProperty(Y.prototype, "value", { get: function() {
+  if (1 & this.f) throw new Error("Cycle detected");
+  var e = ce(this);
+  if (this.h(), e !== void 0 && (e.i = this.i), 16 & this.f) throw this.v;
+  return this.v;
+} });
+function pe(e) {
+  var t = e.m;
+  if (e.m = void 0, typeof t == "function") {
+    V++;
+    var s = x;
+    x = void 0;
+    try {
+      t();
+    } catch (o) {
+      throw e.f &= -2, e.f |= 8, Nt(e), o;
+    } finally {
+      x = s, $t();
+    }
+  }
+}
+function Nt(e) {
+  for (var t = e.s; t !== void 0; t = t.n) t.S.U(t);
+  e.x = void 0, e.s = void 0, pe(e);
+}
+function Qe(e) {
+  if (x !== this) throw new Error("Out-of-order effect");
+  ge(this), x = e, this.f &= -2, 8 & this.f && Nt(this), $t();
+}
+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;
+}
+Q.prototype.c = function() {
+  var e = this.S();
+  try {
+    if (8 & this.f || this.x === void 0) return;
+    var t = this.x();
+    typeof t == "function" && (this.m = t);
+  } finally {
+    e();
+  }
+};
+Q.prototype.S = function() {
+  if (1 & this.f) throw new Error("Cycle detected");
+  this.f |= 1, this.f &= -9, pe(this), ue(this), V++;
+  var e = x;
+  return x = this, Qe.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 || Nt(this);
+};
+Q.prototype.dispose = function() {
+  this.d();
+};
+function Ke(e, t) {
+  var s = new Q(e, t);
+  try {
+    s.c();
+  } catch (r) {
+    throw s.d(), r;
+  }
+  var o = s.d.bind(s);
+  return o[Symbol.dispose] = o, o;
+}
+const Je = {
+  emptyStateTitle: "No data available.",
+  thumbnails: "Thumbnails",
+  singlePageMode: "Single Page Mode",
+  pages: "Pages",
+  previous: "Previous",
+  next: "Next",
+  zoomOut: "Zoom Out",
+  zoomIn: "Zoom In",
+  fullscreen: "Fullscreen",
+  settings: "Settings",
+  downloadCatalog: "Download Catalog",
+  play: "Play",
+  pause: "Pause"
+}, ti = {
+  emptyStateTitle: "Veri bulunamadi.",
+  thumbnails: "Küçük Resimler",
+  singlePageMode: "Tek Sayfa Modu",
+  pages: "Sayfalar",
+  previous: "Önceki",
+  next: "Sonraki",
+  zoomOut: "Uzaklaş",
+  zoomIn: "Yaklaş",
+  fullscreen: "Tam Ekran",
+  settings: "Ayarlar",
+  downloadCatalog: "Kataloğu İndir",
+  play: "Otomatik Oynat",
+  pause: "Duraklat"
+}, kt = {
+  en: Je,
+  tr: ti
+};
+function ei(e = {}) {
+  var r;
+  const t = e.locale ?? "en", s = kt[t] ?? kt.en, o = ((r = e.messages) == null ? void 0 : r[t]) ?? {};
+  return {
+    ...kt.en,
+    ...s,
+    ...o
+  };
+}
+function ii(e) {
+  const t = m(() => ei({ locale: e.store.locale.value, messages: e.store.messages.value }));
+  return /* @__PURE__ */ u("div", { class: "bk-toolbar", role: "toolbar", "aria-label": "Flipbook controls", children: [
+    /* @__PURE__ */ u("div", { class: "bk-btn-group", children: [
+      /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          class: m(() => `bk-btn ${e.store.showThumbs.value ? "active" : ""}`),
+          onClick: e.onToggleThumbs,
+          "aria-label": m(() => t.value.thumbnails || "Thumbnails"),
+          "aria-pressed": m(() => e.store.showThumbs.value ? "true" : "false"),
+          title: m(() => t.value.thumbnails || "Thumbnails"),
+          children: /* @__PURE__ */ u("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__ */ u("rect", { x: "3", y: "3", width: "7", height: "7" }),
+            /* @__PURE__ */ u("rect", { x: "14", y: "3", width: "7", height: "7" }),
+            /* @__PURE__ */ u("rect", { x: "14", y: "14", width: "7", height: "7" }),
+            /* @__PURE__ */ u("rect", { x: "3", y: "14", width: "7", height: "7" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          class: m(() => `bk-btn bz-hide-mobile ${e.store.isSingleMode.value ? "active" : ""}`),
+          onClick: e.onToggleSingleMode,
+          "aria-label": m(() => t.value.singlePageMode || "Single Page"),
+          "aria-pressed": m(() => e.store.isSingleMode.value ? "true" : "false"),
+          title: m(() => t.value.singlePageMode || "Single Page"),
+          children: /* @__PURE__ */ u("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__ */ u("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+            /* @__PURE__ */ u("polyline", { points: "14 2 14 8 20 8" }),
+            /* @__PURE__ */ u("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+            /* @__PURE__ */ u("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+            /* @__PURE__ */ u("polyline", { points: "10 9 9 9 8 9" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          class: m(() => `bk-btn ${e.store.isAutoPlaying.value ? "active" : ""}`),
+          onClick: e.onToggleAutoPlay,
+          "aria-label": m(() => e.store.isAutoPlaying.value ? t.value.pause || "Pause" : t.value.play || "Play"),
+          "aria-pressed": m(() => e.store.isAutoPlaying.value ? "true" : "false"),
+          title: m(() => e.store.isAutoPlaying.value ? t.value.pause || "Pause" : t.value.play || "Play"),
+          children: [
+            /* @__PURE__ */ u("svg", { style: { display: m(() => 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__ */ u("rect", { x: "6", y: "4", width: "4", height: "16" }),
+              /* @__PURE__ */ u("rect", { x: "14", y: "4", width: "4", height: "16" })
+            ] }),
+            /* @__PURE__ */ u("svg", { style: { display: m(() => 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__ */ u("polygon", { points: "5 3 19 12 5 21 5 3" }) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("div", { class: "bk-btn-group bk-btn-group--center", children: [
+      /* @__PURE__ */ u("button", { type: "button", class: "bk-btn", onClick: e.onPrevPage, "aria-label": m(() => t.value.previous || "Previous"), title: m(() => t.value.previous || "Previous"), children: /* @__PURE__ */ u("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__ */ u("polyline", { points: "15 18 9 12 15 6" }) }) }),
+      /* @__PURE__ */ u("span", { class: "bz-page-info", "aria-live": "polite", "aria-atomic": "true", children: m(() => {
+        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;
+        return `${r + 1}-${r + 2} / ${o}`;
+      }) }),
+      /* @__PURE__ */ u("button", { type: "button", class: "bk-btn", onClick: e.onNextPage, "aria-label": m(() => t.value.next || "Next"), title: m(() => t.value.next || "Next"), children: /* @__PURE__ */ u("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__ */ u("polyline", { points: "9 18 15 12 9 6" }) }) })
+    ] }),
+    /* @__PURE__ */ u("div", { class: "bk-btn-group", children: [
+      /* @__PURE__ */ u("button", { type: "button", class: "bk-btn", onClick: e.onZoomIn, "aria-label": m(() => t.value.zoomIn || "Zoom In"), title: m(() => t.value.zoomIn || "Zoom In"), children: /* @__PURE__ */ u("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__ */ u("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ u("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
+        /* @__PURE__ */ u("line", { x1: "11", y1: "8", x2: "11", y2: "14" }),
+        /* @__PURE__ */ u("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
+      ] }) }),
+      /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          class: m(() => `bk-btn ${e.store.isZoomed.value ? "active" : ""}`),
+          onClick: e.onZoomOut,
+          "aria-label": m(() => t.value.zoomOut || "Zoom Out"),
+          title: m(() => t.value.zoomOut || "Zoom Out"),
+          children: /* @__PURE__ */ u("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__ */ u("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ u("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
+            /* @__PURE__ */ u("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ u("button", { type: "button", class: "bk-btn bk-btn--fullscreen", onClick: e.onToggleFullscreen, "aria-label": m(() => t.value.fullscreen || "Fullscreen"), title: m(() => t.value.fullscreen || "Fullscreen"), children: /* @__PURE__ */ u("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__ */ u("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" }) }) }),
+      m(() => e.store.allowDownload.value && e.store.hasDownloadUrl.value && e.onDownload ? /* @__PURE__ */ u("button", { type: "button", class: "bk-btn bk-btn--download", onClick: e.onDownload, "aria-label": m(() => t.value.downloadCatalog || "Download"), title: m(() => t.value.downloadCatalog || "Download"), children: /* @__PURE__ */ u("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__ */ u("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ u("polyline", { points: "7 10 12 15 17 10" }),
+        /* @__PURE__ */ u("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+      ] }) }) : null),
+      /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          class: m(() => `bk-btn ${e.store.soundEnabled.value ? "" : "muted"}`),
+          onClick: e.onSoundToggle,
+          "aria-label": "Sound",
+          "aria-pressed": m(() => e.store.soundEnabled.value ? "true" : "false"),
+          title: "Sound",
+          children: [
+            /* @__PURE__ */ u("svg", { style: { display: m(() => 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__ */ u("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+              /* @__PURE__ */ u("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+              /* @__PURE__ */ u("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+            ] }),
+            /* @__PURE__ */ u("svg", { style: { display: m(() => 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__ */ u("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+              /* @__PURE__ */ u("line", { x1: "23", y1: "9", x2: "17", y2: "15" }),
+              /* @__PURE__ */ u("line", { x1: "17", y1: "9", x2: "23", y2: "15" })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function si(e) {
+  return /* @__PURE__ */ u("div", { class: "bk-thumbs", style: m(() => e.store.showThumbs.value ? "display:flex;" : "display:none;"), children: e.store.pages.value.map((t, s) => {
+    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;
+      const c = r % 2 === 1 ? r : r - 1;
+      return s === c || s === c + 1;
+    };
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        class: m(() => `thumb-item ${o() ? "active" : ""}`),
+        role: "button",
+        tabindex: "0",
+        "aria-label": `Go to page ${s + 1}`,
+        "aria-current": m(() => o() ? "page" : void 0),
+        onClick: () => e.onThumbClick(s),
+        onKeyDown: (r) => {
+          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onThumbClick(s));
+        },
+        children: [
+          /* @__PURE__ */ u("div", { class: "thumb-img-wrapper", children: /* @__PURE__ */ u(
+            "img",
+            {
+              class: "thumb-img",
+              src: t.thumb || t.low || t.normal,
+              alt: `Page ${s + 1}`,
+              loading: "lazy",
+              onError: (r) => {
+                r.currentTarget.style.display = "none";
+              }
+            }
+          ) }),
+          /* @__PURE__ */ u("span", { children: s + 1 })
+        ]
+      }
+    );
+  }) });
+}
+function ni(e) {
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      role: "region",
+      "aria-label": "Flipbook viewer",
+      class: m(() => {
+        let t = "bk-book-wrapper ";
+        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__ */ u(
+        "div",
+        {
+          class: "bk-book-sizer",
+          ref: e.bookSizerRef,
+          children: [
+            /* @__PURE__ */ u(
+              "div",
+              {
+                ref: e.bookContainerRef,
+                class: m(() => "bk-book " + (e.store.flipState.value !== "read" ? "is-flipping" : "")),
+                style: m(() => `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__ */ u(
+                    "div",
+                    {
+                      class: `bz-page ${s === 0 ? "bz-page--cover" : ""} ${s === e.store.pages.value.length - 1 ? "bz-page--back" : ""}`,
+                      "data-density": o ? "hard" : "soft",
+                      "data-idx": s,
+                      children: /* @__PURE__ */ u("div", { class: "bz-page-content", style: "position:relative; width:100%; height:100%; overflow:hidden;", children: [
+                        /* @__PURE__ */ u(
+                          "img",
+                          {
+                            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}`,
+                            loading: "lazy"
+                          }
+                        ),
+                        /* @__PURE__ */ u("div", { class: "page-shadow" })
+                      ] })
+                    }
+                  );
+                })
+              }
+            ),
+            /* @__PURE__ */ u(
+              "div",
+              {
+                class: "bk-single-view",
+                style: m(() => `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: m(() => {
+                  const t = e.store.pages.value[e.store.currentPage.value];
+                  return t ? /* @__PURE__ */ u(
+                    "img",
+                    {
+                      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}`,
+                      style: "opacity: 1; transition: opacity 0.3s; box-shadow: var(--flipbook-shadow);"
+                    }
+                  ) : null;
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function oi(e) {
+  const t = m(() => e.store.showArrows.value && e.store.currentPage.value > 0), s = m(() => !e.store.showArrows.value || e.store.totalPages.value <= 1 ? !1 : e.store.currentPage.value < e.store.totalPages.value - 1);
+  return /* @__PURE__ */ u("div", { class: "bk-nav-arrows", style: m(() => e.store.showArrows.value ? "display: flex;" : "display: none;"), children: [
+    /* @__PURE__ */ u(
+      "button",
+      {
+        type: "button",
+        class: "bk-nav-arrow bk-nav-prev",
+        style: m(() => t.value ? "visibility: visible;" : "visibility: hidden;"),
+        onClick: (o) => {
+          o.preventDefault(), e.onPrevPage();
+        },
+        "aria-label": "Previous Page",
+        children: /* @__PURE__ */ u("div", { class: "bk-arrow-icon bk-arrow-left" })
+      }
+    ),
+    /* @__PURE__ */ u(
+      "button",
+      {
+        type: "button",
+        class: "bk-nav-arrow bk-nav-next",
+        style: m(() => s.value ? "visibility: visible;" : "visibility: hidden;"),
+        onClick: (o) => {
+          o.preventDefault(), e.onNextPage();
+        },
+        "aria-label": "Next Page",
+        children: /* @__PURE__ */ u("div", { class: "bk-arrow-icon bk-arrow-right" })
+      }
+    )
+  ] });
+}
+function ri(e) {
+  const t = () => {
+    e.store.showThumbs.value = !e.store.showThumbs.value;
+  }, s = () => {
+    e.store.isSingleMode.value = !e.store.isSingleMode.value;
+  }, o = () => {
+    e.store.isAutoPlaying.value = !e.store.isAutoPlaying.value;
+  }, r = () => {
+    var b;
+    (b = e.interactionManagerRef.current) == null || b.zoomIn();
+  }, c = () => {
+    var b;
+    (b = e.interactionManagerRef.current) == null || b.zoomOut();
+  }, g = () => e.onToggleFullscreen(), f = (b) => {
+    var L;
+    e.store.currentPage.value !== b && (e.store.currentPage.value = b, (L = e.pageFlipAdapterRef.current) == null || L.playSound());
+  }, P = () => {
+    var b;
+    (b = e.pageFlipAdapterRef.current) == null || b.turnToNextPage();
+  }, S = () => {
+    var b;
+    (b = e.pageFlipAdapterRef.current) == null || b.turnToPrevPage();
+  };
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      class: m(() => `bk-wrapper bk-theme-${e.store.themeMode.value} ${e.className || ""}`),
+      children: [
+        /* @__PURE__ */ u("div", { class: "bk-main-area", children: [
+          /* @__PURE__ */ u(
+            ni,
+            {
+              store: e.store,
+              bookWrapperRef: e.bookWrapperRef,
+              bookSizerRef: e.bookSizerRef,
+              bookContainerRef: e.bookContainerRef
+            }
+          ),
+          /* @__PURE__ */ u(
+            oi,
+            {
+              store: e.store,
+              onPrevPage: S,
+              onNextPage: P
+            }
+          ),
+          e.store.whiteLabel.value ? null : /* @__PURE__ */ u("div", { class: "bk-watermark", children: [
+            "Powered by ",
+            /* @__PURE__ */ u("a", { href: "https://flipbookengine.com", target: "_blank", rel: "noopener", style: "text-decoration: underline;", children: "FlipbookEngine" })
+          ] })
+        ] }),
+        /* @__PURE__ */ u(
+          ii,
+          {
+            store: e.store,
+            onToggleThumbs: t,
+            onToggleSingleMode: s,
+            onZoomIn: r,
+            onZoomOut: c,
+            onDownload: e.onDownload,
+            onNextPage: P,
+            onPrevPage: S,
+            onSoundToggle: () => e.store.soundEnabled.value = !e.store.soundEnabled.value,
+            onToggleAutoPlay: o,
+            onToggleFullscreen: g
+          }
+        ),
+        /* @__PURE__ */ u(
+          si,
+          {
+            store: e.store,
+            onThumbClick: f
+          }
+        )
+      ]
+    }
+  );
+}
+var ai = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Dt = { exports: {} };
+(function(e, t) {
+  (function(s, o) {
+    o(t);
+  })(ai, function(s) {
+    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;
+      }
+      setDensity(i) {
+        this.createdDensity = i, this.nowDrawingDensity = i;
+      }
+      setDrawingDensity(i) {
+        this.nowDrawingDensity = i;
+      }
+      setPosition(i) {
+        this.state.position = i;
+      }
+      setAngle(i) {
+        this.state.angle = i;
+      }
+      setArea(i) {
+        this.state.area = i;
+      }
+      setHardDrawingAngle(i) {
+        this.state.hardDrawingAngle = i;
+      }
+      setHardAngle(i) {
+        this.state.hardAngle = i, this.state.hardDrawingAngle = i;
+      }
+      setOrientation(i) {
+        this.orientation = i;
+      }
+      getDrawingDensity() {
+        return this.nowDrawingDensity;
+      }
+      getDensity() {
+        return this.createdDensity;
+      }
+      getHardAngle() {
+        return this.state.hardAngle;
+      }
+    }
+    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;
+      }
+      draw(i) {
+        const n = this.render.getContext(), a = this.render.convertToGlobal(this.state.position), l = this.render.getRect().pageWidth, h = this.render.getRect().height;
+        n.save(), n.translate(a.x, a.y), n.beginPath();
+        for (let d of this.state.area) d !== null && (d = this.render.convertToGlobal(d), n.lineTo(d.x - a.x, d.y - a.y));
+        n.rotate(this.state.angle), n.clip(), this.isLoad ? n.drawImage(this.image, 0, 0, l, h) : this.drawLoader(n, { x: 0, y: 0 }, l, h), n.restore();
+      }
+      simpleDraw(i) {
+        const n = this.render.getRect(), a = this.render.getContext(), l = n.pageWidth, h = n.height, d = i === 1 ? n.left + n.pageWidth : n.left, w = n.top;
+        this.isLoad ? a.drawImage(this.image, d, w, l, h) : this.drawLoader(a, { x: d, y: w }, l, h);
+      }
+      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();
+        const h = { x: n.x + a / 2, y: n.y + l / 2 };
+        i.beginPath(), i.lineWidth = 10, i.arc(h.x, h.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);
+      }
+      load() {
+        this.isLoad || (this.image.onload = () => {
+          this.isLoad = !0;
+        });
+      }
+      newTemporaryCopy() {
+        return this;
+      }
+      getTemporaryCopy() {
+        return this;
+      }
+      hideTemporaryCopy() {
+      }
+    }
+    class c {
+      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;
+      }
+      destroy() {
+        this.pages = [];
+      }
+      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"));
+      }
+      getSpread() {
+        return this.render.getOrientation() === "landscape" ? this.landscapeSpread : this.portraitSpread;
+      }
+      getSpreadIndexByPage(i) {
+        const n = this.getSpread();
+        for (let a = 0; a < n.length; a++) if (i === n[a][0] || i === n[a][1]) return a;
+        return null;
+      }
+      getPageCount() {
+        return this.pages.length;
+      }
+      getPages() {
+        return this.pages;
+      }
+      getPage(i) {
+        if (i >= 0 && i < this.pages.length) return this.pages[i];
+        throw new Error("Invalid page number");
+      }
+      nextBy(i) {
+        const n = this.pages.indexOf(i);
+        return n < this.pages.length - 1 ? this.pages[n + 1] : null;
+      }
+      prevBy(i) {
+        const n = this.pages.indexOf(i);
+        return n > 0 ? this.pages[n - 1] : null;
+      }
+      getFlippingPage(i) {
+        const n = this.currentSpreadIndex;
+        if (this.render.getOrientation() === "portrait") return i === 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]];
+        }
+      }
+      getBottomPage(i) {
+        const n = this.currentSpreadIndex;
+        if (this.render.getOrientation() === "portrait") return i === 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]];
+        }
+      }
+      showNext() {
+        this.currentSpreadIndex < this.getSpread().length && (this.currentSpreadIndex++, this.showSpread());
+      }
+      showPrev() {
+        this.currentSpreadIndex > 0 && (this.currentSpreadIndex--, this.showSpread());
+      }
+      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);
+        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;
+      }
+      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);
+      }
+    }
+    class g extends c {
+      constructor(i, n, a) {
+        super(i, n), this.imagesHref = a;
+      }
+      load() {
+        for (const i of this.imagesHref) {
+          const n = new r(this.render, i, "soft");
+          n.load(), this.pages.push(n);
+        }
+        this.createSpread();
+      }
+    }
+    class f {
+      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 f.GetDistanceBetweenTwoPoint(i[0], i[1]);
+      }
+      static GetAngleBetweenTwoLine(i, n) {
+        const a = i[0].y - i[1].y, l = n[0].y - n[1].y, h = i[1].x - i[0].x, d = n[1].x - n[0].x;
+        return Math.acos((a * l + h * d) / (Math.sqrt(a * a + h * h) * Math.sqrt(l * l + d * d)));
+      }
+      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 (f.GetDistanceBetweenTwoPoint(i, a) <= n) return a;
+        const l = i.x, h = i.y, d = a.x, w = a.y;
+        let y = Math.sqrt(Math.pow(n, 2) * Math.pow(l - d, 2) / (Math.pow(l - d, 2) + Math.pow(h - w, 2))) + l;
+        a.x < 0 && (y *= -1);
+        let E = (y - l) * (h - w) / (l - d) + h;
+        return l - d + h === 0 && (E = n), { x: y, y: E };
+      }
+      static GetIntersectBetweenTwoSegment(i, n, a) {
+        return f.PointInRect(i, f.GetIntersectBeetwenTwoLine(n, a));
+      }
+      static GetIntersectBeetwenTwoLine(i, n) {
+        const a = i[0].y - i[1].y, l = n[0].y - n[1].y, h = i[1].x - i[0].x, d = n[1].x - n[0].x, w = 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, E = a * y - l * w, D = h * y - d * w, W = -(w * d - y * h) / (a * d - l * h), K = -(a * y - l * w) / (a * d - l * h);
+        if (isFinite(W) && isFinite(K)) return { x: W, y: K };
+        if (Math.abs(E - D) < 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), h = Math.max(a, l), d = [i];
+        function w(y, E, D, W, K) {
+          return E > y ? y + K * (D / W) : E < y ? y - K * (D / W) : y;
+        }
+        for (let y = 1; y <= h; y += 1) d.push({ x: w(i.x, n.x, a, h, y), y: w(i.y, n.y, l, h, y) });
+        return d;
+      }
+    }
+    class P 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);
+      }
+      newTemporaryCopy() {
+        return this.nowDrawingDensity === "hard" ? this : (this.temporaryCopy === null && (this.copiedElement = this.element.cloneNode(!0), this.element.parentElement.appendChild(this.copiedElement), this.temporaryCopy = new P(this.render, this.copiedElement, this.nowDrawingDensity)), this.getTemporaryCopy());
+      }
+      getTemporaryCopy() {
+        return this.temporaryCopy;
+      }
+      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, h = this.render.getRect().height;
+        this.element.classList.remove("--simple");
+        const d = `
+            display: block;
+            z-index: ${this.element.style.zIndex};
+            left: 0;
+            top: 0;
+            width: ${l}px;
+            height: ${h}px;
+        `;
+        n === "hard" ? this.drawHard(d) : this.drawSoft(a, d);
+      }
+      drawHard(i = "") {
+        const n = this.render.getRect().left + this.render.getRect().width / 2, a = this.state.hardDrawingAngle, l = i + `
+                backface-visibility: hidden;
+                -webkit-backface-visibility: hidden;
+                clip-path: none;
+                -webkit-clip-path: none;
+            ` + (this.orientation === 0 ? `transform-origin: ${this.render.getRect().pageWidth}px 0; 
+                   transform: translate3d(0, 0, 0) rotateY(${a}deg);` : `transform-origin: 0 0; 
+                   transform: translate3d(${n}px, 0, 0) rotateY(${a}deg);`);
+        this.element.style.cssText = l;
+      }
+      drawSoft(i, n = "") {
+        let a = "polygon( ";
+        for (const h of this.state.area) if (h !== null) {
+          let d = this.render.getDirection() === 1 ? { x: -h.x + this.state.position.x, y: h.y - this.state.position.y } : { x: h.x - this.state.position.x, y: h.y - this.state.position.y };
+          d = f.GetRotatedPoint(d, { x: 0, y: 0 }, this.state.angle), a += d.x + "px " + d.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);`);
+        this.element.style.cssText = l;
+      }
+      simpleDraw(i) {
+        const n = this.render.getRect(), a = n.pageWidth, l = n.height, h = i === 1 ? n.left + n.pageWidth : n.left, d = n.top;
+        this.element.classList.add("--simple"), this.element.style.cssText = `
+            position: absolute; 
+            display: block; 
+            height: ${l}px; 
+            left: ${h}px; 
+            top: ${d}px; 
+            width: ${a}px; 
+            z-index: ${this.render.getSettings().startZIndex + 1};`;
+      }
+      getElement() {
+        return this.element;
+      }
+      load() {
+        this.isLoad = !0;
+      }
+      setOrientation(i) {
+        super.setOrientation(i), this.element.classList.remove("--left", "--right"), this.element.classList.add(i === 1 ? "--right" : "--left");
+      }
+      setDrawingDensity(i) {
+        this.element.classList.remove("--soft", "--hard"), this.element.classList.add("--" + i), super.setDrawingDensity(i);
+      }
+    }
+    class S extends c {
+      constructor(i, n, a, l) {
+        super(i, n), this.element = a, this.pagesElement = l;
+      }
+      load() {
+        for (const i of this.pagesElement) {
+          const n = new P(this.render, i, i.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);
+      }
+      calc(i) {
+        try {
+          return this.position = this.calcAngleAndPosition(i), this.calculateIntersectPoint(this.position), !0;
+        } catch {
+          return !1;
+        }
+      }
+      getFlippingClipArea() {
+        const i = [];
+        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;
+      }
+      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 ? f.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;
+      }
+      getAngle() {
+        return this.direction === 0 ? -this.angle : this.angle;
+      }
+      getRect() {
+        return this.rect;
+      }
+      getPosition() {
+        return this.position;
+      }
+      getActiveCorner() {
+        return this.direction === 0 ? this.rect.topLeft : this.rect.topRight;
+      }
+      getDirection() {
+        return this.direction;
+      }
+      getFlippingProgress() {
+        return Math.abs((this.position.x - this.pageWidth) / (2 * this.pageWidth) * 100);
+      }
+      getCorner() {
+        return this.corner;
+      }
+      getBottomPagePosition() {
+        return this.direction === 1 ? { x: this.pageWidth, y: 0 } : { x: 0, y: 0 };
+      }
+      getShadowStartPoint() {
+        return this.corner === "top" ? this.topIntersectPoint : this.sideIntersectPoint !== null ? this.sideIntersectPoint : this.topIntersectPoint;
+      }
+      getShadowAngle() {
+        const i = f.GetAngleBetweenTwoLine(this.getSegmentToShadowLine(), [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]);
+        return this.direction === 0 ? i : Math.PI - i;
+      }
+      calcAngleAndPosition(i) {
+        let n = i;
+        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);
+      }
+      calculateAngle(i) {
+        const n = this.pageWidth - i.x + 1, a = this.corner === "bottom" ? this.pageHeight - i.y : i.y;
+        let l = 2 * Math.acos(n / Math.sqrt(a * a + n * n));
+        a < 0 && (l = -l);
+        const h = Math.PI - l;
+        if (!isFinite(l) || h >= 0 && h < 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);
+      }
+      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) };
+      }
+      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 };
+      }
+      calculateIntersectPoint(i) {
+        const n = { left: -1, top: -1, width: this.pageWidth + 2, height: this.pageHeight + 2 };
+        this.corner === "top" ? (this.topIntersectPoint = f.GetIntersectBetweenTwoSegment(n, [i, this.rect.topRight], [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]), this.sideIntersectPoint = f.GetIntersectBetweenTwoSegment(n, [i, this.rect.bottomLeft], [{ x: this.pageWidth, y: 0 }, { x: this.pageWidth, y: this.pageHeight }]), this.bottomIntersectPoint = f.GetIntersectBetweenTwoSegment(n, [this.rect.bottomLeft, this.rect.bottomRight], [{ x: 0, y: this.pageHeight }, { x: this.pageWidth, y: this.pageHeight }])) : (this.topIntersectPoint = f.GetIntersectBetweenTwoSegment(n, [this.rect.topLeft, this.rect.topRight], [{ x: 0, y: 0 }, { x: this.pageWidth, y: 0 }]), this.sideIntersectPoint = f.GetIntersectBetweenTwoSegment(n, [i, this.rect.topLeft], [{ x: this.pageWidth, y: 0 }, { x: this.pageWidth, y: this.pageHeight }]), this.bottomIntersectPoint = f.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 h = f.LimitPointToCircle(n, this.pageWidth, l);
+        l !== h && (l = h, this.updateAngleAndGeometry(l));
+        const d = Math.sqrt(Math.pow(this.pageWidth, 2) + Math.pow(this.pageHeight, 2));
+        let w = this.rect.bottomRight, y = this.rect.topLeft;
+        if (this.corner === "bottom" && (w = this.rect.topRight, y = this.rect.bottomLeft), w.x <= 0) {
+          const E = f.LimitPointToCircle(a, d, y);
+          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];
+      }
+    }
+    class L {
+      constructor(i, n) {
+        this.flippingPage = null, this.bottomPage = null, this.calc = null, this.state = "read", this.render = i, this.app = n;
+      }
+      fold(i) {
+        this.setState("user_fold"), this.calc === null && this.start(i), this.do(this.render.convertToPage(i));
+      }
+      flip(i) {
+        if (this.app.getSettings().disableFlipByClick && !this.isPointOnCorners(i) || (this.calc !== null && this.render.finishAnimation(), !this.start(i))) return;
+        const n = this.getBoundsRect();
+        this.setState("flipping");
+        const a = n.height / 10, l = this.calc.getCorner() === "bottom" ? n.height - a : a, h = 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: h }, !0);
+      }
+      start(i) {
+        this.reset();
+        const n = this.render.convertToBook(i), a = this.getBoundsRect(), l = this.getDirectionByPoint(n), h = 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 d = this.app.getPageCollection().nextBy(this.flippingPage);
+            d !== null && this.flippingPage.getDensity() !== d.getDensity() && (this.flippingPage.setDrawingDensity("hard"), d.setDrawingDensity("hard"));
+          } else {
+            const d = this.app.getPageCollection().prevBy(this.flippingPage);
+            d !== null && this.flippingPage.getDensity() !== d.getDensity() && (this.flippingPage.setDrawingDensity("hard"), d.setDrawingDensity("hard"));
+          }
+          return this.render.setDirection(l), this.calc = new b(l, h, a.pageWidth.toString(10), a.height.toString(10)), !0;
+        } catch {
+          return !1;
+        }
+      }
+      do(i) {
+        if (this.calc !== null && this.calc.calc(i)) {
+          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);
+        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 });
+      }
+      flipPrev(i) {
+        this.flip({ x: 10, y: i === "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);
+      }
+      showCorner(i) {
+        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;
+          this.setState("fold_corner"), this.calc.calc({ x: a - 1, y: 1 });
+          const l = 50, h = this.calc.getCorner() === "bottom" ? n.height - 1 : 1, d = this.calc.getCorner() === "bottom" ? n.height - l : l;
+          this.animateFlippingTo({ x: a - 1, y: h }, { x: a - l, y: d }, !1, !1);
+        } else this.do(this.render.convertToPage(i));
+        else this.setState("read"), this.render.finishAnimation(), this.stopMove();
+      }
+      animateFlippingTo(i, n, a, l = !0) {
+        const h = f.GetCordsFromTwoPoint(i, n), d = [];
+        for (const y of h) d.push(() => this.do(y));
+        const w = this.getAnimationDuration(h.length);
+        this.render.startAnimation(d, w, () => {
+          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()));
+        });
+      }
+      getCalculation() {
+        return this.calc;
+      }
+      getState() {
+        return this.state;
+      }
+      setState(i) {
+        this.state !== i && (this.app.updateState(i), this.state = i);
+      }
+      getDirectionByPoint(i) {
+        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;
+        return 0;
+      }
+      getAnimationDuration(i) {
+        const n = this.app.getSettings().flippingTime;
+        return i >= 1e3 ? n : i / 1e3 * n;
+      }
+      checkDirection(i) {
+        return i === 0 ? this.app.getCurrentPageIndex() < this.app.getPageCount() - 1 : this.app.getCurrentPageIndex() >= 1;
+      }
+      reset() {
+        this.calc = null, this.flippingPage = null, this.bottomPage = null;
+      }
+      getBoundsRect() {
+        return this.render.getRect();
+      }
+      checkState(...i) {
+        for (const n of i) 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, h = this.render.convertToBook(i);
+        return h.x > 0 && h.y > 0 && h.x < n.width && h.y < n.height && (h.x < l || h.x > n.width - l) && (h.y < l || h.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;
+        const a = new RegExp("Version\\/[\\d\\.]+.*Safari/");
+        this.safari = a.exec(window.navigator.userAgent) !== null;
+      }
+      render(i) {
+        if (this.animation !== null) {
+          const n = Math.round((i - 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();
+      }
+      start() {
+        this.update();
+        const i = (n) => {
+          this.render(n), requestAnimationFrame(i);
+        };
+        requestAnimationFrame(i);
+      }
+      startAnimation(i, n, a) {
+        this.finishAnimation(), this.animation = { frames: i, duration: n, durationFrame: n / i.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));
+      }
+      calculateBoundsRect() {
+        let i = "landscape";
+        const n = this.getBlockWidth(), a = n / 2, l = this.getBlockHeight() / 2, h = this.setting.width / this.setting.height;
+        let d = this.setting.width, w = this.setting.height, y = a - d;
+        return this.setting.size === "stretch" ? (n < 2 * this.setting.minWidth && this.app.getSettings().usePortrait && (i = "portrait"), d = i === "portrait" ? this.getBlockWidth() : this.getBlockWidth() / 2, d > this.setting.maxWidth && (d = this.setting.maxWidth), w = d / h, w > this.getBlockHeight() && (w = this.getBlockHeight(), d = w * h), y = i === "portrait" ? a - d / 2 - d : a - d) : n < 2 * d && this.app.getSettings().usePortrait && (i = "portrait", y = a - d / 2 - d), this.boundsRect = { left: y, top: l - w / 2, width: 2 * d, height: w, pageWidth: d }, i;
+      }
+      setShadowData(i, n, a, l) {
+        if (!this.app.getSettings().drawShadow) return;
+        const h = 100 * this.getSettings().maxShadowOpacity;
+        this.shadow = { pos: i, angle: n, width: 3 * this.getRect().pageWidth / 4 * a / 100, opacity: (100 - a) * h / 100 / 100, direction: l, progress: 2 * a };
+      }
+      clearShadow() {
+        this.shadow = null;
+      }
+      getBlockWidth() {
+        return this.app.getUI().getDistElement().offsetWidth;
+      }
+      getBlockHeight() {
+        return this.app.getUI().getDistElement().offsetHeight;
+      }
+      getDirection() {
+        return this.direction;
+      }
+      getRect() {
+        return this.boundsRect === null && this.calculateBoundsRect(), this.boundsRect;
+      }
+      getSettings() {
+        return this.app.getSettings();
+      }
+      getOrientation() {
+        return this.orientation;
+      }
+      setPageRect(i) {
+        this.pageRect = i;
+      }
+      setDirection(i) {
+        this.direction = i;
+      }
+      setRightPage(i) {
+        i !== null && i.setOrientation(1), this.rightPage = i;
+      }
+      setLeftPage(i) {
+        i !== null && i.setOrientation(0), this.leftPage = i;
+      }
+      setBottomPage(i) {
+        i !== null && i.setOrientation(this.direction === 1 ? 0 : 1), this.bottomPage = i;
+      }
+      setFlippingPage(i) {
+        i !== null && i.setOrientation(this.direction === 0 && this.orientation !== "portrait" ? 0 : 1), this.flippingPage = i;
+      }
+      convertToBook(i) {
+        const n = this.getRect();
+        return { x: i.x - n.left, y: i.y - n.top };
+      }
+      isSafari() {
+        return this.safari;
+      }
+      convertToPage(i, 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 };
+      }
+      convertToGlobal(i, n) {
+        if (n || (n = this.direction), i == 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 };
+      }
+      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) };
+      }
+    }
+    class T extends $ {
+      constructor(i, n, a) {
+        super(i, n), this.canvas = a, this.ctx = a.getContext("2d");
+      }
+      getContext() {
+        return this.ctx;
+      }
+      reload() {
+      }
+      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());
+      }
+      drawBookShadow() {
+        const i = 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 };
+        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();
+      }
+      drawOuterShadow() {
+        const i = this.getRect();
+        this.ctx.save(), this.ctx.beginPath(), this.ctx.rect(i.left, i.top, i.width, i.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();
+      }
+      drawInnerShadow() {
+        const i = 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, h = this.ctx.createLinearGradient(0, 0, l, 0);
+        this.shadow.direction === 0 ? (this.ctx.translate(-l, -100), h.addColorStop(1, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), h.addColorStop(0.9, "rgba(0, 0, 0, 0.05)"), h.addColorStop(0.7, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), h.addColorStop(0, "rgba(0, 0, 0, 0)")) : (this.ctx.translate(0, -100), h.addColorStop(0, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), h.addColorStop(0.1, "rgba(0, 0, 0, 0.05)"), h.addColorStop(0.3, "rgba(0, 0, 0, " + this.shadow.opacity + ")"), h.addColorStop(1, "rgba(0, 0, 0, 0)")), this.ctx.clip(), this.ctx.fillStyle = h, this.ctx.fillRect(0, 0, l, 2 * i.height), this.ctx.restore();
+      }
+      clear() {
+        this.ctx.fillStyle = "white", this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
+      }
+    }
+    class A {
+      constructor(i, n, a) {
+        this.touchPoint = null, this.swipeTimeout = 250, this.onResize = () => {
+          this.update();
+        }, this.onMouseDown = (h) => {
+          if (this.checkTarget(h.target)) {
+            const d = this.getMousePos(h.clientX, h.clientY);
+            this.app.startUserTouch(d), h.preventDefault();
+          }
+        }, this.onTouchStart = (h) => {
+          if (this.checkTarget(h.target) && h.changedTouches.length > 0) {
+            const d = h.changedTouches[0], w = this.getMousePos(d.clientX, d.clientY);
+            this.touchPoint = { point: w, time: Date.now() }, setTimeout(() => {
+              this.touchPoint !== null && this.app.startUserTouch(w);
+            }, this.swipeTimeout), this.app.getSettings().mobileScrollSupport || h.preventDefault();
+          }
+        }, this.onMouseUp = (h) => {
+          const d = this.getMousePos(h.clientX, h.clientY);
+          this.app.userStop(d);
+        }, this.onMouseMove = (h) => {
+          const d = this.getMousePos(h.clientX, h.clientY);
+          this.app.userMove(d, !1);
+        }, this.onTouchMove = (h) => {
+          if (h.changedTouches.length > 0) {
+            const d = h.changedTouches[0], w = this.getMousePos(d.clientX, d.clientY);
+            this.app.getSettings().mobileScrollSupport ? (this.touchPoint !== null && (Math.abs(this.touchPoint.point.x - w.x) > 10 || this.app.getState() !== "read") && h.cancelable && this.app.userMove(w, !0), this.app.getState() !== "read" && h.preventDefault()) : this.app.userMove(w, !0);
+          }
+        }, this.onTouchEnd = (h) => {
+          if (h.changedTouches.length > 0) {
+            const d = h.changedTouches[0], w = this.getMousePos(d.clientX, d.clientY);
+            let y = !1;
+            if (this.touchPoint !== null) {
+              const E = w.x - this.touchPoint.point.x, D = Math.abs(w.y - this.touchPoint.point.y);
+              Math.abs(E) > this.swipeDistance && D < 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"), y = !0), this.touchPoint = null;
+            }
+            this.app.userStop(w, y);
+          }
+        }, 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;
+        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;
+      }
+      destroy() {
+        this.app.getSettings().useMouseEvents && this.removeHandlers(), this.distElement.remove(), this.wrapper.remove();
+      }
+      getDistElement() {
+        return this.distElement;
+      }
+      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();
+      }
+      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);
+      }
+      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) {
+        const a = this.distElement.getBoundingClientRect();
+        return { x: i - a.left, y: n - a.top };
+      }
+      checkTarget(i) {
+        return !this.app.getSettings().clickEventForward || !["a", "button"].includes(i.tagName.toLowerCase());
+      }
+    }
+    class F extends A {
+      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;
+        for (const h of l) this.distElement.appendChild(h);
+        this.setHandlers();
+      }
+      clear() {
+        for (const i of this.items) this.parentElement.appendChild(i);
+      }
+      updateItems(i) {
+        this.removeHandlers(), this.distElement.innerHTML = "";
+        for (const n of i) this.distElement.appendChild(n);
+        this.items = i, this.setHandlers();
+      }
+      update() {
+        this.app.getRender().update();
+      }
+    }
+    class G extends A {
+      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();
+      }
+      resizeCanvas() {
+        const i = getComputedStyle(this.canvas), n = parseInt(i.getPropertyValue("width"), 10), a = parseInt(i.getPropertyValue("height"), 10);
+        this.canvas.width = n, this.canvas.height = a;
+      }
+      getCanvas() {
+        return this.canvas;
+      }
+      update() {
+        this.resizeCanvas(), this.app.getRender().update();
+      }
+    }
+    class N 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();
+      }
+      createShadows() {
+        this.element.insertAdjacentHTML("beforeend", `<div class="stf__outerShadow"></div>
+             <div class="stf__innerShadow"></div>
+             <div class="stf__hardShadow"></div>
+             <div class="stf__hardInnerShadow"></div>`), this.outerShadow = this.element.querySelector(".stf__outerShadow"), this.innerShadow = this.element.querySelector(".stf__innerShadow"), this.hardShadow = this.element.querySelector(".stf__hardShadow"), this.hardInnerShadow = this.element.querySelector(".stf__hardInnerShadow");
+      }
+      clearShadow() {
+        super.clearShadow(), this.outerShadow.style.cssText = "display: none", this.innerShadow.style.cssText = "display: none", this.hardShadow.style.cssText = "display: none", this.hardInnerShadow.style.cssText = "display: none";
+      }
+      reload() {
+        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);
+        let l = `
+            display: block;
+            z-index: ${(this.getSettings().startZIndex + 5).toString(10)};
+            width: ${a}px;
+            height: ${i.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;
+            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);
+        let a = `
+            display: block;
+            z-index: ${(this.getSettings().startZIndex + 4).toString(10)};
+            width: ${n}px;
+            height: ${i.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;
+            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", h = this.convertToGlobal(this.shadow.pos), d = this.shadow.angle + 3 * Math.PI / 2, w = [this.pageRect.topLeft, this.pageRect.topRight, this.pageRect.bottomRight, this.pageRect.bottomLeft];
+        let y = "polygon( ";
+        for (const D of w) {
+          let W = this.getDirection() === 1 ? { x: -D.x + this.shadow.pos.x, y: D.y - this.shadow.pos.y } : { x: D.x - this.shadow.pos.x, y: D.y - this.shadow.pos.y };
+          W = f.GetRotatedPoint(W, { x: a, y: 100 }, d), y += W.x + "px " + W.y + "px, ";
+        }
+        y = y.slice(0, -2), y += ")";
+        const E = `
+            display: block;
+            z-index: ${(this.getSettings().startZIndex + 10).toString(10)};
+            width: ${n}px;
+            height: ${2 * i.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(${h.x - a}px, ${h.y - 100}px, 0) rotate(${d}rad);
+            clip-path: ${y};
+            -webkit-clip-path: ${y};
+        `;
+        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, h = this.getDirection() === 0 ? "to right" : "to left", d = [{ x: 0, y: 0 }, { x: i.pageWidth, y: 0 }, { x: i.pageWidth, y: i.height }, { x: 0, y: i.height }];
+        let w = "polygon( ";
+        for (const E of d) if (E !== null) {
+          let D = 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 };
+          D = f.GetRotatedPoint(D, { x: l, y: 100 }, a), w += D.x + "px " + D.y + "px, ";
+        }
+        w = w.slice(0, -2), w += ")";
+        const y = `
+            display: block;
+            z-index: ${(this.getSettings().startZIndex + 10).toString(10)};
+            width: ${this.shadow.width}px;
+            height: ${2 * i.height}px;
+            background: linear-gradient(${h}, 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: ${w};
+            -webkit-clip-path: ${w};
+        `;
+        this.outerShadow.style.cssText = y;
+      }
+      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));
+      }
+      drawRightPage() {
+        this.rightPage !== null && (this.direction === 0 && this.flippingPage !== null && this.flippingPage.getDrawingDensity() === "hard" ? (this.rightPage.getElement().style.zIndex = (this.getSettings().startZIndex + 5).toString(10), this.rightPage.setHardDrawingAngle(180 + this.flippingPage.getHardAngle()), this.rightPage.draw(this.flippingPage.getDrawingDensity())) : this.rightPage.simpleDraw(1));
+      }
+      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));
+      }
+      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();
+      }
+      update() {
+        super.update(), this.rightPage !== null && this.rightPage.setOrientation(1), this.leftPage !== null && this.leftPage.setOrientation(0);
+      }
+    }
+    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) {
+        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 (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(p, i) {
+      i === void 0 && (i = {});
+      var n = i.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 = p : l.appendChild(document.createTextNode(p));
+      }
+    })(`.stf__parent {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  transform: translateZ(0);
+
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+}
+
+.sft__wrapper {
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.stf__parent canvas {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+
+.stf__block {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  perspective: 2000px;
+}
+
+.stf__item {
+  display: none;
+  position: absolute;
+  transform-style: preserve-3d;
+}
+
+.stf__outerShadow {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.stf__innerShadow {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.stf__hardShadow {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.stf__hardInnerShadow {
+  position: absolute;
+  left: 0;
+  top: 0;
+}`), s.PageFlip = class extends class {
+      constructor() {
+        this.events = /* @__PURE__ */ new Map();
+      }
+      on(p, i) {
+        return this.events.has(p) ? this.events.get(p).push(i) : this.events.set(p, [i]), this;
+      }
+      off(p) {
+        this.events.delete(p);
+      }
+      trigger(p, i, n = null) {
+        if (this.events.has(p)) for (const a of this.events.get(p)) a({ data: n, object: i });
+      }
+    } {
+      constructor(p, i) {
+        super(), this.isUserTouch = !1, this.isUserMove = !1, this.setting = null, this.pages = null, this.setting = new H().getSettings(i), this.block = p;
+      }
+      destroy() {
+        this.ui.destroy(), this.block.remove();
+      }
+      update() {
+        this.render.update(), this.pages.show();
+      }
+      loadFromImages(p) {
+        this.ui = new G(this.block, this, this.setting);
+        const i = this.ui.getCanvas();
+        this.render = new T(this, this.setting, i), this.flipController = new L(this.render, this), this.pages = new g(this, this.render, p), 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(p) {
+        this.ui = new F(this.block, this, this.setting, p), this.render = new N(this, this.setting, this.ui.getDistElement()), this.flipController = new L(this.render, this), this.pages = new S(this, this.render, this.ui.getDistElement(), p), 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(p) {
+        const i = this.pages.getCurrentPageIndex();
+        this.pages.destroy(), this.pages = new g(this, this.render, p), this.pages.load(), this.pages.show(i), this.trigger("update", this, { page: i, mode: this.render.getOrientation() });
+      }
+      updateFromHtml(p) {
+        const i = this.pages.getCurrentPageIndex();
+        this.pages.destroy(), this.pages = new S(this, this.render, this.ui.getDistElement(), p), this.pages.load(), this.ui.updateItems(p), this.render.reload(), this.pages.show(i), this.trigger("update", this, { page: i, mode: this.render.getOrientation() });
+      }
+      clear() {
+        this.pages.destroy(), this.ui.clear();
+      }
+      turnToPrevPage() {
+        this.pages.showPrev();
+      }
+      turnToNextPage() {
+        this.pages.showNext();
+      }
+      turnToPage(p) {
+        this.pages.show(p);
+      }
+      flipNext(p = "top") {
+        this.flipController.flipNext(p);
+      }
+      flipPrev(p = "top") {
+        this.flipController.flipPrev(p);
+      }
+      flip(p, i = "top") {
+        this.flipController.flipToPage(p, i);
+      }
+      updateState(p) {
+        this.trigger("changeState", this, p);
+      }
+      updatePageIndex(p) {
+        this.trigger("flip", this, p);
+      }
+      updateOrientation(p) {
+        this.ui.setOrientationStyle(p), this.update(), this.trigger("changeOrientation", this, p);
+      }
+      getPageCount() {
+        return this.pages.getPageCount();
+      }
+      getCurrentPageIndex() {
+        return this.pages.getCurrentPageIndex();
+      }
+      getPage(p) {
+        return this.pages.getPage(p);
+      }
+      getRender() {
+        return this.render;
+      }
+      getFlipController() {
+        return this.flipController;
+      }
+      getOrientation() {
+        return this.render.getOrientation();
+      }
+      getBoundsRect() {
+        return this.render.getRect();
+      }
+      getSettings() {
+        return this.setting;
+      }
+      getUI() {
+        return this.ui;
+      }
+      getState() {
+        return this.flipController.getState();
+      }
+      getPageCollection() {
+        return this.pages;
+      }
+      startUserTouch(p) {
+        this.mousePosition = p, this.isUserTouch = !0, this.isUserMove = !1;
+      }
+      userMove(p, i) {
+        this.isUserTouch || i || !this.setting.showPageCorners ? this.isUserTouch && f.GetDistanceBetweenTwoPoint(this.mousePosition, p) > 5 && (this.isUserMove = !0, this.flipController.fold(p)) : this.flipController.showCorner(p);
+      }
+      userStop(p, i = !1) {
+        this.isUserTouch && (this.isUserTouch = !1, i || (this.isUserMove ? this.flipController.stopMove() : this.flipController.flip(p)));
+      }
+    }, Object.defineProperty(s, "__esModule", { value: !0 });
+  });
+})(Dt, Dt.exports);
+var hi = Dt.exports;
+/**
+ * @license FlipbookEngine v0.2.4
+ * Copyright (c) 2026 Murat Dogan
+ *
+ * This source code is dual-licensed under the AGPLv3 and a Commercial License.
+ *
+ * 1. Open Source (AGPLv3): You may use, modify, and distribute this software
+ *    under the terms of the GNU Affero General Public License v3.0.
+ *
+ * 2. Commercial License: If you wish to use this software in commercial,
+ *    closed-source, or SaaS products without the AGPLv3 obligations,
+ *    you must purchase a Commercial License from:
+ *    https://flipbookengine.com/pricing
+ */
+class li {
+  constructor(t, s, 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);
+    this.bookContainer = t, this.options = s, this.store = o, s.soundUrl && (this.audioEl = new Audio(s.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(() => {
+          this.audioEl.pause(), this.audioEl.currentTime = 0;
+        }).catch(() => {
+        });
+      }
+      document.removeEventListener("touchstart", t), document.removeEventListener("click", t), this.audioUnlockHandler = null;
+    };
+    this.audioUnlockHandler = t, document.addEventListener("touchstart", t, { once: !0 }), document.addEventListener("click", t, { once: !0 });
+  }
+  init(t, s) {
+    this.pageFlip = new hi.PageFlip(this.bookContainer, {
+      width: t,
+      height: s,
+      size: "stretch",
+      minWidth: 100,
+      maxWidth: 3e3,
+      minHeight: 100,
+      maxHeight: 3e3,
+      drawShadow: !0,
+      showCover: !0,
+      usePortrait: !0,
+      mobileScrollSupport: !1,
+      maxShadowOpacity: this.options.maxShadowOpacity || 0.5,
+      flippingTime: this.options.flippingTime || 1e3
+    });
+    const o = this.bookContainer.querySelectorAll(".bz-page");
+    this.pageFlip.loadFromHTML(Array.from(o)), this.bindEvents(), this.setupSignalSync();
+  }
+  bindEvents() {
+    this.pageFlip.on("flip", (t) => {
+      this.store.currentPage.value !== t.data && (this.isLibraryFlipping = !0, this.store.currentPage.value = t.data, this.playSound(), this.isLibraryFlipping = !1);
+    }), this.pageFlip.on("changeState", (t) => {
+      this.store.flipState.value = t.data;
+    }), this.pageFlip.on("changeOrientation", (t) => {
+      this.store.orientation.value !== t.data && (this.store.orientation.value = t.data);
+    });
+  }
+  setupSignalSync() {
+    this.unsubs.push(
+      j(() => {
+        const t = this.store.currentPage.value, s = this.store.flipState.peek();
+        if (!this.pageFlip || this.isLibraryFlipping || s !== "read") return;
+        const o = this.pageFlip.getCurrentPageIndex();
+        if (o !== t && !this.store.isSingleMode.value) {
+          const r = (f) => f === 0 ? 0 : Math.ceil(f / 2), c = r(t), g = r(o);
+          c === g + 1 ? this.pageFlip.flipNext() : c === g - 1 ? this.pageFlip.flipPrev() : c !== g && this.pageFlip.turnToPage(t);
+        }
+      })
+    ), this.unsubs.push(
+      j(() => {
+        this.store.isSingleMode.value, this.pageFlip && setTimeout(() => {
+          this.pageFlip && this.pageFlip.update(), window.dispatchEvent(new Event("resize"));
+        }, 50);
+      })
+    ), this.unsubs.push(
+      j(() => {
+        const t = this.store.isAutoPlaying.value, s = 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()) {
+            this.store.isAutoPlaying.value = !1;
+            return;
+          }
+          this.turnToNextPage();
+        }, s));
+      })
+    );
+  }
+  turnToNextPage() {
+    if (this.store.isSingleMode.value) {
+      const t = this.store.currentPage.value + 1;
+      t < this.store.pages.value.length && (this.store.currentPage.value = t, this.playSound());
+    } else this.pageFlip && this.pageFlip.flipNext();
+  }
+  turnToPrevPage() {
+    if (this.store.isSingleMode.value) {
+      const t = this.store.currentPage.value - 1;
+      t >= 0 && (this.store.currentPage.value = t, this.playSound());
+    } else this.pageFlip && this.pageFlip.flipPrev();
+  }
+  playSound() {
+    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));
+    }
+  }
+  update() {
+    this.pageFlip && this.pageFlip.update();
+  }
+  destroy() {
+    this.autoPlayTimer && (clearInterval(this.autoPlayTimer), this.autoPlayTimer = null), this.audioUnlockHandler && (document.removeEventListener("touchstart", this.audioUnlockHandler), document.removeEventListener("click", this.audioUnlockHandler), this.audioUnlockHandler = null), this.unsubs.forEach((t) => t()), this.unsubs = [], this.pageFlip && (this.pageFlip.destroy(), this.pageFlip = null);
+  }
+}
+/**
+ * @license FlipbookEngine v0.2.4
+ * Copyright (c) 2026 Murat Dogan
+ *
+ * This source code is dual-licensed under the AGPLv3 and a Commercial License.
+ *
+ * 1. Open Source (AGPLv3): You may use, modify, and distribute this software
+ *    under the terms of the GNU Affero General Public License v3.0.
+ *
+ * 2. Commercial License: If you wish to use this software in commercial,
+ *    closed-source, or SaaS products without the AGPLv3 obligations,
+ *    you must purchase a Commercial License from:
+ *    https://flipbookengine.com/pricing
+ */
+class ci {
+  constructor(t, s) {
+    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, "onResizeCallback");
+    this.pageViewport = t, this.store = s;
+  }
+  init(t, s) {
+    this.wrapperElement = t, this.sizerElement = s, this.setupResizeObserver(), this.setupOrientationMedia(), this.setupStateSync(), this.updateBookAspectRatio();
+  }
+  setupStateSync() {
+    this.unsubs.push(
+      j(() => {
+        this.store.isSingleMode.value, this.store.orientation.value, setTimeout(() => this.updateBookAspectRatio(), 10);
+      })
+    );
+  }
+  setupResizeObserver() {
+    typeof ResizeObserver < "u" && this.wrapperElement && (this.resizeObserver = new ResizeObserver(() => {
+      this.updateBookAspectRatio();
+    }), this.resizeObserver.observe(this.wrapperElement));
+  }
+  setupOrientationMedia() {
+    if (typeof window < "u" && window.matchMedia) {
+      this.orientationMediaQuery = window.matchMedia("(orientation: portrait)");
+      const t = (s) => {
+        s.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 o = this.pageViewport.width, r = this.pageViewport.height, g = this.store.isDoublePageLayout.value ? o * 2 / r : o / r;
+    let f = t, P = t / g;
+    P > s && (P = s, f = s * g);
+    let S = Math.ceil(f);
+    S % 2 !== 0 && (S += 1), this.sizerElement.style.width = `${S}px`, this.sizerElement.style.height = `${Math.floor(P)}px`, this.sizerElement.style.aspectRatio = "", this.onResizeCallback && this.onResizeCallback();
+  }
+  destroy() {
+    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);
+  }
+}
+/**
+ * @license FlipbookEngine v0.2.4
+ * Copyright (c) 2026 Murat Dogan
+ *
+ * This source code is dual-licensed under the AGPLv3 and a Commercial License.
+ *
+ * 1. Open Source (AGPLv3): You may use, modify, and distribute this software
+ *    under the terms of the GNU Affero General Public License v3.0.
+ *
+ * 2. Commercial License: If you wish to use this software in commercial,
+ *    closed-source, or SaaS products without the AGPLv3 obligations,
+ *    you must purchase a Commercial License from:
+ *    https://flipbookengine.com/pricing
+ */
+class di {
+  constructor(t, s, o) {
+    v(this, "container");
+    v(this, "pageFlipAdapter");
+    v(this, "store");
+    v(this, "touchStartX", null);
+    v(this, "unsubs", []);
+    v(this, "listenerAbortController");
+    var c;
+    this.container = t, this.pageFlipAdapter = s, this.store = o;
+    const r = ((c = t.ownerDocument.defaultView) == null ? void 0 : c.AbortController) ?? globalThis.AbortController;
+    this.listenerAbortController = new r();
+  }
+  init() {
+    this.bindWheel(), this.bindMouseDrag(), this.bindTouch(), this.setupStateSync();
+  }
+  setupStateSync() {
+    this.unsubs.push(
+      j(() => {
+        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");
+      })
+    );
+  }
+  bindWheel() {
+    this.container.addEventListener("wheel", (t) => {
+      this.store.zoomState.value.isActive && (t.preventDefault(), this.updateZoomPan(
+        this.store.zoomState.value.translateX - t.deltaX,
+        this.store.zoomState.value.translateY - t.deltaY
+      ));
+    }, { passive: !1, signal: this.listenerAbortController.signal });
+  }
+  bindMouseDrag() {
+    let t = !1, s = 0, o = 0, r = 0, c = 0;
+    this.container.addEventListener("mousedown", (g) => {
+      this.store.zoomState.value.isActive && (t = !0, s = g.clientX, o = g.clientY, r = this.store.zoomState.value.translateX, c = this.store.zoomState.value.translateY, this.container.style.cursor = "grabbing");
+    }, { signal: this.listenerAbortController.signal }), window.addEventListener("mousemove", (g) => {
+      if (!t || !this.store.zoomState.value.isActive) return;
+      const f = g.clientX - s, P = g.clientY - o;
+      this.updateZoomPan(r + f, c + P);
+    }, { 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;
+    this.container.addEventListener("touchstart", (r) => {
+      if (r.touches.length === 1)
+        if (!this.store.zoomState.value.isActive)
+          this.touchStartX = r.touches[0].clientX;
+        else {
+          t = !0, this.touchStartX = r.touches[0].clientX;
+          const c = r.touches[0].clientY;
+          s = this.store.zoomState.value.translateX, o = this.store.zoomState.value.translateY, this.container._touchStartY = c;
+        }
+    }, { 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 c = r.touches[0].clientX - this.touchStartX, g = r.touches[0].clientY - this.container._touchStartY;
+        this.updateZoomPan(s + c, o + g);
+      }
+    }, { 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) {
+        const c = r.changedTouches[0].clientX - this.touchStartX;
+        c > 50 && this.store.currentPage.value > 0 ? this.pageFlipAdapter.turnToPrevPage() : c < -50 && this.store.currentPage.value < this.store.totalPages.value - 1 && this.pageFlipAdapter.turnToNextPage();
+      }
+      this.touchStartX = null, t = !1;
+    }, { passive: !0, signal: this.listenerAbortController.signal });
+  }
+  zoomIn() {
+    let t = this.store.zoomState.value.scale + 0.5;
+    t > 5 && (t = 5), this.store.zoomState.value = {
+      ...this.store.zoomState.value,
+      isActive: t > 1,
+      scale: t
+    }, t > 1 && (this.container.style.cursor = "grab");
+  }
+  zoomOut() {
+    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) {
+    this.store.zoomState.value = {
+      ...this.store.zoomState.value,
+      translateX: t,
+      translateY: s
+    };
+  }
+  destroy() {
+    this.listenerAbortController.abort(), this.unsubs.forEach((t) => t()), this.unsubs = [];
+  }
+}
+/**
+ * @license FlipbookEngine v0.2.4
+ * Copyright (c) 2026 Murat Dogan
+ *
+ * This source code is dual-licensed under the AGPLv3 and a Commercial License.
+ */
+const ui = () => ({ isActive: !1, translateX: 0, translateY: 0, isDragging: !1, scale: 1 });
+function fe() {
+  const e = M(0), t = M(0), s = M(!1), o = M(!0), r = M(!0), c = M("landscape"), g = M("read"), f = M("auto"), P = M(!0), S = M(!1), b = M("#7367f0"), L = M(!1), $ = M(!1), T = M(!1), A = M(3e3), F = M(!0), G = M("en"), N = M({}), H = M(ui()), p = M([]), i = m(() => !s.value && c.value === "landscape"), n = m(() => i.value && e.value === 0), a = m(() => i.value && e.value >= t.value - 1);
+  return { currentPage: e, totalPages: t, isSingleMode: s, showThumbs: o, showArrows: r, orientation: c, flipState: g, themeMode: f, allowDownload: P, hasDownloadUrl: S, primaryColor: b, whiteLabel: L, isZoomed: $, isAutoPlaying: T, autoPlayInterval: A, soundEnabled: F, locale: G, messages: N, zoomState: H, pages: p, isDoublePageLayout: i, isFrontCover: n, isBackCover: a, init: (h, d, w, y) => {
+    t.value = d, p.value = w, S.value = y, h.theme !== void 0 && (f.value = h.theme), h.primaryColor !== void 0 && (b.value = h.primaryColor), h.showThumbs !== void 0 && (o.value = h.showThumbs), h.showArrows !== void 0 && (r.value = h.showArrows), h.allowDownload !== void 0 && (P.value = h.allowDownload), h.whiteLabel !== void 0 && (L.value = h.whiteLabel), h.soundEnabled !== void 0 && (F.value = h.soundEnabled), h.locale !== void 0 && (G.value = h.locale), h.messages !== void 0 && (N.value = h.messages), h.isSingleMode !== void 0 && (s.value = h.isSingleMode), h.singleMode !== void 0 && (s.value = h.singleMode), h.autoPlay !== void 0 && (T.value = h.autoPlay), h.autoPlayInterval !== void 0 && (A.value = h.autoPlayInterval), e.value = 0;
+  } };
+}
+const C = fe();
+C.currentPage;
+C.totalPages;
+C.isSingleMode;
+C.showThumbs;
+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.isDoublePageLayout;
+C.isFrontCover;
+C.isBackCover;
+function gi(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 pi(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 fi(e) {
+  return e === "rtl" ? ["right", "left"] : ["left", "right"];
+}
+function mi(e) {
+  const t = [];
+  let s = 1;
+  return e.forEach((o, r) => {
+    const c = o.kind ?? "single", g = o.id ?? `asset-${r}`, f = o.splitDirection ?? "ltr", P = pi(o);
+    if (c === "spread") {
+      const b = P.length >= 2 ? P.slice(0, 2) : [s, s + 1], L = fi(f);
+      b.forEach(($, T) => {
+        t.push({
+          index: t.length,
+          assetId: g,
+          pageNumber: $,
+          cropMode: L[T] ?? "full",
+          normal: o.normal,
+          low: o.low,
+          thumb: o.thumb
+        });
+      }), s = b[b.length - 1] + 1;
+      return;
+    }
+    const S = P[0] ?? s;
+    t.push({
+      index: t.length,
+      assetId: g,
+      pageNumber: S,
+      cropMode: "full",
+      normal: o.normal,
+      low: o.low,
+      thumb: o.thumb
+    }), s = S + 1;
+  }), t;
+}
+function Kt(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 c = o.startsWith("--") ? o : `--${o}`;
+    e.style.setProperty(c, r);
+  });
+}
+class wi {
+  constructor(t = {}) {
+    v(this, "pdfDoc", null);
+    v(this, "loadingTask", null);
+    v(this, "options");
+    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))
+    }, this.options.workerSrc && (Bt.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);
+    const o = Bt.getDocument(t);
+    this.loadingTask = o;
+    const r = () => {
+      var c;
+      return (c = o.destroy) == null ? void 0 : c.call(o);
+    };
+    s == null || s.addEventListener("abort", r, { once: !0 });
+    try {
+      return this.pdfDoc = await o.promise, this.throwIfAborted(s), this.pdfDoc.numPages;
+    } catch (c) {
+      throw s != null && s.aborted ? this.createAbortError() : c;
+    } finally {
+      s == null || s.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) {
+    if (!this.pdfDoc) throw new Error("PDF document is not loaded.");
+    this.throwIfAborted(s);
+    try {
+      const o = await this.pdfDoc.getPage(t);
+      this.throwIfAborted(s);
+      const r = o.getViewport({ scale: this.options.scale }), c = document.createElement("canvas");
+      c.width = r.width, c.height = r.height;
+      const g = c.getContext("2d");
+      if (g) {
+        const f = o.render({ canvasContext: g, viewport: r }), P = () => {
+          var S;
+          return (S = f.cancel) == null ? void 0 : S.call(f);
+        };
+        s == null || s.addEventListener("abort", P, { once: !0 });
+        try {
+          await f.promise, this.throwIfAborted(s);
+        } finally {
+          s == null || s.removeEventListener("abort", P);
+        }
+        return c.toDataURL(this.options.format, this.options.quality);
+      }
+    } catch (o) {
+      if (s != null && s.aborted) throw this.createAbortError();
+      console.error(`PDF page ${t} render error:`, o);
+    }
+    return "";
+  }
+  /** Calculates the best viewport dimensions based on the first page. */
+  async calculateViewportDimensions(t = 420) {
+    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) };
+  }
+  /** Renders pages concurrently with a bounded worker pool and preserves page order. */
+  async renderAllPages(t, s) {
+    if (!this.pdfDoc) return [];
+    this.throwIfAborted(t);
+    const o = this.pdfDoc.numPages, r = new Array(o);
+    let c = 1, g = 0;
+    const f = async () => {
+      for (; ; ) {
+        this.throwIfAborted(t);
+        const S = c++;
+        if (S > o) return;
+        const b = await this.renderPageToDataUrl(S, t);
+        r[S - 1] = {
+          index: S - 1,
+          assetId: `pdf-page-${S}`,
+          pageNumber: S,
+          cropMode: "full",
+          normal: b,
+          low: b,
+          thumb: b
+        }, g++, s == null || s({ completed: g, total: o });
+      }
+    }, P = Math.min(this.options.concurrency, o);
+    return await Promise.all(Array.from({ length: P }, () => f())), this.throwIfAborted(t), r;
+  }
+  throwIfAborted(t) {
+    if (t != null && t.aborted) throw this.createAbortError();
+  }
+  createAbortError() {
+    const t = new Error("PDF rendering was aborted.");
+    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);
+  }
+}
+/**
+ * @license FlipbookEngine v0.2.4
+ * Copyright (c) 2026 Murat Dogan
+ *
+ * This source code is dual-licensed under the AGPLv3 and a Commercial License.
+ *
+ * 1. Open Source (AGPLv3): You may use, modify, and distribute this software
+ *    under the terms of the GNU Affero General Public License v3.0.
+ *
+ * 2. Commercial License: If you wish to use this software in commercial,
+ *    closed-source, or SaaS products without the AGPLv3 obligations,
+ *    you must purchase a Commercial License from:
+ *    https://flipbookengine.com/pricing
+ */
+const mt = class mt {
+  constructor(t, s = {}) {
+    v(this, "container", null);
+    v(this, "options");
+    v(this, "store", fe());
+    // Core Managers
+    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: !0, isSingle: !1, orientation: "" });
+    v(this, "eventSyncStop", null);
+    v(this, "qualityObserver", null);
+    this.selector = t, this.options = {
+      allowDownload: !0,
+      showThumbs: !0,
+      primaryColor: "#7367f0",
+      theme: "auto",
+      soundUrl: "https://flipbookengine.com/Content/page-flip.mp3",
+      autoPlayInterval: 3e3,
+      pdfRenderScale: 1.5,
+      pdfRenderQuality: 0.85,
+      pdfRenderFormat: "image/webp",
+      pdfRenderConcurrency: 3,
+      ...s
+    }, this.setupEventSync();
+  }
+  async init(t, s) {
+    if (typeof this.selector == "string" ? this.container = document.querySelector(this.selector) : this.container = this.selector, !this.container) return;
+    this.destroy(!0), this.eventsReady = !1;
+    const o = this.initGeneration, r = new AbortController();
+    this.initAbortController = r;
+    let c = [], g = { ...mt.DEFAULT_PAGE_VIEWPORT };
+    if (s && s.length > 0) {
+      if (r.signal.aborted) return;
+      const T = s.filter(gi);
+      c = mi(T);
+      const A = c[0];
+      if (A) {
+        const F = await this.loadImageSize(A.low || A.normal);
+        if (F) {
+          const N = (A.cropMode !== "full" ? F.width / 2 : F.width) / F.height, H = 420;
+          g = 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 T = "load";
+      try {
+        this.pdfRenderer = new wi({
+          scale: this.options.pdfRenderScale,
+          quality: this.options.pdfRenderQuality,
+          format: this.options.pdfRenderFormat,
+          concurrency: this.options.pdfRenderConcurrency,
+          workerSrc: this.options.pdfWorkerSrc
+        }), this.emit("progress", { phase: "loading", completed: 0, total: 0 });
+        const A = await this.pdfRenderer.loadDocument(t, r.signal);
+        T = "render", this.emit("progress", { phase: "loading", completed: 1, total: A }), c = await this.pdfRenderer.renderAllPages(r.signal, ({ completed: F, total: G }) => {
+          this.emit("progress", { phase: "rendering", completed: F, total: G });
+        }), g = await this.pdfRenderer.calculateViewportDimensions();
+      } 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 || !c.length) return;
+    this.store.init(this.options, c.length, c, !!t), Kt(this.container, this.options), this.container.innerHTML = "";
+    let f, P, S;
+    const b = { current: null }, L = { current: null }, $ = ri({
+      pageFlipAdapterRef: b,
+      interactionManagerRef: L,
+      bookWrapperRef: (T) => f = T,
+      bookSizerRef: (T) => P = T,
+      bookContainerRef: (T) => S = T,
+      className: this.options.className,
+      store: this.store,
+      onToggleFullscreen: () => this.toggleFullscreen(),
+      onDownload: () => {
+        t && (this.options.onDownload ? this.options.onDownload(t) : window.open(t, "_blank"));
+      }
+    });
+    this.container.appendChild($), this.setupQualityLoading(), this.layoutManager = new ci(g, this.store), this.layoutManager.onResizeCallback = () => {
+      this.pageFlipAdapter && this.pageFlipAdapter.update();
+    }, this.layoutManager.init(f, P), this.pageFlipAdapter = new li(S, this.options, this.store), b.current = this.pageFlipAdapter, await new Promise((T) => {
+      const A = () => {
+        r.signal.removeEventListener("abort", A), T();
+      };
+      r.signal.addEventListener("abort", A, { once: !0 }), this.initializationTimer = setTimeout(() => {
+        if (this.initializationTimer = null, r.signal.removeEventListener("abort", A), r.signal.aborted || o !== this.initGeneration || !this.pageFlipAdapter) {
+          T();
+          return;
+        }
+        this.pageFlipAdapter.init(g.width, g.height), this.interactionManager = new di(f, this.pageFlipAdapter, this.store), this.interactionManager.init(), L.current = this.interactionManager, this.eventsReady = !0, this.captureEventState(), this.emit("init", { totalPages: c.length }), T();
+      }, 10);
+    }), this.initAbortController === r && (this.initAbortController = null);
+  }
+  loadImageSize(t) {
+    return new Promise((s) => {
+      const o = new Image();
+      o.onload = () => s({ width: o.naturalWidth || o.width, height: o.naturalHeight || o.height }), o.onerror = () => s(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)));
+  }
+  getTotalPages() {
+    return this.store.totalPages.value;
+  }
+  getCurrentPage() {
+    return this.store.currentPage.value;
+  }
+  getZoom() {
+    return this.store.zoomState.value.scale;
+  }
+  setZoom(t) {
+    const s = Number.isFinite(t) ? t : 1, o = Math.max(0.5, Math.min(5, s));
+    this.store.zoomState.value = {
+      ...this.store.zoomState.value,
+      scale: o,
+      isActive: o > 1,
+      ...o <= 1 ? { translateX: 0, translateY: 0 } : {}
+    }, this.store.isZoomed.value = o > 1;
+  }
+  nextPage() {
+    this.pageFlipAdapter && this.pageFlipAdapter.turnToNextPage();
+  }
+  toggleFullscreen() {
+    var s, 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)));
+  }
+  setLocale(t, s) {
+    const o = s ? { ...this.options.messages, [t]: s[t] ?? s } : 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;
+  }
+  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 && Kt(this.container, this.options);
+  }
+  async setPages(t, s) {
+    if (!(t != null && t.length)) {
+      s && await this.init(s);
+      return;
+    }
+    await this.init(s || "", t);
+  }
+  setupQualityLoading() {
+    var r;
+    if (this.teardownQualityLoading(), !this.container) return;
+    const t = Array.from(this.container.querySelectorAll("img[data-src]")), s = (c) => {
+      const g = c.dataset.src;
+      g && (c.src = g, delete c.dataset.src);
+    }, o = (r = this.container.ownerDocument.defaultView) == null ? void 0 : r.IntersectionObserver;
+    if (!o) {
+      t.forEach(s);
+      return;
+    }
+    this.qualityObserver = new o((c) => {
+      c.forEach((g) => {
+        var f;
+        g.isIntersecting && (s(g.target), (f = this.qualityObserver) == null || f.unobserve(g.target));
+      });
+    }, { root: this.container, rootMargin: "240px" }), t.forEach((c) => {
+      var g;
+      return (g = this.qualityObserver) == null ? void 0 : g.observe(c);
+    });
+  }
+  teardownQualityLoading() {
+    var t;
+    (t = this.qualityObserver) == null || t.disconnect(), this.qualityObserver = null;
+  }
+  setupEventSync() {
+    this.eventSyncStop = j(() => {
+      const t = {
+        currentPage: this.store.currentPage.value,
+        zoom: this.store.zoomState.value.scale,
+        zoomActive: this.store.zoomState.value.isActive,
+        showThumbs: this.store.showThumbs.value,
+        isSingle: this.store.isSingleMode.value,
+        orientation: this.store.orientation.value
+      };
+      if (!this.eventsReady) {
+        this.lastEventState = t;
+        return;
+      }
+      t.currentPage !== this.lastEventState.currentPage && this.emit("pageChange", {
+        currentPage: t.currentPage,
+        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;
+    });
+  }
+  captureEventState() {
+    this.lastEventState = {
+      currentPage: this.store.currentPage.value,
+      zoom: this.store.zoomState.value.scale,
+      zoomActive: this.store.zoomState.value.isActive,
+      showThumbs: this.store.showThumbs.value,
+      isSingle: this.store.isSingleMode.value,
+      orientation: this.store.orientation.value
+    };
+  }
+  destroy(t = !1) {
+    var s;
+    this.initGeneration++, (s = this.initAbortController) == null || s.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(), this.pdfRenderer && this.pdfRenderer.destroy(), this.pageFlipAdapter = null, this.layoutManager = null, this.interactionManager = null, this.pdfRenderer = null, !t && this.container && (this.container.innerHTML = ""), this.emit("destroy", void 0);
+  }
+  on(t, s) {
+    const o = this.listeners[t] ?? /* @__PURE__ */ new Set();
+    return o.add(s), this.listeners[t] = o, () => this.off(t, s);
+  }
+  off(t, s) {
+    var o;
+    (o = this.listeners[t]) == null || o.delete(s);
+  }
+  emit(t, s) {
+    var o;
+    (o = this.listeners[t]) == null || o.forEach((r) => {
+      r(s);
+    });
+  }
+};
+v(mt, "DEFAULT_PAGE_VIEWPORT", { width: 420, height: 594 });
+let It = mt;
+const me = globalThis, we = me.FlipbookEngine || {};
+we.FlipbookEngine = It;
+me.FlipbookEngine = we;
+export {
+  It as F,
+  gi as i,
+  mi as n
+};
+//# sourceMappingURL=engine-G9HiVpA-.js.map