@prose-reader/core 1.245.0 → 1.246.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { switchMap as w, of as v, fromEvent as Y, take as wt, map as S, from as N, takeUntil as T, Observable as te, defer as ke, Subject as j, combineLatest as k, merge as x, EMPTY as G, withLatestFrom as D, NEVER as de, tap as P, share as R, BehaviorSubject as W, filter as M, first as U, mergeMap as Pe, endWith as me, finalize as ue, catchError as xt, lastValueFrom as tn, scheduled as nn, animationFrameScheduler as se, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as on, startWith as Q, shareReplay as Z, switchScan as sn, defaultIfEmpty as rn, forkJoin as an, delay as ve, timer as $e, ReplaySubject as it, identity as we, skip as Pt, reduce as cn, concatMap as ot } from "rxjs";
 import { Report as un, isShallowEqual as O, shallowMergeIfDefined as xe, getParentPath as ln, parseContentType as pn, detectMimeTypeFromName as Le, arrayEqual as dn } from "@prose-reader/shared";
-import { isShallowEqual as Gs } from "@prose-reader/shared";
+import { isShallowEqual as Zs } from "@prose-reader/shared";
 import { switchMap as _, first as $t, map as J, distinctUntilChanged as le, startWith as gn, shareReplay as Me, tap as V, pairwise as hn, take as mn, takeUntil as q, filter as oe, debounceTime as fn, skip as Tt, mergeMap as yn, catchError as st } from "rxjs/operators";
 import { generate as ze, parse as Ft, isIndirectionOnly as Sn, isParsedCfiRange as In, resolve as bn } from "@prose-reader/cfi";
 import { isDefined as Ge } from "reactjrx";
@@ -11,7 +11,7 @@ const rt = (n, e) => {
   if (!n?.contentDocument?.head) return;
   const o = n.contentDocument.createElement("style");
   o.id = e, o.innerHTML = t, i ? n.contentDocument.head.prepend(o) : n.contentDocument.head.appendChild(o);
-}, Os = (n, e) => {
+}, Vs = (n, e) => {
   if (n?.contentDocument?.head) {
     const t = n.contentDocument.getElementById(e);
     t && t.remove();
@@ -437,7 +437,7 @@ const ct = (n, e) => new te((t) => {
   });
   return i.observe(n, e), () => i.disconnect();
 });
