@prose-reader/core 1.268.0 → 1.270.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { switchMap as w, of as v, fromEvent as q, take as Tt, map as S, from as A, takeUntil as $, Observable as se, defer as Ft, Subject as R, combineLatest as N, merge as x, EMPTY as _, NEVER as he, tap as P, share as j, BehaviorSubject as Y, distinctUntilChanged as k, filter as M, mergeMap as ge, first as V, endWith as ye, catchError as Ue, finalize as pe, lastValueFrom as an, scheduled as cn, animationFrameScheduler as ce, exhaustMap as ze, debounceTime as be, withLatestFrom as z, throttleTime as un, startWith as ne, shareReplay as J, switchScan as ln, defaultIfEmpty as dn, forkJoin as pn, delay as xe, timer as Te, skip as Lt, ReplaySubject as ot, identity as Pe, reduce as gn, concatMap as st } from "rxjs";
-import { Report as hn, isShallowEqual as U, shallowMergeIfDefined as $e, getParentPath as mn, parseContentType as fn, detectMimeTypeFromName as Me, arrayEqual as yn } from "@prose-reader/shared";
-import { isShallowEqual as or } from "@prose-reader/shared";
-import { switchMap as X, first as Mt, map as ie, distinctUntilChanged as fe, startWith as Sn, shareReplay as Ze, tap as O, pairwise as In, take as bn, takeUntil as K, filter as ae, debounceTime as vn, skip as Ct, mergeMap as wn, catchError as rt } from "rxjs/operators";
-import { generate as We, parse as Et, isIndirectionOnly as xn, isParsedCfiRange as Pn, resolve as $n } from "@prose-reader/cfi";
-const Tn = "@prose-reader/core", D = hn.namespace(Tn, void 0, {
+import { switchMap as w, of as v, fromEvent as q, take as Tt, map as S, from as A, takeUntil as $, Observable as se, defer as Ft, Subject as R, combineLatest as O, merge as P, EMPTY as _, NEVER as he, tap as x, share as j, BehaviorSubject as Y, distinctUntilChanged as k, filter as M, mergeMap as ge, first as V, endWith as ye, catchError as Ue, finalize as pe, lastValueFrom as rn, scheduled as an, animationFrameScheduler as ce, exhaustMap as ze, debounceTime as be, withLatestFrom as z, throttleTime as cn, startWith as ne, shareReplay as J, switchScan as un, defaultIfEmpty as ln, forkJoin as dn, delay as Pe, timer as Te, skip as Lt, ReplaySubject as ot, identity as xe, reduce as pn, concatMap as st } from "rxjs";
+import { Report as gn, isShallowEqual as U, shallowMergeIfDefined as $e, getParentPath as hn, parseContentType as mn, detectMimeTypeFromName as Me, arrayEqual as fn } from "@prose-reader/shared";
+import { isShallowEqual as nr } from "@prose-reader/shared";
+import { switchMap as X, first as Mt, map as ie, distinctUntilChanged as fe, startWith as yn, shareReplay as Ze, tap as N, pairwise as Sn, take as In, takeUntil as K, filter as ae, debounceTime as bn, skip as Ct, mergeMap as vn, catchError as rt } from "rxjs/operators";
+import { generate as We, parse as Et, isIndirectionOnly as wn, isParsedCfiRange as Pn, resolve as xn } from "@prose-reader/cfi";
+const $n = "@prose-reader/core", D = gn.namespace($n, void 0, {
   color: "#98cde7"
-}), Fn = [
+}), Tn = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -17,24 +17,24 @@ const Tn = "@prose-reader/core", D = hn.namespace(Tn, void 0, {
   // `touchstart` as const,
   // `touchend` as const,
 ];
-function Ln(n, e, t) {
+function Fn(n, e, t) {
   if ("caretPositionFromPoint" in n)
     return n.caretPositionFromPoint(e, t);
   if ("caretRangeFromPoint" in n && // @ts-expect-error limited availability
   typeof n.caretRangeFromPoint < "u")
     return n.caretRangeFromPoint(e, t);
 }
-const Mn = (n, e) => {
+const Ln = (n, e) => {
   const t = "body" in n ? _e(n.body, e) : _e(n, e), i = "createRange" in n ? n : n.ownerDocument;
   if (t) {
     let o, s = 0;
     const r = i.createRange();
     return Array.from(t.childNodes).some((a) => {
       r.selectNodeContents(a);
-      const c = r.getClientRects(), u = Cn(c, e);
+      const c = r.getClientRects(), u = Mn(c, e);
       if (u) {
         o = r.cloneRange();
-        const l = Ln(
+        const l = Fn(
           i,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -64,13 +64,13 @@ const Mn = (n, e) => {
 function Dt(n, { left: e, right: t }) {
   return n.left <= e && n.right <= e ? "before" : n.left <= e && n.right > e && n.right <= t ? "partially-before" : n.left <= t && n.right > t ? "partially-after" : n.left > t ? "after" : "within";
 }
-function Cn(n, e) {
+function Mn(n, e) {
   return Array.from(n).find((t) => {
     const i = Dt(t, e);
     return i !== "before" && i !== "after";
   });
 }
-const En = (n, e) => {
+const Cn = (n, e) => {
   if (n.nodeType !== Node.CDATA_SECTION_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const t = n.ownerDocument?.createRange();
     t?.selectNodeContents(n);
@@ -92,8 +92,8 @@ const En = (n, e) => {
     if (e.PointerEvent && n instanceof e.PointerEvent)
       return !0;
   }
-  return !!Fn.includes(n.type);
-}, Dn = (n) => {
+  return !!Tn.includes(n.type);
+}, En = (n) => {
   if (Je(n)) return !1;
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
@@ -106,7 +106,7 @@ const En = (n, e) => {
       return n instanceof e.MouseEvent;
   }
   return !1;
-}, Rn = (n) => {
+}, Dn = (n) => {
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
     if (e.TouchEvent)
@@ -118,7 +118,7 @@ const En = (n, e) => {
       return n instanceof e.TouchEvent;
   }
   return !1;
-}, An = () => document.createElement("div"), Rt = (n) => {
+}, Rn = () => document.createElement("div"), Rt = (n) => {
   const e = [
     "img",
     // Images
@@ -134,7 +134,7 @@ const En = (n, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(n?.querySelectorAll(e) || []);
-}, On = (n) => {
+}, An = (n) => {
   if (Rt(n).forEach((t) => {
     const i = t.getAttribute("src") || t.getAttribute("href");
     i?.startsWith("blob:") && n?.defaultView?.URL.revokeObjectURL(i);
@@ -161,7 +161,7 @@ function At(n, e, t = []) {
       return !1;
   return !0;
 }
-function Ot(n) {
+function Nt(n) {
   return At(
     n,
     ["nodeType"],
@@ -170,9 +170,9 @@ function Ot(n) {
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
 function Nn(n, e) {
-  return Ot(n) && n.tagName.toLowerCase() === e.toLowerCase();
+  return Nt(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
-function Vn(n) {
+function On(n) {
   return At(
     n,
     [
@@ -199,9 +199,9 @@ const Ce = (n, e, t, i) => {
 }, at = (n, e) => {
   const t = new RegExp(`${e}\\s*=\\s*([0-9.]+)`, "i"), i = n.match(t) || [], o = i[1] || "0";
   return i && Number.parseFloat(o) || 0;
-}, jn = (n, e, t, i) => {
+}, Vn = (n, e, t, i) => {
   n?.contentDocument?.head && Ce(n.contentDocument, e, t, i);
-}, Bs = (n, e) => {
+}, _s = (n, e) => {
   n?.contentDocument && Ee(n.contentDocument, e);
 }, oe = (n, e, t, i) => {
   if (!n) return;
@@ -212,7 +212,7 @@ const Ce = (n, e, t, i) => {
     o.innerHTML = t;
     return;
   }
-  jn(n, e, t, i);
+  Vn(n, e, t, i);
 }, Ke = (n) => {
   if (n?.contentDocument) {
     const t = n.contentDocument.querySelector("meta[name='viewport']");
@@ -229,17 +229,17 @@ const Ce = (n, e, t, i) => {
     }
   }
   return { hasViewport: !1 };
-}, kn = (n) => n.pipe(
+}, jn = (n) => n.pipe(
   w((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? v(e) : q(e, "load").pipe(
     Tt(1),
     S(() => e)
   ))
-), Un = (n) => n.pipe(
+), kn = (n) => n.pipe(
   w((e) => {
     const t = e?.contentDocument?.fonts.ready;
     return t ? A(t).pipe(S(() => e)) : v(void 0);
   })
-), zn = (n) => (e) => {
+), Un = (n) => (e) => {
   const t = n(e), i = new IntersectionObserver((o) => {
     o.forEach((s) => {
       s.isIntersecting ? s.target.removeAttribute("tab-index") : s.target.setAttribute("tab-index", "-1");
@@ -274,7 +274,7 @@ const Ce = (n, e, t, i) => {
   ), {
     ...t
   };
-}, Wn = (n) => (e) => {
+}, zn = (n) => (e) => {
   const t = n(e);
   return t.context.watch("rootElement").pipe($(t.context.destroy$)).subscribe((i) => {
     if (!i) return;
@@ -295,7 +295,7 @@ const Ce = (n, e, t, i) => {
     clientX: a,
     clientY: c
   };
-}, _n = (n, e, t, i) => {
+}, Wn = (n, e, t, i) => {
   const o = e?.view?.frameElement;
   if (!e || !o) return n;
   const s = t.getSpineItemFromIframe(o), r = o, { height: a, width: c } = i.pageSize;
@@ -315,7 +315,7 @@ const Ce = (n, e, t, i) => {
       enumerable: !0
     }), d;
   }
-  if (Dn(n)) {
+  if (En(n)) {
     const { clientX: u, clientY: l } = Ae({
       position: n,
       frameElement: r
@@ -329,7 +329,7 @@ const Ce = (n, e, t, i) => {
       enumerable: !0
     }), d;
   }
-  if (Rn(n)) {
+  if (Dn(n)) {
     const u = Array.from(n.touches).map((d) => {
       const { clientX: p, clientY: g } = Ae({
         position: d,
@@ -352,7 +352,7 @@ const Ce = (n, e, t, i) => {
     }), l;
   }
   return n;
-}, Hn = [
+}, _n = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -361,21 +361,21 @@ const Ce = (n, e, t, i) => {
   "pointerout",
   "pointerover",
   "pointerup"
-], Bn = [
-  ...Hn
+], Hn = [
+  ..._n
   /*, ...mouseEvents*/
-], Xn = (n) => (e) => {
+], Bn = (n) => (e) => {
   const t = n(e);
   return t.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: i, itemId: o }) => {
       const s = t.spineItemsManager.get(o), r = s?.renderer.getDocumentFrame();
       if (!r || !s) return;
-      const a = Bn.map((c) => {
+      const a = Hn.map((c) => {
         const u = (l) => {
           let d = l;
           if (Je(l) && (d = new PointerEvent(l.type, l)), d !== l) {
-            const p = _n(
+            const p = Wn(
               d,
               l,
               t.spine.locator,
@@ -395,13 +395,13 @@ const Ce = (n, e, t, i) => {
       });
     }
   ), t;
-}, Nt = (n) => ie((e) => Object.entries(e).reduce(
+}, Ot = (n) => ie((e) => Object.entries(e).reduce(
   (t, [i, o]) => n.includes(i) ? {
     ...t,
     [i]: o
   } : t,
   {}
-)), Qe = (n) => (e) => e.pipe(Nt(n), fe(U));
+)), Qe = (n) => (e) => e.pipe(Ot(n), fe(U));
 function et(n) {
   return new se((e) => {
     const t = new ResizeObserver((i) => {
@@ -419,7 +419,7 @@ const De = (n) => (e) => e.pipe(
       ie(() => t)
     )
   )
-), Yn = (n) => {
+), Xn = (n) => {
   let e;
   const t = n.subscribe((i) => {
     e = { result: i };
@@ -449,7 +449,7 @@ const ut = (n, e) => new se((t) => {
   });
   return i.observe(n, e), () => i.disconnect();
 });
-function Xs(n, e) {
+function Hs(n, e) {
   return new se((t) => {
     const i = new IntersectionObserver((o) => {
       t.next(o);
@@ -469,9 +469,9 @@ class jt {
     this.outputSettings = this.computeOutputSettings(i), this.inputSettings = $e(
       this.getDefaultSettings(),
       e
-    ), this.outputSettingsUpdateSubject = new R(), this.values$ = N([
+    ), this.outputSettingsUpdateSubject = new R(), this.values$ = O([
       this.settingsManager.values$,
-      this.outputSettingsUpdateSubject.pipe(Sn(this.outputSettings))
+      this.outputSettingsUpdateSubject.pipe(yn(this.outputSettings))
     ]).pipe(
       ie(([o, s]) => ({ ...o, ...s })),
       Ze(1)
@@ -507,7 +507,7 @@ class jt {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const Ys = (n) => {
+const Bs = (n) => {
   const e = new FileReader();
   return new Promise((t) => {
     e.addEventListener(
@@ -519,7 +519,7 @@ const Ys = (n) => {
     ), e.readAsDataURL(n);
   });
 };
-let qn = class extends jt {
+let Yn = class extends jt {
   computeOutputSettings(e) {
     return e;
   }
@@ -545,8 +545,8 @@ let qn = class extends jt {
     };
   }
 };
-const Gn = (n) => (e) => {
-  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new R(), a = n(e), c = new qn(
+const qn = (n) => (e) => {
+  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new R(), a = n(e), c = new Yn(
     {
       fontScale: t,
       lineHeight: i,
@@ -578,12 +578,12 @@ const Gn = (n) => (e) => {
     }
   });
   const d = (p) => p.pipe(
-    In(),
+    Sn(),
     S(([g, h]) => h.fontScale !== g.fontScale || h.lineHeight !== g.lineHeight)
   );
   return c.values$.pipe(
     d,
-    O(l),
+    N(l),
     $(a.$.destroy$)
   ).subscribe(), {
     ...a,
@@ -592,7 +592,7 @@ const Gn = (n) => (e) => {
     },
     settings: c
   };
-}, Zn = (n) => (e) => {
+}, Gn = (n) => (e) => {
   const t = n(e), i = (o) => q(o, "keyup").pipe(
     S((s) => {
       const { pageTurnDirection: r, computedPageTurnMode: a } = t.settings.values;
@@ -615,7 +615,7 @@ const Gn = (n) => (e) => {
   );
   return i(document).pipe($(t.$.destroy$)).subscribe(), t.spineItemsManager.items$.pipe(
     w(
-      (o) => x(
+      (o) => P(
         ...o.map(
           (s) => s.watch("isLoaded").pipe(
             w(() => {
@@ -628,9 +628,9 @@ const Gn = (n) => (e) => {
     ),
     $(t.$.destroy$)
   ).subscribe(), t;
-}, Jn = (n) => n.spine.spineItemsManager.items$.pipe(
+}, Zn = (n) => n.spine.spineItemsManager.items$.pipe(
   w(
-    (e) => x(
+    (e) => P(
       ...e.map((t) => t.watch("isLoaded").pipe(
         w(() => {
           const i = t.renderer.getDocumentFrame();
@@ -640,12 +640,12 @@ const Gn = (n) => (e) => {
           ).map(
             (r) => q(r, "click")
           );
-          return x(...s);
+          return P(...s);
         })
       ))
     )
   ),
-  P((e) => {
+  x((e) => {
     e.preventDefault();
   }),
   j()
@@ -705,7 +705,7 @@ const Le = class Le extends Q {
             }).filter(
               (l) => l instanceof se
             );
-            return N([v(null), ...u]).pipe(V());
+            return O([v(null), ...u]).pipe(V());
           })
         ))),
         S(() => {
@@ -719,13 +719,13 @@ const Le = class Le extends Q {
       ge(() => this.value.state === "unloading" || this.value.state === "idle" ? _ : (this.next({ state: "unloading", error: void 0 }), this.context.bridgeEvent.viewportFree$.pipe(
         V(),
         w(() => (this.hookManager.destroy("item.onDocumentLoad", this.item.id), this.onUnload().pipe(ye(null), V()))),
-        P(() => {
+        x(() => {
           this.next({ state: "idle", error: void 0 });
         }),
         $(i)
       )))
     );
-    x(this.loaded$, o).pipe(
+    P(this.loaded$, o).pipe(
       Ue((s) => (this.next({ state: "error", error: s }), _)),
       $(this.destroy$)
     ).subscribe();
@@ -802,15 +802,15 @@ const Le = class Le extends Q {
 };
 Le.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 let Se = Le;
-const Kn = (n) => new URL(n.href);
+const Jn = (n) => new URL(n.href);
 class tt {
   constructor(e, t) {
     this.item = e, this.settings = t;
   }
   async getResource() {
-    return await an(
+    return await rn(
       this.settings.values.getResource?.(this.item) ?? v(void 0)
-    ) ?? Kn(this.item);
+    ) ?? Jn(this.item);
   }
   async fetchResource() {
     const e = await this.getResource();
@@ -820,7 +820,7 @@ class tt {
 const kt = (n, e) => {
   const t = n.startsWith("file://"), i = t ? n.replace("file://", "http://") : n, o = new URL(e, i).toString();
   return t ? o.replace("http://", "file://") : o;
-}, Qn = async (n, e, t, i, o) => {
+}, Kn = async (n, e, t, i, o) => {
   if (!n || !n.defaultView) return;
   const s = e.sheet;
   if (s)
@@ -868,7 +868,7 @@ const kt = (n, e) => {
     } catch (r) {
       console.error("Could not access stylesheet rules:", r);
     }
-}, ei = (n, e, t, i, o) => {
+}, Qn = (n, e, t, i, o) => {
   const s = e.getAttribute("src") || e.getAttribute("href");
   if (!s) return v(null);
   const r = i.manifest?.items.find(({ href: c }) => `${kt(t, s).toLowerCase()}`.endsWith(
@@ -890,7 +890,7 @@ const kt = (n, e) => {
         return new se((l) => {
           e.onload = async () => {
             try {
-              e.sheet && await Qn(
+              e.sheet && await Kn(
                 n,
                 e,
                 t,
@@ -905,7 +905,7 @@ const kt = (n, e) => {
       return v(null);
     })
   );
-}, ti = ({
+}, ei = ({
   settings: n,
   item: e,
   context: t
@@ -913,8 +913,8 @@ const kt = (n, e) => {
   w((o) => {
     const s = Rt(
       o.contentDocument
-    ), r = mn(e.href), a = s.map(
-      (c) => ei(
+    ), r = hn(e.href), a = s.map(
+      (c) => Qn(
         o.contentDocument,
         c,
         r,
@@ -922,13 +922,13 @@ const kt = (n, e) => {
         n
       )
     );
-    return N(a).pipe(S(() => o));
+    return O(a).pipe(S(() => o));
   })
-), ni = (n) => {
-  On(n?.contentDocument);
-}, Gs = "@prose-reader/core", Zs = 0, Js = 200, ii = [".xhtml", ".html", ".htm"], W = "prose-reader", Ut = `${W}-style`, oi = `data-${W}-id`, si = `${W}-viewport`, ri = `${W}-scroll-navigator`, ai = async (n, e) => {
+), ti = (n) => {
+  An(n?.contentDocument);
+}, Ys = "@prose-reader/core", qs = 0, Gs = 200, ni = [".xhtml", ".html", ".htm"], W = "prose-reader", Ut = `${W}-style`, ii = `data-${W}-id`, oi = `${W}-viewport`, si = `${W}-scroll-navigator`, ri = async (n, e) => {
   if (typeof n == "string") return n;
-  const t = fn(n.headers.get("Content-Type") || "") || Me(e.href);
+  const t = mn(n.headers.get("Content-Type") || "") || Me(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === t
   )) {
@@ -964,11 +964,11 @@ const kt = (n, e) => {
         </body>
       </html>
     ` : await n.text();
-}, ci = ({
+}, ai = ({
   item: n,
   resourcesHandler: e
 }) => {
-  const t = (i) => ai(i, n);
+  const t = (i) => ri(i, n);
   return (i) => i.pipe(
     w((o) => A(e.getResource()).pipe(
       w((s) => s instanceof URL && n.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
@@ -978,7 +978,7 @@ const kt = (n, e) => {
         "text/html",
         "text/xml"
       ].includes(n.mediaType) || // no encoding ? then try to detect html
-      !n.mediaType && ii.some(
+      !n.mediaType && ni.some(
         (a) => n.href.endsWith(a)
       )) ? (o?.setAttribute("src", n.href), v(o)) : (s instanceof URL ? A(e.fetchResource()) : v(s)).pipe(
         w((a) => {
@@ -986,7 +986,7 @@ const kt = (n, e) => {
             throw new Error("Invalid resource");
           return A(t(a));
         }),
-        P((a) => {
+        x((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
             o?.setAttribute("src", u);
@@ -1000,7 +1000,7 @@ const kt = (n, e) => {
       ))
     ))
   );
-}, ui = () => {
+}, ci = () => {
   const n = document.createElement("iframe");
   return n.frameBorder = "no", n.tabIndex = 0, n.setAttribute(
     "sandbox",
@@ -1015,12 +1015,7 @@ const kt = (n, e) => {
   border: 0px none transparent;
   padding: 0px;
 `, n.setAttribute("role", "main"), n;
-}, zt = () => `
-    body {
-        margin: 0;
-        }
-      }
-    `, Wt = ({
+}, ui = "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}", zt = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t
@@ -1033,102 +1028,51 @@ const kt = (n, e) => {
       n / (i.height ?? 1)
     ), computedWidthScale: o, viewportDimensions: i };
   }
-}, li = ({
-  columnWidth: n,
-  enableTouch: e,
-  spreadPosition: t
-}, i) => `
-      ${zt()}
-      body {
-        ${i ? "" : `
-          display: flex;
-          justify-content: ${t === "left" ? "flex-end" : t === "right" ? "flex-start" : "center"};
-        `}
-      }
-      
-      html, body {
-        height: 100%;
-        width: 100%;
-      }
-      
-      html, body {
-        -max-width: ${n}px !important;
-      }
-      
-      html, body {
-        ${e ? "" : `
-          touch-action: none
-        `}
-      }
-      
-      img {
-        user-select: none;
-        -webkit-user-drag: none;
-        -khtml-user-drag: none;
-        -moz-user-drag: none;
-        -o-user-drag: none;
-        user-drag: none;
-        
-        display: flex;
-        
-        ${i ? "" : `
-          -width: 100%;
-          max-width: 100%;
-          height:100%;
-          object-fit:contain;
-        `}
-      }
-    `, di = ({
-  pageHeight: n,
-  pageWidth: e
-}) => ({ columnHeight: n, columnWidth: e }), lt = (n, e) => {
+}, lt = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, pi = ({
+}, li = ({
   minPageSpread: n,
   blankPagePosition: e,
   spreadPosition: t,
   pageHeight: i,
   pageWidth: o,
   frameElement: s,
-  isRTL: r,
-  enableTouch: a
+  isRTL: r
 }) => {
-  const c = n * o;
+  const a = n * o;
   if (s?.contentDocument && s?.contentWindow) {
-    const { viewportDimensions: u, computedScale: l = 1 } = Wt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, p = i, g = li(
-      {
-        ...di({ pageHeight: i, pageWidth: o }),
-        enableTouch: a,
-        spreadPosition: t
-      },
-      u
-    );
-    if (oe(s, "prose-reader-css", g), u ? lt(s, {
-      width: u.width ?? 1,
-      height: u.height ?? 1
+    const { viewportDimensions: c, computedScale: u = 1 } = zt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, l = !!c, d = o, p = i;
+    if (s.contentDocument?.documentElement && s.contentDocument?.documentElement.setAttribute(
+      "data-prose-reader-html-renderer-has-viewport-dimensions",
+      l.toString()
+    ), c ? lt(s, {
+      width: c.width ?? 1,
+      height: c.height ?? 1
     }) : lt(s, {
       width: d,
       height: p
-    }), u) {
+    }), c) {
       s?.style.setProperty("position", "absolute"), s?.style.setProperty("top", "50%"), t === "left" ? (s?.style.setProperty("right", "0"), s?.style.removeProperty("left")) : e === "before" && r ? (s?.style.setProperty("right", "50%"), s?.style.removeProperty("left")) : t === "right" ? (s?.style.setProperty("left", "0"), s?.style.removeProperty("right")) : (s?.style.setProperty(
         "left",
         e === "before" ? r ? "25%" : "75%" : e === "after" ? r ? "75%" : "25%" : "50%"
       ), s?.style.removeProperty("right"));
-      const h = t !== "none" ? "0" : "-50%", m = t === "right" && e !== "before" ? "left" : t === "left" || e === "before" && r ? "right" : "center";
+      const g = t !== "none" ? "0" : "-50%", h = t === "right" && e !== "before" ? "left" : t === "left" || e === "before" && r ? "right" : "center";
       s?.style.setProperty(
         "transform",
-        `translate(${h}, -50%) scale(${l})`
+        `translate(${g}, -50%) scale(${u})`
       ), s?.style.setProperty(
         "transform-origin",
-        `${m} center`
+        `${h} center`
       );
     } else
       e === "before" ? r ? s?.style.setProperty("margin-right", `${o}px`) : s?.style.setProperty("margin-left", `${o}px`) : (s?.style.removeProperty("margin-left"), s?.style.removeProperty("margin-right"));
-    return { width: c, height: p };
+    return { width: a, height: p };
   }
-  return { width: c, height: i };
-}, gi = () => `
-      ${zt()}
+  return { width: a, height: i };
+}, di = () => `
+      body {
+        margin: 0;
+      }
       html {
         width: 100%;
         height: 100%;
@@ -1142,7 +1086,7 @@ const kt = (n, e) => {
       html, body {
         touch-action: none;
       }
-    `, hi = ({
+    `, pi = ({
   isScrollable: n,
   enableTouch: e
 }) => `
@@ -1167,7 +1111,7 @@ const kt = (n, e) => {
           display: block;
         }
       ` : ""}
-    `, mi = ({
+    `, gi = ({
   width: n,
   columnHeight: e,
   columnWidth: t
@@ -1235,7 +1179,7 @@ const kt = (n, e) => {
       td {
         max-width: ${t}px;
       }
-    `, fi = ({
+    `, hi = ({
   isUsingVerticalWriting: n,
   minimumWidth: e,
   pageHeight: t,
@@ -1251,7 +1195,7 @@ const kt = (n, e) => {
   };
 }, ve = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, yi = ({
+}, mi = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t,
@@ -1265,7 +1209,7 @@ const kt = (n, e) => {
 }) => {
   const l = o * e, d = i?.renditionLayout === "reflowable" && i?.renditionFlow === "scrolled-continuous", p = d ? Math.min(400, n) : n;
   t?.style.setProperty("width", `${e}px`), d ? t?.style.removeProperty("height") : t?.style.setProperty("height", `${p}px`);
-  const { viewportDimensions: g, computedScale: h = 1 } = Wt({
+  const { viewportDimensions: g, computedScale: h = 1 } = zt({
     frameElement: t,
     pageHeight: p,
     pageWidth: e
@@ -1276,7 +1220,7 @@ const kt = (n, e) => {
       oe(
         t,
         "prose-reader-html-renderer-framce-css",
-        gi()
+        di()
       ), ve(t, {
         width: g.width ?? 1,
         height: g.height ?? 1
@@ -1288,11 +1232,11 @@ const kt = (n, e) => {
         `translate(-50%, -50%) scale(${h})`
       ), t?.style.setProperty("transform-origin", "center center");
     else {
-      const b = a ? hi({
+      const b = a ? pi({
         isScrollable: i?.renditionFlow === "scrolled-continuous",
         enableTouch: c
-      }) : mi(
-        fi({
+      }) : gi(
+        hi({
           isUsingVerticalWriting: u,
           minimumWidth: l,
           pageHeight: p,
@@ -1324,38 +1268,41 @@ const kt = (n, e) => {
     return y % l === 0 ? t?.style.setProperty("margin-left", "0px") : (y = y + e, s && !u && t?.style.setProperty("margin-left", `${e}px`)), { width: y, height: f };
   }
 };
-class Si extends Se {
+class fi extends Se {
   constructor() {
-    super(...arguments), this.isImageType = () => !!(this.item.mediaType ?? Me(this.item.href))?.startsWith("image/");
+    super(...arguments), this.isPrePaginated = () => this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest?.renditionLayout === "pre-paginated", this.isImageType = () => !!(this.item.mediaType ?? Me(this.item.href))?.startsWith("image/");
   }
   onCreateDocument() {
-    const e = ui();
+    const e = ci();
     return this.setDocumentContainer(e), v(e);
   }
   onLoadDocument() {
     const e = this.getFrameElement();
     if (!e) throw new Error("invalid frame");
     return v(e).pipe(
-      ci({
+      ai({
         item: this.item,
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
       }),
       De(this.context.bridgeEvent.viewportFree$),
-      P(() => {
+      x(() => {
         this.attach();
       }),
-      kn,
-      ti({
+      jn,
+      x((t) => {
+        this.isPrePaginated() ? oe(t, "prose-reader-css", ui) : this.isImageType();
+      }),
+      ei({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      Un
+      kn
     );
   }
   onUnload() {
-    return ni(this.getFrameElement()), this.detach(), _;
+    return ti(this.getFrameElement()), this.detach(), _;
   }
   onLayout({
     minPageSpread: e,
@@ -1364,16 +1311,17 @@ class Si extends Se {
   }) {
     const { width: o, height: s } = this.viewport.pageSize, r = this.getFrameElement();
     if (!r) return v(void 0);
-    const a = !!this.writingMode?.startsWith("vertical");
-    if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest?.renditionLayout === "pre-paginated") {
-      const u = pi({
+    const a = !!this.writingMode?.startsWith("vertical"), c = this.settings.values.computedPageTurnMode === "scrollable";
+    if (r.contentDocument?.documentElement && (r.contentDocument?.documentElement.setAttribute(
+      "data-prose-reader-html-renderer-spread-position",
+      i
+    ), c ? r.contentDocument?.documentElement.classList.add(
+      "prose-reader-html-renderer-touch-enabled"
+    ) : r.contentDocument?.documentElement.classList.remove(
+      "prose-reader-html-renderer-touch-enabled"
+    )), this.isPrePaginated()) {
+      const l = li({
         blankPagePosition: t,
-        /**
-         * When we have scrollable content, we use "native" touch event from the frame instead of
-         * our own gestures.
-         * @todo move this into scroll navigator
-         */
-        enableTouch: this.settings.values.computedPageTurnMode === "scrollable",
         frameElement: r,
         isRTL: this.context.isRTL(),
         minPageSpread: e,
@@ -1381,9 +1329,9 @@ class Si extends Se {
         pageWidth: o,
         spreadPosition: i
       });
-      return v(u);
+      return v(l);
     }
-    const c = yi({
+    const u = mi({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1400,7 +1348,7 @@ class Si extends Se {
        */
       enableTouch: this.settings.values.computedPageTurnMode === "scrollable"
     });
-    return v(c);
+    return v(u);
   }
   onRenderHeadless() {
     return A(this.resourcesHandler.fetchResource()).pipe(
@@ -1456,13 +1404,13 @@ class Si extends Se {
     return this.getFrameElement();
   }
 }
-const Ii = (n) => (e) => {
+const yi = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(o) {
-      return e.getRenderer?.(o) ?? ((r) => new Si(r));
+      return e.getRenderer?.(o) ?? ((r) => new fi(r));
     }
-  }), i = Jn(t);
+  }), i = Zn(t);
   return i.pipe($(t.$.destroy$)).subscribe(), {
     ...t,
     links$: i
@@ -1481,12 +1429,12 @@ class C {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
   }
 }
-class Oe {
+class Ne {
   constructor(e) {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
 }
-class bi extends nt {
+class Si extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageLayout";
   }
@@ -1496,17 +1444,17 @@ class He extends nt {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class vi extends nt {
+class Ii extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
 }
-class _t {
+class Wt {
   constructor(e) {
     this.x = e.x, this.y = e.y;
   }
 }
-class L extends _t {
+class L extends Wt {
   constructor() {
     super(...arguments), this.__symbol = "SpinePosition";
   }
@@ -1514,7 +1462,7 @@ class L extends _t {
     return new L(e);
   }
 }
-class ue extends _t {
+class ue extends Wt {
   constructor() {
     super(...arguments), this.__symbol = "UnboundSpinePosition";
   }
@@ -1522,17 +1470,17 @@ class ue extends _t {
     return new ue(e);
   }
 }
-const wi = (n, e) => {
+const bi = (n, e) => {
   const t = e.getBoundingClientRect(), { x: i, y: o } = n, { left: s, top: r } = t, a = t.width / e.offsetWidth, c = t.height / e.offsetHeight, u = i - s, l = o - r;
   return {
     x: u / a,
     y: l / c
   };
-}, xi = (n, e) => new ue(
-  wi(n, e)
-), Pi = (n) => ({
-  getSpinePositionFromClientPosition: (e) => n.spine.element ? xi(e, n.spine.element) : void 0
-}), $i = (n) => {
+}, vi = (n, e) => new ue(
+  bi(n, e)
+), wi = (n) => ({
+  getSpinePositionFromClientPosition: (e) => n.spine.element ? vi(e, n.spine.element) : void 0
+}), Pi = (n) => {
   let e;
   const t = n.context.watch("rootElement").pipe(
     X((c) => c ? new se(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
@@ -1545,22 +1493,22 @@ const wi = (n, e) => {
       `, c.appendChild(e), () => {
       e?.remove(), e = void 0;
     })) : he)
-  ), i = (c) => cn(c, ce).pipe(
-    O(() => {
+  ), i = (c) => an(c, ce).pipe(
+    N(() => {
       e?.style.setProperty(
         "visibility",
         "hidden"
       );
     })
   ), o = n.context.bridgeEvent.viewportBusy$.pipe(
-    O(() => {
+    N(() => {
       e?.style.setProperty(
         "visibility",
         "visible"
       );
     })
   ), s = i(n.viewportFree$).pipe(
-    bn(1)
+    In(1)
   ), a = n.settings.values$.pipe(
     ie(() => n.settings.values.computedPageTurnMode),
     fe()
@@ -1570,14 +1518,14 @@ const wi = (n, e) => {
     ),
     K(n.$.destroy$)
   );
-  return x(t, a);
-}, Ti = `${W}-enhancer-loading`, Ht = `${Ti}-container`, Fi = ({
+  return P(t, a);
+}, xi = `${W}-enhancer-loading`, _t = `${xi}-container`, $i = ({
   container: n,
   item: e,
   viewport: t
 }) => {
   const i = n.ownerDocument.createElement("div");
-  i.classList.add(Ht), i.style.cssText = `
+  i.classList.add(_t), i.style.cssText = `
       height: 100%;
       width: 100%;
       max-width: ${t.absoluteViewport.width}px;
@@ -1606,21 +1554,21 @@ const wi = (n, e) => {
       max-width: 300px;
       width: 80%;
     `, i.appendChild(o), i.appendChild(s), i;
-}, Li = (n) => n.spineItemsManager.items$.pipe(
+}, Ti = (n) => n.spineItemsManager.items$.pipe(
   X(
-    (e) => x(
+    (e) => P(
       ...e.map((t) => {
         t.containerElement.style.zIndex = "0";
         const i = t.containerElement.querySelector(
-          `.${Ht}`
-        ), o = i instanceof HTMLElement ? i : Fi({
+          `.${_t}`
+        ), o = i instanceof HTMLElement ? i : $i({
           container: t.containerElement,
           item: t.item,
           viewport: n.viewport
         });
-        return t.containerElement.appendChild(o), x(
+        return t.containerElement.appendChild(o), P(
           t.pipe(
-            O((s) => {
+            N((s) => {
               if (o.style.setProperty(
                 "visibility",
                 s.isReady ? "hidden" : "visible"
@@ -1635,8 +1583,8 @@ const wi = (n, e) => {
               }
             })
           ),
-          N([n.spine.layout$, n.theme.$.theme$]).pipe(
-            O(([, s]) => {
+          O([n.spine.layout$, n.theme.$.theme$]).pipe(
+            N(([, s]) => {
               const r = n.viewport.absoluteViewport.width;
               o.style.setProperty(
                 "max-width",
@@ -1651,11 +1599,11 @@ const wi = (n, e) => {
       })
     )
   )
-), Mi = (n) => {
+), Fi = (n) => {
   n.hookManager.register("item.onDocumentLoad", ({ itemId: e }) => {
     n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling", "no");
   });
-}, Ci = (n) => {
+}, Li = (n) => {
   n.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: t, minimumWidth: i }) => {
@@ -1672,12 +1620,12 @@ const wi = (n, e) => {
       }
     }
   );
-}, Ei = (n) => n.spineItemsManager.items$.pipe(
+}, Mi = (n) => n.spineItemsManager.items$.pipe(
   w(
-    (e) => x(
+    (e) => P(
       ...e.map(
         (t) => t.pipe(
-          P((i) => {
+          x((i) => {
             t.containerElement.dataset.isDirty = i.iDirty.toString(), t.containerElement.dataset.isReady = i.isReady.toString();
           })
         )
@@ -1685,7 +1633,7 @@ const wi = (n, e) => {
     )
   )
 );
-let Di = class extends jt {
+let Ci = class extends jt {
   computeOutputSettings(e) {
     return e;
   }
@@ -1711,21 +1659,21 @@ let Di = class extends jt {
     };
   }
 };
-const Ri = (n) => N([
+const Ei = (n) => O([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
-  P(([{ width: e, height: t }, i]) => {
+  x(([{ width: e, height: t }, i]) => {
     const o = e > t;
     return !o && i?.renditionSpread === "portrait" ? n.settings.update({ spreadMode: !0 }) : o && (i?.renditionSpread === void 0 || i?.renditionSpread === "auto" || i?.renditionSpread === "landscape" || i?.renditionSpread === "both") ? n.settings.update({ spreadMode: !0 }) : n.settings.update({ spreadMode: !1 });
   })
-), Ai = (n) => (e) => {
+), Di = (n) => (e) => {
   const {
     pageHorizontalMargin: t,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = e, r = n(e), a = new Di(
+  } = e, r = n(e), a = new Ci(
     {
       pageHorizontalMargin: t,
       pageVerticalMargin: i,
@@ -1772,7 +1720,7 @@ const Ri = (n) => N([
             `
       );
     }
-  }), Ci(r), Mi(r), r.hookManager.register(
+  }), Li(r), Fi(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: m }) => {
       m.style.opacity = "0", a.values.layoutLayerTransition && (m.style.transition = "opacity 300ms");
@@ -1783,7 +1731,7 @@ const Ri = (n) => N([
   });
   const c = r.spineItemsObserver.itemIsReady$.pipe(
     ae(({ isReady: m }) => m),
-    O(({ item: m }) => {
+    N(({ item: m }) => {
       const y = m.renderer.documentContainer;
       y && (y.style.opacity = "1");
     })
@@ -1792,23 +1740,23 @@ const Ri = (n) => N([
     X(() => r.context.watch("rootElement")),
     ae(Z),
     X((m) => et(m)),
-    vn(100),
+    bn(100),
     ae(Z),
-    O(() => {
+    N(() => {
       r?.layout();
     })
-  ), l = $i(r);
+  ), l = Pi(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     Ct(1),
-    O(() => {
+    N(() => {
       r.layout();
     }),
     K(r.$.destroy$)
   ).subscribe();
   const d = r.spine.pages.pipe(
     Ze({ refCount: !0, bufferSize: 1 })
-  ), p = Ei(r), g = Ri(r), h = Li(r);
-  return x(
+  ), p = Mi(r), g = Ei(r), h = Ti(r);
+  return P(
     c,
     l,
     u,
@@ -1824,10 +1772,10 @@ const Ri = (n) => N([
     settings: a,
     layout$: r.spine.layout$,
     layoutInfo$: d,
-    coordinates: Pi(r)
+    coordinates: wi(r)
   };
 };
-class Oi extends Se {
+class Ri extends Se {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1879,12 +1827,12 @@ class Oi extends Se {
   getDocumentFrame() {
   }
 }
-const Ni = (n) => (e) => {
+const Ai = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(r) {
       const a = e.getRenderer?.(r), u = !!(r.mediaType ?? Me(r.href))?.startsWith("image/");
-      return !a && u ? (l) => new Oi(l) : a;
+      return !a && u ? (l) => new Ri(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1934,15 +1882,15 @@ const Ni = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, Vi = (n, e) => n.links$.pipe(
-  P((t) => {
+}, Ni = (n, e) => n.links$.pipe(
+  x((t) => {
     if (!Nn(t.target, "a") || t.type !== "click") return;
     const i = new URL(t.target.href), o = `${i.origin}${i.pathname}`;
     n.context.manifest?.spineItems.some(
       (r) => r.href === o
     ) && e.goToUrl(i);
   })
-), ee = D.namespace("navigation"), ji = ({
+), ee = D.namespace("navigation"), Oi = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -1974,7 +1922,7 @@ const Ni = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = ji({
+  ), l = Oi({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -1996,7 +1944,7 @@ const Ni = (n) => (e) => {
       x: 0
     })
   );
-}, ki = ({
+}, Vi = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2040,7 +1988,7 @@ const Ni = (n) => (e) => {
     return i.getAdjustedPositionForSpread(l);
   }
   return i.getAdjustedPositionForSpread(u);
-}, Ui = ({
+}, ji = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2072,7 +2020,7 @@ const Ni = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Ui({
+  ), l = ji({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -2094,7 +2042,7 @@ const Ni = (n) => (e) => {
       x: 0
     })
   );
-}, zi = ({
+}, ki = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2142,7 +2090,7 @@ const Ni = (n) => (e) => {
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class Wi {
+class Ui {
   constructor(e) {
     this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new L({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2161,7 +2109,7 @@ class Wi {
   turnRightOrBottom() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = zi({
+    const i = ki({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2179,7 +2127,7 @@ class Wi {
   turnLeftOrTop() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = ki({
+    const i = Vi({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2321,7 +2269,7 @@ class Wi {
     }
   }
 }
-class _i extends Q {
+class zi extends Q {
   constructor(e) {
     super({
       lastDelta: { x: 0, y: 0 },
@@ -2386,23 +2334,23 @@ class G {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
   }
 }
-const Hi = 500;
-class Bi extends G {
+const Wi = 500;
+class _i extends G {
   constructor(e, t) {
     super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new R(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
       ze((o) => {
         const s = this.locker.lock();
-        return x(
+        return P(
           this.scrollNavigationController.userScroll$,
           v(o)
         ).pipe(
           be(
-            Hi,
+            Wi,
             ce
           ),
           V(),
-          P(() => {
+          x(() => {
             const r = this.scrollNavigationController.fromScrollPosition(
               this.scrollNavigationController.scrollPosition
             );
@@ -2418,10 +2366,10 @@ class Bi extends G {
         );
       })
     );
-    x(i).pipe($(this.destroy$)).subscribe();
+    P(i).pipe($(this.destroy$)).subscribe();
   }
 }
-const Xi = (n) => n.pagination.state$.pipe(
+const Hi = (n) => n.pagination.state$.pipe(
   z(n.context.manifest$, n.settings.values$),
   S(
     ([
@@ -2441,32 +2389,32 @@ const Xi = (n) => n.pagination.state$.pipe(
     }
   ),
   k(U)
-), Yi = ({ reader: n, duration: e }) => (t) => {
+), Bi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
   };
   return t.pipe(
-    P(() => {
+    x(() => {
       i || (i = n?.navigation.lock());
     }),
-    un(e, ce, {
+    cn(e, ce, {
       trailing: !0,
       leading: !0
     }),
-    P(o),
+    x(o),
     pe(o)
   );
-}, qi = (n) => (e) => {
-  const t = n(e), i = Xi(t), o = new Wi(t), s = new _i(t), r = new Bi(
+}, Xi = (n) => (e) => {
+  const t = n(e), i = Hi(t), o = new Ui(t), s = new zi(t), r = new _i(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = Vi(t, o), c = r.navigation$.pipe(
-    P((d) => {
+  ), a = Ni(t, o), c = r.navigation$.pipe(
+    x((d) => {
       t.navigation.navigate(d);
     })
   );
-  return x(a, c).pipe($(t.$.destroy$)).subscribe(), {
+  return P(a, c).pipe($(t.$.destroy$)).subscribe(), {
     ...t,
     load: (d) => {
       const { cfi: p, ...g } = d;
@@ -2478,7 +2426,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: d, trigger: p }) => p.pipe(Yi({ duration: d, reader: t })),
+      throttleLock: ({ duration: d, trigger: p }) => p.pipe(Bi({ duration: d, reader: t })),
       panNavigator: s,
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2501,7 +2449,7 @@ const Xi = (n) => n.pagination.state$.pipe(
       goToAbsolutePageIndex: o.goToAbsolutePageIndex.bind(o)
     }
   };
-}, Bt = (n, e, t) => {
+}, Ht = (n, e, t) => {
   const i = t.spineItems.findIndex(
     (o) => o.href === n
   );
@@ -2518,7 +2466,7 @@ const Xi = (n) => n.pagination.state$.pipe(
       const m = {
         title: s.title,
         path: s.path
-      }, y = Bt(n, s.contents, t);
+      }, y = Ht(n, s.contents, t);
       return y ? {
         ...m,
         subChapter: y
@@ -2526,19 +2474,19 @@ const Xi = (n) => n.pagination.state$.pipe(
     }
     return o;
   }, void 0);
-}, Gi = (n, e) => {
+}, Yi = (n, e) => {
   const { href: t } = e;
-  return Bt(t, n.nav?.toc ?? [], n);
-}, Zi = (n) => {
+  return Ht(t, n.nav?.toc ?? [], n);
+}, qi = (n) => {
   const e = n.context.manifest, t = n.spineItemsManager.items;
   return e ? t.reduce(
-    (i, { item: o }) => (i[o.id] = Gi(e, o), i),
+    (i, { item: o }) => (i[o.id] = Yi(e, o), i),
     {}
   ) : {};
-}, Ji = (n) => n.spineItemsManager.items$.pipe(
+}, Gi = (n) => n.spineItemsManager.items$.pipe(
   ne([]),
-  S(() => Zi(n))
-), Ki = (n, e, t) => n + e * t, Qi = (n, e, t) => {
+  S(() => qi(n))
+), Zi = (n, e, t) => n + e * t, Ji = (n, e, t) => {
   const { height: i, width: o } = t.layout.layoutInfo, { top: s, left: r } = n.spine.getSpineItemSpineLayoutInfo(t);
   return n.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
@@ -2553,7 +2501,7 @@ const Xi = (n) => n.pagination.state$.pipe(
       (e.x - r + n.viewport.absoluteViewport.width) / o
     )
   );
-}, eo = (n, e, t, i, o) => o.isReady$.pipe(
+}, Ki = (n, e, t, i, o) => o.isReady$.pipe(
   V(),
   z(n.layoutInfo$),
   S(([s, r]) => {
@@ -2563,17 +2511,17 @@ const Xi = (n) => n.pagination.state$.pipe(
     let m = (t + 1) * (h / g);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
-    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Qi(
+    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Ji(
       n,
       i,
       o
-    ) : m = 0, y = Ki(
+    ) : m = 0, y = Zi(
       l,
       h,
       m
     )), e === u - 1 && t === g - 1 && y > 0.99 ? 1 : y;
   })
-), to = (n) => n.spine.layout$.pipe(
+), Qi = (n) => n.spine.layout$.pipe(
   be(10, ce),
   z(n.pagination.state$),
   S(() => ({
@@ -2591,7 +2539,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), no = (n, e, t, i) => {
+), eo = (n, e, t, i) => {
   const o = e.beginSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.beginSpineItemIndex) : void 0, s = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
   return v({
     ...e,
@@ -2622,7 +2570,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, io = (n) => N([
+}, to = (n) => O([
   n.pagination.state$,
   // Usually pagination change if layout changes (number of pages) however it is especially
   // useful for like webtoon where you still have one page but only the layout will give you the final size
@@ -2631,7 +2579,7 @@ const Xi = (n) => n.pagination.state$.pipe(
 ]).pipe(
   w(([e]) => {
     const t = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
-    return t ? eo(
+    return t ? Ki(
       n,
       e.endSpineItemIndex ?? 0,
       e.endPageIndexInSpineItem || 0,
@@ -2639,8 +2587,8 @@ const Xi = (n) => n.pagination.state$.pipe(
       t
     ) : v(0);
   })
-), oo = (n) => {
-  const e = Ji(n), t = to(n), i = new Y({
+), no = (n) => {
+  const e = Gi(n), t = Qi(n), i = new Y({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2655,13 +2603,13 @@ const Xi = (n) => n.pagination.state$.pipe(
     endChapterInfo: void 0,
     endSpineItemReadingDirection: void 0,
     percentageEstimateOfBook: 0
-  }), o = N([
+  }), o = O([
     n.pagination.state$,
     e,
-    io(n)
+    to(n)
   ]).pipe(
     w(
-      ([r, a, c]) => no(
+      ([r, a, c]) => eo(
         n,
         r,
         a,
@@ -2675,7 +2623,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     ),
     k(U)
   );
-  return { paginationInfo$: N([
+  return { paginationInfo$: O([
     o,
     t
   ]).pipe(
@@ -2691,7 +2639,7 @@ const Xi = (n) => n.pagination.state$.pipe(
         r.endPageIndexInSpineItem ?? 0
       )
     })),
-    P((r) => {
+    x((r) => {
       i.next(r);
     }),
     J(1)
@@ -2699,13 +2647,13 @@ const Xi = (n) => n.pagination.state$.pipe(
 }, me = (n) => We({
   spineIndex: n.index,
   spineId: n.id
-}), Xt = ({
+}), Bt = ({
   nodeOrRange: n,
   offset: e,
   item: t
 }) => {
   const i = "ownerDocument" in n ? n.ownerDocument : n.startContainer.ownerDocument;
-  return !i || !i?.documentElement || n === i ? me(t) : Vn(n) ? We({
+  return !i || !i?.documentElement || n === i ? me(t) : On(n) ? We({
     start: {
       node: n.startContainer,
       offset: n.startOffset,
@@ -2732,25 +2680,25 @@ const Xi = (n) => n.pagination.state$.pipe(
   const o = t.pages.value.pages.find(
     (r) => r.itemIndex === e.index && r.pageIndex === n
   )?.firstVisibleNode, s = e.renderer.getDocumentFrame();
-  return o && s instanceof HTMLIFrameElement && s.contentWindow?.document ? Xt({
+  return o && s instanceof HTMLIFrameElement && s.contentWindow?.document ? Bt({
     nodeOrRange: o.node,
     offset: o.offset,
     item: e.item
   }).trim() : me(e.item);
-}, so = (n, e) => Xt({
+}, io = (n, e) => Bt({
   nodeOrRange: n,
   item: e
-}), Qs = (n) => n.index.toString(), gt = (n) => n[0]?.index === 6 && n.length > 1, Xe = (n) => {
+}), Js = (n) => n.index.toString(), gt = (n) => n[0]?.index === 6 && n.length > 1, Xe = (n) => {
   const e = Et(n);
-  return xn(e);
-}, ro = (n) => Array.isArray(n) ? n[0] && gt(n[0]) ? n[0] : void 0 : n.parent[0] && gt(n.parent[0]) ? n.parent[0] : void 0, it = (n) => {
-  const e = Et(n), s = ((ro(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
+  return wn(e);
+}, oo = (n) => Array.isArray(n) ? n[0] && gt(n[0]) ? n[0] : void 0 : n.parent[0] && gt(n.parent[0]) ? n.parent[0] : void 0, it = (n) => {
+  const e = Et(n), s = ((oo(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     itemIndex: s,
     offset: a ?? 0
   };
-}, Yt = ({
+}, Xt = ({
   cfi: n,
   spineItemsManager: e
 }) => {
@@ -2766,7 +2714,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     const r = s.contentWindow?.document;
     if (r)
       try {
-        const a = $n(n, r, {
+        const a = xn(n, r, {
           throwOnError: !0
         });
         return {
@@ -2793,7 +2741,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     spineItem: o,
     node: null
   };
-}, ao = (n, e) => {
+}, so = (n, e) => {
   if ("cfi" in e) {
     const { itemIndex: s, ...r } = n.cfi.parseCfi(e.cfi);
     return {
@@ -2813,7 +2761,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     itemIndex: t.index,
     node: null
   };
-}, co = (n, e) => {
+}, ro = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
   return s ? Vt().pipe(
@@ -2846,7 +2794,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     })
   ) : v({ ...n, itemIndex: i, ...o });
 };
-class uo {
+class ao {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (t) => {
       const i = this.locatorsByKey.get(t);
@@ -2854,7 +2802,7 @@ class uo {
     }, this.locate = (t, i) => {
       const o = {
         resource: t,
-        meta: ao(this.reader, t)
+        meta: so(this.reader, t)
       };
       return ct(() => {
         const s = this.reader.spineItemsManager.get(
@@ -2879,7 +2827,7 @@ class uo {
         const d = this.reader.spine.layout$.pipe(
           be(10),
           ne(o),
-          ln((p) => co(p.meta, this.reader).pipe(
+          un((p) => ro(p.meta, this.reader).pipe(
             S((g) => ({
               ...p,
               meta: g
@@ -2896,16 +2844,16 @@ class uo {
   }
   locateResource(e, t) {
     return Array.isArray(e) ? ct(
-      () => N(
+      () => O(
         e.map((i) => this.locate(i, t ?? {}))
-      ).pipe(dn([]))
+      ).pipe(ln([]))
     ) : this.locate(e, t ?? {});
   }
 }
-const lo = (n) => (e) => {
-  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = oo(t);
+const co = (n) => (e) => {
+  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = no(t);
   i.pipe($(t.$.destroy$)).subscribe();
-  const s = new uo(t);
+  const s = new ao(t);
   return {
     ...t,
     locateResource: s.locateResource.bind(s),
@@ -2919,7 +2867,7 @@ const lo = (n) => (e) => {
       }
     }
   };
-}, po = (n) => ({
+}, uo = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
     u.onerror = (p) => {
@@ -2971,16 +2919,16 @@ const lo = (n) => (e) => {
       a(d);
     };
   })
-}), Ne = async (n) => new Promise((e, t) => {
+}), Oe = async (n) => new Promise((e, t) => {
   const i = window.indexedDB.open(n);
   i.onerror = (o) => {
     t(o);
   }, i.onsuccess = () => {
-    e(po(i.result));
+    e(uo(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), go = (n) => {
+}), lo = (n) => {
   let e = Date.now().toString();
   const t = new R(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
@@ -2991,7 +2939,7 @@ const lo = (n) => (e) => {
   }, o = async (c, u) => {
     const l = i(c);
     if (!l) return new Response("Item not found", { status: 404 });
-    const p = await (await Ne("prose-reader")).get(`${e}_${l.id}`);
+    const p = await (await Oe("prose-reader")).get(`${e}_${l.id}`);
     if (p)
       return new Response(p, { status: 200 });
     const g = u && await u(l) || await fetch(l.href);
@@ -3000,10 +2948,10 @@ const lo = (n) => (e) => {
     t.next({ id: c, data: u });
   };
   t.asObservable().pipe(
-    wn(({ id: c, data: u }) => {
+    vn(({ id: c, data: u }) => {
       const l = i(c);
       return l ? A(
-        pn([Ne("prose-reader"), A(u.blob())])
+        dn([Oe("prose-reader"), A(u.blob())])
       ).pipe(
         X(([d, p]) => A(d.put(`${e}_${l.id}`, p))),
         rt((d) => (D.error(d), _))
@@ -3012,12 +2960,12 @@ const lo = (n) => (e) => {
     K(n.destroy$)
   ).subscribe();
   const r = n.manifest$.pipe(
-    O(() => {
+    N(() => {
       e = Date.now().toString();
     })
   );
-  return x(r).pipe(
-    X(() => (D.debug("Cleanup up old cache..."), A(Ne("prose-reader")).pipe(
+  return P(r).pipe(
+    X(() => (D.debug("Cleanup up old cache..."), A(Oe("prose-reader")).pipe(
       X(
         (c) => A(c.keys()).pipe(
           ie(
@@ -3038,8 +2986,8 @@ const lo = (n) => (e) => {
       t.complete();
     }
   };
-}, ho = (n) => (e) => {
-  const t = n(e), i = go(t.context);
+}, po = (n) => (e) => {
+  const t = n(e), i = lo(t.context);
   return {
     ...t,
     // $: {
@@ -3051,7 +2999,7 @@ const lo = (n) => (e) => {
     }
     // load,
   };
-}, mo = (n, e) => {
+}, go = (n, e) => {
   const t = n.node.ownerDocument?.createRange(), i = n.node.compareDocumentPosition(e.node);
   if (t) {
     try {
@@ -3071,14 +3019,14 @@ const lo = (n) => (e) => {
     }
     return t;
   }
-}, fo = ({
+}, ho = ({
   selection: n,
   spineItem: e
 }) => {
   const { anchorNode: t, anchorOffset: i, focusNode: o, focusOffset: s } = n;
   if (!(!t || !o))
     try {
-      return mo(
+      return go(
         { node: t, offset: i },
         { node: o, offset: s }
       );
@@ -3090,7 +3038,7 @@ const lo = (n) => (e) => {
       return;
     }
 };
-class yo extends G {
+class mo extends G {
   constructor(e) {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
@@ -3113,16 +3061,16 @@ class yo extends G {
           )
         )
       ) : v(null);
-      this.selectionChange$ = x(
+      this.selectionChange$ = P(
         q(t, "selectionchange"),
         i
       ).pipe(
         S(() => t.getSelection()),
-        $(x(o, this.destroy$)),
+        $(P(o, this.destroy$)),
         ye(null)
       ), this.selectionOver$ = q(t, "pointerdown").pipe(
         w(
-          () => x(
+          () => P(
             q(t, "pointerup"),
             q(t, "pointercancel"),
             q(t, "contextmenu")
@@ -3132,7 +3080,7 @@ class yo extends G {
              * The selection is still valid during the event even if it will
              * be discarded. The timeout make sure to detect this edge case.
              */
-            xe(0),
+            Pe(0),
             S((s) => {
               const r = t.getSelection();
               return r && !r.isCollapsed ? [s, r] : void 0;
@@ -3140,17 +3088,17 @@ class yo extends G {
             M(Z)
           )
         ),
-        $(x(o, this.destroy$))
+        $(P(o, this.destroy$))
       );
     }
   }
 }
-const So = (n) => n.watch("isLoaded").pipe(
+const fo = (n) => n.watch("isLoaded").pipe(
   w(() => {
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
     if (!e || !t) return he;
-    const i = new yo(e);
-    return x(
+    const i = new mo(e);
+    return P(
       i.selectionChange$.pipe(
         S((o) => {
           if (o?.toString())
@@ -3176,14 +3124,14 @@ const So = (n) => n.watch("isLoaded").pipe(
     );
   }),
   k()
-), Io = (n) => (e) => {
+), yo = (n) => (e) => {
   const t = n(e);
   let i;
   const o = t.spineItemsManager.items$.pipe(
     w((l) => {
       const d = l.map((p) => {
         const g = t.spineItemsManager.getSpineItemIndex(p) ?? 0;
-        return So(p).pipe(
+        return fo(p).pipe(
           S((h) => {
             if (h)
               return {
@@ -3193,11 +3141,11 @@ const So = (n) => n.watch("isLoaded").pipe(
           })
         );
       });
-      return x(...d);
+      return P(...d);
     }),
     ne(void 0),
     k(),
-    P((l) => {
+    x((l) => {
       i = l;
     }),
     J({ refCount: !0, bufferSize: 1 })
@@ -3222,7 +3170,7 @@ const So = (n) => n.watch("isLoaded").pipe(
     ne(void 0),
     J({ refCount: !0, bufferSize: 1 })
   );
-  return x(s, u).pipe($(t.$.destroy$)).subscribe(), {
+  return P(s, u).pipe($(t.$.destroy$)).subscribe(), {
     ...t,
     selection: {
       selection$: s,
@@ -3231,7 +3179,7 @@ const So = (n) => n.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: fo
+      createOrderedRangeFromSelection: ho
     }
   };
 }, ht = [
@@ -3249,7 +3197,7 @@ const So = (n) => n.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], bo = (n) => (e) => {
+], So = (n) => (e) => {
   const t = n(e), i = new Y(
     e.theme ?? "bright"
   ), o = () => {
@@ -3291,14 +3239,14 @@ const So = (n) => n.watch("isLoaded").pipe(
       u && oe(u, "prose-reader-theme", o());
     }
   }), t.spineItemsManager.items$.pipe(
-    O(
+    N(
       (a) => a.map(
         ({ element: c }) => s({ container: c })
       )
     ),
     K(t.$.destroy$)
   ).subscribe(), i.pipe(
-    O(() => {
+    N(() => {
       r();
     }),
     K(t.$.destroy$)
@@ -3314,12 +3262,12 @@ const So = (n) => n.watch("isLoaded").pipe(
       }
     }
   };
-}, vo = (n) => (e) => {
+}, Io = (n) => (e) => {
   const t = n(e);
   return {
     ...t,
     utils: {
-      isOrIsWithinValidLink: (s) => !!(Ot(s) && (s.nodeName === "a" ? s : s.closest("a"))?.getAttribute("href")),
+      isOrIsWithinValidLink: (s) => !!(Nt(s) && (s.nodeName === "a" ? s : s.closest("a"))?.getAttribute("href")),
       injectScopedCSS: (s, r, a) => {
         const c = a.replace("${id}", t.id);
         return Ce(s, `${r}-${t.id}`, c);
@@ -3328,7 +3276,7 @@ const So = (n) => n.watch("isLoaded").pipe(
   };
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const wo = (n) => (e) => n(e), xo = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}", mt = (n, e, t) => {
+const bo = (n) => (e) => n(e), vo = "[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}", mt = (n, e, t) => {
   const { clientWidth: i, clientHeight: o } = t.value.element, s = {
     maxX: 0,
     minX: i * (1 - e),
@@ -3339,30 +3287,30 @@ const wo = (n) => (e) => n(e), xo = "[data-prose-reader-scroll-navigator][data-p
     x: Math.min(Math.max(n.x, s.minX), s.maxX),
     y: Math.min(Math.max(n.y, s.minY), s.maxY)
   };
-}, Po = (n, e, t) => {
+}, wo = (n, e, t) => {
   t.style.transformOrigin = "0 0";
   const i = `translate3d(${e.x}px, ${e.y}px, 0px)`, o = `scale(${n})`;
   t.style.transform = `${i} ${o}`;
-}, $o = (n, e, t, i) => {
+}, Po = (n, e, t, i) => {
   const o = e / n, s = t.clientWidth, r = t.clientHeight, a = s / 2 - i.x, c = r / 2 - i.y;
   return {
     x: i.x + a * (1 - o),
     y: i.y + c * (1 - o)
   };
 };
-class qt {
+class Yt {
   constructor(e) {
     this.x = e.x, this.y = e.y;
   }
 }
-class ft extends qt {
+class ft extends Yt {
 }
-class To extends qt {
+class xo extends Yt {
   constructor() {
     super(...arguments), this.__symbol = /* @__PURE__ */ Symbol("UnboundScrollPosition");
   }
 }
-class Fo extends Q {
+class $o extends Q {
   constructor(e, t, i, o, s) {
     super({
       element: void 0
@@ -3377,33 +3325,33 @@ class Fo extends Q {
         top: g.y,
         behavior: "instant"
       }), Te(1).pipe(
-        P(() => {
+        x(() => {
           this.scrollingSubject.next(!1);
         }),
-        $(x(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
+        $(P(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
       ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
     };
     const r = this.context.pipe(
       Qe(["rootElement"]),
-      P(({ rootElement: d }) => {
+      x(({ rootElement: d }) => {
         if (!d) return;
         const p = document.createElement("div");
-        p.setAttribute(`data-${ri}`, ""), p.appendChild(this.viewport.value.element), d.appendChild(p), this.update({ element: p });
+        p.setAttribute(`data-${si}`, ""), p.appendChild(this.viewport.value.element), d.appendChild(p), this.update({ element: p });
       })
-    ), a = N([
+    ), a = O([
       t.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      P(([{ computedPageTurnMode: d }, p]) => {
+      x(([{ computedPageTurnMode: d }, p]) => {
         p && (d === "scrollable" ? p.style.display = "block" : p.style.display = "contents");
       })
-    ), c = this.navigateSubject.pipe(P(this.setViewportPosition));
+    ), c = this.navigateSubject.pipe(x(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
       ne(!1),
-      w(() => x(v(!0), v(!1))),
+      w(() => P(v(!0), v(!1))),
       J(1)
     );
-    const u = x(
+    const u = P(
       o.element$.pipe(
         M(Z),
         w((d) => et(d))
@@ -3422,7 +3370,7 @@ class Fo extends Q {
       ),
       k(),
       ne(!1)
-    ), l = N([
+    ), l = O([
       u,
       this.isScrolling$
     ]).pipe(
@@ -3447,7 +3395,7 @@ class Fo extends Q {
         )
       ),
       j()
-    ), x(r, a, c).pipe($(this.destroy$)).subscribe();
+    ), P(r, a, c).pipe($(this.destroy$)).subscribe();
   }
   update(e) {
     this.mergeCompare(e);
@@ -3477,15 +3425,15 @@ class Fo extends Q {
     });
   }
 }
-const Lo = (n, e, t, i, o) => {
+const To = (n, e, t, i, o) => {
   const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, d = t / e, p = u * d, g = l * d, h = p - s / 2 + i, m = g - r / 2 + o;
-  return new To({
+  return new xo({
     x: h,
     y: m
   });
-}, Mo = (n, e) => {
-  const t = e.viewport, i = e.navigation.scrollNavigationController, o = t.value.element, s = i.value.element, r = i.value.element, a = Math.round(t.scaleFactor * 100) / 100, c = o.offsetLeft, u = o.offsetTop, l = Lo(
-    s ?? An(),
+}, Fo = (n, e) => {
+  const t = e.viewport, i = e.navigation.scrollNavigationController, o = t.value.element, s = i.value.element, r = i.value.element, a = Math.round(t.scaleFactor * 100) / 100, c = o.offsetLeft, u = o.offsetTop, l = To(
+    s ?? Rn(),
     a,
     n,
     c,
@@ -3502,7 +3450,7 @@ const Lo = (n, e, t, i, o) => {
     position: p
   });
 }, we = 200;
-class Co extends Q {
+class Lo extends Q {
   constructor(e) {
     super({
       isZooming: !1,
@@ -3523,7 +3471,7 @@ class Co extends Q {
           currentScale: 1,
           currentPosition: { x: 0, y: 0 }
         }), this.updateZoom(s), s !== 1 && this.isControlled ? Te(o?.animate ? we : 0).pipe(
-          P(() => {
+          x(() => {
             this.reader.layout();
           })
         ) : _;
@@ -3542,7 +3490,7 @@ class Co extends Q {
         ), o?.animate && this.isControlled && (s.style.transition = `transform ${we}ms`), this.updateZoom(1, { x: 0, y: 0 }), s.style.transform = "", this.mergeCompare({
           isZooming: !1
         }), Te(o?.animate ? we : 0).pipe(
-          P(() => {
+          x(() => {
             const r = this.reader.viewport.value.element;
             r.style.transformOrigin = "", r.style.transition = "", this.isControlled && this.reader.layout();
           }),
@@ -3550,7 +3498,7 @@ class Co extends Q {
         );
       })
     );
-    x(t, i).pipe($(this.destroy$)).subscribe();
+    P(t, i).pipe($(this.destroy$)).subscribe();
   }
   enter(e) {
     this.enterSubject.next(e);
@@ -3572,7 +3520,7 @@ class Co extends Q {
   }
   updateZoom(e, t, i) {
     if (this.isControlled) {
-      const o = t || $o(
+      const o = t || Po(
         this.value.currentScale,
         e,
         this.viewport.element,
@@ -3588,11 +3536,11 @@ class Co extends Q {
     });
   }
   applyZoom(e, t) {
-    this.isControlled ? Po(
+    this.isControlled ? wo(
       e,
       t,
       this.viewport.element
-    ) : Mo(e, this.reader);
+    ) : Fo(e, this.reader);
   }
   get isControlled() {
     return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -3604,9 +3552,9 @@ class Co extends Q {
     return this.reader.viewport.value;
   }
 }
-const yt = `${Ut}-enhancer-zoom`, Eo = (n) => (e) => {
-  const t = n(e), i = new Co(t);
-  Ce(document, yt, xo);
+const yt = `${Ut}-enhancer-zoom`, Mo = (n) => (e) => {
+  const t = n(e), i = new Lo(t);
+  Ce(document, yt, vo);
   const o = () => {
     Ee(document, yt), i.destroy(), t.destroy();
   }, s = i;
@@ -3624,8 +3572,8 @@ const yt = `${Ut}-enhancer-zoom`, Eo = (n) => (e) => {
       }
     }
   };
-}, Gt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
-class Do {
+}, qt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
+class Co {
   constructor() {
     this.navigationSubject = new ot(1), this.viewportStateSubject = new Y("free"), this.paginationSubject = new ot(), this.navigationIsLockedSubject = new Y(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       k(),
@@ -3637,11 +3585,11 @@ class Do {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-class Ro extends Q {
+class Eo extends Q {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new Do(), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new Co(), this.manifest$ = this.pipe(
       ie((e) => e.manifest),
       ae(Z),
       fe()
@@ -3652,7 +3600,7 @@ class Ro extends Q {
       ...t,
       ...e,
       ...e.manifest && {
-        isFullyPrePaginated: Gt(i),
+        isFullyPrePaginated: qt(i),
         assumedRenditionLayout: i?.renditionLayout ?? "reflowable"
       }
     };
@@ -3665,14 +3613,14 @@ class Ro extends Q {
     return this.manifest?.readingDirection;
   }
 }
-class Ao extends Q {
+class Do extends Q {
   constructor(e, t) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
       supportedPageTurnMode: ["controlled", "scrollable"],
       supportedPageTurnDirection: ["horizontal", "vertical"],
       supportedComputedPageTurnDirection: ["horizontal", "vertical"]
-    }), N([
+    }), O([
       e.watch(["manifest", "hasVerticalWriting"]),
       t.watch(["computedPageTurnMode"])
     ]).pipe(
@@ -3700,7 +3648,7 @@ class Ao extends Q {
     ).subscribe(this.next.bind(this));
   }
 }
-class Oo {
+class Ro {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3759,20 +3707,20 @@ class Oo {
       (r) => !o.includes(r)
     );
     const s = o.map(({ destroyFn: r }) => r());
-    return N(s);
+    return O(s);
   }
 }
-const No = "[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%}", Vo = (n) => ({
+const Ao = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", No = (n) => ({
   x: -n.x,
   y: -n.y
-}), jo = (n) => n instanceof DOMMatrix ? new L({
+}), Oo = (n) => n instanceof DOMMatrix ? new L({
   x: -n.e,
   y: -n.f
 }) : new L({
   x: -n.x,
   y: -n.y
-}), ko = "navigation/ViewportNavigator", St = D.namespace(ko);
-class Uo extends G {
+}), Vo = "navigation/ViewportNavigator", St = D.namespace(Vo);
+class jo extends G {
   constructor(e, t, i, o, s) {
     super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new R(), this.element$ = new Y(
       document.createElement("div")
@@ -3780,7 +3728,7 @@ class Uo extends G {
     const r = this.spine.element$.pipe(
       M(Z),
       z(this.element$),
-      P(([l, d]) => {
+      x(([l, d]) => {
         d.style.cssText = `
           height: 100%;
           width: 100%;
@@ -3791,22 +3739,22 @@ class Uo extends G {
       "computedPageTurnDirection",
       "computedPageTurnMode",
       "numberOfAdjacentSpineItemToPreLoad"
-    ]), c = N([
+    ]), c = O([
       a,
       this.element$
     ]).pipe(
-      P(([, l]) => {
+      x(([, l]) => {
         e.values.computedPageTurnMode === "scrollable" ? l.style.display = "contents" : l.style.display = "block";
       })
     );
     this.layout$ = c.pipe(
-      P(() => {
+      x(() => {
         St.info("layout", e.values);
       }),
       j()
     );
     const u = this.navigateSubject.pipe(
-      P((l) => {
+      x((l) => {
         St.info("Navigation requested", l);
       })
     );
@@ -3819,7 +3767,7 @@ class Uo extends G {
       })),
       w((l) => {
         const d = this.element$.getValue();
-        return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), x(
+        return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), P(
           v(!0),
           v(null).pipe(
             ge(() => {
@@ -3834,8 +3782,8 @@ class Uo extends G {
                  * anything for x ms while we effectively adjust. We want it to be immediate.
                  * However when user is repeatedly turning page, we can improve smoothness by delaying a bit the adjustment
                  */
-                l.shouldAnimate ? xe(1, ce) : Pe,
-                P((h) => {
+                l.shouldAnimate ? Pe(1, ce) : xe,
+                x((h) => {
                   const m = this.element$.getValue();
                   h.shouldAnimate ? g === "fade" ? (m.style.setProperty(
                     "transition",
@@ -3853,16 +3801,16 @@ class Uo extends G {
                  * need to adjust to anchor to the payload position. This is because we use viewport computed position,
                  * not the value set by `setProperty`
                  */
-                P((h) => {
+                x((h) => {
                   g !== "fade" && this.setViewportPosition(h.position);
                 }),
-                l.shouldAnimate ? xe(p / 2, ce) : Pe,
-                P((h) => {
+                l.shouldAnimate ? Pe(p / 2, ce) : xe,
+                x((h) => {
                   const m = this.element$.getValue();
                   g === "fade" && (this.setViewportPosition(h.position), m.style.setProperty("opacity", "1"));
                 }),
-                l.shouldAnimate ? xe(p / 2, ce) : Pe,
-                P((h) => {
+                l.shouldAnimate ? Pe(p / 2, ce) : xe,
+                x((h) => {
                   g === "fade" && this.setViewportPosition(h.position);
                 })
               );
@@ -3873,7 +3821,7 @@ class Uo extends G {
       }),
       ne(!1),
       J(1)
-    ), x(r, this.isNavigating$, this.layout$).pipe($(this.destroy$)).subscribe();
+    ), P(r, this.isNavigating$, this.layout$).pipe($(this.destroy$)).subscribe();
   }
   /**
    * Programmatically set the viewport position.
@@ -3884,7 +3832,7 @@ class Uo extends G {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = Vo(e);
+    const t = this.element$.getValue(), i = No(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3899,10 +3847,10 @@ class Uo extends G {
     if (!i || i === "none")
       return new L({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return jo(o);
+    return Oo(o);
   }
 }
-const zo = () => (n) => n.pipe(
+const ko = () => (n) => n.pipe(
   S(({ navigation: e, pagination: t, ...i }) => ({
     navigation: {
       ...e,
@@ -3910,7 +3858,7 @@ const zo = () => (n) => n.pipe(
     },
     ...i
   }))
-), Wo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
+), Uo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
   z(e),
   M(
     ([i, o]) => i.navigationId === o.id
@@ -3927,7 +3875,7 @@ const zo = () => (n) => n.pipe(
       navigation: o
     }))
   )),
-  zo(),
+  ko(),
   k(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3939,7 +3887,7 @@ const zo = () => (n) => n.pipe(
       }
     })
   )
-), _o = ({ navigationResolver: n }) => (e) => e.pipe(
+), zo = ({ navigationResolver: n }) => (e) => e.pipe(
   S(([t, i]) => {
     const o = {
       type: "api",
@@ -3976,7 +3924,7 @@ const zo = () => (n) => n.pipe(
       navigation: o
     };
   })
-), Ho = ({ navigationResolver: n }) => (e) => e.pipe(
+), Wo = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.cfi) {
       const i = n.getNavigationForCfi(
@@ -3993,16 +3941,16 @@ const zo = () => (n) => n.pipe(
     }
     return t;
   })
-), Bo = ({
+), _o = ({
   navigation: n,
   previousNavigation: e,
   settings: t
-}) => n.directionFromLastNavigation ? n.directionFromLastNavigation : n.url !== void 0 || n.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || n.spineItem || !n.position ? "forward" : t.values.computedPageTurnDirection === "vertical" ? n.position.y > e.position.y || n.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(n.position.x) > Math.abs(e.position.x) || n.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Xo = ({
+}) => n.directionFromLastNavigation ? n.directionFromLastNavigation : n.url !== void 0 || n.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || n.spineItem || !n.position ? "forward" : t.values.computedPageTurnDirection === "vertical" ? n.position.y > e.position.y || n.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(n.position.x) > Math.abs(e.position.x) || n.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Ho = ({
   context: n,
   settings: e
 }) => (t) => t.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const s = Bo({
+    const s = _o({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -4016,7 +3964,7 @@ const zo = () => (n) => n.pipe(
       direction: s
     };
   })
-), Yo = ({
+), Bo = ({
   spineItemsManager: n,
   navigationResolver: e,
   settings: t
@@ -4185,7 +4133,7 @@ const zo = () => (n) => n.pipe(
       ...a
     }))
   );
-}, qo = ({ navigationResolver: n }) => (e) => e.pipe(
+}, Xo = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.url) {
       const i = n.getNavigationForUrl(
@@ -4204,7 +4152,7 @@ const zo = () => (n) => n.pipe(
     return t;
   })
 );
-class Zt {
+class Gt {
   constructor() {
     this.isLockedSubject = new Y(0), this.isLocked$ = this.isLockedSubject.pipe(
       S((e) => !!e),
@@ -4218,7 +4166,7 @@ class Zt {
     };
   }
 }
-const Go = ({
+const Yo = ({
   spineLocator: n,
   navigation: e,
   navigationResolver: t,
@@ -4275,7 +4223,7 @@ const Go = ({
       return c ? t.getNavigationForPosition(e.position) : t.getNavigationForSpineIndexOrId(s);
     })
   ) : v(new L({ x: 0, y: 0 }));
-}, Zo = ({
+}, qo = ({
   navigation: n,
   spineLocator: e,
   spineItemsManager: t,
@@ -4344,7 +4292,7 @@ const Go = ({
     }
   }
   return n.position;
-}, Jo = ({
+}, Go = ({
   navigation: n,
   spineItemsManager: e,
   settings: t,
@@ -4352,7 +4300,7 @@ const Go = ({
   navigationResolver: o,
   spine: s
 }) => t.values.computedPageTurnMode === "scrollable" ? v(
-  Zo({
+  qo({
     navigation: n,
     spineLocator: i,
     navigationResolver: o,
@@ -4360,7 +4308,7 @@ const Go = ({
     spineItemsManager: e,
     spine: s
   })
-) : Go({
+) : Yo({
   navigation: n,
   spineLocator: i,
   navigationResolver: o,
@@ -4372,7 +4320,7 @@ const Go = ({
   context: t,
   spine: i
 }) => (o) => o.pipe(
-  w((s) => Jo({
+  w((s) => Go({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4389,8 +4337,8 @@ const Go = ({
       }
     }))
   ))
-), Ko = "navigation/InternalNavigator", Qo = D.namespace(Ko);
-class es extends G {
+), Zo = "navigation/InternalNavigator", Jo = D.namespace(Zo);
+class Ko extends G {
   constructor(e, t, i, o, s, r, a, c) {
     super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.controlledNavigationController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isRestorationLocked$ = c, this.navigationSubject = new Y({
       animation: !1,
@@ -4410,27 +4358,27 @@ class es extends G {
         ({ position: f, ...I }, { position: b, ...F }) => U(I, F) && U(f, b)
       ),
       J(1)
-    ), this.locker = new Zt();
+    ), this.locker = new Gt();
     const u = i.pipe(
       z(this.navigationSubject),
-      _o({
+      zo({
         navigationResolver: r
       }),
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      qo({
+      Xo({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Ho({
+      Wo({
         navigationResolver: r
       }),
-      Xo({ context: t, settings: e }),
+      Ho({ context: t, settings: e }),
       It({
         navigationResolver: r,
         settings: e,
@@ -4447,7 +4395,7 @@ class es extends G {
         spine: a
       })
     ).pipe(
-      Yo({
+      Bo({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager,
         settings: e
@@ -4456,7 +4404,7 @@ class es extends G {
       w(([f, I]) => {
         const b = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || I;
         return v(f).pipe(
-          b ? Pe : vt({
+          b ? xe : vt({
             navigationResolver: r,
             settings: e,
             spine: a,
@@ -4493,7 +4441,7 @@ class es extends G {
         );
       }),
       j()
-    ), d = x(
+    ), d = P(
       o.layout$,
       a.layout$
     ).pipe(
@@ -4516,10 +4464,10 @@ class es extends G {
          * it has been controlled outside.
          */
         $(
-          x(l, u)
+          P(l, u)
         )
       ))
-    ), p = x(
+    ), p = P(
       d,
       l
     ).pipe(
@@ -4564,17 +4512,17 @@ class es extends G {
       }),
       S(({ navigation: f }) => f),
       j()
-    ), g = Wo(
+    ), g = Uo(
       t,
       this.navigationSubject,
       a
-    ), h = x(
+    ), h = P(
       p,
       u,
       g
     ), m = (f) => f.pipe(
-      P(([I, b]) => {
-        Qo.info(
+      x(([I, b]) => {
+        Jo.info(
           `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
             previousNavigation: b,
@@ -4583,7 +4531,7 @@ class es extends G {
         ), this.navigationSubject.next(I);
       })
     ), y = (f) => f.pipe(
-      P(([I, b]) => {
+      x(([I, b]) => {
         const F = I.type === "scroll", T = I.meta.triggeredBy === "pagination", E = I.meta.triggeredBy === "restoration", H = U(
           b.position,
           I.position
@@ -4632,14 +4580,14 @@ const Fe = (n, e, t) => {
 }, wt = (n, e, t) => {
   const i = [...Array(t)].map((o, s) => s * e);
   return n <= 0 || t === 0 ? 0 : n >= t * e ? t - 1 : i.findIndex((o) => n < o + e) ?? 0;
-}, ts = ({
+}, Qo = ({
   itemWidth: n,
   itemHeight: e,
   spineItemPosition: t
 }) => new C({
   x: Math.min(n, Math.max(0, t.x)),
   y: Math.min(e, Math.max(0, t.y))
-}), Jt = ({
+}), Zt = ({
   itemHeight: n,
   itemWidth: e,
   isUsingVerticalWriting: t,
@@ -4647,7 +4595,7 @@ const Fe = (n, e, t) => {
   pageHeight: o,
   pageTurnDirection: s,
   pageTurnMode: r
-}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Ye(n, o) : Ye(e, i), xt = ({
+}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Ye(n, o) : Ye(e, i), Pt = ({
   itemWidth: n,
   itemHeight: e,
   position: t,
@@ -4658,11 +4606,11 @@ const Fe = (n, e, t) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const l = ts({
+  const l = Qo({
     spineItemPosition: t,
     itemHeight: e,
     itemWidth: n
-  }).x, d = Jt({
+  }).x, d = Zt({
     isUsingVerticalWriting: i,
     itemHeight: e,
     itemWidth: n,
@@ -4675,7 +4623,7 @@ const Fe = (n, e, t) => {
     return wt(t.y, s, d);
   const p = wt(l, o, d);
   return c ? d - 1 - p : p;
-}, ns = ({
+}, es = ({
   pageIndex: n,
   itemLayout: e,
   context: t,
@@ -4705,14 +4653,14 @@ const Fe = (n, e, t) => {
     x: s,
     y: 0
   });
-}, Kt = ({
+}, Jt = ({
   context: n,
   settings: e,
   viewport: t
 }) => {
   const i = (a, c, u) => {
     let l;
-    a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? l = a.getBoundingClientRect().x : a && (l = (a ? En(a, c) : void 0)?.getBoundingClientRect().x || l);
+    a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? l = a.getBoundingClientRect().x : a && (l = (a ? Cn(a, c) : void 0)?.getBoundingClientRect().x || l);
     const d = u.layout.layoutInfo?.width || 0, p = t.pageSize.width;
     if (l !== void 0) {
       const g = je(
@@ -4728,14 +4676,14 @@ const Fe = (n, e, t) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => ns({
+    }) => es({
       context: n,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layout.layoutInfo,
       pageIndex: a,
       viewport: t
     }),
-    getSpineItemPageIndexFromPosition: (a) => xt({
+    getSpineItemPageIndexFromPosition: (a) => Pt({
       ...a,
       isRTL: n.isRTL(),
       pageWidth: t.pageSize.width,
@@ -4745,7 +4693,7 @@ const Fe = (n, e, t) => {
     }),
     getSpineItemPageIndexFromNode: (a, c, u) => {
       const l = i(a, c, u), { height: d, width: p } = u.layout.layoutInfo;
-      return l ? xt({
+      return l ? Pt({
         isUsingVerticalWriting: !!u.isUsingVerticalWriting(),
         position: l,
         itemHeight: d,
@@ -4780,7 +4728,7 @@ const Fe = (n, e, t) => {
           c,
           d
         );
-        return new Oe({
+        return new Ne({
           x: a.x,
           y: a.y - y
         });
@@ -4788,23 +4736,23 @@ const Fe = (n, e, t) => {
       const m = Fe(p, c, l);
       if (n.isRTL()) {
         const y = l - (c + 1) * p;
-        return new Oe({
+        return new Ne({
           x: a.x - Math.max(0, y),
           y: a.y
         });
       }
-      return new Oe({
+      return new Ne({
         x: a.x - m,
         y: a.y
       });
     }
   };
-}, is = ({
+}, ts = ({
   context: n,
   settings: e,
   viewport: t
 }) => {
-  const i = Kt({
+  const i = Jt({
     context: n,
     settings: e,
     viewport: t
@@ -4828,7 +4776,7 @@ const Fe = (n, e, t) => {
     ) || new C({ x: 0, y: 0 })
   };
 };
-function Qt({
+function Kt({
   position: n,
   isRTL: e,
   spineItemsManager: t,
@@ -4853,7 +4801,7 @@ function Qt({
     y: u
   });
 }
-const Pt = ({
+const xt = ({
   position: n,
   isRTL: e,
   pageSizeHeight: t,
@@ -4861,7 +4809,7 @@ const Pt = ({
   visibleAreaRectWidth: o,
   spine: s
 }) => {
-  const r = Qt({
+  const r = Kt({
     position: n,
     isRTL: e,
     spineItemsManager: i,
@@ -4914,7 +4862,7 @@ const Pt = ({
     });
   }
   return new L({ x: 0, y: 0 });
-}, os = ({
+}, ns = ({
   pageIndex: n,
   spineItemsManager: e,
   spineItemId: t,
@@ -4944,28 +4892,28 @@ const Pt = ({
     pageSizeWidth: s.pageSize.width,
     visibleAreaRectWidth: s.absoluteViewport.width
   });
-}, ss = (n, e) => {
+}, is = (n, e) => {
   if (e && e instanceof HTMLIFrameElement)
     return n.startsWith("#") ? e.contentDocument?.getElementById(
       n.replace("#", "")
     ) : e.contentDocument?.querySelector(n);
-}, rs = ({
+}, os = ({
   anchor: n,
   spineItem: e,
   spine: t
 }) => {
-  const i = ss(
+  const i = is(
     n,
     e.renderer.getDocumentFrame()
   );
   return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, as = ({
+}, ss = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
   spine: i
 }) => {
-  const o = rs({
+  const o = os({
     anchor: n,
     spineItem: e,
     spine: i
@@ -4974,7 +4922,7 @@ const Pt = ({
     spineItemPosition: new C({ x: o, y: 0 }),
     spineItem: e
   });
-}, cs = ({
+}, rs = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
@@ -4982,7 +4930,7 @@ const Pt = ({
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = as({
+  const r = ss({
     anchor: n,
     spineItem: e,
     spineLocator: t,
@@ -4993,7 +4941,7 @@ const Pt = ({
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, us = ({
+}, as = ({
   spine: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -5009,7 +4957,7 @@ const Pt = ({
     if (u) {
       const l = e.get(u.id);
       if (l) {
-        const d = cs({
+        const d = rs({
           anchor: a.hash,
           spineItem: l,
           spine: n,
@@ -5032,7 +4980,7 @@ const Pt = ({
     console.error(a);
     return;
   }
-}, ls = ({
+}, cs = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -5051,7 +4999,7 @@ const Pt = ({
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, ds = "spineNavigator", ps = ({
+}, us = "spineNavigator", ls = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -5059,13 +5007,13 @@ const Pt = ({
   spine: o,
   viewport: s
 }) => {
-  const r = is({
+  const r = ts({
     context: n,
     settings: i,
     viewport: s
   });
   return {
-    getNavigationForUrl: (g) => us({
+    getNavigationForUrl: (g) => as({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
@@ -5074,26 +5022,26 @@ const Pt = ({
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (g) => os({
+    getNavigationForSpineItemPage: (g) => ns({
       ...g,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (g) => ls({
+    getNavigationFromSpineItemPosition: (g) => cs({
       ...g,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
       viewport: s
     }),
     getNavigationForCfi: (g) => {
-      const h = e.getSpineItemFromCfi(g), { node: m, offset: y = 0 } = Yt({
+      const h = e.getSpineItemFromCfi(g), { node: m, offset: y = 0 } = Xt({
         cfi: g,
         spineItemsManager: e
       });
       if (!h) {
-        D.warn(ds, `unable to detect item id from cfi ${g}`);
+        D.warn(us, `unable to detect item id from cfi ${g}`);
         return;
       }
       const f = m ? r.getNavigationFromNode(h, m, y) : new C({ x: 0, y: 0 }), I = t.getSpinePositionFromSpineItemPosition({
@@ -5136,7 +5084,7 @@ const Pt = ({
       viewport: s
     }),
     getMostPredominantNavigationForPosition: (g) => {
-      const h = i.values.computedPageTurnDirection, m = 0.5, y = h === "horizontal" ? g.x + s.absoluteViewport.width * m : 0, f = h === "horizontal" ? 0 : g.y + s.absoluteViewport.height * m, I = Pt({
+      const h = i.values.computedPageTurnDirection, m = 0.5, y = h === "horizontal" ? g.x + s.absoluteViewport.width * m : 0, f = h === "horizontal" ? 0 : g.y + s.absoluteViewport.height * m, I = xt({
         position: new L({
           x: y,
           y: f
@@ -5154,7 +5102,7 @@ const Pt = ({
         viewport: s
       });
     },
-    fromUnboundSpinePosition: (g) => Pt({
+    fromUnboundSpinePosition: (g) => xt({
       position: g,
       isRTL: n.isRTL(),
       pageSizeHeight: s.pageSize.height,
@@ -5162,7 +5110,7 @@ const Pt = ({
       spineItemsManager: e,
       spine: o
     }),
-    fromOutOfBoundsSpinePosition: (g) => Qt({
+    fromOutOfBoundsSpinePosition: (g) => Kt({
       position: g,
       isRTL: n.isRTL(),
       spineItemsManager: e,
@@ -5178,7 +5126,7 @@ const Pt = ({
     }),
     spineItemNavigator: r
   };
-}, gs = ({
+}, ds = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5186,26 +5134,26 @@ const Pt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new R(), a = r.asObservable(), c = new Zt(), u = ps({
+  const r = new R(), a = r.asObservable(), c = new Gt(), u = ls({
     context: e,
     settings: o,
     spineItemsManager: n,
     locator: i.locator,
     spine: i,
     viewport: s
-  }), l = new Uo(
+  }), l = new jo(
     o,
     t,
     e,
     i,
     s
-  ), d = new Fo(
+  ), d = new $o(
     s,
     o,
     t,
     i,
     e
-  ), p = new es(
+  ), p = new Ko(
     o,
     e,
     a,
@@ -5214,7 +5162,7 @@ const Pt = ({
     u,
     i,
     c.isLocked$
-  ), g = N([
+  ), g = O([
     l.isNavigating$,
     d.isNavigating$,
     c.isLocked$,
@@ -5248,7 +5196,7 @@ const Pt = ({
     navigation$: p.navigation$
   };
 };
-class hs extends Q {
+class ps extends Q {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5266,10 +5214,10 @@ class hs extends Q {
     this.mergeCompare(e);
   }
 }
-class ms extends G {
+class gs extends G {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
-    const r = x(
+    const r = P(
       this.context.bridgeEvent.navigation$,
       o.layout$
     ).pipe(
@@ -5285,7 +5233,7 @@ class ms extends G {
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           Tt(1),
           z(this.context.bridgeEvent.navigation$),
-          P(([, u]) => {
+          x(([, u]) => {
             const { position: l } = u, d = this.pagination.value, {
               beginIndex: p,
               endIndex: g
@@ -5317,7 +5265,7 @@ class ms extends G {
       })
     ), a = r.pipe(
       De(this.context.bridgeEvent.viewportFree$),
-      P(() => {
+      x(() => {
         const {
           beginSpineItemIndex: c,
           endSpineItemIndex: u,
@@ -5341,14 +5289,14 @@ class ms extends G {
         });
       })
     );
-    x(r, a).pipe($(this.destroy$)).subscribe();
+    P(r, a).pipe($(this.destroy$)).subscribe();
   }
 }
-const fs = ({
+const hs = ({
   manifest: n,
   spreadMode: e
 }) => n?.renditionFlow === "scrolled-continuous" ? !1 : e;
-class ys extends G {
+class ms extends G {
   constructor(e) {
     super();
     const t = {
@@ -5385,7 +5333,7 @@ class ys extends G {
   }
   watch(e) {
     return this.values$.pipe(
-      Nt(e),
+      Ot(e),
       k(U)
     );
   }
@@ -5393,10 +5341,10 @@ class ys extends G {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class Ss extends ys {
+class fs extends ms {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
-      P(() => this.update(this.values)),
+      x(() => this.update(this.values)),
       $(this.destroy$)
     ).subscribe();
   }
@@ -5406,7 +5354,7 @@ class Ss extends ys {
       computedPageTurnAnimation: e.pageTurnAnimation,
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0,
-      computedSpreadMode: fs({
+      computedSpreadMode: hs({
         spreadMode: e.spreadMode,
         manifest: t
       })
@@ -5432,7 +5380,7 @@ class Ss extends ys {
     };
   }
 }
-class Is extends Se {
+class ys extends Se {
   onUnload() {
     return _;
   }
@@ -5451,7 +5399,7 @@ class Is extends Se {
   getDocumentFrame() {
   }
 }
-class bs extends G {
+class Ss extends G {
   constructor(e, t, i, o, s, r, a) {
     super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new R(), this.lastLayout = null, this.applyDimsAfterLayout = ({
       blankPagePosition: c,
@@ -5481,7 +5429,7 @@ class bs extends G {
         }), { width: b, height: F };
       })
     ), this.layout = (c) => {
-      const u = Yn(this.layout$.pipe(V()));
+      const u = Xn(this.layout$.pipe(V()));
       return this.layoutTriggerSubject.next(c), u();
     }, this.adjustPositionOfElement = ({
       right: c,
@@ -5503,7 +5451,7 @@ class bs extends G {
           minimumWidth: l,
           spreadPosition: d
         });
-        return x(
+        return P(
           v({ type: "start" }),
           p.pipe(
             this.applyDimsAfterLayout(c),
@@ -5536,7 +5484,7 @@ class bs extends G {
     };
   }
 }
-class en extends Q {
+class Qt extends Q {
   constructor(e, t, i, o, s, r, a) {
     super({
       isLoaded: !1,
@@ -5554,7 +5502,7 @@ class en extends Q {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = vs(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = Is(
       t,
       e,
       s
@@ -5570,7 +5518,7 @@ class en extends Q {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new Is(u), this.layout = new bs(
+    this.renderer = c ? c(u) : new ys(u), this.layout = new Ss(
       e,
       this.containerElement,
       i,
@@ -5580,7 +5528,7 @@ class en extends Q {
       this.viewport
     );
     const l = this.renderer.state$.pipe(
-      O(({ state: p, error: g }) => {
+      N(({ state: p, error: g }) => {
         this.mergeCompare({
           isLoaded: p === "loaded",
           isError: p === "error",
@@ -5588,14 +5536,14 @@ class en extends Q {
         });
       })
     ), d = this.layout.layout$.pipe(
-      O(() => {
+      N(() => {
         this.mergeCompare({
           iDirty: !1,
           isReady: this.renderer.state$.value.state === "loaded"
         });
       })
     );
-    this.needsLayout$ = x(this.unloaded$, this.loaded$), x(
+    this.needsLayout$ = P(this.unloaded$, this.loaded$), P(
       /**
        * @important
        * The order is important here. We want to ensure the state value
@@ -5647,7 +5595,7 @@ class en extends Q {
     return this.renderer.renditionLayout;
   }
   get numberOfPages() {
-    return Jt({
+    return Zt({
       isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
       itemHeight: this.layout.layoutInfo.height,
       itemWidth: this.layout.layoutInfo.width,
@@ -5658,22 +5606,24 @@ class en extends Q {
     });
   }
 }
-const vs = (n, e, t) => {
+const Is = (n, e, t) => {
   const i = n.ownerDocument.createElement("div");
   return i.classList.add("spineItem"), i.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), i.style.cssText = `
     position: absolute;
     overflow: hidden;
   `, i.dataset.isReady = "false", t.execute("item.onBeforeContainerCreated", void 0, { element: i }), i;
 };
-class ws extends G {
+class bs extends G {
   constructor(e, t, i, o, s) {
-    super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new Y([]);
+    super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new Y(
+      /* @__PURE__ */ new Map()
+    );
     const r = this.forcedOpenSubject.pipe(
-      S((u) => [...new Set(u.flat())].sort()),
-      k(yn),
+      S((u) => Array.from(u.keys()).sort((l, d) => l - d)),
+      k(fn),
       J({ bufferSize: 1, refCount: !0 })
     );
-    x(
+    P(
       this.context.bridgeEvent.navigation$,
       this.spineLayout.layout$,
       r,
@@ -5702,21 +5652,23 @@ class ws extends G {
   }
   forceOpen(e) {
     const t = e.map(
-      (i) => typeof i == "number" ? i : i.index
-    );
-    return this.forcedOpenSubject.next([...this.forcedOpenSubject.value, t]), () => {
-      this.isDestroyed || this.forcedOpenSubject.next(
-        this.forcedOpenSubject.value.filter(
-          (i) => i !== t
-        )
-      );
+      (o) => typeof o == "number" ? o : o.index
+    ), i = (o) => {
+      const s = this.forcedOpenSubject.value;
+      t.forEach((r) => {
+        const a = s.get(r) || 0, c = o ? a + 1 : a - 1;
+        c <= 0 ? s.delete(r) : s.set(r, c);
+      }), this.forcedOpenSubject.next(s);
+    };
+    return i(!0), () => {
+      this.isDestroyed || i(!1);
     };
   }
   destroy() {
     super.destroy(), this.forcedOpenSubject.complete();
   }
 }
-const tn = (n, e, t) => {
+const en = (n, e, t) => {
   const i = (t.width - e.width) / 2, o = (t.height - e.height) / 2;
   return new ue({
     x: n.x - i,
@@ -5741,17 +5693,17 @@ class Ie extends DOMRect {
     return new Ie(i.x, i.y, i.width, i.height);
   }
 }
-class xs {
+class vs {
   constructor({ width: e, height: t }) {
     this.__symbol = /* @__PURE__ */ Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class Ps {
+class ws {
   constructor({ width: e, height: t }) {
     this.__symbol = /* @__PURE__ */ Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const $s = ({
+const Ps = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5773,7 +5725,7 @@ const $s = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, Ts = ({
+}, xs = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5782,7 +5734,7 @@ const $s = ({
 }) => {
   const s = t / e, r = i / n;
   return o.type === "percentage" ? s >= o.value && r >= o.value : t >= o.value && i >= o.value;
-}, Fs = ({
+}, $s = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5790,7 +5742,7 @@ const $s = ({
 }) => {
   const o = n / i.width, s = e / i.height;
   return t.type === "percentage" ? s >= t.value && o >= t.value : e >= t.value && n >= t.value;
-}, nn = ({
+}, tn = ({
   itemPosition: {
     bottom: n,
     left: e,
@@ -5814,14 +5766,14 @@ const $s = ({
     Math.min(n, p) - Math.max(i, d)
   );
   if (g <= 0 || h <= 0) return { visible: !1 };
-  const y = Fs({
+  const y = $s({
     threshold: r,
     visibleHeightOfItem: h,
     visibleWidthOfItem: g,
     viewportPosition: a
   });
   return c ? { visible: y } : {
-    visible: Ts({
+    visible: xs({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
@@ -5845,7 +5797,7 @@ const $s = ({
 }) => new L({
   x: e + n.x,
   y: t + n.y
-}), Ls = ({
+}), Ts = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5860,14 +5812,14 @@ const $s = ({
     spineLayout: o
   }) || i.get(0), c = i.items.reduce(
     (g, h) => {
-      const m = o.getSpineItemSpineLayoutInfo(h), y = s ? r.absoluteViewport : r.relativeViewport, f = tn(
+      const m = o.getSpineItemSpineLayoutInfo(h), y = s ? r.absoluteViewport : r.relativeViewport, f = en(
         n,
         r.absoluteViewport,
         y
       ), I = Ie.from(
         f,
         y
-      ), { visible: b } = nn({
+      ), { visible: b } = tn({
         itemPosition: m,
         threshold: e,
         viewportPosition: I,
@@ -5883,7 +5835,7 @@ const $s = ({
     beginIndex: d ?? 0,
     endIndex: p ?? 0
   };
-}, Ms = ({
+}, Fs = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5950,20 +5902,20 @@ const $s = ({
       };
     }).reduce(
       (re, { absolutePosition: le, index: Re }) => {
-        const de = I ? b.absoluteViewport : b.relativeViewport, on = tn(
+        const de = I ? b.absoluteViewport : b.relativeViewport, nn = en(
           h,
           b.absoluteViewport,
           de
-        ), sn = Ie.from(
-          on,
+        ), on = Ie.from(
+          nn,
           de
-        ), { visible: rn } = nn({
-          viewportPosition: sn,
+        ), { visible: sn } = tn({
+          viewportPosition: on,
           restrictToScreen: f,
           threshold: m,
           itemPosition: le
         });
-        return rn ? [...re, Re] : re;
+        return sn ? [...re, Re] : re;
       },
       []
     ), H = E[0], B = E[E.length - 1] ?? H;
@@ -5987,7 +5939,7 @@ const $s = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (h) => $s({
+    _getAbsolutePageIndexFromPageIndex: (h) => Ps({
       ...h,
       spineItemsManager: n
     }),
@@ -6028,7 +5980,7 @@ const $s = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (h) => Ls({
+    getVisibleSpineItemsFromPosition: (h) => Ts({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -6051,10 +6003,10 @@ const $s = ({
       });
     }
   };
-}, Cs = D.namespace("spine"), Es = ({
+}, Ls = D.namespace("spine"), Ms = ({
   position: n,
   pageSize: e
-}) => new vi({
+}) => new Ii({
   ...n,
   left: n.x,
   top: n.y,
@@ -6063,7 +6015,7 @@ const $s = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class Ds extends Q {
+class Cs extends Q {
   constructor(e, t, i, o, s, r) {
     super({ pages: [] }), this.spineLayout = e, this.spineItemsManager = t, this.spineItemLocator = i, this.context = o, this.locator = s, this.viewport = r, this.fromSpineItemPageIndex = (a, c) => this.value.pages.find(
       (u) => u.itemIndex === a.index && u.pageIndex === c
@@ -6081,11 +6033,11 @@ class Ds extends Q {
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: Es({
+                absoluteLayout: Ms({
                   pageSize: a,
                   position: I
                 }),
-                layout: new bi({
+                layout: new Si({
                   left: f.x,
                   right: f.x + a.width,
                   top: f.y,
@@ -6105,14 +6057,14 @@ class Ds extends Q {
           },
           []
         );
-        return N(
+        return O(
           c.map((l) => {
             const { spineItem: d, ...p } = l;
             return new se((g) => {
               const h = l.spineItem.renderer?.getDocumentFrame();
               let m;
               h && h?.contentWindow?.document && // very important because it is being used by next functions
-              h.contentWindow.document.body !== null && (m = Mn(
+              h.contentWindow.document.body !== null && (m = Ln(
                 h.contentWindow.document,
                 l.layout
               )), g.next({ ...p, firstVisibleNode: m });
@@ -6120,19 +6072,19 @@ class Ds extends Q {
           })
         );
       }),
-      S((a) => (Cs.info("Pages layout", a), { pages: a })),
+      S((a) => (Ls.info("Pages layout", a), { pages: a })),
       j()
     ), this.layout$.pipe($(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class Rs extends G {
+class Es extends G {
   constructor(e, t) {
     super(), this.spineItemsManager = e, this.spineLocator = t, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       w((i) => {
         const o = i.map(
           (s) => s.isReady$.pipe(S((r) => ({ item: s, isReady: r })))
         );
-        return x(...o);
+        return P(...o);
       }),
       j()
     ), this.itemResize$ = this.spineItemsManager.items$.pipe(
@@ -6142,13 +6094,13 @@ class Rs extends G {
             S((r) => ({ entries: r, item: s }))
           )
         );
-        return x(...o);
+        return P(...o);
       }),
       j()
     );
   }
 }
-const As = ({
+const Ds = ({
   horizontalOffset: n,
   verticalOffset: e,
   context: t,
@@ -6218,22 +6170,22 @@ const As = ({
     })
   );
 };
-class Os extends G {
+class Rs extends G {
   constructor(e, t, i, o) {
     super(), this.spineItemsManager = e, this.context = t, this.settings = i, this.viewport = o, this.layoutSubject = new R(), this.spineItemsRelativeLayouts = [], e.items$.pipe(
-      P(() => {
+      x(() => {
         this.spineItemsRelativeLayouts = [];
       }),
       w((r) => {
         const a = r.map(
           (u) => u.needsLayout$.pipe(
-            P(() => {
+            x(() => {
               this.layout();
             })
           )
         ), c = r.map(
           (u) => u.loaded$.pipe(
-            P(() => {
+            x(() => {
               u.isUsingVerticalWriting() ? this.context.update({
                 hasVerticalWriting: !0
               }) : this.context.update({
@@ -6242,12 +6194,12 @@ class Os extends G {
             })
           )
         );
-        return x(...a, ...c);
+        return P(...a, ...c);
       })
     ).pipe($(this.destroy$)).subscribe();
     const s = new Y(!1);
     this.layout$ = this.layoutSubject.pipe(
-      P(() => {
+      x(() => {
         this.spineItemsManager.items.forEach((r) => {
           r.markDirty();
         });
@@ -6262,12 +6214,12 @@ class Os extends G {
       ),
       ze(() => {
         s.next(!0);
-        const r = this.context.manifest, a = Gt(r) ?? !1;
+        const r = this.context.manifest, a = qt(r) ?? !1;
         return A(this.spineItemsManager.items).pipe(
-          gn(
+          pn(
             (u, l, d) => u.pipe(
               st(
-                ({ horizontalOffset: p, verticalOffset: g }) => As({
+                ({ horizontalOffset: p, verticalOffset: g }) => Ds({
                   context: this.context,
                   horizontalOffset: p,
                   index: d,
@@ -6300,7 +6252,7 @@ class Os extends G {
         );
       }),
       j()
-    ), x(this.layout$).pipe($(this.destroy$)).subscribe();
+    ), P(this.layout$).pipe($(this.destroy$)).subscribe();
   }
   layout() {
     this.layoutSubject.next(void 0);
@@ -6325,32 +6277,32 @@ class Os extends G {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class Ns extends G {
+class As extends G {
   constructor(e, t, i, o, s, r, a) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new Y(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Os(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Rs(
       i,
       e,
       s,
       a
-    ), this.locator = Ms({
+    ), this.locator = Fs({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: s,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new ws(
+    }), this.spineItemsLoader = new bs(
       this.context,
       i,
       this.locator,
       s,
       this.spineLayout
-    ), this.spineItemsObserver = new Rs(
+    ), this.spineItemsObserver = new Es(
       i,
       this.locator
-    ), this.pages = new Ds(
+    ), this.pages = new Cs(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6360,22 +6312,22 @@ class Ns extends G {
     );
     const c = e.watch("rootElement").pipe(
       ae(Z),
-      O((l) => {
+      N((l) => {
         const d = l.ownerDocument.createElement("div");
         d.style.cssText = `
           height: 100%;
           position: relative;
         `, d.className = `${W}-spine`, this.elementSubject.next(d);
       })
-    ), u = N([
+    ), u = O([
       this.context.manifest$,
       this.element$
     ]).pipe(
-      O(([l, d]) => {
+      N(([l, d]) => {
         if (!d) return;
         this.spineItemsManager.destroyItems();
         const p = l.spineItems.map(
-          (g, h) => new en(
+          (g, h) => new Qt(
             g,
             d,
             this.context,
@@ -6388,7 +6340,7 @@ class Ns extends G {
         this.spineItemsManager.addMany(p);
       })
     );
-    x(u, c).pipe(K(this.destroy$)).subscribe();
+    P(u, c).pipe(K(this.destroy$)).subscribe();
   }
   get element() {
     return this.elementSubject.getValue();
@@ -6406,7 +6358,7 @@ class Ns extends G {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class Vs extends G {
+class Ns extends G {
   constructor(e, t) {
     super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new Y([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6420,7 +6372,7 @@ class Vs extends G {
     return i > o ? "after" : i === o ? "same" : "before";
   }
   getSpineItemIndex(e) {
-    const t = e instanceof en ? e : this.get(e);
+    const t = e instanceof Qt ? e : this.get(e);
     if (!t) return;
     const i = this.orderedSpineItemsSubject.value.indexOf(t);
     return i < 0 ? void 0 : i;
@@ -6449,10 +6401,10 @@ class Vs extends G {
     });
   }
 }
-class js extends Q {
+class Os extends Q {
   constructor(e, t) {
     const i = document.createElement("div");
-    i.setAttribute(`data-${si}`, ""), super({
+    i.setAttribute(`data-${oi}`, ""), super({
       element: i,
       pageSize: {
         width: 1,
@@ -6462,17 +6414,17 @@ class js extends Q {
       height: 1
     }), this.context = e, this.settingsManager = t;
     const o = this.settingsManager.watch(["computedSpreadMode"]).pipe(
-      P(() => {
+      x(() => {
         this.mergeCompare({
           pageSize: this.calculatePageSize(this.value)
         });
       })
     ), s = this.context.watch("rootElement").pipe(
-      P(() => {
+      x(() => {
         this.layout();
       })
     );
-    x(o, s).pipe($(this.destroy$)).subscribe();
+    P(o, s).pipe($(this.destroy$)).subscribe();
   }
   calculatePageSize(e) {
     const { computedSpreadMode: t } = this.settingsManager.values;
@@ -6492,7 +6444,7 @@ class js extends Q {
     });
   }
   get absoluteViewport() {
-    return new xs({
+    return new vs({
       width: this.value.width,
       height: this.value.height
     });
@@ -6520,18 +6472,18 @@ class js extends Q {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new Ps({
+    return new ws({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
-const $t = `${Ut}-core`, ks = (n) => {
-  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new Oo(), s = new Ro(), r = new Ss(n, s), a = new Ao(s, r), c = new Vs(s, r), u = new js(s, r), l = Kt({
+const $t = `${Ut}-core`, Vs = (n) => {
+  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new Ro(), s = new Eo(), r = new fs(n, s), a = new Do(s, r), c = new Ns(s, r), u = new Os(s, r), l = Jt({
     context: s,
     settings: r,
     viewport: u
-  }), d = new hs(s, c), p = new Ns(
+  }), d = new ps(s, c), p = new As(
     s,
     d,
     c,
@@ -6539,14 +6491,14 @@ const $t = `${Ut}-core`, ks = (n) => {
     r,
     o,
     u
-  ), g = gs({
+  ), g = ds({
     context: s,
     spineItemsManager: c,
     hookManager: o,
     spine: p,
     settings: r,
     viewport: u
-  }), h = new ms(
+  }), h = new gs(
     s,
     d,
     c,
@@ -6565,19 +6517,19 @@ const $t = `${Ut}-core`, ks = (n) => {
       return;
     }
     D.log("load", { options: T });
-    const B = Us(E, e);
+    const B = js(E, e);
     s.update({
       manifest: H,
       rootElement: B
     }), m();
-  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), O(m)), I = t.pipe(
-    O(() => {
+  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), N(m)), I = t.pipe(
+    N(() => {
       const T = s.value.rootElement;
       T && (T.style.setProperty("overflow", "hidden"), u.layout(), p.layout());
     }),
     K(i)
-  ), b = x(I, f).subscribe();
-  Ce(document, $t, No);
+  ), b = P(I, f).subscribe();
+  Ce(document, $t, Ao);
   const F = () => {
     Ee(document, $t), b.unsubscribe(), c.destroy(), h.destroy(), r.destroy(), d.destroy(), s.destroy(), g.destroy(), p.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
@@ -6587,13 +6539,13 @@ const $t = `${Ut}-core`, ks = (n) => {
     spine: p,
     hookManager: o,
     cfi: {
-      generateCfiFromRange: so,
+      generateCfiFromRange: io,
       parseCfi: it,
       generateCfiForSpineItemPage: (T) => Be({
         ...T,
         spine: p
       }),
-      resolveCfi: (T) => Yt({ ...T, spineItemsManager: c })
+      resolveCfi: (T) => Xt({ ...T, spineItemsManager: c })
     },
     navigation: g,
     spineItemsObserver: p.spineItemsObserver,
@@ -6628,30 +6580,30 @@ const $t = `${Ut}-core`, ks = (n) => {
       destroy$: i
     }
   };
-}, Us = (n, e) => (n.style.cssText = `
+}, js = (n, e) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${W}-reader`), n.setAttribute(oi, e), n.setAttribute("data-prose-reader-container", e), n), er = (
+  `, n.classList.add(`${W}-reader`), n.setAttribute(ii, e), n.setAttribute("data-prose-reader-container", e), n), Ks = (
   //__
-  Io(
-    Zn(
-      wo(
-        Gn(
-          zn(
-            ho(
-              vo(
-                Eo(
-                  qi(
-                    Ii(
-                      Ni(
-                        Wn(
-                          Xn(
-                            lo(
-                              Ai(
-                                bo(
+  yo(
+    Gn(
+      bo(
+        qn(
+          Un(
+            po(
+              Io(
+                Mo(
+                  Xi(
+                    yi(
+                      Ai(
+                        zn(
+                          Bn(
+                            co(
+                              Di(
+                                So(
                                   // __
-                                  ks
+                                  Vs
                                 )
                               )
                             )
@@ -6668,82 +6620,82 @@ const $t = `${Ut}-core`, ks = (n) => {
       )
     )
   )
-), tr = (n) => (e) => n(e);
+), Qs = (n) => (e) => n(e);
 export {
-  _t as AbstractSpinePosition,
-  Ro as Context,
-  Uo as ControlledNavigationController,
+  Wt as AbstractSpinePosition,
+  Eo as Context,
+  jo as ControlledNavigationController,
   G as DestroyableClass,
   Se as DocumentRenderer,
-  Ao as Features,
-  oi as HTML_ATTRIBUTE_DATA_READER_ID,
+  Do as Features,
+  ii as HTML_ATTRIBUTE_DATA_READER_ID,
   W as HTML_PREFIX,
-  ri as HTML_PREFIX_SCROLL_NAVIGATOR,
-  si as HTML_PREFIX_VIEWPORT,
+  si as HTML_PREFIX_SCROLL_NAVIGATOR,
+  oi as HTML_PREFIX_VIEWPORT,
   Ut as HTML_STYLE_PREFIX,
-  Oo as HookManager,
-  ii as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
-  es as InternalNavigator,
+  Ro as HookManager,
+  ni as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
+  Ko as InternalNavigator,
   nt as LayoutEntry,
-  Zt as Locker,
-  Js as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
-  Gs as PROSE_READER_NAMESPACE,
-  Ds as Pages,
-  hs as Pagination,
-  ms as PaginationController,
+  Gt as Locker,
+  Gs as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  Ys as PROSE_READER_NAMESPACE,
+  Cs as Pages,
+  ps as Pagination,
+  gs as PaginationController,
   Q as ReactiveEntity,
   tt as ResourceHandler,
-  uo as ResourcesLocator,
-  Fo as ScrollNavigationController,
+  ao as ResourcesLocator,
+  $o as ScrollNavigationController,
   ft as ScrollPosition,
-  ys as SettingsManager,
-  Ns as Spine,
-  en as SpineItem,
-  bi as SpineItemPageLayout,
-  vi as SpineItemPageSpineLayout,
+  ms as SettingsManager,
+  As as Spine,
+  Qt as SpineItem,
+  Si as SpineItemPageLayout,
+  Ii as SpineItemPageSpineLayout,
   C as SpineItemPosition,
   He as SpineItemSpineLayout,
-  Vs as SpineItemsManager,
-  Rs as SpineItemsObserver,
+  Ns as SpineItemsManager,
+  Es as SpineItemsObserver,
   L as SpinePosition,
-  To as UnboundScrollPosition,
-  Oe as UnboundSpineItemPagePosition,
+  xo as UnboundScrollPosition,
+  Ne as UnboundSpineItemPagePosition,
   ue as UnboundSpinePosition,
-  Zs as VIEWPORT_ADJUSTMENT_THROTTLE,
-  js as Viewport,
-  co as consolidate,
-  er as createReader,
+  qs as VIEWPORT_ADJUSTMENT_THROTTLE,
+  Os as Viewport,
+  ro as consolidate,
+  Ks as createReader,
   ct as deferIdle,
-  Yn as deferNextResult,
+  Xn as deferNextResult,
   Be as generateCfiForSpineItemPage,
-  so as generateCfiFromRange,
+  io as generateCfiFromRange,
   me as generateRootCfi,
   at as getAttributeValueFromString,
-  Ys as getBase64FromBlob,
+  Bs as getBase64FromBlob,
   Ke as getFrameViewportInfo,
-  Qs as getItemAnchor,
-  Ii as htmlEnhancer,
+  Js as getItemAnchor,
+  yi as htmlEnhancer,
   Vt as idle,
-  jn as injectCSSToFrame,
+  Vn as injectCSSToFrame,
   Z as isDefined,
-  Ot as isHtmlElement,
+  Nt as isHtmlElement,
   Nn as isHtmlTagElement,
   Xe as isRootCfi,
-  or as isShallowEqual,
-  Ai as layoutEnhancer,
-  Nt as mapKeysTo,
-  Xs as observeIntersection,
+  nr as isShallowEqual,
+  Di as layoutEnhancer,
+  Ot as mapKeysTo,
+  Hs as observeIntersection,
   ut as observeMutation,
   et as observeResize,
-  lo as paginationEnhancer,
+  co as paginationEnhancer,
   it as parseCfi,
-  Bs as removeCSS,
-  Yt as resolveCfi,
-  tr as rootEnhancer,
-  Es as spinePositionToSpineItemSpineLayout,
+  _s as removeCSS,
+  Xt as resolveCfi,
+  Qs as rootEnhancer,
+  Ms as spinePositionToSpineItemSpineLayout,
   oe as upsertCSSToFrame,
-  kn as waitForFrameLoad,
-  Un as waitForFrameReady,
+  jn as waitForFrameLoad,
+  kn as waitForFrameReady,
   De as waitForSwitch,
   Qe as watchKeys
 };