@prose-reader/core 1.214.0 → 1.216.0

package/dist/index.js

@@ -1,32 +1,32 @@
-import { switchMap as v, of as w, fromEvent as G, take as pe, map as b, from as W, takeUntil as F, Observable as st, defer as Nt, Subject as U, combineLatest as q, merge as x, EMPTY as K, withLatestFrom as D, NEVER as gt, tap as T, share as V, BehaviorSubject as k, filter as R, first as H, mergeMap as $t, endWith as pt, finalize as ut, catchError as he, lastValueFrom as qe, scheduled as Ye, animationFrameScheduler as at, shareReplay as et, distinctUntilChanged as E, throttleTime as Ze, debounceTime as St, startWith as nt, switchScan as Ge, forkJoin as Je, delay as wt, ReplaySubject as Gt, skip as me, identity as Pt, exhaustMap as Vt, timer as Jt, reduce as Ke, concatMap as Kt } from "rxjs";
-import { Report as Qe, isShallowEqual as N, shallowMergeIfDefined as vt, getParentPath as ti, parseContentType as ei, detectMimeTypeFromName as Lt, arrayEqual as ii } from "@prose-reader/shared";
+import { switchMap as v, of as w, fromEvent as G, take as me, map as b, from as W, takeUntil as F, Observable as st, defer as Nt, Subject as U, combineLatest as q, merge as x, EMPTY as K, withLatestFrom as D, NEVER as gt, tap as T, share as V, BehaviorSubject as k, filter as R, first as H, mergeMap as $t, endWith as pt, finalize as ut, catchError as fe, lastValueFrom as Ye, scheduled as Ze, animationFrameScheduler as at, shareReplay as et, distinctUntilChanged as E, throttleTime as Ge, debounceTime as St, startWith as nt, switchScan as Je, forkJoin as Ke, delay as wt, ReplaySubject as Jt, skip as ye, identity as Pt, exhaustMap as Vt, timer as Kt, reduce as Qe, concatMap as Qt } from "rxjs";
+import { Report as ti, isShallowEqual as N, shallowMergeIfDefined as vt, getParentPath as ei, parseContentType as ii, detectMimeTypeFromName as Lt, arrayEqual as ni } from "@prose-reader/shared";
 import { isShallowEqual as Ts } from "@prose-reader/shared";
