@prose-reader/core 1.8.0 → 1.9.0

package/dist/prose.js

@@ -1,12 +1,12 @@
-import { BehaviorSubject as q, takeUntil as dn, combineLatest as Ie, map as ft, scheduled as fn, animationFrameScheduler as me, of as J, Subject as H, distinctUntilChanged as gn, switchMap as Ct, from as fe, merge as X, EMPTY as te, fromEvent as Ft, interval as pn, iif as hn, withLatestFrom as mn, take as yn, identity as ke, forkJoin as vn } from "rxjs";
-import { parseContentType as bn, detectMimeTypeFromName as Sn } from "@prose-reader/shared";
-const wn = !1, Pn = (e) => (t) => {
+import { BehaviorSubject as q, takeUntil as dn, combineLatest as $e, map as ft, scheduled as fn, animationFrameScheduler as me, of as J, Subject as H, distinctUntilChanged as gn, switchMap as Ct, from as fe, merge as X, EMPTY as te, fromEvent as Ft, interval as pn, iif as hn, withLatestFrom as mn, take as yn, identity as ke, forkJoin as vn } from "rxjs";
+import { parseContentType as bn, detectMimeTypeFromName as wn } from "@prose-reader/shared";
+const Sn = !1, Pn = (e) => (t) => {
   const n = e(t);
   return n.manipulateContainer((o) => {
     const r = () => {
       n.context.getSettings().computedPageTurnMode === "controlled" && o.scrollTo(0, 0);
     };
-    return o.addEventListener("scroll", r), wn;
+    return o.addEventListener("scroll", r), Sn;
   }), n.registerHook("item.onLoad", ({ frame: o }) => {
     var r;
     (r = o.contentDocument) == null || r.body.setAttribute("tabindex", "-1");
@@ -15,12 +15,12 @@ const wn = !1, Pn = (e) => (t) => {
 function G(e) {
   return typeof e == "function";
 }
-function $n(e) {
+function In(e) {
   return G(e == null ? void 0 : e.lift);
 }
 function K(e) {
   return function(t) {
-    if ($n(t))
+    if (In(t))
       return t.lift(function(n) {
         try {
           return e(n, this);
@@ -48,7 +48,7 @@ function le(e, t) {
   }
   e.prototype = t === null ? Object.create(t) : (n.prototype = t.prototype, new n());
 }
-function In(e, t, n, o) {
+function $n(e, t, n, o) {
   function r(i) {
     return i instanceof n ? i : new n(function(s) {
       s(i);
@@ -140,7 +140,7 @@ function Et(e, t) {
     return { value: u[0] ? u[1] : void 0, done: !0 };
   }
 }
-function we(e) {
+function Se(e) {
   var t = typeof Symbol == "function" && Symbol.iterator, n = t && e[t], o = 0;
   if (n)
     return n.call(e);
@@ -178,8 +178,8 @@ function ae(e, t, n) {
       (i || !(o in t)) && (i || (i = Array.prototype.slice.call(t, 0, o)), i[o] = t[o]);
   return e.concat(i || Array.prototype.slice.call(t));
 }
-function Se(e) {
-  return this instanceof Se ? (this.v = e, this) : new Se(e);
+function we(e) {
+  return this instanceof we ? (this.v = e, this) : new we(e);
 }
 function xn(e, t, n) {
   if (!Symbol.asyncIterator)
@@ -203,7 +203,7 @@ function xn(e, t, n) {
     }
   }
   function c(f) {
-    f.value instanceof Se ? Promise.resolve(f.value.v).then(u, d) : l(i[0][2], f);
+    f.value instanceof we ? Promise.resolve(f.value.v).then(u, d) : l(i[0][2], f);
   }
   function u(f) {
     a("next", f);
@@ -219,7 +219,7 @@ function Tn(e) {
   if (!Symbol.asyncIterator)
     throw new TypeError("Symbol.asyncIterator is not defined.");
   var t = e[Symbol.asyncIterator], n;
-  return t ? t.call(e) : (e = typeof we == "function" ? we(e) : e[Symbol.iterator](), n = {}, o("next"), o("throw"), o("return"), n[Symbol.asyncIterator] = function() {
+  return t ? t.call(e) : (e = typeof Se == "function" ? Se(e) : e[Symbol.iterator](), n = {}, o("next"), o("throw"), o("return"), n[Symbol.asyncIterator] = function() {
     return this;
   }, n);
   function o(i) {
@@ -274,7 +274,7 @@ var xe = function() {
       if (s)
         if (this._parentage = null, Array.isArray(s))
           try {
-            for (var a = we(s), c = a.next(); !c.done; c = a.next()) {
+            for (var a = Se(s), c = a.next(); !c.done; c = a.next()) {
               var u = c.value;
               u.remove(this);
             }
@@ -301,7 +301,7 @@ var xe = function() {
       if (l) {
         this._finalizers = null;
         try {
-          for (var f = we(l), g = f.next(); !g.done; g = f.next()) {
+          for (var f = Se(l), g = f.next(); !g.done; g = f.next()) {
             var y = g.value;
             try {
               gt(y);
@@ -411,7 +411,7 @@ var rt = function(e) {
     return o.isStopped = !1, n ? (o.destination = n, Lt(n) && n.add(o)) : o.destination = Rn, o;
   }
   return t.create = function(n, o, r) {
-    return new $e(n, o, r);
+    return new Ie(n, o, r);
   }, t.prototype.next = function(n) {
     this.isStopped ? We(En(n), this) : this._next(n);
   }, t.prototype.error = function(n) {
@@ -470,7 +470,7 @@ var Nn = function() {
         Ce(n);
       }
   }, e;
-}(), $e = function(e) {
+}(), Ie = function(e) {
   le(t, e);
   function t(n, o, r) {
     var i = e.call(this) || this, s;
@@ -532,7 +532,7 @@ var ne = function() {
     var n = new e();
     return n.source = this, n.operator = t, n;
   }, e.prototype.subscribe = function(t, n, o) {
-    var r = this, i = _n(t) ? t : new $e(t, n, o);
+    var r = this, i = _n(t) ? t : new Ie(t, n, o);
     return Oe(function() {
       var s = r, a = s.operator, c = s.source;
       i.add(a ? a.call(i, c) : c ? r._subscribe(i) : r._trySubscribe(i));
@@ -546,7 +546,7 @@ var ne = function() {
   }, e.prototype.forEach = function(t, n) {
     var o = this;
     return n = pt(n), new n(function(r, i) {
-      var s = new $e({
+      var s = new Ie({
         next: function(a) {
           try {
             t(a);
@@ -620,13 +620,13 @@ function zt(e) {
         case 1:
           s.trys.push([1, , 9, 10]), s.label = 2;
         case 2:
-          return [4, Se(n.read())];
+          return [4, we(n.read())];
         case 3:
-          return o = s.sent(), r = o.value, i = o.done, i ? [4, Se(void 0)] : [3, 5];
+          return o = s.sent(), r = o.value, i = o.done, i ? [4, we(void 0)] : [3, 5];
         case 4:
           return [2, s.sent()];
         case 5:
-          return [4, Se(r)];
+          return [4, we(r)];
         case 6:
           return [4, s.sent()];
         case 7:
@@ -691,7 +691,7 @@ function zn(e) {
   return new ne(function(t) {
     var n, o;
     try {
-      for (var r = we(e), i = r.next(); !i.done; i = r.next()) {
+      for (var r = Se(e), i = r.next(); !i.done; i = r.next()) {
         var s = i.value;
         if (t.next(s), t.closed)
           return;
@@ -721,7 +721,7 @@ function Un(e) {
 }
 function Wn(e, t) {
   var n, o, r, i;
-  return In(this, void 0, void 0, function() {
+  return $n(this, void 0, void 0, function() {
     var s, a;
     return Et(this, function(c) {
       switch (c.label) {
@@ -1049,13 +1049,13 @@ function io(e, t, n, o, r, i, s, a) {
     return u < o ? y(v) : c.push(v);
   }, y = function(v) {
     i && t.next(v), u++;
-    var S = !1;
+    var w = !1;
     ee(n(v, d++)).subscribe(Z(t, function(p) {
       r == null || r(p), i ? g(p) : t.next(p);
     }, function() {
-      S = !0;
+      w = !0;
     }, void 0, function() {
-      if (S)
+      if (w)
         try {
           u--;
           for (var p = function() {
@@ -1115,7 +1115,7 @@ var co = Ot(function(e) {
       if (o._throwIfClosed(), !o.isStopped) {
         o.currentObservers || (o.currentObservers = Array.from(o.observers));
         try {
-          for (var s = we(o.currentObservers), a = s.next(); !a.done; a = s.next()) {
+          for (var s = Se(o.currentObservers), a = s.next(); !a.done; a = s.next()) {
             var c = a.value;
             c.next(n);
           }
@@ -1359,28 +1359,28 @@ function oe(e) {
     return new ct();
   } : t, o = e.resetOnError, r = o === void 0 ? !0 : o, i = e.resetOnComplete, s = i === void 0 ? !0 : i, a = e.resetOnRefCountZero, c = a === void 0 ? !0 : a;
   return function(u) {
-    var d, l, f, g = 0, y = !1, v = !1, S = function() {
+    var d, l, f, g = 0, y = !1, v = !1, w = function() {
       l == null || l.unsubscribe(), l = void 0;
     }, p = function() {
-      S(), d = f = void 0, y = v = !1;
+      w(), d = f = void 0, y = v = !1;
     }, C = function() {
       var N = d;
       p(), N == null || N.unsubscribe();
     };
-    return K(function(N, $) {
-      g++, !v && !y && S();
-      var w = f = f ?? n();
-      $.add(function() {
+    return K(function(N, I) {
+      g++, !v && !y && w();
+      var S = f = f ?? n();
+      I.add(function() {
         g--, g === 0 && !v && !y && (l = Be(C, c));
-      }), w.subscribe($), !d && g > 0 && (d = new $e({
+      }), S.subscribe(I), !d && g > 0 && (d = new Ie({
         next: function(m) {
-          return w.next(m);
+          return S.next(m);
         },
         error: function(m) {
-          v = !0, S(), l = Be(p, r, m), w.error(m);
+          v = !0, w(), l = Be(p, r, m), S.error(m);
         },
         complete: function() {
-          y = !0, S(), l = Be(p, s), w.complete();
+          y = !0, w(), l = Be(p, s), S.complete();
         }
       }), ee(N).subscribe(d));
     })(u);
@@ -1394,7 +1394,7 @@ function Be(e, t) {
     return;
   }
   if (t !== !1) {
-    var r = new $e({
+    var r = new Ie({
       next: function() {
         r.unsubscribe(), e();
       }
@@ -1525,13 +1525,13 @@ const ho = (e) => ({ fontScale: t = 1, lineHeight: n = "publisher", fontWeight:
         fontScale: g = s.value.fontScale,
         fontWeight: y = s.value.fontWeight,
         lineHeight: v = s.value.lineHeight,
-        ...S
+        ...w
       } = l;
-      mo(l, ["fontJustification", "fontScale", "fontWeight", "lineHeight"]) && s.next({ fontJustification: f, fontScale: g, fontWeight: y, lineHeight: v }), a.setSettings(S);
+      mo(l, ["fontJustification", "fontScale", "fontWeight", "lineHeight"]) && s.next({ fontJustification: f, fontScale: g, fontWeight: y, lineHeight: v }), a.setSettings(w);
     },
     $: {
       ...a.$,
-      settings$: Ie([a.$.settings$, s]).pipe(
+      settings$: $e([a.$.settings$, s]).pipe(
         ft(([l, f]) => ({
           ...l,
           ...f
@@ -1586,7 +1586,7 @@ const ho = (e) => ({ fontScale: t = 1, lineHeight: n = "publisher", fontWeight:
 }, Qt = (e) => k((t) => Object.entries(t).reduce((n, [o, r]) => e.includes(o) ? {
   ...n,
   [o]: r
-} : n, {})), So = Object.prototype.hasOwnProperty, wo = (e, t) => e === t ? e !== 0 || t !== 0 || 1 / e === 1 / t : !1, ce = (e, t, n) => {
+} : n, {})), wo = Object.prototype.hasOwnProperty, So = (e, t) => e === t ? e !== 0 || t !== 0 || 1 / e === 1 / t : !1, ce = (e, t, n) => {
   if (e === t)
     return !0;
   if (typeof e != "object" || e === null || typeof t != "object" || t === null)
@@ -1594,14 +1594,14 @@ const ho = (e) => ({ fontScale: t = 1, lineHeight: n = "publisher", fontWeight:
   const o = Object.keys(e), r = Object.keys(t);
   if (o.length !== r.length)
     return !1;
-  const i = n && typeof n.customEqual == "function" ? n.customEqual : wo;
+  const i = n && typeof n.customEqual == "function" ? n.customEqual : So;
   for (let s = 0; s < o.length; s++) {
     const a = o[s] || "";
-    if (!So.call(t, a) || !i(e[a], t[a]))
+    if (!wo.call(t, a) || !i(e[a], t[a]))
       return !1;
   }
   return !0;
-}, ci = (e, t) => e.reduce((n, o) => {
+}, ui = (e, t) => e.reduce((n, o) => {
   const r = t(o);
   return n[r] || (n[r] = []), n[r].push(o), n;
 }, {}), Po = (e) => {
@@ -1615,7 +1615,7 @@ const ho = (e) => ({ fontScale: t = 1, lineHeight: n = "publisher", fontWeight:
       !1
     ), t.readAsDataURL(e);
   });
-}, $o = (e) => {
+}, Io = (e) => {
   e.registerHook("item.onAfterLayout", ({ item: t, blankPagePosition: n, minimumWidth: o }) => {
     var c;
     const r = e.getSpineItem(t.id);
@@ -1627,28 +1627,28 @@ const ho = (e) => ({ fontScale: t = 1, lineHeight: n = "publisher", fontWeight:
       n === "none" && u && (a == null || a.style.setProperty("left", e.context.isRTL() ? "75%" : "25%"));
     }
   });
-}, Io = !1, xo = (e) => ({ pageHorizontalMargin: t = 24, pageVerticalMargin: n = 24, ...o }) => {
+}, $o = !1, xo = (e) => ({ pageHorizontalMargin: t = 24, pageVerticalMargin: n = 24, ...o }) => {
   const r = e(o), i = new q({
     pageHorizontalMargin: t,
     pageVerticalMargin: n
   });
   r.registerHook("onViewportOffsetAdjust", () => {
     let c = !1;
-    r.manipulateSpineItems(({ frame: u }) => (!c && u && (u.getBoundingClientRect().left, c = !0), Io));
+    r.manipulateSpineItems(({ frame: u }) => (!c && u && (u.getBoundingClientRect().left, c = !0), $o));
   }), r.registerHook("item.onLayoutBeforeMeasurement", ({ frame: c, minimumWidth: u, item: d, isImageType: l }) => {
-    var v, S;
+    var v, w;
     const { pageHorizontalMargin: f = 0, pageVerticalMargin: g = 0 } = i.value, y = r.context.getPageSize();
     if (d.renditionLayout === "reflowable" && c.getIsReady() && !l() && !c.getViewportDimensions()) {
       let p = y.width - f * 2;
       const C = y.height - g * 2;
-      let N = y.width - f * 2, $ = f * 2;
-      c.isUsingVerticalWriting() && (N = u - f * 2, p = C, $ = g * 2), (v = c.getManipulableFrame()) == null || v.removeStyle("prose-layout-enhancer-css"), (S = c.getManipulableFrame()) == null || S.addStyle(
+      let N = y.width - f * 2, I = f * 2;
+      c.isUsingVerticalWriting() && (N = u - f * 2, p = C, I = g * 2), (v = c.getManipulableFrame()) == null || v.removeStyle("prose-layout-enhancer-css"), (w = c.getManipulableFrame()) == null || w.addStyle(
         "prose-layout-enhancer-css",
         `
           body {
             width: ${N}px !important;
             margin: ${g}px ${f}px !important;
-            column-gap: ${$}px !important;
+            column-gap: ${I}px !important;
             column-width: ${p}px !important;
             height: ${C}px !important;
           }
@@ -1665,7 +1665,7 @@ const ho = (e) => ({ fontScale: t = 1, lineHeight: n = "publisher", fontWeight:
         `
       );
     }
-  }), $o(r);
+  }), Io(r);
   let s;
   return o.layoutAutoResize === "container" && (s = new ResizeObserver(() => {
     r == null || r.layout();
@@ -1690,7 +1690,7 @@ const ho = (e) => ({ fontScale: t = 1, lineHeight: n = "publisher", fontWeight:
     },
     $: {
       ...r.$,
-      settings$: Ie([r.$.settings$, i.asObservable()]).pipe(
+      settings$: $e([r.$.settings$, i.asObservable()]).pipe(
         k(([c, u]) => ({
           ...c,
           ...u
@@ -1884,7 +1884,7 @@ const ho = (e) => ({ fontScale: t = 1, lineHeight: n = "publisher", fontWeight:
       numberOfPagesPerItems: [],
       numberOfTotalPages: 0
     })
-  ), d = Ie([c, u]).pipe(
+  ), d = $e([c, u]).pipe(
     k(([l, f]) => ({
       ...l,
       ...f,
@@ -1987,7 +1987,7 @@ function _o(...e) {
 function tn(...e) {
   return _o(...e);
 }
-const St = !1, Mo = (e) => {
+const wt = !1, Mo = (e) => {
   const t = new q(!1);
   let n, o = { x: 0, y: 0 }, r = { x: 0, y: 0 }, i = 1, s = 1;
   const a = (y) => {
@@ -2002,14 +2002,14 @@ const St = !1, Mo = (e) => {
           width: 100%;
           height: 100%;
         `;
-      const S = y.cloneNode();
-      return S.src = y.src, S.style.setProperty("height", "100%"), S.style.setProperty("width", "100%"), S.style.setProperty("object-fit", "contain"), S.style.setProperty("pointer-events", "none"), n.appendChild(S), v.appendChild(n), St;
+      const w = y.cloneNode();
+      return w.src = y.src, w.style.setProperty("height", "100%"), w.style.setProperty("width", "100%"), w.style.setProperty("object-fit", "contain"), w.style.setProperty("pointer-events", "none"), n.appendChild(w), v.appendChild(n), wt;
     }), u(1.2), c();
   }, c = () => {
     i = s;
   }, u = (y) => {
-    const v = n == null ? void 0 : n.querySelector("img"), S = Math.ceil((y < 1 ? i - (1 - y) : i + (y - 1)) * 100) / 100, p = Math.max(S, 1);
-    S < 1 && (o = { x: 0, y: 0 }), v == null || v.style.setProperty(
+    const v = n == null ? void 0 : n.querySelector("img"), w = Math.ceil((y < 1 ? i - (1 - y) : i + (y - 1)) * 100) / 100, p = Math.max(w, 1);
+    w < 1 && (o = { x: 0, y: 0 }), v == null || v.style.setProperty(
       "transform",
       `translate3d(${o.x}px, ${o.y}px, 0px) scale3d(${p}, ${p}, 1)`
     ), s = p;
@@ -2017,9 +2017,9 @@ const St = !1, Mo = (e) => {
   return {
     enter: a,
     exit: () => {
-      s = 1, e.manipulateContainer(() => (n == null || n.remove(), n = void 0, St)), t.next(!1);
+      s = 1, e.manipulateContainer(() => (n == null || n.remove(), n = void 0, wt)), t.next(!1);
     },
-    move: (y, { isFirst: v, isLast: S }) => {
+    move: (y, { isFirst: v, isLast: w }) => {
       const p = n == null ? void 0 : n.querySelector("img");
       if (v && (r = { x: 0, y: 0 }), y) {
         const C = y.x - ((r == null ? void 0 : r.x) || 0), N = y.y - ((r == null ? void 0 : r.y) || 0);
@@ -2031,7 +2031,7 @@ const St = !1, Mo = (e) => {
           `translate3d(${o.x}px, ${o.y}px, 0px) scale3d(${i}, ${i}, 1)`
         ), r = y;
       }
-      S && (r = void 0);
+      w && (r = void 0);
     },
     scale: u,
     setCurrentScaleAsBase: c,
@@ -2060,7 +2060,7 @@ const St = !1, Mo = (e) => {
   }, s = () => {
     n = o;
   }, a = (f) => {
-    const g = Math.ceil((f < 1 ? n - (1 - f) : n + (f - 1)) * 100) / 100, y = Math.max(g, 1), v = e.spine.element.getBoundingClientRect().width / e.spine.element.offsetWidth, S = e.viewportNavigator.element.scrollTop;
+    const g = Math.ceil((f < 1 ? n - (1 - f) : n + (f - 1)) * 100) / 100, y = Math.max(g, 1), v = e.spine.element.getBoundingClientRect().width / e.spine.element.offsetWidth, w = e.viewportNavigator.element.scrollTop;
     e.spine.element.style.transform = `scale(${y})`, e.viewportNavigator.element.scrollLeft = je({
       newScale: y,
       oldScale: v,
@@ -2072,7 +2072,7 @@ const St = !1, Mo = (e) => {
       oldScale: v,
       pageSize: e.viewportNavigator.element.clientHeight,
       screenSize: e.spine.element.offsetHeight,
-      scrollOffset: S
+      scrollOffset: w
     }), o = y;
   };
   return {
@@ -2194,10 +2194,10 @@ const St = !1, Mo = (e) => {
     x: 0,
     y: 0
   }, s = 0, a = 0, c = new H(), u = ko(e), d = () => {
-    const { height: v, width: S } = i, p = S > v;
+    const { height: v, width: w } = i, p = w > v;
     return u.getSettings().forceSinglePageMode || (t == null ? void 0 : t.renditionFlow) === "scrolled-continuous" ? !1 : !p && (t == null ? void 0 : t.renditionSpread) === "portrait" ? !0 : p && ((t == null ? void 0 : t.renditionSpread) === void 0 || (t == null ? void 0 : t.renditionSpread) === "auto" || (t == null ? void 0 : t.renditionSpread) === "landscape" || (t == null ? void 0 : t.renditionSpread) === "both");
-  }, l = (v, S) => {
-    t = v, n = S, u.recompute({ manifest: t, hasVerticalWritingSubject: o.value }), r.next(v);
+  }, l = (v, w) => {
+    t = v, n = w, u.recompute({ manifest: t, hasVerticalWritingSubject: o.value }), r.next(v);
   }, f = () => (t == null ? void 0 : t.readingDirection) === "rtl", g = () => o.next(!0);
   return o.pipe(
     Me(1),
@@ -2218,8 +2218,8 @@ const St = !1, Mo = (e) => {
     getVisibleAreaRect: () => i,
     shouldDisplaySpread: d,
     setHasVerticalWriting: g,
-    setVisibleAreaRect: (v, S, p, C) => {
-      i.width = p, i.height = C - s - a, i.x = v, i.y = S;
+    setVisibleAreaRect: (v, w, p, C) => {
+      i.width = p, i.height = C - s - a, i.x = v, i.y = w;
     },
     getManifest: () => t,
     getReadingDirection: () => t == null ? void 0 : t.readingDirection,
@@ -2249,7 +2249,7 @@ const St = !1, Mo = (e) => {
     const r = document.createElement("style");
     r.id = t, r.innerHTML = n, o ? e.contentDocument.head.prepend(r) : e.contentDocument.head.appendChild(r);
   }
-}, wt = (e, t) => {
+}, St = (e, t) => {
   const n = new RegExp(t + "\\s*=\\s*([0-9.]+)", "i"), o = e.match(n) || [], r = o[1] || "0";
   return o && parseFloat(r) || 0;
 }, Xo = (e) => e[nn], qo = (e, t) => {
@@ -2269,16 +2269,21 @@ const St = !1, Mo = (e) => {
   frame: e,
   removeStyle: Bo(e),
   addStyle: Yo(e)
+}), Zo = (e) => new Promise((t, n) => {
+  const o = new Image();
+  o.src = e, o.onload = () => {
+    t({ height: o.naturalHeight, width: o.naturalWidth });
+  }, o.onerror = n;
 }), rn = async (e, t) => {
   if (typeof e == "string")
     return e;
-  const n = bn(e.headers.get("Content-Type") || "") || Sn(t.href);
+  const n = bn(e.headers.get("Content-Type") || "") || wn(t.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some((r) => r === n)) {
-    const r = await Po(await e.blob());
+    const r = await Po(await e.blob()), { height: i, width: s } = await Zo(r);
     return `
       <html>
         <head>
-          ${t.renditionLayout !== "reflowable" ? '<meta name="viewport" content="width=device-width, minimum-scale=0.1">' : ""}
+          ${t.renditionLayout !== "reflowable" ? `<meta name="viewport" content="width=${s}, height=${i}">` : ""}
         </head>
         <body style="margin: 0px;" tab-index="-1;">
           <img
@@ -2306,7 +2311,7 @@ const St = !1, Mo = (e) => {
         </body>
       </html>
     ` : await e.text();
-}, Zo = (e) => e.name === "item.onLoad", Jo = ({
+}, Jo = (e) => e.name === "item.onLoad", Ko = ({
   item: e,
   parent: t,
   fetchResource: n,
@@ -2316,48 +2321,48 @@ const St = !1, Mo = (e) => {
 }) => {
   const s = new H(), a = new H(), c = new H(), u = new q(void 0), d = new q(!1), l = new q(!1);
   let f = [], g;
-  const y = ($) => ($.pipe(j(r.$.destroy$)).subscribe(), $), v = ($) => rn($, e), S = i.pipe(
-    B(($) => $ === "free"),
+  const y = (I) => (I.pipe(j(r.$.destroy$)).subscribe(), I), v = (I) => rn(I, e), w = i.pipe(
+    B((I) => I === "free"),
     ye(1)
   ), p = c.asObservable().pipe(
     re(u),
-    B(([$, w]) => !!w),
-    k(([, $]) => {
-      f.forEach((w) => {
-        w && "unsubscribe" in w ? w.unsubscribe() : w && w();
-      }), f = [], $ == null || $.remove(), u.next(void 0);
+    B(([I, S]) => !!S),
+    k(([, I]) => {
+      f.forEach((S) => {
+        S && "unsubscribe" in S ? S.unsubscribe() : S && S();
+      }), f = [], I == null || I.remove(), u.next(void 0);
     }),
     oe(),
     j(s)
   ), C = a.asObservable().pipe(
     re(d),
-    B(([$, w]) => !w),
+    B(([I, S]) => !S),
     Jt(() => Go().pipe(
-      ie(($) => S.pipe(he($))),
-      ie(($) => (t.appendChild($), u.next($), !n && e.href.startsWith(window.location.origin) && (e.mediaType && ["application/xhtml+xml", "application/xml", "text/html", "text/xml"].includes(e.mediaType) || !e.mediaType && Ho.some((w) => e.href.endsWith(w))) ? ($ == null || $.setAttribute("src", e.href), J($)) : fe((n || (() => fetch(e.href)))(e)).pipe(
+      ie((I) => w.pipe(he(I))),
+      ie((I) => (t.appendChild(I), u.next(I), !n && e.href.startsWith(window.location.origin) && (e.mediaType && ["application/xhtml+xml", "application/xml", "text/html", "text/xml"].includes(e.mediaType) || !e.mediaType && Ho.some((S) => e.href.endsWith(S))) ? (I == null || I.setAttribute("src", e.href), J(I)) : fe((n || (() => fetch(e.href)))(e)).pipe(
         ie((m) => v(m)),
         U((m) => {
-          $ == null || $.setAttribute("srcdoc", m);
+          I == null || I.setAttribute("srcdoc", m);
         }),
-        k(() => $)
+        k(() => I)
       ))),
-      ie(($) => $ ? ($.setAttribute("sandbox", "allow-same-origin allow-scripts"), Ft($, "load").pipe(
+      ie((I) => I ? (I.setAttribute("sandbox", "allow-same-origin allow-scripts"), Ft(I, "load").pipe(
         ye(1),
         re(o),
-        ie(([w, m]) => {
-          var x, I;
-          const h = (x = $.contentDocument) == null ? void 0 : x.body;
+        ie(([S, m]) => {
+          var x, $;
+          const h = (x = I.contentDocument) == null ? void 0 : x.body;
           if (!h)
             return R.error(`Something went wrong on iframe load ${e.id}`), te;
-          $.setAttribute("role", "main"), $ != null && $.contentDocument && h && (g = (I = $ == null ? void 0 : $.contentWindow) == null ? void 0 : I.getComputedStyle(h)), r.getSettings().computedPageTurnMode !== "scrollable" && $.setAttribute("tab-index", "0");
-          const b = on($);
-          return f = m.filter(Zo).map((T) => {
+          I.setAttribute("role", "main"), I != null && I.contentDocument && h && (g = ($ = I == null ? void 0 : I.contentWindow) == null ? void 0 : $.getComputedStyle(h)), r.getSettings().computedPageTurnMode !== "scrollable" && I.setAttribute("tab-index", "0");
+          const b = on(I);
+          return f = m.filter(Jo).map((T) => {
             const A = T.fn({
               ...b,
               item: e
             });
             return A && "subscribe" in A ? A.subscribe() : A;
-          }), J($);
+          }), J(I);
         })
       )) : te),
       j(c)
@@ -2366,9 +2371,9 @@ const St = !1, Mo = (e) => {
     y,
     j(s)
   ), N = C.pipe(
-    W(($) => {
-      var w;
-      return fe(((w = $ == null ? void 0 : $.contentDocument) == null ? void 0 : w.fonts.ready) || J(void 0)).pipe(j(c));
+    W((I) => {
+      var S;
+      return fe(((S = I == null ? void 0 : I.contentDocument) == null ? void 0 : S.fonts.ready) || J(void 0)).pipe(j(c));
     }),
     oe(),
     y,
@@ -2392,7 +2397,7 @@ const St = !1, Mo = (e) => {
       frameElement$: u
     }
   };
-}, Ko = ({
+}, Qo = ({
   item: e,
   parent: t,
   fetchResource: n,
@@ -2404,22 +2409,22 @@ const St = !1, Mo = (e) => {
     $: { unload$: a, loaded$: c, isLoaded$: u, isReady$: d, unloaded$: l, frameElement$: f, ready$: g },
     load: y,
     unload: v,
-    destroy: S,
+    destroy: w,
     getComputedStyleAfterLoad: p
-  } = Jo({ context: o, hooks$: r, item: e, parent: t, fetchResource: n, viewportState$: i }), C = new q(!1), N = new q(!1);
+  } = Ko({ context: o, hooks$: r, item: e, parent: t, fetchResource: n, viewportState$: i }), C = new q(!1), N = new q(!1);
   u.subscribe(C), d.subscribe(N);
-  const $ = () => {
+  const I = () => {
     const T = f.getValue();
     if (C.value && T)
       return on(T);
-  }, w = () => {
+  }, S = () => {
     const T = f.getValue();
     if (T && (T != null && T.contentDocument)) {
       const E = T.contentDocument.querySelector("meta[name='viewport']");
       if (E) {
         const O = E.getAttribute("content");
         if (O) {
-          const _ = wt(O, "width"), F = wt(O, "height");
+          const _ = St(O, "width"), F = St(O, "height");
           return _ > 0 && F > 0 ? {
             width: _,
             height: F
@@ -2440,7 +2445,7 @@ const St = !1, Mo = (e) => {
   return {
     getIsLoaded: () => C.value,
     getIsReady: () => N.value,
-    getViewportDimensions: w,
+    getViewportDimensions: S,
     getFrameElement: () => f.getValue(),
     getHtmlFromResource: b,
     load: y,
@@ -2449,7 +2454,7 @@ const St = !1, Mo = (e) => {
       const A = f.getValue();
       A && (A.style.width = `${T.width}px`, A.style.height = `${T.height}px`, o.getSettings().computedPageTurnMode !== "scrollable" && A.setAttribute("tab-index", "0"));
     },
-    getManipulableFrame: $,
+    getManipulableFrame: I,
     getReadingDirection: () => {
       var E;
       if (m() === "vertical-rl")
@@ -2461,7 +2466,7 @@ const St = !1, Mo = (e) => {
     isUsingVerticalWriting: h,
     getWritingMode: m,
     destroy: () => {
-      v(), S(), s.next(), s.complete();
+      v(), w(), s.next(), s.complete();
     },
     $: {
       unload$: a,
@@ -2472,7 +2477,7 @@ const St = !1, Mo = (e) => {
       contentLayoutChange$: x
     }
   };
-}, Qo = () => {
+}, er = () => {
   const e = { x: void 0, y: void 0 }, t = new H();
   let n = !1;
   return {
@@ -2493,7 +2498,7 @@ const St = !1, Mo = (e) => {
     },
     $: t.asObservable()
   };
-}, er = () => {
+}, tr = () => {
   let e = !1, t;
   const n = new H(), o = ["mouseup", "pointerup"];
   return {
@@ -2522,14 +2527,14 @@ const St = !1, Mo = (e) => {
     },
     $: n.asObservable()
   };
-}, tr = (e) => typeof e == "object" && !!e && "nodeType" in e && (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE && "innerText" in e;
-function nr(e, t, n) {
+}, nr = (e) => typeof e == "object" && !!e && "nodeType" in e && (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE && "innerText" in e;
+function or(e, t, n) {
   if ("caretPositionFromPoint" in e)
     return e.caretPositionFromPoint(t, n);
   if (typeof e.caretRangeFromPoint < "u")
     return e.caretRangeFromPoint(t, n);
 }
-const or = R.measurePerformance(
+const rr = R.measurePerformance(
   "getFirstVisibleNodeForViewport",
   1,
   (e, t) => {
@@ -2539,10 +2544,10 @@ const or = R.measurePerformance(
       const s = o.createRange();
       return Array.from(n.childNodes).some((a) => {
         s.selectNodeContents(a);
-        const c = s.getClientRects(), u = rr(c, t);
+        const c = s.getClientRects(), u = ir(c, t);
         if (u) {
           r = s.cloneRange();
-          const d = nr(o, Math.ceil(u.left), Math.ceil(u.top));
+          const d = or(o, Math.ceil(u.left), Math.ceil(u.top));
           return d && "startContainer" in d && d.startContainer === r.startContainer && (i = d.startOffset), d && "offsetNode" in d && d.offsetNode === r.startContainer && (i = d.offset), !0;
         }
         return !1;
@@ -2560,13 +2565,13 @@ const or = R.measurePerformance(
 function sn(e, { left: t, right: n }) {
   return e.left <= t && e.right <= t ? "before" : e.left <= t && e.right > t && e.right <= n ? "partially-before" : e.left <= n && e.right > n ? "partially-after" : e.left > n ? "after" : "within";
 }
-function rr(e, t) {
+function ir(e, t) {
   return Array.from(e).find((n) => {
     const o = sn(n, t);
     return o !== "before" && o !== "after";
   });
 }
-const ir = (e, t) => {
+const sr = (e, t) => {
   var n;
   if (e.nodeType !== Node.CDATA_SECTION_NODE && e.nodeType !== Node.DOCUMENT_TYPE_NODE) {
     const o = (n = e.ownerDocument) == null ? void 0 : n.createRange();
@@ -2606,7 +2611,7 @@ const ir = (e, t) => {
       return e instanceof s.MouseEvent;
   }
   return !1;
-}, sr = (e) => {
+}, ar = (e) => {
   var t, n, o, r, i;
   if (e != null && e.target && ((n = (t = e == null ? void 0 : e.target) == null ? void 0 : t.ownerDocument) != null && n.defaultView)) {
     const s = (r = (o = e == null ? void 0 : e.target) == null ? void 0 : o.ownerDocument) == null ? void 0 : r.defaultView;
@@ -2619,7 +2624,7 @@ const ir = (e, t) => {
       return e instanceof s.TouchEvent;
   }
   return !1;
-}, ar = [
+}, cr = [
   "pointercancel",
   "pointerdown",
   "pointerenter",
@@ -2628,7 +2633,7 @@ const ir = (e, t) => {
   "pointerout",
   "pointerover",
   "pointerup"
-], cr = [
+], ur = [
   "mousedown",
   "mouseup",
   "mouseenter",
@@ -2636,7 +2641,7 @@ const ir = (e, t) => {
   "mousemove",
   "mouseout",
   "mouseover"
-], ur = [...ar, ...cr], cn = ({
+], lr = [...cr, ...ur], cn = ({
   item: e,
   context: t,
   parentElement: n,
@@ -2645,7 +2650,7 @@ const ir = (e, t) => {
   viewportState$: i
 }) => {
   var _;
-  const s = new H(), a = lr(n, e, r), c = dr(n, e), u = Qo(), d = er(), l = fr(o, u, d), f = Ko({
+  const s = new H(), a = dr(n, e, r), c = fr(n, e), u = er(), d = tr(), l = gr(o, u, d), f = Qo({
     parent: a,
     item: e,
     context: t,
@@ -2667,7 +2672,7 @@ const ir = (e, t) => {
   }, v = () => {
     var F;
     return !!((F = e.mediaType) != null && F.startsWith("image/"));
-  }, S = (F) => {
+  }, w = (F) => {
     var D, V;
     (D = f.getManipulableFrame()) == null || D.removeStyle("prose-reader-css"), (V = f.getManipulableFrame()) == null || V.addStyle("prose-reader-css", F);
   }, p = ({ right: F, left: D, top: V }) => {
@@ -2679,7 +2684,7 @@ const ir = (e, t) => {
       const M = F / V.width;
       return { computedScale: Math.min(M, D / V.height), computedWidthScale: M, viewportDimensions: V };
     }
-  }, N = () => f.load(), $ = () => f.unload(), w = (F) => {
+  }, N = () => f.load(), I = () => f.unload(), S = (F) => {
     var V, P, L, M, z;
     const D = (V = f.getManipulableFrame()) == null ? void 0 : V.frame;
     if (D && F)
@@ -2708,7 +2713,7 @@ const ir = (e, t) => {
     a.style.width = `${D}px`, a.style.height = `${F}px`, r.getValue().forEach((L) => {
       L.name === "item.onAfterLayout" && L.fn({ blankPagePosition: V, item: e, minimumWidth: P });
     }), m();
-  }, I = (F) => {
+  }, $ = (F) => {
     var z, Y;
     const { left: D = 0, top: V = 0 } = ((z = f.getFrameElement()) == null ? void 0 : z.getBoundingClientRect()) || {}, P = ((Y = C()) == null ? void 0 : Y.computedScale) ?? 1, L = F.clientX * P + D, M = F.clientY * P + V;
     return {
@@ -2760,14 +2765,14 @@ const ir = (e, t) => {
     getElementDimensions: y,
     getHtmlFromResource: f.getHtmlFromResource,
     getResource: T,
-    translateFramePositionIntoPage: I,
+    translateFramePositionIntoPage: $,
     setLayoutDirty: m,
-    injectStyle: S,
+    injectStyle: w,
     loadContent: N,
-    unloadContent: $,
+    unloadContent: I,
     spineItemFrame: f,
     element: a,
-    getBoundingRectOfElementFromSelector: w,
+    getBoundingRectOfElementFromSelector: S,
     getViewPortInformation: C,
     isImageType: v,
     isReady: f.getIsReady,
@@ -2791,13 +2796,13 @@ const ir = (e, t) => {
       isReady$: f.$.isReady$
     }
   };
-}, lr = (e, t, n) => {
+}, dr = (e, t, n) => {
   const o = e.ownerDocument.createElement("div");
   return o.classList.add("spineItem"), o.classList.add(`spineItem-${t.renditionLayout}`), o.style.cssText = `
     position: absolute;
     overflow: hidden;
   `, n.getValue().reduce((r, i) => i.name === "item.onBeforeContainerCreated" ? i.fn(r) : r, o);
-}, dr = (e, t) => {
+}, fr = (e, t) => {
   const n = e.ownerDocument.createElement("div");
   return n.classList.add("spineItemOverlay"), n.classList.add(`spineItemOverlay-${t.renditionLayout}`), n.style.cssText = `
     position: absolute;
@@ -2806,11 +2811,11 @@ const ir = (e, t) => {
     pointer-events: none;
     background-color: transparent;
   `, n;
-}, fr = (e, t, n) => [
+}, gr = (e, t, n) => [
   {
     name: "item.onLoad",
     fn: ({ frame: o }) => {
-      const r = ur.map((i) => {
+      const r = lr.map((i) => {
         var a;
         const s = (c) => {
           let u = c;
@@ -2831,7 +2836,7 @@ const ir = (e, t) => {
         margin: 0;
         }
       }
-    `, gr = ({
+    `, pr = ({
   item: e,
   context: t,
   containerElement: n,
@@ -2855,9 +2860,9 @@ const ir = (e, t) => {
       spreadPosition: l
     }) => {
       var C;
-      const { width: f, height: g } = t.getPageSize(), { viewportDimensions: y, computedScale: v = 1 } = s.getViewPortInformation() ?? {}, S = t.getVisibleAreaRect(), p = (C = a.getManipulableFrame()) == null ? void 0 : C.frame;
+      const { width: f, height: g } = t.getPageSize(), { viewportDimensions: y, computedScale: v = 1 } = s.getViewPortInformation() ?? {}, w = t.getVisibleAreaRect(), p = (C = a.getManipulableFrame()) == null ? void 0 : C.frame;
       if (a != null && a.getIsLoaded() && (p != null && p.contentDocument) && (p != null && p.contentWindow)) {
-        const N = f, $ = S.height + t.getCalculatedInnerMargin(), w = pr(
+        const N = f, I = w.height + t.getCalculatedInnerMargin(), S = hr(
           {
             ...s.getDimensionsForPaginatedContent(),
             enableTouch: t.getSettings().computedPageTurnMode !== "scrollable",
@@ -2866,7 +2871,7 @@ const ir = (e, t) => {
           y
         );
         if (p == null || p.style.setProperty("visibility", "visible"), p == null || p.style.setProperty("opacity", "1"), y) {
-          s.injectStyle(w), a.staticLayout({
+          s.injectStyle(S), a.staticLayout({
             width: y.width,
             height: y.height
           }), p == null || p.style.setProperty("position", "absolute"), p == null || p.style.setProperty("top", "50%"), l === "left" ? (p == null || p.style.setProperty("right", "0"), p == null || p.style.removeProperty("left")) : u === "before" && t.isRTL() ? (p == null || p.style.setProperty("right", "50%"), p == null || p.style.removeProperty("left")) : l === "right" ? (p == null || p.style.setProperty("left", "0"), p == null || p.style.removeProperty("right")) : (p == null || p.style.setProperty(
@@ -2876,17 +2881,17 @@ const ir = (e, t) => {
           const m = l !== "none" ? "0" : "-50%", h = l === "right" && u !== "before" ? "left" : l === "left" || u === "before" && t.isRTL() ? "right" : "center";
           p == null || p.style.setProperty("transform", `translate(${m}, -50%) scale(${v})`), p == null || p.style.setProperty("transform-origin", `${h} center`), s.executeOnLayoutBeforeMeasurementHook({ minimumWidth: d });
         } else
-          s.injectStyle(w), a.staticLayout({
+          s.injectStyle(S), a.staticLayout({
             width: N,
-            height: $
+            height: I
           }), u === "before" ? t.isRTL() ? p == null || p.style.setProperty("margin-right", `${f}px`) : p == null || p.style.setProperty("margin-left", `${f}px`) : (p == null || p.style.removeProperty("margin-left"), p == null || p.style.removeProperty("margin-right"));
-        return s.executeOnLayoutBeforeMeasurementHook({ minimumWidth: d }), s.layout({ width: d, height: $, blankPagePosition: u, minimumWidth: d }), { width: d, height: $ };
+        return s.executeOnLayoutBeforeMeasurementHook({ minimumWidth: d }), s.layout({ width: d, height: I, blankPagePosition: u, minimumWidth: d }), { width: d, height: I };
       } else
         s.executeOnLayoutBeforeMeasurementHook({ minimumWidth: d }), s.layout({ width: d, height: g, blankPagePosition: u, minimumWidth: d });
       return { width: d, height: g };
     }
   };
-}, pr = ({
+}, hr = ({
   columnWidth: e,
   enableTouch: t,
   spreadPosition: n
@@ -2931,7 +2936,7 @@ const ir = (e, t) => {
         object-fit:contain;
       `}
     }
-  `, hr = ({
+  `, mr = ({
   item: e,
   context: t,
   containerElement: n,
@@ -2954,14 +2959,14 @@ const ir = (e, t) => {
       blankPagePosition: d,
       minimumWidth: l
     }) => {
-      var $, w, m, h, b, x, I, T;
+      var I, S, m, h, b, x, $, T;
       const { width: f, height: g } = t.getPageSize();
-      (w = ($ = a.getManipulableFrame()) == null ? void 0 : $.frame) == null || w.style.setProperty("width", `${f}px`), (h = (m = a.getManipulableFrame()) == null ? void 0 : m.frame) == null || h.style.setProperty("height", `${g}px`);
-      const { viewportDimensions: y, computedScale: v = 1 } = s.getViewPortInformation() ?? {}, S = t.getVisibleAreaRect(), p = (b = a.getManipulableFrame()) == null ? void 0 : b.frame, C = ((x = t.getManifest()) == null ? void 0 : x.renditionLayout) === "pre-paginated";
+      (S = (I = a.getManipulableFrame()) == null ? void 0 : I.frame) == null || S.style.setProperty("width", `${f}px`), (h = (m = a.getManipulableFrame()) == null ? void 0 : m.frame) == null || h.style.setProperty("height", `${g}px`);
+      const { viewportDimensions: y, computedScale: v = 1 } = s.getViewPortInformation() ?? {}, w = t.getVisibleAreaRect(), p = (b = a.getManipulableFrame()) == null ? void 0 : b.frame, C = ((x = t.getManifest()) == null ? void 0 : x.renditionLayout) === "pre-paginated";
       if (a != null && a.getIsLoaded() && (p != null && p.contentDocument) && (p != null && p.contentWindow)) {
-        let A = f, E = S.height + t.getCalculatedInnerMargin();
+        let A = f, E = w.height + t.getCalculatedInnerMargin();
         if (p == null || p.style.setProperty("visibility", "visible"), p == null || p.style.setProperty("opacity", "1"), y)
-          s.injectStyle(mr()), s.executeOnLayoutBeforeMeasurementHook({ minimumWidth: l }), a.staticLayout({
+          s.injectStyle(yr()), s.executeOnLayoutBeforeMeasurementHook({ minimumWidth: l }), a.staticLayout({
             width: y.width,
             height: y.height
           }), p == null || p.style.setProperty("position", "absolute"), p == null || p.style.setProperty("top", "50%"), p == null || p.style.setProperty(
@@ -2969,10 +2974,10 @@ const ir = (e, t) => {
             d === "before" ? t.isRTL() ? "25%" : "75%" : d === "after" ? t.isRTL() ? "75%" : "25%" : "50%"
           ), p == null || p.style.setProperty("transform", `translate(-50%, -50%) scale(${v})`), p == null || p.style.setProperty("transform-origin", "center center");
         else {
-          const _ = s.isImageType() ? yr({
-            isScrollable: ((I = t.getManifest()) == null ? void 0 : I.renditionFlow) === "scrolled-continuous",
+          const _ = s.isImageType() ? vr({
+            isScrollable: (($ = t.getManifest()) == null ? void 0 : $.renditionFlow) === "scrolled-continuous",
             enableTouch: t.getSettings().computedPageTurnMode !== "scrollable"
-          }) : vr(
+          }) : br(
             s.getDimensionsForReflowableContent(a.isUsingVerticalWriting(), l)
           );
           if (s.injectStyle(_), s.executeOnLayoutBeforeMeasurementHook({ minimumWidth: l }), a.isUsingVerticalWriting())
@@ -3000,7 +3005,7 @@ const ir = (e, t) => {
       return s.layout({ width: l, height: N, blankPagePosition: d, minimumWidth: l }), { width: l, height: N };
     }
   };
-}, mr = () => `
+}, yr = () => `
     ${un()}
     html {
       width: 100%;
@@ -3015,7 +3020,7 @@ const ir = (e, t) => {
     html, body {
       touch-action: none;
     }
-  `, yr = ({ isScrollable: e, enableTouch: t }) => `
+  `, vr = ({ isScrollable: e, enableTouch: t }) => `
     
     html, body {
       width: 100%;
@@ -3037,7 +3042,7 @@ const ir = (e, t) => {
         display: block;
       }
     ` : ""}
-  `, vr = ({
+  `, br = ({
   width: e,
   columnHeight: t,
   columnWidth: n
@@ -3105,21 +3110,21 @@ const ir = (e, t) => {
     td {
       max-width: ${n}px;
     }
-  `, br = ({
+  `, wr = ({
   item: e,
   context: t,
   containerElement: n,
   iframeEventBridgeElement: o,
   hooks$: r,
   viewportState$: i
-}) => e.renditionLayout === "pre-paginated" ? gr({
+}) => e.renditionLayout === "pre-paginated" ? pr({
   item: e,
   context: t,
   containerElement: n,
   iframeEventBridgeElement: o,
   hooks$: r,
   viewportState$: i
-}) : hr({
+}) : mr({
   item: e,
   context: t,
   containerElement: n,
@@ -3154,7 +3159,7 @@ const ir = (e, t) => {
       });
       return Object.defineProperty(l, "target", { value: i.target, enumerable: !0 }), l;
     }
-    if (sr(o)) {
+    if (ar(o)) {
       const u = Array.from(o.touches).map((l) => {
         const { clientX: f, clientY: g } = a.translateFramePositionIntoPage(l);
         return new Touch({
@@ -3173,10 +3178,10 @@ const ir = (e, t) => {
     return o;
   }
 }), Qe = Node.ELEMENT_NODE, et = Node.TEXT_NODE, tt = Node.CDATA_SECTION_NODE;
-function wr(e) {
+function Pr(e) {
   return e.replace(/[\[\]\^,();]/g, "^$&");
 }
-function Pr(e, t, n) {
+function Ir(e, t, n) {
   n = n || 0;
   const o = [];
   let r = 0, i;
@@ -3193,7 +3198,7 @@ function $r(e, t) {
     i = Math.abs(e[r] - t), (!r || i < n) && (i = n, o = e[r]);
   return o;
 }
-function Ir(e, t, n) {
+function xr(e, t, n) {
   let o = 0, r, i = 0, s = !0, a, c;
   for (a = 0; a < e.length; a++)
     if (c = e[a], c.nodeType === Qe) {
@@ -3208,11 +3213,11 @@ function Ir(e, t, n) {
       continue;
   throw new Error("The specified node was not found in the array of siblings");
 }
-function xr(e, t) {
+function Tr(e, t) {
   const n = typeof e == "number", o = typeof t == "number";
   return !n && !o ? 0 : !n && o ? -1 : n && !o ? 1 : (e || 0) - (t || 0);
 }
-function Tr(e, t) {
+function Cr(e, t) {
   if (!e && !t)
     return 0;
   if (!e && t)
@@ -3265,7 +3270,7 @@ class be {
   static generatePart(t, n, o) {
     let r = "", i;
     for (; t.parentNode; )
-      i = Ir(t.parentNode.childNodes, t, n), !r && i.offset && (r = ":" + i.offset), r = "/" + i.count + (t.id ? "[" + wr(t.id) + "]" : "") + r, t = t.parentNode;
+      i = xr(t.parentNode.childNodes, t, n), !r && i.offset && (r = ":" + i.offset), r = "/" + i.count + (t.id ? "[" + Pr(t.id) + "]" : "") + r, t = t.parentNode;
     return r;
   }
   static generate(t, n, o) {
@@ -3321,7 +3326,7 @@ class be {
         return a;
       if (i.nodeIndex === 0)
         return 0;
-      if (!(r < o - 1) && (i.nodeIndex % 2 === 0 && (a = xr(i.temporal, s.temporal), a || (a = Tr(i.spatial, s.spatial), a)) || (a = (i.offset || 0) - (s.offset || 0), a)))
+      if (!(r < o - 1) && (i.nodeIndex % 2 === 0 && (a = Tr(i.temporal, s.temporal), a || (a = Cr(i.spatial, s.spatial), a)) || (a = (i.offset || 0) - (s.offset || 0), a)))
         return a;
     }
     return 0;
@@ -3513,7 +3518,7 @@ class be {
     let d = "", l = 0;
     for (; this.isTextNode(i) && (c = this.decodeEntities(t, i.textContent), u[l] = c.length, d += c, !!i.nextSibling); )
       i = i.nextSibling, l++;
-    const f = r.pre ? r.pre.length : 0, g = Pr(d, new RegExp(s), f);
+    const f = r.pre ? r.pre.length : 0, g = Ir(d, new RegExp(s), f);
     if (!g.length)
       return { node: n, offset: o };
     let y = $r(g, o);
@@ -3635,7 +3640,7 @@ const Xe = (e) => {
     itemId: t && decodeURIComponent(t),
     offset: isNaN(r) ? void 0 : r
   };
-}, Cr = (e, t) => {
+}, Fr = (e, t) => {
   const n = e.toString();
   return {
     toString: () => n,
@@ -3648,7 +3653,7 @@ const Xe = (e) => {
         return be.generate(e.focusNode, e.focusOffset, `|[prose~anchor~${encodeURIComponent(t.id)}]`);
     }
   };
-}, Ae = R.namespace("spine"), Fr = ({
+}, Ae = R.namespace("spine"), Er = ({
   ownerDocument: e,
   context: t,
   pagination: n,
@@ -3663,7 +3668,7 @@ const Xe = (e) => {
   currentNavigationPosition$: l,
   viewportState$: f
 }) => {
-  const g = new H(), y = new H(), v = new H(), S = Er(e, i), p = Sr({
+  const g = new H(), y = new H(), v = new H(), w = Ar(e, i), p = Sr({
     context: t,
     spineItemManager: r,
     iframeEventBridgeElement: o,
@@ -3672,10 +3677,10 @@ const Xe = (e) => {
   let C;
   const N = () => {
     var x;
-    y.next(), r.destroyItems(), (x = t.getManifest()) == null || x.spineItems.map(async (I) => {
-      const T = br({
-        item: I,
-        containerElement: S,
+    y.next(), r.destroyItems(), (x = t.getManifest()) == null || x.spineItems.map(async ($) => {
+      const T = wr({
+        item: $,
+        containerElement: w,
         iframeEventBridgeElement: o,
         context: t,
         hooks$: i,
@@ -3683,14 +3688,14 @@ const Xe = (e) => {
       });
       r.add(T);
     }), g.next(r.getAll());
-  }, $ = (x) => {
-    let I = !1;
+  }, I = (x) => {
+    let $ = !1;
     r.getAll().forEach((T, A) => {
-      I = T.manipulateSpineItem((E) => x({ index: A, ...E })) || I;
-    }), I && r.layout();
-  }, w = (x, I) => {
+      $ = T.manipulateSpineItem((E) => x({ index: A, ...E })) || $;
+    }), $ && r.layout();
+  }, S = (x, $) => {
     var T;
-    (T = r.get(x)) == null || T.manipulateSpineItem(I);
+    (T = r.get(x)) == null || T.manipulateSpineItem($);
   };
   t.$.load$.pipe(U(N), j(t.$.destroy$)).subscribe();
   const m = f.pipe(
@@ -3702,13 +3707,13 @@ const Xe = (e) => {
         "adjustPagination",
         1,
         () => {
-          const I = a.getSpineItemsFromReadingOrderPosition(x), T = I ? r.get(I.begin) : void 0, A = I ? r.get(I.end) : void 0, E = n.getInfo().beginCfi, O = n.getInfo().endCfi, _ = n.getInfo().beginSpineItemIndex !== (I == null ? void 0 : I.begin) || E === void 0 || (E == null ? void 0 : E.startsWith("epubcfi(/0")), F = n.getInfo().endSpineItemIndex !== (I == null ? void 0 : I.end) || O === void 0 || (O == null ? void 0 : O.startsWith("epubcfi(/0"));
-          if (T && A && I) {
+          const $ = a.getSpineItemsFromReadingOrderPosition(x), T = $ ? r.get($.begin) : void 0, A = $ ? r.get($.end) : void 0, E = n.getInfo().beginCfi, O = n.getInfo().endCfi, _ = n.getInfo().beginSpineItemIndex !== ($ == null ? void 0 : $.begin) || E === void 0 || (E == null ? void 0 : E.startsWith("epubcfi(/0")), F = n.getInfo().endSpineItemIndex !== ($ == null ? void 0 : $.end) || O === void 0 || (O == null ? void 0 : O.startsWith("epubcfi(/0"));
+          if (T && A && $) {
             const D = a.getSpineItemPositionFromSpinePosition(
-              I.beginPosition,
+              $.beginPosition,
               T
             ), V = s.getSpineItemPageIndexFromPosition(D, T), P = a.getSpineItemPositionFromSpinePosition(
-              I.endPosition,
+              $.endPosition,
               A
             ), L = s.getSpineItemPageIndexFromPosition(P, A);
             n.updateBeginAndEnd(
@@ -3740,14 +3745,14 @@ const Xe = (e) => {
   X(
     r.$.focus$.pipe(
       U((x) => {
-        const I = x.data, T = I.fingerTracker.$, A = I.selectionTracker.$;
+        const $ = x.data, T = $.fingerTracker.$, A = $.selectionTracker.$;
         C == null || C.unsubscribe(), C = X(
           A.pipe(
             B((E) => E.event === "selectionchange"),
             U((E) => {
               v.next({
                 type: "onSelectionChange",
-                data: E.data ? Cr(E.data, I.item) : null
+                data: E.data ? Fr(E.data, $.item) : null
               });
             })
           ),
@@ -3777,7 +3782,7 @@ const Xe = (e) => {
   ).subscribe();
   const b = u.pipe(
     U((x) => {
-      const I = Ae.time("navigation", 1), T = r.getFocusedSpineItem(), A = a.getSpineItemsFromReadingOrderPosition(x.position);
+      const $ = Ae.time("navigation", 1), T = r.getFocusedSpineItem(), A = a.getSpineItemsFromReadingOrderPosition(x.position);
       let E = A ? r.get(A.begin) : void 0, O = A ? r.get(A.end) : void 0;
       E = E || T, O = O || T;
       const _ = x.position.spineItem || E;
@@ -3817,7 +3822,7 @@ const Xe = (e) => {
           spineItemsFromPosition: A
         });
       }
-      I();
+      $();
     }),
     oe(),
     j(t.$.destroy$)
@@ -3832,25 +3837,25 @@ const Xe = (e) => {
     W(() => m.pipe(
       re(l),
       k(([, x]) => {
-        const I = r.getFocusedSpineItemIndex();
-        if (Ae.log("update contents", { focusedSpineItemIndex: I }), I === void 0)
+        const $ = r.getFocusedSpineItemIndex();
+        if (Ae.log("update contents", { focusedSpineItemIndex: $ }), $ === void 0)
           return;
-        const { begin: T = I, end: A = I } = a.getSpineItemsFromReadingOrderPosition(x) || {};
-        T !== I && A !== I ? (R.warn("Current viewport is not in sync with focus item, load from focus item rather than viewport"), r.loadContents([I, I])) : r.loadContents([T, A]);
+        const { begin: T = $, end: A = $ } = a.getSpineItemsFromReadingOrderPosition(x) || {};
+        T !== $ && A !== $ ? (R.warn("Current viewport is not in sync with focus item, load from focus item rather than viewport"), r.loadContents([$, $])) : r.loadContents([T, A]);
       }),
       ye(1)
     )),
     j(t.$.destroy$)
   ).subscribe(), {
-    element: S,
+    element: w,
     locator: a,
     spineItemLocator: s,
     cfiLocator: c,
     normalizeEventForViewport: p.normalizeEventForViewport,
-    manipulateSpineItems: $,
-    manipulateSpineItem: w,
+    manipulateSpineItems: I,
+    manipulateSpineItem: S,
     destroy: () => {
-      g.complete(), y.next(), y.complete(), v.complete(), r.destroy(), C == null || C.unsubscribe(), S.remove();
+      g.complete(), y.next(), y.complete(), v.complete(), r.destroy(), C == null || C.unsubscribe(), w.remove();
     },
     adjustPagination: h,
     isSelecting: () => {
@@ -3868,28 +3873,28 @@ const Xe = (e) => {
       itemsBeforeDestroy$: y.asObservable()
     }
   };
-}, Er = (e, t) => {
+}, Ar = (e, t) => {
   const n = e.createElement("div");
   return n.style.cssText = `
     height: 100%;
     position: relative;
   `, n.className = `${Ve}-spine`, t.getValue().reduce((o, r) => r.name === "spine.onBeforeContainerCreated" ? r.fn(o) : o, n);
-}, Ar = (e) => {
+}, Nr = (e) => {
   var n;
   const t = (n = e.guide) == null ? void 0 : n.find((o) => o.type === "cover");
   return e.spineItems.findIndex((o) => t != null && t.href ? o.href.endsWith(t.href) : !1);
-}, Nr = "spineItemManager", Or = ({ context: e }) => {
+}, Or = "spineItemManager", Rr = ({ context: e }) => {
   const t = new H(), n = new H();
   let o = [];
   const r = new q([]);
   let i;
   const s = () => {
-    const w = e.getManifest(), m = [], h = (w == null ? void 0 : w.renditionLayout) === "pre-paginated", b = w ? Ar(w) : void 0;
+    const S = e.getManifest(), m = [], h = (S == null ? void 0 : S.renditionLayout) === "pre-paginated", b = S ? Nr(S) : void 0;
     r.value.reduce(
-      (I, T, A) => {
+      ($, T, A) => {
         const E = b === A;
         let O = e.getPageSize().width, _ = "none";
-        const F = I.edgeX % e.getVisibleAreaRect().width === 0, D = A === r.value.length - 1;
+        const F = $.edgeX % e.getVisibleAreaRect().width === 0, D = A === r.value.length - 1;
         if (e.shouldDisplaySpread()) {
           !h && T.item.renditionLayout === "reflowable" && !D && (O = e.getPageSize().width * 2), !h && T.item.renditionLayout === "reflowable" && D && F && (O = e.getPageSize().width * 2);
           const M = F && D && h;
@@ -3901,7 +3906,7 @@ const Xe = (e) => {
           spreadPosition: e.shouldDisplaySpread() ? F ? e.isRTL() ? "right" : "left" : e.isRTL() ? "left" : "right" : "none"
         });
         if (e.getSettings().computedPageTurnDirection === "vertical") {
-          const M = F ? I.edgeY : I.edgeY - e.getVisibleAreaRect().height, z = F ? 0 : I.edgeX;
+          const M = F ? $.edgeY : $.edgeY - e.getVisibleAreaRect().height, z = F ? 0 : $.edgeX;
           e.isRTL() ? T.adjustPositionOfElement({
             top: M,
             left: z
@@ -3922,12 +3927,12 @@ const Xe = (e) => {
             edgeY: de
           };
         }
-        e.isRTL() ? T.adjustPositionOfElement({ right: I.edgeX, top: 0 }) : T.adjustPositionOfElement({ left: I.edgeX, top: 0 });
-        const L = V + I.edgeX;
+        e.isRTL() ? T.adjustPositionOfElement({ right: $.edgeX, top: 0 }) : T.adjustPositionOfElement({ left: $.edgeX, top: 0 });
+        const L = V + $.edgeX;
         return m.push({
-          leftStart: I.edgeX,
+          leftStart: $.edgeX,
           leftEnd: L,
-          topStart: I.edgeY,
+          topStart: $.edgeY,
           topEnd: P,
           height: P,
           width: V
@@ -3938,27 +3943,27 @@ const Xe = (e) => {
       },
       { edgeX: 0, edgeY: 0 }
     );
-    const x = o.some((I, T) => !ce(I, m[T]));
-    o = m, R.log(Nr, "layout", { hasLayoutChanges: x, itemLayoutInformation: o }), n.next(x);
-  }, a = (w) => {
-    const m = typeof w == "number" ? u(w) : w;
+    const x = o.some(($, T) => !ce($, m[T]));
+    o = m, R.log(Or, "layout", { hasLayoutChanges: x, itemLayoutInformation: o }), n.next(x);
+  }, a = (S) => {
+    const m = typeof S == "number" ? u(S) : S;
     if (!m)
       return;
     const h = r.value.indexOf(m);
     h !== i && (i = h, t.next({ data: m }));
-  }, c = R.measurePerformance("loadContents", 10, (w) => {
+  }, c = R.measurePerformance("loadContents", 10, (S) => {
     var T;
-    const [m, h] = w, b = e.getSettings().numberOfAdjacentSpineItemToPreLoad, x = ((T = e.getManifest()) == null ? void 0 : T.renditionLayout) === "pre-paginated", I = e.getSettings().computedPageTurnMode === "scrollable";
+    const [m, h] = S, b = e.getSettings().numberOfAdjacentSpineItemToPreLoad, x = ((T = e.getManifest()) == null ? void 0 : T.renditionLayout) === "pre-paginated", $ = e.getSettings().computedPageTurnMode === "scrollable";
     r.value.forEach((A, E) => {
-      const O = E < m && !x && I ? !0 : E < m - b, _ = E > h + b;
+      const O = E < m && !x && $ ? !0 : E < m - b, _ = E > h + b;
       !O && !_ ? A.loadContent() : A.unloadContent();
     });
-  }), u = (w) => typeof w == "number" ? r.value[w] : r.value.find(({ item: m }) => m.id === w), d = R.measurePerformance(
+  }), u = (S) => typeof S == "number" ? r.value[S] : r.value.find(({ item: m }) => m.id === S), d = R.measurePerformance(
     "getAbsolutePositionOf",
     10,
-    (w) => {
+    (S) => {
       e.getSettings().computedPageTurnDirection;
-      const m = typeof w == "number" ? w : r.value.indexOf(w);
+      const m = typeof S == "number" ? S : r.value.indexOf(S);
       return o[m] ? o[m] || {
         leftStart: 0,
         leftEnd: 0,
@@ -3976,43 +3981,43 @@ const Xe = (e) => {
       };
     },
     { disable: !0 }
-  ), l = () => i !== void 0 ? r.value[i] : void 0, f = (w, m) => r.value.indexOf(w) > r.value.indexOf(m) ? "after" : "before", g = (w) => {
-    if (!w)
+  ), l = () => i !== void 0 ? r.value[i] : void 0, f = (S, m) => r.value.indexOf(S) > r.value.indexOf(m) ? "after" : "before", g = (S) => {
+    if (!S)
       return;
-    const m = r.value.indexOf(w);
+    const m = r.value.indexOf(S);
     return m < 0 ? void 0 : m;
-  }, y = (w) => {
-    r.value.push(w), w.$.contentLayout$.pipe(j(e.$.destroy$)).subscribe(() => {
+  }, y = (S) => {
+    r.value.push(S), S.$.contentLayout$.pipe(j(e.$.destroy$)).subscribe(() => {
       s();
-    }), w.$.loaded$.pipe(
+    }), S.$.loaded$.pipe(
       U(() => {
-        w.isUsingVerticalWriting() && e.setHasVerticalWriting();
+        S.isUsingVerticalWriting() && e.setHasVerticalWriting();
       }),
       j(e.$.destroy$)
-    ).subscribe(), w.load();
-  }, v = () => r.value, S = () => r.value.length, p = () => {
-    const w = l();
-    return w && g(w);
+    ).subscribe(), S.load();
+  }, v = () => r.value, w = () => r.value.length, p = () => {
+    const S = l();
+    return S && g(S);
   }, C = R.measurePerformance(
     "getSpineItemAtPosition",
     10,
-    (w) => {
+    (S) => {
       const m = r.value.find((h) => {
-        const { leftStart: b, leftEnd: x, topEnd: I, topStart: T } = d(h), A = w.x >= b && w.x < x;
-        return e.getSettings().computedPageTurnDirection === "horizontal" ? A : A && w.y >= T && w.y < I;
+        const { leftStart: b, leftEnd: x, topEnd: $, topStart: T } = d(h), A = S.x >= b && S.x < x;
+        return e.getSettings().computedPageTurnDirection === "horizontal" ? A : A && S.y >= T && S.y < $;
       });
-      return w.x === 0 && !m ? r.value[0] : m;
+      return S.x === 0 && !m ? r.value[0] : m;
     },
     { disable: !0 }
   ), N = () => {
-    r.value.forEach((w) => w.destroy());
+    r.value.forEach((S) => S.destroy());
   };
   return {
     destroyItems: N,
     add: y,
     get: u,
     getAll: v,
-    getLength: S,
+    getLength: w,
     layout: s,
     focus: a,
     loadContents: c,
@@ -4029,8 +4034,8 @@ const Xe = (e) => {
       focus$: t.asObservable(),
       layout$: n.asObservable(),
       itemIsReady$: r.asObservable().pipe(
-        W((w) => {
-          const m = w.map((h) => h.$.isReady$.pipe(k((b) => ({ item: h.item, isReady: b }))));
+        W((S) => {
+          const m = S.map((h) => h.$.isReady$.pipe(k((b) => ({ item: h.item, isReady: b }))));
           return X(...m);
         })
       )
@@ -4054,13 +4059,13 @@ const Xe = (e) => {
     };
   }, n = (u, d) => {
     const { width: l, height: f } = d.getElementDimensions(), g = d.getReadingDirection(), y = e.getPageSize().width, v = e.getPageSize().height;
-    let S = Math.min(l, Math.max(0, u.x));
-    if (g === "rtl" && (S = l - S - e.getPageSize().width), d.isUsingVerticalWriting()) {
+    let w = Math.min(l, Math.max(0, u.x));
+    if (g === "rtl" && (w = l - w - e.getPageSize().width), d.isUsingVerticalWriting()) {
       const p = ue(f, v);
       return c(u.y, v, p);
     } else {
       const p = ue(l, y);
-      return c(S, y, p);
+      return c(w, y, p);
     }
   }, o = (u, d) => {
     var v;
@@ -4072,8 +4077,8 @@ const Xe = (e) => {
     if ((u == null ? void 0 : u.nodeName) === "img" || (u == null ? void 0 : u.textContent) === "" && u.nodeType === Node.ELEMENT_NODE)
       f = u.getBoundingClientRect().x;
     else if (u) {
-      const S = u ? ir(u, d) : void 0;
-      f = (S == null ? void 0 : S.getBoundingClientRect().x) || f;
+      const w = u ? sr(u, d) : void 0;
+      f = (w == null ? void 0 : w.getBoundingClientRect().x) || f;
     }
     const g = ((v = l.getElementDimensions()) == null ? void 0 : v.width) || 0, y = e.getPageSize().width;
     if (f)
@@ -4082,13 +4087,13 @@ const Xe = (e) => {
     var g, y, v;
     const l = e.getPageSize(), f = (y = (g = d.spineItemFrame) == null ? void 0 : g.getManipulableFrame()) == null ? void 0 : y.frame;
     if ((v = f == null ? void 0 : f.contentWindow) != null && v.document && f.contentWindow.document.body !== null) {
-      const { x: S, y: p } = t(u, d), C = {
-        left: S,
-        right: S + l.width,
+      const { x: w, y: p } = t(u, d), C = {
+        left: w,
+        right: w + l.width,
         top: p,
         bottom: p + l.height
       };
-      return or(f.contentWindow.document, C);
+      return rr(f.contentWindow.document, C);
     }
   }, s = (u, d) => {
     const { width: l, height: f } = d.getElementDimensions();
@@ -4115,7 +4120,7 @@ const Xe = (e) => {
     getSpineItemClosestPositionFromUnsafePosition: s,
     getFirstNodeOrRangeAtPage: i
   };
-}, Rr = ({ context: e }) => {
+}, Lr = ({ context: e }) => {
   const t = ln({ context: e }), n = (c, u) => {
     let d = {
       x: c.x - e.getPageSize().width,
@@ -4151,20 +4156,20 @@ const Xe = (e) => {
     getNavigationForPosition: (c, u) => t.getSpineItemClosestPositionFromUnsafePosition(u, c),
     getNavigationFromNode: (c, u, d) => t.getSpineItemPositionFromNode(u, d, c) || { x: 0, y: 0 }
   };
-}, Pt = "spineNavigator", Lr = ({
+}, Pt = "spineNavigator", Dr = ({
   context: e,
   spineItemManager: t,
   cfiLocator: n,
   locator: o
 }) => {
-  const r = Rr({ context: e }), i = (m, h) => m.x !== h.x || m.y !== h.y, s = (m, h) => i(m, h) || !!m.spineItem && !!h.spineItem && m.spineItem !== h.spineItem, a = R.measurePerformance(
+  const r = Lr({ context: e }), i = (m, h) => m.x !== h.x || m.y !== h.y, s = (m, h) => i(m, h) || !!m.spineItem && !!h.spineItem && m.spineItem !== h.spineItem, a = R.measurePerformance(
     `${Pt} wrapPositionWithSafeEdge`,
     1,
     (m) => {
-      const h = t.get(t.getLength() - 1), b = t.getAbsolutePositionOf(h || 0), x = b.leftEnd - e.getPageSize().width, I = b.topEnd - e.getPageSize().height;
+      const h = t.get(t.getLength() - 1), b = t.getAbsolutePositionOf(h || 0), x = b.leftEnd - e.getPageSize().width, $ = b.topEnd - e.getPageSize().height;
       return {
         x: Math.min(Math.max(0, m.x), x),
-        y: Math.min(Math.max(0, m.y), I)
+        y: Math.min(Math.max(0, m.y), $)
       };
     },
     { disable: !0 }
@@ -4173,14 +4178,14 @@ const Xe = (e) => {
     if (!h)
       R.warn(Pt, `unable to detect item id from cfi ${m}`);
     else {
-      const I = b ? r.getNavigationFromNode(h, b, x) : { x: 0, y: 0 }, T = o.getSpinePositionFromSpineItemPosition(I, h);
+      const $ = b ? r.getNavigationFromNode(h, b, x) : { x: 0, y: 0 }, T = o.getSpinePositionFromSpineItemPosition($, h);
       return { ...c(T), spineItem: h };
     }
     return { x: 0, y: 0 };
   }, d = (m, h) => {
     if (!h) {
-      const I = m * e.getPageSize().width;
-      return N({ x: I, y: 0 });
+      const $ = m * e.getPageSize().width;
+      return N({ x: $, y: 0 });
     }
     const b = r.getNavigationForPage(m, h), x = o.getSpinePositionFromSpineItemPosition(b, h);
     return c(x);
@@ -4198,16 +4203,16 @@ const Xe = (e) => {
     const h = e.getSettings().computedPageTurnDirection, b = o.getSpineItemFromPosition(m) || t.getFocusedSpineItem(), x = m;
     if (!b)
       return x;
-    const I = o.getSpineItemPositionFromSpinePosition(m, b), T = r.getNavigationForRightPage(I, b);
-    return !I.outsideOfBoundaries && i(T, I) ? o.getSpinePositionFromSpineItemPosition(T, b) : a(
+    const $ = o.getSpineItemPositionFromSpinePosition(m, b), T = r.getNavigationForRightPage($, b);
+    return !$.outsideOfBoundaries && i(T, $) ? o.getSpinePositionFromSpineItemPosition(T, b) : a(
       e.isRTL() ? h === "horizontal" ? { x: m.x - e.getPageSize().width, y: 0 } : { y: m.y + e.getPageSize().height, x: 0 } : h === "horizontal" ? { x: m.x + e.getPageSize().width, y: 0 } : { y: m.y + e.getPageSize().height, x: 0 }
     );
   }, y = (m) => {
     const h = e.getSettings().computedPageTurnDirection, b = o.getSpineItemFromPosition(m) || t.getFocusedSpineItem(), x = { ...m, spineItem: b };
     if (!b)
       return x;
-    const I = o.getSpineItemPositionFromSpinePosition(m, b), T = r.getNavigationForLeftPage(I, b);
-    return !I.outsideOfBoundaries && i(T, I) ? o.getSpinePositionFromSpineItemPosition(T, b) : a(
+    const $ = o.getSpineItemPositionFromSpinePosition(m, b), T = r.getNavigationForLeftPage($, b);
+    return !$.outsideOfBoundaries && i(T, $) ? o.getSpinePositionFromSpineItemPosition(T, b) : a(
       e.isRTL() ? h === "horizontal" ? { x: m.x + e.getPageSize().width, y: 0 } : { y: m.y - e.getPageSize().height, x: 0 } : h === "horizontal" ? { x: m.x - e.getPageSize().width, y: 0 } : { y: m.y - e.getPageSize().height, x: 0 }
     );
   }, v = (m) => {
@@ -4233,7 +4238,7 @@ const Xe = (e) => {
       b = g(b);
     }
     return c(b);
-  }, S = (m) => {
+  }, w = (m) => {
     const h = o.getSpineItemFromPosition(m) || t.getFocusedSpineItem();
     let b = y(m);
     if (h != null && h.isUsingVerticalWriting() && m.x === b.x)
@@ -4259,9 +4264,9 @@ const Xe = (e) => {
       R.error(x);
     }
     if (h) {
-      const x = `${h.origin}${h.pathname}`, I = (b = e.getManifest()) == null ? void 0 : b.spineItems.find((T) => T.href === x);
-      if (I) {
-        const T = t.get(I.id);
+      const x = `${h.origin}${h.pathname}`, $ = (b = e.getManifest()) == null ? void 0 : b.spineItems.find((T) => T.href === x);
+      if ($) {
+        const T = t.get($.id);
         if (T) {
           const A = C(h.hash, T);
           return { ...c(A), url: h };
@@ -4274,8 +4279,8 @@ const Xe = (e) => {
   }, N = (m) => {
     const h = o.getSpineItemFromPosition(m);
     if (h) {
-      const b = o.getSpineItemPositionFromSpinePosition(m, h), x = r.getNavigationForPosition(h, b), I = o.getSpinePositionFromSpineItemPosition(x, h);
-      return c(I);
+      const b = o.getSpineItemPositionFromSpinePosition(m, h), x = r.getNavigationForPosition(h, b), $ = o.getSpinePositionFromSpineItemPosition(x, h);
+      return c($);
     }
     return { x: 0, y: 0 };
   };
@@ -4285,12 +4290,12 @@ const Xe = (e) => {
     getNavigationForLastPage: l,
     getNavigationForSpineIndexOrId: f,
     getNavigationForRightPage: v,
-    getNavigationForLeftPage: S,
+    getNavigationForLeftPage: w,
     getNavigationForUrl: p,
     getNavigationForAnchor: C,
     getNavigationForPosition: N,
     getMostPredominantNavigationForPosition: (m) => {
-      const h = e.getSettings().computedPageTurnDirection, b = 0.5, x = h === "horizontal" ? m.x + e.getVisibleAreaRect().width * b : 0, I = h === "horizontal" ? 0 : m.y + e.getVisibleAreaRect().height * b, T = a({ x, y: I });
+      const h = e.getSettings().computedPageTurnDirection, b = 0.5, x = h === "horizontal" ? m.x + e.getVisibleAreaRect().width * b : 0, $ = h === "horizontal" ? 0 : m.y + e.getVisibleAreaRect().height * b, T = a({ x, y: $ });
       return N(T);
     },
     wrapPositionWithSafeEdge: a,
@@ -4298,7 +4303,7 @@ const Xe = (e) => {
     areNavigationDifferent: s,
     arePositionsDifferent: i
   };
-}, $t = 200, Dr = ({
+}, It = 200, _r = ({
   context: e,
   element: t,
   navigator: n,
@@ -4306,17 +4311,17 @@ const Xe = (e) => {
   spine: r
 }) => {
   let i = !1;
-  const s = (S) => S.pipe(
+  const s = (w) => w.pipe(
     B(() => i ? (i = !1, !1) : !0)
-  ), a = ({ x: S, y: p }) => e.getSettings().computedPageTurnMode === "scrollable" ? (i = !0, t.scrollTo({ left: S, top: p }), !0) : !1, u = ((S) => e.$.settings$.pipe(
+  ), a = ({ x: w, y: p }) => e.getSettings().computedPageTurnMode === "scrollable" ? (i = !0, t.scrollTo({ left: w, top: p }), !0) : !1, u = ((w) => e.$.settings$.pipe(
     k(() => e.getSettings().computedPageTurnMode),
     Q(),
-    W((p) => hn(() => p === "controlled", te, S))
+    W((p) => hn(() => p === "controlled", te, w))
   ))(Ft(t, "scroll")).pipe(
     s,
     oe(),
     j(e.$.destroy$)
-  ), d = ({ x: S, y: p }) => {
+  ), d = ({ x: w, y: p }) => {
     const C = r.element.getBoundingClientRect().width / r.element.offsetWidth;
     return {
       x: je({
@@ -4324,7 +4329,7 @@ const Xe = (e) => {
         oldScale: C,
         screenSize: t.clientWidth,
         pageSize: r.element.scrollWidth,
-        scrollOffset: S
+        scrollOffset: w
       }),
       y: je({
         newScale: 1,
@@ -4334,16 +4339,16 @@ const Xe = (e) => {
         scrollOffset: p
       })
     };
-  }, l = (S) => n.getMostPredominantNavigationForPosition(S), f = () => d({ x: t.scrollLeft, y: t.scrollTop }), g = u.pipe(
-    Ze($t, me),
+  }, l = (w) => n.getMostPredominantNavigationForPosition(w), f = () => d({ x: t.scrollLeft, y: t.scrollTop }), g = u.pipe(
+    Ze(It, me),
     re(o),
     W(() => {
-      const S = l(d({ x: t.scrollLeft, y: t.scrollTop }));
-      return J({ position: S, animate: !1, lastUserExpectedNavigation: void 0 });
+      const w = l(d({ x: t.scrollLeft, y: t.scrollTop }));
+      return J({ position: w, animate: !1, lastUserExpectedNavigation: void 0 });
     }),
     oe()
   ), y = u.pipe(
-    Ze($t, me),
+    Ze(It, me),
     oe(),
     j(e.$.destroy$)
   ), v = X(
@@ -4364,7 +4369,7 @@ const Xe = (e) => {
       navigation$: g
     }
   };
-}, Ne = "manualViewportNavigator", _r = ({
+}, Ne = "manualViewportNavigator", Mr = ({
   navigator: e,
   spineItemManager: t,
   currentNavigationSubject$: n,
@@ -4388,10 +4393,10 @@ const Xe = (e) => {
   ), v = s.pipe(
     B((h) => h.type === "spineItem"),
     W(({ data: { animate: h, indexOrId: b } }) => {
-      const x = e.getNavigationForSpineIndexOrId(b), I = { type: "navigate-from-previous-item" };
-      return R.log(Ne, "goToSpineItem", { indexOrId: b, animate: h, navigation: x }), J({ ...x, animate: h, lastUserExpectedNavigation: I });
+      const x = e.getNavigationForSpineIndexOrId(b), $ = { type: "navigate-from-previous-item" };
+      return R.log(Ne, "goToSpineItem", { indexOrId: b, animate: h, navigation: x }), J({ ...x, animate: h, lastUserExpectedNavigation: $ });
     })
-  ), S = s.pipe(
+  ), w = s.pipe(
     B((h) => h.type === "cfi"),
     k(({ data: { animate: h, cfi: b } }) => {
       const x = e.getNavigationForCfi(b);
@@ -4429,10 +4434,10 @@ const Xe = (e) => {
       const x = t.getFocusedSpineItem();
       if (!x)
         return te;
-      const I = o.getSpineItemFromPosition(h) || x;
-      if (I !== x) {
+      const $ = o.getSpineItemFromPosition(h) || x;
+      if ($ !== x) {
         if (b)
-          return t.comparePositionOf(I, x) === "before" ? J({ ...h, lastUserExpectedNavigation: { type: "navigate-from-next-item" }, animate: !0 }) : J({
+          return t.comparePositionOf($, x) === "before" ? J({ ...h, lastUserExpectedNavigation: { type: "navigate-from-next-item" }, animate: !0 }) : J({
             ...h,
             lastUserExpectedNavigation: { type: "navigate-from-previous-item" },
             animate: !0
@@ -4441,7 +4446,7 @@ const Xe = (e) => {
         return J({ ...h, lastUserExpectedNavigation: void 0, animate: !0 });
       return te;
     }
-  ), $ = s.pipe(
+  ), I = s.pipe(
     B((h) => h.type === "leftPage"),
     re(n),
     W(
@@ -4455,7 +4460,7 @@ const Xe = (e) => {
         return R.log(Ne, "turnLeft"), N(x, { allowSpineItemChange: h });
       }
     )
-  ), w = s.pipe(
+  ), S = s.pipe(
     B((h) => h.type === "rightPage"),
     re(n),
     W(
@@ -4473,9 +4478,9 @@ const Xe = (e) => {
     y,
     v,
     p,
-    $,
-    w,
-    X(S, C)
+    I,
+    S,
+    X(w, C)
   ).pipe(
     re(n),
     B(([h, b]) => e.areNavigationDifferent(h, b)),
@@ -4497,7 +4502,7 @@ const Xe = (e) => {
       navigation$: m
     }
   };
-}, Mr = "panViewportNavigator", jr = ({
+}, jr = "panViewportNavigator", Vr = ({
   getCurrentViewportPosition: e,
   navigator: t,
   spineItemManager: n,
@@ -4508,45 +4513,45 @@ const Xe = (e) => {
   const s = new H(), a = new q("end");
   let c = { x: 0, y: 0 }, u = { x: 0, y: 0 };
   const d = new H(), l = R.measurePerformance(
-    `${Mr} moveTo`,
+    `${jr} moveTo`,
     5,
-    (S, { final: p, start: C } = {}) => {
+    (w, { final: p, start: C } = {}) => {
       if (r.getSettings().computedPageTurnMode === "scrollable") {
         R.warn("pan control is not available on free page turn mode");
         return;
       }
       const N = r.getSettings().computedPageTurnDirection;
       C && (a.next("start"), c = { x: 0, y: 0 }, u = e());
-      let $ = i.value;
-      if (S) {
-        const w = S.x - ((c == null ? void 0 : c.x) || 0), m = S.y - ((c == null ? void 0 : c.y) || 0);
-        $ = t.wrapPositionWithSafeEdge({
-          x: N === "horizontal" ? r.isRTL() ? u.x + w : u.x - w : 0,
+      let I = i.value;
+      if (w) {
+        const S = w.x - ((c == null ? void 0 : c.x) || 0), m = w.y - ((c == null ? void 0 : c.y) || 0);
+        I = t.wrapPositionWithSafeEdge({
+          x: N === "horizontal" ? r.isRTL() ? u.x + S : u.x - S : 0,
           y: N === "horizontal" ? 0 : u.y - m
-        }), c = S;
+        }), c = w;
       } else
-        $ = e();
-      if (u = $, p) {
+        I = e();
+      if (u = I, p) {
         c = { x: 0, y: 0 }, f({
           from: i.value,
-          to: $,
+          to: I,
           pan: u
         }), a.next("end");
         return;
       }
-      d.next({ position: $ });
+      d.next({ position: I });
     },
     { disable: !1 }
-  ), f = (S) => {
-    s.next({ type: "snap", data: S });
+  ), f = (w) => {
+    s.next({ type: "snap", data: w });
   }, g = R.measurePerformance(
     "turnTo",
     10,
-    (S, { allowSpineItemChange: p = !0 } = {}) => {
+    (w, { allowSpineItemChange: p = !0 } = {}) => {
       const C = n.getFocusedSpineItem();
       if (!C)
         return;
-      const N = o.getSpineItemFromPosition(S) || C;
+      const N = o.getSpineItemFromPosition(w) || C;
       if (N !== C) {
         if (p)
           return n.comparePositionOf(N, C) === "before" ? { type: "navigate-from-next-item" } : { type: "navigate-from-previous-item" };
@@ -4554,17 +4559,17 @@ const Xe = (e) => {
         return;
     }
   ), y = s.pipe(
-    B((S) => S.type === "snap"),
+    B((w) => w.type === "snap"),
     mn(r.$.settings$),
     W(
       ([
         {
-          data: { from: S, to: p }
+          data: { from: w, to: p }
         },
         { navigationSnapThreshold: C }
       ]) => {
-        const N = r.getSettings().computedPageTurnDirection, w = t.isNavigationGoingForwardFrom(p, S) ? 1 - C : C, m = N === "horizontal" ? p.x + r.getVisibleAreaRect().width * w : 0, h = N === "horizontal" ? 0 : p.y + r.getVisibleAreaRect().height * w, b = t.wrapPositionWithSafeEdge({ x: m, y: h }), x = t.getNavigationForPosition(b), I = g(x);
-        return J({ ...x, lastUserExpectedNavigation: I });
+        const N = r.getSettings().computedPageTurnDirection, S = t.isNavigationGoingForwardFrom(p, w) ? 1 - C : C, m = N === "horizontal" ? p.x + r.getVisibleAreaRect().width * S : 0, h = N === "horizontal" ? 0 : p.y + r.getVisibleAreaRect().height * S, b = t.wrapPositionWithSafeEdge({ x: m, y: h }), x = t.getNavigationForPosition(b), $ = g(x);
+        return J({ ...x, lastUserExpectedNavigation: $ });
       }
     )
   );
@@ -4573,14 +4578,14 @@ const Xe = (e) => {
     destroy: () => {
       d.complete(), a.complete();
     },
-    adjustReadingOffset: (S) => !1,
+    adjustReadingOffset: (w) => !1,
     $: {
       moveToSubject$: d,
       state$: a.asObservable(),
       navigation$: X(y)
     }
   };
-}, pe = "viewportNavigator", Vr = ({
+}, pe = "viewportNavigator", kr = ({
   spineItemManager: e,
   context: t,
   pagination: n,
@@ -4590,11 +4595,11 @@ const Xe = (e) => {
   hooks$: s,
   spine: a
 }) => {
-  const c = kr(o.ownerDocument, s);
+  const c = zr(o.ownerDocument, s);
   c.appendChild(a.element);
   const u = new H();
   let d;
-  const l = new q({ x: -1, y: 0 }), f = Lr({
+  const l = new q({ x: -1, y: 0 }), f = Dr({
     context: t,
     spineItemManager: e,
     cfiLocator: r,
@@ -4603,13 +4608,13 @@ const Xe = (e) => {
   o.appendChild(c);
   const y = R.measurePerformance(`${pe} getCurrentViewportPosition`, 1, () => {
     if (d && (d == null || d.x, ~~(Math.abs(c.getBoundingClientRect().x) * 10) / 10), t.getSettings().computedPageTurnMode === "scrollable")
-      return S.getCurrentViewportPosition();
+      return w.getCurrentViewportPosition();
     const { x: P, y: L } = c.getBoundingClientRect();
     return d = {
       x: ~~(Math.abs(P) * 10) / 10,
       y: ~~(Math.abs(L) * 10) / 10
     }, d;
-  }), v = jr({
+  }), v = Vr({
     context: t,
     element: c,
     navigator: f,
@@ -4617,23 +4622,23 @@ const Xe = (e) => {
     locator: i,
     getCurrentViewportPosition: y,
     currentNavigationSubject$: l
-  }), S = Dr({
+  }), w = _r({
     context: t,
     element: c,
     navigator: f,
     currentNavigationSubject$: l,
     spine: a,
     spineItemManager: e
-  }), p = _r({
+  }), p = Mr({
     context: t,
     element: c,
     navigator: f,
     currentNavigationSubject$: l,
     spineItemManager: e,
     locator: i
-  }), C = [S, v, p], N = X(...C.map(({ $: { state$: P } }) => P));
-  let $;
-  const w = (P) => (P.pipe(j(t.$.destroy$)).subscribe(), P), m = R.measurePerformance(
+  }), C = [w, v, p], N = X(...C.map(({ $: { state$: P } }) => P));
+  let I;
+  const S = (P) => (P.pipe(j(t.$.destroy$)).subscribe(), P), m = R.measurePerformance(
     "adjustReadingOffset",
     2,
     ({ x: P, y: L }, M) => {
@@ -4647,15 +4652,15 @@ const Xe = (e) => {
     let M = l.value;
     const z = 0;
     if (t.getSettings().computedPageTurnMode === "scrollable")
-      M = S.getNavigationForPosition(y());
-    else if (($ == null ? void 0 : $.type) === "navigate-from-cfi")
-      M = f.getNavigationForCfi($.data), R.log(pe, "adjustNavigation", "navigate-from-cfi", "use last cfi");
-    else if (($ == null ? void 0 : $.type) === "navigate-from-next-item")
+      M = w.getNavigationForPosition(y());
+    else if ((I == null ? void 0 : I.type) === "navigate-from-cfi")
+      M = f.getNavigationForCfi(I.data), R.log(pe, "adjustNavigation", "navigate-from-cfi", "use last cfi");
+    else if ((I == null ? void 0 : I.type) === "navigate-from-next-item")
       M = f.getNavigationForLastPage(P), R.log(pe, "adjustNavigation", "navigate-from-next-item", {});
-    else if (($ == null ? void 0 : $.type) === "navigate-from-previous-item")
+    else if ((I == null ? void 0 : I.type) === "navigate-from-previous-item")
       M = f.getNavigationForPage(0, P), R.log(pe, "adjustNavigation", "navigate-from-previous-item", {});
-    else if (($ == null ? void 0 : $.type) === "navigate-from-anchor") {
-      const de = $.data;
+    else if ((I == null ? void 0 : I.type) === "navigate-from-anchor") {
+      const de = I.data;
       M = f.getNavigationForAnchor(de, P);
     } else if (L)
       M = f.getNavigationForCfi(L), R.log(pe, "adjustNavigation", "use last cfi");
@@ -4669,7 +4674,7 @@ const Xe = (e) => {
       offsetInSpineItem: z,
       expectedSpineOffset: M,
       currentNavigationPosition: l.value,
-      lastUserExpectedNavigation: $
+      lastUserExpectedNavigation: I
     }), Y && g.next({
       position: M,
       animate: !1
@@ -4692,7 +4697,7 @@ const Xe = (e) => {
       t.getSettings().computedPageTurnMode === "scrollable" ? (c.style.removeProperty("transform"), c.style.removeProperty("transition"), c.style.overflow = "scroll") : (c.style.removeProperty("overflow"), c.style.removeProperty("overflowY")), e.layout();
     })
   ).subscribe();
-  const I = X(
+  const $ = X(
     v.$.navigation$.pipe(
       k((P) => ({
         ...P,
@@ -4716,7 +4721,7 @@ const Xe = (e) => {
         animation: P.animate ? "turn" : !1
       }))
     ),
-    S.$.navigation$.pipe(
+    w.$.navigation$.pipe(
       k((P) => ({
         ...P,
         triggeredBy: "scroll",
@@ -4724,10 +4729,10 @@ const Xe = (e) => {
       }))
     )
   ).pipe(
-    k((P) => ("lastUserExpectedNavigation" in P && ($ = P.lastUserExpectedNavigation), l.next(P.position), { ...P, lastUserExpectedNavigation: $ })),
+    k((P) => ("lastUserExpectedNavigation" in P && (I = P.lastUserExpectedNavigation), l.next(P.position), { ...P, lastUserExpectedNavigation: I })),
     oe(),
     j(t.$.destroy$)
-  ), T = I.pipe(
+  ), T = $.pipe(
     B(({ triggeredBy: P }) => !(P === "scroll" || t.getSettings().computedPageTurnMode === "scrollable" && P === "adjust"))
   ), A = X(
     v.$.moveToSubject$.asObservable().pipe(k((P) => ({ ...P, animation: !1 }))),
@@ -4780,11 +4785,11 @@ const Xe = (e) => {
   ), O = X(
     X(A).pipe(k(() => "start")),
     X(E).pipe(k(() => "end"))
-  ), _ = Ie([...C.map(({ $: { state$: P } }) => P), O]).pipe(
+  ), _ = $e([...C.map(({ $: { state$: P } }) => P), O]).pipe(
     k((P) => P.every((L) => L === "end") ? "free" : "busy"),
     Q(),
     ut(1),
-    w
+    S
   ), F = _.pipe(
     B((P) => P === "free"),
     yn(1)
@@ -4795,7 +4800,7 @@ const Xe = (e) => {
           const P = e.getFocusedSpineItem();
           return P ? h(P) : te;
         }),
-        j(I)
+        j($)
       )
     ),
     oe()
@@ -4816,22 +4821,22 @@ const Xe = (e) => {
     goToPageOfCurrentChapter: p.goToPageOfCurrentChapter,
     adjustNavigation: h,
     moveTo: v.moveTo,
-    getLastUserExpectedNavigation: () => $,
+    getLastUserExpectedNavigation: () => I,
     element: c,
     $: {
       state$: _,
-      navigation$: I,
+      navigation$: $,
       navigationAdjustedAfterLayout$: D,
       currentNavigationPosition$: l.asObservable()
     }
   };
-}, kr = (e, t) => {
+}, zr = (e, t) => {
   const n = e.createElement("div");
   return n.style.cssText = `
     height: 100%;
     position: relative;
   `, n.className = `${Ve}-viewport-navigator`, t.getValue().reduce((o, r) => r.name === "viewportNavigator.onBeforeContainerCreated" ? r.fn(o) : o, n);
-}, zr = ({
+}, Ur = ({
   spineItemManager: e,
   context: t,
   spineItemLocator: n
@@ -4840,7 +4845,7 @@ const Xe = (e) => {
     "getSpineItemPositionFromSpinePosition",
     10,
     (l, f) => {
-      const { leftEnd: g, leftStart: y, topStart: v, topEnd: S } = e.getAbsolutePositionOf(f);
+      const { leftEnd: g, leftStart: y, topStart: v, topEnd: w } = e.getAbsolutePositionOf(f);
       return t.isRTL() ? {
         x: g - l.x - t.getPageSize().width,
         y: Math.max(0, l.y - v)
@@ -4851,7 +4856,7 @@ const Xe = (e) => {
     },
     { disable: !0 }
   ), r = (l, f) => {
-    const { leftEnd: g, leftStart: y, topStart: v, topEnd: S } = e.getAbsolutePositionOf(f);
+    const { leftEnd: g, leftStart: y, topStart: v, topEnd: w } = e.getAbsolutePositionOf(f);
     return t.isRTL() ? {
       x: g - l.x - t.getPageSize().width,
       y: v + l.y
@@ -4888,24 +4893,24 @@ const Xe = (e) => {
         return;
       let y = l;
       t.shouldDisplaySpread() && (y = { x: l.x + t.getPageSize().width, y: l.y });
-      const v = e.getSpineItemIndex(i(y) || e.getFocusedSpineItem()) ?? g, [S = g, p = g] = [g, v].sort((C, N) => C - N);
+      const v = e.getSpineItemIndex(i(y) || e.getFocusedSpineItem()) ?? g, [w = g, p = g] = [g, v].sort((C, N) => C - N);
       return {
         begin: g,
         beginPosition: l,
         end: v,
         endPosition: y,
-        left: S,
+        left: w,
         right: p
       };
     }
   };
-}, Ur = ({
+}, Wr = ({
   spineItemManager: e,
   spineItemLocator: t
 }) => {
   const n = (u) => `|[prose~anchor~${encodeURIComponent(u.item.id)}]`, o = R.measurePerformance("getCfi", 10, (u, d) => {
-    var v, S, p;
-    const l = t.getFirstNodeOrRangeAtPage(u, d), f = (p = (S = (v = d.spineItemFrame.getManipulableFrame()) == null ? void 0 : v.frame) == null ? void 0 : S.contentWindow) == null ? void 0 : p.document, g = n(d), y = `|[prose~offset~${(l == null ? void 0 : l.offset) || 0}]`;
+    var v, w, p;
+    const l = t.getFirstNodeOrRangeAtPage(u, d), f = (p = (w = (v = d.spineItemFrame.getManipulableFrame()) == null ? void 0 : v.frame) == null ? void 0 : w.contentWindow) == null ? void 0 : p.document, g = n(d), y = `|[prose~offset~${(l == null ? void 0 : l.offset) || 0}]`;
     return l && f ? be.generate(l.node, 0, `${g}${y}`) : r(d);
   }), r = (u) => `epubcfi(/0${n(u)}) `, i = (u) => {
     const { itemId: d } = Xe(u);
@@ -4926,17 +4931,17 @@ const Xe = (e) => {
     getCfi: o,
     getRootCfi: r,
     resolveCfi: (u) => {
-      var S, p, C;
+      var w, p, C;
       if (!u)
         return;
       const d = i(u), l = e.getSpineItemIndex(d) || 0;
       if (!d)
         return;
-      const { cleanedCfi: f, offset: g } = Xe(u), y = new be(f, {}), v = (C = (p = (S = d.spineItemFrame.getManipulableFrame()) == null ? void 0 : S.frame) == null ? void 0 : p.contentWindow) == null ? void 0 : C.document;
+      const { cleanedCfi: f, offset: g } = Xe(u), y = new be(f, {}), v = (C = (p = (w = d.spineItemFrame.getManipulableFrame()) == null ? void 0 : w.frame) == null ? void 0 : p.contentWindow) == null ? void 0 : C.document;
       if (v)
         try {
-          const { node: N, offset: $ } = y.resolve(v, {});
-          return { node: N, offset: g ?? $, spineItemIndex: l };
+          const { node: N, offset: I } = y.resolve(v, {});
+          return { node: N, offset: g ?? I, spineItemIndex: l };
         } catch (N) {
           return R.error(N), {
             spineItemIndex: l
@@ -4951,35 +4956,35 @@ const Xe = (e) => {
       return { start: y, end: v };
     }
   };
-}, Wr = "proseReaderIframeEventBridgeElement", It = ({ containerElement: e, hooks: t, ...n }) => {
+}, Hr = "proseReaderIframeEventBridgeElement", $t = ({ containerElement: e, hooks: t, ...n }) => {
   const o = new q({
     supportedPageTurnAnimation: ["fade", "none", "slide"],
     supportedPageTurnMode: ["controlled", "scrollable"],
     supportedPageTurnDirection: ["horizontal", "vertical"],
     supportedComputedPageTurnDirection: ["horizontal", "vertical"]
-  }), r = new H(), i = new H(), s = new H(), a = new q(t || []), c = new H(), u = new H(), d = new q({ x: 0, y: 0 }), l = new q("free"), f = Uo(n), g = Or({ context: f }), y = Ao({ context: f, spineItemManager: g }), v = Hr(e), S = Br(e), p = ln({ context: f }), C = zr({
+  }), r = new H(), i = new H(), s = new H(), a = new q(t || []), c = new H(), u = new H(), d = new q({ x: 0, y: 0 }), l = new q("free"), f = Uo(n), g = Rr({ context: f }), y = Ao({ context: f, spineItemManager: g }), v = Br(e), w = Yr(e), p = ln({ context: f }), C = Ur({
     context: f,
     spineItemManager: g,
     spineItemLocator: p
-  }), N = Ur({
+  }), N = Wr({
     spineItemManager: g,
     context: f,
     spineItemLocator: p
-  }), $ = c.asObservable(), w = Fr({
+  }), I = c.asObservable(), S = Er({
     ownerDocument: v.ownerDocument,
-    iframeEventBridgeElement: S,
+    iframeEventBridgeElement: w,
     context: f,
     pagination: y,
     spineItemManager: g,
     hooks$: a,
-    navigation$: $,
+    navigation$: I,
     spineLocator: C,
     spineItemLocator: p,
     cfiLocator: N,
     navigationAdjusted$: u.asObservable(),
     viewportState$: l.asObservable(),
     currentNavigationPosition$: d.asObservable()
-  }), m = Vr({
+  }), m = kr({
     context: f,
     pagination: y,
     spineItemManager: g,
@@ -4987,9 +4992,9 @@ const Xe = (e) => {
     cfiLocator: N,
     spineLocator: C,
     hooks$: a,
-    spine: w
+    spine: S
   });
-  e.appendChild(v), v.appendChild(S), m.$.state$.subscribe(l), m.$.navigation$.subscribe(c), m.$.navigationAdjustedAfterLayout$.subscribe(u), m.$.currentNavigationPosition$.subscribe(d);
+  e.appendChild(v), v.appendChild(w), m.$.state$.subscribe(l), m.$.navigation$.subscribe(c), m.$.navigationAdjustedAfterLayout$.subscribe(u), m.$.currentNavigationPosition$.subscribe(d);
   const h = () => {
     const E = {
       width: e.offsetWidth,
@@ -5006,16 +5011,16 @@ const Xe = (e) => {
     R.log("load", { manifest: E, loadOptions: O }), f.load(E, O), h(), O.cfi ? m.goToCfi(O.cfi, { animate: !1 }) : m.goToSpineItem(0, { animate: !1 }), r.next();
   }, x = (E, O) => {
     a.next([...a.getValue(), { name: E, fn: O }]);
-  }, I = (E) => {
+  }, $ = (E) => {
     E(v);
   };
-  w.$.$.pipe(
+  S.$.$.pipe(
     U((E) => {
       E.type === "onSelectionChange" && s.next(E.data);
     }),
     j(i)
   ).subscribe(), m.$.navigationAdjustedAfterLayout$.pipe(
-    Ct(({ adjustedSpinePosition: E }) => w.adjustPagination(E).pipe(j($))),
+    Ct(({ adjustedSpinePosition: E }) => S.adjustPagination(E).pipe(j(I))),
     j(f.$.destroy$)
   ).subscribe(), X(f.$.load$, f.$.settings$, f.$.hasVerticalWriting$).pipe(
     he(void 0),
@@ -5046,16 +5051,16 @@ const Xe = (e) => {
     j(i)
   ).subscribe(o);
   const T = () => {
-    a.next([]), a.complete(), y.destroy(), f.destroy(), m.destroy(), w.destroy(), v.remove(), S.remove(), r.complete(), o.complete(), s.complete(), i.next(), i.complete();
+    a.next([]), a.complete(), y.destroy(), f.destroy(), m.destroy(), S.destroy(), v.remove(), w.remove(), r.complete(), o.complete(), s.complete(), i.next(), i.complete();
   };
   return {
     context: f,
     registerHook: x,
-    spine: w,
+    spine: S,
     viewportNavigator: m,
-    manipulateSpineItems: w.manipulateSpineItems,
-    manipulateSpineItem: w.manipulateSpineItem,
-    manipulateContainer: I,
+    manipulateSpineItems: S.manipulateSpineItems,
+    manipulateSpineItem: S.manipulateSpineItem,
+    manipulateContainer: $,
     moveTo: m.moveTo,
     turnLeft: m.turnLeft,
     turnRight: m.turnRight,
@@ -5068,13 +5073,13 @@ const Xe = (e) => {
     getSpineItem: g.get,
     getSpineItems: g.getAll,
     getAbsolutePositionOf: g.getAbsolutePositionOf,
-    getSelection: w.getSelection,
-    isSelecting: w.isSelecting,
-    normalizeEventForViewport: w.normalizeEventForViewport,
-    getCfiMetaInformation: w.cfiLocator.getCfiMetaInformation,
-    resolveCfi: w.cfiLocator.resolveCfi,
-    generateCfi: w.cfiLocator.generateFromRange,
-    locator: w.locator,
+    getSelection: S.getSelection,
+    isSelecting: S.isSelecting,
+    normalizeEventForViewport: S.normalizeEventForViewport,
+    getCfiMetaInformation: S.cfiLocator.getCfiMetaInformation,
+    resolveCfi: S.cfiLocator.resolveCfi,
+    generateCfi: S.cfiLocator.generateFromRange,
+    locator: S.locator,
     getCurrentNavigationPosition: m.getCurrentNavigationPosition,
     getCurrentViewportPosition: m.getCurrentViewportPosition,
     layout: h,
@@ -5088,9 +5093,9 @@ const Xe = (e) => {
       ready$: r.asObservable(),
       selection$: s.asObservable(),
       viewportState$: m.$.state$,
-      layout$: w.$.layout$,
-      itemsCreated$: w.$.itemsCreated$,
-      itemsBeforeDestroy$: w.$.itemsBeforeDestroy$,
+      layout$: S.$.layout$,
+      itemsCreated$: S.$.itemsCreated$,
+      itemsBeforeDestroy$: S.$.itemsBeforeDestroy$,
       itemIsReady$: g.$.itemIsReady$,
       destroy$: i
     },
@@ -5100,15 +5105,15 @@ const Xe = (e) => {
       spineItemManager: g
     }
   };
-}, Hr = (e) => {
+}, Br = (e) => {
   const t = e.ownerDocument.createElement("div");
   return t.style.cssText = `
     background-color: white;
     position: relative;
   `, t.className = `${Ve}-reader`, t;
-}, Br = (e) => {
+}, Yr = (e) => {
   const t = e.ownerDocument.createElement("div");
-  return t.id = Wr, t.style.cssText = `
+  return t.id = Hr, t.style.cssText = `
     position: absolute;
     height: 100%;
     width: 100%;
@@ -5116,11 +5121,11 @@ const Xe = (e) => {
     left: 0;
     z-index: -1;
   `, t;
-}, Yr = (e) => (t) => ({
+}, Xr = (e) => (t) => ({
   ...e(t),
   utils: {
     isOrIsWithinValidLink: (r) => {
-      if (tr(r)) {
+      if (nr(r)) {
         const i = r.nodeName === "a" ? r : r.closest("a");
         if (i != null && i.getAttribute("href"))
           return !0;
@@ -5128,7 +5133,7 @@ const Xe = (e) => {
       return !1;
     }
   }
-}), Xr = (e) => ({
+}), qr = (e) => ({
   put: (i, s) => new Promise((a, c) => {
     const u = e.transaction(["store"], "readwrite");
     u.onerror = function(f) {
@@ -5186,11 +5191,11 @@ const Xe = (e) => {
   o.onerror = function(r) {
     n(r);
   }, o.onsuccess = function() {
-    t(Xr(o.result));
+    t(qr(o.result));
   }, o.onupgradeneeded = () => {
     o.result.createObjectStore("store");
   };
-}), qr = (e) => {
+}), Gr = (e) => {
   let t = Date.now().toString();
   const n = new H(), o = (c) => {
     var u, d;
@@ -5246,8 +5251,8 @@ const Xe = (e) => {
       n.complete();
     }
   };
-}, Gr = (e) => (t) => {
-  const n = e(t), o = qr(n.context), r = (s, a) => {
+}, Zr = (e) => (t) => {
+  const n = e(t), o = Gr(n.context), r = (s, a) => {
     n.load(s, {
       ...a
     });
@@ -5259,7 +5264,7 @@ const Xe = (e) => {
     },
     load: r
   };
-}, Zr = (e) => (t) => {
+}, Jr = (e) => (t) => {
   const n = e(t), o = new IntersectionObserver(
     (s) => {
       s.forEach((a) => {
@@ -5301,14 +5306,14 @@ const Xe = (e) => {
       o.disconnect(), r.disconnect(), n.destroy();
     }
   };
-}, Jr = (e) => (t) => {
+}, Kr = (e) => (t) => {
   const n = e(t), o = (s, a, c, u, d, l) => {
-    var C, N, $, w, m, h;
-    const f = ((C = s.getManifest()) == null ? void 0 : C.renditionLayout) === "pre-paginated", g = ((N = s.getManifest()) == null ? void 0 : N.spineItems.length) || 0, y = (($ = s.getManifest()) == null ? void 0 : $.spineItems.slice(0, a).reduce((b, x) => b + x.progressionWeight, 0)) || 0, v = ((m = (w = s.getManifest()) == null ? void 0 : w.spineItems[a]) == null ? void 0 : m.progressionWeight) || 0;
-    let S = (u + 1) * (v / c);
-    !f && l.item.renditionLayout === "reflowable" && !l.isReady() && (S = 0);
-    let p = y + S;
-    return ((h = s.getManifest()) == null ? void 0 : h.renditionFlow) === "scrolled-continuous" && (l.isReady() ? S = i(s, d, l) : S = 0, p = r(y, v, S)), a === g - 1 && u === c - 1 && p > 0.99 ? 1 : p;
+    var C, N, I, S, m, h;
+    const f = ((C = s.getManifest()) == null ? void 0 : C.renditionLayout) === "pre-paginated", g = ((N = s.getManifest()) == null ? void 0 : N.spineItems.length) || 0, y = ((I = s.getManifest()) == null ? void 0 : I.spineItems.slice(0, a).reduce((b, x) => b + x.progressionWeight, 0)) || 0, v = ((m = (S = s.getManifest()) == null ? void 0 : S.spineItems[a]) == null ? void 0 : m.progressionWeight) || 0;
+    let w = (u + 1) * (v / c);
+    !f && l.item.renditionLayout === "reflowable" && !l.isReady() && (w = 0);
+    let p = y + w;
+    return ((h = s.getManifest()) == null ? void 0 : h.renditionFlow) === "scrolled-continuous" && (l.isReady() ? w = i(s, d, l) : w = 0, p = r(y, v, w)), a === g - 1 && u === c - 1 && p > 0.99 ? 1 : p;
   }, r = (s, a, c) => s + a * c, i = (s, a, c) => {
     const { height: u, width: d } = c.getElementDimensions(), { topStart: l, leftStart: f } = n.getAbsolutePositionOf(c);
     return s.getSettings().computedPageTurnDirection === "vertical" ? Math.max(0, Math.min(1, (a.y - l + s.getVisibleAreaRect().height) / u)) : Math.max(0, Math.min(1, (a.x - f + s.getVisibleAreaRect().width) / d));
@@ -5320,7 +5325,7 @@ const Xe = (e) => {
       getScrollPercentageWithinItem: i
     }
   };
-}, Kr = (e) => (t) => {
+}, Qr = (e) => (t) => {
   const n = e(t), o = new IntersectionObserver((r) => {
     r.forEach((i) => {
       i.isIntersecting ? i.target.removeAttribute("tab-index") : i.target.setAttribute("tab-index", "-1");
@@ -5348,7 +5353,7 @@ const Xe = (e) => {
   }), {
     ...n
   };
-}, Qr = navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1, ei = (e) => (t) => {
+}, ei = navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome") <= -1, ti = (e) => (t) => {
   const n = [
     {
       name: "viewportNavigator.onBeforeContainerCreated",
@@ -5368,15 +5373,15 @@ const Xe = (e) => {
   ];
   return e({
     ...t,
-    ...Qr && {
+    ...ei && {
       hooks: [...t.hooks || [], ...n]
     }
   });
-}, ti = `${Ve}-enhancer-loading`, ni = `${ti}-container`, oi = (e) => (t) => {
-  const { loadingElementCreate: n = ii, ...o } = t, r = e(o), i = (d) => J(
+}, ni = `${Ve}-enhancer-loading`, oi = `${ni}-container`, ri = (e) => (t) => {
+  const { loadingElementCreate: n = si, ...o } = t, r = e(o), i = (d) => J(
     d.reduce((l, { item: f, element: g }) => {
       const y = n({
-        container: ri(g, r.context),
+        container: ii(g, r.context),
         item: f
       });
       return g.appendChild(y), {
@@ -5384,7 +5389,7 @@ const Xe = (e) => {
         [f.id]: y
       };
     }, {})
-  ), s = (d) => Ie([r.$.layout$, r.theme.$.theme$]).pipe(
+  ), s = (d) => $e([r.$.layout$, r.theme.$.theme$]).pipe(
     k(([, l]) => ({
       width: r.context.getVisibleAreaRect().width,
       theme: l
@@ -5419,9 +5424,9 @@ const Xe = (e) => {
       }
     }
   };
-}, ri = (e, t) => {
+}, ii = (e, t) => {
   const n = e.ownerDocument.createElement("div");
-  return n.classList.add(ni), n.style.cssText = `
+  return n.classList.add(oi), n.style.cssText = `
     height: 100%;
     width: 100%;
     max-width: ${t.getVisibleAreaRect().width}px;
@@ -5436,7 +5441,7 @@ const Xe = (e) => {
     color: rgb(202, 202, 202);
     -background-color: white;
   `, n;
-}, ii = ({ container: e, item: t }) => {
+}, si = ({ container: e, item: t }) => {
   const n = e.ownerDocument.createElement("div");
   n.innerText = "prose", n.style.cssText = `
     font-size: 4em;
@@ -5468,37 +5473,37 @@ const Xe = (e) => {
   } = e;
   return g;
 }, Tt = tn(
-  Jr,
+  Kr,
   Ro,
   yo,
   Do,
   Fo,
   Pn,
-  Zr,
+  Jr,
   Vo,
   xo,
-  Yr,
-  Gr,
-  Kr,
+  Xr,
+  Zr,
+  Qr,
   Co,
   ho,
-  ei,
-  oi
+  ti,
+  ri
 );
-function ui(e, t) {
+function li(e, t) {
   if (!t) {
-    const r = Tt(It);
+    const r = Tt($t);
     return xt(r(e));
   }
-  const o = tn(Tt, t)(It);
+  const o = tn(Tt, t)($t);
   return xt(o(e));
 }
 export {
   R as Report,
   _o as compose,
   tn as composeEnhancer,
-  ui as createReader,
-  ci as groupBy,
+  li as createReader,
+  ui as groupBy,
   ce as isShallowEqual
 };
 //# sourceMappingURL=prose.js.map