@prose-reader/core 1.325.0 → 1.326.0

package/dist/index.js

@@ -532,14 +532,14 @@ var Tt = class {
 		}
 		return e;
 	}));
-	return r(document).pipe(M(n.$.destroy$)).subscribe(), n.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.watch("isLoaded").pipe(j(() => {
+	return r(document).pipe(M(n.$.destroy$)).subscribe(), T(...n.spineItemsManager.items.map((e) => e.watch("isLoaded").pipe(j(() => {
 		let t = e.renderer.getDocumentFrame();
 		return t instanceof HTMLIFrameElement && t?.contentDocument ? r(t.contentDocument) : u;
-	}))))), M(n.$.destroy$)).subscribe(), n;
-}, kt = (e) => e.spine.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.watch("isLoaded").pipe(j(() => {
+	})))).pipe(M(n.$.destroy$)).subscribe(), n;
+}, kt = (e) => T(...e.spine.spineItemsManager.items.map((e) => e.watch("isLoaded").pipe(j(() => {
 	let t = e.renderer.getDocumentFrame();
 	return t?.contentDocument ? T(...Array.from(t.contentDocument.querySelectorAll("a")).map((e) => C(e, "click"))) : d;
-}))))), N((e) => {
+})))).pipe(N((e) => {
 	e.preventDefault();
 }), O()), U = class extends f {
 	constructor(e) {
@@ -1252,7 +1252,7 @@ var sn = class {
 			loadingElement: i,
 			theme: e.theme.get()
 		}), t.set(n, i), n.appendChild(i);
-	}), T(e.spineItemsObserver.states$.pipe(L(({ item: e, isError: n, error: r }) => {
+	}), T(e.spineItemsObserver.itemStateChange$.pipe(L(({ item: e, isError: n, error: r }) => {
 		if (!n) return;
 		let i = t.get(e.containerElement);
 		if (!i) return;
@@ -1279,7 +1279,7 @@ var sn = class {
 		let { hasViewport: o } = at(a), { width: s } = e.viewport.pageSize, c = i?.renderer.getDocumentFrame();
 		o && n === "none" && s < r && c instanceof HTMLIFrameElement && B(c.style, "left", e.context.isRTL() ? "75%" : "25%");
 	});
-}, Ln = (e) => e.spineItemsObserver.states$.pipe(N(({ item: e, isReady: t, isDirty: n }) => {
+}, Ln = (e) => e.spineItemsObserver.itemStateChange$.pipe(N(({ item: e, isReady: t, isDirty: n }) => {
 	e.containerElement.dataset.isDirty = n.toString(), e.containerElement.dataset.isReady = t.toString();
 })), Rn = class extends Tt {
 	computeOutputSettings(e) {
@@ -1359,7 +1359,7 @@ var sn = class {
 		let t = s.spineItemsManager.get(e.id)?.renderer.documentContainer;
 		s.settings.values.computedPageTurnMode !== "scrollable" && t && z(t, "tab-index", "0");
 	});
-	let l = s.spineItemsObserver.states$.pipe(be(({ isReady: e }) => e), L(({ item: e }) => {
+	let l = s.spineItemsObserver.itemStateChange$.pipe(be(({ isReady: e }) => e), L(({ item: e }) => {
 		let t = e.renderer.documentContainer;
 		t && B(t.style, "opacity", "1");
 	})), u = c.values$.pipe(be(({ layoutAutoResize: e }) => e === "container"), F(() => s.context.watch("rootElement")), be(K), F((e) => vt(e)), ve(100), be(K), L(() => {
@@ -2246,9 +2246,9 @@ var sn = class {
 		t,
 		e.settings.watch(["computedSpreadMode"]).pipe(w((e) => e.computedSpreadMode ?? !1), y()),
 		i,
-		v([n, e.spineItemsManager.items$]).pipe(w(([e, t]) => Ur({
-			items: t,
-			pagesState: e
+		n.pipe(w((t) => Ur({
+			items: e.spineItemsManager.items,
+			pagesState: t
 		})), y(Wr))
 	]).pipe(w(([e, t, n, r]) => ({
 		...e,
@@ -2370,7 +2370,7 @@ var sn = class {
 		r.destroy();
 	}));
 }), y()), ei = (e) => (t) => {
-	let n = e(t), r, i = n.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => {
+	let n = e(t), r, i = T(...n.spineItemsManager.items.map((e) => {
 		let t = n.spineItemsManager.getSpineItemIndex(e) ?? 0;
 		return $r(e).pipe(w((e) => {
 			if (e) return {
@@ -2378,7 +2378,7 @@ var sn = class {
 				itemIndex: t
 			};
 		}));
-	}))), A(void 0), y(), N((e) => {
+	})).pipe(A(void 0), y(), N((e) => {
 		r = e;
 	}), k({
 		refCount: !0,
@@ -2443,7 +2443,7 @@ var sn = class {
 			let e = t?.renderer.getDocumentFrame();
 			e && H(e, "prose-reader-theme", i());
 		}
-	}), n.spineItemsManager.items$.pipe(L((e) => e.map(({ element: e }) => a({ container: e }))), I(n.$.destroy$)).subscribe(), r.pipe(L(() => {
+	}), r.pipe(L(() => {
 		o();
 	}), I(n.$.destroy$)).subscribe(), {
 		...n,
@@ -4019,195 +4019,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			numberOfAdjacentSpineItemToPreLoad: 3
 		};
 	}
-}, Na = class extends At {
-	onUnload() {}
-	onCreateDocument() {
-		return D(document.createElement("div"));
-	}
-	onLoadDocument() {
-		return u;
-	}
-	onLayout() {
-		return D(void 0);
-	}
-	onRenderHeadless() {
-		return u;
-	}
-	getDocumentFrame() {}
-}, Pa = class extends Q {
-	constructor(e, t, n, i, a, s, c) {
-		super(), this.item = e, this.containerElement = t, this.context = n, this.hookManager = i, this.renderer = a, this.settings = s, this.viewport = c, this.layoutTriggerSubject = new m(), this.lastLayout = null, this.computeLayoutInformation = ({ isLastItem: e, horizontalOffset: t, spreadPosition: n }) => {
-			let i = this.viewport.value.pageSize.width, a = "none", o = t % this.viewport.absoluteViewport.width === 0, s = this.context.manifest, c = Oi(s);
-			if (this.settings.values.computedSpreadMode) {
-				!c && this.renderer.renditionLayout === "reflowable" && !e && (i = this.viewport.value.pageSize.width * 2), !c && this.renderer.renditionLayout === "reflowable" && e && o && (i = this.viewport.value.pageSize.width * 2);
-				let t = o && e && c, s = r(this.item);
-				s !== void 0 && s !== n ? (a = "before", i = this.viewport.value.pageSize.width * 2) : t && (a = this.context.isRTL() ? "before" : "after", i = this.viewport.value.pageSize.width * 2);
-			}
-			return {
-				minimumWidth: i,
-				blankPagePosition: a
-			};
-		}, this.adjustPositionOfElement = ({ right: e, left: t, top: n }) => {
-			e === void 0 ? V(this.containerElement.style, "right") : B(this.containerElement.style, "right", `${e}px`), t === void 0 ? V(this.containerElement.style, "left") : B(this.containerElement.style, "left", `${t}px`), n === void 0 ? V(this.containerElement.style, "top") : B(this.containerElement.style, "top", `${n}px`);
-		}, this.updateContainerLayout = ({ minimumWidth: e, edgeX: t, edgeY: n }) => (r) => r.pipe(w((r) => {
-			let { width: i, height: a } = (o(this.lastLayout?.pageSize, this.viewport.pageSize) ? this.lastLayout : void 0) ?? {}, { width: s = i, height: c = a } = r ?? {}, { width: l, height: u } = this.viewport.pageSize, d = this.validateDimension(s ?? l, l, e), f = this.settings.values.computedPageTurnMode === "scrollable" ? c ?? u : this.validateDimension(c ?? u, u, u);
-			return this.lastLayout = {
-				width: d,
-				height: f,
-				pageSize: this.viewport.pageSize
-			}, B(this.containerElement.style, "width", `${d}px`), B(this.containerElement.style, "height", `${f}px`), this.settings.values.computedPageTurnDirection === "vertical" ? (this.adjustPositionOfElement({
-				top: n,
-				left: t
-			}), {
-				width: d,
-				height: f
-			}) : (this.adjustPositionOfElement(this.context.isRTL() ? {
-				right: t,
-				top: 0
-			} : {
-				left: t,
-				top: 0
-			}), {
-				width: d,
-				height: f
-			});
-		})), this.layout = (e) => {
-			let t = bt(this.didLayout$.pipe(x()));
-			return this.layoutTriggerSubject.next(e), t();
-		};
-		let l = this.layoutTriggerSubject.pipe(j(({ spreadPosition: e, horizontalOffset: t, isLastItem: n, edgeX: r, edgeY: i }) => {
-			let { blankPagePosition: a, minimumWidth: o } = this.computeLayoutInformation({
-				horizontalOffset: t,
-				isLastItem: n,
-				spreadPosition: e
-			});
-			this.hookManager.execute("item.onBeforeLayout", {
-				blankPagePosition: a,
-				item: this.item,
-				minimumWidth: o
-			});
-			let s = this.renderer.layout({
-				blankPagePosition: a,
-				minPageSpread: o / this.viewport.pageSize.width,
-				minimumWidth: o,
-				spreadPosition: e
-			});
-			return T(D({ type: "start" }), s.pipe(this.updateContainerLayout({
-				minimumWidth: o,
-				edgeX: r,
-				edgeY: i
-			}), w((e) => (this.hookManager.execute("item.onAfterLayout", {
-				blankPagePosition: a,
-				item: this.item,
-				minimumWidth: o
-			}), {
-				type: "end",
-				data: e
-			}))));
-		}), O());
-		this.didLayout$ = l.pipe(b((e) => e.type === "end"), w((e) => e.data), O());
-	}
-	validateDimension(e, t, n) {
-		if (e <= 0) return n;
-		let r = Math.ceil(Math.max(e, n) / t) * t;
-		return Math.max(r, t);
-	}
-	get layoutInfo() {
-		let e = this.containerElement.style;
-		return {
-			width: e.width ? parseFloat(e.width) : 0,
-			height: e.height ? parseFloat(e.height) : 0
-		};
-	}
-}, Fa = class extends U {
-	constructor(e, t, n, r, i, a, o) {
-		super({
-			isLoaded: !1,
-			isReady: !1,
-			isDirty: !1,
-			isError: !1,
-			error: void 0
-		}), this.item = e, this.parentElement = t, this.context = n, this.settings = r, this.hookManager = i, this.index = a, this.viewport = o, this.load = () => {
-			this.renderer.load();
-		}, this.unload = () => {
-			this.renderer.unload();
-		}, this.markDirty = () => {
-			this.mergeCompare({ isDirty: !0 });
-		}, this.destroy = () => {
-			this.isDestroyed || (super.destroy(), this._layout.destroy(), this.renderer.destroy(), this.containerElement.remove());
-		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = Ia(t, e, i), t.appendChild(this.containerElement);
-		let s = this.settings.values.getRenderer?.(e);
-		this.resourcesHandler = new Mt(e, this.settings);
-		let c = {
-			context: n,
-			settings: r,
-			hookManager: i,
-			item: e,
-			containerElement: this.containerElement,
-			resourcesHandler: this.resourcesHandler,
-			viewport: this.viewport
-		};
-		this.renderer = s ? s(c) : new Na(c), this._layout = new Pa(e, this.containerElement, n, i, this.renderer, this.settings, this.viewport);
-		let l = this.renderer.state$.pipe(L(({ state: e, error: t }) => {
-			this.mergeCompare({
-				isLoaded: e === "loaded",
-				isError: e === "error",
-				error: e === "error" ? t : void 0
-			});
-		}));
-		this.didLayout$ = this._layout.didLayout$.pipe(L(() => {
-			this.mergeCompare({
-				isDirty: !1,
-				isReady: this.renderer.value.state === "loaded"
-			});
-		}), we()), T(l, this.didLayout$).pipe(I(this.destroy$)).subscribe();
-	}
-	get isReady$() {
-		return this.watch("isReady");
-	}
-	get element() {
-		return this.containerElement;
-	}
-	get readingDirection() {
-		return this.renderer.readingDirection;
-	}
-	get loaded$() {
-		return this.renderer.loaded$;
-	}
-	get unloaded$() {
-		return this.renderer.unloaded$;
-	}
-	get renditionLayout() {
-		return this.renderer.renditionLayout;
-	}
-	get layoutInfo() {
-		return this._layout.layoutInfo;
-	}
-	get numberOfPages() {
-		return ua({
-			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
-			itemHeight: this._layout.layoutInfo.height,
-			itemWidth: this._layout.layoutInfo.width,
-			pageWidth: this.viewport.pageSize.width,
-			pageHeight: this.viewport.pageSize.height,
-			pageTurnDirection: this.settings.values.computedPageTurnDirection,
-			pageTurnMode: this.settings.values.pageTurnMode
-		});
-	}
-}, Ia = (e, t, n) => {
-	let r = e.ownerDocument.createElement("div");
-	return r.setAttribute(`data-${wn}`, ""), r.classList.add("spineItem"), r.classList.add(`spineItem-${t.renditionLayout ?? "reflowable"}`), r.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", r.dataset.isReady = "false", n.execute("item.onBeforeContainerAttach", {
-		element: r,
-		item: t
-	}), r;
-}, La = class extends Q {
+}, Na = class extends Q {
 	constructor(e, n, r, i, a, o) {
 		super(), this.context = e, this.spineItemsManager = n, this.spineLocator = r, this.settings = i, this.spineLayout = a, this.viewport = o, this.forcedOpenSubject = new l(/* @__PURE__ */ new Map());
 		let s = this.forcedOpenSubject.pipe(w((e) => Array.from(e.keys()).sort((e, t) => e - t)), y(t), k({
 			bufferSize: 1,
 			refCount: !0
 		}));
-		T(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(ne(100), yt(this.context.bridgeEvent.viewportFree$), P(this.context.bridgeEvent.position$, s), w(([, e, t]) => {
+		T(this.context.bridgeEvent.position$, this.viewport.layout$, this.spineLayout.layout$, s, i.watch(["numberOfAdjacentSpineItemToPreLoad"])).pipe(ne(100), b(() => K(this.context.value.rootElement)), yt(this.context.bridgeEvent.viewportFree$), P(this.context.bridgeEvent.position$, s), w(([, e, t]) => {
 			let { numberOfAdjacentSpineItemToPreLoad: a } = i.values, { beginIndex: o = 0, endIndex: s = 0 } = r.getVisibleSpineItemsFromPosition({
 				position: e,
 				threshold: {
@@ -4236,13 +4055,13 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.forcedOpenSubject.complete();
 	}
-}, Ra = (e, t, n) => {
+}, Pa = (e, t, n) => {
 	let r = (n.width - t.width) / 2, i = (n.height - t.height) / 2;
 	return new Y({
 		x: e.x - r,
 		y: e.y - i
 	});
-}, za = class e extends DOMRect {
+}, Fa = class e extends DOMRect {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("ViewportPosition");
 	}
@@ -4254,15 +4073,15 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		let r = t;
 		return new e(r.x, r.y, r.width, r.height);
 	}
-}, Ba = class {
+}, Ia = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
 	}
-}, Va = class {
+}, La = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
 	}
-}, Ha = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
+}, Ra = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
 	let r = n.items, i = n.get(t);
 	if (!i) return;
 	let { currentAbsolutePage: a } = r.reduce((t, n) => {
@@ -4280,45 +4099,45 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		found: !1
 	});
 	return a;
-}, Ua = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
+}, za = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
 	let a = n / t, o = r / e;
 	return i.type === "percentage" ? a >= i.value && o >= i.value : n >= i.value && r >= i.value;
-}, Wa = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
+}, Ba = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
 	let i = e / r.width, a = t / r.height;
 	return n.type === "percentage" ? a >= n.value && i >= n.value : t >= n.value && e >= n.value;
-}, Ga = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
+}, Va = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
 	let l = s.x, u = s.x + (s.width - 1), d = s.y, f = Math.max(s.y + (s.height - 1), 0), p = Math.max(0, Math.min(n, u) - Math.max(t, l)), m = Math.max(0, Math.min(e, f) - Math.max(r, d));
 	if (p <= 0 || m <= 0) return { visible: !1 };
-	let h = Wa({
+	let h = Ba({
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p,
 		viewportPosition: s
 	});
-	return c ? { visible: h } : { visible: Ua({
+	return c ? { visible: h } : { visible: za({
 		itemHeight: a,
 		itemWidth: i,
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p
 	}) || h };
-}, Ka = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
+}, Ha = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
 	let r = t.items.find((t) => {
 		let { left: r, right: i, bottom: a, top: o } = n.getSpineItemSpineLayoutInfo(t), s = e.x >= r && e.x < i, c = e.y >= o && e.y < a;
 		return s && c;
 	});
 	return e.x === 0 && !r ? t.items[0] : r;
-}, qa = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
+}, Ua = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
 	x: t + e.x,
 	y: n + e.y
-}), Ja = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
-	let s = Ka({
+}), Wa = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
+	let s = Ha({
 		position: e,
 		spineItemsManager: r,
 		spineLayout: i
-	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Ra(e, o.absoluteViewport, c), u = za.from(l, c), d = [];
+	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Pa(e, o.absoluteViewport, c), u = Fa.from(l, c), d = [];
 	for (let e of r.items) {
-		let { visible: r } = Ga({
+		let { visible: r } = Va({
 			itemPosition: i.getSpineItemSpineLayoutInfo(e),
 			threshold: t,
 			viewportPosition: u,
@@ -4333,14 +4152,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		beginIndex: m ?? 0,
 		endIndex: h ?? 0
 	};
-}, Ya = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
+}, Ga = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
 	let o = (e, t) => {
 		let { left: n, top: r } = i.getSpineItemSpineLayoutInfo(t);
 		return new q({
 			x: Math.max(e.x - n, 0),
 			y: Math.max(e.y - r, 0)
 		});
-	}, s = (e) => qa({
+	}, s = (e) => Ua({
 		spineItemPosition: new q({
 			x: 0,
 			y: 0
@@ -4354,7 +4173,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		return n.getSpineItemPageIndexFromNode(t, r || 0, i);
 	}, u = ({ position: e, threshold: t, spineItem: r, restrictToScreen: a, useAbsoluteViewport: o = !0, viewport: s }) => {
 		let c = r.numberOfPages, l = Array.from(Array(c)).map((e, t) => {
-			let a = qa({
+			let a = Ua({
 				spineItemPosition: n.getSpineItemPositionFromPageIndex({
 					pageIndex: t,
 					spineItem: r
@@ -4373,8 +4192,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				}
 			};
 		}).reduce((n, { absolutePosition: r, index: i }) => {
-			let c = o ? s.absoluteViewport : s.relativeViewport, l = Ra(e, s.absoluteViewport, c), { visible: u } = Ga({
-				viewportPosition: za.from(l, c),
+			let c = o ? s.absoluteViewport : s.relativeViewport, l = Pa(e, s.absoluteViewport, c), { visible: u } = Va({
+				viewportPosition: Fa.from(l, c),
 				restrictToScreen: a,
 				threshold: t,
 				itemPosition: r
@@ -4387,11 +4206,11 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		};
 	};
 	return {
-		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => qa({
+		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Ua({
 			itemLayout: i.getSpineItemSpineLayoutInfo(e),
 			spineItemPosition: t
 		}),
-		_getAbsolutePageIndexFromPageIndex: (n) => Ha({
+		_getAbsolutePageIndexFromPageIndex: (n) => Ra({
 			...n,
 			context: t,
 			settings: r,
@@ -4399,7 +4218,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			spineLayout: i
 		}),
 		getSpineItemPagePositionFromSpinePosition: (t) => {
-			let r = Ka({
+			let r = Ha({
 				position: t,
 				spineItemsManager: e,
 				spineLayout: i
@@ -4420,14 +4239,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		},
 		getSpinePositionFromSpineItem: s,
 		getSpineItemPositionFromSpinePosition: o,
-		getSpineItemFromPosition: (t) => Ka({
+		getSpineItemFromPosition: (t) => Ha({
 			position: t,
 			spineItemsManager: e,
 			spineLayout: i
 		}),
 		getSpineItemFromIframe: c,
 		getSpineItemPageIndexFromNode: l,
-		getVisibleSpineItemsFromPosition: (t) => Ja({
+		getVisibleSpineItemsFromPosition: (t) => Wa({
 			settings: r,
 			spineItemsManager: e,
 			spineLayout: i,
@@ -4451,17 +4270,19 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			});
 		}
 	};
-}, Xa = class extends Q {
+}, Ka = class extends Q {
 	constructor(e) {
-		super(), this.spineItemsManager = e, this.states$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.pipe(w((t) => ({
+		super(), this.spineItemsManager = e;
+		let t = e.items;
+		this.itemStateChange$ = T(...t.map((e) => e.pipe(w((t) => ({
 			item: e,
 			...t
-		})), y(o))))), O()), this.itemResize$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => vt(e.element).pipe(w((t) => ({
+		})), y(o)))).pipe(O()), this.itemResize$ = T(...t.map((e) => vt(e.element).pipe(w((t) => ({
 			entries: t,
 			item: e
-		})))))), O()), this.itemLoad$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.loaded$.pipe(w(() => e))))), O()), this.itemUnload$ = this.spineItemsManager.items$.pipe(j((e) => T(...e.map((e) => e.unloaded$.pipe(w(() => e))))), O());
+		}))))).pipe(O()), this.itemLoad$ = T(...t.map((e) => e.loaded$.pipe(w(() => e)))).pipe(O()), this.itemUnload$ = T(...t.map((e) => e.unloaded$.pipe(w(() => e)))).pipe(O());
 	}
-}, Za = class extends Q {
+}, qa = class extends Q {
 	constructor(e, t, n, r, i) {
 		super(), this.spineItemsManager = e, this.spineItemsObserver = t, this.context = n, this.settings = r, this.viewport = i, this.externalLayoutTrigger = new m(), this.spineItemsRelativeLayouts = [];
 		let a = T(t.itemLoad$, t.itemUnload$).pipe(w(() => ({ immediate: !1 }))), o = T(this.externalLayoutTrigger, a);
@@ -4551,24 +4372,25 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			y: r
 		});
 	}
-}, Qa = class extends Q {
-	constructor(e, t, n, r, i, a, o) {
-		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.hookManager = a, this.viewport = o, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Xa(n), this.spineLayout = new Za(n, this.spineItemsObserver, e, i, o), this.locator = Ya({
+}, Ja = class extends Q {
+	constructor(e, t, n, r, i, a) {
+		super(), this.context = e, this.pagination = t, this.spineItemsManager = n, this.spineItemLocator = r, this.settings = i, this.viewport = a, this.elementSubject = new l(void 0), this.element$ = this.elementSubject.asObservable(), this.spineItemsObserver = new Ka(n), this.spineLayout = new qa(n, this.spineItemsObserver, e, i, a), this.locator = Ga({
 			context: e,
 			spineItemsManager: n,
 			spineItemLocator: r,
 			settings: i,
 			spineLayout: this.spineLayout,
-			viewport: o
-		}), this.spineItemsLoader = new La(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new yr(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
-		let s = e.watch("rootElement").pipe(be(K), L((e) => {
+			viewport: a
+		}), this.spineItemsLoader = new Na(this.context, n, this.locator, i, this.spineLayout, this.viewport), this.pages = new yr(this.spineLayout, this.spineItemsManager, this.spineItemLocator, this.context, this.locator, this.viewport);
+		let o = e.watch("rootElement").pipe(be(K), L((e) => {
 			let t = e.ownerDocument.createElement("div");
 			t.style.cssText = "\n          height: 100%;\n          position: relative;\n        ", t.className = `${X}-spine`, this.elementSubject.next(t);
 		}));
 		T(this.element$.pipe(be(K), L((e) => {
-			let t = this.context.manifest.spineItems.map((t, n) => new Fa(t, e, this.context, this.settings, this.hookManager, n, this.viewport));
-			this.spineItemsManager.addMany(t);
-		})), s).pipe(I(this.destroy$)).subscribe();
+			this.spineItemsManager.items.forEach((t) => {
+				t.attach(e);
+			});
+		})), o).pipe(I(this.destroy$)).subscribe();
 	}
 	get element() {
 		return this.elementSubject.getValue();
@@ -4585,34 +4407,207 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.pages.destroy(), this.spineItemsLoader.destroy(), this.elementSubject.getValue()?.remove(), this.elementSubject.complete();
 	}
+}, Ya = class extends At {
+	onUnload() {}
+	onCreateDocument() {
+		return D(document.createElement("div"));
+	}
+	onLoadDocument() {
+		return u;
+	}
+	onLayout() {
+		return D(void 0);
+	}
+	onRenderHeadless() {
+		return u;
+	}
+	getDocumentFrame() {}
+}, Xa = class extends Q {
+	constructor(e, t, n, i, a, s, c) {
+		super(), this.item = e, this.containerElement = t, this.context = n, this.hookManager = i, this.renderer = a, this.settings = s, this.viewport = c, this.layoutTriggerSubject = new m(), this.lastLayout = null, this.computeLayoutInformation = ({ isLastItem: e, horizontalOffset: t, spreadPosition: n }) => {
+			let i = this.viewport.value.pageSize.width, a = "none", o = t % this.viewport.absoluteViewport.width === 0, s = this.context.manifest, c = Oi(s);
+			if (this.settings.values.computedSpreadMode) {
+				!c && this.renderer.renditionLayout === "reflowable" && !e && (i = this.viewport.value.pageSize.width * 2), !c && this.renderer.renditionLayout === "reflowable" && e && o && (i = this.viewport.value.pageSize.width * 2);
+				let t = o && e && c, s = r(this.item);
+				s !== void 0 && s !== n ? (a = "before", i = this.viewport.value.pageSize.width * 2) : t && (a = this.context.isRTL() ? "before" : "after", i = this.viewport.value.pageSize.width * 2);
+			}
+			return {
+				minimumWidth: i,
+				blankPagePosition: a
+			};
+		}, this.adjustPositionOfElement = ({ right: e, left: t, top: n }) => {
+			e === void 0 ? V(this.containerElement.style, "right") : B(this.containerElement.style, "right", `${e}px`), t === void 0 ? V(this.containerElement.style, "left") : B(this.containerElement.style, "left", `${t}px`), n === void 0 ? V(this.containerElement.style, "top") : B(this.containerElement.style, "top", `${n}px`);
+		}, this.updateContainerLayout = ({ minimumWidth: e, edgeX: t, edgeY: n }) => (r) => r.pipe(w((r) => {
+			let { width: i, height: a } = (o(this.lastLayout?.pageSize, this.viewport.pageSize) ? this.lastLayout : void 0) ?? {}, { width: s = i, height: c = a } = r ?? {}, { width: l, height: u } = this.viewport.pageSize, d = this.validateDimension(s ?? l, l, e), f = this.settings.values.computedPageTurnMode === "scrollable" ? c ?? u : this.validateDimension(c ?? u, u, u);
+			return this.lastLayout = {
+				width: d,
+				height: f,
+				pageSize: this.viewport.pageSize
+			}, B(this.containerElement.style, "width", `${d}px`), B(this.containerElement.style, "height", `${f}px`), this.settings.values.computedPageTurnDirection === "vertical" ? (this.adjustPositionOfElement({
+				top: n,
+				left: t
+			}), {
+				width: d,
+				height: f
+			}) : (this.adjustPositionOfElement(this.context.isRTL() ? {
+				right: t,
+				top: 0
+			} : {
+				left: t,
+				top: 0
+			}), {
+				width: d,
+				height: f
+			});
+		})), this.layout = (e) => {
+			let t = bt(this.didLayout$.pipe(x()));
+			return this.layoutTriggerSubject.next(e), t();
+		};
+		let l = this.layoutTriggerSubject.pipe(j(({ spreadPosition: e, horizontalOffset: t, isLastItem: n, edgeX: r, edgeY: i }) => {
+			let { blankPagePosition: a, minimumWidth: o } = this.computeLayoutInformation({
+				horizontalOffset: t,
+				isLastItem: n,
+				spreadPosition: e
+			});
+			this.hookManager.execute("item.onBeforeLayout", {
+				blankPagePosition: a,
+				item: this.item,
+				minimumWidth: o
+			});
+			let s = this.renderer.layout({
+				blankPagePosition: a,
+				minPageSpread: o / this.viewport.pageSize.width,
+				minimumWidth: o,
+				spreadPosition: e
+			});
+			return T(D({ type: "start" }), s.pipe(this.updateContainerLayout({
+				minimumWidth: o,
+				edgeX: r,
+				edgeY: i
+			}), w((e) => (this.hookManager.execute("item.onAfterLayout", {
+				blankPagePosition: a,
+				item: this.item,
+				minimumWidth: o
+			}), {
+				type: "end",
+				data: e
+			}))));
+		}), O());
+		this.didLayout$ = l.pipe(b((e) => e.type === "end"), w((e) => e.data), O());
+	}
+	validateDimension(e, t, n) {
+		if (e <= 0) return n;
+		let r = Math.ceil(Math.max(e, n) / t) * t;
+		return Math.max(r, t);
+	}
+	get layoutInfo() {
+		let e = this.containerElement.style;
+		return {
+			width: e.width ? parseFloat(e.width) : 0,
+			height: e.height ? parseFloat(e.height) : 0
+		};
+	}
+}, Za = class extends U {
+	constructor(e, t, n, r, i, a) {
+		super({
+			isLoaded: !1,
+			isReady: !1,
+			isDirty: !1,
+			isError: !1,
+			error: void 0
+		}), this.item = e, this.context = t, this.settings = n, this.hookManager = r, this.index = i, this.viewport = a, this.attach = (e) => {
+			this.hookManager.execute("item.onBeforeContainerAttach", {
+				element: this.containerElement,
+				item: this.item
+			}), e.appendChild(this.containerElement);
+		}, this.load = () => {
+			this.renderer.load();
+		}, this.unload = () => {
+			this.renderer.unload();
+		}, this.markDirty = () => {
+			this.mergeCompare({ isDirty: !0 });
+		}, this.destroy = () => {
+			this.isDestroyed || (super.destroy(), this._layout.destroy(), this.renderer.destroy(), this.containerElement.remove());
+		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = Qa(e);
+		let o = this.settings.values.getRenderer?.(e);
+		this.resourcesHandler = new Mt(e, this.settings);
+		let s = {
+			context: t,
+			settings: n,
+			hookManager: r,
+			item: e,
+			containerElement: this.containerElement,
+			resourcesHandler: this.resourcesHandler,
+			viewport: this.viewport
+		};
+		this.renderer = o ? o(s) : new Ya(s), this._layout = new Xa(e, this.containerElement, t, r, this.renderer, this.settings, this.viewport);
+		let c = this.renderer.state$.pipe(L(({ state: e, error: t }) => {
+			this.mergeCompare({
+				isLoaded: e === "loaded",
+				isError: e === "error",
+				error: e === "error" ? t : void 0
+			});
+		}));
+		this.didLayout$ = this._layout.didLayout$.pipe(L(() => {
+			this.mergeCompare({
+				isDirty: !1,
+				isReady: this.renderer.value.state === "loaded"
+			});
+		}), we()), T(c, this.didLayout$).pipe(I(this.destroy$)).subscribe();
+	}
+	get isReady$() {
+		return this.watch("isReady");
+	}
+	get element() {
+		return this.containerElement;
+	}
+	get readingDirection() {
+		return this.renderer.readingDirection;
+	}
+	get loaded$() {
+		return this.renderer.loaded$;
+	}
+	get unloaded$() {
+		return this.renderer.unloaded$;
+	}
+	get renditionLayout() {
+		return this.renderer.renditionLayout;
+	}
+	get layoutInfo() {
+		return this._layout.layoutInfo;
+	}
+	get numberOfPages() {
+		return ua({
+			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
+			itemHeight: this._layout.layoutInfo.height,
+			itemWidth: this._layout.layoutInfo.width,
+			pageWidth: this.viewport.pageSize.width,
+			pageHeight: this.viewport.pageSize.height,
+			pageTurnDirection: this.settings.values.computedPageTurnDirection,
+			pageTurnMode: this.settings.values.pageTurnMode
+		});
+	}
+}, Qa = (e) => {
+	let t = document.createElement("div");
+	return t.setAttribute(`data-${wn}`, ""), t.classList.add("spineItem"), t.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), t.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", t.dataset.isReady = "false", t;
 }, $a = class extends Q {
-	constructor(e, t) {
-		super(), this.context = e, this.settings = t, this.orderedSpineItemsSubject = new l([]), this.items$ = this.orderedSpineItemsSubject.asObservable();
+	constructor(e, t, n, r) {
+		super(), this.context = e, this.settings = t, this.hookManager = n, this.viewport = r, this.items = e.manifest.spineItems.map((i, a) => new Za(i, e, t, n, a, r));
 	}
 	get(e) {
-		return typeof e == "number" ? this.orderedSpineItemsSubject.value[e] : typeof e == "string" ? this.orderedSpineItemsSubject.value.find(({ item: t }) => t.id === e) : e;
+		return typeof e == "number" ? this.items[e] : typeof e == "string" ? this.items.find(({ item: t }) => t.id === e) : e;
 	}
 	comparePositionOf(e, t) {
 		let n = this.getSpineItemIndex(e) ?? 0, r = this.getSpineItemIndex(t) ?? 0;
 		return n > r ? "after" : n === r ? "same" : "before";
 	}
 	getSpineItemIndex(e) {
-		return (e instanceof Fa ? e : this.get(e))?.index;
-	}
-	addMany(e) {
-		this.orderedSpineItemsSubject.next([...this.orderedSpineItemsSubject.getValue(), ...e]);
-	}
-	get items() {
-		return this.orderedSpineItemsSubject.value;
-	}
-	destroyItems() {
-		let e = this.orderedSpineItemsSubject.value;
-		e.forEach((e) => {
-			e.destroy();
-		}), e.length && this.orderedSpineItemsSubject.next([]);
+		return (e instanceof Za ? e : this.get(e))?.index;
 	}
 	destroy() {
-		this.destroyItems(), super.destroy();
+		this.items.forEach((e) => {
+			e.destroy();
+		}), super.destroy();
 	}
 }, eo = class extends U {
 	constructor(e, t) {
@@ -4653,7 +4648,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}), this.layoutSubject.next();
 	}
 	get absoluteViewport() {
-		return new Ba({
+		return new Ia({
 			width: this.value.width,
 			height: this.value.height
 		});
@@ -4667,7 +4662,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 	get relativeViewport() {
 		let e = this.absoluteViewport, t = this.scaleFactor;
-		return new Va({
+		return new La({
 			width: e.width / t,
 			height: e.height / t
 		});
@@ -4676,19 +4671,19 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		super.destroy(), this.layoutSubject.complete(), this.value.element.remove();
 	}
 }, to = ({ manifest: e, cfi: t, ...n }) => {
-	let r = crypto.randomUUID(), i = `${bn}-core-${r}`, a = new m(), o = new m(), s = new Mi(), c = new Ai(e), l = new Ma(n, c), u = new ji(c, l), d = new $a(c, l), f = new Di(s, d), p = new eo(c, l), h = pa({
+	let r = crypto.randomUUID(), i = `${bn}-core-${r}`, a = new m(), o = new m(), s = new Mi(), c = new Ai(e), l = new Ma(n, c), u = new ji(c, l), d = new eo(c, l), f = new $a(c, l, s, d), p = new Di(s, f), h = pa({
 		context: c,
 		settings: l,
-		viewport: p
-	}), g = new ka(c, d), _ = new Qa(c, g, d, h, l, s, p), v = Oa({
-		cfi: f,
+		viewport: d
+	}), g = new ka(c, f), _ = new Ja(c, g, f, h, l, d), v = Oa({
+		cfi: p,
 		context: c,
-		spineItemsManager: d,
+		spineItemsManager: f,
 		hookManager: s,
 		spine: _,
 		settings: l,
-		viewport: p
-	}), ee = new Aa(c, g, d, _, h, v.isLocked$, f);
+		viewport: d
+	}), ee = new Aa(c, g, f, _, h, v.isLocked$, p);
 	v.navigationState$.subscribe(c.bridgeEvent.viewportStateSubject), v.navigation$.subscribe(c.bridgeEvent.navigationSubject), v.position$.subscribe(c.bridgeEvent.positionSubject), g.subscribe(c.bridgeEvent.paginationSubject);
 	let te = (e = {}) => {
 		a.next(e);
@@ -4698,22 +4693,22 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		let t = io(e, r);
 		c.update({ rootElement: t }), te({ immediate: !0 });
 	}, re = l.watch(["computedSpreadMode"]).pipe(Ee(1), L(() => te())), ie = T(a.pipe(L((e) => {
-		c.value.rootElement && (p.layout(), _.layout(e));
+		c.value.rootElement && (d.layout(), _.layout(e));
 	}), I(o)), re).subscribe();
 	return {
 		id: r,
 		context: c,
 		spine: _,
 		hookManager: s,
-		cfi: f,
+		cfi: p,
 		navigation: v,
 		spineItemsObserver: _.spineItemsObserver,
-		spineItemsManager: d,
+		spineItemsManager: f,
 		layout: te,
 		mount: ne,
 		destroy: () => {
 			let e = c.value.rootElement;
-			et(document, i), e && ao(e), ie.unsubscribe(), d.destroy(), ee.destroy(), l.destroy(), g.destroy(), c.destroy(), v.destroy(), _.destroy(), u.destroy(), o.next(), o.complete(), p.destroy();
+			et(document, i), e && ao(e), ie.unsubscribe(), f.destroy(), ee.destroy(), l.destroy(), g.destroy(), c.destroy(), v.destroy(), _.destroy(), u.destroy(), o.next(), o.complete(), d.destroy();
 		},
 		pagination: {
 			get state() {
@@ -4724,8 +4719,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			}
 		},
 		settings: l,
-		renderHeadless: (e) => d.get(e)?.renderer.renderHeadless() ?? D(void 0),
-		viewport: p,
+		renderHeadless: (e) => f.get(e)?.renderer.renderHeadless() ?? D(void 0),
+		viewport: d,
 		viewportState$: c.bridgeEvent.viewportState$,
 		viewportFree$: c.bridgeEvent.viewportFree$,
 		mounted$: c.watch("rootElement").pipe(Se(K), ye()),
@@ -4743,6 +4738,6 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}), Yn(e.navigation)) : u;
 }), O());
 //#endregion
-export { fn as AbstractSpinePosition, En as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, Tn as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, Di as CfiManager, Ai as Context, Li as ControlledNavigationController, Q as DestroyableClass, At as DocumentRenderer, ji as Features, xn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, Cn as HTML_PREFIX_SCROLL_NAVIGATOR, wn as HTML_PREFIX_SPINE_ITEM, Sn as HTML_PREFIX_VIEWPORT, bn as HTML_STYLE_PREFIX, Mi as HookManager, ia as InternalNavigator, sn as LayoutEntry, Yi as Locker, yn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, _n as PROSE_READER_NAMESPACE, yr as Pages, ka as Pagination, Aa as PaginationController, U as ReactiveEntity, Mt as ResourceHandler, pr as ResourcesLocator, di as ScrollNavigationController, li as ScrollPosition, ja as SettingsManager, Qa as Spine, Fa as SpineItem, ln as SpineItemPageLayout, dn as SpineItemPageSpineLayout, q as SpineItemPosition, un as SpineItemSpineLayout, $a as SpineItemsManager, Xa as SpineItemsObserver, J as SpinePosition, ui as UnboundScrollPosition, cn as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, vn as VIEWPORT_ADJUSTMENT_THROTTLE, eo as Viewport, fr as consolidate, oo as createReader, St as deferIdle, bt as deferNextResult, yi as generateCfiForSpineItemPage, bi as generateCfiFromRange, _i as generateRootCfi, nt as getAttributeValueFromString, mt as getBase64FromBlob, at as getFrameViewportInfo, xi as getItemAnchor, on as htmlEnhancer, xt as idle, $e as injectCSS, rt as injectCSSToFrame, K as isDefined, Xe as isHtmlElement, Ze as isHtmlTagElement, Ci as isRootCfi, a as isShallowEqual, Wn as layoutEnhancer, gt as mapKeysTo, lo as observeBookBoundaryReached, wt as observeIntersection, Ct as observeMutation, Jn as observeNextSettledNavigation, vt as observeResize, qn as observeSettledNavigation, Yr as paginationEnhancer, Ti as parseCfi, ht as pick, Fe as removeAttributeIfPresent, it as removeCSS, V as removeStylePropertyIfPresent, Ei as resolveCfi, so as rootEnhancer, z as setAttributeIfChanged, Ie as setPropertyIfChanged, B as setStylePropertyIfChanged, Vn as shouldEnableSpreadModeForViewport, Hn as shouldUseComputedSpreadModeForViewport, hr as spinePositionToSpineItemSpineLayout, Yn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, ot as waitForFrameLoad, st as waitForFrameReady, Kn as waitForNavigationSettled, yt as waitForSwitch, _t as watchKeys };
+export { fn as AbstractSpinePosition, En as CSS_VAR_ABSOLUTE_VIEWPORT_HEIGHT, Tn as CSS_VAR_ABSOLUTE_VIEWPORT_WIDTH, Di as CfiManager, Ai as Context, Li as ControlledNavigationController, Q as DestroyableClass, At as DocumentRenderer, ji as Features, xn as HTML_ATTRIBUTE_DATA_READER_ID, X as HTML_PREFIX, Cn as HTML_PREFIX_SCROLL_NAVIGATOR, wn as HTML_PREFIX_SPINE_ITEM, Sn as HTML_PREFIX_VIEWPORT, bn as HTML_STYLE_PREFIX, Mi as HookManager, ia as InternalNavigator, sn as LayoutEntry, Yi as Locker, yn as PAGINATION_UPDATE_AFTER_VIEWPORT_ADJUSTMENT_DEBOUNCE, _n as PROSE_READER_NAMESPACE, yr as Pages, ka as Pagination, Aa as PaginationController, U as ReactiveEntity, Mt as ResourceHandler, pr as ResourcesLocator, di as ScrollNavigationController, li as ScrollPosition, ja as SettingsManager, Ja as Spine, Za as SpineItem, ln as SpineItemPageLayout, dn as SpineItemPageSpineLayout, q as SpineItemPosition, un as SpineItemSpineLayout, $a as SpineItemsManager, Ka as SpineItemsObserver, J as SpinePosition, ui as UnboundScrollPosition, cn as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, vn as VIEWPORT_ADJUSTMENT_THROTTLE, eo as Viewport, fr as consolidate, oo as createReader, St as deferIdle, bt as deferNextResult, yi as generateCfiForSpineItemPage, bi as generateCfiFromRange, _i as generateRootCfi, nt as getAttributeValueFromString, mt as getBase64FromBlob, at as getFrameViewportInfo, xi as getItemAnchor, on as htmlEnhancer, xt as idle, $e as injectCSS, rt as injectCSSToFrame, K as isDefined, Xe as isHtmlElement, Ze as isHtmlTagElement, Ci as isRootCfi, a as isShallowEqual, Wn as layoutEnhancer, gt as mapKeysTo, lo as observeBookBoundaryReached, wt as observeIntersection, Ct as observeMutation, Jn as observeNextSettledNavigation, vt as observeResize, qn as observeSettledNavigation, Yr as paginationEnhancer, Ti as parseCfi, ht as pick, Fe as removeAttributeIfPresent, it as removeCSS, V as removeStylePropertyIfPresent, Ei as resolveCfi, so as rootEnhancer, z as setAttributeIfChanged, Ie as setPropertyIfChanged, B as setStylePropertyIfChanged, Vn as shouldEnableSpreadModeForViewport, Hn as shouldUseComputedSpreadModeForViewport, hr as spinePositionToSpineItemSpineLayout, Yn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, ot as waitForFrameLoad, st as waitForFrameReady, Kn as waitForNavigationSettled, yt as waitForSwitch, _t as watchKeys };
 
 //# sourceMappingURL=index.js.map