-import { switchMap as _, first as fe, map as X, distinctUntilChanged as Z, startWith as ye, shareReplay as Mt, tap as z, pairwise as ni, take as oi, takeUntil as J, filter as tt, debounceTime as si, skip as ri, mergeMap as ai, catchError as Qt, withLatestFrom as ci } from "rxjs/operators";
-import { serialize as ui, generate as di, parse as Se, resolveExtensions as gi, isParsedCfiRange as li, resolve as pi } from "@prose-reader/cfi";
-const te = (e, t) => {
+import { switchMap as _, first as Se, map as X, distinctUntilChanged as Z, startWith as be, shareReplay as Mt, tap as z, pairwise as oi, take as si, takeUntil as J, filter as tt, debounceTime as ri, skip as ai, mergeMap as ci, catchError as te, withLatestFrom as ui } from "rxjs/operators";
+import { generate as Ie, parse as we, isParsedCfiRange as di, isIndirectionOnly as gi, resolve as li } from "@prose-reader/cfi";
+const ee = (e, t) => {
   const i = new RegExp(`${t}\\s*=\\s*([0-9.]+)`, "i"), n = e.match(i) || [], o = n[1] || "0";
   return n && Number.parseFloat(o) || 0;
-}, hi = (e, t, i, n) => {
+}, pi = (e, t, i, n) => {
   var o;
   if ((o = e == null ? void 0 : e.contentDocument) != null && o.head) {
     const s = e.contentDocument.createElement("style");
     s.id = t, s.innerHTML = i, n ? e.contentDocument.head.prepend(s) : e.contentDocument.head.appendChild(s);
   }
-}, mi = (e, t) => {
+}, hi = (e, t) => {
   var i;
   if ((i = e == null ? void 0 : e.contentDocument) != null && i.head) {
     const n = e.contentDocument.getElementById(t);
     n && n.remove();
   }
 }, ot = (e, t, i, n) => {
-  e && (mi(e, t), hi(e, t, i, n));
+  e && (hi(e, t), pi(e, t, i, n));
 }, Bt = (e) => {
   if (e != null && e.contentDocument) {
     const i = e.contentDocument.querySelector("meta[name='viewport']");
     if (i) {
       const n = i.getAttribute("content");
       if (n) {
-        const o = te(n, "width"), s = te(n, "height");
+        const o = ee(n, "width"), s = ee(n, "height");
         return o > 0 && s > 0 ? {
           hasViewport: !0,
           width: o,
@@ -36,15 +36,15 @@ const te = (e, t) => {
     }
   }
   return { hasViewport: !1 };
-}, fi = (e) => e.pipe(
+}, mi = (e) => e.pipe(
   v((t) => {
     var i;
     return t.src === "about:blank" && ((i = t.contentDocument) == null ? void 0 : i.readyState) === "complete" && t.contentDocument.body ? w(t) : G(t, "load").pipe(
-      pe(1),
+      me(1),
       b(() => t)
     );
   })
-), yi = (e) => e.pipe(
+), fi = (e) => e.pipe(
   v(
     (t) => {
       var i;
@@ -53,7 +53,7 @@ const te = (e, t) => {
       );
     }
   )
-), Si = (e) => (t) => {
+), yi = (e) => (t) => {
   const i = e(t), n = new IntersectionObserver((o) => {
     o.forEach((s) => {
       s.isIntersecting ? s.target.removeAttribute("tab-index") : s.target.setAttribute("tab-index", "-1");
@@ -89,7 +89,7 @@ const te = (e, t) => {
   ), {
     ...i
   };
-}, bi = (e) => (t) => {
+}, Si = (e) => (t) => {
   const i = e(t);
   return i.context.state$.pipe(F(i.$.destroy$)).subscribe(({ containerElement: n }) => {
     if (!n) return;
@@ -102,7 +102,7 @@ const te = (e, t) => {
     const o = i.spineItemsManager.get(n), s = o == null ? void 0 : o.renderer.getDocumentFrame();
     s && ((r = s.contentDocument) == null || r.body.setAttribute("tabindex", "-1"));
   }), i;
-}, Ii = "@prose-reader/core", j = Qe.namespace(Ii), wi = [
+}, bi = "@prose-reader/core", j = ti.namespace(bi), Ii = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -113,25 +113,25 @@ const te = (e, t) => {
   "pointerup"
   // `touchstart` as const,
   // `touchend` as const,
-], be = (e) => typeof e == "object" && !!e && "nodeType" in e && (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE;
-function Pi(e, t, i) {
+], Pe = (e) => typeof e == "object" && !!e && "nodeType" in e && (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE;
+function wi(e, t, i) {
   if ("caretPositionFromPoint" in e)
     return e.caretPositionFromPoint(t, i);
   if ("caretRangeFromPoint" in e && // @ts-expect-error limited availability
   typeof e.caretRangeFromPoint < "u")
     return e.caretRangeFromPoint(t, i);
 }
-const vi = (e, t) => {
+const Pi = (e, t) => {
   const i = "body" in e ? jt(e.body, t) : jt(e, t), n = "createRange" in e ? e : e.ownerDocument;
   if (i) {
     let o, s = 0;
     const r = n.createRange();
     return Array.from(i.childNodes).some((a) => {
       r.selectNodeContents(a);
-      const c = r.getClientRects(), u = xi(c, t);
+      const c = r.getClientRects(), u = vi(c, t);
       if (u) {
         o = r.cloneRange();
-        const d = Pi(
+        const d = wi(
           n,
           Math.ceil(u.left),
           Math.ceil(u.top)
@@ -143,7 +143,7 @@ const vi = (e, t) => {
   }
 }, jt = (e, t) => {
   let i;
-  const n = Ie(
+  const n = ve(
     e.getBoundingClientRect(),
     t
   );
@@ -152,16 +152,16 @@ const vi = (e, t) => {
     return s ? (i = s, !0) : !1;
   }), i;
 };
-function Ie(e, { left: t, right: i }) {
+function ve(e, { left: t, right: i }) {
   return e.left <= t && e.right <= t ? "before" : e.left <= t && e.right > t && e.right <= i ? "partially-before" : e.left <= i && e.right > i ? "partially-after" : e.left > i ? "after" : "within";
 }
-function xi(e, t) {
+function vi(e, t) {
   return Array.from(e).find((i) => {
-    const n = Ie(i, t);
+    const n = ve(i, t);
     return n !== "before" && n !== "after";
   });
 }
-const $i = (e, t) => {
+const xi = (e, t) => {
   var i;
   if (e.nodeType !== Node.CDATA_SECTION_NODE && e.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const n = (i = e.ownerDocument) == null ? void 0 : i.createRange();
@@ -185,8 +185,8 @@ const $i = (e, t) => {
     if (r.PointerEvent && e instanceof r.PointerEvent)
       return !0;
   }
-  return !!wi.includes(e.type);
-}, Ti = (e) => {
+  return !!Ii.includes(e.type);
+}, $i = (e) => {
   var t, i, n, o, s;
   if (_t(e)) return !1;
   if (e != null && e.target && ((i = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && i.defaultView)) {
@@ -200,7 +200,7 @@ const $i = (e, t) => {
       return e instanceof r.MouseEvent;
   }
   return !1;
-}, Fi = (e) => {
+}, Ti = (e) => {
   var t, i, n, o, s;
   if (e != null && e.target && ((i = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && i.defaultView)) {
     const r = (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.ownerDocument) == null ? void 0 : o.defaultView;
@@ -213,7 +213,7 @@ const $i = (e, t) => {
       return e instanceof r.TouchEvent;
   }
   return !1;
-}, Li = () => document.createElement("div"), we = (e) => {
+}, Fi = () => document.createElement("div"), xe = (e) => {
   const t = [
     "img",
     // Images
@@ -229,8 +229,8 @@ const $i = (e, t) => {
     // JavaScript files
   ].join(",");
   return Array.from((e == null ? void 0 : e.querySelectorAll(t)) || []);
-}, Mi = (e) => {
-  if (we(e).forEach((i) => {
+}, Li = (e) => {
+  if (xe(e).forEach((i) => {
     var o;
     const n = i.getAttribute("src") || i.getAttribute("href");
     n != null && n.startsWith("blob:") && ((o = e == null ? void 0 : e.defaultView) == null || o.URL.revokeObjectURL(n));
@@ -249,8 +249,8 @@ const $i = (e, t) => {
     }
   }
 };
-function Ci(e, t) {
-  return be(e) && e.tagName.toLowerCase() === t.toLowerCase();
+function Mi(e, t) {
+  return Pe(e) && e.tagName.toLowerCase() === t.toLowerCase();
 }
 const Rt = ({
   position: e,
@@ -261,7 +261,7 @@ const Rt = ({
     clientX: a,
     clientY: c
   };
-}, Ri = (e, t, i, n) => {
+}, Ci = (e, t, i, n) => {
   var u;
   const o = (u = t == null ? void 0 : t.view) == null ? void 0 : u.frameElement;
   if (!t || !o) return e;
@@ -282,7 +282,7 @@ const Rt = ({
       enumerable: !0
     }), l;
   }
-  if (Ti(e)) {
+  if ($i(e)) {
     const { clientX: d, clientY: g } = Rt({
       position: e,
       frameElement: r
@@ -296,7 +296,7 @@ const Rt = ({
       enumerable: !0
     }), l;
   }
-  if (Fi(e)) {
+  if (Ti(e)) {
     const d = Array.from(e.touches).map((l) => {
       const { clientX: p, clientY: h } = Rt({
         position: l,
@@ -319,7 +319,7 @@ const Rt = ({
     }), g;
   }
   return e;
-}, Ai = [
+}, Ri = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -328,23 +328,23 @@ const Rt = ({
   "pointerout",
   "pointerover",
   "pointerup"
-], Oi = [
-  ...Ai
+], Ai = [
+  ...Ri
   /*, ...mouseEvents*/
-], Di = (e) => (t) => {
+], Oi = (e) => (t) => {
   const i = e(t);
   return i.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: n, itemId: o }) => {
       const s = i.spineItemsManager.get(o), r = s == null ? void 0 : s.renderer.getDocumentFrame();
       if (!r || !s) return;
-      const a = Oi.map((c) => {
+      const a = Ai.map((c) => {
         var d;
         const u = (g) => {
           var p;
           let l = g;
           if (_t(g) && (l = new PointerEvent(g.type, g)), l !== g) {
-            const h = Ri(
+            const h = Ci(
               l,
               g,
               i.spine.locator,
@@ -365,14 +365,14 @@ const Rt = ({
       });
     }
   ), i;
-}, Pe = (e) => X((t) => Object.entries(t).reduce(
+}, $e = (e) => X((t) => Object.entries(t).reduce(
   (i, [n, o]) => e.includes(n) ? {
     ...i,
     [n]: o
   } : i,
   {}
-)), Xt = (e) => (t) => t.pipe(Pe(e), Z(N));
-function ve(e) {
+)), Xt = (e) => (t) => t.pipe($e(e), Z(N));
+function Te(e) {
   return new st((t) => {
     const i = new ResizeObserver((n) => {
       t.next(n);
@@ -385,18 +385,18 @@ function ve(e) {
 const Ct = (e) => (t) => t.pipe(
   _(
     (i) => e.pipe(
-      fe(),
+      Se(),
       X(() => i)
     )
   )
-), Ni = (e) => {
+), Di = (e) => {
   let t;
   const i = e.subscribe((n) => {
     t = { result: n };
   });
   return () => (i.unsubscribe(), t ? w(t.result) : e);
 };
-function xe() {
+function Fe() {
   return new st((e) => {
     if (window.requestIdleCallback) {
       const i = window.requestIdleCallback(() => {
@@ -410,10 +410,10 @@ function xe() {
     return () => clearTimeout(t);
   });
 }
-function ee(e) {
-  return Nt(() => xe().pipe(_(e)));
+function ie(e) {
+  return Nt(() => Fe().pipe(_(e)));
 }
-const ie = (e, t) => new st((i) => {
+const ne = (e, t) => new st((i) => {
   const n = new MutationObserver((o) => {
     i.next(o);
   });
@@ -429,7 +429,7 @@ function Is(e, t) {
     };
   });
 }
-class $e {
+class Le {
   constructor(t, i) {
     this.settingsManager = i;
     const n = vt(
@@ -441,7 +441,7 @@ class $e {
       t
     ), this.outputSettingsUpdateSubject = new U(), this.values$ = q([
       this.settingsManager.values$,
-      this.outputSettingsUpdateSubject.pipe(ye(this.outputSettings))
+      this.outputSettingsUpdateSubject.pipe(be(this.outputSettings))
     ]).pipe(
       X(([o, s]) => ({ ...o, ...s })),
       Mt(1)
@@ -477,7 +477,7 @@ class $e {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-const Vi = (e) => {
+const Ni = (e) => {
   const t = new FileReader();
   return new Promise((i) => {
     t.addEventListener(
@@ -489,7 +489,7 @@ const Vi = (e) => {
     ), t.readAsDataURL(e);
   });
 };
-let ji = class extends $e {
+let Vi = class extends Le {
   computeOutputSettings(t) {
     return t;
   }
@@ -509,8 +509,8 @@ let ji = class extends $e {
     };
   }
 };
-const ki = (e) => (t) => {
-  const { fontScale: i, lineHeight: n, fontWeight: o, fontJustification: s } = t, r = new U(), a = e(t), c = new ji(
+const ji = (e) => (t) => {
+  const { fontScale: i, lineHeight: n, fontWeight: o, fontJustification: s } = t, r = new U(), a = e(t), c = new Vi(
     {
       fontScale: i,
       lineHeight: n,
@@ -542,7 +542,7 @@ const ki = (e) => (t) => {
     }
   });
   const g = (l) => l.pipe(
-    ni(),
+    oi(),
     b(([p, h]) => h.fontScale !== p.fontScale || h.lineHeight !== p.lineHeight)
   );
   return c.values$.pipe(
@@ -556,7 +556,7 @@ const ki = (e) => (t) => {
     },
     settings: c
   };
-}, Wi = (e) => (t) => {
+}, ki = (e) => (t) => {
   const i = e(t), n = (o) => G(o, "keyup").pipe(
     D(i.settings.values$),
     b(([s, { pageTurnDirection: r }]) => {
@@ -590,7 +590,7 @@ const ki = (e) => (t) => {
     ),
     F(i.$.destroy$)
   ).subscribe(), i;
-}, zi = (e) => e.spine.spineItemsManager.items$.pipe(
+}, Wi = (e) => e.spine.spineItemsManager.items$.pipe(
   v(
     (t) => x(
       ...t.map((i) => i.loaded$.pipe(
@@ -730,7 +730,7 @@ const Ft = class Ft extends Y {
       ut(() => {
         t.complete();
       }),
-      he((i) => (j.error(i), w(void 0)))
+      fe((i) => (j.error(i), w(void 0)))
     );
   }
   layout(t) {
@@ -760,26 +760,26 @@ const Ft = class Ft extends Y {
 };
 Ft.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 let ht = Ft;
-const Ui = (e) => new URL(e.href);
+const zi = (e) => new URL(e.href);
 class qt {
   constructor(t, i) {
     this.item = t, this.settings = i;
   }
   async getResource() {
     var i, n;
-    return await qe(
+    return await Ye(
       ((n = (i = this.settings.values).getResource) == null ? void 0 : n.call(i, this.item)) ?? w(void 0)
-    ) ?? Ui(this.item);
+    ) ?? zi(this.item);
   }
   async fetchResource() {
     const t = await this.getResource();
     return t instanceof Response ? t : t instanceof URL ? fetch(t) : t;
   }
 }
-const Te = (e, t) => {
+const Me = (e, t) => {
   const i = e.startsWith("file://"), n = i ? e.replace("file://", "http://") : e, o = new URL(t, n).toString();
   return i ? o.replace("http://", "file://") : o;
-}, Hi = async (e, t, i, n, o) => {
+}, Ui = async (e, t, i, n, o) => {
   if (!e || !e.defaultView) return;
   const s = t.sheet;
   if (s)
@@ -797,7 +797,7 @@ const Te = (e, t) => {
                   return h;
                 const m = h.match(/url\(['"]?([^'"]+)['"]?\)/);
                 if (!m) return h;
-                const S = m[1] ?? "", f = (y = n.manifest) == null ? void 0 : y.items.find(({ href: P }) => `${Te(i, S).toLowerCase()}`.endsWith(
+                const S = m[1] ?? "", f = (y = n.manifest) == null ? void 0 : y.items.find(({ href: P }) => `${Me(i, S).toLowerCase()}`.endsWith(
                   `${P.toLowerCase()}`
                 ));
                 if (f) {
@@ -828,11 +828,11 @@ const Te = (e, t) => {
     } catch (r) {
       console.error("Could not access stylesheet rules:", r);
     }
-}, Ei = (e, t, i, n, o) => {
+}, Hi = (e, t, i, n, o) => {
   var c;
   const s = t.getAttribute("src") || t.getAttribute("href");
   if (!s) return w(null);
-  const r = (c = n.manifest) == null ? void 0 : c.items.find(({ href: u }) => `${Te(i, s).toLowerCase()}`.endsWith(
+  const r = (c = n.manifest) == null ? void 0 : c.items.find(({ href: u }) => `${Me(i, s).toLowerCase()}`.endsWith(
     `${u.toLowerCase()}`
   ));
   if (!r) return w(null);
@@ -852,7 +852,7 @@ const Te = (e, t) => {
         return new st((l) => {
           t.onload = async () => {
             try {
-              t.sheet && await Hi(
+              t.sheet && await Ui(
                 e,
                 t,
                 i,
@@ -867,16 +867,16 @@ const Te = (e, t) => {
       return w(null);
     })
   );
-}, Bi = ({
+}, Ei = ({
   settings: e,
   item: t,
   context: i
 }) => (n) => n.pipe(
   v((o) => {
-    const s = we(
+    const s = xe(
       o.contentDocument
-    ), r = ti(t.href), a = s.map(
-      (c) => Ei(
+    ), r = ei(t.href), a = s.map(
+      (c) => Hi(
         o.contentDocument,
         c,
         r,
@@ -886,20 +886,20 @@ const Te = (e, t) => {
     );
     return q(a).pipe(b(() => o));
   })
-), _i = (e) => {
-  Mi(e == null ? void 0 : e.contentDocument);
-}, Xi = [".xhtml", ".html", ".htm"], lt = "prose-reader", qi = (e) => new Promise((t, i) => {
+), Bi = (e) => {
+  Li(e == null ? void 0 : e.contentDocument);
+}, _i = [".xhtml", ".html", ".htm"], lt = "prose-reader", Xi = (e) => new Promise((t, i) => {
   const n = new Image();
   n.src = e, n.onload = () => {
     t({ height: n.naturalHeight, width: n.naturalWidth });
   }, n.onerror = i;
-}), Yi = async (e, t) => {
+}), qi = async (e, t) => {
   if (typeof e == "string") return e;
-  const i = ei(e.headers.get("Content-Type") || "") || Lt(t.href);
+  const i = ii(e.headers.get("Content-Type") || "") || Lt(t.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === i
   )) {
-    const o = await Vi(await e.blob()), { height: s, width: r } = await qi(o);
+    const o = await Ni(await e.blob()), { height: s, width: r } = await Xi(o);
     return `
       <html>
         <head>
@@ -931,11 +931,11 @@ const Te = (e, t) => {
         </body>
       </html>
     ` : await e.text();
-}, Zi = ({
+}, Yi = ({
   item: e,
   resourcesHandler: t
 }) => {
-  const i = (n) => Yi(n, e);
+  const i = (n) => qi(n, e);
   return (n) => n.pipe(
     v((o) => W(t.getResource()).pipe(
       v((s) => s instanceof URL && e.href.startsWith(window.location.origin) && // we have an encoding and it's a valid html
@@ -945,7 +945,7 @@ const Te = (e, t) => {
         "text/html",
         "text/xml"
       ].includes(e.mediaType) || // no encoding ? then try to detect html
-      !e.mediaType && Xi.some(
+      !e.mediaType && _i.some(
         (a) => e.href.endsWith(a)
       )) ? (o == null || o.setAttribute("src", e.href), w(o)) : (s instanceof URL ? W(t.fetchResource()) : s instanceof Response ? w(s) : K).pipe(
         R((a) => a instanceof Response),
@@ -957,13 +957,13 @@ const Te = (e, t) => {
           }
         }),
         b(() => o),
-        he((a) => (j.error(
+        fe((a) => (j.error(
           `Error while trying to fetch or load resource for item ${e.id}`
         ), j.error(a), w(o)))
       ))
     ))
   );
-}, Gi = () => {
+}, Zi = () => {
   const e = document.createElement("iframe");
   return e.frameBorder = "no", e.tabIndex = 0, e.setAttribute(
     "sandbox",
@@ -978,12 +978,12 @@ const Te = (e, t) => {
   border: 0px none transparent;
   padding: 0px;
 `, e.setAttribute("role", "main"), e;
-}, Fe = () => `
+}, Ce = () => `
     body {
         margin: 0;
         }
       }
-    `, Le = ({
+    `, Re = ({
   pageHeight: e,
   pageWidth: t,
   frameElement: i
@@ -996,12 +996,12 @@ const Te = (e, t) => {
       e / (n.height ?? 1)
     ), computedWidthScale: o, viewportDimensions: n };
   }
-}, Ji = ({
+}, Gi = ({
   columnWidth: e,
   enableTouch: t,
   spreadPosition: i
 }, n) => `
-      ${Fe()}
+      ${Ce()}
       body {
         ${n ? "" : `
           display: flex;
@@ -1041,12 +1041,12 @@ const Te = (e, t) => {
           object-fit:contain;
         `}
       }
-    `, Ki = ({
+    `, Ji = ({
   pageHeight: e,
   pageWidth: t
-}) => ({ columnHeight: e, columnWidth: t }), ne = (e, t) => {
+}) => ({ columnHeight: e, columnWidth: t }), oe = (e, t) => {
   e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
-}, Qi = ({
+}, Ki = ({
   minPageSpread: e,
   blankPagePosition: t,
   spreadPosition: i,
@@ -1058,18 +1058,18 @@ const Te = (e, t) => {
 }) => {
   const c = e * o;
   if (s != null && s.contentDocument && (s != null && s.contentWindow)) {
-    const { viewportDimensions: u, computedScale: d = 1 } = Le({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, g = o, l = n, p = Ji(
+    const { viewportDimensions: u, computedScale: d = 1 } = Re({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, g = o, l = n, p = Gi(
       {
-        ...Ki({ pageHeight: n, pageWidth: o }),
+        ...Ji({ pageHeight: n, pageWidth: o }),
         enableTouch: a,
         spreadPosition: i
       },
       u
     );
-    if (ot(s, "prose-reader-css", p), u ? ne(s, {
+    if (ot(s, "prose-reader-css", p), u ? oe(s, {
       width: u.width ?? 1,
       height: u.height ?? 1
-    }) : ne(s, {
+    }) : oe(s, {
       width: g,
       height: l
     }), u) {
@@ -1090,8 +1090,8 @@ const Te = (e, t) => {
     return { width: c, height: l };
   }
   return { width: c, height: n };
-}, tn = () => `
-      ${Fe()}
+}, Qi = () => `
+      ${Ce()}
       html {
         width: 100%;
         height: 100%;
@@ -1105,7 +1105,7 @@ const Te = (e, t) => {
       html, body {
         touch-action: none;
       }
-    `, en = ({
+    `, tn = ({
   isScrollable: e,
   enableTouch: t
 }) => `
@@ -1130,7 +1130,7 @@ const Te = (e, t) => {
           display: block;
         }
       ` : ""}
-    `, nn = ({
+    `, en = ({
   width: e,
   columnHeight: t,
   columnWidth: i
@@ -1198,7 +1198,7 @@ const Te = (e, t) => {
       td {
         max-width: ${i}px;
       }
-    `, on = ({
+    `, nn = ({
   isUsingVerticalWriting: e,
   minimumWidth: t,
   pageHeight: i,
@@ -1214,7 +1214,7 @@ const Te = (e, t) => {
   };
 }, It = (e, t) => {
   e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
-}, sn = ({
+}, on = ({
   pageHeight: e,
   pageWidth: t,
   frameElement: i,
@@ -1231,7 +1231,7 @@ const Te = (e, t) => {
   let l = o;
   const p = (n == null ? void 0 : n.renditionLayout) === "reflowable" && (n == null ? void 0 : n.renditionFlow) === "scrolled-continuous", h = p ? Math.min(400, e) : e;
   i == null || i.style.setProperty("width", `${t}px`), p || i == null || i.style.setProperty("height", `${h}px`);
-  const { viewportDimensions: m, computedScale: S = 1 } = Le({
+  const { viewportDimensions: m, computedScale: S = 1 } = Re({
     frameElement: i,
     pageHeight: h,
     pageWidth: t
@@ -1242,7 +1242,7 @@ const Te = (e, t) => {
       ot(
         i,
         "prose-reader-html-renderer-framce-css",
-        tn()
+        Qi()
       ), It(i, {
         width: m.width ?? 1,
         height: m.height ?? 1
@@ -1254,11 +1254,11 @@ const Te = (e, t) => {
         `translate(-50%, -50%) scale(${S})`
       ), i == null || i.style.setProperty("transform-origin", "center center");
     else {
-      const L = c ? en({
+      const L = c ? tn({
         isScrollable: (n == null ? void 0 : n.renditionFlow) === "scrolled-continuous",
         enableTouch: u
-      }) : nn(
-        on({
+      }) : en(
+        nn({
           isUsingVerticalWriting: d,
           minimumWidth: g,
           pageHeight: h,
@@ -1295,7 +1295,7 @@ const Te = (e, t) => {
     latestContentHeightWhenLoaded: l
   };
 };
-class rn extends ht {
+class sn extends ht {
   constructor() {
     super(...arguments), this.isImageType = () => {
       const t = this.item.mediaType ?? Lt(this.item.href);
@@ -1303,14 +1303,14 @@ class rn extends ht {
     };
   }
   onCreateDocument() {
-    const t = Gi();
+    const t = Zi();
     return this.setDocumentContainer(t), w(t);
   }
   onLoadDocument() {
     const t = this.getFrameElement();
     if (!t) throw new Error("invalid frame");
     return w(t).pipe(
-      Zi({
+      Yi({
         item: this.item,
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
@@ -1319,17 +1319,17 @@ class rn extends ht {
       T(() => {
         this.attach();
       }),
-      fi,
-      Bi({
+      mi,
+      Ei({
         context: this.context,
         item: this.item,
         settings: this.settings
       }),
-      yi
+      fi
     );
   }
   onUnload() {
-    return _i(this.getFrameElement()), this.detach(), K;
+    return Bi(this.getFrameElement()), this.detach(), K;
   }
   onLayout({
     minPageSpread: t,
@@ -1341,7 +1341,7 @@ class rn extends ht {
     if (!r) return w(void 0);
     const a = !!((d = this.writingMode) != null && d.startsWith("vertical"));
     if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && ((g = this.context.manifest) == null ? void 0 : g.renditionLayout) === "pre-paginated") {
-      const l = Qi({
+      const l = Ki({
         blankPagePosition: i,
         enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
         frameElement: r,
@@ -1353,7 +1353,7 @@ class rn extends ht {
       });
       return w(l);
     }
-    const { latestContentHeightWhenLoaded: c, ...u } = sn({
+    const { latestContentHeightWhenLoaded: c, ...u } = on({
       pageHeight: s,
       pageWidth: o,
       frameElement: r,
@@ -1425,14 +1425,14 @@ class rn extends ht {
     return this.getFrameElement();
   }
 }
-const an = (e) => (t) => {
+const rn = (e) => (t) => {
   const i = e({
     ...t,
     getRenderer(o) {
       var r;
-      return ((r = t.getRenderer) == null ? void 0 : r.call(t, o)) ?? ((a) => new rn(a));
+      return ((r = t.getRenderer) == null ? void 0 : r.call(t, o)) ?? ((a) => new sn(a));
     }
-  }), n = zi(i);
+  }), n = Wi(i);
   return n.pipe(F(i.$.destroy$)).subscribe(), {
     ...i,
     links$: n
@@ -1441,7 +1441,7 @@ const an = (e) => (t) => {
 function ct(e) {
   return e != null;
 }
-let cn = class extends $e {
+let an = class extends Le {
   computeOutputSettings(t) {
     return t;
   }
@@ -1469,7 +1469,7 @@ let cn = class extends $e {
     };
   }
 };
-const un = (e) => {
+const cn = (e) => {
   let t;
   const i = e.context.state$.pipe(
     _(({ containerElement: c }) => c ? new st(() => (t = c.ownerDocument.createElement("div"), t.style.cssText = `
@@ -1482,7 +1482,7 @@ const un = (e) => {
       `, c.appendChild(t), () => {
       t == null || t.remove(), t = void 0;
     })) : gt)
-  ), n = (c) => Ye(c, at).pipe(
+  ), n = (c) => Ze(c, at).pipe(
     z(() => {
       t == null || t.style.setProperty(
         "visibility",
@@ -1497,7 +1497,7 @@ const un = (e) => {
       );
     })
   ), s = n(e.viewportFree$).pipe(
-    oi(1)
+    si(1)
   ), a = e.settings.values$.pipe(
     X(() => e.settings.values.computedPageTurnMode),
     Z()
@@ -1508,7 +1508,7 @@ const un = (e) => {
     J(e.$.destroy$)
   );
   return x(i, a);
-}, dn = (e) => {
+}, un = (e) => {
   e.hookManager.register(
     "item.onAfterLayout",
     ({ item: t, blankPagePosition: i, minimumWidth: n }) => {
@@ -1526,17 +1526,17 @@ const un = (e) => {
     }
   );
 };
-class Me {
+class Ae {
   constructor(t) {
     this.left = t.left, this.right = t.right, this.top = t.top, this.bottom = t.bottom, this.width = t.width, this.height = t.height, this.x = t.x, this.y = t.y;
   }
 }
-class kt extends Me {
+class kt extends Ae {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemSpineLayout";
   }
 }
-class gn extends Me {
+class dn extends Ae {
   constructor() {
     super(...arguments), this.__symbol = "SpineItemPageSpineLayout";
   }
@@ -1554,10 +1554,10 @@ class Yt {
     return new Yt(t);
   }
 }
-const ln = ({
+const gn = ({
   position: e,
   pageSize: t
-}) => new gn({
+}) => new dn({
   x: e.x,
   y: e.y,
   left: e.x,
@@ -1566,7 +1566,7 @@ const ln = ({
   height: t.height,
   bottom: e.y + t.height,
   right: e.x + t.width
-}), pn = (e) => {
+}), ln = (e) => {
   const t = e.spine.spineLayout.layout$.pipe(
     b(() => ({
       pages: e.spine.spineItemsManager.items.reduce((s, r, a) => {
@@ -1578,7 +1578,7 @@ const ln = ({
             spineItem: r,
             spineItemPosition: p
           });
-          return ln({
+          return gn({
             pageSize: e.context.getPageSize(),
             position: h
           });
@@ -1596,17 +1596,17 @@ const ln = ({
     V()
   ), i = t.pipe(et({ refCount: !0, bufferSize: 1 }));
   return i.pipe(F(e.$.destroy$)).subscribe(), { layout$: t, info$: i };
-}, hn = (e, t) => t.pipe(
+}, pn = (e, t) => t.pipe(
   T((i) => {
     e.viewport.value.element.style.transition = "transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)", e.settings.values.computedPageTurnMode === "scrollable" ? e.viewport.value.element.style.transformOrigin = "top" : e.viewport.value.element.style.transformOrigin = "center", i === "thumbnails" ? e.viewport.value.element.style.transform = "scale(0.5)" : e.viewport.value.element.style.transform = "scale(1)", e.layout();
   })
-), mn = (e) => (t) => {
+), hn = (e) => (t) => {
   const {
     pageHorizontalMargin: i,
     pageVerticalMargin: n,
     layoutAutoResize: o,
     layoutLayerTransition: s
-  } = t, r = e(t), a = new cn(
+  } = t, r = e(t), a = new an(
     {
       pageHorizontalMargin: i,
       pageVerticalMargin: n,
@@ -1653,7 +1653,7 @@ const ln = ({
             `
       );
     }
-  }), dn(r), r.hookManager.register(
+  }), un(r), r.hookManager.register(
     "item.onDocumentCreated",
     ({ documentContainer: S }) => {
       S.style.opacity = "0", a.values.layoutLayerTransition && (S.style.transition = "opacity 300ms");
@@ -1680,13 +1680,13 @@ const ln = ({
     _(() => r.context.containerElement$),
     tt(ct),
     _((S) => u(S)),
-    si(100),
+    ri(100),
     z(() => {
       r == null || r.layout();
     })
-  ), g = un(r);
+  ), g = cn(r);
   a.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(
-    ri(1),
+    ai(1),
     z(() => {
       r.layout();
     }),
@@ -1697,7 +1697,7 @@ const ln = ({
       const y = "prose-spineItem-ready";
       f ? S.containerElement.classList.add(y) : S.containerElement.classList.remove(y);
     })
-  ), { layout$: p, info$: h } = pn(r), m = hn(
+  ), { layout$: p, info$: h } = ln(r), m = pn(
     r,
     a.watch("viewportMode")
   );
@@ -1716,9 +1716,9 @@ const ln = ({
     layout$: p,
     layoutInfo$: h
   };
-}, fn = `${lt}-enhancer-loading`, Ce = `${fn}-container`, yn = (e, t) => {
+}, mn = `${lt}-enhancer-loading`, Oe = `${mn}-container`, fn = (e, t) => {
   const i = e.ownerDocument.createElement("div");
-  return i.classList.add(Ce), i.style.cssText = `
+  return i.classList.add(Oe), i.style.cssText = `
       height: 100%;
       width: 100%;
       max-width: ${t.state.visibleAreaRect.width}px;
@@ -1734,7 +1734,7 @@ const ln = ({
       background-color: white;
       z-index: 1;
     `, i;
-}, Sn = ({
+}, yn = ({
   container: e,
   item: t
 }) => {
@@ -1751,17 +1751,17 @@ const ln = ({
       max-width: 300px;
       width: 80%;
     `, e.appendChild(i), e.appendChild(n), e;
-}, bn = (e) => (t) => {
-  const { loadingElementCreate: i = Sn } = t, n = e(t), o = (c) => w(
+}, Sn = (e) => (t) => {
+  const { loadingElementCreate: i = yn } = t, n = e(t), o = (c) => w(
     c.reduce((u, { item: d, element: g }) => {
       g.style.zIndex = "0";
       const l = g.querySelector(
-        `.${Ce}`
+        `.${Oe}`
       );
       if (l instanceof HTMLElement)
         return u[d.id] = l, u;
       const p = i({
-        container: yn(g, n.context),
+        container: fn(g, n.context),
         item: d
       });
       return g.appendChild(p), u[d.id] = p, u;
@@ -1816,7 +1816,7 @@ const ln = ({
     }
   };
 };
-class In extends ht {
+class bn extends ht {
   getImageElement() {
     const t = this.documentContainer;
     if (t instanceof HTMLImageElement)
@@ -1868,13 +1868,13 @@ class In extends ht {
   getDocumentFrame() {
   }
 }
-const wn = (e) => (t) => {
+const In = (e) => (t) => {
   const i = e({
     ...t,
     getRenderer(r) {
       var d;
       const a = (d = t.getRenderer) == null ? void 0 : d.call(t, r), c = r.mediaType ?? Lt(r.href), u = !!(c != null && c.startsWith("image/"));
-      return !a && u ? (g) => new In(g) : a;
+      return !a && u ? (g) => new bn(g) : a;
     }
   }), n = new IntersectionObserver(
     (r) => {
@@ -1924,10 +1924,10 @@ const wn = (e) => (t) => {
       n.disconnect(), o.disconnect(), i.destroy();
     }
   };
-}, Pn = (e, t) => e.links$.pipe(
+}, wn = (e, t) => e.links$.pipe(
   T((i) => {
     var r;
-    if (!Ci(i.target, "a") || i.type !== "click") return;
+    if (!Mi(i.target, "a") || i.type !== "click") return;
     const n = new URL(i.target.href), o = `${n.origin}${n.pathname}`;
     ((r = e.context.manifest) == null ? void 0 : r.spineItems.some(
       (a) => a.href === o
@@ -1939,7 +1939,7 @@ class A {
     this.__symbol = Symbol("SpineItemPosition"), this.x = t.x, this.y = t.y;
   }
 }
-const vn = ({
+const Pn = ({
   position: e,
   spineItem: t,
   pageHeight: i,
@@ -1957,7 +1957,7 @@ const vn = ({
     s,
     t
   );
-}, oe = ({
+}, se = ({
   position: e,
   navigationResolver: t,
   computedPageTurnDirection: i,
@@ -1971,7 +1971,7 @@ const vn = ({
   const u = o.getSpineItemPositionFromSpinePosition(
     e,
     a
-  ), d = vn({
+  ), d = Pn({
     position: u,
     spineItem: a,
     pageHeight: s.getPageSize().height,
@@ -1993,7 +1993,7 @@ const vn = ({
       x: 0
     })
   );
-}, xn = ({
+}, vn = ({
   position: e,
   spineItem: t,
   context: i,
@@ -2002,7 +2002,7 @@ const vn = ({
   spineLocator: s,
   computedPageTurnDirection: r
 }) => {
-  const a = oe({
+  const a = se({
     position: e,
     context: i,
     navigationResolver: n,
@@ -2024,7 +2024,7 @@ const vn = ({
       );
     if (r === "vertical" && e.y !== a.y)
       return n.getAdjustedPositionForSpread(a);
-    const c = oe({
+    const c = se({
       position: a,
       context: i,
       navigationResolver: n,
@@ -2035,7 +2035,7 @@ const vn = ({
     return n.getAdjustedPositionForSpread(c);
   }
   return n.getAdjustedPositionForSpread(a);
-}, $n = ({
+}, xn = ({
   position: e,
   spineItem: t,
   pageHeight: i,
@@ -2053,7 +2053,7 @@ const vn = ({
     s,
     t
   );
-}, se = ({
+}, re = ({
   position: e,
   navigationResolver: t,
   computedPageTurnDirection: i,
@@ -2067,7 +2067,7 @@ const vn = ({
   const u = o.getSpineItemPositionFromSpinePosition(
     e,
     a
-  ), d = $n({
+  ), d = xn({
     position: u,
     spineItem: a,
     pageHeight: s.getPageSize().height,
@@ -2089,7 +2089,7 @@ const vn = ({
       x: 0
     })
   );
-}, Tn = ({
+}, $n = ({
   position: e,
   spineItem: t,
   context: i,
@@ -2098,7 +2098,7 @@ const vn = ({
   spineLocator: s,
   computedPageTurnDirection: r
 }) => {
-  const a = se({
+  const a = re({
     position: e,
     context: i,
     navigationResolver: n,
@@ -2123,7 +2123,7 @@ const vn = ({
       );
     if (r === "vertical" && e.y !== a.y)
       return n.getAdjustedPositionForSpread(a);
-    const c = se({
+    const c = re({
       position: a,
       context: i,
       navigationResolver: n,
@@ -2135,7 +2135,7 @@ const vn = ({
   }
   return n.getAdjustedPositionForSpread(a);
 };
-class Fn {
+class Tn {
   constructor(t) {
     this.reader = t, this.movingLastDelta = { x: 0, y: 0 }, this.movingLastPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2154,7 +2154,7 @@ class Fn {
   turnRightOrBottom() {
     const t = this.reader.navigation.getNavigation(), i = this.reader.spineItemsManager.get(t.spineItem);
     if (!i) return;
-    const n = Tn({
+    const n = $n({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: t.position,
@@ -2170,7 +2170,7 @@ class Fn {
   turnLeftOrTop() {
     const t = this.reader.navigation.getNavigation(), i = this.reader.spineItemsManager.get(t.spineItem);
     if (!i) return;
-    const n = xn({
+    const n = vn({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: t.position,
@@ -2312,7 +2312,7 @@ class Fn {
     }
   }
 }
-class Ln {
+class Fn {
   constructor(t) {
     this.reader = t, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new M({ x: 0, y: 0 }), this.lastStartPosition = new M({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2352,7 +2352,7 @@ class Ln {
     });
   }
 }
-const Mn = (e) => e.pagination.state$.pipe(
+const Ln = (e) => e.pagination.state$.pipe(
   D(e.context.manifest$, e.settings.values$),
   b(
     ([
@@ -2372,7 +2372,7 @@ const Mn = (e) => e.pagination.state$.pipe(
     }
   ),
   E(N)
-), Cn = ({ reader: e, duration: t }) => (i) => {
+), Mn = ({ reader: e, duration: t }) => (i) => {
   let n;
   const o = () => {
     n == null || n(), n = void 0;
@@ -2381,25 +2381,25 @@ const Mn = (e) => e.pagination.state$.pipe(
     T(() => {
       n || (n = e == null ? void 0 : e.navigation.lock());
     }),
-    Ze(t, at, {
+    Ge(t, at, {
       trailing: !0,
       leading: !0
     }),
     T(o),
     ut(o)
   );
-}, Rn = (e) => (t) => {
-  const i = e(t), n = Mn(i), o = new Fn(i), s = new Ln(i), r = (c) => {
+}, Cn = (e) => (t) => {
+  const i = e(t), n = Ln(i), o = new Tn(i), s = new Fn(i), r = (c) => {
     const { cfi: u, ...d } = c;
     i.load(d), u && o.goToCfi(u, { animate: !1 });
   };
-  return Pn(i, o).pipe(F(i.$.destroy$)).subscribe(), {
+  return wn(i, o).pipe(F(i.$.destroy$)).subscribe(), {
     ...i,
     load: r,
     navigation: {
       ...i.navigation,
       state$: n,
-      throttleLock: ({ duration: c, trigger: u }) => u.pipe(Cn({ duration: c, reader: i })),
+      throttleLock: ({ duration: c, trigger: u }) => u.pipe(Mn({ duration: c, reader: i })),
       moveTo: s.moveTo.bind(s),
       turnBottom: o.turnBottom.bind(o),
       turnTop: o.turnTop.bind(o),
@@ -2422,21 +2422,12 @@ const Mn = (e) => e.pagination.state$.pipe(
       goToAbsolutePageIndex: o.goToAbsolutePageIndex.bind(o)
     }
   };
-}, mt = (e) => {
-  const t = Re(e);
-  return ui([
-    [{ index: 0, extensions: { "vnd.prose.anchor": t } }]
-  ]);
-}, ft = (e, t, i) => {
+}, mt = (e) => Ie({
+  spineIndex: e.index,
+  spineId: e.id
+}), ft = (e, t, i) => {
   var n;
-  return !e.ownerDocument || !((n = e.ownerDocument) != null && n.documentElement) || e === e.ownerDocument ? mt(i) : di(
-    { node: e, offset: t },
-    {
-      extensions: {
-        "vnd.prose.anchor": Re(i)
-      }
-    }
-  );
+  return !e.ownerDocument || !((n = e.ownerDocument) != null && n.documentElement) || e === e.ownerDocument ? mt(i) : Ie({ node: e, offset: t, spineIndex: i.index, spineId: i.id });
 }, Wt = ({
   pageIndex: e,
   spineItem: t,
@@ -2452,10 +2443,10 @@ const Mn = (e) => e.pagination.state$.pipe(
     n.offset,
     t.item
   ).trim() : mt(t.item);
-}, An = (e, t) => {
+}, Rn = (e, t) => {
   const i = ft(e.startContainer, e.startOffset, t), n = ft(e.endContainer, e.endOffset, t);
   return { start: i, end: n };
-}, On = ({
+}, An = ({
   item: e,
   selection: t
 }) => {
@@ -2464,51 +2455,50 @@ const Mn = (e) => e.pagination.state$.pipe(
     anchorCfi: i,
     focusCfi: n
   };
-}, Re = (e) => e.index.toString(), zt = (e) => {
-  var i, n, o;
-  const t = Se(e);
-  if (Array.isArray(t)) {
-    const s = t.at(-1);
-    return ((i = s == null ? void 0 : s[0]) == null ? void 0 : i.index) === 0;
-  }
-  return ((o = (n = t.parent.at(-1)) == null ? void 0 : n[0]) == null ? void 0 : o.index) === 0;
-}, Ae = (e) => {
-  var s, r, a, c;
-  const t = Se(e), i = gi(t), n = Number.parseInt((i == null ? void 0 : i["vnd.prose.anchor"]) || ""), o = li(t) ? (r = (s = t.end.at(-1)) == null ? void 0 : s.at(-1)) == null ? void 0 : r.offset : (c = (a = t.at(-1)) == null ? void 0 : a.at(-1)) == null ? void 0 : c.offset;
+}, ae = (e) => {
+  var t;
+  return ((t = e[0]) == null ? void 0 : t.index) === 6 && e.length > 1;
+}, zt = (e) => {
+  const t = we(e);
+  return gi(t);
+}, On = (e) => Array.isArray(e) ? e[0] && ae(e[0]) ? e[0] : void 0 : e.parent[0] && ae(e.parent[0]) ? e.parent[0] : void 0, Zt = (e) => {
+  var a, c, u, d;
+  const t = we(e), n = (On(t) ?? [])[1], s = ((n == null ? void 0 : n.index) ?? 2) / 2 - 1, r = di(t) ? (c = (a = t.end.at(-1)) == null ? void 0 : a.at(-1)) == null ? void 0 : c.offset : (d = (u = t.at(-1)) == null ? void 0 : u.at(-1)) == null ? void 0 : d.offset;
   return {
     cleanedCfi: e,
-    itemIndex: Number.isNaN(n) ? void 0 : n,
-    offset: o ?? 0
+    itemIndex: s,
+    offset: r ?? 0
   };
-}, Oe = ({
+}, De = ({
   cfi: e,
   spineItemsManager: t
 }) => {
-  var o, s;
+  var s, r;
   if (!e) return;
-  const i = t.getSpineItemFromCfi(e);
-  if (!i) return;
-  const n = i.renderer.getDocumentFrame();
-  if (n instanceof HTMLIFrameElement) {
-    const r = (o = n.contentWindow) == null ? void 0 : o.document;
-    if (r)
+  const { itemIndex: i } = Zt(e), n = t.get(i);
+  if (!n) return;
+  const o = n.renderer.getDocumentFrame();
+  if (o instanceof HTMLIFrameElement) {
+    console.log("FIII", e);
+    const a = (s = o.contentWindow) == null ? void 0 : s.document;
+    if (a)
       try {
-        const a = pi(e, r, {
+        const c = li(e, a, {
           throwOnError: !0
         });
         return {
-          node: a.isRange ? (s = a.node) == null ? void 0 : s.startContainer : a.node,
-          offset: Array.isArray(a.offset) ? a.offset.at(-1) : a.offset,
-          spineItem: i
+          node: c.isRange ? (r = c.node) == null ? void 0 : r.startContainer : c.node,
+          offset: Array.isArray(c.offset) ? c.offset.at(-1) : c.offset,
+          spineItem: n
         };
-      } catch (a) {
-        return j.error(a), {
-          spineItem: i
+      } catch (c) {
+        return j.error(c), {
+          spineItem: n
         };
       }
   }
   return {
-    spineItem: i
+    spineItem: n
   };
 }, Dn = (e, t) => {
   if ("cfi" in t)
@@ -2522,7 +2512,7 @@ const Mn = (e) => e.pagination.state$.pipe(
 }, Nn = (e, t) => {
   let i = e == null ? void 0 : e.itemPageIndex;
   const { itemIndex: n } = t.cfi.parseCfi(e.cfi), o = t.spineItemsManager.get(n);
-  return o ? xe().pipe(
+  return o ? Fe().pipe(
     D(o.isReady$),
     b(([, s]) => {
       var g;
@@ -2559,12 +2549,12 @@ class Vn {
         resource: i,
         meta: Dn(this.reader, i)
       };
-      return ee(() => {
+      return ie(() => {
         var d;
         const s = this.reader.spine.spineLayout.layout$.pipe(
           St(10),
           nt(o),
-          Ge((g) => Nn(g.meta, this.reader).pipe(
+          Je((g) => Nn(g.meta, this.reader).pipe(
             b((l) => ({
               ...g,
               meta: l
@@ -2585,12 +2575,12 @@ class Vn {
     };
   }
   locateResource(t, i) {
-    return Array.isArray(t) ? ee(
+    return Array.isArray(t) ? ie(
       () => q(t.map((n) => this.locate(n, i ?? {})))
     ) : this.locate(t, i ?? {});
   }
 }
-const De = (e, t, i) => {
+const Ne = (e, t, i) => {
   const n = i.spineItems.findIndex(
     (o) => o.href === e
   );
@@ -2607,7 +2597,7 @@ const De = (e, t, i) => {
       const m = {
         title: s.title,
         path: s.path
-      }, S = De(e, s.contents, i);
+      }, S = Ne(e, s.contents, i);
       return S ? {
         ...m,
         subChapter: S
@@ -2618,7 +2608,7 @@ const De = (e, t, i) => {
 }, jn = (e, t) => {
   var n;
   const { href: i } = t;
-  return De(i, ((n = e.nav) == null ? void 0 : n.toc) ?? [], e);
+  return Ne(i, ((n = e.nav) == null ? void 0 : n.toc) ?? [], e);
 }, kn = (e) => {
   const t = e.context.manifest, i = e.spineItemsManager.items;
   return t ? i.reduce(
@@ -2887,13 +2877,13 @@ const De = (e, t, i) => {
     i.next({ id: c, data: u });
   };
   i.asObservable().pipe(
-    ai(({ id: c, data: u }) => {
+    ci(({ id: c, data: u }) => {
       const d = n(c);
       return d ? W(
-        Je([At("prose-reader"), W(u.blob())])
+        Ke([At("prose-reader"), W(u.blob())])
       ).pipe(
         _(([g, l]) => W(g.put(`${t}_${d.id}`, l))),
-        Qt((g) => (j.error(g), K))
+        te((g) => (j.error(g), K))
       ) : K;
     }),
     J(e.destroy$)
@@ -2916,7 +2906,7 @@ const De = (e, t, i) => {
           })
         )
       ),
-      Qt((c) => (j.error(c), K))
+      te((c) => (j.error(c), K))
     ))),
     J(e.destroy$)
   ).subscribe(), {
@@ -2986,14 +2976,14 @@ class Qn extends Y {
     if (!i)
       this.selectionChange$ = gt, this.selectionOver$ = gt;
     else {
-      const o = ie(i.body, {
+      const o = ne(i.body, {
         childList: !0,
         subtree: !0
       }).pipe(
         R(
           (r) => !!r.find((a) => a.type === "childList" && a.removedNodes.length)
         )
-      ), s = t.parentElement ? ie(t.parentElement, {
+      ), s = t.parentElement ? ne(t.parentElement, {
         childList: !0
       }).pipe(
         R(
@@ -3123,7 +3113,7 @@ const to = (e) => e.loaded$.pipe(
       createOrderedRangeFromSelection: Kn
     }
   };
-}, re = [
+}, ce = [
   {
     name: "bright",
     backgroundColor: "white"
@@ -3142,7 +3132,7 @@ const to = (e) => e.loaded$.pipe(
   const i = e(t), n = new k(
     t.theme ?? "bright"
   ), o = () => {
-    const a = re.find(
+    const a = ce.find(
       (c) => c.name === n.value
     );
     return `
@@ -3159,7 +3149,7 @@ const to = (e) => e.loaded$.pipe(
   }, s = ({
     container: a
   }) => {
-    const c = re.find(
+    const c = ce.find(
       (u) => u.name === n.value
     );
     return c && a.style.setProperty(
@@ -3207,7 +3197,7 @@ const to = (e) => e.loaded$.pipe(
   ...e(t),
   utils: {
     isOrIsWithinValidLink: (o) => {
-      if (be(o)) {
+      if (Pe(o)) {
         const s = o.nodeName === "a" ? o : o.closest("a");
         if (s != null && s.getAttribute("href"))
           return !0;
@@ -3218,12 +3208,12 @@ const to = (e) => e.loaded$.pipe(
 });
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1;
 const oo = (e) => (t) => e(t);
-class Ne {
+class Ve {
   constructor(t) {
     this.reader = t;
   }
 }
-class so extends Ne {
+class so extends Ve {
   constructor() {
     super(...arguments), this.isZooming$ = new k(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
   }
@@ -3280,7 +3270,7 @@ const Tt = ({
   const o = i * e / 2 - i + i / 2, s = i * t / 2 - i + i / 2, r = e / t, a = n - s;
   return Math.max(o + a * r, 0);
 };
-class ro extends Ne {
+class ro extends Ve {
   constructor() {
     super(...arguments), this.isZooming$ = new k(!1), this.currentScale = 1, this.currentPosition = { x: 0, y: 0 };
   }
@@ -3345,7 +3335,7 @@ const ao = (e) => (t) => {
       }
     }
   };
-}, Ve = (e) => (e == null ? void 0 : e.renditionLayout) === "pre-paginated" || (e == null ? void 0 : e.spineItems.every((t) => t.renditionLayout === "pre-paginated"));
+}, je = (e) => (e == null ? void 0 : e.renditionLayout) === "pre-paginated" || (e == null ? void 0 : e.spineItems.every((t) => t.renditionLayout === "pre-paginated"));
 class bt extends st {
   constructor(t) {
     super((i) => this.stateSubject.pipe(F(this.destroy$)).subscribe(i)), this.destroy$ = new U(), this.stateSubject = new k(t);
@@ -3375,7 +3365,7 @@ class bt extends st {
 }
 class co {
   constructor() {
-    this.navigationSubject = new Gt(1), this.viewportStateSubject = new k("free"), this.paginationSubject = new Gt(), this.navigationIsLockedSubject = new k(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
+    this.navigationSubject = new Jt(1), this.viewportStateSubject = new k("free"), this.paginationSubject = new Jt(), this.navigationIsLockedSubject = new k(!1), this.pagination$ = this.paginationSubject.asObservable(), this.navigationUnlocked$ = this.navigationIsLockedSubject.pipe(
       E(),
       R((t) => !t)
     ), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(
@@ -3438,7 +3428,7 @@ class go extends bt {
         height: t.visibleAreaRect.height - r - a
       },
       ...t.manifest && {
-        isFullyPrePaginated: Ve(n),
+        isFullyPrePaginated: je(n),
         assumedRenditionLayout: (n == null ? void 0 : n.renditionLayout) ?? "reflowable"
       },
       isUsingSpreadMode: uo({
@@ -3571,7 +3561,7 @@ class po {
     return q(s);
   }
 }
-class je {
+class ke {
   constructor() {
     this.isLockedSubject = new k(0), this.isLocked$ = this.isLockedSubject.pipe(
       b((t) => !!t),
@@ -3709,7 +3699,7 @@ const ho = () => (e) => e.pipe(
       ...o
     };
   })
-), ae = ({
+), ue = ({
   settings: e,
   spineItemsManager: t,
   navigationResolver: i,
@@ -3768,7 +3758,7 @@ const ho = () => (e) => e.pipe(
       };
     })
   );
-}, ce = ({ spine: e }) => (t) => t.pipe(
+}, de = ({ spine: e }) => (t) => t.pipe(
   v(({ navigation: i, ...n }) => {
     const o = e.spineLayout.getSpineItemSpineLayoutInfo(i.spineItem), s = e.spineItemsManager.get(i.spineItem);
     return ((s == null ? void 0 : s.isReady$) ?? w(!1)).pipe(
@@ -4000,7 +3990,7 @@ const ho = () => (e) => e.pipe(
   navigationResolver: o,
   spineItemsManager: t,
   spineLayout: s
-}), ue = ({
+}), ge = ({
   settings: e,
   navigationResolver: t,
   context: i,
@@ -4035,7 +4025,7 @@ class Fo extends Y {
       spineItemIsReady: !1,
       type: "api",
       id: Symbol()
-    }), this.navigated$ = this.navigationSubject.pipe(me(1)), this.navigation$ = this.navigationSubject.pipe(
+    }), this.navigated$ = this.navigationSubject.pipe(ye(1)), this.navigation$ = this.navigationSubject.pipe(
       b(({ position: f, id: y }) => ({
         position: f,
         id: y
@@ -4044,7 +4034,7 @@ class Fo extends Y {
         ({ position: f, ...y }, { position: I, ...P }) => N(y, P) && N(f, I)
       ),
       et(1)
-    ), this.locker = new je();
+    ), this.locker = new ke();
     const u = n.pipe(
       D(this.navigationSubject),
       fo,
@@ -4063,7 +4053,7 @@ class Fo extends Y {
         navigationResolver: r
       }),
       bo({ context: i, settings: t }),
-      ae({
+      ue({
         navigationResolver: r,
         settings: t,
         spineItemsManager: a.spineItemsManager,
@@ -4075,7 +4065,7 @@ class Fo extends Y {
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      ce({
+      de({
         spine: a
       })
     ).pipe(
@@ -4087,7 +4077,7 @@ class Fo extends Y {
       v(([f, y]) => {
         const I = f.navigation.cfi || f.navigation.url || t.values.computedPageTurnMode === "scrollable" || y;
         return w(f).pipe(
-          I ? Pt : ue({
+          I ? Pt : ge({
             navigationResolver: r,
             settings: t,
             spine: a,
@@ -4155,7 +4145,7 @@ class Fo extends Y {
       d
     ).pipe(
       b((f) => ({ navigation: f })),
-      ue({
+      ge({
         navigationResolver: r,
         settings: t,
         context: i,
@@ -4178,13 +4168,13 @@ class Fo extends Y {
        * eg: after the reader load and the user has never navigated
        * yet.
        */
-      ae({
+      ue({
         navigationResolver: r,
         settings: t,
         spineItemsManager: a.spineItemsManager,
         spineLocator: a.locator
       }),
-      ce({
+      de({
         spine: a
       }),
       Ot({
@@ -4246,7 +4236,7 @@ class Fo extends Y {
     return this.navigationSubject.getValue();
   }
 }
-const ke = ({
+const We = ({
   position: { x: e, y: t },
   spineElement: i,
   element: n
@@ -4286,7 +4276,7 @@ class Mo extends Y {
           ),
           H(),
           T(() => {
-            const u = a.target, d = ke({
+            const u = a.target, d = We({
               element: u,
               position: new M({
                 x: u.scrollLeft ?? 0,
@@ -4318,7 +4308,7 @@ const Co = (e) => ({
 }) : new M({
   x: -e.x,
   y: -e.y
-}), Ao = "navigation/ViewportNavigator", de = j.namespace(Ao);
+}), Ao = "navigation/ViewportNavigator", le = j.namespace(Ao);
 class Oo extends Y {
   constructor(t, i, n, o, s) {
     super(), this.settings = t, this.hookManager = i, this.context = n, this.spine = o, this.viewport = s, this.navigateSubject = new U(), this.element$ = new k(
@@ -4347,13 +4337,13 @@ class Oo extends Y {
     );
     this.layout$ = c.pipe(
       T(() => {
-        de.info("layout", t.values);
+        le.info("layout", t.values);
       }),
       V()
     );
     const u = this.navigateSubject.pipe(
       T((d) => {
-        de.info("Navigation requested", d);
+        le.info("Navigation requested", d);
       })
     );
     this.isNavigating$ = u.pipe(
@@ -4458,11 +4448,11 @@ class Do extends bt {
         left: g.x,
         top: g.y,
         behavior: "instant"
-      }), Jt(1).pipe(
+      }), Kt(1).pipe(
         T(() => {
           this.scrollingSubject.next(!1);
         }),
-        F(x(this.scrollingSubject.pipe(me(1)), this.destroy$))
+        F(x(this.scrollingSubject.pipe(ye(1)), this.destroy$))
       ).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0, {});
     };
     const r = this.context.pipe(
@@ -4492,12 +4482,12 @@ class Do extends bt {
       et(1)
     );
     const u = x(
-      o.element$.pipe(v((g) => ve(g))),
+      o.element$.pipe(v((g) => Te(g))),
       o.element$.pipe(v((g) => G(g, "scroll"))),
       o.spineItemsObserver.itemResize$
     ).pipe(
       v(
-        () => Jt(10).pipe(
+        () => Kt(10).pipe(
           b(() => !1),
           nt(!0)
         )
@@ -4539,7 +4529,7 @@ class Do extends bt {
   }
   get viewportPosition() {
     const t = this.value.element;
-    return t ? ke({
+    return t ? We({
       element: t,
       position: new M({
         x: (t == null ? void 0 : t.scrollLeft) ?? 0,
@@ -4549,13 +4539,13 @@ class Do extends bt {
     }) : new M({ x: 0, y: 0 });
   }
 }
-const ge = (e, t, i) => {
+const pe = (e, t, i) => {
   const n = i - e, o = i * (t * e) / (i || 1);
   return Math.max(0, Math.min(n, o));
 }, Ut = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), xt = (e, t, i) => {
   const n = Ut(i, t), o = [...Array(n)].map((s, r) => r * t);
   return e >= n * t ? o[o.length - 1] || 0 : o.find((s) => e < s + t) || 0;
-}, Zt = ({
+}, Gt = ({
   itemHeight: e,
   itemWidth: t,
   isUsingVerticalWriting: i,
@@ -4574,7 +4564,7 @@ const ge = (e, t, i) => {
   isUsingVerticalWriting: n
 }) => {
   if (n) {
-    const s = ge(
+    const s = pe(
       i.getPageSize().height,
       e,
       t.height
@@ -4584,7 +4574,7 @@ const ge = (e, t, i) => {
       y: s
     });
   }
-  const o = ge(
+  const o = pe(
     i.getPageSize().width,
     e,
     t.width
@@ -4602,7 +4592,7 @@ const ge = (e, t, i) => {
   settings: i,
   itemLayout: n
 }) => {
-  const o = Zt({
+  const o = Gt({
     context: e,
     isUsingVerticalWriting: t,
     itemHeight: n.height,
@@ -4617,7 +4607,7 @@ const ge = (e, t, i) => {
       pageIndex: r
     })
   );
-}, We = ({
+}, ze = ({
   context: e,
   settings: t
 }) => {
@@ -4638,7 +4628,7 @@ const ge = (e, t, i) => {
       spineItemPosition: g,
       itemHeight: d,
       itemWidth: u
-    }), S = e.isRTL() ? u - m.x - e.getPageSize().width : m.x, f = Zt({
+    }), S = e.isRTL() ? u - m.x - e.getPageSize().width : m.x, f = Gt({
       isUsingVerticalWriting: l,
       itemHeight: d,
       itemWidth: u,
@@ -4652,7 +4642,7 @@ const ge = (e, t, i) => {
     if ((u == null ? void 0 : u.nodeName) === "img" || (u == null ? void 0 : u.textContent) === "" && u.nodeType === Node.ELEMENT_NODE)
       l = u.getBoundingClientRect().x;
     else if (u) {
-      const S = u ? $i(u, d) : void 0;
+      const S = u ? xi(u, d) : void 0;
       l = (S == null ? void 0 : S.getBoundingClientRect().x) || l;
     }
     const p = ((m = g.layout.layoutInfo) == null ? void 0 : m.width) || 0, h = e.getPageSize().width;
@@ -4679,7 +4669,7 @@ const ge = (e, t, i) => {
         right: m + g.width,
         bottom: S + g.height
       };
-      return vi(
+      return Pi(
         l.contentWindow.document,
         f
       );
@@ -4739,7 +4729,7 @@ const ge = (e, t, i) => {
   context: e,
   settings: t
 }) => {
-  const i = We({ context: e, settings: t });
+  const i = ze({ context: e, settings: t });
   return {
     getNavigationForLastPage: (r) => {
       const a = r.numberOfPages;
@@ -4765,7 +4755,7 @@ const ge = (e, t, i) => {
 }) => {
   const s = e % n !== 0 ? e - i : e;
   return new M({ x: s, y: t });
-}, le = ({
+}, he = ({
   position: e,
   isRTL: t,
   pageSizeHeight: i,
@@ -4978,7 +4968,7 @@ const ge = (e, t, i) => {
       context: e
     }),
     getNavigationForCfi: (l) => {
-      const p = t.getSpineItemFromCfi(l), { node: h, offset: m = 0 } = Oe({
+      const p = t.getSpineItemFromCfi(l), { node: h, offset: m = 0 } = De({
         cfi: l,
         spineItemsManager: t
       }) || {};
@@ -5026,7 +5016,7 @@ const ge = (e, t, i) => {
       spineLocator: i
     }),
     getMostPredominantNavigationForPosition: (l) => {
-      const p = n.values.computedPageTurnDirection, h = 0.5, m = p === "horizontal" ? l.x + e.state.visibleAreaRect.width * h : 0, S = p === "horizontal" ? 0 : l.y + e.state.visibleAreaRect.height * h, f = le({
+      const p = n.values.computedPageTurnDirection, h = 0.5, m = p === "horizontal" ? l.x + e.state.visibleAreaRect.width * h : 0, S = p === "horizontal" ? 0 : l.y + e.state.visibleAreaRect.height * h, f = he({
         position: new M({
           x: m,
           y: S
@@ -5044,7 +5034,7 @@ const ge = (e, t, i) => {
         viewportPosition: f
       });
     },
-    getAdjustedPositionWithSafeEdge: (l) => le({
+    getAdjustedPositionWithSafeEdge: (l) => he({
       position: l,
       isRTL: e.isRTL(),
       pageSizeHeight: e.getPageSize().height,
@@ -5069,7 +5059,7 @@ const ge = (e, t, i) => {
   settings: o,
   viewport: s
 }) => {
-  const r = new U(), a = new je(), c = Bo({
+  const r = new U(), a = new ke(), c = Bo({
     context: t,
     settings: o,
     spineItemsManager: e,
@@ -5170,7 +5160,7 @@ class qo extends Y {
           threshold: 0.5
         });
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
-          pe(1),
+          me(1),
           D(this.context.bridgeEvent.navigation$),
           T(([, u]) => {
             const { position: d } = u, g = this.pagination.value, {
@@ -5268,7 +5258,7 @@ class Yo extends Y {
   }
   watch(t) {
     return this.values$.pipe(
-      Pe(t),
+      $e(t),
       E(N)
     );
   }
@@ -5352,7 +5342,7 @@ class Go extends Y {
         }), { width: y, height: I };
       })
     ), this.layout = (a) => {
-      const c = Ni(this.layout$.pipe(H()));
+      const c = Di(this.layout$.pipe(H()));
       return this.layoutTriggerSubject.next(a), c();
     }, this.adjustPositionOfElement = ({
       right: a,
@@ -5426,7 +5416,7 @@ class Jo extends ht {
   getDocumentFrame() {
   }
 }
-class ze extends Y {
+class Ue extends Y {
   constructor(t, i, n, o, s, r) {
     var u, d;
     super(), this.item = t, this.parentElement = i, this.context = n, this.settings = o, this.hookManager = s, this.index = r, this.getBoundingRectOfElementFromSelector = (g) => {
@@ -5466,9 +5456,9 @@ class ze extends Y {
       this.renderer,
       this.settings
     ), this.isReady$ = this.layout.layoutProcess$.pipe(
-      ci(this.renderer.isLoaded$),
+      ui(this.renderer.isLoaded$),
       X(([g, l]) => !!(g.type === "end" && l)),
-      ye(!1),
+      be(!1),
       Z(),
       z((g) => {
         this.containerElement.dataset.isReady = g.toString();
@@ -5512,7 +5502,7 @@ class ze extends Y {
       _(
         () => this.renderer.state$.pipe(
           tt((t) => t === "idle"),
-          fe()
+          Se()
         )
       )
     );
@@ -5521,7 +5511,7 @@ class ze extends Y {
     return this.renderer.renditionLayout;
   }
   get numberOfPages() {
-    return Zt({
+    return Gt({
       isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
       itemHeight: this.layout.layoutInfo.height,
       itemWidth: this.layout.layoutInfo.width,
@@ -5550,7 +5540,7 @@ class Qo extends Y {
     ), this.itemResize$ = this.spineItemsManager.items$.pipe(
       v((n) => {
         const o = n.map(
-          (s) => ve(s.element).pipe(
+          (s) => Te(s.element).pipe(
             b((r) => ({ entries: r, item: s }))
           )
         );
@@ -5676,11 +5666,11 @@ class es extends Y {
       ),
       Vt(() => {
         s.next(!0);
-        const r = this.context.manifest, a = Ve(r) ?? !1;
+        const r = this.context.manifest, a = je(r) ?? !1;
         return W(this.spineItemsManager.items).pipe(
-          Ke(
+          Qe(
             (u, d, g) => u.pipe(
-              Kt(
+              Qt(
                 ({ horizontalOffset: l, verticalOffset: p, pages: h }) => ts({
                   context: this.context,
                   horizontalOffset: l,
@@ -5708,7 +5698,7 @@ class es extends Y {
             ),
             w({ horizontalOffset: 0, verticalOffset: 0, pages: [] })
           ),
-          Kt((u) => u),
+          Qt((u) => u),
           ut(() => {
             s.next(!1);
           })
@@ -5745,7 +5735,7 @@ class is extends Y {
     super(), this.context = t, this.spineItemsManager = i, this.spineLocator = n, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new k([]);
     const r = this.forcedOpenSubject.pipe(
       b((u) => [...new Set(u.flat())].sort()),
-      E(ii),
+      E(ni),
       et({ bufferSize: 1, refCount: !0 })
     );
     x(
@@ -5791,7 +5781,7 @@ class is extends Y {
     super.destroy(), this.forcedOpenSubject.complete();
   }
 }
-const Ue = (e, t, i) => {
+const He = (e, t, i) => {
   const n = (i.width - t.width) / 2, o = (i.height - t.height) / 2;
   return new Yt({
     x: e.x - n,
@@ -5865,7 +5855,7 @@ const ss = ({
 }) => {
   const o = e / n.width;
   return t / n.height >= i && o >= i;
-}, He = ({
+}, Ee = ({
   itemPosition: {
     bottom: e,
     left: t,
@@ -5930,7 +5920,7 @@ const ss = ({
       itemIndex: t.getSpineItemIndex(n.item) ?? 0,
       currentAbsolutePage: o
     };
-}, Ee = ({
+}, Be = ({
   position: e,
   spineItemsManager: t,
   spineLayout: i,
@@ -5957,21 +5947,21 @@ const ss = ({
   useAbsoluteViewport: r = !0,
   viewport: a
 }) => {
-  const c = Ee({
+  const c = Be({
     position: e,
     settings: o,
     spineItemsManager: n,
     spineLayout: s
   }) || n.get(0), u = n.items.reduce(
     (h, m) => {
-      const S = s.getSpineItemSpineLayoutInfo(m), f = r ? a.absoluteViewport : a.relativeViewport, y = Ue(
+      const S = s.getSpineItemSpineLayoutInfo(m), f = r ? a.absoluteViewport : a.relativeViewport, y = He(
         e,
         a.absoluteViewport,
         f
       ), I = yt.from(
         y,
         f
-      ), { visible: P } = He({
+      ), { visible: P } = Ee({
         itemPosition: S,
         threshold: t,
         viewportPosition: I,
@@ -6054,20 +6044,20 @@ const ss = ({
       };
     }).reduce(
       (O, { absolutePosition: B, index: dt }) => {
-        const Q = f ? y.absoluteViewport : y.relativeViewport, Be = Ue(
+        const Q = f ? y.absoluteViewport : y.relativeViewport, _e = He(
           p,
           y.absoluteViewport,
           Q
-        ), _e = yt.from(
-          Be,
+        ), Xe = yt.from(
+          _e,
           Q
-        ), { visible: Xe } = He({
-          viewportPosition: _e,
+        ), { visible: qe } = Ee({
+          viewportPosition: Xe,
           restrictToScreen: S,
           threshold: h,
           itemPosition: B
         });
-        return Xe ? [...O, dt] : O;
+        return qe ? [...O, dt] : O;
       },
       []
     ), L = $[0], C = $[$.length - 1] ?? L;
@@ -6098,7 +6088,7 @@ const ss = ({
     }),
     getSpinePositionFromSpineItem: a,
     getSpineItemPositionFromSpinePosition: r,
-    getSpineItemFromPosition: (p) => Ee({
+    getSpineItemFromPosition: (p) => Be({
       position: p,
       settings: n,
       spineItemsManager: e,
@@ -6133,7 +6123,7 @@ const ss = ({
 };
 class gs extends Y {
   constructor(t, i, n, o, s, r, a, c) {
-    super(), this.parentElement$ = t, this.context = i, this.pagination = n, this.spineItemsManager = o, this.spineItemLocator = s, this.settings = r, this.hookManager = a, this.viewport = c, this.elementSubject = new k(Li()), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new es(
+    super(), this.parentElement$ = t, this.context = i, this.pagination = n, this.spineItemsManager = o, this.spineItemLocator = s, this.settings = r, this.hookManager = a, this.viewport = c, this.elementSubject = new k(Fi()), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new es(
       o,
       i,
       r,
@@ -6159,7 +6149,7 @@ class gs extends Y {
       z((g) => {
         this.spineItemsManager.destroyItems();
         const l = g.spineItems.map(
-          (p, h) => new ze(
+          (p, h) => new Ue(
             p,
             this.elementSubject.getValue(),
             this.context,
@@ -6205,7 +6195,7 @@ class ls extends Y {
     return n > o ? "after" : n === o ? "same" : "before";
   }
   getSpineItemIndex(t) {
-    const i = t instanceof ze ? t : this.get(t);
+    const i = t instanceof Ue ? t : this.get(t);
     if (!i) return;
     const n = this.orderedSpineItemsSubject.value.indexOf(i);
     return n < 0 ? void 0 : n;
@@ -6218,7 +6208,7 @@ class ls extends Y {
   }
   // @todo move
   getSpineItemFromCfi(t) {
-    const { itemIndex: i } = Ae(t);
+    const { itemIndex: i } = Zt(t);
     if (i !== void 0)
       return this.get(i);
   }
@@ -6290,7 +6280,7 @@ class ps extends bt {
 const hs = (e) => {
   const t = new U(), i = new po(), n = new go(), o = new Zo(e, n), s = new lo(n, o), r = new ls(n, o), a = new k(
     void 0
-  ), c = new ps(n), u = a.pipe(tt(ct)), d = We({
+  ), c = new ps(n), u = a.pipe(tt(ct)), d = ze({
     context: n,
     settings: o
   }), g = new Xo(n, r), l = new gs(
@@ -6361,14 +6351,14 @@ const hs = (e) => {
     spine: l,
     hookManager: i,
     cfi: {
-      generateCfiFromRange: An,
-      generateCfiFromSelection: On,
-      parseCfi: Ae,
+      generateCfiFromRange: Rn,
+      generateCfiFromSelection: An,
+      parseCfi: Zt,
       generateCfiForSpineItemPage: (y) => Wt({
         ...y,
         spineItemLocator: d
       }),
-      resolveCfi: (y) => Oe({ ...y, spineItemsManager: r })
+      resolveCfi: (y) => De({ ...y, spineItemsManager: r })
     },
     navigation: p,
     spineItemsObserver: l.spineItemsObserver,
@@ -6412,22 +6402,22 @@ const hs = (e) => {
 }, vs = (
   //__
   eo(
-    Wi(
-      bn(
+    ki(
+      Sn(
         oo(
-          ki(
-            Si(
+          ji(
+            yi(
               Gn(
                 no(
                   ao(
-                    Rn(
-                      an(
-                        wn(
-                          bi(
+                    Cn(
+                      rn(
+                        In(
+                          Si(
                             io(
                               qn(
-                                mn(
-                                  Di(
+                                hn(
+                                  Oi(
                                     // __
                                     hs
                                   )
@@ -6454,25 +6444,25 @@ export {
   po as HookManager,
   qt as ResourceHandler,
   Yo as SettingsManager,
-  ze as SpineItem,
+  Ue as SpineItem,
   vs as createReader,
-  ee as deferIdle,
-  Ni as deferNextResult,
-  te as getAttributeValueFromString,
+  ie as deferIdle,
+  Di as deferNextResult,
+  ee as getAttributeValueFromString,
   Bt as getFrameViewportInfo,
-  xe as idle,
-  hi as injectCSS,
-  be as isHtmlElement,
-  Ci as isHtmlTagElement,
+  Fe as idle,
+  pi as injectCSS,
+  Pe as isHtmlElement,
+  Mi as isHtmlTagElement,
   Ts as isShallowEqual,
-  Pe as mapKeysTo,
+  $e as mapKeysTo,
   Is as observeIntersection,
-  ie as observeMutation,
-  ve as observeResize,
-  mi as removeCSS,
+  ne as observeMutation,
+  Te as observeResize,
+  hi as removeCSS,
   ot as upsertCSSToFrame,
-  fi as waitForFrameLoad,
-  yi as waitForFrameReady,
+  mi as waitForFrameLoad,
+  fi as waitForFrameReady,
   Ct as waitForSwitch,
   Xt as watchKeys
 };