@prose-reader/core 1.325.0 → 1.327.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, 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 = [
+import { BehaviorSubject as l, EMPTY as u, NEVER as d, Observable as f, ReplaySubject as p, Subject as m, animationFrameScheduler as h, auditTime as g, catchError as _, combineLatest as v, concatMap as y, debounce as ee, debounceTime as te, defaultIfEmpty as ne, defer as re, delay as ie, distinctUntilChanged as b, endWith as ae, exhaustMap as oe, filter as x, finalize as se, first as S, from as C, fromEvent as w, identity as ce, lastValueFrom as le, map as T, merge as E, mergeMap as ue, of as D, scheduled as de, share as O, shareReplay as k, skip as fe, startWith as pe, switchMap as A, switchScan as me, take as he, takeUntil as j, tap as M, throttleTime as ge, timeout as _e, timer as ve, withLatestFrom as N } from "rxjs";
+import { debounceTime as ye, distinctUntilChanged as be, filter as xe, first as Se, map as Ce, pairwise as we, share as Te, shareReplay as Ee, skip as De, startWith as Oe, switchMap as P, take as ke, takeUntil as F, tap as I } from "rxjs/operators";
+import { generate as Ae, isIndirectionOnly as je, isParsedCfiRange as Me, parse as Ne, resolve as Pe } from "@prose-reader/cfi";
+var L = e.namespace("@prose-reader/core", void 0, { color: "#98cde7" }), Fe = [
 	"pointercancel",
 	"pointerdown",
 	"pointerenter",
@@ -12,38 +12,38 @@ var R = e.namespace("@prose-reader/core", void 0, { color: "#98cde7" }), Pe = [
 	"pointerover",
 	"pointerup"
 ];
-function z(e, t, n) {
+function R(e, t, n) {
 	let r = String(n);
 	e.getAttribute(t) !== r && e.setAttribute(t, r);
 }
-function Fe(e, t) {
+function Ie(e, t) {
 	e.hasAttribute(t) && e.removeAttribute(t);
 }
-function Ie(e, t, n) {
+function Le(e, t, n) {
 	e[t] !== n && (e[t] = n);
 }
-function B(e, t, n) {
+function z(e, t, n) {
 	e.getPropertyValue(t) !== n && e.setProperty(t, n);
 }
-function V(e, t) {
+function B(e, t) {
 	e.getPropertyValue(t) !== "" && e.removeProperty(t);
 }
-function Le(e, t, n) {
+function Re(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 Re = (e, t) => {
+var ze = (e, t) => {
 	let n = "createRange" in e ? e : e.ownerDocument;
 	if (!n) return;
-	let r = "body" in e ? ze(e.body, t) : ze(e, t);
+	let r = "body" in e ? Be(e.body, t) : Be(e, t);
 	if (r) {
 		let e, i = 0, a = n.createRange();
 		return Array.from(r.childNodes).some((r) => {
 			a.selectNodeContents(r);
-			let o = Ve(a.getClientRects(), t);
+			let o = He(a.getClientRects(), t);
 			if (o) {
 				e = a.cloneRange();
-				let t = Le(n, Math.ceil(o.left), Math.ceil(o.top));
+				let t = Re(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,36 +55,36 @@ var Re = (e, t) => {
 			offset: 0
 		};
 	}
-}, ze = (e, t) => {
-	let n = Be(e.getBoundingClientRect(), t), r;
+}, Be = (e, t) => {
+	let n = Ve(e.getBoundingClientRect(), t), r;
 	n !== "before" && n !== "after" && (r = e);
 	for (let n of e.children) {
-		let e = ze(n, t);
+		let e = Be(n, t);
 		if (e) return e;
 	}
 	return r;
 };
-function Be(e, { left: t, right: n }) {
+function Ve(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 Ve(e, t) {
+function He(e, t) {
 	return Array.from(e).find((e) => {
-		let n = Be(e, t);
+		let n = Ve(e, t);
 		return n !== "before" && n !== "after";
 	});
 }
-var He = (e, t) => {
+var Ue = (e, t) => {
 	if (e.nodeType !== Node.CDATA_SECTION_NODE && e.nodeType !== Node.DOCUMENT_TYPE_NODE) {
 		let n = e.ownerDocument?.createRange();
 		n?.selectNodeContents(e);
 		try {
 			t <= (n?.endOffset || 0) && n?.setStart(e, t || 0);
 		} catch (e) {
-			R.error(e);
+			L.error(e);
 		}
 		return n;
 	}
-}, Ue = (e) => {
+}, We = (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 He = (e, t) => {
 		let t = e?.view;
 		if (t.PointerEvent && e instanceof t.PointerEvent) return !0;
 	}
-	return !!Pe.includes(e.type);
-}, We = (e) => {
-	if (Ue(e)) return !1;
+	return !!Fe.includes(e.type);
+}, Ge = (e) => {
+	if (We(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 He = (e, t) => {
 		if (t.MouseEvent) return e instanceof t.MouseEvent;
 	}
 	return !1;
-}, Ge = (e) => {
+}, Ke = (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 He = (e, t) => {
 		if (t.TouchEvent) return e instanceof t.TouchEvent;
 	}
 	return !1;
-}, Ke = () => document.createElement("div"), qe = (e) => {
+}, qe = () => document.createElement("div"), Je = (e) => {
 	let t = [
 		"img",
 		"video",
@@ -125,8 +125,8 @@ var He = (e, t) => {
 		"script"
 	].join(",");
 	return Array.from(e?.querySelectorAll(t) || []);
-}, Je = (e) => {
-	if (qe(e).forEach((t) => {
+}, Ye = (e) => {
+	if (Je(e).forEach((t) => {
 		let n = t.getAttribute("src") || t.getAttribute("href");
 		n?.startsWith("blob:") && e?.defaultView?.URL.revokeObjectURL(n);
 	}), e) {
@@ -136,7 +136,7 @@ var He = (e, t) => {
 				try {
 					return Array.from(n.cssRules || []);
 				} catch (e) {
-					return R.warn(`Error getting rules for sheet: ${n.href}`, e), [];
+					return L.warn(`Error getting rules for sheet: ${n.href}`, e), [];
 				}
 			})();
 			for (let n of t) if (e.defaultView && n instanceof e.defaultView.CSSFontFaceRule) {
@@ -148,20 +148,20 @@ var He = (e, t) => {
 		}
 	}
 };
-function Ye(e, t, n = []) {
+function Xe(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 Xe(e) {
-	return Ye(e, ["nodeType"], []) && e.nodeType === Node.ELEMENT_NODE;
+function Ze(e) {
+	return Xe(e, ["nodeType"], []) && e.nodeType === Node.ELEMENT_NODE;
 }
-function Ze(e, t) {
-	return Xe(e) && e.tagName.toLowerCase() === t.toLowerCase();
+function V(e, t) {
+	return Ze(e) && e.tagName.toLowerCase() === t.toLowerCase();
 }
 function Qe(e) {
-	return Ye(e, [
+	return Xe(e, [
 		"startContainer",
 		"endContainer",
 		"startOffset",
@@ -226,13 +226,13 @@ var $e = (e, t, n, r) => {
 		}
 	}
 	return { hasViewport: !1 };
-}, 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) => {
+}, ot = (e) => e.pipe(A((e) => e.src === "about:blank" && e.contentDocument?.readyState === "complete" && e.contentDocument.body ? D(e) : w(e, "load").pipe(he(1), T(() => e)))), st = (e) => e.pipe(A((e) => {
 	let t = e?.contentDocument?.fonts.ready;
-	return t ? S(t).pipe(w(() => e)) : D(e);
+	return t ? C(t).pipe(T(() => e)) : D(e);
 })), ct = (e) => (t) => {
-	let n = e(t), r = new IntersectionObserver((e) => {
+	let n = e(t), r = new ((n.context.document.defaultView?.IntersectionObserver) ?? IntersectionObserver)((e) => {
 		e.forEach((e) => {
-			e.isIntersecting ? Fe(e.target, "tab-index") : z(e.target, "tab-index", "-1");
+			e.isIntersecting ? Ie(e.target, "tab-index") : R(e.target, "tab-index", "-1");
 		});
 	}, {}), i = /* @__PURE__ */ new Map();
 	return n.hookManager.register("item.onDocumentLoad", async ({ itemId: e }) => {
@@ -255,13 +255,13 @@ var $e = (e, t, n, r) => {
 	}), { ...n };
 }, lt = (e) => (t) => {
 	let n = e(t);
-	return n.context.watch("rootElement").pipe(M(n.context.destroy$)).subscribe((e) => {
+	return n.context.watch("rootElement").pipe(j(n.context.destroy$)).subscribe((e) => {
 		e && e.addEventListener("scroll", () => {
 			n.settings.values.computedPageTurnMode === "controlled" && e.scrollTo(0, 0);
 		});
 	}), n.hookManager.register("item.onDocumentLoad", async ({ itemId: e }) => {
 		let t = n.spineItemsManager.get(e)?.renderer.getDocumentFrame();
-		t && t.contentDocument?.body && z(t.contentDocument.body, "tabindex", "-1");
+		t && t.contentDocument?.body && R(t.contentDocument.body, "tabindex", "-1");
 	}), n;
 }, 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;
@@ -273,8 +273,8 @@ var $e = (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 (Ue(e)) {
+	if (!a || !V(o, "iframe")) return e;
+	if (We(e)) {
 		let { clientX: n, clientY: r } = ut({
 			position: e,
 			frameElement: o,
@@ -291,7 +291,7 @@ var $e = (e, t, n, r) => {
 			enumerable: !0
 		}), i;
 	}
-	if (We(e)) {
+	if (Ge(e)) {
 		let { clientX: n, clientY: r } = ut({
 			position: e,
 			frameElement: o,
@@ -307,7 +307,7 @@ var $e = (e, t, n, r) => {
 			enumerable: !0
 		}), i;
 	}
-	if (Ge(e)) {
+	if (Ke(e)) {
 		let n = Array.from(e.touches).map((e) => {
 			let { clientX: t, clientY: n } = ut({
 				position: e,
@@ -350,7 +350,7 @@ var $e = (e, t, n, r) => {
 		let a = ft.map((e) => {
 			let t = (e) => {
 				let t = e;
-				if (Ue(e) && (t = new PointerEvent(e.type, e)), t !== e) {
+				if (We(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);
 				}
@@ -377,10 +377,10 @@ var $e = (e, t, n, r) => {
 }, ht = (e, t) => Object.entries(e).reduce((e, [n, r]) => t.includes(n) ? {
 	...e,
 	[n]: r
-} : e, {}), gt = (e) => Se((t) => ht(t, e)), _t = (e) => (t) => t.pipe(gt(e), ye(o));
+} : e, {}), gt = (e) => Ce((t) => ht(t, e)), _t = (e) => (t) => t.pipe(gt(e), be(o));
 function vt(e) {
 	return new f((t) => {
-		let n = new ResizeObserver((e) => {
+		let n = new ((e.ownerDocument.defaultView?.ResizeObserver) ?? ResizeObserver)((e) => {
 			t.next(e);
 		});
 		return n.observe(e), () => {
@@ -388,7 +388,7 @@ function vt(e) {
 		};
 	});
 }
-var yt = (e) => (t) => t.pipe(F((t) => e.pipe(xe(), Se(() => t)))), bt = (e) => {
+var yt = (e) => (t) => t.pipe(P((t) => e.pipe(Se(), Ce(() => t)))), bt = (e) => {
 	let t, n = e.subscribe((e) => {
 		t = { result: e };
 	});
@@ -409,17 +409,17 @@ function xt() {
 	});
 }
 function St(e) {
-	return ie(() => xt().pipe(F(e)));
+	return re(() => xt().pipe(P(e)));
 }
 var Ct = (e, t) => new f((n) => {
-	let r = new MutationObserver((e) => {
+	let r = new ((e.ownerDocument?.defaultView?.MutationObserver) ?? MutationObserver)((e) => {
 		n.next(e);
 	});
 	return r.observe(e, t), () => r.disconnect();
 });
 function wt(e, t) {
 	return new f((n) => {
-		let r = new IntersectionObserver((e) => {
+		let r = new ((e.ownerDocument.defaultView?.IntersectionObserver) ?? IntersectionObserver)((e) => {
 			n.next(e);
 		}, t);
 		return r.observe(e), () => {
@@ -433,10 +433,10 @@ 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(De(this.outputSettings))]).pipe(Se(([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(Oe(this.outputSettings))]).pipe(Ce(([e, t]) => ({
 			...e,
 			...t
-		})), Te(1)), this.values$.subscribe();
+		})), Ee(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,7 +459,7 @@ var Tt = class {
 		};
 	}
 	watch(e) {
-		return Array.isArray(e) ? this.values$.pipe(_t(e)) : this.values$.pipe(Se((t) => t[e]), ye(o));
+		return Array.isArray(e) ? this.values$.pipe(_t(e)) : this.values$.pipe(Ce((t) => t[e]), be(o));
 	}
 	destroy() {
 		this.outputSettingsUpdateSubject.complete();
@@ -504,14 +504,14 @@ var Tt = class {
 			let e = t?.renderer.getDocumentFrame();
 			e && H(e, "prose-reader-fonts", l());
 		}
-	}), c.values$.pipe((e) => e.pipe(Ce(), w(([e, t]) => t.fontScale !== e.fontScale || t.lineHeight !== e.lineHeight)), L((e) => {
+	}), c.values$.pipe((e) => e.pipe(we(), T(([e, t]) => t.fontScale !== e.fontScale || t.lineHeight !== e.lineHeight)), I((e) => {
 		s.spineItemsManager.items.forEach((e) => {
 			if (e.renditionLayout !== "pre-paginated") {
 				let t = e.renderer.getDocumentFrame();
 				t && H(t, "prose-reader-fonts", l());
 			}
 		}), e && s.layout();
-	}), M(s.$.destroy$)).subscribe(), {
+	}), j(s.$.destroy$)).subscribe(), {
 		...s,
 		destroy: () => {
 			o.complete(), c.destroy(), s.destroy();
@@ -519,7 +519,7 @@ var Tt = class {
 		settings: c
 	};
 }, Ot = (e) => (t) => {
-	let n = e(t), r = (e) => C(e, "keyup").pipe(w((e) => {
+	let n = e(t), r = (e) => w(e, "keyup").pipe(T((e) => {
 		let { pageTurnDirection: t, computedPageTurnMode: r } = n.settings.values;
 		if (r === "scrollable") return e;
 		if (t === "horizontal") {
@@ -532,18 +532,18 @@ var Tt = class {
 		}
 		return e;
 	}));
-	return r(document).pipe(M(n.$.destroy$)).subscribe(), n.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.watch("isLoaded").pipe(j(() => {
+	return r(n.context.document).pipe(j(n.$.destroy$)).subscribe(), E(...n.spineItemsManager.items.map((e) => e.watch("isLoaded").pipe(A(() => {
 		let t = e.renderer.getDocumentFrame();
-		return t instanceof HTMLIFrameElement && t?.contentDocument ? r(t.contentDocument) : u;
-	}))))), M(n.$.destroy$)).subscribe(), n;
-}, kt = (e) => e.spine.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.watch("isLoaded").pipe(j(() => {
+		return V(t, "iframe") && t.contentDocument ? r(t.contentDocument) : u;
+	})))).pipe(j(n.$.destroy$)).subscribe(), n;
+}, kt = (e) => E(...e.spine.spineItemsManager.items.map((e) => e.watch("isLoaded").pipe(A(() => {
 	let t = e.renderer.getDocumentFrame();
-	return t?.contentDocument ? T(...Array.from(t.contentDocument.querySelectorAll("a")).map((e) => C(e, "click"))) : d;
-}))))), N((e) => {
+	return t?.contentDocument ? E(...Array.from(t.contentDocument.querySelectorAll("a")).map((e) => w(e, "click"))) : d;
+})))).pipe(M((e) => {
 	e.preventDefault();
 }), O()), U = class extends f {
 	constructor(e) {
-		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();
+		super((e) => this.stateSubject.pipe(j(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,7 +556,7 @@ var Tt = class {
 		o(this.value, t) || this.stateSubject.next(t);
 	}
 	watch(e) {
-		return Array.isArray(e) ? this.stateSubject.pipe(_t(e)) : this.stateSubject.pipe(w((t) => t[e]), y(o));
+		return Array.isArray(e) ? this.stateSubject.pipe(_t(e)) : this.stateSubject.pipe(T((t) => t[e]), b(o));
 	}
 	get value() {
 		return this.stateSubject.value;
@@ -574,25 +574,25 @@ var Tt = class {
 			error: void 0,
 			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(E(() => this.value.state === "loaded" || this.value.state === "loading" ? u : (this.mergeCompare({
+		let t = this.triggerSubject.pipe(x((e) => e.type === "unload")), n = this.triggerSubject.pipe(x((e) => e.type === "load"));
+		this.loaded$ = n.pipe(ue(() => this.value.state === "loaded" || this.value.state === "loading" ? u : (this.mergeCompare({
 			state: "loading",
 			error: void 0
-		}), this.onCreateDocument().pipe(x()).pipe(E((e) => (this.hookManager.execute("item.onDocumentCreated", {
+		}), this.onCreateDocument().pipe(S()).pipe(ue((e) => (this.hookManager.execute("item.onDocumentCreated", {
 			itemId: this.item.id,
 			documentContainer: e
-		}), this.onLoadDocument().pipe(oe(null), x()).pipe(yt(this.context.bridgeEvent.viewportFree$), j(() => this.hookManager.fromExecuteAsync("item.onDocumentLoad", this.item.id, {
+		}), this.onLoadDocument().pipe(ae(null), S()).pipe(yt(this.context.bridgeEvent.viewportFree$), A(() => this.hookManager.fromExecuteAsync("item.onDocumentLoad", this.item.id, {
 			itemId: this.item.id,
 			documentContainer: e
-		}))))), w(() => {
+		}))))), T(() => {
 			this.mergeCompare({
 				state: "loaded",
 				error: void 0
 			});
-		}), M(t)))), O()), this.unloaded$ = t.pipe(E(() => this.value.state === "unloading" || this.value.state === "idle" ? u : (this.mergeCompare({
+		}), j(t)))), O()), this.unloaded$ = t.pipe(ue(() => this.value.state === "unloading" || this.value.state === "idle" ? u : (this.mergeCompare({
 			state: "unloading",
 			error: void 0
-		}), this.context.bridgeEvent.viewportFree$.pipe(x(), w(() => {
+		}), this.context.bridgeEvent.viewportFree$.pipe(S(), T(() => {
 			let e = this.value.documentContainer;
 			if (e) try {
 				this.hookManager.execute("item.onDocumentUnload", {
@@ -600,21 +600,21 @@ var Tt = class {
 					documentContainer: e
 				});
 			} catch (e) {
-				R.error("Error unloading document", e);
+				L.error("Error unloading document", e);
 			}
 			try {
 				this.onUnload();
 			} catch (e) {
-				R.error("Error unloading document", e);
+				L.error("Error unloading document", e);
 			}
 			this.mergeCompare({
 				state: "idle",
 				error: void 0
 			});
-		}), M(n)))), O()), T(this.loaded$, this.unloaded$).pipe(_((e) => (this.mergeCompare({
+		}), j(n)))), O()), E(this.loaded$, this.unloaded$).pipe(_((e) => (this.mergeCompare({
 			state: "error",
 			error: e
-		}), u)), M(this.destroy$)).subscribe();
+		}), u)), j(this.destroy$)).subscribe();
 	}
 	setDocumentContainer(t) {
 		t.classList.add(e.DOCUMENT_CONTAINER_CLASS_NAME), this.mergeCompare({ documentContainer: t });
@@ -626,7 +626,7 @@ var Tt = class {
 		this.documentContainer?.remove(), this.mergeCompare({ documentContainer: void 0 });
 	}
 	get isLoaded$() {
-		return this.state$.pipe(w((e) => e.state === "loaded"));
+		return this.state$.pipe(T((e) => e.state === "loaded"));
 	}
 	load() {
 		this.triggerSubject.next({ type: "load" });
@@ -636,16 +636,16 @@ var Tt = class {
 	}
 	renderHeadless() {
 		let e = new m();
-		return ie(() => this.onRenderHeadless({ release: e })).pipe(oe(void 0), x(), w((t) => {
+		return re(() => this.onRenderHeadless({ release: e })).pipe(ae(void 0), S(), T((t) => {
 			if (t) return {
 				doc: t,
 				release: () => {
 					e.next(void 0);
 				}
 			};
-		}), ce(() => {
+		}), se(() => {
 			e.complete();
-		}), _((e) => (R.error(e), D(void 0))));
+		}), _((e) => (L.error(e), D(void 0))));
 	}
 	layout(e) {
 		return this.onLayout(e);
@@ -660,12 +660,12 @@ var Tt = class {
 					documentContainer: e
 				});
 			} catch (e) {
-				R.error("Error while executing unload hooks on destroy", e);
+				L.error("Error while executing unload hooks on destroy", e);
 			}
 			try {
 				this.onUnload();
 			} catch (e) {
-				R.error("Error while unloading document on destroy", e);
+				L.error("Error while unloading document on destroy", e);
 			}
 		}
 		super.destroy();
@@ -690,7 +690,7 @@ var Tt = class {
 		this.item = e, this.settings = t;
 	}
 	async getResource() {
-		return await ue(this.settings.values.getResource?.(this.item) ?? D(void 0)) ?? jt(this.item);
+		return await le(this.settings.values.getResource?.(this.item) ?? D(void 0)) ?? jt(this.item);
 	}
 	async fetchResource() {
 		let e = await this.getResource();
@@ -739,7 +739,7 @@ var Tt = class {
 	let a = t.getAttribute("src") || t.getAttribute("href");
 	if (!a) return D(null);
 	let o = r.manifest.items.find(({ href: e }) => `${Nt(n, a).toLowerCase()}`.endsWith(`${e.toLowerCase()}`));
-	return o ? S(new Mt(o, i).getResource()).pipe(E((e) => e instanceof Response ? S(e.blob()) : D(void 0)), E((a) => {
+	return o ? C(new Mt(o, i).getResource()).pipe(ue((e) => e instanceof Response ? C(e.blob()) : D(void 0)), ue((a) => {
 		if (!a) return D(null);
 		let o = e?.defaultView?.URL.createObjectURL(a) ?? "";
 		if (t.hasAttribute("src")) t.setAttribute("src", o);
@@ -754,11 +754,11 @@ var Tt = class {
 		});
 		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));
+}, It = ({ settings: e, item: t, context: n }) => (r) => r.pipe(A((r) => {
+	let a = Je(r.contentDocument), o = i(t.href), s = a.map((t) => Ft(r.contentDocument, t, o, n, e));
+	return s.length === 0 ? D(r) : v(s).pipe(T(() => r));
 })), Lt = (e) => {
-	Je(e?.contentDocument);
+	Ye(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);
@@ -828,18 +828,18 @@ var Tt = class {
 		let n = URL.createObjectURL(t);
 		e.setAttribute("src", n);
 	};
-	return (r) => r.pipe(j((r) => S(t.getResource()).pipe(j((i) => {
+	return (r) => r.pipe(A((r) => C(t.getResource()).pipe(A((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) => {
+		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Vt(r), r?.setAttribute("src", i.href), D(r)) : (i instanceof URL ? C(t.fetchResource()) : D(i)).pipe(A((t) => {
 			if (!(t instanceof Response)) throw Error("Invalid resource");
 			return Rt(t, e);
-		}), N((e) => {
+		}), M((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), D(r))));
+		}), T(() => r), _((t) => (L.error(`Error while trying to fetch or load resource for item ${e.id}`, i), L.error(t), D(r))));
 	}))));
-}, 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;
+}, Ut = (e) => {
+	let t = e.createElement("iframe");
+	return t.frameBorder = "no", t.tabIndex = 0, t.setAttribute("sandbox", "\n  allow-same-origin \n  allow-scripts \n  allow-top-navigation-to-custom-protocols\n"), t.style.cssText = "\n  overflow: hidden;\n  background-color: transparent;\n  border: 0px none transparent;\n  padding: 0px;\n", t.setAttribute("role", "main"), t;
 }, 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);
@@ -1009,10 +1009,10 @@ var Tt = class {
 		width: o
 	};
 }, nn = (e, t) => {
-	B(e.style, "width", `${t.width}px`), B(e.style, "height", `${t.height}px`);
+	z(e.style, "width", `${t.width}px`), z(e.style, "height", `${t.height}px`);
 }, 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`);
+	z(n.style, "width", `${t}px`), f ? B(n.style, "height") : z(n.style, "height", `${p}px`);
 	let { viewportDimensions: m, computedScale: h = 1 } = Gt({
 		frameElement: n,
 		pageHeight: p,
@@ -1023,7 +1023,7 @@ var Tt = class {
 		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");
+		}), z(n.style, "position", "absolute"), z(n.style, "top", "50%"), z(n.style, "left", s === "before" ? o ? "25%" : "75%" : s === "after" ? o ? "75%" : "25%" : "50%"), z(n.style, "transform", `translate(-50%, -50%) scale(${h})`), z(n.style, "transform-origin", "center center");
 		else if (H(n, "prose-reader-css", c ? $t({
 			isScrollable: i === "scrolled-continuous",
 			enableTouch: l
@@ -1047,7 +1047,7 @@ var Tt = class {
 				height: r
 			});
 		}
-		return e % d === 0 ? B(n.style, "margin-left", "0px") : (e += t, o && !u && B(n.style, "margin-left", `${t}px`)), {
+		return e % d === 0 ? z(n.style, "margin-left", "0px") : (e += t, o && !u && z(n.style, "margin-left", `${t}px`)), {
 			width: e,
 			height: r
 		};
@@ -1057,7 +1057,7 @@ var Tt = class {
 		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 = Ut();
+		let e = Ut(this.context.document);
 		return this.setDocumentContainer(e), D(e);
 	}
 	onLoadDocument() {
@@ -1067,15 +1067,15 @@ var Tt = class {
 			item: this.item,
 			resourcesHandler: this.resourcesHandler,
 			settings: this.settings
-		}), yt(this.context.bridgeEvent.viewportFree$), N((e) => {
+		}), yt(this.context.bridgeEvent.viewportFree$), M((e) => {
 			this.prepareFrameForAttach(e), this.attach();
-		}), ot, N((e) => {
+		}), ot, M((e) => {
 			this.isPrePaginated() ? H(e, "prose-reader-css", Wt) : this.isImageType();
 		}), It({
 			context: this.context,
 			item: this.item,
 			settings: this.settings
-		}), st, N((e) => {
+		}), st, M((e) => {
 			this.revealFrameAfterReady(e);
 		}));
 	}
@@ -1087,7 +1087,7 @@ var Tt = class {
 		let { width: r, height: i } = this.viewport.pageSize, a = this.getFrameElement();
 		if (!a) return D(void 0);
 		let o = this.settings.values.computedPageTurnMode === "scrollable";
-		if (a.contentDocument?.documentElement && (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({
+		if (a.contentDocument?.documentElement && (R(a.contentDocument.documentElement, "data-prose-reader-html-renderer-spread-position", n), o ? a.contentDocument?.documentElement.classList.add("prose-reader-html-renderer-touch-enabled") : a.contentDocument?.documentElement.classList.remove("prose-reader-html-renderer-touch-enabled")), this.isPrePaginated()) return D(Zt({
 			blankPagePosition: t,
 			frameElement: a,
 			isRTL: this.context.isRTL(),
@@ -1112,7 +1112,7 @@ var Tt = class {
 		}));
 	}
 	onRenderHeadless() {
-		return S(this.resourcesHandler.fetchResource()).pipe(j((e) => {
+		return C(this.resourcesHandler.fetchResource()).pipe(A((e) => {
 			if (e instanceof Response) {
 				let t = e.headers.get("content-type") ?? "";
 				if ([
@@ -1120,14 +1120,14 @@ var Tt = class {
 					"application/xml",
 					"text/html",
 					"text/xml"
-				].includes(t)) return S(e.text()).pipe(w((e) => new DOMParser().parseFromString(e, t)));
+				].includes(t)) return C(e.text()).pipe(T((e) => new DOMParser().parseFromString(e, t)));
 			}
 			return D(void 0);
 		}));
 	}
 	getFrameElement() {
 		let e = this.documentContainer;
-		if (e instanceof HTMLIFrameElement) return e;
+		if (V(e, "iframe")) return e;
 	}
 	prepareFrameForAttach(e) {
 		e.style.setProperty("visibility", "hidden"), e.style.setProperty("pointer-events", "none"), e.style.setProperty("contain", "layout paint size"), e.style.setProperty("display", "block");
@@ -1162,7 +1162,7 @@ var Tt = class {
 			return t.getRenderer?.(e) ?? ((e) => new an(e));
 		}
 	}), r = kt(n);
-	return r.pipe(M(n.$.destroy$)).subscribe(), {
+	return r.pipe(j(n.$.destroy$)).subscribe(), {
 		...n,
 		links$: r
 	};
@@ -1223,14 +1223,14 @@ var sn = class {
 		y: u / c
 	};
 }, 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), () => {
+	let t, n = e.context.watch("rootElement").pipe(P((e) => e ? new f(() => (t = e.ownerDocument.createElement("div"), t.style.cssText = "\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        visibility: hidden;\n      ", e.appendChild(t), () => {
 		t?.remove(), t = void 0;
-	})) : d)), r = (e) => de(e, h).pipe(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(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$)));
+	})) : d)), r = (e) => de(e, h).pipe(I(() => {
+		t && z(t.style, "visibility", "hidden");
+	})), i = e.context.bridgeEvent.viewportBusy$.pipe(I(() => {
+		t && z(t.style, "visibility", "visible");
+	})), a = r(e.viewportFree$).pipe(ke(1));
+	return E(n, e.settings.values$.pipe(Ce(() => e.settings.values.computedPageTurnMode), be()).pipe(P((e) => e === "controlled" ? i.pipe(P(() => a)) : r(D(void 0))), F(e.$.destroy$)));
 }, _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(On);
@@ -1239,11 +1239,11 @@ var sn = class {
 	let i = n.ownerDocument.createElement("div");
 	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));
+	z(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");
+		z(n.style, "z-index", "0");
 		let i = jn({
 			container: n,
 			item: r
@@ -1252,13 +1252,13 @@ var sn = class {
 			loadingElement: i,
 			theme: e.theme.get()
 		}), t.set(n, i), n.appendChild(i);
-	}), T(e.spineItemsObserver.states$.pipe(L(({ item: e, isError: n, error: r }) => {
+	}), E(e.spineItemsObserver.itemStateChange$.pipe(I(({ item: e, isError: n, error: r }) => {
 		if (!n) return;
 		let i = t.get(e.containerElement);
 		if (!i) return;
 		let a = i.querySelector("[data-details-element]");
-		a instanceof HTMLElement && Ie(a, "innerText", r?.toString() ?? "Unknown error");
-	})), e.theme.$.theme$.pipe(L((n) => {
+		Ze(a) && Le(a, "innerText", r?.toString() ?? "Unknown error");
+	})), e.theme.$.theme$.pipe(I((n) => {
 		for (let r of e.spineItemsManager.items) {
 			let e = t.get(r.containerElement);
 			e && Nn({
@@ -1270,16 +1270,16 @@ var sn = class {
 }, Fn = (e) => {
 	e.hookManager.register("item.onDocumentLoad", async ({ itemId: t }) => {
 		let n = e.spineItemsManager.get(t)?.renderer.getDocumentFrame();
-		n && z(n, "scrolling", "no");
+		n && R(n, "scrolling", "no");
 	});
 }, 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;
+		if (i?.renditionLayout !== "reflowable" || !V(a, "iframe")) return;
 		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%");
+		o && n === "none" && s < r && V(c, "iframe") && z(c.style, "left", e.context.isRTL() ? "75%" : "25%");
 	});
-}, Ln = (e) => e.spineItemsObserver.states$.pipe(N(({ item: e, isReady: t, isDirty: n }) => {
+}, Ln = (e) => e.spineItemsObserver.itemStateChange$.pipe(M(({ item: e, isReady: t, isDirty: n }) => {
 	e.containerElement.dataset.isDirty = n.toString(), e.containerElement.dataset.isReady = t.toString();
 })), Rn = class extends Tt {
 	computeOutputSettings(e) {
@@ -1309,7 +1309,7 @@ var sn = class {
 		manifest: e,
 		viewport: t
 	})
-}), Un = (e) => v([e.viewport.watch(["width", "height"]), e.context.watch("manifest")]).pipe(N(([t, n]) => e.settings.update({ spreadMode: Vn({
+}), Un = (e) => v([e.viewport.watch(["width", "height"]), e.context.watch("manifest")]).pipe(M(([t, n]) => e.settings.update({ spreadMode: Vn({
 	manifest: n,
 	viewport: t
 }) }))), Wn = (e) => (t) => {
@@ -1354,25 +1354,25 @@ var sn = class {
             `);
 		}
 	}), 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");
+		z(e.style, "opacity", "0"), c.values.layoutLayerTransition && z(e.style, "transition", "opacity 800ms");
 	}), s.hookManager.register("item.onBeforeLayout", ({ item: e }) => {
 		let t = s.spineItemsManager.get(e.id)?.renderer.documentContainer;
-		s.settings.values.computedPageTurnMode !== "scrollable" && t && z(t, "tab-index", "0");
+		s.settings.values.computedPageTurnMode !== "scrollable" && t && R(t, "tab-index", "0");
 	});
-	let l = s.spineItemsObserver.states$.pipe(be(({ isReady: e }) => e), L(({ item: e }) => {
+	let l = s.spineItemsObserver.itemStateChange$.pipe(xe(({ isReady: e }) => e), I(({ item: e }) => {
 		let t = e.renderer.documentContainer;
-		t && B(t.style, "opacity", "1");
-	})), 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(() => {
+		t && z(t.style, "opacity", "1");
+	})), u = c.values$.pipe(xe(({ layoutAutoResize: e }) => e === "container"), P(() => s.context.watch("rootElement")), xe(K), P((e) => vt(e)), ye(100), xe(K), I(() => {
 		s?.layout();
 	})), d = gn(s);
-	c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(Ee(1), L(() => {
+	c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(De(1), I(() => {
 		s.layout();
-	}), I(s.$.destroy$)).subscribe();
-	let f = s.spine.pages.pipe(Te({
+	}), F(s.$.destroy$)).subscribe();
+	let f = s.spine.pages.pipe(Ee({
 		refCount: !0,
 		bufferSize: 1
 	}));
-	return T(l, d, u, f, Ln(s), Un(s), Pn(s)).pipe(I(s.$.destroy$)).subscribe(), {
+	return E(l, d, u, f, Ln(s), Un(s), Pn(s)).pipe(F(s.$.destroy$)).subscribe(), {
 		...s,
 		destroy: () => {
 			c.destroy(), s.destroy();
@@ -1383,7 +1383,7 @@ var sn = class {
 		coordinates: hn(s)
 	};
 }, Gn = (e) => (t) => {
-	let n = e(t), r = new IntersectionObserver((e) => {
+	let n = e(t), r = n.context.document.defaultView?.IntersectionObserver ?? IntersectionObserver, i = new r((e) => {
 		e.forEach((e) => {
 			let t = e.target, n = Array.from(t.contentDocument?.body.getElementsByTagName("audio") || []);
 			e.isIntersecting ? n.forEach((e) => {
@@ -1392,43 +1392,43 @@ var sn = class {
 				e.pause(), e.currentTime = 0;
 			});
 		});
-	}, { threshold: .01 }), i = new IntersectionObserver((e) => {
+	}, { threshold: .01 }), a = new r((e) => {
 		e.forEach((e) => {
 			if (e.target.tagName === "video") {
 				let t = e.target;
 				e.isIntersecting ? t.hasAttribute("autoplay") && t.paused && t.readyState >= 2 && t.play().catch(console.error) : (t.pause(), t.currentTime = 0);
 			}
 		});
-	}, { threshold: .5 }), a = /* @__PURE__ */ new Map();
+	}, { threshold: .5 }), o = /* @__PURE__ */ new Map();
 	n.hookManager.register("item.onDocumentLoad", async ({ itemId: e }) => {
-		a.get(e)?.(), a.delete(e);
+		o.get(e)?.(), o.delete(e);
 		let t = n.spineItemsManager.get(e)?.renderer.getDocumentFrame();
 		if (!t) return;
-		r.observe(t);
-		let o = t.contentDocument?.body.getElementsByTagName("video"), s = Array.from(o || []).map((e) => (i.observe(e), () => i.unobserve(e)));
-		a.set(e, () => {
-			r.unobserve(t), s.forEach((e) => {
+		i.observe(t);
+		let r = t.contentDocument?.body.getElementsByTagName("video"), s = Array.from(r || []).map((e) => (a.observe(e), () => a.unobserve(e)));
+		o.set(e, () => {
+			i.unobserve(t), s.forEach((e) => {
 				e();
 			});
 		});
 	}), n.hookManager.register("item.onDocumentUnload", ({ itemId: e }) => {
-		a.get(e)?.(), a.delete(e);
+		o.get(e)?.(), o.delete(e);
 	});
-	let o = () => {
-		r.disconnect(), i.disconnect(), a.clear(), n.destroy();
+	let s = () => {
+		i.disconnect(), a.disconnect(), o.clear(), n.destroy();
 	};
 	return {
 		...n,
-		destroy: o
+		destroy: s
 	};
-}, 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) => {
+}, Kn = (e) => (t) => t.pipe(A((t) => e.pipe(x((e) => e === "free"), S(), T(() => t)))), qn = ({ navigation$: e, navigationState$: t }) => e.pipe(Kn(t)), Jn = (e) => qn(e).pipe(fe(1)), Yn = (e) => (t) => t.pipe(j(Jn(e))), Xn = (e) => e.navigation.navigation$.pipe(x((e) => e.triggeredBy === "user"), Kn(e.navigation.navigationState$), T((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 })), O()), Zn = (e, t) => e.links$.pipe(N((n) => {
-	if (!Ze(n.target, "a") || n.type !== "click") return;
+}), x((e) => e !== void 0), T((e) => ({ boundary: e })), O()), Zn = (e, t) => e.links$.pipe(M((n) => {
+	if (!V(n.target, "a") || n.type !== "click") return;
 	let r = new URL(n.target.href), i = `${r.origin}${r.pathname}`;
 	e.context.manifest.spineItems.some((e) => e.href === i) && t.goToUrl(r);
-})), Z = R.namespace("navigation"), Qn = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
+})), Z = L.namespace("navigation"), Qn = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
 	let a = new q({
 		x: e.x - r,
 		y: e.y
@@ -1576,37 +1576,27 @@ var sn = class {
 	turnBottom() {
 		return this.turnRightOrBottom();
 	}
-	turnRightOrBottom() {
-		let e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
-		if (!t) return;
-		let n = rr({
+	turnWith(e) {
+		let t = this.reader.navigation.getNavigation(), n = this.reader.spineItemsManager.get(t.spineItem);
+		if (!n) return;
+		let r = e({
 			context: this.reader.context,
 			navigationResolver: this.reader.navigation.navigationResolver,
-			position: e.position,
+			position: t.position,
 			computedPageTurnDirection: this.reader.settings.values.computedPageTurnDirection,
-			spineItem: t,
+			spineItem: n,
 			spineItemsManager: this.reader.spineItemsManager,
 			spineLocator: this.reader.spine.locator,
 			viewport: this.reader.viewport,
 			settings: this.reader.settings
 		});
-		return this.reader.navigation.navigate({ position: n });
+		return this.reader.navigation.navigate({ position: r });
+	}
+	turnRightOrBottom() {
+		return this.turnWith(rr);
 	}
 	turnLeftOrTop() {
-		let e = this.reader.navigation.getNavigation(), t = this.reader.spineItemsManager.get(e.spineItem);
-		if (!t) return;
-		let n = er({
-			context: this.reader.context,
-			navigationResolver: this.reader.navigation.navigationResolver,
-			position: e.position,
-			computedPageTurnDirection: this.reader.settings.values.computedPageTurnDirection,
-			spineItem: t,
-			spineItemsManager: this.reader.spineItemsManager,
-			spineLocator: this.reader.spine.locator,
-			viewport: this.reader.viewport,
-			settings: this.reader.settings
-		});
-		return this.reader.navigation.navigate({ position: n });
+		return this.turnWith(er);
 	}
 	goToCfi(e, t = { animate: !0 }) {
 		return this.reader.navigation.navigate({
@@ -1777,21 +1767,21 @@ var sn = class {
 	}
 }, 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) => {
+		super(), this.scrollNavigationController = e, this.lock = t, this.navigationSubject = new m(), this.navigation$ = this.navigationSubject.asObservable(), E(this.scrollNavigationController.userScroll$.pipe(oe((e) => {
 			let t = this.lock();
-			return T(this.scrollNavigationController.userScroll$, D(e)).pipe(ne(or, h), x(), N(() => {
+			return E(this.scrollNavigationController.userScroll$, D(e)).pipe(te(or, h), S(), M(() => {
 				let e = this.scrollNavigationController.fromScrollPosition(this.scrollNavigationController.scrollPosition);
 				this.navigationSubject.next({
 					animation: !1,
 					type: "scroll",
 					position: e
 				});
-			}), ce(() => {
+			}), se(() => {
 				t();
 			}));
-		}))).pipe(M(this.destroy$)).subscribe();
+		}))).pipe(j(this.destroy$)).subscribe();
 	}
-}, cr = (e) => e.pagination.state$.pipe(P(e.settings.values$), w(([t, { computedPageTurnDirection: n }]) => {
+}, cr = (e) => e.pagination.state$.pipe(N(e.settings.values$), T(([t, { computedPageTurnDirection: n }]) => {
 	let { spineItems: r, readingDirection: i } = e.context.manifest, a = r.length ?? 0, o = t.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: n !== "vertical" && !u,
@@ -1801,21 +1791,21 @@ var sn = class {
 		canGoLeftSpineItem: n !== "vertical" && (i === "ltr" && !o || i === "rtl" && !c),
 		canGoRightSpineItem: n !== "vertical" && (i === "ltr" && !s || i === "rtl" && !l)
 	};
-}), y(a)), lr = ({ reader: e, duration: t }) => (n) => {
+}), b(a)), lr = ({ reader: e, duration: t }) => (n) => {
 	let r, i = () => {
 		r?.(), r = void 0;
 	};
-	return n.pipe(N(() => {
+	return n.pipe(M(() => {
 		r ||= e?.navigation.lock();
-	}), he(t, void 0, {
+	}), ge(t, void 0, {
 		trailing: !0,
 		leading: !0
-	}), N(i), ce(i));
+	}), M(i), se(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) => {
+	E(Zn(n, a), s.navigation$.pipe(M((e) => {
 		n.navigation.navigate(e);
-	}))).pipe(M(n.$.destroy$)).subscribe();
+	}))).pipe(j(n.$.destroy$)).subscribe();
 	let c = (e) => {
 		n.mount(e), t.cfi && a.goToCfi(t.cfi, { animate: !1 });
 	}, l = () => {
@@ -1876,7 +1866,7 @@ var sn = class {
 	};
 }, fr = (e, t) => {
 	let n = e?.itemPageIndex, { itemIndex: r, ...i } = t.cfi.parseCfi(e.cfi), a = t.spineItemsManager.get(r);
-	return a ? xt().pipe(P(a.isReady$), w(([, o]) => {
+	return a ? xt().pipe(N(a.isReady$), T(([, o]) => {
 		let { node: s = null, offset: c, range: l } = o ? t.cfi.resolveCfi({ cfi: e.cfi }) : {};
 		a.renditionLayout !== "pre-paginated" && s && (n = t.spine.locator.spineItemLocator.getSpineItemPageIndexFromNode(s, c ?? 0, a) ?? n);
 		let u = e?.absolutePageIndex;
@@ -1909,16 +1899,16 @@ var sn = class {
 				meta: dr(this.reader, e)
 			};
 			return St(() => {
-				let r = this.reader.spineItemsManager.get(n.meta.itemIndex ?? 0), i = r?.renditionLayout === "reflowable", a = t.mode === "shallow" || !i || !r ? () => {} : this.reader.spine.spineItemsLoader.forceOpen([r.index]), o = "cfi" in e ? e.cfi : void 0, s = o ? this.locatorsByKey.get(o) : void 0, c = (e) => e.pipe(ce(() => {
+				let r = this.reader.spineItemsManager.get(n.meta.itemIndex ?? 0), i = r?.renditionLayout === "reflowable", a = t.mode === "shallow" || !i || !r ? () => {} : this.reader.spine.spineItemsLoader.forceOpen([r.index]), o = "cfi" in e ? e.cfi : void 0, s = o ? this.locatorsByKey.get(o) : void 0, c = (e) => e.pipe(se(() => {
 					o && this.deregisterMemoizedStream(o), setTimeout(() => {
 						a();
 					}, 1e3);
 				}));
-				if (o && s) return s.observerCount++, c(s.consolidate$.pipe(w(({ resource: e, meta: t }) => ({
+				if (o && s) return s.observerCount++, c(s.consolidate$.pipe(T(({ resource: e, meta: t }) => ({
 					resource: e,
 					meta: t
 				}))));
-				let l = this.reader.spine.layout$.pipe(ne(10), A(n), pe((e) => fr(e.meta, this.reader).pipe(w((t) => ({
+				let l = this.reader.spine.layout$.pipe(te(10), pe(n), me((e) => fr(e.meta, this.reader).pipe(T((t) => ({
 					...e,
 					meta: t
 				}))), n), k({
@@ -1933,9 +1923,9 @@ var sn = class {
 		};
 	}
 	locateResource(e, t) {
-		return Array.isArray(e) ? St(() => 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(ne([]))) : this.locate(e, t ?? {});
 	}
-}, mr = R.namespace("spine"), hr = ({ position: e, pageSize: t }) => new dn({
+}, mr = L.namespace("spine"), hr = ({ position: e, pageSize: t }) => new dn({
 	...e,
 	left: e.x,
 	top: e.y,
@@ -1955,7 +1945,7 @@ var sn = class {
 		firstVisibleNode: void 0
 	} : {
 		...n,
-		firstVisibleNode: Re(r, e.layout)
+		firstVisibleNode: ze(r, e.layout)
 	};
 }, vr = (e) => new f((t) => {
 	if (e.length === 0) {
@@ -1988,7 +1978,7 @@ var sn = class {
 	};
 }), 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(P(o), j(([, { pageSize: e }]) => vr(n.items.reduce((t, n, i) => {
+		super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = n, this.spineItemLocator = r, this.context = i, this.locator = a, this.viewport = o, this.fromSpineItemPageIndex = (t, n) => e.fromSpineItemPageIndex(this.value, t, n), this.fromNextPageWithinSameSpineItem = (t) => e.fromNextPageWithinSameSpineItem(this.value, t), this.fromAbsolutePageIndex = (t) => e.fromAbsolutePageIndex(this.value, t), this.observeFromAbsolutePageIndex = (e) => this.pipe(T(() => this.fromAbsolutePageIndex(e))), this.layout$ = t.layout$.pipe(N(o), A(([, { pageSize: e }]) => vr(n.items.reduce((t, n, i) => {
 			for (let o = 0; o < n.numberOfPages; o += 1) {
 				let s = r.getSpineItemPositionFromPageIndex({
 					spineItem: n,
@@ -2019,7 +2009,7 @@ var sn = class {
 				});
 			}
 			return t;
-		}, []))), w((e) => (mr.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(M(this.destroy$)).subscribe(this.next.bind(this));
+		}, []))), T((e) => (mr.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
 	}
 	static {
 		this.fromSpineItemPageIndex = (e, t, n) => {
@@ -2174,7 +2164,7 @@ var sn = class {
 }, 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));
-}, Vr = (e, t, n, r, i, a) => i.isReady$.pipe(x(), P(e.layoutInfo$), w(([o, s]) => {
+}, Vr = (e, t, n, r, i, a) => i.isReady$.pipe(S(), N(e.layoutInfo$), T(([o, s]) => {
 	let c = a.renditionLayout === "pre-paginated", l = a.spineItems.length || 0, u = a.spineItems.slice(0, t).reduce((e, t) => e + (t.progressionWeight ?? 0), 0) || 0, d = e.spineItemsManager.getSpineItemIndex(i) ?? 0, f = a.spineItems.length ?? 0, p = s.pages.filter((e) => e.itemIndex === d).length ?? 0, m = a.spineItems[t]?.progressionWeight ?? (d + 1) / f, h = (n + 1) * (m / p);
 	!c && i.renditionLayout === "reflowable" && !o && (h = 0);
 	let g = u + h;
@@ -2211,7 +2201,7 @@ var sn = class {
 }, 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 ? Vr(e, t.endSpineItemIndex ?? 0, t.endPageIndexInSpineItem || 0, n, i, r) : D(0);
-}, Kr = (e) => D(e.context.manifest).pipe(w((e) => {
+}, Kr = (e) => D(e.context.manifest).pipe(T((e) => {
 	let t = Tr(e.nav?.toc ?? [], e);
 	return {
 		tocCandidatesBySpineHref: Er({
@@ -2230,10 +2220,10 @@ var sn = class {
 		bufferSize: 1,
 		refCount: !0
 	})), i = v([
-		t.pipe(w(qr), y(o)),
+		t.pipe(T(qr), b(o)),
 		r,
 		n
-	]).pipe(w(([t, n, r]) => Hr({
+	]).pipe(T(([t, n, r]) => Hr({
 		beginItem: e.spineItemsManager.get(t.beginSpineItemIndex),
 		endItem: e.spineItemsManager.get(t.endSpineItemIndex),
 		paginationInfo: t,
@@ -2244,31 +2234,31 @@ var sn = class {
 		refCount: !0
 	})), a = v([
 		t,
-		e.settings.watch(["computedSpreadMode"]).pipe(w((e) => e.computedSpreadMode ?? !1), y()),
+		e.settings.watch(["computedSpreadMode"]).pipe(T((e) => e.computedSpreadMode ?? !1), b()),
 		i,
-		v([n, e.spineItemsManager.items$]).pipe(w(([e, t]) => Ur({
-			items: t,
-			pagesState: e
-		})), y(Wr))
-	]).pipe(w(([e, t, n, r]) => ({
+		n.pipe(T((t) => Ur({
+			items: e.spineItemsManager.items,
+			pagesState: t
+		})), b(Wr))
+	]).pipe(T(([e, t, n, r]) => ({
 		...e,
 		...n,
 		isUsingSpread: t,
 		...r
-	}))), s = qn(e.navigation).pipe(w(({ position: e }) => e), y(o));
+	}))), s = qn(e.navigation).pipe(T(({ position: e }) => e), b(o));
 	return v([a, v([
 		t,
 		e.layout$,
 		s
-	]).pipe(j(([t, n, r]) => Gr({
+	]).pipe(A(([t, n, r]) => Gr({
 		reader: e,
 		paginationInfo: t,
 		navigationPosition: r,
 		manifest: e.context.manifest
-	})), w((e) => ({ percentageEstimateOfBook: e })))]).pipe(w(([e, t]) => ({
+	})), T((e) => ({ percentageEstimateOfBook: e })))]).pipe(T(([e, t]) => ({
 		...e,
 		...t
-	})), y(o), g(5));
+	})), b(o), g(5));
 }, Yr = (e) => (t) => {
 	let n = e(t), r = new l({
 		...n.pagination.state,
@@ -2285,7 +2275,7 @@ var sn = class {
 		endChapterInfo: void 0,
 		endSpineItemReadingDirection: void 0,
 		percentageEstimateOfBook: 0
-	}), i = new pr(n), a = Jr(n).pipe(N((e) => R.log("Pagination", e))).subscribe(r);
+	}), i = new pr(n), a = Jr(n).pipe(M((e) => L.log("Pagination", e))).subscribe(r);
 	return {
 		...n,
 		locateResource: i.locateResource.bind(i),
@@ -2313,7 +2303,7 @@ var sn = class {
 				n.setStart(e.node, r), n.setEnd(e.node, i);
 			}
 		} catch (n) {
-			R.warn("Failed to create range from selection", n, {
+			L.warn("Failed to create range from selection", n, {
 				anchor: e,
 				focus: t
 			});
@@ -2331,7 +2321,7 @@ var sn = class {
 			offset: a
 		});
 	} catch (n) {
-		R.warn("Failed to create range from selection", n, {
+		L.warn("Failed to create range from selection", n, {
 			selection: e,
 			spineItem: t
 		});
@@ -2346,48 +2336,48 @@ var sn = class {
 			let n = Ct(t.body, {
 				childList: !0,
 				subtree: !0
-			}).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) => {
+			}).pipe(x((e) => !!e.find((e) => e.type === "childList" && e.removedNodes.length))), r = e.parentElement ? Ct(e.parentElement, { childList: !0 }).pipe(x((t) => !!t.find((t) => Array.from(t.removedNodes).includes(e)))) : D(null);
+			this.selectionChange$ = E(w(t, "selectionchange"), n).pipe(T(() => t.getSelection()), j(E(r, this.destroy$)), ae(null)), this.selectionOver$ = w(t, "pointerdown").pipe(A(() => E(w(t, "pointerup"), w(t, "pointercancel"), w(t, "contextmenu")).pipe(S(), ie(0), T((e) => {
 				let n = t.getSelection();
 				return n && !n.isCollapsed ? [e, n] : void 0;
-			}), b(K))), M(T(r, this.destroy$)));
+			}), x(K))), j(E(r, this.destroy$)));
 		}
 	}
-}, $r = (e) => e.watch("isLoaded").pipe(j(() => {
+}, $r = (e) => e.watch("isLoaded").pipe(A(() => {
 	let t = e.renderer.getDocumentFrame(), n = t?.contentDocument || t?.contentWindow?.document;
 	if (!t || !n) return d;
 	let r = new Qr(t);
-	return T(r.selectionChange$.pipe(w((e) => {
+	return E(r.selectionChange$.pipe(T((e) => {
 		if (e?.toString()) return {
 			type: "change",
 			selection: e
 		};
-	})), r.selectionOver$.pipe(w(([e, t]) => ({
+	})), r.selectionOver$.pipe(T(([e, t]) => ({
 		type: "over",
 		event: e,
 		selection: t
-	})))).pipe(M(e.unloaded$), oe(void 0), ce(() => {
+	})))).pipe(j(e.unloaded$), ae(void 0), se(() => {
 		r.destroy();
 	}));
-}), y()), ei = (e) => (t) => {
-	let n = e(t), r, i = n.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => {
+}), b()), ei = (e) => (t) => {
+	let n = e(t), r, i = E(...n.spineItemsManager.items.map((e) => {
 		let t = n.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return $r(e).pipe(w((e) => {
+		return $r(e).pipe(T((e) => {
 			if (e) return {
 				...e,
 				itemIndex: t
 			};
 		}));
-	}))), A(void 0), y(), N((e) => {
+	})).pipe(pe(void 0), b(), M((e) => {
 		r = e;
 	}), k({
 		refCount: !0,
 		bufferSize: 1
-	})), 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({
+	})), a = i, o = i.pipe(T((e) => !!e), b(), x((e) => e), O()), s = o.pipe(A(() => a), b(), x((e) => !e), O()), c = i.pipe(x((e) => e?.type === "over"), O()), l = n.context.watch("rootElement").pipe(x(K), A((e) => w(e, "pointerdown")), N(a), T(([, e]) => e), pe(void 0), k({
 		refCount: !0,
 		bufferSize: 1
 	}));
-	return T(a, l).pipe(M(n.$.destroy$)).subscribe(), {
+	return E(a, l).pipe(j(n.$.destroy$)).subscribe(), {
 		...n,
 		selection: {
 			selection$: a,
@@ -2430,7 +2420,7 @@ var sn = class {
     `;
 	}, a = ({ container: e }) => {
 		let t = ti.find((e) => e.name === r.value);
-		return t && B(e.style, "background-color", t.backgroundColor), () => {};
+		return t && z(e.style, "background-color", t.backgroundColor), () => {};
 	}, o = () => {
 		n.spineItemsManager.items.forEach((e) => {
 			let t = e.renderer.getDocumentFrame();
@@ -2443,9 +2433,9 @@ var sn = class {
 			let e = t?.renderer.getDocumentFrame();
 			e && H(e, "prose-reader-theme", i());
 		}
-	}), n.spineItemsManager.items$.pipe(L((e) => e.map(({ element: e }) => a({ container: e }))), I(n.$.destroy$)).subscribe(), r.pipe(L(() => {
+	}), r.pipe(I(() => {
 		o();
-	}), I(n.$.destroy$)).subscribe(), {
+	}), F(n.$.destroy$)).subscribe(), {
 		...n,
 		theme: {
 			set: (e) => {
@@ -2456,7 +2446,7 @@ var sn = class {
 		}
 	};
 }, 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 n = e(t), r = (e) => !!(Ze(e) && (e.nodeName === "a" ? e : e.closest("a"))?.getAttribute("href")), i = (e, t, r) => {
 		let i = r.replace("${id}", n.id);
 		return $e(e, `${t}-${n.id}`, i);
 	};
@@ -2481,9 +2471,9 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		y: Math.min(Math.max(e.y, a.minY), a.maxY)
 	};
 }, oi = (e, t, n) => {
-	B(n.style, "transform-origin", "0 0");
+	z(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}`);
+	z(n.style, "transform", `${r} ${i}`);
 }, 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 {
@@ -2508,20 +2498,20 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				left: n.x,
 				top: n.y,
 				behavior: "instant"
-			}), _e(1).pipe(N(() => {
+			}), ve(1).pipe(M(() => {
 				this.scrollingSubject.next(!1);
-			}), M(T(this.scrollingSubject.pipe(fe(1)), this.destroy$))).subscribe(), this.hookManager.execute("onViewportOffsetAdjust", void 0));
+			}), j(E(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(_t(["rootElement"]), N(({ rootElement: e }) => {
+		let a = this.context.pipe(_t(["rootElement"]), M(({ rootElement: e }) => {
 			if (!e) return;
-			let t = document.createElement("div");
+			let t = this.context.document.createElement("div");
 			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(N(this.applyNavigationPosition));
+		})), o = v([t.watch(["computedPageTurnMode"]), this.watch("element")]).pipe(M(([{ computedPageTurnMode: e }, t]) => {
+			t && (e === "scrollable" ? z(t.style, "display", "block") : z(t.style, "display", "contents"));
+		})), s = this.navigateSubject.pipe(M(this.applyNavigationPosition));
 		this.isNavigating$ = this.scrollingSubject.asObservable();
-		let c = 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();
+		let c = v([E(r.element$.pipe(x(K), A((e) => vt(e))), r.element$.pipe(x(K), A((e) => w(e, "scroll"))), r.spineItemsObserver.itemResize$).pipe(A(() => ve(10).pipe(T(() => !1), pe(!0))), b(), pe(!1)), this.isNavigating$]).pipe(T(([e, t]) => e || t), k(1));
+		this.userScroll$ = this.watch("element").pipe(x(K), A((e) => t.watch(["computedPageTurnMode"]).pipe(A(({ computedPageTurnMode: t }) => t === "controlled" ? d : w(e, "scroll").pipe(N(c), x(([, e]) => !e), T(([e]) => e))))), O()), E(a, o, s).pipe(j(this.destroy$)).subscribe();
 	}
 	update(e) {
 		this.mergeCompare(e);
@@ -2560,8 +2550,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		y: p - o / 2 + i
 	});
 }, 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 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 ?? qe(), s, e, c, l), d = e < 1 ? "down" : "up";
+	o && R(o, `data-${X}-zooming-direction`, d), e < 1 ? z(i.style, "transform-origin", "top") : e > 1 && z(i.style, "transform-origin", `${c}px ${l}px`), z(i.style, "transform", `scale(${e})`);
 	let f = r.fromScrollPosition(u);
 	t.navigation.navigate({ position: f });
 }, mi = 200, hi = class extends U {
@@ -2573,32 +2563,32 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				x: 0,
 				y: 0
 			}
-		}), this.reader = e, this.enterSubject = new m(), this.exitSubject = new m(), T(this.enterSubject.pipe(j((e) => {
+		}), this.reader = e, this.enterSubject = new m(), this.exitSubject = new m(), E(this.enterSubject.pipe(A((e) => {
 			let { scale: t = 1, animate: n = !1 } = e ?? {}, r = this.reader.viewport.value.element;
-			z(this.viewport.element, `data-${X}-zooming`, "true");
+			R(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 ${mi}ms`), this.mergeCompare({
+			return i && R(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && z(r.style, "transition", `transform ${mi}ms`), this.mergeCompare({
 				isZooming: !0,
 				currentScale: 1,
 				currentPosition: {
 					x: 0,
 					y: 0
 				}
-			}), this.updateZoom(t), t !== 1 && this.isControlled ? _e(e?.animate ? mi : 0).pipe(N(() => {
+			}), this.updateZoom(t), t !== 1 && this.isControlled ? ve(e?.animate ? mi : 0).pipe(M(() => {
 				this.reader.layout();
 			})) : u;
-		})), this.exitSubject.pipe(j((e) => {
+		})), this.exitSubject.pipe(A((e) => {
 			let t = this.reader.viewport.value.element;
-			z(this.viewport.element, `data-${X}-zooming`, "false");
+			R(this.viewport.element, `data-${X}-zooming`, "false");
 			let n = this.scrollNavigationController.value.element;
-			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, {
+			return n && (Ie(n, `data-${X}-zooming-direction`), R(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && z(t.style, "transition", `transform ${mi}ms`), this.updateZoom(1, {
 				x: 0,
 				y: 0
-			}), V(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), _e(e?.animate ? mi : 0).pipe(N(() => {
+			}), B(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ve(e?.animate ? mi : 0).pipe(M(() => {
 				let e = this.reader.viewport.value.element;
-				V(e.style, "transform-origin"), V(e.style, "transition"), this.isControlled && this.reader.layout();
-			}), M(this.enterSubject));
-		}))).pipe(M(this.destroy$)).subscribe();
+				B(e.style, "transform-origin"), B(e.style, "transition"), this.isControlled && this.reader.layout();
+			}), j(this.enterSubject));
+		}))).pipe(j(this.destroy$)).subscribe();
 	}
 	enter(e) {
 		this.enterSubject.next(e);
@@ -2607,11 +2597,11 @@ var ii = (e) => (t) => e(t), ai = (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) => ai(...e, this.reader.viewport) : void 0 }));
+		this.isControlled && (B(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => ai(...e, this.reader.viewport) : void 0 }));
 	}
 	scaleAt(e, t) {
 		if (!this.value.isZooming) return;
-		V(this.viewport.element.style, "transition");
+		B(this.viewport.element.style, "transition");
 		let n = Math.ceil(e * 100) / 100;
 		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => ai(...e, this.reader.viewport) : void 0 });
 	}
@@ -2655,12 +2645,12 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			}
 		}
 	};
-}, _i = (e) => ke({
+}, _i = (e) => Ae({
 	spineIndex: e.index,
 	spineId: e.id
 }), vi = ({ nodeOrRange: e, offset: t, item: n }) => {
 	let r = "ownerDocument" in e ? e.ownerDocument : e.startContainer.ownerDocument;
-	return !r?.documentElement || e === r ? _i(n) : Qe(e) ? ke({
+	return !r?.documentElement || e === r ? _i(n) : Qe(e) ? Ae({
 		start: {
 			node: e.startContainer,
 			offset: e.startOffset,
@@ -2673,7 +2663,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			spineIndex: n.index,
 			spineId: n.id
 		}
-	}) : ke({
+	}) : Ae({
 		node: e,
 		offset: t,
 		spineIndex: n.index,
@@ -2686,8 +2676,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 }).trim(), bi = (e, t) => vi({
 	nodeOrRange: e,
 	item: 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);
+}), xi = (e) => e.index.toString(), Si = (e) => e[0]?.index === 6 && e.length > 1, Ci = (e) => je(Ne(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 = Ne(e), n = ((wi(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Me(t);
 	return {
 		isCfiRange: r,
 		itemIndex: n,
@@ -2701,10 +2691,10 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		node: null
 	};
 	let a = i.renderer.getDocumentFrame();
-	if (a instanceof HTMLIFrameElement) {
+	if (V(a, "iframe")) {
 		let t = a.contentWindow?.document;
 		if (t) try {
-			let a = Ne(e, t, { throwOnError: !0 });
+			let a = Pe(e, t, { throwOnError: !0 });
 			return {
 				...r,
 				itemIndex: n,
@@ -2715,7 +2705,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				spineItem: i
 			};
 		} catch (t) {
-			return R.warn(`Error resolving cfi: ${e}.`), R.warn(t), {
+			return L.warn(`Error resolving cfi: ${e}.`), L.warn(t), {
 				...r,
 				spineItem: i,
 				itemIndex: n,
@@ -2764,15 +2754,15 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 }, 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();
+		this.navigationSubject = new p(1), this.positionSubject = new p(1), this.viewportStateSubject = new l("free"), this.paginationSubject = new p(1), this.pagination$ = this.paginationSubject.asObservable(), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(x((e) => e === "free")), this.viewportBusy$ = this.viewportState$.pipe(x((e) => e === "busy")), this.navigation$ = this.navigationSubject.asObservable(), this.position$ = this.positionSubject.asObservable();
 	}
 }, Ai = class extends U {
-	constructor(e) {
+	constructor(e, t = globalThis.document) {
 		super({
 			manifest: e,
 			assumedRenditionLayout: e.renditionLayout ?? "reflowable",
 			isFullyPrePaginated: Oi(e)
-		}), this.bridgeEvent = new ki(), this.isRTL = () => this.value.manifest.readingDirection === "rtl";
+		}), this.bridgeEvent = new ki(), this.isRTL = () => this.value.manifest.readingDirection === "rtl", this.document = t;
 	}
 	update(e) {
 		this.mergeCompare(e);
@@ -2794,12 +2784,12 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			supportedPageTurnMode: ["controlled", "scrollable"],
 			supportedPageTurnDirection: ["horizontal", "vertical"],
 			supportedComputedPageTurnDirection: ["horizontal", "vertical"]
-		}), v([e.watch(["hasVerticalWriting"]), t.watch(["computedPageTurnMode"])]).pipe(w(([{ hasVerticalWriting: t }, { computedPageTurnMode: n }]) => ({
+		}), v([e.watch(["hasVerticalWriting"]), t.watch(["computedPageTurnMode"])]).pipe(T(([{ hasVerticalWriting: t }, { computedPageTurnMode: n }]) => ({
 			hasVerticalWriting: t,
 			renditionFlow: e.manifest.renditionFlow,
 			renditionLayout: e.manifest.renditionLayout,
 			computedPageTurnMode: n
-		})), y(o), w(({ hasVerticalWriting: e, renditionFlow: t, renditionLayout: n, computedPageTurnMode: r }) => ({
+		})), b(o), T(({ hasVerticalWriting: e, renditionFlow: t, renditionLayout: n, computedPageTurnMode: r }) => ({
 			...this.value,
 			supportedPageTurnMode: t === "scrolled-continuous" ? ["scrollable"] : ["controlled", "scrollable"],
 			supportedPageTurnAnimation: t === "scrolled-continuous" || r === "scrollable" ? ["none"] : e ? ["fade", "none"] : [
@@ -2808,7 +2798,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				"slide"
 			],
 			supportedPageTurnDirection: r === "scrollable" ? ["vertical"] : n === "reflowable" ? ["horizontal"] : ["horizontal", "vertical"]
-		})), M(this.destroy$)).subscribe(this.next.bind(this));
+		})), j(this.destroy$)).subscribe(this.next.bind(this));
 	}
 }, Mi = class {
 	constructor() {
@@ -2902,21 +2892,21 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 }) : new J({
 	x: -e.x,
 	y: -e.y
-}), Ii = R.namespace("navigation/ControlledNavigationController"), Li = class extends Q {
+}), Ii = L.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), P(this.element$), N(([e, t]) => {
+		super(), this.settings = e, this.hookManager = t, this.context = n, this.spine = r, this.viewport = i, this.navigateSubject = new m(), this.isActive = () => this.settings.values.computedPageTurnMode === "controlled", this.getNavigationVisibleArea = () => this.viewport.absoluteViewport, this.element$ = new l(n.document.createElement("div"));
+		let o = this.spine.element$.pipe(x(K), N(this.element$), M(([e, t]) => {
 			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(N(([, t]) => {
-			e.values.computedPageTurnMode === "scrollable" ? B(t.style, "display", "contents") : B(t.style, "display", "block");
+		]), this.element$]).pipe(M(([, t]) => {
+			e.values.computedPageTurnMode === "scrollable" ? z(t.style, "display", "contents") : z(t.style, "display", "block");
 		}));
-		this.layout$ = s.pipe(N(() => {
+		this.layout$ = s.pipe(M(() => {
 			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", {
+		}), O()), this.isNavigating$ = this.navigateSubject.pipe(b((e, t) => a(e.position, t.position)), T(({ animation: t, position: n }) => (Ii.info("Navigation requested", {
 			animation: t,
 			position: n
 		}), {
@@ -2924,28 +2914,28 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			shouldAnimate: !(!t || t === "turn" && e.values.computedPageTurnAnimation === "none"),
 			animation: t,
 			position: n
-		})), j((t) => {
+		})), A((t) => {
 			let n = this.element$.getValue();
-			return B(n.style, "transition", "none"), B(n.style, "opacity", "1"), T(D(!0), D(null).pipe(E(() => {
+			return z(n.style, "transition", "none"), z(n.style, "opacity", "1"), E(D(!0), D(null).pipe(ue(() => {
 				if (t?.type !== "manualAdjust") return D(!1);
 				let n = t.animation === "snap" ? e.values.snapAnimationDuration : e.values.computedPageTurnAnimationDuration, r = t.animation === "snap" ? "slide" : e.values.computedPageTurnAnimation;
-				return D(t).pipe(t.shouldAnimate ? ae(1, h) : le, N((e) => {
+				return D(t).pipe(t.shouldAnimate ? ie(1, h) : ce, M((e) => {
 					let i = this.element$.getValue();
-					e.shouldAnimate ? r === "fade" ? (B(i.style, "transition", `opacity ${n / 2}ms`), B(i.style, "opacity", "0")) : (t.animation === "snap" || r === "slide") && (B(i.style, "transition", `transform ${n}ms`), B(i.style, "opacity", "1")) : (B(i.style, "transition", "none"), B(i.style, "opacity", "1"));
-				}), N((e) => {
+					e.shouldAnimate ? r === "fade" ? (z(i.style, "transition", `opacity ${n / 2}ms`), z(i.style, "opacity", "0")) : (t.animation === "snap" || r === "slide") && (z(i.style, "transition", `transform ${n}ms`), z(i.style, "opacity", "1")) : (z(i.style, "transition", "none"), z(i.style, "opacity", "1"));
+				}), M((e) => {
 					r !== "fade" && this.applyNavigationPosition(e.position);
-				}), t.shouldAnimate ? ae(n / 2, h) : le, N((e) => {
+				}), t.shouldAnimate ? ie(n / 2, h) : ce, M((e) => {
 					let t = this.element$.getValue();
-					r === "fade" && (this.applyNavigationPosition(e.position), B(t.style, "opacity", "1"));
-				}), t.shouldAnimate ? ae(n / 2, h) : le, N((e) => {
+					r === "fade" && (this.applyNavigationPosition(e.position), z(t.style, "opacity", "1"));
+				}), t.shouldAnimate ? ie(n / 2, h) : ce, M((e) => {
 					r === "fade" && this.applyNavigationPosition(e.position);
 				}));
-			}), w(() => !1)));
-		}), A(!1), k(1)), T(o, this.isNavigating$, this.layout$).pipe(M(this.destroy$)).subscribe();
+			}), T(() => !1)));
+		}), pe(!1), k(1)), E(o, this.isNavigating$, this.layout$).pipe(j(this.destroy$)).subscribe();
 	}
 	applyNavigationPosition(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);
+		z(t.style, "transform", `translate(${n.x}px, ${n.y}px)`), this.hookManager.execute("onViewportOffsetAdjust", void 0);
 	}
 	navigate(e) {
 		this.navigateSubject.next(e);
@@ -2954,26 +2944,26 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		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;
+		let e = this.element$.getValue(), t = e.ownerDocument.defaultView?.getComputedStyle(e), n = t?.transform || t?.webkitTransform;
 		return !n || n === "none" ? new J({
 			x: 0,
 			y: 0
 		}) : Fi(new DOMMatrix(n));
 	}
-}, Ri = () => (e) => e.pipe(w(({ navigation: e, pagination: t, ...n }) => ({
+}, Ri = () => (e) => e.pipe(T(({ navigation: e, pagination: t, ...n }) => ({
 	navigation: {
 		...e,
 		paginationBeginCfi: t.beginCfi
 	},
 	...n
-}))), 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(() => ({
+}))), zi = (e, t, n) => e.bridgeEvent.pagination$.pipe(N(t), x(([e, t]) => e.navigationId === t.id), A(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(S()) ?? D(!1)).pipe(x((e) => e), T(() => ({
 	pagination: e,
 	navigation: t
-})))), Ri(), y((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), w(({ navigation: e }) => ({
+})))), Ri(), b((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), T(({ navigation: e }) => ({
 	...e,
 	meta: { triggeredBy: "pagination" },
 	requestedPosition: e.position
-}))), Bi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(w(([n, r]) => {
+}))), Bi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(T(([n, r]) => {
 	let i = n.position, a = i ? t() : void 0, o = i && a ? e.clampPositionInSpine(i, a) : void 0;
 	return {
 		previousNavigation: r,
@@ -2988,7 +2978,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			position: o
 		}
 	};
-})), Vi = ({ navigationResolver: e }) => (t) => t.pipe(w((t) => {
+})), Vi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
 	if (t.navigation.cfi) {
 		let n = e.getNavigationForCfi(t.navigation.cfi);
 		if (n) return {
@@ -3000,7 +2990,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		};
 	}
 	return t;
-})), 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 }) => {
+})), 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(T(({ navigation: n, previousNavigation: r }) => {
 	let i = Hi({
 		context: e,
 		navigation: n,
@@ -3015,7 +3005,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		},
 		direction: i
 	};
-})), Wi = ({ 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(T(({ navigation: i, ...a }) => {
 	let o = e.get(i.spineItem);
 	if (i.position) return n.values.computedPageTurnMode === "scrollable" ? {
 		navigation: {
@@ -3084,7 +3074,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}
 		return o && d === "scrollable" ? r.getSpineItemFromPosition(o) : t.get(0);
 	};
-	return a.pipe(w(({ navigation: e, ...n }) => {
+	return a.pipe(T(({ navigation: e, ...n }) => {
 		let r = o(e);
 		return {
 			navigation: {
@@ -3094,9 +3084,9 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			...n
 		};
 	}));
-}, Ki = ({ spine: e }) => (t) => t.pipe(j(({ navigation: t, ...n }) => {
+}, Ki = ({ spine: e }) => (t) => t.pipe(A(({ navigation: t, ...n }) => {
 	let r = e.getSpineItemSpineLayoutInfo(t.spineItem), i = e.spineItemsManager.get(t.spineItem);
-	return (i?.isReady$ ?? D(!1)).pipe(x(), w((e) => ({
+	return (i?.isReady$ ?? D(!1)).pipe(S(), T((e) => ({
 		navigation: {
 			...t,
 			spineItemHeight: r?.height,
@@ -3138,14 +3128,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			return n.getSpineItemPositionFromSpinePosition(i.position, s);
 		}
 	};
-	return i.pipe(w(({ navigation: e, ...t }) => ({
+	return i.pipe(T(({ navigation: e, ...t }) => ({
 		navigation: {
 			...e,
 			positionInSpineItem: a(e)
 		},
 		...t
 	})));
-}, Ji = ({ navigationResolver: e }) => (t) => t.pipe(w((t) => {
+}, Ji = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
 	if (t.navigation.url) {
 		let n = e.getNavigationForUrl(t.navigation.url);
 		if (n) return {
@@ -3160,7 +3150,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	return t;
 })), Yi = class {
 	constructor() {
-		this.isLockedSubject = new l(0), this.isLocked$ = this.isLockedSubject.pipe(w((e) => !!e), y());
+		this.isLockedSubject = new l(0), this.isLocked$ = this.isLockedSubject.pipe(T((e) => !!e), b());
 	}
 	lock() {
 		let e = !1;
@@ -3170,7 +3160,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 }, 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) => {
+	return o ? o.isReady$.pipe(S(), T((r) => {
 		let s = i.getSpineItemSpineLayoutInfo(o), c = e.isPositionWithinSpineItem(t.position, o), l = s.width - (t.spineItemWidth ?? 0), u = s.height - (t.spineItemHeight ?? 0), d = l !== 0 || u !== 0;
 		if (t.url !== void 0 && (l || u || r && !t.spineItemIsReady)) {
 			let e = n.getNavigationForUrl(t.url);
@@ -3273,7 +3263,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	spineItemsManager: t,
 	spine: a,
 	cfiManager: o
-}), $i = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(j((a) => Qi({
+}), $i = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => Qi({
 	spineLocator: r.locator,
 	navigation: a.navigation,
 	navigationResolver: t,
@@ -3283,13 +3273,13 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	context: n,
 	spine: r,
 	cfiManager: i
-}).pipe(w((e) => ({
+}).pipe(T((e) => ({
 	...a,
 	navigation: {
 		...a.navigation,
 		position: e
 	}
-}))))), 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 {
+}))))), ea = L.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,
@@ -3305,14 +3295,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			spineItemIsReady: !1,
 			type: "api",
 			id: Symbol("init")
-		}), this.navigation$ = this.navigationSubject.pipe(w(({ position: e, id: t, requestedPosition: n, requestedVisibleArea: r, meta: i }) => ({
+		}), this.navigation$ = this.navigationSubject.pipe(T(({ position: e, id: t, requestedPosition: n, requestedVisibleArea: r, meta: i }) => ({
 			position: e,
 			id: t,
 			requestedPosition: n,
 			requestedVisibleArea: r,
 			triggeredBy: i.triggeredBy
-		})), y(ra), k(1)), this.locker = new Yi();
-		let d = n.pipe(P(this.navigationSubject), Bi({
+		})), b(ra), k(1)), this.locker = new Yi();
+		let d = n.pipe(N(this.navigationSubject), Bi({
 			navigationResolver: a,
 			getNavigationVisibleArea: () => r().getNavigationVisibleArea()
 		}), Ji({ navigationResolver: a }), Vi({ navigationResolver: a }), Ui({
@@ -3335,9 +3325,9 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			spineItemsManager: o.spineItemsManager,
 			settings: e,
 			viewport: s
-		}), P(u), j(([n, r]) => {
+		}), N(u), A(([n, r]) => {
 			let i = n.navigation.cfi || n.navigation.url || e.values.computedPageTurnMode === "scrollable" || r;
-			return D(n).pipe(i ? le : $i({
+			return D(n).pipe(i ? ce : $i({
 				navigationResolver: a,
 				settings: e,
 				spine: o,
@@ -3349,25 +3339,25 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), w((e) => e.navigation), O()), f = d.pipe(P(u), b(([, e]) => e), j(([e]) => {
+		}), T((e) => e.navigation), O()), f = d.pipe(N(u), x(([, e]) => e), A(([e]) => {
 			let t = this.locker.lock();
-			return u.pipe(b((e) => !e), x(), w(() => ({ navigation: {
+			return u.pipe(x((e) => !e), S(), T(() => ({ navigation: {
 				...e,
 				animation: "snap"
-			} })), ce(() => {
+			} })), se(() => {
 				t();
-			}), M(d));
+			}), j(d));
 		}), O());
-		T(T(T(i, o.layout$).pipe(j(() => D(null).pipe(j(() => u.pipe(b((e) => !e), x())), w(() => ({ navigation: {
+		E(E(E(i, o.layout$).pipe(A(() => D(null).pipe(A(() => u.pipe(x((e) => !e), S())), T(() => ({ navigation: {
 			...this.navigationSubject.getValue(),
 			animation: !1
-		} })), M(T(f, d))))), f).pipe($i({
+		} })), j(E(f, d))))), f).pipe($i({
 			navigationResolver: a,
 			settings: e,
 			context: t,
 			spine: o,
 			cfiManager: c
-		}), w(({ navigation: e }) => ({ navigation: {
+		}), T(({ navigation: e }) => ({ navigation: {
 			...e,
 			meta: { triggeredBy: "restoration" },
 			requestedPosition: e.position
@@ -3383,7 +3373,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), w(({ navigation: e }) => e), O()), d, zi(t, this.navigationSubject, o)).pipe(P(this.navigationSubject), (e) => e.pipe(N(([e]) => {
+		}), T(({ navigation: e }) => e), O()), d, zi(t, this.navigationSubject, o)).pipe(N(this.navigationSubject), (e) => e.pipe(M(([e]) => {
 			let t = e.type === "scroll", n = e.meta.triggeredBy === "pagination", r = e.meta.triggeredBy === "restoration";
 			if (t && !r || n) return;
 			let i = {
@@ -3391,12 +3381,12 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				animation: e.animation
 			};
 			this.getActiveNavigationModeController().navigate(i);
-		})), (e) => e.pipe(N(([e, t]) => {
+		})), (e) => e.pipe(M(([e, t]) => {
 			ea.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
 				previousNavigation: t,
 				currentNavigation: e
 			}), this.navigationSubject.next(e);
-		})), M(this.destroy$)).subscribe();
+		})), j(this.destroy$)).subscribe();
 	}
 	get navigation() {
 		return this.navigationSubject.getValue();
@@ -3446,7 +3436,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, 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 ? He(e, t) : void 0)?.getBoundingClientRect().x || i);
+		e?.nodeName === "img" || e?.textContent === "" && e.nodeType === Node.ELEMENT_NODE ? i = e.getBoundingClientRect().x : e && (i = (e ? Ue(e, t) : void 0)?.getBoundingClientRect().x || i);
 		let a = r.layoutInfo?.width || 0, o = n.pageSize.width;
 		if (i !== void 0) return new q({
 			x: sa(i, o, a),
@@ -3637,7 +3627,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		visibleAreaRectWidth: a.absoluteViewport.width
 	});
 }, ba = (e, t) => {
-	if (t && t instanceof HTMLIFrameElement) {
+	if (V(t, "iframe")) {
 		let n = t.contentDocument, r = e.trim();
 		if (!n || r.length === 0) return;
 		if (r.startsWith("#")) {
@@ -3743,7 +3733,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		getNavigationForCfi: (e) => {
 			let { node: t, offset: r = 0, spineItem: i } = o.resolveCfi({ cfi: e });
 			if (!i) {
-				R.warn(Ea, `unable to detect item id from cfi ${e}`);
+				L.warn(Ea, `unable to detect item id from cfi ${e}`);
 				return;
 			}
 			let c = t ? s.getNavigationFromNode(i, t, r) : new q({
@@ -3837,11 +3827,11 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		locator: r.locator,
 		spine: r,
 		viewport: a
-	}), 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([
+	}), 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, E(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), y = v([
 		...g.map((e) => e.isNavigating$),
 		u.isLocked$,
 		_.locker.isLocked$
-	]).pipe(w((e) => e.some((e) => e) ? "busy" : "free"), y(), k(1)), te = _.navigation$.pipe(w(({ position: e }) => e), y(o), k(1));
+	]).pipe(T((e) => e.some((e) => e) ? "busy" : "free"), b(), k(1)), ee = _.navigation$.pipe(T(({ position: e }) => e), b(o), k(1));
 	return {
 		destroy: () => {
 			g.forEach((e) => {
@@ -3852,15 +3842,15 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		internalNavigator: _,
 		scrollNavigationController: h,
 		controlledNavigationController: p,
-		navigationState$: ee,
+		navigationState$: y,
 		navigate: (e) => {
-			R.info("User navigation", e), c.next(e);
+			L.info("User navigation", e), c.next(e);
 		},
 		lock: () => u.lock(),
 		isLocked$: u.isLocked$,
 		navigationResolver: f,
 		navigation$: _.navigation$,
-		position$: te
+		position$: ee
 	};
 }, ka = class extends U {
 	constructor(e, t) {
@@ -3882,7 +3872,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 }, 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(j(() => {
+		let s = E(this.context.bridgeEvent.navigation$, r.layout$).pipe(A(() => {
 			let e = ({ spineItem: e, position: t }) => this.spine.locator.getVisiblePagesFromViewportPosition({
 				spineItem: e,
 				position: t,
@@ -3891,7 +3881,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 					value: .5
 				}
 			});
-			return this.isNavigationLocked$.pipe(b((e) => !e), me(1), P(this.context.bridgeEvent.navigation$), N(([, t]) => {
+			return this.isNavigationLocked$.pipe(x((e) => !e), he(1), N(this.context.bridgeEvent.navigation$), M(([, t]) => {
 				let { position: n } = t, r = this.pagination.value, { beginIndex: i, endIndex: a } = this.spine.locator.getVisibleSpineItemsFromPosition({
 					position: n,
 					threshold: {
@@ -3920,7 +3910,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				});
 			}));
 		}));
-		T(s, s.pipe(yt(this.context.bridgeEvent.viewportFree$), N(() => {
+		E(s, s.pipe(yt(this.context.bridgeEvent.viewportFree$), M(() => {
 			let { beginSpineItemIndex: e, endSpineItemIndex: t, beginPageIndexInSpineItem: n, endPageIndexInSpineItem: r } = this.pagination.value;
 			if (n === void 0 || r === void 0 || e === void 0 || t === void 0) return;
 			let i = this.spineItemsManager.get(e), a = this.spineItemsManager.get(t);
@@ -3936,7 +3926,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 					pageNode: s?.firstVisibleNode
 				}) : this.cfi.generateRootCfi(a.item)
 			});
-		}))).pipe(M(this.destroy$)).subscribe();
+		}))).pipe(j(this.destroy$)).subscribe();
 	}
 }, ja = class extends Q {
 	constructor(e) {
@@ -3974,14 +3964,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		return this._settings$;
 	}
 	watch(e) {
-		return this.values$.pipe(gt(e), y(o));
+		return this.values$.pipe(gt(e), b(o));
 	}
 	destroy() {
 		super.destroy(), this.outputSettingsUpdateSubject.complete();
 	}
 }, Ma = class extends ja {
 	constructor(e, t) {
-		super(e), this.context = t, t.watch(["hasVerticalWriting"]).pipe(N(() => this.update(this.values)), M(this.destroy$)).subscribe();
+		super(e), this.context = t, t.watch(["hasVerticalWriting"]).pipe(M(() => this.update(this.values)), j(this.destroy$)).subscribe();
 	}
 	getComputedSettings(e) {
 		let t = this.context.manifest, n = this.context.value.hasVerticalWriting ?? !1, r = {
@@ -3994,7 +3984,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				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" && (L.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);
@@ -4019,195 +4009,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			numberOfAdjacentSpineItemToPreLoad: 3
 		};
 	}
-}, Na = class extends At {
-	onUnload() {}
-	onCreateDocument() {
-		return D(document.createElement("div"));
-	}
-	onLoadDocument() {
-		return u;
-	}
-	onLayout() {
-		return D(void 0);
-	}
-	onRenderHeadless() {
-		return u;
-	}
-	getDocumentFrame() {}
-}, 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 = 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);
-				s !== void 0 && s !== n ? (a = "before", i = this.viewport.value.pageSize.width * 2) : t && (a = this.context.isRTL() ? "before" : "after", i = this.viewport.value.pageSize.width * 2);
-			}
-			return {
-				minimumWidth: i,
-				blankPagePosition: a
-			};
-		}, this.adjustPositionOfElement = ({ right: e, left: t, top: n }) => {
-			e === void 0 ? V(this.containerElement.style, "right") : B(this.containerElement.style, "right", `${e}px`), t === void 0 ? V(this.containerElement.style, "left") : B(this.containerElement.style, "left", `${t}px`), n === void 0 ? V(this.containerElement.style, "top") : B(this.containerElement.style, "top", `${n}px`);
-		}, this.updateContainerLayout = ({ minimumWidth: e, edgeX: t, edgeY: n }) => (r) => r.pipe(w((r) => {
-			let { width: i, height: a } = (o(this.lastLayout?.pageSize, this.viewport.pageSize) ? this.lastLayout : void 0) ?? {}, { width: s = i, height: c = a } = r ?? {}, { width: l, height: u } = this.viewport.pageSize, d = this.validateDimension(s ?? l, l, e), f = this.settings.values.computedPageTurnMode === "scrollable" ? c ?? u : this.validateDimension(c ?? u, u, u);
-			return this.lastLayout = {
-				width: d,
-				height: f,
-				pageSize: this.viewport.pageSize
-			}, B(this.containerElement.style, "width", `${d}px`), B(this.containerElement.style, "height", `${f}px`), this.settings.values.computedPageTurnDirection === "vertical" ? (this.adjustPositionOfElement({
-				top: n,
-				left: t
-			}), {
-				width: d,
-				height: f
-			}) : (this.adjustPositionOfElement(this.context.isRTL() ? {
-				right: t,
-				top: 0
-			} : {
-				left: t,
-				top: 0
-			}), {
-				width: d,
-				height: f
-			});
-		})), this.layout = (e) => {
-			let t = bt(this.didLayout$.pipe(x()));
-			return this.layoutTriggerSubject.next(e), t();
-		};
-		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,
-				spreadPosition: e
-			});
-			this.hookManager.execute("item.onBeforeLayout", {
-				blankPagePosition: a,
-				item: this.item,
-				minimumWidth: o
-			});
-			let s = this.renderer.layout({
-				blankPagePosition: a,
-				minPageSpread: o / this.viewport.pageSize.width,
-				minimumWidth: o,
-				spreadPosition: e
-			});
-			return T(D({ type: "start" }), s.pipe(this.updateContainerLayout({
-				minimumWidth: o,
-				edgeX: r,
-				edgeY: i
-			}), w((e) => (this.hookManager.execute("item.onAfterLayout", {
-				blankPagePosition: a,
-				item: this.item,
-				minimumWidth: o
-			}), {
-				type: "end",
-				data: e
-			}))));
-		}), O());
-		this.didLayout$ = l.pipe(b((e) => e.type === "end"), w((e) => e.data), O());
-	}
-	validateDimension(e, t, n) {
-		if (e <= 0) return n;
-		let r = Math.ceil(Math.max(e, n) / t) * t;
-		return Math.max(r, t);
-	}
-	get layoutInfo() {
-		let e = this.containerElement.style;
-		return {
-			width: e.width ? parseFloat(e.width) : 0,
-			height: e.height ? parseFloat(e.height) : 0
-		};
-	}
-}, Fa = class extends U {
-	constructor(e, t, n, r, i, a, o) {
-		super({
-			isLoaded: !1,
-			isReady: !1,
-			isDirty: !1,
-			isError: !1,
-			error: void 0
-		}), this.item = e, this.parentElement = t, this.context = n, this.settings = r, this.hookManager = i, this.index = a, this.viewport = o, this.load = () => {
-			this.renderer.load();
-		}, this.unload = () => {
-			this.renderer.unload();
-		}, this.markDirty = () => {
-			this.mergeCompare({ isDirty: !0 });
-		}, this.destroy = () => {
-			this.isDestroyed || (super.destroy(), this._layout.destroy(), this.renderer.destroy(), this.containerElement.remove());
-		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = Ia(t, e, i), t.appendChild(this.containerElement);
-		let s = this.settings.values.getRenderer?.(e);
-		this.resourcesHandler = new Mt(e, this.settings);
-		let c = {
-			context: n,
-			settings: r,
-			hookManager: i,
-			item: e,
-			containerElement: this.containerElement,
-			resourcesHandler: this.resourcesHandler,
-			viewport: 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",
-				isError: e === "error",
-				error: e === "error" ? t : void 0
-			});
-		}));
-		this.didLayout$ = this._layout.didLayout$.pipe(L(() => {
-			this.mergeCompare({
-				isDirty: !1,
-				isReady: this.renderer.value.state === "loaded"
-			});
-		}), we()), T(l, this.didLayout$).pipe(I(this.destroy$)).subscribe();
-	}
-	get isReady$() {
-		return this.watch("isReady");
-	}
-	get element() {
-		return this.containerElement;
-	}
-	get readingDirection() {
-		return this.renderer.readingDirection;
-	}
-	get loaded$() {
-		return this.renderer.loaded$;
-	}
-	get unloaded$() {
-		return this.renderer.unloaded$;
-	}
-	get renditionLayout() {
-		return this.renderer.renditionLayout;
-	}
-	get layoutInfo() {
-		return this._layout.layoutInfo;
-	}
-	get numberOfPages() {
-		return ua({
-			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
-			itemHeight: this._layout.layoutInfo.height,
-			itemWidth: this._layout.layoutInfo.width,
-			pageWidth: this.viewport.pageSize.width,
-			pageHeight: this.viewport.pageSize.height,
-			pageTurnDirection: this.settings.values.computedPageTurnDirection,
-			pageTurnMode: this.settings.values.pageTurnMode
-		});
-	}
-}, Ia = (e, t, n) => {
-	let r = e.ownerDocument.createElement("div");
-	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;
-}, La = class extends Q {
+}, Na = 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), k({
+		let s = this.forcedOpenSubject.pipe(T((e) => Array.from(e.keys()).sort((e, t) => e - t)), b(t), k({
 			bufferSize: 1,
 			refCount: !0
 		}));
-		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]) => {
+		E(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(te(100), x(() => K(this.context.value.rootElement)), yt(this.context.bridgeEvent.viewportFree$), N(this.context.bridgeEvent.position$, s), T(([, e, t]) => {
 			let { numberOfAdjacentSpineItemToPreLoad: a } = i.values, { beginIndex: o = 0, endIndex: s = 0 } = r.getVisibleSpineItemsFromPosition({
 				position: e,
 				threshold: {
@@ -4219,7 +4028,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			n.items.forEach((e, t) => {
 				d.includes(t) ? e.load() : e.unload();
 			});
-		})).pipe(M(this.destroy$)).subscribe();
+		})).pipe(j(this.destroy$)).subscribe();
 	}
 	forceOpen(e) {
 		let t = e.map((e) => typeof e == "number" ? e : e.index), n = (e) => {
@@ -4236,13 +4045,13 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.forcedOpenSubject.complete();
 	}
-}, Ra = (e, t, n) => {
+}, Pa = (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
 	});
-}, za = class e extends DOMRect {
+}, Fa = class e extends DOMRect {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("ViewportPosition");
 	}
@@ -4254,15 +4063,15 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		let r = t;
 		return new e(r.x, r.y, r.width, r.height);
 	}
-}, Ba = class {
+}, Ia = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
 	}
-}, Va = class {
+}, La = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
 	}
-}, Ha = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
+}, Ra = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
 	let r = n.items, i = n.get(t);
 	if (!i) return;
 	let { currentAbsolutePage: a } = r.reduce((t, n) => {
@@ -4280,45 +4089,45 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		found: !1
 	});
 	return a;
-}, Ua = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
+}, za = ({ 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;
-}, Wa = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
+}, Ba = ({ 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;
-}, Ga = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
+}, Va = ({ 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 = Wa({
+	let h = Ba({
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p,
 		viewportPosition: s
 	});
-	return c ? { visible: h } : { visible: Ua({
+	return c ? { visible: h } : { visible: za({
 		itemHeight: a,
 		itemWidth: i,
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p
 	}) || h };
-}, Ka = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
+}, Ha = ({ 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;
-}, qa = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
+}, Ua = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
 	x: t + e.x,
 	y: n + e.y
-}), Ja = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
-	let s = Ka({
+}), Wa = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
+	let s = Ha({
 		position: e,
 		spineItemsManager: r,
 		spineLayout: i
-	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Ra(e, o.absoluteViewport, c), u = za.from(l, c), d = [];
+	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Pa(e, o.absoluteViewport, c), u = Fa.from(l, c), d = [];
 	for (let e of r.items) {
-		let { visible: r } = Ga({
+		let { visible: r } = Va({
 			itemPosition: i.getSpineItemSpineLayoutInfo(e),
 			threshold: t,
 			viewportPosition: u,
@@ -4333,14 +4142,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		beginIndex: m ?? 0,
 		endIndex: h ?? 0
 	};
-}, Ya = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
+}, Ga = ({ 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) => qa({
+	}, s = (e) => Ua({
 		spineItemPosition: new q({
 			x: 0,
 			y: 0
@@ -4354,7 +4163,7 @@ var ii = (e) => (t) => e(t), ai = (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 = qa({
+			let a = Ua({
 				spineItemPosition: n.getSpineItemPositionFromPageIndex({
 					pageIndex: t,
 					spineItem: r
@@ -4373,8 +4182,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				}
 			};
 		}).reduce((n, { absolutePosition: r, index: i }) => {
-			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ra(e, s.absoluteViewport, c), { visible: u } = Ga({
-				viewportPosition: za.from(l, c),
+			let c = o ? s.absoluteViewport : s.relativeViewport, l = Pa(e, s.absoluteViewport, c), { visible: u } = Va({
+				viewportPosition: Fa.from(l, c),
 				restrictToScreen: a,
 				threshold: t,
 				itemPosition: r
@@ -4387,11 +4196,11 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		};
 	};
 	return {
-		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => qa({
+		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Ua({
 			itemLayout: i.getSpineItemSpineLayoutInfo(e),
 			spineItemPosition: t
 		}),
-		_getAbsolutePageIndexFromPageIndex: (n) => Ha({
+		_getAbsolutePageIndexFromPageIndex: (n) => Ra({
 			...n,
 			context: t,
 			settings: r,
@@ -4399,7 +4208,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			spineLayout: i
 		}),
 		getSpineItemPagePositionFromSpinePosition: (t) => {
-			let r = Ka({
+			let r = Ha({
 				position: t,
 				spineItemsManager: e,
 				spineLayout: i
@@ -4420,14 +4229,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		},
 		getSpinePositionFromSpineItem: s,
 		getSpineItemPositionFromSpinePosition: o,
-		getSpineItemFromPosition: (t) => Ka({
+		getSpineItemFromPosition: (t) => Ha({
 			position: t,
 			spineItemsManager: e,
 			spineLayout: i
 		}),
 		getSpineItemFromIframe: c,
 		getSpineItemPageIndexFromNode: l,
-		getVisibleSpineItemsFromPosition: (t) => Ja({
+		getVisibleSpineItemsFromPosition: (t) => Wa({
 			settings: r,
 			spineItemsManager: e,
 			spineLayout: i,
@@ -4451,25 +4260,27 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			});
 		}
 	};
-}, Xa = class extends Q {
+}, Ka = class extends Q {
 	constructor(e) {
-		super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.pipe(w((t) => ({
+		super(), this.spineItemsManager = e;
+		let t = e.items;
+		this.itemStateChange$ = E(...t.map((e) => e.pipe(T((t) => ({
 			item: e,
 			...t
-		})), y(o))))), O()), this.itemResize$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => vt(e.element).pipe(w((t) => ({
+		})), b(o)))).pipe(O()), this.itemResize$ = E(...t.map((e) => vt(e.element).pipe(T((t) => ({
 			entries: t,
 			item: e
-		})))))), 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());
+		}))))).pipe(O()), this.itemLoad$ = E(...t.map((e) => e.loaded$.pipe(T(() => e)))).pipe(O()), this.itemUnload$ = E(...t.map((e) => e.unloaded$.pipe(T(() => e)))).pipe(O());
 	}
-}, Za = class extends Q {
+}, qa = 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(N(() => {
+		let a = E(t.itemLoad$, t.itemUnload$).pipe(T(() => ({ immediate: !1 }))), o = E(this.externalLayoutTrigger, a);
+		this.layout$ = o.pipe(M(() => {
 			this.spineItemsManager.items.forEach((e) => {
 				e.markDirty();
 			});
-		}), te((e) => e.immediate ? D(void 0) : _e(50)), j(() => this.spineItemsManager.items.reduce((t, a, o) => t.pipe(ee(({ horizontalOffset: t, verticalOffset: s }) => {
+		}), ee((e) => e.immediate ? D(void 0) : ve(50)), A(() => this.spineItemsManager.items.reduce((t, a, o) => t.pipe(y(({ 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,
@@ -4477,7 +4288,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				isLastItem: l,
 				edgeX: p,
 				edgeY: m
-			}).pipe(w(({ width: e, height: t }) => {
+			}).pipe(T(({ width: e, height: t }) => {
 				let n = this.createSpineItemLayout(u, d, p, m, e, t, i.absoluteViewport.width);
 				return this.spineItemsRelativeLayouts[o] = n, {
 					horizontalOffset: p + e,
@@ -4487,12 +4298,12 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		})), D({
 			horizontalOffset: 0,
 			verticalOffset: 0
-		}))), M(this.destroy$), O()), this.layout$.subscribe(), this.watchForVerticalWritingUpdate();
+		}))), j(this.destroy$), O()), this.layout$.subscribe(), this.watchForVerticalWritingUpdate();
 	}
 	watchForVerticalWritingUpdate() {
-		this.spineItemsObserver.itemLoad$.pipe(N((e) => {
+		this.spineItemsObserver.itemLoad$.pipe(M((e) => {
 			this.context.update({ hasVerticalWriting: e.isUsingVerticalWriting() });
-		}), M(this.destroy$)).subscribe();
+		}), j(this.destroy$)).subscribe();
 	}
 	layout(e = {}) {
 		this.externalLayoutTrigger.next(e);
@@ -4551,24 +4362,25 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			y: r
 		});
 	}
-}, 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 Xa(n), this.spineLayout = new Za(n, this.spineItemsObserver, e, i, o), this.locator = Ya({
+}, Ja = class extends Q {
+	constructor(e, t, n, r, i, a) {
+		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.viewport = a, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Ka(n), this.spineLayout = new qa(n, this.spineItemsObserver, e, i, a), this.locator = Ga({
 			context: e,
 			spineItemsManager: n,
 			spineItemLocator: r,
 			settings: i,
 			spineLayout: this.spineLayout,
-			viewport: o
-		}), 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);
+			viewport: a
+		}), this.spineItemsLoader = new Na(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 o = e.watch("rootElement").pipe(xe(K), I(() => {
+			let e = this.context.document.createElement("div");
+			e.style.cssText = "\n          height: 100%;\n          position: relative;\n        ", e.className = `${X}-spine`, this.elementSubject.next(e);
 		}));
-		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();
+		E(this.element$.pipe(xe(K), I((e) => {
+			this.spineItemsManager.items.forEach((t) => {
+				t.attach(e);
+			});
+		})), o).pipe(F(this.destroy$)).subscribe();
 	}
 	get element() {
 		return this.elementSubject.getValue();
@@ -4585,38 +4397,211 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
 	}
+}, Ya = class extends At {
+	onUnload() {}
+	onCreateDocument() {
+		return D(this.context.document.createElement("div"));
+	}
+	onLoadDocument() {
+		return u;
+	}
+	onLayout() {
+		return D(void 0);
+	}
+	onRenderHeadless() {
+		return u;
+	}
+	getDocumentFrame() {}
+}, Xa = 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 = 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);
+				s !== void 0 && s !== n ? (a = "before", i = this.viewport.value.pageSize.width * 2) : t && (a = this.context.isRTL() ? "before" : "after", i = this.viewport.value.pageSize.width * 2);
+			}
+			return {
+				minimumWidth: i,
+				blankPagePosition: a
+			};
+		}, this.adjustPositionOfElement = ({ right: e, left: t, top: n }) => {
+			e === void 0 ? B(this.containerElement.style, "right") : z(this.containerElement.style, "right", `${e}px`), t === void 0 ? B(this.containerElement.style, "left") : z(this.containerElement.style, "left", `${t}px`), n === void 0 ? B(this.containerElement.style, "top") : z(this.containerElement.style, "top", `${n}px`);
+		}, this.updateContainerLayout = ({ minimumWidth: e, edgeX: t, edgeY: n }) => (r) => r.pipe(T((r) => {
+			let { width: i, height: a } = (o(this.lastLayout?.pageSize, this.viewport.pageSize) ? this.lastLayout : void 0) ?? {}, { width: s = i, height: c = a } = r ?? {}, { width: l, height: u } = this.viewport.pageSize, d = this.validateDimension(s ?? l, l, e), f = this.settings.values.computedPageTurnMode === "scrollable" ? c ?? u : this.validateDimension(c ?? u, u, u);
+			return this.lastLayout = {
+				width: d,
+				height: f,
+				pageSize: this.viewport.pageSize
+			}, z(this.containerElement.style, "width", `${d}px`), z(this.containerElement.style, "height", `${f}px`), this.settings.values.computedPageTurnDirection === "vertical" ? (this.adjustPositionOfElement({
+				top: n,
+				left: t
+			}), {
+				width: d,
+				height: f
+			}) : (this.adjustPositionOfElement(this.context.isRTL() ? {
+				right: t,
+				top: 0
+			} : {
+				left: t,
+				top: 0
+			}), {
+				width: d,
+				height: f
+			});
+		})), this.layout = (e) => {
+			let t = bt(this.didLayout$.pipe(S()));
+			return this.layoutTriggerSubject.next(e), t();
+		};
+		let l = this.layoutTriggerSubject.pipe(A(({ spreadPosition: e, horizontalOffset: t, isLastItem: n, edgeX: r, edgeY: i }) => {
+			let { blankPagePosition: a, minimumWidth: o } = this.computeLayoutInformation({
+				horizontalOffset: t,
+				isLastItem: n,
+				spreadPosition: e
+			});
+			this.hookManager.execute("item.onBeforeLayout", {
+				blankPagePosition: a,
+				item: this.item,
+				minimumWidth: o
+			});
+			let s = this.renderer.layout({
+				blankPagePosition: a,
+				minPageSpread: o / this.viewport.pageSize.width,
+				minimumWidth: o,
+				spreadPosition: e
+			});
+			return E(D({ type: "start" }), s.pipe(this.updateContainerLayout({
+				minimumWidth: o,
+				edgeX: r,
+				edgeY: i
+			}), T((e) => (this.hookManager.execute("item.onAfterLayout", {
+				blankPagePosition: a,
+				item: this.item,
+				minimumWidth: o
+			}), {
+				type: "end",
+				data: e
+			}))));
+		}), O());
+		this.didLayout$ = l.pipe(x((e) => e.type === "end"), T((e) => e.data), O());
+	}
+	validateDimension(e, t, n) {
+		if (e <= 0) return n;
+		let r = Math.ceil(Math.max(e, n) / t) * t;
+		return Math.max(r, t);
+	}
+	get layoutInfo() {
+		let e = this.containerElement.style;
+		return {
+			width: e.width ? parseFloat(e.width) : 0,
+			height: e.height ? parseFloat(e.height) : 0
+		};
+	}
+}, Za = class extends U {
+	constructor(e, t, n, r, i, a) {
+		super({
+			isLoaded: !1,
+			isReady: !1,
+			isDirty: !1,
+			isError: !1,
+			error: void 0
+		}), this.item = e, this.context = t, this.settings = n, this.hookManager = r, this.index = i, this.viewport = a, this.attach = (e) => {
+			this.hookManager.execute("item.onBeforeContainerAttach", {
+				element: this.containerElement,
+				item: this.item
+			}), e.appendChild(this.containerElement);
+		}, this.load = () => {
+			this.renderer.load();
+		}, this.unload = () => {
+			this.renderer.unload();
+		}, this.markDirty = () => {
+			this.mergeCompare({ isDirty: !0 });
+		}, this.destroy = () => {
+			this.isDestroyed || (super.destroy(), this._layout.destroy(), this.renderer.destroy(), this.containerElement.remove());
+		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = Qa(e, t.document);
+		let o = this.settings.values.getRenderer?.(e);
+		this.resourcesHandler = new Mt(e, this.settings);
+		let s = {
+			context: t,
+			settings: n,
+			hookManager: r,
+			item: e,
+			containerElement: this.containerElement,
+			resourcesHandler: this.resourcesHandler,
+			viewport: this.viewport
+		};
+		this.renderer = o ? o(s) : new Ya(s), this._layout = new Xa(e, this.containerElement, t, r, this.renderer, this.settings, this.viewport);
+		let c = this.renderer.state$.pipe(I(({ state: e, error: t }) => {
+			this.mergeCompare({
+				isLoaded: e === "loaded",
+				isError: e === "error",
+				error: e === "error" ? t : void 0
+			});
+		}));
+		this.didLayout$ = this._layout.didLayout$.pipe(I(() => {
+			this.mergeCompare({
+				isDirty: !1,
+				isReady: this.renderer.value.state === "loaded"
+			});
+		}), Te()), E(c, this.didLayout$).pipe(F(this.destroy$)).subscribe();
+	}
+	get isReady$() {
+		return this.watch("isReady");
+	}
+	get element() {
+		return this.containerElement;
+	}
+	get readingDirection() {
+		return this.renderer.readingDirection;
+	}
+	get loaded$() {
+		return this.renderer.loaded$;
+	}
+	get unloaded$() {
+		return this.renderer.unloaded$;
+	}
+	get renditionLayout() {
+		return this.renderer.renditionLayout;
+	}
+	get layoutInfo() {
+		return this._layout.layoutInfo;
+	}
+	get numberOfPages() {
+		return ua({
+			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
+			itemHeight: this._layout.layoutInfo.height,
+			itemWidth: this._layout.layoutInfo.width,
+			pageWidth: this.viewport.pageSize.width,
+			pageHeight: this.viewport.pageSize.height,
+			pageTurnDirection: this.settings.values.computedPageTurnDirection,
+			pageTurnMode: this.settings.values.pageTurnMode
+		});
+	}
+}, Qa = (e, t) => {
+	let n = t.createElement("div");
+	return n.setAttribute(`data-${wn}`, ""), n.classList.add("spineItem"), n.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), n.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", n.dataset.isReady = "false", n;
 }, $a = class extends Q {
-	constructor(e, t) {
-		super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new l([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
+	constructor(e, t, n, r) {
+		super(), this.context = e, this.settings = t, this.hookManager = n, this.viewport = r, this.items = e.manifest.spineItems.map((i, a) => new Za(i, e, t, n, a, r));
 	}
 	get(e) {
-		return typeof e == "number" ? this.orderedSpineItemsSubject.value[e] : typeof e == "string" ? this.orderedSpineItemsSubject.value.find(({ item: t }) => t.id === e) : e;
+		return typeof e == "number" ? this.items[e] : typeof e == "string" ? this.items.find(({ item: t }) => t.id === e) : e;
 	}
 	comparePositionOf(e, t) {
 		let n = this.getSpineItemIndex(e) ?? 0, r = this.getSpineItemIndex(t) ?? 0;
 		return n > r ? "after" : n === r ? "same" : "before";
 	}
 	getSpineItemIndex(e) {
-		return (e instanceof Fa ? e : this.get(e))?.index;
-	}
-	addMany(e) {
-		this.orderedSpineItemsSubject.next([...this.orderedSpineItemsSubject.getValue(), ...e]);
-	}
-	get items() {
-		return this.orderedSpineItemsSubject.value;
-	}
-	destroyItems() {
-		let e = this.orderedSpineItemsSubject.value;
-		e.forEach((e) => {
-			e.destroy();
-		}), e.length && this.orderedSpineItemsSubject.next([]);
+		return (e instanceof Za ? e : this.get(e))?.index;
 	}
 	destroy() {
-		this.destroyItems(), super.destroy();
+		this.items.forEach((e) => {
+			e.destroy();
+		}), super.destroy();
 	}
 }, eo = class extends U {
 	constructor(e, t) {
-		let n = document.createElement("div");
+		let n = e.document.createElement("div");
 		n.setAttribute(`data-${Sn}`, ""), super({
 			element: n,
 			pageSize: {
@@ -4625,11 +4610,11 @@ var ii = (e) => (t) => e(t), ai = (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(N(() => {
+		}), this.context = e, this.settingsManager = t, this.layoutSubject = new m(), this.layout$ = this.layoutSubject.asObservable(), E(this.settingsManager.watch(["computedSpreadMode"]).pipe(M(() => {
 			this.mergeCompare({ pageSize: this.calculatePageSize(this.value) });
-		})), this.context.watch("rootElement").pipe(N(() => {
+		})), this.context.watch("rootElement").pipe(M(() => {
 			this.layout();
-		}))).pipe(M(this.destroy$)).subscribe();
+		}))).pipe(j(this.destroy$)).subscribe();
 	}
 	calculatePageSize(e) {
 		let { computedSpreadMode: t } = this.settingsManager.values;
@@ -4640,7 +4625,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 	syncAbsoluteViewportCssVariables(e) {
 		let { style: t } = this.value.element;
-		e.width > 0 ? B(t, Tn, `${e.width}px`) : V(t, Tn), e.height > 0 ? B(t, En, `${e.height}px`) : V(t, En);
+		e.width > 0 ? z(t, Tn, `${e.width}px`) : B(t, Tn), e.height > 0 ? z(t, En, `${e.height}px`) : B(t, En);
 	}
 	layout() {
 		let e = {
@@ -4653,7 +4638,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}), this.layoutSubject.next();
 	}
 	get absoluteViewport() {
-		return new Ba({
+		return new Ia({
 			width: this.value.width,
 			height: this.value.height
 		});
@@ -4667,7 +4652,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 	get relativeViewport() {
 		let e = this.absoluteViewport, t = this.scaleFactor;
-		return new Va({
+		return new La({
 			width: e.width / t,
 			height: e.height / t
 		});
@@ -4675,74 +4660,75 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	destroy() {
 		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);
+}, to = ({ manifest: e, cfi: t, ownerDocument: n = globalThis.document, ...r }) => {
+	let i = crypto.randomUUID(), a = `${bn}-core-${i}`, o = new m(), s = new m(), c = new Mi(), l = new Ai(e, n), u = new Ma(r, l), d = new ji(l, u), f = new eo(l, u), p = new $a(l, u, c, f), h = new Di(c, p), g = pa({
+		context: l,
+		settings: u,
+		viewport: f
+	}), _ = new ka(l, p), v = new Ja(l, _, p, g, u, f), y = Oa({
+		cfi: h,
+		context: l,
+		spineItemsManager: p,
+		hookManager: c,
+		spine: v,
+		settings: u,
+		viewport: f
+	}), ee = new Aa(l, _, p, v, g, y.isLocked$, h);
+	y.navigationState$.subscribe(l.bridgeEvent.viewportStateSubject), y.navigation$.subscribe(l.bridgeEvent.navigationSubject), y.position$.subscribe(l.bridgeEvent.positionSubject), _.subscribe(l.bridgeEvent.paginationSubject);
 	let te = (e = {}) => {
-		a.next(e);
+		o.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();
+		if (l.value.rootElement) throw Error("This reader is already mounted. A reader renders a single book, destroy it and create a new reader instead.");
+		if (e.ownerDocument !== l.document) throw Error("The container element must belong to the reader's document. Pass `ownerDocument` to `createReader` when mounting into a foreign document (eg: an iframe's contentDocument).");
+		L.log("mount", { containerElement: e }), $e(l.document, a, Ni);
+		let t = io(e, i);
+		l.update({ rootElement: t }), te({ immediate: !0 });
+	}, re = u.watch(["computedSpreadMode"]).pipe(De(1), I(() => te())), ie = E(o.pipe(I((e) => {
+		l.value.rootElement && (f.layout(), v.layout(e));
+	}), F(s)), re).subscribe();
 	return {
-		id: r,
-		context: c,
-		spine: _,
-		hookManager: s,
-		cfi: f,
-		navigation: v,
-		spineItemsObserver: _.spineItemsObserver,
-		spineItemsManager: d,
+		id: i,
+		context: l,
+		spine: v,
+		hookManager: c,
+		cfi: h,
+		navigation: y,
+		spineItemsObserver: v.spineItemsObserver,
+		spineItemsManager: p,
 		layout: te,
 		mount: ne,
 		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();
+			let e = l.value.rootElement;
+			e && (et(l.document, a), ao(e)), ie.unsubscribe(), p.destroy(), ee.destroy(), u.destroy(), _.destroy(), l.destroy(), y.destroy(), v.destroy(), d.destroy(), s.next(), s.complete(), f.destroy();
 		},
 		pagination: {
 			get state() {
-				return g.value;
+				return _.value;
 			},
 			get state$() {
-				return g;
+				return _;
 			}
 		},
-		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 }
+		settings: u,
+		renderHeadless: (e) => p.get(e)?.renderer.renderHeadless() ?? D(void 0),
+		viewport: f,
+		viewportState$: l.bridgeEvent.viewportState$,
+		viewportFree$: l.bridgeEvent.viewportFree$,
+		mounted$: l.watch("rootElement").pipe(Ce(K), be()),
+		features: d,
+		$: { destroy$: s }
 	};
-}, 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) => {
+}, no = `${X}-reader`, ro = "data-prose-reader-container", io = (e, t) => (e.classList.add(no), R(e, xn, t), R(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) => {
+}, 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(A((n) => {
 	if (n.boundary === "start") return D(n);
 	let r = e.spineItemsManager.items, i = r[r.length - 1];
-	return i ? i.value.isReady ? D(n) : i.isReady$.pipe(b(Boolean), x(), w(() => n), t === Infinity ? le : ge({
+	return i ? i.value.isReady ? D(n) : i.isReady$.pipe(x(Boolean), S(), T(() => n), t === Infinity ? ce : _e({
 		first: t,
 		with: () => u
 	}), Yn(e.navigation)) : u;
 }), O());
 //#endregion
-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 };
+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, Ja as Spine, Za as SpineItem, ln as SpineItemPageLayout, dn as SpineItemPageSpineLayout, q as SpineItemPosition, un as SpineItemSpineLayout, $a as SpineItemsManager, Ka 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, Ze as isHtmlElement, V 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, Ie as removeAttributeIfPresent, it as removeCSS, B as removeStylePropertyIfPresent, Ei as resolveCfi, so as rootEnhancer, R as setAttributeIfChanged, Le as setPropertyIfChanged, z 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