@prose-reader/core 1.242.0 → 1.243.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { switchMap as w, of as v, fromEvent as X, take as wt, map as S, from as O, takeUntil as T, Observable as te, defer as ke, Subject as j, combineLatest as k, merge as x, EMPTY as G, withLatestFrom as D, NEVER as pe, tap as $, share as R, BehaviorSubject as W, filter as L, first as U, mergeMap as Pe, endWith as me, finalize as ue, catchError as xt, lastValueFrom as tn, scheduled as nn, animationFrameScheduler as se, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as on, startWith as Q, shareReplay as Z, switchScan as sn, defaultIfEmpty as rn, forkJoin as an, delay as ve, timer as $e, ReplaySubject as it, identity as we, skip as Pt, reduce as cn, concatMap as ot } from "rxjs";
-import { Report as un, isShallowEqual as A, shallowMergeIfDefined as xe, getParentPath as ln, parseContentType as pn, detectMimeTypeFromName as Le, arrayEqual as dn } from "@prose-reader/shared";
-import { isShallowEqual as Hs } from "@prose-reader/shared";
-import { switchMap as H, first as $t, map as J, distinctUntilChanged as le, startWith as gn, shareReplay as Me, tap as V, pairwise as hn, take as mn, takeUntil as Y, filter as oe, debounceTime as fn, skip as Tt, mergeMap as yn, catchError as st } from "rxjs/operators";
-import { generate as ze, parse as Ft, isIndirectionOnly as Sn, isParsedCfiRange as bn, resolve as In } from "@prose-reader/cfi";
+import { switchMap as w, of as v, fromEvent as Y, take as wt, map as S, from as N, takeUntil as T, Observable as te, defer as ke, Subject as j, combineLatest as k, merge as x, EMPTY as G, withLatestFrom as D, NEVER as de, tap as P, share as R, BehaviorSubject as W, filter as M, first as U, mergeMap as Pe, endWith as me, finalize as ue, catchError as xt, lastValueFrom as tn, scheduled as nn, animationFrameScheduler as se, exhaustMap as Ue, debounceTime as Se, distinctUntilChanged as z, throttleTime as on, startWith as Q, shareReplay as Z, switchScan as sn, defaultIfEmpty as rn, forkJoin as an, delay as ve, timer as $e, ReplaySubject as it, identity as we, skip as Pt, reduce as cn, concatMap as ot } from "rxjs";
+import { Report as un, isShallowEqual as O, shallowMergeIfDefined as xe, getParentPath as ln, parseContentType as pn, detectMimeTypeFromName as Le, arrayEqual as dn } from "@prose-reader/shared";
+import { isShallowEqual as Gs } from "@prose-reader/shared";
+import { switchMap as _, first as $t, map as J, distinctUntilChanged as le, startWith as gn, shareReplay as Me, tap as V, pairwise as hn, take as mn, takeUntil as q, filter as oe, debounceTime as fn, skip as Tt, mergeMap as yn, catchError as st } from "rxjs/operators";
+import { generate as ze, parse as Ft, isIndirectionOnly as Sn, isParsedCfiRange as In, resolve as bn } from "@prose-reader/cfi";
 import { isDefined as Ge } from "reactjrx";
 const rt = (n, e) => {
   const t = new RegExp(`${e}\\s*=\\s*([0-9.]+)`, "i"), i = n.match(t) || [], o = i[1] || "0";
@@ -11,7 +11,7 @@ const rt = (n, e) => {
   if (!n?.contentDocument?.head) return;
   const o = n.contentDocument.createElement("style");
   o.id = e, o.innerHTML = t, i ? n.contentDocument.head.prepend(o) : n.contentDocument.head.appendChild(o);
-}, Ns = (n, e) => {
+}, Os = (n, e) => {
   if (n?.contentDocument?.head) {
     const t = n.contentDocument.getElementById(e);
     t && t.remove();
@@ -43,14 +43,14 @@ const rt = (n, e) => {
   }
   return { hasViewport: !1 };
 }, wn = (n) => n.pipe(
-  w((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? v(e) : X(e, "load").pipe(
+  w((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? v(e) : Y(e, "load").pipe(
     wt(1),
     S(() => e)
   ))
 ), xn = (n) => n.pipe(
   w((e) => {
     const t = e?.contentDocument?.fonts.ready;
-    return t ? O(t).pipe(S(() => e)) : v(void 0);
+    return t ? N(t).pipe(S(() => e)) : v(void 0);
   })
 ), Pn = (n) => (e) => {
   const t = n(e), i = new IntersectionObserver((o) => {
@@ -208,7 +208,7 @@ const En = (n, e) => {
       return n instanceof e.TouchEvent;
   }
   return !1;
-}, Nn = () => document.createElement("div"), Mt = (n) => {
+}, An = () => document.createElement("div"), Mt = (n) => {
   const e = [
     "img",
     // Images
@@ -224,7 +224,7 @@ const En = (n, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(n?.querySelectorAll(e) || []);
-}, On = (n) => {
+}, Nn = (n) => {
   if (Mt(n).forEach((t) => {
     const i = t.getAttribute("src") || t.getAttribute("href");
     i?.startsWith("blob:") && n?.defaultView?.URL.revokeObjectURL(i);
@@ -259,7 +259,7 @@ function Et(n) {
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
-function An(n, e) {
+function On(n, e) {
   return Et(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
 function Vn(n) {
@@ -389,7 +389,7 @@ const De = ({
     [i]: o
   } : t,
   {}
-)), Ke = (n) => (e) => e.pipe(Dt(n), le(A));
+)), Ke = (n) => (e) => e.pipe(Dt(n), le(O));
 function Qe(n) {
   return new te((e) => {
     const t = new ResizeObserver((i) => {
@@ -401,7 +401,7 @@ function Qe(n) {
   });
 }
 const Ce = (n) => (e) => e.pipe(
-  H(
+  _(
     (t) => n.pipe(
       $t(),
       J(() => t)
@@ -429,7 +429,7 @@ function Rt() {
   });
 }
 function at(n) {
-  return ke(() => Rt().pipe(H(n)));
+  return ke(() => Rt().pipe(_(n)));
 }
 const ct = (n, e) => new te((t) => {
   const i = new MutationObserver((o) => {
@@ -437,7 +437,7 @@ const ct = (n, e) => new te((t) => {
   });
   return i.observe(n, e), () => i.disconnect();
 });
-function Os(n, e) {
+function Vs(n, e) {
   return new te((t) => {
     const i = new IntersectionObserver((o) => {
       t.next(o);
@@ -447,7 +447,7 @@ function Os(n, e) {
     };
   });
 }
-class Nt {
+class At {
   constructor(e, t) {
     this.settingsManager = t;
     const i = xe(
@@ -488,19 +488,31 @@ class Nt {
   watch(e) {
     return Array.isArray(e) ? this.values$.pipe(Ke(e)) : this.values$.pipe(
       J((t) => t[e]),
-      le(A)
+      le(O)
     );
   }
   destroy() {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-let Hn = class extends Nt {
+const js = (n) => {
+  const e = new FileReader();
+  return new Promise((t) => {
+    e.addEventListener(
+      "load",
+      () => {
+        t(e.result);
+      },
+      !1
+    ), e.readAsDataURL(n);
+  });
+};
+let _n = class extends At {
   computeOutputSettings(e) {
     return e;
   }
   hasSettingsChanged(e) {
-    return !A(this.outputSettings, e);
+    return !O(this.outputSettings, e);
   }
   getCleanedParentInputSettings(e) {
     const {
@@ -521,8 +533,8 @@ let Hn = class extends Nt {
     };
   }
 };
-const _n = (n) => (e) => {
-  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new j(), a = n(e), c = new Hn(
+const Hn = (n) => (e) => {
+  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new j(), a = n(e), c = new _n(
     {
       fontScale: t,
       lineHeight: i,
@@ -569,7 +581,7 @@ const _n = (n) => (e) => {
     settings: c
   };
 }, Bn = (n) => (e) => {
-  const t = n(e), i = (o) => X(o, "keyup").pipe(
+  const t = n(e), i = (o) => Y(o, "keyup").pipe(
     D(t.settings.values$),
     S(([s, { pageTurnDirection: r }]) => {
       if (r === "horizontal") {
@@ -608,23 +620,23 @@ const _n = (n) => (e) => {
       ...e.map((t) => t.watch("isLoaded").pipe(
         w(() => {
           const i = t.renderer.getDocumentFrame();
-          if (!i || !i?.contentDocument) return pe;
+          if (!i || !i?.contentDocument) return de;
           const s = Array.from(
             i.contentDocument.querySelectorAll("a")
           ).map(
-            (r) => X(r, "click")
+            (r) => Y(r, "click")
           );
           return x(...s);
         })
       ))
     )
   ),
-  $((e) => {
+  P((e) => {
     e.preventDefault();
   }),
   R()
 );
-class _ {
+class B {
   constructor() {
     this.isDestroyed = !1, this.destroySubject = new j(), this.destroy$ = this.destroySubject.asObservable();
   }
@@ -632,11 +644,11 @@ class _ {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
   }
 }
-const Fe = class Fe extends _ {
+const Fe = class Fe extends B {
   constructor(e) {
     super(), this.triggerSubject = new j(), this.stateSubject = new W("idle"), this.unload$ = this.triggerSubject.pipe(
       D(this.stateSubject),
-      L(
+      M(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       S(() => {
@@ -644,7 +656,7 @@ const Fe = class Fe extends _ {
       R()
     ), this.load$ = this.triggerSubject.pipe(
       D(this.stateSubject),
-      L(
+      M(
         ([o, s]) => o.type === "load" && s !== "loaded" && s !== "loading"
       ),
       S(() => {
@@ -653,7 +665,7 @@ const Fe = class Fe extends _ {
     ), this.context = e.context, this.settings = e.settings, this.hookManager = e.hookManager, this.item = e.item, this.containerElement = e.containerElement, this.resourcesHandler = e.resourcesHandler, this.viewport = e.viewport;
     const t = this.triggerSubject.pipe(
       D(this.stateSubject),
-      L(
+      M(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       S(() => {
@@ -690,11 +702,11 @@ const Fe = class Fe extends _ {
     const i = t.pipe(
       w(() => (this.stateSubject.next("unloading"), this.context.bridgeEvent.viewportFree$.pipe(
         U(),
-        $(() => {
+        P(() => {
           this.hookManager.destroy("item.onDocumentLoad", this.item.id);
         }),
         w(() => this.onUnload().pipe(me(null), U())),
-        $(() => {
+        P(() => {
           this.stateSubject.next("idle");
         }),
         T(this.load$)
@@ -786,7 +798,7 @@ class et {
     return e instanceof Response ? e : e instanceof URL ? fetch(e) : e;
   }
 }
-const Ot = (n, e) => {
+const Nt = (n, e) => {
   const t = n.startsWith("file://"), i = t ? n.replace("file://", "http://") : n, o = new URL(e, i).toString();
   return t ? o.replace("http://", "file://") : o;
 }, qn = async (n, e, t, i, o) => {
@@ -806,22 +818,22 @@ const Ot = (n, e) => {
                   return d;
                 const m = d.match(/url\(['"]?([^'"]+)['"]?\)/);
                 if (!m) return d;
-                const y = m[1] ?? "", f = i.manifest?.items.find(({ href: b }) => `${Ot(t, y).toLowerCase()}`.endsWith(
-                  `${b.toLowerCase()}`
+                const y = m[1] ?? "", f = i.manifest?.items.find(({ href: I }) => `${Nt(t, y).toLowerCase()}`.endsWith(
+                  `${I.toLowerCase()}`
                 ));
                 if (f) {
-                  const b = new et(f, o);
+                  const I = new et(f, o);
                   try {
-                    const I = await b.getResource();
-                    if (I instanceof Response) {
-                      const P = await I.blob(), C = n.defaultView?.URL.createObjectURL(P);
+                    const b = await I.getResource();
+                    if (b instanceof Response) {
+                      const F = await b.blob(), $ = n.defaultView?.URL.createObjectURL(F);
                       return d.replace(
                         m[0],
-                        `url("${C}")`
+                        `url("${$}")`
                       );
                     }
-                  } catch (I) {
-                    console.error("Error loading font:", I);
+                  } catch (b) {
+                    console.error("Error loading font:", b);
                   }
                 }
                 return d;
@@ -840,14 +852,14 @@ const Ot = (n, e) => {
 }, Gn = (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(
+  const r = i.manifest?.items.find(({ href: c }) => `${Nt(t, s).toLowerCase()}`.endsWith(
     `${c.toLowerCase()}`
   ));
   if (!r) return v(null);
   const a = new et(r, o);
-  return O(a.getResource()).pipe(
+  return N(a.getResource()).pipe(
     Pe(
-      (c) => c instanceof Response ? O(c.blob()) : v(void 0)
+      (c) => c instanceof Response ? N(c.blob()) : v(void 0)
     ),
     Pe((c) => {
       if (!c)
@@ -894,8 +906,8 @@ const Ot = (n, e) => {
     return k(a).pipe(S(() => o));
   })
 ), Jn = (n) => {
-  On(n?.contentDocument);
-}, Kn = [".xhtml", ".html", ".htm"], ge = "prose-reader", Qn = async (n, e) => {
+  Nn(n?.contentDocument);
+}, Us = "@prose-reader/core", zs = 0, Ws = 200, Kn = [".xhtml", ".html", ".htm"], pe = "prose-reader", Qn = `data-${pe}-id`, ei = `${pe}-viewport`, ti = async (n, e) => {
   if (typeof n == "string") return n;
   const t = pn(n.headers.get("Content-Type") || "") || Le(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
@@ -933,13 +945,13 @@ const Ot = (n, e) => {
         </body>
       </html>
     ` : await n.text();
-}, ei = ({
+}, ni = ({
   item: n,
   resourcesHandler: e
 }) => {
-  const t = (i) => Qn(i, n);
+  const t = (i) => ti(i, n);
   return (i) => i.pipe(
-    w((o) => O(e.getResource()).pipe(
+    w((o) => N(e.getResource()).pipe(
       w((s) => s instanceof URL && n.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
       (n.mediaType && [
         "application/xhtml+xml",
@@ -949,13 +961,13 @@ const Ot = (n, e) => {
       ].includes(n.mediaType) || // no encoding ? then try to detect html
       !n.mediaType && Kn.some(
         (a) => n.href.endsWith(a)
-      )) ? (o?.setAttribute("src", n.href), v(o)) : (s instanceof URL ? O(e.fetchResource()) : v(s)).pipe(
+      )) ? (o?.setAttribute("src", n.href), v(o)) : (s instanceof URL ? N(e.fetchResource()) : v(s)).pipe(
         w((a) => {
           if (!(a instanceof Response))
             throw new Error("Invalid resource");
-          return O(t(a));
+          return N(t(a));
         }),
-        $((a) => {
+        P((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
             o?.setAttribute("src", u);
@@ -969,7 +981,7 @@ const Ot = (n, e) => {
       ))
     ))
   );
-}, ti = () => {
+}, ii = () => {
   const n = document.createElement("iframe");
   return n.frameBorder = "no", n.tabIndex = 0, n.setAttribute(
     "sandbox",
@@ -984,7 +996,7 @@ const Ot = (n, e) => {
   border: 0px none transparent;
   padding: 0px;
 `, n.setAttribute("role", "main"), n;
-}, At = () => `
+}, Ot = () => `
     body {
         margin: 0;
         }
@@ -1002,12 +1014,12 @@ const Ot = (n, e) => {
       n / (i.height ?? 1)
     ), computedWidthScale: o, viewportDimensions: i };
   }
-}, ni = ({
+}, oi = ({
   columnWidth: n,
   enableTouch: e,
   spreadPosition: t
 }, i) => `
-      ${At()}
+      ${Ot()}
       body {
         ${i ? "" : `
           display: flex;
@@ -1047,12 +1059,12 @@ const Ot = (n, e) => {
           object-fit:contain;
         `}
       }
-    `, ii = ({
+    `, si = ({
   pageHeight: n,
   pageWidth: e
 }) => ({ columnHeight: n, columnWidth: e }), ut = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, oi = ({
+}, ri = ({
   minPageSpread: n,
   blankPagePosition: e,
   spreadPosition: t,
@@ -1064,9 +1076,9 @@ const Ot = (n, e) => {
 }) => {
   const c = n * o;
   if (s?.contentDocument && s?.contentWindow) {
-    const { viewportDimensions: u, computedScale: l = 1 } = Vt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, p = o, g = i, h = ni(
+    const { viewportDimensions: u, computedScale: l = 1 } = Vt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, p = o, g = i, h = oi(
       {
-        ...ii({ pageHeight: i, pageWidth: o }),
+        ...si({ pageHeight: i, pageWidth: o }),
         enableTouch: a,
         spreadPosition: t
       },
@@ -1096,8 +1108,8 @@ const Ot = (n, e) => {
     return { width: c, height: g };
   }
   return { width: c, height: i };
-}, si = () => `
-      ${At()}
+}, ai = () => `
+      ${Ot()}
       html {
         width: 100%;
         height: 100%;
@@ -1111,7 +1123,7 @@ const Ot = (n, e) => {
       html, body {
         touch-action: none;
       }
-    `, ri = ({
+    `, ci = ({
   isScrollable: n,
   enableTouch: e
 }) => `
@@ -1136,7 +1148,7 @@ const Ot = (n, e) => {
           display: block;
         }
       ` : ""}
-    `, ai = ({
+    `, ui = ({
   width: n,
   columnHeight: e,
   columnWidth: t
@@ -1204,7 +1216,7 @@ const Ot = (n, e) => {
       td {
         max-width: ${t}px;
       }
-    `, ci = ({
+    `, li = ({
   isUsingVerticalWriting: n,
   minimumWidth: e,
   pageHeight: t,
@@ -1218,9 +1230,9 @@ const Ot = (n, e) => {
     columnWidth: r,
     width: c
   };
-}, Ie = (n, e) => {
+}, be = (n, e) => {
   n.style.width = `${e.width}px`, n.style.height = `${e.height}px`;
-}, ui = ({
+}, pi = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t,
@@ -1245,8 +1257,8 @@ const Ot = (n, e) => {
       ee(
         t,
         "prose-reader-html-renderer-framce-css",
-        si()
-      ), Ie(t, {
+        ai()
+      ), be(t, {
         width: h.width ?? 1,
         height: h.height ?? 1
       }), t?.style.setProperty("position", "absolute"), t?.style.setProperty("top", "50%"), t?.style.setProperty(
@@ -1257,34 +1269,34 @@ const Ot = (n, e) => {
         `translate(-50%, -50%) scale(${d})`
       ), t?.style.setProperty("transform-origin", "center center");
     else {
-      const I = a ? ri({
+      const b = a ? ci({
         isScrollable: i?.renditionFlow === "scrolled-continuous",
         enableTouch: c
-      }) : ai(
-        ci({
+      }) : ui(
+        li({
           isUsingVerticalWriting: u,
           minimumWidth: l,
           pageHeight: g,
           pageWidth: e
         })
       );
-      if (ee(t, "prose-reader-css", I, !0), u)
+      if (ee(t, "prose-reader-css", b, !0), u)
         f = Math.ceil(
           t.contentDocument.documentElement.scrollHeight / g
-        ) * g, Ie(t, {
+        ) * g, be(t, {
           width: l,
           height: f
         });
       else if (i?.renditionFlow === "scrolled-continuous")
-        f = t.contentDocument.body.scrollHeight, Ie(t, {
+        f = t.contentDocument.body.scrollHeight, be(t, {
           width: l,
           height: f
         });
       else {
-        const P = Math.ceil(
+        const F = Math.ceil(
           t.contentDocument.documentElement.scrollWidth / e
         );
-        m ? y = e : y = P * e, Ie(t, {
+        m ? y = e : y = F * e, be(t, {
           width: y,
           height: f
         });
@@ -1293,25 +1305,25 @@ 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 li extends fe {
+class di extends fe {
   constructor() {
     super(...arguments), this.isImageType = () => !!(this.item.mediaType ?? Le(this.item.href))?.startsWith("image/");
   }
   onCreateDocument() {
-    const e = ti();
+    const e = ii();
     return this.setDocumentContainer(e), v(e);
   }
   onLoadDocument() {
     const e = this.getFrameElement();
     if (!e) throw new Error("invalid frame");
     return v(e).pipe(
-      ei({
+      ni({
         item: this.item,
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
       }),
       Ce(this.context.bridgeEvent.viewportFree$),
-      $(() => {
+      P(() => {
         this.attach();
       }),
       wn,
@@ -1335,7 +1347,7 @@ class li 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 = oi({
+      const u = ri({
         blankPagePosition: t,
         enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
         frameElement: r,
@@ -1347,7 +1359,7 @@ class li extends fe {
       });
       return v(u);
     }
-    const c = ui({
+    const c = pi({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1362,7 +1374,7 @@ class li extends fe {
     return v(c);
   }
   onRenderHeadless() {
-    return O(this.resourcesHandler.fetchResource()).pipe(
+    return N(this.resourcesHandler.fetchResource()).pipe(
       w((e) => {
         if (e instanceof Response) {
           const t = e.headers.get("content-type") ?? "";
@@ -1372,7 +1384,7 @@ class li extends fe {
             "text/html",
             "text/xml"
           ].includes(t))
-            return O(e.text()).pipe(
+            return N(e.text()).pipe(
               S((o) => new DOMParser().parseFromString(
                 o,
                 t
@@ -1415,11 +1427,11 @@ class li extends fe {
     return this.getFrameElement();
   }
 }
-const pi = (n) => (e) => {
+const gi = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(o) {
-      return e.getRenderer?.(o) ?? ((r) => new li(r));
+      return e.getRenderer?.(o) ?? ((r) => new di(r));
     }
   }), i = Xn(t);
   return i.pipe(T(t.$.destroy$)).subscribe(), {
@@ -1435,7 +1447,7 @@ class tt {
     this.left = e.left, this.right = e.right, this.top = e.top, this.bottom = e.bottom, this.width = e.width, this.height = e.height, this.x = e.x, this.y = e.y;
   }
 }
-class M {
+class C {
   constructor(e) {
     this.__symbol = Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
   }
@@ -1445,17 +1457,17 @@ class Re {
     this.__symbol = Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
 }
-class di extends tt {
+class hi extends tt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageLayout";
   }
 }
-class He extends tt {
+class _e extends tt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class gi extends tt {
+class mi extends tt {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1465,12 +1477,12 @@ class jt {
     this.x = e.x, this.y = e.y;
   }
 }
-class F extends jt {
+class L extends jt {
   constructor() {
     super(...arguments), this.__symbol = "SpinePosition";
   }
   static from(e) {
-    return new F(e);
+    return new L(e);
   }
 }
 class he extends jt {
@@ -1481,20 +1493,20 @@ class he extends jt {
     return new he(e);
   }
 }
-const hi = (n, e) => {
+const fi = (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
   };
-}, mi = (n, e) => new he(
-  hi(n, e)
-), fi = (n) => ({
-  getSpinePositionFromClientPosition: (e) => n.spine.element ? mi(e, n.spine.element) : void 0
-}), yi = (n) => {
+}, yi = (n, e) => new he(
+  fi(n, e)
+), Si = (n) => ({
+  getSpinePositionFromClientPosition: (e) => n.spine.element ? yi(e, n.spine.element) : void 0
+}), Ii = (n) => {
   let e;
   const t = n.context.watch("rootElement").pipe(
-    H((c) => c ? new te(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
+    _((c) => c ? new te(() => (e = c.ownerDocument.createElement("div"), e.style.cssText = `
         position: absolute;
         left: 0;
         top: 0;
@@ -1503,7 +1515,7 @@ const hi = (n, e) => {
         visibility: hidden;
       `, c.appendChild(e), () => {
       e?.remove(), e = void 0;
-    })) : pe)
+    })) : de)
   ), i = (c) => nn(c, se).pipe(
     V(() => {
       e?.style.setProperty(
@@ -1524,13 +1536,13 @@ const hi = (n, e) => {
     J(() => n.settings.values.computedPageTurnMode),
     le()
   ).pipe(
-    H(
-      (c) => c === "controlled" ? o.pipe(H(() => s)) : i(v(void 0))
+    _(
+      (c) => c === "controlled" ? o.pipe(_(() => s)) : i(v(void 0))
     ),
-    Y(n.$.destroy$)
+    q(n.$.destroy$)
   );
   return x(t, a);
-}, Si = (n) => {
+}, bi = (n) => {
   n.hookManager.register(
     "item.onAfterLayout",
     ({ item: e, blankPagePosition: t, minimumWidth: i }) => {
@@ -1547,12 +1559,12 @@ const hi = (n, e) => {
       }
     }
   );
-}, bi = (n) => n.spineItemsManager.items$.pipe(
+}, vi = (n) => n.spineItemsManager.items$.pipe(
   w(
     (e) => x(
       ...e.map(
         (t) => t.pipe(
-          $((i) => {
+          P((i) => {
             t.containerElement.dataset.isDirty = i.iDirty.toString(), t.containerElement.dataset.isReady = i.isReady.toString();
           })
         )
@@ -1560,12 +1572,12 @@ const hi = (n, e) => {
     )
   )
 );
-let Ii = class extends Nt {
+let wi = class extends At {
   computeOutputSettings(e) {
     return e;
   }
   hasSettingsChanged(e) {
-    return !A(this.outputSettings, e);
+    return !O(this.outputSettings, e);
   }
   getCleanedParentInputSettings(e) {
     const {
@@ -1586,21 +1598,21 @@ let Ii = class extends Nt {
     };
   }
 };
-const vi = (n) => k([
+const xi = (n) => k([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
-  $(([{ 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 });
   })
-), wi = (n) => (e) => {
+), Pi = (n) => (e) => {
   const {
     pageHorizontalMargin: t,
     pageVerticalMargin: i,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = e, r = n(e), a = new Ii(
+  } = e, r = n(e), a = new wi(
     {
       pageHorizontalMargin: t,
       pageVerticalMargin: i,
@@ -1616,38 +1628,38 @@ const vi = (n) => k([
       !d && y && (y.getBoundingClientRect().left, d = !0);
     });
   }), r.hookManager.register("item.onBeforeLayout", ({ item: d }) => {
-    const m = r.spineItemsManager.get(d.id), f = !!(d.mediaType ?? Le(d.href))?.startsWith("image/"), { pageHorizontalMargin: b = 0, pageVerticalMargin: I = 0 } = a.values, P = r.viewport.pageSize;
+    const m = r.spineItemsManager.get(d.id), f = !!(d.mediaType ?? Le(d.href))?.startsWith("image/"), { pageHorizontalMargin: I = 0, pageVerticalMargin: b = 0 } = a.values, F = r.viewport.pageSize;
     if (m?.renditionLayout === "reflowable" && !f) {
-      let C = P.width - b * 2;
-      const N = P.height - I * 2;
-      let B = P.width - b * 2, q = b * 2;
-      m.isUsingVerticalWriting() && (B = P.width - b * 2, C = N, q = I * 2);
+      let $ = F.width - I * 2;
+      const A = F.height - b * 2;
+      let X = F.width - I * 2, H = I * 2;
+      m.isUsingVerticalWriting() && (X = F.width - I * 2, $ = A, H = b * 2);
       const ne = m?.renderer.getDocumentFrame();
       ne && ee(
         ne,
         "prose-layout-enhancer-css",
         `
               body {
-                width: ${B}px !important;
-                margin: ${I}px ${b}px !important;
-                column-gap: ${q}px !important;
-                column-width: ${C}px !important;
-                height: ${N}px !important;
+                width: ${X}px !important;
+                margin: ${b}px ${I}px !important;
+                column-gap: ${H}px !important;
+                column-width: ${$}px !important;
+                height: ${A}px !important;
               }
               img, video, audio, object, svg {
-                -max-width: ${C}px !important;
-                -max-height: ${N}px !important;
+                -max-width: ${$}px !important;
+                -max-height: ${A}px !important;
               }
               table {
-                max-width: ${C}px !important;
+                max-width: ${$}px !important;
               }
               td {
-                max-width: ${C}px;
+                max-width: ${$}px;
               }
             `
       );
     }
-  }), Si(r), r.hookManager.register(
+  }), bi(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: d }) => {
       d.style.opacity = "0", a.values.layoutLayerTransition && (d.style.transition = "opacity 300ms");
@@ -1664,25 +1676,25 @@ const vi = (n) => k([
     })
   ), u = a.values$.pipe(
     oe(({ layoutAutoResize: d }) => d === "container"),
-    H(() => r.context.watch("rootElement")),
+    _(() => r.context.watch("rootElement")),
     oe(ce),
-    H((d) => Qe(d)),
+    _((d) => Qe(d)),
     fn(100),
     oe(ce),
     V(() => {
       r?.layout();
     })
-  ), l = yi(r);
+  ), l = Ii(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     Tt(1),
     V(() => {
       r.layout();
     }),
-    Y(r.$.destroy$)
+    q(r.$.destroy$)
   ).subscribe();
   const p = r.spine.pages.pipe(
     Me({ refCount: !0, bufferSize: 1 })
-  ), g = bi(r), h = vi(r);
+  ), g = vi(r), h = xi(r);
   return x(
     c,
     l,
@@ -1690,7 +1702,7 @@ const vi = (n) => k([
     p,
     g,
     h
-  ).pipe(Y(r.$.destroy$)).subscribe(), {
+  ).pipe(q(r.$.destroy$)).subscribe(), {
     ...r,
     destroy: () => {
       a.destroy(), r.destroy();
@@ -1698,9 +1710,9 @@ const vi = (n) => k([
     settings: a,
     layout$: r.spine.layout$,
     layoutInfo$: p,
-    coordinates: fi(r)
+    coordinates: Si(r)
   };
-}, xi = `${ge}-enhancer-loading`, kt = `${xi}-container`, Pi = (n, e) => {
+}, $i = `${pe}-enhancer-loading`, kt = `${$i}-container`, Ti = (n, e) => {
   const t = n.ownerDocument.createElement("div");
   return t.classList.add(kt), t.style.cssText = `
       height: 100%;
@@ -1718,7 +1730,7 @@ const vi = (n) => k([
       background-color: white;
       z-index: 1;
     `, t;
-}, $i = ({
+}, Fi = ({
   container: n,
   item: e
 }) => {
@@ -1735,8 +1747,8 @@ const vi = (n) => k([
       max-width: 300px;
       width: 80%;
     `, n.appendChild(t), n.appendChild(i), n;
-}, Ti = (n) => (e) => {
-  const { loadingElementCreate: t = $i } = e, i = n(e), o = (c) => v(
+}, Li = (n) => (e) => {
+  const { loadingElementCreate: t = Fi } = e, i = n(e), o = (c) => v(
     c.reduce((u, { item: l, element: p }) => {
       p.style.zIndex = "0";
       const g = p.querySelector(
@@ -1745,7 +1757,7 @@ const vi = (n) => k([
       if (g instanceof HTMLElement)
         return u[l.id] = g, u;
       const h = t({
-        container: Pi(p, i.viewport),
+        container: Ti(p, i.viewport),
         item: l
       });
       return p.appendChild(h), u[l.id] = h, u;
@@ -1755,7 +1767,7 @@ const vi = (n) => k([
       width: i.viewport.absoluteViewport.width,
       theme: u
     })),
-    le(A),
+    le(O),
     V(({ width: u, theme: l }) => {
       Object.values(c).forEach((p) => {
         p.style.setProperty("max-width", `${u}px`), p.style.setProperty(
@@ -1775,18 +1787,18 @@ const vi = (n) => k([
       );
     })
   ), a = i.spineItemsManager.items$.pipe(
-    H((c) => o(c)),
+    _((c) => o(c)),
     Me(1),
-    Y(i.context.destroy$)
+    q(i.context.destroy$)
   );
   return a.pipe(
-    H(
+    _(
       (c) => x(
         s(c),
         r(c)
       )
     ),
-    Y(i.$.destroy$)
+    q(i.$.destroy$)
   ).subscribe(), {
     ...i,
     loading: {
@@ -1796,7 +1808,7 @@ const vi = (n) => k([
     }
   };
 };
-class Fi extends fe {
+class Mi extends fe {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1804,12 +1816,12 @@ class Fi extends fe {
   }
   onCreateDocument() {
     const e = this.containerElement.ownerDocument.createElement("img");
-    return O(this.resourcesHandler.getResource()).pipe(
+    return N(this.resourcesHandler.getResource()).pipe(
       w((t) => {
         if (this.setDocumentContainer(e), e.style.objectFit = "contain", e.style.userSelect = "none", t instanceof URL)
           return v(t.href);
         if (t instanceof Response)
-          return O(t.blob()).pipe(
+          return N(t.blob()).pipe(
             S((i) => URL.createObjectURL(i))
           );
         throw new Error("Invalid resource");
@@ -1823,7 +1835,7 @@ class Fi extends fe {
   onLoadDocument() {
     const e = this.getImageElement();
     if (!e) throw new Error("invalid element");
-    return this.attach(), X(e, "load");
+    return this.attach(), Y(e, "load");
   }
   onUnload() {
     const e = this.getImageElement();
@@ -1848,12 +1860,12 @@ class Fi extends fe {
   getDocumentFrame() {
   }
 }
-const Li = (n) => (e) => {
+const Ci = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(r) {
       const a = e.getRenderer?.(r), u = !!(r.mediaType ?? Le(r.href))?.startsWith("image/");
-      return !a && u ? (l) => new Fi(l) : a;
+      return !a && u ? (l) => new Mi(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1901,26 +1913,26 @@ const Li = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, Mi = (n, e) => n.links$.pipe(
-  $((t) => {
-    if (!An(t.target, "a") || t.type !== "click") return;
+}, Ei = (n, e) => n.links$.pipe(
+  P((t) => {
+    if (!On(t.target, "a") || t.type !== "click") return;
     const i = new URL(t.target.href), o = `${i.origin}${i.pathname}`;
     n.context.manifest?.spineItems.some(
       (r) => r.href === o
     ) && e.goToUrl(i);
   })
-), ie = E.namespace("navigation"), Ci = ({
+), ie = E.namespace("navigation"), Di = ({
   position: n,
   spineItem: e,
   pageHeight: t,
   pageWidth: i,
   spineItemLocator: o
 }) => {
-  let s = new M({
+  let s = new C({
     x: n.x - i,
     y: n.y
   });
-  return e.isUsingVerticalWriting() && (s = new M({
+  return e.isUsingVerticalWriting() && (s = new C({
     x: n.x,
     y: n.y + t
   })), o.getSpineItemClosestPositionFromUnsafePosition(
@@ -1941,7 +1953,7 @@ const Li = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Ci({
+  ), l = Di({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -1955,15 +1967,15 @@ const Li = (n) => (e) => {
     spineItemPosition: l,
     spineItem: a
   }) : e.fromUnboundSpinePosition(
-    r === "horizontal" ? new F({
+    r === "horizontal" ? new L({
       x: n.x - s.pageSize.width,
       y: 0
-    }) : new F({
+    }) : new L({
       y: n.y - s.pageSize.height,
       x: 0
     })
   );
-}, Ei = ({
+}, Ri = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2007,18 +2019,18 @@ const Li = (n) => (e) => {
     return i.getAdjustedPositionForSpread(l);
   }
   return i.getAdjustedPositionForSpread(u);
-}, Di = ({
+}, Ai = ({
   position: n,
   spineItem: e,
   pageHeight: t,
   pageWidth: i,
   spineItemLocator: o
 }) => {
-  let s = new M({
+  let s = new C({
     x: n.x + i,
     y: n.y
   });
-  return e.isUsingVerticalWriting() && (s = new M({
+  return e.isUsingVerticalWriting() && (s = new C({
     x: n.x,
     y: n.y - t
   })), o.getSpineItemClosestPositionFromUnsafePosition(
@@ -2039,7 +2051,7 @@ const Li = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     a
-  ), l = Di({
+  ), l = Ai({
     position: u,
     spineItem: a,
     pageHeight: s.pageSize.height,
@@ -2053,15 +2065,15 @@ const Li = (n) => (e) => {
     spineItemPosition: l,
     spineItem: a
   }) : e.fromUnboundSpinePosition(
-    r === "horizontal" ? new F({
+    r === "horizontal" ? new L({
       x: n.x + s.pageSize.width,
       y: 0
-    }) : new F({
+    }) : new L({
       y: n.y + s.pageSize.height,
       x: 0
     })
   );
-}, Ri = ({
+}, Ni = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2109,9 +2121,9 @@ const Li = (n) => (e) => {
   }
   return i.getAdjustedPositionForSpread(u);
 };
-class Ni {
+class Oi {
   constructor(e) {
-    this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new F({ x: 0, y: 0 }), this.unlock = void 0;
+    this.reader = e, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new L({ x: 0, y: 0 }), this.unlock = void 0;
   }
   turnRight() {
     return this.turnRightOrBottom();
@@ -2128,7 +2140,7 @@ class Ni {
   turnRightOrBottom() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Ri({
+    const i = Ni({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2146,7 +2158,7 @@ class Ni {
   turnLeftOrTop() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Ei({
+    const i = Ri({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2288,9 +2300,9 @@ class Ni {
     }
   }
 }
-class Oi {
+class Vi {
   constructor(e) {
-    this.reader = e, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new F({ x: 0, y: 0 }), this.lastStartPosition = new F({ x: 0, y: 0 }), this.unlock = void 0;
+    this.reader = e, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new L({ x: 0, y: 0 }), this.lastStartPosition = new L({ x: 0, y: 0 }), this.unlock = void 0;
   }
   moveTo(e, { final: t, start: i } = {}) {
     if (this.reader.settings.values.computedPageTurnMode === "scrollable") {
@@ -2308,7 +2320,7 @@ class Oi {
       ), l = Math.floor(
         o === "horizontal" ? 0 : this.lastPosition.y - c / r
       );
-      s = new F({
+      s = new L({
         x: u,
         y: l
       }), this.lastDelta = e;
@@ -2327,8 +2339,8 @@ class Oi {
     });
   }
 }
-const Ai = 500;
-class Vi extends _ {
+const ji = 500;
+class ki extends B {
   constructor(e, t) {
     super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new j(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
@@ -2339,11 +2351,11 @@ class Vi extends _ {
           v(o)
         ).pipe(
           Se(
-            Ai,
+            ji,
             se
           ),
           U(),
-          $(() => {
+          P(() => {
             const r = this.scrollNavigationController.fromScrollPosition(
               this.scrollNavigationController.scrollPosition
             );
@@ -2362,7 +2374,7 @@ class Vi extends _ {
     x(i).pipe(T(this.destroy$)).subscribe();
   }
 }
-const ji = (n) => n.pagination.state$.pipe(
+const Ui = (n) => n.pagination.state$.pipe(
   D(n.context.manifest$, n.settings.values$),
   S(
     ([
@@ -2381,29 +2393,29 @@ const ji = (n) => n.pagination.state$.pipe(
       };
     }
   ),
-  z(A)
-), ki = ({ reader: n, duration: e }) => (t) => {
+  z(O)
+), zi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
   };
   return t.pipe(
-    $(() => {
+    P(() => {
       i || (i = n?.navigation.lock());
     }),
     on(e, se, {
       trailing: !0,
       leading: !0
     }),
-    $(o),
+    P(o),
     ue(o)
   );
-}, Ui = (n) => (e) => {
-  const t = n(e), i = ji(t), o = new Ni(t), s = new Oi(t), r = new Vi(
+}, Wi = (n) => (e) => {
+  const t = n(e), i = Ui(t), o = new Oi(t), s = new Vi(t), r = new ki(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = Mi(t, o), c = r.navigation$.pipe(
-    $((p) => {
+  ), a = Ei(t, o), c = r.navigation$.pipe(
+    P((p) => {
       t.navigation.navigate(p);
     })
   );
@@ -2419,7 +2431,7 @@ const ji = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: p, trigger: g }) => g.pipe(ki({ duration: p, reader: t })),
+      throttleLock: ({ duration: p, trigger: g }) => g.pipe(zi({ duration: p, reader: t })),
       moveTo: s.moveTo.bind(s),
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2467,19 +2479,19 @@ const ji = (n) => n.pagination.state$.pipe(
     }
     return o;
   }, void 0);
-}, zi = (n, e) => {
+}, _i = (n, e) => {
   const { href: t } = e;
   return Ut(t, n.nav?.toc ?? [], n);
-}, Wi = (n) => {
+}, Hi = (n) => {
   const e = n.context.manifest, t = n.spineItemsManager.items;
   return e ? t.reduce(
-    (i, { item: o }) => (i[o.id] = zi(e, o), i),
+    (i, { item: o }) => (i[o.id] = _i(e, o), i),
     {}
   ) : {};
-}, Hi = (n) => n.spineItemsManager.items$.pipe(
+}, Bi = (n) => n.spineItemsManager.items$.pipe(
   Q([]),
-  S(() => Wi(n))
-), _i = (n, e, t) => n + e * t, Bi = (n, e, t) => {
+  S(() => Hi(n))
+), Xi = (n, e, t) => n + e * t, Yi = (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,
@@ -2494,27 +2506,27 @@ const ji = (n) => n.pagination.state$.pipe(
       (e.x - r + n.viewport.absoluteViewport.width) / o
     )
   );
-}, Xi = (n, e, t, i, o) => o.isReady$.pipe(
+}, qi = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
   D(n.layoutInfo$),
   S(([s, r]) => {
-    const a = n.context, c = a.manifest?.renditionLayout === "pre-paginated", u = a.manifest?.spineItems.length || 0, l = a.manifest?.spineItems.slice(0, e).reduce((f, b) => f + (b.progressionWeight ?? 0), 0) || 0, p = n.spineItemsManager.getSpineItemIndex(o) ?? 0, g = n.context.manifest?.spineItems.length ?? 0, h = r.pages.filter((f) => f.itemIndex === p).length ?? 0, d = a.manifest?.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
+    const a = n.context, c = a.manifest?.renditionLayout === "pre-paginated", u = a.manifest?.spineItems.length || 0, l = a.manifest?.spineItems.slice(0, e).reduce((f, I) => f + (I.progressionWeight ?? 0), 0) || 0, p = n.spineItemsManager.getSpineItemIndex(o) ?? 0, g = n.context.manifest?.spineItems.length ?? 0, h = r.pages.filter((f) => f.itemIndex === p).length ?? 0, d = a.manifest?.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
     (p + 1) / g;
     let m = (t + 1) * (d / h);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
-    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Bi(
+    return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Yi(
       n,
       i,
       o
-    ) : m = 0, y = _i(
+    ) : m = 0, y = Xi(
       l,
       d,
       m
     )), e === u - 1 && t === h - 1 && y > 0.99 ? 1 : y;
   })
-), Yi = (n) => n.spine.layout$.pipe(
+), Gi = (n) => n.spine.layout$.pipe(
   Se(10, se),
   D(n.pagination.state$),
   S(() => ({
@@ -2527,12 +2539,12 @@ const ji = (n) => n.pagination.state$.pipe(
      */
     numberOfTotalPages: n.spine.pages.value.pages.length
   })),
-  z(A),
+  z(O),
   Q({
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
   })
-), qi = (n, e, t, i) => {
+), Zi = (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 +2575,7 @@ const ji = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, Gi = (n) => k([
+}, Ji = (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
@@ -2572,7 +2584,7 @@ const ji = (n) => n.pagination.state$.pipe(
 ]).pipe(
   w(([e]) => {
     const t = e.endSpineItemIndex !== void 0 ? n.spineItemsManager.get(e.endSpineItemIndex) : void 0;
-    return t ? Xi(
+    return t ? qi(
       n,
       e.endSpineItemIndex ?? 0,
       e.endPageIndexInSpineItem || 0,
@@ -2580,8 +2592,8 @@ const ji = (n) => n.pagination.state$.pipe(
       t
     ) : v(0);
   })
-), Zi = (n) => {
-  const e = Hi(n), t = Yi(n), i = new W({
+), Ki = (n) => {
+  const e = Bi(n), t = Gi(n), i = new W({
     ...n.pagination.state,
     beginChapterInfo: void 0,
     beginCfi: void 0,
@@ -2599,10 +2611,10 @@ const ji = (n) => n.pagination.state$.pipe(
   }), o = k([
     n.pagination.state$,
     e,
-    Gi(n)
+    Ji(n)
   ]).pipe(
     w(
-      ([r, a, c]) => qi(
+      ([r, a, c]) => Zi(
         n,
         r,
         a,
@@ -2614,7 +2626,7 @@ const ji = (n) => n.pagination.state$.pipe(
         }))
       )
     ),
-    z(A)
+    z(O)
   );
   return { paginationInfo$: k([
     o,
@@ -2632,12 +2644,12 @@ const ji = (n) => n.pagination.state$.pipe(
         r.endPageIndexInSpineItem ?? 0
       )
     })),
-    $((r) => {
+    P((r) => {
       i.next(r);
     }),
     Z(1)
   ), getPaginationInfo: () => i.value };
-}, de = (n) => ze({
+}, ge = (n) => ze({
   spineIndex: n.index,
   spineId: n.id
 }), zt = ({
@@ -2646,7 +2658,7 @@ const ji = (n) => n.pagination.state$.pipe(
   item: t
 }) => {
   const i = "ownerDocument" in n ? n.ownerDocument : n.startContainer.ownerDocument;
-  return !i || !i?.documentElement || n === i ? de(t) : Vn(n) ? ze({
+  return !i || !i?.documentElement || n === i ? ge(t) : Vn(n) ? ze({
     start: {
       node: n.startContainer,
       offset: n.startOffset,
@@ -2665,7 +2677,7 @@ const ji = (n) => n.pagination.state$.pipe(
     spineIndex: t.index,
     spineId: t.id
   });
-}, _e = ({
+}, He = ({
   pageIndex: n,
   spineItem: e,
   spine: t
@@ -2677,15 +2689,15 @@ const ji = (n) => n.pagination.state$.pipe(
     nodeOrRange: o.node,
     offset: o.offset,
     item: e.item
-  }).trim() : de(e.item);
-}, Ji = (n, e) => zt({
+  }).trim() : ge(e.item);
+}, Qi = (n, e) => zt({
   nodeOrRange: n,
   item: e
-}), js = (n) => n.index.toString(), dt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
+}), Hs = (n) => n.index.toString(), dt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
   const e = Ft(n);
   return Sn(e);
-}, Ki = (n) => Array.isArray(n) ? n[0] && dt(n[0]) ? n[0] : void 0 : n.parent[0] && dt(n.parent[0]) ? n.parent[0] : void 0, nt = (n) => {
-  const e = Ft(n), s = ((Ki(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = bn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
+}, eo = (n) => Array.isArray(n) ? n[0] && dt(n[0]) ? n[0] : void 0 : n.parent[0] && dt(n.parent[0]) ? n.parent[0] : void 0, nt = (n) => {
+  const e = Ft(n), s = ((eo(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = In(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     cleanedCfi: n,
@@ -2708,7 +2720,7 @@ const ji = (n) => n.pagination.state$.pipe(
     const r = s.contentWindow?.document;
     if (r)
       try {
-        const a = In(n, r, {
+        const a = bn(n, r, {
           throwOnError: !0
         });
         return {
@@ -2735,7 +2747,7 @@ const ji = (n) => n.pagination.state$.pipe(
     spineItem: o,
     node: null
   };
-}, Qi = (n, e) => {
+}, to = (n, e) => {
   if ("cfi" in e) {
     const { itemIndex: s, ...r } = n.cfi.parseCfi(e.cfi);
     return {
@@ -2748,14 +2760,14 @@ const ji = (n) => n.pagination.state$.pipe(
   const t = n.spineItemsManager.get(e);
   if (!t)
     throw new Error("Spine item not found");
-  const i = de(t.item);
+  const i = ge(t.item);
   return {
     ...n.cfi.parseCfi(i),
-    cfi: de(t.item),
+    cfi: ge(t.item),
     itemIndex: t.index,
     node: null
   };
-}, eo = (n, e) => {
+}, no = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
   return s ? Rt().pipe(
@@ -2788,7 +2800,7 @@ const ji = (n) => n.pagination.state$.pipe(
     })
   ) : v({ ...n, itemIndex: i, ...o });
 };
-class to {
+class io {
   constructor(e) {
     this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (t) => {
       const i = this.locatorsByKey.get(t);
@@ -2796,7 +2808,7 @@ class to {
     }, this.locate = (t, i) => {
       const o = {
         resource: t,
-        meta: Qi(this.reader, t)
+        meta: to(this.reader, t)
       };
       return at(() => {
         const s = this.reader.spineItemsManager.get(
@@ -2821,7 +2833,7 @@ class to {
         const p = this.reader.spine.layout$.pipe(
           Se(10),
           Q(o),
-          sn((g) => eo(g.meta, this.reader).pipe(
+          sn((g) => no(g.meta, this.reader).pipe(
             S((h) => ({
               ...g,
               meta: h
@@ -2844,10 +2856,10 @@ class to {
     ) : this.locate(e, t ?? {});
   }
 }
-const no = (n) => (e) => {
-  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = Zi(t);
+const oo = (n) => (e) => {
+  const t = n(e), { paginationInfo$: i, getPaginationInfo: o } = Ki(t);
   i.pipe(T(t.$.destroy$)).subscribe();
-  const s = new to(t);
+  const s = new io(t);
   return {
     ...t,
     locateResource: s.locateResource.bind(s),
@@ -2861,7 +2873,7 @@ const no = (n) => (e) => {
       }
     }
   };
-}, io = (n) => ({
+}, so = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
     u.onerror = (g) => {
@@ -2913,16 +2925,16 @@ const no = (n) => (e) => {
       a(p);
     };
   })
-}), Ne = async (n) => new Promise((e, t) => {
+}), Ae = async (n) => new Promise((e, t) => {
   const i = window.indexedDB.open(n);
   i.onerror = (o) => {
     t(o);
   }, i.onsuccess = () => {
-    e(io(i.result));
+    e(so(i.result));
   }, i.onupgradeneeded = () => {
     i.result.createObjectStore("store");
   };
-}), oo = (n) => {
+}), ro = (n) => {
   let e = Date.now().toString();
   const t = new j(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
@@ -2933,7 +2945,7 @@ const no = (n) => (e) => {
   }, o = async (c, u) => {
     const l = i(c);
     if (!l) return new Response("Item not found", { status: 404 });
-    const g = await (await Ne("prose-reader")).get(`${e}_${l.id}`);
+    const g = await (await Ae("prose-reader")).get(`${e}_${l.id}`);
     if (g)
       return new Response(g, { status: 200 });
     const h = u && await u(l) || await fetch(l.href);
@@ -2944,14 +2956,14 @@ const no = (n) => (e) => {
   t.asObservable().pipe(
     yn(({ id: c, data: u }) => {
       const l = i(c);
-      return l ? O(
-        an([Ne("prose-reader"), O(u.blob())])
+      return l ? N(
+        an([Ae("prose-reader"), N(u.blob())])
       ).pipe(
-        H(([p, g]) => O(p.put(`${e}_${l.id}`, g))),
+        _(([p, g]) => N(p.put(`${e}_${l.id}`, g))),
         st((p) => (E.error(p), G))
       ) : G;
     }),
-    Y(n.destroy$)
+    q(n.destroy$)
   ).subscribe();
   const r = n.manifest$.pipe(
     V(() => {
@@ -2959,29 +2971,29 @@ const no = (n) => (e) => {
     })
   );
   return x(r).pipe(
-    H(() => (E.debug("Cleanup up old cache..."), O(Ne("prose-reader")).pipe(
-      H(
-        (c) => O(c.keys()).pipe(
+    _(() => (E.debug("Cleanup up old cache..."), N(Ae("prose-reader")).pipe(
+      _(
+        (c) => N(c.keys()).pipe(
           J(
             (u) => u.filter((l) => !l.toString().startsWith(e))
           ),
-          H((u) => {
+          _((u) => {
             const l = u.map((p) => c.remove(p));
-            return O(Promise.all(l));
+            return N(Promise.all(l));
           })
         )
       ),
       st((c) => (E.error(c), G))
     ))),
-    Y(n.destroy$)
+    q(n.destroy$)
   ).subscribe(), {
     get: o,
     destroy: () => {
       t.complete();
     }
   };
-}, so = (n) => (e) => {
-  const t = n(e), i = oo(t.context);
+}, ao = (n) => (e) => {
+  const t = n(e), i = ro(t.context);
   return {
     ...t,
     // $: {
@@ -2993,7 +3005,7 @@ const no = (n) => (e) => {
     }
     // load,
   };
-}, ro = (n, e) => {
+}, co = (n, e) => {
   const t = n.node.ownerDocument?.createRange(), i = n.node.compareDocumentPosition(e.node);
   if (t) {
     try {
@@ -3013,14 +3025,14 @@ const no = (n) => (e) => {
     }
     return t;
   }
-}, ao = ({
+}, uo = ({
   selection: n,
   spineItem: e
 }) => {
   const { anchorNode: t, anchorOffset: i, focusNode: o, focusOffset: s } = n;
   if (!(!t || !o))
     try {
-      return ro(
+      return co(
         { node: t, offset: i },
         { node: o, offset: s }
       );
@@ -3032,42 +3044,42 @@ const no = (n) => (e) => {
       return;
     }
 };
-class co extends _ {
+class lo extends B {
   constructor(e) {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
     if (!t)
-      this.selectionChange$ = pe, this.selectionOver$ = pe;
+      this.selectionChange$ = de, this.selectionOver$ = de;
     else {
       const i = ct(t.body, {
         childList: !0,
         subtree: !0
       }).pipe(
-        L(
+        M(
           (s) => !!s.find((r) => r.type === "childList" && r.removedNodes.length)
         )
       ), o = e.parentElement ? ct(e.parentElement, {
         childList: !0
       }).pipe(
-        L(
+        M(
           (s) => !!s.find(
             (r) => Array.from(r.removedNodes).includes(e)
           )
         )
       ) : v(null);
       this.selectionChange$ = x(
-        X(t, "selectionchange"),
+        Y(t, "selectionchange"),
         i
       ).pipe(
         S(() => t.getSelection()),
         T(x(o, this.destroy$)),
         me(null)
-      ), this.selectionOver$ = X(t, "pointerdown").pipe(
+      ), this.selectionOver$ = Y(t, "pointerdown").pipe(
         w(
           () => x(
-            X(t, "pointerup"),
-            X(t, "pointercancel"),
-            X(t, "contextmenu")
+            Y(t, "pointerup"),
+            Y(t, "pointercancel"),
+            Y(t, "contextmenu")
           ).pipe(
             U(),
             /**
@@ -3079,7 +3091,7 @@ class co extends _ {
               const r = t.getSelection();
               return r && !r.isCollapsed ? [s, r] : void 0;
             }),
-            L(ce)
+            M(ce)
           )
         ),
         T(x(o, this.destroy$))
@@ -3087,11 +3099,11 @@ class co extends _ {
     }
   }
 }
-const uo = (n) => n.watch("isLoaded").pipe(
+const po = (n) => n.watch("isLoaded").pipe(
   w(() => {
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
-    if (!e || !t) return pe;
-    const i = new co(e);
+    if (!e || !t) return de;
+    const i = new lo(e);
     return x(
       i.selectionChange$.pipe(
         S((o) => {
@@ -3118,14 +3130,14 @@ const uo = (n) => n.watch("isLoaded").pipe(
     );
   }),
   z()
-), lo = (n) => (e) => {
+), go = (n) => (e) => {
   const t = n(e);
   let i;
   const o = t.spineItemsManager.items$.pipe(
     w((l) => {
       const p = l.map((g) => {
         const h = t.spineItemsManager.getSpineItemIndex(g) ?? 0;
-        return uo(g).pipe(
+        return po(g).pipe(
           S((d) => {
             if (d)
               return {
@@ -3139,26 +3151,26 @@ const uo = (n) => n.watch("isLoaded").pipe(
     }),
     Q(void 0),
     z(),
-    $((l) => {
+    P((l) => {
       i = l;
     }),
     Z({ refCount: !0, bufferSize: 1 })
   ), s = o, r = o.pipe(
     S((l) => !!l),
     z(),
-    L((l) => l),
+    M((l) => l),
     R()
   ), a = r.pipe(
     w(() => s),
     z(),
-    L((l) => !l),
+    M((l) => !l),
     R()
   ), c = o.pipe(
-    L((l) => l?.type === "over"),
+    M((l) => l?.type === "over"),
     R()
   ), u = t.context.watch("rootElement").pipe(
-    L(Ge),
-    w((l) => X(l, "pointerdown")),
+    M(Ge),
+    w((l) => Y(l, "pointerdown")),
     D(s),
     S(([, l]) => l),
     Q(void 0),
@@ -3173,7 +3185,7 @@ const uo = (n) => n.watch("isLoaded").pipe(
       selectionOver$: c,
       lastSelectionOnPointerdown$: u,
       getSelection: () => i,
-      createOrderedRangeFromSelection: ao
+      createOrderedRangeFromSelection: uo
     }
   };
 }, gt = [
@@ -3191,7 +3203,7 @@ const uo = (n) => n.watch("isLoaded").pipe(
     backgroundColor: "#191717",
     foregroundColor: "#f1ebeb"
   }
-], po = (n) => (e) => {
+], ho = (n) => (e) => {
   const t = n(e), i = new W(
     e.theme ?? "bright"
   ), o = () => {
@@ -3238,12 +3250,12 @@ const uo = (n) => n.watch("isLoaded").pipe(
         ({ element: c }) => s({ container: c })
       )
     ),
-    Y(t.$.destroy$)
+    q(t.$.destroy$)
   ).subscribe(), i.pipe(
     V(() => {
       r();
     }),
-    Y(t.$.destroy$)
+    q(t.$.destroy$)
   ).subscribe(), {
     ...t,
     theme: {
@@ -3256,14 +3268,14 @@ const uo = (n) => n.watch("isLoaded").pipe(
       }
     }
   };
-}, go = (n) => (e) => ({
+}, mo = (n) => (e) => ({
   ...n(e),
   utils: {
     isOrIsWithinValidLink: (o) => !!(Et(o) && (o.nodeName === "a" ? o : o.closest("a"))?.getAttribute("href"))
   }
 });
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const ho = (n) => (e) => n(e);
+const fo = (n) => (e) => n(e);
 class re extends te {
   constructor(e) {
     super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new j(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new W(e);
@@ -3276,12 +3288,12 @@ class re extends te {
    */
   mergeCompare(e) {
     const t = { ...this.value, ...e };
-    A(this.value, t) || this.stateSubject.next(t);
+    O(this.value, t) || this.stateSubject.next(t);
   }
   watch(e) {
     return Array.isArray(e) ? this.stateSubject.pipe(Ke(e)) : this.stateSubject.pipe(
       S((t) => t[e]),
-      z(A)
+      z(O)
     );
   }
   get value() {
@@ -3291,7 +3303,7 @@ class re extends te {
     this.stateSubject.complete(), this._destroy$.complete();
   }
 }
-class Ht extends re {
+class _t extends re {
   constructor(e) {
     super({
       element: void 0,
@@ -3301,22 +3313,22 @@ class Ht extends re {
     }), this.reader = e;
   }
 }
-const Oe = 200;
-class mo extends Ht {
+const Ne = 200;
+class yo extends _t {
   constructor(e) {
     super(e), this.watch("isZooming").pipe(
-      L((t) => !t),
+      M((t) => !t),
       w(
-        () => $e(Oe).pipe(
-          $(() => {
+        () => $e(Ne).pipe(
+          P(() => {
             this.reader.viewport.value.element.style.transition = "";
           })
         )
       )
     ), this.watch("currentScale").pipe(
       w(
-        () => $e(Oe).pipe(
-          $(() => {
+        () => $e(Ne).pipe(
+          P(() => {
             this.reader.layout();
           })
         )
@@ -3346,7 +3358,7 @@ class mo extends Ht {
       const a = e.cloneNode();
       a.src = e.src, a.style.setProperty("height", "100%"), a.style.setProperty("width", "100%"), a.style.setProperty("object-fit", "contain"), a.style.setProperty("pointer-events", "none"), r.appendChild(a), o.appendChild(r);
     }
-    i && !e && (s.style.transition = `transform ${Oe}ms`), this.setScale(t), this.mergeCompare({
+    i && !e && (s.style.transition = `transform ${Ne}ms`), this.setScale(t), this.mergeCompare({
       element: r,
       isZooming: !0,
       currentScale: t,
@@ -3390,11 +3402,11 @@ class mo extends Ht {
     });
   }
 }
-const fo = (n, e, t) => {
-  const i = n.clientWidth, o = n.clientHeight, s = n.scrollLeft, r = n.scrollTop, a = s + i / 2, c = r + o / 2, u = t / e, l = a * u, p = c * u, g = l - i / 2, h = p - o / 2;
-  return { newScrollLeft: g, newScrollTop: h };
+const So = (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, p = t / e, g = u * p, h = l * p, d = g - s / 2 + i, m = h - r / 2 + o;
+  return { newScrollLeft: d, newScrollTop: m };
 };
-class yo extends Ht {
+class Io extends _t {
   enter({ scale: e = 1 } = {}) {
     this.value.isZooming || (this.setScale(e), this.mergeCompare({
       currentPosition: { x: 0, y: 0 },
@@ -3417,18 +3429,20 @@ class yo extends Ht {
   setScale(e) {
     const t = this.reader.viewport.value.element, i = this.reader.navigation.scrollNavigationController.value.element, o = this.reader.navigation.scrollNavigationController.value.element;
     if (!t || !o) return;
-    const s = this.reader.viewport.scaleFactor, { newScrollLeft: r, newScrollTop: a } = fo(
-      i ?? Nn(),
+    const s = this.reader.viewport.scaleFactor, r = t.offsetLeft, a = t.offsetTop, { newScrollLeft: c, newScrollTop: u } = So(
+      i ?? An(),
       s,
-      e
+      e,
+      r,
+      a
     );
-    e < 1 ? (t.style.transformOrigin = "top", o.style.overflowX = "auto") : e > 1 && (t.style.transformOrigin = "top left", o.style.overflowX = "scroll"), t.style.transform = `scale(${e})`;
-    const c = this.reader.navigation.scrollNavigationController.fromScrollPosition({
-      x: r,
-      y: a
+    e < 1 ? (t.style.transformOrigin = "top", o.style.overflowX = "auto") : e > 1 && (t.style.transformOrigin = `${r}px ${a}px`, o.style.overflowX = "scroll"), t.style.transform = `scale(${e})`;
+    const l = this.reader.navigation.scrollNavigationController.fromScrollPosition({
+      x: c,
+      y: u
     });
     this.reader.navigation.navigate({
-      position: c
+      position: l
     });
   }
   scaleAt(e) {
@@ -3438,8 +3452,8 @@ class yo extends Ht {
     });
   }
 }
-const So = (n) => (e) => {
-  const t = n(e), i = new mo(t), o = new yo(t), s = new W(o);
+const bo = (n) => (e) => {
+  const t = n(e), i = new yo(t), o = new Io(t), s = new W(o);
   return {
     ...t,
     destroy: () => {
@@ -3459,24 +3473,24 @@ const So = (n) => (e) => {
       }
     }
   };
-}, _t = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
-class bo {
+}, Ht = (n) => n?.renditionLayout === "pre-paginated" || n?.spineItems.every((e) => e.renditionLayout === "pre-paginated");
+class vo {
   constructor() {
     this.navigationSubject = new it(1), this.viewportStateSubject = new W("free"), this.paginationSubject = new it(), this.navigationIsLockedSubject = new W(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       z(),
-      L((e) => !e)
+      M((e) => !e)
     ), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
-      L((e) => e === "free")
+      M((e) => e === "free")
     ), this.viewportBusy$ = this.viewportState$.pipe(
-      L((e) => e === "busy")
+      M((e) => e === "busy")
     ), this.navigation$ = this.navigationSubject.asObservable();
   }
 }
-class Io extends re {
+class wo extends re {
   constructor() {
     super({
       assumedRenditionLayout: "reflowable"
-    }), this.bridgeEvent = new bo(), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new vo(), this.manifest$ = this.pipe(
       J((e) => e.manifest),
       oe(ce),
       le()
@@ -3487,7 +3501,7 @@ class Io extends re {
       ...t,
       ...e,
       ...e.manifest && {
-        isFullyPrePaginated: _t(i),
+        isFullyPrePaginated: Ht(i),
         assumedRenditionLayout: i?.renditionLayout ?? "reflowable"
       }
     };
@@ -3500,7 +3514,7 @@ class Io extends re {
     return this.manifest?.readingDirection;
   }
 }
-class vo extends re {
+class xo extends re {
   constructor(e, t) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3517,7 +3531,7 @@ class vo extends re {
         renditionLayout: i?.renditionLayout,
         computedPageTurnMode: s
       })),
-      z(A),
+      z(O),
       S(
         ({
           hasVerticalWriting: i,
@@ -3535,7 +3549,7 @@ class vo extends re {
     ).subscribe(this.next.bind(this));
   }
 }
-class wo {
+class Po {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3597,30 +3611,30 @@ class wo {
     return k(s);
   }
 }
-const xo = (n) => ({
+const $o = (n) => ({
   x: -n.x,
   y: -n.y
-}), Po = (n) => n instanceof DOMMatrix ? new F({
+}), To = (n) => n instanceof DOMMatrix ? new L({
   x: -n.e,
   y: -n.f
-}) : new F({
+}) : new L({
   x: -n.x,
   y: -n.y
-}), $o = "navigation/ViewportNavigator", ht = E.namespace($o);
-class To extends _ {
+}), Fo = "navigation/ViewportNavigator", ht = E.namespace(Fo);
+class Lo extends B {
   constructor(e, t, i, o, s) {
     super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new j(), this.element$ = new W(
       document.createElement("div")
     );
     const r = this.spine.element$.pipe(
-      L(Ge),
+      M(Ge),
       D(this.element$),
-      $(([l, p]) => {
+      P(([l, p]) => {
         p.style.cssText = `
           height: 100%;
           width: 100%;
           position: relative;
-        `, p.className = `${ge}-controlled-navigator`, p.innerHTML = "", p.appendChild(l), this.viewport.value.element.appendChild(p), this.element$.next(p);
+        `, p.className = `${pe}-controlled-navigator`, p.innerHTML = "", p.appendChild(l), this.viewport.value.element.appendChild(p), this.element$.next(p);
       })
     ), a = e.watch([
       "computedPageTurnDirection",
@@ -3630,18 +3644,18 @@ class To extends _ {
       a,
       this.element$
     ]).pipe(
-      $(([, l]) => {
+      P(([, l]) => {
         e.values.computedPageTurnMode === "scrollable" ? l.style.display = "contents" : l.style.display = "block";
       })
     );
     this.layout$ = c.pipe(
-      $(() => {
+      P(() => {
         ht.info("layout", e.values);
       }),
       R()
     );
     const u = this.navigateSubject.pipe(
-      $((l) => {
+      P((l) => {
         ht.info("Navigation requested", l);
       })
     );
@@ -3670,7 +3684,7 @@ class To extends _ {
                  * However when user is repeatedly turning page, we can improve smoothness by delaying a bit the adjustment
                  */
                 l.shouldAnimate ? ve(1, se) : we,
-                $((d) => {
+                P((d) => {
                   const m = this.element$.getValue();
                   d.shouldAnimate ? h === "fade" ? (m.style.setProperty(
                     "transition",
@@ -3688,16 +3702,16 @@ class To extends _ {
                  * need to adjust to anchor to the payload position. This is because we use viewport computed position,
                  * not the value set by `setProperty`
                  */
-                $((d) => {
+                P((d) => {
                   h !== "fade" && this.setViewportPosition(d.position);
                 }),
                 l.shouldAnimate ? ve(g / 2, se) : we,
-                $((d) => {
+                P((d) => {
                   const m = this.element$.getValue();
                   h === "fade" && (this.setViewportPosition(d.position), m.style.setProperty("opacity", "1"));
                 }),
                 l.shouldAnimate ? ve(g / 2, se) : we,
-                $((d) => {
+                P((d) => {
                   h === "fade" && this.setViewportPosition(d.position);
                 })
               );
@@ -3719,7 +3733,7 @@ class To extends _ {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = xo(e);
+    const t = this.element$.getValue(), i = $o(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3732,19 +3746,19 @@ class To extends _ {
   get viewportPosition() {
     const e = this.element$.getValue(), t = window.getComputedStyle(e), i = t.transform || t.webkitTransform;
     if (!i || i === "none")
-      return new F({ x: 0, y: 0 });
+      return new L({ x: 0, y: 0 });
     const o = new DOMMatrix(i);
-    return Po(o);
+    return To(o);
   }
 }
-class Fo {
+class Mo {
   constructor(e) {
     this.x = e.x, this.y = e.y;
   }
 }
-class mt extends Fo {
+class mt extends Mo {
 }
-class Lo extends re {
+class Co extends re {
   constructor(e, t, i, o, s) {
     super({
       element: void 0
@@ -3759,7 +3773,7 @@ class Lo extends re {
         top: h.y,
         behavior: "instant"
       }), $e(1).pipe(
-        $(() => {
+        P(() => {
           this.scrollingSubject.next(!1);
         }),
         T(x(this.scrollingSubject.pipe(Pt(1)), this.destroy$))
@@ -3767,7 +3781,7 @@ class Lo extends re {
     };
     const r = this.context.pipe(
       Ke(["rootElement"]),
-      $(({ rootElement: p }) => {
+      P(({ rootElement: p }) => {
         if (!p) return;
         const g = document.createElement("div");
         g.style.cssText = `
@@ -3776,16 +3790,16 @@ class Lo extends re {
           position: relative;
           overflow-y: scroll;
           overflow-x: hidden;
-        `, g.className = `${ge}-scroll-navigator`, g.appendChild(this.viewport.value.element), p.appendChild(g), this.update({ element: g });
+        `, g.className = `${pe}-scroll-navigator`, g.appendChild(this.viewport.value.element), p.appendChild(g), this.update({ element: g });
       })
     ), a = k([
       t.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      $(([{ computedPageTurnMode: p }, g]) => {
+      P(([{ computedPageTurnMode: p }, g]) => {
         g && (p === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
       })
-    ), c = this.navigateSubject.pipe($(this.setViewportPosition));
+    ), c = this.navigateSubject.pipe(P(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
       Q(!1),
       w(() => x(v(!0), v(!1))),
@@ -3793,12 +3807,12 @@ class Lo extends re {
     );
     const u = x(
       o.element$.pipe(
-        L(ce),
+        M(ce),
         w((p) => Qe(p))
       ),
       o.element$.pipe(
-        L(ce),
-        w((p) => X(p, "scroll"))
+        M(ce),
+        w((p) => Y(p, "scroll"))
       ),
       o.spineItemsObserver.itemResize$
     ).pipe(
@@ -3820,13 +3834,13 @@ class Lo extends re {
       Z(1)
     );
     this.userScroll$ = this.watch("element").pipe(
-      L(ce),
+      M(ce),
       w(
         (p) => t.watch(["computedPageTurnMode"]).pipe(
           w(
-            ({ computedPageTurnMode: g }) => g === "controlled" ? pe : X(p, "scroll").pipe(
+            ({ computedPageTurnMode: g }) => g === "controlled" ? de : Y(p, "scroll").pipe(
               D(l),
-              L(
+              M(
                 ([, h]) => !h
               ),
               S(([h]) => h)
@@ -3865,7 +3879,7 @@ class Lo extends re {
     });
   }
 }
-const Mo = () => (n) => n.pipe(
+const Eo = () => (n) => n.pipe(
   S(({ navigation: e, pagination: t, ...i }) => ({
     navigation: {
       ...e,
@@ -3873,9 +3887,9 @@ const Mo = () => (n) => n.pipe(
     },
     ...i
   }))
-), Co = (n, e, t) => n.bridgeEvent.pagination$.pipe(
+), Do = (n, e, t) => n.bridgeEvent.pagination$.pipe(
   D(e),
-  L(
+  M(
     ([i, o]) => i.navigationId === o.id
   ),
   /**
@@ -3884,13 +3898,13 @@ const Mo = () => (n) => n.pipe(
    * the user to an invalid location.
    */
   w(([i, o]) => (t.spineItemsManager.get(o.spineItem)?.isReady$.pipe(U()) ?? v(!1)).pipe(
-    L((r) => r),
+    M((r) => r),
     S(() => ({
       pagination: i,
       navigation: o
     }))
   )),
-  Mo(),
+  Eo(),
   z(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
@@ -3902,7 +3916,7 @@ const Mo = () => (n) => n.pipe(
       }
     })
   )
-), Eo = ({ navigationResolver: n }) => (e) => e.pipe(
+), Ro = ({ navigationResolver: n }) => (e) => e.pipe(
   S(([t, i]) => {
     const o = {
       type: "api",
@@ -3934,7 +3948,7 @@ const Mo = () => (n) => n.pipe(
       navigation: o
     };
   })
-), Do = ({ navigationResolver: n }) => (e) => e.pipe(
+), Ao = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.cfi) {
       const i = n.getNavigationForCfi(
@@ -3951,16 +3965,16 @@ const Mo = () => (n) => n.pipe(
     }
     return t;
   })
-), Ro = ({
+), No = ({
   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", No = ({
+}) => 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", Oo = ({
   context: n,
   settings: e
 }) => (t) => t.pipe(
   S(({ navigation: i, previousNavigation: o }) => {
-    const s = Ro({
+    const s = No({
       navigation: i,
       previousNavigation: o,
       settings: e
@@ -3974,7 +3988,7 @@ const Mo = () => (n) => n.pipe(
       direction: s
     };
   })
-), Oo = ({
+), Vo = ({
   spineItemsManager: n,
   navigationResolver: e,
   settings: t
@@ -4047,20 +4061,20 @@ const Mo = () => (n) => n.pipe(
         restrictToScreen: !1
       }) ?? {}, m = (l === "forward" || l === "anchor" ? d : h) ?? h, y = e.get(m);
       if (!y) return;
-      const { endPageIndex: f, beginPageIndex: b } = i.getVisiblePagesFromViewportPosition({
+      const { endPageIndex: f, beginPageIndex: I } = i.getVisiblePagesFromViewportPosition({
         position: a,
         spineItem: y,
         threshold: p,
         restrictToScreen: !1
-      }) ?? {}, I = (l === "forward" || l === "anchor" ? f : b) ?? 0, P = t.getNavigationForSpineItemPage({
-        pageIndex: I,
+      }) ?? {}, b = (l === "forward" || l === "anchor" ? f : I) ?? 0, F = t.getNavigationForSpineItemPage({
+        pageIndex: b,
         spineItemId: y
-      }), C = i.getVisibleSpineItemsFromPosition({
-        position: P,
+      }), $ = i.getVisibleSpineItemsFromPosition({
+        position: F,
         threshold: p,
         restrictToScreen: !1
-      }), N = l === "forward" || l === "anchor" ? C?.beginIndex : C?.endIndex;
-      return e.get(N);
+      }), A = l === "forward" || l === "anchor" ? $?.beginIndex : $?.endIndex;
+      return e.get(A);
     }
     return a && g === "scrollable" ? i.getSpineItemFromPosition(a) : e.get(0);
   };
@@ -4099,7 +4113,7 @@ const Mo = () => (n) => n.pipe(
       )
     );
   })
-), Ae = ({
+), Oe = ({
   settings: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4143,7 +4157,7 @@ const Mo = () => (n) => n.pipe(
       ...a
     }))
   );
-}, Ao = ({ navigationResolver: n }) => (e) => e.pipe(
+}, jo = ({ navigationResolver: n }) => (e) => e.pipe(
   S((t) => {
     if (t.navigation.url) {
       const i = n.getNavigationForUrl(
@@ -4176,7 +4190,7 @@ class Bt {
     };
   }
 }
-const Vo = ({
+const ko = ({
   spineLocator: n,
   navigation: e,
   navigationResolver: t,
@@ -4209,7 +4223,7 @@ const Vo = ({
           return h;
       }
       if (c && p && e.directionFromLastNavigation === "backward") {
-        const h = new M({
+        const h = new C({
           x: (e.positionInSpineItem?.x ?? 0) + u,
           y: (e.positionInSpineItem?.y ?? 0) + l
         });
@@ -4232,8 +4246,8 @@ const Vo = ({
       }
       return c ? t.getNavigationForPosition(e.position) : t.getNavigationForSpineIndexOrId(s);
     })
-  ) : v(new F({ x: 0, y: 0 }));
-}, jo = ({
+  ) : v(new L({ x: 0, y: 0 }));
+}, Uo = ({
   navigation: n,
   spineLocator: e,
   spineItemsManager: t,
@@ -4242,11 +4256,11 @@ const Vo = ({
   spine: s
 }) => {
   const { spineItem: r } = n, a = t.get(r);
-  if (!a) return new F({ x: 0, y: 0 });
+  if (!a) return new L({ x: 0, y: 0 });
   const { height: c, top: u } = s.getSpineItemSpineLayoutInfo(a), l = e.isPositionWithinSpineItem(
     n.position,
     a
-  ), p = n.positionInSpineItem ?? new M({
+  ), p = n.positionInSpineItem ?? new C({
     y: 0,
     x: 0
   });
@@ -4257,7 +4271,7 @@ const Vo = ({
       return o.getNavigationForSpineIndexOrId(a);
     if (u !== n.spineItemTop) {
       const g = e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
-        n.positionInSpineItem ?? new M({
+        n.positionInSpineItem ?? new C({
           x: 0,
           y: 0
         }),
@@ -4269,7 +4283,7 @@ const Vo = ({
       });
     }
     if (u === n.spineItemTop && c !== n.spineItemHeight) {
-      const g = (n.spineItemHeight ?? p.y) - p.y, h = new M({
+      const g = (n.spineItemHeight ?? p.y) - p.y, h = new C({
         y: n.directionFromLastNavigation === "backward" ? c - g : p.y,
         x: n.position.x
       });
@@ -4285,7 +4299,7 @@ const Vo = ({
       }
       if (!l) {
         if (!(n.position.y < u)) {
-          const m = new M({
+          const m = new C({
             y: c - g,
             x: n.position.x
           });
@@ -4302,7 +4316,7 @@ const Vo = ({
     }
   }
   return n.position;
-}, ko = ({
+}, zo = ({
   navigation: n,
   spineItemsManager: e,
   settings: t,
@@ -4310,7 +4324,7 @@ const Vo = ({
   navigationResolver: o,
   spine: s
 }) => t.values.computedPageTurnMode === "scrollable" ? v(
-  jo({
+  Uo({
     navigation: n,
     spineLocator: i,
     navigationResolver: o,
@@ -4318,7 +4332,7 @@ const Vo = ({
     spineItemsManager: e,
     spine: s
   })
-) : Vo({
+) : ko({
   navigation: n,
   spineLocator: i,
   navigationResolver: o,
@@ -4330,7 +4344,7 @@ const Vo = ({
   context: t,
   spine: i
 }) => (o) => o.pipe(
-  w((s) => ko({
+  w((s) => zo({
     spineLocator: i.locator,
     navigation: s.navigation,
     navigationResolver: e,
@@ -4347,12 +4361,12 @@ const Vo = ({
       }
     }))
   ))
-), Uo = "navigation/InternalNavigator", zo = E.namespace(Uo);
-class Wo extends _ {
+), Wo = "navigation/InternalNavigator", _o = E.namespace(Wo);
+class Ho extends B {
   constructor(e, t, i, o, s, r, a, c) {
     super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.controlledNavigationController = o, this.scrollNavigationController = s, this.navigationResolver = r, this.spine = a, this.isUserLocked$ = c, this.navigationSubject = new W({
       animation: !1,
-      position: new F({ x: 0, y: 0 }),
+      position: new L({ x: 0, y: 0 }),
       meta: {
         triggeredBy: "user"
       },
@@ -4360,42 +4374,42 @@ class Wo extends _ {
       type: "api",
       id: Symbol()
     }), this.navigated$ = this.navigationSubject.pipe(Pt(1)), this.navigation$ = this.navigationSubject.pipe(
-      S(({ position: f, id: b }) => ({
+      S(({ position: f, id: I }) => ({
         position: f,
-        id: b
+        id: I
       })),
       z(
-        ({ position: f, ...b }, { position: I, ...P }) => A(b, P) && A(f, I)
+        ({ position: f, ...I }, { position: b, ...F }) => O(I, F) && O(f, b)
       ),
       Z(1)
     ), this.locker = new Bt();
     const u = i.pipe(
       D(this.navigationSubject),
-      Eo({
+      Ro({
         navigationResolver: r
       }),
       /**
        * Url lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Ao({
+      jo({
         navigationResolver: r
       }),
       /**
        * Cfi lookup is heavier so we start with it to fill
        * as much information as needed to reduce later lookup
        */
-      Do({
+      Ao({
         navigationResolver: r
       }),
-      No({ context: t, settings: e }),
+      Oo({ context: t, settings: e }),
       ft({
         navigationResolver: r,
         settings: e,
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      Ae({
+      Oe({
         navigationResolver: r,
         settings: e,
         spineItemsManager: a.spineItemsManager,
@@ -4405,16 +4419,16 @@ class Wo extends _ {
         spine: a
       })
     ).pipe(
-      Oo({
+      Vo({
         navigationResolver: r,
         spineItemsManager: a.spineItemsManager,
         settings: e
       }),
       D(c),
-      w(([f, b]) => {
-        const I = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || b;
+      w(([f, I]) => {
+        const b = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || I;
         return v(f).pipe(
-          I ? we : St({
+          b ? we : St({
             navigationResolver: r,
             settings: e,
             spine: a,
@@ -4422,7 +4436,7 @@ class Wo extends _ {
           })
         );
       }),
-      Ae({
+      Oe({
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator,
         settings: e,
@@ -4432,11 +4446,11 @@ class Wo extends _ {
       R()
     ), l = u.pipe(
       D(c),
-      L(([, f]) => f),
+      M(([, f]) => f),
       w(([f]) => {
-        const b = this.locker.lock();
+        const I = this.locker.lock();
         return c.pipe(
-          L((I) => !I),
+          M((b) => !b),
           U(),
           S(
             () => ({
@@ -4445,7 +4459,7 @@ class Wo extends _ {
             })
           ),
           ue(() => {
-            b();
+            I();
           }),
           T(u)
         );
@@ -4458,7 +4472,7 @@ class Wo extends _ {
       w(() => v(null).pipe(
         w(
           () => c.pipe(
-            L((f) => !f),
+            M((f) => !f),
             U()
           )
         ),
@@ -4489,7 +4503,7 @@ class Wo extends _ {
         spine: a
       }),
       S((f) => {
-        const b = {
+        const I = {
           ...f.navigation,
           meta: {
             triggeredBy: "restoration"
@@ -4497,7 +4511,7 @@ class Wo extends _ {
         };
         return {
           ...f,
-          navigation: b
+          navigation: I
         };
       }),
       /**
@@ -4514,7 +4528,7 @@ class Wo extends _ {
       yt({
         spine: a
       }),
-      Ae({
+      Oe({
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator,
         settings: e,
@@ -4522,7 +4536,7 @@ class Wo extends _ {
       }),
       S(({ navigation: f }) => f),
       R()
-    ), h = Co(
+    ), h = Do(
       t,
       this.navigationSubject,
       a
@@ -4531,35 +4545,35 @@ class Wo extends _ {
       u,
       h
     ), m = (f) => f.pipe(
-      $(([b, I]) => {
-        zo.info(
-          `navigation updated from ${b.meta.triggeredBy} of type ${b.type}`,
+      P(([I, b]) => {
+        _o.info(
+          `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
-            previousNavigation: I,
-            currentNavigation: b
+            previousNavigation: b,
+            currentNavigation: I
           }
-        ), this.navigationSubject.next(b);
+        ), this.navigationSubject.next(I);
       })
     ), y = (f) => f.pipe(
-      $(([b, I]) => {
-        const P = b.type === "scroll", C = b.meta.triggeredBy === "pagination", N = b.meta.triggeredBy === "restoration", B = A(
-          I.position,
-          b.position
+      P(([I, b]) => {
+        const F = I.type === "scroll", $ = I.meta.triggeredBy === "pagination", A = I.meta.triggeredBy === "restoration", X = O(
+          b.position,
+          I.position
         );
-        if (P && !N || C || B)
+        if (F && !A || $ || X)
           return;
-        const q = {
-          position: b.position,
-          animation: b.animation
+        const H = {
+          position: I.position,
+          animation: I.animation
         };
-        e.values.computedPageTurnMode === "scrollable" ? this.scrollNavigationController.navigate(q) : this.controlledNavigationController.navigate({
-          ...q,
+        e.values.computedPageTurnMode === "scrollable" ? this.scrollNavigationController.navigate(H) : this.controlledNavigationController.navigate({
+          ...H,
           /**
            * @important
            * Explicitly trust the unbound position to be valid at this point.
            * Thanks to consolidation and restoration.
            */
-          position: F.from(q.position)
+          position: L.from(H.position)
         });
       })
     );
@@ -4587,14 +4601,14 @@ const Te = (n, e, t) => {
 }, 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);
   return n >= i * e ? o[o.length - 1] || 0 : o.find((s) => n < s + e) || 0;
-}, bt = (n, e, t) => {
+}, It = (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;
-}, Ho = ({
+}, Bo = ({
   itemWidth: n,
   itemHeight: e,
   spineItemPosition: t
-}) => new M({
+}) => new C({
   x: Math.min(n, Math.max(0, t.x)),
   y: Math.min(e, Math.max(0, t.y))
 }), Xt = ({
@@ -4605,7 +4619,7 @@ const Te = (n, e, t) => {
   pageHeight: o,
   pageTurnDirection: s,
   pageTurnMode: r
-}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Xe(n, o) : Xe(e, i), It = ({
+}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Xe(n, o) : Xe(e, i), bt = ({
   itemWidth: n,
   itemHeight: e,
   position: t,
@@ -4616,7 +4630,7 @@ const Te = (n, e, t) => {
   pageTurnMode: a,
   isRTL: c
 }) => {
-  const l = Ho({
+  const l = Bo({
     spineItemPosition: t,
     itemHeight: e,
     itemWidth: n
@@ -4630,10 +4644,10 @@ const Te = (n, e, t) => {
     pageTurnMode: a
   });
   if (i)
-    return bt(t.y, s, p);
-  const g = bt(l, o, p);
+    return It(t.y, s, p);
+  const g = It(l, o, p);
   return c ? p - 1 - g : g;
-}, _o = ({
+}, Xo = ({
   pageIndex: n,
   itemLayout: e,
   context: t,
@@ -4646,7 +4660,7 @@ const Te = (n, e, t) => {
       n,
       e.height
     );
-    return new M({
+    return new C({
       x: 0,
       y: r
     });
@@ -4656,10 +4670,10 @@ const Te = (n, e, t) => {
     n,
     e.width
   );
-  return t.isRTL() ? new M({
+  return t.isRTL() ? new C({
     x: e.width - s - o.pageSize.width,
     y: 0
-  }) : new M({
+  }) : new C({
     x: s,
     y: 0
   });
@@ -4678,7 +4692,7 @@ const Te = (n, e, t) => {
         g,
         p
       );
-      return new M({ x: h, y: 0 });
+      return new C({ x: h, y: 0 });
     }
   };
   return {
@@ -4686,14 +4700,14 @@ const Te = (n, e, t) => {
     getSpineItemPositionFromPageIndex: ({
       pageIndex: a,
       spineItem: c
-    }) => _o({
+    }) => Xo({
       context: n,
       isUsingVerticalWriting: !!c.isUsingVerticalWriting(),
       itemLayout: c.layout.layoutInfo,
       pageIndex: a,
       viewport: t
     }),
-    getSpineItemPageIndexFromPosition: (a) => It({
+    getSpineItemPageIndexFromPosition: (a) => bt({
       ...a,
       isRTL: n.isRTL(),
       pageWidth: t.pageSize.width,
@@ -4703,7 +4717,7 @@ const Te = (n, e, t) => {
     }),
     getSpineItemPageIndexFromNode: (a, c, u) => {
       const l = i(a, c, u), { height: p, width: g } = u.layout.layoutInfo;
-      return l ? It({
+      return l ? bt({
         isUsingVerticalWriting: !!u.isUsingVerticalWriting(),
         position: l,
         itemHeight: p,
@@ -4717,7 +4731,7 @@ const Te = (n, e, t) => {
     },
     getSpineItemClosestPositionFromUnsafePosition: (a, c) => {
       const { width: u, height: l } = c.layout.layoutInfo;
-      return new M({
+      return new C({
         x: Ve(
           a.x,
           t.pageSize.width,
@@ -4757,7 +4771,7 @@ const Te = (n, e, t) => {
       });
     }
   };
-}, Bo = ({
+}, Yo = ({
   context: n,
   settings: e,
   viewport: t
@@ -4783,7 +4797,7 @@ const Te = (n, e, t) => {
       c,
       u,
       a
-    ) || new M({ x: 0, y: 0 })
+    ) || new C({ x: 0, y: 0 })
   };
 };
 function qt({
@@ -4800,13 +4814,13 @@ function qt({
   ), a = r.bottom, c = Math.max(0, n.y), u = Math.min(c, a);
   if (e) {
     const h = Math.min(o, n.x), d = Math.max(h, r.left);
-    return new F({
+    return new L({
       x: d,
       y: u
     });
   }
   const l = r.right, p = Math.max(0, n.x), g = Math.min(p, l);
-  return new F({
+  return new L({
     x: g,
     y: u
   });
@@ -4830,13 +4844,13 @@ const vt = ({
   ), c = s.getSpineItemSpineLayoutInfo(a), u = c.bottom - t, l = Math.min(r.x, u);
   if (e) {
     const g = Math.min(0, r.x);
-    return new F({
+    return new L({
       x: g,
       y: l
     });
   }
   const p = c.right - o;
-  return new F({
+  return new L({
     x: Math.min(r.x, p),
     y: l
   });
@@ -4846,7 +4860,7 @@ const vt = ({
   visibleAreaRectWidth: i
 }) => {
   const s = n % i !== 0 ? n - t : n;
-  return new F({ x: s, y: e });
+  return new L({ x: s, y: e });
 }, Ye = ({
   viewportPosition: n,
   spineLocator: e,
@@ -4871,8 +4885,8 @@ const vt = ({
       visibleAreaRectWidth: i.absoluteViewport.width
     });
   }
-  return new F({ x: 0, y: 0 });
-}, Xo = ({
+  return new L({ x: 0, y: 0 });
+}, qo = ({
   pageIndex: n,
   spineItemsManager: e,
   spineItemId: t,
@@ -4884,7 +4898,7 @@ const vt = ({
   if (!r) {
     const u = n * s.pageSize.width;
     return Ye({
-      viewportPosition: new F({ x: u, y: 0 }),
+      viewportPosition: new L({ x: u, y: 0 }),
       spineItemNavigationResolver: o,
       spineLocator: i,
       viewport: s
@@ -4902,37 +4916,37 @@ const vt = ({
     pageSizeWidth: s.pageSize.width,
     visibleAreaRectWidth: s.absoluteViewport.width
   });
-}, Yo = (n, e) => {
+}, Go = (n, e) => {
   if (e && e instanceof HTMLIFrameElement)
     return n.startsWith("#") ? e.contentDocument?.getElementById(
       n.replace("#", "")
     ) : e.contentDocument?.querySelector(n);
-}, qo = ({
+}, Zo = ({
   anchor: n,
   spineItem: e,
   spine: t
 }) => {
-  const i = Yo(
+  const i = Go(
     n,
     e.renderer.getDocumentFrame()
   );
   return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
-}, Go = ({
+}, Jo = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
   spine: i
 }) => {
-  const o = qo({
+  const o = Zo({
     anchor: n,
     spineItem: e,
     spine: i
   });
   return t.getSpinePositionFromSpineItemPosition({
-    spineItemPosition: new M({ x: o, y: 0 }),
+    spineItemPosition: new C({ x: o, y: 0 }),
     spineItem: e
   });
-}, Zo = ({
+}, Ko = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
@@ -4940,7 +4954,7 @@ const vt = ({
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const r = Go({
+  const r = Jo({
     anchor: n,
     spineItem: e,
     spineLocator: t,
@@ -4951,7 +4965,7 @@ const vt = ({
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, Jo = ({
+}, Qo = ({
   spine: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4967,7 +4981,7 @@ const vt = ({
     if (u) {
       const l = e.get(u.id);
       if (l) {
-        const p = Zo({
+        const p = Ko({
           anchor: a.hash,
           spineItem: l,
           spine: n,
@@ -4990,7 +5004,7 @@ const vt = ({
     console.error(a);
     return;
   }
-}, Ko = ({
+}, es = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -5009,7 +5023,7 @@ const vt = ({
     pageSizeWidth: o.pageSize.width,
     visibleAreaRectWidth: o.absoluteViewport.width
   });
-}, Qo = "spineNavigator", es = ({
+}, ts = "spineNavigator", ns = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -5017,13 +5031,13 @@ const vt = ({
   spine: o,
   viewport: s
 }) => {
-  const r = Bo({
+  const r = Yo({
     context: n,
     settings: i,
     viewport: s
   });
   return {
-    getNavigationForUrl: (h) => Jo({
+    getNavigationForUrl: (h) => Qo({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
@@ -5032,14 +5046,14 @@ const vt = ({
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (h) => Xo({
+    getNavigationForSpineItemPage: (h) => qo({
       ...h,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (h) => Ko({
+    getNavigationFromSpineItemPosition: (h) => es({
       ...h,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
@@ -5051,15 +5065,15 @@ const vt = ({
         spineItemsManager: e
       });
       if (!d) {
-        E.warn(Qo, `unable to detect item id from cfi ${h}`);
+        E.warn(ts, `unable to detect item id from cfi ${h}`);
         return;
       }
-      const f = m ? r.getNavigationFromNode(d, m, y) : new M({ x: 0, y: 0 }), b = t.getSpinePositionFromSpineItemPosition({
+      const f = m ? r.getNavigationFromNode(d, m, y) : new C({ x: 0, y: 0 }), I = t.getSpinePositionFromSpineItemPosition({
         spineItemPosition: f,
         spineItem: d
       });
       return K({
-        position: b,
+        position: I,
         pageSizeWidth: s.pageSize.width,
         visibleAreaRectWidth: s.absoluteViewport.width
       });
@@ -5085,7 +5099,7 @@ const vt = ({
           visibleAreaRectWidth: s.absoluteViewport.width
         });
       }
-      return new F({ x: 0, y: 0 });
+      return new L({ x: 0, y: 0 });
     },
     getNavigationForPosition: (h) => Ye({
       viewportPosition: h,
@@ -5094,8 +5108,8 @@ const vt = ({
       viewport: s
     }),
     getMostPredominantNavigationForPosition: (h) => {
-      const d = i.values.computedPageTurnDirection, m = 0.5, y = d === "horizontal" ? h.x + s.absoluteViewport.width * m : 0, f = d === "horizontal" ? 0 : h.y + s.absoluteViewport.height * m, b = vt({
-        position: new F({
+      const d = i.values.computedPageTurnDirection, m = 0.5, y = d === "horizontal" ? h.x + s.absoluteViewport.width * m : 0, f = d === "horizontal" ? 0 : h.y + s.absoluteViewport.height * m, I = vt({
+        position: new L({
           x: y,
           y: f
         }),
@@ -5108,7 +5122,7 @@ const vt = ({
       return Ye({
         spineItemNavigationResolver: r,
         spineLocator: t,
-        viewportPosition: b,
+        viewportPosition: I,
         viewport: s
       });
     },
@@ -5136,7 +5150,7 @@ const vt = ({
     }),
     spineItemNavigator: r
   };
-}, ts = ({
+}, is = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5144,26 +5158,26 @@ const vt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new j(), a = r.asObservable(), c = new Bt(), u = es({
+  const r = new j(), a = r.asObservable(), c = new Bt(), u = ns({
     context: e,
     settings: o,
     spineItemsManager: n,
     locator: i.locator,
     spine: i,
     viewport: s
-  }), l = new To(
+  }), l = new Lo(
     o,
     t,
     e,
     i,
     s
-  ), p = new Lo(
+  ), p = new Co(
     s,
     o,
     t,
     i,
     e
-  ), g = new Wo(
+  ), g = new Ho(
     o,
     e,
     a,
@@ -5202,7 +5216,7 @@ const vt = ({
     navigation$: g.navigation$
   };
 };
-class ns extends re {
+class os extends re {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5220,7 +5234,7 @@ class ns extends re {
     this.mergeCompare(e);
   }
 }
-class is extends _ {
+class ss extends B {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
     const r = x(
@@ -5239,7 +5253,7 @@ class is extends _ {
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           wt(1),
           D(this.context.bridgeEvent.navigation$),
-          $(([, u]) => {
+          P(([, u]) => {
             const { position: l } = u, p = this.pagination.value, {
               beginIndex: g,
               endIndex: h
@@ -5248,21 +5262,21 @@ class is extends _ {
               threshold: { type: "percentage", value: 0.5 }
             }) ?? {}, d = this.spineItemsManager.get(g), m = this.spineItemsManager.get(h);
             if (!d || !m) return;
-            const y = p.beginCfi, f = p.endCfi, { beginPageIndex: b = 0 } = c({
+            const y = p.beginCfi, f = p.endCfi, { beginPageIndex: I = 0 } = c({
               spineItem: d,
               position: l
-            }) ?? {}, { endPageIndex: I = 0 } = c({
+            }) ?? {}, { endPageIndex: b = 0 } = c({
               spineItem: m,
               position: l
-            }) ?? {}, P = y === void 0 || Be(y) || p.beginSpineItemIndex !== g, C = p.endSpineItemIndex !== h || f === void 0 || Be(f), N = P ? de(d.item) : y, B = C ? de(m.item) : f, q = d.numberOfPages, ne = m.numberOfPages;
+            }) ?? {}, F = y === void 0 || Be(y) || p.beginSpineItemIndex !== g, $ = p.endSpineItemIndex !== h || f === void 0 || Be(f), A = F ? ge(d.item) : y, X = $ ? ge(m.item) : f, H = d.numberOfPages, ne = m.numberOfPages;
             this.pagination.update({
-              beginCfi: N,
-              beginNumberOfPagesInSpineItem: q,
-              beginPageIndexInSpineItem: b,
+              beginCfi: A,
+              beginNumberOfPagesInSpineItem: H,
+              beginPageIndexInSpineItem: I,
               beginSpineItemIndex: g,
-              endCfi: B,
+              endCfi: X,
               endNumberOfPagesInSpineItem: ne,
-              endPageIndexInSpineItem: I,
+              endPageIndexInSpineItem: b,
               endSpineItemIndex: h,
               navigationId: u.id
             });
@@ -5271,7 +5285,7 @@ class is extends _ {
       })
     ), a = r.pipe(
       Ce(this.context.bridgeEvent.viewportFree$),
-      $(() => {
+      P(() => {
         const {
           beginSpineItemIndex: c,
           endSpineItemIndex: u,
@@ -5282,12 +5296,12 @@ class is extends _ {
           return;
         const g = this.spineItemsManager.get(c), h = this.spineItemsManager.get(u);
         g === void 0 || h === void 0 || this.pagination.update({
-          beginCfi: _e({
+          beginCfi: He({
             pageIndex: l,
             spineItem: g,
             spine: this.spine
           }),
-          endCfi: _e({
+          endCfi: He({
             pageIndex: p,
             spineItem: h,
             spine: this.spine
@@ -5298,11 +5312,11 @@ class is extends _ {
     x(r, a).pipe(T(this.destroy$)).subscribe();
   }
 }
-const os = ({
+const rs = ({
   manifest: n,
   spreadMode: e
 }) => n?.renditionFlow === "scrolled-continuous" ? !1 : e;
-class ss extends _ {
+class as extends B {
   constructor(e) {
     super();
     const t = {
@@ -5312,7 +5326,7 @@ class ss extends _ {
     this.inputSettings = t, this.outputSettingsUpdateSubject = new j(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(Z(1)), this._settings$.subscribe();
   }
   _prepareUpdate(e) {
-    const t = xe(this.inputSettings, e), i = this.getOutputSettings(t), o = !A(this.outputSettings, i);
+    const t = xe(this.inputSettings, e), i = this.getOutputSettings(t), o = !O(this.outputSettings, i);
     return {
       hasChanged: o,
       state: i,
@@ -5340,17 +5354,17 @@ class ss extends _ {
   watch(e) {
     return this.values$.pipe(
       Dt(e),
-      z(A)
+      z(O)
     );
   }
   destroy() {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class rs extends ss {
+class cs extends as {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
-      $(() => this.update(this.values)),
+      P(() => this.update(this.values)),
       T(this.destroy$)
     ).subscribe();
   }
@@ -5360,7 +5374,7 @@ class rs extends ss {
       computedPageTurnAnimation: e.pageTurnAnimation,
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0,
-      computedSpreadMode: os({
+      computedSpreadMode: rs({
         spreadMode: e.spreadMode,
         manifest: t
       })
@@ -5386,7 +5400,7 @@ class rs extends ss {
     };
   }
 }
-class as extends fe {
+class us extends fe {
   onUnload() {
     return G;
   }
@@ -5405,34 +5419,34 @@ class as extends fe {
   getDocumentFrame() {
   }
 }
-class cs extends _ {
+class ls extends B {
   constructor(e, t, i, o, s, r, a) {
     super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new j(), this.lastLayout = null, this.applyDimsAfterLayout = ({
       blankPagePosition: c,
       minimumWidth: u
     }) => (l) => l.pipe(
       S((p) => {
-        const g = A(
+        const g = O(
           this.lastLayout?.pageSize,
           this.viewport.pageSize
-        ) ? this.lastLayout : void 0, { width: h, height: d } = g ?? {}, { width: m = h, height: y = d } = p ?? {}, { width: f, height: b } = this.viewport.pageSize, I = this.validateDimension(
+        ) ? this.lastLayout : void 0, { width: h, height: d } = g ?? {}, { width: m = h, height: y = d } = p ?? {}, { width: f, height: I } = this.viewport.pageSize, b = this.validateDimension(
           m ?? f,
           f,
           u
-        ), P = this.settings.values.computedPageTurnMode === "scrollable" ? y ?? b : this.validateDimension(
-          y ?? b,
-          b,
-          b
+        ), F = this.settings.values.computedPageTurnMode === "scrollable" ? y ?? I : this.validateDimension(
+          y ?? I,
+          I,
+          I
         );
         return this.lastLayout = {
-          width: I,
-          height: P,
+          width: b,
+          height: F,
           pageSize: this.viewport.pageSize
-        }, this.containerElement.style.width = `${I}px`, this.containerElement.style.height = `${P}px`, this.hookManager.execute("item.onAfterLayout", void 0, {
+        }, this.containerElement.style.width = `${b}px`, this.containerElement.style.height = `${F}px`, this.hookManager.execute("item.onAfterLayout", void 0, {
           blankPagePosition: c,
           item: this.item,
           minimumWidth: u
-        }), { width: I, height: P };
+        }), { width: b, height: F };
       })
     ), this.layout = (c) => {
       const u = Wn(this.layout$.pipe(U()));
@@ -5472,7 +5486,7 @@ class cs extends _ {
       }),
       R()
     ), this.layout$ = this.layoutProcess$.pipe(
-      L((c) => c.type === "end"),
+      M((c) => c.type === "end"),
       S((c) => c.data),
       R()
     );
@@ -5506,7 +5520,7 @@ class Gt extends re {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = us(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = ps(
       t,
       e,
       s
@@ -5522,7 +5536,7 @@ class Gt extends re {
       resourcesHandler: this.resourcesHandler,
       viewport: this.viewport
     };
-    this.renderer = c ? c(u) : new as(u), this.layout = new cs(
+    this.renderer = c ? c(u) : new us(u), this.layout = new ls(
       e,
       this.containerElement,
       i,
@@ -5555,7 +5569,7 @@ class Gt extends re {
       l,
       p,
       this.layout.layout$
-    ).pipe(Y(this.destroy$)).subscribe();
+    ).pipe(q(this.destroy$)).subscribe();
   }
   /**
    * Renderer loaded + spine item layout done
@@ -5585,7 +5599,7 @@ class Gt extends re {
     return this.renderer.state$.pipe(
       le(),
       oe((e) => e !== "idle"),
-      H(
+      _(
         () => this.renderer.state$.pipe(
           oe((e) => e === "idle"),
           $t()
@@ -5608,14 +5622,14 @@ class Gt extends re {
     });
   }
 }
-const us = (n, e, t) => {
+const ps = (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 ls extends _ {
+class ds extends B {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new W([]);
     const r = this.forcedOpenSubject.pipe(
@@ -5642,10 +5656,10 @@ class ls extends _ {
           useAbsoluteViewport: !1
         }) || {}, d = p === 1 / 0 ? 0 : g - p, m = p === 1 / 0 ? t.items.length - 1 : h + p, y = Array.from(
           { length: m - d + 1 },
-          (b, I) => d + I
+          (I, b) => d + b
         ), f = [...l, ...y];
-        t.items.forEach((b, I) => {
-          f.includes(I) ? b.load() : b.unload();
+        t.items.forEach((I, b) => {
+          f.includes(b) ? I.load() : I.unload();
         });
       })
     ).pipe(T(this.destroy$)).subscribe();
@@ -5691,17 +5705,17 @@ class ye extends DOMRect {
     return new ye(i.x, i.y, i.width, i.height);
   }
 }
-class ps {
+class gs {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class ds {
+class hs {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const gs = ({
+const ms = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5723,7 +5737,7 @@ const gs = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, hs = ({
+}, fs = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5732,7 +5746,7 @@ const gs = ({
 }) => {
   const s = t / e, r = i / n;
   return o.type === "percentage" ? s >= o.value && r >= o.value : t >= o.value && i >= o.value;
-}, ms = ({
+}, ys = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5764,14 +5778,14 @@ const gs = ({
     Math.min(n, g) - Math.max(i, p)
   );
   if (h <= 0 || d <= 0) return { visible: !1 };
-  const y = ms({
+  const y = ys({
     threshold: r,
     visibleHeightOfItem: d,
     visibleWidthOfItem: h,
     viewportPosition: a
   });
   return c ? { visible: y } : {
-    visible: hs({
+    visible: fs({
       itemHeight: s,
       itemWidth: o,
       threshold: r,
@@ -5792,10 +5806,10 @@ const gs = ({
 }, je = ({
   spineItemPosition: n,
   itemLayout: { left: e, top: t }
-}) => new F({
+}) => new L({
   x: e + n.x,
   y: t + n.y
-}), fs = ({
+}), Ss = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5814,16 +5828,16 @@ const gs = ({
         n,
         r.absoluteViewport,
         y
-      ), b = ye.from(
+      ), I = ye.from(
         f,
         y
-      ), { visible: I } = Jt({
+      ), { visible: b } = Jt({
         itemPosition: m,
         threshold: e,
-        viewportPosition: b,
+        viewportPosition: I,
         restrictToScreen: t
       });
-      return I ? [...h, d] : h;
+      return b ? [...h, d] : h;
     },
     []
   ), u = c[0] ?? a, l = c[c.length - 1] ?? u;
@@ -5833,7 +5847,7 @@ const gs = ({
     beginIndex: p ?? 0,
     endIndex: g ?? 0
   };
-}, ys = ({
+}, Is = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5843,7 +5857,7 @@ const gs = ({
 }) => {
   const r = (d, m) => {
     const { left: y, top: f } = o.getSpineItemSpineLayoutInfo(m);
-    return new M({
+    return new C({
       /**
        * when using spread the item could be on the right and therefore will be negative
        * @example
@@ -5855,7 +5869,7 @@ const gs = ({
       y: Math.max(d.y - f, 0)
     });
   }, a = (d) => je({
-    spineItemPosition: new M({ x: 0, y: 0 }),
+    spineItemPosition: new C({ x: 0, y: 0 }),
     itemLayout: o.getSpineItemSpineLayoutInfo(d)
   }), c = (d) => n.items.find((m) => m.renderer.getDocumentFrame() === d), u = (d, m, y) => {
     if (typeof y == "number") {
@@ -5876,33 +5890,33 @@ const gs = ({
     threshold: m,
     spineItem: y,
     restrictToScreen: f,
-    useAbsoluteViewport: b = !0,
-    viewport: I
+    useAbsoluteViewport: I = !0,
+    viewport: b
   }) => {
-    const P = y.numberOfPages, N = Array.from(Array(P)).map((ne, be) => {
+    const F = y.numberOfPages, A = Array.from(Array(F)).map((ne, Ie) => {
       const Ee = t.getSpineItemPositionFromPageIndex({
-        pageIndex: be,
+        pageIndex: Ie,
         spineItem: y
       }), ae = je({
         spineItemPosition: Ee,
         itemLayout: o.getSpineItemSpineLayoutInfo(y)
       });
       return {
-        index: be,
+        index: Ie,
         absolutePosition: {
-          width: I.pageSize.width,
-          height: I.pageSize.height,
+          width: b.pageSize.width,
+          height: b.pageSize.height,
           left: ae.x,
           top: ae.y,
-          bottom: ae.y + I.pageSize.height,
-          right: ae.x + I.pageSize.width
+          bottom: ae.y + b.pageSize.height,
+          right: ae.x + b.pageSize.width
         }
       };
     }).reduce(
-      (ne, { absolutePosition: be, index: Ee }) => {
-        const ae = b ? I.absoluteViewport : I.relativeViewport, Kt = Zt(
+      (ne, { absolutePosition: Ie, index: Ee }) => {
+        const ae = I ? b.absoluteViewport : b.relativeViewport, Kt = Zt(
           d,
-          I.absoluteViewport,
+          b.absoluteViewport,
           ae
         ), Qt = ye.from(
           Kt,
@@ -5911,16 +5925,16 @@ const gs = ({
           viewportPosition: Qt,
           restrictToScreen: f,
           threshold: m,
-          itemPosition: be
+          itemPosition: Ie
         });
         return en ? [...ne, Ee] : ne;
       },
       []
-    ), B = N[0], q = N[N.length - 1] ?? B;
-    if (!(B === void 0 || q === void 0))
+    ), X = A[0], H = A[A.length - 1] ?? X;
+    if (!(X === void 0 || H === void 0))
       return {
-        beginPageIndex: B,
-        endPageIndex: q
+        beginPageIndex: X,
+        endPageIndex: H
       };
   };
   return {
@@ -5937,7 +5951,7 @@ const gs = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (d) => gs({
+    _getAbsolutePageIndexFromPageIndex: (d) => ms({
       ...d,
       spineItemsManager: n
     }),
@@ -5957,7 +5971,7 @@ const gs = ({
         itemHeight: m.layout.layoutInfo.height,
         position: y,
         isUsingVerticalWriting: !!m.isUsingVerticalWriting()
-      }), b = t.getSpineItemPagePositionFromSpineItemPosition(
+      }), I = t.getSpineItemPagePositionFromSpineItemPosition(
         y,
         f,
         m
@@ -5965,7 +5979,7 @@ const gs = ({
       return {
         spineItem: m,
         spineItemPageIndex: f,
-        spineItemPagePosition: b,
+        spineItemPagePosition: I,
         pageSize: s.value.pageSize
       };
     },
@@ -5978,7 +5992,7 @@ const gs = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (d) => fs({
+    getVisibleSpineItemsFromPosition: (d) => Ss({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -5989,22 +6003,22 @@ const gs = ({
       viewport: s
     }),
     isPositionWithinSpineItem: (d, m) => {
-      const { bottom: y, left: f, right: b, top: I } = o.getSpineItemSpineLayoutInfo(m);
-      return d.x >= f && d.x <= b && d.y <= y && d.y >= I;
+      const { bottom: y, left: f, right: I, top: b } = o.getSpineItemSpineLayoutInfo(m);
+      return d.x >= f && d.x <= I && d.y <= y && d.y >= b;
     },
     spineItemLocator: t,
     getSafeSpineItemPositionFromUnsafeSpineItemPosition: (d, m) => {
       const { height: y, width: f } = o.getSpineItemSpineLayoutInfo(m);
-      return new M({
+      return new C({
         x: Math.min(Math.max(0, d.x), f),
         y: Math.min(Math.max(0, d.y), y)
       });
     }
   };
-}, Ss = E.namespace("spine"), bs = ({
+}, bs = E.namespace("spine"), vs = ({
   position: n,
   pageSize: e
-}) => new gi({
+}) => new mi({
   ...n,
   left: n.x,
   top: n.y,
@@ -6013,7 +6027,7 @@ const gs = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class Is extends re {
+class ws extends re {
   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
@@ -6026,16 +6040,16 @@ class Is extends re {
               const f = i.getSpineItemPositionFromPageIndex({
                 spineItem: p,
                 pageIndex: y
-              }), b = s.getSpinePositionFromSpineItemPosition({
+              }), I = s.getSpinePositionFromSpineItemPosition({
                 spineItem: p,
                 spineItemPosition: f
               });
               return {
-                absoluteLayout: bs({
+                absoluteLayout: vs({
                   pageSize: a,
-                  position: b
+                  position: I
                 }),
-                layout: new di({
+                layout: new hi({
                   left: f.x,
                   right: f.x + a.width,
                   top: f.y,
@@ -6070,12 +6084,12 @@ class Is extends re {
           })
         );
       }),
-      S((a) => (Ss.info("Pages layout", a), { pages: a })),
+      S((a) => (bs.info("Pages layout", a), { pages: a })),
       R()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class vs extends _ {
+class xs extends B {
   constructor(e, t) {
     super(), this.spineItemsManager = e, this.spineLocator = t, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       w((i) => {
@@ -6098,7 +6112,7 @@ class vs extends _ {
     );
   }
 }
-const ws = ({
+const Ps = ({
   horizontalOffset: n,
   verticalOffset: e,
   context: t,
@@ -6123,34 +6137,34 @@ const ws = ({
   }).pipe(
     S(({ width: d, height: m }) => {
       if (s.values.computedPageTurnDirection === "vertical") {
-        const b = p ? e : e - c.absoluteViewport.height, I = p ? 0 : n;
+        const I = p ? e : e - c.absoluteViewport.height, b = p ? 0 : n;
         t.isRTL() ? a.layout.adjustPositionOfElement({
-          top: b,
-          left: I
+          top: I,
+          left: b
         }) : a.layout.adjustPositionOfElement({
-          top: b,
-          left: I
+          top: I,
+          left: b
         });
-        const P = d + I, C = m + b, N = new He({
-          left: I,
-          right: P,
-          top: b,
-          bottom: C,
+        const F = d + b, $ = m + I, A = new _e({
+          left: b,
+          right: F,
+          top: I,
+          bottom: $,
           height: m,
           width: d,
-          x: I,
-          y: b
+          x: b,
+          y: I
         });
         return {
-          horizontalOffset: P,
-          verticalOffset: C,
-          layoutPosition: N
+          horizontalOffset: F,
+          verticalOffset: $,
+          layoutPosition: A
         };
       }
       a.layout.adjustPositionOfElement(
         t.isRTL() ? { right: n, top: 0 } : { left: n, top: 0 }
       );
-      const y = t.isRTL() ? c.absoluteViewport.width - n - d : n, f = new He({
+      const y = t.isRTL() ? c.absoluteViewport.width - n - d : n, f = new _e({
         right: t.isRTL() ? c.absoluteViewport.width - n : n + d,
         left: y,
         x: y,
@@ -6168,22 +6182,22 @@ const ws = ({
     })
   );
 };
-class xs extends _ {
+class $s extends B {
   constructor(e, t, i, o) {
     super(), this.spineItemsManager = e, this.context = t, this.settings = i, this.viewport = o, this.layoutSubject = new j(), this.spineItemsRelativeLayouts = [], e.items$.pipe(
-      $(() => {
+      P(() => {
         this.spineItemsRelativeLayouts = [];
       }),
       w((r) => {
         const a = r.map(
           (u) => u.needsLayout$.pipe(
-            $(() => {
+            P(() => {
               this.layout();
             })
           )
         ), c = r.map(
           (u) => u.loaded$.pipe(
-            $(() => {
+            P(() => {
               u.isUsingVerticalWriting() ? this.context.update({
                 hasVerticalWriting: !0
               }) : this.context.update({
@@ -6197,7 +6211,7 @@ class xs extends _ {
     ).pipe(T(this.destroy$)).subscribe();
     const s = new W(!1);
     this.layout$ = this.layoutSubject.pipe(
-      $(() => {
+      P(() => {
         this.spineItemsManager.items.forEach((r) => {
           r.markDirty();
         });
@@ -6206,18 +6220,18 @@ class xs extends _ {
       // queue layout until previous layout is done
       Ue(
         () => s.pipe(
-          L((r) => !r),
+          M((r) => !r),
           U()
         )
       ),
       Ue(() => {
         s.next(!0);
-        const r = this.context.manifest, a = _t(r) ?? !1;
-        return O(this.spineItemsManager.items).pipe(
+        const r = this.context.manifest, a = Ht(r) ?? !1;
+        return N(this.spineItemsManager.items).pipe(
           cn(
             (u, l, p) => u.pipe(
               ot(
-                ({ horizontalOffset: g, verticalOffset: h }) => ws({
+                ({ horizontalOffset: g, verticalOffset: h }) => Ps({
                   context: this.context,
                   horizontalOffset: g,
                   index: p,
@@ -6257,7 +6271,7 @@ class xs extends _ {
   }
   getSpineItemSpineLayoutInfo(e) {
     const t = this.spineItemsManager.getSpineItemIndex(e) ?? 0;
-    return this.spineItemsRelativeLayouts[t] || new He({
+    return this.spineItemsRelativeLayouts[t] || new _e({
       left: 0,
       right: 0,
       top: 0,
@@ -6275,32 +6289,32 @@ class xs extends _ {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class Ps extends _ {
+class Ts extends B {
   constructor(e, t, i, o, s, r, a) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new W(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new xs(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new $s(
       i,
       e,
       s,
       a
-    ), this.locator = ys({
+    ), this.locator = Is({
       context: e,
       spineItemsManager: i,
       spineItemLocator: o,
       settings: s,
       spineLayout: this.spineLayout,
       viewport: a
-    }), this.spineItemsLoader = new ls(
+    }), this.spineItemsLoader = new ds(
       this.context,
       i,
       this.locator,
       s,
       this.spineLayout
-    ), this.spineItemsObserver = new vs(
+    ), this.spineItemsObserver = new xs(
       i,
       this.locator
-    ), this.pages = new Is(
+    ), this.pages = new ws(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6315,7 +6329,7 @@ class Ps extends _ {
         p.style.cssText = `
           height: 100%;
           position: relative;
-        `, p.className = `${ge}-spine`, this.elementSubject.next(p);
+        `, p.className = `${pe}-spine`, this.elementSubject.next(p);
       })
     ), u = k([
       this.context.manifest$,
@@ -6338,7 +6352,7 @@ class Ps extends _ {
         this.spineItemsManager.addMany(g);
       })
     );
-    x(u, c).pipe(Y(this.destroy$)).subscribe();
+    x(u, c).pipe(q(this.destroy$)).subscribe();
   }
   get element() {
     return this.elementSubject.getValue();
@@ -6356,7 +6370,7 @@ class Ps extends _ {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class $s extends _ {
+class Fs extends B {
   constructor(e, t) {
     super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new W([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6397,7 +6411,7 @@ class $s extends _ {
     this.orderedSpineItemsSubject.value.forEach((e) => e.destroy());
   }
 }
-class Ts extends re {
+class Ls extends re {
   constructor(e, t) {
     const i = document.createElement("div");
     i.style.cssText = `
@@ -6405,7 +6419,7 @@ class Ts extends re {
         position: relative;
         height: 100%;
         width: 100%;
-    `, i.className = `${ge}-viewport`, super({
+    `, i.className = ei, super({
       element: i,
       pageSize: {
         width: 1,
@@ -6415,13 +6429,13 @@ class Ts extends re {
       height: 1
     }), this.context = e, this.settingsManager = t;
     const o = this.settingsManager.watch(["computedSpreadMode"]).pipe(
-      $(() => {
+      P(() => {
         this.mergeCompare({
           pageSize: this.calculatePageSize(this.value)
         });
       })
     ), s = this.context.watch("rootElement").pipe(
-      $(() => {
+      P(() => {
         this.layout();
       })
     );
@@ -6445,7 +6459,7 @@ class Ts extends re {
     });
   }
   get absoluteViewport() {
-    return new ps({
+    return new gs({
       width: this.value.width,
       height: this.value.height
     });
@@ -6473,136 +6487,137 @@ class Ts extends re {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new ds({
+    return new hs({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
-const Fs = (n) => {
-  const e = new j(), t = new j(), i = new wo(), o = new Io(), s = new rs(n, o), r = new vo(o, s), a = new $s(o, s), c = new Ts(o, s), u = Yt({
-    context: o,
-    settings: s,
-    viewport: c
-  }), l = new ns(o, a), p = new Ps(
-    o,
-    l,
-    a,
-    u,
+const Ms = (n) => {
+  const e = crypto.randomUUID(), t = new j(), i = new j(), o = new Po(), s = new wo(), r = new cs(n, s), a = new xo(s, r), c = new Fs(s, r), u = new Ls(s, r), l = Yt({
+    context: s,
+    settings: r,
+    viewport: u
+  }), p = new os(s, c), g = new Ts(
     s,
-    i,
-    c
-  ), g = ts({
-    context: o,
-    spineItemsManager: a,
-    hookManager: i,
-    spine: p,
-    settings: s,
-    viewport: c
-  }), h = new is(
-    o,
-    l,
-    a,
     p,
+    c,
+    l,
+    r,
+    o,
     u
+  ), h = is({
+    context: s,
+    spineItemsManager: c,
+    hookManager: o,
+    spine: g,
+    settings: r,
+    viewport: u
+  }), d = new ss(
+    s,
+    p,
+    c,
+    g,
+    l
   );
-  g.viewportState$.subscribe(o.bridgeEvent.viewportStateSubject), g.navigation$.subscribe(o.bridgeEvent.navigationSubject), g.locker.isLocked$.subscribe(
-    o.bridgeEvent.navigationIsLockedSubject
-  ), l.subscribe(o.bridgeEvent.paginationSubject);
-  const d = () => {
-    e.next();
-  }, m = (P) => {
-    const { containerElement: C, manifest: N } = P;
-    if (o.manifest) {
+  h.viewportState$.subscribe(s.bridgeEvent.viewportStateSubject), h.navigation$.subscribe(s.bridgeEvent.navigationSubject), h.locker.isLocked$.subscribe(
+    s.bridgeEvent.navigationIsLockedSubject
+  ), p.subscribe(s.bridgeEvent.paginationSubject);
+  const m = () => {
+    t.next();
+  }, y = ($) => {
+    const { containerElement: A, manifest: X } = $;
+    if (s.manifest) {
       E.warn("loading a new book is not supported yet");
       return;
     }
-    E.log("load", { options: P });
-    const B = Ls(C);
-    o.update({
-      manifest: N,
-      rootElement: B
-    }), d();
-  }, y = s.watch(["computedSpreadMode"]).pipe(Tt(1), V(d)), f = e.pipe(
+    E.log("load", { options: $ });
+    const H = Cs(A, e);
+    s.update({
+      manifest: X,
+      rootElement: H
+    }), m();
+  }, f = r.watch(["computedSpreadMode"]).pipe(Tt(1), V(m)), I = t.pipe(
     V(() => {
-      const P = o.value.rootElement;
-      P && (P.style.setProperty("overflow", "hidden"), c.layout(), p.layout());
+      const $ = s.value.rootElement;
+      $ && ($.style.setProperty("overflow", "hidden"), u.layout(), g.layout());
     }),
-    Y(t)
-  ), b = x(f, y).subscribe(), I = () => {
-    b.unsubscribe(), a.destroy(), h.destroy(), s.destroy(), l.destroy(), o.destroy(), g.destroy(), p.destroy(), r.destroy(), t.next(), t.complete(), c.destroy();
+    q(i)
+  ), b = x(I, f).subscribe(), F = () => {
+    b.unsubscribe(), c.destroy(), d.destroy(), r.destroy(), p.destroy(), s.destroy(), h.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
   return {
-    context: o,
-    spine: p,
-    hookManager: i,
+    id: e,
+    context: s,
+    spine: g,
+    hookManager: o,
     cfi: {
-      generateCfiFromRange: Ji,
+      generateCfiFromRange: Qi,
       parseCfi: nt,
-      generateCfiForSpineItemPage: (P) => _e({
-        ...P,
-        spine: p
+      generateCfiForSpineItemPage: ($) => He({
+        ...$,
+        spine: g
       }),
-      resolveCfi: (P) => Wt({ ...P, spineItemsManager: a })
+      resolveCfi: ($) => Wt({ ...$, spineItemsManager: c })
     },
-    navigation: g,
-    spineItemsObserver: p.spineItemsObserver,
-    spineItemsManager: a,
-    layout: d,
-    load: m,
-    destroy: I,
+    navigation: h,
+    spineItemsObserver: g.spineItemsObserver,
+    spineItemsManager: c,
+    layout: m,
+    load: y,
+    destroy: F,
     pagination: {
       get state() {
-        return l.value;
+        return p.value;
       },
       get state$() {
-        return l;
+        return p;
       }
     },
-    settings: s,
-    renderHeadless: (P) => a.get(P)?.renderer.renderHeadless() ?? v(void 0),
-    viewport: c,
-    viewportState$: o.bridgeEvent.viewportState$,
-    viewportFree$: o.bridgeEvent.viewportFree$,
+    settings: r,
+    renderHeadless: ($) => c.get($)?.renderer.renderHeadless() ?? v(void 0),
+    viewport: u,
+    viewportState$: s.bridgeEvent.viewportState$,
+    viewportFree$: s.bridgeEvent.viewportFree$,
     /**
      * Dispatched when the reader has loaded a book and is rendering a book.
      * Using navigation API and getting information about current content will
      * have an effect.
      * It can typically be used to hide a loading indicator.
      */
-    state$: o.manifest$.pipe(
-      J((P) => P ? "ready" : "idle")
+    state$: s.manifest$.pipe(
+      J(($) => $ ? "ready" : "idle")
     ),
-    features: r,
+    features: a,
     $: {
-      destroy$: t
+      destroy$: i
     }
   };
-}, Ls = (n) => (n.style.cssText = `
+}, Cs = (n, e) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${ge}-reader`), n), ks = (
+  `, n.classList.add(`${pe}-reader`), n.setAttribute(Qn, e), n), Bs = (
   //__
-  lo(
+  go(
     Bn(
-      Ti(
-        ho(
-          _n(
+      Li(
+        fo(
+          Hn(
             Pn(
-              so(
-                go(
-                  So(
-                    Ui(
-                      pi(
-                        Li(
+              ao(
+                mo(
+                  bo(
+                    Wi(
+                      gi(
+                        Ci(
                           $n(
-                            po(
-                              no(
-                                wi(
+                            ho(
+                              oo(
+                                Pi(
                                   zn(
                                     // __
-                                    Fs
+                                    Ms
                                   )
                                 )
                               )
@@ -6620,66 +6635,75 @@ const Fs = (n) => {
       )
     )
   )
-), Us = (n) => (e) => n(e);
+), Xs = (n) => (e) => n(e);
 export {
   jt as AbstractSpinePosition,
-  Io as Context,
-  To as ControlledNavigationController,
-  _ as DestroyableClass,
+  wo as Context,
+  Lo as ControlledNavigationController,
+  B as DestroyableClass,
   fe as DocumentRenderer,
-  vo as Features,
-  wo as HookManager,
-  Wo as InternalNavigator,
+  xo as Features,
+  Qn as HTML_ATTRIBUTE_DATA_READER_ID,
+  ei as HTML_ATTRIBUTE_VIEWPORT_CLASSNAME,
+  pe as HTML_PREFIX,
+  Po as HookManager,
+  Kn as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
+  Ho as InternalNavigator,
   tt as LayoutEntry,
   Bt as Locker,
-  Is as Pages,
-  ns as Pagination,
-  is as PaginationController,
+  Ws as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE,
+  Us as PROSE_READER_NAMESPACE,
+  ws as Pages,
+  os as Pagination,
+  ss as PaginationController,
+  re as ReactiveEntity,
   et as ResourceHandler,
-  to as ResourcesLocator,
-  Lo as ScrollNavigationController,
+  io as ResourcesLocator,
+  Co as ScrollNavigationController,
   mt as ScrollPosition,
-  ss as SettingsManager,
-  Ps as Spine,
+  as as SettingsManager,
+  Ts as Spine,
   Gt as SpineItem,
-  di as SpineItemPageLayout,
-  gi as SpineItemPageSpineLayout,
-  M as SpineItemPosition,
-  He as SpineItemSpineLayout,
-  $s as SpineItemsManager,
-  vs as SpineItemsObserver,
-  F as SpinePosition,
+  hi as SpineItemPageLayout,
+  mi as SpineItemPageSpineLayout,
+  C as SpineItemPosition,
+  _e as SpineItemSpineLayout,
+  Fs as SpineItemsManager,
+  xs as SpineItemsObserver,
+  L as SpinePosition,
   Re as UnboundSpineItemPagePosition,
   he as UnboundSpinePosition,
-  Ts as Viewport,
-  eo as consolidate,
-  ks as createReader,
+  zs as VIEWPORT_ADJUSTMENT_THROTTLE,
+  Ls as Viewport,
+  no as consolidate,
+  Bs as createReader,
   at as deferIdle,
   Wn as deferNextResult,
-  _e as generateCfiForSpineItemPage,
-  Ji as generateCfiFromRange,
-  de as generateRootCfi,
+  He as generateCfiForSpineItemPage,
+  Qi as generateCfiFromRange,
+  ge as generateRootCfi,
   rt as getAttributeValueFromString,
+  js as getBase64FromBlob,
   Ze as getFrameViewportInfo,
-  js as getItemAnchor,
-  pi as htmlEnhancer,
+  Hs as getItemAnchor,
+  gi as htmlEnhancer,
   Rt as idle,
   vn as injectCSS,
   Et as isHtmlElement,
-  An as isHtmlTagElement,
+  On as isHtmlTagElement,
   Be as isRootCfi,
-  Hs as isShallowEqual,
-  wi as layoutEnhancer,
+  Gs as isShallowEqual,
+  Pi as layoutEnhancer,
   Dt as mapKeysTo,
-  Os as observeIntersection,
+  Vs as observeIntersection,
   ct as observeMutation,
   Qe as observeResize,
-  no as paginationEnhancer,
+  oo as paginationEnhancer,
   nt as parseCfi,
-  Ns as removeCSS,
+  Os as removeCSS,
   Wt as resolveCfi,
-  Us as rootEnhancer,
-  bs as spinePositionToSpineItemSpineLayout,
+  Xs as rootEnhancer,
+  vs as spinePositionToSpineItemSpineLayout,
   ee as upsertCSSToFrame,
   wn as waitForFrameLoad,
   xn as waitForFrameReady,