@prose-reader/core 1.251.0 → 1.252.0

package/dist/index.js

@@ -1,12 +1,12 @@
-import { switchMap as w, of as v, fromEvent as Y, take as Tt, map as S, from as O, takeUntil as T, Observable as ne, defer as ke, Subject as j, combineLatest as k, merge as x, EMPTY as Z, NEVER as ge, tap as P, share as D, BehaviorSubject as W, withLatestFrom as A, filter as L, first as U, mergeMap as Pe, endWith as me, finalize as de, catchError as Ft, lastValueFrom as an, scheduled as cn, animationFrameScheduler as re, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as un, startWith as ee, shareReplay as J, switchScan as ln, defaultIfEmpty as dn, forkJoin as pn, delay as ve, timer as $e, ReplaySubject as st, identity as we, skip as Lt, reduce as gn, concatMap as rt } from "rxjs";
-import { Report as hn, isShallowEqual as N, shallowMergeIfDefined as xe, getParentPath as mn, parseContentType as fn, detectMimeTypeFromName as Le, arrayEqual as yn } from "@prose-reader/shared";
-import { isShallowEqual as or } from "@prose-reader/shared";
-import { map as K, distinctUntilChanged as pe, switchMap as _, first as Mt, startWith as Sn, shareReplay as Me, tap as V, pairwise as In, take as bn, takeUntil as q, filter as se, debounceTime as vn, skip as Ct, mergeMap as wn, catchError as at } from "rxjs/operators";
-import { generate as ze, parse as Et, isIndirectionOnly as xn, isParsedCfiRange as Pn, resolve as $n } from "@prose-reader/cfi";
+import { switchMap as w, of as v, fromEvent as q, take as Tt, map as S, from as N, takeUntil as T, Observable as ne, defer as ke, Subject as R, combineLatest as k, merge as P, EMPTY as Z, NEVER as ge, tap as x, share as E, BehaviorSubject as H, withLatestFrom as O, filter as L, first as U, mergeMap as $e, endWith as me, finalize as de, catchError as Ft, lastValueFrom as rn, scheduled as an, animationFrameScheduler as re, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as cn, startWith as ee, shareReplay as J, switchScan as un, defaultIfEmpty as ln, forkJoin as dn, delay as we, timer as Te, ReplaySubject as st, identity as Pe, skip as Lt, reduce as pn, concatMap as rt } from "rxjs";
+import { Report as gn, isShallowEqual as V, shallowMergeIfDefined as xe, getParentPath as hn, parseContentType as mn, detectMimeTypeFromName as Me, arrayEqual as fn } from "@prose-reader/shared";
+import { isShallowEqual as sr } from "@prose-reader/shared";
+import { map as K, distinctUntilChanged as pe, switchMap as _, first as Mt, startWith as yn, shareReplay as Ce, tap as j, pairwise as Sn, take as In, takeUntil as G, filter as se, debounceTime as bn, skip as Ct, mergeMap as vn, catchError as at } from "rxjs/operators";
+import { generate as ze, parse as Et, isIndirectionOnly as wn, isParsedCfiRange as Pn, resolve as xn } from "@prose-reader/cfi";
 import { isDefined as Ge } from "reactjrx";
