@prose-reader/core 1.368.0 → 1.370.0

package/dist/index.js

@@ -3865,66 +3865,71 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	update(e) {
 		this.mergeCompare(e);
 	}
-}, ja = class extends Q {
-	constructor(e, t, n, r, i, a, o) {
-		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spine = r, this.spineItemLocator = i, this.isNavigationLocked$ = a, this.cfi = o;
-		let s = E(this.context.bridgeEvent.navigation$, r.layout$).pipe(A(() => {
-			let e = ({ spineItem: e, position: t }) => this.spine.locator.getVisiblePagesFromViewportPosition({
-				spineItem: e,
-				position: t,
-				threshold: {
-					type: "percentage",
-					value: .5
-				}
-			});
-			return this.isNavigationLocked$.pipe(x((e) => !e), he(1), N(this.context.bridgeEvent.navigation$), M(([, t]) => {
-				let { position: n } = t, r = this.pagination.value, { beginIndex: i, endIndex: a } = this.spine.locator.getVisibleSpineItemsFromPosition({
-					position: n,
-					threshold: {
-						type: "percentage",
-						value: .5
-					}
-				}) ?? {}, o = this.spineItemsManager.get(i), s = this.spineItemsManager.get(a);
-				if (!o || !s) return;
-				let c = r.beginCfi, l = r.endCfi, { beginPageIndex: u = 0 } = e({
-					spineItem: o,
-					position: n
-				}) ?? {}, { endPageIndex: d = 0 } = e({
-					spineItem: s,
-					position: n
-				}) ?? {}, f = c === void 0 || this.cfi.isRootCfi(c) || r.beginSpineItemIndex !== i, p = r.endSpineItemIndex !== a || l === void 0 || this.cfi.isRootCfi(l), m = f ? this.cfi.generateRootCfi(o.item) : c, h = p ? this.cfi.generateRootCfi(s.item) : l, g = o.numberOfPages, _ = s.numberOfPages;
-				this.pagination.update({
-					beginCfi: m,
-					beginNumberOfPagesInSpineItem: g,
-					beginPageIndexInSpineItem: u,
-					beginSpineItemIndex: i,
-					endCfi: h,
-					endNumberOfPagesInSpineItem: _,
-					endPageIndexInSpineItem: d,
-					endSpineItemIndex: a,
-					navigationId: t.id
-				});
-			}));
-		}));
-		E(s, s.pipe(yt(this.context.bridgeEvent.viewportFree$), M(() => {
-			let { beginSpineItemIndex: e, endSpineItemIndex: t, beginPageIndexInSpineItem: n, endPageIndexInSpineItem: r } = this.pagination.value;
-			if (n === void 0 || r === void 0 || e === void 0 || t === void 0) return;
-			let i = this.spineItemsManager.get(e), a = this.spineItemsManager.get(t);
-			if (i === void 0 || a === void 0) return;
-			let o = this.spine.pages.fromSpineItemPageIndex(i, n), s = this.spine.pages.fromSpineItemPageIndex(a, r);
-			this.pagination.update({
-				beginCfi: o?.firstVisibleNode ? this.cfi.generateCfiForSpineItemPage({
-					spineItem: i.item,
-					pageNode: o?.firstVisibleNode
-				}) : this.cfi.generateRootCfi(i.item),
-				endCfi: s?.firstVisibleNode ? this.cfi.generateCfiForSpineItemPage({
-					spineItem: a.item,
-					pageNode: s?.firstVisibleNode
-				}) : this.cfi.generateRootCfi(a.item)
-			});
-		}))).pipe(j(this.destroy$)).subscribe();
-	}
+}, ja = {
+	type: "percentage",
+	value: .5
 }, Ma = 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());
