@prose-reader/core 1.233.0 → 1.234.0

package/dist/index.js

@@ -1,18 +1,18 @@
-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 { switchMap as P, of as w, fromEvent as q, take as Pe, map as S, from as j, takeUntil as T, Observable as ot, defer as jt, Subject as U, combineLatest as B, merge as v, EMPTY as Q, withLatestFrom as A, NEVER as lt, tap as $, share as V, BehaviorSubject as W, filter as M, first as z, mergeMap as Tt, endWith as mt, finalize as dt, catchError as ve, lastValueFrom as ti, scheduled as ei, animationFrameScheduler as rt, timer as kt, distinctUntilChanged as H, throttleTime as ii, debounceTime as St, startWith as it, switchScan as ni, shareReplay as tt, defaultIfEmpty as oi, forkJoin as si, delay as Pt, ReplaySubject as ie, skip as xe, identity as vt, exhaustMap as Ut, reduce as ri, concatMap as ne } from "rxjs";
+import { Report as ai, isShallowEqual as N, shallowMergeIfDefined as xt, getParentPath as ci, parseContentType as ui, detectMimeTypeFromName as Mt, arrayEqual as di } 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 { switchMap as _, first as $e, map as Y, distinctUntilChanged as Z, startWith as Te, shareReplay as bt, tap as k, pairwise as li, take as gi, takeUntil as G, filter as K, debounceTime as pi, skip as hi, mergeMap as mi, catchError as oe, withLatestFrom as fi } from "rxjs/operators";
+import { generate as Wt, parse as Fe, isIndirectionOnly as yi, isParsedCfiRange as Si, resolve as bi } from "@prose-reader/cfi";
 import { isDefined as qt } from "reactjrx";
