@prose-reader/core 1.271.0 → 1.273.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { switchMap as w, of as v, fromEvent as X, take as $t, map as S, from as k, takeUntil as T, Observable as ce, defer as Tt, Subject as R, combineLatest as j, merge as P, EMPTY as _, NEVER as ge, tap as $, share as D, BehaviorSubject as q, distinctUntilChanged as N, filter as C, mergeMap as pe, first as U, endWith as fe, catchError as ze, finalize as me, lastValueFrom as nn, scheduled as on, animationFrameScheduler as re, exhaustMap as sn, debounceTime as Ie, withLatestFrom as z, throttleTime as rn, startWith as ne, shareReplay as J, switchScan as an, defaultIfEmpty as cn, forkJoin as un, delay as Pe, timer as Te, skip as Ft, ReplaySubject as ot, identity as xe, concatMap as ln } from "rxjs";
+import { switchMap as w, of as v, fromEvent as X, take as $t, map as S, from as k, takeUntil as T, Observable as ce, defer as Tt, Subject as N, combineLatest as j, merge as P, EMPTY as _, NEVER as he, tap as x, share as D, BehaviorSubject as q, distinctUntilChanged as R, filter as C, mergeMap as ge, first as U, endWith as fe, catchError as ze, finalize as me, lastValueFrom as nn, scheduled as on, animationFrameScheduler as re, exhaustMap as sn, debounceTime as Ie, withLatestFrom as z, throttleTime as rn, startWith as ne, shareReplay as J, switchScan as an, defaultIfEmpty as cn, forkJoin as un, delay as Pe, timer as Te, skip as Ft, ReplaySubject as ot, identity as xe, concatMap as ln } from "rxjs";
 import { Report as dn, isShallowEqual as O, shallowMergeIfDefined as $e, getParentPath as pn, parseContentType as gn, detectMimeTypeFromName as Me, arrayEqual as hn } from "@prose-reader/shared";
