@prose-reader/core 1.232.0 → 1.233.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { switchMap as P, of as w, fromEvent as q, take as we, map as S, from as j, takeUntil as T, Observable as ot, defer as kt, Subject as W, combineLatest as B, merge as v, EMPTY as Q, withLatestFrom as A, NEVER as gt, tap as $, share as V, BehaviorSubject as U, filter as M, first as z, mergeMap as $t, endWith as ht, finalize as dt, catchError as Pe, lastValueFrom as ei, scheduled as ii, animationFrameScheduler as rt, distinctUntilChanged as H, throttleTime as ni, debounceTime as St, startWith as it, switchScan as oi, shareReplay as tt, defaultIfEmpty as si, forkJoin as ri, delay as wt, ReplaySubject as ie, skip as ve, identity as Pt, exhaustMap as Wt, timer as ne, reduce as ai, concatMap as oe } from "rxjs";
+import { switchMap as P, of as w, fromEvent as q, take as we, map as S, from as j, takeUntil as T, Observable as ot, defer as kt, Subject as W, combineLatest as B, merge as v, EMPTY as Q, withLatestFrom as A, NEVER as gt, tap as $, share as V, BehaviorSubject as U, filter as M, first as z, mergeMap as $t, endWith as mt, finalize as dt, catchError as Pe, lastValueFrom as ei, scheduled as ii, animationFrameScheduler as rt, distinctUntilChanged as H, throttleTime as ni, debounceTime as St, startWith as it, switchScan as oi, shareReplay as tt, defaultIfEmpty as si, forkJoin as ri, delay as wt, ReplaySubject as ie, skip as ve, identity as Pt, exhaustMap as Wt, timer as ne, reduce as ai, concatMap as oe } from "rxjs";
 import { Report as ci, isShallowEqual as N, shallowMergeIfDefined as vt, getParentPath as ui, parseContentType as di, detectMimeTypeFromName as Mt, arrayEqual as gi } from "@prose-reader/shared";
-import { isShallowEqual as Us } from "@prose-reader/shared";
+import { isShallowEqual as Ws } from "@prose-reader/shared";
 import { switchMap as _, first as xe, map as Y, distinctUntilChanged as Z, startWith as $e, shareReplay as bt, tap as k, pairwise as li, take as pi, takeUntil as G, filter as K, debounceTime as hi, skip as mi, mergeMap as fi, catchError as se, withLatestFrom as yi } from "rxjs/operators";
 import { generate as Ut, parse as Te, isIndirectionOnly as Si, isParsedCfiRange as bi, resolve as Ii } from "@prose-reader/cfi";
 import { isDefined as qt } from "reactjrx";
