@prose-reader/core 1.253.0 → 1.255.0

package/dist/index.js

@@ -1,12 +1,12 @@
-import { switchMap as w, of as v, fromEvent as q, take as Tt, map as S, from as N, takeUntil as T, Observable as ne, defer as ke, Subject as R, combineLatest as k, merge as P, EMPTY as Z, NEVER as ge, tap as x, share as E, BehaviorSubject as H, withLatestFrom as O, filter as L, first as U, mergeMap as $e, endWith as me, finalize as de, catchError as Ft, lastValueFrom as rn, scheduled as an, animationFrameScheduler as re, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as cn, startWith as ee, shareReplay as J, switchScan as un, defaultIfEmpty as ln, forkJoin as dn, delay as we, timer as Te, ReplaySubject as st, identity as Pe, skip as Lt, reduce as pn, concatMap as rt } from "rxjs";
-import { Report as gn, isShallowEqual as V, shallowMergeIfDefined as xe, getParentPath as hn, parseContentType as mn, detectMimeTypeFromName as Me, arrayEqual as fn } from "@prose-reader/shared";
-import { isShallowEqual as sr } from "@prose-reader/shared";
-import { map as K, distinctUntilChanged as pe, switchMap as _, first as Mt, startWith as yn, shareReplay as Ce, tap as j, pairwise as Sn, take as In, takeUntil as G, filter as se, debounceTime as bn, skip as Ct, mergeMap as vn, catchError as at } from "rxjs/operators";
-import { generate as ze, parse as Et, isIndirectionOnly as wn, isParsedCfiRange as Pn, resolve as xn } from "@prose-reader/cfi";
+import { switchMap as w, of as v, fromEvent as q, take as Tt, map as S, from as N, takeUntil as T, Observable as ne, defer as ke, Subject as R, combineLatest as k, merge as P, EMPTY as Z, NEVER as ge, tap as x, share as E, BehaviorSubject as H, withLatestFrom as O, filter as L, first as U, mergeMap as $e, endWith as me, finalize as de, catchError as Ft, lastValueFrom as an, scheduled as cn, animationFrameScheduler as re, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as un, startWith as ee, shareReplay as J, switchScan as ln, defaultIfEmpty as dn, forkJoin as pn, delay as we, timer as Te, skip as Lt, ReplaySubject as st, identity as Pe, reduce as gn, concatMap as rt } from "rxjs";
+import { Report as hn, isShallowEqual as V, shallowMergeIfDefined as xe, getParentPath as mn, parseContentType as fn, detectMimeTypeFromName as Me, arrayEqual as yn } from "@prose-reader/shared";
+import { isShallowEqual as rr } from "@prose-reader/shared";
+import { map as K, distinctUntilChanged as pe, switchMap as _, first as Mt, startWith as Sn, shareReplay as Ce, tap as j, pairwise as bn, take as In, takeUntil as G, filter as se, debounceTime as vn, skip as Ct, mergeMap as wn, catchError as at } from "rxjs/operators";
+import { generate as ze, parse as Et, isIndirectionOnly as Pn, isParsedCfiRange as xn, resolve as $n } from "@prose-reader/cfi";
 import { isDefined as Ge } from "reactjrx";
