@prose-reader/core 1.323.0 → 1.325.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 ee, debounce as te, debounceTime as ne, defaultIfEmpty as re, defer as ie, delay as ae, distinctUntilChanged as y, endWith as oe, exhaustMap as se, filter as b, finalize as ce, first as x, forkJoin as le, from as S, fromEvent as C, identity as ue, lastValueFrom as de, map as w, merge as T, mergeMap as fe, of as E, scheduled as pe, share as D, shareReplay as O, skip as me, startWith as k, switchMap as A, switchScan as he, take as ge, takeUntil as j, tap as M, throttleTime as _e, timeout as ve, timer as ye, withLatestFrom as N } from "rxjs";
-import { catchError as be, debounceTime as xe, distinctUntilChanged as Se, filter as Ce, first as we, map as P, mergeMap as Te, pairwise as Ee, share as De, shareReplay as Oe, skip as ke, startWith as Ae, switchMap as F, take as je, takeUntil as I, tap as L } from "rxjs/operators";
-import { generate as Me, isIndirectionOnly as Ne, isParsedCfiRange as Pe, parse as Fe, resolve as Ie } from "@prose-reader/cfi";
-var R = e.namespace("@prose-reader/core", void 0, { color: "#98cde7" }), Le = [
+import { BehaviorSubject as l, EMPTY as u, NEVER as d, Observable as f, ReplaySubject as p, Subject as m, animationFrameScheduler as h, auditTime as g, catchError as _, combineLatest as v, concatMap as ee, debounce as te, debounceTime as ne, defaultIfEmpty as re, defer as ie, delay as ae, distinctUntilChanged as y, endWith as oe, exhaustMap as se, filter as b, finalize as ce, first as x, from as S, fromEvent as C, identity as le, lastValueFrom as ue, map as w, merge as T, mergeMap as E, of as D, scheduled as de, share as O, shareReplay as k, skip as fe, startWith as A, switchMap as j, switchScan as pe, take as me, takeUntil as M, tap as N, throttleTime as he, timeout as ge, timer as _e, withLatestFrom as P } from "rxjs";
+import { debounceTime as ve, distinctUntilChanged as ye, filter as be, first as xe, map as Se, pairwise as Ce, share as we, shareReplay as Te, skip as Ee, startWith as De, switchMap as F, take as Oe, takeUntil as I, tap as L } from "rxjs/operators";
+import { generate as ke, isIndirectionOnly as Ae, isParsedCfiRange as je, parse as Me, resolve as Ne } from "@prose-reader/cfi";
+var R = e.namespace("@prose-reader/core", void 0, { color: "#98cde7" }), Pe = [
 	"pointercancel",
 	"pointerdown",
 	"pointerenter",
@@ -16,10 +16,10 @@ function z(e, t, n) {
 	let r = String(n);
 	e.getAttribute(t) !== r && e.setAttribute(t, r);
 }
-function Re(e, t) {
+function Fe(e, t) {
 	e.hasAttribute(t) && e.removeAttribute(t);
 }
-function ze(e, t, n) {
+function Ie(e, t, n) {
 	e[t] !== n && (e[t] = n);
 }
 function B(e, t, n) {
@@ -28,22 +28,22 @@ function B(e, t, n) {
 function V(e, t) {
 	e.getPropertyValue(t) !== "" && e.removeProperty(t);
 }
-function Be(e, t, n) {
+function Le(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 Ve = (e, t) => {
+var Re = (e, t) => {
 	let n = "createRange" in e ? e : e.ownerDocument;
 	if (!n) return;
-	let r = "body" in e ? He(e.body, t) : He(e, t);
+	let r = "body" in e ? ze(e.body, t) : ze(e, t);
 	if (r) {
 		let e, i = 0, a = n.createRange();
 		return Array.from(r.childNodes).some((r) => {
 			a.selectNodeContents(r);
-			let o = We(a.getClientRects(), t);
+			let o = Ve(a.getClientRects(), t);
 			if (o) {
 				e = a.cloneRange();
-				let t = Be(n, Math.ceil(o.left), Math.ceil(o.top));
+				let t = Le(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 Ve = (e, t) => {
 			offset: 0
 		};
 	}
-}, He = (e, t) => {
-	let n = Ue(e.getBoundingClientRect(), t), r;
+}, ze = (e, t) => {
+	let n = Be(e.getBoundingClientRect(), t), r;
 	n !== "before" && n !== "after" && (r = e);
 	for (let n of e.children) {
-		let e = He(n, t);
+		let e = ze(n, t);
 		if (e) return e;
 	}
 	return r;
 };
-function Ue(e, { left: t, right: n }) {
+function Be(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 We(e, t) {
+function Ve(e, t) {
 	return Array.from(e).find((e) => {
-		let n = Ue(e, t);
+		let n = Be(e, t);
 		return n !== "before" && n !== "after";
 	});
 }
-var Ge = (e, t) => {
+var He = (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 Ge = (e, t) => {
 		}
 		return n;
 	}
-}, Ke = (e) => {
+}, Ue = (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 Ge = (e, t) => {
 		let t = e?.view;
 		if (t.PointerEvent && e instanceof t.PointerEvent) return !0;
 	}
-	return !!Le.includes(e.type);
-}, qe = (e) => {
-	if (Ke(e)) return !1;
+	return !!Pe.includes(e.type);
+}, We = (e) => {
+	if (Ue(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 Ge = (e, t) => {
 		if (t.MouseEvent) return e instanceof t.MouseEvent;
 	}
 	return !1;
-}, Je = (e) => {
+}, Ge = (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 Ge = (e, t) => {
 		if (t.TouchEvent) return e instanceof t.TouchEvent;
 	}
 	return !1;
-}, Ye = () => document.createElement("div"), Xe = (e) => {
+}, Ke = () => document.createElement("div"), qe = (e) => {
 	let t = [
 		"img",
 		"video",
@@ -125,8 +125,8 @@ var Ge = (e, t) => {
 		"script"
 	].join(",");
 	return Array.from(e?.querySelectorAll(t) || []);
-}, Ze = (e) => {
-	if (Xe(e).forEach((t) => {
+}, Je = (e) => {
+	if (qe(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 Ge = (e, t) => {
 		}
 	}
 };
-function Qe(e, t, n = []) {
+function Ye(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 $e(e) {
-	return Qe(e, ["nodeType"], []) && e.nodeType === Node.ELEMENT_NODE;
+function Xe(e) {
+	return Ye(e, ["nodeType"], []) && e.nodeType === Node.ELEMENT_NODE;
 }
-function et(e, t) {
-	return $e(e) && e.tagName.toLowerCase() === t.toLowerCase();
+function Ze(e, t) {
+	return Xe(e) && e.tagName.toLowerCase() === t.toLowerCase();
 }
-function tt(e) {
-	return Qe(e, [
+function Qe(e) {
+	return Ye(e, [
 		"startContainer",
 		"endContainer",
 		"startOffset",
@@ -174,28 +174,28 @@ function tt(e) {
 		"selectNodeContents"
 	]);
 }
-var nt = (e, t, n, r) => {
+var $e = (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), () => {
-		rt(e, t);
+		et(e, t);
 	};
-}, rt = (e, t) => {
+}, et = (e, t) => {
 	if (e?.head) {
 		let n = e.getElementById(t);
 		n && n.remove();
 	}
-}, it = (e, t) => {
+}, tt = (e, t) => {
 	let n = RegExp(`${t}\\s*=\\s*([^,\\s]+)`, "i");
 	return e.match(n)?.[1]?.trim().toLowerCase();
-}, at = (e, t) => {
-	let n = it(e, t);
+}, nt = (e, t) => {
+	let n = tt(e, t);
 	if (!n) return 0;
 	let r = Number.parseFloat(n);
 	return Number.isFinite(r) ? r : 0;
-}, ot = (e, t, n, r) => {
-	e?.contentDocument?.head && nt(e.contentDocument, t, n, r);
-}, st = (e, t) => {
-	e?.contentDocument && rt(e.contentDocument, t);
+}, rt = (e, t, n, r) => {
+	e?.contentDocument?.head && $e(e.contentDocument, t, n, r);
+}, it = (e, t) => {
+	e?.contentDocument && et(e.contentDocument, t);
 }, H = (e, t, n, r) => {
 	if (!e) return;
 	let i = e?.contentDocument?.getElementById(t);
@@ -203,14 +203,14 @@ var nt = (e, t, n, r) => {
 		i.textContent !== n && (i.textContent = n);
 		return;
 	}
-	ot(e, t, n, r);
-}, ct = (e) => {
+	rt(e, t, n, r);
+}, at = (e) => {
 	if (e?.contentDocument) {
 		let t = e.contentDocument.querySelector("meta[name='viewport']");
 		if (t) {
 			let e = t.getAttribute("content");
 			if (e) {
-				let t = it(e, "width"), n = it(e, "height"), r = at(e, "width"), i = at(e, "height");
+				let t = tt(e, "width"), n = tt(e, "height"), r = nt(e, "width"), i = nt(e, "height");
 				return r > 0 && i > 0 ? {
 					hasViewport: !0,
 					widthToken: t,
@@ -226,13 +226,13 @@ var nt = (e, t, n, r) => {
 		}
 	}
 	return { hasViewport: !1 };
-}, lt = (e) => e.pipe(A((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? E(e) : C(e, "load").pipe(ge(1), w(() => e)))), ut = (e) => e.pipe(A((e) => {
+}, ot = (e) => e.pipe(j((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? D(e) : C(e, "load").pipe(me(1), w(() => e)))), st = (e) => e.pipe(j((e) => {
 	let t = e?.contentDocument?.fonts.ready;
-	return t ? S(t).pipe(w(() => e)) : E(e);
-})), dt = (e) => (t) => {
+	return t ? S(t).pipe(w(() => e)) : D(e);
+})), ct = (e) => (t) => {
 	let n = e(t), r = new IntersectionObserver((e) => {
 		e.forEach((e) => {
-			e.isIntersecting ? Re(e.target, "tab-index") : z(e.target, "tab-index", "-1");
+			e.isIntersecting ? Fe(e.target, "tab-index") : z(e.target, "tab-index", "-1");
 		});
 	}, {}), i = /* @__PURE__ */ new Map();
 	return n.hookManager.register("item.onDocumentLoad", async ({ itemId: e }) => {
@@ -250,12 +250,12 @@ var nt = (e, t, n, r) => {
 				r.unobserve(e);
 			});
 		});
-	}), n.hookManager.register("item.onDocumentUnload", async ({ itemId: e }) => {
+	}), n.hookManager.register("item.onDocumentUnload", ({ itemId: e }) => {
 		i.get(e)?.(), i.delete(e);
 	}), { ...n };
-}, ft = (e) => (t) => {
+}, lt = (e) => (t) => {
 	let n = e(t);
-	return n.context.watch("rootElement").pipe(j(n.context.destroy$)).subscribe((e) => {
+	return n.context.watch("rootElement").pipe(M(n.context.destroy$)).subscribe((e) => {
 		e && e.addEventListener("scroll", () => {
 			n.settings.values.computedPageTurnMode === "controlled" && e.scrollTo(0, 0);
 		});
@@ -263,19 +263,19 @@ var nt = (e, t, n, r) => {
 		let t = n.spineItemsManager.get(e)?.renderer.getDocumentFrame();
 		t && t.contentDocument?.body && z(t.contentDocument.body, "tabindex", "-1");
 	}), n;
-}, pt = ({ position: e, frameElement: t }) => {
+}, ut = ({ 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
 	};
-}, mt = (e, t, n, r) => {
+}, dt = (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 || !(o instanceof HTMLIFrameElement)) return e;
-	if (Ke(e)) {
-		let { clientX: n, clientY: r } = pt({
+	if (Ue(e)) {
+		let { clientX: n, clientY: r } = ut({
 			position: e,
 			frameElement: o,
 			pageHeight: s,
@@ -291,8 +291,8 @@ var nt = (e, t, n, r) => {
 			enumerable: !0
 		}), i;
 	}
-	if (qe(e)) {
-		let { clientX: n, clientY: r } = pt({
+	if (We(e)) {
+		let { clientX: n, clientY: r } = ut({
 			position: e,
 			frameElement: o,
 			pageHeight: s,
@@ -307,9 +307,9 @@ var nt = (e, t, n, r) => {
 			enumerable: !0
 		}), i;
 	}
-	if (Je(e)) {
+	if (Ge(e)) {
 		let n = Array.from(e.touches).map((e) => {
-			let { clientX: t, clientY: n } = pt({
+			let { clientX: t, clientY: n } = ut({
 				position: e,
 				frameElement: o,
 				pageHeight: s,
@@ -332,7 +332,7 @@ var nt = (e, t, n, r) => {
 		}), r;
 	}
 	return e;
-}, ht = [
+}, ft = [
 	"pointercancel",
 	"pointerdown",
 	"pointerenter",
@@ -341,17 +341,17 @@ var nt = (e, t, n, r) => {
 	"pointerout",
 	"pointerover",
 	"pointerup"
-], gt = (e) => (t) => {
+], pt = (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 = ht.map((e) => {
+		let a = ft.map((e) => {
 			let t = (e) => {
 				let t = e;
-				if (Ke(e) && (t = new PointerEvent(e.type, e)), t !== e) {
-					let r = mt(t, e, n.spine.locator, n.viewport);
+				if (Ue(e) && (t = new PointerEvent(e.type, e)), t !== e) {
+					let r = dt(t, e, n.spine.locator, n.viewport);
 					n.context.value.rootElement?.dispatchEvent(r);
 				}
 			};
@@ -364,21 +364,21 @@ var nt = (e, t, n, r) => {
 				e();
 			});
 		});
-	}), n.hookManager.register("item.onDocumentUnload", async ({ itemId: e }) => {
+	}), n.hookManager.register("item.onDocumentUnload", ({ itemId: e }) => {
 		r.get(e)?.(), r.delete(e);
 	}), n;
-}, _t = (e) => {
+}, mt = (e) => {
 	let t = new FileReader();
 	return new Promise((n) => {
 		t.addEventListener("load", () => {
 			n(t.result);
 		}, !1), t.readAsDataURL(e);
 	});
-}, vt = (e, t) => Object.entries(e).reduce((e, [n, r]) => t.includes(n) ? {
+}, ht = (e, t) => Object.entries(e).reduce((e, [n, r]) => t.includes(n) ? {
 	...e,
 	[n]: r
-} : e, {}), yt = (e) => P((t) => vt(t, e)), bt = (e) => (t) => t.pipe(yt(e), Se(o));
-function xt(e) {
+} : e, {}), gt = (e) => Se((t) => ht(t, e)), _t = (e) => (t) => t.pipe(gt(e), ye(o));
+function vt(e) {
 	return new f((t) => {
 		let n = new ResizeObserver((e) => {
 			t.next(e);
@@ -388,13 +388,13 @@ function xt(e) {
 		};
 	});
 }
-var St = (e) => (t) => t.pipe(F((t) => e.pipe(we(), P(() => t)))), Ct = (e) => {
+var yt = (e) => (t) => t.pipe(F((t) => e.pipe(xe(), Se(() => t)))), bt = (e) => {
 	let t, n = e.subscribe((e) => {
 		t = { result: e };
 	});
-	return () => (n.unsubscribe(), t ? E(t.result) : e);
+	return () => (n.unsubscribe(), t ? D(t.result) : e);
 };
-function wt() {
+function xt() {
 	return new f((e) => {
 		if (window.requestIdleCallback) {
 			let t = window.requestIdleCallback(() => {
@@ -408,16 +408,16 @@ function wt() {
 		return () => clearTimeout(t);
 	});
 }
-function Tt(e) {
-	return ie(() => wt().pipe(F(e)));
+function St(e) {
+	return ie(() => xt().pipe(F(e)));
 }
-var Et = (e, t) => new f((n) => {
+var Ct = (e, t) => new f((n) => {
 	let r = new MutationObserver((e) => {
 		n.next(e);
 	});
 	return r.observe(e, t), () => r.disconnect();
 });
-function Dt(e, t) {
+function wt(e, t) {
 	return new f((n) => {
 		let r = new IntersectionObserver((e) => {
 			n.next(e);
@@ -429,14 +429,14 @@ function Dt(e, t) {
 }
 //#endregion
 //#region src/settings/SettingsManagerOverload.ts
-var Ot = class {
+var Tt = 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(Ae(this.outputSettings))]).pipe(P(([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(De(this.outputSettings))]).pipe(Se(([e, t]) => ({
 			...e,
 			...t
-		})), Oe(1)), this.values$.subscribe();
+		})), Te(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 Ot = class {
 		};
 	}
 	watch(e) {
-		return Array.isArray(e) ? this.values$.pipe(bt(e)) : this.values$.pipe(P((t) => t[e]), Se(o));
+		return Array.isArray(e) ? this.values$.pipe(_t(e)) : this.values$.pipe(Se((t) => t[e]), ye(o));
 	}
 	destroy() {
 		this.outputSettingsUpdateSubject.complete();
 	}
-}, kt = class extends Ot {
+}, Et = class extends Tt {
 	computeOutputSettings(e) {
 		return e;
 	}
@@ -483,8 +483,8 @@ var Ot = class {
 			fontJustification: "publisher"
 		};
 	}
-}, At = (e) => (t) => {
-	let { fontScale: n, lineHeight: r, fontWeight: i, fontJustification: a } = t, o = new m(), s = e(t), c = new kt({
+}, Dt = (e) => (t) => {
+	let { fontScale: n, lineHeight: r, fontWeight: i, fontJustification: a } = t, o = new m(), s = e(t), c = new Et({
 		fontScale: n,
 		lineHeight: r,
 		fontWeight: i,
@@ -504,21 +504,21 @@ var Ot = class {
 			let e = t?.renderer.getDocumentFrame();
 			e && H(e, "prose-reader-fonts", l());
 		}
-	}), c.values$.pipe((e) => e.pipe(Ee(), w(([e, t]) => t.fontScale !== e.fontScale || t.lineHeight !== e.lineHeight)), L((e) => {
+	}), c.values$.pipe((e) => e.pipe(Ce(), w(([e, t]) => t.fontScale !== e.fontScale || t.lineHeight !== e.lineHeight)), L((e) => {
 		s.spineItemsManager.items.forEach((e) => {
 			if (e.renditionLayout !== "pre-paginated") {
 				let t = e.renderer.getDocumentFrame();
 				t && H(t, "prose-reader-fonts", l());
 			}
 		}), e && s.layout();
-	}), j(s.$.destroy$)).subscribe(), {
+	}), M(s.$.destroy$)).subscribe(), {
 		...s,
 		destroy: () => {
 			o.complete(), c.destroy(), s.destroy();
 		},
 		settings: c
 	};
-}, jt = (e) => (t) => {
+}, Ot = (e) => (t) => {
 	let n = e(t), r = (e) => C(e, "keyup").pipe(w((e) => {
 		let { pageTurnDirection: t, computedPageTurnMode: r } = n.settings.values;
 		if (r === "scrollable") return e;
@@ -532,18 +532,18 @@ var Ot = class {
 		}
 		return e;
 	}));
-	return r(document).pipe(j(n.$.destroy$)).subscribe(), n.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.watch("isLoaded").pipe(A(() => {
+	return r(document).pipe(M(n.$.destroy$)).subscribe(), n.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.watch("isLoaded").pipe(j(() => {
 		let t = e.renderer.getDocumentFrame();
 		return t instanceof HTMLIFrameElement && t?.contentDocument ? r(t.contentDocument) : u;
-	}))))), j(n.$.destroy$)).subscribe(), n;
-}, Mt = (e) => e.spine.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.watch("isLoaded").pipe(A(() => {
+	}))))), M(n.$.destroy$)).subscribe(), n;
+}, kt = (e) => e.spine.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.watch("isLoaded").pipe(j(() => {
 	let t = e.renderer.getDocumentFrame();
 	return t?.contentDocument ? T(...Array.from(t.contentDocument.querySelectorAll("a")).map((e) => C(e, "click"))) : d;
-}))))), M((e) => {
+}))))), N((e) => {
 	e.preventDefault();
-}), D()), U = class extends f {
+}), O()), U = class extends f {
 	constructor(e) {
-		super((e) => this.stateSubject.pipe(j(this._destroy$)).subscribe(e)), this._destroy$ = new m(), this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new l(e), this.state$ = this.stateSubject.asObservable();
+		super((e) => this.stateSubject.pipe(M(this._destroy$)).subscribe(e)), this._destroy$ = new m(), this.isDestroyed = !1, this.destroy$ = this._destroy$.asObservable(), this.stateSubject = new l(e), this.state$ = this.stateSubject.asObservable();
 	}
 	next(e) {
 		this.stateSubject.next(e);
@@ -556,15 +556,15 @@ var Ot = class {
 		o(this.value, t) || this.stateSubject.next(t);
 	}
 	watch(e) {
-		return Array.isArray(e) ? this.stateSubject.pipe(bt(e)) : this.stateSubject.pipe(w((t) => t[e]), y(o));
+		return Array.isArray(e) ? this.stateSubject.pipe(_t(e)) : this.stateSubject.pipe(w((t) => t[e]), y(o));
 	}
 	get value() {
 		return this.stateSubject.value;
 	}
 	destroy() {
-		this.stateSubject.complete(), this._destroy$.complete();
+		this.isDestroyed || (this.isDestroyed = !0, this.stateSubject.complete(), this._destroy$.next(), this._destroy$.complete());
 	}
-}, Nt = class e extends U {
+}, At = class e extends U {
 	static {
 		this.DOCUMENT_CONTAINER_CLASS_NAME = "prose-reader-document-container";
 	}
@@ -575,13 +575,13 @@ var Ot = class {
 			documentContainer: void 0
 		}), this.triggerSubject = new m(), this.context = e.context, this.settings = e.settings, this.hookManager = e.hookManager, this.item = e.item, this.containerElement = e.containerElement, this.resourcesHandler = e.resourcesHandler, this.viewport = e.viewport;
 		let t = this.triggerSubject.pipe(b((e) => e.type === "unload")), n = this.triggerSubject.pipe(b((e) => e.type === "load"));
-		this.loaded$ = n.pipe(fe(() => this.value.state === "loaded" || this.value.state === "loading" ? u : (this.mergeCompare({
+		this.loaded$ = n.pipe(E(() => this.value.state === "loaded" || this.value.state === "loading" ? u : (this.mergeCompare({
 			state: "loading",
 			error: void 0
-		}), this.onCreateDocument().pipe(x()).pipe(fe((e) => (this.hookManager.execute("item.onDocumentCreated", {
+		}), this.onCreateDocument().pipe(x()).pipe(E((e) => (this.hookManager.execute("item.onDocumentCreated", {
 			itemId: this.item.id,
 			documentContainer: e
-		}), this.onLoadDocument().pipe(oe(null), x()).pipe(St(this.context.bridgeEvent.viewportFree$), A(() => this.hookManager.fromExecuteAsync("item.onDocumentLoad", this.item.id, {
+		}), this.onLoadDocument().pipe(oe(null), x()).pipe(yt(this.context.bridgeEvent.viewportFree$), j(() => this.hookManager.fromExecuteAsync("item.onDocumentLoad", this.item.id, {
 			itemId: this.item.id,
 			documentContainer: e
 		}))))), w(() => {
@@ -589,24 +589,32 @@ var Ot = class {
 				state: "loaded",
 				error: void 0
 			});
-		}), j(t)))), D()), this.unloaded$ = t.pipe(fe(() => this.value.state === "unloading" || this.value.state === "idle" ? u : (this.mergeCompare({
+		}), M(t)))), O()), this.unloaded$ = t.pipe(E(() => this.value.state === "unloading" || this.value.state === "idle" ? u : (this.mergeCompare({
 			state: "unloading",
 			error: void 0
-		}), this.context.bridgeEvent.viewportFree$.pipe(x(), A(() => {
+		}), this.context.bridgeEvent.viewportFree$.pipe(x(), w(() => {
 			let e = this.value.documentContainer;
-			return S(e ? this.hookManager.executeAsync("item.onDocumentUnload", this.item.id, {
-				itemId: this.item.id,
-				documentContainer: e
-			}).then(() => null) : Promise.resolve(null)).pipe(A(() => this.onUnload()), oe(null), x(), _((e) => (R.error("Error unloading document", e), E(null))));
-		}), w(() => {
+			if (e) try {
+				this.hookManager.execute("item.onDocumentUnload", {
+					itemId: this.item.id,
+					documentContainer: e
+				});
+			} catch (e) {
+				R.error("Error unloading document", e);
+			}
+			try {
+				this.onUnload();
+			} catch (e) {
+				R.error("Error unloading document", e);
+			}
 			this.mergeCompare({
 				state: "idle",
 				error: void 0
 			});
-		}), j(n)))), D()), T(this.loaded$, this.unloaded$).pipe(_((e) => (this.mergeCompare({
+		}), M(n)))), O()), T(this.loaded$, this.unloaded$).pipe(_((e) => (this.mergeCompare({
 			state: "error",
 			error: e
-		}), u)), j(this.destroy$)).subscribe();
+		}), u)), M(this.destroy$)).subscribe();
 	}
 	setDocumentContainer(t) {
 		t.classList.add(e.DOCUMENT_CONTAINER_CLASS_NAME), this.mergeCompare({ documentContainer: t });
@@ -637,13 +645,30 @@ var Ot = class {
 			};
 		}), ce(() => {
 			e.complete();
-		}), _((e) => (R.error(e), E(void 0))));
+		}), _((e) => (R.error(e), D(void 0))));
 	}
 	layout(e) {
 		return this.onLayout(e);
 	}
 	destroy() {
-		this.unload(), this.stateSubject.complete(), super.destroy();
+		if (this.isDestroyed) return;
+		let e = this.value.documentContainer;
+		if (e) {
+			try {
+				this.hookManager.execute("item.onDocumentUnload", {
+					itemId: this.item.id,
+					documentContainer: e
+				});
+			} catch (e) {
+				R.error("Error while executing unload hooks on destroy", e);
+			}
+			try {
+				this.onUnload();
+			} catch (e) {
+				R.error("Error while unloading document on destroy", e);
+			}
+		}
+		super.destroy();
 	}
 	get documentContainer() {
 		return this.value.documentContainer;
@@ -655,26 +680,26 @@ var Ot = class {
 		if (e) return e;
 		let t = this.getDocumentFrame();
 		if (t) {
-			let { hasViewport: e } = ct(t);
+			let { hasViewport: e } = at(t);
 			if (e) return "pre-paginated";
 		}
-		return this.context.manifest?.renditionLayout ?? "reflowable";
+		return this.context.manifest.renditionLayout ?? "reflowable";
 	}
-}, Pt = (e) => new URL(e.href), Ft = class {
+}, jt = (e) => new URL(e.href), Mt = class {
 	constructor(e, t) {
 		this.item = e, this.settings = t;
 	}
 	async getResource() {
-		return await de(this.settings.values.getResource?.(this.item) ?? E(void 0)) ?? Pt(this.item);
+		return await ue(this.settings.values.getResource?.(this.item) ?? D(void 0)) ?? jt(this.item);
 	}
 	async fetchResource() {
 		let e = await this.getResource();
 		return e instanceof Response ? e : e instanceof URL ? fetch(e) : e;
 	}
-}, It = (e, t) => {
+}, Nt = (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;
-}, Lt = async (e, t, n, r, i) => {
+}, Pt = async (e, t, n, r, i) => {
 	if (!e?.defaultView) return;
 	let a = t.sheet;
 	if (a) try {
@@ -688,9 +713,9 @@ var Ot = 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 }) => `${It(n, o).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
+						let o = a[1] ?? "", s = r.manifest.items.find(({ href: e }) => `${Nt(n, o).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
 						if (s) {
-							let n = new Ft(s, i);
+							let n = new Mt(s, i);
 							try {
 								let r = await n.getResource();
 								if (r instanceof Response) {
@@ -710,31 +735,31 @@ var Ot = class {
 	} catch (e) {
 		console.error("Could not access stylesheet rules:", e);
 	}
-}, Rt = (e, t, n, r, i) => {
+}, Ft = (e, t, n, r, i) => {
 	let a = t.getAttribute("src") || t.getAttribute("href");
-	if (!a) return E(null);
-	let o = r.manifest?.items.find(({ href: e }) => `${It(n, a).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
-	return o ? S(new Ft(o, i).getResource()).pipe(fe((e) => e instanceof Response ? S(e.blob()) : E(void 0)), fe((a) => {
-		if (!a) return E(null);
+	if (!a) return D(null);
+	let o = r.manifest.items.find(({ href: e }) => `${Nt(n, a).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
+	return o ? S(new Mt(o, i).getResource()).pipe(E((e) => e instanceof Response ? S(e.blob()) : D(void 0)), E((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 Lt(e, t, n, r, i), a.next(), a.complete();
+					t.sheet && await Pt(e, t, n, r, i), a.next(), a.complete();
 				} catch (e) {
 					a.error(e);
 				}
 			}, t.onerror = a.error;
 		});
-		return E(null);
-	})) : E(null);
-}, zt = ({ settings: e, item: t, context: n }) => (r) => r.pipe(A((r) => {
-	let a = Xe(r.contentDocument), o = i(t.href), s = a.map((t) => Rt(r.contentDocument, t, o, n, e));
-	return s.length === 0 ? E(r) : v(s).pipe(w(() => r));
-})), Bt = (e) => {
-	Ze(e?.contentDocument);
-}, Vt = async (e, t) => {
+		return D(null);
+	})) : D(null);
+}, It = ({ settings: e, item: t, context: n }) => (r) => r.pipe(j((r) => {
+	let a = qe(r.contentDocument), o = i(t.href), s = a.map((t) => Ft(r.contentDocument, t, o, n, e));
+	return s.length === 0 ? D(r) : v(s).pipe(w(() => r));
+})), Lt = (e) => {
+	Je(e?.contentDocument);
+}, Rt = 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 ([
@@ -782,41 +807,41 @@ var Ot = class {
       `], { type: "text/html" });
 	}
 	return await e.blob();
-}, Ht = [
+}, zt = [
 	".txt",
 	".jpg",
 	".jpeg",
 	".png",
 	".webp"
-], Ut = [
+], Bt = [
 	"text/plain",
 	"image/jpg",
 	"image/jpeg",
 	"image/png",
 	"image/webp"
-], Wt = (e) => {
+], Vt = (e) => {
 	let t = e?.getAttribute("src");
 	t?.startsWith("blob:") && URL.revokeObjectURL(t);
-}, Gt = ({ item: e, resourcesHandler: t }) => {
+}, Ht = ({ item: e, resourcesHandler: t }) => {
 	let n = (e, t) => {
-		Wt(e);
+		Vt(e);
 		let n = URL.createObjectURL(t);
 		e.setAttribute("src", n);
 	};
-	return (r) => r.pipe(A((r) => S(t.getResource()).pipe(A((i) => {
-		let a = Ht.some((t) => e.href.endsWith(t)) || e.mediaType && Ut.includes(e.mediaType);
-		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Wt(r), r?.setAttribute("src", i.href), E(r)) : (i instanceof URL ? S(t.fetchResource()) : E(i)).pipe(A((t) => {
+	return (r) => r.pipe(j((r) => S(t.getResource()).pipe(j((i) => {
+		let a = zt.some((t) => e.href.endsWith(t)) || e.mediaType && Bt.includes(e.mediaType);
+		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Vt(r), r?.setAttribute("src", i.href), D(r)) : (i instanceof URL ? S(t.fetchResource()) : D(i)).pipe(j((t) => {
 			if (!(t instanceof Response)) throw Error("Invalid resource");
-			return Vt(t, e);
-		}), M((e) => {
+			return Rt(t, e);
+		}), N((e) => {
 			n(r, e);
-		}), w(() => r), _((t) => (R.error(`Error while trying to fetch or load resource for item ${e.id}`, i), R.error(t), E(r))));
+		}), w(() => r), _((t) => (R.error(`Error while trying to fetch or load resource for item ${e.id}`, i), R.error(t), D(r))));
 	}))));
-}, Kt = () => {
+}, Ut = () => {
 	let e = document.createElement("iframe");
 	return e.frameBorder = "no", e.tabIndex = 0, e.setAttribute("sandbox", "\n  allow-same-origin \n  allow-scripts \n  allow-top-navigation-to-custom-protocols\n"), e.style.cssText = "\n  overflow: hidden;\n  background-color: transparent;\n  border: 0px none transparent;\n  padding: 0px;\n", e.setAttribute("role", "main"), e;
-}, qt = "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%}", Jt = ({ pageHeight: e, pageWidth: t, frameElement: n }) => {
-	let r = ct(n), i = r.width, a = r.height;
+}, Wt = "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%}", Gt = ({ pageHeight: e, pageWidth: t, frameElement: n }) => {
+	let r = at(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,
@@ -831,17 +856,17 @@ var Ot = class {
 			viewportDimensions: o
 		};
 	}
-}, Yt = /* @__PURE__ */ new WeakMap(), W = (e, t, n) => {
+}, Kt = /* @__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);
-}, Xt = (e, t) => {
+}, qt = (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);
-}, Zt = (e, t, n) => {
+}, Jt = (e, t, n) => {
 	let r = e.contentDocument?.documentElement;
 	r && r.getAttribute(t) !== n && r.setAttribute(t, n);
-}, Qt = ({ hasViewportDimensions: e, viewportWidth: t, viewportHeight: n, computedScale: r, spreadPosition: i, blankPagePosition: a, isRTL: o, pageWidth: s, pageHeight: c }) => [
+}, Yt = ({ hasViewportDimensions: e, viewportWidth: t, viewportHeight: n, computedScale: r, spreadPosition: i, blankPagePosition: a, isRTL: o, pageWidth: s, pageHeight: c }) => [
 	e ? "1" : "0",
 	t ?? "",
 	n ?? "",
@@ -851,7 +876,7 @@ var Ot = class {
 	o ? "1" : "0",
 	s,
 	c
-].join("|"), $t = ({ frameElement: e, viewportDimensions: t, computedScale: n, spreadPosition: r, blankPagePosition: i, isRTL: a, pageWidth: o }) => {
+].join("|"), Xt = ({ 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";
@@ -859,14 +884,14 @@ var Ot = 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"));
-}, en = ({ minPageSpread: e, blankPagePosition: t, spreadPosition: n, pageHeight: r, pageWidth: i, frameElement: a, isRTL: o }) => {
+}, Zt = ({ 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 } = Jt({
+		let { viewportDimensions: e, computedScale: c = 1 } = Gt({
 			frameElement: a,
 			pageHeight: r,
 			pageWidth: i
-		}) ?? {}, l = !!e, u = i, d = r, f = Qt({
+		}) ?? {}, l = !!e, u = i, d = r, f = Yt({
 			hasViewportDimensions: l,
 			viewportWidth: e?.width,
 			viewportHeight: e?.height,
@@ -877,16 +902,16 @@ var Ot = class {
 			pageWidth: i,
 			pageHeight: r
 		});
-		return Yt.get(a) === f ? {
+		return Kt.get(a) === f ? {
 			width: s,
 			height: d
-		} : (Yt.set(a, f), Zt(a, "data-prose-reader-html-renderer-has-viewport-dimensions", l.toString()), e ? Xt(a, {
+		} : (Kt.set(a, f), Jt(a, "data-prose-reader-html-renderer-has-viewport-dimensions", l.toString()), e ? qt(a, {
 			width: e.width ?? 1,
 			height: e.height ?? 1
-		}) : Xt(a, {
+		}) : qt(a, {
 			width: u,
 			height: d
-		}), $t({
+		}), Xt({
 			frameElement: a,
 			viewportDimensions: e,
 			computedScale: c,
@@ -903,7 +928,7 @@ var Ot = class {
 		width: s,
 		height: r
 	};
-}, tn = () => "\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    ", nn = ({ isScrollable: e, enableTouch: t }) => `
+}, Qt = () => "\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    ", $t = ({ isScrollable: e, enableTouch: t }) => `
       
       html, body {
         width: 100%;
@@ -912,7 +937,7 @@ var Ot = 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      " : ""}
-    `, rn = ({ width: e, columnHeight: t, columnWidth: n }) => `
+    `, en = ({ width: e, columnHeight: t, columnWidth: n }) => `
       parsererror {
         display: none !important;
       }
@@ -976,48 +1001,48 @@ var Ot = class {
       td {
         max-width: ${n}px;
       }
-    `, an = ({ isUsingVerticalWriting: e, minimumWidth: t, pageHeight: n, pageWidth: r }) => {
+    `, tn = ({ 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
 	};
-}, on = (e, t) => {
+}, nn = (e, t) => {
 	B(e.style, "width", `${t.width}px`), B(e.style, "height", `${t.height}px`);
-}, sn = ({ 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;
+}, rn = ({ 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;
 	B(n.style, "width", `${t}px`), f ? V(n.style, "height") : B(n.style, "height", `${p}px`);
-	let { viewportDimensions: m, computedScale: h = 1 } = Jt({
+	let { viewportDimensions: m, computedScale: h = 1 } = Gt({
 		frameElement: n,
 		pageHeight: p,
 		pageWidth: t
-	}) ?? {}, g = r?.renditionLayout === "pre-paginated";
+	}) ?? {}, 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", tn()), on(n, {
+		if (m?.hasViewport) H(n, "prose-reader-html-renderer-framce-css", Qt()), nn(n, {
 			width: m.width ?? 1,
 			height: m.height ?? 1
 		}), B(n.style, "position", "absolute"), B(n.style, "top", "50%"), B(n.style, "left", s === "before" ? o ? "25%" : "75%" : s === "after" ? o ? "75%" : "25%" : "50%"), B(n.style, "transform", `translate(-50%, -50%) scale(${h})`), B(n.style, "transform-origin", "center center");
-		else if (H(n, "prose-reader-css", c ? nn({
+		else if (H(n, "prose-reader-css", c ? $t({
 			isScrollable: i === "scrolled-continuous",
 			enableTouch: l
-		}) : rn(an({
+		}) : en(tn({
 			isUsingVerticalWriting: u,
 			minimumWidth: d,
 			pageHeight: p,
 			pageWidth: t
-		})), !0), u) r = Math.ceil(n.contentDocument.documentElement.scrollHeight / p) * p, on(n, {
+		})), !0), u) r = Math.ceil(n.contentDocument.documentElement.scrollHeight / p) * p, nn(n, {
 			width: d,
 			height: r
 		});
-		else if (i === "scrolled-continuous") r = n.contentDocument.body.scrollHeight, on(n, {
+		else if (i === "scrolled-continuous") r = n.contentDocument.body.scrollHeight, nn(n, {
 			width: d,
 			height: r
 		});
 		else {
 			let i = Math.ceil(n.contentDocument.documentElement.scrollWidth / t);
-			e = g ? t : i * t, on(n, {
+			e = g ? t : i * t, nn(n, {
 				width: e,
 				height: r
 			});
@@ -1027,42 +1052,42 @@ var Ot = class {
 			height: r
 		};
 	}
-}, cn = class extends Nt {
+}, an = class extends At {
 	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/");
+		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 = Kt();
-		return this.setDocumentContainer(e), E(e);
+		let e = Ut();
+		return this.setDocumentContainer(e), D(e);
 	}
 	onLoadDocument() {
 		let e = this.getFrameElement();
 		if (!e) throw Error("invalid frame");
-		return E(e).pipe(Gt({
+		return D(e).pipe(Ht({
 			item: this.item,
 			resourcesHandler: this.resourcesHandler,
 			settings: this.settings
-		}), St(this.context.bridgeEvent.viewportFree$), M((e) => {
+		}), yt(this.context.bridgeEvent.viewportFree$), N((e) => {
 			this.prepareFrameForAttach(e), this.attach();
-		}), lt, M((e) => {
-			this.isPrePaginated() ? H(e, "prose-reader-css", qt) : this.isImageType();
-		}), zt({
+		}), ot, N((e) => {
+			this.isPrePaginated() ? H(e, "prose-reader-css", Wt) : this.isImageType();
+		}), It({
 			context: this.context,
 			item: this.item,
 			settings: this.settings
-		}), ut, M((e) => {
+		}), st, N((e) => {
 			this.revealFrameAfterReady(e);
 		}));
 	}
 	onUnload() {
 		let e = this.getFrameElement();
-		return Bt(e), Wt(e), this.detach(), u;
+		Lt(e), Vt(e), this.detach();
 	}
 	onLayout({ minPageSpread: e, blankPagePosition: t, spreadPosition: n }) {
 		let { width: r, height: i } = this.viewport.pageSize, a = this.getFrameElement();
-		if (!a) return E(void 0);
+		if (!a) return D(void 0);
 		let o = this.settings.values.computedPageTurnMode === "scrollable";
-		if (a.contentDocument?.documentElement && (z(a.contentDocument.documentElement, "data-prose-reader-html-renderer-spread-position", n), o ? a.contentDocument?.documentElement.classList.add("prose-reader-html-renderer-touch-enabled") : a.contentDocument?.documentElement.classList.remove("prose-reader-html-renderer-touch-enabled")), this.isPrePaginated()) return E(en({
+		if (a.contentDocument?.documentElement && (z(a.contentDocument.documentElement, "data-prose-reader-html-renderer-spread-position", n), o ? a.contentDocument?.documentElement.classList.add("prose-reader-html-renderer-touch-enabled") : a.contentDocument?.documentElement.classList.remove("prose-reader-html-renderer-touch-enabled")), this.isPrePaginated()) return D(Zt({
 			blankPagePosition: t,
 			frameElement: a,
 			isRTL: this.context.isRTL(),
@@ -1072,12 +1097,12 @@ var Ot = class {
 			spreadPosition: n
 		}));
 		let s = !!this.writingMode?.startsWith("vertical"), c = this.isImageType();
-		return E(sn({
+		return D(rn({
 			pageHeight: i,
 			pageWidth: r,
 			frameElement: a,
 			manifest: this.context.manifest,
-			renditionFlow: this.item.renditionFlow ?? this.context.manifest?.renditionFlow,
+			renditionFlow: this.item.renditionFlow ?? this.context.manifest.renditionFlow,
 			blankPagePosition: t,
 			isUsingVerticalWriting: s,
 			isRTL: this.context.isRTL(),
@@ -1087,7 +1112,7 @@ var Ot = class {
 		}));
 	}
 	onRenderHeadless() {
-		return S(this.resourcesHandler.fetchResource()).pipe(A((e) => {
+		return S(this.resourcesHandler.fetchResource()).pipe(j((e) => {
 			if (e instanceof Response) {
 				let t = e.headers.get("content-type") ?? "";
 				if ([
@@ -1097,7 +1122,7 @@ var Ot = class {
 					"text/xml"
 				].includes(t)) return S(e.text()).pipe(w((e) => new DOMParser().parseFromString(e, t)));
 			}
-			return E(void 0);
+			return D(void 0);
 		}));
 	}
 	getFrameElement() {
@@ -1130,14 +1155,14 @@ var Ot = class {
 	getDocumentFrame() {
 		return this.getFrameElement();
 	}
-}, ln = (e) => (t) => {
+}, on = (e) => (t) => {
 	let n = e({
 		...t,
 		getRenderer(e) {
-			return t.getRenderer?.(e) ?? ((e) => new cn(e));
+			return t.getRenderer?.(e) ?? ((e) => new an(e));
 		}
-	}), r = Mt(n);
-	return r.pipe(j(n.$.destroy$)).subscribe(), {
+	}), r = kt(n);
+	return r.pipe(M(n.$.destroy$)).subscribe(), {
 		...n,
 		links$: r
 	};
@@ -1149,7 +1174,7 @@ function K(e) {
 }
 //#endregion
 //#region src/spineItem/types.ts
-var un = class {
+var sn = 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;
 	}
@@ -1157,73 +1182,73 @@ var un = class {
 	constructor(e) {
 		this.__symbol = Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
 	}
-}, dn = class {
+}, cn = class {
 	constructor(e) {
 		this.__symbol = Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
 	}
-}, fn = class extends un {
+}, ln = class extends sn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemPageLayout";
 	}
-}, pn = class extends un {
+}, un = class extends sn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemSpineLayout";
 	}
-}, mn = class extends un {
+}, dn = class extends sn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemPageSpineLayout";
 	}
-}, hn = class {
+}, fn = class {
 	constructor(e) {
 		this.x = e.x, this.y = e.y;
 	}
-}, J = class e extends hn {
+}, J = class e extends fn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpinePosition";
 	}
 	static from(t) {
 		return new e(t);
 	}
-}, Y = class e extends hn {
+}, Y = class e extends fn {
 	constructor(...e) {
 		super(...e), this.__symbol = "UnboundSpinePosition";
 	}
 	static from(t) {
 		return new e(t);
 	}
-}, gn = (e, t) => {
+}, pn = (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
 	};
-}, _n = (e, t) => new Y(gn(e, t)), vn = (e) => ({ getSpinePositionFromClientPosition: (t) => e.spine.element ? _n(t, e.spine.element) : void 0 }), yn = (e) => {
+}, mn = (e, t) => new Y(pn(e, t)), hn = (e) => ({ getSpinePositionFromClientPosition: (t) => e.spine.element ? mn(t, e.spine.element) : void 0 }), gn = (e) => {
 	let t, n = e.context.watch("rootElement").pipe(F((e) => e ? new f(() => (t = e.ownerDocument.createElement("div"), t.style.cssText = "\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        visibility: hidden;\n      ", e.appendChild(t), () => {
 		t?.remove(), t = void 0;
-	})) : d)), r = (e) => pe(e, h).pipe(L(() => {
+	})) : d)), r = (e) => de(e, h).pipe(L(() => {
 		t && B(t.style, "visibility", "hidden");
 	})), i = e.context.bridgeEvent.viewportBusy$.pipe(L(() => {
 		t && B(t.style, "visibility", "visible");
-	})), a = r(e.viewportFree$).pipe(je(1));
-	return T(n, e.settings.values$.pipe(P(() => e.settings.values.computedPageTurnMode), Se()).pipe(F((e) => e === "controlled" ? i.pipe(F(() => a)) : r(E(void 0))), I(e.$.destroy$)));
-}, bn = "@prose-reader/core", xn = 0, Sn = 200, X = "prose-reader", Cn = `${X}-style`, wn = `data-${X}-id`, Tn = `${X}-viewport`, En = `${X}-scroll-navigator`, Dn = `${X}-spine-item`, On = `--${X}-absolute-viewport-width`, kn = `--${X}-absolute-viewport-height`, An = `${X}-enhancer-loading`, jn = `${An}-container`, Mn = `${An}-logo`, Nn = `${An}-details`, Pn = ({ container: e, item: t }) => {
+	})), a = r(e.viewportFree$).pipe(Oe(1));
+	return T(n, e.settings.values$.pipe(Se(() => e.settings.values.computedPageTurnMode), ye()).pipe(F((e) => e === "controlled" ? i.pipe(F(() => a)) : r(D(void 0))), I(e.$.destroy$)));
+}, _n = "@prose-reader/core", vn = 0, yn = 200, X = "prose-reader", bn = `${X}-style`, xn = `data-${X}-id`, Sn = `${X}-viewport`, Cn = `${X}-scroll-navigator`, wn = `${X}-spine-item`, Tn = `--${X}-absolute-viewport-width`, En = `--${X}-absolute-viewport-height`, Dn = `${X}-enhancer-loading`, On = `${Dn}-container`, kn = `${Dn}-logo`, An = `${Dn}-details`, jn = ({ container: e, item: t }) => {
 	let n = e.ownerDocument.createElement("div");
-	n.classList.add(jn);
+	n.classList.add(On);
 	let r = n.ownerDocument.createElement("div");
-	r.classList.add(Mn), r.innerText = "prose";
+	r.classList.add(kn), r.innerText = "prose";
 	let i = n.ownerDocument.createElement("div");
-	return i.classList.add(Nn), i.setAttribute("data-details-element", "true"), i.innerText = `loading ${t.id}`, n.appendChild(r), n.appendChild(i), n;
-}, Fn = (e) => e === "sepia" ? "#939393" : "rgb(202, 202, 202)", In = ({ loadingElement: e, theme: t }) => {
-	B(e.style, "color", Fn(t));
-}, Ln = (e) => {
+	return i.classList.add(An), i.setAttribute("data-details-element", "true"), i.innerText = `loading ${t.id}`, n.appendChild(r), n.appendChild(i), n;
+}, Mn = (e) => e === "sepia" ? "#939393" : "rgb(202, 202, 202)", Nn = ({ loadingElement: e, theme: t }) => {
+	B(e.style, "color", Mn(t));
+}, Pn = (e) => {
 	let t = /* @__PURE__ */ new WeakMap();
 	return e.hookManager.register("item.onBeforeContainerAttach", ({ element: n, item: r }) => {
 		B(n.style, "z-index", "0");
-		let i = Pn({
+		let i = jn({
 			container: n,
 			item: r
 		});
-		In({
+		Nn({
 			loadingElement: i,
 			theme: e.theme.get()
 		}), t.set(n, i), n.appendChild(i);
@@ -1232,31 +1257,31 @@ var un = class {
 		let i = t.get(e.containerElement);
 		if (!i) return;
 		let a = i.querySelector("[data-details-element]");
-		a instanceof HTMLElement && ze(a, "innerText", r?.toString() ?? "Unknown error");
+		a instanceof HTMLElement && Ie(a, "innerText", r?.toString() ?? "Unknown error");
 	})), e.theme.$.theme$.pipe(L((n) => {
 		for (let r of e.spineItemsManager.items) {
 			let e = t.get(r.containerElement);
-			e && In({
+			e && Nn({
 				loadingElement: e,
 				theme: n
 			});
 		}
 	})));
-}, Rn = (e) => {
+}, Fn = (e) => {
 	e.hookManager.register("item.onDocumentLoad", async ({ itemId: t }) => {
 		let n = e.spineItemsManager.get(t)?.renderer.getDocumentFrame();
 		n && z(n, "scrolling", "no");
 	});
-}, zn = (e) => {
+}, In = (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" || !(a instanceof HTMLIFrameElement)) return;
-		let { hasViewport: o } = ct(a), { width: s } = e.viewport.pageSize, c = i?.renderer.getDocumentFrame();
+		let { hasViewport: o } = at(a), { width: s } = e.viewport.pageSize, c = i?.renderer.getDocumentFrame();
 		o && n === "none" && s < r && c instanceof HTMLIFrameElement && B(c.style, "left", e.context.isRTL() ? "75%" : "25%");
 	});
-}, Bn = (e) => e.spineItemsObserver.states$.pipe(M(({ item: e, isReady: t, isDirty: n }) => {
+}, Ln = (e) => e.spineItemsObserver.states$.pipe(N(({ item: e, isReady: t, isDirty: n }) => {
 	e.containerElement.dataset.isDirty = n.toString(), e.containerElement.dataset.isReady = t.toString();
-})), Vn = class extends Ot {
+})), Rn = class extends Tt {
 	computeOutputSettings(e) {
 		return e;
 	}
@@ -1275,20 +1300,20 @@ var un = class {
 			layoutLayerTransition: !0
 		};
 	}
-}, Hn = ({ manifest: e, spreadMode: t }) => e?.renditionFlow !== "scrolled-continuous" && t, Un = (e) => e === void 0 || e === "auto" || e === "landscape" || e === "both", Wn = ({ manifest: e, viewport: t }) => {
+}, zn = ({ manifest: e, spreadMode: t }) => e.renditionFlow !== "scrolled-continuous" && t, Bn = (e) => e === void 0 || e === "auto" || e === "landscape" || e === "both", Vn = ({ manifest: e, viewport: t }) => {
 	let n = t.width > t.height;
-	return !!(!n && e?.renditionSpread === "portrait" || n && Un(e?.renditionSpread));
-}, Gn = ({ manifest: e, viewport: t }) => Hn({
+	return !!(!n && e.renditionSpread === "portrait" || n && Bn(e.renditionSpread));
+}, Hn = ({ manifest: e, viewport: t }) => zn({
 	manifest: e,
-	spreadMode: Wn({
+	spreadMode: Vn({
 		manifest: e,
 		viewport: t
 	})
-}), Kn = (e) => v([e.viewport.watch(["width", "height"]), e.context.watch("manifest")]).pipe(M(([t, n]) => e.settings.update({ spreadMode: Wn({
+}), Un = (e) => v([e.viewport.watch(["width", "height"]), e.context.watch("manifest")]).pipe(N(([t, n]) => e.settings.update({ spreadMode: Vn({
 	manifest: n,
 	viewport: t
-}) }))), qn = (e) => (t) => {
-	let { pageHorizontalMargin: r, pageVerticalMargin: i, layoutAutoResize: a, layoutLayerTransition: o } = t, s = e(t), c = new Vn({
+}) }))), Wn = (e) => (t) => {
+	let { pageHorizontalMargin: r, pageVerticalMargin: i, layoutAutoResize: a, layoutLayerTransition: o } = t, s = e(t), c = new Rn({
 		pageHorizontalMargin: r,
 		pageVerticalMargin: i,
 		layoutAutoResize: a,
@@ -1328,26 +1353,26 @@ var un = class {
               }
             `);
 		}
-	}), zn(s), Rn(s), s.hookManager.register("item.onDocumentCreated", ({ documentContainer: e }) => {
+	}), In(s), Fn(s), s.hookManager.register("item.onDocumentCreated", ({ documentContainer: e }) => {
 		B(e.style, "opacity", "0"), c.values.layoutLayerTransition && B(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 && z(t, "tab-index", "0");
 	});
-	let l = s.spineItemsObserver.states$.pipe(Ce(({ isReady: e }) => e), L(({ item: e }) => {
+	let l = s.spineItemsObserver.states$.pipe(be(({ isReady: e }) => e), L(({ item: e }) => {
 		let t = e.renderer.documentContainer;
 		t && B(t.style, "opacity", "1");
-	})), u = c.values$.pipe(Ce(({ layoutAutoResize: e }) => e === "container"), F(() => s.context.watch("rootElement")), Ce(K), F((e) => xt(e)), xe(100), Ce(K), L(() => {
+	})), u = c.values$.pipe(be(({ layoutAutoResize: e }) => e === "container"), F(() => s.context.watch("rootElement")), be(K), F((e) => vt(e)), ve(100), be(K), L(() => {
 		s?.layout();
-	})), d = yn(s);
-	c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(ke(1), L(() => {
+	})), d = gn(s);
+	c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(Ee(1), L(() => {
 		s.layout();
 	}), I(s.$.destroy$)).subscribe();
-	let f = s.spine.pages.pipe(Oe({
+	let f = s.spine.pages.pipe(Te({
 		refCount: !0,
 		bufferSize: 1
 	}));
-	return T(l, d, u, f, Bn(s), Kn(s), Ln(s)).pipe(I(s.$.destroy$)).subscribe(), {
+	return T(l, d, u, f, Ln(s), Un(s), Pn(s)).pipe(I(s.$.destroy$)).subscribe(), {
 		...s,
 		destroy: () => {
 			c.destroy(), s.destroy();
@@ -1355,9 +1380,9 @@ var un = class {
 		settings: c,
 		layout$: s.spine.layout$,
 		layoutInfo$: f,
-		coordinates: vn(s)
+		coordinates: hn(s)
 	};
-}, Jn = (e) => (t) => {
+}, Gn = (e) => (t) => {
 	let n = e(t), r = new IntersectionObserver((e) => {
 		e.forEach((e) => {
 			let t = e.target, n = Array.from(t.contentDocument?.body.getElementsByTagName("audio") || []);
@@ -1386,7 +1411,7 @@ var un = class {
 				e();
 			});
 		});
-	}), n.hookManager.register("item.onDocumentUnload", async ({ itemId: e }) => {
+	}), n.hookManager.register("item.onDocumentUnload", ({ itemId: e }) => {
 		a.get(e)?.(), a.delete(e);
 	});
 	let o = () => {
@@ -1396,14 +1421,14 @@ var un = class {
 		...n,
 		destroy: o
 	};
-}, Yn = (e) => (t) => t.pipe(A((t) => e.pipe(b((e) => e === "free"), x(), w(() => t)))), Xn = ({ navigation$: e, navigationState$: t }) => e.pipe(Yn(t)), Zn = (e) => Xn(e).pipe(me(1)), Qn = (e) => (t) => t.pipe(j(Zn(e))), $n = (e) => e.navigation.navigation$.pipe(b((e) => e.triggeredBy === "user"), Yn(e.navigation.navigationState$), w((t) => {
+}, Kn = (e) => (t) => t.pipe(j((t) => e.pipe(b((e) => e === "free"), x(), w(() => t)))), qn = ({ navigation$: e, navigationState$: t }) => e.pipe(Kn(t)), Jn = (e) => qn(e).pipe(fe(1)), Yn = (e) => (t) => t.pipe(M(Jn(e))), Xn = (e) => e.navigation.navigation$.pipe(b((e) => e.triggeredBy === "user"), Kn(e.navigation.navigationState$), w((t) => {
 	let n = t.requestedPosition, r = t.requestedVisibleArea;
 	return n && r ? e.navigation.navigationResolver.getBoundaryForPosition(n, r) : void 0;
-}), b((e) => e !== void 0), w((e) => ({ boundary: e })), D()), er = (e, t) => e.links$.pipe(M((n) => {
-	if (!et(n.target, "a") || n.type !== "click") return;
+}), b((e) => e !== void 0), w((e) => ({ boundary: e })), O()), Zn = (e, t) => e.links$.pipe(N((n) => {
+	if (!Ze(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 = R.namespace("navigation"), tr = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
+	e.context.manifest.spineItems.some((e) => e.href === i) && t.goToUrl(r);
+})), Z = R.namespace("navigation"), Qn = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
 	let a = new q({
 		x: e.x - r,
 		y: e.y
@@ -1412,10 +1437,10 @@ var un = class {
 		x: e.x,
 		y: e.y + n
 	})), i.getSpineItemClosestPositionFromUnsafePosition(a, t);
-}, nr = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
+}, $n = ({ 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 = tr({
+	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = Qn({
 		position: l,
 		spineItem: s,
 		pageHeight: a.pageSize.height,
@@ -1432,12 +1457,12 @@ var un = class {
 		y: e.y - a.pageSize.height,
 		x: 0
 	});
-}, rr = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
+}, er = ({ 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 = nr({
+	let l = $n({
 		position: e,
 		viewport: s,
 		navigationResolver: r,
@@ -1455,7 +1480,7 @@ var un = class {
 			y: l.y
 		}));
 		if (o === "vertical" && e.y !== l.y) return r.getAdjustedPositionForSpread(l);
-		let c = nr({
+		let c = $n({
 			position: l,
 			viewport: s,
 			navigationResolver: r,
@@ -1466,7 +1491,7 @@ var un = class {
 		return r.getAdjustedPositionForSpread(c);
 	}
 	return r.getAdjustedPositionForSpread(l);
-}, ir = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
+}, tr = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
 	let a = new q({
 		x: e.x + r,
 		y: e.y
@@ -1475,10 +1500,10 @@ var un = class {
 		x: e.x,
 		y: e.y - n
 	})), i.getSpineItemClosestPositionFromUnsafePosition(a, t);
-}, ar = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
+}, nr = ({ 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 = ir({
+	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = tr({
 		position: l,
 		spineItem: s,
 		pageHeight: a.pageSize.height,
@@ -1495,12 +1520,12 @@ var un = class {
 		y: e.y + a.pageSize.height,
 		x: 0
 	});
-}, or = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
+}, rr = ({ 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 = ar({
+	let l = nr({
 		position: e,
 		viewport: s,
 		navigationResolver: r,
@@ -1518,7 +1543,7 @@ var un = class {
 			y: l.y
 		}));
 		if (o === "vertical" && e.y !== l.y) return r.getAdjustedPositionForSpread(l);
-		let c = ar({
+		let c = nr({
 			position: l,
 			viewport: s,
 			navigationResolver: r,
@@ -1529,7 +1554,7 @@ var un = class {
 		return r.getAdjustedPositionForSpread(c);
 	}
 	return r.getAdjustedPositionForSpread(l);
-}, sr = class {
+}, ir = class {
 	constructor(e) {
 		this.reader = e, this.movingLastDelta = {
 			x: 0,
@@ -1554,7 +1579,7 @@ var un = class {
 	turnRightOrBottom() {
 		let e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
 		if (!t) return;
-		let n = or({
+		let n = rr({
 			context: this.reader.context,
 			navigationResolver: this.reader.navigation.navigationResolver,
 			position: e.position,
@@ -1570,7 +1595,7 @@ var un = class {
 	turnLeftOrTop() {
 		let e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
 		if (!t) return;
-		let n = rr({
+		let n = er({
 			context: this.reader.context,
 			navigationResolver: this.reader.navigation.navigationResolver,
 			position: e.position,
@@ -1692,7 +1717,7 @@ var un = class {
 			});
 		}
 	}
-}, cr = class extends U {
+}, ar = class extends U {
 	constructor(e) {
 		super({
 			lastDelta: {
@@ -1750,11 +1775,11 @@ var un = class {
 	destroy() {
 		this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
 	}
-}, lr = 500, ur = class extends Q {
+}, or = 500, sr = class extends Q {
 	constructor(e, t) {
 		super(), this.scrollNavigationController = e, this.lock = t, this.navigationSubject = new m(), this.navigation$ = this.navigationSubject.asObservable(), T(this.scrollNavigationController.userScroll$.pipe(se((e) => {
 			let t = this.lock();
-			return T(this.scrollNavigationController.userScroll$, E(e)).pipe(ne(lr, h), x(), M(() => {
+			return T(this.scrollNavigationController.userScroll$, D(e)).pipe(ne(or, h), x(), N(() => {
 				let e = this.scrollNavigationController.fromScrollPosition(this.scrollNavigationController.scrollPosition);
 				this.navigationSubject.next({
 					animation: !1,
@@ -1764,48 +1789,47 @@ var un = class {
 			}), ce(() => {
 				t();
 			}));
-		}))).pipe(j(this.destroy$)).subscribe();
+		}))).pipe(M(this.destroy$)).subscribe();
 	}
-}, dr = (e) => e.pagination.state$.pipe(N(e.context.manifest$, e.settings.values$), w(([e, { spineItems: t, readingDirection: n }, { computedPageTurnDirection: r }]) => {
-	let i = t.length ?? 0, a = e.beginSpineItemIndex === 0, o = e.endSpineItemIndex === Math.max(i - 1, 0), s = e.endSpineItemIndex === Math.max(i - 1, 0), c = e.beginSpineItemIndex === 0, l = e.beginPageIndexInSpineItem === 0, u = e.endPageIndexInSpineItem === e.endNumberOfPagesInSpineItem - 1;
+}, cr = (e) => e.pagination.state$.pipe(P(e.settings.values$), w(([t, { computedPageTurnDirection: n }]) => {
+	let { spineItems: r, readingDirection: i } = e.context.manifest, a = r.length ?? 0, o = t.beginSpineItemIndex === 0, s = t.endSpineItemIndex === Math.max(a - 1, 0), c = t.endSpineItemIndex === Math.max(a - 1, 0), l = t.beginSpineItemIndex === 0, u = t.beginPageIndexInSpineItem === 0, d = t.endPageIndexInSpineItem === t.endNumberOfPagesInSpineItem - 1;
 	return {
-		canTurnLeft: r !== "vertical" && !l,
-		canTurnRight: r !== "vertical" && !u,
-		canGoTopSpineItem: r === "vertical" && !a,
-		canGoBottomSpineItem: r === "vertical" && !o,
-		canGoLeftSpineItem: r !== "vertical" && (n === "ltr" && !a || n === "rtl" && !s),
-		canGoRightSpineItem: r !== "vertical" && (n === "ltr" && !o || n === "rtl" && !c)
+		canTurnLeft: n !== "vertical" && !u,
+		canTurnRight: n !== "vertical" && !d,
+		canGoTopSpineItem: n === "vertical" && !o,
+		canGoBottomSpineItem: n === "vertical" && !s,
+		canGoLeftSpineItem: n !== "vertical" && (i === "ltr" && !o || i === "rtl" && !c),
+		canGoRightSpineItem: n !== "vertical" && (i === "ltr" && !s || i === "rtl" && !l)
 	};
-}), y(a)), fr = ({ reader: e, duration: t }) => (n) => {
+}), y(a)), lr = ({ reader: e, duration: t }) => (n) => {
 	let r, i = () => {
 		r?.(), r = void 0;
 	};
-	return n.pipe(M(() => {
+	return n.pipe(N(() => {
 		r ||= e?.navigation.lock();
-	}), _e(t, void 0, {
+	}), he(t, void 0, {
 		trailing: !0,
 		leading: !0
-	}), M(i), ce(i));
-}, pr = (e) => (t) => {
-	let n = e(t), r = dr(n), i = $n(n), a = new sr(n), o = new cr(n), s = new ur(n.navigation.scrollNavigationController, n.navigation.lock);
-	T(er(n, a), s.navigation$.pipe(M((e) => {
+	}), N(i), ce(i));
+}, ur = (e) => (t) => {
+	let n = e(t), r = cr(n), i = Xn(n), a = new ir(n), o = new ar(n), s = new sr(n.navigation.scrollNavigationController, n.navigation.lock);
+	T(Zn(n, a), s.navigation$.pipe(N((e) => {
 		n.navigation.navigate(e);
-	}))).pipe(j(n.$.destroy$)).subscribe();
+	}))).pipe(M(n.$.destroy$)).subscribe();
 	let c = (e) => {
-		let { cfi: t, ...r } = e;
-		n.load(r), t && a.goToCfi(t, { animate: !1 });
+		n.mount(e), t.cfi && a.goToCfi(t.cfi, { animate: !1 });
 	}, l = () => {
 		s.destroy(), n.destroy();
 	};
 	return {
 		...n,
-		load: c,
+		mount: c,
 		destroy: l,
 		navigation: {
 			...n.navigation,
 			state$: r,
 			outOfSpineBoundary$: i,
-			throttleLock: ({ duration: e, trigger: t }) => t.pipe(fr({
+			throttleLock: ({ duration: e, trigger: t }) => t.pipe(lr({
 				duration: e,
 				reader: n
 			})),
@@ -1831,7 +1855,7 @@ var un = class {
 			goToAbsolutePageIndex: a.goToAbsolutePageIndex.bind(a)
 		}
 	};
-}, mr = (e, t) => {
+}, dr = (e, t) => {
 	if ("cfi" in t) {
 		let { itemIndex: n, ...r } = e.cfi.parseCfi(t.cfi);
 		return {
@@ -1850,9 +1874,9 @@ var un = class {
 		itemIndex: n.index,
 		node: null
 	};
-}, hr = (e, t) => {
+}, fr = (e, t) => {
 	let n = e?.itemPageIndex, { itemIndex: r, ...i } = t.cfi.parseCfi(e.cfi), a = t.spineItemsManager.get(r);
-	return a ? wt().pipe(N(a.isReady$), w(([, o]) => {
+	return a ? xt().pipe(P(a.isReady$), w(([, o]) => {
 		let { node: s = null, offset: c, range: l } = o ? t.cfi.resolveCfi({ cfi: e.cfi }) : {};
 		a.renditionLayout !== "pre-paginated" && s && (n = t.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(s, c ?? 0, a) ?? n);
 		let u = e?.absolutePageIndex;
@@ -1869,12 +1893,12 @@ var un = class {
 			absolutePageIndex: u,
 			itemPageIndex: n
 		};
-	})) : E({
+	})) : D({
 		...e,
 		itemIndex: r,
 		...i
 	});
-}, gr = class {
+}, pr = class {
 	constructor(e) {
 		this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (e) => {
 			let t = this.locatorsByKey.get(e);
@@ -1882,9 +1906,9 @@ var un = class {
 		}, this.locate = (e, t) => {
 			let n = {
 				resource: e,
-				meta: mr(this.reader, e)
+				meta: dr(this.reader, e)
 			};
-			return Tt(() => {
+			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(ce(() => {
 					o && this.deregisterMemoizedStream(o), setTimeout(() => {
 						a();
@@ -1894,10 +1918,10 @@ var un = class {
 					resource: e,
 					meta: t
 				}))));
-				let l = this.reader.spine.layout$.pipe(ne(10), k(n), he((e) => hr(e.meta, this.reader).pipe(w((t) => ({
+				let l = this.reader.spine.layout$.pipe(ne(10), A(n), pe((e) => fr(e.meta, this.reader).pipe(w((t) => ({
 					...e,
 					meta: t
-				}))), n), O({
+				}))), n), k({
 					refCount: !0,
 					bufferSize: 1
 				}));
@@ -1909,9 +1933,9 @@ var un = class {
 		};
 	}
 	locateResource(e, t) {
-		return Array.isArray(e) ? Tt(() => v(e.map((e) => this.locate(e, t ?? {}))).pipe(re([]))) : this.locate(e, t ?? {});
+		return Array.isArray(e) ? St(() => v(e.map((e) => this.locate(e, t ?? {}))).pipe(re([]))) : this.locate(e, t ?? {});
 	}
-}, _r = R.namespace("spine"), vr = ({ position: e, pageSize: t }) => new mn({
+}, mr = R.namespace("spine"), hr = ({ position: e, pageSize: t }) => new dn({
 	...e,
 	left: e.x,
 	top: e.y,
@@ -1919,7 +1943,7 @@ var un = class {
 	height: t.height,
 	bottom: e.y + t.height,
 	right: e.x + t.width
-}), yr = 10, br = (e) => {
+}), gr = 10, _r = (e) => {
 	let { spineItem: t, ...n } = e;
 	if (!e.spineItem.value.isLoaded) return {
 		...n,
@@ -1931,9 +1955,9 @@ var un = class {
 		firstVisibleNode: void 0
 	} : {
 		...n,
-		firstVisibleNode: Ve(r, e.layout)
+		firstVisibleNode: Re(r, e.layout)
 	};
-}, xr = (e) => new f((t) => {
+}, vr = (e) => new f((t) => {
 	if (e.length === 0) {
 		t.next([]), t.complete();
 		return;
@@ -1943,13 +1967,13 @@ var un = class {
 	}, o = () => {
 		n = void 0;
 		let a = 0;
-		for (; r < e.length && a < yr;) {
+		for (; r < e.length && a < gr;) {
 			let t = e[r];
 			if (!t) {
 				r = e.length;
 				break;
 			}
-			i[r] = br(t), r += 1, a += 1;
+			i[r] = _r(t), r += 1, a += 1;
 		}
 		if (r >= e.length) {
 			t.next(i), t.complete();
@@ -1962,9 +1986,9 @@ var un = class {
 	return s(), () => {
 		a();
 	};
-}), Sr = class e extends U {
+}), yr = 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(w(() => this.fromAbsolutePageIndex(e))), this.layout$ = t.layout$.pipe(N(o), A(([, { pageSize: e }]) => xr(n.items.reduce((t, n, i) => {
+		super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = n, this.spineItemLocator = r, this.context = i, this.locator = a, this.viewport = o, this.fromSpineItemPageIndex = (t, n) => e.fromSpineItemPageIndex(this.value, t, n), this.fromNextPageWithinSameSpineItem = (t) => e.fromNextPageWithinSameSpineItem(this.value, t), this.fromAbsolutePageIndex = (t) => e.fromAbsolutePageIndex(this.value, t), this.observeFromAbsolutePageIndex = (e) => this.pipe(w(() => this.fromAbsolutePageIndex(e))), this.layout$ = t.layout$.pipe(P(o), j(([, { pageSize: e }]) => vr(n.items.reduce((t, n, i) => {
 			for (let o = 0; o < n.numberOfPages; o += 1) {
 				let s = r.getSpineItemPositionFromPageIndex({
 					spineItem: n,
@@ -1974,11 +1998,11 @@ var un = class {
 					spineItemPosition: s
 				}), l = t.length;
 				t.push({
-					absoluteLayout: vr({
+					absoluteLayout: hr({
 						pageSize: e,
 						position: c
 					}),
-					layout: new fn({
+					layout: new ln({
 						left: s.x,
 						right: s.x + e.width,
 						top: s.y,
@@ -1995,7 +2019,7 @@ var un = class {
 				});
 			}
 			return t;
-		}, []))), w((e) => (_r.info("Pages layout", e), { pages: e })), D()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
+		}, []))), w((e) => (mr.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(M(this.destroy$)).subscribe(this.next.bind(this));
 	}
 	static {
 		this.fromSpineItemPageIndex = (e, t, n) => {
@@ -2009,20 +2033,20 @@ var un = class {
 	static {
 		this.fromAbsolutePageIndex = (e, t) => e.pages.find((e) => e.absolutePageIndex === t);
 	}
-}, Cr = (e) => {
+}, br = (e) => {
 	let t = e.indexOf("#");
 	return t >= 0 ? e.substring(0, t) : e;
-}, wr = (e) => {
+}, xr = (e) => {
 	if (!e) return;
 	let t = e.indexOf("#");
 	if (!(t < 0)) return e.substring(t + 1) || void 0;
-}, Tr = (e) => {
+}, Sr = (e) => {
 	try {
 		return decodeURIComponent(e);
 	} catch {
 		return e;
 	}
-}, Er = (e, t = []) => e.flatMap((e) => {
+}, Cr = (e, t = []) => e.flatMap((e) => {
 	let n = [...t, {
 		title: e.title,
 		path: e.path
@@ -2030,24 +2054,24 @@ var un = class {
 	return [{
 		chain: n,
 		href: e.href || e.path,
-		anchorId: wr(e.href) ?? wr(e.path)
-	}, ...Er(e.contents, n)];
-}), Dr = (e) => {
+		anchorId: xr(e.href) ?? xr(e.path)
+	}, ...Cr(e.contents, n)];
+}), wr = (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;
+}, Tr = (e, t) => {
+	let n = wr(t);
+	return Cr(e).map((e) => {
+		let t = br(e.href), r = n.get(t) ?? -1;
 		return {
 			...e,
 			hrefWithoutAnchor: t,
 			spineItemIndex: r
 		};
 	});
-}, kr = ({ manifest: e, tocIndex: t }) => {
+}, Er = ({ manifest: e, tocIndex: t }) => {
 	let n = /* @__PURE__ */ new Map();
 	t.forEach((e, t) => {
 		let r = n.get(e.hrefWithoutAnchor);
@@ -2060,19 +2084,19 @@ var un = 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 = br(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) Dr(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) => {
+}, Dr = (e, t) => e === t || e.endsWith(t) || t.endsWith(e), Or = (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) => {
+}, kr = (e) => {
 	let [t, ...n] = e;
 	if (!t) return;
 	let r = {
@@ -2087,7 +2111,7 @@ var un = class {
 		i.subChapter = t, i = t;
 	}
 	return r;
-}, Nr = ({ doc: e, node: t, offset: n }) => {
+}, Ar = ({ 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));
@@ -2097,18 +2121,18 @@ var un = 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) => {
+}, jr = ({ rangeToTest: e, upperBoundRange: t }) => e.compareBoundaryPoints(Range.START_TO_START, t) < 0, Mr = (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 }) => {
+}, Nr = ({ anchorNode: e, nextPageNode: t }) => e === t || e.contains(t), Pr = ({ 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 ? Ar({
 		doc: a,
 		node: o,
 		offset: s
-	}) : void 0 : Fr(a);
+	}) : void 0 : Mr(a);
 	if (!c) return;
 	let l = i !== void 0 && o !== void 0 && o.ownerDocument === a, u, d, f;
 	for (let e of n) {
@@ -2116,56 +2140,53 @@ var un = class {
 			f = e.chain;
 			continue;
 		}
-		let t = a.getElementById(Tr(e.anchorId));
-		if (!t || l && Ir({
+		let t = a.getElementById(Sr(e.anchorId));
+		if (!t || l && Nr({
 			anchorNode: t,
 			nextPageNode: o
 		})) continue;
 		let n = a.createRange();
-		n.setStartBefore(t), n.collapse(!0), Pr({
+		n.setStartBefore(t), n.collapse(!0), jr({
 			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 ? kr(p) : void 0;
+}, Fr = ({ 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 : br(n.path) === br(r.path);
+}, Ir = ({ href: e, tocIndex: t, manifest: n }) => {
+	let r = br(e), i = e.includes("#"), a = n.spineItems.findIndex((e) => e.href === r), o;
+	for (let e of t) Or(r, e.hrefWithoutAnchor) && (a < e.spineItemIndex || Fr({
 		candidate: e,
 		hrefHasAnchor: i
 	}) || (o = e.chain));
 	return o;
-}, Br = (e, t, n) => {
-	let { href: r } = n, i = zr({
+}, Lr = (e, t, n) => {
+	let { href: r } = n, i = Ir({
 		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 ? kr(i) : void 0;
+}, Rr = (e, t) => e ? e.spineItems.reduce((n, r) => (n[r.id] = Lr(e, t, r), n), {}) : {}, zr = (e, t, n) => e + t * n, Br = (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(x(), N(e.layoutInfo$), w(([o, s]) => {
+}, Vr = (e, t, n, r, i, a) => i.isReady$.pipe(x(), P(e.layoutInfo$), w(([o, s]) => {
 	let c = a.renditionLayout === "pre-paginated", l = a.spineItems.length || 0, u = a.spineItems.slice(0, t).reduce((e, t) => e + (t.progressionWeight ?? 0), 0) || 0, d = e.spineItemsManager.getSpineItemIndex(i) ?? 0, f = a.spineItems.length ?? 0, p = s.pages.filter((e) => e.itemIndex === d).length ?? 0, m = a.spineItems[t]?.progressionWeight ?? (d + 1) / f, h = (n + 1) * (m / p);
 	!c && i.renditionLayout === "reflowable" && !o && (h = 0);
 	let g = u + h;
-	return a.renditionFlow === "scrolled-continuous" && (h = o ? Ur(e, r, i) : 0, g = Hr(u, m, h)), t === l - 1 && n === p - 1 && g > .99 ? 1 : g;
-})), Gr = {
-	tocCandidatesBySpineHref: /* @__PURE__ */ new Map(),
-	chaptersInfo: {}
-}, Kr = ({ beginItem: e, endItem: t, paginationInfo: n, chaptersData: r, pagesState: i }) => {
-	let a = e && n.beginPageIndexInSpineItem !== void 0 ? Sr.fromSpineItemPageIndex(i, e.index, n.beginPageIndexInSpineItem) : void 0, o = a ? Sr.fromNextPageWithinSameSpineItem(i, a) : void 0, s = t && n.endPageIndexInSpineItem !== void 0 ? Sr.fromSpineItemPageIndex(i, t.index, n.endPageIndexInSpineItem) : void 0, c = s ? Sr.fromNextPageWithinSameSpineItem(i, s) : void 0, l = e ? Lr({
+	return a.renditionFlow === "scrolled-continuous" && (h = o ? Br(e, r, i) : 0, g = zr(u, m, h)), t === l - 1 && n === p - 1 && g > .99 ? 1 : g;
+})), Hr = ({ beginItem: e, endItem: t, paginationInfo: n, chaptersData: r, pagesState: i }) => {
+	let a = e && n.beginPageIndexInSpineItem !== void 0 ? yr.fromSpineItemPageIndex(i, e.index, n.beginPageIndexInSpineItem) : void 0, o = a ? yr.fromNextPageWithinSameSpineItem(i, a) : void 0, s = t && n.endPageIndexInSpineItem !== void 0 ? yr.fromSpineItemPageIndex(i, t.index, n.endPageIndexInSpineItem) : void 0, c = s ? yr.fromNextPageWithinSameSpineItem(i, s) : void 0, l = e ? Pr({
 		node: a?.firstVisibleNode?.node,
 		offset: a?.firstVisibleNode?.offset,
 		candidates: r.tocCandidatesBySpineHref.get(e.item.href) ?? [],
 		spineItem: e,
 		nextPageEntry: o
-	}) : void 0, u = t ? Lr({
+	}) : void 0, u = t ? Pr({
 		node: s?.firstVisibleNode?.node,
 		offset: s?.firstVisibleNode?.offset,
 		candidates: r.tocCandidatesBySpineHref.get(t.item.href) ?? [],
@@ -2180,77 +2201,75 @@ var un = class {
 		endSpineItemReadingDirection: t?.readingDirection,
 		endAbsolutePageIndex: s?.absolutePageIndex
 	};
-}, qr = ({ items: e, pagesState: t }) => {
+}, Ur = ({ 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
 	};
-}, Jr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Yr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
+}, Wr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Gr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
 	let i = e.spineItemsManager.get(t.endSpineItemIndex);
-	return i ? Wr(e, t.endSpineItemIndex ?? 0, t.endPageIndexInSpineItem || 0, n, i, r) : E(0);
-}, Xr = (e) => e.context.manifest$.pipe(w((e) => {
-	if (!e) return Gr;
-	let t = Or(e.nav?.toc ?? [], e);
+	return i ? Vr(e, t.endSpineItemIndex ?? 0, t.endPageIndexInSpineItem || 0, n, i, r) : D(0);
+}, Kr = (e) => D(e.context.manifest).pipe(w((e) => {
+	let t = Tr(e.nav?.toc ?? [], e);
 	return {
-		tocCandidatesBySpineHref: kr({
+		tocCandidatesBySpineHref: Er({
 			manifest: e,
 			tocIndex: t
 		}),
-		chaptersInfo: Vr(e, t)
+		chaptersInfo: Rr(e, t)
 	};
-})), Zr = (e) => ({
+})), qr = (e) => ({
 	beginSpineItemIndex: e.beginSpineItemIndex,
 	beginPageIndexInSpineItem: e.beginPageIndexInSpineItem,
 	endSpineItemIndex: e.endSpineItemIndex,
 	endPageIndexInSpineItem: e.endPageIndexInSpineItem
-}), Qr = (e) => {
-	let t = e.pagination.state$, n = e.spine.pages.layout$, r = Xr(e).pipe(O({
+}), Jr = (e) => {
+	let t = e.pagination.state$, n = e.spine.pages.layout$, r = Kr(e).pipe(k({
 		bufferSize: 1,
 		refCount: !0
 	})), i = v([
-		t.pipe(w(Zr), y(o)),
+		t.pipe(w(qr), y(o)),
 		r,
 		n
-	]).pipe(w(([t, n, r]) => Kr({
+	]).pipe(w(([t, n, r]) => Hr({
 		beginItem: e.spineItemsManager.get(t.beginSpineItemIndex),
 		endItem: e.spineItemsManager.get(t.endSpineItemIndex),
 		paginationInfo: t,
 		chaptersData: n,
 		pagesState: r
-	})), O({
+	})), k({
 		bufferSize: 1,
 		refCount: !0
 	})), a = v([
 		t,
 		e.settings.watch(["computedSpreadMode"]).pipe(w((e) => e.computedSpreadMode ?? !1), y()),
 		i,
-		v([n, e.spineItemsManager.items$]).pipe(w(([e, t]) => qr({
+		v([n, e.spineItemsManager.items$]).pipe(w(([e, t]) => Ur({
 			items: t,
 			pagesState: e
-		})), y(Jr))
+		})), y(Wr))
 	]).pipe(w(([e, t, n, r]) => ({
 		...e,
 		...n,
 		isUsingSpread: t,
 		...r
-	}))), s = Xn(e.navigation).pipe(w(({ position: e }) => e), y(o));
+	}))), s = qn(e.navigation).pipe(w(({ position: e }) => e), y(o));
 	return v([a, v([
 		t,
 		e.layout$,
-		s,
-		e.context.manifest$
-	]).pipe(A(([t, n, r, i]) => Yr({
+		s
+	]).pipe(j(([t, n, r]) => Gr({
 		reader: e,
 		paginationInfo: t,
 		navigationPosition: r,
-		manifest: i
+		manifest: e.context.manifest
 	})), w((e) => ({ percentageEstimateOfBook: e })))]).pipe(w(([e, t]) => ({
 		...e,
 		...t
 	})), y(o), g(5));
-}, $r = (e) => (t) => {
+}, Yr = (e) => (t) => {
 	let n = e(t), r = new l({
 		...n.pagination.state,
 		beginChapterInfo: void 0,
@@ -2266,7 +2285,7 @@ var un = class {
 		endChapterInfo: void 0,
 		endSpineItemReadingDirection: void 0,
 		percentageEstimateOfBook: 0
-	}), i = new gr(n), a = Qr(n).pipe(M((e) => R.log("Pagination", e))).subscribe(r);
+	}), i = new pr(n), a = Jr(n).pipe(N((e) => R.log("Pagination", e))).subscribe(r);
 	return {
 		...n,
 		locateResource: i.locateResource.bind(i),
@@ -2283,109 +2302,7 @@ var un = class {
 			}
 		}
 	};
-}, ei = (e) => ({
-	put: (t, n) => new Promise((r, i) => {
-		let a = e.transaction(["store"], "readwrite");
-		a.onerror = (e) => {
-			i(e);
-		}, a.oncomplete = () => {
-			r();
-		};
-		let o = a.objectStore("store").put(n, t);
-		o.onsuccess = () => {
-			r();
-		}, o.onerror = (e) => {
-			i(e);
-		};
-	}),
-	keys: () => new Promise((t, n) => {
-		let r = e.transaction(["store"], "readonly");
-		r.onerror = (e) => {
-			n(e);
-		};
-		let i = r.objectStore("store").openKeyCursor(), a = [];
-		i.onsuccess = () => {
-			let e = i.result;
-			if (!e) {
-				t(a);
-				return;
-			}
-			a.push(e.key), e.continue();
-		}, i.onerror = () => {
-			n(i.error);
-		};
-	}),
-	get: (t) => new Promise((n, r) => {
-		let i = e.transaction(["store"], "readwrite"), a = i.objectStore("store").get(t);
-		a.onsuccess = () => {
-			let e = a.result;
-			e === void 0 && (e = null), n(e);
-		}, i.onerror = () => {
-			r(a.error);
-		};
-	}),
-	remove: (t) => new Promise((n, r) => {
-		let i = e.transaction(["store"], "readwrite"), a = i.objectStore("store").delete(t);
-		i.onerror = () => {
-			r(a.error);
-		}, i.oncomplete = () => {
-			n();
-		}, i.onabort = () => {
-			r(a.error ? a.error : a.transaction?.error);
-		};
-	})
-}), ti = async (e) => new Promise((t, n) => {
-	let r = window.indexedDB.open(e);
-	r.onerror = (e) => {
-		n(e);
-	}, r.onsuccess = () => {
-		t(ei(r.result));
-	}, r.onupgradeneeded = () => {
-		r.result.createObjectStore("store");
-	};
-}), ni = (e) => {
-	let t = Date.now().toString(), n = new m(), r = (t) => {
-		if (typeof t == "string" || typeof t == "object") {
-			let n = typeof t == "object" ? t.id : t;
-			return e.manifest?.spineItems.find((e) => e.id === n);
-		}
-		return e.manifest?.spineItems[t];
-	}, i = async (e, n) => {
-		let i = r(e);
-		if (!i) return new Response("Item not found", { status: 404 });
-		let o = await (await ti("prose-reader")).get(`${t}_${i.id}`);
-		if (o) return new Response(o, { status: 200 });
-		let s = n && await n(i) || await fetch(i.href);
-		return a(i, s.clone()), s;
-	}, a = (e, t) => {
-		n.next({
-			id: e,
-			data: t
-		});
-	};
-	return n.asObservable().pipe(Te(({ id: e, data: n }) => {
-		let i = r(e);
-		return i ? S(le([ti("prose-reader"), S(n.blob())])).pipe(F(([e, n]) => S(e.put(`${t}_${i.id}`, n))), be((e) => (R.error(e), u))) : u;
-	}), I(e.destroy$)).subscribe(), T(e.manifest$.pipe(L(() => {
-		t = Date.now().toString();
-	}))).pipe(F(() => (R.debug("Cleanup up old cache..."), S(ti("prose-reader")).pipe(F((e) => S(e.keys()).pipe(P((e) => e.filter((e) => !e.toString().startsWith(t))), F((t) => {
-		let n = t.map((t) => e.remove(t));
-		return S(Promise.all(n));
-	}))), be((e) => (R.error(e), u))))), I(e.destroy$)).subscribe(), {
-		get: i,
-		destroy: () => {
-			n.complete();
-		}
-	};
-}, ri = (e) => (t) => {
-	let n = e(t), r = ni(n.context), i = () => {
-		r.destroy(), n.destroy();
-	};
-	return {
-		...n,
-		destroy: i
-	};
-}, ii = (e, t) => {
+}, Xr = (e, t) => {
 	let n = e.node.ownerDocument?.createRange(), r = e.node.compareDocumentPosition(t.node);
 	if (n) {
 		try {
@@ -2403,10 +2320,10 @@ var un = class {
 		}
 		return n;
 	}
-}, ai = ({ selection: e, spineItem: t }) => {
+}, Zr = ({ selection: e, spineItem: t }) => {
 	let { anchorNode: n, anchorOffset: r, focusNode: i, focusOffset: a } = e;
 	if (!(!n || !i)) try {
-		return ii({
+		return Xr({
 			node: n,
 			offset: r
 		}, {
@@ -2420,26 +2337,26 @@ var un = class {
 		});
 		return;
 	}
-}, oi = class extends Q {
+}, Qr = class extends Q {
 	constructor(e) {
 		super();
 		let t = e.contentDocument || e.contentWindow?.document;
 		if (!t) this.selectionChange$ = d, this.selectionOver$ = d;
 		else {
-			let n = Et(t.body, {
+			let n = Ct(t.body, {
 				childList: !0,
 				subtree: !0
-			}).pipe(b((e) => !!e.find((e) => e.type === "childList" && e.removedNodes.length))), r = e.parentElement ? Et(e.parentElement, { childList: !0 }).pipe(b((t) => !!t.find((t) => Array.from(t.removedNodes).includes(e)))) : E(null);
-			this.selectionChange$ = T(C(t, "selectionchange"), n).pipe(w(() => t.getSelection()), j(T(r, this.destroy$)), oe(null)), this.selectionOver$ = C(t, "pointerdown").pipe(A(() => T(C(t, "pointerup"), C(t, "pointercancel"), C(t, "contextmenu")).pipe(x(), ae(0), w((e) => {
+			}).pipe(b((e) => !!e.find((e) => e.type === "childList" && e.removedNodes.length))), r = e.parentElement ? Ct(e.parentElement, { childList: !0 }).pipe(b((t) => !!t.find((t) => Array.from(t.removedNodes).includes(e)))) : D(null);
+			this.selectionChange$ = T(C(t, "selectionchange"), n).pipe(w(() => t.getSelection()), M(T(r, this.destroy$)), oe(null)), this.selectionOver$ = C(t, "pointerdown").pipe(j(() => T(C(t, "pointerup"), C(t, "pointercancel"), C(t, "contextmenu")).pipe(x(), ae(0), w((e) => {
 				let n = t.getSelection();
 				return n && !n.isCollapsed ? [e, n] : void 0;
-			}), b(K))), j(T(r, this.destroy$)));
+			}), b(K))), M(T(r, this.destroy$)));
 		}
 	}
-}, si = (e) => e.watch("isLoaded").pipe(A(() => {
+}, $r = (e) => e.watch("isLoaded").pipe(j(() => {
 	let t = e.renderer.getDocumentFrame(), n = t?.contentDocument || t?.contentWindow?.document;
 	if (!t || !n) return d;
-	let r = new oi(t);
+	let r = new Qr(t);
 	return T(r.selectionChange$.pipe(w((e) => {
 		if (e?.toString()) return {
 			type: "change",
@@ -2449,28 +2366,28 @@ var un = class {
 		type: "over",
 		event: e,
 		selection: t
-	})))).pipe(j(e.unloaded$), oe(void 0), ce(() => {
+	})))).pipe(M(e.unloaded$), oe(void 0), ce(() => {
 		r.destroy();
 	}));
-}), y()), ci = (e) => (t) => {
-	let n = e(t), r, i = n.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => {
+}), y()), ei = (e) => (t) => {
+	let n = e(t), r, i = n.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => {
 		let t = n.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return si(e).pipe(w((e) => {
+		return $r(e).pipe(w((e) => {
 			if (e) return {
 				...e,
 				itemIndex: t
 			};
 		}));
-	}))), k(void 0), y(), M((e) => {
+	}))), A(void 0), y(), N((e) => {
 		r = e;
-	}), O({
+	}), k({
 		refCount: !0,
 		bufferSize: 1
-	})), a = i, o = i.pipe(w((e) => !!e), y(), b((e) => e), D()), s = o.pipe(A(() => a), y(), b((e) => !e), D()), c = i.pipe(b((e) => e?.type === "over"), D()), l = n.context.watch("rootElement").pipe(b(K), A((e) => C(e, "pointerdown")), N(a), w(([, e]) => e), k(void 0), O({
+	})), a = i, o = i.pipe(w((e) => !!e), y(), b((e) => e), O()), s = o.pipe(j(() => a), y(), b((e) => !e), O()), c = i.pipe(b((e) => e?.type === "over"), O()), l = n.context.watch("rootElement").pipe(b(K), j((e) => C(e, "pointerdown")), P(a), w(([, e]) => e), A(void 0), k({
 		refCount: !0,
 		bufferSize: 1
 	}));
-	return T(a, l).pipe(j(n.$.destroy$)).subscribe(), {
+	return T(a, l).pipe(M(n.$.destroy$)).subscribe(), {
 		...n,
 		selection: {
 			selection$: a,
@@ -2479,10 +2396,10 @@ var un = class {
 			selectionOver$: c,
 			lastSelectionOnPointerdown$: l,
 			getSelection: () => r,
-			createOrderedRangeFromSelection: ai
+			createOrderedRangeFromSelection: Zr
 		}
 	};
-}, li = [
+}, ti = [
 	{
 		name: "bright",
 		backgroundColor: "white"
@@ -2497,9 +2414,9 @@ var un = class {
 		backgroundColor: "#191717",
 		foregroundColor: "#f1ebeb"
 	}
-], ui = (e) => (t) => {
+], ni = (e) => (t) => {
 	let n = e(t), r = new l(t.theme ?? "bright"), i = () => {
-		let e = li.find((e) => e.name === r.value);
+		let e = ti.find((e) => e.name === r.value);
 		return `
       body {
         ${e === void 0 ? "" : `background-color: ${e.backgroundColor} !important;`}
@@ -2512,7 +2429,7 @@ var un = class {
         ` : ""}
     `;
 	}, a = ({ container: e }) => {
-		let t = li.find((e) => e.name === r.value);
+		let t = ti.find((e) => e.name === r.value);
 		return t && B(e.style, "background-color", t.backgroundColor), () => {};
 	}, o = () => {
 		n.spineItemsManager.items.forEach((e) => {
@@ -2538,10 +2455,10 @@ var un = class {
 			$: { theme$: r.asObservable() }
 		}
 	};
-}, di = (e) => (t) => {
-	let n = e(t), r = (e) => !!($e(e) && (e.nodeName === "a" ? e : e.closest("a"))?.getAttribute("href")), i = (e, t, r) => {
+}, ri = (e) => (t) => {
+	let n = e(t), r = (e) => !!(Xe(e) && (e.nodeName === "a" ? e : e.closest("a"))?.getAttribute("href")), i = (e, t, r) => {
 		let i = r.replace("${id}", n.id);
-		return nt(e, `${t}-${n.id}`, i);
+		return $e(e, `${t}-${n.id}`, i);
 	};
 	return {
 		...n,
@@ -2552,7 +2469,7 @@ var un = class {
 	};
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome");
-var fi = (e) => (t) => e(t), pi = (e, t, n) => {
+var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	let { clientWidth: r, clientHeight: i } = n.value.element, a = {
 		maxX: 0,
 		minX: r * (1 - t),
@@ -2563,25 +2480,25 @@ var fi = (e) => (t) => e(t), pi = (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)
 	};
-}, mi = (e, t, n) => {
+}, oi = (e, t, n) => {
 	B(n.style, "transform-origin", "0 0");
 	let r = `translate3d(${t.x}px, ${t.y}px, 0px)`, i = `scale(${e})`;
 	B(n.style, "transform", `${r} ${i}`);
-}, hi = (e, t, n, r) => {
+}, si = (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)
 	};
-}, gi = class {
+}, ci = class {
 	constructor(e) {
 		this.x = e.x, this.y = e.y;
 	}
-}, _i = class extends gi {}, vi = class extends gi {
+}, li = class extends ci {}, ui = class extends ci {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("UnboundScrollPosition");
 	}
-}, yi = class extends U {
+}, di = 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;
@@ -2591,24 +2508,27 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				left: n.x,
 				top: n.y,
 				behavior: "instant"
-			}), ye(1).pipe(M(() => {
+			}), _e(1).pipe(N(() => {
 				this.scrollingSubject.next(!1);
-			}), j(T(this.scrollingSubject.pipe(me(1)), this.destroy$))).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0));
+			}), M(T(this.scrollingSubject.pipe(fe(1)), this.destroy$))).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0));
 		}, this.isActive = () => this.settings.values.computedPageTurnMode === "scrollable", this.getNavigationVisibleArea = () => this.viewport.relativeViewport;
-		let a = this.context.pipe(bt(["rootElement"]), M(({ rootElement: e }) => {
+		let a = this.context.pipe(_t(["rootElement"]), N(({ rootElement: e }) => {
 			if (!e) return;
 			let t = document.createElement("div");
-			t.setAttribute(`data-${En}`, ""), 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.setAttribute(`data-${Cn}`, ""), t.appendChild(this.viewport.value.element), e.appendChild(t), this.update({ element: t });
+		})), o = v([t.watch(["computedPageTurnMode"]), this.watch("element")]).pipe(N(([{ computedPageTurnMode: e }, t]) => {
 			t && (e === "scrollable" ? B(t.style, "display", "block") : B(t.style, "display", "contents"));
-		})), s = this.navigateSubject.pipe(M(this.applyNavigationPosition));
+		})), s = this.navigateSubject.pipe(N(this.applyNavigationPosition));
 		this.isNavigating$ = this.scrollingSubject.asObservable();
-		let c = v([T(r.element$.pipe(b(K), A((e) => xt(e))), r.element$.pipe(b(K), A((e) => C(e, "scroll"))), r.spineItemsObserver.itemResize$).pipe(A(() => ye(10).pipe(w(() => !1), k(!0))), y(), k(!1)), this.isNavigating$]).pipe(w(([e, t]) => e || t), O(1));
-		this.userScroll$ = this.watch("element").pipe(b(K), A((e) => t.watch(["computedPageTurnMode"]).pipe(A(({ computedPageTurnMode: t }) => t === "controlled" ? d : C(e, "scroll").pipe(N(c), b(([, e]) => !e), w(([e]) => e))))), D()), T(a, o, s).pipe(j(this.destroy$)).subscribe();
+		let c = v([T(r.element$.pipe(b(K), j((e) => vt(e))), r.element$.pipe(b(K), j((e) => C(e, "scroll"))), r.spineItemsObserver.itemResize$).pipe(j(() => _e(10).pipe(w(() => !1), A(!0))), y(), A(!1)), this.isNavigating$]).pipe(w(([e, t]) => e || t), k(1));
+		this.userScroll$ = this.watch("element").pipe(b(K), j((e) => t.watch(["computedPageTurnMode"]).pipe(j(({ computedPageTurnMode: t }) => t === "controlled" ? d : C(e, "scroll").pipe(P(c), b(([, e]) => !e), w(([e]) => e))))), O()), T(a, o, s).pipe(M(this.destroy$)).subscribe();
 	}
 	update(e) {
 		this.mergeCompare(e);
 	}
+	destroy() {
+		super.destroy(), this.value.element?.remove();
+	}
 	navigate(e) {
 		this.navigateSubject.next(e);
 	}
@@ -2621,30 +2541,30 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	}
 	fromSpinePosition(e) {
 		let t = this.viewport.scaleFactor;
-		return new _i({
+		return new li({
 			x: e.x * t,
 			y: e.y * t
 		});
 	}
 	get scrollPosition() {
 		let e = this.value.element;
-		return new _i({
+		return new li({
 			x: e?.scrollLeft ?? 0,
 			y: e?.scrollTop ?? 0
 		});
 	}
-}, bi = (e, t, n, r, i) => {
+}, fi = (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 vi({
+	return new ui({
 		x: f - a / 2 + r,
 		y: p - o / 2 + i
 	});
-}, xi = (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 = bi(a ?? Ye(), s, e, c, l), d = e < 1 ? "down" : "up";
+}, pi = (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 = fi(a ?? Ke(), s, e, c, l), d = e < 1 ? "down" : "up";
 	o && z(o, `data-${X}-zooming-direction`, d), e < 1 ? B(i.style, "transform-origin", "top") : e > 1 && B(i.style, "transform-origin", `${c}px ${l}px`), B(i.style, "transform", `scale(${e})`);
 	let f = r.fromScrollPosition(u);
 	t.navigation.navigate({ position: f });
-}, Si = 200, Ci = class extends U {
+}, mi = 200, hi = class extends U {
 	constructor(e) {
 		super({
 			isZooming: !1,
@@ -2653,32 +2573,32 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				x: 0,
 				y: 0
 			}
-		}), this.reader = e, this.enterSubject = new m(), this.exitSubject = new m(), T(this.enterSubject.pipe(A((e) => {
+		}), this.reader = e, this.enterSubject = new m(), this.exitSubject = new m(), T(this.enterSubject.pipe(j((e) => {
 			let { scale: t = 1, animate: n = !1 } = e ?? {}, r = this.reader.viewport.value.element;
 			z(this.viewport.element, `data-${X}-zooming`, "true");
 			let i = this.scrollNavigationController.value.element;
-			return i && z(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && B(r.style, "transition", `transform ${Si}ms`), this.mergeCompare({
+			return i && z(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && B(r.style, "transition", `transform ${mi}ms`), this.mergeCompare({
 				isZooming: !0,
 				currentScale: 1,
 				currentPosition: {
 					x: 0,
 					y: 0
 				}
-			}), this.updateZoom(t), t !== 1 && this.isControlled ? ye(e?.animate ? Si : 0).pipe(M(() => {
+			}), this.updateZoom(t), t !== 1 && this.isControlled ? _e(e?.animate ? mi : 0).pipe(N(() => {
 				this.reader.layout();
 			})) : u;
-		})), this.exitSubject.pipe(A((e) => {
+		})), this.exitSubject.pipe(j((e) => {
 			let t = this.reader.viewport.value.element;
 			z(this.viewport.element, `data-${X}-zooming`, "false");
 			let n = this.scrollNavigationController.value.element;
-			return n && (Re(n, `data-${X}-zooming-direction`), z(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && B(t.style, "transition", `transform ${Si}ms`), this.updateZoom(1, {
+			return n && (Fe(n, `data-${X}-zooming-direction`), z(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && B(t.style, "transition", `transform ${mi}ms`), this.updateZoom(1, {
 				x: 0,
 				y: 0
-			}), V(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ye(e?.animate ? Si : 0).pipe(M(() => {
+			}), V(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), _e(e?.animate ? mi : 0).pipe(N(() => {
 				let e = this.reader.viewport.value.element;
 				V(e.style, "transform-origin"), V(e.style, "transition"), this.isControlled && this.reader.layout();
-			}), j(this.enterSubject));
-		}))).pipe(j(this.destroy$)).subscribe();
+			}), M(this.enterSubject));
+		}))).pipe(M(this.destroy$)).subscribe();
 	}
 	enter(e) {
 		this.enterSubject.next(e);
@@ -2687,17 +2607,17 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		this.exitSubject.next(e);
 	}
 	move(e, t) {
-		this.isControlled && (V(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => pi(...e, this.reader.viewport) : void 0 }));
+		this.isControlled && (V(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => ai(...e, this.reader.viewport) : void 0 }));
 	}
 	scaleAt(e, t) {
 		if (!this.value.isZooming) return;
 		V(this.viewport.element.style, "transition");
 		let n = Math.ceil(e * 100) / 100;
-		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => pi(...e, this.reader.viewport) : void 0 });
+		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => ai(...e, this.reader.viewport) : void 0 });
 	}
 	updateZoom(e, t, n) {
 		if (this.isControlled) {
-			let r = t || hi(this.value.currentScale, e, this.viewport.element, this.value.currentPosition), i = n?.constraints?.(r, e) ?? r;
+			let r = t || si(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
@@ -2706,7 +2626,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		this.applyZoom(e, t ?? this.value.currentPosition), this.mergeCompare({ currentScale: e });
 	}
 	applyZoom(e, t) {
-		this.isControlled ? mi(e, t, this.viewport.element) : xi(e, this.reader), this.reader.viewport.layout();
+		this.isControlled ? oi(e, t, this.viewport.element) : pi(e, this.reader), this.reader.viewport.layout();
 	}
 	get isControlled() {
 		return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -2717,8 +2637,8 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	get viewport() {
 		return this.reader.viewport.value;
 	}
-}, wi = (e) => (t) => {
-	let n = e(t), r = new Ci(n), i = () => {
+}, gi = (e) => (t) => {
+	let n = e(t), r = new hi(n), i = () => {
 		r.destroy(), n.destroy();
 	}, a = r;
 	return {
@@ -2735,12 +2655,12 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			}
 		}
 	};
-}, Ti = (e) => Me({
+}, _i = (e) => ke({
 	spineIndex: e.index,
 	spineId: e.id
-}), Ei = ({ nodeOrRange: e, offset: t, item: n }) => {
+}), vi = ({ nodeOrRange: e, offset: t, item: n }) => {
 	let r = "ownerDocument" in e ? e.ownerDocument : e.startContainer.ownerDocument;
-	return !r?.documentElement || e === r ? Ti(n) : tt(e) ? Me({
+	return !r?.documentElement || e === r ? _i(n) : Qe(e) ? ke({
 		start: {
 			node: e.startContainer,
 			offset: e.startOffset,
@@ -2753,28 +2673,28 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			spineIndex: n.index,
 			spineId: n.id
 		}
-	}) : Me({
+	}) : ke({
 		node: e,
 		offset: t,
 		spineIndex: n.index,
 		spineId: n.id
 	});
-}, Di = ({ spineItem: e, pageNode: t }) => Ei({
+}, yi = ({ spineItem: e, pageNode: t }) => vi({
 	nodeOrRange: t.node,
 	offset: t.offset,
 	item: e
-}).trim(), Oi = (e, t) => Ei({
+}).trim(), bi = (e, t) => vi({
 	nodeOrRange: e,
 	item: t
-}), ki = (e) => e.index.toString(), Ai = (e) => e[0]?.index === 6 && e.length > 1, ji = (e) => Ne(Fe(e)), Mi = (e) => Array.isArray(e) ? e[0] && Ai(e[0]) ? e[0] : void 0 : e.parent[0] && Ai(e.parent[0]) ? e.parent[0] : void 0, Ni = (e) => {
-	let t = Fe(e), n = ((Mi(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Pe(t);
+}), xi = (e) => e.index.toString(), Si = (e) => e[0]?.index === 6 && e.length > 1, Ci = (e) => Ae(Me(e)), wi = (e) => Array.isArray(e) ? e[0] && Si(e[0]) ? e[0] : void 0 : e.parent[0] && Si(e.parent[0]) ? e.parent[0] : void 0, Ti = (e) => {
+	let t = Me(e), n = ((wi(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = je(t);
 	return {
 		isCfiRange: r,
 		itemIndex: n,
 		offset: (r ? t.end.at(-1)?.at(-1)?.offset : t.at(-1)?.at(-1)?.offset) ?? 0
 	};
-}, Pi = ({ cfi: e, spineItemsManager: t }) => {
-	let { itemIndex: n, ...r } = Ni(e), i = t.get(n);
+}, Ei = ({ cfi: e, spineItemsManager: t }) => {
+	let { itemIndex: n, ...r } = Ti(e), i = t.get(n);
 	if (!i) return {
 		...r,
 		itemIndex: n,
@@ -2784,7 +2704,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	if (a instanceof HTMLIFrameElement) {
 		let t = a.contentWindow?.document;
 		if (t) try {
-			let a = Ie(e, t, { throwOnError: !0 });
+			let a = Ne(e, t, { throwOnError: !0 });
 			return {
 				...r,
 				itemIndex: n,
@@ -2809,27 +2729,27 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		spineItem: i,
 		node: null
 	};
-}, Fi = class {
+}, Di = 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) => Ni(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
+		}, this.parseCfi = (e) => Ti(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
 			let { itemIndex: t } = this.parseCfi(e);
 			if (t !== void 0) return this.spineItemsManager.get(t);
-		}, this.isRootCfi = (e) => ji(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
-			cfi: Ti(e),
+		}, this.isRootCfi = (e) => Ci(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
+			cfi: _i(e),
 			spineItem: e
 		}), this.generateCfiForSpineItemPage = ({ spineItem: e, pageNode: t }) => this.transformGeneratedCfi({
-			cfi: Di({
+			cfi: yi({
 				spineItem: e,
 				pageNode: t
 			}),
 			spineItem: e
 		}), this.generateCfiFromRange = (e, t) => this.transformGeneratedCfi({
-			cfi: Oi(e, t),
+			cfi: bi(e, t),
 			spineItem: t
-		}), this.resolveCfi = (e) => Pi({
+		}), this.resolveCfi = (e) => Ei({
 			...e,
 			cfi: this.transformForResolve(e.cfi),
 			spineItemsManager: this.spineItemsManager
@@ -2842,32 +2762,28 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		}));
 		return t.cfi;
 	}
-}, Ii = (e) => e?.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), Li = class {
+}, Oi = (e) => e.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), ki = class {
 	constructor() {
 		this.navigationSubject = new p(1), this.positionSubject = new p(1), this.viewportStateSubject = new l("free"), this.paginationSubject = new p(1), this.pagination$ = this.paginationSubject.asObservable(), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(b((e) => e === "free")), this.viewportBusy$ = this.viewportState$.pipe(b((e) => e === "busy")), this.navigation$ = this.navigationSubject.asObservable(), this.position$ = this.positionSubject.asObservable();
 	}
-}, Ri = class extends U {
-	constructor() {
-		super({ assumedRenditionLayout: "reflowable" }), this.bridgeEvent = new Li(), this.manifest$ = this.pipe(P((e) => e.manifest), Ce(K), Se()), this.isRTL = () => this.value.manifest?.readingDirection === "rtl";
+}, Ai = class extends U {
+	constructor(e) {
+		super({
+			manifest: e,
+			assumedRenditionLayout: e.renditionLayout ?? "reflowable",
+			isFullyPrePaginated: Oi(e)
+		}), this.bridgeEvent = new ki(), this.isRTL = () => this.value.manifest.readingDirection === "rtl";
 	}
 	update(e) {
-		let t = this.value, n = e.manifest ?? t.manifest, r = {
-			...t,
-			...e,
-			...e.manifest && {
-				isFullyPrePaginated: Ii(n),
-				assumedRenditionLayout: n?.renditionLayout ?? "reflowable"
-			}
-		};
-		this.mergeCompare(r);
+		this.mergeCompare(e);
 	}
 	get manifest() {
 		return this.value.manifest;
 	}
 	get readingDirection() {
-		return this.manifest?.readingDirection;
+		return this.manifest.readingDirection;
 	}
-}, zi = class extends U {
+}, ji = class extends U {
 	constructor(e, t) {
 		super({
 			supportedPageTurnAnimation: [
@@ -2878,10 +2794,10 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			supportedPageTurnMode: ["controlled", "scrollable"],
 			supportedPageTurnDirection: ["horizontal", "vertical"],
 			supportedComputedPageTurnDirection: ["horizontal", "vertical"]
-		}), v([e.watch(["manifest", "hasVerticalWriting"]), t.watch(["computedPageTurnMode"])]).pipe(w(([{ manifest: e, hasVerticalWriting: t }, { computedPageTurnMode: n }]) => ({
+		}), v([e.watch(["hasVerticalWriting"]), t.watch(["computedPageTurnMode"])]).pipe(w(([{ hasVerticalWriting: t }, { computedPageTurnMode: n }]) => ({
 			hasVerticalWriting: t,
-			renditionFlow: e?.renditionFlow,
-			renditionLayout: e?.renditionLayout,
+			renditionFlow: e.manifest.renditionFlow,
+			renditionLayout: e.manifest.renditionLayout,
 			computedPageTurnMode: n
 		})), y(o), w(({ hasVerticalWriting: e, renditionFlow: t, renditionLayout: n, computedPageTurnMode: r }) => ({
 			...this.value,
@@ -2892,9 +2808,9 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				"slide"
 			],
 			supportedPageTurnDirection: r === "scrollable" ? ["vertical"] : n === "reflowable" ? ["horizontal"] : ["horizontal", "vertical"]
-		})), j(this.destroy$)).subscribe(this.next.bind(this));
+		})), M(this.destroy$)).subscribe(this.next.bind(this));
 	}
-}, Bi = class {
+}, Mi = class {
 	constructor() {
 		this._hooks = [], this._hookExecutions = [];
 	}
@@ -2926,7 +2842,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				id: t,
 				ref: n,
 				abortController: r,
-				destroyFn: () => (r.abort(), E(void 0))
+				destroyFn: () => (r.abort(), D(void 0))
 			};
 		});
 		this._hookExecutions.push(...a);
@@ -2977,30 +2893,30 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		let r = this._hookExecutions.filter((r) => n && r.ref === n || e === r.name && (!t || t && t === r.id));
 		return this._hookExecutions = this._hookExecutions.filter((e) => !r.includes(e)), v(r.map(({ destroyFn: e }) => e()));
 	}
-}, Vi = "[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}", Hi = (e) => ({
+}, Ni = "[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}", Pi = (e) => ({
 	x: -e.x,
 	y: -e.y
-}), Ui = (e) => e instanceof DOMMatrix ? new J({
+}), Fi = (e) => e instanceof DOMMatrix ? new J({
 	x: -e.e,
 	y: -e.f
 }) : new J({
 	x: -e.x,
 	y: -e.y
-}), Wi = R.namespace("navigation/ControlledNavigationController"), Gi = class extends Q {
+}), Ii = R.namespace("navigation/ControlledNavigationController"), Li = class extends Q {
 	constructor(e, t, n, r, i) {
 		super(), this.settings = e, this.hookManager = t, this.context = n, this.spine = r, this.viewport = i, this.navigateSubject = new m(), this.element$ = new l(document.createElement("div")), this.isActive = () => this.settings.values.computedPageTurnMode === "controlled", this.getNavigationVisibleArea = () => this.viewport.absoluteViewport;
-		let o = this.spine.element$.pipe(b(K), N(this.element$), M(([e, t]) => {
+		let o = this.spine.element$.pipe(b(K), P(this.element$), N(([e, t]) => {
 			t.style.cssText = "\n          height: 100%;\n          width: 100%;\n          position: relative;\n        ", t.className = `${X}-controlled-navigator`, t.innerHTML = "", t.appendChild(e), this.viewport.value.element.appendChild(t), this.element$.next(t);
 		})), s = v([e.watch([
 			"computedPageTurnDirection",
 			"computedPageTurnMode",
 			"numberOfAdjacentSpineItemToPreLoad"
-		]), this.element$]).pipe(M(([, t]) => {
+		]), this.element$]).pipe(N(([, t]) => {
 			e.values.computedPageTurnMode === "scrollable" ? B(t.style, "display", "contents") : B(t.style, "display", "block");
 		}));
-		this.layout$ = s.pipe(M(() => {
-			Wi.info("layout", e.values);
-		}), D()), this.isNavigating$ = this.navigateSubject.pipe(y((e, t) => a(e.position, t.position)), w(({ animation: t, position: n }) => (Wi.info("Navigation requested", {
+		this.layout$ = s.pipe(N(() => {
+			Ii.info("layout", e.values);
+		}), O()), this.isNavigating$ = this.navigateSubject.pipe(y((e, t) => a(e.position, t.position)), w(({ animation: t, position: n }) => (Ii.info("Navigation requested", {
 			animation: t,
 			position: n
 		}), {
@@ -3008,53 +2924,56 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			shouldAnimate: !(!t || t === "turn" && e.values.computedPageTurnAnimation === "none"),
 			animation: t,
 			position: n
-		})), A((t) => {
+		})), j((t) => {
 			let n = this.element$.getValue();
-			return B(n.style, "transition", "none"), B(n.style, "opacity", "1"), T(E(!0), E(null).pipe(fe(() => {
-				if (t?.type !== "manualAdjust") return E(!1);
+			return B(n.style, "transition", "none"), B(n.style, "opacity", "1"), T(D(!0), D(null).pipe(E(() => {
+				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 E(t).pipe(t.shouldAnimate ? ae(1, h) : ue, M((e) => {
+				return D(t).pipe(t.shouldAnimate ? ae(1, h) : le, N((e) => {
 					let i = this.element$.getValue();
 					e.shouldAnimate ? r === "fade" ? (B(i.style, "transition", `opacity ${n / 2}ms`), B(i.style, "opacity", "0")) : (t.animation === "snap" || r === "slide") && (B(i.style, "transition", `transform ${n}ms`), B(i.style, "opacity", "1")) : (B(i.style, "transition", "none"), B(i.style, "opacity", "1"));
-				}), M((e) => {
+				}), N((e) => {
 					r !== "fade" && this.applyNavigationPosition(e.position);
-				}), t.shouldAnimate ? ae(n / 2, h) : ue, M((e) => {
+				}), t.shouldAnimate ? ae(n / 2, h) : le, N((e) => {
 					let t = this.element$.getValue();
 					r === "fade" && (this.applyNavigationPosition(e.position), B(t.style, "opacity", "1"));
-				}), t.shouldAnimate ? ae(n / 2, h) : ue, M((e) => {
+				}), t.shouldAnimate ? ae(n / 2, h) : le, N((e) => {
 					r === "fade" && this.applyNavigationPosition(e.position);
 				}));
 			}), w(() => !1)));
-		}), k(!1), O(1)), T(o, this.isNavigating$, this.layout$).pipe(j(this.destroy$)).subscribe();
+		}), A(!1), k(1)), T(o, this.isNavigating$, this.layout$).pipe(M(this.destroy$)).subscribe();
 	}
 	applyNavigationPosition(e) {
-		let t = this.element$.getValue(), n = Hi(e);
+		let t = this.element$.getValue(), n = Pi(e);
 		B(t.style, "transform", `translate(${n.x}px, ${n.y}px)`), this.hookManager.execute("onViewportOffsetAdjust", void 0);
 	}
 	navigate(e) {
 		this.navigateSubject.next(e);
 	}
+	destroy() {
+		super.destroy(), this.element$.getValue().remove(), this.element$.complete();
+	}
 	get viewportPosition() {
 		let e = this.element$.getValue(), t = window.getComputedStyle(e), n = t.transform || t.webkitTransform;
 		return !n || n === "none" ? new J({
 			x: 0,
 			y: 0
-		}) : Ui(new DOMMatrix(n));
+		}) : Fi(new DOMMatrix(n));
 	}
-}, Ki = () => (e) => e.pipe(w(({ navigation: e, pagination: t, ...n }) => ({
+}, Ri = () => (e) => e.pipe(w(({ navigation: e, pagination: t, ...n }) => ({
 	navigation: {
 		...e,
 		paginationBeginCfi: t.beginCfi
 	},
 	...n
-}))), qi = (e, t, n) => e.bridgeEvent.pagination$.pipe(N(t), b(([e, t]) => e.navigationId === t.id), A(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(x()) ?? E(!1)).pipe(b((e) => e), w(() => ({
+}))), zi = (e, t, n) => e.bridgeEvent.pagination$.pipe(P(t), b(([e, t]) => e.navigationId === t.id), j(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(x()) ?? D(!1)).pipe(b((e) => e), w(() => ({
 	pagination: e,
 	navigation: t
-})))), Ki(), y((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), w(({ navigation: e }) => ({
+})))), Ri(), y((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), w(({ navigation: e }) => ({
 	...e,
 	meta: { triggeredBy: "pagination" },
 	requestedPosition: e.position
-}))), Ji = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(w(([n, r]) => {
+}))), Bi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(w(([n, r]) => {
 	let i = n.position, a = i ? t() : void 0, o = i && a ? e.clampPositionInSpine(i, a) : void 0;
 	return {
 		previousNavigation: r,
@@ -3069,7 +2988,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			position: o
 		}
 	};
-})), Yi = ({ navigationResolver: e }) => (t) => t.pipe(w((t) => {
+})), Vi = ({ navigationResolver: e }) => (t) => t.pipe(w((t) => {
 	if (t.navigation.cfi) {
 		let n = e.getNavigationForCfi(t.navigation.cfi);
 		if (n) return {
@@ -3081,8 +3000,8 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		};
 	}
 	return t;
-})), Xi = ({ 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", Zi = ({ context: e, settings: t }) => (n) => n.pipe(w(({ navigation: n, previousNavigation: r }) => {
-	let i = Xi({
+})), Hi = ({ 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", Ui = ({ context: e, settings: t }) => (n) => n.pipe(w(({ navigation: n, previousNavigation: r }) => {
+	let i = Hi({
 		context: e,
 		navigation: n,
 		previousNavigation: r,
@@ -3096,7 +3015,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		},
 		direction: i
 	};
-})), Qi = ({ spineItemsManager: e, navigationResolver: t, settings: n, viewport: r }) => (i) => i.pipe(w(({ navigation: i, ...a }) => {
+})), Wi = ({ spineItemsManager: e, navigationResolver: t, settings: n, viewport: r }) => (i) => i.pipe(w(({ navigation: i, ...a }) => {
 	let o = e.get(i.spineItem);
 	if (i.position) return n.values.computedPageTurnMode === "scrollable" ? {
 		navigation: {
@@ -3129,7 +3048,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		},
 		...a
 	};
-})), $i = ({ settings: e, spineItemsManager: t, navigationResolver: n, spineLocator: r, cfi: i }) => (a) => {
+})), Gi = ({ 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) {
@@ -3175,9 +3094,9 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			...n
 		};
 	}));
-}, ea = ({ spine: e }) => (t) => t.pipe(A(({ navigation: t, ...n }) => {
+}, Ki = ({ spine: e }) => (t) => t.pipe(j(({ navigation: t, ...n }) => {
 	let r = e.getSpineItemSpineLayoutInfo(t.spineItem), i = e.spineItemsManager.get(t.spineItem);
-	return (i?.isReady$ ?? E(!1)).pipe(x(), w((e) => ({
+	return (i?.isReady$ ?? D(!1)).pipe(x(), w((e) => ({
 		navigation: {
 			...t,
 			spineItemHeight: r?.height,
@@ -3189,7 +3108,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		},
 		...n
 	})));
-})), ta = ({ settings: e, spineItemsManager: t, spineLocator: n, navigationResolver: r }) => (i) => {
+})), qi = ({ 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)) {
@@ -3226,7 +3145,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		},
 		...t
 	})));
-}, na = ({ navigationResolver: e }) => (t) => t.pipe(w((t) => {
+}, Ji = ({ navigationResolver: e }) => (t) => t.pipe(w((t) => {
 	if (t.navigation.url) {
 		let n = e.getNavigationForUrl(t.navigation.url);
 		if (n) return {
@@ -3239,7 +3158,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		};
 	}
 	return t;
-})), ra = class {
+})), Yi = class {
 	constructor() {
 		this.isLockedSubject = new l(0), this.isLocked$ = this.isLockedSubject.pipe(w((e) => !!e), y());
 	}
@@ -3249,7 +3168,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			e || (e = !0, this.isLockedSubject.next(this.isLockedSubject.getValue() - 1));
 		};
 	}
-}, ia = ({ spineLocator: e, navigation: t, navigationResolver: n, spineItemsManager: r, spine: i, cfiManager: a }) => {
+}, Xi = ({ spineLocator: e, navigation: t, navigationResolver: n, spineItemsManager: r, spine: i, cfiManager: a }) => {
 	let o = r.get(t.spineItem);
 	return o ? o.isReady$.pipe(x(), w((r) => {
 		let s = i.getSpineItemSpineLayoutInfo(o), c = e.isPositionWithinSpineItem(t.position, o), l = s.width - (t.spineItemWidth ?? 0), u = s.height - (t.spineItemHeight ?? 0), d = l !== 0 || u !== 0;
@@ -3285,11 +3204,11 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			});
 		}
 		return c ? n.getNavigationForPosition(t.position) : n.getNavigationForSpineIndexOrId(o);
-	})) : E(new J({
+	})) : D(new J({
 		x: 0,
 		y: 0
 	}));
-}, aa = ({ navigation: e, spineLocator: t, spineItemsManager: n, settings: r, navigationResolver: i, spine: a }) => {
+}, Zi = ({ 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,
@@ -3340,21 +3259,21 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		}
 	}
 	return e.position;
-}, oa = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? E(aa({
+}, Qi = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? D(Zi({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	settings: n,
 	spineItemsManager: t,
 	spine: a
-})) : ia({
+})) : Xi({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	spineItemsManager: t,
 	spine: a,
 	cfiManager: o
-}), sa = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => oa({
+}), $i = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(j((a) => Qi({
 	spineLocator: r.locator,
 	navigation: a.navigation,
 	navigationResolver: t,
@@ -3370,7 +3289,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		...a.navigation,
 		position: e
 	}
-}))))), ca = R.namespace("navigation/InternalNavigator"), la = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, ua = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, da = (e, t) => e.id === t.id && la(e.position, t.position) && la(e.requestedPosition, t.requestedPosition) && ua(e.requestedVisibleArea, t.requestedVisibleArea), fa = class extends Q {
+}))))), ea = R.namespace("navigation/InternalNavigator"), ta = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, na = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, ra = (e, t) => e.id === t.id && ta(e.position, t.position) && ta(e.requestedPosition, t.requestedPosition) && na(e.requestedVisibleArea, t.requestedVisibleArea), ia = 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,
@@ -3392,57 +3311,57 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			requestedPosition: n,
 			requestedVisibleArea: r,
 			triggeredBy: i.triggeredBy
-		})), y(da), O(1)), this.locker = new ra();
-		let d = n.pipe(N(this.navigationSubject), Ji({
+		})), y(ra), k(1)), this.locker = new Yi();
+		let d = n.pipe(P(this.navigationSubject), Bi({
 			navigationResolver: a,
 			getNavigationVisibleArea: () => r().getNavigationVisibleArea()
-		}), na({ navigationResolver: a }), Yi({ navigationResolver: a }), Zi({
+		}), Ji({ navigationResolver: a }), Vi({ navigationResolver: a }), Ui({
 			context: t,
 			settings: e
-		}), $i({
+		}), Gi({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), ta({
+		}), qi({
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), ea({ spine: o })).pipe(Qi({
+		}), Ki({ spine: o })).pipe(Wi({
 			navigationResolver: a,
 			spineItemsManager: o.spineItemsManager,
 			settings: e,
 			viewport: s
-		}), N(u), A(([n, r]) => {
+		}), P(u), j(([n, r]) => {
 			let i = n.navigation.cfi || n.navigation.url || e.values.computedPageTurnMode === "scrollable" || r;
-			return E(n).pipe(i ? ue : sa({
+			return D(n).pipe(i ? le : $i({
 				navigationResolver: a,
 				settings: e,
 				spine: o,
 				context: t,
 				cfiManager: c
 			}));
-		}), ta({
+		}), qi({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), w((e) => e.navigation), D()), f = d.pipe(N(u), b(([, e]) => e), A(([e]) => {
+		}), w((e) => e.navigation), O()), f = d.pipe(P(u), b(([, e]) => e), j(([e]) => {
 			let t = this.locker.lock();
 			return u.pipe(b((e) => !e), x(), w(() => ({ navigation: {
 				...e,
 				animation: "snap"
 			} })), ce(() => {
 				t();
-			}), j(d));
-		}), D());
-		T(T(T(i, o.layout$).pipe(A(() => E(null).pipe(A(() => u.pipe(b((e) => !e), x())), w(() => ({ navigation: {
+			}), M(d));
+		}), O());
+		T(T(T(i, o.layout$).pipe(j(() => D(null).pipe(j(() => u.pipe(b((e) => !e), x())), w(() => ({ navigation: {
 			...this.navigationSubject.getValue(),
 			animation: !1
-		} })), j(T(f, d))))), f).pipe(sa({
+		} })), M(T(f, d))))), f).pipe($i({
 			navigationResolver: a,
 			settings: e,
 			context: t,
@@ -3452,19 +3371,19 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			...e,
 			meta: { triggeredBy: "restoration" },
 			requestedPosition: e.position
-		} })), $i({
+		} })), Gi({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), ea({ spine: o }), ta({
+		}), Ki({ spine: o }), qi({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), w(({ navigation: e }) => e), D()), d, qi(t, this.navigationSubject, o)).pipe(N(this.navigationSubject), (e) => e.pipe(M(([e]) => {
+		}), w(({ navigation: e }) => e), O()), d, zi(t, this.navigationSubject, o)).pipe(P(this.navigationSubject), (e) => e.pipe(N(([e]) => {
 			let t = e.type === "scroll", n = e.meta.triggeredBy === "pagination", r = e.meta.triggeredBy === "restoration";
 			if (t && !r || n) return;
 			let i = {
@@ -3472,34 +3391,34 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				animation: e.animation
 			};
 			this.getActiveNavigationModeController().navigate(i);
-		})), (e) => e.pipe(M(([e, t]) => {
-			ca.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
+		})), (e) => e.pipe(N(([e, t]) => {
+			ea.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
 				previousNavigation: t,
 				currentNavigation: e
 			}), this.navigationSubject.next(e);
-		})), j(this.destroy$)).subscribe();
+		})), M(this.destroy$)).subscribe();
 	}
 	get navigation() {
 		return this.navigationSubject.getValue();
 	}
-}, pa = (e, t, n) => {
+}, aa = (e, t, n) => {
 	let r = n - e, i = t * e * n / (n || 1);
 	return Math.max(0, Math.min(r, i));
-}, ma = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), ha = (e, t, n) => {
-	let r = ma(n, t), i = [...Array(r)].map((e, n) => n * t);
+}, oa = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), sa = (e, t, n) => {
+	let r = oa(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;
-}, ga = (e, t, n) => {
+}, ca = (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;
-}, _a = ({ itemWidth: e, itemHeight: t, spineItemPosition: n }) => new q({
+}, la = ({ 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))
-}), va = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? ma(e, i) : ma(t, r), ya = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
-	let l = _a({
+}), ua = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? oa(e, i) : oa(t, r), da = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
+	let l = la({
 		spineItemPosition: n,
 		itemHeight: t,
 		itemWidth: e
-	}).x, u = va({
+	}).x, u = ua({
 		isUsingVerticalWriting: r,
 		itemHeight: t,
 		itemWidth: e,
@@ -3508,15 +3427,15 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		pageTurnDirection: o,
 		pageTurnMode: s
 	});
-	if (r) return ga(n.y, a, u);
-	let d = ga(l, i, u);
+	if (r) return ca(n.y, a, u);
+	let d = ca(l, i, u);
 	return c ? u - 1 - d : d;
-}, ba = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
+}, fa = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
 	if (r) return new q({
 		x: 0,
-		y: pa(i.pageSize.height, e, t.height)
+		y: aa(i.pageSize.height, e, t.height)
 	});
-	let a = pa(i.pageSize.width, e, t.width);
+	let a = aa(i.pageSize.width, e, t.width);
 	return n.isRTL() ? new q({
 		x: t.width - a - i.pageSize.width,
 		y: 0
@@ -3524,26 +3443,26 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		x: a,
 		y: 0
 	});
-}, xa = ({ context: e, settings: t, viewport: n }) => {
+}, pa = ({ context: e, settings: t, viewport: n }) => {
 	let r = (e, t, r) => {
 		let i;
-		e?.nodeName === "img" || e?.textContent === "" && e.nodeType === Node.ELEMENT_NODE ? i = e.getBoundingClientRect().x : e && (i = (e ? Ge(e, t) : void 0)?.getBoundingClientRect().x || i);
+		e?.nodeName === "img" || e?.textContent === "" && e.nodeType === Node.ELEMENT_NODE ? i = e.getBoundingClientRect().x : e && (i = (e ? He(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: ha(i, o, a),
+			x: sa(i, o, a),
 			y: 0
 		});
 	};
 	return {
 		getSpineItemPositionFromNode: r,
-		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => ba({
+		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => fa({
 			context: e,
 			isUsingVerticalWriting: !!r.isUsingVerticalWriting(),
 			itemLayout: r.layoutInfo,
 			pageIndex: t,
 			viewport: n
 		}),
-		getSpineItemPageIndexFromPosition: (r) => ya({
+		getSpineItemPageIndexFromPosition: (r) => da({
 			...r,
 			isRTL: e.isRTL(),
 			pageWidth: n.pageSize.width,
@@ -3553,7 +3472,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		}),
 		getSpineItemPageIndexFromNode: (i, a, o) => {
 			let s = r(i, a, o), { height: c, width: l } = o.layoutInfo;
-			return s ? ya({
+			return s ? da({
 				isUsingVerticalWriting: !!o.isUsingVerticalWriting(),
 				position: s,
 				itemHeight: c,
@@ -3568,35 +3487,35 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		getSpineItemClosestPositionFromUnsafePosition: (e, t) => {
 			let { width: r, height: i } = t.layoutInfo;
 			return new q({
-				x: ha(e.x, n.pageSize.width, r),
-				y: ha(e.y, n.pageSize.height, i)
+				x: sa(e.x, n.pageSize.width, r),
+				y: sa(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 = pa(c, r, o);
-				return new dn({
+				let e = aa(c, r, o);
+				return new cn({
 					x: t.x,
 					y: t.y - e
 				});
 			}
-			let l = pa(s, r, a);
+			let l = aa(s, r, a);
 			if (e.isRTL()) {
 				let e = a - (r + 1) * s;
-				return new dn({
+				return new cn({
 					x: t.x - Math.max(0, e),
 					y: t.y
 				});
 			}
-			return new dn({
+			return new cn({
 				x: t.x - l,
 				y: t.y
 			});
 		}
 	};
-}, Sa = ({ context: e, settings: t, viewport: n }) => {
-	let r = xa({
+}, ma = ({ context: e, settings: t, viewport: n }) => {
+	let r = pa({
 		context: e,
 		settings: t,
 		viewport: n
@@ -3615,7 +3534,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			y: 0
 		})
 	};
-}, Ca = ({ size: e, isRTL: t, spineItemsManager: n, spine: r }) => {
+}, ha = ({ 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);
@@ -3634,8 +3553,8 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		yMin: 0,
 		yMax: o
 	};
-}, wa = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = Ca({
+}, ga = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = ha({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3650,8 +3569,8 @@ var fi = (e) => (t) => e(t), pi = (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
 	});
-}, Ta = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = Ca({
+}, _a = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = ha({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3677,7 +3596,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		x: a,
 		y: i
 	});
-}, Ea = ({ viewportPosition: e, spineLocator: t, spineItemNavigationResolver: n, viewport: r }) => {
+}, va = ({ 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);
@@ -3694,9 +3613,9 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		x: 0,
 		y: 0
 	});
-}, Da = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
+}, ya = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
 	let o = t.get(n);
-	if (!o) return Ea({
+	if (!o) return va({
 		viewportPosition: new J({
 			x: e * a.pageSize.width,
 			y: 0
@@ -3717,7 +3636,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		pageSizeWidth: a.pageSize.width,
 		visibleAreaRectWidth: a.absoluteViewport.width
 	});
-}, Oa = (e, t) => {
+}, ba = (e, t) => {
 	if (t && t instanceof HTMLIFrameElement) {
 		let n = t.contentDocument, r = e.trim();
 		if (!n || r.length === 0) return;
@@ -3731,11 +3650,11 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			return;
 		}
 	}
-}, ka = ({ anchor: e, spineItem: t, spine: n }) => {
-	let r = Oa(e, t.renderer.getDocumentFrame());
+}, xa = ({ anchor: e, spineItem: t, spine: n }) => {
+	let r = ba(e, t.renderer.getDocumentFrame());
 	return r ? n.spineItemLocator.getSpineItemPositionFromNode(r, 0, t)?.x ?? 0 : 0;
-}, Aa = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
-	let i = ka({
+}, Sa = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
+	let i = xa({
 		anchor: e,
 		spineItem: t,
 		spine: r
@@ -3747,8 +3666,8 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		}),
 		spineItem: t
 	});
-}, ja = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
-	position: Aa({
+}, Ca = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
+	position: Sa({
 		anchor: e,
 		spineItem: t,
 		spineLocator: n,
@@ -3756,14 +3675,14 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	}),
 	pageSizeWidth: i,
 	visibleAreaRectWidth: a
-}), Ma = ({ spine: e, spineItemsManager: t, spineLocator: n, url: r, context: i, pageSizeWidth: a, visibleAreaRectWidth: o }) => {
+}), wa = ({ 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);
+		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: ja({
+					position: Ca({
 						anchor: s.hash,
 						spineItem: r,
 						spine: e,
@@ -3782,7 +3701,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		console.error(e);
 		return;
 	}
-}, Na = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
+}, Ta = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
 	let a = r.getSpineItemClosestPositionFromUnsafePosition(t, e);
 	return $({
 		position: n.getSpinePositionFromSpineItemPosition({
@@ -3792,14 +3711,14 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		pageSizeWidth: i.pageSize.width,
 		visibleAreaRectWidth: i.absoluteViewport.width
 	});
-}, Pa = "spineNavigator", Fa = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
-	let s = Sa({
+}, Ea = "spineNavigator", Da = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
+	let s = ma({
 		context: e,
 		settings: r,
 		viewport: a
 	});
 	return {
-		getNavigationForUrl: (r) => Ma({
+		getNavigationForUrl: (r) => wa({
 			context: e,
 			spineItemsManager: t,
 			spineLocator: n,
@@ -3808,14 +3727,14 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			visibleAreaRectWidth: a.absoluteViewport.width,
 			spine: i
 		}),
-		getNavigationForSpineItemPage: (e) => Da({
+		getNavigationForSpineItemPage: (e) => ya({
 			...e,
 			spineItemsManager: t,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
-		getNavigationFromSpineItemPosition: (e) => Na({
+		getNavigationFromSpineItemPosition: (e) => Ta({
 			...e,
 			spineItemLocator: n.spineItemLocator,
 			spineLocator: n,
@@ -3824,7 +3743,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		getNavigationForCfi: (e) => {
 			let { node: t, offset: r = 0, spineItem: i } = o.resolveCfi({ cfi: e });
 			if (!i) {
-				R.warn(Pa, `unable to detect item id from cfi ${e}`);
+				R.warn(Ea, `unable to detect item id from cfi ${e}`);
 				return;
 			}
 			let c = t ? s.getNavigationFromNode(i, t, r) : new q({
@@ -3862,14 +3781,14 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				y: 0
 			});
 		},
-		getNavigationForPosition: (e) => Ea({
+		getNavigationForPosition: (e) => va({
 			viewportPosition: e,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
 		getMostPredominantNavigationForPosition: (o) => {
-			let c = r.values.computedPageTurnDirection, l = .5, u = wa({
+			let c = r.values.computedPageTurnDirection, l = .5, u = ga({
 				position: new J({
 					x: c === "horizontal" ? o.x + a.absoluteViewport.width * l : 0,
 					y: c === "horizontal" ? 0 : o.y + a.absoluteViewport.height * l
@@ -3879,21 +3798,21 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				spineItemsManager: t,
 				spine: i
 			});
-			return Ea({
+			return va({
 				spineItemNavigationResolver: s,
 				spineLocator: n,
 				viewportPosition: u,
 				viewport: a
 			});
 		},
-		clampPositionInSpine: (n, r) => wa({
+		clampPositionInSpine: (n, r) => ga({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
 			spineItemsManager: t,
 			spine: i
 		}),
-		getBoundaryForPosition: (n, r = a.absoluteViewport) => Ta({
+		getBoundaryForPosition: (n, r = a.absoluteViewport) => _a({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
@@ -3909,8 +3828,8 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		}),
 		spineItemNavigator: s
 	};
-}, Ia = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
-	let c = new m(), l = c.asObservable(), u = new ra(), d = s, f = Fa({
+}, Oa = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
+	let c = new m(), l = c.asObservable(), u = new Yi(), d = s, f = Da({
 		cfi: d,
 		context: t,
 		settings: i,
@@ -3918,11 +3837,11 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		locator: r.locator,
 		spine: r,
 		viewport: a
-	}), p = new Gi(i, n, t, r, a), h = new yi(a, i, n, r, t), g = [h, p], _ = new fa(i, t, l, () => g.find((e) => e.isActive()) ?? p, T(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), ee = v([
+	}), p = new Li(i, n, t, r, a), h = new di(a, i, n, r, t), g = [h, p], _ = new ia(i, t, l, () => g.find((e) => e.isActive()) ?? p, T(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), ee = v([
 		...g.map((e) => e.isNavigating$),
 		u.isLocked$,
 		_.locker.isLocked$
-	]).pipe(w((e) => e.some((e) => e) ? "busy" : "free"), y(), O(1)), te = _.navigation$.pipe(w(({ position: e }) => e), y(o), O(1));
+	]).pipe(w((e) => e.some((e) => e) ? "busy" : "free"), y(), k(1)), te = _.navigation$.pipe(w(({ position: e }) => e), y(o), k(1));
 	return {
 		destroy: () => {
 			g.forEach((e) => {
@@ -3943,7 +3862,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		navigation$: _.navigation$,
 		position$: te
 	};
-}, La = class extends U {
+}, ka = class extends U {
 	constructor(e, t) {
 		super({
 			beginPageIndexInSpineItem: void 0,
@@ -3960,10 +3879,10 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	update(e) {
 		this.mergeCompare(e);
 	}
-}, Ra = class extends Q {
+}, Aa = class extends Q {
 	constructor(e, t, n, r, i, a, o) {
 		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spine = r, this.spineItemLocator = i, this.isNavigationLocked$ = a, this.cfi = o;
-		let s = T(this.context.bridgeEvent.navigation$, r.layout$).pipe(A(() => {
+		let s = T(this.context.bridgeEvent.navigation$, r.layout$).pipe(j(() => {
 			let e = ({ spineItem: e, position: t }) => this.spine.locator.getVisiblePagesFromViewportPosition({
 				spineItem: e,
 				position: t,
@@ -3972,7 +3891,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 					value: .5
 				}
 			});
-			return this.isNavigationLocked$.pipe(b((e) => !e), ge(1), N(this.context.bridgeEvent.navigation$), M(([, t]) => {
+			return this.isNavigationLocked$.pipe(b((e) => !e), me(1), P(this.context.bridgeEvent.navigation$), N(([, t]) => {
 				let { position: n } = t, r = this.pagination.value, { beginIndex: i, endIndex: a } = this.spine.locator.getVisibleSpineItemsFromPosition({
 					position: n,
 					threshold: {
@@ -4001,7 +3920,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				});
 			}));
 		}));
-		T(s, s.pipe(St(this.context.bridgeEvent.viewportFree$), M(() => {
+		T(s, s.pipe(yt(this.context.bridgeEvent.viewportFree$), N(() => {
 			let { beginSpineItemIndex: e, endSpineItemIndex: t, beginPageIndexInSpineItem: n, endPageIndexInSpineItem: r } = this.pagination.value;
 			if (n === void 0 || r === void 0 || e === void 0 || t === void 0) return;
 			let i = this.spineItemsManager.get(e), a = this.spineItemsManager.get(t);
@@ -4017,16 +3936,16 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 					pageNode: s?.firstVisibleNode
 				}) : this.cfi.generateRootCfi(a.item)
 			});
-		}))).pipe(j(this.destroy$)).subscribe();
+		}))).pipe(M(this.destroy$)).subscribe();
 	}
-}, za = class extends Q {
+}, ja = class extends Q {
 	constructor(e) {
 		super();
 		let t = {
 			...this.getDefaultSettings(),
 			...e
 		};
-		this.inputSettings = t, this.outputSettingsUpdateSubject = new m(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(O(1)), this._settings$.subscribe();
+		this.inputSettings = t, this.outputSettingsUpdateSubject = new m(), this._settings$ = this.outputSettingsUpdateSubject.asObservable().pipe(k(1)), this._settings$.subscribe();
 	}
 	_prepareUpdate(e) {
 		let t = c(this.inputSettings, e), n = this.getOutputSettings(t), r = !o(this.outputSettings, n);
@@ -4055,14 +3974,14 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		return this._settings$;
 	}
 	watch(e) {
-		return this.values$.pipe(yt(e), y(o));
+		return this.values$.pipe(gt(e), y(o));
 	}
 	destroy() {
 		super.destroy(), this.outputSettingsUpdateSubject.complete();
 	}
-}, Ba = class extends za {
+}, Ma = class extends ja {
 	constructor(e, t) {
-		super(e), this.context = t, t.watch(["manifest", "hasVerticalWriting"]).pipe(M(() => this.update(this.values)), j(this.destroy$)).subscribe();
+		super(e), this.context = t, t.watch(["hasVerticalWriting"]).pipe(N(() => this.update(this.values)), M(this.destroy$)).subscribe();
 	}
 	getComputedSettings(e) {
 		let t = this.context.manifest, n = this.context.value.hasVerticalWriting ?? !1, r = {
@@ -4070,12 +3989,12 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			computedPageTurnAnimation: e.pageTurnAnimation,
 			computedPageTurnMode: e.pageTurnMode,
 			computedPageTurnAnimationDuration: 0,
-			computedSpreadMode: Hn({
+			computedSpreadMode: zn({
 				spreadMode: e.spreadMode,
 				manifest: t
 			})
 		};
-		return t?.renditionFlow === "scrolled-continuous" && (r.computedPageTurnMode = "scrollable"), r.computedPageTurnMode === "scrollable" && (r.computedPageTurnDirection = "vertical"), n && r.computedPageTurnAnimation === "slide" && (R.warn(`pageTurnAnimation ${r.computedPageTurnAnimation} incompatible with current book, switching back to default`), r.computedPageTurnAnimation = "none"), r.computedPageTurnMode === "scrollable" ? (r.computedPageTurnAnimationDuration = 0, r.computedPageTurnAnimation = "none") : r.computedPageTurnAnimationDuration = e.pageTurnAnimationDuration === void 0 ? 300 : e.pageTurnAnimationDuration, r;
+		return t.renditionFlow === "scrolled-continuous" && (r.computedPageTurnMode = "scrollable"), r.computedPageTurnMode === "scrollable" && (r.computedPageTurnDirection = "vertical"), n && r.computedPageTurnAnimation === "slide" && (R.warn(`pageTurnAnimation ${r.computedPageTurnAnimation} incompatible with current book, switching back to default`), r.computedPageTurnAnimation = "none"), r.computedPageTurnMode === "scrollable" ? (r.computedPageTurnAnimationDuration = 0, r.computedPageTurnAnimation = "none") : r.computedPageTurnAnimationDuration = e.pageTurnAnimationDuration === void 0 ? 300 : e.pageTurnAnimationDuration, r;
 	}
 	getOutputSettings(e) {
 		let t = this.getComputedSettings(e);
@@ -4100,27 +4019,25 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			numberOfAdjacentSpineItemToPreLoad: 3
 		};
 	}
-}, Va = class extends Nt {
-	onUnload() {
-		return u;
-	}
+}, Na = class extends At {
+	onUnload() {}
 	onCreateDocument() {
-		return E(document.createElement("div"));
+		return D(document.createElement("div"));
 	}
 	onLoadDocument() {
 		return u;
 	}
 	onLayout() {
-		return E(void 0);
+		return D(void 0);
 	}
 	onRenderHeadless() {
 		return u;
 	}
 	getDocumentFrame() {}
-}, Ha = class extends Q {
+}, Pa = 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 = Ii(s) ?? !1;
+			let i = this.viewport.value.pageSize.width, a = "none", o = t % this.viewport.absoluteViewport.width === 0, s = this.context.manifest, c = Oi(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);
@@ -4155,10 +4072,10 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				height: f
 			});
 		})), this.layout = (e) => {
-			let t = Ct(this.didLayout$.pipe(x()));
+			let t = bt(this.didLayout$.pipe(x()));
 			return this.layoutTriggerSubject.next(e), t();
 		};
-		let l = this.layoutTriggerSubject.pipe(A(({ spreadPosition: e, horizontalOffset: t, isLastItem: n, edgeX: r, edgeY: i }) => {
+		let l = this.layoutTriggerSubject.pipe(j(({ spreadPosition: e, horizontalOffset: t, isLastItem: n, edgeX: r, edgeY: i }) => {
 			let { blankPagePosition: a, minimumWidth: o } = this.computeLayoutInformation({
 				horizontalOffset: t,
 				isLastItem: n,
@@ -4175,7 +4092,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				minimumWidth: o,
 				spreadPosition: e
 			});
-			return T(E({ type: "start" }), s.pipe(this.updateContainerLayout({
+			return T(D({ type: "start" }), s.pipe(this.updateContainerLayout({
 				minimumWidth: o,
 				edgeX: r,
 				edgeY: i
@@ -4187,8 +4104,8 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				type: "end",
 				data: e
 			}))));
-		}), D());
-		this.didLayout$ = l.pipe(b((e) => e.type === "end"), w((e) => e.data), D());
+		}), O());
+		this.didLayout$ = l.pipe(b((e) => e.type === "end"), w((e) => e.data), O());
 	}
 	validateDimension(e, t, n) {
 		if (e <= 0) return n;
@@ -4202,7 +4119,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			height: e.height ? parseFloat(e.height) : 0
 		};
 	}
-}, Ua = class extends U {
+}, Fa = class extends U {
 	constructor(e, t, n, r, i, a, o) {
 		super({
 			isLoaded: !1,
@@ -4217,10 +4134,10 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		}, this.markDirty = () => {
 			this.mergeCompare({ isDirty: !0 });
 		}, this.destroy = () => {
-			super.destroy(), this.containerElement.remove(), this.renderer.destroy();
-		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = Wa(t, e, i), t.appendChild(this.containerElement);
+			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 = Ia(t, e, i), t.appendChild(this.containerElement);
 		let s = this.settings.values.getRenderer?.(e);
-		this.resourcesHandler = new Ft(e, this.settings);
+		this.resourcesHandler = new Mt(e, this.settings);
 		let c = {
 			context: n,
 			settings: r,
@@ -4230,7 +4147,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			resourcesHandler: this.resourcesHandler,
 			viewport: this.viewport
 		};
-		this.renderer = s ? s(c) : new Va(c), this._layout = new Ha(e, this.containerElement, n, i, this.renderer, this.settings, this.viewport);
+		this.renderer = s ? s(c) : new Na(c), this._layout = new Pa(e, this.containerElement, n, i, this.renderer, this.settings, this.viewport);
 		let l = this.renderer.state$.pipe(L(({ state: e, error: t }) => {
 			this.mergeCompare({
 				isLoaded: e === "loaded",
@@ -4243,7 +4160,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				isDirty: !1,
 				isReady: this.renderer.value.state === "loaded"
 			});
-		}), De()), T(l, this.didLayout$).pipe(I(this.destroy$)).subscribe();
+		}), we()), T(l, this.didLayout$).pipe(I(this.destroy$)).subscribe();
 	}
 	get isReady$() {
 		return this.watch("isReady");
@@ -4267,7 +4184,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		return this._layout.layoutInfo;
 	}
 	get numberOfPages() {
-		return va({
+		return ua({
 			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
 			itemHeight: this._layout.layoutInfo.height,
 			itemWidth: this._layout.layoutInfo.width,
@@ -4277,20 +4194,20 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			pageTurnMode: this.settings.values.pageTurnMode
 		});
 	}
-}, Wa = (e, t, n) => {
+}, Ia = (e, t, n) => {
 	let r = e.ownerDocument.createElement("div");
-	return r.setAttribute(`data-${Dn}`, ""), r.classList.add("spineItem"), r.classList.add(`spineItem-${t.renditionLayout ?? "reflowable"}`), r.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", r.dataset.isReady = "false", n.execute("item.onBeforeContainerAttach", {
+	return r.setAttribute(`data-${wn}`, ""), r.classList.add("spineItem"), r.classList.add(`spineItem-${t.renditionLayout ?? "reflowable"}`), r.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", r.dataset.isReady = "false", n.execute("item.onBeforeContainerAttach", {
 		element: r,
 		item: t
 	}), r;
-}, Ga = class extends Q {
+}, La = 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(w((e) => Array.from(e.keys()).sort((e, t) => e - t)), y(t), O({
+		let s = this.forcedOpenSubject.pipe(w((e) => Array.from(e.keys()).sort((e, t) => e - t)), y(t), k({
 			bufferSize: 1,
 			refCount: !0
 		}));
-		T(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(ne(100), St(this.context.bridgeEvent.viewportFree$), N(this.context.bridgeEvent.position$, s), w(([, e, t]) => {
+		T(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(ne(100), yt(this.context.bridgeEvent.viewportFree$), P(this.context.bridgeEvent.position$, s), w(([, e, t]) => {
 			let { numberOfAdjacentSpineItemToPreLoad: a } = i.values, { beginIndex: o = 0, endIndex: s = 0 } = r.getVisibleSpineItemsFromPosition({
 				position: e,
 				threshold: {
@@ -4302,7 +4219,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			n.items.forEach((e, t) => {
 				d.includes(t) ? e.load() : e.unload();
 			});
-		})).pipe(j(this.destroy$)).subscribe();
+		})).pipe(M(this.destroy$)).subscribe();
 	}
 	forceOpen(e) {
 		let t = e.map((e) => typeof e == "number" ? e : e.index), n = (e) => {
@@ -4319,13 +4236,13 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.forcedOpenSubject.complete();
 	}
-}, Ka = (e, t, n) => {
+}, Ra = (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
 	});
-}, qa = class e extends DOMRect {
+}, za = class e extends DOMRect {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("ViewportPosition");
 	}
@@ -4337,15 +4254,15 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		let r = t;
 		return new e(r.x, r.y, r.width, r.height);
 	}
-}, Ja = class {
+}, Ba = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
 	}
-}, Ya = class {
+}, Va = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
 	}
-}, Xa = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
+}, Ha = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
 	let r = n.items, i = n.get(t);
 	if (!i) return;
 	let { currentAbsolutePage: a } = r.reduce((t, n) => {
@@ -4363,45 +4280,45 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		found: !1
 	});
 	return a;
-}, Za = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
+}, Ua = ({ 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;
-}, Qa = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
+}, Wa = ({ 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;
-}, $a = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
+}, Ga = ({ 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 = Qa({
+	let h = Wa({
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p,
 		viewportPosition: s
 	});
-	return c ? { visible: h } : { visible: Za({
+	return c ? { visible: h } : { visible: Ua({
 		itemHeight: a,
 		itemWidth: i,
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p
 	}) || h };
-}, eo = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
+}, Ka = ({ 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;
-}, to = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
+}, qa = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
 	x: t + e.x,
 	y: n + e.y
-}), no = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
-	let s = eo({
+}), Ja = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
+	let s = Ka({
 		position: e,
 		spineItemsManager: r,
 		spineLayout: i
-	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Ka(e, o.absoluteViewport, c), u = qa.from(l, c), d = [];
+	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Ra(e, o.absoluteViewport, c), u = za.from(l, c), d = [];
 	for (let e of r.items) {
-		let { visible: r } = $a({
+		let { visible: r } = Ga({
 			itemPosition: i.getSpineItemSpineLayoutInfo(e),
 			threshold: t,
 			viewportPosition: u,
@@ -4416,14 +4333,14 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		beginIndex: m ?? 0,
 		endIndex: h ?? 0
 	};
-}, ro = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
+}, Ya = ({ 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) => to({
+	}, s = (e) => qa({
 		spineItemPosition: new q({
 			x: 0,
 			y: 0
@@ -4437,7 +4354,7 @@ var fi = (e) => (t) => e(t), pi = (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 = to({
+			let a = qa({
 				spineItemPosition: n.getSpineItemPositionFromPageIndex({
 					pageIndex: t,
 					spineItem: r
@@ -4456,8 +4373,8 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 				}
 			};
 		}).reduce((n, { absolutePosition: r, index: i }) => {
-			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ka(e, s.absoluteViewport, c), { visible: u } = $a({
-				viewportPosition: qa.from(l, c),
+			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ra(e, s.absoluteViewport, c), { visible: u } = Ga({
+				viewportPosition: za.from(l, c),
 				restrictToScreen: a,
 				threshold: t,
 				itemPosition: r
@@ -4470,11 +4387,11 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		};
 	};
 	return {
-		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => to({
+		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => qa({
 			itemLayout: i.getSpineItemSpineLayoutInfo(e),
 			spineItemPosition: t
 		}),
-		_getAbsolutePageIndexFromPageIndex: (n) => Xa({
+		_getAbsolutePageIndexFromPageIndex: (n) => Ha({
 			...n,
 			context: t,
 			settings: r,
@@ -4482,7 +4399,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			spineLayout: i
 		}),
 		getSpineItemPagePositionFromSpinePosition: (t) => {
-			let r = eo({
+			let r = Ka({
 				position: t,
 				spineItemsManager: e,
 				spineLayout: i
@@ -4503,14 +4420,14 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		},
 		getSpinePositionFromSpineItem: s,
 		getSpineItemPositionFromSpinePosition: o,
-		getSpineItemFromPosition: (t) => eo({
+		getSpineItemFromPosition: (t) => Ka({
 			position: t,
 			spineItemsManager: e,
 			spineLayout: i
 		}),
 		getSpineItemFromIframe: c,
 		getSpineItemPageIndexFromNode: l,
-		getVisibleSpineItemsFromPosition: (t) => no({
+		getVisibleSpineItemsFromPosition: (t) => Ja({
 			settings: r,
 			spineItemsManager: e,
 			spineLayout: i,
@@ -4534,25 +4451,25 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			});
 		}
 	};
-}, io = class extends Q {
+}, Xa = class extends Q {
 	constructor(e) {
-		super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.pipe(w((t) => ({
+		super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.pipe(w((t) => ({
 			item: e,
 			...t
-		})), y(o))))), D()), this.itemResize$ = this.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => xt(e.element).pipe(w((t) => ({
+		})), y(o))))), O()), this.itemResize$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => vt(e.element).pipe(w((t) => ({
 			entries: t,
 			item: e
-		})))))), D()), this.itemLoad$ = this.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.loaded$.pipe(w(() => e))))), D()), this.itemUnload$ = this.spineItemsManager.items$.pipe(A((e) => T(...e.map((e) => e.unloaded$.pipe(w(() => e))))), D());
+		})))))), O()), this.itemLoad$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.loaded$.pipe(w(() => e))))), O()), this.itemUnload$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.unloaded$.pipe(w(() => e))))), O());
 	}
-}, ao = class extends Q {
+}, Za = 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 = T(t.itemLoad$, t.itemUnload$).pipe(w(() => ({ immediate: !1 }))), o = T(this.externalLayoutTrigger, a);
-		this.layout$ = o.pipe(M(() => {
+		this.layout$ = o.pipe(N(() => {
 			this.spineItemsManager.items.forEach((e) => {
 				e.markDirty();
 			});
-		}), te((e) => e.immediate ? E(void 0) : ye(50)), A(() => this.spineItemsManager.items.reduce((t, a, o) => t.pipe(ee(({ horizontalOffset: t, verticalOffset: s }) => {
+		}), te((e) => e.immediate ? D(void 0) : _e(50)), j(() => this.spineItemsManager.items.reduce((t, a, o) => t.pipe(ee(({ horizontalOffset: t, verticalOffset: s }) => {
 			let c = t % i.absoluteViewport.width === 0, l = o === e.items.length - 1, u = r.values.computedPageTurnDirection === "vertical", d = n.isRTL(), f = this.getSpreadPosition(c, d), { edgeX: p, edgeY: m } = this.getStartEdges(u, c, t, s, i.absoluteViewport.height);
 			return a.layout({
 				spreadPosition: f,
@@ -4567,22 +4484,22 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 					verticalOffset: u ? m + t : 0
 				};
 			}));
-		})), E({
+		})), D({
 			horizontalOffset: 0,
 			verticalOffset: 0
-		}))), j(this.destroy$), D()), this.layout$.subscribe(), this.watchForVerticalWritingUpdate();
+		}))), M(this.destroy$), O()), this.layout$.subscribe(), this.watchForVerticalWritingUpdate();
 	}
 	watchForVerticalWritingUpdate() {
-		this.spineItemsObserver.itemLoad$.pipe(M((e) => {
+		this.spineItemsObserver.itemLoad$.pipe(N((e) => {
 			this.context.update({ hasVerticalWriting: e.isUsingVerticalWriting() });
-		}), j(this.destroy$)).subscribe();
+		}), M(this.destroy$)).subscribe();
 	}
 	layout(e = {}) {
 		this.externalLayoutTrigger.next(e);
 	}
 	getSpineItemSpineLayoutInfo(e) {
 		let t = this.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return this.spineItemsRelativeLayouts[t] || new pn({
+		return this.spineItemsRelativeLayouts[t] || new un({
 			left: 0,
 			right: 0,
 			top: 0,
@@ -4612,7 +4529,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		};
 	}
 	createSpineItemLayout(e, t, n, r, i, a, o) {
-		if (e) return new pn({
+		if (e) return new un({
 			left: n,
 			right: i + n,
 			top: r,
@@ -4623,7 +4540,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			y: r
 		});
 		let s = t ? o - n - i : n;
-		return new pn({
+		return new un({
 			right: t ? o - n : n + i,
 			left: s,
 			x: s,
@@ -4634,25 +4551,23 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			y: r
 		});
 	}
-}, oo = class extends Q {
+}, Qa = class extends Q {
 	constructor(e, t, n, r, i, a, o) {
-		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.hookManager = a, this.viewport = o, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new io(n), this.spineLayout = new ao(n, this.spineItemsObserver, e, i, o), this.locator = ro({
+		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.hookManager = a, this.viewport = o, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Xa(n), this.spineLayout = new Za(n, this.spineItemsObserver, e, i, o), this.locator = Ya({
 			context: e,
 			spineItemsManager: n,
 			spineItemLocator: r,
 			settings: i,
 			spineLayout: this.spineLayout,
 			viewport: o
-		}), this.spineItemsLoader = new Ga(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new Sr(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
-		let s = e.watch("rootElement").pipe(Ce(K), L((e) => {
+		}), this.spineItemsLoader = new La(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new yr(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
+		let s = e.watch("rootElement").pipe(be(K), L((e) => {
 			let t = e.ownerDocument.createElement("div");
 			t.style.cssText = "\n          height: 100%;\n          position: relative;\n        ", t.className = `${X}-spine`, this.elementSubject.next(t);
 		}));
-		T(v([this.context.manifest$, this.element$]).pipe(L(([e, t]) => {
-			if (!t) return;
-			this.spineItemsManager.destroyItems();
-			let n = e.spineItems.map((e, n) => new Ua(e, t, this.context, this.settings, this.hookManager, n, this.viewport));
-			this.spineItemsManager.addMany(n);
+		T(this.element$.pipe(be(K), L((e) => {
+			let t = this.context.manifest.spineItems.map((t, n) => new Fa(t, e, this.context, this.settings, this.hookManager, n, this.viewport));
+			this.spineItemsManager.addMany(t);
 		})), s).pipe(I(this.destroy$)).subscribe();
 	}
 	get element() {
@@ -4670,7 +4585,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
 	}
-}, so = class extends Q {
+}, $a = class extends Q {
 	constructor(e, t) {
 		super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new l([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
 	}
@@ -4682,7 +4597,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		return n > r ? "after" : n === r ? "same" : "before";
 	}
 	getSpineItemIndex(e) {
-		return (e instanceof Ua ? e : this.get(e))?.index;
+		return (e instanceof Fa ? e : this.get(e))?.index;
 	}
 	addMany(e) {
 		this.orderedSpineItemsSubject.next([...this.orderedSpineItemsSubject.getValue(), ...e]);
@@ -4696,10 +4611,13 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			e.destroy();
 		}), e.length && this.orderedSpineItemsSubject.next([]);
 	}
-}, co = class extends U {
+	destroy() {
+		this.destroyItems(), super.destroy();
+	}
+}, eo = class extends U {
 	constructor(e, t) {
 		let n = document.createElement("div");
-		n.setAttribute(`data-${Tn}`, ""), super({
+		n.setAttribute(`data-${Sn}`, ""), super({
 			element: n,
 			pageSize: {
 				width: 1,
@@ -4707,11 +4625,11 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 			},
 			width: 1,
 			height: 1
-		}), this.context = e, this.settingsManager = t, this.layoutSubject = new m(), this.layout$ = this.layoutSubject.asObservable(), T(this.settingsManager.watch(["computedSpreadMode"]).pipe(M(() => {
+		}), this.context = e, this.settingsManager = t, this.layoutSubject = new m(), this.layout$ = this.layoutSubject.asObservable(), T(this.settingsManager.watch(["computedSpreadMode"]).pipe(N(() => {
 			this.mergeCompare({ pageSize: this.calculatePageSize(this.value) });
-		})), this.context.watch("rootElement").pipe(M(() => {
+		})), this.context.watch("rootElement").pipe(N(() => {
 			this.layout();
-		}))).pipe(j(this.destroy$)).subscribe();
+		}))).pipe(M(this.destroy$)).subscribe();
 	}
 	calculatePageSize(e) {
 		let { computedSpreadMode: t } = this.settingsManager.values;
@@ -4722,7 +4640,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	}
 	syncAbsoluteViewportCssVariables(e) {
 		let { style: t } = this.value.element;
-		e.width > 0 ? B(t, On, `${e.width}px`) : V(t, On), e.height > 0 ? B(t, kn, `${e.height}px`) : V(t, kn);
+		e.width > 0 ? B(t, Tn, `${e.width}px`) : V(t, Tn), e.height > 0 ? B(t, En, `${e.height}px`) : V(t, En);
 	}
 	layout() {
 		let e = {
@@ -4735,7 +4653,7 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 		}), this.layoutSubject.next();
 	}
 	get absoluteViewport() {
-		return new Ja({
+		return new Ba({
 			width: this.value.width,
 			height: this.value.height
 		});
@@ -4749,91 +4667,82 @@ var fi = (e) => (t) => e(t), pi = (e, t, n) => {
 	}
 	get relativeViewport() {
 		let e = this.absoluteViewport, t = this.scaleFactor;
-		return new Ya({
+		return new Va({
 			width: e.width / t,
 			height: e.height / t
 		});
 	}
 	destroy() {
-		super.destroy(), this.layoutSubject.complete();
-	}
-}, lo = `${Cn}-core`, uo = (e) => {
-	let t = crypto.randomUUID(), n = new m(), r = new m(), i = new Bi(), a = new Ri(), o = new Ba(e, a), s = new zi(a, o), c = new so(a, o), l = new Fi(i, c), u = new co(a, o), d = xa({
-		context: a,
-		settings: o,
-		viewport: u
-	}), f = new La(a, c), p = new oo(a, f, c, d, o, i, u), h = Ia({
-		cfi: l,
-		context: a,
-		spineItemsManager: c,
-		hookManager: i,
-		spine: p,
-		settings: o,
-		viewport: u
-	}), g = new Ra(a, f, c, p, d, h.isLocked$, l);
-	h.navigationState$.subscribe(a.bridgeEvent.viewportStateSubject), h.navigation$.subscribe(a.bridgeEvent.navigationSubject), h.position$.subscribe(a.bridgeEvent.positionSubject), f.subscribe(a.bridgeEvent.paginationSubject);
-	let _ = (e = {}) => {
-		n.next(e);
-	}, v = (e) => {
-		let { containerElement: n, manifest: r } = e;
-		if (a.manifest) {
-			R.warn("loading a new book is not supported yet");
-			return;
-		}
-		R.log("load", { options: e });
-		let i = fo(n, t);
-		a.update({
-			manifest: r,
-			rootElement: i
-		}), _({ immediate: !0 });
-	}, ee = o.watch(["computedSpreadMode"]).pipe(ke(1), L(() => _())), te = T(n.pipe(L((e) => {
-		let t = a.value.rootElement;
-		t && (B(t.style, "overflow", "hidden"), u.layout(), p.layout(e));
-	}), I(r)), ee).subscribe();
-	return nt(document, lo, Vi), {
-		id: t,
-		context: a,
-		spine: p,
-		hookManager: i,
-		cfi: l,
-		navigation: h,
-		spineItemsObserver: p.spineItemsObserver,
-		spineItemsManager: c,
-		layout: _,
-		load: v,
+		super.destroy(), this.layoutSubject.complete(), this.value.element.remove();
+	}
+}, to = ({ manifest: e, cfi: t, ...n }) => {
+	let r = crypto.randomUUID(), i = `${bn}-core-${r}`, a = new m(), o = new m(), s = new Mi(), c = new Ai(e), l = new Ma(n, c), u = new ji(c, l), d = new $a(c, l), f = new Di(s, d), p = new eo(c, l), h = pa({
+		context: c,
+		settings: l,
+		viewport: p
+	}), g = new ka(c, d), _ = new Qa(c, g, d, h, l, s, p), v = Oa({
+		cfi: f,
+		context: c,
+		spineItemsManager: d,
+		hookManager: s,
+		spine: _,
+		settings: l,
+		viewport: p
+	}), ee = new Aa(c, g, d, _, h, v.isLocked$, f);
+	v.navigationState$.subscribe(c.bridgeEvent.viewportStateSubject), v.navigation$.subscribe(c.bridgeEvent.navigationSubject), v.position$.subscribe(c.bridgeEvent.positionSubject), g.subscribe(c.bridgeEvent.paginationSubject);
+	let te = (e = {}) => {
+		a.next(e);
+	}, ne = (e) => {
+		if (c.value.rootElement) throw Error("This reader is already mounted. A reader renders a single book, destroy it and create a new reader instead.");
+		R.log("mount", { containerElement: e }), $e(document, i, Ni);
+		let t = io(e, r);
+		c.update({ rootElement: t }), te({ immediate: !0 });
+	}, re = l.watch(["computedSpreadMode"]).pipe(Ee(1), L(() => te())), ie = T(a.pipe(L((e) => {
+		c.value.rootElement && (p.layout(), _.layout(e));
+	}), I(o)), re).subscribe();
+	return {
+		id: r,
+		context: c,
+		spine: _,
+		hookManager: s,
+		cfi: f,
+		navigation: v,
+		spineItemsObserver: _.spineItemsObserver,
+		spineItemsManager: d,
+		layout: te,
+		mount: ne,
 		destroy: () => {
-			rt(document, lo), te.unsubscribe(), c.destroy(), g.destroy(), o.destroy(), f.destroy(), a.destroy(), h.destroy(), p.destroy(), s.destroy(), r.next(), r.complete(), u.destroy();
+			let e = c.value.rootElement;
+			et(document, i), e && ao(e), ie.unsubscribe(), d.destroy(), ee.destroy(), l.destroy(), g.destroy(), c.destroy(), v.destroy(), _.destroy(), u.destroy(), o.next(), o.complete(), p.destroy();
 		},
 		pagination: {
 			get state() {
-				return f.value;
+				return g.value;
 			},
 			get state$() {
-				return f;
+				return g;
 			}
 		},
-		settings: o,
-		renderHeadless: (e) => c.get(e)?.renderer.renderHeadless() ?? E(void 0),
-		viewport: u,
-		viewportState$: a.bridgeEvent.viewportState$,
-		viewportFree$: a.bridgeEvent.viewportFree$,
-		state$: a.manifest$.pipe(P((e) => e ? "ready" : "idle")),
-		features: s,
-		$: { destroy$: r }
+		settings: l,
+		renderHeadless: (e) => d.get(e)?.renderer.renderHeadless() ?? D(void 0),
+		viewport: p,
+		viewportState$: c.bridgeEvent.viewportState$,
+		viewportFree$: c.bridgeEvent.viewportFree$,
+		mounted$: c.watch("rootElement").pipe(Se(K), ye()),
+		features: u,
+		$: { destroy$: o }
 	};
-}, fo = (e, t) => (e.style.cssText = `
-    ${e.style.cssText}
-    background-color: white;
-    position: relative;
-  `, e.classList.add(`${X}-reader`), e.setAttribute(wn, t), e.setAttribute("data-prose-reader-container", t), e), po = ci(jt(fi(At(dt(ri(di(wi(pr(ln(Jn(ft(gt($r(qn(ui(uo)))))))))))))))), mo = (e) => (t) => e(t), ho = 5e3, go = (e, { itemReadinessTimeoutMs: t = ho } = {}) => $n(e).pipe(A((n) => {
-	if (n.boundary === "start") return E(n);
+}, no = `${X}-reader`, ro = "data-prose-reader-container", io = (e, t) => (e.classList.add(no), z(e, xn, t), z(e, ro, t), e), ao = (e) => {
+	e.classList.remove(no), e.removeAttribute(xn), e.removeAttribute(ro);
+}, oo = ei(Ot(ii(Dt(ct(ri(gi(ur(on(Gn(lt(pt(Yr(Wn(ni(to))))))))))))))), so = (e) => (t) => e(t), co = 5e3, lo = (e, { itemReadinessTimeoutMs: t = co } = {}) => Xn(e).pipe(j((n) => {
+	if (n.boundary === "start") return D(n);
 	let r = e.spineItemsManager.items, i = r[r.length - 1];
-	return i ? i.value.isReady ? E(n) : i.isReady$.pipe(b(Boolean), x(), w(() => n), t === Infinity ? ue : ve({
+	return i ? i.value.isReady ? D(n) : i.isReady$.pipe(b(Boolean), x(), w(() => n), t === Infinity ? le : ge({
 		first: t,
 		with: () => u
-	}), Qn(e.navigation)) : u;
-}), D());
+	}), Yn(e.navigation)) : u;
+}), O());
 //#endregion
-export { hn as AbstractSpinePosition, kn as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, On as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, Fi as CfiManager, Ri as Context, Gi as ControlledNavigationController, Q as DestroyableClass, Nt as DocumentRenderer, zi as Features, wn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, En as HTML_PREFIX_SCROLL_NAVIGATOR, Dn as HTML_PREFIX_SPINE_ITEM, Tn as HTML_PREFIX_VIEWPORT, Cn as HTML_STYLE_PREFIX, Bi as HookManager, fa as InternalNavigator, un as LayoutEntry, ra as Locker, Sn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, bn as PROSE_READER_NAMESPACE, Sr as Pages, La as Pagination, Ra as PaginationController, U as ReactiveEntity, Ft as ResourceHandler, gr as ResourcesLocator, yi as ScrollNavigationController, _i as ScrollPosition, za as SettingsManager, oo as Spine, Ua as SpineItem, fn as SpineItemPageLayout, mn as SpineItemPageSpineLayout, q as SpineItemPosition, pn as SpineItemSpineLayout, so as SpineItemsManager, io as SpineItemsObserver, J as SpinePosition, vi as UnboundScrollPosition, dn as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, xn as VIEWPORT_ADJUSTMENT_THROTTLE, co as Viewport, hr as consolidate, po as createReader, Tt as deferIdle, Ct as deferNextResult, Di as generateCfiForSpineItemPage, Oi as generateCfiFromRange, Ti as generateRootCfi, at as getAttributeValueFromString, _t as getBase64FromBlob, ct as getFrameViewportInfo, ki as getItemAnchor, ln as htmlEnhancer, wt as idle, nt as injectCSS, ot as injectCSSToFrame, K as isDefined, $e as isHtmlElement, et as isHtmlTagElement, ji as isRootCfi, a as isShallowEqual, qn as layoutEnhancer, yt as mapKeysTo, go as observeBookBoundaryReached, Dt as observeIntersection, Et as observeMutation, Zn as observeNextSettledNavigation, xt as observeResize, Xn as observeSettledNavigation, $r as paginationEnhancer, Ni as parseCfi, vt as pick, Re as removeAttributeIfPresent, st as removeCSS, V as removeStylePropertyIfPresent, Pi as resolveCfi, mo as rootEnhancer, z as setAttributeIfChanged, ze as setPropertyIfChanged, B as setStylePropertyIfChanged, Wn as shouldEnableSpreadModeForViewport, Gn as shouldUseComputedSpreadModeForViewport, vr as spinePositionToSpineItemSpineLayout, Qn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, lt as waitForFrameLoad, ut as waitForFrameReady, Yn as waitForNavigationSettled, St as waitForSwitch, bt as watchKeys };
+export { fn as AbstractSpinePosition, En as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, Tn as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, Di as CfiManager, Ai as Context, Li as ControlledNavigationController, Q as DestroyableClass, At as DocumentRenderer, ji as Features, xn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, Cn as HTML_PREFIX_SCROLL_NAVIGATOR, wn as HTML_PREFIX_SPINE_ITEM, Sn as HTML_PREFIX_VIEWPORT, bn as HTML_STYLE_PREFIX, Mi as HookManager, ia as InternalNavigator, sn as LayoutEntry, Yi as Locker, yn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, _n as PROSE_READER_NAMESPACE, yr as Pages, ka as Pagination, Aa as PaginationController, U as ReactiveEntity, Mt as ResourceHandler, pr as ResourcesLocator, di as ScrollNavigationController, li as ScrollPosition, ja as SettingsManager, Qa as Spine, Fa as SpineItem, ln as SpineItemPageLayout, dn as SpineItemPageSpineLayout, q as SpineItemPosition, un as SpineItemSpineLayout, $a as SpineItemsManager, Xa as SpineItemsObserver, J as SpinePosition, ui as UnboundScrollPosition, cn as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, vn as VIEWPORT_ADJUSTMENT_THROTTLE, eo as Viewport, fr as consolidate, oo as createReader, St as deferIdle, bt as deferNextResult, yi as generateCfiForSpineItemPage, bi as generateCfiFromRange, _i as generateRootCfi, nt as getAttributeValueFromString, mt as getBase64FromBlob, at as getFrameViewportInfo, xi as getItemAnchor, on as htmlEnhancer, xt as idle, $e as injectCSS, rt as injectCSSToFrame, K as isDefined, Xe as isHtmlElement, Ze as isHtmlTagElement, Ci as isRootCfi, a as isShallowEqual, Wn as layoutEnhancer, gt as mapKeysTo, lo as observeBookBoundaryReached, wt as observeIntersection, Ct as observeMutation, Jn as observeNextSettledNavigation, vt as observeResize, qn as observeSettledNavigation, Yr as paginationEnhancer, Ti as parseCfi, ht as pick, Fe as removeAttributeIfPresent, it as removeCSS, V as removeStylePropertyIfPresent, Ei as resolveCfi, so as rootEnhancer, z as setAttributeIfChanged, Ie as setPropertyIfChanged, B as setStylePropertyIfChanged, Vn as shouldEnableSpreadModeForViewport, Hn as shouldUseComputedSpreadModeForViewport, hr as spinePositionToSpineItemSpineLayout, Yn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, ot as waitForFrameLoad, st as waitForFrameReady, Kn as waitForNavigationSettled, yt as waitForSwitch, _t as watchKeys };
 
 //# sourceMappingURL=index.js.map