@prose-reader/core 1.226.0 → 1.227.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { switchMap as P, of as w, fromEvent as G, take as he, map as b, from as
 import { Report as ei, isShallowEqual as N, shallowMergeIfDefined as vt, getParentPath as ii, parseContentType as ni, detectMimeTypeFromName as Lt, arrayEqual as oi } from "@prose-reader/shared";
 import { isShallowEqual as Rs } from "@prose-reader/shared";
 import { switchMap as X, first as ye, map as q, distinctUntilChanged as Z, startWith as Se, shareReplay as bt, tap as z, pairwise as si, take as ri, takeUntil as J, filter as Q, debounceTime as ai, skip as ci, mergeMap as ui, catchError as Qt, withLatestFrom as di } from "rxjs/operators";
-import { generate as Vt, parse as be, isIndirectionOnly as li, isParsedCfiRange as gi, resolve as pi } from "@prose-reader/cfi";
+import { generate as Vt, parse as be, isIndirectionOnly as li, isParsedCfiRange as pi, resolve as gi } from "@prose-reader/cfi";
 const te = (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;
@@ -304,41 +304,41 @@ const Ct = ({
     const { clientX: d, clientY: l } = Ct({
       position: e,
       frameElement: r
-    }), g = new PointerEvent(e.type, {
+    }), p = new PointerEvent(e.type, {
       ...e,
       pointerId: e.pointerId,
       clientX: d,
       clientY: l
     });
-    return Object.defineProperty(g, "target", {
+    return Object.defineProperty(p, "target", {
       value: t.target,
       enumerable: !0
-    }), g;
+    }), p;
   }
   if (Ti(e)) {
     const { clientX: d, clientY: l } = Ct({
       position: e,
       frameElement: r
-    }), g = new MouseEvent(e.type, {
+    }), p = new MouseEvent(e.type, {
       ...e,
       clientX: d,
       clientY: l
     });
-    return Object.defineProperty(g, "target", {
+    return Object.defineProperty(p, "target", {
       value: t.target,
       enumerable: !0
-    }), g;
+    }), p;
   }
   if (Fi(e)) {
-    const d = Array.from(e.touches).map((g) => {
-      const { clientX: p, clientY: h } = Ct({
-        position: g,
+    const d = Array.from(e.touches).map((p) => {
+      const { clientX: g, clientY: h } = Ct({
+        position: p,
         frameElement: r
       });
       return new Touch({
-        identifier: g.identifier,
-        target: g.target,
-        clientX: p,
+        identifier: p.identifier,
+        target: p.target,
+        clientX: g,
         clientY: h
       });
     }), l = new TouchEvent(e.type, {
@@ -374,16 +374,16 @@ const Ct = ({
       const a = Oi.map((c) => {
         var d;
         const u = (l) => {
-          var p;
-          let g = l;
-          if (Bt(l) && (g = new PointerEvent(l.type, l)), g !== l) {
+          var g;
+          let p = l;
+          if (Bt(l) && (p = new PointerEvent(l.type, l)), p !== l) {
             const h = Ai(
-              g,
+              p,
               l,
               i.spine.locator,
               i.context
             );
-            (p = i.context.state.containerElement) == null || p.dispatchEvent(
+            (g = i.context.state.containerElement) == null || g.dispatchEvent(
               h
             );
           }
@@ -559,24 +559,24 @@ const Wi = (e) => (t) => {
       ${c.values.fontWeight !== "publisher" ? `font-weight: ${c.values.fontWeight} !important;` : ""}
       ${c.values.fontJustification !== "publisher" ? `text-align: ${c.values.fontJustification} !important;` : ""}
     }
-  `, d = (g) => {
-    a.spineItemsManager.items.forEach((p) => {
-      if (p.renditionLayout !== "pre-paginated") {
-        const h = p.renderer.getDocumentFrame();
+  `, d = (p) => {
+    a.spineItemsManager.items.forEach((g) => {
+      if (g.renditionLayout !== "pre-paginated") {
+        const h = g.renderer.getDocumentFrame();
         h && ot(h, "prose-reader-fonts", u());
       }
-    }), g && a.layout();
+    }), p && a.layout();
   };
-  a.hookManager.register("item.onDocumentLoad", ({ itemId: g }) => {
-    const p = a.spineItemsManager.get(g);
-    if ((p == null ? void 0 : p.renditionLayout) !== "pre-paginated") {
-      const h = p == null ? void 0 : p.renderer.getDocumentFrame();
+  a.hookManager.register("item.onDocumentLoad", ({ itemId: p }) => {
+    const g = a.spineItemsManager.get(p);
+    if ((g == null ? void 0 : g.renditionLayout) !== "pre-paginated") {
+      const h = g == null ? void 0 : g.renderer.getDocumentFrame();
       h && ot(h, "prose-reader-fonts", u());
     }
   });
-  const l = (g) => g.pipe(
+  const l = (p) => p.pipe(
     si(),
-    b(([p, h]) => h.fontScale !== p.fontScale || h.lineHeight !== p.lineHeight)
+    b(([g, h]) => h.fontScale !== g.fontScale || h.lineHeight !== g.lineHeight)
   );
   return c.values$.pipe(
     l,
@@ -823,7 +823,7 @@ const Le = (e, t) => {
         if (e.defaultView && c instanceof e.defaultView.CSSFontFaceRule) {
           const u = c.style.getPropertyValue("src");
           if (u.match(/url\(['"]?([^'"]+)['"]?\)/g)) {
-            const l = u.split(",").map((h) => h.trim()), g = await Promise.all(
+            const l = u.split(",").map((h) => h.trim()), p = await Promise.all(
               l.map(async (h) => {
                 var S, I;
                 if (h.startsWith("local("))
@@ -850,11 +850,11 @@ const Le = (e, t) => {
                 }
                 return h;
               })
-            ), p = c.cssText.replace(
+            ), g = c.cssText.replace(
               /src:\s*[^;]+;/,
-              `src: ${g.join(", ")};`
+              `src: ${p.join(", ")};`
             );
-            s.deleteRule(a), s.insertRule(p, a);
+            s.deleteRule(a), s.insertRule(g, a);
           }
         }
       }
@@ -882,7 +882,7 @@ const Le = (e, t) => {
       if (t.hasAttribute("src"))
         t.setAttribute("src", d);
       else if (t.hasAttribute("href") && (t.setAttribute("href", d), e != null && e.defaultView && t instanceof e.defaultView.HTMLLinkElement))
-        return new et((g) => {
+        return new et((p) => {
           t.onload = async () => {
             try {
               t.sheet && await Ei(
@@ -891,11 +891,11 @@ const Le = (e, t) => {
                 i,
                 n,
                 o
-              ), g.next(), g.complete();
-            } catch (p) {
-              g.error(p);
+              ), p.next(), p.complete();
+            } catch (g) {
+              p.error(g);
             }
-          }, t.onerror = g.error;
+          }, t.onerror = p.error;
         });
       return w(null);
     })
@@ -921,7 +921,7 @@ const Le = (e, t) => {
   })
 ), Xi = (e) => {
   Mi(e == null ? void 0 : e.contentDocument);
-}, qi = [".xhtml", ".html", ".htm"], gt = "prose-reader", Yi = (e) => new Promise((t, i) => {
+}, qi = [".xhtml", ".html", ".htm"], pt = "prose-reader", Yi = (e) => new Promise((t, i) => {
   const n = new Image();
   n.src = e, n.onload = () => {
     t({ height: n.naturalHeight, width: n.naturalWidth });
@@ -1095,7 +1095,7 @@ const Le = (e, t) => {
 }) => {
   const c = e * o;
   if (s != null && s.contentDocument && (s != null && s.contentWindow)) {
-    const { viewportDimensions: u, computedScale: d = 1 } = Ce({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, l = o, g = n, p = Ki(
+    const { viewportDimensions: u, computedScale: d = 1 } = Ce({ frameElement: s, pageHeight: n, pageWidth: o }) ?? {}, l = o, p = n, g = Ki(
       {
         ...Qi({ pageHeight: n, pageWidth: o }),
         enableTouch: a,
@@ -1103,12 +1103,12 @@ const Le = (e, t) => {
       },
       u
     );
-    if (ot(s, "prose-reader-css", p), u ? ne(s, {
+    if (ot(s, "prose-reader-css", g), u ? ne(s, {
       width: u.width ?? 1,
       height: u.height ?? 1
     }) : ne(s, {
       width: l,
-      height: g
+      height: p
     }), u) {
       s == null || s.style.setProperty("position", "absolute"), s == null || s.style.setProperty("top", "50%"), i === "left" ? (s == null || s.style.setProperty("right", "0"), s == null || s.style.removeProperty("left")) : t === "before" && r ? (s == null || s.style.setProperty("right", "50%"), s == null || s.style.removeProperty("left")) : i === "right" ? (s == null || s.style.setProperty("left", "0"), s == null || s.style.removeProperty("right")) : (s == null || s.style.setProperty(
         "left",
@@ -1124,7 +1124,7 @@ const Le = (e, t) => {
       );
     } else
       t === "before" ? r ? s == null || s.style.setProperty("margin-right", `${o}px`) : s == null || s.style.setProperty("margin-left", `${o}px`) : (s == null || s.style.removeProperty("margin-left"), s == null || s.style.removeProperty("margin-right"));
-    return { width: c, height: g };
+    return { width: c, height: p };
   }
   return { width: c, height: n };
 }, en = () => `
@@ -1265,9 +1265,9 @@ const Le = (e, t) => {
   isUsingVerticalWriting: d
 }) => {
   const l = s * t;
-  let g = 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`);
+  let p = o;
+  const g = (n == null ? void 0 : n.renditionLayout) === "reflowable" && (n == null ? void 0 : n.renditionFlow) === "scrolled-continuous", h = g ? Math.min(400, e) : e;
+  i == null || i.style.setProperty("width", `${t}px`), g || i == null || i.style.setProperty("height", `${h}px`);
   const { viewportDimensions: m, computedScale: y = 1 } = Ce({
     frameElement: i,
     pageHeight: h,
@@ -1310,7 +1310,7 @@ const Le = (e, t) => {
           height: x
         });
       else if ((n == null ? void 0 : n.renditionFlow) === "scrolled-continuous")
-        x = i.contentDocument.body.scrollHeight, g = x, It(i, {
+        x = i.contentDocument.body.scrollHeight, p = x, It(i, {
           width: l,
           height: x
         });
@@ -1328,8 +1328,8 @@ const Le = (e, t) => {
   }
   return {
     width: l,
-    height: g || h,
-    latestContentHeightWhenLoaded: g
+    height: p || h,
+    latestContentHeightWhenLoaded: p
   };
 };
 class an extends mt {
@@ -1378,7 +1378,7 @@ class an extends mt {
     if (!r) return w(void 0);
     const a = !!((d = this.writingMode) != null && d.startsWith("vertical"));
     if (this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && ((l = this.context.manifest) == null ? void 0 : l.renditionLayout) === "pre-paginated") {
-      const g = tn({
+      const p = tn({
         blankPagePosition: i,
         enableTouch: this.settings.values.computedPageTurnMode !== "scrollable",
         frameElement: r,
@@ -1388,7 +1388,7 @@ class an extends mt {
         pageWidth: o,
         spreadPosition: n
       });
-      return w(g);
+      return w(p);
     }
     const { latestContentHeightWhenLoaded: c, ...u } = rn({
       pageHeight: s,
@@ -1562,11 +1562,11 @@ const dn = (e) => {
       }
     }
   );
-}, gn = (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();
   })
-), pn = (e) => (t) => {
+), gn = (e) => (t) => {
   const {
     pageHorizontalMargin: i,
     pageVerticalMargin: n,
@@ -1658,23 +1658,23 @@ const dn = (e) => {
     }),
     J(r.$.destroy$)
   ).subscribe();
-  const g = r.spineItemsObserver.itemIsReady$.pipe(
+  const p = r.spineItemsObserver.itemIsReady$.pipe(
     z(({ item: m, isReady: y }) => {
       const f = "prose-spineItem-ready";
       y ? m.containerElement.classList.add(f) : m.containerElement.classList.remove(f);
     })
-  ), p = gn(
+  ), g = pn(
     r,
     a.watch("viewportMode")
   ), h = r.spine.pages.pipe(
     bt({ refCount: !0, bufferSize: 1 })
   );
   return v(
-    g,
+    p,
     c,
     l,
     d,
-    p,
+    g,
     h
   ).pipe(J(r.$.destroy$)).subscribe(), {
     ...r,
@@ -1685,7 +1685,7 @@ const dn = (e) => {
     layout$: r.spine.layout$,
     layoutInfo$: h
   };
-}, hn = `${gt}-enhancer-loading`, Re = `${hn}-container`, mn = (e, t) => {
+}, hn = `${pt}-enhancer-loading`, Re = `${hn}-container`, mn = (e, t) => {
   const i = e.ownerDocument.createElement("div");
   return i.classList.add(Re), i.style.cssText = `
       height: 100%;
@@ -1724,16 +1724,16 @@ const dn = (e) => {
   const { loadingElementCreate: i = fn } = t, n = e(t), o = (c) => w(
     c.reduce((u, { item: d, element: l }) => {
       l.style.zIndex = "0";
-      const g = l.querySelector(
+      const p = l.querySelector(
         `.${Re}`
       );
-      if (g instanceof HTMLElement)
-        return u[d.id] = g, u;
-      const p = i({
+      if (p instanceof HTMLElement)
+        return u[d.id] = p, u;
+      const g = i({
         container: mn(l, n.context),
         item: d
       });
-      return l.appendChild(p), u[d.id] = p, u;
+      return l.appendChild(g), u[d.id] = g, u;
     }, {})
   ), s = (c) => B([n.spine.layout$, n.theme.$.theme$]).pipe(
     q(([, u]) => ({
@@ -1751,11 +1751,11 @@ const dn = (e) => {
     })
   ), r = (c) => n.spineItemsObserver.itemIsReady$.pipe(
     z(({ item: u, isReady: d }) => {
-      var l, g;
+      var l, p;
       (l = c[u.item.id]) == null || l.style.setProperty(
         "visibility",
         d ? "hidden" : "visible"
-      ), (g = c[u.item.id]) == null || g.style.setProperty(
+      ), (p = c[u.item.id]) == null || p.style.setProperty(
         "z-index",
         d ? "0" : "1"
       );
@@ -1875,13 +1875,13 @@ const bn = (e) => (t) => {
   return i.hookManager.register(
     "item.onDocumentLoad",
     ({ destroy: r, itemId: a }) => {
-      var l, g;
+      var l, p;
       const c = (l = i.spineItemsManager.get(a)) == null ? void 0 : l.renderer.getDocumentFrame();
       if (!c) return;
       n.observe(c);
-      const u = (g = c.contentDocument) == null ? void 0 : g.body.getElementsByTagName("video"), d = Array.from(u || []).map((p) => (o.observe(p), () => o.unobserve(p)));
+      const u = (p = c.contentDocument) == null ? void 0 : p.body.getElementsByTagName("video"), d = Array.from(u || []).map((g) => (o.observe(g), () => o.unobserve(g)));
       r(() => {
-        n.unobserve(c), d.forEach((p) => p());
+        n.unobserve(c), d.forEach((g) => g());
       });
     }
   ), {
@@ -2208,14 +2208,14 @@ class Fn {
   goToNextSpineItem() {
     const { endIndex: t = 0 } = this.reader.spine.locator.getVisibleSpineItemsFromPosition({
       position: this.reader.navigation.getNavigation().position,
-      threshold: 0.5
+      threshold: { type: "percentage", value: 0.5 }
     }) || {};
     this.goToSpineItem({ indexOrId: t + 1 });
   }
   goToPreviousSpineItem() {
     const { beginIndex: t = 0 } = this.reader.spine.locator.getVisibleSpineItemsFromPosition({
       position: this.reader.navigation.getNavigation().position,
-      threshold: 0.5
+      threshold: { type: "percentage", value: 0.5 }
     }) ?? {};
     this.goToSpineItem({ indexOrId: t - 1 });
   }
@@ -2327,13 +2327,13 @@ class Ln {
     n && ((r = this.unlock) == null || r.call(this), this.unlock = this.reader.navigation.lock(), this.lastDelta = { x: 0, y: 0 }, this.lastStartPosition = this.reader.navigation.controlledNavigationController.viewportPosition, this.lastPosition = this.lastStartPosition);
     let s = this.reader.navigation.getNavigation().position;
     if (t) {
-      const d = this.reader.viewport.absoluteViewport.width / this.reader.viewport.relativeViewport.width, l = Math.floor(t.x) - (((a = this.lastDelta) == null ? void 0 : a.x) || 0), g = Math.floor(t.y) - (((c = this.lastDelta) == null ? void 0 : c.y) || 0), p = Math.floor(
+      const d = this.reader.viewport.absoluteViewport.width / this.reader.viewport.relativeViewport.width, l = Math.floor(t.x) - (((a = this.lastDelta) == null ? void 0 : a.x) || 0), p = Math.floor(t.y) - (((c = this.lastDelta) == null ? void 0 : c.y) || 0), g = Math.floor(
         o === "horizontal" ? this.lastPosition.x - l / d : 0
       ), h = Math.floor(
-        o === "horizontal" ? 0 : this.lastPosition.y - g / d
+        o === "horizontal" ? 0 : this.lastPosition.y - p / d
       );
       s = new M({
-        x: p,
+        x: g,
         y: h
       }), this.lastDelta = t;
     } else
@@ -2474,7 +2474,7 @@ const Mn = (e) => e.pagination.state$.pipe(
   return li(t);
 }, Dn = (e) => Array.isArray(e) ? e[0] && re(e[0]) ? e[0] : void 0 : e.parent[0] && re(e.parent[0]) ? e.parent[0] : void 0, Zt = (e) => {
   var a, c, u, d;
-  const t = be(e), n = (Dn(t) ?? [])[1], s = ((n == null ? void 0 : n.index) ?? 2) / 2 - 1, r = gi(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;
+  const t = be(e), n = (Dn(t) ?? [])[1], s = ((n == null ? void 0 : n.index) ?? 2) / 2 - 1, r = pi(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: s,
@@ -2493,7 +2493,7 @@ const Mn = (e) => e.pagination.state$.pipe(
     const a = (s = o.contentWindow) == null ? void 0 : s.document;
     if (a)
       try {
-        const c = pi(e, a, {
+        const c = gi(e, a, {
           throwOnError: !0
         });
         return {
@@ -2564,10 +2564,10 @@ class Vn {
         meta: On(this.reader, i)
       };
       return ee(() => {
-        var p;
-        const s = (p = this.reader.cfi.parseCfi(
+        var g;
+        const s = (g = this.reader.cfi.parseCfi(
           o.meta.cfi
-        )) == null ? void 0 : p.itemIndex, r = this.reader.spineItemsManager.get(s), a = (r == null ? void 0 : r.renditionLayout) === "reflowable", c = n.mode === "shallow" || !a || !r ? () => {
+        )) == null ? void 0 : g.itemIndex, r = this.reader.spineItemsManager.get(s), a = (r == null ? void 0 : r.renditionLayout) === "reflowable", c = n.mode === "shallow" || !a || !r ? () => {
         } : this.reader.spine.spineItemsLoader.forceOpen([r.index]), u = "cfi" in i ? i.cfi : void 0, d = u ? this.locatorsByKey.get(u) : void 0, l = (h) => h.pipe(
           ut(() => {
             u && this.deregisterMemoizedStream(u), setTimeout(() => {
@@ -2584,7 +2584,7 @@ class Vn {
               }))
             )
           );
-        const g = this.reader.spine.layout$.pipe(
+        const p = this.reader.spine.layout$.pipe(
           St(10),
           nt(o),
           Je((h) => Nn(h.meta, this.reader).pipe(
@@ -2597,8 +2597,8 @@ class Vn {
         );
         return u && this.locatorsByKey.set(u, {
           observerCount: 1,
-          consolidate$: g
-        }), l(g);
+          consolidate$: p
+        }), l(p);
       });
     };
   }
@@ -2620,10 +2620,10 @@ const Oe = (e, t, i) => {
       a.lastIndexOf("/")
     ), u = e.substring(0, e.lastIndexOf("/")), d = e.endsWith(a), l = u !== "" && u.endsWith(c);
     if (d || l) {
-      const p = i.spineItems.findIndex(
+      const g = i.spineItems.findIndex(
         (f) => f.href === s.href
       );
-      if (n < p) return o;
+      if (n < g) return o;
       const m = {
         title: s.title,
         path: s.path
@@ -2668,10 +2668,10 @@ const Oe = (e, t, i) => {
   D(e.layoutInfo$),
   b(([s, r]) => {
     var f, S, I, x, $, F, A;
-    const a = e.context, c = ((f = a.manifest) == null ? void 0 : f.renditionLayout) === "pre-paginated", u = ((S = a.manifest) == null ? void 0 : S.spineItems.length) || 0, d = ((I = a.manifest) == null ? void 0 : I.spineItems.slice(0, t).reduce((O, _) => O + (_.progressionWeight ?? 0), 0)) || 0, l = e.spineItemsManager.getSpineItemIndex(o) ?? 0, g = ((x = e.context.manifest) == null ? void 0 : x.spineItems.length) ?? 0, p = r.pages.filter((O) => O.itemIndex === l).length ?? 0, h = ((F = ($ = a.manifest) == null ? void 0 : $.spineItems[t]) == null ? void 0 : F.progressionWeight) ?? // if no progressionWeight is defined we "assume" the document weight to be
+    const a = e.context, c = ((f = a.manifest) == null ? void 0 : f.renditionLayout) === "pre-paginated", u = ((S = a.manifest) == null ? void 0 : S.spineItems.length) || 0, d = ((I = a.manifest) == null ? void 0 : I.spineItems.slice(0, t).reduce((O, _) => O + (_.progressionWeight ?? 0), 0)) || 0, l = e.spineItemsManager.getSpineItemIndex(o) ?? 0, p = ((x = e.context.manifest) == null ? void 0 : x.spineItems.length) ?? 0, g = r.pages.filter((O) => O.itemIndex === l).length ?? 0, h = ((F = ($ = a.manifest) == null ? void 0 : $.spineItems[t]) == null ? void 0 : F.progressionWeight) ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
-    (l + 1) / g;
-    let m = (i + 1) * (h / p);
+    (l + 1) / p;
+    let m = (i + 1) * (h / g);
     !c && o.renditionLayout === "reflowable" && !s && (m = 0);
     let y = d + m;
     return ((A = a.manifest) == null ? void 0 : A.renditionFlow) === "scrolled-continuous" && (s ? m = Un(
@@ -2682,7 +2682,7 @@ const Oe = (e, t, i) => {
       d,
       h,
       m
-    )), t === u - 1 && i === p - 1 && y > 0.99 ? 1 : y;
+    )), t === u - 1 && i === g - 1 && y > 0.99 ? 1 : y;
   })
 ), En = (e) => e.spine.layout$.pipe(
   St(10, rt),
@@ -2827,16 +2827,16 @@ const Oe = (e, t, i) => {
 }, Yn = (e) => ({
   put: (s, r) => new Promise((a, c) => {
     const u = e.transaction(["store"], "readwrite");
-    u.onerror = (g) => {
-      c(g);
+    u.onerror = (p) => {
+      c(p);
     }, u.oncomplete = () => {
       a();
     };
     const l = u.objectStore("store").put(r, s);
     l.onsuccess = () => {
       a();
-    }, l.onerror = (g) => {
-      c(g);
+    }, l.onerror = (p) => {
+      c(p);
     };
   }),
   keys: () => new Promise((s, r) => {
@@ -2872,8 +2872,8 @@ const Oe = (e, t, i) => {
     }, c.oncomplete = () => {
       r();
     }, c.onabort = () => {
-      var g;
-      const l = d.error ? d.error : (g = d.transaction) == null ? void 0 : g.error;
+      var p;
+      const l = d.error ? d.error : (p = d.transaction) == null ? void 0 : p.error;
       a(l);
     };
   })
@@ -2892,17 +2892,17 @@ const Oe = (e, t, i) => {
     var u, d;
     if (typeof c == "string" || typeof c == "object") {
       const l = typeof c == "object" ? c.id : c;
-      return (u = e.manifest) == null ? void 0 : u.spineItems.find((g) => g.id === l);
+      return (u = e.manifest) == null ? void 0 : u.spineItems.find((p) => p.id === l);
     }
     return (d = e.manifest) == null ? void 0 : d.spineItems[c];
   }, o = async (c, u) => {
     const d = n(c);
     if (!d) return new Response("Item not found", { status: 404 });
-    const g = await (await Rt("prose-reader")).get(`${t}_${d.id}`);
-    if (g)
-      return new Response(g, { status: 200 });
-    const p = u && await u(d) || await fetch(d.href);
-    return s(d, p.clone()), p;
+    const p = await (await Rt("prose-reader")).get(`${t}_${d.id}`);
+    if (p)
+      return new Response(p, { status: 200 });
+    const g = u && await u(d) || await fetch(d.href);
+    return s(d, g.clone()), g;
   }, s = (c, u) => {
     i.next({ id: c, data: u });
   };
@@ -2912,7 +2912,7 @@ const Oe = (e, t, i) => {
       return d ? W(
         Qe([Rt("prose-reader"), W(u.blob())])
       ).pipe(
-        X(([l, g]) => W(l.put(`${t}_${d.id}`, g))),
+        X(([l, p]) => W(l.put(`${t}_${d.id}`, p))),
         Qt((l) => (V.error(l), K))
       ) : K;
     }),
@@ -3091,14 +3091,14 @@ const to = (e) => e.loaded$.pipe(
   let n;
   const o = i.spineItemsManager.items$.pipe(
     P((d) => {
-      const l = d.map((g) => {
-        const p = i.spineItemsManager.getSpineItemIndex(g) ?? 0;
-        return to(g).pipe(
+      const l = d.map((p) => {
+        const g = i.spineItemsManager.getSpineItemIndex(p) ?? 0;
+        return to(p).pipe(
           b((h) => {
             if (h)
               return {
                 ...h,
-                itemIndex: p
+                itemIndex: g
               };
           })
         );
@@ -3366,7 +3366,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"));
-class pt extends et {
+class gt extends et {
   constructor(t) {
     super((i) => this.stateSubject.pipe(L(this.destroy$)).subscribe(i)), this.destroy$ = new U(), this.stateSubject = new k(t);
   }
@@ -3413,7 +3413,7 @@ const uo = ({
   const { height: n, width: o } = t, s = o > n;
   return i || (e == null ? void 0 : e.renditionFlow) === "scrolled-continuous" ? !1 : !s && (e == null ? void 0 : e.renditionSpread) === "portrait" ? !0 : s && ((e == null ? void 0 : e.renditionSpread) === void 0 || (e == null ? void 0 : e.renditionSpread) === "auto" || (e == null ? void 0 : e.renditionSpread) === "landscape" || (e == null ? void 0 : e.renditionSpread) === "both");
 };
-class lo extends pt {
+class lo extends gt {
   constructor() {
     super({
       marginBottom: 0,
@@ -3493,7 +3493,7 @@ class lo extends pt {
     };
   }
 }
-class go extends pt {
+class po extends gt {
   constructor(t, i) {
     super({
       supportedPageTurnAnimation: ["fade", "none", "slide"],
@@ -3529,7 +3529,7 @@ class go extends pt {
     ).subscribe(this.next.bind(this));
   }
 }
-class po {
+class go {
   constructor() {
     this._hooks = [], this._hookExecutions = [];
   }
@@ -3560,8 +3560,8 @@ class po {
       (r) => t === r.name
     ).map((r) => {
       let a = () => w(void 0);
-      const c = new U(), u = (g) => {
-        a = g;
+      const c = new U(), u = (p) => {
+        a = p;
       }, d = () => (c.next(), c.complete(), a() ?? w(void 0)), l = r.runFn({
         // biome-ignore lint/suspicious/noExplicitAny: TODO
         ...n,
@@ -3741,23 +3741,23 @@ const ho = () => (e) => e.pipe(
       spineItem: c,
       cfi: u,
       directionFromLastNavigation: d
-    } = r, { navigationSnapThreshold: l, computedPageTurnMode: g } = e.values;
+    } = r, { navigationSnapThreshold: l, computedPageTurnMode: p } = e.values;
     if (c !== void 0) {
-      const p = t.get(c);
-      if (p) return p;
+      const g = t.get(c);
+      if (g) return g;
     }
     if (typeof c == "number")
       return c > t.items.length - 1 ? t.get(t.items.length - 1) : t.get(0);
     if (u) {
-      const p = t.getSpineItemFromCfi(u);
-      if (p) return p;
+      const g = t.getSpineItemFromCfi(u);
+      if (g) return g;
     }
-    if (a && g === "controlled") {
-      const { beginIndex: p, endIndex: h } = n.getVisibleSpineItemsFromPosition({
+    if (a && p === "controlled") {
+      const { beginIndex: g, endIndex: h } = n.getVisibleSpineItemsFromPosition({
         position: a,
         threshold: l,
         restrictToScreen: !1
-      }) ?? {}, m = (d === "forward" || d === "anchor" ? h : p) ?? p, y = t.get(m);
+      }) ?? {}, m = (d === "forward" || d === "anchor" ? h : g) ?? g, y = t.get(m);
       if (!y) return;
       const { endPageIndex: f, beginPageIndex: S } = n.getVisiblePagesFromViewportPosition({
         position: a,
@@ -3774,7 +3774,7 @@ const ho = () => (e) => e.pipe(
       }), F = d === "forward" || d === "anchor" ? $ == null ? void 0 : $.beginIndex : $ == null ? void 0 : $.endIndex;
       return t.get(F);
     }
-    return a && g === "scrollable" ? n.getSpineItemFromPosition(a) : t.get(0);
+    return a && p === "scrollable" ? n.getSpineItemFromPosition(a) : t.get(0);
   };
   return o.pipe(
     b(({ navigation: r, ...a }) => {
@@ -3826,13 +3826,13 @@ const ho = () => (e) => e.pipe(
           spineItem: u,
           threshold: a,
           restrictToScreen: !1
-        }) ?? {}, g = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? d : l) ?? 0, p = n.getNavigationForSpineItemPage({
-          pageIndex: g,
+        }) ?? {}, p = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? d : l) ?? 0, g = n.getNavigationForSpineItemPage({
+          pageIndex: p,
           spineItemId: u
         }), h = i.getVisiblePagesFromViewportPosition({
-          position: p,
+          position: g,
           spineItem: u,
-          threshold: 0,
+          threshold: { type: "percentage", value: 0 },
           restrictToScreen: !0
         }), m = (r.directionFromLastNavigation === "forward" || r.directionFromLastNavigation === "anchor" ? h == null ? void 0 : h.beginPageIndex : h == null ? void 0 : h.endPageIndex) ?? 0;
         return i.spineItemLocator.getSpineItemPositionFromPageIndex({
@@ -3884,7 +3884,7 @@ const ho = () => (e) => e.pipe(
   return s ? s.isReady$.pipe(
     H(),
     b((r) => {
-      var p, h;
+      var g, h;
       const a = o.getSpineItemSpineLayoutInfo(s), c = e.isPositionWithinSpineItem(
         t.position,
         s
@@ -3898,17 +3898,17 @@ const ho = () => (e) => e.pipe(
         if (m)
           return m.position;
       }
-      const g = t.cfi ?? t.paginationBeginCfi;
-      if (g !== void 0 && !zt(g) && (u || d || // when spine item is ready dimensions may have not changed but the position
+      const p = t.cfi ?? t.paginationBeginCfi;
+      if (p !== void 0 && !zt(p) && (u || d || // when spine item is ready dimensions may have not changed but the position
       // of dom elements may have!
       r && !t.spineItemIsReady)) {
-        const m = i.getNavigationForCfi(g);
+        const m = i.getNavigationForCfi(p);
         if (m)
           return m;
       }
       if (c && l && t.directionFromLastNavigation === "backward") {
         const m = new C({
-          x: (((p = t.positionInSpineItem) == null ? void 0 : p.x) ?? 0) + u,
+          x: (((g = t.positionInSpineItem) == null ? void 0 : g.x) ?? 0) + u,
           y: (((h = t.positionInSpineItem) == null ? void 0 : h.y) ?? 0) + d
         });
         return i.getNavigationFromSpineItemPosition({
@@ -3954,7 +3954,7 @@ const ho = () => (e) => e.pipe(
     if (u === e.spineItemTop && c === e.spineItemHeight && !d)
       return o.getNavigationForSpineIndexOrId(a);
     if (u !== e.spineItemTop) {
-      const g = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
+      const p = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
         e.positionInSpineItem ?? new C({
           x: 0,
           y: 0
@@ -3962,18 +3962,18 @@ const ho = () => (e) => e.pipe(
         a
       );
       return t.getSpinePositionFromSpineItemPosition({
-        spineItemPosition: g,
+        spineItemPosition: p,
         spineItem: a
       });
     }
     if (u === e.spineItemTop && c !== e.spineItemHeight) {
-      const g = (e.spineItemHeight ?? l.y) - l.y, p = new C({
-        y: e.directionFromLastNavigation === "backward" ? c - g : l.y,
+      const p = (e.spineItemHeight ?? l.y) - l.y, g = new C({
+        y: e.directionFromLastNavigation === "backward" ? c - p : l.y,
         x: e.position.x
       });
       if (d) {
         const h = t.getSafeSpineItemPositionFromUnsafeSpineItemPosition(
-          p,
+          g,
           a
         );
         return t.getSpinePositionFromSpineItemPosition({
@@ -3984,7 +3984,7 @@ const ho = () => (e) => e.pipe(
       if (!d) {
         if (!(e.position.y < u)) {
           const m = new C({
-            y: c - g,
+            y: c - p,
             x: e.position.x
           });
           return t.getSpinePositionFromSpineItemPosition({
@@ -4172,7 +4172,7 @@ class Fo extends Y {
           v(d, u)
         )
       ))
-    ), g = v(
+    ), p = v(
       l,
       d
     ).pipe(
@@ -4217,14 +4217,14 @@ class Fo extends Y {
       }),
       b(({ navigation: f }) => f),
       j()
-    ), p = mo(
+    ), g = mo(
       i,
       this.navigationSubject,
       a
     ), h = v(
-      g,
+      p,
       u,
-      p
+      g
     ), m = (f) => f.pipe(
       T(([S, I]) => {
         To.info(
@@ -4353,7 +4353,7 @@ class Do extends Y {
           height: 100%;
           width: 100%;
           position: relative;
-        `, l.className = `${gt}-controlled-navigator`, l.innerHTML = "", l.appendChild(d), this.viewport.value.element.appendChild(l), this.element$.next(l);
+        `, l.className = `${pt}-controlled-navigator`, l.innerHTML = "", l.appendChild(d), this.viewport.value.element.appendChild(l), this.element$.next(l);
       })
     ), a = t.watch([
       "computedPageTurnDirection",
@@ -4392,7 +4392,7 @@ class Do extends Y {
           w(null).pipe(
             $t(() => {
               if ((d == null ? void 0 : d.type) !== "manualAdjust") return w(!1);
-              const g = d.animation === "snap" ? t.values.snapAnimationDuration : t.values.computedPageTurnAnimationDuration, p = d.animation === "snap" ? "slide" : t.values.computedPageTurnAnimation;
+              const p = d.animation === "snap" ? t.values.snapAnimationDuration : t.values.computedPageTurnAnimationDuration, g = d.animation === "snap" ? "slide" : t.values.computedPageTurnAnimation;
               return w(d).pipe(
                 /**
                  * @important
@@ -4405,12 +4405,12 @@ class Do extends Y {
                 d.shouldAnimate ? wt(1, rt) : Pt,
                 T((h) => {
                   const m = this.element$.getValue();
-                  h.shouldAnimate ? p === "fade" ? (m.style.setProperty(
+                  h.shouldAnimate ? g === "fade" ? (m.style.setProperty(
                     "transition",
-                    `opacity ${g / 2}ms`
-                  ), m.style.setProperty("opacity", "0")) : (d.animation === "snap" || p === "slide") && (m.style.setProperty(
+                    `opacity ${p / 2}ms`
+                  ), m.style.setProperty("opacity", "0")) : (d.animation === "snap" || g === "slide") && (m.style.setProperty(
                     "transition",
-                    `transform ${g}ms`
+                    `transform ${p}ms`
                   ), m.style.setProperty("opacity", "1")) : (m.style.setProperty("transition", "none"), m.style.setProperty("opacity", "1"));
                 }),
                 /**
@@ -4422,16 +4422,16 @@ class Do extends Y {
                  * not the value set by `setProperty`
                  */
                 T((h) => {
-                  p !== "fade" && this.setViewportPosition(h.position);
+                  g !== "fade" && this.setViewportPosition(h.position);
                 }),
-                d.shouldAnimate ? wt(g / 2, rt) : Pt,
+                d.shouldAnimate ? wt(p / 2, rt) : Pt,
                 T((h) => {
                   const m = this.element$.getValue();
-                  p === "fade" && (this.setViewportPosition(h.position), m.style.setProperty("opacity", "1"));
+                  g === "fade" && (this.setViewportPosition(h.position), m.style.setProperty("opacity", "1"));
                 }),
-                d.shouldAnimate ? wt(g / 2, rt) : Pt,
+                d.shouldAnimate ? wt(p / 2, rt) : Pt,
                 T((h) => {
-                  p === "fade" && this.setViewportPosition(h.position);
+                  g === "fade" && this.setViewportPosition(h.position);
                 })
               );
             }),
@@ -4470,13 +4470,13 @@ class Do extends Y {
     return Ro(o);
   }
 }
-class Oo extends pt {
+class Oo extends gt {
   constructor(t, i, n, o, s) {
     super({
       element: void 0
     }), this.viewport = t, this.settings = i, this.hookManager = n, this.spine = o, this.context = s, this.navigateSubject = new U(), this.scrollingSubject = new k(!1), this.isScrolling$ = this.scrollingSubject.asObservable(), this.setViewportPosition = ({ position: l }) => {
-      const g = this.value.element;
-      this.scrollingSubject.next(!0), g == null || g.scrollTo({
+      const p = this.value.element;
+      this.scrollingSubject.next(!0), p == null || p.scrollTo({
         left: l.x,
         top: l.y,
         behavior: "instant"
@@ -4491,21 +4491,21 @@ class Oo extends pt {
       _t(["rootElement"]),
       T(({ rootElement: l }) => {
         if (!l) return;
-        const g = document.createElement("div");
-        g.style.cssText = `
+        const p = document.createElement("div");
+        p.style.cssText = `
           height: 100%;
           width: 100%;
           position: relative;
           overflow-y: scroll;
           overflow-x: hidden;
-        `, g.className = `${gt}-scroll-navigator`, g.appendChild(this.viewport.value.element), l.appendChild(g), this.update({ element: g });
+        `, p.className = `${pt}-scroll-navigator`, p.appendChild(this.viewport.value.element), l.appendChild(p), this.update({ element: p });
       })
     ), a = B([
       i.watch(["computedPageTurnMode"]),
       this.watch("element")
     ]).pipe(
-      T(([{ computedPageTurnMode: l }, g]) => {
-        g && (l === "scrollable" ? g.style.display = "block" : g.style.display = "contents");
+      T(([{ computedPageTurnMode: l }, p]) => {
+        p && (l === "scrollable" ? p.style.display = "block" : p.style.display = "contents");
       })
     ), c = this.navigateSubject.pipe(T(this.setViewportPosition));
     this.isNavigating$ = this.navigateSubject.pipe(
@@ -4531,7 +4531,7 @@ class Oo extends pt {
       this.isScrolling$
     ]).pipe(
       b(
-        ([l, g]) => l || g
+        ([l, p]) => l || p
       ),
       tt(1)
     );
@@ -4540,12 +4540,12 @@ class Oo extends pt {
       P(
         (l) => i.watch(["computedPageTurnMode"]).pipe(
           P(
-            ({ computedPageTurnMode: g }) => g === "controlled" ? lt : G(l, "scroll").pipe(
+            ({ computedPageTurnMode: p }) => p === "controlled" ? lt : G(l, "scroll").pipe(
               D(d),
               R(
-                ([, p]) => !p
+                ([, g]) => !g
               ),
-              b(([p]) => p)
+              b(([g]) => g)
             )
           )
         )
@@ -4571,7 +4571,7 @@ class Oo extends pt {
     }) : 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) => {
@@ -4596,7 +4596,7 @@ const ge = (e, t, i) => {
   isUsingVerticalWriting: n
 }) => {
   if (n) {
-    const s = ge(
+    const s = pe(
       i.getPageSize().height,
       e,
       t.height
@@ -4606,7 +4606,7 @@ const ge = (e, t, i) => {
       y: s
     });
   }
-  const o = ge(
+  const o = pe(
     i.getPageSize().width,
     e,
     t.width
@@ -4635,7 +4635,7 @@ const ge = (e, t, i) => {
     position: d,
     isUsingVerticalWriting: l
   }) => {
-    const g = e.getPageSize().width, p = e.getPageSize().height, h = i({
+    const p = e.getPageSize().width, g = e.getPageSize().height, h = i({
       spineItemPosition: d,
       itemHeight: u,
       itemWidth: c
@@ -4646,7 +4646,7 @@ const ge = (e, t, i) => {
       context: e,
       settings: t
     });
-    return l ? a(d.y, p, y) : a(m, g, y);
+    return l ? a(d.y, g, y) : a(m, p, y);
   }, o = (c, u, d) => {
     var h;
     let l;
@@ -4656,12 +4656,12 @@ const ge = (e, t, i) => {
       const m = c ? $i(c, u) : void 0;
       l = (m == null ? void 0 : m.getBoundingClientRect().x) || l;
     }
-    const g = ((h = d.layout.layoutInfo) == null ? void 0 : h.width) || 0, p = e.getPageSize().width;
+    const p = ((h = d.layout.layoutInfo) == null ? void 0 : h.width) || 0, g = e.getPageSize().width;
     if (l !== void 0) {
       const m = xt(
         l,
-        p,
-        g
+        g,
+        p
       );
       return new C({ x: m, y: 0 });
     }
@@ -4680,18 +4680,18 @@ const ge = (e, t, i) => {
       )
     });
   }, r = (c, u, d) => {
-    const l = o(c, u, d), { height: g, width: p } = d.layout.layoutInfo;
+    const l = o(c, u, d), { height: p, width: g } = d.layout.layoutInfo;
     return l ? n({
       isUsingVerticalWriting: !!d.isUsingVerticalWriting(),
       position: l,
-      itemHeight: g,
-      itemWidth: p
+      itemHeight: p,
+      itemWidth: g
     }) : void 0;
   }, a = (c, u, d) => {
-    const l = [...Array(d)].map((g, p) => p * u);
+    const l = [...Array(d)].map((p, g) => g * u);
     return c <= 0 ? 0 : c >= d * u ? d - 1 : Math.max(
       0,
-      l.findIndex((g) => c < g + u)
+      l.findIndex((p) => c < p + u)
     );
   };
   return {
@@ -4739,7 +4739,7 @@ const ge = (e, t, i) => {
 }) => {
   const s = e % n !== 0 ? e - i : e;
   return new M({ x: s, y: t });
-}, pe = ({
+}, ge = ({
   position: e,
   isRTL: t,
   pageSizeHeight: i,
@@ -4930,39 +4930,39 @@ const ge = (e, t, i) => {
 }) => {
   const s = Vo({ context: e, settings: n });
   return {
-    getNavigationForUrl: (g) => Uo({
+    getNavigationForUrl: (p) => Uo({
       context: e,
       spineItemsManager: t,
       spineLocator: i,
-      url: g,
+      url: p,
       pageSizeWidth: e.getPageSize().width,
       visibleAreaRectWidth: e.state.visibleAreaRect.width
     }),
-    getNavigationForSpineItemPage: (g) => jo({
-      ...g,
+    getNavigationForSpineItemPage: (p) => jo({
+      ...p,
       context: e,
       spineItemsManager: t,
       spineItemNavigationResolver: s,
       spineLocator: i
     }),
-    getNavigationFromSpineItemPosition: (g) => Ho({
-      ...g,
+    getNavigationFromSpineItemPosition: (p) => Ho({
+      ...p,
       spineItemLocator: i.spineItemLocator,
       spineLocator: i,
       context: e
     }),
-    getNavigationForCfi: (g) => {
-      const p = t.getSpineItemFromCfi(g), { node: h, offset: m = 0 } = De({
-        cfi: g,
+    getNavigationForCfi: (p) => {
+      const g = t.getSpineItemFromCfi(p), { node: h, offset: m = 0 } = De({
+        cfi: p,
         spineItemsManager: t
       }) || {};
-      if (!p) {
-        V.warn(Eo, `unable to detect item id from cfi ${g}`);
+      if (!g) {
+        V.warn(Eo, `unable to detect item id from cfi ${p}`);
         return;
       }
-      const y = h ? s.getNavigationFromNode(p, h, m) : new C({ x: 0, y: 0 }), f = i.getSpinePositionFromSpineItemPosition({
+      const y = h ? s.getNavigationFromNode(g, h, m) : new C({ x: 0, y: 0 }), f = i.getSpinePositionFromSpineItemPosition({
         spineItemPosition: y,
-        spineItem: p
+        spineItem: g
       });
       return it({
         position: f,
@@ -4970,10 +4970,10 @@ const ge = (e, t, i) => {
         visibleAreaRectWidth: e.state.visibleAreaRect.width
       });
     },
-    getNavigationForLastPage: (g) => {
-      const p = s.getNavigationForLastPage(g), h = i.getSpinePositionFromSpineItemPosition({
-        spineItemPosition: p,
-        spineItem: g
+    getNavigationForLastPage: (p) => {
+      const g = s.getNavigationForLastPage(p), h = i.getSpinePositionFromSpineItemPosition({
+        spineItemPosition: g,
+        spineItem: p
       });
       return it({
         position: h,
@@ -4981,10 +4981,10 @@ const ge = (e, t, i) => {
         visibleAreaRectWidth: e.state.visibleAreaRect.width
       });
     },
-    getNavigationForSpineIndexOrId: (g) => {
-      const p = t.get(g);
-      if (p) {
-        const h = i.getSpinePositionFromSpineItem(p);
+    getNavigationForSpineIndexOrId: (p) => {
+      const g = t.get(p);
+      if (g) {
+        const h = i.getSpinePositionFromSpineItem(g);
         return it({
           position: h,
           pageSizeWidth: e.getPageSize().width,
@@ -4993,14 +4993,14 @@ const ge = (e, t, i) => {
       }
       return new M({ x: 0, y: 0 });
     },
-    getNavigationForPosition: (g) => Ht({
-      viewportPosition: g,
+    getNavigationForPosition: (p) => Ht({
+      viewportPosition: p,
       context: e,
       spineItemNavigationResolver: s,
       spineLocator: i
     }),
-    getMostPredominantNavigationForPosition: (g) => {
-      const p = n.values.computedPageTurnDirection, h = 0.5, m = p === "horizontal" ? g.x + e.state.visibleAreaRect.width * h : 0, y = p === "horizontal" ? 0 : g.y + e.state.visibleAreaRect.height * h, f = pe({
+    getMostPredominantNavigationForPosition: (p) => {
+      const g = n.values.computedPageTurnDirection, h = 0.5, m = g === "horizontal" ? p.x + e.state.visibleAreaRect.width * h : 0, y = g === "horizontal" ? 0 : p.y + e.state.visibleAreaRect.height * h, f = ge({
         position: new M({
           x: m,
           y
@@ -5018,18 +5018,18 @@ const ge = (e, t, i) => {
         viewportPosition: f
       });
     },
-    getAdjustedPositionWithSafeEdge: (g) => pe({
-      position: g,
+    getAdjustedPositionWithSafeEdge: (p) => ge({
+      position: p,
       isRTL: e.isRTL(),
       pageSizeHeight: e.getPageSize().height,
       visibleAreaRectWidth: e.state.visibleAreaRect.width,
       spineItemsManager: t,
       spine: o
     }),
-    isNavigationGoingForwardFrom: (g, p) => n.values.computedPageTurnDirection === "vertical" ? g.y > p.y : g.x > p.x,
-    arePositionsDifferent: (g, p) => g.x !== p.x || g.y !== p.y,
-    getAdjustedPositionForSpread: (g) => it({
-      position: g,
+    isNavigationGoingForwardFrom: (p, g) => n.values.computedPageTurnDirection === "vertical" ? p.y > g.y : p.x > g.x,
+    arePositionsDifferent: (p, g) => p.x !== g.x || p.y !== g.y,
+    getAdjustedPositionForSpread: (p) => it({
+      position: p,
       pageSizeWidth: e.getPageSize().width,
       visibleAreaRectWidth: e.state.visibleAreaRect.width
     }),
@@ -5067,13 +5067,13 @@ const ge = (e, t, i) => {
     n,
     d,
     a
-  ), g = v(
+  ), p = v(
     r,
     l.navigation$
-  ), p = new Fo(
+  ), g = new Fo(
     o,
     t,
-    g,
+    p,
     u,
     d,
     c,
@@ -5083,7 +5083,7 @@ const ge = (e, t, i) => {
     u.isNavigating$,
     d.isNavigating$,
     a.isLocked$,
-    p.locker.isLocked$
+    g.locker.isLocked$
   ]).pipe(
     q((f) => f.some((S) => S) ? "busy" : "free"),
     Z(),
@@ -5091,10 +5091,10 @@ const ge = (e, t, i) => {
   );
   return {
     destroy: () => {
-      l.destroy(), u.destroy(), p.destroy();
+      l.destroy(), u.destroy(), g.destroy();
     },
-    getNavigation: () => p.navigation,
-    internalNavigator: p,
+    getNavigation: () => g.navigation,
+    internalNavigator: g,
     scrollNavigationController: d,
     controlledNavigationController: u,
     locker: a,
@@ -5106,10 +5106,10 @@ const ge = (e, t, i) => {
       return a.lock();
     },
     navigationResolver: c,
-    navigation$: p.navigation$
+    navigation$: g.navigation$
   };
 };
-class Xo extends pt {
+class Xo extends gt {
   constructor(t, i) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5141,19 +5141,19 @@ class qo extends Y {
         }) => this.spine.locator.getVisiblePagesFromViewportPosition({
           spineItem: u,
           position: d,
-          threshold: 0.5
+          threshold: { type: "percentage", value: 0.5 }
         });
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           he(1),
           D(this.context.bridgeEvent.navigation$),
           T(([, u]) => {
             const { position: d } = u, l = this.pagination.value, {
-              beginIndex: g,
-              endIndex: p
+              beginIndex: p,
+              endIndex: g
             } = this.spine.locator.getVisibleSpineItemsFromPosition({
               position: d,
-              threshold: 0.5
-            }) ?? {}, h = this.spineItemsManager.get(g), m = this.spineItemsManager.get(p);
+              threshold: { type: "percentage", value: 0.5 }
+            }) ?? {}, h = this.spineItemsManager.get(p), m = this.spineItemsManager.get(g);
             if (!h || !m) return;
             const y = l.beginCfi, f = l.endCfi, { beginPageIndex: S = 0 } = c({
               spineItem: h,
@@ -5161,16 +5161,16 @@ class qo extends Y {
             }) ?? {}, { endPageIndex: I = 0 } = c({
               spineItem: m,
               position: d
-            }) ?? {}, x = y === void 0 || zt(y) || l.beginSpineItemIndex !== g, $ = l.endSpineItemIndex !== p || f === void 0 || zt(f), F = x ? ft(h.item) : y, A = $ ? ft(m.item) : f, O = h.numberOfPages, _ = m.numberOfPages;
+            }) ?? {}, x = y === void 0 || zt(y) || l.beginSpineItemIndex !== p, $ = l.endSpineItemIndex !== g || f === void 0 || zt(f), F = x ? ft(h.item) : y, A = $ ? ft(m.item) : f, O = h.numberOfPages, _ = m.numberOfPages;
             this.pagination.update({
               beginCfi: F,
               beginNumberOfPagesInSpineItem: O,
               beginPageIndexInSpineItem: S,
-              beginSpineItemIndex: g,
+              beginSpineItemIndex: p,
               endCfi: A,
               endNumberOfPagesInSpineItem: _,
               endPageIndexInSpineItem: I,
-              endSpineItemIndex: p,
+              endSpineItemIndex: g,
               navigationId: u.id
             });
           })
@@ -5187,16 +5187,16 @@ class qo extends Y {
         } = this.pagination.value;
         if (d === void 0 || l === void 0 || c === void 0 || u === void 0)
           return;
-        const g = this.spineItemsManager.get(c), p = this.spineItemsManager.get(u);
-        g === void 0 || p === void 0 || this.pagination.update({
+        const p = this.spineItemsManager.get(c), g = this.spineItemsManager.get(u);
+        p === void 0 || g === void 0 || this.pagination.update({
           beginCfi: Wt({
             pageIndex: d,
-            spineItem: g,
+            spineItem: p,
             spine: this.spine
           }),
           endCfi: Wt({
             pageIndex: l,
-            spineItem: p,
+            spineItem: g,
             spine: this.spine
           })
         });
@@ -5290,7 +5290,7 @@ class Zo extends Yo {
       pageTurnAnimationDuration: void 0,
       pageTurnMode: "controlled",
       snapAnimationDuration: 300,
-      navigationSnapThreshold: 0.3,
+      navigationSnapThreshold: { type: "pixels", value: 80 },
       numberOfAdjacentSpineItemToPreLoad: 3
     };
   }
@@ -5306,7 +5306,7 @@ class Go extends Y {
         const l = N(
           (x = this.lastLayout) == null ? void 0 : x.pageSize,
           this.context.getPageSize()
-        ) ? this.lastLayout : void 0, { width: g, height: p } = l ?? {}, { width: h = g, height: m = p } = d ?? {}, { width: y, height: f } = this.context.getPageSize(), S = this.validateDimension(
+        ) ? this.lastLayout : void 0, { width: p, height: g } = l ?? {}, { width: h = p, height: m = g } = d ?? {}, { width: y, height: f } = this.context.getPageSize(), S = this.validateDimension(
           h ?? y,
           y,
           c
@@ -5353,9 +5353,9 @@ class Go extends Y {
           l.pipe(
             this.applyDimsAfterLayout(a),
             b(
-              (g) => ({
+              (p) => ({
                 type: "end",
-                data: g
+                data: p
               })
             )
           )
@@ -5404,10 +5404,10 @@ 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 = (l) => {
-      var p, h, m, y;
-      const g = this.renderer.getDocumentFrame();
-      if (g && g instanceof HTMLIFrameElement && l)
-        return l.startsWith("#") ? (h = (p = g.contentDocument) == null ? void 0 : p.getElementById(l.replace("#", ""))) == null ? void 0 : h.getBoundingClientRect() : (y = (m = g.contentDocument) == null ? void 0 : m.querySelector(l)) == null ? void 0 : y.getBoundingClientRect();
+      var g, h, m, y;
+      const p = this.renderer.getDocumentFrame();
+      if (p && p instanceof HTMLIFrameElement && l)
+        return l.startsWith("#") ? (h = (g = p.contentDocument) == null ? void 0 : g.getElementById(l.replace("#", ""))) == null ? void 0 : h.getBoundingClientRect() : (y = (m = p.contentDocument) == null ? void 0 : m.querySelector(l)) == null ? void 0 : y.getBoundingClientRect();
     }, this.load = () => {
       this.renderer.load();
     }, this.unload = () => {
@@ -5441,7 +5441,7 @@ class Ue extends Y {
       this.settings
     ), this.isReady$ = this.layout.layoutProcess$.pipe(
       di(this.renderer.isLoaded$),
-      q(([l, g]) => !!(l.type === "end" && g)),
+      q(([l, p]) => !!(l.type === "end" && p)),
       Se(!1),
       Z(),
       z((l) => {
@@ -5522,13 +5522,13 @@ const Ko = (e, t, i) => {
   bottom: e.y + t.height,
   right: e.x + t.width
 });
-class es extends pt {
+class es extends gt {
   constructor(t, i, n, o, s, r) {
     super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = i, this.spineItemLocator = n, this.context = o, this.locator = s, this.viewport = r, this.layout$ = t.layout$.pipe(
       D(r),
       P(([, { pageSize: a }]) => {
         const c = i.items.reduce(
-          (d, l, g) => {
+          (d, l, p) => {
             const h = new Array(l.numberOfPages).fill(void 0).map((m, y) => {
               const f = n.getSpineItemPositionFromPageIndex({
                 spineItem: l,
@@ -5552,7 +5552,7 @@ class es extends pt {
                   x: f.x,
                   y: f.y
                 }),
-                itemIndex: g,
+                itemIndex: p,
                 absolutePageIndex: d.length + y,
                 spineItem: l,
                 pageIndex: y
@@ -5564,8 +5564,8 @@ class es extends pt {
         );
         return B(
           c.map((d) => {
-            const { spineItem: l, ...g } = d;
-            return new et((p) => {
+            const { spineItem: l, ...p } = d;
+            return new et((g) => {
               var y, f;
               const h = (y = d.spineItem.renderer) == null ? void 0 : y.getDocumentFrame();
               let m;
@@ -5573,7 +5573,7 @@ class es extends pt {
               h.contentWindow.document.body !== null && (m = vi(
                 h.contentWindow.document,
                 d.layout
-              )), p.next({ ...g, firstVisibleNode: m });
+              )), g.next({ ...p, firstVisibleNode: m });
             });
           })
         );
@@ -5625,10 +5625,10 @@ const ns = ({
   viewport: c
 }) => {
   let u = i.getPageSize().width, d = "none";
-  const l = e % c.absoluteViewport.width === 0, g = r === n.items.length - 1;
+  const l = e % c.absoluteViewport.width === 0, p = r === n.items.length - 1;
   if (i.state.isUsingSpreadMode) {
-    !o && a.renditionLayout === "reflowable" && !g && (u = i.getPageSize().width * 2), !o && a.renditionLayout === "reflowable" && g && l && (u = i.getPageSize().width * 2);
-    const h = l && g && o;
+    !o && a.renditionLayout === "reflowable" && !p && (u = i.getPageSize().width * 2), !o && a.renditionLayout === "reflowable" && p && l && (u = i.getPageSize().width * 2);
+    const h = l && p && o;
     a.item.pageSpreadRight && l && !i.isRTL() || a.item.pageSpreadLeft && l && i.isRTL() ? (d = "before", u = i.getPageSize().width * 2) : h && (i.isRTL() ? d = "before" : d = "after", u = i.getPageSize().width * 2);
   }
   return a.layout.layout({
@@ -5727,15 +5727,15 @@ class os extends Y {
           ti(
             (u, d, l) => u.pipe(
               Kt(
-                ({ horizontalOffset: g, verticalOffset: p }) => ns({
+                ({ horizontalOffset: p, verticalOffset: g }) => ns({
                   context: this.context,
-                  horizontalOffset: g,
+                  horizontalOffset: p,
                   index: l,
                   isGloballyPrePaginated: a,
                   item: d,
                   settings: this.settings,
                   spineItemsManager: this.spineItemsManager,
-                  verticalOffset: p,
+                  verticalOffset: g,
                   viewport: o
                 }).pipe(
                   b(
@@ -5806,11 +5806,11 @@ class ss extends Y {
       Mt(this.context.bridgeEvent.viewportFree$),
       D(this.context.bridgeEvent.navigation$, r),
       b(([, u, d]) => {
-        const { numberOfAdjacentSpineItemToPreLoad: l } = o.values, { beginIndex: g = 0, endIndex: p = 0 } = n.getVisibleSpineItemsFromPosition({
+        const { numberOfAdjacentSpineItemToPreLoad: l } = o.values, { beginIndex: p = 0, endIndex: g = 0 } = n.getVisibleSpineItemsFromPosition({
           position: u.position,
-          threshold: 0,
+          threshold: { type: "percentage", value: 0 },
           useAbsoluteViewport: !1
-        }) || {}, h = g - l, m = p + l, y = Array.from(
+        }) || {}, h = p - l, m = g + l, y = Array.from(
           { length: m - h + 1 },
           (S, I) => h + I
         ), f = [...d, ...y];
@@ -5901,15 +5901,15 @@ const cs = ({
   threshold: o
 }) => {
   const s = i / t, r = n / e;
-  return s >= o && r >= o;
+  return o.type === "percentage" ? s >= o.value && r >= o.value : i >= o.value && n >= o.value;
 }, ds = ({
   visibleWidthOfItem: e,
   visibleHeightOfItem: t,
   threshold: i,
   viewportPosition: n
 }) => {
-  const o = e / n.width;
-  return t / n.height >= i && o >= i;
+  const o = e / n.width, s = t / n.height;
+  return i.type === "percentage" ? s >= i.value && o >= i.value : t >= i.value && e >= i.value;
 }, Ee = ({
   itemPosition: {
     bottom: e,
@@ -5923,21 +5923,21 @@ const cs = ({
   viewportPosition: a,
   restrictToScreen: c
 }) => {
-  const u = a.x, d = a.x + (a.width - 1), l = a.y, g = Math.max(
+  const u = a.x, d = a.x + (a.width - 1), l = a.y, p = Math.max(
     a.y + (a.height - 1),
     0
-  ), p = Math.max(
+  ), g = Math.max(
     0,
     Math.min(i, d) - Math.max(t, u)
   ), h = Math.max(
     0,
-    Math.min(e, g) - Math.max(n, l)
+    Math.min(e, p) - Math.max(n, l)
   );
-  if (p <= 0 || h <= 0) return { visible: !1 };
+  if (g <= 0 || h <= 0) return { visible: !1 };
   const y = ds({
     threshold: r,
     visibleHeightOfItem: h,
-    visibleWidthOfItem: p,
+    visibleWidthOfItem: g,
     viewportPosition: a
   });
   return c ? { visible: y } : {
@@ -5946,7 +5946,7 @@ const cs = ({
       itemWidth: o,
       threshold: r,
       visibleHeightOfItem: h,
-      visibleWidthOfItem: p
+      visibleWidthOfItem: g
     }) || y
   };
 }, ls = ({
@@ -5992,7 +5992,7 @@ const cs = ({
 }) => new M({
   x: t + e.x,
   y: i + e.y
-}), gs = ({
+}), ps = ({
   position: e,
   threshold: t,
   restrictToScreen: i,
@@ -6027,12 +6027,12 @@ const cs = ({
     []
   ), d = u[0] ?? c, l = u[u.length - 1] ?? d;
   if (!d || !l) return;
-  const g = n.getSpineItemIndex(d), p = n.getSpineItemIndex(l);
+  const p = n.getSpineItemIndex(d), g = n.getSpineItemIndex(l);
   return {
-    beginIndex: g ?? 0,
-    endIndex: p ?? 0
+    beginIndex: p ?? 0,
+    endIndex: g ?? 0
   };
-}, ps = ({
+}, gs = ({
   spineItemsManager: e,
   context: t,
   spineItemLocator: i,
@@ -6040,7 +6040,7 @@ const cs = ({
   spineLayout: o,
   viewport: s
 }) => {
-  const r = (p, h) => {
+  const r = (g, h) => {
     const { left: m, top: y } = o.getSpineItemSpineLayoutInfo(h);
     return new C({
       /**
@@ -6050,28 +6050,28 @@ const cs = ({
        * 400 - 600 = -200.
        * However we can assume we are at 0, because we in fact can see the beginning of the item
        */
-      x: Math.max(p.x - m, 0),
-      y: Math.max(p.y - y, 0)
+      x: Math.max(g.x - m, 0),
+      y: Math.max(g.y - y, 0)
     });
-  }, a = (p) => Dt({
+  }, a = (g) => Dt({
     spineItemPosition: new C({ x: 0, y: 0 }),
-    itemLayout: o.getSpineItemSpineLayoutInfo(p)
-  }), c = (p) => e.items.find((h) => h.renderer.getDocumentFrame() === p), u = (p, h, m) => {
+    itemLayout: o.getSpineItemSpineLayoutInfo(g)
+  }), c = (g) => e.items.find((h) => h.renderer.getDocumentFrame() === g), u = (g, h, m) => {
     if (typeof m == "number") {
       const y = e.get(m);
       return y ? i.getSpineItemPageIndexFromNode(
-        p,
+        g,
         h || 0,
         y
       ) : void 0;
     }
     return i.getSpineItemPageIndexFromNode(
-      p,
+      g,
       h || 0,
       m
     );
   }, d = ({
-    position: p,
+    position: g,
     threshold: h,
     spineItem: m,
     restrictToScreen: y,
@@ -6100,7 +6100,7 @@ const cs = ({
     }).reduce(
       (O, { absolutePosition: _, index: dt }) => {
         const at = f ? S.absoluteViewport : S.relativeViewport, _e = He(
-          p,
+          g,
           S.absoluteViewport,
           at
         ), Xe = yt.from(
@@ -6124,54 +6124,54 @@ const cs = ({
   };
   return {
     getSpinePositionFromSpineItemPosition: ({
-      spineItem: p,
+      spineItem: g,
       spineItemPosition: h
     }) => {
-      const m = o.getSpineItemSpineLayoutInfo(p);
+      const m = o.getSpineItemSpineLayoutInfo(g);
       return Dt({
         itemLayout: m,
         spineItemPosition: h
       });
     },
-    getAbsolutePageIndexFromPageIndex: (p) => cs({
-      ...p,
+    getAbsolutePageIndexFromPageIndex: (g) => cs({
+      ...g,
       spineItemsManager: e
     }),
-    getSpineInfoFromAbsolutePageIndex: (p) => ls({
-      ...p,
+    getSpineInfoFromAbsolutePageIndex: (g) => ls({
+      ...g,
       spineItemsManager: e
     }),
     getSpinePositionFromSpineItem: a,
     getSpineItemPositionFromSpinePosition: r,
-    getSpineItemFromPosition: (p) => Be({
-      position: p,
+    getSpineItemFromPosition: (g) => Be({
+      position: g,
       settings: n,
       spineItemsManager: e,
       spineLayout: o
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (p) => gs({
+    getVisibleSpineItemsFromPosition: (g) => ps({
       settings: n,
       spineItemsManager: e,
       spineLayout: o,
       viewport: s,
-      ...p
+      ...g
     }),
-    getVisiblePagesFromViewportPosition: (p) => d({
-      ...p,
+    getVisiblePagesFromViewportPosition: (g) => d({
+      ...g,
       viewport: s
     }),
-    isPositionWithinSpineItem: (p, h) => {
+    isPositionWithinSpineItem: (g, h) => {
       const { bottom: m, left: y, right: f, top: S } = o.getSpineItemSpineLayoutInfo(h);
-      return p.x >= y && p.x <= f && p.y <= m && p.y >= S;
+      return g.x >= y && g.x <= f && g.y <= m && g.y >= S;
     },
     spineItemLocator: i,
-    getSafeSpineItemPositionFromUnsafeSpineItemPosition: (p, h) => {
+    getSafeSpineItemPositionFromUnsafeSpineItemPosition: (g, h) => {
       const { height: m, width: y } = o.getSpineItemSpineLayoutInfo(h);
       return new C({
-        x: Math.min(Math.max(0, p.x), y),
-        y: Math.min(Math.max(0, p.y), m)
+        x: Math.min(Math.max(0, g.x), y),
+        y: Math.min(Math.max(0, g.y), m)
       });
     }
   };
@@ -6183,7 +6183,7 @@ class hs extends Y {
       i,
       r,
       c
-    ), this.locator = ps({
+    ), this.locator = gs({
       context: i,
       spineItemsManager: o,
       spineItemLocator: s,
@@ -6210,9 +6210,9 @@ class hs extends Y {
     const u = i.manifest$.pipe(
       z((l) => {
         this.spineItemsManager.destroyItems();
-        const g = l.spineItems.map(
-          (p, h) => new Ue(
-            p,
+        const p = l.spineItems.map(
+          (g, h) => new Ue(
+            g,
             this.elementSubject.getValue(),
             this.context,
             this.settings,
@@ -6220,15 +6220,15 @@ class hs extends Y {
             h
           )
         );
-        this.spineItemsManager.addMany(g);
+        this.spineItemsManager.addMany(p);
       })
     ), d = t.pipe(
       z((l) => {
-        const g = l.ownerDocument.createElement("div");
-        g.style.cssText = `
+        const p = l.ownerDocument.createElement("div");
+        p.style.cssText = `
           height: 100%;
           position: relative;
-        `, g.className = `${gt}-spine`, this.elementSubject.next(g);
+        `, p.className = `${pt}-spine`, this.elementSubject.next(p);
       })
     );
     v(u, d).pipe(J(this.destroy$)).subscribe();
@@ -6290,7 +6290,7 @@ class ms extends Y {
     this.orderedSpineItemsSubject.value.forEach((t) => t.destroy());
   }
 }
-class fs extends pt {
+class fs extends gt {
   constructor(t) {
     const i = document.createElement("div");
     i.style.cssText = `
@@ -6299,7 +6299,7 @@ class fs extends pt {
         -transform: scale(0.2);
         height: 100%;
         width: 100%;
-    `, i.className = `${gt}-viewport`, super({
+    `, i.className = `${pt}-viewport`, super({
       element: i,
       pageSize: {
         width: 1,
@@ -6346,12 +6346,12 @@ class fs extends pt {
   }
 }
 const ys = (e) => {
-  const t = new U(), i = new po(), n = new lo(), o = new Zo(e, n), s = new go(n, o), r = new ms(n, o), a = new k(
+  const t = new U(), i = new go(), n = new lo(), o = new Zo(e, n), s = new po(n, o), r = new ms(n, o), a = new k(
     void 0
   ), c = new fs(n), u = a.pipe(Q(ct)), d = ze({
     context: n,
     settings: o
-  }), l = new Xo(n, r), g = new hs(
+  }), l = new Xo(n, r), p = new hs(
     u,
     n,
     l,
@@ -6360,21 +6360,21 @@ const ys = (e) => {
     o,
     i,
     c
-  ), p = _o({
+  ), g = _o({
     context: n,
     spineItemsManager: r,
     hookManager: i,
-    spine: g,
+    spine: p,
     settings: o,
     viewport: c
   }), h = new qo(
     n,
     l,
     r,
-    g,
+    p,
     d
   );
-  p.viewportState$.subscribe(n.bridgeEvent.viewportStateSubject), p.navigation$.subscribe(n.bridgeEvent.navigationSubject), p.locker.isLocked$.subscribe(
+  g.viewportState$.subscribe(n.bridgeEvent.viewportStateSubject), g.navigation$.subscribe(n.bridgeEvent.navigationSubject), g.locker.isLocked$.subscribe(
     n.bridgeEvent.navigationIsLockedSubject
   ), l.subscribe(n.bridgeEvent.paginationSubject);
   const m = () => {
@@ -6394,7 +6394,7 @@ const ys = (e) => {
         width: x.width,
         height: x.height
       }
-    }), g.layout();
+    }), p.layout();
   }, y = (S) => {
     var F;
     const { containerElement: I, manifest: x } = S;
@@ -6412,23 +6412,23 @@ const ys = (e) => {
     }), m();
   }, f = () => {
     var S;
-    r.destroy(), h.destroy(), o.destroy(), l.destroy(), n.destroy(), p.destroy(), g.destroy(), (S = a.getValue()) == null || S.remove(), s.destroy(), t.next(), t.complete(), c.destroy();
+    r.destroy(), h.destroy(), o.destroy(), l.destroy(), n.destroy(), g.destroy(), p.destroy(), (S = a.getValue()) == null || S.remove(), s.destroy(), t.next(), t.complete(), c.destroy();
   };
   return {
     context: n,
-    spine: g,
+    spine: p,
     hookManager: i,
     cfi: {
       generateCfiFromRange: An,
       parseCfi: Zt,
       generateCfiForSpineItemPage: (S) => Wt({
         ...S,
-        spine: g
+        spine: p
       }),
       resolveCfi: (S) => De({ ...S, spineItemsManager: r })
     },
-    navigation: p,
-    spineItemsObserver: g.spineItemsObserver,
+    navigation: g,
+    spineItemsObserver: p.spineItemsObserver,
     spineItemsManager: r,
     layout: m,
     load: y,
@@ -6465,7 +6465,7 @@ const ys = (e) => {
   return t.style.cssText = `
     background-color: white;
     position: relative;
-  `, t.className = `${gt}-reader`, t;
+  `, t.className = `${pt}-reader`, t;
 }, Fs = (
   //__
   eo(
@@ -6483,7 +6483,7 @@ const ys = (e) => {
                           bi(
                             io(
                               qn(
-                                pn(
+                                gn(
                                   Ni(
                                     // __
                                     ys
@@ -6510,8 +6510,8 @@ export {
   Do as ControlledNavigationController,
   Y as DestroyableClass,
   mt as DocumentRenderer,
-  go as Features,
-  po as HookManager,
+  po as Features,
+  go as HookManager,
   Fo as InternalNavigator,
   qt as LayoutEntry,
   je as Locker,
@@ -6550,7 +6550,7 @@ export {
   Ci as isHtmlTagElement,
   zt as isRootCfi,
   Rs as isShallowEqual,
-  pn as layoutEnhancer,
+  gn as layoutEnhancer,
   xe as mapKeysTo,
   vs as observeIntersection,
   ie as observeMutation,