+		E(o, o.pipe(yt(this.context.bridgeEvent.viewportFree$), T((e) => this.resolvePositions(e)), x((e) => e !== void 0))).pipe(j(this.destroy$)).subscribe((e) => {
+			this.pagination.update(e);
+		});
+	}
+	getVisiblePages(e, t) {
+		return this.spine.locator.getVisiblePagesFromViewportPosition({
+			spineItem: e,
+			position: t,
+			threshold: ja
+		});
+	}
+	resolveMetrics(e) {
+		let { position: t } = e, n = this.pagination.value, { beginIndex: r, endIndex: i } = this.spine.locator.getVisibleSpineItemsFromPosition({
+			position: t,
+			threshold: ja
+		}) ?? {}, 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,
+			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);
+	}
+	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);
+		return {
+			...e,
+			beginCfi: this.resolveCfi(a, s),
+			endCfi: this.resolveCfi(o, c)
+		};
+	}
+	resolveCfi(e, t) {
+		return t?.firstVisibleNode ? this.cfi.generateCfiForSpineItemPage({
+			spineItem: e.item,
+			pageNode: t.firstVisibleNode
+		}) : this.cfi.generateRootCfi(e.item);
+	}
+}, Na = class extends Q {
 	constructor(e) {
 		super();
 		let t = {
@@ -3965,7 +3970,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.outputSettingsUpdateSubject.complete();
 	}
-}, Na = class extends Ma {
+}, Pa = class extends Na {
 	constructor(e, t) {
 		super(e), this.context = t, t.watch(["hasVerticalWriting"]).pipe(M(() => this.update(this.values)), j(this.destroy$)).subscribe();
 	}
@@ -4005,7 +4010,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			numberOfAdjacentSpineItemToPreLoad: 3
 		};
 	}
-}, Pa = class extends Q {
+}, Fa = 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({
@@ -4041,13 +4046,13 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.forcedOpenSubject.complete();
 	}
-}, Fa = (e, t, n) => {
+}, Ia = (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
 	});
-}, Ia = class e extends DOMRect {
+}, La = class e extends DOMRect {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("ViewportPosition");
 	}
@@ -4059,15 +4064,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);
 	}
-}, La = class {
+}, Ra = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
 	}
-}, Ra = class {
+}, za = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
 	}
-}, za = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
+}, Ba = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
 	let r = n.items, i = n.get(t);
 	if (!i) return;
 	let { currentAbsolutePage: a } = r.reduce((t, n) => {
@@ -4085,45 +4090,45 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		found: !1
 	});
 	return a;