@@ -8,19 +8,27 @@ const re = (e, t) => {
   const i = new RegExp(`${t}\\s*=\\s*([0-9.]+)`, "i"), n = e.match(i) || [], o = n[1] || "0";
   return n && Number.parseFloat(o) || 0;
 }, wi = (e, t, i, n) => {
-  var o;
-  if ((o = e == null ? void 0 : e.contentDocument) != null && o.head) {
-    const s = e.contentDocument.createElement("style");
-    s.id = t, s.innerHTML = i, n ? e.contentDocument.head.prepend(s) : e.contentDocument.head.appendChild(s);
-  }
-}, Pi = (e, t) => {
+  var s;
+  if (!((s = e == null ? void 0 : e.contentDocument) != null && s.head)) return;
+  const o = e.contentDocument.createElement("style");
+  o.id = t, o.innerHTML = i, n ? e.contentDocument.head.prepend(o) : e.contentDocument.head.appendChild(o);
+}, Cs = (e, t) => {
   var i;
   if ((i = e == null ? void 0 : e.contentDocument) != null && i.head) {
     const n = e.contentDocument.getElementById(t);
     n && n.remove();
   }
 }, nt = (e, t, i, n) => {
-  e && (Pi(e, t), wi(e, t, i, n));
+  var s;
+  if (!e) return;
+  const o = (s = e == null ? void 0 : e.contentDocument) == null ? void 0 : s.getElementById(
+    t
+  );
+  if (o) {
+    o.innerHTML = i;
+    return;
+  }
+  wi(e, t, i, n);
 }, Zt = (e) => {
   if (e != null && e.contentDocument) {
     const i = e.contentDocument.querySelector("meta[name='viewport']");
@@ -37,7 +45,7 @@ const re = (e, t) => {
     }
   }
   return { hasViewport: !1 };
-}, vi = (e) => e.pipe(
+}, Pi = (e) => e.pipe(
   P((t) => {
     var i;
     return t.src === "about:blank" && ((i = t.contentDocument) == null ? void 0 : i.readyState) === "complete" && t.contentDocument.body ? w(t) : q(t, "load").pipe(
@@ -45,16 +53,13 @@ const re = (e, t) => {
       S(() => t)
     );
   })
-), xi = (e) => e.pipe(
-  P(
-    (t) => {
-      var i;
-      return j(((i = t == null ? void 0 : t.contentDocument) == null ? void 0 : i.fonts.ready) || w(void 0)).pipe(
-        S(() => t)
-      );
-    }
-  )
-), $i = (e) => (t) => {
+), vi = (e) => e.pipe(
+  P((t) => {
+    var n;
+    const i = (n = t == null ? void 0 : t.contentDocument) == null ? void 0 : n.fonts.ready;
+    return i ? j(i).pipe(S(() => t)) : w(void 0);
+  })
+), xi = (e) => (t) => {
   const i = e(t), n = new IntersectionObserver((o) => {
     o.forEach((s) => {
       s.isIntersecting ? s.target.removeAttribute("tab-index") : s.target.setAttribute("tab-index", "-1");
@@ -64,12 +69,12 @@ const re = (e, t) => {
     "item.onDocumentLoad",
     ({ itemId: o, destroy: s }) => {
       var u;
-      const r = i.spineItemsManager.get(o);
-      if (!r) return;
-      const a = r.renderer.getDocumentFrame();
+      const a = i.spineItemsManager.get(o);
       if (!a) return;
+      const r = a.renderer.getDocumentFrame();
+      if (!r) return;
       nt(
-        a,
+        r,
         "prose-reader-accessibility",
         `
               :focus-visible {
@@ -78,7 +83,7 @@ const re = (e, t) => {
               }
             `
       );
-      const c = (u = a.contentDocument) == null ? void 0 : u.body.querySelectorAll("a");
+      const c = (u = r.contentDocument) == null ? void 0 : u.body.querySelectorAll("a");
       c == null || c.forEach((d) => {
         n.observe(d);
       }), s(() => {
@@ -90,7 +95,7 @@ const re = (e, t) => {
   ), {
     ...i
   };
-}, Ti = (e) => (t) => {
+}, $i = (e) => (t) => {
   const i = e(t);
   return i.context.state$.pipe(T(i.$.destroy$)).subscribe(({ rootElement: n }) => {
     if (!n) return;
@@ -99,13 +104,13 @@ const re = (e, t) => {
     };
     n.addEventListener("scroll", o);
   }), i.hookManager.register("item.onDocumentLoad", ({ itemId: n }) => {
-    var r;
+    var a;
     const o = i.spineItemsManager.get(n), s = o == null ? void 0 : o.renderer.getDocumentFrame();
-    s && ((r = s.contentDocument) == null || r.body.setAttribute("tabindex", "-1"));
+    s && ((a = s.contentDocument) == null || a.body.setAttribute("tabindex", "-1"));
   }), i;
-}, Fi = "@prose-reader/core", O = ci.namespace(Fi, void 0, {
+}, Ti = "@prose-reader/core", O = ci.namespace(Ti, void 0, {
   color: "#98cde7"
-}), Li = [
+}), Fi = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -117,24 +122,24 @@ const re = (e, t) => {
   // `touchstart` as const,
   // `touchend` as const,
 ];
-function Mi(e, t, i) {
+function Li(e, t, i) {
   if ("caretPositionFromPoint" in e)
     return e.caretPositionFromPoint(t, i);
   if ("caretRangeFromPoint" in e && // @ts-expect-error limited availability
   typeof e.caretRangeFromPoint < "u")
     return e.caretRangeFromPoint(t, i);
 }
-const Ci = (e, t) => {
+const Mi = (e, t) => {
   const i = "body" in e ? zt(e.body, t) : zt(e, t), n = "createRange" in e ? e : e.ownerDocument;
   if (i) {
     let o, s = 0;
-    const r = n.createRange();
-    return Array.from(i.childNodes).some((a) => {
-      r.selectNodeContents(a);
-      const c = r.getClientRects(), u = Ri(c, t);
+    const a = n.createRange();
+    return Array.from(i.childNodes).some((r) => {
+      a.selectNodeContents(r);
+      const c = a.getClientRects(), u = Ci(c, t);
       if (u) {
-        o = r.cloneRange();
-        const d = Mi(
+        o = a.cloneRange();
+        const d = Li(
           n,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -158,13 +163,13 @@ const Ci = (e, t) => {
 function Fe(e, { left: t, right: i }) {
   return e.left <= t && e.right <= t ? "before" : e.left <= t && e.right > t && e.right <= i ? "partially-before" : e.left <= i && e.right > i ? "partially-after" : e.left > i ? "after" : "within";
 }
-function Ri(e, t) {
+function Ci(e, t) {
   return Array.from(e).find((i) => {
     const n = Fe(i, t);
     return n !== "before" && n !== "after";
   });
 }
-const Ai = (e, t) => {
+const Ri = (e, t) => {
   var i;
   if (e.nodeType !== Node.CDATA_SECTION_NODE && e.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const n = (i = e.ownerDocument) == null ? void 0 : i.createRange();
@@ -179,41 +184,41 @@ const Ai = (e, t) => {
 }, Gt = (e) => {
   var t, i, n, o, s;
   if (e != null && e.target && ((i = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && i.defaultView)) {
-    const r = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
-    if (r.PointerEvent && e instanceof r.PointerEvent)
+    const a = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
+    if (a.PointerEvent && e instanceof a.PointerEvent)
       return !0;
   }
   if ((s = e == null ? void 0 : e.view) != null && s.window) {
-    const r = e == null ? void 0 : e.view;
-    if (r.PointerEvent && e instanceof r.PointerEvent)
+    const a = e == null ? void 0 : e.view;
+    if (a.PointerEvent && e instanceof a.PointerEvent)
       return !0;
   }
-  return !!Li.includes(e.type);
-}, Di = (e) => {
+  return !!Fi.includes(e.type);
+}, Ai = (e) => {
   var t, i, n, o, s;
   if (Gt(e)) return !1;
   if (e != null && e.target && ((i = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && i.defaultView)) {
-    const r = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
-    if (r.MouseEvent)
-      return e instanceof r.MouseEvent;
+    const a = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
+    if (a.MouseEvent)
+      return e instanceof a.MouseEvent;
   }
   if ((s = e == null ? void 0 : e.view) != null && s.window) {
-    const r = e == null ? void 0 : e.view;
-    if (r.MouseEvent)
-      return e instanceof r.MouseEvent;
+    const a = e == null ? void 0 : e.view;
+    if (a.MouseEvent)
+      return e instanceof a.MouseEvent;
   }
   return !1;
-}, Ni = (e) => {
+}, Di = (e) => {
   var t, i, n, o, s;
   if (e != null && e.target && ((i = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && i.defaultView)) {
-    const r = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
-    if (r.TouchEvent)
-      return e instanceof r.TouchEvent;
+    const a = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
+    if (a.TouchEvent)
+      return e instanceof a.TouchEvent;
   }
   if ((s = e == null ? void 0 : e.view) != null && s.window) {
-    const r = e == null ? void 0 : e.view;
-    if (r.TouchEvent)
-      return e instanceof r.TouchEvent;
+    const a = e == null ? void 0 : e.view;
+    if (a.TouchEvent)
+      return e instanceof a.TouchEvent;
   }
   return !1;
 }, Le = () => document.createElement("div"), Me = (e) => {
@@ -232,7 +237,7 @@ const Ai = (e, t) => {
     // JavaScript files
   ].join(",");
   return Array.from((e == null ? void 0 : e.querySelectorAll(t)) || []);
-}, Oi = (e) => {
+}, Ni = (e) => {
   if (Me(e).forEach((i) => {
     var o;
     const n = i.getAttribute("src") || i.getAttribute("href");
@@ -243,8 +248,8 @@ const Ai = (e, t) => {
       const o = Array.from(n.cssRules || []);
       for (const s of o)
         if (e.defaultView && s instanceof e.defaultView.CSSFontFaceRule) {
-          const a = s.style.getPropertyValue("src").match(/blob:[^,\s'")]+/g);
-          a && a.forEach((c) => {
+          const r = s.style.getPropertyValue("src").match(/blob:[^,\s'")]+/g);
+          r && r.forEach((c) => {
             var u;
             (u = e == null ? void 0 : e.defaultView) == null || u.URL.revokeObjectURL(c);
           });
@@ -269,10 +274,10 @@ function Re(e) {
     // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   ) && e.nodeType === Node.ELEMENT_NODE;
 }
-function Vi(e, t) {
+function Oi(e, t) {
   return Re(e) && e.tagName.toLowerCase() === t.toLowerCase();
 }
-function ji(e) {
+function Vi(e) {
   return Ce(
     e,
     [
@@ -290,21 +295,21 @@ const Dt = ({
   position: e,
   frameElement: t
 }) => {
-  const i = t.getBoundingClientRect(), n = i.width / t.offsetWidth, o = i.height / t.offsetHeight, { left: s = 0, top: r = 0 } = i, a = e.clientX * n + s, c = e.clientY * o + r;
+  const i = t.getBoundingClientRect(), n = i.width / t.offsetWidth, o = i.height / t.offsetHeight, { left: s = 0, top: a = 0 } = i, r = e.clientX * n + s, c = e.clientY * o + a;
   return {
-    clientX: a,
+    clientX: r,
     clientY: c
   };
-}, ki = (e, t, i, n) => {
+}, ji = (e, t, i, n) => {
   var u;
   const o = (u = t == null ? void 0 : t.view) == null ? void 0 : u.frameElement;
   if (!t || !o) return e;
-  const s = i.getSpineItemFromIframe(o), r = o, { height: a, width: c } = n.getPageSize();
-  if (!s || !(r instanceof HTMLIFrameElement)) return e;
+  const s = i.getSpineItemFromIframe(o), a = o, { height: r, width: c } = n.getPageSize();
+  if (!s || !(a instanceof HTMLIFrameElement)) return e;
   if (Gt(e)) {
     const { clientX: d, clientY: g } = Dt({
       position: e,
-      frameElement: r
+      frameElement: a
     }), l = new PointerEvent(e.type, {
       ...e,
       pointerId: e.pointerId,
@@ -316,10 +321,10 @@ const Dt = ({
       enumerable: !0
     }), l;
   }
-  if (Di(e)) {
+  if (Ai(e)) {
     const { clientX: d, clientY: g } = Dt({
       position: e,
-      frameElement: r
+      frameElement: a
     }), l = new MouseEvent(e.type, {
       ...e,
       clientX: d,
@@ -330,11 +335,11 @@ const Dt = ({
       enumerable: !0
     }), l;
   }
-  if (Ni(e)) {
+  if (Di(e)) {
     const d = Array.from(e.touches).map((l) => {
       const { clientX: h, clientY: p } = Dt({
         position: l,
-        frameElement: r
+        frameElement: a
       });
       return new Touch({
         identifier: l.identifier,
@@ -353,7 +358,7 @@ const Dt = ({
     }), g;
   }
   return e;
-}, Wi = [
+}, ki = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -362,23 +367,23 @@ const Dt = ({
   "pointerout",
   "pointerover",
   "pointerup"
-], Ui = [
-  ...Wi
+], Wi = [
+  ...ki
   /*, ...mouseEvents*/
-], zi = (e) => (t) => {
+], Ui = (e) => (t) => {
   const i = e(t);
   return i.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: n, itemId: o }) => {
-      const s = i.spineItemsManager.get(o), r = s == null ? void 0 : s.renderer.getDocumentFrame();
-      if (!r || !s) return;
-      const a = Ui.map((c) => {
+      const s = i.spineItemsManager.get(o), a = s == null ? void 0 : s.renderer.getDocumentFrame();
+      if (!a || !s) return;
+      const r = Wi.map((c) => {
         var d;
         const u = (g) => {
           var h;
           let l = g;
           if (Gt(g) && (l = new PointerEvent(g.type, g)), l !== g) {
-            const p = ki(
+            const p = ji(
               l,
               g,
               i.spine.locator,
@@ -387,13 +392,13 @@ const Dt = ({
             (h = i.context.state.rootElement) == null || h.dispatchEvent(p);
           }
         };
-        return (d = r.contentDocument) == null || d.addEventListener(c, u), () => {
+        return (d = a.contentDocument) == null || d.addEventListener(c, u), () => {
           var g;
-          (g = r.contentDocument) == null || g.removeEventListener(c, u);
+          (g = a.contentDocument) == null || g.removeEventListener(c, u);
         };
       });
       n(() => {
-        a.forEach((c) => c());
+        r.forEach((c) => c());
       });
     }
   ), i;
@@ -421,7 +426,7 @@ const Ct = (e) => (t) => t.pipe(
       Y(() => i)
     )
   )
-), Hi = (e) => {
+), zi = (e) => {
   let t;
   const i = e.subscribe((n) => {
     t = { result: n };
@@ -451,7 +456,7 @@ const ce = (e, t) => new ot((i) => {
   });
   return n.observe(e, t), () => n.disconnect();
 });
-function As(e, t) {
+function Rs(e, t) {
   return new ot((i) => {
     const n = new IntersectionObserver((o) => {
       i.next(o);
@@ -480,10 +485,10 @@ class Ne {
     ), this.values$.subscribe();
   }
   _prepareUpdate(t) {
-    const i = this.getCleanedParentInputSettings(t), n = this.settingsManager._prepareUpdate(i), o = vt(this.inputSettings, t), s = this.computeOutputSettings(o), r = this.hasSettingsChanged(s);
+    const i = this.getCleanedParentInputSettings(t), n = this.settingsManager._prepareUpdate(i), o = vt(this.inputSettings, t), s = this.computeOutputSettings(o), a = this.hasSettingsChanged(s);
     return {
-      hasChanged: r || n.hasChanged,
-      commit: () => (this.inputSettings = o, this.outputSettings = s, !n.hasChanged && r && this.outputSettingsUpdateSubject.next(s), {
+      hasChanged: a || n.hasChanged,
+      commit: () => (this.inputSettings = o, this.outputSettings = s, !n.hasChanged && a && this.outputSettingsUpdateSubject.next(s), {
         ...n.commit(),
         ...s
       })
@@ -509,7 +514,7 @@ class Ne {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-let Bi = class extends Ne {
+let Hi = class extends Ne {
   computeOutputSettings(t) {
     return t;
   }
@@ -517,8 +522,8 @@ let Bi = class extends Ne {
     return !N(this.outputSettings, t);
   }
   getCleanedParentInputSettings(t) {
-    const { fontJustification: i, fontScale: n, fontWeight: o, lineHeight: s, ...r } = t;
-    return r;
+    const { fontJustification: i, fontScale: n, fontWeight: o, lineHeight: s, ...a } = t;
+    return a;
   }
   getDefaultSettings() {
     return {
@@ -529,15 +534,15 @@ let Bi = class extends Ne {
     };
   }
 };
-const Ei = (e) => (t) => {
-  const { fontScale: i, lineHeight: n, fontWeight: o, fontJustification: s } = t, r = new W(), a = e(t), c = new Bi(
+const Bi = (e) => (t) => {
+  const { fontScale: i, lineHeight: n, fontWeight: o, fontJustification: s } = t, a = new W(), r = e(t), c = new Hi(
     {
       fontScale: i,
       lineHeight: n,
       fontWeight: o,
       fontJustification: s
     },
-    a.settings
+    r.settings
   ), u = () => `
     
     body {
@@ -547,15 +552,15 @@ const Ei = (e) => (t) => {
       ${c.values.fontJustification !== "publisher" ? `text-align: ${c.values.fontJustification} !important;` : ""}
     }
   `, d = (l) => {
-    a.spineItemsManager.items.forEach((h) => {
+    r.spineItemsManager.items.forEach((h) => {
       if (h.renditionLayout !== "pre-paginated") {
         const p = h.renderer.getDocumentFrame();
         p && nt(p, "prose-reader-fonts", u());
       }
-    }), l && a.layout();
+    }), l && r.layout();
   };
-  a.hookManager.register("item.onDocumentLoad", ({ itemId: l }) => {
-    const h = a.spineItemsManager.get(l);
+  r.hookManager.register("item.onDocumentLoad", ({ itemId: l }) => {
+    const h = r.spineItemsManager.get(l);
     if ((h == null ? void 0 : h.renditionLayout) !== "pre-paginated") {
       const p = h == null ? void 0 : h.renderer.getDocumentFrame();
       p && nt(p, "prose-reader-fonts", u());
@@ -568,25 +573,25 @@ const Ei = (e) => (t) => {
   return c.values$.pipe(
     g,
     k(d),
-    T(a.$.destroy$)
+    T(r.$.destroy$)
   ).subscribe(), {
-    ...a,
+    ...r,
     destroy: () => {
-      r.complete(), c.destroy(), a.destroy();
+      a.complete(), c.destroy(), r.destroy();
     },
     settings: c
   };
-}, _i = (e) => (t) => {
+}, Ei = (e) => (t) => {
   const i = e(t), n = (o) => q(o, "keyup").pipe(
     A(i.settings.values$),
-    S(([s, { pageTurnDirection: r }]) => {
-      if (r === "horizontal") {
+    S(([s, { pageTurnDirection: a }]) => {
+      if (a === "horizontal") {
         if (s.key === "ArrowRight")
           return i.navigation.turnRight();
         if (s.key === "ArrowLeft")
           return i.navigation.turnLeft();
       }
-      if (r === "vertical") {
+      if (a === "vertical") {
         if (s.key === "ArrowDown")
           return i.navigation.turnRight();
         if (s.key === "ArrowUp")
@@ -601,8 +606,8 @@ const Ei = (e) => (t) => {
         ...o.map(
           (s) => s.loaded$.pipe(
             P(() => {
-              const r = s.renderer.getDocumentFrame();
-              return r instanceof HTMLIFrameElement && (r != null && r.contentDocument) ? n(r.contentDocument) : Q;
+              const a = s.renderer.getDocumentFrame();
+              return a instanceof HTMLIFrameElement && (a != null && a.contentDocument) ? n(a.contentDocument) : Q;
             })
           )
         )
@@ -610,7 +615,7 @@ const Ei = (e) => (t) => {
     ),
     T(i.$.destroy$)
   ).subscribe(), i;
-}, Xi = (e) => e.spine.spineItemsManager.items$.pipe(
+}, _i = (e) => e.spine.spineItemsManager.items$.pipe(
   P(
     (t) => v(
       ...t.map((i) => i.loaded$.pipe(
@@ -620,7 +625,7 @@ const Ei = (e) => (t) => {
           const s = Array.from(
             n.contentDocument.querySelectorAll("a")
           ).map(
-            (r) => q(r, "click")
+            (a) => q(a, "click")
           );
           return v(...s);
         })
@@ -674,18 +679,18 @@ const Lt = class Lt extends X {
           itemId: this.item.id,
           documentContainer: s
         }), this.onLoadDocument().pipe(
-          ht(null),
+          mt(null),
           z()
         ).pipe(
           Ct(this.context.bridgeEvent.viewportFree$),
           P(() => {
-            const a = this.hookManager.execute("item.onDocumentLoad", this.item.id, {
+            const r = this.hookManager.execute("item.onDocumentLoad", this.item.id, {
               itemId: this.item.id,
               documentContainer: s
             }).filter(
               (c) => c instanceof ot
             );
-            return B([w(null), ...a]).pipe(z());
+            return B([w(null), ...r]).pipe(z());
           })
         ))),
         $(() => {
@@ -700,7 +705,7 @@ const Lt = class Lt extends X {
         $(() => {
           this.hookManager.destroy("item.onDocumentLoad", this.item.id);
         }),
-        P(() => this.onUnload().pipe(ht(null), z())),
+        P(() => this.onUnload().pipe(mt(null), z())),
         $(() => {
           this.stateSubject.next("idle");
         }),
@@ -736,7 +741,7 @@ const Lt = class Lt extends X {
   renderHeadless() {
     const t = new W();
     return kt(() => this.onRenderHeadless({ release: t })).pipe(
-      ht(void 0),
+      mt(void 0),
       z(),
       S((i) => {
         if (i)
@@ -779,8 +784,8 @@ const Lt = class Lt extends X {
   }
 };
 Lt.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
-let mt = Lt;
-const Yi = (e) => new URL(e.href);
+let ft = Lt;
+const Xi = (e) => new URL(e.href);
 class Qt {
   constructor(t, i) {
     this.item = t, this.settings = i;
@@ -789,7 +794,7 @@ class Qt {
     var i, n;
     return await ei(
       ((n = (i = this.settings.values).getResource) == null ? void 0 : n.call(i, this.item)) ?? w(void 0)
-    ) ?? Yi(this.item);
+    ) ?? Xi(this.item);
   }
   async fetchResource() {
     const t = await this.getResource();
@@ -799,14 +804,14 @@ class Qt {
 const Oe = (e, t) => {
   const i = e.startsWith("file://"), n = i ? e.replace("file://", "http://") : e, o = new URL(t, n).toString();
   return i ? o.replace("http://", "file://") : o;
-}, qi = async (e, t, i, n, o) => {
+}, Yi = async (e, t, i, n, o) => {
   if (!e || !e.defaultView) return;
   const s = t.sheet;
   if (s)
     try {
-      const r = Array.from(s.cssRules || []);
-      for (let a = 0; a < r.length; a++) {
-        const c = r[a];
+      const a = Array.from(s.cssRules || []);
+      for (let r = 0; r < a.length; r++) {
+        const c = a[r];
         if (e.defaultView && c instanceof e.defaultView.CSSFontFaceRule) {
           const u = c.style.getPropertyValue("src");
           if (u.match(/url\(['"]?([^'"]+)['"]?\)/g)) {
@@ -841,23 +846,23 @@ const Oe = (e, t) => {
               /src:\s*[^;]+;/,
               `src: ${l.join(", ")};`
             );
-            s.deleteRule(a), s.insertRule(h, a);
+            s.deleteRule(r), s.insertRule(h, r);
           }
         }
       }
-    } catch (r) {
-      console.error("Could not access stylesheet rules:", r);
+    } catch (a) {
+      console.error("Could not access stylesheet rules:", a);
     }
-}, Zi = (e, t, i, n, o) => {
+}, qi = (e, t, i, n, o) => {
   var c;
   const s = t.getAttribute("src") || t.getAttribute("href");
   if (!s) return w(null);
-  const r = (c = n.manifest) == null ? void 0 : c.items.find(({ href: u }) => `${Oe(i, s).toLowerCase()}`.endsWith(
+  const a = (c = n.manifest) == null ? void 0 : c.items.find(({ href: u }) => `${Oe(i, s).toLowerCase()}`.endsWith(
     `${u.toLowerCase()}`
   ));
-  if (!r) return w(null);
-  const a = new Qt(r, o);
-  return j(a.getResource()).pipe(
+  if (!a) return w(null);
+  const r = new Qt(a, o);
+  return j(r.getResource()).pipe(
     $t(
       (u) => u instanceof Response ? j(u.blob()) : w(void 0)
     ),
@@ -872,7 +877,7 @@ const Oe = (e, t) => {
         return new ot((l) => {
           t.onload = async () => {
             try {
-              t.sheet && await qi(
+              t.sheet && await Yi(
                 e,
                 t,
                 i,
@@ -887,7 +892,7 @@ const Oe = (e, t) => {
       return w(null);
     })
   );
-}, Gi = ({
+}, Zi = ({
   settings: e,
   item: t,
   context: i
@@ -895,30 +900,30 @@ const Oe = (e, t) => {
   P((o) => {
     const s = Me(
       o.contentDocument
-    ), r = ui(t.href), a = s.map(
-      (c) => Zi(
+    ), a = ui(t.href), r = s.map(
+      (c) => qi(
         o.contentDocument,
         c,
-        r,
+        a,
         i,
         e
       )
     );
-    return B(a).pipe(S(() => o));
+    return B(r).pipe(S(() => o));
   })
-), Ji = (e) => {
-  Oi(e == null ? void 0 : e.contentDocument);
-}, Ki = [".xhtml", ".html", ".htm"], lt = "prose-reader", Qi = async (e, t) => {
+), Gi = (e) => {
+  Ni(e == null ? void 0 : e.contentDocument);
+}, Ji = [".xhtml", ".html", ".htm"], pt = "prose-reader", Ki = async (e, t) => {
   if (typeof e == "string") return e;
   const i = di(e.headers.get("Content-Type") || "") || Mt(t.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === i
   )) {
-    const o = await e.blob(), s = URL.createObjectURL(o), r = await createImageBitmap(o), { width: a, height: c } = { width: r.width, height: r.height };
-    return r.close(), `
+    const o = await e.blob(), s = URL.createObjectURL(o), a = await createImageBitmap(o), { width: r, height: c } = { width: a.width, height: a.height };
+    return a.close(), `
       <html>
         <head>
-          ${t.renditionLayout === "pre-paginated" ? `<meta name="viewport" content="width=${a}, height=${c}">` : ""}
+          ${t.renditionLayout === "pre-paginated" ? `<meta name="viewport" content="width=${r}, height=${c}">` : ""}
         </head>
         <body style="margin: 0px;" tab-index="-1;">
           <img
@@ -946,11 +951,11 @@ const Oe = (e, t) => {
         </body>
       </html>
     ` : await e.text();
-}, tn = ({
+}, Qi = ({
   item: e,
   resourcesHandler: t
 }) => {
-  const i = (n) => Qi(n, e);
+  const i = (n) => Ki(n, e);
   return (n) => n.pipe(
     P((o) => j(t.getResource()).pipe(
       P((s) => s instanceof URL && e.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
@@ -960,29 +965,29 @@ const Oe = (e, t) => {
         "text/html",
         "text/xml"
       ].includes(e.mediaType) || // no encoding ? then try to detect html
-      !e.mediaType && Ki.some(
-        (a) => e.href.endsWith(a)
+      !e.mediaType && Ji.some(
+        (r) => e.href.endsWith(r)
       )) ? (o == null || o.setAttribute("src", e.href), w(o)) : (s instanceof URL ? j(t.fetchResource()) : w(s)).pipe(
-        P((a) => {
-          if (!(a instanceof Response))
+        P((r) => {
+          if (!(r instanceof Response))
             throw new Error("Invalid resource");
-          return j(i(a));
+          return j(i(r));
         }),
-        $((a) => {
-          if (a) {
-            const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
+        $((r) => {
+          if (r) {
+            const c = new Blob([r], { type: "text/html" }), u = URL.createObjectURL(c);
             o == null || o.setAttribute("src", u);
           }
         }),
         S(() => o),
-        Pe((a) => (O.error(
+        Pe((r) => (O.error(
           `Error while trying to fetch or load resource for item ${e.id}`,
           s
-        ), O.error(a), w(o)))
+        ), O.error(r), w(o)))
       ))
     ))
   );
-}, en = () => {
+}, tn = () => {
   const e = document.createElement("iframe");
   return e.frameBorder = "no", e.tabIndex = 0, e.setAttribute(
     "sandbox",
@@ -1015,7 +1020,7 @@ const Oe = (e, t) => {
       e / (n.height ?? 1)
     ), computedWidthScale: o, viewportDimensions: n };
   }
-}, nn = ({
+}, en = ({
   columnWidth: e,
   enableTouch: t,
   spreadPosition: i
@@ -1060,27 +1065,27 @@ const Oe = (e, t) => {
           object-fit:contain;
         `}
       }
-    `, on = ({
+    `, nn = ({
   pageHeight: e,
   pageWidth: t
 }) => ({ columnHeight: e, columnWidth: t }), ue = (e, t) => {
   e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
-}, sn = ({
+}, on = ({
   minPageSpread: e,
   blankPagePosition: t,
   spreadPosition: i,
   pageHeight: n,
   pageWidth: o,
   frameElement: s,
-  isRTL: r,
-  enableTouch: a
+  isRTL: a,
+  enableTouch: r
 }) => {
   const c = e * o;
   if (s != null && s.contentDocument && (s != null && s.contentWindow)) {
-    const { viewportDimensions: u, computedScale: d = 1 } = je({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, g = o, l = n, h = nn(
+    const { viewportDimensions: u, computedScale: d = 1 } = je({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, g = o, l = n, h = en(
       {
-        ...on({ pageHeight: n, pageWidth: o }),
-        enableTouch: a,
+        ...nn({ pageHeight: n, pageWidth: o }),
+        enableTouch: r,
         spreadPosition: i
       },
       u
@@ -1092,11 +1097,11 @@ const Oe = (e, t) => {
       width: g,
       height: l
     }), u) {
-      s == null || s.style.setProperty("position", "absolute"), s == null || s.style.setProperty("top", "50%"), i === "left" ? (s == null || s.style.setProperty("right", "0"), s == null || s.style.removeProperty("left")) : t === "before" && r ? (s == null || s.style.setProperty("right", "50%"), s == null || s.style.removeProperty("left")) : i === "right" ? (s == null || s.style.setProperty("left", "0"), s == null || s.style.removeProperty("right")) : (s == null || s.style.setProperty(
+      s == null || s.style.setProperty("position", "absolute"), s == null || s.style.setProperty("top", "50%"), i === "left" ? (s == null || s.style.setProperty("right", "0"), s == null || s.style.removeProperty("left")) : t === "before" && a ? (s == null || s.style.setProperty("right", "50%"), s == null || s.style.removeProperty("left")) : i === "right" ? (s == null || s.style.setProperty("left", "0"), s == null || s.style.removeProperty("right")) : (s == null || s.style.setProperty(
         "left",
-        t === "before" ? r ? "25%" : "75%" : t === "after" ? r ? "75%" : "25%" : "50%"
+        t === "before" ? a ? "25%" : "75%" : t === "after" ? a ? "75%" : "25%" : "50%"
       ), s == null || s.style.removeProperty("right"));
-      const p = i !== "none" ? "0" : "-50%", m = i === "right" && t !== "before" ? "left" : i === "left" || t === "before" && r ? "right" : "center";
+      const p = i !== "none" ? "0" : "-50%", m = i === "right" && t !== "before" ? "left" : i === "left" || t === "before" && a ? "right" : "center";
       s == null || s.style.setProperty(
         "transform",
         `translate(${p}, -50%) scale(${d})`
@@ -1105,11 +1110,11 @@ const Oe = (e, t) => {
         `${m} center`
       );
     } else
-      t === "before" ? r ? s == null || s.style.setProperty("margin-right", `${o}px`) : s == null || s.style.setProperty("margin-left", `${o}px`) : (s == null || s.style.removeProperty("margin-left"), s == null || s.style.removeProperty("margin-right"));
+      t === "before" ? a ? s == null || s.style.setProperty("margin-right", `${o}px`) : s == null || s.style.setProperty("margin-left", `${o}px`) : (s == null || s.style.removeProperty("margin-left"), s == null || s.style.removeProperty("margin-right"));
     return { width: c, height: l };
   }
   return { width: c, height: n };
-}, rn = () => `
+}, sn = () => `
       ${Ve()}
       html {
         width: 100%;
@@ -1124,7 +1129,7 @@ const Oe = (e, t) => {
       html, body {
         touch-action: none;
       }
-    `, an = ({
+    `, rn = ({
   isScrollable: e,
   enableTouch: t
 }) => `
@@ -1149,7 +1154,7 @@ const Oe = (e, t) => {
           display: block;
         }
       ` : ""}
-    `, cn = ({
+    `, an = ({
   width: e,
   columnHeight: t,
   columnWidth: i
@@ -1217,31 +1222,31 @@ const Oe = (e, t) => {
       td {
         max-width: ${i}px;
       }
-    `, un = ({
+    `, cn = ({
   isUsingVerticalWriting: e,
   minimumWidth: t,
   pageHeight: i,
   pageWidth: n
 }) => {
-  let r = n - 0;
-  const a = i - 0 * 2;
+  let a = n - 0;
+  const r = i - 0 * 2;
   let c = n - 0 * 2;
-  return e && (c = t - 0 * 2, r = a), {
-    columnHeight: a,
-    columnWidth: r,
+  return e && (c = t - 0 * 2, a = r), {
+    columnHeight: r,
+    columnWidth: a,
     width: c
   };
 }, It = (e, t) => {
   e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
-}, dn = ({
+}, un = ({
   pageHeight: e,
   pageWidth: t,
   frameElement: i,
   manifest: n,
   latestContentHeightWhenLoaded: o,
   minPageSpread: s,
-  isRTL: r,
-  blankPagePosition: a,
+  isRTL: a,
+  blankPagePosition: r,
   isImageType: c,
   enableTouch: u,
   isUsingVerticalWriting: d
@@ -1261,23 +1266,23 @@ const Oe = (e, t) => {
       nt(
         i,
         "prose-reader-html-renderer-framce-css",
-        rn()
+        sn()
       ), It(i, {
         width: m.width ?? 1,
         height: m.height ?? 1
       }), i == null || i.style.setProperty("position", "absolute"), i == null || i.style.setProperty("top", "50%"), i == null || i.style.setProperty(
         "left",
-        a === "before" ? r ? "25%" : "75%" : a === "after" ? r ? "75%" : "25%" : "50%"
+        r === "before" ? a ? "25%" : "75%" : r === "after" ? a ? "75%" : "25%" : "50%"
       ), i == null || i.style.setProperty(
         "transform",
         `translate(-50%, -50%) scale(${y})`
       ), i == null || i.style.setProperty("transform-origin", "center center");
     else {
-      const C = c ? an({
+      const C = c ? rn({
         isScrollable: (n == null ? void 0 : n.renditionFlow) === "scrolled-continuous",
         enableTouch: u
-      }) : cn(
-        un({
+      }) : an(
+        cn({
           isUsingVerticalWriting: d,
           minimumWidth: g,
           pageHeight: p,
@@ -1306,7 +1311,7 @@ const Oe = (e, t) => {
         });
       }
     }
-    return I % g === 0 ? i == null || i.style.setProperty("margin-left", "0px") : (I = I + t, r && !d && (i == null || i.style.setProperty("margin-left", `${t}px`))), { width: I, height: x };
+    return I % g === 0 ? i == null || i.style.setProperty("margin-left", "0px") : (I = I + t, a && !d && (i == null || i.style.setProperty("margin-left", `${t}px`))), { width: I, height: x };
   }
   return {
     width: g,
@@ -1314,7 +1319,7 @@ const Oe = (e, t) => {
     latestContentHeightWhenLoaded: l
   };
 };
-class gn extends mt {
+class dn extends ft {
   constructor() {
     super(...arguments), this.isImageType = () => {
       const t = this.item.mediaType ?? Mt(this.item.href);
@@ -1322,14 +1327,14 @@ class gn extends mt {
     };
   }
   onCreateDocument() {
-    const t = en();
+    const t = tn();
     return this.setDocumentContainer(t), w(t);
   }
   onLoadDocument() {
     const t = this.getFrameElement();
     if (!t) throw new Error("invalid frame");
     return w(t).pipe(
-      tn({
+      Qi({
         item: this.item,
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
@@ -1338,17 +1343,17 @@ class gn extends mt {
       $(() => {
         this.attach();
       }),
-      vi,
-      Gi({
+      Pi,
+      Zi({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      xi
+      vi
     );
   }
   onUnload() {
-    return Ji(this.getFrameElement()), this.detach(), Q;
+    return Gi(this.getFrameElement()), this.detach(), Q;
   }
   onLayout({
     minPageSpread: t,
@@ -1356,14 +1361,14 @@ class gn extends mt {
     spreadPosition: n
   }) {
     var d, g;
-    const { width: o, height: s } = this.context.getPageSize(), r = this.getFrameElement();
-    if (!r) return w(void 0);
-    const a = !!((d = this.writingMode) != null && d.startsWith("vertical"));
+    const { width: o, height: s } = this.context.getPageSize(), a = this.getFrameElement();
+    if (!a) return w(void 0);
+    const r = !!((d = this.writingMode) != null && d.startsWith("vertical"));
     if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && ((g = this.context.manifest) == null ? void 0 : g.renditionLayout) === "pre-paginated") {
-      const l = sn({
+      const l = on({
         blankPagePosition: i,
         enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
-        frameElement: r,
+        frameElement: a,
         isRTL: this.context.isRTL(),
         minPageSpread: t,
         pageHeight: s,
@@ -1372,13 +1377,13 @@ class gn extends mt {
       });
       return w(l);
     }
-    const { latestContentHeightWhenLoaded: c, ...u } = dn({
+    const { latestContentHeightWhenLoaded: c, ...u } = un({
       pageHeight: s,
       pageWidth: o,
-      frameElement: r,
+      frameElement: a,
       manifest: this.context.manifest,
       blankPagePosition: i,
-      isUsingVerticalWriting: a,
+      isUsingVerticalWriting: r,
       isRTL: this.context.isRTL(),
       latestContentHeightWhenLoaded: this.latestContentHeightWhenLoaded,
       minPageSpread: t,
@@ -1444,14 +1449,14 @@ class gn extends mt {
     return this.getFrameElement();
   }
 }
-const ln = (e) => (t) => {
+const gn = (e) => (t) => {
   const i = e({
     ...t,
     getRenderer(o) {
-      var r;
-      return ((r = t.getRenderer) == null ? void 0 : r.call(t, o)) ?? ((a) => new gn(a));
+      var a;
+      return ((a = t.getRenderer) == null ? void 0 : a.call(t, o)) ?? ((r) => new dn(r));
     }
-  }), n = Xi(i);
+  }), n = _i(i);
   return n.pipe(T(i.$.destroy$)).subscribe(), {
     ...i,
     links$: n
@@ -1460,7 +1465,7 @@ const ln = (e) => (t) => {
 function at(e) {
   return e != null;
 }
-let pn = class extends Ne {
+let ln = class extends Ne {
   computeOutputSettings(t) {
     return t;
   }
@@ -1473,10 +1478,10 @@ let pn = class extends Ne {
       pageHorizontalMargin: n,
       pageVerticalMargin: o,
       layoutLayerTransition: s,
-      viewportMode: r,
-      ...a
+      viewportMode: a,
+      ...r
     } = t;
-    return a;
+    return r;
   }
   getDefaultSettings() {
     return {
@@ -1503,7 +1508,7 @@ class Nt {
     this.__symbol = Symbol("SpineItemPagePosition"), this.x = t.x, this.y = t.y;
   }
 }
-class hn extends te {
+class pn extends te {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageLayout";
   }
@@ -1513,7 +1518,7 @@ class Ht extends te {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class mn extends te {
+class hn extends te {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1536,17 +1541,17 @@ class Rt extends ke {
     return new Rt(t);
   }
 }
-const fn = (e, t) => {
-  const i = t.getBoundingClientRect(), { x: n, y: o } = e, { left: s, top: r } = i, a = i.width / t.offsetWidth, c = i.height / t.offsetHeight, u = n - s, d = o - r;
+const mn = (e, t) => {
+  const i = t.getBoundingClientRect(), { x: n, y: o } = e, { left: s, top: a } = i, r = i.width / t.offsetWidth, c = i.height / t.offsetHeight, u = n - s, d = o - a;
   return {
-    x: u / a,
+    x: u / r,
     y: d / c
   };
-}, yn = (e, t) => new Rt(
-  fn(e, t)
-), Sn = (e) => ({
-  getSpinePositionFromClientPosition: (t) => e.spine.element ? yn(t, e.spine.element) : void 0
-}), bn = (e) => {
+}, fn = (e, t) => new Rt(
+  mn(e, t)
+), yn = (e) => ({
+  getSpinePositionFromClientPosition: (t) => e.spine.element ? fn(t, e.spine.element) : void 0
+}), Sn = (e) => {
   let t;
   const i = e.context.state$.pipe(
     _(({ rootElement: c }) => c ? new ot(() => (t = c.ownerDocument.createElement("div"), t.style.cssText = `
@@ -1575,7 +1580,7 @@ const fn = (e, t) => {
     })
   ), s = n(e.viewportFree$).pipe(
     pi(1)
-  ), a = e.settings.values$.pipe(
+  ), r = e.settings.values$.pipe(
     Y(() => e.settings.values.computedPageTurnMode),
     Z()
   ).pipe(
@@ -1584,17 +1589,17 @@ const fn = (e, t) => {
     ),
     G(e.$.destroy$)
   );
-  return v(i, a);
-}, In = (e) => {
+  return v(i, r);
+}, bn = (e) => {
   e.hookManager.register(
     "item.onAfterLayout",
     ({ item: t, blankPagePosition: i, minimumWidth: n }) => {
       const o = e.spineItemsManager.get(t.id), s = o == null ? void 0 : o.renderer.getDocumentFrame();
       if ((o == null ? void 0 : o.renditionLayout) !== "reflowable" || !(s instanceof HTMLIFrameElement))
         return;
-      const { hasViewport: r } = Zt(s), { width: a } = e.context.getPageSize(), c = o == null ? void 0 : o.renderer.getDocumentFrame();
-      if (r) {
-        const u = a < n;
+      const { hasViewport: a } = Zt(s), { width: r } = e.context.getPageSize(), c = o == null ? void 0 : o.renderer.getDocumentFrame();
+      if (a) {
+        const u = r < n;
         i === "none" && u && c instanceof HTMLIFrameElement && (c == null || c.style.setProperty(
           "left",
           e.context.isRTL() ? "75%" : "25%"
@@ -1602,35 +1607,35 @@ const fn = (e, t) => {
       }
     }
   );
-}, wn = (e, t) => t.pipe(
+}, In = (e, t) => t.pipe(
   $((i) => {
     e.viewport.value.element.style.transition = "transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)", e.settings.values.computedPageTurnMode === "scrollable" ? e.viewport.value.element.style.transformOrigin = "top" : e.viewport.value.element.style.transformOrigin = "center", i === "thumbnails" ? e.viewport.value.element.style.transform = "scale(0.5)" : e.viewport.value.element.style.transform = "scale(1)", e.layout();
   })
-), Pn = (e) => (t) => {
+), wn = (e) => (t) => {
   const {
     pageHorizontalMargin: i,
     pageVerticalMargin: n,
     layoutAutoResize: o,
     layoutLayerTransition: s,
-    viewportMode: r
-  } = t, a = e(t), c = new pn(
+    viewportMode: a
+  } = t, r = e(t), c = new ln(
     {
       pageHorizontalMargin: i,
       pageVerticalMargin: n,
       layoutAutoResize: o,
       layoutLayerTransition: s,
-      viewportMode: r
+      viewportMode: a
     },
-    a.settings
+    r.settings
   );
-  a.hookManager.register("onViewportOffsetAdjust", () => {
+  r.hookManager.register("onViewportOffsetAdjust", () => {
     let m = !1;
-    a.spineItemsManager.items.forEach((y) => {
+    r.spineItemsManager.items.forEach((y) => {
       const f = y.renderer.getDocumentFrame();
       !m && f && (f.getBoundingClientRect().left, m = !0);
     });
-  }), a.hookManager.register("item.onBeforeLayout", ({ item: m }) => {
-    const y = a.spineItemsManager.get(m.id), f = m.mediaType ?? Mt(m.href), b = !!(f != null && f.startsWith("image/")), { pageHorizontalMargin: I = 0, pageVerticalMargin: x = 0 } = c.values, F = a.context.getPageSize();
+  }), r.hookManager.register("item.onBeforeLayout", ({ item: m }) => {
+    const y = r.spineItemsManager.get(m.id), f = m.mediaType ?? Mt(m.href), b = !!(f != null && f.startsWith("image/")), { pageHorizontalMargin: I = 0, pageVerticalMargin: x = 0 } = c.values, F = r.context.getPageSize();
     if ((y == null ? void 0 : y.renditionLayout) === "reflowable" && !b) {
       let C = F.width - I * 2;
       const D = F.height - x * 2;
@@ -1661,16 +1666,16 @@ const fn = (e, t) => {
             `
       );
     }
-  }), In(a), a.hookManager.register(
+  }), bn(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: m }) => {
       m.style.opacity = "0", c.values.layoutLayerTransition && (m.style.transition = "opacity 300ms");
     }
-  ), a.hookManager.register("item.onBeforeLayout", ({ item: m }) => {
-    const y = a.spineItemsManager.get(m.id), f = y == null ? void 0 : y.renderer.documentContainer;
-    a.settings.values.computedPageTurnMode !== "scrollable" && (f == null || f.setAttribute("tab-index", "0"));
+  ), r.hookManager.register("item.onBeforeLayout", ({ item: m }) => {
+    const y = r.spineItemsManager.get(m.id), f = y == null ? void 0 : y.renderer.documentContainer;
+    r.settings.values.computedPageTurnMode !== "scrollable" && (f == null || f.setAttribute("tab-index", "0"));
   });
-  const u = a.spineItemsObserver.itemIsReady$.pipe(
+  const u = r.spineItemsObserver.itemIsReady$.pipe(
     K(({ isReady: m }) => m),
     k(({ item: m }) => {
       const y = m.renderer.documentContainer;
@@ -1678,31 +1683,31 @@ const fn = (e, t) => {
     })
   ), d = c.values$.pipe(
     K(({ layoutAutoResize: m }) => m === "container"),
-    _(() => a.context.watch("rootElement")),
+    _(() => r.context.watch("rootElement")),
     K(at),
     _((m) => Kt(m)),
     hi(100),
     K(at),
     k(() => {
-      a == null || a.layout();
+      r == null || r.layout();
     })
-  ), g = bn(a);
+  ), g = Sn(r);
   c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     mi(1),
     k(() => {
-      a.layout();
+      r.layout();
     }),
-    G(a.$.destroy$)
+    G(r.$.destroy$)
   ).subscribe();
-  const l = a.spineItemsObserver.itemIsReady$.pipe(
+  const l = r.spineItemsObserver.itemIsReady$.pipe(
     k(({ item: m, isReady: y }) => {
       const f = "prose-spineItem-ready";
       y ? m.containerElement.classList.add(f) : m.containerElement.classList.remove(f);
     })
-  ), h = wn(
-    a,
+  ), h = In(
+    r,
     c.watch("viewportMode")
-  ), p = a.spine.pages.pipe(
+  ), p = r.spine.pages.pipe(
     bt({ refCount: !0, bufferSize: 1 })
   );
   return v(
@@ -1712,17 +1717,17 @@ const fn = (e, t) => {
     d,
     h,
     p
-  ).pipe(G(a.$.destroy$)).subscribe(), {
-    ...a,
+  ).pipe(G(r.$.destroy$)).subscribe(), {
+    ...r,
     destroy: () => {
-      c.destroy(), a.destroy();
+      c.destroy(), r.destroy();
     },
     settings: c,
-    layout$: a.spine.layout$,
+    layout$: r.spine.layout$,
     layoutInfo$: p,
-    coordinates: Sn(a)
+    coordinates: yn(r)
   };
-}, vn = `${lt}-enhancer-loading`, We = `${vn}-container`, xn = (e, t) => {
+}, Pn = `${pt}-enhancer-loading`, We = `${Pn}-container`, vn = (e, t) => {
   const i = e.ownerDocument.createElement("div");
   return i.classList.add(We), i.style.cssText = `
       height: 100%;
@@ -1740,7 +1745,7 @@ const fn = (e, t) => {
       background-color: white;
       z-index: 1;
     `, i;
-}, $n = ({
+}, xn = ({
   container: e,
   item: t
 }) => {
@@ -1757,8 +1762,8 @@ const fn = (e, t) => {
       max-width: 300px;
       width: 80%;
     `, e.appendChild(i), e.appendChild(n), e;
-}, Tn = (e) => (t) => {
-  const { loadingElementCreate: i = $n } = t, n = e(t), o = (c) => w(
+}, $n = (e) => (t) => {
+  const { loadingElementCreate: i = xn } = t, n = e(t), o = (c) => w(
     c.reduce((u, { item: d, element: g }) => {
       g.style.zIndex = "0";
       const l = g.querySelector(
@@ -1767,7 +1772,7 @@ const fn = (e, t) => {
       if (l instanceof HTMLElement)
         return u[d.id] = l, u;
       const h = i({
-        container: xn(g, n.context),
+        container: vn(g, n.context),
         item: d
       });
       return g.appendChild(h), u[d.id] = h, u;
@@ -1786,7 +1791,7 @@ const fn = (e, t) => {
         );
       });
     })
-  ), r = (c) => n.spineItemsObserver.itemIsReady$.pipe(
+  ), a = (c) => n.spineItemsObserver.itemIsReady$.pipe(
     k(({ item: u, isReady: d }) => {
       var g, l;
       (g = c[u.item.id]) == null || g.style.setProperty(
@@ -1797,16 +1802,16 @@ const fn = (e, t) => {
         d ? "0" : "1"
       );
     })
-  ), a = n.spineItemsManager.items$.pipe(
+  ), r = n.spineItemsManager.items$.pipe(
     _((c) => o(c)),
     bt(1),
     G(n.context.destroy$)
   );
-  return a.pipe(
+  return r.pipe(
     _(
       (c) => v(
         s(c),
-        r(c)
+        a(c)
       )
     ),
     G(n.$.destroy$)
@@ -1814,12 +1819,12 @@ const fn = (e, t) => {
     ...n,
     loading: {
       $: {
-        items$: a
+        items$: r
       }
     }
   };
 };
-class Fn extends mt {
+class Tn extends ft {
   getImageElement() {
     const t = this.documentContainer;
     if (t instanceof HTMLImageElement)
@@ -1857,11 +1862,11 @@ class Fn extends mt {
   }) {
     const i = this.getImageElement(), { height: n, width: o } = this.context.getPageSize();
     let s = n;
-    const r = o;
+    const a = o;
     if (!i) return w(void 0);
-    const a = i.naturalWidth || 1, c = i.naturalHeight || 1, u = a / c;
-    return this.settings.values.computedPageTurnDirection === "vertical" && this.settings.values.computedPageTurnMode === "scrollable" && !this.context.state.isUsingSpreadMode && (s = Math.ceil(o / u)), i.style.height = `${s}px`, i.style.width = `${r}px`, i.style.objectPosition = t === "left" ? "right" : t === "right" ? "left" : "center", w({
-      width: r,
+    const r = i.naturalWidth || 1, c = i.naturalHeight || 1, u = r / c;
+    return this.settings.values.computedPageTurnDirection === "vertical" && this.settings.values.computedPageTurnMode === "scrollable" && !this.context.state.isUsingSpreadMode && (s = Math.ceil(o / u)), i.style.height = `${s}px`, i.style.width = `${a}px`, i.style.objectPosition = t === "left" ? "right" : t === "right" ? "left" : "center", w({
+      width: a,
       height: s
     });
   }
@@ -1871,22 +1876,22 @@ class Fn extends mt {
   getDocumentFrame() {
   }
 }
-const Ln = (e) => (t) => {
+const Fn = (e) => (t) => {
   const i = e({
     ...t,
-    getRenderer(r) {
+    getRenderer(a) {
       var d;
-      const a = (d = t.getRenderer) == null ? void 0 : d.call(t, r), c = r.mediaType ?? Mt(r.href), u = !!(c != null && c.startsWith("image/"));
-      return !a && u ? (g) => new Fn(g) : a;
+      const r = (d = t.getRenderer) == null ? void 0 : d.call(t, a), c = a.mediaType ?? Mt(a.href), u = !!(c != null && c.startsWith("image/"));
+      return !r && u ? (g) => new Tn(g) : r;
     }
   }), n = new IntersectionObserver(
-    (r) => {
-      r.forEach((a) => {
+    (a) => {
+      a.forEach((r) => {
         var d;
-        const c = a.target, u = Array.from(
+        const c = r.target, u = Array.from(
           ((d = c.contentDocument) == null ? void 0 : d.body.getElementsByTagName("audio")) || []
         );
-        a.isIntersecting ? u.forEach((g) => {
+        r.isIntersecting ? u.forEach((g) => {
           g.hasAttribute("autoplay") && g.paused && g.readyState >= 2 && g.play().catch(console.error);
         }) : u.forEach((g) => {
           g.pause(), g.currentTime = 0;
@@ -1897,11 +1902,11 @@ const Ln = (e) => (t) => {
       threshold: 0.01
     }
   ), o = new IntersectionObserver(
-    (r) => {
-      r.forEach((a) => {
-        if (a.target.tagName === "video") {
-          const c = a.target;
-          a.isIntersecting ? c.hasAttribute("autoplay") && c.paused && c.readyState >= 2 && c.play().catch(console.error) : (c.pause(), c.currentTime = 0);
+    (a) => {
+      a.forEach((r) => {
+        if (r.target.tagName === "video") {
+          const c = r.target;
+          r.isIntersecting ? c.hasAttribute("autoplay") && c.paused && c.readyState >= 2 && c.play().catch(console.error) : (c.pause(), c.currentTime = 0);
         }
       });
     },
@@ -1911,13 +1916,13 @@ const Ln = (e) => (t) => {
   );
   return i.hookManager.register(
     "item.onDocumentLoad",
-    ({ destroy: r, itemId: a }) => {
+    ({ destroy: a, itemId: r }) => {
       var g, l;
-      const c = (g = i.spineItemsManager.get(a)) == null ? void 0 : g.renderer.getDocumentFrame();
+      const c = (g = i.spineItemsManager.get(r)) == null ? void 0 : g.renderer.getDocumentFrame();
       if (!c) return;
       n.observe(c);
       const u = (l = c.contentDocument) == null ? void 0 : l.body.getElementsByTagName("video"), d = Array.from(u || []).map((h) => (o.observe(h), () => o.unobserve(h)));
-      r(() => {
+      a(() => {
         n.unobserve(c), d.forEach((h) => h());
       });
     }
@@ -1927,16 +1932,16 @@ const Ln = (e) => (t) => {
       n.disconnect(), o.disconnect(), i.destroy();
     }
   };
-}, Mn = (e, t) => e.links$.pipe(
+}, Ln = (e, t) => e.links$.pipe(
   $((i) => {
-    var r;
-    if (!Vi(i.target, "a") || i.type !== "click") return;
+    var a;
+    if (!Oi(i.target, "a") || i.type !== "click") return;
     const n = new URL(i.target.href), o = `${n.origin}${n.pathname}`;
-    ((r = e.context.manifest) == null ? void 0 : r.spineItems.some(
-      (a) => a.href === o
+    ((a = e.context.manifest) == null ? void 0 : a.spineItems.some(
+      (r) => r.href === o
     )) && t.goToUrl(n);
   })
-), st = O.namespace("navigation"), Cn = ({
+), st = O.namespace("navigation"), Mn = ({
   position: e,
   spineItem: t,
   pageHeight: i,
@@ -1962,15 +1967,15 @@ const Ln = (e) => (t) => {
   spineLocator: o,
   context: s
 }) => {
-  const r = i, a = o.getSpineItemFromPosition(e) || n.get(0), c = e;
-  if (!a)
+  const a = i, r = o.getSpineItemFromPosition(e) || n.get(0), c = e;
+  if (!r)
     return c;
   const u = o.getSpineItemPositionFromSpinePosition(
     e,
-    a
-  ), d = Cn({
+    r
+  ), d = Mn({
     position: u,
-    spineItem: a,
+    spineItem: r,
     pageHeight: s.getPageSize().height,
     pageWidth: s.getPageSize().width,
     spineItemLocator: o.spineItemLocator
@@ -1980,9 +1985,9 @@ const Ln = (e) => (t) => {
     u
   ) ? o.getSpinePositionFromSpineItemPosition({
     spineItemPosition: d,
-    spineItem: a
+    spineItem: r
   }) : t.getAdjustedPositionWithSafeEdge(
-    r === "horizontal" ? new L({
+    a === "horizontal" ? new L({
       x: e.x - s.getPageSize().width,
       y: 0
     }) : new L({
@@ -1990,49 +1995,49 @@ const Ln = (e) => (t) => {
       x: 0
     })
   );
-}, Rn = ({
+}, Cn = ({
   position: e,
   spineItem: t,
   context: i,
   navigationResolver: n,
   spineItemsManager: o,
   spineLocator: s,
-  computedPageTurnDirection: r
+  computedPageTurnDirection: a
 }) => {
-  const a = de({
+  const r = de({
     position: e,
     context: i,
     navigationResolver: n,
-    computedPageTurnDirection: r,
+    computedPageTurnDirection: a,
     spineItemsManager: o,
     spineLocator: s
   });
-  if (t != null && t.isUsingVerticalWriting() && e.x === a.x)
-    return n.getAdjustedPositionForSpread(a);
+  if (t != null && t.isUsingVerticalWriting() && e.x === r.x)
+    return n.getAdjustedPositionForSpread(r);
   if (i.state.isUsingSpreadMode) {
-    if (t != null && t.isUsingVerticalWriting() && e.x !== a.x)
+    if (t != null && t.isUsingVerticalWriting() && e.x !== r.x)
       return n.getAdjustedPositionForSpread(
         n.getAdjustedPositionWithSafeEdge(
-          i.isRTL() ? { ...a, x: a.x + i.getPageSize().width } : {
-            ...a,
-            x: a.x - i.getPageSize().width
+          i.isRTL() ? { ...r, x: r.x + i.getPageSize().width } : {
+            ...r,
+            x: r.x - i.getPageSize().width
           }
         )
       );
-    if (r === "vertical" && e.y !== a.y)
-      return n.getAdjustedPositionForSpread(a);
+    if (a === "vertical" && e.y !== r.y)
+      return n.getAdjustedPositionForSpread(r);
     const c = de({
-      position: a,
+      position: r,
       context: i,
       navigationResolver: n,
-      computedPageTurnDirection: r,
+      computedPageTurnDirection: a,
       spineItemsManager: o,
       spineLocator: s
     });
     return n.getAdjustedPositionForSpread(c);
   }
-  return n.getAdjustedPositionForSpread(a);
-}, An = ({
+  return n.getAdjustedPositionForSpread(r);
+}, Rn = ({
   position: e,
   spineItem: t,
   pageHeight: i,
@@ -2058,15 +2063,15 @@ const Ln = (e) => (t) => {
   spineLocator: o,
   context: s
 }) => {
-  const r = i, a = o.getSpineItemFromPosition(e) || n.get(0), c = e;
-  if (!a)
+  const a = i, r = o.getSpineItemFromPosition(e) || n.get(0), c = e;
+  if (!r)
     return c;
   const u = o.getSpineItemPositionFromSpinePosition(
     e,
-    a
-  ), d = An({
+    r
+  ), d = Rn({
     position: u,
-    spineItem: a,
+    spineItem: r,
     pageHeight: s.getPageSize().height,
     pageWidth: s.getPageSize().width,
     spineItemLocator: o.spineItemLocator
@@ -2076,9 +2081,9 @@ const Ln = (e) => (t) => {
     u
   ) ? o.getSpinePositionFromSpineItemPosition({
     spineItemPosition: d,
-    spineItem: a
+    spineItem: r
   }) : t.getAdjustedPositionWithSafeEdge(
-    r === "horizontal" ? new L({
+    a === "horizontal" ? new L({
       x: e.x + s.getPageSize().width,
       y: 0
     }) : new L({
@@ -2086,53 +2091,53 @@ const Ln = (e) => (t) => {
       x: 0
     })
   );
-}, Dn = ({
+}, An = ({
   position: e,
   spineItem: t,
   context: i,
   navigationResolver: n,
   spineItemsManager: o,
   spineLocator: s,
-  computedPageTurnDirection: r
+  computedPageTurnDirection: a
 }) => {
-  const a = ge({
+  const r = ge({
     position: e,
     context: i,
     navigationResolver: n,
-    computedPageTurnDirection: r,
+    computedPageTurnDirection: a,
     spineItemsManager: o,
     spineLocator: s
   });
-  if (t != null && t.isUsingVerticalWriting() && e.x === a.x)
-    return n.getAdjustedPositionForSpread(a);
+  if (t != null && t.isUsingVerticalWriting() && e.x === r.x)
+    return n.getAdjustedPositionForSpread(r);
   if (i.state.isUsingSpreadMode) {
-    if (t != null && t.isUsingVerticalWriting() && e.x !== a.x)
+    if (t != null && t.isUsingVerticalWriting() && e.x !== r.x)
       return n.getAdjustedPositionForSpread(
         n.getAdjustedPositionWithSafeEdge(
           i.isRTL() ? {
-            ...a,
-            x: a.x - i.getPageSize().width
+            ...r,
+            x: r.x - i.getPageSize().width
           } : {
-            ...a,
-            x: a.x + i.getPageSize().width
+            ...r,
+            x: r.x + i.getPageSize().width
           }
         )
       );
-    if (r === "vertical" && e.y !== a.y)
-      return n.getAdjustedPositionForSpread(a);
+    if (a === "vertical" && e.y !== r.y)
+      return n.getAdjustedPositionForSpread(r);
     const c = ge({
-      position: a,
+      position: r,
       context: i,
       navigationResolver: n,
-      computedPageTurnDirection: r,
+      computedPageTurnDirection: a,
       spineItemsManager: o,
       spineLocator: s
     });
     return n.getAdjustedPositionForSpread(c);
   }
-  return n.getAdjustedPositionForSpread(a);
+  return n.getAdjustedPositionForSpread(r);
 };
-class Nn {
+class Dn {
   constructor(t) {
     this.reader = t, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new L({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2151,7 +2156,7 @@ class Nn {
   turnRightOrBottom() {
     const t = this.reader.navigation.getNavigation(), i = this.reader.spineItemsManager.get(t.spineItem);
     if (!i) return;
-    const n = Dn({
+    const n = An({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: t.position,
@@ -2167,7 +2172,7 @@ class Nn {
   turnLeftOrTop() {
     const t = this.reader.navigation.getNavigation(), i = this.reader.spineItemsManager.get(t.spineItem);
     if (!i) return;
-    const n = Rn({
+    const n = Cn({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: t.position,
@@ -2288,9 +2293,7 @@ class Nn {
     absolutePageIndex: t,
     ...i
   }) {
-    const n = this.reader.spine.locator.getSpineInfoFromAbsolutePageIndex({
-      absolutePageIndex: t
-    });
+    const n = this.reader.spine.pages.fromAbsolutePageIndex(t);
     if (st.debug(".goToAbsolutePageIndex()", {
       absolutePageIndex: t,
       ...i,
@@ -2309,12 +2312,12 @@ class Nn {
     }
   }
 }
-class On {
+class Nn {
   constructor(t) {
     this.reader = t, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new L({ x: 0, y: 0 }), this.lastStartPosition = new L({ x: 0, y: 0 }), this.unlock = void 0;
   }
   moveTo(t, { final: i, start: n } = {}) {
-    var r, a, c, u;
+    var a, r, c, u;
     if (this.reader.settings.values.computedPageTurnMode === "scrollable") {
       st.warn(
         "pan control is not available on free page turn mode"
@@ -2322,10 +2325,10 @@ class On {
       return;
     }
     const o = this.reader.settings.values.computedPageTurnDirection;
-    n && ((r = this.unlock) == null || r.call(this), this.unlock = this.reader.navigation.lock(), this.lastDelta = { x: 0, y: 0 }, this.lastStartPosition = this.reader.navigation.controlledNavigationController.viewportPosition, this.lastPosition = this.lastStartPosition);
+    n && ((a = this.unlock) == null || a.call(this), this.unlock = this.reader.navigation.lock(), this.lastDelta = { x: 0, y: 0 }, this.lastStartPosition = this.reader.navigation.controlledNavigationController.viewportPosition, this.lastPosition = this.lastStartPosition);
     let s = this.reader.navigation.getNavigation().position;
     if (t) {
-      const d = this.reader.viewport.absoluteViewport.width / this.reader.viewport.relativeViewport.width, g = Math.floor(t.x) - (((a = this.lastDelta) == null ? void 0 : a.x) || 0), l = Math.floor(t.y) - (((c = this.lastDelta) == null ? void 0 : c.y) || 0), h = Math.floor(
+      const d = this.reader.viewport.absoluteViewport.width / this.reader.viewport.relativeViewport.width, g = Math.floor(t.x) - (((r = this.lastDelta) == null ? void 0 : r.x) || 0), l = Math.floor(t.y) - (((c = this.lastDelta) == null ? void 0 : c.y) || 0), h = Math.floor(
         o === "horizontal" ? this.lastPosition.x - g / d : 0
       ), p = Math.floor(
         o === "horizontal" ? 0 : this.lastPosition.y - l / d
@@ -2349,7 +2352,7 @@ class On {
     });
   }
 }
-const Vn = (e) => e.pagination.state$.pipe(
+const On = (e) => e.pagination.state$.pipe(
   A(e.context.manifest$, e.settings.values$),
   S(
     ([
@@ -2357,19 +2360,19 @@ const Vn = (e) => e.pagination.state$.pipe(
       { spineItems: i, readingDirection: n },
       { computedPageTurnDirection: o }
     ]) => {
-      const s = i.length ?? 0, r = t.beginSpineItemIndex === 0, a = t.endSpineItemIndex === Math.max(s - 1, 0), c = t.endSpineItemIndex === Math.max(s - 1, 0), u = t.beginSpineItemIndex === 0, d = t.beginPageIndexInSpineItem === 0, g = t.endPageIndexInSpineItem === t.endNumberOfPagesInSpineItem - 1;
+      const s = i.length ?? 0, a = t.beginSpineItemIndex === 0, r = t.endSpineItemIndex === Math.max(s - 1, 0), c = t.endSpineItemIndex === Math.max(s - 1, 0), u = t.beginSpineItemIndex === 0, d = t.beginPageIndexInSpineItem === 0, g = t.endPageIndexInSpineItem === t.endNumberOfPagesInSpineItem - 1;
       return {
         canTurnLeft: o === "vertical" ? !1 : !d,
         canTurnRight: o === "vertical" ? !1 : !g,
-        canGoTopSpineItem: o === "vertical" && !r,
-        canGoBottomSpineItem: o === "vertical" && !a,
-        canGoLeftSpineItem: o !== "vertical" && (n === "ltr" && !r || n === "rtl" && !c),
-        canGoRightSpineItem: o !== "vertical" && (n === "ltr" && !a || n === "rtl" && !u)
+        canGoTopSpineItem: o === "vertical" && !a,
+        canGoBottomSpineItem: o === "vertical" && !r,
+        canGoLeftSpineItem: o !== "vertical" && (n === "ltr" && !a || n === "rtl" && !c),
+        canGoRightSpineItem: o !== "vertical" && (n === "ltr" && !r || n === "rtl" && !u)
       };
     }
   ),
   H(N)
-), jn = ({ reader: e, duration: t }) => (i) => {
+), Vn = ({ reader: e, duration: t }) => (i) => {
   let n;
   const o = () => {
     n == null || n(), n = void 0;
@@ -2385,18 +2388,18 @@ const Vn = (e) => e.pagination.state$.pipe(
     $(o),
     dt(o)
   );
-}, kn = (e) => (t) => {
-  const i = e(t), n = Vn(i), o = new Nn(i), s = new On(i), r = (c) => {
+}, jn = (e) => (t) => {
+  const i = e(t), n = On(i), o = new Dn(i), s = new Nn(i), a = (c) => {
     const { cfi: u, ...d } = c;
     i.load(d), u && o.goToCfi(u, { animate: !1 });
   };
-  return Mn(i, o).pipe(T(i.$.destroy$)).subscribe(), {
+  return Ln(i, o).pipe(T(i.$.destroy$)).subscribe(), {
     ...i,
-    load: r,
+    load: a,
     navigation: {
       ...i.navigation,
       state$: n,
-      throttleLock: ({ duration: c, trigger: u }) => u.pipe(jn({ duration: c, reader: i })),
+      throttleLock: ({ duration: c, trigger: u }) => u.pipe(Vn({ duration: c, reader: i })),
       moveTo: s.moveTo.bind(s),
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2419,7 +2422,7 @@ const Vn = (e) => e.pagination.state$.pipe(
       goToAbsolutePageIndex: o.goToAbsolutePageIndex.bind(o)
     }
   };
-}, ft = (e) => Ut({
+}, lt = (e) => Ut({
   spineIndex: e.index,
   spineId: e.id
 }), Ue = ({
@@ -2428,7 +2431,7 @@ const Vn = (e) => e.pagination.state$.pipe(
   item: i
 }) => {
   const n = "ownerDocument" in e ? e.ownerDocument : e.startContainer.ownerDocument;
-  return !n || !(n != null && n.documentElement) || e === n ? ft(i) : ji(e) ? Ut({
+  return !n || !(n != null && n.documentElement) || e === n ? lt(i) : Vi(e) ? Ut({
     start: {
       node: e.startContainer,
       offset: e.startOffset,
@@ -2452,28 +2455,29 @@ const Vn = (e) => e.pagination.state$.pipe(
   spineItem: t,
   spine: i
 }) => {
-  var r;
+  var a;
   const n = i.pages.value.pages.find(
-    (a) => a.itemIndex === t.index && a.pageIndex === e
+    (r) => r.itemIndex === t.index && r.pageIndex === e
   ), o = n == null ? void 0 : n.firstVisibleNode, s = t.renderer.getDocumentFrame();
-  return o && s instanceof HTMLIFrameElement && ((r = s.contentWindow) != null && r.document) ? Ue({
+  return o && s instanceof HTMLIFrameElement && ((a = s.contentWindow) != null && a.document) ? Ue({
     nodeOrRange: o.node,
     offset: o.offset,
     item: t.item
-  }).trim() : ft(t.item);
-}, Wn = (e, t) => Ue({
+  }).trim() : lt(t.item);
+}, kn = (e, t) => Ue({
   nodeOrRange: e,
   item: t
-}), Os = (e) => e.index.toString(), le = (e) => {
+}), Ns = (e) => e.index.toString(), le = (e) => {
   var t;
   return ((t = e[0]) == null ? void 0 : t.index) === 6 && e.length > 1;
 }, Et = (e) => {
   const t = Te(e);
   return Si(t);
-}, Un = (e) => Array.isArray(e) ? e[0] && le(e[0]) ? e[0] : void 0 : e.parent[0] && le(e.parent[0]) ? e.parent[0] : void 0, ee = (e) => {
-  var a, c, u, d;
-  const t = Te(e), n = (Un(t) ?? [])[1], s = ((n == null ? void 0 : n.index) ?? 2) / 2 - 1, r = bi(t) ? (c = (a = t.end.at(-1)) == null ? void 0 : a.at(-1)) == null ? void 0 : c.offset : (d = (u = t.at(-1)) == null ? void 0 : u.at(-1)) == null ? void 0 : d.offset;
+}, Wn = (e) => Array.isArray(e) ? e[0] && le(e[0]) ? e[0] : void 0 : e.parent[0] && le(e.parent[0]) ? e.parent[0] : void 0, ee = (e) => {
+  var c, u, d, g;
+  const t = Te(e), n = (Wn(t) ?? [])[1], s = ((n == null ? void 0 : n.index) ?? 2) / 2 - 1, a = bi(t), r = a ? (u = (c = t.end.at(-1)) == null ? void 0 : c.at(-1)) == null ? void 0 : u.offset : (g = (d = t.at(-1)) == null ? void 0 : d.at(-1)) == null ? void 0 : g.offset;
   return {
+    isCfiRange: a,
     cleanedCfi: e,
     itemIndex: s,
     offset: r ?? 0
@@ -2482,76 +2486,95 @@ const Vn = (e) => e.pagination.state$.pipe(
   cfi: e,
   spineItemsManager: t
 }) => {
-  var s, r;
-  if (!e) return;
-  const { itemIndex: i } = ee(e), n = t.get(i);
-  if (!n) return;
-  const o = n.renderer.getDocumentFrame();
-  if (o instanceof HTMLIFrameElement) {
-    const a = (s = o.contentWindow) == null ? void 0 : s.document;
-    if (a)
+  var a, r;
+  const { itemIndex: i, ...n } = ee(e), o = t.get(i);
+  if (!o)
+    return {
+      ...n,
+      itemIndex: i
+    };
+  const s = o.renderer.getDocumentFrame();
+  if (s instanceof HTMLIFrameElement) {
+    const c = (a = s.contentWindow) == null ? void 0 : a.document;
+    if (c)
       try {
-        const c = Ii(e, a, {
+        const u = Ii(e, c, {
           throwOnError: !0
         });
         return {
-          node: c.isRange ? (r = c.node) == null ? void 0 : r.startContainer : c.node,
-          isRange: c.isRange,
-          range: c.isRange ? c.node : void 0,
-          offset: Array.isArray(c.offset) ? c.offset.at(-1) : c.offset,
-          spineItem: n
+          ...n,
+          itemIndex: i,
+          node: u.isRange ? (r = u.node) == null ? void 0 : r.startContainer : u.node,
+          isCfiRange: u.isRange,
+          range: u.isRange ? u.node : void 0,
+          offset: Array.isArray(u.offset) ? u.offset.at(-1) : u.offset,
+          spineItem: o
         };
-      } catch (c) {
-        return O.warn(`Error resolving cfi: ${e}.`), O.warn(c), {
-          spineItem: n
+      } catch (u) {
+        return O.warn(`Error resolving cfi: ${e}.`), O.warn(u), {
+          ...n,
+          spineItem: o,
+          itemIndex: i
         };
       }
   }
   return {
-    spineItem: n
+    ...n,
+    itemIndex: i,
+    spineItem: o
   };
-}, zn = (e, t) => {
-  if ("cfi" in t)
-    return t;
+}, Un = (e, t) => {
+  if ("cfi" in t) {
+    const { itemIndex: s, ...a } = e.cfi.parseCfi(t.cfi);
+    return {
+      ...t,
+      ...a,
+      itemIndex: s
+    };
+  }
   const i = e.spineItemsManager.get(t);
   if (!i)
     throw new Error("Spine item not found");
+  const n = lt(i.item);
   return {
-    cfi: ft(i.item)
+    ...e.cfi.parseCfi(n),
+    cfi: lt(i.item),
+    itemIndex: i.index
   };
-}, Hn = (e, t) => {
+}, zn = (e, t) => {
   let i = e == null ? void 0 : e.itemPageIndex;
-  const { itemIndex: n } = t.cfi.parseCfi(e.cfi), o = t.spineItemsManager.get(n);
-  return o ? De().pipe(
-    A(o.isReady$),
-    S(([, s]) => {
+  const { itemIndex: n, ...o } = t.cfi.parseCfi(e.cfi), s = t.spineItemsManager.get(n);
+  return s ? De().pipe(
+    A(s.isReady$),
+    S(([, a]) => {
       const {
         node: r,
-        offset: a,
-        range: c
-      } = (s ? t.cfi.resolveCfi({ cfi: e.cfi }) : {}) ?? {};
-      o.renditionLayout !== "pre-paginated" && r && (i = t.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(
+        offset: c,
+        range: u
+      } = a ? t.cfi.resolveCfi({ cfi: e.cfi }) : {};
+      s.renditionLayout !== "pre-paginated" && r && (i = t.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(
         r,
-        a ?? 0,
-        o
+        c ?? 0,
+        s
       ) ?? i);
-      let d = e == null ? void 0 : e.absolutePageIndex;
-      return i === void 0 && (i = 0), d = t.spine.locator._getAbsolutePageIndexFromPageIndex({
+      let g = e == null ? void 0 : e.absolutePageIndex;
+      return i === void 0 && (i = 0), g = t.spine.locator._getAbsolutePageIndexFromPageIndex({
         pageIndex: i,
-        spineItemOrId: o
+        spineItemOrId: s
       }) ?? (e == null ? void 0 : e.absolutePageIndex), {
         ...e,
-        range: c,
+        ...o,
+        range: u,
         itemIndex: n,
         startNode: r ?? void 0,
-        startOffset: a,
-        absolutePageIndex: d,
+        startOffset: c,
+        absolutePageIndex: g,
         itemPageIndex: i
       };
     })
-  ) : w({ ...e, itemIndex: n });
+  ) : w({ ...e, itemIndex: n, ...o });
 };
-class Bn {
+class Hn {
   constructor(t) {
     this.reader = t, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (i) => {
       const n = this.locatorsByKey.get(i);
@@ -2559,44 +2582,43 @@ class Bn {
     }, this.locate = (i, n) => {
       const o = {
         resource: i,
-        meta: zn(this.reader, i)
+        meta: Un(this.reader, i)
       };
       return ae(() => {
-        var h;
-        const s = (h = this.reader.cfi.parseCfi(
-          o.meta.cfi
-        )) == null ? void 0 : h.itemIndex, r = this.reader.spineItemsManager.get(s), a = (r == null ? void 0 : r.renditionLayout) === "reflowable", c = n.mode === "shallow" || !a || !r ? () => {
-        } : this.reader.spine.spineItemsLoader.forceOpen([r.index]), u = "cfi" in i ? i.cfi : void 0, d = u ? this.locatorsByKey.get(u) : void 0, g = (p) => p.pipe(
+        const s = this.reader.spineItemsManager.get(
+          o.meta.itemIndex ?? 0
+        ), a = (s == null ? void 0 : s.renditionLayout) === "reflowable", r = n.mode === "shallow" || !a || !s ? () => {
+        } : this.reader.spine.spineItemsLoader.forceOpen([s.index]), c = "cfi" in i ? i.cfi : void 0, u = c ? this.locatorsByKey.get(c) : void 0, d = (l) => l.pipe(
           dt(() => {
-            u && this.deregisterMemoizedStream(u), setTimeout(() => {
-              c();
+            c && this.deregisterMemoizedStream(c), setTimeout(() => {
+              r();
             }, 1e3);
           })
         );
-        if (u && d)
-          return d.observerCount++, g(
-            d.consolidate$.pipe(
-              S(({ resource: p, meta: m }) => ({
-                resource: p,
-                meta: m
+        if (c && u)
+          return u.observerCount++, d(
+            u.consolidate$.pipe(
+              S(({ resource: l, meta: h }) => ({
+                resource: l,
+                meta: h
               }))
             )
           );
-        const l = this.reader.spine.layout$.pipe(
+        const g = this.reader.spine.layout$.pipe(
           St(10),
           it(o),
-          oi((p) => Hn(p.meta, this.reader).pipe(
-            S((m) => ({
-              ...p,
-              meta: m
+          oi((l) => zn(l.meta, this.reader).pipe(
+            S((h) => ({
+              ...l,
+              meta: h
             }))
           ), o),
           tt({ refCount: !0, bufferSize: 1 })
         );
-        return u && this.locatorsByKey.set(u, {
+        return c && this.locatorsByKey.set(c, {
           observerCount: 1,
-          consolidate$: l
-        }), g(l);
+          consolidate$: g
+        }), d(g);
       });
     };
   }
@@ -2613,10 +2635,10 @@ const He = (e, t, i) => {
     (o) => o.href === e
   );
   return t.reduce((o, s) => {
-    const r = s.href.indexOf("#"), a = r > 0 ? s.href.substr(0, r) : s.href, c = a.substring(
+    const a = s.href.indexOf("#"), r = a > 0 ? s.href.substr(0, a) : s.href, c = r.substring(
       0,
-      a.lastIndexOf("/")
-    ), u = e.substring(0, e.lastIndexOf("/")), d = e.endsWith(a), g = u !== "" && u.endsWith(c);
+      r.lastIndexOf("/")
+    ), u = e.substring(0, e.lastIndexOf("/")), d = e.endsWith(r), g = u !== "" && u.endsWith(c);
     if (d || g) {
       const h = i.spineItems.findIndex(
         (f) => f.href === s.href
@@ -2633,56 +2655,56 @@ const He = (e, t, i) => {
     }
     return o;
   }, void 0);
-}, En = (e, t) => {
+}, Bn = (e, t) => {
   var n;
   const { href: i } = t;
   return He(i, ((n = e.nav) == null ? void 0 : n.toc) ?? [], e);
-}, _n = (e) => {
+}, En = (e) => {
   const t = e.context.manifest, i = e.spineItemsManager.items;
   return t ? i.reduce(
-    (n, { item: o }) => (n[o.id] = En(t, o), n),
+    (n, { item: o }) => (n[o.id] = Bn(t, o), n),
     {}
   ) : {};
-}, Xn = (e) => e.spineItemsManager.items$.pipe(
+}, _n = (e) => e.spineItemsManager.items$.pipe(
   it([]),
-  S(() => _n(e))
-), Yn = (e, t, i) => e + t * i, qn = (e, t, i) => {
-  const n = e.context, { height: o, width: s } = i.layout.layoutInfo, { top: r, left: a } = e.spine.getSpineItemSpineLayoutInfo(i);
+  S(() => En(e))
+), Xn = (e, t, i) => e + t * i, Yn = (e, t, i) => {
+  const n = e.context, { height: o, width: s } = i.layout.layoutInfo, { top: a, left: r } = e.spine.getSpineItemSpineLayoutInfo(i);
   return e.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
     Math.min(
       1,
-      (t.y - r + n.state.visibleAreaRect.height) / o
+      (t.y - a + n.state.visibleAreaRect.height) / o
     )
   ) : Math.max(
     0,
     Math.min(
       1,
-      (t.x - a + n.state.visibleAreaRect.width) / s
+      (t.x - r + n.state.visibleAreaRect.width) / s
     )
   );
-}, Zn = (e, t, i, n, o) => o.isReady$.pipe(
+}, qn = (e, t, i, n, o) => o.isReady$.pipe(
   z(),
   A(e.layoutInfo$),
-  S(([s, r]) => {
+  S(([s, a]) => {
     var f, b, I, x, F, C, D;
-    const a = e.context, c = ((f = a.manifest) == null ? void 0 : f.renditionLayout) === "pre-paginated", u = ((b = a.manifest) == null ? void 0 : b.spineItems.length) || 0, d = ((I = a.manifest) == null ? void 0 : I.spineItems.slice(0, t).reduce((E, J) => E + (J.progressionWeight ?? 0), 0)) || 0, g = e.spineItemsManager.getSpineItemIndex(o) ?? 0, l = ((x = e.context.manifest) == null ? void 0 : x.spineItems.length) ?? 0, h = r.pages.filter((E) => E.itemIndex === g).length ?? 0, p = ((C = (F = a.manifest) == null ? void 0 : F.spineItems[t]) == null ? void 0 : C.progressionWeight) ?? // if no progressionWeight is defined we "assume" the document weight to be
+    const r = e.context, c = ((f = r.manifest) == null ? void 0 : f.renditionLayout) === "pre-paginated", u = ((b = r.manifest) == null ? void 0 : b.spineItems.length) || 0, d = ((I = r.manifest) == null ? void 0 : I.spineItems.slice(0, t).reduce((E, J) => E + (J.progressionWeight ?? 0), 0)) || 0, g = e.spineItemsManager.getSpineItemIndex(o) ?? 0, l = ((x = e.context.manifest) == null ? void 0 : x.spineItems.length) ?? 0, h = a.pages.filter((E) => E.itemIndex === g).length ?? 0, p = ((C = (F = r.manifest) == null ? void 0 : F.spineItems[t]) == null ? void 0 : C.progressionWeight) ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
     (g + 1) / l;
     let m = (i + 1) * (p / h);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = d + m;
-    return ((D = a.manifest) == null ? void 0 : D.renditionFlow) === "scrolled-continuous" && (s ? m = qn(
+    return ((D = r.manifest) == null ? void 0 : D.renditionFlow) === "scrolled-continuous" && (s ? m = Yn(
       e,
       n,
       o
-    ) : m = 0, y = Yn(
+    ) : m = 0, y = Xn(
       d,
       p,
       m
     )), t === u - 1 && i === h - 1 && y > 0.99 ? 1 : y;
   })
-), Gn = (e) => e.spine.layout$.pipe(
+), Zn = (e) => e.spine.layout$.pipe(
   St(10, rt),
   A(e.pagination.state$),
   S(() => ({
@@ -2700,8 +2722,8 @@ const He = (e, t, i) => {
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), Jn = (e, t, i, n) => {
-  const o = e.context, s = t.beginSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.beginSpineItemIndex) : void 0, r = t.endSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.endSpineItemIndex) : void 0;
+), Gn = (e, t, i, n) => {
+  const o = e.context, s = t.beginSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.beginSpineItemIndex) : void 0, a = t.endSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.endSpineItemIndex) : void 0;
   return w({
     ...t,
     beginChapterInfo: s ? i[s.item.id] : void 0,
@@ -2716,8 +2738,8 @@ const He = (e, t, i) => {
     // charOffset: number;
     // serializeString?: string;
     beginSpineItemReadingDirection: s == null ? void 0 : s.readingDirection,
-    endChapterInfo: r ? i[r.item.id] : void 0,
-    endSpineItemReadingDirection: r == null ? void 0 : r.readingDirection,
+    endChapterInfo: a ? i[a.item.id] : void 0,
+    endSpineItemReadingDirection: a == null ? void 0 : a.readingDirection,
     // spineItemReadingDirection: focusedSpineItem?.getReadingDirection(),
     /**
      * This percentage is based of the weight (kb) of every items and the number of pages.
@@ -2731,7 +2753,7 @@ const He = (e, t, i) => {
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, Kn = (e) => B([
+}, Jn = (e) => B([
   e.pagination.state$,
   // Usually pagination change if layout changes (number of pages) however it is especially
   // useful for like webtoon where you still have one page but only the layout will give you the final size
@@ -2740,7 +2762,7 @@ const He = (e, t, i) => {
 ]).pipe(
   P(([t]) => {
     const i = t.endSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.endSpineItemIndex) : void 0;
-    return i ? Zn(
+    return i ? qn(
       e,
       t.endSpineItemIndex ?? 0,
       t.endPageIndexInSpineItem || 0,
@@ -2748,8 +2770,8 @@ const He = (e, t, i) => {
       i
     ) : w(0);
   })
-), Qn = (e) => {
-  const t = Xn(e), i = Gn(e), n = new U({
+), Kn = (e) => {
+  const t = _n(e), i = Zn(e), n = new U({
     ...e.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2767,17 +2789,17 @@ const He = (e, t, i) => {
   }), o = B([
     e.pagination.state$,
     t,
-    Kn(e)
+    Jn(e)
   ]).pipe(
     P(
-      ([r, a, c]) => Jn(
+      ([a, r, c]) => Gn(
         e,
-        r,
         a,
+        r,
         c
       ).pipe(
         S((u) => ({
-          ...r,
+          ...a,
           ...u
         }))
       )
@@ -2788,27 +2810,27 @@ const He = (e, t, i) => {
     o,
     i
   ]).pipe(
-    S(([r, a]) => ({
-      ...r,
+    S(([a, r]) => ({
       ...a,
-      beginAbsolutePageIndex: a.numberOfPagesPerItems.slice(0, r.beginSpineItemIndex).reduce(
+      ...r,
+      beginAbsolutePageIndex: r.numberOfPagesPerItems.slice(0, a.beginSpineItemIndex).reduce(
         (c, u) => c + u,
-        r.beginPageIndexInSpineItem ?? 0
+        a.beginPageIndexInSpineItem ?? 0
       ),
-      endAbsolutePageIndex: a.numberOfPagesPerItems.slice(0, r.endSpineItemIndex).reduce(
+      endAbsolutePageIndex: r.numberOfPagesPerItems.slice(0, a.endSpineItemIndex).reduce(
         (c, u) => c + u,
-        r.endPageIndexInSpineItem ?? 0
+        a.endPageIndexInSpineItem ?? 0
       )
     })),
-    $((r) => {
-      n.next(r);
+    $((a) => {
+      n.next(a);
     }),
     tt(1)
   ), getPaginationInfo: () => n.value };
-}, to = (e) => (t) => {
-  const i = e(t), { paginationInfo$: n, getPaginationInfo: o } = Qn(i);
+}, Qn = (e) => (t) => {
+  const i = e(t), { paginationInfo$: n, getPaginationInfo: o } = Kn(i);
   n.pipe(T(i.$.destroy$)).subscribe();
-  const s = new Bn(i);
+  const s = new Hn(i);
   return {
     ...i,
     locateResource: s.locateResource.bind(s),
@@ -2822,27 +2844,27 @@ const He = (e, t, i) => {
       }
     }
   };
-}, eo = (e) => ({
-  put: (s, r) => new Promise((a, c) => {
+}, to = (e) => ({
+  put: (s, a) => new Promise((r, c) => {
     const u = e.transaction(["store"], "readwrite");
     u.onerror = (l) => {
       c(l);
     }, u.oncomplete = () => {
-      a();
+      r();
     };
-    const g = u.objectStore("store").put(r, s);
+    const g = u.objectStore("store").put(a, s);
     g.onsuccess = () => {
-      a();
+      r();
     }, g.onerror = (l) => {
       c(l);
     };
   }),
-  keys: () => new Promise((s, r) => {
-    const a = e.transaction(["store"], "readonly");
-    a.onerror = (g) => {
-      r(g);
+  keys: () => new Promise((s, a) => {
+    const r = e.transaction(["store"], "readonly");
+    r.onerror = (g) => {
+      a(g);
     };
-    const u = a.objectStore("store").openKeyCursor(), d = [];
+    const u = r.objectStore("store").openKeyCursor(), d = [];
     u.onsuccess = () => {
       const g = u.result;
       if (!g) {
@@ -2851,28 +2873,28 @@ const He = (e, t, i) => {
       }
       d.push(g.key), g.continue();
     }, u.onerror = () => {
-      r(u.error);
+      a(u.error);
     };
   }),
-  get: (s) => new Promise((r, a) => {
+  get: (s) => new Promise((a, r) => {
     const c = e.transaction(["store"], "readwrite"), d = c.objectStore("store").get(s);
     d.onsuccess = () => {
       let g = d.result;
-      g === void 0 && (g = null), r(g);
+      g === void 0 && (g = null), a(g);
     }, c.onerror = () => {
-      a(d.error);
+      r(d.error);
     };
   }),
-  remove: (s) => new Promise((r, a) => {
+  remove: (s) => new Promise((a, r) => {
     const c = e.transaction(["store"], "readwrite"), d = c.objectStore("store").delete(s);
     c.onerror = () => {
-      a(d.error);
+      r(d.error);
     }, c.oncomplete = () => {
-      r();
+      a();
     }, c.onabort = () => {
       var l;
       const g = d.error ? d.error : (l = d.transaction) == null ? void 0 : l.error;
-      a(g);
+      r(g);
     };
   })
 }), Ot = async (e) => new Promise((t, i) => {
@@ -2880,11 +2902,11 @@ const He = (e, t, i) => {
   n.onerror = (o) => {
     i(o);
   }, n.onsuccess = () => {
-    t(eo(n.result));
+    t(to(n.result));
   }, n.onupgradeneeded = () => {
     n.result.createObjectStore("store");
   };
-}), io = (e) => {
+}), eo = (e) => {
   let t = Date.now().toString();
   const i = new W(), n = (c) => {
     var u, d;
@@ -2916,12 +2938,12 @@ const He = (e, t, i) => {
     }),
     G(e.destroy$)
   ).subscribe();
-  const r = e.manifest$.pipe(
+  const a = e.manifest$.pipe(
     k(() => {
       t = Date.now().toString();
     })
   );
-  return v(r).pipe(
+  return v(a).pipe(
     _(() => (O.debug("Cleanup up old cache..."), j(Ot("prose-reader")).pipe(
       _(
         (c) => j(c.keys()).pipe(
@@ -2943,8 +2965,8 @@ const He = (e, t, i) => {
       i.complete();
     }
   };
-}, no = (e) => (t) => {
-  const i = e(t), n = io(i.context);
+}, io = (e) => (t) => {
+  const i = e(t), n = eo(i.context);
   return {
     ...i,
     // $: {
@@ -2956,7 +2978,7 @@ const He = (e, t, i) => {
     }
     // load,
   };
-}, oo = (e, t) => {
+}, no = (e, t) => {
   var o;
   const i = (o = e.node.ownerDocument) == null ? void 0 : o.createRange(), n = e.node.compareDocumentPosition(t.node);
   if (i) {
@@ -2966,8 +2988,8 @@ const He = (e, t, i) => {
       else if (n & Node.DOCUMENT_POSITION_FOLLOWING)
         i.setStart(e.node, e.offset || 0), i.setEnd(t.node, t.offset || 0);
       else {
-        const s = Math.min(e.offset || 0, t.offset || 0), r = Math.max(e.offset || 0, t.offset || 0);
-        i.setStart(e.node, s), i.setEnd(e.node, r);
+        const s = Math.min(e.offset || 0, t.offset || 0), a = Math.max(e.offset || 0, t.offset || 0);
+        i.setStart(e.node, s), i.setEnd(e.node, a);
       }
     } catch (s) {
       O.warn("Failed to create range from selection", s, {
@@ -2977,26 +2999,26 @@ const He = (e, t, i) => {
     }
     return i;
   }
-}, so = ({
+}, oo = ({
   selection: e,
   spineItem: t
 }) => {
   const { anchorNode: i, anchorOffset: n, focusNode: o, focusOffset: s } = e;
   if (!(!i || !o))
     try {
-      return oo(
+      return no(
         { node: i, offset: n },
         { node: o, offset: s }
       );
-    } catch (r) {
-      O.warn("Failed to create range from selection", r, {
+    } catch (a) {
+      O.warn("Failed to create range from selection", a, {
         selection: e,
         spineItem: t
       });
       return;
     }
 };
-class ro extends X {
+class so extends X {
   constructor(t) {
     var n;
     super();
@@ -3009,14 +3031,14 @@ class ro extends X {
         subtree: !0
       }).pipe(
         M(
-          (r) => !!r.find((a) => a.type === "childList" && a.removedNodes.length)
+          (a) => !!a.find((r) => r.type === "childList" && r.removedNodes.length)
         )
       ), s = t.parentElement ? ce(t.parentElement, {
         childList: !0
       }).pipe(
         M(
-          (r) => !!r.find(
-            (a) => Array.from(a.removedNodes).includes(t)
+          (a) => !!a.find(
+            (r) => Array.from(r.removedNodes).includes(t)
           )
         )
       ) : w(null);
@@ -3026,7 +3048,7 @@ class ro extends X {
       ).pipe(
         S(() => i.getSelection()),
         T(v(s, this.destroy$)),
-        ht(null)
+        mt(null)
       ), this.selectionOver$ = q(i, "pointerdown").pipe(
         P(
           () => v(
@@ -3040,9 +3062,9 @@ class ro extends X {
              * be discarded. The timeout make sure to detect this edge case.
              */
             wt(0),
-            S((r) => {
-              const a = i.getSelection();
-              return a && !a.isCollapsed ? [r, a] : void 0;
+            S((a) => {
+              const r = i.getSelection();
+              return r && !r.isCollapsed ? [a, r] : void 0;
             }),
             M(at)
           )
@@ -3052,12 +3074,12 @@ class ro extends X {
     }
   }
 }
-const ao = (e) => e.loaded$.pipe(
+const ro = (e) => e.loaded$.pipe(
   P(() => {
     var o;
     const t = e.renderer.getDocumentFrame(), i = (t == null ? void 0 : t.contentDocument) || ((o = t == null ? void 0 : t.contentWindow) == null ? void 0 : o.document);
     if (!t || !i) return gt;
-    const n = new ro(t);
+    const n = new so(t);
     return v(
       n.selectionChange$.pipe(
         S((s) => {
@@ -3069,29 +3091,29 @@ const ao = (e) => e.loaded$.pipe(
         })
       ),
       n.selectionOver$.pipe(
-        S(([s, r]) => ({
+        S(([s, a]) => ({
           type: "over",
           event: s,
-          selection: r
+          selection: a
         }))
       )
     ).pipe(
       T(e.unloaded$),
-      ht(void 0),
+      mt(void 0),
       dt(() => {
         n.destroy();
       })
     );
   }),
   H()
-), co = (e) => (t) => {
+), ao = (e) => (t) => {
   const i = e(t);
   let n;
   const o = i.spineItemsManager.items$.pipe(
     P((d) => {
       const g = d.map((l) => {
         const h = i.spineItemsManager.getSpineItemIndex(l) ?? 0;
-        return ao(l).pipe(
+        return ro(l).pipe(
           S((p) => {
             if (p)
               return {
@@ -3109,12 +3131,12 @@ const ao = (e) => e.loaded$.pipe(
       n = d;
     }),
     tt({ refCount: !0, bufferSize: 1 })
-  ), s = o, r = o.pipe(
+  ), s = o, a = o.pipe(
     S((d) => !!d),
     H(),
     M((d) => d),
     V()
-  ), a = r.pipe(
+  ), r = a.pipe(
     P(() => s),
     H(),
     M((d) => !d),
@@ -3134,12 +3156,12 @@ const ao = (e) => e.loaded$.pipe(
     ...i,
     selection: {
       selection$: s,
-      selectionStart$: r,
-      selectionEnd$: a,
+      selectionStart$: a,
+      selectionEnd$: r,
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => n,
-      createOrderedRangeFromSelection: so
+      createOrderedRangeFromSelection: oo
     }
   };
 }, pe = [
@@ -3157,64 +3179,64 @@ const ao = (e) => e.loaded$.pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], uo = (e) => (t) => {
+], co = (e) => (t) => {
   const i = e(t), n = new U(
     t.theme ?? "bright"
   ), o = () => {
-    const a = pe.find(
+    const r = pe.find(
       (c) => c.name === n.value
     );
     return `
       body {
-        ${a !== void 0 ? `background-color: ${a.backgroundColor} !important;` : ""}
+        ${r !== void 0 ? `background-color: ${r.backgroundColor} !important;` : ""}
       }
-      ${a != null && a.foregroundColor ? `
+      ${r != null && r.foregroundColor ? `
           body * {
             
-            color: ${a.foregroundColor};
+            color: ${r.foregroundColor};
           }
         ` : ""}
     `;
   }, s = ({
-    container: a
+    container: r
   }) => {
     const c = pe.find(
       (u) => u.name === n.value
     );
-    return c && a.style.setProperty(
+    return c && r.style.setProperty(
       "background-color",
       c.backgroundColor
     ), () => {
     };
-  }, r = () => {
-    i.spineItemsManager.items.forEach((a) => {
-      const c = a.renderer.getDocumentFrame();
-      c && nt(c, "prose-reader-theme", o()), s({ container: a.element });
+  }, a = () => {
+    i.spineItemsManager.items.forEach((r) => {
+      const c = r.renderer.getDocumentFrame();
+      c && nt(c, "prose-reader-theme", o()), s({ container: r.element });
     });
   };
-  return i.hookManager.register("item.onDocumentLoad", ({ itemId: a }) => {
-    const c = i.spineItemsManager.get(a);
+  return i.hookManager.register("item.onDocumentLoad", ({ itemId: r }) => {
+    const c = i.spineItemsManager.get(r);
     if ((c == null ? void 0 : c.renditionLayout) !== "pre-paginated") {
       const u = c == null ? void 0 : c.renderer.getDocumentFrame();
       u && nt(u, "prose-reader-theme", o());
     }
   }), i.spineItemsManager.items$.pipe(
     k(
-      (a) => a.map(
+      (r) => r.map(
         ({ element: c }) => s({ container: c })
       )
     ),
     G(i.$.destroy$)
   ).subscribe(), n.pipe(
     k(() => {
-      r();
+      a();
     }),
     G(i.$.destroy$)
   ).subscribe(), {
     ...i,
     theme: {
-      set: (a) => {
-        a !== n.value && n.next(a);
+      set: (r) => {
+        r !== n.value && n.next(r);
       },
       get: () => n.value,
       $: {
@@ -3222,7 +3244,7 @@ const ao = (e) => e.loaded$.pipe(
       }
     }
   };
-}, go = (e) => (t) => ({
+}, uo = (e) => (t) => ({
   ...e(t),
   utils: {
     isOrIsWithinValidLink: (o) => {
@@ -3236,13 +3258,13 @@ const ao = (e) => e.loaded$.pipe(
   }
 });
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const lo = (e) => (t) => e(t);
+const go = (e) => (t) => e(t);
 class Be {
   constructor(t) {
     this.reader = t;
   }
 }
-class po extends Be {
+class lo extends Be {
   constructor() {
     super(...arguments), this.isZooming$ = new U(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
   }
@@ -3296,10 +3318,10 @@ const Tt = ({
   screenSize: i,
   scrollOffset: n
 }) => {
-  const o = i * e / 2 - i + i / 2, s = i * t / 2 - i + i / 2, r = e / t, a = n - s;
-  return Math.max(o + a * r, 0);
+  const o = i * e / 2 - i + i / 2, s = i * t / 2 - i + i / 2, a = e / t, r = n - s;
+  return Math.max(o + r * a, 0);
 };
-class ho extends Be {
+class po extends Be {
   constructor() {
     super(...arguments), this.isZooming$ = new U(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
   }
@@ -3316,24 +3338,24 @@ class ho extends Be {
   scaleAt(t) {
     const i = this.reader.spine.element, n = this.reader.navigation.scrollNavigationController.value.element;
     if (!i || !n) return;
-    const o = Math.ceil(t * 100) / 100, s = Math.max(o, 1), r = i.getBoundingClientRect().width / i.offsetWidth, a = n.scrollTop;
+    const o = Math.ceil(t * 100) / 100, s = Math.max(o, 1), a = i.getBoundingClientRect().width / i.offsetWidth, r = n.scrollTop;
     i.style.transform = `scale(${s})`, n.scrollLeft = Tt({
       newScale: s,
-      oldScale: r,
+      oldScale: a,
       pageSize: n.clientWidth,
       screenSize: i.offsetWidth,
       scrollOffset: n.scrollLeft
     }), n.scrollTop = Tt({
       newScale: s,
-      oldScale: r,
+      oldScale: a,
       pageSize: n.clientHeight,
       screenSize: i.offsetHeight,
-      scrollOffset: a
+      scrollOffset: r
     }), this.currentScale = o;
   }
 }
-const mo = (e) => (t) => {
-  const i = e(t), n = new po(i), o = new ho(i), s = new U(o);
+const ho = (e) => (t) => {
+  const i = e(t), n = new lo(i), o = new po(i), s = new U(o);
   return {
     ...i,
     destroy: () => {
@@ -3365,7 +3387,7 @@ const mo = (e) => (t) => {
     }
   };
 }, Ee = (e) => (e == null ? void 0 : e.renditionLayout) === "pre-paginated" || (e == null ? void 0 : e.spineItems.every((t) => t.renditionLayout === "pre-paginated"));
-class pt extends ot {
+class ht extends ot {
   constructor(t) {
     super((i) => this.stateSubject.pipe(T(this.destroy$)).subscribe(i)), this.destroy$ = new W(), this.stateSubject = new U(t);
   }
@@ -3392,7 +3414,7 @@ class pt extends ot {
     this.stateSubject.complete(), this.destroy$.complete();
   }
 }
-class fo {
+class mo {
   constructor() {
     this.navigationSubject = new ie(1), this.viewportStateSubject = new U("free"), this.paginationSubject = new ie(), this.navigationIsLockedSubject = new U(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       H(),
@@ -3404,7 +3426,7 @@ class fo {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-const yo = ({
+const fo = ({
   manifest: e,
   visibleAreaRect: t,
   forceSinglePageMode: i
@@ -3412,7 +3434,7 @@ const yo = ({
   const { height: n, width: o } = t, s = o > n;
   return i || (e == null ? void 0 : e.renditionFlow) === "scrolled-continuous" ? !1 : !s && (e == null ? void 0 : e.renditionSpread) === "portrait" ? !0 : s && ((e == null ? void 0 : e.renditionSpread) === void 0 || (e == null ? void 0 : e.renditionSpread) === "auto" || (e == null ? void 0 : e.renditionSpread) === "landscape" || (e == null ? void 0 : e.renditionSpread) === "both");
 };
-class So extends pt {
+class yo extends ht {
   constructor() {
     super({
       marginBottom: 0,
@@ -3425,7 +3447,7 @@ class So extends pt {
         x: 0,
         y: 0
       }
-    }), this.bridgeEvent = new fo(), this.destroy$ = new W(), this.state$ = this.pipe(Z(N)), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new mo(), this.destroy$ = new W(), this.state$ = this.pipe(Z(N)), this.manifest$ = this.pipe(
       Y((t) => t.manifest),
       K(at),
       Z()
@@ -3445,18 +3467,18 @@ class So extends pt {
    * @todo optimize to not run if not necessary
    */
   update(t) {
-    const i = this.value, n = t.manifest ?? i.manifest, o = t.forceSinglePageMode ?? i.forceSinglePageMode, s = t.visibleAreaRect ?? i.visibleAreaRect, r = t.marginTop ?? i.marginTop, a = t.marginBottom ?? i.marginBottom, c = {
+    const i = this.value, n = t.manifest ?? i.manifest, o = t.forceSinglePageMode ?? i.forceSinglePageMode, s = t.visibleAreaRect ?? i.visibleAreaRect, a = t.marginTop ?? i.marginTop, r = t.marginBottom ?? i.marginBottom, c = {
       ...i,
       ...t,
       ...t.visibleAreaRect && {
         ...t.visibleAreaRect,
-        height: t.visibleAreaRect.height - r - a
+        height: t.visibleAreaRect.height - a - r
       },
       ...t.manifest && {
         isFullyPrePaginated: Ee(n),
         assumedRenditionLayout: (n == null ? void 0 : n.renditionLayout) ?? "reflowable"
       },
-      isUsingSpreadMode: yo({
+      isUsingSpreadMode: fo({
         manifest: n,
         visibleAreaRect: s,
         forceSinglePageMode: o
@@ -3488,7 +3510,7 @@ class So extends pt {
     };
   }
 }
-class bo extends pt {
+class So extends ht {
   constructor(t, i) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3512,19 +3534,19 @@ class bo extends pt {
           hasVerticalWriting: n,
           renditionFlow: o,
           renditionLayout: s,
-          computedPageTurnMode: r
+          computedPageTurnMode: a
         }) => ({
           ...this.value,
           supportedPageTurnMode: o === "scrolled-continuous" ? ["scrollable"] : ["controlled", "scrollable"],
-          supportedPageTurnAnimation: o === "scrolled-continuous" || r === "scrollable" ? ["none"] : n ? ["fade", "none"] : ["fade", "none", "slide"],
-          supportedPageTurnDirection: r === "scrollable" ? ["vertical"] : s === "reflowable" ? ["horizontal"] : ["horizontal", "vertical"]
+          supportedPageTurnAnimation: o === "scrolled-continuous" || a === "scrollable" ? ["none"] : n ? ["fade", "none"] : ["fade", "none", "slide"],
+          supportedPageTurnDirection: a === "scrollable" ? ["vertical"] : s === "reflowable" ? ["horizontal"] : ["horizontal", "vertical"]
         })
       ),
       T(this.destroy$)
     ).subscribe(this.next.bind(this));
   }
 }
-class Io {
+class bo {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3552,12 +3574,12 @@ class Io {
   }
   execute(t, i, n) {
     return this._hooks.filter(
-      (r) => t === r.name
-    ).map((r) => {
-      let a = () => w(void 0);
+      (a) => t === a.name
+    ).map((a) => {
+      let r = () => w(void 0);
       const c = new W(), u = (l) => {
-        a = l;
-      }, d = () => (c.next(), c.complete(), a() ?? w(void 0)), g = r.runFn({
+        r = l;
+      }, d = () => (c.next(), c.complete(), r() ?? w(void 0)), g = a.runFn({
         // biome-ignore lint/suspicious/noExplicitAny: TODO
         ...n,
         destroy$: c.asObservable(),
@@ -3567,22 +3589,22 @@ class Io {
         name: t,
         id: i,
         destroyFn: d,
-        ref: r
+        ref: a
       }), g;
     });
   }
   destroy(t, i, n) {
     const o = this._hookExecutions.filter(
-      (r) => (
+      (a) => (
         // by ref is higher priority
-        n && r.ref === n || // otherwise we refine by name and eventually by id
-        t === r.name && (!i || i && i === r.id)
+        n && a.ref === n || // otherwise we refine by name and eventually by id
+        t === a.name && (!i || i && i === a.id)
       )
     );
     this._hookExecutions = this._hookExecutions.filter(
-      (r) => !o.includes(r)
+      (a) => !o.includes(a)
     );
-    const s = o.map(({ destroyFn: r }) => r());
+    const s = o.map(({ destroyFn: a }) => a());
     return B(s);
   }
 }
@@ -3600,7 +3622,7 @@ class _e {
     };
   }
 }
-const wo = () => (e) => e.pipe(
+const Io = () => (e) => e.pipe(
   S(({ navigation: t, pagination: i, ...n }) => ({
     navigation: {
       ...t,
@@ -3608,7 +3630,7 @@ const wo = () => (e) => e.pipe(
     },
     ...n
   }))
-), Po = (e, t, i) => e.bridgeEvent.pagination$.pipe(
+), wo = (e, t, i) => e.bridgeEvent.pagination$.pipe(
   A(t),
   M(
     ([n, o]) => n.navigationId === o.id
@@ -3621,14 +3643,14 @@ const wo = () => (e) => e.pipe(
   P(([n, o]) => {
     const s = i.spineItemsManager.get(o.spineItem);
     return ((s == null ? void 0 : s.isReady$.pipe(z())) ?? w(!1)).pipe(
-      M((r) => r),
+      M((a) => a),
       S(() => ({
         pagination: n,
         navigation: o
       }))
     );
   }),
-  wo(),
+  Io(),
   H(
     (n, o) => n.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3640,7 +3662,7 @@ const wo = () => (e) => e.pipe(
       }
     })
   )
-), vo = (e) => e.pipe(
+), Po = (e) => e.pipe(
   S(([t, i]) => {
     const n = {
       type: "api",
@@ -3656,7 +3678,7 @@ const wo = () => (e) => e.pipe(
       navigation: n
     };
   })
-), xo = ({ navigationResolver: e }) => (t) => t.pipe(
+), vo = ({ navigationResolver: e }) => (t) => t.pipe(
   S((i) => {
     if (i.navigation.cfi) {
       const n = e.getNavigationForCfi(
@@ -3673,30 +3695,30 @@ const wo = () => (e) => e.pipe(
     }
     return i;
   })
-), $o = ({
+), xo = ({
   navigation: e,
   previousNavigation: t,
   settings: i
-}) => e.directionFromLastNavigation ? e.directionFromLastNavigation : e.url !== void 0 || e.cfi !== void 0 ? "anchor" : t.spineItem === void 0 || e.spineItem || !e.position ? "forward" : i.values.computedPageTurnDirection === "vertical" ? e.position.y > t.position.y || e.position.y === t.position.y && t.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(e.position.x) > Math.abs(t.position.x) || e.position.x === t.position.x && t.directionFromLastNavigation !== "backward" ? "forward" : "backward", To = ({
+}) => e.directionFromLastNavigation ? e.directionFromLastNavigation : e.url !== void 0 || e.cfi !== void 0 ? "anchor" : t.spineItem === void 0 || e.spineItem || !e.position ? "forward" : i.values.computedPageTurnDirection === "vertical" ? e.position.y > t.position.y || e.position.y === t.position.y && t.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(e.position.x) > Math.abs(t.position.x) || e.position.x === t.position.x && t.directionFromLastNavigation !== "backward" ? "forward" : "backward", $o = ({
   context: e,
   settings: t
 }) => (i) => i.pipe(
   S(({ navigation: n, previousNavigation: o }) => {
-    const s = $o({
+    const s = xo({
       navigation: n,
       previousNavigation: o,
       settings: t
-    }), r = {
+    }), a = {
       ...n,
       directionFromLastNavigation: s
     };
     return {
       previousNavigation: o,
-      navigation: r,
+      navigation: a,
       direction: s
     };
   })
-), Fo = ({
+), To = ({
   spineItemsManager: e,
   navigationResolver: t
 }) => (i) => i.pipe(
@@ -3730,13 +3752,13 @@ const wo = () => (e) => e.pipe(
   navigationResolver: i,
   spineLocator: n
 }) => (o) => {
-  const s = (r) => {
+  const s = (a) => {
     const {
-      position: a,
+      position: r,
       spineItem: c,
       cfi: u,
       directionFromLastNavigation: d
-    } = r, { navigationSnapThreshold: g, computedPageTurnMode: l } = e.values;
+    } = a, { navigationSnapThreshold: g, computedPageTurnMode: l } = e.values;
     if (c !== void 0) {
       const h = t.get(c);
       if (h) return h;
@@ -3747,15 +3769,15 @@ const wo = () => (e) => e.pipe(
       const h = t.getSpineItemFromCfi(u);
       if (h) return h;
     }
-    if (a && l === "controlled") {
+    if (r && l === "controlled") {
       const { beginIndex: h, endIndex: p } = n.getVisibleSpineItemsFromPosition({
-        position: a,
+        position: r,
         threshold: g,
         restrictToScreen: !1
       }) ?? {}, m = (d === "forward" || d === "anchor" ? p : h) ?? h, y = t.get(m);
       if (!y) return;
       const { endPageIndex: f, beginPageIndex: b } = n.getVisiblePagesFromViewportPosition({
-        position: a,
+        position: r,
         spineItem: y,
         threshold: g,
         restrictToScreen: !1
@@ -3769,17 +3791,17 @@ const wo = () => (e) => e.pipe(
       }), C = d === "forward" || d === "anchor" ? F == null ? void 0 : F.beginIndex : F == null ? void 0 : F.endIndex;
       return t.get(C);
     }
-    return a && l === "scrollable" ? n.getSpineItemFromPosition(a) : t.get(0);
+    return r && l === "scrollable" ? n.getSpineItemFromPosition(r) : t.get(0);
   };
   return o.pipe(
-    S(({ navigation: r, ...a }) => {
-      const c = s(r);
+    S(({ navigation: a, ...r }) => {
+      const c = s(a);
       return {
         navigation: {
-          ...r,
+          ...a,
           spineItem: t.getSpineItemIndex(c)
         },
-        ...a
+        ...r
       };
     })
   );
@@ -3791,7 +3813,7 @@ const wo = () => (e) => e.pipe(
     return ((s == null ? void 0 : s.isReady$) ?? w(!1)).pipe(
       z(),
       S(
-        (r) => ({
+        (a) => ({
           navigation: {
             ...i,
             spineItemHeight: o == null ? void 0 : o.height,
@@ -3799,7 +3821,7 @@ const wo = () => (e) => e.pipe(
             spineItemLeft: o.left,
             spineItemTop: o.top,
             spineItemIsUsingVerticalWriting: s == null ? void 0 : s.isUsingVerticalWriting(),
-            spineItemIsReady: r
+            spineItemIsReady: a
           },
           ...n
         })
@@ -3812,16 +3834,16 @@ const wo = () => (e) => e.pipe(
   spineLocator: i,
   navigationResolver: n
 }) => (o) => {
-  const s = (r) => {
-    const { navigationSnapThreshold: a, computedPageTurnMode: c } = e.values, u = t.get(r.spineItem);
-    if (!(!u || !r.position)) {
+  const s = (a) => {
+    const { navigationSnapThreshold: r, computedPageTurnMode: c } = e.values, u = t.get(a.spineItem);
+    if (!(!u || !a.position)) {
       if (c === "controlled") {
         const { endPageIndex: d, beginPageIndex: g } = i.getVisiblePagesFromViewportPosition({
-          position: r.position,
+          position: a.position,
           spineItem: u,
-          threshold: a,
+          threshold: r,
           restrictToScreen: !1
-        }) ?? {}, l = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? d : g) ?? 0, h = n.getNavigationForSpineItemPage({
+        }) ?? {}, l = (a.directionFromLastNavigation === "forward" || a.directionFromLastNavigation === "anchor" ? d : g) ?? 0, h = n.getNavigationForSpineItemPage({
           pageIndex: l,
           spineItemId: u
         }), p = i.getVisiblePagesFromViewportPosition({
@@ -3829,28 +3851,28 @@ const wo = () => (e) => e.pipe(
           spineItem: u,
           threshold: { type: "percentage", value: 0 },
           restrictToScreen: !0
-        }), m = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? p == null ? void 0 : p.beginPageIndex : p == null ? void 0 : p.endPageIndex) ?? 0;
+        }), m = (a.directionFromLastNavigation === "forward" || a.directionFromLastNavigation === "anchor" ? p == null ? void 0 : p.beginPageIndex : p == null ? void 0 : p.endPageIndex) ?? 0;
         return i.spineItemLocator.getSpineItemPositionFromPageIndex({
           pageIndex: m,
           spineItem: u
         });
       }
       return i.getSpineItemPositionFromSpinePosition(
-        r.position,
+        a.position,
         u
       );
     }
   };
   return o.pipe(
-    S(({ navigation: r, ...a }) => ({
+    S(({ navigation: a, ...r }) => ({
       navigation: {
-        ...r,
-        positionInSpineItem: s(r)
+        ...a,
+        positionInSpineItem: s(a)
       },
-      ...a
+      ...r
     }))
   );
-}, Lo = ({ navigationResolver: e }) => (t) => t.pipe(
+}, Fo = ({ navigationResolver: e }) => (t) => t.pipe(
   S((i) => {
     if (i.navigation.url) {
       const n = e.getNavigationForUrl(
@@ -3868,7 +3890,7 @@ const wo = () => (e) => e.pipe(
     }
     return i;
   })
-), Mo = ({
+), Lo = ({
   spineLocator: e,
   navigation: t,
   navigationResolver: i,
@@ -3878,15 +3900,15 @@ const wo = () => (e) => e.pipe(
   const s = n.get(t.spineItem);
   return s ? s.isReady$.pipe(
     z(),
-    S((r) => {
+    S((a) => {
       var h, p;
-      const a = o.getSpineItemSpineLayoutInfo(s), c = e.isPositionWithinSpineItem(
+      const r = o.getSpineItemSpineLayoutInfo(s), c = e.isPositionWithinSpineItem(
         t.position,
         s
-      ), u = a.width - (t.spineItemWidth ?? 0), d = a.height - (t.spineItemHeight ?? 0), g = u !== 0 || d !== 0;
+      ), u = r.width - (t.spineItemWidth ?? 0), d = r.height - (t.spineItemHeight ?? 0), g = u !== 0 || d !== 0;
       if (t.url !== void 0 && (u || d || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
-      r && !t.spineItemIsReady)) {
+      a && !t.spineItemIsReady)) {
         const m = i.getNavigationForUrl(
           t.url
         );
@@ -3896,7 +3918,7 @@ const wo = () => (e) => e.pipe(
       const l = t.cfi ?? t.paginationBeginCfi;
       if (l !== void 0 && !Et(l) && (u || d || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
-      r && !t.spineItemIsReady)) {
+      a && !t.spineItemIsReady)) {
         const m = i.getNavigationForCfi(l);
         if (m)
           return m;
@@ -3926,7 +3948,7 @@ const wo = () => (e) => e.pipe(
       return c ? i.getNavigationForPosition(t.position) : i.getNavigationForSpineIndexOrId(s);
     })
   ) : w(new L({ x: 0, y: 0 }));
-}, Co = ({
+}, Mo = ({
   navigation: e,
   spineLocator: t,
   spineItemsManager: i,
@@ -3934,11 +3956,11 @@ const wo = () => (e) => e.pipe(
   navigationResolver: o,
   spine: s
 }) => {
-  const { spineItem: r } = e, a = i.get(r);
-  if (!a) return new L({ x: 0, y: 0 });
-  const { height: c, top: u } = s.getSpineItemSpineLayoutInfo(a), d = t.isPositionWithinSpineItem(
+  const { spineItem: a } = e, r = i.get(a);
+  if (!r) return new L({ x: 0, y: 0 });
+  const { height: c, top: u } = s.getSpineItemSpineLayoutInfo(r), d = t.isPositionWithinSpineItem(
     e.position,
-    a
+    r
   ), g = e.positionInSpineItem ?? new R({
     y: 0,
     x: 0
@@ -3947,18 +3969,18 @@ const wo = () => (e) => e.pipe(
     if (u === e.spineItemTop && c === e.spineItemHeight && d)
       return e.position;
     if (u === e.spineItemTop && c === e.spineItemHeight && !d)
-      return o.getNavigationForSpineIndexOrId(a);
+      return o.getNavigationForSpineIndexOrId(r);
     if (u !== e.spineItemTop) {
       const l = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
         e.positionInSpineItem ?? new R({
           x: 0,
           y: 0
         }),
-        a
+        r
       );
       return t.getSpinePositionFromSpineItemPosition({
         spineItemPosition: l,
-        spineItem: a
+        spineItem: r
       });
     }
     if (u === e.spineItemTop && c !== e.spineItemHeight) {
@@ -3969,11 +3991,11 @@ const wo = () => (e) => e.pipe(
       if (d) {
         const p = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
           h,
-          a
+          r
         );
         return t.getSpinePositionFromSpineItemPosition({
           spineItemPosition: p,
-          spineItem: a
+          spineItem: r
         });
       }
       if (!d) {
@@ -3985,17 +4007,17 @@ const wo = () => (e) => e.pipe(
           return t.getSpinePositionFromSpineItemPosition({
             spineItemPosition: t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
               m,
-              a
+              r
             ),
-            spineItem: a
+            spineItem: r
           });
         }
-        return o.getNavigationForSpineIndexOrId(a);
+        return o.getNavigationForSpineIndexOrId(r);
       }
     }
   }
   return e.position;
-}, Ro = ({
+}, Co = ({
   navigation: e,
   spineItemsManager: t,
   settings: i,
@@ -4003,7 +4025,7 @@ const wo = () => (e) => e.pipe(
   navigationResolver: o,
   spine: s
 }) => i.values.computedPageTurnMode === "scrollable" ? w(
-  Co({
+  Mo({
     navigation: e,
     spineLocator: n,
     navigationResolver: o,
@@ -4011,7 +4033,7 @@ const wo = () => (e) => e.pipe(
     spineItemsManager: t,
     spine: s
   })
-) : Mo({
+) : Lo({
   navigation: e,
   spineLocator: n,
   navigationResolver: o,
@@ -4023,7 +4045,7 @@ const wo = () => (e) => e.pipe(
   context: i,
   spine: n
 }) => (o) => o.pipe(
-  P((s) => Ro({
+  P((s) => Co({
     spineLocator: n.locator,
     navigation: s.navigation,
     navigationResolver: t,
@@ -4032,18 +4054,18 @@ const wo = () => (e) => e.pipe(
     spineItemLocator: n.locator.spineItemLocator,
     spine: n
   }).pipe(
-    S((r) => ({
+    S((a) => ({
       ...s,
       navigation: {
         ...s.navigation,
-        position: r
+        position: a
       }
     }))
   ))
-), Ao = "navigation/InternalNavigator", Do = O.namespace(Ao);
-class No extends X {
-  constructor(t, i, n, o, s, r, a, c) {
-    super(), this.settings = t, this.context = i, this.userNavigation$ = n, this.viewportController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isUserLocked$ = c, this.navigationSubject = new U({
+), Ro = "navigation/InternalNavigator", Ao = O.namespace(Ro);
+class Do extends X {
+  constructor(t, i, n, o, s, a, r, c) {
+    super(), this.settings = t, this.context = i, this.userNavigation$ = n, this.viewportController = o, this.scrollNavigationController = s, this.navigationResolver = a, this.spine = r, this.isUserLocked$ = c, this.navigationSubject = new U({
       animation: !1,
       position: new L({ x: 0, y: 0 }),
       meta: {
@@ -4064,59 +4086,59 @@ class No extends X {
     ), this.locker = new _e();
     const u = n.pipe(
       A(this.navigationSubject),
-      vo,
+      Po,
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Lo({
-        navigationResolver: r
+      Fo({
+        navigationResolver: a
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      xo({
-        navigationResolver: r
+      vo({
+        navigationResolver: a
       }),
-      To({ context: i, settings: t }),
+      $o({ context: i, settings: t }),
       he({
-        navigationResolver: r,
+        navigationResolver: a,
         settings: t,
-        spineItemsManager: a.spineItemsManager,
-        spineLocator: a.locator
+        spineItemsManager: r.spineItemsManager,
+        spineLocator: r.locator
       }),
       Vt({
-        navigationResolver: r,
+        navigationResolver: a,
         settings: t,
-        spineItemsManager: a.spineItemsManager,
-        spineLocator: a.locator
+        spineItemsManager: r.spineItemsManager,
+        spineLocator: r.locator
       }),
       me({
-        spine: a
+        spine: r
       })
     ).pipe(
-      Fo({
-        navigationResolver: r,
-        spineItemsManager: a.spineItemsManager
+      To({
+        navigationResolver: a,
+        spineItemsManager: r.spineItemsManager
       }),
       A(c),
       P(([f, b]) => {
         const I = f.navigation.cfi || f.navigation.url || t.values.computedPageTurnMode === "scrollable" || b;
         return w(f).pipe(
           I ? Pt : fe({
-            navigationResolver: r,
+            navigationResolver: a,
             settings: t,
-            spine: a,
+            spine: r,
             context: i
           })
         );
       }),
       Vt({
-        spineItemsManager: a.spineItemsManager,
-        spineLocator: a.locator,
+        spineItemsManager: r.spineItemsManager,
+        spineLocator: r.locator,
         settings: t,
-        navigationResolver: r
+        navigationResolver: a
       }),
       S((f) => f.navigation),
       V()
@@ -4143,7 +4165,7 @@ class No extends X {
       V()
     ), g = v(
       o.layout$,
-      a.layout$
+      r.layout$
     ).pipe(
       P(() => w(null).pipe(
         P(
@@ -4173,10 +4195,10 @@ class No extends X {
     ).pipe(
       S((f) => ({ navigation: f })),
       fe({
-        navigationResolver: r,
+        navigationResolver: a,
         settings: t,
         context: i,
-        spine: a
+        spine: r
       }),
       S((f) => {
         const b = {
@@ -4196,33 +4218,33 @@ class No extends X {
        * yet.
        */
       he({
-        navigationResolver: r,
+        navigationResolver: a,
         settings: t,
-        spineItemsManager: a.spineItemsManager,
-        spineLocator: a.locator
+        spineItemsManager: r.spineItemsManager,
+        spineLocator: r.locator
       }),
       me({
-        spine: a
+        spine: r
       }),
       Vt({
-        spineItemsManager: a.spineItemsManager,
-        spineLocator: a.locator,
+        spineItemsManager: r.spineItemsManager,
+        spineLocator: r.locator,
         settings: t,
-        navigationResolver: r
+        navigationResolver: a
       }),
       S(({ navigation: f }) => f),
       V()
-    ), h = Po(
+    ), h = wo(
       i,
       this.navigationSubject,
-      a
+      r
     ), p = v(
       l,
       u,
       h
     ), m = (f) => f.pipe(
       $(([b, I]) => {
-        Do.info(
+        Ao.info(
           `navigation updated from ${b.meta.triggeredBy} of type ${b.type}`,
           {
             previousNavigation: I,
@@ -4286,24 +4308,24 @@ const Xe = ({
       scrollOffset: t
     })
   });
-}, Oo = 500;
-class Vo extends X {
+}, No = 500;
+class Oo extends X {
   constructor(t, i, n, o, s) {
     super(), this.settings = t, this.context = i, this.spine = n, this.scrollNavigationController = o, this.locker = s, this.navigationSubject = new W(), this.navigation$ = this.navigationSubject.asObservable();
-    const r = this.scrollNavigationController.userScroll$.pipe(
-      Wt((a) => {
+    const a = this.scrollNavigationController.userScroll$.pipe(
+      Wt((r) => {
         const c = this.locker.lock();
         return v(
           this.scrollNavigationController.userScroll$,
-          w(a)
+          w(r)
         ).pipe(
           St(
-            Oo,
+            No,
             rt
           ),
           z(),
           $(() => {
-            const u = a.target, d = Xe({
+            const u = r.target, d = Xe({
               element: u,
               position: new L({
                 x: u.scrollLeft ?? 0,
@@ -4323,25 +4345,25 @@ class Vo extends X {
         );
       })
     );
-    v(r).pipe(T(this.destroy$)).subscribe();
+    v(a).pipe(T(this.destroy$)).subscribe();
   }
 }
-const jo = (e) => ({
+const Vo = (e) => ({
   x: -e.x,
   y: -e.y
-}), ko = (e) => e instanceof DOMMatrix ? new L({
+}), jo = (e) => e instanceof DOMMatrix ? new L({
   x: -e.e,
   y: -e.f
 }) : new L({
   x: -e.x,
   y: -e.y
-}), Wo = "navigation/ViewportNavigator", ye = O.namespace(Wo);
-class Uo extends X {
+}), ko = "navigation/ViewportNavigator", ye = O.namespace(ko);
+class Wo extends X {
   constructor(t, i, n, o, s) {
     super(), this.settings = t, this.hookManager = i, this.context = n, this.spine = o, this.viewport = s, this.navigateSubject = new W(), this.element$ = new U(
       document.createElement("div")
     );
-    const r = this.spine.element$.pipe(
+    const a = this.spine.element$.pipe(
       M(qt),
       A(this.element$),
       $(([d, g]) => {
@@ -4349,14 +4371,14 @@ class Uo extends X {
           height: 100%;
           width: 100%;
           position: relative;
-        `, g.className = `${lt}-controlled-navigator`, g.innerHTML = "", g.appendChild(d), this.viewport.value.element.appendChild(g), this.element$.next(g);
+        `, g.className = `${pt}-controlled-navigator`, g.innerHTML = "", g.appendChild(d), this.viewport.value.element.appendChild(g), this.element$.next(g);
       })
-    ), a = t.watch([
+    ), r = t.watch([
       "computedPageTurnDirection",
       "computedPageTurnMode",
       "numberOfAdjacentSpineItemToPreLoad"
     ]), c = B([
-      a,
+      r,
       this.element$
     ]).pipe(
       $(([, d]) => {
@@ -4437,7 +4459,7 @@ class Uo extends X {
       }),
       it(!1),
       tt(1)
-    ), v(r, this.isNavigating$, this.layout$).pipe(T(this.destroy$)).subscribe();
+    ), v(a, this.isNavigating$, this.layout$).pipe(T(this.destroy$)).subscribe();
   }
   /**
    * Programmatically set the viewport position.
@@ -4448,7 +4470,7 @@ class Uo extends X {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(t) {
-    const i = this.element$.getValue(), n = jo(t);
+    const i = this.element$.getValue(), n = Vo(t);
     i.style.transform = `translate(${n.x}px, ${n.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(t) {
@@ -4463,10 +4485,10 @@ class Uo extends X {
     if (!n || n === "none")
       return new L({ x: 0, y: 0 });
     const o = new DOMMatrix(n);
-    return ko(o);
+    return jo(o);
   }
 }
-class zo extends pt {
+class Uo extends ht {
   constructor(t, i, n, o, s) {
     super({
       element: void 0
@@ -4483,7 +4505,7 @@ class zo extends pt {
         T(v(this.scrollingSubject.pipe(ve(1)), this.destroy$))
       ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
     };
-    const r = this.context.pipe(
+    const a = this.context.pipe(
       Jt(["rootElement"]),
       $(({ rootElement: g }) => {
         if (!g) return;
@@ -4494,9 +4516,9 @@ class zo extends pt {
           position: relative;
           overflow-y: scroll;
           overflow-x: hidden;
-        `, l.className = `${lt}-scroll-navigator`, l.appendChild(this.viewport.value.element), g.appendChild(l), this.update({ element: l });
+        `, l.className = `${pt}-scroll-navigator`, l.appendChild(this.viewport.value.element), g.appendChild(l), this.update({ element: l });
       })
-    ), a = B([
+    ), r = B([
       i.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
@@ -4553,7 +4575,7 @@ class zo extends pt {
         )
       ),
       V()
-    ), v(r, a, c).pipe(T(this.destroy$)).subscribe();
+    ), v(a, r, c).pipe(T(this.destroy$)).subscribe();
   }
   update(t) {
     this.mergeCompare(t);
@@ -4577,12 +4599,12 @@ const Ft = (e, t, i) => {
   const n = i - e, o = i * (t * e) / (i || 1);
   return Math.max(0, Math.min(n, o));
 }, _t = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), xt = (e, t, i) => {
-  const n = _t(i, t), o = [...Array(n)].map((s, r) => r * t);
+  const n = _t(i, t), o = [...Array(n)].map((s, a) => a * t);
   return e >= n * t ? o[o.length - 1] || 0 : o.find((s) => e < s + t) || 0;
 }, Se = (e, t, i) => {
   const n = [...Array(i)].map((o, s) => s * t);
   return e <= 0 || i === 0 ? 0 : e >= i * t ? i - 1 : n.findIndex((o) => e < o + t) ?? 0;
-}, Ho = ({
+}, zo = ({
   itemWidth: e,
   itemHeight: t,
   spineItemPosition: i
@@ -4596,19 +4618,19 @@ const Ft = (e, t, i) => {
   pageWidth: n,
   pageHeight: o,
   pageTurnDirection: s,
-  pageTurnMode: r
-}) => s === "vertical" && r === "scrollable" ? 1 : i || s === "vertical" ? _t(e, o) : _t(t, n), be = ({
+  pageTurnMode: a
+}) => s === "vertical" && a === "scrollable" ? 1 : i || s === "vertical" ? _t(e, o) : _t(t, n), be = ({
   itemWidth: e,
   itemHeight: t,
   position: i,
   isUsingVerticalWriting: n,
   pageWidth: o,
   pageHeight: s,
-  pageTurnDirection: r,
-  pageTurnMode: a,
+  pageTurnDirection: a,
+  pageTurnMode: r,
   isRTL: c
 }) => {
-  const d = Ho({
+  const d = zo({
     spineItemPosition: i,
     itemHeight: t,
     itemWidth: e
@@ -4618,14 +4640,14 @@ const Ft = (e, t, i) => {
     itemWidth: e,
     pageWidth: o,
     pageHeight: s,
-    pageTurnDirection: r,
-    pageTurnMode: a
+    pageTurnDirection: a,
+    pageTurnMode: r
   });
   if (n)
     return Se(i.y, s, g);
   const l = Se(d, o, g);
   return c ? g - 1 - l : l;
-}, Bo = ({
+}, Ho = ({
   pageIndex: e,
   itemLayout: t,
   context: i,
@@ -4658,13 +4680,13 @@ const Ft = (e, t, i) => {
   context: e,
   settings: t
 }) => {
-  const i = (r, a, c) => {
+  const i = (a, r, c) => {
     var l;
     let u;
-    if ((r == null ? void 0 : r.nodeName) === "img" || (r == null ? void 0 : r.textContent) === "" && r.nodeType === Node.ELEMENT_NODE)
-      u = r.getBoundingClientRect().x;
-    else if (r) {
-      const h = r ? Ai(r, a) : void 0;
+    if ((a == null ? void 0 : a.nodeName) === "img" || (a == null ? void 0 : a.textContent) === "" && a.nodeType === Node.ELEMENT_NODE)
+      u = a.getBoundingClientRect().x;
+    else if (a) {
+      const h = a ? Ri(a, r) : void 0;
       u = (h == null ? void 0 : h.getBoundingClientRect().x) || u;
     }
     const d = ((l = c.layout.layoutInfo) == null ? void 0 : l.width) || 0, g = e.getPageSize().width;
@@ -4680,24 +4702,24 @@ const Ft = (e, t, i) => {
   return {
     getSpineItemPositionFromNode: i,
     getSpineItemPositionFromPageIndex: ({
-      pageIndex: r,
-      spineItem: a
-    }) => Bo({
+      pageIndex: a,
+      spineItem: r
+    }) => Ho({
       context: e,
-      isUsingVerticalWriting: !!a.isUsingVerticalWriting(),
-      itemLayout: a.layout.layoutInfo,
-      pageIndex: r
+      isUsingVerticalWriting: !!r.isUsingVerticalWriting(),
+      itemLayout: r.layout.layoutInfo,
+      pageIndex: a
     }),
-    getSpineItemPageIndexFromPosition: (r) => be({
-      ...r,
+    getSpineItemPageIndexFromPosition: (a) => be({
+      ...a,
       isRTL: e.isRTL(),
       pageWidth: e.getPageSize().width,
       pageHeight: e.getPageSize().height,
       pageTurnDirection: t.values.computedPageTurnDirection,
       pageTurnMode: t.values.pageTurnMode
     }),
-    getSpineItemPageIndexFromNode: (r, a, c) => {
-      const u = i(r, a, c), { height: d, width: g } = c.layout.layoutInfo;
+    getSpineItemPageIndexFromNode: (a, r, c) => {
+      const u = i(a, r, c), { height: d, width: g } = c.layout.layoutInfo;
       return u ? be({
         isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
         position: u,
@@ -4710,69 +4732,69 @@ const Ft = (e, t, i) => {
         pageTurnMode: t.values.pageTurnMode
       }) : void 0;
     },
-    getSpineItemClosestPositionFromUnsafePosition: (r, a) => {
-      const { width: c, height: u } = a.layout.layoutInfo;
+    getSpineItemClosestPositionFromUnsafePosition: (a, r) => {
+      const { width: c, height: u } = r.layout.layoutInfo;
       return new R({
         x: xt(
-          r.x,
+          a.x,
           e.getPageSize().width,
           c
         ),
         y: xt(
-          r.y,
+          a.y,
           e.getPageSize().height,
           u
         )
       });
     },
-    getSpineItemPagePositionFromSpineItemPosition: (r, a, c) => {
+    getSpineItemPagePositionFromSpineItemPosition: (a, r, c) => {
       const { width: u, height: d } = c.layout.layoutInfo, g = e.getPageSize().width, l = e.getPageSize().height;
       if (!!c.isUsingVerticalWriting()) {
         const m = Ft(
           l,
-          a,
+          r,
           d
         );
         return new Nt({
-          x: r.x,
-          y: r.y - m
+          x: a.x,
+          y: a.y - m
         });
       }
-      const p = Ft(g, a, u);
+      const p = Ft(g, r, u);
       if (e.isRTL()) {
-        const m = u - (a + 1) * g;
+        const m = u - (r + 1) * g;
         return new Nt({
-          x: r.x - Math.max(0, m),
-          y: r.y
+          x: a.x - Math.max(0, m),
+          y: a.y
         });
       }
       return new Nt({
-        x: r.x - p,
-        y: r.y
+        x: a.x - p,
+        y: a.y
       });
     }
   };
-}, Eo = ({
+}, Bo = ({
   context: e,
   settings: t
 }) => {
   const i = qe({ context: e, settings: t });
   return {
-    getNavigationForLastPage: (r) => {
-      const a = r.numberOfPages;
+    getNavigationForLastPage: (a) => {
+      const r = a.numberOfPages;
       return i.getSpineItemPositionFromPageIndex({
-        pageIndex: a - 1,
-        spineItem: r
+        pageIndex: r - 1,
+        spineItem: a
       });
     },
-    getNavigationForPosition: (r, a) => i.getSpineItemClosestPositionFromUnsafePosition(
-      a,
-      r
+    getNavigationForPosition: (a, r) => i.getSpineItemClosestPositionFromUnsafePosition(
+      r,
+      a
     ),
-    getNavigationFromNode: (r, a, c) => i.getSpineItemPositionFromNode(
-      a,
+    getNavigationFromNode: (a, r, c) => i.getSpineItemPositionFromNode(
+      r,
       c,
-      r
+      a
     ) || new R({ x: 0, y: 0 })
   };
 }, et = ({
@@ -4790,17 +4812,17 @@ const Ft = (e, t, i) => {
   visibleAreaRectWidth: o,
   spine: s
 }) => {
-  const r = n.get(
+  const a = n.get(
     n.items.length - 1
-  ), a = s.getSpineItemSpineLayoutInfo(
-    r || 0
-  ), c = a.bottom - i, u = Math.min(Math.max(0, e.y), c);
+  ), r = s.getSpineItemSpineLayoutInfo(
+    a || 0
+  ), c = r.bottom - i, u = Math.min(Math.max(0, e.y), c);
   if (t)
     return new L({
-      x: Math.max(Math.min(0, e.x), a.left),
+      x: Math.max(Math.min(0, e.x), r.left),
       y: u
     });
-  const d = a.right - o;
+  const d = r.right - o;
   return new L({
     x: Math.min(Math.max(0, e.x), d),
     y: u
@@ -4816,21 +4838,21 @@ const Ft = (e, t, i) => {
     const s = t.getSpineItemPositionFromSpinePosition(
       e,
       o
-    ), r = n.getNavigationForPosition(
+    ), a = n.getNavigationForPosition(
       o,
       s
-    ), a = t.getSpinePositionFromSpineItemPosition({
-      spineItemPosition: r,
+    ), r = t.getSpinePositionFromSpineItemPosition({
+      spineItemPosition: a,
       spineItem: o
     });
     return et({
-      position: a,
+      position: r,
       pageSizeWidth: i.getPageSize().width,
       visibleAreaRectWidth: i.state.visibleAreaRect.width
     });
   }
   return new L({ x: 0, y: 0 });
-}, _o = ({
+}, Eo = ({
   pageIndex: e,
   spineItemsManager: t,
   spineItemId: i,
@@ -4838,8 +4860,8 @@ const Ft = (e, t, i) => {
   spineLocator: o,
   spineItemNavigationResolver: s
 }) => {
-  const r = t.get(i);
-  if (!r) {
+  const a = t.get(i);
+  if (!a) {
     const u = e * n.getPageSize().width;
     return Xt({
       viewportPosition: new L({ x: u, y: 0 }),
@@ -4848,37 +4870,37 @@ const Ft = (e, t, i) => {
       spineLocator: o
     });
   }
-  const a = o.spineItemLocator.getSpineItemPositionFromPageIndex({
+  const r = o.spineItemLocator.getSpineItemPositionFromPageIndex({
     pageIndex: e,
-    spineItem: r
+    spineItem: a
   }), c = o.getSpinePositionFromSpineItemPosition({
-    spineItemPosition: a,
-    spineItem: r
+    spineItemPosition: r,
+    spineItem: a
   });
   return et({
     position: c,
     pageSizeWidth: n.getPageSize().width,
     visibleAreaRectWidth: n.state.visibleAreaRect.width
   });
-}, Xo = ({
+}, _o = ({
   anchor: e,
   spineItem: t,
   context: i
 }) => {
-  var a;
-  const n = ((a = t.layout.layoutInfo) == null ? void 0 : a.width) || 0, o = i.getPageSize().width, s = t.getBoundingRectOfElementFromSelector(e), r = (s == null ? void 0 : s.x) || 0;
+  var r;
+  const n = ((r = t.layout.layoutInfo) == null ? void 0 : r.width) || 0, o = i.getPageSize().width, s = t.getBoundingRectOfElementFromSelector(e), a = (s == null ? void 0 : s.x) || 0;
   return xt(
-    r,
+    a,
     o,
     n
   );
-}, Yo = ({
+}, Xo = ({
   anchor: e,
   context: t,
   spineItem: i,
   spineLocator: n
 }) => {
-  const o = Xo({
+  const o = _o({
     anchor: e,
     spineItem: i,
     context: t
@@ -4887,7 +4909,7 @@ const Ft = (e, t, i) => {
     spineItemPosition: new R({ x: o, y: 0 }),
     spineItem: i
   });
-}, qo = ({
+}, Yo = ({
   anchor: e,
   spineItem: t,
   spineLocator: i,
@@ -4895,18 +4917,18 @@ const Ft = (e, t, i) => {
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = Yo({
+  const a = Xo({
     anchor: e,
     context: n,
     spineItem: t,
     spineLocator: i
   });
   return et({
-    position: r,
+    position: a,
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, Zo = ({
+}, qo = ({
   context: e,
   spineItemsManager: t,
   spineLocator: i,
@@ -4914,16 +4936,16 @@ const Ft = (e, t, i) => {
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  var r;
+  var a;
   try {
-    const a = n instanceof URL ? n : new URL(n), c = `${a.origin}${a.pathname}`, u = (r = e.manifest) == null ? void 0 : r.spineItems.find(
+    const r = n instanceof URL ? n : new URL(n), c = `${r.origin}${r.pathname}`, u = (a = e.manifest) == null ? void 0 : a.spineItems.find(
       (d) => d.href === c
     );
     if (u) {
       const d = t.get(u.id);
       if (d) {
-        const g = qo({
-          anchor: a.hash,
+        const g = Yo({
+          anchor: r.hash,
           spineItem: d,
           context: e,
           spineLocator: i,
@@ -4941,11 +4963,11 @@ const Ft = (e, t, i) => {
       }
     }
     return;
-  } catch (a) {
-    console.error(a);
+  } catch (r) {
+    console.error(r);
     return;
   }
-}, Go = ({
+}, Zo = ({
   spineItem: e,
   spineItemPosition: t,
   spineLocator: i,
@@ -4955,25 +4977,25 @@ const Ft = (e, t, i) => {
   const s = n.getSpineItemClosestPositionFromUnsafePosition(
     t,
     e
-  ), r = i.getSpinePositionFromSpineItemPosition({
+  ), a = i.getSpinePositionFromSpineItemPosition({
     spineItemPosition: s,
     spineItem: e
   });
   return et({
-    position: r,
+    position: a,
     pageSizeWidth: o.getPageSize().width,
     visibleAreaRectWidth: o.state.visibleAreaRect.width
   });
-}, Jo = "spineNavigator", Ko = ({
+}, Go = "spineNavigator", Jo = ({
   context: e,
   spineItemsManager: t,
   locator: i,
   settings: n,
   spine: o
 }) => {
-  const s = Eo({ context: e, settings: n });
+  const s = Bo({ context: e, settings: n });
   return {
-    getNavigationForUrl: (l) => Zo({
+    getNavigationForUrl: (l) => qo({
       context: e,
       spineItemsManager: t,
       spineLocator: i,
@@ -4981,14 +5003,14 @@ const Ft = (e, t, i) => {
       pageSizeWidth: e.getPageSize().width,
       visibleAreaRectWidth: e.state.visibleAreaRect.width
     }),
-    getNavigationForSpineItemPage: (l) => _o({
+    getNavigationForSpineItemPage: (l) => Eo({
       ...l,
       context: e,
       spineItemsManager: t,
       spineItemNavigationResolver: s,
       spineLocator: i
     }),
-    getNavigationFromSpineItemPosition: (l) => Go({
+    getNavigationFromSpineItemPosition: (l) => Zo({
       ...l,
       spineItemLocator: i.spineItemLocator,
       spineLocator: i,
@@ -4998,9 +5020,9 @@ const Ft = (e, t, i) => {
       const h = t.getSpineItemFromCfi(l), { node: p, offset: m = 0 } = ze({
         cfi: l,
         spineItemsManager: t
-      }) || {};
+      });
       if (!h) {
-        O.warn(Jo, `unable to detect item id from cfi ${l}`);
+        O.warn(Go, `unable to detect item id from cfi ${l}`);
         return;
       }
       const y = p ? s.getNavigationFromNode(h, p, m) : new R({ x: 0, y: 0 }), f = i.getSpinePositionFromSpineItemPosition({
@@ -5078,7 +5100,7 @@ const Ft = (e, t, i) => {
     }),
     spineItemNavigator: s
   };
-}, Qo = ({
+}, Ko = ({
   spineItemsManager: e,
   context: t,
   hookManager: i,
@@ -5086,34 +5108,34 @@ const Ft = (e, t, i) => {
   settings: o,
   viewport: s
 }) => {
-  const r = new W(), a = new _e(), c = Ko({
+  const a = new W(), r = new _e(), c = Jo({
     context: t,
     settings: o,
     spineItemsManager: e,
     locator: n.locator,
     spine: n
-  }), u = new Uo(
+  }), u = new Wo(
     o,
     i,
     t,
     n,
     s
-  ), d = new zo(
+  ), d = new Uo(
     s,
     o,
     i,
     n,
     t
-  ), g = new Vo(
+  ), g = new Oo(
     o,
     t,
     n,
     d,
-    a
+    r
   ), l = v(
-    r,
+    a,
     g.navigation$
-  ), h = new No(
+  ), h = new Do(
     o,
     t,
     l,
@@ -5121,11 +5143,11 @@ const Ft = (e, t, i) => {
     d,
     c,
     n,
-    a.isLocked$
+    r.isLocked$
   ), p = B([
     u.isNavigating$,
     d.isNavigating$,
-    a.isLocked$,
+    r.isLocked$,
     h.locker.isLocked$
   ]).pipe(
     Y((f) => f.some((b) => b) ? "busy" : "free"),
@@ -5140,19 +5162,19 @@ const Ft = (e, t, i) => {
     internalNavigator: h,
     scrollNavigationController: d,
     controlledNavigationController: u,
-    locker: a,
+    locker: r,
     viewportState$: p,
     navigate: (f) => {
-      r.next(f);
+      a.next(f);
     },
     lock() {
-      return a.lock();
+      return r.lock();
     },
     navigationResolver: c,
     navigation$: h.navigation$
   };
 };
-class ts extends pt {
+class Qo extends ht {
   constructor(t, i) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5170,10 +5192,10 @@ class ts extends pt {
     this.mergeCompare(t);
   }
 }
-class es extends X {
+class ts extends X {
   constructor(t, i, n, o, s) {
     super(), this.context = t, this.pagination = i, this.spineItemsManager = n, this.spine = o, this.spineItemLocator = s;
-    const r = v(
+    const a = v(
       this.context.bridgeEvent.navigation$,
       o.layout$
     ).pipe(
@@ -5204,7 +5226,7 @@ class es extends X {
             }) ?? {}, { endPageIndex: I = 0 } = c({
               spineItem: m,
               position: d
-            }) ?? {}, x = y === void 0 || Et(y) || g.beginSpineItemIndex !== l, F = g.endSpineItemIndex !== h || f === void 0 || Et(f), C = x ? ft(p.item) : y, D = F ? ft(m.item) : f, E = p.numberOfPages, J = m.numberOfPages;
+            }) ?? {}, x = y === void 0 || Et(y) || g.beginSpineItemIndex !== l, F = g.endSpineItemIndex !== h || f === void 0 || Et(f), C = x ? lt(p.item) : y, D = F ? lt(m.item) : f, E = p.numberOfPages, J = m.numberOfPages;
             this.pagination.update({
               beginCfi: C,
               beginNumberOfPagesInSpineItem: E,
@@ -5219,7 +5241,7 @@ class es extends X {
           })
         );
       })
-    ), a = r.pipe(
+    ), r = a.pipe(
       Ct(this.context.bridgeEvent.viewportFree$),
       $(() => {
         const {
@@ -5245,10 +5267,10 @@ class es extends X {
         });
       })
     );
-    v(r, a).pipe(T(this.destroy$)).subscribe();
+    v(a, r).pipe(T(this.destroy$)).subscribe();
   }
 }
-class is extends X {
+class es extends X {
   constructor(t) {
     super();
     const i = {
@@ -5293,7 +5315,7 @@ class is extends X {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class ns extends is {
+class is extends es {
   constructor(t, i) {
     super(t), this.context = i;
     const n = B([
@@ -5338,10 +5360,10 @@ class ns extends is {
     };
   }
 }
-class os extends X {
-  constructor(t, i, n, o, s, r) {
-    super(), this.item = t, this.containerElement = i, this.context = n, this.hookManager = o, this.renderer = s, this.settings = r, this.layoutTriggerSubject = new W(), this.lastLayout = null, this.applyDimsAfterLayout = ({
-      blankPagePosition: a,
+class ns extends X {
+  constructor(t, i, n, o, s, a) {
+    super(), this.item = t, this.containerElement = i, this.context = n, this.hookManager = o, this.renderer = s, this.settings = a, this.layoutTriggerSubject = new W(), this.lastLayout = null, this.applyDimsAfterLayout = ({
+      blankPagePosition: r,
       minimumWidth: c
     }) => (u) => u.pipe(
       S((d) => {
@@ -5363,23 +5385,23 @@ class os extends X {
           height: I,
           pageSize: this.context.getPageSize()
         }, this.containerElement.style.width = `${b}px`, this.containerElement.style.height = `${I}px`, this.hookManager.execute("item.onAfterLayout", void 0, {
-          blankPagePosition: a,
+          blankPagePosition: r,
           item: this.item,
           minimumWidth: c
         }), { width: b, height: I };
       })
-    ), this.layout = (a) => {
-      const c = Hi(this.layout$.pipe(z()));
-      return this.layoutTriggerSubject.next(a), c();
+    ), this.layout = (r) => {
+      const c = zi(this.layout$.pipe(z()));
+      return this.layoutTriggerSubject.next(r), c();
     }, this.adjustPositionOfElement = ({
-      right: a,
+      right: r,
       left: c,
       top: u
     }) => {
-      a !== void 0 ? this.containerElement.style.right = `${a}px` : this.containerElement.style.removeProperty("right"), c !== void 0 ? this.containerElement.style.left = `${c}px` : this.containerElement.style.removeProperty("left"), u !== void 0 ? this.containerElement.style.top = `${u}px` : this.containerElement.style.removeProperty("top");
+      r !== void 0 ? this.containerElement.style.right = `${r}px` : this.containerElement.style.removeProperty("right"), c !== void 0 ? this.containerElement.style.left = `${c}px` : this.containerElement.style.removeProperty("left"), u !== void 0 ? this.containerElement.style.top = `${u}px` : this.containerElement.style.removeProperty("top");
     }, this.layoutProcess$ = this.layoutTriggerSubject.pipe(
-      P((a) => {
-        const { blankPagePosition: c, minimumWidth: u, spreadPosition: d } = a;
+      P((r) => {
+        const { blankPagePosition: c, minimumWidth: u, spreadPosition: d } = r;
         this.hookManager.execute("item.onBeforeLayout", void 0, {
           blankPagePosition: c,
           item: this.item,
@@ -5394,7 +5416,7 @@ class os extends X {
         return v(
           w({ type: "start" }),
           g.pipe(
-            this.applyDimsAfterLayout(a),
+            this.applyDimsAfterLayout(r),
             S(
               (l) => ({
                 type: "end",
@@ -5406,15 +5428,15 @@ class os extends X {
       }),
       V()
     ), this.layout$ = this.layoutProcess$.pipe(
-      M((a) => a.type === "end"),
-      S((a) => a.data),
+      M((r) => r.type === "end"),
+      S((r) => r.data),
       V()
     );
   }
   validateDimension(t, i, n) {
     if (t <= 0) return n;
-    const o = Math.max(t, n), r = Math.ceil(o / i) * i;
-    return Math.max(r, i);
+    const o = Math.max(t, n), a = Math.ceil(o / i) * i;
+    return Math.max(a, i);
   }
   get layoutInfo() {
     const t = this.containerElement.style, i = t.width ? parseFloat(t.width) : 0, n = t.height ? parseFloat(t.height) : 0;
@@ -5424,7 +5446,7 @@ class os extends X {
     };
   }
 }
-class ss extends mt {
+class os extends ft {
   onUnload() {
     return Q;
   }
@@ -5444,9 +5466,9 @@ class ss extends mt {
   }
 }
 class Ze extends X {
-  constructor(t, i, n, o, s, r) {
+  constructor(t, i, n, o, s, a) {
     var u, d;
-    super(), this.item = t, this.parentElement = i, this.context = n, this.settings = o, this.hookManager = s, this.index = r, this.getBoundingRectOfElementFromSelector = (g) => {
+    super(), this.item = t, this.parentElement = i, this.context = n, this.settings = o, this.hookManager = s, this.index = a, this.getBoundingRectOfElementFromSelector = (g) => {
       var h, p, m, y;
       const l = this.renderer.getDocumentFrame();
       if (l && l instanceof HTMLIFrameElement && g)
@@ -5460,12 +5482,12 @@ class Ze extends X {
     }, this.isUsingVerticalWriting = () => {
       var g;
       return !!((g = this.renderer.writingMode) != null && g.startsWith("vertical"));
-    }, this.containerElement = rs(
+    }, this.containerElement = ss(
       i,
       t,
       s
     ), i.appendChild(this.containerElement);
-    const a = (d = (u = this.settings.values).getRenderer) == null ? void 0 : d.call(u, t);
+    const r = (d = (u = this.settings.values).getRenderer) == null ? void 0 : d.call(u, t);
     this.resourcesHandler = new Qt(t, this.settings);
     const c = {
       context: n,
@@ -5475,7 +5497,7 @@ class Ze extends X {
       containerElement: this.containerElement,
       resourcesHandler: this.resourcesHandler
     };
-    this.renderer = a ? a(c) : new ss(c), this.layout = new os(
+    this.renderer = r ? r(c) : new os(c), this.layout = new ns(
       t,
       this.containerElement,
       n,
@@ -5549,16 +5571,16 @@ class Ze extends X {
     });
   }
 }
-const rs = (e, t, i) => {
+const ss = (e, t, i) => {
   const n = e.ownerDocument.createElement("div");
   return n.classList.add("spineItem"), n.classList.add(`spineItem-${t.renditionLayout ?? "reflowable"}`), n.style.cssText = `
     position: absolute;
     overflow: hidden;
   `, n.dataset.isReady = "false", i.execute("item.onBeforeContainerCreated", void 0, { element: n }), n;
-}, as = O.namespace("spine"), cs = ({
+}, rs = O.namespace("spine"), as = ({
   position: e,
   pageSize: t
-}) => new mn({
+}) => new hn({
   ...e,
   left: e.x,
   top: e.y,
@@ -5567,13 +5589,13 @@ const rs = (e, t, i) => {
   bottom: e.y + t.height,
   right: e.x + t.width
 });
-class us extends pt {
-  constructor(t, i, n, o, s, r) {
-    super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = i, this.spineItemLocator = n, this.context = o, this.locator = s, this.viewport = r, this.fromSpineItemPageIndex = (a, c) => this.value.pages.find(
-      (u) => u.itemIndex === a.index && u.pageIndex === c
-    ), this.layout$ = t.layout$.pipe(
-      A(r),
-      P(([, { pageSize: a }]) => {
+class cs extends ht {
+  constructor(t, i, n, o, s, a) {
+    super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = i, this.spineItemLocator = n, this.context = o, this.locator = s, this.viewport = a, this.fromSpineItemPageIndex = (r, c) => this.value.pages.find(
+      (u) => u.itemIndex === r.index && u.pageIndex === c
+    ), this.fromAbsolutePageIndex = (r) => this.value.pages.reduce((c, u) => c || (u.absolutePageIndex === r ? u : c), void 0), this.observeFromAbsolutePageIndex = (r) => this.pipe(S(() => this.fromAbsolutePageIndex(r))), this.layout$ = t.layout$.pipe(
+      A(a),
+      P(([, { pageSize: r }]) => {
         const c = i.items.reduce(
           (d, g, l) => {
             const p = new Array(g.numberOfPages).fill(void 0).map((m, y) => {
@@ -5585,17 +5607,17 @@ class us extends pt {
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: cs({
-                  pageSize: a,
+                absoluteLayout: as({
+                  pageSize: r,
                   position: b
                 }),
-                layout: new hn({
+                layout: new pn({
                   left: f.x,
-                  right: f.x + a.width,
+                  right: f.x + r.width,
                   top: f.y,
-                  bottom: f.y + a.height,
-                  width: a.width,
-                  height: a.height,
+                  bottom: f.y + r.height,
+                  width: r.width,
+                  height: r.height,
                   x: f.x,
                   y: f.y
                 }),
@@ -5617,7 +5639,7 @@ class us extends pt {
               const p = (y = d.spineItem.renderer) == null ? void 0 : y.getDocumentFrame();
               let m;
               p && ((f = p == null ? void 0 : p.contentWindow) != null && f.document) && // very important because it is being used by next functions
-              p.contentWindow.document.body !== null && (m = Ci(
+              p.contentWindow.document.body !== null && (m = Mi(
                 p.contentWindow.document,
                 d.layout
               )), h.next({ ...l, firstVisibleNode: m });
@@ -5625,17 +5647,17 @@ class us extends pt {
           })
         );
       }),
-      S((a) => (as.info("Pages layout", a), { pages: a })),
+      S((r) => (rs.info("Pages layout", r), { pages: r })),
       V()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class ds extends X {
+class us extends X {
   constructor(t, i) {
     super(), this.spineItemsManager = t, this.spineLocator = i, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       P((n) => {
         const o = n.map(
-          (s) => s.isReady$.pipe(S((r) => ({ item: s, isReady: r })))
+          (s) => s.isReady$.pipe(S((a) => ({ item: s, isReady: a })))
         );
         return v(...o);
       }),
@@ -5644,7 +5666,7 @@ class ds extends X {
       P((n) => {
         const o = n.map(
           (s) => Kt(s.element).pipe(
-            S((r) => ({ entries: r, item: s }))
+            S((a) => ({ entries: a, item: s }))
           )
         );
         return v(...o);
@@ -5660,25 +5682,25 @@ class ds extends X {
     );
   }
 }
-const gs = ({
+const ds = ({
   horizontalOffset: e,
   verticalOffset: t,
   context: i,
   spineItemsManager: n,
   isGloballyPrePaginated: o,
   settings: s,
-  index: r,
-  item: a,
+  index: a,
+  item: r,
   viewport: c
 }) => {
   let u = i.getPageSize().width, d = "none";
-  const g = e % c.absoluteViewport.width === 0, l = r === n.items.length - 1;
+  const g = e % c.absoluteViewport.width === 0, l = a === n.items.length - 1;
   if (i.state.isUsingSpreadMode) {
-    !o && a.renditionLayout === "reflowable" && !l && (u = i.getPageSize().width * 2), !o && a.renditionLayout === "reflowable" && l && g && (u = i.getPageSize().width * 2);
+    !o && r.renditionLayout === "reflowable" && !l && (u = i.getPageSize().width * 2), !o && r.renditionLayout === "reflowable" && l && g && (u = i.getPageSize().width * 2);
     const p = g && l && o;
-    a.item.pageSpreadRight && g && !i.isRTL() || a.item.pageSpreadLeft && g && i.isRTL() ? (d = "before", u = i.getPageSize().width * 2) : p && (i.isRTL() ? d = "before" : d = "after", u = i.getPageSize().width * 2);
+    r.item.pageSpreadRight && g && !i.isRTL() || r.item.pageSpreadLeft && g && i.isRTL() ? (d = "before", u = i.getPageSize().width * 2) : p && (i.isRTL() ? d = "before" : d = "after", u = i.getPageSize().width * 2);
   }
-  return a.layout.layout({
+  return r.layout.layout({
     minimumWidth: u,
     blankPagePosition: d,
     spreadPosition: i.state.isUsingSpreadMode ? g ? i.isRTL() ? "right" : "left" : i.isRTL() ? "left" : "right" : "none"
@@ -5686,10 +5708,10 @@ const gs = ({
     S(({ width: p, height: m }) => {
       if (s.values.computedPageTurnDirection === "vertical") {
         const b = g ? t : t - i.state.visibleAreaRect.height, I = g ? 0 : e;
-        i.isRTL() ? a.layout.adjustPositionOfElement({
+        i.isRTL() ? r.layout.adjustPositionOfElement({
           top: b,
           left: I
-        }) : a.layout.adjustPositionOfElement({
+        }) : r.layout.adjustPositionOfElement({
           top: b,
           left: I
         });
@@ -5709,7 +5731,7 @@ const gs = ({
           layoutPosition: C
         };
       }
-      a.layout.adjustPositionOfElement(
+      r.layout.adjustPositionOfElement(
         i.isRTL() ? { right: e, top: 0 } : { left: e, top: 0 }
       );
       const y = i.isRTL() ? c.absoluteViewport.width - e - p : e, f = new Ht({
@@ -5730,20 +5752,20 @@ const gs = ({
     })
   );
 };
-class ls extends X {
+class gs extends X {
   constructor(t, i, n, o) {
     super(), this.spineItemsManager = t, this.context = i, this.settings = n, this.viewport = o, this.layoutSubject = new W(), this.spineItemsRelativeLayouts = [], t.items$.pipe(
       $(() => {
         this.spineItemsRelativeLayouts = [];
       }),
-      P((r) => {
-        const a = r.map(
+      P((a) => {
+        const r = a.map(
           (u) => u.needsLayout$.pipe(
             $(() => {
               this.layout();
             })
           )
-        ), c = r.map(
+        ), c = a.map(
           (u) => u.loaded$.pipe(
             $(() => {
               u.isUsingVerticalWriting() ? this.context.update({
@@ -5754,7 +5776,7 @@ class ls extends X {
             })
           )
         );
-        return v(...a, ...c);
+        return v(...r, ...c);
       })
     ).pipe(T(this.destroy$)).subscribe();
     const s = new U(!1);
@@ -5763,22 +5785,22 @@ class ls extends X {
       // queue layout until previous layout is done
       Wt(
         () => s.pipe(
-          M((r) => !r),
+          M((a) => !a),
           z()
         )
       ),
       Wt(() => {
         s.next(!0);
-        const r = this.context.manifest, a = Ee(r) ?? !1;
+        const a = this.context.manifest, r = Ee(a) ?? !1;
         return j(this.spineItemsManager.items).pipe(
           ai(
             (u, d, g) => u.pipe(
               oe(
-                ({ horizontalOffset: l, verticalOffset: h }) => gs({
+                ({ horizontalOffset: l, verticalOffset: h }) => ds({
                   context: this.context,
                   horizontalOffset: l,
                   index: g,
-                  isGloballyPrePaginated: a,
+                  isGloballyPrePaginated: r,
                   item: d,
                   settings: this.settings,
                   spineItemsManager: this.spineItemsManager,
@@ -5832,10 +5854,10 @@ class ls extends X {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class ps extends X {
+class ls extends X {
   constructor(t, i, n, o, s) {
     super(), this.context = t, this.spineItemsManager = i, this.spineLocator = n, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new U([]);
-    const r = this.forcedOpenSubject.pipe(
+    const a = this.forcedOpenSubject.pipe(
       S((u) => [...new Set(u.flat())].sort()),
       H(gi),
       tt({ bufferSize: 1, refCount: !0 })
@@ -5843,7 +5865,7 @@ class ps extends X {
     v(
       this.context.bridgeEvent.navigation$,
       this.spineLayout.layout$,
-      r,
+      a,
       o.watch(["numberOfAdjacentSpineItemToPreLoad"])
     ).pipe(
       // this can be changed by whatever we want and SHOULD not break navigation.
@@ -5851,13 +5873,13 @@ class ps extends X {
       // be dangerous.
       St(100, rt),
       Ct(this.context.bridgeEvent.viewportFree$),
-      A(this.context.bridgeEvent.navigation$, r),
+      A(this.context.bridgeEvent.navigation$, a),
       S(([, u, d]) => {
         const { numberOfAdjacentSpineItemToPreLoad: g } = o.values, { beginIndex: l = 0, endIndex: h = 0 } = n.getVisibleSpineItemsFromPosition({
           position: u.position,
           threshold: { type: "percentage", value: 0 },
           useAbsoluteViewport: !1
-        }) || {}, p = l - g, m = h + g, y = Array.from(
+        }) || {}, p = g === 1 / 0 ? 0 : l - g, m = g === 1 / 0 ? i.items.length - 1 : h + g, y = Array.from(
           { length: m - p + 1 },
           (b, I) => p + I
         ), f = [...d, ...y];
@@ -5908,17 +5930,17 @@ class yt extends DOMRect {
     return new yt(n.x, n.y, n.width, n.height);
   }
 }
-class hs {
+class ps {
   constructor({ width: t, height: i }) {
     this.__symbol = Symbol("AbsoluteViewport"), this.width = t, this.height = i;
   }
 }
-class ms {
+class hs {
   constructor({ width: t, height: i }) {
     this.__symbol = Symbol("RelativeViewport"), this.width = t, this.height = i;
   }
 }
-const fs = ({
+const ms = ({
   pageIndex: e,
   spineItemOrId: t,
   spineItemsManager: i
@@ -5926,30 +5948,30 @@ const fs = ({
   const n = i.items, o = i.get(t);
   if (!o) return;
   const { currentAbsolutePage: s } = n.reduce(
-    (r, a) => {
-      if (r.found) return r;
-      const c = a.numberOfPages;
-      return o === a && e <= c - 1 ? {
-        currentAbsolutePage: r.currentAbsolutePage + e,
+    (a, r) => {
+      if (a.found) return a;
+      const c = r.numberOfPages;
+      return o === r && e <= c - 1 ? {
+        currentAbsolutePage: a.currentAbsolutePage + e,
         found: !0
       } : {
-        ...r,
-        currentAbsolutePage: r.currentAbsolutePage + c
+        ...a,
+        currentAbsolutePage: a.currentAbsolutePage + c
       };
     },
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, ys = ({
+}, fs = ({
   itemHeight: e,
   itemWidth: t,
   visibleWidthOfItem: i,
   visibleHeightOfItem: n,
   threshold: o
 }) => {
-  const s = i / t, r = n / e;
-  return o.type === "percentage" ? s >= o.value && r >= o.value : i >= o.value && n >= o.value;
-}, Ss = ({
+  const s = i / t, a = n / e;
+  return o.type === "percentage" ? s >= o.value && a >= o.value : i >= o.value && n >= o.value;
+}, ys = ({
   visibleWidthOfItem: e,
   visibleHeightOfItem: t,
   threshold: i,
@@ -5966,12 +5988,12 @@ const fs = ({
     width: o,
     height: s
   },
-  threshold: r,
-  viewportPosition: a,
+  threshold: a,
+  viewportPosition: r,
   restrictToScreen: c
 }) => {
-  const u = a.x, d = a.x + (a.width - 1), g = a.y, l = Math.max(
-    a.y + (a.height - 1),
+  const u = r.x, d = r.x + (r.width - 1), g = r.y, l = Math.max(
+    r.y + (r.height - 1),
     0
   ), h = Math.max(
     0,
@@ -5981,54 +6003,28 @@ const fs = ({
     Math.min(e, l) - Math.max(n, g)
   );
   if (h <= 0 || p <= 0) return { visible: !1 };
-  const y = Ss({
-    threshold: r,
+  const y = ys({
+    threshold: a,
     visibleHeightOfItem: p,
     visibleWidthOfItem: h,
-    viewportPosition: a
+    viewportPosition: r
   });
   return c ? { visible: y } : {
-    visible: ys({
+    visible: fs({
       itemHeight: s,
       itemWidth: o,
-      threshold: r,
+      threshold: a,
       visibleHeightOfItem: p,
       visibleWidthOfItem: h
     }) || y
   };
-}, bs = ({
-  absolutePageIndex: e,
-  spineItemsManager: t
-}) => {
-  const i = t.items, { found: n, currentAbsolutePage: o } = i.reduce(
-    (s, r) => {
-      if (s.found) return s;
-      const a = r.numberOfPages, c = e - s.currentAbsolutePage, u = s.currentAbsolutePage + a;
-      return c <= a - 1 ? {
-        ...s,
-        currentAbsolutePage: u,
-        found: { item: r, pageIndex: c }
-      } : {
-        ...s,
-        currentAbsolutePage: u
-      };
-    },
-    { currentAbsolutePage: 0 }
-  );
-  if (n)
-    return {
-      spineItem: n.item,
-      pageIndex: n.pageIndex,
-      itemIndex: t.getSpineItemIndex(n.item) ?? 0,
-      currentAbsolutePage: o
-    };
 }, Yt = ({
   position: e,
   spineItemsManager: t,
   spineLayout: i
 }) => {
   const n = t.items.find((o) => {
-    const { left: s, right: r, bottom: a, top: c } = i.getSpineItemSpineLayoutInfo(o), u = e.x >= s && e.x < r, d = e.y >= c && e.y < a;
+    const { left: s, right: a, bottom: r, top: c } = i.getSpineItemSpineLayoutInfo(o), u = e.x >= s && e.x < a, d = e.y >= c && e.y < r;
     return u && d;
   });
   return e.x === 0 && !n ? t.items[0] : n;
@@ -6038,24 +6034,24 @@ const fs = ({
 }) => new L({
   x: t + e.x,
   y: i + e.y
-}), Is = ({
+}), Ss = ({
   position: e,
   threshold: t,
   restrictToScreen: i,
   spineItemsManager: n,
   spineLayout: o,
   useAbsoluteViewport: s = !0,
-  viewport: r
+  viewport: a
 }) => {
-  const a = Yt({
+  const r = Yt({
     position: e,
     spineItemsManager: n,
     spineLayout: o
   }) || n.get(0), c = n.items.reduce(
     (h, p) => {
-      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? r.absoluteViewport : r.relativeViewport, f = Ge(
+      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? a.absoluteViewport : a.relativeViewport, f = Ge(
         e,
-        r.absoluteViewport,
+        a.absoluteViewport,
         y
       ), b = yt.from(
         f,
@@ -6069,14 +6065,14 @@ const fs = ({
       return I ? [...h, p] : h;
     },
     []
-  ), u = c[0] ?? a, d = c[c.length - 1] ?? u;
+  ), u = c[0] ?? r, d = c[c.length - 1] ?? u;
   if (!u || !d) return;
   const g = n.getSpineItemIndex(u), l = n.getSpineItemIndex(d);
   return {
     beginIndex: g ?? 0,
     endIndex: l ?? 0
   };
-}, ws = ({
+}, bs = ({
   spineItemsManager: e,
   context: t,
   spineItemLocator: i,
@@ -6084,7 +6080,7 @@ const fs = ({
   spineLayout: o,
   viewport: s
 }) => {
-  const r = (p, m) => {
+  const a = (p, m) => {
     const { left: y, top: f } = o.getSpineItemSpineLayoutInfo(m);
     return new R({
       /**
@@ -6097,7 +6093,7 @@ const fs = ({
       x: Math.max(p.x - y, 0),
       y: Math.max(p.y - f, 0)
     });
-  }, a = (p) => jt({
+  }, r = (p) => jt({
     spineItemPosition: new R({ x: 0, y: 0 }),
     itemLayout: o.getSpineItemSpineLayoutInfo(p)
   }), c = (p) => e.items.find((m) => m.renderer.getDocumentFrame() === p), u = (p, m, y) => {
@@ -6180,11 +6176,7 @@ const fs = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (p) => fs({
-      ...p,
-      spineItemsManager: e
-    }),
-    getSpineInfoFromAbsolutePageIndex: (p) => bs({
+    _getAbsolutePageIndexFromPageIndex: (p) => ms({
       ...p,
       spineItemsManager: e
     }),
@@ -6196,7 +6188,7 @@ const fs = ({
       });
       if (!m)
         return;
-      const y = r(
+      const y = a(
         p,
         m
       ), f = i.getSpineItemPageIndexFromPosition({
@@ -6216,8 +6208,8 @@ const fs = ({
         pageSize: s.value.pageSize
       };
     },
-    getSpinePositionFromSpineItem: a,
-    getSpineItemPositionFromSpinePosition: r,
+    getSpinePositionFromSpineItem: r,
+    getSpineItemPositionFromSpinePosition: a,
     getSpineItemFromPosition: (p) => Yt({
       position: p,
       spineItemsManager: e,
@@ -6225,7 +6217,7 @@ const fs = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (p) => Is({
+    getVisibleSpineItemsFromPosition: (p) => Ss({
       spineItemsManager: e,
       spineLayout: o,
       viewport: s,
@@ -6249,32 +6241,32 @@ const fs = ({
     }
   };
 };
-class Ps extends X {
-  constructor(t, i, n, o, s, r, a, c) {
-    super(), this.parentElement$ = t, this.context = i, this.pagination = n, this.spineItemsManager = o, this.spineItemLocator = s, this.settings = r, this.hookManager = a, this.viewport = c, this.elementSubject = new U(
+class Is extends X {
+  constructor(t, i, n, o, s, a, r, c) {
+    super(), this.parentElement$ = t, this.context = i, this.pagination = n, this.spineItemsManager = o, this.spineItemLocator = s, this.settings = a, this.hookManager = r, this.viewport = c, this.elementSubject = new U(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new ls(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new gs(
       o,
       i,
-      r,
+      a,
       c
-    ), this.locator = ws({
+    ), this.locator = bs({
       context: i,
       spineItemsManager: o,
       spineItemLocator: s,
-      settings: r,
+      settings: a,
       spineLayout: this.spineLayout,
       viewport: c
-    }), this.spineItemsLoader = new ps(
+    }), this.spineItemsLoader = new ls(
       this.context,
       o,
       this.locator,
-      r,
+      a,
       this.spineLayout
-    ), this.spineItemsObserver = new ds(
+    ), this.spineItemsObserver = new us(
       o,
       this.locator
-    ), this.pages = new us(
+    ), this.pages = new cs(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6289,7 +6281,7 @@ class Ps extends X {
         l.style.cssText = `
           height: 100%;
           position: relative;
-        `, l.className = `${lt}-spine`, this.elementSubject.next(l);
+        `, l.className = `${pt}-spine`, this.elementSubject.next(l);
       })
     ), d = B([
       this.context.manifest$,
@@ -6330,7 +6322,7 @@ class Ps extends X {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), (t = this.elementSubject.getValue()) == null || t.remove(), this.elementSubject.complete();
   }
 }
-class vs extends X {
+class ws extends X {
   constructor(t, i) {
     super(), this.context = t, this.settings = i, this.orderedSpineItemsSubject = new U([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6371,7 +6363,7 @@ class vs extends X {
     this.orderedSpineItemsSubject.value.forEach((t) => t.destroy());
   }
 }
-class xs extends pt {
+class Ps extends ht {
   constructor(t) {
     const i = document.createElement("div");
     i.style.cssText = `
@@ -6380,7 +6372,7 @@ class xs extends pt {
         -transform: scale(0.2);
         height: 100%;
         width: 100%;
-    `, i.className = `${lt}-viewport`, super({
+    `, i.className = `${pt}-viewport`, super({
       element: i,
       pageSize: {
         width: 1,
@@ -6405,7 +6397,7 @@ class xs extends pt {
   }
   get absoluteViewport() {
     const t = this.context.state.visibleAreaRect;
-    return new hs({
+    return new ps({
       width: t.width,
       height: t.height
     });
@@ -6426,36 +6418,36 @@ class xs extends pt {
    */
   get relativeViewport() {
     const t = this.absoluteViewport, i = this.value.element.getBoundingClientRect(), n = ((i == null ? void 0 : i.width) ?? t.width) / t.width;
-    return new ms({
+    return new hs({
       width: t.width / n,
       height: t.height / n
     });
   }
 }
-const $s = (e) => {
-  const t = new W(), i = new Io(), n = new So(), o = new ns(e, n), s = new bo(n, o), r = new vs(n, o), a = new xs(n), c = n.watch("rootElement"), u = qe({
+const vs = (e) => {
+  const t = new W(), i = new bo(), n = new yo(), o = new is(e, n), s = new So(n, o), a = new ws(n, o), r = new Ps(n), c = n.watch("rootElement"), u = qe({
     context: n,
     settings: o
-  }), d = new ts(n, r), g = new Ps(
+  }), d = new Qo(n, a), g = new Is(
     c,
     n,
     d,
-    r,
+    a,
     u,
     o,
     i,
-    a
-  ), l = Qo({
+    r
+  ), l = Ko({
     context: n,
-    spineItemsManager: r,
+    spineItemsManager: a,
     hookManager: i,
     spine: g,
     settings: o,
-    viewport: a
-  }), h = new es(
+    viewport: r
+  }), h = new ts(
     n,
     d,
-    r,
+    a,
     g,
     u
   );
@@ -6486,31 +6478,31 @@ const $s = (e) => {
       return;
     }
     O.log("load", { options: f });
-    const x = Ts(b);
+    const x = xs(b);
     n.update({
       manifest: I,
       rootElement: x,
       forceSinglePageMode: o.values.forceSinglePageMode
     }), p();
   }, y = () => {
-    r.destroy(), h.destroy(), o.destroy(), d.destroy(), n.destroy(), l.destroy(), g.destroy(), s.destroy(), t.next(), t.complete(), a.destroy();
+    a.destroy(), h.destroy(), o.destroy(), d.destroy(), n.destroy(), l.destroy(), g.destroy(), s.destroy(), t.next(), t.complete(), r.destroy();
   };
   return {
     context: n,
     spine: g,
     hookManager: i,
     cfi: {
-      generateCfiFromRange: Wn,
+      generateCfiFromRange: kn,
       parseCfi: ee,
       generateCfiForSpineItemPage: (f) => Bt({
         ...f,
         spine: g
       }),
-      resolveCfi: (f) => ze({ ...f, spineItemsManager: r })
+      resolveCfi: (f) => ze({ ...f, spineItemsManager: a })
     },
     navigation: l,
     spineItemsObserver: g.spineItemsObserver,
-    spineItemsManager: r,
+    spineItemsManager: a,
     layout: p,
     load: m,
     destroy: y,
@@ -6523,7 +6515,7 @@ const $s = (e) => {
       }
     },
     settings: o,
-    viewport: a,
+    viewport: r,
     element$: c,
     viewportState$: n.bridgeEvent.viewportState$,
     viewportFree$: n.bridgeEvent.viewportFree$,
@@ -6541,31 +6533,31 @@ const $s = (e) => {
       destroy$: t
     }
   };
-}, Ts = (e) => (e.style.cssText = `
+}, xs = (e) => (e.style.cssText = `
     ${e.style.cssText}
     background-color: white;
     position: relative;
-  `, e.classList.add(`${lt}-reader`), e), Vs = (
+  `, e.classList.add(`${pt}-reader`), e), Os = (
   //__
-  co(
-    _i(
-      Tn(
-        lo(
-          Ei(
-            $i(
-              no(
-                go(
-                  mo(
-                    kn(
-                      ln(
-                        Ln(
-                          Ti(
-                            uo(
-                              to(
-                                Pn(
-                                  zi(
+  ao(
+    Ei(
+      $n(
+        go(
+          Bi(
+            xi(
+              io(
+                uo(
+                  ho(
+                    jn(
+                      gn(
+                        Fn(
+                          $i(
+                            co(
+                              Qn(
+                                wn(
+                                  Ui(
                                     // __
-                                    $s
+                                    vs
                                   )
                                 )
                               )
@@ -6583,68 +6575,68 @@ const $s = (e) => {
       )
     )
   )
-), js = (e) => (t) => e(t);
+), Vs = (e) => (t) => e(t);
 export {
   ke as AbstractSpinePosition,
-  So as Context,
-  Uo as ControlledNavigationController,
+  yo as Context,
+  Wo as ControlledNavigationController,
   X as DestroyableClass,
-  mt as DocumentRenderer,
-  bo as Features,
-  Io as HookManager,
-  No as InternalNavigator,
+  ft as DocumentRenderer,
+  So as Features,
+  bo as HookManager,
+  Do as InternalNavigator,
   te as LayoutEntry,
   _e as Locker,
-  us as Pages,
-  ts as Pagination,
-  es as PaginationController,
+  cs as Pages,
+  Qo as Pagination,
+  ts as PaginationController,
   Qt as ResourceHandler,
-  Bn as ResourcesLocator,
-  zo as ScrollNavigationController,
-  is as SettingsManager,
-  Ps as Spine,
+  Hn as ResourcesLocator,
+  Uo as ScrollNavigationController,
+  es as SettingsManager,
+  Is as Spine,
   Ze as SpineItem,
-  hn as SpineItemPageLayout,
-  mn as SpineItemPageSpineLayout,
+  pn as SpineItemPageLayout,
+  hn as SpineItemPageSpineLayout,
   R as SpineItemPosition,
   Ht as SpineItemSpineLayout,
-  vs as SpineItemsManager,
-  ds as SpineItemsObserver,
+  ws as SpineItemsManager,
+  us as SpineItemsObserver,
   L as SpinePosition,
   Nt as UnsafeSpineItemPagePosition,
   Rt as UnsafeSpinePosition,
-  xs as Viewport,
-  Hn as consolidate,
-  Vs as createReader,
+  Ps as Viewport,
+  zn as consolidate,
+  Os as createReader,
   ae as deferIdle,
-  Hi as deferNextResult,
+  zi as deferNextResult,
   Bt as generateCfiForSpineItemPage,
-  Wn as generateCfiFromRange,
-  ft as generateRootCfi,
+  kn as generateCfiFromRange,
+  lt as generateRootCfi,
   re as getAttributeValueFromString,
   Zt as getFrameViewportInfo,
-  Os as getItemAnchor,
-  ln as htmlEnhancer,
+  Ns as getItemAnchor,
+  gn as htmlEnhancer,
   De as idle,
   wi as injectCSS,
   Re as isHtmlElement,
-  Vi as isHtmlTagElement,
+  Oi as isHtmlTagElement,
   Et as isRootCfi,
-  Us as isShallowEqual,
-  Pn as layoutEnhancer,
+  Ws as isShallowEqual,
+  wn as layoutEnhancer,
   Ae as mapKeysTo,
-  As as observeIntersection,
+  Rs as observeIntersection,
   ce as observeMutation,
   Kt as observeResize,
-  to as paginationEnhancer,
+  Qn as paginationEnhancer,
   ee as parseCfi,
-  Pi as removeCSS,
+  Cs as removeCSS,
   ze as resolveCfi,
-  js as rootEnhancer,
-  cs as spinePositionToSpineItemSpineLayout,
+  Vs as rootEnhancer,
+  as as spinePositionToSpineItemSpineLayout,
   nt as upsertCSSToFrame,
-  vi as waitForFrameLoad,
-  xi as waitForFrameReady,
+  Pi as waitForFrameLoad,
+  vi as waitForFrameReady,
   Ct as waitForSwitch,
   Jt as watchKeys
 };