@prose-reader/core 1.268.0 → 1.269.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { switchMap as w, of as v, fromEvent as q, take as Tt, map as S, from as A, takeUntil as $, Observable as se, defer as Ft, Subject as R, combineLatest as N, merge as x, EMPTY as _, NEVER as he, tap as P, share as j, BehaviorSubject as Y, distinctUntilChanged as k, filter as M, mergeMap as ge, first as V, endWith as ye, catchError as Ue, finalize as pe, lastValueFrom as an, scheduled as cn, animationFrameScheduler as ce, exhaustMap as ze, debounceTime as be, withLatestFrom as z, throttleTime as un, startWith as ne, shareReplay as J, switchScan as ln, defaultIfEmpty as dn, forkJoin as pn, delay as xe, timer as Te, skip as Lt, ReplaySubject as ot, identity as Pe, reduce as gn, concatMap as st } from "rxjs";
+import { switchMap as w, of as v, fromEvent as q, take as Tt, map as S, from as A, takeUntil as $, Observable as se, defer as Ft, Subject as R, combineLatest as O, merge as P, EMPTY as _, NEVER as he, tap as x, share as j, BehaviorSubject as Y, distinctUntilChanged as k, filter as M, mergeMap as ge, first as V, endWith as ye, catchError as Ue, finalize as pe, lastValueFrom as an, scheduled as cn, animationFrameScheduler as ce, exhaustMap as ze, debounceTime as be, withLatestFrom as z, throttleTime as un, startWith as ne, shareReplay as J, switchScan as ln, defaultIfEmpty as dn, forkJoin as pn, delay as Pe, timer as Te, skip as Lt, ReplaySubject as ot, identity as xe, reduce as gn, concatMap as st } from "rxjs";
 import { Report as hn, isShallowEqual as U, shallowMergeIfDefined as $e, getParentPath as mn, parseContentType as fn, detectMimeTypeFromName as Me, arrayEqual as yn } from "@prose-reader/shared";
 import { isShallowEqual as or } from "@prose-reader/shared";
