@prose-reader/core 1.271.0 → 1.272.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { switchMap as w, of as v, fromEvent as X, take as $t, map as S, from as k, takeUntil as T, Observable as ce, defer as Tt, Subject as R, combineLatest as j, merge as P, EMPTY as _, NEVER as ge, tap as $, share as D, BehaviorSubject as q, distinctUntilChanged as N, filter as C, mergeMap as pe, first as U, endWith as fe, catchError as ze, finalize as me, lastValueFrom as nn, scheduled as on, animationFrameScheduler as re, exhaustMap as sn, debounceTime as Ie, withLatestFrom as z, throttleTime as rn, startWith as ne, shareReplay as J, switchScan as an, defaultIfEmpty as cn, forkJoin as un, delay as Pe, timer as Te, skip as Ft, ReplaySubject as ot, identity as xe, concatMap as ln } from "rxjs";
+import { switchMap as w, of as v, fromEvent as X, take as $t, map as S, from as k, takeUntil as T, Observable as ce, defer as Tt, Subject as N, combineLatest as j, merge as P, EMPTY as _, NEVER as he, tap as x, share as D, BehaviorSubject as q, distinctUntilChanged as R, filter as C, mergeMap as ge, first as U, endWith as fe, catchError as ze, finalize as me, lastValueFrom as nn, scheduled as on, animationFrameScheduler as re, exhaustMap as sn, debounceTime as Ie, withLatestFrom as z, throttleTime as rn, startWith as ne, shareReplay as J, switchScan as an, defaultIfEmpty as cn, forkJoin as un, delay as Pe, timer as Te, skip as Ft, ReplaySubject as ot, identity as xe, concatMap as ln } from "rxjs";
 import { Report as dn, isShallowEqual as O, shallowMergeIfDefined as $e, getParentPath as pn, parseContentType as gn, detectMimeTypeFromName as Me, arrayEqual as hn } from "@prose-reader/shared";
 import { isShallowEqual as tr } from "@prose-reader/shared";
