@likecoin/epub-ts 0.5.0 → 0.6.0

package/dist/epub.js

@@ -1,4 +1,4 @@
-import ee from "jszip";
+import ie from "jszip";
 function P(a) {
   const t = typeof a == "function" ? a.prototype : a;
   return t.on = function(e, i) {
@@ -14,7 +14,7 @@ function P(a) {
       s[n](...i);
   }, a;
 }
-const xt = (a) => (Promise.resolve().then(() => a(performance.now())), 0), Dt = typeof window < "u" ? window.requestAnimationFrame.bind(window) : xt, ie = 1, se = 3, Bt = typeof URL < "u" ? URL : typeof window < "u" ? window.URL : void 0;
+const bt = (a) => (Promise.resolve().then(() => a(performance.now())), 0), Bt = typeof window < "u" ? window.requestAnimationFrame.bind(window) : bt, se = 1, ne = 3, Mt = typeof URL < "u" ? URL : typeof window < "u" ? window.URL : void 0;
 function Et() {
   let a = (/* @__PURE__ */ new Date()).getTime();
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -22,7 +22,7 @@ function Et() {
     return a = Math.floor(a / 16), (e === "x" ? i : i & 7 | 8).toString(16);
   });
 }
-function ne() {
+function re() {
   return Math.max(
     document.documentElement.clientHeight,
     document.body.scrollHeight,
@@ -31,17 +31,17 @@ function ne() {
     document.documentElement.offsetHeight
   );
 }
-function Mt(a) {
+function Wt(a) {
   return !!(a && a.nodeType === 1);
 }
-function x(a) {
+function b(a) {
   return !isNaN(parseFloat(a)) && isFinite(a);
 }
-function Wt(a) {
+function qt(a) {
   const t = parseFloat(a);
-  return x(a) === !1 ? !1 : typeof a == "string" && a.indexOf(".") > -1 ? !0 : Math.floor(t) !== t;
+  return b(a) === !1 ? !1 : typeof a == "string" && a.indexOf(".") > -1 ? !0 : Math.floor(t) !== t;
 }
-function qt(a, ...t) {
+function Ut(a, ...t) {
   for (let e = 0; e < t.length; e++) {
     const i = t[e];
     for (const s in i)
@@ -56,27 +56,27 @@ function C(a, ...t) {
     });
   }), a;
 }
-function re(a, t, e) {
-  const i = V(a, t, e);
+function oe(a, t, e) {
+  const i = H(a, t, e);
   return t.splice(i, 0, a), i;
 }
-function V(a, t, e, i, s) {
+function H(a, t, e, i, s) {
   const n = i || 0, r = s || t.length, o = Math.floor(n + (r - n) / 2);
   if (e || (e = function(l, c) {
     return l > c ? 1 : l < c ? -1 : 0;
   }), r - n <= 0)
     return o;
   const h = e(t[o], a);
-  return r - n === 1 ? h >= 0 ? o : o + 1 : h === 0 ? o : h === -1 ? V(a, t, e, o, r) : V(a, t, e, n, o);
+  return r - n === 1 ? h >= 0 ? o : o + 1 : h === 0 ? o : h === -1 ? H(a, t, e, o, r) : H(a, t, e, n, o);
 }
-function Q(a, t, e, i, s) {
+function J(a, t, e, i, s) {
   const n = i || 0, r = s || t.length, o = Math.floor(n + (r - n) / 2);
   if (e || (e = function(l, c) {
     return l > c ? 1 : l < c ? -1 : 0;
   }), r - n <= 0)
     return -1;
   const h = e(t[o], a);
-  return r - n === 1 ? h === 0 ? o : -1 : h === 0 ? o : h === -1 ? Q(a, t, e, o, r) : Q(a, t, e, n, o);
+  return r - n === 1 ? h === 0 ? o : -1 : h === 0 ? o : h === -1 ? J(a, t, e, o, r) : J(a, t, e, n, o);
 }
 function K(a) {
   const t = window.getComputedStyle(a), e = ["width", "padding-right", "padding-left", "margin-right", "margin-left", "border-right-width", "border-left-width"], i = ["height", "padding-top", "padding-bottom", "margin-top", "margin-bottom", "border-top-width", "border-bottom-width"];
@@ -90,7 +90,7 @@ function K(a) {
     width: s
   };
 }
-function J(a) {
+function Q(a) {
   const t = window.getComputedStyle(a), e = ["padding-right", "padding-left", "margin-right", "margin-left", "border-right-width", "border-left-width"], i = ["padding-top", "padding-bottom", "margin-top", "margin-bottom", "border-top-width", "border-bottom-width"];
   let s = 0, n = 0;
   return e.forEach(function(r) {
@@ -123,39 +123,39 @@ function pt() {
     height: t
   };
 }
-function St(a, t) {
+function _t(a, t) {
   const i = a.parentNode.childNodes;
   let s, n = -1;
   for (let r = 0; r < i.length && (s = i[r], s.nodeType === t && n++, s !== a); r++)
     ;
   return n;
 }
-function oe(a) {
-  return St(a, se);
+function he(a) {
+  return _t(a, ne);
 }
-function Ut(a) {
-  return St(a, ie);
+function jt(a) {
+  return _t(a, se);
 }
-function _t(a) {
+function St(a) {
   return ["xml", "opf", "ncx"].indexOf(a) > -1;
 }
 function Ct(a, t) {
-  return t === "json" ? JSON.parse(a) : t && _t(t) ? W(a, "text/xml") : t === "xhtml" ? W(a, "application/xhtml+xml") : t === "html" || t === "htm" ? W(a, "text/html") : a;
+  return t === "json" ? JSON.parse(a) : t && St(t) ? W(a, "text/xml") : t === "xhtml" ? W(a, "application/xhtml+xml") : t === "html" || t === "htm" ? W(a, "text/html") : a;
 }
 class q extends Error {
   constructor(t, e) {
     super(t), this.name = "EpubError", this.status = e;
   }
 }
-function jt(a, t) {
+function Ft(a, t) {
   return new Blob([a], { type: t });
 }
 function tt(a, t) {
-  const e = jt(a, t);
-  return Bt.createObjectURL(e);
+  const e = Ft(a, t);
+  return Mt.createObjectURL(e);
 }
 function Tt(a) {
-  return Bt.revokeObjectURL(a);
+  return Mt.revokeObjectURL(a);
 }
 function gt(a, t) {
   if (typeof a != "string")
@@ -163,13 +163,13 @@ function gt(a, t) {
   const e = btoa(a);
   return "data:" + t + ";base64," + e;
 }
-function Ft(a) {
+function Ht(a) {
   return Object.prototype.toString.call(a).slice(8, -1);
 }
 function W(a, t) {
   return a.charCodeAt(0) === 65279 && (a = a.slice(1)), new DOMParser().parseFromString(a, t);
 }
-function w(a, t) {
+function x(a, t) {
   if (!a)
     throw new Error("No Element Provided");
   return a.querySelector(t);
@@ -192,18 +192,18 @@ function Vt(a, t, e) {
   for (; s = i.nextNode(); )
     t(s);
 }
-function Ht(a, t, e) {
+function Xt(a, t, e) {
   if (t(a))
     return !0;
   let i = a.firstChild;
   if (i)
     do {
-      if (Ht(i, t))
+      if (Xt(i, t))
         return !0;
       i = i.nextSibling;
     } while (i);
 }
-function Xt(a) {
+function Yt(a) {
   return new Promise(function(t, e) {
     const i = new FileReader();
     i.readAsDataURL(a), i.onloadend = function() {
@@ -211,7 +211,7 @@ function Xt(a) {
     };
   });
 }
-class S {
+class _ {
   constructor() {
     this.promise = new Promise((t, e) => {
       this.resolve = t, this.reject = e;
@@ -258,7 +258,7 @@ function F(a, t, e) {
   if (!e)
     return i;
 }
-function he(a, t) {
+function ae(a, t) {
   let e;
   if (!(a === null || t === ""))
     for (e = a.parentNode; e && e.nodeType === 1; ) {
@@ -267,7 +267,7 @@ function he(a, t) {
       e = e.parentNode;
     }
 }
-class Yt {
+class Gt {
   constructor() {
     this.collapsed = !1, this.commonAncestorContainer = void 0, this.endContainer = void 0, this.endOffset = void 0, this.startContainer = void 0, this.startOffset = void 0;
   }
@@ -304,56 +304,56 @@ class Yt {
     return "";
   }
 }
-const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   EpubError: q,
-  RangeObject: Yt,
-  blob2base64: Xt,
-  borders: J,
+  RangeObject: Gt,
+  blob2base64: Yt,
+  borders: Q,
   bounds: K,
   createBase64Url: gt,
-  createBlob: jt,
+  createBlob: Ft,
   createBlobUrl: tt,
-  defaults: qt,
-  defer: S,
-  documentHeight: ne,
+  defaults: Ut,
+  defer: _,
+  documentHeight: re,
   extend: C,
   filterChildren: F,
   findChildren: mt,
-  getParentByTagName: he,
+  getParentByTagName: ae,
   handleResponse: Ct,
-  indexOfElementNode: Ut,
-  indexOfNode: St,
-  indexOfSorted: Q,
-  indexOfTextNode: oe,
-  insert: re,
-  isElement: Mt,
-  isFloat: Wt,
-  isNumber: x,
-  isXml: _t,
-  locationOf: V,
-  microTick: xt,
+  indexOfElementNode: jt,
+  indexOfNode: _t,
+  indexOfSorted: J,
+  indexOfTextNode: he,
+  insert: oe,
+  isElement: Wt,
+  isFloat: qt,
+  isNumber: b,
+  isXml: St,
+  locationOf: H,
+  microTick: bt,
   nodeBounds: ft,
   parents: vt,
   parse: W,
-  qs: w,
+  qs: x,
   qsa: B,
   qsp: j,
   querySelectorByType: it,
-  requestAnimationFrame: Dt,
+  requestAnimationFrame: Bt,
   revokeBlobUrl: Tt,
   sprint: et,
   treeWalker: Vt,
-  type: Ft,
+  type: Ht,
   uuid: Et,
-  walk: Ht,
+  walk: Xt,
   windowBounds: pt
 }, Symbol.toStringTag, { value: "Module" }));
-function H(a) {
+function V(a) {
   if (typeof a != "string")
     throw new TypeError("Path must be a string. Received " + a);
 }
-function le(a, t) {
+function ce(a, t) {
   let e = "", i = -1, s = 0, n;
   for (let r = 0; r <= a.length; ++r) {
     if (r < a.length)
@@ -392,12 +392,12 @@ function yt(...a) {
   let t = "", e = !1;
   for (let i = a.length - 1; i >= -1 && !e; i--) {
     const s = i >= 0 ? a[i] : "/";
-    H(s), s.length !== 0 && (t = s + "/" + t, e = s.charCodeAt(0) === 47);
+    V(s), s.length !== 0 && (t = s + "/" + t, e = s.charCodeAt(0) === 47);
   }
-  return t = le(t, !e), e ? t.length > 0 ? "/" + t : "/" : t.length > 0 ? t : ".";
+  return t = ce(t, !e), e ? t.length > 0 ? "/" + t : "/" : t.length > 0 ? t : ".";
 }
-function ce(a, t) {
-  if (H(a), H(t), a === t || (a = yt(a), t = yt(t), a === t))
+function de(a, t) {
+  if (V(a), V(t), a === t || (a = yt(a), t = yt(t), a === t))
     return "";
   let e = 1;
   for (; e < a.length && a.charCodeAt(e) === 47; ++e)
@@ -418,8 +418,8 @@ function ce(a, t) {
       } else s > h && (a.charCodeAt(e + c) === 47 ? l = c : c === 0 && (l = 0));
       break;
     }
-    const u = a.charCodeAt(e + c), p = t.charCodeAt(n + c);
-    if (u !== p)
+    const u = a.charCodeAt(e + c), m = t.charCodeAt(n + c);
+    if (u !== m)
       break;
     u === 47 && (l = c);
   }
@@ -428,8 +428,8 @@ function ce(a, t) {
     (c === i || a.charCodeAt(c) === 47) && (d.length === 0 ? d += ".." : d += "/..");
   return d.length > 0 ? d + t.slice(n + l) : (n += l, t.charCodeAt(n) === 47 && ++n, t.slice(n));
 }
-function de(a) {
-  if (H(a), a.length === 0)
+function ue(a) {
+  if (V(a), a.length === 0)
     return ".";
   let t = a.charCodeAt(0);
   const e = t === 47;
@@ -444,11 +444,11 @@ function de(a) {
       s = !1;
   return i === -1 ? e ? "/" : "." : e && i === 1 ? "//" : a.slice(0, i);
 }
-function ue(a) {
-  return H(a), a.length > 0 && a.charCodeAt(0) === 47;
-}
 function fe(a) {
-  H(a);
+  return V(a), a.length > 0 && a.charCodeAt(0) === 47;
+}
+function pe(a) {
+  V(a);
   const t = { root: "", dir: "", base: "", ext: "", name: "" };
   if (a.length === 0)
     return t;
@@ -469,7 +469,7 @@ function fe(a) {
   }
   return n === -1 || o === -1 || c === 0 || c === 1 && n === o - 1 && n === r + 1 ? o !== -1 && (r === 0 && i ? t.base = t.name = a.slice(1, o) : t.base = t.name = a.slice(r, o)) : (r === 0 && i ? (t.name = a.slice(1, n), t.base = a.slice(1, o)) : (t.name = a.slice(r, n), t.base = a.slice(r, o)), t.ext = a.slice(n, o)), r > 0 ? t.dir = a.slice(0, r - 1) : i && (t.dir = "/"), t;
 }
-const D = { resolve: yt, relative: ce, dirname: de, isAbsolute: ue, parse: fe };
+const z = { resolve: yt, relative: de, dirname: ue, isAbsolute: fe, parse: pe };
 class O {
   constructor(t) {
     t.indexOf("://") > -1 && (t = new URL(t).pathname);
@@ -482,14 +482,14 @@ class O {
    * @returns {object}
    */
   parse(t) {
-    return D.parse(t);
+    return z.parse(t);
   }
   /**
    * @param	{string} what
    * @returns {boolean}
    */
   isAbsolute(t) {
-    return D.isAbsolute(t || this.path);
+    return z.isAbsolute(t || this.path);
   }
   /**
    * Check if path ends with a directory
@@ -507,7 +507,7 @@ class O {
    * @returns {string} resolved
    */
   resolve(t) {
-    return D.resolve(this.directory, t);
+    return z.resolve(this.directory, t);
   }
   /**
    * Resolve a path relative to the directory of the Path
@@ -517,7 +517,7 @@ class O {
    * @returns {string} relative
    */
   relative(t) {
-    return t && t.indexOf("://") > -1 ? t : D.relative(this.directory, t);
+    return t && t.indexOf("://") > -1 ? t : z.relative(this.directory, t);
   }
   /**
    * Return the path string
@@ -553,7 +553,7 @@ class R {
   resolve(t) {
     if (t.indexOf("://") > -1)
       return t;
-    const i = D.resolve(this.directory, t);
+    const i = z.resolve(this.directory, t);
     return this.origin + i;
   }
   /**
@@ -562,7 +562,7 @@ class R {
    * @returns {string} path
    */
   relative(t) {
-    return D.relative(t, this.directory);
+    return z.relative(t, this.directory);
   }
   /**
    * @returns {string}
@@ -571,7 +571,7 @@ class R {
     return this.href;
   }
 }
-const U = 1, N = 3, pe = 9;
+const U = 1, N = 3, ge = 9;
 class y {
   constructor(t, e, i) {
     if (this.str = "", this.base = {}, this.spinePos = 0, this.range = !1, this.path = {}, this.start = null, this.end = null, !(this instanceof y))
@@ -595,7 +595,7 @@ class y {
    * @private
    */
   checkType(t) {
-    return this.isCfiString(t) ? "string" : t && typeof t == "object" && (Ft(t) === "Range" || typeof t.startContainer < "u") ? "range" : t && typeof t == "object" && typeof t.nodeType < "u" ? "node" : t && typeof t == "object" && t instanceof y ? "EpubCFI" : !1;
+    return this.isCfiString(t) ? "string" : t && typeof t == "object" && (Ht(t) === "Range" || typeof t.startContainer < "u") ? "range" : t && typeof t == "object" && typeof t.nodeType < "u" ? "node" : t && typeof t == "object" && t instanceof y ? "EpubCFI" : !1;
   }
   /**
    * Parse a cfi string to a CFI object representation
@@ -650,7 +650,7 @@ class y {
   parseTerminal(t) {
     let e, i = null;
     const s = t.match(/\[(.*)\]/);
-    return s && s[1] ? (e = parseInt(t.split("[")[0]), i = s[1]) : e = parseInt(t), x(e) || (e = null), {
+    return s && s[1] ? (e = parseInt(t.split("[")[0]), i = s[1]) : e = parseInt(t), b(e) || (e = null), {
       offset: e,
       assertion: i
     };
@@ -745,7 +745,7 @@ class y {
       }
     };
     let n = t, r;
-    for (; n && n.parentNode && n.parentNode.nodeType !== pe; )
+    for (; n && n.parentNode && n.parentNode.nodeType !== ge; )
       i ? r = this.filteredStep(n, i) : r = this.step(n), r && s.steps.unshift(r), n = n.parentNode;
     return e != null && e >= 0 && (s.terminal.offset = e, s.steps.length > 0 && s.steps[s.steps.length - 1].type !== "text" && s.steps.push({
       type: "text",
@@ -926,12 +926,12 @@ class y {
     const l = this;
     let c, d;
     const u = e ? i.querySelector("." + e) != null : !1;
-    let p;
-    if (typeof i.createRange < "u" ? s = i.createRange() : s = new Yt(), l.range ? (n = l.start, c = l.path.steps.concat(n.steps), o = this.findNode(c, i, u ? e : void 0), r = l.end, d = l.path.steps.concat(r.steps), h = this.findNode(d, i, u ? e : void 0)) : (n = l.path, c = l.path.steps, o = this.findNode(l.path.steps, i, u ? e : void 0)), o)
+    let m;
+    if (typeof i.createRange < "u" ? s = i.createRange() : s = new Gt(), l.range ? (n = l.start, c = l.path.steps.concat(n.steps), o = this.findNode(c, i, u ? e : void 0), r = l.end, d = l.path.steps.concat(r.steps), h = this.findNode(d, i, u ? e : void 0)) : (n = l.path, c = l.path.steps, o = this.findNode(l.path.steps, i, u ? e : void 0)), o)
       try {
         n.terminal.offset != null ? s.setStart(o, n.terminal.offset) : s.setStart(o, 0);
       } catch {
-        p = this.fixMiss(c, n.terminal.offset, i, u ? e : void 0), s.setStart(p.container, p.offset);
+        m = this.fixMiss(c, n.terminal.offset, i, u ? e : void 0), s.setStart(m.container, m.offset);
       }
     else
       return console.log("No startContainer found for", this.toString()), null;
@@ -939,7 +939,7 @@ class y {
       try {
         r.terminal.offset != null ? s.setEnd(h, r.terminal.offset) : s.setEnd(h, 0);
       } catch {
-        p = this.fixMiss(d, l.end.terminal.offset, i, u ? e : void 0), s.setEnd(p.container, p.offset);
+        m = this.fixMiss(d, l.end.terminal.offset, i, u ? e : void 0), s.setEnd(m.container, m.offset);
       }
     return s;
   }
@@ -1018,35 +1018,35 @@ class A {
     return this.hooks = [];
   }
 }
-function Gt(a, t) {
+function $t(a, t) {
   let e, i = t.url;
   const s = i.indexOf("://") > -1;
   if (!a)
     return;
-  const n = w(a, "head");
-  e = w(n, "base"), e || (e = a.createElement("base"), n.insertBefore(e, n.firstChild)), !s && typeof window < "u" && window.location && (i = window.location.origin + i), e.setAttribute("href", i);
+  const n = x(a, "head");
+  e = x(n, "base"), e || (e = a.createElement("base"), n.insertBefore(e, n.firstChild)), !s && typeof window < "u" && window.location && (i = window.location.origin + i), e.setAttribute("href", i);
 }
-function ge(a, t) {
+function me(a, t) {
   let e;
   const i = t.canonical;
   if (!a)
     return;
-  const s = w(a, "head");
-  e = w(s, "link[rel='canonical']"), e ? e.setAttribute("href", i) : (e = a.createElement("link"), e.setAttribute("rel", "canonical"), e.setAttribute("href", i), s.appendChild(e));
+  const s = x(a, "head");
+  e = x(s, "link[rel='canonical']"), e ? e.setAttribute("href", i) : (e = a.createElement("link"), e.setAttribute("rel", "canonical"), e.setAttribute("href", i), s.appendChild(e));
 }
-function me(a, t) {
+function ve(a, t) {
   let e;
   const i = t.idref;
   if (!a)
     return;
-  const s = w(a, "head");
-  e = w(s, "link[property='dc.identifier']"), e ? e.setAttribute("content", i) : (e = a.createElement("meta"), e.setAttribute("name", "dc.identifier"), e.setAttribute("content", i), s.appendChild(e));
+  const s = x(a, "head");
+  e = x(s, "link[property='dc.identifier']"), e ? e.setAttribute("content", i) : (e = a.createElement("meta"), e.setAttribute("name", "dc.identifier"), e.setAttribute("content", i), s.appendChild(e));
 }
-function ve(a, t) {
+function ye(a, t) {
   const e = a.querySelectorAll("a[href]");
   if (!e.length)
     return;
-  const i = w(a.ownerDocument, "base"), s = i ? i.getAttribute("href") ?? void 0 : void 0, n = function(r) {
+  const i = x(a.ownerDocument, "base"), s = i ? i.getAttribute("href") ?? void 0 : void 0, n = function(r) {
     const o = r.getAttribute("href") ?? "";
     if (o.indexOf("mailto:") === 0)
       return;
@@ -1118,9 +1118,9 @@ async function Y(a, t, e, i) {
   if (t === "json")
     return n.json();
   const r = await n.text();
-  return _t(t) ? W(r, "text/xml") : t === "xhtml" ? W(r, "application/xhtml+xml") : t === "html" || t === "htm" ? W(r, "text/html") : r;
+  return St(t) ? W(r, "text/xml") : t === "xhtml" ? W(r, "application/xhtml+xml") : t === "html" || t === "htm" ? W(r, "text/html") : r;
 }
-class ye {
+class we {
   constructor(t, e) {
     this.idref = t.idref, this.linear = t.linear === "yes", this.properties = t.properties, this.index = t.index, this.href = t.href, this.url = t.url, this.canonical = t.canonical, this.next = t.next, this.prev = t.prev, this.cfiBase = t.cfiBase, e ? this.hooks = e : (this.hooks = {}, this.hooks.serialize = new A(this), this.hooks.content = new A(this)), this.document = void 0, this.contents = void 0, this.output = void 0;
   }
@@ -1141,7 +1141,7 @@ class ye {
    * @private
    */
   base() {
-    return Gt(this.document, this);
+    return $t(this.document, this);
   }
   /**
    * Render the contents of a section
@@ -1161,9 +1161,9 @@ class ye {
     const e = this, i = [], s = t.toLowerCase(), n = function(r) {
       const o = r.textContent.toLowerCase();
       let h, l, c, d = -1, u;
-      const p = 150;
+      const m = 150;
       for (; c !== -1; )
-        c = o.indexOf(s, d + 1), c !== -1 && (h = e.document.createRange(), h.setStart(r, c), h.setEnd(r, c + s.length), l = e.cfiFromRange(h), r.textContent.length < p ? u = r.textContent : (u = r.textContent.substring(c - p / 2, c + p / 2), u = "..." + u + "..."), i.push({
+        c = o.indexOf(s, d + 1), c !== -1 && (h = e.document.createRange(), h.setStart(r, c), h.setEnd(r, c + s.length), l = e.cfiFromRange(h), r.textContent.length < m ? u = r.textContent : (u = r.textContent.substring(c - m / 2, c + m / 2), u = "..." + u + "..."), i.push({
           cfi: l,
           excerpt: u
         })), d = c;
@@ -1180,22 +1180,22 @@ class ye {
    */
   search(t, e = 5) {
     const i = [], n = this, r = t.toLowerCase(), o = function(d) {
-      const g = d.reduce((m, v) => m + (v.textContent ?? ""), "").toLowerCase().indexOf(r);
-      if (g !== -1) {
-        const v = g + r.length;
-        let b = 0, k = 0;
-        if (g < d[0].length) {
-          for (; b < d.length - 1 && (k += d[b].length, !(v <= k)); )
-            b += 1;
-          const E = d[0], _ = d[b], T = n.document.createRange();
-          T.setStart(E, g);
-          const I = d.slice(0, b).reduce((rt, ot) => rt + (ot.textContent ?? "").length, 0);
-          T.setEnd(_, I > v ? v : v - I);
+      const f = d.reduce((p, v) => p + (v.textContent ?? ""), "").toLowerCase().indexOf(r);
+      if (f !== -1) {
+        const v = f + r.length;
+        let w = 0, k = 0;
+        if (f < d[0].length) {
+          for (; w < d.length - 1 && (k += d[w].length, !(v <= k)); )
+            w += 1;
+          const E = d[0], S = d[w], T = n.document.createRange();
+          T.setStart(E, f);
+          const I = d.slice(0, w).reduce((rt, ot) => rt + (ot.textContent ?? "").length, 0);
+          T.setEnd(S, I > v ? v : v - I);
           const M = n.cfiFromRange(T);
-          let z = d.slice(0, b + 1).reduce((rt, ot) => rt + (ot.textContent ?? ""), "");
-          z.length > 150 && (z = z.substring(g - 150 / 2, g + 150 / 2), z = "..." + z + "..."), i.push({
+          let D = d.slice(0, w + 1).reduce((rt, ot) => rt + (ot.textContent ?? ""), "");
+          D.length > 150 && (D = D.substring(f - 150 / 2, f + 150 / 2), D = "..." + D + "..."), i.push({
             cfi: M,
-            excerpt: z
+            excerpt: D
           });
         }
       }
@@ -1249,9 +1249,9 @@ class ye {
     this.unload(), this.hooks.serialize.clear(), this.hooks.content.clear(), this.hooks = void 0, this.idref = void 0, this.linear = void 0, this.properties = void 0, this.index = void 0, this.href = void 0, this.url = void 0, this.next = void 0, this.prev = void 0, this.cfiBase = void 0;
   }
 }
-class we {
+class xe {
   constructor() {
-    this.spineItems = [], this.spineByHref = {}, this.spineById = {}, this.hooks = {}, this.hooks.serialize = new A(), this.hooks.content = new A(), this.hooks.content.register(Gt), this.hooks.content.register(ge), this.hooks.content.register(me), this.epubcfi = new y(), this.loaded = !1, this.items = [], this.manifest = {}, this.spineNodeIndex = 0, this.baseUrl = "", this.length = 0;
+    this.spineItems = [], this.spineByHref = {}, this.spineById = {}, this.hooks = {}, this.hooks.serialize = new A(), this.hooks.content = new A(), this.hooks.content.register($t), this.hooks.content.register(me), this.hooks.content.register(ve), this.epubcfi = new y(), this.loaded = !1, this.items = [], this.manifest = {}, this.spineNodeIndex = 0, this.baseUrl = "", this.length = 0;
   }
   /**
    * Unpack items from a opf into spine items
@@ -1281,7 +1281,7 @@ class we {
       }) : (s.prev = function() {
       }, s.next = function() {
       });
-      const o = new ye(s, this.hooks);
+      const o = new we(s, this.hooks);
       this.append(o);
     }), this.loaded = !0;
   }
@@ -1377,14 +1377,14 @@ class we {
 }
 class kt {
   constructor(t) {
-    this._q = [], this.context = t, this.tick = Dt, this.running = !1, this.paused = !1;
+    this._q = [], this.context = t, this.tick = Bt, this.running = !1, this.paused = !1;
   }
   enqueue(...t) {
     let e, i, s;
     const [n, ...r] = t;
     if (!n)
       throw new Error("No Task Provided");
-    return typeof n == "function" ? (e = new S(), i = e.promise, s = {
+    return typeof n == "function" ? (e = new _(), i = e.promise, s = {
       task: n,
       args: r,
       //"context"  : context,
@@ -1417,7 +1417,7 @@ class kt {
    * @return {Promise}
    */
   run() {
-    this.running || (this.running = !0, this.defered = new S());
+    this.running || (this.running = !0, this.defered = new _());
     const t = () => {
       var e;
       this._q.length ? (e = this.dequeue()) == null || e.then(() => {
@@ -1463,7 +1463,7 @@ class kt {
     this._q = [], this.running = !1, this.paused = !0;
   }
 }
-const nt = "0.3", Z = ["keydown", "keyup", "keypress", "mouseup", "mousedown", "mousemove", "click", "dblclick", "touchend", "touchstart", "touchmove"], f = {
+const nt = "0.3", Z = ["keydown", "keyup", "keypress", "mouseup", "mousedown", "mousemove", "click", "dblclick", "touchend", "touchstart", "touchmove"], g = {
   BOOK: {
     OPEN_FAILED: "openFailed"
   },
@@ -1520,9 +1520,9 @@ const nt = "0.3", Z = ["keydown", "keyup", "keypress", "mouseup", "mousedown", "
     DETACH: "detach"
   }
 };
-class $t {
+class Kt {
   constructor(t, e, i) {
-    this.spine = t, this.request = e, this.pause = i || 0, this.q = new kt(this), this.q.tick = xt, this.epubcfi = new y(), this._locations = [], this._locationsWords = [], this.total = 0, this.break = 150, this._current = 0, this._wordCounter = 0, this._currentCfi = "", this.processingTimeout = void 0;
+    this.spine = t, this.request = e, this.pause = i || 0, this.q = new kt(this), this.q.tick = bt, this.epubcfi = new y(), this._locations = [], this._locationsWords = [], this.total = 0, this.break = 150, this._current = 0, this._wordCounter = 0, this._currentCfi = "", this.processingTimeout = void 0;
   }
   /**
    * Load all of sections in the book to generate locations
@@ -1551,19 +1551,19 @@ class $t {
   parse(t, e, i) {
     const s = [];
     let n;
-    const r = t.ownerDocument, o = w(r, "body");
+    const r = t.ownerDocument, o = x(r, "body");
     let h = 0, l;
     const c = i || this.break;
     if (et(o, (u) => {
-      const p = u.length;
-      let g, m = 0;
+      const m = u.length;
+      let f, p = 0;
       if ((u.textContent ?? "").trim().length === 0)
         return l = u, !1;
-      for (h === 0 && (n = this.createRange(), n.startContainer = u, n.startOffset = 0), g = c - h, g > p && (h += p, m = p); m < p; )
-        if (g = c - h, h === 0 && (m += 1, n = this.createRange(), n.startContainer = u, n.startOffset = m), m + g >= p)
-          h += p - m, m = p;
+      for (h === 0 && (n = this.createRange(), n.startContainer = u, n.startOffset = 0), f = c - h, f > m && (h += m, p = m); p < m; )
+        if (f = c - h, h === 0 && (p += 1, n = this.createRange(), n.startContainer = u, n.startOffset = p), p + f >= m)
+          h += m - p, p = m;
         else {
-          m += g, n.endContainer = u, n.endOffset = m;
+          p += f, n.endContainer = u, n.endOffset = p;
           const v = new y(n, e).toString();
           s.push(v), h = 0;
         }
@@ -1602,27 +1602,27 @@ class $t {
 `), t.split(" ").length;
   }
   parseWords(t, e, i, s) {
-    const n = e.cfiBase, r = [], o = t.ownerDocument, h = w(o, "body"), l = i;
+    const n = e.cfiBase, r = [], o = t.ownerDocument, h = x(o, "body"), l = i;
     let c = s ? s.spinePos !== e.index : !0, d;
-    return s && e.index === s.spinePos && (d = s.findNode(s.range ? s.path.steps.concat(s.start.steps) : s.path.steps, t.ownerDocument)), et(h, (p) => {
+    return s && e.index === s.spinePos && (d = s.findNode(s.range ? s.path.steps.concat(s.start.steps) : s.path.steps, t.ownerDocument)), et(h, (m) => {
       if (!c)
-        if (p === d)
+        if (m === d)
           c = !0;
         else
           return !1;
-      if ((p.textContent ?? "").length < 10 && (p.textContent ?? "").trim().length === 0)
+      if ((m.textContent ?? "").length < 10 && (m.textContent ?? "").trim().length === 0)
         return !1;
-      const g = this.countWords(p.textContent ?? "");
-      let m, v = 0;
-      if (g === 0)
+      const f = this.countWords(m.textContent ?? "");
+      let p, v = 0;
+      if (f === 0)
         return !1;
-      for (m = l - this._wordCounter, m > g && (this._wordCounter += g, v = g); v < g; )
-        if (m = l - this._wordCounter, v + m >= g)
-          this._wordCounter += g - v, v = g;
+      for (p = l - this._wordCounter, p > f && (this._wordCounter += f, v = f); v < f; )
+        if (p = l - this._wordCounter, v + p >= f)
+          this._wordCounter += f - v, v = f;
         else {
-          v += m;
-          const b = new y(p, n);
-          r.push({ cfi: b.toString(), wordCount: this._wordCounter }), this._wordCounter = 0;
+          v += p;
+          const w = new y(m, n);
+          r.push({ cfi: w.toString(), wordCount: this._wordCounter }), this._wordCounter = 0;
         }
       return !1;
     }), r;
@@ -1635,7 +1635,7 @@ class $t {
   locationFromCfi(t) {
     if (y.prototype.isCfiString(t) && (t = new y(t)), this._locations.length === 0)
       return -1;
-    const e = V(t, this._locations, this.epubcfi.compare);
+    const e = H(t, this._locations, this.epubcfi.compare);
     return e > this.total ? this.total : e;
   }
   /**
@@ -1704,7 +1704,7 @@ class $t {
       this._current = t;
     else
       return;
-    this._locations.length !== 0 && (typeof t == "string" ? (e = this.locationFromCfi(t), this._current = e) : e = t, this.emit(f.LOCATIONS.CHANGED, {
+    this._locations.length !== 0 && (typeof t == "string" ? (e = this.locationFromCfi(t), this._current = e) : e = t, this.emit(g.LOCATIONS.CHANGED, {
       percentage: this.percentageFromLocation(e)
     }));
   }
@@ -1731,7 +1731,7 @@ class $t {
     this.spine = void 0, this.request = void 0, this.pause = void 0, (t = this.q) == null || t.stop(), this.q = void 0, this.epubcfi = void 0, this._locations = void 0, this.total = void 0, this.break = void 0, this._current = void 0, this.currentLocation = void 0, this._currentCfi = void 0, clearTimeout(this.processingTimeout);
   }
 }
-P($t.prototype);
+P(Kt.prototype);
 class be {
   constructor(t) {
     this.packagePath = "", this.directory = "", this.encoding = "", t && this.parse(t);
@@ -1743,10 +1743,10 @@ class be {
   parse(t) {
     if (!t)
       throw new Error("Container File Not Found");
-    const e = w(t, "rootfile");
+    const e = x(t, "rootfile");
     if (!e)
       throw new Error("No RootFile Found");
-    this.packagePath = e.getAttribute("full-path") ?? "", this.directory = D.dirname(this.packagePath), this.encoding = t.xmlEncoding;
+    this.packagePath = e.getAttribute("full-path") ?? "", this.directory = z.dirname(this.packagePath), this.encoding = t.xmlEncoding;
   }
   destroy() {
     this.packagePath = void 0, this.directory = void 0, this.encoding = void 0;
@@ -1764,16 +1764,16 @@ class It {
   parse(t) {
     if (!t)
       throw new Error("Package File Not Found");
-    const e = w(t, "metadata");
+    const e = x(t, "metadata");
     if (!e)
       throw new Error("No Metadata Found");
-    const i = w(t, "manifest");
+    const i = x(t, "manifest");
     if (!i)
       throw new Error("No Manifest Found");
-    const s = w(t, "spine");
+    const s = x(t, "spine");
     if (!s)
       throw new Error("No Spine Found");
-    return this.manifest = this.parseManifest(i), this.navPath = this.findNavPath(i), this.ncxPath = this.findNcxPath(i, s), this.coverPath = this.findCoverPath(t), this.spineNodeIndex = Ut(s), this.spine = this.parseSpine(s, this.manifest), this.uniqueIdentifier = this.findUniqueIdentifier(t), this.metadata = this.parseMetadata(e), this.metadata.direction = s.getAttribute("page-progression-direction") ?? "", {
+    return this.manifest = this.parseManifest(i), this.navPath = this.findNavPath(i), this.ncxPath = this.findNcxPath(i, s), this.coverPath = this.findCoverPath(t), this.spineNodeIndex = jt(s), this.spine = this.parseSpine(s, this.manifest), this.uniqueIdentifier = this.findUniqueIdentifier(t), this.metadata = this.parseMetadata(e), this.metadata.direction = s.getAttribute("page-progression-direction") ?? "", {
       metadata: this.metadata,
       spine: this.spine,
       manifest: this.manifest,
@@ -1880,7 +1880,7 @@ class It {
    * @return {string} href
    */
   findCoverPath(t) {
-    const e = w(t, "package");
+    const e = x(t, "package");
     e == null || e.getAttribute("version");
     const i = j(t, "item", { properties: "cover-image" });
     if (i) return i.getAttribute("href") ?? "";
@@ -1951,7 +1951,7 @@ class ht {
   parse(t) {
     const e = t.nodeType;
     let i, s;
-    e && (i = w(t, "html"), s = w(t, "ncx")), e ? i ? (this.toc = this.parseNav(t), this.landmarks = this.parseLandmarks(t)) : s && (this.toc = this.parseNcx(t)) : this.toc = this.load(t), this.length = 0, this.unpack(this.toc);
+    e && (i = x(t, "html"), s = x(t, "ncx")), e ? i ? (this.toc = this.parseNav(t), this.landmarks = this.parseLandmarks(t)) : s && (this.toc = this.parseNcx(t)) : this.toc = this.load(t), this.length = 0, this.unpack(this.toc);
   }
   /**
    * Unpack navigation items
@@ -2112,7 +2112,7 @@ class ht {
    * @return {object} ncxItem
    */
   ncxItem(t) {
-    const e = t.getAttribute("id") || "", i = w(t, "content"), s = i ? i.getAttribute("src") ?? "" : "", n = w(t, "navLabel"), r = n != null && n.textContent ? n.textContent : "", o = [], h = t.parentNode;
+    const e = t.getAttribute("id") || "", i = x(t, "content"), s = i ? i.getAttribute("src") ?? "" : "", n = x(t, "navLabel"), r = n != null && n.textContent ? n.textContent : "", o = [], h = t.parentNode;
     let l;
     return h && (h.nodeName === "navPoint" || h.nodeName.split(":").slice(-1)[0] === "navPoint") && (l = h.getAttribute("id") ?? void 0), {
       id: e,
@@ -2276,7 +2276,7 @@ const at = {
     "x-ms-vob": "vob",
     "x-smv": "smv"
   }
-}, xe = (function() {
+}, Ee = (function() {
   let a, t, e, i;
   const s = {};
   for (a in at)
@@ -2291,12 +2291,12 @@ const at = {
               s[e[i]] = a + "/" + t;
     }
   return s;
-})(), Ee = "text/plain";
+})(), _e = "text/plain";
 function Se(a) {
-  return a && xe[a.split(".").pop().toLowerCase()] || Ee;
+  return a && Ee[a.split(".").pop().toLowerCase()] || _e;
 }
 const G = { lookup: Se };
-class _e {
+class Ce {
   constructor(t, e) {
     this.settings = {
       replacements: e && e.replacements || "base64",
@@ -2343,7 +2343,7 @@ class _e {
    */
   createUrl(t) {
     const e = new R(t), i = G.lookup(e.filename);
-    return this.settings.archive ? this.settings.archive.createUrl(t, { base64: this.settings.replacements === "base64" }) : this.settings.replacements === "base64" ? this.settings.request(t, "blob").then((s) => Xt(s)).then((s) => gt(s, i)) : this.settings.request(t, "blob").then((s) => tt(s, i));
+    return this.settings.archive ? this.settings.archive.createUrl(t, { base64: this.settings.replacements === "base64" }) : this.settings.replacements === "base64" ? this.settings.request(t, "blob").then((s) => Yt(s)).then((s) => gt(s, i)) : this.settings.request(t, "blob").then((s) => tt(s, i));
   }
   /**
    * Create blob urls for all the assets
@@ -2387,7 +2387,7 @@ class _e {
    */
   createCssFile(t) {
     let e;
-    if (D.isAbsolute(t))
+    if (z.isAbsolute(t))
       return new Promise(function(r) {
         r();
       });
@@ -2457,7 +2457,7 @@ class lt {
    * @param  {document} xml
    */
   parse(t) {
-    const e = w(t, "html"), i = w(t, "ncx");
+    const e = x(t, "html"), i = x(t, "ncx");
     return e ? this.parseNav(t) : i ? this.parseNcx(t) : [];
   }
   /**
@@ -2479,7 +2479,7 @@ class lt {
   parseNcx(t) {
     const e = [];
     let i = 0, s, n = 0;
-    const r = w(t, "pageList");
+    const r = x(t, "pageList");
     if (!r) return e;
     const o = B(r, "pageTarget");
     if (n = o.length, !o || o.length === 0)
@@ -2489,7 +2489,7 @@ class lt {
     return e;
   }
   ncxItem(t) {
-    const e = w(t, "navLabel"), s = w(e, "text").textContent ?? "", r = w(t, "content").getAttribute("src") ?? "", o = parseInt(s, 10);
+    const e = x(t, "navLabel"), s = x(e, "text").textContent ?? "", r = x(t, "content").getAttribute("src") ?? "", o = parseInt(s, 10);
     return {
       href: r,
       page: o
@@ -2502,7 +2502,7 @@ class lt {
    * @return {object} pageListItem
    */
   item(t) {
-    const e = w(t, "a"), i = e.getAttribute("href") || "", s = e.textContent || "", n = parseInt(s), r = i.indexOf("epubcfi");
+    const e = x(t, "a"), i = e.getAttribute("href") || "", s = e.textContent || "", n = parseInt(s), r = i.indexOf("epubcfi");
     let o, h, l;
     return r !== -1 ? (o = i.split("#"), h = o[0], l = o.length > 1 ? o[1] : void 0, {
       cfi: l,
@@ -2533,8 +2533,8 @@ class lt {
     let e = -1;
     if (this.locations.length === 0)
       return -1;
-    let i = Q(t, this.locations, this.epubcfi.compare);
-    return i !== -1 ? e = this.pages[i] : (i = V(t, this.locations, this.epubcfi.compare), e = i - 1 >= 0 ? this.pages[i - 1] : this.pages[0], e !== void 0 || (e = -1)), e;
+    let i = J(t, this.locations, this.epubcfi.compare);
+    return i !== -1 ? e = this.pages[i] : (i = H(t, this.locations, this.epubcfi.compare), e = i - 1 >= 0 ? this.pages[i - 1] : this.pages[0], e !== void 0 || (e = -1)), e;
   }
   /**
    * Get an EpubCFI from a Page List Item
@@ -2580,7 +2580,7 @@ class lt {
     this.pages = void 0, this.locations = void 0, this.epubcfi = void 0, this.pageList = void 0, this.toc = void 0, this.ncx = void 0;
   }
 }
-class Kt {
+class Zt {
   constructor(t) {
     this.settings = t, this.name = t.layout || "reflowable", this._spread = t.spread !== "none", this._minSpreadWidth = t.minSpreadWidth || 800, this._evenSpreads = t.evenSpreads || !1, t.flow === "scrolled" || t.flow === "scrolled-continuous" || t.flow === "scrolled-doc" ? this._flow = "scrolled" : this._flow = "paginated", this.width = 0, this.height = 0, this.spreadWidth = 0, this.delta = 0, this.columnWidth = 0, this.gap = 0, this.divisor = 1, this.props = {
       name: this.name,
@@ -2669,12 +2669,12 @@ class Kt {
       i[s] === e[s] && delete e[s];
     }), Object.keys(e).length > 0) {
       const s = C(this.props, t);
-      this.emit(f.LAYOUT.UPDATED, s, t);
+      this.emit(g.LAYOUT.UPDATED, s, t);
     }
   }
 }
-P(Kt.prototype);
-class Ce {
+P(Zt.prototype);
+class Te {
   constructor(t) {
     this.rendition = t, this._themes = {
       default: {
@@ -2839,7 +2839,7 @@ class Ce {
     this.rendition = void 0, this._themes = void 0, this._overrides = void 0, this._current = void 0, this._injected = void 0;
   }
 }
-class Te {
+class ke {
   constructor(t) {
     this.rendition = t, this.highlights = [], this.underlines = [], this.marks = [], this._annotations = {}, this._annotationsBySectionIndex = {}, this.rendition.hooks.render.register((e) => this.inject(e)), this.rendition.hooks.unloaded.register((e) => this.clear(e));
   }
@@ -2854,7 +2854,7 @@ class Te {
    * @returns {Annotation} annotation
    */
   add(t, e, i, s, n, r) {
-    const o = encodeURI(e + t), l = new y(e).spinePos, c = new Zt({
+    const o = encodeURI(e + t), l = new y(e).spinePos, c = new Jt({
       type: t,
       cfiRange: e,
       data: i,
@@ -2962,18 +2962,16 @@ class Te {
   }
   /**
    * [Not Implemented] Show annotations
-   * @TODO: needs implementation in View
    */
   show() {
   }
   /**
    * [Not Implemented] Hide annotations
-   * @TODO: needs implementation in View
    */
   hide() {
   }
 }
-class Zt {
+class Jt {
   constructor({
     type: t,
     cfiRange: e,
@@ -2999,7 +2997,7 @@ class Zt {
   attach(t) {
     const { cfiRange: e, data: i, type: s, mark: n, cb: r, className: o, styles: h } = this;
     let l;
-    return s === "highlight" ? l = t.highlight(e, i, r, o, h) : s === "underline" ? l = t.underline(e, i, r, o, h) : s === "mark" && (l = t.mark(e, i, r)), this.mark = l, this.emit(f.ANNOTATION.ATTACH, l), l;
+    return s === "highlight" ? l = t.highlight(e, i, r, o, h) : s === "underline" ? l = t.underline(e, i, r, o, h) : s === "mark" && (l = t.mark(e, i, r)), this.mark = l, this.emit(g.ANNOTATION.ATTACH, l), l;
   }
   /**
    * Remove from a view
@@ -3007,19 +3005,18 @@ class Zt {
    */
   detach(t) {
     const { cfiRange: e, type: i } = this;
-    t && (i === "highlight" ? t.unhighlight(e) : i === "underline" ? t.ununderline(e) : i === "mark" && t.unmark(e)), this.mark = void 0, this.emit(f.ANNOTATION.DETACH);
+    t && (i === "highlight" ? t.unhighlight(e) : i === "underline" ? t.ununderline(e) : i === "mark" && t.unmark(e)), this.mark = void 0, this.emit(g.ANNOTATION.DETACH);
   }
   /**
    * [Not Implemented] Get text of an annotation
-   * @TODO: needs implementation in contents
    */
   text() {
   }
 }
-P(Zt.prototype);
+P(Jt.prototype);
 class wt {
-  constructor(t, e, i, s = !1) {
-    this.layout = t, this.horizontal = i === "horizontal", this.direction = e || "ltr", this._dev = s;
+  constructor(t, e, i, s = !1, n) {
+    this.layout = t, this.horizontal = i === "horizontal", this.direction = e || "ltr", this._dev = s, this._measurer = n || null;
   }
   /**
    * Find CFI pairs for entire section at once
@@ -3087,33 +3084,33 @@ class wt {
    */
   findStart(t, e, i) {
     const s = [t];
-    let n, r, o = t;
+    let n, r, o = t, h;
     for (; s.length; )
-      if (n = s.shift(), r = this.walk(n, (h) => {
-        let l, c, d, u;
-        const p = ft(h);
-        if (this.horizontal && this.direction === "ltr") {
-          if (l = this.horizontal ? p.left : p.top, c = this.horizontal ? p.right : p.bottom, l >= e && l <= i)
-            return h;
-          if (c > e)
-            return h;
-          o = h, s.push(h);
+      if (n = s.shift(), r = this.walk(n, (l) => {
+        let c, d, u, m;
+        const f = ft(l);
+        if (h = f, this.horizontal && this.direction === "ltr") {
+          if (c = f.left, d = f.right, c >= e && c <= i)
+            return l;
+          if (d > e)
+            return l;
+          o = l, s.push(l);
         } else if (this.horizontal && this.direction === "rtl") {
-          if (l = p.left, c = p.right, c <= i && c >= e)
-            return h;
-          if (l < i)
-            return h;
-          o = h, s.push(h);
+          if (c = f.left, d = f.right, d <= i && d >= e)
+            return l;
+          if (c < i)
+            return l;
+          o = l, s.push(l);
         } else {
-          if (d = p.top, u = p.bottom, d >= e && d <= i)
-            return h;
-          if (u > e)
-            return h;
-          o = h, s.push(h);
+          if (u = f.top, m = f.bottom, u >= e && u <= i)
+            return l;
+          if (m > e)
+            return l;
+          o = l, s.push(l);
         }
       }), r)
-        return this.findTextStartRange(r, e, i);
-    return this.findTextStartRange(o, e, i);
+        return this.findTextStartRange(r, e, i, h);
+    return this.findTextStartRange(o, e, i, h);
   }
   /**
    * Find End Range
@@ -3125,87 +3122,143 @@ class wt {
    */
   findEnd(t, e, i) {
     const s = [t];
-    let n, r = t, o;
+    let n, r = t, o, h, l;
     for (; s.length; )
-      if (n = s.shift(), o = this.walk(n, (h) => {
-        let l, c, d, u;
-        const p = ft(h);
-        if (this.horizontal && this.direction === "ltr") {
-          if (l = Math.round(p.left), c = Math.round(p.right), l > i && r)
+      if (n = s.shift(), o = this.walk(n, (c) => {
+        let d, u, m, f;
+        const p = ft(c);
+        if (h = p, this.horizontal && this.direction === "ltr") {
+          if (d = Math.round(p.left), u = Math.round(p.right), d > i && r)
             return r;
-          if (c > i)
-            return h;
-          r = h, s.push(h);
+          if (u > i)
+            return c;
+          r = c, l = p, s.push(c);
         } else if (this.horizontal && this.direction === "rtl") {
-          if (l = Math.round(this.horizontal ? p.left : p.top), c = Math.round(this.horizontal ? p.right : p.bottom), c < e && r)
+          if (d = Math.round(p.left), u = Math.round(p.right), u < e && r)
             return r;
-          if (l < e)
-            return h;
-          r = h, s.push(h);
+          if (d < e)
+            return c;
+          r = c, l = p, s.push(c);
         } else {
-          if (d = Math.round(p.top), u = Math.round(p.bottom), d > i && r)
+          if (m = Math.round(p.top), f = Math.round(p.bottom), m > i && r)
             return r;
-          if (u > i)
-            return h;
-          r = h, s.push(h);
+          if (f > i)
+            return c;
+          r = c, l = p, s.push(c);
         }
-      }), o)
-        return this.findTextEndRange(o, e, i);
-    return this.findTextEndRange(r, e, i);
+      }), o) {
+        const c = o === r ? l : h;
+        return this.findTextEndRange(o, e, i, c);
+      }
+    return this.findTextEndRange(r, e, i, l);
+  }
+  /**
+   * Try to prepare a text node's root for canvas-based measurement.
+   * Returns the PreparedNode for this text node, or null if not available.
+   * @private
+   */
+  _canvasPrepare(t) {
+    var o;
+    if (!this._measurer || t.nodeType !== Node.TEXT_NODE) return null;
+    const e = t, i = e.parentElement;
+    if (!i) return null;
+    const s = (o = i.ownerDocument) == null ? void 0 : o.defaultView;
+    if (!s) return null;
+    const n = this._measurer.getPreparedNode(e);
+    if (n) {
+      const h = s.getComputedStyle(i).font;
+      if (!h || h === n.font) return n;
+      const l = i.ownerDocument.body;
+      l && this._measurer.invalidate(l);
+    }
+    if (this._measurer.hasExoticCSS(e, s)) return null;
+    const r = i.ownerDocument.body;
+    return r ? (this._measurer.prepare(r, s), this._measurer.getPreparedNode(e)) : null;
+  }
+  /**
+   * Canvas fast path: use binary search on pre-measured cumulative widths
+   * to find a Range at the target position, then verify with one getBoundingClientRect.
+   * Returns the Range if verification passes, or null to fall through to DOM loop.
+   * @private
+   */
+  _canvasFindRange(t, e, i, s) {
+    const n = this._canvasPrepare(t);
+    if (!n || n.segments.length === 0) return null;
+    const r = t, o = this.horizontal ? this.direction === "rtl" ? e.right : e.left : e.top, h = this.horizontal && this.direction === "rtl" ? o - i : i - o;
+    if (h < 0) return null;
+    const l = this._measurer.findSegmentIndex(n.segments, h), c = n.segments, d = r.ownerDocument, u = r.data.length;
+    for (let m = l; m < c.length && m <= l + 1; m++) {
+      const f = c[m], p = c[m + 1], v = d.createRange();
+      if (v.setStart(r, Math.min(f.charOffset, u)), v.setEnd(r, Math.min(p ? p.charOffset : u, u)), s(v.getBoundingClientRect())) return v;
+    }
+    return null;
   }
   /**
    * Find Text Start Range
    * @private
-   * @param {Node} root root node
+   * @param {Node} node text node
    * @param {number} start position to start at
    * @param {number} end position to end at
+   * @param {DOMRect} [nodePos] pre-computed node bounds from findStart (avoids redundant reflow)
    * @return {Range}
    */
-  findTextStartRange(t, e, i) {
-    const s = this.splitTextNodeIntoRanges(t);
-    let n, r, o, h, l;
-    for (let c = 0; c < s.length; c++)
-      if (n = s[c], r = n.getBoundingClientRect(), this.horizontal && this.direction === "ltr") {
-        if (o = r.left, o >= e)
-          return n;
+  findTextStartRange(t, e, i, s) {
+    if (s) {
+      const d = this.horizontal && this.direction === "rtl" ? i : e, u = this._canvasFindRange(t, s, d, (m) => {
+        const f = this.horizontal ? this.direction === "rtl" ? m.right : m.left : m.top;
+        return this.horizontal && this.direction === "ltr" ? f >= e : this.horizontal && this.direction === "rtl" ? f <= i : f >= e;
+      });
+      if (u) return u;
+    }
+    const n = this.splitTextNodeIntoRanges(t);
+    let r, o, h, l, c;
+    for (let d = 0; d < n.length; d++)
+      if (r = n[d], o = r.getBoundingClientRect(), this.horizontal && this.direction === "ltr") {
+        if (h = o.left, h >= e)
+          return r;
       } else if (this.horizontal && this.direction === "rtl") {
-        if (l = r.right, l <= i)
-          return n;
-      } else if (h = r.top, h >= e)
-        return n;
-    return s[0];
+        if (c = o.right, c <= i)
+          return r;
+      } else if (l = o.top, l >= e)
+        return r;
+    return n[0];
   }
   /**
    * Find Text End Range
    * @private
-   * @param {Node} root root node
+   * @param {Node} node text node
    * @param {number} start position to start at
    * @param {number} end position to end at
+   * @param {DOMRect} [nodePos] pre-computed node bounds from findEnd (avoids redundant reflow)
    * @return {Range}
    */
-  findTextEndRange(t, e, i) {
-    const s = this.splitTextNodeIntoRanges(t);
-    let n, r, o, h, l, c, d;
-    for (let u = 0; u < s.length; u++) {
-      if (r = s[u], o = r.getBoundingClientRect(), this.horizontal && this.direction === "ltr") {
-        if (h = o.left, l = o.right, h > i && n)
-          return n;
-        if (l > i)
+  findTextEndRange(t, e, i, s) {
+    if (s) {
+      const m = this.horizontal && this.direction === "rtl" ? e : i, f = this._canvasFindRange(t, s, m, (p) => this.horizontal && this.direction === "ltr" ? p.left <= i && p.right >= i : this.horizontal && this.direction === "rtl" ? p.right >= e && p.left <= e : p.top <= i && p.bottom >= i);
+      if (f) return f;
+    }
+    const n = this.splitTextNodeIntoRanges(t);
+    let r, o, h, l, c, d, u;
+    for (let m = 0; m < n.length; m++) {
+      if (o = n[m], h = o.getBoundingClientRect(), this.horizontal && this.direction === "ltr") {
+        if (l = h.left, c = h.right, l > i && r)
           return r;
+        if (c > i)
+          return o;
       } else if (this.horizontal && this.direction === "rtl") {
-        if (h = o.left, l = o.right, l < e && n)
-          return n;
-        if (h < e)
+        if (l = h.left, c = h.right, c < e && r)
           return r;
+        if (l < e)
+          return o;
       } else {
-        if (c = o.top, d = o.bottom, c > i && n)
-          return n;
-        if (d > i)
+        if (d = h.top, u = h.bottom, d > i && r)
           return r;
+        if (u > i)
+          return o;
       }
-      n = r;
+      r = o;
     }
-    return s[s.length - 1];
+    return n[n.length - 1];
   }
   /**
    * Split up a text node into ranges for each word
@@ -3257,7 +3310,7 @@ class wt {
     return t && (this.horizontal = t === "horizontal"), this.horizontal;
   }
 }
-const ke = typeof navigator < "u", Pt = ke && !/Chrome/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent), Ne = 1;
+const Ne = typeof navigator < "u", Pt = Ne && !/Chrome/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent), Le = 1;
 class Nt {
   constructor(t, e, i, s) {
     this.epubcfi = new y(), this.document = t, this.documentElement = this.document.documentElement, this.content = e || this.document.body, this.window = this.document.defaultView, this._size = {
@@ -3278,7 +3331,7 @@ class Nt {
   	*/
   width(t) {
     const e = this.content;
-    return t && x(t) && (t = t + "px"), t && (e.style.width = t), parseInt(this.window.getComputedStyle(e).width);
+    return t && b(t) && (t = t + "px"), t && (e.style.width = t), parseInt(this.window.getComputedStyle(e).width);
   }
   /**
   	* Get or Set height
@@ -3287,7 +3340,7 @@ class Nt {
   	*/
   height(t) {
     const e = this.content;
-    return t && x(t) && (t = t + "px"), t && (e.style.height = t), parseInt(this.window.getComputedStyle(e).height);
+    return t && b(t) && (t = t + "px"), t && (e.style.height = t), parseInt(this.window.getComputedStyle(e).height);
   }
   /**
   	* Get or Set width of the contents
@@ -3296,7 +3349,7 @@ class Nt {
   	*/
   contentWidth(t) {
     const e = this.content || this.document.body;
-    return t && x(t) && (t = t + "px"), t && (e.style.width = t), parseInt(this.window.getComputedStyle(e).width);
+    return t && b(t) && (t = t + "px"), t && (e.style.width = t), parseInt(this.window.getComputedStyle(e).width);
   }
   /**
   	* Get or Set height of the contents
@@ -3305,7 +3358,7 @@ class Nt {
   	*/
   contentHeight(t) {
     const e = this.content || this.document.body;
-    return t && x(t) && (t = t + "px"), t && (e.style.height = t), parseInt(this.window.getComputedStyle(e).height);
+    return t && b(t) && (t = t + "px"), t && (e.style.height = t), parseInt(this.window.getComputedStyle(e).height);
   }
   /**
   	* Get the width of the text using Range
@@ -3313,7 +3366,7 @@ class Nt {
   	*/
   textWidth() {
     let t;
-    const e = this.document.createRange(), i = this.content || this.document.body, s = J(i);
+    const e = this.document.createRange(), i = this.content || this.document.body, s = Q(i);
     return e.selectNodeContents(i), t = e.getBoundingClientRect().width, s && s.width && (t += s.width), Math.round(t);
   }
   /**
@@ -3407,14 +3460,14 @@ class Nt {
       const r = e.getAttribute("content") ?? "", o = r.match(/width\s*=\s*([^,]*)/), h = r.match(/height\s*=\s*([^,]*)/), l = r.match(/initial-scale\s*=\s*([^,]*)/), c = r.match(/minimum-scale\s*=\s*([^,]*)/), d = r.match(/maximum-scale\s*=\s*([^,]*)/), u = r.match(/user-scalable\s*=\s*([^,]*)/);
       o && o.length && typeof o[1] < "u" && (i.width = o[1]), h && h.length && typeof h[1] < "u" && (i.height = h[1]), l && l.length && typeof l[1] < "u" && (i.scale = l[1]), c && c.length && typeof c[1] < "u" && (i.minimum = c[1]), d && d.length && typeof d[1] < "u" && (i.maximum = d[1]), u && u.length && typeof u[1] < "u" && (i.scalable = u[1]);
     }
-    return n = qt(t ?? {}, i), t && (n.width && s.push("width=" + n.width), n.height && s.push("height=" + n.height), n.scale && s.push("initial-scale=" + n.scale), n.scalable === "no" ? (s.push("minimum-scale=" + n.scale), s.push("maximum-scale=" + n.scale), s.push("user-scalable=" + n.scalable)) : (n.scalable && s.push("user-scalable=" + n.scalable), n.minimum && s.push("minimum-scale=" + n.minimum), n.maximum && s.push("minimum-scale=" + n.maximum)), e || (e = this.document.createElement("meta"), e.setAttribute("name", "viewport"), this.document.querySelector("head").appendChild(e)), e.setAttribute("content", s.join(", ")), this.window.scrollTo(0, 0)), n;
+    return n = Ut(t ?? {}, i), t && (n.width && s.push("width=" + n.width), n.height && s.push("height=" + n.height), n.scale && s.push("initial-scale=" + n.scale), n.scalable === "no" ? (s.push("minimum-scale=" + n.scale), s.push("maximum-scale=" + n.scale), s.push("user-scalable=" + n.scalable)) : (n.scalable && s.push("user-scalable=" + n.scalable), n.minimum && s.push("minimum-scale=" + n.minimum), n.maximum && s.push("minimum-scale=" + n.maximum)), e || (e = this.document.createElement("meta"), e.setAttribute("name", "viewport"), this.document.querySelector("head").appendChild(e)), e.setAttribute("content", s.join(", ")), this.window.scrollTo(0, 0)), n;
   }
   /**
    * Event emitter for when the contents has expanded
    * @private
    */
   expand() {
-    this.emit(f.CONTENTS.EXPAND);
+    this.emit(g.CONTENTS.EXPAND);
   }
   /**
    * Add DOM listeners
@@ -3446,7 +3499,7 @@ class Nt {
     (t !== this._size.width || e !== this._size.height) && (this._size = {
       width: t,
       height: e
-    }, this.onResize && this.onResize(this._size), this.emit(f.CONTENTS.RESIZE, this._size));
+    }, this.onResize && this.onResize(this._size), this.emit(g.CONTENTS.RESIZE, this._size));
   }
   /**
    * Use css transitions to detect resize
@@ -3552,7 +3605,7 @@ class Nt {
         else if (Pt) {
           const r = n.startContainer, o = new Range();
           try {
-            r.nodeType === Ne ? i = r.getBoundingClientRect() : n.startOffset + 2 < r.length ? (o.setStart(r, n.startOffset), o.setEnd(r, n.startOffset + 2), i = o.getBoundingClientRect()) : n.startOffset - 2 > 0 ? (o.setStart(r, n.startOffset - 2), o.setEnd(r, n.startOffset), i = o.getBoundingClientRect()) : i = r.parentNode.getBoundingClientRect();
+            r.nodeType === Le ? i = r.getBoundingClientRect() : n.startOffset + 2 < r.length ? (o.setStart(r, n.startOffset), o.setEnd(r, n.startOffset + 2), i = o.getBoundingClientRect()) : n.startOffset - 2 > 0 ? (o.setStart(r, n.startOffset - 2), o.setEnd(r, n.startOffset), i = o.getBoundingClientRect()) : i = r.parentNode.getBoundingClientRect();
           } catch (h) {
             console.error(h, h instanceof Error ? h.stack : void 0);
           }
@@ -3736,7 +3789,7 @@ class Nt {
    */
   triggerSelectedEvent(t) {
     let e, i;
-    t && t.rangeCount > 0 && (e = t.getRangeAt(0), e.collapsed || (i = new y(e, this.cfiBase).toString(), this.emit(f.CONTENTS.SELECTED, i), this.emit(f.CONTENTS.SELECTED_RANGE, e)));
+    t && t.rangeCount > 0 && (e = t.getRangeAt(0), e.collapsed || (i = new y(e, this.cfiBase).toString(), this.emit(g.CONTENTS.SELECTED, i), this.emit(g.CONTENTS.SELECTED_RANGE, e)));
   }
   /**
    * Get a Dom Range from EpubCFI
@@ -3864,8 +3917,8 @@ class Nt {
    * @private
    */
   linksHandler() {
-    ve(this.content, (t) => {
-      this.emit(f.CONTENTS.LINK_CLICKED, t);
+    ye(this.content, (t) => {
+      this.emit(g.CONTENTS.LINK_CLICKED, t);
     });
   }
   /**
@@ -3922,13 +3975,13 @@ P(Nt.prototype);
 function $(a) {
   return document.createElementNS("http://www.w3.org/2000/svg", a);
 }
-function Le(a, t) {
+function Re(a, t) {
   function e(s) {
     for (let n = t.length - 1; n >= 0; n--) {
       const r = t[n];
       let o, h;
-      if ("touches" in s && s.touches.length ? (o = s.touches[0].clientX, h = s.touches[0].clientY) : (o = s.clientX, h = s.clientY), !!Ae(r, a, o, h)) {
-        r.dispatchEvent(Re(s));
+      if ("touches" in s && s.touches.length ? (o = s.touches[0].clientX, h = s.touches[0].clientY) : (o = s.clientX, h = s.clientY), !!Ie(r, a, o, h)) {
+        r.dispatchEvent(Ae(s));
         break;
       }
     }
@@ -3945,7 +3998,7 @@ function Le(a, t) {
   for (const s of ["mouseup", "mousedown", "click", "touchstart"])
     i.addEventListener(s, (n) => e(n), !1);
 }
-function Re(a) {
+function Ae(a) {
   const t = Object.assign({}, a, { bubbles: !1 });
   try {
     return new MouseEvent(a.type, t);
@@ -3970,11 +4023,11 @@ function Re(a) {
     ), s;
   }
 }
-function Ae(a, t, e, i) {
+function Ie(a, t, e, i) {
   const s = t.getBoundingClientRect();
   function n(h, l, c) {
-    const d = h.top - s.top, u = h.left - s.left, p = d + h.height, g = u + h.width;
-    return d <= c && u <= l && p > c && g > l;
+    const d = h.top - s.top, u = h.left - s.left, m = d + h.height, f = u + h.width;
+    return d <= c && u <= l && m > c && f > l;
   }
   const r = a.getBoundingClientRect();
   if (!n(r, e, i))
@@ -3985,7 +4038,7 @@ function Ae(a, t, e, i) {
       return !0;
   return !1;
 }
-function Ie(a, t) {
+function Pe(a, t) {
   const e = t.getBoundingClientRect(), i = a.getBoundingClientRect();
   return {
     top: i.top - e.top,
@@ -3994,15 +4047,15 @@ function Ie(a, t) {
     width: a.scrollWidth
   };
 }
-function Pe(a, t) {
+function Oe(a, t) {
   a.style.setProperty("top", `${t.top}px`, "important"), a.style.setProperty("left", `${t.left}px`, "important"), a.style.setProperty("height", `${t.height}px`, "important"), a.style.setProperty("width", `${t.width}px`, "important");
 }
-function Oe(a, t) {
+function De(a, t) {
   return t.right <= a.right && t.left >= a.left && t.top >= a.top && t.bottom <= a.bottom;
 }
 class Ot {
   constructor(t, e = document.body) {
-    this.target = t, this.element = $("svg"), this.marks = [], this.element.style.position = "absolute", this.element.setAttribute("pointer-events", "none"), Le(this.target, this.marks), this.container = e, this.container.appendChild(this.element), this.render();
+    this.target = t, this.element = $("svg"), this.marks = [], this.element.style.position = "absolute", this.element.setAttribute("pointer-events", "none"), Re(this.target, this.marks), this.container = e, this.container.appendChild(this.element), this.render();
   }
   addMark(t) {
     const e = $("g");
@@ -4016,7 +4069,7 @@ class Ot {
     this.element.removeChild(i), this.marks.splice(e, 1);
   }
   render() {
-    Pe(this.element, Ie(this.target, this.container));
+    Oe(this.element, Pe(this.target, this.container));
     for (const t of this.marks)
       t.render();
   }
@@ -4053,7 +4106,7 @@ class ze {
       for (let i = 0; i < t.length; i++) {
         if (t[i] === e)
           return !0;
-        if (Oe(t[i], e))
+        if (De(t[i], e))
           return !1;
       }
       return !0;
@@ -4083,7 +4136,7 @@ class Qt extends ze {
     this.element.appendChild(t);
   }
 }
-class De extends Qt {
+class Be extends Qt {
   constructor(t, e, i, s) {
     super(t, e, i, s);
   }
@@ -4093,16 +4146,16 @@ class De extends Qt {
     const t = this.element.ownerDocument.createDocumentFragment(), e = this.filteredRanges(), i = this.element.getBoundingClientRect(), s = this.container.getBoundingClientRect();
     for (let n = 0, r = e.length; n < r; n++) {
       const o = e[n], h = $("rect");
-      h.setAttribute("x", String(o.left - i.left + s.left)), h.setAttribute("y", String(o.top - i.top + s.top)), h.setAttribute("height", String(o.height)), h.setAttribute("width", String(o.width)), h.setAttribute("fill", "none");
+      h.setAttribute("x", String(o.left - i.left + s.left)), h.setAttribute("y", String(o.top - i.top + s.top)), h.setAttribute("height", String(o.height)), h.setAttribute("width", String(o.width)), h.setAttribute("fill", this.attributes.fill || "none");
       const l = $("line");
-      l.setAttribute("x1", String(o.left - i.left + s.left)), l.setAttribute("x2", String(o.left - i.left + s.left + o.width)), l.setAttribute("y1", String(o.top - i.top + s.top + o.height - 1)), l.setAttribute("y2", String(o.top - i.top + s.top + o.height - 1)), l.setAttribute("stroke-width", "1"), l.setAttribute("stroke", "black"), l.setAttribute("stroke-linecap", "square"), t.appendChild(h), t.appendChild(l);
+      l.setAttribute("x1", String(o.left - i.left + s.left)), l.setAttribute("x2", String(o.left - i.left + s.left + o.width)), l.setAttribute("y1", String(o.top - i.top + s.top + o.height - 1)), l.setAttribute("y2", String(o.top - i.top + s.top + o.height - 1)), l.setAttribute("stroke-width", this.attributes["stroke-width"] || "1"), l.setAttribute("stroke", this.attributes.stroke || "black"), l.setAttribute("stroke-linecap", this.attributes["stroke-linecap"] || "square"), t.appendChild(h), t.appendChild(l);
     }
     this.element.appendChild(t);
   }
 }
-class Jt {
+class te {
   constructor(t, e) {
-    this.settings = C({
+    this._contentDirty = !0, this._needsReframe = !1, this._expanding = !1, this.settings = C({
       ignoreClass: "",
       axis: void 0,
       //options.layout && options.layout.props.flow === "scrolled" ? "vertical" : "horizontal",
@@ -4128,17 +4181,17 @@ class Jt {
     return this.create(), this.size(), this.sectionRender || (this.sectionRender = this.section.render(t)), this.sectionRender.then((i) => this.load(i)).then(() => {
       const i = this.contents.writingMode();
       let s;
-      return this.settings.flow === "scrolled" ? s = i.indexOf("vertical") === 0 ? "horizontal" : "vertical" : s = i.indexOf("vertical") === 0 ? "vertical" : "horizontal", i.indexOf("vertical") === 0 && this.settings.flow === "paginated" && (this.layout.delta = this.layout.height), this.setAxis(s), this.emit(f.VIEWS.AXIS, s), this.setWritingMode(i), this.emit(f.VIEWS.WRITING_MODE, i), this.layout.format(this.contents, this.section, this.axis), this.addListeners(), new Promise((n, r) => {
+      return this.settings.flow === "scrolled" ? s = i.indexOf("vertical") === 0 ? "horizontal" : "vertical" : s = i.indexOf("vertical") === 0 ? "vertical" : "horizontal", i.indexOf("vertical") === 0 && this.settings.flow === "paginated" && (this.layout.delta = this.layout.height), this.setAxis(s), this.emit(g.VIEWS.AXIS, s), this.setWritingMode(i), this.emit(g.VIEWS.WRITING_MODE, i), this.layout.format(this.contents, this.section, this.axis), this.addListeners(), new Promise((n, r) => {
         this.expand(), this.settings.forceRight && (this.element.style.marginLeft = this.width() + "px"), n();
       });
-    }, (i) => (this.emit(f.VIEWS.LOAD_ERROR, i), new Promise((s, n) => {
+    }, (i) => (this.emit(g.VIEWS.LOAD_ERROR, i), new Promise((s, n) => {
       n(i);
     }))).then(() => {
-      this.emit(f.VIEWS.RENDERED, this.section);
+      this.emit(g.VIEWS.RENDERED, this.section);
     });
   }
   reset() {
-    this.iframe && (this.iframe.style.width = "0", this.iframe.style.height = "0", this._width = 0, this._height = 0, this._textWidth = void 0, this._contentWidth = void 0, this._textHeight = void 0, this._contentHeight = void 0), this._needsReframe = !0;
+    this.iframe && (this.iframe.style.width = "0", this.iframe.style.height = "0", this._width = 0, this._height = 0, this._textWidth = void 0, this._contentWidth = void 0, this._textHeight = void 0, this._contentHeight = void 0), this._contentDirty = !0, this._needsReframe = !0;
   }
   // Determine locks base on settings
   size(t, e) {
@@ -4147,17 +4200,17 @@ class Jt {
   }
   // Lock an axis to element dimensions, taking borders into account
   lock(t, e, i) {
-    const s = J(this.element);
+    const s = Q(this.element);
     let n;
-    this.iframe ? n = J(this.iframe) : n = { width: 0, height: 0 }, t === "width" && x(e) && (this.lockedWidth = e - s.width - n.width), t === "height" && x(i) && (this.lockedHeight = i - s.height - n.height), t === "both" && x(e) && x(i) && (this.lockedWidth = e - s.width - n.width, this.lockedHeight = i - s.height - n.height), this.displayed && this.iframe && this.expand();
+    this.iframe ? n = Q(this.iframe) : n = { width: 0, height: 0 }, t === "width" && b(e) && (this.lockedWidth = e - s.width - n.width), t === "height" && b(i) && (this.lockedHeight = i - s.height - n.height), t === "both" && b(e) && b(i) && (this.lockedWidth = e - s.width - n.width, this.lockedHeight = i - s.height - n.height), this.displayed && this.iframe && this.expand();
   }
   // Resize a single axis based on content dimensions
   expand(t) {
     let e = this.lockedWidth, i = this.lockedHeight, s;
-    !this.iframe || this._expanding || (this._expanding = !0, this.layout.name === "pre-paginated" ? (e = this.layout.columnWidth, i = this.layout.height) : this.settings.axis === "horizontal" ? (e = this.contents.textWidth(), e % this.layout.pageWidth > 0 && (e = Math.ceil(e / this.layout.pageWidth) * this.layout.pageWidth), this.settings.forceEvenPages && (s = e / this.layout.pageWidth, this.layout.divisor > 1 && this.layout.name === "reflowable" && s % 2 > 0 && (e += this.layout.pageWidth))) : this.settings.axis === "vertical" && (i = this.contents.textHeight(), this.settings.flow === "paginated" && i % this.layout.height > 0 && (i = Math.ceil(i / this.layout.height) * this.layout.height)), (this._needsReframe || e !== this._width || i !== this._height) && this.reframe(e, i), this._expanding = !1);
+    !this.iframe || this._expanding || (this._expanding = !0, this.layout.name === "pre-paginated" ? (e = this.layout.columnWidth, i = this.layout.height) : this.settings.axis === "horizontal" ? (!this._contentDirty && this._textWidth !== void 0 ? e = this._textWidth : (e = this.contents.textWidth(), this._textWidth = e, this._contentDirty = !1), e % this.layout.pageWidth > 0 && (e = Math.ceil(e / this.layout.pageWidth) * this.layout.pageWidth), this.settings.forceEvenPages && (s = e / this.layout.pageWidth, this.layout.divisor > 1 && this.layout.name === "reflowable" && s % 2 > 0 && (e += this.layout.pageWidth))) : this.settings.axis === "vertical" && (!this._contentDirty && this._textHeight !== void 0 ? i = this._textHeight : (i = this.contents.textHeight(), this._textHeight = i, this._contentDirty = !1), this.settings.flow === "paginated" && i % this.layout.height > 0 && (i = Math.ceil(i / this.layout.height) * this.layout.height)), (this._needsReframe || e !== this._width || i !== this._height) && this.reframe(e, i), this._expanding = !1);
   }
   reframe(t, e) {
-    x(t) && (this.element.style.width = t + "px", this.iframe.style.width = t + "px", this._width = t), x(e) && (this.element.style.height = e + "px", this.iframe.style.height = e + "px", this._height = e);
+    b(t) && (this.element.style.width = t + "px", this.iframe.style.width = t + "px", this._width = t), b(e) && (this.element.style.height = e + "px", this.iframe.style.height = e + "px", this._height = e);
     const i = this.prevBounds ? t - this.prevBounds.width : t, s = this.prevBounds ? e - this.prevBounds.height : e, n = {
       width: t,
       height: e,
@@ -4168,10 +4221,10 @@ class Jt {
       let r;
       for (const o in this.marks)
         this.marks.hasOwnProperty(o) && (r = this.marks[o], this.placeMark(r.element, r.range));
-    }), this.onResize(this, n), this.emit(f.VIEWS.RESIZED, n), this.prevBounds = n, this.elementBounds = K(this.element);
+    }), this.onResize(this, n), this.emit(g.VIEWS.RESIZED, n), this.prevBounds = n, this.elementBounds = K(this.element);
   }
   load(t) {
-    const e = new S(), i = e.promise;
+    const e = new _(), i = e.promise;
     if (!this.iframe)
       return e.reject(new Error("No Iframe Available")), i;
     if (this.iframe.onload = (s) => {
@@ -4190,14 +4243,14 @@ class Jt {
   onLoad(t, e) {
     this.window = this.iframe.contentWindow, this.document = this.iframe.contentDocument, this.contents = new Nt(this.document, this.document.body, this.section.cfiBase, this.section.index), this.rendering = !1;
     let i = this.document.querySelector("link[rel='canonical']");
-    i ? i.setAttribute("href", this.section.canonical) : (i = this.document.createElement("link"), i.setAttribute("rel", "canonical"), i.setAttribute("href", this.section.canonical), this.document.querySelector("head").appendChild(i)), this.contents.on(f.CONTENTS.EXPAND, () => {
-      this.displayed && this.iframe && (this.expand(), this.contents && this.layout.format(this.contents));
-    }), this.contents.on(f.CONTENTS.RESIZE, (s) => {
-      this.displayed && this.iframe && (this.expand(), this.contents && this.layout.format(this.contents));
+    i ? i.setAttribute("href", this.section.canonical) : (i = this.document.createElement("link"), i.setAttribute("rel", "canonical"), i.setAttribute("href", this.section.canonical), this.document.querySelector("head").appendChild(i)), this.contents.on(g.CONTENTS.EXPAND, () => {
+      this.displayed && this.iframe && (this._contentDirty = !0, this.expand(), this.contents && this.layout.format(this.contents));
+    }), this.contents.on(g.CONTENTS.RESIZE, (s) => {
+      this.displayed && this.iframe && (this._textWidth = s.width, this._textHeight = s.height, this._contentDirty = !1, this.expand(), this.contents && this.layout.format(this.contents));
     }), e.resolve(this.contents);
   }
   setLayout(t) {
-    this.layout = t, this.contents && (this.layout.format(this.contents), this.expand());
+    this.layout = t, this.contents && (this.layout.format(this.contents), this._contentDirty = !0, this.expand());
   }
   setAxis(t) {
     this.settings.axis = t, t === "horizontal" ? this.element.style.flex = "none" : this.element.style.flex = "initial", this.size();
@@ -4208,21 +4261,21 @@ class Jt {
   addListeners() {
   }
   removeListeners() {
-    this.contents && (this.contents.off(f.CONTENTS.EXPAND), this.contents.off(f.CONTENTS.RESIZE));
+    this.contents && (this.contents.off(g.CONTENTS.EXPAND), this.contents.off(g.CONTENTS.RESIZE));
   }
   display(t) {
-    const e = new S();
+    const e = new _();
     return this.displayed ? e.resolve(this) : this.render(t).then(() => {
-      this.emit(f.VIEWS.DISPLAYED, this), this.onDisplayed(this), this.displayed = !0, e.resolve(this);
+      this.emit(g.VIEWS.DISPLAYED, this), this.onDisplayed(this), this.displayed = !0, e.resolve(this);
     }, (i) => {
       e.reject(i);
     }), e.promise;
   }
   show() {
-    this.element.style.visibility = "visible", this.iframe && (this.iframe.style.visibility = "visible", this.iframe.style.transform = "translateZ(0)", this.iframe.offsetWidth, this.iframe.style.transform = ""), this.emit(f.VIEWS.SHOWN, this);
+    this.element.style.visibility = "visible", this.iframe && (this.iframe.style.visibility = "visible", this.iframe.style.transform = "translateZ(0)", this.iframe.offsetWidth, this.iframe.style.transform = ""), this.emit(g.VIEWS.SHOWN, this);
   }
   hide() {
-    this.element.style.visibility = "hidden", this.iframe.style.visibility = "hidden", this.stopExpanding = !0, this.emit(f.VIEWS.HIDDEN, this);
+    this.element.style.visibility = "hidden", this.iframe.style.visibility = "hidden", this.stopExpanding = !0, this.emit(g.VIEWS.HIDDEN, this);
   }
   offset() {
     return {
@@ -4258,7 +4311,7 @@ class Jt {
     if (!this.contents)
       return;
     const r = Object.assign({ fill: "yellow", "fill-opacity": "0.3", "mix-blend-mode": "multiply" }, n), o = this.contents.range(t), h = (d) => {
-      this.emit(f.VIEWS.MARK_CLICKED, t, e);
+      this.emit(g.VIEWS.MARK_CLICKED, t, e);
     };
     e.epubcfi = t, this.pane || (this.pane = new Ot(this.iframe, this.element));
     const l = new Qt(o, s, e, r);
@@ -4275,10 +4328,10 @@ class Jt {
     if (!this.contents)
       return;
     const r = Object.assign({ stroke: "black", "stroke-opacity": "0.3", "mix-blend-mode": "multiply" }, n), o = this.contents.range(t), h = (d) => {
-      this.emit(f.VIEWS.MARK_CLICKED, t, e);
+      this.emit(g.VIEWS.MARK_CLICKED, t, e);
     };
     e.epubcfi = t, this.pane || (this.pane = new Ot(this.iframe, this.element));
-    const l = new De(o, s, e, r);
+    const l = new Be(o, s, e, r);
     let c;
     try {
       c = this.pane.addMark(l);
@@ -4297,7 +4350,7 @@ class Jt {
     if (!s)
       return;
     const n = s.commonAncestorContainer, r = n.nodeType === 1 ? n : n.parentNode, o = (l) => {
-      this.emit(f.VIEWS.MARK_CLICKED, t, e);
+      this.emit(g.VIEWS.MARK_CLICKED, t, e);
     };
     s.collapsed && n.nodeType === 1 ? (s = new Range(), s.selectNodeContents(n)) : s.collapsed && (s = new Range(), s.selectNodeContents(r));
     const h = this.document.createElement("a");
@@ -4352,13 +4405,13 @@ class Jt {
     this.blobUrl && Tt(this.blobUrl), this.displayed && (this.displayed = !1, this.removeListeners(), this.contents.destroy(), this.stopExpanding = !0, this.iframe && (this.iframe.onload = null), this.element.removeChild(this.iframe), this.pane && (this.pane.element.remove(), this.pane = void 0), this.iframe = void 0, this.contents = void 0, this.section.unload(), this._textWidth = void 0, this._textHeight = void 0, this._width = void 0, this._height = void 0), this.__listeners = {};
   }
 }
-P(Jt.prototype);
-function Be() {
+P(te.prototype);
+function Me() {
   let a = "reverse";
-  const t = Me();
+  const t = We();
   return document.body.appendChild(t), t.scrollLeft > 0 ? a = "default" : typeof Element < "u" && typeof Element.prototype.scrollIntoView == "function" ? (t.children[0].children[1].scrollIntoView(), t.scrollLeft < 0 && (a = "negative")) : (t.scrollLeft = 1, t.scrollLeft === 0 && (a = "negative")), document.body.removeChild(t), a;
 }
-function Me() {
+function We() {
   const a = document.createElement("div");
   a.dir = "rtl", a.style.position = "fixed", a.style.width = "1px", a.style.height = "1px", a.style.top = "0px", a.style.left = "0px", a.style.overflow = "hidden";
   const t = document.createElement("div");
@@ -4368,7 +4421,7 @@ function Me() {
   const i = document.createElement("span");
   return i.style.width = "1px", i.style.display = "inline-block", t.appendChild(e), t.appendChild(i), a.appendChild(t), a;
 }
-function We(a, t) {
+function qe(a, t) {
   let e = null, i = 0;
   return function(...s) {
     const n = Date.now(), r = t - (n - i);
@@ -4377,7 +4430,7 @@ function We(a, t) {
     }, r));
   };
 }
-class qe {
+class Ue {
   constructor(t) {
     this.settings = t || {}, this.id = "epubjs-container-" + Et(), this.container = this.create(this.settings), this.settings.hidden && (this.wrapper = this.wrap(this.container));
   }
@@ -4388,7 +4441,7 @@ class qe {
   create(t) {
     let e = t.height, i = t.width;
     const s = t.overflow || !1, n = t.axis || "vertical", r = t.direction;
-    C(this.settings, t), t.height && x(t.height) && (e = t.height + "px"), t.width && x(t.width) && (i = t.width + "px");
+    C(this.settings, t), t.height && b(t.height) && (e = t.height + "px"), t.width && b(t.width) && (i = t.width + "px");
     const o = document.createElement("div");
     return o.id = this.id, o.classList.add("epub-container"), o.style.wordSpacing = "0", o.style.lineHeight = "0", o.style.verticalAlign = "top", o.style.position = "relative", o.style.overflowAnchor = "none", n === "horizontal" && (o.style.display = "flex", o.style.flexDirection = "row", o.style.flexWrap = "nowrap"), i && (o.style.width = i), e && (o.style.height = e), s && (s === "scroll" && n === "vertical" ? (o.style.overflowY = s, o.style.overflowX = "hidden") : s === "scroll" && n === "horizontal" ? (o.style.overflowY = "hidden", o.style.overflowX = s) : o.style.overflow = s), r && (o.dir = r, o.style.direction = r), r && this.settings.fullsize && (document.body.style.direction = r), o;
   }
@@ -4398,7 +4451,7 @@ class qe {
   }
   getElement(t) {
     let e = null;
-    if (Mt(t) ? e = t : typeof t == "string" && (e = document.getElementById(t)), !e)
+    if (Wt(t) ? e = t : typeof t == "string" && (e = document.getElementById(t)), !e)
       throw new Error("Not an Element");
     return e;
   }
@@ -4412,7 +4465,7 @@ class qe {
     return this.container;
   }
   onResize(t) {
-    (!x(this.settings.width) || !x(this.settings.height)) && (this.resizeFunc = We(t, 50), window.addEventListener("resize", this.resizeFunc, !1));
+    (!b(this.settings.width) || !b(this.settings.height)) && (this.resizeFunc = qe(t, 50), window.addEventListener("resize", this.resizeFunc, !1));
   }
   onOrientationChange(t) {
     this.orientationChangeFunc = t, window.addEventListener("orientationchange", this.orientationChangeFunc, !1);
@@ -4420,7 +4473,7 @@ class qe {
   size(t, e) {
     let i;
     const s = t || this.settings.width, n = e || this.settings.height;
-    t === null ? (i = this.element.getBoundingClientRect(), i.width && (t = Math.floor(i.width), this.container.style.width = t + "px")) : x(t) ? this.container.style.width = t + "px" : t && (this.container.style.width = t), e === null ? (i = i || this.element.getBoundingClientRect(), i.height && (e = i.height, this.container.style.height = e + "px")) : x(e) ? this.container.style.height = e + "px" : e && (this.container.style.height = e), x(t) || (t = this.container.clientWidth), x(e) || (e = this.container.clientHeight), this.containerStyles = window.getComputedStyle(this.container), this.containerPadding = {
+    t === null ? (i = this.element.getBoundingClientRect(), i.width && (t = Math.floor(i.width), this.container.style.width = t + "px")) : b(t) ? this.container.style.width = t + "px" : t && (this.container.style.width = t), e === null ? (i = i || this.element.getBoundingClientRect(), i.height && (e = i.height, this.container.style.height = e + "px")) : b(e) ? this.container.style.height = e + "px" : e && (this.container.style.height = e), b(t) || (t = this.container.clientWidth), b(e) || (e = this.container.clientHeight), this.containerStyles = window.getComputedStyle(this.container), this.containerPadding = {
       left: parseFloat(this.containerStyles.paddingLeft) || 0,
       right: parseFloat(this.containerStyles.paddingRight) || 0,
       top: parseFloat(this.containerStyles.paddingTop) || 0,
@@ -4475,7 +4528,7 @@ class qe {
     this.element && (this.settings.hidden ? this.wrapper : this.container, this.element.contains(this.container) && this.element.removeChild(this.container), window.removeEventListener("resize", this.resizeFunc), window.removeEventListener("orientationchange", this.orientationChangeFunc));
   }
 }
-class Ue {
+class je {
   constructor(t) {
     this.container = t, this._views = [], this.length = 0, this.hidden = !1;
   }
@@ -4556,6 +4609,167 @@ class Ue {
     this.hidden = !0;
   }
 }
+const Fe = /[\u2E80-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F\u{20000}-\u{2FA1F}]/u;
+function Dt(a) {
+  const t = a.letterSpacing;
+  if (t && t !== "normal" && t !== "0px") return !0;
+  const e = a.wordSpacing;
+  if (e && e !== "normal" && e !== "0px") return !0;
+  const i = a.textIndent;
+  return !!(i && i !== "0px");
+}
+const He = 32;
+class Ve {
+  constructor() {
+    this._canvas = null, this._ctx = null, this._widthCache = /* @__PURE__ */ new Map(), this._preparedCache = /* @__PURE__ */ new WeakMap(), this._nodeIndex = /* @__PURE__ */ new WeakMap(), this._segmenter = null;
+  }
+  getCanvas() {
+    return this._ctx ? this._ctx : typeof OffscreenCanvas < "u" && (this._canvas = new OffscreenCanvas(1, 1), this._ctx = this._canvas.getContext("2d"), this._ctx) ? this._ctx : (this._canvas = document.createElement("canvas"), this._ctx = this._canvas.getContext("2d"), this._ctx);
+  }
+  getSegmenter() {
+    return this._segmenter ? this._segmenter : typeof Intl < "u" && "Segmenter" in Intl ? (this._segmenter = new Intl.Segmenter(void 0, { granularity: "word" }), this._segmenter) : null;
+  }
+  /**
+   * Measure a text string with a given CSS font, returning its width in pixels.
+   * Results are cached per font+text pair.
+   */
+  measureText(t, e) {
+    let i = this._widthCache.get(e);
+    if (i) {
+      const r = i.get(t);
+      if (r !== void 0) return r;
+    } else {
+      if (this._widthCache.size >= He) {
+        const r = this._widthCache.keys().next().value;
+        r !== void 0 && this._widthCache.delete(r);
+      }
+      i = /* @__PURE__ */ new Map(), this._widthCache.set(e, i);
+    }
+    const s = this.getCanvas();
+    if (!s) return 0;
+    s.font = e;
+    const n = s.measureText(t).width;
+    return i.set(t, n), n;
+  }
+  /**
+   * Segment text into word-level pieces suitable for measurement.
+   * Uses Intl.Segmenter when available, falls back to space-splitting
+   * (with per-character splitting for CJK).
+   */
+  segmentText(t) {
+    const e = this.getSegmenter();
+    if (e) {
+      const o = [];
+      for (const h of e.segment(t))
+        o.push({ text: h.segment, index: h.index });
+      return o;
+    }
+    const i = [];
+    let s = "", n = 0, r = 0;
+    for (const o of t)
+      o === " " ? (s && i.push({ text: s, index: n }), i.push({ text: " ", index: r }), s = "", n = r + o.length) : Fe.test(o) ? (s && (i.push({ text: s, index: n }), s = ""), i.push({ text: o, index: r }), n = r + o.length) : (s || (n = r), s += o), r += o.length;
+    return s && i.push({ text: s, index: n }), i;
+  }
+  /**
+   * Prepare phase: measure all text nodes under a root element.
+   * Returns PreparedNode[] with cumulative widths for binary search.
+   *
+   * Text nodes whose parent has exotic CSS (letter-spacing, word-spacing,
+   * text-indent) are skipped — the caller should fall back to DOM Range
+   * measurement for those.
+   *
+   * @param root The container element (usually document.body)
+   * @param win The window object for getComputedStyle
+   * @returns PreparedNode[] with entries for measurable text nodes (may be empty)
+   */
+  prepare(t, e) {
+    const i = this._preparedCache.get(t);
+    if (i) return i;
+    const s = [], n = /* @__PURE__ */ new Map(), r = t.ownerDocument.createTreeWalker(t, NodeFilter.SHOW_TEXT, {
+      acceptNode(h) {
+        return h.data.trim().length > 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+      }
+    });
+    let o;
+    for (; o = r.nextNode(); ) {
+      const h = o.parentElement;
+      if (!h) continue;
+      let l = n.get(h);
+      if (l || (l = e.getComputedStyle(h), n.set(h, l)), Dt(l)) continue;
+      const c = l.font;
+      if (!c) continue;
+      const d = o.data, u = this.segmentText(d), m = [];
+      let f = 0;
+      for (const v of u) {
+        const w = this.measureText(v.text, c);
+        m.push({
+          node: o,
+          charOffset: v.index,
+          text: v.text,
+          width: w,
+          cumWidth: f + w
+        }), f += w;
+      }
+      const p = {
+        node: o,
+        segments: m,
+        totalWidth: f,
+        font: c
+      };
+      s.push(p), this._nodeIndex.set(o, p);
+    }
+    return this._preparedCache.set(t, s), s;
+  }
+  /**
+   * Layout phase: find the segment index at a given pixel position
+   * using binary search on cumulative widths.
+   *
+   * @param segments The TextSegment[] from a PreparedNode
+   * @param position Target position in pixels (relative to text node start)
+   * @returns Index into the segments array
+   */
+  findSegmentIndex(t, e) {
+    if (t.length === 0) return 0;
+    let i = 0, s = t.length - 1;
+    for (; i < s; ) {
+      const n = i + s >>> 1;
+      t[n].cumWidth < e ? i = n + 1 : s = n;
+    }
+    return i;
+  }
+  /**
+   * Look up a previously prepared text node in O(1).
+   * Returns null if the node was not prepared (exotic CSS, not yet prepared, etc.).
+   */
+  getPreparedNode(t) {
+    return this._nodeIndex.get(t) || null;
+  }
+  /**
+   * Check if a text node's parent has exotic CSS that prevents canvas measurement.
+   */
+  hasExoticCSS(t, e) {
+    const i = t.parentElement;
+    return i ? Dt(e.getComputedStyle(i)) : !0;
+  }
+  /**
+   * Invalidate cached preparation for a root element,
+   * including all per-node index entries under it.
+   */
+  invalidate(t) {
+    const e = this._preparedCache.get(t);
+    if (e) {
+      for (const i of e)
+        this._nodeIndex.delete(i.node);
+      this._preparedCache.delete(t);
+    }
+  }
+  /**
+   * Destroy the measurer, releasing the canvas and all caches.
+   */
+  destroy() {
+    this._widthCache.clear(), this._preparedCache = /* @__PURE__ */ new WeakMap(), this._nodeIndex = /* @__PURE__ */ new WeakMap(), this._ctx = null, this._canvas = null, this._segmenter = null;
+  }
+}
 class st {
   constructor(t) {
     this.name = "default", this.optsSettings = t.settings, this.View = t.view, this.request = t.request, this.renditionQueue = t.queue, this.q = new kt(this), this.settings = C({}, {
@@ -4582,11 +4796,11 @@ class st {
       forceEvenPages: !0,
       allowScriptedContent: this.settings.allowScriptedContent,
       allowPopups: this.settings.allowPopups
-    }, this.rendered = !1;
+    }, this._measurer = new Ve(), this.rendered = !1;
   }
   render(t, e) {
     const i = t.tagName;
-    typeof this.settings.fullsize > "u" && i && (i.toLowerCase() === "body" || i.toLowerCase() === "html") && (this.settings.fullsize = !0), this.settings.fullsize && (this.settings.overflow = "visible", this.overflow = this.settings.overflow), this.settings.size = e, this.settings.rtlScrollType = Be(), this.stage = new qe({
+    typeof this.settings.fullsize > "u" && i && (i.toLowerCase() === "body" || i.toLowerCase() === "html") && (this.settings.fullsize = !0), this.settings.fullsize && (this.settings.overflow = "visible", this.overflow = this.settings.overflow), this.settings.size = e, this.settings.rtlScrollType = Me(), this.stage = new Ue({
       width: e.width,
       height: e.height,
       overflow: this.overflow,
@@ -4594,7 +4808,7 @@ class st {
       axis: this.settings.axis,
       fullsize: this.settings.fullsize,
       direction: this.settings.direction
-    }), this.stage.attachTo(t), this.container = this.stage.getContainer(), this.views = new Ue(this.container), this._bounds = this.bounds(), this._stageSize = this.stage.size(), this.viewSettings.width = this._stageSize.width, this.viewSettings.height = this._stageSize.height, this.stage.onResize(() => this.onResized()), this.stage.onOrientationChange((s) => this.onOrientationChange(s)), this.addEventListeners(), this.layout && this.updateLayout(), this.rendered = !0;
+    }), this.stage.attachTo(t), this.container = this.stage.getContainer(), this.views = new je(this.container), this._bounds = this.bounds(), this._stageSize = this.stage.size(), this.viewSettings.width = this._stageSize.width, this.viewSettings.height = this._stageSize.height, this.stage.onResize(() => this.onResized()), this.stage.onOrientationChange((s) => this.onOrientationChange(s)), this.addEventListeners(), this.layout && this.updateLayout(), this.rendered = !0;
   }
   addEventListeners() {
     let t;
@@ -4607,19 +4821,19 @@ class st {
     this.settings.fullsize ? t = window : t = this.container, t.removeEventListener("scroll", this._onScroll), this._onScroll = void 0, window.removeEventListener("unload", this._onUnload), this._onUnload = void 0;
   }
   destroy() {
-    clearTimeout(this.resizeTimeout), clearTimeout(this.afterScrolled), this.clear(), this.removeEventListeners(), this.stage.destroy(), this.rendered = !1, this.__listeners = {};
+    clearTimeout(this.resizeTimeout), clearTimeout(this.afterScrolled), this.clear(), this.removeEventListeners(), this.stage.destroy(), this._measurer && this._measurer.destroy(), this.rendered = !1, this.__listeners = {};
   }
   onOrientationChange(t) {
     var i;
     const { orientation: e } = window;
-    (i = this.optsSettings) != null && i.resizeOnOrientationChange && this.resize(), this.emit(f.MANAGERS.ORIENTATION_CHANGE, e);
+    (i = this.optsSettings) != null && i.resizeOnOrientationChange && this.resize(), this.emit(g.MANAGERS.ORIENTATION_CHANGE, e);
   }
   onResized(t) {
     this.resize();
   }
   resize(t, e, i) {
     const s = this.stage.size(t, e);
-    this._stageSize && this._stageSize.width === s.width && this._stageSize.height === s.height || (this._stageSize = s, this._bounds = this.bounds(), this.clear(), this.viewSettings.width = this._stageSize.width, this.viewSettings.height = this._stageSize.height, this.updateLayout(), this.emit(f.MANAGERS.RESIZED, {
+    this._stageSize && this._stageSize.width === s.width && this._stageSize.height === s.height || (this._stageSize = s, this._bounds = this.bounds(), this.clear(), this.viewSettings.width = this._stageSize.width, this.viewSettings.height = this._stageSize.height, this.updateLayout(), this.emit(g.MANAGERS.RESIZED, {
       width: this._stageSize.width,
       height: this._stageSize.height
     }, i));
@@ -4638,8 +4852,8 @@ class st {
     }
   }
   display(t, e) {
-    const i = new S(), s = i.promise;
-    (e === t.href || x(e)) && (e = void 0);
+    const i = new _(), s = i.promise;
+    (e === t.href || b(e)) && (e = void 0);
     const n = this.views.find(t);
     if (n && t && this.layout.name !== "pre-paginated") {
       const o = n.offset();
@@ -4669,10 +4883,10 @@ class st {
     }), s;
   }
   afterDisplayed(t) {
-    this.emit(f.MANAGERS.ADDED, t);
+    this.emit(g.MANAGERS.ADDED, t);
   }
   afterResized(t) {
-    this.emit(f.MANAGERS.RESIZE, t.section);
+    this.emit(g.MANAGERS.RESIZE, t.section);
   }
   moveTo(t, e) {
     let i = 0, s = 0;
@@ -4680,27 +4894,27 @@ class st {
   }
   add(t, e) {
     const i = this.createView(t, e);
-    return this.views.append(i), i.onDisplayed = (s) => this.afterDisplayed(s), i.onResize = (s) => this.afterResized(s), i.on(f.VIEWS.AXIS, (s) => {
+    return this.views.append(i), i.onDisplayed = (s) => this.afterDisplayed(s), i.onResize = (s) => this.afterResized(s), i.on(g.VIEWS.AXIS, (s) => {
       this.updateAxis(s);
-    }), i.on(f.VIEWS.WRITING_MODE, (s) => {
+    }), i.on(g.VIEWS.WRITING_MODE, (s) => {
       this.updateWritingMode(s);
     }), i.display(this.request);
   }
   append(t, e) {
     const i = this.createView(t, e);
-    return this.views.append(i), i.onDisplayed = (s) => this.afterDisplayed(s), i.onResize = (s) => this.afterResized(s), i.on(f.VIEWS.AXIS, (s) => {
+    return this.views.append(i), i.onDisplayed = (s) => this.afterDisplayed(s), i.onResize = (s) => this.afterResized(s), i.on(g.VIEWS.AXIS, (s) => {
       this.updateAxis(s);
-    }), i.on(f.VIEWS.WRITING_MODE, (s) => {
+    }), i.on(g.VIEWS.WRITING_MODE, (s) => {
       this.updateWritingMode(s);
     }), i.display(this.request);
   }
   prepend(t, e) {
     const i = this.createView(t, e);
-    return i.on(f.VIEWS.RESIZED, (s) => {
+    return i.on(g.VIEWS.RESIZED, (s) => {
       this.counter(s);
-    }), this.views.prepend(i), i.onDisplayed = (s) => this.afterDisplayed(s), i.onResize = (s) => this.afterResized(s), i.on(f.VIEWS.AXIS, (s) => {
+    }), this.views.prepend(i), i.onDisplayed = (s) => this.afterDisplayed(s), i.onResize = (s) => this.afterResized(s), i.on(g.VIEWS.AXIS, (s) => {
       this.updateAxis(s);
-    }), i.on(f.VIEWS.WRITING_MODE, (s) => {
+    }), i.on(g.VIEWS.WRITING_MODE, (s) => {
       this.updateWritingMode(s);
     }), i.display(this.request);
   }
@@ -4717,7 +4931,7 @@ class st {
   //
   // };
   next() {
-    var s, n, r, o, h, l, c, d, u, p;
+    var s, n, r, o, h, l, c, d, u, m;
     let t, e;
     const i = this.settings.direction;
     if (this.views.length) {
@@ -4725,43 +4939,43 @@ class st {
         if (this.scrollLeft = this.container.scrollLeft, e = this.container.scrollLeft + this.container.offsetWidth + this.layout.delta, e <= this.container.scrollWidth)
           this.scrollBy(this.layout.delta, 0, !0);
         else {
-          const g = this.views.last();
-          g && g.expand(), e = this.container.scrollLeft + this.container.offsetWidth + this.layout.delta, e <= this.container.scrollWidth ? this.scrollBy(this.layout.delta, 0, !0) : t = (n = g == null ? void 0 : (s = g.section).next) == null ? void 0 : n.call(s);
+          const f = this.views.last();
+          f && f.expand(), e = this.container.scrollLeft + this.container.offsetWidth + this.layout.delta, e <= this.container.scrollWidth ? this.scrollBy(this.layout.delta, 0, !0) : t = (n = f == null ? void 0 : (s = f.section).next) == null ? void 0 : n.call(s);
         }
       else if (this.isPaginated && this.settings.axis === "horizontal" && i === "rtl")
         if (this.scrollLeft = this.container.scrollLeft, this.settings.rtlScrollType === "default")
           if (e = this.container.scrollLeft, e > 0)
             this.scrollBy(this.layout.delta, 0, !0);
           else {
-            const g = this.views.last();
-            g && g.expand(), e = this.container.scrollLeft, e > 0 ? this.scrollBy(this.layout.delta, 0, !0) : t = (o = g == null ? void 0 : (r = g.section).next) == null ? void 0 : o.call(r);
+            const f = this.views.last();
+            f && f.expand(), e = this.container.scrollLeft, e > 0 ? this.scrollBy(this.layout.delta, 0, !0) : t = (o = f == null ? void 0 : (r = f.section).next) == null ? void 0 : o.call(r);
           }
         else if (e = this.container.scrollLeft + this.layout.delta * -1, e > this.container.scrollWidth * -1)
           this.scrollBy(this.layout.delta, 0, !0);
         else {
-          const g = this.views.last();
-          g && g.expand(), e = this.container.scrollLeft + this.layout.delta * -1, e > this.container.scrollWidth * -1 ? this.scrollBy(this.layout.delta, 0, !0) : t = (l = g == null ? void 0 : (h = g.section).next) == null ? void 0 : l.call(h);
+          const f = this.views.last();
+          f && f.expand(), e = this.container.scrollLeft + this.layout.delta * -1, e > this.container.scrollWidth * -1 ? this.scrollBy(this.layout.delta, 0, !0) : t = (l = f == null ? void 0 : (h = f.section).next) == null ? void 0 : l.call(h);
         }
       else if (this.isPaginated && this.settings.axis === "vertical")
         if (this.scrollTop = this.container.scrollTop, !(Math.abs(this.container.scrollHeight - this.container.clientHeight - this.container.scrollTop) < 1))
           this.scrollBy(0, this.layout.height, !0);
         else {
-          const m = this.views.last();
-          m && m.expand(), Math.abs(this.container.scrollHeight - this.container.clientHeight - this.container.scrollTop) < 1 ? t = (d = m == null ? void 0 : (c = m.section).next) == null ? void 0 : d.call(c) : this.scrollBy(0, this.layout.height, !0);
+          const p = this.views.last();
+          p && p.expand(), Math.abs(this.container.scrollHeight - this.container.clientHeight - this.container.scrollTop) < 1 ? t = (d = p == null ? void 0 : (c = p.section).next) == null ? void 0 : d.call(c) : this.scrollBy(0, this.layout.height, !0);
         }
       else
-        t = (p = (u = this.views.last().section).next) == null ? void 0 : p.call(u);
+        t = (m = (u = this.views.last().section).next) == null ? void 0 : m.call(u);
       if (t) {
         this.clear(), this.updateLayout();
-        let g = !1;
-        return this.layout.name === "pre-paginated" && this.layout.divisor === 2 && t.properties.includes("page-spread-right") && (g = !0), this.append(t, g).then(() => this.handleNextPrePaginated(g, t, this.append), (m) => m).then(() => {
+        let f = !1;
+        return this.layout.name === "pre-paginated" && this.layout.divisor === 2 && t.properties.includes("page-spread-right") && (f = !0), this.append(t, f).then(() => this.handleNextPrePaginated(f, t, this.append), (p) => p).then(() => {
           !this.isPaginated && this.settings.axis === "horizontal" && this.settings.direction === "rtl" && this.settings.rtlScrollType === "default" && this.scrollTo(this.container.scrollWidth, 0, !0), this.views.show();
         });
       }
     }
   }
   prev() {
-    var s, n, r, o, h, l, c, d, u, p, g;
+    var s, n, r, o, h, l, c, d, u, m, f;
     let t, e;
     const i = this.settings.direction;
     if (this.views.length) {
@@ -4769,22 +4983,22 @@ class st {
         if (this.scrollLeft = this.container.scrollLeft, e = this.container.scrollLeft, e > 0)
           this.scrollBy(-this.layout.delta, 0, !0);
         else {
-          const m = this.views.first();
-          m && m.expand(), e = this.container.scrollLeft, e > 0 ? this.scrollBy(-this.layout.delta, 0, !0) : t = (n = m == null ? void 0 : (s = m.section).prev) == null ? void 0 : n.call(s);
+          const p = this.views.first();
+          p && p.expand(), e = this.container.scrollLeft, e > 0 ? this.scrollBy(-this.layout.delta, 0, !0) : t = (n = p == null ? void 0 : (s = p.section).prev) == null ? void 0 : n.call(s);
         }
       else if (this.isPaginated && this.settings.axis === "horizontal" && i === "rtl")
         if (this.scrollLeft = this.container.scrollLeft, this.settings.rtlScrollType === "default")
           if (e = this.container.scrollLeft + this.container.offsetWidth, e < this.container.scrollWidth)
             this.scrollBy(-this.layout.delta, 0, !0);
           else {
-            const m = this.views.first();
-            m && m.expand(), e = this.container.scrollLeft + this.container.offsetWidth, e < this.container.scrollWidth ? this.scrollBy(-this.layout.delta, 0, !0) : t = (o = m == null ? void 0 : (r = m.section).prev) == null ? void 0 : o.call(r);
+            const p = this.views.first();
+            p && p.expand(), e = this.container.scrollLeft + this.container.offsetWidth, e < this.container.scrollWidth ? this.scrollBy(-this.layout.delta, 0, !0) : t = (o = p == null ? void 0 : (r = p.section).prev) == null ? void 0 : o.call(r);
           }
         else if (e = this.container.scrollLeft, e < 0)
           this.scrollBy(-this.layout.delta, 0, !0);
         else {
-          const m = this.views.first();
-          m && m.expand(), e = this.container.scrollLeft, e < 0 ? this.scrollBy(-this.layout.delta, 0, !0) : t = (l = m == null ? void 0 : (h = m.section).prev) == null ? void 0 : l.call(h);
+          const p = this.views.first();
+          p && p.expand(), e = this.container.scrollLeft, e < 0 ? this.scrollBy(-this.layout.delta, 0, !0) : t = (l = p == null ? void 0 : (h = p.section).prev) == null ? void 0 : l.call(h);
         }
       else if (this.isPaginated && this.settings.axis === "vertical")
         if (this.scrollTop = this.container.scrollTop, this.container.scrollTop > 0)
@@ -4794,16 +5008,16 @@ class st {
           v && v.expand(), this.container.scrollTop > 0 ? this.scrollBy(0, -this.layout.height, !0) : t = (d = v == null ? void 0 : (c = v.section).prev) == null ? void 0 : d.call(c);
         }
       else
-        t = (p = (u = this.views.first().section).prev) == null ? void 0 : p.call(u);
+        t = (m = (u = this.views.first().section).prev) == null ? void 0 : m.call(u);
       if (t) {
         this.clear(), this.updateLayout();
-        let m = !1;
-        return this.layout.name === "pre-paginated" && this.layout.divisor === 2 && typeof ((g = t.prev) == null ? void 0 : g.call(t)) != "object" && (m = !0), this.prepend(t, m).then(() => {
+        let p = !1;
+        return this.layout.name === "pre-paginated" && this.layout.divisor === 2 && typeof ((f = t.prev) == null ? void 0 : f.call(t)) != "object" && (p = !0), this.prepend(t, p).then(() => {
           var v;
           if (this.layout.name === "pre-paginated" && this.layout.divisor > 1) {
-            const b = (v = t.prev) == null ? void 0 : v.call(t);
-            if (b)
-              return this.prepend(b);
+            const w = (v = t.prev) == null ? void 0 : v.call(t);
+            if (w)
+              return this.prepend(w);
           }
         }, (v) => v).then(() => {
           this.isPaginated && this.settings.axis === "horizontal" && (this.settings.direction === "rtl" ? this.settings.rtlScrollType === "default" ? this.scrollTo(0, 0, !0) : this.scrollTo(this.container.scrollWidth * -1 + this.layout.delta, 0, !0) : this.scrollTo(this.container.scrollWidth - this.layout.delta, 0, !0)), this.views.show();
@@ -4816,7 +5030,10 @@ class st {
     return t.length ? t[t.length - 1] : null;
   }
   clear() {
-    this.views && (this.views.hide(), this.scrollTo(0, 0, !0), this.views.clear());
+    this.views && (this._measurer && this.views.forEach((t) => {
+      var e;
+      (e = t == null ? void 0 : t.document) != null && e.body && this._measurer.invalidate(t.document.body);
+    }), this.views.hide(), this.scrollTo(0, 0, !0), this.views.clear());
   }
   currentLocation() {
     return this.updateLayout(), this.isPaginated && this.settings.axis === "horizontal" ? this.location = this.paginatedLocation() : this.location = this.scrolledLocation(), this.location;
@@ -4827,24 +5044,24 @@ class st {
     let r = 0;
     const o = 0;
     return this.settings.fullsize && (r = n ? window.scrollY : window.scrollX), t.map((l) => {
-      const c = l.section.index, d = l.section.href, u = l.position(), p = l.width(), g = l.height();
-      let m, v, b, k;
-      n ? (m = r + e.top - u.top + o, v = m + i - o, k = this.layout.count(g, i).pages, b = i) : (m = r + e.left - u.left + o, v = m + s - o, k = this.layout.count(p, s).pages, b = s);
-      let E = Math.ceil(m / b), _ = [], T = Math.ceil(v / b);
+      const c = l.section.index, d = l.section.href, u = l.position(), m = l.width(), f = l.height();
+      let p, v, w, k;
+      n ? (p = r + e.top - u.top + o, v = p + i - o, k = this.layout.count(f, i).pages, w = i) : (p = r + e.left - u.left + o, v = p + s - o, k = this.layout.count(m, s).pages, w = s);
+      let E = Math.ceil(p / w), S = [], T = Math.ceil(v / w);
       if (this.settings.direction === "rtl" && !n) {
         const M = E;
         E = k - T, T = k - M;
       }
-      _ = [];
+      S = [];
       for (let M = E; M <= T; M++) {
-        const z = M + 1;
-        _.push(z);
+        const D = M + 1;
+        S.push(D);
       }
-      const I = this.mapping.page(l.contents, l.section.cfiBase, m, v);
+      const I = this.mapping.page(l.contents, l.section.cfiBase, p, v);
       return {
         index: c,
         href: d,
-        pages: _,
+        pages: S,
         totalPages: k,
         mapping: I
       };
@@ -4857,18 +5074,18 @@ class st {
       const o = r.section.index, h = r.section.href;
       let l;
       const c = r.position(), d = r.width();
-      let u, p, g;
-      this.settings.direction === "rtl" ? (l = e.right - i, g = Math.min(Math.abs(l - c.left), this.layout.width) - s, p = c.width - (c.right - l) - s, u = p - g) : (l = e.left + i, g = Math.min(c.right - l, this.layout.width) - s, u = l - c.left + s, p = u + g), s += g;
-      const m = this.mapping.page(r.contents, r.section.cfiBase, u, p), v = this.layout.count(d).pages;
-      let b = Math.floor(u / this.layout.pageWidth);
+      let u, m, f;
+      this.settings.direction === "rtl" ? (l = e.right - i, f = Math.min(Math.abs(l - c.left), this.layout.width) - s, m = c.width - (c.right - l) - s, u = m - f) : (l = e.left + i, f = Math.min(c.right - l, this.layout.width) - s, u = l - c.left + s, m = u + f), s += f;
+      const p = this.mapping.page(r.contents, r.section.cfiBase, u, m), v = this.layout.count(d).pages;
+      let w = Math.floor(u / this.layout.pageWidth);
       const k = [];
-      let E = Math.floor(p / this.layout.pageWidth);
-      if (b < 0 && (b = 0, E = E + 1), this.settings.direction === "rtl") {
-        const _ = b;
-        b = v - E, E = v - _;
+      let E = Math.floor(m / this.layout.pageWidth);
+      if (w < 0 && (w = 0, E = E + 1), this.settings.direction === "rtl") {
+        const S = w;
+        w = v - E, E = v - S;
       }
-      for (let _ = b + 1; _ <= E; _++) {
-        const T = _;
+      for (let S = w + 1; S <= E; S++) {
+        const T = S;
         k.push(T);
       }
       return {
@@ -4876,7 +5093,7 @@ class st {
         href: h,
         pages: k,
         totalPages: v,
-        mapping: m
+        mapping: p
       };
     });
   }
@@ -4900,11 +5117,11 @@ class st {
   }
   onScroll() {
     let t, e;
-    this.settings.fullsize ? (t = window.scrollY, e = window.scrollX) : (t = this.container.scrollTop, e = this.container.scrollLeft), this.scrollTop = t, this.scrollLeft = e, this.ignore ? this.ignore = !1 : (this.emit(f.MANAGERS.SCROLL, {
+    this.settings.fullsize ? (t = window.scrollY, e = window.scrollX) : (t = this.container.scrollTop, e = this.container.scrollLeft), this.scrollTop = t, this.scrollLeft = e, this.ignore ? this.ignore = !1 : (this.emit(g.MANAGERS.SCROLL, {
       top: t,
       left: e
     }), clearTimeout(this.afterScrolled), this.afterScrolled = setTimeout(() => {
-      this.emit(f.MANAGERS.SCROLLED, {
+      this.emit(g.MANAGERS.SCROLLED, {
         top: this.scrollTop,
         left: this.scrollLeft
       });
@@ -4924,7 +5141,7 @@ class st {
     ), this.settings.offset = this.layout.delta / this.layout.divisor) : this.layout.calculate(this._stageSize.width, this._stageSize.height), this.viewSettings.width = this.layout.width, this.viewSettings.height = this.layout.height, this.setLayout(this.layout));
   }
   setLayout(t) {
-    this.viewSettings.layout = t, this.mapping = new wt(t.props, this.settings.direction, this.settings.axis), this.views && this.views.forEach((e) => {
+    this.viewSettings.layout = t, this.mapping = new wt(t.props, this.settings.direction, this.settings.axis, !1, this._measurer), this.views && this.views.forEach((e) => {
       e && e.setLayout(t);
     });
   }
@@ -4932,7 +5149,7 @@ class st {
     this.writingMode = t;
   }
   updateAxis(t, e) {
-    !e && t === this.settings.axis || (this.settings.axis = t, this.stage && this.stage.axis(t), this.viewSettings.axis = t, this.mapping && (this.mapping = new wt(this.layout.props, this.settings.direction, this.settings.axis)), this.layout && (t === "vertical" ? this.layout.spread("none") : this.layout.spread(this.layout.settings.spread)));
+    !e && t === this.settings.axis || (this.settings.axis = t, this.stage && this.stage.axis(t), this.viewSettings.axis = t, this.mapping && (this.mapping = new wt(this.layout.props, this.settings.direction, this.settings.axis, !1, this._measurer)), this.layout && (t === "vertical" ? this.layout.spread("none") : this.layout.spread(this.layout.settings.spread)));
   }
   updateFlow(t, e = "auto") {
     const i = t === "paginated" || t === "auto";
@@ -4953,18 +5170,18 @@ class st {
   }
 }
 P(st.prototype);
-const je = {
+const Xe = {
   easeInCubic: function(a) {
     return Math.pow(a, 3);
   }
 };
-class bt {
+class xt {
   constructor(t, e) {
     this.settings = C({
       duration: 80,
       minVelocity: 0.2,
       minDistance: 10,
-      easing: je.easeInCubic
+      easing: Xe.easeInCubic
     }, e || {}), this._supportsTouch = this.supportsTouch(), this._supportsTouch && this.setup(t);
   }
   setup(t) {
@@ -4980,10 +5197,10 @@ class bt {
     this.element.style.overflow = "";
   }
   addListeners() {
-    this._onResize = this.onResize.bind(this), window.addEventListener("resize", this._onResize), this._onScroll = this.onScroll.bind(this), this.scroller.addEventListener("scroll", this._onScroll), this._onTouchStart = this.onTouchStart.bind(this), this.scroller.addEventListener("touchstart", this._onTouchStart, { passive: !0 }), this.on("touchstart", this._onTouchStart), this._onTouchMove = this.onTouchMove.bind(this), this.scroller.addEventListener("touchmove", this._onTouchMove, { passive: !0 }), this.on("touchmove", this._onTouchMove), this._onTouchEnd = this.onTouchEnd.bind(this), this.scroller.addEventListener("touchend", this._onTouchEnd, { passive: !0 }), this.on("touchend", this._onTouchEnd), this._afterDisplayed = this.afterDisplayed.bind(this), this.manager.on(f.MANAGERS.ADDED, this._afterDisplayed);
+    this._onResize = this.onResize.bind(this), window.addEventListener("resize", this._onResize), this._onScroll = this.onScroll.bind(this), this.scroller.addEventListener("scroll", this._onScroll), this._onTouchStart = this.onTouchStart.bind(this), this.scroller.addEventListener("touchstart", this._onTouchStart, { passive: !0 }), this.on("touchstart", this._onTouchStart), this._onTouchMove = this.onTouchMove.bind(this), this.scroller.addEventListener("touchmove", this._onTouchMove, { passive: !0 }), this.on("touchmove", this._onTouchMove), this._onTouchEnd = this.onTouchEnd.bind(this), this.scroller.addEventListener("touchend", this._onTouchEnd, { passive: !0 }), this.on("touchend", this._onTouchEnd), this._afterDisplayed = this.afterDisplayed.bind(this), this.manager.on(g.MANAGERS.ADDED, this._afterDisplayed);
   }
   removeListeners() {
-    window.removeEventListener("resize", this._onResize), this._onResize = void 0, this.scroller.removeEventListener("scroll", this._onScroll), this._onScroll = void 0, this.scroller.removeEventListener("touchstart", this._onTouchStart, { passive: !0 }), this.off("touchstart", this._onTouchStart), this._onTouchStart = void 0, this.scroller.removeEventListener("touchmove", this._onTouchMove, { passive: !0 }), this.off("touchmove", this._onTouchMove), this._onTouchMove = void 0, this.scroller.removeEventListener("touchend", this._onTouchEnd, { passive: !0 }), this.off("touchend", this._onTouchEnd), this._onTouchEnd = void 0, this.manager.off(f.MANAGERS.ADDED, this._afterDisplayed), this._afterDisplayed = void 0;
+    window.removeEventListener("resize", this._onResize), this._onResize = void 0, this.scroller.removeEventListener("scroll", this._onScroll), this._onScroll = void 0, this.scroller.removeEventListener("touchstart", this._onTouchStart, { passive: !0 }), this.off("touchstart", this._onTouchStart), this._onTouchStart = void 0, this.scroller.removeEventListener("touchmove", this._onTouchMove, { passive: !0 }), this.off("touchmove", this._onTouchMove), this._onTouchMove = void 0, this.scroller.removeEventListener("touchend", this._onTouchEnd, { passive: !0 }), this.off("touchend", this._onTouchEnd), this._onTouchEnd = void 0, this.manager.off(g.MANAGERS.ADDED, this._afterDisplayed), this._afterDisplayed = void 0;
   }
   afterDisplayed(t) {
     const e = t.contents;
@@ -5052,8 +5269,8 @@ class bt {
     this.scroller && (this.fullsize && this.enableScroll(), this.removeListeners(), this.scroller = void 0);
   }
 }
-P(bt.prototype);
-function Fe(a, t) {
+P(xt.prototype);
+function Ye(a, t) {
   let e;
   return function(...i) {
     clearTimeout(e), e = setTimeout(() => {
@@ -5061,7 +5278,7 @@ function Fe(a, t) {
     }, t);
   };
 }
-class Ve extends st {
+class Ge extends st {
   constructor(t) {
     var i;
     super(t), this.name = "continuous", this.settings = C({}, {
@@ -5105,7 +5322,7 @@ class Ve extends st {
     this.isPaginated ? (e = Math.floor(t.left / this.layout.delta) * this.layout.delta, e + (this.settings.offsetDelta ?? 0)) : (i = t.top, t.top + (this.settings.offsetDelta ?? 0)), (e > 0 || i > 0) && this.scrollBy(e, i, !0);
   }
   afterResized(t) {
-    this.emit(f.MANAGERS.RESIZE, t.section);
+    this.emit(g.MANAGERS.RESIZE, t.section);
   }
   // Remove Previous Listeners if present
   removeShownListeners(t) {
@@ -5114,35 +5331,33 @@ class Ve extends st {
   }
   add(t) {
     const e = this.createView(t);
-    return this.views.append(e), e.on(f.VIEWS.RESIZED, (i) => {
+    return this.views.append(e), e.on(g.VIEWS.RESIZED, (i) => {
       e.expanded = !0;
-    }), e.on(f.VIEWS.AXIS, (i) => {
+    }), e.on(g.VIEWS.AXIS, (i) => {
       this.updateAxis(i);
-    }), e.on(f.VIEWS.WRITING_MODE, (i) => {
+    }), e.on(g.VIEWS.WRITING_MODE, (i) => {
       this.updateWritingMode(i);
     }), e.onDisplayed = (i) => this.afterDisplayed(i), e.onResize = (i) => this.afterResized(i), e.display(this.request);
   }
-  // @ts-expect-error - Returns IframeView synchronously unlike base class Promise<IframeView>
   append(t) {
     const e = this.createView(t);
-    return e.on(f.VIEWS.RESIZED, (i) => {
+    return e.on(g.VIEWS.RESIZED, (i) => {
       e.expanded = !0;
-    }), e.on(f.VIEWS.AXIS, (i) => {
+    }), e.on(g.VIEWS.AXIS, (i) => {
       this.updateAxis(i);
-    }), e.on(f.VIEWS.WRITING_MODE, (i) => {
+    }), e.on(g.VIEWS.WRITING_MODE, (i) => {
       this.updateWritingMode(i);
-    }), this.views.append(e), e.onDisplayed = (i) => this.afterDisplayed(i), e;
+    }), this.views.append(e), e.onDisplayed = (i) => this.afterDisplayed(i), Promise.resolve(e);
   }
-  // @ts-expect-error - Returns IframeView synchronously unlike base class Promise<IframeView>
   prepend(t) {
     const e = this.createView(t);
-    return e.on(f.VIEWS.RESIZED, (i) => {
+    return e.on(g.VIEWS.RESIZED, (i) => {
       this.counter(i), e.expanded = !0;
-    }), e.on(f.VIEWS.AXIS, (i) => {
+    }), e.on(g.VIEWS.AXIS, (i) => {
       this.updateAxis(i);
-    }), e.on(f.VIEWS.WRITING_MODE, (i) => {
+    }), e.on(g.VIEWS.WRITING_MODE, (i) => {
       this.updateWritingMode(i);
-    }), this.views.prepend(e), e.onDisplayed = (i) => this.afterDisplayed(i), e;
+    }), this.views.prepend(e), e.onDisplayed = (i) => this.afterDisplayed(i), Promise.resolve(e);
   }
   counter(t) {
     this.settings.axis === "vertical" ? this.scrollBy(0, t.heightDelta, !0) : this.scrollBy(t.widthDelta, 0, !0);
@@ -5150,7 +5365,7 @@ class Ve extends st {
   update(t) {
     const e = this.bounds(), i = this.views.all(), s = i.length, n = typeof t < "u" ? t : this.settings.offset || 0;
     let r, o;
-    const h = new S(), l = [];
+    const h = new _(), l = [];
     for (let c = 0; c < s; c++)
       if (o = i[c], r = this.isVisible(o, n, n, e), r === !0)
         if (o.displayed)
@@ -5172,30 +5387,30 @@ class Ve extends st {
     }) : (h.resolve(), h.promise);
   }
   check(t, e) {
-    const i = new S(), s = [], n = this.settings.axis === "horizontal";
+    const i = new _(), s = [], n = this.settings.axis === "horizontal";
     let r = this.settings.offset || 0;
     t && n && (r = t), e && !n && (r = e);
     const o = this._bounds;
     let h = n ? this.scrollLeft : this.scrollTop;
-    const l = n ? Math.floor(o.width) : o.height, c = n ? this.container.scrollWidth : this.container.scrollHeight, d = this.writingMode && this.writingMode.indexOf("vertical") === 0 ? "vertical" : "horizontal", u = this.settings.rtlScrollType, p = this.settings.direction === "rtl";
-    this.settings.fullsize ? (n && p && u === "negative" || !n && p && u === "default") && (h = h * -1) : (p && u === "default" && d === "horizontal" && (h = c - l - h), p && u === "negative" && d === "horizontal" && (h = h * -1));
-    const g = () => {
+    const l = n ? Math.floor(o.width) : o.height, c = n ? this.container.scrollWidth : this.container.scrollHeight, d = this.writingMode && this.writingMode.indexOf("vertical") === 0 ? "vertical" : "horizontal", u = this.settings.rtlScrollType, m = this.settings.direction === "rtl";
+    this.settings.fullsize ? (n && m && u === "negative" || !n && m && u === "default") && (h = h * -1) : (m && u === "default" && d === "horizontal" && (h = c - l - h), m && u === "negative" && d === "horizontal" && (h = h * -1));
+    const f = () => {
       var T, I;
-      const E = this.views.first(), _ = E && ((I = (T = E.section).prev) == null ? void 0 : I.call(T));
-      _ && s.push(this.prepend(_));
-    }, m = () => {
+      const E = this.views.first(), S = E && ((I = (T = E.section).prev) == null ? void 0 : I.call(T));
+      S && s.push(this.prepend(S));
+    }, p = () => {
       var T, I;
-      const E = this.views.last(), _ = E && ((I = (T = E.section).next) == null ? void 0 : I.call(T));
-      _ && s.push(this.append(_));
-    }, v = h + l + r, b = h - r;
-    v >= c && m(), b < 0 && g();
-    const k = s.map((E) => E.display(this.request));
+      const E = this.views.last(), S = E && ((I = (T = E.section).next) == null ? void 0 : I.call(T));
+      S && s.push(this.append(S));
+    }, v = h + l + r, w = h - r;
+    v >= c && p(), w < 0 && f();
+    const k = s.map((E) => E.then((S) => S.display(this.request)));
     return s.length ? Promise.all(k).then(() => this.check()).then(() => this.update(r), (E) => E) : (this.q.enqueue(() => {
       this.update();
     }), i.resolve(!1), i.promise);
   }
   trim() {
-    const t = new S(), e = this.views.displayed();
+    const t = new _(), e = this.views.displayed();
     if (!e.length)
       return t.resolve(), t.promise;
     const i = e[0], s = e[e.length - 1], n = this.views.indexOf(i), r = this.views.indexOf(s), o = this.views.slice(0, n), h = this.views.slice(r + 1);
@@ -5214,12 +5429,12 @@ class Ve extends st {
   addEventListeners(t) {
     this._onUnload = (e) => {
       this.ignore = !0, this.destroy();
-    }, window.addEventListener("unload", this._onUnload), this.addScrollListeners(), this.isPaginated && this.settings.snap && (this.snapper = new bt(this, typeof this.settings.snap == "object" ? this.settings.snap : void 0));
+    }, window.addEventListener("unload", this._onUnload), this.addScrollListeners(), this.isPaginated && this.settings.snap && (this.snapper = new xt(this, typeof this.settings.snap == "object" ? this.settings.snap : void 0));
   }
   addScrollListeners() {
     let t;
     const e = this.settings.direction === "rtl" && this.settings.rtlScrollType === "default" ? -1 : 1;
-    this.scrollDeltaVert = 0, this.scrollDeltaHorz = 0, this.settings.fullsize ? (t = window, this.scrollTop = window.scrollY * e, this.scrollLeft = window.scrollX * e) : (t = this.container, this.scrollTop = this.container.scrollTop, this.scrollLeft = this.container.scrollLeft), this._onScroll = this.onScroll.bind(this), t.addEventListener("scroll", this._onScroll), this._scrolled = Fe(() => this.scrolled(), 30), this.didScroll = !1;
+    this.scrollDeltaVert = 0, this.scrollDeltaHorz = 0, this.settings.fullsize ? (t = window, this.scrollTop = window.scrollY * e, this.scrollLeft = window.scrollX * e) : (t = this.container, this.scrollTop = this.container.scrollTop, this.scrollLeft = this.container.scrollLeft), this._onScroll = this.onScroll.bind(this), t.addEventListener("scroll", this._onScroll), this._scrolled = Ye(() => this.scrolled(), 30), this.didScroll = !1;
   }
   removeEventListeners() {
     let t;
@@ -5233,11 +5448,11 @@ class Ve extends st {
     }, 150), clearTimeout(this.afterScrolled), this.didScroll = !1;
   }
   scrolled() {
-    this.q.enqueue(() => this.check()), this.emit(f.MANAGERS.SCROLL, {
+    this.q.enqueue(() => this.check()), this.emit(g.MANAGERS.SCROLL, {
       top: this.scrollTop,
       left: this.scrollLeft
     }), clearTimeout(this.afterScrolled), this.afterScrolled = setTimeout(() => {
-      this.snapper && this.snapper.supportsTouch() && this.snapper.needsSnap() || this.emit(f.MANAGERS.SCROLLED, {
+      this.snapper && this.snapper.supportsTouch() && this.snapper.needsSnap() || this.emit(g.MANAGERS.SCROLLED, {
         top: this.scrollTop,
         left: this.scrollLeft
       });
@@ -5252,7 +5467,7 @@ class Ve extends st {
     this.views.length && (this.isPaginated && this.settings.axis === "horizontal" ? this.scrollBy(-t, 0, !0) : this.scrollBy(0, -this.layout.height, !0), this.q.enqueue(() => this.check()));
   }
   updateFlow(t) {
-    this.rendered && this.snapper && (this.snapper.destroy(), this.snapper = void 0), super.updateFlow(t, "scroll"), this.rendered && this.isPaginated && this.settings.snap && (this.snapper = new bt(this, typeof this.settings.snap == "object" ? this.settings.snap : void 0));
+    this.rendered && this.snapper && (this.snapper.destroy(), this.snapper = void 0), super.updateFlow(t, "scroll"), this.rendered && this.isPaginated && this.settings.snap && (this.snapper = new xt(this, typeof this.settings.snap == "object" ? this.settings.snap : void 0));
   }
   destroy() {
     clearTimeout(this.scrollTimeout), clearTimeout(this.trimTimeout), super.destroy(), this.snapper && this.snapper.destroy();
@@ -5277,7 +5492,7 @@ class Lt {
       defaultDirection: "ltr",
       allowScriptedContent: !1,
       allowPopups: !1
-    }), C(this.settings, e), typeof this.settings.manager == "object" && (this.manager = this.settings.manager), this.book = t, this.hooks = {}, this.hooks.display = new A(this), this.hooks.serialize = new A(this), this.hooks.content = new A(this), this.hooks.unloaded = new A(this), this.hooks.layout = new A(this), this.hooks.render = new A(this), this.hooks.show = new A(this), this.hooks.content.register((i) => this.handleLinks(i)), this.hooks.content.register((i) => this.passEvents(i)), this.hooks.content.register((i) => this.adjustImages(i)), this.book.spine.hooks.content.register((i, s) => this.injectIdentifier(i, s)), this.settings.stylesheet && this.book.spine.hooks.content.register((i, s) => this.injectStylesheet(i, s)), this.settings.script && this.book.spine.hooks.content.register((i, s) => this.injectScript(i, s)), this.themes = new Ce(this), this.annotations = new Te(this), this.epubcfi = new y(), this.q = new kt(this), this.location = void 0, this.q.enqueue(this.book.opened), this.starting = new S(), this.started = this.starting.promise, this.q.enqueue(this.start);
+    }), C(this.settings, e), typeof this.settings.manager == "object" && (this.manager = this.settings.manager), this.book = t, this.hooks = {}, this.hooks.display = new A(this), this.hooks.serialize = new A(this), this.hooks.content = new A(this), this.hooks.unloaded = new A(this), this.hooks.layout = new A(this), this.hooks.render = new A(this), this.hooks.show = new A(this), this.hooks.content.register((i) => this.handleLinks(i)), this.hooks.content.register((i) => this.passEvents(i)), this.hooks.content.register((i) => this.adjustImages(i)), this.book.spine.hooks.content.register((i, s) => this.injectIdentifier(i, s)), this.settings.stylesheet && this.book.spine.hooks.content.register((i, s) => this.injectStylesheet(i, s)), this.settings.script && this.book.spine.hooks.content.register((i, s) => this.injectScript(i, s)), this.themes = new Te(this), this.annotations = new ke(this), this.epubcfi = new y(), this.q = new kt(this), this.location = void 0, this.q.enqueue(this.book.opened), this.starting = new _(), this.started = this.starting.promise, this.q.enqueue(this.start);
   }
   /**
    * Set the manager function
@@ -5293,7 +5508,7 @@ class Lt {
    */
   requireManager(t) {
     let e;
-    return typeof t == "string" && t === "default" ? e = st : typeof t == "string" && t === "continuous" ? e = Ve : e = t, e;
+    return typeof t == "string" && t === "default" ? e = st : typeof t == "string" && t === "continuous" ? e = Ge : e = t, e;
   }
   /**
    * Require the view from passed string, or as a class function
@@ -5302,7 +5517,7 @@ class Lt {
    */
   requireView(t) {
     let e;
-    return typeof t == "string" && t === "iframe" ? e = Jt : e = t, e;
+    return typeof t == "string" && t === "iframe" ? e = te : e = t, e;
   }
   /**
    * Start the rendering
@@ -5322,7 +5537,7 @@ class Lt {
       queue: this.q,
       request: this.book.load.bind(this.book),
       settings: this.settings
-    })), this.direction(this.book.package.metadata.direction || this.settings.defaultDirection), this.settings.globalLayoutProperties = this.determineLayoutProperties(this.book.package.metadata), this.flow(this.settings.globalLayoutProperties.flow), this.layout(this.settings.globalLayoutProperties), this.manager.on(f.MANAGERS.ADDED, (t) => this.afterDisplayed(t)), this.manager.on(f.MANAGERS.REMOVED, (t) => this.afterRemoved(t)), this.manager.on(f.MANAGERS.RESIZED, (t, e) => this.onResized(t, e)), this.manager.on(f.MANAGERS.ORIENTATION_CHANGE, (t) => this.onOrientationChange(t)), this.manager.on(f.MANAGERS.SCROLLED, () => this.reportLocation()), this.emit(f.RENDITION.STARTED), this.starting.resolve();
+    })), this.direction(this.book.package.metadata.direction || this.settings.defaultDirection), this.settings.globalLayoutProperties = this.determineLayoutProperties(this.book.package.metadata), this.flow(this.settings.globalLayoutProperties.flow), this.layout(this.settings.globalLayoutProperties), this.manager.on(g.MANAGERS.ADDED, (t) => this.afterDisplayed(t)), this.manager.on(g.MANAGERS.REMOVED, (t) => this.afterRemoved(t)), this.manager.on(g.MANAGERS.RESIZED, (t, e) => this.onResized(t, e)), this.manager.on(g.MANAGERS.ORIENTATION_CHANGE, (t) => this.onOrientationChange(t)), this.manager.on(g.MANAGERS.SCROLLED, () => this.reportLocation()), this.emit(g.RENDITION.STARTED), this.starting.resolve();
   }
   /**
    * Call to attach the container to an element in the dom
@@ -5335,7 +5550,7 @@ class Lt {
       this.manager.render(t, {
         width: this.settings.width,
         height: this.settings.height
-      }), this.emit(f.RENDITION.ATTACHED);
+      }), this.emit(g.RENDITION.ATTACHED);
     });
   }
   /**
@@ -5359,13 +5574,13 @@ class Lt {
     if (!this.book)
       return;
     this.epubcfi.isCfiString(t);
-    const e = new S(), i = e.promise;
-    this.displaying = e, this.book.locations.length() && Wt(t) && (t = this.book.locations.cfiFromPercentage(parseFloat(t)));
+    const e = new _(), i = e.promise;
+    this.displaying = e, this.book.locations.length() && qt(t) && (t = this.book.locations.cfiFromPercentage(parseFloat(t)));
     const s = this.book.spine.get(t);
     return s ? (this.manager.display(s, t).then(() => {
-      e.resolve(s), this.displaying = void 0, this.emit(f.RENDITION.DISPLAYED, s), this.reportLocation();
+      e.resolve(s), this.displaying = void 0, this.emit(g.RENDITION.DISPLAYED, s), this.reportLocation();
     }, (n) => {
-      this.emit(f.RENDITION.DISPLAY_ERROR, n);
+      this.emit(g.RENDITION.DISPLAY_ERROR, n);
     }), i) : (e.reject(new Error("No Section Found")), i);
   }
   /*
@@ -5418,12 +5633,12 @@ class Lt {
    * @param  {*} view
    */
   afterDisplayed(t) {
-    t.on(f.VIEWS.MARK_CLICKED, (e, i) => {
+    t.on(g.VIEWS.MARK_CLICKED, (e, i) => {
       t.contents && this.triggerMarkEvent(e, i, t.contents);
     }), this.hooks.render.trigger(t, this).then(() => {
       t.contents ? this.hooks.content.trigger(t.contents, this).then(() => {
-        this.emit(f.RENDITION.RENDERED, t.section, t);
-      }) : this.emit(f.RENDITION.RENDERED, t.section, t);
+        this.emit(g.RENDITION.RENDERED, t.section, t);
+      }) : this.emit(g.RENDITION.RENDERED, t.section, t);
     });
   }
   /**
@@ -5433,7 +5648,7 @@ class Lt {
    */
   afterRemoved(t) {
     this.hooks.unloaded.trigger(t, this).then(() => {
-      this.emit(f.RENDITION.REMOVED, t.section, t);
+      this.emit(g.RENDITION.REMOVED, t.section, t);
     });
   }
   /**
@@ -5441,7 +5656,7 @@ class Lt {
    * @private
    */
   onResized(t, e) {
-    this.emit(f.RENDITION.RESIZED, {
+    this.emit(g.RENDITION.RESIZED, {
       width: t.width,
       height: t.height
     }, e), this.location && this.location.start && this.display(e || this.location.start.cfi);
@@ -5451,7 +5666,7 @@ class Lt {
    * @private
    */
   onOrientationChange(t) {
-    this.emit(f.RENDITION.ORIENTATION_CHANGE, t);
+    this.emit(g.RENDITION.ORIENTATION_CHANGE, t);
   }
   /**
    * Move the Rendition to a specific offset
@@ -5523,13 +5738,13 @@ class Lt {
    * @param  {object} settings
    */
   layout(t) {
-    return t && (this._layout = new Kt(t), this._layout.spread(t.spread, this.settings.minSpreadWidth), this._layout.on(f.LAYOUT.UPDATED, (e, i) => {
-      this.emit(f.RENDITION.LAYOUT, e, i);
+    return t && (this._layout = new Zt(t), this._layout.spread(t.spread, this.settings.minSpreadWidth), this._layout.on(g.LAYOUT.UPDATED, (e, i) => {
+      this.emit(g.RENDITION.LAYOUT, e, i);
     })), this.manager && this._layout && this.manager.applyLayout(this._layout), this._layout;
   }
   /**
    * Adjust if the rendition uses spreads
-   * @param  {string} spread none | auto (TODO: implement landscape, portrait, both)
+   * @param  {string} spread none | auto
    * @param  {int} [min] min width to use spreads at
    */
   spread(t, e) {
@@ -5553,25 +5768,25 @@ class Lt {
         if (t && "then" in t && typeof t.then == "function")
           t.then((e) => {
             const i = this.located(e);
-            !i || !i.start || !i.end || (this.location = i, this.emit(f.RENDITION.LOCATION_CHANGED, {
+            !i || !i.start || !i.end || (this.location = i, this.emit(g.RENDITION.LOCATION_CHANGED, {
               index: this.location.start.index,
               href: this.location.start.href,
               start: this.location.start.cfi,
               end: this.location.end.cfi,
               percentage: this.location.start.percentage
-            }), this.emit(f.RENDITION.RELOCATED, this.location));
+            }), this.emit(g.RENDITION.RELOCATED, this.location));
           });
         else if (t) {
           const e = this.located(t);
           if (!e || !e.start || !e.end)
             return;
-          this.location = e, this.emit(f.RENDITION.LOCATION_CHANGED, {
+          this.location = e, this.emit(g.RENDITION.LOCATION_CHANGED, {
             index: this.location.start.index,
             href: this.location.start.href,
             start: this.location.start.cfi,
             end: this.location.end.cfi,
             percentage: this.location.start.percentage
-          }), this.emit(f.RENDITION.RELOCATED, this.location);
+          }), this.emit(g.RENDITION.RELOCATED, this.location);
         }
       });
     });
@@ -5624,7 +5839,7 @@ class Lt {
    * Remove and Clean Up the Rendition
    */
   destroy() {
-    this.q.clear(), this.manager && (this.manager.off(f.MANAGERS.ADDED), this.manager.off(f.MANAGERS.REMOVED), this.manager.off(f.MANAGERS.RESIZED), this.manager.off(f.MANAGERS.ORIENTATION_CHANGE), this.manager.off(f.MANAGERS.SCROLLED), this.manager.destroy(), this.manager = void 0), this.book = void 0, this.hooks.display.clear(), this.hooks.serialize.clear(), this.hooks.content.clear(), this.hooks.unloaded.clear(), this.hooks.layout.clear(), this.hooks.render.clear(), this.hooks.show.clear(), this.themes.destroy(), this._layout && this._layout.off(f.LAYOUT.UPDATED), this._layout = void 0, this.location = void 0;
+    this.q.clear(), this.manager && (this.manager.off(g.MANAGERS.ADDED), this.manager.off(g.MANAGERS.REMOVED), this.manager.off(g.MANAGERS.RESIZED), this.manager.off(g.MANAGERS.ORIENTATION_CHANGE), this.manager.off(g.MANAGERS.SCROLLED), this.manager.destroy(), this.manager = void 0), this.book = void 0, this.hooks.display.clear(), this.hooks.serialize.clear(), this.hooks.content.clear(), this.hooks.unloaded.clear(), this.hooks.layout.clear(), this.hooks.render.clear(), this.hooks.show.clear(), this.themes.destroy(), this._layout && this._layout.off(g.LAYOUT.UPDATED), this._layout = void 0, this.location = void 0;
   }
   /**
    * Pass the events from a view's Contents
@@ -5634,7 +5849,7 @@ class Lt {
   passEvents(t) {
     Z.forEach((e) => {
       t.on(e, (i) => this.triggerViewEvent(i, t));
-    }), t.on(f.CONTENTS.SELECTED, (e) => this.triggerSelectedEvent(e, t));
+    }), t.on(g.CONTENTS.SELECTED, (e) => this.triggerSelectedEvent(e, t));
   }
   /**
    * Emit events passed by a view
@@ -5650,7 +5865,7 @@ class Lt {
    * @param  {string} cfirange
    */
   triggerSelectedEvent(t, e) {
-    this.emit(f.RENDITION.SELECTED, t, e);
+    this.emit(g.RENDITION.SELECTED, t, e);
   }
   /**
    * Emit a markClicked event with the cfiRange and data from a mark
@@ -5658,7 +5873,7 @@ class Lt {
    * @param  {EpubCFI} cfirange
    */
   triggerMarkEvent(t, e, i) {
-    this.emit(f.RENDITION.MARK_CLICKED, t, e, i);
+    this.emit(g.RENDITION.MARK_CLICKED, t, e, i);
   }
   /**
    * Get a Range from a Visible CFI
@@ -5723,7 +5938,7 @@ class Lt {
    * @private
    */
   handleLinks(t) {
-    t && t.on(f.CONTENTS.LINK_CLICKED, (e) => {
+    t && t.on(g.CONTENTS.LINK_CLICKED, (e) => {
       const i = this.book.path.relative(e);
       this.display(i);
     });
@@ -5764,7 +5979,7 @@ class Lt {
 }
 P(Lt.prototype);
 const ct = typeof window < "u" ? window.URL : URL;
-class He {
+class $e {
   constructor() {
     this.zip = void 0, this.urlCache = {}, this.checkRequirements();
   }
@@ -5775,7 +5990,7 @@ class He {
    */
   checkRequirements() {
     try {
-      this.zip = new ee();
+      this.zip = new ie();
     } catch {
       throw new Error("JSZip lib not loaded");
     }
@@ -5902,7 +6117,7 @@ class He {
     this.zip = void 0, this.urlCache = {};
   }
 }
-function Xe(a) {
+function Ke(a) {
   return new Promise((t, e) => {
     const i = indexedDB.open(a, 1);
     i.onupgradeneeded = () => {
@@ -5910,8 +6125,8 @@ function Xe(a) {
     }, i.onsuccess = () => t(i.result), i.onerror = () => e(i.error);
   });
 }
-function Ye(a) {
-  const t = Xe(a);
+function Ze(a) {
+  const t = Ke(a);
   return {
     getItem(e) {
       return t.then((i) => new Promise((s, n) => {
@@ -5928,7 +6143,7 @@ function Ye(a) {
   };
 }
 const dt = typeof window < "u" ? window.URL : void 0;
-class te {
+class ee {
   constructor(t, e, i) {
     this.urlCache = {}, this.name = t, this.requester = e || Y, this.resolver = i, this.online = !0, this.checkRequirements(), this.addListeners();
   }
@@ -5940,7 +6155,7 @@ class te {
     try {
       if (typeof indexedDB > "u")
         throw new Error("IndexedDB not available");
-      this.storage = Ye(this.name);
+      this.storage = Ze(this.name);
     } catch {
       throw new Error("IndexedDB not available");
     }
@@ -6108,7 +6323,7 @@ class te {
     this.urlCache = {}, this.removeListeners();
   }
 }
-P(te.prototype);
+P(ee.prototype);
 class ut {
   constructor(t) {
     this.interactive = "", this.fixedLayout = "", this.openToSpread = "", this.orientationLock = "", t && this.parse(t);
@@ -6121,7 +6336,7 @@ class ut {
   parse(t) {
     if (!t)
       return this;
-    const e = w(t, "display_options");
+    const e = x(t, "display_options");
     return e ? (B(e, "option").forEach((s) => {
       let n = "";
       switch (s.childNodes.length && (n = s.childNodes[0].nodeValue ?? ""), s.getAttribute("name") ?? "") {
@@ -6144,7 +6359,7 @@ class ut {
     this.interactive = void 0, this.fixedLayout = void 0, this.openToSpread = void 0, this.orientationLock = void 0;
   }
 }
-const zt = "META-INF/container.xml", Ge = "META-INF/com.apple.ibooks.display-options.xml", L = {
+const zt = "META-INF/container.xml", Je = "META-INF/com.apple.ibooks.display-options.xml", L = {
   BINARY: "binary",
   BASE64: "base64",
   EPUB: "epub",
@@ -6163,15 +6378,15 @@ class Rt {
       canonical: void 0,
       openAs: void 0,
       store: void 0
-    }), C(this.settings, e), this.opening = new S(), this.opened = this.opening.promise, this.isOpen = !1, this.loading = {
-      manifest: new S(),
-      spine: new S(),
-      metadata: new S(),
-      cover: new S(),
-      navigation: new S(),
-      pageList: new S(),
-      resources: new S(),
-      displayOptions: new S()
+    }), C(this.settings, e), this.opening = new _(), this.opened = this.opening.promise, this.isOpen = !1, this.loading = {
+      manifest: new _(),
+      spine: new _(),
+      metadata: new _(),
+      cover: new _(),
+      navigation: new _(),
+      pageList: new _(),
+      resources: new _(),
+      displayOptions: new _()
     }, this.loaded = {
       manifest: this.loading.manifest.promise,
       spine: this.loading.spine.promise,
@@ -6189,9 +6404,9 @@ class Rt {
       this.loaded.navigation,
       this.loaded.resources,
       this.loaded.displayOptions
-    ]), this.isRendered = !1, this.request = this.settings.requestMethod || Y, this.spine = new we(), this.locations = new $t(this.spine, (i) => this.load(i)), this.navigation = void 0, this.pageList = void 0, this.url = void 0, this.path = void 0, this.archived = !1, this.archive = void 0, this.storage = void 0, this.resources = void 0, this.rendition = void 0, this.container = void 0, this.packaging = void 0, this.displayOptions = void 0, this.settings.store && this.store(this.settings.store), t && this.open(t, this.settings.openAs).catch((i) => {
+    ]), this.isRendered = !1, this.request = this.settings.requestMethod || Y, this.spine = new xe(), this.locations = new Kt(this.spine, (i) => this.load(i)), this.navigation = void 0, this.pageList = void 0, this.url = void 0, this.path = void 0, this.archived = !1, this.archive = void 0, this.storage = void 0, this.resources = void 0, this.rendition = void 0, this.container = void 0, this.packaging = void 0, this.displayOptions = void 0, this.settings.store && this.store(this.settings.store), t && this.open(t, this.settings.openAs).catch((i) => {
       const s = new Error("Cannot load book at " + t);
-      this.emit(f.BOOK.OPEN_FAILED, s);
+      this.emit(g.BOOK.OPEN_FAILED, s);
     });
   }
   /**
@@ -6300,11 +6515,11 @@ class Rt {
    * @param {Packaging} packaging object
    */
   unpack(t) {
-    this.package = t, this.packaging.metadata.layout === "" ? this.load(this.url.resolve(Ge)).then((i) => {
+    this.package = t, this.packaging.metadata.layout === "" ? this.load(this.url.resolve(Je)).then((i) => {
       this.displayOptions = new ut(i), this.loading.displayOptions.resolve(this.displayOptions);
     }).catch((i) => {
       this.displayOptions = new ut(), this.loading.displayOptions.resolve(this.displayOptions);
-    }) : (this.displayOptions = new ut(), this.loading.displayOptions.resolve(this.displayOptions)), this.spine.unpack(this.packaging, (i, s) => this.resolve(i, s), (i) => this.canonical(i)), this.resources = new _e(this.packaging.manifest, {
+    }) : (this.displayOptions = new ut(), this.loading.displayOptions.resolve(this.displayOptions)), this.spine.unpack(this.packaging, (i, s) => this.resolve(i, s), (i) => this.canonical(i)), this.resources = new Ce(this.packaging.manifest, {
       archive: this.archive,
       resolver: (i, s) => this.resolve(i, s),
       request: (i, s) => this.request(i, s),
@@ -6370,7 +6585,7 @@ class Rt {
    * @return {Archive}
    */
   unarchive(t, e) {
-    return this.archive = new He(), this.archive.open(t, e === "base64");
+    return this.archive = new $e(), this.archive.open(t, e === "base64");
   }
   /**
    * Store the epubs contents
@@ -6381,7 +6596,7 @@ class Rt {
    */
   store(t) {
     const e = this.settings.replacements && this.settings.replacements !== "none" ? this.settings.replacements : void 0, i = this.url, s = this.settings.requestMethod || ((n, r) => Y(n, r));
-    return this.storage = new te(t, s, (n, r) => this.resolve(n, r)), this.request = (n, r) => this.storage.request(n, r), this.opened.then(() => {
+    return this.storage = new ee(t, s, (n, r) => this.resolve(n, r)), this.request = (n, r) => this.storage.request(n, r), this.opened.then(() => {
       this.archived && (this.storage.requester = (r, o) => this.archive.request(r, o));
       const n = (r, o) => {
         o.output = this.resources.substitute(r, o.url);
@@ -6451,27 +6666,28 @@ X.Book = Rt;
 X.Rendition = Lt;
 X.Contents = Nt;
 X.CFI = y;
-X.utils = ae;
+X.utils = le;
 export {
-  Te as Annotations,
-  He as Archive,
+  ke as Annotations,
+  $e as Archive,
   Rt as Book,
+  be as Container,
   Nt as Contents,
   ut as DisplayOptions,
   y as EpubCFI,
   q as EpubError,
-  Kt as Layout,
-  $t as Locations,
+  Zt as Layout,
+  Kt as Locations,
   wt as Mapping,
   ht as Navigation,
   It as Packaging,
   lt as PageList,
   Lt as Rendition,
-  _e as Resources,
-  ye as Section,
-  we as Spine,
-  te as Store,
-  Ce as Themes,
+  Ce as Resources,
+  we as Section,
+  xe as Spine,
+  ee as Store,
+  Te as Themes,
   X as default
 };
 //# sourceMappingURL=epub.js.map