@prose-reader/core 1.238.0 → 1.239.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { switchMap as v, of as b, fromEvent as X, take as wt, map as S, from as j, takeUntil as T, Observable as ie, defer as Ve, Subject as V, combineLatest as z, merge as P, EMPTY as J, withLatestFrom as E, NEVER as ge, tap as $, share as A, BehaviorSubject as k, filter as L, first as U, mergeMap as Te, endWith as fe, finalize as le, catchError as Pt, lastValueFrom as Qt, scheduled as en, animationFrameScheduler as re, timer as je, distinctUntilChanged as W, throttleTime as tn, startWith as te, debounceTime as Ie, shareReplay as K, switchScan as nn, defaultIfEmpty as on, forkJoin as sn, delay as we, ReplaySubject as nt, skip as xt, identity as Pe, exhaustMap as ke, reduce as rn, concatMap as it } from "rxjs";
-import { Report as an, isShallowEqual as O, shallowMergeIfDefined as xe, getParentPath as cn, parseContentType as un, detectMimeTypeFromName as Me, arrayEqual as ln } from "@prose-reader/shared";
-import { isShallowEqual as Us } from "@prose-reader/shared";
-import { switchMap as B, first as $t, map as Y, distinctUntilChanged as G, startWith as dn, shareReplay as Ce, tap as D, pairwise as pn, take as gn, takeUntil as q, filter as Q, debounceTime as hn, skip as mn, mergeMap as fn, catchError as ot } from "rxjs/operators";
+import { switchMap as v, of as b, fromEvent as X, take as wt, map as S, from as j, takeUntil as T, Observable as ie, defer as Ve, Subject as V, combineLatest as z, merge as P, EMPTY as J, withLatestFrom as A, NEVER as ge, tap as $, share as E, BehaviorSubject as k, filter as L, first as U, mergeMap as $e, endWith as fe, finalize as le, catchError as Pt, lastValueFrom as Qt, scheduled as en, animationFrameScheduler as re, timer as je, distinctUntilChanged as W, throttleTime as tn, startWith as te, debounceTime as Ie, shareReplay as K, switchScan as nn, defaultIfEmpty as on, forkJoin as sn, delay as we, ReplaySubject as nt, skip as xt, identity as Pe, exhaustMap as ke, reduce as rn, concatMap as it } from "rxjs";
+import { Report as an, isShallowEqual as N, shallowMergeIfDefined as xe, getParentPath as cn, parseContentType as un, detectMimeTypeFromName as Le, arrayEqual as ln } from "@prose-reader/shared";
+import { isShallowEqual as Ws } from "@prose-reader/shared";
+import { switchMap as B, first as $t, map as Y, distinctUntilChanged as G, startWith as dn, shareReplay as Me, tap as D, pairwise as pn, take as gn, takeUntil as q, filter as Q, debounceTime as hn, skip as mn, mergeMap as fn, catchError as ot } from "rxjs/operators";
 import { generate as Ue, parse as Tt, isIndirectionOnly as yn, isParsedCfiRange as Sn, resolve as In } from "@prose-reader/cfi";
 import { isDefined as qe } from "reactjrx";
 const st = (n, e) => {
@@ -11,7 +11,7 @@ const st = (n, e) => {
   if (!n?.contentDocument?.head) return;
   const o = n.contentDocument.createElement("style");
   o.id = e, o.innerHTML = t, i ? n.contentDocument.head.prepend(o) : n.contentDocument.head.appendChild(o);
-}, Rs = (n, e) => {
+}, As = (n, e) => {
   if (n?.contentDocument?.head) {
     const t = n.contentDocument.getElementById(e);
     t && t.remove();
@@ -99,7 +99,7 @@ const st = (n, e) => {
     const s = t.spineItemsManager.get(i)?.renderer.getDocumentFrame();
     s && s.contentDocument?.body.setAttribute("tabindex", "-1");
   }), t;
-}, $n = "@prose-reader/core", N = an.namespace($n, void 0, {
+}, $n = "@prose-reader/core", O = an.namespace($n, void 0, {
   color: "#98cde7"
 }), Tn = [
   "pointercancel",
@@ -167,7 +167,7 @@ const Cn = (n, e) => {
     try {
       e <= (t?.endOffset || 0) && t?.setStart(n, e || 0);
     } catch (i) {
-      N.error(i);
+      O.error(i);
     }
     return t;
   }
@@ -196,7 +196,7 @@ const Cn = (n, e) => {
       return n instanceof e.MouseEvent;
   }
   return !1;
-}, En = (n) => {
+}, An = (n) => {
   if (n?.target && n?.target?.ownerDocument?.defaultView) {
     const e = n?.target?.ownerDocument?.defaultView;
     if (e.TouchEvent)
@@ -208,7 +208,7 @@ const Cn = (n, e) => {
       return n instanceof e.TouchEvent;
   }
   return !1;
-}, An = () => document.createElement("div"), Lt = (n) => {
+}, En = () => document.createElement("div"), Lt = (n) => {
   const e = [
     "img",
     // Images
@@ -259,10 +259,10 @@ function Ct(n) {
     // biome-ignore lint/suspicious/noExplicitAny: TODO
   ) && n.nodeType === Node.ELEMENT_NODE;
 }
-function On(n, e) {
+function Nn(n, e) {
   return Ct(n) && n.tagName.toLowerCase() === e.toLowerCase();
 }
-function Nn(n) {
+function On(n) {
   return Mt(
     n,
     [
@@ -276,7 +276,7 @@ function Nn(n) {
     ["setStart", "setEnd", "selectNodeContents"]
   );
 }
-const Ee = ({
+const Re = ({
   position: n,
   frameElement: e
 }) => {
@@ -291,7 +291,7 @@ const Ee = ({
   const s = t.getSpineItemFromIframe(o), a = o, { height: r, width: c } = i.getPageSize();
   if (!s || !(a instanceof HTMLIFrameElement)) return n;
   if (Ge(n)) {
-    const { clientX: u, clientY: l } = Ee({
+    const { clientX: u, clientY: l } = Re({
       position: n,
       frameElement: a
     }), d = new PointerEvent(n.type, {
@@ -306,7 +306,7 @@ const Ee = ({
     }), d;
   }
   if (Rn(n)) {
-    const { clientX: u, clientY: l } = Ee({
+    const { clientX: u, clientY: l } = Re({
       position: n,
       frameElement: a
     }), d = new MouseEvent(n.type, {
@@ -319,9 +319,9 @@ const Ee = ({
       enumerable: !0
     }), d;
   }
-  if (En(n)) {
+  if (An(n)) {
     const u = Array.from(n.touches).map((d) => {
-      const { clientX: p, clientY: h } = Ee({
+      const { clientX: p, clientY: h } = Re({
         position: d,
         frameElement: a
       });
@@ -389,7 +389,7 @@ const Ee = ({
     [i]: o
   } : t,
   {}
-)), Je = (n) => (e) => e.pipe(Rt(n), G(O));
+)), Je = (n) => (e) => e.pipe(Rt(n), G(N));
 function Ke(n) {
   return new ie((e) => {
     const t = new ResizeObserver((i) => {
@@ -400,7 +400,7 @@ function Ke(n) {
     };
   });
 }
-const Re = (n) => (e) => e.pipe(
+const Ce = (n) => (e) => e.pipe(
   B(
     (t) => n.pipe(
       $t(),
@@ -414,7 +414,7 @@ const Re = (n) => (e) => e.pipe(
   });
   return () => (t.unsubscribe(), e ? b(e.result) : n);
 };
-function Et() {
+function At() {
   return new ie((n) => {
     if (window.requestIdleCallback) {
       const t = window.requestIdleCallback(() => {
@@ -429,7 +429,7 @@ function Et() {
   });
 }
 function rt(n) {
-  return Ve(() => Et().pipe(B(n)));
+  return Ve(() => At().pipe(B(n)));
 }
 const at = (n, e) => new ie((t) => {
   const i = new MutationObserver((o) => {
@@ -447,7 +447,7 @@ function Es(n, e) {
     };
   });
 }
-class At {
+class Et {
   constructor(e, t) {
     this.settingsManager = t;
     const i = xe(
@@ -462,7 +462,7 @@ class At {
       this.outputSettingsUpdateSubject.pipe(dn(this.outputSettings))
     ]).pipe(
       Y(([o, s]) => ({ ...o, ...s })),
-      Ce(1)
+      Me(1)
     ), this.values$.subscribe();
   }
   _prepareUpdate(e) {
@@ -488,19 +488,19 @@ class At {
   watch(e) {
     return Array.isArray(e) ? this.values$.pipe(Je(e)) : this.values$.pipe(
       Y((t) => t[e]),
-      G(O)
+      G(N)
     );
   }
   destroy() {
     this.outputSettingsUpdateSubject.complete();
   }
 }
-let zn = class extends At {
+let zn = class extends Et {
   computeOutputSettings(e) {
     return e;
   }
   hasSettingsChanged(e) {
-    return !O(this.outputSettings, e);
+    return !N(this.outputSettings, e);
   }
   getCleanedParentInputSettings(e) {
     const {
@@ -570,7 +570,7 @@ const Hn = (n) => (e) => {
   };
 }, Bn = (n) => (e) => {
   const t = n(e), i = (o) => X(o, "keyup").pipe(
-    E(t.settings.values$),
+    A(t.settings.values$),
     S(([s, { pageTurnDirection: a }]) => {
       if (a === "horizontal") {
         if (s.key === "ArrowRight")
@@ -622,7 +622,7 @@ const Hn = (n) => (e) => {
   $((e) => {
     e.preventDefault();
   }),
-  A()
+  E()
 );
 class _ {
   constructor() {
@@ -632,44 +632,44 @@ class _ {
     this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
   }
 }
-const Le = class Le extends _ {
+const Fe = class Fe extends _ {
   constructor(e) {
     super(), this.triggerSubject = new V(), this.stateSubject = new k("idle"), this.unload$ = this.triggerSubject.pipe(
-      E(this.stateSubject),
+      A(this.stateSubject),
       L(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       S(() => {
       }),
-      A()
+      E()
     ), this.load$ = this.triggerSubject.pipe(
-      E(this.stateSubject),
+      A(this.stateSubject),
       L(
         ([o, s]) => o.type === "load" && s !== "loaded" && s !== "loading"
       ),
       S(() => {
       }),
-      A()
+      E()
     ), this.context = e.context, this.settings = e.settings, this.hookManager = e.hookManager, this.item = e.item, this.containerElement = e.containerElement, this.resourcesHandler = e.resourcesHandler;
     const t = this.triggerSubject.pipe(
-      E(this.stateSubject),
+      A(this.stateSubject),
       L(
         ([o, s]) => o.type === "unload" && s !== "idle" && s !== "unloading"
       ),
       S(() => {
       }),
-      A()
+      E()
     );
     this.loaded$ = this.load$.pipe(
       v(() => (this.stateSubject.next("loading"), this.onCreateDocument().pipe(U()).pipe(
-        Te((s) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
+        $e((s) => (this.hookManager.execute("item.onDocumentCreated", this.item.id, {
           itemId: this.item.id,
           documentContainer: s
         }), this.onLoadDocument().pipe(
           fe(null),
           U()
         ).pipe(
-          Re(this.context.bridgeEvent.viewportFree$),
+          Ce(this.context.bridgeEvent.viewportFree$),
           v(() => {
             const r = this.hookManager.execute("item.onDocumentLoad", this.item.id, {
               itemId: this.item.id,
@@ -685,7 +685,7 @@ const Le = class Le extends _ {
         }),
         T(t)
       ))),
-      A()
+      E()
     );
     const i = t.pipe(
       v(() => (this.stateSubject.next("unloading"), this.context.bridgeEvent.viewportFree$.pipe(
@@ -704,7 +704,7 @@ const Le = class Le extends _ {
   }
   setDocumentContainer(e) {
     this._documentContainer = e, this._documentContainer.classList.add(
-      Le.DOCUMENT_CONTAINER_CLASS_NAME
+      Fe.DOCUMENT_CONTAINER_CLASS_NAME
     );
   }
   attach() {
@@ -742,7 +742,7 @@ const Le = class Le extends _ {
       le(() => {
         e.complete();
       }),
-      Pt((t) => (N.error(t), b(void 0)))
+      Pt((t) => (O.error(t), b(void 0)))
     );
   }
   layout(e) {
@@ -769,8 +769,8 @@ const Le = class Le extends _ {
     return this.context.manifest?.renditionLayout ?? "reflowable";
   }
 };
-Le.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
-let ye = Le;
+Fe.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
+let ye = Fe;
 const Xn = (n) => new URL(n.href);
 class Qe {
   constructor(e, t) {
@@ -846,10 +846,10 @@ const Dt = (n, e) => {
   if (!a) return b(null);
   const r = new Qe(a, o);
   return j(r.getResource()).pipe(
-    Te(
+    $e(
       (c) => c instanceof Response ? j(c.blob()) : b(void 0)
     ),
-    Te((c) => {
+    $e((c) => {
       if (!c)
         return b(null);
       const u = n?.defaultView?.URL.createObjectURL(c) ?? "";
@@ -897,7 +897,7 @@ const Dt = (n, e) => {
   Dn(n?.contentDocument);
 }, Jn = [".xhtml", ".html", ".htm"], me = "prose-reader", Kn = async (n, e) => {
   if (typeof n == "string") return n;
-  const t = un(n.headers.get("Content-Type") || "") || Me(e.href);
+  const t = un(n.headers.get("Content-Type") || "") || Le(e.href);
   if (["image/jpg", "image/jpeg", "image/png", "image/webp"].some(
     (o) => o === t
   )) {
@@ -962,10 +962,10 @@ const Dt = (n, e) => {
           }
         }),
         S(() => o),
-        Pt((r) => (N.error(
+        Pt((r) => (O.error(
           `Error while trying to fetch or load resource for item ${n.id}`,
           s
-        ), N.error(r), b(o)))
+        ), O.error(r), b(o)))
       ))
     ))
   );
@@ -984,12 +984,12 @@ const Dt = (n, e) => {
   border: 0px none transparent;
   padding: 0px;
 `, n.setAttribute("role", "main"), n;
-}, Ot = () => `
+}, Nt = () => `
     body {
         margin: 0;
         }
       }
-    `, Nt = ({
+    `, Ot = ({
   pageHeight: n,
   pageWidth: e,
   frameElement: t
@@ -1007,7 +1007,7 @@ const Dt = (n, e) => {
   enableTouch: e,
   spreadPosition: t
 }, i) => `
-      ${Ot()}
+      ${Nt()}
       body {
         ${i ? "" : `
           display: flex;
@@ -1064,7 +1064,7 @@ const Dt = (n, e) => {
 }) => {
   const c = n * o;
   if (s?.contentDocument && s?.contentWindow) {
-    const { viewportDimensions: u, computedScale: l = 1 } = Nt({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, p = i, h = ti(
+    const { viewportDimensions: u, computedScale: l = 1 } = Ot({ frameElement: s, pageHeight: i, pageWidth: o }) ?? {}, d = o, p = i, h = ti(
       {
         ...ni({ pageHeight: i, pageWidth: o }),
         enableTouch: r,
@@ -1097,7 +1097,7 @@ const Dt = (n, e) => {
   }
   return { width: c, height: i };
 }, oi = () => `
-      ${Ot()}
+      ${Nt()}
       html {
         width: 100%;
         height: 100%;
@@ -1234,7 +1234,7 @@ const Dt = (n, e) => {
 }) => {
   const l = o * e, d = i?.renditionLayout === "reflowable" && i?.renditionFlow === "scrolled-continuous", p = d ? Math.min(400, n) : n;
   t?.style.setProperty("width", `${e}px`), d ? t?.style.removeProperty("height") : t?.style.setProperty("height", `${p}px`);
-  const { viewportDimensions: h, computedScale: g = 1 } = Nt({
+  const { viewportDimensions: h, computedScale: g = 1 } = Ot({
     frameElement: t,
     pageHeight: p,
     pageWidth: e
@@ -1295,7 +1295,7 @@ const Dt = (n, e) => {
 };
 class ui extends ye {
   constructor() {
-    super(...arguments), this.isImageType = () => !!(this.item.mediaType ?? Me(this.item.href))?.startsWith("image/");
+    super(...arguments), this.isImageType = () => !!(this.item.mediaType ?? Le(this.item.href))?.startsWith("image/");
   }
   onCreateDocument() {
     const e = ei();
@@ -1310,7 +1310,7 @@ class ui extends ye {
         resourcesHandler: this.resourcesHandler,
         settings: this.settings
       }),
-      Re(this.context.bridgeEvent.viewportFree$),
+      Ce(this.context.bridgeEvent.viewportFree$),
       $(() => {
         this.attach();
       }),
@@ -1560,12 +1560,12 @@ const gi = (n, e) => {
     )
   )
 );
-let Ii = class extends At {
+let Ii = class extends Et {
   computeOutputSettings(e) {
     return e;
   }
   hasSettingsChanged(e) {
-    return !O(this.outputSettings, e);
+    return !N(this.outputSettings, e);
   }
   getCleanedParentInputSettings(e) {
     const {
@@ -1596,7 +1596,7 @@ const ut = 200, bi = (n, e, t) => {
     const i = n.navigation.scrollNavigationController.value.element, o = n.viewport.value.element, s = n.settings.values.computedPageTurnMode === "scrollable";
     o.style.transition = `transform ${ut}ms`, s ? o.style.transformOrigin = "top" : o.style.transformOrigin = "center";
     const a = o.style.transform, r = a.includes("scale") ? parseFloat(a.match(/scale\(([^)]+)\)/)?.[1] || "1") : 1, c = t === "thumbnails" ? 0.5 : 1, { newScrollLeft: u, newScrollTop: l } = bi(
-      i ?? An(),
+      i ?? En(),
       r,
       c
     );
@@ -1634,7 +1634,7 @@ const ut = 200, bi = (n, e, t) => {
       !f && I && (I.getBoundingClientRect().left, f = !0);
     });
   }), r.hookManager.register("item.onBeforeLayout", ({ item: f }) => {
-    const m = r.spineItemsManager.get(f.id), w = !!(f.mediaType ?? Me(f.href))?.startsWith("image/"), { pageHorizontalMargin: x = 0, pageVerticalMargin: C = 0 } = c.values, M = r.context.getPageSize();
+    const m = r.spineItemsManager.get(f.id), w = !!(f.mediaType ?? Le(f.href))?.startsWith("image/"), { pageHorizontalMargin: x = 0, pageVerticalMargin: C = 0 } = c.values, M = r.context.getPageSize();
     if (m?.renditionLayout === "reflowable" && !w) {
       let H = M.width - x * 2;
       const Z = M.height - C * 2;
@@ -1707,7 +1707,7 @@ const ut = 200, bi = (n, e, t) => {
     r,
     c.watch("viewportMode")
   ), g = r.spine.pages.pipe(
-    Ce({ refCount: !0, bufferSize: 1 })
+    Me({ refCount: !0, bufferSize: 1 })
   ), y = Si(r);
   return P(
     p,
@@ -1782,7 +1782,7 @@ const ut = 200, bi = (n, e, t) => {
       width: i.context.state.visibleAreaRect.width,
       theme: u
     })),
-    G(O),
+    G(N),
     D(({ width: u, theme: l }) => {
       Object.values(c).forEach((d) => {
         d.style.setProperty("max-width", `${u}px`), d.style.setProperty(
@@ -1803,7 +1803,7 @@ const ut = 200, bi = (n, e, t) => {
     })
   ), r = i.spineItemsManager.items$.pipe(
     B((c) => o(c)),
-    Ce(1),
+    Me(1),
     q(i.context.destroy$)
   );
   return r.pipe(
@@ -1879,7 +1879,7 @@ const Li = (n) => (e) => {
   const t = n({
     ...e,
     getRenderer(a) {
-      const r = e.getRenderer?.(a), u = !!(a.mediaType ?? Me(a.href))?.startsWith("image/");
+      const r = e.getRenderer?.(a), u = !!(a.mediaType ?? Le(a.href))?.startsWith("image/");
       return !r && u ? (l) => new Fi(l) : r;
     }
   }), i = new IntersectionObserver(
@@ -1930,13 +1930,13 @@ const Li = (n) => (e) => {
   };
 }, Mi = (n, e) => n.links$.pipe(
   $((t) => {
-    if (!On(t.target, "a") || t.type !== "click") return;
+    if (!Nn(t.target, "a") || t.type !== "click") return;
     const i = new URL(t.target.href), o = `${i.origin}${i.pathname}`;
     n.context.manifest?.spineItems.some(
       (a) => a.href === o
     ) && e.goToUrl(i);
   })
-), se = N.namespace("navigation"), Ci = ({
+), se = O.namespace("navigation"), Ci = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2032,7 +2032,7 @@ const Li = (n) => (e) => {
     return i.getAdjustedPositionForSpread(c);
   }
   return i.getAdjustedPositionForSpread(r);
-}, Ei = ({
+}, Ai = ({
   position: n,
   spineItem: e,
   pageHeight: t,
@@ -2064,7 +2064,7 @@ const Li = (n) => (e) => {
   const u = o.getSpineItemPositionFromSpinePosition(
     n,
     r
-  ), l = Ei({
+  ), l = Ai({
     position: u,
     spineItem: r,
     pageHeight: s.getPageSize().height,
@@ -2086,7 +2086,7 @@ const Li = (n) => (e) => {
       x: 0
     })
   );
-}, Ai = ({
+}, Ei = ({
   position: n,
   spineItem: e,
   context: t,
@@ -2151,7 +2151,7 @@ class Di {
   turnRightOrBottom() {
     const e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
     if (!t) return;
-    const i = Ai({
+    const i = Ei({
       context: this.reader.context,
       navigationResolver: this.reader.navigation.navigationResolver,
       position: e.position,
@@ -2307,7 +2307,7 @@ class Di {
     }
   }
 }
-class Oi {
+class Ni {
   constructor(e) {
     this.reader = e, this.lastDelta = { x: 0, y: 0 }, this.lastPosition = new F({ x: 0, y: 0 }), this.lastStartPosition = new F({ x: 0, y: 0 }), this.unlock = void 0;
   }
@@ -2346,8 +2346,8 @@ class Oi {
     });
   }
 }
-const Ni = (n) => n.pagination.state$.pipe(
-  E(n.context.manifest$, n.settings.values$),
+const Oi = (n) => n.pagination.state$.pipe(
+  A(n.context.manifest$, n.settings.values$),
   S(
     ([
       e,
@@ -2365,7 +2365,7 @@ const Ni = (n) => n.pagination.state$.pipe(
       };
     }
   ),
-  W(O)
+  W(N)
 ), Vi = ({ reader: n, duration: e }) => (t) => {
   let i;
   const o = () => {
@@ -2383,7 +2383,7 @@ const Ni = (n) => n.pagination.state$.pipe(
     le(o)
   );
 }, ji = (n) => (e) => {
-  const t = n(e), i = Ni(t), o = new Di(t), s = new Oi(t), a = (c) => {
+  const t = n(e), i = Oi(t), o = new Di(t), s = new Ni(t), a = (c) => {
     const { cfi: u, ...l } = c;
     t.load(l), u && o.goToCfi(u, { animate: !1 });
   };
@@ -2470,7 +2470,7 @@ const Ni = (n) => n.pagination.state$.pipe(
   );
 }, Bi = (n, e, t, i, o) => o.isReady$.pipe(
   U(),
-  E(n.layoutInfo$),
+  A(n.layoutInfo$),
   S(([s, a]) => {
     const r = n.context, c = r.manifest?.renditionLayout === "pre-paginated", u = r.manifest?.spineItems.length || 0, l = r.manifest?.spineItems.slice(0, e).reduce((m, I) => m + (I.progressionWeight ?? 0), 0) || 0, d = n.spineItemsManager.getSpineItemIndex(o) ?? 0, p = n.context.manifest?.spineItems.length ?? 0, h = a.pages.filter((m) => m.itemIndex === d).length ?? 0, g = r.manifest?.spineItems[e]?.progressionWeight ?? // if no progressionWeight is defined we "assume" the document weight to be
     // relative to the total number of documents
@@ -2490,7 +2490,7 @@ const Ni = (n) => n.pagination.state$.pipe(
   })
 ), _i = (n) => n.spine.layout$.pipe(
   Ie(10, re),
-  E(n.pagination.state$),
+  A(n.pagination.state$),
   S(() => ({
     numberOfPagesPerItems: n.spineItemsManager.items.reduce(
       (t, i) => [...t, i.numberOfPages],
@@ -2501,7 +2501,7 @@ const Ni = (n) => n.pagination.state$.pipe(
      */
     numberOfTotalPages: n.spine.pages.value.pages.length
   })),
-  W(O),
+  W(N),
   te({
     numberOfPagesPerItems: [],
     numberOfTotalPages: 0
@@ -2588,7 +2588,7 @@ const Ni = (n) => n.pagination.state$.pipe(
         }))
       )
     ),
-    W(O)
+    W(N)
   );
   return { paginationInfo$: z([
     o,
@@ -2620,7 +2620,7 @@ const Ni = (n) => n.pagination.state$.pipe(
   item: t
 }) => {
   const i = "ownerDocument" in n ? n.ownerDocument : n.startContainer.ownerDocument;
-  return !i || !i?.documentElement || n === i ? he(t) : Nn(n) ? Ue({
+  return !i || !i?.documentElement || n === i ? he(t) : On(n) ? Ue({
     start: {
       node: n.startContainer,
       offset: n.startOffset,
@@ -2695,7 +2695,7 @@ const Ni = (n) => n.pagination.state$.pipe(
           spineItem: o
         };
       } catch (r) {
-        return N.warn(`Error resolving cfi: ${n}.`), N.warn(r), {
+        return O.warn(`Error resolving cfi: ${n}.`), O.warn(r), {
           ...i,
           spineItem: o,
           itemIndex: t,
@@ -2732,8 +2732,8 @@ const Ni = (n) => n.pagination.state$.pipe(
 }, Ki = (n, e) => {
   let t = n?.itemPageIndex;
   const { itemIndex: i, ...o } = e.cfi.parseCfi(n.cfi), s = e.spineItemsManager.get(i);
-  return s ? Et().pipe(
-    E(s.isReady$),
+  return s ? At().pipe(
+    A(s.isReady$),
     S(([, a]) => {
       const {
         node: r = null,
@@ -2887,7 +2887,7 @@ const eo = (n) => (e) => {
       r(d);
     };
   })
-}), De = async (n) => new Promise((e, t) => {
+}), Ee = async (n) => new Promise((e, t) => {
   const i = window.indexedDB.open(n);
   i.onerror = (o) => {
     t(o);
@@ -2907,7 +2907,7 @@ const eo = (n) => (e) => {
   }, o = async (c, u) => {
     const l = i(c);
     if (!l) return new Response("Item not found", { status: 404 });
-    const p = await (await De("prose-reader")).get(`${e}_${l.id}`);
+    const p = await (await Ee("prose-reader")).get(`${e}_${l.id}`);
     if (p)
       return new Response(p, { status: 200 });
     const h = u && await u(l) || await fetch(l.href);
@@ -2919,10 +2919,10 @@ const eo = (n) => (e) => {
     fn(({ id: c, data: u }) => {
       const l = i(c);
       return l ? j(
-        sn([De("prose-reader"), j(u.blob())])
+        sn([Ee("prose-reader"), j(u.blob())])
       ).pipe(
         B(([d, p]) => j(d.put(`${e}_${l.id}`, p))),
-        ot((d) => (N.error(d), J))
+        ot((d) => (O.error(d), J))
       ) : J;
     }),
     q(n.destroy$)
@@ -2933,7 +2933,7 @@ const eo = (n) => (e) => {
     })
   );
   return P(a).pipe(
-    B(() => (N.debug("Cleanup up old cache..."), j(De("prose-reader")).pipe(
+    B(() => (O.debug("Cleanup up old cache..."), j(Ee("prose-reader")).pipe(
       B(
         (c) => j(c.keys()).pipe(
           Y(
@@ -2945,7 +2945,7 @@ const eo = (n) => (e) => {
           })
         )
       ),
-      ot((c) => (N.error(c), J))
+      ot((c) => (O.error(c), J))
     ))),
     q(n.destroy$)
   ).subscribe(), {
@@ -2980,7 +2980,7 @@ const eo = (n) => (e) => {
         t.setStart(n.node, o), t.setEnd(n.node, s);
       }
     } catch (o) {
-      N.warn("Failed to create range from selection", o, {
+      O.warn("Failed to create range from selection", o, {
         anchor: n,
         focus: e
       });
@@ -2999,7 +2999,7 @@ const eo = (n) => (e) => {
         { node: o, offset: s }
       );
     } catch (a) {
-      N.warn("Failed to create range from selection", a, {
+      O.warn("Failed to create range from selection", a, {
         selection: n,
         spineItem: e
       });
@@ -3121,19 +3121,19 @@ const ao = (n) => n.loaded$.pipe(
     S((l) => !!l),
     W(),
     L((l) => l),
-    A()
+    E()
   ), r = a.pipe(
     v(() => s),
     W(),
     L((l) => !l),
-    A()
+    E()
   ), c = o.pipe(
     L((l) => l?.type === "over"),
-    A()
+    E()
   ), u = t.context.watch("rootElement").pipe(
     L(qe),
     v((l) => X(l, "pointerdown")),
-    E(s),
+    A(s),
     S(([, l]) => l),
     te(void 0),
     K({ refCount: !0, bufferSize: 1 })
@@ -3374,12 +3374,12 @@ class de extends ie {
    */
   mergeCompare(e) {
     const t = { ...this.value, ...e };
-    O(this.value, t) || this.stateSubject.next(t);
+    N(this.value, t) || this.stateSubject.next(t);
   }
   watch(e) {
     return Array.isArray(e) ? this.stateSubject.pipe(Je(e)) : this.stateSubject.pipe(
       S((t) => t[e]),
-      W(O)
+      W(N)
     );
   }
   get value() {
@@ -3422,7 +3422,7 @@ class So extends de {
         x: 0,
         y: 0
       }
-    }), this.bridgeEvent = new fo(), this.destroy$ = new V(), this.state$ = this.pipe(G(O)), this.manifest$ = this.pipe(
+    }), this.bridgeEvent = new fo(), this.destroy$ = new V(), this.state$ = this.pipe(G(N)), this.manifest$ = this.pipe(
       Y((e) => e.manifest),
       Q(ae),
       G()
@@ -3456,7 +3456,7 @@ class So extends de {
         forceSinglePageMode: o
       })
     };
-    O(c, t) || this.next(c);
+    N(c, t) || this.next(c);
   }
   /**
    * @deprecated
@@ -3489,7 +3489,7 @@ class Io extends de {
       supportedPageTurnDirection: ["horizontal", "vertical"],
       supportedComputedPageTurnDirection: ["horizontal", "vertical"]
     }), P(e.state$, t.values$).pipe(
-      E(e.state$),
+      A(e.state$),
       S(([, { hasVerticalWriting: i }]) => {
         const o = e.manifest;
         return {
@@ -3499,7 +3499,7 @@ class Io extends de {
           computedPageTurnMode: t.values.computedPageTurnMode
         };
       }),
-      W(O),
+      W(N),
       S(
         ({
           hasVerticalWriting: i,
@@ -3588,7 +3588,7 @@ const vo = () => (n) => n.pipe(
     ...i
   }))
 ), wo = (n, e, t) => n.bridgeEvent.pagination$.pipe(
-  E(e),
+  A(e),
   L(
     ([i, o]) => i.navigationId === o.id
   ),
@@ -3783,7 +3783,7 @@ const vo = () => (n) => n.pipe(
       )
     );
   })
-), Oe = ({
+), De = ({
   settings: n,
   spineItemsManager: e,
   spineLocator: t,
@@ -4031,7 +4031,7 @@ const Mo = ({
       }
     }))
   ))
-), Eo = "navigation/InternalNavigator", Ao = N.namespace(Eo);
+), Ao = "navigation/InternalNavigator", Eo = O.namespace(Ao);
 class Do extends _ {
   constructor(e, t, i, o, s, a, r, c) {
     super(), this.settings = e, this.context = t, this.userNavigation$ = i, this.viewportController = o, this.scrollNavigationController = s, this.navigationResolver = a, this.spine = r, this.isUserLocked$ = c, this.navigationSubject = new k({
@@ -4049,12 +4049,12 @@ class Do extends _ {
         id: I
       })),
       W(
-        ({ position: m, ...I }, { position: w, ...x }) => O(I, x) && O(m, w)
+        ({ position: m, ...I }, { position: w, ...x }) => N(I, x) && N(m, w)
       ),
       K(1)
     ), this.locker = new Bt();
     const u = i.pipe(
-      E(this.navigationSubject),
+      A(this.navigationSubject),
       Po,
       /**
        * Url lookup is heavier so we start with it to fill
@@ -4077,7 +4077,7 @@ class Do extends _ {
         spineItemsManager: r.spineItemsManager,
         spineLocator: r.locator
       }),
-      Oe({
+      De({
         navigationResolver: a,
         settings: e,
         spineItemsManager: r.spineItemsManager,
@@ -4091,7 +4091,7 @@ class Do extends _ {
         navigationResolver: a,
         spineItemsManager: r.spineItemsManager
       }),
-      E(c),
+      A(c),
       v(([m, I]) => {
         const w = m.navigation.cfi || m.navigation.url || e.values.computedPageTurnMode === "scrollable" || I;
         return b(m).pipe(
@@ -4103,16 +4103,16 @@ class Do extends _ {
           })
         );
       }),
-      Oe({
+      De({
         spineItemsManager: r.spineItemsManager,
         spineLocator: r.locator,
         settings: e,
         navigationResolver: a
       }),
       S((m) => m.navigation),
-      A()
+      E()
     ), l = u.pipe(
-      E(c),
+      A(c),
       L(([, m]) => m),
       v(([m]) => {
         const I = this.locker.lock();
@@ -4131,7 +4131,7 @@ class Do extends _ {
           T(u)
         );
       }),
-      A()
+      E()
     ), d = P(
       o.layout$,
       r.layout$
@@ -4195,14 +4195,14 @@ class Do extends _ {
       ft({
         spine: r
       }),
-      Oe({
+      De({
         spineItemsManager: r.spineItemsManager,
         spineLocator: r.locator,
         settings: e,
         navigationResolver: a
       }),
       S(({ navigation: m }) => m),
-      A()
+      E()
     ), h = wo(
       t,
       this.navigationSubject,
@@ -4213,7 +4213,7 @@ class Do extends _ {
       h
     ), y = (m) => m.pipe(
       $(([I, w]) => {
-        Ao.info(
+        Eo.info(
           `navigation updated from ${I.meta.triggeredBy} of type ${I.type}`,
           {
             previousNavigation: w,
@@ -4223,7 +4223,7 @@ class Do extends _ {
       })
     ), f = (m) => m.pipe(
       $(([I, w]) => {
-        const x = I.type === "scroll", C = I.meta.triggeredBy === "pagination", M = I.meta.triggeredBy === "restoration", H = O(
+        const x = I.type === "scroll", C = I.meta.triggeredBy === "pagination", M = I.meta.triggeredBy === "restoration", H = N(
           w.position,
           I.position
         );
@@ -4237,7 +4237,7 @@ class Do extends _ {
       })
     );
     g.pipe(
-      E(this.navigationSubject),
+      A(this.navigationSubject),
       /**
        * @important
        *
@@ -4254,8 +4254,8 @@ class Do extends _ {
     return this.navigationSubject.getValue();
   }
 }
-const Oo = 500;
-class No extends _ {
+const No = 500;
+class Oo extends _ {
   constructor(e, t, i, o, s, a) {
     super(), this.settings = e, this.context = t, this.spine = i, this.scrollNavigationController = o, this.locker = s, this.navigationSubject = new V(), this.navigation$ = this.navigationSubject.asObservable();
     const r = this.scrollNavigationController.userScroll$.pipe(
@@ -4266,7 +4266,7 @@ class No extends _ {
           b(c)
         ).pipe(
           Ie(
-            Oo,
+            No,
             re
           ),
           U(),
@@ -4299,7 +4299,7 @@ const Vo = (n) => ({
 }) : new F({
   x: -n.x,
   y: -n.y
-}), ko = "navigation/ViewportNavigator", St = N.namespace(ko);
+}), ko = "navigation/ViewportNavigator", St = O.namespace(ko);
 class Uo extends _ {
   constructor(e, t, i, o, s) {
     super(), this.settings = e, this.hookManager = t, this.context = i, this.spine = o, this.viewport = s, this.navigateSubject = new V(), this.element$ = new k(
@@ -4307,7 +4307,7 @@ class Uo extends _ {
     );
     const a = this.spine.element$.pipe(
       L(qe),
-      E(this.element$),
+      A(this.element$),
       $(([l, d]) => {
         d.style.cssText = `
           height: 100%;
@@ -4331,7 +4331,7 @@ class Uo extends _ {
       $(() => {
         St.info("layout", e.values);
       }),
-      A()
+      E()
     );
     const u = this.navigateSubject.pipe(
       $((l) => {
@@ -4350,7 +4350,7 @@ class Uo extends _ {
         return d.style.setProperty("transition", "none"), d.style.setProperty("opacity", "1"), P(
           b(!0),
           b(null).pipe(
-            Te(() => {
+            $e(() => {
               if (l?.type !== "manualAdjust") return b(!1);
               const p = l.animation === "snap" ? e.values.snapAnimationDuration : e.values.computedPageTurnAnimationDuration, h = l.animation === "snap" ? "slide" : e.values.computedPageTurnAnimation;
               return b(l).pipe(
@@ -4512,7 +4512,7 @@ class Wo extends de {
         (d) => t.watch(["computedPageTurnMode"]).pipe(
           v(
             ({ computedPageTurnMode: p }) => p === "controlled" ? ge : X(d, "scroll").pipe(
-              E(l),
+              A(l),
               L(
                 ([, h]) => !h
               ),
@@ -4521,7 +4521,7 @@ class Wo extends de {
           )
         )
       ),
-      A()
+      E()
     ), P(a, r, c).pipe(T(this.destroy$)).subscribe();
   }
   update(e) {
@@ -4540,10 +4540,10 @@ class Wo extends de {
     });
   }
 }
-const Fe = (n, e, t) => {
+const Te = (n, e, t) => {
   const i = t - n, o = t * (e * n) / (t || 1);
   return Math.max(0, Math.min(i, o));
-}, _e = (n, e) => (e || 0) === 0 || (n || 0) === 0 ? 1 : Math.floor(Math.max(1, n / e)), $e = (n, e, t) => {
+}, _e = (n, e) => (e || 0) === 0 || (n || 0) === 0 ? 1 : Math.floor(Math.max(1, n / e)), Ne = (n, e, t) => {
   const i = _e(t, e), o = [...Array(i)].map((s, a) => a * e);
   return n >= i * e ? o[o.length - 1] || 0 : o.find((s) => n < s + e) || 0;
 }, It = (n, e, t) => {
@@ -4599,7 +4599,7 @@ const Fe = (n, e, t) => {
   isUsingVerticalWriting: i
 }) => {
   if (i) {
-    const s = Fe(
+    const s = Te(
       t.getPageSize().height,
       n,
       e.height
@@ -4609,7 +4609,7 @@ const Fe = (n, e, t) => {
       y: s
     });
   }
-  const o = Fe(
+  const o = Te(
     t.getPageSize().width,
     n,
     e.width
@@ -4630,7 +4630,7 @@ const Fe = (n, e, t) => {
     a?.nodeName === "img" || a?.textContent === "" && a.nodeType === Node.ELEMENT_NODE ? u = a.getBoundingClientRect().x : a && (u = (a ? Cn(a, r) : void 0)?.getBoundingClientRect().x || u);
     const l = c.layout.layoutInfo?.width || 0, d = n.getPageSize().width;
     if (u !== void 0) {
-      const p = $e(
+      const p = Ne(
         u,
         d,
         l
@@ -4674,12 +4674,12 @@ const Fe = (n, e, t) => {
     getSpineItemClosestPositionFromUnsafePosition: (a, r) => {
       const { width: c, height: u } = r.layout.layoutInfo;
       return new R({
-        x: $e(
+        x: Ne(
           a.x,
           n.getPageSize().width,
           c
         ),
-        y: $e(
+        y: Ne(
           a.y,
           n.getPageSize().height,
           u
@@ -4689,7 +4689,7 @@ const Fe = (n, e, t) => {
     getSpineItemPagePositionFromSpineItemPosition: (a, r, c) => {
       const { width: u, height: l } = c.layout.layoutInfo, d = n.getPageSize().width, p = n.getPageSize().height;
       if (!!c.isUsingVerticalWriting()) {
-        const y = Fe(
+        const y = Te(
           p,
           r,
           l
@@ -4699,7 +4699,7 @@ const Fe = (n, e, t) => {
           y: a.y - y
         });
       }
-      const g = Fe(d, r, u);
+      const g = Te(d, r, u);
       if (n.isRTL()) {
         const y = u - (r + 1) * d;
         return new Ae({
@@ -4821,90 +4821,95 @@ const Fe = (n, e, t) => {
     pageSizeWidth: i.getPageSize().width,
     visibleAreaRectWidth: i.state.visibleAreaRect.width
   });
-}, Xo = ({
+}, Xo = (n, e) => {
+  if (e && e instanceof HTMLIFrameElement)
+    return n.startsWith("#") ? e.contentDocument?.getElementById(
+      n.replace("#", "")
+    ) : e.contentDocument?.querySelector(n);
+}, Yo = ({
   anchor: n,
   spineItem: e,
-  context: t
+  spine: t
 }) => {
-  const i = e.layout.layoutInfo?.width || 0, o = t.getPageSize().width, a = e.getBoundingRectOfElementFromSelector(n)?.x || 0;
-  return $e(
-    a,
-    o,
-    i
+  const i = Xo(
+    n,
+    e.renderer.getDocumentFrame()
   );
-}, Yo = ({
+  return i ? t.spineItemLocator.getSpineItemPositionFromNode(i, 0, e)?.x ?? 0 : 0;
+}, qo = ({
   anchor: n,
-  context: e,
-  spineItem: t,
-  spineLocator: i
+  spineItem: e,
+  spineLocator: t,
+  spine: i
 }) => {
-  const o = Xo({
+  const o = Yo({
     anchor: n,
-    spineItem: t,
-    context: e
+    spineItem: e,
+    spine: i
   });
-  return i.getSpinePositionFromSpineItemPosition({
+  return t.getSpinePositionFromSpineItemPosition({
     spineItemPosition: new R({ x: o, y: 0 }),
-    spineItem: t
+    spineItem: e
   });
-}, qo = ({
+}, Zo = ({
   anchor: n,
   spineItem: e,
   spineLocator: t,
-  context: i,
+  spine: i,
   pageSizeWidth: o,
   visibleAreaRectWidth: s
 }) => {
-  const a = Yo({
+  const a = qo({
     anchor: n,
-    context: i,
     spineItem: e,
-    spineLocator: t
+    spineLocator: t,
+    spine: i
   });
   return ee({
     position: a,
     pageSizeWidth: o,
     visibleAreaRectWidth: s
   });
-}, Zo = ({
-  context: n,
+}, Go = ({
+  spine: n,
   spineItemsManager: e,
   spineLocator: t,
   url: i,
-  pageSizeWidth: o,
-  visibleAreaRectWidth: s
+  context: o,
+  pageSizeWidth: s,
+  visibleAreaRectWidth: a
 }) => {
   try {
-    const a = i instanceof URL ? i : new URL(i), r = `${a.origin}${a.pathname}`, c = n.manifest?.spineItems.find(
-      (u) => u.href === r
+    const r = i instanceof URL ? i : new URL(i), c = `${r.origin}${r.pathname}`, u = o.manifest?.spineItems.find(
+      (l) => l.href === c
     );
-    if (c) {
-      const u = e.get(c.id);
-      if (u) {
-        const l = qo({
-          anchor: a.hash,
-          spineItem: u,
-          context: n,
+    if (u) {
+      const l = e.get(u.id);
+      if (l) {
+        const d = Zo({
+          anchor: r.hash,
+          spineItem: l,
+          spine: n,
           spineLocator: t,
-          pageSizeWidth: o,
-          visibleAreaRectWidth: s
+          pageSizeWidth: s,
+          visibleAreaRectWidth: a
         });
         return {
           position: ee({
-            position: l,
-            pageSizeWidth: o,
-            visibleAreaRectWidth: s
+            position: d,
+            pageSizeWidth: s,
+            visibleAreaRectWidth: a
           }),
-          spineItemId: c.id
+          spineItemId: u.id
         };
       }
     }
     return;
-  } catch (a) {
-    console.error(a);
+  } catch (r) {
+    console.error(r);
     return;
   }
-}, Go = ({
+}, Jo = ({
   spineItem: n,
   spineItemPosition: e,
   spineLocator: t,
@@ -4923,7 +4928,7 @@ const Fe = (n, e, t) => {
     pageSizeWidth: o.getPageSize().width,
     visibleAreaRectWidth: o.state.visibleAreaRect.width
   });
-}, Jo = "spineNavigator", Ko = ({
+}, Ko = "spineNavigator", Qo = ({
   context: n,
   spineItemsManager: e,
   locator: t,
@@ -4932,13 +4937,14 @@ const Fe = (n, e, t) => {
 }) => {
   const s = Bo({ context: n, settings: i });
   return {
-    getNavigationForUrl: (p) => Zo({
+    getNavigationForUrl: (p) => Go({
       context: n,
       spineItemsManager: e,
       spineLocator: t,
       url: p,
       pageSizeWidth: n.getPageSize().width,
-      visibleAreaRectWidth: n.state.visibleAreaRect.width
+      visibleAreaRectWidth: n.state.visibleAreaRect.width,
+      spine: o
     }),
     getNavigationForSpineItemPage: (p) => _o({
       ...p,
@@ -4947,7 +4953,7 @@ const Fe = (n, e, t) => {
       spineItemNavigationResolver: s,
       spineLocator: t
     }),
-    getNavigationFromSpineItemPosition: (p) => Go({
+    getNavigationFromSpineItemPosition: (p) => Jo({
       ...p,
       spineItemLocator: t.spineItemLocator,
       spineLocator: t,
@@ -4959,7 +4965,7 @@ const Fe = (n, e, t) => {
         spineItemsManager: e
       });
       if (!h) {
-        N.warn(Jo, `unable to detect item id from cfi ${p}`);
+        O.warn(Ko, `unable to detect item id from cfi ${p}`);
         return;
       }
       const f = g ? s.getNavigationFromNode(h, g, y) : new R({ x: 0, y: 0 }), m = t.getSpinePositionFromSpineItemPosition({
@@ -5037,7 +5043,7 @@ const Fe = (n, e, t) => {
     }),
     spineItemNavigator: s
   };
-}, Qo = ({
+}, es = ({
   spineItemsManager: n,
   context: e,
   hookManager: t,
@@ -5045,7 +5051,7 @@ const Fe = (n, e, t) => {
   settings: o,
   viewport: s
 }) => {
-  const a = new V(), r = new Bt(), c = Ko({
+  const a = new V(), r = new Bt(), c = Qo({
     context: e,
     settings: o,
     spineItemsManager: n,
@@ -5063,7 +5069,7 @@ const Fe = (n, e, t) => {
     t,
     i,
     e
-  ), d = new No(
+  ), d = new Oo(
     o,
     e,
     i,
@@ -5090,7 +5096,7 @@ const Fe = (n, e, t) => {
   ]).pipe(
     Y((m) => m.some((I) => I) ? "busy" : "free"),
     G(),
-    Ce(1)
+    Me(1)
   );
   return {
     destroy: () => {
@@ -5112,7 +5118,7 @@ const Fe = (n, e, t) => {
     navigation$: h.navigation$
   };
 };
-class es extends de {
+class ts extends de {
   constructor(e, t) {
     super({
       beginPageIndexInSpineItem: void 0,
@@ -5130,7 +5136,7 @@ class es extends de {
     this.mergeCompare(e);
   }
 }
-class ts extends _ {
+class ns extends _ {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.pagination = t, this.spineItemsManager = i, this.spine = o, this.spineItemLocator = s;
     const a = P(
@@ -5148,7 +5154,7 @@ class ts extends _ {
         });
         return this.context.bridgeEvent.navigationUnlocked$.pipe(
           wt(1),
-          E(this.context.bridgeEvent.navigation$),
+          A(this.context.bridgeEvent.navigation$),
           $(([, u]) => {
             const { position: l } = u, d = this.pagination.value, {
               beginIndex: p,
@@ -5180,7 +5186,7 @@ class ts extends _ {
         );
       })
     ), r = a.pipe(
-      Re(this.context.bridgeEvent.viewportFree$),
+      Ce(this.context.bridgeEvent.viewportFree$),
       $(() => {
         const {
           beginSpineItemIndex: c,
@@ -5208,7 +5214,7 @@ class ts extends _ {
     P(a, r).pipe(T(this.destroy$)).subscribe();
   }
 }
-class ns extends _ {
+class is extends _ {
   constructor(e) {
     super();
     const t = {
@@ -5218,7 +5224,7 @@ class ns extends _ {
     this.inputSettings = t, this.outputSettingsUpdateSubject = new V(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(K(1)), this._settings$.subscribe();
   }
   _prepareUpdate(e) {
-    const t = xe(this.inputSettings, e), i = this.getOutputSettings(t), o = !O(this.outputSettings, i);
+    const t = xe(this.inputSettings, e), i = this.getOutputSettings(t), o = !N(this.outputSettings, i);
     return {
       hasChanged: o,
       state: i,
@@ -5246,14 +5252,14 @@ class ns extends _ {
   watch(e) {
     return this.values$.pipe(
       Rt(e),
-      W(O)
+      W(N)
     );
   }
   destroy() {
     super.destroy(), this.outputSettingsUpdateSubject.complete();
   }
 }
-class is extends ns {
+class os extends is {
   constructor(e, t) {
     super(e), this.context = t;
     const i = z([
@@ -5277,7 +5283,7 @@ class is extends ns {
       computedPageTurnMode: e.pageTurnMode,
       computedPageTurnAnimationDuration: 0
     };
-    return t?.renditionFlow === "scrolled-continuous" && (o.computedPageTurnMode = "scrollable"), o.computedPageTurnMode === "scrollable" && (o.computedPageTurnDirection = "vertical"), i && o.computedPageTurnAnimation === "slide" && (N.warn(
+    return t?.renditionFlow === "scrolled-continuous" && (o.computedPageTurnMode = "scrollable"), o.computedPageTurnMode === "scrollable" && (o.computedPageTurnDirection = "vertical"), i && o.computedPageTurnAnimation === "slide" && (O.warn(
       `pageTurnAnimation ${o.computedPageTurnAnimation} incompatible with current book, switching back to default`
     ), o.computedPageTurnAnimation = "none"), o.computedPageTurnMode === "scrollable" ? (o.computedPageTurnAnimationDuration = 0, o.computedPageTurnAnimation = "none") : o.computedPageTurnAnimationDuration = e.pageTurnAnimationDuration !== void 0 ? e.pageTurnAnimationDuration : 300, o;
   }
@@ -5298,7 +5304,7 @@ class is extends ns {
     };
   }
 }
-class os extends ye {
+class ss extends ye {
   onUnload() {
     return J;
   }
@@ -5317,14 +5323,14 @@ class os extends ye {
   getDocumentFrame() {
   }
 }
-class ss extends _ {
+class rs extends _ {
   constructor(e, t, i, o, s, a) {
     super(), this.item = e, this.containerElement = t, this.context = i, this.hookManager = o, this.renderer = s, this.settings = a, this.layoutTriggerSubject = new V(), this.lastLayout = null, this.applyDimsAfterLayout = ({
       blankPagePosition: r,
       minimumWidth: c
     }) => (u) => u.pipe(
       S((l) => {
-        const d = O(
+        const d = N(
           this.lastLayout?.pageSize,
           this.context.getPageSize()
         ) ? this.lastLayout : void 0, { width: p, height: h } = d ?? {}, { width: g = p, height: y = h } = l ?? {}, { width: f, height: m } = this.context.getPageSize(), I = this.validateDimension(
@@ -5382,11 +5388,11 @@ class ss extends _ {
           )
         );
       }),
-      A()
+      E()
     ), this.layout$ = this.layoutProcess$.pipe(
       L((r) => r.type === "end"),
       S((r) => r.data),
-      A()
+      E()
     );
   }
   validateDimension(e, t, i) {
@@ -5408,11 +5414,7 @@ class Yt extends de {
       isLoaded: !1,
       isReady: !1,
       iDirty: !1
-    }), this.item = e, this.parentElement = t, this.context = i, this.settings = o, this.hookManager = s, this.index = a, this.getBoundingRectOfElementFromSelector = (d) => {
-      const p = this.renderer.getDocumentFrame();
-      if (p && p instanceof HTMLIFrameElement && d)
-        return d.startsWith("#") ? p.contentDocument?.getElementById(d.replace("#", ""))?.getBoundingClientRect() : p.contentDocument?.querySelector(d)?.getBoundingClientRect();
-    }, this.load = () => {
+    }), this.item = e, this.parentElement = t, this.context = i, this.settings = o, this.hookManager = s, this.index = a, this.load = () => {
       this.renderer.load();
     }, this.unload = () => {
       this.renderer.unload();
@@ -5422,7 +5424,7 @@ class Yt extends de {
       });
     }, this.destroy = () => {
       super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = rs(
+    }, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.containerElement = as(
       t,
       e,
       s
@@ -5437,7 +5439,7 @@ class Yt extends de {
       containerElement: this.containerElement,
       resourcesHandler: this.resourcesHandler
     };
-    this.renderer = r ? r(c) : new os(c), this.layout = new ss(
+    this.renderer = r ? r(c) : new ss(c), this.layout = new rs(
       e,
       this.containerElement,
       i,
@@ -5522,14 +5524,14 @@ class Yt extends de {
     });
   }
 }
-const rs = (n, e, t) => {
+const as = (n, e, t) => {
   const i = n.ownerDocument.createElement("div");
   return i.classList.add("spineItem"), i.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), i.style.cssText = `
     position: absolute;
     overflow: hidden;
   `, i.dataset.isReady = "false", t.execute("item.onBeforeContainerCreated", void 0, { element: i }), i;
 };
-class as extends _ {
+class cs extends _ {
   constructor(e, t, i, o, s) {
     super(), this.context = e, this.spineItemsManager = t, this.spineLocator = i, this.settings = o, this.spineLayout = s, this.forcedOpenSubject = new k([]);
     const a = this.forcedOpenSubject.pipe(
@@ -5547,8 +5549,8 @@ class as extends _ {
       // Ideally loading faster is better but loading too close to user navigating can
       // be dangerous.
       Ie(100, re),
-      Re(this.context.bridgeEvent.viewportFree$),
-      E(this.context.bridgeEvent.navigation$, a),
+      Ce(this.context.bridgeEvent.viewportFree$),
+      A(this.context.bridgeEvent.navigation$, a),
       S(([, u, l]) => {
         const { numberOfAdjacentSpineItemToPreLoad: d } = o.values, { beginIndex: p = 0, endIndex: h = 0 } = i.getVisibleSpineItemsFromPosition({
           position: u.position,
@@ -5605,17 +5607,17 @@ class Se extends DOMRect {
     return new Se(i.x, i.y, i.width, i.height);
   }
 }
-class cs {
+class us {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
   }
 }
-class us {
+class ls {
   constructor({ width: e, height: t }) {
     this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
   }
 }
-const ls = ({
+const ds = ({
   pageIndex: n,
   spineItemOrId: e,
   spineItemsManager: t
@@ -5637,7 +5639,7 @@ const ls = ({
     { currentAbsolutePage: 0, found: !1 }
   );
   return s;
-}, ds = ({
+}, ps = ({
   itemHeight: n,
   itemWidth: e,
   visibleWidthOfItem: t,
@@ -5646,7 +5648,7 @@ const ls = ({
 }) => {
   const s = t / e, a = i / n;
   return o.type === "percentage" ? s >= o.value && a >= o.value : t >= o.value && i >= o.value;
-}, ps = ({
+}, gs = ({
   visibleWidthOfItem: n,
   visibleHeightOfItem: e,
   threshold: t,
@@ -5678,14 +5680,14 @@ const ls = ({
     Math.min(n, p) - Math.max(i, d)
   );
   if (h <= 0 || g <= 0) return { visible: !1 };
-  const f = ps({
+  const f = gs({
     threshold: a,
     visibleHeightOfItem: g,
     visibleWidthOfItem: h,
     viewportPosition: r
   });
   return c ? { visible: f } : {
-    visible: ds({
+    visible: ps({
       itemHeight: s,
       itemWidth: o,
       threshold: a,
@@ -5703,13 +5705,13 @@ const ls = ({
     return u && l;
   });
   return n.x === 0 && !i ? e.items[0] : i;
-}, Ne = ({
+}, Oe = ({
   spineItemPosition: n,
   itemLayout: { left: e, top: t }
 }) => new F({
   x: e + n.x,
   y: t + n.y
-}), gs = ({
+}), hs = ({
   position: n,
   threshold: e,
   restrictToScreen: t,
@@ -5747,7 +5749,7 @@ const ls = ({
     beginIndex: d ?? 0,
     endIndex: p ?? 0
   };
-}, hs = ({
+}, ms = ({
   spineItemsManager: n,
   context: e,
   spineItemLocator: t,
@@ -5768,7 +5770,7 @@ const ls = ({
       x: Math.max(g.x - f, 0),
       y: Math.max(g.y - m, 0)
     });
-  }, r = (g) => Ne({
+  }, r = (g) => Oe({
     spineItemPosition: new R({ x: 0, y: 0 }),
     itemLayout: o.getSpineItemSpineLayoutInfo(g)
   }), c = (g) => n.items.find((y) => y.renderer.getDocumentFrame() === g), u = (g, y, f) => {
@@ -5797,7 +5799,7 @@ const ls = ({
       const pe = t.getSpineItemPositionFromPageIndex({
         pageIndex: ce,
         spineItem: f
-      }), ue = Ne({
+      }), ue = Oe({
         spineItemPosition: pe,
         itemLayout: o.getSpineItemSpineLayoutInfo(f)
       });
@@ -5843,7 +5845,7 @@ const ls = ({
       spineItemPosition: y
     }) => {
       const f = o.getSpineItemSpineLayoutInfo(g);
-      return Ne({
+      return Oe({
         itemLayout: f,
         spineItemPosition: y
       });
@@ -5851,7 +5853,7 @@ const ls = ({
     /**
      * @deprecated use Pages
      */
-    _getAbsolutePageIndexFromPageIndex: (g) => ls({
+    _getAbsolutePageIndexFromPageIndex: (g) => ds({
       ...g,
       spineItemsManager: n
     }),
@@ -5892,7 +5894,7 @@ const ls = ({
     }),
     getSpineItemFromIframe: c,
     getSpineItemPageIndexFromNode: u,
-    getVisibleSpineItemsFromPosition: (g) => gs({
+    getVisibleSpineItemsFromPosition: (g) => hs({
       spineItemsManager: n,
       spineLayout: o,
       viewport: s,
@@ -5915,7 +5917,7 @@ const ls = ({
       });
     }
   };
-}, ms = N.namespace("spine"), fs = ({
+}, fs = O.namespace("spine"), ys = ({
   position: n,
   pageSize: e
 }) => new pi({
@@ -5927,12 +5929,12 @@ const ls = ({
   bottom: n.y + e.height,
   right: n.x + e.width
 });
-class ys extends de {
+class Ss extends de {
   constructor(e, t, i, o, s, a) {
     super({ pages: [] }), this.spineLayout = e, this.spineItemsManager = t, this.spineItemLocator = i, this.context = o, this.locator = s, this.viewport = a, this.fromSpineItemPageIndex = (r, c) => this.value.pages.find(
       (u) => u.itemIndex === r.index && u.pageIndex === c
     ), this.fromAbsolutePageIndex = (r) => this.value.pages.reduce((c, u) => c || (u.absolutePageIndex === r ? u : c), void 0), this.observeFromAbsolutePageIndex = (r) => this.pipe(S(() => this.fromAbsolutePageIndex(r))), this.layout$ = e.layout$.pipe(
-      E(a),
+      A(a),
       v(([, { pageSize: r }]) => {
         const c = t.items.reduce(
           (l, d, p) => {
@@ -5945,7 +5947,7 @@ class ys extends de {
                 spineItemPosition: m
               });
               return {
-                absoluteLayout: fs({
+                absoluteLayout: ys({
                   pageSize: r,
                   position: I
                 }),
@@ -5984,12 +5986,12 @@ class ys extends de {
           })
         );
       }),
-      S((r) => (ms.info("Pages layout", r), { pages: r })),
-      A()
+      S((r) => (fs.info("Pages layout", r), { pages: r })),
+      E()
     ), this.layout$.pipe(T(this.destroy$)).subscribe(this.next.bind(this));
   }
 }
-class Ss extends _ {
+class Is extends _ {
   constructor(e, t) {
     super(), this.spineItemsManager = e, this.spineLocator = t, this.itemIsReady$ = this.spineItemsManager.items$.pipe(
       v((i) => {
@@ -5998,7 +6000,7 @@ class Ss extends _ {
         );
         return P(...o);
       }),
-      A()
+      E()
     ), this.itemResize$ = this.spineItemsManager.items$.pipe(
       v((i) => {
         const o = i.map(
@@ -6008,7 +6010,7 @@ class Ss extends _ {
         );
         return P(...o);
       }),
-      A()
+      E()
     ), this.itemLoaded$ = this.spineItemsManager.items$.pipe(
       v((i) => {
         const o = i.map(
@@ -6019,7 +6021,7 @@ class Ss extends _ {
     );
   }
 }
-const Is = ({
+const bs = ({
   horizontalOffset: n,
   verticalOffset: e,
   context: t,
@@ -6089,7 +6091,7 @@ const Is = ({
     })
   );
 };
-class bs extends _ {
+class vs extends _ {
   constructor(e, t, i, o) {
     super(), this.spineItemsManager = e, this.context = t, this.settings = i, this.viewport = o, this.layoutSubject = new V(), this.spineItemsRelativeLayouts = [], e.items$.pipe(
       $(() => {
@@ -6138,7 +6140,7 @@ class bs extends _ {
           rn(
             (u, l, d) => u.pipe(
               it(
-                ({ horizontalOffset: p, verticalOffset: h }) => Is({
+                ({ horizontalOffset: p, verticalOffset: h }) => bs({
                   context: this.context,
                   horizontalOffset: p,
                   index: d,
@@ -6170,7 +6172,7 @@ class bs extends _ {
           })
         );
       }),
-      A()
+      E()
     ), P(this.layout$).pipe(T(this.destroy$)).subscribe();
   }
   layout() {
@@ -6196,32 +6198,32 @@ class bs extends _ {
     super.destroy(), this.layoutSubject.complete();
   }
 }
-class vs extends _ {
+class ws extends _ {
   constructor(e, t, i, o, s, a, r, c) {
     super(), this.parentElement$ = e, this.context = t, this.pagination = i, this.spineItemsManager = o, this.spineItemLocator = s, this.settings = a, this.hookManager = r, this.viewport = c, this.elementSubject = new k(
       void 0
-    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new bs(
+    ), this.element$ = this.elementSubject.asObservable(), this.spineLayout = new vs(
       o,
       t,
       a,
       c
-    ), this.locator = hs({
+    ), this.locator = ms({
       context: t,
       spineItemsManager: o,
       spineItemLocator: s,
       settings: a,
       spineLayout: this.spineLayout,
       viewport: c
-    }), this.spineItemsLoader = new as(
+    }), this.spineItemsLoader = new cs(
       this.context,
       o,
       this.locator,
       a,
       this.spineLayout
-    ), this.spineItemsObserver = new Ss(
+    ), this.spineItemsObserver = new Is(
       o,
       this.locator
-    ), this.pages = new ys(
+    ), this.pages = new Ss(
       this.spineLayout,
       this.spineItemsManager,
       this.spineItemLocator,
@@ -6276,7 +6278,7 @@ class vs extends _ {
     super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
   }
 }
-class ws extends _ {
+class Ps extends _ {
   constructor(e, t) {
     super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new k([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
   }
@@ -6317,7 +6319,7 @@ class ws extends _ {
     this.orderedSpineItemsSubject.value.forEach((e) => e.destroy());
   }
 }
-class Ps extends de {
+class xs extends de {
   constructor(e) {
     const t = document.createElement("div");
     t.style.cssText = `
@@ -6351,7 +6353,7 @@ class Ps extends de {
   }
   get absoluteViewport() {
     const e = this.context.state.visibleAreaRect;
-    return new cs({
+    return new us({
       width: e.width,
       height: e.height
     });
@@ -6376,17 +6378,17 @@ class Ps extends de {
    */
   get relativeViewport() {
     const e = this.absoluteViewport, t = this.scaleFactor;
-    return new us({
+    return new ls({
       width: e.width / t,
       height: e.height / t
     });
   }
 }
-const xs = (n) => {
-  const e = new V(), t = new V(), i = new bo(), o = new So(), s = new is(n, o), a = new Io(o, s), r = new ws(o, s), c = new Ps(o), u = o.watch("rootElement"), l = Xt({
+const $s = (n) => {
+  const e = new V(), t = new V(), i = new bo(), o = new So(), s = new os(n, o), a = new Io(o, s), r = new Ps(o, s), c = new xs(o), u = o.watch("rootElement"), l = Xt({
     context: o,
     settings: s
-  }), d = new es(o, r), p = new vs(
+  }), d = new ts(o, r), p = new ws(
     u,
     o,
     d,
@@ -6395,14 +6397,14 @@ const xs = (n) => {
     s,
     i,
     c
-  ), h = Qo({
+  ), h = es({
     context: o,
     spineItemsManager: r,
     hookManager: i,
     spine: p,
     settings: s,
     viewport: c
-  }), g = new ts(
+  }), g = new ns(
     o,
     d,
     r,
@@ -6417,11 +6419,11 @@ const xs = (n) => {
   }, f = (x) => {
     const { containerElement: C, manifest: M } = x;
     if (o.manifest) {
-      N.warn("loading a new book is not supported yet");
+      O.warn("loading a new book is not supported yet");
       return;
     }
-    N.log("load", { options: x });
-    const H = $s(C);
+    O.log("load", { options: x });
+    const H = Ts(C);
     o.update({
       manifest: M,
       rootElement: H,
@@ -6496,11 +6498,11 @@ const xs = (n) => {
       destroy$: t
     }
   };
-}, $s = (n) => (n.style.cssText = `
+}, Ts = (n) => (n.style.cssText = `
     ${n.style.cssText}
     background-color: white;
     position: relative;
-  `, n.classList.add(`${me}-reader`), n), Ns = (
+  `, n.classList.add(`${me}-reader`), n), Vs = (
   //__
   co(
     Bn(
@@ -6520,7 +6522,7 @@ const xs = (n) => {
                                 wi(
                                   Un(
                                     // __
-                                    xs
+                                    $s
                                   )
                                 )
                               )
@@ -6538,7 +6540,7 @@ const xs = (n) => {
       )
     )
   )
-), Vs = (n) => (e) => n(e);
+), js = (n) => (e) => n(e);
 export {
   Vt as AbstractSpinePosition,
   So as Context,
@@ -6550,27 +6552,27 @@ export {
   Do as InternalNavigator,
   et as LayoutEntry,
   Bt as Locker,
-  ys as Pages,
-  es as Pagination,
-  ts as PaginationController,
+  Ss as Pages,
+  ts as Pagination,
+  ns as PaginationController,
   Qe as ResourceHandler,
   Qi as ResourcesLocator,
   Wo as ScrollNavigationController,
-  ns as SettingsManager,
-  vs as Spine,
+  is as SettingsManager,
+  ws as Spine,
   Yt as SpineItem,
   di as SpineItemPageLayout,
   pi as SpineItemPageSpineLayout,
   R as SpineItemPosition,
   ze as SpineItemSpineLayout,
-  ws as SpineItemsManager,
-  Ss as SpineItemsObserver,
+  Ps as SpineItemsManager,
+  Is as SpineItemsObserver,
   F as SpinePosition,
   Ae as UnsafeSpineItemPagePosition,
   be as UnsafeSpinePosition,
-  Ps as Viewport,
+  xs as Viewport,
   Ki as consolidate,
-  Ns as createReader,
+  Vs as createReader,
   rt as deferIdle,
   Wn as deferNextResult,
   He as generateCfiForSpineItemPage,
@@ -6580,12 +6582,12 @@ export {
   Ze as getFrameViewportInfo,
   Os as getItemAnchor,
   li as htmlEnhancer,
-  Et as idle,
+  At as idle,
   bn as injectCSS,
   Ct as isHtmlElement,
-  On as isHtmlTagElement,
+  Nn as isHtmlTagElement,
   Be as isRootCfi,
-  Us as isShallowEqual,
+  Ws as isShallowEqual,
   wi as layoutEnhancer,
   Rt as mapKeysTo,
   Es as observeIntersection,
@@ -6593,14 +6595,14 @@ export {
   Ke as observeResize,
   eo as paginationEnhancer,
   tt as parseCfi,
-  Rs as removeCSS,
+  As as removeCSS,
   Wt as resolveCfi,
-  Vs as rootEnhancer,
-  fs as spinePositionToSpineItemSpineLayout,
+  js as rootEnhancer,
+  ys as spinePositionToSpineItemSpineLayout,
   ne as upsertCSSToFrame,
   vn as waitForFrameLoad,
   wn as waitForFrameReady,
-  Re as waitForSwitch,
+  Ce as waitForSwitch,
   Je as watchKeys
 };
 //# sourceMappingURL=index.js.map