@prose-reader/core 1.370.0 → 1.372.0

package/dist/index.js

@@ -1778,7 +1778,7 @@ var cn = class {
 		}))).pipe(j(this.destroy$)).subscribe();
 	}
 }, lr = (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;
+	let { spineItems: r, readingDirection: i } = e.context.manifest, a = r.length ?? 0, o = t.begin.spineItemIndex === 0, s = t.end.spineItemIndex === Math.max(a - 1, 0), c = t.end.spineItemIndex === Math.max(a - 1, 0), l = t.begin.spineItemIndex === 0, u = t.begin.pageIndexInSpineItem === 0, d = t.end.pageIndexInSpineItem === t.end.numberOfPagesInSpineItem - 1;
 	return {
 		canTurnLeft: n !== "vertical" && !u,
 		canTurnRight: n !== "vertical" && !d,
@@ -1921,7 +1921,15 @@ var cn = class {
 	locateResource(e, t) {
 		return Array.isArray(e) ? St(() => v(e.map((e) => this.locate(e, t ?? {}))).pipe(ne([]))) : this.locate(e, t ?? {});
 	}
-}, hr = L.namespace("spine"), gr = ({ position: e, pageSize: t }) => new fn({
+}, hr = () => ({
+	cfi: void 0,
+	spineItemIndex: void 0,
+	pageIndexInSpineItem: void 0,
+	numberOfPagesInSpineItem: 0
+}), gr = (e, t) => {
+	let { begin: n, end: r, ...i } = e, { begin: a, end: s, ...c } = t;
+	return o(n, a) && o(r, s) && o(i, c);
+}, _r = L.namespace("spine"), vr = ({ position: e, pageSize: t }) => new fn({
 	...e,
 	left: e.x,
 	top: e.y,
@@ -1929,7 +1937,7 @@ var cn = class {
 	height: t.height,
 	bottom: e.y + t.height,
 	right: e.x + t.width
-}), _r = 10, vr = (e) => {
+}), yr = 10, br = (e) => {
 	let { spineItem: t, ...n } = e;
 	if (!e.spineItem.value.isLoaded) return {
 		...n,
@@ -1943,7 +1951,7 @@ var cn = class {
 		...n,
 		firstVisibleNode: ze(r, e.layout)
 	};
-}, yr = (e) => new f((t) => {
+}, xr = (e) => new f((t) => {
 	if (e.length === 0) {
 		t.next([]), t.complete();
 		return;
@@ -1953,13 +1961,13 @@ var cn = class {
 	}, o = () => {
 		n = void 0;
 		let a = 0;
-		for (; r < e.length && a < _r;) {
+		for (; r < e.length && a < yr;) {
 			let t = e[r];
 			if (!t) {
 				r = e.length;
 				break;
 			}
-			i[r] = vr(t), r += 1, a += 1;
+			i[r] = br(t), r += 1, a += 1;
 		}
 		if (r >= e.length) {
 			t.next(i), t.complete();
@@ -1972,9 +1980,9 @@ var cn = class {
 	return s(), () => {
 		a();
 	};
-}), br = class e extends U {
+}), Sr = class e extends U {
 	constructor(t, n, r, i, a, o) {
-		super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = n, this.spineItemLocator = r, this.context = i, this.locator = a, this.viewport = o, this.fromSpineItemPageIndex = (t, n) => e.fromSpineItemPageIndex(this.value, t, n), this.fromNextPageWithinSameSpineItem = (t) => e.fromNextPageWithinSameSpineItem(this.value, t), this.fromAbsolutePageIndex = (t) => e.fromAbsolutePageIndex(this.value, t), this.observeFromAbsolutePageIndex = (e) => this.pipe(T(() => this.fromAbsolutePageIndex(e))), this.layout$ = t.layout$.pipe(N(o), A(([, { pageSize: e }]) => yr(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 }]) => xr(n.items.reduce((t, n, i) => {
 			for (let o = 0; o < n.numberOfPages; o += 1) {
 				let s = r.getSpineItemPositionFromPageIndex({
 					spineItem: n,
@@ -1984,7 +1992,7 @@ var cn = class {
 					spineItemPosition: s
 				}), l = t.length;
 				t.push({
-					absoluteLayout: gr({
+					absoluteLayout: vr({
 						pageSize: e,
 						position: c
 					}),
@@ -2005,7 +2013,7 @@ var cn = class {
 				});
 			}
 			return t;
-		}, []))), T((e) => (hr.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
+		}, []))), T((e) => (_r.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
 	}
 	static {
 		this.fromSpineItemPageIndex = (e, t, n) => {
@@ -2019,20 +2027,20 @@ var cn = class {
 	static {
 		this.fromAbsolutePageIndex = (e, t) => e.pages.find((e) => e.absolutePageIndex === t);
 	}
-}, xr = (e) => {
+}, Cr = (e) => {
 	let t = e.indexOf("#");
 	return t >= 0 ? e.substring(0, t) : e;
-}, Sr = (e) => {
+}, wr = (e) => {
 	if (!e) return;
 	let t = e.indexOf("#");
 	if (!(t < 0)) return e.substring(t + 1) || void 0;
-}, Cr = (e) => {
+}, Tr = (e) => {
 	try {
 		return decodeURIComponent(e);
 	} catch {
 		return e;
 	}
-}, wr = (e, t = []) => e.flatMap((e) => {
+}, Er = (e, t = []) => e.flatMap((e) => {
 	let n = [...t, {
 		title: e.title,
 		path: e.path
@@ -2040,24 +2048,24 @@ var cn = class {
 	return [{
 		chain: n,
 		href: e.href || e.path,
-		anchorId: Sr(e.href) ?? Sr(e.path)
-	}, ...wr(e.contents, n)];
-}), Tr = (e) => {
+		anchorId: wr(e.href) ?? wr(e.path)
+	}, ...Er(e.contents, n)];
+}), Dr = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.spineItems.forEach((e, n) => {
 		t.has(e.href) || t.set(e.href, n);
 	}), t;
-}, Er = (e, t) => {
-	let n = Tr(t);
-	return wr(e).map((e) => {
-		let t = xr(e.href), r = n.get(t) ?? -1;
+}, Or = (e, t) => {
+	let n = Dr(t);
+	return Er(e).map((e) => {
+		let t = Cr(e.href), r = n.get(t) ?? -1;
 		return {
 			...e,
 			hrefWithoutAnchor: t,
 			spineItemIndex: r
 		};
 	});
-}, Dr = ({ manifest: e, tocIndex: t }) => {
+}, kr = ({ manifest: e, tocIndex: t }) => {
 	let n = /* @__PURE__ */ new Map();
 	t.forEach((e, t) => {
 		let r = n.get(e.hrefWithoutAnchor);
@@ -2070,19 +2078,19 @@ var cn = class {
 	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let a of e.spineItems) {
 		if (r.has(a.href)) continue;
-		let e = xr(a.href), o = i.get(e);
+		let e = Cr(a.href), o = i.get(e);
 		if (!o) {
 			let r = [];
-			for (let [t, i] of n) Or(e, t) && r.push(...i);
+			for (let [t, i] of n) Ar(e, t) && r.push(...i);
 			r.sort((e, t) => e - t), o = r.map((e) => t[e]), i.set(e, o);
 		}
 		r.set(a.href, o);
 	}
 	return r;
-}, Or = (e, t) => e === t || e.endsWith(t) || t.endsWith(e), kr = (e, t) => {
+}, Ar = (e, t) => e === t || e.endsWith(t) || t.endsWith(e), jr = (e, t) => {
 	let n = e.endsWith(t), r = e.substring(0, e.lastIndexOf("/")), i = t.substring(0, t.lastIndexOf("/")), a = r !== "" && r.endsWith(i);
 	return n || a;
-}, Ar = (e) => {
+}, Mr = (e) => {
 	let [t, ...n] = e;
 	if (!t) return;
 	let r = {
@@ -2097,7 +2105,7 @@ var cn = class {
 		i.subChapter = t, i = t;
 	}
 	return r;
-}, jr = ({ doc: e, node: t, offset: n }) => {
+}, Nr = ({ doc: e, node: t, offset: n }) => {
 	let r = e.createRange();
 	if (t.nodeType === Node.TEXT_NODE || t.nodeType === Node.CDATA_SECTION_NODE || t.nodeType === Node.COMMENT_NODE) {
 		let e = t, i = Math.max(0, Math.min(n, e.length));
@@ -2107,18 +2115,18 @@ var cn = class {
 		r.setStart(t, i);
 	}
 	return r.collapse(!0), r;
-}, Mr = ({ rangeToTest: e, upperBoundRange: t }) => e.compareBoundaryPoints(Range.START_TO_START, t) < 0, Nr = (e) => {
+}, Pr = ({ rangeToTest: e, upperBoundRange: t }) => e.compareBoundaryPoints(Range.START_TO_START, t) < 0, Fr = (e) => {
 	let t = e.createRange(), n = e.body ?? e.documentElement;
 	if (n) return t.selectNodeContents(n), t.collapse(!1), t;
-}, Pr = ({ anchorNode: e, nextPageNode: t }) => e === t || e.contains(t), Fr = ({ node: e, offset: t, candidates: n, spineItem: r, nextPageEntry: i }) => {
+}, Ir = ({ anchorNode: e, nextPageNode: t }) => e === t || e.contains(t), Lr = ({ node: e, offset: t, candidates: n, spineItem: r, nextPageEntry: i }) => {
 	if (!e || t === void 0 || !r || n.length === 0) return;
 	let a = r.renderer.getDocumentFrame()?.contentDocument;
 	if (!a || e.ownerDocument !== a) return;
-	let o = i?.firstVisibleNode?.node, s = i?.firstVisibleNode?.offset, c = i ? o !== void 0 && s !== void 0 && o.ownerDocument === a ? jr({
+	let o = i?.firstVisibleNode?.node, s = i?.firstVisibleNode?.offset, c = i ? o !== void 0 && s !== void 0 && o.ownerDocument === a ? Nr({
 		doc: a,
 		node: o,
 		offset: s
-	}) : void 0 : Nr(a);
+	}) : void 0 : Fr(a);
 	if (!c) return;
 	let l = i !== void 0 && o !== void 0 && o.ownerDocument === a, u, d, f;
 	for (let e of n) {
@@ -2126,119 +2134,123 @@ var cn = class {
 			f = e.chain;
 			continue;
 		}
-		let t = a.getElementById(Cr(e.anchorId));
-		if (!t || l && Pr({
+		let t = a.getElementById(Tr(e.anchorId));
+		if (!t || l && Ir({
 			anchorNode: t,
 			nextPageNode: o
 		})) continue;
 		let n = a.createRange();
-		n.setStartBefore(t), n.collapse(!0), Mr({
+		n.setStartBefore(t), n.collapse(!0), Pr({
 			rangeToTest: n,
 			upperBoundRange: c
 		}) && (!d || n.compareBoundaryPoints(Range.START_TO_START, d) > 0) && (u = e.chain, d = n);
 	}
 	let p = u ?? f;
-	return p ? Ar(p) : void 0;
-}, Ir = ({ candidate: e, hrefHasAnchor: t }) => {
+	return p ? Mr(p) : void 0;
+}, Rr = ({ candidate: e, hrefHasAnchor: t }) => {
 	if (t || !e.anchorId) return !1;
 	let n = e.chain[e.chain.length - 1], r = e.chain[e.chain.length - 2];
-	return !n || !r ? !1 : xr(n.path) === xr(r.path);
-}, Lr = ({ href: e, tocIndex: t, manifest: n }) => {
-	let r = xr(e), i = e.includes("#"), a = n.spineItems.findIndex((e) => e.href === r), o;
-	for (let e of t) kr(r, e.hrefWithoutAnchor) && (a < e.spineItemIndex || Ir({
+	return !n || !r ? !1 : Cr(n.path) === Cr(r.path);
+}, zr = ({ href: e, tocIndex: t, manifest: n }) => {
+	let r = Cr(e), i = e.includes("#"), a = n.spineItems.findIndex((e) => e.href === r), o;
+	for (let e of t) jr(r, e.hrefWithoutAnchor) && (a < e.spineItemIndex || Rr({
 		candidate: e,
 		hrefHasAnchor: i
 	}) || (o = e.chain));
 	return o;
-}, Rr = (e, t, n) => {
-	let { href: r } = n, i = Lr({
+}, Br = (e, t, n) => {
+	let { href: r } = n, i = zr({
 		href: r,
 		tocIndex: t,
 		manifest: e
 	});
-	return i ? Ar(i) : void 0;
-}, zr = (e, t) => e ? e.spineItems.reduce((n, r) => (n[r.id] = Rr(e, t, r), n), {}) : {}, Br = (e, t, n) => e + t * n, Vr = (e, t, n) => {
+	return i ? Mr(i) : void 0;
+}, Vr = (e, t) => e ? e.spineItems.reduce((n, r) => (n[r.id] = Br(e, t, r), n), {}) : {}, Hr = (e, t, n) => e + t * n, Ur = (e, t, n) => {
 	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));
-}, Hr = (e, t, n, r, i, a) => i.isReady$.pipe(S(), N(e.layoutInfo$), T(([o, s]) => {
+}, Wr = (e, t, n, r, i, a) => i.isReady$.pipe(S(), N(e.layoutInfo$), T(([o, s]) => {
 	let c = a.renditionLayout === "pre-paginated", l = a.spineItems.length || 0, u = a.spineItems.slice(0, t).reduce((e, t) => e + (t.progressionWeight ?? 0), 0) || 0, d = e.spineItemsManager.getSpineItemIndex(i) ?? 0, f = a.spineItems.length ?? 0, p = s.pages.filter((e) => e.itemIndex === d).length ?? 0, m = a.spineItems[t]?.progressionWeight ?? (d + 1) / f, h = (n + 1) * (m / p);
 	!c && i.renditionLayout === "reflowable" && !o && (h = 0);
 	let g = u + h;
-	return a.renditionFlow === "scrolled-continuous" && (h = o ? Vr(e, r, i) : 0, g = Br(u, m, h)), t === l - 1 && n === p - 1 && g > .99 ? 1 : g;
-})), Ur = ({ beginItem: e, endItem: t, paginationInfo: n, chaptersData: r, pagesState: i }) => {
-	let a = e && n.beginPageIndexInSpineItem !== void 0 ? br.fromSpineItemPageIndex(i, e.index, n.beginPageIndexInSpineItem) : void 0, o = a ? br.fromNextPageWithinSameSpineItem(i, a) : void 0, s = t && n.endPageIndexInSpineItem !== void 0 ? br.fromSpineItemPageIndex(i, t.index, n.endPageIndexInSpineItem) : void 0, c = s ? br.fromNextPageWithinSameSpineItem(i, s) : void 0, l = e ? Fr({
-		node: a?.firstVisibleNode?.node,
-		offset: a?.firstVisibleNode?.offset,
-		candidates: r.tocCandidatesBySpineHref.get(e.item.href) ?? [],
-		spineItem: e,
-		nextPageEntry: o
-	}) : void 0, u = t ? Fr({
-		node: s?.firstVisibleNode?.node,
-		offset: s?.firstVisibleNode?.offset,
-		candidates: r.tocCandidatesBySpineHref.get(t.item.href) ?? [],
-		spineItem: t,
-		nextPageEntry: c
-	}) : void 0;
+	return a.renditionFlow === "scrolled-continuous" && (h = o ? Ur(e, r, i) : 0, g = Hr(u, m, h)), t === l - 1 && n === p - 1 && g > .99 ? 1 : g;
+})), Gr = ({ spineItem: e, pageIndexInSpineItem: t, chaptersData: n, pagesState: r }) => {
+	let i = e && t !== void 0 ? Sr.fromSpineItemPageIndex(r, e.index, t) : void 0;
 	return {
-		beginChapterInfo: l ?? (e ? r.chaptersInfo[e.item.id] : void 0),
-		beginSpineItemReadingDirection: e?.readingDirection,
-		beginAbsolutePageIndex: a?.absolutePageIndex,
-		endChapterInfo: u ?? (t ? r.chaptersInfo[t.item.id] : void 0),
-		endSpineItemReadingDirection: t?.readingDirection,
-		endAbsolutePageIndex: s?.absolutePageIndex
+		chapterInfo: (e ? Lr({
+			node: i?.firstVisibleNode?.node,
+			offset: i?.firstVisibleNode?.offset,
+			candidates: n.tocCandidatesBySpineHref.get(e.item.href) ?? [],
+			spineItem: e,
+			nextPageEntry: i ? Sr.fromNextPageWithinSameSpineItem(r, i) : void 0
+		}) : void 0) ?? (e ? n.chaptersInfo[e.item.id] : void 0),
+		spineItemReadingDirection: e?.readingDirection,
+		absolutePageIndex: i?.absolutePageIndex
 	};
-}, Wr = ({ items: e, pagesState: t }) => {
+}, Kr = ({ items: e, pagesState: t }) => {
 	let n = e.map(() => 0);
 	for (let e of t.pages) n[e.itemIndex] = (n[e.itemIndex] ?? 0) + 1;
 	return {
 		numberOfPagesPerItems: n,
 		numberOfTotalPages: t.pages.length
 	};
-}, Gr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Kr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
-	let i = e.spineItemsManager.get(t.endSpineItemIndex);
-	return i ? Hr(e, t.endSpineItemIndex ?? 0, t.endPageIndexInSpineItem || 0, n, i, r) : D(0);
-}, qr = (e) => D(e.context.manifest).pipe(T((e) => {
-	let t = Er(e.nav?.toc ?? [], e);
+}, qr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Jr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
+	let i = e.spineItemsManager.get(t.end.spineItemIndex);
+	return i ? Wr(e, t.end.spineItemIndex ?? 0, t.end.pageIndexInSpineItem || 0, n, i, r) : D(0);
+}, Yr = (e) => D(e.context.manifest).pipe(T((e) => {
+	let t = Or(e.nav?.toc ?? [], e);
 	return {
-		tocCandidatesBySpineHref: Dr({
+		tocCandidatesBySpineHref: kr({
 			manifest: e,
 			tocIndex: t
 		}),
-		chaptersInfo: zr(e, t)
+		chaptersInfo: Vr(e, t)
 	};
-})), Jr = (e) => ({
-	beginSpineItemIndex: e.beginSpineItemIndex,
-	beginPageIndexInSpineItem: e.beginPageIndexInSpineItem,
-	endSpineItemIndex: e.endSpineItemIndex,
-	endPageIndexInSpineItem: e.endPageIndexInSpineItem
-}), Yr = (e) => {
-	let t = e.pagination.state$, n = e.spine.pages.layout$, r = qr(e).pipe(k({
+})), Xr = ({ spineItemIndex: e, pageIndexInSpineItem: t }) => ({
+	spineItemIndex: e,
+	pageIndexInSpineItem: t
+}), Zr = (e) => ({
+	begin: Xr(e.begin),
+	end: Xr(e.end)
+}), Qr = (e) => {
+	let t = e.pagination.state$, n = e.spine.pages.layout$, r = Yr(e).pipe(k({
 		bufferSize: 1,
 		refCount: !0
 	})), i = v([
-		t.pipe(T(Jr), b(o)),
+		t.pipe(T(Zr), b(gr)),
 		r,
 		n
-	]).pipe(T(([t, n, r]) => Ur({
-		beginItem: e.spineItemsManager.get(t.beginSpineItemIndex),
-		endItem: e.spineItemsManager.get(t.endSpineItemIndex),
-		paginationInfo: t,
-		chaptersData: n,
-		pagesState: r
-	})), k({
+	]).pipe(T(([t, n, r]) => {
+		let i = (t) => Gr({
+			spineItem: e.spineItemsManager.get(t.spineItemIndex),
+			pageIndexInSpineItem: t.pageIndexInSpineItem,
+			chaptersData: n,
+			pagesState: r
+		});
+		return {
+			begin: i(t.begin),
+			end: i(t.end)
+		};
+	}), k({
 		bufferSize: 1,
 		refCount: !0
 	})), a = v([
 		t,
 		e.settings.watch(["computedSpreadMode"]).pipe(T((e) => e.computedSpreadMode ?? !1), b()),
 		i,
-		n.pipe(T((t) => Wr({
+		n.pipe(T((t) => Kr({
 			items: e.spineItemsManager.items,
 			pagesState: t
-		})), b(Gr))
+		})), b(qr))
 	]).pipe(T(([e, t, n, r]) => ({
 		...e,
-		...n,
+		begin: {
+			...e.begin,
+			...n.begin
+		},
+		end: {
+			...e.end,
+			...n.end
+		},
 		isUsingSpread: t,
 		...r
 	}))), s = Jn(e.navigation).pipe(T(({ position: e }) => e), b(o));
@@ -2246,7 +2258,7 @@ var cn = class {
 		t,
 		e.layout$,
 		s
-	]).pipe(A(([t, n, r]) => Kr({
+	]).pipe(A(([t, n, r]) => Jr({
 		reader: e,
 		paginationInfo: t,
 		navigationPosition: r,
@@ -2254,41 +2266,38 @@ var cn = class {
 	})), T((e) => ({ percentageEstimateOfBook: e })))]).pipe(T(([e, t]) => ({
 		...e,
 		...t
-	})), b(o), g(5));
-}, Xr = (e) => (t) => {
-	let n = e(t), r = new l({
+	})), b(gr), g(5));
+}, $r = (e) => (t) => {
+	let n = e(t), r = (e) => ({
+		...e,
+		chapterInfo: void 0,
+		spineItemReadingDirection: void 0,
+		absolutePageIndex: 0
+	}), i = new l({
 		...n.pagination.state,
-		beginChapterInfo: void 0,
-		beginCfi: void 0,
-		beginPageIndexInSpineItem: void 0,
+		begin: r(n.pagination.state.begin),
+		end: r(n.pagination.state.end),
 		isUsingSpread: !1,
-		beginAbsolutePageIndex: 0,
-		endAbsolutePageIndex: 0,
 		numberOfTotalPages: 0,
-		beginSpineItemReadingDirection: void 0,
-		beginSpineItemIndex: void 0,
-		endCfi: void 0,
-		endChapterInfo: void 0,
-		endSpineItemReadingDirection: void 0,
 		percentageEstimateOfBook: 0
-	}), i = new mr(n), a = Yr(n).pipe(M((e) => L.log("Pagination", e))).subscribe(r);
+	}), a = new mr(n), o = Qr(n).pipe(M((e) => L.log("Pagination", e))).subscribe(i);
 	return {
 		...n,
-		locateResource: i.locateResource.bind(i),
+		locateResource: a.locateResource.bind(a),
 		destroy: () => {
-			a.unsubscribe(), n.destroy();
+			o.unsubscribe(), n.destroy();
 		},
 		pagination: {
 			...n.pagination,
 			get state() {
-				return r.value;
+				return i.value;
 			},
 			get state$() {
-				return r;
+				return i;
 			}
 		}
 	};
-}, Zr = (e, t) => {
+}, ei = (e, t) => {
 	let n = e.node.ownerDocument?.createRange(), r = e.node.compareDocumentPosition(t.node);
 	if (n) {
 		try {
@@ -2306,10 +2315,10 @@ var cn = class {
 		}
 		return n;
 	}
-}, Qr = ({ selection: e, spineItem: t }) => {
+}, ti = ({ selection: e, spineItem: t }) => {
 	let { anchorNode: n, anchorOffset: r, focusNode: i, focusOffset: a } = e;
 	if (!(!n || !i)) try {
-		return Zr({
+		return ei({
 			node: n,
 			offset: r
 		}, {
@@ -2323,7 +2332,7 @@ var cn = class {
 		});
 		return;
 	}
-}, $r = class extends Q {
+}, ni = class extends Q {
 	constructor(e) {
 		super();
 		let t = e.contentDocument || e.contentWindow?.document;
@@ -2339,10 +2348,10 @@ var cn = class {
 			}), x(K))), j(E(r, this.destroy$)));
 		}
 	}
-}, ei = (e) => e.watch("isLoaded").pipe(A(() => {
+}, ri = (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 $r(t);
+	let r = new ni(t);
 	return E(r.selectionChange$.pipe(T((e) => {
 		if (e?.toString()) return {
 			type: "change",
@@ -2355,10 +2364,10 @@ var cn = class {
 	})))).pipe(j(e.unloaded$), ae(void 0), se(() => {
 		r.destroy();
 	}));
-}), b()), ti = (e) => (t) => {
+}), b()), ii = (e) => (t) => {
 	let n = e(t), r, i = E(...n.spineItemsManager.items.map((e) => {
 		let t = n.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return ei(e).pipe(T((e) => {
+		return ri(e).pipe(T((e) => {
 			if (e) return {
 				...e,
 				itemIndex: t
@@ -2382,10 +2391,10 @@ var cn = class {
 			selectionOver$: c,
 			lastSelectionOnPointerdown$: l,
 			getSelection: () => r,
-			createOrderedRangeFromSelection: Qr
+			createOrderedRangeFromSelection: ti
 		}
 	};
-}, ni = [
+}, ai = [
 	{
 		name: "bright",
 		backgroundColor: "white"
@@ -2400,9 +2409,9 @@ var cn = class {
 		backgroundColor: "#191717",
 		foregroundColor: "#f1ebeb"
 	}
-], ri = (e) => (t) => {
+], oi = (e) => (t) => {
 	let n = e(t), r = new l(t.theme ?? "bright"), i = () => {
-		let e = ni.find((e) => e.name === r.value);
+		let e = ai.find((e) => e.name === r.value);
 		return `
       body {
         ${e === void 0 ? "" : `background-color: ${e.backgroundColor} !important;`}
@@ -2415,7 +2424,7 @@ var cn = class {
         ` : ""}
     `;
 	}, a = ({ container: e }) => {
-		let t = ni.find((e) => e.name === r.value);
+		let t = ai.find((e) => e.name === r.value);
 		return t && z(e.style, "background-color", t.backgroundColor), () => {};
 	}, o = () => {
 		n.spineItemsManager.items.forEach((e) => {
@@ -2441,7 +2450,7 @@ var cn = class {
 			$: { theme$: r.asObservable() }
 		}
 	};
-}, ii = (e) => (t) => {
+}, si = (e) => (t) => {
 	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);
@@ -2455,7 +2464,7 @@ var cn = class {
 	};
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome");
-var ai = (e) => (t) => e(t), oi = (e, t, n) => {
+var ci = (e) => (t) => e(t), li = (e, t, n) => {
 	let { clientWidth: r, clientHeight: i } = n.value.element, a = {
 		maxX: 0,
 		minX: r * (1 - t),
@@ -2466,25 +2475,25 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		x: Math.min(Math.max(e.x, a.minX), a.maxX),
 		y: Math.min(Math.max(e.y, a.minY), a.maxY)
 	};
-}, si = (e, t, n) => {
+}, ui = (e, t, n) => {
 	z(n.style, "transform-origin", "0 0");
 	let r = `translate3d(${t.x}px, ${t.y}px, 0px)`, i = `scale(${e})`;
 	z(n.style, "transform", `${r} ${i}`);
-}, ci = (e, t, n, r) => {
+}, di = (e, t, n, r) => {
 	let i = t / e, a = n.clientWidth, o = n.clientHeight, s = a / 2 - r.x, c = o / 2 - r.y;
 	return {
 		x: r.x + s * (1 - i),
 		y: r.y + c * (1 - i)
 	};
-}, li = class {
+}, fi = class {
 	constructor(e) {
 		this.x = e.x, this.y = e.y;
 	}
-}, ui = class extends li {}, di = class extends li {
+}, pi = class extends fi {}, mi = class extends fi {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("UnboundScrollPosition");
 	}
-}, fi = class extends U {
+}, hi = class extends U {
 	constructor(e, t, n, r, i) {
 		super({ element: void 0 }), this.viewport = e, this.settings = t, this.hookManager = n, this.spine = r, this.context = i, this.navigateSubject = new m(), this.scrollingSubject = new l(!1), this.applyNavigationPosition = ({ position: e }) => {
 			let t = this.value.element;
@@ -2527,30 +2536,30 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	}
 	fromSpinePosition(e) {
 		let t = this.viewport.scaleFactor;
-		return new ui({
+		return new pi({
 			x: e.x * t,
 			y: e.y * t
 		});
 	}
 	get scrollPosition() {
 		let e = this.value.element;
-		return new ui({
+		return new pi({
 			x: e?.scrollLeft ?? 0,
 			y: e?.scrollTop ?? 0
 		});
 	}
-}, pi = (e, t, n, r, i) => {
+}, gi = (e, t, n, r, i) => {
 	let a = e.clientWidth, o = e.clientHeight, s = e.scrollLeft, c = e.scrollTop, l = s + a / 2 - r, u = c + o / 2 - i, d = n / t, f = l * d, p = u * d;
-	return new di({
+	return new mi({
 		x: f - a / 2 + r,
 		y: p - o / 2 + i
 	});
-}, mi = (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 = pi(a ?? qe(), s, e, c, l), d = e < 1 ? "down" : "up";
+}, _i = (e, t) => {
+	let n = t.viewport, r = t.navigation.scrollNavigationController, i = n.value.element, a = r.value.element, o = r.value.element, s = Math.round(n.scaleFactor * 100) / 100, c = i.offsetLeft, l = i.offsetTop, u = gi(a ?? qe(), s, e, c, l), d = e < 1 ? "down" : "up";
 	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 });
-}, hi = 200, gi = class extends U {
+}, vi = 200, yi = class extends U {
 	constructor(e) {
 		super({
 			isZooming: !1,
@@ -2563,24 +2572,24 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			let { scale: t = 1, animate: n = !1 } = e ?? {}, r = this.reader.viewport.value.element;
 			R(this.viewport.element, `data-${X}-zooming`, "true");
 			let i = this.scrollNavigationController.value.element;
-			return i && R(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && z(r.style, "transition", `transform ${hi}ms`), this.mergeCompare({
+			return i && R(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && z(r.style, "transition", `transform ${vi}ms`), this.mergeCompare({
 				isZooming: !0,
 				currentScale: 1,
 				currentPosition: {
 					x: 0,
 					y: 0
 				}
-			}), this.updateZoom(t), t !== 1 && this.isControlled ? ve(e?.animate ? hi : 0).pipe(M(() => {
+			}), this.updateZoom(t), t !== 1 && this.isControlled ? ve(e?.animate ? vi : 0).pipe(M(() => {
 				this.reader.layout();
 			})) : u;
 		})), this.exitSubject.pipe(A((e) => {
 			let t = this.reader.viewport.value.element;
 			R(this.viewport.element, `data-${X}-zooming`, "false");
 			let n = this.scrollNavigationController.value.element;
-			return n && (Ie(n, `data-${X}-zooming-direction`), R(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && z(t.style, "transition", `transform ${hi}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 ${vi}ms`), this.updateZoom(1, {
 				x: 0,
 				y: 0
-			}), B(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ve(e?.animate ? hi : 0).pipe(M(() => {
+			}), B(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ve(e?.animate ? vi : 0).pipe(M(() => {
 				let e = this.reader.viewport.value.element;
 				B(e.style, "transform-origin"), B(e.style, "transition"), this.isControlled && this.reader.layout();
 			}), j(this.enterSubject));
@@ -2593,17 +2602,17 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		this.exitSubject.next(e);
 	}
 	move(e, t) {
-		this.isControlled && (B(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => oi(...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) => li(...e, this.reader.viewport) : void 0 }));
 	}
 	scaleAt(e, t) {
 		if (!this.value.isZooming) return;
 		B(this.viewport.element.style, "transition");
 		let n = Math.ceil(e * 100) / 100;
-		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => oi(...e, this.reader.viewport) : void 0 });
+		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => li(...e, this.reader.viewport) : void 0 });
 	}
 	updateZoom(e, t, n) {
 		if (this.isControlled) {
-			let r = t || ci(this.value.currentScale, e, this.viewport.element, this.value.currentPosition), i = n?.constraints?.(r, e) ?? r;
+			let r = t || di(this.value.currentScale, e, this.viewport.element, this.value.currentPosition), i = n?.constraints?.(r, e) ?? r;
 			return this.applyZoom(e, i), this.mergeCompare({
 				currentScale: e,
 				currentPosition: i
@@ -2612,7 +2621,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		this.applyZoom(e, t ?? this.value.currentPosition), this.mergeCompare({ currentScale: e });
 	}
 	applyZoom(e, t) {
-		this.isControlled ? si(e, t, this.viewport.element) : mi(e, this.reader), this.reader.viewport.layout();
+		this.isControlled ? ui(e, t, this.viewport.element) : _i(e, this.reader), this.reader.viewport.layout();
 	}
 	get isControlled() {
 		return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -2623,8 +2632,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	get viewport() {
 		return this.reader.viewport.value;
 	}
-}, _i = (e) => (t) => {
-	let n = e(t), r = new gi(n), i = () => {
+}, bi = (e) => (t) => {
+	let n = e(t), r = new yi(n), i = () => {
 		r.destroy(), n.destroy();
 	}, a = r;
 	return {
@@ -2641,12 +2650,12 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			}
 		}
 	};
-}, vi = (e) => Ae({
+}, xi = (e) => Ae({
 	spineIndex: e.index,
 	spineId: e.id
-}), yi = ({ nodeOrRange: e, offset: t, item: n }) => {
+}), Si = ({ nodeOrRange: e, offset: t, item: n }) => {
 	let r = "ownerDocument" in e ? e.ownerDocument : e.startContainer.ownerDocument;
-	return !r?.documentElement || e === r ? vi(n) : Qe(e) ? Ae({
+	return !r?.documentElement || e === r ? xi(n) : Qe(e) ? Ae({
 		start: {
 			node: e.startContainer,
 			offset: e.startOffset,
@@ -2665,22 +2674,22 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		spineIndex: n.index,
 		spineId: n.id
 	});
-}, bi = ({ spineItem: e, pageNode: t }) => yi({
+}, Ci = ({ spineItem: e, pageNode: t }) => Si({
 	nodeOrRange: t.node,
 	offset: t.offset,
 	item: e
-}).trim(), xi = (e, t) => yi({
+}).trim(), wi = (e, t) => Si({
 	nodeOrRange: e,
 	item: t
-}), Si = (e) => e.index.toString(), Ci = (e) => e[0]?.index === 6 && e.length > 1, wi = (e) => je(Ne(e)), Ti = (e) => Array.isArray(e) ? e[0] && Ci(e[0]) ? e[0] : void 0 : e.parent[0] && Ci(e.parent[0]) ? e.parent[0] : void 0, Ei = (e) => {
-	let t = Ne(e), n = ((Ti(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Me(t);
+}), Ti = (e) => e.index.toString(), Ei = (e) => e[0]?.index === 6 && e.length > 1, Di = (e) => je(Ne(e)), Oi = (e) => Array.isArray(e) ? e[0] && Ei(e[0]) ? e[0] : void 0 : e.parent[0] && Ei(e.parent[0]) ? e.parent[0] : void 0, ki = (e) => {
+	let t = Ne(e), n = ((Oi(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Me(t);
 	return {
 		isCfiRange: r,
 		itemIndex: n,
 		offset: (r ? t.end.at(-1)?.at(-1)?.offset : t.at(-1)?.at(-1)?.offset) ?? 0
 	};
-}, Di = ({ cfi: e, spineItemsManager: t }) => {
-	let { itemIndex: n, ...r } = Ei(e), i = t.get(n);
+}, Ai = ({ cfi: e, spineItemsManager: t }) => {
+	let { itemIndex: n, ...r } = ki(e), i = t.get(n);
 	if (!i) return {
 		...r,
 		itemIndex: n,
@@ -2715,27 +2724,27 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		spineItem: i,
 		node: null
 	};
-}, Oi = class {
+}, ji = class {
 	constructor(e, t) {
 		this.hookManager = e, this.spineItemsManager = t, this.transformForResolve = (e) => {
 			let { finalParams: t } = this.hookManager.executeSequential("cfi.beforeResolve", { cfi: e }, (e, t) => ({ cfi: t ?? e.cfi }));
 			return t.cfi;
-		}, this.parseCfi = (e) => Ei(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
+		}, this.parseCfi = (e) => ki(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
 			let { itemIndex: t } = this.parseCfi(e);
 			if (t !== void 0) return this.spineItemsManager.get(t);
-		}, this.isRootCfi = (e) => wi(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
-			cfi: vi(e),
+		}, this.isRootCfi = (e) => Di(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
+			cfi: xi(e),
 			spineItem: e
 		}), this.generateCfiForSpineItemPage = ({ spineItem: e, pageNode: t }) => this.transformGeneratedCfi({
-			cfi: bi({
+			cfi: Ci({
 				spineItem: e,
 				pageNode: t
 			}),
 			spineItem: e
 		}), this.generateCfiFromRange = (e, t) => this.transformGeneratedCfi({
-			cfi: xi(e, t),
+			cfi: wi(e, t),
 			spineItem: t
-		}), this.resolveCfi = (e) => Di({
+		}), this.resolveCfi = (e) => Ai({
 			...e,
 			cfi: this.transformForResolve(e.cfi),
 			spineItemsManager: this.spineItemsManager
@@ -2748,17 +2757,17 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}));
 		return t.cfi;
 	}
-}, ki = (e) => e.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), Ai = class {
+}, Mi = (e) => e.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), Ni = class {
 	constructor() {
 		this.navigationSubject = new p(1), this.positionSubject = new p(1), this.viewportStateSubject = new l("free"), this.paginationSubject = new p(1), this.pagination$ = this.paginationSubject.asObservable(), this.viewportState$ = this.viewportStateSubject.asObservable(), this.viewportFree$ = this.viewportState$.pipe(x((e) => e === "free")), this.viewportBusy$ = this.viewportState$.pipe(x((e) => e === "busy")), this.navigation$ = this.navigationSubject.asObservable(), this.position$ = this.positionSubject.asObservable();
 	}
-}, ji = class extends U {
+}, Pi = class extends U {
 	constructor(e, t = globalThis.document) {
 		super({
 			manifest: e,
 			assumedRenditionLayout: e.renditionLayout ?? "reflowable",
-			isFullyPrePaginated: ki(e)
-		}), this.bridgeEvent = new Ai(), this.isRTL = () => this.value.manifest.readingDirection === "rtl", this.document = t;
+			isFullyPrePaginated: Mi(e)
+		}), this.bridgeEvent = new Ni(), this.isRTL = () => this.value.manifest.readingDirection === "rtl", this.document = t;
 	}
 	update(e) {
 		this.mergeCompare(e);
@@ -2769,7 +2778,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	get readingDirection() {
 		return this.manifest.readingDirection;
 	}
-}, Mi = class extends U {
+}, Fi = class extends U {
 	constructor(e, t) {
 		super({
 			supportedPageTurnAnimation: [
@@ -2796,7 +2805,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			supportedPageTurnDirection: r === "scrollable" ? ["vertical"] : n === "reflowable" ? ["horizontal"] : ["horizontal", "vertical"]
 		})), j(this.destroy$)).subscribe(this.next.bind(this));
 	}
-}, Ni = class {
+}, Ii = class {
 	constructor() {
 		this._hooks = [], this._hookExecutions = [];
 	}
@@ -2879,16 +2888,16 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		let r = this._hookExecutions.filter((r) => n && r.ref === n || e === r.name && (!t || t && t === r.id));
 		return this._hookExecutions = this._hookExecutions.filter((e) => !r.includes(e)), v(r.map(({ destroyFn: e }) => e()));
 	}
-}, Pi = "[data-prose-reader-spine-item][data-is-ready=false]{pointer-events:none;-webkit-user-select:none;user-select:none}.prose-reader-enhancer-loading-container{width:100%;height:100%;max-width:var(--prose-reader-absolute-viewport-width,100%);text-align:center;color:#cacaca;z-index:1;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}[data-prose-reader-spine-item][data-is-ready=true] .prose-reader-enhancer-loading-container{visibility:hidden;z-index:0}.prose-reader-enhancer-loading-logo{font-size:4em}.prose-reader-enhancer-loading-details{text-overflow:ellipsis;white-space:nowrap;width:80%;max-width:300px;font-size:1.2em;overflow:hidden}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}[data-prose-reader-scroll-navigator]{width:100%;height:100%;position:relative;overflow:hidden scroll}[data-prose-reader-viewport]{background-color:#fff;width:100%;height:100%;position:relative}.prose-reader-reader{background-color:#fff;position:relative;overflow:hidden}", Fi = (e) => ({
+}, Li = "[data-prose-reader-spine-item][data-is-ready=false]{pointer-events:none;-webkit-user-select:none;user-select:none}.prose-reader-enhancer-loading-container{width:100%;height:100%;max-width:var(--prose-reader-absolute-viewport-width,100%);text-align:center;color:#cacaca;z-index:1;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}[data-prose-reader-spine-item][data-is-ready=true] .prose-reader-enhancer-loading-container{visibility:hidden;z-index:0}.prose-reader-enhancer-loading-logo{font-size:4em}.prose-reader-enhancer-loading-details{text-overflow:ellipsis;white-space:nowrap;width:80%;max-width:300px;font-size:1.2em;overflow:hidden}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}[data-prose-reader-scroll-navigator]{width:100%;height:100%;position:relative;overflow:hidden scroll}[data-prose-reader-viewport]{background-color:#fff;width:100%;height:100%;position:relative}.prose-reader-reader{background-color:#fff;position:relative;overflow:hidden}", Ri = (e) => ({
 	x: -e.x,
 	y: -e.y
-}), Ii = (e) => e instanceof DOMMatrix ? new J({
+}), zi = (e) => e instanceof DOMMatrix ? new J({
 	x: -e.e,
 	y: -e.f
 }) : new J({
 	x: -e.x,
 	y: -e.y
-}), Li = L.namespace("navigation/ControlledNavigationController"), Ri = class extends Q {
+}), Bi = L.namespace("navigation/ControlledNavigationController"), Vi = class extends Q {
 	constructor(e, t, n, r, i) {
 		super(), this.settings = e, this.hookManager = t, this.context = n, this.spine = r, this.viewport = i, this.navigateSubject = new m(), this.isActive = () => this.settings.values.computedPageTurnMode === "controlled", this.getNavigationVisibleArea = () => this.viewport.absoluteViewport, this.element$ = new l(n.document.createElement("div"));
 		let o = this.spine.element$.pipe(x(K), N(this.element$), M(([e, t]) => {
@@ -2901,8 +2910,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			e.values.computedPageTurnMode === "scrollable" ? z(t.style, "display", "contents") : z(t.style, "display", "block");
 		}));
 		this.layout$ = s.pipe(M(() => {
-			Li.info("layout", e.values);
-		}), O()), this.isNavigating$ = this.navigateSubject.pipe(b((e, t) => a(e.position, t.position)), T(({ animation: t, position: n }) => (Li.info("Navigation requested", {
+			Bi.info("layout", e.values);
+		}), O()), this.isNavigating$ = this.navigateSubject.pipe(b((e, t) => a(e.position, t.position)), T(({ animation: t, position: n }) => (Bi.info("Navigation requested", {
 			animation: t,
 			position: n
 		}), {
@@ -2930,7 +2939,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}), pe(!1), k(1)), E(o, this.isNavigating$, this.layout$).pipe(j(this.destroy$)).subscribe();
 	}
 	applyNavigationPosition(e) {
-		let t = this.element$.getValue(), n = Fi(e);
+		let t = this.element$.getValue(), n = Ri(e);
 		z(t.style, "transform", `translate(${n.x}px, ${n.y}px)`), this.hookManager.execute("onViewportOffsetAdjust", void 0);
 	}
 	navigate(e) {
@@ -2944,22 +2953,22 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		return !n || n === "none" ? new J({
 			x: 0,
 			y: 0
-		}) : Ii(new DOMMatrix(n));
+		}) : zi(new DOMMatrix(n));
 	}
-}, zi = () => (e) => e.pipe(T(({ navigation: e, pagination: t, ...n }) => ({
+}, Hi = () => (e) => e.pipe(T(({ navigation: e, pagination: t, ...n }) => ({
 	navigation: {
 		...e,
-		paginationBeginCfi: t.beginCfi
+		paginationBeginCfi: t.begin.cfi
 	},
 	...n
-}))), Bi = (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(() => ({
+}))), Ui = (e, t, n) => e.bridgeEvent.pagination$.pipe(N(t), x(([e, t]) => e.navigationId === t.id), A(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(S()) ?? D(!1)).pipe(x((e) => e), T(() => ({
 	pagination: e,
 	navigation: t
-})))), zi(), b((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), T(({ navigation: e }) => ({
+})))), Hi(), b((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), T(({ navigation: e }) => ({
 	...e,
 	meta: { triggeredBy: "pagination" },
 	requestedPosition: e.position
-}))), Vi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(T(([n, r]) => {
+}))), Wi = ({ 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,
@@ -2974,7 +2983,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			position: o
 		}
 	};
-})), Hi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
+})), Gi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
 	if (t.navigation.cfi) {
 		let n = e.getNavigationForCfi(t.navigation.cfi);
 		if (n) return {
@@ -2986,8 +2995,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		};
 	}
 	return t;
-})), Ui = ({ 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", Wi = ({ context: e, settings: t }) => (n) => n.pipe(T(({ navigation: n, previousNavigation: r }) => {
-	let i = Ui({
+})), Ki = ({ navigation: e, previousNavigation: t, settings: n }) => e.directionFromLastNavigation ? e.directionFromLastNavigation : e.url !== void 0 || e.cfi !== void 0 ? "anchor" : t.spineItem === void 0 || e.spineItem || !e.position ? "forward" : n.values.computedPageTurnDirection === "vertical" ? e.position.y > t.position.y || e.position.y === t.position.y && t.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(e.position.x) > Math.abs(t.position.x) || e.position.x === t.position.x && t.directionFromLastNavigation !== "backward" ? "forward" : "backward", qi = ({ context: e, settings: t }) => (n) => n.pipe(T(({ navigation: n, previousNavigation: r }) => {
+	let i = Ki({
 		context: e,
 		navigation: n,
 		previousNavigation: r,
@@ -3001,7 +3010,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		},
 		direction: i
 	};
-})), Gi = ({ spineItemsManager: e, navigationResolver: t, settings: n, viewport: r }) => (i) => i.pipe(T(({ navigation: i, ...a }) => {
+})), Ji = ({ 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: {
@@ -3034,7 +3043,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		},
 		...a
 	};
-})), Ki = ({ settings: e, spineItemsManager: t, navigationResolver: n, spineLocator: r, cfi: i }) => (a) => {
+})), Yi = ({ settings: e, spineItemsManager: t, navigationResolver: n, spineLocator: r, cfi: i }) => (a) => {
 	let o = (a) => {
 		let { position: o, spineItem: s, cfi: c, directionFromLastNavigation: l } = a, { navigationSnapThreshold: u, computedPageTurnMode: d } = e.values;
 		if (s !== void 0) {
@@ -3080,7 +3089,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			...n
 		};
 	}));
-}, qi = ({ spine: e }) => (t) => t.pipe(A(({ navigation: t, ...n }) => {
+}, Xi = ({ spine: e }) => (t) => t.pipe(A(({ navigation: t, ...n }) => {
 	let r = e.getSpineItemSpineLayoutInfo(t.spineItem), i = e.spineItemsManager.get(t.spineItem);
 	return (i?.isReady$ ?? D(!1)).pipe(S(), T((e) => ({
 		navigation: {
@@ -3094,7 +3103,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		},
 		...n
 	})));
-})), Ji = ({ settings: e, spineItemsManager: t, spineLocator: n, navigationResolver: r }) => (i) => {
+})), Zi = ({ settings: e, spineItemsManager: t, spineLocator: n, navigationResolver: r }) => (i) => {
 	let a = (i) => {
 		let { navigationSnapThreshold: a, computedPageTurnMode: o } = e.values, s = t.get(i.spineItem);
 		if (!(!s || !i.position)) {
@@ -3131,7 +3140,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		},
 		...t
 	})));
-}, Yi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
+}, Qi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
 	if (t.navigation.url) {
 		let n = e.getNavigationForUrl(t.navigation.url);
 		if (n) return {
@@ -3144,7 +3153,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		};
 	}
 	return t;
-})), Xi = class {
+})), $i = class {
 	constructor() {
 		this.isLockedSubject = new l(0), this.isLocked$ = this.isLockedSubject.pipe(T((e) => !!e), b());
 	}
@@ -3154,7 +3163,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			e || (e = !0, this.isLockedSubject.next(this.isLockedSubject.getValue() - 1));
 		};
 	}
-}, Zi = ({ spineLocator: e, navigation: t, navigationResolver: n, spineItemsManager: r, spine: i, cfiManager: a }) => {
+}, ea = ({ spineLocator: e, navigation: t, navigationResolver: n, spineItemsManager: r, spine: i, cfiManager: a }) => {
 	let o = r.get(t.spineItem);
 	return o ? o.isReady$.pipe(S(), T((r) => {
 		let s = i.getSpineItemSpineLayoutInfo(o), c = e.isPositionWithinSpineItem(t.position, o), l = s.width - (t.spineItemWidth ?? 0), u = s.height - (t.spineItemHeight ?? 0), d = l !== 0 || u !== 0;
@@ -3194,7 +3203,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		x: 0,
 		y: 0
 	}));
-}, Qi = ({ navigation: e, spineLocator: t, spineItemsManager: n, settings: r, navigationResolver: i, spine: a }) => {
+}, ta = ({ navigation: e, spineLocator: t, spineItemsManager: n, settings: r, navigationResolver: i, spine: a }) => {
 	let { spineItem: o } = e, s = n.get(o);
 	if (!s) return new J({
 		x: 0,
@@ -3245,21 +3254,21 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}
 	}
 	return e.position;
-}, $i = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? D(Qi({
+}, na = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? D(ta({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	settings: n,
 	spineItemsManager: t,
 	spine: a
-})) : Zi({
+})) : ea({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	spineItemsManager: t,
 	spine: a,
 	cfiManager: o
-}), ea = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => $i({
+}), ra = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => na({
 	spineLocator: r.locator,
 	navigation: a.navigation,
 	navigationResolver: t,
@@ -3275,7 +3284,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		...a.navigation,
 		position: e
 	}
-}))))), ta = L.namespace("navigation/InternalNavigator"), na = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, ra = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, ia = (e, t) => e.id === t.id && na(e.position, t.position) && na(e.requestedPosition, t.requestedPosition) && ra(e.requestedVisibleArea, t.requestedVisibleArea), aa = class extends Q {
+}))))), ia = L.namespace("navigation/InternalNavigator"), aa = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, oa = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, sa = (e, t) => e.id === t.id && aa(e.position, t.position) && aa(e.requestedPosition, t.requestedPosition) && oa(e.requestedVisibleArea, t.requestedVisibleArea), ca = class extends Q {
 	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,
@@ -3297,40 +3306,40 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			requestedPosition: n,
 			requestedVisibleArea: r,
 			triggeredBy: i.triggeredBy
-		})), b(ia), k(1)), this.locker = new Xi();
-		let d = n.pipe(N(this.navigationSubject), Vi({
+		})), b(sa), k(1)), this.locker = new $i();
+		let d = n.pipe(N(this.navigationSubject), Wi({
 			navigationResolver: a,
 			getNavigationVisibleArea: () => r().getNavigationVisibleArea()
-		}), Yi({ navigationResolver: a }), Hi({ navigationResolver: a }), Wi({
+		}), Qi({ navigationResolver: a }), Gi({ navigationResolver: a }), qi({
 			context: t,
 			settings: e
-		}), Ki({
+		}), Yi({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), Ji({
+		}), Zi({
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), qi({ spine: o })).pipe(Gi({
+		}), Xi({ spine: o })).pipe(Ji({
 			navigationResolver: a,
 			spineItemsManager: o.spineItemsManager,
 			settings: e,
 			viewport: s
 		}), N(u), A(([n, r]) => {
 			let i = n.navigation.cfi || n.navigation.url || e.values.computedPageTurnMode === "scrollable" || r;
-			return D(n).pipe(i ? ce : ea({
+			return D(n).pipe(i ? ce : ra({
 				navigationResolver: a,
 				settings: e,
 				spine: o,
 				context: t,
 				cfiManager: c
 			}));
-		}), Ji({
+		}), Zi({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
@@ -3347,7 +3356,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		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
-		} })), j(E(f, d))))), f).pipe(ea({
+		} })), j(E(f, d))))), f).pipe(ra({
 			navigationResolver: a,
 			settings: e,
 			context: t,
@@ -3357,19 +3366,19 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			...e,
 			meta: { triggeredBy: "restoration" },
 			requestedPosition: e.position
-		} })), Ki({
+		} })), Yi({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), qi({ spine: o }), Ji({
+		}), Xi({ spine: o }), Zi({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), T(({ navigation: e }) => e), O()), d, Bi(t, this.navigationSubject, o)).pipe(N(this.navigationSubject), (e) => e.pipe(M(([e]) => {
+		}), T(({ navigation: e }) => e), O()), d, Ui(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 = {
@@ -3378,7 +3387,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			};
 			this.getActiveNavigationModeController().navigate(i);
 		})), (e) => e.pipe(M(([e, t]) => {
-			ta.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
+			ia.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
 				previousNavigation: t,
 				currentNavigation: e
 			}), this.navigationSubject.next(e);
@@ -3387,24 +3396,24 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	get navigation() {
 		return this.navigationSubject.getValue();
 	}
-}, oa = (e, t, n) => {
+}, la = (e, t, n) => {
 	let r = n - e, i = t * e * n / (n || 1);
 	return Math.max(0, Math.min(r, i));
-}, sa = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), ca = (e, t, n) => {
-	let r = sa(n, t), i = [...Array(r)].map((e, n) => n * t);
+}, ua = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), da = (e, t, n) => {
+	let r = ua(n, t), i = [...Array(r)].map((e, n) => n * t);
 	return e >= r * t ? i[i.length - 1] || 0 : i.find((n) => e < n + t) || 0;
-}, la = (e, t, n) => {
+}, fa = (e, t, n) => {
 	let r = [...Array(n)].map((e, n) => n * t);
 	return e <= 0 || n === 0 ? 0 : e >= n * t ? n - 1 : r.findIndex((n) => e < n + t) ?? 0;
-}, ua = ({ itemWidth: e, itemHeight: t, spineItemPosition: n }) => new q({
+}, pa = ({ itemWidth: e, itemHeight: t, spineItemPosition: n }) => new q({
 	x: Math.min(e, Math.max(0, n.x)),
 	y: Math.min(t, Math.max(0, n.y))
-}), da = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? sa(e, i) : sa(t, r), fa = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
-	let l = ua({
+}), ma = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? ua(e, i) : ua(t, r), ha = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
+	let l = pa({
 		spineItemPosition: n,
 		itemHeight: t,
 		itemWidth: e
-	}).x, u = da({
+	}).x, u = ma({
 		isUsingVerticalWriting: r,
 		itemHeight: t,
 		itemWidth: e,
@@ -3413,15 +3422,15 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		pageTurnDirection: o,
 		pageTurnMode: s
 	});
-	if (r) return la(n.y, a, u);
-	let d = la(l, i, u);
+	if (r) return fa(n.y, a, u);
+	let d = fa(l, i, u);
 	return c ? u - 1 - d : d;
-}, pa = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
+}, ga = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
 	if (r) return new q({
 		x: 0,
-		y: oa(i.pageSize.height, e, t.height)
+		y: la(i.pageSize.height, e, t.height)
 	});
-	let a = oa(i.pageSize.width, e, t.width);
+	let a = la(i.pageSize.width, e, t.width);
 	return n.isRTL() ? new q({
 		x: t.width - a - i.pageSize.width,
 		y: 0
@@ -3429,26 +3438,26 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		x: a,
 		y: 0
 	});
-}, ma = ({ context: e, settings: t, viewport: n }) => {
+}, _a = ({ context: e, settings: t, viewport: n }) => {
 	let r = (e, t, r) => {
 		let i;
 		e?.nodeName === "img" || e?.textContent === "" && e.nodeType === Node.ELEMENT_NODE ? i = e.getBoundingClientRect().x : e && (i = (e ? Ue(e, t) : void 0)?.getBoundingClientRect().x || i);
 		let a = r.layoutInfo?.width || 0, o = n.pageSize.width;
 		if (i !== void 0) return new q({
-			x: ca(i, o, a),
+			x: da(i, o, a),
 			y: 0
 		});
 	};
 	return {
 		getSpineItemPositionFromNode: r,
-		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => pa({
+		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => ga({
 			context: e,
 			isUsingVerticalWriting: !!r.isUsingVerticalWriting(),
 			itemLayout: r.layoutInfo,
 			pageIndex: t,
 			viewport: n
 		}),
-		getSpineItemPageIndexFromPosition: (r) => fa({
+		getSpineItemPageIndexFromPosition: (r) => ha({
 			...r,
 			isRTL: e.isRTL(),
 			pageWidth: n.pageSize.width,
@@ -3458,7 +3467,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}),
 		getSpineItemPageIndexFromNode: (i, a, o) => {
 			let s = r(i, a, o), { height: c, width: l } = o.layoutInfo;
-			return s ? fa({
+			return s ? ha({
 				isUsingVerticalWriting: !!o.isUsingVerticalWriting(),
 				position: s,
 				itemHeight: c,
@@ -3473,20 +3482,20 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		getSpineItemClosestPositionFromUnsafePosition: (e, t) => {
 			let { width: r, height: i } = t.layoutInfo;
 			return new q({
-				x: ca(e.x, n.pageSize.width, r),
-				y: ca(e.y, n.pageSize.height, i)
+				x: da(e.x, n.pageSize.width, r),
+				y: da(e.y, n.pageSize.height, i)
 			});
 		},
 		getSpineItemPagePositionFromSpineItemPosition: (t, r, i) => {
 			let { width: a, height: o } = i.layoutInfo, s = n.pageSize.width, c = n.pageSize.height;
 			if (i.isUsingVerticalWriting()) {
-				let e = oa(c, r, o);
+				let e = la(c, r, o);
 				return new ln({
 					x: t.x,
 					y: t.y - e
 				});
 			}
-			let l = oa(s, r, a);
+			let l = la(s, r, a);
 			if (e.isRTL()) {
 				let e = a - (r + 1) * s;
 				return new ln({
@@ -3500,8 +3509,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			});
 		}
 	};
-}, ha = ({ context: e, settings: t, viewport: n }) => {
-	let r = ma({
+}, va = ({ context: e, settings: t, viewport: n }) => {
+	let r = _a({
 		context: e,
 		settings: t,
 		viewport: n
@@ -3520,7 +3529,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			y: 0
 		})
 	};
-}, ga = ({ size: e, isRTL: t, spineItemsManager: n, spine: r }) => {
+}, ya = ({ size: e, isRTL: t, spineItemsManager: n, spine: r }) => {
 	let i = n.get(n.items.length - 1);
 	if (!i) return;
 	let a = r.getSpineItemSpineLayoutInfo(i), o = Math.max(0, a.bottom - e.height);
@@ -3539,8 +3548,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		yMin: 0,
 		yMax: o
 	};
-}, _a = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = ga({
+}, ba = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = ya({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3555,8 +3564,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		x: n ? Math.max(a.xMin, Math.min(a.xMax, e.x)) : Math.min(Math.max(a.xMin, e.x), a.xMax),
 		y: o
 	});
-}, va = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = ga({
+}, xa = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = ya({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3582,7 +3591,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		x: a,
 		y: i
 	});
-}, ya = ({ viewportPosition: e, spineLocator: t, spineItemNavigationResolver: n, viewport: r }) => {
+}, Sa = ({ viewportPosition: e, spineLocator: t, spineItemNavigationResolver: n, viewport: r }) => {
 	let i = t.getSpineItemFromPosition(e);
 	if (i) {
 		let a = t.getSpineItemPositionFromSpinePosition(e, i), o = n.getNavigationForPosition(i, a);
@@ -3599,9 +3608,9 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		x: 0,
 		y: 0
 	});
-}, ba = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
+}, Ca = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
 	let o = t.get(n);
-	if (!o) return ya({
+	if (!o) return Sa({
 		viewportPosition: new J({
 			x: e * a.pageSize.width,
 			y: 0
@@ -3622,7 +3631,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		pageSizeWidth: a.pageSize.width,
 		visibleAreaRectWidth: a.absoluteViewport.width
 	});
-}, xa = (e, t) => {
+}, wa = (e, t) => {
 	if (V(t, "iframe")) {
 		let n = t.contentDocument, r = e.trim();
 		if (!n || r.length === 0) return;
@@ -3636,11 +3645,11 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			return;
 		}
 	}
-}, Sa = ({ anchor: e, spineItem: t, spine: n }) => {
-	let r = xa(e, t.renderer.getDocumentFrame());
+}, Ta = ({ anchor: e, spineItem: t, spine: n }) => {
+	let r = wa(e, t.renderer.getDocumentFrame());
 	return r ? n.spineItemLocator.getSpineItemPositionFromNode(r, 0, t)?.x ?? 0 : 0;
-}, Ca = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
-	let i = Sa({
+}, Ea = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
+	let i = Ta({
 		anchor: e,
 		spineItem: t,
 		spine: r
@@ -3652,8 +3661,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}),
 		spineItem: t
 	});
-}, wa = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
-	position: Ca({
+}, Da = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
+	position: Ea({
 		anchor: e,
 		spineItem: t,
 		spineLocator: n,
@@ -3661,14 +3670,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	}),
 	pageSizeWidth: i,
 	visibleAreaRectWidth: a
-}), Ta = ({ spine: e, spineItemsManager: t, spineLocator: n, url: r, context: i, pageSizeWidth: a, visibleAreaRectWidth: o }) => {
+}), Oa = ({ spine: e, spineItemsManager: t, spineLocator: n, url: r, context: i, pageSizeWidth: a, visibleAreaRectWidth: o }) => {
 	try {
 		let s = r instanceof URL ? r : new URL(r), c = `${s.origin}${s.pathname}`, l = i.manifest.spineItems.find((e) => e.href === c);
 		if (l) {
 			let r = t.get(l.id);
 			if (r) return {
 				position: $({
-					position: wa({
+					position: Da({
 						anchor: s.hash,
 						spineItem: r,
 						spine: e,
@@ -3687,7 +3696,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		console.error(e);
 		return;
 	}
-}, Ea = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
+}, ka = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
 	let a = r.getSpineItemClosestPositionFromUnsafePosition(t, e);
 	return $({
 		position: n.getSpinePositionFromSpineItemPosition({
@@ -3697,14 +3706,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		pageSizeWidth: i.pageSize.width,
 		visibleAreaRectWidth: i.absoluteViewport.width
 	});
-}, Da = "spineNavigator", Oa = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
-	let s = ha({
+}, Aa = "spineNavigator", ja = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
+	let s = va({
 		context: e,
 		settings: r,
 		viewport: a
 	});
 	return {
-		getNavigationForUrl: (r) => Ta({
+		getNavigationForUrl: (r) => Oa({
 			context: e,
 			spineItemsManager: t,
 			spineLocator: n,
@@ -3713,14 +3722,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			visibleAreaRectWidth: a.absoluteViewport.width,
 			spine: i
 		}),
-		getNavigationForSpineItemPage: (e) => ba({
+		getNavigationForSpineItemPage: (e) => Ca({
 			...e,
 			spineItemsManager: t,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
-		getNavigationFromSpineItemPosition: (e) => Ea({
+		getNavigationFromSpineItemPosition: (e) => ka({
 			...e,
 			spineItemLocator: n.spineItemLocator,
 			spineLocator: n,
@@ -3729,7 +3738,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		getNavigationForCfi: (e) => {
 			let { node: t, offset: r = 0, spineItem: i } = o.resolveCfi({ cfi: e });
 			if (!i) {
-				L.warn(Da, `unable to detect item id from cfi ${e}`);
+				L.warn(Aa, `unable to detect item id from cfi ${e}`);
 				return;
 			}
 			let c = t ? s.getNavigationFromNode(i, t, r) : new q({
@@ -3767,14 +3776,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 				y: 0
 			});
 		},
-		getNavigationForPosition: (e) => ya({
+		getNavigationForPosition: (e) => Sa({
 			viewportPosition: e,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
 		getMostPredominantNavigationForPosition: (o) => {
-			let c = r.values.computedPageTurnDirection, l = .5, u = _a({
+			let c = r.values.computedPageTurnDirection, l = .5, u = ba({
 				position: new J({
 					x: c === "horizontal" ? o.x + a.absoluteViewport.width * l : 0,
 					y: c === "horizontal" ? 0 : o.y + a.absoluteViewport.height * l
@@ -3784,21 +3793,21 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 				spineItemsManager: t,
 				spine: i
 			});
-			return ya({
+			return Sa({
 				spineItemNavigationResolver: s,
 				spineLocator: n,
 				viewportPosition: u,
 				viewport: a
 			});
 		},
-		clampPositionInSpine: (n, r) => _a({
+		clampPositionInSpine: (n, r) => ba({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
 			spineItemsManager: t,
 			spine: i
 		}),
-		getBoundaryForPosition: (n, r = a.absoluteViewport) => va({
+		getBoundaryForPosition: (n, r = a.absoluteViewport) => xa({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
@@ -3814,8 +3823,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}),
 		spineItemNavigator: s
 	};
-}, ka = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
-	let c = new m(), l = c.asObservable(), u = new Xi(), d = s, f = Oa({
+}, Ma = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
+	let c = new m(), l = c.asObservable(), u = new $i(), d = s, f = ja({
 		cfi: d,
 		context: t,
 		settings: i,
@@ -3823,7 +3832,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		locator: r.locator,
 		spine: r,
 		viewport: a
-	}), p = new Ri(i, n, t, r, a), h = new fi(a, i, n, r, t), g = [h, p], _ = new aa(i, t, l, () => g.find((e) => e.isActive()) ?? p, E(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), y = v([
+	}), p = new Vi(i, n, t, r, a), h = new hi(a, i, n, r, t), g = [h, p], _ = new ca(i, t, l, () => g.find((e) => e.isActive()) ?? p, E(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), y = v([
 		...g.map((e) => e.isNavigating$),
 		u.isLocked$,
 		_.locker.isLocked$
@@ -3848,27 +3857,21 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		navigation$: _.navigation$,
 		position$: ee
 	};
-}, Aa = class extends U {
+}, Na = class extends U {
 	constructor(e, t) {
 		super({
-			beginPageIndexInSpineItem: void 0,
-			beginNumberOfPagesInSpineItem: 0,
-			beginCfi: void 0,
-			beginSpineItemIndex: void 0,
-			endPageIndexInSpineItem: void 0,
-			endNumberOfPagesInSpineItem: 0,
-			endCfi: void 0,
-			endSpineItemIndex: void 0,
+			begin: hr(),
+			end: hr(),
 			navigationId: void 0
 		}), this.context = e, this.spineItemsManager = t;
 	}
 	update(e) {
-		this.mergeCompare(e);
+		gr(this.value, e) || this.mergeCompare(e);
 	}
-}, ja = {
+}, Pa = {
 	type: "percentage",
 	value: .5
-}, Ma = class extends Q {
+}, Fa = class extends Q {
 	constructor(e, t, n, r, i, a) {
 		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spine = r, this.isNavigationLocked$ = i, this.cfi = a;
 		let o = E(this.context.bridgeEvent.navigation$, r.layout$).pipe(A(() => this.isNavigationLocked$.pipe(x((e) => !e), he(1), N(this.context.bridgeEvent.navigation$), T(([, e]) => this.resolveMetrics(e) ?? this.pagination.value))), O());
@@ -3880,47 +3883,47 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		return this.spine.locator.getVisiblePagesFromViewportPosition({
 			spineItem: e,
 			position: t,
-			threshold: ja
+			threshold: Pa
 		});
 	}
 	resolveMetrics(e) {
 		let { position: t } = e, n = this.pagination.value, { beginIndex: r, endIndex: i } = this.spine.locator.getVisibleSpineItemsFromPosition({
 			position: t,
-			threshold: ja
+			threshold: Pa
 		}) ?? {}, a = this.spineItemsManager.get(r), o = this.spineItemsManager.get(i);
 		if (!a || !o) return;
 		let { beginPageIndex: s = 0 } = this.getVisiblePages(a, t) ?? {}, { endPageIndex: c = 0 } = this.getVisiblePages(o, t) ?? {};
 		return {
-			beginCfi: this.carryOverCfi(a, r, {
-				cfi: n.beginCfi,
-				spineItemIndex: n.beginSpineItemIndex
-			}),
-			beginNumberOfPagesInSpineItem: a.numberOfPages,
-			beginPageIndexInSpineItem: s,
-			beginSpineItemIndex: r,
-			endCfi: this.carryOverCfi(o, i, {
-				cfi: n.endCfi,
-				spineItemIndex: n.endSpineItemIndex
-			}),
-			endNumberOfPagesInSpineItem: o.numberOfPages,
-			endPageIndexInSpineItem: c,
-			endSpineItemIndex: i,
+			begin: this.resolveEdgeMetrics(a, r, s, n.begin),
+			end: this.resolveEdgeMetrics(o, i, c, n.end),
 			navigationId: e.id
 		};
 	}
-	carryOverCfi(e, t, n) {
-		return n.cfi !== void 0 && !this.cfi.isRootCfi(n.cfi) && n.spineItemIndex === t ? n.cfi : this.cfi.generateRootCfi(e.item);
+	resolveEdgeMetrics(e, t, n, r) {
+		return {
+			cfi: r.cfi !== void 0 && !this.cfi.isRootCfi(r.cfi) && r.spineItemIndex === t ? r.cfi : this.cfi.generateRootCfi(e.item),
+			spineItemIndex: t,
+			pageIndexInSpineItem: n,
+			numberOfPagesInSpineItem: e.numberOfPages
+		};
 	}
 	resolvePositions(e) {
-		let { beginSpineItemIndex: t, endSpineItemIndex: n, beginPageIndexInSpineItem: r, endPageIndexInSpineItem: i } = e;
-		if (r === void 0 || i === void 0 || t === void 0 || n === void 0) return;
-		let a = this.spineItemsManager.get(t), o = this.spineItemsManager.get(n);
-		if (!a || !o) return;
-		let s = this.spine.pages.fromSpineItemPageIndex(a, r), c = this.spine.pages.fromSpineItemPageIndex(o, i);
+		let t = this.resolveEdgePositions(e.begin), n = this.resolveEdgePositions(e.end);
+		if (!(!t || !n)) return {
+			...e,
+			begin: t,
+			end: n
+		};
+	}
+	resolveEdgePositions(e) {
+		let { spineItemIndex: t, pageIndexInSpineItem: n } = e;
+		if (t === void 0 || n === void 0) return;
+		let r = this.spineItemsManager.get(t);
+		if (!r) return;
+		let i = this.spine.pages.fromSpineItemPageIndex(r, n);
 		return {
 			...e,
-			beginCfi: this.resolveCfi(a, s),
-			endCfi: this.resolveCfi(o, c)
+			cfi: this.resolveCfi(r, i)
 		};
 	}
 	resolveCfi(e, t) {
@@ -3929,7 +3932,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			pageNode: t.firstVisibleNode
 		}) : this.cfi.generateRootCfi(e.item);
 	}
-}, Na = class extends Q {
+}, Ia = class extends Q {
 	constructor(e) {
 		super();
 		let t = {
@@ -3970,7 +3973,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.outputSettingsUpdateSubject.complete();
 	}
-}, Pa = class extends Na {
+}, La = class extends Ia {
 	constructor(e, t) {
 		super(e), this.context = t, t.watch(["hasVerticalWriting"]).pipe(M(() => this.update(this.values)), j(this.destroy$)).subscribe();
 	}
@@ -4010,7 +4013,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			numberOfAdjacentSpineItemToPreLoad: 3
 		};
 	}
-}, Fa = class extends Q {
+}, Ra = class extends Q {
 	constructor(e, n, r, i, a, o) {
 		super(), this.context = e, this.spineItemsManager = n, this.spineLocator = r, this.settings = i, this.spineLayout = a, this.viewport = o, this.forcedOpenSubject = new l(/* @__PURE__ */ new Map());
 		let s = this.forcedOpenSubject.pipe(T((e) => Array.from(e.keys()).sort((e, t) => e - t)), b(t), k({
@@ -4046,13 +4049,13 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.forcedOpenSubject.complete();
 	}
-}, Ia = (e, t, n) => {
+}, za = (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
 	});
-}, La = class e extends DOMRect {
+}, Ba = class e extends DOMRect {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("ViewportPosition");
 	}
@@ -4064,15 +4067,15 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		let r = t;
 		return new e(r.x, r.y, r.width, r.height);
 	}
-}, Ra = class {
+}, Va = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
 	}
-}, za = class {
+}, Ha = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
 	}
-}, Ba = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
+}, Ua = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
 	let r = n.items, i = n.get(t);
 	if (!i) return;
 	let { currentAbsolutePage: a } = r.reduce((t, n) => {
@@ -4090,45 +4093,45 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		found: !1
 	});
 	return a;
-}, Va = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
+}, Wa = ({ 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;
-}, Ha = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
+}, Ga = ({ 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;
-}, Ua = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
+}, Ka = ({ 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 = Ha({
+	let h = Ga({
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p,
 		viewportPosition: s
 	});
-	return c ? { visible: h } : { visible: Va({
+	return c ? { visible: h } : { visible: Wa({
 		itemHeight: a,
 		itemWidth: i,
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p
 	}) || h };
-}, Wa = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
+}, qa = ({ 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;
-}, Ga = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
+}, Ja = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
 	x: t + e.x,
 	y: n + e.y
-}), Ka = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
-	let s = Wa({
+}), Ya = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
+	let s = qa({
 		position: e,
 		spineItemsManager: r,
 		spineLayout: i
-	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Ia(e, o.absoluteViewport, c), u = La.from(l, c), d = [];
+	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = za(e, o.absoluteViewport, c), u = Ba.from(l, c), d = [];
 	for (let e of r.items) {
-		let { visible: r } = Ua({
+		let { visible: r } = Ka({
 			itemPosition: i.getSpineItemSpineLayoutInfo(e),
 			threshold: t,
 			viewportPosition: u,
@@ -4143,14 +4146,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		beginIndex: m ?? 0,
 		endIndex: h ?? 0
 	};
-}, qa = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
+}, Xa = ({ 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) => Ga({
+	}, s = (e) => Ja({
 		spineItemPosition: new q({
 			x: 0,
 			y: 0
@@ -4164,7 +4167,7 @@ var ai = (e) => (t) => e(t), oi = (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 = Ga({
+			let a = Ja({
 				spineItemPosition: n.getSpineItemPositionFromPageIndex({
 					pageIndex: t,
 					spineItem: r
@@ -4183,8 +4186,8 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 				}
 			};
 		}).reduce((n, { absolutePosition: r, index: i }) => {
-			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ia(e, s.absoluteViewport, c), { visible: u } = Ua({
-				viewportPosition: La.from(l, c),
+			let c = o ? s.absoluteViewport : s.relativeViewport, l = za(e, s.absoluteViewport, c), { visible: u } = Ka({
+				viewportPosition: Ba.from(l, c),
 				restrictToScreen: a,
 				threshold: t,
 				itemPosition: r
@@ -4197,11 +4200,11 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		};
 	};
 	return {
-		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Ga({
+		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Ja({
 			itemLayout: i.getSpineItemSpineLayoutInfo(e),
 			spineItemPosition: t
 		}),
-		_getAbsolutePageIndexFromPageIndex: (n) => Ba({
+		_getAbsolutePageIndexFromPageIndex: (n) => Ua({
 			...n,
 			context: t,
 			settings: r,
@@ -4209,7 +4212,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			spineLayout: i
 		}),
 		getSpineItemPagePositionFromSpinePosition: (t) => {
-			let r = Wa({
+			let r = qa({
 				position: t,
 				spineItemsManager: e,
 				spineLayout: i
@@ -4230,14 +4233,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		},
 		getSpinePositionFromSpineItem: s,
 		getSpineItemPositionFromSpinePosition: o,
-		getSpineItemFromPosition: (t) => Wa({
+		getSpineItemFromPosition: (t) => qa({
 			position: t,
 			spineItemsManager: e,
 			spineLayout: i
 		}),
 		getSpineItemFromIframe: c,
 		getSpineItemPageIndexFromNode: l,
-		getVisibleSpineItemsFromPosition: (t) => Ka({
+		getVisibleSpineItemsFromPosition: (t) => Ya({
 			settings: r,
 			spineItemsManager: e,
 			spineLayout: i,
@@ -4261,7 +4264,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			});
 		}
 	};
-}, Ja = class extends Q {
+}, Za = class extends Q {
 	constructor(e) {
 		super(), this.spineItemsManager = e;
 		let t = e.items;
@@ -4273,7 +4276,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			item: e
 		}))))).pipe(O()), this.itemLoad$ = E(...t.map((e) => e.loaded$.pipe(T(() => e)))).pipe(O()), this.itemUnload$ = E(...t.map((e) => e.unloaded$.pipe(T(() => e)))).pipe(O());
 	}
-}, Ya = 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 = E(t.itemLoad$, t.itemUnload$).pipe(T(() => ({ immediate: !1 }))), o = E(this.externalLayoutTrigger, a);
@@ -4368,16 +4371,16 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			y: r
 		});
 	}
-}, Xa = class extends Q {
+}, $a = 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 Ja(n), this.spineLayout = new Ya(n, this.spineItemsObserver, e, i, a), this.locator = qa({
+		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.viewport = a, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Za(n), this.spineLayout = new Qa(n, this.spineItemsObserver, e, i, a), this.locator = Xa({
 			context: e,
 			spineItemsManager: n,
 			spineItemLocator: r,
 			settings: i,
 			spineLayout: this.spineLayout,
 			viewport: a
-		}), this.spineItemsLoader = new Fa(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new br(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
+		}), this.spineItemsLoader = new Ra(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new Sr(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
 		let o = e.watch("rootElement").pipe(xe(K), I(() => {
 			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);
@@ -4403,7 +4406,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
 	}
-}, Za = class extends At {
+}, eo = class extends At {
 	onUnload() {}
 	onCreateDocument() {
 		return D(this.context.document.createElement("div"));
@@ -4418,10 +4421,10 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		return u;
 	}
 	getDocumentFrame() {}
-}, Qa = class extends Q {
+}, to = 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 = ki(s);
+			let i = this.viewport.value.pageSize.width, a = "none", o = t % this.viewport.absoluteViewport.width === 0, s = this.context.manifest, c = Mi(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);
@@ -4503,7 +4506,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			height: e.height ? parseFloat(e.height) : 0
 		};
 	}
-}, $a = class extends U {
+}, no = class extends U {
 	constructor(e, t, n, r, i, a) {
 		super({
 			isLoaded: !1,
@@ -4524,7 +4527,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			this.updateState({ isDirty: !0 });
 		}, this.destroy = () => {
 			this.isDestroyed || (super.destroy(), this._layout.destroy(), this.renderer.destroy(), this.containerElement.remove());
-		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = eo(e, t.document);
+		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = ro(e, t.document);
 		let o = this.settings.values.getRenderer?.(e);
 		this.resourcesHandler = new Mt(e, this.settings);
 		let s = {
@@ -4536,7 +4539,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			resourcesHandler: this.resourcesHandler,
 			viewport: this.viewport
 		};
-		this.renderer = o ? o(s) : new Za(s), this._layout = new Qa(e, this.containerElement, t, r, this.renderer, this.settings, this.viewport);
+		this.renderer = o ? o(s) : new eo(s), this._layout = new to(e, this.containerElement, t, r, this.renderer, this.settings, this.viewport);
 		let c = this.renderer.state$.pipe(I(({ state: e, error: t }) => {
 			this.updateState({
 				isLoaded: e === "loaded",
@@ -4583,7 +4586,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		return this._layout.layoutInfo;
 	}
 	get numberOfPages() {
-		return da({
+		return ma({
 			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
 			itemHeight: this._layout.layoutInfo.height,
 			itemWidth: this._layout.layoutInfo.width,
@@ -4593,12 +4596,12 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			pageTurnMode: this.settings.values.pageTurnMode
 		});
 	}
-}, eo = (e, t) => {
+}, ro = (e, t) => {
 	let n = t.createElement("div");
 	return n.setAttribute(`data-${Tn}`, ""), n.classList.add("spineItem"), n.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), n.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", n.dataset.isReady = "false", n;
-}, to = class extends Q {
+}, io = class extends Q {
 	constructor(e, t, n, r) {
-		super(), this.context = e, this.settings = t, this.hookManager = n, this.viewport = r, this.items = e.manifest.spineItems.map((i, a) => new $a(i, e, t, n, a, r));
+		super(), this.context = e, this.settings = t, this.hookManager = n, this.viewport = r, this.items = e.manifest.spineItems.map((i, a) => new no(i, e, t, n, a, r));
 	}
 	get(e) {
 		return typeof e == "number" ? this.items[e] : typeof e == "string" ? this.items.find(({ item: t }) => t.id === e) : e;
@@ -4608,14 +4611,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		return n > r ? "after" : n === r ? "same" : "before";
 	}
 	getSpineItemIndex(e) {
-		return (e instanceof $a ? e : this.get(e))?.index;
+		return (e instanceof no ? e : this.get(e))?.index;
 	}
 	destroy() {
 		this.items.forEach((e) => {
 			e.destroy();
 		}), super.destroy();
 	}
-}, no = class extends U {
+}, ao = class extends U {
 	constructor(e, t) {
 		let n = e.document.createElement("div");
 		n.setAttribute(`data-${Cn}`, ""), super({
@@ -4654,7 +4657,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}), this.layoutSubject.next();
 	}
 	get absoluteViewport() {
-		return new Ra({
+		return new Va({
 			width: this.value.width,
 			height: this.value.height
 		});
@@ -4668,7 +4671,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	}
 	get relativeViewport() {
 		let e = this.absoluteViewport, t = this.scaleFactor;
-		return new za({
+		return new Ha({
 			width: e.width / t,
 			height: e.height / t
 		});
@@ -4676,12 +4679,12 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.layoutSubject.complete(), this.value.element.remove();
 	}
-}, ro = ({ manifest: e, cfi: t, ownerDocument: n = globalThis.document, ...r }) => {
-	let i = crypto.randomUUID(), a = `${xn}-core-${i}`, o = new m(), s = new m(), c = new Ni(), l = new ji(e, n), u = new Pa(r, l), d = new Mi(l, u), f = new no(l, u), p = new to(l, u, c, f), h = new Oi(c, p), g = ma({
+}, oo = ({ manifest: e, cfi: t, ownerDocument: n = globalThis.document, ...r }) => {
+	let i = crypto.randomUUID(), a = `${xn}-core-${i}`, o = new m(), s = new m(), c = new Ii(), l = new Pi(e, n), u = new La(r, l), d = new Fi(l, u), f = new ao(l, u), p = new io(l, u, c, f), h = new ji(c, p), g = _a({
 		context: l,
 		settings: u,
 		viewport: f
-	}), _ = new Aa(l, p), v = new Xa(l, _, p, g, u, f), y = ka({
+	}), _ = new Na(l, p), v = new $a(l, _, p, g, u, f), y = Ma({
 		cfi: h,
 		context: l,
 		spineItemsManager: p,
@@ -4689,15 +4692,15 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		spine: v,
 		settings: u,
 		viewport: f
-	}), ee = new Ma(l, _, p, v, y.isLocked$, h);
+	}), ee = new Fa(l, _, p, v, 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 = {}) => {
 		o.next(e);
 	}, ne = (e) => {
 		if (l.value.rootElement) throw Error("This reader is already mounted. A reader renders a single book, destroy it and create a new reader instead.");
 		if (e.ownerDocument !== l.document) throw Error("The container element must belong to the reader's document. Pass `ownerDocument` to `createReader` when mounting into a foreign document (eg: an iframe's contentDocument).");
-		L.log("mount", { containerElement: e }), $e(l.document, a, Pi);
-		let t = oo(e, i);
+		L.log("mount", { containerElement: e }), $e(l.document, a, Li);
+		let t = lo(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));
@@ -4715,7 +4718,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		mount: ne,
 		destroy: () => {
 			let e = l.value.rootElement;
-			e && (et(l.document, a), so(e)), ie.unsubscribe(), p.destroy(), ee.destroy(), u.destroy(), _.destroy(), l.destroy(), y.destroy(), v.destroy(), d.destroy(), s.next(), s.complete(), f.destroy();
+			e && (et(l.document, a), uo(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() {
@@ -4734,9 +4737,9 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		features: d,
 		$: { destroy$: s }
 	};
-}, io = `${X}-reader`, ao = "data-prose-reader-container", oo = (e, t) => (e.classList.add(io), R(e, Sn, t), R(e, ao, t), e), so = (e) => {
-	e.classList.remove(io), e.removeAttribute(Sn), e.removeAttribute(ao);
-}, co = ti(Ot(ai(Dt(ct(ii(_i(dr(sn(Kn(lt(pt(Xr(Gn(ri(ro))))))))))))))), lo = (e) => (t) => e(t), uo = 5e3, fo = (e, { itemReadinessTimeoutMs: t = uo } = {}) => Zn(e).pipe(A((n) => {
+}, so = `${X}-reader`, co = "data-prose-reader-container", lo = (e, t) => (e.classList.add(so), R(e, Sn, t), R(e, co, t), e), uo = (e) => {
+	e.classList.remove(so), e.removeAttribute(Sn), e.removeAttribute(co);
+}, fo = ii(Ot(ci(Dt(ct(si(bi(dr(sn(Kn(lt(pt($r(Gn(oi(oo))))))))))))))), po = (e) => (t) => e(t), mo = 5e3, ho = (e, { itemReadinessTimeoutMs: t = mo } = {}) => Zn(e).pipe(A((n) => {
 	if (n.boundary === "start") return D(n);
 	let r = e.spineItemsManager.items, i = r[r.length - 1];
 	return i ? i.value.isReady ? D(n) : i.isReady$.pipe(x(Boolean), S(), T(() => n), t === Infinity ? ce : _e({
@@ -4745,6 +4748,6 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	}), Xn(e.navigation)) : u;
 }), O());
 //#endregion
-export { pn as AbstractSpinePosition, Dn as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, En as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, Oi as CfiManager, ji as Context, Ri as ControlledNavigationController, Q as DestroyableClass, At as DocumentRenderer, Mi as Features, Sn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, wn as HTML_PREFIX_SCROLL_NAVIGATOR, Tn as HTML_PREFIX_SPINE_ITEM, Cn as HTML_PREFIX_VIEWPORT, xn as HTML_STYLE_PREFIX, Ni as HookManager, aa as InternalNavigator, cn as LayoutEntry, Xi as Locker, bn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, vn as PROSE_READER_NAMESPACE, br as Pages, U as ReactiveEntity, Mt as ResourceHandler, mr as ResourcesLocator, fi as ScrollNavigationController, ui as ScrollPosition, Na as SettingsManager, Xa as Spine, $a as SpineItem, un as SpineItemPageLayout, fn as SpineItemPageSpineLayout, q as SpineItemPosition, dn as SpineItemSpineLayout, to as SpineItemsManager, Ja as SpineItemsObserver, J as SpinePosition, di as UnboundScrollPosition, ln as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, yn as VIEWPORT_ADJUSTMENT_THROTTLE, no as Viewport, pr as consolidate, co as createReader, St as deferIdle, bt as deferNextResult, bi as generateCfiForSpineItemPage, xi as generateCfiFromRange, vi as generateRootCfi, nt as getAttributeValueFromString, mt as getBase64FromBlob, at as getFrameViewportInfo, Si as getItemAnchor, sn as htmlEnhancer, xt as idle, $e as injectCSS, rt as injectCSSToFrame, K as isDefined, Ze as isHtmlElement, V as isHtmlTagElement, wi as isRootCfi, a as isShallowEqual, Gn as layoutEnhancer, gt as mapKeysTo, fo as observeBookBoundaryReached, wt as observeIntersection, Ct as observeMutation, Yn as observeNextSettledNavigation, vt as observeResize, Jn as observeSettledNavigation, Xr as paginationEnhancer, Ei as parseCfi, ht as pick, Ie as removeAttributeIfPresent, it as removeCSS, B as removeStylePropertyIfPresent, Di as resolveCfi, lo as rootEnhancer, R as setAttributeIfChanged, Le as setPropertyIfChanged, z as setStylePropertyIfChanged, Hn as shouldEnableSpreadModeForViewport, Un as shouldUseComputedSpreadModeForViewport, gr as spinePositionToSpineItemSpineLayout, Xn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, ot as waitForFrameLoad, st as waitForFrameReady, qn as waitForNavigationSettled, yt as waitForSwitch, _t as watchKeys };
+export { pn as AbstractSpinePosition, Dn as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, En as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, ji as CfiManager, Pi as Context, Vi as ControlledNavigationController, Q as DestroyableClass, At as DocumentRenderer, Fi as Features, Sn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, wn as HTML_PREFIX_SCROLL_NAVIGATOR, Tn as HTML_PREFIX_SPINE_ITEM, Cn as HTML_PREFIX_VIEWPORT, xn as HTML_STYLE_PREFIX, Ii as HookManager, ca as InternalNavigator, cn as LayoutEntry, $i as Locker, bn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, vn as PROSE_READER_NAMESPACE, Sr as Pages, U as ReactiveEntity, Mt as ResourceHandler, mr as ResourcesLocator, hi as ScrollNavigationController, pi as ScrollPosition, Ia as SettingsManager, $a as Spine, no as SpineItem, un as SpineItemPageLayout, fn as SpineItemPageSpineLayout, q as SpineItemPosition, dn as SpineItemSpineLayout, io as SpineItemsManager, Za as SpineItemsObserver, J as SpinePosition, mi as UnboundScrollPosition, ln as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, yn as VIEWPORT_ADJUSTMENT_THROTTLE, ao as Viewport, pr as consolidate, fo as createReader, St as deferIdle, bt as deferNextResult, Ci as generateCfiForSpineItemPage, wi as generateCfiFromRange, xi as generateRootCfi, nt as getAttributeValueFromString, mt as getBase64FromBlob, at as getFrameViewportInfo, Ti as getItemAnchor, sn as htmlEnhancer, xt as idle, $e as injectCSS, rt as injectCSSToFrame, K as isDefined, Ze as isHtmlElement, V as isHtmlTagElement, Di as isRootCfi, a as isShallowEqual, Gn as layoutEnhancer, gt as mapKeysTo, ho as observeBookBoundaryReached, wt as observeIntersection, Ct as observeMutation, Yn as observeNextSettledNavigation, vt as observeResize, Jn as observeSettledNavigation, $r as paginationEnhancer, ki as parseCfi, ht as pick, Ie as removeAttributeIfPresent, it as removeCSS, B as removeStylePropertyIfPresent, Ai as resolveCfi, po as rootEnhancer, R as setAttributeIfChanged, Le as setPropertyIfChanged, z as setStylePropertyIfChanged, Hn as shouldEnableSpreadModeForViewport, Un as shouldUseComputedSpreadModeForViewport, vr as spinePositionToSpineItemSpineLayout, Xn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, ot as waitForFrameLoad, st as waitForFrameReady, qn as waitForNavigationSettled, yt as waitForSwitch, _t as watchKeys };
 
 //# sourceMappingURL=index.js.map