-const re = (e, t) => {
+const se = (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) => {
+}, Ii = (e, t, i, n) => {
   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) => {
+}, Rs = (e, t) => {
   var i;
   if ((i = e == null ? void 0 : e.contentDocument) != null && i.head) {
     const n = e.contentDocument.getElementById(t);
@@ -28,14 +28,14 @@ const re = (e, t) => {
     o.innerHTML = i;
     return;
   }
-  wi(e, t, i, n);
+  Ii(e, t, i, n);
 }, Zt = (e) => {
   if (e != null && e.contentDocument) {
     const i = e.contentDocument.querySelector("meta[name='viewport']");
     if (i) {
       const n = i.getAttribute("content");
       if (n) {
-        const o = re(n, "width"), s = re(n, "height");
+        const o = se(n, "width"), s = se(n, "height");
         return o > 0 && s > 0 ? {
           hasViewport: !0,
           width: o,
@@ -45,21 +45,21 @@ const re = (e, t) => {
     }
   }
   return { hasViewport: !1 };
-}, Pi = (e) => e.pipe(
+}, wi = (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(
-      we(1),
+      Pe(1),
       S(() => t)
     );
   })
-), vi = (e) => e.pipe(
+), Pi = (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) => {
+), vi = (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");
@@ -95,7 +95,7 @@ const re = (e, t) => {
   ), {
     ...i
   };
-}, $i = (e) => (t) => {
+}, xi = (e) => (t) => {
   const i = e(t);
   return i.context.state$.pipe(T(i.$.destroy$)).subscribe(({ rootElement: n }) => {
     if (!n) return;
@@ -108,9 +108,9 @@ const re = (e, t) => {
     const o = i.spineItemsManager.get(n), s = o == null ? void 0 : o.renderer.getDocumentFrame();
     s && ((a = s.contentDocument) == null || a.body.setAttribute("tabindex", "-1"));
   }), i;
-}, Ti = "@prose-reader/core", O = ci.namespace(Ti, void 0, {
+}, $i = "@prose-reader/core", O = ai.namespace($i, void 0, {
   color: "#98cde7"
-}), Fi = [
+}), Ti = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -122,24 +122,24 @@ const re = (e, t) => {
   // `touchstart` as const,
   // `touchend` as const,
 ];
-function Li(e, t, i) {
+function Fi(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 Mi = (e, t) => {
+const Li = (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 a = n.createRange();
     return Array.from(i.childNodes).some((r) => {
       a.selectNodeContents(r);
-      const c = a.getClientRects(), u = Ci(c, t);
+      const c = a.getClientRects(), u = Mi(c, t);
       if (u) {
         o = a.cloneRange();
-        const d = Li(
+        const d = Fi(
           n,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -151,7 +151,7 @@ const Mi = (e, t) => {
   }
 }, zt = (e, t) => {
   let i;
-  const n = Fe(
+  const n = Le(
     e.getBoundingClientRect(),
     t
   );
@@ -160,16 +160,16 @@ const Mi = (e, t) => {
     return s ? (i = s, !0) : !1;
   }), i;
 };
-function Fe(e, { left: t, right: i }) {
+function Le(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 Ci(e, t) {
+function Mi(e, t) {
   return Array.from(e).find((i) => {
-    const n = Fe(i, t);
+    const n = Le(i, t);
     return n !== "before" && n !== "after";
   });
 }
-const Ri = (e, t) => {
+const Ci = (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();
@@ -193,8 +193,8 @@ const Ri = (e, t) => {
     if (a.PointerEvent && e instanceof a.PointerEvent)
       return !0;
   }
-  return !!Fi.includes(e.type);
-}, Ai = (e) => {
+  return !!Ti.includes(e.type);
+}, Ri = (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)) {
@@ -208,7 +208,7 @@ const Ri = (e, t) => {
       return e instanceof a.MouseEvent;
   }
   return !1;
-}, Di = (e) => {
+}, Ai = (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 a = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
@@ -221,7 +221,7 @@ const Ri = (e, t) => {
       return e instanceof a.TouchEvent;
   }
   return !1;
-}, Le = () => document.createElement("div"), Me = (e) => {
+}, Di = () => document.createElement("div"), Me = (e) => {
   const t = [
     "img",
     // Images
@@ -291,7 +291,7 @@ function Vi(e) {
     ["setStart", "setEnd", "selectNodeContents"]
   );
 }
-const Dt = ({
+const At = ({
   position: e,
   frameElement: t
 }) => {
@@ -307,55 +307,55 @@ const Dt = ({
   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({
+    const { clientX: d, clientY: l } = At({
       position: e,
       frameElement: a
-    }), l = new PointerEvent(e.type, {
+    }), g = new PointerEvent(e.type, {
       ...e,
       pointerId: e.pointerId,
       clientX: d,
-      clientY: g
+      clientY: l
     });
-    return Object.defineProperty(l, "target", {
+    return Object.defineProperty(g, "target", {
       value: t.target,
       enumerable: !0
-    }), l;
+    }), g;
   }
-  if (Ai(e)) {
-    const { clientX: d, clientY: g } = Dt({
+  if (Ri(e)) {
+    const { clientX: d, clientY: l } = At({
       position: e,
       frameElement: a
-    }), l = new MouseEvent(e.type, {
+    }), g = new MouseEvent(e.type, {
       ...e,
       clientX: d,
-      clientY: g
+      clientY: l
     });
-    return Object.defineProperty(l, "target", {
+    return Object.defineProperty(g, "target", {
       value: t.target,
       enumerable: !0
-    }), l;
+    }), g;
   }
-  if (Di(e)) {
-    const d = Array.from(e.touches).map((l) => {
-      const { clientX: h, clientY: p } = Dt({
-        position: l,
+  if (Ai(e)) {
+    const d = Array.from(e.touches).map((g) => {
+      const { clientX: h, clientY: p } = At({
+        position: g,
         frameElement: a
       });
       return new Touch({
-        identifier: l.identifier,
-        target: l.target,
+        identifier: g.identifier,
+        target: g.target,
         clientX: h,
         clientY: p
       });
-    }), g = new TouchEvent(e.type, {
+    }), l = new TouchEvent(e.type, {
       touches: d,
       changedTouches: d,
       targetTouches: d
     });
-    return Object.defineProperty(g, "target", {
+    return Object.defineProperty(l, "target", {
       value: t.target,
       enumerable: !0
-    }), g;
+    }), l;
   }
   return e;
 }, ki = [
@@ -367,25 +367,25 @@ const Dt = ({
   "pointerout",
   "pointerover",
   "pointerup"
-], Wi = [
+], Ui = [
   ...ki
   /*, ...mouseEvents*/
-], Ui = (e) => (t) => {
+], Wi = (e) => (t) => {
   const i = e(t);
   return i.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: n, itemId: o }) => {
       const s = i.spineItemsManager.get(o), a = s == null ? void 0 : s.renderer.getDocumentFrame();
       if (!a || !s) return;
-      const r = Wi.map((c) => {
+      const r = Ui.map((c) => {
         var d;
-        const u = (g) => {
+        const u = (l) => {
           var h;
-          let l = g;
-          if (Gt(g) && (l = new PointerEvent(g.type, g)), l !== g) {
+          let g = l;
+          if (Gt(l) && (g = new PointerEvent(l.type, l)), g !== l) {
             const p = ji(
-              l,
               g,
+              l,
               i.spine.locator,
               i.context
             );
@@ -393,8 +393,8 @@ const Dt = ({
           }
         };
         return (d = a.contentDocument) == null || d.addEventListener(c, u), () => {
-          var g;
-          (g = a.contentDocument) == null || g.removeEventListener(c, u);
+          var l;
+          (l = a.contentDocument) == null || l.removeEventListener(c, u);
         };
       });
       n(() => {
@@ -422,7 +422,7 @@ function Kt(e) {
 const Ct = (e) => (t) => t.pipe(
   _(
     (i) => e.pipe(
-      xe(),
+      $e(),
       Y(() => i)
     )
   )
@@ -447,16 +447,16 @@ function De() {
     return () => clearTimeout(t);
   });
 }
-function ae(e) {
-  return kt(() => De().pipe(_(e)));
+function re(e) {
+  return jt(() => De().pipe(_(e)));
 }
-const ce = (e, t) => new ot((i) => {
+const ae = (e, t) => new ot((i) => {
   const n = new MutationObserver((o) => {
     i.next(o);
   });
   return n.observe(e, t), () => n.disconnect();
 });
-function Rs(e, t) {
+function As(e, t) {
   return new ot((i) => {
     const n = new IntersectionObserver((o) => {
       i.next(o);
@@ -469,23 +469,23 @@ function Rs(e, t) {
 class Ne {
   constructor(t, i) {
     this.settingsManager = i;
-    const n = vt(
+    const n = xt(
       this.getDefaultSettings(),
       t
     );
-    this.outputSettings = this.computeOutputSettings(n), this.inputSettings = vt(
+    this.outputSettings = this.computeOutputSettings(n), this.inputSettings = xt(
       this.getDefaultSettings(),
       t
-    ), this.outputSettingsUpdateSubject = new W(), this.values$ = B([
+    ), this.outputSettingsUpdateSubject = new U(), this.values$ = B([
       this.settingsManager.values$,
-      this.outputSettingsUpdateSubject.pipe($e(this.outputSettings))
+      this.outputSettingsUpdateSubject.pipe(Te(this.outputSettings))
     ]).pipe(
       Y(([o, s]) => ({ ...o, ...s })),
       bt(1)
     ), this.values$.subscribe();
   }
   _prepareUpdate(t) {
-    const i = this.getCleanedParentInputSettings(t), n = this.settingsManager._prepareUpdate(i), o = vt(this.inputSettings, t), s = this.computeOutputSettings(o), a = this.hasSettingsChanged(s);
+    const i = this.getCleanedParentInputSettings(t), n = this.settingsManager._prepareUpdate(i), o = xt(this.inputSettings, t), s = this.computeOutputSettings(o), a = this.hasSettingsChanged(s);
     return {
       hasChanged: a || n.hasChanged,
       commit: () => (this.inputSettings = o, this.outputSettings = s, !n.hasChanged && a && this.outputSettingsUpdateSubject.next(s), {
@@ -535,7 +535,7 @@ let Hi = class extends Ne {
   }
 };
 const Bi = (e) => (t) => {
-  const { fontScale: i, lineHeight: n, fontWeight: o, fontJustification: s } = t, a = new W(), r = e(t), c = new Hi(
+  const { fontScale: i, lineHeight: n, fontWeight: o, fontJustification: s } = t, a = new U(), r = e(t), c = new Hi(
     {
       fontScale: i,
       lineHeight: n,
@@ -551,27 +551,27 @@ const Bi = (e) => (t) => {
       ${c.values.fontWeight !== "publisher" ? `font-weight: ${c.values.fontWeight} !important;` : ""}
       ${c.values.fontJustification !== "publisher" ? `text-align: ${c.values.fontJustification} !important;` : ""}
     }
-  `, d = (l) => {
+  `, d = (g) => {
     r.spineItemsManager.items.forEach((h) => {
       if (h.renditionLayout !== "pre-paginated") {
         const p = h.renderer.getDocumentFrame();
         p && nt(p, "prose-reader-fonts", u());
       }
-    }), l && r.layout();
+    }), g && r.layout();
   };
-  r.hookManager.register("item.onDocumentLoad", ({ itemId: l }) => {
-    const h = r.spineItemsManager.get(l);
+  r.hookManager.register("item.onDocumentLoad", ({ itemId: g }) => {
+    const h = r.spineItemsManager.get(g);
     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());
     }
   });
-  const g = (l) => l.pipe(
+  const l = (g) => g.pipe(
     li(),
     S(([h, p]) => p.fontScale !== h.fontScale || p.lineHeight !== h.lineHeight)
   );
   return c.values$.pipe(
-    g,
+    l,
     k(d),
     T(r.$.destroy$)
   ).subscribe(), {
@@ -621,7 +621,7 @@ const Bi = (e) => (t) => {
       ...t.map((i) => i.loaded$.pipe(
         P(() => {
           const n = i.renderer.getDocumentFrame();
-          if (!n || !(n != null && n.contentDocument)) return gt;
+          if (!n || !(n != null && n.contentDocument)) return lt;
           const s = Array.from(
             n.contentDocument.querySelectorAll("a")
           ).map(
@@ -639,7 +639,7 @@ const Bi = (e) => (t) => {
 );
 class X {
   constructor() {
-    this.isDestroyed = !1, this.destroySubject = new W(), this.destroy$ = this.destroySubject.asObservable();
+    this.isDestroyed = !1, this.destroySubject = new U(), this.destroy$ = this.destroySubject.asObservable();
   }
   destroy() {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
@@ -647,7 +647,7 @@ class X {
 }
 const Lt = class Lt extends X {
   constructor(t) {
-    super(), this.triggerSubject = new W(), this.stateSubject = new U("idle"), this.unload$ = this.triggerSubject.pipe(
+    super(), this.triggerSubject = new U(), this.stateSubject = new W("idle"), this.unload$ = this.triggerSubject.pipe(
       A(this.stateSubject),
       M(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
@@ -675,7 +675,7 @@ const Lt = class Lt extends X {
     );
     this.load$.pipe(
       P(() => (this.stateSubject.next("loading"), this.onCreateDocument().pipe(z()).pipe(
-        $t((s) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
+        Tt((s) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
           itemId: this.item.id,
           documentContainer: s
         }), this.onLoadDocument().pipe(
@@ -739,8 +739,8 @@ const Lt = class Lt extends X {
     this.triggerSubject.next({ type: "unload" });
   }
   renderHeadless() {
-    const t = new W();
-    return kt(() => this.onRenderHeadless({ release: t })).pipe(
+    const t = new U();
+    return jt(() => this.onRenderHeadless({ release: t })).pipe(
       mt(void 0),
       z(),
       S((i) => {
@@ -755,11 +755,11 @@ const Lt = class Lt extends X {
       dt(() => {
         t.complete();
       }),
-      Pe((i) => (O.error(i), w(void 0)))
+      ve((i) => (O.error(i), w(void 0)))
     );
   }
   layout(t) {
-    return kt(() => this.onLayout(t));
+    return jt(() => this.onLayout(t));
   }
   destroy() {
     this.unload(), this.stateSubject.complete(), super.destroy();
@@ -792,7 +792,7 @@ class Qt {
   }
   async getResource() {
     var i, n;
-    return await ei(
+    return await ti(
       ((n = (i = this.settings.values).getResource) == null ? void 0 : n.call(i, this.item)) ?? w(void 0)
     ) ?? Xi(this.item);
   }
@@ -815,8 +815,8 @@ const Oe = (e, t) => {
         if (e.defaultView && c instanceof e.defaultView.CSSFontFaceRule) {
           const u = c.style.getPropertyValue("src");
           if (u.match(/url\(['"]?([^'"]+)['"]?\)/g)) {
-            const g = u.split(",").map((p) => p.trim()), l = await Promise.all(
-              g.map(async (p) => {
+            const l = u.split(",").map((p) => p.trim()), g = await Promise.all(
+              l.map(async (p) => {
                 var b, I;
                 if (p.startsWith("local("))
                   return p;
@@ -828,23 +828,23 @@ const Oe = (e, t) => {
                 if (f) {
                   const x = new Qt(f, o);
                   try {
-                    const F = await x.getResource();
-                    if (F instanceof Response) {
-                      const C = await F.blob(), D = (I = e.defaultView) == null ? void 0 : I.URL.createObjectURL(C);
+                    const L = await x.getResource();
+                    if (L instanceof Response) {
+                      const C = await L.blob(), D = (I = e.defaultView) == null ? void 0 : I.URL.createObjectURL(C);
                       return p.replace(
                         m[0],
                         `url("${D}")`
                       );
                     }
-                  } catch (F) {
-                    console.error("Error loading font:", F);
+                  } catch (L) {
+                    console.error("Error loading font:", L);
                   }
                 }
                 return p;
               })
             ), h = c.cssText.replace(
               /src:\s*[^;]+;/,
-              `src: ${l.join(", ")};`
+              `src: ${g.join(", ")};`
             );
             s.deleteRule(r), s.insertRule(h, r);
           }
@@ -863,18 +863,18 @@ const Oe = (e, t) => {
   if (!a) return w(null);
   const r = new Qt(a, o);
   return j(r.getResource()).pipe(
-    $t(
+    Tt(
       (u) => u instanceof Response ? j(u.blob()) : w(void 0)
     ),
-    $t((u) => {
-      var g;
+    Tt((u) => {
+      var l;
       if (!u)
         return w(null);
-      const d = ((g = e == null ? void 0 : e.defaultView) == null ? void 0 : g.URL.createObjectURL(u)) ?? "";
+      const d = ((l = e == null ? void 0 : e.defaultView) == null ? void 0 : l.URL.createObjectURL(u)) ?? "";
       if (t.hasAttribute("src"))
         t.setAttribute("src", d);
       else if (t.hasAttribute("href") && (t.setAttribute("href", d), e != null && e.defaultView && t instanceof e.defaultView.HTMLLinkElement))
-        return new ot((l) => {
+        return new ot((g) => {
           t.onload = async () => {
             try {
               t.sheet && await Yi(
@@ -883,11 +883,11 @@ const Oe = (e, t) => {
                 i,
                 n,
                 o
-              ), l.next(), l.complete();
+              ), g.next(), g.complete();
             } catch (h) {
-              l.error(h);
+              g.error(h);
             }
-          }, t.onerror = l.error;
+          }, t.onerror = g.error;
         });
       return w(null);
     })
@@ -900,7 +900,7 @@ const Oe = (e, t) => {
   P((o) => {
     const s = Me(
       o.contentDocument
-    ), a = ui(t.href), r = s.map(
+    ), a = ci(t.href), r = s.map(
       (c) => qi(
         o.contentDocument,
         c,
@@ -915,7 +915,7 @@ const Oe = (e, t) => {
   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);
+  const i = ui(e.headers.get("Content-Type") || "") || Mt(t.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === i
   )) {
@@ -980,7 +980,7 @@ const Oe = (e, t) => {
           }
         }),
         S(() => o),
-        Pe((r) => (O.error(
+        ve((r) => (O.error(
           `Error while trying to fetch or load resource for item ${e.id}`,
           s
         ), O.error(r), w(o)))
@@ -1068,7 +1068,7 @@ const Oe = (e, t) => {
     `, nn = ({
   pageHeight: e,
   pageWidth: t
-}) => ({ columnHeight: e, columnWidth: t }), ue = (e, t) => {
+}) => ({ columnHeight: e, columnWidth: t }), ce = (e, t) => {
   e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
 }, on = ({
   minPageSpread: e,
@@ -1082,7 +1082,7 @@ const Oe = (e, t) => {
 }) => {
   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 = en(
+    const { viewportDimensions: u, computedScale: d = 1 } = je({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, l = o, g = n, h = en(
       {
         ...nn({ pageHeight: n, pageWidth: o }),
         enableTouch: r,
@@ -1090,12 +1090,12 @@ const Oe = (e, t) => {
       },
       u
     );
-    if (nt(s, "prose-reader-css", h), u ? ue(s, {
+    if (nt(s, "prose-reader-css", h), u ? ce(s, {
       width: u.width ?? 1,
       height: u.height ?? 1
-    }) : ue(s, {
-      width: g,
-      height: l
+    }) : ce(s, {
+      width: l,
+      height: g
     }), 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" && 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",
@@ -1111,7 +1111,7 @@ const Oe = (e, t) => {
       );
     } else
       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: g };
   }
   return { width: c, height: n };
 }, sn = () => `
@@ -1236,7 +1236,7 @@ const Oe = (e, t) => {
     columnWidth: a,
     width: c
   };
-}, It = (e, t) => {
+}, wt = (e, t) => {
   e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
 }, un = ({
   pageHeight: e,
@@ -1251,8 +1251,8 @@ const Oe = (e, t) => {
   enableTouch: u,
   isUsingVerticalWriting: d
 }) => {
-  const g = s * t;
-  let l = o;
+  const l = s * t;
+  let g = o;
   const h = (n == null ? void 0 : n.renditionLayout) === "reflowable" && (n == null ? void 0 : n.renditionFlow) === "scrolled-continuous", p = h ? Math.min(400, e) : e;
   i == null || i.style.setProperty("width", `${t}px`), h || i == null || i.style.setProperty("height", `${p}px`);
   const { viewportDimensions: m, computedScale: y = 1 } = je({
@@ -1267,7 +1267,7 @@ const Oe = (e, t) => {
         i,
         "prose-reader-html-renderer-framce-css",
         sn()
-      ), It(i, {
+      ), wt(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(
@@ -1284,7 +1284,7 @@ const Oe = (e, t) => {
       }) : an(
         cn({
           isUsingVerticalWriting: d,
-          minimumWidth: g,
+          minimumWidth: l,
           pageHeight: p,
           pageWidth: t
         })
@@ -1292,31 +1292,31 @@ const Oe = (e, t) => {
       if (nt(i, "prose-reader-css", C, !0), d)
         x = Math.ceil(
           i.contentDocument.documentElement.scrollHeight / p
-        ) * p, It(i, {
-          width: g,
+        ) * p, wt(i, {
+          width: l,
           height: x
         });
       else if ((n == null ? void 0 : n.renditionFlow) === "scrolled-continuous")
-        x = i.contentDocument.body.scrollHeight, l = x, It(i, {
-          width: g,
+        x = i.contentDocument.body.scrollHeight, g = x, wt(i, {
+          width: l,
           height: x
         });
       else {
         const D = Math.ceil(
           i.contentDocument.documentElement.scrollWidth / t
         );
-        f ? I = t : I = D * t, It(i, {
+        f ? I = t : I = D * t, wt(i, {
           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 I % l === 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,
-    height: l || p,
-    latestContentHeightWhenLoaded: l
+    width: l,
+    height: g || p,
+    latestContentHeightWhenLoaded: g
   };
 };
 class dn extends ft {
@@ -1343,13 +1343,13 @@ class dn extends ft {
       $(() => {
         this.attach();
       }),
-      Pi,
+      wi,
       Zi({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      vi
+      Pi
     );
   }
   onUnload() {
@@ -1360,12 +1360,12 @@ class dn extends ft {
     blankPagePosition: i,
     spreadPosition: n
   }) {
-    var d, g;
+    var d, l;
     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 = on({
+    if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && ((l = this.context.manifest) == null ? void 0 : l.renditionLayout) === "pre-paginated") {
+      const g = on({
         blankPagePosition: i,
         enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
         frameElement: a,
@@ -1375,7 +1375,7 @@ class dn extends ft {
         pageWidth: o,
         spreadPosition: n
       });
-      return w(l);
+      return w(g);
     }
     const { latestContentHeightWhenLoaded: c, ...u } = un({
       pageHeight: s,
@@ -1449,7 +1449,7 @@ class dn extends ft {
     return this.getFrameElement();
   }
 }
-const gn = (e) => (t) => {
+const ln = (e) => (t) => {
   const i = e({
     ...t,
     getRenderer(o) {
@@ -1465,7 +1465,7 @@ const gn = (e) => (t) => {
 function at(e) {
   return e != null;
 }
-let ln = class extends Ne {
+let gn = class extends Ne {
   computeOutputSettings(t) {
     return t;
   }
@@ -1503,7 +1503,7 @@ class R {
     this.__symbol = Symbol("SpineItemPosition"), this.x = t.x, this.y = t.y;
   }
 }
-class Nt {
+class Dt {
   constructor(t) {
     this.__symbol = Symbol("SpineItemPagePosition"), this.x = t.x, this.y = t.y;
   }
@@ -1528,17 +1528,20 @@ class ke {
     this.x = t.x, this.y = t.y;
   }
 }
-class L extends ke {
+class F extends ke {
   constructor() {
     super(...arguments), this.__symbol = "SpinePosition";
   }
+  static from(t) {
+    return new F(t);
+  }
 }
-class Rt extends ke {
+class It extends ke {
   constructor() {
     super(...arguments), this.__symbol = "UnsafeSpinePosition";
   }
   static from(t) {
-    return new Rt(t);
+    return new It(t);
   }
 }
 const mn = (e, t) => {
@@ -1547,7 +1550,7 @@ const mn = (e, t) => {
     x: u / r,
     y: d / c
   };
-}, fn = (e, t) => new Rt(
+}, fn = (e, t) => new It(
   mn(e, t)
 ), yn = (e) => ({
   getSpinePositionFromClientPosition: (t) => e.spine.element ? fn(t, e.spine.element) : void 0
@@ -1563,8 +1566,8 @@ const mn = (e, t) => {
         visibility: hidden;
       `, c.appendChild(t), () => {
       t == null || t.remove(), t = void 0;
-    })) : gt)
-  ), n = (c) => ii(c, rt).pipe(
+    })) : lt)
+  ), n = (c) => ei(c, rt).pipe(
     k(() => {
       t == null || t.style.setProperty(
         "visibility",
@@ -1579,7 +1582,7 @@ const mn = (e, t) => {
       );
     })
   ), s = n(e.viewportFree$).pipe(
-    pi(1)
+    gi(1)
   ), r = e.settings.values$.pipe(
     Y(() => e.settings.values.computedPageTurnMode),
     Z()
@@ -1607,18 +1610,37 @@ const mn = (e, t) => {
       }
     }
   );
-}, 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();
+}, ue = 200, In = (e, t, i) => {
+  const n = e.clientWidth, o = e.clientHeight, s = e.scrollLeft, a = e.scrollTop, r = s + n / 2, c = a + o / 2, u = i / t, d = r * u, l = c * u, g = d - n / 2, h = l - o / 2;
+  return { newScrollLeft: g, newScrollTop: h };
+}, wn = (e, t) => t.pipe(
+  P((i) => {
+    var l;
+    const n = e.navigation.scrollNavigationController.value.element, o = e.viewport.value.element, s = e.settings.values.computedPageTurnMode === "scrollable";
+    o.style.transition = `transform ${ue}ms`, s ? o.style.transformOrigin = "top" : o.style.transformOrigin = "center";
+    const a = o.style.transform, r = a.includes("scale") ? parseFloat(((l = a.match(/scale\(([^)]+)\)/)) == null ? void 0 : l[1]) || "1") : 1, c = i === "thumbnails" ? 0.5 : 1, { newScrollLeft: u, newScrollTop: d } = In(
+      n ?? Di(),
+      r,
+      c
+    );
+    return e.viewport.value.element.style.transform = `scale(${c})`, n == null || n.scrollTo({
+      left: Math.max(0, u),
+      top: Math.max(0, d),
+      behavior: "instant"
+    }), kt(s ? 0 : ue).pipe(
+      $(() => {
+        e.layout();
+      })
+    );
   })
-), wn = (e) => (t) => {
+), Pn = (e) => (t) => {
   const {
     pageHorizontalMargin: i,
     pageVerticalMargin: n,
     layoutAutoResize: o,
     layoutLayerTransition: s,
     viewportMode: a
-  } = t, r = e(t), c = new ln(
+  } = t, r = e(t), c = new gn(
     {
       pageHorizontalMargin: i,
       pageVerticalMargin: n,
@@ -1635,12 +1657,12 @@ const mn = (e, t) => {
       !m && f && (f.getBoundingClientRect().left, m = !0);
     });
   }), 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();
+    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, L = r.context.getPageSize();
     if ((y == null ? void 0 : y.renditionLayout) === "reflowable" && !b) {
-      let C = F.width - I * 2;
-      const D = F.height - x * 2;
-      let E = F.width - I * 2, J = I * 2;
-      y.isUsingVerticalWriting() && (E = F.width - I * 2, C = D, J = x * 2);
+      let C = L.width - I * 2;
+      const D = L.height - x * 2;
+      let E = L.width - I * 2, J = I * 2;
+      y.isUsingVerticalWriting() && (E = L.width - I * 2, C = D, J = x * 2);
       const ct = y == null ? void 0 : y.renderer.getDocumentFrame();
       ct && nt(
         ct,
@@ -1686,34 +1708,34 @@ const mn = (e, t) => {
     _(() => r.context.watch("rootElement")),
     K(at),
     _((m) => Kt(m)),
-    hi(100),
+    pi(100),
     K(at),
     k(() => {
       r == null || r.layout();
     })
-  ), g = Sn(r);
+  ), l = Sn(r);
   c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
-    mi(1),
+    hi(1),
     k(() => {
       r.layout();
     }),
     G(r.$.destroy$)
   ).subscribe();
-  const l = r.spineItemsObserver.itemIsReady$.pipe(
+  const g = 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 = In(
+  ), h = wn(
     r,
     c.watch("viewportMode")
   ), p = r.spine.pages.pipe(
     bt({ refCount: !0, bufferSize: 1 })
   );
   return v(
-    l,
-    u,
     g,
+    u,
+    l,
     d,
     h,
     p
@@ -1727,9 +1749,9 @@ const mn = (e, t) => {
     layoutInfo$: p,
     coordinates: yn(r)
   };
-}, Pn = `${pt}-enhancer-loading`, We = `${Pn}-container`, vn = (e, t) => {
+}, vn = `${pt}-enhancer-loading`, Ue = `${vn}-container`, xn = (e, t) => {
   const i = e.ownerDocument.createElement("div");
-  return i.classList.add(We), i.style.cssText = `
+  return i.classList.add(Ue), i.style.cssText = `
       height: 100%;
       width: 100%;
       max-width: ${t.state.visibleAreaRect.width}px;
@@ -1745,7 +1767,7 @@ const mn = (e, t) => {
       background-color: white;
       z-index: 1;
     `, i;
-}, xn = ({
+}, $n = ({
   container: e,
   item: t
 }) => {
@@ -1762,20 +1784,20 @@ const mn = (e, t) => {
       max-width: 300px;
       width: 80%;
     `, e.appendChild(i), e.appendChild(n), e;
-}, $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(
-        `.${We}`
+}, Tn = (e) => (t) => {
+  const { loadingElementCreate: i = $n } = t, n = e(t), o = (c) => w(
+    c.reduce((u, { item: d, element: l }) => {
+      l.style.zIndex = "0";
+      const g = l.querySelector(
+        `.${Ue}`
       );
-      if (l instanceof HTMLElement)
-        return u[d.id] = l, u;
+      if (g instanceof HTMLElement)
+        return u[d.id] = g, u;
       const h = i({
-        container: vn(g, n.context),
+        container: xn(l, n.context),
         item: d
       });
-      return g.appendChild(h), u[d.id] = h, u;
+      return l.appendChild(h), u[d.id] = h, u;
     }, {})
   ), s = (c) => B([n.spine.layout$, n.theme.$.theme$]).pipe(
     Y(([, u]) => ({
@@ -1784,8 +1806,8 @@ const mn = (e, t) => {
     })),
     Z(N),
     k(({ width: u, theme: d }) => {
-      Object.values(c).forEach((g) => {
-        g.style.setProperty("max-width", `${u}px`), g.style.setProperty(
+      Object.values(c).forEach((l) => {
+        l.style.setProperty("max-width", `${u}px`), l.style.setProperty(
           "color",
           d === "sepia" ? "#939393" : "rgb(202, 202, 202)"
         );
@@ -1793,11 +1815,11 @@ const mn = (e, t) => {
     })
   ), a = (c) => n.spineItemsObserver.itemIsReady$.pipe(
     k(({ item: u, isReady: d }) => {
-      var g, l;
-      (g = c[u.item.id]) == null || g.style.setProperty(
+      var l, g;
+      (l = c[u.item.id]) == null || l.style.setProperty(
         "visibility",
         d ? "hidden" : "visible"
-      ), (l = c[u.item.id]) == null || l.style.setProperty(
+      ), (g = c[u.item.id]) == null || g.style.setProperty(
         "z-index",
         d ? "0" : "1"
       );
@@ -1824,7 +1846,7 @@ const mn = (e, t) => {
     }
   };
 };
-class Tn extends ft {
+class Fn extends ft {
   getImageElement() {
     const t = this.documentContainer;
     if (t instanceof HTMLImageElement)
@@ -1876,13 +1898,13 @@ class Tn extends ft {
   getDocumentFrame() {
   }
 }
-const Fn = (e) => (t) => {
+const Ln = (e) => (t) => {
   const i = e({
     ...t,
     getRenderer(a) {
       var d;
       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;
+      return !r && u ? (l) => new Fn(l) : r;
     }
   }), n = new IntersectionObserver(
     (a) => {
@@ -1891,10 +1913,10 @@ const Fn = (e) => (t) => {
         const c = r.target, u = Array.from(
           ((d = c.contentDocument) == null ? void 0 : d.body.getElementsByTagName("audio")) || []
         );
-        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;
+        r.isIntersecting ? u.forEach((l) => {
+          l.hasAttribute("autoplay") && l.paused && l.readyState >= 2 && l.play().catch(console.error);
+        }) : u.forEach((l) => {
+          l.pause(), l.currentTime = 0;
         });
       });
     },
@@ -1917,11 +1939,11 @@ const Fn = (e) => (t) => {
   return i.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: a, itemId: r }) => {
-      var g, l;
-      const c = (g = i.spineItemsManager.get(r)) == null ? void 0 : g.renderer.getDocumentFrame();
+      var l, g;
+      const c = (l = i.spineItemsManager.get(r)) == null ? void 0 : l.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)));
+      const u = (g = c.contentDocument) == null ? void 0 : g.body.getElementsByTagName("video"), d = Array.from(u || []).map((h) => (o.observe(h), () => o.unobserve(h)));
       a(() => {
         n.unobserve(c), d.forEach((h) => h());
       });
@@ -1932,7 +1954,7 @@ const Fn = (e) => (t) => {
       n.disconnect(), o.disconnect(), i.destroy();
     }
   };
-}, Ln = (e, t) => e.links$.pipe(
+}, Mn = (e, t) => e.links$.pipe(
   $((i) => {
     var a;
     if (!Oi(i.target, "a") || i.type !== "click") return;
@@ -1941,7 +1963,7 @@ const Fn = (e) => (t) => {
       (r) => r.href === o
     )) && t.goToUrl(n);
   })
-), st = O.namespace("navigation"), Mn = ({
+), st = O.namespace("navigation"), Cn = ({
   position: e,
   spineItem: t,
   pageHeight: i,
@@ -1973,7 +1995,7 @@ const Fn = (e) => (t) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     e,
     r
-  ), d = Mn({
+  ), d = Cn({
     position: u,
     spineItem: r,
     pageHeight: s.getPageSize().height,
@@ -1987,15 +2009,15 @@ const Fn = (e) => (t) => {
     spineItemPosition: d,
     spineItem: r
   }) : t.getAdjustedPositionWithSafeEdge(
-    a === "horizontal" ? new L({
+    a === "horizontal" ? new F({
       x: e.x - s.getPageSize().width,
       y: 0
-    }) : new L({
+    }) : new F({
       y: e.y - s.getPageSize().height,
       x: 0
     })
   );
-}, Cn = ({
+}, Rn = ({
   position: e,
   spineItem: t,
   context: i,
@@ -2037,7 +2059,7 @@ const Fn = (e) => (t) => {
     return n.getAdjustedPositionForSpread(c);
   }
   return n.getAdjustedPositionForSpread(r);
-}, Rn = ({
+}, An = ({
   position: e,
   spineItem: t,
   pageHeight: i,
@@ -2055,7 +2077,7 @@ const Fn = (e) => (t) => {
     s,
     t
   );
-}, ge = ({
+}, le = ({
   position: e,
   navigationResolver: t,
   computedPageTurnDirection: i,
@@ -2069,7 +2091,7 @@ const Fn = (e) => (t) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     e,
     r
-  ), d = Rn({
+  ), d = An({
     position: u,
     spineItem: r,
     pageHeight: s.getPageSize().height,
@@ -2083,15 +2105,15 @@ const Fn = (e) => (t) => {
     spineItemPosition: d,
     spineItem: r
   }) : t.getAdjustedPositionWithSafeEdge(
-    a === "horizontal" ? new L({
+    a === "horizontal" ? new F({
       x: e.x + s.getPageSize().width,
       y: 0
-    }) : new L({
+    }) : new F({
       y: e.y + s.getPageSize().height,
       x: 0
     })
   );
-}, An = ({
+}, Dn = ({
   position: e,
   spineItem: t,
   context: i,
@@ -2100,7 +2122,7 @@ const Fn = (e) => (t) => {
   spineLocator: s,
   computedPageTurnDirection: a
 }) => {
-  const r = ge({
+  const r = le({
     position: e,
     context: i,
     navigationResolver: n,
@@ -2125,7 +2147,7 @@ const Fn = (e) => (t) => {
       );
     if (a === "vertical" && e.y !== r.y)
       return n.getAdjustedPositionForSpread(r);
-    const c = ge({
+    const c = le({
       position: r,
       context: i,
       navigationResolver: n,
@@ -2137,9 +2159,9 @@ const Fn = (e) => (t) => {
   }
   return n.getAdjustedPositionForSpread(r);
 };
-class Dn {
+class Nn {
   constructor(t) {
-    this.reader = t, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new L({ x: 0, y: 0 }), this.unlock = void 0;
+    this.reader = t, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new F({ x: 0, y: 0 }), this.unlock = void 0;
   }
   turnRight() {
     return this.turnRightOrBottom();
@@ -2156,7 +2178,7 @@ class Dn {
   turnRightOrBottom() {
     const t = this.reader.navigation.getNavigation(), i = this.reader.spineItemsManager.get(t.spineItem);
     if (!i) return;
-    const n = An({
+    const n = Dn({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: t.position,
@@ -2172,7 +2194,7 @@ class Dn {
   turnLeftOrTop() {
     const t = this.reader.navigation.getNavigation(), i = this.reader.spineItemsManager.get(t.spineItem);
     if (!i) return;
-    const n = Cn({
+    const n = Rn({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: t.position,
@@ -2312,9 +2334,9 @@ class Dn {
     }
   }
 }
-class Nn {
+class On {
   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;
+    this.reader = t, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new F({ x: 0, y: 0 }), this.lastStartPosition = new F({ x: 0, y: 0 }), this.unlock = void 0;
   }
   moveTo(t, { final: i, start: n } = {}) {
     var a, r, c, u;
@@ -2328,12 +2350,12 @@ class Nn {
     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) - (((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
+      const d = this.reader.viewport.absoluteViewport.width / this.reader.viewport.relativeViewport.width, l = Math.floor(t.x) - (((r = this.lastDelta) == null ? void 0 : r.x) || 0), g = Math.floor(t.y) - (((c = this.lastDelta) == null ? void 0 : c.y) || 0), h = Math.floor(
+        o === "horizontal" ? this.lastPosition.x - l / d : 0
       ), p = Math.floor(
-        o === "horizontal" ? 0 : this.lastPosition.y - l / d
+        o === "horizontal" ? 0 : this.lastPosition.y - g / d
       );
-      s = new L({
+      s = new F({
         x: h,
         y: p
       }), this.lastDelta = t;
@@ -2352,7 +2374,7 @@ class Nn {
     });
   }
 }
-const On = (e) => e.pagination.state$.pipe(
+const Vn = (e) => e.pagination.state$.pipe(
   A(e.context.manifest$, e.settings.values$),
   S(
     ([
@@ -2360,10 +2382,10 @@ const On = (e) => e.pagination.state$.pipe(
       { spineItems: i, readingDirection: n },
       { computedPageTurnDirection: o }
     ]) => {
-      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;
+      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, l = t.endPageIndexInSpineItem === t.endNumberOfPagesInSpineItem - 1;
       return {
         canTurnLeft: o === "vertical" ? !1 : !d,
-        canTurnRight: o === "vertical" ? !1 : !g,
+        canTurnRight: o === "vertical" ? !1 : !l,
         canGoTopSpineItem: o === "vertical" && !a,
         canGoBottomSpineItem: o === "vertical" && !r,
         canGoLeftSpineItem: o !== "vertical" && (n === "ltr" && !a || n === "rtl" && !c),
@@ -2372,7 +2394,7 @@ const On = (e) => e.pagination.state$.pipe(
     }
   ),
   H(N)
-), Vn = ({ reader: e, duration: t }) => (i) => {
+), jn = ({ reader: e, duration: t }) => (i) => {
   let n;
   const o = () => {
     n == null || n(), n = void 0;
@@ -2381,25 +2403,25 @@ const On = (e) => e.pagination.state$.pipe(
     $(() => {
       n || (n = e == null ? void 0 : e.navigation.lock());
     }),
-    ni(t, rt, {
+    ii(t, rt, {
       trailing: !0,
       leading: !0
     }),
     $(o),
     dt(o)
   );
-}, jn = (e) => (t) => {
-  const i = e(t), n = On(i), o = new Dn(i), s = new Nn(i), a = (c) => {
+}, kn = (e) => (t) => {
+  const i = e(t), n = Vn(i), o = new Nn(i), s = new On(i), a = (c) => {
     const { cfi: u, ...d } = c;
     i.load(d), u && o.goToCfi(u, { animate: !1 });
   };
-  return Ln(i, o).pipe(T(i.$.destroy$)).subscribe(), {
+  return Mn(i, o).pipe(T(i.$.destroy$)).subscribe(), {
     ...i,
     load: a,
     navigation: {
       ...i.navigation,
       state$: n,
-      throttleLock: ({ duration: c, trigger: u }) => u.pipe(Vn({ duration: c, reader: i })),
+      throttleLock: ({ duration: c, trigger: u }) => u.pipe(jn({ duration: c, reader: i })),
       moveTo: s.moveTo.bind(s),
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2422,16 +2444,16 @@ const On = (e) => e.pagination.state$.pipe(
       goToAbsolutePageIndex: o.goToAbsolutePageIndex.bind(o)
     }
   };
-}, lt = (e) => Ut({
+}, gt = (e) => Wt({
   spineIndex: e.index,
   spineId: e.id
-}), Ue = ({
+}), We = ({
   nodeOrRange: e,
   offset: t,
   item: i
 }) => {
   const n = "ownerDocument" in e ? e.ownerDocument : e.startContainer.ownerDocument;
-  return !n || !(n != null && n.documentElement) || e === n ? lt(i) : Vi(e) ? Ut({
+  return !n || !(n != null && n.documentElement) || e === n ? gt(i) : Vi(e) ? Wt({
     start: {
       node: e.startContainer,
       offset: e.startOffset,
@@ -2444,7 +2466,7 @@ const On = (e) => e.pagination.state$.pipe(
       spineIndex: i.index,
       spineId: i.id
     }
-  }) : Ut({
+  }) : Wt({
     node: e,
     offset: t,
     spineIndex: i.index,
@@ -2459,23 +2481,23 @@ const On = (e) => e.pagination.state$.pipe(
   const n = i.pages.value.pages.find(
     (r) => r.itemIndex === t.index && r.pageIndex === e
   ), o = n == null ? void 0 : n.firstVisibleNode, s = t.renderer.getDocumentFrame();
-  return o && s instanceof HTMLIFrameElement && ((a = s.contentWindow) != null && a.document) ? Ue({
+  return o && s instanceof HTMLIFrameElement && ((a = s.contentWindow) != null && a.document) ? We({
     nodeOrRange: o.node,
     offset: o.offset,
     item: t.item
-  }).trim() : lt(t.item);
-}, kn = (e, t) => Ue({
+  }).trim() : gt(t.item);
+}, Un = (e, t) => We({
   nodeOrRange: e,
   item: t
-}), Ns = (e) => e.index.toString(), le = (e) => {
+}), Os = (e) => e.index.toString(), ge = (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);
-}, 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;
+  const t = Fe(e);
+  return yi(t);
+}, Wn = (e) => Array.isArray(e) ? e[0] && ge(e[0]) ? e[0] : void 0 : e.parent[0] && ge(e.parent[0]) ? e.parent[0] : void 0, ee = (e) => {
+  var c, u, d, l;
+  const t = Fe(e), n = (Wn(t) ?? [])[1], s = ((n == null ? void 0 : n.index) ?? 2) / 2 - 1, a = Si(t), r = a ? (u = (c = t.end.at(-1)) == null ? void 0 : c.at(-1)) == null ? void 0 : u.offset : (l = (d = t.at(-1)) == null ? void 0 : d.at(-1)) == null ? void 0 : l.offset;
   return {
     isCfiRange: a,
     cleanedCfi: e,
@@ -2491,20 +2513,21 @@ const On = (e) => e.pagination.state$.pipe(
   if (!o)
     return {
       ...n,
-      itemIndex: i
+      itemIndex: i,
+      node: null
     };
   const s = o.renderer.getDocumentFrame();
   if (s instanceof HTMLIFrameElement) {
     const c = (a = s.contentWindow) == null ? void 0 : a.document;
     if (c)
       try {
-        const u = Ii(e, c, {
+        const u = bi(e, c, {
           throwOnError: !0
         });
         return {
           ...n,
           itemIndex: i,
-          node: u.isRange ? (r = u.node) == null ? void 0 : r.startContainer : u.node,
+          node: u.isRange ? ((r = u.node) == null ? void 0 : r.startContainer) ?? null : u.node ?? null,
           isCfiRange: u.isRange,
           range: u.isRange ? u.node : void 0,
           offset: Array.isArray(u.offset) ? u.offset.at(-1) : u.offset,
@@ -2514,41 +2537,45 @@ const On = (e) => e.pagination.state$.pipe(
         return O.warn(`Error resolving cfi: ${e}.`), O.warn(u), {
           ...n,
           spineItem: o,
-          itemIndex: i
+          itemIndex: i,
+          node: null
         };
       }
   }
   return {
     ...n,
     itemIndex: i,
-    spineItem: o
+    spineItem: o,
+    node: null
   };
-}, Un = (e, t) => {
+}, zn = (e, t) => {
   if ("cfi" in t) {
     const { itemIndex: s, ...a } = e.cfi.parseCfi(t.cfi);
     return {
       ...t,
       ...a,
-      itemIndex: s
+      itemIndex: s,
+      node: null
     };
   }
   const i = e.spineItemsManager.get(t);
   if (!i)
     throw new Error("Spine item not found");
-  const n = lt(i.item);
+  const n = gt(i.item);
   return {
     ...e.cfi.parseCfi(n),
-    cfi: lt(i.item),
-    itemIndex: i.index
+    cfi: gt(i.item),
+    itemIndex: i.index,
+    node: null
   };
-}, zn = (e, t) => {
+}, Hn = (e, t) => {
   let i = e == null ? void 0 : e.itemPageIndex;
   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,
+        node: r = null,
         offset: c,
         range: u
       } = a ? t.cfi.resolveCfi({ cfi: e.cfi }) : {};
@@ -2557,8 +2584,8 @@ const On = (e) => e.pagination.state$.pipe(
         c ?? 0,
         s
       ) ?? i);
-      let g = e == null ? void 0 : e.absolutePageIndex;
-      return i === void 0 && (i = 0), g = t.spine.locator._getAbsolutePageIndexFromPageIndex({
+      let l = e == null ? void 0 : e.absolutePageIndex;
+      return i === void 0 && (i = 0), l = t.spine.locator._getAbsolutePageIndexFromPageIndex({
         pageIndex: i,
         spineItemOrId: s
       }) ?? (e == null ? void 0 : e.absolutePageIndex), {
@@ -2566,15 +2593,15 @@ const On = (e) => e.pagination.state$.pipe(
         ...o,
         range: u,
         itemIndex: n,
-        startNode: r ?? void 0,
+        node: r,
         startOffset: c,
-        absolutePageIndex: g,
+        absolutePageIndex: l,
         itemPageIndex: i
       };
     })
   ) : w({ ...e, itemIndex: n, ...o });
 };
-class Hn {
+class Bn {
   constructor(t) {
     this.reader = t, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (i) => {
       const n = this.locatorsByKey.get(i);
@@ -2582,13 +2609,13 @@ class Hn {
     }, this.locate = (i, n) => {
       const o = {
         resource: i,
-        meta: Un(this.reader, i)
+        meta: zn(this.reader, i)
       };
-      return ae(() => {
+      return re(() => {
         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(
+        } : this.reader.spine.spineItemsLoader.forceOpen([s.index]), c = "cfi" in i ? i.cfi : void 0, u = c ? this.locatorsByKey.get(c) : void 0, d = (g) => g.pipe(
           dt(() => {
             c && this.deregisterMemoizedStream(c), setTimeout(() => {
               r();
@@ -2598,18 +2625,18 @@ class Hn {
         if (c && u)
           return u.observerCount++, d(
             u.consolidate$.pipe(
-              S(({ resource: l, meta: h }) => ({
-                resource: l,
+              S(({ resource: g, meta: h }) => ({
+                resource: g,
                 meta: h
               }))
             )
           );
-        const g = this.reader.spine.layout$.pipe(
+        const l = this.reader.spine.layout$.pipe(
           St(10),
           it(o),
-          oi((l) => zn(l.meta, this.reader).pipe(
+          ni((g) => Hn(g.meta, this.reader).pipe(
             S((h) => ({
-              ...l,
+              ...g,
               meta: h
             }))
           ), o),
@@ -2617,16 +2644,16 @@ class Hn {
         );
         return c && this.locatorsByKey.set(c, {
           observerCount: 1,
-          consolidate$: g
-        }), d(g);
+          consolidate$: l
+        }), d(l);
       });
     };
   }
   locateResource(t, i) {
-    return Array.isArray(t) ? ae(
+    return Array.isArray(t) ? re(
       () => B(
         t.map((n) => this.locate(n, i ?? {}))
-      ).pipe(si([]))
+      ).pipe(oi([]))
     ) : this.locate(t, i ?? {});
   }
 }
@@ -2638,8 +2665,8 @@ const He = (e, t, i) => {
     const a = s.href.indexOf("#"), r = a > 0 ? s.href.substr(0, a) : s.href, c = r.substring(
       0,
       r.lastIndexOf("/")
-    ), u = e.substring(0, e.lastIndexOf("/")), d = e.endsWith(r), g = u !== "" && u.endsWith(c);
-    if (d || g) {
+    ), u = e.substring(0, e.lastIndexOf("/")), d = e.endsWith(r), l = u !== "" && u.endsWith(c);
+    if (d || l) {
       const h = i.spineItems.findIndex(
         (f) => f.href === s.href
       );
@@ -2655,20 +2682,20 @@ const He = (e, t, i) => {
     }
     return o;
   }, void 0);
-}, Bn = (e, t) => {
+}, En = (e, t) => {
   var n;
   const { href: i } = t;
   return He(i, ((n = e.nav) == null ? void 0 : n.toc) ?? [], e);
-}, En = (e) => {
+}, _n = (e) => {
   const t = e.context.manifest, i = e.spineItemsManager.items;
   return t ? i.reduce(
-    (n, { item: o }) => (n[o.id] = Bn(t, o), n),
+    (n, { item: o }) => (n[o.id] = En(t, o), n),
     {}
   ) : {};
-}, _n = (e) => e.spineItemsManager.items$.pipe(
+}, Xn = (e) => e.spineItemsManager.items$.pipe(
   it([]),
-  S(() => En(e))
-), Xn = (e, t, i) => e + t * i, Yn = (e, t, i) => {
+  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: a, left: r } = e.spine.getSpineItemSpineLayoutInfo(i);
   return e.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
@@ -2683,28 +2710,28 @@ const He = (e, t, i) => {
       (t.x - r + n.state.visibleAreaRect.width) / s
     )
   );
-}, qn = (e, t, i, n, o) => o.isReady$.pipe(
+}, Zn = (e, t, i, n, o) => o.isReady$.pipe(
   z(),
   A(e.layoutInfo$),
   S(([s, a]) => {
-    var f, b, I, x, F, C, D;
-    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
+    var f, b, I, x, L, C, D;
+    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, l = e.spineItemsManager.getSpineItemIndex(o) ?? 0, g = ((x = e.context.manifest) == null ? void 0 : x.spineItems.length) ?? 0, h = a.pages.filter((E) => E.itemIndex === l).length ?? 0, p = ((C = (L = r.manifest) == null ? void 0 : L.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;
+    (l + 1) / g;
     let m = (i + 1) * (p / h);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = d + m;
-    return ((D = r.manifest) == null ? void 0 : D.renditionFlow) === "scrolled-continuous" && (s ? m = Yn(
+    return ((D = r.manifest) == null ? void 0 : D.renditionFlow) === "scrolled-continuous" && (s ? m = qn(
       e,
       n,
       o
-    ) : m = 0, y = Xn(
+    ) : m = 0, y = Yn(
       d,
       p,
       m
     )), t === u - 1 && i === h - 1 && y > 0.99 ? 1 : y;
   })
-), Zn = (e) => e.spine.layout$.pipe(
+), Gn = (e) => e.spine.layout$.pipe(
   St(10, rt),
   A(e.pagination.state$),
   S(() => ({
@@ -2722,7 +2749,7 @@ const He = (e, t, i) => {
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), Gn = (e, t, i, n) => {
+), Jn = (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,
@@ -2753,7 +2780,7 @@ const He = (e, t, i) => {
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, Jn = (e) => B([
+}, Kn = (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
@@ -2762,7 +2789,7 @@ const He = (e, t, i) => {
 ]).pipe(
   P(([t]) => {
     const i = t.endSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.endSpineItemIndex) : void 0;
-    return i ? qn(
+    return i ? Zn(
       e,
       t.endSpineItemIndex ?? 0,
       t.endPageIndexInSpineItem || 0,
@@ -2770,8 +2797,8 @@ const He = (e, t, i) => {
       i
     ) : w(0);
   })
-), Kn = (e) => {
-  const t = _n(e), i = Zn(e), n = new U({
+), Qn = (e) => {
+  const t = Xn(e), i = Gn(e), n = new W({
     ...e.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2789,10 +2816,10 @@ const He = (e, t, i) => {
   }), o = B([
     e.pagination.state$,
     t,
-    Jn(e)
+    Kn(e)
   ]).pipe(
     P(
-      ([a, r, c]) => Gn(
+      ([a, r, c]) => Jn(
         e,
         a,
         r,
@@ -2827,10 +2854,10 @@ const He = (e, t, i) => {
     }),
     tt(1)
   ), getPaginationInfo: () => n.value };
-}, Qn = (e) => (t) => {
-  const i = e(t), { paginationInfo$: n, getPaginationInfo: o } = Kn(i);
+}, to = (e) => (t) => {
+  const i = e(t), { paginationInfo$: n, getPaginationInfo: o } = Qn(i);
   n.pipe(T(i.$.destroy$)).subscribe();
-  const s = new Hn(i);
+  const s = new Bn(i);
   return {
     ...i,
     locateResource: s.locateResource.bind(s),
@@ -2844,34 +2871,34 @@ const He = (e, t, i) => {
       }
     }
   };
-}, to = (e) => ({
+}, eo = (e) => ({
   put: (s, a) => new Promise((r, c) => {
     const u = e.transaction(["store"], "readwrite");
-    u.onerror = (l) => {
-      c(l);
+    u.onerror = (g) => {
+      c(g);
     }, u.oncomplete = () => {
       r();
     };
-    const g = u.objectStore("store").put(a, s);
-    g.onsuccess = () => {
+    const l = u.objectStore("store").put(a, s);
+    l.onsuccess = () => {
       r();
-    }, g.onerror = (l) => {
-      c(l);
+    }, l.onerror = (g) => {
+      c(g);
     };
   }),
   keys: () => new Promise((s, a) => {
     const r = e.transaction(["store"], "readonly");
-    r.onerror = (g) => {
-      a(g);
+    r.onerror = (l) => {
+      a(l);
     };
     const u = r.objectStore("store").openKeyCursor(), d = [];
     u.onsuccess = () => {
-      const g = u.result;
-      if (!g) {
+      const l = u.result;
+      if (!l) {
         s(d);
         return;
       }
-      d.push(g.key), g.continue();
+      d.push(l.key), l.continue();
     }, u.onerror = () => {
       a(u.error);
     };
@@ -2879,8 +2906,8 @@ const He = (e, t, i) => {
   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), a(g);
+      let l = d.result;
+      l === void 0 && (l = null), a(l);
     }, c.onerror = () => {
       r(d.error);
     };
@@ -2892,48 +2919,48 @@ const He = (e, t, i) => {
     }, c.oncomplete = () => {
       a();
     }, c.onabort = () => {
-      var l;
-      const g = d.error ? d.error : (l = d.transaction) == null ? void 0 : l.error;
-      r(g);
+      var g;
+      const l = d.error ? d.error : (g = d.transaction) == null ? void 0 : g.error;
+      r(l);
     };
   })
-}), Ot = async (e) => new Promise((t, i) => {
+}), Nt = async (e) => new Promise((t, i) => {
   const n = window.indexedDB.open(e);
   n.onerror = (o) => {
     i(o);
   }, n.onsuccess = () => {
-    t(to(n.result));
+    t(eo(n.result));
   }, n.onupgradeneeded = () => {
     n.result.createObjectStore("store");
   };
-}), eo = (e) => {
+}), io = (e) => {
   let t = Date.now().toString();
-  const i = new W(), n = (c) => {
+  const i = new U(), n = (c) => {
     var u, d;
     if (typeof c == "string" || typeof c == "object") {
-      const g = typeof c == "object" ? c.id : c;
-      return (u = e.manifest) == null ? void 0 : u.spineItems.find((l) => l.id === g);
+      const l = typeof c == "object" ? c.id : c;
+      return (u = e.manifest) == null ? void 0 : u.spineItems.find((g) => g.id === l);
     }
     return (d = e.manifest) == null ? void 0 : d.spineItems[c];
   }, o = async (c, u) => {
     const d = n(c);
     if (!d) return new Response("Item not found", { status: 404 });
-    const l = await (await Ot("prose-reader")).get(`${t}_${d.id}`);
-    if (l)
-      return new Response(l, { status: 200 });
+    const g = await (await Nt("prose-reader")).get(`${t}_${d.id}`);
+    if (g)
+      return new Response(g, { status: 200 });
     const h = u && await u(d) || await fetch(d.href);
     return s(d, h.clone()), h;
   }, s = (c, u) => {
     i.next({ id: c, data: u });
   };
   i.asObservable().pipe(
-    fi(({ id: c, data: u }) => {
+    mi(({ id: c, data: u }) => {
       const d = n(c);
       return d ? j(
-        ri([Ot("prose-reader"), j(u.blob())])
+        si([Nt("prose-reader"), j(u.blob())])
       ).pipe(
-        _(([g, l]) => j(g.put(`${t}_${d.id}`, l))),
-        se((g) => (O.error(g), Q))
+        _(([l, g]) => j(l.put(`${t}_${d.id}`, g))),
+        oe((l) => (O.error(l), Q))
       ) : Q;
     }),
     G(e.destroy$)
@@ -2944,19 +2971,19 @@ const He = (e, t, i) => {
     })
   );
   return v(a).pipe(
-    _(() => (O.debug("Cleanup up old cache..."), j(Ot("prose-reader")).pipe(
+    _(() => (O.debug("Cleanup up old cache..."), j(Nt("prose-reader")).pipe(
       _(
         (c) => j(c.keys()).pipe(
           Y(
             (u) => u.filter((d) => !d.toString().startsWith(t))
           ),
           _((u) => {
-            const d = u.map((g) => c.remove(g));
+            const d = u.map((l) => c.remove(l));
             return j(Promise.all(d));
           })
         )
       ),
-      se((c) => (O.error(c), Q))
+      oe((c) => (O.error(c), Q))
     ))),
     G(e.destroy$)
   ).subscribe(), {
@@ -2965,8 +2992,8 @@ const He = (e, t, i) => {
       i.complete();
     }
   };
-}, io = (e) => (t) => {
-  const i = e(t), n = eo(i.context);
+}, no = (e) => (t) => {
+  const i = e(t), n = io(i.context);
   return {
     ...i,
     // $: {
@@ -2978,7 +3005,7 @@ const He = (e, t, i) => {
     }
     // load,
   };
-}, no = (e, t) => {
+}, oo = (e, t) => {
   var o;
   const i = (o = e.node.ownerDocument) == null ? void 0 : o.createRange(), n = e.node.compareDocumentPosition(t.node);
   if (i) {
@@ -2999,14 +3026,14 @@ const He = (e, t, i) => {
     }
     return i;
   }
-}, oo = ({
+}, so = ({
   selection: e,
   spineItem: t
 }) => {
   const { anchorNode: i, anchorOffset: n, focusNode: o, focusOffset: s } = e;
   if (!(!i || !o))
     try {
-      return no(
+      return oo(
         { node: i, offset: n },
         { node: o, offset: s }
       );
@@ -3018,22 +3045,22 @@ const He = (e, t, i) => {
       return;
     }
 };
-class so extends X {
+class ro extends X {
   constructor(t) {
     var n;
     super();
     const i = t.contentDocument || ((n = t.contentWindow) == null ? void 0 : n.document);
     if (!i)
-      this.selectionChange$ = gt, this.selectionOver$ = gt;
+      this.selectionChange$ = lt, this.selectionOver$ = lt;
     else {
-      const o = ce(i.body, {
+      const o = ae(i.body, {
         childList: !0,
         subtree: !0
       }).pipe(
         M(
           (a) => !!a.find((r) => r.type === "childList" && r.removedNodes.length)
         )
-      ), s = t.parentElement ? ce(t.parentElement, {
+      ), s = t.parentElement ? ae(t.parentElement, {
         childList: !0
       }).pipe(
         M(
@@ -3061,7 +3088,7 @@ class so extends X {
              * The selection is still valid during the event even if it will
              * be discarded. The timeout make sure to detect this edge case.
              */
-            wt(0),
+            Pt(0),
             S((a) => {
               const r = i.getSelection();
               return r && !r.isCollapsed ? [a, r] : void 0;
@@ -3074,12 +3101,12 @@ class so extends X {
     }
   }
 }
-const ro = (e) => e.loaded$.pipe(
+const ao = (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 so(t);
+    if (!t || !i) return lt;
+    const n = new ro(t);
     return v(
       n.selectionChange$.pipe(
         S((s) => {
@@ -3106,14 +3133,14 @@ const ro = (e) => e.loaded$.pipe(
     );
   }),
   H()
-), ao = (e) => (t) => {
+), co = (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 ro(l).pipe(
+      const l = d.map((g) => {
+        const h = i.spineItemsManager.getSpineItemIndex(g) ?? 0;
+        return ao(g).pipe(
           S((p) => {
             if (p)
               return {
@@ -3123,7 +3150,7 @@ const ro = (e) => e.loaded$.pipe(
           })
         );
       });
-      return v(...g);
+      return v(...l);
     }),
     it(void 0),
     H(),
@@ -3161,7 +3188,7 @@ const ro = (e) => e.loaded$.pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => n,
-      createOrderedRangeFromSelection: oo
+      createOrderedRangeFromSelection: so
     }
   };
 }, pe = [
@@ -3179,8 +3206,8 @@ const ro = (e) => e.loaded$.pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], co = (e) => (t) => {
-  const i = e(t), n = new U(
+], uo = (e) => (t) => {
+  const i = e(t), n = new W(
     t.theme ?? "bright"
   ), o = () => {
     const r = pe.find(
@@ -3244,7 +3271,7 @@ const ro = (e) => e.loaded$.pipe(
       }
     }
   };
-}, uo = (e) => (t) => ({
+}, lo = (e) => (t) => ({
   ...e(t),
   utils: {
     isOrIsWithinValidLink: (o) => {
@@ -3264,9 +3291,9 @@ class Be {
     this.reader = t;
   }
 }
-class lo extends Be {
+class po extends Be {
   constructor() {
-    super(...arguments), this.isZooming$ = new U(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
+    super(...arguments), this.isZooming$ = new W(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
   }
   enter(t) {
     if (!t) {
@@ -3312,7 +3339,7 @@ class lo extends Be {
     ), this.currentScale = i;
   }
 }
-const Tt = ({
+const he = ({
   newScale: e,
   oldScale: t,
   screenSize: i,
@@ -3321,9 +3348,9 @@ const Tt = ({
   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 po extends Be {
+class ho extends Be {
   constructor() {
-    super(...arguments), this.isZooming$ = new U(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
+    super(...arguments), this.isZooming$ = new W(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
   }
   enter() {
     this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
@@ -3339,13 +3366,13 @@ class po extends Be {
     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), a = i.getBoundingClientRect().width / i.offsetWidth, r = n.scrollTop;
-    i.style.transform = `scale(${s})`, n.scrollLeft = Tt({
+    i.style.transform = `scale(${s})`, n.scrollLeft = he({
       newScale: s,
       oldScale: a,
       pageSize: n.clientWidth,
       screenSize: i.offsetWidth,
       scrollOffset: n.scrollLeft
-    }), n.scrollTop = Tt({
+    }), n.scrollTop = he({
       newScale: s,
       oldScale: a,
       pageSize: n.clientHeight,
@@ -3354,8 +3381,8 @@ class po extends Be {
     }), this.currentScale = o;
   }
 }
-const ho = (e) => (t) => {
-  const i = e(t), n = new lo(i), o = new po(i), s = new U(o);
+const mo = (e) => (t) => {
+  const i = e(t), n = new po(i), o = new ho(i), s = new W(o);
   return {
     ...i,
     destroy: () => {
@@ -3389,7 +3416,7 @@ const ho = (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 ht extends ot {
   constructor(t) {
-    super((i) => this.stateSubject.pipe(T(this.destroy$)).subscribe(i)), this.destroy$ = new W(), this.stateSubject = new U(t);
+    super((i) => this.stateSubject.pipe(T(this.destroy$)).subscribe(i)), this.destroy$ = new U(), this.stateSubject = new W(t);
   }
   next(t) {
     this.stateSubject.next(t);
@@ -3414,9 +3441,9 @@ class ht extends ot {
     this.stateSubject.complete(), this.destroy$.complete();
   }
 }
-class mo {
+class fo {
   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(
+    this.navigationSubject = new ie(1), this.viewportStateSubject = new W("free"), this.paginationSubject = new ie(), this.navigationIsLockedSubject = new W(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       H(),
       M((t) => !t)
     ), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
@@ -3426,7 +3453,7 @@ class mo {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-const fo = ({
+const yo = ({
   manifest: e,
   visibleAreaRect: t,
   forceSinglePageMode: i
@@ -3434,7 +3461,7 @@ const fo = ({
   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 yo extends ht {
+class So extends ht {
   constructor() {
     super({
       marginBottom: 0,
@@ -3447,7 +3474,7 @@ class yo extends ht {
         x: 0,
         y: 0
       }
-    }), this.bridgeEvent = new mo(), this.destroy$ = new W(), this.state$ = this.pipe(Z(N)), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new fo(), this.destroy$ = new U(), this.state$ = this.pipe(Z(N)), this.manifest$ = this.pipe(
       Y((t) => t.manifest),
       K(at),
       Z()
@@ -3478,7 +3505,7 @@ class yo extends ht {
         isFullyPrePaginated: Ee(n),
         assumedRenditionLayout: (n == null ? void 0 : n.renditionLayout) ?? "reflowable"
       },
-      isUsingSpreadMode: fo({
+      isUsingSpreadMode: yo({
         manifest: n,
         visibleAreaRect: s,
         forceSinglePageMode: o
@@ -3510,7 +3537,7 @@ class yo extends ht {
     };
   }
 }
-class So extends ht {
+class bo extends ht {
   constructor(t, i) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3546,7 +3573,7 @@ class So extends ht {
     ).subscribe(this.next.bind(this));
   }
 }
-class bo {
+class Io {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3577,9 +3604,9 @@ class bo {
       (a) => t === a.name
     ).map((a) => {
       let r = () => w(void 0);
-      const c = new W(), u = (l) => {
-        r = l;
-      }, d = () => (c.next(), c.complete(), r() ?? w(void 0)), g = a.runFn({
+      const c = new U(), u = (g) => {
+        r = g;
+      }, d = () => (c.next(), c.complete(), r() ?? w(void 0)), l = a.runFn({
         // biome-ignore lint/suspicious/noExplicitAny: TODO
         ...n,
         destroy$: c.asObservable(),
@@ -3590,7 +3617,7 @@ class bo {
         id: i,
         destroyFn: d,
         ref: a
-      }), g;
+      }), l;
     });
   }
   destroy(t, i, n) {
@@ -3610,7 +3637,7 @@ class bo {
 }
 class _e {
   constructor() {
-    this.isLockedSubject = new U(0), this.isLocked$ = this.isLockedSubject.pipe(
+    this.isLockedSubject = new W(0), this.isLocked$ = this.isLockedSubject.pipe(
       S((t) => !!t),
       H()
     );
@@ -3622,7 +3649,7 @@ class _e {
     };
   }
 }
-const Io = () => (e) => e.pipe(
+const wo = () => (e) => e.pipe(
   S(({ navigation: t, pagination: i, ...n }) => ({
     navigation: {
       ...t,
@@ -3630,7 +3657,7 @@ const Io = () => (e) => e.pipe(
     },
     ...n
   }))
-), wo = (e, t, i) => e.bridgeEvent.pagination$.pipe(
+), Po = (e, t, i) => e.bridgeEvent.pagination$.pipe(
   A(t),
   M(
     ([n, o]) => n.navigationId === o.id
@@ -3650,7 +3677,7 @@ const Io = () => (e) => e.pipe(
       }))
     );
   }),
-  Io(),
+  wo(),
   H(
     (n, o) => n.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3662,7 +3689,7 @@ const Io = () => (e) => e.pipe(
       }
     })
   )
-), Po = (e) => e.pipe(
+), vo = (e) => e.pipe(
   S(([t, i]) => {
     const n = {
       type: "api",
@@ -3671,14 +3698,15 @@ const Io = () => (e) => e.pipe(
       },
       id: Symbol(),
       animation: "turn",
-      ...t
+      ...t,
+      position: t.position ? F.from(t.position) : void 0
     };
     return {
       previousNavigation: i,
       navigation: n
     };
   })
-), vo = ({ navigationResolver: e }) => (t) => t.pipe(
+), xo = ({ navigationResolver: e }) => (t) => t.pipe(
   S((i) => {
     if (i.navigation.cfi) {
       const n = e.getNavigationForCfi(
@@ -3695,16 +3723,16 @@ const Io = () => (e) => e.pipe(
     }
     return i;
   })
-), xo = ({
+), $o = ({
   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", $o = ({
+}) => 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 = ({
   context: e,
   settings: t
 }) => (i) => i.pipe(
   S(({ navigation: n, previousNavigation: o }) => {
-    const s = xo({
+    const s = $o({
       navigation: n,
       previousNavigation: o,
       settings: t
@@ -3718,7 +3746,7 @@ const Io = () => (e) => e.pipe(
       direction: s
     };
   })
-), To = ({
+), Fo = ({
   spineItemsManager: e,
   navigationResolver: t
 }) => (i) => i.pipe(
@@ -3741,12 +3769,12 @@ const Io = () => (e) => e.pipe(
     } : {
       navigation: {
         ...n,
-        position: new L({ x: 0, y: 0 })
+        position: new F({ x: 0, y: 0 })
       },
       ...o
     };
   })
-), he = ({
+), me = ({
   settings: e,
   spineItemsManager: t,
   navigationResolver: i,
@@ -3758,7 +3786,7 @@ const Io = () => (e) => e.pipe(
       spineItem: c,
       cfi: u,
       directionFromLastNavigation: d
-    } = a, { navigationSnapThreshold: g, computedPageTurnMode: l } = e.values;
+    } = a, { navigationSnapThreshold: l, computedPageTurnMode: g } = e.values;
     if (c !== void 0) {
       const h = t.get(c);
       if (h) return h;
@@ -3769,29 +3797,29 @@ const Io = () => (e) => e.pipe(
       const h = t.getSpineItemFromCfi(u);
       if (h) return h;
     }
-    if (r && l === "controlled") {
+    if (r && g === "controlled") {
       const { beginIndex: h, endIndex: p } = n.getVisibleSpineItemsFromPosition({
         position: r,
-        threshold: g,
+        threshold: l,
         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: r,
         spineItem: y,
-        threshold: g,
+        threshold: l,
         restrictToScreen: !1
       }) ?? {}, I = (d === "forward" || d === "anchor" ? f : b) ?? 0, x = i.getNavigationForSpineItemPage({
         pageIndex: I,
         spineItemId: y
-      }), F = n.getVisibleSpineItemsFromPosition({
+      }), L = n.getVisibleSpineItemsFromPosition({
         position: x,
-        threshold: g,
+        threshold: l,
         restrictToScreen: !1
-      }), C = d === "forward" || d === "anchor" ? F == null ? void 0 : F.beginIndex : F == null ? void 0 : F.endIndex;
+      }), C = d === "forward" || d === "anchor" ? L == null ? void 0 : L.beginIndex : L == null ? void 0 : L.endIndex;
       return t.get(C);
     }
-    return r && l === "scrollable" ? n.getSpineItemFromPosition(r) : t.get(0);
+    return r && g === "scrollable" ? n.getSpineItemFromPosition(r) : t.get(0);
   };
   return o.pipe(
     S(({ navigation: a, ...r }) => {
@@ -3805,7 +3833,7 @@ const Io = () => (e) => e.pipe(
       };
     })
   );
-}, me = ({ spine: e }) => (t) => t.pipe(
+}, fe = ({ spine: e }) => (t) => t.pipe(
   P(({ navigation: i, ...n }) => {
     const o = e.getSpineItemSpineLayoutInfo(
       i.spineItem
@@ -3828,7 +3856,7 @@ const Io = () => (e) => e.pipe(
       )
     );
   })
-), Vt = ({
+), Ot = ({
   settings: e,
   spineItemsManager: t,
   spineLocator: i,
@@ -3838,13 +3866,13 @@ const Io = () => (e) => e.pipe(
     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({
+        const { endPageIndex: d, beginPageIndex: l } = i.getVisiblePagesFromViewportPosition({
           position: a.position,
           spineItem: u,
           threshold: r,
           restrictToScreen: !1
-        }) ?? {}, l = (a.directionFromLastNavigation === "forward" || a.directionFromLastNavigation === "anchor" ? d : g) ?? 0, h = n.getNavigationForSpineItemPage({
-          pageIndex: l,
+        }) ?? {}, g = (a.directionFromLastNavigation === "forward" || a.directionFromLastNavigation === "anchor" ? d : l) ?? 0, h = n.getNavigationForSpineItemPage({
+          pageIndex: g,
           spineItemId: u
         }), p = i.getVisiblePagesFromViewportPosition({
           position: h,
@@ -3872,7 +3900,7 @@ const Io = () => (e) => e.pipe(
       ...r
     }))
   );
-}, Fo = ({ navigationResolver: e }) => (t) => t.pipe(
+}, Lo = ({ navigationResolver: e }) => (t) => t.pipe(
   S((i) => {
     if (i.navigation.url) {
       const n = e.getNavigationForUrl(
@@ -3890,7 +3918,7 @@ const Io = () => (e) => e.pipe(
     }
     return i;
   })
-), Lo = ({
+), Mo = ({
   spineLocator: e,
   navigation: t,
   navigationResolver: i,
@@ -3905,7 +3933,7 @@ const Io = () => (e) => e.pipe(
       const r = o.getSpineItemSpineLayoutInfo(s), c = e.isPositionWithinSpineItem(
         t.position,
         s
-      ), u = r.width - (t.spineItemWidth ?? 0), d = r.height - (t.spineItemHeight ?? 0), g = u !== 0 || d !== 0;
+      ), u = r.width - (t.spineItemWidth ?? 0), d = r.height - (t.spineItemHeight ?? 0), l = 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!
       a && !t.spineItemIsReady)) {
@@ -3915,15 +3943,15 @@ const Io = () => (e) => e.pipe(
         if (m)
           return m.position;
       }
-      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
+      const g = t.cfi ?? t.paginationBeginCfi;
+      if (g !== void 0 && !Et(g) && (u || d || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
       a && !t.spineItemIsReady)) {
-        const m = i.getNavigationForCfi(l);
+        const m = i.getNavigationForCfi(g);
         if (m)
           return m;
       }
-      if (c && g && t.directionFromLastNavigation === "backward") {
+      if (c && l && t.directionFromLastNavigation === "backward") {
         const m = new R({
           x: (((h = t.positionInSpineItem) == null ? void 0 : h.x) ?? 0) + u,
           y: (((p = t.positionInSpineItem) == null ? void 0 : p.y) ?? 0) + d
@@ -3947,8 +3975,8 @@ const Io = () => (e) => e.pipe(
       }
       return c ? i.getNavigationForPosition(t.position) : i.getNavigationForSpineIndexOrId(s);
     })
-  ) : w(new L({ x: 0, y: 0 }));
-}, Mo = ({
+  ) : w(new F({ x: 0, y: 0 }));
+}, Co = ({
   navigation: e,
   spineLocator: t,
   spineItemsManager: i,
@@ -3957,11 +3985,11 @@ const Io = () => (e) => e.pipe(
   spine: s
 }) => {
   const { spineItem: a } = e, r = i.get(a);
-  if (!r) return new L({ x: 0, y: 0 });
+  if (!r) return new F({ x: 0, y: 0 });
   const { height: c, top: u } = s.getSpineItemSpineLayoutInfo(r), d = t.isPositionWithinSpineItem(
     e.position,
     r
-  ), g = e.positionInSpineItem ?? new R({
+  ), l = e.positionInSpineItem ?? new R({
     y: 0,
     x: 0
   });
@@ -3971,7 +3999,7 @@ const Io = () => (e) => e.pipe(
     if (u === e.spineItemTop && c === e.spineItemHeight && !d)
       return o.getNavigationForSpineIndexOrId(r);
     if (u !== e.spineItemTop) {
-      const l = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
+      const g = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
         e.positionInSpineItem ?? new R({
           x: 0,
           y: 0
@@ -3979,13 +4007,13 @@ const Io = () => (e) => e.pipe(
         r
       );
       return t.getSpinePositionFromSpineItemPosition({
-        spineItemPosition: l,
+        spineItemPosition: g,
         spineItem: r
       });
     }
     if (u === e.spineItemTop && c !== e.spineItemHeight) {
-      const l = (e.spineItemHeight ?? g.y) - g.y, h = new R({
-        y: e.directionFromLastNavigation === "backward" ? c - l : g.y,
+      const g = (e.spineItemHeight ?? l.y) - l.y, h = new R({
+        y: e.directionFromLastNavigation === "backward" ? c - g : l.y,
         x: e.position.x
       });
       if (d) {
@@ -4001,7 +4029,7 @@ const Io = () => (e) => e.pipe(
       if (!d) {
         if (!(e.position.y < u)) {
           const m = new R({
-            y: c - l,
+            y: c - g,
             x: e.position.x
           });
           return t.getSpinePositionFromSpineItemPosition({
@@ -4017,7 +4045,7 @@ const Io = () => (e) => e.pipe(
     }
   }
   return e.position;
-}, Co = ({
+}, Ro = ({
   navigation: e,
   spineItemsManager: t,
   settings: i,
@@ -4025,7 +4053,7 @@ const Io = () => (e) => e.pipe(
   navigationResolver: o,
   spine: s
 }) => i.values.computedPageTurnMode === "scrollable" ? w(
-  Mo({
+  Co({
     navigation: e,
     spineLocator: n,
     navigationResolver: o,
@@ -4033,19 +4061,19 @@ const Io = () => (e) => e.pipe(
     spineItemsManager: t,
     spine: s
   })
-) : Lo({
+) : Mo({
   navigation: e,
   spineLocator: n,
   navigationResolver: o,
   spineItemsManager: t,
   spine: s
-}), fe = ({
+}), ye = ({
   settings: e,
   navigationResolver: t,
   context: i,
   spine: n
 }) => (o) => o.pipe(
-  P((s) => Co({
+  P((s) => Ro({
     spineLocator: n.locator,
     navigation: s.navigation,
     navigationResolver: t,
@@ -4062,19 +4090,19 @@ const Io = () => (e) => e.pipe(
       }
     }))
   ))
-), Ro = "navigation/InternalNavigator", Ao = O.namespace(Ro);
-class Do extends X {
+), Ao = "navigation/InternalNavigator", Do = O.namespace(Ao);
+class No 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({
+    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 W({
       animation: !1,
-      position: new L({ x: 0, y: 0 }),
+      position: new F({ x: 0, y: 0 }),
       meta: {
         triggeredBy: "user"
       },
       spineItemIsReady: !1,
       type: "api",
       id: Symbol()
-    }), this.navigated$ = this.navigationSubject.pipe(ve(1)), this.navigation$ = this.navigationSubject.pipe(
+    }), this.navigated$ = this.navigationSubject.pipe(xe(1)), this.navigation$ = this.navigationSubject.pipe(
       S(({ position: f, id: b }) => ({
         position: f,
         id: b
@@ -4086,39 +4114,39 @@ class Do extends X {
     ), this.locker = new _e();
     const u = n.pipe(
       A(this.navigationSubject),
-      Po,
+      vo,
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Fo({
+      Lo({
         navigationResolver: a
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      vo({
+      xo({
         navigationResolver: a
       }),
-      $o({ context: i, settings: t }),
-      he({
+      To({ context: i, settings: t }),
+      me({
         navigationResolver: a,
         settings: t,
         spineItemsManager: r.spineItemsManager,
         spineLocator: r.locator
       }),
-      Vt({
+      Ot({
         navigationResolver: a,
         settings: t,
         spineItemsManager: r.spineItemsManager,
         spineLocator: r.locator
       }),
-      me({
+      fe({
         spine: r
       })
     ).pipe(
-      To({
+      Fo({
         navigationResolver: a,
         spineItemsManager: r.spineItemsManager
       }),
@@ -4126,7 +4154,7 @@ class Do extends X {
       P(([f, b]) => {
         const I = f.navigation.cfi || f.navigation.url || t.values.computedPageTurnMode === "scrollable" || b;
         return w(f).pipe(
-          I ? Pt : fe({
+          I ? vt : ye({
             navigationResolver: a,
             settings: t,
             spine: r,
@@ -4134,7 +4162,7 @@ class Do extends X {
           })
         );
       }),
-      Vt({
+      Ot({
         spineItemsManager: r.spineItemsManager,
         spineLocator: r.locator,
         settings: t,
@@ -4163,7 +4191,7 @@ class Do extends X {
         );
       }),
       V()
-    ), g = v(
+    ), l = v(
       o.layout$,
       r.layout$
     ).pipe(
@@ -4189,12 +4217,12 @@ class Do extends X {
           v(d, u)
         )
       ))
-    ), l = v(
-      g,
+    ), g = v(
+      l,
       d
     ).pipe(
       S((f) => ({ navigation: f })),
-      fe({
+      ye({
         navigationResolver: a,
         settings: t,
         context: i,
@@ -4217,16 +4245,16 @@ class Do extends X {
        * eg: after the reader load and the user has never navigated
        * yet.
        */
-      he({
+      me({
         navigationResolver: a,
         settings: t,
         spineItemsManager: r.spineItemsManager,
         spineLocator: r.locator
       }),
-      me({
+      fe({
         spine: r
       }),
-      Vt({
+      Ot({
         spineItemsManager: r.spineItemsManager,
         spineLocator: r.locator,
         settings: t,
@@ -4234,17 +4262,17 @@ class Do extends X {
       }),
       S(({ navigation: f }) => f),
       V()
-    ), h = wo(
+    ), h = Po(
       i,
       this.navigationSubject,
       r
     ), p = v(
-      l,
+      g,
       u,
       h
     ), m = (f) => f.pipe(
       $(([b, I]) => {
-        Ao.info(
+        Do.info(
           `navigation updated from ${b.meta.triggeredBy} of type ${b.type}`,
           {
             previousNavigation: I,
@@ -4254,11 +4282,11 @@ class Do extends X {
       })
     ), y = (f) => f.pipe(
       $(([b, I]) => {
-        const x = b.type === "scroll", F = b.meta.triggeredBy === "pagination", C = b.meta.triggeredBy === "restoration", D = N(
+        const x = b.type === "scroll", L = b.meta.triggeredBy === "pagination", C = b.meta.triggeredBy === "restoration", D = N(
           I.position,
           b.position
         );
-        if (x && !C || F || D)
+        if (x && !C || L || D)
           return;
         const E = {
           position: b.position,
@@ -4285,93 +4313,66 @@ class Do extends X {
     return this.navigationSubject.getValue();
   }
 }
-const Xe = ({
-  position: { x: e, y: t },
-  spineElement: i,
-  element: n
-}) => {
-  if (!i) throw new Error("Invalid spine element");
-  const o = i.getBoundingClientRect().width / i.offsetWidth;
-  return new L({
-    x: Tt({
-      newScale: 1,
-      oldScale: o,
-      screenSize: n.clientWidth ?? 0,
-      pageSize: i.scrollWidth,
-      scrollOffset: e
-    }),
-    y: Tt({
-      newScale: 1,
-      oldScale: o,
-      screenSize: n.clientHeight ?? 0,
-      pageSize: i.scrollHeight,
-      scrollOffset: t
-    })
-  });
-}, 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 a = this.scrollNavigationController.userScroll$.pipe(
-      Wt((r) => {
-        const c = this.locker.lock();
+const Oo = 500;
+class Vo extends X {
+  constructor(t, i, n, o, s, a) {
+    super(), this.settings = t, this.context = i, this.spine = n, this.scrollNavigationController = o, this.locker = s, this.navigationSubject = new U(), this.navigation$ = this.navigationSubject.asObservable();
+    const r = this.scrollNavigationController.userScroll$.pipe(
+      Ut((c) => {
+        const u = this.locker.lock();
         return v(
           this.scrollNavigationController.userScroll$,
-          w(r)
+          w(c)
         ).pipe(
           St(
-            No,
+            Oo,
             rt
           ),
           z(),
           $(() => {
-            const u = r.target, d = Xe({
-              element: u,
-              position: new L({
-                x: u.scrollLeft ?? 0,
-                y: u.scrollTop ?? 0
-              }),
-              spineElement: this.spine.element ?? Le()
+            const d = c.target, l = new It({
+              x: d.scrollLeft / a.scaleFactor,
+              y: d.scrollTop / a.scaleFactor
             });
             this.navigationSubject.next({
               animation: !1,
               type: "scroll",
-              position: d
+              position: l
             });
           }),
           dt(() => {
-            c();
+            u();
           })
         );
       })
     );
-    v(a).pipe(T(this.destroy$)).subscribe();
+    v(r).pipe(T(this.destroy$)).subscribe();
   }
 }
-const Vo = (e) => ({
+const jo = (e) => ({
   x: -e.x,
   y: -e.y
-}), jo = (e) => e instanceof DOMMatrix ? new L({
+}), ko = (e) => e instanceof DOMMatrix ? new F({
   x: -e.e,
   y: -e.f
-}) : new L({
+}) : new F({
   x: -e.x,
   y: -e.y
-}), ko = "navigation/ViewportNavigator", ye = O.namespace(ko);
+}), Uo = "navigation/ViewportNavigator", Se = O.namespace(Uo);
 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(
+    super(), this.settings = t, this.hookManager = i, this.context = n, this.spine = o, this.viewport = s, this.navigateSubject = new U(), this.element$ = new W(
       document.createElement("div")
     );
     const a = this.spine.element$.pipe(
       M(qt),
       A(this.element$),
-      $(([d, g]) => {
-        g.style.cssText = `
+      $(([d, l]) => {
+        l.style.cssText = `
           height: 100%;
           width: 100%;
           position: relative;
-        `, g.className = `${pt}-controlled-navigator`, g.innerHTML = "", g.appendChild(d), this.viewport.value.element.appendChild(g), this.element$.next(g);
+        `, l.className = `${pt}-controlled-navigator`, l.innerHTML = "", l.appendChild(d), this.viewport.value.element.appendChild(l), this.element$.next(l);
       })
     ), r = t.watch([
       "computedPageTurnDirection",
@@ -4387,30 +4388,30 @@ class Wo extends X {
     );
     this.layout$ = c.pipe(
       $(() => {
-        ye.info("layout", t.values);
+        Se.info("layout", t.values);
       }),
       V()
     );
     const u = this.navigateSubject.pipe(
       $((d) => {
-        ye.info("Navigation requested", d);
+        Se.info("Navigation requested", d);
       })
     );
     this.isNavigating$ = u.pipe(
-      S(({ animation: d, position: g }) => ({
+      S(({ animation: d, position: l }) => ({
         type: "manualAdjust",
         shouldAnimate: !(!d || d === "turn" && t.values.computedPageTurnAnimation === "none"),
         animation: d,
-        position: g
+        position: l
       })),
       P((d) => {
-        const g = this.element$.getValue();
-        return g.style.setProperty("transition", "none"), g.style.setProperty("opacity", "1"), v(
+        const l = this.element$.getValue();
+        return l.style.setProperty("transition", "none"), l.style.setProperty("opacity", "1"), v(
           w(!0),
           w(null).pipe(
-            $t(() => {
+            Tt(() => {
               if ((d == null ? void 0 : d.type) !== "manualAdjust") return w(!1);
-              const l = d.animation === "snap" ? t.values.snapAnimationDuration : t.values.computedPageTurnAnimationDuration, h = d.animation === "snap" ? "slide" : t.values.computedPageTurnAnimation;
+              const g = d.animation === "snap" ? t.values.snapAnimationDuration : t.values.computedPageTurnAnimationDuration, h = d.animation === "snap" ? "slide" : t.values.computedPageTurnAnimation;
               return w(d).pipe(
                 /**
                  * @important
@@ -4420,15 +4421,15 @@ class Wo extends X {
                  * anything for x ms while we effectively adjust. We want it to be immediate.
                  * However when user is repeatedly turning page, we can improve smoothness by delaying a bit the adjustment
                  */
-                d.shouldAnimate ? wt(1, rt) : Pt,
+                d.shouldAnimate ? Pt(1, rt) : vt,
                 $((p) => {
                   const m = this.element$.getValue();
                   p.shouldAnimate ? h === "fade" ? (m.style.setProperty(
                     "transition",
-                    `opacity ${l / 2}ms`
+                    `opacity ${g / 2}ms`
                   ), m.style.setProperty("opacity", "0")) : (d.animation === "snap" || h === "slide") && (m.style.setProperty(
                     "transition",
-                    `transform ${l}ms`
+                    `transform ${g}ms`
                   ), m.style.setProperty("opacity", "1")) : (m.style.setProperty("transition", "none"), m.style.setProperty("opacity", "1"));
                 }),
                 /**
@@ -4442,12 +4443,12 @@ class Wo extends X {
                 $((p) => {
                   h !== "fade" && this.setViewportPosition(p.position);
                 }),
-                d.shouldAnimate ? wt(l / 2, rt) : Pt,
+                d.shouldAnimate ? Pt(g / 2, rt) : vt,
                 $((p) => {
                   const m = this.element$.getValue();
                   h === "fade" && (this.setViewportPosition(p.position), m.style.setProperty("opacity", "1"));
                 }),
-                d.shouldAnimate ? wt(l / 2, rt) : Pt,
+                d.shouldAnimate ? Pt(g / 2, rt) : vt,
                 $((p) => {
                   h === "fade" && this.setViewportPosition(p.position);
                 })
@@ -4470,7 +4471,7 @@ class Wo extends X {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(t) {
-    const i = this.element$.getValue(), n = Vo(t);
+    const i = this.element$.getValue(), n = jo(t);
     i.style.transform = `translate(${n.x}px, ${n.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(t) {
@@ -4483,47 +4484,52 @@ class Wo extends X {
   get viewportPosition() {
     const t = this.element$.getValue(), i = window.getComputedStyle(t), n = i.transform || i.webkitTransform;
     if (!n || n === "none")
-      return new L({ x: 0, y: 0 });
+      return new F({ x: 0, y: 0 });
     const o = new DOMMatrix(n);
-    return jo(o);
+    return ko(o);
   }
 }
-class Uo extends ht {
+class zo extends ht {
   constructor(t, i, n, o, s) {
     super({
       element: void 0
-    }), this.viewport = t, this.settings = i, this.hookManager = n, this.spine = o, this.context = s, this.navigateSubject = new W(), this.scrollingSubject = new U(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({ position: g }) => {
-      const l = this.value.element;
-      this.scrollingSubject.next(!0), l == null || l.scrollTo({
-        left: g.x,
-        top: g.y,
+    }), this.viewport = t, this.settings = i, this.hookManager = n, this.spine = o, this.context = s, this.navigateSubject = new U(), this.scrollingSubject = new W(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({ position: l }) => {
+      const g = this.value.element;
+      this.scrollingSubject.next(!0);
+      const h = this.viewport.scaleFactor, p = new F({
+        x: l.x * h,
+        y: l.y * h
+      });
+      g == null || g.scrollTo({
+        left: p.x,
+        top: p.y,
         behavior: "instant"
-      }), ne(1).pipe(
+      }), kt(1).pipe(
         $(() => {
           this.scrollingSubject.next(!1);
         }),
-        T(v(this.scrollingSubject.pipe(ve(1)), this.destroy$))
+        T(v(this.scrollingSubject.pipe(xe(1)), this.destroy$))
       ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
     };
     const a = this.context.pipe(
       Jt(["rootElement"]),
-      $(({ rootElement: g }) => {
-        if (!g) return;
-        const l = document.createElement("div");
-        l.style.cssText = `
+      $(({ rootElement: l }) => {
+        if (!l) return;
+        const g = document.createElement("div");
+        g.style.cssText = `
           height: 100%;
           width: 100%;
           position: relative;
           overflow-y: scroll;
           overflow-x: hidden;
-        `, l.className = `${pt}-scroll-navigator`, l.appendChild(this.viewport.value.element), g.appendChild(l), this.update({ element: l });
+        `, g.className = `${pt}-scroll-navigator`, g.appendChild(this.viewport.value.element), l.appendChild(g), this.update({ element: g });
       })
     ), r = B([
       i.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      $(([{ computedPageTurnMode: g }, l]) => {
-        l && (g === "scrollable" ? l.style.display = "block" : l.style.display = "contents");
+      $(([{ computedPageTurnMode: l }, g]) => {
+        g && (l === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
       })
     ), c = this.navigateSubject.pipe($(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
@@ -4534,16 +4540,16 @@ class Uo extends ht {
     const u = v(
       o.element$.pipe(
         M(at),
-        P((g) => Kt(g))
+        P((l) => Kt(l))
       ),
       o.element$.pipe(
         M(at),
-        P((g) => q(g, "scroll"))
+        P((l) => q(l, "scroll"))
       ),
       o.spineItemsObserver.itemResize$
     ).pipe(
       P(
-        () => ne(10).pipe(
+        () => kt(10).pipe(
           S(() => !1),
           it(!0)
         )
@@ -4555,16 +4561,16 @@ class Uo extends ht {
       this.isScrolling$
     ]).pipe(
       S(
-        ([g, l]) => g || l
+        ([l, g]) => l || g
       ),
       tt(1)
     );
     this.userScroll$ = this.watch("element").pipe(
       M(at),
       P(
-        (g) => i.watch(["computedPageTurnMode"]).pipe(
+        (l) => i.watch(["computedPageTurnMode"]).pipe(
           P(
-            ({ computedPageTurnMode: l }) => l === "controlled" ? gt : q(g, "scroll").pipe(
+            ({ computedPageTurnMode: g }) => g === "controlled" ? lt : q(l, "scroll").pipe(
               A(d),
               M(
                 ([, h]) => !h
@@ -4585,33 +4591,31 @@ class Uo extends ht {
   }
   get viewportPosition() {
     const t = this.value.element;
-    return t ? Xe({
-      element: t,
-      position: new L({
-        x: (t == null ? void 0 : t.scrollLeft) ?? 0,
-        y: (t == null ? void 0 : t.scrollTop) ?? 0
-      }),
-      spineElement: this.spine.element ?? Le()
-    }) : new L({ x: 0, y: 0 });
+    if (!t) return new F({ x: 0, y: 0 });
+    const i = this.viewport.scaleFactor;
+    return new F({
+      x: t.scrollLeft / i,
+      y: t.scrollTop / i
+    });
   }
 }
 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) => {
+}, _t = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), $t = (e, t, i) => {
   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) => {
+}, be = (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;
-}, zo = ({
+}, Ho = ({
   itemWidth: e,
   itemHeight: t,
   spineItemPosition: i
 }) => new R({
   x: Math.min(e, Math.max(0, i.x)),
   y: Math.min(t, Math.max(0, i.y))
-}), Ye = ({
+}), Xe = ({
   itemHeight: e,
   itemWidth: t,
   isUsingVerticalWriting: i,
@@ -4619,7 +4623,7 @@ const Ft = (e, t, i) => {
   pageHeight: o,
   pageTurnDirection: s,
   pageTurnMode: a
-}) => s === "vertical" && a === "scrollable" ? 1 : i || s === "vertical" ? _t(e, o) : _t(t, n), be = ({
+}) => s === "vertical" && a === "scrollable" ? 1 : i || s === "vertical" ? _t(e, o) : _t(t, n), Ie = ({
   itemWidth: e,
   itemHeight: t,
   position: i,
@@ -4630,11 +4634,11 @@ const Ft = (e, t, i) => {
   pageTurnMode: r,
   isRTL: c
 }) => {
-  const d = zo({
+  const d = Ho({
     spineItemPosition: i,
     itemHeight: t,
     itemWidth: e
-  }).x, g = Ye({
+  }).x, l = Xe({
     isUsingVerticalWriting: n,
     itemHeight: t,
     itemWidth: e,
@@ -4644,10 +4648,10 @@ const Ft = (e, t, i) => {
     pageTurnMode: r
   });
   if (n)
-    return Se(i.y, s, g);
-  const l = Se(d, o, g);
-  return c ? g - 1 - l : l;
-}, Ho = ({
+    return be(i.y, s, l);
+  const g = be(d, o, l);
+  return c ? l - 1 - g : g;
+}, Bo = ({
   pageIndex: e,
   itemLayout: t,
   context: i,
@@ -4676,24 +4680,24 @@ const Ft = (e, t, i) => {
     x: o,
     y: 0
   });
-}, qe = ({
+}, Ye = ({
   context: e,
   settings: t
 }) => {
   const i = (a, r, c) => {
-    var l;
+    var g;
     let u;
     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;
+      const h = a ? Ci(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;
+    const d = ((g = c.layout.layoutInfo) == null ? void 0 : g.width) || 0, l = e.getPageSize().width;
     if (u !== void 0) {
-      const h = xt(
+      const h = $t(
         u,
-        g,
+        l,
         d
       );
       return new R({ x: h, y: 0 });
@@ -4704,13 +4708,13 @@ const Ft = (e, t, i) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: r
-    }) => Ho({
+    }) => Bo({
       context: e,
       isUsingVerticalWriting: !!r.isUsingVerticalWriting(),
       itemLayout: r.layout.layoutInfo,
       pageIndex: a
     }),
-    getSpineItemPageIndexFromPosition: (a) => be({
+    getSpineItemPageIndexFromPosition: (a) => Ie({
       ...a,
       isRTL: e.isRTL(),
       pageWidth: e.getPageSize().width,
@@ -4719,12 +4723,12 @@ const Ft = (e, t, i) => {
       pageTurnMode: t.values.pageTurnMode
     }),
     getSpineItemPageIndexFromNode: (a, r, c) => {
-      const u = i(a, r, c), { height: d, width: g } = c.layout.layoutInfo;
-      return u ? be({
+      const u = i(a, r, c), { height: d, width: l } = c.layout.layoutInfo;
+      return u ? Ie({
         isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
         position: u,
         itemHeight: d,
-        itemWidth: g,
+        itemWidth: l,
         isRTL: e.isRTL(),
         pageWidth: e.getPageSize().width,
         pageHeight: e.getPageSize().height,
@@ -4735,12 +4739,12 @@ const Ft = (e, t, i) => {
     getSpineItemClosestPositionFromUnsafePosition: (a, r) => {
       const { width: c, height: u } = r.layout.layoutInfo;
       return new R({
-        x: xt(
+        x: $t(
           a.x,
           e.getPageSize().width,
           c
         ),
-        y: xt(
+        y: $t(
           a.y,
           e.getPageSize().height,
           u
@@ -4748,37 +4752,37 @@ const Ft = (e, t, i) => {
       });
     },
     getSpineItemPagePositionFromSpineItemPosition: (a, r, c) => {
-      const { width: u, height: d } = c.layout.layoutInfo, g = e.getPageSize().width, l = e.getPageSize().height;
+      const { width: u, height: d } = c.layout.layoutInfo, l = e.getPageSize().width, g = e.getPageSize().height;
       if (!!c.isUsingVerticalWriting()) {
         const m = Ft(
-          l,
+          g,
           r,
           d
         );
-        return new Nt({
+        return new Dt({
           x: a.x,
           y: a.y - m
         });
       }
-      const p = Ft(g, r, u);
+      const p = Ft(l, r, u);
       if (e.isRTL()) {
-        const m = u - (r + 1) * g;
-        return new Nt({
+        const m = u - (r + 1) * l;
+        return new Dt({
           x: a.x - Math.max(0, m),
           y: a.y
         });
       }
-      return new Nt({
+      return new Dt({
         x: a.x - p,
         y: a.y
       });
     }
   };
-}, Bo = ({
+}, Eo = ({
   context: e,
   settings: t
 }) => {
-  const i = qe({ context: e, settings: t });
+  const i = Ye({ context: e, settings: t });
   return {
     getNavigationForLastPage: (a) => {
       const r = a.numberOfPages;
@@ -4803,8 +4807,8 @@ const Ft = (e, t, i) => {
   visibleAreaRectWidth: n
 }) => {
   const s = e % n !== 0 ? e - i : e;
-  return new L({ x: s, y: t });
-}, Ie = ({
+  return new F({ x: s, y: t });
+}, we = ({
   position: e,
   isRTL: t,
   pageSizeHeight: i,
@@ -4818,12 +4822,12 @@ const Ft = (e, t, i) => {
     a || 0
   ), c = r.bottom - i, u = Math.min(Math.max(0, e.y), c);
   if (t)
-    return new L({
+    return new F({
       x: Math.max(Math.min(0, e.x), r.left),
       y: u
     });
   const d = r.right - o;
-  return new L({
+  return new F({
     x: Math.min(Math.max(0, e.x), d),
     y: u
   });
@@ -4851,8 +4855,8 @@ const Ft = (e, t, i) => {
       visibleAreaRectWidth: i.state.visibleAreaRect.width
     });
   }
-  return new L({ x: 0, y: 0 });
-}, Eo = ({
+  return new F({ x: 0, y: 0 });
+}, _o = ({
   pageIndex: e,
   spineItemsManager: t,
   spineItemId: i,
@@ -4864,7 +4868,7 @@ const Ft = (e, t, i) => {
   if (!a) {
     const u = e * n.getPageSize().width;
     return Xt({
-      viewportPosition: new L({ x: u, y: 0 }),
+      viewportPosition: new F({ x: u, y: 0 }),
       context: n,
       spineItemNavigationResolver: s,
       spineLocator: o
@@ -4882,25 +4886,25 @@ const Ft = (e, t, i) => {
     pageSizeWidth: n.getPageSize().width,
     visibleAreaRectWidth: n.state.visibleAreaRect.width
   });
-}, _o = ({
+}, Xo = ({
   anchor: e,
   spineItem: t,
   context: i
 }) => {
   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(
+  return $t(
     a,
     o,
     n
   );
-}, Xo = ({
+}, Yo = ({
   anchor: e,
   context: t,
   spineItem: i,
   spineLocator: n
 }) => {
-  const o = _o({
+  const o = Xo({
     anchor: e,
     spineItem: i,
     context: t
@@ -4909,7 +4913,7 @@ const Ft = (e, t, i) => {
     spineItemPosition: new R({ x: o, y: 0 }),
     spineItem: i
   });
-}, Yo = ({
+}, qo = ({
   anchor: e,
   spineItem: t,
   spineLocator: i,
@@ -4917,7 +4921,7 @@ const Ft = (e, t, i) => {
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const a = Xo({
+  const a = Yo({
     anchor: e,
     context: n,
     spineItem: t,
@@ -4928,7 +4932,7 @@ const Ft = (e, t, i) => {
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, qo = ({
+}, Zo = ({
   context: e,
   spineItemsManager: t,
   spineLocator: i,
@@ -4944,7 +4948,7 @@ const Ft = (e, t, i) => {
     if (u) {
       const d = t.get(u.id);
       if (d) {
-        const g = Yo({
+        const l = qo({
           anchor: r.hash,
           spineItem: d,
           context: e,
@@ -4954,7 +4958,7 @@ const Ft = (e, t, i) => {
         });
         return {
           position: et({
-            position: g,
+            position: l,
             pageSizeWidth: o,
             visibleAreaRectWidth: s
           }),
@@ -4967,7 +4971,7 @@ const Ft = (e, t, i) => {
     console.error(r);
     return;
   }
-}, Zo = ({
+}, Go = ({
   spineItem: e,
   spineItemPosition: t,
   spineLocator: i,
@@ -4986,43 +4990,43 @@ const Ft = (e, t, i) => {
     pageSizeWidth: o.getPageSize().width,
     visibleAreaRectWidth: o.state.visibleAreaRect.width
   });
-}, Go = "spineNavigator", Jo = ({
+}, Jo = "spineNavigator", Ko = ({
   context: e,
   spineItemsManager: t,
   locator: i,
   settings: n,
   spine: o
 }) => {
-  const s = Bo({ context: e, settings: n });
+  const s = Eo({ context: e, settings: n });
   return {
-    getNavigationForUrl: (l) => qo({
+    getNavigationForUrl: (g) => Zo({
       context: e,
       spineItemsManager: t,
       spineLocator: i,
-      url: l,
+      url: g,
       pageSizeWidth: e.getPageSize().width,
       visibleAreaRectWidth: e.state.visibleAreaRect.width
     }),
-    getNavigationForSpineItemPage: (l) => Eo({
-      ...l,
+    getNavigationForSpineItemPage: (g) => _o({
+      ...g,
       context: e,
       spineItemsManager: t,
       spineItemNavigationResolver: s,
       spineLocator: i
     }),
-    getNavigationFromSpineItemPosition: (l) => Zo({
-      ...l,
+    getNavigationFromSpineItemPosition: (g) => Go({
+      ...g,
       spineItemLocator: i.spineItemLocator,
       spineLocator: i,
       context: e
     }),
-    getNavigationForCfi: (l) => {
-      const h = t.getSpineItemFromCfi(l), { node: p, offset: m = 0 } = ze({
-        cfi: l,
+    getNavigationForCfi: (g) => {
+      const h = t.getSpineItemFromCfi(g), { node: p, offset: m = 0 } = ze({
+        cfi: g,
         spineItemsManager: t
       });
       if (!h) {
-        O.warn(Go, `unable to detect item id from cfi ${l}`);
+        O.warn(Jo, `unable to detect item id from cfi ${g}`);
         return;
       }
       const y = p ? s.getNavigationFromNode(h, p, m) : new R({ x: 0, y: 0 }), f = i.getSpinePositionFromSpineItemPosition({
@@ -5035,10 +5039,10 @@ const Ft = (e, t, i) => {
         visibleAreaRectWidth: e.state.visibleAreaRect.width
       });
     },
-    getNavigationForLastPage: (l) => {
-      const h = s.getNavigationForLastPage(l), p = i.getSpinePositionFromSpineItemPosition({
+    getNavigationForLastPage: (g) => {
+      const h = s.getNavigationForLastPage(g), p = i.getSpinePositionFromSpineItemPosition({
         spineItemPosition: h,
-        spineItem: l
+        spineItem: g
       });
       return et({
         position: p,
@@ -5046,8 +5050,8 @@ const Ft = (e, t, i) => {
         visibleAreaRectWidth: e.state.visibleAreaRect.width
       });
     },
-    getNavigationForSpineIndexOrId: (l) => {
-      const h = t.get(l);
+    getNavigationForSpineIndexOrId: (g) => {
+      const h = t.get(g);
       if (h) {
         const p = i.getSpinePositionFromSpineItem(h);
         return et({
@@ -5056,17 +5060,17 @@ const Ft = (e, t, i) => {
           visibleAreaRectWidth: e.state.visibleAreaRect.width
         });
       }
-      return new L({ x: 0, y: 0 });
+      return new F({ x: 0, y: 0 });
     },
-    getNavigationForPosition: (l) => Xt({
-      viewportPosition: l,
+    getNavigationForPosition: (g) => Xt({
+      viewportPosition: g,
       context: e,
       spineItemNavigationResolver: s,
       spineLocator: i
     }),
-    getMostPredominantNavigationForPosition: (l) => {
-      const h = n.values.computedPageTurnDirection, p = 0.5, m = h === "horizontal" ? l.x + e.state.visibleAreaRect.width * p : 0, y = h === "horizontal" ? 0 : l.y + e.state.visibleAreaRect.height * p, f = Ie({
-        position: new L({
+    getMostPredominantNavigationForPosition: (g) => {
+      const h = n.values.computedPageTurnDirection, p = 0.5, m = h === "horizontal" ? g.x + e.state.visibleAreaRect.width * p : 0, y = h === "horizontal" ? 0 : g.y + e.state.visibleAreaRect.height * p, f = we({
+        position: new F({
           x: m,
           y
         }),
@@ -5083,24 +5087,24 @@ const Ft = (e, t, i) => {
         viewportPosition: f
       });
     },
-    getAdjustedPositionWithSafeEdge: (l) => Ie({
-      position: l,
+    getAdjustedPositionWithSafeEdge: (g) => we({
+      position: g,
       isRTL: e.isRTL(),
       pageSizeHeight: e.getPageSize().height,
       visibleAreaRectWidth: e.state.visibleAreaRect.width,
       spineItemsManager: t,
       spine: o
     }),
-    isNavigationGoingForwardFrom: (l, h) => n.values.computedPageTurnDirection === "vertical" ? l.y > h.y : l.x > h.x,
-    arePositionsDifferent: (l, h) => l.x !== h.x || l.y !== h.y,
-    getAdjustedPositionForSpread: (l) => et({
-      position: l,
+    isNavigationGoingForwardFrom: (g, h) => n.values.computedPageTurnDirection === "vertical" ? g.y > h.y : g.x > h.x,
+    arePositionsDifferent: (g, h) => g.x !== h.x || g.y !== h.y,
+    getAdjustedPositionForSpread: (g) => et({
+      position: g,
       pageSizeWidth: e.getPageSize().width,
       visibleAreaRectWidth: e.state.visibleAreaRect.width
     }),
     spineItemNavigator: s
   };
-}, Ko = ({
+}, Qo = ({
   spineItemsManager: e,
   context: t,
   hookManager: i,
@@ -5108,7 +5112,7 @@ const Ft = (e, t, i) => {
   settings: o,
   viewport: s
 }) => {
-  const a = new W(), r = new _e(), c = Jo({
+  const a = new U(), r = new _e(), c = Ko({
     context: t,
     settings: o,
     spineItemsManager: e,
@@ -5120,25 +5124,26 @@ const Ft = (e, t, i) => {
     t,
     n,
     s
-  ), d = new Uo(
+  ), d = new zo(
     s,
     o,
     i,
     n,
     t
-  ), g = new Oo(
+  ), l = new Vo(
     o,
     t,
     n,
     d,
-    r
-  ), l = v(
+    r,
+    s
+  ), g = v(
     a,
-    g.navigation$
-  ), h = new Do(
+    l.navigation$
+  ), h = new No(
     o,
     t,
-    l,
+    g,
     u,
     d,
     c,
@@ -5156,7 +5161,7 @@ const Ft = (e, t, i) => {
   );
   return {
     destroy: () => {
-      g.destroy(), u.destroy(), h.destroy();
+      l.destroy(), u.destroy(), h.destroy();
     },
     getNavigation: () => h.navigation,
     internalNavigator: h,
@@ -5174,7 +5179,7 @@ const Ft = (e, t, i) => {
     navigation$: h.navigation$
   };
 };
-class Qo extends ht {
+class ts extends ht {
   constructor(t, i) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5192,7 +5197,7 @@ class Qo extends ht {
     this.mergeCompare(t);
   }
 }
-class ts extends X {
+class es 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 a = v(
@@ -5209,29 +5214,29 @@ class ts extends X {
           threshold: { type: "percentage", value: 0.5 }
         });
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
-          we(1),
+          Pe(1),
           A(this.context.bridgeEvent.navigation$),
           $(([, u]) => {
-            const { position: d } = u, g = this.pagination.value, {
-              beginIndex: l,
+            const { position: d } = u, l = this.pagination.value, {
+              beginIndex: g,
               endIndex: h
             } = this.spine.locator.getVisibleSpineItemsFromPosition({
               position: d,
               threshold: { type: "percentage", value: 0.5 }
-            }) ?? {}, p = this.spineItemsManager.get(l), m = this.spineItemsManager.get(h);
+            }) ?? {}, p = this.spineItemsManager.get(g), m = this.spineItemsManager.get(h);
             if (!p || !m) return;
-            const y = g.beginCfi, f = g.endCfi, { beginPageIndex: b = 0 } = c({
+            const y = l.beginCfi, f = l.endCfi, { beginPageIndex: b = 0 } = c({
               spineItem: p,
               position: d
             }) ?? {}, { 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 ? lt(p.item) : y, D = F ? lt(m.item) : f, E = p.numberOfPages, J = m.numberOfPages;
+            }) ?? {}, x = y === void 0 || Et(y) || l.beginSpineItemIndex !== g, L = l.endSpineItemIndex !== h || f === void 0 || Et(f), C = x ? gt(p.item) : y, D = L ? gt(m.item) : f, E = p.numberOfPages, J = m.numberOfPages;
             this.pagination.update({
               beginCfi: C,
               beginNumberOfPagesInSpineItem: E,
               beginPageIndexInSpineItem: b,
-              beginSpineItemIndex: l,
+              beginSpineItemIndex: g,
               endCfi: D,
               endNumberOfPagesInSpineItem: J,
               endPageIndexInSpineItem: I,
@@ -5248,19 +5253,19 @@ class ts extends X {
           beginSpineItemIndex: c,
           endSpineItemIndex: u,
           beginPageIndexInSpineItem: d,
-          endPageIndexInSpineItem: g
+          endPageIndexInSpineItem: l
         } = this.pagination.value;
-        if (d === void 0 || g === void 0 || c === void 0 || u === void 0)
+        if (d === void 0 || l === void 0 || c === void 0 || u === void 0)
           return;
-        const l = this.spineItemsManager.get(c), h = this.spineItemsManager.get(u);
-        l === void 0 || h === void 0 || this.pagination.update({
+        const g = this.spineItemsManager.get(c), h = this.spineItemsManager.get(u);
+        g === void 0 || h === void 0 || this.pagination.update({
           beginCfi: Bt({
             pageIndex: d,
-            spineItem: l,
+            spineItem: g,
             spine: this.spine
           }),
           endCfi: Bt({
-            pageIndex: g,
+            pageIndex: l,
             spineItem: h,
             spine: this.spine
           })
@@ -5270,17 +5275,17 @@ class ts extends X {
     v(a, r).pipe(T(this.destroy$)).subscribe();
   }
 }
-class es extends X {
+class is extends X {
   constructor(t) {
     super();
     const i = {
       ...this.getDefaultSettings(),
       ...t
     };
-    this.inputSettings = i, this.outputSettingsUpdateSubject = new W(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(tt(1)), this._settings$.subscribe();
+    this.inputSettings = i, this.outputSettingsUpdateSubject = new U(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(tt(1)), this._settings$.subscribe();
   }
   _prepareUpdate(t) {
-    const i = vt(this.inputSettings, t), n = this.getOutputSettings(i), o = !N(this.outputSettings, n);
+    const i = xt(this.inputSettings, t), n = this.getOutputSettings(i), o = !N(this.outputSettings, n);
     return {
       hasChanged: o,
       state: n,
@@ -5315,7 +5320,7 @@ class es extends X {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class is extends es {
+class ns extends is {
   constructor(t, i) {
     super(t), this.context = i;
     const n = B([
@@ -5360,18 +5365,18 @@ class is extends es {
     };
   }
 }
-class ns extends X {
+class os 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 = ({
+    super(), this.item = t, this.containerElement = i, this.context = n, this.hookManager = o, this.renderer = s, this.settings = a, this.layoutTriggerSubject = new U(), this.lastLayout = null, this.applyDimsAfterLayout = ({
       blankPagePosition: r,
       minimumWidth: c
     }) => (u) => u.pipe(
       S((d) => {
         var x;
-        const g = N(
+        const l = N(
           (x = this.lastLayout) == null ? void 0 : x.pageSize,
           this.context.getPageSize()
-        ) ? this.lastLayout : void 0, { width: l, height: h } = g ?? {}, { width: p = l, height: m = h } = d ?? {}, { width: y, height: f } = this.context.getPageSize(), b = this.validateDimension(
+        ) ? this.lastLayout : void 0, { width: g, height: h } = l ?? {}, { width: p = g, height: m = h } = d ?? {}, { width: y, height: f } = this.context.getPageSize(), b = this.validateDimension(
           p ?? y,
           y,
           c
@@ -5407,7 +5412,7 @@ class ns extends X {
           item: this.item,
           minimumWidth: u
         });
-        const g = this.renderer.layout({
+        const l = this.renderer.layout({
           blankPagePosition: c,
           minPageSpread: u / this.context.getPageSize().width,
           minimumWidth: u,
@@ -5415,12 +5420,12 @@ class ns extends X {
         });
         return v(
           w({ type: "start" }),
-          g.pipe(
+          l.pipe(
             this.applyDimsAfterLayout(r),
             S(
-              (l) => ({
+              (g) => ({
                 type: "end",
-                data: l
+                data: g
               })
             )
           )
@@ -5446,7 +5451,7 @@ class ns extends X {
     };
   }
 }
-class os extends ft {
+class ss extends ft {
   onUnload() {
     return Q;
   }
@@ -5465,14 +5470,14 @@ class os extends ft {
   getDocumentFrame() {
   }
 }
-class Ze extends X {
+class qe extends X {
   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 = a, this.getBoundingRectOfElementFromSelector = (g) => {
+    super(), this.item = t, this.parentElement = i, this.context = n, this.settings = o, this.hookManager = s, this.index = a, this.getBoundingRectOfElementFromSelector = (l) => {
       var h, p, m, y;
-      const l = this.renderer.getDocumentFrame();
-      if (l && l instanceof HTMLIFrameElement && g)
-        return g.startsWith("#") ? (p = (h = l.contentDocument) == null ? void 0 : h.getElementById(g.replace("#", ""))) == null ? void 0 : p.getBoundingClientRect() : (y = (m = l.contentDocument) == null ? void 0 : m.querySelector(g)) == null ? void 0 : y.getBoundingClientRect();
+      const g = this.renderer.getDocumentFrame();
+      if (g && g instanceof HTMLIFrameElement && l)
+        return l.startsWith("#") ? (p = (h = g.contentDocument) == null ? void 0 : h.getElementById(l.replace("#", ""))) == null ? void 0 : p.getBoundingClientRect() : (y = (m = g.contentDocument) == null ? void 0 : m.querySelector(l)) == null ? void 0 : y.getBoundingClientRect();
     }, this.load = () => {
       this.renderer.load();
     }, this.unload = () => {
@@ -5480,9 +5485,9 @@ class Ze extends X {
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
     }, this.isUsingVerticalWriting = () => {
-      var g;
-      return !!((g = this.renderer.writingMode) != null && g.startsWith("vertical"));
-    }, this.containerElement = ss(
+      var l;
+      return !!((l = this.renderer.writingMode) != null && l.startsWith("vertical"));
+    }, this.containerElement = rs(
       i,
       t,
       s
@@ -5497,7 +5502,7 @@ class Ze extends X {
       containerElement: this.containerElement,
       resourcesHandler: this.resourcesHandler
     };
-    this.renderer = r ? r(c) : new os(c), this.layout = new ns(
+    this.renderer = r ? r(c) : new ss(c), this.layout = new os(
       t,
       this.containerElement,
       n,
@@ -5505,12 +5510,12 @@ class Ze extends X {
       this.renderer,
       this.settings
     ), this.isReady$ = this.layout.layoutProcess$.pipe(
-      yi(this.renderer.isLoaded$),
-      Y(([g, l]) => !!(g.type === "end" && l)),
-      $e(!1),
+      fi(this.renderer.isLoaded$),
+      Y(([l, g]) => !!(l.type === "end" && g)),
+      Te(!1),
       Z(),
-      k((g) => {
-        this.containerElement.dataset.isReady = g.toString();
+      k((l) => {
+        this.containerElement.dataset.isReady = l.toString();
       }),
       bt({ refCount: !0, bufferSize: 1 })
     ), this.needsLayout$ = v(this.unloaded$, this.loaded$), v(
@@ -5551,7 +5556,7 @@ class Ze extends X {
       _(
         () => this.renderer.state$.pipe(
           K((t) => t === "idle"),
-          xe()
+          $e()
         )
       )
     );
@@ -5560,7 +5565,7 @@ class Ze extends X {
     return this.renderer.renditionLayout;
   }
   get numberOfPages() {
-    return Ye({
+    return Xe({
       isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
       itemHeight: this.layout.layoutInfo.height,
       itemWidth: this.layout.layoutInfo.width,
@@ -5571,13 +5576,13 @@ class Ze extends X {
     });
   }
 }
-const ss = (e, t, i) => {
+const rs = (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;
-}, rs = O.namespace("spine"), as = ({
+}, as = O.namespace("spine"), cs = ({
   position: e,
   pageSize: t
 }) => new hn({
@@ -5589,7 +5594,7 @@ const ss = (e, t, i) => {
   bottom: e.y + t.height,
   right: e.x + t.width
 });
-class cs extends ht {
+class us 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
@@ -5597,17 +5602,17 @@ class cs extends ht {
       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) => {
+          (d, l, g) => {
+            const p = new Array(l.numberOfPages).fill(void 0).map((m, y) => {
               const f = n.getSpineItemPositionFromPageIndex({
-                spineItem: g,
+                spineItem: l,
                 pageIndex: y
               }), b = s.getSpinePositionFromSpineItemPosition({
-                spineItem: g,
+                spineItem: l,
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: as({
+                absoluteLayout: cs({
                   pageSize: r,
                   position: b
                 }),
@@ -5621,9 +5626,9 @@ class cs extends ht {
                   x: f.x,
                   y: f.y
                 }),
-                itemIndex: l,
+                itemIndex: g,
                 absolutePageIndex: d.length + y,
-                spineItem: g,
+                spineItem: l,
                 pageIndex: y
               };
             });
@@ -5633,26 +5638,26 @@ class cs extends ht {
         );
         return B(
           c.map((d) => {
-            const { spineItem: g, ...l } = d;
+            const { spineItem: l, ...g } = d;
             return new ot((h) => {
               var y, f;
               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 = Mi(
+              p.contentWindow.document.body !== null && (m = Li(
                 p.contentWindow.document,
                 d.layout
-              )), h.next({ ...l, firstVisibleNode: m });
+              )), h.next({ ...g, firstVisibleNode: m });
             });
           })
         );
       }),
-      S((r) => (rs.info("Pages layout", r), { pages: r })),
+      S((r) => (as.info("Pages layout", r), { pages: r })),
       V()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class us extends X {
+class ds extends X {
   constructor(t, i) {
     super(), this.spineItemsManager = t, this.spineLocator = i, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       P((n) => {
@@ -5682,7 +5687,7 @@ class us extends X {
     );
   }
 }
-const ds = ({
+const ls = ({
   horizontalOffset: e,
   verticalOffset: t,
   context: i,
@@ -5694,20 +5699,20 @@ const ds = ({
   viewport: c
 }) => {
   let u = i.getPageSize().width, d = "none";
-  const g = e % c.absoluteViewport.width === 0, l = a === n.items.length - 1;
+  const l = e % c.absoluteViewport.width === 0, g = a === n.items.length - 1;
   if (i.state.isUsingSpreadMode) {
-    !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;
-    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);
+    !o && r.renditionLayout === "reflowable" && !g && (u = i.getPageSize().width * 2), !o && r.renditionLayout === "reflowable" && g && l && (u = i.getPageSize().width * 2);
+    const p = l && g && o;
+    r.item.pageSpreadRight && l && !i.isRTL() || r.item.pageSpreadLeft && l && i.isRTL() ? (d = "before", u = i.getPageSize().width * 2) : p && (i.isRTL() ? d = "before" : d = "after", u = i.getPageSize().width * 2);
   }
   return r.layout.layout({
     minimumWidth: u,
     blankPagePosition: d,
-    spreadPosition: i.state.isUsingSpreadMode ? g ? i.isRTL() ? "right" : "left" : i.isRTL() ? "left" : "right" : "none"
+    spreadPosition: i.state.isUsingSpreadMode ? l ? i.isRTL() ? "right" : "left" : i.isRTL() ? "left" : "right" : "none"
   }).pipe(
     S(({ width: p, height: m }) => {
       if (s.values.computedPageTurnDirection === "vertical") {
-        const b = g ? t : t - i.state.visibleAreaRect.height, I = g ? 0 : e;
+        const b = l ? t : t - i.state.visibleAreaRect.height, I = l ? 0 : e;
         i.isRTL() ? r.layout.adjustPositionOfElement({
           top: b,
           left: I
@@ -5715,11 +5720,11 @@ const ds = ({
           top: b,
           left: I
         });
-        const x = p + I, F = m + b, C = new Ht({
+        const x = p + I, L = m + b, C = new Ht({
           left: I,
           right: x,
           top: b,
-          bottom: F,
+          bottom: L,
           height: m,
           width: p,
           x: I,
@@ -5727,7 +5732,7 @@ const ds = ({
         });
         return {
           horizontalOffset: x,
-          verticalOffset: F,
+          verticalOffset: L,
           layoutPosition: C
         };
       }
@@ -5754,7 +5759,7 @@ const ds = ({
 };
 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(
+    super(), this.spineItemsManager = t, this.context = i, this.settings = n, this.viewport = o, this.layoutSubject = new U(), this.spineItemsRelativeLayouts = [], t.items$.pipe(
       $(() => {
         this.spineItemsRelativeLayouts = [];
       }),
@@ -5779,27 +5784,27 @@ class gs extends X {
         return v(...r, ...c);
       })
     ).pipe(T(this.destroy$)).subscribe();
-    const s = new U(!1);
+    const s = new W(!1);
     this.layout$ = this.layoutSubject.pipe(
       St(50),
       // queue layout until previous layout is done
-      Wt(
+      Ut(
         () => s.pipe(
           M((a) => !a),
           z()
         )
       ),
-      Wt(() => {
+      Ut(() => {
         s.next(!0);
         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 }) => ds({
+          ri(
+            (u, d, l) => u.pipe(
+              ne(
+                ({ horizontalOffset: g, verticalOffset: h }) => ls({
                   context: this.context,
-                  horizontalOffset: l,
-                  index: g,
+                  horizontalOffset: g,
+                  index: l,
                   isGloballyPrePaginated: r,
                   item: d,
                   settings: this.settings,
@@ -5812,7 +5817,7 @@ class gs extends X {
                       horizontalOffset: p,
                       verticalOffset: m,
                       layoutPosition: y
-                    }) => (this.spineItemsRelativeLayouts[g] = y, {
+                    }) => (this.spineItemsRelativeLayouts[l] = y, {
                       horizontalOffset: p,
                       verticalOffset: m
                     })
@@ -5822,7 +5827,7 @@ class gs extends X {
             ),
             w({ horizontalOffset: 0, verticalOffset: 0 })
           ),
-          oe((u) => u),
+          ne((u) => u),
           dt(() => {
             s.next(!1);
           })
@@ -5854,12 +5859,12 @@ class gs extends X {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class ls extends X {
+class ps 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([]);
+    super(), this.context = t, this.spineItemsManager = i, this.spineLocator = n, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new W([]);
     const a = this.forcedOpenSubject.pipe(
       S((u) => [...new Set(u.flat())].sort()),
-      H(gi),
+      H(di),
       tt({ bufferSize: 1, refCount: !0 })
     );
     v(
@@ -5875,11 +5880,11 @@ class ls extends X {
       Ct(this.context.bridgeEvent.viewportFree$),
       A(this.context.bridgeEvent.navigation$, a),
       S(([, u, d]) => {
-        const { numberOfAdjacentSpineItemToPreLoad: g } = o.values, { beginIndex: l = 0, endIndex: h = 0 } = n.getVisibleSpineItemsFromPosition({
+        const { numberOfAdjacentSpineItemToPreLoad: l } = o.values, { beginIndex: g = 0, endIndex: h = 0 } = n.getVisibleSpineItemsFromPosition({
           position: u.position,
           threshold: { type: "percentage", value: 0 },
           useAbsoluteViewport: !1
-        }) || {}, p = g === 1 / 0 ? 0 : l - g, m = g === 1 / 0 ? i.items.length - 1 : h + g, y = Array.from(
+        }) || {}, p = l === 1 / 0 ? 0 : g - l, m = l === 1 / 0 ? i.items.length - 1 : h + l, y = Array.from(
           { length: m - p + 1 },
           (b, I) => p + I
         ), f = [...d, ...y];
@@ -5905,9 +5910,9 @@ class ls extends X {
     super.destroy(), this.forcedOpenSubject.complete();
   }
 }
-const Ge = (e, t, i) => {
+const Ze = (e, t, i) => {
   const n = (i.width - t.width) / 2, o = (i.height - t.height) / 2;
-  return new Rt({
+  return new It({
     x: e.x - n,
     y: e.y - o
   });
@@ -5930,17 +5935,17 @@ class yt extends DOMRect {
     return new yt(n.x, n.y, n.width, n.height);
   }
 }
-class ps {
+class hs {
   constructor({ width: t, height: i }) {
     this.__symbol = Symbol("AbsoluteViewport"), this.width = t, this.height = i;
   }
 }
-class hs {
+class ms {
   constructor({ width: t, height: i }) {
     this.__symbol = Symbol("RelativeViewport"), this.width = t, this.height = i;
   }
 }
-const ms = ({
+const fs = ({
   pageIndex: e,
   spineItemOrId: t,
   spineItemsManager: i
@@ -5962,7 +5967,7 @@ const ms = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, fs = ({
+}, ys = ({
   itemHeight: e,
   itemWidth: t,
   visibleWidthOfItem: i,
@@ -5971,7 +5976,7 @@ const ms = ({
 }) => {
   const s = i / t, a = n / e;
   return o.type === "percentage" ? s >= o.value && a >= o.value : i >= o.value && n >= o.value;
-}, ys = ({
+}, Ss = ({
   visibleWidthOfItem: e,
   visibleHeightOfItem: t,
   threshold: i,
@@ -5979,7 +5984,7 @@ const ms = ({
 }) => {
   const o = e / n.width, s = t / n.height;
   return i.type === "percentage" ? s >= i.value && o >= i.value : t >= i.value && e >= i.value;
-}, Je = ({
+}, Ge = ({
   itemPosition: {
     bottom: e,
     left: t,
@@ -5992,7 +5997,7 @@ const ms = ({
   viewportPosition: r,
   restrictToScreen: c
 }) => {
-  const u = r.x, d = r.x + (r.width - 1), g = r.y, l = Math.max(
+  const u = r.x, d = r.x + (r.width - 1), l = r.y, g = Math.max(
     r.y + (r.height - 1),
     0
   ), h = Math.max(
@@ -6000,17 +6005,17 @@ const ms = ({
     Math.min(i, d) - Math.max(t, u)
   ), p = Math.max(
     0,
-    Math.min(e, l) - Math.max(n, g)
+    Math.min(e, g) - Math.max(n, l)
   );
   if (h <= 0 || p <= 0) return { visible: !1 };
-  const y = ys({
+  const y = Ss({
     threshold: a,
     visibleHeightOfItem: p,
     visibleWidthOfItem: h,
     viewportPosition: r
   });
   return c ? { visible: y } : {
-    visible: fs({
+    visible: ys({
       itemHeight: s,
       itemWidth: o,
       threshold: a,
@@ -6028,13 +6033,13 @@ const ms = ({
     return u && d;
   });
   return e.x === 0 && !n ? t.items[0] : n;
-}, jt = ({
+}, Vt = ({
   spineItemPosition: e,
   itemLayout: { left: t, top: i }
-}) => new L({
+}) => new F({
   x: t + e.x,
   y: i + e.y
-}), Ss = ({
+}), bs = ({
   position: e,
   threshold: t,
   restrictToScreen: i,
@@ -6049,14 +6054,14 @@ const ms = ({
     spineLayout: o
   }) || n.get(0), c = n.items.reduce(
     (h, p) => {
-      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? a.absoluteViewport : a.relativeViewport, f = Ge(
+      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? a.absoluteViewport : a.relativeViewport, f = Ze(
         e,
         a.absoluteViewport,
         y
       ), b = yt.from(
         f,
         y
-      ), { visible: I } = Je({
+      ), { visible: I } = Ge({
         itemPosition: m,
         threshold: t,
         viewportPosition: b,
@@ -6067,12 +6072,12 @@ const ms = ({
     []
   ), u = c[0] ?? r, d = c[c.length - 1] ?? u;
   if (!u || !d) return;
-  const g = n.getSpineItemIndex(u), l = n.getSpineItemIndex(d);
+  const l = n.getSpineItemIndex(u), g = n.getSpineItemIndex(d);
   return {
-    beginIndex: g ?? 0,
-    endIndex: l ?? 0
+    beginIndex: l ?? 0,
+    endIndex: g ?? 0
   };
-}, bs = ({
+}, Is = ({
   spineItemsManager: e,
   context: t,
   spineItemLocator: i,
@@ -6093,7 +6098,7 @@ const ms = ({
       x: Math.max(p.x - y, 0),
       y: Math.max(p.y - f, 0)
     });
-  }, r = (p) => jt({
+  }, r = (p) => Vt({
     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) => {
@@ -6119,11 +6124,11 @@ const ms = ({
     viewport: I
   }) => {
     const x = y.numberOfPages, C = Array.from(Array(x)).map((J, ct) => {
-      const At = i.getSpineItemPositionFromPageIndex({
+      const Rt = i.getSpineItemPositionFromPageIndex({
         pageIndex: ct,
         spineItem: y
-      }), ut = jt({
-        spineItemPosition: At,
+      }), ut = Vt({
+        spineItemPosition: Rt,
         itemLayout: o.getSpineItemSpineLayoutInfo(y)
       });
       return {
@@ -6138,21 +6143,21 @@ const ms = ({
         }
       };
     }).reduce(
-      (J, { absolutePosition: ct, index: At }) => {
-        const ut = b ? I.absoluteViewport : I.relativeViewport, Ke = Ge(
+      (J, { absolutePosition: ct, index: Rt }) => {
+        const ut = b ? I.absoluteViewport : I.relativeViewport, Je = Ze(
           p,
           I.absoluteViewport,
           ut
-        ), Qe = yt.from(
-          Ke,
+        ), Ke = yt.from(
+          Je,
           ut
-        ), { visible: ti } = Je({
-          viewportPosition: Qe,
+        ), { visible: Qe } = Ge({
+          viewportPosition: Ke,
           restrictToScreen: f,
           threshold: m,
           itemPosition: ct
         });
-        return ti ? [...J, At] : J;
+        return Qe ? [...J, Rt] : J;
       },
       []
     ), D = C[0], E = C[C.length - 1] ?? D;
@@ -6168,7 +6173,7 @@ const ms = ({
       spineItemPosition: m
     }) => {
       const y = o.getSpineItemSpineLayoutInfo(p);
-      return jt({
+      return Vt({
         itemLayout: y,
         spineItemPosition: m
       });
@@ -6176,7 +6181,7 @@ const ms = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (p) => ms({
+    _getAbsolutePageIndexFromPageIndex: (p) => fs({
       ...p,
       spineItemsManager: e
     }),
@@ -6217,7 +6222,7 @@ const ms = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (p) => Ss({
+    getVisibleSpineItemsFromPosition: (p) => bs({
       spineItemsManager: e,
       spineLayout: o,
       viewport: s,
@@ -6241,32 +6246,32 @@ const ms = ({
     }
   };
 };
-class Is extends X {
+class ws 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(
+    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 W(
       void 0
     ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new gs(
       o,
       i,
       a,
       c
-    ), this.locator = bs({
+    ), this.locator = Is({
       context: i,
       spineItemsManager: o,
       spineItemLocator: s,
       settings: a,
       spineLayout: this.spineLayout,
       viewport: c
-    }), this.spineItemsLoader = new ls(
+    }), this.spineItemsLoader = new ps(
       this.context,
       o,
       this.locator,
       a,
       this.spineLayout
-    ), this.spineItemsObserver = new us(
+    ), this.spineItemsObserver = new ds(
       o,
       this.locator
-    ), this.pages = new cs(
+    ), this.pages = new us(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6276,24 +6281,24 @@ class Is extends X {
     );
     const u = t.pipe(
       K(qt),
-      k((g) => {
-        const l = g.ownerDocument.createElement("div");
-        l.style.cssText = `
+      k((l) => {
+        const g = l.ownerDocument.createElement("div");
+        g.style.cssText = `
           height: 100%;
           position: relative;
-        `, l.className = `${pt}-spine`, this.elementSubject.next(l);
+        `, g.className = `${pt}-spine`, this.elementSubject.next(g);
       })
     ), d = B([
       this.context.manifest$,
       this.element$
     ]).pipe(
-      k(([g, l]) => {
-        if (!l) return;
+      k(([l, g]) => {
+        if (!g) return;
         this.spineItemsManager.destroyItems();
-        const h = g.spineItems.map(
-          (p, m) => new Ze(
+        const h = l.spineItems.map(
+          (p, m) => new qe(
             p,
-            l,
+            g,
             this.context,
             this.settings,
             this.hookManager,
@@ -6322,9 +6327,9 @@ class Is extends X {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), (t = this.elementSubject.getValue()) == null || t.remove(), this.elementSubject.complete();
   }
 }
-class ws extends X {
+class Ps extends X {
   constructor(t, i) {
-    super(), this.context = t, this.settings = i, this.orderedSpineItemsSubject = new U([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
+    super(), this.context = t, this.settings = i, this.orderedSpineItemsSubject = new W([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
   get(t) {
     return typeof t == "number" ? this.orderedSpineItemsSubject.value[t] : typeof t == "string" ? this.orderedSpineItemsSubject.value.find(
@@ -6336,7 +6341,7 @@ class ws extends X {
     return n > o ? "after" : n === o ? "same" : "before";
   }
   getSpineItemIndex(t) {
-    const i = t instanceof Ze ? t : this.get(t);
+    const i = t instanceof qe ? t : this.get(t);
     if (!i) return;
     const n = this.orderedSpineItemsSubject.value.indexOf(i);
     return n < 0 ? void 0 : n;
@@ -6363,7 +6368,7 @@ class ws extends X {
     this.orderedSpineItemsSubject.value.forEach((t) => t.destroy());
   }
 }
-class Ps extends ht {
+class vs extends ht {
   constructor(t) {
     const i = document.createElement("div");
     i.style.cssText = `
@@ -6397,11 +6402,15 @@ class Ps extends ht {
   }
   get absoluteViewport() {
     const t = this.context.state.visibleAreaRect;
-    return new ps({
+    return new hs({
       width: t.width,
       height: t.height
     });
   }
+  get scaleFactor() {
+    const t = this.absoluteViewport, i = this.value.element.getBoundingClientRect();
+    return ((i == null ? void 0 : i.width) ?? t.width) / t.width;
+  }
   /**
    * Returns the relative viewport after eventual transforms.
    * For example if the viewport was zoomed out, we start seeing more left and right
@@ -6417,18 +6426,18 @@ class Ps extends ht {
    * like relativeViewportPosition or even better a ViewportSlicePosition
    */
   get relativeViewport() {
-    const t = this.absoluteViewport, i = this.value.element.getBoundingClientRect(), n = ((i == null ? void 0 : i.width) ?? t.width) / t.width;
-    return new hs({
-      width: t.width / n,
-      height: t.height / n
+    const t = this.absoluteViewport, i = this.scaleFactor;
+    return new ms({
+      width: t.width / i,
+      height: t.height / i
     });
   }
 }
-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({
+const xs = (e) => {
+  const t = new U(), i = new Io(), n = new So(), o = new ns(e, n), s = new bo(n, o), a = new Ps(n, o), r = new vs(n), c = n.watch("rootElement"), u = Ye({
     context: n,
     settings: o
-  }), d = new Qo(n, a), g = new Is(
+  }), d = new ts(n, a), l = new ws(
     c,
     n,
     d,
@@ -6437,21 +6446,21 @@ const vs = (e) => {
     o,
     i,
     r
-  ), l = Ko({
+  ), g = Qo({
     context: n,
     spineItemsManager: a,
     hookManager: i,
-    spine: g,
+    spine: l,
     settings: o,
     viewport: r
-  }), h = new ts(
+  }), h = new es(
     n,
     d,
     a,
-    g,
+    l,
     u
   );
-  l.viewportState$.subscribe(n.bridgeEvent.viewportStateSubject), l.navigation$.subscribe(n.bridgeEvent.navigationSubject), l.locker.isLocked$.subscribe(
+  g.viewportState$.subscribe(n.bridgeEvent.viewportStateSubject), g.navigation$.subscribe(n.bridgeEvent.navigationSubject), g.locker.isLocked$.subscribe(
     n.bridgeEvent.navigationIsLockedSubject
   ), d.subscribe(n.bridgeEvent.paginationSubject);
   const p = () => {
@@ -6470,7 +6479,7 @@ const vs = (e) => {
         width: b.width,
         height: b.height
       }
-    }), g.layout();
+    }), l.layout();
   }, m = (f) => {
     const { containerElement: b, manifest: I } = f;
     if (n.manifest) {
@@ -6478,30 +6487,30 @@ const vs = (e) => {
       return;
     }
     O.log("load", { options: f });
-    const x = xs(b);
+    const x = $s(b);
     n.update({
       manifest: I,
       rootElement: x,
       forceSinglePageMode: o.values.forceSinglePageMode
     }), p();
   }, y = () => {
-    a.destroy(), h.destroy(), o.destroy(), d.destroy(), n.destroy(), l.destroy(), g.destroy(), s.destroy(), t.next(), t.complete(), r.destroy();
+    a.destroy(), h.destroy(), o.destroy(), d.destroy(), n.destroy(), g.destroy(), l.destroy(), s.destroy(), t.next(), t.complete(), r.destroy();
   };
   return {
     context: n,
-    spine: g,
+    spine: l,
     hookManager: i,
     cfi: {
-      generateCfiFromRange: kn,
+      generateCfiFromRange: Un,
       parseCfi: ee,
       generateCfiForSpineItemPage: (f) => Bt({
         ...f,
-        spine: g
+        spine: l
       }),
       resolveCfi: (f) => ze({ ...f, spineItemsManager: a })
     },
-    navigation: l,
-    spineItemsObserver: g.spineItemsObserver,
+    navigation: g,
+    spineItemsObserver: l.spineItemsObserver,
     spineItemsManager: a,
     layout: p,
     load: m,
@@ -6533,31 +6542,31 @@ const vs = (e) => {
       destroy$: t
     }
   };
-}, xs = (e) => (e.style.cssText = `
+}, $s = (e) => (e.style.cssText = `
     ${e.style.cssText}
     background-color: white;
     position: relative;
-  `, e.classList.add(`${pt}-reader`), e), Os = (
+  `, e.classList.add(`${pt}-reader`), e), Vs = (
   //__
-  ao(
+  co(
     Ei(
-      $n(
+      Tn(
         go(
           Bi(
-            xi(
-              io(
-                uo(
-                  ho(
-                    jn(
-                      gn(
-                        Fn(
-                          $i(
-                            co(
-                              Qn(
-                                wn(
-                                  Ui(
+            vi(
+              no(
+                lo(
+                  mo(
+                    kn(
+                      ln(
+                        Ln(
+                          xi(
+                            uo(
+                              to(
+                                Pn(
+                                  Wi(
                                     // __
-                                    vs
+                                    xs
                                   )
                                 )
                               )
@@ -6575,68 +6584,68 @@ const vs = (e) => {
       )
     )
   )
-), Vs = (e) => (t) => e(t);
+), js = (e) => (t) => e(t);
 export {
   ke as AbstractSpinePosition,
-  yo as Context,
+  So as Context,
   Wo as ControlledNavigationController,
   X as DestroyableClass,
   ft as DocumentRenderer,
-  So as Features,
-  bo as HookManager,
-  Do as InternalNavigator,
+  bo as Features,
+  Io as HookManager,
+  No as InternalNavigator,
   te as LayoutEntry,
   _e as Locker,
-  cs as Pages,
-  Qo as Pagination,
-  ts as PaginationController,
+  us as Pages,
+  ts as Pagination,
+  es as PaginationController,
   Qt as ResourceHandler,
-  Hn as ResourcesLocator,
-  Uo as ScrollNavigationController,
-  es as SettingsManager,
-  Is as Spine,
-  Ze as SpineItem,
+  Bn as ResourcesLocator,
+  zo as ScrollNavigationController,
+  is as SettingsManager,
+  ws as Spine,
+  qe as SpineItem,
   pn as SpineItemPageLayout,
   hn as SpineItemPageSpineLayout,
   R as SpineItemPosition,
   Ht as SpineItemSpineLayout,
-  ws as SpineItemsManager,
-  us as SpineItemsObserver,
-  L as SpinePosition,
-  Nt as UnsafeSpineItemPagePosition,
-  Rt as UnsafeSpinePosition,
-  Ps as Viewport,
-  zn as consolidate,
-  Os as createReader,
-  ae as deferIdle,
+  Ps as SpineItemsManager,
+  ds as SpineItemsObserver,
+  F as SpinePosition,
+  Dt as UnsafeSpineItemPagePosition,
+  It as UnsafeSpinePosition,
+  vs as Viewport,
+  Hn as consolidate,
+  Vs as createReader,
+  re as deferIdle,
   zi as deferNextResult,
   Bt as generateCfiForSpineItemPage,
-  kn as generateCfiFromRange,
-  lt as generateRootCfi,
-  re as getAttributeValueFromString,
+  Un as generateCfiFromRange,
+  gt as generateRootCfi,
+  se as getAttributeValueFromString,
   Zt as getFrameViewportInfo,
-  Ns as getItemAnchor,
-  gn as htmlEnhancer,
+  Os as getItemAnchor,
+  ln as htmlEnhancer,
   De as idle,
-  wi as injectCSS,
+  Ii as injectCSS,
   Re as isHtmlElement,
   Oi as isHtmlTagElement,
   Et as isRootCfi,
   Ws as isShallowEqual,
-  wn as layoutEnhancer,
+  Pn as layoutEnhancer,
   Ae as mapKeysTo,
-  Rs as observeIntersection,
-  ce as observeMutation,
+  As as observeIntersection,
+  ae as observeMutation,
   Kt as observeResize,
-  Qn as paginationEnhancer,
+  to as paginationEnhancer,
   ee as parseCfi,
-  Cs as removeCSS,
+  Rs as removeCSS,
   ze as resolveCfi,
-  Vs as rootEnhancer,
-  as as spinePositionToSpineItemSpineLayout,
+  js as rootEnhancer,
+  cs as spinePositionToSpineItemSpineLayout,
   nt as upsertCSSToFrame,
-  Pi as waitForFrameLoad,
-  vi as waitForFrameReady,
+  wi as waitForFrameLoad,
+  Pi as waitForFrameReady,
   Ct as waitForSwitch,
   Jt as watchKeys
 };