@prose-reader/core 1.374.0 → 2.0.0

package/dist/index.js

@@ -1,8 +1,8 @@
 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 y, debounce as ee, debounceTime as te, defaultIfEmpty as ne, defer as re, delay as ie, distinctUntilChanged as b, endWith as ae, exhaustMap as oe, filter as x, finalize as se, first as S, from as C, fromEvent as w, identity as ce, lastValueFrom as le, map as T, merge as E, mergeMap as ue, of as D, scheduled as de, share as O, shareReplay as k, skip as fe, startWith as pe, switchMap as A, switchScan as me, take as he, takeUntil as j, tap as M, throttleTime as ge, timeout as _e, timer as ve, withLatestFrom as N } from "rxjs";
-import { debounceTime as ye, distinctUntilChanged as be, filter as xe, first as Se, map as Ce, pairwise as we, share as Te, shareReplay as Ee, skip as De, startWith as Oe, switchMap as P, take as ke, takeUntil as F, tap as I } from "rxjs/operators";
-import { generate as Ae, isIndirectionOnly as je, isParsedCfiRange as Me, parse as Ne, resolve as Pe } from "@prose-reader/cfi";
-var L = e.namespace("@prose-reader/core", void 0, { color: "#98cde7" }), Fe = [
+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, concat as y, concatMap as ee, debounce as te, debounceTime as ne, defaultIfEmpty as re, defer as ie, delay as ae, distinctUntilChanged as b, endWith as oe, exhaustMap as se, filter as x, finalize as ce, first as S, 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 { debounceTime as be, distinctUntilChanged as xe, filter as Se, first as Ce, map as we, pairwise as Te, share as Ee, shareReplay as De, skip as Oe, startWith as ke, switchMap as P, take as Ae, takeUntil as F, tap as I } from "rxjs/operators";
+import { generate as je, isIndirectionOnly as Me, isParsedCfiRange as Ne, parse as Pe, resolve as Fe } from "@prose-reader/cfi";
+var L = e.namespace("@prose-reader/core", void 0, { color: "#98cde7" }), Ie = [
 	"pointercancel",
 	"pointerdown",
 	"pointerenter",
@@ -16,10 +16,10 @@ function R(e, t, n) {
 	let r = String(n);
 	e.getAttribute(t) !== r && e.setAttribute(t, r);
 }
-function Ie(e, t) {
+function Le(e, t) {
 	e.hasAttribute(t) && e.removeAttribute(t);
 }
-function Le(e, t, n) {
+function Re(e, t, n) {
 	e[t] !== n && (e[t] = n);
 }
 function z(e, t, n) {
@@ -28,22 +28,22 @@ function z(e, t, n) {
 function B(e, t) {
 	e.getPropertyValue(t) !== "" && e.removeProperty(t);
 }
-function Re(e, t, n) {
+function ze(e, t, n) {
 	if ("caretPositionFromPoint" in e) return e.caretPositionFromPoint(t, n);
 	if ("caretRangeFromPoint" in e && e.caretRangeFromPoint !== void 0) return e.caretRangeFromPoint(t, n);
 }
-var ze = (e, t) => {
+var Be = (e, t) => {
 	let n = "createRange" in e ? e : e.ownerDocument;
 	if (!n) return;
-	let r = "body" in e ? Be(e.body, t) : Be(e, t);
+	let r = "body" in e ? Ve(e.body, t) : Ve(e, t);
 	if (r) {
 		let e, i = 0, a = n.createRange();
 		return Array.from(r.childNodes).some((r) => {
 			a.selectNodeContents(r);
-			let o = He(a.getClientRects(), t);
+			let o = Ue(a.getClientRects(), t);
 			if (o) {
 				e = a.cloneRange();
-				let t = Re(n, Math.ceil(o.left), Math.ceil(o.top));
+				let t = ze(n, Math.ceil(o.left), Math.ceil(o.top));
 				return t && "startContainer" in t && t.startContainer === e.startContainer && (i = t.startOffset), t && "offsetNode" in t && t.offsetNode === e.startContainer && (i = t.offset), !0;
 			}
 			return !1;
@@ -55,25 +55,25 @@ var ze = (e, t) => {
 			offset: 0
 		};
 	}
-}, Be = (e, t) => {
-	let n = Ve(e.getBoundingClientRect(), t), r;
+}, Ve = (e, t) => {
+	let n = He(e.getBoundingClientRect(), t), r;
 	n !== "before" && n !== "after" && (r = e);
 	for (let n of e.children) {
-		let e = Be(n, t);
+		let e = Ve(n, t);
 		if (e) return e;
 	}
 	return r;
 };
-function Ve(e, { left: t, right: n }) {
+function He(e, { left: t, right: n }) {
 	return e.left <= t && e.right <= t ? "before" : e.left <= t && e.right > t && e.right <= n ? "partially-before" : e.left <= n && e.right > n ? "partially-after" : e.left > n ? "after" : "within";
 }
-function He(e, t) {
+function Ue(e, t) {
 	return Array.from(e).find((e) => {
-		let n = Ve(e, t);
+		let n = He(e, t);
 		return n !== "before" && n !== "after";
 	});
 }
-var Ue = (e, t) => {
+var We = (e, t) => {
 	if (e.nodeType !== Node.CDATA_SECTION_NODE && e.nodeType !== Node.DOCUMENT_TYPE_NODE) {
 		let n = e.ownerDocument?.createRange();
 		n?.selectNodeContents(e);
@@ -84,7 +84,7 @@ var Ue = (e, t) => {
 		}
 		return n;
 	}
-}, We = (e) => {
+}, Ge = (e) => {
 	if (e?.target && (e?.target)?.ownerDocument?.defaultView) {
 		let t = (e?.target)?.ownerDocument?.defaultView;
 		if (t.PointerEvent && e instanceof t.PointerEvent) return !0;
@@ -93,9 +93,9 @@ var Ue = (e, t) => {
 		let t = e?.view;
 		if (t.PointerEvent && e instanceof t.PointerEvent) return !0;
 	}
-	return !!Fe.includes(e.type);
-}, Ge = (e) => {
-	if (We(e)) return !1;
+	return !!Ie.includes(e.type);
+}, Ke = (e) => {
+	if (Ge(e)) return !1;
 	if (e?.target && (e?.target)?.ownerDocument?.defaultView) {
 		let t = (e?.target)?.ownerDocument?.defaultView;
 		if (t.MouseEvent) return e instanceof t.MouseEvent;
@@ -105,7 +105,7 @@ var Ue = (e, t) => {
 		if (t.MouseEvent) return e instanceof t.MouseEvent;
 	}
 	return !1;
-}, Ke = (e) => {
+}, qe = (e) => {
 	if (e?.target && (e?.target)?.ownerDocument?.defaultView) {
 		let t = (e?.target)?.ownerDocument?.defaultView;
 		if (t.TouchEvent) return e instanceof t.TouchEvent;
@@ -115,7 +115,7 @@ var Ue = (e, t) => {
 		if (t.TouchEvent) return e instanceof t.TouchEvent;
 	}
 	return !1;
-}, qe = () => document.createElement("div"), Je = (e) => {
+}, Je = () => document.createElement("div"), Ye = (e) => {
 	let t = [
 		"img",
 		"video",
@@ -125,8 +125,8 @@ var Ue = (e, t) => {
 		"script"
 	].join(",");
 	return Array.from(e?.querySelectorAll(t) || []);
-}, Ye = (e) => {
-	if (Je(e).forEach((t) => {
+}, Xe = (e) => {
+	if (Ye(e).forEach((t) => {
 		let n = t.getAttribute("src") || t.getAttribute("href");
 		n?.startsWith("blob:") && e?.defaultView?.URL.revokeObjectURL(n);
 	}), e) {
@@ -148,20 +148,20 @@ var Ue = (e, t) => {
 		}
 	}
 };
-function Xe(e, t, n = []) {
+function Ze(e, t, n = []) {
 	if (typeof e != "object" || !e) return !1;
 	for (let n of t) if (!(n in e)) return !1;
 	for (let t of n) if (t in e && typeof e[t] != "function") return !1;
 	return !0;
 }
-function Ze(e) {
-	return Xe(e, ["nodeType"], []) && e.nodeType === Node.ELEMENT_NODE;
+function Qe(e) {
+	return Ze(e, ["nodeType"], []) && e.nodeType === Node.ELEMENT_NODE;
 }
 function V(e, t) {
-	return Ze(e) && e.tagName.toLowerCase() === t.toLowerCase();
+	return Qe(e) && e.tagName.toLowerCase() === t.toLowerCase();
 }
-function Qe(e) {
-	return Xe(e, [
+function $e(e) {
+	return Ze(e, [
 		"startContainer",
 		"endContainer",
 		"startOffset",
@@ -174,28 +174,28 @@ function Qe(e) {
 		"selectNodeContents"
 	]);
 }
-var $e = (e, t, n, r) => {
+var et = (e, t, n, r) => {
 	let i = e.createElement("style");
 	return i.id = t, i.textContent = n, r ? e.head.prepend(i) : e.head.appendChild(i), () => {
-		et(e, t);
+		tt(e, t);
 	};
-}, et = (e, t) => {
+}, tt = (e, t) => {
 	if (e?.head) {
 		let n = e.getElementById(t);
 		n && n.remove();
 	}
-}, tt = (e, t) => {
+}, nt = (e, t) => {
 	let n = RegExp(`${t}\\s*=\\s*([^,\\s]+)`, "i");
 	return e.match(n)?.[1]?.trim().toLowerCase();
-}, nt = (e, t) => {
-	let n = tt(e, t);
+}, rt = (e, t) => {
+	let n = nt(e, t);
 	if (!n) return 0;
 	let r = Number.parseFloat(n);
 	return Number.isFinite(r) ? r : 0;
-}, rt = (e, t, n, r) => {
-	e?.contentDocument?.head && $e(e.contentDocument, t, n, r);
-}, it = (e, t) => {
-	e?.contentDocument && et(e.contentDocument, t);
+}, it = (e, t, n, r) => {
+	e?.contentDocument?.head && et(e.contentDocument, t, n, r);
+}, at = (e, t) => {
+	e?.contentDocument && tt(e.contentDocument, t);
 }, H = (e, t, n, r) => {
 	if (!e) return;
 	let i = e?.contentDocument?.getElementById(t);
@@ -203,14 +203,14 @@ var $e = (e, t, n, r) => {
 		i.textContent !== n && (i.textContent = n);
 		return;
 	}
-	rt(e, t, n, r);
-}, at = (e) => {
+	it(e, t, n, r);
+}, ot = (e) => {
 	if (e?.contentDocument) {
 		let t = e.contentDocument.querySelector("meta[name='viewport']");
 		if (t) {
 			let e = t.getAttribute("content");
 			if (e) {
-				let t = tt(e, "width"), n = tt(e, "height"), r = nt(e, "width"), i = nt(e, "height");
+				let t = nt(e, "width"), n = nt(e, "height"), r = rt(e, "width"), i = rt(e, "height");
 				return r > 0 && i > 0 ? {
 					hasViewport: !0,
 					widthToken: t,
@@ -226,13 +226,13 @@ var $e = (e, t, n, r) => {
 		}
 	}
 	return { hasViewport: !1 };
-}, ot = (e) => e.pipe(A((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? D(e) : w(e, "load").pipe(he(1), T(() => e)))), st = (e) => e.pipe(A((e) => {
+}, st = (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)))), ct = (e) => e.pipe(A((e) => {
 	let t = e?.contentDocument?.fonts.ready;
 	return t ? C(t).pipe(T(() => e)) : D(e);
-})), ct = (e) => (t) => {
+})), lt = (e) => (t) => {
 	let n = e(t), r = new ((n.context.document.defaultView?.IntersectionObserver) ?? IntersectionObserver)((e) => {
 		e.forEach((e) => {
-			e.isIntersecting ? Ie(e.target, "tab-index") : R(e.target, "tab-index", "-1");
+			e.isIntersecting ? Le(e.target, "tab-index") : R(e.target, "tab-index", "-1");
 		});
 	}, {}), i = /* @__PURE__ */ new Map();
 	return n.hookManager.register("item.onDocumentLoad", async ({ itemId: e }) => {
@@ -253,7 +253,7 @@ var $e = (e, t, n, r) => {
 	}), n.hookManager.register("item.onDocumentUnload", ({ itemId: e }) => {
 		i.get(e)?.(), i.delete(e);
 	}), { ...n };
-}, lt = (e) => (t) => {
+}, ut = (e) => (t) => {
 	let n = e(t);
 	return n.context.watch("rootElement").pipe(j(n.context.destroy$)).subscribe((e) => {
 		e && e.addEventListener("scroll", () => {
@@ -263,19 +263,19 @@ var $e = (e, t, n, r) => {
 		let t = n.spineItemsManager.get(e)?.renderer.getDocumentFrame();
 		t && t.contentDocument?.body && R(t.contentDocument.body, "tabindex", "-1");
 	}), n;
-}, ut = ({ position: e, frameElement: t }) => {
+}, dt = ({ position: e, frameElement: t }) => {
 	let n = t.getBoundingClientRect(), r = n.width / t.offsetWidth, i = n.height / t.offsetHeight, { left: a = 0, top: o = 0 } = n;
 	return {
 		clientX: e.clientX * r + a,
 		clientY: e.clientY * i + o
 	};
-}, dt = (e, t, n, r) => {
+}, ft = (e, t, n, r) => {
 	let i = t?.view?.frameElement;
 	if (!t || !i) return e;
 	let a = n.getSpineItemFromIframe(i), o = i, { height: s, width: c } = r.pageSize;
 	if (!a || !V(o, "iframe")) return e;
-	if (We(e)) {
-		let { clientX: n, clientY: r } = ut({
+	if (Ge(e)) {
+		let { clientX: n, clientY: r } = dt({
 			position: e,
 			frameElement: o,
 			pageHeight: s,
@@ -291,8 +291,8 @@ var $e = (e, t, n, r) => {
 			enumerable: !0
 		}), i;
 	}
-	if (Ge(e)) {
-		let { clientX: n, clientY: r } = ut({
+	if (Ke(e)) {
+		let { clientX: n, clientY: r } = dt({
 			position: e,
 			frameElement: o,
 			pageHeight: s,
@@ -307,9 +307,9 @@ var $e = (e, t, n, r) => {
 			enumerable: !0
 		}), i;
 	}
-	if (Ke(e)) {
+	if (qe(e)) {
 		let n = Array.from(e.touches).map((e) => {
-			let { clientX: t, clientY: n } = ut({
+			let { clientX: t, clientY: n } = dt({
 				position: e,
 				frameElement: o,
 				pageHeight: s,
@@ -332,7 +332,7 @@ var $e = (e, t, n, r) => {
 		}), r;
 	}
 	return e;
-}, ft = [
+}, pt = [
 	"pointercancel",
 	"pointerdown",
 	"pointerenter",
@@ -341,17 +341,17 @@ var $e = (e, t, n, r) => {
 	"pointerout",
 	"pointerover",
 	"pointerup"
-], pt = (e) => (t) => {
+], mt = (e) => (t) => {
 	let n = e(t), r = /* @__PURE__ */ new Map();
 	return n.hookManager.register("item.onDocumentLoad", async ({ itemId: e }) => {
 		r.get(e)?.(), r.delete(e);
 		let t = n.spineItemsManager.get(e), i = t?.renderer.getDocumentFrame();
 		if (!i || !t) return;
-		let a = ft.map((e) => {
+		let a = pt.map((e) => {
 			let t = (e) => {
 				let t = e;
-				if (We(e) && (t = new PointerEvent(e.type, e)), t !== e) {
-					let r = dt(t, e, n.spine.locator, n.viewport);
+				if (Ge(e) && (t = new PointerEvent(e.type, e)), t !== e) {
+					let r = ft(t, e, n.spine.locator, n.viewport);
 					n.context.value.rootElement?.dispatchEvent(r);
 				}
 			};
@@ -367,18 +367,18 @@ var $e = (e, t, n, r) => {
 	}), n.hookManager.register("item.onDocumentUnload", ({ itemId: e }) => {
 		r.get(e)?.(), r.delete(e);
 	}), n;
-}, mt = (e) => {
+}, ht = (e) => {
 	let t = new FileReader();
 	return new Promise((n) => {
 		t.addEventListener("load", () => {
 			n(t.result);
 		}, !1), t.readAsDataURL(e);
 	});
-}, ht = (e, t) => Object.entries(e).reduce((e, [n, r]) => t.includes(n) ? {
+}, gt = (e, t) => Object.entries(e).reduce((e, [n, r]) => t.includes(n) ? {
 	...e,
 	[n]: r
-} : e, {}), gt = (e) => Ce((t) => ht(t, e)), _t = (e) => (t) => t.pipe(gt(e), be(o));
-function vt(e) {
+} : e, {}), _t = (e) => we((t) => gt(t, e)), vt = (e) => (t) => t.pipe(_t(e), xe(o));
+function yt(e) {
 	return new f((t) => {
 		let n = new ((e.ownerDocument.defaultView?.ResizeObserver) ?? ResizeObserver)((e) => {
 			t.next(e);
@@ -388,13 +388,13 @@ function vt(e) {
 		};
 	});
 }
-var yt = (e) => (t) => t.pipe(P((t) => e.pipe(Se(), Ce(() => t)))), bt = (e) => {
+var bt = (e) => (t) => t.pipe(P((t) => e.pipe(Ce(), we(() => t)))), xt = (e) => {
 	let t, n = e.subscribe((e) => {
 		t = { result: e };
 	});
 	return () => (n.unsubscribe(), t ? D(t.result) : e);
 };
-function xt() {
+function St() {
 	return new f((e) => {
 		if (window.requestIdleCallback) {
 			let t = window.requestIdleCallback(() => {
@@ -408,16 +408,16 @@ function xt() {
 		return () => clearTimeout(t);
 	});
 }
-function St(e) {
-	return re(() => xt().pipe(P(e)));
+function Ct(e) {
+	return ie(() => St().pipe(P(e)));
 }
-var Ct = (e, t) => new f((n) => {
+var wt = (e, t) => new f((n) => {
 	let r = new ((e.ownerDocument?.defaultView?.MutationObserver) ?? MutationObserver)((e) => {
 		n.next(e);
 	});
 	return r.observe(e, t), () => r.disconnect();
 });
-function wt(e, t) {
+function Tt(e, t) {
 	return new f((n) => {
 		let r = new ((e.ownerDocument.defaultView?.IntersectionObserver) ?? IntersectionObserver)((e) => {
 			n.next(e);
@@ -429,14 +429,14 @@ function wt(e, t) {
 }
 //#endregion
 //#region src/settings/SettingsManagerOverload.ts
-var Tt = class {
+var Et = class {
 	constructor(e, t) {
 		this.settingsManager = t;
 		let n = c(this.getDefaultSettings(), e);
-		this.outputSettings = this.computeOutputSettings(n), this.inputSettings = c(this.getDefaultSettings(), e), this.outputSettingsUpdateSubject = new m(), this.values$ = v([this.settingsManager.values$, this.outputSettingsUpdateSubject.pipe(Oe(this.outputSettings))]).pipe(Ce(([e, t]) => ({
+		this.outputSettings = this.computeOutputSettings(n), this.inputSettings = c(this.getDefaultSettings(), e), this.outputSettingsUpdateSubject = new m(), this.values$ = v([this.settingsManager.values$, this.outputSettingsUpdateSubject.pipe(ke(this.outputSettings))]).pipe(we(([e, t]) => ({
 			...e,
 			...t
-		})), Ee(1)), this.values$.subscribe();
+		})), De(1)), this.values$.subscribe();
 	}
 	_prepareUpdate(e) {
 		let t = this.getCleanedParentInputSettings(e), n = this.settingsManager._prepareUpdate(t), r = c(this.inputSettings, e), i = this.computeOutputSettings(r), a = this.hasSettingsChanged(i);
@@ -459,12 +459,12 @@ var Tt = class {
 		};
 	}
 	watch(e) {
-		return Array.isArray(e) ? this.values$.pipe(_t(e)) : this.values$.pipe(Ce((t) => t[e]), be(o));
+		return Array.isArray(e) ? this.values$.pipe(vt(e)) : this.values$.pipe(we((t) => t[e]), xe(o));
 	}
 	destroy() {
 		this.outputSettingsUpdateSubject.complete();
 	}
-}, Et = class extends Tt {
+}, Dt = class extends Et {
 	computeOutputSettings(e) {
 		return e;
 	}
@@ -483,8 +483,8 @@ var Tt = class {
 			fontJustification: "publisher"
 		};
 	}
-}, Dt = (e) => (t) => {
-	let { fontScale: n, lineHeight: r, fontWeight: i, fontJustification: a } = t, o = new m(), s = e(t), c = new Et({
+}, Ot = (e) => (t) => {
+	let { fontScale: n, lineHeight: r, fontWeight: i, fontJustification: a } = t, o = new m(), s = e(t), c = new Dt({
 		fontScale: n,
 		lineHeight: r,
 		fontWeight: i,
@@ -504,7 +504,7 @@ var Tt = class {
 			let e = t?.renderer.getDocumentFrame();
 			e && H(e, "prose-reader-fonts", l());
 		}
-	}), c.values$.pipe((e) => e.pipe(we(), T(([e, t]) => t.fontScale !== e.fontScale || t.lineHeight !== e.lineHeight)), I((e) => {
+	}), c.values$.pipe((e) => e.pipe(Te(), T(([e, t]) => t.fontScale !== e.fontScale || t.lineHeight !== e.lineHeight)), I((e) => {
 		s.spineItemsManager.items.forEach((e) => {
 			if (e.renditionLayout !== "pre-paginated") {
 				let t = e.renderer.getDocumentFrame();
@@ -518,7 +518,7 @@ var Tt = class {
 		},
 		settings: c
 	};
-}, Ot = (e) => (t) => {
+}, kt = (e) => (t) => {
 	let n = e(t), r = (e) => w(e, "keyup").pipe(T((e) => {
 		let { pageTurnDirection: t, computedPageTurnMode: r } = n.settings.values;
 		if (r === "scrollable") return e;
@@ -536,7 +536,7 @@ var Tt = class {
 		let t = e.renderer.getDocumentFrame();
 		return V(t, "iframe") && t.contentDocument ? r(t.contentDocument) : u;
 	})))).pipe(j(n.$.destroy$)).subscribe(), n;
-}, kt = (e) => E(...e.spine.spineItemsManager.items.map((e) => e.watch("isLoaded").pipe(A(() => {
+}, At = (e) => E(...e.spine.spineItemsManager.items.map((e) => e.watch("isLoaded").pipe(A(() => {
 	let t = e.renderer.getDocumentFrame();
 	if (!t?.contentDocument) return d;
 	let n = Array.from(t.contentDocument.querySelectorAll("a")).map((e) => w(e, "click"));
@@ -558,7 +558,7 @@ var Tt = class {
 		o(this.value, t) || this.stateSubject.next(t);
 	}
 	watch(e) {
-		return Array.isArray(e) ? this.stateSubject.pipe(_t(e)) : this.stateSubject.pipe(T((t) => t[e]), b(o));
+		return Array.isArray(e) ? this.stateSubject.pipe(vt(e)) : this.stateSubject.pipe(T((t) => t[e]), b(o));
 	}
 	get value() {
 		return this.stateSubject.value;
@@ -566,7 +566,7 @@ var Tt = class {
 	destroy() {
 		this.isDestroyed || (this.isDestroyed = !0, this.stateSubject.complete(), this._destroy$.next(), this._destroy$.complete());
 	}
-}, At = class e extends U {
+}, jt = class e extends U {
 	static {
 		this.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 	}
@@ -577,13 +577,13 @@ var Tt = 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(x((e) => e.type === "unload")), n = this.triggerSubject.pipe(x((e) => e.type === "load"));
-		this.loaded$ = n.pipe(ue(() => this.value.state === "loaded" || this.value.state === "loading" ? u : (this.mergeCompare({
+		this.loaded$ = n.pipe(de(() => this.value.state === "loaded" || this.value.state === "loading" ? u : (this.mergeCompare({
 			state: "loading",
 			error: void 0
-		}), this.onCreateDocument().pipe(S()).pipe(ue((e) => (this.hookManager.execute("item.onDocumentCreated", {
+		}), this.onCreateDocument().pipe(S()).pipe(de((e) => (this.hookManager.execute("item.onDocumentCreated", {
 			itemId: this.item.id,
 			documentContainer: e
-		}), this.onLoadDocument().pipe(ae(null), S()).pipe(yt(this.context.bridgeEvent.viewportFree$), A(() => this.hookManager.fromExecuteAsync("item.onDocumentLoad", this.item.id, {
+		}), this.onLoadDocument().pipe(oe(null), S()).pipe(bt(this.context.bridgeEvent.viewportFree$), A(() => this.hookManager.fromExecuteAsync("item.onDocumentLoad", this.item.id, {
 			itemId: this.item.id,
 			documentContainer: e
 		}))))), T(() => {
@@ -591,7 +591,7 @@ var Tt = class {
 				state: "loaded",
 				error: void 0
 			});
-		}), j(t)))), O()), this.unloaded$ = t.pipe(ue(() => this.value.state === "unloading" || this.value.state === "idle" ? u : (this.mergeCompare({
+		}), j(t)))), O()), this.unloaded$ = t.pipe(de(() => this.value.state === "unloading" || this.value.state === "idle" ? u : (this.mergeCompare({
 			state: "unloading",
 			error: void 0
 		}), this.context.bridgeEvent.viewportFree$.pipe(S(), T(() => {
@@ -638,14 +638,14 @@ var Tt = class {
 	}
 	renderHeadless() {
 		let e = new m();
-		return re(() => this.onRenderHeadless({ release: e })).pipe(ae(void 0), S(), T((t) => {
+		return ie(() => this.onRenderHeadless({ release: e })).pipe(oe(void 0), S(), T((t) => {
 			if (t) return {
 				doc: t,
 				release: () => {
 					e.next(void 0);
 				}
 			};
-		}), se(() => {
+		}), ce(() => {
 			e.complete();
 		}), _((e) => (L.error(e), D(void 0))));
 	}
@@ -682,26 +682,26 @@ var Tt = class {
 		if (e) return e;
 		let t = this.getDocumentFrame();
 		if (t) {
-			let { hasViewport: e } = at(t);
+			let { hasViewport: e } = ot(t);
 			if (e) return "pre-paginated";
 		}
 		return this.context.manifest.renditionLayout ?? "reflowable";
 	}
-}, jt = (e) => new URL(e.href), Mt = class {
+}, Mt = (e) => new URL(e.href), Nt = class {
 	constructor(e, t) {
 		this.item = e, this.settings = t;
 	}
 	async getResource() {
-		return await le(this.settings.values.getResource?.(this.item) ?? D(void 0)) ?? jt(this.item);
+		return await ue(this.settings.values.getResource?.(this.item) ?? D(void 0)) ?? Mt(this.item);
 	}
 	async fetchResource() {
 		let e = await this.getResource();
 		return e instanceof Response ? e : e instanceof URL ? fetch(e) : e;
 	}
-}, Nt = (e, t) => {
+}, Pt = (e, t) => {
 	let n = e.startsWith("file://"), r = n ? e.replace("file://", "http://") : e, i = new URL(t, r).toString();
 	return n ? i.replace("http://", "file://") : i;
-}, Pt = async (e, t, n, r, i) => {
+}, Ft = async (e, t, n, r, i) => {
 	if (!e?.defaultView) return;
 	let a = t.sheet;
 	if (a) try {
@@ -715,9 +715,9 @@ var Tt = class {
 						if (t.startsWith("local(")) return t;
 						let a = t.match(/url\(['"]?([^'"]+)['"]?\)/);
 						if (!a) return t;
-						let o = a[1] ?? "", s = r.manifest.items.find(({ href: e }) => `${Nt(n, o).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
+						let o = a[1] ?? "", s = r.manifest.items.find(({ href: e }) => `${Pt(n, o).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
 						if (s) {
-							let n = new Mt(s, i);
+							let n = new Nt(s, i);
 							try {
 								let r = await n.getResource();
 								if (r instanceof Response) {
@@ -737,20 +737,20 @@ var Tt = class {
 	} catch (e) {
 		console.error("Could not access stylesheet rules:", e);
 	}
-}, Ft = (e, t, n, r, i) => {
+}, It = (e, t, n, r, i) => {
 	let a = t.getAttribute("src") || t.getAttribute("href");
 	if (!a) return D(null);
-	let o = r.manifest.items.find(({ href: e }) => `${Nt(n, a).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
+	let o = r.manifest.items.find(({ href: e }) => `${Pt(n, a).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
 	if (!o) return D(null);
-	let s = new Mt(o, i);
-	return C(s.getResource()).pipe(ue((e) => e instanceof Response ? C(e.blob()) : D(void 0)), ue((a) => {
+	let s = new Nt(o, i);
+	return C(s.getResource()).pipe(de((e) => e instanceof Response ? C(e.blob()) : D(void 0)), de((a) => {
 		if (!a) return D(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) => {
 			t.onload = async () => {
 				try {
-					t.sheet && await Pt(e, t, n, r, i), a.next(), a.complete();
+					t.sheet && await Ft(e, t, n, r, i), a.next(), a.complete();
 				} catch (e) {
 					a.error(e);
 				}
@@ -758,21 +758,21 @@ var Tt = class {
 		});
 		return D(null);
 	}));
-}, It = ({ settings: e, item: t, context: n }) => (r) => r.pipe(A((r) => {
-	let a = Je(r.contentDocument), o = i(t.href), s = a.map((t) => Ft(r.contentDocument, t, o, n, e));
+}, Lt = ({ settings: e, item: t, context: n }) => (r) => r.pipe(A((r) => {
+	let a = Ye(r.contentDocument), o = i(t.href), s = a.map((t) => It(r.contentDocument, t, o, n, e));
 	return s.length === 0 ? D(r) : v(s).pipe(T(() => r));
-})), Lt = (e) => {
-	Ye(e?.contentDocument);
-}, Rt = [
+})), Rt = (e) => {
+	Xe(e?.contentDocument);
+}, zt = [
 	"image/jpg",
 	"image/jpeg",
 	"image/png",
 	"image/webp",
 	"image/avif"
-], zt = async (e, t) => {
+], Bt = async (e, t) => {
 	if (typeof e == "string") return new Blob([e], { type: "text/html" });
 	let r = s(e.headers.get("Content-Type") || "") || n(t.href);
-	if (Rt.some((e) => e === r)) {
+	if (zt.some((e) => e === r)) {
 		let n = await e.blob(), r = URL.createObjectURL(n), i = await createImageBitmap(n), { width: a, height: o } = {
 			width: i.width,
 			height: i.height
@@ -812,36 +812,36 @@ var Tt = class {
       `], { type: "text/html" });
 	}
 	return await e.blob();
-}, Bt = [
+}, Vt = [
 	".txt",
 	".jpg",
 	".jpeg",
 	".png",
 	".webp",
 	".avif"
-], Vt = ["text/plain", ...Rt], Ht = (e) => {
+], Ht = ["text/plain", ...zt], Ut = (e) => {
 	let t = e?.getAttribute("src");
 	t?.startsWith("blob:") && URL.revokeObjectURL(t);
-}, Ut = ({ item: e, resourcesHandler: t }) => {
+}, Wt = ({ item: e, resourcesHandler: t }) => {
 	let n = (e, t) => {
-		Ht(e);
+		Ut(e);
 		let n = URL.createObjectURL(t);
 		e.setAttribute("src", n);
 	};
 	return (r) => r.pipe(A((r) => C(t.getResource()).pipe(A((i) => {
-		let a = Bt.some((t) => e.href.endsWith(t)) || e.mediaType && Vt.includes(e.mediaType);
-		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Ht(r), r?.setAttribute("src", i.href), D(r)) : (i instanceof URL ? C(t.fetchResource()) : D(i)).pipe(A((t) => {
+		let a = Vt.some((t) => e.href.endsWith(t)) || e.mediaType && Ht.includes(e.mediaType);
+		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Ut(r), r?.setAttribute("src", i.href), D(r)) : (i instanceof URL ? C(t.fetchResource()) : D(i)).pipe(A((t) => {
 			if (!(t instanceof Response)) throw Error("Invalid resource");
-			return zt(t, e);
+			return Bt(t, e);
 		}), M((e) => {
 			n(r, e);
 		}), T(() => r), _((t) => (L.error(`Error while trying to fetch or load resource for item ${e.id}`, i), L.error(t), D(r))));
 	}))));
-}, Wt = (e) => {
+}, Gt = (e) => {
 	let t = e.createElement("iframe");
 	return t.frameBorder = "no", t.tabIndex = 0, t.setAttribute("sandbox", "\n  allow-same-origin \n  allow-scripts \n  allow-top-navigation-to-custom-protocols\n"), t.style.cssText = "\n  overflow: hidden;\n  background-color: transparent;\n  border: 0px none transparent;\n  padding: 0px;\n", t.setAttribute("role", "main"), t;
-}, Gt = "body{margin:0}html,body{width:100%;height:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{object-fit:contain;max-width:100%;height:100%}", Kt = ({ pageHeight: e, pageWidth: t, frameElement: n }) => {
-	let r = at(n), i = r.width, a = r.height;
+}, Kt = "body{margin:0}html,body{width:100%;height:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{object-fit:contain;max-width:100%;height:100%}", qt = ({ pageHeight: e, pageWidth: t, frameElement: n }) => {
+	let r = ot(n), i = r.width, a = r.height;
 	!i && r.widthToken === "device-width" && (i = t), !a && r.heightToken === "device-height" && (a = e), !a && (i || r.widthToken === "device-width") && (a = e), !i && (a || r.heightToken === "device-height") && (i = t);
 	let o = r.hasViewport && i && a ? {
 		...r,
@@ -856,17 +856,17 @@ var Tt = class {
 			viewportDimensions: o
 		};
 	}
-}, qt = /* @__PURE__ */ new WeakMap(), W = (e, t, n) => {
+}, Jt = /* @__PURE__ */ new WeakMap(), W = (e, t, n) => {
 	e.style.getPropertyValue(t) !== n && e.style.setProperty(t, n);
 }, G = (e, t) => {
 	e.style.getPropertyValue(t) !== "" && e.style.removeProperty(t);
-}, Jt = (e, t) => {
+}, Yt = (e, t) => {
 	let n = `${t.width}px`, r = `${t.height}px`;
 	e.style.width !== n && (e.style.width = n), e.style.height !== r && (e.style.height = r);
-}, Yt = (e, t, n) => {
+}, Xt = (e, t, n) => {
 	let r = e.contentDocument?.documentElement;
 	r && r.getAttribute(t) !== n && r.setAttribute(t, n);
-}, Xt = ({ hasViewportDimensions: e, viewportWidth: t, viewportHeight: n, computedScale: r, spreadPosition: i, blankPagePosition: a, isRTL: o, pageWidth: s, pageHeight: c }) => [
+}, Zt = ({ hasViewportDimensions: e, viewportWidth: t, viewportHeight: n, computedScale: r, spreadPosition: i, blankPagePosition: a, isRTL: o, pageWidth: s, pageHeight: c }) => [
 	e ? "1" : "0",
 	t ?? "",
 	n ?? "",
@@ -876,7 +876,7 @@ var Tt = class {
 	o ? "1" : "0",
 	s,
 	c
-].join("|"), Zt = ({ frameElement: e, viewportDimensions: t, computedScale: n, spreadPosition: r, blankPagePosition: i, isRTL: a, pageWidth: o }) => {
+].join("|"), Qt = ({ frameElement: e, viewportDimensions: t, computedScale: n, spreadPosition: r, blankPagePosition: i, isRTL: a, pageWidth: o }) => {
 	if (t) {
 		W(e, "position", "absolute"), W(e, "top", "50%"), i === "before" ? r === "left" ? (W(e, "left", a ? "0" : "50%"), G(e, "right")) : r === "right" ? (W(e, "right", a ? "50%" : "0"), G(e, "left")) : (W(e, "left", a ? "25%" : "75%"), G(e, "right")) : r === "left" ? (W(e, "right", "0"), G(e, "left")) : r === "right" ? (W(e, "left", "0"), G(e, "right")) : (W(e, "left", i === "after" ? a ? "75%" : "25%" : "50%"), G(e, "right"));
 		let t = r === "none" ? "-50%" : "0", o = i === "before" ? r === "left" ? "left" : r === "right" ? "right" : "center" : r === "right" ? "left" : r === "left" ? "right" : "center";
@@ -884,14 +884,14 @@ var Tt = class {
 		return;
 	}
 	i === "before" ? a ? W(e, "margin-right", `${o}px`) : W(e, "margin-left", `${o}px`) : (G(e, "margin-left"), G(e, "margin-right"));
-}, Qt = ({ minPageSpread: e, blankPagePosition: t, spreadPosition: n, pageHeight: r, pageWidth: i, frameElement: a, isRTL: o }) => {
+}, $t = ({ minPageSpread: e, blankPagePosition: t, spreadPosition: n, pageHeight: r, pageWidth: i, frameElement: a, isRTL: o }) => {
 	let s = e * i;
 	if (a?.contentDocument && a?.contentWindow) {
-		let { viewportDimensions: e, computedScale: c = 1 } = Kt({
+		let { viewportDimensions: e, computedScale: c = 1 } = qt({
 			frameElement: a,
 			pageHeight: r,
 			pageWidth: i
-		}) ?? {}, l = !!e, u = i, d = r, f = Xt({
+		}) ?? {}, l = !!e, u = i, d = r, f = Zt({
 			hasViewportDimensions: l,
 			viewportWidth: e?.width,
 			viewportHeight: e?.height,
@@ -902,16 +902,16 @@ var Tt = class {
 			pageWidth: i,
 			pageHeight: r
 		});
-		return qt.get(a) === f ? {
+		return Jt.get(a) === f ? {
 			width: s,
 			height: d
-		} : (qt.set(a, f), Yt(a, "data-prose-reader-html-renderer-has-viewport-dimensions", l.toString()), e ? Jt(a, {
+		} : (Jt.set(a, f), Xt(a, "data-prose-reader-html-renderer-has-viewport-dimensions", l.toString()), e ? Yt(a, {
 			width: e.width ?? 1,
 			height: e.height ?? 1
-		}) : Jt(a, {
+		}) : Yt(a, {
 			width: u,
 			height: d
-		}), Zt({
+		}), Qt({
 			frameElement: a,
 			viewportDimensions: e,
 			computedScale: c,
@@ -928,7 +928,7 @@ var Tt = class {
 		width: s,
 		height: r
 	};
-}, $t = () => "\n      body {\n        margin: 0;\n      }\n      html {\n        width: 100%;\n        height: 100%;\n      }\n      body {\n        width: 100%;\n        height: 100%;\n        margin: 0;\n      }\n      \n      html, body {\n        touch-action: none;\n      }\n    ", en = ({ isScrollable: e, enableTouch: t }) => `
+}, en = () => "\n      body {\n        margin: 0;\n      }\n      html {\n        width: 100%;\n        height: 100%;\n      }\n      body {\n        width: 100%;\n        height: 100%;\n        margin: 0;\n      }\n      \n      html, body {\n        touch-action: none;\n      }\n    ", tn = ({ isScrollable: e, enableTouch: t }) => `
       
       html, body {
         width: 100%;
@@ -937,7 +937,7 @@ var Tt = class {
         ${t ? "" : "\n          touch-action: none\n        "}
       }
       ${e ? "\n        img {\n          height: auto !important;\n          margin: 0;\n          padding: 0;\n          box-sizing: border-box;\n          \n          width: 100%;\n          \n          display: block;\n        }\n      " : ""}
-    `, tn = ({ width: e, columnHeight: t, columnWidth: n }) => `
+    `, nn = ({ width: e, columnHeight: t, columnWidth: n }) => `
       parsererror {
         display: none !important;
       }
@@ -1001,48 +1001,48 @@ var Tt = class {
       td {
         max-width: ${n}px;
       }
-    `, nn = ({ isUsingVerticalWriting: e, minimumWidth: t, pageHeight: n, pageWidth: r }) => {
+    `, rn = ({ isUsingVerticalWriting: e, minimumWidth: t, pageHeight: n, pageWidth: r }) => {
 	let i = r - 0, a = n - 0, o = r - 0;
 	return e && (o = t - 0, i = a), {
 		columnHeight: a,
 		columnWidth: i,
 		width: o
 	};
-}, rn = (e, t) => {
+}, an = (e, t) => {
 	z(e.style, "width", `${t.width}px`), z(e.style, "height", `${t.height}px`);
-}, an = ({ pageHeight: e, pageWidth: t, frameElement: n, manifest: r, renditionFlow: i, minPageSpread: a, isRTL: o, blankPagePosition: s, isImageType: c, enableTouch: l, isUsingVerticalWriting: u }) => {
+}, on = ({ pageHeight: e, pageWidth: t, frameElement: n, manifest: r, renditionFlow: i, minPageSpread: a, isRTL: o, blankPagePosition: s, isImageType: c, enableTouch: l, isUsingVerticalWriting: u }) => {
 	let d = a * t, f = r.renditionLayout === "reflowable" && i === "scrolled-continuous", p = f ? Math.min(400, e) : e;
 	z(n.style, "width", `${t}px`), f ? B(n.style, "height") : z(n.style, "height", `${p}px`);
-	let { viewportDimensions: m, computedScale: h = 1 } = Kt({
+	let { viewportDimensions: m, computedScale: h = 1 } = qt({
 		frameElement: n,
 		pageHeight: p,
 		pageWidth: t
 	}) ?? {}, g = r.renditionLayout === "pre-paginated";
 	if (n?.contentDocument && n?.contentWindow && n.contentDocument.body) {
 		let e = t, r = p;
-		if (m?.hasViewport) H(n, "prose-reader-html-renderer-framce-css", $t()), rn(n, {
+		if (m?.hasViewport) H(n, "prose-reader-html-renderer-framce-css", en()), an(n, {
 			width: m.width ?? 1,
 			height: m.height ?? 1
 		}), z(n.style, "position", "absolute"), z(n.style, "top", "50%"), z(n.style, "left", s === "before" ? o ? "25%" : "75%" : s === "after" ? o ? "75%" : "25%" : "50%"), z(n.style, "transform", `translate(-50%, -50%) scale(${h})`), z(n.style, "transform-origin", "center center");
-		else if (H(n, "prose-reader-css", c ? en({
+		else if (H(n, "prose-reader-css", c ? tn({
 			isScrollable: i === "scrolled-continuous",
 			enableTouch: l
-		}) : tn(nn({
+		}) : nn(rn({
 			isUsingVerticalWriting: u,
 			minimumWidth: d,
 			pageHeight: p,
 			pageWidth: t
-		})), !0), u) r = Math.ceil(n.contentDocument.documentElement.scrollHeight / p) * p, rn(n, {
+		})), !0), u) r = Math.ceil(n.contentDocument.documentElement.scrollHeight / p) * p, an(n, {
 			width: d,
 			height: r
 		});
-		else if (i === "scrolled-continuous") r = n.contentDocument.body.scrollHeight, rn(n, {
+		else if (i === "scrolled-continuous") r = n.contentDocument.body.scrollHeight, an(n, {
 			width: d,
 			height: r
 		});
 		else {
 			let i = Math.ceil(n.contentDocument.documentElement.scrollWidth / t);
-			e = g ? t : i * t, rn(n, {
+			e = g ? t : i * t, an(n, {
 				width: e,
 				height: r
 			});
@@ -1052,43 +1052,43 @@ var Tt = class {
 			height: r
 		};
 	}
-}, on = class extends At {
+}, sn = class extends jt {
 	constructor(...e) {
 		super(...e), this.isPrePaginated = () => this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest.renditionLayout === "pre-paginated", this.isImageType = () => !!(this.item.mediaType ?? n(this.item.href))?.startsWith("image/");
 	}
 	onCreateDocument() {
-		let e = Wt(this.context.document);
+		let e = Gt(this.context.document);
 		return this.setDocumentContainer(e), D(e);
 	}
 	onLoadDocument() {
 		let e = this.getFrameElement();
 		if (!e) throw Error("invalid frame");
-		return D(e).pipe(Ut({
+		return D(e).pipe(Wt({
 			item: this.item,
 			resourcesHandler: this.resourcesHandler,
 			settings: this.settings
-		}), yt(this.context.bridgeEvent.viewportFree$), M((e) => {
+		}), bt(this.context.bridgeEvent.viewportFree$), M((e) => {
 			this.prepareFrameForAttach(e), this.attach();
-		}), ot, M((e) => {
-			this.isPrePaginated() ? H(e, "prose-reader-css", Gt) : this.isImageType();
-		}), It({
+		}), st, M((e) => {
+			this.isPrePaginated() ? H(e, "prose-reader-css", Kt) : this.isImageType();
+		}), Lt({
 			context: this.context,
 			item: this.item,
 			settings: this.settings
-		}), st, M((e) => {
+		}), ct, M((e) => {
 			this.revealFrameAfterReady(e);
 		}));
 	}
 	onUnload() {
 		let e = this.getFrameElement();
-		Lt(e), Ht(e), this.detach();
+		Rt(e), Ut(e), this.detach();
 	}
 	onLayout({ minPageSpread: e, blankPagePosition: t, spreadPosition: n }) {
 		let { width: r, height: i } = this.viewport.pageSize, a = this.getFrameElement();
 		if (!a) return D(void 0);
 		let o = this.settings.values.computedPageTurnMode === "scrollable";
 		if (a.contentDocument?.documentElement && (R(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()) {
-			let o = Qt({
+			let o = $t({
 				blankPagePosition: t,
 				frameElement: a,
 				isRTL: this.context.isRTL(),
@@ -1099,7 +1099,7 @@ var Tt = class {
 			});
 			return D(o);
 		}
-		let s = !!this.writingMode?.startsWith("vertical"), c = this.isImageType(), l = an({
+		let s = !!this.writingMode?.startsWith("vertical"), c = this.isImageType(), l = on({
 			pageHeight: i,
 			pageWidth: r,
 			frameElement: a,
@@ -1158,13 +1158,13 @@ var Tt = class {
 	getDocumentFrame() {
 		return this.getFrameElement();
 	}
-}, sn = (e) => (t) => {
+}, cn = (e) => (t) => {
 	let n = e({
 		...t,
 		getRenderer(e) {
-			return t.getRenderer?.(e) ?? ((e) => new on(e));
+			return t.getRenderer?.(e) ?? ((e) => new sn(e));
 		}
-	}), r = kt(n);
+	}), r = At(n);
 	return r.pipe(j(n.$.destroy$)).subscribe(), {
 		...n,
 		links$: r
@@ -1177,7 +1177,7 @@ function K(e) {
 }
 //#endregion
 //#region src/spineItem/types.ts
-var cn = class {
+var ln = class {
 	constructor(e) {
 		this.left = e.left, this.right = e.right, this.top = e.top, this.bottom = e.bottom, this.width = e.width, this.height = e.height, this.x = e.x, this.y = e.y;
 	}
@@ -1185,73 +1185,73 @@ var cn = class {
 	constructor(e) {
 		this.__symbol = Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
 	}
-}, ln = class {
+}, un = class {
 	constructor(e) {
 		this.__symbol = Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
 	}
-}, un = class extends cn {
+}, dn = class extends ln {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemPageLayout";
 	}
-}, dn = class extends cn {
+}, fn = class extends ln {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemSpineLayout";
 	}
-}, fn = class extends cn {
+}, pn = class extends ln {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemPageSpineLayout";
 	}
-}, pn = class {
+}, mn = class {
 	constructor(e) {
 		this.x = e.x, this.y = e.y;
 	}
-}, J = class e extends pn {
+}, J = class e extends mn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpinePosition";
 	}
 	static from(t) {
 		return new e(t);
 	}
-}, Y = class e extends pn {
+}, Y = class e extends mn {
 	constructor(...e) {
 		super(...e), this.__symbol = "UnboundSpinePosition";
 	}
 	static from(t) {
 		return new e(t);
 	}
-}, mn = (e, t) => {
+}, hn = (e, t) => {
 	let n = t.getBoundingClientRect(), { x: r, y: i } = e, { left: a, top: o } = n, s = n.width / t.offsetWidth, c = n.height / t.offsetHeight, l = r - a, u = i - o;
 	return {
 		x: l / s,
 		y: u / c
 	};
-}, hn = (e, t) => new Y(mn(e, t)), gn = (e) => ({ getSpinePositionFromClientPosition: (t) => e.spine.element ? hn(t, e.spine.element) : void 0 }), _n = (e) => {
+}, gn = (e, t) => new Y(hn(e, t)), _n = (e) => ({ getSpinePositionFromClientPosition: (t) => e.spine.element ? gn(t, e.spine.element) : void 0 }), vn = (e) => {
 	let t, n = e.context.watch("rootElement").pipe(P((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) => de(e, h).pipe(I(() => {
+	})) : d)), r = (e) => fe(e, h).pipe(I(() => {
 		t && z(t.style, "visibility", "hidden");
 	})), i = e.context.bridgeEvent.viewportBusy$.pipe(I(() => {
 		t && z(t.style, "visibility", "visible");
-	})), a = r(e.viewportFree$).pipe(ke(1)), o = e.settings.values$.pipe(Ce(() => e.settings.values.computedPageTurnMode), be()).pipe(P((e) => e === "controlled" ? i.pipe(P(() => a)) : r(D(void 0))), F(e.$.destroy$));
+	})), a = r(e.viewportFree$).pipe(Ae(1)), o = e.settings.values$.pipe(we(() => e.settings.values.computedPageTurnMode), xe()).pipe(P((e) => e === "controlled" ? i.pipe(P(() => a)) : r(D(void 0))), F(e.$.destroy$));
 	return E(n, o);
-}, vn = "@prose-reader/core", yn = 0, bn = 200, X = "prose-reader", xn = `${X}-style`, Sn = `data-${X}-id`, Cn = `${X}-viewport`, wn = `${X}-scroll-navigator`, Tn = `${X}-spine-item`, En = `--${X}-absolute-viewport-width`, Dn = `--${X}-absolute-viewport-height`, On = `${X}-enhancer-loading`, kn = `${On}-container`, An = `${On}-logo`, jn = `${On}-details`, Mn = ({ container: e, item: t }) => {
+}, yn = "@prose-reader/core", bn = 0, xn = 200, X = "prose-reader", Sn = `${X}-style`, Cn = `data-${X}-id`, wn = `${X}-viewport`, Tn = `${X}-scroll-navigator`, En = `${X}-spine-item`, Dn = `--${X}-absolute-viewport-width`, On = `--${X}-absolute-viewport-height`, kn = `${X}-enhancer-loading`, An = `${kn}-container`, jn = `${kn}-logo`, Mn = `${kn}-details`, Nn = ({ container: e, item: t }) => {
 	let n = e.ownerDocument.createElement("div");
-	n.classList.add(kn);
+	n.classList.add(An);
 	let r = n.ownerDocument.createElement("div");
-	r.classList.add(An), r.innerText = "prose";
+	r.classList.add(jn), r.innerText = "prose";
 	let i = n.ownerDocument.createElement("div");
-	return i.classList.add(jn), i.setAttribute("data-details-element", "true"), i.innerText = `loading ${t.id}`, n.appendChild(r), n.appendChild(i), n;
-}, Nn = (e) => e === "sepia" ? "#939393" : "rgb(202, 202, 202)", Pn = ({ loadingElement: e, theme: t }) => {
-	z(e.style, "color", Nn(t));
-}, Fn = (e) => {
+	return i.classList.add(Mn), i.setAttribute("data-details-element", "true"), i.innerText = `loading ${t.id}`, n.appendChild(r), n.appendChild(i), n;
+}, Pn = (e) => e === "sepia" ? "#939393" : "rgb(202, 202, 202)", Fn = ({ loadingElement: e, theme: t }) => {
+	z(e.style, "color", Pn(t));
+}, In = (e) => {
 	let t = /* @__PURE__ */ new WeakMap();
 	e.hookManager.register("item.onBeforeContainerAttach", ({ element: n, item: r }) => {
 		z(n.style, "z-index", "0");
-		let i = Mn({
+		let i = Nn({
 			container: n,
 			item: r
 		});
-		Pn({
+		Fn({
 			loadingElement: i,
 			theme: e.theme.get()
 		}), t.set(n, i), n.appendChild(i);
@@ -1261,32 +1261,32 @@ var cn = class {
 		let i = t.get(e.containerElement);
 		if (!i) return;
 		let a = i.querySelector("[data-details-element]");
-		Ze(a) && Le(a, "innerText", r?.toString() ?? "Unknown error");
+		Qe(a) && Re(a, "innerText", r?.toString() ?? "Unknown error");
 	})), r = e.theme.$.theme$.pipe(I((n) => {
 		for (let r of e.spineItemsManager.items) {
 			let e = t.get(r.containerElement);
-			e && Pn({
+			e && Fn({
 				loadingElement: e,
 				theme: n
 			});
 		}
 	}));
 	return E(n, r);
-}, In = (e) => {
+}, Ln = (e) => {
 	e.hookManager.register("item.onDocumentLoad", async ({ itemId: t }) => {
 		let n = e.spineItemsManager.get(t)?.renderer.getDocumentFrame();
 		n && R(n, "scrolling", "no");
 	});
-}, Ln = (e) => {
+}, Rn = (e) => {
 	e.hookManager.register("item.onAfterLayout", ({ item: t, blankPagePosition: n, minimumWidth: r }) => {
 		let i = e.spineItemsManager.get(t.id), a = i?.renderer.getDocumentFrame();
 		if (i?.renditionLayout !== "reflowable" || !V(a, "iframe")) return;
-		let { hasViewport: o } = at(a), { width: s } = e.viewport.pageSize, c = i?.renderer.getDocumentFrame();
+		let { hasViewport: o } = ot(a), { width: s } = e.viewport.pageSize, c = i?.renderer.getDocumentFrame();
 		o && n === "none" && s < r && V(c, "iframe") && z(c.style, "left", e.context.isRTL() ? "75%" : "25%");
 	});
-}, Rn = (e) => e.spineItemsObserver.itemStateChange$.pipe(M(({ item: e, isReady: t, isDirty: n }) => {
+}, zn = (e) => e.spineItemsObserver.itemStateChange$.pipe(M(({ item: e, isReady: t, isDirty: n }) => {
 	e.containerElement.dataset.isDirty = n.toString(), e.containerElement.dataset.isReady = t.toString();
-})), zn = class extends Tt {
+})), Bn = class extends Et {
 	computeOutputSettings(e) {
 		return e;
 	}
@@ -1305,20 +1305,20 @@ var cn = class {
 			layoutLayerTransition: !0
 		};
 	}
-}, Bn = ({ manifest: e, spreadMode: t }) => e.renditionFlow !== "scrolled-continuous" && t, Vn = (e) => e === void 0 || e === "auto" || e === "landscape" || e === "both", Hn = ({ manifest: e, viewport: t }) => {
+}, Vn = ({ manifest: e, spreadMode: t }) => e.renditionFlow !== "scrolled-continuous" && t, Hn = (e) => e === void 0 || e === "auto" || e === "landscape" || e === "both", Un = ({ manifest: e, viewport: t }) => {
 	let n = t.width > t.height;
-	return !!(!n && e.renditionSpread === "portrait" || n && Vn(e.renditionSpread));
-}, Un = ({ manifest: e, viewport: t }) => Bn({
+	return !!(!n && e.renditionSpread === "portrait" || n && Hn(e.renditionSpread));
+}, Wn = ({ manifest: e, viewport: t }) => Vn({
 	manifest: e,
-	spreadMode: Hn({
+	spreadMode: Un({
 		manifest: e,
 		viewport: t
 	})
-}), Wn = (e) => v([e.viewport.watch(["width", "height"]), e.context.watch("manifest")]).pipe(M(([t, n]) => e.settings.update({ spreadMode: Hn({
+}), Gn = (e) => v([e.viewport.watch(["width", "height"]), e.context.watch("manifest")]).pipe(M(([t, n]) => e.settings.update({ spreadMode: Un({
 	manifest: n,
 	viewport: t
-}) }))), Gn = (e) => (t) => {
-	let { pageHorizontalMargin: r, pageVerticalMargin: i, layoutAutoResize: a, layoutLayerTransition: o } = t, s = e(t), c = new zn({
+}) }))), Kn = (e) => (t) => {
+	let { pageHorizontalMargin: r, pageVerticalMargin: i, layoutAutoResize: a, layoutLayerTransition: o } = t, s = e(t), c = new Bn({
 		pageHorizontalMargin: r,
 		pageVerticalMargin: i,
 		layoutAutoResize: a,
@@ -1358,25 +1358,25 @@ var cn = class {
               }
             `);
 		}
-	}), Ln(s), In(s), s.hookManager.register("item.onDocumentCreated", ({ documentContainer: e }) => {
+	}), Rn(s), Ln(s), s.hookManager.register("item.onDocumentCreated", ({ documentContainer: e }) => {
 		z(e.style, "opacity", "0"), c.values.layoutLayerTransition && z(e.style, "transition", "opacity 800ms");
 	}), s.hookManager.register("item.onBeforeLayout", ({ item: e }) => {
 		let t = s.spineItemsManager.get(e.id)?.renderer.documentContainer;
 		s.settings.values.computedPageTurnMode !== "scrollable" && t && R(t, "tab-index", "0");
 	});
-	let l = s.spineItemsObserver.itemStateChange$.pipe(xe(({ isReady: e }) => e), I(({ item: e }) => {
+	let l = s.spineItemsObserver.itemStateChange$.pipe(Se(({ isReady: e }) => e), I(({ item: e }) => {
 		let t = e.renderer.documentContainer;
 		t && z(t.style, "opacity", "1");
-	})), u = c.values$.pipe(xe(({ layoutAutoResize: e }) => e === "container"), P(() => s.context.watch("rootElement")), xe(K), P((e) => vt(e)), ye(100), xe(K), I(() => {
+	})), u = c.values$.pipe(Se(({ layoutAutoResize: e }) => e === "container"), P(() => s.context.watch("rootElement")), Se(K), P((e) => yt(e)), be(100), Se(K), I(() => {
 		s?.layout();
-	})), d = _n(s);
-	c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(De(1), I(() => {
+	})), d = vn(s);
+	c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(Oe(1), I(() => {
 		s.layout();
 	}), F(s.$.destroy$)).subscribe();
-	let f = s.spine.pages.pipe(Ee({
+	let f = s.spine.pages.pipe(De({
 		refCount: !0,
 		bufferSize: 1
-	})), p = Rn(s), m = Wn(s), h = Fn(s);
+	})), p = zn(s), m = Gn(s), h = In(s);
 	return E(l, d, u, f, p, m, h).pipe(F(s.$.destroy$)).subscribe(), {
 		...s,
 		destroy: () => {
@@ -1385,9 +1385,9 @@ var cn = class {
 		settings: c,
 		layout$: s.spine.layout$,
 		layoutInfo$: f,
-		coordinates: gn(s)
+		coordinates: _n(s)
 	};
-}, Kn = (e) => (t) => {
+}, qn = (e) => (t) => {
 	let n = e(t), r = n.context.document.defaultView?.IntersectionObserver ?? IntersectionObserver, i = new r((e) => {
 		e.forEach((e) => {
 			let t = e.target, n = Array.from(t.contentDocument?.body.getElementsByTagName("audio") || []);
@@ -1426,14 +1426,14 @@ var cn = class {
 		...n,
 		destroy: s
 	};
-}, qn = (e) => (t) => t.pipe(A((t) => e.pipe(x((e) => e === "free"), S(), T(() => t)))), Jn = ({ navigation$: e, navigationState$: t }) => e.pipe(qn(t)), Yn = (e) => Jn(e).pipe(fe(1)), Xn = (e) => (t) => t.pipe(j(Yn(e))), Zn = (e) => e.navigation.navigation$.pipe(x((e) => e.triggeredBy === "user"), qn(e.navigation.navigationState$), T((t) => {
+}, Jn = (e) => (t) => t.pipe(A((t) => e.pipe(x((e) => e === "free"), S(), T(() => t)))), Yn = ({ navigation$: e, navigationState$: t }) => e.pipe(Jn(t)), Xn = (e) => Yn(e).pipe(pe(1)), Zn = (e) => (t) => t.pipe(j(Xn(e))), Qn = (e) => e.navigation.navigation$.pipe(x((e) => e.triggeredBy === "user"), Jn(e.navigation.navigationState$), T((t) => {
 	let n = t.requestedPosition, r = t.requestedVisibleArea;
 	return n && r ? e.navigation.navigationResolver.getBoundaryForPosition(n, r) : void 0;
-}), x((e) => e !== void 0), T((e) => ({ boundary: e })), O()), Qn = (e, t) => e.links$.pipe(M((n) => {
+}), x((e) => e !== void 0), T((e) => ({ boundary: e })), O()), $n = (e, t) => e.links$.pipe(M((n) => {
 	if (!V(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);
-})), Z = L.namespace("navigation"), $n = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
+})), Z = L.namespace("navigation"), er = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
 	let a = new q({
 		x: e.x - r,
 		y: e.y
@@ -1442,10 +1442,10 @@ var cn = class {
 		x: e.x,
 		y: e.y + n
 	})), i.getSpineItemClosestPositionFromUnsafePosition(a, t);
-}, er = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
+}, tr = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
 	let o = n, s = i.getSpineItemFromPosition(e) || r.get(0), c = e;
 	if (!s) return c;
-	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = $n({
+	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = er({
 		position: l,
 		spineItem: s,
 		pageHeight: a.pageSize.height,
@@ -1462,12 +1462,12 @@ var cn = class {
 		y: e.y - a.pageSize.height,
 		x: 0
 	});
-}, tr = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
+}, nr = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
 	if (c.values.computedPageTurnMode === "scrollable" && o === "vertical") return new Y({
 		x: e.x,
 		y: e.y - s.pageSize.height
 	});
-	let l = er({
+	let l = tr({
 		position: e,
 		viewport: s,
 		navigationResolver: r,
@@ -1485,7 +1485,7 @@ var cn = class {
 			y: l.y
 		}));
 		if (o === "vertical" && e.y !== l.y) return r.getAdjustedPositionForSpread(l);
-		let c = er({
+		let c = tr({
 			position: l,
 			viewport: s,
 			navigationResolver: r,
@@ -1496,7 +1496,7 @@ var cn = class {
 		return r.getAdjustedPositionForSpread(c);
 	}
 	return r.getAdjustedPositionForSpread(l);
-}, nr = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
+}, rr = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
 	let a = new q({
 		x: e.x + r,
 		y: e.y
@@ -1505,10 +1505,10 @@ var cn = class {
 		x: e.x,
 		y: e.y - n
 	})), i.getSpineItemClosestPositionFromUnsafePosition(a, t);
-}, rr = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
+}, ir = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
 	let o = n, s = i.getSpineItemFromPosition(e) || r.get(0), c = e;
 	if (!s) return c;
-	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = nr({
+	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = rr({
 		position: l,
 		spineItem: s,
 		pageHeight: a.pageSize.height,
@@ -1525,12 +1525,12 @@ var cn = class {
 		y: e.y + a.pageSize.height,
 		x: 0
 	});
-}, ir = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
+}, ar = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
 	if (c.values.computedPageTurnMode === "scrollable" && o === "vertical") return new Y({
 		x: e.x,
 		y: e.y + s.pageSize.height
 	});
-	let l = rr({
+	let l = ir({
 		position: e,
 		viewport: s,
 		navigationResolver: r,
@@ -1548,7 +1548,7 @@ var cn = class {
 			y: l.y
 		}));
 		if (o === "vertical" && e.y !== l.y) return r.getAdjustedPositionForSpread(l);
-		let c = rr({
+		let c = ir({
 			position: l,
 			viewport: s,
 			navigationResolver: r,
@@ -1559,7 +1559,7 @@ var cn = class {
 		return r.getAdjustedPositionForSpread(c);
 	}
 	return r.getAdjustedPositionForSpread(l);
-}, ar = class {
+}, or = class {
 	constructor(e) {
 		this.reader = e, this.movingLastDelta = {
 			x: 0,
@@ -1598,10 +1598,10 @@ var cn = class {
 		return this.reader.navigation.navigate({ position: r });
 	}
 	turnRightOrBottom() {
-		return this.turnWith(ir);
+		return this.turnWith(ar);
 	}
 	turnLeftOrTop() {
-		return this.turnWith(tr);
+		return this.turnWith(nr);
 	}
 	goToCfi(e, t = { animate: !0 }) {
 		return this.reader.navigation.navigate({
@@ -1712,7 +1712,7 @@ var cn = class {
 			});
 		}
 	}
-}, or = class extends U {
+}, sr = class extends U {
 	constructor(e) {
 		super({
 			lastDelta: {
@@ -1770,25 +1770,25 @@ var cn = class {
 	destroy() {
 		this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
 	}
-}, sr = 500, cr = class extends Q {
+}, cr = 500, lr = class extends Q {
 	constructor(e, t) {
 		super(), this.scrollNavigationController = e, this.lock = t, this.navigationSubject = new m(), this.navigation$ = this.navigationSubject.asObservable();
-		let n = this.scrollNavigationController.userScroll$.pipe(oe((e) => {
+		let n = this.scrollNavigationController.userScroll$.pipe(se((e) => {
 			let t = this.lock();
-			return E(this.scrollNavigationController.userScroll$, D(e)).pipe(te(sr, h), S(), M(() => {
+			return E(this.scrollNavigationController.userScroll$, D(e)).pipe(ne(cr, h), S(), M(() => {
 				let e = this.scrollNavigationController.fromScrollPosition(this.scrollNavigationController.scrollPosition);
 				this.navigationSubject.next({
 					animation: !1,
 					type: "scroll",
 					position: e
 				});
-			}), se(() => {
+			}), ce(() => {
 				t();
 			}));
 		}));
 		E(n).pipe(j(this.destroy$)).subscribe();
 	}
-}, lr = (e) => e.pagination.state$.pipe(N(e.settings.values$), T(([t, { computedPageTurnDirection: n }]) => {
+}, ur = (e) => e.pagination.state$.pipe(N(e.settings.values$), T(([t, { computedPageTurnDirection: n }]) => {
 	let { spineItems: r, readingDirection: i } = e.context.manifest, a = r.length ?? 0, o = t.begin.spineItemIndex === 0, s = t.end.spineItemIndex === Math.max(a - 1, 0), c = t.end.spineItemIndex === Math.max(a - 1, 0), l = t.begin.spineItemIndex === 0, u = t.begin.pageIndexInSpineItem === 0, d = t.end.pageIndexInSpineItem === t.end.numberOfPagesInSpineItem - 1;
 	return {
 		canTurnLeft: n !== "vertical" && !u,
@@ -1798,18 +1798,18 @@ var cn = class {
 		canGoLeftSpineItem: n !== "vertical" && (i === "ltr" && !o || i === "rtl" && !c),
 		canGoRightSpineItem: n !== "vertical" && (i === "ltr" && !s || i === "rtl" && !l)
 	};
-}), b(a)), ur = ({ reader: e, duration: t }) => (n) => {
+}), b(a)), dr = ({ reader: e, duration: t }) => (n) => {
 	let r, i = () => {
 		r?.(), r = void 0;
 	};
 	return n.pipe(M(() => {
 		r ||= e?.navigation.lock();
-	}), ge(t, void 0, {
+	}), _e(t, void 0, {
 		trailing: !0,
 		leading: !0
-	}), M(i), se(i));
-}, dr = (e) => (t) => {
-	let n = e(t), r = lr(n), i = Zn(n), a = new ar(n), o = new or(n), s = new cr(n.navigation.scrollNavigationController, n.navigation.lock), c = Qn(n, a), l = s.navigation$.pipe(M((e) => {
+	}), M(i), ce(i));
+}, fr = (e) => (t) => {
+	let n = e(t), r = ur(n), i = Qn(n), a = new or(n), o = new sr(n), s = new lr(n.navigation.scrollNavigationController, n.navigation.lock), c = $n(n, a), l = s.navigation$.pipe(M((e) => {
 		n.navigation.navigate(e);
 	}));
 	E(c, l).pipe(j(n.$.destroy$)).subscribe();
@@ -1826,7 +1826,7 @@ var cn = class {
 			...n.navigation,
 			state$: r,
 			outOfSpineBoundary$: i,
-			throttleLock: ({ duration: e, trigger: t }) => t.pipe(ur({
+			throttleLock: ({ duration: e, trigger: t }) => t.pipe(dr({
 				duration: e,
 				reader: n
 			})),
@@ -1852,7 +1852,18 @@ var cn = class {
 			goToAbsolutePageIndex: a.goToAbsolutePageIndex.bind(a)
 		}
 	};
-}, fr = (e, t) => {
+}, pr = () => ({
+	cfi: void 0,
+	spineItemIndex: void 0,
+	pageIndexInSpineItem: void 0,
+	numberOfPagesInSpineItem: 0
+}), mr = (e, t) => {
+	let { begin: n, end: r, ...i } = e, { begin: a, end: s, ...c } = t;
+	return o(n, a) && o(r, s) && o(i, c);
+}, hr = (e) => ({
+	...e,
+	isSettled: !1
+}), gr = (e, t) => {
 	if ("cfi" in t) {
 		let { itemIndex: n, ...r } = e.cfi.parseCfi(t.cfi);
 		return {
@@ -1871,9 +1882,9 @@ var cn = class {
 		itemIndex: n.index,
 		node: null
 	};
-}, pr = (e, t) => {
+}, _r = (e, t) => {
 	let n = e?.itemPageIndex, { itemIndex: r, ...i } = t.cfi.parseCfi(e.cfi), a = t.spineItemsManager.get(r);
-	return a ? xt().pipe(N(a.isReady$), T(([, o]) => {
+	return a ? St().pipe(N(a.isReady$), T(([, 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;
@@ -1895,7 +1906,7 @@ var cn = class {
 		itemIndex: r,
 		...i
 	});
-}, mr = class {
+}, vr = class {
 	constructor(e) {
 		this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (e) => {
 			let t = this.locatorsByKey.get(e);
@@ -1903,10 +1914,10 @@ var cn = class {
 		}, this.locate = (e, t) => {
 			let n = {
 				resource: e,
-				meta: fr(this.reader, e)
+				meta: gr(this.reader, e)
 			};
-			return St(() => {
-				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(se(() => {
+			return Ct(() => {
+				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);
@@ -1915,7 +1926,7 @@ var cn = class {
 					resource: e,
 					meta: t
 				}))));
-				let l = this.reader.spine.layout$.pipe(te(10), pe(n), me((e) => pr(e.meta, this.reader).pipe(T((t) => ({
+				let l = this.reader.spine.layout$.pipe(ne(10), me(n), he((e) => _r(e.meta, this.reader).pipe(T((t) => ({
 					...e,
 					meta: t
 				}))), n), k({
@@ -1930,17 +1941,9 @@ var cn = class {
 		};
 	}
 	locateResource(e, t) {
-		return Array.isArray(e) ? St(() => v(e.map((e) => this.locate(e, t ?? {}))).pipe(ne([]))) : this.locate(e, t ?? {});
+		return Array.isArray(e) ? Ct(() => v(e.map((e) => this.locate(e, t ?? {}))).pipe(re([]))) : this.locate(e, t ?? {});
 	}
-}, hr = () => ({
-	cfi: void 0,
-	spineItemIndex: void 0,
-	pageIndexInSpineItem: void 0,
-	numberOfPagesInSpineItem: 0
-}), gr = (e, t) => {
-	let { begin: n, end: r, ...i } = e, { begin: a, end: s, ...c } = t;
-	return o(n, a) && o(r, s) && o(i, c);
-}, _r = L.namespace("spine"), vr = ({ position: e, pageSize: t }) => new fn({
+}, yr = L.namespace("spine"), br = ({ position: e, pageSize: t }) => new pn({
 	...e,
 	left: e.x,
 	top: e.y,
@@ -1948,7 +1951,7 @@ var cn = class {
 	height: t.height,
 	bottom: e.y + t.height,
 	right: e.x + t.width
-}), yr = 10, br = (e) => {
+}), xr = 10, Sr = (e) => {
 	let { spineItem: t, ...n } = e;
 	if (!e.spineItem.value.isLoaded) return {
 		...n,
@@ -1960,9 +1963,9 @@ var cn = class {
 		firstVisibleNode: void 0
 	} : {
 		...n,
-		firstVisibleNode: ze(r, e.layout)
+		firstVisibleNode: Be(r, e.layout)
 	};
-}, xr = (e) => new f((t) => {
+}, Cr = (e) => new f((t) => {
 	if (e.length === 0) {
 		t.next([]), t.complete();
 		return;
@@ -1972,13 +1975,13 @@ var cn = class {
 	}, o = () => {
 		n = void 0;
 		let a = 0;
-		for (; r < e.length && a < yr;) {
+		for (; r < e.length && a < xr;) {
 			let t = e[r];
 			if (!t) {
 				r = e.length;
 				break;
 			}
-			i[r] = br(t), r += 1, a += 1;
+			i[r] = Sr(t), r += 1, a += 1;
 		}
 		if (r >= e.length) {
 			t.next(i), t.complete();
@@ -1991,9 +1994,9 @@ var cn = class {
 	return s(), () => {
 		a();
 	};
-}), Sr = class e extends U {
+}), wr = 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(T(() => this.fromAbsolutePageIndex(e))), this.layout$ = t.layout$.pipe(N(o), A(([, { pageSize: e }]) => Cr(n.items.reduce((t, n, i) => {
 			for (let o = 0; o < n.numberOfPages; o += 1) {
 				let s = r.getSpineItemPositionFromPageIndex({
 					spineItem: n,
@@ -2003,11 +2006,11 @@ var cn = class {
 					spineItemPosition: s
 				}), l = t.length;
 				t.push({
-					absoluteLayout: vr({
+					absoluteLayout: br({
 						pageSize: e,
 						position: c
 					}),
-					layout: new un({
+					layout: new dn({
 						left: s.x,
 						right: s.x + e.width,
 						top: s.y,
@@ -2024,7 +2027,7 @@ var cn = class {
 				});
 			}
 			return t;
-		}, []))), T((e) => (_r.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
+		}, []))), T((e) => (yr.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
 	}
 	static {
 		this.fromSpineItemPageIndex = (e, t, n) => {
@@ -2038,20 +2041,20 @@ var cn = class {
 	static {
 		this.fromAbsolutePageIndex = (e, t) => e.pages.find((e) => e.absolutePageIndex === t);
 	}
-}, Cr = (e) => {
+}, Tr = (e) => {
 	let t = e.indexOf("#");
 	return t >= 0 ? e.substring(0, t) : e;
-}, wr = (e) => {
+}, Er = (e) => {
 	if (!e) return;
 	let t = e.indexOf("#");
 	if (!(t < 0)) return e.substring(t + 1) || void 0;
-}, Tr = (e) => {
+}, Dr = (e) => {
 	try {
 		return decodeURIComponent(e);
 	} catch {
 		return e;
 	}
-}, Er = (e, t = []) => e.flatMap((e) => {
+}, Or = (e, t = []) => e.flatMap((e) => {
 	let n = [...t, {
 		title: e.title,
 		path: e.path
@@ -2059,24 +2062,24 @@ var cn = class {
 	return [{
 		chain: n,
 		href: e.href || e.path,
-		anchorId: wr(e.href) ?? wr(e.path)
-	}, ...Er(e.contents, n)];
-}), Dr = (e) => {
+		anchorId: Er(e.href) ?? Er(e.path)
+	}, ...Or(e.contents, n)];
+}), kr = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.spineItems.forEach((e, n) => {
 		t.has(e.href) || t.set(e.href, n);
 	}), t;
-}, Or = (e, t) => {
-	let n = Dr(t);
-	return Er(e).map((e) => {
-		let t = Cr(e.href), r = n.get(t) ?? -1;
+}, Ar = (e, t) => {
+	let n = kr(t);
+	return Or(e).map((e) => {
+		let t = Tr(e.href), r = n.get(t) ?? -1;
 		return {
 			...e,
 			hrefWithoutAnchor: t,
 			spineItemIndex: r
 		};
 	});
-}, kr = ({ manifest: e, tocIndex: t }) => {
+}, jr = ({ manifest: e, tocIndex: t }) => {
 	let n = /* @__PURE__ */ new Map();
 	t.forEach((e, t) => {
 		let r = n.get(e.hrefWithoutAnchor);
@@ -2089,19 +2092,19 @@ var cn = class {
 	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let a of e.spineItems) {
 		if (r.has(a.href)) continue;
-		let e = Cr(a.href), o = i.get(e);
+		let e = Tr(a.href), o = i.get(e);
 		if (!o) {
 			let r = [];
-			for (let [t, i] of n) Ar(e, t) && r.push(...i);
+			for (let [t, i] of n) Mr(e, t) && r.push(...i);
 			r.sort((e, t) => e - t), o = r.map((e) => t[e]), i.set(e, o);
 		}
 		r.set(a.href, o);
 	}
 	return r;
-}, Ar = (e, t) => e === t || e.endsWith(t) || t.endsWith(e), jr = (e, t) => {
+}, Mr = (e, t) => e === t || e.endsWith(t) || t.endsWith(e), Nr = (e, t) => {
 	let n = e.endsWith(t), r = e.substring(0, e.lastIndexOf("/")), i = t.substring(0, t.lastIndexOf("/")), a = r !== "" && r.endsWith(i);
 	return n || a;
-}, Mr = (e) => {
+}, Pr = (e) => {
 	let [t, ...n] = e;
 	if (!t) return;
 	let r = {
@@ -2116,7 +2119,7 @@ var cn = class {
 		i.subChapter = t, i = t;
 	}
 	return r;
-}, Nr = ({ doc: e, node: t, offset: n }) => {
+}, Fr = ({ doc: e, node: t, offset: n }) => {
 	let r = e.createRange();
 	if (t.nodeType === Node.TEXT_NODE || t.nodeType === Node.CDATA_SECTION_NODE || t.nodeType === Node.COMMENT_NODE) {
 		let e = t, i = Math.max(0, Math.min(n, e.length));
@@ -2126,18 +2129,18 @@ var cn = class {
 		r.setStart(t, i);
 	}
 	return r.collapse(!0), r;
-}, Pr = ({ rangeToTest: e, upperBoundRange: t }) => e.compareBoundaryPoints(Range.START_TO_START, t) < 0, Fr = (e) => {
+}, Ir = ({ rangeToTest: e, upperBoundRange: t }) => e.compareBoundaryPoints(Range.START_TO_START, t) < 0, Lr = (e) => {
 	let t = e.createRange(), n = e.body ?? e.documentElement;
 	if (n) return t.selectNodeContents(n), t.collapse(!1), t;
-}, Ir = ({ anchorNode: e, nextPageNode: t }) => e === t || e.contains(t), Lr = ({ node: e, offset: t, candidates: n, spineItem: r, nextPageEntry: i }) => {
+}, Rr = ({ anchorNode: e, nextPageNode: t }) => e === t || e.contains(t), zr = ({ node: e, offset: t, candidates: n, spineItem: r, nextPageEntry: i }) => {
 	if (!e || t === void 0 || !r || n.length === 0) return;
 	let a = r.renderer.getDocumentFrame()?.contentDocument;
 	if (!a || e.ownerDocument !== a) return;
-	let o = i?.firstVisibleNode?.node, s = i?.firstVisibleNode?.offset, c = i ? o !== void 0 && s !== void 0 && o.ownerDocument === a ? Nr({
+	let o = i?.firstVisibleNode?.node, s = i?.firstVisibleNode?.offset, c = i ? o !== void 0 && s !== void 0 && o.ownerDocument === a ? Fr({
 		doc: a,
 		node: o,
 		offset: s
-	}) : void 0 : Fr(a);
+	}) : void 0 : Lr(a);
 	if (!c) return;
 	let l = i !== void 0 && o !== void 0 && o.ownerDocument === a, u, d, f;
 	for (let e of n) {
@@ -2145,93 +2148,93 @@ var cn = class {
 			f = e.chain;
 			continue;
 		}
-		let t = a.getElementById(Tr(e.anchorId));
-		if (!t || l && Ir({
+		let t = a.getElementById(Dr(e.anchorId));
+		if (!t || l && Rr({
 			anchorNode: t,
 			nextPageNode: o
 		})) continue;
 		let n = a.createRange();
-		n.setStartBefore(t), n.collapse(!0), Pr({
+		n.setStartBefore(t), n.collapse(!0), Ir({
 			rangeToTest: n,
 			upperBoundRange: c
 		}) && (!d || n.compareBoundaryPoints(Range.START_TO_START, d) > 0) && (u = e.chain, d = n);
 	}
 	let p = u ?? f;
-	return p ? Mr(p) : void 0;
-}, Rr = ({ candidate: e, hrefHasAnchor: t }) => {
+	return p ? Pr(p) : void 0;
+}, Br = ({ candidate: e, hrefHasAnchor: t }) => {
 	if (t || !e.anchorId) return !1;
 	let n = e.chain[e.chain.length - 1], r = e.chain[e.chain.length - 2];
-	return !n || !r ? !1 : Cr(n.path) === Cr(r.path);
-}, zr = ({ href: e, tocIndex: t, manifest: n }) => {
-	let r = Cr(e), i = e.includes("#"), a = n.spineItems.findIndex((e) => e.href === r), o;
-	for (let e of t) jr(r, e.hrefWithoutAnchor) && (a < e.spineItemIndex || Rr({
+	return !n || !r ? !1 : Tr(n.path) === Tr(r.path);
+}, Vr = ({ href: e, tocIndex: t, manifest: n }) => {
+	let r = Tr(e), i = e.includes("#"), a = n.spineItems.findIndex((e) => e.href === r), o;
+	for (let e of t) Nr(r, e.hrefWithoutAnchor) && (a < e.spineItemIndex || Br({
 		candidate: e,
 		hrefHasAnchor: i
 	}) || (o = e.chain));
 	return o;
-}, Br = (e, t, n) => {
-	let { href: r } = n, i = zr({
+}, Hr = (e, t, n) => {
+	let { href: r } = n, i = Vr({
 		href: r,
 		tocIndex: t,
 		manifest: e
 	});
-	return i ? Mr(i) : void 0;
-}, 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) => {
+	return i ? Pr(i) : void 0;
+}, Ur = (e, t) => e ? e.spineItems.reduce((n, r) => (n[r.id] = Hr(e, t, r), n), {}) : {}, Wr = (e, t, n) => e + t * n, Gr = (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]) => {
+}, Kr = (e, t, n, r, i, a) => i.isReady$.pipe(S(), N(e.layoutInfo$), T(([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 = ({ spineItem: e, pageIndexInSpineItem: t, chaptersData: n, pagesState: r }) => {
-	let i = e && t !== void 0 ? Sr.fromSpineItemPageIndex(r, e.index, t) : void 0;
+	return a.renditionFlow === "scrolled-continuous" && (h = o ? Gr(e, r, i) : 0, g = Wr(u, m, h)), t === l - 1 && n === p - 1 && g > .99 ? 1 : g;
+})), qr = ({ spineItem: e, pageIndexInSpineItem: t, chaptersData: n, pagesState: r }) => {
+	let i = e && t !== void 0 ? wr.fromSpineItemPageIndex(r, e.index, t) : void 0;
 	return {
-		chapterInfo: (e ? Lr({
+		chapterInfo: (e ? zr({
 			node: i?.firstVisibleNode?.node,
 			offset: i?.firstVisibleNode?.offset,
 			candidates: n.tocCandidatesBySpineHref.get(e.item.href) ?? [],
 			spineItem: e,
-			nextPageEntry: i ? Sr.fromNextPageWithinSameSpineItem(r, i) : void 0
+			nextPageEntry: i ? wr.fromNextPageWithinSameSpineItem(r, i) : void 0
 		}) : void 0) ?? (e ? n.chaptersInfo[e.item.id] : void 0),
 		spineItemReadingDirection: e?.readingDirection,
 		absolutePageIndex: i?.absolutePageIndex
 	};
-}, Kr = ({ items: e, pagesState: t }) => {
+}, Jr = ({ 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
 	};
-}, qr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Jr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
+}, Yr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Xr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
 	let i = e.spineItemsManager.get(t.end.spineItemIndex);
-	return i ? Wr(e, t.end.spineItemIndex ?? 0, t.end.pageIndexInSpineItem || 0, n, i, r) : D(0);
-}, Yr = (e) => D(e.context.manifest).pipe(T((e) => {
-	let t = Or(e.nav?.toc ?? [], e);
+	return i ? Kr(e, t.end.spineItemIndex ?? 0, t.end.pageIndexInSpineItem || 0, n, i, r) : D(0);
+}, Zr = (e) => D(e.context.manifest).pipe(T((e) => {
+	let t = Ar(e.nav?.toc ?? [], e);
 	return {
-		tocCandidatesBySpineHref: kr({
+		tocCandidatesBySpineHref: jr({
 			manifest: e,
 			tocIndex: t
 		}),
-		chaptersInfo: Vr(e, t)
+		chaptersInfo: Ur(e, t)
 	};
-})), Xr = ({ spineItemIndex: e, pageIndexInSpineItem: t }) => ({
+})), Qr = ({ spineItemIndex: e, pageIndexInSpineItem: t }) => ({
 	spineItemIndex: e,
 	pageIndexInSpineItem: t
-}), Zr = (e) => ({
-	begin: Xr(e.begin),
-	end: Xr(e.end)
-}), Qr = (e) => {
-	let t = e.pagination.state$, n = e.spine.pages.layout$, r = Yr(e).pipe(k({
+}), $r = (e) => ({
+	begin: Qr(e.begin),
+	end: Qr(e.end)
+}), ei = (e) => {
+	let t = e.pagination.state$, n = e.spine.pages.layout$, r = Zr(e).pipe(k({
 		bufferSize: 1,
 		refCount: !0
-	})), i = t.pipe(T(Zr), b(gr)), a = v([
+	})), i = t.pipe(T($r), b(mr)), a = v([
 		i,
 		r,
 		n
 	]).pipe(T(([t, n, r]) => {
-		let i = (t) => Gr({
+		let i = (t) => qr({
 			spineItem: e.spineItemsManager.get(t.spineItemIndex),
 			pageIndexInSpineItem: t.pageIndexInSpineItem,
 			chaptersData: n,
@@ -2244,71 +2247,85 @@ var cn = class {
 	}), k({
 		bufferSize: 1,
 		refCount: !0
-	})), s = e.settings.watch(["computedSpreadMode"]).pipe(T((e) => e.computedSpreadMode ?? !1), b()), c = n.pipe(T((t) => Kr({
+	})), s = e.settings.watch(["computedSpreadMode"]).pipe(T((e) => e.computedSpreadMode ?? !1), b()), c = n.pipe(T((t) => Jr({
 		items: e.spineItemsManager.items,
 		pagesState: t
-	})), b(qr)), l = v([
+	})), b(Yr)), l = Yn(e.navigation).pipe(T(({ position: e }) => e), b(o));
+	return v([
 		t,
 		s,
 		a,
-		c
-	]).pipe(T(([e, t, n, r]) => ({
-		...e,
-		begin: {
-			...e.begin,
-			...n.begin
-		},
-		end: {
-			...e.end,
-			...n.end
-		},
-		isUsingSpread: t,
-		...r
-	}))), u = Jn(e.navigation).pipe(T(({ position: e }) => e), b(o)), d = v([
-		t,
+		c,
 		e.layout$,
-		u
-	]).pipe(A(([t, n, r]) => Jr({
+		l
+	]).pipe(A(([t, n, r, i, , a]) => Xr({
 		reader: e,
 		paginationInfo: t,
-		navigationPosition: r,
+		navigationPosition: a,
 		manifest: e.context.manifest
-	})), T((e) => ({ percentageEstimateOfBook: e })));
-	return v([l, d]).pipe(T(([e, t]) => ({
-		...e,
+	}).pipe(T((e) => ({
+		source: t,
+		begin: r.begin,
+		end: r.end,
+		isUsingSpread: n,
+		numberOfTotalPages: i.numberOfTotalPages,
+		percentageEstimateOfBook: e
+	})))), b(mr), g(5));
+}, ti = ({ source: e, begin: t, end: n, ...r }, i) => e.isSettled && i ? {
+	...r,
+	...e,
+	begin: {
+		...e.begin,
 		...t
-	})), b(gr), g(5));
-}, $r = (e) => (t) => {
+	},
+	end: {
+		...e.end,
+		...n
+	}
+} : {
+	...r,
+	...e,
+	isSettled: !1,
+	begin: {
+		...e.begin,
+		...t
+	},
+	end: {
+		...e.end,
+		...n
+	}
+}, ni = (e) => (t) => {
 	let n = e(t), r = (e) => ({
 		...e,
 		chapterInfo: void 0,
 		spineItemReadingDirection: void 0,
 		absolutePageIndex: 0
-	}), i = new l({
+	}), i = {
 		...n.pagination.state,
+		isSettled: !1,
 		begin: r(n.pagination.state.begin),
 		end: r(n.pagination.state.end),
 		isUsingSpread: !1,
 		numberOfTotalPages: 0,
 		percentageEstimateOfBook: 0
-	}), a = new mr(n), o = Qr(n).pipe(M((e) => L.log("Pagination", e))).subscribe(i);
+	}, a = ei(n).pipe(A((e) => n.pagination.state$.pipe(T((t) => e.source === t), b(), T((t) => ti(e, t)))), b(mr), M((e) => L.log("Pagination", e))), o = new vr(n), s = new l(i), c = a.subscribe(s);
 	return {
 		...n,
-		locateResource: a.locateResource.bind(a),
+		locateResource: o.locateResource.bind(o),
 		destroy: () => {
-			o.unsubscribe(), n.destroy();
+			c.unsubscribe(), n.destroy();
 		},
 		pagination: {
 			...n.pagination,
 			get state() {
-				return i.value;
+				return s.value;
 			},
 			get state$() {
-				return i;
+				return s.asObservable();
 			}
 		}
 	};
-}, ei = (e, t) => {
+}, ri = (e, t) => {
 	let n = e.node.ownerDocument?.createRange(), r = e.node.compareDocumentPosition(t.node);
 	if (n) {
 		try {
@@ -2326,10 +2343,10 @@ var cn = class {
 		}
 		return n;
 	}
-}, ti = ({ selection: e, spineItem: t }) => {
+}, ii = ({ selection: e, spineItem: t }) => {
 	let { anchorNode: n, anchorOffset: r, focusNode: i, focusOffset: a } = e;
 	if (n && i) try {
-		return ei({
+		return ri({
 			node: n,
 			offset: r
 		}, {
@@ -2343,26 +2360,26 @@ var cn = class {
 		});
 		return;
 	}
-}, ni = class extends Q {
+}, ai = class extends Q {
 	constructor(e) {
 		super();
 		let t = e.contentDocument || e.contentWindow?.document;
 		if (!t) this.selectionChange$ = d, this.selectionOver$ = d;
 		else {
-			let n = Ct(t.body, {
+			let n = wt(t.body, {
 				childList: !0,
 				subtree: !0
-			}).pipe(x((e) => !!e.find((e) => e.type === "childList" && e.removedNodes.length))), r = e.parentElement ? Ct(e.parentElement, { childList: !0 }).pipe(x((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$)), ae(null)), this.selectionOver$ = w(t, "pointerdown").pipe(A(() => E(w(t, "pointerup"), w(t, "pointercancel"), w(t, "contextmenu")).pipe(S(), ie(0), T((e) => {
+			}).pipe(x((e) => !!e.find((e) => e.type === "childList" && e.removedNodes.length))), r = e.parentElement ? wt(e.parentElement, { childList: !0 }).pipe(x((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) => {
 				let n = t.getSelection();
 				return n && !n.isCollapsed ? [e, n] : void 0;
 			}), x(K))), j(E(r, this.destroy$)));
 		}
 	}
-}, ri = (e) => e.watch("isLoaded").pipe(A(() => {
+}, oi = (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 ni(t);
+	let r = new ai(t);
 	return E(r.selectionChange$.pipe(T((e) => {
 		if (e?.toString()) return {
 			type: "change",
@@ -2372,24 +2389,24 @@ var cn = class {
 		type: "over",
 		event: e,
 		selection: t
-	})))).pipe(j(e.unloaded$), ae(void 0), se(() => {
+	})))).pipe(j(e.unloaded$), oe(void 0), ce(() => {
 		r.destroy();
 	}));
-}), b()), ii = (e) => (t) => {
+}), b()), si = (e) => (t) => {
 	let n = e(t), r, i = E(...n.spineItemsManager.items.map((e) => {
 		let t = n.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return ri(e).pipe(T((e) => {
+		return oi(e).pipe(T((e) => {
 			if (e) return {
 				...e,
 				itemIndex: t
 			};
 		}));
-	})).pipe(pe(void 0), b(), M((e) => {
+	})).pipe(me(void 0), b(), M((e) => {
 		r = e;
 	}), k({
 		refCount: !0,
 		bufferSize: 1
-	})), a = i, o = i.pipe(T((e) => !!e), b(), x((e) => e), O()), s = o.pipe(A(() => a), b(), x((e) => !e), O()), c = i.pipe(x((e) => e?.type === "over"), O()), l = n.context.watch("rootElement").pipe(x(K), A((e) => w(e, "pointerdown")), N(a), T(([, e]) => e), pe(void 0), k({
+	})), a = i, o = i.pipe(T((e) => !!e), b(), x((e) => e), O()), s = o.pipe(A(() => a), b(), x((e) => !e), O()), c = i.pipe(x((e) => e?.type === "over"), O()), l = n.context.watch("rootElement").pipe(x(K), A((e) => w(e, "pointerdown")), N(a), T(([, e]) => e), me(void 0), k({
 		refCount: !0,
 		bufferSize: 1
 	}));
@@ -2402,10 +2419,10 @@ var cn = class {
 			selectionOver$: c,
 			lastSelectionOnPointerdown$: l,
 			getSelection: () => r,
-			createOrderedRangeFromSelection: ti
+			createOrderedRangeFromSelection: ii
 		}
 	};
-}, ai = [
+}, ci = [
 	{
 		name: "bright",
 		backgroundColor: "white"
@@ -2420,9 +2437,9 @@ var cn = class {
 		backgroundColor: "#191717",
 		foregroundColor: "#f1ebeb"
 	}
-], oi = (e) => (t) => {
+], li = (e) => (t) => {
 	let n = e(t), r = new l(t.theme ?? "bright"), i = () => {
-		let e = ai.find((e) => e.name === r.value);
+		let e = ci.find((e) => e.name === r.value);
 		return `
       body {
         ${e === void 0 ? "" : `background-color: ${e.backgroundColor} !important;`}
@@ -2435,7 +2452,7 @@ var cn = class {
         ` : ""}
     `;
 	}, a = ({ container: e }) => {
-		let t = ai.find((e) => e.name === r.value);
+		let t = ci.find((e) => e.name === r.value);
 		return t && z(e.style, "background-color", t.backgroundColor), () => {};
 	}, o = () => {
 		n.spineItemsManager.items.forEach((e) => {
@@ -2461,10 +2478,10 @@ var cn = class {
 			$: { theme$: r.asObservable() }
 		}
 	};
-}, si = (e) => (t) => {
-	let n = e(t), r = (e) => !!(Ze(e) && (e.nodeName === "a" ? e : e.closest("a"))?.getAttribute("href")), i = (e, t, r) => {
+}, ui = (e) => (t) => {
+	let n = e(t), r = (e) => !!(Qe(e) && (e.nodeName === "a" ? e : e.closest("a"))?.getAttribute("href")), i = (e, t, r) => {
 		let i = r.replace("${id}", n.id);
-		return $e(e, `${t}-${n.id}`, i);
+		return et(e, `${t}-${n.id}`, i);
 	};
 	return {
 		...n,
@@ -2475,7 +2492,7 @@ var cn = class {
 	};
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome");
-var ci = (e) => (t) => e(t), li = (e, t, n) => {
+var di = (e) => (t) => e(t), fi = (e, t, n) => {
 	let { clientWidth: r, clientHeight: i } = n.value.element, a = {
 		maxX: 0,
 		minX: r * (1 - t),
@@ -2486,25 +2503,25 @@ var ci = (e) => (t) => e(t), li = (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)
 	};
-}, ui = (e, t, n) => {
+}, pi = (e, t, n) => {
 	z(n.style, "transform-origin", "0 0");
 	let r = `translate3d(${t.x}px, ${t.y}px, 0px)`, i = `scale(${e})`;
 	z(n.style, "transform", `${r} ${i}`);
-}, di = (e, t, n, r) => {
+}, mi = (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)
 	};
-}, fi = class {
+}, hi = class {
 	constructor(e) {
 		this.x = e.x, this.y = e.y;
 	}
-}, pi = class extends fi {}, mi = class extends fi {
+}, gi = class extends hi {}, _i = class extends hi {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("UnboundScrollPosition");
 	}
-}, hi = class extends U {
+}, vi = 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;
@@ -2514,19 +2531,19 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 				left: n.x,
 				top: n.y,
 				behavior: "instant"
-			}), ve(1).pipe(M(() => {
+			}), ye(1).pipe(M(() => {
 				this.scrollingSubject.next(!1);
-			}), j(E(this.scrollingSubject.pipe(fe(1)), this.destroy$))).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0));
+			}), j(E(this.scrollingSubject.pipe(pe(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(_t(["rootElement"]), M(({ rootElement: e }) => {
+		let a = this.context.pipe(vt(["rootElement"]), M(({ rootElement: e }) => {
 			if (!e) return;
 			let t = this.context.document.createElement("div");
-			t.setAttribute(`data-${wn}`, ""), t.appendChild(this.viewport.value.element), e.appendChild(t), this.update({ element: t });
+			t.setAttribute(`data-${Tn}`, ""), t.appendChild(this.viewport.value.element), e.appendChild(t), this.update({ element: t });
 		})), o = v([t.watch(["computedPageTurnMode"]), this.watch("element")]).pipe(M(([{ computedPageTurnMode: e }, t]) => {
 			t && (e === "scrollable" ? z(t.style, "display", "block") : z(t.style, "display", "contents"));
 		})), s = this.navigateSubject.pipe(M(this.applyNavigationPosition));
 		this.isNavigating$ = this.scrollingSubject.asObservable();
-		let c = E(r.element$.pipe(x(K), A((e) => vt(e))), r.element$.pipe(x(K), A((e) => w(e, "scroll"))), r.spineItemsObserver.itemResize$).pipe(A(() => ve(10).pipe(T(() => !1), pe(!0))), b(), pe(!1)), u = v([c, this.isNavigating$]).pipe(T(([e, t]) => e || t), k(1));
+		let c = E(r.element$.pipe(x(K), A((e) => yt(e))), r.element$.pipe(x(K), A((e) => w(e, "scroll"))), r.spineItemsObserver.itemResize$).pipe(A(() => ye(10).pipe(T(() => !1), me(!0))), b(), me(!1)), u = v([c, this.isNavigating$]).pipe(T(([e, t]) => e || t), k(1));
 		this.userScroll$ = this.watch("element").pipe(x(K), A((e) => t.watch(["computedPageTurnMode"]).pipe(A(({ computedPageTurnMode: t }) => t === "controlled" ? d : w(e, "scroll").pipe(N(u), x(([, e]) => !e), T(([e]) => e))))), O()), E(a, o, s).pipe(j(this.destroy$)).subscribe();
 	}
 	update(e) {
@@ -2547,30 +2564,30 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	}
 	fromSpinePosition(e) {
 		let t = this.viewport.scaleFactor;
-		return new pi({
+		return new gi({
 			x: e.x * t,
 			y: e.y * t
 		});
 	}
 	get scrollPosition() {
 		let e = this.value.element;
-		return new pi({
+		return new gi({
 			x: e?.scrollLeft ?? 0,
 			y: e?.scrollTop ?? 0
 		});
 	}
-}, gi = (e, t, n, r, i) => {
+}, yi = (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 mi({
+	return new _i({
 		x: f - a / 2 + r,
 		y: p - o / 2 + i
 	});
-}, _i = (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 = gi(a ?? qe(), s, e, c, l), d = e < 1 ? "down" : "up";
+}, bi = (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 = yi(a ?? Je(), s, e, c, l), d = e < 1 ? "down" : "up";
 	o && R(o, `data-${X}-zooming-direction`, d), e < 1 ? z(i.style, "transform-origin", "top") : e > 1 && z(i.style, "transform-origin", `${c}px ${l}px`), z(i.style, "transform", `scale(${e})`);
 	let f = r.fromScrollPosition(u);
 	t.navigation.navigate({ position: f });
-}, vi = 200, yi = class extends U {
+}, xi = 200, Si = class extends U {
 	constructor(e) {
 		super({
 			isZooming: !1,
@@ -2584,24 +2601,24 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			let { scale: t = 1, animate: n = !1 } = e ?? {}, r = this.reader.viewport.value.element;
 			R(this.viewport.element, `data-${X}-zooming`, "true");
 			let i = this.scrollNavigationController.value.element;
-			return i && R(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && z(r.style, "transition", `transform ${vi}ms`), this.mergeCompare({
+			return i && R(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && z(r.style, "transition", `transform ${xi}ms`), this.mergeCompare({
 				isZooming: !0,
 				currentScale: 1,
 				currentPosition: {
 					x: 0,
 					y: 0
 				}
-			}), this.updateZoom(t), t !== 1 && this.isControlled ? ve(e?.animate ? vi : 0).pipe(M(() => {
+			}), this.updateZoom(t), t !== 1 && this.isControlled ? ye(e?.animate ? xi : 0).pipe(M(() => {
 				this.reader.layout();
 			})) : u;
 		})), n = this.exitSubject.pipe(A((e) => {
 			let t = this.reader.viewport.value.element;
 			R(this.viewport.element, `data-${X}-zooming`, "false");
 			let n = this.scrollNavigationController.value.element;
-			return n && (Ie(n, `data-${X}-zooming-direction`), R(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && z(t.style, "transition", `transform ${vi}ms`), this.updateZoom(1, {
+			return n && (Le(n, `data-${X}-zooming-direction`), R(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && z(t.style, "transition", `transform ${xi}ms`), this.updateZoom(1, {
 				x: 0,
 				y: 0
-			}), B(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ve(e?.animate ? vi : 0).pipe(M(() => {
+			}), B(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ye(e?.animate ? xi : 0).pipe(M(() => {
 				let e = this.reader.viewport.value.element;
 				B(e.style, "transform-origin"), B(e.style, "transition"), this.isControlled && this.reader.layout();
 			}), j(this.enterSubject));
@@ -2615,17 +2632,17 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		this.exitSubject.next(e);
 	}
 	move(e, t) {
-		this.isControlled && (B(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => li(...e, this.reader.viewport) : void 0 }));
+		this.isControlled && (B(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => fi(...e, this.reader.viewport) : void 0 }));
 	}
 	scaleAt(e, t) {
 		if (!this.value.isZooming) return;
 		B(this.viewport.element.style, "transition");
 		let n = Math.ceil(e * 100) / 100;
-		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => li(...e, this.reader.viewport) : void 0 });
+		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => fi(...e, this.reader.viewport) : void 0 });
 	}
 	updateZoom(e, t, n) {
 		if (this.isControlled) {
-			let r = t || di(this.value.currentScale, e, this.viewport.element, this.value.currentPosition), i = n?.constraints?.(r, e) ?? r;
+			let r = t || mi(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
@@ -2634,7 +2651,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		this.applyZoom(e, t ?? this.value.currentPosition), this.mergeCompare({ currentScale: e });
 	}
 	applyZoom(e, t) {
-		this.isControlled ? ui(e, t, this.viewport.element) : _i(e, this.reader), this.reader.viewport.layout();
+		this.isControlled ? pi(e, t, this.viewport.element) : bi(e, this.reader), this.reader.viewport.layout();
 	}
 	get isControlled() {
 		return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -2645,8 +2662,8 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	get viewport() {
 		return this.reader.viewport.value;
 	}
-}, bi = (e) => (t) => {
-	let n = e(t), r = new yi(n), i = () => {
+}, Ci = (e) => (t) => {
+	let n = e(t), r = new Si(n), i = () => {
 		r.destroy(), n.destroy();
 	}, a = r;
 	return {
@@ -2663,12 +2680,12 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			}
 		}
 	};
-}, xi = (e) => Ae({
+}, wi = (e) => je({
 	spineIndex: e.index,
 	spineId: e.id
-}), Si = ({ nodeOrRange: e, offset: t, item: n }) => {
+}), Ti = ({ nodeOrRange: e, offset: t, item: n }) => {
 	let r = "ownerDocument" in e ? e.ownerDocument : e.startContainer.ownerDocument;
-	return !r?.documentElement || e === r ? xi(n) : Qe(e) ? Ae({
+	return !r?.documentElement || e === r ? wi(n) : $e(e) ? je({
 		start: {
 			node: e.startContainer,
 			offset: e.startOffset,
@@ -2681,31 +2698,31 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			spineIndex: n.index,
 			spineId: n.id
 		}
-	}) : Ae({
+	}) : je({
 		node: e,
 		offset: t,
 		spineIndex: n.index,
 		spineId: n.id
 	});
-}, Ci = ({ spineItem: e, pageNode: t }) => Si({
+}, Ei = ({ spineItem: e, pageNode: t }) => Ti({
 	nodeOrRange: t.node,
 	offset: t.offset,
 	item: e
-}).trim(), wi = (e, t) => Si({
+}).trim(), Di = (e, t) => Ti({
 	nodeOrRange: e,
 	item: t
-}), Ti = (e) => e.index.toString(), Ei = (e) => e[0]?.index === 6 && e.length > 1, Di = (e) => {
-	let t = Ne(e);
-	return je(t);
-}, Oi = (e) => Array.isArray(e) ? e[0] && Ei(e[0]) ? e[0] : void 0 : e.parent[0] && Ei(e.parent[0]) ? e.parent[0] : void 0, ki = (e) => {
-	let t = Ne(e), n = ((Oi(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Me(t);
+}), Oi = (e) => e.index.toString(), ki = (e) => e[0]?.index === 6 && e.length > 1, Ai = (e) => {
+	let t = Pe(e);
+	return Me(t);
+}, ji = (e) => Array.isArray(e) ? e[0] && ki(e[0]) ? e[0] : void 0 : e.parent[0] && ki(e.parent[0]) ? e.parent[0] : void 0, Mi = (e) => {
+	let t = Pe(e), n = ((ji(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Ne(t);
 	return {
 		isCfiRange: r,
 		itemIndex: n,
 		offset: (r ? t.end.at(-1)?.at(-1)?.offset : t.at(-1)?.at(-1)?.offset) ?? 0
 	};
-}, Ai = ({ cfi: e, spineItemsManager: t }) => {
-	let { itemIndex: n, ...r } = ki(e), i = t.get(n);
+}, Ni = ({ cfi: e, spineItemsManager: t }) => {
+	let { itemIndex: n, ...r } = Mi(e), i = t.get(n);
 	if (!i) return {
 		...r,
 		itemIndex: n,
@@ -2715,7 +2732,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	if (V(a, "iframe")) {
 		let t = a.contentWindow?.document;
 		if (t) try {
-			let a = Pe(e, t, { throwOnError: !0 });
+			let a = Fe(e, t, { throwOnError: !0 });
 			return {
 				...r,
 				itemIndex: n,
@@ -2740,27 +2757,27 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		spineItem: i,
 		node: null
 	};
-}, ji = class {
+}, Pi = 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) => ki(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
+		}, this.parseCfi = (e) => Mi(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
 			let { itemIndex: t } = this.parseCfi(e);
 			if (t !== void 0) return this.spineItemsManager.get(t);
-		}, this.isRootCfi = (e) => Di(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
-			cfi: xi(e),
+		}, this.isRootCfi = (e) => Ai(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
+			cfi: wi(e),
 			spineItem: e
 		}), this.generateCfiForSpineItemPage = ({ spineItem: e, pageNode: t }) => this.transformGeneratedCfi({
-			cfi: Ci({
+			cfi: Ei({
 				spineItem: e,
 				pageNode: t
 			}),
 			spineItem: e
 		}), this.generateCfiFromRange = (e, t) => this.transformGeneratedCfi({
-			cfi: wi(e, t),
+			cfi: Di(e, t),
 			spineItem: t
-		}), this.resolveCfi = (e) => Ai({
+		}), this.resolveCfi = (e) => Ni({
 			...e,
 			cfi: this.transformForResolve(e.cfi),
 			spineItemsManager: this.spineItemsManager
@@ -2773,17 +2790,17 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		}));
 		return t.cfi;
 	}
-}, Mi = (e) => e.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), Ni = class {
+}, Fi = (e) => e.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), Ii = 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(x((e) => e === "free")), this.viewportBusy$ = this.viewportState$.pipe(x((e) => e === "busy")), this.navigation$ = this.navigationSubject.asObservable(), this.position$ = this.positionSubject.asObservable();
 	}
-}, Pi = class extends U {
+}, Li = class extends U {
 	constructor(e, t = globalThis.document) {
 		super({
 			manifest: e,
 			assumedRenditionLayout: e.renditionLayout ?? "reflowable",
-			isFullyPrePaginated: Mi(e)
-		}), this.bridgeEvent = new Ni(), this.isRTL = () => this.value.manifest.readingDirection === "rtl", this.document = t;
+			isFullyPrePaginated: Fi(e)
+		}), this.bridgeEvent = new Ii(), this.isRTL = () => this.value.manifest.readingDirection === "rtl", this.document = t;
 	}
 	update(e) {
 		this.mergeCompare(e);
@@ -2794,7 +2811,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	get readingDirection() {
 		return this.manifest.readingDirection;
 	}
-}, Fi = class extends U {
+}, Ri = class extends U {
 	constructor(e, t) {
 		super({
 			supportedPageTurnAnimation: [
@@ -2821,7 +2838,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			supportedPageTurnDirection: r === "scrollable" ? ["vertical"] : n === "reflowable" ? ["horizontal"] : ["horizontal", "vertical"]
 		})), j(this.destroy$)).subscribe(this.next.bind(this));
 	}
-}, Ii = class {
+}, zi = class {
 	constructor() {
 		this._hooks = [], this._hookExecutions = [];
 	}
@@ -2906,16 +2923,16 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		let i = r.map(({ destroyFn: e }) => e());
 		return v(i);
 	}
-}, Li = "[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}.prose-reader-reader{background-color:#fff;position:relative;overflow:hidden}", Ri = (e) => ({
+}, Bi = "[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}.prose-reader-reader{background-color:#fff;position:relative;overflow:hidden}", Vi = (e) => ({
 	x: -e.x,
 	y: -e.y
-}), zi = (e) => e instanceof DOMMatrix ? new J({
+}), Hi = (e) => e instanceof DOMMatrix ? new J({
 	x: -e.e,
 	y: -e.f
 }) : new J({
 	x: -e.x,
 	y: -e.y
-}), Bi = L.namespace("navigation/ControlledNavigationController"), Vi = class extends Q {
+}), Ui = L.namespace("navigation/ControlledNavigationController"), Wi = 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.isActive = () => this.settings.values.computedPageTurnMode === "controlled", this.getNavigationVisibleArea = () => this.viewport.absoluteViewport, this.element$ = new l(n.document.createElement("div"));
 		let o = this.spine.element$.pipe(x(K), N(this.element$), M(([e, t]) => {
@@ -2928,8 +2945,8 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			e.values.computedPageTurnMode === "scrollable" ? z(t.style, "display", "contents") : z(t.style, "display", "block");
 		}));
 		this.layout$ = c.pipe(M(() => {
-			Bi.info("layout", e.values);
-		}), O()), this.isNavigating$ = this.navigateSubject.pipe(b((e, t) => a(e.position, t.position)), T(({ animation: t, position: n }) => (Bi.info("Navigation requested", {
+			Ui.info("layout", e.values);
+		}), O()), this.isNavigating$ = this.navigateSubject.pipe(b((e, t) => a(e.position, t.position)), T(({ animation: t, position: n }) => (Ui.info("Navigation requested", {
 			animation: t,
 			position: n
 		}), {
@@ -2939,25 +2956,25 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			position: n
 		})), A((t) => {
 			let n = this.element$.getValue();
-			return z(n.style, "transition", "none"), z(n.style, "opacity", "1"), E(D(!0), D(null).pipe(ue(() => {
+			return z(n.style, "transition", "none"), z(n.style, "opacity", "1"), E(D(!0), D(null).pipe(de(() => {
 				if (t?.type !== "manualAdjust") return D(!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 ? ie(1, h) : ce, M((e) => {
+				return D(t).pipe(t.shouldAnimate ? ae(1, h) : le, M((e) => {
 					let i = this.element$.getValue();
 					e.shouldAnimate ? r === "fade" ? (z(i.style, "transition", `opacity ${n / 2}ms`), z(i.style, "opacity", "0")) : (t.animation === "snap" || r === "slide") && (z(i.style, "transition", `transform ${n}ms`), z(i.style, "opacity", "1")) : (z(i.style, "transition", "none"), z(i.style, "opacity", "1"));
 				}), M((e) => {
 					r !== "fade" && this.applyNavigationPosition(e.position);
-				}), t.shouldAnimate ? ie(n / 2, h) : ce, M((e) => {
+				}), t.shouldAnimate ? ae(n / 2, h) : le, M((e) => {
 					let t = this.element$.getValue();
 					r === "fade" && (this.applyNavigationPosition(e.position), z(t.style, "opacity", "1"));
-				}), t.shouldAnimate ? ie(n / 2, h) : ce, M((e) => {
+				}), t.shouldAnimate ? ae(n / 2, h) : le, M((e) => {
 					r === "fade" && this.applyNavigationPosition(e.position);
 				}));
 			}), T(() => !1)));
-		}), pe(!1), k(1)), E(o, this.isNavigating$, this.layout$).pipe(j(this.destroy$)).subscribe();
+		}), me(!1), k(1)), E(o, this.isNavigating$, this.layout$).pipe(j(this.destroy$)).subscribe();
 	}
 	applyNavigationPosition(e) {
-		let t = this.element$.getValue(), n = Ri(e);
+		let t = this.element$.getValue(), n = Vi(e);
 		z(t.style, "transform", `translate(${n.x}px, ${n.y}px)`), this.hookManager.execute("onViewportOffsetAdjust", void 0);
 	}
 	navigate(e) {
@@ -2971,22 +2988,22 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		return !n || n === "none" ? new J({
 			x: 0,
 			y: 0
-		}) : zi(new DOMMatrix(n));
+		}) : Hi(new DOMMatrix(n));
 	}
-}, Hi = () => (e) => e.pipe(T(({ navigation: e, pagination: t, ...n }) => ({
+}, Gi = () => (e) => e.pipe(T(({ navigation: e, pagination: t, ...n }) => ({
 	navigation: {
 		...e,
 		paginationBeginCfi: t.begin.cfi
 	},
 	...n
-}))), Ui = (e, t, n) => e.bridgeEvent.pagination$.pipe(N(t), x(([e, t]) => e.navigationId === t.id), A(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(S()) ?? D(!1)).pipe(x((e) => e), T(() => ({
+}))), Ki = (e, t, n) => e.bridgeEvent.pagination$.pipe(N(t), x(([e, t]) => e.navigationId === t.id), A(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(S()) ?? D(!1)).pipe(x((e) => e), T(() => ({
 	pagination: e,
 	navigation: t
-})))), Hi(), b((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), T(({ navigation: e }) => ({
+})))), Gi(), b((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), T(({ navigation: e }) => ({
 	...e,
 	meta: { triggeredBy: "pagination" },
 	requestedPosition: e.position
-}))), Wi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(T(([n, r]) => {
+}))), qi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(T(([n, r]) => {
 	let i = n.position, a = i ? t() : void 0, o = i && a ? e.clampPositionInSpine(i, a) : void 0;
 	return {
 		previousNavigation: r,
@@ -3001,7 +3018,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			position: o
 		}
 	};
-})), Gi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
+})), Ji = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
 	if (t.navigation.cfi) {
 		let n = e.getNavigationForCfi(t.navigation.cfi);
 		if (n) return {
@@ -3013,8 +3030,8 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		};
 	}
 	return t;
-})), Ki = ({ 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", qi = ({ context: e, settings: t }) => (n) => n.pipe(T(({ navigation: n, previousNavigation: r }) => {
-	let i = Ki({
+})), Yi = ({ 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", Xi = ({ context: e, settings: t }) => (n) => n.pipe(T(({ navigation: n, previousNavigation: r }) => {
+	let i = Yi({
 		context: e,
 		navigation: n,
 		previousNavigation: r,
@@ -3028,7 +3045,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		},
 		direction: i
 	};
-})), Ji = ({ spineItemsManager: e, navigationResolver: t, settings: n, viewport: r }) => (i) => i.pipe(T(({ navigation: i, ...a }) => {
+})), Zi = ({ spineItemsManager: e, navigationResolver: t, settings: n, viewport: r }) => (i) => i.pipe(T(({ navigation: i, ...a }) => {
 	let o = e.get(i.spineItem);
 	if (i.position) return n.values.computedPageTurnMode === "scrollable" ? {
 		navigation: {
@@ -3061,7 +3078,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		},
 		...a
 	};
-})), Yi = ({ settings: e, spineItemsManager: t, navigationResolver: n, spineLocator: r, cfi: i }) => (a) => {
+})), Qi = ({ 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) {
@@ -3107,7 +3124,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			...n
 		};
 	}));
-}, Xi = ({ spine: e }) => (t) => t.pipe(A(({ navigation: t, ...n }) => {
+}, $i = ({ 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) => ({
 		navigation: {
@@ -3121,7 +3138,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		},
 		...n
 	})));
-})), Zi = ({ settings: e, spineItemsManager: t, spineLocator: n, navigationResolver: r }) => (i) => {
+})), ea = ({ 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) {
@@ -3158,7 +3175,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		},
 		...t
 	})));
-}, Qi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
+}, ta = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
 	if (t.navigation.url) {
 		let n = e.getNavigationForUrl(t.navigation.url);
 		if (n) return {
@@ -3171,7 +3188,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		};
 	}
 	return t;
-})), $i = class {
+})), na = class {
 	constructor() {
 		this.isLockedSubject = new l(0), this.isLocked$ = this.isLockedSubject.pipe(T((e) => !!e), b());
 	}
@@ -3181,7 +3198,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			e || (e = !0, this.isLockedSubject.next(this.isLockedSubject.getValue() - 1));
 		};
 	}
-}, ea = ({ spineLocator: e, navigation: t, navigationResolver: n, spineItemsManager: r, spine: i, cfiManager: a }) => {
+}, ra = ({ 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) => {
 		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;
@@ -3221,7 +3238,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		x: 0,
 		y: 0
 	}));
-}, ta = ({ navigation: e, spineLocator: t, spineItemsManager: n, settings: r, navigationResolver: i, spine: a }) => {
+}, ia = ({ 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,
@@ -3272,21 +3289,21 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		}
 	}
 	return e.position;
-}, na = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? D(ta({
+}, aa = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? D(ia({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	settings: n,
 	spineItemsManager: t,
 	spine: a
-})) : ea({
+})) : ra({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	spineItemsManager: t,
 	spine: a,
 	cfiManager: o
-}), ra = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => na({
+}), oa = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => aa({
 	spineLocator: r.locator,
 	navigation: a.navigation,
 	navigationResolver: t,
@@ -3302,7 +3319,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		...a.navigation,
 		position: e
 	}
-}))))), ia = L.namespace("navigation/InternalNavigator"), aa = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, oa = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, sa = (e, t) => e.id === t.id && aa(e.position, t.position) && aa(e.requestedPosition, t.requestedPosition) && oa(e.requestedVisibleArea, t.requestedVisibleArea), ca = class extends Q {
+}))))), sa = L.namespace("navigation/InternalNavigator"), ca = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, la = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, ua = (e, t) => e.id === t.id && ca(e.position, t.position) && ca(e.requestedPosition, t.requestedPosition) && la(e.requestedVisibleArea, t.requestedVisibleArea), da = 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,
@@ -3324,40 +3341,40 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			requestedPosition: n,
 			requestedVisibleArea: r,
 			triggeredBy: i.triggeredBy
-		})), b(sa), k(1)), this.locker = new $i();
-		let d = n.pipe(N(this.navigationSubject), Wi({
+		})), b(ua), k(1)), this.locker = new na();
+		let d = n.pipe(N(this.navigationSubject), qi({
 			navigationResolver: a,
 			getNavigationVisibleArea: () => r().getNavigationVisibleArea()
-		}), Qi({ navigationResolver: a }), Gi({ navigationResolver: a }), qi({
+		}), ta({ navigationResolver: a }), Ji({ navigationResolver: a }), Xi({
 			context: t,
 			settings: e
-		}), Yi({
+		}), Qi({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), Zi({
+		}), ea({
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), Xi({ spine: o })).pipe(Ji({
+		}), $i({ spine: o })).pipe(Zi({
 			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 ? ce : ra({
+			return D(n).pipe(i ? le : oa({
 				navigationResolver: a,
 				settings: e,
 				spine: o,
 				context: t,
 				cfiManager: c
 			}));
-		}), Zi({
+		}), ea({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
@@ -3367,13 +3384,13 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			return u.pipe(x((e) => !e), S(), T(() => ({ navigation: {
 				...e,
 				animation: "snap"
-			} })), se(() => {
+			} })), ce(() => {
 				t();
 			}), j(d));
 		}), O()), p = E(i, o.layout$).pipe(A(() => D(null).pipe(A(() => u.pipe(x((e) => !e), S())), T(() => ({ navigation: {
 			...this.navigationSubject.getValue(),
 			animation: !1
-		} })), j(E(f, d))))), m = E(p, f).pipe(ra({
+		} })), j(E(f, d))))), m = E(p, f).pipe(oa({
 			navigationResolver: a,
 			settings: e,
 			context: t,
@@ -3383,19 +3400,19 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			...e,
 			meta: { triggeredBy: "restoration" },
 			requestedPosition: e.position
-		} })), Yi({
+		} })), Qi({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), Xi({ spine: o }), Zi({
+		}), $i({ spine: o }), ea({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), T(({ navigation: e }) => e), O()), h = Ui(t, this.navigationSubject, o);
+		}), T(({ navigation: e }) => e), O()), h = Ki(t, this.navigationSubject, o);
 		E(m, d, h).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;
@@ -3405,7 +3422,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			};
 			this.getActiveNavigationModeController().navigate(i);
 		})), (e) => e.pipe(M(([e, t]) => {
-			ia.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
+			sa.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
 				previousNavigation: t,
 				currentNavigation: e
 			}), this.navigationSubject.next(e);
@@ -3414,24 +3431,24 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	get navigation() {
 		return this.navigationSubject.getValue();
 	}
-}, la = (e, t, n) => {
+}, fa = (e, t, n) => {
 	let r = n - e, i = t * e * n / (n || 1);
 	return Math.max(0, Math.min(r, i));
-}, ua = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), da = (e, t, n) => {
-	let r = ua(n, t), i = [...Array(r)].map((e, n) => n * t);
+}, pa = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), ma = (e, t, n) => {
+	let r = pa(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;
-}, fa = (e, t, n) => {
+}, ha = (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;
-}, pa = ({ itemWidth: e, itemHeight: t, spineItemPosition: n }) => new q({
+}, ga = ({ 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))
-}), ma = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? ua(e, i) : ua(t, r), ha = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
-	let l = pa({
+}), _a = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? pa(e, i) : pa(t, r), va = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
+	let l = ga({
 		spineItemPosition: n,
 		itemHeight: t,
 		itemWidth: e
-	}).x, u = ma({
+	}).x, u = _a({
 		isUsingVerticalWriting: r,
 		itemHeight: t,
 		itemWidth: e,
@@ -3440,15 +3457,15 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		pageTurnDirection: o,
 		pageTurnMode: s
 	});
-	if (r) return fa(n.y, a, u);
-	let d = fa(l, i, u);
+	if (r) return ha(n.y, a, u);
+	let d = ha(l, i, u);
 	return c ? u - 1 - d : d;
-}, ga = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
+}, ya = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
 	if (r) return new q({
 		x: 0,
-		y: la(i.pageSize.height, e, t.height)
+		y: fa(i.pageSize.height, e, t.height)
 	});
-	let a = la(i.pageSize.width, e, t.width);
+	let a = fa(i.pageSize.width, e, t.width);
 	return n.isRTL() ? new q({
 		x: t.width - a - i.pageSize.width,
 		y: 0
@@ -3456,26 +3473,26 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		x: a,
 		y: 0
 	});
-}, _a = ({ context: e, settings: t, viewport: n }) => {
+}, ba = ({ 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 ? Ue(e, t) : void 0)?.getBoundingClientRect().x || i);
+		e?.nodeName === "img" || e?.textContent === "" && e.nodeType === Node.ELEMENT_NODE ? i = e.getBoundingClientRect().x : e && (i = (e ? We(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: da(i, o, a),
+			x: ma(i, o, a),
 			y: 0
 		});
 	};
 	return {
 		getSpineItemPositionFromNode: r,
-		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => ga({
+		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => ya({
 			context: e,
 			isUsingVerticalWriting: !!r.isUsingVerticalWriting(),
 			itemLayout: r.layoutInfo,
 			pageIndex: t,
 			viewport: n
 		}),
-		getSpineItemPageIndexFromPosition: (r) => ha({
+		getSpineItemPageIndexFromPosition: (r) => va({
 			...r,
 			isRTL: e.isRTL(),
 			pageWidth: n.pageSize.width,
@@ -3485,7 +3502,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		}),
 		getSpineItemPageIndexFromNode: (i, a, o) => {
 			let s = r(i, a, o), { height: c, width: l } = o.layoutInfo;
-			return s ? ha({
+			return s ? va({
 				isUsingVerticalWriting: !!o.isUsingVerticalWriting(),
 				position: s,
 				itemHeight: c,
@@ -3500,35 +3517,35 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		getSpineItemClosestPositionFromUnsafePosition: (e, t) => {
 			let { width: r, height: i } = t.layoutInfo;
 			return new q({
-				x: da(e.x, n.pageSize.width, r),
-				y: da(e.y, n.pageSize.height, i)
+				x: ma(e.x, n.pageSize.width, r),
+				y: ma(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 = la(c, r, o);
-				return new ln({
+				let e = fa(c, r, o);
+				return new un({
 					x: t.x,
 					y: t.y - e
 				});
 			}
-			let l = la(s, r, a);
+			let l = fa(s, r, a);
 			if (e.isRTL()) {
 				let e = a - (r + 1) * s;
-				return new ln({
+				return new un({
 					x: t.x - Math.max(0, e),
 					y: t.y
 				});
 			}
-			return new ln({
+			return new un({
 				x: t.x - l,
 				y: t.y
 			});
 		}
 	};
-}, va = ({ context: e, settings: t, viewport: n }) => {
-	let r = _a({
+}, xa = ({ context: e, settings: t, viewport: n }) => {
+	let r = ba({
 		context: e,
 		settings: t,
 		viewport: n
@@ -3547,7 +3564,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			y: 0
 		})
 	};
-}, ya = ({ size: e, isRTL: t, spineItemsManager: n, spine: r }) => {
+}, Sa = ({ 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);
@@ -3566,8 +3583,8 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		yMin: 0,
 		yMax: o
 	};
-}, ba = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = ya({
+}, Ca = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = Sa({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3582,8 +3599,8 @@ var ci = (e) => (t) => e(t), li = (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
 	});
-}, xa = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = ya({
+}, wa = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = Sa({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3609,7 +3626,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		x: a,
 		y: i
 	});
-}, Sa = ({ viewportPosition: e, spineLocator: t, spineItemNavigationResolver: n, viewport: r }) => {
+}, Ta = ({ 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);
@@ -3626,9 +3643,9 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		x: 0,
 		y: 0
 	});
-}, Ca = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
+}, Ea = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
 	let o = t.get(n);
-	if (!o) return Sa({
+	if (!o) return Ta({
 		viewportPosition: new J({
 			x: e * a.pageSize.width,
 			y: 0
@@ -3649,7 +3666,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		pageSizeWidth: a.pageSize.width,
 		visibleAreaRectWidth: a.absoluteViewport.width
 	});
-}, wa = (e, t) => {
+}, Da = (e, t) => {
 	if (V(t, "iframe")) {
 		let n = t.contentDocument, r = e.trim();
 		if (!n || r.length === 0) return;
@@ -3663,11 +3680,11 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			return;
 		}
 	}
-}, Ta = ({ anchor: e, spineItem: t, spine: n }) => {
-	let r = wa(e, t.renderer.getDocumentFrame());
+}, Oa = ({ anchor: e, spineItem: t, spine: n }) => {
+	let r = Da(e, t.renderer.getDocumentFrame());
 	return r ? n.spineItemLocator.getSpineItemPositionFromNode(r, 0, t)?.x ?? 0 : 0;
-}, Ea = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
-	let i = Ta({
+}, ka = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
+	let i = Oa({
 		anchor: e,
 		spineItem: t,
 		spine: r
@@ -3679,8 +3696,8 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		}),
 		spineItem: t
 	});
-}, Da = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
-	position: Ea({
+}, Aa = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
+	position: ka({
 		anchor: e,
 		spineItem: t,
 		spineLocator: n,
@@ -3688,14 +3705,14 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	}),
 	pageSizeWidth: i,
 	visibleAreaRectWidth: a
-}), Oa = ({ spine: e, spineItemsManager: t, spineLocator: n, url: r, context: i, pageSizeWidth: a, visibleAreaRectWidth: o }) => {
+}), ja = ({ 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: Da({
+					position: Aa({
 						anchor: s.hash,
 						spineItem: r,
 						spine: e,
@@ -3714,7 +3731,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		console.error(e);
 		return;
 	}
-}, ka = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
+}, Ma = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
 	let a = r.getSpineItemClosestPositionFromUnsafePosition(t, e);
 	return $({
 		position: n.getSpinePositionFromSpineItemPosition({
@@ -3724,14 +3741,14 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		pageSizeWidth: i.pageSize.width,
 		visibleAreaRectWidth: i.absoluteViewport.width
 	});
-}, Aa = "spineNavigator", ja = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
-	let s = va({
+}, Na = "spineNavigator", Pa = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
+	let s = xa({
 		context: e,
 		settings: r,
 		viewport: a
 	});
 	return {
-		getNavigationForUrl: (r) => Oa({
+		getNavigationForUrl: (r) => ja({
 			context: e,
 			spineItemsManager: t,
 			spineLocator: n,
@@ -3740,14 +3757,14 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			visibleAreaRectWidth: a.absoluteViewport.width,
 			spine: i
 		}),
-		getNavigationForSpineItemPage: (e) => Ca({
+		getNavigationForSpineItemPage: (e) => Ea({
 			...e,
 			spineItemsManager: t,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
-		getNavigationFromSpineItemPosition: (e) => ka({
+		getNavigationFromSpineItemPosition: (e) => Ma({
 			...e,
 			spineItemLocator: n.spineItemLocator,
 			spineLocator: n,
@@ -3756,7 +3773,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		getNavigationForCfi: (e) => {
 			let { node: t, offset: r = 0, spineItem: i } = o.resolveCfi({ cfi: e });
 			if (!i) {
-				L.warn(Aa, `unable to detect item id from cfi ${e}`);
+				L.warn(Na, `unable to detect item id from cfi ${e}`);
 				return;
 			}
 			let c = t ? s.getNavigationFromNode(i, t, r) : new q({
@@ -3794,14 +3811,14 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 				y: 0
 			});
 		},
-		getNavigationForPosition: (e) => Sa({
+		getNavigationForPosition: (e) => Ta({
 			viewportPosition: e,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
 		getMostPredominantNavigationForPosition: (o) => {
-			let c = r.values.computedPageTurnDirection, l = .5, u = ba({
+			let c = r.values.computedPageTurnDirection, l = .5, u = Ca({
 				position: new J({
 					x: c === "horizontal" ? o.x + a.absoluteViewport.width * l : 0,
 					y: c === "horizontal" ? 0 : o.y + a.absoluteViewport.height * l
@@ -3811,21 +3828,21 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 				spineItemsManager: t,
 				spine: i
 			});
-			return Sa({
+			return Ta({
 				spineItemNavigationResolver: s,
 				spineLocator: n,
 				viewportPosition: u,
 				viewport: a
 			});
 		},
-		clampPositionInSpine: (n, r) => ba({
+		clampPositionInSpine: (n, r) => Ca({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
 			spineItemsManager: t,
 			spine: i
 		}),
-		getBoundaryForPosition: (n, r = a.absoluteViewport) => xa({
+		getBoundaryForPosition: (n, r = a.absoluteViewport) => wa({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
@@ -3841,8 +3858,8 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		}),
 		spineItemNavigator: s
 	};
-}, Ma = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
-	let c = new m(), l = c.asObservable(), u = new $i(), d = s, f = ja({
+}, Fa = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
+	let c = new m(), l = c.asObservable(), u = new na(), d = s, f = Pa({
 		cfi: d,
 		context: t,
 		settings: i,
@@ -3850,7 +3867,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		locator: r.locator,
 		spine: r,
 		viewport: a
-	}), p = new Vi(i, n, t, r, a), h = new hi(a, i, n, r, t), g = [h, p], _ = new ca(i, t, l, () => g.find((e) => e.isActive()) ?? p, E(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), y = v([
+	}), p = new Wi(i, n, t, r, a), h = new vi(a, i, n, r, t), g = [h, p], _ = new da(i, t, l, () => g.find((e) => e.isActive()) ?? p, E(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), y = v([
 		...g.map((e) => e.isNavigating$),
 		u.isLocked$,
 		_.locker.isLocked$
@@ -3875,43 +3892,55 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		navigation$: _.navigation$,
 		position$: ee
 	};
-}, Na = class extends U {
+}, Ia = class extends U {
 	constructor(e, t) {
 		super({
-			begin: hr(),
-			end: hr(),
+			isSettled: !1,
+			begin: pr(),
+			end: pr(),
 			navigationId: void 0
 		}), this.context = e, this.spineItemsManager = t;
 	}
 	update(e) {
-		gr(this.value, e) || this.mergeCompare(e);
+		mr(this.value, e) || this.mergeCompare(e);
 	}
-}, Pa = {
+}, La = {
 	type: "percentage",
 	value: .5
-}, Fa = class extends Q {
-	constructor(e, t, n, r, i, a) {
-		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spine = r, this.isNavigationLocked$ = i, this.cfi = a;
-		let o = E(this.context.bridgeEvent.navigation$, r.layout$).pipe(A(() => this.isNavigationLocked$.pipe(x((e) => !e), he(1), N(this.context.bridgeEvent.navigation$), T(([, e]) => this.resolveMetrics(e) ?? this.pagination.value))), O()), s = o.pipe(yt(this.context.bridgeEvent.viewportFree$), T((e) => this.resolvePositions(e)), x((e) => e !== void 0));
-		E(o, s).pipe(j(this.destroy$)).subscribe((e) => {
+}, Ra = 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.isNavigationLocked$ = i, this.cfi = a, this.layoutRequest$ = o, E(this.context.bridgeEvent.navigation$.pipe(T(() => "resolve")), r.layout$.pipe(T(() => "resolve")), o.pipe(T(() => "invalidate"))).pipe(A((e) => {
+			let t = D(hr(this.pagination.value));
+			return e === "invalidate" ? t : y(t, this.resolve$());
+		}), j(this.destroy$)).subscribe((e) => {
 			this.pagination.update(e);
 		});
 	}
+	resolve$() {
+		return this.isNavigationLocked$.pipe(x((e) => !e), ge(1), N(this.context.bridgeEvent.navigation$), de(([, e]) => {
+			let t = this.resolveMetrics(e), n = t ?? hr(this.pagination.value);
+			return y(D(n), this.context.bridgeEvent.viewportFree$.pipe(S(), T(() => this.resolvePositions({
+				metrics: n,
+				visibleRangeIsKnown: t !== void 0
+			})), x((e) => e !== void 0)));
+		}));
+	}
 	getVisiblePages(e, t) {
 		return this.spine.locator.getVisiblePagesFromViewportPosition({
 			spineItem: e,
 			position: t,
-			threshold: Pa
+			threshold: La
 		});
 	}
 	resolveMetrics(e) {
 		let { position: t } = e, n = this.pagination.value, { beginIndex: r, endIndex: i } = this.spine.locator.getVisibleSpineItemsFromPosition({
 			position: t,
-			threshold: Pa
+			threshold: La
 		}) ?? {}, a = this.spineItemsManager.get(r), o = this.spineItemsManager.get(i);
 		if (!a || !o) return;
 		let { beginPageIndex: s = 0 } = this.getVisiblePages(a, t) ?? {}, { endPageIndex: c = 0 } = this.getVisiblePages(o, t) ?? {};
 		return {
+			isSettled: !1,
 			begin: this.resolveEdgeMetrics(a, r, s, n.begin),
 			end: this.resolveEdgeMetrics(o, i, c, n.end),
 			navigationId: e.id
@@ -3925,12 +3954,20 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			numberOfPagesInSpineItem: e.numberOfPages
 		};
 	}
-	resolvePositions(e) {
-		let t = this.resolveEdgePositions(e.begin), n = this.resolveEdgePositions(e.end);
-		if (t && n) return {
-			...e,
-			begin: t,
-			end: n
+	resolvePositions({ metrics: e, visibleRangeIsKnown: t }) {
+		let n = this.resolveEdgePositions(e.begin), r = this.resolveEdgePositions(e.end);
+		if (!n || !r) return;
+		let { navigationId: i } = e;
+		return t && n.isReady && r.isReady ? {
+			isSettled: !0,
+			begin: n.edge,
+			end: r.edge,
+			navigationId: i
+		} : {
+			isSettled: !1,
+			begin: n.edge,
+			end: r.edge,
+			navigationId: i
 		};
 	}
 	resolveEdgePositions(e) {
@@ -3940,8 +3977,11 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		if (!r) return;
 		let i = this.spine.pages.fromSpineItemPageIndex(r, n);
 		return {
-			...e,
-			cfi: this.resolveCfi(r, i)
+			edge: {
+				...e,
+				cfi: this.resolveCfi(r, i)
+			},
+			isReady: r.value.isReady
 		};
 	}
 	resolveCfi(e, t) {
@@ -3950,7 +3990,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			pageNode: t.firstVisibleNode
 		}) : this.cfi.generateRootCfi(e.item);
 	}
-}, Ia = class extends Q {
+}, za = class extends Q {
 	constructor(e) {
 		super();
 		let t = {
@@ -3986,12 +4026,12 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		return this._settings$;
 	}
 	watch(e) {
-		return this.values$.pipe(gt(e), b(o));
+		return this.values$.pipe(_t(e), b(o));
 	}
 	destroy() {
 		super.destroy(), this.outputSettingsUpdateSubject.complete();
 	}
-}, La = class extends Ia {
+}, Ba = class extends za {
 	constructor(e, t) {
 		super(e), this.context = t, t.watch(["hasVerticalWriting"]).pipe(M(() => this.update(this.values)), j(this.destroy$)).subscribe();
 	}
@@ -4001,7 +4041,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			computedPageTurnAnimation: e.pageTurnAnimation,
 			computedPageTurnMode: e.pageTurnMode,
 			computedPageTurnAnimationDuration: 0,
-			computedSpreadMode: Bn({
+			computedSpreadMode: Vn({
 				spreadMode: e.spreadMode,
 				manifest: t
 			})
@@ -4031,14 +4071,14 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			numberOfAdjacentSpineItemToPreLoad: 3
 		};
 	}
-}, Ra = class extends Q {
+}, Va = 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)), b(t), k({
 			bufferSize: 1,
 			refCount: !0
 		}));
-		E(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(te(100), x(() => K(this.context.value.rootElement)), yt(this.context.bridgeEvent.viewportFree$), N(this.context.bridgeEvent.position$, s), T(([, e, t]) => {
+		E(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(ne(100), x(() => K(this.context.value.rootElement)), bt(this.context.bridgeEvent.viewportFree$), N(this.context.bridgeEvent.position$, s), T(([, e, t]) => {
 			let { numberOfAdjacentSpineItemToPreLoad: a } = i.values, { beginIndex: o = 0, endIndex: s = 0 } = r.getVisibleSpineItemsFromPosition({
 				position: e,
 				threshold: {
@@ -4067,13 +4107,13 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.forcedOpenSubject.complete();
 	}
-}, za = (e, t, n) => {
+}, Ha = (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
 	});
-}, Ba = class e extends DOMRect {
+}, Ua = class e extends DOMRect {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("ViewportPosition");
 	}
@@ -4085,15 +4125,15 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		let r = t;
 		return new e(r.x, r.y, r.width, r.height);
 	}
-}, Va = class {
+}, Wa = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
 	}
-}, Ha = class {
+}, Ga = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
 	}
-}, Ua = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
+}, Ka = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
 	let r = n.items, i = n.get(t);
 	if (!i) return;
 	let { currentAbsolutePage: a } = r.reduce((t, n) => {
@@ -4111,45 +4151,45 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		found: !1
 	});
 	return a;
-}, Wa = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
+}, qa = ({ 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;
-}, Ga = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
+}, Ja = ({ 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;
-}, Ka = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
+}, Ya = ({ 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 = Ga({
+	let h = Ja({
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p,
 		viewportPosition: s
 	});
-	return c ? { visible: h } : { visible: Wa({
+	return c ? { visible: h } : { visible: qa({
 		itemHeight: a,
 		itemWidth: i,
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p
 	}) || h };
-}, qa = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
+}, Xa = ({ 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;
-}, Ja = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
+}, Za = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
 	x: t + e.x,
 	y: n + e.y
-}), Ya = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
-	let s = qa({
+}), Qa = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
+	let s = Xa({
 		position: e,
 		spineItemsManager: r,
 		spineLayout: i
-	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = za(e, o.absoluteViewport, c), u = Ba.from(l, c), d = [];
+	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Ha(e, o.absoluteViewport, c), u = Ua.from(l, c), d = [];
 	for (let e of r.items) {
-		let { visible: r } = Ka({
+		let { visible: r } = Ya({
 			itemPosition: i.getSpineItemSpineLayoutInfo(e),
 			threshold: t,
 			viewportPosition: u,
@@ -4164,14 +4204,14 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		beginIndex: m ?? 0,
 		endIndex: h ?? 0
 	};
-}, Xa = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
+}, $a = ({ 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) => Ja({
+	}, s = (e) => Za({
 		spineItemPosition: new q({
 			x: 0,
 			y: 0
@@ -4185,7 +4225,7 @@ var ci = (e) => (t) => e(t), li = (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 = Ja({
+			let a = Za({
 				spineItemPosition: n.getSpineItemPositionFromPageIndex({
 					pageIndex: t,
 					spineItem: r
@@ -4204,8 +4244,8 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 				}
 			};
 		}).reduce((n, { absolutePosition: r, index: i }) => {
-			let c = o ? s.absoluteViewport : s.relativeViewport, l = za(e, s.absoluteViewport, c), { visible: u } = Ka({
-				viewportPosition: Ba.from(l, c),
+			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ha(e, s.absoluteViewport, c), { visible: u } = Ya({
+				viewportPosition: Ua.from(l, c),
 				restrictToScreen: a,
 				threshold: t,
 				itemPosition: r
@@ -4218,11 +4258,11 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		};
 	};
 	return {
-		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Ja({
+		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Za({
 			itemLayout: i.getSpineItemSpineLayoutInfo(e),
 			spineItemPosition: t
 		}),
-		_getAbsolutePageIndexFromPageIndex: (n) => Ua({
+		_getAbsolutePageIndexFromPageIndex: (n) => Ka({
 			...n,
 			context: t,
 			settings: r,
@@ -4230,7 +4270,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			spineLayout: i
 		}),
 		getSpineItemPagePositionFromSpinePosition: (t) => {
-			let r = qa({
+			let r = Xa({
 				position: t,
 				spineItemsManager: e,
 				spineLayout: i
@@ -4251,14 +4291,14 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		},
 		getSpinePositionFromSpineItem: s,
 		getSpineItemPositionFromSpinePosition: o,
-		getSpineItemFromPosition: (t) => qa({
+		getSpineItemFromPosition: (t) => Xa({
 			position: t,
 			spineItemsManager: e,
 			spineLayout: i
 		}),
 		getSpineItemFromIframe: c,
 		getSpineItemPageIndexFromNode: l,
-		getVisibleSpineItemsFromPosition: (t) => Ya({
+		getVisibleSpineItemsFromPosition: (t) => Qa({
 			settings: r,
 			spineItemsManager: e,
 			spineLayout: i,
@@ -4282,19 +4322,19 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			});
 		}
 	};
-}, Za = class extends Q {
+}, eo = class extends Q {
 	constructor(e) {
 		super(), this.spineItemsManager = e;
 		let t = e.items;
 		this.itemStateChange$ = E(...t.map((e) => e.pipe(T((t) => ({
 			item: e,
 			...t
-		})), b(o)))).pipe(O()), this.itemResize$ = E(...t.map((e) => vt(e.element).pipe(T((t) => ({
+		})), b(o)))).pipe(O()), this.itemResize$ = E(...t.map((e) => yt(e.element).pipe(T((t) => ({
 			entries: t,
 			item: e
 		}))))).pipe(O()), this.itemLoad$ = E(...t.map((e) => e.loaded$.pipe(T(() => e)))).pipe(O()), this.itemUnload$ = E(...t.map((e) => e.unloaded$.pipe(T(() => e)))).pipe(O());
 	}
-}, Qa = class extends Q {
+}, to = 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);
@@ -4302,9 +4342,9 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			this.spineItemsManager.items.forEach((e) => {
 				e.markDirty();
 			});
-		}), ee((e) => e.immediate ? D(void 0) : ve(50)), A(() => {
+		}), te((e) => e.immediate ? D(void 0) : ye(50)), A(() => {
 			let t = [];
-			return this.spineItemsManager.items.reduce((a, o, s) => a.pipe(y(({ horizontalOffset: a, verticalOffset: c }) => {
+			return this.spineItemsManager.items.reduce((a, o, s) => a.pipe(ee(({ horizontalOffset: a, verticalOffset: c }) => {
 				let l = a % i.absoluteViewport.width === 0, u = s === e.items.length - 1, d = r.values.computedPageTurnDirection === "vertical", f = n.isRTL(), p = this.getSpreadPosition(l, f), { edgeX: m, edgeY: h } = this.getStartEdges(d, l, a, c, i.absoluteViewport.height);
 				return o.layout({
 					spreadPosition: p,
@@ -4337,7 +4377,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	}
 	getSpineItemSpineLayoutInfo(e) {
 		let t = this.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return this.spineItemsRelativeLayouts[t] || new dn({
+		return this.spineItemsRelativeLayouts[t] || new fn({
 			left: 0,
 			right: 0,
 			top: 0,
@@ -4367,7 +4407,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		};
 	}
 	createSpineItemLayout(e, t, n, r, i, a, o) {
-		if (e) return new dn({
+		if (e) return new fn({
 			left: n,
 			right: i + n,
 			top: r,
@@ -4378,7 +4418,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			y: r
 		});
 		let s = t ? o - n - i : n;
-		return new dn({
+		return new fn({
 			right: t ? o - n : n + i,
 			left: s,
 			x: s,
@@ -4389,20 +4429,20 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			y: r
 		});
 	}
-}, $a = class extends Q {
+}, no = class extends Q {
 	constructor(e, t, n, r, i, a) {
-		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.viewport = a, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Za(n), this.spineLayout = new Qa(n, this.spineItemsObserver, e, i, a), this.locator = Xa({
+		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.viewport = a, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new eo(n), this.spineLayout = new to(n, this.spineItemsObserver, e, i, a), this.locator = $a({
 			context: e,
 			spineItemsManager: n,
 			spineItemLocator: r,
 			settings: i,
 			spineLayout: this.spineLayout,
 			viewport: a
-		}), this.spineItemsLoader = new Ra(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 o = e.watch("rootElement").pipe(xe(K), I(() => {
+		}), this.spineItemsLoader = new Va(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new wr(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
+		let o = e.watch("rootElement").pipe(Se(K), I(() => {
 			let e = this.context.document.createElement("div");
 			e.style.cssText = "\n          height: 100%;\n          position: relative;\n        ", e.className = `${X}-spine`, this.elementSubject.next(e);
-		})), s = this.element$.pipe(xe(K), I((e) => {
+		})), s = this.element$.pipe(Se(K), I((e) => {
 			this.spineItemsManager.items.forEach((t) => {
 				t.attach(e);
 			});
@@ -4424,7 +4464,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
 	}
-}, eo = class extends At {
+}, ro = class extends jt {
 	onUnload() {}
 	onCreateDocument() {
 		return D(this.context.document.createElement("div"));
@@ -4439,10 +4479,10 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		return u;
 	}
 	getDocumentFrame() {}
-}, to = class extends Q {
+}, io = 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 = Mi(s);
+			let i = this.viewport.value.pageSize.width, a = "none", o = t % this.viewport.absoluteViewport.width === 0, s = this.context.manifest, c = Fi(s);
 			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);
@@ -4477,7 +4517,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 				height: f
 			});
 		})), this.layout = (e) => {
-			let t = bt(this.didLayout$.pipe(S()));
+			let t = xt(this.didLayout$.pipe(S()));
 			return this.layoutTriggerSubject.next(e), t();
 		};
 		let l = this.layoutTriggerSubject.pipe(A(({ spreadPosition: e, horizontalOffset: t, isLastItem: n, edgeX: r, edgeY: i }) => {
@@ -4524,7 +4564,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			height: e.height ? parseFloat(e.height) : 0
 		};
 	}
-}, no = class extends U {
+}, ao = class extends U {
 	constructor(e, t, n, r, i, a) {
 		super({
 			isLoaded: !1,
@@ -4545,9 +4585,9 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			this.updateState({ isDirty: !0 });
 		}, this.destroy = () => {
 			this.isDestroyed || (super.destroy(), this._layout.destroy(), this.renderer.destroy(), this.containerElement.remove());
-		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = ro(e, t.document);
+		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = oo(e, t.document);
 		let o = this.settings.values.getRenderer?.(e);
-		this.resourcesHandler = new Mt(e, this.settings);
+		this.resourcesHandler = new Nt(e, this.settings);
 		let s = {
 			context: t,
 			settings: n,
@@ -4557,7 +4597,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			resourcesHandler: this.resourcesHandler,
 			viewport: this.viewport
 		};
-		this.renderer = o ? o(s) : new eo(s), this._layout = new to(e, this.containerElement, t, r, this.renderer, this.settings, this.viewport);
+		this.renderer = o ? o(s) : new ro(s), this._layout = new io(e, this.containerElement, t, r, this.renderer, this.settings, this.viewport);
 		let c = this.renderer.state$.pipe(I(({ state: e, error: t }) => {
 			this.updateState({
 				isLoaded: e === "loaded",
@@ -4570,7 +4610,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 				isDirty: !1,
 				isReady: !0
 			});
-		}), Te()), E(c, this.didLayout$).pipe(F(this.destroy$)).subscribe();
+		}), Ee()), E(c, this.didLayout$).pipe(F(this.destroy$)).subscribe();
 	}
 	updateState(e) {
 		let t = {
@@ -4604,7 +4644,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		return this._layout.layoutInfo;
 	}
 	get numberOfPages() {
-		return ma({
+		return _a({
 			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
 			itemHeight: this._layout.layoutInfo.height,
 			itemWidth: this._layout.layoutInfo.width,
@@ -4614,12 +4654,12 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 			pageTurnMode: this.settings.values.pageTurnMode
 		});
 	}
-}, ro = (e, t) => {
+}, oo = (e, t) => {
 	let n = t.createElement("div");
-	return n.setAttribute(`data-${Tn}`, ""), n.classList.add("spineItem"), n.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), n.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", n.dataset.isReady = "false", n;
-}, io = class extends Q {
+	return n.setAttribute(`data-${En}`, ""), n.classList.add("spineItem"), n.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), n.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", n.dataset.isReady = "false", n;
+}, so = class extends Q {
 	constructor(e, t, n, r) {
-		super(), this.context = e, this.settings = t, this.hookManager = n, this.viewport = r, this.items = e.manifest.spineItems.map((i, a) => new no(i, e, t, n, a, r));
+		super(), this.context = e, this.settings = t, this.hookManager = n, this.viewport = r, this.items = e.manifest.spineItems.map((i, a) => new ao(i, e, t, n, a, r));
 	}
 	get(e) {
 		return typeof e == "number" ? this.items[e] : typeof e == "string" ? this.items.find(({ item: t }) => t.id === e) : e;
@@ -4629,17 +4669,17 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		return n > r ? "after" : n === r ? "same" : "before";
 	}
 	getSpineItemIndex(e) {
-		return (e instanceof no ? e : this.get(e))?.index;
+		return (e instanceof ao ? e : this.get(e))?.index;
 	}
 	destroy() {
 		this.items.forEach((e) => {
 			e.destroy();
 		}), super.destroy();
 	}
-}, ao = class extends U {
+}, co = class extends U {
 	constructor(e, t) {
 		let n = e.document.createElement("div");
-		n.setAttribute(`data-${Cn}`, ""), super({
+		n.setAttribute(`data-${wn}`, ""), super({
 			element: n,
 			pageSize: {
 				width: 1,
@@ -4664,7 +4704,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	}
 	syncAbsoluteViewportCssVariables(e) {
 		let { style: t } = this.value.element;
-		e.width > 0 ? z(t, En, `${e.width}px`) : B(t, En), e.height > 0 ? z(t, Dn, `${e.height}px`) : B(t, Dn);
+		e.width > 0 ? z(t, Dn, `${e.width}px`) : B(t, Dn), e.height > 0 ? z(t, On, `${e.height}px`) : B(t, On);
 	}
 	layout() {
 		let e = {
@@ -4677,7 +4717,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		}), this.layoutSubject.next();
 	}
 	get absoluteViewport() {
-		return new Va({
+		return new Wa({
 			width: this.value.width,
 			height: this.value.height
 		});
@@ -4691,7 +4731,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	}
 	get relativeViewport() {
 		let e = this.absoluteViewport, t = this.scaleFactor;
-		return new Ha({
+		return new Ga({
 			width: e.width / t,
 			height: e.height / t
 		});
@@ -4699,12 +4739,12 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.layoutSubject.complete(), this.value.element.remove();
 	}
-}, oo = ({ manifest: e, cfi: t, ownerDocument: n = globalThis.document, ...r }) => {
-	let i = crypto.randomUUID(), a = `${xn}-core-${i}`, o = new m(), s = new m(), c = new Ii(), l = new Pi(e, n), u = new La(r, l), d = new Fi(l, u), f = new ao(l, u), p = new io(l, u, c, f), h = new ji(c, p), g = _a({
+}, lo = ({ manifest: e, cfi: t, ownerDocument: n = globalThis.document, ...r }) => {
+	let i = crypto.randomUUID(), a = `${Sn}-core-${i}`, o = new m(), s = new m(), c = new zi(), l = new Li(e, n), u = new Ba(r, l), d = new Ri(l, u), f = new co(l, u), p = new so(l, u, c, f), h = new Pi(c, p), g = ba({
 		context: l,
 		settings: u,
 		viewport: f
-	}), _ = new Na(l, p), v = new $a(l, _, p, g, u, f), y = Ma({
+	}), _ = new Ia(l, p), v = new no(l, _, p, g, u, f), y = Fa({
 		cfi: h,
 		context: l,
 		spineItemsManager: p,
@@ -4712,19 +4752,19 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		spine: v,
 		settings: u,
 		viewport: f
-	}), ee = new Fa(l, _, p, v, y.isLocked$, h);
+	}), ee = new Ra(l, _, p, v, y.isLocked$, h, o);
 	y.navigationState$.subscribe(l.bridgeEvent.viewportStateSubject), y.navigation$.subscribe(l.bridgeEvent.navigationSubject), y.position$.subscribe(l.bridgeEvent.positionSubject), _.subscribe(l.bridgeEvent.paginationSubject);
 	let te = (e = {}) => {
 		o.next(e);
 	}, ne = (e) => {
 		if (l.value.rootElement) throw Error("This reader is already mounted. A reader renders a single book, destroy it and create a new reader instead.");
 		if (e.ownerDocument !== l.document) throw Error("The container element must belong to the reader's document. Pass `ownerDocument` to `createReader` when mounting into a foreign document (eg: an iframe's contentDocument).");
-		L.log("mount", { containerElement: e }), $e(l.document, a, Li);
-		let t = lo(e, i);
+		L.log("mount", { containerElement: e }), et(l.document, a, Bi);
+		let t = po(e, i);
 		l.update({ rootElement: t }), te({ immediate: !0 });
-	}, re = u.watch(["computedSpreadMode"]).pipe(De(1), I(() => te())), ie = o.pipe(I((e) => {
+	}, re = u.watch(["computedSpreadMode"]).pipe(Oe(1), I(() => te())), ie = o.pipe(I((e) => {
 		l.value.rootElement && (f.layout(), v.layout(e));
-	}), F(s)), b = E(ie, re).subscribe();
+	}), F(s)), ae = E(ie, re).subscribe();
 	return {
 		id: i,
 		context: l,
@@ -4738,7 +4778,7 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		mount: ne,
 		destroy: () => {
 			let e = l.value.rootElement;
-			e && (et(l.document, a), uo(e)), b.unsubscribe(), p.destroy(), ee.destroy(), u.destroy(), _.destroy(), l.destroy(), y.destroy(), v.destroy(), d.destroy(), s.next(), s.complete(), f.destroy();
+			e && (tt(l.document, a), mo(e)), ae.unsubscribe(), p.destroy(), ee.destroy(), u.destroy(), _.destroy(), l.destroy(), y.destroy(), v.destroy(), d.destroy(), s.next(), s.complete(), f.destroy();
 		},
 		pagination: {
 			get state() {
@@ -4753,21 +4793,21 @@ var ci = (e) => (t) => e(t), li = (e, t, n) => {
 		viewport: f,
 		viewportState$: l.bridgeEvent.viewportState$,
 		viewportFree$: l.bridgeEvent.viewportFree$,
-		mounted$: l.watch("rootElement").pipe(Ce(K), be()),
+		mounted$: l.watch("rootElement").pipe(we(K), xe()),
 		features: d,
 		$: { destroy$: s }
 	};
-}, so = `${X}-reader`, co = "data-prose-reader-container", lo = (e, t) => (e.classList.add(so), R(e, Sn, t), R(e, co, t), e), uo = (e) => {
-	e.classList.remove(so), e.removeAttribute(Sn), e.removeAttribute(co);
-}, fo = ii(Ot(ci(Dt(ct(si(bi(dr(sn(Kn(lt(pt($r(Gn(oi(oo))))))))))))))), po = (e) => (t) => e(t), mo = 5e3, ho = (e, { itemReadinessTimeoutMs: t = mo } = {}) => Zn(e).pipe(A((n) => {
+}, uo = `${X}-reader`, fo = "data-prose-reader-container", po = (e, t) => (e.classList.add(uo), R(e, Cn, t), R(e, fo, t), e), mo = (e) => {
+	e.classList.remove(uo), e.removeAttribute(Cn), e.removeAttribute(fo);
+}, ho = si(kt(di(Ot(lt(ui(Ci(fr(cn(qn(ut(mt(ni(Kn(li(lo))))))))))))))), go = (e) => (t) => e(t), _o = 5e3, vo = (e, { itemReadinessTimeoutMs: t = _o } = {}) => Qn(e).pipe(A((n) => {
 	if (n.boundary === "start") return D(n);
 	let r = e.spineItemsManager.items, i = r[r.length - 1];
-	return i ? i.value.isReady ? D(n) : i.isReady$.pipe(x(Boolean), S(), T(() => n), t === Infinity ? ce : _e({
+	return i ? i.value.isReady ? D(n) : i.isReady$.pipe(x(Boolean), S(), T(() => n), t === Infinity ? le : ve({
 		first: t,
 		with: () => u
-	}), Xn(e.navigation)) : u;
+	}), Zn(e.navigation)) : u;
 }), O());
 //#endregion
-export { pn as AbstractSpinePosition, Dn as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, En as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, ji as CfiManager, Pi as Context, Vi as ControlledNavigationController, Q as DestroyableClass, At as DocumentRenderer, Fi as Features, Sn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, wn as HTML_PREFIX_SCROLL_NAVIGATOR, Tn as HTML_PREFIX_SPINE_ITEM, Cn as HTML_PREFIX_VIEWPORT, xn as HTML_STYLE_PREFIX, Ii as HookManager, ca as InternalNavigator, cn as LayoutEntry, $i as Locker, bn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, vn as PROSE_READER_NAMESPACE, Sr as Pages, U as ReactiveEntity, Mt as ResourceHandler, mr as ResourcesLocator, hi as ScrollNavigationController, pi as ScrollPosition, Ia as SettingsManager, $a as Spine, no as SpineItem, un as SpineItemPageLayout, fn as SpineItemPageSpineLayout, q as SpineItemPosition, dn as SpineItemSpineLayout, io as SpineItemsManager, Za as SpineItemsObserver, J as SpinePosition, mi as UnboundScrollPosition, ln as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, yn as VIEWPORT_ADJUSTMENT_THROTTLE, ao as Viewport, pr as consolidate, fo as createReader, St as deferIdle, bt as deferNextResult, Ci as generateCfiForSpineItemPage, wi as generateCfiFromRange, xi as generateRootCfi, nt as getAttributeValueFromString, mt as getBase64FromBlob, at as getFrameViewportInfo, Ti as getItemAnchor, sn as htmlEnhancer, xt as idle, $e as injectCSS, rt as injectCSSToFrame, K as isDefined, Ze as isHtmlElement, V as isHtmlTagElement, Di as isRootCfi, a as isShallowEqual, Gn as layoutEnhancer, gt as mapKeysTo, ho as observeBookBoundaryReached, wt as observeIntersection, Ct as observeMutation, Yn as observeNextSettledNavigation, vt as observeResize, Jn as observeSettledNavigation, $r as paginationEnhancer, ki as parseCfi, ht as pick, Ie as removeAttributeIfPresent, it as removeCSS, B as removeStylePropertyIfPresent, Ai as resolveCfi, po as rootEnhancer, R as setAttributeIfChanged, Le as setPropertyIfChanged, z as setStylePropertyIfChanged, Hn as shouldEnableSpreadModeForViewport, Un as shouldUseComputedSpreadModeForViewport, vr as spinePositionToSpineItemSpineLayout, Xn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, ot as waitForFrameLoad, st as waitForFrameReady, qn as waitForNavigationSettled, yt as waitForSwitch, _t as watchKeys };
+export { mn as AbstractSpinePosition, On as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, Dn as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, Pi as CfiManager, Li as Context, Wi as ControlledNavigationController, Q as DestroyableClass, jt as DocumentRenderer, Ri as Features, Cn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, Tn as HTML_PREFIX_SCROLL_NAVIGATOR, En as HTML_PREFIX_SPINE_ITEM, wn as HTML_PREFIX_VIEWPORT, Sn as HTML_STYLE_PREFIX, zi as HookManager, da as InternalNavigator, ln as LayoutEntry, na as Locker, xn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, yn as PROSE_READER_NAMESPACE, wr as Pages, U as ReactiveEntity, Nt as ResourceHandler, vr as ResourcesLocator, vi as ScrollNavigationController, gi as ScrollPosition, za as SettingsManager, no as Spine, ao as SpineItem, dn as SpineItemPageLayout, pn as SpineItemPageSpineLayout, q as SpineItemPosition, fn as SpineItemSpineLayout, so as SpineItemsManager, eo as SpineItemsObserver, J as SpinePosition, _i as UnboundScrollPosition, un as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, bn as VIEWPORT_ADJUSTMENT_THROTTLE, co as Viewport, _r as consolidate, ho as createReader, Ct as deferIdle, xt as deferNextResult, Ei as generateCfiForSpineItemPage, Di as generateCfiFromRange, wi as generateRootCfi, rt as getAttributeValueFromString, ht as getBase64FromBlob, ot as getFrameViewportInfo, Oi as getItemAnchor, cn as htmlEnhancer, St as idle, et as injectCSS, it as injectCSSToFrame, K as isDefined, Qe as isHtmlElement, V as isHtmlTagElement, Ai as isRootCfi, a as isShallowEqual, Kn as layoutEnhancer, _t as mapKeysTo, vo as observeBookBoundaryReached, Tt as observeIntersection, wt as observeMutation, Xn as observeNextSettledNavigation, yt as observeResize, Yn as observeSettledNavigation, ni as paginationEnhancer, Mi as parseCfi, gt as pick, Le as removeAttributeIfPresent, at as removeCSS, B as removeStylePropertyIfPresent, Ni as resolveCfi, go as rootEnhancer, R as setAttributeIfChanged, Re as setPropertyIfChanged, z as setStylePropertyIfChanged, Un as shouldEnableSpreadModeForViewport, Wn as shouldUseComputedSpreadModeForViewport, br as spinePositionToSpineItemSpineLayout, Zn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, st as waitForFrameLoad, ct as waitForFrameReady, Jn as waitForNavigationSettled, bt as waitForSwitch, vt as watchKeys };
 
 //# sourceMappingURL=index.js.map