-import { switchMap as X, first as Mt, map as ie, distinctUntilChanged as fe, startWith as Sn, shareReplay as Ze, tap as O, pairwise as In, take as bn, takeUntil as K, filter as ae, debounceTime as vn, skip as Ct, mergeMap as wn, catchError as rt } from "rxjs/operators";
-import { generate as We, parse as Et, isIndirectionOnly as xn, isParsedCfiRange as Pn, resolve as $n } from "@prose-reader/cfi";
+import { switchMap as X, first as Mt, map as ie, distinctUntilChanged as fe, startWith as Sn, shareReplay as Ze, tap as N, pairwise as In, take as bn, takeUntil as K, filter as ae, debounceTime as vn, skip as Ct, mergeMap as wn, catchError as rt } from "rxjs/operators";
+import { generate as We, parse as Et, isIndirectionOnly as Pn, isParsedCfiRange as xn, resolve as $n } from "@prose-reader/cfi";
 const Tn = "@prose-reader/core", D = hn.namespace(Tn, void 0, {
   color: "#98cde7"
 }), Fn = [
@@ -134,7 +134,7 @@ const En = (n, e) => {
     // JavaScript files
   ].join(",");
   return Array.from(n?.querySelectorAll(e) || []);
-}, On = (n) => {
+}, Nn = (n) => {
   if (Rt(n).forEach((t) => {
     const i = t.getAttribute("src") || t.getAttribute("href");
     i?.startsWith("blob:") && n?.defaultView?.URL.revokeObjectURL(i);
@@ -161,7 +161,7 @@ function At(n, e, t = []) {
       return !1;
   return !0;
 }
-function Ot(n) {
+function Nt(n) {
   return At(
     n,
     ["nodeType"],
@@ -169,8 +169,8 @@ function Ot(n) {
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
-function Nn(n, e) {
-  return Ot(n) && n.tagName.toLowerCase() === e.toLowerCase();
+function On(n, e) {
+  return Nt(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
 function Vn(n) {
   return At(
@@ -395,13 +395,13 @@ const Ce = (n, e, t, i) => {
       });
     }
   ), t;
-}, Nt = (n) => ie((e) => Object.entries(e).reduce(
+}, Ot = (n) => ie((e) => Object.entries(e).reduce(
   (t, [i, o]) => n.includes(i) ? {
     ...t,
     [i]: o
   } : t,
   {}
-)), Qe = (n) => (e) => e.pipe(Nt(n), fe(U));
+)), Qe = (n) => (e) => e.pipe(Ot(n), fe(U));
 function et(n) {
   return new se((e) => {
     const t = new ResizeObserver((i) => {
@@ -469,7 +469,7 @@ class jt {
     this.outputSettings = this.computeOutputSettings(i), this.inputSettings = $e(
       this.getDefaultSettings(),
       e
-    ), this.outputSettingsUpdateSubject = new R(), this.values$ = N([
+    ), this.outputSettingsUpdateSubject = new R(), this.values$ = O([
       this.settingsManager.values$,
       this.outputSettingsUpdateSubject.pipe(Sn(this.outputSettings))
     ]).pipe(
@@ -583,7 +583,7 @@ const Gn = (n) => (e) => {
   );
   return c.values$.pipe(
     d,
-    O(l),
+    N(l),
     $(a.$.destroy$)
   ).subscribe(), {
     ...a,
@@ -615,7 +615,7 @@ const Gn = (n) => (e) => {
   );
   return i(document).pipe($(t.$.destroy$)).subscribe(), t.spineItemsManager.items$.pipe(
     w(
-      (o) => x(
+      (o) => P(
         ...o.map(
           (s) => s.watch("isLoaded").pipe(
             w(() => {
@@ -630,7 +630,7 @@ const Gn = (n) => (e) => {
   ).subscribe(), t;
 }, Jn = (n) => n.spine.spineItemsManager.items$.pipe(
   w(
-    (e) => x(
+    (e) => P(
       ...e.map((t) => t.watch("isLoaded").pipe(
         w(() => {
           const i = t.renderer.getDocumentFrame();
@@ -640,12 +640,12 @@ const Gn = (n) => (e) => {
           ).map(
             (r) => q(r, "click")
           );
-          return x(...s);
+          return P(...s);
         })
       ))
     )
   ),
-  P((e) => {
+  x((e) => {
     e.preventDefault();
   }),
   j()
@@ -705,7 +705,7 @@ const Le = class Le extends Q {
             }).filter(
               (l) => l instanceof se
             );
-            return N([v(null), ...u]).pipe(V());
+            return O([v(null), ...u]).pipe(V());
           })
         ))),
         S(() => {
@@ -719,13 +719,13 @@ const Le = class Le extends Q {
       ge(() => this.value.state === "unloading" || this.value.state === "idle" ? _ : (this.next({ state: "unloading", error: void 0 }), this.context.bridgeEvent.viewportFree$.pipe(
         V(),
         w(() => (this.hookManager.destroy("item.onDocumentLoad", this.item.id), this.onUnload().pipe(ye(null), V()))),
-        P(() => {
+        x(() => {
           this.next({ state: "idle", error: void 0 });
         }),
         $(i)
       )))
     );
-    x(this.loaded$, o).pipe(
+    P(this.loaded$, o).pipe(
       Ue((s) => (this.next({ state: "error", error: s }), _)),
       $(this.destroy$)
     ).subscribe();
@@ -922,10 +922,10 @@ const kt = (n, e) => {
         n
       )
     );
-    return N(a).pipe(S(() => o));
+    return O(a).pipe(S(() => o));
   })
 ), ni = (n) => {
-  On(n?.contentDocument);
+  Nn(n?.contentDocument);
 }, Gs = "@prose-reader/core", Zs = 0, Js = 200, ii = [".xhtml", ".html", ".htm"], W = "prose-reader", Ut = `${W}-style`, oi = `data-${W}-id`, si = `${W}-viewport`, ri = `${W}-scroll-navigator`, ai = async (n, e) => {
   if (typeof n == "string") return n;
   const t = fn(n.headers.get("Content-Type") || "") || Me(e.href);
@@ -986,7 +986,7 @@ const kt = (n, e) => {
             throw new Error("Invalid resource");
           return A(t(a));
         }),
-        P((a) => {
+        x((a) => {
           if (a) {
             const c = new Blob([a], { type: "text/html" }), u = URL.createObjectURL(c);
             o?.setAttribute("src", u);
@@ -1342,7 +1342,7 @@ class Si extends Se {
         settings: this.settings
       }),
       De(this.context.bridgeEvent.viewportFree$),
-      P(() => {
+      x(() => {
         this.attach();
       }),
       kn,
@@ -1481,7 +1481,7 @@ class C {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
   }
 }
-class Oe {
+class Ne {
   constructor(e) {
     this.__symbol = /* @__PURE__ */ Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
   }
@@ -1528,10 +1528,10 @@ const wi = (n, e) => {
     x: u / a,
     y: l / c
   };
-}, xi = (n, e) => new ue(
+}, Pi = (n, e) => new ue(
   wi(n, e)
-), Pi = (n) => ({
-  getSpinePositionFromClientPosition: (e) => n.spine.element ? xi(e, n.spine.element) : void 0
+), xi = (n) => ({
+  getSpinePositionFromClientPosition: (e) => n.spine.element ? Pi(e, n.spine.element) : void 0
 }), $i = (n) => {
   let e;
   const t = n.context.watch("rootElement").pipe(
@@ -1546,14 +1546,14 @@ const wi = (n, e) => {
       e?.remove(), e = void 0;
     })) : he)
   ), i = (c) => cn(c, ce).pipe(
-    O(() => {
+    N(() => {
       e?.style.setProperty(
         "visibility",
         "hidden"
       );
     })
   ), o = n.context.bridgeEvent.viewportBusy$.pipe(
-    O(() => {
+    N(() => {
       e?.style.setProperty(
         "visibility",
         "visible"
@@ -1570,7 +1570,7 @@ const wi = (n, e) => {
     ),
     K(n.$.destroy$)
   );
-  return x(t, a);
+  return P(t, a);
 }, Ti = `${W}-enhancer-loading`, Ht = `${Ti}-container`, Fi = ({
   container: n,
   item: e,
@@ -1608,7 +1608,7 @@ const wi = (n, e) => {
     `, i.appendChild(o), i.appendChild(s), i;
 }, Li = (n) => n.spineItemsManager.items$.pipe(
   X(
-    (e) => x(
+    (e) => P(
       ...e.map((t) => {
         t.containerElement.style.zIndex = "0";
         const i = t.containerElement.querySelector(
@@ -1618,9 +1618,9 @@ const wi = (n, e) => {
           item: t.item,
           viewport: n.viewport
         });
-        return t.containerElement.appendChild(o), x(
+        return t.containerElement.appendChild(o), P(
           t.pipe(
-            O((s) => {
+            N((s) => {
               if (o.style.setProperty(
                 "visibility",
                 s.isReady ? "hidden" : "visible"
@@ -1635,8 +1635,8 @@ const wi = (n, e) => {
               }
             })
           ),
-          N([n.spine.layout$, n.theme.$.theme$]).pipe(
-            O(([, s]) => {
+          O([n.spine.layout$, n.theme.$.theme$]).pipe(
+            N(([, s]) => {
               const r = n.viewport.absoluteViewport.width;
               o.style.setProperty(
                 "max-width",
@@ -1674,10 +1674,10 @@ const wi = (n, e) => {
   );
 }, Ei = (n) => n.spineItemsManager.items$.pipe(
   w(
-    (e) => x(
+    (e) => P(
       ...e.map(
         (t) => t.pipe(
-          P((i) => {
+          x((i) => {
             t.containerElement.dataset.isDirty = i.iDirty.toString(), t.containerElement.dataset.isReady = i.isReady.toString();
           })
         )
@@ -1711,11 +1711,11 @@ let Di = class extends jt {
     };
   }
 };
-const Ri = (n) => N([
+const Ri = (n) => O([
   n.viewport.watch(["width", "height"]),
   n.context.watch("manifest")
 ]).pipe(
-  P(([{ width: e, height: t }, i]) => {
+  x(([{ width: e, height: t }, i]) => {
     const o = e > t;
     return !o && i?.renditionSpread === "portrait" ? n.settings.update({ spreadMode: !0 }) : o && (i?.renditionSpread === void 0 || i?.renditionSpread === "auto" || i?.renditionSpread === "landscape" || i?.renditionSpread === "both") ? n.settings.update({ spreadMode: !0 }) : n.settings.update({ spreadMode: !1 });
   })
@@ -1783,7 +1783,7 @@ const Ri = (n) => N([
   });
   const c = r.spineItemsObserver.itemIsReady$.pipe(
     ae(({ isReady: m }) => m),
-    O(({ item: m }) => {
+    N(({ item: m }) => {
       const y = m.renderer.documentContainer;
       y && (y.style.opacity = "1");
     })
@@ -1794,13 +1794,13 @@ const Ri = (n) => N([
     X((m) => et(m)),
     vn(100),
     ae(Z),
-    O(() => {
+    N(() => {
       r?.layout();
     })
   ), l = $i(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
     Ct(1),
-    O(() => {
+    N(() => {
       r.layout();
     }),
     K(r.$.destroy$)
@@ -1808,7 +1808,7 @@ const Ri = (n) => N([
   const d = r.spine.pages.pipe(
     Ze({ refCount: !0, bufferSize: 1 })
   ), p = Ei(r), g = Ri(r), h = Li(r);
-  return x(
+  return P(
     c,
     l,
     u,
@@ -1824,10 +1824,10 @@ const Ri = (n) => N([
     settings: a,
     layout$: r.spine.layout$,
     layoutInfo$: d,
-    coordinates: Pi(r)
+    coordinates: xi(r)
   };
 };
-class Oi extends Se {
+class Ni extends Se {
   getImageElement() {
     const e = this.documentContainer;
     if (e instanceof HTMLImageElement)
@@ -1879,12 +1879,12 @@ class Oi extends Se {
   getDocumentFrame() {
   }
 }
-const Ni = (n) => (e) => {
+const Oi = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(r) {
       const a = e.getRenderer?.(r), u = !!(r.mediaType ?? Me(r.href))?.startsWith("image/");
-      return !a && u ? (l) => new Oi(l) : a;
+      return !a && u ? (l) => new Ni(l) : a;
     }
   }), i = new IntersectionObserver(
     (r) => {
@@ -1935,8 +1935,8 @@ const Ni = (n) => (e) => {
     }
   };
 }, Vi = (n, e) => n.links$.pipe(
-  P((t) => {
-    if (!Nn(t.target, "a") || t.type !== "click") return;
+  x((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
@@ -2393,7 +2393,7 @@ class Bi extends G {
     const i = this.scrollNavigationController.userScroll$.pipe(
       ze((o) => {
         const s = this.locker.lock();
-        return x(
+        return P(
           this.scrollNavigationController.userScroll$,
           v(o)
         ).pipe(
@@ -2402,7 +2402,7 @@ class Bi extends G {
             ce
           ),
           V(),
-          P(() => {
+          x(() => {
             const r = this.scrollNavigationController.fromScrollPosition(
               this.scrollNavigationController.scrollPosition
             );
@@ -2418,7 +2418,7 @@ class Bi extends G {
         );
       })
     );
-    x(i).pipe($(this.destroy$)).subscribe();
+    P(i).pipe($(this.destroy$)).subscribe();
   }
 }
 const Xi = (n) => n.pagination.state$.pipe(
@@ -2447,14 +2447,14 @@ const Xi = (n) => n.pagination.state$.pipe(
     i?.(), i = void 0;
   };
   return t.pipe(
-    P(() => {
+    x(() => {
       i || (i = n?.navigation.lock());
     }),
     un(e, ce, {
       trailing: !0,
       leading: !0
     }),
-    P(o),
+    x(o),
     pe(o)
   );
 }, qi = (n) => (e) => {
@@ -2462,11 +2462,11 @@ const Xi = (n) => n.pagination.state$.pipe(
     t.navigation.scrollNavigationController,
     t.navigation.locker
   ), a = Vi(t, o), c = r.navigation$.pipe(
-    P((d) => {
+    x((d) => {
       t.navigation.navigate(d);
     })
   );
-  return x(a, c).pipe($(t.$.destroy$)).subscribe(), {
+  return P(a, c).pipe($(t.$.destroy$)).subscribe(), {
     ...t,
     load: (d) => {
       const { cfi: p, ...g } = d;
@@ -2622,7 +2622,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     // hasPreviousChapter: (reader.spine.spineItemIndex || 0) < (manifest.readingOrder.length - 1),
     // numberOfSpineItems: context.manifest?.readingOrder.length,
   });
-}, io = (n) => N([
+}, io = (n) => O([
   n.pagination.state$,
   // Usually pagination change if layout changes (number of pages) however it is especially
   // useful for like webtoon where you still have one page but only the layout will give you the final size
@@ -2655,7 +2655,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     endChapterInfo: void 0,
     endSpineItemReadingDirection: void 0,
     percentageEstimateOfBook: 0
-  }), o = N([
+  }), o = O([
     n.pagination.state$,
     e,
     io(n)
@@ -2675,7 +2675,7 @@ const Xi = (n) => n.pagination.state$.pipe(
     ),
     k(U)
   );
-  return { paginationInfo$: N([
+  return { paginationInfo$: O([
     o,
     t
   ]).pipe(
@@ -2691,7 +2691,7 @@ const Xi = (n) => n.pagination.state$.pipe(
         r.endPageIndexInSpineItem ?? 0
       )
     })),
-    P((r) => {
+    x((r) => {
       i.next(r);
     }),
     J(1)
@@ -2742,9 +2742,9 @@ const Xi = (n) => n.pagination.state$.pipe(
   item: e
 }), Qs = (n) => n.index.toString(), gt = (n) => n[0]?.index === 6 && n.length > 1, Xe = (n) => {
   const e = Et(n);
-  return xn(e);
+  return Pn(e);
 }, ro = (n) => Array.isArray(n) ? n[0] && gt(n[0]) ? n[0] : void 0 : n.parent[0] && gt(n.parent[0]) ? n.parent[0] : void 0, it = (n) => {
-  const e = Et(n), s = ((ro(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
+  const e = Et(n), s = ((ro(e) ?? [])[1]?.index ?? 2) / 2 - 1, r = xn(e), a = r ? e.end.at(-1)?.at(-1)?.offset : e.at(-1)?.at(-1)?.offset;
   return {
     isCfiRange: r,
     itemIndex: s,
@@ -2896,7 +2896,7 @@ class uo {
   }
   locateResource(e, t) {
     return Array.isArray(e) ? ct(
-      () => N(
+      () => O(
         e.map((i) => this.locate(i, t ?? {}))
       ).pipe(dn([]))
     ) : this.locate(e, t ?? {});
@@ -2971,7 +2971,7 @@ const lo = (n) => (e) => {
       a(d);
     };
   })
-}), Ne = async (n) => new Promise((e, t) => {
+}), Oe = async (n) => new Promise((e, t) => {
   const i = window.indexedDB.open(n);
   i.onerror = (o) => {
     t(o);
@@ -2991,7 +2991,7 @@ const lo = (n) => (e) => {
   }, o = async (c, u) => {
     const l = i(c);
     if (!l) return new Response("Item not found", { status: 404 });
-    const p = await (await Ne("prose-reader")).get(`${e}_${l.id}`);
+    const p = await (await Oe("prose-reader")).get(`${e}_${l.id}`);
     if (p)
       return new Response(p, { status: 200 });
     const g = u && await u(l) || await fetch(l.href);
@@ -3003,7 +3003,7 @@ const lo = (n) => (e) => {
     wn(({ id: c, data: u }) => {
       const l = i(c);
       return l ? A(
-        pn([Ne("prose-reader"), A(u.blob())])
+        pn([Oe("prose-reader"), A(u.blob())])
       ).pipe(
         X(([d, p]) => A(d.put(`${e}_${l.id}`, p))),
         rt((d) => (D.error(d), _))
@@ -3012,12 +3012,12 @@ const lo = (n) => (e) => {
     K(n.destroy$)
   ).subscribe();
   const r = n.manifest$.pipe(
-    O(() => {
+    N(() => {
       e = Date.now().toString();
     })
   );
-  return x(r).pipe(
-    X(() => (D.debug("Cleanup up old cache..."), A(Ne("prose-reader")).pipe(
+  return P(r).pipe(
+    X(() => (D.debug("Cleanup up old cache..."), A(Oe("prose-reader")).pipe(
       X(
         (c) => A(c.keys()).pipe(
           ie(
@@ -3113,16 +3113,16 @@ class yo extends G {
           )
         )
       ) : v(null);
-      this.selectionChange$ = x(
+      this.selectionChange$ = P(
         q(t, "selectionchange"),
         i
       ).pipe(
         S(() => t.getSelection()),
-        $(x(o, this.destroy$)),
+        $(P(o, this.destroy$)),
         ye(null)
       ), this.selectionOver$ = q(t, "pointerdown").pipe(
         w(
-          () => x(
+          () => P(
             q(t, "pointerup"),
             q(t, "pointercancel"),
             q(t, "contextmenu")
@@ -3132,7 +3132,7 @@ class yo extends G {
              * The selection is still valid during the event even if it will
              * be discarded. The timeout make sure to detect this edge case.
              */
-            xe(0),
+            Pe(0),
             S((s) => {
               const r = t.getSelection();
               return r && !r.isCollapsed ? [s, r] : void 0;
@@ -3140,7 +3140,7 @@ class yo extends G {
             M(Z)
           )
         ),
-        $(x(o, this.destroy$))
+        $(P(o, this.destroy$))
       );
     }
   }
@@ -3150,7 +3150,7 @@ const So = (n) => n.watch("isLoaded").pipe(
     const e = n.renderer.getDocumentFrame(), t = e?.contentDocument || e?.contentWindow?.document;
     if (!e || !t) return he;
     const i = new yo(e);
-    return x(
+    return P(
       i.selectionChange$.pipe(
         S((o) => {
           if (o?.toString())
@@ -3193,11 +3193,11 @@ const So = (n) => n.watch("isLoaded").pipe(
           })
         );
       });
-      return x(...d);
+      return P(...d);
     }),
     ne(void 0),
     k(),
-    P((l) => {
+    x((l) => {
       i = l;
     }),
     J({ refCount: !0, bufferSize: 1 })
@@ -3222,7 +3222,7 @@ const So = (n) => n.watch("isLoaded").pipe(
     ne(void 0),
     J({ refCount: !0, bufferSize: 1 })
   );
-  return x(s, u).pipe($(t.$.destroy$)).subscribe(), {
+  return P(s, u).pipe($(t.$.destroy$)).subscribe(), {
     ...t,
     selection: {
       selection$: s,
@@ -3291,14 +3291,14 @@ const So = (n) => n.watch("isLoaded").pipe(
       u && oe(u, "prose-reader-theme", o());
     }
   }), t.spineItemsManager.items$.pipe(
-    O(
+    N(
       (a) => a.map(
         ({ element: c }) => s({ container: c })
       )
     ),
     K(t.$.destroy$)
   ).subscribe(), i.pipe(
-    O(() => {
+    N(() => {
       r();
     }),
     K(t.$.destroy$)
@@ -3319,7 +3319,7 @@ const So = (n) => n.watch("isLoaded").pipe(
   return {
     ...t,
     utils: {
-      isOrIsWithinValidLink: (s) => !!(Ot(s) && (s.nodeName === "a" ? s : s.closest("a"))?.getAttribute("href")),
+      isOrIsWithinValidLink: (s) => !!(Nt(s) && (s.nodeName === "a" ? s : s.closest("a"))?.getAttribute("href")),
       injectScopedCSS: (s, r, a) => {
         const c = a.replace("${id}", t.id);
         return Ce(s, `${r}-${t.id}`, c);
@@ -3328,7 +3328,7 @@ const So = (n) => n.watch("isLoaded").pipe(
   };
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
-const wo = (n) => (e) => n(e), xo = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}", mt = (n, e, t) => {
+const wo = (n) => (e) => n(e), Po = "[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}", mt = (n, e, t) => {
   const { clientWidth: i, clientHeight: o } = t.value.element, s = {
     maxX: 0,
     minX: i * (1 - e),
@@ -3339,7 +3339,7 @@ const wo = (n) => (e) => n(e), xo = "[data-prose-reader-scroll-navigator][data-p
     x: Math.min(Math.max(n.x, s.minX), s.maxX),
     y: Math.min(Math.max(n.y, s.minY), s.maxY)
   };
-}, Po = (n, e, t) => {
+}, xo = (n, e, t) => {
   t.style.transformOrigin = "0 0";
   const i = `translate3d(${e.x}px, ${e.y}px, 0px)`, o = `scale(${n})`;
   t.style.transform = `${i} ${o}`;
@@ -3377,33 +3377,33 @@ class Fo extends Q {
         top: g.y,
         behavior: "instant"
       }), Te(1).pipe(
-        P(() => {
+        x(() => {
           this.scrollingSubject.next(!1);
         }),
-        $(x(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
+        $(P(this.scrollingSubject.pipe(Lt(1)), this.destroy$))
       ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
     };
     const r = this.context.pipe(
       Qe(["rootElement"]),
-      P(({ rootElement: d }) => {
+      x(({ rootElement: d }) => {
         if (!d) return;
         const p = document.createElement("div");
         p.setAttribute(`data-${ri}`, ""), p.appendChild(this.viewport.value.element), d.appendChild(p), this.update({ element: p });
       })
-    ), a = N([
+    ), a = O([
       t.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      P(([{ computedPageTurnMode: d }, p]) => {
+      x(([{ computedPageTurnMode: d }, p]) => {
         p && (d === "scrollable" ? p.style.display = "block" : p.style.display = "contents");
       })
-    ), c = this.navigateSubject.pipe(P(this.setViewportPosition));
+    ), c = this.navigateSubject.pipe(x(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
       ne(!1),
-      w(() => x(v(!0), v(!1))),
+      w(() => P(v(!0), v(!1))),
       J(1)
     );
-    const u = x(
+    const u = P(
       o.element$.pipe(
         M(Z),
         w((d) => et(d))
@@ -3422,7 +3422,7 @@ class Fo extends Q {
       ),
       k(),
       ne(!1)
-    ), l = N([
+    ), l = O([
       u,
       this.isScrolling$
     ]).pipe(
@@ -3447,7 +3447,7 @@ class Fo extends Q {
         )
       ),
       j()
-    ), x(r, a, c).pipe($(this.destroy$)).subscribe();
+    ), P(r, a, c).pipe($(this.destroy$)).subscribe();
   }
   update(e) {
     this.mergeCompare(e);
@@ -3523,7 +3523,7 @@ class Co extends Q {
           currentScale: 1,
           currentPosition: { x: 0, y: 0 }
         }), this.updateZoom(s), s !== 1 && this.isControlled ? Te(o?.animate ? we : 0).pipe(
-          P(() => {
+          x(() => {
             this.reader.layout();
           })
         ) : _;
@@ -3542,7 +3542,7 @@ class Co extends Q {
         ), o?.animate && this.isControlled && (s.style.transition = `transform ${we}ms`), this.updateZoom(1, { x: 0, y: 0 }), s.style.transform = "", this.mergeCompare({
           isZooming: !1
         }), Te(o?.animate ? we : 0).pipe(
-          P(() => {
+          x(() => {
             const r = this.reader.viewport.value.element;
             r.style.transformOrigin = "", r.style.transition = "", this.isControlled && this.reader.layout();
           }),
@@ -3550,7 +3550,7 @@ class Co extends Q {
         );
       })
     );
-    x(t, i).pipe($(this.destroy$)).subscribe();
+    P(t, i).pipe($(this.destroy$)).subscribe();
   }
   enter(e) {
     this.enterSubject.next(e);
@@ -3588,7 +3588,7 @@ class Co extends Q {
     });
   }
   applyZoom(e, t) {
-    this.isControlled ? Po(
+    this.isControlled ? xo(
       e,
       t,
       this.viewport.element
@@ -3606,7 +3606,7 @@ class Co extends Q {
 }
 const yt = `${Ut}-enhancer-zoom`, Eo = (n) => (e) => {
   const t = n(e), i = new Co(t);
-  Ce(document, yt, xo);
+  Ce(document, yt, Po);
   const o = () => {
     Ee(document, yt), i.destroy(), t.destroy();
   }, s = i;
@@ -3672,7 +3672,7 @@ class Ao extends Q {
       supportedPageTurnMode: ["controlled", "scrollable"],
       supportedPageTurnDirection: ["horizontal", "vertical"],
       supportedComputedPageTurnDirection: ["horizontal", "vertical"]
-    }), N([
+    }), O([
       e.watch(["manifest", "hasVerticalWriting"]),
       t.watch(["computedPageTurnMode"])
     ]).pipe(
@@ -3700,7 +3700,7 @@ class Ao extends Q {
     ).subscribe(this.next.bind(this));
   }
 }
-class Oo {
+class No {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3759,10 +3759,10 @@ class Oo {
       (r) => !o.includes(r)
     );
     const s = o.map(({ destroyFn: r }) => r());
-    return N(s);
+    return O(s);
   }
 }
-const No = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", Vo = (n) => ({
+const Oo = "[data-prose-reader-scroll-navigator]{height:100%;width:100%;position:relative;overflow-y:scroll;overflow-x:hidden}[data-prose-reader-viewport]{background-color:#fff;position:relative;height:100%;width:100%}", Vo = (n) => ({
   x: -n.x,
   y: -n.y
 }), jo = (n) => n instanceof DOMMatrix ? new L({
@@ -3780,7 +3780,7 @@ class Uo extends G {
     const r = this.spine.element$.pipe(
       M(Z),
       z(this.element$),
-      P(([l, d]) => {
+      x(([l, d]) => {
         d.style.cssText = `
           height: 100%;
           width: 100%;
@@ -3791,22 +3791,22 @@ class Uo extends G {
       "computedPageTurnDirection",
       "computedPageTurnMode",
       "numberOfAdjacentSpineItemToPreLoad"
-    ]), c = N([
+    ]), c = O([
       a,
       this.element$
     ]).pipe(
-      P(([, l]) => {
+      x(([, l]) => {
         e.values.computedPageTurnMode === "scrollable" ? l.style.display = "contents" : l.style.display = "block";
       })
     );
     this.layout$ = c.pipe(
-      P(() => {
+      x(() => {
         St.info("layout", e.values);
       }),
       j()
     );
     const u = this.navigateSubject.pipe(
-      P((l) => {
+      x((l) => {
         St.info("Navigation requested", l);
       })
     );
@@ -3819,7 +3819,7 @@ class Uo extends G {
       })),
       w((l) => {
         const d = this.element$.getValue();
-        return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), x(
+        return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), P(
           v(!0),
           v(null).pipe(
             ge(() => {
@@ -3834,8 +3834,8 @@ class Uo extends G {
                  * anything for x ms while we effectively adjust. We want it to be immediate.
                  * However when user is repeatedly turning page, we can improve smoothness by delaying a bit the adjustment
                  */
-                l.shouldAnimate ? xe(1, ce) : Pe,
-                P((h) => {
+                l.shouldAnimate ? Pe(1, ce) : xe,
+                x((h) => {
                   const m = this.element$.getValue();
                   h.shouldAnimate ? g === "fade" ? (m.style.setProperty(
                     "transition",
@@ -3853,16 +3853,16 @@ class Uo extends G {
                  * need to adjust to anchor to the payload position. This is because we use viewport computed position,
                  * not the value set by `setProperty`
                  */
-                P((h) => {
+                x((h) => {
                   g !== "fade" && this.setViewportPosition(h.position);
                 }),
-                l.shouldAnimate ? xe(p / 2, ce) : Pe,
-                P((h) => {
+                l.shouldAnimate ? Pe(p / 2, ce) : xe,
+                x((h) => {
                   const m = this.element$.getValue();
                   g === "fade" && (this.setViewportPosition(h.position), m.style.setProperty("opacity", "1"));
                 }),
-                l.shouldAnimate ? xe(p / 2, ce) : Pe,
-                P((h) => {
+                l.shouldAnimate ? Pe(p / 2, ce) : xe,
+                x((h) => {
                   g === "fade" && this.setViewportPosition(h.position);
                 })
               );
@@ -3873,7 +3873,7 @@ class Uo extends G {
       }),
       ne(!1),
       J(1)
-    ), x(r, this.isNavigating$, this.layout$).pipe($(this.destroy$)).subscribe();
+    ), P(r, this.isNavigating$, this.layout$).pipe($(this.destroy$)).subscribe();
   }
   /**
    * Programmatically set the viewport position.
@@ -4456,7 +4456,7 @@ class es extends G {
       w(([f, I]) => {
         const b = f.navigation.cfi || f.navigation.url || e.values.computedPageTurnMode === "scrollable" || I;
         return v(f).pipe(
-          b ? Pe : vt({
+          b ? xe : vt({
             navigationResolver: r,
             settings: e,
             spine: a,
@@ -4493,7 +4493,7 @@ class es extends G {
         );
       }),
       j()
-    ), d = x(
+    ), d = P(
       o.layout$,
       a.layout$
     ).pipe(
@@ -4516,10 +4516,10 @@ class es extends G {
          * it has been controlled outside.
          */
         $(
-          x(l, u)
+          P(l, u)
         )
       ))
-    ), p = x(
+    ), p = P(
       d,
       l
     ).pipe(
@@ -4568,12 +4568,12 @@ class es extends G {
       t,
       this.navigationSubject,
       a
-    ), h = x(
+    ), h = P(
       p,
       u,
       g
     ), m = (f) => f.pipe(
-      P(([I, b]) => {
+      x(([I, b]) => {
         Qo.info(
           `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
@@ -4583,7 +4583,7 @@ class es extends G {
         ), this.navigationSubject.next(I);
       })
     ), y = (f) => f.pipe(
-      P(([I, b]) => {
+      x(([I, b]) => {
         const F = I.type === "scroll", T = I.meta.triggeredBy === "pagination", E = I.meta.triggeredBy === "restoration", H = U(
           b.position,
           I.position
@@ -4647,7 +4647,7 @@ const Fe = (n, e, t) => {
   pageHeight: o,
   pageTurnDirection: s,
   pageTurnMode: r
-}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Ye(n, o) : Ye(e, i), xt = ({
+}) => s === "vertical" && r === "scrollable" ? 1 : t || s === "vertical" ? Ye(n, o) : Ye(e, i), Pt = ({
   itemWidth: n,
   itemHeight: e,
   position: t,
@@ -4735,7 +4735,7 @@ const Fe = (n, e, t) => {
       pageIndex: a,
       viewport: t
     }),
-    getSpineItemPageIndexFromPosition: (a) => xt({
+    getSpineItemPageIndexFromPosition: (a) => Pt({
       ...a,
       isRTL: n.isRTL(),
       pageWidth: t.pageSize.width,
@@ -4745,7 +4745,7 @@ const Fe = (n, e, t) => {
     }),
     getSpineItemPageIndexFromNode: (a, c, u) => {
       const l = i(a, c, u), { height: d, width: p } = u.layout.layoutInfo;
-      return l ? xt({
+      return l ? Pt({
         isUsingVerticalWriting: !!u.isUsingVerticalWriting(),
         position: l,
         itemHeight: d,
@@ -4780,7 +4780,7 @@ const Fe = (n, e, t) => {
           c,
           d
         );
-        return new Oe({
+        return new Ne({
           x: a.x,
           y: a.y - y
         });
@@ -4788,12 +4788,12 @@ const Fe = (n, e, t) => {
       const m = Fe(p, c, l);
       if (n.isRTL()) {
         const y = l - (c + 1) * p;
-        return new Oe({
+        return new Ne({
           x: a.x - Math.max(0, y),
           y: a.y
         });
       }
-      return new Oe({
+      return new Ne({
         x: a.x - m,
         y: a.y
       });
@@ -4853,7 +4853,7 @@ function Qt({
     y: u
   });
 }
-const Pt = ({
+const xt = ({
   position: n,
   isRTL: e,
   pageSizeHeight: t,
@@ -5136,7 +5136,7 @@ const Pt = ({
       viewport: s
     }),
     getMostPredominantNavigationForPosition: (g) => {
-      const h = i.values.computedPageTurnDirection, m = 0.5, y = h === "horizontal" ? g.x + s.absoluteViewport.width * m : 0, f = h === "horizontal" ? 0 : g.y + s.absoluteViewport.height * m, I = Pt({
+      const h = i.values.computedPageTurnDirection, m = 0.5, y = h === "horizontal" ? g.x + s.absoluteViewport.width * m : 0, f = h === "horizontal" ? 0 : g.y + s.absoluteViewport.height * m, I = xt({
         position: new L({
           x: y,
           y: f
@@ -5154,7 +5154,7 @@ const Pt = ({
         viewport: s
       });
     },
-    fromUnboundSpinePosition: (g) => Pt({
+    fromUnboundSpinePosition: (g) => xt({
       position: g,
       isRTL: n.isRTL(),
       pageSizeHeight: s.pageSize.height,
@@ -5214,7 +5214,7 @@ const Pt = ({
     u,
     i,
     c.isLocked$
-  ), g = N([
+  ), g = O([
     l.isNavigating$,
     d.isNavigating$,
     c.isLocked$,
@@ -5269,7 +5269,7 @@ class hs extends Q {
 class ms extends G {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
-    const r = x(
+    const r = P(
       this.context.bridgeEvent.navigation$,
       o.layout$
     ).pipe(
@@ -5285,7 +5285,7 @@ class ms extends G {
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           Tt(1),
           z(this.context.bridgeEvent.navigation$),
-          P(([, u]) => {
+          x(([, u]) => {
             const { position: l } = u, d = this.pagination.value, {
               beginIndex: p,
               endIndex: g
@@ -5317,7 +5317,7 @@ class ms extends G {
       })
     ), a = r.pipe(
       De(this.context.bridgeEvent.viewportFree$),
-      P(() => {
+      x(() => {
         const {
           beginSpineItemIndex: c,
           endSpineItemIndex: u,
@@ -5341,7 +5341,7 @@ class ms extends G {
         });
       })
     );
-    x(r, a).pipe($(this.destroy$)).subscribe();
+    P(r, a).pipe($(this.destroy$)).subscribe();
   }
 }
 const fs = ({
@@ -5385,7 +5385,7 @@ class ys extends G {
   }
   watch(e) {
     return this.values$.pipe(
-      Nt(e),
+      Ot(e),
       k(U)
     );
   }
@@ -5396,7 +5396,7 @@ class ys extends G {
 class Ss extends ys {
   constructor(e, t) {
     super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(
-      P(() => this.update(this.values)),
+      x(() => this.update(this.values)),
       $(this.destroy$)
     ).subscribe();
   }
@@ -5503,7 +5503,7 @@ class bs extends G {
           minimumWidth: l,
           spreadPosition: d
         });
-        return x(
+        return P(
           v({ type: "start" }),
           p.pipe(
             this.applyDimsAfterLayout(c),
@@ -5580,7 +5580,7 @@ class en extends Q {
       this.viewport
     );
     const l = this.renderer.state$.pipe(
-      O(({ state: p, error: g }) => {
+      N(({ state: p, error: g }) => {
         this.mergeCompare({
           isLoaded: p === "loaded",
           isError: p === "error",
@@ -5588,14 +5588,14 @@ class en extends Q {
         });
       })
     ), d = this.layout.layout$.pipe(
-      O(() => {
+      N(() => {
         this.mergeCompare({
           iDirty: !1,
           isReady: this.renderer.state$.value.state === "loaded"
         });
       })
     );
-    this.needsLayout$ = x(this.unloaded$, this.loaded$), x(
+    this.needsLayout$ = P(this.unloaded$, this.loaded$), P(
       /**
        * @important
        * The order is important here. We want to ensure the state value
@@ -5667,13 +5667,15 @@ const vs = (n, e, t) => {
 };
 class ws extends G {
   constructor(e, t, i, o, s) {
-    super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new Y([]);
+    super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new Y(
+      /* @__PURE__ */ new Map()
+    );
     const r = this.forcedOpenSubject.pipe(
-      S((u) => [...new Set(u.flat())].sort()),
+      S((u) => Array.from(u.keys()).sort((l, d) => l - d)),
       k(yn),
       J({ bufferSize: 1, refCount: !0 })
     );
-    x(
+    P(
       this.context.bridgeEvent.navigation$,
       this.spineLayout.layout$,
       r,
@@ -5702,14 +5704,16 @@ class ws extends G {
   }
   forceOpen(e) {
     const t = e.map(
-      (i) => typeof i == "number" ? i : i.index
-    );
-    return this.forcedOpenSubject.next([...this.forcedOpenSubject.value, t]), () => {
-      this.isDestroyed || this.forcedOpenSubject.next(
-        this.forcedOpenSubject.value.filter(
-          (i) => i !== t
-        )
-      );
+      (o) => typeof o == "number" ? o : o.index
+    ), i = (o) => {
+      const s = this.forcedOpenSubject.value;
+      t.forEach((r) => {
+        const a = s.get(r) || 0, c = o ? a + 1 : a - 1;
+        c <= 0 ? s.delete(r) : s.set(r, c);
+      }), this.forcedOpenSubject.next(s);
+    };
+    return i(!0), () => {
+      this.isDestroyed || i(!1);
     };
   }
   destroy() {
@@ -5741,12 +5745,12 @@ class Ie extends DOMRect {
     return new Ie(i.x, i.y, i.width, i.height);
   }
 }
-class xs {
+class Ps {
   constructor({ width: e, height: t }) {
     this.__symbol = /* @__PURE__ */ Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class Ps {
+class xs {
   constructor({ width: e, height: t }) {
     this.__symbol = /* @__PURE__ */ Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
@@ -6105,7 +6109,7 @@ class Ds extends Q {
           },
           []
         );
-        return N(
+        return O(
           c.map((l) => {
             const { spineItem: d, ...p } = l;
             return new se((g) => {
@@ -6132,7 +6136,7 @@ class Rs extends G {
         const o = i.map(
           (s) => s.isReady$.pipe(S((r) => ({ item: s, isReady: r })))
         );
-        return x(...o);
+        return P(...o);
       }),
       j()
     ), this.itemResize$ = this.spineItemsManager.items$.pipe(
@@ -6142,7 +6146,7 @@ class Rs extends G {
             S((r) => ({ entries: r, item: s }))
           )
         );
-        return x(...o);
+        return P(...o);
       }),
       j()
     );
@@ -6218,22 +6222,22 @@ const As = ({
     })
   );
 };
-class Os extends G {
+class Ns extends G {
   constructor(e, t, i, o) {
     super(), this.spineItemsManager = e, this.context = t, this.settings = i, this.viewport = o, this.layoutSubject = new R(), this.spineItemsRelativeLayouts = [], e.items$.pipe(
-      P(() => {
+      x(() => {
         this.spineItemsRelativeLayouts = [];
       }),
       w((r) => {
         const a = r.map(
           (u) => u.needsLayout$.pipe(
-            P(() => {
+            x(() => {
               this.layout();
             })
           )
         ), c = r.map(
           (u) => u.loaded$.pipe(
-            P(() => {
+            x(() => {
               u.isUsingVerticalWriting() ? this.context.update({
                 hasVerticalWriting: !0
               }) : this.context.update({
@@ -6242,12 +6246,12 @@ class Os extends G {
             })
           )
         );
-        return x(...a, ...c);
+        return P(...a, ...c);
       })
     ).pipe($(this.destroy$)).subscribe();
     const s = new Y(!1);
     this.layout$ = this.layoutSubject.pipe(
-      P(() => {
+      x(() => {
         this.spineItemsManager.items.forEach((r) => {
           r.markDirty();
         });
@@ -6300,7 +6304,7 @@ class Os extends G {
         );
       }),
       j()
-    ), x(this.layout$).pipe($(this.destroy$)).subscribe();
+    ), P(this.layout$).pipe($(this.destroy$)).subscribe();
   }
   layout() {
     this.layoutSubject.next(void 0);
@@ -6325,11 +6329,11 @@ class Os extends G {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class Ns extends G {
+class Os extends G {
   constructor(e, t, i, o, s, r, a) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spineItemLocator = o, this.settings = s, this.hookManager = r, this.viewport = a, this.elementSubject = new Y(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Os(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new Ns(
       i,
       e,
       s,
@@ -6360,18 +6364,18 @@ class Ns extends G {
     );
     const c = e.watch("rootElement").pipe(
       ae(Z),
-      O((l) => {
+      N((l) => {
         const d = l.ownerDocument.createElement("div");
         d.style.cssText = `
           height: 100%;
           position: relative;
         `, d.className = `${W}-spine`, this.elementSubject.next(d);
       })
-    ), u = N([
+    ), u = O([
       this.context.manifest$,
       this.element$
     ]).pipe(
-      O(([l, d]) => {
+      N(([l, d]) => {
         if (!d) return;
         this.spineItemsManager.destroyItems();
         const p = l.spineItems.map(
@@ -6388,7 +6392,7 @@ class Ns extends G {
         this.spineItemsManager.addMany(p);
       })
     );
-    x(u, c).pipe(K(this.destroy$)).subscribe();
+    P(u, c).pipe(K(this.destroy$)).subscribe();
   }
   get element() {
     return this.elementSubject.getValue();
@@ -6462,17 +6466,17 @@ class js extends Q {
       height: 1
     }), this.context = e, this.settingsManager = t;
     const o = this.settingsManager.watch(["computedSpreadMode"]).pipe(
-      P(() => {
+      x(() => {
         this.mergeCompare({
           pageSize: this.calculatePageSize(this.value)
         });
       })
     ), s = this.context.watch("rootElement").pipe(
-      P(() => {
+      x(() => {
         this.layout();
       })
     );
-    x(o, s).pipe($(this.destroy$)).subscribe();
+    P(o, s).pipe($(this.destroy$)).subscribe();
   }
   calculatePageSize(e) {
     const { computedSpreadMode: t } = this.settingsManager.values;
@@ -6492,7 +6496,7 @@ class js extends Q {
     });
   }
   get absoluteViewport() {
-    return new xs({
+    return new Ps({
       width: this.value.width,
       height: this.value.height
     });
@@ -6520,18 +6524,18 @@ class js extends Q {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new Ps({
+    return new xs({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
 const $t = `${Ut}-core`, ks = (n) => {
-  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new Oo(), s = new Ro(), r = new Ss(n, s), a = new Ao(s, r), c = new Vs(s, r), u = new js(s, r), l = Kt({
+  const e = crypto.randomUUID(), t = new R(), i = new R(), o = new No(), s = new Ro(), r = new Ss(n, s), a = new Ao(s, r), c = new Vs(s, r), u = new js(s, r), l = Kt({
     context: s,
     settings: r,
     viewport: u
-  }), d = new hs(s, c), p = new Ns(
+  }), d = new hs(s, c), p = new Os(
     s,
     d,
     c,
@@ -6570,14 +6574,14 @@ const $t = `${Ut}-core`, ks = (n) => {
       manifest: H,
       rootElement: B
     }), m();
-  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), O(m)), I = t.pipe(
-    O(() => {
+  }, f = r.watch(["computedSpreadMode"]).pipe(Ct(1), N(m)), I = t.pipe(
+    N(() => {
       const T = s.value.rootElement;
       T && (T.style.setProperty("overflow", "hidden"), u.layout(), p.layout());
     }),
     K(i)
-  ), b = x(I, f).subscribe();
-  Ce(document, $t, No);
+  ), b = P(I, f).subscribe();
+  Ce(document, $t, Oo);
   const F = () => {
     Ee(document, $t), b.unsubscribe(), c.destroy(), h.destroy(), r.destroy(), d.destroy(), s.destroy(), g.destroy(), p.destroy(), a.destroy(), i.next(), i.complete(), u.destroy();
   };
@@ -6644,7 +6648,7 @@ const $t = `${Ut}-core`, ks = (n) => {
                 Eo(
                   qi(
                     Ii(
-                      Ni(
+                      Oi(
                         Wn(
                           Xn(
                             lo(
@@ -6681,7 +6685,7 @@ export {
   ri as HTML_PREFIX_SCROLL_NAVIGATOR,
   si as HTML_PREFIX_VIEWPORT,
   Ut as HTML_STYLE_PREFIX,
-  Oo as HookManager,
+  No as HookManager,
   ii as ITEM_EXTENSION_VALID_FOR_FRAME_SRC,
   es as InternalNavigator,
   nt as LayoutEntry,
@@ -6697,7 +6701,7 @@ export {
   Fo as ScrollNavigationController,
   ft as ScrollPosition,
   ys as SettingsManager,
-  Ns as Spine,
+  Os as Spine,
   en as SpineItem,
   bi as SpineItemPageLayout,
   vi as SpineItemPageSpineLayout,
@@ -6707,7 +6711,7 @@ export {
   Rs as SpineItemsObserver,
   L as SpinePosition,
   To as UnboundScrollPosition,
-  Oe as UnboundSpineItemPagePosition,
+  Ne as UnboundSpineItemPagePosition,
   ue as UnboundSpinePosition,
   Zs as VIEWPORT_ADJUSTMENT_THROTTLE,
   js as Viewport,
@@ -6726,12 +6730,12 @@ export {
   Vt as idle,
   jn as injectCSSToFrame,
   Z as isDefined,
-  Ot as isHtmlElement,
-  Nn as isHtmlTagElement,
+  Nt as isHtmlElement,
+  On as isHtmlTagElement,
   Xe as isRootCfi,
   or as isShallowEqual,
   Ai as layoutEnhancer,
-  Nt as mapKeysTo,
+  Ot as mapKeysTo,
   Xs as observeIntersection,
   ut as observeMutation,
   et as observeResize,