@prose-reader/core 1.272.0 → 1.273.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { switchMap as w, of as v, fromEvent as X, take as $t, map as S, from as k, takeUntil as T, Observable as ce, defer as Tt, Subject as N, combineLatest as j, merge as P, EMPTY as _, NEVER as he, tap as x, share as D, BehaviorSubject as q, distinctUntilChanged as R, filter as C, mergeMap as ge, first as U, endWith as fe, catchError as ze, finalize as me, lastValueFrom as nn, scheduled as on, animationFrameScheduler as re, exhaustMap as sn, debounceTime as Ie, withLatestFrom as z, throttleTime as rn, startWith as ne, shareReplay as J, switchScan as an, defaultIfEmpty as cn, forkJoin as un, delay as Pe, timer as Te, skip as Ft, ReplaySubject as ot, identity as xe, concatMap as ln } from "rxjs";
 import { Report as dn, isShallowEqual as O, shallowMergeIfDefined as $e, getParentPath as pn, parseContentType as gn, detectMimeTypeFromName as Me, arrayEqual as hn } from "@prose-reader/shared";
-import { isShallowEqual as tr } from "@prose-reader/shared";
+import { isShallowEqual as nr } from "@prose-reader/shared";
 import { switchMap as Y, first as mn, map as ie, distinctUntilChanged as be, startWith as fn, shareReplay as Ge, tap as V, pairwise as yn, take as Sn, takeUntil as K, filter as pe, debounceTime as In, skip as Lt, mergeMap as bn, catchError as st, share as vn } from "rxjs/operators";
 import { generate as We, parse as Mt, isIndirectionOnly as wn, isParsedCfiRange as Pn, resolve as xn } from "@prose-reader/cfi";
 const $n = "@prose-reader/core", A = dn.namespace($n, void 0, {
@@ -203,7 +203,7 @@ const Ce = (n, e, t, i) => {
   return i && Number.parseFloat(o) || 0;
 }, Vn = (n, e, t, i) => {
   n?.contentDocument?.head && Ce(n.contentDocument, e, t, i);
-}, Ws = (n, e) => {
+}, _s = (n, e) => {
   n?.contentDocument && Ee(n.contentDocument, e);
 }, oe = (n, e, t, i) => {
   if (!n) return;
@@ -397,13 +397,24 @@ const Ce = (n, e, t, i) => {
       });
     }
   ), t;