-import { switchMap as Y, first as mn, map as ie, distinctUntilChanged as be, startWith as fn, shareReplay as Ge, tap as V, pairwise as yn, take as Sn, takeUntil as K, filter as de, debounceTime as In, skip as Lt, mergeMap as bn, catchError as st, share as vn } from "rxjs/operators";
+import { switchMap as Y, first as mn, map as ie, distinctUntilChanged as be, startWith as fn, shareReplay as Ge, tap as V, pairwise as yn, take as Sn, takeUntil as K, filter as pe, debounceTime as In, skip as Lt, mergeMap as bn, catchError as st, share as vn } from "rxjs/operators";
 import { generate as We, parse as Mt, isIndirectionOnly as wn, isParsedCfiRange as Pn, resolve as xn } from "@prose-reader/cfi";
 const $n = "@prose-reader/core", A = dn.namespace($n, void 0, {
   color: "#98cde7"
@@ -136,7 +136,7 @@ const Cn = (n, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(n?.querySelectorAll(e) || []);
-}, Rn = (n) => {
+}, Nn = (n) => {
   if (Et(n).forEach((t) => {
     const i = t.getAttribute("src") || t.getAttribute("href");
     i?.startsWith("blob:") && n?.defaultView?.URL.revokeObjectURL(i);
@@ -171,7 +171,7 @@ function At(n) {
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
-function Nn(n, e) {
+function Rn(n, e) {
   return At(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
 function On(n) {
@@ -288,7 +288,7 @@ const Ce = (n, e, t, i) => {
     const s = t.spineItemsManager.get(i)?.renderer.getDocumentFrame();
     s && s.contentDocument?.body.setAttribute("tabindex", "-1");
   }), t;
-}, Re = ({
+}, Ne = ({
   position: n,
   frameElement: e
 }) => {
@@ -303,7 +303,7 @@ const Ce = (n, e, t, i) => {
   const s = t.getSpineItemFromIframe(o), r = o, { height: a, width: c } = i.pageSize;
   if (!s || !(r instanceof HTMLIFrameElement)) return n;
   if (Ze(n)) {
-    const { clientX: u, clientY: l } = Re({
+    const { clientX: u, clientY: l } = Ne({
       position: n,
       frameElement: r
     }), d = new PointerEvent(n.type, {
@@ -318,7 +318,7 @@ const Ce = (n, e, t, i) => {
     }), d;
   }
   if (En(n)) {
-    const { clientX: u, clientY: l } = Re({
+    const { clientX: u, clientY: l } = Ne({
       position: n,
       frameElement: r
     }), d = new MouseEvent(n.type, {
@@ -333,15 +333,15 @@ const Ce = (n, e, t, i) => {
   }
   if (Dn(n)) {
     const u = Array.from(n.touches).map((d) => {
-      const { clientX: p, clientY: g } = Re({
+      const { clientX: g, clientY: p } = Ne({
         position: d,
         frameElement: r
       });
       return new Touch({
         identifier: d.identifier,
         target: d.target,
-        clientX: p,
-        clientY: g
+        clientX: g,
+        clientY: p
       });
     }), l = new TouchEvent(n.type, {
       touches: u,
@@ -377,13 +377,13 @@ const Ce = (n, e, t, i) => {
         const u = (l) => {
           let d = l;
           if (Ze(l) && (d = new PointerEvent(l.type, l)), d !== l) {
-            const p = Wn(
+            const g = Wn(
               d,
               l,
               t.spine.locator,
               t.viewport
             );
-            t.context.value.rootElement?.dispatchEvent(p);
+            t.context.value.rootElement?.dispatchEvent(g);
           }
         };
         return r.contentDocument?.addEventListener(c, u), () => {
@@ -397,13 +397,13 @@ const Ce = (n, e, t, i) => {
       });
     }
   ), t;
-}, Rt = (n) => ie((e) => Object.entries(e).reduce(
+}, Nt = (n) => ie((e) => Object.entries(e).reduce(
   (t, [i, o]) => n.includes(i) ? {
     ...t,
     [i]: o
   } : t,
   {}
-)), Ke = (n) => (e) => e.pipe(Rt(n), be(O));
+)), Ke = (n) => (e) => e.pipe(Nt(n), be(O));
 function Qe(n) {
   return new ce((e) => {
     const t = new ResizeObserver((i) => {
@@ -461,7 +461,7 @@ function _s(n, e) {
     };
   });
 }
-class Nt {
+class Rt {
   constructor(e, t) {
     this.settingsManager = t;
     const i = $e(
@@ -471,7 +471,7 @@ class Nt {
     this.outputSettings = this.computeOutputSettings(i), this.inputSettings = $e(
       this.getDefaultSettings(),
       e
-    ), this.outputSettingsUpdateSubject = new R(), this.values$ = j([
+    ), this.outputSettingsUpdateSubject = new N(), this.values$ = j([
       this.settingsManager.values$,
       this.outputSettingsUpdateSubject.pipe(fn(this.outputSettings))
     ]).pipe(
@@ -521,7 +521,7 @@ const Hs = (n) => {
     ), e.readAsDataURL(n);
   });
 };
-let Yn = class extends Nt {
+let Yn = class extends Rt {
   computeOutputSettings(e) {
     return e;
   }
@@ -548,7 +548,7 @@ let Yn = class extends Nt {
   }
 };
 const qn = (n) => (e) => {
-  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new R(), a = n(e), c = new Yn(
+  const { fontScale: t, lineHeight: i, fontWeight: o, fontJustification: s } = e, r = new N(), a = n(e), c = new Yn(
     {
       fontScale: t,
       lineHeight: i,
@@ -564,24 +564,24 @@ const qn = (n) => (e) => {
       ${c.values.fontWeight !== "publisher" ? `font-weight: ${c.values.fontWeight} !important;` : ""}
       ${c.values.fontJustification !== "publisher" ? `text-align: ${c.values.fontJustification} !important;` : ""}
     }
-  `, l = (p) => {
-    a.spineItemsManager.items.forEach((g) => {
-      if (g.renditionLayout !== "pre-paginated") {
-        const h = g.renderer.getDocumentFrame();
+  `, l = (g) => {
+    a.spineItemsManager.items.forEach((p) => {
+      if (p.renditionLayout !== "pre-paginated") {
+        const h = p.renderer.getDocumentFrame();
         h && oe(h, "prose-reader-fonts", u());
       }
-    }), p && a.layout();
+    }), g && a.layout();
   };
-  a.hookManager.register("item.onDocumentLoad", ({ itemId: p }) => {
-    const g = a.spineItemsManager.get(p);
-    if (g?.renditionLayout !== "pre-paginated") {
-      const h = g?.renderer.getDocumentFrame();
+  a.hookManager.register("item.onDocumentLoad", ({ itemId: g }) => {
+    const p = a.spineItemsManager.get(g);
+    if (p?.renditionLayout !== "pre-paginated") {
+      const h = p?.renderer.getDocumentFrame();
       h && oe(h, "prose-reader-fonts", u());
     }
   });
-  const d = (p) => p.pipe(
+  const d = (g) => g.pipe(
     yn(),
-    S(([g, h]) => h.fontScale !== g.fontScale || h.lineHeight !== g.lineHeight)
+    S(([p, h]) => h.fontScale !== p.fontScale || h.lineHeight !== p.lineHeight)
   );
   return c.values$.pipe(
     d,
@@ -636,7 +636,7 @@ const qn = (n) => (e) => {
       ...e.map((t) => t.watch("isLoaded").pipe(
         w(() => {
           const i = t.renderer.getDocumentFrame();
-          if (!i || !i?.contentDocument) return ge;
+          if (!i || !i?.contentDocument) return he;
           const s = Array.from(
             i.contentDocument.querySelectorAll("a")
           ).map(
@@ -647,14 +647,14 @@ const qn = (n) => (e) => {
       ))
     )
   ),
-  $((e) => {
+  x((e) => {
     e.preventDefault();
   }),
   D()
 );
 class Q extends ce {
   constructor(e) {
-    super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new R(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new q(e);
+    super((t) => this.stateSubject.pipe(T(this._destroy$)).subscribe(t)), this._destroy$ = new N(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new q(e);
   }
   next(e) {
     this.stateSubject.next(e);
@@ -669,7 +669,7 @@ class Q extends ce {
   watch(e) {
     return Array.isArray(e) ? this.stateSubject.pipe(Ke(e)) : this.stateSubject.pipe(
       S((t) => t[e]),
-      N(O)
+      R(O)
     );
   }
   get value() {
@@ -684,15 +684,15 @@ const Le = class Le extends Q {
     super({
       state: "idle",
       error: void 0
-    }), this.triggerSubject = new R(), 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;
+    }), this.triggerSubject = new N(), 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(
       C((o) => o.type === "unload")
     ), i = this.triggerSubject.pipe(
       C((o) => o.type === "load")
     );
     this.loaded$ = i.pipe(
-      pe(() => this.value.state === "loaded" || this.value.state === "loading" ? _ : (this.next({ state: "loading", error: void 0 }), this.onCreateDocument().pipe(U()).pipe(
-        pe((r) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
+      ge(() => this.value.state === "loaded" || this.value.state === "loading" ? _ : (this.next({ state: "loading", error: void 0 }), this.onCreateDocument().pipe(U()).pipe(
+        ge((r) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
           itemId: this.item.id,
           documentContainer: r
         }), this.onLoadDocument().pipe(
@@ -717,7 +717,7 @@ const Le = class Le extends Q {
       ))),
       D()
     ), this.unloaded$ = t.pipe(
-      pe(() => this.value.state === "unloading" || this.value.state === "idle" ? _ : (this.next({ state: "unloading", error: void 0 }), this.context.bridgeEvent.viewportFree$.pipe(
+      ge(() => this.value.state === "unloading" || this.value.state === "idle" ? _ : (this.next({ state: "unloading", error: void 0 }), this.context.bridgeEvent.viewportFree$.pipe(
         U(),
         w(() => (this.hookManager.destroy("item.onDocumentLoad", this.item.id), this.onUnload().pipe(fe(null), U()))),
         S(() => {
@@ -758,7 +758,7 @@ const Le = class Le extends Q {
    * Automatically release on complete or error.
    */
   renderHeadless() {
-    const e = new R();
+    const e = new N();
     return Tt(() => this.onRenderHeadless({ release: e })).pipe(
       fe(void 0),
       U(),
@@ -832,7 +832,7 @@ const Ot = (n, e) => {
         if (n.defaultView && c instanceof n.defaultView.CSSFontFaceRule) {
           const u = c.style.getPropertyValue("src");
           if (u.match(/url\(['"]?([^'"]+)['"]?\)/g)) {
-            const d = u.split(",").map((h) => h.trim()), p = await Promise.all(
+            const d = u.split(",").map((h) => h.trim()), g = await Promise.all(
               d.map(async (h) => {
                 if (h.startsWith("local("))
                   return h;
@@ -846,10 +846,10 @@ const Ot = (n, e) => {
                   try {
                     const b = await I.getResource();
                     if (b instanceof Response) {
-                      const F = await b.blob(), x = n.defaultView?.URL.createObjectURL(F);
+                      const F = await b.blob(), $ = n.defaultView?.URL.createObjectURL(F);
                       return h.replace(
                         m[0],
-                        `url("${x}")`
+                        `url("${$}")`
                       );
                     }
                   } catch (b) {
@@ -858,11 +858,11 @@ const Ot = (n, e) => {
                 }
                 return h;
               })
-            ), g = c.cssText.replace(
+            ), p = c.cssText.replace(
               /src:\s*[^;]+;/,
-              `src: ${p.join(", ")};`
+              `src: ${g.join(", ")};`
             );
-            s.deleteRule(a), s.insertRule(g, a);
+            s.deleteRule(a), s.insertRule(p, a);
           }
         }
       }
@@ -878,10 +878,10 @@ const Ot = (n, e) => {
   if (!r) return v(null);
   const a = new tt(r, o);
   return k(a.getResource()).pipe(
-    pe(
+    ge(
       (c) => c instanceof Response ? k(c.blob()) : v(void 0)
     ),
-    pe((c) => {
+    ge((c) => {
       if (!c)
         return v(null);
       const u = n?.defaultView?.URL.createObjectURL(c) ?? "";
@@ -926,7 +926,7 @@ const Ot = (n, e) => {
     return j(a).pipe(S(() => o));
   })
 ), ti = (n) => {
-  Rn(n?.contentDocument);
+  Nn(n?.contentDocument);
 }, Xs = "@prose-reader/core", Ys = 0, qs = 200, ni = [".xhtml", ".html", ".htm"], W = "prose-reader", Vt = `${W}-style`, ii = `data-${W}-id`, oi = `${W}-viewport`, si = `${W}-scroll-navigator`, ri = async (n, e) => {
   if (typeof n == "string") return n;
   const t = gn(n.headers.get("Content-Type") || "") || Me(e.href);
@@ -987,7 +987,7 @@ const Ot = (n, e) => {
             throw new Error("Invalid resource");
           return k(t(a));
         }),
-        $((a) => {
+        x((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
             o?.setAttribute("src", u);
@@ -1042,7 +1042,7 @@ const Ot = (n, e) => {
 }) => {
   const a = n * o;
   if (s?.contentDocument && s?.contentWindow) {
-    const { viewportDimensions: c, computedScale: u = 1 } = jt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, l = !!c, d = o, p = i;
+    const { viewportDimensions: c, computedScale: u = 1 } = jt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, l = !!c, d = o, g = i;
     if (s.contentDocument?.documentElement && s.contentDocument?.documentElement.setAttribute(
       "data-prose-reader-html-renderer-has-viewport-dimensions",
       l.toString()
@@ -1051,23 +1051,23 @@ const Ot = (n, e) => {
       height: c.height ?? 1
     }) : ut(s, {
       width: d,
-      height: p
+      height: g
     }), c) {
       s?.style.setProperty("position", "absolute"), s?.style.setProperty("top", "50%"), t === "left" ? (s?.style.setProperty("right", "0"), s?.style.removeProperty("left")) : e === "before" && r ? (s?.style.setProperty("right", "50%"), s?.style.removeProperty("left")) : t === "right" ? (s?.style.setProperty("left", "0"), s?.style.removeProperty("right")) : (s?.style.setProperty(
         "left",
         e === "before" ? r ? "25%" : "75%" : e === "after" ? r ? "75%" : "25%" : "50%"
       ), s?.style.removeProperty("right"));
-      const g = t !== "none" ? "0" : "-50%", h = t === "right" && e !== "before" ? "left" : t === "left" || e === "before" && r ? "right" : "center";
+      const p = t !== "none" ? "0" : "-50%", h = t === "right" && e !== "before" ? "left" : t === "left" || e === "before" && r ? "right" : "center";
       s?.style.setProperty(
         "transform",
-        `translate(${g}, -50%) scale(${u})`
+        `translate(${p}, -50%) scale(${u})`
       ), s?.style.setProperty(
         "transform-origin",
         `${h} center`
       );
     } else
       e === "before" ? r ? s?.style.setProperty("margin-right", `${o}px`) : s?.style.setProperty("margin-left", `${o}px`) : (s?.style.removeProperty("margin-left"), s?.style.removeProperty("margin-right"));
-    return { width: a, height: p };
+    return { width: a, height: g };
   }
   return { width: a, height: i };
 }, di = () => `
@@ -1208,23 +1208,23 @@ const Ot = (n, e) => {
   enableTouch: c,
   isUsingVerticalWriting: u
 }) => {
-  const l = o * e, d = i?.renditionLayout === "reflowable" && i?.renditionFlow === "scrolled-continuous", p = d ? Math.min(400, n) : n;
-  t?.style.setProperty("width", `${e}px`), d ? t?.style.removeProperty("height") : t?.style.setProperty("height", `${p}px`);
-  const { viewportDimensions: g, computedScale: h = 1 } = jt({
+  const l = o * e, d = i?.renditionLayout === "reflowable" && i?.renditionFlow === "scrolled-continuous", g = d ? Math.min(400, n) : n;
+  t?.style.setProperty("width", `${e}px`), d ? t?.style.removeProperty("height") : t?.style.setProperty("height", `${g}px`);
+  const { viewportDimensions: p, computedScale: h = 1 } = jt({
     frameElement: t,
-    pageHeight: p,
+    pageHeight: g,
     pageWidth: e
   }) ?? {}, m = i?.renditionLayout === "pre-paginated";
   if (t?.contentDocument && t?.contentWindow && t.contentDocument.body) {
-    let y = e, f = p;
-    if (g?.hasViewport)
+    let y = e, f = g;
+    if (p?.hasViewport)
       oe(
         t,
         "prose-reader-html-renderer-framce-css",
         di()
       ), ve(t, {
-        width: g.width ?? 1,
-        height: g.height ?? 1
+        width: p.width ?? 1,
+        height: p.height ?? 1
       }), t?.style.setProperty("position", "absolute"), t?.style.setProperty("top", "50%"), t?.style.setProperty(
         "left",
         r === "before" ? s ? "25%" : "75%" : r === "after" ? s ? "75%" : "25%" : "50%"
@@ -1240,14 +1240,14 @@ const Ot = (n, e) => {
         hi({
           isUsingVerticalWriting: u,
           minimumWidth: l,
-          pageHeight: p,
+          pageHeight: g,
           pageWidth: e
         })
       );
       if (oe(t, "prose-reader-css", b, !0), u)
         f = Math.ceil(
-          t.contentDocument.documentElement.scrollHeight / p
-        ) * p, ve(t, {
+          t.contentDocument.documentElement.scrollHeight / g
+        ) * g, ve(t, {
           width: l,
           height: f
         });
@@ -1287,11 +1287,11 @@ class fi extends ye {
         settings: this.settings
       }),
       De(this.context.bridgeEvent.viewportFree$),
-      $(() => {
+      x(() => {
         this.attach();
       }),
       jn,
-      $((t) => {
+      x((t) => {
         this.isPrePaginated() ? oe(t, "prose-reader-css", ui) : this.isImageType();
       }),
       ei({
@@ -1430,7 +1430,7 @@ class E {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
   }
 }
-class Ne {
+class Re {
   constructor(e) {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
@@ -1493,7 +1493,7 @@ const bi = (n, e) => {
         visibility: hidden;
       `, c.appendChild(e), () => {
       e?.remove(), e = void 0;
-    })) : ge)
+    })) : he)
   ), i = (c) => on(c, re).pipe(
     V(() => {
       e?.style.setProperty(
@@ -1622,11 +1622,11 @@ const bi = (n, e) => {
     }
   );
 }, Mi = (n) => n.spineItemsObserver.states$.pipe(
-  $(({ item: e, isReady: t, isDirty: i }) => {
+  x(({ item: e, isReady: t, isDirty: i }) => {
     e.containerElement.dataset.isDirty = i.toString(), e.containerElement.dataset.isReady = t.toString();
   })
 );
-let Ci = class extends Nt {
+let Ci = class extends Rt {
   computeOutputSettings(e) {
     return e;
   }
@@ -1656,7 +1656,7 @@ const Ei = (n) => j([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
-  $(([{ width: e, height: t }, i]) => {
+  x(([{ width: e, height: t }, i]) => {
     const o = e > t;
     return !o && i?.renditionSpread === "portrait" ? n.settings.update({ spreadMode: !0 }) : o && (i?.renditionSpread === void 0 || i?.renditionSpread === "auto" || i?.renditionSpread === "landscape" || i?.renditionSpread === "both") ? n.settings.update({ spreadMode: !0 }) : n.settings.update({ spreadMode: !1 });
   })
@@ -1682,12 +1682,12 @@ const Ei = (n) => j([
       !m && f && (f.getBoundingClientRect().left, m = !0);
     });
   }), r.hookManager.register("item.onBeforeLayout", ({ item: m }) => {
-    const y = r.spineItemsManager.get(m.id), I = !!(m.mediaType ?? Me(m.href))?.startsWith("image/"), { pageHorizontalMargin: b = 0, pageVerticalMargin: F = 0 } = a.values, x = r.viewport.pageSize;
+    const y = r.spineItemsManager.get(m.id), I = !!(m.mediaType ?? Me(m.href))?.startsWith("image/"), { pageHorizontalMargin: b = 0, pageVerticalMargin: F = 0 } = a.values, $ = r.viewport.pageSize;
     if (y?.renditionLayout === "reflowable" && !I) {
-      let L = x.width - b * 2;
-      const H = x.height - F * 2;
-      let B = x.width - b * 2, se = b * 2;
-      y.isUsingVerticalWriting() && (B = x.width - b * 2, L = H, se = F * 2);
+      let L = $.width - b * 2;
+      const H = $.height - F * 2;
+      let B = $.width - b * 2, se = b * 2;
+      y.isUsingVerticalWriting() && (B = $.width - b * 2, L = H, se = F * 2);
       const ue = y?.renderer.getDocumentFrame();
       ue && oe(
         ue,
@@ -1723,18 +1723,18 @@ const Ei = (n) => j([
     r.settings.values.computedPageTurnMode !== "scrollable" && f?.setAttribute("tab-index", "0");
   });
   const c = r.spineItemsObserver.states$.pipe(
-    de(({ isReady: m }) => m),
+    pe(({ isReady: m }) => m),
     V(({ item: m }) => {
       const y = m.renderer.documentContainer;
       y && (y.style.opacity = "1");
     })
   ), u = a.values$.pipe(
-    de(({ layoutAutoResize: m }) => m === "container"),
+    pe(({ layoutAutoResize: m }) => m === "container"),
     Y(() => r.context.watch("rootElement")),
-    de(Z),
+    pe(Z),
     Y((m) => Qe(m)),
     In(100),
-    de(Z),
+    pe(Z),
     V(() => {
       r?.layout();
     })
@@ -1748,14 +1748,14 @@ const Ei = (n) => j([
   ).subscribe();
   const d = r.spine.pages.pipe(
     Ge({ refCount: !0, bufferSize: 1 })
-  ), p = Mi(r), g = Ei(r), h = Ti(r);
+  ), g = Mi(r), p = Ei(r), h = Ti(r);
   return P(
     c,
     l,
     u,
     d,
-    p,
     g,
+    p,
     h
   ).pipe(K(r.$.destroy$)).subscribe(), {
     ...r,
@@ -1820,7 +1820,7 @@ class Ai extends ye {
   getDocumentFrame() {
   }
 }
-const Ri = (n) => (e) => {
+const Ni = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(r) {
@@ -1875,9 +1875,9 @@ const Ri = (n) => (e) => {
       i.disconnect(), o.disconnect(), t.destroy();
     }
   };
-}, Ni = (n, e) => n.links$.pipe(
-  $((t) => {
-    if (!Nn(t.target, "a") || t.type !== "click") return;
+}, Ri = (n, e) => n.links$.pipe(
+  x((t) => {
+    if (!Rn(t.target, "a") || t.type !== "click") return;
     const i = new URL(t.target.href), o = `${i.origin}${i.pathname}`;
     n.context.manifest?.spineItems.some(
       (r) => r.href === o
@@ -2321,7 +2321,7 @@ class zi extends Q {
 }
 class G {
   constructor() {
-    this.isDestroyed = !1, this.destroySubject = new R(), this.destroy$ = this.destroySubject.asObservable();
+    this.isDestroyed = !1, this.destroySubject = new N(), this.destroy$ = this.destroySubject.asObservable();
   }
   destroy() {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
@@ -2330,7 +2330,7 @@ class G {
 const Wi = 500;
 class _i extends G {
   constructor(e, t) {
-    super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new R(), this.navigation$ = this.navigationSubject.asObservable();
+    super(), this.scrollNavigationController = e, this.locker = t, this.navigationSubject = new N(), this.navigation$ = this.navigationSubject.asObservable();
     const i = this.scrollNavigationController.userScroll$.pipe(
       sn((o) => {
         const s = this.locker.lock();
@@ -2343,7 +2343,7 @@ class _i extends G {
             re
           ),
           U(),
-          $(() => {
+          x(() => {
             const r = this.scrollNavigationController.fromScrollPosition(
               this.scrollNavigationController.scrollPosition
             );
@@ -2381,37 +2381,37 @@ const Hi = (n) => n.pagination.state$.pipe(
       };
     }
   ),
-  N(O)
+  R(O)
 ), Bi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
     i?.(), i = void 0;
   };
   return t.pipe(
-    $(() => {
+    x(() => {
       i || (i = n?.navigation.lock());
     }),
     rn(e, re, {
       trailing: !0,
       leading: !0
     }),
-    $(o),
+    x(o),
     me(o)
   );
 }, Xi = (n) => (e) => {
   const t = n(e), i = Hi(t), o = new Ui(t), s = new zi(t), r = new _i(
     t.navigation.scrollNavigationController,
     t.navigation.locker
-  ), a = Ni(t, o), c = r.navigation$.pipe(
-    $((d) => {
+  ), a = Ri(t, o), c = r.navigation$.pipe(
+    x((d) => {
       t.navigation.navigate(d);
     })
   );
   return P(a, c).pipe(T(t.$.destroy$)).subscribe(), {
     ...t,
     load: (d) => {
-      const { cfi: p, ...g } = d;
-      t.load(g), p && o.goToCfi(p, { animate: !1 });
+      const { cfi: g, ...p } = d;
+      t.load(p), g && o.goToCfi(g, { animate: !1 });
     },
     destroy: () => {
       r.destroy(), t.destroy();
@@ -2419,7 +2419,7 @@ const Hi = (n) => n.pagination.state$.pipe(
     navigation: {
       ...t.navigation,
       state$: i,
-      throttleLock: ({ duration: d, trigger: p }) => p.pipe(Bi({ duration: d, reader: t })),
+      throttleLock: ({ duration: d, trigger: g }) => g.pipe(Bi({ duration: d, reader: t })),
       panNavigator: s,
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2452,10 +2452,10 @@ const Hi = (n) => n.pagination.state$.pipe(
       a.lastIndexOf("/")
     ), u = n.substring(0, n.lastIndexOf("/")), l = n.endsWith(a), d = u !== "" && u.endsWith(c);
     if (l || d) {
-      const g = t.spineItems.findIndex(
+      const p = t.spineItems.findIndex(
         (f) => f.href === s.href
       );
-      if (i < g) return o;
+      if (i < p) return o;
       const m = {
         title: s.title,
         path: s.path
@@ -2498,10 +2498,10 @@ const Hi = (n) => n.pagination.state$.pipe(
   U(),
   z(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, I) => f + (I.progressionWeight ?? 0), 0) || 0, d = n.spineItemsManager.getSpineItemIndex(o) ?? 0, p = n.context.manifest?.spineItems.length ?? 0, g = r.pages.filter((f) => f.itemIndex === d).length ?? 0, h = 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, d = n.spineItemsManager.getSpineItemIndex(o) ?? 0, g = n.context.manifest?.spineItems.length ?? 0, p = r.pages.filter((f) => f.itemIndex === d).length ?? 0, h = a.manifest?.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
-    (d + 1) / p;
-    let m = (t + 1) * (h / g);
+    (d + 1) / g;
+    let m = (t + 1) * (h / p);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = l + m;
     return a.manifest?.renditionFlow === "scrolled-continuous" && (s ? m = Ji(
@@ -2512,7 +2512,7 @@ const Hi = (n) => n.pagination.state$.pipe(
       l,
       h,
       m
-    )), e === u - 1 && t === g - 1 && y > 0.99 ? 1 : y;
+    )), e === u - 1 && t === p - 1 && y > 0.99 ? 1 : y;
   })
 ), Qi = (n) => n.spine.layout$.pipe(
   Ie(10, re),
@@ -2527,7 +2527,7 @@ const Hi = (n) => n.pagination.state$.pipe(
      */
     numberOfTotalPages: n.spine.pages.value.pages.length
   })),
-  N(O),
+  R(O),
   ne({
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
@@ -2614,7 +2614,7 @@ const Hi = (n) => n.pagination.state$.pipe(
         }))
       )
     ),
-    N(O)
+    R(O)
   );
   return { paginationInfo$: j([
     o,
@@ -2632,12 +2632,12 @@ const Hi = (n) => n.pagination.state$.pipe(
         r.endPageIndexInSpineItem ?? 0
       )
     })),
-    $((r) => {
+    x((r) => {
       i.next(r);
     }),
     J(1)
   ), getPaginationInfo: () => i.value };
-}, he = (n) => We({
+}, de = (n) => We({
   spineIndex: n.index,
   spineId: n.id
 }), Wt = ({
@@ -2646,7 +2646,7 @@ const Hi = (n) => n.pagination.state$.pipe(
   item: t
 }) => {
   const i = "ownerDocument" in n ? n.ownerDocument : n.startContainer.ownerDocument;
-  return !i || !i?.documentElement || n === i ? he(t) : On(n) ? We({
+  return !i || !i?.documentElement || n === i ? de(t) : On(n) ? We({
     start: {
       node: n.startContainer,
       offset: n.startOffset,
@@ -2666,19 +2666,13 @@ const Hi = (n) => n.pagination.state$.pipe(
     spineId: t.id
   });
 }, He = ({
-  pageIndex: n,
-  spineItem: e,
-  spine: t
-}) => {
-  const o = t.pages.value.pages.find(
-    (r) => r.itemIndex === e.index && r.pageIndex === n
-  )?.firstVisibleNode, s = e.renderer.getDocumentFrame();
-  return o && s instanceof HTMLIFrameElement && s.contentWindow?.document ? Wt({
-    nodeOrRange: o.node,
-    offset: o.offset,
-    item: e.item
-  }).trim() : he(e.item);
-}, io = (n, e) => Wt({
+  spineItem: n,
+  pageNode: e
+}) => Wt({
+  nodeOrRange: e.node,
+  offset: e.offset,
+  item: n
+}).trim(), io = (n, e) => Wt({
   nodeOrRange: n,
   item: e
 }), Zs = (n) => n.index.toString(), pt = (n) => n[0]?.index === 6 && n.length > 1, Be = (n) => {
@@ -2747,10 +2741,10 @@ const Hi = (n) => n.pagination.state$.pipe(
   const t = n.spineItemsManager.get(e);
   if (!t)
     throw new Error("Spine item not found");
-  const i = he(t.item);
+  const i = de(t.item);
   return {
     ...n.cfi.parseCfi(i),
-    cfi: he(t.item),
+    cfi: de(t.item),
     itemIndex: t.index,
     node: null
   };
@@ -2801,7 +2795,7 @@ class ao {
         const s = this.reader.spineItemsManager.get(
           o.meta.itemIndex ?? 0
         ), r = s?.renditionLayout === "reflowable", a = i.mode === "shallow" || !r || !s ? () => {
-        } : this.reader.spine.spineItemsLoader.forceOpen([s.index]), c = "cfi" in t ? t.cfi : void 0, u = c ? this.locatorsByKey.get(c) : void 0, l = (p) => p.pipe(
+        } : this.reader.spine.spineItemsLoader.forceOpen([s.index]), c = "cfi" in t ? t.cfi : void 0, u = c ? this.locatorsByKey.get(c) : void 0, l = (g) => g.pipe(
           me(() => {
             c && this.deregisterMemoizedStream(c), setTimeout(() => {
               a();
@@ -2811,19 +2805,19 @@ class ao {
         if (c && u)
           return u.observerCount++, l(
             u.consolidate$.pipe(
-              S(({ resource: p, meta: g }) => ({
-                resource: p,
-                meta: g
+              S(({ resource: g, meta: p }) => ({
+                resource: g,
+                meta: p
               }))
             )
           );
         const d = this.reader.spine.layout$.pipe(
           Ie(10),
           ne(o),
-          an((p) => ro(p.meta, this.reader).pipe(
-            S((g) => ({
-              ...p,
-              meta: g
+          an((g) => ro(g.meta, this.reader).pipe(
+            S((p) => ({
+              ...g,
+              meta: p
             }))
           ), o),
           J({ refCount: !0, bufferSize: 1 })
@@ -2863,16 +2857,16 @@ const co = (n) => (e) => {
 }, uo = (n) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = n.transaction(["store"], "readwrite");
-    u.onerror = (p) => {
-      c(p);
+    u.onerror = (g) => {
+      c(g);
     }, u.oncomplete = () => {
       a();
     };
     const d = u.objectStore("store").put(r, s);
     d.onsuccess = () => {
       a();
-    }, d.onerror = (p) => {
-      c(p);
+    }, d.onerror = (g) => {
+      c(g);
     };
   }),
   keys: () => new Promise((s, r) => {
@@ -2923,7 +2917,7 @@ const co = (n) => (e) => {
   };
 }), lo = (n) => {
   let e = Date.now().toString();
-  const t = new R(), i = (c) => {
+  const t = new N(), i = (c) => {
     if (typeof c == "string" || typeof c == "object") {
       const u = typeof c == "object" ? c.id : c;
       return n.manifest?.spineItems.find((l) => l.id === u);
@@ -2932,11 +2926,11 @@ const co = (n) => (e) => {
   }, o = async (c, u) => {
     const l = i(c);
     if (!l) return new Response("Item not found", { status: 404 });
-    const p = await (await Ve("prose-reader")).get(`${e}_${l.id}`);
-    if (p)
-      return new Response(p, { status: 200 });
-    const g = u && await u(l) || await fetch(l.href);
-    return s(l, g.clone()), g;
+    const g = await (await Ve("prose-reader")).get(`${e}_${l.id}`);
+    if (g)
+      return new Response(g, { status: 200 });
+    const p = u && await u(l) || await fetch(l.href);
+    return s(l, p.clone()), p;
   }, s = (c, u) => {
     t.next({ id: c, data: u });
   };
@@ -2946,7 +2940,7 @@ const co = (n) => (e) => {
       return l ? k(
         un([Ve("prose-reader"), k(u.blob())])
       ).pipe(
-        Y(([d, p]) => k(d.put(`${e}_${l.id}`, p))),
+        Y(([d, g]) => k(d.put(`${e}_${l.id}`, g))),
         st((d) => (A.error(d), _))
       ) : _;
     }),
@@ -3036,7 +3030,7 @@ class mo extends G {
     super();
     const t = e.contentDocument || e.contentWindow?.document;
     if (!t)
-      this.selectionChange$ = ge, this.selectionOver$ = ge;
+      this.selectionChange$ = he, this.selectionOver$ = he;
     else {
       const i = ct(t.body, {
         childList: !0,
@@ -3089,7 +3083,7 @@ class mo extends G {
 const fo = (n) => n.watch("isLoaded").pipe(
   w(() => {
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
-    if (!e || !t) return ge;
+    if (!e || !t) return he;
     const i = new mo(e);
     return P(
       i.selectionChange$.pipe(
@@ -3116,20 +3110,20 @@ const fo = (n) => n.watch("isLoaded").pipe(
       })
     );
   }),
-  N()
+  R()
 ), yo = (n) => (e) => {
   const t = n(e);
   let i;
   const o = t.spineItemsManager.items$.pipe(
     w((l) => {
-      const d = l.map((p) => {
-        const g = t.spineItemsManager.getSpineItemIndex(p) ?? 0;
-        return fo(p).pipe(
+      const d = l.map((g) => {
+        const p = t.spineItemsManager.getSpineItemIndex(g) ?? 0;
+        return fo(g).pipe(
           S((h) => {
             if (h)
               return {
                 ...h,
-                itemIndex: g
+                itemIndex: p
               };
           })
         );
@@ -3137,19 +3131,19 @@ const fo = (n) => n.watch("isLoaded").pipe(
       return P(...d);
     }),
     ne(void 0),
-    N(),
-    $((l) => {
+    R(),
+    x((l) => {
       i = l;
     }),
     J({ refCount: !0, bufferSize: 1 })
   ), s = o, r = o.pipe(
     S((l) => !!l),
-    N(),
+    R(),
     C((l) => l),
     D()
   ), a = r.pipe(
     w(() => s),
-    N(),
+    R(),
     C((l) => !l),
     D()
   ), c = o.pipe(
@@ -3307,18 +3301,18 @@ class $o extends Q {
   constructor(e, t, i, o, s) {
     super({
       element: void 0
-    }), this.viewport = e, this.settings = t, this.hookManager = i, this.spine = o, this.context = s, this.navigateSubject = new R(), this.scrollingSubject = new q(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({
+    }), this.viewport = e, this.settings = t, this.hookManager = i, this.spine = o, this.context = s, this.navigateSubject = new N(), this.scrollingSubject = new q(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({
       position: d
     }) => {
-      const p = this.value.element;
+      const g = this.value.element;
       this.scrollingSubject.next(!0);
-      const g = this.fromSpinePosition(d);
-      p?.scrollTo({
-        left: g.x,
-        top: g.y,
+      const p = this.fromSpinePosition(d);
+      g?.scrollTo({
+        left: p.x,
+        top: p.y,
         behavior: "instant"
       }), Te(1).pipe(
-        $(() => {
+        x(() => {
           this.scrollingSubject.next(!1);
         }),
         T(P(this.scrollingSubject.pipe(Ft(1)), this.destroy$))
@@ -3326,19 +3320,19 @@ class $o extends Q {
     };
     const r = this.context.pipe(
       Ke(["rootElement"]),
-      $(({ rootElement: d }) => {
+      x(({ rootElement: d }) => {
         if (!d) return;
-        const p = document.createElement("div");
-        p.setAttribute(`data-${si}`, ""), p.appendChild(this.viewport.value.element), d.appendChild(p), this.update({ element: p });
+        const g = document.createElement("div");
+        g.setAttribute(`data-${si}`, ""), g.appendChild(this.viewport.value.element), d.appendChild(g), this.update({ element: g });
       })
     ), a = j([
       t.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      $(([{ computedPageTurnMode: d }, p]) => {
-        p && (d === "scrollable" ? p.style.display = "block" : p.style.display = "contents");
+      x(([{ computedPageTurnMode: d }, g]) => {
+        g && (d === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
       })
-    ), c = this.navigateSubject.pipe($(this.setViewportPosition));
+    ), c = this.navigateSubject.pipe(x(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
       ne(!1),
       w(() => P(v(!0), v(!1))),
@@ -3361,14 +3355,14 @@ class $o extends Q {
           ne(!0)
         )
       ),
-      N(),
+      R(),
       ne(!1)
     ), l = j([
       u,
       this.isScrolling$
     ]).pipe(
       S(
-        ([d, p]) => d || p
+        ([d, g]) => d || g
       ),
       J(1)
     );
@@ -3377,12 +3371,12 @@ class $o extends Q {
       w(
         (d) => t.watch(["computedPageTurnMode"]).pipe(
           w(
-            ({ computedPageTurnMode: p }) => p === "controlled" ? ge : X(d, "scroll").pipe(
+            ({ computedPageTurnMode: g }) => g === "controlled" ? he : X(d, "scroll").pipe(
               z(l),
               C(
-                ([, g]) => !g
+                ([, p]) => !p
               ),
-              S(([g]) => g)
+              S(([p]) => p)
             )
           )
         )
@@ -3419,7 +3413,7 @@ class $o extends Q {
   }
 }
 const To = (n, e, t, i, o) => {
-  const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, d = t / e, p = u * d, g = l * d, h = p - s / 2 + i, m = g - r / 2 + o;
+  const s = n.clientWidth, r = n.clientHeight, a = n.scrollLeft, c = n.scrollTop, u = a + s / 2 - i, l = c + r / 2 - o, d = t / e, g = u * d, p = l * d, h = g - s / 2 + i, m = p - r / 2 + o;
   return new xo({
     x: h,
     y: m
@@ -3436,11 +3430,11 @@ const To = (n, e, t, i, o) => {
     `data-${W}-zooming-direction`,
     d
   ), n < 1 ? o.style.transformOrigin = "top" : n > 1 && (o.style.transformOrigin = `${c}px ${u}px`), o.style.transform = `scale(${n})`;
-  const p = i.fromScrollPosition(
+  const g = i.fromScrollPosition(
     l
   );
   e.navigation.navigate({
-    position: p
+    position: g
   });
 }, we = 200;
 class Lo extends Q {
@@ -3449,7 +3443,7 @@ class Lo extends Q {
       isZooming: !1,
       currentScale: 1,
       currentPosition: { x: 0, y: 0 }
-    }), this.reader = e, this.enterSubject = new R(), this.exitSubject = new R();
+    }), this.reader = e, this.enterSubject = new N(), this.exitSubject = new N();
     const t = this.enterSubject.pipe(
       w((o) => {
         const { scale: s = 1, animate: r = !1 } = o ?? {}, a = this.reader.viewport.value.element;
@@ -3464,7 +3458,7 @@ class Lo extends Q {
           currentScale: 1,
           currentPosition: { x: 0, y: 0 }
         }), this.updateZoom(s), s !== 1 && this.isControlled ? Te(o?.animate ? we : 0).pipe(
-          $(() => {
+          x(() => {
             this.reader.layout();
           })
         ) : _;
@@ -3483,7 +3477,7 @@ class Lo extends Q {
         ), o?.animate && this.isControlled && (s.style.transition = `transform ${we}ms`), this.updateZoom(1, { x: 0, y: 0 }), s.style.transform = "", this.mergeCompare({
           isZooming: !1
         }), Te(o?.animate ? we : 0).pipe(
-          $(() => {
+          x(() => {
             const r = this.reader.viewport.value.element;
             r.style.transformOrigin = "", r.style.transition = "", this.isControlled && this.reader.layout();
           }),
@@ -3569,7 +3563,7 @@ const ft = `${Vt}-enhancer-zoom`, Mo = (n) => (e) => {
 class Co {
   constructor() {
     this.navigationSubject = new ot(1), this.viewportStateSubject = new q("free"), this.paginationSubject = new ot(), this.navigationIsLockedSubject = new q(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
-      N(),
+      R(),
       C((e) => !e)
     ), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
       C((e) => e === "free")
@@ -3584,7 +3578,7 @@ class Eo extends Q {
       assumedRenditionLayout: "reflowable"
     }), this.bridgeEvent = new Co(), this.manifest$ = this.pipe(
       ie((e) => e.manifest),
-      de(Z),
+      pe(Z),
       be()
     ), this.isRTL = () => this.value.manifest?.readingDirection === "rtl";
   }
@@ -3623,7 +3617,7 @@ class Do extends Q {
         renditionLayout: i?.renditionLayout,
         computedPageTurnMode: s
       })),
-      N(O),
+      R(O),
       S(
         ({
           hasVerticalWriting: i,
@@ -3672,8 +3666,8 @@ class Ao {
       (r) => e === r.name
     ).map((r) => {
       let a = () => v(void 0);
-      const c = new R(), u = (p) => {
-        a = p;
+      const c = new N(), u = (g) => {
+        a = g;
       }, l = () => (c.next(), c.complete(), a() ?? v(void 0)), d = r.runFn({
         // biome-ignore lint/suspicious/noExplicitAny: TODO
         ...i,
@@ -3703,7 +3697,7 @@ class Ao {
     return j(s);
   }
 }
-const Ro = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", No = (n) => ({
+const No = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", Ro = (n) => ({
   x: -n.x,
   y: -n.y
 }), Oo = (n) => n instanceof DOMMatrix ? new M({
@@ -3715,13 +3709,13 @@ const Ro = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position
 }), Vo = "navigation/ViewportNavigator", yt = A.namespace(Vo);
 class jo extends G {
   constructor(e, t, i, o, s) {
-    super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new R(), this.element$ = new q(
+    super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new N(), this.element$ = new q(
       document.createElement("div")
     );
     const r = this.spine.element$.pipe(
       C(Z),
       z(this.element$),
-      $(([l, d]) => {
+      x(([l, d]) => {
         d.style.cssText = `
           height: 100%;
           width: 100%;
@@ -3736,18 +3730,18 @@ class jo extends G {
       a,
       this.element$
     ]).pipe(
-      $(([, l]) => {
+      x(([, l]) => {
         e.values.computedPageTurnMode === "scrollable" ? l.style.display = "contents" : l.style.display = "block";
       })
     );
     this.layout$ = c.pipe(
-      $(() => {
+      x(() => {
         yt.info("layout", e.values);
       }),
       D()
     );
     const u = this.navigateSubject.pipe(
-      $((l) => {
+      x((l) => {
         yt.info("Navigation requested", l);
       })
     );
@@ -3763,9 +3757,9 @@ class jo extends G {
         return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), P(
           v(!0),
           v(null).pipe(
-            pe(() => {
+            ge(() => {
               if (l?.type !== "manualAdjust") return v(!1);
-              const p = l.animation === "snap" ? e.values.snapAnimationDuration : e.values.computedPageTurnAnimationDuration, g = l.animation === "snap" ? "slide" : e.values.computedPageTurnAnimation;
+              const g = l.animation === "snap" ? e.values.snapAnimationDuration : e.values.computedPageTurnAnimationDuration, p = l.animation === "snap" ? "slide" : e.values.computedPageTurnAnimation;
               return v(l).pipe(
                 /**
                  * @important
@@ -3776,14 +3770,14 @@ class jo extends G {
                  * However when user is repeatedly turning page, we can improve smoothness by delaying a bit the adjustment
                  */
                 l.shouldAnimate ? Pe(1, re) : xe,
-                $((h) => {
+                x((h) => {
                   const m = this.element$.getValue();
-                  h.shouldAnimate ? g === "fade" ? (m.style.setProperty(
+                  h.shouldAnimate ? p === "fade" ? (m.style.setProperty(
                     "transition",
-                    `opacity ${p / 2}ms`
-                  ), m.style.setProperty("opacity", "0")) : (l.animation === "snap" || g === "slide") && (m.style.setProperty(
+                    `opacity ${g / 2}ms`
+                  ), m.style.setProperty("opacity", "0")) : (l.animation === "snap" || p === "slide") && (m.style.setProperty(
                     "transition",
-                    `transform ${p}ms`
+                    `transform ${g}ms`
                   ), m.style.setProperty("opacity", "1")) : (m.style.setProperty("transition", "none"), m.style.setProperty("opacity", "1"));
                 }),
                 /**
@@ -3794,17 +3788,17 @@ class jo extends G {
                  * need to adjust to anchor to the payload position. This is because we use viewport computed position,
                  * not the value set by `setProperty`
                  */
-                $((h) => {
-                  g !== "fade" && this.setViewportPosition(h.position);
+                x((h) => {
+                  p !== "fade" && this.setViewportPosition(h.position);
                 }),
-                l.shouldAnimate ? Pe(p / 2, re) : xe,
-                $((h) => {
+                l.shouldAnimate ? Pe(g / 2, re) : xe,
+                x((h) => {
                   const m = this.element$.getValue();
-                  g === "fade" && (this.setViewportPosition(h.position), m.style.setProperty("opacity", "1"));
+                  p === "fade" && (this.setViewportPosition(h.position), m.style.setProperty("opacity", "1"));
                 }),
-                l.shouldAnimate ? Pe(p / 2, re) : xe,
-                $((h) => {
-                  g === "fade" && this.setViewportPosition(h.position);
+                l.shouldAnimate ? Pe(g / 2, re) : xe,
+                x((h) => {
+                  p === "fade" && this.setViewportPosition(h.position);
                 })
               );
             }),
@@ -3825,7 +3819,7 @@ class jo extends G {
    * for remark about flicker / fonts smoothing
    */
   setViewportPosition(e) {
-    const t = this.element$.getValue(), i = No(e);
+    const t = this.element$.getValue(), i = Ro(e);
     t.style.transform = `translate(${i.x}px, ${i.y}px)`, this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
   }
   navigate(e) {
@@ -3869,7 +3863,7 @@ const ko = () => (n) => n.pipe(
     }))
   )),
   ko(),
-  N(
+  R(
     (i, o) => i.navigation.paginationBeginCfi === o.navigation.paginationBeginCfi
   ),
   S(
@@ -4012,23 +4006,23 @@ const ko = () => (n) => n.pipe(
       spineItem: c,
       cfi: u,
       directionFromLastNavigation: l
-    } = r, { navigationSnapThreshold: d, computedPageTurnMode: p } = n.values;
+    } = r, { navigationSnapThreshold: d, computedPageTurnMode: g } = n.values;
     if (c !== void 0) {
-      const g = e.get(c);
-      if (g) return g;
+      const p = e.get(c);
+      if (p) return p;
     }
     if (typeof c == "number")
       return c > e.items.length - 1 ? e.get(e.items.length - 1) : e.get(0);
     if (u) {
-      const g = e.getSpineItemFromCfi(u);
-      if (g) return g;
+      const p = e.getSpineItemFromCfi(u);
+      if (p) return p;
     }
-    if (a && p === "controlled") {
-      const { beginIndex: g, endIndex: h } = i.getVisibleSpineItemsFromPosition({
+    if (a && g === "controlled") {
+      const { beginIndex: p, endIndex: h } = i.getVisibleSpineItemsFromPosition({
         position: a,
         threshold: d,
         restrictToScreen: !1
-      }) ?? {}, m = (l === "forward" || l === "anchor" ? h : g) ?? g, y = e.get(m);
+      }) ?? {}, m = (l === "forward" || l === "anchor" ? h : p) ?? p, y = e.get(m);
       if (!y) return;
       const { endPageIndex: f, beginPageIndex: I } = i.getVisiblePagesFromViewportPosition({
         position: a,
@@ -4038,14 +4032,14 @@ const ko = () => (n) => n.pipe(
       }) ?? {}, b = (l === "forward" || l === "anchor" ? f : I) ?? 0, F = t.getNavigationForSpineItemPage({
         pageIndex: b,
         spineItemId: y
-      }), x = i.getVisibleSpineItemsFromPosition({
+      }), $ = i.getVisibleSpineItemsFromPosition({
         position: F,
         threshold: d,
         restrictToScreen: !1
-      }), L = l === "forward" || l === "anchor" ? x?.beginIndex : x?.endIndex;
+      }), L = l === "forward" || l === "anchor" ? $?.beginIndex : $?.endIndex;
       return e.get(L);
     }
-    return a && p === "scrollable" ? i.getSpineItemFromPosition(a) : e.get(0);
+    return a && g === "scrollable" ? i.getSpineItemFromPosition(a) : e.get(0);
   };
   return o.pipe(
     S(({ navigation: r, ...a }) => {
@@ -4097,11 +4091,11 @@ const ko = () => (n) => n.pipe(
           spineItem: u,
           threshold: a,
           restrictToScreen: !1
-        }) ?? {}, p = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? l : d) ?? 0, g = i.getNavigationForSpineItemPage({
-          pageIndex: p,
+        }) ?? {}, g = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? l : d) ?? 0, p = i.getNavigationForSpineItemPage({
+          pageIndex: g,
           spineItemId: u
         }), h = t.getVisiblePagesFromViewportPosition({
-          position: g,
+          position: p,
           spineItem: u,
           threshold: { type: "percentage", value: 0 },
           restrictToScreen: !0
@@ -4149,7 +4143,7 @@ class Xt {
   constructor() {
     this.isLockedSubject = new q(0), this.isLocked$ = this.isLockedSubject.pipe(
       S((e) => !!e),
-      N()
+      R()
     );
   }
   lock() {
@@ -4177,39 +4171,39 @@ const Yo = ({
       if (e.url !== void 0 && (u || l || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
       r && !e.spineItemIsReady)) {
-        const g = t.getNavigationForUrl(
+        const p = t.getNavigationForUrl(
           e.url
         );
-        if (g)
-          return g.position;
+        if (p)
+          return p.position;
       }
-      const p = e.cfi ?? e.paginationBeginCfi;
-      if (p !== void 0 && !Be(p) && (u || l || // when spine item is ready dimensions may have not changed but the position
+      const g = e.cfi ?? e.paginationBeginCfi;
+      if (g !== void 0 && !Be(g) && (u || l || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
       r && !e.spineItemIsReady)) {
-        const g = t.getNavigationForCfi(p);
-        if (g)
-          return g;
+        const p = t.getNavigationForCfi(g);
+        if (p)
+          return p;
       }
       if (c && d && e.directionFromLastNavigation === "backward") {
-        const g = new E({
+        const p = new E({
           x: (e.positionInSpineItem?.x ?? 0) + u,
           y: (e.positionInSpineItem?.y ?? 0) + l
         });
         return t.getNavigationFromSpineItemPosition({
           spineItem: s,
-          spineItemPosition: g
+          spineItemPosition: p
         });
       }
       if (e.positionInSpineItem && e.spineItemHeight && e.spineItemWidth) {
-        const g = n.spineItemLocator.getSpineItemPageIndexFromPosition({
+        const p = n.spineItemLocator.getSpineItemPageIndexFromPosition({
           itemWidth: e.spineItemWidth,
           itemHeight: e.spineItemHeight,
           isUsingVerticalWriting: !!e.spineItemIsUsingVerticalWriting,
           position: e.positionInSpineItem
         });
         return t.getNavigationForSpineItemPage({
-          pageIndex: g,
+          pageIndex: p,
           spineItemId: s
         });
       }
@@ -4239,7 +4233,7 @@ const Yo = ({
     if (u === n.spineItemTop && c === n.spineItemHeight && !l)
       return o.getNavigationForSpineIndexOrId(a);
     if (u !== n.spineItemTop) {
-      const p = e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
+      const g = e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
         n.positionInSpineItem ?? new E({
           x: 0,
           y: 0
@@ -4247,18 +4241,18 @@ const Yo = ({
         a
       );
       return e.getSpinePositionFromSpineItemPosition({
-        spineItemPosition: p,
+        spineItemPosition: g,
         spineItem: a
       });
     }
     if (u === n.spineItemTop && c !== n.spineItemHeight) {
-      const p = (n.spineItemHeight ?? d.y) - d.y, g = new E({
-        y: n.directionFromLastNavigation === "backward" ? c - p : d.y,
+      const g = (n.spineItemHeight ?? d.y) - d.y, p = new E({
+        y: n.directionFromLastNavigation === "backward" ? c - g : d.y,
         x: n.position.x
       });
       if (l) {
         const h = e.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
-          g,
+          p,
           a
         );
         return e.getSpinePositionFromSpineItemPosition({
@@ -4269,7 +4263,7 @@ const Yo = ({
       if (!l) {
         if (!(n.position.y < u)) {
           const m = new E({
-            y: c - p,
+            y: c - g,
             x: n.position.x
           });
           return e.getSpinePositionFromSpineItemPosition({
@@ -4347,7 +4341,7 @@ class Ko extends G {
         position: f,
         id: I
       })),
-      N(
+      R(
         ({ position: f, ...I }, { position: b, ...F }) => O(I, F) && O(f, b)
       ),
       J(1)
@@ -4460,7 +4454,7 @@ class Ko extends G {
           P(l, u)
         )
       ))
-    ), p = P(
+    ), g = P(
       d,
       l
     ).pipe(
@@ -4505,16 +4499,16 @@ class Ko extends G {
       }),
       S(({ navigation: f }) => f),
       D()
-    ), g = Uo(
+    ), p = Uo(
       t,
       this.navigationSubject,
       a
     ), h = P(
-      p,
+      g,
       u,
-      g
+      p
     ), m = (f) => f.pipe(
-      $(([I, b]) => {
+      x(([I, b]) => {
         Jo.info(
           `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
@@ -4524,12 +4518,12 @@ class Ko extends G {
         ), this.navigationSubject.next(I);
       })
     ), y = (f) => f.pipe(
-      $(([I, b]) => {
-        const F = I.type === "scroll", x = I.meta.triggeredBy === "pagination", L = I.meta.triggeredBy === "restoration", H = O(
+      x(([I, b]) => {
+        const F = I.type === "scroll", $ = I.meta.triggeredBy === "pagination", L = I.meta.triggeredBy === "restoration", H = O(
           b.position,
           I.position
         );
-        if (F && !L || x || H)
+        if (F && !L || $ || H)
           return;
         const B = {
           position: I.position,
@@ -4614,8 +4608,8 @@ const Fe = (n, e, t) => {
   });
   if (i)
     return vt(t.y, s, d);
-  const p = vt(l, o, d);
-  return c ? d - 1 - p : p;
+  const g = vt(l, o, d);
+  return c ? d - 1 - g : g;
 }, es = ({
   pageIndex: n,
   itemLayout: e,
@@ -4654,14 +4648,14 @@ const Fe = (n, e, t) => {
   const i = (a, c, u) => {
     let l;
     a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? l = a.getBoundingClientRect().x : a && (l = (a ? Cn(a, c) : void 0)?.getBoundingClientRect().x || l);
-    const d = u.layoutInfo?.width || 0, p = t.pageSize.width;
+    const d = u.layoutInfo?.width || 0, g = t.pageSize.width;
     if (l !== void 0) {
-      const g = ke(
+      const p = ke(
         l,
-        p,
+        g,
         d
       );
-      return new E({ x: g, y: 0 });
+      return new E({ x: p, y: 0 });
     }
   };
   return {
@@ -4685,12 +4679,12 @@ const Fe = (n, e, t) => {
       pageTurnMode: e.values.pageTurnMode
     }),
     getSpineItemPageIndexFromNode: (a, c, u) => {
-      const l = i(a, c, u), { height: d, width: p } = u.layoutInfo;
+      const l = i(a, c, u), { height: d, width: g } = u.layoutInfo;
       return l ? wt({
         isUsingVerticalWriting: !!u.isUsingVerticalWriting(),
         position: l,
         itemHeight: d,
-        itemWidth: p,
+        itemWidth: g,
         isRTL: n.isRTL(),
         pageWidth: t.pageSize.width,
         pageHeight: t.pageSize.height,
@@ -4714,27 +4708,27 @@ const Fe = (n, e, t) => {
       });
     },
     getSpineItemPagePositionFromSpineItemPosition: (a, c, u) => {
-      const { width: l, height: d } = u.layoutInfo, p = t.pageSize.width, g = t.pageSize.height;
+      const { width: l, height: d } = u.layoutInfo, g = t.pageSize.width, p = t.pageSize.height;
       if (!!u.isUsingVerticalWriting()) {
         const y = Fe(
-          g,
+          p,
           c,
           d
         );
-        return new Ne({
+        return new Re({
           x: a.x,
           y: a.y - y
         });
       }
-      const m = Fe(p, c, l);
+      const m = Fe(g, c, l);
       if (n.isRTL()) {
-        const y = l - (c + 1) * p;
-        return new Ne({
+        const y = l - (c + 1) * g;
+        return new Re({
           x: a.x - Math.max(0, y),
           y: a.y
         });
       }
-      return new Ne({
+      return new Re({
         x: a.x - m,
         y: a.y
       });
@@ -4782,15 +4776,15 @@ function Gt({
     s || 0
   ), a = r.bottom - 1, c = Math.max(0, n.y), u = Math.min(c, a);
   if (e) {
-    const g = Math.min(o, n.x), h = Math.max(g, r.left);
+    const p = Math.min(o, n.x), h = Math.max(p, r.left);
     return new M({
       x: h,
       y: u
     });
   }
-  const l = r.right - 1, d = Math.max(0, n.x), p = Math.min(d, l);
+  const l = r.right - 1, d = Math.max(0, n.x), g = Math.min(d, l);
   return new M({
-    x: p,
+    x: g,
     y: u
   });
 }
@@ -4812,9 +4806,9 @@ const Pt = ({
     i.items.length - 1
   ), c = s.getSpineItemSpineLayoutInfo(a), u = c.bottom - t, l = Math.min(r.y, u);
   if (e) {
-    const p = Math.min(0, r.x);
+    const g = Math.min(0, r.x);
     return new M({
-      x: p,
+      x: g,
       y: l
     });
   }
@@ -5006,35 +5000,35 @@ const Pt = ({
     viewport: s
   });
   return {
-    getNavigationForUrl: (g) => as({
+    getNavigationForUrl: (p) => as({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
-      url: g,
+      url: p,
       pageSizeWidth: s.pageSize.width,
       visibleAreaRectWidth: s.absoluteViewport.width,
       spine: o
     }),
-    getNavigationForSpineItemPage: (g) => ns({
-      ...g,
+    getNavigationForSpineItemPage: (p) => ns({
+      ...p,
       spineItemsManager: e,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationFromSpineItemPosition: (g) => cs({
-      ...g,
+    getNavigationFromSpineItemPosition: (p) => cs({
+      ...p,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
       viewport: s
     }),
-    getNavigationForCfi: (g) => {
-      const h = e.getSpineItemFromCfi(g), { node: m, offset: y = 0 } = _t({
-        cfi: g,
+    getNavigationForCfi: (p) => {
+      const h = e.getSpineItemFromCfi(p), { node: m, offset: y = 0 } = _t({
+        cfi: p,
         spineItemsManager: e
       });
       if (!h) {
-        A.warn(us, `unable to detect item id from cfi ${g}`);
+        A.warn(us, `unable to detect item id from cfi ${p}`);
         return;
       }
       const f = m ? r.getNavigationFromNode(h, m, y) : new E({ x: 0, y: 0 }), I = t.getSpinePositionFromSpineItemPosition({
@@ -5047,10 +5041,10 @@ const Pt = ({
         visibleAreaRectWidth: s.absoluteViewport.width
       });
     },
-    getNavigationForLastPage: (g) => {
-      const h = r.getNavigationForLastPage(g), m = t.getSpinePositionFromSpineItemPosition({
+    getNavigationForLastPage: (p) => {
+      const h = r.getNavigationForLastPage(p), m = t.getSpinePositionFromSpineItemPosition({
         spineItemPosition: h,
-        spineItem: g
+        spineItem: p
       });
       return te({
         position: m,
@@ -5058,8 +5052,8 @@ const Pt = ({
         visibleAreaRectWidth: s.absoluteViewport.width
       });
     },
-    getNavigationForSpineIndexOrId: (g) => {
-      const h = e.get(g);
+    getNavigationForSpineIndexOrId: (p) => {
+      const h = e.get(p);
       if (h) {
         const m = t.getSpinePositionFromSpineItem(h);
         return te({
@@ -5070,14 +5064,14 @@ const Pt = ({
       }
       return new M({ x: 0, y: 0 });
     },
-    getNavigationForPosition: (g) => Ye({
-      viewportPosition: g,
+    getNavigationForPosition: (p) => Ye({
+      viewportPosition: p,
       spineItemNavigationResolver: r,
       spineLocator: t,
       viewport: s
     }),
-    getMostPredominantNavigationForPosition: (g) => {
-      const h = i.values.computedPageTurnDirection, m = 0.5, y = h === "horizontal" ? g.x + s.absoluteViewport.width * m : 0, f = h === "horizontal" ? 0 : g.y + s.absoluteViewport.height * m, I = Pt({
+    getMostPredominantNavigationForPosition: (p) => {
+      const h = i.values.computedPageTurnDirection, m = 0.5, y = h === "horizontal" ? p.x + s.absoluteViewport.width * m : 0, f = h === "horizontal" ? 0 : p.y + s.absoluteViewport.height * m, I = Pt({
         position: new M({
           x: y,
           y: f
@@ -5095,25 +5089,25 @@ const Pt = ({
         viewport: s
       });
     },
-    fromUnboundSpinePosition: (g) => Pt({
-      position: g,
+    fromUnboundSpinePosition: (p) => Pt({
+      position: p,
       isRTL: n.isRTL(),
       pageSizeHeight: s.pageSize.height,
       visibleAreaRectWidth: s.absoluteViewport.width,
       spineItemsManager: e,
       spine: o
     }),
-    fromOutOfBoundsSpinePosition: (g) => Gt({
-      position: g,
+    fromOutOfBoundsSpinePosition: (p) => Gt({
+      position: p,
       isRTL: n.isRTL(),
       spineItemsManager: e,
       spine: o,
       viewportWidth: s.absoluteViewport.width
     }),
-    isNavigationGoingForwardFrom: (g, h) => i.values.computedPageTurnDirection === "vertical" ? g.y > h.y : g.x > h.x,
-    arePositionsDifferent: (g, h) => g.x !== h.x || g.y !== h.y,
-    getAdjustedPositionForSpread: (g) => te({
-      position: g,
+    isNavigationGoingForwardFrom: (p, h) => i.values.computedPageTurnDirection === "vertical" ? p.y > h.y : p.x > h.x,
+    arePositionsDifferent: (p, h) => p.x !== h.x || p.y !== h.y,
+    getAdjustedPositionForSpread: (p) => te({
+      position: p,
       pageSizeWidth: s.pageSize.width,
       visibleAreaRectWidth: s.absoluteViewport.width
     }),
@@ -5127,7 +5121,7 @@ const Pt = ({
   settings: o,
   viewport: s
 }) => {
-  const r = new R(), a = r.asObservable(), c = new Xt(), u = ls({
+  const r = new N(), a = r.asObservable(), c = new Xt(), u = ls({
     context: e,
     settings: o,
     spineItemsManager: n,
@@ -5146,7 +5140,7 @@ const Pt = ({
     t,
     i,
     e
-  ), p = new Ko(
+  ), g = new Ko(
     o,
     e,
     a,
@@ -5155,11 +5149,11 @@ const Pt = ({
     u,
     i,
     c.isLocked$
-  ), g = j([
+  ), p = j([
     l.isNavigating$,
     d.isNavigating$,
     c.isLocked$,
-    p.locker.isLocked$
+    g.locker.isLocked$
   ]).pipe(
     ie((y) => y.some((f) => f) ? "busy" : "free"),
     be(),
@@ -5167,14 +5161,14 @@ const Pt = ({
   );
   return {
     destroy: () => {
-      l.destroy(), p.destroy();
+      l.destroy(), g.destroy();
     },
-    getNavigation: () => p.navigation,
-    internalNavigator: p,
+    getNavigation: () => g.navigation,
+    internalNavigator: g,
     scrollNavigationController: d,
     controlledNavigationController: l,
     locker: c,
-    navigationState$: g,
+    navigationState$: p,
     navigate: (y) => {
       r.next(y);
     },
@@ -5186,7 +5180,7 @@ const Pt = ({
       return c.lock();
     },
     navigationResolver: u,
-    navigation$: p.navigation$
+    navigation$: g.navigation$
   };
 };
 class ps extends Q {
@@ -5226,14 +5220,14 @@ class gs extends G {
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           $t(1),
           z(this.context.bridgeEvent.navigation$),
-          $(([, u]) => {
+          x(([, u]) => {
             const { position: l } = u, d = this.pagination.value, {
-              beginIndex: p,
-              endIndex: g
+              beginIndex: g,
+              endIndex: p
             } = this.spine.locator.getVisibleSpineItemsFromPosition({
               position: l,
               threshold: { type: "percentage", value: 0.5 }
-            }) ?? {}, h = this.spineItemsManager.get(p), m = this.spineItemsManager.get(g);
+            }) ?? {}, h = this.spineItemsManager.get(g), m = this.spineItemsManager.get(p);
             if (!h || !m) return;
             const y = d.beginCfi, f = d.endCfi, { beginPageIndex: I = 0 } = c({
               spineItem: h,
@@ -5241,16 +5235,16 @@ class gs extends G {
             }) ?? {}, { endPageIndex: b = 0 } = c({
               spineItem: m,
               position: l
-            }) ?? {}, F = y === void 0 || Be(y) || d.beginSpineItemIndex !== p, x = d.endSpineItemIndex !== g || f === void 0 || Be(f), L = F ? he(h.item) : y, H = x ? he(m.item) : f, B = h.numberOfPages, se = m.numberOfPages;
+            }) ?? {}, F = y === void 0 || Be(y) || d.beginSpineItemIndex !== g, $ = d.endSpineItemIndex !== p || f === void 0 || Be(f), L = F ? de(h.item) : y, H = $ ? de(m.item) : f, B = h.numberOfPages, se = m.numberOfPages;
             this.pagination.update({
               beginCfi: L,
               beginNumberOfPagesInSpineItem: B,
               beginPageIndexInSpineItem: I,
-              beginSpineItemIndex: p,
+              beginSpineItemIndex: g,
               endCfi: H,
               endNumberOfPagesInSpineItem: se,
               endPageIndexInSpineItem: b,
-              endSpineItemIndex: g,
+              endSpineItemIndex: p,
               navigationId: u.id
             });
           })
@@ -5258,7 +5252,7 @@ class gs extends G {
       })
     ), a = r.pipe(
       De(this.context.bridgeEvent.viewportFree$),
-      $(() => {
+      x(() => {
         const {
           beginSpineItemIndex: c,
           endSpineItemIndex: u,
@@ -5267,18 +5261,24 @@ class gs extends G {
         } = this.pagination.value;
         if (l === void 0 || d === void 0 || c === void 0 || u === void 0)
           return;
-        const p = this.spineItemsManager.get(c), g = this.spineItemsManager.get(u);
-        p === void 0 || g === void 0 || this.pagination.update({
-          beginCfi: He({
-            pageIndex: l,
-            spineItem: p,
-            spine: this.spine
-          }),
-          endCfi: He({
-            pageIndex: d,
-            spineItem: g,
-            spine: this.spine
-          })
+        const g = this.spineItemsManager.get(c), p = this.spineItemsManager.get(u);
+        if (g === void 0 || p === void 0) return;
+        const h = this.spine.pages.fromSpineItemPageIndex(
+          g,
+          l
+        ), m = this.spine.pages.fromSpineItemPageIndex(
+          p,
+          d
+        );
+        this.pagination.update({
+          beginCfi: h?.firstVisibleNode ? He({
+            spineItem: g.item,
+            pageNode: h?.firstVisibleNode
+          }) : de(g.item),
+          endCfi: m?.firstVisibleNode ? He({
+            spineItem: p.item,
+            pageNode: m?.firstVisibleNode
+          }) : de(p.item)
         });
       })
     );
@@ -5296,7 +5296,7 @@ class ms extends G {
       ...this.getDefaultSettings(),
       ...e
     };
-    this.inputSettings = t, this.outputSettingsUpdateSubject = new R(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(J(1)), this._settings$.subscribe();
+    this.inputSettings = t, this.outputSettingsUpdateSubject = new N(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(J(1)), this._settings$.subscribe();
   }
   _prepareUpdate(e) {
     const t = $e(this.inputSettings, e), i = this.getOutputSettings(t), o = !O(this.outputSettings, i);
@@ -5326,8 +5326,8 @@ class ms extends G {
   }
   watch(e) {
     return this.values$.pipe(
-      Rt(e),
-      N(O)
+      Nt(e),
+      R(O)
     );
   }
   destroy() {
@@ -5337,7 +5337,7 @@ class ms extends G {
 class fs extends ms {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
-      $(() => this.update(this.values)),
+      x(() => this.update(this.values)),
       T(this.destroy$)
     ).subscribe();
   }
@@ -5394,20 +5394,20 @@ class ys extends ye {
 }
 class Ss extends G {
   constructor(e, t, i, o, s, r, a) {
-    super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new R(), this.lastLayout = null, this.computeLayoutInformation = ({
+    super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = r, this.viewport = a, this.layoutTriggerSubject = new N(), this.lastLayout = null, this.computeLayoutInformation = ({
       isLastItem: u,
       horizontalOffset: l
     }) => {
-      let d = this.viewport.value.pageSize.width, p = "none";
-      const g = l % this.viewport.absoluteViewport.width === 0, h = this.context.manifest, m = Bt(h) ?? !1;
+      let d = this.viewport.value.pageSize.width, g = "none";
+      const p = l % this.viewport.absoluteViewport.width === 0, h = this.context.manifest, m = Bt(h) ?? !1;
       if (this.settings.values.computedSpreadMode) {
-        !m && this.renderer.renditionLayout === "reflowable" && !u && (d = this.viewport.value.pageSize.width * 2), !m && this.renderer.renditionLayout === "reflowable" && u && g && (d = this.viewport.value.pageSize.width * 2);
-        const y = g && u && m;
-        this.item.pageSpreadRight && g && !this.context.isRTL() ? (p = "before", d = this.viewport.value.pageSize.width * 2) : this.item.pageSpreadLeft && g && this.context.isRTL() ? (p = "before", d = this.viewport.value.pageSize.width * 2) : y && (this.context.isRTL() ? p = "before" : p = "after", d = this.viewport.value.pageSize.width * 2);
+        !m && this.renderer.renditionLayout === "reflowable" && !u && (d = this.viewport.value.pageSize.width * 2), !m && this.renderer.renditionLayout === "reflowable" && u && p && (d = this.viewport.value.pageSize.width * 2);
+        const y = p && u && m;
+        this.item.pageSpreadRight && p && !this.context.isRTL() ? (g = "before", d = this.viewport.value.pageSize.width * 2) : this.item.pageSpreadLeft && p && this.context.isRTL() ? (g = "before", d = this.viewport.value.pageSize.width * 2) : y && (this.context.isRTL() ? g = "before" : g = "after", d = this.viewport.value.pageSize.width * 2);
       }
       return {
         minimumWidth: d,
-        blankPagePosition: p
+        blankPagePosition: g
       };
     }, this.adjustPositionOfElement = ({
       right: u,
@@ -5419,12 +5419,12 @@ class Ss extends G {
       minimumWidth: u,
       edgeX: l,
       edgeY: d
-    }) => (p) => p.pipe(
-      S((g) => {
+    }) => (g) => g.pipe(
+      S((p) => {
         const h = O(
           this.lastLayout?.pageSize,
           this.viewport.pageSize
-        ) ? this.lastLayout : void 0, { width: m, height: y } = h ?? {}, { width: f = m, height: I = y } = g ?? {}, { width: b, height: F } = this.viewport.pageSize, x = this.validateDimension(
+        ) ? this.lastLayout : void 0, { width: m, height: y } = h ?? {}, { width: f = m, height: I = y } = p ?? {}, { width: b, height: F } = this.viewport.pageSize, $ = this.validateDimension(
           f ?? b,
           b,
           u
@@ -5434,15 +5434,15 @@ class Ss extends G {
           F
         );
         return this.lastLayout = {
-          width: x,
+          width: $,
           height: L,
           pageSize: this.viewport.pageSize
-        }, this.containerElement.style.width = `${x}px`, this.containerElement.style.height = `${L}px`, this.settings.values.computedPageTurnDirection === "vertical" ? (this.adjustPositionOfElement({
+        }, this.containerElement.style.width = `${$}px`, this.containerElement.style.height = `${L}px`, this.settings.values.computedPageTurnDirection === "vertical" ? (this.adjustPositionOfElement({
           top: d,
           left: l
-        }), { width: x, height: L }) : (this.adjustPositionOfElement(
+        }), { width: $, height: L }) : (this.adjustPositionOfElement(
           this.context.isRTL() ? { right: l, top: 0 } : { left: l, top: 0 }
-        ), { width: x, height: L });
+        ), { width: $, height: L });
       })
     ), this.layout = (u) => {
       const l = Xn(this.didLayout$.pipe(U()));
@@ -5450,7 +5450,7 @@ class Ss extends G {
     };
     const c = this.layoutTriggerSubject.pipe(
       w(
-        ({ spreadPosition: u, horizontalOffset: l, isLastItem: d, edgeX: p, edgeY: g }) => {
+        ({ spreadPosition: u, horizontalOffset: l, isLastItem: d, edgeX: g, edgeY: p }) => {
           const { blankPagePosition: h, minimumWidth: m } = this.computeLayoutInformation({ horizontalOffset: l, isLastItem: d });
           this.hookManager.execute("item.onBeforeLayout", void 0, {
             blankPagePosition: h,
@@ -5472,8 +5472,8 @@ class Ss extends G {
                */
               this.updateContainerLayout({
                 minimumWidth: m,
-                edgeX: p,
-                edgeY: g
+                edgeX: g,
+                edgeY: p
               }),
               S((f) => (this.hookManager.execute("item.onAfterLayout", void 0, {
                 blankPagePosition: h,
@@ -5552,11 +5552,11 @@ class Zt extends Q {
       this.viewport
     );
     const l = this.renderer.state$.pipe(
-      V(({ state: d, error: p }) => {
+      V(({ state: d, error: g }) => {
         this.mergeCompare({
           isLoaded: d === "loaded",
           isError: d === "error",
-          error: d === "error" ? p : void 0
+          error: d === "error" ? g : void 0
         });
       })
     );
@@ -5644,7 +5644,7 @@ class bs extends G {
     );
     const r = this.forcedOpenSubject.pipe(
       S((u) => Array.from(u.keys()).sort((l, d) => l - d)),
-      N(hn),
+      R(hn),
       J({ bufferSize: 1, refCount: !0 })
     );
     P(
@@ -5660,11 +5660,11 @@ class bs extends G {
       De(this.context.bridgeEvent.viewportFree$),
       z(this.context.bridgeEvent.navigation$, r),
       S(([, u, l]) => {
-        const { numberOfAdjacentSpineItemToPreLoad: d } = o.values, { beginIndex: p = 0, endIndex: g = 0 } = i.getVisibleSpineItemsFromPosition({
+        const { numberOfAdjacentSpineItemToPreLoad: d } = o.values, { beginIndex: g = 0, endIndex: p = 0 } = i.getVisibleSpineItemsFromPosition({
           position: u.position,
           threshold: { type: "percentage", value: 0 },
           useAbsoluteViewport: !1
-        }) || {}, h = d === 1 / 0 ? 0 : p - d, m = d === 1 / 0 ? t.items.length - 1 : g + d, y = Array.from(
+        }) || {}, h = d === 1 / 0 ? 0 : g - d, m = d === 1 / 0 ? t.items.length - 1 : p + d, y = Array.from(
           { length: m - h + 1 },
           (I, b) => h + b
         ), f = [...l, ...y];
@@ -5779,21 +5779,21 @@ const Ps = ({
   viewportPosition: a,
   restrictToScreen: c
 }) => {
-  const u = a.x, l = a.x + (a.width - 1), d = a.y, p = Math.max(
+  const u = a.x, l = a.x + (a.width - 1), d = a.y, g = Math.max(
     a.y + (a.height - 1),
     0
-  ), g = Math.max(
+  ), p = Math.max(
     0,
     Math.min(t, l) - Math.max(e, u)
   ), h = Math.max(
     0,
-    Math.min(n, p) - Math.max(i, d)
+    Math.min(n, g) - Math.max(i, d)
   );
-  if (g <= 0 || h <= 0) return { visible: !1 };
+  if (p <= 0 || h <= 0) return { visible: !1 };
   const y = $s({
     threshold: r,
     visibleHeightOfItem: h,
-    visibleWidthOfItem: g,
+    visibleWidthOfItem: p,
     viewportPosition: a
   });
   return c ? { visible: y } : {
@@ -5802,7 +5802,7 @@ const Ps = ({
       itemWidth: o,
       threshold: r,
       visibleHeightOfItem: h,
-      visibleWidthOfItem: g
+      visibleWidthOfItem: p
     }) || y
   };
 }, qe = ({
@@ -5835,7 +5835,7 @@ const Ps = ({
     spineItemsManager: i,
     spineLayout: o
   }) || i.get(0), c = i.items.reduce(
-    (g, h) => {
+    (p, h) => {
       const m = o.getSpineItemSpineLayoutInfo(h), y = s ? r.absoluteViewport : r.relativeViewport, f = Jt(
         n,
         r.absoluteViewport,
@@ -5849,15 +5849,15 @@ const Ps = ({
         viewportPosition: I,
         restrictToScreen: t
       });
-      return b ? [...g, h] : g;
+      return b ? [...p, h] : p;
     },
     []
   ), u = c[0] ?? a, l = c[c.length - 1] ?? u;
   if (!u || !l) return;
-  const d = i.getSpineItemIndex(u), p = i.getSpineItemIndex(l);
+  const d = i.getSpineItemIndex(u), g = i.getSpineItemIndex(l);
   return {
     beginIndex: d ?? 0,
-    endIndex: p ?? 0
+    endIndex: g ?? 0
   };
 }, Fs = ({
   spineItemsManager: n,
@@ -6049,7 +6049,7 @@ class Cs extends Q {
       z(r),
       w(([, { pageSize: a }]) => {
         const c = t.items.reduce(
-          (l, d, p) => {
+          (l, d, g) => {
             const h = new Array(d.numberOfPages).fill(void 0).map((m, y) => {
               const f = i.getSpineItemPositionFromPageIndex({
                 spineItem: d,
@@ -6073,7 +6073,7 @@ class Cs extends Q {
                   x: f.x,
                   y: f.y
                 }),
-                itemIndex: p,
+                itemIndex: g,
                 absolutePageIndex: l.length + y,
                 spineItem: d,
                 pageIndex: y
@@ -6085,11 +6085,11 @@ class Cs extends Q {
         );
         return j(
           c.map((l) => {
-            const { spineItem: d, ...p } = l;
+            const { spineItem: d, ...g } = l;
             if (l.spineItem.value.isLoaded) {
-              const g = l.spineItem.renderer?.getDocumentFrame();
-              if (g && g?.contentWindow?.document && g.contentWindow.document.body !== null) {
-                const h = g.contentWindow.document;
+              const p = l.spineItem.renderer?.getDocumentFrame();
+              if (p && p?.contentWindow?.document && p.contentWindow.document.body !== null) {
+                const h = p.contentWindow.document;
                 return et().pipe(
                   S(() => {
                     const m = Ln(
@@ -6097,14 +6097,14 @@ class Cs extends Q {
                       l.layout
                     );
                     return {
-                      ...p,
+                      ...g,
                       firstVisibleNode: m
                     };
                   })
                 );
               }
             }
-            return v({ ...p, firstVisibleNode: void 0 });
+            return v({ ...g, firstVisibleNode: void 0 });
           })
         );
       }),
@@ -6120,7 +6120,7 @@ class Es extends G {
         ...t.map(
           (i) => i.pipe(
             S((o) => ({ item: i, ...o })),
-            N(O)
+            R(O)
           )
         )
       )),
@@ -6148,7 +6148,7 @@ class Es extends G {
 }
 class Ds extends G {
   constructor(e, t, i, o, s) {
-    super(), this.spineItemsManager = e, this.spineItemsObserver = t, this.context = i, this.settings = o, this.viewport = s, this.externalLayoutTrigger = new R(), this.spineItemsRelativeLayouts = [];
+    super(), this.spineItemsManager = e, this.spineItemsObserver = t, this.context = i, this.settings = o, this.viewport = s, this.externalLayoutTrigger = new N(), this.spineItemsRelativeLayouts = [];
     const r = P(
       t.itemLoad$,
       t.itemUnload$
@@ -6157,7 +6157,7 @@ class Ds extends G {
       r
     );
     this.layout$ = a.pipe(
-      $(() => {
+      x(() => {
         this.spineItemsManager.items.forEach((c) => {
           c.markDirty();
         });
@@ -6166,15 +6166,15 @@ class Ds extends G {
       w(
         () => this.spineItemsManager.items.reduce(
           (c, u, l) => c.pipe(
-            ln(({ horizontalOffset: d, verticalOffset: p }) => {
-              const g = d % s.absoluteViewport.width === 0, h = l === e.items.length - 1, m = o.values.computedPageTurnDirection === "vertical", y = i.isRTL(), f = this.getSpreadPosition(
-                g,
+            ln(({ horizontalOffset: d, verticalOffset: g }) => {
+              const p = d % s.absoluteViewport.width === 0, h = l === e.items.length - 1, m = o.values.computedPageTurnDirection === "vertical", y = i.isRTL(), f = this.getSpreadPosition(
+                p,
                 y
               ), { edgeX: I, edgeY: b } = this.getStartEdges(
                 m,
-                g,
-                d,
                 p,
+                d,
+                g,
                 s.absoluteViewport.height
               );
               return u.layout({
@@ -6184,19 +6184,19 @@ class Ds extends G {
                 edgeX: I,
                 edgeY: b
               }).pipe(
-                S(({ width: F, height: x }) => {
+                S(({ width: F, height: $ }) => {
                   const L = this.createSpineItemLayout(
                     m,
                     y,
                     I,
                     b,
                     F,
-                    x,
+                    $,
                     s.absoluteViewport.width
                   );
                   return this.spineItemsRelativeLayouts[l] = L, {
                     horizontalOffset: I + F,
-                    verticalOffset: m ? b + x : 0
+                    verticalOffset: m ? b + $ : 0
                   };
                 })
               );
@@ -6211,7 +6211,7 @@ class Ds extends G {
   }
   watchForVerticalWritingUpdate() {
     this.spineItemsObserver.itemLoad$.pipe(
-      $((e) => {
+      x((e) => {
         this.context.update({
           hasVerticalWriting: e.isUsingVerticalWriting()
         });
@@ -6312,7 +6312,7 @@ class As extends G {
       this.viewport
     );
     const c = e.watch("rootElement").pipe(
-      de(Z),
+      pe(Z),
       V((l) => {
         const d = l.ownerDocument.createElement("div");
         d.style.cssText = `
@@ -6327,9 +6327,9 @@ class As extends G {
       V(([l, d]) => {
         if (!d) return;
         this.spineItemsManager.destroyItems();
-        const p = l.spineItems.map(
-          (g, h) => new Zt(
-            g,
+        const g = l.spineItems.map(
+          (p, h) => new Zt(
+            p,
             d,
             this.context,
             this.settings,
@@ -6338,7 +6338,7 @@ class As extends G {
             this.viewport
           )
         );
-        this.spineItemsManager.addMany(p);
+        this.spineItemsManager.addMany(g);
       })
     );
     P(u, c).pipe(K(this.destroy$)).subscribe();
@@ -6359,7 +6359,7 @@ class As extends G {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class Rs extends G {
+class Ns extends G {
   constructor(e, t) {
     super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new q([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6402,7 +6402,7 @@ class Rs extends G {
     });
   }
 }
-class Ns extends Q {
+class Rs extends Q {
   constructor(e, t) {
     const i = document.createElement("div");
     i.setAttribute(`data-${oi}`, ""), super({
@@ -6415,13 +6415,13 @@ class Ns extends Q {
       height: 1
     }), this.context = e, this.settingsManager = t;
     const o = this.settingsManager.watch(["computedSpreadMode"]).pipe(
-      $(() => {
+      x(() => {
         this.mergeCompare({
           pageSize: this.calculatePageSize(this.value)
         });
       })
     ), s = this.context.watch("rootElement").pipe(
-      $(() => {
+      x(() => {
         this.layout();
       })
     );
@@ -6480,11 +6480,11 @@ class Ns extends Q {
   }
 }
 const xt = `${Vt}-core`, Os = (n) => {
-  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new Ao(), s = new Eo(), r = new fs(n, s), a = new Do(s, r), c = new Rs(s, r), u = new Ns(s, r), l = qt({
+  const e = crypto.randomUUID(), t = new N(), i = new N(), o = new Ao(), s = new Eo(), r = new fs(n, s), a = new Do(s, r), c = new Ns(s, r), u = new Rs(s, r), l = qt({
     context: s,
     settings: r,
     viewport: u
-  }), d = new ps(s, c), p = new As(
+  }), d = new ps(s, c), g = new As(
     s,
     d,
     c,
@@ -6492,32 +6492,32 @@ const xt = `${Vt}-core`, Os = (n) => {
     r,
     o,
     u
-  ), g = ds({
+  ), p = ds({
     context: s,
     spineItemsManager: c,
     hookManager: o,
-    spine: p,
+    spine: g,
     settings: r,
     viewport: u
   }), h = new gs(
     s,
     d,
     c,
-    p,
+    g,
     l
   );
-  g.navigationState$.subscribe(s.bridgeEvent.viewportStateSubject), g.navigation$.subscribe(s.bridgeEvent.navigationSubject), g.locker.isLocked$.subscribe(
+  p.navigationState$.subscribe(s.bridgeEvent.viewportStateSubject), p.navigation$.subscribe(s.bridgeEvent.navigationSubject), p.locker.isLocked$.subscribe(
     s.bridgeEvent.navigationIsLockedSubject
   ), d.subscribe(s.bridgeEvent.paginationSubject);
   const m = () => {
     t.next();
-  }, y = (x) => {
-    const { containerElement: L, manifest: H } = x;
+  }, y = ($) => {
+    const { containerElement: L, manifest: H } = $;
     if (s.manifest) {
       A.warn("loading a new book is not supported yet");
       return;
     }
-    A.log("load", { options: x });
+    A.log("load", { options: $ });
     const B = Vs(L, e);
     s.update({
       manifest: H,
@@ -6525,31 +6525,28 @@ const xt = `${Vt}-core`, Os = (n) => {
     }), m();
   }, f = r.watch(["computedSpreadMode"]).pipe(Lt(1), V(m)), I = t.pipe(
     V(() => {
-      const x = s.value.rootElement;
-      x && (x.style.setProperty("overflow", "hidden"), u.layout(), p.layout());
+      const $ = s.value.rootElement;
+      $ && ($.style.setProperty("overflow", "hidden"), u.layout(), g.layout());
     }),
     K(i)
   ), b = P(I, f).subscribe();
-  Ce(document, xt, Ro);
+  Ce(document, xt, No);
   const F = () => {
-    Ee(document, xt), b.unsubscribe(), c.destroy(), h.destroy(), r.destroy(), d.destroy(), s.destroy(), g.destroy(), p.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
+    Ee(document, xt), b.unsubscribe(), c.destroy(), h.destroy(), r.destroy(), d.destroy(), s.destroy(), p.destroy(), g.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
   return {
     id: e,
     context: s,
-    spine: p,
+    spine: g,
     hookManager: o,
     cfi: {
       generateCfiFromRange: io,
       parseCfi: it,
-      generateCfiForSpineItemPage: (x) => He({
-        ...x,
-        spine: p
-      }),
-      resolveCfi: (x) => _t({ ...x, spineItemsManager: c })
+      generateCfiForSpineItemPage: He,
+      resolveCfi: ($) => _t({ ...$, spineItemsManager: c })
     },
-    navigation: g,
-    spineItemsObserver: p.spineItemsObserver,
+    navigation: p,
+    spineItemsObserver: g.spineItemsObserver,
     spineItemsManager: c,
     layout: m,
     load: y,
@@ -6563,7 +6560,7 @@ const xt = `${Vt}-core`, Os = (n) => {
       }
     },
     settings: r,
-    renderHeadless: (x) => c.get(x)?.renderer.renderHeadless() ?? v(void 0),
+    renderHeadless: ($) => c.get($)?.renderer.renderHeadless() ?? v(void 0),
     viewport: u,
     viewportState$: s.bridgeEvent.viewportState$,
     viewportFree$: s.bridgeEvent.viewportFree$,
@@ -6574,7 +6571,7 @@ const xt = `${Vt}-core`, Os = (n) => {
      * It can typically be used to hide a loading indicator.
      */
     state$: s.manifest$.pipe(
-      ie((x) => x ? "ready" : "idle")
+      ie(($) => $ ? "ready" : "idle")
     ),
     features: a,
     $: {
@@ -6597,7 +6594,7 @@ const xt = `${Vt}-core`, Os = (n) => {
                 Mo(
                   Xi(
                     yi(
-                      Ri(
+                      Ni(
                         zn(
                           Bn(
                             co(
@@ -6656,21 +6653,21 @@ export {
   Ii as SpineItemPageSpineLayout,
   E as SpineItemPosition,
   Oe as SpineItemSpineLayout,
-  Rs as SpineItemsManager,
+  Ns as SpineItemsManager,
   Es as SpineItemsObserver,
   M as SpinePosition,
   xo as UnboundScrollPosition,
-  Ne as UnboundSpineItemPagePosition,
+  Re as UnboundSpineItemPagePosition,
   ae as UnboundSpinePosition,
   Ys as VIEWPORT_ADJUSTMENT_THROTTLE,
-  Ns as Viewport,
+  Rs as Viewport,
   ro as consolidate,
   Js as createReader,
   at as deferIdle,
   Xn as deferNextResult,
   He as generateCfiForSpineItemPage,
   io as generateCfiFromRange,
-  he as generateRootCfi,
+  de as generateRootCfi,
   rt as getAttributeValueFromString,
   Hs as getBase64FromBlob,
   Je as getFrameViewportInfo,
@@ -6680,11 +6677,11 @@ export {
   Vn as injectCSSToFrame,
   Z as isDefined,
   At as isHtmlElement,
-  Nn as isHtmlTagElement,
+  Rn as isHtmlTagElement,
   Be as isRootCfi,
   tr as isShallowEqual,
   Di as layoutEnhancer,
-  Rt as mapKeysTo,
+  Nt as mapKeysTo,
   _s as observeIntersection,
   ct as observeMutation,
   Qe as observeResize,