-const $n = "@prose-reader/core", D = gn.namespace($n, void 0, {
+const Tn = "@prose-reader/core", D = hn.namespace(Tn, void 0, {
   color: "#98cde7"
-}), Tn = [
+}), Fn = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -18,24 +18,24 @@ const $n = "@prose-reader/core", D = gn.namespace($n, void 0, {
   // `touchstart` as const,
   // `touchend` as const,
 ];
-function Fn(n, e, t) {
+function Ln(n, e, t) {
   if ("caretPositionFromPoint" in n)
     return n.caretPositionFromPoint(e, t);
   if ("caretRangeFromPoint" in n && // @ts-expect-error limited availability
   typeof n.caretRangeFromPoint < "u")
     return n.caretRangeFromPoint(e, t);
 }
-const Ln = (n, e) => {
+const Mn = (n, e) => {
   const t = "body" in n ? We(n.body, e) : We(n, e), i = "createRange" in n ? n : n.ownerDocument;
   if (t) {
     let o, s = 0;
     const r = i.createRange();
     return Array.from(t.childNodes).some((a) => {
       r.selectNodeContents(a);
-      const c = r.getClientRects(), u = Mn(c, e);
+      const c = r.getClientRects(), u = Cn(c, e);
       if (u) {
         o = r.cloneRange();
-        const l = Fn(
+        const l = Ln(
           i,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -65,13 +65,13 @@ const Ln = (n, e) => {
 function Dt(n, { left: e, right: t }) {
   return n.left <= e && n.right <= e ? "before" : n.left <= e && n.right > e && n.right <= t ? "partially-before" : n.left <= t && n.right > t ? "partially-after" : n.left > t ? "after" : "within";
 }
-function Mn(n, e) {
+function Cn(n, e) {
   return Array.from(n).find((t) => {
     const i = Dt(t, e);
     return i !== "before" && i !== "after";
   });
 }
-const Cn = (n, e) => {
+const En = (n, e) => {
   if (n.nodeType !== Node.CDATA_SECTION_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const t = n.ownerDocument?.createRange();
     t?.selectNodeContents(n);
@@ -93,8 +93,8 @@ const Cn = (n, e) => {
     if (e.PointerEvent && n instanceof e.PointerEvent)
       return !0;
   }
-  return !!Tn.includes(n.type);
-}, En = (n) => {
+  return !!Fn.includes(n.type);
+}, Dn = (n) => {
   if (Ze(n)) return !1;
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
@@ -107,7 +107,7 @@ const Cn = (n, e) => {
       return n instanceof e.MouseEvent;
   }
   return !1;
-}, Dn = (n) => {
+}, Rn = (n) => {
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
     if (e.TouchEvent)
@@ -119,7 +119,7 @@ const Cn = (n, e) => {
       return n instanceof e.TouchEvent;
   }
   return !1;
-}, Rn = () => document.createElement("div"), Rt = (n) => {
+}, An = () => document.createElement("div"), Rt = (n) => {
   const e = [
     "img",
     // Images
@@ -135,7 +135,7 @@ const Cn = (n, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(n?.querySelectorAll(e) || []);
-}, An = (n) => {
+}, On = (n) => {
   if (Rt(n).forEach((t) => {
     const i = t.getAttribute("src") || t.getAttribute("href");
     i?.startsWith("blob:") && n?.defaultView?.URL.revokeObjectURL(i);
@@ -170,10 +170,10 @@ function Ot(n) {
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
-function On(n, e) {
+function Nn(n, e) {
   return Ot(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
-function Nn(n) {
+function Vn(n) {
   return At(
     n,
     [
@@ -198,9 +198,9 @@ const Je = (n, e, t, i) => {
 }, ct = (n, e) => {
   const t = new RegExp(`${e}\\s*=\\s*([0-9.]+)`, "i"), i = n.match(t) || [], o = i[1] || "0";
   return i && Number.parseFloat(o) || 0;
-}, Vn = (n, e, t, i) => {
+}, jn = (n, e, t, i) => {
   n?.contentDocument?.head && Je(n.contentDocument, e, t, i);
-}, Xs = (n, e) => {
+}, Ys = (n, e) => {
   n?.contentDocument && Ke(n.contentDocument, e);
 }, te = (n, e, t, i) => {
   if (!n) return;
@@ -211,7 +211,7 @@ const Je = (n, e, t, i) => {
     o.innerHTML = t;
     return;
   }
-  Vn(n, e, t, i);
+  jn(n, e, t, i);
 }, Qe = (n) => {
   if (n?.contentDocument) {
     const t = n.contentDocument.querySelector("meta[name='viewport']");
@@ -228,17 +228,17 @@ const Je = (n, e, t, i) => {
     }
   }
   return { hasViewport: !1 };
-}, jn = (n) => n.pipe(
+}, kn = (n) => n.pipe(
   w((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? v(e) : q(e, "load").pipe(
     Tt(1),
     S(() => e)
   ))
-), kn = (n) => n.pipe(
+), Un = (n) => n.pipe(
   w((e) => {
     const t = e?.contentDocument?.fonts.ready;
     return t ? N(t).pipe(S(() => e)) : v(void 0);
   })
-), Un = (n) => (e) => {
+), zn = (n) => (e) => {
   const t = n(e), i = new IntersectionObserver((o) => {
     o.forEach((s) => {
       s.isIntersecting ? s.target.removeAttribute("tab-index") : s.target.setAttribute("tab-index", "-1");
@@ -273,7 +273,7 @@ const Je = (n, e, t, i) => {
   ), {
     ...t
   };
-}, zn = (n) => (e) => {
+}, Wn = (n) => (e) => {
   const t = n(e);
   return t.context.watch("rootElement").pipe(T(t.context.destroy$)).subscribe((i) => {
     if (!i) return;
@@ -294,7 +294,7 @@ const Je = (n, e, t, i) => {
     clientX: a,
     clientY: c
   };
-}, Wn = (n, e, t, i) => {
+}, _n = (n, e, t, i) => {
   const o = e?.view?.frameElement;
   if (!e || !o) return n;
   const s = t.getSpineItemFromIframe(o), r = o, { height: a, width: c } = i.pageSize;
@@ -314,7 +314,7 @@ const Je = (n, e, t, i) => {
       enumerable: !0
     }), d;
   }
-  if (En(n)) {
+  if (Dn(n)) {
     const { clientX: u, clientY: l } = Re({
       position: n,
       frameElement: r
@@ -328,7 +328,7 @@ const Je = (n, e, t, i) => {
       enumerable: !0
     }), d;
   }
-  if (Dn(n)) {
+  if (Rn(n)) {
     const u = Array.from(n.touches).map((d) => {
       const { clientX: g, clientY: h } = Re({
         position: d,
@@ -351,7 +351,7 @@ const Je = (n, e, t, i) => {
     }), l;
   }
   return n;
-}, _n = [
+}, Hn = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -360,21 +360,21 @@ const Je = (n, e, t, i) => {
   "pointerout",
   "pointerover",
   "pointerup"
-], Hn = [
-  ..._n
+], Bn = [
+  ...Hn
   /*, ...mouseEvents*/
-], Bn = (n) => (e) => {
+], Xn = (n) => (e) => {
   const t = n(e);
   return t.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: i, itemId: o }) => {
       const s = t.spineItemsManager.get(o), r = s?.renderer.getDocumentFrame();
       if (!r || !s) return;
-      const a = Hn.map((c) => {
+      const a = Bn.map((c) => {
         const u = (l) => {
           let d = l;
           if (Ze(l) && (d = new PointerEvent(l.type, l)), d !== l) {
-            const g = Wn(
+            const g = _n(
               d,
               l,
               t.spine.locator,
@@ -418,7 +418,7 @@ const Ee = (n) => (e) => e.pipe(
       K(() => t)
     )
   )
-), Xn = (n) => {
+), Yn = (n) => {
   let e;
   const t = n.subscribe((i) => {
     e = { result: i };
@@ -448,7 +448,7 @@ const lt = (n, e) => new ne((t) => {
   });
   return i.observe(n, e), () => i.disconnect();
 });
-function Ys(n, e) {
+function qs(n, e) {
   return new ne((t) => {
     const i = new IntersectionObserver((o) => {
       t.next(o);
@@ -470,7 +470,7 @@ class jt {
       e
     ), this.outputSettingsUpdateSubject = new R(), this.values$ = k([
       this.settingsManager.values$,
-      this.outputSettingsUpdateSubject.pipe(yn(this.outputSettings))
+      this.outputSettingsUpdateSubject.pipe(Sn(this.outputSettings))
     ]).pipe(
       K(([o, s]) => ({ ...o, ...s })),
       Ce(1)
@@ -506,7 +506,7 @@ class jt {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const qs = (n) => {
+const Gs = (n) => {
   const e = new FileReader();
   return new Promise((t) => {
     e.addEventListener(
@@ -518,7 +518,7 @@ const qs = (n) => {
     ), e.readAsDataURL(n);
   });
 };
-let Yn = class extends jt {
+let qn = class extends jt {
   computeOutputSettings(e) {
     return e;
   }
@@ -544,8 +544,8 @@ let Yn = class extends jt {
     };
   }
 };
-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 R(), a = n(e), c = new qn(
     {
       fontScale: t,
       lineHeight: i,
@@ -577,7 +577,7 @@ const qn = (n) => (e) => {
     }
   });
   const d = (g) => g.pipe(
-    Sn(),
+    bn(),
     S(([h, p]) => p.fontScale !== h.fontScale || p.lineHeight !== h.lineHeight)
   );
   return c.values$.pipe(
@@ -591,7 +591,7 @@ const qn = (n) => (e) => {
     },
     settings: c
   };
-}, Gn = (n) => (e) => {
+}, Zn = (n) => (e) => {
   const t = n(e), i = (o) => q(o, "keyup").pipe(
     S((s) => {
       const { pageTurnDirection: r, computedPageTurnMode: a } = t.settings.values;
@@ -627,7 +627,7 @@ 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(
@@ -796,15 +796,15 @@ const Le = class Le extends X {
 };
 Le.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 let fe = Le;
-const Jn = (n) => new URL(n.href);
+const Kn = (n) => new URL(n.href);
 class nt {
   constructor(e, t) {
     this.item = e, this.settings = t;
   }
   async getResource() {
-    return await rn(
+    return await an(
       this.settings.values.getResource?.(this.item) ?? v(void 0)
-    ) ?? Jn(this.item);
+    ) ?? Kn(this.item);
   }
   async fetchResource() {
     const e = await this.getResource();
@@ -814,7 +814,7 @@ class nt {
 const kt = (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)
@@ -831,22 +831,22 @@ const kt = (n, e) => {
                   return p;
                 const m = p.match(/url\(['"]?([^'"]+)['"]?\)/);
                 if (!m) return p;
-                const y = m[1] ?? "", f = i.manifest?.items.find(({ href: I }) => `${kt(t, y).toLowerCase()}`.endsWith(
-                  `${I.toLowerCase()}`
+                const y = m[1] ?? "", f = i.manifest?.items.find(({ href: b }) => `${kt(t, y).toLowerCase()}`.endsWith(
+                  `${b.toLowerCase()}`
                 ));
                 if (f) {
-                  const I = new nt(f, o);
+                  const b = new nt(f, o);
                   try {
-                    const b = await I.getResource();
-                    if (b instanceof Response) {
-                      const F = await b.blob(), $ = n.defaultView?.URL.createObjectURL(F);
+                    const I = await b.getResource();
+                    if (I instanceof Response) {
+                      const F = await I.blob(), $ = n.defaultView?.URL.createObjectURL(F);
                       return p.replace(
                         m[0],
                         `url("${$}")`
                       );
                     }
-                  } catch (b) {
-                    console.error("Error loading font:", b);
+                  } catch (I) {
+                    console.error("Error loading font:", I);
                   }
                 }
                 return p;
@@ -862,7 +862,7 @@ const kt = (n, e) => {
     } 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 }) => `${kt(t, s).toLowerCase()}`.endsWith(
@@ -884,7 +884,7 @@ const kt = (n, e) => {
         return new ne((l) => {
           e.onload = async () => {
             try {
-              e.sheet && await Kn(
+              e.sheet && await Qn(
                 n,
                 e,
                 t,
@@ -899,7 +899,7 @@ const kt = (n, e) => {
       return v(null);
     })
   );
-}, ei = ({
+}, ti = ({
   settings: n,
   item: e,
   context: t
@@ -907,8 +907,8 @@ const kt = (n, e) => {
   w((o) => {
     const s = Rt(
       o.contentDocument
-    ), r = hn(e.href), a = s.map(
-      (c) => Qn(
+    ), r = mn(e.href), a = s.map(
+      (c) => ei(
         o.contentDocument,
         c,
         r,
@@ -918,11 +918,11 @@ const kt = (n, e) => {
     );
     return k(a).pipe(S(() => o));
   })
-), ti = (n) => {
-  An(n?.contentDocument);
-}, Zs = "@prose-reader/core", Js = 0, Ks = 200, ni = [".xhtml", ".html", ".htm"], W = "prose-reader", Ut = `${W}-style`, ii = `data-${W}-id`, oi = `${W}-viewport`, si = `${W}-scroll-navigator`, ri = async (n, e) => {
+), ni = (n) => {
+  On(n?.contentDocument);
+}, Js = "@prose-reader/core", Ks = 0, Qs = 200, ii = [".xhtml", ".html", ".htm"], W = "prose-reader", Ut = `${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 = mn(n.headers.get("Content-Type") || "") || Me(e.href);
+  const t = fn(n.headers.get("Content-Type") || "") || Me(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === t
   )) {
@@ -958,11 +958,11 @@ const kt = (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) => N(e.getResource()).pipe(
       w((s) => s instanceof URL && n.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
@@ -972,7 +972,7 @@ const kt = (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 ? N(e.fetchResource()) : v(s)).pipe(
         w((a) => {
@@ -994,7 +994,7 @@ const kt = (n, e) => {
       ))
     ))
   );
-}, ci = () => {
+}, ui = () => {
   const n = document.createElement("iframe");
   return n.frameBorder = "no", n.tabIndex = 0, n.setAttribute(
     "sandbox",
@@ -1027,7 +1027,7 @@ const kt = (n, e) => {
       n / (i.height ?? 1)
     ), computedWidthScale: o, viewportDimensions: i };
   }
-}, ui = ({
+}, li = ({
   columnWidth: n,
   enableTouch: e,
   spreadPosition: t
@@ -1072,12 +1072,12 @@ const kt = (n, e) => {
           object-fit:contain;
         `}
       }
-    `, li = ({
+    `, di = ({
   pageHeight: n,
   pageWidth: e
 }) => ({ columnHeight: n, columnWidth: e }), dt = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, di = ({
+}, pi = ({
   minPageSpread: n,
   blankPagePosition: e,
   spreadPosition: t,
@@ -1089,9 +1089,9 @@ const kt = (n, e) => {
 }) => {
   const c = n * o;
   if (s?.contentDocument && s?.contentWindow) {
-    const { viewportDimensions: u, computedScale: l = 1 } = Wt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, g = i, h = ui(
+    const { viewportDimensions: u, computedScale: l = 1 } = Wt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, g = i, h = li(
       {
-        ...li({ pageHeight: i, pageWidth: o }),
+        ...di({ pageHeight: i, pageWidth: o }),
         enableTouch: a,
         spreadPosition: t
       },
@@ -1121,7 +1121,7 @@ const kt = (n, e) => {
     return { width: c, height: g };
   }
   return { width: c, height: i };
-}, pi = () => `
+}, gi = () => `
       ${zt()}
       html {
         width: 100%;
@@ -1136,7 +1136,7 @@ const kt = (n, e) => {
       html, body {
         touch-action: none;
       }
-    `, gi = ({
+    `, hi = ({
   isScrollable: n,
   enableTouch: e
 }) => `
@@ -1161,7 +1161,7 @@ const kt = (n, e) => {
           display: block;
         }
       ` : ""}
-    `, hi = ({
+    `, mi = ({
   width: n,
   columnHeight: e,
   columnWidth: t
@@ -1229,7 +1229,7 @@ const kt = (n, e) => {
       td {
         max-width: ${t}px;
       }
-    `, mi = ({
+    `, fi = ({
   isUsingVerticalWriting: n,
   minimumWidth: e,
   pageHeight: t,
@@ -1243,9 +1243,9 @@ const kt = (n, e) => {
     columnWidth: r,
     width: c
   };
-}, be = (n, e) => {
+}, Ie = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, fi = ({
+}, yi = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t,
@@ -1270,8 +1270,8 @@ const kt = (n, e) => {
       te(
         t,
         "prose-reader-html-renderer-framce-css",
-        pi()
-      ), be(t, {
+        gi()
+      ), Ie(t, {
         width: h.width ?? 1,
         height: h.height ?? 1
       }), t?.style.setProperty("position", "absolute"), t?.style.setProperty("top", "50%"), t?.style.setProperty(
@@ -1282,26 +1282,26 @@ const kt = (n, e) => {
         `translate(-50%, -50%) scale(${p})`
       ), t?.style.setProperty("transform-origin", "center center");
     else {
-      const b = a ? gi({
+      const I = a ? hi({
         isScrollable: i?.renditionFlow === "scrolled-continuous",
         enableTouch: c
-      }) : hi(
-        mi({
+      }) : mi(
+        fi({
           isUsingVerticalWriting: u,
           minimumWidth: l,
           pageHeight: g,
           pageWidth: e
         })
       );
-      if (te(t, "prose-reader-css", b, !0), u)
+      if (te(t, "prose-reader-css", I, !0), u)
         f = Math.ceil(
           t.contentDocument.documentElement.scrollHeight / g
-        ) * g, be(t, {
+        ) * g, Ie(t, {
           width: l,
           height: f
         });
       else if (i?.renditionFlow === "scrolled-continuous")
-        f = t.contentDocument.body.scrollHeight, be(t, {
+        f = t.contentDocument.body.scrollHeight, Ie(t, {
           width: l,
           height: f
         });
@@ -1309,7 +1309,7 @@ const kt = (n, e) => {
         const F = Math.ceil(
           t.contentDocument.documentElement.scrollWidth / e
         );
-        m ? y = e : y = F * e, be(t, {
+        m ? y = e : y = F * e, Ie(t, {
           width: y,
           height: f
         });
@@ -1318,19 +1318,19 @@ const kt = (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 yi extends fe {
+class Si extends fe {
   constructor() {
     super(...arguments), 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
@@ -1339,17 +1339,17 @@ class yi extends fe {
       x(() => {
         this.attach();
       }),
-      jn,
-      ei({
+      kn,
+      ti({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      kn
+      Un
     );
   }
   onUnload() {
-    return ti(this.getFrameElement()), this.detach(), Z;
+    return ni(this.getFrameElement()), this.detach(), Z;
   }
   onLayout({
     minPageSpread: e,
@@ -1360,7 +1360,7 @@ class yi extends fe {
     if (!r) return v(void 0);
     const a = !!this.writingMode?.startsWith("vertical");
     if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest?.renditionLayout === "pre-paginated") {
-      const u = di({
+      const u = pi({
         blankPagePosition: t,
         enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
         frameElement: r,
@@ -1372,7 +1372,7 @@ class yi extends fe {
       });
       return v(u);
     }
-    const c = fi({
+    const c = yi({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1440,13 +1440,13 @@ class yi extends fe {
     return this.getFrameElement();
   }
 }
-const Si = (n) => (e) => {
+const bi = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(o) {
-      return e.getRenderer?.(o) ?? ((r) => new yi(r));
+      return e.getRenderer?.(o) ?? ((r) => new Si(r));
     }
-  }), i = Zn(t);
+  }), i = Jn(t);
   return i.pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     links$: i
@@ -1480,7 +1480,7 @@ class _e extends it {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class bi extends it {
+class vi extends it {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1506,17 +1506,17 @@ class ae extends _t {
     return new ae(e);
   }
 }
-const vi = (n, e) => {
+const wi = (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
   };
-}, wi = (n, e) => new ae(
-  vi(n, e)
-), Pi = (n) => ({
-  getSpinePositionFromClientPosition: (e) => n.spine.element ? wi(e, n.spine.element) : void 0
-}), xi = (n) => {
+}, Pi = (n, e) => new ae(
+  wi(n, e)
+), xi = (n) => ({
+  getSpinePositionFromClientPosition: (e) => n.spine.element ? Pi(e, n.spine.element) : void 0
+}), $i = (n) => {
   let e;
   const t = n.context.watch("rootElement").pipe(
     _((c) => c ? new ne(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
@@ -1529,7 +1529,7 @@ const vi = (n, e) => {
       `, c.appendChild(e), () => {
       e?.remove(), e = void 0;
     })) : ge)
-  ), i = (c) => an(c, re).pipe(
+  ), i = (c) => cn(c, re).pipe(
     j(() => {
       e?.style.setProperty(
         "visibility",
@@ -1555,11 +1555,11 @@ const vi = (n, e) => {
     G(n.$.destroy$)
   );
   return P(t, a);
-}, $i = (n) => {
+}, Ti = (n) => {
   n.hookManager.register("item.onDocumentLoad", ({ itemId: e }) => {
     n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling", "no");
   });
-}, Ti = (n) => {
+}, Fi = (n) => {
   n.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: t, minimumWidth: i }) => {
@@ -1576,7 +1576,7 @@ const vi = (n, e) => {
       }
     }
   );
-}, Fi = (n) => n.spineItemsManager.items$.pipe(
+}, Li = (n) => n.spineItemsManager.items$.pipe(
   w(
     (e) => P(
       ...e.map(
@@ -1589,7 +1589,7 @@ const vi = (n, e) => {
     )
   )
 );
-let Li = class extends jt {
+let Mi = class extends jt {
   computeOutputSettings(e) {
     return e;
   }
@@ -1615,7 +1615,7 @@ let Li = class extends jt {
     };
   }
 };
-const Mi = (n) => k([
+const Ci = (n) => k([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
@@ -1623,13 +1623,13 @@ const Mi = (n) => k([
     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 });
   })
-), Ci = (n) => (e) => {
+), Ei = (n) => (e) => {
   const {
     pageHorizontalMargin: t,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = e, r = n(e), a = new Li(
+  } = e, r = n(e), a = new Mi(
     {
       pageHorizontalMargin: t,
       pageVerticalMargin: i,
@@ -1645,12 +1645,12 @@ const Mi = (n) => k([
       !p && y && (y.getBoundingClientRect().left, p = !0);
     });
   }), r.hookManager.register("item.onBeforeLayout", ({ item: p }) => {
-    const m = r.spineItemsManager.get(p.id), f = !!(p.mediaType ?? Me(p.href))?.startsWith("image/"), { pageHorizontalMargin: I = 0, pageVerticalMargin: b = 0 } = a.values, F = r.viewport.pageSize;
+    const m = r.spineItemsManager.get(p.id), f = !!(p.mediaType ?? Me(p.href))?.startsWith("image/"), { pageHorizontalMargin: b = 0, pageVerticalMargin: I = 0 } = a.values, F = r.viewport.pageSize;
     if (m?.renditionLayout === "reflowable" && !f) {
-      let $ = F.width - I * 2;
-      const A = F.height - b * 2;
-      let Y = F.width - I * 2, B = I * 2;
-      m.isUsingVerticalWriting() && (Y = F.width - I * 2, $ = A, B = b * 2);
+      let $ = F.width - b * 2;
+      const A = F.height - I * 2;
+      let Y = F.width - b * 2, B = b * 2;
+      m.isUsingVerticalWriting() && (Y = F.width - b * 2, $ = A, B = I * 2);
       const ie = m?.renderer.getDocumentFrame();
       ie && te(
         ie,
@@ -1658,7 +1658,7 @@ const Mi = (n) => k([
         `
               body {
                 width: ${Y}px !important;
-                margin: ${b}px ${I}px !important;
+                margin: ${I}px ${b}px !important;
                 column-gap: ${B}px !important;
                 column-width: ${$}px !important;
                 height: ${A}px !important;
@@ -1676,7 +1676,7 @@ const Mi = (n) => k([
             `
       );
     }
-  }), Ti(r), $i(r), r.hookManager.register(
+  }), Fi(r), Ti(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: p }) => {
       p.style.opacity = "0", a.values.layoutLayerTransition && (p.style.transition = "opacity 300ms");
@@ -1696,12 +1696,12 @@ const Mi = (n) => k([
     _(() => r.context.watch("rootElement")),
     se(le),
     _((p) => tt(p)),
-    bn(100),
+    vn(100),
     se(le),
     j(() => {
       r?.layout();
     })
-  ), l = xi(r);
+  ), l = $i(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     Ct(1),
     j(() => {
@@ -1711,7 +1711,7 @@ const Mi = (n) => k([
   ).subscribe();
   const d = r.spine.pages.pipe(
     Ce({ refCount: !0, bufferSize: 1 })
-  ), g = Fi(r), h = Mi(r);
+  ), g = Li(r), h = Ci(r);
   return P(
     c,
     l,
@@ -1727,9 +1727,9 @@ const Mi = (n) => k([
     settings: a,
     layout$: r.spine.layout$,
     layoutInfo$: d,
-    coordinates: Pi(r)
+    coordinates: xi(r)
   };
-}, Ei = `${W}-enhancer-loading`, Ht = `${Ei}-container`, Di = (n, e) => {
+}, Di = `${W}-enhancer-loading`, Ht = `${Di}-container`, Ri = (n, e) => {
   const t = n.ownerDocument.createElement("div");
   return t.classList.add(Ht), t.style.cssText = `
       height: 100%;
@@ -1747,7 +1747,7 @@ const Mi = (n) => k([
       background-color: white;
       z-index: 1;
     `, t;
-}, Ri = ({
+}, Ai = ({
   container: n,
   item: e
 }) => {
@@ -1764,8 +1764,8 @@ const Mi = (n) => k([
       max-width: 300px;
       width: 80%;
     `, n.appendChild(t), n.appendChild(i), n;
-}, Ai = (n) => (e) => {
-  const { loadingElementCreate: t = Ri } = e, i = n(e), o = (c) => v(
+}, Oi = (n) => (e) => {
+  const { loadingElementCreate: t = Ai } = e, i = n(e), o = (c) => v(
     c.reduce((u, { item: l, element: d }) => {
       d.style.zIndex = "0";
       const g = d.querySelector(
@@ -1774,7 +1774,7 @@ const Mi = (n) => k([
       if (g instanceof HTMLElement)
         return u[l.id] = g, u;
       const h = t({
-        container: Di(d, i.viewport),
+        container: Ri(d, i.viewport),
         item: l
       });
       return d.appendChild(h), u[l.id] = h, u;
@@ -1825,7 +1825,7 @@ const Mi = (n) => k([
     }
   };
 };
-class Oi extends fe {
+class Ni extends fe {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1877,12 +1877,12 @@ class Oi extends fe {
   getDocumentFrame() {
   }
 }
-const Ni = (n) => (e) => {
+const Vi = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(r) {
       const a = e.getRenderer?.(r), u = !!(r.mediaType ?? Me(r.href))?.startsWith("image/");
-      return !a && u ? (l) => new Oi(l) : a;
+      return !a && u ? (l) => new Ni(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1932,15 +1932,15 @@ const Ni = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, Vi = (n, e) => n.links$.pipe(
+}, ji = (n, e) => n.links$.pipe(
   x((t) => {
-    if (!On(t.target, "a") || t.type !== "click") return;
+    if (!Nn(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);
   })
-), oe = D.namespace("navigation"), ji = ({
+), oe = D.namespace("navigation"), ki = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -1972,7 +1972,7 @@ const Ni = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = ji({
+  ), l = ki({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -1994,7 +1994,7 @@ const Ni = (n) => (e) => {
       x: 0
     })
   );
-}, ki = ({
+}, Ui = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2038,7 +2038,7 @@ const Ni = (n) => (e) => {
     return i.getAdjustedPositionForSpread(l);
   }
   return i.getAdjustedPositionForSpread(u);
-}, Ui = ({
+}, zi = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2070,7 +2070,7 @@ const Ni = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Ui({
+  ), l = zi({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -2092,7 +2092,7 @@ const Ni = (n) => (e) => {
       x: 0
     })
   );
-}, zi = ({
+}, Wi = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2140,7 +2140,7 @@ const Ni = (n) => (e) => {
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class Wi {
+class _i {
   constructor(e) {
     this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2159,7 +2159,7 @@ class Wi {
   turnRightOrBottom() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = zi({
+    const i = Wi({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2177,7 +2177,7 @@ class Wi {
   turnLeftOrTop() {
     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,
@@ -2319,7 +2319,7 @@ class Wi {
     }
   }
 }
-class _i {
+class Hi {
   constructor(e) {
     this.reader = e, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new M({ x: 0, y: 0 }), this.lastStartPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2358,8 +2358,8 @@ class _i {
     });
   }
 }
-const Hi = 500;
-class Bi extends X {
+const Bi = 500;
+class Xi extends X {
   constructor(e, t) {
     super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new R(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
@@ -2370,7 +2370,7 @@ class Bi extends X {
           v(o)
         ).pipe(
           Se(
-            Hi,
+            Bi,
             re
           ),
           U(),
@@ -2393,7 +2393,7 @@ class Bi extends X {
     P(i).pipe(T(this.destroy$)).subscribe();
   }
 }
-const Xi = (n) => n.pagination.state$.pipe(
+const Yi = (n) => n.pagination.state$.pipe(
   O(n.context.manifest$, n.settings.values$),
   S(
     ([
@@ -2413,7 +2413,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     }
   ),
   z(V)
-), Yi = ({ reader: n, duration: e }) => (t) => {
+), qi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
@@ -2422,18 +2422,18 @@ const Xi = (n) => n.pagination.state$.pipe(
     x(() => {
       i || (i = n?.navigation.lock());
     }),
-    cn(e, re, {
+    un(e, re, {
       trailing: !0,
       leading: !0
     }),
     x(o),
     de(o)
   );
-}, qi = (n) => (e) => {
-  const t = n(e), i = Xi(t), o = new Wi(t), s = new _i(t), r = new Bi(
+}, Gi = (n) => (e) => {
+  const t = n(e), i = Yi(t), o = new _i(t), s = new Hi(t), r = new Xi(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = Vi(t, o), c = r.navigation$.pipe(
+  ), a = ji(t, o), c = r.navigation$.pipe(
     x((d) => {
       t.navigation.navigate(d);
     })
@@ -2450,7 +2450,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: d, trigger: g }) => g.pipe(Yi({ duration: d, reader: t })),
+      throttleLock: ({ duration: d, trigger: g }) => g.pipe(qi({ duration: d, reader: t })),
       moveTo: s.moveTo.bind(s),
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2498,19 +2498,19 @@ const Xi = (n) => n.pagination.state$.pipe(
     }
     return o;
   }, void 0);
-}, Gi = (n, e) => {
+}, Zi = (n, e) => {
   const { href: t } = e;
   return Bt(t, n.nav?.toc ?? [], n);
-}, Zi = (n) => {
+}, Ji = (n) => {
   const e = n.context.manifest, t = n.spineItemsManager.items;
   return e ? t.reduce(
-    (i, { item: o }) => (i[o.id] = Gi(e, o), i),
+    (i, { item: o }) => (i[o.id] = Zi(e, o), i),
     {}
   ) : {};
-}, Ji = (n) => n.spineItemsManager.items$.pipe(
+}, Ki = (n) => n.spineItemsManager.items$.pipe(
   ee([]),
-  S(() => Zi(n))
-), Ki = (n, e, t) => n + e * t, Qi = (n, e, t) => {
+  S(() => Ji(n))
+), Qi = (n, e, t) => n + e * t, eo = (n, e, t) => {
   const { height: i, width: o } = t.layout.layoutInfo, { top: s, left: r } = n.spine.getSpineItemSpineLayoutInfo(t);
   return n.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
@@ -2525,27 +2525,27 @@ const Xi = (n) => n.pagination.state$.pipe(
       (e.x - r + n.viewport.absoluteViewport.width) / o
     )
   );
-}, eo = (n, e, t, i, o) => o.isReady$.pipe(
+}, to = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
   O(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, g = n.context.manifest?.spineItems.length ?? 0, h = r.pages.filter((f) => f.itemIndex === d).length ?? 0, p = 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, b) => f + (b.progressionWeight ?? 0), 0) || 0, d = n.spineItemsManager.getSpineItemIndex(o) ?? 0, g = n.context.manifest?.spineItems.length ?? 0, h = r.pages.filter((f) => f.itemIndex === d).length ?? 0, p = 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) / g;
     let m = (t + 1) * (p / h);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
-    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Qi(
+    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = eo(
       n,
       i,
       o
-    ) : m = 0, y = Ki(
+    ) : m = 0, y = Qi(
       l,
       p,
       m
     )), e === u - 1 && t === h - 1 && y > 0.99 ? 1 : y;
   })
-), to = (n) => n.spine.layout$.pipe(
+), no = (n) => n.spine.layout$.pipe(
   Se(10, re),
   O(n.pagination.state$),
   S(() => ({
@@ -2563,7 +2563,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), no = (n, e, t, i) => {
+), io = (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,
@@ -2594,7 +2594,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, io = (n) => k([
+}, oo = (n) => k([
   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
@@ -2603,7 +2603,7 @@ const Xi = (n) => n.pagination.state$.pipe(
 ]).pipe(
   w(([e]) => {
     const t = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
-    return t ? eo(
+    return t ? to(
       n,
       e.endSpineItemIndex ?? 0,
       e.endPageIndexInSpineItem || 0,
@@ -2611,8 +2611,8 @@ const Xi = (n) => n.pagination.state$.pipe(
       t
     ) : v(0);
   })
-), oo = (n) => {
-  const e = Ji(n), t = to(n), i = new H({
+), so = (n) => {
+  const e = Ki(n), t = no(n), i = new H({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2630,10 +2630,10 @@ const Xi = (n) => n.pagination.state$.pipe(
   }), o = k([
     n.pagination.state$,
     e,
-    io(n)
+    oo(n)
   ]).pipe(
     w(
-      ([r, a, c]) => no(
+      ([r, a, c]) => io(
         n,
         r,
         a,
@@ -2677,7 +2677,7 @@ const Xi = (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) : Nn(n) ? ze({
+  return !i || !i?.documentElement || n === i ? he(t) : Vn(n) ? ze({
     start: {
       node: n.startContainer,
       offset: n.startOffset,
@@ -2709,14 +2709,14 @@ const Xi = (n) => n.pagination.state$.pipe(
     offset: o.offset,
     item: e.item
   }).trim() : he(e.item);
-}, so = (n, e) => Xt({
+}, ro = (n, e) => Xt({
   nodeOrRange: n,
   item: e
-}), er = (n) => n.index.toString(), ht = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
+}), tr = (n) => n.index.toString(), ht = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
   const e = Et(n);
-  return wn(e);
-}, ro = (n) => Array.isArray(n) ? n[0] && ht(n[0]) ? n[0] : void 0 : n.parent[0] && ht(n.parent[0]) ? n.parent[0] : void 0, ot = (n) => {
-  const e = Et(n), s = ((ro(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 Pn(e);
+}, ao = (n) => Array.isArray(n) ? n[0] && ht(n[0]) ? n[0] : void 0 : n.parent[0] && ht(n.parent[0]) ? n.parent[0] : void 0, ot = (n) => {
+  const e = Et(n), s = ((ao(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = xn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     cleanedCfi: n,
@@ -2739,7 +2739,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     const r = s.contentWindow?.document;
     if (r)
       try {
-        const a = xn(n, r, {
+        const a = $n(n, r, {
           throwOnError: !0
         });
         return {
@@ -2766,7 +2766,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     spineItem: o,
     node: null
   };
-}, ao = (n, e) => {
+}, co = (n, e) => {
   if ("cfi" in e) {
     const { itemIndex: s, ...r } = n.cfi.parseCfi(e.cfi);
     return {
@@ -2786,7 +2786,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     itemIndex: t.index,
     node: null
   };
-}, co = (n, e) => {
+}, uo = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
   return s ? Vt().pipe(
@@ -2819,7 +2819,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     })
   ) : v({ ...n, itemIndex: i, ...o });
 };
-class uo {
+class lo {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (t) => {
       const i = this.locatorsByKey.get(t);
@@ -2827,7 +2827,7 @@ class uo {
     }, this.locate = (t, i) => {
       const o = {
         resource: t,
-        meta: ao(this.reader, t)
+        meta: co(this.reader, t)
       };
       return ut(() => {
         const s = this.reader.spineItemsManager.get(
@@ -2852,7 +2852,7 @@ class uo {
         const d = this.reader.spine.layout$.pipe(
           Se(10),
           ee(o),
-          un((g) => co(g.meta, this.reader).pipe(
+          ln((g) => uo(g.meta, this.reader).pipe(
             S((h) => ({
               ...g,
               meta: h
@@ -2871,14 +2871,14 @@ class uo {
     return Array.isArray(e) ? ut(
       () => k(
         e.map((i) => this.locate(i, t ?? {}))
-      ).pipe(ln([]))
+      ).pipe(dn([]))
     ) : this.locate(e, t ?? {});
   }
 }
-const lo = (n) => (e) => {
-  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = oo(t);
+const po = (n) => (e) => {
+  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = so(t);
   i.pipe(T(t.$.destroy$)).subscribe();
-  const s = new uo(t);
+  const s = new lo(t);
   return {
     ...t,
     locateResource: s.locateResource.bind(s),
@@ -2892,7 +2892,7 @@ const lo = (n) => (e) => {
       }
     }
   };
-}, po = (n) => ({
+}, go = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
     u.onerror = (g) => {
@@ -2949,11 +2949,11 @@ const lo = (n) => (e) => {
   i.onerror = (o) => {
     t(o);
   }, i.onsuccess = () => {
-    e(po(i.result));
+    e(go(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), go = (n) => {
+}), ho = (n) => {
   let e = Date.now().toString();
   const t = new R(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
@@ -2973,10 +2973,10 @@ const lo = (n) => (e) => {
     t.next({ id: c, data: u });
   };
   t.asObservable().pipe(
-    vn(({ id: c, data: u }) => {
+    wn(({ id: c, data: u }) => {
       const l = i(c);
       return l ? N(
-        dn([Oe("prose-reader"), N(u.blob())])
+        pn([Oe("prose-reader"), N(u.blob())])
       ).pipe(
         _(([d, g]) => N(d.put(`${e}_${l.id}`, g))),
         at((d) => (D.error(d), Z))
@@ -3011,8 +3011,8 @@ const lo = (n) => (e) => {
       t.complete();
     }
   };
-}, ho = (n) => (e) => {
-  const t = n(e), i = go(t.context);
+}, mo = (n) => (e) => {
+  const t = n(e), i = ho(t.context);
   return {
     ...t,
     // $: {
@@ -3024,7 +3024,7 @@ const lo = (n) => (e) => {
     }
     // load,
   };
-}, mo = (n, e) => {
+}, fo = (n, e) => {
   const t = n.node.ownerDocument?.createRange(), i = n.node.compareDocumentPosition(e.node);
   if (t) {
     try {
@@ -3044,14 +3044,14 @@ const lo = (n) => (e) => {
     }
     return t;
   }
-}, fo = ({
+}, yo = ({
   selection: n,
   spineItem: e
 }) => {
   const { anchorNode: t, anchorOffset: i, focusNode: o, focusOffset: s } = n;
   if (!(!t || !o))
     try {
-      return mo(
+      return fo(
         { node: t, offset: i },
         { node: o, offset: s }
       );
@@ -3063,7 +3063,7 @@ const lo = (n) => (e) => {
       return;
     }
 };
-class yo extends X {
+class So extends X {
   constructor(e) {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
@@ -3118,11 +3118,11 @@ class yo extends X {
     }
   }
 }
-const So = (n) => n.watch("isLoaded").pipe(
+const bo = (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 yo(e);
+    const i = new So(e);
     return P(
       i.selectionChange$.pipe(
         S((o) => {
@@ -3156,7 +3156,7 @@ const So = (n) => n.watch("isLoaded").pipe(
     w((l) => {
       const d = l.map((g) => {
         const h = t.spineItemsManager.getSpineItemIndex(g) ?? 0;
-        return So(g).pipe(
+        return bo(g).pipe(
           S((p) => {
             if (p)
               return {
@@ -3204,7 +3204,7 @@ const So = (n) => n.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: fo
+      createOrderedRangeFromSelection: yo
     }
   };
 }, mt = [
@@ -3222,7 +3222,7 @@ const So = (n) => n.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], bo = (n) => (e) => {
+], vo = (n) => (e) => {
   const t = n(e), i = new H(
     e.theme ?? "bright"
   ), o = () => {
@@ -3287,14 +3287,14 @@ const So = (n) => n.watch("isLoaded").pipe(
       }
     }
   };
-}, vo = (n) => (e) => ({
+}, wo = (n) => (e) => ({
   ...n(e),
   utils: {
     isOrIsWithinValidLink: (o) => !!(Ot(o) && (o.nodeName === "a" ? o : o.closest("a"))?.getAttribute("href"))
   }
 });
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const wo = (n) => (e) => n(e), Po = "[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}";
+const Po = (n) => (e) => n(e), xo = "[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}";
 class ce extends ne {
   constructor(e) {
     super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new R(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new H(e);
@@ -3322,36 +3322,166 @@ class ce extends ne {
     this.stateSubject.complete(), this._destroy$.complete();
   }
 }
-const xo = (n, e, t) => {
+const $o = (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}`;
-}, $o = (n, e, t, i) => {
+}, To = (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),
     y: i.y + c * (1 - o)
   };
-}, To = (n, e, t, i, o) => {
+};
+class qt {
+  constructor(e) {
+    this.x = e.x, this.y = e.y;
+  }
+}
+class ft extends qt {
+}
+class Fo extends qt {
+  constructor() {
+    super(...arguments), this.__symbol = Symbol("UnboundScrollPosition");
+  }
+}
+class Lo extends ce {
+  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 H(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({
+      position: d
+    }) => {
+      const g = this.value.element;
+      this.scrollingSubject.next(!0);
+      const h = this.fromSpinePosition(d);
+      g?.scrollTo({
+        left: h.x,
+        top: h.y,
+        behavior: "instant"
+      }), Te(1).pipe(
+        x(() => {
+          this.scrollingSubject.next(!1);
+        }),
+        T(P(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
+      ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
+    };
+    const r = this.context.pipe(
+      et(["rootElement"]),
+      x(({ rootElement: d }) => {
+        if (!d) return;
+        const g = document.createElement("div");
+        g.setAttribute(`data-${ri}`, ""), g.appendChild(this.viewport.value.element), d.appendChild(g), this.update({ element: g });
+      })
+    ), a = k([
+      t.watch(["computedPageTurnMode"]),
+      this.watch("element")
+    ]).pipe(
+      x(([{ computedPageTurnMode: d }, g]) => {
+        g && (d === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
+      })
+    ), c = this.navigateSubject.pipe(x(this.setViewportPosition));
+    this.isNavigating$ = this.navigateSubject.pipe(
+      ee(!1),
+      w(() => P(v(!0), v(!1))),
+      J(1)
+    );
+    const u = P(
+      o.element$.pipe(
+        L(le),
+        w((d) => tt(d))
+      ),
+      o.element$.pipe(
+        L(le),
+        w((d) => q(d, "scroll"))
+      ),
+      o.spineItemsObserver.itemResize$
+    ).pipe(
+      w(
+        () => Te(10).pipe(
+          S(() => !1),
+          ee(!0)
+        )
+      ),
+      z(),
+      ee(!1)
+    ), l = k([
+      u,
+      this.isScrolling$
+    ]).pipe(
+      S(
+        ([d, g]) => d || g
+      ),
+      J(1)
+    );
+    this.userScroll$ = this.watch("element").pipe(
+      L(le),
+      w(
+        (d) => t.watch(["computedPageTurnMode"]).pipe(
+          w(
+            ({ computedPageTurnMode: g }) => g === "controlled" ? ge : q(d, "scroll").pipe(
+              O(l),
+              L(
+                ([, h]) => !h
+              ),
+              S(([h]) => h)
+            )
+          )
+        )
+      ),
+      E()
+    ), P(r, a, c).pipe(T(this.destroy$)).subscribe();
+  }
+  update(e) {
+    this.mergeCompare(e);
+  }
+  navigate(e) {
+    this.navigateSubject.next(e);
+  }
+  fromScrollPosition(e) {
+    const t = this.viewport.scaleFactor;
+    return new ae({
+      x: e.x / t,
+      y: e.y / t
+    });
+  }
+  fromSpinePosition(e) {
+    const t = this.viewport.scaleFactor;
+    return new ft({
+      x: e.x * t,
+      y: e.y * t
+    });
+  }
+  get scrollPosition() {
+    const e = this.value.element;
+    return new ft({
+      x: e?.scrollLeft ?? 0,
+      y: e?.scrollTop ?? 0
+    });
+  }
+}
+const Mo = (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, h = l * d, p = g - s / 2 + i, m = h - r / 2 + o;
-  return { newScrollLeft: p, newScrollTop: 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 = t.scaleFactor, c = o.offsetLeft, u = o.offsetTop, { newScrollLeft: l, newScrollTop: d } = To(
-    s ?? Rn(),
+  return new Fo({
+    x: p,
+    y: m
+  });
+}, Co = (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 = Mo(
+    s ?? An(),
     a,
     n,
     c,
     u
-  ), g = n < 1 ? "down" : "up";
+  ), d = n < 1 ? "down" : "up";
   return r?.setAttribute(
     `data-${W}-zooming-direction`,
-    g
-  ), n < 1 ? o.style.transformOrigin = "top" : n > 1 && (o.style.transformOrigin = `${c}px ${u}px`), o.style.transform = `scale(${n})`, i.fromScrollPosition({
-    x: l,
-    y: d
-  });
+    d
+  ), n < 1 ? o.style.transformOrigin = "top" : n > 1 && (o.style.transformOrigin = `${c}px ${u}px`), o.style.transform = `scale(${n})`, i.fromScrollPosition(
+    l
+  );
 }, ve = 200;
-class Lo extends ce {
+class Eo extends ce {
   constructor(e) {
     super({
       isZooming: !1,
@@ -3417,7 +3547,7 @@ class Lo extends ce {
   }
   updateZoom(e, t) {
     if (this.isControlled) {
-      const i = t || $o(
+      const i = t || To(
         this.value.currentScale,
         e,
         this.viewport.element,
@@ -3434,13 +3564,13 @@ class Lo extends ce {
   }
   applyZoom(e, t) {
     if (this.isControlled)
-      xo(
+      $o(
         e,
         t,
         this.viewport.element
       );
     else {
-      const i = Fo(e, this.reader);
+      const i = Co(e, this.reader);
       this.reader.navigation.navigate({
         position: i
       });
@@ -3456,11 +3586,11 @@ class Lo extends ce {
     return this.reader.viewport.value;
   }
 }
-const ft = `${Ut}-enhancer-zoom`, Mo = (n) => (e) => {
-  const t = n(e), i = new Lo(t);
-  Je(document, ft, Po);
+const yt = `${Ut}-enhancer-zoom`, Do = (n) => (e) => {
+  const t = n(e), i = new Eo(t);
+  Je(document, yt, xo);
   const o = () => {
-    Ke(document, ft), i.destroy(), t.destroy();
+    Ke(document, yt), i.destroy(), t.destroy();
   }, s = i;
   return {
     ...t,
@@ -3476,8 +3606,8 @@ const ft = `${Ut}-enhancer-zoom`, Mo = (n) => (e) => {
       }
     }
   };
-}, qt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
-class Co {
+}, Gt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
+class Ro {
   constructor() {
     this.navigationSubject = new st(1), this.viewportStateSubject = new H("free"), this.paginationSubject = new st(), this.navigationIsLockedSubject = new H(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       z(),
@@ -3489,11 +3619,11 @@ class Co {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-class Eo extends ce {
+class Ao extends ce {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new Co(), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new Ro(), this.manifest$ = this.pipe(
       K((e) => e.manifest),
       se(le),
       pe()
@@ -3504,7 +3634,7 @@ class Eo extends ce {
       ...t,
       ...e,
       ...e.manifest && {
-        isFullyPrePaginated: qt(i),
+        isFullyPrePaginated: Gt(i),
         assumedRenditionLayout: i?.renditionLayout ?? "reflowable"
       }
     };
@@ -3517,7 +3647,7 @@ class Eo extends ce {
     return this.manifest?.readingDirection;
   }
 }
-class Do extends ce {
+class Oo extends ce {
   constructor(e, t) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3552,7 +3682,7 @@ class Do extends ce {
     ).subscribe(this.next.bind(this));
   }
 }
-class Ro {
+class No {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3614,17 +3744,17 @@ class Ro {
     return k(s);
   }
 }
-const Ao = "[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) => ({
+const Vo = "[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%}", jo = (n) => ({
   x: -n.x,
   y: -n.y
-}), No = (n) => n instanceof DOMMatrix ? new M({
+}), ko = (n) => n instanceof DOMMatrix ? new M({
   x: -n.e,
   y: -n.f
 }) : new M({
   x: -n.x,
   y: -n.y
-}), Vo = "navigation/ViewportNavigator", yt = D.namespace(Vo);
-class jo extends X {
+}), Uo = "navigation/ViewportNavigator", St = D.namespace(Uo);
+class zo extends X {
   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 H(
       document.createElement("div")
@@ -3653,13 +3783,13 @@ class jo extends X {
     );
     this.layout$ = c.pipe(
       x(() => {
-        yt.info("layout", e.values);
+        St.info("layout", e.values);
       }),
       E()
     );
     const u = this.navigateSubject.pipe(
       x((l) => {
-        yt.info("Navigation requested", l);
+        St.info("Navigation requested", l);
       })
     );
     this.isNavigating$ = u.pipe(
@@ -3736,7 +3866,7 @@ class jo extends X {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = Oo(e);
+    const t = this.element$.getValue(), i = jo(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3751,132 +3881,10 @@ class jo extends X {
     if (!i || i === "none")
       return new M({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return No(o);
+    return ko(o);
   }
 }
-class ko {
-  constructor(e) {
-    this.x = e.x, this.y = e.y;
-  }
-}
-class St extends ko {
-}
-class Uo extends ce {
-  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 H(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({
-      position: d
-    }) => {
-      const g = this.value.element;
-      this.scrollingSubject.next(!0);
-      const h = this.fromSpinePosition(d);
-      g?.scrollTo({
-        left: h.x,
-        top: h.y,
-        behavior: "instant"
-      }), Te(1).pipe(
-        x(() => {
-          this.scrollingSubject.next(!1);
-        }),
-        T(P(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
-      ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
-    };
-    const r = this.context.pipe(
-      et(["rootElement"]),
-      x(({ rootElement: d }) => {
-        if (!d) return;
-        const g = document.createElement("div");
-        g.setAttribute(`data-${si}`, ""), g.appendChild(this.viewport.value.element), d.appendChild(g), this.update({ element: g });
-      })
-    ), a = k([
-      t.watch(["computedPageTurnMode"]),
-      this.watch("element")
-    ]).pipe(
-      x(([{ computedPageTurnMode: d }, g]) => {
-        g && (d === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
-      })
-    ), c = this.navigateSubject.pipe(x(this.setViewportPosition));
-    this.isNavigating$ = this.navigateSubject.pipe(
-      ee(!1),
-      w(() => P(v(!0), v(!1))),
-      J(1)
-    );
-    const u = P(
-      o.element$.pipe(
-        L(le),
-        w((d) => tt(d))
-      ),
-      o.element$.pipe(
-        L(le),
-        w((d) => q(d, "scroll"))
-      ),
-      o.spineItemsObserver.itemResize$
-    ).pipe(
-      w(
-        () => Te(10).pipe(
-          S(() => !1),
-          ee(!0)
-        )
-      ),
-      z(),
-      ee(!1)
-    ), l = k([
-      u,
-      this.isScrolling$
-    ]).pipe(
-      S(
-        ([d, g]) => d || g
-      ),
-      J(1)
-    );
-    this.userScroll$ = this.watch("element").pipe(
-      L(le),
-      w(
-        (d) => t.watch(["computedPageTurnMode"]).pipe(
-          w(
-            ({ computedPageTurnMode: g }) => g === "controlled" ? ge : q(d, "scroll").pipe(
-              O(l),
-              L(
-                ([, h]) => !h
-              ),
-              S(([h]) => h)
-            )
-          )
-        )
-      ),
-      E()
-    ), P(r, a, c).pipe(T(this.destroy$)).subscribe();
-  }
-  update(e) {
-    this.mergeCompare(e);
-  }
-  navigate(e) {
-    this.navigateSubject.next(e);
-  }
-  fromScrollPosition(e) {
-    const t = this.viewport.scaleFactor;
-    return new ae({
-      x: e.x / t,
-      y: e.y / t
-    });
-  }
-  fromSpinePosition(e) {
-    const t = this.viewport.scaleFactor;
-    return new St({
-      x: e.x * t,
-      y: e.y * t
-    });
-  }
-  get scrollPosition() {
-    const e = this.value.element;
-    return new St({
-      x: e?.scrollLeft ?? 0,
-      y: e?.scrollTop ?? 0
-    });
-  }
-}
-const zo = () => (n) => n.pipe(
+const Wo = () => (n) => n.pipe(
   S(({ navigation: e, pagination: t, ...i }) => ({
     navigation: {
       ...e,
@@ -3884,7 +3892,7 @@ const zo = () => (n) => n.pipe(
     },
     ...i
   }))
-), Wo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
+), _o = (n, e, t) => n.bridgeEvent.pagination$.pipe(
   O(e),
   L(
     ([i, o]) => i.navigationId === o.id
@@ -3901,7 +3909,7 @@ const zo = () => (n) => n.pipe(
       navigation: o
     }))
   )),
-  zo(),
+  Wo(),
   z(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3913,7 +3921,7 @@ const zo = () => (n) => n.pipe(
       }
     })
   )
-), _o = ({ navigationResolver: n }) => (e) => e.pipe(
+), Ho = ({ navigationResolver: n }) => (e) => e.pipe(
   S(([t, i]) => {
     const o = {
       type: "api",
@@ -3935,6 +3943,11 @@ const zo = () => (n) => n.pipe(
        *
        * For now having things centered (negative x) on zoom out in scroll mode can be achieved with transform origin for example.
        * This "limitation" is here at the moment to avoid unexpected behaviors.
+       *
+       * @note
+       * Has a bug where scaling from < 1 to 1 was creating positive x offset. This is "expected" since on scroll mode the viewport
+       * is at the offset 0 at scale 0.2 for eg: then when calculating new scroll delta, we get positive x offset. Anyway, to prevent
+       * out of bounds position this should make sure we always stay within an item.
        */
       position: t.position ? n.fromOutOfBoundsSpinePosition(
         t.position
@@ -3945,7 +3958,7 @@ const zo = () => (n) => n.pipe(
       navigation: o
     };
   })
-), Ho = ({ navigationResolver: n }) => (e) => e.pipe(
+), Bo = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.cfi) {
       const i = n.getNavigationForCfi(
@@ -3962,16 +3975,16 @@ const zo = () => (n) => n.pipe(
     }
     return t;
   })
-), Bo = ({
+), Xo = ({
   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", Xo = ({
+}) => 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", Yo = ({
   context: n,
   settings: e
 }) => (t) => t.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const s = Bo({
+    const s = Xo({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -3985,7 +3998,7 @@ const zo = () => (n) => n.pipe(
       direction: s
     };
   })
-), Yo = ({
+), qo = ({
   spineItemsManager: n,
   navigationResolver: e,
   settings: t
@@ -4028,7 +4041,7 @@ const zo = () => (n) => n.pipe(
       ...s
     };
   })
-), It = ({
+), bt = ({
   settings: n,
   spineItemsManager: e,
   navigationResolver: t,
@@ -4058,13 +4071,13 @@ const zo = () => (n) => n.pipe(
         restrictToScreen: !1
       }) ?? {}, m = (l === "forward" || l === "anchor" ? p : h) ?? h, y = e.get(m);
       if (!y) return;
-      const { endPageIndex: f, beginPageIndex: I } = i.getVisiblePagesFromViewportPosition({
+      const { endPageIndex: f, beginPageIndex: b } = i.getVisiblePagesFromViewportPosition({
         position: a,
         spineItem: y,
         threshold: d,
         restrictToScreen: !1
-      }) ?? {}, b = (l === "forward" || l === "anchor" ? f : I) ?? 0, F = t.getNavigationForSpineItemPage({
-        pageIndex: b,
+      }) ?? {}, I = (l === "forward" || l === "anchor" ? f : b) ?? 0, F = t.getNavigationForSpineItemPage({
+        pageIndex: I,
         spineItemId: y
       }), $ = i.getVisibleSpineItemsFromPosition({
         position: F,
@@ -4087,7 +4100,7 @@ const zo = () => (n) => n.pipe(
       };
     })
   );
-}, bt = ({ spine: n }) => (e) => e.pipe(
+}, It = ({ spine: n }) => (e) => e.pipe(
   w(({ navigation: t, ...i }) => {
     const o = n.getSpineItemSpineLayoutInfo(
       t.spineItem
@@ -4154,7 +4167,7 @@ const zo = () => (n) => n.pipe(
       ...a
     }))
   );
-}, qo = ({ navigationResolver: n }) => (e) => e.pipe(
+}, Go = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.url) {
       const i = n.getNavigationForUrl(
@@ -4173,7 +4186,7 @@ const zo = () => (n) => n.pipe(
     return t;
   })
 );
-class Gt {
+class Zt {
   constructor() {
     this.isLockedSubject = new H(0), this.isLocked$ = this.isLockedSubject.pipe(
       S((e) => !!e),
@@ -4187,7 +4200,7 @@ class Gt {
     };
   }
 }
-const Go = ({
+const Zo = ({
   spineLocator: n,
   navigation: e,
   navigationResolver: t,
@@ -4244,7 +4257,7 @@ const Go = ({
       return c ? t.getNavigationForPosition(e.position) : t.getNavigationForSpineIndexOrId(s);
     })
   ) : v(new M({ x: 0, y: 0 }));
-}, Zo = ({
+}, Jo = ({
   navigation: n,
   spineLocator: e,
   spineItemsManager: t,
@@ -4313,7 +4326,7 @@ const Go = ({
     }
   }
   return n.position;
-}, Jo = ({
+}, Ko = ({
   navigation: n,
   spineItemsManager: e,
   settings: t,
@@ -4321,7 +4334,7 @@ const Go = ({
   navigationResolver: o,
   spine: s
 }) => t.values.computedPageTurnMode === "scrollable" ? v(
-  Zo({
+  Jo({
     navigation: n,
     spineLocator: i,
     navigationResolver: o,
@@ -4329,7 +4342,7 @@ const Go = ({
     spineItemsManager: e,
     spine: s
   })
-) : Go({
+) : Zo({
   navigation: n,
   spineLocator: i,
   navigationResolver: o,
@@ -4341,7 +4354,7 @@ const Go = ({
   context: t,
   spine: i
 }) => (o) => o.pipe(
-  w((s) => Jo({
+  w((s) => Ko({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4358,8 +4371,8 @@ const Go = ({
       }
     }))
   ))
-), Ko = "navigation/InternalNavigator", Qo = D.namespace(Ko);
-class es extends X {
+), Qo = "navigation/InternalNavigator", es = D.namespace(Qo);
+class ts extends X {
   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.isUserLocked$ = c, this.navigationSubject = new H({
       animation: !1,
@@ -4371,36 +4384,36 @@ class es extends X {
       type: "api",
       id: Symbol()
     }), this.navigated$ = this.navigationSubject.pipe(Lt(1)), this.navigation$ = this.navigationSubject.pipe(
-      S(({ position: f, id: I }) => ({
+      S(({ position: f, id: b }) => ({
         position: f,
-        id: I
+        id: b
       })),
       z(
-        ({ position: f, ...I }, { position: b, ...F }) => V(I, F) && V(f, b)
+        ({ position: f, ...b }, { position: I, ...F }) => V(b, F) && V(f, I)
       ),
       J(1)
-    ), this.locker = new Gt();
+    ), this.locker = new Zt();
     const u = i.pipe(
       O(this.navigationSubject),
-      _o({
+      Ho({
         navigationResolver: r
       }),
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      qo({
+      Go({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Ho({
+      Bo({
         navigationResolver: r
       }),
-      Xo({ context: t, settings: e }),
-      It({
+      Yo({ context: t, settings: e }),
+      bt({
         navigationResolver: r,
         settings: e,
         spineItemsManager: a.spineItemsManager,
@@ -4412,20 +4425,20 @@ class es extends X {
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      bt({
+      It({
         spine: a
       })
     ).pipe(
-      Yo({
+      qo({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager,
         settings: e
       }),
       O(c),
-      w(([f, I]) => {
-        const b = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || I;
+      w(([f, b]) => {
+        const I = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || b;
         return v(f).pipe(
-          b ? Pe : vt({
+          I ? Pe : vt({
             navigationResolver: r,
             settings: e,
             spine: a,
@@ -4445,9 +4458,9 @@ class es extends X {
       O(c),
       L(([, f]) => f),
       w(([f]) => {
-        const I = this.locker.lock();
+        const b = this.locker.lock();
         return c.pipe(
-          L((b) => !b),
+          L((I) => !I),
           U(),
           S(
             () => ({
@@ -4456,7 +4469,7 @@ class es extends X {
             })
           ),
           de(() => {
-            I();
+            b();
           }),
           T(u)
         );
@@ -4500,7 +4513,7 @@ class es extends X {
         spine: a
       }),
       S((f) => {
-        const I = {
+        const b = {
           ...f.navigation,
           meta: {
             triggeredBy: "restoration"
@@ -4508,7 +4521,7 @@ class es extends X {
         };
         return {
           ...f,
-          navigation: I
+          navigation: b
         };
       }),
       /**
@@ -4516,13 +4529,13 @@ class es extends X {
        * eg: after the reader load and the user has never navigated
        * yet.
        */
-      It({
+      bt({
         navigationResolver: r,
         settings: e,
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      bt({
+      It({
         spine: a
       }),
       Ne({
@@ -4533,7 +4546,7 @@ class es extends X {
       }),
       S(({ navigation: f }) => f),
       E()
-    ), h = Wo(
+    ), h = _o(
       t,
       this.navigationSubject,
       a
@@ -4542,26 +4555,26 @@ class es extends X {
       u,
       h
     ), m = (f) => f.pipe(
-      x(([I, b]) => {
-        Qo.info(
-          `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
+      x(([b, I]) => {
+        es.info(
+          `navigation updated from ${b.meta.triggeredBy} of type ${b.type}`,
           {
-            previousNavigation: b,
-            currentNavigation: I
+            previousNavigation: I,
+            currentNavigation: b
           }
-        ), this.navigationSubject.next(I);
+        ), this.navigationSubject.next(b);
       })
     ), y = (f) => f.pipe(
-      x(([I, b]) => {
-        const F = I.type === "scroll", $ = I.meta.triggeredBy === "pagination", A = I.meta.triggeredBy === "restoration", Y = V(
-          b.position,
-          I.position
+      x(([b, I]) => {
+        const F = b.type === "scroll", $ = b.meta.triggeredBy === "pagination", A = b.meta.triggeredBy === "restoration", Y = V(
+          I.position,
+          b.position
         );
         if (F && !A || $ || Y)
           return;
         const B = {
-          position: I.position,
-          animation: I.animation
+          position: b.position,
+          animation: b.animation
         };
         e.values.computedPageTurnMode === "scrollable" ? this.scrollNavigationController.navigate(B) : this.controlledNavigationController.navigate({
           ...B,
@@ -4601,14 +4614,14 @@ const Fe = (n, e, t) => {
 }, wt = (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;
-}, ts = ({
+}, ns = ({
   itemWidth: n,
   itemHeight: e,
   spineItemPosition: t
 }) => new C({
   x: Math.min(n, Math.max(0, t.x)),
   y: Math.min(e, Math.max(0, t.y))
-}), Zt = ({
+}), Jt = ({
   itemHeight: n,
   itemWidth: e,
   isUsingVerticalWriting: t,
@@ -4627,11 +4640,11 @@ const Fe = (n, e, t) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const l = ts({
+  const l = ns({
     spineItemPosition: t,
     itemHeight: e,
     itemWidth: n
-  }).x, d = Zt({
+  }).x, d = Jt({
     isUsingVerticalWriting: i,
     itemHeight: e,
     itemWidth: n,
@@ -4644,7 +4657,7 @@ const Fe = (n, e, t) => {
     return wt(t.y, s, d);
   const g = wt(l, o, d);
   return c ? d - 1 - g : g;
-}, ns = ({
+}, is = ({
   pageIndex: n,
   itemLayout: e,
   context: t,
@@ -4674,14 +4687,14 @@ const Fe = (n, e, t) => {
     x: s,
     y: 0
   });
-}, Jt = ({
+}, Kt = ({
   context: n,
   settings: e,
   viewport: 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);
+    a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? l = a.getBoundingClientRect().x : a && (l = (a ? En(a, c) : void 0)?.getBoundingClientRect().x || l);
     const d = u.layout.layoutInfo?.width || 0, g = t.pageSize.width;
     if (l !== void 0) {
       const h = Ve(
@@ -4697,7 +4710,7 @@ const Fe = (n, e, t) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => ns({
+    }) => is({
       context: n,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layout.layoutInfo,
@@ -4768,12 +4781,12 @@ const Fe = (n, e, t) => {
       });
     }
   };
-}, is = ({
+}, os = ({
   context: n,
   settings: e,
   viewport: t
 }) => {
-  const i = Jt({
+  const i = Kt({
     context: n,
     settings: e,
     viewport: t
@@ -4797,7 +4810,7 @@ const Fe = (n, e, t) => {
     ) || new C({ x: 0, y: 0 })
   };
 };
-function Kt({
+function Qt({
   position: n,
   isRTL: e,
   spineItemsManager: t,
@@ -4808,7 +4821,7 @@ function Kt({
     t.items.length - 1
   ), r = i.getSpineItemSpineLayoutInfo(
     s || 0
-  ), a = r.bottom, c = Math.max(0, n.y), u = Math.min(c, a);
+  ), a = r.bottom - 1, c = Math.max(0, n.y), u = Math.min(c, a);
   if (e) {
     const h = Math.min(o, n.x), p = Math.max(h, r.left);
     return new M({
@@ -4816,7 +4829,7 @@ function Kt({
       y: u
     });
   }
-  const l = r.right, d = Math.max(0, n.x), g = Math.min(d, l);
+  const l = r.right - 1, d = Math.max(0, n.x), g = Math.min(d, l);
   return new M({
     x: g,
     y: u
@@ -4830,7 +4843,7 @@ const xt = ({
   visibleAreaRectWidth: o,
   spine: s
 }) => {
-  const r = Kt({
+  const r = Qt({
     position: n,
     isRTL: e,
     spineItemsManager: i,
@@ -4883,7 +4896,7 @@ const xt = ({
     });
   }
   return new M({ x: 0, y: 0 });
-}, os = ({
+}, ss = ({
   pageIndex: n,
   spineItemsManager: e,
   spineItemId: t,
@@ -4913,28 +4926,28 @@ const xt = ({
     pageSizeWidth: s.pageSize.width,
     visibleAreaRectWidth: s.absoluteViewport.width
   });
-}, ss = (n, e) => {
+}, rs = (n, e) => {
   if (e && e instanceof HTMLIFrameElement)
     return n.startsWith("#") ? e.contentDocument?.getElementById(
       n.replace("#", "")
     ) : e.contentDocument?.querySelector(n);
-}, rs = ({
+}, as = ({
   anchor: n,
   spineItem: e,
   spine: t
 }) => {
-  const i = ss(
+  const i = rs(
     n,
     e.renderer.getDocumentFrame()
   );
   return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, as = ({
+}, cs = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
   spine: i
 }) => {
-  const o = rs({
+  const o = as({
     anchor: n,
     spineItem: e,
     spine: i
@@ -4943,7 +4956,7 @@ const xt = ({
     spineItemPosition: new C({ x: o, y: 0 }),
     spineItem: e
   });
-}, cs = ({
+}, us = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
@@ -4951,7 +4964,7 @@ const xt = ({
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = as({
+  const r = cs({
     anchor: n,
     spineItem: e,
     spineLocator: t,
@@ -4962,7 +4975,7 @@ const xt = ({
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, us = ({
+}, ls = ({
   spine: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4978,7 +4991,7 @@ const xt = ({
     if (u) {
       const l = e.get(u.id);
       if (l) {
-        const d = cs({
+        const d = us({
           anchor: a.hash,
           spineItem: l,
           spine: n,
@@ -5001,7 +5014,7 @@ const xt = ({
     console.error(a);
     return;
   }
-}, ls = ({
+}, ds = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -5020,7 +5033,7 @@ const xt = ({
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, ds = "spineNavigator", ps = ({
+}, ps = "spineNavigator", gs = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -5028,13 +5041,13 @@ const xt = ({
   spine: o,
   viewport: s
 }) => {
-  const r = is({
+  const r = os({
     context: n,
     settings: i,
     viewport: s
   });
   return {
-    getNavigationForUrl: (h) => us({
+    getNavigationForUrl: (h) => ls({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
@@ -5043,14 +5056,14 @@ const xt = ({
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (h) => os({
+    getNavigationForSpineItemPage: (h) => ss({
       ...h,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (h) => ls({
+    getNavigationFromSpineItemPosition: (h) => ds({
       ...h,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
@@ -5062,15 +5075,15 @@ const xt = ({
         spineItemsManager: e
       });
       if (!p) {
-        D.warn(ds, `unable to detect item id from cfi ${h}`);
+        D.warn(ps, `unable to detect item id from cfi ${h}`);
         return;
       }
-      const f = m ? r.getNavigationFromNode(p, m, y) : new C({ x: 0, y: 0 }), I = t.getSpinePositionFromSpineItemPosition({
+      const f = m ? r.getNavigationFromNode(p, m, y) : new C({ x: 0, y: 0 }), b = t.getSpinePositionFromSpineItemPosition({
         spineItemPosition: f,
         spineItem: p
       });
       return Q({
-        position: I,
+        position: b,
         pageSizeWidth: s.pageSize.width,
         visibleAreaRectWidth: s.absoluteViewport.width
       });
@@ -5105,7 +5118,7 @@ const xt = ({
       viewport: s
     }),
     getMostPredominantNavigationForPosition: (h) => {
-      const p = i.values.computedPageTurnDirection, m = 0.5, y = p === "horizontal" ? h.x + s.absoluteViewport.width * m : 0, f = p === "horizontal" ? 0 : h.y + s.absoluteViewport.height * m, I = xt({
+      const p = i.values.computedPageTurnDirection, m = 0.5, y = p === "horizontal" ? h.x + s.absoluteViewport.width * m : 0, f = p === "horizontal" ? 0 : h.y + s.absoluteViewport.height * m, b = xt({
         position: new M({
           x: y,
           y: f
@@ -5119,7 +5132,7 @@ const xt = ({
       return Ye({
         spineItemNavigationResolver: r,
         spineLocator: t,
-        viewportPosition: I,
+        viewportPosition: b,
         viewport: s
       });
     },
@@ -5131,7 +5144,7 @@ const xt = ({
       spineItemsManager: e,
       spine: o
     }),
-    fromOutOfBoundsSpinePosition: (h) => Kt({
+    fromOutOfBoundsSpinePosition: (h) => Qt({
       position: h,
       isRTL: n.isRTL(),
       spineItemsManager: e,
@@ -5147,7 +5160,7 @@ const xt = ({
     }),
     spineItemNavigator: r
   };
-}, gs = ({
+}, hs = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5155,26 +5168,26 @@ const xt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new R(), a = r.asObservable(), c = new Gt(), u = ps({
+  const r = new R(), a = r.asObservable(), c = new Zt(), u = gs({
     context: e,
     settings: o,
     spineItemsManager: n,
     locator: i.locator,
     spine: i,
     viewport: s
-  }), l = new jo(
+  }), l = new zo(
     o,
     t,
     e,
     i,
     s
-  ), d = new Uo(
+  ), d = new Lo(
     s,
     o,
     t,
     i,
     e
-  ), g = new es(
+  ), g = new ts(
     o,
     e,
     a,
@@ -5213,7 +5226,7 @@ const xt = ({
     navigation$: g.navigation$
   };
 };
-class hs extends ce {
+class ms extends ce {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5231,7 +5244,7 @@ class hs extends ce {
     this.mergeCompare(e);
   }
 }
-class ms extends X {
+class fs extends X {
   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(
@@ -5259,21 +5272,21 @@ class ms extends X {
               threshold: { type: "percentage", value: 0.5 }
             }) ?? {}, p = this.spineItemsManager.get(g), m = this.spineItemsManager.get(h);
             if (!p || !m) return;
-            const y = d.beginCfi, f = d.endCfi, { beginPageIndex: I = 0 } = c({
+            const y = d.beginCfi, f = d.endCfi, { beginPageIndex: b = 0 } = c({
               spineItem: p,
               position: l
-            }) ?? {}, { endPageIndex: b = 0 } = c({
+            }) ?? {}, { endPageIndex: I = 0 } = c({
               spineItem: m,
               position: l
             }) ?? {}, F = y === void 0 || Be(y) || d.beginSpineItemIndex !== g, $ = d.endSpineItemIndex !== h || f === void 0 || Be(f), A = F ? he(p.item) : y, Y = $ ? he(m.item) : f, B = p.numberOfPages, ie = m.numberOfPages;
             this.pagination.update({
               beginCfi: A,
               beginNumberOfPagesInSpineItem: B,
-              beginPageIndexInSpineItem: I,
+              beginPageIndexInSpineItem: b,
               beginSpineItemIndex: g,
               endCfi: Y,
               endNumberOfPagesInSpineItem: ie,
-              endPageIndexInSpineItem: b,
+              endPageIndexInSpineItem: I,
               endSpineItemIndex: h,
               navigationId: u.id
             });
@@ -5309,11 +5322,11 @@ class ms extends X {
     P(r, a).pipe(T(this.destroy$)).subscribe();
   }
 }
-const fs = ({
+const ys = ({
   manifest: n,
   spreadMode: e
 }) => n?.renditionFlow === "scrolled-continuous" ? !1 : e;
-class ys extends X {
+class Ss extends X {
   constructor(e) {
     super();
     const t = {
@@ -5358,7 +5371,7 @@ class ys extends X {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class Ss extends ys {
+class bs extends Ss {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
       x(() => this.update(this.values)),
@@ -5371,7 +5384,7 @@ class Ss extends ys {
       computedPageTurnAnimation: e.pageTurnAnimation,
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0,
-      computedSpreadMode: fs({
+      computedSpreadMode: ys({
         spreadMode: e.spreadMode,
         manifest: t
       })
@@ -5416,7 +5429,7 @@ class Is extends fe {
   getDocumentFrame() {
   }
 }
-class bs extends X {
+class vs extends X {
   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.applyDimsAfterLayout = ({
       blankPagePosition: c,
@@ -5426,27 +5439,27 @@ class bs extends X {
         const g = V(
           this.lastLayout?.pageSize,
           this.viewport.pageSize
-        ) ? this.lastLayout : void 0, { width: h, height: p } = g ?? {}, { width: m = h, height: y = p } = d ?? {}, { width: f, height: I } = this.viewport.pageSize, b = this.validateDimension(
+        ) ? this.lastLayout : void 0, { width: h, height: p } = g ?? {}, { width: m = h, height: y = p } = d ?? {}, { width: f, height: b } = this.viewport.pageSize, I = this.validateDimension(
           m ?? f,
           f,
           u
-        ), F = this.settings.values.computedPageTurnMode === "scrollable" ? y ?? I : this.validateDimension(
-          y ?? I,
-          I,
-          I
+        ), F = this.settings.values.computedPageTurnMode === "scrollable" ? y ?? b : this.validateDimension(
+          y ?? b,
+          b,
+          b
         );
         return this.lastLayout = {
-          width: b,
+          width: I,
           height: F,
           pageSize: this.viewport.pageSize
-        }, this.containerElement.style.width = `${b}px`, this.containerElement.style.height = `${F}px`, this.hookManager.execute("item.onAfterLayout", void 0, {
+        }, this.containerElement.style.width = `${I}px`, this.containerElement.style.height = `${F}px`, this.hookManager.execute("item.onAfterLayout", void 0, {
           blankPagePosition: c,
           item: this.item,
           minimumWidth: u
-        }), { width: b, height: F };
+        }), { width: I, height: F };
       })
     ), this.layout = (c) => {
-      const u = Xn(this.layout$.pipe(U()));
+      const u = Yn(this.layout$.pipe(U()));
       return this.layoutTriggerSubject.next(c), u();
     }, this.adjustPositionOfElement = ({
       right: c,
@@ -5501,7 +5514,7 @@ class bs extends X {
     };
   }
 }
-class Qt extends ce {
+class en extends ce {
   constructor(e, t, i, o, s, r, a) {
     super({
       isLoaded: !1,
@@ -5517,7 +5530,7 @@ class Qt extends ce {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = vs(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = ws(
       t,
       e,
       s
@@ -5533,7 +5546,7 @@ class Qt extends ce {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new Is(u), this.layout = new bs(
+    this.renderer = c ? c(u) : new Is(u), this.layout = new vs(
       e,
       this.containerElement,
       i,
@@ -5608,7 +5621,7 @@ class Qt extends ce {
     return this.renderer.renditionLayout;
   }
   get numberOfPages() {
-    return Zt({
+    return Jt({
       isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
       itemHeight: this.layout.layoutInfo.height,
       itemWidth: this.layout.layoutInfo.width,
@@ -5619,19 +5632,19 @@ class Qt extends ce {
     });
   }
 }
-const vs = (n, e, t) => {
+const ws = (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 ws extends X {
+class Ps extends X {
   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 H([]);
     const r = this.forcedOpenSubject.pipe(
       S((u) => [...new Set(u.flat())].sort()),
-      z(fn),
+      z(yn),
       J({ bufferSize: 1, refCount: !0 })
     );
     P(
@@ -5653,10 +5666,10 @@ class ws extends X {
           useAbsoluteViewport: !1
         }) || {}, p = d === 1 / 0 ? 0 : g - d, m = d === 1 / 0 ? t.items.length - 1 : h + d, y = Array.from(
           { length: m - p + 1 },
-          (I, b) => p + b
+          (b, I) => p + I
         ), f = [...l, ...y];
-        t.items.forEach((I, b) => {
-          f.includes(b) ? I.load() : I.unload();
+        t.items.forEach((b, I) => {
+          f.includes(I) ? b.load() : b.unload();
         });
       })
     ).pipe(T(this.destroy$)).subscribe();
@@ -5677,7 +5690,7 @@ class ws extends X {
     super.destroy(), this.forcedOpenSubject.complete();
   }
 }
-const en = (n, e, t) => {
+const tn = (n, e, t) => {
   const i = (t.width - e.width) / 2, o = (t.height - e.height) / 2;
   return new ae({
     x: n.x - i,
@@ -5702,17 +5715,17 @@ class ye extends DOMRect {
     return new ye(i.x, i.y, i.width, i.height);
   }
 }
-class Ps {
+class xs {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class xs {
+class $s {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const $s = ({
+const Ts = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5734,7 +5747,7 @@ const $s = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, Ts = ({
+}, Fs = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5743,7 +5756,7 @@ const $s = ({
 }) => {
   const s = t / e, r = i / n;
   return o.type === "percentage" ? s >= o.value && r >= o.value : t >= o.value && i >= o.value;
-}, Fs = ({
+}, Ls = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5751,7 +5764,7 @@ const $s = ({
 }) => {
   const o = n / i.width, s = e / i.height;
   return t.type === "percentage" ? s >= t.value && o >= t.value : e >= t.value && n >= t.value;
-}, tn = ({
+}, nn = ({
   itemPosition: {
     bottom: n,
     left: e,
@@ -5775,14 +5788,14 @@ const $s = ({
     Math.min(n, g) - Math.max(i, d)
   );
   if (h <= 0 || p <= 0) return { visible: !1 };
-  const y = Fs({
+  const y = Ls({
     threshold: r,
     visibleHeightOfItem: p,
     visibleWidthOfItem: h,
     viewportPosition: a
   });
   return c ? { visible: y } : {
-    visible: Ts({
+    visible: Fs({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
@@ -5806,7 +5819,7 @@ const $s = ({
 }) => new M({
   x: e + n.x,
   y: t + n.y
-}), Ls = ({
+}), Ms = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5821,20 +5834,20 @@ const $s = ({
     spineLayout: o
   }) || i.get(0), c = i.items.reduce(
     (h, p) => {
-      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? r.absoluteViewport : r.relativeViewport, f = en(
+      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? r.absoluteViewport : r.relativeViewport, f = tn(
         n,
         r.absoluteViewport,
         y
-      ), I = ye.from(
+      ), b = ye.from(
         f,
         y
-      ), { visible: b } = tn({
+      ), { visible: I } = nn({
         itemPosition: m,
         threshold: e,
-        viewportPosition: I,
+        viewportPosition: b,
         restrictToScreen: t
       });
-      return b ? [...h, p] : h;
+      return I ? [...h, p] : h;
     },
     []
   ), u = c[0] ?? a, l = c[c.length - 1] ?? u;
@@ -5844,7 +5857,7 @@ const $s = ({
     beginIndex: d ?? 0,
     endIndex: g ?? 0
   };
-}, Ms = ({
+}, Cs = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5887,44 +5900,44 @@ const $s = ({
     threshold: m,
     spineItem: y,
     restrictToScreen: f,
-    useAbsoluteViewport: I = !0,
-    viewport: b
+    useAbsoluteViewport: b = !0,
+    viewport: I
   }) => {
-    const F = y.numberOfPages, A = Array.from(Array(F)).map((ie, Ie) => {
+    const F = y.numberOfPages, A = Array.from(Array(F)).map((ie, be) => {
       const De = t.getSpineItemPositionFromPageIndex({
-        pageIndex: Ie,
+        pageIndex: be,
         spineItem: y
       }), ue = je({
         spineItemPosition: De,
         itemLayout: o.getSpineItemSpineLayoutInfo(y)
       });
       return {
-        index: Ie,
+        index: be,
         absolutePosition: {
-          width: b.pageSize.width,
-          height: b.pageSize.height,
+          width: I.pageSize.width,
+          height: I.pageSize.height,
           left: ue.x,
           top: ue.y,
-          bottom: ue.y + b.pageSize.height,
-          right: ue.x + b.pageSize.width
+          bottom: ue.y + I.pageSize.height,
+          right: ue.x + I.pageSize.width
         }
       };
     }).reduce(
-      (ie, { absolutePosition: Ie, index: De }) => {
-        const ue = I ? b.absoluteViewport : b.relativeViewport, nn = en(
+      (ie, { absolutePosition: be, index: De }) => {
+        const ue = b ? I.absoluteViewport : I.relativeViewport, on = tn(
           p,
-          b.absoluteViewport,
+          I.absoluteViewport,
           ue
-        ), on = ye.from(
-          nn,
+        ), sn = ye.from(
+          on,
           ue
-        ), { visible: sn } = tn({
-          viewportPosition: on,
+        ), { visible: rn } = nn({
+          viewportPosition: sn,
           restrictToScreen: f,
           threshold: m,
-          itemPosition: Ie
+          itemPosition: be
         });
-        return sn ? [...ie, De] : ie;
+        return rn ? [...ie, De] : ie;
       },
       []
     ), Y = A[0], B = A[A.length - 1] ?? Y;
@@ -5948,7 +5961,7 @@ const $s = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (p) => $s({
+    _getAbsolutePageIndexFromPageIndex: (p) => Ts({
       ...p,
       spineItemsManager: n
     }),
@@ -5968,7 +5981,7 @@ const $s = ({
         itemHeight: m.layout.layoutInfo.height,
         position: y,
         isUsingVerticalWriting: !!m.isUsingVerticalWriting()
-      }), I = t.getSpineItemPagePositionFromSpineItemPosition(
+      }), b = t.getSpineItemPagePositionFromSpineItemPosition(
         y,
         f,
         m
@@ -5976,7 +5989,7 @@ const $s = ({
       return {
         spineItem: m,
         spineItemPageIndex: f,
-        spineItemPagePosition: I,
+        spineItemPagePosition: b,
         pageSize: s.value.pageSize
       };
     },
@@ -5989,7 +6002,7 @@ const $s = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (p) => Ls({
+    getVisibleSpineItemsFromPosition: (p) => Ms({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -6000,8 +6013,8 @@ const $s = ({
       viewport: s
     }),
     isPositionWithinSpineItem: (p, m) => {
-      const { bottom: y, left: f, right: I, top: b } = o.getSpineItemSpineLayoutInfo(m);
-      return p.x >= f && p.x <= I && p.y <= y && p.y >= b;
+      const { bottom: y, left: f, right: b, top: I } = o.getSpineItemSpineLayoutInfo(m);
+      return p.x >= f && p.x <= b && p.y <= y && p.y >= I;
     },
     spineItemLocator: t,
     getSafeSpineItemPositionFromUnsafeSpineItemPosition: (p, m) => {
@@ -6012,10 +6025,10 @@ const $s = ({
       });
     }
   };
-}, Cs = D.namespace("spine"), Es = ({
+}, Es = D.namespace("spine"), Ds = ({
   position: n,
   pageSize: e
-}) => new bi({
+}) => new vi({
   ...n,
   left: n.x,
   top: n.y,
@@ -6024,7 +6037,7 @@ const $s = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class Ds extends ce {
+class Rs extends ce {
   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
@@ -6037,14 +6050,14 @@ class Ds extends ce {
               const f = i.getSpineItemPositionFromPageIndex({
                 spineItem: d,
                 pageIndex: y
-              }), I = s.getSpinePositionFromSpineItemPosition({
+              }), b = s.getSpinePositionFromSpineItemPosition({
                 spineItem: d,
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: Es({
+                absoluteLayout: Ds({
                   pageSize: a,
-                  position: I
+                  position: b
                 }),
                 layout: new Ii({
                   left: f.x,
@@ -6073,7 +6086,7 @@ class Ds extends ce {
               const p = l.spineItem.renderer?.getDocumentFrame();
               let m;
               p && p?.contentWindow?.document && // very important because it is being used by next functions
-              p.contentWindow.document.body !== null && (m = Ln(
+              p.contentWindow.document.body !== null && (m = Mn(
                 p.contentWindow.document,
                 l.layout
               )), h.next({ ...g, firstVisibleNode: m });
@@ -6081,12 +6094,12 @@ class Ds extends ce {
           })
         );
       }),
-      S((a) => (Cs.info("Pages layout", a), { pages: a })),
+      S((a) => (Es.info("Pages layout", a), { pages: a })),
       E()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class Rs extends X {
+class As extends X {
   constructor(e, t) {
     super(), this.spineItemsManager = e, this.spineLocator = t, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       w((i) => {
@@ -6109,7 +6122,7 @@ class Rs extends X {
     );
   }
 }
-const As = ({
+const Os = ({
   horizontalOffset: n,
   verticalOffset: e,
   context: t,
@@ -6134,23 +6147,23 @@ const As = ({
   }).pipe(
     S(({ width: p, height: m }) => {
       if (s.values.computedPageTurnDirection === "vertical") {
-        const I = d ? e : e - c.absoluteViewport.height, b = d ? 0 : n;
+        const b = d ? e : e - c.absoluteViewport.height, I = d ? 0 : n;
         t.isRTL() ? a.layout.adjustPositionOfElement({
-          top: I,
-          left: b
+          top: b,
+          left: I
         }) : a.layout.adjustPositionOfElement({
-          top: I,
-          left: b
+          top: b,
+          left: I
         });
-        const F = p + b, $ = m + I, A = new _e({
-          left: b,
+        const F = p + I, $ = m + b, A = new _e({
+          left: I,
           right: F,
-          top: I,
+          top: b,
           bottom: $,
           height: m,
           width: p,
-          x: b,
-          y: I
+          x: I,
+          y: b
         });
         return {
           horizontalOffset: F,
@@ -6179,7 +6192,7 @@ const As = ({
     })
   );
 };
-class Os extends X {
+class Ns extends X {
   constructor(e, t, i, o) {
     super(), this.spineItemsManager = e, this.context = t, this.settings = i, this.viewport = o, this.layoutSubject = new R(), this.spineItemsRelativeLayouts = [], e.items$.pipe(
       x(() => {
@@ -6223,12 +6236,12 @@ class Os extends X {
       ),
       Ue(() => {
         s.next(!0);
-        const r = this.context.manifest, a = qt(r) ?? !1;
+        const r = this.context.manifest, a = Gt(r) ?? !1;
         return N(this.spineItemsManager.items).pipe(
-          pn(
+          gn(
             (u, l, d) => u.pipe(
               rt(
-                ({ horizontalOffset: g, verticalOffset: h }) => As({
+                ({ horizontalOffset: g, verticalOffset: h }) => Os({
                   context: this.context,
                   horizontalOffset: g,
                   index: d,
@@ -6286,32 +6299,32 @@ class Os extends X {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class Ns extends X {
+class Vs extends X {
   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 H(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Os(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Ns(
       i,
       e,
       s,
       a
-    ), this.locator = Ms({
+    ), this.locator = Cs({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: s,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new ws(
+    }), this.spineItemsLoader = new Ps(
       this.context,
       i,
       this.locator,
       s,
       this.spineLayout
-    ), this.spineItemsObserver = new Rs(
+    ), this.spineItemsObserver = new As(
       i,
       this.locator
-    ), this.pages = new Ds(
+    ), this.pages = new Rs(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6336,7 +6349,7 @@ class Ns extends X {
         if (!d) return;
         this.spineItemsManager.destroyItems();
         const g = l.spineItems.map(
-          (h, p) => new Qt(
+          (h, p) => new en(
             h,
             d,
             this.context,
@@ -6367,7 +6380,7 @@ class Ns extends X {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class Vs extends X {
+class js extends X {
   constructor(e, t) {
     super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new H([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6381,7 +6394,7 @@ class Vs extends X {
     return i > o ? "after" : i === o ? "same" : "before";
   }
   getSpineItemIndex(e) {
-    const t = e instanceof Qt ? e : this.get(e);
+    const t = e instanceof en ? e : this.get(e);
     if (!t) return;
     const i = this.orderedSpineItemsSubject.value.indexOf(t);
     return i < 0 ? void 0 : i;
@@ -6410,10 +6423,10 @@ class Vs extends X {
     });
   }
 }
-class js extends ce {
+class ks extends ce {
   constructor(e, t) {
     const i = document.createElement("div");
-    i.setAttribute(`data-${oi}`, ""), super({
+    i.setAttribute(`data-${si}`, ""), super({
       element: i,
       pageSize: {
         width: 1,
@@ -6453,7 +6466,7 @@ class js extends ce {
     });
   }
   get absoluteViewport() {
-    return new Ps({
+    return new xs({
       width: this.value.width,
       height: this.value.height
     });
@@ -6481,18 +6494,18 @@ class js extends ce {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new xs({
+    return new $s({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
-const $t = `${Ut}-core`, ks = (n) => {
-  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new Ro(), s = new Eo(), r = new Ss(n, s), a = new Do(s, r), c = new Vs(s, r), u = new js(s, r), l = Jt({
+const $t = `${Ut}-core`, Us = (n) => {
+  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new No(), s = new Ao(), r = new bs(n, s), a = new Oo(s, r), c = new js(s, r), u = new ks(s, r), l = Kt({
     context: s,
     settings: r,
     viewport: u
-  }), d = new hs(s, c), g = new Ns(
+  }), d = new ms(s, c), g = new Vs(
     s,
     d,
     c,
@@ -6500,14 +6513,14 @@ const $t = `${Ut}-core`, ks = (n) => {
     r,
     o,
     u
-  ), h = gs({
+  ), h = hs({
     context: s,
     spineItemsManager: c,
     hookManager: o,
     spine: g,
     settings: r,
     viewport: u
-  }), p = new ms(
+  }), p = new fs(
     s,
     d,
     c,
@@ -6526,21 +6539,21 @@ const $t = `${Ut}-core`, ks = (n) => {
       return;
     }
     D.log("load", { options: $ });
-    const B = Us(A, e);
+    const B = zs(A, e);
     s.update({
       manifest: Y,
       rootElement: B
     }), m();
-  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), j(m)), I = t.pipe(
+  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), j(m)), b = t.pipe(
     j(() => {
       const $ = s.value.rootElement;
       $ && ($.style.setProperty("overflow", "hidden"), u.layout(), g.layout());
     }),
     G(i)
-  ), b = P(I, f).subscribe();
-  Je(document, $t, Ao);
+  ), I = P(b, f).subscribe();
+  Je(document, $t, Vo);
   const F = () => {
-    Ke(document, $t), b.unsubscribe(), c.destroy(), p.destroy(), r.destroy(), d.destroy(), s.destroy(), h.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
+    Ke(document, $t), I.unsubscribe(), c.destroy(), p.destroy(), r.destroy(), d.destroy(), s.destroy(), h.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
   return {
     id: e,
@@ -6548,7 +6561,7 @@ const $t = `${Ut}-core`, ks = (n) => {
     spine: g,
     hookManager: o,
     cfi: {
-      generateCfiFromRange: so,
+      generateCfiFromRange: ro,
       parseCfi: ot,
       generateCfiForSpineItemPage: ($) => He({
         ...$,
@@ -6589,31 +6602,31 @@ const $t = `${Ut}-core`, ks = (n) => {
       destroy$: i
     }
   };
-}, Us = (n, e) => (n.style.cssText = `
+}, zs = (n, e) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${W}-reader`), n.setAttribute(ii, e), n), tr = (
+  `, n.classList.add(`${W}-reader`), n.setAttribute(oi, e), n), nr = (
   //__
   Io(
-    Gn(
-      Ai(
-        wo(
-          qn(
-            Un(
-              ho(
-                vo(
-                  Mo(
-                    qi(
-                      Si(
-                        Ni(
-                          zn(
-                            bo(
-                              lo(
-                                Ci(
-                                  Bn(
+    Zn(
+      Oi(
+        Po(
+          Gn(
+            zn(
+              mo(
+                wo(
+                  Do(
+                    Gi(
+                      bi(
+                        Vi(
+                          Wn(
+                            vo(
+                              po(
+                                Ei(
+                                  Xn(
                                     // __
-                                    ks
+                                    Us
                                   )
                                 )
                               )
@@ -6631,80 +6644,81 @@ const $t = `${Ut}-core`, ks = (n) => {
       )
     )
   )
-), nr = (n) => (e) => n(e);
+), ir = (n) => (e) => n(e);
 export {
   _t as AbstractSpinePosition,
-  Eo as Context,
-  jo as ControlledNavigationController,
+  Ao as Context,
+  zo as ControlledNavigationController,
   X as DestroyableClass,
   fe as DocumentRenderer,
-  Do as Features,
-  ii as HTML_ATTRIBUTE_DATA_READER_ID,
+  Oo 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,
   Ut as HTML_STYLE_PREFIX,
-  Ro as HookManager,
-  ni as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
-  es as InternalNavigator,
+  No as HookManager,
+  ii as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
+  ts as InternalNavigator,
   it as LayoutEntry,
-  Gt as Locker,
-  Ks as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
-  Zs as PROSE_READER_NAMESPACE,
-  Ds as Pages,
-  hs as Pagination,
-  ms as PaginationController,
+  Zt as Locker,
+  Qs as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  Js as PROSE_READER_NAMESPACE,
+  Rs as Pages,
+  ms as Pagination,
+  fs as PaginationController,
   ce as ReactiveEntity,
   nt as ResourceHandler,
-  uo as ResourcesLocator,
-  Uo as ScrollNavigationController,
-  St as ScrollPosition,
-  ys as SettingsManager,
-  Ns as Spine,
-  Qt as SpineItem,
+  lo as ResourcesLocator,
+  Lo as ScrollNavigationController,
+  ft as ScrollPosition,
+  Ss as SettingsManager,
+  Vs as Spine,
+  en as SpineItem,
   Ii as SpineItemPageLayout,
-  bi as SpineItemPageSpineLayout,
+  vi as SpineItemPageSpineLayout,
   C as SpineItemPosition,
   _e as SpineItemSpineLayout,
-  Vs as SpineItemsManager,
-  Rs as SpineItemsObserver,
+  js as SpineItemsManager,
+  As as SpineItemsObserver,
   M as SpinePosition,
+  Fo as UnboundScrollPosition,
   Ae as UnboundSpineItemPagePosition,
   ae as UnboundSpinePosition,
-  Js as VIEWPORT_ADJUSTMENT_THROTTLE,
-  js as Viewport,
-  co as consolidate,
-  tr as createReader,
+  Ks as VIEWPORT_ADJUSTMENT_THROTTLE,
+  ks as Viewport,
+  uo as consolidate,
+  nr as createReader,
   ut as deferIdle,
-  Xn as deferNextResult,
+  Yn as deferNextResult,
   He as generateCfiForSpineItemPage,
-  so as generateCfiFromRange,
+  ro as generateCfiFromRange,
   he as generateRootCfi,
   ct as getAttributeValueFromString,
-  qs as getBase64FromBlob,
+  Gs as getBase64FromBlob,
   Qe as getFrameViewportInfo,
-  er as getItemAnchor,
-  Si as htmlEnhancer,
+  tr as getItemAnchor,
+  bi as htmlEnhancer,
   Vt as idle,
-  Vn as injectCSS,
+  jn as injectCSS,
   Ot as isHtmlElement,
-  On as isHtmlTagElement,
+  Nn as isHtmlTagElement,
   Be as isRootCfi,
-  sr as isShallowEqual,
-  Ci as layoutEnhancer,
+  rr as isShallowEqual,
+  Ei as layoutEnhancer,
   Nt as mapKeysTo,
-  Ys as observeIntersection,
+  qs as observeIntersection,
   lt as observeMutation,
   tt as observeResize,
-  lo as paginationEnhancer,
+  po as paginationEnhancer,
   ot as parseCfi,
-  Xs as removeCSS,
+  Ys as removeCSS,
   Yt as resolveCfi,
-  nr as rootEnhancer,
-  Es as spinePositionToSpineItemSpineLayout,
+  ir as rootEnhancer,
+  Ds as spinePositionToSpineItemSpineLayout,
   te as upsertCSSToFrame,
-  jn as waitForFrameLoad,
-  kn as waitForFrameReady,
+  kn as waitForFrameLoad,
+  Un as waitForFrameReady,
   Ee as waitForSwitch,
   et as watchKeys
 };