-}, Nt = (n) => ie((e) => Object.entries(e).reduce(
-  (t, [i, o]) => n.includes(i) ? {
+}, Hs = (n) => {
+  const e = new FileReader();
+  return new Promise((t) => {
+    e.addEventListener(
+      "load",
+      () => {
+        t(e.result);
+      },
+      !1
+    ), e.readAsDataURL(n);
+  });
+}, Xn = (n, e) => Object.entries(n).reduce(
+  (t, [i, o]) => e.includes(i) ? {
     ...t,
     [i]: o
   } : t,
   {}
-)), Ke = (n) => (e) => e.pipe(Nt(n), be(O));
+), Nt = (n) => ie((e) => Xn(e, n)), Ke = (n) => (e) => e.pipe(Nt(n), be(O));
 function Qe(n) {
   return new ce((e) => {
     const t = new ResizeObserver((i) => {
@@ -421,7 +432,7 @@ const De = (n) => (e) => e.pipe(
       ie(() => t)
     )
   )
-), Xn = (n) => {
+), Yn = (n) => {
   let e;
   const t = n.subscribe((i) => {
     e = { result: i };
@@ -451,7 +462,7 @@ const ct = (n, e) => new ce((t) => {
   });
   return i.observe(n, e), () => i.disconnect();
 });
-function _s(n, e) {
+function Bs(n, e) {
   return new ce((t) => {
     const i = new IntersectionObserver((o) => {
       t.next(o);
@@ -509,19 +520,7 @@ class Rt {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const Hs = (n) => {
-  const e = new FileReader();
-  return new Promise((t) => {
-    e.addEventListener(
-      "load",
-      () => {
-        t(e.result);
-      },
-      !1
-    ), e.readAsDataURL(n);
-  });
-};
-let Yn = class extends Rt {
+let qn = class extends Rt {
   computeOutputSettings(e) {
     return e;
   }
@@ -547,8 +546,8 @@ let Yn = class extends Rt {
     };
   }
 };
-const qn = (n) => (e) => {
-  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new N(), a = n(e), c = new Yn(
+const Gn = (n) => (e) => {
+  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new N(), a = n(e), c = new qn(
     {
       fontScale: t,
       lineHeight: i,
@@ -594,7 +593,7 @@ const qn = (n) => (e) => {
     },
     settings: c
   };
-}, Gn = (n) => (e) => {
+}, Zn = (n) => (e) => {
   const t = n(e), i = (o) => X(o, "keyup").pipe(
     S((s) => {
       const { pageTurnDirection: r, computedPageTurnMode: a } = t.settings.values;
@@ -630,7 +629,7 @@ 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.map((t) => t.watch("isLoaded").pipe(
@@ -803,7 +802,7 @@ const Le = class Le extends Q {
 };
 Le.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 let ye = 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;
@@ -811,7 +810,7 @@ class tt {
   async getResource() {
     return await nn(
       this.settings.values.getResource?.(this.item) ?? v(void 0)
-    ) ?? Jn(this.item);
+    ) ?? Kn(this.item);
   }
   async fetchResource() {
     const e = await this.getResource();
@@ -821,7 +820,7 @@ class tt {
 const Ot = (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)
@@ -869,7 +868,7 @@ const Ot = (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 }) => `${Ot(t, s).toLowerCase()}`.endsWith(
@@ -891,7 +890,7 @@ const Ot = (n, e) => {
         return new ce((l) => {
           e.onload = async () => {
             try {
-              e.sheet && await Kn(
+              e.sheet && await Qn(
                 n,
                 e,
                 t,
@@ -906,7 +905,7 @@ const Ot = (n, e) => {
       return v(null);
     })
   );
-}, ei = ({
+}, ti = ({
   settings: n,
   item: e,
   context: t
@@ -915,7 +914,7 @@ const Ot = (n, e) => {
     const s = Et(
       o.contentDocument
     ), r = pn(e.href), a = s.map(
-      (c) => Qn(
+      (c) => ei(
         o.contentDocument,
         c,
         r,
@@ -925,9 +924,9 @@ const Ot = (n, e) => {
     );
     return j(a).pipe(S(() => o));
   })
-), ti = (n) => {
+), ni = (n) => {
   Nn(n?.contentDocument);
-}, Xs = "@prose-reader/core", Ys = 0, qs = 200, ni = [".xhtml", ".html", ".htm"], W = "prose-reader", Vt = `${W}-style`, ii = `data-${W}-id`, oi = `${W}-viewport`, si = `${W}-scroll-navigator`, ri = async (n, e) => {
+}, Ys = "@prose-reader/core", qs = 0, Gs = 200, ii = [".xhtml", ".html", ".htm"], W = "prose-reader", Vt = `${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 = gn(n.headers.get("Content-Type") || "") || Me(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
@@ -965,11 +964,11 @@ const Ot = (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) => k(e.getResource()).pipe(
       w((s) => s instanceof URL && n.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
@@ -979,7 +978,7 @@ const Ot = (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 ? k(e.fetchResource()) : v(s)).pipe(
         w((a) => {
@@ -1001,7 +1000,7 @@ const Ot = (n, e) => {
       ))
     ))
   );
-}, ci = () => {
+}, ui = () => {
   const n = document.createElement("iframe");
   return n.frameBorder = "no", n.tabIndex = 0, n.setAttribute(
     "sandbox",
@@ -1016,7 +1015,7 @@ const Ot = (n, e) => {
   border: 0px none transparent;
   padding: 0px;
 `, n.setAttribute("role", "main"), n;
-}, ui = "body{margin:0}html,body{height:100%;width:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{max-width:100%;height:100%;object-fit:contain}", jt = ({
+}, li = "body{margin:0}html,body{height:100%;width:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{max-width:100%;height:100%;object-fit:contain}", jt = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t
@@ -1031,7 +1030,7 @@ const Ot = (n, e) => {
   }
 }, ut = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, li = ({
+}, di = ({
   minPageSpread: n,
   blankPagePosition: e,
   spreadPosition: t,
@@ -1070,7 +1069,7 @@ const Ot = (n, e) => {
     return { width: a, height: g };
   }
   return { width: a, height: i };
-}, di = () => `
+}, pi = () => `
       body {
         margin: 0;
       }
@@ -1087,7 +1086,7 @@ const Ot = (n, e) => {
       html, body {
         touch-action: none;
       }
-    `, pi = ({
+    `, gi = ({
   isScrollable: n,
   enableTouch: e
 }) => `
@@ -1112,7 +1111,7 @@ const Ot = (n, e) => {
           display: block;
         }
       ` : ""}
-    `, gi = ({
+    `, hi = ({
   width: n,
   columnHeight: e,
   columnWidth: t
@@ -1180,7 +1179,7 @@ const Ot = (n, e) => {
       td {
         max-width: ${t}px;
       }
-    `, hi = ({
+    `, mi = ({
   isUsingVerticalWriting: n,
   minimumWidth: e,
   pageHeight: t,
@@ -1196,7 +1195,7 @@ const Ot = (n, e) => {
   };
 }, ve = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, mi = ({
+}, fi = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t,
@@ -1221,7 +1220,7 @@ const Ot = (n, e) => {
       oe(
         t,
         "prose-reader-html-renderer-framce-css",
-        di()
+        pi()
       ), ve(t, {
         width: p.width ?? 1,
         height: p.height ?? 1
@@ -1233,11 +1232,11 @@ const Ot = (n, e) => {
         `translate(-50%, -50%) scale(${h})`
       ), t?.style.setProperty("transform-origin", "center center");
     else {
-      const b = a ? pi({
+      const b = a ? gi({
         isScrollable: i?.renditionFlow === "scrolled-continuous",
         enableTouch: c
-      }) : gi(
-        hi({
+      }) : hi(
+        mi({
           isUsingVerticalWriting: u,
           minimumWidth: l,
           pageHeight: g,
@@ -1269,19 +1268,19 @@ const Ot = (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 fi extends ye {
+class yi extends ye {
   constructor() {
     super(...arguments), this.isPrePaginated = () => this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest?.renditionLayout === "pre-paginated", this.isImageType = () => !!(this.item.mediaType ?? Me(this.item.href))?.startsWith("image/");
   }
   onCreateDocument() {
-    const e = 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
@@ -1292,9 +1291,9 @@ class fi extends ye {
       }),
       jn,
       x((t) => {
-        this.isPrePaginated() ? oe(t, "prose-reader-css", ui) : this.isImageType();
+        this.isPrePaginated() ? oe(t, "prose-reader-css", li) : this.isImageType();
       }),
-      ei({
+      ti({
         context: this.context,
         item: this.item,
         settings: this.settings
@@ -1303,7 +1302,7 @@ class fi extends ye {
     );
   }
   onUnload() {
-    return ti(this.getFrameElement()), this.detach(), _;
+    return ni(this.getFrameElement()), this.detach(), _;
   }
   onLayout({
     minPageSpread: e,
@@ -1321,7 +1320,7 @@ class fi extends ye {
     ) : r.contentDocument?.documentElement.classList.remove(
       "prose-reader-html-renderer-touch-enabled"
     )), this.isPrePaginated()) {
-      const l = li({
+      const l = di({
         blankPagePosition: t,
         frameElement: r,
         isRTL: this.context.isRTL(),
@@ -1332,7 +1331,7 @@ class fi extends ye {
       });
       return v(l);
     }
-    const u = mi({
+    const u = fi({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1405,13 +1404,13 @@ class fi extends ye {
     return this.getFrameElement();
   }
 }
-const yi = (n) => (e) => {
+const Si = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(o) {
-      return e.getRenderer?.(o) ?? ((r) => new fi(r));
+      return e.getRenderer?.(o) ?? ((r) => new yi(r));
     }
-  }), i = Zn(t);
+  }), i = Jn(t);
   return i.pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     links$: i
@@ -1435,7 +1434,7 @@ class Re {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
 }
-class Si extends nt {
+class Ii extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageLayout";
   }
@@ -1445,7 +1444,7 @@ class Oe extends nt {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class Ii extends nt {
+class bi extends nt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1471,17 +1470,17 @@ class ae extends kt {
     return new ae(e);
   }
 }
-const bi = (n, e) => {
+const vi = (n, e) => {
   const t = e.getBoundingClientRect(), { x: i, y: o } = n, { left: s, top: r } = t, a = t.width / e.offsetWidth, c = t.height / e.offsetHeight, u = i - s, l = o - r;
   return {
     x: u / a,
     y: l / c
   };
-}, vi = (n, e) => new ae(
-  bi(n, e)
-), wi = (n) => ({
-  getSpinePositionFromClientPosition: (e) => n.spine.element ? vi(e, n.spine.element) : void 0
-}), Pi = (n) => {
+}, wi = (n, e) => new ae(
+  vi(n, e)
+), Pi = (n) => ({
+  getSpinePositionFromClientPosition: (e) => n.spine.element ? wi(e, n.spine.element) : void 0
+}), xi = (n) => {
   let e;
   const t = n.context.watch("rootElement").pipe(
     Y((c) => c ? new ce(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
@@ -1520,7 +1519,7 @@ const bi = (n, e) => {
     K(n.$.destroy$)
   );
   return P(t, a);
-}, xi = `${W}-enhancer-loading`, Ut = `${xi}-container`, $i = ({
+}, $i = `${W}-enhancer-loading`, Ut = `${$i}-container`, Ti = ({
   container: n,
   item: e,
   viewport: t
@@ -1555,14 +1554,14 @@ const bi = (n, e) => {
       max-width: 300px;
       width: 80%;
     `, i.appendChild(o), i.appendChild(s), i;
-}, Ti = (n) => n.spineItemsManager.items$.pipe(
+}, Fi = (n) => n.spineItemsManager.items$.pipe(
   Y(
     (e) => P(
       ...e.map((t) => {
         t.containerElement.style.zIndex = "0";
         const i = t.containerElement.querySelector(
           `.${Ut}`
-        ), o = i instanceof HTMLElement ? i : $i({
+        ), o = i instanceof HTMLElement ? i : Ti({
           container: t.containerElement,
           item: t.item,
           viewport: n.viewport
@@ -1600,11 +1599,11 @@ const bi = (n, e) => {
       })
     )
   )
-), Fi = (n) => {
+), Li = (n) => {
   n.hookManager.register("item.onDocumentLoad", ({ itemId: e }) => {
     n.spineItemsManager.get(e)?.renderer.getDocumentFrame()?.setAttribute("scrolling", "no");
   });
-}, Li = (n) => {
+}, Mi = (n) => {
   n.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: t, minimumWidth: i }) => {
@@ -1621,12 +1620,12 @@ const bi = (n, e) => {
       }
     }
   );
-}, Mi = (n) => n.spineItemsObserver.states$.pipe(
+}, Ci = (n) => n.spineItemsObserver.states$.pipe(
   x(({ item: e, isReady: t, isDirty: i }) => {
     e.containerElement.dataset.isDirty = i.toString(), e.containerElement.dataset.isReady = t.toString();
   })
 );
-let Ci = class extends Rt {
+let Ei = class extends Rt {
   computeOutputSettings(e) {
     return e;
   }
@@ -1652,7 +1651,7 @@ let Ci = class extends Rt {
     };
   }
 };
-const Ei = (n) => j([
+const Di = (n) => j([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
@@ -1660,13 +1659,13 @@ const Ei = (n) => j([
     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 });
   })
-), Di = (n) => (e) => {
+), Ai = (n) => (e) => {
   const {
     pageHorizontalMargin: t,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = e, r = n(e), a = new Ci(
+  } = e, r = n(e), a = new Ei(
     {
       pageHorizontalMargin: t,
       pageVerticalMargin: i,
@@ -1713,7 +1712,7 @@ const Ei = (n) => j([
             `
       );
     }
-  }), Li(r), Fi(r), r.hookManager.register(
+  }), Mi(r), Li(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: m }) => {
       m.style.opacity = "0", a.values.layoutLayerTransition && (m.style.transition = "opacity 300ms");
@@ -1738,7 +1737,7 @@ const Ei = (n) => j([
     V(() => {
       r?.layout();
     })
-  ), l = Pi(r);
+  ), l = xi(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     Lt(1),
     V(() => {
@@ -1748,7 +1747,7 @@ const Ei = (n) => j([
   ).subscribe();
   const d = r.spine.pages.pipe(
     Ge({ refCount: !0, bufferSize: 1 })
-  ), g = Mi(r), p = Ei(r), h = Ti(r);
+  ), g = Ci(r), p = Di(r), h = Fi(r);
   return P(
     c,
     l,
@@ -1765,10 +1764,10 @@ const Ei = (n) => j([
     settings: a,
     layout$: r.spine.layout$,
     layoutInfo$: d,
-    coordinates: wi(r)
+    coordinates: Pi(r)
   };
 };
-class Ai extends ye {
+class Ni extends ye {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1820,12 +1819,12 @@ class Ai extends ye {
   getDocumentFrame() {
   }
 }
-const Ni = (n) => (e) => {
+const Ri = (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 Ai(l) : a;
+      return !a && u ? (l) => new Ni(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1875,7 +1874,7 @@ const Ni = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, Ri = (n, e) => n.links$.pipe(
+}, Oi = (n, e) => n.links$.pipe(
   x((t) => {
     if (!Rn(t.target, "a") || t.type !== "click") return;
     const i = new URL(t.target.href), o = `${i.origin}${i.pathname}`;
@@ -1883,7 +1882,7 @@ const Ni = (n) => (e) => {
       (r) => r.href === o
     ) && e.goToUrl(i);
   })
-), ee = A.namespace("navigation"), Oi = ({
+), ee = A.namespace("navigation"), Vi = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -1915,7 +1914,7 @@ const Ni = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Oi({
+  ), l = Vi({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -1937,7 +1936,7 @@ const Ni = (n) => (e) => {
       x: 0
     })
   );
-}, Vi = ({
+}, ji = ({
   position: n,
   spineItem: e,
   context: t,
@@ -1981,7 +1980,7 @@ const Ni = (n) => (e) => {
     return i.getAdjustedPositionForSpread(l);
   }
   return i.getAdjustedPositionForSpread(u);
-}, ji = ({
+}, ki = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2013,7 +2012,7 @@ const Ni = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = ji({
+  ), l = ki({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -2035,7 +2034,7 @@ const Ni = (n) => (e) => {
       x: 0
     })
   );
-}, ki = ({
+}, Ui = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2083,7 +2082,7 @@ const Ni = (n) => (e) => {
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class Ui {
+class zi {
   constructor(e) {
     this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2102,7 +2101,7 @@ class Ui {
   turnRightOrBottom() {
     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,
@@ -2120,7 +2119,7 @@ class Ui {
   turnLeftOrTop() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Vi({
+    const i = ji({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2262,7 +2261,7 @@ class Ui {
     }
   }
 }
-class zi extends Q {
+class Wi extends Q {
   constructor(e) {
     super({
       lastDelta: { x: 0, y: 0 },
@@ -2327,8 +2326,8 @@ class G {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
   }
 }
-const Wi = 500;
-class _i extends G {
+const _i = 500;
+class Hi extends G {
   constructor(e, t) {
     super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new N(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
@@ -2339,7 +2338,7 @@ class _i extends G {
           v(o)
         ).pipe(
           Ie(
-            Wi,
+            _i,
             re
           ),
           U(),
@@ -2362,7 +2361,7 @@ class _i extends G {
     P(i).pipe(T(this.destroy$)).subscribe();
   }
 }
-const Hi = (n) => n.pagination.state$.pipe(
+const Bi = (n) => n.pagination.state$.pipe(
   z(n.context.manifest$, n.settings.values$),
   S(
     ([
@@ -2382,7 +2381,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     }
   ),
   R(O)
-), Bi = ({ reader: n, duration: e }) => (t) => {
+), Xi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
@@ -2398,11 +2397,11 @@ const Hi = (n) => n.pagination.state$.pipe(
     x(o),
     me(o)
   );
-}, Xi = (n) => (e) => {
-  const t = n(e), i = Hi(t), o = new Ui(t), s = new zi(t), r = new _i(
+}, Yi = (n) => (e) => {
+  const t = n(e), i = Bi(t), o = new zi(t), s = new Wi(t), r = new Hi(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = Ri(t, o), c = r.navigation$.pipe(
+  ), a = Oi(t, o), c = r.navigation$.pipe(
     x((d) => {
       t.navigation.navigate(d);
     })
@@ -2419,7 +2418,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: d, trigger: g }) => g.pipe(Bi({ duration: d, reader: t })),
+      throttleLock: ({ duration: d, trigger: g }) => g.pipe(Xi({ duration: d, reader: t })),
       panNavigator: s,
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2467,19 +2466,19 @@ const Hi = (n) => n.pagination.state$.pipe(
     }
     return o;
   }, void 0);
-}, Yi = (n, e) => {
+}, qi = (n, e) => {
   const { href: t } = e;
   return zt(t, n.nav?.toc ?? [], n);
-}, qi = (n) => {
+}, Gi = (n) => {
   const e = n.context.manifest, t = n.spineItemsManager.items;
   return e ? t.reduce(
-    (i, { item: o }) => (i[o.id] = Yi(e, o), i),
+    (i, { item: o }) => (i[o.id] = qi(e, o), i),
     {}
   ) : {};
-}, Gi = (n) => n.spineItemsManager.items$.pipe(
+}, Zi = (n) => n.spineItemsManager.items$.pipe(
   ne([]),
-  S(() => qi(n))
-), Zi = (n, e, t) => n + e * t, Ji = (n, e, t) => {
+  S(() => Gi(n))
+), Ji = (n, e, t) => n + e * t, Ki = (n, e, t) => {
   const { height: i, width: o } = t.layoutInfo, { top: s, left: r } = n.spine.getSpineItemSpineLayoutInfo(t);
   return n.settings.values.computedPageTurnDirection === "vertical" ? Math.max(
     0,
@@ -2494,7 +2493,7 @@ const Hi = (n) => n.pagination.state$.pipe(
       (e.x - r + n.viewport.absoluteViewport.width) / o
     )
   );
-}, Ki = (n, e, t, i, o) => o.isReady$.pipe(
+}, Qi = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
   z(n.layoutInfo$),
   S(([s, r]) => {
@@ -2504,17 +2503,17 @@ const Hi = (n) => n.pagination.state$.pipe(
     let m = (t + 1) * (h / p);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
-    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Ji(
+    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Ki(
       n,
       i,
       o
-    ) : m = 0, y = Zi(
+    ) : m = 0, y = Ji(
       l,
       h,
       m
     )), e === u - 1 && t === p - 1 && y > 0.99 ? 1 : y;
   })
-), Qi = (n) => n.spine.layout$.pipe(
+), eo = (n) => n.spine.layout$.pipe(
   Ie(10, re),
   z(n.pagination.state$),
   S(() => ({
@@ -2532,7 +2531,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), eo = (n, e, t, i) => {
+), to = (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,
@@ -2563,7 +2562,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, to = (n) => j([
+}, no = (n) => j([
   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
@@ -2572,7 +2571,7 @@ const Hi = (n) => n.pagination.state$.pipe(
 ]).pipe(
   w(([e]) => {
     const t = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
-    return t ? Ki(
+    return t ? Qi(
       n,
       e.endSpineItemIndex ?? 0,
       e.endPageIndexInSpineItem || 0,
@@ -2580,8 +2579,8 @@ const Hi = (n) => n.pagination.state$.pipe(
       t
     ) : v(0);
   })
-), no = (n) => {
-  const e = Gi(n), t = Qi(n), i = new q({
+), io = (n) => {
+  const e = Zi(n), t = eo(n), i = new q({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2599,10 +2598,10 @@ const Hi = (n) => n.pagination.state$.pipe(
   }), o = j([
     n.pagination.state$,
     e,
-    to(n)
+    no(n)
   ]).pipe(
     w(
-      ([r, a, c]) => eo(
+      ([r, a, c]) => to(
         n,
         r,
         a,
@@ -2672,14 +2671,14 @@ const Hi = (n) => n.pagination.state$.pipe(
   nodeOrRange: e.node,
   offset: e.offset,
   item: n
-}).trim(), io = (n, e) => Wt({
+}).trim(), oo = (n, e) => Wt({
   nodeOrRange: n,
   item: e
-}), Zs = (n) => n.index.toString(), pt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
+}), Js = (n) => n.index.toString(), pt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
   const e = Mt(n);
   return wn(e);
-}, oo = (n) => Array.isArray(n) ? n[0] && pt(n[0]) ? n[0] : void 0 : n.parent[0] && pt(n.parent[0]) ? n.parent[0] : void 0, it = (n) => {
-  const e = Mt(n), s = ((oo(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
+}, so = (n) => Array.isArray(n) ? n[0] && pt(n[0]) ? n[0] : void 0 : n.parent[0] && pt(n.parent[0]) ? n.parent[0] : void 0, it = (n) => {
+  const e = Mt(n), s = ((so(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     itemIndex: s,
@@ -2728,7 +2727,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     spineItem: o,
     node: null
   };
-}, so = (n, e) => {
+}, ro = (n, e) => {
   if ("cfi" in e) {
     const { itemIndex: s, ...r } = n.cfi.parseCfi(e.cfi);
     return {
@@ -2748,7 +2747,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     itemIndex: t.index,
     node: null
   };
-}, ro = (n, e) => {
+}, ao = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
   return s ? et().pipe(
@@ -2781,7 +2780,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     })
   ) : v({ ...n, itemIndex: i, ...o });
 };
-class ao {
+class co {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (t) => {
       const i = this.locatorsByKey.get(t);
@@ -2789,7 +2788,7 @@ class ao {
     }, this.locate = (t, i) => {
       const o = {
         resource: t,
-        meta: so(this.reader, t)
+        meta: ro(this.reader, t)
       };
       return at(() => {
         const s = this.reader.spineItemsManager.get(
@@ -2814,7 +2813,7 @@ class ao {
         const d = this.reader.spine.layout$.pipe(
           Ie(10),
           ne(o),
-          an((g) => ro(g.meta, this.reader).pipe(
+          an((g) => ao(g.meta, this.reader).pipe(
             S((p) => ({
               ...g,
               meta: p
@@ -2837,10 +2836,10 @@ class ao {
     ) : this.locate(e, t ?? {});
   }
 }
-const co = (n) => (e) => {
-  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = no(t);
+const uo = (n) => (e) => {
+  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = io(t);
   i.pipe(T(t.$.destroy$)).subscribe();
-  const s = new ao(t);
+  const s = new co(t);
   return {
     ...t,
     locateResource: s.locateResource.bind(s),
@@ -2854,7 +2853,7 @@ const co = (n) => (e) => {
       }
     }
   };
-}, uo = (n) => ({
+}, lo = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
     u.onerror = (g) => {
@@ -2911,11 +2910,11 @@ const co = (n) => (e) => {
   i.onerror = (o) => {
     t(o);
   }, i.onsuccess = () => {
-    e(uo(i.result));
+    e(lo(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), lo = (n) => {
+}), po = (n) => {
   let e = Date.now().toString();
   const t = new N(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
@@ -2973,8 +2972,8 @@ const co = (n) => (e) => {
       t.complete();
     }
   };
-}, po = (n) => (e) => {
-  const t = n(e), i = lo(t.context);
+}, go = (n) => (e) => {
+  const t = n(e), i = po(t.context);
   return {
     ...t,
     // $: {
@@ -2986,7 +2985,7 @@ const co = (n) => (e) => {
     }
     // load,
   };
-}, go = (n, e) => {
+}, ho = (n, e) => {
   const t = n.node.ownerDocument?.createRange(), i = n.node.compareDocumentPosition(e.node);
   if (t) {
     try {
@@ -3006,14 +3005,14 @@ const co = (n) => (e) => {
     }
     return t;
   }
-}, ho = ({
+}, mo = ({
   selection: n,
   spineItem: e
 }) => {
   const { anchorNode: t, anchorOffset: i, focusNode: o, focusOffset: s } = n;
   if (!(!t || !o))
     try {
-      return go(
+      return ho(
         { node: t, offset: i },
         { node: o, offset: s }
       );
@@ -3025,7 +3024,7 @@ const co = (n) => (e) => {
       return;
     }
 };
-class mo extends G {
+class fo extends G {
   constructor(e) {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
@@ -3080,11 +3079,11 @@ class mo extends G {
     }
   }
 }
-const fo = (n) => n.watch("isLoaded").pipe(
+const yo = (n) => n.watch("isLoaded").pipe(
   w(() => {
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
     if (!e || !t) return he;
-    const i = new mo(e);
+    const i = new fo(e);
     return P(
       i.selectionChange$.pipe(
         S((o) => {
@@ -3111,14 +3110,14 @@ const fo = (n) => n.watch("isLoaded").pipe(
     );
   }),
   R()
-), yo = (n) => (e) => {
+), So = (n) => (e) => {
   const t = n(e);
   let i;
   const o = t.spineItemsManager.items$.pipe(
     w((l) => {
       const d = l.map((g) => {
         const p = t.spineItemsManager.getSpineItemIndex(g) ?? 0;
-        return fo(g).pipe(
+        return yo(g).pipe(
           S((h) => {
             if (h)
               return {
@@ -3166,7 +3165,7 @@ const fo = (n) => n.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: ho
+      createOrderedRangeFromSelection: mo
     }
   };
 }, gt = [
@@ -3184,7 +3183,7 @@ const fo = (n) => n.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], So = (n) => (e) => {
+], Io = (n) => (e) => {
   const t = n(e), i = new q(
     e.theme ?? "bright"
   ), o = () => {
@@ -3249,7 +3248,7 @@ const fo = (n) => n.watch("isLoaded").pipe(
       }
     }
   };
-}, Io = (n) => (e) => {
+}, bo = (n) => (e) => {
   const t = n(e);
   return {
     ...t,
@@ -3263,7 +3262,7 @@ const fo = (n) => n.watch("isLoaded").pipe(
   };
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const bo = (n) => (e) => n(e), vo = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}", ht = (n, e, t) => {
+const vo = (n) => (e) => n(e), wo = "[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}", ht = (n, e, t) => {
   const { clientWidth: i, clientHeight: o } = t.value.element, s = {
     maxX: 0,
     minX: i * (1 - e),
@@ -3274,11 +3273,11 @@ const bo = (n) => (e) => n(e), vo = "[data-prose-reader-scroll-navigator][data-p
     x: Math.min(Math.max(n.x, s.minX), s.maxX),
     y: Math.min(Math.max(n.y, s.minY), s.maxY)
   };
-}, wo = (n, e, t) => {
+}, Po = (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}`;
-}, Po = (n, e, t, i) => {
+}, xo = (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),
@@ -3292,12 +3291,12 @@ class Ht {
 }
 class mt extends Ht {
 }
-class xo extends Ht {
+class $o extends Ht {
   constructor() {
     super(...arguments), this.__symbol = /* @__PURE__ */ Symbol("UnboundScrollPosition");
   }
 }
-class $o extends Q {
+class To extends Q {
   constructor(e, t, i, o, s) {
     super({
       element: void 0
@@ -3323,7 +3322,7 @@ class $o extends Q {
       x(({ 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 = j([
       t.watch(["computedPageTurnMode"]),
@@ -3412,14 +3411,14 @@ class $o extends Q {
     });
   }
 }
-const To = (n, e, t, i, o) => {
+const Fo = (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, p = l * d, h = g - s / 2 + i, m = p - r / 2 + o;
-  return new xo({
+  return new $o({
     x: h,
     y: m
   });
-}, Fo = (n, e) => {
-  const t = e.viewport, i = e.navigation.scrollNavigationController, o = t.value.element, s = i.value.element, r = i.value.element, a = Math.round(t.scaleFactor * 100) / 100, c = o.offsetLeft, u = o.offsetTop, l = To(
+}, Lo = (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 = Fo(
     s ?? An(),
     a,
     n,
@@ -3437,7 +3436,7 @@ const To = (n, e, t, i, o) => {
     position: g
   });
 }, we = 200;
-class Lo extends Q {
+class Mo extends Q {
   constructor(e) {
     super({
       isZooming: !1,
@@ -3507,7 +3506,7 @@ class Lo extends Q {
   }
   updateZoom(e, t, i) {
     if (this.isControlled) {
-      const o = t || Po(
+      const o = t || xo(
         this.value.currentScale,
         e,
         this.viewport.element,
@@ -3523,11 +3522,11 @@ class Lo extends Q {
     });
   }
   applyZoom(e, t) {
-    this.isControlled ? wo(
+    this.isControlled ? Po(
       e,
       t,
       this.viewport.element
-    ) : Fo(e, this.reader);
+    ) : Lo(e, this.reader);
   }
   get isControlled() {
     return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -3539,9 +3538,9 @@ class Lo extends Q {
     return this.reader.viewport.value;
   }
 }
-const ft = `${Vt}-enhancer-zoom`, Mo = (n) => (e) => {
-  const t = n(e), i = new Lo(t);
-  Ce(document, ft, vo);
+const ft = `${Vt}-enhancer-zoom`, Co = (n) => (e) => {
+  const t = n(e), i = new Mo(t);
+  Ce(document, ft, wo);
   const o = () => {
     Ee(document, ft), i.destroy(), t.destroy();
   }, s = i;
@@ -3560,7 +3559,7 @@ const ft = `${Vt}-enhancer-zoom`, Mo = (n) => (e) => {
     }
   };
 }, Bt = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
-class Co {
+class Eo {
   constructor() {
     this.navigationSubject = new ot(1), this.viewportStateSubject = new q("free"), this.paginationSubject = new ot(), this.navigationIsLockedSubject = new q(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       R(),
@@ -3572,11 +3571,11 @@ class Co {
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-class Eo extends Q {
+class Do extends Q {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new Co(), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new Eo(), this.manifest$ = this.pipe(
       ie((e) => e.manifest),
       pe(Z),
       be()
@@ -3600,7 +3599,7 @@ class Eo extends Q {
     return this.manifest?.readingDirection;
   }
 }
-class Do extends Q {
+class Ao extends Q {
   constructor(e, t) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3635,7 +3634,7 @@ class Do extends Q {
     ).subscribe(this.next.bind(this));
   }
 }
-class Ao {
+class No {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3697,17 +3696,17 @@ class Ao {
     return j(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%}", Ro = (n) => ({
+const Ro = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", Oo = (n) => ({
   x: -n.x,
   y: -n.y
-}), Oo = (n) => n instanceof DOMMatrix ? new M({
+}), Vo = (n) => n instanceof DOMMatrix ? new M({
   x: -n.e,
   y: -n.f
 }) : new M({
   x: -n.x,
   y: -n.y
-}), Vo = "navigation/ViewportNavigator", yt = A.namespace(Vo);
-class jo extends G {
+}), jo = "navigation/ViewportNavigator", yt = A.namespace(jo);
+class ko extends G {
   constructor(e, t, i, o, s) {
     super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new N(), this.element$ = new q(
       document.createElement("div")
@@ -3819,7 +3818,7 @@ class jo extends G {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = Ro(e);
+    const t = this.element$.getValue(), i = Oo(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3834,10 +3833,10 @@ class jo extends G {
     if (!i || i === "none")
       return new M({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return Oo(o);
+    return Vo(o);
   }
 }
-const ko = () => (n) => n.pipe(
+const Uo = () => (n) => n.pipe(
   S(({ navigation: e, pagination: t, ...i }) => ({
     navigation: {
       ...e,
@@ -3845,7 +3844,7 @@ const ko = () => (n) => n.pipe(
     },
     ...i
   }))
-), Uo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
+), zo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
   z(e),
   C(
     ([i, o]) => i.navigationId === o.id
@@ -3862,7 +3861,7 @@ const ko = () => (n) => n.pipe(
       navigation: o
     }))
   )),
-  ko(),
+  Uo(),
   R(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3874,7 +3873,7 @@ const ko = () => (n) => n.pipe(
       }
     })
   )
-), zo = ({ navigationResolver: n }) => (e) => e.pipe(
+), Wo = ({ navigationResolver: n }) => (e) => e.pipe(
   S(([t, i]) => {
     const o = {
       type: "api",
@@ -3911,7 +3910,7 @@ const ko = () => (n) => n.pipe(
       navigation: o
     };
   })
-), Wo = ({ navigationResolver: n }) => (e) => e.pipe(
+), _o = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.cfi) {
       const i = n.getNavigationForCfi(
@@ -3928,16 +3927,16 @@ const ko = () => (n) => n.pipe(
     }
     return t;
   })
-), _o = ({
+), Ho = ({
   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", Ho = ({
+}) => n.directionFromLastNavigation ? n.directionFromLastNavigation : n.url !== void 0 || n.cfi !== void 0 ? "anchor" : e.spineItem === void 0 || n.spineItem || !n.position ? "forward" : t.values.computedPageTurnDirection === "vertical" ? n.position.y > e.position.y || n.position.y === e.position.y && e.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(n.position.x) > Math.abs(e.position.x) || n.position.x === e.position.x && e.directionFromLastNavigation !== "backward" ? "forward" : "backward", Bo = ({
   context: n,
   settings: e
 }) => (t) => t.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const s = _o({
+    const s = Ho({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -3951,7 +3950,7 @@ const ko = () => (n) => n.pipe(
       direction: s
     };
   })
-), Bo = ({
+), Xo = ({
   spineItemsManager: n,
   navigationResolver: e,
   settings: t
@@ -4120,7 +4119,7 @@ const ko = () => (n) => n.pipe(
       ...a
     }))
   );
-}, Xo = ({ navigationResolver: n }) => (e) => e.pipe(
+}, Yo = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.url) {
       const i = n.getNavigationForUrl(
@@ -4153,7 +4152,7 @@ class Xt {
     };
   }
 }
-const Yo = ({
+const qo = ({
   spineLocator: n,
   navigation: e,
   navigationResolver: t,
@@ -4210,7 +4209,7 @@ const Yo = ({
       return c ? t.getNavigationForPosition(e.position) : t.getNavigationForSpineIndexOrId(s);
     })
   ) : v(new M({ x: 0, y: 0 }));
-}, qo = ({
+}, Go = ({
   navigation: n,
   spineLocator: e,
   spineItemsManager: t,
@@ -4279,7 +4278,7 @@ const Yo = ({
     }
   }
   return n.position;
-}, Go = ({
+}, Zo = ({
   navigation: n,
   spineItemsManager: e,
   settings: t,
@@ -4287,7 +4286,7 @@ const Yo = ({
   navigationResolver: o,
   spine: s
 }) => t.values.computedPageTurnMode === "scrollable" ? v(
-  qo({
+  Go({
     navigation: n,
     spineLocator: i,
     navigationResolver: o,
@@ -4295,7 +4294,7 @@ const Yo = ({
     spineItemsManager: e,
     spine: s
   })
-) : Yo({
+) : qo({
   navigation: n,
   spineLocator: i,
   navigationResolver: o,
@@ -4307,7 +4306,7 @@ const Yo = ({
   context: t,
   spine: i
 }) => (o) => o.pipe(
-  w((s) => Go({
+  w((s) => Zo({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4324,8 +4323,8 @@ const Yo = ({
       }
     }))
   ))
-), Zo = "navigation/InternalNavigator", Jo = A.namespace(Zo);
-class Ko extends G {
+), Jo = "navigation/InternalNavigator", Ko = A.namespace(Jo);
+class Qo extends G {
   constructor(e, t, i, o, s, r, a, c) {
     super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.controlledNavigationController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isRestorationLocked$ = c, this.navigationSubject = new q({
       animation: !1,
@@ -4348,24 +4347,24 @@ class Ko extends G {
     ), this.locker = new Xt();
     const u = i.pipe(
       z(this.navigationSubject),
-      zo({
+      Wo({
         navigationResolver: r
       }),
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Xo({
+      Yo({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Wo({
+      _o({
         navigationResolver: r
       }),
-      Ho({ context: t, settings: e }),
+      Bo({ context: t, settings: e }),
       St({
         navigationResolver: r,
         settings: e,
@@ -4382,7 +4381,7 @@ class Ko extends G {
         spine: a
       })
     ).pipe(
-      Bo({
+      Xo({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager,
         settings: e
@@ -4499,7 +4498,7 @@ class Ko extends G {
       }),
       S(({ navigation: f }) => f),
       D()
-    ), p = Uo(
+    ), p = zo(
       t,
       this.navigationSubject,
       a
@@ -4509,7 +4508,7 @@ class Ko extends G {
       p
     ), m = (f) => f.pipe(
       x(([I, b]) => {
-        Jo.info(
+        Ko.info(
           `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
             previousNavigation: b,
@@ -4567,7 +4566,7 @@ const Fe = (n, e, t) => {
 }, vt = (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;
-}, Qo = ({
+}, es = ({
   itemWidth: n,
   itemHeight: e,
   spineItemPosition: t
@@ -4593,7 +4592,7 @@ const Fe = (n, e, t) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const l = Qo({
+  const l = es({
     spineItemPosition: t,
     itemHeight: e,
     itemWidth: n
@@ -4610,7 +4609,7 @@ const Fe = (n, e, t) => {
     return vt(t.y, s, d);
   const g = vt(l, o, d);
   return c ? d - 1 - g : g;
-}, es = ({
+}, ts = ({
   pageIndex: n,
   itemLayout: e,
   context: t,
@@ -4663,7 +4662,7 @@ const Fe = (n, e, t) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => es({
+    }) => ts({
       context: n,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layoutInfo,
@@ -4734,7 +4733,7 @@ const Fe = (n, e, t) => {
       });
     }
   };
-}, ts = ({
+}, ns = ({
   context: n,
   settings: e,
   viewport: t
@@ -4849,7 +4848,7 @@ const Pt = ({
     });
   }
   return new M({ x: 0, y: 0 });
-}, ns = ({
+}, is = ({
   pageIndex: n,
   spineItemsManager: e,
   spineItemId: t,
@@ -4879,28 +4878,28 @@ const Pt = ({
     pageSizeWidth: s.pageSize.width,
     visibleAreaRectWidth: s.absoluteViewport.width
   });
-}, is = (n, e) => {
+}, os = (n, e) => {
   if (e && e instanceof HTMLIFrameElement)
     return n.startsWith("#") ? e.contentDocument?.getElementById(
       n.replace("#", "")
     ) : e.contentDocument?.querySelector(n);
-}, os = ({
+}, ss = ({
   anchor: n,
   spineItem: e,
   spine: t
 }) => {
-  const i = is(
+  const i = os(
     n,
     e.renderer.getDocumentFrame()
   );
   return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, ss = ({
+}, rs = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
   spine: i
 }) => {
-  const o = os({
+  const o = ss({
     anchor: n,
     spineItem: e,
     spine: i
@@ -4909,7 +4908,7 @@ const Pt = ({
     spineItemPosition: new E({ x: o, y: 0 }),
     spineItem: e
   });
-}, rs = ({
+}, as = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
@@ -4917,7 +4916,7 @@ const Pt = ({
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = ss({
+  const r = rs({
     anchor: n,
     spineItem: e,
     spineLocator: t,
@@ -4928,7 +4927,7 @@ const Pt = ({
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, as = ({
+}, cs = ({
   spine: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4944,7 +4943,7 @@ const Pt = ({
     if (u) {
       const l = e.get(u.id);
       if (l) {
-        const d = rs({
+        const d = as({
           anchor: a.hash,
           spineItem: l,
           spine: n,
@@ -4967,7 +4966,7 @@ const Pt = ({
     console.error(a);
     return;
   }
-}, cs = ({
+}, us = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -4986,7 +4985,7 @@ const Pt = ({
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, us = "spineNavigator", ls = ({
+}, ls = "spineNavigator", ds = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -4994,13 +4993,13 @@ const Pt = ({
   spine: o,
   viewport: s
 }) => {
-  const r = ts({
+  const r = ns({
     context: n,
     settings: i,
     viewport: s
   });
   return {
-    getNavigationForUrl: (p) => as({
+    getNavigationForUrl: (p) => cs({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
@@ -5009,14 +5008,14 @@ const Pt = ({
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (p) => ns({
+    getNavigationForSpineItemPage: (p) => is({
       ...p,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (p) => cs({
+    getNavigationFromSpineItemPosition: (p) => us({
       ...p,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
@@ -5028,7 +5027,7 @@ const Pt = ({
         spineItemsManager: e
       });
       if (!h) {
-        A.warn(us, `unable to detect item id from cfi ${p}`);
+        A.warn(ls, `unable to detect item id from cfi ${p}`);
         return;
       }
       const f = m ? r.getNavigationFromNode(h, m, y) : new E({ x: 0, y: 0 }), I = t.getSpinePositionFromSpineItemPosition({
@@ -5113,7 +5112,7 @@ const Pt = ({
     }),
     spineItemNavigator: r
   };
-}, ds = ({
+}, ps = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5121,26 +5120,26 @@ const Pt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new N(), a = r.asObservable(), c = new Xt(), u = ls({
+  const r = new N(), a = r.asObservable(), c = new Xt(), u = ds({
     context: e,
     settings: o,
     spineItemsManager: n,
     locator: i.locator,
     spine: i,
     viewport: s
-  }), l = new jo(
+  }), l = new ko(
     o,
     t,
     e,
     i,
     s
-  ), d = new $o(
+  ), d = new To(
     s,
     o,
     t,
     i,
     e
-  ), g = new Ko(
+  ), g = new Qo(
     o,
     e,
     a,
@@ -5183,7 +5182,7 @@ const Pt = ({
     navigation$: g.navigation$
   };
 };
-class ps extends Q {
+class gs extends Q {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5201,7 +5200,7 @@ class ps extends Q {
     this.mergeCompare(e);
   }
 }
-class gs extends G {
+class hs extends G {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
     const r = P(
@@ -5285,11 +5284,11 @@ class gs extends G {
     P(r, a).pipe(T(this.destroy$)).subscribe();
   }
 }
-const hs = ({
+const ms = ({
   manifest: n,
   spreadMode: e
 }) => n?.renditionFlow === "scrolled-continuous" ? !1 : e;
-class ms extends G {
+class fs extends G {
   constructor(e) {
     super();
     const t = {
@@ -5334,7 +5333,7 @@ class ms extends G {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class fs extends ms {
+class ys extends fs {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
       x(() => this.update(this.values)),
@@ -5347,7 +5346,7 @@ class fs extends ms {
       computedPageTurnAnimation: e.pageTurnAnimation,
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0,
-      computedSpreadMode: hs({
+      computedSpreadMode: ms({
         spreadMode: e.spreadMode,
         manifest: t
       })
@@ -5373,7 +5372,7 @@ class fs extends ms {
     };
   }
 }
-class ys extends ye {
+class Ss extends ye {
   onUnload() {
     return _;
   }
@@ -5392,7 +5391,7 @@ class ys extends ye {
   getDocumentFrame() {
   }
 }
-class Ss extends G {
+class Is extends G {
   constructor(e, t, i, o, s, r, a) {
     super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new N(), this.lastLayout = null, this.computeLayoutInformation = ({
       isLastItem: u,
@@ -5445,7 +5444,7 @@ class Ss extends G {
         ), { width: $, height: L });
       })
     ), this.layout = (u) => {
-      const l = Xn(this.didLayout$.pipe(U()));
+      const l = Yn(this.didLayout$.pipe(U()));
       return this.layoutTriggerSubject.next(u), l();
     };
     const c = this.layoutTriggerSubject.pipe(
@@ -5526,7 +5525,7 @@ class Zt extends Q {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (d) => this._layout.layout(d), this.containerElement = Is(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (d) => this._layout.layout(d), this.containerElement = bs(
       t,
       e,
       s
@@ -5542,7 +5541,7 @@ class Zt extends Q {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new ys(u), this._layout = new Ss(
+    this.renderer = c ? c(u) : new Ss(u), this._layout = new Is(
       e,
       this.containerElement,
       i,
@@ -5630,14 +5629,14 @@ class Zt extends Q {
     });
   }
 }
-const Is = (n, e, t) => {
+const bs = (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 bs extends G {
+class vs extends G {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new q(
       /* @__PURE__ */ new Map()
@@ -5717,17 +5716,17 @@ class Se extends DOMRect {
     return new Se(i.x, i.y, i.width, i.height);
   }
 }
-class vs {
+class ws {
   constructor({ width: e, height: t }) {
     this.__symbol = /* @__PURE__ */ Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class ws {
+class Ps {
   constructor({ width: e, height: t }) {
     this.__symbol = /* @__PURE__ */ Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const Ps = ({
+const xs = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5749,7 +5748,7 @@ const Ps = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, xs = ({
+}, $s = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5758,7 +5757,7 @@ const Ps = ({
 }) => {
   const s = t / e, r = i / n;
   return o.type === "percentage" ? s >= o.value && r >= o.value : t >= o.value && i >= o.value;
-}, $s = ({
+}, Ts = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5790,14 +5789,14 @@ const Ps = ({
     Math.min(n, g) - Math.max(i, d)
   );
   if (p <= 0 || h <= 0) return { visible: !1 };
-  const y = $s({
+  const y = Ts({
     threshold: r,
     visibleHeightOfItem: h,
     visibleWidthOfItem: p,
     viewportPosition: a
   });
   return c ? { visible: y } : {
-    visible: xs({
+    visible: $s({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
@@ -5821,7 +5820,7 @@ const Ps = ({
 }) => new M({
   x: e + n.x,
   y: t + n.y
-}), Ts = ({
+}), Fs = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5859,7 +5858,7 @@ const Ps = ({
     beginIndex: d ?? 0,
     endIndex: g ?? 0
   };
-}, Fs = ({
+}, Ls = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5963,7 +5962,7 @@ const Ps = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (h) => Ps({
+    _getAbsolutePageIndexFromPageIndex: (h) => xs({
       ...h,
       spineItemsManager: n
     }),
@@ -6004,7 +6003,7 @@ const Ps = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (h) => Ts({
+    getVisibleSpineItemsFromPosition: (h) => Fs({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -6027,10 +6026,10 @@ const Ps = ({
       });
     }
   };
-}, Ls = A.namespace("spine"), Ms = ({
+}, Ms = A.namespace("spine"), Cs = ({
   position: n,
   pageSize: e
-}) => new Ii({
+}) => new bi({
   ...n,
   left: n.x,
   top: n.y,
@@ -6039,7 +6038,7 @@ const Ps = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class Cs extends Q {
+class Es extends Q {
   constructor(e, t, i, o, s, r) {
     super({ pages: [] }), this.spineLayout = e, this.spineItemsManager = t, this.spineItemLocator = i, this.context = o, this.locator = s, this.viewport = r, this.fromSpineItemPageIndex = (a, c) => this.value.pages.find(
       (u) => u.itemIndex === a.index && u.pageIndex === c
@@ -6059,11 +6058,11 @@ class Cs extends Q {
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: Ms({
+                absoluteLayout: Cs({
                   pageSize: a,
                   position: I
                 }),
-                layout: new Si({
+                layout: new Ii({
                   left: f.x,
                   right: f.x + a.width,
                   top: f.y,
@@ -6108,12 +6107,12 @@ class Cs extends Q {
           })
         );
       }),
-      S((a) => (Ls.info("Pages layout", a), { pages: a })),
+      S((a) => (Ms.info("Pages layout", a), { pages: a })),
       D()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class Es extends G {
+class Ds extends G {
   constructor(e) {
     super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(
       w((t) => P(
@@ -6146,7 +6145,7 @@ class Es extends G {
     );
   }
 }
-class Ds extends G {
+class As extends G {
   constructor(e, t, i, o, s) {
     super(), this.spineItemsManager = e, this.spineItemsObserver = t, this.context = i, this.settings = o, this.viewport = s, this.externalLayoutTrigger = new N(), this.spineItemsRelativeLayouts = [];
     const r = P(
@@ -6280,30 +6279,30 @@ class Ds extends G {
     });
   }
 }
-class As extends G {
+class Ns extends G {
   constructor(e, t, i, o, s, r, a) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new q(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Es(i), this.spineLayout = new Ds(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Ds(i), this.spineLayout = new As(
       i,
       this.spineItemsObserver,
       e,
       s,
       a
-    ), this.locator = Fs({
+    ), this.locator = Ls({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: s,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new bs(
+    }), this.spineItemsLoader = new vs(
       this.context,
       i,
       this.locator,
       s,
       this.spineLayout
-    ), this.pages = new Cs(
+    ), this.pages = new Es(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6359,7 +6358,7 @@ class As extends G {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class Ns extends G {
+class Rs extends G {
   constructor(e, t) {
     super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new q([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6402,10 +6401,10 @@ class Ns extends G {
     });
   }
 }
-class Rs extends Q {
+class Os extends Q {
   constructor(e, t) {
     const i = document.createElement("div");
-    i.setAttribute(`data-${oi}`, ""), super({
+    i.setAttribute(`data-${si}`, ""), super({
       element: i,
       pageSize: {
         width: 1,
@@ -6445,7 +6444,7 @@ class Rs extends Q {
     });
   }
   get absoluteViewport() {
-    return new vs({
+    return new ws({
       width: this.value.width,
       height: this.value.height
     });
@@ -6473,18 +6472,18 @@ class Rs extends Q {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new ws({
+    return new Ps({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
-const xt = `${Vt}-core`, Os = (n) => {
-  const e = crypto.randomUUID(), t = new N(), i = new N(), o = new Ao(), s = new Eo(), r = new fs(n, s), a = new Do(s, r), c = new Ns(s, r), u = new Rs(s, r), l = qt({
+const xt = `${Vt}-core`, Vs = (n) => {
+  const e = crypto.randomUUID(), t = new N(), i = new N(), o = new No(), s = new Do(), r = new ys(n, s), a = new Ao(s, r), c = new Rs(s, r), u = new Os(s, r), l = qt({
     context: s,
     settings: r,
     viewport: u
-  }), d = new ps(s, c), g = new As(
+  }), d = new gs(s, c), g = new Ns(
     s,
     d,
     c,
@@ -6492,14 +6491,14 @@ const xt = `${Vt}-core`, Os = (n) => {
     r,
     o,
     u
-  ), p = ds({
+  ), p = ps({
     context: s,
     spineItemsManager: c,
     hookManager: o,
     spine: g,
     settings: r,
     viewport: u
-  }), h = new gs(
+  }), h = new hs(
     s,
     d,
     c,
@@ -6518,7 +6517,7 @@ const xt = `${Vt}-core`, Os = (n) => {
       return;
     }
     A.log("load", { options: $ });
-    const B = Vs(L, e);
+    const B = js(L, e);
     s.update({
       manifest: H,
       rootElement: B
@@ -6530,7 +6529,7 @@ const xt = `${Vt}-core`, Os = (n) => {
     }),
     K(i)
   ), b = P(I, f).subscribe();
-  Ce(document, xt, No);
+  Ce(document, xt, Ro);
   const F = () => {
     Ee(document, xt), b.unsubscribe(), c.destroy(), h.destroy(), r.destroy(), d.destroy(), s.destroy(), p.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
@@ -6540,7 +6539,7 @@ const xt = `${Vt}-core`, Os = (n) => {
     spine: g,
     hookManager: o,
     cfi: {
-      generateCfiFromRange: io,
+      generateCfiFromRange: oo,
       parseCfi: it,
       generateCfiForSpineItemPage: He,
       resolveCfi: ($) => _t({ ...$, spineItemsManager: c })
@@ -6578,30 +6577,30 @@ const xt = `${Vt}-core`, Os = (n) => {
       destroy$: i
     }
   };
-}, Vs = (n, e) => (n.style.cssText = `
+}, js = (n, e) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${W}-reader`), n.setAttribute(ii, e), n.setAttribute("data-prose-reader-container", e), n), Js = (
+  `, n.classList.add(`${W}-reader`), n.setAttribute(oi, e), n.setAttribute("data-prose-reader-container", e), n), Ks = (
   //__
-  yo(
-    Gn(
-      bo(
-        qn(
+  So(
+    Zn(
+      vo(
+        Gn(
           Un(
-            po(
-              Io(
-                Mo(
-                  Xi(
-                    yi(
-                      Ni(
+            go(
+              bo(
+                Co(
+                  Yi(
+                    Si(
+                      Ri(
                         zn(
                           Bn(
-                            co(
-                              Di(
-                                So(
+                            uo(
+                              Ai(
+                                Io(
                                   // __
-                                  Os
+                                  Vs
                                 )
                               )
                             )
@@ -6618,79 +6617,80 @@ const xt = `${Vt}-core`, Os = (n) => {
       )
     )
   )
-), Ks = (n) => (e) => n(e);
+), Qs = (n) => (e) => n(e);
 export {
   kt as AbstractSpinePosition,
-  Eo as Context,
-  jo as ControlledNavigationController,
+  Do as Context,
+  ko as ControlledNavigationController,
   G as DestroyableClass,
   ye as DocumentRenderer,
-  Do as Features,
-  ii as HTML_ATTRIBUTE_DATA_READER_ID,
+  Ao as Features,
+  oi as HTML_ATTRIBUTE_DATA_READER_ID,
   W as HTML_PREFIX,
-  si as HTML_PREFIX_SCROLL_NAVIGATOR,
-  oi as HTML_PREFIX_VIEWPORT,
+  ri as HTML_PREFIX_SCROLL_NAVIGATOR,
+  si as HTML_PREFIX_VIEWPORT,
   Vt as HTML_STYLE_PREFIX,
-  Ao as HookManager,
-  ni as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
-  Ko as InternalNavigator,
+  No as HookManager,
+  ii as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
+  Qo as InternalNavigator,
   nt as LayoutEntry,
   Xt as Locker,
-  qs as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
-  Xs as PROSE_READER_NAMESPACE,
-  Cs as Pages,
-  ps as Pagination,
-  gs as PaginationController,
+  Gs as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  Ys as PROSE_READER_NAMESPACE,
+  Es as Pages,
+  gs as Pagination,
+  hs as PaginationController,
   Q as ReactiveEntity,
   tt as ResourceHandler,
-  ao as ResourcesLocator,
-  $o as ScrollNavigationController,
+  co as ResourcesLocator,
+  To as ScrollNavigationController,
   mt as ScrollPosition,
-  ms as SettingsManager,
-  As as Spine,
+  fs as SettingsManager,
+  Ns as Spine,
   Zt as SpineItem,
-  Si as SpineItemPageLayout,
-  Ii as SpineItemPageSpineLayout,
+  Ii as SpineItemPageLayout,
+  bi as SpineItemPageSpineLayout,
   E as SpineItemPosition,
   Oe as SpineItemSpineLayout,
-  Ns as SpineItemsManager,
-  Es as SpineItemsObserver,
+  Rs as SpineItemsManager,
+  Ds as SpineItemsObserver,
   M as SpinePosition,
-  xo as UnboundScrollPosition,
+  $o as UnboundScrollPosition,
   Re as UnboundSpineItemPagePosition,
   ae as UnboundSpinePosition,
-  Ys as VIEWPORT_ADJUSTMENT_THROTTLE,
-  Rs as Viewport,
-  ro as consolidate,
-  Js as createReader,
+  qs as VIEWPORT_ADJUSTMENT_THROTTLE,
+  Os as Viewport,
+  ao as consolidate,
+  Ks as createReader,
   at as deferIdle,
-  Xn as deferNextResult,
+  Yn as deferNextResult,
   He as generateCfiForSpineItemPage,
-  io as generateCfiFromRange,
+  oo as generateCfiFromRange,
   de as generateRootCfi,
   rt as getAttributeValueFromString,
   Hs as getBase64FromBlob,
   Je as getFrameViewportInfo,
-  Zs as getItemAnchor,
-  yi as htmlEnhancer,
+  Js as getItemAnchor,
+  Si as htmlEnhancer,
   et as idle,
   Vn as injectCSSToFrame,
   Z as isDefined,
   At as isHtmlElement,
   Rn as isHtmlTagElement,
   Be as isRootCfi,
-  tr as isShallowEqual,
-  Di as layoutEnhancer,
+  nr as isShallowEqual,
+  Ai as layoutEnhancer,
   Nt as mapKeysTo,
-  _s as observeIntersection,
+  Bs as observeIntersection,
   ct as observeMutation,
   Qe as observeResize,
-  co as paginationEnhancer,
+  uo as paginationEnhancer,
   it as parseCfi,
-  Ws as removeCSS,
+  Xn as pick,
+  _s as removeCSS,
   _t as resolveCfi,
-  Ks as rootEnhancer,
-  Ms as spinePositionToSpineItemSpineLayout,
+  Qs as rootEnhancer,
+  Cs as spinePositionToSpineItemSpineLayout,
   oe as upsertCSSToFrame,
   jn as waitForFrameLoad,
   kn as waitForFrameReady,