-function Vs(n, e) {
+function js(n, e) {
   return new te((t) => {
     const i = new IntersectionObserver((o) => {
       t.next(o);
@@ -495,7 +495,7 @@ class At {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const js = (n) => {
+const ks = (n) => {
   const e = new FileReader();
   return new Promise((t) => {
     e.addEventListener(
@@ -907,7 +907,7 @@ const Nt = (n, e) => {
   })
 ), Jn = (n) => {
   Nn(n?.contentDocument);
-}, Us = "@prose-reader/core", zs = 0, Ws = 200, Kn = [".xhtml", ".html", ".htm"], pe = "prose-reader", Qn = `data-${pe}-id`, ei = `${pe}-viewport`, ti = async (n, e) => {
+}, zs = "@prose-reader/core", Ws = 0, _s = 200, Kn = [".xhtml", ".html", ".htm"], pe = "prose-reader", Qn = `data-${pe}-id`, ei = `${pe}-viewport`, ti = async (n, e) => {
   if (typeof n == "string") return n;
   const t = pn(n.headers.get("Content-Type") || "") || Le(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
@@ -1543,6 +1543,10 @@ const fi = (n, e) => {
   );
   return x(t, a);
 }, bi = (n) => {
+  n.hookManager.register("item.onDocumentLoad", ({ itemId: e }) => {
+    n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling", "no");
+  });
+}, vi = (n) => {
   n.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: t, minimumWidth: i }) => {
@@ -1559,7 +1563,7 @@ const fi = (n, e) => {
       }
     }
   );
-}, vi = (n) => n.spineItemsManager.items$.pipe(
+}, wi = (n) => n.spineItemsManager.items$.pipe(
   w(
     (e) => x(
       ...e.map(
@@ -1572,7 +1576,7 @@ const fi = (n, e) => {
     )
   )
 );
-let wi = class extends At {
+let xi = class extends At {
   computeOutputSettings(e) {
     return e;
   }
@@ -1598,7 +1602,7 @@ let wi = class extends At {
     };
   }
 };
-const xi = (n) => k([
+const Pi = (n) => k([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
@@ -1606,13 +1610,13 @@ const xi = (n) => k([
     const o = e > t;
     return !o && i?.renditionSpread === "portrait" ? n.settings.update({ spreadMode: !0 }) : o && (i?.renditionSpread === void 0 || i?.renditionSpread === "auto" || i?.renditionSpread === "landscape" || i?.renditionSpread === "both") ? n.settings.update({ spreadMode: !0 }) : n.settings.update({ spreadMode: !1 });
   })
-), Pi = (n) => (e) => {
+), $i = (n) => (e) => {
   const {
     pageHorizontalMargin: t,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = e, r = n(e), a = new wi(
+  } = e, r = n(e), a = new xi(
     {
       pageHorizontalMargin: t,
       pageVerticalMargin: i,
@@ -1659,7 +1663,7 @@ const xi = (n) => k([
             `
       );
     }
-  }), bi(r), r.hookManager.register(
+  }), vi(r), bi(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: d }) => {
       d.style.opacity = "0", a.values.layoutLayerTransition && (d.style.transition = "opacity 300ms");
@@ -1694,7 +1698,7 @@ const xi = (n) => k([
   ).subscribe();
   const p = r.spine.pages.pipe(
     Me({ refCount: !0, bufferSize: 1 })
-  ), g = vi(r), h = xi(r);
+  ), g = wi(r), h = Pi(r);
   return x(
     c,
     l,
@@ -1712,7 +1716,7 @@ const xi = (n) => k([
     layoutInfo$: p,
     coordinates: Si(r)
   };
-}, $i = `${pe}-enhancer-loading`, kt = `${$i}-container`, Ti = (n, e) => {
+}, Ti = `${pe}-enhancer-loading`, kt = `${Ti}-container`, Fi = (n, e) => {
   const t = n.ownerDocument.createElement("div");
   return t.classList.add(kt), t.style.cssText = `
       height: 100%;
@@ -1730,7 +1734,7 @@ const xi = (n) => k([
       background-color: white;
       z-index: 1;
     `, t;
-}, Fi = ({
+}, Li = ({
   container: n,
   item: e
 }) => {
@@ -1747,8 +1751,8 @@ const xi = (n) => k([
       max-width: 300px;
       width: 80%;
     `, n.appendChild(t), n.appendChild(i), n;
-}, Li = (n) => (e) => {
-  const { loadingElementCreate: t = Fi } = e, i = n(e), o = (c) => v(
+}, Mi = (n) => (e) => {
+  const { loadingElementCreate: t = Li } = e, i = n(e), o = (c) => v(
     c.reduce((u, { item: l, element: p }) => {
       p.style.zIndex = "0";
       const g = p.querySelector(
@@ -1757,7 +1761,7 @@ const xi = (n) => k([
       if (g instanceof HTMLElement)
         return u[l.id] = g, u;
       const h = t({
-        container: Ti(p, i.viewport),
+        container: Fi(p, i.viewport),
         item: l
       });
       return p.appendChild(h), u[l.id] = h, u;
@@ -1808,7 +1812,7 @@ const xi = (n) => k([
     }
   };
 };
-class Mi extends fe {
+class Ci extends fe {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1860,12 +1864,12 @@ class Mi extends fe {
   getDocumentFrame() {
   }
 }
-const Ci = (n) => (e) => {
+const Ei = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(r) {
       const a = e.getRenderer?.(r), u = !!(r.mediaType ?? Le(r.href))?.startsWith("image/");
-      return !a && u ? (l) => new Mi(l) : a;
+      return !a && u ? (l) => new Ci(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1913,7 +1917,7 @@ const Ci = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, Ei = (n, e) => n.links$.pipe(
+}, Di = (n, e) => n.links$.pipe(
   P((t) => {
     if (!On(t.target, "a") || t.type !== "click") return;
     const i = new URL(t.target.href), o = `${i.origin}${i.pathname}`;
@@ -1921,7 +1925,7 @@ const Ci = (n) => (e) => {
       (r) => r.href === o
     ) && e.goToUrl(i);
   })
-), ie = E.namespace("navigation"), Di = ({
+), ie = E.namespace("navigation"), Ri = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -1953,7 +1957,7 @@ const Ci = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Di({
+  ), l = Ri({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -1975,7 +1979,7 @@ const Ci = (n) => (e) => {
       x: 0
     })
   );
-}, Ri = ({
+}, Ai = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2019,7 +2023,7 @@ const Ci = (n) => (e) => {
     return i.getAdjustedPositionForSpread(l);
   }
   return i.getAdjustedPositionForSpread(u);
-}, Ai = ({
+}, Ni = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2051,7 +2055,7 @@ const Ci = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Ai({
+  ), l = Ni({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -2073,7 +2077,7 @@ const Ci = (n) => (e) => {
       x: 0
     })
   );
-}, Ni = ({
+}, Oi = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2121,7 +2125,7 @@ const Ci = (n) => (e) => {
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class Oi {
+class Vi {
   constructor(e) {
     this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new L({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2140,7 +2144,7 @@ class Oi {
   turnRightOrBottom() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Ni({
+    const i = Oi({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2158,7 +2162,7 @@ class Oi {
   turnLeftOrTop() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Ri({
+    const i = Ai({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2300,7 +2304,7 @@ class Oi {
     }
   }
 }
-class Vi {
+class ji {
   constructor(e) {
     this.reader = e, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new L({ x: 0, y: 0 }), this.lastStartPosition = new L({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2339,8 +2343,8 @@ class Vi {
     });
   }
 }
-const ji = 500;
-class ki extends B {
+const ki = 500;
+class Ui extends B {
   constructor(e, t) {
     super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new j(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
@@ -2351,7 +2355,7 @@ class ki extends B {
           v(o)
         ).pipe(
           Se(
-            ji,
+            ki,
             se
           ),
           U(),
@@ -2374,7 +2378,7 @@ class ki extends B {
     x(i).pipe(T(this.destroy$)).subscribe();
   }
 }
-const Ui = (n) => n.pagination.state$.pipe(
+const zi = (n) => n.pagination.state$.pipe(
   D(n.context.manifest$, n.settings.values$),
   S(
     ([
@@ -2394,7 +2398,7 @@ const Ui = (n) => n.pagination.state$.pipe(
     }
   ),
   z(O)
-), zi = ({ reader: n, duration: e }) => (t) => {
+), Wi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
@@ -2410,11 +2414,11 @@ const Ui = (n) => n.pagination.state$.pipe(
     P(o),
     ue(o)
   );
-}, Wi = (n) => (e) => {
-  const t = n(e), i = Ui(t), o = new Oi(t), s = new Vi(t), r = new ki(
+}, _i = (n) => (e) => {
+  const t = n(e), i = zi(t), o = new Vi(t), s = new ji(t), r = new Ui(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = Ei(t, o), c = r.navigation$.pipe(
+  ), a = Di(t, o), c = r.navigation$.pipe(
     P((p) => {
       t.navigation.navigate(p);
     })
@@ -2431,7 +2435,7 @@ const Ui = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: p, trigger: g }) => g.pipe(zi({ duration: p, reader: t })),
+      throttleLock: ({ duration: p, trigger: g }) => g.pipe(Wi({ duration: p, reader: t })),
       moveTo: s.moveTo.bind(s),
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2479,19 +2483,19 @@ const Ui = (n) => n.pagination.state$.pipe(
     }
     return o;
   }, void 0);
-}, _i = (n, e) => {
+}, Hi = (n, e) => {
   const { href: t } = e;
   return Ut(t, n.nav?.toc ?? [], n);
-}, Hi = (n) => {
+}, Bi = (n) => {
   const e = n.context.manifest, t = n.spineItemsManager.items;
   return e ? t.reduce(
-    (i, { item: o }) => (i[o.id] = _i(e, o), i),
+    (i, { item: o }) => (i[o.id] = Hi(e, o), i),
     {}
   ) : {};
-}, Bi = (n) => n.spineItemsManager.items$.pipe(
+}, Xi = (n) => n.spineItemsManager.items$.pipe(
   Q([]),
-  S(() => Hi(n))
-), Xi = (n, e, t) => n + e * t, Yi = (n, e, t) => {
+  S(() => Bi(n))
+), Yi = (n, e, t) => n + e * t, qi = (n, e, t) => {
   const { height: i, width: o } = t.layout.layoutInfo, { top: s, left: r } = n.spine.getSpineItemSpineLayoutInfo(t);
   return n.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
@@ -2506,7 +2510,7 @@ const Ui = (n) => n.pagination.state$.pipe(
       (e.x - r + n.viewport.absoluteViewport.width) / o
     )
   );
-}, qi = (n, e, t, i, o) => o.isReady$.pipe(
+}, Gi = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
   D(n.layoutInfo$),
   S(([s, r]) => {
@@ -2516,17 +2520,17 @@ const Ui = (n) => n.pagination.state$.pipe(
     let m = (t + 1) * (d / h);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
-    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Yi(
+    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = qi(
       n,
       i,
       o
-    ) : m = 0, y = Xi(
+    ) : m = 0, y = Yi(
       l,
       d,
       m
     )), e === u - 1 && t === h - 1 && y > 0.99 ? 1 : y;
   })
-), Gi = (n) => n.spine.layout$.pipe(
+), Zi = (n) => n.spine.layout$.pipe(
   Se(10, se),
   D(n.pagination.state$),
   S(() => ({
@@ -2544,7 +2548,7 @@ const Ui = (n) => n.pagination.state$.pipe(
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), Zi = (n, e, t, i) => {
+), Ji = (n, e, t, i) => {
   const o = e.beginSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.beginSpineItemIndex) : void 0, s = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
   return v({
     ...e,
@@ -2575,7 +2579,7 @@ const Ui = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, Ji = (n) => k([
+}, Ki = (n) => k([
   n.pagination.state$,
   // Usually pagination change if layout changes (number of pages) however it is especially
   // useful for like webtoon where you still have one page but only the layout will give you the final size
@@ -2584,7 +2588,7 @@ const Ui = (n) => n.pagination.state$.pipe(
 ]).pipe(
   w(([e]) => {
     const t = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
-    return t ? qi(
+    return t ? Gi(
       n,
       e.endSpineItemIndex ?? 0,
       e.endPageIndexInSpineItem || 0,
@@ -2592,8 +2596,8 @@ const Ui = (n) => n.pagination.state$.pipe(
       t
     ) : v(0);
   })
-), Ki = (n) => {
-  const e = Bi(n), t = Gi(n), i = new W({
+), Qi = (n) => {
+  const e = Xi(n), t = Zi(n), i = new W({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2611,10 +2615,10 @@ const Ui = (n) => n.pagination.state$.pipe(
   }), o = k([
     n.pagination.state$,
     e,
-    Ji(n)
+    Ki(n)
   ]).pipe(
     w(
-      ([r, a, c]) => Zi(
+      ([r, a, c]) => Ji(
         n,
         r,
         a,
@@ -2690,14 +2694,14 @@ const Ui = (n) => n.pagination.state$.pipe(
     offset: o.offset,
     item: e.item
   }).trim() : ge(e.item);
-}, Qi = (n, e) => zt({
+}, eo = (n, e) => zt({
   nodeOrRange: n,
   item: e
-}), Hs = (n) => n.index.toString(), dt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
+}), Bs = (n) => n.index.toString(), dt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
   const e = Ft(n);
   return Sn(e);
-}, eo = (n) => Array.isArray(n) ? n[0] && dt(n[0]) ? n[0] : void 0 : n.parent[0] && dt(n.parent[0]) ? n.parent[0] : void 0, nt = (n) => {
-  const e = Ft(n), s = ((eo(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = In(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
+}, to = (n) => Array.isArray(n) ? n[0] && dt(n[0]) ? n[0] : void 0 : n.parent[0] && dt(n.parent[0]) ? n.parent[0] : void 0, nt = (n) => {
+  const e = Ft(n), s = ((to(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = In(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     cleanedCfi: n,
@@ -2747,7 +2751,7 @@ const Ui = (n) => n.pagination.state$.pipe(
     spineItem: o,
     node: null
   };
-}, to = (n, e) => {
+}, no = (n, e) => {
   if ("cfi" in e) {
     const { itemIndex: s, ...r } = n.cfi.parseCfi(e.cfi);
     return {
@@ -2767,7 +2771,7 @@ const Ui = (n) => n.pagination.state$.pipe(
     itemIndex: t.index,
     node: null
   };
-}, no = (n, e) => {
+}, io = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
   return s ? Rt().pipe(
@@ -2800,7 +2804,7 @@ const Ui = (n) => n.pagination.state$.pipe(
     })
   ) : v({ ...n, itemIndex: i, ...o });
 };
-class io {
+class oo {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (t) => {
       const i = this.locatorsByKey.get(t);
@@ -2808,7 +2812,7 @@ class io {
     }, this.locate = (t, i) => {
       const o = {
         resource: t,
-        meta: to(this.reader, t)
+        meta: no(this.reader, t)
       };
       return at(() => {
         const s = this.reader.spineItemsManager.get(
@@ -2833,7 +2837,7 @@ class io {
         const p = this.reader.spine.layout$.pipe(
           Se(10),
           Q(o),
-          sn((g) => no(g.meta, this.reader).pipe(
+          sn((g) => io(g.meta, this.reader).pipe(
             S((h) => ({
               ...g,
               meta: h
@@ -2856,10 +2860,10 @@ class io {
     ) : this.locate(e, t ?? {});
   }
 }
-const oo = (n) => (e) => {
-  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = Ki(t);
+const so = (n) => (e) => {
+  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = Qi(t);
   i.pipe(T(t.$.destroy$)).subscribe();
-  const s = new io(t);
+  const s = new oo(t);
   return {
     ...t,
     locateResource: s.locateResource.bind(s),
@@ -2873,7 +2877,7 @@ const oo = (n) => (e) => {
       }
     }
   };
-}, so = (n) => ({
+}, ro = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
     u.onerror = (g) => {
@@ -2930,11 +2934,11 @@ const oo = (n) => (e) => {
   i.onerror = (o) => {
     t(o);
   }, i.onsuccess = () => {
-    e(so(i.result));
+    e(ro(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), ro = (n) => {
+}), ao = (n) => {
   let e = Date.now().toString();
   const t = new j(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
@@ -2992,8 +2996,8 @@ const oo = (n) => (e) => {
       t.complete();
     }
   };
-}, ao = (n) => (e) => {
-  const t = n(e), i = ro(t.context);
+}, co = (n) => (e) => {
+  const t = n(e), i = ao(t.context);
   return {
     ...t,
     // $: {
@@ -3005,7 +3009,7 @@ const oo = (n) => (e) => {
     }
     // load,
   };
-}, co = (n, e) => {
+}, uo = (n, e) => {
   const t = n.node.ownerDocument?.createRange(), i = n.node.compareDocumentPosition(e.node);
   if (t) {
     try {
@@ -3025,14 +3029,14 @@ const oo = (n) => (e) => {
     }
     return t;
   }
-}, uo = ({
+}, lo = ({
   selection: n,
   spineItem: e
 }) => {
   const { anchorNode: t, anchorOffset: i, focusNode: o, focusOffset: s } = n;
   if (!(!t || !o))
     try {
-      return co(
+      return uo(
         { node: t, offset: i },
         { node: o, offset: s }
       );
@@ -3044,7 +3048,7 @@ const oo = (n) => (e) => {
       return;
     }
 };
-class lo extends B {
+class po extends B {
   constructor(e) {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
@@ -3099,11 +3103,11 @@ class lo extends B {
     }
   }
 }
-const po = (n) => n.watch("isLoaded").pipe(
+const go = (n) => n.watch("isLoaded").pipe(
   w(() => {
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
     if (!e || !t) return de;
-    const i = new lo(e);
+    const i = new po(e);
     return x(
       i.selectionChange$.pipe(
         S((o) => {
@@ -3130,14 +3134,14 @@ const po = (n) => n.watch("isLoaded").pipe(
     );
   }),
   z()
-), go = (n) => (e) => {
+), ho = (n) => (e) => {
   const t = n(e);
   let i;
   const o = t.spineItemsManager.items$.pipe(
     w((l) => {
       const p = l.map((g) => {
         const h = t.spineItemsManager.getSpineItemIndex(g) ?? 0;
-        return po(g).pipe(
+        return go(g).pipe(
           S((d) => {
             if (d)
               return {
@@ -3185,7 +3189,7 @@ const po = (n) => n.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: uo
+      createOrderedRangeFromSelection: lo
     }
   };
 }, gt = [
@@ -3203,7 +3207,7 @@ const po = (n) => n.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], ho = (n) => (e) => {
+], mo = (n) => (e) => {
   const t = n(e), i = new W(
     e.theme ?? "bright"
   ), o = () => {
@@ -3268,14 +3272,14 @@ const po = (n) => n.watch("isLoaded").pipe(
       }
     }
   };
-}, mo = (n) => (e) => ({
+}, fo = (n) => (e) => ({
   ...n(e),
   utils: {
     isOrIsWithinValidLink: (o) => !!(Et(o) && (o.nodeName === "a" ? o : o.closest("a"))?.getAttribute("href"))
   }
 });
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const fo = (n) => (e) => n(e);
+const yo = (n) => (e) => n(e);
 class re extends te {
   constructor(e) {
     super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new j(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new W(e);
@@ -3314,7 +3318,7 @@ class _t extends re {
   }
 }
 const Ne = 200;
-class yo extends _t {
+class So extends _t {
   constructor(e) {
     super(e), this.watch("isZooming").pipe(
       M((t) => !t),
@@ -3402,11 +3406,11 @@ class yo extends _t {
     });
   }
 }
-const So = (n, e, t, i, o) => {
+const Io = (n, e, t, i, o) => {
   const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, p = t / e, g = u * p, h = l * p, d = g - s / 2 + i, m = h - r / 2 + o;
   return { newScrollLeft: d, newScrollTop: m };
 };
-class Io extends _t {
+class bo extends _t {
   enter({ scale: e = 1 } = {}) {
     this.value.isZooming || (this.setScale(e), this.mergeCompare({
       currentPosition: { x: 0, y: 0 },
@@ -3429,7 +3433,7 @@ class Io extends _t {
   setScale(e) {
     const t = this.reader.viewport.value.element, i = this.reader.navigation.scrollNavigationController.value.element, o = this.reader.navigation.scrollNavigationController.value.element;
     if (!t || !o) return;
-    const s = this.reader.viewport.scaleFactor, r = t.offsetLeft, a = t.offsetTop, { newScrollLeft: c, newScrollTop: u } = So(
+    const s = this.reader.viewport.scaleFactor, r = t.offsetLeft, a = t.offsetTop, { newScrollLeft: c, newScrollTop: u } = Io(
       i ?? An(),
       s,
       e,
@@ -3452,8 +3456,8 @@ class Io extends _t {
     });
   }
 }
-const bo = (n) => (e) => {
-  const t = n(e), i = new yo(t), o = new Io(t), s = new W(o);
+const vo = (n) => (e) => {
+  const t = n(e), i = new So(t), o = new bo(t), s = new W(o);
   return {
     ...t,
     destroy: () => {
@@ -3474,7 +3478,7 @@ const bo = (n) => (e) => {
     }
   };
 }, Ht = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
-class vo {
+class wo {
   constructor() {
     this.navigationSubject = new it(1), this.viewportStateSubject = new W("free"), this.paginationSubject = new it(), this.navigationIsLockedSubject = new W(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       z(),
@@ -3486,11 +3490,11 @@ class vo {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-class wo extends re {
+class xo extends re {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new vo(), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new wo(), this.manifest$ = this.pipe(
       J((e) => e.manifest),
       oe(ce),
       le()
@@ -3514,7 +3518,7 @@ class wo extends re {
     return this.manifest?.readingDirection;
   }
 }
-class xo extends re {
+class Po extends re {
   constructor(e, t) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3549,7 +3553,7 @@ class xo extends re {
     ).subscribe(this.next.bind(this));
   }
 }
-class Po {
+class $o {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3611,17 +3615,17 @@ class Po {
     return k(s);
   }
 }
-const $o = (n) => ({
+const To = (n) => ({
   x: -n.x,
   y: -n.y
-}), To = (n) => n instanceof DOMMatrix ? new L({
+}), Fo = (n) => n instanceof DOMMatrix ? new L({
   x: -n.e,
   y: -n.f
 }) : new L({
   x: -n.x,
   y: -n.y
-}), Fo = "navigation/ViewportNavigator", ht = E.namespace(Fo);
-class Lo extends B {
+}), Lo = "navigation/ViewportNavigator", ht = E.namespace(Lo);
+class Mo extends B {
   constructor(e, t, i, o, s) {
     super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new j(), this.element$ = new W(
       document.createElement("div")
@@ -3733,7 +3737,7 @@ class Lo extends B {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = $o(e);
+    const t = this.element$.getValue(), i = To(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3748,17 +3752,17 @@ class Lo extends B {
     if (!i || i === "none")
       return new L({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return To(o);
+    return Fo(o);
   }
 }
-class Mo {
+class Co {
   constructor(e) {
     this.x = e.x, this.y = e.y;
   }
 }
-class mt extends Mo {
+class mt extends Co {
 }
-class Co extends re {
+class Eo extends re {
   constructor(e, t, i, o, s) {
     super({
       element: void 0
@@ -3879,7 +3883,7 @@ class Co extends re {
     });
   }
 }
-const Eo = () => (n) => n.pipe(
+const Do = () => (n) => n.pipe(
   S(({ navigation: e, pagination: t, ...i }) => ({
     navigation: {
       ...e,
@@ -3887,7 +3891,7 @@ const Eo = () => (n) => n.pipe(
     },
     ...i
   }))
-), Do = (n, e, t) => n.bridgeEvent.pagination$.pipe(
+), Ro = (n, e, t) => n.bridgeEvent.pagination$.pipe(
   D(e),
   M(
     ([i, o]) => i.navigationId === o.id
@@ -3904,7 +3908,7 @@ const Eo = () => (n) => n.pipe(
       navigation: o
     }))
   )),
-  Eo(),
+  Do(),
   z(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3916,7 +3920,7 @@ const Eo = () => (n) => n.pipe(
       }
     })
   )
-), Ro = ({ navigationResolver: n }) => (e) => e.pipe(
+), Ao = ({ navigationResolver: n }) => (e) => e.pipe(
   S(([t, i]) => {
     const o = {
       type: "api",
@@ -3948,7 +3952,7 @@ const Eo = () => (n) => n.pipe(
       navigation: o
     };
   })
-), Ao = ({ navigationResolver: n }) => (e) => e.pipe(
+), No = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.cfi) {
       const i = n.getNavigationForCfi(
@@ -3965,16 +3969,16 @@ const Eo = () => (n) => n.pipe(
     }
     return t;
   })
-), No = ({
+), Oo = ({
   navigation: n,
   previousNavigation: e,
   settings: t
-}) => n.directionFromLastNavigation ? n.directionFromLastNavigation : n.url !== void 0 || n.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || n.spineItem || !n.position ? "forward" : t.values.computedPageTurnDirection === "vertical" ? n.position.y > e.position.y || n.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(n.position.x) > Math.abs(e.position.x) || n.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Oo = ({
+}) => n.directionFromLastNavigation ? n.directionFromLastNavigation : n.url !== void 0 || n.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || n.spineItem || !n.position ? "forward" : t.values.computedPageTurnDirection === "vertical" ? n.position.y > e.position.y || n.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(n.position.x) > Math.abs(e.position.x) || n.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Vo = ({
   context: n,
   settings: e
 }) => (t) => t.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const s = No({
+    const s = Oo({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -3988,7 +3992,7 @@ const Eo = () => (n) => n.pipe(
       direction: s
     };
   })
-), Vo = ({
+), jo = ({
   spineItemsManager: n,
   navigationResolver: e,
   settings: t
@@ -4157,7 +4161,7 @@ const Eo = () => (n) => n.pipe(
       ...a
     }))
   );
-}, jo = ({ navigationResolver: n }) => (e) => e.pipe(
+}, ko = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.url) {
       const i = n.getNavigationForUrl(
@@ -4190,7 +4194,7 @@ class Bt {
     };
   }
 }
-const ko = ({
+const Uo = ({
   spineLocator: n,
   navigation: e,
   navigationResolver: t,
@@ -4247,7 +4251,7 @@ const ko = ({
       return c ? t.getNavigationForPosition(e.position) : t.getNavigationForSpineIndexOrId(s);
     })
   ) : v(new L({ x: 0, y: 0 }));
-}, Uo = ({
+}, zo = ({
   navigation: n,
   spineLocator: e,
   spineItemsManager: t,
@@ -4316,7 +4320,7 @@ const ko = ({
     }
   }
   return n.position;
-}, zo = ({
+}, Wo = ({
   navigation: n,
   spineItemsManager: e,
   settings: t,
@@ -4324,7 +4328,7 @@ const ko = ({
   navigationResolver: o,
   spine: s
 }) => t.values.computedPageTurnMode === "scrollable" ? v(
-  Uo({
+  zo({
     navigation: n,
     spineLocator: i,
     navigationResolver: o,
@@ -4332,7 +4336,7 @@ const ko = ({
     spineItemsManager: e,
     spine: s
   })
-) : ko({
+) : Uo({
   navigation: n,
   spineLocator: i,
   navigationResolver: o,
@@ -4344,7 +4348,7 @@ const ko = ({
   context: t,
   spine: i
 }) => (o) => o.pipe(
-  w((s) => zo({
+  w((s) => Wo({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4361,8 +4365,8 @@ const ko = ({
       }
     }))
   ))
-), Wo = "navigation/InternalNavigator", _o = E.namespace(Wo);
-class Ho extends B {
+), _o = "navigation/InternalNavigator", Ho = E.namespace(_o);
+class Bo extends B {
   constructor(e, t, i, o, s, r, a, c) {
     super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.controlledNavigationController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isUserLocked$ = c, this.navigationSubject = new W({
       animation: !1,
@@ -4385,24 +4389,24 @@ class Ho extends B {
     ), this.locker = new Bt();
     const u = i.pipe(
       D(this.navigationSubject),
-      Ro({
+      Ao({
         navigationResolver: r
       }),
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      jo({
+      ko({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Ao({
+      No({
         navigationResolver: r
       }),
-      Oo({ context: t, settings: e }),
+      Vo({ context: t, settings: e }),
       ft({
         navigationResolver: r,
         settings: e,
@@ -4419,7 +4423,7 @@ class Ho extends B {
         spine: a
       })
     ).pipe(
-      Vo({
+      jo({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager,
         settings: e
@@ -4536,7 +4540,7 @@ class Ho extends B {
       }),
       S(({ navigation: f }) => f),
       R()
-    ), h = Do(
+    ), h = Ro(
       t,
       this.navigationSubject,
       a
@@ -4546,7 +4550,7 @@ class Ho extends B {
       h
     ), m = (f) => f.pipe(
       P(([I, b]) => {
-        _o.info(
+        Ho.info(
           `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
             previousNavigation: b,
@@ -4604,7 +4608,7 @@ const Te = (n, e, t) => {
 }, It = (n, e, t) => {
   const i = [...Array(t)].map((o, s) => s * e);
   return n <= 0 || t === 0 ? 0 : n >= t * e ? t - 1 : i.findIndex((o) => n < o + e) ?? 0;
-}, Bo = ({
+}, Xo = ({
   itemWidth: n,
   itemHeight: e,
   spineItemPosition: t
@@ -4630,7 +4634,7 @@ const Te = (n, e, t) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const l = Bo({
+  const l = Xo({
     spineItemPosition: t,
     itemHeight: e,
     itemWidth: n
@@ -4647,7 +4651,7 @@ const Te = (n, e, t) => {
     return It(t.y, s, p);
   const g = It(l, o, p);
   return c ? p - 1 - g : g;
-}, Xo = ({
+}, Yo = ({
   pageIndex: n,
   itemLayout: e,
   context: t,
@@ -4700,7 +4704,7 @@ const Te = (n, e, t) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => Xo({
+    }) => Yo({
       context: n,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layout.layoutInfo,
@@ -4771,7 +4775,7 @@ const Te = (n, e, t) => {
       });
     }
   };
-}, Yo = ({
+}, qo = ({
   context: n,
   settings: e,
   viewport: t
@@ -4886,7 +4890,7 @@ const vt = ({
     });
   }
   return new L({ x: 0, y: 0 });
-}, qo = ({
+}, Go = ({
   pageIndex: n,
   spineItemsManager: e,
   spineItemId: t,
@@ -4916,28 +4920,28 @@ const vt = ({
     pageSizeWidth: s.pageSize.width,
     visibleAreaRectWidth: s.absoluteViewport.width
   });
-}, Go = (n, e) => {
+}, Zo = (n, e) => {
   if (e && e instanceof HTMLIFrameElement)
     return n.startsWith("#") ? e.contentDocument?.getElementById(
       n.replace("#", "")
     ) : e.contentDocument?.querySelector(n);
-}, Zo = ({
+}, Jo = ({
   anchor: n,
   spineItem: e,
   spine: t
 }) => {
-  const i = Go(
+  const i = Zo(
     n,
     e.renderer.getDocumentFrame()
   );
   return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, Jo = ({
+}, Ko = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
   spine: i
 }) => {
-  const o = Zo({
+  const o = Jo({
     anchor: n,
     spineItem: e,
     spine: i
@@ -4946,7 +4950,7 @@ const vt = ({
     spineItemPosition: new C({ x: o, y: 0 }),
     spineItem: e
   });
-}, Ko = ({
+}, Qo = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
@@ -4954,7 +4958,7 @@ const vt = ({
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = Jo({
+  const r = Ko({
     anchor: n,
     spineItem: e,
     spineLocator: t,
@@ -4965,7 +4969,7 @@ const vt = ({
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, Qo = ({
+}, es = ({
   spine: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4981,7 +4985,7 @@ const vt = ({
     if (u) {
       const l = e.get(u.id);
       if (l) {
-        const p = Ko({
+        const p = Qo({
           anchor: a.hash,
           spineItem: l,
           spine: n,
@@ -5004,7 +5008,7 @@ const vt = ({
     console.error(a);
     return;
   }
-}, es = ({
+}, ts = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -5023,7 +5027,7 @@ const vt = ({
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, ts = "spineNavigator", ns = ({
+}, ns = "spineNavigator", is = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -5031,13 +5035,13 @@ const vt = ({
   spine: o,
   viewport: s
 }) => {
-  const r = Yo({
+  const r = qo({
     context: n,
     settings: i,
     viewport: s
   });
   return {
-    getNavigationForUrl: (h) => Qo({
+    getNavigationForUrl: (h) => es({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
@@ -5046,14 +5050,14 @@ const vt = ({
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (h) => qo({
+    getNavigationForSpineItemPage: (h) => Go({
       ...h,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (h) => es({
+    getNavigationFromSpineItemPosition: (h) => ts({
       ...h,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
@@ -5065,7 +5069,7 @@ const vt = ({
         spineItemsManager: e
       });
       if (!d) {
-        E.warn(ts, `unable to detect item id from cfi ${h}`);
+        E.warn(ns, `unable to detect item id from cfi ${h}`);
         return;
       }
       const f = m ? r.getNavigationFromNode(d, m, y) : new C({ x: 0, y: 0 }), I = t.getSpinePositionFromSpineItemPosition({
@@ -5150,7 +5154,7 @@ const vt = ({
     }),
     spineItemNavigator: r
   };
-}, is = ({
+}, os = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5158,26 +5162,26 @@ const vt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new j(), a = r.asObservable(), c = new Bt(), u = ns({
+  const r = new j(), a = r.asObservable(), c = new Bt(), u = is({
     context: e,
     settings: o,
     spineItemsManager: n,
     locator: i.locator,
     spine: i,
     viewport: s
-  }), l = new Lo(
+  }), l = new Mo(
     o,
     t,
     e,
     i,
     s
-  ), p = new Co(
+  ), p = new Eo(
     s,
     o,
     t,
     i,
     e
-  ), g = new Ho(
+  ), g = new Bo(
     o,
     e,
     a,
@@ -5216,7 +5220,7 @@ const vt = ({
     navigation$: g.navigation$
   };
 };
-class os extends re {
+class ss extends re {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5234,7 +5238,7 @@ class os extends re {
     this.mergeCompare(e);
   }
 }
-class ss extends B {
+class rs extends B {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
     const r = x(
@@ -5312,11 +5316,11 @@ class ss extends B {
     x(r, a).pipe(T(this.destroy$)).subscribe();
   }
 }
-const rs = ({
+const as = ({
   manifest: n,
   spreadMode: e
 }) => n?.renditionFlow === "scrolled-continuous" ? !1 : e;
-class as extends B {
+class cs extends B {
   constructor(e) {
     super();
     const t = {
@@ -5361,7 +5365,7 @@ class as extends B {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class cs extends as {
+class us extends cs {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
       P(() => this.update(this.values)),
@@ -5374,7 +5378,7 @@ class cs extends as {
       computedPageTurnAnimation: e.pageTurnAnimation,
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0,
-      computedSpreadMode: rs({
+      computedSpreadMode: as({
         spreadMode: e.spreadMode,
         manifest: t
       })
@@ -5400,7 +5404,7 @@ class cs extends as {
     };
   }
 }
-class us extends fe {
+class ls extends fe {
   onUnload() {
     return G;
   }
@@ -5419,7 +5423,7 @@ class us extends fe {
   getDocumentFrame() {
   }
 }
-class ls extends B {
+class ps extends B {
   constructor(e, t, i, o, s, r, a) {
     super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new j(), this.lastLayout = null, this.applyDimsAfterLayout = ({
       blankPagePosition: c,
@@ -5520,7 +5524,7 @@ class Gt extends re {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = ps(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = ds(
       t,
       e,
       s
@@ -5536,7 +5540,7 @@ class Gt extends re {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new us(u), this.layout = new ls(
+    this.renderer = c ? c(u) : new ls(u), this.layout = new ps(
       e,
       this.containerElement,
       i,
@@ -5622,14 +5626,14 @@ class Gt extends re {
     });
   }
 }
-const ps = (n, e, t) => {
+const ds = (n, e, t) => {
   const i = n.ownerDocument.createElement("div");
   return i.classList.add("spineItem"), i.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), i.style.cssText = `
     position: absolute;
     overflow: hidden;
   `, i.dataset.isReady = "false", t.execute("item.onBeforeContainerCreated", void 0, { element: i }), i;
 };
-class ds extends B {
+class gs extends B {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new W([]);
     const r = this.forcedOpenSubject.pipe(
@@ -5705,17 +5709,17 @@ class ye extends DOMRect {
     return new ye(i.x, i.y, i.width, i.height);
   }
 }
-class gs {
+class hs {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class hs {
+class ms {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const ms = ({
+const fs = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5737,7 +5741,7 @@ const ms = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, fs = ({
+}, ys = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5746,7 +5750,7 @@ const ms = ({
 }) => {
   const s = t / e, r = i / n;
   return o.type === "percentage" ? s >= o.value && r >= o.value : t >= o.value && i >= o.value;
-}, ys = ({
+}, Ss = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5778,14 +5782,14 @@ const ms = ({
     Math.min(n, g) - Math.max(i, p)
   );
   if (h <= 0 || d <= 0) return { visible: !1 };
-  const y = ys({
+  const y = Ss({
     threshold: r,
     visibleHeightOfItem: d,
     visibleWidthOfItem: h,
     viewportPosition: a
   });
   return c ? { visible: y } : {
-    visible: fs({
+    visible: ys({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
@@ -5809,7 +5813,7 @@ const ms = ({
 }) => new L({
   x: e + n.x,
   y: t + n.y
-}), Ss = ({
+}), Is = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5847,7 +5851,7 @@ const ms = ({
     beginIndex: p ?? 0,
     endIndex: g ?? 0
   };
-}, Is = ({
+}, bs = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5951,7 +5955,7 @@ const ms = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (d) => ms({
+    _getAbsolutePageIndexFromPageIndex: (d) => fs({
       ...d,
       spineItemsManager: n
     }),
@@ -5992,7 +5996,7 @@ const ms = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (d) => Ss({
+    getVisibleSpineItemsFromPosition: (d) => Is({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -6015,7 +6019,7 @@ const ms = ({
       });
     }
   };
-}, bs = E.namespace("spine"), vs = ({
+}, vs = E.namespace("spine"), ws = ({
   position: n,
   pageSize: e
 }) => new mi({
@@ -6027,7 +6031,7 @@ const ms = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class ws extends re {
+class xs extends re {
   constructor(e, t, i, o, s, r) {
     super({ pages: [] }), this.spineLayout = e, this.spineItemsManager = t, this.spineItemLocator = i, this.context = o, this.locator = s, this.viewport = r, this.fromSpineItemPageIndex = (a, c) => this.value.pages.find(
       (u) => u.itemIndex === a.index && u.pageIndex === c
@@ -6045,7 +6049,7 @@ class ws extends re {
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: vs({
+                absoluteLayout: ws({
                   pageSize: a,
                   position: I
                 }),
@@ -6084,12 +6088,12 @@ class ws extends re {
           })
         );
       }),
-      S((a) => (bs.info("Pages layout", a), { pages: a })),
+      S((a) => (vs.info("Pages layout", a), { pages: a })),
       R()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class xs extends B {
+class Ps extends B {
   constructor(e, t) {
     super(), this.spineItemsManager = e, this.spineLocator = t, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       w((i) => {
@@ -6112,7 +6116,7 @@ class xs extends B {
     );
   }
 }
-const Ps = ({
+const $s = ({
   horizontalOffset: n,
   verticalOffset: e,
   context: t,
@@ -6182,7 +6186,7 @@ const Ps = ({
     })
   );
 };
-class $s extends B {
+class Ts extends B {
   constructor(e, t, i, o) {
     super(), this.spineItemsManager = e, this.context = t, this.settings = i, this.viewport = o, this.layoutSubject = new j(), this.spineItemsRelativeLayouts = [], e.items$.pipe(
       P(() => {
@@ -6231,7 +6235,7 @@ class $s extends B {
           cn(
             (u, l, p) => u.pipe(
               ot(
-                ({ horizontalOffset: g, verticalOffset: h }) => Ps({
+                ({ horizontalOffset: g, verticalOffset: h }) => $s({
                   context: this.context,
                   horizontalOffset: g,
                   index: p,
@@ -6289,32 +6293,32 @@ class $s extends B {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class Ts extends B {
+class Fs extends B {
   constructor(e, t, i, o, s, r, a) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new W(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new $s(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Ts(
       i,
       e,
       s,
       a
-    ), this.locator = Is({
+    ), this.locator = bs({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: s,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new ds(
+    }), this.spineItemsLoader = new gs(
       this.context,
       i,
       this.locator,
       s,
       this.spineLayout
-    ), this.spineItemsObserver = new xs(
+    ), this.spineItemsObserver = new Ps(
       i,
       this.locator
-    ), this.pages = new ws(
+    ), this.pages = new xs(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6370,7 +6374,7 @@ class Ts extends B {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class Fs extends B {
+class Ls extends B {
   constructor(e, t) {
     super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new W([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6411,7 +6415,7 @@ class Fs extends B {
     this.orderedSpineItemsSubject.value.forEach((e) => e.destroy());
   }
 }
-class Ls extends re {
+class Ms extends re {
   constructor(e, t) {
     const i = document.createElement("div");
     i.style.cssText = `
@@ -6459,7 +6463,7 @@ class Ls extends re {
     });
   }
   get absoluteViewport() {
-    return new gs({
+    return new hs({
       width: this.value.width,
       height: this.value.height
     });
@@ -6487,18 +6491,18 @@ class Ls extends re {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new hs({
+    return new ms({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
-const Ms = (n) => {
-  const e = crypto.randomUUID(), t = new j(), i = new j(), o = new Po(), s = new wo(), r = new cs(n, s), a = new xo(s, r), c = new Fs(s, r), u = new Ls(s, r), l = Yt({
+const Cs = (n) => {
+  const e = crypto.randomUUID(), t = new j(), i = new j(), o = new $o(), s = new xo(), r = new us(n, s), a = new Po(s, r), c = new Ls(s, r), u = new Ms(s, r), l = Yt({
     context: s,
     settings: r,
     viewport: u
-  }), p = new os(s, c), g = new Ts(
+  }), p = new ss(s, c), g = new Fs(
     s,
     p,
     c,
@@ -6506,14 +6510,14 @@ const Ms = (n) => {
     r,
     o,
     u
-  ), h = is({
+  ), h = os({
     context: s,
     spineItemsManager: c,
     hookManager: o,
     spine: g,
     settings: r,
     viewport: u
-  }), d = new ss(
+  }), d = new rs(
     s,
     p,
     c,
@@ -6532,7 +6536,7 @@ const Ms = (n) => {
       return;
     }
     E.log("load", { options: $ });
-    const H = Cs(A, e);
+    const H = Es(A, e);
     s.update({
       manifest: X,
       rootElement: H
@@ -6552,7 +6556,7 @@ const Ms = (n) => {
     spine: g,
     hookManager: o,
     cfi: {
-      generateCfiFromRange: Qi,
+      generateCfiFromRange: eo,
       parseCfi: nt,
       generateCfiForSpineItemPage: ($) => He({
         ...$,
@@ -6593,31 +6597,31 @@ const Ms = (n) => {
       destroy$: i
     }
   };
-}, Cs = (n, e) => (n.style.cssText = `
+}, Es = (n, e) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${pe}-reader`), n.setAttribute(Qn, e), n), Bs = (
+  `, n.classList.add(`${pe}-reader`), n.setAttribute(Qn, e), n), Xs = (
   //__
-  go(
+  ho(
     Bn(
-      Li(
-        fo(
+      Mi(
+        yo(
           Hn(
             Pn(
-              ao(
-                mo(
-                  bo(
-                    Wi(
+              co(
+                fo(
+                  vo(
+                    _i(
                       gi(
-                        Ci(
+                        Ei(
                           $n(
-                            ho(
-                              oo(
-                                Pi(
+                            mo(
+                              so(
+                                $i(
                                   zn(
                                     // __
-                                    Ms
+                                    Cs
                                   )
                                 )
                               )
@@ -6635,75 +6639,75 @@ const Ms = (n) => {
       )
     )
   )
-), Xs = (n) => (e) => n(e);
+), Ys = (n) => (e) => n(e);
 export {
   jt as AbstractSpinePosition,
-  wo as Context,
-  Lo as ControlledNavigationController,
+  xo as Context,
+  Mo as ControlledNavigationController,
   B as DestroyableClass,
   fe as DocumentRenderer,
-  xo as Features,
+  Po as Features,
   Qn as HTML_ATTRIBUTE_DATA_READER_ID,
   ei as HTML_ATTRIBUTE_VIEWPORT_CLASSNAME,
   pe as HTML_PREFIX,
-  Po as HookManager,
+  $o as HookManager,
   Kn as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
-  Ho as InternalNavigator,
+  Bo as InternalNavigator,
   tt as LayoutEntry,
   Bt as Locker,
-  Ws as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
-  Us as PROSE_READER_NAMESPACE,
-  ws as Pages,
-  os as Pagination,
-  ss as PaginationController,
+  _s as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  zs as PROSE_READER_NAMESPACE,
+  xs as Pages,
+  ss as Pagination,
+  rs as PaginationController,
   re as ReactiveEntity,
   et as ResourceHandler,
-  io as ResourcesLocator,
-  Co as ScrollNavigationController,
+  oo as ResourcesLocator,
+  Eo as ScrollNavigationController,
   mt as ScrollPosition,
-  as as SettingsManager,
-  Ts as Spine,
+  cs as SettingsManager,
+  Fs as Spine,
   Gt as SpineItem,
   hi as SpineItemPageLayout,
   mi as SpineItemPageSpineLayout,
   C as SpineItemPosition,
   _e as SpineItemSpineLayout,
-  Fs as SpineItemsManager,
-  xs as SpineItemsObserver,
+  Ls as SpineItemsManager,
+  Ps as SpineItemsObserver,
   L as SpinePosition,
   Re as UnboundSpineItemPagePosition,
   he as UnboundSpinePosition,
-  zs as VIEWPORT_ADJUSTMENT_THROTTLE,
-  Ls as Viewport,
-  no as consolidate,
-  Bs as createReader,
+  Ws as VIEWPORT_ADJUSTMENT_THROTTLE,
+  Ms as Viewport,
+  io as consolidate,
+  Xs as createReader,
   at as deferIdle,
   Wn as deferNextResult,
   He as generateCfiForSpineItemPage,
-  Qi as generateCfiFromRange,
+  eo as generateCfiFromRange,
   ge as generateRootCfi,
   rt as getAttributeValueFromString,
-  js as getBase64FromBlob,
+  ks as getBase64FromBlob,
   Ze as getFrameViewportInfo,
-  Hs as getItemAnchor,
+  Bs as getItemAnchor,
   gi as htmlEnhancer,
   Rt as idle,
   vn as injectCSS,
   Et as isHtmlElement,
   On as isHtmlTagElement,
   Be as isRootCfi,
-  Gs as isShallowEqual,
-  Pi as layoutEnhancer,
+  Zs as isShallowEqual,
+  $i as layoutEnhancer,
   Dt as mapKeysTo,
-  Vs as observeIntersection,
+  js as observeIntersection,
   ct as observeMutation,
   Qe as observeResize,
-  oo as paginationEnhancer,
+  so as paginationEnhancer,
   nt as parseCfi,
-  Os as removeCSS,
+  Vs as removeCSS,
   Wt as resolveCfi,
-  Xs as rootEnhancer,
-  vs as spinePositionToSpineItemSpineLayout,
+  Ys as rootEnhancer,
+  ws as spinePositionToSpineItemSpineLayout,
   ee as upsertCSSToFrame,
   wn as waitForFrameLoad,
   xn as waitForFrameReady,