@prose-reader/core 1.301.0 → 1.303.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { Report as $n, isShallowEqual as U, shallowMergeIfDefined as Le, getParentPath as Tn, parseContentType as Cn, detectMimeTypeFromName as Qe, arrayEqual as Fn } from "@prose-reader/shared";
-import { isShallowEqual as da } from "@prose-reader/shared";
-import { switchMap as $, of as P, fromEvent as J, take as jt, map as S, from as B, takeUntil as M, defer as Ut, Observable as le, Subject as k, combineLatest as _, merge as C, EMPTY as q, NEVER as ye, tap as F, share as R, BehaviorSubject as ee, distinctUntilChanged as N, filter as L, mergeMap as Se, first as W, endWith as we, catchError as Ae, finalize as be, lastValueFrom as Mn, scheduled as Ln, animationFrameScheduler as xe, skip as zt, exhaustMap as An, debounceTime as et, withLatestFrom as H, throttleTime as En, startWith as Ie, switchScan as Nn, shareReplay as G, defaultIfEmpty as Rn, auditTime as Dn, forkJoin as On, delay as Ee, timer as $e, ReplaySubject as ke, identity as Pe, debounce as Vn, concatMap as kn, timeout as jn } from "rxjs";
-import { switchMap as Q, first as Un, map as pe, distinctUntilChanged as Oe, startWith as zn, shareReplay as _t, tap as z, pairwise as _n, take as Wn, takeUntil as oe, filter as fe, debounceTime as Bn, skip as Wt, mergeMap as Hn, catchError as dt, share as qn } from "rxjs/operators";
-import { generate as qe, parse as Bt, isIndirectionOnly as Xn, isParsedCfiRange as Yn, resolve as Gn } from "@prose-reader/cfi";
-const Zn = "@prose-reader/core", A = $n.namespace(Zn, void 0, {
+import { Report as $n, isShallowEqual as U, shallowMergeIfDefined as Le, getParentPath as Tn, parseContentType as Cn, detectMimeTypeFromName as Qe, getItemSpreadPosition as Fn, arrayEqual as Mn } from "@prose-reader/shared";
+import { isShallowEqual as la } from "@prose-reader/shared";
+import { switchMap as $, of as P, fromEvent as K, take as jt, map as S, from as B, takeUntil as M, defer as Ut, Observable as le, Subject as k, combineLatest as _, merge as C, EMPTY as q, NEVER as ye, tap as F, share as R, BehaviorSubject as te, distinctUntilChanged as E, filter as L, mergeMap as Se, first as W, endWith as we, catchError as Ae, finalize as be, lastValueFrom as Ln, scheduled as An, animationFrameScheduler as xe, skip as zt, exhaustMap as Nn, debounceTime as et, withLatestFrom as H, throttleTime as En, startWith as Ie, switchScan as Rn, shareReplay as Z, defaultIfEmpty as Dn, auditTime as On, forkJoin as Vn, delay as Ne, timer as $e, ReplaySubject as ke, identity as Pe, debounce as kn, concatMap as jn, timeout as Un } from "rxjs";
+import { switchMap as ee, first as zn, map as ge, distinctUntilChanged as Oe, startWith as _n, shareReplay as _t, tap as z, pairwise as Wn, take as Bn, takeUntil as oe, filter as fe, debounceTime as Hn, skip as Wt, mergeMap as qn, catchError as dt, share as Xn } from "rxjs/operators";
+import { generate as qe, parse as Bt, isIndirectionOnly as Yn, isParsedCfiRange as Gn, resolve as Zn } from "@prose-reader/cfi";
+const Jn = "@prose-reader/core", A = $n.namespace(Jn, void 0, {
   color: "#98cde7"
-}), Jn = [
+}), Kn = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -24,23 +24,23 @@ function ne(t, e, n) {
 function Ht(t, e) {
   t.hasAttribute(e) && t.removeAttribute(e);
 }
-function Kn(t, e, n) {
+function Qn(t, e, n) {
   t[e] !== n && (t[e] = n);
 }
-function w(t, e, n) {
+function x(t, e, n) {
   t.getPropertyValue(e) !== n && t.setProperty(e, n);
 }
-function K(t, e) {
+function Q(t, e) {
   t.getPropertyValue(e) !== "" && t.removeProperty(e);
 }
-function Qn(t, e, n) {
+function ei(t, e, n) {
   if ("caretPositionFromPoint" in t)
     return t.caretPositionFromPoint(e, n);
   if ("caretRangeFromPoint" in t && // @ts-expect-error limited availability
   typeof t.caretRangeFromPoint < "u")
     return t.caretRangeFromPoint(e, n);
 }
-const ei = (t, e) => {
+const ti = (t, e) => {
   const n = "createRange" in t ? t : t.ownerDocument;
   if (!n) return;
   const i = "body" in t ? Xe(t.body, e) : Xe(t, e);
@@ -49,10 +49,10 @@ const ei = (t, e) => {
     const s = n.createRange();
     return Array.from(i.childNodes).some((a) => {
       s.selectNodeContents(a);
-      const c = s.getClientRects(), u = ti(c, e);
+      const c = s.getClientRects(), u = ni(c, e);
       if (u) {
         o = s.cloneRange();
-        const d = Qn(
+        const d = ei(
           n,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -82,13 +82,13 @@ const ei = (t, e) => {
 function qt(t, { left: e, right: n }) {
   return t.left <= e && t.right <= e ? "before" : t.left <= e && t.right > e && t.right <= n ? "partially-before" : t.left <= n && t.right > n ? "partially-after" : t.left > n ? "after" : "within";
 }
-function ti(t, e) {
+function ni(t, e) {
   return Array.from(t).find((n) => {
     const i = qt(n, e);
     return i !== "before" && i !== "after";
   });
 }
-const ni = (t, e) => {
+const ii = (t, e) => {
   if (t.nodeType !== Node.CDATA_SECTION_NODE && t.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const n = t.ownerDocument?.createRange();
     n?.selectNodeContents(t);
@@ -110,8 +110,8 @@ const ni = (t, e) => {
     if (e.PointerEvent && t instanceof e.PointerEvent)
       return !0;
   }
-  return !!Jn.includes(t.type);
-}, ii = (t) => {
+  return !!Kn.includes(t.type);
+}, oi = (t) => {
   if (tt(t)) return !1;
   if (t?.target && t?.target?.ownerDocument?.defaultView) {
     const e = t?.target?.ownerDocument?.defaultView;
@@ -124,7 +124,7 @@ const ni = (t, e) => {
       return t instanceof e.MouseEvent;
   }
   return !1;
-}, oi = (t) => {
+}, ri = (t) => {
   if (t?.target && t?.target?.ownerDocument?.defaultView) {
     const e = t?.target?.ownerDocument?.defaultView;
     if (e.TouchEvent)
@@ -136,7 +136,7 @@ const ni = (t, e) => {
       return t instanceof e.TouchEvent;
   }
   return !1;
-}, ri = () => document.createElement("div"), Xt = (t) => {
+}, si = () => document.createElement("div"), Xt = (t) => {
   const e = [
     "img",
     // Images
@@ -152,7 +152,7 @@ const ni = (t, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(t?.querySelectorAll(e) || []);
-}, si = (t) => {
+}, ai = (t) => {
   if (Xt(t).forEach((n) => {
     const i = n.getAttribute("src") || n.getAttribute("href");
     i?.startsWith("blob:") && t?.defaultView?.URL.revokeObjectURL(i);
@@ -193,10 +193,10 @@ function Gt(t) {
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && t.nodeType === Node.ELEMENT_NODE;
 }
-function ai(t, e) {
+function ci(t, e) {
   return Gt(t) && t.tagName.toLowerCase() === e.toLowerCase();
 }
-function ci(t) {
+function ui(t) {
   return Yt(
     t,
     [
@@ -228,9 +228,9 @@ const nt = (t, e, n, i) => {
   if (!n) return 0;
   const i = Number.parseFloat(n);
   return Number.isFinite(i) ? i : 0;
-}, ui = (t, e, n, i) => {
+}, di = (t, e, n, i) => {
   t?.contentDocument?.head && nt(t.contentDocument, e, n, i);
-}, Gs = (t, e) => {
+}, Zs = (t, e) => {
   t?.contentDocument && it(t.contentDocument, e);
 }, de = (t, e, n, i) => {
   if (!t) return;
@@ -241,7 +241,7 @@ const nt = (t, e, n, i) => {
     o.textContent !== n && (o.textContent = n);
     return;
   }
-  ui(t, e, n, i);
+  di(t, e, n, i);
 }, ot = (t) => {
   if (t?.contentDocument) {
     const n = t.contentDocument.querySelector("meta[name='viewport']");
@@ -263,17 +263,17 @@ const nt = (t, e, n, i) => {
     }
   }
   return { hasViewport: !1 };
-}, di = (t) => t.pipe(
-  $((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? P(e) : J(e, "load").pipe(
+}, li = (t) => t.pipe(
+  $((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? P(e) : K(e, "load").pipe(
     jt(1),
     S(() => e)
   ))
-), li = (t) => t.pipe(
+), pi = (t) => t.pipe(
   $((e) => {
     const n = e?.contentDocument?.fonts.ready;
     return n ? B(n).pipe(S(() => e)) : P(e);
   })
-), pi = (t) => (e) => {
+), gi = (t) => (e) => {
   const n = t(e), i = new IntersectionObserver((r) => {
     r.forEach((s) => {
       s.isIntersecting ? Ht(s.target, "tab-index") : ne(s.target, "tab-index", "-1");
@@ -310,7 +310,7 @@ const nt = (t, e, n, i) => {
   }), {
     ...n
   };
-}, gi = (t) => (e) => {
+}, hi = (t) => (e) => {
   const n = t(e);
   return n.context.watch("rootElement").pipe(M(n.context.destroy$)).subscribe((i) => {
     if (!i) return;
@@ -331,7 +331,7 @@ const nt = (t, e, n, i) => {
     clientX: a,
     clientY: c
   };
-}, hi = (t, e, n, i) => {
+}, mi = (t, e, n, i) => {
   const o = e?.view?.frameElement;
   if (!e || !o) return t;
   const r = n.getSpineItemFromIframe(o), s = o, { height: a, width: c } = i.pageSize;
@@ -351,7 +351,7 @@ const nt = (t, e, n, i) => {
       enumerable: !0
     }), l;
   }
-  if (ii(t)) {
+  if (oi(t)) {
     const { clientX: u, clientY: d } = je({
       position: t,
       frameElement: s
@@ -365,7 +365,7 @@ const nt = (t, e, n, i) => {
       enumerable: !0
     }), l;
   }
-  if (oi(t)) {
+  if (ri(t)) {
     const u = Array.from(t.touches).map((l) => {
       const { clientX: g, clientY: h } = je({
         position: l,
@@ -388,7 +388,7 @@ const nt = (t, e, n, i) => {
     }), d;
   }
   return t;
-}, mi = [
+}, fi = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -397,20 +397,20 @@ const nt = (t, e, n, i) => {
   "pointerout",
   "pointerover",
   "pointerup"
-], fi = [
-  ...mi
+], Si = [
+  ...fi
   /*, ...mouseEvents*/
-], Si = (t) => (e) => {
+], yi = (t) => (e) => {
   const n = t(e), i = /* @__PURE__ */ new Map();
   return n.hookManager.register("item.onDocumentLoad", async ({ itemId: o }) => {
     i.get(o)?.(), i.delete(o);
     const r = n.spineItemsManager.get(o), s = r?.renderer.getDocumentFrame();
     if (!s || !r) return;
-    const a = fi.map((u) => {
+    const a = Si.map((u) => {
       const d = (l) => {
         let g = l;
         if (tt(l) && (g = new PointerEvent(l.type, l)), g !== l) {
-          const h = hi(
+          const h = mi(
             g,
             l,
             n.spine.locator,
@@ -431,7 +431,7 @@ const nt = (t, e, n, i) => {
   }), n.hookManager.register("item.onDocumentUnload", async ({ itemId: o }) => {
     i.get(o)?.(), i.delete(o);
   }), n;
-}, Zs = (t) => {
+}, Js = (t) => {
   const e = new FileReader();
   return new Promise((n) => {
     e.addEventListener(
@@ -442,13 +442,13 @@ const nt = (t, e, n, i) => {
       !1
     ), e.readAsDataURL(t);
   });
-}, yi = (t, e) => Object.entries(t).reduce(
+}, Ii = (t, e) => Object.entries(t).reduce(
   (n, [i, o]) => e.includes(i) ? {
     ...n,
     [i]: o
   } : n,
   {}
-), Zt = (t) => pe((e) => yi(e, t)), rt = (t) => (e) => e.pipe(Zt(t), Oe(U));
+), Zt = (t) => ge((e) => Ii(e, t)), rt = (t) => (e) => e.pipe(Zt(t), Oe(U));
 function st(t) {
   return new le((e) => {
     const n = new ResizeObserver((i) => {
@@ -460,13 +460,13 @@ function st(t) {
   });
 }
 const Ve = (t) => (e) => e.pipe(
-  Q(
+  ee(
     (n) => t.pipe(
-      Un(),
-      pe(() => n)
+      zn(),
+      ge(() => n)
     )
   )
-), Ii = (t) => {
+), bi = (t) => {
   let e;
   const n = t.subscribe((i) => {
     e = { result: i };
@@ -488,7 +488,7 @@ function Jt() {
   });
 }
 function pt(t) {
-  return Ut(() => Jt().pipe(Q(t)));
+  return Ut(() => Jt().pipe(ee(t)));
 }
 const gt = (t, e) => new le((n) => {
   const i = new MutationObserver((o) => {
@@ -496,7 +496,7 @@ const gt = (t, e) => new le((n) => {
   });
   return i.observe(t, e), () => i.disconnect();
 });
-function Js(t, e) {
+function Ks(t, e) {
   return new le((n) => {
     const i = new IntersectionObserver((o) => {
       n.next(o);
@@ -518,9 +518,9 @@ class Kt {
       e
     ), this.outputSettingsUpdateSubject = new k(), this.values$ = _([
       this.settingsManager.values$,
-      this.outputSettingsUpdateSubject.pipe(zn(this.outputSettings))
+      this.outputSettingsUpdateSubject.pipe(_n(this.outputSettings))
     ]).pipe(
-      pe(([o, r]) => ({ ...o, ...r })),
+      ge(([o, r]) => ({ ...o, ...r })),
       _t(1)
     ), this.values$.subscribe();
   }
@@ -546,7 +546,7 @@ class Kt {
   }
   watch(e) {
     return Array.isArray(e) ? this.values$.pipe(rt(e)) : this.values$.pipe(
-      pe((n) => n[e]),
+      ge((n) => n[e]),
       Oe(U)
     );
   }
@@ -554,7 +554,7 @@ class Kt {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-let bi = class extends Kt {
+let vi = class extends Kt {
   computeOutputSettings(e) {
     return e;
   }
@@ -580,8 +580,8 @@ let bi = class extends Kt {
     };
   }
 };
-const vi = (t) => (e) => {
-  const { fontScale: n, lineHeight: i, fontWeight: o, fontJustification: r } = e, s = new k(), a = t(e), c = new bi(
+const wi = (t) => (e) => {
+  const { fontScale: n, lineHeight: i, fontWeight: o, fontJustification: r } = e, s = new k(), a = t(e), c = new vi(
     {
       fontScale: n,
       lineHeight: i,
@@ -613,7 +613,7 @@ const vi = (t) => (e) => {
     }
   });
   const l = (g) => g.pipe(
-    _n(),
+    Wn(),
     S(([h, p]) => p.fontScale !== h.fontScale || p.lineHeight !== h.lineHeight)
   );
   return c.values$.pipe(
@@ -627,8 +627,8 @@ const vi = (t) => (e) => {
     },
     settings: c
   };
-}, wi = (t) => (e) => {
-  const n = t(e), i = (o) => J(o, "keyup").pipe(
+}, xi = (t) => (e) => {
+  const n = t(e), i = (o) => K(o, "keyup").pipe(
     S((r) => {
       const { pageTurnDirection: s, computedPageTurnMode: a } = n.settings.values;
       if (a === "scrollable")
@@ -663,7 +663,7 @@ const vi = (t) => (e) => {
     ),
     M(n.$.destroy$)
   ).subscribe(), n;
-}, xi = (t) => t.spine.spineItemsManager.items$.pipe(
+}, Pi = (t) => t.spine.spineItemsManager.items$.pipe(
   $(
     (e) => C(
       ...e.map((n) => n.watch("isLoaded").pipe(
@@ -673,7 +673,7 @@ const vi = (t) => (e) => {
           const r = Array.from(
             i.contentDocument.querySelectorAll("a")
           ).map(
-            (s) => J(s, "click")
+            (s) => K(s, "click")
           );
           return C(...r);
         })
@@ -687,7 +687,7 @@ const vi = (t) => (e) => {
 );
 class re extends le {
   constructor(e) {
-    super((n) => this.stateSubject.pipe(M(this._destroy$)).subscribe(n)), this._destroy$ = new k(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new ee(e), this.state$ = this.stateSubject.asObservable();
+    super((n) => this.stateSubject.pipe(M(this._destroy$)).subscribe(n)), this._destroy$ = new k(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new te(e), this.state$ = this.stateSubject.asObservable();
   }
   next(e) {
     this.stateSubject.next(e);
@@ -702,7 +702,7 @@ class re extends le {
   watch(e) {
     return Array.isArray(e) ? this.stateSubject.pipe(rt(e)) : this.stateSubject.pipe(
       S((n) => n[e]),
-      N(U)
+      E(U)
     );
   }
   get value() {
@@ -846,16 +846,16 @@ const De = class De extends re {
   }
 };
 De.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
-let Ne = De;
-const Pi = (t) => new URL(t.href);
+let Ee = De;
+const $i = (t) => new URL(t.href);
 class at {
   constructor(e, n) {
     this.item = e, this.settings = n;
   }
   async getResource() {
-    return await Mn(
+    return await Ln(
       this.settings.values.getResource?.(this.item) ?? P(void 0)
-    ) ?? Pi(this.item);
+    ) ?? $i(this.item);
   }
   async fetchResource() {
     const e = await this.getResource();
@@ -865,7 +865,7 @@ class at {
 const Qt = (t, e) => {
   const n = t.startsWith("file://"), i = n ? t.replace("file://", "http://") : t, o = new URL(e, i).toString();
   return n ? o.replace("http://", "file://") : o;
-}, $i = async (t, e, n, i, o) => {
+}, Ti = async (t, e, n, i, o) => {
   if (!t || !t.defaultView) return;
   const r = e.sheet;
   if (r)
@@ -882,22 +882,22 @@ const Qt = (t, e) => {
                   return p;
                 const m = p.match(/url\(['"]?([^'"]+)['"]?\)/);
                 if (!m) return p;
-                const f = m[1] ?? "", y = i.manifest?.items.find(({ href: x }) => `${Qt(n, f).toLowerCase()}`.endsWith(
-                  `${x.toLowerCase()}`
+                const f = m[1] ?? "", y = i.manifest?.items.find(({ href: v }) => `${Qt(n, f).toLowerCase()}`.endsWith(
+                  `${v.toLowerCase()}`
                 ));
                 if (y) {
-                  const x = new at(y, o);
+                  const v = new at(y, o);
                   try {
-                    const v = await x.getResource();
-                    if (v instanceof Response) {
-                      const b = await v.blob(), T = t.defaultView?.URL.createObjectURL(b);
+                    const w = await v.getResource();
+                    if (w instanceof Response) {
+                      const b = await w.blob(), T = t.defaultView?.URL.createObjectURL(b);
                       return p.replace(
                         m[0],
                         `url("${T}")`
                       );
                     }
-                  } catch (v) {
-                    console.error("Error loading font:", v);
+                  } catch (w) {
+                    console.error("Error loading font:", w);
                   }
                 }
                 return p;
@@ -913,7 +913,7 @@ const Qt = (t, e) => {
     } catch (s) {
       console.error("Could not access stylesheet rules:", s);
     }
-}, Ti = (t, e, n, i, o) => {
+}, Ci = (t, e, n, i, o) => {
   const r = e.getAttribute("src") || e.getAttribute("href");
   if (!r) return P(null);
   const s = i.manifest?.items.find(({ href: c }) => `${Qt(n, r).toLowerCase()}`.endsWith(
@@ -935,7 +935,7 @@ const Qt = (t, e) => {
         return new le((d) => {
           e.onload = async () => {
             try {
-              e.sheet && await $i(
+              e.sheet && await Ti(
                 t,
                 e,
                 n,
@@ -950,7 +950,7 @@ const Qt = (t, e) => {
       return P(null);
     })
   );
-}, Ci = ({
+}, Fi = ({
   settings: t,
   item: e,
   context: n
@@ -959,7 +959,7 @@ const Qt = (t, e) => {
     const r = Xt(
       o.contentDocument
     ), s = Tn(e.href), a = r.map(
-      (c) => Ti(
+      (c) => Ci(
         o.contentDocument,
         c,
         s,
@@ -969,9 +969,9 @@ const Qt = (t, e) => {
     );
     return a.length === 0 ? P(o) : _(a).pipe(S(() => o));
   })
-), Fi = (t) => {
-  si(t?.contentDocument);
-}, Mi = async (t, e) => {
+), Mi = (t) => {
+  ai(t?.contentDocument);
+}, Li = async (t, e) => {
   if (typeof t == "string")
     return new Blob([t], { type: "text/html" });
   const n = Cn(t.headers.get("Content-Type") || "") || Qe(e.href);
@@ -1024,13 +1024,13 @@ const Qt = (t, e) => {
     );
   }
   return await t.blob();
-}, Li = [
+}, Ai = [
   ".txt",
   ".jpg",
   ".jpeg",
   ".png",
   ".webp"
-], Ai = [
+], Ni = [
   "text/plain",
   "image/jpg",
   "image/jpeg",
@@ -1051,14 +1051,14 @@ const Qt = (t, e) => {
   return (i) => i.pipe(
     $((o) => B(e.getResource()).pipe(
       $((r) => {
-        const s = Li.some(
+        const s = Ai.some(
           (c) => t.href.endsWith(c)
-        ) || t.mediaType && Ai.includes(t.mediaType);
+        ) || t.mediaType && Ni.includes(t.mediaType);
         return r instanceof URL && t.href.startsWith(window.location.origin) && !s ? (Ge(o), o?.setAttribute("src", r.href), P(o)) : (r instanceof URL ? B(e.fetchResource()) : P(r)).pipe(
           $((c) => {
             if (!(c instanceof Response))
               throw new Error("Invalid resource");
-            return Mi(c, t);
+            return Li(c, t);
           }),
           F((c) => {
             n(o, c);
@@ -1072,7 +1072,7 @@ const Qt = (t, e) => {
       })
     ))
   );
-}, Ni = () => {
+}, Ri = () => {
   const t = document.createElement("iframe");
   return t.frameBorder = "no", t.tabIndex = 0, t.setAttribute(
     "sandbox",
@@ -1087,7 +1087,7 @@ const Qt = (t, e) => {
   border: 0px none transparent;
   padding: 0px;
 `, t.setAttribute("role", "main"), t;
-}, Ri = "body{margin:0}html,body{height:100%;width:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{max-width:100%;height:100%;object-fit:contain}", en = ({
+}, Di = "body{margin:0}html,body{height:100%;width:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{max-width:100%;height:100%;object-fit:contain}", en = ({
   pageHeight: t,
   pageWidth: e,
   frameElement: n
@@ -1111,17 +1111,17 @@ const Qt = (t, e) => {
       viewportDimensions: s
     };
   }
-}, ht = /* @__PURE__ */ new WeakMap(), te = (t, e, n) => {
+}, ht = /* @__PURE__ */ new WeakMap(), G = (t, e, n) => {
   t.style.getPropertyValue(e) !== n && t.style.setProperty(e, n);
-}, me = (t, e) => {
+}, pe = (t, e) => {
   t.style.getPropertyValue(e) !== "" && t.style.removeProperty(e);
 }, mt = (t, e) => {
   const n = `${e.width}px`, i = `${e.height}px`;
   t.style.width !== n && (t.style.width = n), t.style.height !== i && (t.style.height = i);
-}, Di = (t, e, n) => {
+}, Oi = (t, e, n) => {
   const i = t.contentDocument?.documentElement;
   i && i.getAttribute(e) !== n && i.setAttribute(e, n);
-}, Oi = ({
+}, Vi = ({
   hasViewportDimensions: t,
   viewportWidth: e,
   viewportHeight: n,
@@ -1141,7 +1141,7 @@ const Qt = (t, e) => {
   s ? "1" : "0",
   a,
   c
-].join("|"), Vi = ({
+].join("|"), ki = ({
   frameElement: t,
   viewportDimensions: e,
   computedScale: n,
@@ -1151,25 +1151,25 @@ const Qt = (t, e) => {
   pageWidth: s
 }) => {
   if (e) {
-    te(t, "position", "absolute"), te(t, "top", "50%"), i === "left" ? (te(t, "right", "0"), me(t, "left")) : o === "before" && r ? (te(t, "right", "50%"), me(t, "left")) : i === "right" ? (te(t, "left", "0"), me(t, "right")) : (te(
+    G(t, "position", "absolute"), G(t, "top", "50%"), o === "before" ? i === "left" ? (G(t, "left", r ? "0" : "50%"), pe(t, "right")) : i === "right" ? (G(t, "right", r ? "50%" : "0"), pe(t, "left")) : (G(t, "left", r ? "25%" : "75%"), pe(t, "right")) : i === "left" ? (G(t, "right", "0"), pe(t, "left")) : i === "right" ? (G(t, "left", "0"), pe(t, "right")) : (G(
       t,
       "left",
-      o === "before" ? r ? "25%" : "75%" : o === "after" ? r ? "75%" : "25%" : "50%"
-    ), me(t, "right"));
-    const a = i !== "none" ? "0" : "-50%", c = i === "right" && o !== "before" ? "left" : i === "left" || o === "before" && r ? "right" : "center";
-    te(
+      o === "after" ? r ? "75%" : "25%" : "50%"
+    ), pe(t, "right"));
+    const a = i !== "none" ? "0" : "-50%", c = o === "before" ? i === "left" ? "left" : i === "right" ? "right" : "center" : i === "right" ? "left" : i === "left" ? "right" : "center";
+    G(
       t,
       "transform",
       `translate(${a}, -50%) scale(${n})`
-    ), te(
+    ), G(
       t,
       "transform-origin",
       `${c} center`
     );
     return;
   }
-  o === "before" ? r ? te(t, "margin-right", `${s}px`) : te(t, "margin-left", `${s}px`) : (me(t, "margin-left"), me(t, "margin-right"));
-}, ki = ({
+  o === "before" ? r ? G(t, "margin-right", `${s}px`) : G(t, "margin-left", `${s}px`) : (pe(t, "margin-left"), pe(t, "margin-right"));
+}, ji = ({
   minPageSpread: t,
   blankPagePosition: e,
   spreadPosition: n,
@@ -1180,7 +1180,7 @@ const Qt = (t, e) => {
 }) => {
   const a = t * o;
   if (r?.contentDocument && r?.contentWindow) {
-    const { viewportDimensions: c, computedScale: u = 1 } = en({ frameElement: r, pageHeight: i, pageWidth: o }) ?? {}, d = !!c, l = o, g = i, h = Oi({
+    const { viewportDimensions: c, computedScale: u = 1 } = en({ frameElement: r, pageHeight: i, pageWidth: o }) ?? {}, d = !!c, l = o, g = i, h = Vi({
       hasViewportDimensions: d,
       viewportWidth: c?.width,
       viewportHeight: c?.height,
@@ -1191,7 +1191,7 @@ const Qt = (t, e) => {
       pageWidth: o,
       pageHeight: i
     });
-    return ht.get(r) === h ? { width: a, height: g } : (ht.set(r, h), Di(
+    return ht.get(r) === h ? { width: a, height: g } : (ht.set(r, h), Oi(
       r,
       "data-prose-reader-html-renderer-has-viewport-dimensions",
       d.toString()
@@ -1201,7 +1201,7 @@ const Qt = (t, e) => {
     }) : mt(r, {
       width: l,
       height: g
-    }), Vi({
+    }), ki({
       frameElement: r,
       viewportDimensions: c,
       computedScale: u,
@@ -1212,7 +1212,7 @@ const Qt = (t, e) => {
     }), { width: a, height: g });
   }
   return { width: a, height: i };
-}, ji = () => `
+}, Ui = () => `
       body {
         margin: 0;
       }
@@ -1229,7 +1229,7 @@ const Qt = (t, e) => {
       html, body {
         touch-action: none;
       }
-    `, Ui = ({
+    `, zi = ({
   isScrollable: t,
   enableTouch: e
 }) => `
@@ -1254,7 +1254,7 @@ const Qt = (t, e) => {
           display: block;
         }
       ` : ""}
-    `, zi = ({
+    `, _i = ({
   width: t,
   columnHeight: e,
   columnWidth: n
@@ -1322,7 +1322,7 @@ const Qt = (t, e) => {
       td {
         max-width: ${n}px;
       }
-    `, _i = ({
+    `, Wi = ({
   isUsingVerticalWriting: t,
   minimumWidth: e,
   pageHeight: n,
@@ -1337,8 +1337,8 @@ const Qt = (t, e) => {
     width: c
   };
 }, Fe = (t, e) => {
-  w(t.style, "width", `${e.width}px`), w(t.style, "height", `${e.height}px`);
-}, Wi = ({
+  x(t.style, "width", `${e.width}px`), x(t.style, "height", `${e.height}px`);
+}, Bi = ({
   pageHeight: t,
   pageWidth: e,
   frameElement: n,
@@ -1352,41 +1352,41 @@ const Qt = (t, e) => {
   isUsingVerticalWriting: d
 }) => {
   const l = r * e, g = i?.renditionLayout === "reflowable" && o === "scrolled-continuous", h = g ? Math.min(400, t) : t;
-  w(n.style, "width", `${e}px`), g ? K(n.style, "height") : w(n.style, "height", `${h}px`);
+  x(n.style, "width", `${e}px`), g ? Q(n.style, "height") : x(n.style, "height", `${h}px`);
   const { viewportDimensions: p, computedScale: m = 1 } = en({
     frameElement: n,
     pageHeight: h,
     pageWidth: e
   }) ?? {}, f = i?.renditionLayout === "pre-paginated";
   if (n?.contentDocument && n?.contentWindow && n.contentDocument.body) {
-    let y = e, x = h;
+    let y = e, v = h;
     if (p?.hasViewport)
       de(
         n,
         "prose-reader-html-renderer-framce-css",
-        ji()
+        Ui()
       ), Fe(n, {
         width: p.width ?? 1,
         height: p.height ?? 1
-      }), w(n.style, "position", "absolute"), w(n.style, "top", "50%"), w(
+      }), x(n.style, "position", "absolute"), x(n.style, "top", "50%"), x(
         n.style,
         "left",
         a === "before" ? s ? "25%" : "75%" : a === "after" ? s ? "75%" : "25%" : "50%"
-      ), w(
+      ), x(
         n.style,
         "transform",
         `translate(-50%, -50%) scale(${m})`
-      ), w(
+      ), x(
         n.style,
         "transform-origin",
         "center center"
       );
     else {
-      const b = c ? Ui({
+      const b = c ? zi({
         isScrollable: o === "scrolled-continuous",
         enableTouch: u
-      }) : zi(
-        _i({
+      }) : _i(
+        Wi({
           isUsingVerticalWriting: d,
           minimumWidth: l,
           pageHeight: h,
@@ -1394,16 +1394,16 @@ const Qt = (t, e) => {
         })
       );
       if (de(n, "prose-reader-css", b, !0), d)
-        x = Math.ceil(
+        v = Math.ceil(
           n.contentDocument.documentElement.scrollHeight / h
         ) * h, Fe(n, {
           width: l,
-          height: x
+          height: v
         });
       else if (o === "scrolled-continuous")
-        x = n.contentDocument.body.scrollHeight, Fe(n, {
+        v = n.contentDocument.body.scrollHeight, Fe(n, {
           width: l,
-          height: x
+          height: v
         });
       else {
         const T = Math.ceil(
@@ -1411,23 +1411,23 @@ const Qt = (t, e) => {
         );
         f ? y = e : y = T * e, Fe(n, {
           width: y,
-          height: x
+          height: v
         });
       }
     }
-    return y % l === 0 ? w(n.style, "margin-left", "0px") : (y = y + e, s && !d && w(
+    return y % l === 0 ? x(n.style, "margin-left", "0px") : (y = y + e, s && !d && x(
       n.style,
       "margin-left",
       `${e}px`
-    )), { width: y, height: x };
+    )), { width: y, height: v };
   }
 };
-class Bi extends Ne {
+class Hi extends Ee {
   constructor() {
     super(...arguments), this.isPrePaginated = () => this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest?.renditionLayout === "pre-paginated", this.isImageType = () => !!(this.item.mediaType ?? Qe(this.item.href))?.startsWith("image/");
   }
   onCreateDocument() {
-    const e = Ni();
+    const e = Ri();
     return this.setDocumentContainer(e), P(e);
   }
   onLoadDocument() {
@@ -1447,16 +1447,16 @@ class Bi extends Ne {
       F((n) => {
         this.prepareFrameForAttach(n), this.attach();
       }),
-      di,
+      li,
       F((n) => {
-        this.isPrePaginated() ? de(n, "prose-reader-css", Ri) : this.isImageType();
+        this.isPrePaginated() ? de(n, "prose-reader-css", Di) : this.isImageType();
       }),
-      Ci({
+      Fi({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      li,
+      pi,
       F((n) => {
         this.revealFrameAfterReady(n);
       })
@@ -1464,7 +1464,7 @@ class Bi extends Ne {
   }
   onUnload() {
     const e = this.getFrameElement();
-    return Fi(e), Ge(e), this.detach(), q;
+    return Mi(e), Ge(e), this.detach(), q;
   }
   onLayout({
     minPageSpread: e,
@@ -1483,7 +1483,7 @@ class Bi extends Ne {
     ) : s.contentDocument?.documentElement.classList.remove(
       "prose-reader-html-renderer-touch-enabled"
     )), this.isPrePaginated()) {
-      const l = ki({
+      const l = ji({
         blankPagePosition: n,
         frameElement: s,
         isRTL: this.context.isRTL(),
@@ -1494,7 +1494,7 @@ class Bi extends Ne {
       });
       return P(l);
     }
-    const c = !!this.writingMode?.startsWith("vertical"), u = this.isImageType(), d = Wi({
+    const c = !!this.writingMode?.startsWith("vertical"), u = this.isImageType(), d = Bi({
       pageHeight: r,
       pageWidth: o,
       frameElement: s,
@@ -1575,13 +1575,13 @@ class Bi extends Ne {
     return this.getFrameElement();
   }
 }
-const Hi = (t) => (e) => {
+const qi = (t) => (e) => {
   const n = t({
     ...e,
     getRenderer(o) {
-      return e.getRenderer?.(o) ?? ((s) => new Bi(s));
+      return e.getRenderer?.(o) ?? ((s) => new Hi(s));
     }
-  }), i = xi(n);
+  }), i = Pi(n);
   return i.pipe(M(n.$.destroy$)).subscribe(), {
     ...n,
     links$: i
@@ -1605,7 +1605,7 @@ class Ue {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
 }
-class qi extends ct {
+class Xi extends ct {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageLayout";
   }
@@ -1615,7 +1615,7 @@ class ze extends ct {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class Xi extends ct {
+class Yi extends ct {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1641,20 +1641,20 @@ class O extends tn {
     return new O(e);
   }
 }
-const Yi = (t, e) => {
+const Gi = (t, e) => {
   const n = e.getBoundingClientRect(), { x: i, y: o } = t, { left: r, top: s } = n, a = n.width / e.offsetWidth, c = n.height / e.offsetHeight, u = i - r, d = o - s;
   return {
     x: u / a,
     y: d / c
   };
-}, Gi = (t, e) => new O(
-  Yi(t, e)
-), Zi = (t) => ({
-  getSpinePositionFromClientPosition: (e) => t.spine.element ? Gi(e, t.spine.element) : void 0
-}), Ji = (t) => {
+}, Zi = (t, e) => new O(
+  Gi(t, e)
+), Ji = (t) => ({
+  getSpinePositionFromClientPosition: (e) => t.spine.element ? Zi(e, t.spine.element) : void 0
+}), Ki = (t) => {
   let e;
   const n = t.context.watch("rootElement").pipe(
-    Q((c) => c ? new le(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
+    ee((c) => c ? new le(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
         position: absolute;
         left: 0;
         top: 0;
@@ -1664,9 +1664,9 @@ const Yi = (t, e) => {
       `, c.appendChild(e), () => {
       e?.remove(), e = void 0;
     })) : ye)
-  ), i = (c) => Ln(c, xe).pipe(
+  ), i = (c) => An(c, xe).pipe(
     z(() => {
-      e && w(
+      e && x(
         e.style,
         "visibility",
         "hidden"
@@ -1674,50 +1674,50 @@ const Yi = (t, e) => {
     })
   ), o = t.context.bridgeEvent.viewportBusy$.pipe(
     z(() => {
-      e && w(
+      e && x(
         e.style,
         "visibility",
         "visible"
       );
     })
   ), r = i(t.viewportFree$).pipe(
-    Wn(1)
+    Bn(1)
   ), a = t.settings.values$.pipe(
-    pe(() => t.settings.values.computedPageTurnMode),
+    ge(() => t.settings.values.computedPageTurnMode),
     Oe()
   ).pipe(
-    Q(
-      (c) => c === "controlled" ? o.pipe(Q(() => r)) : i(P(void 0))
+    ee(
+      (c) => c === "controlled" ? o.pipe(ee(() => r)) : i(P(void 0))
     ),
     oe(t.$.destroy$)
   );
   return C(n, a);
-}, Qs = "@prose-reader/core", ea = 0, ta = 200, j = "prose-reader", Ki = `${j}-style`, Qi = `data-${j}-id`, eo = `${j}-viewport`, to = `${j}-scroll-navigator`, no = `${j}-spine-item`, ft = `--${j}-absolute-viewport-width`, St = `--${j}-absolute-viewport-height`, ut = `${j}-enhancer-loading`, io = `${ut}-container`, oo = `${ut}-logo`, ro = `${ut}-details`, so = ({
+}, ea = "@prose-reader/core", ta = 0, na = 200, j = "prose-reader", Qi = `${j}-style`, eo = `data-${j}-id`, to = `${j}-viewport`, no = `${j}-scroll-navigator`, io = `${j}-spine-item`, ft = `--${j}-absolute-viewport-width`, St = `--${j}-absolute-viewport-height`, ut = `${j}-enhancer-loading`, oo = `${ut}-container`, ro = `${ut}-logo`, so = `${ut}-details`, ao = ({
   container: t,
   item: e
 }) => {
   const n = t.ownerDocument.createElement("div");
-  n.classList.add(io);
+  n.classList.add(oo);
   const i = n.ownerDocument.createElement("div");
-  i.classList.add(oo), i.innerText = "prose";
+  i.classList.add(ro), i.innerText = "prose";
   const o = n.ownerDocument.createElement("div");
-  return o.classList.add(ro), o.setAttribute("data-details-element", "true"), o.innerText = `loading ${e.id}`, n.appendChild(i), n.appendChild(o), n;
-}, ao = (t) => t === "sepia" ? "#939393" : "rgb(202, 202, 202)", yt = ({
+  return o.classList.add(so), o.setAttribute("data-details-element", "true"), o.innerText = `loading ${e.id}`, n.appendChild(i), n.appendChild(o), n;
+}, co = (t) => t === "sepia" ? "#939393" : "rgb(202, 202, 202)", yt = ({
   loadingElement: t,
   theme: e
 }) => {
-  w(
+  x(
     t.style,
     "color",
-    ao(e)
+    co(e)
   );
-}, co = (t) => {
+}, uo = (t) => {
   const e = /* @__PURE__ */ new WeakMap();
   t.hookManager.register(
     "item.onBeforeContainerAttach",
     ({ element: o, item: r }) => {
-      w(o.style, "z-index", "0");
-      const s = so({
+      x(o.style, "z-index", "0");
+      const s = ao({
         container: o,
         item: r
       });
@@ -1735,7 +1735,7 @@ const Yi = (t, e) => {
       const c = a.querySelector(
         "[data-details-element]"
       );
-      c instanceof HTMLElement && Kn(
+      c instanceof HTMLElement && Qn(
         c,
         "innerText",
         s?.toString() ?? "Unknown error"
@@ -1753,12 +1753,12 @@ const Yi = (t, e) => {
     })
   );
   return C(n, i);
-}, uo = (t) => {
+}, lo = (t) => {
   t.hookManager.register("item.onDocumentLoad", async ({ itemId: e }) => {
     const i = t.spineItemsManager.get(e)?.renderer.getDocumentFrame();
     i && ne(i, "scrolling", "no");
   });
-}, lo = (t) => {
+}, po = (t) => {
   t.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: n, minimumWidth: i }) => {
@@ -1768,7 +1768,7 @@ const Yi = (t, e) => {
       const { hasViewport: s } = ot(r), { width: a } = t.viewport.pageSize, c = o?.renderer.getDocumentFrame();
       if (s) {
         const u = a < i;
-        n === "none" && u && c instanceof HTMLIFrameElement && w(
+        n === "none" && u && c instanceof HTMLIFrameElement && x(
           c.style,
           "left",
           t.context.isRTL() ? "75%" : "25%"
@@ -1776,12 +1776,12 @@ const Yi = (t, e) => {
       }
     }
   );
-}, po = (t) => t.spineItemsObserver.states$.pipe(
+}, go = (t) => t.spineItemsObserver.states$.pipe(
   F(({ item: e, isReady: n, isDirty: i }) => {
     e.containerElement.dataset.isDirty = i.toString(), e.containerElement.dataset.isReady = n.toString();
   })
 );
-let go = class extends Kt {
+let ho = class extends Kt {
   computeOutputSettings(e) {
     return e;
   }
@@ -1810,19 +1810,19 @@ let go = class extends Kt {
 const nn = ({
   manifest: t,
   spreadMode: e
-}) => t?.renditionFlow === "scrolled-continuous" ? !1 : e, ho = (t) => t === void 0 || t === "auto" || t === "landscape" || t === "both", on = ({
+}) => t?.renditionFlow === "scrolled-continuous" ? !1 : e, mo = (t) => t === void 0 || t === "auto" || t === "landscape" || t === "both", on = ({
   manifest: t,
   viewport: e
 }) => {
   const n = e.width > e.height;
-  return !!(!n && t?.renditionSpread === "portrait" || n && ho(t?.renditionSpread));
-}, ia = ({
+  return !!(!n && t?.renditionSpread === "portrait" || n && mo(t?.renditionSpread));
+}, oa = ({
   manifest: t,
   viewport: e
 }) => nn({
   manifest: t,
   spreadMode: on({ manifest: t, viewport: e })
-}), mo = (t) => _([
+}), fo = (t) => _([
   t.viewport.watch(["width", "height"]),
   t.context.watch("manifest")
 ]).pipe(
@@ -1834,13 +1834,13 @@ const nn = ({
       })
     })
   )
-), fo = (t) => (e) => {
+), So = (t) => (e) => {
   const {
     pageHorizontalMargin: n,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: r
-  } = e, s = t(e), a = new go(
+  } = e, s = t(e), a = new ho(
     {
       pageHorizontalMargin: n,
       pageVerticalMargin: i,
@@ -1858,12 +1858,12 @@ const nn = ({
       }
     }
   }), s.hookManager.register("item.onBeforeLayout", ({ item: m }) => {
-    const f = s.spineItemsManager.get(m.id), x = !!(m.mediaType ?? Qe(m.href))?.startsWith("image/"), { pageHorizontalMargin: v = 0, pageVerticalMargin: b = 0 } = a.values, T = s.viewport.pageSize;
-    if (f?.renditionLayout === "reflowable" && !x) {
-      let I = T.width - v * 2;
-      const E = T.height - b * 2;
-      let X = T.width - v * 2, Y = v * 2;
-      f.isUsingVerticalWriting() && (X = T.width - v * 2, I = E, Y = b * 2);
+    const f = s.spineItemsManager.get(m.id), v = !!(m.mediaType ?? Qe(m.href))?.startsWith("image/"), { pageHorizontalMargin: w = 0, pageVerticalMargin: b = 0 } = a.values, T = s.viewport.pageSize;
+    if (f?.renditionLayout === "reflowable" && !v) {
+      let I = T.width - w * 2;
+      const N = T.height - b * 2;
+      let X = T.width - w * 2, Y = w * 2;
+      f.isUsingVerticalWriting() && (X = T.width - w * 2, I = N, Y = b * 2);
       const se = f?.renderer.getDocumentFrame();
       se && de(
         se,
@@ -1871,14 +1871,14 @@ const nn = ({
         `
               body {
                 width: ${X}px !important;
-                margin: ${b}px ${v}px !important;
+                margin: ${b}px ${w}px !important;
                 column-gap: ${Y}px !important;
                 column-width: ${I}px !important;
-                height: ${E}px !important;
+                height: ${N}px !important;
               }
               img, video, audio, object, svg {
                 -max-width: ${I}px !important;
-                -max-height: ${E}px !important;
+                -max-height: ${N}px !important;
               }
               table {
                 max-width: ${I}px !important;
@@ -1889,10 +1889,10 @@ const nn = ({
             `
       );
     }
-  }), lo(s), uo(s), s.hookManager.register(
+  }), po(s), lo(s), s.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: m }) => {
-      w(m.style, "opacity", "0"), a.values.layoutLayerTransition && w(
+      x(m.style, "opacity", "0"), a.values.layoutLayerTransition && x(
         m.style,
         "transition",
         "opacity 800ms"
@@ -1906,19 +1906,19 @@ const nn = ({
     fe(({ isReady: m }) => m),
     z(({ item: m }) => {
       const f = m.renderer.documentContainer;
-      f && w(f.style, "opacity", "1");
+      f && x(f.style, "opacity", "1");
     })
   ), u = a.values$.pipe(
     fe(({ layoutAutoResize: m }) => m === "container"),
-    Q(() => s.context.watch("rootElement")),
+    ee(() => s.context.watch("rootElement")),
     fe(ie),
-    Q((m) => st(m)),
-    Bn(100),
+    ee((m) => st(m)),
+    Hn(100),
     fe(ie),
     z(() => {
       s?.layout();
     })
-  ), d = Ji(s);
+  ), d = Ki(s);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     Wt(1),
     z(() => {
@@ -1928,7 +1928,7 @@ const nn = ({
   ).subscribe();
   const l = s.spine.pages.pipe(
     _t({ refCount: !0, bufferSize: 1 })
-  ), g = po(s), h = mo(s), p = co(s);
+  ), g = go(s), h = fo(s), p = uo(s);
   return C(
     c,
     d,
@@ -1945,9 +1945,9 @@ const nn = ({
     settings: a,
     layout$: s.spine.layout$,
     layoutInfo$: l,
-    coordinates: Zi(s)
+    coordinates: Ji(s)
   };
-}, So = (t) => (e) => {
+}, yo = (t) => (e) => {
   const n = t(e), i = new IntersectionObserver(
     (a) => {
       a.forEach((c) => {
@@ -2007,7 +2007,7 @@ const nn = ({
 ), sn = ({
   navigation$: t,
   navigationState$: e
-}) => t.pipe(rn(e)), yo = (t) => sn(t).pipe(zt(1)), Io = (t) => (e) => e.pipe(M(yo(t))), an = (t) => t.navigation.navigation$.pipe(
+}) => t.pipe(rn(e)), Io = (t) => sn(t).pipe(zt(1)), bo = (t) => (e) => e.pipe(M(Io(t))), an = (t) => t.navigation.navigation$.pipe(
   L((e) => e.triggeredBy === "user"),
   rn(t.navigation.navigationState$),
   S((e) => {
@@ -2020,15 +2020,15 @@ const nn = ({
   L((e) => e !== void 0),
   S((e) => ({ boundary: e })),
   R()
-), bo = (t, e) => t.links$.pipe(
+), vo = (t, e) => t.links$.pipe(
   F((n) => {
-    if (!ai(n.target, "a") || n.type !== "click") return;
+    if (!ci(n.target, "a") || n.type !== "click") return;
     const i = new URL(n.target.href), o = `${i.origin}${i.pathname}`;
     t.context.manifest?.spineItems.some(
       (s) => s.href === o
     ) && e.goToUrl(i);
   })
-), ae = A.namespace("navigation"), vo = ({
+), ae = A.namespace("navigation"), wo = ({
   position: t,
   spineItem: e,
   pageHeight: n,
@@ -2060,7 +2060,7 @@ const nn = ({
   const u = o.getSpineItemPositionFromSpinePosition(
     t,
     a
-  ), d = vo({
+  ), d = wo({
     position: u,
     spineItem: a,
     pageHeight: r.pageSize.height,
@@ -2080,7 +2080,7 @@ const nn = ({
     y: t.y - r.pageSize.height,
     x: 0
   });
-}, wo = ({
+}, xo = ({
   position: t,
   spineItem: e,
   context: n,
@@ -2130,7 +2130,7 @@ const nn = ({
     return i.getAdjustedPositionForSpread(d);
   }
   return i.getAdjustedPositionForSpread(u);
-}, xo = ({
+}, Po = ({
   position: t,
   spineItem: e,
   pageHeight: n,
@@ -2162,7 +2162,7 @@ const nn = ({
   const u = o.getSpineItemPositionFromSpinePosition(
     t,
     a
-  ), d = xo({
+  ), d = Po({
     position: u,
     spineItem: a,
     pageHeight: r.pageSize.height,
@@ -2182,7 +2182,7 @@ const nn = ({
     y: t.y + r.pageSize.height,
     x: 0
   });
-}, Po = ({
+}, $o = ({
   position: t,
   spineItem: e,
   context: n,
@@ -2233,7 +2233,7 @@ const nn = ({
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class $o {
+class To {
   constructor(e) {
     this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new V({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2252,7 +2252,7 @@ class $o {
   turnRightOrBottom() {
     const e = this.reader.navigation.getNavigation(), n = this.reader.spineItemsManager.get(e.spineItem);
     if (!n) return;
-    const i = Po({
+    const i = $o({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2270,7 +2270,7 @@ class $o {
   turnLeftOrTop() {
     const e = this.reader.navigation.getNavigation(), n = this.reader.spineItemsManager.get(e.spineItem);
     if (!n) return;
-    const i = wo({
+    const i = xo({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2412,7 +2412,7 @@ class $o {
     }
   }
 }
-class To extends re {
+class Co extends re {
   constructor(e) {
     super({
       lastDelta: { x: 0, y: 0 },
@@ -2469,7 +2469,7 @@ class To extends re {
     });
   }
 }
-class Z {
+class J {
   constructor() {
     this.isDestroyed = !1, this.destroySubject = new k(), this.destroy$ = this.destroySubject.asObservable();
   }
@@ -2477,19 +2477,19 @@ class Z {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
   }
 }
-const Co = 500;
-class Fo extends Z {
+const Fo = 500;
+class Mo extends J {
   constructor(e, n) {
     super(), this.scrollNavigationController = e, this.lock = n, this.navigationSubject = new k(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
-      An((o) => {
+      Nn((o) => {
         const r = this.lock();
         return C(
           this.scrollNavigationController.userScroll$,
           P(o)
         ).pipe(
           et(
-            Co,
+            Fo,
             xe
           ),
           W(),
@@ -2512,7 +2512,7 @@ class Fo extends Z {
     C(i).pipe(M(this.destroy$)).subscribe();
   }
 }
-const Mo = (t) => t.pagination.state$.pipe(
+const Lo = (t) => t.pagination.state$.pipe(
   H(t.context.manifest$, t.settings.values$),
   S(
     ([
@@ -2531,8 +2531,8 @@ const Mo = (t) => t.pagination.state$.pipe(
       };
     }
   ),
-  N(U)
-), Lo = ({ reader: t, duration: e }) => (n) => {
+  E(U)
+), Ao = ({ reader: t, duration: e }) => (n) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
@@ -2548,11 +2548,11 @@ const Mo = (t) => t.pagination.state$.pipe(
     F(o),
     be(o)
   );
-}, Ao = (t) => (e) => {
-  const n = t(e), i = Mo(n), o = an(n), r = new $o(n), s = new To(n), a = new Fo(
+}, No = (t) => (e) => {
+  const n = t(e), i = Lo(n), o = an(n), r = new To(n), s = new Co(n), a = new Mo(
     n.navigation.scrollNavigationController,
     n.navigation.lock
-  ), c = bo(n, r), u = a.navigation$.pipe(
+  ), c = vo(n, r), u = a.navigation$.pipe(
     F((g) => {
       n.navigation.navigate(g);
     })
@@ -2570,7 +2570,7 @@ const Mo = (t) => t.pagination.state$.pipe(
       ...n.navigation,
       state$: i,
       outOfSpineBoundary$: o,
-      throttleLock: ({ duration: g, trigger: h }) => h.pipe(Lo({ duration: g, reader: n })),
+      throttleLock: ({ duration: g, trigger: h }) => h.pipe(Ao({ duration: g, reader: n })),
       panNavigator: s,
       turnBottom: r.turnBottom.bind(r),
       turnTop: r.turnTop.bind(r),
@@ -2613,7 +2613,7 @@ const Mo = (t) => t.pagination.state$.pipe(
     itemIndex: n.index,
     node: null
   };
-}, No = (t, e) => {
+}, Ro = (t, e) => {
   let n = t?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(t.cfi), r = e.spineItemsManager.get(i);
   return r ? Jt().pipe(
@@ -2646,7 +2646,7 @@ const Mo = (t) => t.pagination.state$.pipe(
     })
   ) : P({ ...t, itemIndex: i, ...o });
 };
-class Ro {
+class Do {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (n) => {
       const i = this.locatorsByKey.get(n);
@@ -2679,13 +2679,13 @@ class Ro {
         const l = this.reader.spine.layout$.pipe(
           et(10),
           Ie(o),
-          Nn((g) => No(g.meta, this.reader).pipe(
+          Rn((g) => Ro(g.meta, this.reader).pipe(
             S((h) => ({
               ...g,
               meta: h
             }))
           ), o),
-          G({ refCount: !0, bufferSize: 1 })
+          Z({ refCount: !0, bufferSize: 1 })
         );
         return c && this.locatorsByKey.set(c, {
           observerCount: 1,
@@ -2698,14 +2698,14 @@ class Ro {
     return Array.isArray(e) ? pt(
       () => _(
         e.map((i) => this.locate(i, n ?? {}))
-      ).pipe(Rn([]))
+      ).pipe(Dn([]))
     ) : this.locate(e, n ?? {});
   }
 }
-const Do = A.namespace("spine"), Oo = ({
+const Oo = A.namespace("spine"), Vo = ({
   position: t,
   pageSize: e
-}) => new Xi({
+}) => new Yi({
   ...t,
   left: t.x,
   top: t.y,
@@ -2713,7 +2713,7 @@ const Do = A.namespace("spine"), Oo = ({
   height: e.height,
   bottom: t.y + e.height,
   right: t.x + e.width
-}), Vo = 10, ko = (t) => {
+}), ko = 10, jo = (t) => {
   const { spineItem: e, ...n } = t;
   if (!t.spineItem.value.isLoaded)
     return {
@@ -2726,12 +2726,12 @@ const Do = A.namespace("spine"), Oo = ({
     firstVisibleNode: void 0
   } : {
     ...n,
-    firstVisibleNode: ei(
+    firstVisibleNode: ti(
       o,
       t.layout
     )
   };
-}, jo = (t) => new le((e) => {
+}, Uo = (t) => new le((e) => {
   if (t.length === 0) {
     e.next([]), e.complete();
     return;
@@ -2742,13 +2742,13 @@ const Do = A.namespace("spine"), Oo = ({
   }, s = () => {
     n = void 0;
     let c = 0;
-    for (; i < t.length && c < Vo; ) {
+    for (; i < t.length && c < ko; ) {
       const u = t[i];
       if (!u) {
         i = t.length;
         break;
       }
-      o[i] = ko(u), i += 1, c += 1;
+      o[i] = jo(u), i += 1, c += 1;
     }
     if (i >= t.length) {
       e.next(o), e.complete();
@@ -2777,11 +2777,11 @@ const Do = A.namespace("spine"), Oo = ({
                 spineItemPosition: h
               }), m = u.length;
               u.push({
-                absoluteLayout: Oo({
+                absoluteLayout: Vo({
                   pageSize: a,
                   position: p
                 }),
-                layout: new qi({
+                layout: new Xi({
                   left: h.x,
                   right: h.x + a.width,
                   top: h.y,
@@ -2801,9 +2801,9 @@ const Do = A.namespace("spine"), Oo = ({
           },
           []
         );
-        return jo(c);
+        return Uo(c);
       }),
-      S((a) => (Do.info("Pages layout", a), { pages: a })),
+      S((a) => (Oo.info("Pages layout", a), { pages: a })),
       R()
     ), this.layout$.pipe(M(this.destroy$)).subscribe(this.next.bind(this));
   }
@@ -2820,7 +2820,7 @@ ce.fromSpineItemPageIndex = (e, n, i) => {
 ), ce.fromAbsolutePageIndex = (e, n) => e.pages.find(
   (i) => i.absolutePageIndex === n
 );
-let he = ce;
+let me = ce;
 const Te = (t) => {
   const e = t.indexOf("#");
   return e >= 0 ? t.substring(0, e) : t;
@@ -2828,7 +2828,7 @@ const Te = (t) => {
   if (!t) return;
   const e = t.indexOf("#");
   return e < 0 ? void 0 : t.substring(e + 1) || void 0;
-}, Uo = (t) => {
+}, zo = (t) => {
   try {
     return decodeURIComponent(t);
   } catch {
@@ -2844,13 +2844,13 @@ const Te = (t) => {
     },
     ...cn(n.contents, i)
   ];
-}), zo = (t) => {
+}), _o = (t) => {
   const e = /* @__PURE__ */ new Map();
   return t.spineItems.forEach((n, i) => {
     e.has(n.href) || e.set(n.href, i);
   }), e;
-}, _o = (t, e) => {
-  const n = zo(e);
+}, Wo = (t, e) => {
+  const n = _o(e);
   return cn(t).map((i) => {
     const o = Te(i.href), r = n.get(o) ?? -1;
     return {
@@ -2859,7 +2859,7 @@ const Te = (t) => {
       spineItemIndex: r
     };
   });
-}, Wo = ({
+}, Bo = ({
   manifest: t,
   tocIndex: e
 }) => {
@@ -2883,7 +2883,7 @@ const Te = (t) => {
         u,
         d
       ] of n)
-        Bo(
+        Ho(
           s,
           u
         ) && c.push(...d);
@@ -2894,7 +2894,7 @@ const Te = (t) => {
     i.set(r.href, a);
   }
   return i;
-}, Bo = (t, e) => t === e || t.endsWith(e) || e.endsWith(t), Ho = (t, e) => {
+}, Ho = (t, e) => t === e || t.endsWith(e) || e.endsWith(t), qo = (t, e) => {
   const n = t.endsWith(e), i = t.substring(
     0,
     t.lastIndexOf("/")
@@ -2919,7 +2919,7 @@ const Te = (t) => {
     o.subChapter = s, o = s;
   }
   return i;
-}, qo = ({
+}, Xo = ({
   doc: t,
   node: e,
   offset: n
@@ -2933,14 +2933,14 @@ const Te = (t) => {
     i.setStart(e, r);
   }
   return i.collapse(!0), i;
-}, Xo = ({
+}, Yo = ({
   rangeToTest: t,
   upperBoundRange: e
-}) => t.compareBoundaryPoints(Range.START_TO_START, e) < 0, Yo = (t) => {
+}) => t.compareBoundaryPoints(Range.START_TO_START, e) < 0, Go = (t) => {
   const e = t.createRange(), n = t.body ?? t.documentElement;
   if (n)
     return e.selectNodeContents(n), e.collapse(!1), e;
-}, Go = ({
+}, Zo = ({
   anchorNode: t,
   nextPageNode: e
 }) => t === e || t.contains(e), wt = ({
@@ -2953,11 +2953,11 @@ const Te = (t) => {
   if (!t || e === void 0 || !i || n.length === 0) return;
   const r = i.renderer.getDocumentFrame()?.contentDocument;
   if (!r || t.ownerDocument !== r) return;
-  const s = o?.firstVisibleNode?.node, a = o?.firstVisibleNode?.offset, c = o ? s !== void 0 && a !== void 0 && s.ownerDocument === r ? qo({
+  const s = o?.firstVisibleNode?.node, a = o?.firstVisibleNode?.offset, c = o ? s !== void 0 && a !== void 0 && s.ownerDocument === r ? Xo({
     doc: r,
     node: s,
     offset: a
-  }) : void 0 : Yo(r);
+  }) : void 0 : Go(r);
   if (!c) return;
   const u = o !== void 0 && s !== void 0 && s.ownerDocument === r;
   let d, l, g;
@@ -2966,14 +2966,14 @@ const Te = (t) => {
       g = p.chain;
       continue;
     }
-    const m = r.getElementById(Uo(p.anchorId));
-    if (!m || u && Go({
+    const m = r.getElementById(zo(p.anchorId));
+    if (!m || u && Zo({
       anchorNode: m,
       nextPageNode: s
     }))
       continue;
     const f = r.createRange();
-    f.setStartBefore(m), f.collapse(!0), Xo({
+    f.setStartBefore(m), f.collapse(!0), Yo({
       rangeToTest: f,
       upperBoundRange: c
     }) && (!l || f.compareBoundaryPoints(
@@ -2983,14 +2983,14 @@ const Te = (t) => {
   }
   const h = d ?? g;
   return h ? un(h) : void 0;
-}, Zo = ({
+}, Jo = ({
   candidate: t,
   hrefHasAnchor: e
 }) => {
   if (e || !t.anchorId) return !1;
   const n = t.chain[t.chain.length - 1], i = t.chain[t.chain.length - 2];
   return !n || !i ? !1 : Te(n.path) === Te(i.path);
-}, Jo = ({
+}, Ko = ({
   href: t,
   tocIndex: e,
   manifest: n
@@ -3000,18 +3000,18 @@ const Te = (t) => {
   );
   let s;
   for (const a of e)
-    Ho(
+    qo(
       i,
       a.hrefWithoutAnchor
-    ) && (r < a.spineItemIndex || Zo({ candidate: a, hrefHasAnchor: o }) || (s = a.chain));
+    ) && (r < a.spineItemIndex || Jo({ candidate: a, hrefHasAnchor: o }) || (s = a.chain));
   return s;
-}, Ko = (t, e, n) => {
-  const { href: i } = n, o = Jo({ href: i, tocIndex: e, manifest: t });
+}, Qo = (t, e, n) => {
+  const { href: i } = n, o = Ko({ href: i, tocIndex: e, manifest: t });
   return o ? un(o) : void 0;
-}, Qo = (t, e) => t ? t.spineItems.reduce(
-  (i, o) => (i[o.id] = Ko(t, e, o), i),
+}, er = (t, e) => t ? t.spineItems.reduce(
+  (i, o) => (i[o.id] = Qo(t, e, o), i),
   {}
-) : {}, er = (t, e, n) => t + e * n, tr = (t, e, n) => {
+) : {}, tr = (t, e, n) => t + e * n, nr = (t, e, n) => {
   const { height: i, width: o } = n.layoutInfo, { top: r, left: s } = t.spine.getSpineItemSpineLayoutInfo(n);
   return t.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
@@ -3026,21 +3026,21 @@ const Te = (t) => {
       (e.x - s + t.viewport.absoluteViewport.width) / o
     )
   );
-}, nr = (t, e, n, i, o, r) => o.isReady$.pipe(
+}, ir = (t, e, n, i, o, r) => o.isReady$.pipe(
   W(),
   H(t.layoutInfo$),
   S(([s, a]) => {
-    const c = r.renditionLayout === "pre-paginated", u = r.spineItems.length || 0, d = r.spineItems.slice(0, e).reduce((y, x) => y + (x.progressionWeight ?? 0), 0) || 0, l = t.spineItemsManager.getSpineItemIndex(o) ?? 0, g = r.spineItems.length ?? 0, h = a.pages.filter((y) => y.itemIndex === l).length ?? 0, p = r.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
+    const c = r.renditionLayout === "pre-paginated", u = r.spineItems.length || 0, d = r.spineItems.slice(0, e).reduce((y, v) => y + (v.progressionWeight ?? 0), 0) || 0, l = t.spineItemsManager.getSpineItemIndex(o) ?? 0, g = r.spineItems.length ?? 0, h = a.pages.filter((y) => y.itemIndex === l).length ?? 0, p = r.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
     (l + 1) / g;
     let m = (n + 1) * (p / h);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let f = d + m;
-    return r.renditionFlow === "scrolled-continuous" && (s ? m = tr(
+    return r.renditionFlow === "scrolled-continuous" && (s ? m = nr(
       t,
       i,
       o
-    ) : m = 0, f = er(
+    ) : m = 0, f = tr(
       d,
       p,
       m
@@ -3056,10 +3056,10 @@ const Te = (t) => {
   item: t,
   nextItem: e,
   previousItem: n
-}) => Pt(t, n) || Pt(t, e), ir = {
+}) => Pt(t, n) || Pt(t, e), or = {
   tocCandidatesBySpineHref: /* @__PURE__ */ new Map(),
   chaptersInfo: {}
-}, or = ({
+}, rr = ({
   beginItem: t,
   endItem: e,
   paginationInfo: n,
@@ -3067,15 +3067,15 @@ const Te = (t) => {
   pagesState: o,
   spineItems: r
 }) => {
-  const s = t && n.beginPageIndexInSpineItem !== void 0 ? he.fromSpineItemPageIndex(
+  const s = t && n.beginPageIndexInSpineItem !== void 0 ? me.fromSpineItemPageIndex(
     o,
     t.index,
     n.beginPageIndexInSpineItem
-  ) : void 0, a = s ? he.fromNextPageWithinSameSpineItem(o, s) : void 0, c = e && n.endPageIndexInSpineItem !== void 0 ? he.fromSpineItemPageIndex(
+  ) : void 0, a = s ? me.fromNextPageWithinSameSpineItem(o, s) : void 0, c = e && n.endPageIndexInSpineItem !== void 0 ? me.fromSpineItemPageIndex(
     o,
     e.index,
     n.endPageIndexInSpineItem
-  ) : void 0, u = c ? he.fromNextPageWithinSameSpineItem(o, c) : void 0, d = t ? wt({
+  ) : void 0, u = c ? me.fromNextPageWithinSameSpineItem(o, c) : void 0, d = t ? wt({
     node: s?.firstVisibleNode?.node,
     offset: s?.firstVisibleNode?.offset,
     candidates: i.tocCandidatesBySpineHref.get(t.item.href) ?? [],
@@ -3106,7 +3106,7 @@ const Te = (t) => {
     endSpineItemReadingDirection: e?.readingDirection,
     endAbsolutePageIndex: c?.absolutePageIndex
   };
-}, rr = ({
+}, sr = ({
   items: t,
   pagesState: e
 }) => {
@@ -3120,16 +3120,16 @@ const Te = (t) => {
      */
     numberOfTotalPages: e.pages.length
   };
-}, sr = (t, e) => t.numberOfTotalPages !== e.numberOfTotalPages || t.numberOfPagesPerItems.length !== e.numberOfPagesPerItems.length ? !1 : t.numberOfPagesPerItems.every(
+}, ar = (t, e) => t.numberOfTotalPages !== e.numberOfTotalPages || t.numberOfPagesPerItems.length !== e.numberOfPagesPerItems.length ? !1 : t.numberOfPagesPerItems.every(
   (n, i) => n === e.numberOfPagesPerItems[i]
-), ar = ({
+), cr = ({
   reader: t,
   paginationInfo: e,
   navigationPosition: n,
   manifest: i
 }) => {
   const o = t.spineItemsManager.get(e.endSpineItemIndex);
-  return o ? nr(
+  return o ? ir(
     t,
     e.endSpineItemIndex ?? 0,
     e.endPageIndexInSpineItem || 0,
@@ -3137,30 +3137,30 @@ const Te = (t) => {
     o,
     i
   ) : P(0);
-}, cr = (t) => t.context.manifest$.pipe(
+}, ur = (t) => t.context.manifest$.pipe(
   S((e) => {
     if (!e)
-      return ir;
-    const n = _o(e.nav?.toc ?? [], e);
+      return or;
+    const n = Wo(e.nav?.toc ?? [], e);
     return {
-      tocCandidatesBySpineHref: Wo({
+      tocCandidatesBySpineHref: Bo({
         manifest: e,
         tocIndex: n
       }),
-      chaptersInfo: Qo(e, n)
+      chaptersInfo: er(e, n)
     };
   })
-), ur = (t) => ({
+), dr = (t) => ({
   beginSpineItemIndex: t.beginSpineItemIndex,
   beginPageIndexInSpineItem: t.beginPageIndexInSpineItem,
   endSpineItemIndex: t.endSpineItemIndex,
   endPageIndexInSpineItem: t.endPageIndexInSpineItem
-}), dr = (t) => {
-  const e = t.pagination.state$, n = t.spine.pages.layout$, i = cr(t).pipe(
-    G({ bufferSize: 1, refCount: !0 })
+}), lr = (t) => {
+  const e = t.pagination.state$, n = t.spine.pages.layout$, i = ur(t).pipe(
+    Z({ bufferSize: 1, refCount: !0 })
   ), o = e.pipe(
-    S(ur),
-    N(U)
+    S(dr),
+    E(U)
   ), r = _([
     o,
     i,
@@ -3169,7 +3169,7 @@ const Te = (t) => {
   ]).pipe(
     S(([l, g, h, p]) => {
       const m = l.beginSpineItemIndex !== void 0 ? p[l.beginSpineItemIndex] : void 0, f = l.endSpineItemIndex !== void 0 ? p[l.endSpineItemIndex] : void 0;
-      return or({
+      return rr({
         beginItem: m,
         endItem: f,
         paginationInfo: l,
@@ -3178,18 +3178,18 @@ const Te = (t) => {
         spineItems: p
       });
     }),
-    G({ bufferSize: 1, refCount: !0 })
+    Z({ bufferSize: 1, refCount: !0 })
   ), s = t.settings.watch(["computedSpreadMode"]).pipe(
     S((l) => l.computedSpreadMode ?? !1),
-    N()
+    E()
   ), a = _([
     n,
     t.spineItemsManager.items$
   ]).pipe(
     S(
-      ([l, g]) => rr({ items: g, pagesState: l })
+      ([l, g]) => sr({ items: g, pagesState: l })
     ),
-    N(sr)
+    E(ar)
   ), c = _([
     e,
     s,
@@ -3204,7 +3204,7 @@ const Te = (t) => {
     }))
   ), u = sn(t.navigation).pipe(
     S(({ position: l }) => l),
-    N(U)
+    E(U)
   ), d = _([
     e,
     t.layout$,
@@ -3212,7 +3212,7 @@ const Te = (t) => {
     t.context.manifest$
   ]).pipe(
     $(
-      ([l, g, h, p]) => ar({
+      ([l, g, h, p]) => cr({
         reader: t,
         paginationInfo: l,
         navigationPosition: h,
@@ -3234,11 +3234,11 @@ const Te = (t) => {
       ...l,
       ...g
     })),
-    N(U),
-    Dn(5)
+    E(U),
+    On(5)
   );
-}, lr = (t) => (e) => {
-  const n = t(e), i = new ee({
+}, pr = (t) => (e) => {
+  const n = t(e), i = new te({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginHasAdjacentSpreadPage: !1,
@@ -3255,7 +3255,7 @@ const Te = (t) => {
     endHasAdjacentSpreadPage: !1,
     endSpineItemReadingDirection: void 0,
     percentageEstimateOfBook: 0
-  }), o = new Ro(n), r = dr(n).pipe(F((s) => A.log("Pagination", s))).subscribe(i);
+  }), o = new Do(n), r = lr(n).pipe(F((s) => A.log("Pagination", s))).subscribe(i);
   return {
     ...n,
     locateResource: o.locateResource.bind(o),
@@ -3272,7 +3272,7 @@ const Te = (t) => {
       }
     }
   };
-}, pr = (t) => ({
+}, gr = (t) => ({
   put: (r, s) => new Promise((a, c) => {
     const u = t.transaction(["store"], "readwrite");
     u.onerror = (g) => {
@@ -3329,11 +3329,11 @@ const Te = (t) => {
   i.onerror = (o) => {
     n(o);
   }, i.onsuccess = () => {
-    e(pr(i.result));
+    e(gr(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), gr = (t) => {
+}), hr = (t) => {
   let e = Date.now().toString();
   const n = new k(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
@@ -3353,12 +3353,12 @@ const Te = (t) => {
     n.next({ id: c, data: u });
   };
   n.asObservable().pipe(
-    Hn(({ id: c, data: u }) => {
+    qn(({ id: c, data: u }) => {
       const d = i(c);
       return d ? B(
-        On([_e("prose-reader"), B(u.blob())])
+        Vn([_e("prose-reader"), B(u.blob())])
       ).pipe(
-        Q(([l, g]) => B(l.put(`${e}_${d.id}`, g))),
+        ee(([l, g]) => B(l.put(`${e}_${d.id}`, g))),
         dt((l) => (A.error(l), q))
       ) : q;
     }),
@@ -3370,13 +3370,13 @@ const Te = (t) => {
     })
   );
   return C(s).pipe(
-    Q(() => (A.debug("Cleanup up old cache..."), B(_e("prose-reader")).pipe(
-      Q(
+    ee(() => (A.debug("Cleanup up old cache..."), B(_e("prose-reader")).pipe(
+      ee(
         (c) => B(c.keys()).pipe(
-          pe(
+          ge(
             (u) => u.filter((d) => !d.toString().startsWith(e))
           ),
-          Q((u) => {
+          ee((u) => {
             const d = u.map((l) => c.remove(l));
             return B(Promise.all(d));
           })
@@ -3391,8 +3391,8 @@ const Te = (t) => {
       n.complete();
     }
   };
-}, hr = (t) => (e) => {
-  const n = t(e), i = gr(n.context);
+}, mr = (t) => (e) => {
+  const n = t(e), i = hr(n.context);
   return {
     ...n,
     // $: {
@@ -3404,7 +3404,7 @@ const Te = (t) => {
     }
     // load,
   };
-}, mr = (t, e) => {
+}, fr = (t, e) => {
   const n = t.node.ownerDocument?.createRange(), i = t.node.compareDocumentPosition(e.node);
   if (n) {
     try {
@@ -3424,14 +3424,14 @@ const Te = (t) => {
     }
     return n;
   }
-}, fr = ({
+}, Sr = ({
   selection: t,
   spineItem: e
 }) => {
   const { anchorNode: n, anchorOffset: i, focusNode: o, focusOffset: r } = t;
   if (!(!n || !o))
     try {
-      return mr(
+      return fr(
         { node: n, offset: i },
         { node: o, offset: r }
       );
@@ -3443,7 +3443,7 @@ const Te = (t) => {
       return;
     }
 };
-class Sr extends Z {
+class yr extends J {
   constructor(e) {
     super();
     const n = e.contentDocument || e.contentWindow?.document;
@@ -3467,25 +3467,25 @@ class Sr extends Z {
         )
       ) : P(null);
       this.selectionChange$ = C(
-        J(n, "selectionchange"),
+        K(n, "selectionchange"),
         i
       ).pipe(
         S(() => n.getSelection()),
         M(C(o, this.destroy$)),
         we(null)
-      ), this.selectionOver$ = J(n, "pointerdown").pipe(
+      ), this.selectionOver$ = K(n, "pointerdown").pipe(
         $(
           () => C(
-            J(n, "pointerup"),
-            J(n, "pointercancel"),
-            J(n, "contextmenu")
+            K(n, "pointerup"),
+            K(n, "pointercancel"),
+            K(n, "contextmenu")
           ).pipe(
             W(),
             /**
              * The selection is still valid during the event even if it will
              * be discarded. The timeout make sure to detect this edge case.
              */
-            Ee(0),
+            Ne(0),
             S((r) => {
               const s = n.getSelection();
               return s && !s.isCollapsed ? [r, s] : void 0;
@@ -3498,11 +3498,11 @@ class Sr extends Z {
     }
   }
 }
-const yr = (t) => t.watch("isLoaded").pipe(
+const Ir = (t) => t.watch("isLoaded").pipe(
   $(() => {
     const e = t.renderer.getDocumentFrame(), n = e?.contentDocument || e?.contentWindow?.document;
     if (!e || !n) return ye;
-    const i = new Sr(e);
+    const i = new yr(e);
     return C(
       i.selectionChange$.pipe(
         S((o) => {
@@ -3528,15 +3528,15 @@ const yr = (t) => t.watch("isLoaded").pipe(
       })
     );
   }),
-  N()
-), Ir = (t) => (e) => {
+  E()
+), br = (t) => (e) => {
   const n = t(e);
   let i;
   const o = n.spineItemsManager.items$.pipe(
     $((d) => {
       const l = d.map((g) => {
         const h = n.spineItemsManager.getSpineItemIndex(g) ?? 0;
-        return yr(g).pipe(
+        return Ir(g).pipe(
           S((p) => {
             if (p)
               return {
@@ -3549,19 +3549,19 @@ const yr = (t) => t.watch("isLoaded").pipe(
       return C(...l);
     }),
     Ie(void 0),
-    N(),
+    E(),
     F((d) => {
       i = d;
     }),
-    G({ refCount: !0, bufferSize: 1 })
+    Z({ refCount: !0, bufferSize: 1 })
   ), r = o, s = o.pipe(
     S((d) => !!d),
-    N(),
+    E(),
     L((d) => d),
     R()
   ), a = s.pipe(
     $(() => r),
-    N(),
+    E(),
     L((d) => !d),
     R()
   ), c = o.pipe(
@@ -3569,11 +3569,11 @@ const yr = (t) => t.watch("isLoaded").pipe(
     R()
   ), u = n.context.watch("rootElement").pipe(
     L(ie),
-    $((d) => J(d, "pointerdown")),
+    $((d) => K(d, "pointerdown")),
     H(r),
     S(([, d]) => d),
     Ie(void 0),
-    G({ refCount: !0, bufferSize: 1 })
+    Z({ refCount: !0, bufferSize: 1 })
   );
   return C(r, u).pipe(M(n.$.destroy$)).subscribe(), {
     ...n,
@@ -3584,7 +3584,7 @@ const yr = (t) => t.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: fr
+      createOrderedRangeFromSelection: Sr
     }
   };
 }, Tt = [
@@ -3602,8 +3602,8 @@ const yr = (t) => t.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], br = (t) => (e) => {
-  const n = t(e), i = new ee(
+], vr = (t) => (e) => {
+  const n = t(e), i = new te(
     e.theme ?? "bright"
   ), o = () => {
     const a = Tt.find(
@@ -3626,7 +3626,7 @@ const yr = (t) => t.watch("isLoaded").pipe(
     const c = Tt.find(
       (u) => u.name === i.value
     );
-    return c && w(
+    return c && x(
       a.style,
       "background-color",
       c.backgroundColor
@@ -3668,7 +3668,7 @@ const yr = (t) => t.watch("isLoaded").pipe(
       }
     }
   };
-}, vr = (t) => (e) => {
+}, wr = (t) => (e) => {
   const n = t(e);
   return {
     ...n,
@@ -3682,7 +3682,7 @@ const yr = (t) => t.watch("isLoaded").pipe(
   };
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const wr = (t) => (e) => t(e), Ct = (t, e, n) => {
+const xr = (t) => (e) => t(e), Ct = (t, e, n) => {
   const { clientWidth: i, clientHeight: o } = n.value.element, r = {
     maxX: 0,
     minX: i * (1 - e),
@@ -3693,15 +3693,15 @@ const wr = (t) => (e) => t(e), Ct = (t, e, n) => {
     x: Math.min(Math.max(t.x, r.minX), r.maxX),
     y: Math.min(Math.max(t.y, r.minY), r.maxY)
   };
-}, xr = (t, e, n) => {
-  w(n.style, "transform-origin", "0 0");
+}, Pr = (t, e, n) => {
+  x(n.style, "transform-origin", "0 0");
   const i = `translate3d(${e.x}px, ${e.y}px, 0px)`, o = `scale(${t})`;
-  w(
+  x(
     n.style,
     "transform",
     `${i} ${o}`
   );
-}, Pr = (t, e, n, i) => {
+}, $r = (t, e, n, i) => {
   const o = e / t, r = n.clientWidth, s = n.clientHeight, a = r / 2 - i.x, c = s / 2 - i.y;
   return {
     x: i.x + a * (1 - o),
@@ -3715,16 +3715,16 @@ class dn {
 }
 class Ft extends dn {
 }
-class $r extends dn {
+class Tr extends dn {
   constructor() {
     super(...arguments), this.__symbol = /* @__PURE__ */ Symbol("UnboundScrollPosition");
   }
 }
-class Tr extends re {
+class Cr extends re {
   constructor(e, n, i, o, r) {
     super({
       element: void 0
-    }), this.viewport = e, this.settings = n, this.hookManager = i, this.spine = o, this.context = r, this.navigateSubject = new k(), this.scrollingSubject = new ee(!1), this.applyNavigationPosition = ({ position: l }) => {
+    }), this.viewport = e, this.settings = n, this.hookManager = i, this.spine = o, this.context = r, this.navigateSubject = new k(), this.scrollingSubject = new te(!1), this.applyNavigationPosition = ({ position: l }) => {
       const g = this.value.element;
       if (!g) return;
       const h = this.fromSpinePosition(l);
@@ -3744,14 +3744,14 @@ class Tr extends re {
       F(({ rootElement: l }) => {
         if (!l) return;
         const g = document.createElement("div");
-        g.setAttribute(`data-${to}`, ""), g.appendChild(this.viewport.value.element), l.appendChild(g), this.update({ element: g });
+        g.setAttribute(`data-${no}`, ""), g.appendChild(this.viewport.value.element), l.appendChild(g), this.update({ element: g });
       })
     ), a = _([
       n.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
       F(([{ computedPageTurnMode: l }, g]) => {
-        g && (l === "scrollable" ? w(g.style, "display", "block") : w(g.style, "display", "contents"));
+        g && (l === "scrollable" ? x(g.style, "display", "block") : x(g.style, "display", "contents"));
       })
     ), c = this.navigateSubject.pipe(
       F(this.applyNavigationPosition)
@@ -3764,7 +3764,7 @@ class Tr extends re {
       ),
       o.element$.pipe(
         L(ie),
-        $((l) => J(l, "scroll"))
+        $((l) => K(l, "scroll"))
       ),
       o.spineItemsObserver.itemResize$
     ).pipe(
@@ -3774,7 +3774,7 @@ class Tr extends re {
           Ie(!0)
         )
       ),
-      N(),
+      E(),
       Ie(!1)
     ), d = _([
       u,
@@ -3783,14 +3783,14 @@ class Tr extends re {
       S(
         ([l, g]) => l || g
       ),
-      G(1)
+      Z(1)
     );
     this.userScroll$ = this.watch("element").pipe(
       L(ie),
       $(
         (l) => n.watch(["computedPageTurnMode"]).pipe(
           $(
-            ({ computedPageTurnMode: g }) => g === "controlled" ? ye : J(l, "scroll").pipe(
+            ({ computedPageTurnMode: g }) => g === "controlled" ? ye : K(l, "scroll").pipe(
               H(d),
               L(
                 ([, h]) => !h
@@ -3835,15 +3835,15 @@ class Tr extends re {
     });
   }
 }
-const Cr = (t, e, n, i, o) => {
+const Fr = (t, e, n, i, o) => {
   const r = t.clientWidth, s = t.clientHeight, a = t.scrollLeft, c = t.scrollTop, u = a + r / 2 - i, d = c + s / 2 - o, l = n / e, g = u * l, h = d * l, p = g - r / 2 + i, m = h - s / 2 + o;
-  return new $r({
+  return new Tr({
     x: p,
     y: m
   });
-}, Fr = (t, e) => {
-  const n = e.viewport, i = e.navigation.scrollNavigationController, o = n.value.element, r = i.value.element, s = i.value.element, a = Math.round(n.scaleFactor * 100) / 100, c = o.offsetLeft, u = o.offsetTop, d = Cr(
-    r ?? ri(),
+}, Mr = (t, e) => {
+  const n = e.viewport, i = e.navigation.scrollNavigationController, o = n.value.element, r = i.value.element, s = i.value.element, a = Math.round(n.scaleFactor * 100) / 100, c = o.offsetLeft, u = o.offsetTop, d = Fr(
+    r ?? si(),
     a,
     t,
     c,
@@ -3853,11 +3853,11 @@ const Cr = (t, e, n, i, o) => {
     s,
     `data-${j}-zooming-direction`,
     l
-  ), t < 1 ? w(o.style, "transform-origin", "top") : t > 1 && w(
+  ), t < 1 ? x(o.style, "transform-origin", "top") : t > 1 && x(
     o.style,
     "transform-origin",
     `${c}px ${u}px`
-  ), w(
+  ), x(
     o.style,
     "transform",
     `scale(${t})`
@@ -3869,7 +3869,7 @@ const Cr = (t, e, n, i, o) => {
     position: g
   });
 }, Me = 200;
-class Mr extends re {
+class Lr extends re {
   constructor(e) {
     super({
       isZooming: !1,
@@ -3889,7 +3889,7 @@ class Mr extends re {
           c,
           `data-${j}-zooming`,
           this.isControlled ? "false" : "true"
-        ), s && this.isControlled && w(
+        ), s && this.isControlled && x(
           a.style,
           "transition",
           `transform ${Me}ms`
@@ -3919,19 +3919,19 @@ class Mr extends re {
           s,
           `data-${j}-zooming`,
           "false"
-        )), o?.animate && this.isControlled && w(
+        )), o?.animate && this.isControlled && x(
           r.style,
           "transition",
           `transform ${Me}ms`
-        ), this.updateZoom(1, { x: 0, y: 0 }), K(r.style, "transform"), this.mergeCompare({
+        ), this.updateZoom(1, { x: 0, y: 0 }), Q(r.style, "transform"), this.mergeCompare({
           isZooming: !1
         }), $e(o?.animate ? Me : 0).pipe(
           F(() => {
             const a = this.reader.viewport.value.element;
-            K(
+            Q(
               a.style,
               "transform-origin"
-            ), K(a.style, "transition"), this.isControlled && this.reader.layout();
+            ), Q(a.style, "transition"), this.isControlled && this.reader.layout();
           }),
           M(this.enterSubject)
         );
@@ -3946,13 +3946,13 @@ class Mr extends re {
     this.exitSubject.next(e);
   }
   move(e, n) {
-    this.isControlled && (K(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, {
+    this.isControlled && (Q(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, {
       constraints: n?.constrain === "within-viewport" ? (...i) => Ct(...i, this.reader.viewport) : void 0
     }));
   }
   scaleAt(e, n) {
     if (!this.value.isZooming) return;
-    K(this.viewport.element.style, "transition");
+    Q(this.viewport.element.style, "transition");
     const o = Math.ceil(e * 100) / 100;
     this.updateZoom(o, void 0, {
       constraints: n?.constrain === "within-viewport" ? (...r) => Ct(...r, this.reader.viewport) : void 0
@@ -3960,7 +3960,7 @@ class Mr extends re {
   }
   updateZoom(e, n, i) {
     if (this.isControlled) {
-      const o = n || Pr(
+      const o = n || $r(
         this.value.currentScale,
         e,
         this.viewport.element,
@@ -3976,11 +3976,11 @@ class Mr extends re {
     });
   }
   applyZoom(e, n) {
-    this.isControlled ? xr(
+    this.isControlled ? Pr(
       e,
       n,
       this.viewport.element
-    ) : Fr(e, this.reader), this.reader.viewport.layout();
+    ) : Mr(e, this.reader), this.reader.viewport.layout();
   }
   get isControlled() {
     return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -3992,8 +3992,8 @@ class Mr extends re {
     return this.reader.viewport.value;
   }
 }
-const Lr = (t) => (e) => {
-  const n = t(e), i = new Mr(n), o = () => {
+const Ar = (t) => (e) => {
+  const n = t(e), i = new Lr(n), o = () => {
     i.destroy(), n.destroy();
   }, r = i;
   return {
@@ -4019,7 +4019,7 @@ const Lr = (t) => (e) => {
   item: n
 }) => {
   const i = "ownerDocument" in t ? t.ownerDocument : t.startContainer.ownerDocument;
-  return !i?.documentElement || t === i ? ln(n) : ci(t) ? qe({
+  return !i?.documentElement || t === i ? ln(n) : ui(t) ? qe({
     start: {
       node: t.startContainer,
       offset: t.startOffset,
@@ -4038,7 +4038,7 @@ const Lr = (t) => (e) => {
     spineIndex: n.index,
     spineId: n.id
   });
-}, Ar = ({
+}, Nr = ({
   spineItem: t,
   pageNode: e
 }) => pn({
@@ -4048,17 +4048,17 @@ const Lr = (t) => (e) => {
 }).trim(), Er = (t, e) => pn({
   nodeOrRange: t,
   item: e
-}), oa = (t) => t.index.toString(), Mt = (t) => t[0]?.index === 6 && t.length > 1, Nr = (t) => {
+}), ra = (t) => t.index.toString(), Mt = (t) => t[0]?.index === 6 && t.length > 1, Rr = (t) => {
   const e = Bt(t);
-  return Xn(e);
-}, Rr = (t) => Array.isArray(t) ? t[0] && Mt(t[0]) ? t[0] : void 0 : t.parent[0] && Mt(t.parent[0]) ? t.parent[0] : void 0, gn = (t) => {
-  const e = Bt(t), r = ((Rr(e) ?? [])[1]?.index ?? 2) / 2 - 1, s = Yn(e), a = s ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
+  return Yn(e);
+}, Dr = (t) => Array.isArray(t) ? t[0] && Mt(t[0]) ? t[0] : void 0 : t.parent[0] && Mt(t.parent[0]) ? t.parent[0] : void 0, gn = (t) => {
+  const e = Bt(t), r = ((Dr(e) ?? [])[1]?.index ?? 2) / 2 - 1, s = Gn(e), a = s ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: s,
     itemIndex: r,
     offset: a ?? 0
   };
-}, Dr = ({
+}, Or = ({
   cfi: t,
   spineItemsManager: e
 }) => {
@@ -4074,7 +4074,7 @@ const Lr = (t) => (e) => {
     const s = r.contentWindow?.document;
     if (s)
       try {
-        const a = Gn(t, s, {
+        const a = Zn(t, s, {
           throwOnError: !0
         });
         return {
@@ -4102,7 +4102,7 @@ const Lr = (t) => (e) => {
     node: null
   };
 };
-class Or {
+class Vr {
   constructor(e, n) {
     this.hookManager = e, this.spineItemsManager = n, this.transformForResolve = (i) => {
       const { finalParams: o } = this.hookManager.executeSequential(
@@ -4117,19 +4117,19 @@ class Or {
       const { itemIndex: o } = this.parseCfi(i);
       if (o !== void 0)
         return this.spineItemsManager.get(o);
-    }, this.isRootCfi = (i) => Nr(i), this.generateRootCfi = (i) => this.transformGeneratedCfi({
+    }, this.isRootCfi = (i) => Rr(i), this.generateRootCfi = (i) => this.transformGeneratedCfi({
       cfi: ln(i),
       spineItem: i
     }), this.generateCfiForSpineItemPage = ({
       spineItem: i,
       pageNode: o
     }) => this.transformGeneratedCfi({
-      cfi: Ar({ spineItem: i, pageNode: o }),
+      cfi: Nr({ spineItem: i, pageNode: o }),
       spineItem: i
     }), this.generateCfiFromRange = (i, o) => this.transformGeneratedCfi({
       cfi: Er(i, o),
       spineItem: o
-    }), this.resolveCfi = (i) => Dr({
+    }), this.resolveCfi = (i) => Or({
       ...i,
       cfi: this.transformForResolve(i.cfi),
       spineItemsManager: this.spineItemsManager
@@ -4150,21 +4150,21 @@ class Or {
 const hn = (t) => t?.spineItems.every(
   (e) => (e.renditionLayout ?? t.renditionLayout) === "pre-paginated"
 );
-class Vr {
+class kr {
   constructor() {
-    this.navigationSubject = new ke(1), this.positionSubject = new ke(1), this.viewportStateSubject = new ee("free"), this.paginationSubject = new ke(1), this.pagination$ = this.paginationSubject.asObservable(), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
+    this.navigationSubject = new ke(1), this.positionSubject = new ke(1), this.viewportStateSubject = new te("free"), this.paginationSubject = new ke(1), this.pagination$ = this.paginationSubject.asObservable(), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
       L((e) => e === "free")
     ), this.viewportBusy$ = this.viewportState$.pipe(
       L((e) => e === "busy")
     ), this.navigation$ = this.navigationSubject.asObservable(), this.position$ = this.positionSubject.asObservable();
   }
 }
-class kr extends re {
+class jr extends re {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new Vr(), this.manifest$ = this.pipe(
-      pe((e) => e.manifest),
+    }), this.bridgeEvent = new kr(), this.manifest$ = this.pipe(
+      ge((e) => e.manifest),
       fe(ie),
       Oe()
     ), this.isRTL = () => this.value.manifest?.readingDirection === "rtl";
@@ -4187,7 +4187,7 @@ class kr extends re {
     return this.manifest?.readingDirection;
   }
 }
-class jr extends re {
+class Ur extends re {
   constructor(e, n) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -4204,7 +4204,7 @@ class jr extends re {
         renditionLayout: i?.renditionLayout,
         computedPageTurnMode: r
       })),
-      N(U),
+      E(U),
       S(
         ({
           hasVerticalWriting: i,
@@ -4222,7 +4222,7 @@ class jr extends re {
     ).subscribe(this.next.bind(this));
   }
 }
-class Ur {
+class zr {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -4354,19 +4354,19 @@ class Ur {
     return _(r);
   }
 }
-const zr = "[data-prose-reader-spine-item][data-is-ready=false]{pointer-events:none;user-select:none;-webkit-user-select:none}.prose-reader-enhancer-loading-container{height:100%;width:100%;max-width:var(--prose-reader-absolute-viewport-width, 100%);text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;color:#cacaca;background-color:#fff;z-index:1}[data-prose-reader-spine-item][data-is-ready=true] .prose-reader-enhancer-loading-container{visibility:hidden;z-index:0}.prose-reader-enhancer-loading-logo{font-size:4em}.prose-reader-enhancer-loading-details{font-size:1.2em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:300px;width:80%}[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}[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%}", _r = (t) => ({
+const _r = "[data-prose-reader-spine-item][data-is-ready=false]{pointer-events:none;user-select:none;-webkit-user-select:none}.prose-reader-enhancer-loading-container{height:100%;width:100%;max-width:var(--prose-reader-absolute-viewport-width, 100%);text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;color:#cacaca;background-color:#fff;z-index:1}[data-prose-reader-spine-item][data-is-ready=true] .prose-reader-enhancer-loading-container{visibility:hidden;z-index:0}.prose-reader-enhancer-loading-logo{font-size:4em}.prose-reader-enhancer-loading-details{font-size:1.2em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:300px;width:80%}[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}[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%}", Wr = (t) => ({
   x: -t.x,
   y: -t.y
-}), Wr = (t) => t instanceof DOMMatrix ? new V({
+}), Br = (t) => t instanceof DOMMatrix ? new V({
   x: -t.e,
   y: -t.f
 }) : new V({
   x: -t.x,
   y: -t.y
-}), Br = "navigation/ControlledNavigationController", Lt = A.namespace(Br);
-class Hr extends Z {
+}), Hr = "navigation/ControlledNavigationController", Lt = A.namespace(Hr);
+class qr extends J {
   constructor(e, n, i, o, r) {
-    super(), this.settings = e, this.hookManager = n, this.context = i, this.spine = o, this.viewport = r, this.navigateSubject = new k(), this.element$ = new ee(
+    super(), this.settings = e, this.hookManager = n, this.context = i, this.spine = o, this.viewport = r, this.navigateSubject = new k(), this.element$ = new te(
       document.createElement("div")
     ), this.isActive = () => this.settings.values.computedPageTurnMode === "controlled", this.getNavigationVisibleArea = () => this.viewport.absoluteViewport;
     const s = this.spine.element$.pipe(
@@ -4388,7 +4388,7 @@ class Hr extends Z {
       this.element$
     ]).pipe(
       F(([, u]) => {
-        e.values.computedPageTurnMode === "scrollable" ? w(u.style, "display", "contents") : w(u.style, "display", "block");
+        e.values.computedPageTurnMode === "scrollable" ? x(u.style, "display", "contents") : x(u.style, "display", "block");
       })
     );
     this.layout$ = c.pipe(
@@ -4397,7 +4397,7 @@ class Hr extends Z {
       }),
       R()
     ), this.isNavigating$ = this.navigateSubject.pipe(
-      N((u, d) => U(u.position, d.position)),
+      E((u, d) => U(u.position, d.position)),
       S(({ animation: u, position: d }) => (Lt.info("Navigation requested", { animation: u, position: d }), {
         type: "manualAdjust",
         shouldAnimate: !(!u || u === "turn" && e.values.computedPageTurnAnimation === "none"),
@@ -4406,7 +4406,7 @@ class Hr extends Z {
       })),
       $((u) => {
         const d = this.element$.getValue();
-        return w(d.style, "transition", "none"), w(d.style, "opacity", "1"), C(
+        return x(d.style, "transition", "none"), x(d.style, "opacity", "1"), C(
           P(!0),
           P(null).pipe(
             Se(() => {
@@ -4421,22 +4421,22 @@ class Hr extends Z {
                  * 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
                  */
-                u.shouldAnimate ? Ee(1, xe) : Pe,
+                u.shouldAnimate ? Ne(1, xe) : Pe,
                 F((h) => {
                   const p = this.element$.getValue();
-                  h.shouldAnimate ? g === "fade" ? (w(
+                  h.shouldAnimate ? g === "fade" ? (x(
                     p.style,
                     "transition",
                     `opacity ${l / 2}ms`
-                  ), w(p.style, "opacity", "0")) : (u.animation === "snap" || g === "slide") && (w(
+                  ), x(p.style, "opacity", "0")) : (u.animation === "snap" || g === "slide") && (x(
                     p.style,
                     "transition",
                     `transform ${l}ms`
-                  ), w(p.style, "opacity", "1")) : (w(
+                  ), x(p.style, "opacity", "1")) : (x(
                     p.style,
                     "transition",
                     "none"
-                  ), w(p.style, "opacity", "1"));
+                  ), x(p.style, "opacity", "1"));
                 }),
                 /**
                  * @important
@@ -4449,12 +4449,12 @@ class Hr extends Z {
                 F((h) => {
                   g !== "fade" && this.applyNavigationPosition(h.position);
                 }),
-                u.shouldAnimate ? Ee(l / 2, xe) : Pe,
+                u.shouldAnimate ? Ne(l / 2, xe) : Pe,
                 F((h) => {
                   const p = this.element$.getValue();
-                  g === "fade" && (this.applyNavigationPosition(h.position), w(p.style, "opacity", "1"));
+                  g === "fade" && (this.applyNavigationPosition(h.position), x(p.style, "opacity", "1"));
                 }),
-                u.shouldAnimate ? Ee(l / 2, xe) : Pe,
+                u.shouldAnimate ? Ne(l / 2, xe) : Pe,
                 F((h) => {
                   g === "fade" && this.applyNavigationPosition(h.position);
                 })
@@ -4465,7 +4465,7 @@ class Hr extends Z {
         );
       }),
       Ie(!1),
-      G(1)
+      Z(1)
     ), C(s, this.isNavigating$, this.layout$).pipe(M(this.destroy$)).subscribe();
   }
   /**
@@ -4477,8 +4477,8 @@ class Hr extends Z {
    * for remark about flicker / fonts smoothing
    */
   applyNavigationPosition(e) {
-    const n = this.element$.getValue(), i = _r(e);
-    w(
+    const n = this.element$.getValue(), i = Wr(e);
+    x(
       n.style,
       "transform",
       `translate(${i.x}px, ${i.y}px)`
@@ -4496,10 +4496,10 @@ class Hr extends Z {
     if (!i || i === "none")
       return new V({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return Wr(o);
+    return Br(o);
   }
 }
-const qr = () => (t) => t.pipe(
+const Xr = () => (t) => t.pipe(
   S(({ navigation: e, pagination: n, ...i }) => ({
     navigation: {
       ...e,
@@ -4507,7 +4507,7 @@ const qr = () => (t) => t.pipe(
     },
     ...i
   }))
-), Xr = (t, e, n) => t.bridgeEvent.pagination$.pipe(
+), Yr = (t, e, n) => t.bridgeEvent.pagination$.pipe(
   H(e),
   L(
     ([i, o]) => i.navigationId === o.id
@@ -4524,8 +4524,8 @@ const qr = () => (t) => t.pipe(
       navigation: o
     }))
   )),
-  qr(),
-  N(
+  Xr(),
+  E(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
   S(
@@ -4537,7 +4537,7 @@ const qr = () => (t) => t.pipe(
       requestedPosition: i.position
     })
   )
-), Yr = ({
+), Gr = ({
   navigationResolver: t,
   getNavigationVisibleArea: e
 }) => (n) => n.pipe(
@@ -4570,7 +4570,7 @@ const qr = () => (t) => t.pipe(
       navigation: c
     };
   })
-), Gr = ({ navigationResolver: t }) => (e) => e.pipe(
+), Zr = ({ navigationResolver: t }) => (e) => e.pipe(
   S((n) => {
     if (n.navigation.cfi) {
       const i = t.getNavigationForCfi(
@@ -4587,16 +4587,16 @@ const qr = () => (t) => t.pipe(
     }
     return n;
   })
-), Zr = ({
+), Jr = ({
   navigation: t,
   previousNavigation: e,
   settings: n
-}) => t.directionFromLastNavigation ? t.directionFromLastNavigation : t.url !== void 0 || t.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || t.spineItem || !t.position ? "forward" : n.values.computedPageTurnDirection === "vertical" ? t.position.y > e.position.y || t.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(t.position.x) > Math.abs(e.position.x) || t.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Jr = ({
+}) => t.directionFromLastNavigation ? t.directionFromLastNavigation : t.url !== void 0 || t.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || t.spineItem || !t.position ? "forward" : n.values.computedPageTurnDirection === "vertical" ? t.position.y > e.position.y || t.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(t.position.x) > Math.abs(e.position.x) || t.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Kr = ({
   context: t,
   settings: e
 }) => (n) => n.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const r = Zr({
+    const r = Jr({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -4610,7 +4610,7 @@ const qr = () => (t) => t.pipe(
       direction: r
     };
   })
-), Kr = ({
+), Qr = ({
   spineItemsManager: t,
   navigationResolver: e,
   settings: n,
@@ -4689,20 +4689,20 @@ const qr = () => (t) => t.pipe(
         restrictToScreen: !1
       }) ?? {}, f = (l === "forward" || l === "anchor" ? m : p) ?? p, y = e.get(f);
       if (!y) return;
-      const { endPageIndex: x, beginPageIndex: v } = i.getVisiblePagesFromViewportPosition({
+      const { endPageIndex: v, beginPageIndex: w } = i.getVisiblePagesFromViewportPosition({
         position: c,
         spineItem: y,
         threshold: g,
         restrictToScreen: !1
-      }) ?? {}, b = (l === "forward" || l === "anchor" ? x : v) ?? 0, T = n.getNavigationForSpineItemPage({
+      }) ?? {}, b = (l === "forward" || l === "anchor" ? v : w) ?? 0, T = n.getNavigationForSpineItemPage({
         pageIndex: b,
         spineItemId: y
       }), I = i.getVisibleSpineItemsFromPosition({
         position: T,
         threshold: g,
         restrictToScreen: !1
-      }), E = l === "forward" || l === "anchor" ? I?.beginIndex : I?.endIndex;
-      return e.get(E);
+      }), N = l === "forward" || l === "anchor" ? I?.beginIndex : I?.endIndex;
+      return e.get(N);
     }
     return c && h === "scrollable" ? i.getSpineItemFromPosition(c) : e.get(0);
   };
@@ -4718,7 +4718,7 @@ const qr = () => (t) => t.pipe(
       };
     })
   );
-}, Et = ({ spine: t }) => (e) => e.pipe(
+}, Nt = ({ spine: t }) => (e) => e.pipe(
   $(({ navigation: n, ...i }) => {
     const o = t.getSpineItemSpineLayoutInfo(
       n.spineItem
@@ -4785,7 +4785,7 @@ const qr = () => (t) => t.pipe(
       ...a
     }))
   );
-}, Qr = ({ navigationResolver: t }) => (e) => e.pipe(
+}, es = ({ navigationResolver: t }) => (e) => e.pipe(
   S((n) => {
     if (n.navigation.url) {
       const i = t.getNavigationForUrl(
@@ -4806,9 +4806,9 @@ const qr = () => (t) => t.pipe(
 );
 class mn {
   constructor() {
-    this.isLockedSubject = new ee(0), this.isLocked$ = this.isLockedSubject.pipe(
+    this.isLockedSubject = new te(0), this.isLocked$ = this.isLockedSubject.pipe(
       S((e) => !!e),
-      N()
+      E()
     );
   }
   lock() {
@@ -4818,7 +4818,7 @@ class mn {
     };
   }
 }
-const es = ({
+const ts = ({
   spineLocator: t,
   navigation: e,
   navigationResolver: n,
@@ -4876,7 +4876,7 @@ const es = ({
       return u ? n.getNavigationForPosition(e.position) : n.getNavigationForSpineIndexOrId(s);
     })
   ) : P(new V({ x: 0, y: 0 }));
-}, ts = ({
+}, ns = ({
   navigation: t,
   spineLocator: e,
   spineItemsManager: n,
@@ -4945,7 +4945,7 @@ const es = ({
     }
   }
   return t.position;
-}, ns = ({
+}, is = ({
   navigation: t,
   spineItemsManager: e,
   settings: n,
@@ -4954,7 +4954,7 @@ const es = ({
   spine: r,
   cfiManager: s
 }) => n.values.computedPageTurnMode === "scrollable" ? P(
-  ts({
+  ns({
     navigation: t,
     spineLocator: i,
     navigationResolver: o,
@@ -4962,21 +4962,21 @@ const es = ({
     spineItemsManager: e,
     spine: r
   })
-) : es({
+) : ts({
   navigation: t,
   spineLocator: i,
   navigationResolver: o,
   spineItemsManager: e,
   spine: r,
   cfiManager: s
-}), Nt = ({
+}), Et = ({
   settings: t,
   navigationResolver: e,
   context: n,
   spine: i,
   cfiManager: o
 }) => (r) => r.pipe(
-  $((s) => ns({
+  $((s) => is({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4994,10 +4994,10 @@ const es = ({
       }
     }))
   ))
-), is = "navigation/InternalNavigator", os = A.namespace(is), Rt = (t, e) => t === e || !!t && !!e && t.x === e.x && t.y === e.y, rs = (t, e) => t === e || !!t && !!e && t.width === e.width && t.height === e.height, ss = (t, e) => t.id === e.id && Rt(t.position, e.position) && Rt(t.requestedPosition, e.requestedPosition) && rs(t.requestedVisibleArea, e.requestedVisibleArea);
-class as extends Z {
+), os = "navigation/InternalNavigator", rs = A.namespace(os), Rt = (t, e) => t === e || !!t && !!e && t.x === e.x && t.y === e.y, ss = (t, e) => t === e || !!t && !!e && t.width === e.width && t.height === e.height, as = (t, e) => t.id === e.id && Rt(t.position, e.position) && Rt(t.requestedPosition, e.requestedPosition) && ss(t.requestedVisibleArea, e.requestedVisibleArea);
+class cs extends J {
   constructor(e, n, i, o, r, s, a, c, u, d) {
-    super(), this.settings = e, this.context = n, this.userNavigation$ = i, this.getActiveNavigationModeController = o, this.navigationModeLayout$ = r, this.navigationResolver = s, this.spine = a, this.viewport = c, this.cfiManager = u, this.isUserInteractionLocked$ = d, this.navigationSubject = new ee({
+    super(), this.settings = e, this.context = n, this.userNavigation$ = i, this.getActiveNavigationModeController = o, this.navigationModeLayout$ = r, this.navigationResolver = s, this.spine = a, this.viewport = c, this.cfiManager = u, this.isUserInteractionLocked$ = d, this.navigationSubject = new te({
       animation: !1,
       position: new V({ x: 0, y: 0 }),
       meta: {
@@ -5008,19 +5008,19 @@ class as extends Z {
       type: "api",
       id: /* @__PURE__ */ Symbol("init")
     }), this.navigation$ = this.navigationSubject.pipe(
-      S(({ position: b, id: T, requestedPosition: I, requestedVisibleArea: E, meta: X }) => ({
+      S(({ position: b, id: T, requestedPosition: I, requestedVisibleArea: N, meta: X }) => ({
         position: b,
         id: T,
         requestedPosition: I,
-        requestedVisibleArea: E,
+        requestedVisibleArea: N,
         triggeredBy: X.triggeredBy
       })),
-      N(ss),
-      G(1)
+      E(as),
+      Z(1)
     ), this.locker = new mn();
     const l = () => o().getNavigationVisibleArea(), g = i.pipe(
       H(this.navigationSubject),
-      Yr({
+      Gr({
         navigationResolver: s,
         getNavigationVisibleArea: l
       }),
@@ -5028,17 +5028,17 @@ class as extends Z {
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Qr({
+      es({
         navigationResolver: s
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Gr({
+      Zr({
         navigationResolver: s
       }),
-      Jr({ context: n, settings: e }),
+      Kr({ context: n, settings: e }),
       At({
         cfi: u,
         navigationResolver: s,
@@ -5052,11 +5052,11 @@ class as extends Z {
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      Et({
+      Nt({
         spine: a
       })
     ).pipe(
-      Kr({
+      Qr({
         navigationResolver: s,
         spineItemsManager: a.spineItemsManager,
         settings: e,
@@ -5066,7 +5066,7 @@ class as extends Z {
       $(([b, T]) => {
         const I = b.navigation.cfi || b.navigation.url || e.values.computedPageTurnMode === "scrollable" || T;
         return P(b).pipe(
-          I ? Pe : Nt({
+          I ? Pe : Et({
             navigationResolver: s,
             settings: e,
             spine: a,
@@ -5134,7 +5134,7 @@ class as extends Z {
       p,
       h
     ).pipe(
-      Nt({
+      Et({
         navigationResolver: s,
         settings: e,
         context: n,
@@ -5160,7 +5160,7 @@ class as extends Z {
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      Et({
+      Nt({
         spine: a
       }),
       We({
@@ -5171,7 +5171,7 @@ class as extends Z {
       }),
       S(({ navigation: b }) => b),
       R()
-    ), f = Xr(
+    ), f = Yr(
       n,
       this.navigationSubject,
       a
@@ -5179,9 +5179,9 @@ class as extends Z {
       m,
       g,
       f
-    ), x = (b) => b.pipe(
+    ), v = (b) => b.pipe(
       F(([T, I]) => {
-        os.info(
+        rs.info(
           `navigation updated from ${T.meta.triggeredBy} of type ${T.type}`,
           {
             previousNavigation: I,
@@ -5189,10 +5189,10 @@ class as extends Z {
           }
         ), this.navigationSubject.next(T);
       })
-    ), v = (b) => b.pipe(
+    ), w = (b) => b.pipe(
       F(([T]) => {
-        const I = T.type === "scroll", E = T.meta.triggeredBy === "pagination", X = T.meta.triggeredBy === "restoration";
-        if (I && !X || E) return;
+        const I = T.type === "scroll", N = T.meta.triggeredBy === "pagination", X = T.meta.triggeredBy === "restoration";
+        if (I && !X || N) return;
         const Y = {
           position: T.position,
           animation: T.animation
@@ -5208,8 +5208,8 @@ class as extends Z {
        * We need to start navigation before notifying navigation change, this
        * keeps navigationState sync and avoids a "free" ping in between.
        */
+      w,
       v,
-      x,
       M(this.destroy$)
     ).subscribe();
   }
@@ -5226,7 +5226,7 @@ const Re = (t, e, n) => {
 }, Dt = (t, e, n) => {
   const i = [...Array(n)].map((o, r) => r * e);
   return t <= 0 || n === 0 ? 0 : t >= n * e ? n - 1 : i.findIndex((o) => t < o + e) ?? 0;
-}, cs = ({
+}, us = ({
   itemWidth: t,
   itemHeight: e,
   spineItemPosition: n
@@ -5252,7 +5252,7 @@ const Re = (t, e, n) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const d = cs({
+  const d = us({
     spineItemPosition: n,
     itemHeight: e,
     itemWidth: t
@@ -5269,7 +5269,7 @@ const Re = (t, e, n) => {
     return Dt(n.y, r, l);
   const g = Dt(d, o, l);
   return c ? l - 1 - g : g;
-}, us = ({
+}, ds = ({
   pageIndex: t,
   itemLayout: e,
   context: n,
@@ -5306,7 +5306,7 @@ const Re = (t, e, n) => {
 }) => {
   const i = (a, c, u) => {
     let d;
-    a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? d = a.getBoundingClientRect().x : a && (d = (a ? ni(a, c) : void 0)?.getBoundingClientRect().x || d);
+    a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? d = a.getBoundingClientRect().x : a && (d = (a ? ii(a, c) : void 0)?.getBoundingClientRect().x || d);
     const l = u.layoutInfo?.width || 0, g = n.pageSize.width;
     if (d !== void 0) {
       const h = Be(
@@ -5322,7 +5322,7 @@ const Re = (t, e, n) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => us({
+    }) => ds({
       context: t,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layoutInfo,
@@ -5393,7 +5393,7 @@ const Re = (t, e, n) => {
       });
     }
   };
-}, ds = ({
+}, ls = ({
   context: t,
   settings: e,
   viewport: n
@@ -5463,7 +5463,7 @@ const Re = (t, e, n) => {
   if (!r) return new O({ x: 0, y: 0 });
   const s = Math.min(Math.max(r.yMin, t.y), r.yMax), a = n ? Math.max(r.xMin, Math.min(r.xMax, t.x)) : Math.min(Math.max(r.xMin, t.x), r.xMax);
   return new O({ x: a, y: s });
-}, ls = ({
+}, ps = ({
   position: t,
   size: e,
   isRTL: n,
@@ -5519,7 +5519,7 @@ const Re = (t, e, n) => {
     });
   }
   return new V({ x: 0, y: 0 });
-}, ps = ({
+}, gs = ({
   pageIndex: t,
   spineItemsManager: e,
   spineItemId: n,
@@ -5549,7 +5549,7 @@ const Re = (t, e, n) => {
     pageSizeWidth: r.pageSize.width,
     visibleAreaRectWidth: r.absoluteViewport.width
   });
-}, gs = (t, e) => {
+}, hs = (t, e) => {
   if (e && e instanceof HTMLIFrameElement) {
     const n = e.contentDocument, i = t.trim();
     if (!n || i.length === 0)
@@ -5564,23 +5564,23 @@ const Re = (t, e, n) => {
       return;
     }
   }
-}, hs = ({
+}, ms = ({
   anchor: t,
   spineItem: e,
   spine: n
 }) => {
-  const i = gs(
+  const i = hs(
     t,
     e.renderer.getDocumentFrame()
   );
   return i ? n.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, ms = ({
+}, fs = ({
   anchor: t,
   spineItem: e,
   spineLocator: n,
   spine: i
 }) => {
-  const o = hs({
+  const o = ms({
     anchor: t,
     spineItem: e,
     spine: i
@@ -5589,7 +5589,7 @@ const Re = (t, e, n) => {
     spineItemPosition: new D({ x: o, y: 0 }),
     spineItem: e
   });
-}, fs = ({
+}, Ss = ({
   anchor: t,
   spineItem: e,
   spineLocator: n,
@@ -5597,7 +5597,7 @@ const Re = (t, e, n) => {
   pageSizeWidth: o,
   visibleAreaRectWidth: r
 }) => {
-  const s = ms({
+  const s = fs({
     anchor: t,
     spineItem: e,
     spineLocator: n,
@@ -5608,7 +5608,7 @@ const Re = (t, e, n) => {
     pageSizeWidth: o,
     visibleAreaRectWidth: r
   });
-}, Ss = ({
+}, ys = ({
   spine: t,
   spineItemsManager: e,
   spineLocator: n,
@@ -5624,7 +5624,7 @@ const Re = (t, e, n) => {
     if (u) {
       const d = e.get(u.id);
       if (d) {
-        const l = fs({
+        const l = Ss({
           anchor: a.hash,
           spineItem: d,
           spine: t,
@@ -5647,7 +5647,7 @@ const Re = (t, e, n) => {
     console.error(a);
     return;
   }
-}, ys = ({
+}, Is = ({
   spineItem: t,
   spineItemPosition: e,
   spineLocator: n,
@@ -5666,7 +5666,7 @@ const Re = (t, e, n) => {
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, Is = "spineNavigator", bs = ({
+}, bs = "spineNavigator", vs = ({
   context: t,
   spineItemsManager: e,
   locator: n,
@@ -5675,13 +5675,13 @@ const Re = (t, e, n) => {
   viewport: r,
   cfi: s
 }) => {
-  const a = ds({
+  const a = ls({
     context: t,
     settings: i,
     viewport: r
   });
   return {
-    getNavigationForUrl: (p) => Ss({
+    getNavigationForUrl: (p) => ys({
       context: t,
       spineItemsManager: e,
       spineLocator: n,
@@ -5690,14 +5690,14 @@ const Re = (t, e, n) => {
       visibleAreaRectWidth: r.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (p) => ps({
+    getNavigationForSpineItemPage: (p) => gs({
       ...p,
       spineItemsManager: e,
       spineItemNavigationResolver: a,
       spineLocator: n,
       viewport: r
     }),
-    getNavigationFromSpineItemPosition: (p) => ys({
+    getNavigationFromSpineItemPosition: (p) => Is({
       ...p,
       spineItemLocator: n.spineItemLocator,
       spineLocator: n,
@@ -5712,15 +5712,15 @@ const Re = (t, e, n) => {
         cfi: p
       });
       if (!y) {
-        A.warn(Is, `unable to detect item id from cfi ${p}`);
+        A.warn(bs, `unable to detect item id from cfi ${p}`);
         return;
       }
-      const x = m ? a.getNavigationFromNode(y, m, f) : new D({ x: 0, y: 0 }), v = n.getSpinePositionFromSpineItemPosition({
-        spineItemPosition: x,
+      const v = m ? a.getNavigationFromNode(y, m, f) : new D({ x: 0, y: 0 }), w = n.getSpinePositionFromSpineItemPosition({
+        spineItemPosition: v,
         spineItem: y
       });
       return ue({
-        position: v,
+        position: w,
         pageSizeWidth: r.pageSize.width,
         visibleAreaRectWidth: r.absoluteViewport.width
       });
@@ -5755,10 +5755,10 @@ const Re = (t, e, n) => {
       viewport: r
     }),
     getMostPredominantNavigationForPosition: (p) => {
-      const m = i.values.computedPageTurnDirection, f = 0.5, y = m === "horizontal" ? p.x + r.absoluteViewport.width * f : 0, x = m === "horizontal" ? 0 : p.y + r.absoluteViewport.height * f, v = Vt({
+      const m = i.values.computedPageTurnDirection, f = 0.5, y = m === "horizontal" ? p.x + r.absoluteViewport.width * f : 0, v = m === "horizontal" ? 0 : p.y + r.absoluteViewport.height * f, w = Vt({
         position: new V({
           x: y,
-          y: x
+          y: v
         }),
         size: r.absoluteViewport,
         isRTL: t.isRTL(),
@@ -5768,7 +5768,7 @@ const Re = (t, e, n) => {
       return Je({
         spineItemNavigationResolver: a,
         spineLocator: n,
-        viewportPosition: v,
+        viewportPosition: w,
         viewport: r
       });
     },
@@ -5779,7 +5779,7 @@ const Re = (t, e, n) => {
       spineItemsManager: e,
       spine: o
     }),
-    getBoundaryForPosition: (p, m = r.absoluteViewport) => ls({
+    getBoundaryForPosition: (p, m = r.absoluteViewport) => ps({
       position: p,
       size: m,
       isRTL: t.isRTL(),
@@ -5795,7 +5795,7 @@ const Re = (t, e, n) => {
     }),
     spineItemNavigator: a
   };
-}, vs = ({
+}, ws = ({
   spineItemsManager: t,
   context: e,
   hookManager: n,
@@ -5804,7 +5804,7 @@ const Re = (t, e, n) => {
   viewport: r,
   cfi: s
 }) => {
-  const a = new k(), c = a.asObservable(), u = new mn(), d = s, l = bs({
+  const a = new k(), c = a.asObservable(), u = new mn(), d = s, l = vs({
     cfi: d,
     context: e,
     settings: o,
@@ -5812,13 +5812,13 @@ const Re = (t, e, n) => {
     locator: i.locator,
     spine: i,
     viewport: r
-  }), g = new Hr(
+  }), g = new qr(
     o,
     n,
     e,
     i,
     r
-  ), h = new Tr(
+  ), h = new Cr(
     r,
     o,
     n,
@@ -5831,7 +5831,7 @@ const Re = (t, e, n) => {
     ...p.flatMap(
       (I) => I.layout$ ? [I.layout$] : []
     )
-  ), y = new as(
+  ), y = new cs(
     o,
     e,
     c,
@@ -5842,18 +5842,18 @@ const Re = (t, e, n) => {
     r,
     d,
     u.isLocked$
-  ), x = _([
+  ), v = _([
     ...p.map((I) => I.isNavigating$),
     u.isLocked$,
     y.locker.isLocked$
   ]).pipe(
-    S((I) => I.some((E) => E) ? "busy" : "free"),
-    N(),
-    G(1)
-  ), v = y.navigation$.pipe(
+    S((I) => I.some((N) => N) ? "busy" : "free"),
+    E(),
+    Z(1)
+  ), w = y.navigation$.pipe(
     S(({ position: I }) => I),
-    N(U),
-    G(1)
+    E(U),
+    Z(1)
   );
   return {
     destroy: () => {
@@ -5865,7 +5865,7 @@ const Re = (t, e, n) => {
     internalNavigator: y,
     scrollNavigationController: h,
     controlledNavigationController: g,
-    navigationState$: x,
+    navigationState$: v,
     navigate: (I) => {
       A.info("User navigation", I), a.next(I);
     },
@@ -5882,10 +5882,10 @@ const Re = (t, e, n) => {
     isLocked$: u.isLocked$,
     navigationResolver: l,
     navigation$: y.navigation$,
-    position$: v
+    position$: w
   };
 };
-class ws extends re {
+class xs extends re {
   constructor(e, n) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5903,7 +5903,7 @@ class ws extends re {
     this.mergeCompare(e);
   }
 }
-class xs extends Z {
+class Ps extends J {
   constructor(e, n, i, o, r, s, a) {
     super(), this.context = e, this.pagination = n, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = r, this.isNavigationLocked$ = s, this.cfi = a;
     const c = C(
@@ -5932,13 +5932,13 @@ class xs extends Z {
               threshold: { type: "percentage", value: 0.5 }
             }) ?? {}, f = this.spineItemsManager.get(p), y = this.spineItemsManager.get(m);
             if (!f || !y) return;
-            const x = h.beginCfi, v = h.endCfi, { beginPageIndex: b = 0 } = d({
+            const v = h.beginCfi, w = h.endCfi, { beginPageIndex: b = 0 } = d({
               spineItem: f,
               position: g
             }) ?? {}, { endPageIndex: T = 0 } = d({
               spineItem: y,
               position: g
-            }) ?? {}, I = x === void 0 || this.cfi.isRootCfi(x) || h.beginSpineItemIndex !== p, E = h.endSpineItemIndex !== m || v === void 0 || this.cfi.isRootCfi(v), X = I ? this.cfi.generateRootCfi(f.item) : x, Y = E ? this.cfi.generateRootCfi(y.item) : v, se = f.numberOfPages, ve = y.numberOfPages;
+            }) ?? {}, I = v === void 0 || this.cfi.isRootCfi(v) || h.beginSpineItemIndex !== p, N = h.endSpineItemIndex !== m || w === void 0 || this.cfi.isRootCfi(w), X = I ? this.cfi.generateRootCfi(f.item) : v, Y = N ? this.cfi.generateRootCfi(y.item) : w, se = f.numberOfPages, ve = y.numberOfPages;
             this.pagination.update({
               beginCfi: X,
               beginNumberOfPagesInSpineItem: se,
@@ -5988,14 +5988,14 @@ class xs extends Z {
     C(c, u).pipe(M(this.destroy$)).subscribe();
   }
 }
-class Ps extends Z {
+class $s extends J {
   constructor(e) {
     super();
     const n = {
       ...this.getDefaultSettings(),
       ...e
     };
-    this.inputSettings = n, this.outputSettingsUpdateSubject = new k(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(G(1)), this._settings$.subscribe();
+    this.inputSettings = n, this.outputSettingsUpdateSubject = new k(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(Z(1)), this._settings$.subscribe();
   }
   _prepareUpdate(e) {
     const n = Le(this.inputSettings, e), i = this.getOutputSettings(n), o = !U(this.outputSettings, i);
@@ -6026,14 +6026,14 @@ class Ps extends Z {
   watch(e) {
     return this.values$.pipe(
       Zt(e),
-      N(U)
+      E(U)
     );
   }
   destroy() {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class $s extends Ps {
+class Ts extends $s {
   constructor(e, n) {
     super(e), this.context = n, n.watch(["manifest", "hasVerticalWriting"]).pipe(
       F(() => this.update(this.values)),
@@ -6072,7 +6072,7 @@ class $s extends Ps {
     };
   }
 }
-class Ts extends Ne {
+class Cs extends Ee {
   onUnload() {
     return q;
   }
@@ -6091,37 +6091,38 @@ class Ts extends Ne {
   getDocumentFrame() {
   }
 }
-class Cs extends Z {
+class Fs extends J {
   constructor(e, n, i, o, r, s, a) {
     super(), this.item = e, this.containerElement = n, this.context = i, this.hookManager = o, this.renderer = r, this.settings = s, this.viewport = a, this.layoutTriggerSubject = new k(), this.lastLayout = null, this.computeLayoutInformation = ({
       isLastItem: u,
-      horizontalOffset: d
+      horizontalOffset: d,
+      spreadPosition: l
     }) => {
-      let l = this.viewport.value.pageSize.width, g = "none";
-      const h = d % this.viewport.absoluteViewport.width === 0, p = this.context.manifest, m = hn(p) ?? !1;
+      let g = this.viewport.value.pageSize.width, h = "none";
+      const p = d % this.viewport.absoluteViewport.width === 0, m = this.context.manifest, f = hn(m) ?? !1;
       if (this.settings.values.computedSpreadMode) {
-        !m && this.renderer.renditionLayout === "reflowable" && !u && (l = this.viewport.value.pageSize.width * 2), !m && this.renderer.renditionLayout === "reflowable" && u && h && (l = this.viewport.value.pageSize.width * 2);
-        const f = h && u && m;
-        this.item.pageSpreadRight && h && !this.context.isRTL() ? (g = "before", l = this.viewport.value.pageSize.width * 2) : this.item.pageSpreadLeft && h && this.context.isRTL() ? (g = "before", l = this.viewport.value.pageSize.width * 2) : f && (this.context.isRTL() ? g = "before" : g = "after", l = this.viewport.value.pageSize.width * 2);
+        !f && this.renderer.renditionLayout === "reflowable" && !u && (g = this.viewport.value.pageSize.width * 2), !f && this.renderer.renditionLayout === "reflowable" && u && p && (g = this.viewport.value.pageSize.width * 2);
+        const y = p && u && f, v = Fn(this.item);
+        v !== void 0 && v !== l ? (h = "before", g = this.viewport.value.pageSize.width * 2) : y && (this.context.isRTL() ? h = "before" : h = "after", g = this.viewport.value.pageSize.width * 2);
       }
       return {
-        minimumWidth: l,
-        blankPagePosition: g
+        minimumWidth: g,
+        blankPagePosition: h
       };
     }, this.adjustPositionOfElement = ({
       right: u,
       left: d,
       top: l
     }) => {
-      u !== void 0 ? w(
+      u !== void 0 ? x(
         this.containerElement.style,
         "right",
         `${u}px`
-      ) : K(this.containerElement.style, "right"), d !== void 0 ? w(
+      ) : Q(this.containerElement.style, "right"), d !== void 0 ? x(
         this.containerElement.style,
         "left",
         `${d}px`
-      ) : K(this.containerElement.style, "left"), l !== void 0 ? w(this.containerElement.style, "top", `${l}px`) : K(this.containerElement.style, "top");
+      ) : Q(this.containerElement.style, "left"), l !== void 0 ? x(this.containerElement.style, "top", `${l}px`) : Q(this.containerElement.style, "top");
     }, this.updateContainerLayout = ({
       minimumWidth: u,
       edgeX: d,
@@ -6131,12 +6132,12 @@ class Cs extends Z {
         const p = U(
           this.lastLayout?.pageSize,
           this.viewport.pageSize
-        ) ? this.lastLayout : void 0, { width: m, height: f } = p ?? {}, { width: y = m, height: x = f } = h ?? {}, { width: v, height: b } = this.viewport.pageSize, T = this.validateDimension(
-          y ?? v,
-          v,
+        ) ? this.lastLayout : void 0, { width: m, height: f } = p ?? {}, { width: y = m, height: v = f } = h ?? {}, { width: w, height: b } = this.viewport.pageSize, T = this.validateDimension(
+          y ?? w,
+          w,
           u
-        ), I = this.settings.values.computedPageTurnMode === "scrollable" ? x ?? b : this.validateDimension(
-          x ?? b,
+        ), I = this.settings.values.computedPageTurnMode === "scrollable" ? v ?? b : this.validateDimension(
+          v ?? b,
           b,
           b
         );
@@ -6144,11 +6145,11 @@ class Cs extends Z {
           width: T,
           height: I,
           pageSize: this.viewport.pageSize
-        }, w(
+        }, x(
           this.containerElement.style,
           "width",
           `${T}px`
-        ), w(
+        ), x(
           this.containerElement.style,
           "height",
           `${I}px`
@@ -6160,13 +6161,17 @@ class Cs extends Z {
         ), { width: T, height: I });
       })
     ), this.layout = (u) => {
-      const d = Ii(this.didLayout$.pipe(W()));
+      const d = bi(this.didLayout$.pipe(W()));
       return this.layoutTriggerSubject.next(u), d();
     };
     const c = this.layoutTriggerSubject.pipe(
       $(
         ({ spreadPosition: u, horizontalOffset: d, isLastItem: l, edgeX: g, edgeY: h }) => {
-          const { blankPagePosition: p, minimumWidth: m } = this.computeLayoutInformation({ horizontalOffset: d, isLastItem: l });
+          const { blankPagePosition: p, minimumWidth: m } = this.computeLayoutInformation({
+            horizontalOffset: d,
+            isLastItem: l,
+            spreadPosition: u
+          });
           this.hookManager.execute("item.onBeforeLayout", {
             blankPagePosition: p,
             item: this.item,
@@ -6241,7 +6246,7 @@ class In extends re {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (l) => this._layout.layout(l), this.containerElement = Fs(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (l) => this._layout.layout(l), this.containerElement = Ms(
       n,
       e,
       r
@@ -6257,7 +6262,7 @@ class In extends re {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new Ts(u), this._layout = new Cs(
+    this.renderer = c ? c(u) : new Cs(u), this._layout = new Fs(
       e,
       this.containerElement,
       i,
@@ -6282,7 +6287,7 @@ class In extends re {
           isReady: this.renderer.value.state === "loaded"
         });
       }),
-      qn()
+      Xn()
     ), C(
       /**
        * @important
@@ -6345,22 +6350,22 @@ class In extends re {
     });
   }
 }
-const Fs = (t, e, n) => {
+const Ms = (t, e, n) => {
   const i = t.ownerDocument.createElement("div");
-  return i.setAttribute(`data-${no}`, ""), i.classList.add("spineItem"), i.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), i.style.cssText = `
+  return i.setAttribute(`data-${io}`, ""), i.classList.add("spineItem"), i.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), i.style.cssText = `
     position: absolute;
     overflow: hidden;
   `, i.dataset.isReady = "false", n.execute("item.onBeforeContainerAttach", { element: i, item: e }), i;
 };
-class Ms extends Z {
+class Ls extends J {
   constructor(e, n, i, o, r, s) {
-    super(), this.context = e, this.spineItemsManager = n, this.spineLocator = i, this.settings = o, this.spineLayout = r, this.viewport = s, this.forcedOpenSubject = new ee(
+    super(), this.context = e, this.spineItemsManager = n, this.spineLocator = i, this.settings = o, this.spineLayout = r, this.viewport = s, this.forcedOpenSubject = new te(
       /* @__PURE__ */ new Map()
     );
     const a = this.forcedOpenSubject.pipe(
       S((d) => Array.from(d.keys()).sort((l, g) => l - g)),
-      N(Fn),
-      G({ bufferSize: 1, refCount: !0 })
+      E(Mn),
+      Z({ bufferSize: 1, refCount: !0 })
     );
     C(
       this.context.bridgeEvent.position$,
@@ -6382,10 +6387,10 @@ class Ms extends Z {
           useAbsoluteViewport: !1
         }) || {}, m = g === 1 / 0 ? 0 : h - g, f = g === 1 / 0 ? n.items.length - 1 : p + g, y = Array.from(
           { length: f - m + 1 },
-          (v, b) => m + b
-        ), x = [...l, ...y];
-        n.items.forEach((v, b) => {
-          x.includes(b) ? v.load() : v.unload();
+          (w, b) => m + b
+        ), v = [...l, ...y];
+        n.items.forEach((w, b) => {
+          v.includes(b) ? w.load() : w.unload();
         });
       })
     ).pipe(M(this.destroy$)).subscribe();
@@ -6433,12 +6438,12 @@ class Ce extends DOMRect {
     return new Ce(i.x, i.y, i.width, i.height);
   }
 }
-class Ls {
+class As {
   constructor({ width: e, height: n }) {
     this.__symbol = /* @__PURE__ */ Symbol("AbsoluteViewport"), this.width = e, this.height = n;
   }
 }
-class As {
+class Ns {
   constructor({ width: e, height: n }) {
     this.__symbol = /* @__PURE__ */ Symbol("RelativeViewport"), this.width = e, this.height = n;
   }
@@ -6465,7 +6470,7 @@ const Es = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return r;
-}, Ns = ({
+}, Rs = ({
   itemHeight: t,
   itemWidth: e,
   visibleWidthOfItem: n,
@@ -6474,7 +6479,7 @@ const Es = ({
 }) => {
   const r = n / e, s = i / t;
   return o.type === "percentage" ? r >= o.value && s >= o.value : n >= o.value && i >= o.value;
-}, Rs = ({
+}, Ds = ({
   visibleWidthOfItem: t,
   visibleHeightOfItem: e,
   threshold: n,
@@ -6506,14 +6511,14 @@ const Es = ({
     Math.min(t, g) - Math.max(i, l)
   );
   if (h <= 0 || p <= 0) return { visible: !1 };
-  const f = Rs({
+  const f = Ds({
     threshold: s,
     visibleHeightOfItem: p,
     visibleWidthOfItem: h,
     viewportPosition: a
   });
   return c ? { visible: f } : {
-    visible: Ns({
+    visible: Rs({
       itemHeight: r,
       itemWidth: o,
       threshold: s,
@@ -6537,7 +6542,7 @@ const Es = ({
 }) => new V({
   x: e + t.x,
   y: n + t.y
-}), Ds = ({
+}), Os = ({
   position: t,
   threshold: e,
   restrictToScreen: n,
@@ -6556,16 +6561,16 @@ const Es = ({
         t,
         s.absoluteViewport,
         f
-      ), x = Ce.from(
+      ), v = Ce.from(
         y,
         f
-      ), { visible: v } = vn({
+      ), { visible: w } = vn({
         itemPosition: m,
         threshold: e,
-        viewportPosition: x,
+        viewportPosition: v,
         restrictToScreen: n
       });
-      return v ? [...h, p] : h;
+      return w ? [...h, p] : h;
     },
     []
   ), u = c[0] ?? a, d = c[c.length - 1] ?? u;
@@ -6575,7 +6580,7 @@ const Es = ({
     beginIndex: l ?? 0,
     endIndex: g ?? 0
   };
-}, Os = ({
+}, Vs = ({
   spineItemsManager: t,
   context: e,
   spineItemLocator: n,
@@ -6618,37 +6623,37 @@ const Es = ({
     threshold: m,
     spineItem: f,
     restrictToScreen: y,
-    useAbsoluteViewport: x = !0,
-    viewport: v
+    useAbsoluteViewport: v = !0,
+    viewport: w
   }) => {
     const b = f.numberOfPages, I = Array.from(Array(b)).map((Y, se) => {
       const ve = n.getSpineItemPositionFromPageIndex({
         pageIndex: se,
         spineItem: f
-      }), ge = He({
+      }), he = He({
         spineItemPosition: ve,
         itemLayout: o.getSpineItemSpineLayoutInfo(f)
       });
       return {
         index: se,
         absolutePosition: {
-          width: v.pageSize.width,
-          height: v.pageSize.height,
-          left: ge.x,
-          top: ge.y,
-          bottom: ge.y + v.pageSize.height,
-          right: ge.x + v.pageSize.width
+          width: w.pageSize.width,
+          height: w.pageSize.height,
+          left: he.x,
+          top: he.y,
+          bottom: he.y + w.pageSize.height,
+          right: he.x + w.pageSize.width
         }
       };
     }).reduce(
       (Y, { absolutePosition: se, index: ve }) => {
-        const ge = x ? v.absoluteViewport : v.relativeViewport, wn = bn(
+        const he = v ? w.absoluteViewport : w.relativeViewport, wn = bn(
           p,
-          v.absoluteViewport,
-          ge
+          w.absoluteViewport,
+          he
         ), xn = Ce.from(
           wn,
-          ge
+          he
         ), { visible: Pn } = vn({
           viewportPosition: xn,
           restrictToScreen: y,
@@ -6658,10 +6663,10 @@ const Es = ({
         return Pn ? [...Y, ve] : Y;
       },
       []
-    ), E = I[0], X = I[I.length - 1] ?? E;
-    if (!(E === void 0 || X === void 0))
+    ), N = I[0], X = I[I.length - 1] ?? N;
+    if (!(N === void 0 || X === void 0))
       return {
-        beginPageIndex: E,
+        beginPageIndex: N,
         endPageIndex: X
       };
   };
@@ -6699,7 +6704,7 @@ const Es = ({
         itemHeight: m.layoutInfo.height,
         position: f,
         isUsingVerticalWriting: !!m.isUsingVerticalWriting()
-      }), x = n.getSpineItemPagePositionFromSpineItemPosition(
+      }), v = n.getSpineItemPagePositionFromSpineItemPosition(
         f,
         y,
         m
@@ -6707,7 +6712,7 @@ const Es = ({
       return {
         spineItem: m,
         spineItemPageIndex: y,
-        spineItemPagePosition: x,
+        spineItemPagePosition: v,
         pageSize: r.value.pageSize
       };
     },
@@ -6720,7 +6725,7 @@ const Es = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (p) => Ds({
+    getVisibleSpineItemsFromPosition: (p) => Os({
       spineItemsManager: t,
       spineLayout: o,
       viewport: r,
@@ -6731,8 +6736,8 @@ const Es = ({
       viewport: r
     }),
     isPositionWithinSpineItem: (p, m) => {
-      const { bottom: f, left: y, right: x, top: v } = o.getSpineItemSpineLayoutInfo(m);
-      return p.x >= y && p.x <= x && p.y <= f && p.y >= v;
+      const { bottom: f, left: y, right: v, top: w } = o.getSpineItemSpineLayoutInfo(m);
+      return p.x >= y && p.x <= v && p.y <= f && p.y >= w;
     },
     spineItemLocator: n,
     getSafeSpineItemPositionFromUnsafeSpineItemPosition: (p, m) => {
@@ -6744,14 +6749,14 @@ const Es = ({
     }
   };
 };
-class Vs extends Z {
+class ks extends J {
   constructor(e) {
     super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(
       $((n) => C(
         ...n.map(
           (i) => i.pipe(
             S((o) => ({ item: i, ...o })),
-            N(U)
+            E(U)
           )
         )
       )),
@@ -6777,7 +6782,7 @@ class Vs extends Z {
     );
   }
 }
-class ks extends Z {
+class js extends J {
   constructor(e, n, i, o, r) {
     super(), this.spineItemsManager = e, this.spineItemsObserver = n, this.context = i, this.settings = o, this.viewport = r, this.externalLayoutTrigger = new k(), this.spineItemsRelativeLayouts = [];
     const s = C(
@@ -6801,15 +6806,15 @@ class ks extends Z {
       }),
       // Immediate only skips this artificial delay. Item layout itself can still
       // complete asynchronously depending on the renderer.
-      Vn((c) => c.immediate ? P(void 0) : $e(50)),
+      kn((c) => c.immediate ? P(void 0) : $e(50)),
       $(
         () => this.spineItemsManager.items.reduce(
           (c, u, d) => c.pipe(
-            kn(({ horizontalOffset: l, verticalOffset: g }) => {
+            jn(({ horizontalOffset: l, verticalOffset: g }) => {
               const h = l % r.absoluteViewport.width === 0, p = d === e.items.length - 1, m = o.values.computedPageTurnDirection === "vertical", f = i.isRTL(), y = this.getSpreadPosition(
                 h,
                 f
-              ), { edgeX: x, edgeY: v } = this.getStartEdges(
+              ), { edgeX: v, edgeY: w } = this.getStartEdges(
                 m,
                 h,
                 l,
@@ -6820,22 +6825,22 @@ class ks extends Z {
                 spreadPosition: y,
                 horizontalOffset: l,
                 isLastItem: p,
-                edgeX: x,
-                edgeY: v
+                edgeX: v,
+                edgeY: w
               }).pipe(
                 S(({ width: b, height: T }) => {
                   const I = this.createSpineItemLayout(
                     m,
                     f,
-                    x,
                     v,
+                    w,
                     b,
                     T,
                     r.absoluteViewport.width
                   );
                   return this.spineItemsRelativeLayouts[d] = I, {
-                    horizontalOffset: x + b,
-                    verticalOffset: m ? v + T : 0
+                    horizontalOffset: v + b,
+                    verticalOffset: m ? w + T : 0
                   };
                 })
               );
@@ -6919,31 +6924,31 @@ class ks extends Z {
     });
   }
 }
-class js extends Z {
+class Us extends J {
   constructor(e, n, i, o, r, s, a) {
-    super(), this.context = e, this.pagination = n, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = r, this.hookManager = s, this.viewport = a, this.elementSubject = new ee(
+    super(), this.context = e, this.pagination = n, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = r, this.hookManager = s, this.viewport = a, this.elementSubject = new te(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Vs(i), this.spineLayout = new ks(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new ks(i), this.spineLayout = new js(
       i,
       this.spineItemsObserver,
       e,
       r,
       a
-    ), this.locator = Os({
+    ), this.locator = Vs({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: r,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new Ms(
+    }), this.spineItemsLoader = new Ls(
       this.context,
       i,
       this.locator,
       r,
       this.spineLayout,
       this.viewport
-    ), this.pages = new he(
+    ), this.pages = new me(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6999,9 +7004,9 @@ class js extends Z {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class Us extends Z {
+class zs extends J {
   constructor(e, n) {
-    super(), this.context = e, this.settings = n, this.orderedSpineItemsSubject = new ee([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
+    super(), this.context = e, this.settings = n, this.orderedSpineItemsSubject = new te([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
   get(e) {
     return typeof e == "number" ? this.orderedSpineItemsSubject.value[e] : typeof e == "string" ? this.orderedSpineItemsSubject.value.find(
@@ -7036,10 +7041,10 @@ class Us extends Z {
     });
   }
 }
-class zs extends re {
+class _s extends re {
   constructor(e, n) {
     const i = document.createElement("div");
-    i.setAttribute(`data-${eo}`, ""), super({
+    i.setAttribute(`data-${to}`, ""), super({
       element: i,
       pageSize: {
         width: 1,
@@ -7070,15 +7075,15 @@ class zs extends re {
   }
   syncAbsoluteViewportCssVariables(e) {
     const { style: n } = this.value.element;
-    e.width > 0 ? w(
+    e.width > 0 ? x(
       n,
       ft,
       `${e.width}px`
-    ) : K(n, ft), e.height > 0 ? w(
+    ) : Q(n, ft), e.height > 0 ? x(
       n,
       St,
       `${e.height}px`
-    ) : K(n, St);
+    ) : Q(n, St);
   }
   /**
    * Re-measure the viewport and notify viewport-geometry dependents.
@@ -7100,7 +7105,7 @@ class zs extends re {
     }), this.layoutSubject.next();
   }
   get absoluteViewport() {
-    return new Ls({
+    return new As({
       width: this.value.width,
       height: this.value.height
     });
@@ -7128,7 +7133,7 @@ class zs extends re {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, n = this.scaleFactor;
-    return new As({
+    return new Ns({
       width: e.width / n,
       height: e.height / n
     });
@@ -7137,12 +7142,12 @@ class zs extends re {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-const kt = `${Ki}-core`, _s = (t) => {
-  const e = crypto.randomUUID(), n = new k(), i = new k(), o = new Ur(), r = new kr(), s = new $s(t, r), a = new jr(r, s), c = new Us(r, s), u = new Or(o, c), d = new zs(r, s), l = Sn({
+const kt = `${Qi}-core`, Ws = (t) => {
+  const e = crypto.randomUUID(), n = new k(), i = new k(), o = new zr(), r = new jr(), s = new Ts(t, r), a = new Ur(r, s), c = new zs(r, s), u = new Vr(o, c), d = new _s(r, s), l = Sn({
     context: r,
     settings: s,
     viewport: d
-  }), g = new ws(r, c), h = new js(
+  }), g = new xs(r, c), h = new Us(
     r,
     g,
     c,
@@ -7150,7 +7155,7 @@ const kt = `${Ki}-core`, _s = (t) => {
     s,
     o,
     d
-  ), p = vs({
+  ), p = ws({
     cfi: u,
     context: r,
     spineItemsManager: c,
@@ -7158,7 +7163,7 @@ const kt = `${Ki}-core`, _s = (t) => {
     spine: h,
     settings: s,
     viewport: d
-  }), m = new xs(
+  }), m = new Ps(
     r,
     g,
     c,
@@ -7171,28 +7176,28 @@ const kt = `${Ki}-core`, _s = (t) => {
   const f = (I = {}) => {
     n.next(I);
   }, y = (I) => {
-    const { containerElement: E, manifest: X } = I;
+    const { containerElement: N, manifest: X } = I;
     if (r.manifest) {
       A.warn("loading a new book is not supported yet");
       return;
     }
     A.log("load", { options: I });
-    const Y = Ws(E, e);
+    const Y = Bs(N, e);
     r.update({
       manifest: X,
       rootElement: Y
     }), f({ immediate: !0 });
-  }, x = s.watch(["computedSpreadMode"]).pipe(
+  }, v = s.watch(["computedSpreadMode"]).pipe(
     Wt(1),
     z(() => f())
-  ), v = n.pipe(
+  ), w = n.pipe(
     z((I) => {
-      const E = r.value.rootElement;
-      E && (w(E.style, "overflow", "hidden"), d.layout(), h.layout(I));
+      const N = r.value.rootElement;
+      N && (x(N.style, "overflow", "hidden"), d.layout(), h.layout(I));
     }),
     oe(i)
-  ), b = C(v, x).subscribe();
-  nt(document, kt, zr);
+  ), b = C(w, v).subscribe();
+  nt(document, kt, _r);
   const T = () => {
     it(document, kt), b.unsubscribe(), c.destroy(), m.destroy(), s.destroy(), g.destroy(), r.destroy(), p.destroy(), h.destroy(), a.destroy(), i.next(), i.complete(), d.destroy();
   };
@@ -7228,37 +7233,37 @@ const kt = `${Ki}-core`, _s = (t) => {
      * It can typically be used to hide a loading indicator.
      */
     state$: r.manifest$.pipe(
-      pe((I) => I ? "ready" : "idle")
+      ge((I) => I ? "ready" : "idle")
     ),
     features: a,
     $: {
       destroy$: i
     }
   };
-}, Ws = (t, e) => (t.style.cssText = `
+}, Bs = (t, e) => (t.style.cssText = `
     ${t.style.cssText}
     background-color: white;
     position: relative;
-  `, t.classList.add(`${j}-reader`), t.setAttribute(Qi, e), t.setAttribute("data-prose-reader-container", e), t), ra = (
+  `, t.classList.add(`${j}-reader`), t.setAttribute(eo, e), t.setAttribute("data-prose-reader-container", e), t), sa = (
   //__
-  Ir(
-    wi(
-      wr(
-        vi(
-          pi(
-            hr(
-              vr(
-                Lr(
-                  Ao(
-                    Hi(
-                      So(
-                        gi(
-                          Si(
-                            lr(
-                              fo(
-                                br(
+  br(
+    xi(
+      xr(
+        wi(
+          gi(
+            mr(
+              wr(
+                Ar(
+                  No(
+                    qi(
+                      yo(
+                        hi(
+                          yi(
+                            pr(
+                              So(
+                                vr(
                                   // __
-                                  _s
+                                  Ws
                                 )
                               )
                             )
@@ -7275,8 +7280,8 @@ const kt = `${Ki}-core`, _s = (t) => {
       )
     )
   )
-), sa = (t) => (e) => t(e), Bs = 5e3, aa = (t, {
-  itemReadinessTimeoutMs: e = Bs
+), aa = (t) => (e) => t(e), Hs = 5e3, ca = (t, {
+  itemReadinessTimeoutMs: e = Hs
 } = {}) => an(t).pipe(
   $((n) => {
     if (n.boundary === "start") return P(n);
@@ -7285,11 +7290,11 @@ const kt = `${Ki}-core`, _s = (t) => {
       L(Boolean),
       W(),
       S(() => n),
-      e === 1 / 0 ? Pe : jn({
+      e === 1 / 0 ? Pe : Un({
         first: e,
         with: () => q
       }),
-      Io(t.navigation)
+      bo(t.navigation)
     ) : q;
   }),
   R()
@@ -7298,93 +7303,93 @@ export {
   tn as AbstractSpinePosition,
   St as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT,
   ft as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH,
-  Or as CfiManager,
-  kr as Context,
-  Hr as ControlledNavigationController,
-  Z as DestroyableClass,
-  Ne as DocumentRenderer,
-  jr as Features,
-  Qi as HTML_ATTRIBUTE_DATA_READER_ID,
+  Vr as CfiManager,
+  jr as Context,
+  qr as ControlledNavigationController,
+  J as DestroyableClass,
+  Ee as DocumentRenderer,
+  Ur as Features,
+  eo as HTML_ATTRIBUTE_DATA_READER_ID,
   j as HTML_PREFIX,
-  to as HTML_PREFIX_SCROLL_NAVIGATOR,
-  no as HTML_PREFIX_SPINE_ITEM,
-  eo as HTML_PREFIX_VIEWPORT,
-  Ki as HTML_STYLE_PREFIX,
-  Ur as HookManager,
-  as as InternalNavigator,
+  no as HTML_PREFIX_SCROLL_NAVIGATOR,
+  io as HTML_PREFIX_SPINE_ITEM,
+  to as HTML_PREFIX_VIEWPORT,
+  Qi as HTML_STYLE_PREFIX,
+  zr as HookManager,
+  cs as InternalNavigator,
   ct as LayoutEntry,
   mn as Locker,
-  ta as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
-  Qs as PROSE_READER_NAMESPACE,
-  he as Pages,
-  ws as Pagination,
-  xs as PaginationController,
+  na as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  ea as PROSE_READER_NAMESPACE,
+  me as Pages,
+  xs as Pagination,
+  Ps as PaginationController,
   re as ReactiveEntity,
   at as ResourceHandler,
-  Ro as ResourcesLocator,
-  Tr as ScrollNavigationController,
+  Do as ResourcesLocator,
+  Cr as ScrollNavigationController,
   Ft as ScrollPosition,
-  Ps as SettingsManager,
-  js as Spine,
+  $s as SettingsManager,
+  Us as Spine,
   In as SpineItem,
-  qi as SpineItemPageLayout,
-  Xi as SpineItemPageSpineLayout,
+  Xi as SpineItemPageLayout,
+  Yi as SpineItemPageSpineLayout,
   D as SpineItemPosition,
   ze as SpineItemSpineLayout,
-  Us as SpineItemsManager,
-  Vs as SpineItemsObserver,
+  zs as SpineItemsManager,
+  ks as SpineItemsObserver,
   V as SpinePosition,
-  $r as UnboundScrollPosition,
+  Tr as UnboundScrollPosition,
   Ue as UnboundSpineItemPagePosition,
   O as UnboundSpinePosition,
-  ea as VIEWPORT_ADJUSTMENT_THROTTLE,
-  zs as Viewport,
-  No as consolidate,
-  ra as createReader,
+  ta as VIEWPORT_ADJUSTMENT_THROTTLE,
+  _s as Viewport,
+  Ro as consolidate,
+  sa as createReader,
   pt as deferIdle,
-  Ii as deferNextResult,
-  Ar as generateCfiForSpineItemPage,
+  bi as deferNextResult,
+  Nr as generateCfiForSpineItemPage,
   Er as generateCfiFromRange,
   ln as generateRootCfi,
   lt as getAttributeValueFromString,
-  Zs as getBase64FromBlob,
+  Js as getBase64FromBlob,
   ot as getFrameViewportInfo,
-  oa as getItemAnchor,
-  Hi as htmlEnhancer,
+  ra as getItemAnchor,
+  qi as htmlEnhancer,
   Jt as idle,
   nt as injectCSS,
-  ui as injectCSSToFrame,
+  di as injectCSSToFrame,
   ie as isDefined,
   Gt as isHtmlElement,
-  ai as isHtmlTagElement,
-  Nr as isRootCfi,
-  da as isShallowEqual,
-  fo as layoutEnhancer,
+  ci as isHtmlTagElement,
+  Rr as isRootCfi,
+  la as isShallowEqual,
+  So as layoutEnhancer,
   Zt as mapKeysTo,
-  aa as observeBookBoundaryReached,
-  Js as observeIntersection,
+  ca as observeBookBoundaryReached,
+  Ks as observeIntersection,
   gt as observeMutation,
-  yo as observeNextSettledNavigation,
+  Io as observeNextSettledNavigation,
   st as observeResize,
   sn as observeSettledNavigation,
-  lr as paginationEnhancer,
+  pr as paginationEnhancer,
   gn as parseCfi,
-  yi as pick,
+  Ii as pick,
   Ht as removeAttributeIfPresent,
-  Gs as removeCSS,
-  K as removeStylePropertyIfPresent,
-  Dr as resolveCfi,
-  sa as rootEnhancer,
+  Zs as removeCSS,
+  Q as removeStylePropertyIfPresent,
+  Or as resolveCfi,
+  aa as rootEnhancer,
   ne as setAttributeIfChanged,
-  Kn as setPropertyIfChanged,
-  w as setStylePropertyIfChanged,
+  Qn as setPropertyIfChanged,
+  x as setStylePropertyIfChanged,
   on as shouldEnableSpreadModeForViewport,
-  ia as shouldUseComputedSpreadModeForViewport,
-  Oo as spinePositionToSpineItemSpineLayout,
-  Io as takeUntilNextNavigationSettled,
+  oa as shouldUseComputedSpreadModeForViewport,
+  Vo as spinePositionToSpineItemSpineLayout,
+  bo as takeUntilNextNavigationSettled,
   de as upsertCSSToFrame,
-  di as waitForFrameLoad,
-  li as waitForFrameReady,
+  li as waitForFrameLoad,
+  pi as waitForFrameReady,
   rn as waitForNavigationSettled,
   Ve as waitForSwitch,
   rt as watchKeys