@prose-reader/core 1.310.0 → 1.312.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { Report as e, arrayEqual as t, detectMimeTypeFromName as n, getItemSpreadPosition as r, getParentPath as i, isShallowEqual as a, isShallowEqual as o, parseContentType as s, shallowMergeIfDefined as c } from "@prose-reader/shared";
-import { BehaviorSubject as l, EMPTY as u, NEVER as d, Observable as f, ReplaySubject as p, Subject as m, animationFrameScheduler as h, auditTime as g, catchError as _, combineLatest as v, concatMap as ee, debounce as te, debounceTime as ne, defaultIfEmpty as re, defer as ie, delay as ae, distinctUntilChanged as y, endWith as oe, exhaustMap as se, filter as b, finalize as x, first as S, forkJoin as ce, from as C, fromEvent as w, identity as le, lastValueFrom as ue, map as T, merge as E, mergeMap as de, of as D, scheduled as fe, share as O, shareReplay as k, skip as pe, startWith as me, switchMap as A, switchScan as he, take as ge, takeUntil as j, tap as M, throttleTime as _e, timeout as ve, timer as ye, withLatestFrom as N } from "rxjs";
+import { BehaviorSubject as l, EMPTY as u, NEVER as d, Observable as f, ReplaySubject as p, Subject as m, animationFrameScheduler as h, auditTime as g, catchError as _, combineLatest as v, concatMap as ee, debounce as te, debounceTime as ne, defaultIfEmpty as re, defer as ie, delay as ae, distinctUntilChanged as y, endWith as oe, exhaustMap as se, filter as b, finalize as ce, first as x, forkJoin as le, from as S, fromEvent as C, identity as ue, lastValueFrom as de, map as w, merge as T, mergeMap as fe, of as E, scheduled as pe, share as D, shareReplay as O, skip as me, startWith as k, switchMap as A, switchScan as he, take as ge, takeUntil as j, tap as M, throttleTime as _e, timeout as ve, timer as ye, withLatestFrom as N } from "rxjs";
 import { catchError as be, debounceTime as xe, distinctUntilChanged as Se, filter as Ce, first as we, map as P, mergeMap as Te, pairwise as Ee, share as De, shareReplay as Oe, skip as ke, startWith as Ae, switchMap as F, take as je, takeUntil as I, tap as L } from "rxjs/operators";
 import { generate as Me, isIndirectionOnly as Ne, isParsedCfiRange as Pe, parse as Fe, resolve as Ie } from "@prose-reader/cfi";
 var R = e.namespace("@prose-reader/core", void 0, { color: "#98cde7" }), Le = [
@@ -226,9 +226,9 @@ var nt = (e, t, n, r) => {
 		}
 	}
 	return { hasViewport: !1 };
