@prose-reader/core 1.215.0 → 1.217.0

package/dist/index.js

@@ -1,32 +1,32 @@
-import { switchMap as v, of as w, fromEvent as G, take as me, map as b, from as W, takeUntil as F, Observable as st, defer as Nt, Subject as U, combineLatest as q, merge as x, EMPTY as K, withLatestFrom as D, NEVER as gt, tap as T, share as V, BehaviorSubject as k, filter as R, first as H, mergeMap as $t, endWith as pt, finalize as ut, catchError as fe, lastValueFrom as Ye, scheduled as Ze, animationFrameScheduler as at, shareReplay as et, distinctUntilChanged as E, throttleTime as Ge, debounceTime as St, startWith as nt, switchScan as Je, forkJoin as Ke, delay as wt, ReplaySubject as Kt, skip as ye, identity as Pt, exhaustMap as Vt, timer as Qt, reduce as Qe, concatMap as te } from "rxjs";
+import { switchMap as v, of as w, fromEvent as G, take as me, map as b, from as W, takeUntil as F, Observable as st, defer as Nt, Subject as U, combineLatest as q, merge as x, EMPTY as Q, withLatestFrom as D, NEVER as gt, tap as T, share as V, BehaviorSubject as k, filter as A, first as H, mergeMap as $t, endWith as pt, finalize as ut, catchError as fe, lastValueFrom as Ye, scheduled as Ze, animationFrameScheduler as at, shareReplay as et, distinctUntilChanged as E, throttleTime as Ge, debounceTime as St, startWith as nt, switchScan as Je, forkJoin as Ke, delay as wt, ReplaySubject as Jt, skip as ye, identity as Pt, exhaustMap as Vt, timer as Kt, reduce as Qe, concatMap as Qt } from "rxjs";
 import { Report as ti, isShallowEqual as N, shallowMergeIfDefined as vt, getParentPath as ei, parseContentType as ii, detectMimeTypeFromName as Lt, arrayEqual as ni } from "@prose-reader/shared";