-}, Ba = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
+}, Va = ({ 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;
-}, Va = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
+}, Ha = ({ 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;
-}, Ha = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
+}, Ua = ({ 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 = Va({
+	let h = Ha({
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p,
 		viewportPosition: s
 	});
-	return c ? { visible: h } : { visible: Ba({
+	return c ? { visible: h } : { visible: Va({
 		itemHeight: a,
 		itemWidth: i,
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p
 	}) || h };
-}, Ua = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
+}, Wa = ({ 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;
-}, Wa = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
+}, Ga = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
 	x: t + e.x,
 	y: n + e.y
-}), Ga = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
-	let s = Ua({
+}), Ka = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
+	let s = Wa({
 		position: e,
 		spineItemsManager: r,
 		spineLayout: i
-	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Fa(e, o.absoluteViewport, c), u = Ia.from(l, c), d = [];
+	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Ia(e, o.absoluteViewport, c), u = La.from(l, c), d = [];
 	for (let e of r.items) {
-		let { visible: r } = Ha({
+		let { visible: r } = Ua({
 			itemPosition: i.getSpineItemSpineLayoutInfo(e),
 			threshold: t,
 			viewportPosition: u,
@@ -4138,14 +4143,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		beginIndex: m ?? 0,
 		endIndex: h ?? 0
 	};
-}, Ka = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
+}, qa = ({ 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) => Wa({
+	}, s = (e) => Ga({
 		spineItemPosition: new q({
 			x: 0,
 			y: 0
@@ -4159,7 +4164,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 = Wa({
+			let a = Ga({
 				spineItemPosition: n.getSpineItemPositionFromPageIndex({
 					pageIndex: t,
 					spineItem: r
@@ -4178,8 +4183,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 = Fa(e, s.absoluteViewport, c), { visible: u } = Ha({
-				viewportPosition: Ia.from(l, c),
+			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ia(e, s.absoluteViewport, c), { visible: u } = Ua({
+				viewportPosition: La.from(l, c),
 				restrictToScreen: a,
 				threshold: t,
 				itemPosition: r
@@ -4192,11 +4197,11 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		};
 	};
 	return {
-		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Wa({
+		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Ga({
 			itemLayout: i.getSpineItemSpineLayoutInfo(e),
 			spineItemPosition: t
 		}),
-		_getAbsolutePageIndexFromPageIndex: (n) => za({
+		_getAbsolutePageIndexFromPageIndex: (n) => Ba({
 			...n,
 			context: t,
 			settings: r,
@@ -4204,7 +4209,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			spineLayout: i
 		}),
 		getSpineItemPagePositionFromSpinePosition: (t) => {
-			let r = Ua({
+			let r = Wa({
 				position: t,
 				spineItemsManager: e,
 				spineLayout: i
@@ -4225,14 +4230,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		},
 		getSpinePositionFromSpineItem: s,
 		getSpineItemPositionFromSpinePosition: o,
-		getSpineItemFromPosition: (t) => Ua({
+		getSpineItemFromPosition: (t) => Wa({
 			position: t,
 			spineItemsManager: e,
 			spineLayout: i
 		}),
 		getSpineItemFromIframe: c,
 		getSpineItemPageIndexFromNode: l,
-		getVisibleSpineItemsFromPosition: (t) => Ga({
+		getVisibleSpineItemsFromPosition: (t) => Ka({
 			settings: r,
 			spineItemsManager: e,
 			spineLayout: i,
@@ -4256,7 +4261,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			});
 		}
 	};
-}, qa = class extends Q {
+}, Ja = class extends Q {
 	constructor(e) {
 		super(), this.spineItemsManager = e;
 		let t = e.items;
@@ -4268,7 +4273,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());
 	}
-}, Ja = class extends Q {
+}, Ya = 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);
@@ -4363,16 +4368,16 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			y: r
 		});
 	}
-}, Ya = class extends Q {
+}, Xa = 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 qa(n), this.spineLayout = new Ja(n, this.spineItemsObserver, e, i, a), this.locator = Ka({
+		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({
 			context: e,
 			spineItemsManager: n,
 			spineItemLocator: r,
 			settings: i,
 			spineLayout: this.spineLayout,
 			viewport: a
-		}), this.spineItemsLoader = new Pa(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 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);
 		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);
@@ -4398,7 +4403,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();
 	}
-}, Xa = class extends At {
+}, Za = class extends At {
 	onUnload() {}
 	onCreateDocument() {
 		return D(this.context.document.createElement("div"));
@@ -4413,7 +4418,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		return u;
 	}
 	getDocumentFrame() {}
-}, Za = class extends Q {
+}, Qa = 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);
@@ -4498,7 +4503,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			height: e.height ? parseFloat(e.height) : 0
 		};
 	}
-}, Qa = class extends U {
+}, $a = class extends U {
 	constructor(e, t, n, r, i, a) {
 		super({
 			isLoaded: !1,
@@ -4519,7 +4524,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 = $a(e, t.document);
+		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = eo(e, t.document);
 		let o = this.settings.values.getRenderer?.(e);
 		this.resourcesHandler = new Mt(e, this.settings);
 		let s = {
@@ -4531,7 +4536,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			resourcesHandler: this.resourcesHandler,
 			viewport: this.viewport
 		};
-		this.renderer = o ? o(s) : new Xa(s), this._layout = new Za(e, this.containerElement, t, r, this.renderer, this.settings, 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);
 		let c = this.renderer.state$.pipe(I(({ state: e, error: t }) => {
 			this.updateState({
 				isLoaded: e === "loaded",
@@ -4588,12 +4593,12 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 			pageTurnMode: this.settings.values.pageTurnMode
 		});
 	}
-}, $a = (e, t) => {
+}, eo = (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;
-}, eo = class extends Q {
+}, to = 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 Qa(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 $a(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;
@@ -4603,14 +4608,14 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		return n > r ? "after" : n === r ? "same" : "before";
 	}
 	getSpineItemIndex(e) {
-		return (e instanceof Qa ? e : this.get(e))?.index;
+		return (e instanceof $a ? e : this.get(e))?.index;
 	}
 	destroy() {
 		this.items.forEach((e) => {
 			e.destroy();
 		}), super.destroy();
 	}
-}, to = class extends U {
+}, no = class extends U {
 	constructor(e, t) {
 		let n = e.document.createElement("div");
 		n.setAttribute(`data-${Cn}`, ""), super({
@@ -4649,7 +4654,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		}), this.layoutSubject.next();
 	}
 	get absoluteViewport() {
-		return new La({
+		return new Ra({
 			width: this.value.width,
 			height: this.value.height
 		});
@@ -4663,7 +4668,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	}
 	get relativeViewport() {
 		let e = this.absoluteViewport, t = this.scaleFactor;
-		return new Ra({
+		return new za({
 			width: e.width / t,
 			height: e.height / t
 		});
@@ -4671,12 +4676,12 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.layoutSubject.complete(), this.value.element.remove();
 	}
-}, no = ({ 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 Na(r, l), d = new Mi(l, u), f = new to(l, u), p = new eo(l, u, c, f), h = new Oi(c, p), g = ma({
+}, 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({
 		context: l,
 		settings: u,
 		viewport: f
-	}), _ = new Aa(l, p), v = new Ya(l, _, p, g, u, f), y = ka({
+	}), _ = new Aa(l, p), v = new Xa(l, _, p, g, u, f), y = ka({
 		cfi: h,
 		context: l,
 		spineItemsManager: p,
@@ -4684,7 +4689,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		spine: v,
 		settings: u,
 		viewport: f
-	}), ee = new ja(l, _, p, v, g, y.isLocked$, h);
+	}), ee = new Ma(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);
@@ -4692,7 +4697,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		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 = ao(e, i);
+		let t = oo(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));
@@ -4710,7 +4715,7 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		mount: ne,
 		destroy: () => {
 			let e = l.value.rootElement;
-			e && (et(l.document, a), oo(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), 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();
 		},
 		pagination: {
 			get state() {
@@ -4729,9 +4734,9 @@ var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 		features: d,
 		$: { destroy$: s }
 	};
-}, ro = `${X}-reader`, io = "data-prose-reader-container", ao = (e, t) => (e.classList.add(ro), R(e, Sn, t), R(e, io, t), e), oo = (e) => {
-	e.classList.remove(ro), e.removeAttribute(Sn), e.removeAttribute(io);
-}, so = ti(Ot(ai(Dt(ct(ii(_i(dr(sn(Kn(lt(pt(Xr(Gn(ri(no))))))))))))))), co = (e) => (t) => e(t), lo = 5e3, uo = (e, { itemReadinessTimeoutMs: t = lo } = {}) => Zn(e).pipe(A((n) => {
+}, 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) => {
 	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({
@@ -4740,6 +4745,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, Aa as Pagination, ja as PaginationController, U as ReactiveEntity, Mt as ResourceHandler, mr as ResourcesLocator, fi as ScrollNavigationController, ui as ScrollPosition, Ma as SettingsManager, Ya as Spine, Qa as SpineItem, un as SpineItemPageLayout, fn as SpineItemPageSpineLayout, q as SpineItemPosition, dn as SpineItemSpineLayout, eo as SpineItemsManager, qa as SpineItemsObserver, J as SpinePosition, di as UnboundScrollPosition, ln as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, yn as VIEWPORT_ADJUSTMENT_THROTTLE, to as Viewport, pr as consolidate, so 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, uo 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, co 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, 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 };
 
 //# sourceMappingURL=index.js.map