@prose-reader/core 1.260.0 → 1.263.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { switchMap as w, of as v, fromEvent as q, take as $t, map as S, from as N, takeUntil as T, Observable as ie, defer as ke, Subject as R, combineLatest as k, merge as P, EMPTY as Z, NEVER as ge, tap as x, share as E, BehaviorSubject as H, withLatestFrom as O, filter as L, first as U, mergeMap as $e, endWith as me, finalize as de, catchError as Tt, lastValueFrom as rn, scheduled as an, animationFrameScheduler as ae, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as cn, startWith as te, shareReplay as K, switchScan as un, defaultIfEmpty as ln, forkJoin as dn, delay as we, timer as Te, skip as Ft, ReplaySubject as ot, identity as Pe, reduce as pn, concatMap as st } from "rxjs";
-import { Report as gn, isShallowEqual as V, shallowMergeIfDefined as xe, getParentPath as hn, parseContentType as mn, detectMimeTypeFromName as Me, arrayEqual as fn } from "@prose-reader/shared";
-import { isShallowEqual as or } from "@prose-reader/shared";
-import { map as Q, distinctUntilChanged as pe, switchMap as _, first as Lt, startWith as yn, shareReplay as Ce, tap as j, pairwise as Sn, take as bn, takeUntil as G, filter as re, debounceTime as In, skip as Mt, mergeMap as vn, catchError as rt } from "rxjs/operators";
-import { generate as ze, parse as Ct, isIndirectionOnly as wn, isParsedCfiRange as Pn, resolve as xn } from "@prose-reader/cfi";
-const $n = "@prose-reader/core", D = gn.namespace($n, void 0, {
+import { switchMap as w, of as v, fromEvent as q, take as Tt, map as S, from as N, takeUntil as T, Observable as oe, defer as ze, Subject as R, combineLatest as k, merge as x, EMPTY as Z, NEVER as ge, tap as P, share as E, BehaviorSubject as H, withLatestFrom as O, filter as L, first as U, mergeMap as $e, endWith as me, finalize as de, catchError as Ft, lastValueFrom as an, scheduled as cn, animationFrameScheduler as ce, distinctUntilChanged as z, exhaustMap as We, debounceTime as Se, throttleTime as un, startWith as ne, shareReplay as K, switchScan as ln, defaultIfEmpty as dn, forkJoin as pn, delay as we, timer as Te, skip as Lt, ReplaySubject as ot, identity as xe, reduce as gn, concatMap as st } from "rxjs";
+import { Report as hn, isShallowEqual as V, shallowMergeIfDefined as Pe, getParentPath as mn, parseContentType as fn, detectMimeTypeFromName as Me, arrayEqual as yn } from "@prose-reader/shared";
+import { isShallowEqual as sr } from "@prose-reader/shared";
+import { map as Q, distinctUntilChanged as pe, switchMap as _, first as Mt, startWith as Sn, shareReplay as Ce, tap as j, pairwise as bn, take as In, takeUntil as G, filter as ae, debounceTime as vn, skip as Ct, mergeMap as wn, catchError as rt } from "rxjs/operators";
+import { generate as _e, 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, {
   color: "#98cde7"
-}), Tn = [
+}), Fn = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -17,24 +17,24 @@ const $n = "@prose-reader/core", D = gn.namespace($n, void 0, {
   // `touchstart` as const,
   // `touchend` as const,
 ];
-function Fn(n, e, t) {
+function Ln(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 Ln = (n, e) => {
-  const t = "body" in n ? We(n.body, e) : We(n, e), i = "createRange" in n ? n : n.ownerDocument;
+const Mn = (n, e) => {
+  const t = "body" in n ? He(n.body, e) : He(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 = Mn(c, e);
+      const c = r.getClientRects(), u = Cn(c, e);
       if (u) {
         o = r.cloneRange();
-        const l = Fn(
+        const l = Ln(
           i,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -47,30 +47,30 @@ const Ln = (n, e) => {
       offset: s
     } : { node: t, offset: 0 };
   }
-}, We = (n, e) => {
-  const t = n.getBoundingClientRect(), i = Et(
+}, He = (n, e) => {
+  const t = n.getBoundingClientRect(), i = Dt(
     t,
     e
   );
   let o;
   i !== "before" && i !== "after" && (o = n);
   for (const s of n.children) {
-    const r = We(s, e);
+    const r = He(s, e);
     if (r)
       return r;
   }
   return o;
 };
-function Et(n, { left: e, right: t }) {
+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 Mn(n, e) {
+function Cn(n, e) {
   return Array.from(n).find((t) => {
-    const i = Et(t, e);
+    const i = Dt(t, e);
     return i !== "before" && i !== "after";
   });
 }
-const Cn = (n, e) => {
+const En = (n, e) => {
   if (n.nodeType !== Node.CDATA_SECTION_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const t = n.ownerDocument?.createRange();
     t?.selectNodeContents(n);
@@ -81,7 +81,7 @@ const Cn = (n, e) => {
     }
     return t;
   }
-}, Ge = (n) => {
+}, Je = (n) => {
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
     if (e.PointerEvent && n instanceof e.PointerEvent)
@@ -92,9 +92,9 @@ const Cn = (n, e) => {
     if (e.PointerEvent && n instanceof e.PointerEvent)
       return !0;
   }
-  return !!Tn.includes(n.type);
-}, En = (n) => {
-  if (Ge(n)) return !1;
+  return !!Fn.includes(n.type);
+}, Dn = (n) => {
+  if (Je(n)) return !1;
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
     if (e.MouseEvent)
@@ -106,7 +106,7 @@ const Cn = (n, e) => {
       return n instanceof e.MouseEvent;
   }
   return !1;
-}, Dn = (n) => {
+}, Rn = (n) => {
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
     if (e.TouchEvent)
@@ -118,7 +118,7 @@ const Cn = (n, e) => {
       return n instanceof e.TouchEvent;
   }
   return !1;
-}, Rn = () => document.createElement("div"), Dt = (n) => {
+}, An = () => document.createElement("div"), Rt = (n) => {
   const e = [
     "img",
     // Images
@@ -134,8 +134,8 @@ const Cn = (n, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(n?.querySelectorAll(e) || []);
-}, An = (n) => {
-  if (Dt(n).forEach((t) => {
+}, On = (n) => {
+  if (Rt(n).forEach((t) => {
     const i = t.getAttribute("src") || t.getAttribute("href");
     i?.startsWith("blob:") && n?.defaultView?.URL.revokeObjectURL(i);
   }), n) {
@@ -152,7 +152,7 @@ const Cn = (n, e) => {
     }
   }
 };
-function Rt(n, e, t = []) {
+function At(n, e, t = []) {
   if (typeof n != "object" || n === null) return !1;
   for (const i of e)
     if (!(i in n)) return !1;
@@ -161,19 +161,19 @@ function Rt(n, e, t = []) {
       return !1;
   return !0;
 }
-function At(n) {
-  return Rt(
+function Ot(n) {
+  return At(
     n,
     ["nodeType"],
     []
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
-function On(n, e) {
-  return At(n) && n.tagName.toLowerCase() === e.toLowerCase();
+function Nn(n, e) {
+  return Ot(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
-function Nn(n) {
-  return Rt(
+function Vn(n) {
+  return At(
     n,
     [
       "startContainer",
@@ -186,10 +186,12 @@ function Nn(n) {
     ["setStart", "setEnd", "selectNodeContents"]
   );
 }
-const Ze = (n, e, t, i) => {
+const Ee = (n, e, t, i) => {
   const o = n.createElement("style");
-  o.id = e, o.innerHTML = t, i ? n.head.prepend(o) : n.head.appendChild(o);
-}, Je = (n, e) => {
+  return o.id = e, o.innerHTML = t, i ? n.head.prepend(o) : n.head.appendChild(o), () => {
+    De(n, e);
+  };
+}, De = (n, e) => {
   if (n?.head) {
     const t = n.getElementById(e);
     t && t.remove();
@@ -197,11 +199,11 @@ const Ze = (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;
-}, Vn = (n, e, t, i) => {
-  n?.contentDocument?.head && Ze(n.contentDocument, e, t, i);
-}, Bs = (n, e) => {
-  n?.contentDocument && Je(n.contentDocument, e);
-}, ne = (n, e, t, i) => {
+}, jn = (n, e, t, i) => {
+  n?.contentDocument?.head && Ee(n.contentDocument, e, t, i);
+}, Xs = (n, e) => {
+  n?.contentDocument && De(n.contentDocument, e);
+}, ie = (n, e, t, i) => {
   if (!n) return;
   const o = n?.contentDocument?.getElementById(
     e
@@ -210,7 +212,7 @@ const Ze = (n, e, t, i) => {
     o.innerHTML = t;
     return;
   }
-  Vn(n, e, t, i);
+  jn(n, e, t, i);
 }, Ke = (n) => {
   if (n?.contentDocument) {
     const t = n.contentDocument.querySelector("meta[name='viewport']");
@@ -227,17 +229,17 @@ const Ze = (n, e, t, i) => {
     }
   }
   return { hasViewport: !1 };
-}, jn = (n) => n.pipe(
+}, kn = (n) => n.pipe(
   w((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? v(e) : q(e, "load").pipe(
-    $t(1),
+    Tt(1),
     S(() => e)
   ))
-), kn = (n) => n.pipe(
+), Un = (n) => n.pipe(
   w((e) => {
     const t = e?.contentDocument?.fonts.ready;
     return t ? N(t).pipe(S(() => e)) : v(void 0);
   })
-), Un = (n) => (e) => {
+), zn = (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");
@@ -250,7 +252,7 @@ const Ze = (n, e, t, i) => {
       if (!r) return;
       const a = r.renderer.getDocumentFrame();
       if (!a) return;
-      ne(
+      ie(
         a,
         "prose-reader-accessibility",
         `
@@ -272,7 +274,7 @@ const Ze = (n, e, t, i) => {
   ), {
     ...t
   };
-}, zn = (n) => (e) => {
+}, Wn = (n) => (e) => {
   const t = n(e);
   return t.context.watch("rootElement").pipe(T(t.context.destroy$)).subscribe((i) => {
     if (!i) return;
@@ -284,7 +286,7 @@ const Ze = (n, e, t, i) => {
     const s = t.spineItemsManager.get(i)?.renderer.getDocumentFrame();
     s && s.contentDocument?.body.setAttribute("tabindex", "-1");
   }), t;
-}, Re = ({
+}, Oe = ({
   position: n,
   frameElement: e
 }) => {
@@ -293,13 +295,13 @@ const Ze = (n, e, t, i) => {
     clientX: a,
     clientY: c
   };
-}, Wn = (n, e, t, i) => {
+}, _n = (n, e, t, i) => {
   const o = e?.view?.frameElement;
   if (!e || !o) return n;
   const s = t.getSpineItemFromIframe(o), r = o, { height: a, width: c } = i.pageSize;
   if (!s || !(r instanceof HTMLIFrameElement)) return n;
-  if (Ge(n)) {
-    const { clientX: u, clientY: l } = Re({
+  if (Je(n)) {
+    const { clientX: u, clientY: l } = Oe({
       position: n,
       frameElement: r
     }), d = new PointerEvent(n.type, {
@@ -313,8 +315,8 @@ const Ze = (n, e, t, i) => {
       enumerable: !0
     }), d;
   }
-  if (En(n)) {
-    const { clientX: u, clientY: l } = Re({
+  if (Dn(n)) {
+    const { clientX: u, clientY: l } = Oe({
       position: n,
       frameElement: r
     }), d = new MouseEvent(n.type, {
@@ -327,9 +329,9 @@ const Ze = (n, e, t, i) => {
       enumerable: !0
     }), d;
   }
-  if (Dn(n)) {
+  if (Rn(n)) {
     const u = Array.from(n.touches).map((d) => {
-      const { clientX: g, clientY: h } = Re({
+      const { clientX: g, clientY: h } = Oe({
         position: d,
         frameElement: r
       });
@@ -350,7 +352,7 @@ const Ze = (n, e, t, i) => {
     }), l;
   }
   return n;
-}, _n = [
+}, Hn = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -359,21 +361,21 @@ const Ze = (n, e, t, i) => {
   "pointerout",
   "pointerover",
   "pointerup"
-], Hn = [
-  ..._n
+], Bn = [
+  ...Hn
   /*, ...mouseEvents*/
-], Bn = (n) => (e) => {
+], Xn = (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 = Hn.map((c) => {
+      const a = Bn.map((c) => {
         const u = (l) => {
           let d = l;
-          if (Ge(l) && (d = new PointerEvent(l.type, l)), d !== l) {
-            const g = Wn(
+          if (Je(l) && (d = new PointerEvent(l.type, l)), d !== l) {
+            const g = _n(
               d,
               l,
               t.spine.locator,
@@ -393,15 +395,15 @@ const Ze = (n, e, t, i) => {
       });
     }
   ), t;
-}, Ot = (n) => Q((e) => Object.entries(e).reduce(
+}, Nt = (n) => Q((e) => Object.entries(e).reduce(
   (t, [i, o]) => n.includes(i) ? {
     ...t,
     [i]: o
   } : t,
   {}
-)), Qe = (n) => (e) => e.pipe(Ot(n), pe(V));
+)), Qe = (n) => (e) => e.pipe(Nt(n), pe(V));
 function et(n) {
-  return new ie((e) => {
+  return new oe((e) => {
     const t = new ResizeObserver((i) => {
       e.next(i);
     });
@@ -410,22 +412,22 @@ function et(n) {
     };
   });
 }
-const Ee = (n) => (e) => e.pipe(
+const Re = (n) => (e) => e.pipe(
   _(
     (t) => n.pipe(
-      Lt(),
+      Mt(),
       Q(() => t)
     )
   )
-), Xn = (n) => {
+), Yn = (n) => {
   let e;
   const t = n.subscribe((i) => {
     e = { result: i };
   });
   return () => (t.unsubscribe(), e ? v(e.result) : n);
 };
-function Nt() {
-  return new ie((n) => {
+function Vt() {
+  return new oe((n) => {
     if (window.requestIdleCallback) {
       const t = window.requestIdleCallback(() => {
         n.next(), n.complete();
@@ -439,16 +441,16 @@ function Nt() {
   });
 }
 function ct(n) {
-  return ke(() => Nt().pipe(_(n)));
+  return ze(() => Vt().pipe(_(n)));
 }
-const ut = (n, e) => new ie((t) => {
+const ut = (n, e) => new oe((t) => {
   const i = new MutationObserver((o) => {
     t.next(o);
   });
   return i.observe(n, e), () => i.disconnect();
 });
-function Xs(n, e) {
-  return new ie((t) => {
+function Ys(n, e) {
+  return new oe((t) => {
     const i = new IntersectionObserver((o) => {
       t.next(o);
     }, e);
@@ -457,26 +459,26 @@ function Xs(n, e) {
     };
   });
 }
-class Vt {
+class jt {
   constructor(e, t) {
     this.settingsManager = t;
-    const i = xe(
+    const i = Pe(
       this.getDefaultSettings(),
       e
     );
-    this.outputSettings = this.computeOutputSettings(i), this.inputSettings = xe(
+    this.outputSettings = this.computeOutputSettings(i), this.inputSettings = Pe(
       this.getDefaultSettings(),
       e
     ), this.outputSettingsUpdateSubject = new R(), this.values$ = k([
       this.settingsManager.values$,
-      this.outputSettingsUpdateSubject.pipe(yn(this.outputSettings))
+      this.outputSettingsUpdateSubject.pipe(Sn(this.outputSettings))
     ]).pipe(
       Q(([o, s]) => ({ ...o, ...s })),
       Ce(1)
     ), this.values$.subscribe();
   }
   _prepareUpdate(e) {
-    const t = this.getCleanedParentInputSettings(e), i = this.settingsManager._prepareUpdate(t), o = xe(this.inputSettings, e), s = this.computeOutputSettings(o), r = this.hasSettingsChanged(s);
+    const t = this.getCleanedParentInputSettings(e), i = this.settingsManager._prepareUpdate(t), o = Pe(this.inputSettings, e), s = this.computeOutputSettings(o), r = this.hasSettingsChanged(s);
     return {
       hasChanged: r || i.hasChanged,
       commit: () => (this.inputSettings = o, this.outputSettings = s, !i.hasChanged && r && this.outputSettingsUpdateSubject.next(s), {
@@ -505,7 +507,7 @@ class Vt {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const Ys = (n) => {
+const qs = (n) => {
   const e = new FileReader();
   return new Promise((t) => {
     e.addEventListener(
@@ -517,7 +519,7 @@ const Ys = (n) => {
     ), e.readAsDataURL(n);
   });
 };
-let Yn = class extends Vt {
+let qn = class extends jt {
   computeOutputSettings(e) {
     return e;
   }
@@ -543,8 +545,8 @@ let Yn = class extends Vt {
     };
   }
 };
-const qn = (n) => (e) => {
-  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new R(), a = n(e), c = new Yn(
+const Gn = (n) => (e) => {
+  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new R(), a = n(e), c = new qn(
     {
       fontScale: t,
       lineHeight: i,
@@ -564,7 +566,7 @@ const qn = (n) => (e) => {
     a.spineItemsManager.items.forEach((h) => {
       if (h.renditionLayout !== "pre-paginated") {
         const p = h.renderer.getDocumentFrame();
-        p && ne(p, "prose-reader-fonts", u());
+        p && ie(p, "prose-reader-fonts", u());
       }
     }), g && a.layout();
   };
@@ -572,11 +574,11 @@ const qn = (n) => (e) => {
     const h = a.spineItemsManager.get(g);
     if (h?.renditionLayout !== "pre-paginated") {
       const p = h?.renderer.getDocumentFrame();
-      p && ne(p, "prose-reader-fonts", u());
+      p && ie(p, "prose-reader-fonts", u());
     }
   });
   const d = (g) => g.pipe(
-    Sn(),
+    bn(),
     S(([h, p]) => p.fontScale !== h.fontScale || p.lineHeight !== h.lineHeight)
   );
   return c.values$.pipe(
@@ -590,7 +592,7 @@ const qn = (n) => (e) => {
     },
     settings: c
   };
-}, Gn = (n) => (e) => {
+}, Zn = (n) => (e) => {
   const t = n(e), i = (o) => q(o, "keyup").pipe(
     S((s) => {
       const { pageTurnDirection: r, computedPageTurnMode: a } = t.settings.values;
@@ -613,7 +615,7 @@ const qn = (n) => (e) => {
   );
   return i(document).pipe(T(t.$.destroy$)).subscribe(), t.spineItemsManager.items$.pipe(
     w(
-      (o) => P(
+      (o) => x(
         ...o.map(
           (s) => s.watch("isLoaded").pipe(
             w(() => {
@@ -626,9 +628,9 @@ const qn = (n) => (e) => {
     ),
     T(t.$.destroy$)
   ).subscribe(), t;
-}, Zn = (n) => n.spine.spineItemsManager.items$.pipe(
+}, Jn = (n) => n.spine.spineItemsManager.items$.pipe(
   w(
-    (e) => P(
+    (e) => x(
       ...e.map((t) => t.watch("isLoaded").pipe(
         w(() => {
           const i = t.renderer.getDocumentFrame();
@@ -638,12 +640,12 @@ const qn = (n) => (e) => {
           ).map(
             (r) => q(r, "click")
           );
-          return P(...s);
+          return x(...s);
         })
       ))
     )
   ),
-  x((e) => {
+  P((e) => {
     e.preventDefault();
   }),
   E()
@@ -693,13 +695,13 @@ const Le = class Le extends X {
           me(null),
           U()
         ).pipe(
-          Ee(this.context.bridgeEvent.viewportFree$),
+          Re(this.context.bridgeEvent.viewportFree$),
           w(() => {
             const a = this.hookManager.execute("item.onDocumentLoad", this.item.id, {
               itemId: this.item.id,
               documentContainer: s
             }).filter(
-              (c) => c instanceof ie
+              (c) => c instanceof oe
             );
             return k([v(null), ...a]).pipe(U());
           })
@@ -714,17 +716,17 @@ const Le = class Le extends X {
     const i = t.pipe(
       w(() => (this.stateSubject.next("unloading"), this.context.bridgeEvent.viewportFree$.pipe(
         U(),
-        x(() => {
+        P(() => {
           this.hookManager.destroy("item.onDocumentLoad", this.item.id);
         }),
         w(() => this.onUnload().pipe(me(null), U())),
-        x(() => {
+        P(() => {
           this.stateSubject.next("idle");
         }),
         T(this.load$)
       )))
     );
-    P(this.unload$, i).pipe(T(this.destroy$)).subscribe();
+    x(this.unload$, i).pipe(T(this.destroy$)).subscribe();
   }
   setDocumentContainer(e) {
     this._documentContainer = e, this._documentContainer.classList.add(
@@ -751,7 +753,7 @@ const Le = class Le extends X {
   }
   renderHeadless() {
     const e = new R();
-    return ke(() => this.onRenderHeadless({ release: e })).pipe(
+    return ze(() => this.onRenderHeadless({ release: e })).pipe(
       me(void 0),
       U(),
       S((t) => {
@@ -766,11 +768,11 @@ const Le = class Le extends X {
       de(() => {
         e.complete();
       }),
-      Tt((t) => (D.error(t), v(void 0)))
+      Ft((t) => (D.error(t), v(void 0)))
     );
   }
   layout(e) {
-    return ke(() => this.onLayout(e));
+    return ze(() => this.onLayout(e));
   }
   destroy() {
     this.unload(), this.stateSubject.complete(), super.destroy();
@@ -795,25 +797,25 @@ const Le = class Le extends X {
 };
 Le.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 let fe = Le;
-const Jn = (n) => new URL(n.href);
+const Kn = (n) => new URL(n.href);
 class tt {
   constructor(e, t) {
     this.item = e, this.settings = t;
   }
   async getResource() {
-    return await rn(
+    return await an(
       this.settings.values.getResource?.(this.item) ?? v(void 0)
-    ) ?? Jn(this.item);
+    ) ?? Kn(this.item);
   }
   async fetchResource() {
     const e = await this.getResource();
     return e instanceof Response ? e : e instanceof URL ? fetch(e) : e;
   }
 }
-const jt = (n, e) => {
+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;
-}, Kn = async (n, e, t, i, o) => {
+}, Qn = async (n, e, t, i, o) => {
   if (!n || !n.defaultView) return;
   const s = e.sheet;
   if (s)
@@ -830,7 +832,7 @@ const jt = (n, e) => {
                   return p;
                 const m = p.match(/url\(['"]?([^'"]+)['"]?\)/);
                 if (!m) return p;
-                const y = m[1] ?? "", f = i.manifest?.items.find(({ href: b }) => `${jt(t, y).toLowerCase()}`.endsWith(
+                const y = m[1] ?? "", f = i.manifest?.items.find(({ href: b }) => `${kt(t, y).toLowerCase()}`.endsWith(
                   `${b.toLowerCase()}`
                 ));
                 if (f) {
@@ -861,10 +863,10 @@ const jt = (n, e) => {
     } catch (r) {
       console.error("Could not access stylesheet rules:", r);
     }
-}, Qn = (n, e, t, i, o) => {
+}, ei = (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 }) => `${jt(t, s).toLowerCase()}`.endsWith(
+  const r = i.manifest?.items.find(({ href: c }) => `${kt(t, s).toLowerCase()}`.endsWith(
     `${c.toLowerCase()}`
   ));
   if (!r) return v(null);
@@ -880,10 +882,10 @@ const jt = (n, e) => {
       if (e.hasAttribute("src"))
         e.setAttribute("src", u);
       else if (e.hasAttribute("href") && (e.setAttribute("href", u), n?.defaultView && e instanceof n.defaultView.HTMLLinkElement))
-        return new ie((l) => {
+        return new oe((l) => {
           e.onload = async () => {
             try {
-              e.sheet && await Kn(
+              e.sheet && await Qn(
                 n,
                 e,
                 t,
@@ -898,16 +900,16 @@ const jt = (n, e) => {
       return v(null);
     })
   );
-}, ei = ({
+}, ti = ({
   settings: n,
   item: e,
   context: t
 }) => (i) => i.pipe(
   w((o) => {
-    const s = Dt(
+    const s = Rt(
       o.contentDocument
-    ), r = hn(e.href), a = s.map(
-      (c) => Qn(
+    ), r = mn(e.href), a = s.map(
+      (c) => ei(
         o.contentDocument,
         c,
         r,
@@ -917,11 +919,11 @@ const jt = (n, e) => {
     );
     return k(a).pipe(S(() => o));
   })
-), ti = (n) => {
-  An(n?.contentDocument);
-}, Gs = "@prose-reader/core", Zs = 0, Js = 200, ni = [".xhtml", ".html", ".htm"], W = "prose-reader", kt = `${W}-style`, ii = `data-${W}-id`, oi = `${W}-viewport`, si = `${W}-scroll-navigator`, ri = async (n, e) => {
+), ni = (n) => {
+  On(n?.contentDocument);
+}, Zs = "@prose-reader/core", Js = 0, Ks = 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) => {
   if (typeof n == "string") return n;
-  const t = mn(n.headers.get("Content-Type") || "") || Me(e.href);
+  const t = fn(n.headers.get("Content-Type") || "") || Me(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === t
   )) {
@@ -957,11 +959,11 @@ const jt = (n, e) => {
         </body>
       </html>
     ` : await n.text();
-}, ai = ({
+}, ci = ({
   item: n,
   resourcesHandler: e
 }) => {
-  const t = (i) => ri(i, n);
+  const t = (i) => ai(i, n);
   return (i) => i.pipe(
     w((o) => N(e.getResource()).pipe(
       w((s) => s instanceof URL && n.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
@@ -971,7 +973,7 @@ const jt = (n, e) => {
         "text/html",
         "text/xml"
       ].includes(n.mediaType) || // no encoding ? then try to detect html
-      !n.mediaType && ni.some(
+      !n.mediaType && ii.some(
         (a) => n.href.endsWith(a)
       )) ? (o?.setAttribute("src", n.href), v(o)) : (s instanceof URL ? N(e.fetchResource()) : v(s)).pipe(
         w((a) => {
@@ -979,21 +981,21 @@ const jt = (n, e) => {
             throw new Error("Invalid resource");
           return N(t(a));
         }),
-        x((a) => {
+        P((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
             o?.setAttribute("src", u);
           }
         }),
         S(() => o),
-        Tt((a) => (D.error(
+        Ft((a) => (D.error(
           `Error while trying to fetch or load resource for item ${n.id}`,
           s
         ), D.error(a), v(o)))
       ))
     ))
   );
-}, ci = () => {
+}, ui = () => {
   const n = document.createElement("iframe");
   return n.frameBorder = "no", n.tabIndex = 0, n.setAttribute(
     "sandbox",
@@ -1008,12 +1010,12 @@ const jt = (n, e) => {
   border: 0px none transparent;
   padding: 0px;
 `, n.setAttribute("role", "main"), n;
-}, Ut = () => `
+}, zt = () => `
     body {
         margin: 0;
         }
       }
-    `, zt = ({
+    `, Wt = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t
@@ -1026,12 +1028,12 @@ const jt = (n, e) => {
       n / (i.height ?? 1)
     ), computedWidthScale: o, viewportDimensions: i };
   }
-}, ui = ({
+}, li = ({
   columnWidth: n,
   enableTouch: e,
   spreadPosition: t
 }, i) => `
-      ${Ut()}
+      ${zt()}
       body {
         ${i ? "" : `
           display: flex;
@@ -1049,9 +1051,9 @@ const jt = (n, e) => {
       }
       
       html, body {
-        ${e ? `
+        ${e ? "" : `
           touch-action: none
-        ` : ""}
+        `}
       }
       
       img {
@@ -1071,12 +1073,12 @@ const jt = (n, e) => {
           object-fit:contain;
         `}
       }
-    `, li = ({
+    `, di = ({
   pageHeight: n,
   pageWidth: e
 }) => ({ columnHeight: n, columnWidth: e }), lt = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, di = ({
+}, pi = ({
   minPageSpread: n,
   blankPagePosition: e,
   spreadPosition: t,
@@ -1088,15 +1090,15 @@ const jt = (n, e) => {
 }) => {
   const c = n * o;
   if (s?.contentDocument && s?.contentWindow) {
-    const { viewportDimensions: u, computedScale: l = 1 } = zt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, g = i, h = ui(
+    const { viewportDimensions: u, computedScale: l = 1 } = Wt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, g = i, h = li(
       {
-        ...li({ pageHeight: i, pageWidth: o }),
+        ...di({ pageHeight: i, pageWidth: o }),
         enableTouch: a,
         spreadPosition: t
       },
       u
     );
-    if (ne(s, "prose-reader-css", h), u ? lt(s, {
+    if (ie(s, "prose-reader-css", h), u ? lt(s, {
       width: u.width ?? 1,
       height: u.height ?? 1
     }) : lt(s, {
@@ -1120,8 +1122,8 @@ const jt = (n, e) => {
     return { width: c, height: g };
   }
   return { width: c, height: i };
-}, pi = () => `
-      ${Ut()}
+}, gi = () => `
+      ${zt()}
       html {
         width: 100%;
         height: 100%;
@@ -1135,7 +1137,7 @@ const jt = (n, e) => {
       html, body {
         touch-action: none;
       }
-    `, gi = ({
+    `, hi = ({
   isScrollable: n,
   enableTouch: e
 }) => `
@@ -1144,9 +1146,9 @@ const jt = (n, e) => {
         width: 100%;
         margin: 0;
         padding: 0;
-        ${e ? `
+        ${e ? "" : `
           touch-action: none
-        ` : ""}
+        `}
       }
       ${n ? `
         img {
@@ -1160,7 +1162,7 @@ const jt = (n, e) => {
           display: block;
         }
       ` : ""}
-    `, hi = ({
+    `, mi = ({
   width: n,
   columnHeight: e,
   columnWidth: t
@@ -1228,7 +1230,7 @@ const jt = (n, e) => {
       td {
         max-width: ${t}px;
       }
-    `, mi = ({
+    `, fi = ({
   isUsingVerticalWriting: n,
   minimumWidth: e,
   pageHeight: t,
@@ -1244,7 +1246,7 @@ const jt = (n, e) => {
   };
 }, Ie = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, fi = ({
+}, yi = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t,
@@ -1258,7 +1260,7 @@ const jt = (n, e) => {
 }) => {
   const l = o * e, d = i?.renditionLayout === "reflowable" && i?.renditionFlow === "scrolled-continuous", g = d ? Math.min(400, n) : n;
   t?.style.setProperty("width", `${e}px`), d ? t?.style.removeProperty("height") : t?.style.setProperty("height", `${g}px`);
-  const { viewportDimensions: h, computedScale: p = 1 } = zt({
+  const { viewportDimensions: h, computedScale: p = 1 } = Wt({
     frameElement: t,
     pageHeight: g,
     pageWidth: e
@@ -1266,10 +1268,10 @@ const jt = (n, e) => {
   if (t?.contentDocument && t?.contentWindow && t.contentDocument.body) {
     let y = e, f = g;
     if (h?.hasViewport)
-      ne(
+      ie(
         t,
         "prose-reader-html-renderer-framce-css",
-        pi()
+        gi()
       ), Ie(t, {
         width: h.width ?? 1,
         height: h.height ?? 1
@@ -1281,18 +1283,18 @@ const jt = (n, e) => {
         `translate(-50%, -50%) scale(${p})`
       ), t?.style.setProperty("transform-origin", "center center");
     else {
-      const I = a ? gi({
+      const I = a ? hi({
         isScrollable: i?.renditionFlow === "scrolled-continuous",
         enableTouch: c
-      }) : hi(
-        mi({
+      }) : mi(
+        fi({
           isUsingVerticalWriting: u,
           minimumWidth: l,
           pageHeight: g,
           pageWidth: e
         })
       );
-      if (ne(t, "prose-reader-css", I, !0), u)
+      if (ie(t, "prose-reader-css", I, !0), u)
         f = Math.ceil(
           t.contentDocument.documentElement.scrollHeight / g
         ) * g, Ie(t, {
@@ -1317,38 +1319,38 @@ const jt = (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 yi extends fe {
+class Si extends fe {
   constructor() {
     super(...arguments), this.isImageType = () => !!(this.item.mediaType ?? Me(this.item.href))?.startsWith("image/");
   }
   onCreateDocument() {
-    const e = ci();
+    const e = ui();
     return this.setDocumentContainer(e), v(e);
   }
   onLoadDocument() {
     const e = this.getFrameElement();
     if (!e) throw new Error("invalid frame");
     return v(e).pipe(
-      ai({
+      ci({
         item: this.item,
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
       }),
-      Ee(this.context.bridgeEvent.viewportFree$),
-      x(() => {
+      Re(this.context.bridgeEvent.viewportFree$),
+      P(() => {
         this.attach();
       }),
-      jn,
-      ei({
+      kn,
+      ti({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      kn
+      Un
     );
   }
   onUnload() {
-    return ti(this.getFrameElement()), this.detach(), Z;
+    return ni(this.getFrameElement()), this.detach(), Z;
   }
   onLayout({
     minPageSpread: e,
@@ -1359,9 +1361,14 @@ class yi extends fe {
     if (!r) return v(void 0);
     const a = !!this.writingMode?.startsWith("vertical");
     if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest?.renditionLayout === "pre-paginated") {
-      const u = di({
+      const u = pi({
         blankPagePosition: t,
-        enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
+        /**
+         * 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,
@@ -1371,7 +1378,7 @@ class yi extends fe {
       });
       return v(u);
     }
-    const c = fi({
+    const c = yi({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1381,7 +1388,12 @@ class yi extends fe {
       isRTL: this.context.isRTL(),
       minPageSpread: e,
       isImageType: this.isImageType(),
-      enableTouch: this.settings.values.computedPageTurnMode !== "scrollable"
+      /**
+       * 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"
     });
     return v(c);
   }
@@ -1439,13 +1451,13 @@ class yi extends fe {
     return this.getFrameElement();
   }
 }
-const Si = (n) => (e) => {
+const bi = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(o) {
-      return e.getRenderer?.(o) ?? ((r) => new yi(r));
+      return e.getRenderer?.(o) ?? ((r) => new Si(r));
     }
-  }), i = Zn(t);
+  }), i = Jn(t);
   return i.pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     links$: i
@@ -1461,35 +1473,35 @@ class nt {
 }
 class C {
   constructor(e) {
-    this.__symbol = Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
+    this.__symbol = /* @__PURE__ */ Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
   }
 }
-class Ae {
+class Ne {
   constructor(e) {
-    this.__symbol = Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
+    this.__symbol = /* @__PURE__ */ Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
 }
-class bi extends nt {
+class Ii extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageLayout";
   }
 }
-class _e extends nt {
+class Be extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class Ii extends nt {
+class vi extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
 }
-class Wt {
+class _t {
   constructor(e) {
     this.x = e.x, this.y = e.y;
   }
 }
-class M extends Wt {
+class M extends _t {
   constructor() {
     super(...arguments), this.__symbol = "SpinePosition";
   }
@@ -1497,28 +1509,28 @@ class M extends Wt {
     return new M(e);
   }
 }
-class ce extends Wt {
+class ue extends _t {
   constructor() {
     super(...arguments), this.__symbol = "UnboundSpinePosition";
   }
   static from(e) {
-    return new ce(e);
+    return new ue(e);
   }
 }
-const vi = (n, e) => {
+const wi = (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
   };
-}, wi = (n, e) => new ce(
-  vi(n, e)
+}, xi = (n, e) => new ue(
+  wi(n, e)
 ), Pi = (n) => ({
-  getSpinePositionFromClientPosition: (e) => n.spine.element ? wi(e, n.spine.element) : void 0
-}), xi = (n) => {
+  getSpinePositionFromClientPosition: (e) => n.spine.element ? xi(e, n.spine.element) : void 0
+}), $i = (n) => {
   let e;
   const t = n.context.watch("rootElement").pipe(
-    _((c) => c ? new ie(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
+    _((c) => c ? new oe(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
         position: absolute;
         left: 0;
         top: 0;
@@ -1528,7 +1540,7 @@ const vi = (n, e) => {
       `, c.appendChild(e), () => {
       e?.remove(), e = void 0;
     })) : ge)
-  ), i = (c) => an(c, ae).pipe(
+  ), i = (c) => cn(c, ce).pipe(
     j(() => {
       e?.style.setProperty(
         "visibility",
@@ -1543,7 +1555,7 @@ const vi = (n, e) => {
       );
     })
   ), s = i(n.viewportFree$).pipe(
-    bn(1)
+    In(1)
   ), a = n.settings.values$.pipe(
     Q(() => n.settings.values.computedPageTurnMode),
     pe()
@@ -1553,12 +1565,12 @@ const vi = (n, e) => {
     ),
     G(n.$.destroy$)
   );
-  return P(t, a);
-}, $i = (n) => {
+  return x(t, a);
+}, Ti = (n) => {
   n.hookManager.register("item.onDocumentLoad", ({ itemId: e }) => {
     n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling", "no");
   });
-}, Ti = (n) => {
+}, Fi = (n) => {
   n.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: t, minimumWidth: i }) => {
@@ -1575,12 +1587,12 @@ const vi = (n, e) => {
       }
     }
   );
-}, Fi = (n) => n.spineItemsManager.items$.pipe(
+}, Li = (n) => n.spineItemsManager.items$.pipe(
   w(
-    (e) => P(
+    (e) => x(
       ...e.map(
         (t) => t.pipe(
-          x((i) => {
+          P((i) => {
             t.containerElement.dataset.isDirty = i.iDirty.toString(), t.containerElement.dataset.isReady = i.isReady.toString();
           })
         )
@@ -1588,7 +1600,7 @@ const vi = (n, e) => {
     )
   )
 );
-let Li = class extends Vt {
+let Mi = class extends jt {
   computeOutputSettings(e) {
     return e;
   }
@@ -1614,21 +1626,21 @@ let Li = class extends Vt {
     };
   }
 };
-const Mi = (n) => k([
+const Ci = (n) => k([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
-  x(([{ width: e, height: t }, i]) => {
+  P(([{ 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 });
   })
-), Ci = (n) => (e) => {
+), Ei = (n) => (e) => {
   const {
     pageHorizontalMargin: t,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = e, r = n(e), a = new Li(
+  } = e, r = n(e), a = new Mi(
     {
       pageHorizontalMargin: t,
       pageVerticalMargin: i,
@@ -1650,9 +1662,9 @@ const Mi = (n) => k([
       const A = F.height - I * 2;
       let Y = F.width - b * 2, B = b * 2;
       m.isUsingVerticalWriting() && (Y = F.width - b * 2, $ = A, B = I * 2);
-      const oe = m?.renderer.getDocumentFrame();
-      oe && ne(
-        oe,
+      const re = m?.renderer.getDocumentFrame();
+      re && ie(
+        re,
         "prose-layout-enhancer-css",
         `
               body {
@@ -1675,7 +1687,7 @@ const Mi = (n) => k([
             `
       );
     }
-  }), Ti(r), $i(r), r.hookManager.register(
+  }), Fi(r), Ti(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: p }) => {
       p.style.opacity = "0", a.values.layoutLayerTransition && (p.style.transition = "opacity 300ms");
@@ -1685,24 +1697,24 @@ const Mi = (n) => k([
     r.settings.values.computedPageTurnMode !== "scrollable" && y?.setAttribute("tab-index", "0");
   });
   const c = r.spineItemsObserver.itemIsReady$.pipe(
-    re(({ isReady: p }) => p),
+    ae(({ isReady: p }) => p),
     j(({ item: p }) => {
       const m = p.renderer.documentContainer;
       m && (m.style.opacity = "1");
     })
   ), u = a.values$.pipe(
-    re(({ layoutAutoResize: p }) => p === "container"),
+    ae(({ layoutAutoResize: p }) => p === "container"),
     _(() => r.context.watch("rootElement")),
-    re(J),
+    ae(J),
     _((p) => et(p)),
-    In(100),
-    re(J),
+    vn(100),
+    ae(J),
     j(() => {
       r?.layout();
     })
-  ), l = xi(r);
+  ), l = $i(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
-    Mt(1),
+    Ct(1),
     j(() => {
       r.layout();
     }),
@@ -1710,8 +1722,8 @@ const Mi = (n) => k([
   ).subscribe();
   const d = r.spine.pages.pipe(
     Ce({ refCount: !0, bufferSize: 1 })
-  ), g = Fi(r), h = Mi(r);
-  return P(
+  ), g = Li(r), h = Ci(r);
+  return x(
     c,
     l,
     u,
@@ -1728,9 +1740,9 @@ const Mi = (n) => k([
     layoutInfo$: d,
     coordinates: Pi(r)
   };
-}, Ei = `${W}-enhancer-loading`, _t = `${Ei}-container`, Di = (n, e) => {
+}, Di = `${W}-enhancer-loading`, Ht = `${Di}-container`, Ri = (n, e) => {
   const t = n.ownerDocument.createElement("div");
-  return t.classList.add(_t), t.style.cssText = `
+  return t.classList.add(Ht), t.style.cssText = `
       height: 100%;
       width: 100%;
       max-width: ${e.absoluteViewport.width}px;
@@ -1746,7 +1758,7 @@ const Mi = (n) => k([
       background-color: white;
       z-index: 1;
     `, t;
-}, Ri = ({
+}, Ai = ({
   container: n,
   item: e
 }) => {
@@ -1763,17 +1775,17 @@ const Mi = (n) => k([
       max-width: 300px;
       width: 80%;
     `, n.appendChild(t), n.appendChild(i), n;
-}, Ai = (n) => (e) => {
-  const { loadingElementCreate: t = Ri } = e, i = n(e), o = (c) => v(
+}, Oi = (n) => (e) => {
+  const { loadingElementCreate: t = Ai } = e, i = n(e), o = (c) => v(
     c.reduce((u, { item: l, element: d }) => {
       d.style.zIndex = "0";
       const g = d.querySelector(
-        `.${_t}`
+        `.${Ht}`
       );
       if (g instanceof HTMLElement)
         return u[l.id] = g, u;
       const h = t({
-        container: Di(d, i.viewport),
+        container: Ri(d, i.viewport),
         item: l
       });
       return d.appendChild(h), u[l.id] = h, u;
@@ -1809,7 +1821,7 @@ const Mi = (n) => k([
   );
   return a.pipe(
     _(
-      (c) => P(
+      (c) => x(
         s(c),
         r(c)
       )
@@ -1824,7 +1836,7 @@ const Mi = (n) => k([
     }
   };
 };
-class Oi extends fe {
+class Ni extends fe {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1876,12 +1888,12 @@ class Oi extends fe {
   getDocumentFrame() {
   }
 }
-const Ni = (n) => (e) => {
+const Vi = (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 Ni(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1931,15 +1943,15 @@ const Ni = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, Vi = (n, e) => n.links$.pipe(
-  x((t) => {
-    if (!On(t.target, "a") || t.type !== "click") return;
+}, ji = (n, e) => n.links$.pipe(
+  P((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);
   })
-), se = D.namespace("navigation"), ji = ({
+), ee = D.namespace("navigation"), ki = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -1971,7 +1983,7 @@ const Ni = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = ji({
+  ), l = ki({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -1993,7 +2005,7 @@ const Ni = (n) => (e) => {
       x: 0
     })
   );
-}, ki = ({
+}, Ui = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2037,7 +2049,7 @@ const Ni = (n) => (e) => {
     return i.getAdjustedPositionForSpread(l);
   }
   return i.getAdjustedPositionForSpread(u);
-}, Ui = ({
+}, zi = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2069,7 +2081,7 @@ const Ni = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Ui({
+  ), l = zi({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -2083,15 +2095,15 @@ const Ni = (n) => (e) => {
     spineItemPosition: l,
     spineItem: a
   }) : e.fromUnboundSpinePosition(
-    r === "horizontal" ? new ce({
+    r === "horizontal" ? new ue({
       x: n.x + s.pageSize.width,
       y: 0
-    }) : new ce({
+    }) : new ue({
       y: n.y + s.pageSize.height,
       x: 0
     })
   );
-}, zi = ({
+}, Wi = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2139,7 +2151,7 @@ const Ni = (n) => (e) => {
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class Wi {
+class _i {
   constructor(e) {
     this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2158,7 +2170,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 = Wi({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2176,7 +2188,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 = Ui({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2203,7 +2215,7 @@ class Wi {
   }) {
     const i = this.reader.spineItemsManager.get(e);
     if (i === void 0) {
-      se.warn(
+      ee.warn(
         "goToSpineItem",
         `Ignore navigation to ${e} since the item does not exist`
       );
@@ -2236,7 +2248,7 @@ class Wi {
   }
   goToRightSpineItem() {
     if (this.reader.settings.values.computedPageTurnDirection === "vertical") {
-      se.warn(
+      ee.warn(
         "You cannot call this navigation method on vertical direction"
       );
       return;
@@ -2251,7 +2263,7 @@ class Wi {
   }
   goToLeftSpineItem() {
     if (this.reader.settings.values.computedPageTurnDirection === "vertical") {
-      se.warn(
+      ee.warn(
         "You cannot call this navigation method on vertical direction"
       );
       return;
@@ -2260,7 +2272,7 @@ class Wi {
   }
   goToTopSpineItem() {
     if (this.reader.settings.values.computedPageTurnDirection === "horizontal") {
-      se.warn(
+      ee.warn(
         "You cannot call this navigation method on horizontal direction"
       );
       return;
@@ -2269,7 +2281,7 @@ class Wi {
   }
   goToBottomSpineItem() {
     if (this.reader.settings.values.computedPageTurnDirection === "horizontal") {
-      se.warn(
+      ee.warn(
         "You cannot call this navigation method on horizontal direction"
       );
       return;
@@ -2285,7 +2297,7 @@ class Wi {
       pageIndex: e,
       spineItemId: t
     });
-    se.debug(".goToPageOfSpineItem()", {
+    ee.debug(".goToPageOfSpineItem()", {
       pageIndex: e,
       spineItemId: t,
       ...i,
@@ -2300,7 +2312,7 @@ class Wi {
     ...t
   }) {
     const i = this.reader.spine.pages.fromAbsolutePageIndex(e);
-    if (se.debug(".goToAbsolutePageIndex()", {
+    if (ee.debug(".goToAbsolutePageIndex()", {
       absolutePageIndex: e,
       ...t,
       foundInfo: i
@@ -2318,62 +2330,107 @@ class Wi {
     }
   }
 }
-class _i {
+class se extends oe {
   constructor(e) {
-    this.reader = e, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new M({ x: 0, y: 0 }), this.lastStartPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
+    super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new R(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new H(e);
   }
-  moveTo(e, { final: t, start: i } = {}) {
+  next(e) {
+    this.stateSubject.next(e);
+  }
+  /**
+   * Default shallow compare.
+   */
+  mergeCompare(e) {
+    const t = { ...this.value, ...e };
+    V(this.value, t) || this.stateSubject.next(t);
+  }
+  watch(e) {
+    return Array.isArray(e) ? this.stateSubject.pipe(Qe(e)) : this.stateSubject.pipe(
+      S((t) => t[e]),
+      z(V)
+    );
+  }
+  get value() {
+    return this.stateSubject.value;
+  }
+  destroy() {
+    this.stateSubject.complete(), this._destroy$.complete();
+  }
+}
+class Hi extends se {
+  constructor(e) {
+    super({
+      lastDelta: { x: 0, y: 0 },
+      lastPosition: new M({ x: 0, y: 0 }),
+      lastStartPosition: new M({ x: 0, y: 0 }),
+      isStarted: !1
+    }), this.reader = e, this.unlock = void 0;
+  }
+  start(e) {
+    this.unlock?.(), this.unlock = this.reader.navigation.lock(), this.mergeCompare({
+      isStarted: !0,
+      lastDelta: e,
+      lastStartPosition: this.reader.navigation.controlledNavigationController.viewportPosition,
+      lastPosition: this.reader.navigation.controlledNavigationController.viewportPosition
+    });
+  }
+  stop(e) {
+    this.panMoveTo(e), this.mergeCompare({
+      isStarted: !1
+    }), this.unlock?.();
+  }
+  panMoveTo(e) {
     if (this.reader.settings.values.computedPageTurnMode === "scrollable") {
-      se.warn(
+      ee.warn(
         "pan control is not available on free page turn mode"
       );
       return;
     }
-    const o = this.reader.settings.values.computedPageTurnDirection;
-    i && (this.unlock?.(), this.unlock = this.reader.navigation.lock(), this.lastDelta = { x: 0, y: 0 }, this.lastStartPosition = this.reader.navigation.controlledNavigationController.viewportPosition, this.lastPosition = this.lastStartPosition);
-    let s = this.reader.navigation.getNavigation().position;
+    if (!this.value.isStarted) {
+      ee.error("Pan navigator is not started");
+      return;
+    }
+    const t = this.reader.settings.values.computedPageTurnDirection;
+    let i = this.reader.navigation.getNavigation().position;
     if (e) {
-      const r = this.reader.viewport.absoluteViewport.width / this.reader.viewport.relativeViewport.width, a = Math.floor(e.x) - (this.lastDelta?.x || 0), c = Math.floor(e.y) - (this.lastDelta?.y || 0), u = Math.floor(
-        o === "horizontal" ? this.lastPosition.x - a / r : 0
-      ), l = Math.floor(
-        o === "horizontal" ? 0 : this.lastPosition.y - c / r
+      const o = this.reader.viewport.absoluteViewport.width / this.reader.viewport.relativeViewport.width, s = Math.floor(e.x) - (this.value.lastDelta?.x || 0), r = Math.floor(e.y) - (this.value.lastDelta?.y || 0), a = Math.floor(
+        t === "horizontal" ? this.value.lastPosition.x - s / o : 0
+      ), c = Math.floor(
+        t === "horizontal" ? 0 : this.value.lastPosition.y - r / o
       );
-      s = new M({
-        x: u,
-        y: l
-      }), this.lastDelta = e;
+      i = new M({
+        x: a,
+        y: c
+      }), this.mergeCompare({
+        lastDelta: e
+      });
     } else
-      s = this.lastPosition;
-    if (this.lastPosition = s, t) {
-      this.lastDelta = { x: 0, y: 0 }, this.reader.navigation.navigate({
-        position: s,
-        animation: !1
-      }), this.unlock?.();
-      return;
-    }
-    this.reader.navigation.navigate({
-      position: s,
+      i = this.value.lastPosition;
+    this.mergeCompare({
+      lastPosition: i
+    }), this.reader.navigation.navigate({
+      position: i,
       animation: !1
     });
   }
 }
-const Hi = 500;
-class Bi extends X {
+const Bi = 500;
+class Xi extends X {
   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(
-      Ue((o) => {
+      We((o) => {
         const s = this.locker.lock();
-        return P(
+        return x(
           this.scrollNavigationController.userScroll$,
           v(o)
         ).pipe(
           Se(
-            Hi,
-            ae
+            Bi,
+            ce
           ),
           U(),
-          x(() => {
+          P(() => {
             const r = this.scrollNavigationController.fromScrollPosition(
               this.scrollNavigationController.scrollPosition
             );
@@ -2389,10 +2446,10 @@ class Bi extends X {
         );
       })
     );
-    P(i).pipe(T(this.destroy$)).subscribe();
+    x(i).pipe(T(this.destroy$)).subscribe();
   }
 }
-const Xi = (n) => n.pagination.state$.pipe(
+const Yi = (n) => n.pagination.state$.pipe(
   O(n.context.manifest$, n.settings.values$),
   S(
     ([
@@ -2412,32 +2469,32 @@ const Xi = (n) => n.pagination.state$.pipe(
     }
   ),
   z(V)
-), Yi = ({ reader: n, duration: e }) => (t) => {
+), qi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
   };
   return t.pipe(
-    x(() => {
+    P(() => {
       i || (i = n?.navigation.lock());
     }),
-    cn(e, ae, {
+    un(e, ce, {
       trailing: !0,
       leading: !0
     }),
-    x(o),
+    P(o),
     de(o)
   );
-}, qi = (n) => (e) => {
-  const t = n(e), i = Xi(t), o = new Wi(t), s = new _i(t), r = new Bi(
+}, Gi = (n) => (e) => {
+  const t = n(e), i = Yi(t), o = new _i(t), s = new Hi(t), r = new Xi(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = Vi(t, o), c = r.navigation$.pipe(
-    x((d) => {
+  ), a = ji(t, o), c = r.navigation$.pipe(
+    P((d) => {
       t.navigation.navigate(d);
     })
   );
-  return P(a, c).pipe(T(t.$.destroy$)).subscribe(), {
+  return x(a, c).pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     load: (d) => {
       const { cfi: g, ...h } = d;
@@ -2449,8 +2506,8 @@ const Xi = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: d, trigger: g }) => g.pipe(Yi({ duration: d, reader: t })),
-      moveTo: s.moveTo.bind(s),
+      throttleLock: ({ duration: d, trigger: g }) => g.pipe(qi({ duration: d, reader: t })),
+      panNavigator: s,
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
       turnLeftOrTop: o.turnLeftOrTop.bind(o),
@@ -2472,7 +2529,7 @@ const Xi = (n) => n.pagination.state$.pipe(
       goToAbsolutePageIndex: o.goToAbsolutePageIndex.bind(o)
     }
   };
-}, Ht = (n, e, t) => {
+}, Bt = (n, e, t) => {
   const i = t.spineItems.findIndex(
     (o) => o.href === n
   );
@@ -2489,7 +2546,7 @@ const Xi = (n) => n.pagination.state$.pipe(
       const m = {
         title: s.title,
         path: s.path
-      }, y = Ht(n, s.contents, t);
+      }, y = Bt(n, s.contents, t);
       return y ? {
         ...m,
         subChapter: y
@@ -2497,19 +2554,19 @@ const Xi = (n) => n.pagination.state$.pipe(
     }
     return o;
   }, void 0);
-}, Gi = (n, e) => {
+}, Zi = (n, e) => {
   const { href: t } = e;
-  return Ht(t, n.nav?.toc ?? [], n);
-}, Zi = (n) => {
+  return Bt(t, n.nav?.toc ?? [], n);
+}, Ji = (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] = Zi(e, o), i),
     {}
   ) : {};
-}, Ji = (n) => n.spineItemsManager.items$.pipe(
-  te([]),
-  S(() => Zi(n))
-), Ki = (n, e, t) => n + e * t, Qi = (n, e, t) => {
+}, Ki = (n) => n.spineItemsManager.items$.pipe(
+  ne([]),
+  S(() => Ji(n))
+), Qi = (n, e, t) => n + e * t, eo = (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,
@@ -2524,7 +2581,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(
+}, to = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
   O(n.layoutInfo$),
   S(([s, r]) => {
@@ -2534,18 +2591,18 @@ const Xi = (n) => n.pagination.state$.pipe(
     let m = (t + 1) * (p / h);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
-    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Qi(
+    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = eo(
       n,
       i,
       o
-    ) : m = 0, y = Ki(
+    ) : m = 0, y = Qi(
       l,
       p,
       m
     )), e === u - 1 && t === h - 1 && y > 0.99 ? 1 : y;
   })
-), to = (n) => n.spine.layout$.pipe(
-  Se(10, ae),
+), no = (n) => n.spine.layout$.pipe(
+  Se(10, ce),
   O(n.pagination.state$),
   S(() => ({
     numberOfPagesPerItems: n.spineItemsManager.items.reduce(
@@ -2558,11 +2615,11 @@ const Xi = (n) => n.pagination.state$.pipe(
     numberOfTotalPages: n.spine.pages.value.pages.length
   })),
   z(V),
-  te({
+  ne({
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), no = (n, e, t, i) => {
+), io = (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,
@@ -2593,7 +2650,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, io = (n) => k([
+}, oo = (n) => k([
   n.pagination.state$,
   // Usually pagination change if layout changes (number of pages) however it is especially
   // useful for like webtoon where you still have one page but only the layout will give you the final size
@@ -2602,7 +2659,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 ? to(
       n,
       e.endSpineItemIndex ?? 0,
       e.endPageIndexInSpineItem || 0,
@@ -2610,8 +2667,8 @@ const Xi = (n) => n.pagination.state$.pipe(
       t
     ) : v(0);
   })
-), oo = (n) => {
-  const e = Ji(n), t = to(n), i = new H({
+), so = (n) => {
+  const e = Ki(n), t = no(n), i = new H({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2629,10 +2686,10 @@ const Xi = (n) => n.pagination.state$.pipe(
   }), o = k([
     n.pagination.state$,
     e,
-    io(n)
+    oo(n)
   ]).pipe(
     w(
-      ([r, a, c]) => no(
+      ([r, a, c]) => io(
         n,
         r,
         a,
@@ -2662,21 +2719,21 @@ const Xi = (n) => n.pagination.state$.pipe(
         r.endPageIndexInSpineItem ?? 0
       )
     })),
-    x((r) => {
+    P((r) => {
       i.next(r);
     }),
     K(1)
   ), getPaginationInfo: () => i.value };
-}, he = (n) => ze({
+}, he = (n) => _e({
   spineIndex: n.index,
   spineId: n.id
-}), Bt = ({
+}), Xt = ({
   nodeOrRange: n,
   offset: e,
   item: t
 }) => {
   const i = "ownerDocument" in n ? n.ownerDocument : n.startContainer.ownerDocument;
-  return !i || !i?.documentElement || n === i ? he(t) : Nn(n) ? ze({
+  return !i || !i?.documentElement || n === i ? he(t) : Vn(n) ? _e({
     start: {
       node: n.startContainer,
       offset: n.startOffset,
@@ -2689,13 +2746,13 @@ const Xi = (n) => n.pagination.state$.pipe(
       spineIndex: t.index,
       spineId: t.id
     }
-  }) : ze({
+  }) : _e({
     node: n,
     offset: e,
     spineIndex: t.index,
     spineId: t.id
   });
-}, He = ({
+}, Xe = ({
   pageIndex: n,
   spineItem: e,
   spine: t
@@ -2703,26 +2760,26 @@ 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 ? Bt({
+  return o && s instanceof HTMLIFrameElement && s.contentWindow?.document ? Xt({
     nodeOrRange: o.node,
     offset: o.offset,
     item: e.item
   }).trim() : he(e.item);
-}, so = (n, e) => Bt({
+}, ro = (n, e) => Xt({
   nodeOrRange: n,
   item: e
-}), Qs = (n) => n.index.toString(), gt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
-  const e = Ct(n);
-  return wn(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 = Ct(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;
+}), er = (n) => n.index.toString(), gt = (n) => n[0]?.index === 6 && n.length > 1, Ye = (n) => {
+  const e = Et(n);
+  return xn(e);
+}, ao = (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 = ((ao(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     cleanedCfi: n,
     itemIndex: s,
     offset: a ?? 0
   };
-}, Xt = ({
+}, Yt = ({
   cfi: n,
   spineItemsManager: e
 }) => {
@@ -2738,7 +2795,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     const r = s.contentWindow?.document;
     if (r)
       try {
-        const a = xn(n, r, {
+        const a = $n(n, r, {
           throwOnError: !0
         });
         return {
@@ -2765,7 +2822,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     spineItem: o,
     node: null
   };
-}, ao = (n, e) => {
+}, co = (n, e) => {
   if ("cfi" in e) {
     const { itemIndex: s, ...r } = n.cfi.parseCfi(e.cfi);
     return {
@@ -2785,10 +2842,10 @@ const Xi = (n) => n.pagination.state$.pipe(
     itemIndex: t.index,
     node: null
   };
-}, co = (n, e) => {
+}, uo = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
-  return s ? Nt().pipe(
+  return s ? Vt().pipe(
     O(s.isReady$),
     S(([, r]) => {
       const {
@@ -2818,7 +2875,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     })
   ) : v({ ...n, itemIndex: i, ...o });
 };
-class uo {
+class lo {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (t) => {
       const i = this.locatorsByKey.get(t);
@@ -2826,7 +2883,7 @@ class uo {
     }, this.locate = (t, i) => {
       const o = {
         resource: t,
-        meta: ao(this.reader, t)
+        meta: co(this.reader, t)
       };
       return ct(() => {
         const s = this.reader.spineItemsManager.get(
@@ -2850,8 +2907,8 @@ class uo {
           );
         const d = this.reader.spine.layout$.pipe(
           Se(10),
-          te(o),
-          un((g) => co(g.meta, this.reader).pipe(
+          ne(o),
+          ln((g) => uo(g.meta, this.reader).pipe(
             S((h) => ({
               ...g,
               meta: h
@@ -2870,14 +2927,14 @@ class uo {
     return Array.isArray(e) ? ct(
       () => k(
         e.map((i) => this.locate(i, t ?? {}))
-      ).pipe(ln([]))
+      ).pipe(dn([]))
     ) : this.locate(e, t ?? {});
   }
 }
-const lo = (n) => (e) => {
-  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = oo(t);
+const po = (n) => (e) => {
+  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = so(t);
   i.pipe(T(t.$.destroy$)).subscribe();
-  const s = new uo(t);
+  const s = new lo(t);
   return {
     ...t,
     locateResource: s.locateResource.bind(s),
@@ -2891,7 +2948,7 @@ const lo = (n) => (e) => {
       }
     }
   };
-}, po = (n) => ({
+}, go = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
     u.onerror = (g) => {
@@ -2943,16 +3000,16 @@ const lo = (n) => (e) => {
       a(d);
     };
   })
-}), Oe = async (n) => new Promise((e, t) => {
+}), Ve = async (n) => new Promise((e, t) => {
   const i = window.indexedDB.open(n);
   i.onerror = (o) => {
     t(o);
   }, i.onsuccess = () => {
-    e(po(i.result));
+    e(go(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), go = (n) => {
+}), ho = (n) => {
   let e = Date.now().toString();
   const t = new R(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
@@ -2963,7 +3020,7 @@ const lo = (n) => (e) => {
   }, o = async (c, u) => {
     const l = i(c);
     if (!l) return new Response("Item not found", { status: 404 });
-    const g = await (await Oe("prose-reader")).get(`${e}_${l.id}`);
+    const g = await (await Ve("prose-reader")).get(`${e}_${l.id}`);
     if (g)
       return new Response(g, { status: 200 });
     const h = u && await u(l) || await fetch(l.href);
@@ -2972,10 +3029,10 @@ const lo = (n) => (e) => {
     t.next({ id: c, data: u });
   };
   t.asObservable().pipe(
-    vn(({ id: c, data: u }) => {
+    wn(({ id: c, data: u }) => {
       const l = i(c);
       return l ? N(
-        dn([Oe("prose-reader"), N(u.blob())])
+        pn([Ve("prose-reader"), N(u.blob())])
       ).pipe(
         _(([d, g]) => N(d.put(`${e}_${l.id}`, g))),
         rt((d) => (D.error(d), Z))
@@ -2988,8 +3045,8 @@ const lo = (n) => (e) => {
       e = Date.now().toString();
     })
   );
-  return P(r).pipe(
-    _(() => (D.debug("Cleanup up old cache..."), N(Oe("prose-reader")).pipe(
+  return x(r).pipe(
+    _(() => (D.debug("Cleanup up old cache..."), N(Ve("prose-reader")).pipe(
       _(
         (c) => N(c.keys()).pipe(
           Q(
@@ -3010,8 +3067,8 @@ const lo = (n) => (e) => {
       t.complete();
     }
   };
-}, ho = (n) => (e) => {
-  const t = n(e), i = go(t.context);
+}, mo = (n) => (e) => {
+  const t = n(e), i = ho(t.context);
   return {
     ...t,
     // $: {
@@ -3023,7 +3080,7 @@ const lo = (n) => (e) => {
     }
     // load,
   };
-}, mo = (n, e) => {
+}, fo = (n, e) => {
   const t = n.node.ownerDocument?.createRange(), i = n.node.compareDocumentPosition(e.node);
   if (t) {
     try {
@@ -3043,14 +3100,14 @@ const lo = (n) => (e) => {
     }
     return t;
   }
-}, fo = ({
+}, yo = ({
   selection: n,
   spineItem: e
 }) => {
   const { anchorNode: t, anchorOffset: i, focusNode: o, focusOffset: s } = n;
   if (!(!t || !o))
     try {
-      return mo(
+      return fo(
         { node: t, offset: i },
         { node: o, offset: s }
       );
@@ -3062,7 +3119,7 @@ const lo = (n) => (e) => {
       return;
     }
 };
-class yo extends X {
+class So extends X {
   constructor(e) {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
@@ -3085,16 +3142,16 @@ class yo extends X {
           )
         )
       ) : v(null);
-      this.selectionChange$ = P(
+      this.selectionChange$ = x(
         q(t, "selectionchange"),
         i
       ).pipe(
         S(() => t.getSelection()),
-        T(P(o, this.destroy$)),
+        T(x(o, this.destroy$)),
         me(null)
       ), this.selectionOver$ = q(t, "pointerdown").pipe(
         w(
-          () => P(
+          () => x(
             q(t, "pointerup"),
             q(t, "pointercancel"),
             q(t, "contextmenu")
@@ -3112,17 +3169,17 @@ class yo extends X {
             L(J)
           )
         ),
-        T(P(o, this.destroy$))
+        T(x(o, this.destroy$))
       );
     }
   }
 }
-const So = (n) => n.watch("isLoaded").pipe(
+const bo = (n) => n.watch("isLoaded").pipe(
   w(() => {
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
     if (!e || !t) return ge;
-    const i = new yo(e);
-    return P(
+    const i = new So(e);
+    return x(
       i.selectionChange$.pipe(
         S((o) => {
           if (o?.toString())
@@ -3148,14 +3205,14 @@ const So = (n) => n.watch("isLoaded").pipe(
     );
   }),
   z()
-), bo = (n) => (e) => {
+), Io = (n) => (e) => {
   const t = n(e);
   let i;
   const o = t.spineItemsManager.items$.pipe(
     w((l) => {
       const d = l.map((g) => {
         const h = t.spineItemsManager.getSpineItemIndex(g) ?? 0;
-        return So(g).pipe(
+        return bo(g).pipe(
           S((p) => {
             if (p)
               return {
@@ -3165,11 +3222,11 @@ const So = (n) => n.watch("isLoaded").pipe(
           })
         );
       });
-      return P(...d);
+      return x(...d);
     }),
-    te(void 0),
+    ne(void 0),
     z(),
-    x((l) => {
+    P((l) => {
       i = l;
     }),
     K({ refCount: !0, bufferSize: 1 })
@@ -3191,10 +3248,10 @@ const So = (n) => n.watch("isLoaded").pipe(
     w((l) => q(l, "pointerdown")),
     O(s),
     S(([, l]) => l),
-    te(void 0),
+    ne(void 0),
     K({ refCount: !0, bufferSize: 1 })
   );
-  return P(s, u).pipe(T(t.$.destroy$)).subscribe(), {
+  return x(s, u).pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     selection: {
       selection$: s,
@@ -3203,7 +3260,7 @@ const So = (n) => n.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: fo
+      createOrderedRangeFromSelection: yo
     }
   };
 }, ht = [
@@ -3221,7 +3278,7 @@ const So = (n) => n.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], Io = (n) => (e) => {
+], vo = (n) => (e) => {
   const t = n(e), i = new H(
     e.theme ?? "bright"
   ), o = () => {
@@ -3253,14 +3310,14 @@ const So = (n) => n.watch("isLoaded").pipe(
   }, r = () => {
     t.spineItemsManager.items.forEach((a) => {
       const c = a.renderer.getDocumentFrame();
-      c && ne(c, "prose-reader-theme", o()), s({ container: a.element });
+      c && ie(c, "prose-reader-theme", o()), s({ container: a.element });
     });
   };
   return t.hookManager.register("item.onDocumentLoad", ({ itemId: a }) => {
     const c = t.spineItemsManager.get(a);
     if (c?.renditionLayout !== "pre-paginated") {
       const u = c?.renderer.getDocumentFrame();
-      u && ne(u, "prose-reader-theme", o());
+      u && ie(u, "prose-reader-theme", o());
     }
   }), t.spineItemsManager.items$.pipe(
     j(
@@ -3286,65 +3343,55 @@ const So = (n) => n.watch("isLoaded").pipe(
       }
     }
   };
-}, vo = (n) => (e) => ({
-  ...n(e),
-  utils: {
-    isOrIsWithinValidLink: (o) => !!(At(o) && (o.nodeName === "a" ? o : o.closest("a"))?.getAttribute("href"))
-  }
-});
+}, wo = (n) => (e) => {
+  const t = n(e);
+  return {
+    ...t,
+    utils: {
+      isOrIsWithinValidLink: (s) => !!(Ot(s) && (s.nodeName === "a" ? s : s.closest("a"))?.getAttribute("href")),
+      injectScopedCSS: (s, r, a) => {
+        const c = a.replace("${id}", t.id);
+        return Ee(s, `${r}-${t.id}`, c);
+      }
+    }
+  };
+};
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const wo = (n) => (e) => n(e), Po = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}";
-class ue extends ie {
-  constructor(e) {
-    super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new R(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new H(e);
-  }
-  next(e) {
-    this.stateSubject.next(e);
-  }
-  /**
-   * Default shallow compare.
-   */
-  mergeCompare(e) {
-    const t = { ...this.value, ...e };
-    V(this.value, t) || this.stateSubject.next(t);
-  }
-  watch(e) {
-    return Array.isArray(e) ? this.stateSubject.pipe(Qe(e)) : this.stateSubject.pipe(
-      S((t) => t[e]),
-      z(V)
-    );
-  }
-  get value() {
-    return this.stateSubject.value;
-  }
-  destroy() {
-    this.stateSubject.complete(), this._destroy$.complete();
-  }
-}
-const xo = (n, e, t) => {
+const xo = (n) => (e) => n(e), Po = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}", mt = (n, e, t) => {
+  const { clientWidth: i, clientHeight: o } = t.value.element, s = {
+    maxX: 0,
+    minX: i * (1 - e),
+    maxY: 0,
+    minY: o * (1 - e)
+  };
+  return {
+    x: Math.min(Math.max(n.x, s.minX), s.maxX),
+    y: Math.min(Math.max(n.y, s.minY), s.maxY)
+  };
+}, $o = (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) => {
+}, To = (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 Yt {
+class qt {
   constructor(e) {
     this.x = e.x, this.y = e.y;
   }
 }
-class mt extends Yt {
+class ft extends qt {
 }
-class To extends Yt {
+class Fo extends qt {
   constructor() {
-    super(...arguments), this.__symbol = Symbol("UnboundScrollPosition");
+    super(...arguments), this.__symbol = /* @__PURE__ */ Symbol("UnboundScrollPosition");
   }
 }
-class Fo extends ue {
+class Lo extends se {
   constructor(e, t, i, o, s) {
     super({
       element: void 0
@@ -3359,33 +3406,33 @@ class Fo extends ue {
         top: h.y,
         behavior: "instant"
       }), Te(1).pipe(
-        x(() => {
+        P(() => {
           this.scrollingSubject.next(!1);
         }),
-        T(P(this.scrollingSubject.pipe(Ft(1)), this.destroy$))
+        T(x(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
       ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
     };
     const r = this.context.pipe(
       Qe(["rootElement"]),
-      x(({ rootElement: d }) => {
+      P(({ rootElement: d }) => {
         if (!d) return;
         const g = document.createElement("div");
-        g.setAttribute(`data-${si}`, ""), g.appendChild(this.viewport.value.element), d.appendChild(g), this.update({ element: g });
+        g.setAttribute(`data-${ri}`, ""), g.appendChild(this.viewport.value.element), d.appendChild(g), this.update({ element: g });
       })
     ), a = k([
       t.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      x(([{ computedPageTurnMode: d }, g]) => {
+      P(([{ computedPageTurnMode: d }, g]) => {
         g && (d === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
       })
-    ), c = this.navigateSubject.pipe(x(this.setViewportPosition));
+    ), c = this.navigateSubject.pipe(P(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
-      te(!1),
-      w(() => P(v(!0), v(!1))),
+      ne(!1),
+      w(() => x(v(!0), v(!1))),
       K(1)
     );
-    const u = P(
+    const u = x(
       o.element$.pipe(
         L(J),
         w((d) => et(d))
@@ -3399,11 +3446,11 @@ class Fo extends ue {
       w(
         () => Te(10).pipe(
           S(() => !1),
-          te(!0)
+          ne(!0)
         )
       ),
       z(),
-      te(!1)
+      ne(!1)
     ), l = k([
       u,
       this.isScrolling$
@@ -3429,7 +3476,7 @@ class Fo extends ue {
         )
       ),
       E()
-    ), P(r, a, c).pipe(T(this.destroy$)).subscribe();
+    ), x(r, a, c).pipe(T(this.destroy$)).subscribe();
   }
   update(e) {
     this.mergeCompare(e);
@@ -3439,48 +3486,52 @@ class Fo extends ue {
   }
   fromScrollPosition(e) {
     const t = this.viewport.scaleFactor;
-    return new ce({
+    return new ue({
       x: e.x / t,
       y: e.y / t
     });
   }
   fromSpinePosition(e) {
     const t = this.viewport.scaleFactor;
-    return new mt({
+    return new ft({
       x: e.x * t,
       y: e.y * t
     });
   }
   get scrollPosition() {
     const e = this.value.element;
-    return new mt({
+    return new ft({
       x: e?.scrollLeft ?? 0,
       y: e?.scrollTop ?? 0
     });
   }
 }
-const Lo = (n, e, t, i, o) => {
+const Mo = (n, e, t, i, o) => {
   const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, d = t / e, g = u * d, h = l * d, p = g - s / 2 + i, m = h - r / 2 + o;
-  return new To({
+  return new Fo({
     x: p,
     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 ?? Rn(),
+}, Co = (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 = Mo(
+    s ?? An(),
     a,
     n,
     c,
     u
   ), d = n < 1 ? "down" : "up";
-  return r?.setAttribute(
+  r?.setAttribute(
     `data-${W}-zooming-direction`,
     d
-  ), n < 1 ? o.style.transformOrigin = "top" : n > 1 && (o.style.transformOrigin = `${c}px ${u}px`), o.style.transform = `scale(${n})`, i.fromScrollPosition(
+  ), n < 1 ? o.style.transformOrigin = "top" : n > 1 && (o.style.transformOrigin = `${c}px ${u}px`), o.style.transform = `scale(${n})`;
+  const g = i.fromScrollPosition(
     l
   );
+  e.navigation.navigate({
+    position: g
+  });
 }, ve = 200;
-class Co extends ue {
+class Eo extends se {
   constructor(e) {
     super({
       isZooming: !1,
@@ -3501,7 +3552,7 @@ class Co extends ue {
           currentScale: 1,
           currentPosition: { x: 0, y: 0 }
         }), this.updateZoom(s), s !== 1 && this.isControlled ? Te(o?.animate ? ve : 0).pipe(
-          x(() => {
+          P(() => {
             this.reader.layout();
           })
         ) : Z;
@@ -3517,18 +3568,18 @@ class Co extends ue {
         ), this.scrollNavigationController.value.element?.setAttribute(
           `data-${W}-zooming`,
           "false"
-        ), o?.animate && this.isControlled && (s.style.transition = `transform ${ve}ms`), this.updateZoom(1, { x: 0, y: 0 }), s.style.transform = "", Te(o?.animate ? ve : 0).pipe(
-          x(() => {
+        ), o?.animate && this.isControlled && (s.style.transition = `transform ${ve}ms`), this.updateZoom(1, { x: 0, y: 0 }), s.style.transform = "", this.mergeCompare({
+          isZooming: !1
+        }), Te(o?.animate ? ve : 0).pipe(
+          P(() => {
             const r = this.reader.viewport.value.element;
-            r.style.transformOrigin = "", r.style.transition = "", this.isControlled && this.reader.layout(), this.mergeCompare({
-              isZooming: !1
-            });
+            r.style.transformOrigin = "", r.style.transition = "", this.isControlled && this.reader.layout();
           }),
           T(this.enterSubject)
         );
       })
     );
-    P(t, i).pipe(T(this.destroy$)).subscribe();
+    x(t, i).pipe(T(this.destroy$)).subscribe();
   }
   enter(e) {
     this.enterSubject.next(e);
@@ -3536,25 +3587,29 @@ class Co extends ue {
   exit(e) {
     this.exitSubject.next(e);
   }
-  move(e) {
-    this.isControlled && (this.viewport.element.style.transition = "", this.updateZoom(this.value.currentScale, e));
+  move(e, t) {
+    this.isControlled && (this.viewport.element.style.transition = "", this.updateZoom(this.value.currentScale, e, {
+      constraints: t?.constrain === "within-viewport" ? (...i) => mt(...i, this.reader.viewport) : void 0
+    }));
   }
-  scaleAt(e) {
+  scaleAt(e, t) {
     this.viewport.element.style.transition = "";
-    const i = Math.ceil(e * 100) / 100;
-    this.updateZoom(i);
+    const o = Math.ceil(e * 100) / 100;
+    this.updateZoom(o, void 0, {
+      constraints: t?.constrain === "within-viewport" ? (...s) => mt(...s, this.reader.viewport) : void 0
+    });
   }
-  updateZoom(e, t) {
+  updateZoom(e, t, i) {
     if (this.isControlled) {
-      const i = t || $o(
+      const o = t || To(
         this.value.currentScale,
         e,
         this.viewport.element,
         this.value.currentPosition
-      );
-      return this.applyZoom(e, i), this.mergeCompare({
+      ), s = i?.constraints?.(o, e) ?? o;
+      return this.applyZoom(e, s), this.mergeCompare({
         currentScale: e,
-        currentPosition: i
+        currentPosition: s
       });
     }
     this.applyZoom(e, t ?? this.value.currentPosition), this.mergeCompare({
@@ -3562,18 +3617,11 @@ class Co extends ue {
     });
   }
   applyZoom(e, t) {
-    if (this.isControlled)
-      xo(
-        e,
-        t,
-        this.viewport.element
-      );
-    else {
-      const i = Mo(e, this.reader);
-      this.reader.navigation.navigate({
-        position: i
-      });
-    }
+    this.isControlled ? $o(
+      e,
+      t,
+      this.viewport.element
+    ) : Co(e, this.reader);
   }
   get isControlled() {
     return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -3585,11 +3633,11 @@ class Co extends ue {
     return this.reader.viewport.value;
   }
 }
-const ft = `${kt}-enhancer-zoom`, Eo = (n) => (e) => {
-  const t = n(e), i = new Co(t);
-  Ze(document, ft, Po);
+const yt = `${Ut}-enhancer-zoom`, Do = (n) => (e) => {
+  const t = n(e), i = new Eo(t);
+  Ee(document, yt, Po);
   const o = () => {
-    Je(document, ft), i.destroy(), t.destroy();
+    De(document, yt), i.destroy(), t.destroy();
   }, s = i;
   return {
     ...t,
@@ -3605,8 +3653,8 @@ const ft = `${kt}-enhancer-zoom`, Eo = (n) => (e) => {
       }
     }
   };
-}, qt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
-class Do {
+}, Gt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
+class Ro {
   constructor() {
     this.navigationSubject = new ot(1), this.viewportStateSubject = new H("free"), this.paginationSubject = new ot(), this.navigationIsLockedSubject = new H(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       z(),
@@ -3618,13 +3666,13 @@ class Do {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-class Ro extends ue {
+class Ao extends se {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new Do(), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new Ro(), this.manifest$ = this.pipe(
       Q((e) => e.manifest),
-      re(J),
+      ae(J),
       pe()
     ), this.isRTL = () => this.value.manifest?.readingDirection === "rtl";
   }
@@ -3633,7 +3681,7 @@ class Ro extends ue {
       ...t,
       ...e,
       ...e.manifest && {
-        isFullyPrePaginated: qt(i),
+        isFullyPrePaginated: Gt(i),
         assumedRenditionLayout: i?.renditionLayout ?? "reflowable"
       }
     };
@@ -3646,7 +3694,7 @@ class Ro extends ue {
     return this.manifest?.readingDirection;
   }
 }
-class Ao extends ue {
+class Oo extends se {
   constructor(e, t) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3681,7 +3729,7 @@ class Ao extends ue {
     ).subscribe(this.next.bind(this));
   }
 }
-class Oo {
+class No {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3743,17 +3791,17 @@ class Oo {
     return k(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 Vo = "[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%}", jo = (n) => ({
   x: -n.x,
   y: -n.y
-}), jo = (n) => n instanceof DOMMatrix ? new M({
+}), ko = (n) => n instanceof DOMMatrix ? new M({
   x: -n.e,
   y: -n.f
 }) : new M({
   x: -n.x,
   y: -n.y
-}), ko = "navigation/ViewportNavigator", yt = D.namespace(ko);
-class Uo extends X {
+}), Uo = "navigation/ViewportNavigator", St = D.namespace(Uo);
+class zo extends X {
   constructor(e, t, i, o, s) {
     super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new R(), this.element$ = new H(
       document.createElement("div")
@@ -3761,7 +3809,7 @@ class Uo extends X {
     const r = this.spine.element$.pipe(
       L(J),
       O(this.element$),
-      x(([l, d]) => {
+      P(([l, d]) => {
         d.style.cssText = `
           height: 100%;
           width: 100%;
@@ -3776,19 +3824,19 @@ class Uo extends X {
       a,
       this.element$
     ]).pipe(
-      x(([, l]) => {
+      P(([, l]) => {
         e.values.computedPageTurnMode === "scrollable" ? l.style.display = "contents" : l.style.display = "block";
       })
     );
     this.layout$ = c.pipe(
-      x(() => {
-        yt.info("layout", e.values);
+      P(() => {
+        St.info("layout", e.values);
       }),
       E()
     );
     const u = this.navigateSubject.pipe(
-      x((l) => {
-        yt.info("Navigation requested", l);
+      P((l) => {
+        St.info("Navigation requested", l);
       })
     );
     this.isNavigating$ = u.pipe(
@@ -3800,7 +3848,7 @@ class Uo extends X {
       })),
       w((l) => {
         const d = this.element$.getValue();
-        return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), P(
+        return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), x(
           v(!0),
           v(null).pipe(
             $e(() => {
@@ -3815,8 +3863,8 @@ class Uo extends X {
                  * 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 ? we(1, ae) : Pe,
-                x((p) => {
+                l.shouldAnimate ? we(1, ce) : xe,
+                P((p) => {
                   const m = this.element$.getValue();
                   p.shouldAnimate ? h === "fade" ? (m.style.setProperty(
                     "transition",
@@ -3834,16 +3882,16 @@ class Uo extends X {
                  * need to adjust to anchor to the payload position. This is because we use viewport computed position,
                  * not the value set by `setProperty`
                  */
-                x((p) => {
+                P((p) => {
                   h !== "fade" && this.setViewportPosition(p.position);
                 }),
-                l.shouldAnimate ? we(g / 2, ae) : Pe,
-                x((p) => {
+                l.shouldAnimate ? we(g / 2, ce) : xe,
+                P((p) => {
                   const m = this.element$.getValue();
                   h === "fade" && (this.setViewportPosition(p.position), m.style.setProperty("opacity", "1"));
                 }),
-                l.shouldAnimate ? we(g / 2, ae) : Pe,
-                x((p) => {
+                l.shouldAnimate ? we(g / 2, ce) : xe,
+                P((p) => {
                   h === "fade" && this.setViewportPosition(p.position);
                 })
               );
@@ -3852,9 +3900,9 @@ class Uo extends X {
           )
         );
       }),
-      te(!1),
+      ne(!1),
       K(1)
-    ), P(r, this.isNavigating$, this.layout$).pipe(T(this.destroy$)).subscribe();
+    ), x(r, this.isNavigating$, this.layout$).pipe(T(this.destroy$)).subscribe();
   }
   /**
    * Programmatically set the viewport position.
@@ -3865,7 +3913,7 @@ class Uo extends X {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = Vo(e);
+    const t = this.element$.getValue(), i = jo(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3880,10 +3928,10 @@ class Uo extends X {
     if (!i || i === "none")
       return new M({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return jo(o);
+    return ko(o);
   }
 }
-const zo = () => (n) => n.pipe(
+const Wo = () => (n) => n.pipe(
   S(({ navigation: e, pagination: t, ...i }) => ({
     navigation: {
       ...e,
@@ -3891,7 +3939,7 @@ const zo = () => (n) => n.pipe(
     },
     ...i
   }))
-), Wo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
+), _o = (n, e, t) => n.bridgeEvent.pagination$.pipe(
   O(e),
   L(
     ([i, o]) => i.navigationId === o.id
@@ -3908,7 +3956,7 @@ const zo = () => (n) => n.pipe(
       navigation: o
     }))
   )),
-  zo(),
+  Wo(),
   z(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3920,14 +3968,14 @@ const zo = () => (n) => n.pipe(
       }
     })
   )
-), _o = ({ navigationResolver: n }) => (e) => e.pipe(
+), Ho = ({ navigationResolver: n }) => (e) => e.pipe(
   S(([t, i]) => {
     const o = {
       type: "api",
       meta: {
         triggeredBy: "user"
       },
-      id: Symbol(),
+      id: /* @__PURE__ */ Symbol(),
       animation: "turn",
       ...t,
       /**
@@ -3957,7 +4005,7 @@ const zo = () => (n) => n.pipe(
       navigation: o
     };
   })
-), Ho = ({ navigationResolver: n }) => (e) => e.pipe(
+), Bo = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.cfi) {
       const i = n.getNavigationForCfi(
@@ -3974,16 +4022,16 @@ const zo = () => (n) => n.pipe(
     }
     return t;
   })
-), Bo = ({
+), Xo = ({
   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", Yo = ({
   context: n,
   settings: e
 }) => (t) => t.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const s = Bo({
+    const s = Xo({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -3997,7 +4045,7 @@ const zo = () => (n) => n.pipe(
       direction: s
     };
   })
-), Yo = ({
+), qo = ({
   spineItemsManager: n,
   navigationResolver: e,
   settings: t
@@ -4028,7 +4076,7 @@ const zo = () => (n) => n.pipe(
         },
         ...s
       };
-    const a = e.getNavigationForSpineIndexOrId(r), c = t.values.computedPageTurnMode === "scrollable" ? new ce({
+    const a = e.getNavigationForSpineIndexOrId(r), c = t.values.computedPageTurnMode === "scrollable" ? new ue({
       x: a.x + s.previousNavigation.position.x,
       y: a.y
     }) : e.fromUnboundSpinePosition(a);
@@ -4040,7 +4088,7 @@ const zo = () => (n) => n.pipe(
       ...s
     };
   })
-), St = ({
+), bt = ({
   settings: n,
   spineItemsManager: e,
   navigationResolver: t,
@@ -4099,7 +4147,7 @@ const zo = () => (n) => n.pipe(
       };
     })
   );
-}, bt = ({ spine: n }) => (e) => e.pipe(
+}, It = ({ spine: n }) => (e) => e.pipe(
   w(({ navigation: t, ...i }) => {
     const o = n.getSpineItemSpineLayoutInfo(
       t.spineItem
@@ -4122,7 +4170,7 @@ const zo = () => (n) => n.pipe(
       )
     );
   })
-), Ne = ({
+), je = ({
   settings: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4166,7 +4214,7 @@ const zo = () => (n) => n.pipe(
       ...a
     }))
   );
-}, qo = ({ navigationResolver: n }) => (e) => e.pipe(
+}, Go = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.url) {
       const i = n.getNavigationForUrl(
@@ -4185,7 +4233,7 @@ const zo = () => (n) => n.pipe(
     return t;
   })
 );
-class Gt {
+class Zt {
   constructor() {
     this.isLockedSubject = new H(0), this.isLocked$ = this.isLockedSubject.pipe(
       S((e) => !!e),
@@ -4199,7 +4247,7 @@ class Gt {
     };
   }
 }
-const Go = ({
+const Zo = ({
   spineLocator: n,
   navigation: e,
   navigationResolver: t,
@@ -4224,7 +4272,7 @@ const Go = ({
           return h.position;
       }
       const g = e.cfi ?? e.paginationBeginCfi;
-      if (g !== void 0 && !Be(g) && (u || l || // when spine item is ready dimensions may have not changed but the position
+      if (g !== void 0 && !Ye(g) && (u || l || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
       r && !e.spineItemIsReady)) {
         const h = t.getNavigationForCfi(g);
@@ -4256,7 +4304,7 @@ const Go = ({
       return c ? t.getNavigationForPosition(e.position) : t.getNavigationForSpineIndexOrId(s);
     })
   ) : v(new M({ x: 0, y: 0 }));
-}, Zo = ({
+}, Jo = ({
   navigation: n,
   spineLocator: e,
   spineItemsManager: t,
@@ -4325,7 +4373,7 @@ const Go = ({
     }
   }
   return n.position;
-}, Jo = ({
+}, Ko = ({
   navigation: n,
   spineItemsManager: e,
   settings: t,
@@ -4333,7 +4381,7 @@ const Go = ({
   navigationResolver: o,
   spine: s
 }) => t.values.computedPageTurnMode === "scrollable" ? v(
-  Zo({
+  Jo({
     navigation: n,
     spineLocator: i,
     navigationResolver: o,
@@ -4341,19 +4389,19 @@ const Go = ({
     spineItemsManager: e,
     spine: s
   })
-) : Go({
+) : Zo({
   navigation: n,
   spineLocator: i,
   navigationResolver: o,
   spineItemsManager: e,
   spine: s
-}), It = ({
+}), vt = ({
   settings: n,
   navigationResolver: e,
   context: t,
   spine: i
 }) => (o) => o.pipe(
-  w((s) => Jo({
+  w((s) => Ko({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4370,10 +4418,10 @@ const Go = ({
       }
     }))
   ))
-), Ko = "navigation/InternalNavigator", Qo = D.namespace(Ko);
-class es extends X {
+), Qo = "navigation/InternalNavigator", es = D.namespace(Qo);
+class ts extends X {
   constructor(e, t, i, o, s, r, a, c) {
-    super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.controlledNavigationController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isUserLocked$ = c, this.navigationSubject = new H({
+    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 H({
       animation: !1,
       position: new M({ x: 0, y: 0 }),
       meta: {
@@ -4381,8 +4429,8 @@ class es extends X {
       },
       spineItemIsReady: !1,
       type: "api",
-      id: Symbol()
-    }), this.navigated$ = this.navigationSubject.pipe(Ft(1)), this.navigation$ = this.navigationSubject.pipe(
+      id: /* @__PURE__ */ Symbol()
+    }), this.navigated$ = this.navigationSubject.pipe(Lt(1)), this.navigation$ = this.navigationSubject.pipe(
       S(({ position: f, id: b }) => ({
         position: f,
         id: b
@@ -4391,44 +4439,44 @@ class es extends X {
         ({ position: f, ...b }, { position: I, ...F }) => V(b, F) && V(f, I)
       ),
       K(1)
-    ), this.locker = new Gt();
+    ), this.locker = new Zt();
     const u = i.pipe(
       O(this.navigationSubject),
-      _o({
+      Ho({
         navigationResolver: r
       }),
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      qo({
+      Go({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Ho({
+      Bo({
         navigationResolver: r
       }),
-      Xo({ context: t, settings: e }),
-      St({
+      Yo({ context: t, settings: e }),
+      bt({
         navigationResolver: r,
         settings: e,
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      Ne({
+      je({
         navigationResolver: r,
         settings: e,
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      bt({
+      It({
         spine: a
       })
     ).pipe(
-      Yo({
+      qo({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager,
         settings: e
@@ -4437,7 +4485,7 @@ class es extends X {
       w(([f, b]) => {
         const I = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || b;
         return v(f).pipe(
-          I ? Pe : It({
+          I ? xe : vt({
             navigationResolver: r,
             settings: e,
             spine: a,
@@ -4445,7 +4493,7 @@ class es extends X {
           })
         );
       }),
-      Ne({
+      je({
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator,
         settings: e,
@@ -4474,7 +4522,7 @@ class es extends X {
         );
       }),
       E()
-    ), d = P(
+    ), d = x(
       o.layout$,
       a.layout$
     ).pipe(
@@ -4497,15 +4545,15 @@ class es extends X {
          * it has been controlled outside.
          */
         T(
-          P(l, u)
+          x(l, u)
         )
       ))
-    ), g = P(
+    ), g = x(
       d,
       l
     ).pipe(
       S((f) => ({ navigation: f })),
-      It({
+      vt({
         navigationResolver: r,
         settings: e,
         context: t,
@@ -4528,16 +4576,16 @@ class es extends X {
        * eg: after the reader load and the user has never navigated
        * yet.
        */
-      St({
+      bt({
         navigationResolver: r,
         settings: e,
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      bt({
+      It({
         spine: a
       }),
-      Ne({
+      je({
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator,
         settings: e,
@@ -4545,17 +4593,17 @@ class es extends X {
       }),
       S(({ navigation: f }) => f),
       E()
-    ), h = Wo(
+    ), h = _o(
       t,
       this.navigationSubject,
       a
-    ), p = P(
+    ), p = x(
       g,
       u,
       h
     ), m = (f) => f.pipe(
-      x(([b, I]) => {
-        Qo.info(
+      P(([b, I]) => {
+        es.info(
           `navigation updated from ${b.meta.triggeredBy} of type ${b.type}`,
           {
             previousNavigation: I,
@@ -4564,7 +4612,7 @@ class es extends X {
         ), this.navigationSubject.next(b);
       })
     ), y = (f) => f.pipe(
-      x(([b, I]) => {
+      P(([b, I]) => {
         const F = b.type === "scroll", $ = b.meta.triggeredBy === "pagination", A = b.meta.triggeredBy === "restoration", Y = V(
           I.position,
           b.position
@@ -4607,20 +4655,20 @@ class es extends X {
 const Fe = (n, e, t) => {
   const i = t - n, o = t * (e * n) / (t || 1);
   return Math.max(0, Math.min(i, o));
-}, Xe = (n, e) => (e || 0) === 0 || (n || 0) === 0 ? 1 : Math.floor(Math.max(1, n / e)), Ve = (n, e, t) => {
-  const i = Xe(t, e), o = [...Array(i)].map((s, r) => r * e);
+}, qe = (n, e) => (e || 0) === 0 || (n || 0) === 0 ? 1 : Math.floor(Math.max(1, n / e)), ke = (n, e, t) => {
+  const i = qe(t, e), o = [...Array(i)].map((s, r) => r * e);
   return n >= i * e ? o[o.length - 1] || 0 : o.find((s) => n < s + e) || 0;
-}, vt = (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 = ({
+}, ns = ({
   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))
-}), Zt = ({
+}), Jt = ({
   itemHeight: n,
   itemWidth: e,
   isUsingVerticalWriting: t,
@@ -4628,7 +4676,7 @@ const Fe = (n, e, t) => {
   pageHeight: o,
   pageTurnDirection: s,
   pageTurnMode: r
-}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Xe(n, o) : Xe(e, i), wt = ({
+}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? qe(n, o) : qe(e, i), xt = ({
   itemWidth: n,
   itemHeight: e,
   position: t,
@@ -4639,11 +4687,11 @@ const Fe = (n, e, t) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const l = ts({
+  const l = ns({
     spineItemPosition: t,
     itemHeight: e,
     itemWidth: n
-  }).x, d = Zt({
+  }).x, d = Jt({
     isUsingVerticalWriting: i,
     itemHeight: e,
     itemWidth: n,
@@ -4653,10 +4701,10 @@ const Fe = (n, e, t) => {
     pageTurnMode: a
   });
   if (i)
-    return vt(t.y, s, d);
-  const g = vt(l, o, d);
+    return wt(t.y, s, d);
+  const g = wt(l, o, d);
   return c ? d - 1 - g : g;
-}, ns = ({
+}, is = ({
   pageIndex: n,
   itemLayout: e,
   context: t,
@@ -4686,17 +4734,17 @@ const Fe = (n, e, t) => {
     x: s,
     y: 0
   });
-}, Jt = ({
+}, Kt = ({
   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 ? Cn(a, c) : void 0)?.getBoundingClientRect().x || 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);
     const d = u.layout.layoutInfo?.width || 0, g = t.pageSize.width;
     if (l !== void 0) {
-      const h = Ve(
+      const h = ke(
         l,
         g,
         d
@@ -4709,14 +4757,14 @@ const Fe = (n, e, t) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => ns({
+    }) => is({
       context: n,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layout.layoutInfo,
       pageIndex: a,
       viewport: t
     }),
-    getSpineItemPageIndexFromPosition: (a) => wt({
+    getSpineItemPageIndexFromPosition: (a) => xt({
       ...a,
       isRTL: n.isRTL(),
       pageWidth: t.pageSize.width,
@@ -4726,7 +4774,7 @@ const Fe = (n, e, t) => {
     }),
     getSpineItemPageIndexFromNode: (a, c, u) => {
       const l = i(a, c, u), { height: d, width: g } = u.layout.layoutInfo;
-      return l ? wt({
+      return l ? xt({
         isUsingVerticalWriting: !!u.isUsingVerticalWriting(),
         position: l,
         itemHeight: d,
@@ -4741,12 +4789,12 @@ const Fe = (n, e, t) => {
     getSpineItemClosestPositionFromUnsafePosition: (a, c) => {
       const { width: u, height: l } = c.layout.layoutInfo;
       return new C({
-        x: Ve(
+        x: ke(
           a.x,
           t.pageSize.width,
           u
         ),
-        y: Ve(
+        y: ke(
           a.y,
           t.pageSize.height,
           l
@@ -4761,7 +4809,7 @@ const Fe = (n, e, t) => {
           c,
           d
         );
-        return new Ae({
+        return new Ne({
           x: a.x,
           y: a.y - y
         });
@@ -4769,23 +4817,23 @@ const Fe = (n, e, t) => {
       const m = Fe(g, c, l);
       if (n.isRTL()) {
         const y = l - (c + 1) * g;
-        return new Ae({
+        return new Ne({
           x: a.x - Math.max(0, y),
           y: a.y
         });
       }
-      return new Ae({
+      return new Ne({
         x: a.x - m,
         y: a.y
       });
     }
   };
-}, is = ({
+}, os = ({
   context: n,
   settings: e,
   viewport: t
 }) => {
-  const i = Jt({
+  const i = Kt({
     context: n,
     settings: e,
     viewport: t
@@ -4809,7 +4857,7 @@ const Fe = (n, e, t) => {
     ) || new C({ x: 0, y: 0 })
   };
 };
-function Kt({
+function Qt({
   position: n,
   isRTL: e,
   spineItemsManager: t,
@@ -4842,7 +4890,7 @@ const Pt = ({
   visibleAreaRectWidth: o,
   spine: s
 }) => {
-  const r = Kt({
+  const r = Qt({
     position: n,
     isRTL: e,
     spineItemsManager: i,
@@ -4863,14 +4911,14 @@ const Pt = ({
     x: Math.min(r.x, d),
     y: l
   });
-}, ee = ({
+}, te = ({
   position: { x: n, y: e },
   pageSizeWidth: t,
   visibleAreaRectWidth: i
 }) => {
   const s = n % i !== 0 ? n - t : n;
   return new M({ x: s, y: e });
-}, Ye = ({
+}, Ge = ({
   viewportPosition: n,
   spineLocator: e,
   spineItemNavigationResolver: t,
@@ -4888,14 +4936,14 @@ const Pt = ({
       spineItemPosition: r,
       spineItem: o
     });
-    return ee({
+    return te({
       position: a,
       pageSizeWidth: i.pageSize.width,
       visibleAreaRectWidth: i.absoluteViewport.width
     });
   }
   return new M({ x: 0, y: 0 });
-}, os = ({
+}, ss = ({
   pageIndex: n,
   spineItemsManager: e,
   spineItemId: t,
@@ -4906,7 +4954,7 @@ const Pt = ({
   const r = e.get(t);
   if (!r) {
     const u = n * s.pageSize.width;
-    return Ye({
+    return Ge({
       viewportPosition: new M({ x: u, y: 0 }),
       spineItemNavigationResolver: o,
       spineLocator: i,
@@ -4920,33 +4968,33 @@ const Pt = ({
     spineItemPosition: a,
     spineItem: r
   });
-  return ee({
+  return te({
     position: c,
     pageSizeWidth: s.pageSize.width,
     visibleAreaRectWidth: s.absoluteViewport.width
   });
-}, ss = (n, e) => {
+}, rs = (n, e) => {
   if (e && e instanceof HTMLIFrameElement)
     return n.startsWith("#") ? e.contentDocument?.getElementById(
       n.replace("#", "")
     ) : e.contentDocument?.querySelector(n);
-}, rs = ({
+}, as = ({
   anchor: n,
   spineItem: e,
   spine: t
 }) => {
-  const i = ss(
+  const i = rs(
     n,
     e.renderer.getDocumentFrame()
   );
   return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, as = ({
+}, cs = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
   spine: i
 }) => {
-  const o = rs({
+  const o = as({
     anchor: n,
     spineItem: e,
     spine: i
@@ -4955,7 +5003,7 @@ const Pt = ({
     spineItemPosition: new C({ x: o, y: 0 }),
     spineItem: e
   });
-}, cs = ({
+}, us = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
@@ -4963,18 +5011,18 @@ const Pt = ({
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = as({
+  const r = cs({
     anchor: n,
     spineItem: e,
     spineLocator: t,
     spine: i
   });
-  return ee({
+  return te({
     position: r,
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, us = ({
+}, ls = ({
   spine: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4990,7 +5038,7 @@ const Pt = ({
     if (u) {
       const l = e.get(u.id);
       if (l) {
-        const d = cs({
+        const d = us({
           anchor: a.hash,
           spineItem: l,
           spine: n,
@@ -4999,7 +5047,7 @@ const Pt = ({
           visibleAreaRectWidth: r
         });
         return {
-          position: ee({
+          position: te({
             position: d,
             pageSizeWidth: s,
             visibleAreaRectWidth: r
@@ -5013,7 +5061,7 @@ const Pt = ({
     console.error(a);
     return;
   }
-}, ls = ({
+}, ds = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -5027,12 +5075,12 @@ const Pt = ({
     spineItemPosition: s,
     spineItem: n
   });
-  return ee({
+  return te({
     position: r,
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, ds = "spineNavigator", ps = ({
+}, ps = "spineNavigator", gs = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -5040,13 +5088,13 @@ const Pt = ({
   spine: o,
   viewport: s
 }) => {
-  const r = is({
+  const r = os({
     context: n,
     settings: i,
     viewport: s
   });
   return {
-    getNavigationForUrl: (h) => us({
+    getNavigationForUrl: (h) => ls({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
@@ -5055,33 +5103,33 @@ const Pt = ({
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (h) => os({
+    getNavigationForSpineItemPage: (h) => ss({
       ...h,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (h) => ls({
+    getNavigationFromSpineItemPosition: (h) => ds({
       ...h,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
       viewport: s
     }),
     getNavigationForCfi: (h) => {
-      const p = e.getSpineItemFromCfi(h), { node: m, offset: y = 0 } = Xt({
+      const p = e.getSpineItemFromCfi(h), { node: m, offset: y = 0 } = Yt({
         cfi: h,
         spineItemsManager: e
       });
       if (!p) {
-        D.warn(ds, `unable to detect item id from cfi ${h}`);
+        D.warn(ps, `unable to detect item id from cfi ${h}`);
         return;
       }
       const f = m ? r.getNavigationFromNode(p, m, y) : new C({ x: 0, y: 0 }), b = t.getSpinePositionFromSpineItemPosition({
         spineItemPosition: f,
         spineItem: p
       });
-      return ee({
+      return te({
         position: b,
         pageSizeWidth: s.pageSize.width,
         visibleAreaRectWidth: s.absoluteViewport.width
@@ -5092,7 +5140,7 @@ const Pt = ({
         spineItemPosition: p,
         spineItem: h
       });
-      return ee({
+      return te({
         position: m,
         pageSizeWidth: s.pageSize.width,
         visibleAreaRectWidth: s.absoluteViewport.width
@@ -5102,7 +5150,7 @@ const Pt = ({
       const p = e.get(h);
       if (p) {
         const m = t.getSpinePositionFromSpineItem(p);
-        return ee({
+        return te({
           position: m,
           pageSizeWidth: s.pageSize.width,
           visibleAreaRectWidth: s.absoluteViewport.width
@@ -5110,7 +5158,7 @@ const Pt = ({
       }
       return new M({ x: 0, y: 0 });
     },
-    getNavigationForPosition: (h) => Ye({
+    getNavigationForPosition: (h) => Ge({
       viewportPosition: h,
       spineItemNavigationResolver: r,
       spineLocator: t,
@@ -5128,7 +5176,7 @@ const Pt = ({
         spineItemsManager: e,
         spine: o
       });
-      return Ye({
+      return Ge({
         spineItemNavigationResolver: r,
         spineLocator: t,
         viewportPosition: b,
@@ -5143,7 +5191,7 @@ const Pt = ({
       spineItemsManager: e,
       spine: o
     }),
-    fromOutOfBoundsSpinePosition: (h) => Kt({
+    fromOutOfBoundsSpinePosition: (h) => Qt({
       position: h,
       isRTL: n.isRTL(),
       spineItemsManager: e,
@@ -5152,14 +5200,14 @@ const Pt = ({
     }),
     isNavigationGoingForwardFrom: (h, p) => i.values.computedPageTurnDirection === "vertical" ? h.y > p.y : h.x > p.x,
     arePositionsDifferent: (h, p) => h.x !== p.x || h.y !== p.y,
-    getAdjustedPositionForSpread: (h) => ee({
+    getAdjustedPositionForSpread: (h) => te({
       position: h,
       pageSizeWidth: s.pageSize.width,
       visibleAreaRectWidth: s.absoluteViewport.width
     }),
     spineItemNavigator: r
   };
-}, gs = ({
+}, hs = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5167,26 +5215,26 @@ const Pt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new R(), a = r.asObservable(), c = new Gt(), u = ps({
+  const r = new R(), a = r.asObservable(), c = new Zt(), u = gs({
     context: e,
     settings: o,
     spineItemsManager: n,
     locator: i.locator,
     spine: i,
     viewport: s
-  }), l = new Uo(
+  }), l = new zo(
     o,
     t,
     e,
     i,
     s
-  ), d = new Fo(
+  ), d = new Lo(
     s,
     o,
     t,
     i,
     e
-  ), g = new es(
+  ), g = new ts(
     o,
     e,
     a,
@@ -5214,10 +5262,14 @@ const Pt = ({
     scrollNavigationController: d,
     controlledNavigationController: l,
     locker: c,
-    viewportState$: h,
+    navigationState$: h,
     navigate: (y) => {
       r.next(y);
     },
+    /**
+     * Prevent further navigation until the lock is released.
+     * Useful if you want to start navigation by panning for example.
+     */
     lock() {
       return c.lock();
     },
@@ -5225,7 +5277,7 @@ const Pt = ({
     navigation$: g.navigation$
   };
 };
-class hs extends ue {
+class ms extends se {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5243,10 +5295,10 @@ class hs extends ue {
     this.mergeCompare(e);
   }
 }
-class ms extends X {
+class fs extends X {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
-    const r = P(
+    const r = x(
       this.context.bridgeEvent.navigation$,
       o.layout$
     ).pipe(
@@ -5260,9 +5312,9 @@ class ms extends X {
           threshold: { type: "percentage", value: 0.5 }
         });
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
-          $t(1),
+          Tt(1),
           O(this.context.bridgeEvent.navigation$),
-          x(([, u]) => {
+          P(([, u]) => {
             const { position: l } = u, d = this.pagination.value, {
               beginIndex: g,
               endIndex: h
@@ -5277,14 +5329,14 @@ class ms extends X {
             }) ?? {}, { endPageIndex: I = 0 } = c({
               spineItem: m,
               position: l
-            }) ?? {}, F = y === void 0 || Be(y) || d.beginSpineItemIndex !== g, $ = d.endSpineItemIndex !== h || f === void 0 || Be(f), A = F ? he(p.item) : y, Y = $ ? he(m.item) : f, B = p.numberOfPages, oe = m.numberOfPages;
+            }) ?? {}, F = y === void 0 || Ye(y) || d.beginSpineItemIndex !== g, $ = d.endSpineItemIndex !== h || f === void 0 || Ye(f), A = F ? he(p.item) : y, Y = $ ? he(m.item) : f, B = p.numberOfPages, re = m.numberOfPages;
             this.pagination.update({
               beginCfi: A,
               beginNumberOfPagesInSpineItem: B,
               beginPageIndexInSpineItem: b,
               beginSpineItemIndex: g,
               endCfi: Y,
-              endNumberOfPagesInSpineItem: oe,
+              endNumberOfPagesInSpineItem: re,
               endPageIndexInSpineItem: I,
               endSpineItemIndex: h,
               navigationId: u.id
@@ -5293,8 +5345,8 @@ class ms extends X {
         );
       })
     ), a = r.pipe(
-      Ee(this.context.bridgeEvent.viewportFree$),
-      x(() => {
+      Re(this.context.bridgeEvent.viewportFree$),
+      P(() => {
         const {
           beginSpineItemIndex: c,
           endSpineItemIndex: u,
@@ -5305,12 +5357,12 @@ class ms extends X {
           return;
         const g = this.spineItemsManager.get(c), h = this.spineItemsManager.get(u);
         g === void 0 || h === void 0 || this.pagination.update({
-          beginCfi: He({
+          beginCfi: Xe({
             pageIndex: l,
             spineItem: g,
             spine: this.spine
           }),
-          endCfi: He({
+          endCfi: Xe({
             pageIndex: d,
             spineItem: h,
             spine: this.spine
@@ -5318,14 +5370,14 @@ class ms extends X {
         });
       })
     );
-    P(r, a).pipe(T(this.destroy$)).subscribe();
+    x(r, a).pipe(T(this.destroy$)).subscribe();
   }
 }
-const fs = ({
+const ys = ({
   manifest: n,
   spreadMode: e
 }) => n?.renditionFlow === "scrolled-continuous" ? !1 : e;
-class ys extends X {
+class Ss extends X {
   constructor(e) {
     super();
     const t = {
@@ -5335,7 +5387,7 @@ class ys extends X {
     this.inputSettings = t, this.outputSettingsUpdateSubject = new R(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(K(1)), this._settings$.subscribe();
   }
   _prepareUpdate(e) {
-    const t = xe(this.inputSettings, e), i = this.getOutputSettings(t), o = !V(this.outputSettings, i);
+    const t = Pe(this.inputSettings, e), i = this.getOutputSettings(t), o = !V(this.outputSettings, i);
     return {
       hasChanged: o,
       state: i,
@@ -5362,7 +5414,7 @@ class ys extends X {
   }
   watch(e) {
     return this.values$.pipe(
-      Ot(e),
+      Nt(e),
       z(V)
     );
   }
@@ -5370,10 +5422,10 @@ class ys extends X {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class Ss extends ys {
+class bs extends Ss {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
-      x(() => this.update(this.values)),
+      P(() => this.update(this.values)),
       T(this.destroy$)
     ).subscribe();
   }
@@ -5383,7 +5435,7 @@ class Ss extends ys {
       computedPageTurnAnimation: e.pageTurnAnimation,
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0,
-      computedSpreadMode: fs({
+      computedSpreadMode: ys({
         spreadMode: e.spreadMode,
         manifest: t
       })
@@ -5409,7 +5461,7 @@ class Ss extends ys {
     };
   }
 }
-class bs extends fe {
+class Is extends fe {
   onUnload() {
     return Z;
   }
@@ -5428,7 +5480,7 @@ class bs extends fe {
   getDocumentFrame() {
   }
 }
-class Is extends X {
+class vs extends X {
   constructor(e, t, i, o, s, r, a) {
     super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new R(), this.lastLayout = null, this.applyDimsAfterLayout = ({
       blankPagePosition: c,
@@ -5458,7 +5510,7 @@ class Is extends X {
         }), { width: I, height: F };
       })
     ), this.layout = (c) => {
-      const u = Xn(this.layout$.pipe(U()));
+      const u = Yn(this.layout$.pipe(U()));
       return this.layoutTriggerSubject.next(c), u();
     }, this.adjustPositionOfElement = ({
       right: c,
@@ -5480,7 +5532,7 @@ class Is extends X {
           minimumWidth: l,
           spreadPosition: d
         });
-        return P(
+        return x(
           v({ type: "start" }),
           g.pipe(
             this.applyDimsAfterLayout(c),
@@ -5513,7 +5565,7 @@ class Is extends X {
     };
   }
 }
-class Qt extends ue {
+class en extends se {
   constructor(e, t, i, o, s, r, a) {
     super({
       isLoaded: !1,
@@ -5529,7 +5581,7 @@ class Qt extends ue {
       });
     }, 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 = ws(
       t,
       e,
       s
@@ -5545,7 +5597,7 @@ class Qt extends ue {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new bs(u), this.layout = new Is(
+    this.renderer = c ? c(u) : new Is(u), this.layout = new vs(
       e,
       this.containerElement,
       i,
@@ -5568,7 +5620,7 @@ class Qt extends ue {
         });
       })
     );
-    this.needsLayout$ = P(this.unloaded$, this.loaded$), P(
+    this.needsLayout$ = x(this.unloaded$, this.loaded$), x(
       /**
        * @important
        * The order is important here. We want to ensure the state value
@@ -5607,11 +5659,11 @@ class Qt extends ue {
   get unloaded$() {
     return this.renderer.state$.pipe(
       pe(),
-      re((e) => e !== "idle"),
+      ae((e) => e !== "idle"),
       _(
         () => this.renderer.state$.pipe(
-          re((e) => e === "idle"),
-          Lt()
+          ae((e) => e === "idle"),
+          Mt()
         )
       )
     );
@@ -5620,7 +5672,7 @@ class Qt extends ue {
     return this.renderer.renditionLayout;
   }
   get numberOfPages() {
-    return Zt({
+    return Jt({
       isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
       itemHeight: this.layout.layoutInfo.height,
       itemWidth: this.layout.layoutInfo.width,
@@ -5631,22 +5683,22 @@ class Qt extends ue {
     });
   }
 }
-const vs = (n, e, t) => {
+const ws = (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 X {
+class xs extends X {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new H([]);
     const r = this.forcedOpenSubject.pipe(
       S((u) => [...new Set(u.flat())].sort()),
-      z(fn),
+      z(yn),
       K({ bufferSize: 1, refCount: !0 })
     );
-    P(
+    x(
       this.context.bridgeEvent.navigation$,
       this.spineLayout.layout$,
       r,
@@ -5655,8 +5707,8 @@ class ws extends X {
       // this can be changed by whatever we want and SHOULD not break navigation.
       // Ideally loading faster is better but loading too close to user navigating can
       // be dangerous.
-      Se(100, ae),
-      Ee(this.context.bridgeEvent.viewportFree$),
+      Se(100, ce),
+      Re(this.context.bridgeEvent.viewportFree$),
       O(this.context.bridgeEvent.navigation$, r),
       S(([, u, l]) => {
         const { numberOfAdjacentSpineItemToPreLoad: d } = o.values, { beginIndex: g = 0, endIndex: h = 0 } = i.getVisibleSpineItemsFromPosition({
@@ -5689,16 +5741,16 @@ class ws extends X {
     super.destroy(), this.forcedOpenSubject.complete();
   }
 }
-const en = (n, e, t) => {
+const tn = (n, e, t) => {
   const i = (t.width - e.width) / 2, o = (t.height - e.height) / 2;
-  return new ce({
+  return new ue({
     x: n.x - i,
     y: n.y - o
   });
 };
 class ye extends DOMRect {
   constructor() {
-    super(...arguments), this.__symbol = Symbol("ViewportPosition");
+    super(...arguments), this.__symbol = /* @__PURE__ */ Symbol("ViewportPosition");
   }
   static from(e, t) {
     if (t) {
@@ -5716,15 +5768,15 @@ class ye extends DOMRect {
 }
 class Ps {
   constructor({ width: e, height: t }) {
-    this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
+    this.__symbol = /* @__PURE__ */ Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class xs {
+class $s {
   constructor({ width: e, height: t }) {
-    this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
+    this.__symbol = /* @__PURE__ */ Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const $s = ({
+const Ts = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5746,7 +5798,7 @@ const $s = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, Ts = ({
+}, Fs = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5755,7 +5807,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 = ({
+}, Ls = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5763,7 +5815,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;
-}, tn = ({
+}, nn = ({
   itemPosition: {
     bottom: n,
     left: e,
@@ -5787,14 +5839,14 @@ const $s = ({
     Math.min(n, g) - Math.max(i, d)
   );
   if (h <= 0 || p <= 0) return { visible: !1 };
-  const y = Fs({
+  const y = Ls({
     threshold: r,
     visibleHeightOfItem: p,
     visibleWidthOfItem: h,
     viewportPosition: a
   });
   return c ? { visible: y } : {
-    visible: Ts({
+    visible: Fs({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
@@ -5802,7 +5854,7 @@ const $s = ({
       visibleWidthOfItem: h
     }) || y
   };
-}, qe = ({
+}, Ze = ({
   position: n,
   spineItemsManager: e,
   spineLayout: t
@@ -5812,13 +5864,13 @@ const $s = ({
     return u && l;
   });
   return n.x === 0 && !i ? e.items[0] : i;
-}, je = ({
+}, Ue = ({
   spineItemPosition: n,
   itemLayout: { left: e, top: t }
 }) => new M({
   x: e + n.x,
   y: t + n.y
-}), Ls = ({
+}), Ms = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5827,20 +5879,20 @@ const $s = ({
   useAbsoluteViewport: s = !0,
   viewport: r
 }) => {
-  const a = qe({
+  const a = Ze({
     position: n,
     spineItemsManager: i,
     spineLayout: o
   }) || i.get(0), c = i.items.reduce(
     (h, p) => {
-      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? r.absoluteViewport : r.relativeViewport, f = en(
+      const m = o.getSpineItemSpineLayoutInfo(p), y = s ? r.absoluteViewport : r.relativeViewport, f = tn(
         n,
         r.absoluteViewport,
         y
       ), b = ye.from(
         f,
         y
-      ), { visible: I } = tn({
+      ), { visible: I } = nn({
         itemPosition: m,
         threshold: e,
         viewportPosition: b,
@@ -5856,7 +5908,7 @@ const $s = ({
     beginIndex: d ?? 0,
     endIndex: g ?? 0
   };
-}, Ms = ({
+}, Cs = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5877,7 +5929,7 @@ const $s = ({
       x: Math.max(p.x - y, 0),
       y: Math.max(p.y - f, 0)
     });
-  }, a = (p) => je({
+  }, a = (p) => Ue({
     spineItemPosition: new C({ x: 0, y: 0 }),
     itemLayout: o.getSpineItemSpineLayoutInfo(p)
   }), c = (p) => n.items.find((m) => m.renderer.getDocumentFrame() === p), u = (p, m, y) => {
@@ -5902,12 +5954,12 @@ const $s = ({
     useAbsoluteViewport: b = !0,
     viewport: I
   }) => {
-    const F = y.numberOfPages, A = Array.from(Array(F)).map((oe, be) => {
-      const De = t.getSpineItemPositionFromPageIndex({
+    const F = y.numberOfPages, A = Array.from(Array(F)).map((re, be) => {
+      const Ae = t.getSpineItemPositionFromPageIndex({
         pageIndex: be,
         spineItem: y
-      }), le = je({
-        spineItemPosition: De,
+      }), le = Ue({
+        spineItemPosition: Ae,
         itemLayout: o.getSpineItemSpineLayoutInfo(y)
       });
       return {
@@ -5922,21 +5974,21 @@ const $s = ({
         }
       };
     }).reduce(
-      (oe, { absolutePosition: be, index: De }) => {
-        const le = b ? I.absoluteViewport : I.relativeViewport, nn = en(
+      (re, { absolutePosition: be, index: Ae }) => {
+        const le = b ? I.absoluteViewport : I.relativeViewport, on = tn(
           p,
           I.absoluteViewport,
           le
-        ), on = ye.from(
-          nn,
+        ), sn = ye.from(
+          on,
           le
-        ), { visible: sn } = tn({
-          viewportPosition: on,
+        ), { visible: rn } = nn({
+          viewportPosition: sn,
           restrictToScreen: f,
           threshold: m,
           itemPosition: be
         });
-        return sn ? [...oe, De] : oe;
+        return rn ? [...re, Ae] : re;
       },
       []
     ), Y = A[0], B = A[A.length - 1] ?? Y;
@@ -5952,7 +6004,7 @@ const $s = ({
       spineItemPosition: m
     }) => {
       const y = o.getSpineItemSpineLayoutInfo(p);
-      return je({
+      return Ue({
         itemLayout: y,
         spineItemPosition: m
       });
@@ -5960,12 +6012,12 @@ const $s = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (p) => $s({
+    _getAbsolutePageIndexFromPageIndex: (p) => Ts({
       ...p,
       spineItemsManager: n
     }),
     getSpineItemPagePositionFromSpinePosition: (p) => {
-      const m = qe({
+      const m = Ze({
         position: p,
         spineItemsManager: n,
         spineLayout: o
@@ -5994,14 +6046,14 @@ const $s = ({
     },
     getSpinePositionFromSpineItem: a,
     getSpineItemPositionFromSpinePosition: r,
-    getSpineItemFromPosition: (p) => qe({
+    getSpineItemFromPosition: (p) => Ze({
       position: p,
       spineItemsManager: n,
       spineLayout: o
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (p) => Ls({
+    getVisibleSpineItemsFromPosition: (p) => Ms({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -6024,10 +6076,10 @@ const $s = ({
       });
     }
   };
-}, Cs = D.namespace("spine"), Es = ({
+}, Es = D.namespace("spine"), Ds = ({
   position: n,
   pageSize: e
-}) => new Ii({
+}) => new vi({
   ...n,
   left: n.x,
   top: n.y,
@@ -6036,7 +6088,7 @@ const $s = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class Ds extends ue {
+class Rs extends se {
   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
@@ -6054,11 +6106,11 @@ class Ds extends ue {
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: Es({
+                absoluteLayout: Ds({
                   pageSize: a,
                   position: b
                 }),
-                layout: new bi({
+                layout: new Ii({
                   left: f.x,
                   right: f.x + a.width,
                   top: f.y,
@@ -6081,11 +6133,11 @@ class Ds extends ue {
         return k(
           c.map((l) => {
             const { spineItem: d, ...g } = l;
-            return new ie((h) => {
+            return new oe((h) => {
               const p = l.spineItem.renderer?.getDocumentFrame();
               let m;
               p && p?.contentWindow?.document && // very important because it is being used by next functions
-              p.contentWindow.document.body !== null && (m = Ln(
+              p.contentWindow.document.body !== null && (m = Mn(
                 p.contentWindow.document,
                 l.layout
               )), h.next({ ...g, firstVisibleNode: m });
@@ -6093,19 +6145,19 @@ class Ds extends ue {
           })
         );
       }),
-      S((a) => (Cs.info("Pages layout", a), { pages: a })),
+      S((a) => (Es.info("Pages layout", a), { pages: a })),
       E()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class Rs extends X {
+class As extends X {
   constructor(e, t) {
     super(), this.spineItemsManager = e, this.spineLocator = t, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       w((i) => {
         const o = i.map(
           (s) => s.isReady$.pipe(S((r) => ({ item: s, isReady: r })))
         );
-        return P(...o);
+        return x(...o);
       }),
       E()
     ), this.itemResize$ = this.spineItemsManager.items$.pipe(
@@ -6115,13 +6167,13 @@ class Rs extends X {
             S((r) => ({ entries: r, item: s }))
           )
         );
-        return P(...o);
+        return x(...o);
       }),
       E()
     );
   }
 }
-const As = ({
+const Os = ({
   horizontalOffset: n,
   verticalOffset: e,
   context: t,
@@ -6154,7 +6206,7 @@ const As = ({
           top: b,
           left: I
         });
-        const F = p + I, $ = m + b, A = new _e({
+        const F = p + I, $ = m + b, A = new Be({
           left: I,
           right: F,
           top: b,
@@ -6173,7 +6225,7 @@ const As = ({
       a.layout.adjustPositionOfElement(
         t.isRTL() ? { right: n, top: 0 } : { left: n, top: 0 }
       );
-      const y = t.isRTL() ? c.absoluteViewport.width - n - p : n, f = new _e({
+      const y = t.isRTL() ? c.absoluteViewport.width - n - p : n, f = new Be({
         right: t.isRTL() ? c.absoluteViewport.width - n : n + p,
         left: y,
         x: y,
@@ -6191,22 +6243,22 @@ const As = ({
     })
   );
 };
-class Os extends X {
+class Ns extends X {
   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(
-      x(() => {
+      P(() => {
         this.spineItemsRelativeLayouts = [];
       }),
       w((r) => {
         const a = r.map(
           (u) => u.needsLayout$.pipe(
-            x(() => {
+            P(() => {
               this.layout();
             })
           )
         ), c = r.map(
           (u) => u.loaded$.pipe(
-            x(() => {
+            P(() => {
               u.isUsingVerticalWriting() ? this.context.update({
                 hasVerticalWriting: !0
               }) : this.context.update({
@@ -6215,32 +6267,32 @@ class Os extends X {
             })
           )
         );
-        return P(...a, ...c);
+        return x(...a, ...c);
       })
     ).pipe(T(this.destroy$)).subscribe();
     const s = new H(!1);
     this.layout$ = this.layoutSubject.pipe(
-      x(() => {
+      P(() => {
         this.spineItemsManager.items.forEach((r) => {
           r.markDirty();
         });
       }),
       Se(50),
       // queue layout until previous layout is done
-      Ue(
+      We(
         () => s.pipe(
           L((r) => !r),
           U()
         )
       ),
-      Ue(() => {
+      We(() => {
         s.next(!0);
-        const r = this.context.manifest, a = qt(r) ?? !1;
+        const r = this.context.manifest, a = Gt(r) ?? !1;
         return N(this.spineItemsManager.items).pipe(
-          pn(
+          gn(
             (u, l, d) => u.pipe(
               st(
-                ({ horizontalOffset: g, verticalOffset: h }) => As({
+                ({ horizontalOffset: g, verticalOffset: h }) => Os({
                   context: this.context,
                   horizontalOffset: g,
                   index: d,
@@ -6273,14 +6325,14 @@ class Os extends X {
         );
       }),
       E()
-    ), P(this.layout$).pipe(T(this.destroy$)).subscribe();
+    ), x(this.layout$).pipe(T(this.destroy$)).subscribe();
   }
   layout() {
     this.layoutSubject.next(void 0);
   }
   getSpineItemSpineLayoutInfo(e) {
     const t = this.spineItemsManager.getSpineItemIndex(e) ?? 0;
-    return this.spineItemsRelativeLayouts[t] || new _e({
+    return this.spineItemsRelativeLayouts[t] || new Be({
       left: 0,
       right: 0,
       top: 0,
@@ -6298,32 +6350,32 @@ class Os extends X {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class Ns extends X {
+class Vs extends X {
   constructor(e, t, i, o, s, r, a) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new H(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Os(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Ns(
       i,
       e,
       s,
       a
-    ), this.locator = Ms({
+    ), this.locator = Cs({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: s,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new ws(
+    }), this.spineItemsLoader = new xs(
       this.context,
       i,
       this.locator,
       s,
       this.spineLayout
-    ), this.spineItemsObserver = new Rs(
+    ), this.spineItemsObserver = new As(
       i,
       this.locator
-    ), this.pages = new Ds(
+    ), this.pages = new Rs(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6332,7 +6384,7 @@ class Ns extends X {
       this.viewport
     );
     const c = e.watch("rootElement").pipe(
-      re(J),
+      ae(J),
       j((l) => {
         const d = l.ownerDocument.createElement("div");
         d.style.cssText = `
@@ -6348,7 +6400,7 @@ class Ns extends X {
         if (!d) return;
         this.spineItemsManager.destroyItems();
         const g = l.spineItems.map(
-          (h, p) => new Qt(
+          (h, p) => new en(
             h,
             d,
             this.context,
@@ -6361,7 +6413,7 @@ class Ns extends X {
         this.spineItemsManager.addMany(g);
       })
     );
-    P(u, c).pipe(G(this.destroy$)).subscribe();
+    x(u, c).pipe(G(this.destroy$)).subscribe();
   }
   get element() {
     return this.elementSubject.getValue();
@@ -6379,7 +6431,7 @@ class Ns extends X {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class Vs extends X {
+class js extends X {
   constructor(e, t) {
     super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new H([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6393,7 +6445,7 @@ class Vs extends X {
     return i > o ? "after" : i === o ? "same" : "before";
   }
   getSpineItemIndex(e) {
-    const t = e instanceof Qt ? e : this.get(e);
+    const t = e instanceof en ? e : this.get(e);
     if (!t) return;
     const i = this.orderedSpineItemsSubject.value.indexOf(t);
     return i < 0 ? void 0 : i;
@@ -6422,10 +6474,10 @@ class Vs extends X {
     });
   }
 }
-class js extends ue {
+class ks extends se {
   constructor(e, t) {
     const i = document.createElement("div");
-    i.setAttribute(`data-${oi}`, ""), super({
+    i.setAttribute(`data-${si}`, ""), super({
       element: i,
       pageSize: {
         width: 1,
@@ -6435,17 +6487,17 @@ class js extends ue {
       height: 1
     }), this.context = e, this.settingsManager = t;
     const o = this.settingsManager.watch(["computedSpreadMode"]).pipe(
-      x(() => {
+      P(() => {
         this.mergeCompare({
           pageSize: this.calculatePageSize(this.value)
         });
       })
     ), s = this.context.watch("rootElement").pipe(
-      x(() => {
+      P(() => {
         this.layout();
       })
     );
-    P(o, s).pipe(T(this.destroy$)).subscribe();
+    x(o, s).pipe(T(this.destroy$)).subscribe();
   }
   calculatePageSize(e) {
     const { computedSpreadMode: t } = this.settingsManager.values;
@@ -6493,18 +6545,18 @@ class js extends ue {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new xs({
+    return new $s({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
-const xt = `${kt}-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 = Jt({
+const $t = `${Ut}-core`, Us = (n) => {
+  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new No(), s = new Ao(), r = new bs(n, s), a = new Oo(s, r), c = new js(s, r), u = new ks(s, r), l = Kt({
     context: s,
     settings: r,
     viewport: u
-  }), d = new hs(s, c), g = new Ns(
+  }), d = new ms(s, c), g = new Vs(
     s,
     d,
     c,
@@ -6512,21 +6564,21 @@ const xt = `${kt}-core`, ks = (n) => {
     r,
     o,
     u
-  ), h = gs({
+  ), h = hs({
     context: s,
     spineItemsManager: c,
     hookManager: o,
     spine: g,
     settings: r,
     viewport: u
-  }), p = new ms(
+  }), p = new fs(
     s,
     d,
     c,
     g,
     l
   );
-  h.viewportState$.subscribe(s.bridgeEvent.viewportStateSubject), h.navigation$.subscribe(s.bridgeEvent.navigationSubject), h.locker.isLocked$.subscribe(
+  h.navigationState$.subscribe(s.bridgeEvent.viewportStateSubject), h.navigation$.subscribe(s.bridgeEvent.navigationSubject), h.locker.isLocked$.subscribe(
     s.bridgeEvent.navigationIsLockedSubject
   ), d.subscribe(s.bridgeEvent.paginationSubject);
   const m = () => {
@@ -6538,21 +6590,21 @@ const xt = `${kt}-core`, ks = (n) => {
       return;
     }
     D.log("load", { options: $ });
-    const B = Us(A, e);
+    const B = zs(A, e);
     s.update({
       manifest: Y,
       rootElement: B
     }), m();
-  }, f = r.watch(["computedSpreadMode"]).pipe(Mt(1), j(m)), b = t.pipe(
+  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), j(m)), b = t.pipe(
     j(() => {
       const $ = s.value.rootElement;
       $ && ($.style.setProperty("overflow", "hidden"), u.layout(), g.layout());
     }),
     G(i)
-  ), I = P(b, f).subscribe();
-  Ze(document, xt, No);
+  ), I = x(b, f).subscribe();
+  Ee(document, $t, Vo);
   const F = () => {
-    Je(document, xt), I.unsubscribe(), c.destroy(), p.destroy(), r.destroy(), d.destroy(), s.destroy(), h.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
+    De(document, $t), I.unsubscribe(), c.destroy(), p.destroy(), r.destroy(), d.destroy(), s.destroy(), h.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
   return {
     id: e,
@@ -6560,13 +6612,13 @@ const xt = `${kt}-core`, ks = (n) => {
     spine: g,
     hookManager: o,
     cfi: {
-      generateCfiFromRange: so,
+      generateCfiFromRange: ro,
       parseCfi: it,
-      generateCfiForSpineItemPage: ($) => He({
+      generateCfiForSpineItemPage: ($) => Xe({
         ...$,
         spine: g
       }),
-      resolveCfi: ($) => Xt({ ...$, spineItemsManager: c })
+      resolveCfi: ($) => Yt({ ...$, spineItemsManager: c })
     },
     navigation: h,
     spineItemsObserver: g.spineItemsObserver,
@@ -6601,31 +6653,31 @@ const xt = `${kt}-core`, ks = (n) => {
       destroy$: i
     }
   };
-}, Us = (n, e) => (n.style.cssText = `
+}, zs = (n, e) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${W}-reader`), n.setAttribute(ii, e), n), er = (
+  `, n.classList.add(`${W}-reader`), n.setAttribute(oi, e), n.setAttribute("data-prose-reader-container", e), n), tr = (
   //__
-  bo(
-    Gn(
-      Ai(
-        wo(
-          qn(
-            Un(
-              ho(
-                vo(
-                  Eo(
-                    qi(
-                      Si(
-                        Ni(
-                          zn(
-                            Io(
-                              lo(
-                                Ci(
-                                  Bn(
+  Io(
+    Zn(
+      Oi(
+        xo(
+          Gn(
+            zn(
+              mo(
+                wo(
+                  Do(
+                    Gi(
+                      bi(
+                        Vi(
+                          Wn(
+                            vo(
+                              po(
+                                Ei(
+                                  Xn(
                                     // __
-                                    ks
+                                    Us
                                   )
                                 )
                               )
@@ -6643,83 +6695,83 @@ const xt = `${kt}-core`, ks = (n) => {
       )
     )
   )
-), tr = (n) => (e) => n(e);
+), nr = (n) => (e) => n(e);
 export {
-  Wt as AbstractSpinePosition,
-  Ro as Context,
-  Uo as ControlledNavigationController,
+  _t as AbstractSpinePosition,
+  Ao as Context,
+  zo as ControlledNavigationController,
   X as DestroyableClass,
   fe as DocumentRenderer,
-  Ao as Features,
-  ii as HTML_ATTRIBUTE_DATA_READER_ID,
+  Oo as Features,
+  oi as HTML_ATTRIBUTE_DATA_READER_ID,
   W as HTML_PREFIX,
-  si as HTML_PREFIX_SCROLL_NAVIGATOR,
-  oi as HTML_PREFIX_VIEWPORT,
-  kt as HTML_STYLE_PREFIX,
-  Oo as HookManager,
-  ni as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
-  es as InternalNavigator,
+  ri as HTML_PREFIX_SCROLL_NAVIGATOR,
+  si as HTML_PREFIX_VIEWPORT,
+  Ut as HTML_STYLE_PREFIX,
+  No as HookManager,
+  ii as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
+  ts as InternalNavigator,
   nt as LayoutEntry,
-  Gt as Locker,
-  Js as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
-  Gs as PROSE_READER_NAMESPACE,
-  Ds as Pages,
-  hs as Pagination,
-  ms as PaginationController,
-  ue as ReactiveEntity,
+  Zt as Locker,
+  Ks as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  Zs as PROSE_READER_NAMESPACE,
+  Rs as Pages,
+  ms as Pagination,
+  fs as PaginationController,
+  se as ReactiveEntity,
   tt as ResourceHandler,
-  uo as ResourcesLocator,
-  Fo as ScrollNavigationController,
-  mt as ScrollPosition,
-  ys as SettingsManager,
-  Ns as Spine,
-  Qt as SpineItem,
-  bi as SpineItemPageLayout,
-  Ii as SpineItemPageSpineLayout,
+  lo as ResourcesLocator,
+  Lo as ScrollNavigationController,
+  ft as ScrollPosition,
+  Ss as SettingsManager,
+  Vs as Spine,
+  en as SpineItem,
+  Ii as SpineItemPageLayout,
+  vi as SpineItemPageSpineLayout,
   C as SpineItemPosition,
-  _e as SpineItemSpineLayout,
-  Vs as SpineItemsManager,
-  Rs as SpineItemsObserver,
+  Be as SpineItemSpineLayout,
+  js as SpineItemsManager,
+  As as SpineItemsObserver,
   M as SpinePosition,
-  To as UnboundScrollPosition,
-  Ae as UnboundSpineItemPagePosition,
-  ce as UnboundSpinePosition,
-  Zs as VIEWPORT_ADJUSTMENT_THROTTLE,
-  js as Viewport,
-  co as consolidate,
-  er as createReader,
+  Fo as UnboundScrollPosition,
+  Ne as UnboundSpineItemPagePosition,
+  ue as UnboundSpinePosition,
+  Js as VIEWPORT_ADJUSTMENT_THROTTLE,
+  ks as Viewport,
+  uo as consolidate,
+  tr as createReader,
   ct as deferIdle,
-  Xn as deferNextResult,
-  He as generateCfiForSpineItemPage,
-  so as generateCfiFromRange,
+  Yn as deferNextResult,
+  Xe as generateCfiForSpineItemPage,
+  ro as generateCfiFromRange,
   he as generateRootCfi,
   at as getAttributeValueFromString,
-  Ys as getBase64FromBlob,
+  qs as getBase64FromBlob,
   Ke as getFrameViewportInfo,
-  Qs as getItemAnchor,
-  Si as htmlEnhancer,
-  Nt as idle,
-  Vn as injectCSS,
+  er as getItemAnchor,
+  bi as htmlEnhancer,
+  Vt as idle,
+  jn as injectCSSToFrame,
   J as isDefined,
-  At as isHtmlElement,
-  On as isHtmlTagElement,
-  Be as isRootCfi,
-  or as isShallowEqual,
-  Ci as layoutEnhancer,
-  Ot as mapKeysTo,
-  Xs as observeIntersection,
+  Ot as isHtmlElement,
+  Nn as isHtmlTagElement,
+  Ye as isRootCfi,
+  sr as isShallowEqual,
+  Ei as layoutEnhancer,
+  Nt as mapKeysTo,
+  Ys as observeIntersection,
   ut as observeMutation,
   et as observeResize,
-  lo as paginationEnhancer,
+  po as paginationEnhancer,
   it as parseCfi,
-  Bs as removeCSS,
-  Xt as resolveCfi,
-  tr as rootEnhancer,
-  Es as spinePositionToSpineItemSpineLayout,
-  ne as upsertCSSToFrame,
-  jn as waitForFrameLoad,
-  kn as waitForFrameReady,
-  Ee as waitForSwitch,
+  Xs as removeCSS,
+  Yt as resolveCfi,
+  nr as rootEnhancer,
+  Ds as spinePositionToSpineItemSpineLayout,
+  ie as upsertCSSToFrame,
+  kn as waitForFrameLoad,
+  Un as waitForFrameReady,
+  Re as waitForSwitch,
   Qe as watchKeys
 };
 //# sourceMappingURL=index.js.map