-import { isShallowEqual as tr } from "@prose-reader/shared";
-import { switchMap as Y, first as mn, map as ie, distinctUntilChanged as be, startWith as fn, shareReplay as Ge, tap as V, pairwise as yn, take as Sn, takeUntil as K, filter as de, debounceTime as In, skip as Lt, mergeMap as bn, catchError as st, share as vn } from "rxjs/operators";
+import { isShallowEqual as nr } from "@prose-reader/shared";
+import { switchMap as Y, first as mn, map as ie, distinctUntilChanged as be, startWith as fn, shareReplay as Ge, tap as V, pairwise as yn, take as Sn, takeUntil as K, filter as pe, debounceTime as In, skip as Lt, mergeMap as bn, catchError as st, share as vn } from "rxjs/operators";
 import { generate as We, parse as Mt, isIndirectionOnly as wn, isParsedCfiRange as Pn, resolve as xn } from "@prose-reader/cfi";
 const $n = "@prose-reader/core", A = dn.namespace($n, void 0, {
   color: "#98cde7"
@@ -136,7 +136,7 @@ const Cn = (n, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(n?.querySelectorAll(e) || []);
-}, Rn = (n) => {
+}, Nn = (n) => {
   if (Et(n).forEach((t) => {
     const i = t.getAttribute("src") || t.getAttribute("href");
     i?.startsWith("blob:") && n?.defaultView?.URL.revokeObjectURL(i);
@@ -171,7 +171,7 @@ function At(n) {
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
-function Nn(n, e) {
+function Rn(n, e) {
   return At(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
 function On(n) {
@@ -203,7 +203,7 @@ const Ce = (n, e, t, i) => {
   return i && Number.parseFloat(o) || 0;
 }, Vn = (n, e, t, i) => {
   n?.contentDocument?.head && Ce(n.contentDocument, e, t, i);
-}, Ws = (n, e) => {
+}, _s = (n, e) => {
   n?.contentDocument && Ee(n.contentDocument, e);
 }, oe = (n, e, t, i) => {
   if (!n) return;
@@ -288,7 +288,7 @@ const Ce = (n, e, t, i) => {
     const s = t.spineItemsManager.get(i)?.renderer.getDocumentFrame();
     s && s.contentDocument?.body.setAttribute("tabindex", "-1");
   }), t;
-}, Re = ({
+}, Ne = ({
   position: n,
   frameElement: e
 }) => {
@@ -303,7 +303,7 @@ const Ce = (n, e, t, i) => {
   const s = t.getSpineItemFromIframe(o), r = o, { height: a, width: c } = i.pageSize;
   if (!s || !(r instanceof HTMLIFrameElement)) return n;
   if (Ze(n)) {
-    const { clientX: u, clientY: l } = Re({
+    const { clientX: u, clientY: l } = Ne({
       position: n,
       frameElement: r
     }), d = new PointerEvent(n.type, {
@@ -318,7 +318,7 @@ const Ce = (n, e, t, i) => {
     }), d;
   }
   if (En(n)) {
-    const { clientX: u, clientY: l } = Re({
+    const { clientX: u, clientY: l } = Ne({
       position: n,
       frameElement: r
     }), d = new MouseEvent(n.type, {
@@ -333,15 +333,15 @@ const Ce = (n, e, t, i) => {
   }
   if (Dn(n)) {
     const u = Array.from(n.touches).map((d) => {
-      const { clientX: p, clientY: g } = Re({
+      const { clientX: g, clientY: p } = Ne({
         position: d,
         frameElement: r
       });
       return new Touch({
         identifier: d.identifier,
         target: d.target,
-        clientX: p,
-        clientY: g
+        clientX: g,
+        clientY: p
       });
     }), l = new TouchEvent(n.type, {
       touches: u,
@@ -377,13 +377,13 @@ const Ce = (n, e, t, i) => {
         const u = (l) => {
           let d = l;
           if (Ze(l) && (d = new PointerEvent(l.type, l)), d !== l) {
-            const p = Wn(
+            const g = Wn(
               d,
               l,
               t.spine.locator,
               t.viewport
             );
-            t.context.value.rootElement?.dispatchEvent(p);
+            t.context.value.rootElement?.dispatchEvent(g);
           }
         };
         return r.contentDocument?.addEventListener(c, u), () => {
@@ -397,13 +397,24 @@ const Ce = (n, e, t, i) => {
       });
     }
   ), t;
-}, Rt = (n) => ie((e) => Object.entries(e).reduce(
-  (t, [i, o]) => n.includes(i) ? {
+}, Hs = (n) => {
+  const e = new FileReader();
+  return new Promise((t) => {
+    e.addEventListener(
+      "load",
+      () => {
+        t(e.result);
+      },
+      !1
+    ), e.readAsDataURL(n);
+  });
+}, Xn = (n, e) => Object.entries(n).reduce(
+  (t, [i, o]) => e.includes(i) ? {
     ...t,
     [i]: o
   } : t,
   {}
-)), Ke = (n) => (e) => e.pipe(Rt(n), be(O));
+), Nt = (n) => ie((e) => Xn(e, n)), Ke = (n) => (e) => e.pipe(Nt(n), be(O));
 function Qe(n) {
   return new ce((e) => {
     const t = new ResizeObserver((i) => {
@@ -421,7 +432,7 @@ const De = (n) => (e) => e.pipe(
       ie(() => t)
     )
   )
-), Xn = (n) => {
+), Yn = (n) => {
   let e;
   const t = n.subscribe((i) => {
     e = { result: i };
@@ -451,7 +462,7 @@ const ct = (n, e) => new ce((t) => {
   });
   return i.observe(n, e), () => i.disconnect();
 });
-function _s(n, e) {
+function Bs(n, e) {
   return new ce((t) => {
     const i = new IntersectionObserver((o) => {
       t.next(o);
@@ -461,7 +472,7 @@ function _s(n, e) {
     };
   });
 }
-class Nt {
+class Rt {
   constructor(e, t) {
     this.settingsManager = t;
     const i = $e(
@@ -471,7 +482,7 @@ class Nt {
     this.outputSettings = this.computeOutputSettings(i), this.inputSettings = $e(
       this.getDefaultSettings(),
       e
-    ), this.outputSettingsUpdateSubject = new R(), this.values$ = j([
+    ), this.outputSettingsUpdateSubject = new N(), this.values$ = j([
       this.settingsManager.values$,
       this.outputSettingsUpdateSubject.pipe(fn(this.outputSettings))
     ]).pipe(
@@ -509,19 +520,7 @@ class Nt {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const Hs = (n) => {
-  const e = new FileReader();
-  return new Promise((t) => {
-    e.addEventListener(
-      "load",
-      () => {
-        t(e.result);
-      },
-      !1
-    ), e.readAsDataURL(n);
-  });
-};
-let Yn = class extends Nt {
+let qn = class extends Rt {
   computeOutputSettings(e) {
     return e;
   }
@@ -547,8 +546,8 @@ let Yn = class extends Nt {
     };
   }
 };
-const qn = (n) => (e) => {
-  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new R(), a = n(e), c = new Yn(
+const Gn = (n) => (e) => {
+  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new N(), a = n(e), c = new qn(
     {
       fontScale: t,
       lineHeight: i,
@@ -564,24 +563,24 @@ const qn = (n) => (e) => {
       ${c.values.fontWeight !== "publisher" ? `font-weight: ${c.values.fontWeight} !important;` : ""}
       ${c.values.fontJustification !== "publisher" ? `text-align: ${c.values.fontJustification} !important;` : ""}
     }
-  `, l = (p) => {
-    a.spineItemsManager.items.forEach((g) => {
-      if (g.renditionLayout !== "pre-paginated") {
-        const h = g.renderer.getDocumentFrame();
+  `, l = (g) => {
+    a.spineItemsManager.items.forEach((p) => {
+      if (p.renditionLayout !== "pre-paginated") {
+        const h = p.renderer.getDocumentFrame();
         h && oe(h, "prose-reader-fonts", u());
       }
-    }), p && a.layout();
+    }), g && a.layout();
   };
-  a.hookManager.register("item.onDocumentLoad", ({ itemId: p }) => {
-    const g = a.spineItemsManager.get(p);
-    if (g?.renditionLayout !== "pre-paginated") {
-      const h = g?.renderer.getDocumentFrame();
+  a.hookManager.register("item.onDocumentLoad", ({ itemId: g }) => {
+    const p = a.spineItemsManager.get(g);
+    if (p?.renditionLayout !== "pre-paginated") {
+      const h = p?.renderer.getDocumentFrame();
       h && oe(h, "prose-reader-fonts", u());
     }
   });
-  const d = (p) => p.pipe(
+  const d = (g) => g.pipe(
     yn(),
-    S(([g, h]) => h.fontScale !== g.fontScale || h.lineHeight !== g.lineHeight)
+    S(([p, h]) => h.fontScale !== p.fontScale || h.lineHeight !== p.lineHeight)
   );
   return c.values$.pipe(
     d,
@@ -594,7 +593,7 @@ const qn = (n) => (e) => {
     },
     settings: c
   };
-}, Gn = (n) => (e) => {
+}, Zn = (n) => (e) => {
   const t = n(e), i = (o) => X(o, "keyup").pipe(
     S((s) => {
       const { pageTurnDirection: r, computedPageTurnMode: a } = t.settings.values;
@@ -630,13 +629,13 @@ const qn = (n) => (e) => {
     ),
     T(t.$.destroy$)
   ).subscribe(), t;
-}, Zn = (n) => n.spine.spineItemsManager.items$.pipe(
+}, Jn = (n) => n.spine.spineItemsManager.items$.pipe(
   w(
     (e) => P(
       ...e.map((t) => t.watch("isLoaded").pipe(
         w(() => {
           const i = t.renderer.getDocumentFrame();
-          if (!i || !i?.contentDocument) return ge;
+          if (!i || !i?.contentDocument) return he;
           const s = Array.from(
             i.contentDocument.querySelectorAll("a")
           ).map(
@@ -647,14 +646,14 @@ const qn = (n) => (e) => {
       ))
     )
   ),
-  $((e) => {
+  x((e) => {
     e.preventDefault();
   }),
   D()
 );
 class Q extends ce {
   constructor(e) {
-    super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new R(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new q(e);
+    super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new N(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new q(e);
   }
   next(e) {
     this.stateSubject.next(e);
@@ -669,7 +668,7 @@ class Q extends ce {
   watch(e) {
     return Array.isArray(e) ? this.stateSubject.pipe(Ke(e)) : this.stateSubject.pipe(
       S((t) => t[e]),
-      N(O)
+      R(O)
     );
   }
   get value() {
@@ -684,15 +683,15 @@ const Le = class Le extends Q {
     super({
       state: "idle",
       error: void 0
-    }), this.triggerSubject = new R(), this.context = e.context, this.settings = e.settings, this.hookManager = e.hookManager, this.item = e.item, this.containerElement = e.containerElement, this.resourcesHandler = e.resourcesHandler, this.viewport = e.viewport;
+    }), this.triggerSubject = new N(), this.context = e.context, this.settings = e.settings, this.hookManager = e.hookManager, this.item = e.item, this.containerElement = e.containerElement, this.resourcesHandler = e.resourcesHandler, this.viewport = e.viewport;
     const t = this.triggerSubject.pipe(
       C((o) => o.type === "unload")
     ), i = this.triggerSubject.pipe(
       C((o) => o.type === "load")
     );
     this.loaded$ = i.pipe(
-      pe(() => this.value.state === "loaded" || this.value.state === "loading" ? _ : (this.next({ state: "loading", error: void 0 }), this.onCreateDocument().pipe(U()).pipe(
-        pe((r) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
+      ge(() => this.value.state === "loaded" || this.value.state === "loading" ? _ : (this.next({ state: "loading", error: void 0 }), this.onCreateDocument().pipe(U()).pipe(
+        ge((r) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
           itemId: this.item.id,
           documentContainer: r
         }), this.onLoadDocument().pipe(
@@ -717,7 +716,7 @@ const Le = class Le extends Q {
       ))),
       D()
     ), this.unloaded$ = t.pipe(
-      pe(() => this.value.state === "unloading" || this.value.state === "idle" ? _ : (this.next({ state: "unloading", error: void 0 }), this.context.bridgeEvent.viewportFree$.pipe(
+      ge(() => this.value.state === "unloading" || this.value.state === "idle" ? _ : (this.next({ state: "unloading", error: void 0 }), this.context.bridgeEvent.viewportFree$.pipe(
         U(),
         w(() => (this.hookManager.destroy("item.onDocumentLoad", this.item.id), this.onUnload().pipe(fe(null), U()))),
         S(() => {
@@ -758,7 +757,7 @@ const Le = class Le extends Q {
    * Automatically release on complete or error.
    */
   renderHeadless() {
-    const e = new R();
+    const e = new N();
     return Tt(() => this.onRenderHeadless({ release: e })).pipe(
       fe(void 0),
       U(),
@@ -803,7 +802,7 @@ const Le = class Le extends Q {
 };
 Le.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 let ye = Le;
-const Jn = (n) => new URL(n.href);
+const Kn = (n) => new URL(n.href);
 class tt {
   constructor(e, t) {
     this.item = e, this.settings = t;
@@ -811,7 +810,7 @@ class tt {
   async getResource() {
     return await nn(
       this.settings.values.getResource?.(this.item) ?? v(void 0)
-    ) ?? Jn(this.item);
+    ) ?? Kn(this.item);
   }
   async fetchResource() {
     const e = await this.getResource();
@@ -821,7 +820,7 @@ class tt {
 const Ot = (n, e) => {
   const t = n.startsWith("file://"), i = t ? n.replace("file://", "http://") : n, o = new URL(e, i).toString();
   return t ? o.replace("http://", "file://") : o;
-}, Kn = async (n, e, t, i, o) => {
+}, Qn = async (n, e, t, i, o) => {
   if (!n || !n.defaultView) return;
   const s = e.sheet;
   if (s)
@@ -832,7 +831,7 @@ const Ot = (n, e) => {
         if (n.defaultView && c instanceof n.defaultView.CSSFontFaceRule) {
           const u = c.style.getPropertyValue("src");
           if (u.match(/url\(['"]?([^'"]+)['"]?\)/g)) {
-            const d = u.split(",").map((h) => h.trim()), p = await Promise.all(
+            const d = u.split(",").map((h) => h.trim()), g = await Promise.all(
               d.map(async (h) => {
                 if (h.startsWith("local("))
                   return h;
@@ -846,10 +845,10 @@ const Ot = (n, e) => {
                   try {
                     const b = await I.getResource();
                     if (b instanceof Response) {
-                      const F = await b.blob(), x = n.defaultView?.URL.createObjectURL(F);
+                      const F = await b.blob(), $ = n.defaultView?.URL.createObjectURL(F);
                       return h.replace(
                         m[0],
-                        `url("${x}")`
+                        `url("${$}")`
                       );
                     }
                   } catch (b) {
@@ -858,18 +857,18 @@ const Ot = (n, e) => {
                 }
                 return h;
               })
-            ), g = c.cssText.replace(
+            ), p = c.cssText.replace(
               /src:\s*[^;]+;/,
-              `src: ${p.join(", ")};`
+              `src: ${g.join(", ")};`
             );
-            s.deleteRule(a), s.insertRule(g, a);
+            s.deleteRule(a), s.insertRule(p, a);
           }
         }
       }
     } catch (r) {
       console.error("Could not access stylesheet rules:", r);
     }
-}, Qn = (n, e, t, i, o) => {
+}, ei = (n, e, t, i, o) => {
   const s = e.getAttribute("src") || e.getAttribute("href");
   if (!s) return v(null);
   const r = i.manifest?.items.find(({ href: c }) => `${Ot(t, s).toLowerCase()}`.endsWith(
@@ -878,10 +877,10 @@ const Ot = (n, e) => {
   if (!r) return v(null);
   const a = new tt(r, o);
   return k(a.getResource()).pipe(
-    pe(
+    ge(
       (c) => c instanceof Response ? k(c.blob()) : v(void 0)
     ),
-    pe((c) => {
+    ge((c) => {
       if (!c)
         return v(null);
       const u = n?.defaultView?.URL.createObjectURL(c) ?? "";
@@ -891,7 +890,7 @@ const Ot = (n, e) => {
         return new ce((l) => {
           e.onload = async () => {
             try {
-              e.sheet && await Kn(
+              e.sheet && await Qn(
                 n,
                 e,
                 t,
@@ -906,7 +905,7 @@ const Ot = (n, e) => {
       return v(null);
     })
   );
-}, ei = ({
+}, ti = ({
   settings: n,
   item: e,
   context: t
@@ -915,7 +914,7 @@ const Ot = (n, e) => {
     const s = Et(
       o.contentDocument
     ), r = pn(e.href), a = s.map(
-      (c) => Qn(
+      (c) => ei(
         o.contentDocument,
         c,
         r,
@@ -925,9 +924,9 @@ const Ot = (n, e) => {
     );
     return j(a).pipe(S(() => o));
   })
-), ti = (n) => {
-  Rn(n?.contentDocument);
-}, Xs = "@prose-reader/core", Ys = 0, qs = 200, ni = [".xhtml", ".html", ".htm"], W = "prose-reader", Vt = `${W}-style`, ii = `data-${W}-id`, oi = `${W}-viewport`, si = `${W}-scroll-navigator`, ri = async (n, e) => {
+), ni = (n) => {
+  Nn(n?.contentDocument);
+}, Ys = "@prose-reader/core", qs = 0, Gs = 200, ii = [".xhtml", ".html", ".htm"], W = "prose-reader", Vt = `${W}-style`, oi = `data-${W}-id`, si = `${W}-viewport`, ri = `${W}-scroll-navigator`, ai = async (n, e) => {
   if (typeof n == "string") return n;
   const t = gn(n.headers.get("Content-Type") || "") || Me(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
@@ -965,11 +964,11 @@ const Ot = (n, e) => {
         </body>
       </html>
     ` : await n.text();
-}, ai = ({
+}, ci = ({
   item: n,
   resourcesHandler: e
 }) => {
-  const t = (i) => ri(i, n);
+  const t = (i) => ai(i, n);
   return (i) => i.pipe(
     w((o) => k(e.getResource()).pipe(
       w((s) => s instanceof URL && n.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
@@ -979,7 +978,7 @@ const Ot = (n, e) => {
         "text/html",
         "text/xml"
       ].includes(n.mediaType) || // no encoding ? then try to detect html
-      !n.mediaType && ni.some(
+      !n.mediaType && ii.some(
         (a) => n.href.endsWith(a)
       )) ? (o?.setAttribute("src", n.href), v(o)) : (s instanceof URL ? k(e.fetchResource()) : v(s)).pipe(
         w((a) => {
@@ -987,7 +986,7 @@ const Ot = (n, e) => {
             throw new Error("Invalid resource");
           return k(t(a));
         }),
-        $((a) => {
+        x((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
             o?.setAttribute("src", u);
@@ -1001,7 +1000,7 @@ const Ot = (n, e) => {
       ))
     ))
   );
-}, ci = () => {
+}, ui = () => {
   const n = document.createElement("iframe");
   return n.frameBorder = "no", n.tabIndex = 0, n.setAttribute(
     "sandbox",
@@ -1016,7 +1015,7 @@ const Ot = (n, e) => {
   border: 0px none transparent;
   padding: 0px;
 `, n.setAttribute("role", "main"), n;
-}, ui = "body{margin:0}html,body{height:100%;width:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{max-width:100%;height:100%;object-fit:contain}", jt = ({
+}, li = "body{margin:0}html,body{height:100%;width:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{max-width:100%;height:100%;object-fit:contain}", jt = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t
@@ -1031,7 +1030,7 @@ const Ot = (n, e) => {
   }
 }, ut = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, li = ({
+}, di = ({
   minPageSpread: n,
   blankPagePosition: e,
   spreadPosition: t,
@@ -1042,7 +1041,7 @@ const Ot = (n, e) => {
 }) => {
   const a = n * o;
   if (s?.contentDocument && s?.contentWindow) {
-    const { viewportDimensions: c, computedScale: u = 1 } = jt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, l = !!c, d = o, p = i;
+    const { viewportDimensions: c, computedScale: u = 1 } = jt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, l = !!c, d = o, g = i;
     if (s.contentDocument?.documentElement && s.contentDocument?.documentElement.setAttribute(
       "data-prose-reader-html-renderer-has-viewport-dimensions",
       l.toString()
@@ -1051,26 +1050,26 @@ const Ot = (n, e) => {
       height: c.height ?? 1
     }) : ut(s, {
       width: d,
-      height: p
+      height: g
     }), c) {
       s?.style.setProperty("position", "absolute"), s?.style.setProperty("top", "50%"), t === "left" ? (s?.style.setProperty("right", "0"), s?.style.removeProperty("left")) : e === "before" && r ? (s?.style.setProperty("right", "50%"), s?.style.removeProperty("left")) : t === "right" ? (s?.style.setProperty("left", "0"), s?.style.removeProperty("right")) : (s?.style.setProperty(
         "left",
         e === "before" ? r ? "25%" : "75%" : e === "after" ? r ? "75%" : "25%" : "50%"
       ), s?.style.removeProperty("right"));
-      const g = t !== "none" ? "0" : "-50%", h = t === "right" && e !== "before" ? "left" : t === "left" || e === "before" && r ? "right" : "center";
+      const p = t !== "none" ? "0" : "-50%", h = t === "right" && e !== "before" ? "left" : t === "left" || e === "before" && r ? "right" : "center";
       s?.style.setProperty(
         "transform",
-        `translate(${g}, -50%) scale(${u})`
+        `translate(${p}, -50%) scale(${u})`
       ), s?.style.setProperty(
         "transform-origin",
         `${h} center`
       );
     } else
       e === "before" ? r ? s?.style.setProperty("margin-right", `${o}px`) : s?.style.setProperty("margin-left", `${o}px`) : (s?.style.removeProperty("margin-left"), s?.style.removeProperty("margin-right"));
-    return { width: a, height: p };
+    return { width: a, height: g };
   }
   return { width: a, height: i };
-}, di = () => `
+}, pi = () => `
       body {
         margin: 0;
       }
@@ -1087,7 +1086,7 @@ const Ot = (n, e) => {
       html, body {
         touch-action: none;
       }
-    `, pi = ({
+    `, gi = ({
   isScrollable: n,
   enableTouch: e
 }) => `
@@ -1112,7 +1111,7 @@ const Ot = (n, e) => {
           display: block;
         }
       ` : ""}
-    `, gi = ({
+    `, hi = ({
   width: n,
   columnHeight: e,
   columnWidth: t
@@ -1180,7 +1179,7 @@ const Ot = (n, e) => {
       td {
         max-width: ${t}px;
       }
-    `, hi = ({
+    `, mi = ({
   isUsingVerticalWriting: n,
   minimumWidth: e,
   pageHeight: t,
@@ -1196,7 +1195,7 @@ const Ot = (n, e) => {
   };
 }, ve = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, mi = ({
+}, fi = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t,
@@ -1208,23 +1207,23 @@ const Ot = (n, e) => {
   enableTouch: c,
   isUsingVerticalWriting: u
 }) => {
-  const l = o * e, d = i?.renditionLayout === "reflowable" && i?.renditionFlow === "scrolled-continuous", p = d ? Math.min(400, n) : n;
-  t?.style.setProperty("width", `${e}px`), d ? t?.style.removeProperty("height") : t?.style.setProperty("height", `${p}px`);
-  const { viewportDimensions: g, computedScale: h = 1 } = jt({
+  const l = o * e, d = i?.renditionLayout === "reflowable" && i?.renditionFlow === "scrolled-continuous", g = d ? Math.min(400, n) : n;
+  t?.style.setProperty("width", `${e}px`), d ? t?.style.removeProperty("height") : t?.style.setProperty("height", `${g}px`);
+  const { viewportDimensions: p, computedScale: h = 1 } = jt({
     frameElement: t,
-    pageHeight: p,
+    pageHeight: g,
     pageWidth: e
   }) ?? {}, m = i?.renditionLayout === "pre-paginated";
   if (t?.contentDocument && t?.contentWindow && t.contentDocument.body) {
-    let y = e, f = p;
-    if (g?.hasViewport)
+    let y = e, f = g;
+    if (p?.hasViewport)
       oe(
         t,
         "prose-reader-html-renderer-framce-css",
-        di()
+        pi()
       ), ve(t, {
-        width: g.width ?? 1,
-        height: g.height ?? 1
+        width: p.width ?? 1,
+        height: p.height ?? 1
       }), t?.style.setProperty("position", "absolute"), t?.style.setProperty("top", "50%"), t?.style.setProperty(
         "left",
         r === "before" ? s ? "25%" : "75%" : r === "after" ? s ? "75%" : "25%" : "50%"
@@ -1233,21 +1232,21 @@ const Ot = (n, e) => {
         `translate(-50%, -50%) scale(${h})`
       ), t?.style.setProperty("transform-origin", "center center");
     else {
-      const b = a ? pi({
+      const b = a ? gi({
         isScrollable: i?.renditionFlow === "scrolled-continuous",
         enableTouch: c
-      }) : gi(
-        hi({
+      }) : hi(
+        mi({
           isUsingVerticalWriting: u,
           minimumWidth: l,
-          pageHeight: p,
+          pageHeight: g,
           pageWidth: e
         })
       );
       if (oe(t, "prose-reader-css", b, !0), u)
         f = Math.ceil(
-          t.contentDocument.documentElement.scrollHeight / p
-        ) * p, ve(t, {
+          t.contentDocument.documentElement.scrollHeight / g
+        ) * g, ve(t, {
           width: l,
           height: f
         });
@@ -1269,32 +1268,32 @@ const Ot = (n, e) => {
     return y % l === 0 ? t?.style.setProperty("margin-left", "0px") : (y = y + e, s && !u && t?.style.setProperty("margin-left", `${e}px`)), { width: y, height: f };
   }
 };
-class fi extends ye {
+class yi extends ye {
   constructor() {
     super(...arguments), this.isPrePaginated = () => this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest?.renditionLayout === "pre-paginated", this.isImageType = () => !!(this.item.mediaType ?? Me(this.item.href))?.startsWith("image/");
   }
   onCreateDocument() {
-    const e = ci();
+    const e = ui();
     return this.setDocumentContainer(e), v(e);
   }
   onLoadDocument() {
     const e = this.getFrameElement();
     if (!e) throw new Error("invalid frame");
     return v(e).pipe(
-      ai({
+      ci({
         item: this.item,
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
       }),
       De(this.context.bridgeEvent.viewportFree$),
-      $(() => {
+      x(() => {
         this.attach();
       }),
       jn,
-      $((t) => {
-        this.isPrePaginated() ? oe(t, "prose-reader-css", ui) : this.isImageType();
+      x((t) => {
+        this.isPrePaginated() ? oe(t, "prose-reader-css", li) : this.isImageType();
       }),
-      ei({
+      ti({
         context: this.context,
         item: this.item,
         settings: this.settings
@@ -1303,7 +1302,7 @@ class fi extends ye {
     );
   }
   onUnload() {
-    return ti(this.getFrameElement()), this.detach(), _;
+    return ni(this.getFrameElement()), this.detach(), _;
   }
   onLayout({
     minPageSpread: e,
@@ -1321,7 +1320,7 @@ class fi extends ye {
     ) : r.contentDocument?.documentElement.classList.remove(
       "prose-reader-html-renderer-touch-enabled"
     )), this.isPrePaginated()) {
-      const l = li({
+      const l = di({
         blankPagePosition: t,
         frameElement: r,
         isRTL: this.context.isRTL(),
@@ -1332,7 +1331,7 @@ class fi extends ye {
       });
       return v(l);
     }
-    const u = mi({
+    const u = fi({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1405,13 +1404,13 @@ class fi extends ye {
     return this.getFrameElement();
   }
 }
-const yi = (n) => (e) => {
+const Si = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(o) {
-      return e.getRenderer?.(o) ?? ((r) => new fi(r));
+      return e.getRenderer?.(o) ?? ((r) => new yi(r));
     }
-  }), i = Zn(t);
+  }), i = Jn(t);
   return i.pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     links$: i
@@ -1430,12 +1429,12 @@ class E {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
   }
 }
-class Ne {
+class Re {
   constructor(e) {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
 }
-class Si extends nt {
+class Ii extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageLayout";
   }
@@ -1445,7 +1444,7 @@ class Oe extends nt {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class Ii extends nt {
+class bi extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1471,17 +1470,17 @@ class ae extends kt {
     return new ae(e);
   }
 }
-const bi = (n, e) => {
+const vi = (n, e) => {
   const t = e.getBoundingClientRect(), { x: i, y: o } = n, { left: s, top: r } = t, a = t.width / e.offsetWidth, c = t.height / e.offsetHeight, u = i - s, l = o - r;
   return {
     x: u / a,
     y: l / c
   };
-}, vi = (n, e) => new ae(
-  bi(n, e)
-), wi = (n) => ({
-  getSpinePositionFromClientPosition: (e) => n.spine.element ? vi(e, n.spine.element) : void 0
-}), Pi = (n) => {
+}, wi = (n, e) => new ae(
+  vi(n, e)
+), Pi = (n) => ({
+  getSpinePositionFromClientPosition: (e) => n.spine.element ? wi(e, n.spine.element) : void 0
+}), xi = (n) => {
   let e;
   const t = n.context.watch("rootElement").pipe(
     Y((c) => c ? new ce(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
@@ -1493,7 +1492,7 @@ const bi = (n, e) => {
         visibility: hidden;
       `, c.appendChild(e), () => {
       e?.remove(), e = void 0;
-    })) : ge)
+    })) : he)
   ), i = (c) => on(c, re).pipe(
     V(() => {
       e?.style.setProperty(
@@ -1520,7 +1519,7 @@ const bi = (n, e) => {
     K(n.$.destroy$)
   );
   return P(t, a);
-}, xi = `${W}-enhancer-loading`, Ut = `${xi}-container`, $i = ({
+}, $i = `${W}-enhancer-loading`, Ut = `${$i}-container`, Ti = ({
   container: n,
   item: e,
   viewport: t
@@ -1555,14 +1554,14 @@ const bi = (n, e) => {
       max-width: 300px;
       width: 80%;
     `, i.appendChild(o), i.appendChild(s), i;
-}, Ti = (n) => n.spineItemsManager.items$.pipe(
+}, Fi = (n) => n.spineItemsManager.items$.pipe(
   Y(
     (e) => P(
       ...e.map((t) => {
         t.containerElement.style.zIndex = "0";
         const i = t.containerElement.querySelector(
           `.${Ut}`
-        ), o = i instanceof HTMLElement ? i : $i({
+        ), o = i instanceof HTMLElement ? i : Ti({
           container: t.containerElement,
           item: t.item,
           viewport: n.viewport
@@ -1600,11 +1599,11 @@ const bi = (n, e) => {
       })
     )
   )
-), Fi = (n) => {
+), Li = (n) => {
   n.hookManager.register("item.onDocumentLoad", ({ itemId: e }) => {
     n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling", "no");
   });
-}, Li = (n) => {
+}, Mi = (n) => {
   n.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: t, minimumWidth: i }) => {
@@ -1621,12 +1620,12 @@ const bi = (n, e) => {
       }
     }
   );
-}, Mi = (n) => n.spineItemsObserver.states$.pipe(
-  $(({ item: e, isReady: t, isDirty: i }) => {
+}, Ci = (n) => n.spineItemsObserver.states$.pipe(
+  x(({ item: e, isReady: t, isDirty: i }) => {
     e.containerElement.dataset.isDirty = i.toString(), e.containerElement.dataset.isReady = t.toString();
   })
 );
-let Ci = class extends Nt {
+let Ei = class extends Rt {
   computeOutputSettings(e) {
     return e;
   }
@@ -1652,21 +1651,21 @@ let Ci = class extends Nt {
     };
   }
 };
-const Ei = (n) => j([
+const Di = (n) => j([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
-  $(([{ width: e, height: t }, i]) => {
+  x(([{ width: e, height: t }, i]) => {
     const o = e > t;
     return !o && i?.renditionSpread === "portrait" ? n.settings.update({ spreadMode: !0 }) : o && (i?.renditionSpread === void 0 || i?.renditionSpread === "auto" || i?.renditionSpread === "landscape" || i?.renditionSpread === "both") ? n.settings.update({ spreadMode: !0 }) : n.settings.update({ spreadMode: !1 });
   })
-), Di = (n) => (e) => {
+), Ai = (n) => (e) => {
   const {
     pageHorizontalMargin: t,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = e, r = n(e), a = new Ci(
+  } = e, r = n(e), a = new Ei(
     {
       pageHorizontalMargin: t,
       pageVerticalMargin: i,
@@ -1682,12 +1681,12 @@ const Ei = (n) => j([
       !m && f && (f.getBoundingClientRect().left, m = !0);
     });
   }), r.hookManager.register("item.onBeforeLayout", ({ item: m }) => {
-    const y = r.spineItemsManager.get(m.id), I = !!(m.mediaType ?? Me(m.href))?.startsWith("image/"), { pageHorizontalMargin: b = 0, pageVerticalMargin: F = 0 } = a.values, x = r.viewport.pageSize;
+    const y = r.spineItemsManager.get(m.id), I = !!(m.mediaType ?? Me(m.href))?.startsWith("image/"), { pageHorizontalMargin: b = 0, pageVerticalMargin: F = 0 } = a.values, $ = r.viewport.pageSize;
     if (y?.renditionLayout === "reflowable" && !I) {
-      let L = x.width - b * 2;
-      const H = x.height - F * 2;
-      let B = x.width - b * 2, se = b * 2;
-      y.isUsingVerticalWriting() && (B = x.width - b * 2, L = H, se = F * 2);
+      let L = $.width - b * 2;
+      const H = $.height - F * 2;
+      let B = $.width - b * 2, se = b * 2;
+      y.isUsingVerticalWriting() && (B = $.width - b * 2, L = H, se = F * 2);
       const ue = y?.renderer.getDocumentFrame();
       ue && oe(
         ue,
@@ -1713,7 +1712,7 @@ const Ei = (n) => j([
             `
       );
     }
-  }), Li(r), Fi(r), r.hookManager.register(
+  }), Mi(r), Li(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: m }) => {
       m.style.opacity = "0", a.values.layoutLayerTransition && (m.style.transition = "opacity 300ms");
@@ -1723,22 +1722,22 @@ const Ei = (n) => j([
     r.settings.values.computedPageTurnMode !== "scrollable" && f?.setAttribute("tab-index", "0");
   });
   const c = r.spineItemsObserver.states$.pipe(
-    de(({ isReady: m }) => m),
+    pe(({ isReady: m }) => m),
     V(({ item: m }) => {
       const y = m.renderer.documentContainer;
       y && (y.style.opacity = "1");
     })
   ), u = a.values$.pipe(
-    de(({ layoutAutoResize: m }) => m === "container"),
+    pe(({ layoutAutoResize: m }) => m === "container"),
     Y(() => r.context.watch("rootElement")),
-    de(Z),
+    pe(Z),
     Y((m) => Qe(m)),
     In(100),
-    de(Z),
+    pe(Z),
     V(() => {
       r?.layout();
     })
-  ), l = Pi(r);
+  ), l = xi(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     Lt(1),
     V(() => {
@@ -1748,14 +1747,14 @@ const Ei = (n) => j([
   ).subscribe();
   const d = r.spine.pages.pipe(
     Ge({ refCount: !0, bufferSize: 1 })
-  ), p = Mi(r), g = Ei(r), h = Ti(r);
+  ), g = Ci(r), p = Di(r), h = Fi(r);
   return P(
     c,
     l,
     u,
     d,
-    p,
     g,
+    p,
     h
   ).pipe(K(r.$.destroy$)).subscribe(), {
     ...r,
@@ -1765,10 +1764,10 @@ const Ei = (n) => j([
     settings: a,
     layout$: r.spine.layout$,
     layoutInfo$: d,
-    coordinates: wi(r)
+    coordinates: Pi(r)
   };
 };
-class Ai extends ye {
+class Ni extends ye {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1825,7 +1824,7 @@ const Ri = (n) => (e) => {
     ...e,
     getRenderer(r) {
       const a = e.getRenderer?.(r), u = !!(r.mediaType ?? Me(r.href))?.startsWith("image/");
-      return !a && u ? (l) => new Ai(l) : a;
+      return !a && u ? (l) => new Ni(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1875,15 +1874,15 @@ const Ri = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, Ni = (n, e) => n.links$.pipe(
-  $((t) => {
-    if (!Nn(t.target, "a") || t.type !== "click") return;
+}, Oi = (n, e) => n.links$.pipe(
+  x((t) => {
+    if (!Rn(t.target, "a") || t.type !== "click") return;
     const i = new URL(t.target.href), o = `${i.origin}${i.pathname}`;
     n.context.manifest?.spineItems.some(
       (r) => r.href === o
     ) && e.goToUrl(i);
   })
-), ee = A.namespace("navigation"), Oi = ({
+), ee = A.namespace("navigation"), Vi = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -1915,7 +1914,7 @@ const Ri = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Oi({
+  ), l = Vi({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -1937,7 +1936,7 @@ const Ri = (n) => (e) => {
       x: 0
     })
   );
-}, Vi = ({
+}, ji = ({
   position: n,
   spineItem: e,
   context: t,
@@ -1981,7 +1980,7 @@ const Ri = (n) => (e) => {
     return i.getAdjustedPositionForSpread(l);
   }
   return i.getAdjustedPositionForSpread(u);
-}, ji = ({
+}, ki = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2013,7 +2012,7 @@ const Ri = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = ji({
+  ), l = ki({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -2035,7 +2034,7 @@ const Ri = (n) => (e) => {
       x: 0
     })
   );
-}, ki = ({
+}, Ui = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2083,7 +2082,7 @@ const Ri = (n) => (e) => {
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class Ui {
+class zi {
   constructor(e) {
     this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2102,7 +2101,7 @@ class Ui {
   turnRightOrBottom() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = ki({
+    const i = Ui({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2120,7 +2119,7 @@ class Ui {
   turnLeftOrTop() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Vi({
+    const i = ji({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2262,7 +2261,7 @@ class Ui {
     }
   }
 }
-class zi extends Q {
+class Wi extends Q {
   constructor(e) {
     super({
       lastDelta: { x: 0, y: 0 },
@@ -2321,16 +2320,16 @@ class zi extends Q {
 }
 class G {
   constructor() {
-    this.isDestroyed = !1, this.destroySubject = new R(), this.destroy$ = this.destroySubject.asObservable();
+    this.isDestroyed = !1, this.destroySubject = new N(), this.destroy$ = this.destroySubject.asObservable();
   }
   destroy() {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
   }
 }
-const Wi = 500;
-class _i extends G {
+const _i = 500;
+class Hi extends G {
   constructor(e, t) {
-    super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new R(), this.navigation$ = this.navigationSubject.asObservable();
+    super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new N(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
       sn((o) => {
         const s = this.locker.lock();
@@ -2339,11 +2338,11 @@ class _i extends G {
           v(o)
         ).pipe(
           Ie(
-            Wi,
+            _i,
             re
           ),
           U(),
-          $(() => {
+          x(() => {
             const r = this.scrollNavigationController.fromScrollPosition(
               this.scrollNavigationController.scrollPosition
             );
@@ -2362,7 +2361,7 @@ class _i extends G {
     P(i).pipe(T(this.destroy$)).subscribe();
   }
 }
-const Hi = (n) => n.pagination.state$.pipe(
+const Bi = (n) => n.pagination.state$.pipe(
   z(n.context.manifest$, n.settings.values$),
   S(
     ([
@@ -2381,37 +2380,37 @@ const Hi = (n) => n.pagination.state$.pipe(
       };
     }
   ),
-  N(O)
-), Bi = ({ reader: n, duration: e }) => (t) => {
+  R(O)
+), Xi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
   };
   return t.pipe(
-    $(() => {
+    x(() => {
       i || (i = n?.navigation.lock());
     }),
     rn(e, re, {
       trailing: !0,
       leading: !0
     }),
-    $(o),
+    x(o),
     me(o)
   );
-}, Xi = (n) => (e) => {
-  const t = n(e), i = Hi(t), o = new Ui(t), s = new zi(t), r = new _i(
+}, Yi = (n) => (e) => {
+  const t = n(e), i = Bi(t), o = new zi(t), s = new Wi(t), r = new Hi(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = Ni(t, o), c = r.navigation$.pipe(
-    $((d) => {
+  ), a = Oi(t, o), c = r.navigation$.pipe(
+    x((d) => {
       t.navigation.navigate(d);
     })
   );
   return P(a, c).pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     load: (d) => {
-      const { cfi: p, ...g } = d;
-      t.load(g), p && o.goToCfi(p, { animate: !1 });
+      const { cfi: g, ...p } = d;
+      t.load(p), g && o.goToCfi(g, { animate: !1 });
     },
     destroy: () => {
       r.destroy(), t.destroy();
@@ -2419,7 +2418,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: d, trigger: p }) => p.pipe(Bi({ duration: d, reader: t })),
+      throttleLock: ({ duration: d, trigger: g }) => g.pipe(Xi({ duration: d, reader: t })),
       panNavigator: s,
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2452,10 +2451,10 @@ const Hi = (n) => n.pagination.state$.pipe(
       a.lastIndexOf("/")
     ), u = n.substring(0, n.lastIndexOf("/")), l = n.endsWith(a), d = u !== "" && u.endsWith(c);
     if (l || d) {
-      const g = t.spineItems.findIndex(
+      const p = t.spineItems.findIndex(
         (f) => f.href === s.href
       );
-      if (i < g) return o;
+      if (i < p) return o;
       const m = {
         title: s.title,
         path: s.path
@@ -2467,19 +2466,19 @@ const Hi = (n) => n.pagination.state$.pipe(
     }
     return o;
   }, void 0);
-}, Yi = (n, e) => {
+}, qi = (n, e) => {
   const { href: t } = e;
   return zt(t, n.nav?.toc ?? [], n);
-}, qi = (n) => {
+}, Gi = (n) => {
   const e = n.context.manifest, t = n.spineItemsManager.items;
   return e ? t.reduce(
-    (i, { item: o }) => (i[o.id] = Yi(e, o), i),
+    (i, { item: o }) => (i[o.id] = qi(e, o), i),
     {}
   ) : {};
-}, Gi = (n) => n.spineItemsManager.items$.pipe(
+}, Zi = (n) => n.spineItemsManager.items$.pipe(
   ne([]),
-  S(() => qi(n))
-), Zi = (n, e, t) => n + e * t, Ji = (n, e, t) => {
+  S(() => Gi(n))
+), Ji = (n, e, t) => n + e * t, Ki = (n, e, t) => {
   const { height: i, width: o } = t.layoutInfo, { top: s, left: r } = n.spine.getSpineItemSpineLayoutInfo(t);
   return n.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
@@ -2494,27 +2493,27 @@ const Hi = (n) => n.pagination.state$.pipe(
       (e.x - r + n.viewport.absoluteViewport.width) / o
     )
   );
-}, Ki = (n, e, t, i, o) => o.isReady$.pipe(
+}, Qi = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
   z(n.layoutInfo$),
   S(([s, r]) => {
-    const a = n.context, c = a.manifest?.renditionLayout === "pre-paginated", u = a.manifest?.spineItems.length || 0, l = a.manifest?.spineItems.slice(0, e).reduce((f, I) => f + (I.progressionWeight ?? 0), 0) || 0, d = n.spineItemsManager.getSpineItemIndex(o) ?? 0, p = n.context.manifest?.spineItems.length ?? 0, g = r.pages.filter((f) => f.itemIndex === d).length ?? 0, h = a.manifest?.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
+    const a = n.context, c = a.manifest?.renditionLayout === "pre-paginated", u = a.manifest?.spineItems.length || 0, l = a.manifest?.spineItems.slice(0, e).reduce((f, I) => f + (I.progressionWeight ?? 0), 0) || 0, d = n.spineItemsManager.getSpineItemIndex(o) ?? 0, g = n.context.manifest?.spineItems.length ?? 0, p = r.pages.filter((f) => f.itemIndex === d).length ?? 0, h = a.manifest?.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
-    (d + 1) / p;
-    let m = (t + 1) * (h / g);
+    (d + 1) / g;
+    let m = (t + 1) * (h / p);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
-    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Ji(
+    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Ki(
       n,
       i,
       o
-    ) : m = 0, y = Zi(
+    ) : m = 0, y = Ji(
       l,
       h,
       m
-    )), e === u - 1 && t === g - 1 && y > 0.99 ? 1 : y;
+    )), e === u - 1 && t === p - 1 && y > 0.99 ? 1 : y;
   })
-), Qi = (n) => n.spine.layout$.pipe(
+), eo = (n) => n.spine.layout$.pipe(
   Ie(10, re),
   z(n.pagination.state$),
   S(() => ({
@@ -2527,12 +2526,12 @@ const Hi = (n) => n.pagination.state$.pipe(
      */
     numberOfTotalPages: n.spine.pages.value.pages.length
   })),
-  N(O),
+  R(O),
   ne({
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), eo = (n, e, t, i) => {
+), to = (n, e, t, i) => {
   const o = e.beginSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.beginSpineItemIndex) : void 0, s = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
   return v({
     ...e,
@@ -2563,7 +2562,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, to = (n) => j([
+}, no = (n) => j([
   n.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
@@ -2572,7 +2571,7 @@ const Hi = (n) => n.pagination.state$.pipe(
 ]).pipe(
   w(([e]) => {
     const t = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
-    return t ? Ki(
+    return t ? Qi(
       n,
       e.endSpineItemIndex ?? 0,
       e.endPageIndexInSpineItem || 0,
@@ -2580,8 +2579,8 @@ const Hi = (n) => n.pagination.state$.pipe(
       t
     ) : v(0);
   })
-), no = (n) => {
-  const e = Gi(n), t = Qi(n), i = new q({
+), io = (n) => {
+  const e = Zi(n), t = eo(n), i = new q({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2599,10 +2598,10 @@ const Hi = (n) => n.pagination.state$.pipe(
   }), o = j([
     n.pagination.state$,
     e,
-    to(n)
+    no(n)
   ]).pipe(
     w(
-      ([r, a, c]) => eo(
+      ([r, a, c]) => to(
         n,
         r,
         a,
@@ -2614,7 +2613,7 @@ const Hi = (n) => n.pagination.state$.pipe(
         }))
       )
     ),
-    N(O)
+    R(O)
   );
   return { paginationInfo$: j([
     o,
@@ -2632,12 +2631,12 @@ const Hi = (n) => n.pagination.state$.pipe(
         r.endPageIndexInSpineItem ?? 0
       )
     })),
-    $((r) => {
+    x((r) => {
       i.next(r);
     }),
     J(1)
   ), getPaginationInfo: () => i.value };
-}, he = (n) => We({
+}, de = (n) => We({
   spineIndex: n.index,
   spineId: n.id
 }), Wt = ({
@@ -2646,7 +2645,7 @@ const Hi = (n) => n.pagination.state$.pipe(
   item: t
 }) => {
   const i = "ownerDocument" in n ? n.ownerDocument : n.startContainer.ownerDocument;
-  return !i || !i?.documentElement || n === i ? he(t) : On(n) ? We({
+  return !i || !i?.documentElement || n === i ? de(t) : On(n) ? We({
     start: {
       node: n.startContainer,
       offset: n.startOffset,
@@ -2666,26 +2665,20 @@ const Hi = (n) => n.pagination.state$.pipe(
     spineId: t.id
   });
 }, He = ({
-  pageIndex: n,
-  spineItem: e,
-  spine: t
-}) => {
-  const o = t.pages.value.pages.find(
-    (r) => r.itemIndex === e.index && r.pageIndex === n
-  )?.firstVisibleNode, s = e.renderer.getDocumentFrame();
-  return o && s instanceof HTMLIFrameElement && s.contentWindow?.document ? Wt({
-    nodeOrRange: o.node,
-    offset: o.offset,
-    item: e.item
-  }).trim() : he(e.item);
-}, io = (n, e) => Wt({
+  spineItem: n,
+  pageNode: e
+}) => Wt({
+  nodeOrRange: e.node,
+  offset: e.offset,
+  item: n
+}).trim(), oo = (n, e) => Wt({
   nodeOrRange: n,
   item: e
-}), Zs = (n) => n.index.toString(), pt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
+}), Js = (n) => n.index.toString(), pt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
   const e = Mt(n);
   return wn(e);
-}, oo = (n) => Array.isArray(n) ? n[0] && pt(n[0]) ? n[0] : void 0 : n.parent[0] && pt(n.parent[0]) ? n.parent[0] : void 0, it = (n) => {
-  const e = Mt(n), s = ((oo(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
+}, so = (n) => Array.isArray(n) ? n[0] && pt(n[0]) ? n[0] : void 0 : n.parent[0] && pt(n.parent[0]) ? n.parent[0] : void 0, it = (n) => {
+  const e = Mt(n), s = ((so(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     itemIndex: s,
@@ -2734,7 +2727,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     spineItem: o,
     node: null
   };
-}, so = (n, e) => {
+}, ro = (n, e) => {
   if ("cfi" in e) {
     const { itemIndex: s, ...r } = n.cfi.parseCfi(e.cfi);
     return {
@@ -2747,14 +2740,14 @@ const Hi = (n) => n.pagination.state$.pipe(
   const t = n.spineItemsManager.get(e);
   if (!t)
     throw new Error("Spine item not found");
-  const i = he(t.item);
+  const i = de(t.item);
   return {
     ...n.cfi.parseCfi(i),
-    cfi: he(t.item),
+    cfi: de(t.item),
     itemIndex: t.index,
     node: null
   };
-}, ro = (n, e) => {
+}, ao = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
   return s ? et().pipe(
@@ -2787,7 +2780,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     })
   ) : v({ ...n, itemIndex: i, ...o });
 };
-class ao {
+class co {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (t) => {
       const i = this.locatorsByKey.get(t);
@@ -2795,13 +2788,13 @@ class ao {
     }, this.locate = (t, i) => {
       const o = {
         resource: t,
-        meta: so(this.reader, t)
+        meta: ro(this.reader, t)
       };
       return at(() => {
         const s = this.reader.spineItemsManager.get(
           o.meta.itemIndex ?? 0
         ), r = s?.renditionLayout === "reflowable", a = i.mode === "shallow" || !r || !s ? () => {
-        } : this.reader.spine.spineItemsLoader.forceOpen([s.index]), c = "cfi" in t ? t.cfi : void 0, u = c ? this.locatorsByKey.get(c) : void 0, l = (p) => p.pipe(
+        } : this.reader.spine.spineItemsLoader.forceOpen([s.index]), c = "cfi" in t ? t.cfi : void 0, u = c ? this.locatorsByKey.get(c) : void 0, l = (g) => g.pipe(
           me(() => {
             c && this.deregisterMemoizedStream(c), setTimeout(() => {
               a();
@@ -2811,19 +2804,19 @@ class ao {
         if (c && u)
           return u.observerCount++, l(
             u.consolidate$.pipe(
-              S(({ resource: p, meta: g }) => ({
-                resource: p,
-                meta: g
+              S(({ resource: g, meta: p }) => ({
+                resource: g,
+                meta: p
               }))
             )
           );
         const d = this.reader.spine.layout$.pipe(
           Ie(10),
           ne(o),
-          an((p) => ro(p.meta, this.reader).pipe(
-            S((g) => ({
-              ...p,
-              meta: g
+          an((g) => ao(g.meta, this.reader).pipe(
+            S((p) => ({
+              ...g,
+              meta: p
             }))
           ), o),
           J({ refCount: !0, bufferSize: 1 })
@@ -2843,10 +2836,10 @@ class ao {
     ) : this.locate(e, t ?? {});
   }
 }
-const co = (n) => (e) => {
-  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = no(t);
+const uo = (n) => (e) => {
+  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = io(t);
   i.pipe(T(t.$.destroy$)).subscribe();
-  const s = new ao(t);
+  const s = new co(t);
   return {
     ...t,
     locateResource: s.locateResource.bind(s),
@@ -2860,19 +2853,19 @@ const co = (n) => (e) => {
       }
     }
   };
-}, uo = (n) => ({
+}, lo = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
-    u.onerror = (p) => {
-      c(p);
+    u.onerror = (g) => {
+      c(g);
     }, u.oncomplete = () => {
       a();
     };
     const d = u.objectStore("store").put(r, s);
     d.onsuccess = () => {
       a();
-    }, d.onerror = (p) => {
-      c(p);
+    }, d.onerror = (g) => {
+      c(g);
     };
   }),
   keys: () => new Promise((s, r) => {
@@ -2917,13 +2910,13 @@ const co = (n) => (e) => {
   i.onerror = (o) => {
     t(o);
   }, i.onsuccess = () => {
-    e(uo(i.result));
+    e(lo(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), lo = (n) => {
+}), po = (n) => {
   let e = Date.now().toString();
-  const t = new R(), i = (c) => {
+  const t = new N(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
       const u = typeof c == "object" ? c.id : c;
       return n.manifest?.spineItems.find((l) => l.id === u);
@@ -2932,11 +2925,11 @@ const co = (n) => (e) => {
   }, o = async (c, u) => {
     const l = i(c);
     if (!l) return new Response("Item not found", { status: 404 });
-    const p = await (await Ve("prose-reader")).get(`${e}_${l.id}`);
-    if (p)
-      return new Response(p, { status: 200 });
-    const g = u && await u(l) || await fetch(l.href);
-    return s(l, g.clone()), g;
+    const g = await (await Ve("prose-reader")).get(`${e}_${l.id}`);
+    if (g)
+      return new Response(g, { status: 200 });
+    const p = u && await u(l) || await fetch(l.href);
+    return s(l, p.clone()), p;
   }, s = (c, u) => {
     t.next({ id: c, data: u });
   };
@@ -2946,7 +2939,7 @@ const co = (n) => (e) => {
       return l ? k(
         un([Ve("prose-reader"), k(u.blob())])
       ).pipe(
-        Y(([d, p]) => k(d.put(`${e}_${l.id}`, p))),
+        Y(([d, g]) => k(d.put(`${e}_${l.id}`, g))),
         st((d) => (A.error(d), _))
       ) : _;
     }),
@@ -2979,8 +2972,8 @@ const co = (n) => (e) => {
       t.complete();
     }
   };
-}, po = (n) => (e) => {
-  const t = n(e), i = lo(t.context);
+}, go = (n) => (e) => {
+  const t = n(e), i = po(t.context);
   return {
     ...t,
     // $: {
@@ -2992,7 +2985,7 @@ const co = (n) => (e) => {
     }
     // load,
   };
-}, go = (n, e) => {
+}, ho = (n, e) => {
   const t = n.node.ownerDocument?.createRange(), i = n.node.compareDocumentPosition(e.node);
   if (t) {
     try {
@@ -3012,14 +3005,14 @@ const co = (n) => (e) => {
     }
     return t;
   }
-}, ho = ({
+}, mo = ({
   selection: n,
   spineItem: e
 }) => {
   const { anchorNode: t, anchorOffset: i, focusNode: o, focusOffset: s } = n;
   if (!(!t || !o))
     try {
-      return go(
+      return ho(
         { node: t, offset: i },
         { node: o, offset: s }
       );
@@ -3031,12 +3024,12 @@ const co = (n) => (e) => {
       return;
     }
 };
-class mo extends G {
+class fo extends G {
   constructor(e) {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
     if (!t)
-      this.selectionChange$ = ge, this.selectionOver$ = ge;
+      this.selectionChange$ = he, this.selectionOver$ = he;
     else {
       const i = ct(t.body, {
         childList: !0,
@@ -3086,11 +3079,11 @@ class mo extends G {
     }
   }
 }
-const fo = (n) => n.watch("isLoaded").pipe(
+const yo = (n) => n.watch("isLoaded").pipe(
   w(() => {
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
-    if (!e || !t) return ge;
-    const i = new mo(e);
+    if (!e || !t) return he;
+    const i = new fo(e);
     return P(
       i.selectionChange$.pipe(
         S((o) => {
@@ -3116,20 +3109,20 @@ const fo = (n) => n.watch("isLoaded").pipe(
       })
     );
   }),
-  N()
-), yo = (n) => (e) => {
+  R()
+), So = (n) => (e) => {
   const t = n(e);
   let i;
   const o = t.spineItemsManager.items$.pipe(
     w((l) => {
-      const d = l.map((p) => {
-        const g = t.spineItemsManager.getSpineItemIndex(p) ?? 0;
-        return fo(p).pipe(
+      const d = l.map((g) => {
+        const p = t.spineItemsManager.getSpineItemIndex(g) ?? 0;
+        return yo(g).pipe(
           S((h) => {
             if (h)
               return {
                 ...h,
-                itemIndex: g
+                itemIndex: p
               };
           })
         );
@@ -3137,19 +3130,19 @@ const fo = (n) => n.watch("isLoaded").pipe(
       return P(...d);
     }),
     ne(void 0),
-    N(),
-    $((l) => {
+    R(),
+    x((l) => {
       i = l;
     }),
     J({ refCount: !0, bufferSize: 1 })
   ), s = o, r = o.pipe(
     S((l) => !!l),
-    N(),
+    R(),
     C((l) => l),
     D()
   ), a = r.pipe(
     w(() => s),
-    N(),
+    R(),
     C((l) => !l),
     D()
   ), c = o.pipe(
@@ -3172,7 +3165,7 @@ const fo = (n) => n.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: ho
+      createOrderedRangeFromSelection: mo
     }
   };
 }, gt = [
@@ -3190,7 +3183,7 @@ const fo = (n) => n.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], So = (n) => (e) => {
+], Io = (n) => (e) => {
   const t = n(e), i = new q(
     e.theme ?? "bright"
   ), o = () => {
@@ -3255,7 +3248,7 @@ const fo = (n) => n.watch("isLoaded").pipe(
       }
     }
   };
-}, Io = (n) => (e) => {
+}, bo = (n) => (e) => {
   const t = n(e);
   return {
     ...t,
@@ -3269,7 +3262,7 @@ const fo = (n) => n.watch("isLoaded").pipe(
   };
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const bo = (n) => (e) => n(e), vo = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}", ht = (n, e, t) => {
+const vo = (n) => (e) => n(e), wo = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}", ht = (n, e, t) => {
   const { clientWidth: i, clientHeight: o } = t.value.element, s = {
     maxX: 0,
     minX: i * (1 - e),
@@ -3280,11 +3273,11 @@ const bo = (n) => (e) => n(e), vo = "[data-prose-reader-scroll-navigator][data-p
     x: Math.min(Math.max(n.x, s.minX), s.maxX),
     y: Math.min(Math.max(n.y, s.minY), s.maxY)
   };
-}, wo = (n, e, t) => {
+}, Po = (n, e, t) => {
   t.style.transformOrigin = "0 0";
   const i = `translate3d(${e.x}px, ${e.y}px, 0px)`, o = `scale(${n})`;
   t.style.transform = `${i} ${o}`;
-}, Po = (n, e, t, i) => {
+}, xo = (n, e, t, i) => {
   const o = e / n, s = t.clientWidth, r = t.clientHeight, a = s / 2 - i.x, c = r / 2 - i.y;
   return {
     x: i.x + a * (1 - o),
@@ -3298,27 +3291,27 @@ class Ht {
 }
 class mt extends Ht {
 }
-class xo extends Ht {
+class $o extends Ht {
   constructor() {
     super(...arguments), this.__symbol = /* @__PURE__ */ Symbol("UnboundScrollPosition");
   }
 }
-class $o extends Q {
+class To extends Q {
   constructor(e, t, i, o, s) {
     super({
       element: void 0
-    }), this.viewport = e, this.settings = t, this.hookManager = i, this.spine = o, this.context = s, this.navigateSubject = new R(), this.scrollingSubject = new q(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({
+    }), this.viewport = e, this.settings = t, this.hookManager = i, this.spine = o, this.context = s, this.navigateSubject = new N(), this.scrollingSubject = new q(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({
       position: d
     }) => {
-      const p = this.value.element;
+      const g = this.value.element;
       this.scrollingSubject.next(!0);
-      const g = this.fromSpinePosition(d);
-      p?.scrollTo({
-        left: g.x,
-        top: g.y,
+      const p = this.fromSpinePosition(d);
+      g?.scrollTo({
+        left: p.x,
+        top: p.y,
         behavior: "instant"
       }), Te(1).pipe(
-        $(() => {
+        x(() => {
           this.scrollingSubject.next(!1);
         }),
         T(P(this.scrollingSubject.pipe(Ft(1)), this.destroy$))
@@ -3326,19 +3319,19 @@ class $o extends Q {
     };
     const r = this.context.pipe(
       Ke(["rootElement"]),
-      $(({ rootElement: d }) => {
+      x(({ rootElement: d }) => {
         if (!d) return;
-        const p = document.createElement("div");
-        p.setAttribute(`data-${si}`, ""), p.appendChild(this.viewport.value.element), d.appendChild(p), this.update({ element: p });
+        const g = document.createElement("div");
+        g.setAttribute(`data-${ri}`, ""), g.appendChild(this.viewport.value.element), d.appendChild(g), this.update({ element: g });
       })
     ), a = j([
       t.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      $(([{ computedPageTurnMode: d }, p]) => {
-        p && (d === "scrollable" ? p.style.display = "block" : p.style.display = "contents");
+      x(([{ computedPageTurnMode: d }, g]) => {
+        g && (d === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
       })
-    ), c = this.navigateSubject.pipe($(this.setViewportPosition));
+    ), c = this.navigateSubject.pipe(x(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
       ne(!1),
       w(() => P(v(!0), v(!1))),
@@ -3361,14 +3354,14 @@ class $o extends Q {
           ne(!0)
         )
       ),
-      N(),
+      R(),
       ne(!1)
     ), l = j([
       u,
       this.isScrolling$
     ]).pipe(
       S(
-        ([d, p]) => d || p
+        ([d, g]) => d || g
       ),
       J(1)
     );
@@ -3377,12 +3370,12 @@ class $o extends Q {
       w(
         (d) => t.watch(["computedPageTurnMode"]).pipe(
           w(
-            ({ computedPageTurnMode: p }) => p === "controlled" ? ge : X(d, "scroll").pipe(
+            ({ computedPageTurnMode: g }) => g === "controlled" ? he : X(d, "scroll").pipe(
               z(l),
               C(
-                ([, g]) => !g
+                ([, p]) => !p
               ),
-              S(([g]) => g)
+              S(([p]) => p)
             )
           )
         )
@@ -3418,14 +3411,14 @@ class $o extends Q {
     });
   }
 }
-const To = (n, e, t, i, o) => {
-  const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, d = t / e, p = u * d, g = l * d, h = p - s / 2 + i, m = g - r / 2 + o;
-  return new xo({
+const Fo = (n, e, t, i, o) => {
+  const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, d = t / e, g = u * d, p = l * d, h = g - s / 2 + i, m = p - r / 2 + o;
+  return new $o({
     x: h,
     y: m
   });
-}, Fo = (n, e) => {
-  const t = e.viewport, i = e.navigation.scrollNavigationController, o = t.value.element, s = i.value.element, r = i.value.element, a = Math.round(t.scaleFactor * 100) / 100, c = o.offsetLeft, u = o.offsetTop, l = To(
+}, Lo = (n, e) => {
+  const t = e.viewport, i = e.navigation.scrollNavigationController, o = t.value.element, s = i.value.element, r = i.value.element, a = Math.round(t.scaleFactor * 100) / 100, c = o.offsetLeft, u = o.offsetTop, l = Fo(
     s ?? An(),
     a,
     n,
@@ -3436,20 +3429,20 @@ const To = (n, e, t, i, o) => {
     `data-${W}-zooming-direction`,
     d
   ), n < 1 ? o.style.transformOrigin = "top" : n > 1 && (o.style.transformOrigin = `${c}px ${u}px`), o.style.transform = `scale(${n})`;
-  const p = i.fromScrollPosition(
+  const g = i.fromScrollPosition(
     l
   );
   e.navigation.navigate({
-    position: p
+    position: g
   });
 }, we = 200;
-class Lo extends Q {
+class Mo extends Q {
   constructor(e) {
     super({
       isZooming: !1,
       currentScale: 1,
       currentPosition: { x: 0, y: 0 }
-    }), this.reader = e, this.enterSubject = new R(), this.exitSubject = new R();
+    }), this.reader = e, this.enterSubject = new N(), this.exitSubject = new N();
     const t = this.enterSubject.pipe(
       w((o) => {
         const { scale: s = 1, animate: r = !1 } = o ?? {}, a = this.reader.viewport.value.element;
@@ -3464,7 +3457,7 @@ class Lo extends Q {
           currentScale: 1,
           currentPosition: { x: 0, y: 0 }
         }), this.updateZoom(s), s !== 1 && this.isControlled ? Te(o?.animate ? we : 0).pipe(
-          $(() => {
+          x(() => {
             this.reader.layout();
           })
         ) : _;
@@ -3483,7 +3476,7 @@ class Lo extends Q {
         ), o?.animate && this.isControlled && (s.style.transition = `transform ${we}ms`), this.updateZoom(1, { x: 0, y: 0 }), s.style.transform = "", this.mergeCompare({
           isZooming: !1
         }), Te(o?.animate ? we : 0).pipe(
-          $(() => {
+          x(() => {
             const r = this.reader.viewport.value.element;
             r.style.transformOrigin = "", r.style.transition = "", this.isControlled && this.reader.layout();
           }),
@@ -3513,7 +3506,7 @@ class Lo extends Q {
   }
   updateZoom(e, t, i) {
     if (this.isControlled) {
-      const o = t || Po(
+      const o = t || xo(
         this.value.currentScale,
         e,
         this.viewport.element,
@@ -3529,11 +3522,11 @@ class Lo extends Q {
     });
   }
   applyZoom(e, t) {
-    this.isControlled ? wo(
+    this.isControlled ? Po(
       e,
       t,
       this.viewport.element
-    ) : Fo(e, this.reader);
+    ) : Lo(e, this.reader);
   }
   get isControlled() {
     return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -3545,9 +3538,9 @@ class Lo extends Q {
     return this.reader.viewport.value;
   }
 }
-const ft = `${Vt}-enhancer-zoom`, Mo = (n) => (e) => {
-  const t = n(e), i = new Lo(t);
-  Ce(document, ft, vo);
+const ft = `${Vt}-enhancer-zoom`, Co = (n) => (e) => {
+  const t = n(e), i = new Mo(t);
+  Ce(document, ft, wo);
   const o = () => {
     Ee(document, ft), i.destroy(), t.destroy();
   }, s = i;
@@ -3566,10 +3559,10 @@ const ft = `${Vt}-enhancer-zoom`, Mo = (n) => (e) => {
     }
   };
 }, Bt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
-class Co {
+class Eo {
   constructor() {
     this.navigationSubject = new ot(1), this.viewportStateSubject = new q("free"), this.paginationSubject = new ot(), this.navigationIsLockedSubject = new q(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
-      N(),
+      R(),
       C((e) => !e)
     ), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
       C((e) => e === "free")
@@ -3578,13 +3571,13 @@ class Co {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-class Eo extends Q {
+class Do extends Q {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new Co(), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new Eo(), this.manifest$ = this.pipe(
       ie((e) => e.manifest),
-      de(Z),
+      pe(Z),
       be()
     ), this.isRTL = () => this.value.manifest?.readingDirection === "rtl";
   }
@@ -3606,7 +3599,7 @@ class Eo extends Q {
     return this.manifest?.readingDirection;
   }
 }
-class Do extends Q {
+class Ao extends Q {
   constructor(e, t) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3623,7 +3616,7 @@ class Do extends Q {
         renditionLayout: i?.renditionLayout,
         computedPageTurnMode: s
       })),
-      N(O),
+      R(O),
       S(
         ({
           hasVerticalWriting: i,
@@ -3641,7 +3634,7 @@ class Do extends Q {
     ).subscribe(this.next.bind(this));
   }
 }
-class Ao {
+class No {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3672,8 +3665,8 @@ class Ao {
       (r) => e === r.name
     ).map((r) => {
       let a = () => v(void 0);
-      const c = new R(), u = (p) => {
-        a = p;
+      const c = new N(), u = (g) => {
+        a = g;
       }, l = () => (c.next(), c.complete(), a() ?? v(void 0)), d = r.runFn({
         // biome-ignore lint/suspicious/noExplicitAny: TODO
         ...i,
@@ -3703,25 +3696,25 @@ class Ao {
     return j(s);
   }
 }
-const Ro = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", No = (n) => ({
+const Ro = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", Oo = (n) => ({
   x: -n.x,
   y: -n.y
-}), Oo = (n) => n instanceof DOMMatrix ? new M({
+}), Vo = (n) => n instanceof DOMMatrix ? new M({
   x: -n.e,
   y: -n.f
 }) : new M({
   x: -n.x,
   y: -n.y
-}), Vo = "navigation/ViewportNavigator", yt = A.namespace(Vo);
-class jo extends G {
+}), jo = "navigation/ViewportNavigator", yt = A.namespace(jo);
+class ko extends G {
   constructor(e, t, i, o, s) {
-    super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new R(), this.element$ = new q(
+    super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new N(), this.element$ = new q(
       document.createElement("div")
     );
     const r = this.spine.element$.pipe(
       C(Z),
       z(this.element$),
-      $(([l, d]) => {
+      x(([l, d]) => {
         d.style.cssText = `
           height: 100%;
           width: 100%;
@@ -3736,18 +3729,18 @@ class jo extends G {
       a,
       this.element$
     ]).pipe(
-      $(([, l]) => {
+      x(([, l]) => {
         e.values.computedPageTurnMode === "scrollable" ? l.style.display = "contents" : l.style.display = "block";
       })
     );
     this.layout$ = c.pipe(
-      $(() => {
+      x(() => {
         yt.info("layout", e.values);
       }),
       D()
     );
     const u = this.navigateSubject.pipe(
-      $((l) => {
+      x((l) => {
         yt.info("Navigation requested", l);
       })
     );
@@ -3763,9 +3756,9 @@ class jo extends G {
         return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), P(
           v(!0),
           v(null).pipe(
-            pe(() => {
+            ge(() => {
               if (l?.type !== "manualAdjust") return v(!1);
-              const p = l.animation === "snap" ? e.values.snapAnimationDuration : e.values.computedPageTurnAnimationDuration, g = l.animation === "snap" ? "slide" : e.values.computedPageTurnAnimation;
+              const g = l.animation === "snap" ? e.values.snapAnimationDuration : e.values.computedPageTurnAnimationDuration, p = l.animation === "snap" ? "slide" : e.values.computedPageTurnAnimation;
               return v(l).pipe(
                 /**
                  * @important
@@ -3776,14 +3769,14 @@ class jo extends G {
                  * However when user is repeatedly turning page, we can improve smoothness by delaying a bit the adjustment
                  */
                 l.shouldAnimate ? Pe(1, re) : xe,
-                $((h) => {
+                x((h) => {
                   const m = this.element$.getValue();
-                  h.shouldAnimate ? g === "fade" ? (m.style.setProperty(
+                  h.shouldAnimate ? p === "fade" ? (m.style.setProperty(
                     "transition",
-                    `opacity ${p / 2}ms`
-                  ), m.style.setProperty("opacity", "0")) : (l.animation === "snap" || g === "slide") && (m.style.setProperty(
+                    `opacity ${g / 2}ms`
+                  ), m.style.setProperty("opacity", "0")) : (l.animation === "snap" || p === "slide") && (m.style.setProperty(
                     "transition",
-                    `transform ${p}ms`
+                    `transform ${g}ms`
                   ), m.style.setProperty("opacity", "1")) : (m.style.setProperty("transition", "none"), m.style.setProperty("opacity", "1"));
                 }),
                 /**
@@ -3794,17 +3787,17 @@ class jo extends G {
                  * need to adjust to anchor to the payload position. This is because we use viewport computed position,
                  * not the value set by `setProperty`
                  */
-                $((h) => {
-                  g !== "fade" && this.setViewportPosition(h.position);
+                x((h) => {
+                  p !== "fade" && this.setViewportPosition(h.position);
                 }),
-                l.shouldAnimate ? Pe(p / 2, re) : xe,
-                $((h) => {
+                l.shouldAnimate ? Pe(g / 2, re) : xe,
+                x((h) => {
                   const m = this.element$.getValue();
-                  g === "fade" && (this.setViewportPosition(h.position), m.style.setProperty("opacity", "1"));
+                  p === "fade" && (this.setViewportPosition(h.position), m.style.setProperty("opacity", "1"));
                 }),
-                l.shouldAnimate ? Pe(p / 2, re) : xe,
-                $((h) => {
-                  g === "fade" && this.setViewportPosition(h.position);
+                l.shouldAnimate ? Pe(g / 2, re) : xe,
+                x((h) => {
+                  p === "fade" && this.setViewportPosition(h.position);
                 })
               );
             }),
@@ -3825,7 +3818,7 @@ class jo extends G {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = No(e);
+    const t = this.element$.getValue(), i = Oo(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3840,10 +3833,10 @@ class jo extends G {
     if (!i || i === "none")
       return new M({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return Oo(o);
+    return Vo(o);
   }
 }
-const ko = () => (n) => n.pipe(
+const Uo = () => (n) => n.pipe(
   S(({ navigation: e, pagination: t, ...i }) => ({
     navigation: {
       ...e,
@@ -3851,7 +3844,7 @@ const ko = () => (n) => n.pipe(
     },
     ...i
   }))
-), Uo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
+), zo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
   z(e),
   C(
     ([i, o]) => i.navigationId === o.id
@@ -3868,8 +3861,8 @@ const ko = () => (n) => n.pipe(
       navigation: o
     }))
   )),
-  ko(),
-  N(
+  Uo(),
+  R(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
   S(
@@ -3880,7 +3873,7 @@ const ko = () => (n) => n.pipe(
       }
     })
   )
-), zo = ({ navigationResolver: n }) => (e) => e.pipe(
+), Wo = ({ navigationResolver: n }) => (e) => e.pipe(
   S(([t, i]) => {
     const o = {
       type: "api",
@@ -3917,7 +3910,7 @@ const ko = () => (n) => n.pipe(
       navigation: o
     };
   })
-), Wo = ({ navigationResolver: n }) => (e) => e.pipe(
+), _o = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.cfi) {
       const i = n.getNavigationForCfi(
@@ -3934,16 +3927,16 @@ const ko = () => (n) => n.pipe(
     }
     return t;
   })
-), _o = ({
+), Ho = ({
   navigation: n,
   previousNavigation: e,
   settings: t
-}) => n.directionFromLastNavigation ? n.directionFromLastNavigation : n.url !== void 0 || n.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || n.spineItem || !n.position ? "forward" : t.values.computedPageTurnDirection === "vertical" ? n.position.y > e.position.y || n.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(n.position.x) > Math.abs(e.position.x) || n.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Ho = ({
+}) => n.directionFromLastNavigation ? n.directionFromLastNavigation : n.url !== void 0 || n.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || n.spineItem || !n.position ? "forward" : t.values.computedPageTurnDirection === "vertical" ? n.position.y > e.position.y || n.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(n.position.x) > Math.abs(e.position.x) || n.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Bo = ({
   context: n,
   settings: e
 }) => (t) => t.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const s = _o({
+    const s = Ho({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -3957,7 +3950,7 @@ const ko = () => (n) => n.pipe(
       direction: s
     };
   })
-), Bo = ({
+), Xo = ({
   spineItemsManager: n,
   navigationResolver: e,
   settings: t
@@ -4012,23 +4005,23 @@ const ko = () => (n) => n.pipe(
       spineItem: c,
       cfi: u,
       directionFromLastNavigation: l
-    } = r, { navigationSnapThreshold: d, computedPageTurnMode: p } = n.values;
+    } = r, { navigationSnapThreshold: d, computedPageTurnMode: g } = n.values;
     if (c !== void 0) {
-      const g = e.get(c);
-      if (g) return g;
+      const p = e.get(c);
+      if (p) return p;
     }
     if (typeof c == "number")
       return c > e.items.length - 1 ? e.get(e.items.length - 1) : e.get(0);
     if (u) {
-      const g = e.getSpineItemFromCfi(u);
-      if (g) return g;
+      const p = e.getSpineItemFromCfi(u);
+      if (p) return p;
     }
-    if (a && p === "controlled") {
-      const { beginIndex: g, endIndex: h } = i.getVisibleSpineItemsFromPosition({
+    if (a && g === "controlled") {
+      const { beginIndex: p, endIndex: h } = i.getVisibleSpineItemsFromPosition({
         position: a,
         threshold: d,
         restrictToScreen: !1
-      }) ?? {}, m = (l === "forward" || l === "anchor" ? h : g) ?? g, y = e.get(m);
+      }) ?? {}, m = (l === "forward" || l === "anchor" ? h : p) ?? p, y = e.get(m);
       if (!y) return;
       const { endPageIndex: f, beginPageIndex: I } = i.getVisiblePagesFromViewportPosition({
         position: a,
@@ -4038,14 +4031,14 @@ const ko = () => (n) => n.pipe(
       }) ?? {}, b = (l === "forward" || l === "anchor" ? f : I) ?? 0, F = t.getNavigationForSpineItemPage({
         pageIndex: b,
         spineItemId: y
-      }), x = i.getVisibleSpineItemsFromPosition({
+      }), $ = i.getVisibleSpineItemsFromPosition({
         position: F,
         threshold: d,
         restrictToScreen: !1
-      }), L = l === "forward" || l === "anchor" ? x?.beginIndex : x?.endIndex;
+      }), L = l === "forward" || l === "anchor" ? $?.beginIndex : $?.endIndex;
       return e.get(L);
     }
-    return a && p === "scrollable" ? i.getSpineItemFromPosition(a) : e.get(0);
+    return a && g === "scrollable" ? i.getSpineItemFromPosition(a) : e.get(0);
   };
   return o.pipe(
     S(({ navigation: r, ...a }) => {
@@ -4097,11 +4090,11 @@ const ko = () => (n) => n.pipe(
           spineItem: u,
           threshold: a,
           restrictToScreen: !1
-        }) ?? {}, p = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? l : d) ?? 0, g = i.getNavigationForSpineItemPage({
-          pageIndex: p,
+        }) ?? {}, g = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? l : d) ?? 0, p = i.getNavigationForSpineItemPage({
+          pageIndex: g,
           spineItemId: u
         }), h = t.getVisiblePagesFromViewportPosition({
-          position: g,
+          position: p,
           spineItem: u,
           threshold: { type: "percentage", value: 0 },
           restrictToScreen: !0
@@ -4126,7 +4119,7 @@ const ko = () => (n) => n.pipe(
       ...a
     }))
   );
-}, Xo = ({ navigationResolver: n }) => (e) => e.pipe(
+}, Yo = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.url) {
       const i = n.getNavigationForUrl(
@@ -4149,7 +4142,7 @@ class Xt {
   constructor() {
     this.isLockedSubject = new q(0), this.isLocked$ = this.isLockedSubject.pipe(
       S((e) => !!e),
-      N()
+      R()
     );
   }
   lock() {
@@ -4159,7 +4152,7 @@ class Xt {
     };
   }
 }
-const Yo = ({
+const qo = ({
   spineLocator: n,
   navigation: e,
   navigationResolver: t,
@@ -4177,46 +4170,46 @@ const Yo = ({
       if (e.url !== void 0 && (u || l || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
       r && !e.spineItemIsReady)) {
-        const g = t.getNavigationForUrl(
+        const p = t.getNavigationForUrl(
           e.url
         );
-        if (g)
-          return g.position;
+        if (p)
+          return p.position;
       }
-      const p = e.cfi ?? e.paginationBeginCfi;
-      if (p !== void 0 && !Be(p) && (u || l || // when spine item is ready dimensions may have not changed but the position
+      const g = e.cfi ?? e.paginationBeginCfi;
+      if (g !== void 0 && !Be(g) && (u || l || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
       r && !e.spineItemIsReady)) {
-        const g = t.getNavigationForCfi(p);
-        if (g)
-          return g;
+        const p = t.getNavigationForCfi(g);
+        if (p)
+          return p;
       }
       if (c && d && e.directionFromLastNavigation === "backward") {
-        const g = new E({
+        const p = new E({
           x: (e.positionInSpineItem?.x ?? 0) + u,
           y: (e.positionInSpineItem?.y ?? 0) + l
         });
         return t.getNavigationFromSpineItemPosition({
           spineItem: s,
-          spineItemPosition: g
+          spineItemPosition: p
         });
       }
       if (e.positionInSpineItem && e.spineItemHeight && e.spineItemWidth) {
-        const g = n.spineItemLocator.getSpineItemPageIndexFromPosition({
+        const p = n.spineItemLocator.getSpineItemPageIndexFromPosition({
           itemWidth: e.spineItemWidth,
           itemHeight: e.spineItemHeight,
           isUsingVerticalWriting: !!e.spineItemIsUsingVerticalWriting,
           position: e.positionInSpineItem
         });
         return t.getNavigationForSpineItemPage({
-          pageIndex: g,
+          pageIndex: p,
           spineItemId: s
         });
       }
       return c ? t.getNavigationForPosition(e.position) : t.getNavigationForSpineIndexOrId(s);
     })
   ) : v(new M({ x: 0, y: 0 }));
-}, qo = ({
+}, Go = ({
   navigation: n,
   spineLocator: e,
   spineItemsManager: t,
@@ -4239,7 +4232,7 @@ const Yo = ({
     if (u === n.spineItemTop && c === n.spineItemHeight && !l)
       return o.getNavigationForSpineIndexOrId(a);
     if (u !== n.spineItemTop) {
-      const p = e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
+      const g = e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
         n.positionInSpineItem ?? new E({
           x: 0,
           y: 0
@@ -4247,18 +4240,18 @@ const Yo = ({
         a
       );
       return e.getSpinePositionFromSpineItemPosition({
-        spineItemPosition: p,
+        spineItemPosition: g,
         spineItem: a
       });
     }
     if (u === n.spineItemTop && c !== n.spineItemHeight) {
-      const p = (n.spineItemHeight ?? d.y) - d.y, g = new E({
-        y: n.directionFromLastNavigation === "backward" ? c - p : d.y,
+      const g = (n.spineItemHeight ?? d.y) - d.y, p = new E({
+        y: n.directionFromLastNavigation === "backward" ? c - g : d.y,
         x: n.position.x
       });
       if (l) {
         const h = e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
-          g,
+          p,
           a
         );
         return e.getSpinePositionFromSpineItemPosition({
@@ -4269,7 +4262,7 @@ const Yo = ({
       if (!l) {
         if (!(n.position.y < u)) {
           const m = new E({
-            y: c - p,
+            y: c - g,
             x: n.position.x
           });
           return e.getSpinePositionFromSpineItemPosition({
@@ -4285,7 +4278,7 @@ const Yo = ({
     }
   }
   return n.position;
-}, Go = ({
+}, Zo = ({
   navigation: n,
   spineItemsManager: e,
   settings: t,
@@ -4293,7 +4286,7 @@ const Yo = ({
   navigationResolver: o,
   spine: s
 }) => t.values.computedPageTurnMode === "scrollable" ? v(
-  qo({
+  Go({
     navigation: n,
     spineLocator: i,
     navigationResolver: o,
@@ -4301,7 +4294,7 @@ const Yo = ({
     spineItemsManager: e,
     spine: s
   })
-) : Yo({
+) : qo({
   navigation: n,
   spineLocator: i,
   navigationResolver: o,
@@ -4313,7 +4306,7 @@ const Yo = ({
   context: t,
   spine: i
 }) => (o) => o.pipe(
-  w((s) => Go({
+  w((s) => Zo({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4330,8 +4323,8 @@ const Yo = ({
       }
     }))
   ))
-), Zo = "navigation/InternalNavigator", Jo = A.namespace(Zo);
-class Ko extends G {
+), Jo = "navigation/InternalNavigator", Ko = A.namespace(Jo);
+class Qo extends G {
   constructor(e, t, i, o, s, r, a, c) {
     super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.controlledNavigationController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isRestorationLocked$ = c, this.navigationSubject = new q({
       animation: !1,
@@ -4347,31 +4340,31 @@ class Ko extends G {
         position: f,
         id: I
       })),
-      N(
+      R(
         ({ position: f, ...I }, { position: b, ...F }) => O(I, F) && O(f, b)
       ),
       J(1)
     ), this.locker = new Xt();
     const u = i.pipe(
       z(this.navigationSubject),
-      zo({
+      Wo({
         navigationResolver: r
       }),
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Xo({
+      Yo({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Wo({
+      _o({
         navigationResolver: r
       }),
-      Ho({ context: t, settings: e }),
+      Bo({ context: t, settings: e }),
       St({
         navigationResolver: r,
         settings: e,
@@ -4388,7 +4381,7 @@ class Ko extends G {
         spine: a
       })
     ).pipe(
-      Bo({
+      Xo({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager,
         settings: e
@@ -4460,7 +4453,7 @@ class Ko extends G {
           P(l, u)
         )
       ))
-    ), p = P(
+    ), g = P(
       d,
       l
     ).pipe(
@@ -4505,17 +4498,17 @@ class Ko extends G {
       }),
       S(({ navigation: f }) => f),
       D()
-    ), g = Uo(
+    ), p = zo(
       t,
       this.navigationSubject,
       a
     ), h = P(
-      p,
+      g,
       u,
-      g
+      p
     ), m = (f) => f.pipe(
-      $(([I, b]) => {
-        Jo.info(
+      x(([I, b]) => {
+        Ko.info(
           `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
             previousNavigation: b,
@@ -4524,12 +4517,12 @@ class Ko extends G {
         ), this.navigationSubject.next(I);
       })
     ), y = (f) => f.pipe(
-      $(([I, b]) => {
-        const F = I.type === "scroll", x = I.meta.triggeredBy === "pagination", L = I.meta.triggeredBy === "restoration", H = O(
+      x(([I, b]) => {
+        const F = I.type === "scroll", $ = I.meta.triggeredBy === "pagination", L = I.meta.triggeredBy === "restoration", H = O(
           b.position,
           I.position
         );
-        if (F && !L || x || H)
+        if (F && !L || $ || H)
           return;
         const B = {
           position: I.position,
@@ -4573,7 +4566,7 @@ const Fe = (n, e, t) => {
 }, vt = (n, e, t) => {
   const i = [...Array(t)].map((o, s) => s * e);
   return n <= 0 || t === 0 ? 0 : n >= t * e ? t - 1 : i.findIndex((o) => n < o + e) ?? 0;
-}, Qo = ({
+}, es = ({
   itemWidth: n,
   itemHeight: e,
   spineItemPosition: t
@@ -4599,7 +4592,7 @@ const Fe = (n, e, t) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const l = Qo({
+  const l = es({
     spineItemPosition: t,
     itemHeight: e,
     itemWidth: n
@@ -4614,9 +4607,9 @@ const Fe = (n, e, t) => {
   });
   if (i)
     return vt(t.y, s, d);
-  const p = vt(l, o, d);
-  return c ? d - 1 - p : p;
-}, es = ({
+  const g = vt(l, o, d);
+  return c ? d - 1 - g : g;
+}, ts = ({
   pageIndex: n,
   itemLayout: e,
   context: t,
@@ -4654,14 +4647,14 @@ const Fe = (n, e, t) => {
   const i = (a, c, u) => {
     let l;
     a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? l = a.getBoundingClientRect().x : a && (l = (a ? Cn(a, c) : void 0)?.getBoundingClientRect().x || l);
-    const d = u.layoutInfo?.width || 0, p = t.pageSize.width;
+    const d = u.layoutInfo?.width || 0, g = t.pageSize.width;
     if (l !== void 0) {
-      const g = ke(
+      const p = ke(
         l,
-        p,
+        g,
         d
       );
-      return new E({ x: g, y: 0 });
+      return new E({ x: p, y: 0 });
     }
   };
   return {
@@ -4669,7 +4662,7 @@ const Fe = (n, e, t) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => es({
+    }) => ts({
       context: n,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layoutInfo,
@@ -4685,12 +4678,12 @@ const Fe = (n, e, t) => {
       pageTurnMode: e.values.pageTurnMode
     }),
     getSpineItemPageIndexFromNode: (a, c, u) => {
-      const l = i(a, c, u), { height: d, width: p } = u.layoutInfo;
+      const l = i(a, c, u), { height: d, width: g } = u.layoutInfo;
       return l ? wt({
         isUsingVerticalWriting: !!u.isUsingVerticalWriting(),
         position: l,
         itemHeight: d,
-        itemWidth: p,
+        itemWidth: g,
         isRTL: n.isRTL(),
         pageWidth: t.pageSize.width,
         pageHeight: t.pageSize.height,
@@ -4714,33 +4707,33 @@ const Fe = (n, e, t) => {
       });
     },
     getSpineItemPagePositionFromSpineItemPosition: (a, c, u) => {
-      const { width: l, height: d } = u.layoutInfo, p = t.pageSize.width, g = t.pageSize.height;
+      const { width: l, height: d } = u.layoutInfo, g = t.pageSize.width, p = t.pageSize.height;
       if (!!u.isUsingVerticalWriting()) {
         const y = Fe(
-          g,
+          p,
           c,
           d
         );
-        return new Ne({
+        return new Re({
           x: a.x,
           y: a.y - y
         });
       }
-      const m = Fe(p, c, l);
+      const m = Fe(g, c, l);
       if (n.isRTL()) {
-        const y = l - (c + 1) * p;
-        return new Ne({
+        const y = l - (c + 1) * g;
+        return new Re({
           x: a.x - Math.max(0, y),
           y: a.y
         });
       }
-      return new Ne({
+      return new Re({
         x: a.x - m,
         y: a.y
       });
     }
   };
-}, ts = ({
+}, ns = ({
   context: n,
   settings: e,
   viewport: t
@@ -4782,15 +4775,15 @@ function Gt({
     s || 0
   ), a = r.bottom - 1, c = Math.max(0, n.y), u = Math.min(c, a);
   if (e) {
-    const g = Math.min(o, n.x), h = Math.max(g, r.left);
+    const p = Math.min(o, n.x), h = Math.max(p, r.left);
     return new M({
       x: h,
       y: u
     });
   }
-  const l = r.right - 1, d = Math.max(0, n.x), p = Math.min(d, l);
+  const l = r.right - 1, d = Math.max(0, n.x), g = Math.min(d, l);
   return new M({
-    x: p,
+    x: g,
     y: u
   });
 }
@@ -4812,9 +4805,9 @@ const Pt = ({
     i.items.length - 1
   ), c = s.getSpineItemSpineLayoutInfo(a), u = c.bottom - t, l = Math.min(r.y, u);
   if (e) {
-    const p = Math.min(0, r.x);
+    const g = Math.min(0, r.x);
     return new M({
-      x: p,
+      x: g,
       y: l
     });
   }
@@ -4855,7 +4848,7 @@ const Pt = ({
     });
   }
   return new M({ x: 0, y: 0 });
-}, ns = ({
+}, is = ({
   pageIndex: n,
   spineItemsManager: e,
   spineItemId: t,
@@ -4885,28 +4878,28 @@ const Pt = ({
     pageSizeWidth: s.pageSize.width,
     visibleAreaRectWidth: s.absoluteViewport.width
   });
-}, is = (n, e) => {
+}, os = (n, e) => {
   if (e && e instanceof HTMLIFrameElement)
     return n.startsWith("#") ? e.contentDocument?.getElementById(
       n.replace("#", "")
     ) : e.contentDocument?.querySelector(n);
-}, os = ({
+}, ss = ({
   anchor: n,
   spineItem: e,
   spine: t
 }) => {
-  const i = is(
+  const i = os(
     n,
     e.renderer.getDocumentFrame()
   );
   return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, ss = ({
+}, rs = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
   spine: i
 }) => {
-  const o = os({
+  const o = ss({
     anchor: n,
     spineItem: e,
     spine: i
@@ -4915,7 +4908,7 @@ const Pt = ({
     spineItemPosition: new E({ x: o, y: 0 }),
     spineItem: e
   });
-}, rs = ({
+}, as = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
@@ -4923,7 +4916,7 @@ const Pt = ({
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = ss({
+  const r = rs({
     anchor: n,
     spineItem: e,
     spineLocator: t,
@@ -4934,7 +4927,7 @@ const Pt = ({
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, as = ({
+}, cs = ({
   spine: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4950,7 +4943,7 @@ const Pt = ({
     if (u) {
       const l = e.get(u.id);
       if (l) {
-        const d = rs({
+        const d = as({
           anchor: a.hash,
           spineItem: l,
           spine: n,
@@ -4973,7 +4966,7 @@ const Pt = ({
     console.error(a);
     return;
   }
-}, cs = ({
+}, us = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -4992,7 +4985,7 @@ const Pt = ({
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, us = "spineNavigator", ls = ({
+}, ls = "spineNavigator", ds = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -5000,41 +4993,41 @@ const Pt = ({
   spine: o,
   viewport: s
 }) => {
-  const r = ts({
+  const r = ns({
     context: n,
     settings: i,
     viewport: s
   });
   return {
-    getNavigationForUrl: (g) => as({
+    getNavigationForUrl: (p) => cs({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
-      url: g,
+      url: p,
       pageSizeWidth: s.pageSize.width,
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (g) => ns({
-      ...g,
+    getNavigationForSpineItemPage: (p) => is({
+      ...p,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (g) => cs({
-      ...g,
+    getNavigationFromSpineItemPosition: (p) => us({
+      ...p,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationForCfi: (g) => {
-      const h = e.getSpineItemFromCfi(g), { node: m, offset: y = 0 } = _t({
-        cfi: g,
+    getNavigationForCfi: (p) => {
+      const h = e.getSpineItemFromCfi(p), { node: m, offset: y = 0 } = _t({
+        cfi: p,
         spineItemsManager: e
       });
       if (!h) {
-        A.warn(us, `unable to detect item id from cfi ${g}`);
+        A.warn(ls, `unable to detect item id from cfi ${p}`);
         return;
       }
       const f = m ? r.getNavigationFromNode(h, m, y) : new E({ x: 0, y: 0 }), I = t.getSpinePositionFromSpineItemPosition({
@@ -5047,10 +5040,10 @@ const Pt = ({
         visibleAreaRectWidth: s.absoluteViewport.width
       });
     },
-    getNavigationForLastPage: (g) => {
-      const h = r.getNavigationForLastPage(g), m = t.getSpinePositionFromSpineItemPosition({
+    getNavigationForLastPage: (p) => {
+      const h = r.getNavigationForLastPage(p), m = t.getSpinePositionFromSpineItemPosition({
         spineItemPosition: h,
-        spineItem: g
+        spineItem: p
       });
       return te({
         position: m,
@@ -5058,8 +5051,8 @@ const Pt = ({
         visibleAreaRectWidth: s.absoluteViewport.width
       });
     },
-    getNavigationForSpineIndexOrId: (g) => {
-      const h = e.get(g);
+    getNavigationForSpineIndexOrId: (p) => {
+      const h = e.get(p);
       if (h) {
         const m = t.getSpinePositionFromSpineItem(h);
         return te({
@@ -5070,14 +5063,14 @@ const Pt = ({
       }
       return new M({ x: 0, y: 0 });
     },
-    getNavigationForPosition: (g) => Ye({
-      viewportPosition: g,
+    getNavigationForPosition: (p) => Ye({
+      viewportPosition: p,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getMostPredominantNavigationForPosition: (g) => {
-      const h = i.values.computedPageTurnDirection, m = 0.5, y = h === "horizontal" ? g.x + s.absoluteViewport.width * m : 0, f = h === "horizontal" ? 0 : g.y + s.absoluteViewport.height * m, I = Pt({
+    getMostPredominantNavigationForPosition: (p) => {
+      const h = i.values.computedPageTurnDirection, m = 0.5, y = h === "horizontal" ? p.x + s.absoluteViewport.width * m : 0, f = h === "horizontal" ? 0 : p.y + s.absoluteViewport.height * m, I = Pt({
         position: new M({
           x: y,
           y: f
@@ -5095,31 +5088,31 @@ const Pt = ({
         viewport: s
       });
     },
-    fromUnboundSpinePosition: (g) => Pt({
-      position: g,
+    fromUnboundSpinePosition: (p) => Pt({
+      position: p,
       isRTL: n.isRTL(),
       pageSizeHeight: s.pageSize.height,
       visibleAreaRectWidth: s.absoluteViewport.width,
       spineItemsManager: e,
       spine: o
     }),
-    fromOutOfBoundsSpinePosition: (g) => Gt({
-      position: g,
+    fromOutOfBoundsSpinePosition: (p) => Gt({
+      position: p,
       isRTL: n.isRTL(),
       spineItemsManager: e,
       spine: o,
       viewportWidth: s.absoluteViewport.width
     }),
-    isNavigationGoingForwardFrom: (g, h) => i.values.computedPageTurnDirection === "vertical" ? g.y > h.y : g.x > h.x,
-    arePositionsDifferent: (g, h) => g.x !== h.x || g.y !== h.y,
-    getAdjustedPositionForSpread: (g) => te({
-      position: g,
+    isNavigationGoingForwardFrom: (p, h) => i.values.computedPageTurnDirection === "vertical" ? p.y > h.y : p.x > h.x,
+    arePositionsDifferent: (p, h) => p.x !== h.x || p.y !== h.y,
+    getAdjustedPositionForSpread: (p) => te({
+      position: p,
       pageSizeWidth: s.pageSize.width,
       visibleAreaRectWidth: s.absoluteViewport.width
     }),
     spineItemNavigator: r
   };
-}, ds = ({
+}, ps = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5127,26 +5120,26 @@ const Pt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new R(), a = r.asObservable(), c = new Xt(), u = ls({
+  const r = new N(), a = r.asObservable(), c = new Xt(), u = ds({
     context: e,
     settings: o,
     spineItemsManager: n,
     locator: i.locator,
     spine: i,
     viewport: s
-  }), l = new jo(
+  }), l = new ko(
     o,
     t,
     e,
     i,
     s
-  ), d = new $o(
+  ), d = new To(
     s,
     o,
     t,
     i,
     e
-  ), p = new Ko(
+  ), g = new Qo(
     o,
     e,
     a,
@@ -5155,11 +5148,11 @@ const Pt = ({
     u,
     i,
     c.isLocked$
-  ), g = j([
+  ), p = j([
     l.isNavigating$,
     d.isNavigating$,
     c.isLocked$,
-    p.locker.isLocked$
+    g.locker.isLocked$
   ]).pipe(
     ie((y) => y.some((f) => f) ? "busy" : "free"),
     be(),
@@ -5167,14 +5160,14 @@ const Pt = ({
   );
   return {
     destroy: () => {
-      l.destroy(), p.destroy();
+      l.destroy(), g.destroy();
     },
-    getNavigation: () => p.navigation,
-    internalNavigator: p,
+    getNavigation: () => g.navigation,
+    internalNavigator: g,
     scrollNavigationController: d,
     controlledNavigationController: l,
     locker: c,
-    navigationState$: g,
+    navigationState$: p,
     navigate: (y) => {
       r.next(y);
     },
@@ -5186,10 +5179,10 @@ const Pt = ({
       return c.lock();
     },
     navigationResolver: u,
-    navigation$: p.navigation$
+    navigation$: g.navigation$
   };
 };
-class ps extends Q {
+class gs extends Q {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5207,7 +5200,7 @@ class ps extends Q {
     this.mergeCompare(e);
   }
 }
-class gs extends G {
+class hs extends G {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
     const r = P(
@@ -5226,14 +5219,14 @@ class gs extends G {
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           $t(1),
           z(this.context.bridgeEvent.navigation$),
-          $(([, u]) => {
+          x(([, u]) => {
             const { position: l } = u, d = this.pagination.value, {
-              beginIndex: p,
-              endIndex: g
+              beginIndex: g,
+              endIndex: p
             } = this.spine.locator.getVisibleSpineItemsFromPosition({
               position: l,
               threshold: { type: "percentage", value: 0.5 }
-            }) ?? {}, h = this.spineItemsManager.get(p), m = this.spineItemsManager.get(g);
+            }) ?? {}, h = this.spineItemsManager.get(g), m = this.spineItemsManager.get(p);
             if (!h || !m) return;
             const y = d.beginCfi, f = d.endCfi, { beginPageIndex: I = 0 } = c({
               spineItem: h,
@@ -5241,16 +5234,16 @@ class gs extends G {
             }) ?? {}, { endPageIndex: b = 0 } = c({
               spineItem: m,
               position: l
-            }) ?? {}, F = y === void 0 || Be(y) || d.beginSpineItemIndex !== p, x = d.endSpineItemIndex !== g || f === void 0 || Be(f), L = F ? he(h.item) : y, H = x ? he(m.item) : f, B = h.numberOfPages, se = m.numberOfPages;
+            }) ?? {}, F = y === void 0 || Be(y) || d.beginSpineItemIndex !== g, $ = d.endSpineItemIndex !== p || f === void 0 || Be(f), L = F ? de(h.item) : y, H = $ ? de(m.item) : f, B = h.numberOfPages, se = m.numberOfPages;
             this.pagination.update({
               beginCfi: L,
               beginNumberOfPagesInSpineItem: B,
               beginPageIndexInSpineItem: I,
-              beginSpineItemIndex: p,
+              beginSpineItemIndex: g,
               endCfi: H,
               endNumberOfPagesInSpineItem: se,
               endPageIndexInSpineItem: b,
-              endSpineItemIndex: g,
+              endSpineItemIndex: p,
               navigationId: u.id
             });
           })
@@ -5258,7 +5251,7 @@ class gs extends G {
       })
     ), a = r.pipe(
       De(this.context.bridgeEvent.viewportFree$),
-      $(() => {
+      x(() => {
         const {
           beginSpineItemIndex: c,
           endSpineItemIndex: u,
@@ -5267,36 +5260,42 @@ class gs extends G {
         } = this.pagination.value;
         if (l === void 0 || d === void 0 || c === void 0 || u === void 0)
           return;
-        const p = this.spineItemsManager.get(c), g = this.spineItemsManager.get(u);
-        p === void 0 || g === void 0 || this.pagination.update({
-          beginCfi: He({
-            pageIndex: l,
-            spineItem: p,
-            spine: this.spine
-          }),
-          endCfi: He({
-            pageIndex: d,
-            spineItem: g,
-            spine: this.spine
-          })
+        const g = this.spineItemsManager.get(c), p = this.spineItemsManager.get(u);
+        if (g === void 0 || p === void 0) return;
+        const h = this.spine.pages.fromSpineItemPageIndex(
+          g,
+          l
+        ), m = this.spine.pages.fromSpineItemPageIndex(
+          p,
+          d
+        );
+        this.pagination.update({
+          beginCfi: h?.firstVisibleNode ? He({
+            spineItem: g.item,
+            pageNode: h?.firstVisibleNode
+          }) : de(g.item),
+          endCfi: m?.firstVisibleNode ? He({
+            spineItem: p.item,
+            pageNode: m?.firstVisibleNode
+          }) : de(p.item)
         });
       })
     );
     P(r, a).pipe(T(this.destroy$)).subscribe();
   }
 }
-const hs = ({
+const ms = ({
   manifest: n,
   spreadMode: e
 }) => n?.renditionFlow === "scrolled-continuous" ? !1 : e;
-class ms extends G {
+class fs extends G {
   constructor(e) {
     super();
     const t = {
       ...this.getDefaultSettings(),
       ...e
     };
-    this.inputSettings = t, this.outputSettingsUpdateSubject = new R(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(J(1)), this._settings$.subscribe();
+    this.inputSettings = t, this.outputSettingsUpdateSubject = new N(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(J(1)), this._settings$.subscribe();
   }
   _prepareUpdate(e) {
     const t = $e(this.inputSettings, e), i = this.getOutputSettings(t), o = !O(this.outputSettings, i);
@@ -5326,18 +5325,18 @@ class ms extends G {
   }
   watch(e) {
     return this.values$.pipe(
-      Rt(e),
-      N(O)
+      Nt(e),
+      R(O)
     );
   }
   destroy() {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class fs extends ms {
+class ys extends fs {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
-      $(() => this.update(this.values)),
+      x(() => this.update(this.values)),
       T(this.destroy$)
     ).subscribe();
   }
@@ -5347,7 +5346,7 @@ class fs extends ms {
       computedPageTurnAnimation: e.pageTurnAnimation,
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0,
-      computedSpreadMode: hs({
+      computedSpreadMode: ms({
         spreadMode: e.spreadMode,
         manifest: t
       })
@@ -5373,7 +5372,7 @@ class fs extends ms {
     };
   }
 }
-class ys extends ye {
+class Ss extends ye {
   onUnload() {
     return _;
   }
@@ -5392,22 +5391,22 @@ class ys extends ye {
   getDocumentFrame() {
   }
 }
-class Ss extends G {
+class Is extends G {
   constructor(e, t, i, o, s, r, a) {
-    super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new R(), this.lastLayout = null, this.computeLayoutInformation = ({
+    super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new N(), this.lastLayout = null, this.computeLayoutInformation = ({
       isLastItem: u,
       horizontalOffset: l
     }) => {
-      let d = this.viewport.value.pageSize.width, p = "none";
-      const g = l % this.viewport.absoluteViewport.width === 0, h = this.context.manifest, m = Bt(h) ?? !1;
+      let d = this.viewport.value.pageSize.width, g = "none";
+      const p = l % this.viewport.absoluteViewport.width === 0, h = this.context.manifest, m = Bt(h) ?? !1;
       if (this.settings.values.computedSpreadMode) {
-        !m && this.renderer.renditionLayout === "reflowable" && !u && (d = this.viewport.value.pageSize.width * 2), !m && this.renderer.renditionLayout === "reflowable" && u && g && (d = this.viewport.value.pageSize.width * 2);
-        const y = g && u && m;
-        this.item.pageSpreadRight && g && !this.context.isRTL() ? (p = "before", d = this.viewport.value.pageSize.width * 2) : this.item.pageSpreadLeft && g && this.context.isRTL() ? (p = "before", d = this.viewport.value.pageSize.width * 2) : y && (this.context.isRTL() ? p = "before" : p = "after", d = this.viewport.value.pageSize.width * 2);
+        !m && this.renderer.renditionLayout === "reflowable" && !u && (d = this.viewport.value.pageSize.width * 2), !m && this.renderer.renditionLayout === "reflowable" && u && p && (d = this.viewport.value.pageSize.width * 2);
+        const y = p && u && m;
+        this.item.pageSpreadRight && p && !this.context.isRTL() ? (g = "before", d = this.viewport.value.pageSize.width * 2) : this.item.pageSpreadLeft && p && this.context.isRTL() ? (g = "before", d = this.viewport.value.pageSize.width * 2) : y && (this.context.isRTL() ? g = "before" : g = "after", d = this.viewport.value.pageSize.width * 2);
       }
       return {
         minimumWidth: d,
-        blankPagePosition: p
+        blankPagePosition: g
       };
     }, this.adjustPositionOfElement = ({
       right: u,
@@ -5419,12 +5418,12 @@ class Ss extends G {
       minimumWidth: u,
       edgeX: l,
       edgeY: d
-    }) => (p) => p.pipe(
-      S((g) => {
+    }) => (g) => g.pipe(
+      S((p) => {
         const h = O(
           this.lastLayout?.pageSize,
           this.viewport.pageSize
-        ) ? this.lastLayout : void 0, { width: m, height: y } = h ?? {}, { width: f = m, height: I = y } = g ?? {}, { width: b, height: F } = this.viewport.pageSize, x = this.validateDimension(
+        ) ? this.lastLayout : void 0, { width: m, height: y } = h ?? {}, { width: f = m, height: I = y } = p ?? {}, { width: b, height: F } = this.viewport.pageSize, $ = this.validateDimension(
           f ?? b,
           b,
           u
@@ -5434,23 +5433,23 @@ class Ss extends G {
           F
         );
         return this.lastLayout = {
-          width: x,
+          width: $,
           height: L,
           pageSize: this.viewport.pageSize
-        }, this.containerElement.style.width = `${x}px`, this.containerElement.style.height = `${L}px`, this.settings.values.computedPageTurnDirection === "vertical" ? (this.adjustPositionOfElement({
+        }, this.containerElement.style.width = `${$}px`, this.containerElement.style.height = `${L}px`, this.settings.values.computedPageTurnDirection === "vertical" ? (this.adjustPositionOfElement({
           top: d,
           left: l
-        }), { width: x, height: L }) : (this.adjustPositionOfElement(
+        }), { width: $, height: L }) : (this.adjustPositionOfElement(
           this.context.isRTL() ? { right: l, top: 0 } : { left: l, top: 0 }
-        ), { width: x, height: L });
+        ), { width: $, height: L });
       })
     ), this.layout = (u) => {
-      const l = Xn(this.didLayout$.pipe(U()));
+      const l = Yn(this.didLayout$.pipe(U()));
       return this.layoutTriggerSubject.next(u), l();
     };
     const c = this.layoutTriggerSubject.pipe(
       w(
-        ({ spreadPosition: u, horizontalOffset: l, isLastItem: d, edgeX: p, edgeY: g }) => {
+        ({ spreadPosition: u, horizontalOffset: l, isLastItem: d, edgeX: g, edgeY: p }) => {
           const { blankPagePosition: h, minimumWidth: m } = this.computeLayoutInformation({ horizontalOffset: l, isLastItem: d });
           this.hookManager.execute("item.onBeforeLayout", void 0, {
             blankPagePosition: h,
@@ -5472,8 +5471,8 @@ class Ss extends G {
                */
               this.updateContainerLayout({
                 minimumWidth: m,
-                edgeX: p,
-                edgeY: g
+                edgeX: g,
+                edgeY: p
               }),
               S((f) => (this.hookManager.execute("item.onAfterLayout", void 0, {
                 blankPagePosition: h,
@@ -5526,7 +5525,7 @@ class Zt extends Q {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (d) => this._layout.layout(d), this.containerElement = Is(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (d) => this._layout.layout(d), this.containerElement = bs(
       t,
       e,
       s
@@ -5542,7 +5541,7 @@ class Zt extends Q {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new ys(u), this._layout = new Ss(
+    this.renderer = c ? c(u) : new Ss(u), this._layout = new Is(
       e,
       this.containerElement,
       i,
@@ -5552,11 +5551,11 @@ class Zt extends Q {
       this.viewport
     );
     const l = this.renderer.state$.pipe(
-      V(({ state: d, error: p }) => {
+      V(({ state: d, error: g }) => {
         this.mergeCompare({
           isLoaded: d === "loaded",
           isError: d === "error",
-          error: d === "error" ? p : void 0
+          error: d === "error" ? g : void 0
         });
       })
     );
@@ -5630,21 +5629,21 @@ class Zt extends Q {
     });
   }
 }
-const Is = (n, e, t) => {
+const bs = (n, e, t) => {
   const i = n.ownerDocument.createElement("div");
   return i.classList.add("spineItem"), i.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), i.style.cssText = `
     position: absolute;
     overflow: hidden;
   `, i.dataset.isReady = "false", t.execute("item.onBeforeContainerCreated", void 0, { element: i }), i;
 };
-class bs extends G {
+class vs extends G {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new q(
       /* @__PURE__ */ new Map()
     );
     const r = this.forcedOpenSubject.pipe(
       S((u) => Array.from(u.keys()).sort((l, d) => l - d)),
-      N(hn),
+      R(hn),
       J({ bufferSize: 1, refCount: !0 })
     );
     P(
@@ -5660,11 +5659,11 @@ class bs extends G {
       De(this.context.bridgeEvent.viewportFree$),
       z(this.context.bridgeEvent.navigation$, r),
       S(([, u, l]) => {
-        const { numberOfAdjacentSpineItemToPreLoad: d } = o.values, { beginIndex: p = 0, endIndex: g = 0 } = i.getVisibleSpineItemsFromPosition({
+        const { numberOfAdjacentSpineItemToPreLoad: d } = o.values, { beginIndex: g = 0, endIndex: p = 0 } = i.getVisibleSpineItemsFromPosition({
           position: u.position,
           threshold: { type: "percentage", value: 0 },
           useAbsoluteViewport: !1
-        }) || {}, h = d === 1 / 0 ? 0 : p - d, m = d === 1 / 0 ? t.items.length - 1 : g + d, y = Array.from(
+        }) || {}, h = d === 1 / 0 ? 0 : g - d, m = d === 1 / 0 ? t.items.length - 1 : p + d, y = Array.from(
           { length: m - h + 1 },
           (I, b) => h + b
         ), f = [...l, ...y];
@@ -5717,17 +5716,17 @@ class Se extends DOMRect {
     return new Se(i.x, i.y, i.width, i.height);
   }
 }
-class vs {
+class ws {
   constructor({ width: e, height: t }) {
     this.__symbol = /* @__PURE__ */ Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class ws {
+class Ps {
   constructor({ width: e, height: t }) {
     this.__symbol = /* @__PURE__ */ Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const Ps = ({
+const xs = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5749,7 +5748,7 @@ const Ps = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, xs = ({
+}, $s = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5758,7 +5757,7 @@ const Ps = ({
 }) => {
   const s = t / e, r = i / n;
   return o.type === "percentage" ? s >= o.value && r >= o.value : t >= o.value && i >= o.value;
-}, $s = ({
+}, Ts = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5779,30 +5778,30 @@ const Ps = ({
   viewportPosition: a,
   restrictToScreen: c
 }) => {
-  const u = a.x, l = a.x + (a.width - 1), d = a.y, p = Math.max(
+  const u = a.x, l = a.x + (a.width - 1), d = a.y, g = Math.max(
     a.y + (a.height - 1),
     0
-  ), g = Math.max(
+  ), p = Math.max(
     0,
     Math.min(t, l) - Math.max(e, u)
   ), h = Math.max(
     0,
-    Math.min(n, p) - Math.max(i, d)
+    Math.min(n, g) - Math.max(i, d)
   );
-  if (g <= 0 || h <= 0) return { visible: !1 };
-  const y = $s({
+  if (p <= 0 || h <= 0) return { visible: !1 };
+  const y = Ts({
     threshold: r,
     visibleHeightOfItem: h,
-    visibleWidthOfItem: g,
+    visibleWidthOfItem: p,
     viewportPosition: a
   });
   return c ? { visible: y } : {
-    visible: xs({
+    visible: $s({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
       visibleHeightOfItem: h,
-      visibleWidthOfItem: g
+      visibleWidthOfItem: p
     }) || y
   };
 }, qe = ({
@@ -5821,7 +5820,7 @@ const Ps = ({
 }) => new M({
   x: e + n.x,
   y: t + n.y
-}), Ts = ({
+}), Fs = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5835,7 +5834,7 @@ const Ps = ({
     spineItemsManager: i,
     spineLayout: o
   }) || i.get(0), c = i.items.reduce(
-    (g, h) => {
+    (p, h) => {
       const m = o.getSpineItemSpineLayoutInfo(h), y = s ? r.absoluteViewport : r.relativeViewport, f = Jt(
         n,
         r.absoluteViewport,
@@ -5849,17 +5848,17 @@ const Ps = ({
         viewportPosition: I,
         restrictToScreen: t
       });
-      return b ? [...g, h] : g;
+      return b ? [...p, h] : p;
     },
     []
   ), u = c[0] ?? a, l = c[c.length - 1] ?? u;
   if (!u || !l) return;
-  const d = i.getSpineItemIndex(u), p = i.getSpineItemIndex(l);
+  const d = i.getSpineItemIndex(u), g = i.getSpineItemIndex(l);
   return {
     beginIndex: d ?? 0,
-    endIndex: p ?? 0
+    endIndex: g ?? 0
   };
-}, Fs = ({
+}, Ls = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5963,7 +5962,7 @@ const Ps = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (h) => Ps({
+    _getAbsolutePageIndexFromPageIndex: (h) => xs({
       ...h,
       spineItemsManager: n
     }),
@@ -6004,7 +6003,7 @@ const Ps = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (h) => Ts({
+    getVisibleSpineItemsFromPosition: (h) => Fs({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -6027,10 +6026,10 @@ const Ps = ({
       });
     }
   };
-}, Ls = A.namespace("spine"), Ms = ({
+}, Ms = A.namespace("spine"), Cs = ({
   position: n,
   pageSize: e
-}) => new Ii({
+}) => new bi({
   ...n,
   left: n.x,
   top: n.y,
@@ -6039,7 +6038,7 @@ const Ps = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class Cs extends Q {
+class Es extends Q {
   constructor(e, t, i, o, s, r) {
     super({ pages: [] }), this.spineLayout = e, this.spineItemsManager = t, this.spineItemLocator = i, this.context = o, this.locator = s, this.viewport = r, this.fromSpineItemPageIndex = (a, c) => this.value.pages.find(
       (u) => u.itemIndex === a.index && u.pageIndex === c
@@ -6049,7 +6048,7 @@ class Cs extends Q {
       z(r),
       w(([, { pageSize: a }]) => {
         const c = t.items.reduce(
-          (l, d, p) => {
+          (l, d, g) => {
             const h = new Array(d.numberOfPages).fill(void 0).map((m, y) => {
               const f = i.getSpineItemPositionFromPageIndex({
                 spineItem: d,
@@ -6059,11 +6058,11 @@ class Cs extends Q {
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: Ms({
+                absoluteLayout: Cs({
                   pageSize: a,
                   position: I
                 }),
-                layout: new Si({
+                layout: new Ii({
                   left: f.x,
                   right: f.x + a.width,
                   top: f.y,
@@ -6073,7 +6072,7 @@ class Cs extends Q {
                   x: f.x,
                   y: f.y
                 }),
-                itemIndex: p,
+                itemIndex: g,
                 absolutePageIndex: l.length + y,
                 spineItem: d,
                 pageIndex: y
@@ -6085,11 +6084,11 @@ class Cs extends Q {
         );
         return j(
           c.map((l) => {
-            const { spineItem: d, ...p } = l;
+            const { spineItem: d, ...g } = l;
             if (l.spineItem.value.isLoaded) {
-              const g = l.spineItem.renderer?.getDocumentFrame();
-              if (g && g?.contentWindow?.document && g.contentWindow.document.body !== null) {
-                const h = g.contentWindow.document;
+              const p = l.spineItem.renderer?.getDocumentFrame();
+              if (p && p?.contentWindow?.document && p.contentWindow.document.body !== null) {
+                const h = p.contentWindow.document;
                 return et().pipe(
                   S(() => {
                     const m = Ln(
@@ -6097,30 +6096,30 @@ class Cs extends Q {
                       l.layout
                     );
                     return {
-                      ...p,
+                      ...g,
                       firstVisibleNode: m
                     };
                   })
                 );
               }
             }
-            return v({ ...p, firstVisibleNode: void 0 });
+            return v({ ...g, firstVisibleNode: void 0 });
           })
         );
       }),
-      S((a) => (Ls.info("Pages layout", a), { pages: a })),
+      S((a) => (Ms.info("Pages layout", a), { pages: a })),
       D()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class Es extends G {
+class Ds extends G {
   constructor(e) {
     super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(
       w((t) => P(
         ...t.map(
           (i) => i.pipe(
             S((o) => ({ item: i, ...o })),
-            N(O)
+            R(O)
           )
         )
       )),
@@ -6146,9 +6145,9 @@ class Es extends G {
     );
   }
 }
-class Ds extends G {
+class As extends G {
   constructor(e, t, i, o, s) {
-    super(), this.spineItemsManager = e, this.spineItemsObserver = t, this.context = i, this.settings = o, this.viewport = s, this.externalLayoutTrigger = new R(), this.spineItemsRelativeLayouts = [];
+    super(), this.spineItemsManager = e, this.spineItemsObserver = t, this.context = i, this.settings = o, this.viewport = s, this.externalLayoutTrigger = new N(), this.spineItemsRelativeLayouts = [];
     const r = P(
       t.itemLoad$,
       t.itemUnload$
@@ -6157,7 +6156,7 @@ class Ds extends G {
       r
     );
     this.layout$ = a.pipe(
-      $(() => {
+      x(() => {
         this.spineItemsManager.items.forEach((c) => {
           c.markDirty();
         });
@@ -6166,15 +6165,15 @@ class Ds extends G {
       w(
         () => this.spineItemsManager.items.reduce(
           (c, u, l) => c.pipe(
-            ln(({ horizontalOffset: d, verticalOffset: p }) => {
-              const g = d % s.absoluteViewport.width === 0, h = l === e.items.length - 1, m = o.values.computedPageTurnDirection === "vertical", y = i.isRTL(), f = this.getSpreadPosition(
-                g,
+            ln(({ horizontalOffset: d, verticalOffset: g }) => {
+              const p = d % s.absoluteViewport.width === 0, h = l === e.items.length - 1, m = o.values.computedPageTurnDirection === "vertical", y = i.isRTL(), f = this.getSpreadPosition(
+                p,
                 y
               ), { edgeX: I, edgeY: b } = this.getStartEdges(
                 m,
-                g,
-                d,
                 p,
+                d,
+                g,
                 s.absoluteViewport.height
               );
               return u.layout({
@@ -6184,19 +6183,19 @@ class Ds extends G {
                 edgeX: I,
                 edgeY: b
               }).pipe(
-                S(({ width: F, height: x }) => {
+                S(({ width: F, height: $ }) => {
                   const L = this.createSpineItemLayout(
                     m,
                     y,
                     I,
                     b,
                     F,
-                    x,
+                    $,
                     s.absoluteViewport.width
                   );
                   return this.spineItemsRelativeLayouts[l] = L, {
                     horizontalOffset: I + F,
-                    verticalOffset: m ? b + x : 0
+                    verticalOffset: m ? b + $ : 0
                   };
                 })
               );
@@ -6211,7 +6210,7 @@ class Ds extends G {
   }
   watchForVerticalWritingUpdate() {
     this.spineItemsObserver.itemLoad$.pipe(
-      $((e) => {
+      x((e) => {
         this.context.update({
           hasVerticalWriting: e.isUsingVerticalWriting()
         });
@@ -6280,30 +6279,30 @@ class Ds extends G {
     });
   }
 }
-class As extends G {
+class Ns extends G {
   constructor(e, t, i, o, s, r, a) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new q(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Es(i), this.spineLayout = new Ds(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Ds(i), this.spineLayout = new As(
       i,
       this.spineItemsObserver,
       e,
       s,
       a
-    ), this.locator = Fs({
+    ), this.locator = Ls({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: s,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new bs(
+    }), this.spineItemsLoader = new vs(
       this.context,
       i,
       this.locator,
       s,
       this.spineLayout
-    ), this.pages = new Cs(
+    ), this.pages = new Es(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6312,7 +6311,7 @@ class As extends G {
       this.viewport
     );
     const c = e.watch("rootElement").pipe(
-      de(Z),
+      pe(Z),
       V((l) => {
         const d = l.ownerDocument.createElement("div");
         d.style.cssText = `
@@ -6327,9 +6326,9 @@ class As extends G {
       V(([l, d]) => {
         if (!d) return;
         this.spineItemsManager.destroyItems();
-        const p = l.spineItems.map(
-          (g, h) => new Zt(
-            g,
+        const g = l.spineItems.map(
+          (p, h) => new Zt(
+            p,
             d,
             this.context,
             this.settings,
@@ -6338,7 +6337,7 @@ class As extends G {
             this.viewport
           )
         );
-        this.spineItemsManager.addMany(p);
+        this.spineItemsManager.addMany(g);
       })
     );
     P(u, c).pipe(K(this.destroy$)).subscribe();
@@ -6402,10 +6401,10 @@ class Rs extends G {
     });
   }
 }
-class Ns extends Q {
+class Os extends Q {
   constructor(e, t) {
     const i = document.createElement("div");
-    i.setAttribute(`data-${oi}`, ""), super({
+    i.setAttribute(`data-${si}`, ""), super({
       element: i,
       pageSize: {
         width: 1,
@@ -6415,13 +6414,13 @@ class Ns extends Q {
       height: 1
     }), this.context = e, this.settingsManager = t;
     const o = this.settingsManager.watch(["computedSpreadMode"]).pipe(
-      $(() => {
+      x(() => {
         this.mergeCompare({
           pageSize: this.calculatePageSize(this.value)
         });
       })
     ), s = this.context.watch("rootElement").pipe(
-      $(() => {
+      x(() => {
         this.layout();
       })
     );
@@ -6445,7 +6444,7 @@ class Ns extends Q {
     });
   }
   get absoluteViewport() {
-    return new vs({
+    return new ws({
       width: this.value.width,
       height: this.value.height
     });
@@ -6473,18 +6472,18 @@ class Ns extends Q {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new ws({
+    return new Ps({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
-const xt = `${Vt}-core`, Os = (n) => {
-  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new Ao(), s = new Eo(), r = new fs(n, s), a = new Do(s, r), c = new Rs(s, r), u = new Ns(s, r), l = qt({
+const xt = `${Vt}-core`, Vs = (n) => {
+  const e = crypto.randomUUID(), t = new N(), i = new N(), o = new No(), s = new Do(), r = new ys(n, s), a = new Ao(s, r), c = new Rs(s, r), u = new Os(s, r), l = qt({
     context: s,
     settings: r,
     viewport: u
-  }), d = new ps(s, c), p = new As(
+  }), d = new gs(s, c), g = new Ns(
     s,
     d,
     c,
@@ -6492,64 +6491,61 @@ const xt = `${Vt}-core`, Os = (n) => {
     r,
     o,
     u
-  ), g = ds({
+  ), p = ps({
     context: s,
     spineItemsManager: c,
     hookManager: o,
-    spine: p,
+    spine: g,
     settings: r,
     viewport: u
-  }), h = new gs(
+  }), h = new hs(
     s,
     d,
     c,
-    p,
+    g,
     l
   );
-  g.navigationState$.subscribe(s.bridgeEvent.viewportStateSubject), g.navigation$.subscribe(s.bridgeEvent.navigationSubject), g.locker.isLocked$.subscribe(
+  p.navigationState$.subscribe(s.bridgeEvent.viewportStateSubject), p.navigation$.subscribe(s.bridgeEvent.navigationSubject), p.locker.isLocked$.subscribe(
     s.bridgeEvent.navigationIsLockedSubject
   ), d.subscribe(s.bridgeEvent.paginationSubject);
   const m = () => {
     t.next();
-  }, y = (x) => {
-    const { containerElement: L, manifest: H } = x;
+  }, y = ($) => {
+    const { containerElement: L, manifest: H } = $;
     if (s.manifest) {
       A.warn("loading a new book is not supported yet");
       return;
     }
-    A.log("load", { options: x });
-    const B = Vs(L, e);
+    A.log("load", { options: $ });
+    const B = js(L, e);
     s.update({
       manifest: H,
       rootElement: B
     }), m();
   }, f = r.watch(["computedSpreadMode"]).pipe(Lt(1), V(m)), I = t.pipe(
     V(() => {
-      const x = s.value.rootElement;
-      x && (x.style.setProperty("overflow", "hidden"), u.layout(), p.layout());
+      const $ = s.value.rootElement;
+      $ && ($.style.setProperty("overflow", "hidden"), u.layout(), g.layout());
     }),
     K(i)
   ), b = P(I, f).subscribe();
   Ce(document, xt, Ro);
   const F = () => {
-    Ee(document, xt), b.unsubscribe(), c.destroy(), h.destroy(), r.destroy(), d.destroy(), s.destroy(), g.destroy(), p.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
+    Ee(document, xt), b.unsubscribe(), c.destroy(), h.destroy(), r.destroy(), d.destroy(), s.destroy(), p.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
   return {
     id: e,
     context: s,
-    spine: p,
+    spine: g,
     hookManager: o,
     cfi: {
-      generateCfiFromRange: io,
+      generateCfiFromRange: oo,
       parseCfi: it,
-      generateCfiForSpineItemPage: (x) => He({
-        ...x,
-        spine: p
-      }),
-      resolveCfi: (x) => _t({ ...x, spineItemsManager: c })
+      generateCfiForSpineItemPage: He,
+      resolveCfi: ($) => _t({ ...$, spineItemsManager: c })
     },
-    navigation: g,
-    spineItemsObserver: p.spineItemsObserver,
+    navigation: p,
+    spineItemsObserver: g.spineItemsObserver,
     spineItemsManager: c,
     layout: m,
     load: y,
@@ -6563,7 +6559,7 @@ const xt = `${Vt}-core`, Os = (n) => {
       }
     },
     settings: r,
-    renderHeadless: (x) => c.get(x)?.renderer.renderHeadless() ?? v(void 0),
+    renderHeadless: ($) => c.get($)?.renderer.renderHeadless() ?? v(void 0),
     viewport: u,
     viewportState$: s.bridgeEvent.viewportState$,
     viewportFree$: s.bridgeEvent.viewportFree$,
@@ -6574,37 +6570,37 @@ const xt = `${Vt}-core`, Os = (n) => {
      * It can typically be used to hide a loading indicator.
      */
     state$: s.manifest$.pipe(
-      ie((x) => x ? "ready" : "idle")
+      ie(($) => $ ? "ready" : "idle")
     ),
     features: a,
     $: {
       destroy$: i
     }
   };
-}, Vs = (n, e) => (n.style.cssText = `
+}, js = (n, e) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${W}-reader`), n.setAttribute(ii, e), n.setAttribute("data-prose-reader-container", e), n), Js = (
+  `, n.classList.add(`${W}-reader`), n.setAttribute(oi, e), n.setAttribute("data-prose-reader-container", e), n), Ks = (
   //__
-  yo(
-    Gn(
-      bo(
-        qn(
+  So(
+    Zn(
+      vo(
+        Gn(
           Un(
-            po(
-              Io(
-                Mo(
-                  Xi(
-                    yi(
+            go(
+              bo(
+                Co(
+                  Yi(
+                    Si(
                       Ri(
                         zn(
                           Bn(
-                            co(
-                              Di(
-                                So(
+                            uo(
+                              Ai(
+                                Io(
                                   // __
-                                  Os
+                                  Vs
                                 )
                               )
                             )
@@ -6621,79 +6617,80 @@ const xt = `${Vt}-core`, Os = (n) => {
       )
     )
   )
-), Ks = (n) => (e) => n(e);
+), Qs = (n) => (e) => n(e);
 export {
   kt as AbstractSpinePosition,
-  Eo as Context,
-  jo as ControlledNavigationController,
+  Do as Context,
+  ko as ControlledNavigationController,
   G as DestroyableClass,
   ye as DocumentRenderer,
-  Do as Features,
-  ii as HTML_ATTRIBUTE_DATA_READER_ID,
+  Ao as Features,
+  oi as HTML_ATTRIBUTE_DATA_READER_ID,
   W as HTML_PREFIX,
-  si as HTML_PREFIX_SCROLL_NAVIGATOR,
-  oi as HTML_PREFIX_VIEWPORT,
+  ri as HTML_PREFIX_SCROLL_NAVIGATOR,
+  si as HTML_PREFIX_VIEWPORT,
   Vt as HTML_STYLE_PREFIX,
-  Ao as HookManager,
-  ni as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
-  Ko as InternalNavigator,
+  No as HookManager,
+  ii as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
+  Qo as InternalNavigator,
   nt as LayoutEntry,
   Xt as Locker,
-  qs as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
-  Xs as PROSE_READER_NAMESPACE,
-  Cs as Pages,
-  ps as Pagination,
-  gs as PaginationController,
+  Gs as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  Ys as PROSE_READER_NAMESPACE,
+  Es as Pages,
+  gs as Pagination,
+  hs as PaginationController,
   Q as ReactiveEntity,
   tt as ResourceHandler,
-  ao as ResourcesLocator,
-  $o as ScrollNavigationController,
+  co as ResourcesLocator,
+  To as ScrollNavigationController,
   mt as ScrollPosition,
-  ms as SettingsManager,
-  As as Spine,
+  fs as SettingsManager,
+  Ns as Spine,
   Zt as SpineItem,
-  Si as SpineItemPageLayout,
-  Ii as SpineItemPageSpineLayout,
+  Ii as SpineItemPageLayout,
+  bi as SpineItemPageSpineLayout,
   E as SpineItemPosition,
   Oe as SpineItemSpineLayout,
   Rs as SpineItemsManager,
-  Es as SpineItemsObserver,
+  Ds as SpineItemsObserver,
   M as SpinePosition,
-  xo as UnboundScrollPosition,
-  Ne as UnboundSpineItemPagePosition,
+  $o as UnboundScrollPosition,
+  Re as UnboundSpineItemPagePosition,
   ae as UnboundSpinePosition,
-  Ys as VIEWPORT_ADJUSTMENT_THROTTLE,
-  Ns as Viewport,
-  ro as consolidate,
-  Js as createReader,
+  qs as VIEWPORT_ADJUSTMENT_THROTTLE,
+  Os as Viewport,
+  ao as consolidate,
+  Ks as createReader,
   at as deferIdle,
-  Xn as deferNextResult,
+  Yn as deferNextResult,
   He as generateCfiForSpineItemPage,
-  io as generateCfiFromRange,
-  he as generateRootCfi,
+  oo as generateCfiFromRange,
+  de as generateRootCfi,
   rt as getAttributeValueFromString,
   Hs as getBase64FromBlob,
   Je as getFrameViewportInfo,
-  Zs as getItemAnchor,
-  yi as htmlEnhancer,
+  Js as getItemAnchor,
+  Si as htmlEnhancer,
   et as idle,
   Vn as injectCSSToFrame,
   Z as isDefined,
   At as isHtmlElement,
-  Nn as isHtmlTagElement,
+  Rn as isHtmlTagElement,
   Be as isRootCfi,
-  tr as isShallowEqual,
-  Di as layoutEnhancer,
-  Rt as mapKeysTo,
-  _s as observeIntersection,
+  nr as isShallowEqual,
+  Ai as layoutEnhancer,
+  Nt as mapKeysTo,
+  Bs as observeIntersection,
   ct as observeMutation,
   Qe as observeResize,
-  co as paginationEnhancer,
+  uo as paginationEnhancer,
   it as parseCfi,
-  Ws as removeCSS,
+  Xn as pick,
+  _s as removeCSS,
   _t as resolveCfi,
-  Ks as rootEnhancer,
-  Ms as spinePositionToSpineItemSpineLayout,
+  Qs as rootEnhancer,
+  Cs as spinePositionToSpineItemSpineLayout,
   oe as upsertCSSToFrame,
   jn as waitForFrameLoad,
   kn as waitForFrameReady,