-import { isShallowEqual as $s } from "@prose-reader/shared";
-import { switchMap as _, first as Se, map as X, distinctUntilChanged as Z, startWith as be, shareReplay as Mt, tap as z, pairwise as oi, take as si, takeUntil as J, filter as tt, debounceTime as ri, skip as ai, mergeMap as ci, catchError as ee, withLatestFrom as ui } from "rxjs/operators";
-import { generate as Ie, parse as we, isParsedCfiRange as di, resolve as gi } from "@prose-reader/cfi";
-const ie = (e, t) => {
+import { isShallowEqual as Ts } from "@prose-reader/shared";
+import { switchMap as _, first as Se, map as X, distinctUntilChanged as Z, startWith as be, shareReplay as Mt, tap as z, pairwise as oi, take as si, takeUntil as J, filter as tt, debounceTime as ri, skip as ai, mergeMap as ci, catchError as te, withLatestFrom as ui } from "rxjs/operators";
+import { generate as Ie, parse as we, isParsedCfiRange as di, isIndirectionOnly as gi, resolve as li } from "@prose-reader/cfi";
+const ee = (e, t) => {
   const i = new RegExp(`${t}\\s*=\\s*([0-9.]+)`, "i"), n = e.match(i) || [], o = n[1] || "0";
   return n && Number.parseFloat(o) || 0;
-}, li = (e, t, i, n) => {
+}, pi = (e, t, i, n) => {
   var o;
   if ((o = e == null ? void 0 : e.contentDocument) != null && o.head) {
     const s = e.contentDocument.createElement("style");
     s.id = t, s.innerHTML = i, n ? e.contentDocument.head.prepend(s) : e.contentDocument.head.appendChild(s);
   }
-}, pi = (e, t) => {
+}, hi = (e, t) => {
   var i;
   if ((i = e == null ? void 0 : e.contentDocument) != null && i.head) {
     const n = e.contentDocument.getElementById(t);
     n && n.remove();
   }
 }, ot = (e, t, i, n) => {
-  e && (pi(e, t), li(e, t, i, n));
-}, _t = (e) => {
+  e && (hi(e, t), pi(e, t, i, n));
+}, Bt = (e) => {
   if (e != null && e.contentDocument) {
     const i = e.contentDocument.querySelector("meta[name='viewport']");
     if (i) {
       const n = i.getAttribute("content");
       if (n) {
-        const o = ie(n, "width"), s = ie(n, "height");
+        const o = ee(n, "width"), s = ee(n, "height");
         return o > 0 && s > 0 ? {
           hasViewport: !0,
           width: o,
@@ -36,7 +36,7 @@ const ie = (e, t) => {
     }
   }
   return { hasViewport: !1 };
-}, hi = (e) => e.pipe(
+}, mi = (e) => e.pipe(
   v((t) => {
     var i;
     return t.src === "about:blank" && ((i = t.contentDocument) == null ? void 0 : i.readyState) === "complete" && t.contentDocument.body ? w(t) : G(t, "load").pipe(
@@ -44,7 +44,7 @@ const ie = (e, t) => {
       b(() => t)
     );
   })
-), mi = (e) => e.pipe(
+), fi = (e) => e.pipe(
   v(
     (t) => {
       var i;
@@ -53,7 +53,7 @@ const ie = (e, t) => {
       );
     }
   )
-), fi = (e) => (t) => {
+), yi = (e) => (t) => {
   const i = e(t), n = new IntersectionObserver((o) => {
     o.forEach((s) => {
       s.isIntersecting ? s.target.removeAttribute("tab-index") : s.target.setAttribute("tab-index", "-1");
@@ -89,7 +89,7 @@ const ie = (e, t) => {
   ), {
     ...i
   };
-}, yi = (e) => (t) => {
+}, Si = (e) => (t) => {
   const i = e(t);
   return i.context.state$.pipe(F(i.$.destroy$)).subscribe(({ containerElement: n }) => {
     if (!n) return;
@@ -102,7 +102,7 @@ const ie = (e, t) => {
     const o = i.spineItemsManager.get(n), s = o == null ? void 0 : o.renderer.getDocumentFrame();
     s && ((r = s.contentDocument) == null || r.body.setAttribute("tabindex", "-1"));
   }), i;
-}, Si = "@prose-reader/core", j = ti.namespace(Si), bi = [
+}, bi = "@prose-reader/core", j = ti.namespace(bi), Ii = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -114,24 +114,24 @@ const ie = (e, t) => {
   // `touchstart` as const,
   // `touchend` as const,
 ], Pe = (e) => typeof e == "object" && !!e && "nodeType" in e && (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE;
-function Ii(e, t, i) {
+function wi(e, t, i) {
   if ("caretPositionFromPoint" in e)
     return e.caretPositionFromPoint(t, i);
   if ("caretRangeFromPoint" in e && // @ts-expect-error limited availability
   typeof e.caretRangeFromPoint < "u")
     return e.caretRangeFromPoint(t, i);
 }
-const wi = (e, t) => {
+const Pi = (e, t) => {
   const i = "body" in e ? jt(e.body, t) : jt(e, t), n = "createRange" in e ? e : e.ownerDocument;
   if (i) {
     let o, s = 0;
     const r = n.createRange();
     return Array.from(i.childNodes).some((a) => {
       r.selectNodeContents(a);
-      const c = r.getClientRects(), u = Pi(c, t);
+      const c = r.getClientRects(), u = vi(c, t);
       if (u) {
         o = r.cloneRange();
-        const d = Ii(
+        const d = wi(
           n,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -155,13 +155,13 @@ const wi = (e, t) => {
 function ve(e, { left: t, right: i }) {
   return e.left <= t && e.right <= t ? "before" : e.left <= t && e.right > t && e.right <= i ? "partially-before" : e.left <= i && e.right > i ? "partially-after" : e.left > i ? "after" : "within";
 }
-function Pi(e, t) {
+function vi(e, t) {
   return Array.from(e).find((i) => {
     const n = ve(i, t);
     return n !== "before" && n !== "after";
   });
 }
-const vi = (e, t) => {
+const xi = (e, t) => {
   var i;
   if (e.nodeType !== Node.CDATA_SECTION_NODE && e.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const n = (i = e.ownerDocument) == null ? void 0 : i.createRange();
@@ -173,7 +173,7 @@ const vi = (e, t) => {
     }
     return n;
   }
-}, Xt = (e) => {
+}, _t = (e) => {
   var t, i, n, o, s;
   if (e != null && e.target && ((i = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && i.defaultView)) {
     const r = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
@@ -185,10 +185,10 @@ const vi = (e, t) => {
     if (r.PointerEvent && e instanceof r.PointerEvent)
       return !0;
   }
-  return !!bi.includes(e.type);
-}, xi = (e) => {
+  return !!Ii.includes(e.type);
+}, $i = (e) => {
   var t, i, n, o, s;
-  if (Xt(e)) return !1;
+  if (_t(e)) return !1;
   if (e != null && e.target && ((i = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && i.defaultView)) {
     const r = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
     if (r.MouseEvent)
@@ -200,7 +200,7 @@ const vi = (e, t) => {
       return e instanceof r.MouseEvent;
   }
   return !1;
-}, $i = (e) => {
+}, Ti = (e) => {
   var t, i, n, o, s;
   if (e != null && e.target && ((i = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && i.defaultView)) {
     const r = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
@@ -213,7 +213,7 @@ const vi = (e, t) => {
       return e instanceof r.TouchEvent;
   }
   return !1;
-}, Ti = () => document.createElement("div"), xe = (e) => {
+}, Fi = () => document.createElement("div"), xe = (e) => {
   const t = [
     "img",
     // Images
@@ -229,7 +229,7 @@ const vi = (e, t) => {
     // JavaScript files
   ].join(",");
   return Array.from((e == null ? void 0 : e.querySelectorAll(t)) || []);
-}, Fi = (e) => {
+}, Li = (e) => {
   if (xe(e).forEach((i) => {
     var o;
     const n = i.getAttribute("src") || i.getAttribute("href");
@@ -249,7 +249,7 @@ const vi = (e, t) => {
     }
   }
 };
-function Li(e, t) {
+function Mi(e, t) {
   return Pe(e) && e.tagName.toLowerCase() === t.toLowerCase();
 }
 const Rt = ({
@@ -261,13 +261,13 @@ const Rt = ({
     clientX: a,
     clientY: c
   };
-}, Mi = (e, t, i, n) => {
+}, Ci = (e, t, i, n) => {
   var u;
   const o = (u = t == null ? void 0 : t.view) == null ? void 0 : u.frameElement;
   if (!t || !o) return e;
   const s = i.getSpineItemFromIframe(o), r = o, { height: a, width: c } = n.getPageSize();
   if (!s || !(r instanceof HTMLIFrameElement)) return e;
-  if (Xt(e)) {
+  if (_t(e)) {
     const { clientX: d, clientY: g } = Rt({
       position: e,
       frameElement: r
@@ -282,7 +282,7 @@ const Rt = ({
       enumerable: !0
     }), l;
   }
-  if (xi(e)) {
+  if ($i(e)) {
     const { clientX: d, clientY: g } = Rt({
       position: e,
       frameElement: r
@@ -296,7 +296,7 @@ const Rt = ({
       enumerable: !0
     }), l;
   }
-  if ($i(e)) {
+  if (Ti(e)) {
     const d = Array.from(e.touches).map((l) => {
       const { clientX: p, clientY: h } = Rt({
         position: l,
@@ -319,7 +319,7 @@ const Rt = ({
     }), g;
   }
   return e;
-}, Ci = [
+}, Ri = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -328,23 +328,23 @@ const Rt = ({
   "pointerout",
   "pointerover",
   "pointerup"
-], Ri = [
-  ...Ci
+], Ai = [
+  ...Ri
   /*, ...mouseEvents*/
-], Ai = (e) => (t) => {
+], Oi = (e) => (t) => {
   const i = e(t);
   return i.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: n, itemId: o }) => {
       const s = i.spineItemsManager.get(o), r = s == null ? void 0 : s.renderer.getDocumentFrame();
       if (!r || !s) return;
-      const a = Ri.map((c) => {
+      const a = Ai.map((c) => {
         var d;
         const u = (g) => {
           var p;
           let l = g;
-          if (Xt(g) && (l = new PointerEvent(g.type, g)), l !== g) {
-            const h = Mi(
+          if (_t(g) && (l = new PointerEvent(g.type, g)), l !== g) {
+            const h = Ci(
               l,
               g,
               i.spine.locator,
@@ -371,7 +371,7 @@ const Rt = ({
     [n]: o
   } : i,
   {}
-)), qt = (e) => (t) => t.pipe($e(e), Z(N));
+)), Xt = (e) => (t) => t.pipe($e(e), Z(N));
 function Te(e) {
   return new st((t) => {
     const i = new ResizeObserver((n) => {
@@ -389,7 +389,7 @@ const Ct = (e) => (t) => t.pipe(
       X(() => i)
     )
   )
-), Oi = (e) => {
+), Di = (e) => {
   let t;
   const i = e.subscribe((n) => {
     t = { result: n };
@@ -410,16 +410,16 @@ function Fe() {
     return () => clearTimeout(t);
   });
 }
-function ne(e) {
+function ie(e) {
   return Nt(() => Fe().pipe(_(e)));
 }
-const oe = (e, t) => new st((i) => {
+const ne = (e, t) => new st((i) => {
   const n = new MutationObserver((o) => {
     i.next(o);
   });
   return n.observe(e, t), () => n.disconnect();
 });
-function bs(e, t) {
+function Is(e, t) {
   return new st((i) => {
     const n = new IntersectionObserver((o) => {
       i.next(o);
@@ -468,7 +468,7 @@ class Le {
     };
   }
   watch(t) {
-    return Array.isArray(t) ? this.values$.pipe(qt(t)) : this.values$.pipe(
+    return Array.isArray(t) ? this.values$.pipe(Xt(t)) : this.values$.pipe(
       X((i) => i[t]),
       Z(N)
     );
@@ -477,7 +477,7 @@ class Le {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const Di = (e) => {
+const Ni = (e) => {
   const t = new FileReader();
   return new Promise((i) => {
     t.addEventListener(
@@ -489,7 +489,7 @@ const Di = (e) => {
     ), t.readAsDataURL(e);
   });
 };
-let Ni = class extends Le {
+let Vi = class extends Le {
   computeOutputSettings(t) {
     return t;
   }
@@ -509,8 +509,8 @@ let Ni = class extends Le {
     };
   }
 };
-const Vi = (e) => (t) => {
-  const { fontScale: i, lineHeight: n, fontWeight: o, fontJustification: s } = t, r = new U(), a = e(t), c = new Ni(
+const ji = (e) => (t) => {
+  const { fontScale: i, lineHeight: n, fontWeight: o, fontJustification: s } = t, r = new U(), a = e(t), c = new Vi(
     {
       fontScale: i,
       lineHeight: n,
@@ -556,7 +556,7 @@ const Vi = (e) => (t) => {
     },
     settings: c
   };
-}, ji = (e) => (t) => {
+}, ki = (e) => (t) => {
   const i = e(t), n = (o) => G(o, "keyup").pipe(
     D(i.settings.values$),
     b(([s, { pageTurnDirection: r }]) => {
@@ -582,7 +582,7 @@ const Vi = (e) => (t) => {
           (s) => s.loaded$.pipe(
             v(() => {
               const r = s.renderer.getDocumentFrame();
-              return r instanceof HTMLIFrameElement && (r != null && r.contentDocument) ? n(r.contentDocument) : K;
+              return r instanceof HTMLIFrameElement && (r != null && r.contentDocument) ? n(r.contentDocument) : Q;
             })
           )
         )
@@ -590,7 +590,7 @@ const Vi = (e) => (t) => {
     ),
     F(i.$.destroy$)
   ).subscribe(), i;
-}, ki = (e) => e.spine.spineItemsManager.items$.pipe(
+}, Wi = (e) => e.spine.spineItemsManager.items$.pipe(
   v(
     (t) => x(
       ...t.map((i) => i.loaded$.pipe(
@@ -624,7 +624,7 @@ const Ft = class Ft extends Y {
   constructor(t) {
     super(), this.triggerSubject = new U(), this.stateSubject = new k("idle"), this.unload$ = this.triggerSubject.pipe(
       D(this.stateSubject),
-      R(
+      A(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       b(() => {
@@ -632,7 +632,7 @@ const Ft = class Ft extends Y {
       V()
     ), this.load$ = this.triggerSubject.pipe(
       D(this.stateSubject),
-      R(
+      A(
         ([o, s]) => o.type === "load" && s !== "loaded" && s !== "loading"
       ),
       b(() => {
@@ -641,7 +641,7 @@ const Ft = class Ft extends Y {
     ), this.context = t.context, this.settings = t.settings, this.hookManager = t.hookManager, this.item = t.item, this.containerElement = t.containerElement, this.resourcesHandler = t.resourcesHandler;
     const i = this.triggerSubject.pipe(
       D(this.stateSubject),
-      R(
+      A(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       b(() => {
@@ -752,7 +752,7 @@ const Ft = class Ft extends Y {
     if (t) return t;
     const i = this.getDocumentFrame();
     if (i) {
-      const { hasViewport: o } = _t(i);
+      const { hasViewport: o } = Bt(i);
       if (o) return "pre-paginated";
     }
     return ((n = this.context.manifest) == null ? void 0 : n.renditionLayout) ?? "reflowable";
@@ -760,8 +760,8 @@ const Ft = class Ft extends Y {
 };
 Ft.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 let ht = Ft;
-const Wi = (e) => new URL(e.href);
-class Yt {
+const zi = (e) => new URL(e.href);
+class qt {
   constructor(t, i) {
     this.item = t, this.settings = i;
   }
@@ -769,7 +769,7 @@ class Yt {
     var i, n;
     return await Ye(
       ((n = (i = this.settings.values).getResource) == null ? void 0 : n.call(i, this.item)) ?? w(void 0)
-    ) ?? Wi(this.item);
+    ) ?? zi(this.item);
   }
   async fetchResource() {
     const t = await this.getResource();
@@ -779,7 +779,7 @@ class Yt {
 const Me = (e, t) => {
   const i = e.startsWith("file://"), n = i ? e.replace("file://", "http://") : e, o = new URL(t, n).toString();
   return i ? o.replace("http://", "file://") : o;
-}, zi = async (e, t, i, n, o) => {
+}, Ui = async (e, t, i, n, o) => {
   if (!e || !e.defaultView) return;
   const s = t.sheet;
   if (s)
@@ -801,7 +801,7 @@ const Me = (e, t) => {
                   `${P.toLowerCase()}`
                 ));
                 if (f) {
-                  const P = new Yt(f, o);
+                  const P = new qt(f, o);
                   try {
                     const $ = await P.getResource();
                     if ($ instanceof Response) {
@@ -828,7 +828,7 @@ const Me = (e, t) => {
     } catch (r) {
       console.error("Could not access stylesheet rules:", r);
     }
-}, Ui = (e, t, i, n, o) => {
+}, Hi = (e, t, i, n, o) => {
   var c;
   const s = t.getAttribute("src") || t.getAttribute("href");
   if (!s) return w(null);
@@ -836,7 +836,7 @@ const Me = (e, t) => {
     `${u.toLowerCase()}`
   ));
   if (!r) return w(null);
-  const a = new Yt(r, o);
+  const a = new qt(r, o);
   return W(a.getResource()).pipe(
     $t(
       (u) => u instanceof Response ? W(u.blob()) : w(void 0)
@@ -852,7 +852,7 @@ const Me = (e, t) => {
         return new st((l) => {
           t.onload = async () => {
             try {
-              t.sheet && await zi(
+              t.sheet && await Ui(
                 e,
                 t,
                 i,
@@ -867,7 +867,7 @@ const Me = (e, t) => {
       return w(null);
     })
   );
-}, Hi = ({
+}, Ei = ({
   settings: e,
   item: t,
   context: i
@@ -876,7 +876,7 @@ const Me = (e, t) => {
     const s = xe(
       o.contentDocument
     ), r = ei(t.href), a = s.map(
-      (c) => Ui(
+      (c) => Hi(
         o.contentDocument,
         c,
         r,
@@ -886,20 +886,20 @@ const Me = (e, t) => {
     );
     return q(a).pipe(b(() => o));
   })
-), Ei = (e) => {
-  Fi(e == null ? void 0 : e.contentDocument);
-}, Bi = [".xhtml", ".html", ".htm"], lt = "prose-reader", _i = (e) => new Promise((t, i) => {
+), Bi = (e) => {
+  Li(e == null ? void 0 : e.contentDocument);
+}, _i = [".xhtml", ".html", ".htm"], lt = "prose-reader", Xi = (e) => new Promise((t, i) => {
   const n = new Image();
   n.src = e, n.onload = () => {
     t({ height: n.naturalHeight, width: n.naturalWidth });
   }, n.onerror = i;
-}), Xi = async (e, t) => {
+}), qi = async (e, t) => {
   if (typeof e == "string") return e;
   const i = ii(e.headers.get("Content-Type") || "") || Lt(t.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === i
   )) {
-    const o = await Di(await e.blob()), { height: s, width: r } = await _i(o);
+    const o = await Ni(await e.blob()), { height: s, width: r } = await Xi(o);
     return `
       <html>
         <head>
@@ -931,11 +931,11 @@ const Me = (e, t) => {
         </body>
       </html>
     ` : await e.text();
-}, qi = ({
+}, Yi = ({
   item: e,
   resourcesHandler: t
 }) => {
-  const i = (n) => Xi(n, e);
+  const i = (n) => qi(n, e);
   return (n) => n.pipe(
     v((o) => W(t.getResource()).pipe(
       v((s) => s instanceof URL && e.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
@@ -945,11 +945,14 @@ const Me = (e, t) => {
         "text/html",
         "text/xml"
       ].includes(e.mediaType) || // no encoding ? then try to detect html
-      !e.mediaType && Bi.some(
+      !e.mediaType && _i.some(
         (a) => e.href.endsWith(a)
-      )) ? (o == null || o.setAttribute("src", e.href), w(o)) : (s instanceof URL ? W(t.fetchResource()) : s instanceof Response ? w(s) : K).pipe(
-        R((a) => a instanceof Response),
-        v((a) => W(i(a))),
+      )) ? (o == null || o.setAttribute("src", e.href), w(o)) : (s instanceof URL ? W(t.fetchResource()) : w(s)).pipe(
+        v((a) => {
+          if (!(a instanceof Response))
+            throw new Error("Invalid resource");
+          return W(i(a));
+        }),
         T((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
@@ -958,12 +961,13 @@ const Me = (e, t) => {
         }),
         b(() => o),
         fe((a) => (j.error(
-          `Error while trying to fetch or load resource for item ${e.id}`
+          `Error while trying to fetch or load resource for item ${e.id}`,
+          s
         ), j.error(a), w(o)))
       ))
     ))
   );
-}, Yi = () => {
+}, Zi = () => {
   const e = document.createElement("iframe");
   return e.frameBorder = "no", e.tabIndex = 0, e.setAttribute(
     "sandbox",
@@ -988,7 +992,7 @@ const Me = (e, t) => {
   pageWidth: t,
   frameElement: i
 }) => {
-  const n = _t(i);
+  const n = Bt(i);
   if (i != null && i.contentDocument && i.contentWindow && n) {
     const o = t / (n.width ?? 1);
     return { computedScale: Math.min(
@@ -996,7 +1000,7 @@ const Me = (e, t) => {
       e / (n.height ?? 1)
     ), computedWidthScale: o, viewportDimensions: n };
   }
-}, Zi = ({
+}, Gi = ({
   columnWidth: e,
   enableTouch: t,
   spreadPosition: i
@@ -1041,12 +1045,12 @@ const Me = (e, t) => {
           object-fit:contain;
         `}
       }
-    `, Gi = ({
+    `, Ji = ({
   pageHeight: e,
   pageWidth: t
-}) => ({ columnHeight: e, columnWidth: t }), se = (e, t) => {
+}) => ({ columnHeight: e, columnWidth: t }), oe = (e, t) => {
   e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
-}, Ji = ({
+}, Ki = ({
   minPageSpread: e,
   blankPagePosition: t,
   spreadPosition: i,
@@ -1058,18 +1062,18 @@ const Me = (e, t) => {
 }) => {
   const c = e * o;
   if (s != null && s.contentDocument && (s != null && s.contentWindow)) {
-    const { viewportDimensions: u, computedScale: d = 1 } = Re({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, g = o, l = n, p = Zi(
+    const { viewportDimensions: u, computedScale: d = 1 } = Re({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, g = o, l = n, p = Gi(
       {
-        ...Gi({ pageHeight: n, pageWidth: o }),
+        ...Ji({ pageHeight: n, pageWidth: o }),
         enableTouch: a,
         spreadPosition: i
       },
       u
     );
-    if (ot(s, "prose-reader-css", p), u ? se(s, {
+    if (ot(s, "prose-reader-css", p), u ? oe(s, {
       width: u.width ?? 1,
       height: u.height ?? 1
-    }) : se(s, {
+    }) : oe(s, {
       width: g,
       height: l
     }), u) {
@@ -1090,7 +1094,7 @@ const Me = (e, t) => {
     return { width: c, height: l };
   }
   return { width: c, height: n };
-}, Ki = () => `
+}, Qi = () => `
       ${Ce()}
       html {
         width: 100%;
@@ -1105,7 +1109,7 @@ const Me = (e, t) => {
       html, body {
         touch-action: none;
       }
-    `, Qi = ({
+    `, tn = ({
   isScrollable: e,
   enableTouch: t
 }) => `
@@ -1130,7 +1134,7 @@ const Me = (e, t) => {
           display: block;
         }
       ` : ""}
-    `, tn = ({
+    `, en = ({
   width: e,
   columnHeight: t,
   columnWidth: i
@@ -1198,7 +1202,7 @@ const Me = (e, t) => {
       td {
         max-width: ${i}px;
       }
-    `, en = ({
+    `, nn = ({
   isUsingVerticalWriting: e,
   minimumWidth: t,
   pageHeight: i,
@@ -1214,7 +1218,7 @@ const Me = (e, t) => {
   };
 }, It = (e, t) => {
   e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
-}, nn = ({
+}, on = ({
   pageHeight: e,
   pageWidth: t,
   frameElement: i,
@@ -1242,7 +1246,7 @@ const Me = (e, t) => {
       ot(
         i,
         "prose-reader-html-renderer-framce-css",
-        Ki()
+        Qi()
       ), It(i, {
         width: m.width ?? 1,
         height: m.height ?? 1
@@ -1254,11 +1258,11 @@ const Me = (e, t) => {
         `translate(-50%, -50%) scale(${S})`
       ), i == null || i.style.setProperty("transform-origin", "center center");
     else {
-      const L = c ? Qi({
+      const L = c ? tn({
         isScrollable: (n == null ? void 0 : n.renditionFlow) === "scrolled-continuous",
         enableTouch: u
-      }) : tn(
-        en({
+      }) : en(
+        nn({
           isUsingVerticalWriting: d,
           minimumWidth: g,
           pageHeight: h,
@@ -1295,7 +1299,7 @@ const Me = (e, t) => {
     latestContentHeightWhenLoaded: l
   };
 };
-class on extends ht {
+class sn extends ht {
   constructor() {
     super(...arguments), this.isImageType = () => {
       const t = this.item.mediaType ?? Lt(this.item.href);
@@ -1303,14 +1307,14 @@ class on extends ht {
     };
   }
   onCreateDocument() {
-    const t = Yi();
+    const t = Zi();
     return this.setDocumentContainer(t), w(t);
   }
   onLoadDocument() {
     const t = this.getFrameElement();
     if (!t) throw new Error("invalid frame");
     return w(t).pipe(
-      qi({
+      Yi({
         item: this.item,
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
@@ -1319,17 +1323,17 @@ class on extends ht {
       T(() => {
         this.attach();
       }),
-      hi,
-      Hi({
+      mi,
+      Ei({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      mi
+      fi
     );
   }
   onUnload() {
-    return Ei(this.getFrameElement()), this.detach(), K;
+    return Bi(this.getFrameElement()), this.detach(), Q;
   }
   onLayout({
     minPageSpread: t,
@@ -1341,7 +1345,7 @@ class on extends ht {
     if (!r) return w(void 0);
     const a = !!((d = this.writingMode) != null && d.startsWith("vertical"));
     if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && ((g = this.context.manifest) == null ? void 0 : g.renditionLayout) === "pre-paginated") {
-      const l = Ji({
+      const l = Ki({
         blankPagePosition: i,
         enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
         frameElement: r,
@@ -1353,7 +1357,7 @@ class on extends ht {
       });
       return w(l);
     }
-    const { latestContentHeightWhenLoaded: c, ...u } = nn({
+    const { latestContentHeightWhenLoaded: c, ...u } = on({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1425,14 +1429,14 @@ class on extends ht {
     return this.getFrameElement();
   }
 }
-const sn = (e) => (t) => {
+const rn = (e) => (t) => {
   const i = e({
     ...t,
     getRenderer(o) {
       var r;
-      return ((r = t.getRenderer) == null ? void 0 : r.call(t, o)) ?? ((a) => new on(a));
+      return ((r = t.getRenderer) == null ? void 0 : r.call(t, o)) ?? ((a) => new sn(a));
     }
-  }), n = ki(i);
+  }), n = Wi(i);
   return n.pipe(F(i.$.destroy$)).subscribe(), {
     ...i,
     links$: n
@@ -1441,7 +1445,7 @@ const sn = (e) => (t) => {
 function ct(e) {
   return e != null;
 }
-let rn = class extends Le {
+let an = class extends Le {
   computeOutputSettings(t) {
     return t;
   }
@@ -1469,7 +1473,7 @@ let rn = class extends Le {
     };
   }
 };
-const an = (e) => {
+const cn = (e) => {
   let t;
   const i = e.context.state$.pipe(
     _(({ containerElement: c }) => c ? new st(() => (t = c.ownerDocument.createElement("div"), t.style.cssText = `
@@ -1508,14 +1512,14 @@ const an = (e) => {
     J(e.$.destroy$)
   );
   return x(i, a);
-}, cn = (e) => {
+}, un = (e) => {
   e.hookManager.register(
     "item.onAfterLayout",
     ({ item: t, blankPagePosition: i, minimumWidth: n }) => {
       const o = e.spineItemsManager.get(t.id), s = o == null ? void 0 : o.renderer.getDocumentFrame();
       if ((o == null ? void 0 : o.renditionLayout) !== "reflowable" || !(s instanceof HTMLIFrameElement))
         return;
-      const { hasViewport: r } = _t(s), { width: a } = e.context.getPageSize(), c = o == null ? void 0 : o.renderer.getDocumentFrame();
+      const { hasViewport: r } = Bt(s), { width: a } = e.context.getPageSize(), c = o == null ? void 0 : o.renderer.getDocumentFrame();
       if (r) {
         const u = a < n;
         i === "none" && u && c instanceof HTMLIFrameElement && (c == null || c.style.setProperty(
@@ -1536,7 +1540,7 @@ class kt extends Ae {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class un extends Ae {
+class dn extends Ae {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1546,18 +1550,18 @@ class M {
     this.__symbol = "SpinePosition", this.x = t.x, this.y = t.y;
   }
 }
-class Zt {
+class Yt {
   constructor(t) {
     this.__symbol = "UnsafeSpinePosition", this.x = t.x, this.y = t.y;
   }
   static from(t) {
-    return new Zt(t);
+    return new Yt(t);
   }
 }
-const dn = ({
+const gn = ({
   position: e,
   pageSize: t
-}) => new un({
+}) => new dn({
   x: e.x,
   y: e.y,
   left: e.x,
@@ -1566,7 +1570,7 @@ const dn = ({
   height: t.height,
   bottom: e.y + t.height,
   right: e.x + t.width
-}), gn = (e) => {
+}), ln = (e) => {
   const t = e.spine.spineLayout.layout$.pipe(
     b(() => ({
       pages: e.spine.spineItemsManager.items.reduce((s, r, a) => {
@@ -1578,7 +1582,7 @@ const dn = ({
             spineItem: r,
             spineItemPosition: p
           });
-          return dn({
+          return gn({
             pageSize: e.context.getPageSize(),
             position: h
           });
@@ -1596,17 +1600,17 @@ const dn = ({
     V()
   ), i = t.pipe(et({ refCount: !0, bufferSize: 1 }));
   return i.pipe(F(e.$.destroy$)).subscribe(), { layout$: t, info$: i };
-}, ln = (e, t) => t.pipe(
+}, pn = (e, t) => t.pipe(
   T((i) => {
     e.viewport.value.element.style.transition = "transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)", e.settings.values.computedPageTurnMode === "scrollable" ? e.viewport.value.element.style.transformOrigin = "top" : e.viewport.value.element.style.transformOrigin = "center", i === "thumbnails" ? e.viewport.value.element.style.transform = "scale(0.5)" : e.viewport.value.element.style.transform = "scale(1)", e.layout();
   })
-), pn = (e) => (t) => {
+), hn = (e) => (t) => {
   const {
     pageHorizontalMargin: i,
     pageVerticalMargin: n,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = t, r = e(t), a = new rn(
+  } = t, r = e(t), a = new an(
     {
       pageHorizontalMargin: i,
       pageVerticalMargin: n,
@@ -1628,9 +1632,9 @@ const dn = ({
       const O = L.height - $ * 2;
       let B = L.width - P * 2, dt = P * 2;
       f.isUsingVerticalWriting() && (B = L.width - P * 2, C = O, dt = $ * 2);
-      const Q = f == null ? void 0 : f.renderer.getDocumentFrame();
-      Q && ot(
-        Q,
+      const K = f == null ? void 0 : f.renderer.getDocumentFrame();
+      K && ot(
+        K,
         "prose-layout-enhancer-css",
         `
               body {
@@ -1653,7 +1657,7 @@ const dn = ({
             `
       );
     }
-  }), cn(r), r.hookManager.register(
+  }), un(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: S }) => {
       S.style.opacity = "0", a.values.layoutLayerTransition && (S.style.transition = "opacity 300ms");
@@ -1684,7 +1688,7 @@ const dn = ({
     z(() => {
       r == null || r.layout();
     })
-  ), g = an(r);
+  ), g = cn(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     ai(1),
     z(() => {
@@ -1697,7 +1701,7 @@ const dn = ({
       const y = "prose-spineItem-ready";
       f ? S.containerElement.classList.add(y) : S.containerElement.classList.remove(y);
     })
-  ), { layout$: p, info$: h } = gn(r), m = ln(
+  ), { layout$: p, info$: h } = ln(r), m = pn(
     r,
     a.watch("viewportMode")
   );
@@ -1716,7 +1720,7 @@ const dn = ({
     layout$: p,
     layoutInfo$: h
   };
-}, hn = `${lt}-enhancer-loading`, Oe = `${hn}-container`, mn = (e, t) => {
+}, mn = `${lt}-enhancer-loading`, Oe = `${mn}-container`, fn = (e, t) => {
   const i = e.ownerDocument.createElement("div");
   return i.classList.add(Oe), i.style.cssText = `
       height: 100%;
@@ -1734,7 +1738,7 @@ const dn = ({
       background-color: white;
       z-index: 1;
     `, i;
-}, fn = ({
+}, yn = ({
   container: e,
   item: t
 }) => {
@@ -1751,8 +1755,8 @@ const dn = ({
       max-width: 300px;
       width: 80%;
     `, e.appendChild(i), e.appendChild(n), e;
-}, yn = (e) => (t) => {
-  const { loadingElementCreate: i = fn } = t, n = e(t), o = (c) => w(
+}, Sn = (e) => (t) => {
+  const { loadingElementCreate: i = yn } = t, n = e(t), o = (c) => w(
     c.reduce((u, { item: d, element: g }) => {
       g.style.zIndex = "0";
       const l = g.querySelector(
@@ -1761,7 +1765,7 @@ const dn = ({
       if (l instanceof HTMLElement)
         return u[d.id] = l, u;
       const p = i({
-        container: mn(g, n.context),
+        container: fn(g, n.context),
         item: d
       });
       return g.appendChild(p), u[d.id] = p, u;
@@ -1816,7 +1820,7 @@ const dn = ({
     }
   };
 };
-class Sn extends ht {
+class bn extends ht {
   getImageElement() {
     const t = this.documentContainer;
     if (t instanceof HTMLImageElement)
@@ -1847,7 +1851,7 @@ class Sn extends ht {
   }
   onUnload() {
     const t = this.getImageElement();
-    return t && URL.revokeObjectURL(t.src), this.detach(), K;
+    return t && URL.revokeObjectURL(t.src), this.detach(), Q;
   }
   onLayout({
     spreadPosition: t
@@ -1863,18 +1867,18 @@ class Sn extends ht {
     });
   }
   onRenderHeadless() {
-    return K;
+    return Q;
   }
   getDocumentFrame() {
   }
 }
-const bn = (e) => (t) => {
+const In = (e) => (t) => {
   const i = e({
     ...t,
     getRenderer(r) {
       var d;
       const a = (d = t.getRenderer) == null ? void 0 : d.call(t, r), c = r.mediaType ?? Lt(r.href), u = !!(c != null && c.startsWith("image/"));
-      return !a && u ? (g) => new Sn(g) : a;
+      return !a && u ? (g) => new bn(g) : a;
     }
   }), n = new IntersectionObserver(
     (r) => {
@@ -1924,40 +1928,40 @@ const bn = (e) => (t) => {
       n.disconnect(), o.disconnect(), i.destroy();
     }
   };
-}, In = (e, t) => e.links$.pipe(
+}, wn = (e, t) => e.links$.pipe(
   T((i) => {
     var r;
-    if (!Li(i.target, "a") || i.type !== "click") return;
+    if (!Mi(i.target, "a") || i.type !== "click") return;
     const n = new URL(i.target.href), o = `${n.origin}${n.pathname}`;
     ((r = e.context.manifest) == null ? void 0 : r.spineItems.some(
       (a) => a.href === o
     )) && t.goToUrl(n);
   })
 ), rt = j.namespace("navigation");
-class A {
+class R {
   constructor(t) {
     this.__symbol = Symbol("SpineItemPosition"), this.x = t.x, this.y = t.y;
   }
 }
-const wn = ({
+const Pn = ({
   position: e,
   spineItem: t,
   pageHeight: i,
   pageWidth: n,
   spineItemLocator: o
 }) => {
-  let s = new A({
+  let s = new R({
     x: e.x - n,
     y: e.y
   });
-  return t.isUsingVerticalWriting() && (s = new A({
+  return t.isUsingVerticalWriting() && (s = new R({
     x: e.x,
     y: e.y + i
   })), o.getSpineItemClosestPositionFromUnsafePosition(
     s,
     t
   );
-}, re = ({
+}, se = ({
   position: e,
   navigationResolver: t,
   computedPageTurnDirection: i,
@@ -1971,7 +1975,7 @@ const wn = ({
   const u = o.getSpineItemPositionFromSpinePosition(
     e,
     a
-  ), d = wn({
+  ), d = Pn({
     position: u,
     spineItem: a,
     pageHeight: s.getPageSize().height,
@@ -1993,7 +1997,7 @@ const wn = ({
       x: 0
     })
   );
-}, Pn = ({
+}, vn = ({
   position: e,
   spineItem: t,
   context: i,
@@ -2002,7 +2006,7 @@ const wn = ({
   spineLocator: s,
   computedPageTurnDirection: r
 }) => {
-  const a = re({
+  const a = se({
     position: e,
     context: i,
     navigationResolver: n,
@@ -2024,7 +2028,7 @@ const wn = ({
       );
     if (r === "vertical" && e.y !== a.y)
       return n.getAdjustedPositionForSpread(a);
-    const c = re({
+    const c = se({
       position: a,
       context: i,
       navigationResolver: n,
@@ -2035,25 +2039,25 @@ const wn = ({
     return n.getAdjustedPositionForSpread(c);
   }
   return n.getAdjustedPositionForSpread(a);
-}, vn = ({
+}, xn = ({
   position: e,
   spineItem: t,
   pageHeight: i,
   pageWidth: n,
   spineItemLocator: o
 }) => {
-  let s = new A({
+  let s = new R({
     x: e.x + n,
     y: e.y
   });
-  return t.isUsingVerticalWriting() && (s = new A({
+  return t.isUsingVerticalWriting() && (s = new R({
     x: e.x,
     y: e.y - i
   })), o.getSpineItemClosestPositionFromUnsafePosition(
     s,
     t
   );
-}, ae = ({
+}, re = ({
   position: e,
   navigationResolver: t,
   computedPageTurnDirection: i,
@@ -2067,7 +2071,7 @@ const wn = ({
   const u = o.getSpineItemPositionFromSpinePosition(
     e,
     a
-  ), d = vn({
+  ), d = xn({
     position: u,
     spineItem: a,
     pageHeight: s.getPageSize().height,
@@ -2089,7 +2093,7 @@ const wn = ({
       x: 0
     })
   );
-}, xn = ({
+}, $n = ({
   position: e,
   spineItem: t,
   context: i,
@@ -2098,7 +2102,7 @@ const wn = ({
   spineLocator: s,
   computedPageTurnDirection: r
 }) => {
-  const a = ae({
+  const a = re({
     position: e,
     context: i,
     navigationResolver: n,
@@ -2123,7 +2127,7 @@ const wn = ({
       );
     if (r === "vertical" && e.y !== a.y)
       return n.getAdjustedPositionForSpread(a);
-    const c = ae({
+    const c = re({
       position: a,
       context: i,
       navigationResolver: n,
@@ -2135,7 +2139,7 @@ const wn = ({
   }
   return n.getAdjustedPositionForSpread(a);
 };
-class $n {
+class Tn {
   constructor(t) {
     this.reader = t, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2154,7 +2158,7 @@ class $n {
   turnRightOrBottom() {
     const t = this.reader.navigation.getNavigation(), i = this.reader.spineItemsManager.get(t.spineItem);
     if (!i) return;
-    const n = xn({
+    const n = $n({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: t.position,
@@ -2170,7 +2174,7 @@ class $n {
   turnLeftOrTop() {
     const t = this.reader.navigation.getNavigation(), i = this.reader.spineItemsManager.get(t.spineItem);
     if (!i) return;
-    const n = Pn({
+    const n = vn({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: t.position,
@@ -2312,7 +2316,7 @@ class $n {
     }
   }
 }
-class Tn {
+class Fn {
   constructor(t) {
     this.reader = t, 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;
   }
@@ -2352,7 +2356,7 @@ class Tn {
     });
   }
 }
-const Fn = (e) => e.pagination.state$.pipe(
+const Ln = (e) => e.pagination.state$.pipe(
   D(e.context.manifest$, e.settings.values$),
   b(
     ([
@@ -2372,7 +2376,7 @@ const Fn = (e) => e.pagination.state$.pipe(
     }
   ),
   E(N)
-), Ln = ({ reader: e, duration: t }) => (i) => {
+), Mn = ({ reader: e, duration: t }) => (i) => {
   let n;
   const o = () => {
     n == null || n(), n = void 0;
@@ -2388,18 +2392,18 @@ const Fn = (e) => e.pagination.state$.pipe(
     T(o),
     ut(o)
   );
-}, Mn = (e) => (t) => {
-  const i = e(t), n = Fn(i), o = new $n(i), s = new Tn(i), r = (c) => {
+}, Cn = (e) => (t) => {
+  const i = e(t), n = Ln(i), o = new Tn(i), s = new Fn(i), r = (c) => {
     const { cfi: u, ...d } = c;
     i.load(d), u && o.goToCfi(u, { animate: !1 });
   };
-  return In(i, o).pipe(F(i.$.destroy$)).subscribe(), {
+  return wn(i, o).pipe(F(i.$.destroy$)).subscribe(), {
     ...i,
     load: r,
     navigation: {
       ...i.navigation,
       state$: n,
-      throttleLock: ({ duration: c, trigger: u }) => u.pipe(Ln({ duration: c, reader: i })),
+      throttleLock: ({ duration: c, trigger: u }) => u.pipe(Mn({ duration: c, reader: i })),
       moveTo: s.moveTo.bind(s),
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2443,10 +2447,10 @@ const Fn = (e) => e.pagination.state$.pipe(
     n.offset,
     t.item
   ).trim() : mt(t.item);
-}, Cn = (e, t) => {
+}, Rn = (e, t) => {
   const i = ft(e.startContainer, e.startOffset, t), n = ft(e.endContainer, e.endOffset, t);
   return { start: i, end: n };
-}, Rn = ({
+}, An = ({
   item: e,
   selection: t
 }) => {
@@ -2455,19 +2459,15 @@ const Fn = (e) => e.pagination.state$.pipe(
     anchorCfi: i,
     focusCfi: n
   };
-}, zt = (e) => {
+}, ae = (e) => {
   var t;
   return ((t = e[0]) == null ? void 0 : t.index) === 6 && e.length > 1;
-}, Ut = (e) => {
-  const t = we(e), i = (n) => {
-    if (n.length !== 1) return !1;
-    const o = n[0] ?? [];
-    return zt(o);
-  };
-  return Array.isArray(t) ? i(t) : i(t.parent);
-}, An = (e) => Array.isArray(e) ? e[0] && zt(e[0]) ? e[0] : void 0 : e.parent[0] && zt(e.parent[0]) ? e.parent[0] : void 0, Gt = (e) => {
+}, zt = (e) => {
+  const t = we(e);
+  return gi(t);
+}, On = (e) => Array.isArray(e) ? e[0] && ae(e[0]) ? e[0] : void 0 : e.parent[0] && ae(e.parent[0]) ? e.parent[0] : void 0, Zt = (e) => {
   var a, c, u, d;
-  const t = we(e), n = (An(t) ?? [])[1], s = ((n == null ? void 0 : n.index) ?? 2) / 2 - 1, r = di(t) ? (c = (a = t.end.at(-1)) == null ? void 0 : a.at(-1)) == null ? void 0 : c.offset : (d = (u = t.at(-1)) == null ? void 0 : u.at(-1)) == null ? void 0 : d.offset;
+  const t = we(e), n = (On(t) ?? [])[1], s = ((n == null ? void 0 : n.index) ?? 2) / 2 - 1, r = di(t) ? (c = (a = t.end.at(-1)) == null ? void 0 : a.at(-1)) == null ? void 0 : c.offset : (d = (u = t.at(-1)) == null ? void 0 : u.at(-1)) == null ? void 0 : d.offset;
   return {
     cleanedCfi: e,
     itemIndex: s,
@@ -2479,14 +2479,15 @@ const Fn = (e) => e.pagination.state$.pipe(
 }) => {
   var s, r;
   if (!e) return;
-  const { itemIndex: i } = Gt(e), n = t.get(i);
+  const { itemIndex: i } = Zt(e), n = t.get(i);
   if (!n) return;
   const o = n.renderer.getDocumentFrame();
   if (o instanceof HTMLIFrameElement) {
+    console.log("FIII", e);
     const a = (s = o.contentWindow) == null ? void 0 : s.document;
     if (a)
       try {
-        const c = gi(e, a, {
+        const c = li(e, a, {
           throwOnError: !0
         });
         return {
@@ -2503,7 +2504,7 @@ const Fn = (e) => e.pagination.state$.pipe(
   return {
     spineItem: n
   };
-}, On = (e, t) => {
+}, Dn = (e, t) => {
   if ("cfi" in t)
     return t;
   const i = e.spineItemsManager.get(t);
@@ -2512,7 +2513,7 @@ const Fn = (e) => e.pagination.state$.pipe(
   return {
     cfi: mt(i.item)
   };
-}, Dn = (e, t) => {
+}, Nn = (e, t) => {
   let i = e == null ? void 0 : e.itemPageIndex;
   const { itemIndex: n } = t.cfi.parseCfi(e.cfi), o = t.spineItemsManager.get(n);
   return o ? Fe().pipe(
@@ -2545,19 +2546,19 @@ const Fn = (e) => e.pagination.state$.pipe(
     })
   ) : w({ ...e, itemIndex: n });
 };
-class Nn {
+class Vn {
   constructor(t) {
     this.reader = t, this.locate = (i, n) => {
       const o = {
         resource: i,
-        meta: On(this.reader, i)
+        meta: Dn(this.reader, i)
       };
-      return ne(() => {
+      return ie(() => {
         var d;
         const s = this.reader.spine.spineLayout.layout$.pipe(
           St(10),
           nt(o),
-          Je((g) => Dn(g.meta, this.reader).pipe(
+          Je((g) => Nn(g.meta, this.reader).pipe(
             b((l) => ({
               ...g,
               meta: l
@@ -2578,7 +2579,7 @@ class Nn {
     };
   }
   locateResource(t, i) {
-    return Array.isArray(t) ? ne(
+    return Array.isArray(t) ? ie(
       () => q(t.map((n) => this.locate(n, i ?? {})))
     ) : this.locate(t, i ?? {});
   }
@@ -2608,20 +2609,20 @@ const Ne = (e, t, i) => {
     }
     return o;
   }, void 0);
-}, Vn = (e, t) => {
+}, jn = (e, t) => {
   var n;
   const { href: i } = t;
   return Ne(i, ((n = e.nav) == null ? void 0 : n.toc) ?? [], e);
-}, jn = (e) => {
+}, kn = (e) => {
   const t = e.context.manifest, i = e.spineItemsManager.items;
   return t ? i.reduce(
-    (n, { item: o }) => (n[o.id] = Vn(t, o), n),
+    (n, { item: o }) => (n[o.id] = jn(t, o), n),
     {}
   ) : {};
-}, kn = (e) => e.spineItemsManager.items$.pipe(
+}, Wn = (e) => e.spineItemsManager.items$.pipe(
   nt([]),
-  b(() => jn(e))
-), Wn = (e, t, i) => e + t * i, zn = (e, t, i) => {
+  b(() => kn(e))
+), zn = (e, t, i) => e + t * i, Un = (e, t, i) => {
   const n = e.context, { height: o, width: s } = i.layout.layoutInfo, { top: r, left: a } = e.spine.spineLayout.getSpineItemSpineLayoutInfo(i);
   return e.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
@@ -2636,7 +2637,7 @@ const Ne = (e, t, i) => {
       (t.x - a + n.state.visibleAreaRect.width) / s
     )
   );
-}, Un = (e, t, i, n, o) => o.isReady$.pipe(
+}, Hn = (e, t, i, n, o) => o.isReady$.pipe(
   H(),
   D(e.layoutInfo$),
   b(([s, r]) => {
@@ -2647,17 +2648,17 @@ const Ne = (e, t, i) => {
     let m = (i + 1) * (h / p);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let S = d + m;
-    return ((C = a.manifest) == null ? void 0 : C.renditionFlow) === "scrolled-continuous" && (s ? m = zn(
+    return ((C = a.manifest) == null ? void 0 : C.renditionFlow) === "scrolled-continuous" && (s ? m = Un(
       e,
       n,
       o
-    ) : m = 0, S = Wn(
+    ) : m = 0, S = zn(
       d,
       h,
       m
     )), t === u - 1 && i === p - 1 && S > 0.99 ? 1 : S;
   })
-), Hn = (e) => e.spine.spineLayout.layout$.pipe(
+), En = (e) => e.spine.spineLayout.layout$.pipe(
   St(10, at),
   D(e.pagination.state$),
   b(() => ({
@@ -2675,7 +2676,7 @@ const Ne = (e, t, i) => {
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), En = (e, t, i, n) => {
+), Bn = (e, t, i, n) => {
   const o = e.context, s = t.beginSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.beginSpineItemIndex) : void 0, r = t.endSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.endSpineItemIndex) : void 0;
   return w({
     ...t,
@@ -2706,7 +2707,7 @@ const Ne = (e, t, i) => {
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, Bn = (e) => q([
+}, _n = (e) => q([
   e.pagination.state$,
   // Usually pagination change if layout changes (number of pages) however it is especially
   // useful for like webtoon where you still have one page but only the layout will give you the final size
@@ -2715,7 +2716,7 @@ const Ne = (e, t, i) => {
 ]).pipe(
   v(([t]) => {
     const i = t.endSpineItemIndex !== void 0 ? e.spineItemsManager.get(t.endSpineItemIndex) : void 0;
-    return i ? Un(
+    return i ? Hn(
       e,
       t.endSpineItemIndex ?? 0,
       t.endPageIndexInSpineItem || 0,
@@ -2723,8 +2724,8 @@ const Ne = (e, t, i) => {
       i
     ) : w(0);
   })
-), _n = (e) => {
-  const t = kn(e), i = Hn(e), n = new k({
+), Xn = (e) => {
+  const t = Wn(e), i = En(e), n = new k({
     ...e.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2742,10 +2743,10 @@ const Ne = (e, t, i) => {
   }), o = q([
     e.pagination.state$,
     t,
-    Bn(e)
+    _n(e)
   ]).pipe(
     v(
-      ([r, a, c]) => En(
+      ([r, a, c]) => Bn(
         e,
         r,
         a,
@@ -2780,10 +2781,10 @@ const Ne = (e, t, i) => {
     }),
     et(1)
   ), getPaginationInfo: () => n.value };
-}, Xn = (e) => (t) => {
-  const i = e(t), { paginationInfo$: n, getPaginationInfo: o } = _n(i);
+}, qn = (e) => (t) => {
+  const i = e(t), { paginationInfo$: n, getPaginationInfo: o } = Xn(i);
   n.pipe(F(i.$.destroy$)).subscribe();
-  const s = new Nn(i);
+  const s = new Vn(i);
   return {
     ...i,
     locateResource: s.locateResource.bind(s),
@@ -2797,7 +2798,7 @@ const Ne = (e, t, i) => {
       }
     }
   };
-}, qn = (e) => ({
+}, Yn = (e) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = e.transaction(["store"], "readwrite");
     u.onerror = (l) => {
@@ -2855,11 +2856,11 @@ const Ne = (e, t, i) => {
   n.onerror = (o) => {
     i(o);
   }, n.onsuccess = () => {
-    t(qn(n.result));
+    t(Yn(n.result));
   }, n.onupgradeneeded = () => {
     n.result.createObjectStore("store");
   };
-}), Yn = (e) => {
+}), Zn = (e) => {
   let t = Date.now().toString();
   const i = new U(), n = (c) => {
     var u, d;
@@ -2886,8 +2887,8 @@ const Ne = (e, t, i) => {
         Ke([At("prose-reader"), W(u.blob())])
       ).pipe(
         _(([g, l]) => W(g.put(`${t}_${d.id}`, l))),
-        ee((g) => (j.error(g), K))
-      ) : K;
+        te((g) => (j.error(g), Q))
+      ) : Q;
     }),
     J(e.destroy$)
   ).subscribe();
@@ -2909,7 +2910,7 @@ const Ne = (e, t, i) => {
           })
         )
       ),
-      ee((c) => (j.error(c), K))
+      te((c) => (j.error(c), Q))
     ))),
     J(e.destroy$)
   ).subscribe(), {
@@ -2918,8 +2919,8 @@ const Ne = (e, t, i) => {
       i.complete();
     }
   };
-}, Zn = (e) => (t) => {
-  const i = e(t), n = Yn(i.context);
+}, Gn = (e) => (t) => {
+  const i = e(t), n = Zn(i.context);
   return {
     ...i,
     // $: {
@@ -2931,7 +2932,7 @@ const Ne = (e, t, i) => {
     }
     // load,
   };
-}, Gn = (e, t) => {
+}, Jn = (e, t) => {
   var o;
   const i = (o = e.node.ownerDocument) == null ? void 0 : o.createRange(), n = e.node.compareDocumentPosition(t.node);
   if (i) {
@@ -2952,14 +2953,14 @@ const Ne = (e, t, i) => {
     }
     return i;
   }
-}, Jn = ({
+}, Kn = ({
   selection: e,
   spineItem: t
 }) => {
   const { anchorNode: i, anchorOffset: n, focusNode: o, focusOffset: s } = e;
   if (!(!i || !o))
     try {
-      return Gn(
+      return Jn(
         { node: i, offset: n },
         { node: o, offset: s }
       );
@@ -2971,7 +2972,7 @@ const Ne = (e, t, i) => {
       return;
     }
 };
-class Kn extends Y {
+class Qn extends Y {
   constructor(t) {
     var n;
     super();
@@ -2979,17 +2980,17 @@ class Kn extends Y {
     if (!i)
       this.selectionChange$ = gt, this.selectionOver$ = gt;
     else {
-      const o = oe(i.body, {
+      const o = ne(i.body, {
         childList: !0,
         subtree: !0
       }).pipe(
-        R(
+        A(
           (r) => !!r.find((a) => a.type === "childList" && a.removedNodes.length)
         )
-      ), s = t.parentElement ? oe(t.parentElement, {
+      ), s = t.parentElement ? ne(t.parentElement, {
         childList: !0
       }).pipe(
-        R(
+        A(
           (r) => !!r.find(
             (a) => Array.from(a.removedNodes).includes(t)
           )
@@ -3019,7 +3020,7 @@ class Kn extends Y {
               const a = i.getSelection();
               return a && !a.isCollapsed ? [r, a] : void 0;
             }),
-            R(ct)
+            A(ct)
           )
         ),
         F(x(s, this.destroy$))
@@ -3027,12 +3028,12 @@ class Kn extends Y {
     }
   }
 }
-const Qn = (e) => e.loaded$.pipe(
+const to = (e) => e.loaded$.pipe(
   v(() => {
     var o;
     const t = e.renderer.getDocumentFrame(), i = (t == null ? void 0 : t.contentDocument) || ((o = t == null ? void 0 : t.contentWindow) == null ? void 0 : o.document);
     if (!t || !i) return gt;
-    const n = new Kn(t);
+    const n = new Qn(t);
     return x(
       n.selectionChange$.pipe(
         b((s) => {
@@ -3059,14 +3060,14 @@ const Qn = (e) => e.loaded$.pipe(
     );
   }),
   E()
-), to = (e) => (t) => {
+), eo = (e) => (t) => {
   const i = e(t);
   let n;
   const o = i.spineItemsManager.items$.pipe(
     v((d) => {
       const g = d.map((l) => {
         const p = i.spineItemsManager.getSpineItemIndex(l) ?? 0;
-        return Qn(l).pipe(
+        return to(l).pipe(
           b((h) => {
             if (h)
               return {
@@ -3087,15 +3088,15 @@ const Qn = (e) => e.loaded$.pipe(
   ), s = o, r = o.pipe(
     b((d) => !!d),
     E(),
-    R((d) => d),
+    A((d) => d),
     V()
   ), a = r.pipe(
     v(() => s),
     E(),
-    R((d) => !d),
+    A((d) => !d),
     V()
   ), c = o.pipe(
-    R((d) => (d == null ? void 0 : d.type) === "over"),
+    A((d) => (d == null ? void 0 : d.type) === "over"),
     V()
   ), u = i.context.containerElement$.pipe(
     v((d) => G(d, "pointerdown")),
@@ -3113,7 +3114,7 @@ const Qn = (e) => e.loaded$.pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => n,
-      createOrderedRangeFromSelection: Jn
+      createOrderedRangeFromSelection: Kn
     }
   };
 }, ce = [
@@ -3131,7 +3132,7 @@ const Qn = (e) => e.loaded$.pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], eo = (e) => (t) => {
+], io = (e) => (t) => {
   const i = e(t), n = new k(
     t.theme ?? "bright"
   ), o = () => {
@@ -3196,7 +3197,7 @@ const Qn = (e) => e.loaded$.pipe(
       }
     }
   };
-}, io = (e) => (t) => ({
+}, no = (e) => (t) => ({
   ...e(t),
   utils: {
     isOrIsWithinValidLink: (o) => {
@@ -3210,13 +3211,13 @@ const Qn = (e) => e.loaded$.pipe(
   }
 });
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const no = (e) => (t) => e(t);
+const oo = (e) => (t) => e(t);
 class Ve {
   constructor(t) {
     this.reader = t;
   }
 }
-class oo extends Ve {
+class so extends Ve {
   constructor() {
     super(...arguments), this.isZooming$ = new k(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
   }
@@ -3273,7 +3274,7 @@ const Tt = ({
   const o = i * e / 2 - i + i / 2, s = i * t / 2 - i + i / 2, r = e / t, a = n - s;
   return Math.max(o + a * r, 0);
 };
-class so extends Ve {
+class ro extends Ve {
   constructor() {
     super(...arguments), this.isZooming$ = new k(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
   }
@@ -3306,8 +3307,8 @@ class so extends Ve {
     }), this.currentScale = o;
   }
 }
-const ro = (e) => (t) => {
-  const i = e(t), n = new oo(i), o = new so(i), s = new k(o);
+const ao = (e) => (t) => {
+  const i = e(t), n = new so(i), o = new ro(i), s = new k(o);
   return {
     ...i,
     destroy: () => {
@@ -3354,7 +3355,7 @@ class bt extends st {
     N(this.value, i) || this.stateSubject.next(i);
   }
   watch(t) {
-    return Array.isArray(t) ? this.stateSubject.pipe(qt(t)) : this.stateSubject.pipe(
+    return Array.isArray(t) ? this.stateSubject.pipe(Xt(t)) : this.stateSubject.pipe(
       b((i) => i[t]),
       E(N)
     );
@@ -3366,19 +3367,19 @@ class bt extends st {
     this.stateSubject.complete(), this.destroy$.complete();
   }
 }
-class ao {
+class co {
   constructor() {
-    this.navigationSubject = new Kt(1), this.viewportStateSubject = new k("free"), this.paginationSubject = new Kt(), this.navigationIsLockedSubject = new k(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
+    this.navigationSubject = new Jt(1), this.viewportStateSubject = new k("free"), this.paginationSubject = new Jt(), this.navigationIsLockedSubject = new k(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       E(),
-      R((t) => !t)
+      A((t) => !t)
     ), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
-      R((t) => t === "free")
+      A((t) => t === "free")
     ), this.viewportBusy$ = this.viewportState$.pipe(
-      R((t) => t === "busy")
+      A((t) => t === "busy")
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-const co = ({
+const uo = ({
   manifest: e,
   visibleAreaRect: t,
   forceSinglePageMode: i
@@ -3386,7 +3387,7 @@ const co = ({
   const { height: n, width: o } = t, s = o > n;
   return i || (e == null ? void 0 : e.renditionFlow) === "scrolled-continuous" ? !1 : !s && (e == null ? void 0 : e.renditionSpread) === "portrait" ? !0 : s && ((e == null ? void 0 : e.renditionSpread) === void 0 || (e == null ? void 0 : e.renditionSpread) === "auto" || (e == null ? void 0 : e.renditionSpread) === "landscape" || (e == null ? void 0 : e.renditionSpread) === "both");
 };
-class uo extends bt {
+class go extends bt {
   constructor() {
     super({
       marginBottom: 0,
@@ -3399,7 +3400,7 @@ class uo extends bt {
         x: 0,
         y: 0
       }
-    }), this.bridgeEvent = new ao(), this.destroy$ = new U(), this.state$ = this.pipe(Z(N)), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new co(), this.destroy$ = new U(), this.state$ = this.pipe(Z(N)), this.manifest$ = this.pipe(
       X((t) => t.manifest),
       tt(ct),
       Z()
@@ -3434,7 +3435,7 @@ class uo extends bt {
         isFullyPrePaginated: je(n),
         assumedRenditionLayout: (n == null ? void 0 : n.renditionLayout) ?? "reflowable"
       },
-      isUsingSpreadMode: co({
+      isUsingSpreadMode: uo({
         manifest: n,
         visibleAreaRect: s,
         forceSinglePageMode: o
@@ -3466,7 +3467,7 @@ class uo extends bt {
     };
   }
 }
-class go extends bt {
+class lo extends bt {
   constructor(t, i) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3502,7 +3503,7 @@ class go extends bt {
     ).subscribe(this.next.bind(this));
   }
 }
-class lo {
+class po {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3578,7 +3579,7 @@ class ke {
     };
   }
 }
-const po = () => (e) => e.pipe(
+const ho = () => (e) => e.pipe(
   b(({ navigation: t, pagination: i, ...n }) => ({
     navigation: {
       ...t,
@@ -3586,9 +3587,9 @@ const po = () => (e) => e.pipe(
     },
     ...n
   }))
-), ho = (e, t, i) => e.bridgeEvent.pagination$.pipe(
+), mo = (e, t, i) => e.bridgeEvent.pagination$.pipe(
   D(t),
-  R(
+  A(
     ([n, o]) => n.navigationId === o.id
   ),
   /**
@@ -3599,14 +3600,14 @@ const po = () => (e) => e.pipe(
   v(([n, o]) => {
     const s = i.spineItemsManager.get(o.spineItem);
     return ((s == null ? void 0 : s.isReady$.pipe(H())) ?? w(!1)).pipe(
-      R((r) => r),
+      A((r) => r),
       b(() => ({
         pagination: n,
         navigation: o
       }))
     );
   }),
-  po(),
+  ho(),
   E(
     (n, o) => n.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3618,7 +3619,7 @@ const po = () => (e) => e.pipe(
       }
     })
   )
-), mo = (e) => e.pipe(
+), fo = (e) => e.pipe(
   b(([t, i]) => {
     const n = {
       type: "api",
@@ -3634,7 +3635,7 @@ const po = () => (e) => e.pipe(
       navigation: n
     };
   })
-), fo = ({ navigationResolver: e }) => (t) => t.pipe(
+), yo = ({ navigationResolver: e }) => (t) => t.pipe(
   b((i) => {
     if (i.navigation.cfi) {
       const n = e.getNavigationForCfi(
@@ -3651,16 +3652,16 @@ const po = () => (e) => e.pipe(
     }
     return i;
   })
-), yo = ({
+), So = ({
   navigation: e,
   previousNavigation: t,
   settings: i
-}) => e.directionFromLastNavigation ? e.directionFromLastNavigation : e.url !== void 0 || e.cfi !== void 0 ? "anchor" : t.spineItem === void 0 || e.spineItem || !e.position ? "forward" : i.values.computedPageTurnDirection === "vertical" ? e.position.y > t.position.y || e.position.y === t.position.y && t.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(e.position.x) > Math.abs(t.position.x) || e.position.x === t.position.x && t.directionFromLastNavigation !== "backward" ? "forward" : "backward", So = ({
+}) => e.directionFromLastNavigation ? e.directionFromLastNavigation : e.url !== void 0 || e.cfi !== void 0 ? "anchor" : t.spineItem === void 0 || e.spineItem || !e.position ? "forward" : i.values.computedPageTurnDirection === "vertical" ? e.position.y > t.position.y || e.position.y === t.position.y && t.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(e.position.x) > Math.abs(t.position.x) || e.position.x === t.position.x && t.directionFromLastNavigation !== "backward" ? "forward" : "backward", bo = ({
   context: e,
   settings: t
 }) => (i) => i.pipe(
   b(({ navigation: n, previousNavigation: o }) => {
-    const s = yo({
+    const s = So({
       navigation: n,
       previousNavigation: o,
       settings: t
@@ -3674,7 +3675,7 @@ const po = () => (e) => e.pipe(
       direction: s
     };
   })
-), bo = ({
+), Io = ({
   spineItemsManager: e,
   navigationResolver: t
 }) => (i) => i.pipe(
@@ -3826,7 +3827,7 @@ const po = () => (e) => e.pipe(
       ...a
     }))
   );
-}, Io = ({ navigationResolver: e }) => (t) => t.pipe(
+}, wo = ({ navigationResolver: e }) => (t) => t.pipe(
   b((i) => {
     if (i.navigation.url) {
       const n = e.getNavigationForUrl(
@@ -3844,7 +3845,7 @@ const po = () => (e) => e.pipe(
     }
     return i;
   })
-), wo = ({
+), Po = ({
   spineLocator: e,
   navigation: t,
   navigationResolver: i,
@@ -3870,7 +3871,7 @@ const po = () => (e) => e.pipe(
           return m.position;
       }
       const l = t.cfi ?? t.paginationBeginCfi;
-      if (l !== void 0 && !Ut(l) && (u || d || // when spine item is ready dimensions may have not changed but the position
+      if (l !== void 0 && !zt(l) && (u || d || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
       r && !t.spineItemIsReady)) {
         const m = i.getNavigationForCfi(l);
@@ -3878,7 +3879,7 @@ const po = () => (e) => e.pipe(
           return m;
       }
       if (c && g && t.directionFromLastNavigation === "backward") {
-        const m = new A({
+        const m = new R({
           x: (((p = t.positionInSpineItem) == null ? void 0 : p.x) ?? 0) + u,
           y: (((h = t.positionInSpineItem) == null ? void 0 : h.y) ?? 0) + d
         });
@@ -3902,7 +3903,7 @@ const po = () => (e) => e.pipe(
       return c ? i.getNavigationForPosition(t.position) : i.getNavigationForSpineIndexOrId(s);
     })
   ) : w(new M({ x: 0, y: 0 }));
-}, Po = ({
+}, vo = ({
   navigation: e,
   spineLocator: t,
   spineItemsManager: i,
@@ -3915,7 +3916,7 @@ const po = () => (e) => e.pipe(
   const { height: c, top: u } = s.getSpineItemSpineLayoutInfo(a), d = t.isPositionWithinSpineItem(
     e.position,
     a
-  ), g = e.positionInSpineItem ?? new A({
+  ), g = e.positionInSpineItem ?? new R({
     y: 0,
     x: 0
   });
@@ -3926,7 +3927,7 @@ const po = () => (e) => e.pipe(
       return o.getNavigationForSpineIndexOrId(a);
     if (u !== e.spineItemTop) {
       const l = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
-        e.positionInSpineItem ?? new A({
+        e.positionInSpineItem ?? new R({
           x: 0,
           y: 0
         }),
@@ -3938,7 +3939,7 @@ const po = () => (e) => e.pipe(
       });
     }
     if (u === e.spineItemTop && c !== e.spineItemHeight) {
-      const l = (e.spineItemHeight ?? g.y) - g.y, p = new A({
+      const l = (e.spineItemHeight ?? g.y) - g.y, p = new R({
         y: e.directionFromLastNavigation === "backward" ? c - l : g.y,
         x: e.position.x
       });
@@ -3954,7 +3955,7 @@ const po = () => (e) => e.pipe(
       }
       if (!d) {
         if (!(e.position.y < u)) {
-          const m = new A({
+          const m = new R({
             y: c - l,
             x: e.position.x
           });
@@ -3971,7 +3972,7 @@ const po = () => (e) => e.pipe(
     }
   }
   return e.position;
-}, vo = ({
+}, xo = ({
   navigation: e,
   spineItemsManager: t,
   settings: i,
@@ -3979,7 +3980,7 @@ const po = () => (e) => e.pipe(
   navigationResolver: o,
   spineLayout: s
 }) => i.values.computedPageTurnMode === "scrollable" ? w(
-  Po({
+  vo({
     navigation: e,
     spineLocator: n,
     navigationResolver: o,
@@ -3987,7 +3988,7 @@ const po = () => (e) => e.pipe(
     spineItemsManager: t,
     spineLayout: s
   })
-) : wo({
+) : Po({
   navigation: e,
   spineLocator: n,
   navigationResolver: o,
@@ -3999,7 +4000,7 @@ const po = () => (e) => e.pipe(
   context: i,
   spine: n
 }) => (o) => o.pipe(
-  v((s) => vo({
+  v((s) => xo({
     spineLocator: n.locator,
     navigation: s.navigation,
     navigationResolver: t,
@@ -4016,8 +4017,8 @@ const po = () => (e) => e.pipe(
       }
     }))
   ))
-), xo = "navigation/InternalNavigator", $o = j.namespace(xo);
-class To extends Y {
+), $o = "navigation/InternalNavigator", To = j.namespace($o);
+class Fo extends Y {
   constructor(t, i, n, o, s, r, a, c) {
     super(), this.settings = t, this.context = i, this.userNavigation$ = n, this.viewportController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isUserLocked$ = c, this.navigationSubject = new k({
       animation: !1,
@@ -4040,22 +4041,22 @@ class To extends Y {
     ), this.locker = new ke();
     const u = n.pipe(
       D(this.navigationSubject),
-      mo,
+      fo,
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Io({
+      wo({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      fo({
+      yo({
         navigationResolver: r
       }),
-      So({ context: i, settings: t }),
+      bo({ context: i, settings: t }),
       ue({
         navigationResolver: r,
         settings: t,
@@ -4072,7 +4073,7 @@ class To extends Y {
         spine: a
       })
     ).pipe(
-      bo({
+      Io({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager
       }),
@@ -4098,11 +4099,11 @@ class To extends Y {
       V()
     ), d = u.pipe(
       D(c),
-      R(([, f]) => f),
+      A(([, f]) => f),
       v(([f]) => {
         const y = this.locker.lock();
         return c.pipe(
-          R((I) => !I),
+          A((I) => !I),
           H(),
           b(
             () => ({
@@ -4124,7 +4125,7 @@ class To extends Y {
       v(() => w(null).pipe(
         v(
           () => c.pipe(
-            R((f) => !f),
+            A((f) => !f),
             H()
           )
         ),
@@ -4188,7 +4189,7 @@ class To extends Y {
       }),
       b(({ navigation: f }) => f),
       V()
-    ), p = ho(
+    ), p = mo(
       i,
       this.navigationSubject,
       a
@@ -4198,7 +4199,7 @@ class To extends Y {
       p
     ), m = (f) => f.pipe(
       T(([y, I]) => {
-        $o.info(
+        To.info(
           `navigation updated from ${y.meta.triggeredBy} of type ${y.type}`,
           {
             previousNavigation: I,
@@ -4262,8 +4263,8 @@ const We = ({
       scrollOffset: t
     })
   });
-}, Fo = 500;
-class Lo extends Y {
+}, Lo = 500;
+class Mo extends Y {
   constructor(t, i, n, o, s) {
     super(), this.settings = t, this.context = i, this.spine = n, this.scrollNavigationController = o, this.locker = s, this.navigationSubject = new U(), this.navigation$ = this.navigationSubject.asObservable();
     const r = this.scrollNavigationController.userScroll$.pipe(
@@ -4274,7 +4275,7 @@ class Lo extends Y {
           w(a)
         ).pipe(
           St(
-            Fo,
+            Lo,
             at
           ),
           H(),
@@ -4302,17 +4303,17 @@ class Lo extends Y {
     x(r).pipe(F(this.destroy$)).subscribe();
   }
 }
-const Mo = (e) => ({
+const Co = (e) => ({
   x: -e.x,
   y: -e.y
-}), Co = (e) => e instanceof DOMMatrix ? new M({
+}), Ro = (e) => e instanceof DOMMatrix ? new M({
   x: -e.e,
   y: -e.f
 }) : new M({
   x: -e.x,
   y: -e.y
-}), Ro = "navigation/ViewportNavigator", le = j.namespace(Ro);
-class Ao extends Y {
+}), Ao = "navigation/ViewportNavigator", le = j.namespace(Ao);
+class Oo extends Y {
   constructor(t, i, n, o, s) {
     super(), this.settings = t, this.hookManager = i, this.context = n, this.spine = o, this.viewport = s, this.navigateSubject = new U(), this.element$ = new k(
       document.createElement("div")
@@ -4423,7 +4424,7 @@ class Ao extends Y {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(t) {
-    const i = this.element$.getValue(), n = Mo(t);
+    const i = this.element$.getValue(), n = Co(t);
     i.style.transform = `translate(${n.x}px, ${n.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(t) {
@@ -4438,10 +4439,10 @@ class Ao extends Y {
     if (!n || n === "none")
       return new M({ x: 0, y: 0 });
     const o = new DOMMatrix(n);
-    return Co(o);
+    return Ro(o);
   }
 }
-class Oo extends bt {
+class Do extends bt {
   constructor(t, i, n, o, s) {
     super({
       element: void 0
@@ -4451,7 +4452,7 @@ class Oo extends bt {
         left: g.x,
         top: g.y,
         behavior: "instant"
-      }), Qt(1).pipe(
+      }), Kt(1).pipe(
         T(() => {
           this.scrollingSubject.next(!1);
         }),
@@ -4459,7 +4460,7 @@ class Oo extends bt {
       ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
     };
     const r = this.context.pipe(
-      qt(["rootElement"]),
+      Xt(["rootElement"]),
       T(({ rootElement: g }) => {
         if (!g) return;
         const l = document.createElement("div");
@@ -4490,7 +4491,7 @@ class Oo extends bt {
       o.spineItemsObserver.itemResize$
     ).pipe(
       v(
-        () => Qt(10).pipe(
+        () => Kt(10).pipe(
           b(() => !1),
           nt(!0)
         )
@@ -4507,13 +4508,13 @@ class Oo extends bt {
       et(1)
     );
     this.userScroll$ = this.watch("element").pipe(
-      R(ct),
+      A(ct),
       v(
         (g) => i.watch(["computedPageTurnMode"]).pipe(
           v(
             ({ computedPageTurnMode: l }) => l === "controlled" ? gt : G(g, "scroll").pipe(
               D(d),
-              R(
+              A(
                 ([, p]) => !p
               ),
               b(([p]) => p)
@@ -4545,10 +4546,10 @@ class Oo extends bt {
 const pe = (e, t, i) => {
   const n = i - e, o = i * (t * e) / (i || 1);
   return Math.max(0, Math.min(n, o));
-}, Ht = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), xt = (e, t, i) => {
-  const n = Ht(i, t), o = [...Array(n)].map((s, r) => r * t);
+}, Ut = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), xt = (e, t, i) => {
+  const n = Ut(i, t), o = [...Array(n)].map((s, r) => r * t);
   return e >= n * t ? o[o.length - 1] || 0 : o.find((s) => e < s + t) || 0;
-}, Jt = ({
+}, Gt = ({
   itemHeight: e,
   itemWidth: t,
   isUsingVerticalWriting: i,
@@ -4556,11 +4557,11 @@ const pe = (e, t, i) => {
   context: o
 }) => {
   const { pageTurnDirection: s, pageTurnMode: r } = n.values;
-  return s === "vertical" && r === "scrollable" ? 1 : i || s === "vertical" ? Ht(
+  return s === "vertical" && r === "scrollable" ? 1 : i || s === "vertical" ? Ut(
     e,
     o.getPageSize().height
-  ) : Ht(t, o.getPageSize().width);
-}, Et = ({
+  ) : Ut(t, o.getPageSize().width);
+}, Ht = ({
   pageIndex: e,
   itemLayout: t,
   context: i,
@@ -4572,7 +4573,7 @@ const pe = (e, t, i) => {
       e,
       t.height
     );
-    return new A({
+    return new R({
       x: 0,
       y: s
     });
@@ -4582,20 +4583,20 @@ const pe = (e, t, i) => {
     e,
     t.width
   );
-  return i.isRTL() ? new A({
+  return i.isRTL() ? new R({
     x: t.width - o - i.getPageSize().width,
     y: 0
-  }) : new A({
+  }) : new R({
     x: o,
     y: 0
   });
-}, Do = ({
+}, No = ({
   context: e,
   isUsingVerticalWriting: t,
   settings: i,
   itemLayout: n
 }) => {
-  const o = Jt({
+  const o = Gt({
     context: e,
     isUsingVerticalWriting: t,
     itemHeight: n.height,
@@ -4603,7 +4604,7 @@ const pe = (e, t, i) => {
     settings: i
   });
   return new Array(o).fill(void 0).map(
-    (s, r) => Et({
+    (s, r) => Ht({
       context: e,
       isUsingVerticalWriting: t,
       itemLayout: n,
@@ -4618,7 +4619,7 @@ const pe = (e, t, i) => {
     itemWidth: u,
     itemHeight: d,
     spineItemPosition: g
-  }) => new A({
+  }) => new R({
     x: Math.min(u, Math.max(0, g.x)),
     y: Math.min(d, Math.max(0, g.y))
   }), n = ({
@@ -4631,7 +4632,7 @@ const pe = (e, t, i) => {
       spineItemPosition: g,
       itemHeight: d,
       itemWidth: u
-    }), S = e.isRTL() ? u - m.x - e.getPageSize().width : m.x, f = Jt({
+    }), S = e.isRTL() ? u - m.x - e.getPageSize().width : m.x, f = Gt({
       isUsingVerticalWriting: l,
       itemHeight: d,
       itemWidth: u,
@@ -4645,7 +4646,7 @@ const pe = (e, t, i) => {
     if ((u == null ? void 0 : u.nodeName) === "img" || (u == null ? void 0 : u.textContent) === "" && u.nodeType === Node.ELEMENT_NODE)
       l = u.getBoundingClientRect().x;
     else if (u) {
-      const S = u ? vi(u, d) : void 0;
+      const S = u ? xi(u, d) : void 0;
       l = (S == null ? void 0 : S.getBoundingClientRect().x) || l;
     }
     const p = ((m = g.layout.layoutInfo) == null ? void 0 : m.width) || 0, h = e.getPageSize().width;
@@ -4655,14 +4656,14 @@ const pe = (e, t, i) => {
         h,
         p
       );
-      return new A({ x: S, y: 0 });
+      return new R({ x: S, y: 0 });
     }
   }, s = (u, d) => {
     var p, h;
     const g = e.getPageSize(), l = (p = d.renderer) == null ? void 0 : p.getDocumentFrame();
     if (l && ((h = l == null ? void 0 : l.contentWindow) != null && h.document) && // very important because it is being used by next functions
     l.contentWindow.document.body !== null) {
-      const { x: m, y: S } = Et({
+      const { x: m, y: S } = Ht({
         pageIndex: u,
         itemLayout: d.layout.layoutInfo,
         context: e,
@@ -4672,14 +4673,14 @@ const pe = (e, t, i) => {
         right: m + g.width,
         bottom: S + g.height
       };
-      return wi(
+      return Pi(
         l.contentWindow.document,
         f
       );
     }
   }, r = (u, d) => {
     const { width: g, height: l } = d.layout.layoutInfo;
-    return new A({
+    return new R({
       x: xt(
         u.x,
         e.getPageSize().width,
@@ -4711,7 +4712,7 @@ const pe = (e, t, i) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: u,
       spineItem: d
-    }) => Et({
+    }) => Ht({
       context: e,
       isUsingVerticalWriting: !!d.isUsingVerticalWriting(),
       itemLayout: d.layout.layoutInfo,
@@ -4721,14 +4722,14 @@ const pe = (e, t, i) => {
     getSpineItemPageIndexFromNode: a,
     getSpineItemClosestPositionFromUnsafePosition: r,
     getFirstNodeOrRangeAtPage: s,
-    getSpineItemPagesPosition: ({ item: u }) => Do({
+    getSpineItemPagesPosition: ({ item: u }) => No({
       context: e,
       isUsingVerticalWriting: !!u.isUsingVerticalWriting(),
       settings: t,
       itemLayout: u.layout.layoutInfo
     })
   };
-}, No = ({
+}, Vo = ({
   context: e,
   settings: t
 }) => {
@@ -4749,7 +4750,7 @@ const pe = (e, t, i) => {
       a,
       c,
       r
-    ) || new A({ x: 0, y: 0 })
+    ) || new R({ x: 0, y: 0 })
   };
 }, it = ({
   position: { x: e, y: t },
@@ -4781,7 +4782,7 @@ const pe = (e, t, i) => {
     x: Math.min(Math.max(0, e.x), d),
     y: u
   });
-}, Bt = ({
+}, Et = ({
   viewportPosition: e,
   spineLocator: t,
   context: i,
@@ -4806,7 +4807,7 @@ const pe = (e, t, i) => {
     });
   }
   return new M({ x: 0, y: 0 });
-}, Vo = ({
+}, jo = ({
   pageIndex: e,
   spineItemsManager: t,
   spineItemId: i,
@@ -4817,7 +4818,7 @@ const pe = (e, t, i) => {
   const r = t.get(i);
   if (!r) {
     const u = e * n.getPageSize().width;
-    return Bt({
+    return Et({
       viewportPosition: new M({ x: u, y: 0 }),
       context: n,
       spineItemNavigationResolver: s,
@@ -4836,7 +4837,7 @@ const pe = (e, t, i) => {
     pageSizeWidth: n.getPageSize().width,
     visibleAreaRectWidth: n.state.visibleAreaRect.width
   });
-}, jo = ({
+}, ko = ({
   anchor: e,
   spineItem: t,
   context: i
@@ -4848,22 +4849,22 @@ const pe = (e, t, i) => {
     o,
     n
   );
-}, ko = ({
+}, Wo = ({
   anchor: e,
   context: t,
   spineItem: i,
   spineLocator: n
 }) => {
-  const o = jo({
+  const o = ko({
     anchor: e,
     spineItem: i,
     context: t
   });
   return n.getSpinePositionFromSpineItemPosition({
-    spineItemPosition: new A({ x: o, y: 0 }),
+    spineItemPosition: new R({ x: o, y: 0 }),
     spineItem: i
   });
-}, Wo = ({
+}, zo = ({
   anchor: e,
   spineItem: t,
   spineLocator: i,
@@ -4871,7 +4872,7 @@ const pe = (e, t, i) => {
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = ko({
+  const r = Wo({
     anchor: e,
     context: n,
     spineItem: t,
@@ -4882,7 +4883,7 @@ const pe = (e, t, i) => {
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, zo = ({
+}, Uo = ({
   context: e,
   spineItemsManager: t,
   spineLocator: i,
@@ -4898,7 +4899,7 @@ const pe = (e, t, i) => {
     if (u) {
       const d = t.get(u.id);
       if (d) {
-        const g = Wo({
+        const g = zo({
           anchor: a.hash,
           spineItem: d,
           context: e,
@@ -4921,7 +4922,7 @@ const pe = (e, t, i) => {
     console.error(a);
     return;
   }
-}, Uo = ({
+}, Ho = ({
   spineItem: e,
   spineItemPosition: t,
   spineLocator: i,
@@ -4940,16 +4941,16 @@ const pe = (e, t, i) => {
     pageSizeWidth: o.getPageSize().width,
     visibleAreaRectWidth: o.state.visibleAreaRect.width
   });
-}, Ho = "spineNavigator", Eo = ({
+}, Eo = "spineNavigator", Bo = ({
   context: e,
   spineItemsManager: t,
   locator: i,
   settings: n,
   spineLayout: o
 }) => {
-  const s = No({ context: e, settings: n });
+  const s = Vo({ context: e, settings: n });
   return {
-    getNavigationForUrl: (l) => zo({
+    getNavigationForUrl: (l) => Uo({
       context: e,
       spineItemsManager: t,
       spineLocator: i,
@@ -4957,14 +4958,14 @@ const pe = (e, t, i) => {
       pageSizeWidth: e.getPageSize().width,
       visibleAreaRectWidth: e.state.visibleAreaRect.width
     }),
-    getNavigationForSpineItemPage: (l) => Vo({
+    getNavigationForSpineItemPage: (l) => jo({
       ...l,
       context: e,
       spineItemsManager: t,
       spineItemNavigationResolver: s,
       spineLocator: i
     }),
-    getNavigationFromSpineItemPosition: (l) => Uo({
+    getNavigationFromSpineItemPosition: (l) => Ho({
       ...l,
       spineItemLocator: i.spineItemLocator,
       spineLocator: i,
@@ -4976,10 +4977,10 @@ const pe = (e, t, i) => {
         spineItemsManager: t
       }) || {};
       if (!p) {
-        j.warn(Ho, `unable to detect item id from cfi ${l}`);
+        j.warn(Eo, `unable to detect item id from cfi ${l}`);
         return;
       }
-      const S = h ? s.getNavigationFromNode(p, h, m) : new A({ x: 0, y: 0 }), f = i.getSpinePositionFromSpineItemPosition({
+      const S = h ? s.getNavigationFromNode(p, h, m) : new R({ x: 0, y: 0 }), f = i.getSpinePositionFromSpineItemPosition({
         spineItemPosition: S,
         spineItem: p
       });
@@ -5012,7 +5013,7 @@ const pe = (e, t, i) => {
       }
       return new M({ x: 0, y: 0 });
     },
-    getNavigationForPosition: (l) => Bt({
+    getNavigationForPosition: (l) => Et({
       viewportPosition: l,
       context: e,
       spineItemNavigationResolver: s,
@@ -5030,7 +5031,7 @@ const pe = (e, t, i) => {
         spineItemsManager: t,
         spineLayout: o
       });
-      return Bt({
+      return Et({
         context: e,
         spineItemNavigationResolver: s,
         spineLocator: i,
@@ -5054,7 +5055,7 @@ const pe = (e, t, i) => {
     }),
     spineItemNavigator: s
   };
-}, Bo = ({
+}, _o = ({
   spineItemsManager: e,
   context: t,
   hookManager: i,
@@ -5062,25 +5063,25 @@ const pe = (e, t, i) => {
   settings: o,
   viewport: s
 }) => {
-  const r = new U(), a = new ke(), c = Eo({
+  const r = new U(), a = new ke(), c = Bo({
     context: t,
     settings: o,
     spineItemsManager: e,
     locator: n.locator,
     spineLayout: n.spineLayout
-  }), u = new Ao(
+  }), u = new Oo(
     o,
     i,
     t,
     n,
     s
-  ), d = new Oo(
+  ), d = new Do(
     s,
     o,
     i,
     n,
     t
-  ), g = new Lo(
+  ), g = new Mo(
     o,
     t,
     n,
@@ -5089,7 +5090,7 @@ const pe = (e, t, i) => {
   ), l = x(
     r,
     g.navigation$
-  ), p = new To(
+  ), p = new Fo(
     o,
     t,
     l,
@@ -5128,7 +5129,7 @@ const pe = (e, t, i) => {
     navigation$: p.navigation$
   };
 };
-class _o extends bt {
+class Xo extends bt {
   constructor(t, i) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5146,7 +5147,7 @@ class _o extends bt {
     this.mergeCompare(t);
   }
 }
-class Xo extends Y {
+class qo extends Y {
   constructor(t, i, n, o, s) {
     super(), this.context = t, this.pagination = i, this.spineItemsManager = n, this.spine = o, this.spineItemLocator = s;
     const r = x(
@@ -5180,7 +5181,7 @@ class Xo extends Y {
             }) ?? {}, { endPageIndex: I = 0 } = c({
               spineItem: m,
               position: d
-            }) ?? {}, P = S === void 0 || Ut(S) || g.beginSpineItemIndex !== l, $ = g.endSpineItemIndex !== p || f === void 0 || Ut(f), L = P ? mt(h.item) : S, C = $ ? mt(m.item) : f, O = h.numberOfPages, B = m.numberOfPages;
+            }) ?? {}, P = S === void 0 || zt(S) || g.beginSpineItemIndex !== l, $ = g.endSpineItemIndex !== p || f === void 0 || zt(f), L = P ? mt(h.item) : S, C = $ ? mt(m.item) : f, O = h.numberOfPages, B = m.numberOfPages;
             this.pagination.update({
               beginCfi: L,
               beginNumberOfPagesInSpineItem: O,
@@ -5224,7 +5225,7 @@ class Xo extends Y {
     x(r, a).pipe(F(this.destroy$)).subscribe();
   }
 }
-class qo extends Y {
+class Yo extends Y {
   constructor(t) {
     super();
     const i = {
@@ -5269,7 +5270,7 @@ class qo extends Y {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class Yo extends qo {
+class Zo extends Yo {
   constructor(t, i) {
     super(t), this.context = i;
     const n = q([
@@ -5314,7 +5315,7 @@ class Yo extends qo {
     };
   }
 }
-class Zo extends Y {
+class Go extends Y {
   constructor(t, i, n, o, s, r) {
     super(), this.item = t, this.containerElement = i, this.context = n, this.hookManager = o, this.renderer = s, this.settings = r, this.layoutTriggerSubject = new U(), this.lastLayout = null, this.applyDimsAfterLayout = ({
       blankPagePosition: a,
@@ -5345,7 +5346,7 @@ class Zo extends Y {
         }), { width: y, height: I };
       })
     ), this.layout = (a) => {
-      const c = Oi(this.layout$.pipe(H()));
+      const c = Di(this.layout$.pipe(H()));
       return this.layoutTriggerSubject.next(a), c();
     }, this.adjustPositionOfElement = ({
       right: a,
@@ -5382,7 +5383,7 @@ class Zo extends Y {
       }),
       V()
     ), this.layout$ = this.layoutProcess$.pipe(
-      R((a) => a.type === "end"),
+      A((a) => a.type === "end"),
       b((a) => a.data),
       V()
     );
@@ -5400,21 +5401,21 @@ class Zo extends Y {
     };
   }
 }
-class Go extends ht {
+class Jo extends ht {
   onUnload() {
-    return K;
+    return Q;
   }
   onCreateDocument() {
     return w(document.createElement("div"));
   }
   onLoadDocument() {
-    return K;
+    return Q;
   }
   onLayout() {
     return w(void 0);
   }
   onRenderHeadless() {
-    return K;
+    return Q;
   }
   getDocumentFrame() {
   }
@@ -5436,13 +5437,13 @@ class Ue extends Y {
     }, this.isUsingVerticalWriting = () => {
       var g;
       return !!((g = this.renderer.writingMode) != null && g.startsWith("vertical"));
-    }, this.containerElement = Jo(
+    }, this.containerElement = Ko(
       i,
       t,
       s
     ), i.appendChild(this.containerElement);
     const a = (d = (u = this.settings.values).getRenderer) == null ? void 0 : d.call(u, t);
-    this.resourcesHandler = new Yt(t, this.settings);
+    this.resourcesHandler = new qt(t, this.settings);
     const c = {
       context: n,
       settings: o,
@@ -5451,7 +5452,7 @@ class Ue extends Y {
       containerElement: this.containerElement,
       resourcesHandler: this.resourcesHandler
     };
-    this.renderer = a ? a(c) : new Go(c), this.layout = new Zo(
+    this.renderer = a ? a(c) : new Jo(c), this.layout = new Go(
       t,
       this.containerElement,
       n,
@@ -5514,7 +5515,7 @@ class Ue extends Y {
     return this.renderer.renditionLayout;
   }
   get numberOfPages() {
-    return Jt({
+    return Gt({
       isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
       itemHeight: this.layout.layoutInfo.height,
       itemWidth: this.layout.layoutInfo.width,
@@ -5523,14 +5524,14 @@ class Ue extends Y {
     });
   }
 }
-const Jo = (e, t, i) => {
+const Ko = (e, t, i) => {
   const n = e.ownerDocument.createElement("div");
   return n.classList.add("spineItem"), n.classList.add(`spineItem-${t.renditionLayout ?? "reflowable"}`), n.style.cssText = `
     position: absolute;
     overflow: hidden;
   `, n.dataset.isReady = "false", i.execute("item.onBeforeContainerCreated", void 0, { element: n }), n;
 };
-class Ko extends Y {
+class Qo extends Y {
   constructor(t, i) {
     super(), this.spineItemsManager = t, this.spineLocator = i, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       v((n) => {
@@ -5560,7 +5561,7 @@ class Ko extends Y {
     );
   }
 }
-const Qo = ({
+const ts = ({
   horizontalOffset: e,
   verticalOffset: t,
   context: i,
@@ -5630,7 +5631,7 @@ const Qo = ({
     })
   );
 };
-class ts extends Y {
+class es extends Y {
   constructor(t, i, n, o) {
     super(), this.spineItemsManager = t, this.context = i, this.settings = n, this.viewport = o, this.layoutSubject = new U(), this.spineItemsRelativeLayouts = [], t.items$.pipe(
       T(() => {
@@ -5663,7 +5664,7 @@ class ts extends Y {
       // queue layout until previous layout is done
       Vt(
         () => s.pipe(
-          R((r) => !r),
+          A((r) => !r),
           H()
         )
       ),
@@ -5673,8 +5674,8 @@ class ts extends Y {
         return W(this.spineItemsManager.items).pipe(
           Qe(
             (u, d, g) => u.pipe(
-              te(
-                ({ horizontalOffset: l, verticalOffset: p, pages: h }) => Qo({
+              Qt(
+                ({ horizontalOffset: l, verticalOffset: p, pages: h }) => ts({
                   context: this.context,
                   horizontalOffset: l,
                   index: g,
@@ -5701,7 +5702,7 @@ class ts extends Y {
             ),
             w({ horizontalOffset: 0, verticalOffset: 0, pages: [] })
           ),
-          te((u) => u),
+          Qt((u) => u),
           ut(() => {
             s.next(!1);
           })
@@ -5733,7 +5734,7 @@ class ts extends Y {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class es extends Y {
+class is extends Y {
   constructor(t, i, n, o, s) {
     super(), this.context = t, this.spineItemsManager = i, this.spineLocator = n, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new k([]);
     const r = this.forcedOpenSubject.pipe(
@@ -5786,7 +5787,7 @@ class es extends Y {
 }
 const He = (e, t, i) => {
   const n = (i.width - t.width) / 2, o = (i.height - t.height) / 2;
-  return new Zt({
+  return new Yt({
     x: e.x - n,
     y: e.y - o
   });
@@ -5809,17 +5810,17 @@ class yt extends DOMRect {
     return new yt(n.x, n.y, n.width, n.height);
   }
 }
-class is {
+class ns {
   constructor({ width: t, height: i }) {
     this.__symbol = Symbol("AbsoluteViewport"), this.width = t, this.height = i;
   }
 }
-class ns {
+class os {
   constructor({ width: t, height: i }) {
     this.__symbol = Symbol("RelativeViewport"), this.width = t, this.height = i;
   }
 }
-const os = ({
+const ss = ({
   pageIndex: e,
   spineItemOrId: t,
   spineItemsManager: i
@@ -5841,7 +5842,7 @@ const os = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, ss = ({
+}, rs = ({
   itemHeight: e,
   itemWidth: t,
   visibleWidthOfItem: i,
@@ -5850,7 +5851,7 @@ const os = ({
 }) => {
   const s = i / t, r = n / e;
   return s >= o && r >= o;
-}, rs = ({
+}, as = ({
   visibleWidthOfItem: e,
   visibleHeightOfItem: t,
   threshold: i,
@@ -5882,14 +5883,14 @@ const os = ({
     Math.min(e, l) - Math.max(n, g)
   );
   if (p <= 0 || h <= 0) return { visible: !1 };
-  const S = rs({
+  const S = as({
     threshold: r,
     visibleHeightOfItem: h,
     visibleWidthOfItem: p,
     viewportPosition: a
   });
   return c ? { visible: S } : {
-    visible: ss({
+    visible: rs({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
@@ -5897,7 +5898,7 @@ const os = ({
       visibleWidthOfItem: p
     }) || S
   };
-}, as = ({
+}, cs = ({
   absolutePageIndex: e,
   spineItemsManager: t
 }) => {
@@ -5940,7 +5941,7 @@ const os = ({
 }) => new M({
   x: t + e.x,
   y: i + e.y
-}), cs = ({
+}), us = ({
   position: e,
   threshold: t,
   restrictToScreen: i,
@@ -5980,7 +5981,7 @@ const os = ({
     beginIndex: l ?? 0,
     endIndex: p ?? 0
   };
-}, us = ({
+}, ds = ({
   spineItemsManager: e,
   context: t,
   spineItemLocator: i,
@@ -5990,7 +5991,7 @@ const os = ({
 }) => {
   const r = (p, h) => {
     const { left: m, top: S } = o.getSpineItemSpineLayoutInfo(h);
-    return new A({
+    return new R({
       /**
        * when using spread the item could be on the right and therefore will be negative
        * @example
@@ -6002,7 +6003,7 @@ const os = ({
       y: Math.max(p.y - S, 0)
     });
   }, a = (p) => Dt({
-    spineItemPosition: new A({ x: 0, y: 0 }),
+    spineItemPosition: new R({ x: 0, y: 0 }),
     itemLayout: o.getSpineItemSpineLayoutInfo(p)
   }), c = (p) => e.items.find((h) => h.renderer.getDocumentFrame() === p), u = (p, h, m) => {
     if (typeof m == "number") {
@@ -6030,7 +6031,7 @@ const os = ({
       const dt = i.getSpineItemPositionFromPageIndex({
         pageIndex: B,
         spineItem: m
-      }), Q = Dt({
+      }), K = Dt({
         spineItemPosition: dt,
         itemLayout: o.getSpineItemSpineLayoutInfo(m)
       });
@@ -6039,21 +6040,21 @@ const os = ({
         absolutePosition: {
           width: t.getPageSize().width,
           height: t.getPageSize().height,
-          left: Q.x,
-          top: Q.y,
-          bottom: Q.y + t.getPageSize().height,
-          right: Q.x + t.getPageSize().width
+          left: K.x,
+          top: K.y,
+          bottom: K.y + t.getPageSize().height,
+          right: K.x + t.getPageSize().width
         }
       };
     }).reduce(
       (O, { absolutePosition: B, index: dt }) => {
-        const Q = f ? y.absoluteViewport : y.relativeViewport, _e = He(
+        const K = f ? y.absoluteViewport : y.relativeViewport, _e = He(
           p,
           y.absoluteViewport,
-          Q
+          K
         ), Xe = yt.from(
           _e,
-          Q
+          K
         ), { visible: qe } = Ee({
           viewportPosition: Xe,
           restrictToScreen: S,
@@ -6081,11 +6082,11 @@ const os = ({
         spineItemPosition: h
       });
     },
-    getAbsolutePageIndexFromPageIndex: (p) => os({
+    getAbsolutePageIndexFromPageIndex: (p) => ss({
       ...p,
       spineItemsManager: e
     }),
-    getSpineInfoFromAbsolutePageIndex: (p) => as({
+    getSpineInfoFromAbsolutePageIndex: (p) => cs({
       ...p,
       spineItemsManager: e
     }),
@@ -6099,7 +6100,7 @@ const os = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (p) => cs({
+    getVisibleSpineItemsFromPosition: (p) => us({
       settings: n,
       spineItemsManager: e,
       spineLayout: o,
@@ -6117,34 +6118,34 @@ const os = ({
     spineItemLocator: i,
     getSafeSpineItemPositionFromUnsafeSpineItemPosition: (p, h) => {
       const { height: m, width: S } = o.getSpineItemSpineLayoutInfo(h);
-      return new A({
+      return new R({
         x: Math.min(Math.max(0, p.x), S),
         y: Math.min(Math.max(0, p.y), m)
       });
     }
   };
 };
-class ds extends Y {
+class gs extends Y {
   constructor(t, i, n, o, s, r, a, c) {
-    super(), this.parentElement$ = t, this.context = i, this.pagination = n, this.spineItemsManager = o, this.spineItemLocator = s, this.settings = r, this.hookManager = a, this.viewport = c, this.elementSubject = new k(Ti()), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new ts(
+    super(), this.parentElement$ = t, this.context = i, this.pagination = n, this.spineItemsManager = o, this.spineItemLocator = s, this.settings = r, this.hookManager = a, this.viewport = c, this.elementSubject = new k(Fi()), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new es(
       o,
       i,
       r,
       c
-    ), this.locator = us({
+    ), this.locator = ds({
       context: i,
       spineItemsManager: o,
       spineItemLocator: s,
       settings: r,
       spineLayout: this.spineLayout,
       viewport: c
-    }), this.spineItemsLoader = new es(
+    }), this.spineItemsLoader = new is(
       this.context,
       o,
       this.locator,
       r,
       this.spineLayout
-    ), this.spineItemsObserver = new Ko(
+    ), this.spineItemsObserver = new Qo(
       o,
       this.locator
     );
@@ -6184,7 +6185,7 @@ class ds extends Y {
     super.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue().remove(), this.elementSubject.complete();
   }
 }
-class gs extends Y {
+class ls extends Y {
   constructor(t, i) {
     super(), this.context = t, this.settings = i, this.orderedSpineItemsSubject = new k([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6211,7 +6212,7 @@ class gs extends Y {
   }
   // @todo move
   getSpineItemFromCfi(t) {
-    const { itemIndex: i } = Gt(t);
+    const { itemIndex: i } = Zt(t);
     if (i !== void 0)
       return this.get(i);
   }
@@ -6225,7 +6226,7 @@ class gs extends Y {
     this.orderedSpineItemsSubject.value.forEach((t) => t.destroy());
   }
 }
-class ls extends bt {
+class ps extends bt {
   constructor(t) {
     const i = document.createElement("div");
     i.style.cssText = `
@@ -6259,7 +6260,7 @@ class ls extends bt {
   }
   get absoluteViewport() {
     const t = this.context.state.visibleAreaRect;
-    return new is({
+    return new ns({
       width: t.width,
       height: t.height
     });
@@ -6274,19 +6275,19 @@ class ls extends bt {
    */
   get relativeViewport() {
     const t = this.absoluteViewport, i = this.value.element.getBoundingClientRect(), n = ((i == null ? void 0 : i.width) ?? t.width) / t.width;
-    return new ns({
+    return new os({
       width: t.width / n,
       height: t.height / n
     });
   }
 }
-const ps = (e) => {
-  const t = new U(), i = new lo(), n = new uo(), o = new Yo(e, n), s = new go(n, o), r = new gs(n, o), a = new k(
+const hs = (e) => {
+  const t = new U(), i = new po(), n = new go(), o = new Zo(e, n), s = new lo(n, o), r = new ls(n, o), a = new k(
     void 0
-  ), c = new ls(n), u = a.pipe(tt(ct)), d = ze({
+  ), c = new ps(n), u = a.pipe(tt(ct)), d = ze({
     context: n,
     settings: o
-  }), g = new _o(n, r), l = new ds(
+  }), g = new Xo(n, r), l = new gs(
     u,
     n,
     g,
@@ -6295,14 +6296,14 @@ const ps = (e) => {
     o,
     i,
     c
-  ), p = Bo({
+  ), p = _o({
     context: n,
     spineItemsManager: r,
     hookManager: i,
     spine: l,
     settings: o,
     viewport: c
-  }), h = new Xo(
+  }), h = new qo(
     n,
     g,
     r,
@@ -6338,7 +6339,7 @@ const ps = (e) => {
       return;
     }
     j.log("load", { options: y });
-    const $ = hs(I);
+    const $ = ms(I);
     I !== ((L = a.getValue()) == null ? void 0 : L.parentElement) && (a.next($), I.appendChild($)), n.update({
       manifest: P,
       containerElement: I,
@@ -6354,9 +6355,9 @@ const ps = (e) => {
     spine: l,
     hookManager: i,
     cfi: {
-      generateCfiFromRange: Cn,
-      generateCfiFromSelection: Rn,
-      parseCfi: Gt,
+      generateCfiFromRange: Rn,
+      generateCfiFromSelection: An,
+      parseCfi: Zt,
       generateCfiForSpineItemPage: (y) => Wt({
         ...y,
         spineItemLocator: d
@@ -6396,33 +6397,33 @@ const ps = (e) => {
       destroy$: t
     }
   };
-}, hs = (e) => {
+}, ms = (e) => {
   const t = e.ownerDocument.createElement("div");
   return t.style.cssText = `
     background-color: white;
     position: relative;
   `, t.className = `${lt}-reader`, t;
-}, Ps = (
+}, vs = (
   //__
-  to(
-    ji(
-      yn(
-        no(
-          Vi(
-            fi(
-              Zn(
-                io(
-                  ro(
-                    Mn(
-                      sn(
-                        bn(
-                          yi(
-                            eo(
-                              Xn(
-                                pn(
-                                  Ai(
+  eo(
+    ki(
+      Sn(
+        oo(
+          ji(
+            yi(
+              Gn(
+                no(
+                  ao(
+                    Cn(
+                      rn(
+                        In(
+                          Si(
+                            io(
+                              qn(
+                                hn(
+                                  Oi(
                                     // __
-                                    ps
+                                    hs
                                   )
                                 )
                               )
@@ -6444,29 +6445,29 @@ const ps = (e) => {
 export {
   Y as DestroyableClass,
   ht as DocumentRenderer,
-  lo as HookManager,
-  Yt as ResourceHandler,
-  qo as SettingsManager,
+  po as HookManager,
+  qt as ResourceHandler,
+  Yo as SettingsManager,
   Ue as SpineItem,
-  Ps as createReader,
-  ne as deferIdle,
-  Oi as deferNextResult,
-  ie as getAttributeValueFromString,
-  _t as getFrameViewportInfo,
+  vs as createReader,
+  ie as deferIdle,
+  Di as deferNextResult,
+  ee as getAttributeValueFromString,
+  Bt as getFrameViewportInfo,
   Fe as idle,
-  li as injectCSS,
+  pi as injectCSS,
   Pe as isHtmlElement,
-  Li as isHtmlTagElement,
-  $s as isShallowEqual,
+  Mi as isHtmlTagElement,
+  Ts as isShallowEqual,
   $e as mapKeysTo,
-  bs as observeIntersection,
-  oe as observeMutation,
+  Is as observeIntersection,
+  ne as observeMutation,
   Te as observeResize,
-  pi as removeCSS,
+  hi as removeCSS,
   ot as upsertCSSToFrame,
-  hi as waitForFrameLoad,
-  mi as waitForFrameReady,
+  mi as waitForFrameLoad,
+  fi as waitForFrameReady,
   Ct as waitForSwitch,
-  qt as watchKeys
+  Xt as watchKeys
 };
 //# sourceMappingURL=index.js.map