-const Tn = "@prose-reader/core", E = hn.namespace(Tn, void 0, {
+const $n = "@prose-reader/core", D = gn.namespace($n, void 0, {
   color: "#98cde7"
-}), Fn = [
+}), Tn = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -18,24 +18,24 @@ const Tn = "@prose-reader/core", E = hn.namespace(Tn, void 0, {
   // `touchstart` as const,
   // `touchend` as const,
 ];
-function Ln(n, e, t) {
+function Fn(n, e, t) {
   if ("caretPositionFromPoint" in n)
     return n.caretPositionFromPoint(e, t);
   if ("caretRangeFromPoint" in n && // @ts-expect-error limited availability
   typeof n.caretRangeFromPoint < "u")
     return n.caretRangeFromPoint(e, t);
 }
-const Mn = (n, e) => {
+const Ln = (n, e) => {
   const t = "body" in n ? We(n.body, e) : We(n, e), i = "createRange" in n ? n : n.ownerDocument;
   if (t) {
     let o, s = 0;
     const r = i.createRange();
     return Array.from(t.childNodes).some((a) => {
       r.selectNodeContents(a);
-      const c = r.getClientRects(), u = Cn(c, e);
+      const c = r.getClientRects(), u = Mn(c, e);
       if (u) {
         o = r.cloneRange();
-        const l = Ln(
+        const l = Fn(
           i,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -65,20 +65,20 @@ const Mn = (n, e) => {
 function Dt(n, { left: e, right: t }) {
   return n.left <= e && n.right <= e ? "before" : n.left <= e && n.right > e && n.right <= t ? "partially-before" : n.left <= t && n.right > t ? "partially-after" : n.left > t ? "after" : "within";
 }
-function Cn(n, e) {
+function Mn(n, e) {
   return Array.from(n).find((t) => {
     const i = Dt(t, e);
     return i !== "before" && i !== "after";
   });
 }
-const En = (n, e) => {
+const Cn = (n, e) => {
   if (n.nodeType !== Node.CDATA_SECTION_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const t = n.ownerDocument?.createRange();
     t?.selectNodeContents(n);
     try {
       e <= (t?.endOffset || 0) && t?.setStart(n, e || 0);
     } catch (i) {
-      E.error(i);
+      D.error(i);
     }
     return t;
   }
@@ -93,8 +93,8 @@ const En = (n, e) => {
     if (e.PointerEvent && n instanceof e.PointerEvent)
       return !0;
   }
-  return !!Fn.includes(n.type);
-}, Dn = (n) => {
+  return !!Tn.includes(n.type);
+}, En = (n) => {
   if (Ze(n)) return !1;
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
@@ -107,7 +107,7 @@ const En = (n, e) => {
       return n instanceof e.MouseEvent;
   }
   return !1;
-}, Rn = (n) => {
+}, Dn = (n) => {
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
     if (e.TouchEvent)
@@ -119,7 +119,7 @@ const En = (n, e) => {
       return n instanceof e.TouchEvent;
   }
   return !1;
-}, An = () => document.createElement("div"), Rt = (n) => {
+}, Rn = () => document.createElement("div"), Rt = (n) => {
   const e = [
     "img",
     // Images
@@ -135,7 +135,7 @@ const En = (n, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(n?.querySelectorAll(e) || []);
-}, On = (n) => {
+}, An = (n) => {
   if (Rt(n).forEach((t) => {
     const i = t.getAttribute("src") || t.getAttribute("href");
     i?.startsWith("blob:") && n?.defaultView?.URL.revokeObjectURL(i);
@@ -170,10 +170,10 @@ function Ot(n) {
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
-function Nn(n, e) {
+function On(n, e) {
   return Ot(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
-function Vn(n) {
+function Nn(n) {
   return At(
     n,
     [
@@ -198,9 +198,9 @@ const Je = (n, e, t, i) => {
 }, ct = (n, e) => {
   const t = new RegExp(`${e}\\s*=\\s*([0-9.]+)`, "i"), i = n.match(t) || [], o = i[1] || "0";
   return i && Number.parseFloat(o) || 0;
-}, jn = (n, e, t, i) => {
+}, Vn = (n, e, t, i) => {
   n?.contentDocument?.head && Je(n.contentDocument, e, t, i);
-}, Bs = (n, e) => {
+}, Xs = (n, e) => {
   n?.contentDocument && Ke(n.contentDocument, e);
 }, te = (n, e, t, i) => {
   if (!n) return;
@@ -211,7 +211,7 @@ const Je = (n, e, t, i) => {
     o.innerHTML = t;
     return;
   }
-  jn(n, e, t, i);
+  Vn(n, e, t, i);
 }, Qe = (n) => {
   if (n?.contentDocument) {
     const t = n.contentDocument.querySelector("meta[name='viewport']");
@@ -228,17 +228,17 @@ const Je = (n, e, t, i) => {
     }
   }
   return { hasViewport: !1 };
-}, kn = (n) => n.pipe(
-  w((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? v(e) : Y(e, "load").pipe(
+}, jn = (n) => n.pipe(
+  w((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? v(e) : q(e, "load").pipe(
     Tt(1),
     S(() => e)
   ))
-), Un = (n) => n.pipe(
+), kn = (n) => n.pipe(
   w((e) => {
     const t = e?.contentDocument?.fonts.ready;
-    return t ? O(t).pipe(S(() => e)) : v(void 0);
+    return t ? N(t).pipe(S(() => e)) : v(void 0);
   })
-), zn = (n) => (e) => {
+), Un = (n) => (e) => {
   const t = n(e), i = new IntersectionObserver((o) => {
     o.forEach((s) => {
       s.isIntersecting ? s.target.removeAttribute("tab-index") : s.target.setAttribute("tab-index", "-1");
@@ -273,7 +273,7 @@ const Je = (n, e, t, i) => {
   ), {
     ...t
   };
-}, Wn = (n) => (e) => {
+}, zn = (n) => (e) => {
   const t = n(e);
   return t.context.watch("rootElement").pipe(T(t.context.destroy$)).subscribe((i) => {
     if (!i) return;
@@ -285,7 +285,7 @@ const Je = (n, e, t, i) => {
     const s = t.spineItemsManager.get(i)?.renderer.getDocumentFrame();
     s && s.contentDocument?.body.setAttribute("tabindex", "-1");
   }), t;
-}, De = ({
+}, Re = ({
   position: n,
   frameElement: e
 }) => {
@@ -294,13 +294,13 @@ const Je = (n, e, t, i) => {
     clientX: a,
     clientY: c
   };
-}, _n = (n, e, t, i) => {
+}, Wn = (n, e, t, i) => {
   const o = e?.view?.frameElement;
   if (!e || !o) return n;
   const s = t.getSpineItemFromIframe(o), r = o, { height: a, width: c } = i.pageSize;
   if (!s || !(r instanceof HTMLIFrameElement)) return n;
   if (Ze(n)) {
-    const { clientX: u, clientY: l } = De({
+    const { clientX: u, clientY: l } = Re({
       position: n,
       frameElement: r
     }), d = new PointerEvent(n.type, {
@@ -314,8 +314,8 @@ const Je = (n, e, t, i) => {
       enumerable: !0
     }), d;
   }
-  if (Dn(n)) {
-    const { clientX: u, clientY: l } = De({
+  if (En(n)) {
+    const { clientX: u, clientY: l } = Re({
       position: n,
       frameElement: r
     }), d = new MouseEvent(n.type, {
@@ -328,9 +328,9 @@ const Je = (n, e, t, i) => {
       enumerable: !0
     }), d;
   }
-  if (Rn(n)) {
+  if (Dn(n)) {
     const u = Array.from(n.touches).map((d) => {
-      const { clientX: g, clientY: h } = De({
+      const { clientX: g, clientY: h } = Re({
         position: d,
         frameElement: r
       });
@@ -351,7 +351,7 @@ const Je = (n, e, t, i) => {
     }), l;
   }
   return n;
-}, Hn = [
+}, _n = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -360,21 +360,21 @@ const Je = (n, e, t, i) => {
   "pointerout",
   "pointerover",
   "pointerup"
-], Bn = [
-  ...Hn
+], Hn = [
+  ..._n
   /*, ...mouseEvents*/
-], Xn = (n) => (e) => {
+], Bn = (n) => (e) => {
   const t = n(e);
   return t.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: i, itemId: o }) => {
       const s = t.spineItemsManager.get(o), r = s?.renderer.getDocumentFrame();
       if (!r || !s) return;
-      const a = Bn.map((c) => {
+      const a = Hn.map((c) => {
         const u = (l) => {
           let d = l;
           if (Ze(l) && (d = new PointerEvent(l.type, l)), d !== l) {
-            const g = _n(
+            const g = Wn(
               d,
               l,
               t.spine.locator,
@@ -400,7 +400,7 @@ const Je = (n, e, t, i) => {
     [i]: o
   } : t,
   {}
-)), et = (n) => (e) => e.pipe(Nt(n), pe(N));
+)), et = (n) => (e) => e.pipe(Nt(n), pe(V));
 function tt(n) {
   return new ne((e) => {
     const t = new ResizeObserver((i) => {
@@ -411,14 +411,14 @@ function tt(n) {
     };
   });
 }
-const Ce = (n) => (e) => e.pipe(
+const Ee = (n) => (e) => e.pipe(
   _(
     (t) => n.pipe(
       Mt(),
       K(() => t)
     )
   )
-), Yn = (n) => {
+), Xn = (n) => {
   let e;
   const t = n.subscribe((i) => {
     e = { result: i };
@@ -448,7 +448,7 @@ const lt = (n, e) => new ne((t) => {
   });
   return i.observe(n, e), () => i.disconnect();
 });
-function Xs(n, e) {
+function Ys(n, e) {
   return new ne((t) => {
     const i = new IntersectionObserver((o) => {
       t.next(o);
@@ -468,12 +468,12 @@ class jt {
     this.outputSettings = this.computeOutputSettings(i), this.inputSettings = xe(
       this.getDefaultSettings(),
       e
-    ), this.outputSettingsUpdateSubject = new j(), this.values$ = k([
+    ), this.outputSettingsUpdateSubject = new R(), this.values$ = k([
       this.settingsManager.values$,
-      this.outputSettingsUpdateSubject.pipe(Sn(this.outputSettings))
+      this.outputSettingsUpdateSubject.pipe(yn(this.outputSettings))
     ]).pipe(
       K(([o, s]) => ({ ...o, ...s })),
-      Me(1)
+      Ce(1)
     ), this.values$.subscribe();
   }
   _prepareUpdate(e) {
@@ -499,14 +499,14 @@ class jt {
   watch(e) {
     return Array.isArray(e) ? this.values$.pipe(et(e)) : this.values$.pipe(
       K((t) => t[e]),
-      pe(N)
+      pe(V)
     );
   }
   destroy() {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const Ys = (n) => {
+const qs = (n) => {
   const e = new FileReader();
   return new Promise((t) => {
     e.addEventListener(
@@ -518,12 +518,12 @@ const Ys = (n) => {
     ), e.readAsDataURL(n);
   });
 };
-let qn = class extends jt {
+let Yn = class extends jt {
   computeOutputSettings(e) {
     return e;
   }
   hasSettingsChanged(e) {
-    return !N(this.outputSettings, e);
+    return !V(this.outputSettings, e);
   }
   getCleanedParentInputSettings(e) {
     const {
@@ -544,8 +544,8 @@ let qn = class extends jt {
     };
   }
 };
-const Gn = (n) => (e) => {
-  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new j(), a = n(e), c = new qn(
+const qn = (n) => (e) => {
+  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new R(), a = n(e), c = new Yn(
     {
       fontScale: t,
       lineHeight: i,
@@ -577,12 +577,12 @@ const Gn = (n) => (e) => {
     }
   });
   const d = (g) => g.pipe(
-    In(),
+    Sn(),
     S(([h, p]) => p.fontScale !== h.fontScale || p.lineHeight !== h.lineHeight)
   );
   return c.values$.pipe(
     d,
-    V(l),
+    j(l),
     T(a.$.destroy$)
   ).subscribe(), {
     ...a,
@@ -591,8 +591,8 @@ const Gn = (n) => (e) => {
     },
     settings: c
   };
-}, Zn = (n) => (e) => {
-  const t = n(e), i = (o) => Y(o, "keyup").pipe(
+}, Gn = (n) => (e) => {
+  const t = n(e), i = (o) => q(o, "keyup").pipe(
     S((s) => {
       const { pageTurnDirection: r, computedPageTurnMode: a } = t.settings.values;
       if (a === "scrollable")
@@ -614,7 +614,7 @@ const Gn = (n) => (e) => {
   );
   return i(document).pipe(T(t.$.destroy$)).subscribe(), t.spineItemsManager.items$.pipe(
     w(
-      (o) => x(
+      (o) => P(
         ...o.map(
           (s) => s.watch("isLoaded").pipe(
             w(() => {
@@ -627,9 +627,9 @@ const Gn = (n) => (e) => {
     ),
     T(t.$.destroy$)
   ).subscribe(), t;
-}, Jn = (n) => n.spine.spineItemsManager.items$.pipe(
+}, Zn = (n) => n.spine.spineItemsManager.items$.pipe(
   w(
-    (e) => x(
+    (e) => P(
       ...e.map((t) => t.watch("isLoaded").pipe(
         w(() => {
           const i = t.renderer.getDocumentFrame();
@@ -637,64 +637,64 @@ const Gn = (n) => (e) => {
           const s = Array.from(
             i.contentDocument.querySelectorAll("a")
           ).map(
-            (r) => Y(r, "click")
+            (r) => q(r, "click")
           );
-          return x(...s);
+          return P(...s);
         })
       ))
     )
   ),
-  P((e) => {
+  x((e) => {
     e.preventDefault();
   }),
-  D()
+  E()
 );
-class B {
+class X {
   constructor() {
-    this.isDestroyed = !1, this.destroySubject = new j(), this.destroy$ = this.destroySubject.asObservable();
+    this.isDestroyed = !1, this.destroySubject = new R(), this.destroy$ = this.destroySubject.asObservable();
   }
   destroy() {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
   }
 }
-const Fe = class Fe extends B {
+const Le = class Le extends X {
   constructor(e) {
-    super(), this.triggerSubject = new j(), this.stateSubject = new W("idle"), this.unload$ = this.triggerSubject.pipe(
-      A(this.stateSubject),
+    super(), this.triggerSubject = new R(), this.stateSubject = new H("idle"), this.unload$ = this.triggerSubject.pipe(
+      O(this.stateSubject),
       L(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       S(() => {
       }),
-      D()
+      E()
     ), this.load$ = this.triggerSubject.pipe(
-      A(this.stateSubject),
+      O(this.stateSubject),
       L(
         ([o, s]) => o.type === "load" && s !== "loaded" && s !== "loading"
       ),
       S(() => {
       }),
-      D()
+      E()
     ), this.context = e.context, this.settings = e.settings, this.hookManager = e.hookManager, this.item = e.item, this.containerElement = e.containerElement, this.resourcesHandler = e.resourcesHandler, this.viewport = e.viewport;
     const t = this.triggerSubject.pipe(
-      A(this.stateSubject),
+      O(this.stateSubject),
       L(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       S(() => {
       }),
-      D()
+      E()
     );
     this.loaded$ = this.load$.pipe(
       w(() => (this.stateSubject.next("loading"), this.onCreateDocument().pipe(U()).pipe(
-        Pe((s) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
+        $e((s) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
           itemId: this.item.id,
           documentContainer: s
         }), this.onLoadDocument().pipe(
           me(null),
           U()
         ).pipe(
-          Ce(this.context.bridgeEvent.viewportFree$),
+          Ee(this.context.bridgeEvent.viewportFree$),
           w(() => {
             const a = this.hookManager.execute("item.onDocumentLoad", this.item.id, {
               itemId: this.item.id,
@@ -710,26 +710,26 @@ const Fe = class Fe extends B {
         }),
         T(t)
       ))),
-      D()
+      E()
     );
     const i = t.pipe(
       w(() => (this.stateSubject.next("unloading"), this.context.bridgeEvent.viewportFree$.pipe(
         U(),
-        P(() => {
+        x(() => {
           this.hookManager.destroy("item.onDocumentLoad", this.item.id);
         }),
         w(() => this.onUnload().pipe(me(null), U())),
-        P(() => {
+        x(() => {
           this.stateSubject.next("idle");
         }),
         T(this.load$)
       )))
     );
-    x(this.unload$, i).pipe(T(this.destroy$)).subscribe();
+    P(this.unload$, i).pipe(T(this.destroy$)).subscribe();
   }
   setDocumentContainer(e) {
     this._documentContainer = e, this._documentContainer.classList.add(
-      Fe.DOCUMENT_CONTAINER_CLASS_NAME
+      Le.DOCUMENT_CONTAINER_CLASS_NAME
     );
   }
   attach() {
@@ -751,7 +751,7 @@ const Fe = class Fe extends B {
     this.triggerSubject.next({ type: "unload" });
   }
   renderHeadless() {
-    const e = new j();
+    const e = new R();
     return ke(() => this.onRenderHeadless({ release: e })).pipe(
       me(void 0),
       U(),
@@ -767,7 +767,7 @@ const Fe = class Fe extends B {
       de(() => {
         e.complete();
       }),
-      Ft((t) => (E.error(t), v(void 0)))
+      Ft((t) => (D.error(t), v(void 0)))
     );
   }
   layout(e) {
@@ -794,17 +794,17 @@ const Fe = class Fe extends B {
     return this.context.manifest?.renditionLayout ?? "reflowable";
   }
 };
-Fe.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
-let fe = Fe;
-const Kn = (n) => new URL(n.href);
+Le.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
+let fe = Le;
+const Jn = (n) => new URL(n.href);
 class nt {
   constructor(e, t) {
     this.item = e, this.settings = t;
   }
   async getResource() {
-    return await an(
+    return await rn(
       this.settings.values.getResource?.(this.item) ?? v(void 0)
-    ) ?? Kn(this.item);
+    ) ?? Jn(this.item);
   }
   async fetchResource() {
     const e = await this.getResource();
@@ -814,7 +814,7 @@ class nt {
 const kt = (n, e) => {
   const t = n.startsWith("file://"), i = t ? n.replace("file://", "http://") : n, o = new URL(e, i).toString();
   return t ? o.replace("http://", "file://") : o;
-}, Qn = async (n, e, t, i, o) => {
+}, Kn = async (n, e, t, i, o) => {
   if (!n || !n.defaultView) return;
   const s = e.sheet;
   if (s)
@@ -862,7 +862,7 @@ const kt = (n, e) => {
     } catch (r) {
       console.error("Could not access stylesheet rules:", r);
     }
-}, ei = (n, e, t, i, o) => {
+}, Qn = (n, e, t, i, o) => {
   const s = e.getAttribute("src") || e.getAttribute("href");
   if (!s) return v(null);
   const r = i.manifest?.items.find(({ href: c }) => `${kt(t, s).toLowerCase()}`.endsWith(
@@ -870,11 +870,11 @@ const kt = (n, e) => {
   ));
   if (!r) return v(null);
   const a = new nt(r, o);
-  return O(a.getResource()).pipe(
-    Pe(
-      (c) => c instanceof Response ? O(c.blob()) : v(void 0)
+  return N(a.getResource()).pipe(
+    $e(
+      (c) => c instanceof Response ? N(c.blob()) : v(void 0)
     ),
-    Pe((c) => {
+    $e((c) => {
       if (!c)
         return v(null);
       const u = n?.defaultView?.URL.createObjectURL(c) ?? "";
@@ -884,7 +884,7 @@ const kt = (n, e) => {
         return new ne((l) => {
           e.onload = async () => {
             try {
-              e.sheet && await Qn(
+              e.sheet && await Kn(
                 n,
                 e,
                 t,
@@ -899,7 +899,7 @@ const kt = (n, e) => {
       return v(null);
     })
   );
-}, ti = ({
+}, ei = ({
   settings: n,
   item: e,
   context: t
@@ -907,8 +907,8 @@ const kt = (n, e) => {
   w((o) => {
     const s = Rt(
       o.contentDocument
-    ), r = mn(e.href), a = s.map(
-      (c) => ei(
+    ), r = hn(e.href), a = s.map(
+      (c) => Qn(
         o.contentDocument,
         c,
         r,
@@ -918,11 +918,11 @@ const kt = (n, e) => {
     );
     return k(a).pipe(S(() => o));
   })
-), ni = (n) => {
-  On(n?.contentDocument);
-}, Gs = "@prose-reader/core", Zs = 0, Js = 200, ii = [".xhtml", ".html", ".htm"], G = "prose-reader", Ut = `${G}-style`, oi = `data-${G}-id`, si = `${G}-viewport`, ri = `${G}-scroll-navigator`, ai = async (n, e) => {
+), ti = (n) => {
+  An(n?.contentDocument);
+}, Zs = "@prose-reader/core", Js = 0, Ks = 200, ni = [".xhtml", ".html", ".htm"], W = "prose-reader", Ut = `${W}-style`, ii = `data-${W}-id`, oi = `${W}-viewport`, si = `${W}-scroll-navigator`, ri = async (n, e) => {
   if (typeof n == "string") return n;
-  const t = fn(n.headers.get("Content-Type") || "") || Le(e.href);
+  const t = mn(n.headers.get("Content-Type") || "") || Me(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === t
   )) {
@@ -958,13 +958,13 @@ const kt = (n, e) => {
         </body>
       </html>
     ` : await n.text();
-}, ci = ({
+}, ai = ({
   item: n,
   resourcesHandler: e
 }) => {
-  const t = (i) => ai(i, n);
+  const t = (i) => ri(i, n);
   return (i) => i.pipe(
-    w((o) => O(e.getResource()).pipe(
+    w((o) => N(e.getResource()).pipe(
       w((s) => s instanceof URL && n.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
       (n.mediaType && [
         "application/xhtml+xml",
@@ -972,29 +972,29 @@ const kt = (n, e) => {
         "text/html",
         "text/xml"
       ].includes(n.mediaType) || // no encoding ? then try to detect html
-      !n.mediaType && ii.some(
+      !n.mediaType && ni.some(
         (a) => n.href.endsWith(a)
-      )) ? (o?.setAttribute("src", n.href), v(o)) : (s instanceof URL ? O(e.fetchResource()) : v(s)).pipe(
+      )) ? (o?.setAttribute("src", n.href), v(o)) : (s instanceof URL ? N(e.fetchResource()) : v(s)).pipe(
         w((a) => {
           if (!(a instanceof Response))
             throw new Error("Invalid resource");
-          return O(t(a));
+          return N(t(a));
         }),
-        P((a) => {
+        x((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
             o?.setAttribute("src", u);
           }
         }),
         S(() => o),
-        Ft((a) => (E.error(
+        Ft((a) => (D.error(
           `Error while trying to fetch or load resource for item ${n.id}`,
           s
-        ), E.error(a), v(o)))
+        ), D.error(a), v(o)))
       ))
     ))
   );
-}, ui = () => {
+}, ci = () => {
   const n = document.createElement("iframe");
   return n.frameBorder = "no", n.tabIndex = 0, n.setAttribute(
     "sandbox",
@@ -1027,7 +1027,7 @@ const kt = (n, e) => {
       n / (i.height ?? 1)
     ), computedWidthScale: o, viewportDimensions: i };
   }
-}, li = ({
+}, ui = ({
   columnWidth: n,
   enableTouch: e,
   spreadPosition: t
@@ -1072,12 +1072,12 @@ const kt = (n, e) => {
           object-fit:contain;
         `}
       }
-    `, di = ({
+    `, li = ({
   pageHeight: n,
   pageWidth: e
 }) => ({ columnHeight: n, columnWidth: e }), dt = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, pi = ({
+}, di = ({
   minPageSpread: n,
   blankPagePosition: e,
   spreadPosition: t,
@@ -1089,9 +1089,9 @@ const kt = (n, e) => {
 }) => {
   const c = n * o;
   if (s?.contentDocument && s?.contentWindow) {
-    const { viewportDimensions: u, computedScale: l = 1 } = Wt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, g = i, h = li(
+    const { viewportDimensions: u, computedScale: l = 1 } = Wt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, g = i, h = ui(
       {
-        ...di({ pageHeight: i, pageWidth: o }),
+        ...li({ pageHeight: i, pageWidth: o }),
         enableTouch: a,
         spreadPosition: t
       },
@@ -1121,7 +1121,7 @@ const kt = (n, e) => {
     return { width: c, height: g };
   }
   return { width: c, height: i };
-}, gi = () => `
+}, pi = () => `
       ${zt()}
       html {
         width: 100%;
@@ -1136,7 +1136,7 @@ const kt = (n, e) => {
       html, body {
         touch-action: none;
       }
-    `, hi = ({
+    `, gi = ({
   isScrollable: n,
   enableTouch: e
 }) => `
@@ -1161,7 +1161,7 @@ const kt = (n, e) => {
           display: block;
         }
       ` : ""}
-    `, mi = ({
+    `, hi = ({
   width: n,
   columnHeight: e,
   columnWidth: t
@@ -1229,7 +1229,7 @@ const kt = (n, e) => {
       td {
         max-width: ${t}px;
       }
-    `, fi = ({
+    `, mi = ({
   isUsingVerticalWriting: n,
   minimumWidth: e,
   pageHeight: t,
@@ -1245,7 +1245,7 @@ const kt = (n, e) => {
   };
 }, be = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, yi = ({
+}, fi = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t,
@@ -1270,7 +1270,7 @@ const kt = (n, e) => {
       te(
         t,
         "prose-reader-html-renderer-framce-css",
-        gi()
+        pi()
       ), be(t, {
         width: h.width ?? 1,
         height: h.height ?? 1
@@ -1282,11 +1282,11 @@ const kt = (n, e) => {
         `translate(-50%, -50%) scale(${p})`
       ), t?.style.setProperty("transform-origin", "center center");
     else {
-      const b = a ? hi({
+      const b = a ? gi({
         isScrollable: i?.renditionFlow === "scrolled-continuous",
         enableTouch: c
-      }) : mi(
-        fi({
+      }) : hi(
+        mi({
           isUsingVerticalWriting: u,
           minimumWidth: l,
           pageHeight: g,
@@ -1318,38 +1318,38 @@ const kt = (n, e) => {
     return y % l === 0 ? t?.style.setProperty("margin-left", "0px") : (y = y + e, s && !u && t?.style.setProperty("margin-left", `${e}px`)), { width: y, height: f };
   }
 };
-class Si extends fe {
+class yi extends fe {
   constructor() {
-    super(...arguments), this.isImageType = () => !!(this.item.mediaType ?? Le(this.item.href))?.startsWith("image/");
+    super(...arguments), this.isImageType = () => !!(this.item.mediaType ?? Me(this.item.href))?.startsWith("image/");
   }
   onCreateDocument() {
-    const e = ui();
+    const e = ci();
     return this.setDocumentContainer(e), v(e);
   }
   onLoadDocument() {
     const e = this.getFrameElement();
     if (!e) throw new Error("invalid frame");
     return v(e).pipe(
-      ci({
+      ai({
         item: this.item,
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
       }),
-      Ce(this.context.bridgeEvent.viewportFree$),
-      P(() => {
+      Ee(this.context.bridgeEvent.viewportFree$),
+      x(() => {
         this.attach();
       }),
-      kn,
-      ti({
+      jn,
+      ei({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      Un
+      kn
     );
   }
   onUnload() {
-    return ni(this.getFrameElement()), this.detach(), Z;
+    return ti(this.getFrameElement()), this.detach(), Z;
   }
   onLayout({
     minPageSpread: e,
@@ -1360,7 +1360,7 @@ class Si extends fe {
     if (!r) return v(void 0);
     const a = !!this.writingMode?.startsWith("vertical");
     if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest?.renditionLayout === "pre-paginated") {
-      const u = pi({
+      const u = di({
         blankPagePosition: t,
         enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
         frameElement: r,
@@ -1372,7 +1372,7 @@ class Si extends fe {
       });
       return v(u);
     }
-    const c = yi({
+    const c = fi({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1387,7 +1387,7 @@ class Si extends fe {
     return v(c);
   }
   onRenderHeadless() {
-    return O(this.resourcesHandler.fetchResource()).pipe(
+    return N(this.resourcesHandler.fetchResource()).pipe(
       w((e) => {
         if (e instanceof Response) {
           const t = e.headers.get("content-type") ?? "";
@@ -1397,7 +1397,7 @@ class Si extends fe {
             "text/html",
             "text/xml"
           ].includes(t))
-            return O(e.text()).pipe(
+            return N(e.text()).pipe(
               S((o) => new DOMParser().parseFromString(
                 o,
                 t
@@ -1440,13 +1440,13 @@ class Si extends fe {
     return this.getFrameElement();
   }
 }
-const Ii = (n) => (e) => {
+const Si = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(o) {
-      return e.getRenderer?.(o) ?? ((r) => new Si(r));
+      return e.getRenderer?.(o) ?? ((r) => new yi(r));
     }
-  }), i = Jn(t);
+  }), i = Zn(t);
   return i.pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     links$: i
@@ -1465,12 +1465,12 @@ class C {
     this.__symbol = Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
   }
 }
-class Re {
+class Ae {
   constructor(e) {
     this.__symbol = Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
 }
-class bi extends it {
+class Ii extends it {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageLayout";
   }
@@ -1480,7 +1480,7 @@ class _e extends it {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class vi extends it {
+class bi extends it {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1506,17 +1506,17 @@ class ae extends _t {
     return new ae(e);
   }
 }
-const wi = (n, e) => {
+const vi = (n, e) => {
   const t = e.getBoundingClientRect(), { x: i, y: o } = n, { left: s, top: r } = t, a = t.width / e.offsetWidth, c = t.height / e.offsetHeight, u = i - s, l = o - r;
   return {
     x: u / a,
     y: l / c
   };
-}, xi = (n, e) => new ae(
-  wi(n, e)
+}, wi = (n, e) => new ae(
+  vi(n, e)
 ), Pi = (n) => ({
-  getSpinePositionFromClientPosition: (e) => n.spine.element ? xi(e, n.spine.element) : void 0
-}), $i = (n) => {
+  getSpinePositionFromClientPosition: (e) => n.spine.element ? wi(e, n.spine.element) : void 0
+}), xi = (n) => {
   let e;
   const t = n.context.watch("rootElement").pipe(
     _((c) => c ? new ne(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
@@ -1529,22 +1529,22 @@ const wi = (n, e) => {
       `, c.appendChild(e), () => {
       e?.remove(), e = void 0;
     })) : ge)
-  ), i = (c) => cn(c, re).pipe(
-    V(() => {
+  ), i = (c) => an(c, re).pipe(
+    j(() => {
       e?.style.setProperty(
         "visibility",
         "hidden"
       );
     })
   ), o = n.context.bridgeEvent.viewportBusy$.pipe(
-    V(() => {
+    j(() => {
       e?.style.setProperty(
         "visibility",
         "visible"
       );
     })
   ), s = i(n.viewportFree$).pipe(
-    bn(1)
+    In(1)
   ), a = n.settings.values$.pipe(
     K(() => n.settings.values.computedPageTurnMode),
     pe()
@@ -1552,14 +1552,14 @@ const wi = (n, e) => {
     _(
       (c) => c === "controlled" ? o.pipe(_(() => s)) : i(v(void 0))
     ),
-    q(n.$.destroy$)
+    G(n.$.destroy$)
   );
-  return x(t, a);
-}, Ti = (n) => {
+  return P(t, a);
+}, $i = (n) => {
   n.hookManager.register("item.onDocumentLoad", ({ itemId: e }) => {
     n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling", "no");
   });
-}, Fi = (n) => {
+}, Ti = (n) => {
   n.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: t, minimumWidth: i }) => {
@@ -1576,12 +1576,12 @@ const wi = (n, e) => {
       }
     }
   );
-}, Li = (n) => n.spineItemsManager.items$.pipe(
+}, Fi = (n) => n.spineItemsManager.items$.pipe(
   w(
-    (e) => x(
+    (e) => P(
       ...e.map(
         (t) => t.pipe(
-          P((i) => {
+          x((i) => {
             t.containerElement.dataset.isDirty = i.iDirty.toString(), t.containerElement.dataset.isReady = i.isReady.toString();
           })
         )
@@ -1589,12 +1589,12 @@ const wi = (n, e) => {
     )
   )
 );
-let Mi = class extends jt {
+let Li = class extends jt {
   computeOutputSettings(e) {
     return e;
   }
   hasSettingsChanged(e) {
-    return !N(this.outputSettings, e);
+    return !V(this.outputSettings, e);
   }
   getCleanedParentInputSettings(e) {
     const {
@@ -1615,21 +1615,21 @@ let Mi = class extends jt {
     };
   }
 };
-const Ci = (n) => k([
+const Mi = (n) => k([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
-  P(([{ width: e, height: t }, i]) => {
+  x(([{ width: e, height: t }, i]) => {
     const o = e > t;
     return !o && i?.renditionSpread === "portrait" ? n.settings.update({ spreadMode: !0 }) : o && (i?.renditionSpread === void 0 || i?.renditionSpread === "auto" || i?.renditionSpread === "landscape" || i?.renditionSpread === "both") ? n.settings.update({ spreadMode: !0 }) : n.settings.update({ spreadMode: !1 });
   })
-), Ei = (n) => (e) => {
+), Ci = (n) => (e) => {
   const {
     pageHorizontalMargin: t,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = e, r = n(e), a = new Mi(
+  } = e, r = n(e), a = new Li(
     {
       pageHorizontalMargin: t,
       pageVerticalMargin: i,
@@ -1645,27 +1645,27 @@ const Ci = (n) => k([
       !p && y && (y.getBoundingClientRect().left, p = !0);
     });
   }), r.hookManager.register("item.onBeforeLayout", ({ item: p }) => {
-    const m = r.spineItemsManager.get(p.id), f = !!(p.mediaType ?? Le(p.href))?.startsWith("image/"), { pageHorizontalMargin: I = 0, pageVerticalMargin: b = 0 } = a.values, F = r.viewport.pageSize;
+    const m = r.spineItemsManager.get(p.id), f = !!(p.mediaType ?? Me(p.href))?.startsWith("image/"), { pageHorizontalMargin: I = 0, pageVerticalMargin: b = 0 } = a.values, F = r.viewport.pageSize;
     if (m?.renditionLayout === "reflowable" && !f) {
       let $ = F.width - I * 2;
-      const R = F.height - b * 2;
-      let X = F.width - I * 2, H = I * 2;
-      m.isUsingVerticalWriting() && (X = F.width - I * 2, $ = R, H = b * 2);
+      const A = F.height - b * 2;
+      let Y = F.width - I * 2, B = I * 2;
+      m.isUsingVerticalWriting() && (Y = F.width - I * 2, $ = A, B = b * 2);
       const ie = m?.renderer.getDocumentFrame();
       ie && te(
         ie,
         "prose-layout-enhancer-css",
         `
               body {
-                width: ${X}px !important;
+                width: ${Y}px !important;
                 margin: ${b}px ${I}px !important;
-                column-gap: ${H}px !important;
+                column-gap: ${B}px !important;
                 column-width: ${$}px !important;
-                height: ${R}px !important;
+                height: ${A}px !important;
               }
               img, video, audio, object, svg {
                 -max-width: ${$}px !important;
-                -max-height: ${R}px !important;
+                -max-height: ${A}px !important;
               }
               table {
                 max-width: ${$}px !important;
@@ -1676,7 +1676,7 @@ const Ci = (n) => k([
             `
       );
     }
-  }), Fi(r), Ti(r), r.hookManager.register(
+  }), Ti(r), $i(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: p }) => {
       p.style.opacity = "0", a.values.layoutLayerTransition && (p.style.transition = "opacity 300ms");
@@ -1687,7 +1687,7 @@ const Ci = (n) => k([
   });
   const c = r.spineItemsObserver.itemIsReady$.pipe(
     se(({ isReady: p }) => p),
-    V(({ item: p }) => {
+    j(({ item: p }) => {
       const m = p.renderer.documentContainer;
       m && (m.style.opacity = "1");
     })
@@ -1696,30 +1696,30 @@ const Ci = (n) => k([
     _(() => r.context.watch("rootElement")),
     se(le),
     _((p) => tt(p)),
-    vn(100),
+    bn(100),
     se(le),
-    V(() => {
+    j(() => {
       r?.layout();
     })
-  ), l = $i(r);
+  ), l = xi(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     Ct(1),
-    V(() => {
+    j(() => {
       r.layout();
     }),
-    q(r.$.destroy$)
+    G(r.$.destroy$)
   ).subscribe();
   const d = r.spine.pages.pipe(
-    Me({ refCount: !0, bufferSize: 1 })
-  ), g = Li(r), h = Ci(r);
-  return x(
+    Ce({ refCount: !0, bufferSize: 1 })
+  ), g = Fi(r), h = Mi(r);
+  return P(
     c,
     l,
     u,
     d,
     g,
     h
-  ).pipe(q(r.$.destroy$)).subscribe(), {
+  ).pipe(G(r.$.destroy$)).subscribe(), {
     ...r,
     destroy: () => {
       a.destroy(), r.destroy();
@@ -1729,7 +1729,7 @@ const Ci = (n) => k([
     layoutInfo$: d,
     coordinates: Pi(r)
   };
-}, Di = `${G}-enhancer-loading`, Ht = `${Di}-container`, Ri = (n, e) => {
+}, Ei = `${W}-enhancer-loading`, Ht = `${Ei}-container`, Di = (n, e) => {
   const t = n.ownerDocument.createElement("div");
   return t.classList.add(Ht), t.style.cssText = `
       height: 100%;
@@ -1747,7 +1747,7 @@ const Ci = (n) => k([
       background-color: white;
       z-index: 1;
     `, t;
-}, Ai = ({
+}, Ri = ({
   container: n,
   item: e
 }) => {
@@ -1764,8 +1764,8 @@ const Ci = (n) => k([
       max-width: 300px;
       width: 80%;
     `, n.appendChild(t), n.appendChild(i), n;
-}, Oi = (n) => (e) => {
-  const { loadingElementCreate: t = Ai } = e, i = n(e), o = (c) => v(
+}, Ai = (n) => (e) => {
+  const { loadingElementCreate: t = Ri } = e, i = n(e), o = (c) => v(
     c.reduce((u, { item: l, element: d }) => {
       d.style.zIndex = "0";
       const g = d.querySelector(
@@ -1774,7 +1774,7 @@ const Ci = (n) => k([
       if (g instanceof HTMLElement)
         return u[l.id] = g, u;
       const h = t({
-        container: Ri(d, i.viewport),
+        container: Di(d, i.viewport),
         item: l
       });
       return d.appendChild(h), u[l.id] = h, u;
@@ -1784,8 +1784,8 @@ const Ci = (n) => k([
       width: i.viewport.absoluteViewport.width,
       theme: u
     })),
-    pe(N),
-    V(({ width: u, theme: l }) => {
+    pe(V),
+    j(({ width: u, theme: l }) => {
       Object.values(c).forEach((d) => {
         d.style.setProperty("max-width", `${u}px`), d.style.setProperty(
           "color",
@@ -1794,7 +1794,7 @@ const Ci = (n) => k([
       });
     })
   ), r = (c) => i.spineItemsObserver.itemIsReady$.pipe(
-    V(({ item: u, isReady: l }) => {
+    j(({ item: u, isReady: l }) => {
       c[u.item.id]?.style.setProperty(
         "visibility",
         l ? "hidden" : "visible"
@@ -1805,17 +1805,17 @@ const Ci = (n) => k([
     })
   ), a = i.spineItemsManager.items$.pipe(
     _((c) => o(c)),
-    Me(1),
-    q(i.context.destroy$)
+    Ce(1),
+    G(i.context.destroy$)
   );
   return a.pipe(
     _(
-      (c) => x(
+      (c) => P(
         s(c),
         r(c)
       )
     ),
-    q(i.$.destroy$)
+    G(i.$.destroy$)
   ).subscribe(), {
     ...i,
     loading: {
@@ -1825,7 +1825,7 @@ const Ci = (n) => k([
     }
   };
 };
-class Ni extends fe {
+class Oi extends fe {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1833,12 +1833,12 @@ class Ni extends fe {
   }
   onCreateDocument() {
     const e = this.containerElement.ownerDocument.createElement("img");
-    return O(this.resourcesHandler.getResource()).pipe(
+    return N(this.resourcesHandler.getResource()).pipe(
       w((t) => {
         if (this.setDocumentContainer(e), e.style.objectFit = "contain", e.style.userSelect = "none", t instanceof URL)
           return v(t.href);
         if (t instanceof Response)
-          return O(t.blob()).pipe(
+          return N(t.blob()).pipe(
             S((i) => URL.createObjectURL(i))
           );
         throw new Error("Invalid resource");
@@ -1852,7 +1852,7 @@ class Ni extends fe {
   onLoadDocument() {
     const e = this.getImageElement();
     if (!e) throw new Error("invalid element");
-    return this.attach(), Y(e, "load");
+    return this.attach(), q(e, "load");
   }
   onUnload() {
     const e = this.getImageElement();
@@ -1877,12 +1877,12 @@ class Ni extends fe {
   getDocumentFrame() {
   }
 }
-const Vi = (n) => (e) => {
+const Ni = (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 Ni(l) : a;
+      const a = e.getRenderer?.(r), u = !!(r.mediaType ?? Me(r.href))?.startsWith("image/");
+      return !a && u ? (l) => new Oi(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1932,15 +1932,15 @@ const Vi = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, ji = (n, e) => n.links$.pipe(
-  P((t) => {
-    if (!Nn(t.target, "a") || t.type !== "click") return;
+}, Vi = (n, e) => n.links$.pipe(
+  x((t) => {
+    if (!On(t.target, "a") || t.type !== "click") return;
     const i = new URL(t.target.href), o = `${i.origin}${i.pathname}`;
     n.context.manifest?.spineItems.some(
       (r) => r.href === o
     ) && e.goToUrl(i);
   })
-), oe = E.namespace("navigation"), ki = ({
+), oe = D.namespace("navigation"), ji = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -1972,7 +1972,7 @@ const Vi = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = ki({
+  ), l = ji({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -1994,7 +1994,7 @@ const Vi = (n) => (e) => {
       x: 0
     })
   );
-}, Ui = ({
+}, ki = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2038,7 +2038,7 @@ const Vi = (n) => (e) => {
     return i.getAdjustedPositionForSpread(l);
   }
   return i.getAdjustedPositionForSpread(u);
-}, zi = ({
+}, Ui = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2070,7 +2070,7 @@ const Vi = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = zi({
+  ), l = Ui({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -2092,7 +2092,7 @@ const Vi = (n) => (e) => {
       x: 0
     })
   );
-}, Wi = ({
+}, zi = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2140,7 +2140,7 @@ const Vi = (n) => (e) => {
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class _i {
+class Wi {
   constructor(e) {
     this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2159,7 +2159,7 @@ class _i {
   turnRightOrBottom() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Wi({
+    const i = zi({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2177,7 +2177,7 @@ class _i {
   turnLeftOrTop() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Ui({
+    const i = ki({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2319,7 +2319,7 @@ class _i {
     }
   }
 }
-class Hi {
+class _i {
   constructor(e) {
     this.reader = e, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new M({ x: 0, y: 0 }), this.lastStartPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2358,23 +2358,23 @@ class Hi {
     });
   }
 }
-const Bi = 500;
-class Xi extends B {
+const Hi = 500;
+class Bi extends X {
   constructor(e, t) {
-    super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new j(), this.navigation$ = this.navigationSubject.asObservable();
+    super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new R(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
       Ue((o) => {
         const s = this.locker.lock();
-        return x(
+        return P(
           this.scrollNavigationController.userScroll$,
           v(o)
         ).pipe(
           Se(
-            Bi,
+            Hi,
             re
           ),
           U(),
-          P(() => {
+          x(() => {
             const r = this.scrollNavigationController.fromScrollPosition(
               this.scrollNavigationController.scrollPosition
             );
@@ -2390,11 +2390,11 @@ class Xi extends B {
         );
       })
     );
-    x(i).pipe(T(this.destroy$)).subscribe();
+    P(i).pipe(T(this.destroy$)).subscribe();
   }
 }
-const Yi = (n) => n.pagination.state$.pipe(
-  A(n.context.manifest$, n.settings.values$),
+const Xi = (n) => n.pagination.state$.pipe(
+  O(n.context.manifest$, n.settings.values$),
   S(
     ([
       e,
@@ -2412,33 +2412,33 @@ const Yi = (n) => n.pagination.state$.pipe(
       };
     }
   ),
-  z(N)
-), qi = ({ reader: n, duration: e }) => (t) => {
+  z(V)
+), Yi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
   };
   return t.pipe(
-    P(() => {
+    x(() => {
       i || (i = n?.navigation.lock());
     }),
-    un(e, re, {
+    cn(e, re, {
       trailing: !0,
       leading: !0
     }),
-    P(o),
+    x(o),
     de(o)
   );
-}, Gi = (n) => (e) => {
-  const t = n(e), i = Yi(t), o = new _i(t), s = new Hi(t), r = new Xi(
+}, qi = (n) => (e) => {
+  const t = n(e), i = Xi(t), o = new Wi(t), s = new _i(t), r = new Bi(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = ji(t, o), c = r.navigation$.pipe(
-    P((d) => {
+  ), a = Vi(t, o), c = r.navigation$.pipe(
+    x((d) => {
       t.navigation.navigate(d);
     })
   );
-  return x(a, c).pipe(T(t.$.destroy$)).subscribe(), {
+  return P(a, c).pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     load: (d) => {
       const { cfi: g, ...h } = d;
@@ -2450,7 +2450,7 @@ const Yi = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: d, trigger: g }) => g.pipe(qi({ duration: d, reader: t })),
+      throttleLock: ({ duration: d, trigger: g }) => g.pipe(Yi({ duration: d, reader: t })),
       moveTo: s.moveTo.bind(s),
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2498,19 +2498,19 @@ const Yi = (n) => n.pagination.state$.pipe(
     }
     return o;
   }, void 0);
-}, Zi = (n, e) => {
+}, Gi = (n, e) => {
   const { href: t } = e;
   return Bt(t, n.nav?.toc ?? [], n);
-}, Ji = (n) => {
+}, Zi = (n) => {
   const e = n.context.manifest, t = n.spineItemsManager.items;
   return e ? t.reduce(
-    (i, { item: o }) => (i[o.id] = Zi(e, o), i),
+    (i, { item: o }) => (i[o.id] = Gi(e, o), i),
     {}
   ) : {};
-}, Ki = (n) => n.spineItemsManager.items$.pipe(
+}, Ji = (n) => n.spineItemsManager.items$.pipe(
   ee([]),
-  S(() => Ji(n))
-), Qi = (n, e, t) => n + e * t, eo = (n, e, t) => {
+  S(() => Zi(n))
+), Ki = (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,
@@ -2525,9 +2525,9 @@ const Yi = (n) => n.pagination.state$.pipe(
       (e.x - r + n.viewport.absoluteViewport.width) / o
     )
   );
-}, to = (n, e, t, i, o) => o.isReady$.pipe(
+}, eo = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
-  A(n.layoutInfo$),
+  O(n.layoutInfo$),
   S(([s, r]) => {
     const a = n.context, c = a.manifest?.renditionLayout === "pre-paginated", u = a.manifest?.spineItems.length || 0, l = a.manifest?.spineItems.slice(0, e).reduce((f, I) => f + (I.progressionWeight ?? 0), 0) || 0, d = n.spineItemsManager.getSpineItemIndex(o) ?? 0, g = n.context.manifest?.spineItems.length ?? 0, h = r.pages.filter((f) => f.itemIndex === d).length ?? 0, p = a.manifest?.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
@@ -2535,19 +2535,19 @@ const Yi = (n) => n.pagination.state$.pipe(
     let m = (t + 1) * (p / h);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
-    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = eo(
+    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Qi(
       n,
       i,
       o
-    ) : m = 0, y = Qi(
+    ) : m = 0, y = Ki(
       l,
       p,
       m
     )), e === u - 1 && t === h - 1 && y > 0.99 ? 1 : y;
   })
-), no = (n) => n.spine.layout$.pipe(
+), to = (n) => n.spine.layout$.pipe(
   Se(10, re),
-  A(n.pagination.state$),
+  O(n.pagination.state$),
   S(() => ({
     numberOfPagesPerItems: n.spineItemsManager.items.reduce(
       (t, i) => [...t, i.numberOfPages],
@@ -2558,12 +2558,12 @@ const Yi = (n) => n.pagination.state$.pipe(
      */
     numberOfTotalPages: n.spine.pages.value.pages.length
   })),
-  z(N),
+  z(V),
   ee({
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), io = (n, e, t, i) => {
+), no = (n, e, t, i) => {
   const o = e.beginSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.beginSpineItemIndex) : void 0, s = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
   return v({
     ...e,
@@ -2594,7 +2594,7 @@ const Yi = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, oo = (n) => k([
+}, io = (n) => k([
   n.pagination.state$,
   // Usually pagination change if layout changes (number of pages) however it is especially
   // useful for like webtoon where you still have one page but only the layout will give you the final size
@@ -2603,7 +2603,7 @@ const Yi = (n) => n.pagination.state$.pipe(
 ]).pipe(
   w(([e]) => {
     const t = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
-    return t ? to(
+    return t ? eo(
       n,
       e.endSpineItemIndex ?? 0,
       e.endPageIndexInSpineItem || 0,
@@ -2611,8 +2611,8 @@ const Yi = (n) => n.pagination.state$.pipe(
       t
     ) : v(0);
   })
-), so = (n) => {
-  const e = Ki(n), t = no(n), i = new W({
+), oo = (n) => {
+  const e = Ji(n), t = to(n), i = new H({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2630,10 +2630,10 @@ const Yi = (n) => n.pagination.state$.pipe(
   }), o = k([
     n.pagination.state$,
     e,
-    oo(n)
+    io(n)
   ]).pipe(
     w(
-      ([r, a, c]) => io(
+      ([r, a, c]) => no(
         n,
         r,
         a,
@@ -2645,7 +2645,7 @@ const Yi = (n) => n.pagination.state$.pipe(
         }))
       )
     ),
-    z(N)
+    z(V)
   );
   return { paginationInfo$: k([
     o,
@@ -2663,7 +2663,7 @@ const Yi = (n) => n.pagination.state$.pipe(
         r.endPageIndexInSpineItem ?? 0
       )
     })),
-    P((r) => {
+    x((r) => {
       i.next(r);
     }),
     J(1)
@@ -2677,7 +2677,7 @@ const Yi = (n) => n.pagination.state$.pipe(
   item: t
 }) => {
   const i = "ownerDocument" in n ? n.ownerDocument : n.startContainer.ownerDocument;
-  return !i || !i?.documentElement || n === i ? he(t) : Vn(n) ? ze({
+  return !i || !i?.documentElement || n === i ? he(t) : Nn(n) ? ze({
     start: {
       node: n.startContainer,
       offset: n.startOffset,
@@ -2709,14 +2709,14 @@ const Yi = (n) => n.pagination.state$.pipe(
     offset: o.offset,
     item: e.item
   }).trim() : he(e.item);
-}, ro = (n, e) => Xt({
+}, so = (n, e) => Xt({
   nodeOrRange: n,
   item: e
-}), Qs = (n) => n.index.toString(), ht = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
+}), er = (n) => n.index.toString(), ht = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
   const e = Et(n);
-  return xn(e);
-}, ao = (n) => Array.isArray(n) ? n[0] && ht(n[0]) ? n[0] : void 0 : n.parent[0] && ht(n.parent[0]) ? n.parent[0] : void 0, ot = (n) => {
-  const e = Et(n), s = ((ao(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
+  return wn(e);
+}, ro = (n) => Array.isArray(n) ? n[0] && ht(n[0]) ? n[0] : void 0 : n.parent[0] && ht(n.parent[0]) ? n.parent[0] : void 0, ot = (n) => {
+  const e = Et(n), s = ((ro(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     cleanedCfi: n,
@@ -2739,7 +2739,7 @@ const Yi = (n) => n.pagination.state$.pipe(
     const r = s.contentWindow?.document;
     if (r)
       try {
-        const a = $n(n, r, {
+        const a = xn(n, r, {
           throwOnError: !0
         });
         return {
@@ -2752,7 +2752,7 @@ const Yi = (n) => n.pagination.state$.pipe(
           spineItem: o
         };
       } catch (a) {
-        return E.warn(`Error resolving cfi: ${n}.`), E.warn(a), {
+        return D.warn(`Error resolving cfi: ${n}.`), D.warn(a), {
           ...i,
           spineItem: o,
           itemIndex: t,
@@ -2766,7 +2766,7 @@ const Yi = (n) => n.pagination.state$.pipe(
     spineItem: o,
     node: null
   };
-}, co = (n, e) => {
+}, ao = (n, e) => {
   if ("cfi" in e) {
     const { itemIndex: s, ...r } = n.cfi.parseCfi(e.cfi);
     return {
@@ -2786,11 +2786,11 @@ const Yi = (n) => n.pagination.state$.pipe(
     itemIndex: t.index,
     node: null
   };
-}, uo = (n, e) => {
+}, co = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
   return s ? Vt().pipe(
-    A(s.isReady$),
+    O(s.isReady$),
     S(([, r]) => {
       const {
         node: a = null,
@@ -2819,7 +2819,7 @@ const Yi = (n) => n.pagination.state$.pipe(
     })
   ) : v({ ...n, itemIndex: i, ...o });
 };
-class lo {
+class uo {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (t) => {
       const i = this.locatorsByKey.get(t);
@@ -2827,7 +2827,7 @@ class lo {
     }, this.locate = (t, i) => {
       const o = {
         resource: t,
-        meta: co(this.reader, t)
+        meta: ao(this.reader, t)
       };
       return ut(() => {
         const s = this.reader.spineItemsManager.get(
@@ -2852,7 +2852,7 @@ class lo {
         const d = this.reader.spine.layout$.pipe(
           Se(10),
           ee(o),
-          ln((g) => uo(g.meta, this.reader).pipe(
+          un((g) => co(g.meta, this.reader).pipe(
             S((h) => ({
               ...g,
               meta: h
@@ -2871,14 +2871,14 @@ class lo {
     return Array.isArray(e) ? ut(
       () => k(
         e.map((i) => this.locate(i, t ?? {}))
-      ).pipe(dn([]))
+      ).pipe(ln([]))
     ) : this.locate(e, t ?? {});
   }
 }
-const po = (n) => (e) => {
-  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = so(t);
+const lo = (n) => (e) => {
+  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = oo(t);
   i.pipe(T(t.$.destroy$)).subscribe();
-  const s = new lo(t);
+  const s = new uo(t);
   return {
     ...t,
     locateResource: s.locateResource.bind(s),
@@ -2892,7 +2892,7 @@ const po = (n) => (e) => {
       }
     }
   };
-}, go = (n) => ({
+}, po = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
     u.onerror = (g) => {
@@ -2944,18 +2944,18 @@ const po = (n) => (e) => {
       a(d);
     };
   })
-}), Ae = async (n) => new Promise((e, t) => {
+}), Oe = async (n) => new Promise((e, t) => {
   const i = window.indexedDB.open(n);
   i.onerror = (o) => {
     t(o);
   }, i.onsuccess = () => {
-    e(go(i.result));
+    e(po(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), ho = (n) => {
+}), go = (n) => {
   let e = Date.now().toString();
-  const t = new j(), i = (c) => {
+  const t = new R(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
       const u = typeof c == "object" ? c.id : c;
       return n.manifest?.spineItems.find((l) => l.id === u);
@@ -2964,7 +2964,7 @@ const po = (n) => (e) => {
   }, o = async (c, u) => {
     const l = i(c);
     if (!l) return new Response("Item not found", { status: 404 });
-    const g = await (await Ae("prose-reader")).get(`${e}_${l.id}`);
+    const g = await (await Oe("prose-reader")).get(`${e}_${l.id}`);
     if (g)
       return new Response(g, { status: 200 });
     const h = u && await u(l) || await fetch(l.href);
@@ -2973,46 +2973,46 @@ const po = (n) => (e) => {
     t.next({ id: c, data: u });
   };
   t.asObservable().pipe(
-    wn(({ id: c, data: u }) => {
+    vn(({ id: c, data: u }) => {
       const l = i(c);
-      return l ? O(
-        pn([Ae("prose-reader"), O(u.blob())])
+      return l ? N(
+        dn([Oe("prose-reader"), N(u.blob())])
       ).pipe(
-        _(([d, g]) => O(d.put(`${e}_${l.id}`, g))),
-        at((d) => (E.error(d), Z))
+        _(([d, g]) => N(d.put(`${e}_${l.id}`, g))),
+        at((d) => (D.error(d), Z))
       ) : Z;
     }),
-    q(n.destroy$)
+    G(n.destroy$)
   ).subscribe();
   const r = n.manifest$.pipe(
-    V(() => {
+    j(() => {
       e = Date.now().toString();
     })
   );
-  return x(r).pipe(
-    _(() => (E.debug("Cleanup up old cache..."), O(Ae("prose-reader")).pipe(
+  return P(r).pipe(
+    _(() => (D.debug("Cleanup up old cache..."), N(Oe("prose-reader")).pipe(
       _(
-        (c) => O(c.keys()).pipe(
+        (c) => N(c.keys()).pipe(
           K(
             (u) => u.filter((l) => !l.toString().startsWith(e))
           ),
           _((u) => {
             const l = u.map((d) => c.remove(d));
-            return O(Promise.all(l));
+            return N(Promise.all(l));
           })
         )
       ),
-      at((c) => (E.error(c), Z))
+      at((c) => (D.error(c), Z))
     ))),
-    q(n.destroy$)
+    G(n.destroy$)
   ).subscribe(), {
     get: o,
     destroy: () => {
       t.complete();
     }
   };
-}, mo = (n) => (e) => {
-  const t = n(e), i = ho(t.context);
+}, ho = (n) => (e) => {
+  const t = n(e), i = go(t.context);
   return {
     ...t,
     // $: {
@@ -3024,7 +3024,7 @@ const po = (n) => (e) => {
     }
     // load,
   };
-}, fo = (n, e) => {
+}, mo = (n, e) => {
   const t = n.node.ownerDocument?.createRange(), i = n.node.compareDocumentPosition(e.node);
   if (t) {
     try {
@@ -3037,33 +3037,33 @@ const po = (n) => (e) => {
         t.setStart(n.node, o), t.setEnd(n.node, s);
       }
     } catch (o) {
-      E.warn("Failed to create range from selection", o, {
+      D.warn("Failed to create range from selection", o, {
         anchor: n,
         focus: e
       });
     }
     return t;
   }
-}, yo = ({
+}, fo = ({
   selection: n,
   spineItem: e
 }) => {
   const { anchorNode: t, anchorOffset: i, focusNode: o, focusOffset: s } = n;
   if (!(!t || !o))
     try {
-      return fo(
+      return mo(
         { node: t, offset: i },
         { node: o, offset: s }
       );
     } catch (r) {
-      E.warn("Failed to create range from selection", r, {
+      D.warn("Failed to create range from selection", r, {
         selection: n,
         spineItem: e
       });
       return;
     }
 };
-class So extends B {
+class yo extends X {
   constructor(e) {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
@@ -3086,26 +3086,26 @@ class So extends B {
           )
         )
       ) : v(null);
-      this.selectionChange$ = x(
-        Y(t, "selectionchange"),
+      this.selectionChange$ = P(
+        q(t, "selectionchange"),
         i
       ).pipe(
         S(() => t.getSelection()),
-        T(x(o, this.destroy$)),
+        T(P(o, this.destroy$)),
         me(null)
-      ), this.selectionOver$ = Y(t, "pointerdown").pipe(
+      ), this.selectionOver$ = q(t, "pointerdown").pipe(
         w(
-          () => x(
-            Y(t, "pointerup"),
-            Y(t, "pointercancel"),
-            Y(t, "contextmenu")
+          () => P(
+            q(t, "pointerup"),
+            q(t, "pointercancel"),
+            q(t, "contextmenu")
           ).pipe(
             U(),
             /**
              * The selection is still valid during the event even if it will
              * be discarded. The timeout make sure to detect this edge case.
              */
-            ve(0),
+            we(0),
             S((s) => {
               const r = t.getSelection();
               return r && !r.isCollapsed ? [s, r] : void 0;
@@ -3113,17 +3113,17 @@ class So extends B {
             L(le)
           )
         ),
-        T(x(o, this.destroy$))
+        T(P(o, this.destroy$))
       );
     }
   }
 }
-const Io = (n) => n.watch("isLoaded").pipe(
+const So = (n) => n.watch("isLoaded").pipe(
   w(() => {
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
     if (!e || !t) return ge;
-    const i = new So(e);
-    return x(
+    const i = new yo(e);
+    return P(
       i.selectionChange$.pipe(
         S((o) => {
           if (o?.toString())
@@ -3149,14 +3149,14 @@ const Io = (n) => n.watch("isLoaded").pipe(
     );
   }),
   z()
-), bo = (n) => (e) => {
+), Io = (n) => (e) => {
   const t = n(e);
   let i;
   const o = t.spineItemsManager.items$.pipe(
     w((l) => {
       const d = l.map((g) => {
         const h = t.spineItemsManager.getSpineItemIndex(g) ?? 0;
-        return Io(g).pipe(
+        return So(g).pipe(
           S((p) => {
             if (p)
               return {
@@ -3166,11 +3166,11 @@ const Io = (n) => n.watch("isLoaded").pipe(
           })
         );
       });
-      return x(...d);
+      return P(...d);
     }),
     ee(void 0),
     z(),
-    P((l) => {
+    x((l) => {
       i = l;
     }),
     J({ refCount: !0, bufferSize: 1 })
@@ -3178,24 +3178,24 @@ const Io = (n) => n.watch("isLoaded").pipe(
     S((l) => !!l),
     z(),
     L((l) => l),
-    D()
+    E()
   ), a = r.pipe(
     w(() => s),
     z(),
     L((l) => !l),
-    D()
+    E()
   ), c = o.pipe(
     L((l) => l?.type === "over"),
-    D()
+    E()
   ), u = t.context.watch("rootElement").pipe(
     L(Ge),
-    w((l) => Y(l, "pointerdown")),
-    A(s),
+    w((l) => q(l, "pointerdown")),
+    O(s),
     S(([, l]) => l),
     ee(void 0),
     J({ refCount: !0, bufferSize: 1 })
   );
-  return x(s, u).pipe(T(t.$.destroy$)).subscribe(), {
+  return P(s, u).pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     selection: {
       selection$: s,
@@ -3204,7 +3204,7 @@ const Io = (n) => n.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: yo
+      createOrderedRangeFromSelection: fo
     }
   };
 }, mt = [
@@ -3222,8 +3222,8 @@ const Io = (n) => n.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], vo = (n) => (e) => {
-  const t = n(e), i = new W(
+], bo = (n) => (e) => {
+  const t = n(e), i = new H(
     e.theme ?? "bright"
   ), o = () => {
     const a = mt.find(
@@ -3264,17 +3264,17 @@ const Io = (n) => n.watch("isLoaded").pipe(
       u && te(u, "prose-reader-theme", o());
     }
   }), t.spineItemsManager.items$.pipe(
-    V(
+    j(
       (a) => a.map(
         ({ element: c }) => s({ container: c })
       )
     ),
-    q(t.$.destroy$)
+    G(t.$.destroy$)
   ).subscribe(), i.pipe(
-    V(() => {
+    j(() => {
       r();
     }),
-    q(t.$.destroy$)
+    G(t.$.destroy$)
   ).subscribe(), {
     ...t,
     theme: {
@@ -3287,17 +3287,17 @@ const Io = (n) => n.watch("isLoaded").pipe(
       }
     }
   };
-}, wo = (n) => (e) => ({
+}, vo = (n) => (e) => ({
   ...n(e),
   utils: {
     isOrIsWithinValidLink: (o) => !!(Ot(o) && (o.nodeName === "a" ? o : o.closest("a"))?.getAttribute("href"))
   }
 });
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const xo = (n) => (e) => n(e);
+const wo = (n) => (e) => n(e), Po = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}";
 class ce extends ne {
   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);
+    super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new R(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new H(e);
   }
   next(e) {
     this.stateSubject.next(e);
@@ -3307,12 +3307,12 @@ class ce extends ne {
    */
   mergeCompare(e) {
     const t = { ...this.value, ...e };
-    N(this.value, t) || this.stateSubject.next(t);
+    V(this.value, t) || this.stateSubject.next(t);
   }
   watch(e) {
     return Array.isArray(e) ? this.stateSubject.pipe(et(e)) : this.stateSubject.pipe(
       S((t) => t[e]),
-      z(N)
+      z(V)
     );
   }
   get value() {
@@ -3322,211 +3322,164 @@ class ce extends ne {
     this.stateSubject.complete(), this._destroy$.complete();
   }
 }
-class qt extends ce {
+const xo = (n, e, t) => {
+  t.style.transformOrigin = "0 0";
+  const i = `translate3d(${e.x}px, ${e.y}px, 0px)`, o = `scale(${n})`;
+  t.style.transform = `${i} ${o}`;
+}, $o = (n, e, t, i) => {
+  const o = e / n, s = t.clientWidth, r = t.clientHeight, a = s / 2 - i.x, c = r / 2 - i.y;
+  return {
+    x: i.x + a * (1 - o),
+    y: i.y + c * (1 - o)
+  };
+}, To = (n, e, t, i, o) => {
+  const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, d = t / e, g = u * d, h = l * d, p = g - s / 2 + i, m = h - r / 2 + o;
+  return { newScrollLeft: p, newScrollTop: m };
+}, Fo = (n, e) => {
+  const t = e.viewport, i = e.navigation.scrollNavigationController, o = t.value.element, s = i.value.element, r = i.value.element, a = t.scaleFactor, c = o.offsetLeft, u = o.offsetTop, { newScrollLeft: l, newScrollTop: d } = To(
+    s ?? Rn(),
+    a,
+    n,
+    c,
+    u
+  ), g = n < 1 ? "down" : "up";
+  return r?.setAttribute(
+    `data-${W}-zooming-direction`,
+    g
+  ), n < 1 ? o.style.transformOrigin = "top" : n > 1 && (o.style.transformOrigin = `${c}px ${u}px`), o.style.transform = `scale(${n})`, i.fromScrollPosition({
+    x: l,
+    y: d
+  });
+}, ve = 200;
+class Lo extends ce {
   constructor(e) {
     super({
-      element: void 0,
       isZooming: !1,
       currentScale: 1,
       currentPosition: { x: 0, y: 0 }
-    }), this.reader = e;
-  }
-  exit() {
-    this.scrollNavigationController.value.element?.removeAttribute(
-      `data-${G}-zooming-direction`
-    ), this.scrollNavigationController.value.element?.setAttribute(
-      `data-${G}-zooming`,
-      "false"
-    );
-  }
-  get scrollNavigationController() {
-    return this.reader.navigation.scrollNavigationController;
-  }
-}
-const Oe = 200;
-class Po extends qt {
-  constructor(e) {
-    super(e), this.watch("isZooming").pipe(
-      L((t) => !t),
-      w(
-        () => $e(Oe).pipe(
-          P(() => {
-            this.reader.viewport.value.element.style.transition = "";
-          })
-        )
-      )
-    ), this.watch("currentScale").pipe(
-      w(
-        () => $e(Oe).pipe(
-          P(() => {
+    }), this.reader = e, this.enterSubject = new R(), this.exitSubject = new R();
+    const t = this.enterSubject.pipe(
+      w((o) => {
+        const { scale: s = 1, animate: r = !1 } = o ?? {}, a = this.reader.viewport.value.element;
+        return this.viewport.element.setAttribute(
+          `data-${W}-zooming`,
+          "true"
+        ), this.scrollNavigationController.value.element?.setAttribute(
+          `data-${W}-zooming`,
+          this.isControlled ? "false" : "true"
+        ), r && this.isControlled && (a.style.transition = `transform ${ve}ms`), this.mergeCompare({
+          isZooming: !0,
+          currentScale: 1,
+          currentPosition: { x: 0, y: 0 }
+        }), this.updateZoom(s), s !== 1 && this.isControlled ? Te(o?.animate ? ve : 0).pipe(
+          x(() => {
             this.reader.layout();
           })
-        )
-      ),
-      T(this.destroy$)
-    ).subscribe();
-  }
-  enter({
-    element: e,
-    scale: t = 1,
-    animate: i
-  } = {}) {
-    const o = this.reader.context.value.rootElement, s = this.reader.viewport.value.element;
-    let r;
-    if (o && e) {
-      r = o.ownerDocument.createElement("div"), r.style.cssText = `
-          top: 0;
-          left: 0;
-          display: block;
-          position: absolute;
-          z-index: 1;
-          background: black;
-          width: 100%;
-          height: 100%;
-          user-select: none;
-        `;
-      const a = e.cloneNode();
-      a.src = e.src, a.style.setProperty("height", "100%"), a.style.setProperty("width", "100%"), a.style.setProperty("object-fit", "contain"), a.style.setProperty("pointer-events", "none"), r.appendChild(a), o.appendChild(r);
-    }
-    i && !e && (s.style.transition = `transform ${Oe}ms`), this.setScale(t), this.mergeCompare({
-      element: r,
-      isZooming: !0,
-      currentScale: t,
-      currentPosition: { x: 0, y: 0 }
-    });
-  }
-  exit() {
-    super.exit();
-    const e = this.reader.viewport.value.element;
-    this.value.element || (e.style.transformOrigin = "", e.style.transform = ""), this.value.element?.remove(), this.mergeCompare({
-      element: void 0,
-      isZooming: !1,
-      currentScale: 1,
-      currentPosition: { x: 0, y: 0 }
-    });
-  }
-  moveAt(e) {
-    this.value.element?.querySelector("img")?.style.setProperty(
-      "transform",
-      `translate3d(${e.x}px, ${e.y}px, 0px) scale3d(${this.value.currentScale}, ${this.value.currentScale}, 1)`
-    ), this.mergeCompare({
-      currentPosition: e
-    });
-  }
-  setElementScale(e, t) {
-    e.querySelector("img")?.style.setProperty(
-      "transform",
-      `translate3d(${this.value.currentPosition.x}px, ${this.value.currentPosition.y}px, 0px) scale3d(${t}, ${t}, 1)`
+        ) : Z;
+      })
+    ), i = this.exitSubject.pipe(
+      w((o) => {
+        const s = this.reader.viewport.value.element;
+        return this.viewport.element.setAttribute(
+          `data-${W}-zooming`,
+          "false"
+        ), this.scrollNavigationController.value.element?.removeAttribute(
+          `data-${W}-zooming-direction`
+        ), this.scrollNavigationController.value.element?.setAttribute(
+          `data-${W}-zooming`,
+          "false"
+        ), o?.animate && this.isControlled && (s.style.transition = `transform ${ve}ms`), this.updateZoom(1, { x: 0, y: 0 }), s.style.transform = "", Te(o?.animate ? ve : 0).pipe(
+          x(() => {
+            const r = this.reader.viewport.value.element;
+            r.style.transformOrigin = "", r.style.transition = "", this.isControlled && this.reader.layout(), this.mergeCompare({
+              isZooming: !1
+            });
+          }),
+          T(this.enterSubject)
+        );
+      })
     );
+    P(t, i).pipe(T(this.destroy$)).subscribe();
   }
-  setViewportScale(e) {
-    const t = this.reader.viewport.value.element;
-    t.style.transformOrigin = "center", t.style.transform = `scale(${e})`;
+  enter(e) {
+    this.enterSubject.next(e);
   }
-  setScale(e) {
-    this.value.element ? this.setElementScale(this.value.element, e) : this.setViewportScale(e);
+  exit(e) {
+    this.exitSubject.next(e);
+  }
+  move(e) {
+    this.isControlled && (this.viewport.element.style.transition = "", this.updateZoom(this.value.currentScale, e));
   }
   scaleAt(e) {
-    const t = e;
-    this.setScale(t), this.mergeCompare({
-      currentScale: t
+    this.viewport.element.style.transition = "";
+    const i = Math.ceil(e * 100) / 100;
+    this.updateZoom(i);
+  }
+  updateZoom(e, t) {
+    if (this.isControlled) {
+      const i = t || $o(
+        this.value.currentScale,
+        e,
+        this.viewport.element,
+        this.value.currentPosition
+      );
+      return this.applyZoom(e, i), this.mergeCompare({
+        currentScale: e,
+        currentPosition: i
+      });
+    }
+    this.applyZoom(e, t ?? this.value.currentPosition), this.mergeCompare({
+      currentScale: e
     });
   }
-}
-const $o = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}", To = (n, e, t, i, o) => {
-  const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, d = t / e, g = u * d, h = l * d, p = g - s / 2 + i, m = h - r / 2 + o;
-  return { newScrollLeft: p, newScrollTop: m };
-};
-class Fo extends qt {
-  enter({ scale: e = 1 } = {}) {
-    this.setScale(e), this.mergeCompare({
-      currentPosition: { x: 0, y: 0 },
-      currentScale: e,
-      isZooming: !0
-    }), this.scrollNavigationController.value.element?.setAttribute(
-      `data-${G}-zooming`,
-      "true"
-    );
+  applyZoom(e, t) {
+    if (this.isControlled)
+      xo(
+        e,
+        t,
+        this.viewport.element
+      );
+    else {
+      const i = Fo(e, this.reader);
+      this.reader.navigation.navigate({
+        position: i
+      });
+    }
   }
-  exit() {
-    super.exit(), this.setScale(1), this.mergeCompare({
-      isZooming: !1,
-      currentScale: 1
-    });
+  get isControlled() {
+    return this.reader.settings.values.computedPageTurnMode === "controlled";
   }
-  /**
-   * Panning is directly managed through the scroll navigator element.
-   */
-  moveAt() {
-    E.warn("moveAt should not be called on scroll mode");
-  }
-  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 } = To(
-      i ?? An(),
-      s,
-      e,
-      r,
-      a
-    ), l = e < 1 ? "down" : "up";
-    o.setAttribute(
-      `data-${G}-zooming-direction`,
-      l
-    ), e < 1 ? t.style.transformOrigin = "top" : e > 1 && (t.style.transformOrigin = `${r}px ${a}px`), t.style.transform = `scale(${e})`;
-    const d = this.reader.navigation.scrollNavigationController.fromScrollPosition({
-      x: c,
-      y: u
-    });
-    this.reader.navigation.navigate({
-      position: d
-    });
+  get scrollNavigationController() {
+    return this.reader.navigation.scrollNavigationController;
   }
-  scaleAt(e) {
-    const i = Math.ceil(e * 100) / 100;
-    this.setScale(i), this.mergeCompare({
-      currentScale: i
-    });
+  get viewport() {
+    return this.reader.viewport.value;
   }
 }
-const ft = `${Ut}-enhancer-zoom`, Lo = (n) => (e) => {
-  const t = n(e), i = {
-    currentPosition: { x: 0, y: 0 },
-    currentScale: 1,
-    element: void 0,
-    isZooming: !1
-  }, o = new Po(t), s = new Fo(t), r = new W(
-    void 0
-  );
-  Je(document, ft, $o);
-  const a = (l) => {
-    const d = t.settings.values.computedPageTurnMode === "scrollable" ? s : o;
-    r.next(d), d.enter(l);
-  }, c = () => {
-    Ke(document, ft), o.exit(), s.exit(), r.complete(), t.destroy();
-  }, u = r.pipe(
-    w((l) => l ?? v(i))
-  );
+const ft = `${Ut}-enhancer-zoom`, Mo = (n) => (e) => {
+  const t = n(e), i = new Lo(t);
+  Je(document, ft, Po);
+  const o = () => {
+    Ke(document, ft), i.destroy(), t.destroy();
+  }, s = i;
   return {
     ...t,
-    destroy: c,
+    destroy: o,
     zoom: {
-      enter: a,
-      scaleAt: (l) => r.getValue()?.scaleAt(l),
-      moveAt: (l) => r.getValue()?.moveAt(l),
-      exit: () => {
-        r?.getValue()?.exit(), r.next(void 0);
-      },
-      state$: u,
+      enter: i.enter.bind(i),
+      scaleAt: i.scaleAt.bind(i),
+      move: i.move.bind(i),
+      exit: i.exit.bind(i),
+      state$: s,
       get state() {
-        return r.getValue()?.value ?? i;
+        return i.value;
       }
     }
   };
-}, Gt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
-class Mo {
+}, qt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
+class Co {
   constructor() {
-    this.navigationSubject = new st(1), this.viewportStateSubject = new W("free"), this.paginationSubject = new st(), this.navigationIsLockedSubject = new W(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
+    this.navigationSubject = new st(1), this.viewportStateSubject = new H("free"), this.paginationSubject = new st(), this.navigationIsLockedSubject = new H(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       z(),
       L((e) => !e)
     ), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
@@ -3536,11 +3489,11 @@ class Mo {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-class Co extends ce {
+class Eo extends ce {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new Mo(), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new Co(), this.manifest$ = this.pipe(
       K((e) => e.manifest),
       se(le),
       pe()
@@ -3551,7 +3504,7 @@ class Co extends ce {
       ...t,
       ...e,
       ...e.manifest && {
-        isFullyPrePaginated: Gt(i),
+        isFullyPrePaginated: qt(i),
         assumedRenditionLayout: i?.renditionLayout ?? "reflowable"
       }
     };
@@ -3564,7 +3517,7 @@ class Co extends ce {
     return this.manifest?.readingDirection;
   }
 }
-class Eo extends ce {
+class Do extends ce {
   constructor(e, t) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3581,7 +3534,7 @@ class Eo extends ce {
         renditionLayout: i?.renditionLayout,
         computedPageTurnMode: s
       })),
-      z(N),
+      z(V),
       S(
         ({
           hasVerticalWriting: i,
@@ -3599,7 +3552,7 @@ class Eo extends ce {
     ).subscribe(this.next.bind(this));
   }
 }
-class Do {
+class Ro {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3630,7 +3583,7 @@ class Do {
       (r) => e === r.name
     ).map((r) => {
       let a = () => v(void 0);
-      const c = new j(), u = (g) => {
+      const c = new R(), u = (g) => {
         a = g;
       }, l = () => (c.next(), c.complete(), a() ?? v(void 0)), d = r.runFn({
         // biome-ignore lint/suspicious/noExplicitAny: TODO
@@ -3661,30 +3614,30 @@ class Do {
     return k(s);
   }
 }
-const Ro = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}", Ao = (n) => ({
+const Ao = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", Oo = (n) => ({
   x: -n.x,
   y: -n.y
-}), Oo = (n) => n instanceof DOMMatrix ? new M({
+}), No = (n) => n instanceof DOMMatrix ? new M({
   x: -n.e,
   y: -n.f
 }) : new M({
   x: -n.x,
   y: -n.y
-}), No = "navigation/ViewportNavigator", yt = E.namespace(No);
-class Vo extends B {
+}), Vo = "navigation/ViewportNavigator", yt = D.namespace(Vo);
+class jo extends X {
   constructor(e, t, i, o, s) {
-    super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new j(), this.element$ = new W(
+    super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new R(), this.element$ = new H(
       document.createElement("div")
     );
     const r = this.spine.element$.pipe(
       L(Ge),
-      A(this.element$),
-      P(([l, d]) => {
+      O(this.element$),
+      x(([l, d]) => {
         d.style.cssText = `
           height: 100%;
           width: 100%;
           position: relative;
-        `, d.className = `${G}-controlled-navigator`, d.innerHTML = "", d.appendChild(l), this.viewport.value.element.appendChild(d), this.element$.next(d);
+        `, d.className = `${W}-controlled-navigator`, d.innerHTML = "", d.appendChild(l), this.viewport.value.element.appendChild(d), this.element$.next(d);
       })
     ), a = e.watch([
       "computedPageTurnDirection",
@@ -3694,18 +3647,18 @@ class Vo extends B {
       a,
       this.element$
     ]).pipe(
-      P(([, l]) => {
+      x(([, l]) => {
         e.values.computedPageTurnMode === "scrollable" ? l.style.display = "contents" : l.style.display = "block";
       })
     );
     this.layout$ = c.pipe(
-      P(() => {
+      x(() => {
         yt.info("layout", e.values);
       }),
-      D()
+      E()
     );
     const u = this.navigateSubject.pipe(
-      P((l) => {
+      x((l) => {
         yt.info("Navigation requested", l);
       })
     );
@@ -3718,10 +3671,10 @@ class Vo extends B {
       })),
       w((l) => {
         const d = this.element$.getValue();
-        return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), x(
+        return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), P(
           v(!0),
           v(null).pipe(
-            Pe(() => {
+            $e(() => {
               if (l?.type !== "manualAdjust") return v(!1);
               const g = l.animation === "snap" ? e.values.snapAnimationDuration : e.values.computedPageTurnAnimationDuration, h = l.animation === "snap" ? "slide" : e.values.computedPageTurnAnimation;
               return v(l).pipe(
@@ -3733,8 +3686,8 @@ class Vo extends B {
                  * anything for x ms while we effectively adjust. We want it to be immediate.
                  * However when user is repeatedly turning page, we can improve smoothness by delaying a bit the adjustment
                  */
-                l.shouldAnimate ? ve(1, re) : we,
-                P((p) => {
+                l.shouldAnimate ? we(1, re) : Pe,
+                x((p) => {
                   const m = this.element$.getValue();
                   p.shouldAnimate ? h === "fade" ? (m.style.setProperty(
                     "transition",
@@ -3752,16 +3705,16 @@ class Vo extends B {
                  * need to adjust to anchor to the payload position. This is because we use viewport computed position,
                  * not the value set by `setProperty`
                  */
-                P((p) => {
+                x((p) => {
                   h !== "fade" && this.setViewportPosition(p.position);
                 }),
-                l.shouldAnimate ? ve(g / 2, re) : we,
-                P((p) => {
+                l.shouldAnimate ? we(g / 2, re) : Pe,
+                x((p) => {
                   const m = this.element$.getValue();
                   h === "fade" && (this.setViewportPosition(p.position), m.style.setProperty("opacity", "1"));
                 }),
-                l.shouldAnimate ? ve(g / 2, re) : we,
-                P((p) => {
+                l.shouldAnimate ? we(g / 2, re) : Pe,
+                x((p) => {
                   h === "fade" && this.setViewportPosition(p.position);
                 })
               );
@@ -3772,7 +3725,7 @@ class Vo extends B {
       }),
       ee(!1),
       J(1)
-    ), x(r, this.isNavigating$, this.layout$).pipe(T(this.destroy$)).subscribe();
+    ), P(r, this.isNavigating$, this.layout$).pipe(T(this.destroy$)).subscribe();
   }
   /**
    * Programmatically set the viewport position.
@@ -3783,7 +3736,7 @@ class Vo extends B {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = Ao(e);
+    const t = this.element$.getValue(), i = Oo(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3798,21 +3751,21 @@ class Vo extends B {
     if (!i || i === "none")
       return new M({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return Oo(o);
+    return No(o);
   }
 }
-class jo {
+class ko {
   constructor(e) {
     this.x = e.x, this.y = e.y;
   }
 }
-class St extends jo {
+class St extends ko {
 }
-class ko extends ce {
+class Uo extends ce {
   constructor(e, t, i, o, s) {
     super({
       element: void 0
-    }), this.viewport = e, this.settings = t, this.hookManager = i, this.spine = o, this.context = s, this.navigateSubject = new j(), this.scrollingSubject = new W(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({
+    }), this.viewport = e, this.settings = t, this.hookManager = i, this.spine = o, this.context = s, this.navigateSubject = new R(), this.scrollingSubject = new H(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({
       position: d
     }) => {
       const g = this.value.element;
@@ -3822,46 +3775,46 @@ class ko extends ce {
         left: h.x,
         top: h.y,
         behavior: "instant"
-      }), $e(1).pipe(
-        P(() => {
+      }), Te(1).pipe(
+        x(() => {
           this.scrollingSubject.next(!1);
         }),
-        T(x(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
+        T(P(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
       ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
     };
     const r = this.context.pipe(
       et(["rootElement"]),
-      P(({ rootElement: d }) => {
+      x(({ rootElement: d }) => {
         if (!d) return;
         const g = document.createElement("div");
-        g.setAttribute(`data-${ri}`, ""), g.appendChild(this.viewport.value.element), d.appendChild(g), this.update({ element: g });
+        g.setAttribute(`data-${si}`, ""), g.appendChild(this.viewport.value.element), d.appendChild(g), this.update({ element: g });
       })
     ), a = k([
       t.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      P(([{ computedPageTurnMode: d }, g]) => {
+      x(([{ computedPageTurnMode: d }, g]) => {
         g && (d === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
       })
-    ), c = this.navigateSubject.pipe(P(this.setViewportPosition));
+    ), c = this.navigateSubject.pipe(x(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
       ee(!1),
-      w(() => x(v(!0), v(!1))),
+      w(() => P(v(!0), v(!1))),
       J(1)
     );
-    const u = x(
+    const u = P(
       o.element$.pipe(
         L(le),
         w((d) => tt(d))
       ),
       o.element$.pipe(
         L(le),
-        w((d) => Y(d, "scroll"))
+        w((d) => q(d, "scroll"))
       ),
       o.spineItemsObserver.itemResize$
     ).pipe(
       w(
-        () => $e(10).pipe(
+        () => Te(10).pipe(
           S(() => !1),
           ee(!0)
         )
@@ -3882,8 +3835,8 @@ class ko extends ce {
       w(
         (d) => t.watch(["computedPageTurnMode"]).pipe(
           w(
-            ({ computedPageTurnMode: g }) => g === "controlled" ? ge : Y(d, "scroll").pipe(
-              A(l),
+            ({ computedPageTurnMode: g }) => g === "controlled" ? ge : q(d, "scroll").pipe(
+              O(l),
               L(
                 ([, h]) => !h
               ),
@@ -3892,8 +3845,8 @@ class ko extends ce {
           )
         )
       ),
-      D()
-    ), x(r, a, c).pipe(T(this.destroy$)).subscribe();
+      E()
+    ), P(r, a, c).pipe(T(this.destroy$)).subscribe();
   }
   update(e) {
     this.mergeCompare(e);
@@ -3923,7 +3876,7 @@ class ko extends ce {
     });
   }
 }
-const Uo = () => (n) => n.pipe(
+const zo = () => (n) => n.pipe(
   S(({ navigation: e, pagination: t, ...i }) => ({
     navigation: {
       ...e,
@@ -3931,8 +3884,8 @@ const Uo = () => (n) => n.pipe(
     },
     ...i
   }))
-), zo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
-  A(e),
+), Wo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
+  O(e),
   L(
     ([i, o]) => i.navigationId === o.id
   ),
@@ -3948,7 +3901,7 @@ const Uo = () => (n) => n.pipe(
       navigation: o
     }))
   )),
-  Uo(),
+  zo(),
   z(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3960,7 +3913,7 @@ const Uo = () => (n) => n.pipe(
       }
     })
   )
-), Wo = ({ navigationResolver: n }) => (e) => e.pipe(
+), _o = ({ navigationResolver: n }) => (e) => e.pipe(
   S(([t, i]) => {
     const o = {
       type: "api",
@@ -3992,7 +3945,7 @@ const Uo = () => (n) => n.pipe(
       navigation: o
     };
   })
-), _o = ({ navigationResolver: n }) => (e) => e.pipe(
+), Ho = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.cfi) {
       const i = n.getNavigationForCfi(
@@ -4009,16 +3962,16 @@ const Uo = () => (n) => n.pipe(
     }
     return t;
   })
-), Ho = ({
+), Bo = ({
   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", Bo = ({
+}) => n.directionFromLastNavigation ? n.directionFromLastNavigation : n.url !== void 0 || n.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || n.spineItem || !n.position ? "forward" : t.values.computedPageTurnDirection === "vertical" ? n.position.y > e.position.y || n.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(n.position.x) > Math.abs(e.position.x) || n.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Xo = ({
   context: n,
   settings: e
 }) => (t) => t.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const s = Ho({
+    const s = Bo({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -4032,7 +3985,7 @@ const Uo = () => (n) => n.pipe(
       direction: s
     };
   })
-), Xo = ({
+), Yo = ({
   spineItemsManager: n,
   navigationResolver: e,
   settings: t
@@ -4117,8 +4070,8 @@ const Uo = () => (n) => n.pipe(
         position: F,
         threshold: d,
         restrictToScreen: !1
-      }), R = l === "forward" || l === "anchor" ? $?.beginIndex : $?.endIndex;
-      return e.get(R);
+      }), A = l === "forward" || l === "anchor" ? $?.beginIndex : $?.endIndex;
+      return e.get(A);
     }
     return a && g === "scrollable" ? i.getSpineItemFromPosition(a) : e.get(0);
   };
@@ -4201,7 +4154,7 @@ const Uo = () => (n) => n.pipe(
       ...a
     }))
   );
-}, Yo = ({ navigationResolver: n }) => (e) => e.pipe(
+}, qo = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.url) {
       const i = n.getNavigationForUrl(
@@ -4220,9 +4173,9 @@ const Uo = () => (n) => n.pipe(
     return t;
   })
 );
-class Zt {
+class Gt {
   constructor() {
-    this.isLockedSubject = new W(0), this.isLocked$ = this.isLockedSubject.pipe(
+    this.isLockedSubject = new H(0), this.isLocked$ = this.isLockedSubject.pipe(
       S((e) => !!e),
       z()
     );
@@ -4234,7 +4187,7 @@ class Zt {
     };
   }
 }
-const qo = ({
+const Go = ({
   spineLocator: n,
   navigation: e,
   navigationResolver: t,
@@ -4291,7 +4244,7 @@ const qo = ({
       return c ? t.getNavigationForPosition(e.position) : t.getNavigationForSpineIndexOrId(s);
     })
   ) : v(new M({ x: 0, y: 0 }));
-}, Go = ({
+}, Zo = ({
   navigation: n,
   spineLocator: e,
   spineItemsManager: t,
@@ -4360,7 +4313,7 @@ const qo = ({
     }
   }
   return n.position;
-}, Zo = ({
+}, Jo = ({
   navigation: n,
   spineItemsManager: e,
   settings: t,
@@ -4368,7 +4321,7 @@ const qo = ({
   navigationResolver: o,
   spine: s
 }) => t.values.computedPageTurnMode === "scrollable" ? v(
-  Go({
+  Zo({
     navigation: n,
     spineLocator: i,
     navigationResolver: o,
@@ -4376,7 +4329,7 @@ const qo = ({
     spineItemsManager: e,
     spine: s
   })
-) : qo({
+) : Go({
   navigation: n,
   spineLocator: i,
   navigationResolver: o,
@@ -4388,7 +4341,7 @@ const qo = ({
   context: t,
   spine: i
 }) => (o) => o.pipe(
-  w((s) => Zo({
+  w((s) => Jo({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4405,10 +4358,10 @@ const qo = ({
       }
     }))
   ))
-), Jo = "navigation/InternalNavigator", Ko = E.namespace(Jo);
-class Qo extends B {
+), Ko = "navigation/InternalNavigator", Qo = D.namespace(Ko);
+class es extends X {
   constructor(e, t, i, o, s, r, a, c) {
-    super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.controlledNavigationController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isUserLocked$ = c, this.navigationSubject = new W({
+    super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.controlledNavigationController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isUserLocked$ = c, this.navigationSubject = new H({
       animation: !1,
       position: new M({ x: 0, y: 0 }),
       meta: {
@@ -4423,30 +4376,30 @@ class Qo extends B {
         id: I
       })),
       z(
-        ({ position: f, ...I }, { position: b, ...F }) => N(I, F) && N(f, b)
+        ({ position: f, ...I }, { position: b, ...F }) => V(I, F) && V(f, b)
       ),
       J(1)
-    ), this.locker = new Zt();
+    ), this.locker = new Gt();
     const u = i.pipe(
-      A(this.navigationSubject),
-      Wo({
+      O(this.navigationSubject),
+      _o({
         navigationResolver: r
       }),
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Yo({
+      qo({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      _o({
+      Ho({
         navigationResolver: r
       }),
-      Bo({ context: t, settings: e }),
+      Xo({ context: t, settings: e }),
       It({
         navigationResolver: r,
         settings: e,
@@ -4463,16 +4416,16 @@ class Qo extends B {
         spine: a
       })
     ).pipe(
-      Xo({
+      Yo({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager,
         settings: e
       }),
-      A(c),
+      O(c),
       w(([f, I]) => {
         const b = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || I;
         return v(f).pipe(
-          b ? we : vt({
+          b ? Pe : vt({
             navigationResolver: r,
             settings: e,
             spine: a,
@@ -4487,9 +4440,9 @@ class Qo extends B {
         navigationResolver: r
       }),
       S((f) => f.navigation),
-      D()
+      E()
     ), l = u.pipe(
-      A(c),
+      O(c),
       L(([, f]) => f),
       w(([f]) => {
         const I = this.locker.lock();
@@ -4508,8 +4461,8 @@ class Qo extends B {
           T(u)
         );
       }),
-      D()
-    ), d = x(
+      E()
+    ), d = P(
       o.layout$,
       a.layout$
     ).pipe(
@@ -4532,10 +4485,10 @@ class Qo extends B {
          * it has been controlled outside.
          */
         T(
-          x(l, u)
+          P(l, u)
         )
       ))
-    ), g = x(
+    ), g = P(
       d,
       l
     ).pipe(
@@ -4579,18 +4532,18 @@ class Qo extends B {
         navigationResolver: r
       }),
       S(({ navigation: f }) => f),
-      D()
-    ), h = zo(
+      E()
+    ), h = Wo(
       t,
       this.navigationSubject,
       a
-    ), p = x(
+    ), p = P(
       g,
       u,
       h
     ), m = (f) => f.pipe(
-      P(([I, b]) => {
-        Ko.info(
+      x(([I, b]) => {
+        Qo.info(
           `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
             previousNavigation: b,
@@ -4599,30 +4552,30 @@ class Qo extends B {
         ), this.navigationSubject.next(I);
       })
     ), y = (f) => f.pipe(
-      P(([I, b]) => {
-        const F = I.type === "scroll", $ = I.meta.triggeredBy === "pagination", R = I.meta.triggeredBy === "restoration", X = N(
+      x(([I, b]) => {
+        const F = I.type === "scroll", $ = I.meta.triggeredBy === "pagination", A = I.meta.triggeredBy === "restoration", Y = V(
           b.position,
           I.position
         );
-        if (F && !R || $ || X)
+        if (F && !A || $ || Y)
           return;
-        const H = {
+        const B = {
           position: I.position,
           animation: I.animation
         };
-        e.values.computedPageTurnMode === "scrollable" ? this.scrollNavigationController.navigate(H) : this.controlledNavigationController.navigate({
-          ...H,
+        e.values.computedPageTurnMode === "scrollable" ? this.scrollNavigationController.navigate(B) : this.controlledNavigationController.navigate({
+          ...B,
           /**
            * @important
            * Explicitly trust the unbound position to be valid at this point.
            * Thanks to consolidation and restoration.
            */
-          position: M.from(H.position)
+          position: M.from(B.position)
         });
       })
     );
     p.pipe(
-      A(this.navigationSubject),
+      O(this.navigationSubject),
       /**
        * @important
        *
@@ -4639,7 +4592,7 @@ class Qo extends B {
     return this.navigationSubject.getValue();
   }
 }
-const Te = (n, e, t) => {
+const Fe = (n, e, t) => {
   const i = t - n, o = t * (e * n) / (t || 1);
   return Math.max(0, Math.min(i, o));
 }, Xe = (n, e) => (e || 0) === 0 || (n || 0) === 0 ? 1 : Math.floor(Math.max(1, n / e)), Ve = (n, e, t) => {
@@ -4648,14 +4601,14 @@ const Te = (n, e, t) => {
 }, wt = (n, e, t) => {
   const i = [...Array(t)].map((o, s) => s * e);
   return n <= 0 || t === 0 ? 0 : n >= t * e ? t - 1 : i.findIndex((o) => n < o + e) ?? 0;
-}, es = ({
+}, ts = ({
   itemWidth: n,
   itemHeight: e,
   spineItemPosition: t
 }) => new C({
   x: Math.min(n, Math.max(0, t.x)),
   y: Math.min(e, Math.max(0, t.y))
-}), Jt = ({
+}), Zt = ({
   itemHeight: n,
   itemWidth: e,
   isUsingVerticalWriting: t,
@@ -4663,7 +4616,7 @@ const Te = (n, e, t) => {
   pageHeight: o,
   pageTurnDirection: s,
   pageTurnMode: r
-}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Xe(n, o) : Xe(e, i), xt = ({
+}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Xe(n, o) : Xe(e, i), Pt = ({
   itemWidth: n,
   itemHeight: e,
   position: t,
@@ -4674,11 +4627,11 @@ const Te = (n, e, t) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const l = es({
+  const l = ts({
     spineItemPosition: t,
     itemHeight: e,
     itemWidth: n
-  }).x, d = Jt({
+  }).x, d = Zt({
     isUsingVerticalWriting: i,
     itemHeight: e,
     itemWidth: n,
@@ -4691,7 +4644,7 @@ const Te = (n, e, t) => {
     return wt(t.y, s, d);
   const g = wt(l, o, d);
   return c ? d - 1 - g : g;
-}, ts = ({
+}, ns = ({
   pageIndex: n,
   itemLayout: e,
   context: t,
@@ -4699,7 +4652,7 @@ const Te = (n, e, t) => {
   viewport: o
 }) => {
   if (i) {
-    const r = Te(
+    const r = Fe(
       o.pageSize.height,
       n,
       e.height
@@ -4709,7 +4662,7 @@ const Te = (n, e, t) => {
       y: r
     });
   }
-  const s = Te(
+  const s = Fe(
     o.pageSize.width,
     n,
     e.width
@@ -4721,14 +4674,14 @@ const Te = (n, e, t) => {
     x: s,
     y: 0
   });
-}, Kt = ({
+}, Jt = ({
   context: n,
   settings: e,
   viewport: t
 }) => {
   const i = (a, c, u) => {
     let l;
-    a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? l = a.getBoundingClientRect().x : a && (l = (a ? En(a, c) : void 0)?.getBoundingClientRect().x || l);
+    a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? l = a.getBoundingClientRect().x : a && (l = (a ? Cn(a, c) : void 0)?.getBoundingClientRect().x || l);
     const d = u.layout.layoutInfo?.width || 0, g = t.pageSize.width;
     if (l !== void 0) {
       const h = Ve(
@@ -4744,14 +4697,14 @@ const Te = (n, e, t) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => ts({
+    }) => ns({
       context: n,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layout.layoutInfo,
       pageIndex: a,
       viewport: t
     }),
-    getSpineItemPageIndexFromPosition: (a) => xt({
+    getSpineItemPageIndexFromPosition: (a) => Pt({
       ...a,
       isRTL: n.isRTL(),
       pageWidth: t.pageSize.width,
@@ -4761,7 +4714,7 @@ const Te = (n, e, t) => {
     }),
     getSpineItemPageIndexFromNode: (a, c, u) => {
       const l = i(a, c, u), { height: d, width: g } = u.layout.layoutInfo;
-      return l ? xt({
+      return l ? Pt({
         isUsingVerticalWriting: !!u.isUsingVerticalWriting(),
         position: l,
         itemHeight: d,
@@ -4791,36 +4744,36 @@ const Te = (n, e, t) => {
     getSpineItemPagePositionFromSpineItemPosition: (a, c, u) => {
       const { width: l, height: d } = u.layout.layoutInfo, g = t.pageSize.width, h = t.pageSize.height;
       if (!!u.isUsingVerticalWriting()) {
-        const y = Te(
+        const y = Fe(
           h,
           c,
           d
         );
-        return new Re({
+        return new Ae({
           x: a.x,
           y: a.y - y
         });
       }
-      const m = Te(g, c, l);
+      const m = Fe(g, c, l);
       if (n.isRTL()) {
         const y = l - (c + 1) * g;
-        return new Re({
+        return new Ae({
           x: a.x - Math.max(0, y),
           y: a.y
         });
       }
-      return new Re({
+      return new Ae({
         x: a.x - m,
         y: a.y
       });
     }
   };
-}, ns = ({
+}, is = ({
   context: n,
   settings: e,
   viewport: t
 }) => {
-  const i = Kt({
+  const i = Jt({
     context: n,
     settings: e,
     viewport: t
@@ -4844,7 +4797,7 @@ const Te = (n, e, t) => {
     ) || new C({ x: 0, y: 0 })
   };
 };
-function Qt({
+function Kt({
   position: n,
   isRTL: e,
   spineItemsManager: t,
@@ -4869,7 +4822,7 @@ function Qt({
     y: u
   });
 }
-const Pt = ({
+const xt = ({
   position: n,
   isRTL: e,
   pageSizeHeight: t,
@@ -4877,7 +4830,7 @@ const Pt = ({
   visibleAreaRectWidth: o,
   spine: s
 }) => {
-  const r = Qt({
+  const r = Kt({
     position: n,
     isRTL: e,
     spineItemsManager: i,
@@ -4930,7 +4883,7 @@ const Pt = ({
     });
   }
   return new M({ x: 0, y: 0 });
-}, is = ({
+}, os = ({
   pageIndex: n,
   spineItemsManager: e,
   spineItemId: t,
@@ -4960,28 +4913,28 @@ const Pt = ({
     pageSizeWidth: s.pageSize.width,
     visibleAreaRectWidth: s.absoluteViewport.width
   });
-}, os = (n, e) => {
+}, ss = (n, e) => {
   if (e && e instanceof HTMLIFrameElement)
     return n.startsWith("#") ? e.contentDocument?.getElementById(
       n.replace("#", "")
     ) : e.contentDocument?.querySelector(n);
-}, ss = ({
+}, rs = ({
   anchor: n,
   spineItem: e,
   spine: t
 }) => {
-  const i = os(
+  const i = ss(
     n,
     e.renderer.getDocumentFrame()
   );
   return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, rs = ({
+}, as = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
   spine: i
 }) => {
-  const o = ss({
+  const o = rs({
     anchor: n,
     spineItem: e,
     spine: i
@@ -4990,7 +4943,7 @@ const Pt = ({
     spineItemPosition: new C({ x: o, y: 0 }),
     spineItem: e
   });
-}, as = ({
+}, cs = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
@@ -4998,7 +4951,7 @@ const Pt = ({
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = rs({
+  const r = as({
     anchor: n,
     spineItem: e,
     spineLocator: t,
@@ -5009,7 +4962,7 @@ const Pt = ({
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, cs = ({
+}, us = ({
   spine: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -5025,7 +4978,7 @@ const Pt = ({
     if (u) {
       const l = e.get(u.id);
       if (l) {
-        const d = as({
+        const d = cs({
           anchor: a.hash,
           spineItem: l,
           spine: n,
@@ -5048,7 +5001,7 @@ const Pt = ({
     console.error(a);
     return;
   }
-}, us = ({
+}, ls = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -5067,7 +5020,7 @@ const Pt = ({
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, ls = "spineNavigator", ds = ({
+}, ds = "spineNavigator", ps = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -5075,13 +5028,13 @@ const Pt = ({
   spine: o,
   viewport: s
 }) => {
-  const r = ns({
+  const r = is({
     context: n,
     settings: i,
     viewport: s
   });
   return {
-    getNavigationForUrl: (h) => cs({
+    getNavigationForUrl: (h) => us({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
@@ -5090,14 +5043,14 @@ const Pt = ({
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (h) => is({
+    getNavigationForSpineItemPage: (h) => os({
       ...h,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (h) => us({
+    getNavigationFromSpineItemPosition: (h) => ls({
       ...h,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
@@ -5109,7 +5062,7 @@ const Pt = ({
         spineItemsManager: e
       });
       if (!p) {
-        E.warn(ls, `unable to detect item id from cfi ${h}`);
+        D.warn(ds, `unable to detect item id from cfi ${h}`);
         return;
       }
       const f = m ? r.getNavigationFromNode(p, m, y) : new C({ x: 0, y: 0 }), I = t.getSpinePositionFromSpineItemPosition({
@@ -5152,7 +5105,7 @@ const Pt = ({
       viewport: s
     }),
     getMostPredominantNavigationForPosition: (h) => {
-      const p = i.values.computedPageTurnDirection, m = 0.5, y = p === "horizontal" ? h.x + s.absoluteViewport.width * m : 0, f = p === "horizontal" ? 0 : h.y + s.absoluteViewport.height * m, I = Pt({
+      const p = i.values.computedPageTurnDirection, m = 0.5, y = p === "horizontal" ? h.x + s.absoluteViewport.width * m : 0, f = p === "horizontal" ? 0 : h.y + s.absoluteViewport.height * m, I = xt({
         position: new M({
           x: y,
           y: f
@@ -5170,7 +5123,7 @@ const Pt = ({
         viewport: s
       });
     },
-    fromUnboundSpinePosition: (h) => Pt({
+    fromUnboundSpinePosition: (h) => xt({
       position: h,
       isRTL: n.isRTL(),
       pageSizeHeight: s.pageSize.height,
@@ -5178,7 +5131,7 @@ const Pt = ({
       spineItemsManager: e,
       spine: o
     }),
-    fromOutOfBoundsSpinePosition: (h) => Qt({
+    fromOutOfBoundsSpinePosition: (h) => Kt({
       position: h,
       isRTL: n.isRTL(),
       spineItemsManager: e,
@@ -5194,7 +5147,7 @@ const Pt = ({
     }),
     spineItemNavigator: r
   };
-}, ps = ({
+}, gs = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5202,26 +5155,26 @@ const Pt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new j(), a = r.asObservable(), c = new Zt(), u = ds({
+  const r = new R(), a = r.asObservable(), c = new Gt(), u = ps({
     context: e,
     settings: o,
     spineItemsManager: n,
     locator: i.locator,
     spine: i,
     viewport: s
-  }), l = new Vo(
+  }), l = new jo(
     o,
     t,
     e,
     i,
     s
-  ), d = new ko(
+  ), d = new Uo(
     s,
     o,
     t,
     i,
     e
-  ), g = new Qo(
+  ), g = new es(
     o,
     e,
     a,
@@ -5238,7 +5191,7 @@ const Pt = ({
   ]).pipe(
     K((y) => y.some((f) => f) ? "busy" : "free"),
     pe(),
-    Me(1)
+    Ce(1)
   );
   return {
     destroy: () => {
@@ -5260,7 +5213,7 @@ const Pt = ({
     navigation$: g.navigation$
   };
 };
-class gs extends ce {
+class hs extends ce {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5278,10 +5231,10 @@ class gs extends ce {
     this.mergeCompare(e);
   }
 }
-class hs extends B {
+class ms extends X {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
-    const r = x(
+    const r = P(
       this.context.bridgeEvent.navigation$,
       o.layout$
     ).pipe(
@@ -5296,8 +5249,8 @@ class hs extends B {
         });
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           Tt(1),
-          A(this.context.bridgeEvent.navigation$),
-          P(([, u]) => {
+          O(this.context.bridgeEvent.navigation$),
+          x(([, u]) => {
             const { position: l } = u, d = this.pagination.value, {
               beginIndex: g,
               endIndex: h
@@ -5312,13 +5265,13 @@ class hs extends B {
             }) ?? {}, { endPageIndex: b = 0 } = c({
               spineItem: m,
               position: l
-            }) ?? {}, F = y === void 0 || Be(y) || d.beginSpineItemIndex !== g, $ = d.endSpineItemIndex !== h || f === void 0 || Be(f), R = F ? he(p.item) : y, X = $ ? he(m.item) : f, H = p.numberOfPages, ie = m.numberOfPages;
+            }) ?? {}, F = y === void 0 || Be(y) || d.beginSpineItemIndex !== g, $ = d.endSpineItemIndex !== h || f === void 0 || Be(f), A = F ? he(p.item) : y, Y = $ ? he(m.item) : f, B = p.numberOfPages, ie = m.numberOfPages;
             this.pagination.update({
-              beginCfi: R,
-              beginNumberOfPagesInSpineItem: H,
+              beginCfi: A,
+              beginNumberOfPagesInSpineItem: B,
               beginPageIndexInSpineItem: I,
               beginSpineItemIndex: g,
-              endCfi: X,
+              endCfi: Y,
               endNumberOfPagesInSpineItem: ie,
               endPageIndexInSpineItem: b,
               endSpineItemIndex: h,
@@ -5328,8 +5281,8 @@ class hs extends B {
         );
       })
     ), a = r.pipe(
-      Ce(this.context.bridgeEvent.viewportFree$),
-      P(() => {
+      Ee(this.context.bridgeEvent.viewportFree$),
+      x(() => {
         const {
           beginSpineItemIndex: c,
           endSpineItemIndex: u,
@@ -5353,24 +5306,24 @@ class hs extends B {
         });
       })
     );
-    x(r, a).pipe(T(this.destroy$)).subscribe();
+    P(r, a).pipe(T(this.destroy$)).subscribe();
   }
 }
-const ms = ({
+const fs = ({
   manifest: n,
   spreadMode: e
 }) => n?.renditionFlow === "scrolled-continuous" ? !1 : e;
-class fs extends B {
+class ys extends X {
   constructor(e) {
     super();
     const t = {
       ...this.getDefaultSettings(),
       ...e
     };
-    this.inputSettings = t, this.outputSettingsUpdateSubject = new j(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(J(1)), this._settings$.subscribe();
+    this.inputSettings = t, this.outputSettingsUpdateSubject = new R(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(J(1)), this._settings$.subscribe();
   }
   _prepareUpdate(e) {
-    const t = xe(this.inputSettings, e), i = this.getOutputSettings(t), o = !N(this.outputSettings, i);
+    const t = xe(this.inputSettings, e), i = this.getOutputSettings(t), o = !V(this.outputSettings, i);
     return {
       hasChanged: o,
       state: i,
@@ -5398,17 +5351,17 @@ class fs extends B {
   watch(e) {
     return this.values$.pipe(
       Nt(e),
-      z(N)
+      z(V)
     );
   }
   destroy() {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class ys extends fs {
+class Ss extends ys {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
-      P(() => this.update(this.values)),
+      x(() => this.update(this.values)),
       T(this.destroy$)
     ).subscribe();
   }
@@ -5418,12 +5371,12 @@ class ys extends fs {
       computedPageTurnAnimation: e.pageTurnAnimation,
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0,
-      computedSpreadMode: ms({
+      computedSpreadMode: fs({
         spreadMode: e.spreadMode,
         manifest: t
       })
     };
-    return t?.renditionFlow === "scrolled-continuous" && (o.computedPageTurnMode = "scrollable"), o.computedPageTurnMode === "scrollable" && (o.computedPageTurnDirection = "vertical"), i && o.computedPageTurnAnimation === "slide" && (E.warn(
+    return t?.renditionFlow === "scrolled-continuous" && (o.computedPageTurnMode = "scrollable"), o.computedPageTurnMode === "scrollable" && (o.computedPageTurnDirection = "vertical"), i && o.computedPageTurnAnimation === "slide" && (D.warn(
       `pageTurnAnimation ${o.computedPageTurnAnimation} incompatible with current book, switching back to default`
     ), o.computedPageTurnAnimation = "none"), o.computedPageTurnMode === "scrollable" ? (o.computedPageTurnAnimationDuration = 0, o.computedPageTurnAnimation = "none") : o.computedPageTurnAnimationDuration = e.pageTurnAnimationDuration !== void 0 ? e.pageTurnAnimationDuration : 300, o;
   }
@@ -5444,7 +5397,7 @@ class ys extends fs {
     };
   }
 }
-class Ss extends fe {
+class Is extends fe {
   onUnload() {
     return Z;
   }
@@ -5463,14 +5416,14 @@ class Ss extends fe {
   getDocumentFrame() {
   }
 }
-class Is extends B {
+class bs extends X {
   constructor(e, t, i, o, s, r, a) {
-    super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new j(), this.lastLayout = null, this.applyDimsAfterLayout = ({
+    super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new R(), this.lastLayout = null, this.applyDimsAfterLayout = ({
       blankPagePosition: c,
       minimumWidth: u
     }) => (l) => l.pipe(
       S((d) => {
-        const g = N(
+        const g = V(
           this.lastLayout?.pageSize,
           this.viewport.pageSize
         ) ? this.lastLayout : void 0, { width: h, height: p } = g ?? {}, { width: m = h, height: y = p } = d ?? {}, { width: f, height: I } = this.viewport.pageSize, b = this.validateDimension(
@@ -5493,7 +5446,7 @@ class Is extends B {
         }), { width: b, height: F };
       })
     ), this.layout = (c) => {
-      const u = Yn(this.layout$.pipe(U()));
+      const u = Xn(this.layout$.pipe(U()));
       return this.layoutTriggerSubject.next(c), u();
     }, this.adjustPositionOfElement = ({
       right: c,
@@ -5515,7 +5468,7 @@ class Is extends B {
           minimumWidth: l,
           spreadPosition: d
         });
-        return x(
+        return P(
           v({ type: "start" }),
           g.pipe(
             this.applyDimsAfterLayout(c),
@@ -5528,11 +5481,11 @@ class Is extends B {
           )
         );
       }),
-      D()
+      E()
     ), this.layout$ = this.layoutProcess$.pipe(
       L((c) => c.type === "end"),
       S((c) => c.data),
-      D()
+      E()
     );
   }
   validateDimension(e, t, i) {
@@ -5548,7 +5501,7 @@ class Is extends B {
     };
   }
 }
-class en extends ce {
+class Qt extends ce {
   constructor(e, t, i, o, s, r, a) {
     super({
       isLoaded: !1,
@@ -5564,7 +5517,7 @@ class en extends ce {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = bs(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = vs(
       t,
       e,
       s
@@ -5580,7 +5533,7 @@ class en extends ce {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new Ss(u), this.layout = new Is(
+    this.renderer = c ? c(u) : new Is(u), this.layout = new bs(
       e,
       this.containerElement,
       i,
@@ -5590,20 +5543,20 @@ class en extends ce {
       this.viewport
     );
     const l = this.renderer.state$.pipe(
-      V((g) => {
+      j((g) => {
         this.mergeCompare({
           isLoaded: g === "loaded"
         });
       })
     ), d = this.layout.layout$.pipe(
-      V(() => {
+      j(() => {
         this.mergeCompare({
           iDirty: !1,
           isReady: this.renderer.state$.value === "loaded"
         });
       })
     );
-    this.needsLayout$ = x(this.unloaded$, this.loaded$), x(
+    this.needsLayout$ = P(this.unloaded$, this.loaded$), P(
       /**
        * @important
        * The order is important here. We want to ensure the state value
@@ -5613,7 +5566,7 @@ class en extends ce {
       l,
       d,
       this.layout.layout$
-    ).pipe(q(this.destroy$)).subscribe();
+    ).pipe(G(this.destroy$)).subscribe();
   }
   /**
    * Renderer loaded + spine item layout done
@@ -5655,7 +5608,7 @@ class en extends ce {
     return this.renderer.renditionLayout;
   }
   get numberOfPages() {
-    return Jt({
+    return Zt({
       isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
       itemHeight: this.layout.layoutInfo.height,
       itemWidth: this.layout.layoutInfo.width,
@@ -5666,22 +5619,22 @@ class en extends ce {
     });
   }
 }
-const bs = (n, e, t) => {
+const vs = (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 vs extends B {
+class ws extends X {
   constructor(e, t, i, o, s) {
-    super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new W([]);
+    super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new H([]);
     const r = this.forcedOpenSubject.pipe(
       S((u) => [...new Set(u.flat())].sort()),
-      z(yn),
+      z(fn),
       J({ bufferSize: 1, refCount: !0 })
     );
-    x(
+    P(
       this.context.bridgeEvent.navigation$,
       this.spineLayout.layout$,
       r,
@@ -5691,8 +5644,8 @@ class vs extends B {
       // Ideally loading faster is better but loading too close to user navigating can
       // be dangerous.
       Se(100, re),
-      Ce(this.context.bridgeEvent.viewportFree$),
-      A(this.context.bridgeEvent.navigation$, r),
+      Ee(this.context.bridgeEvent.viewportFree$),
+      O(this.context.bridgeEvent.navigation$, r),
       S(([, u, l]) => {
         const { numberOfAdjacentSpineItemToPreLoad: d } = o.values, { beginIndex: g = 0, endIndex: h = 0 } = i.getVisibleSpineItemsFromPosition({
           position: u.position,
@@ -5724,7 +5677,7 @@ class vs extends B {
     super.destroy(), this.forcedOpenSubject.complete();
   }
 }
-const tn = (n, e, t) => {
+const en = (n, e, t) => {
   const i = (t.width - e.width) / 2, o = (t.height - e.height) / 2;
   return new ae({
     x: n.x - i,
@@ -5749,7 +5702,7 @@ class ye extends DOMRect {
     return new ye(i.x, i.y, i.width, i.height);
   }
 }
-class ws {
+class Ps {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
@@ -5759,7 +5712,7 @@ class xs {
     this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const Ps = ({
+const $s = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5781,7 +5734,7 @@ const Ps = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, $s = ({
+}, Ts = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5790,7 +5743,7 @@ const Ps = ({
 }) => {
   const s = t / e, r = i / n;
   return o.type === "percentage" ? s >= o.value && r >= o.value : t >= o.value && i >= o.value;
-}, Ts = ({
+}, Fs = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5798,7 +5751,7 @@ const Ps = ({
 }) => {
   const o = n / i.width, s = e / i.height;
   return t.type === "percentage" ? s >= t.value && o >= t.value : e >= t.value && n >= t.value;
-}, nn = ({
+}, tn = ({
   itemPosition: {
     bottom: n,
     left: e,
@@ -5822,14 +5775,14 @@ const Ps = ({
     Math.min(n, g) - Math.max(i, d)
   );
   if (h <= 0 || p <= 0) return { visible: !1 };
-  const y = Ts({
+  const y = Fs({
     threshold: r,
     visibleHeightOfItem: p,
     visibleWidthOfItem: h,
     viewportPosition: a
   });
   return c ? { visible: y } : {
-    visible: $s({
+    visible: Ts({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
@@ -5853,7 +5806,7 @@ const Ps = ({
 }) => new M({
   x: e + n.x,
   y: t + n.y
-}), Fs = ({
+}), Ls = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5868,14 +5821,14 @@ const Ps = ({
     spineLayout: o
   }) || i.get(0), c = i.items.reduce(
     (h, p) => {
-      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? r.absoluteViewport : r.relativeViewport, f = tn(
+      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? r.absoluteViewport : r.relativeViewport, f = en(
         n,
         r.absoluteViewport,
         y
       ), I = ye.from(
         f,
         y
-      ), { visible: b } = nn({
+      ), { visible: b } = tn({
         itemPosition: m,
         threshold: e,
         viewportPosition: I,
@@ -5891,7 +5844,7 @@ const Ps = ({
     beginIndex: d ?? 0,
     endIndex: g ?? 0
   };
-}, Ls = ({
+}, Ms = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5937,12 +5890,12 @@ const Ps = ({
     useAbsoluteViewport: I = !0,
     viewport: b
   }) => {
-    const F = y.numberOfPages, R = Array.from(Array(F)).map((ie, Ie) => {
-      const Ee = t.getSpineItemPositionFromPageIndex({
+    const F = y.numberOfPages, A = Array.from(Array(F)).map((ie, Ie) => {
+      const De = t.getSpineItemPositionFromPageIndex({
         pageIndex: Ie,
         spineItem: y
       }), ue = je({
-        spineItemPosition: Ee,
+        spineItemPosition: De,
         itemLayout: o.getSpineItemSpineLayoutInfo(y)
       });
       return {
@@ -5957,28 +5910,28 @@ const Ps = ({
         }
       };
     }).reduce(
-      (ie, { absolutePosition: Ie, index: Ee }) => {
-        const ue = I ? b.absoluteViewport : b.relativeViewport, on = tn(
+      (ie, { absolutePosition: Ie, index: De }) => {
+        const ue = I ? b.absoluteViewport : b.relativeViewport, nn = en(
           p,
           b.absoluteViewport,
           ue
-        ), sn = ye.from(
-          on,
+        ), on = ye.from(
+          nn,
           ue
-        ), { visible: rn } = nn({
-          viewportPosition: sn,
+        ), { visible: sn } = tn({
+          viewportPosition: on,
           restrictToScreen: f,
           threshold: m,
           itemPosition: Ie
         });
-        return rn ? [...ie, Ee] : ie;
+        return sn ? [...ie, De] : ie;
       },
       []
-    ), X = R[0], H = R[R.length - 1] ?? X;
-    if (!(X === void 0 || H === void 0))
+    ), Y = A[0], B = A[A.length - 1] ?? Y;
+    if (!(Y === void 0 || B === void 0))
       return {
-        beginPageIndex: X,
-        endPageIndex: H
+        beginPageIndex: Y,
+        endPageIndex: B
       };
   };
   return {
@@ -5995,7 +5948,7 @@ const Ps = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (p) => Ps({
+    _getAbsolutePageIndexFromPageIndex: (p) => $s({
       ...p,
       spineItemsManager: n
     }),
@@ -6036,7 +5989,7 @@ const Ps = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (p) => Fs({
+    getVisibleSpineItemsFromPosition: (p) => Ls({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -6059,10 +6012,10 @@ const Ps = ({
       });
     }
   };
-}, Ms = E.namespace("spine"), Cs = ({
+}, Cs = D.namespace("spine"), Es = ({
   position: n,
   pageSize: e
-}) => new vi({
+}) => new bi({
   ...n,
   left: n.x,
   top: n.y,
@@ -6071,12 +6024,12 @@ const Ps = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class Es extends ce {
+class Ds extends ce {
   constructor(e, t, i, o, s, r) {
     super({ pages: [] }), this.spineLayout = e, this.spineItemsManager = t, this.spineItemLocator = i, this.context = o, this.locator = s, this.viewport = r, this.fromSpineItemPageIndex = (a, c) => this.value.pages.find(
       (u) => u.itemIndex === a.index && u.pageIndex === c
     ), this.fromAbsolutePageIndex = (a) => this.value.pages.reduce((c, u) => c || (u.absolutePageIndex === a ? u : c), void 0), this.observeFromAbsolutePageIndex = (a) => this.pipe(S(() => this.fromAbsolutePageIndex(a))), this.layout$ = e.layout$.pipe(
-      A(r),
+      O(r),
       w(([, { pageSize: a }]) => {
         const c = t.items.reduce(
           (l, d, g) => {
@@ -6089,11 +6042,11 @@ class Es extends ce {
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: Cs({
+                absoluteLayout: Es({
                   pageSize: a,
                   position: I
                 }),
-                layout: new bi({
+                layout: new Ii({
                   left: f.x,
                   right: f.x + a.width,
                   top: f.y,
@@ -6120,7 +6073,7 @@ class Es extends ce {
               const p = l.spineItem.renderer?.getDocumentFrame();
               let m;
               p && p?.contentWindow?.document && // very important because it is being used by next functions
-              p.contentWindow.document.body !== null && (m = Mn(
+              p.contentWindow.document.body !== null && (m = Ln(
                 p.contentWindow.document,
                 l.layout
               )), h.next({ ...g, firstVisibleNode: m });
@@ -6128,21 +6081,21 @@ class Es extends ce {
           })
         );
       }),
-      S((a) => (Ms.info("Pages layout", a), { pages: a })),
-      D()
+      S((a) => (Cs.info("Pages layout", a), { pages: a })),
+      E()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class Ds extends B {
+class Rs extends X {
   constructor(e, t) {
     super(), this.spineItemsManager = e, this.spineLocator = t, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       w((i) => {
         const o = i.map(
           (s) => s.isReady$.pipe(S((r) => ({ item: s, isReady: r })))
         );
-        return x(...o);
+        return P(...o);
       }),
-      D()
+      E()
     ), this.itemResize$ = this.spineItemsManager.items$.pipe(
       w((i) => {
         const o = i.map(
@@ -6150,13 +6103,13 @@ class Ds extends B {
             S((r) => ({ entries: r, item: s }))
           )
         );
-        return x(...o);
+        return P(...o);
       }),
-      D()
+      E()
     );
   }
 }
-const Rs = ({
+const As = ({
   horizontalOffset: n,
   verticalOffset: e,
   context: t,
@@ -6189,7 +6142,7 @@ const Rs = ({
           top: I,
           left: b
         });
-        const F = p + b, $ = m + I, R = new _e({
+        const F = p + b, $ = m + I, A = new _e({
           left: b,
           right: F,
           top: I,
@@ -6202,7 +6155,7 @@ const Rs = ({
         return {
           horizontalOffset: F,
           verticalOffset: $,
-          layoutPosition: R
+          layoutPosition: A
         };
       }
       a.layout.adjustPositionOfElement(
@@ -6226,22 +6179,22 @@ const Rs = ({
     })
   );
 };
-class As extends B {
+class Os extends X {
   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(() => {
+    super(), this.spineItemsManager = e, this.context = t, this.settings = i, this.viewport = o, this.layoutSubject = new R(), this.spineItemsRelativeLayouts = [], e.items$.pipe(
+      x(() => {
         this.spineItemsRelativeLayouts = [];
       }),
       w((r) => {
         const a = r.map(
           (u) => u.needsLayout$.pipe(
-            P(() => {
+            x(() => {
               this.layout();
             })
           )
         ), c = r.map(
           (u) => u.loaded$.pipe(
-            P(() => {
+            x(() => {
               u.isUsingVerticalWriting() ? this.context.update({
                 hasVerticalWriting: !0
               }) : this.context.update({
@@ -6250,12 +6203,12 @@ class As extends B {
             })
           )
         );
-        return x(...a, ...c);
+        return P(...a, ...c);
       })
     ).pipe(T(this.destroy$)).subscribe();
-    const s = new W(!1);
+    const s = new H(!1);
     this.layout$ = this.layoutSubject.pipe(
-      P(() => {
+      x(() => {
         this.spineItemsManager.items.forEach((r) => {
           r.markDirty();
         });
@@ -6270,12 +6223,12 @@ class As extends B {
       ),
       Ue(() => {
         s.next(!0);
-        const r = this.context.manifest, a = Gt(r) ?? !1;
-        return O(this.spineItemsManager.items).pipe(
-          gn(
+        const r = this.context.manifest, a = qt(r) ?? !1;
+        return N(this.spineItemsManager.items).pipe(
+          pn(
             (u, l, d) => u.pipe(
               rt(
-                ({ horizontalOffset: g, verticalOffset: h }) => Rs({
+                ({ horizontalOffset: g, verticalOffset: h }) => As({
                   context: this.context,
                   horizontalOffset: g,
                   index: d,
@@ -6307,8 +6260,8 @@ class As extends B {
           })
         );
       }),
-      D()
-    ), x(this.layout$).pipe(T(this.destroy$)).subscribe();
+      E()
+    ), P(this.layout$).pipe(T(this.destroy$)).subscribe();
   }
   layout() {
     this.layoutSubject.next(void 0);
@@ -6333,32 +6286,32 @@ class As extends B {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class Os extends B {
+class Ns extends X {
   constructor(e, t, i, o, s, r, a) {
-    super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new W(
+    super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new H(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new As(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Os(
       i,
       e,
       s,
       a
-    ), this.locator = Ls({
+    ), this.locator = Ms({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: s,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new vs(
+    }), this.spineItemsLoader = new ws(
       this.context,
       i,
       this.locator,
       s,
       this.spineLayout
-    ), this.spineItemsObserver = new Ds(
+    ), this.spineItemsObserver = new Rs(
       i,
       this.locator
-    ), this.pages = new Es(
+    ), this.pages = new Ds(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6368,22 +6321,22 @@ class Os extends B {
     );
     const c = e.watch("rootElement").pipe(
       se(Ge),
-      V((l) => {
+      j((l) => {
         const d = l.ownerDocument.createElement("div");
         d.style.cssText = `
           height: 100%;
           position: relative;
-        `, d.className = `${G}-spine`, this.elementSubject.next(d);
+        `, d.className = `${W}-spine`, this.elementSubject.next(d);
       })
     ), u = k([
       this.context.manifest$,
       this.element$
     ]).pipe(
-      V(([l, d]) => {
+      j(([l, d]) => {
         if (!d) return;
         this.spineItemsManager.destroyItems();
         const g = l.spineItems.map(
-          (h, p) => new en(
+          (h, p) => new Qt(
             h,
             d,
             this.context,
@@ -6396,7 +6349,7 @@ class Os extends B {
         this.spineItemsManager.addMany(g);
       })
     );
-    x(u, c).pipe(q(this.destroy$)).subscribe();
+    P(u, c).pipe(G(this.destroy$)).subscribe();
   }
   get element() {
     return this.elementSubject.getValue();
@@ -6414,9 +6367,9 @@ class Os extends B {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class Ns extends B {
+class Vs extends X {
   constructor(e, t) {
-    super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new W([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
+    super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new H([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
   get(e) {
     return typeof e == "number" ? this.orderedSpineItemsSubject.value[e] : typeof e == "string" ? this.orderedSpineItemsSubject.value.find(
@@ -6428,7 +6381,7 @@ class Ns extends B {
     return i > o ? "after" : i === o ? "same" : "before";
   }
   getSpineItemIndex(e) {
-    const t = e instanceof en ? e : this.get(e);
+    const t = e instanceof Qt ? e : this.get(e);
     if (!t) return;
     const i = this.orderedSpineItemsSubject.value.indexOf(t);
     return i < 0 ? void 0 : i;
@@ -6457,15 +6410,10 @@ class Ns extends B {
     });
   }
 }
-class Vs extends ce {
+class js extends ce {
   constructor(e, t) {
     const i = document.createElement("div");
-    i.style.cssText = `
-        background-color: white;
-        position: relative;
-        height: 100%;
-        width: 100%;
-    `, i.className = si, super({
+    i.setAttribute(`data-${oi}`, ""), super({
       element: i,
       pageSize: {
         width: 1,
@@ -6475,17 +6423,17 @@ class Vs extends ce {
       height: 1
     }), this.context = e, this.settingsManager = t;
     const o = this.settingsManager.watch(["computedSpreadMode"]).pipe(
-      P(() => {
+      x(() => {
         this.mergeCompare({
           pageSize: this.calculatePageSize(this.value)
         });
       })
     ), s = this.context.watch("rootElement").pipe(
-      P(() => {
+      x(() => {
         this.layout();
       })
     );
-    x(o, s).pipe(T(this.destroy$)).subscribe();
+    P(o, s).pipe(T(this.destroy$)).subscribe();
   }
   calculatePageSize(e) {
     const { computedSpreadMode: t } = this.settingsManager.values;
@@ -6505,7 +6453,7 @@ class Vs extends ce {
     });
   }
   get absoluteViewport() {
-    return new ws({
+    return new Ps({
       width: this.value.width,
       height: this.value.height
     });
@@ -6539,12 +6487,12 @@ class Vs extends ce {
     });
   }
 }
-const $t = `${Ut}-core`, js = (n) => {
-  const e = crypto.randomUUID(), t = new j(), i = new j(), o = new Do(), s = new Co(), r = new ys(n, s), a = new Eo(s, r), c = new Ns(s, r), u = new Vs(s, r), l = Kt({
+const $t = `${Ut}-core`, ks = (n) => {
+  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new Ro(), s = new Eo(), r = new Ss(n, s), a = new Do(s, r), c = new Vs(s, r), u = new js(s, r), l = Jt({
     context: s,
     settings: r,
     viewport: u
-  }), d = new gs(s, c), g = new Os(
+  }), d = new hs(s, c), g = new Ns(
     s,
     d,
     c,
@@ -6552,14 +6500,14 @@ const $t = `${Ut}-core`, js = (n) => {
     r,
     o,
     u
-  ), h = ps({
+  ), h = gs({
     context: s,
     spineItemsManager: c,
     hookManager: o,
     spine: g,
     settings: r,
     viewport: u
-  }), p = new hs(
+  }), p = new ms(
     s,
     d,
     c,
@@ -6572,25 +6520,25 @@ const $t = `${Ut}-core`, js = (n) => {
   const m = () => {
     t.next();
   }, y = ($) => {
-    const { containerElement: R, manifest: X } = $;
+    const { containerElement: A, manifest: Y } = $;
     if (s.manifest) {
-      E.warn("loading a new book is not supported yet");
+      D.warn("loading a new book is not supported yet");
       return;
     }
-    E.log("load", { options: $ });
-    const H = ks(R, e);
+    D.log("load", { options: $ });
+    const B = Us(A, e);
     s.update({
-      manifest: X,
-      rootElement: H
+      manifest: Y,
+      rootElement: B
     }), m();
-  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), V(m)), I = t.pipe(
-    V(() => {
+  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), j(m)), I = t.pipe(
+    j(() => {
       const $ = s.value.rootElement;
       $ && ($.style.setProperty("overflow", "hidden"), u.layout(), g.layout());
     }),
-    q(i)
-  ), b = x(I, f).subscribe();
-  Je(document, $t, Ro);
+    G(i)
+  ), b = P(I, f).subscribe();
+  Je(document, $t, Ao);
   const F = () => {
     Ke(document, $t), b.unsubscribe(), c.destroy(), p.destroy(), r.destroy(), d.destroy(), s.destroy(), h.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
@@ -6600,7 +6548,7 @@ const $t = `${Ut}-core`, js = (n) => {
     spine: g,
     hookManager: o,
     cfi: {
-      generateCfiFromRange: ro,
+      generateCfiFromRange: so,
       parseCfi: ot,
       generateCfiForSpineItemPage: ($) => He({
         ...$,
@@ -6641,31 +6589,31 @@ const $t = `${Ut}-core`, js = (n) => {
       destroy$: i
     }
   };
-}, ks = (n, e) => (n.style.cssText = `
+}, Us = (n, e) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${G}-reader`), n.setAttribute(oi, e), n), er = (
+  `, n.classList.add(`${W}-reader`), n.setAttribute(ii, e), n), tr = (
   //__
-  bo(
-    Zn(
-      Oi(
-        xo(
-          Gn(
-            zn(
-              mo(
-                wo(
-                  Lo(
-                    Gi(
-                      Ii(
-                        Vi(
-                          Wn(
-                            vo(
-                              po(
-                                Ei(
-                                  Xn(
+  Io(
+    Gn(
+      Ai(
+        wo(
+          qn(
+            Un(
+              ho(
+                vo(
+                  Mo(
+                    qi(
+                      Si(
+                        Ni(
+                          zn(
+                            bo(
+                              lo(
+                                Ci(
+                                  Bn(
                                     // __
-                                    js
+                                    ks
                                   )
                                 )
                               )
@@ -6683,81 +6631,81 @@ const $t = `${Ut}-core`, js = (n) => {
       )
     )
   )
-), tr = (n) => (e) => n(e);
+), nr = (n) => (e) => n(e);
 export {
   _t as AbstractSpinePosition,
-  Co as Context,
-  Vo as ControlledNavigationController,
-  B as DestroyableClass,
+  Eo as Context,
+  jo as ControlledNavigationController,
+  X as DestroyableClass,
   fe as DocumentRenderer,
-  Eo as Features,
-  oi as HTML_ATTRIBUTE_DATA_READER_ID,
-  si as HTML_ATTRIBUTE_VIEWPORT_CLASSNAME,
-  G as HTML_PREFIX,
-  ri as HTML_PREFIX_SCROLL_NAVIGATOR,
+  Do as Features,
+  ii as HTML_ATTRIBUTE_DATA_READER_ID,
+  W as HTML_PREFIX,
+  si as HTML_PREFIX_SCROLL_NAVIGATOR,
+  oi as HTML_PREFIX_VIEWPORT,
   Ut as HTML_STYLE_PREFIX,
-  Do as HookManager,
-  ii as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
-  Qo as InternalNavigator,
+  Ro as HookManager,
+  ni as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
+  es as InternalNavigator,
   it as LayoutEntry,
-  Zt as Locker,
-  Js as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
-  Gs as PROSE_READER_NAMESPACE,
-  Es as Pages,
-  gs as Pagination,
-  hs as PaginationController,
+  Gt as Locker,
+  Ks as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  Zs as PROSE_READER_NAMESPACE,
+  Ds as Pages,
+  hs as Pagination,
+  ms as PaginationController,
   ce as ReactiveEntity,
   nt as ResourceHandler,
-  lo as ResourcesLocator,
-  ko as ScrollNavigationController,
+  uo as ResourcesLocator,
+  Uo as ScrollNavigationController,
   St as ScrollPosition,
-  fs as SettingsManager,
-  Os as Spine,
-  en as SpineItem,
-  bi as SpineItemPageLayout,
-  vi as SpineItemPageSpineLayout,
+  ys as SettingsManager,
+  Ns as Spine,
+  Qt as SpineItem,
+  Ii as SpineItemPageLayout,
+  bi as SpineItemPageSpineLayout,
   C as SpineItemPosition,
   _e as SpineItemSpineLayout,
-  Ns as SpineItemsManager,
-  Ds as SpineItemsObserver,
+  Vs as SpineItemsManager,
+  Rs as SpineItemsObserver,
   M as SpinePosition,
-  Re as UnboundSpineItemPagePosition,
+  Ae as UnboundSpineItemPagePosition,
   ae as UnboundSpinePosition,
-  Zs as VIEWPORT_ADJUSTMENT_THROTTLE,
-  Vs as Viewport,
-  uo as consolidate,
-  er as createReader,
+  Js as VIEWPORT_ADJUSTMENT_THROTTLE,
+  js as Viewport,
+  co as consolidate,
+  tr as createReader,
   ut as deferIdle,
-  Yn as deferNextResult,
+  Xn as deferNextResult,
   He as generateCfiForSpineItemPage,
-  ro as generateCfiFromRange,
+  so as generateCfiFromRange,
   he as generateRootCfi,
   ct as getAttributeValueFromString,
-  Ys as getBase64FromBlob,
+  qs as getBase64FromBlob,
   Qe as getFrameViewportInfo,
-  Qs as getItemAnchor,
-  Ii as htmlEnhancer,
+  er as getItemAnchor,
+  Si as htmlEnhancer,
   Vt as idle,
-  jn as injectCSS,
+  Vn as injectCSS,
   Ot as isHtmlElement,
-  Nn as isHtmlTagElement,
+  On as isHtmlTagElement,
   Be as isRootCfi,
-  or as isShallowEqual,
-  Ei as layoutEnhancer,
+  sr as isShallowEqual,
+  Ci as layoutEnhancer,
   Nt as mapKeysTo,
-  Xs as observeIntersection,
+  Ys as observeIntersection,
   lt as observeMutation,
   tt as observeResize,
-  po as paginationEnhancer,
+  lo as paginationEnhancer,
   ot as parseCfi,
-  Bs as removeCSS,
+  Xs as removeCSS,
   Yt as resolveCfi,
-  tr as rootEnhancer,
-  Cs as spinePositionToSpineItemSpineLayout,
+  nr as rootEnhancer,
+  Es as spinePositionToSpineItemSpineLayout,
   te as upsertCSSToFrame,
-  kn as waitForFrameLoad,
-  Un as waitForFrameReady,
-  Ce as waitForSwitch,
+  jn as waitForFrameLoad,
+  kn as waitForFrameReady,
+  Ee as waitForSwitch,
   et as watchKeys
 };
 //# sourceMappingURL=index.js.map