-}, lt = (e) => e.pipe(A((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? D(e) : w(e, "load").pipe(ge(1), T(() => e)))), ut = (e) => e.pipe(A((e) => {
+}, lt = (e) => e.pipe(A((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? E(e) : C(e, "load").pipe(ge(1), w(() => e)))), ut = (e) => e.pipe(A((e) => {
 	let t = e?.contentDocument?.fonts.ready;
-	return t ? C(t).pipe(T(() => e)) : D(e);
+	return t ? S(t).pipe(w(() => e)) : E(e);
 })), dt = (e) => (t) => {
 	let n = e(t), r = new IntersectionObserver((e) => {
 		e.forEach((e) => {
@@ -392,7 +392,7 @@ var St = (e) => (t) => t.pipe(F((t) => e.pipe(we(), P(() => t)))), Ct = (e) => {
 	let t, n = e.subscribe((e) => {
 		t = { result: e };
 	});
-	return () => (n.unsubscribe(), t ? D(t.result) : e);
+	return () => (n.unsubscribe(), t ? E(t.result) : e);
 };
 function wt() {
 	return new f((e) => {
@@ -504,7 +504,7 @@ var Ot = class {
 			let e = t?.renderer.getDocumentFrame();
 			e && H(e, "prose-reader-fonts", l());
 		}
-	}), c.values$.pipe((e) => e.pipe(Ee(), T(([e, t]) => t.fontScale !== e.fontScale || t.lineHeight !== e.lineHeight)), L((e) => {
+	}), c.values$.pipe((e) => e.pipe(Ee(), w(([e, t]) => t.fontScale !== e.fontScale || t.lineHeight !== e.lineHeight)), L((e) => {
 		s.spineItemsManager.items.forEach((e) => {
 			if (e.renditionLayout !== "pre-paginated") {
 				let t = e.renderer.getDocumentFrame();
@@ -519,7 +519,7 @@ var Ot = class {
 		settings: c
 	};
 }, jt = (e) => (t) => {
-	let n = e(t), r = (e) => w(e, "keyup").pipe(T((e) => {
+	let n = e(t), r = (e) => C(e, "keyup").pipe(w((e) => {
 		let { pageTurnDirection: t, computedPageTurnMode: r } = n.settings.values;
 		if (r === "scrollable") return e;
 		if (t === "horizontal") {
@@ -532,16 +532,16 @@ var Ot = class {
 		}
 		return e;
 	}));
-	return r(document).pipe(j(n.$.destroy$)).subscribe(), n.spineItemsManager.items$.pipe(A((e) => E(...e.map((e) => e.watch("isLoaded").pipe(A(() => {
+	return r(document).pipe(j(n.$.destroy$)).subscribe(), n.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.watch("isLoaded").pipe(A(() => {
 		let t = e.renderer.getDocumentFrame();
 		return t instanceof HTMLIFrameElement && t?.contentDocument ? r(t.contentDocument) : u;
 	}))))), j(n.$.destroy$)).subscribe(), n;
-}, Mt = (e) => e.spine.spineItemsManager.items$.pipe(A((e) => E(...e.map((e) => e.watch("isLoaded").pipe(A(() => {
+}, Mt = (e) => e.spine.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.watch("isLoaded").pipe(A(() => {
 	let t = e.renderer.getDocumentFrame();
-	return !t || !t?.contentDocument ? d : E(...Array.from(t.contentDocument.querySelectorAll("a")).map((e) => w(e, "click")));
+	return !t || !t?.contentDocument ? d : T(...Array.from(t.contentDocument.querySelectorAll("a")).map((e) => C(e, "click")));
 }))))), M((e) => {
 	e.preventDefault();
-}), O()), U = class extends f {
+}), D()), U = class extends f {
 	constructor(e) {
 		super((e) => this.stateSubject.pipe(j(this._destroy$)).subscribe(e)), this._destroy$ = new m(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new l(e), this.state$ = this.stateSubject.asObservable();
 	}
@@ -556,7 +556,7 @@ var Ot = class {
 		o(this.value, t) || this.stateSubject.next(t);
 	}
 	watch(e) {
-		return Array.isArray(e) ? this.stateSubject.pipe(bt(e)) : this.stateSubject.pipe(T((t) => t[e]), y(o));
+		return Array.isArray(e) ? this.stateSubject.pipe(bt(e)) : this.stateSubject.pipe(w((t) => t[e]), y(o));
 	}
 	get value() {
 		return this.stateSubject.value;
@@ -575,35 +575,35 @@ var Ot = class {
 			documentContainer: void 0
 		}), this.triggerSubject = new m(), this.context = e.context, this.settings = e.settings, this.hookManager = e.hookManager, this.item = e.item, this.containerElement = e.containerElement, this.resourcesHandler = e.resourcesHandler, this.viewport = e.viewport;
 		let t = this.triggerSubject.pipe(b((e) => e.type === "unload")), n = this.triggerSubject.pipe(b((e) => e.type === "load"));
-		this.loaded$ = n.pipe(de(() => this.value.state === "loaded" || this.value.state === "loading" ? u : (this.mergeCompare({
+		this.loaded$ = n.pipe(fe(() => this.value.state === "loaded" || this.value.state === "loading" ? u : (this.mergeCompare({
 			state: "loading",
 			error: void 0
-		}), this.onCreateDocument().pipe(S()).pipe(de((e) => (this.hookManager.execute("item.onDocumentCreated", {
+		}), this.onCreateDocument().pipe(x()).pipe(fe((e) => (this.hookManager.execute("item.onDocumentCreated", {
 			itemId: this.item.id,
 			documentContainer: e
-		}), this.onLoadDocument().pipe(oe(null), S()).pipe(St(this.context.bridgeEvent.viewportFree$), A(() => this.hookManager.fromExecuteAsync("item.onDocumentLoad", this.item.id, {
+		}), this.onLoadDocument().pipe(oe(null), x()).pipe(St(this.context.bridgeEvent.viewportFree$), A(() => this.hookManager.fromExecuteAsync("item.onDocumentLoad", this.item.id, {
 			itemId: this.item.id,
 			documentContainer: e
-		}))))), T(() => {
+		}))))), w(() => {
 			this.mergeCompare({
 				state: "loaded",
 				error: void 0
 			});
-		}), j(t)))), O()), this.unloaded$ = t.pipe(de(() => this.value.state === "unloading" || this.value.state === "idle" ? u : (this.mergeCompare({
+		}), j(t)))), D()), this.unloaded$ = t.pipe(fe(() => this.value.state === "unloading" || this.value.state === "idle" ? u : (this.mergeCompare({
 			state: "unloading",
 			error: void 0
-		}), this.context.bridgeEvent.viewportFree$.pipe(S(), A(() => {
+		}), this.context.bridgeEvent.viewportFree$.pipe(x(), A(() => {
 			let e = this.value.documentContainer;
-			return C(e ? this.hookManager.executeAsync("item.onDocumentUnload", this.item.id, {
+			return S(e ? this.hookManager.executeAsync("item.onDocumentUnload", this.item.id, {
 				itemId: this.item.id,
 				documentContainer: e
-			}).then(() => null) : Promise.resolve(null)).pipe(A(() => this.onUnload()), oe(null), S(), _((e) => (R.error("Error unloading document", e), D(null))));
-		}), T(() => {
+			}).then(() => null) : Promise.resolve(null)).pipe(A(() => this.onUnload()), oe(null), x(), _((e) => (R.error("Error unloading document", e), E(null))));
+		}), w(() => {
 			this.mergeCompare({
 				state: "idle",
 				error: void 0
 			});
-		}), j(n)))), O()), E(this.loaded$, this.unloaded$).pipe(_((e) => (this.mergeCompare({
+		}), j(n)))), D()), T(this.loaded$, this.unloaded$).pipe(_((e) => (this.mergeCompare({
 			state: "error",
 			error: e
 		}), u)), j(this.destroy$)).subscribe();
@@ -618,7 +618,7 @@ var Ot = class {
 		this.documentContainer?.remove(), this.mergeCompare({ documentContainer: void 0 });
 	}
 	get isLoaded$() {
-		return this.state$.pipe(T((e) => e.state === "loaded"));
+		return this.state$.pipe(w((e) => e.state === "loaded"));
 	}
 	load() {
 		this.triggerSubject.next({ type: "load" });
@@ -628,16 +628,16 @@ var Ot = class {
 	}
 	renderHeadless() {
 		let e = new m();
-		return ie(() => this.onRenderHeadless({ release: e })).pipe(oe(void 0), S(), T((t) => {
+		return ie(() => this.onRenderHeadless({ release: e })).pipe(oe(void 0), x(), w((t) => {
 			if (t) return {
 				doc: t,
 				release: () => {
 					e.next(void 0);
 				}
 			};
-		}), x(() => {
+		}), ce(() => {
 			e.complete();
-		}), _((e) => (R.error(e), D(void 0))));
+		}), _((e) => (R.error(e), E(void 0))));
 	}
 	layout(e) {
 		return this.onLayout(e);
@@ -665,7 +665,7 @@ var Ot = class {
 		this.item = e, this.settings = t;
 	}
 	async getResource() {
-		return await ue(this.settings.values.getResource?.(this.item) ?? D(void 0)) ?? Pt(this.item);
+		return await de(this.settings.values.getResource?.(this.item) ?? E(void 0)) ?? Pt(this.item);
 	}
 	async fetchResource() {
 		let e = await this.getResource();
@@ -712,10 +712,10 @@ var Ot = class {
 	}
 }, Rt = (e, t, n, r, i) => {
 	let a = t.getAttribute("src") || t.getAttribute("href");
-	if (!a) return D(null);
+	if (!a) return E(null);
 	let o = r.manifest?.items.find(({ href: e }) => `${It(n, a).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
-	return o ? C(new Ft(o, i).getResource()).pipe(de((e) => e instanceof Response ? C(e.blob()) : D(void 0)), de((a) => {
-		if (!a) return D(null);
+	return o ? S(new Ft(o, i).getResource()).pipe(fe((e) => e instanceof Response ? S(e.blob()) : E(void 0)), fe((a) => {
+		if (!a) return E(null);
 		let o = e?.defaultView?.URL.createObjectURL(a) ?? "";
 		if (t.hasAttribute("src")) t.setAttribute("src", o);
 		else if (t.hasAttribute("href") && (t.setAttribute("href", o), e?.defaultView && t instanceof e.defaultView.HTMLLinkElement)) return new f((a) => {
@@ -727,11 +727,11 @@ var Ot = class {
 				}
 			}, t.onerror = a.error;
 		});
-		return D(null);
-	})) : D(null);
+		return E(null);
+	})) : E(null);
 }, zt = ({ settings: e, item: t, context: n }) => (r) => r.pipe(A((r) => {
 	let a = Xe(r.contentDocument), o = i(t.href), s = a.map((t) => Rt(r.contentDocument, t, o, n, e));
-	return s.length === 0 ? D(r) : v(s).pipe(T(() => r));
+	return s.length === 0 ? E(r) : v(s).pipe(w(() => r));
 })), Bt = (e) => {
 	Ze(e?.contentDocument);
 }, Vt = async (e, t) => {
@@ -803,14 +803,14 @@ var Ot = class {
 		let n = URL.createObjectURL(t);
 		e.setAttribute("src", n);
 	};
-	return (r) => r.pipe(A((r) => C(t.getResource()).pipe(A((i) => {
+	return (r) => r.pipe(A((r) => S(t.getResource()).pipe(A((i) => {
 		let a = Ht.some((t) => e.href.endsWith(t)) || e.mediaType && Ut.includes(e.mediaType);
-		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Wt(r), r?.setAttribute("src", i.href), D(r)) : (i instanceof URL ? C(t.fetchResource()) : D(i)).pipe(A((t) => {
+		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Wt(r), r?.setAttribute("src", i.href), E(r)) : (i instanceof URL ? S(t.fetchResource()) : E(i)).pipe(A((t) => {
 			if (!(t instanceof Response)) throw Error("Invalid resource");
 			return Vt(t, e);
 		}), M((e) => {
 			n(r, e);
-		}), T(() => r), _((t) => (R.error(`Error while trying to fetch or load resource for item ${e.id}`, i), R.error(t), D(r))));
+		}), w(() => r), _((t) => (R.error(`Error while trying to fetch or load resource for item ${e.id}`, i), R.error(t), E(r))));
 	}))));
 }, Kt = () => {
 	let e = document.createElement("iframe");
@@ -1033,12 +1033,12 @@ var Ot = class {
 	}
 	onCreateDocument() {
 		let e = Kt();
-		return this.setDocumentContainer(e), D(e);
+		return this.setDocumentContainer(e), E(e);
 	}
 	onLoadDocument() {
 		let e = this.getFrameElement();
 		if (!e) throw Error("invalid frame");
-		return D(e).pipe(Gt({
+		return E(e).pipe(Gt({
 			item: this.item,
 			resourcesHandler: this.resourcesHandler,
 			settings: this.settings
@@ -1060,9 +1060,9 @@ var Ot = class {
 	}
 	onLayout({ minPageSpread: e, blankPagePosition: t, spreadPosition: n }) {
 		let { width: r, height: i } = this.viewport.pageSize, a = this.getFrameElement();
-		if (!a) return D(void 0);
+		if (!a) return E(void 0);
 		let o = this.settings.values.computedPageTurnMode === "scrollable";
-		if (a.contentDocument?.documentElement && (z(a.contentDocument.documentElement, "data-prose-reader-html-renderer-spread-position", n), o ? a.contentDocument?.documentElement.classList.add("prose-reader-html-renderer-touch-enabled") : a.contentDocument?.documentElement.classList.remove("prose-reader-html-renderer-touch-enabled")), this.isPrePaginated()) return D(en({
+		if (a.contentDocument?.documentElement && (z(a.contentDocument.documentElement, "data-prose-reader-html-renderer-spread-position", n), o ? a.contentDocument?.documentElement.classList.add("prose-reader-html-renderer-touch-enabled") : a.contentDocument?.documentElement.classList.remove("prose-reader-html-renderer-touch-enabled")), this.isPrePaginated()) return E(en({
 			blankPagePosition: t,
 			frameElement: a,
 			isRTL: this.context.isRTL(),
@@ -1072,7 +1072,7 @@ var Ot = class {
 			spreadPosition: n
 		}));
 		let s = !!this.writingMode?.startsWith("vertical"), c = this.isImageType();
-		return D(sn({
+		return E(sn({
 			pageHeight: i,
 			pageWidth: r,
 			frameElement: a,
@@ -1087,7 +1087,7 @@ var Ot = class {
 		}));
 	}
 	onRenderHeadless() {
-		return C(this.resourcesHandler.fetchResource()).pipe(A((e) => {
+		return S(this.resourcesHandler.fetchResource()).pipe(A((e) => {
 			if (e instanceof Response) {
 				let t = e.headers.get("content-type") ?? "";
 				if ([
@@ -1095,9 +1095,9 @@ var Ot = class {
 					"application/xml",
 					"text/html",
 					"text/xml"
-				].includes(t)) return C(e.text()).pipe(T((e) => new DOMParser().parseFromString(e, t)));
+				].includes(t)) return S(e.text()).pipe(w((e) => new DOMParser().parseFromString(e, t)));
 			}
-			return D(void 0);
+			return E(void 0);
 		}));
 	}
 	getFrameElement() {
@@ -1200,12 +1200,12 @@ var un = class {
 }, _n = (e, t) => new Y(gn(e, t)), vn = (e) => ({ getSpinePositionFromClientPosition: (t) => e.spine.element ? _n(t, e.spine.element) : void 0 }), yn = (e) => {
 	let t, n = e.context.watch("rootElement").pipe(F((e) => e ? new f(() => (t = e.ownerDocument.createElement("div"), t.style.cssText = "\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        visibility: hidden;\n      ", e.appendChild(t), () => {
 		t?.remove(), t = void 0;
-	})) : d)), r = (e) => fe(e, h).pipe(L(() => {
+	})) : d)), r = (e) => pe(e, h).pipe(L(() => {
 		t && B(t.style, "visibility", "hidden");
 	})), i = e.context.bridgeEvent.viewportBusy$.pipe(L(() => {
 		t && B(t.style, "visibility", "visible");
 	})), a = r(e.viewportFree$).pipe(je(1));
-	return E(n, e.settings.values$.pipe(P(() => e.settings.values.computedPageTurnMode), Se()).pipe(F((e) => e === "controlled" ? i.pipe(F(() => a)) : r(D(void 0))), I(e.$.destroy$)));
+	return T(n, e.settings.values$.pipe(P(() => e.settings.values.computedPageTurnMode), Se()).pipe(F((e) => e === "controlled" ? i.pipe(F(() => a)) : r(E(void 0))), I(e.$.destroy$)));
 }, bn = "@prose-reader/core", xn = 0, Sn = 200, X = "prose-reader", Cn = `${X}-style`, wn = `data-${X}-id`, Tn = `${X}-viewport`, En = `${X}-scroll-navigator`, Dn = `${X}-spine-item`, On = `--${X}-absolute-viewport-width`, kn = `--${X}-absolute-viewport-height`, An = `${X}-enhancer-loading`, jn = `${An}-container`, Mn = `${An}-logo`, Nn = `${An}-details`, Pn = ({ container: e, item: t }) => {
 	let n = e.ownerDocument.createElement("div");
 	n.classList.add(jn);
@@ -1227,7 +1227,7 @@ var un = class {
 			loadingElement: i,
 			theme: e.theme.get()
 		}), t.set(n, i), n.appendChild(i);
-	}), E(e.spineItemsObserver.states$.pipe(L(({ item: e, isError: n, error: r }) => {
+	}), T(e.spineItemsObserver.states$.pipe(L(({ item: e, isError: n, error: r }) => {
 		if (!n) return;
 		let i = t.get(e.containerElement);
 		if (!i) return;
@@ -1347,7 +1347,7 @@ var un = class {
 		refCount: !0,
 		bufferSize: 1
 	}));
-	return E(l, d, u, f, Bn(s), Kn(s), Ln(s)).pipe(I(s.$.destroy$)).subscribe(), {
+	return T(l, d, u, f, Bn(s), Kn(s), Ln(s)).pipe(I(s.$.destroy$)).subscribe(), {
 		...s,
 		destroy: () => {
 			c.destroy(), s.destroy();
@@ -1396,10 +1396,10 @@ var un = class {
 		...n,
 		destroy: o
 	};
-}, Yn = (e) => (t) => t.pipe(A((t) => e.pipe(b((e) => e === "free"), S(), T(() => t)))), Xn = ({ navigation$: e, navigationState$: t }) => e.pipe(Yn(t)), Zn = (e) => Xn(e).pipe(pe(1)), Qn = (e) => (t) => t.pipe(j(Zn(e))), $n = (e) => e.navigation.navigation$.pipe(b((e) => e.triggeredBy === "user"), Yn(e.navigation.navigationState$), T((t) => {
+}, Yn = (e) => (t) => t.pipe(A((t) => e.pipe(b((e) => e === "free"), x(), w(() => t)))), Xn = ({ navigation$: e, navigationState$: t }) => e.pipe(Yn(t)), Zn = (e) => Xn(e).pipe(me(1)), Qn = (e) => (t) => t.pipe(j(Zn(e))), $n = (e) => e.navigation.navigation$.pipe(b((e) => e.triggeredBy === "user"), Yn(e.navigation.navigationState$), w((t) => {
 	let n = t.requestedPosition, r = t.requestedVisibleArea;
 	return n && r ? e.navigation.navigationResolver.getBoundaryForPosition(n, r) : void 0;
-}), b((e) => e !== void 0), T((e) => ({ boundary: e })), O()), er = (e, t) => e.links$.pipe(M((n) => {
+}), b((e) => e !== void 0), w((e) => ({ boundary: e })), D()), er = (e, t) => e.links$.pipe(M((n) => {
 	if (!et(n.target, "a") || n.type !== "click") return;
 	let r = new URL(n.target.href), i = `${r.origin}${r.pathname}`;
 	e.context.manifest?.spineItems.some((e) => e.href === i) && t.goToUrl(r);
@@ -1752,21 +1752,21 @@ var un = class {
 	}
 }, lr = 500, ur = class extends Q {
 	constructor(e, t) {
-		super(), this.scrollNavigationController = e, this.lock = t, this.navigationSubject = new m(), this.navigation$ = this.navigationSubject.asObservable(), E(this.scrollNavigationController.userScroll$.pipe(se((e) => {
+		super(), this.scrollNavigationController = e, this.lock = t, this.navigationSubject = new m(), this.navigation$ = this.navigationSubject.asObservable(), T(this.scrollNavigationController.userScroll$.pipe(se((e) => {
 			let t = this.lock();
-			return E(this.scrollNavigationController.userScroll$, D(e)).pipe(ne(lr, h), S(), M(() => {
+			return T(this.scrollNavigationController.userScroll$, E(e)).pipe(ne(lr, h), x(), M(() => {
 				let e = this.scrollNavigationController.fromScrollPosition(this.scrollNavigationController.scrollPosition);
 				this.navigationSubject.next({
 					animation: !1,
 					type: "scroll",
 					position: e
 				});
-			}), x(() => {
+			}), ce(() => {
 				t();
 			}));
 		}))).pipe(j(this.destroy$)).subscribe();
 	}
-}, dr = (e) => e.pagination.state$.pipe(N(e.context.manifest$, e.settings.values$), T(([e, { spineItems: t, readingDirection: n }, { computedPageTurnDirection: r }]) => {
+}, dr = (e) => e.pagination.state$.pipe(N(e.context.manifest$, e.settings.values$), w(([e, { spineItems: t, readingDirection: n }, { computedPageTurnDirection: r }]) => {
 	let i = t.length ?? 0, a = e.beginSpineItemIndex === 0, o = e.endSpineItemIndex === Math.max(i - 1, 0), s = e.endSpineItemIndex === Math.max(i - 1, 0), c = e.beginSpineItemIndex === 0, l = e.beginPageIndexInSpineItem === 0, u = e.endPageIndexInSpineItem === e.endNumberOfPagesInSpineItem - 1;
 	return {
 		canTurnLeft: r === "vertical" ? !1 : !l,
@@ -1785,10 +1785,10 @@ var un = class {
 	}), _e(t, void 0, {
 		trailing: !0,
 		leading: !0
-	}), M(i), x(i));
+	}), M(i), ce(i));
 }, pr = (e) => (t) => {
 	let n = e(t), r = dr(n), i = $n(n), a = new sr(n), o = new cr(n), s = new ur(n.navigation.scrollNavigationController, n.navigation.lock);
-	E(er(n, a), s.navigation$.pipe(M((e) => {
+	T(er(n, a), s.navigation$.pipe(M((e) => {
 		n.navigation.navigate(e);
 	}))).pipe(j(n.$.destroy$)).subscribe();
 	let c = (e) => {
@@ -1852,7 +1852,7 @@ var un = class {
 	};
 }, hr = (e, t) => {
 	let n = e?.itemPageIndex, { itemIndex: r, ...i } = t.cfi.parseCfi(e.cfi), a = t.spineItemsManager.get(r);
-	return a ? wt().pipe(N(a.isReady$), T(([, o]) => {
+	return a ? wt().pipe(N(a.isReady$), w(([, o]) => {
 		let { node: s = null, offset: c, range: l } = o ? t.cfi.resolveCfi({ cfi: e.cfi }) : {};
 		a.renditionLayout !== "pre-paginated" && s && (n = t.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(s, c ?? 0, a) ?? n);
 		let u = e?.absolutePageIndex;
@@ -1869,7 +1869,7 @@ var un = class {
 			absolutePageIndex: u,
 			itemPageIndex: n
 		};
-	})) : D({
+	})) : E({
 		...e,
 		itemIndex: r,
 		...i
@@ -1885,19 +1885,19 @@ var un = class {
 				meta: mr(this.reader, e)
 			};
 			return Tt(() => {
-				let r = this.reader.spineItemsManager.get(n.meta.itemIndex ?? 0), i = r?.renditionLayout === "reflowable", a = t.mode === "shallow" || !i || !r ? () => {} : this.reader.spine.spineItemsLoader.forceOpen([r.index]), o = "cfi" in e ? e.cfi : void 0, s = o ? this.locatorsByKey.get(o) : void 0, c = (e) => e.pipe(x(() => {
+				let r = this.reader.spineItemsManager.get(n.meta.itemIndex ?? 0), i = r?.renditionLayout === "reflowable", a = t.mode === "shallow" || !i || !r ? () => {} : this.reader.spine.spineItemsLoader.forceOpen([r.index]), o = "cfi" in e ? e.cfi : void 0, s = o ? this.locatorsByKey.get(o) : void 0, c = (e) => e.pipe(ce(() => {
 					o && this.deregisterMemoizedStream(o), setTimeout(() => {
 						a();
 					}, 1e3);
 				}));
-				if (o && s) return s.observerCount++, c(s.consolidate$.pipe(T(({ resource: e, meta: t }) => ({
+				if (o && s) return s.observerCount++, c(s.consolidate$.pipe(w(({ resource: e, meta: t }) => ({
 					resource: e,
 					meta: t
 				}))));
-				let l = this.reader.spine.layout$.pipe(ne(10), me(n), he((e) => hr(e.meta, this.reader).pipe(T((t) => ({
+				let l = this.reader.spine.layout$.pipe(ne(10), k(n), he((e) => hr(e.meta, this.reader).pipe(w((t) => ({
 					...e,
 					meta: t
-				}))), n), k({
+				}))), n), O({
 					refCount: !0,
 					bufferSize: 1
 				}));
@@ -1964,7 +1964,7 @@ var un = class {
 	};
 }), Sr = class e extends U {
 	constructor(t, n, r, i, a, o) {
-		super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = n, this.spineItemLocator = r, this.context = i, this.locator = a, this.viewport = o, this.fromSpineItemPageIndex = (t, n) => e.fromSpineItemPageIndex(this.value, t, n), this.fromNextPageWithinSameSpineItem = (t) => e.fromNextPageWithinSameSpineItem(this.value, t), this.fromAbsolutePageIndex = (t) => e.fromAbsolutePageIndex(this.value, t), this.observeFromAbsolutePageIndex = (e) => this.pipe(T(() => this.fromAbsolutePageIndex(e))), this.layout$ = t.layout$.pipe(N(o), A(([, { pageSize: e }]) => xr(n.items.reduce((t, n, i) => {
+		super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = n, this.spineItemLocator = r, this.context = i, this.locator = a, this.viewport = o, this.fromSpineItemPageIndex = (t, n) => e.fromSpineItemPageIndex(this.value, t, n), this.fromNextPageWithinSameSpineItem = (t) => e.fromNextPageWithinSameSpineItem(this.value, t), this.fromAbsolutePageIndex = (t) => e.fromAbsolutePageIndex(this.value, t), this.observeFromAbsolutePageIndex = (e) => this.pipe(w(() => this.fromAbsolutePageIndex(e))), this.layout$ = t.layout$.pipe(N(o), A(([, { pageSize: e }]) => xr(n.items.reduce((t, n, i) => {
 			for (let o = 0; o < n.numberOfPages; o += 1) {
 				let s = r.getSpineItemPositionFromPageIndex({
 					spineItem: n,
@@ -1995,7 +1995,7 @@ var un = class {
 				});
 			}
 			return t;
-		}, []))), T((e) => (_r.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
+		}, []))), w((e) => (_r.info("Pages layout", e), { pages: e })), D()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
 	}
 	static {
 		this.fromSpineItemPageIndex = (e, t, n) => {
@@ -2150,21 +2150,20 @@ var un = class {
 }, Vr = (e, t) => e ? e.spineItems.reduce((n, r) => (n[r.id] = Br(e, t, r), n), {}) : {}, Hr = (e, t, n) => e + t * n, Ur = (e, t, n) => {
 	let { height: r, width: i } = n.layoutInfo, { top: a, left: o } = e.spine.getSpineItemSpineLayoutInfo(n);
 	return e.settings.values.computedPageTurnDirection === "vertical" ? Math.max(0, Math.min(1, (t.y - a + e.viewport.absoluteViewport.height) / r)) : Math.max(0, Math.min(1, (t.x - o + e.viewport.absoluteViewport.width) / i));
-}, Wr = (e, t, n, r, i, a) => i.isReady$.pipe(S(), N(e.layoutInfo$), T(([o, s]) => {
+}, Wr = (e, t, n, r, i, a) => i.isReady$.pipe(x(), N(e.layoutInfo$), w(([o, s]) => {
 	let c = a.renditionLayout === "pre-paginated", l = a.spineItems.length || 0, u = a.spineItems.slice(0, t).reduce((e, t) => e + (t.progressionWeight ?? 0), 0) || 0, d = e.spineItemsManager.getSpineItemIndex(i) ?? 0, f = a.spineItems.length ?? 0, p = s.pages.filter((e) => e.itemIndex === d).length ?? 0, m = a.spineItems[t]?.progressionWeight ?? (d + 1) / f, h = (n + 1) * (m / p);
 	!c && i.renditionLayout === "reflowable" && !o && (h = 0);
 	let g = u + h;
 	return a.renditionFlow === "scrolled-continuous" && (h = o ? Ur(e, r, i) : 0, g = Hr(u, m, h)), t === l - 1 && n === p - 1 && g > .99 ? 1 : g;
-})), Gr = (e) => {
-	if (e?.item.pageSpreadLeft) return "left";
-	if (e?.item.pageSpreadRight) return "right";
-}, Kr = (e, t) => {
-	let n = Gr(e), r = Gr(t);
-	return n !== void 0 && r !== void 0 && n !== r;
-}, qr = ({ item: e, nextItem: t, previousItem: n }) => Kr(e, n) || Kr(e, t), Jr = {
+})), Gr = (e) => e ? r(e.item) : void 0, Kr = ({ item: e, nextItem: t, previousItem: n, readingDirection: r }) => {
+	let i = Gr(e);
+	if (i === void 0) return !1;
+	let a = Gr(i === (r === "rtl" ? "right" : "left") ? t : n);
+	return a !== void 0 && a !== i;
+}, qr = {
 	tocCandidatesBySpineHref: /* @__PURE__ */ new Map(),
 	chaptersInfo: {}
-}, Yr = ({ beginItem: e, endItem: t, paginationInfo: n, chaptersData: r, pagesState: i, spineItems: a }) => {
+}, Jr = ({ beginItem: e, endItem: t, paginationInfo: n, chaptersData: r, pagesState: i, spineItems: a }) => {
 	let o = e && n.beginPageIndexInSpineItem !== void 0 ? Sr.fromSpineItemPageIndex(i, e.index, n.beginPageIndexInSpineItem) : void 0, s = o ? Sr.fromNextPageWithinSameSpineItem(i, o) : void 0, c = t && n.endPageIndexInSpineItem !== void 0 ? Sr.fromSpineItemPageIndex(i, t.index, n.endPageIndexInSpineItem) : void 0, l = c ? Sr.fromNextPageWithinSameSpineItem(i, c) : void 0, u = e ? Lr({
 		node: o?.firstVisibleNode?.node,
 		offset: o?.firstVisibleNode?.offset,
@@ -2180,34 +2179,36 @@ var un = class {
 	}) : void 0;
 	return {
 		beginChapterInfo: u ?? (e ? r.chaptersInfo[e.item.id] : void 0),
-		beginHasAdjacentSpreadPage: qr({
+		beginHasAdjacentSpreadPage: Kr({
 			item: e,
 			nextItem: e === void 0 ? void 0 : a[e.index + 1],
-			previousItem: e === void 0 ? void 0 : a[e.index - 1]
+			previousItem: e === void 0 ? void 0 : a[e.index - 1],
+			readingDirection: e?.readingDirection
 		}),
 		beginSpineItemReadingDirection: e?.readingDirection,
 		beginAbsolutePageIndex: o?.absolutePageIndex,
 		endChapterInfo: d ?? (t ? r.chaptersInfo[t.item.id] : void 0),
-		endHasAdjacentSpreadPage: qr({
+		endHasAdjacentSpreadPage: Kr({
 			item: t,
 			nextItem: t === void 0 ? void 0 : a[t.index + 1],
-			previousItem: t === void 0 ? void 0 : a[t.index - 1]
+			previousItem: t === void 0 ? void 0 : a[t.index - 1],
+			readingDirection: t?.readingDirection
 		}),
 		endSpineItemReadingDirection: t?.readingDirection,
 		endAbsolutePageIndex: c?.absolutePageIndex
 	};
-}, Xr = ({ items: e, pagesState: t }) => {
+}, Yr = ({ items: e, pagesState: t }) => {
 	let n = e.map(() => 0);
 	for (let e of t.pages) n[e.itemIndex] = (n[e.itemIndex] ?? 0) + 1;
 	return {
 		numberOfPagesPerItems: n,
 		numberOfTotalPages: t.pages.length
 	};
-}, Zr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Qr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
+}, Xr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Zr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
 	let i = e.spineItemsManager.get(t.endSpineItemIndex);
-	return i ? Wr(e, t.endSpineItemIndex ?? 0, t.endPageIndexInSpineItem || 0, n, i, r) : D(0);
-}, $r = (e) => e.context.manifest$.pipe(T((e) => {
-	if (!e) return Jr;
+	return i ? Wr(e, t.endSpineItemIndex ?? 0, t.endPageIndexInSpineItem || 0, n, i, r) : E(0);
+}, Qr = (e) => e.context.manifest$.pipe(w((e) => {
+	if (!e) return qr;
 	let t = Or(e.nav?.toc ?? [], e);
 	return {
 		tocCandidatesBySpineHref: kr({
@@ -2216,59 +2217,59 @@ var un = class {
 		}),
 		chaptersInfo: Vr(e, t)
 	};
-})), ei = (e) => ({
+})), $r = (e) => ({
 	beginSpineItemIndex: e.beginSpineItemIndex,
 	beginPageIndexInSpineItem: e.beginPageIndexInSpineItem,
 	endSpineItemIndex: e.endSpineItemIndex,
 	endPageIndexInSpineItem: e.endPageIndexInSpineItem
-}), ti = (e) => {
-	let t = e.pagination.state$, n = e.spine.pages.layout$, r = $r(e).pipe(k({
+}), ei = (e) => {
+	let t = e.pagination.state$, n = e.spine.pages.layout$, r = Qr(e).pipe(O({
 		bufferSize: 1,
 		refCount: !0
 	})), i = v([
-		t.pipe(T(ei), y(o)),
+		t.pipe(w($r), y(o)),
 		r,
 		n,
 		e.spineItemsManager.items$
-	]).pipe(T(([e, t, n, r]) => Yr({
+	]).pipe(w(([e, t, n, r]) => Jr({
 		beginItem: e.beginSpineItemIndex === void 0 ? void 0 : r[e.beginSpineItemIndex],
 		endItem: e.endSpineItemIndex === void 0 ? void 0 : r[e.endSpineItemIndex],
 		paginationInfo: e,
 		chaptersData: t,
 		pagesState: n,
 		spineItems: r
-	})), k({
+	})), O({
 		bufferSize: 1,
 		refCount: !0
 	})), a = v([
 		t,
-		e.settings.watch(["computedSpreadMode"]).pipe(T((e) => e.computedSpreadMode ?? !1), y()),
+		e.settings.watch(["computedSpreadMode"]).pipe(w((e) => e.computedSpreadMode ?? !1), y()),
 		i,
-		v([n, e.spineItemsManager.items$]).pipe(T(([e, t]) => Xr({
+		v([n, e.spineItemsManager.items$]).pipe(w(([e, t]) => Yr({
 			items: t,
 			pagesState: e
-		})), y(Zr))
-	]).pipe(T(([e, t, n, r]) => ({
+		})), y(Xr))
+	]).pipe(w(([e, t, n, r]) => ({
 		...e,
 		...n,
 		isUsingSpread: t,
 		...r
-	}))), s = Xn(e.navigation).pipe(T(({ position: e }) => e), y(o));
+	}))), s = Xn(e.navigation).pipe(w(({ position: e }) => e), y(o));
 	return v([a, v([
 		t,
 		e.layout$,
 		s,
 		e.context.manifest$
-	]).pipe(A(([t, n, r, i]) => Qr({
+	]).pipe(A(([t, n, r, i]) => Zr({
 		reader: e,
 		paginationInfo: t,
 		navigationPosition: r,
 		manifest: i
-	})), T((e) => ({ percentageEstimateOfBook: e })))]).pipe(T(([e, t]) => ({
+	})), w((e) => ({ percentageEstimateOfBook: e })))]).pipe(w(([e, t]) => ({
 		...e,
 		...t
 	})), y(o), g(5));
-}, ni = (e) => (t) => {
+}, ti = (e) => (t) => {
 	let n = e(t), r = new l({
 		...n.pagination.state,
 		beginChapterInfo: void 0,
@@ -2286,7 +2287,7 @@ var un = class {
 		endHasAdjacentSpreadPage: !1,
 		endSpineItemReadingDirection: void 0,
 		percentageEstimateOfBook: 0
-	}), i = new gr(n), a = ti(n).pipe(M((e) => R.log("Pagination", e))).subscribe(r);
+	}), i = new gr(n), a = ei(n).pipe(M((e) => R.log("Pagination", e))).subscribe(r);
 	return {
 		...n,
 		locateResource: i.locateResource.bind(i),
@@ -2303,7 +2304,7 @@ var un = class {
 			}
 		}
 	};
-}, ri = (e) => ({
+}, ni = (e) => ({
 	put: (t, n) => new Promise((r, i) => {
 		let a = e.transaction(["store"], "readwrite");
 		a.onerror = (e) => {
@@ -2354,16 +2355,16 @@ var un = class {
 			r(a.error ? a.error : a.transaction?.error);
 		};
 	})
-}), ii = async (e) => new Promise((t, n) => {
+}), ri = async (e) => new Promise((t, n) => {
 	let r = window.indexedDB.open(e);
 	r.onerror = (e) => {
 		n(e);
 	}, r.onsuccess = () => {
-		t(ri(r.result));
+		t(ni(r.result));
 	}, r.onupgradeneeded = () => {
 		r.result.createObjectStore("store");
 	};
-}), ai = (e) => {
+}), ii = (e) => {
 	let t = Date.now().toString(), n = new m(), r = (t) => {
 		if (typeof t == "string" || typeof t == "object") {
 			let n = typeof t == "object" ? t.id : t;
@@ -2373,7 +2374,7 @@ var un = class {
 	}, i = async (e, n) => {
 		let i = r(e);
 		if (!i) return new Response("Item not found", { status: 404 });
-		let o = await (await ii("prose-reader")).get(`${t}_${i.id}`);
+		let o = await (await ri("prose-reader")).get(`${t}_${i.id}`);
 		if (o) return new Response(o, { status: 200 });
 		let s = n && await n(i) || await fetch(i.href);
 		return a(i, s.clone()), s;
@@ -2385,27 +2386,27 @@ var un = class {
 	};
 	return n.asObservable().pipe(Te(({ id: e, data: n }) => {
 		let i = r(e);
-		return i ? C(ce([ii("prose-reader"), C(n.blob())])).pipe(F(([e, n]) => C(e.put(`${t}_${i.id}`, n))), be((e) => (R.error(e), u))) : u;
-	}), I(e.destroy$)).subscribe(), E(e.manifest$.pipe(L(() => {
+		return i ? S(le([ri("prose-reader"), S(n.blob())])).pipe(F(([e, n]) => S(e.put(`${t}_${i.id}`, n))), be((e) => (R.error(e), u))) : u;
+	}), I(e.destroy$)).subscribe(), T(e.manifest$.pipe(L(() => {
 		t = Date.now().toString();
-	}))).pipe(F(() => (R.debug("Cleanup up old cache..."), C(ii("prose-reader")).pipe(F((e) => C(e.keys()).pipe(P((e) => e.filter((e) => !e.toString().startsWith(t))), F((t) => {
+	}))).pipe(F(() => (R.debug("Cleanup up old cache..."), S(ri("prose-reader")).pipe(F((e) => S(e.keys()).pipe(P((e) => e.filter((e) => !e.toString().startsWith(t))), F((t) => {
 		let n = t.map((t) => e.remove(t));
-		return C(Promise.all(n));
+		return S(Promise.all(n));
 	}))), be((e) => (R.error(e), u))))), I(e.destroy$)).subscribe(), {
 		get: i,
 		destroy: () => {
 			n.complete();
 		}
 	};
-}, oi = (e) => (t) => {
-	let n = e(t), r = ai(n.context), i = () => {
+}, ai = (e) => (t) => {
+	let n = e(t), r = ii(n.context), i = () => {
 		r.destroy(), n.destroy();
 	};
 	return {
 		...n,
 		destroy: i
 	};
-}, si = (e, t) => {
+}, oi = (e, t) => {
 	let n = e.node.ownerDocument?.createRange(), r = e.node.compareDocumentPosition(t.node);
 	if (n) {
 		try {
@@ -2423,10 +2424,10 @@ var un = class {
 		}
 		return n;
 	}
-}, ci = ({ selection: e, spineItem: t }) => {
+}, si = ({ selection: e, spineItem: t }) => {
 	let { anchorNode: n, anchorOffset: r, focusNode: i, focusOffset: a } = e;
 	if (!(!n || !i)) try {
-		return si({
+		return oi({
 			node: n,
 			offset: r
 		}, {
@@ -2440,7 +2441,7 @@ var un = class {
 		});
 		return;
 	}
-}, li = class extends Q {
+}, ci = class extends Q {
 	constructor(e) {
 		super();
 		let t = e.contentDocument || e.contentWindow?.document;
@@ -2449,48 +2450,48 @@ var un = class {
 			let n = Et(t.body, {
 				childList: !0,
 				subtree: !0
-			}).pipe(b((e) => !!e.find((e) => e.type === "childList" && e.removedNodes.length))), r = e.parentElement ? Et(e.parentElement, { childList: !0 }).pipe(b((t) => !!t.find((t) => Array.from(t.removedNodes).includes(e)))) : D(null);
-			this.selectionChange$ = E(w(t, "selectionchange"), n).pipe(T(() => t.getSelection()), j(E(r, this.destroy$)), oe(null)), this.selectionOver$ = w(t, "pointerdown").pipe(A(() => E(w(t, "pointerup"), w(t, "pointercancel"), w(t, "contextmenu")).pipe(S(), ae(0), T((e) => {
+			}).pipe(b((e) => !!e.find((e) => e.type === "childList" && e.removedNodes.length))), r = e.parentElement ? Et(e.parentElement, { childList: !0 }).pipe(b((t) => !!t.find((t) => Array.from(t.removedNodes).includes(e)))) : E(null);
+			this.selectionChange$ = T(C(t, "selectionchange"), n).pipe(w(() => t.getSelection()), j(T(r, this.destroy$)), oe(null)), this.selectionOver$ = C(t, "pointerdown").pipe(A(() => T(C(t, "pointerup"), C(t, "pointercancel"), C(t, "contextmenu")).pipe(x(), ae(0), w((e) => {
 				let n = t.getSelection();
 				return n && !n.isCollapsed ? [e, n] : void 0;
-			}), b(K))), j(E(r, this.destroy$)));
+			}), b(K))), j(T(r, this.destroy$)));
 		}
 	}
-}, ui = (e) => e.watch("isLoaded").pipe(A(() => {
+}, li = (e) => e.watch("isLoaded").pipe(A(() => {
 	let t = e.renderer.getDocumentFrame(), n = t?.contentDocument || t?.contentWindow?.document;
 	if (!t || !n) return d;
-	let r = new li(t);
-	return E(r.selectionChange$.pipe(T((e) => {
+	let r = new ci(t);
+	return T(r.selectionChange$.pipe(w((e) => {
 		if (e?.toString()) return {
 			type: "change",
 			selection: e
 		};
-	})), r.selectionOver$.pipe(T(([e, t]) => ({
+	})), r.selectionOver$.pipe(w(([e, t]) => ({
 		type: "over",
 		event: e,
 		selection: t
-	})))).pipe(j(e.unloaded$), oe(void 0), x(() => {
+	})))).pipe(j(e.unloaded$), oe(void 0), ce(() => {
 		r.destroy();
 	}));
-}), y()), di = (e) => (t) => {
-	let n = e(t), r, i = n.spineItemsManager.items$.pipe(A((e) => E(...e.map((e) => {
+}), y()), ui = (e) => (t) => {
+	let n = e(t), r, i = n.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => {
 		let t = n.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return ui(e).pipe(T((e) => {
+		return li(e).pipe(w((e) => {
 			if (e) return {
 				...e,
 				itemIndex: t
 			};
 		}));
-	}))), me(void 0), y(), M((e) => {
+	}))), k(void 0), y(), M((e) => {
 		r = e;
-	}), k({
+	}), O({
 		refCount: !0,
 		bufferSize: 1
-	})), a = i, o = i.pipe(T((e) => !!e), y(), b((e) => e), O()), s = o.pipe(A(() => a), y(), b((e) => !e), O()), c = i.pipe(b((e) => e?.type === "over"), O()), l = n.context.watch("rootElement").pipe(b(K), A((e) => w(e, "pointerdown")), N(a), T(([, e]) => e), me(void 0), k({
+	})), a = i, o = i.pipe(w((e) => !!e), y(), b((e) => e), D()), s = o.pipe(A(() => a), y(), b((e) => !e), D()), c = i.pipe(b((e) => e?.type === "over"), D()), l = n.context.watch("rootElement").pipe(b(K), A((e) => C(e, "pointerdown")), N(a), w(([, e]) => e), k(void 0), O({
 		refCount: !0,
 		bufferSize: 1
 	}));
-	return E(a, l).pipe(j(n.$.destroy$)).subscribe(), {
+	return T(a, l).pipe(j(n.$.destroy$)).subscribe(), {
 		...n,
 		selection: {
 			selection$: a,
@@ -2499,10 +2500,10 @@ var un = class {
 			selectionOver$: c,
 			lastSelectionOnPointerdown$: l,
 			getSelection: () => r,
-			createOrderedRangeFromSelection: ci
+			createOrderedRangeFromSelection: si
 		}
 	};
-}, fi = [
+}, di = [
 	{
 		name: "bright",
 		backgroundColor: "white"
@@ -2517,9 +2518,9 @@ var un = class {
 		backgroundColor: "#191717",
 		foregroundColor: "#f1ebeb"
 	}
-], pi = (e) => (t) => {
+], fi = (e) => (t) => {
 	let n = e(t), r = new l(t.theme ?? "bright"), i = () => {
-		let e = fi.find((e) => e.name === r.value);
+		let e = di.find((e) => e.name === r.value);
 		return `
       body {
         ${e === void 0 ? "" : `background-color: ${e.backgroundColor} !important;`}
@@ -2532,7 +2533,7 @@ var un = class {
         ` : ""}
     `;
 	}, a = ({ container: e }) => {
-		let t = fi.find((e) => e.name === r.value);
+		let t = di.find((e) => e.name === r.value);
 		return t && B(e.style, "background-color", t.backgroundColor), () => {};
 	}, o = () => {
 		n.spineItemsManager.items.forEach((e) => {
@@ -2558,7 +2559,7 @@ var un = class {
 			$: { theme$: r.asObservable() }
 		}
 	};
-}, mi = (e) => (t) => {
+}, pi = (e) => (t) => {
 	let n = e(t), r = (e) => !!($e(e) && (e.nodeName === "a" ? e : e.closest("a"))?.getAttribute("href")), i = (e, t, r) => {
 		let i = r.replace("${id}", n.id);
 		return nt(e, `${t}-${n.id}`, i);
@@ -2572,7 +2573,7 @@ var un = class {
 	};
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome");
-var hi = (e) => (t) => e(t), gi = (e, t, n) => {
+var mi = (e) => (t) => e(t), hi = (e, t, n) => {
 	let { clientWidth: r, clientHeight: i } = n.value.element, a = {
 		maxX: 0,
 		minX: r * (1 - t),
@@ -2583,25 +2584,25 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		x: Math.min(Math.max(e.x, a.minX), a.maxX),
 		y: Math.min(Math.max(e.y, a.minY), a.maxY)
 	};
-}, _i = (e, t, n) => {
+}, gi = (e, t, n) => {
 	B(n.style, "transform-origin", "0 0");
 	let r = `translate3d(${t.x}px, ${t.y}px, 0px)`, i = `scale(${e})`;
 	B(n.style, "transform", `${r} ${i}`);
-}, vi = (e, t, n, r) => {
+}, _i = (e, t, n, r) => {
 	let i = t / e, a = n.clientWidth, o = n.clientHeight, s = a / 2 - r.x, c = o / 2 - r.y;
 	return {
 		x: r.x + s * (1 - i),
 		y: r.y + c * (1 - i)
 	};
-}, yi = class {
+}, vi = class {
 	constructor(e) {
 		this.x = e.x, this.y = e.y;
 	}
-}, bi = class extends yi {}, xi = class extends yi {
+}, yi = class extends vi {}, bi = class extends vi {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("UnboundScrollPosition");
 	}
-}, Si = class extends U {
+}, xi = class extends U {
 	constructor(e, t, n, r, i) {
 		super({ element: void 0 }), this.viewport = e, this.settings = t, this.hookManager = n, this.spine = r, this.context = i, this.navigateSubject = new m(), this.scrollingSubject = new l(!1), this.applyNavigationPosition = ({ position: e }) => {
 			let t = this.value.element;
@@ -2613,7 +2614,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				behavior: "instant"
 			}), ye(1).pipe(M(() => {
 				this.scrollingSubject.next(!1);
-			}), j(E(this.scrollingSubject.pipe(pe(1)), this.destroy$))).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0));
+			}), j(T(this.scrollingSubject.pipe(me(1)), this.destroy$))).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0));
 		}, this.isActive = () => this.settings.values.computedPageTurnMode === "scrollable", this.getNavigationVisibleArea = () => this.viewport.relativeViewport;
 		let a = this.context.pipe(bt(["rootElement"]), M(({ rootElement: e }) => {
 			if (!e) return;
@@ -2623,8 +2624,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			t && (e === "scrollable" ? B(t.style, "display", "block") : B(t.style, "display", "contents"));
 		})), s = this.navigateSubject.pipe(M(this.applyNavigationPosition));
 		this.isNavigating$ = this.scrollingSubject.asObservable();
-		let c = v([E(r.element$.pipe(b(K), A((e) => xt(e))), r.element$.pipe(b(K), A((e) => w(e, "scroll"))), r.spineItemsObserver.itemResize$).pipe(A(() => ye(10).pipe(T(() => !1), me(!0))), y(), me(!1)), this.isNavigating$]).pipe(T(([e, t]) => e || t), k(1));
-		this.userScroll$ = this.watch("element").pipe(b(K), A((e) => t.watch(["computedPageTurnMode"]).pipe(A(({ computedPageTurnMode: t }) => t === "controlled" ? d : w(e, "scroll").pipe(N(c), b(([, e]) => !e), T(([e]) => e))))), O()), E(a, o, s).pipe(j(this.destroy$)).subscribe();
+		let c = v([T(r.element$.pipe(b(K), A((e) => xt(e))), r.element$.pipe(b(K), A((e) => C(e, "scroll"))), r.spineItemsObserver.itemResize$).pipe(A(() => ye(10).pipe(w(() => !1), k(!0))), y(), k(!1)), this.isNavigating$]).pipe(w(([e, t]) => e || t), O(1));
+		this.userScroll$ = this.watch("element").pipe(b(K), A((e) => t.watch(["computedPageTurnMode"]).pipe(A(({ computedPageTurnMode: t }) => t === "controlled" ? d : C(e, "scroll").pipe(N(c), b(([, e]) => !e), w(([e]) => e))))), D()), T(a, o, s).pipe(j(this.destroy$)).subscribe();
 	}
 	update(e) {
 		this.mergeCompare(e);
@@ -2641,30 +2642,30 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	}
 	fromSpinePosition(e) {
 		let t = this.viewport.scaleFactor;
-		return new bi({
+		return new yi({
 			x: e.x * t,
 			y: e.y * t
 		});
 	}
 	get scrollPosition() {
 		let e = this.value.element;
-		return new bi({
+		return new yi({
 			x: e?.scrollLeft ?? 0,
 			y: e?.scrollTop ?? 0
 		});
 	}
-}, Ci = (e, t, n, r, i) => {
+}, Si = (e, t, n, r, i) => {
 	let a = e.clientWidth, o = e.clientHeight, s = e.scrollLeft, c = e.scrollTop, l = s + a / 2 - r, u = c + o / 2 - i, d = n / t, f = l * d, p = u * d;
-	return new xi({
+	return new bi({
 		x: f - a / 2 + r,
 		y: p - o / 2 + i
 	});
-}, wi = (e, t) => {
-	let n = t.viewport, r = t.navigation.scrollNavigationController, i = n.value.element, a = r.value.element, o = r.value.element, s = Math.round(n.scaleFactor * 100) / 100, c = i.offsetLeft, l = i.offsetTop, u = Ci(a ?? Ye(), s, e, c, l), d = e < 1 ? "down" : "up";
+}, Ci = (e, t) => {
+	let n = t.viewport, r = t.navigation.scrollNavigationController, i = n.value.element, a = r.value.element, o = r.value.element, s = Math.round(n.scaleFactor * 100) / 100, c = i.offsetLeft, l = i.offsetTop, u = Si(a ?? Ye(), s, e, c, l), d = e < 1 ? "down" : "up";
 	o && z(o, `data-${X}-zooming-direction`, d), e < 1 ? B(i.style, "transform-origin", "top") : e > 1 && B(i.style, "transform-origin", `${c}px ${l}px`), B(i.style, "transform", `scale(${e})`);
 	let f = r.fromScrollPosition(u);
 	t.navigation.navigate({ position: f });
-}, Ti = 200, Ei = class extends U {
+}, wi = 200, Ti = class extends U {
 	constructor(e) {
 		super({
 			isZooming: !1,
@@ -2673,28 +2674,28 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				x: 0,
 				y: 0
 			}
-		}), this.reader = e, this.enterSubject = new m(), this.exitSubject = new m(), E(this.enterSubject.pipe(A((e) => {
+		}), this.reader = e, this.enterSubject = new m(), this.exitSubject = new m(), T(this.enterSubject.pipe(A((e) => {
 			let { scale: t = 1, animate: n = !1 } = e ?? {}, r = this.reader.viewport.value.element;
 			z(this.viewport.element, `data-${X}-zooming`, "true");
 			let i = this.scrollNavigationController.value.element;
-			return i && z(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && B(r.style, "transition", `transform ${Ti}ms`), this.mergeCompare({
+			return i && z(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && B(r.style, "transition", `transform ${wi}ms`), this.mergeCompare({
 				isZooming: !0,
 				currentScale: 1,
 				currentPosition: {
 					x: 0,
 					y: 0
 				}
-			}), this.updateZoom(t), t !== 1 && this.isControlled ? ye(e?.animate ? Ti : 0).pipe(M(() => {
+			}), this.updateZoom(t), t !== 1 && this.isControlled ? ye(e?.animate ? wi : 0).pipe(M(() => {
 				this.reader.layout();
 			})) : u;
 		})), this.exitSubject.pipe(A((e) => {
 			let t = this.reader.viewport.value.element;
 			z(this.viewport.element, `data-${X}-zooming`, "false");
 			let n = this.scrollNavigationController.value.element;
-			return n && (Re(n, `data-${X}-zooming-direction`), z(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && B(t.style, "transition", `transform ${Ti}ms`), this.updateZoom(1, {
+			return n && (Re(n, `data-${X}-zooming-direction`), z(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && B(t.style, "transition", `transform ${wi}ms`), this.updateZoom(1, {
 				x: 0,
 				y: 0
-			}), V(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ye(e?.animate ? Ti : 0).pipe(M(() => {
+			}), V(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ye(e?.animate ? wi : 0).pipe(M(() => {
 				let e = this.reader.viewport.value.element;
 				V(e.style, "transform-origin"), V(e.style, "transition"), this.isControlled && this.reader.layout();
 			}), j(this.enterSubject));
@@ -2707,17 +2708,17 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		this.exitSubject.next(e);
 	}
 	move(e, t) {
-		this.isControlled && (V(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => gi(...e, this.reader.viewport) : void 0 }));
+		this.isControlled && (V(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => hi(...e, this.reader.viewport) : void 0 }));
 	}
 	scaleAt(e, t) {
 		if (!this.value.isZooming) return;
 		V(this.viewport.element.style, "transition");
 		let n = Math.ceil(e * 100) / 100;
-		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => gi(...e, this.reader.viewport) : void 0 });
+		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => hi(...e, this.reader.viewport) : void 0 });
 	}
 	updateZoom(e, t, n) {
 		if (this.isControlled) {
-			let r = t || vi(this.value.currentScale, e, this.viewport.element, this.value.currentPosition), i = n?.constraints?.(r, e) ?? r;
+			let r = t || _i(this.value.currentScale, e, this.viewport.element, this.value.currentPosition), i = n?.constraints?.(r, e) ?? r;
 			return this.applyZoom(e, i), this.mergeCompare({
 				currentScale: e,
 				currentPosition: i
@@ -2726,7 +2727,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		this.applyZoom(e, t ?? this.value.currentPosition), this.mergeCompare({ currentScale: e });
 	}
 	applyZoom(e, t) {
-		this.isControlled ? _i(e, t, this.viewport.element) : wi(e, this.reader), this.reader.viewport.layout();
+		this.isControlled ? gi(e, t, this.viewport.element) : Ci(e, this.reader), this.reader.viewport.layout();
 	}
 	get isControlled() {
 		return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -2737,8 +2738,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	get viewport() {
 		return this.reader.viewport.value;
 	}
-}, Di = (e) => (t) => {
-	let n = e(t), r = new Ei(n), i = () => {
+}, Ei = (e) => (t) => {
+	let n = e(t), r = new Ti(n), i = () => {
 		r.destroy(), n.destroy();
 	}, a = r;
 	return {
@@ -2755,12 +2756,12 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			}
 		}
 	};
-}, Oi = (e) => Me({
+}, Di = (e) => Me({
 	spineIndex: e.index,
 	spineId: e.id
-}), ki = ({ nodeOrRange: e, offset: t, item: n }) => {
+}), Oi = ({ nodeOrRange: e, offset: t, item: n }) => {
 	let r = "ownerDocument" in e ? e.ownerDocument : e.startContainer.ownerDocument;
-	return !r?.documentElement || e === r ? Oi(n) : tt(e) ? Me({
+	return !r?.documentElement || e === r ? Di(n) : tt(e) ? Me({
 		start: {
 			node: e.startContainer,
 			offset: e.startOffset,
@@ -2779,22 +2780,22 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		spineIndex: n.index,
 		spineId: n.id
 	});
-}, Ai = ({ spineItem: e, pageNode: t }) => ki({
+}, ki = ({ spineItem: e, pageNode: t }) => Oi({
 	nodeOrRange: t.node,
 	offset: t.offset,
 	item: e
-}).trim(), ji = (e, t) => ki({
+}).trim(), Ai = (e, t) => Oi({
 	nodeOrRange: e,
 	item: t
-}), Mi = (e) => e.index.toString(), Ni = (e) => e[0]?.index === 6 && e.length > 1, Pi = (e) => Ne(Fe(e)), Fi = (e) => Array.isArray(e) ? e[0] && Ni(e[0]) ? e[0] : void 0 : e.parent[0] && Ni(e.parent[0]) ? e.parent[0] : void 0, Ii = (e) => {
-	let t = Fe(e), n = ((Fi(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pe(t);
+}), ji = (e) => e.index.toString(), Mi = (e) => e[0]?.index === 6 && e.length > 1, Ni = (e) => Ne(Fe(e)), Pi = (e) => Array.isArray(e) ? e[0] && Mi(e[0]) ? e[0] : void 0 : e.parent[0] && Mi(e.parent[0]) ? e.parent[0] : void 0, Fi = (e) => {
+	let t = Fe(e), n = ((Pi(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pe(t);
 	return {
 		isCfiRange: r,
 		itemIndex: n,
 		offset: (r ? t.end.at(-1)?.at(-1)?.offset : t.at(-1)?.at(-1)?.offset) ?? 0
 	};
-}, Li = ({ cfi: e, spineItemsManager: t }) => {
-	let { itemIndex: n, ...r } = Ii(e), i = t.get(n);
+}, Ii = ({ cfi: e, spineItemsManager: t }) => {
+	let { itemIndex: n, ...r } = Fi(e), i = t.get(n);
 	if (!i) return {
 		...r,
 		itemIndex: n,
@@ -2829,27 +2830,27 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		spineItem: i,
 		node: null
 	};
-}, Ri = class {
+}, Li = class {
 	constructor(e, t) {
 		this.hookManager = e, this.spineItemsManager = t, this.transformForResolve = (e) => {
 			let { finalParams: t } = this.hookManager.executeSequential("cfi.beforeResolve", { cfi: e }, (e, t) => ({ cfi: t ?? e.cfi }));
 			return t.cfi;
-		}, this.parseCfi = (e) => Ii(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
+		}, this.parseCfi = (e) => Fi(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
 			let { itemIndex: t } = this.parseCfi(e);
 			if (t !== void 0) return this.spineItemsManager.get(t);
-		}, this.isRootCfi = (e) => Pi(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
-			cfi: Oi(e),
+		}, this.isRootCfi = (e) => Ni(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
+			cfi: Di(e),
 			spineItem: e
 		}), this.generateCfiForSpineItemPage = ({ spineItem: e, pageNode: t }) => this.transformGeneratedCfi({
-			cfi: Ai({
+			cfi: ki({
 				spineItem: e,
 				pageNode: t
 			}),
 			spineItem: e
 		}), this.generateCfiFromRange = (e, t) => this.transformGeneratedCfi({
-			cfi: ji(e, t),
+			cfi: Ai(e, t),
 			spineItem: t
-		}), this.resolveCfi = (e) => Li({
+		}), this.resolveCfi = (e) => Ii({
 			...e,
 			cfi: this.transformForResolve(e.cfi),
 			spineItemsManager: this.spineItemsManager
@@ -2862,20 +2863,20 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		}));
 		return t.cfi;
 	}
-}, zi = (e) => e?.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), Bi = class {
+}, Ri = (e) => e?.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), zi = class {
 	constructor() {
 		this.navigationSubject = new p(1), this.positionSubject = new p(1), this.viewportStateSubject = new l("free"), this.paginationSubject = new p(1), this.pagination$ = this.paginationSubject.asObservable(), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(b((e) => e === "free")), this.viewportBusy$ = this.viewportState$.pipe(b((e) => e === "busy")), this.navigation$ = this.navigationSubject.asObservable(), this.position$ = this.positionSubject.asObservable();
 	}
-}, Vi = class extends U {
+}, Bi = class extends U {
 	constructor() {
-		super({ assumedRenditionLayout: "reflowable" }), this.bridgeEvent = new Bi(), this.manifest$ = this.pipe(P((e) => e.manifest), Ce(K), Se()), this.isRTL = () => this.value.manifest?.readingDirection === "rtl";
+		super({ assumedRenditionLayout: "reflowable" }), this.bridgeEvent = new zi(), this.manifest$ = this.pipe(P((e) => e.manifest), Ce(K), Se()), this.isRTL = () => this.value.manifest?.readingDirection === "rtl";
 	}
 	update(e) {
 		let t = this.value, n = e.manifest ?? t.manifest, r = {
 			...t,
 			...e,
 			...e.manifest && {
-				isFullyPrePaginated: zi(n),
+				isFullyPrePaginated: Ri(n),
 				assumedRenditionLayout: n?.renditionLayout ?? "reflowable"
 			}
 		};
@@ -2887,7 +2888,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	get readingDirection() {
 		return this.manifest?.readingDirection;
 	}
-}, Hi = class extends U {
+}, Vi = class extends U {
 	constructor(e, t) {
 		super({
 			supportedPageTurnAnimation: [
@@ -2898,12 +2899,12 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			supportedPageTurnMode: ["controlled", "scrollable"],
 			supportedPageTurnDirection: ["horizontal", "vertical"],
 			supportedComputedPageTurnDirection: ["horizontal", "vertical"]
-		}), v([e.watch(["manifest", "hasVerticalWriting"]), t.watch(["computedPageTurnMode"])]).pipe(T(([{ manifest: e, hasVerticalWriting: t }, { computedPageTurnMode: n }]) => ({
+		}), v([e.watch(["manifest", "hasVerticalWriting"]), t.watch(["computedPageTurnMode"])]).pipe(w(([{ manifest: e, hasVerticalWriting: t }, { computedPageTurnMode: n }]) => ({
 			hasVerticalWriting: t,
 			renditionFlow: e?.renditionFlow,
 			renditionLayout: e?.renditionLayout,
 			computedPageTurnMode: n
-		})), y(o), T(({ hasVerticalWriting: e, renditionFlow: t, renditionLayout: n, computedPageTurnMode: r }) => ({
+		})), y(o), w(({ hasVerticalWriting: e, renditionFlow: t, renditionLayout: n, computedPageTurnMode: r }) => ({
 			...this.value,
 			supportedPageTurnMode: t === "scrolled-continuous" ? ["scrollable"] : ["controlled", "scrollable"],
 			supportedPageTurnAnimation: t === "scrolled-continuous" || r === "scrollable" ? ["none"] : e ? ["fade", "none"] : [
@@ -2914,7 +2915,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			supportedPageTurnDirection: r === "scrollable" ? ["vertical"] : n === "reflowable" ? ["horizontal"] : ["horizontal", "vertical"]
 		})), j(this.destroy$)).subscribe(this.next.bind(this));
 	}
-}, Ui = class {
+}, Hi = class {
 	constructor() {
 		this._hooks = [], this._hookExecutions = [];
 	}
@@ -2946,7 +2947,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				id: t,
 				ref: n,
 				abortController: r,
-				destroyFn: () => (r.abort(), D(void 0))
+				destroyFn: () => (r.abort(), E(void 0))
 			};
 		});
 		this._hookExecutions.push(...a);
@@ -2997,16 +2998,16 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		let r = this._hookExecutions.filter((r) => n && r.ref === n || e === r.name && (!t || t && t === r.id));
 		return this._hookExecutions = this._hookExecutions.filter((e) => !r.includes(e)), v(r.map(({ destroyFn: e }) => e()));
 	}
-}, Wi = "[data-prose-reader-spine-item][data-is-ready=false]{pointer-events:none;-webkit-user-select:none;user-select:none}.prose-reader-enhancer-loading-container{width:100%;height:100%;max-width:var(--prose-reader-absolute-viewport-width,100%);text-align:center;color:#cacaca;z-index:1;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}[data-prose-reader-spine-item][data-is-ready=true] .prose-reader-enhancer-loading-container{visibility:hidden;z-index:0}.prose-reader-enhancer-loading-logo{font-size:4em}.prose-reader-enhancer-loading-details{text-overflow:ellipsis;white-space:nowrap;width:80%;max-width:300px;font-size:1.2em;overflow:hidden}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}[data-prose-reader-scroll-navigator]{width:100%;height:100%;position:relative;overflow:hidden scroll}[data-prose-reader-viewport]{background-color:#fff;width:100%;height:100%;position:relative}", Gi = (e) => ({
+}, Ui = "[data-prose-reader-spine-item][data-is-ready=false]{pointer-events:none;-webkit-user-select:none;user-select:none}.prose-reader-enhancer-loading-container{width:100%;height:100%;max-width:var(--prose-reader-absolute-viewport-width,100%);text-align:center;color:#cacaca;z-index:1;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}[data-prose-reader-spine-item][data-is-ready=true] .prose-reader-enhancer-loading-container{visibility:hidden;z-index:0}.prose-reader-enhancer-loading-logo{font-size:4em}.prose-reader-enhancer-loading-details{text-overflow:ellipsis;white-space:nowrap;width:80%;max-width:300px;font-size:1.2em;overflow:hidden}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}[data-prose-reader-scroll-navigator]{width:100%;height:100%;position:relative;overflow:hidden scroll}[data-prose-reader-viewport]{background-color:#fff;width:100%;height:100%;position:relative}", Wi = (e) => ({
 	x: -e.x,
 	y: -e.y
-}), Ki = (e) => e instanceof DOMMatrix ? new J({
+}), Gi = (e) => e instanceof DOMMatrix ? new J({
 	x: -e.e,
 	y: -e.f
 }) : new J({
 	x: -e.x,
 	y: -e.y
-}), qi = R.namespace("navigation/ControlledNavigationController"), Ji = class extends Q {
+}), Ki = R.namespace("navigation/ControlledNavigationController"), qi = class extends Q {
 	constructor(e, t, n, r, i) {
 		super(), this.settings = e, this.hookManager = t, this.context = n, this.spine = r, this.viewport = i, this.navigateSubject = new m(), this.element$ = new l(document.createElement("div")), this.isActive = () => this.settings.values.computedPageTurnMode === "controlled", this.getNavigationVisibleArea = () => this.viewport.absoluteViewport;
 		let o = this.spine.element$.pipe(b(K), N(this.element$), M(([e, t]) => {
@@ -3019,8 +3020,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			e.values.computedPageTurnMode === "scrollable" ? B(t.style, "display", "contents") : B(t.style, "display", "block");
 		}));
 		this.layout$ = s.pipe(M(() => {
-			qi.info("layout", e.values);
-		}), O()), this.isNavigating$ = this.navigateSubject.pipe(y((e, t) => a(e.position, t.position)), T(({ animation: t, position: n }) => (qi.info("Navigation requested", {
+			Ki.info("layout", e.values);
+		}), D()), this.isNavigating$ = this.navigateSubject.pipe(y((e, t) => a(e.position, t.position)), w(({ animation: t, position: n }) => (Ki.info("Navigation requested", {
 			animation: t,
 			position: n
 		}), {
@@ -3030,25 +3031,25 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			position: n
 		})), A((t) => {
 			let n = this.element$.getValue();
-			return B(n.style, "transition", "none"), B(n.style, "opacity", "1"), E(D(!0), D(null).pipe(de(() => {
-				if (t?.type !== "manualAdjust") return D(!1);
+			return B(n.style, "transition", "none"), B(n.style, "opacity", "1"), T(E(!0), E(null).pipe(fe(() => {
+				if (t?.type !== "manualAdjust") return E(!1);
 				let n = t.animation === "snap" ? e.values.snapAnimationDuration : e.values.computedPageTurnAnimationDuration, r = t.animation === "snap" ? "slide" : e.values.computedPageTurnAnimation;
-				return D(t).pipe(t.shouldAnimate ? ae(1, h) : le, M((e) => {
+				return E(t).pipe(t.shouldAnimate ? ae(1, h) : ue, M((e) => {
 					let i = this.element$.getValue();
 					e.shouldAnimate ? r === "fade" ? (B(i.style, "transition", `opacity ${n / 2}ms`), B(i.style, "opacity", "0")) : (t.animation === "snap" || r === "slide") && (B(i.style, "transition", `transform ${n}ms`), B(i.style, "opacity", "1")) : (B(i.style, "transition", "none"), B(i.style, "opacity", "1"));
 				}), M((e) => {
 					r !== "fade" && this.applyNavigationPosition(e.position);
-				}), t.shouldAnimate ? ae(n / 2, h) : le, M((e) => {
+				}), t.shouldAnimate ? ae(n / 2, h) : ue, M((e) => {
 					let t = this.element$.getValue();
 					r === "fade" && (this.applyNavigationPosition(e.position), B(t.style, "opacity", "1"));
-				}), t.shouldAnimate ? ae(n / 2, h) : le, M((e) => {
+				}), t.shouldAnimate ? ae(n / 2, h) : ue, M((e) => {
 					r === "fade" && this.applyNavigationPosition(e.position);
 				}));
-			}), T(() => !1)));
-		}), me(!1), k(1)), E(o, this.isNavigating$, this.layout$).pipe(j(this.destroy$)).subscribe();
+			}), w(() => !1)));
+		}), k(!1), O(1)), T(o, this.isNavigating$, this.layout$).pipe(j(this.destroy$)).subscribe();
 	}
 	applyNavigationPosition(e) {
-		let t = this.element$.getValue(), n = Gi(e);
+		let t = this.element$.getValue(), n = Wi(e);
 		B(t.style, "transform", `translate(${n.x}px, ${n.y}px)`), this.hookManager.execute("onViewportOffsetAdjust", void 0);
 	}
 	navigate(e) {
@@ -3059,22 +3060,22 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		return !n || n === "none" ? new J({
 			x: 0,
 			y: 0
-		}) : Ki(new DOMMatrix(n));
+		}) : Gi(new DOMMatrix(n));
 	}
-}, Yi = () => (e) => e.pipe(T(({ navigation: e, pagination: t, ...n }) => ({
+}, Ji = () => (e) => e.pipe(w(({ navigation: e, pagination: t, ...n }) => ({
 	navigation: {
 		...e,
 		paginationBeginCfi: t.beginCfi
 	},
 	...n
-}))), Xi = (e, t, n) => e.bridgeEvent.pagination$.pipe(N(t), b(([e, t]) => e.navigationId === t.id), A(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(S()) ?? D(!1)).pipe(b((e) => e), T(() => ({
+}))), Yi = (e, t, n) => e.bridgeEvent.pagination$.pipe(N(t), b(([e, t]) => e.navigationId === t.id), A(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(x()) ?? E(!1)).pipe(b((e) => e), w(() => ({
 	pagination: e,
 	navigation: t
-})))), Yi(), y((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), T(({ navigation: e }) => ({
+})))), Ji(), y((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), w(({ navigation: e }) => ({
 	...e,
 	meta: { triggeredBy: "pagination" },
 	requestedPosition: e.position
-}))), Zi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(T(([n, r]) => {
+}))), Xi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(w(([n, r]) => {
 	let i = n.position, a = i ? t() : void 0, o = i && a ? e.clampPositionInSpine(i, a) : void 0;
 	return {
 		previousNavigation: r,
@@ -3089,7 +3090,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			position: o
 		}
 	};
-})), Qi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
+})), Zi = ({ navigationResolver: e }) => (t) => t.pipe(w((t) => {
 	if (t.navigation.cfi) {
 		let n = e.getNavigationForCfi(t.navigation.cfi);
 		if (n) return {
@@ -3101,8 +3102,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		};
 	}
 	return t;
-})), $i = ({ navigation: e, previousNavigation: t, settings: n }) => e.directionFromLastNavigation ? e.directionFromLastNavigation : e.url !== void 0 || e.cfi !== void 0 ? "anchor" : t.spineItem === void 0 || e.spineItem || !e.position ? "forward" : n.values.computedPageTurnDirection === "vertical" ? e.position.y > t.position.y || e.position.y === t.position.y && t.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(e.position.x) > Math.abs(t.position.x) || e.position.x === t.position.x && t.directionFromLastNavigation !== "backward" ? "forward" : "backward", ea = ({ context: e, settings: t }) => (n) => n.pipe(T(({ navigation: n, previousNavigation: r }) => {
-	let i = $i({
+})), Qi = ({ navigation: e, previousNavigation: t, settings: n }) => e.directionFromLastNavigation ? e.directionFromLastNavigation : e.url !== void 0 || e.cfi !== void 0 ? "anchor" : t.spineItem === void 0 || e.spineItem || !e.position ? "forward" : n.values.computedPageTurnDirection === "vertical" ? e.position.y > t.position.y || e.position.y === t.position.y && t.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(e.position.x) > Math.abs(t.position.x) || e.position.x === t.position.x && t.directionFromLastNavigation !== "backward" ? "forward" : "backward", $i = ({ context: e, settings: t }) => (n) => n.pipe(w(({ navigation: n, previousNavigation: r }) => {
+	let i = Qi({
 		context: e,
 		navigation: n,
 		previousNavigation: r,
@@ -3116,7 +3117,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		},
 		direction: i
 	};
-})), ta = ({ spineItemsManager: e, navigationResolver: t, settings: n, viewport: r }) => (i) => i.pipe(T(({ navigation: i, ...a }) => {
+})), ea = ({ spineItemsManager: e, navigationResolver: t, settings: n, viewport: r }) => (i) => i.pipe(w(({ navigation: i, ...a }) => {
 	let o = e.get(i.spineItem);
 	if (i.position) return n.values.computedPageTurnMode === "scrollable" ? {
 		navigation: {
@@ -3149,7 +3150,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		},
 		...a
 	};
-})), na = ({ settings: e, spineItemsManager: t, navigationResolver: n, spineLocator: r, cfi: i }) => (a) => {
+})), ta = ({ settings: e, spineItemsManager: t, navigationResolver: n, spineLocator: r, cfi: i }) => (a) => {
 	let o = (a) => {
 		let { position: o, spineItem: s, cfi: c, directionFromLastNavigation: l } = a, { navigationSnapThreshold: u, computedPageTurnMode: d } = e.values;
 		if (s !== void 0) {
@@ -3185,7 +3186,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		}
 		return o && d === "scrollable" ? r.getSpineItemFromPosition(o) : t.get(0);
 	};
-	return a.pipe(T(({ navigation: e, ...n }) => {
+	return a.pipe(w(({ navigation: e, ...n }) => {
 		let r = o(e);
 		return {
 			navigation: {
@@ -3195,9 +3196,9 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			...n
 		};
 	}));
-}, ra = ({ spine: e }) => (t) => t.pipe(A(({ navigation: t, ...n }) => {
+}, na = ({ spine: e }) => (t) => t.pipe(A(({ navigation: t, ...n }) => {
 	let r = e.getSpineItemSpineLayoutInfo(t.spineItem), i = e.spineItemsManager.get(t.spineItem);
-	return (i?.isReady$ ?? D(!1)).pipe(S(), T((e) => ({
+	return (i?.isReady$ ?? E(!1)).pipe(x(), w((e) => ({
 		navigation: {
 			...t,
 			spineItemHeight: r?.height,
@@ -3209,7 +3210,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		},
 		...n
 	})));
-})), ia = ({ settings: e, spineItemsManager: t, spineLocator: n, navigationResolver: r }) => (i) => {
+})), ra = ({ settings: e, spineItemsManager: t, spineLocator: n, navigationResolver: r }) => (i) => {
 	let a = (i) => {
 		let { navigationSnapThreshold: a, computedPageTurnMode: o } = e.values, s = t.get(i.spineItem);
 		if (!(!s || !i.position)) {
@@ -3239,14 +3240,14 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			return n.getSpineItemPositionFromSpinePosition(i.position, s);
 		}
 	};
-	return i.pipe(T(({ navigation: e, ...t }) => ({
+	return i.pipe(w(({ navigation: e, ...t }) => ({
 		navigation: {
 			...e,
 			positionInSpineItem: a(e)
 		},
 		...t
 	})));
-}, aa = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
+}, ia = ({ navigationResolver: e }) => (t) => t.pipe(w((t) => {
 	if (t.navigation.url) {
 		let n = e.getNavigationForUrl(t.navigation.url);
 		if (n) return {
@@ -3259,9 +3260,9 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		};
 	}
 	return t;
-})), oa = class {
+})), aa = class {
 	constructor() {
-		this.isLockedSubject = new l(0), this.isLocked$ = this.isLockedSubject.pipe(T((e) => !!e), y());
+		this.isLockedSubject = new l(0), this.isLocked$ = this.isLockedSubject.pipe(w((e) => !!e), y());
 	}
 	lock() {
 		let e = !1;
@@ -3269,9 +3270,9 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			e || (e = !0, this.isLockedSubject.next(this.isLockedSubject.getValue() - 1));
 		};
 	}
-}, sa = ({ spineLocator: e, navigation: t, navigationResolver: n, spineItemsManager: r, spine: i, cfiManager: a }) => {
+}, oa = ({ spineLocator: e, navigation: t, navigationResolver: n, spineItemsManager: r, spine: i, cfiManager: a }) => {
 	let o = r.get(t.spineItem);
-	return o ? o.isReady$.pipe(S(), T((r) => {
+	return o ? o.isReady$.pipe(x(), w((r) => {
 		let s = i.getSpineItemSpineLayoutInfo(o), c = e.isPositionWithinSpineItem(t.position, o), l = s.width - (t.spineItemWidth ?? 0), u = s.height - (t.spineItemHeight ?? 0), d = l !== 0 || u !== 0;
 		if (t.url !== void 0 && (l || u || r && !t.spineItemIsReady)) {
 			let e = n.getNavigationForUrl(t.url);
@@ -3305,11 +3306,11 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			});
 		}
 		return c ? n.getNavigationForPosition(t.position) : n.getNavigationForSpineIndexOrId(o);
-	})) : D(new J({
+	})) : E(new J({
 		x: 0,
 		y: 0
 	}));
-}, ca = ({ navigation: e, spineLocator: t, spineItemsManager: n, settings: r, navigationResolver: i, spine: a }) => {
+}, sa = ({ navigation: e, spineLocator: t, spineItemsManager: n, settings: r, navigationResolver: i, spine: a }) => {
 	let { spineItem: o } = e, s = n.get(o);
 	if (!s) return new J({
 		x: 0,
@@ -3360,21 +3361,21 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		}
 	}
 	return e.position;
-}, la = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? D(ca({
+}, ca = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? E(sa({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	settings: n,
 	spineItemsManager: t,
 	spine: a
-})) : sa({
+})) : oa({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	spineItemsManager: t,
 	spine: a,
 	cfiManager: o
-}), ua = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => la({
+}), la = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => ca({
 	spineLocator: r.locator,
 	navigation: a.navigation,
 	navigationResolver: t,
@@ -3384,13 +3385,13 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	context: n,
 	spine: r,
 	cfiManager: i
-}).pipe(T((e) => ({
+}).pipe(w((e) => ({
 	...a,
 	navigation: {
 		...a.navigation,
 		position: e
 	}
-}))))), da = R.namespace("navigation/InternalNavigator"), fa = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, pa = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, ma = (e, t) => e.id === t.id && fa(e.position, t.position) && fa(e.requestedPosition, t.requestedPosition) && pa(e.requestedVisibleArea, t.requestedVisibleArea), ha = class extends Q {
+}))))), ua = R.namespace("navigation/InternalNavigator"), da = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, fa = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, pa = (e, t) => e.id === t.id && da(e.position, t.position) && da(e.requestedPosition, t.requestedPosition) && fa(e.requestedVisibleArea, t.requestedVisibleArea), ma = class extends Q {
 	constructor(e, t, n, r, i, a, o, s, c, u) {
 		super(), this.settings = e, this.context = t, this.userNavigation$ = n, this.getActiveNavigationModeController = r, this.navigationModeLayout$ = i, this.navigationResolver = a, this.spine = o, this.viewport = s, this.cfiManager = c, this.isUserInteractionLocked$ = u, this.navigationSubject = new l({
 			animation: !1,
@@ -3406,85 +3407,85 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			spineItemIsReady: !1,
 			type: "api",
 			id: Symbol("init")
-		}), this.navigation$ = this.navigationSubject.pipe(T(({ position: e, id: t, requestedPosition: n, requestedVisibleArea: r, meta: i }) => ({
+		}), this.navigation$ = this.navigationSubject.pipe(w(({ position: e, id: t, requestedPosition: n, requestedVisibleArea: r, meta: i }) => ({
 			position: e,
 			id: t,
 			requestedPosition: n,
 			requestedVisibleArea: r,
 			triggeredBy: i.triggeredBy
-		})), y(ma), k(1)), this.locker = new oa();
-		let d = n.pipe(N(this.navigationSubject), Zi({
+		})), y(pa), O(1)), this.locker = new aa();
+		let d = n.pipe(N(this.navigationSubject), Xi({
 			navigationResolver: a,
 			getNavigationVisibleArea: () => r().getNavigationVisibleArea()
-		}), aa({ navigationResolver: a }), Qi({ navigationResolver: a }), ea({
+		}), ia({ navigationResolver: a }), Zi({ navigationResolver: a }), $i({
 			context: t,
 			settings: e
-		}), na({
+		}), ta({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), ia({
+		}), ra({
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), ra({ spine: o })).pipe(ta({
+		}), na({ spine: o })).pipe(ea({
 			navigationResolver: a,
 			spineItemsManager: o.spineItemsManager,
 			settings: e,
 			viewport: s
 		}), N(u), A(([n, r]) => {
 			let i = n.navigation.cfi || n.navigation.url || e.values.computedPageTurnMode === "scrollable" || r;
-			return D(n).pipe(i ? le : ua({
+			return E(n).pipe(i ? ue : la({
 				navigationResolver: a,
 				settings: e,
 				spine: o,
 				context: t,
 				cfiManager: c
 			}));
-		}), ia({
+		}), ra({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), T((e) => e.navigation), O()), f = d.pipe(N(u), b(([, e]) => e), A(([e]) => {
+		}), w((e) => e.navigation), D()), f = d.pipe(N(u), b(([, e]) => e), A(([e]) => {
 			let t = this.locker.lock();
-			return u.pipe(b((e) => !e), S(), T(() => ({ navigation: {
+			return u.pipe(b((e) => !e), x(), w(() => ({ navigation: {
 				...e,
 				animation: "snap"
-			} })), x(() => {
+			} })), ce(() => {
 				t();
 			}), j(d));
-		}), O());
-		E(E(E(i, o.layout$).pipe(A(() => D(null).pipe(A(() => u.pipe(b((e) => !e), S())), T(() => ({ navigation: {
+		}), D());
+		T(T(T(i, o.layout$).pipe(A(() => E(null).pipe(A(() => u.pipe(b((e) => !e), x())), w(() => ({ navigation: {
 			...this.navigationSubject.getValue(),
 			animation: !1
-		} })), j(E(f, d))))), f).pipe(ua({
+		} })), j(T(f, d))))), f).pipe(la({
 			navigationResolver: a,
 			settings: e,
 			context: t,
 			spine: o,
 			cfiManager: c
-		}), T(({ navigation: e }) => ({ navigation: {
+		}), w(({ navigation: e }) => ({ navigation: {
 			...e,
 			meta: { triggeredBy: "restoration" },
 			requestedPosition: e.position
-		} })), na({
+		} })), ta({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), ra({ spine: o }), ia({
+		}), na({ spine: o }), ra({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), T(({ navigation: e }) => e), O()), d, Xi(t, this.navigationSubject, o)).pipe(N(this.navigationSubject), (e) => e.pipe(M(([e]) => {
+		}), w(({ navigation: e }) => e), D()), d, Yi(t, this.navigationSubject, o)).pipe(N(this.navigationSubject), (e) => e.pipe(M(([e]) => {
 			let t = e.type === "scroll", n = e.meta.triggeredBy === "pagination", r = e.meta.triggeredBy === "restoration";
 			if (t && !r || n) return;
 			let i = {
@@ -3493,7 +3494,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			};
 			this.getActiveNavigationModeController().navigate(i);
 		})), (e) => e.pipe(M(([e, t]) => {
-			da.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
+			ua.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
 				previousNavigation: t,
 				currentNavigation: e
 			}), this.navigationSubject.next(e);
@@ -3502,24 +3503,24 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	get navigation() {
 		return this.navigationSubject.getValue();
 	}
-}, ga = (e, t, n) => {
+}, ha = (e, t, n) => {
 	let r = n - e, i = t * e * n / (n || 1);
 	return Math.max(0, Math.min(r, i));
-}, _a = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), va = (e, t, n) => {
-	let r = _a(n, t), i = [...Array(r)].map((e, n) => n * t);
+}, ga = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), _a = (e, t, n) => {
+	let r = ga(n, t), i = [...Array(r)].map((e, n) => n * t);
 	return e >= r * t ? i[i.length - 1] || 0 : i.find((n) => e < n + t) || 0;
-}, ya = (e, t, n) => {
+}, va = (e, t, n) => {
 	let r = [...Array(n)].map((e, n) => n * t);
 	return e <= 0 || n === 0 ? 0 : e >= n * t ? n - 1 : r.findIndex((n) => e < n + t) ?? 0;
-}, ba = ({ itemWidth: e, itemHeight: t, spineItemPosition: n }) => new q({
+}, ya = ({ itemWidth: e, itemHeight: t, spineItemPosition: n }) => new q({
 	x: Math.min(e, Math.max(0, n.x)),
 	y: Math.min(t, Math.max(0, n.y))
-}), xa = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? _a(e, i) : _a(t, r), Sa = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
-	let l = ba({
+}), ba = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? ga(e, i) : ga(t, r), xa = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
+	let l = ya({
 		spineItemPosition: n,
 		itemHeight: t,
 		itemWidth: e
-	}).x, u = xa({
+	}).x, u = ba({
 		isUsingVerticalWriting: r,
 		itemHeight: t,
 		itemWidth: e,
@@ -3528,15 +3529,15 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		pageTurnDirection: o,
 		pageTurnMode: s
 	});
-	if (r) return ya(n.y, a, u);
-	let d = ya(l, i, u);
+	if (r) return va(n.y, a, u);
+	let d = va(l, i, u);
 	return c ? u - 1 - d : d;
-}, Ca = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
+}, Sa = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
 	if (r) return new q({
 		x: 0,
-		y: ga(i.pageSize.height, e, t.height)
+		y: ha(i.pageSize.height, e, t.height)
 	});
-	let a = ga(i.pageSize.width, e, t.width);
+	let a = ha(i.pageSize.width, e, t.width);
 	return n.isRTL() ? new q({
 		x: t.width - a - i.pageSize.width,
 		y: 0
@@ -3544,26 +3545,26 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		x: a,
 		y: 0
 	});
-}, wa = ({ context: e, settings: t, viewport: n }) => {
+}, Ca = ({ context: e, settings: t, viewport: n }) => {
 	let r = (e, t, r) => {
 		let i;
 		e?.nodeName === "img" || e?.textContent === "" && e.nodeType === Node.ELEMENT_NODE ? i = e.getBoundingClientRect().x : e && (i = (e ? Ge(e, t) : void 0)?.getBoundingClientRect().x || i);
 		let a = r.layoutInfo?.width || 0, o = n.pageSize.width;
 		if (i !== void 0) return new q({
-			x: va(i, o, a),
+			x: _a(i, o, a),
 			y: 0
 		});
 	};
 	return {
 		getSpineItemPositionFromNode: r,
-		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => Ca({
+		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => Sa({
 			context: e,
 			isUsingVerticalWriting: !!r.isUsingVerticalWriting(),
 			itemLayout: r.layoutInfo,
 			pageIndex: t,
 			viewport: n
 		}),
-		getSpineItemPageIndexFromPosition: (r) => Sa({
+		getSpineItemPageIndexFromPosition: (r) => xa({
 			...r,
 			isRTL: e.isRTL(),
 			pageWidth: n.pageSize.width,
@@ -3573,7 +3574,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		}),
 		getSpineItemPageIndexFromNode: (i, a, o) => {
 			let s = r(i, a, o), { height: c, width: l } = o.layoutInfo;
-			return s ? Sa({
+			return s ? xa({
 				isUsingVerticalWriting: !!o.isUsingVerticalWriting(),
 				position: s,
 				itemHeight: c,
@@ -3588,20 +3589,20 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		getSpineItemClosestPositionFromUnsafePosition: (e, t) => {
 			let { width: r, height: i } = t.layoutInfo;
 			return new q({
-				x: va(e.x, n.pageSize.width, r),
-				y: va(e.y, n.pageSize.height, i)
+				x: _a(e.x, n.pageSize.width, r),
+				y: _a(e.y, n.pageSize.height, i)
 			});
 		},
 		getSpineItemPagePositionFromSpineItemPosition: (t, r, i) => {
 			let { width: a, height: o } = i.layoutInfo, s = n.pageSize.width, c = n.pageSize.height;
 			if (i.isUsingVerticalWriting()) {
-				let e = ga(c, r, o);
+				let e = ha(c, r, o);
 				return new dn({
 					x: t.x,
 					y: t.y - e
 				});
 			}
-			let l = ga(s, r, a);
+			let l = ha(s, r, a);
 			if (e.isRTL()) {
 				let e = a - (r + 1) * s;
 				return new dn({
@@ -3615,8 +3616,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			});
 		}
 	};
-}, Ta = ({ context: e, settings: t, viewport: n }) => {
-	let r = wa({
+}, wa = ({ context: e, settings: t, viewport: n }) => {
+	let r = Ca({
 		context: e,
 		settings: t,
 		viewport: n
@@ -3635,7 +3636,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			y: 0
 		})
 	};
-}, Ea = ({ size: e, isRTL: t, spineItemsManager: n, spine: r }) => {
+}, Ta = ({ size: e, isRTL: t, spineItemsManager: n, spine: r }) => {
 	let i = n.get(n.items.length - 1);
 	if (!i) return;
 	let a = r.getSpineItemSpineLayoutInfo(i), o = Math.max(0, a.bottom - e.height);
@@ -3654,8 +3655,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		yMin: 0,
 		yMax: o
 	};
-}, Da = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = Ea({
+}, Ea = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = Ta({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3670,8 +3671,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		x: n ? Math.max(a.xMin, Math.min(a.xMax, e.x)) : Math.min(Math.max(a.xMin, e.x), a.xMax),
 		y: o
 	});
-}, Oa = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = Ea({
+}, Da = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = Ta({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3697,7 +3698,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		x: a,
 		y: i
 	});
-}, ka = ({ viewportPosition: e, spineLocator: t, spineItemNavigationResolver: n, viewport: r }) => {
+}, Oa = ({ viewportPosition: e, spineLocator: t, spineItemNavigationResolver: n, viewport: r }) => {
 	let i = t.getSpineItemFromPosition(e);
 	if (i) {
 		let a = t.getSpineItemPositionFromSpinePosition(e, i), o = n.getNavigationForPosition(i, a);
@@ -3714,9 +3715,9 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		x: 0,
 		y: 0
 	});
-}, Aa = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
+}, ka = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
 	let o = t.get(n);
-	if (!o) return ka({
+	if (!o) return Oa({
 		viewportPosition: new J({
 			x: e * a.pageSize.width,
 			y: 0
@@ -3737,7 +3738,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		pageSizeWidth: a.pageSize.width,
 		visibleAreaRectWidth: a.absoluteViewport.width
 	});
-}, ja = (e, t) => {
+}, Aa = (e, t) => {
 	if (t && t instanceof HTMLIFrameElement) {
 		let n = t.contentDocument, r = e.trim();
 		if (!n || r.length === 0) return;
@@ -3751,11 +3752,11 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			return;
 		}
 	}
-}, Ma = ({ anchor: e, spineItem: t, spine: n }) => {
-	let r = ja(e, t.renderer.getDocumentFrame());
+}, ja = ({ anchor: e, spineItem: t, spine: n }) => {
+	let r = Aa(e, t.renderer.getDocumentFrame());
 	return r ? n.spineItemLocator.getSpineItemPositionFromNode(r, 0, t)?.x ?? 0 : 0;
-}, Na = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
-	let i = Ma({
+}, Ma = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
+	let i = ja({
 		anchor: e,
 		spineItem: t,
 		spine: r
@@ -3767,8 +3768,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		}),
 		spineItem: t
 	});
-}, Pa = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
-	position: Na({
+}, Na = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
+	position: Ma({
 		anchor: e,
 		spineItem: t,
 		spineLocator: n,
@@ -3776,14 +3777,14 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	}),
 	pageSizeWidth: i,
 	visibleAreaRectWidth: a
-}), Fa = ({ spine: e, spineItemsManager: t, spineLocator: n, url: r, context: i, pageSizeWidth: a, visibleAreaRectWidth: o }) => {
+}), Pa = ({ spine: e, spineItemsManager: t, spineLocator: n, url: r, context: i, pageSizeWidth: a, visibleAreaRectWidth: o }) => {
 	try {
 		let s = r instanceof URL ? r : new URL(r), c = `${s.origin}${s.pathname}`, l = i.manifest?.spineItems.find((e) => e.href === c);
 		if (l) {
 			let r = t.get(l.id);
 			if (r) return {
 				position: $({
-					position: Pa({
+					position: Na({
 						anchor: s.hash,
 						spineItem: r,
 						spine: e,
@@ -3802,7 +3803,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		console.error(e);
 		return;
 	}
-}, Ia = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
+}, Fa = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
 	let a = r.getSpineItemClosestPositionFromUnsafePosition(t, e);
 	return $({
 		position: n.getSpinePositionFromSpineItemPosition({
@@ -3812,14 +3813,14 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		pageSizeWidth: i.pageSize.width,
 		visibleAreaRectWidth: i.absoluteViewport.width
 	});
-}, La = "spineNavigator", Ra = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
-	let s = Ta({
+}, Ia = "spineNavigator", La = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
+	let s = wa({
 		context: e,
 		settings: r,
 		viewport: a
 	});
 	return {
-		getNavigationForUrl: (r) => Fa({
+		getNavigationForUrl: (r) => Pa({
 			context: e,
 			spineItemsManager: t,
 			spineLocator: n,
@@ -3828,14 +3829,14 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			visibleAreaRectWidth: a.absoluteViewport.width,
 			spine: i
 		}),
-		getNavigationForSpineItemPage: (e) => Aa({
+		getNavigationForSpineItemPage: (e) => ka({
 			...e,
 			spineItemsManager: t,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
-		getNavigationFromSpineItemPosition: (e) => Ia({
+		getNavigationFromSpineItemPosition: (e) => Fa({
 			...e,
 			spineItemLocator: n.spineItemLocator,
 			spineLocator: n,
@@ -3844,7 +3845,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		getNavigationForCfi: (e) => {
 			let { node: t, offset: r = 0, spineItem: i } = o.resolveCfi({ cfi: e });
 			if (!i) {
-				R.warn(La, `unable to detect item id from cfi ${e}`);
+				R.warn(Ia, `unable to detect item id from cfi ${e}`);
 				return;
 			}
 			let c = t ? s.getNavigationFromNode(i, t, r) : new q({
@@ -3882,7 +3883,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				y: 0
 			});
 		},
-		getNavigationForPosition: (e) => ka({
+		getNavigationForPosition: (e) => Oa({
 			viewportPosition: e,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
@@ -3890,10 +3891,10 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		}),
 		getMostPredominantNavigationForPosition: (o) => {
 			let c = r.values.computedPageTurnDirection, l = .5;
-			return ka({
+			return Oa({
 				spineItemNavigationResolver: s,
 				spineLocator: n,
-				viewportPosition: Da({
+				viewportPosition: Ea({
 					position: new J({
 						x: c === "horizontal" ? o.x + a.absoluteViewport.width * l : 0,
 						y: c === "horizontal" ? 0 : o.y + a.absoluteViewport.height * l
@@ -3906,14 +3907,14 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				viewport: a
 			});
 		},
-		clampPositionInSpine: (n, r) => Da({
+		clampPositionInSpine: (n, r) => Ea({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
 			spineItemsManager: t,
 			spine: i
 		}),
-		getBoundaryForPosition: (n, r = a.absoluteViewport) => Oa({
+		getBoundaryForPosition: (n, r = a.absoluteViewport) => Da({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
@@ -3929,8 +3930,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		}),
 		spineItemNavigator: s
 	};
-}, za = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
-	let c = new m(), l = c.asObservable(), u = new oa(), d = s, f = Ra({
+}, Ra = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
+	let c = new m(), l = c.asObservable(), u = new aa(), d = s, f = La({
 		cfi: d,
 		context: t,
 		settings: i,
@@ -3938,11 +3939,11 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		locator: r.locator,
 		spine: r,
 		viewport: a
-	}), p = new Ji(i, n, t, r, a), h = new Si(a, i, n, r, t), g = [h, p], _ = new ha(i, t, l, () => g.find((e) => e.isActive()) ?? p, E(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), ee = v([
+	}), p = new qi(i, n, t, r, a), h = new xi(a, i, n, r, t), g = [h, p], _ = new ma(i, t, l, () => g.find((e) => e.isActive()) ?? p, T(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), ee = v([
 		...g.map((e) => e.isNavigating$),
 		u.isLocked$,
 		_.locker.isLocked$
-	]).pipe(T((e) => e.some((e) => e) ? "busy" : "free"), y(), k(1)), te = _.navigation$.pipe(T(({ position: e }) => e), y(o), k(1));
+	]).pipe(w((e) => e.some((e) => e) ? "busy" : "free"), y(), O(1)), te = _.navigation$.pipe(w(({ position: e }) => e), y(o), O(1));
 	return {
 		destroy: () => {
 			g.forEach((e) => {
@@ -3963,7 +3964,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		navigation$: _.navigation$,
 		position$: te
 	};
-}, Ba = class extends U {
+}, za = class extends U {
 	constructor(e, t) {
 		super({
 			beginPageIndexInSpineItem: void 0,
@@ -3980,10 +3981,10 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	update(e) {
 		this.mergeCompare(e);
 	}
-}, Va = class extends Q {
+}, Ba = class extends Q {
 	constructor(e, t, n, r, i, a, o) {
 		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spine = r, this.spineItemLocator = i, this.isNavigationLocked$ = a, this.cfi = o;
-		let s = E(this.context.bridgeEvent.navigation$, r.layout$).pipe(A(() => {
+		let s = T(this.context.bridgeEvent.navigation$, r.layout$).pipe(A(() => {
 			let e = ({ spineItem: e, position: t }) => this.spine.locator.getVisiblePagesFromViewportPosition({
 				spineItem: e,
 				position: t,
@@ -4021,7 +4022,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				});
 			}));
 		}));
-		E(s, s.pipe(St(this.context.bridgeEvent.viewportFree$), M(() => {
+		T(s, s.pipe(St(this.context.bridgeEvent.viewportFree$), M(() => {
 			let { beginSpineItemIndex: e, endSpineItemIndex: t, beginPageIndexInSpineItem: n, endPageIndexInSpineItem: r } = this.pagination.value;
 			if (n === void 0 || r === void 0 || e === void 0 || t === void 0) return;
 			let i = this.spineItemsManager.get(e), a = this.spineItemsManager.get(t);
@@ -4039,14 +4040,14 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			});
 		}))).pipe(j(this.destroy$)).subscribe();
 	}
-}, Ha = class extends Q {
+}, Va = class extends Q {
 	constructor(e) {
 		super();
 		let t = {
 			...this.getDefaultSettings(),
 			...e
 		};
-		this.inputSettings = t, this.outputSettingsUpdateSubject = new m(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(k(1)), this._settings$.subscribe();
+		this.inputSettings = t, this.outputSettingsUpdateSubject = new m(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(O(1)), this._settings$.subscribe();
 	}
 	_prepareUpdate(e) {
 		let t = c(this.inputSettings, e), n = this.getOutputSettings(t), r = !o(this.outputSettings, n);
@@ -4080,7 +4081,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.outputSettingsUpdateSubject.complete();
 	}
-}, Ua = class extends Ha {
+}, Ha = class extends Va {
 	constructor(e, t) {
 		super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(M(() => this.update(this.values)), j(this.destroy$)).subscribe();
 	}
@@ -4120,27 +4121,27 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			numberOfAdjacentSpineItemToPreLoad: 3
 		};
 	}
-}, Wa = class extends Nt {
+}, Ua = class extends Nt {
 	onUnload() {
 		return u;
 	}
 	onCreateDocument() {
-		return D(document.createElement("div"));
+		return E(document.createElement("div"));
 	}
 	onLoadDocument() {
 		return u;
 	}
 	onLayout() {
-		return D(void 0);
+		return E(void 0);
 	}
 	onRenderHeadless() {
 		return u;
 	}
 	getDocumentFrame() {}
-}, Ga = class extends Q {
+}, Wa = class extends Q {
 	constructor(e, t, n, i, a, s, c) {
 		super(), this.item = e, this.containerElement = t, this.context = n, this.hookManager = i, this.renderer = a, this.settings = s, this.viewport = c, this.layoutTriggerSubject = new m(), this.lastLayout = null, this.computeLayoutInformation = ({ isLastItem: e, horizontalOffset: t, spreadPosition: n }) => {
-			let i = this.viewport.value.pageSize.width, a = "none", o = t % this.viewport.absoluteViewport.width === 0, s = this.context.manifest, c = zi(s) ?? !1;
+			let i = this.viewport.value.pageSize.width, a = "none", o = t % this.viewport.absoluteViewport.width === 0, s = this.context.manifest, c = Ri(s) ?? !1;
 			if (this.settings.values.computedSpreadMode) {
 				!c && this.renderer.renditionLayout === "reflowable" && !e && (i = this.viewport.value.pageSize.width * 2), !c && this.renderer.renditionLayout === "reflowable" && e && o && (i = this.viewport.value.pageSize.width * 2);
 				let t = o && e && c, s = r(this.item);
@@ -4152,7 +4153,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			};
 		}, this.adjustPositionOfElement = ({ right: e, left: t, top: n }) => {
 			e === void 0 ? V(this.containerElement.style, "right") : B(this.containerElement.style, "right", `${e}px`), t === void 0 ? V(this.containerElement.style, "left") : B(this.containerElement.style, "left", `${t}px`), n === void 0 ? V(this.containerElement.style, "top") : B(this.containerElement.style, "top", `${n}px`);
-		}, this.updateContainerLayout = ({ minimumWidth: e, edgeX: t, edgeY: n }) => (r) => r.pipe(T((r) => {
+		}, this.updateContainerLayout = ({ minimumWidth: e, edgeX: t, edgeY: n }) => (r) => r.pipe(w((r) => {
 			let { width: i, height: a } = (o(this.lastLayout?.pageSize, this.viewport.pageSize) ? this.lastLayout : void 0) ?? {}, { width: s = i, height: c = a } = r ?? {}, { width: l, height: u } = this.viewport.pageSize, d = this.validateDimension(s ?? l, l, e), f = this.settings.values.computedPageTurnMode === "scrollable" ? c ?? u : this.validateDimension(c ?? u, u, u);
 			return this.lastLayout = {
 				width: d,
@@ -4175,7 +4176,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				height: f
 			});
 		})), this.layout = (e) => {
-			let t = Ct(this.didLayout$.pipe(S()));
+			let t = Ct(this.didLayout$.pipe(x()));
 			return this.layoutTriggerSubject.next(e), t();
 		};
 		let l = this.layoutTriggerSubject.pipe(A(({ spreadPosition: e, horizontalOffset: t, isLastItem: n, edgeX: r, edgeY: i }) => {
@@ -4195,11 +4196,11 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				minimumWidth: o,
 				spreadPosition: e
 			});
-			return E(D({ type: "start" }), s.pipe(this.updateContainerLayout({
+			return T(E({ type: "start" }), s.pipe(this.updateContainerLayout({
 				minimumWidth: o,
 				edgeX: r,
 				edgeY: i
-			}), T((e) => (this.hookManager.execute("item.onAfterLayout", {
+			}), w((e) => (this.hookManager.execute("item.onAfterLayout", {
 				blankPagePosition: a,
 				item: this.item,
 				minimumWidth: o
@@ -4207,8 +4208,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				type: "end",
 				data: e
 			}))));
-		}), O());
-		this.didLayout$ = l.pipe(b((e) => e.type === "end"), T((e) => e.data), O());
+		}), D());
+		this.didLayout$ = l.pipe(b((e) => e.type === "end"), w((e) => e.data), D());
 	}
 	validateDimension(e, t, n) {
 		if (e <= 0) return n;
@@ -4222,7 +4223,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			height: e.height ? parseFloat(e.height) : 0
 		};
 	}
-}, Ka = class extends U {
+}, Ga = class extends U {
 	constructor(e, t, n, r, i, a, o) {
 		super({
 			isLoaded: !1,
@@ -4238,7 +4239,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			this.mergeCompare({ isDirty: !0 });
 		}, this.destroy = () => {
 			super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = qa(t, e, i), t.appendChild(this.containerElement);
+		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = Ka(t, e, i), t.appendChild(this.containerElement);
 		let s = this.settings.values.getRenderer?.(e);
 		this.resourcesHandler = new Ft(e, this.settings);
 		let c = {
@@ -4250,7 +4251,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			resourcesHandler: this.resourcesHandler,
 			viewport: this.viewport
 		};
-		this.renderer = s ? s(c) : new Wa(c), this._layout = new Ga(e, this.containerElement, n, i, this.renderer, this.settings, this.viewport);
+		this.renderer = s ? s(c) : new Ua(c), this._layout = new Wa(e, this.containerElement, n, i, this.renderer, this.settings, this.viewport);
 		let l = this.renderer.state$.pipe(L(({ state: e, error: t }) => {
 			this.mergeCompare({
 				isLoaded: e === "loaded",
@@ -4263,7 +4264,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				isDirty: !1,
 				isReady: this.renderer.value.state === "loaded"
 			});
-		}), De()), E(l, this.didLayout$).pipe(I(this.destroy$)).subscribe();
+		}), De()), T(l, this.didLayout$).pipe(I(this.destroy$)).subscribe();
 	}
 	get isReady$() {
 		return this.watch("isReady");
@@ -4287,7 +4288,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		return this._layout.layoutInfo;
 	}
 	get numberOfPages() {
-		return xa({
+		return ba({
 			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
 			itemHeight: this._layout.layoutInfo.height,
 			itemWidth: this._layout.layoutInfo.width,
@@ -4297,20 +4298,20 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			pageTurnMode: this.settings.values.pageTurnMode
 		});
 	}
-}, qa = (e, t, n) => {
+}, Ka = (e, t, n) => {
 	let r = e.ownerDocument.createElement("div");
 	return r.setAttribute(`data-${Dn}`, ""), r.classList.add("spineItem"), r.classList.add(`spineItem-${t.renditionLayout ?? "reflowable"}`), r.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", r.dataset.isReady = "false", n.execute("item.onBeforeContainerAttach", {
 		element: r,
 		item: t
 	}), r;
-}, Ja = class extends Q {
+}, qa = class extends Q {
 	constructor(e, n, r, i, a, o) {
 		super(), this.context = e, this.spineItemsManager = n, this.spineLocator = r, this.settings = i, this.spineLayout = a, this.viewport = o, this.forcedOpenSubject = new l(/* @__PURE__ */ new Map());
-		let s = this.forcedOpenSubject.pipe(T((e) => Array.from(e.keys()).sort((e, t) => e - t)), y(t), k({
+		let s = this.forcedOpenSubject.pipe(w((e) => Array.from(e.keys()).sort((e, t) => e - t)), y(t), O({
 			bufferSize: 1,
 			refCount: !0
 		}));
-		E(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(ne(100), St(this.context.bridgeEvent.viewportFree$), N(this.context.bridgeEvent.position$, s), T(([, e, t]) => {
+		T(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(ne(100), St(this.context.bridgeEvent.viewportFree$), N(this.context.bridgeEvent.position$, s), w(([, e, t]) => {
 			let { numberOfAdjacentSpineItemToPreLoad: a } = i.values, { beginIndex: o = 0, endIndex: s = 0 } = r.getVisibleSpineItemsFromPosition({
 				position: e,
 				threshold: {
@@ -4339,13 +4340,13 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.forcedOpenSubject.complete();
 	}
-}, Ya = (e, t, n) => {
+}, Ja = (e, t, n) => {
 	let r = (n.width - t.width) / 2, i = (n.height - t.height) / 2;
 	return new Y({
 		x: e.x - r,
 		y: e.y - i
 	});
-}, Xa = class e extends DOMRect {
+}, Ya = class e extends DOMRect {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("ViewportPosition");
 	}
@@ -4357,15 +4358,15 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		let r = t;
 		return new e(r.x, r.y, r.width, r.height);
 	}
-}, Za = class {
+}, Xa = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
 	}
-}, Qa = class {
+}, Za = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
 	}
-}, $a = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
+}, Qa = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
 	let r = n.items, i = n.get(t);
 	if (!i) return;
 	let { currentAbsolutePage: a } = r.reduce((t, n) => {
@@ -4383,47 +4384,47 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		found: !1
 	});
 	return a;
-}, eo = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
+}, $a = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
 	let a = n / t, o = r / e;
 	return i.type === "percentage" ? a >= i.value && o >= i.value : n >= i.value && r >= i.value;
-}, to = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
+}, eo = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
 	let i = e / r.width, a = t / r.height;
 	return n.type === "percentage" ? a >= n.value && i >= n.value : t >= n.value && e >= n.value;
-}, no = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
+}, to = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
 	let l = s.x, u = s.x + (s.width - 1), d = s.y, f = Math.max(s.y + (s.height - 1), 0), p = Math.max(0, Math.min(n, u) - Math.max(t, l)), m = Math.max(0, Math.min(e, f) - Math.max(r, d));
 	if (p <= 0 || m <= 0) return { visible: !1 };
-	let h = to({
+	let h = eo({
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p,
 		viewportPosition: s
 	});
-	return c ? { visible: h } : { visible: eo({
+	return c ? { visible: h } : { visible: $a({
 		itemHeight: a,
 		itemWidth: i,
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p
 	}) || h };
-}, ro = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
+}, no = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
 	let r = t.items.find((t) => {
 		let { left: r, right: i, bottom: a, top: o } = n.getSpineItemSpineLayoutInfo(t), s = e.x >= r && e.x < i, c = e.y >= o && e.y < a;
 		return s && c;
 	});
 	return e.x === 0 && !r ? t.items[0] : r;
-}, io = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
+}, ro = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
 	x: t + e.x,
 	y: n + e.y
-}), ao = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
-	let s = ro({
+}), io = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
+	let s = no({
 		position: e,
 		spineItemsManager: r,
 		spineLayout: i
 	}) || r.get(0), c = r.items.reduce((r, s) => {
-		let c = i.getSpineItemSpineLayoutInfo(s), l = a ? o.absoluteViewport : o.relativeViewport, u = Ya(e, o.absoluteViewport, l), { visible: d } = no({
+		let c = i.getSpineItemSpineLayoutInfo(s), l = a ? o.absoluteViewport : o.relativeViewport, u = Ja(e, o.absoluteViewport, l), { visible: d } = to({
 			itemPosition: c,
 			threshold: t,
-			viewportPosition: Xa.from(u, l),
+			viewportPosition: Ya.from(u, l),
 			restrictToScreen: n
 		});
 		return d ? [...r, s] : r;
@@ -4434,14 +4435,14 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		beginIndex: d ?? 0,
 		endIndex: f ?? 0
 	};
-}, oo = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
+}, ao = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
 	let o = (e, t) => {
 		let { left: n, top: r } = i.getSpineItemSpineLayoutInfo(t);
 		return new q({
 			x: Math.max(e.x - n, 0),
 			y: Math.max(e.y - r, 0)
 		});
-	}, s = (e) => io({
+	}, s = (e) => ro({
 		spineItemPosition: new q({
 			x: 0,
 			y: 0
@@ -4455,7 +4456,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		return n.getSpineItemPageIndexFromNode(t, r || 0, i);
 	}, u = ({ position: e, threshold: t, spineItem: r, restrictToScreen: a, useAbsoluteViewport: o = !0, viewport: s }) => {
 		let c = r.numberOfPages, l = Array.from(Array(c)).map((e, t) => {
-			let a = io({
+			let a = ro({
 				spineItemPosition: n.getSpineItemPositionFromPageIndex({
 					pageIndex: t,
 					spineItem: r
@@ -4474,8 +4475,8 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				}
 			};
 		}).reduce((n, { absolutePosition: r, index: i }) => {
-			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ya(e, s.absoluteViewport, c), { visible: u } = no({
-				viewportPosition: Xa.from(l, c),
+			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ja(e, s.absoluteViewport, c), { visible: u } = to({
+				viewportPosition: Ya.from(l, c),
 				restrictToScreen: a,
 				threshold: t,
 				itemPosition: r
@@ -4488,11 +4489,11 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		};
 	};
 	return {
-		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => io({
+		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => ro({
 			itemLayout: i.getSpineItemSpineLayoutInfo(e),
 			spineItemPosition: t
 		}),
-		_getAbsolutePageIndexFromPageIndex: (n) => $a({
+		_getAbsolutePageIndexFromPageIndex: (n) => Qa({
 			...n,
 			context: t,
 			settings: r,
@@ -4500,7 +4501,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			spineLayout: i
 		}),
 		getSpineItemPagePositionFromSpinePosition: (t) => {
-			let r = ro({
+			let r = no({
 				position: t,
 				spineItemsManager: e,
 				spineLayout: i
@@ -4521,14 +4522,14 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		},
 		getSpinePositionFromSpineItem: s,
 		getSpineItemPositionFromSpinePosition: o,
-		getSpineItemFromPosition: (t) => ro({
+		getSpineItemFromPosition: (t) => no({
 			position: t,
 			spineItemsManager: e,
 			spineLayout: i
 		}),
 		getSpineItemFromIframe: c,
 		getSpineItemPageIndexFromNode: l,
-		getVisibleSpineItemsFromPosition: (t) => ao({
+		getVisibleSpineItemsFromPosition: (t) => io({
 			settings: r,
 			spineItemsManager: e,
 			spineLayout: i,
@@ -4552,25 +4553,25 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			});
 		}
 	};
-}, so = class extends Q {
+}, oo = class extends Q {
 	constructor(e) {
-		super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(A((e) => E(...e.map((e) => e.pipe(T((t) => ({
+		super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.pipe(w((t) => ({
 			item: e,
 			...t
-		})), y(o))))), O()), this.itemResize$ = this.spineItemsManager.items$.pipe(A((e) => E(...e.map((e) => xt(e.element).pipe(T((t) => ({
+		})), y(o))))), D()), this.itemResize$ = this.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => xt(e.element).pipe(w((t) => ({
 			entries: t,
 			item: e
-		})))))), O()), this.itemLoad$ = this.spineItemsManager.items$.pipe(A((e) => E(...e.map((e) => e.loaded$.pipe(T(() => e))))), O()), this.itemUnload$ = this.spineItemsManager.items$.pipe(A((e) => E(...e.map((e) => e.unloaded$.pipe(T(() => e))))), O());
+		})))))), D()), this.itemLoad$ = this.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.loaded$.pipe(w(() => e))))), D()), this.itemUnload$ = this.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.unloaded$.pipe(w(() => e))))), D());
 	}
-}, co = class extends Q {
+}, so = class extends Q {
 	constructor(e, t, n, r, i) {
 		super(), this.spineItemsManager = e, this.spineItemsObserver = t, this.context = n, this.settings = r, this.viewport = i, this.externalLayoutTrigger = new m(), this.spineItemsRelativeLayouts = [];
-		let a = E(t.itemLoad$, t.itemUnload$).pipe(T(() => ({ immediate: !1 }))), o = E(this.externalLayoutTrigger, a);
+		let a = T(t.itemLoad$, t.itemUnload$).pipe(w(() => ({ immediate: !1 }))), o = T(this.externalLayoutTrigger, a);
 		this.layout$ = o.pipe(M(() => {
 			this.spineItemsManager.items.forEach((e) => {
 				e.markDirty();
 			});
-		}), te((e) => e.immediate ? D(void 0) : ye(50)), A(() => this.spineItemsManager.items.reduce((t, a, o) => t.pipe(ee(({ horizontalOffset: t, verticalOffset: s }) => {
+		}), te((e) => e.immediate ? E(void 0) : ye(50)), A(() => this.spineItemsManager.items.reduce((t, a, o) => t.pipe(ee(({ horizontalOffset: t, verticalOffset: s }) => {
 			let c = t % i.absoluteViewport.width === 0, l = o === e.items.length - 1, u = r.values.computedPageTurnDirection === "vertical", d = n.isRTL(), f = this.getSpreadPosition(c, d), { edgeX: p, edgeY: m } = this.getStartEdges(u, c, t, s, i.absoluteViewport.height);
 			return a.layout({
 				spreadPosition: f,
@@ -4578,17 +4579,17 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 				isLastItem: l,
 				edgeX: p,
 				edgeY: m
-			}).pipe(T(({ width: e, height: t }) => {
+			}).pipe(w(({ width: e, height: t }) => {
 				let n = this.createSpineItemLayout(u, d, p, m, e, t, i.absoluteViewport.width);
 				return this.spineItemsRelativeLayouts[o] = n, {
 					horizontalOffset: p + e,
 					verticalOffset: u ? m + t : 0
 				};
 			}));
-		})), D({
+		})), E({
 			horizontalOffset: 0,
 			verticalOffset: 0
-		}))), j(this.destroy$), O()), this.layout$.subscribe(), this.watchForVerticalWritingUpdate();
+		}))), j(this.destroy$), D()), this.layout$.subscribe(), this.watchForVerticalWritingUpdate();
 	}
 	watchForVerticalWritingUpdate() {
 		this.spineItemsObserver.itemLoad$.pipe(M((e) => {
@@ -4652,24 +4653,24 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			y: r
 		});
 	}
-}, lo = class extends Q {
+}, co = class extends Q {
 	constructor(e, t, n, r, i, a, o) {
-		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.hookManager = a, this.viewport = o, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new so(n), this.spineLayout = new co(n, this.spineItemsObserver, e, i, o), this.locator = oo({
+		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.hookManager = a, this.viewport = o, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new oo(n), this.spineLayout = new so(n, this.spineItemsObserver, e, i, o), this.locator = ao({
 			context: e,
 			spineItemsManager: n,
 			spineItemLocator: r,
 			settings: i,
 			spineLayout: this.spineLayout,
 			viewport: o
-		}), this.spineItemsLoader = new Ja(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new Sr(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
+		}), this.spineItemsLoader = new qa(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new Sr(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
 		let s = e.watch("rootElement").pipe(Ce(K), L((e) => {
 			let t = e.ownerDocument.createElement("div");
 			t.style.cssText = "\n          height: 100%;\n          position: relative;\n        ", t.className = `${X}-spine`, this.elementSubject.next(t);
 		}));
-		E(v([this.context.manifest$, this.element$]).pipe(L(([e, t]) => {
+		T(v([this.context.manifest$, this.element$]).pipe(L(([e, t]) => {
 			if (!t) return;
 			this.spineItemsManager.destroyItems();
-			let n = e.spineItems.map((e, n) => new Ka(e, t, this.context, this.settings, this.hookManager, n, this.viewport));
+			let n = e.spineItems.map((e, n) => new Ga(e, t, this.context, this.settings, this.hookManager, n, this.viewport));
 			this.spineItemsManager.addMany(n);
 		})), s).pipe(I(this.destroy$)).subscribe();
 	}
@@ -4688,7 +4689,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
 	}
-}, uo = class extends Q {
+}, lo = class extends Q {
 	constructor(e, t) {
 		super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new l([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
 	}
@@ -4700,7 +4701,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		return n > r ? "after" : n === r ? "same" : "before";
 	}
 	getSpineItemIndex(e) {
-		let t = e instanceof Ka ? e : this.get(e);
+		let t = e instanceof Ga ? e : this.get(e);
 		if (!t) return;
 		let n = this.orderedSpineItemsSubject.value.indexOf(t);
 		return n < 0 ? void 0 : n;
@@ -4716,7 +4717,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			e.destroy();
 		});
 	}
-}, fo = class extends U {
+}, uo = class extends U {
 	constructor(e, t) {
 		let n = document.createElement("div");
 		n.setAttribute(`data-${Tn}`, ""), super({
@@ -4727,7 +4728,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			},
 			width: 1,
 			height: 1
-		}), this.context = e, this.settingsManager = t, this.layoutSubject = new m(), this.layout$ = this.layoutSubject.asObservable(), E(this.settingsManager.watch(["computedSpreadMode"]).pipe(M(() => {
+		}), this.context = e, this.settingsManager = t, this.layoutSubject = new m(), this.layout$ = this.layoutSubject.asObservable(), T(this.settingsManager.watch(["computedSpreadMode"]).pipe(M(() => {
 			this.mergeCompare({ pageSize: this.calculatePageSize(this.value) });
 		})), this.context.watch("rootElement").pipe(M(() => {
 			this.layout();
@@ -4755,7 +4756,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		}), this.layoutSubject.next();
 	}
 	get absoluteViewport() {
-		return new Za({
+		return new Xa({
 			width: this.value.width,
 			height: this.value.height
 		});
@@ -4769,7 +4770,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	}
 	get relativeViewport() {
 		let e = this.absoluteViewport, t = this.scaleFactor;
-		return new Qa({
+		return new Za({
 			width: e.width / t,
 			height: e.height / t
 		});
@@ -4777,12 +4778,12 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.layoutSubject.complete();
 	}
-}, po = `${Cn}-core`, mo = (e) => {
-	let t = crypto.randomUUID(), n = new m(), r = new m(), i = new Ui(), a = new Vi(), o = new Ua(e, a), s = new Hi(a, o), c = new uo(a, o), l = new Ri(i, c), u = new fo(a, o), d = wa({
+}, fo = `${Cn}-core`, po = (e) => {
+	let t = crypto.randomUUID(), n = new m(), r = new m(), i = new Hi(), a = new Bi(), o = new Ha(e, a), s = new Vi(a, o), c = new lo(a, o), l = new Li(i, c), u = new uo(a, o), d = Ca({
 		context: a,
 		settings: o,
 		viewport: u
-	}), f = new Ba(a, c), p = new lo(a, f, c, d, o, i, u), h = za({
+	}), f = new za(a, c), p = new co(a, f, c, d, o, i, u), h = Ra({
 		cfi: l,
 		context: a,
 		spineItemsManager: c,
@@ -4790,7 +4791,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		spine: p,
 		settings: o,
 		viewport: u
-	}), g = new Va(a, f, c, p, d, h.isLocked$, l);
+	}), g = new Ba(a, f, c, p, d, h.isLocked$, l);
 	h.navigationState$.subscribe(a.bridgeEvent.viewportStateSubject), h.navigation$.subscribe(a.bridgeEvent.navigationSubject), h.position$.subscribe(a.bridgeEvent.positionSubject), f.subscribe(a.bridgeEvent.paginationSubject);
 	let _ = (e = {}) => {
 		n.next(e);
@@ -4801,16 +4802,16 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			return;
 		}
 		R.log("load", { options: e });
-		let i = ho(n, t);
+		let i = mo(n, t);
 		a.update({
 			manifest: r,
 			rootElement: i
 		}), _({ immediate: !0 });
-	}, ee = o.watch(["computedSpreadMode"]).pipe(ke(1), L(() => _())), te = E(n.pipe(L((e) => {
+	}, ee = o.watch(["computedSpreadMode"]).pipe(ke(1), L(() => _())), te = T(n.pipe(L((e) => {
 		let t = a.value.rootElement;
 		t && (B(t.style, "overflow", "hidden"), u.layout(), p.layout(e));
 	}), I(r)), ee).subscribe();
-	return nt(document, po, Wi), {
+	return nt(document, fo, Ui), {
 		id: t,
 		context: a,
 		spine: p,
@@ -4822,7 +4823,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		layout: _,
 		load: v,
 		destroy: () => {
-			rt(document, po), te.unsubscribe(), c.destroy(), g.destroy(), o.destroy(), f.destroy(), a.destroy(), h.destroy(), p.destroy(), s.destroy(), r.next(), r.complete(), u.destroy();
+			rt(document, fo), te.unsubscribe(), c.destroy(), g.destroy(), o.destroy(), f.destroy(), a.destroy(), h.destroy(), p.destroy(), s.destroy(), r.next(), r.complete(), u.destroy();
 		},
 		pagination: {
 			get state() {
@@ -4833,7 +4834,7 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 			}
 		},
 		settings: o,
-		renderHeadless: (e) => c.get(e)?.renderer.renderHeadless() ?? D(void 0),
+		renderHeadless: (e) => c.get(e)?.renderer.renderHeadless() ?? E(void 0),
 		viewport: u,
 		viewportState$: a.bridgeEvent.viewportState$,
 		viewportFree$: a.bridgeEvent.viewportFree$,
@@ -4841,19 +4842,19 @@ var hi = (e) => (t) => e(t), gi = (e, t, n) => {
 		features: s,
 		$: { destroy$: r }
 	};
-}, ho = (e, t) => (e.style.cssText = `
+}, mo = (e, t) => (e.style.cssText = `
     ${e.style.cssText}
     background-color: white;
     position: relative;
-  `, e.classList.add(`${X}-reader`), e.setAttribute(wn, t), e.setAttribute("data-prose-reader-container", t), e), go = di(jt(hi(At(dt(oi(mi(Di(pr(ln(Jn(ft(gt(ni(qn(pi(mo)))))))))))))))), _o = (e) => (t) => e(t), vo = 5e3, yo = (e, { itemReadinessTimeoutMs: t = vo } = {}) => $n(e).pipe(A((n) => {
-	if (n.boundary === "start") return D(n);
+  `, e.classList.add(`${X}-reader`), e.setAttribute(wn, t), e.setAttribute("data-prose-reader-container", t), e), ho = ui(jt(mi(At(dt(ai(pi(Ei(pr(ln(Jn(ft(gt(ti(qn(fi(po)))))))))))))))), go = (e) => (t) => e(t), _o = 5e3, vo = (e, { itemReadinessTimeoutMs: t = _o } = {}) => $n(e).pipe(A((n) => {
+	if (n.boundary === "start") return E(n);
 	let r = e.spineItemsManager.items, i = r[r.length - 1];
-	return i ? i.value.isReady ? D(n) : i.isReady$.pipe(b(Boolean), S(), T(() => n), t === Infinity ? le : ve({
+	return i ? i.value.isReady ? E(n) : i.isReady$.pipe(b(Boolean), x(), w(() => n), t === Infinity ? ue : ve({
 		first: t,
 		with: () => u
 	}), Qn(e.navigation)) : u;
-}), O());
+}), D());
 //#endregion
-export { hn as AbstractSpinePosition, kn as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, On as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, Ri as CfiManager, Vi as Context, Ji as ControlledNavigationController, Q as DestroyableClass, Nt as DocumentRenderer, Hi as Features, wn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, En as HTML_PREFIX_SCROLL_NAVIGATOR, Dn as HTML_PREFIX_SPINE_ITEM, Tn as HTML_PREFIX_VIEWPORT, Cn as HTML_STYLE_PREFIX, Ui as HookManager, ha as InternalNavigator, un as LayoutEntry, oa as Locker, Sn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, bn as PROSE_READER_NAMESPACE, Sr as Pages, Ba as Pagination, Va as PaginationController, U as ReactiveEntity, Ft as ResourceHandler, gr as ResourcesLocator, Si as ScrollNavigationController, bi as ScrollPosition, Ha as SettingsManager, lo as Spine, Ka as SpineItem, fn as SpineItemPageLayout, mn as SpineItemPageSpineLayout, q as SpineItemPosition, pn as SpineItemSpineLayout, uo as SpineItemsManager, so as SpineItemsObserver, J as SpinePosition, xi as UnboundScrollPosition, dn as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, xn as VIEWPORT_ADJUSTMENT_THROTTLE, fo as Viewport, hr as consolidate, go as createReader, Tt as deferIdle, Ct as deferNextResult, Ai as generateCfiForSpineItemPage, ji as generateCfiFromRange, Oi as generateRootCfi, at as getAttributeValueFromString, _t as getBase64FromBlob, ct as getFrameViewportInfo, Mi as getItemAnchor, ln as htmlEnhancer, wt as idle, nt as injectCSS, ot as injectCSSToFrame, K as isDefined, $e as isHtmlElement, et as isHtmlTagElement, Pi as isRootCfi, a as isShallowEqual, qn as layoutEnhancer, yt as mapKeysTo, yo as observeBookBoundaryReached, Dt as observeIntersection, Et as observeMutation, Zn as observeNextSettledNavigation, xt as observeResize, Xn as observeSettledNavigation, ni as paginationEnhancer, Ii as parseCfi, vt as pick, Re as removeAttributeIfPresent, st as removeCSS, V as removeStylePropertyIfPresent, Li as resolveCfi, _o as rootEnhancer, z as setAttributeIfChanged, ze as setPropertyIfChanged, B as setStylePropertyIfChanged, Wn as shouldEnableSpreadModeForViewport, Gn as shouldUseComputedSpreadModeForViewport, vr as spinePositionToSpineItemSpineLayout, Qn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, lt as waitForFrameLoad, ut as waitForFrameReady, Yn as waitForNavigationSettled, St as waitForSwitch, bt as watchKeys };
+export { hn as AbstractSpinePosition, kn as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, On as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, Li as CfiManager, Bi as Context, qi as ControlledNavigationController, Q as DestroyableClass, Nt as DocumentRenderer, Vi as Features, wn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, En as HTML_PREFIX_SCROLL_NAVIGATOR, Dn as HTML_PREFIX_SPINE_ITEM, Tn as HTML_PREFIX_VIEWPORT, Cn as HTML_STYLE_PREFIX, Hi as HookManager, ma as InternalNavigator, un as LayoutEntry, aa as Locker, Sn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, bn as PROSE_READER_NAMESPACE, Sr as Pages, za as Pagination, Ba as PaginationController, U as ReactiveEntity, Ft as ResourceHandler, gr as ResourcesLocator, xi as ScrollNavigationController, yi as ScrollPosition, Va as SettingsManager, co as Spine, Ga as SpineItem, fn as SpineItemPageLayout, mn as SpineItemPageSpineLayout, q as SpineItemPosition, pn as SpineItemSpineLayout, lo as SpineItemsManager, oo as SpineItemsObserver, J as SpinePosition, bi as UnboundScrollPosition, dn as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, xn as VIEWPORT_ADJUSTMENT_THROTTLE, uo as Viewport, hr as consolidate, ho as createReader, Tt as deferIdle, Ct as deferNextResult, ki as generateCfiForSpineItemPage, Ai as generateCfiFromRange, Di as generateRootCfi, at as getAttributeValueFromString, _t as getBase64FromBlob, ct as getFrameViewportInfo, ji as getItemAnchor, ln as htmlEnhancer, wt as idle, nt as injectCSS, ot as injectCSSToFrame, K as isDefined, $e as isHtmlElement, et as isHtmlTagElement, Ni as isRootCfi, a as isShallowEqual, qn as layoutEnhancer, yt as mapKeysTo, vo as observeBookBoundaryReached, Dt as observeIntersection, Et as observeMutation, Zn as observeNextSettledNavigation, xt as observeResize, Xn as observeSettledNavigation, ti as paginationEnhancer, Fi as parseCfi, vt as pick, Re as removeAttributeIfPresent, st as removeCSS, V as removeStylePropertyIfPresent, Ii as resolveCfi, go as rootEnhancer, z as setAttributeIfChanged, ze as setPropertyIfChanged, B as setStylePropertyIfChanged, Wn as shouldEnableSpreadModeForViewport, Gn as shouldUseComputedSpreadModeForViewport, vr as spinePositionToSpineItemSpineLayout, Qn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, lt as waitForFrameLoad, ut as waitForFrameReady, Yn as waitForNavigationSettled, St as waitForSwitch, bt as watchKeys };
 
 //# sourceMappingURL=index.js.map