@prose-reader/core 1.343.0 → 1.344.0

package/dist/index.js

@@ -759,15 +759,16 @@ var Tt = class {
 	return s.length === 0 ? D(r) : v(s).pipe(T(() => r));
 })), Lt = (e) => {
 	Ye(e?.contentDocument);
-}, Rt = async (e, t) => {
+}, Rt = [
+	"image/jpg",
+	"image/jpeg",
+	"image/png",
+	"image/webp",
+	"image/avif"
+], zt = async (e, t) => {
 	if (typeof e == "string") return new Blob([e], { type: "text/html" });
 	let r = s(e.headers.get("Content-Type") || "") || n(t.href);
-	if ([
-		"image/jpg",
-		"image/jpeg",
-		"image/png",
-		"image/webp"
-	].some((e) => e === r)) {
+	if (Rt.some((e) => e === r)) {
 		let n = await e.blob(), r = URL.createObjectURL(n), i = await createImageBitmap(n), { width: a, height: o } = {
 			width: i.width,
 			height: i.height
@@ -807,40 +808,35 @@ var Tt = class {
       `], { type: "text/html" });
 	}
 	return await e.blob();
-}, zt = [
+}, Bt = [
 	".txt",
 	".jpg",
 	".jpeg",
 	".png",
-	".webp"
-], Bt = [
-	"text/plain",
-	"image/jpg",
-	"image/jpeg",
-	"image/png",
-	"image/webp"
-], Vt = (e) => {
+	".webp",
+	".avif"
+], Vt = ["text/plain", ...Rt], Ht = (e) => {
 	let t = e?.getAttribute("src");
 	t?.startsWith("blob:") && URL.revokeObjectURL(t);
-}, Ht = ({ item: e, resourcesHandler: t }) => {
+}, Ut = ({ item: e, resourcesHandler: t }) => {
 	let n = (e, t) => {
-		Vt(e);
+		Ht(e);
 		let n = URL.createObjectURL(t);
 		e.setAttribute("src", n);
 	};
 	return (r) => r.pipe(A((r) => C(t.getResource()).pipe(A((i) => {
-		let a = zt.some((t) => e.href.endsWith(t)) || e.mediaType && Bt.includes(e.mediaType);
-		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Vt(r), r?.setAttribute("src", i.href), D(r)) : (i instanceof URL ? C(t.fetchResource()) : D(i)).pipe(A((t) => {
+		let a = Bt.some((t) => e.href.endsWith(t)) || e.mediaType && Vt.includes(e.mediaType);
+		return i instanceof URL && e.href.startsWith(window.location.origin) && !a ? (Ht(r), r?.setAttribute("src", i.href), D(r)) : (i instanceof URL ? C(t.fetchResource()) : D(i)).pipe(A((t) => {
 			if (!(t instanceof Response)) throw Error("Invalid resource");
-			return Rt(t, e);
+			return zt(t, e);
 		}), M((e) => {
 			n(r, e);
 		}), T(() => r), _((t) => (L.error(`Error while trying to fetch or load resource for item ${e.id}`, i), L.error(t), D(r))));
 	}))));
-}, Ut = (e) => {
+}, Wt = (e) => {
 	let t = e.createElement("iframe");
 	return t.frameBorder = "no", t.tabIndex = 0, t.setAttribute("sandbox", "\n  allow-same-origin \n  allow-scripts \n  allow-top-navigation-to-custom-protocols\n"), t.style.cssText = "\n  overflow: hidden;\n  background-color: transparent;\n  border: 0px none transparent;\n  padding: 0px;\n", t.setAttribute("role", "main"), t;
-}, Wt = "body{margin:0}html,body{width:100%;height:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{object-fit:contain;max-width:100%;height:100%}", Gt = ({ pageHeight: e, pageWidth: t, frameElement: n }) => {
+}, Gt = "body{margin:0}html,body{width:100%;height:100%}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] body{display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=left] body{justify-content:flex-end}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=right] body{justify-content:flex-start}html[data-prose-reader-html-renderer-has-viewport-dimensions=false][data-prose-reader-html-renderer-spread-position=none] body{justify-content:center}:not(html.prose-reader-html-renderer-touch-enabled),:not(html.prose-reader-html-renderer-touch-enabled) body{touch-action:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;display:flex}html[data-prose-reader-html-renderer-has-viewport-dimensions=false] img{object-fit:contain;max-width:100%;height:100%}", Kt = ({ pageHeight: e, pageWidth: t, frameElement: n }) => {
 	let r = at(n), i = r.width, a = r.height;
 	!i && r.widthToken === "device-width" && (i = t), !a && r.heightToken === "device-height" && (a = e), !a && (i || r.widthToken === "device-width") && (a = e), !i && (a || r.heightToken === "device-height") && (i = t);
 	let o = r.hasViewport && i && a ? {
@@ -856,17 +852,17 @@ var Tt = class {
 			viewportDimensions: o
 		};
 	}
-}, Kt = /* @__PURE__ */ new WeakMap(), W = (e, t, n) => {
+}, qt = /* @__PURE__ */ new WeakMap(), W = (e, t, n) => {
 	e.style.getPropertyValue(t) !== n && e.style.setProperty(t, n);
 }, G = (e, t) => {
 	e.style.getPropertyValue(t) !== "" && e.style.removeProperty(t);
-}, qt = (e, t) => {
+}, Jt = (e, t) => {
 	let n = `${t.width}px`, r = `${t.height}px`;
 	e.style.width !== n && (e.style.width = n), e.style.height !== r && (e.style.height = r);
-}, Jt = (e, t, n) => {
+}, Yt = (e, t, n) => {
 	let r = e.contentDocument?.documentElement;
 	r && r.getAttribute(t) !== n && r.setAttribute(t, n);
-}, Yt = ({ hasViewportDimensions: e, viewportWidth: t, viewportHeight: n, computedScale: r, spreadPosition: i, blankPagePosition: a, isRTL: o, pageWidth: s, pageHeight: c }) => [
+}, Xt = ({ hasViewportDimensions: e, viewportWidth: t, viewportHeight: n, computedScale: r, spreadPosition: i, blankPagePosition: a, isRTL: o, pageWidth: s, pageHeight: c }) => [
 	e ? "1" : "0",
 	t ?? "",
 	n ?? "",
@@ -876,7 +872,7 @@ var Tt = class {
 	o ? "1" : "0",
 	s,
 	c
-].join("|"), Xt = ({ frameElement: e, viewportDimensions: t, computedScale: n, spreadPosition: r, blankPagePosition: i, isRTL: a, pageWidth: o }) => {
+].join("|"), Zt = ({ frameElement: e, viewportDimensions: t, computedScale: n, spreadPosition: r, blankPagePosition: i, isRTL: a, pageWidth: o }) => {
 	if (t) {
 		W(e, "position", "absolute"), W(e, "top", "50%"), i === "before" ? r === "left" ? (W(e, "left", a ? "0" : "50%"), G(e, "right")) : r === "right" ? (W(e, "right", a ? "50%" : "0"), G(e, "left")) : (W(e, "left", a ? "25%" : "75%"), G(e, "right")) : r === "left" ? (W(e, "right", "0"), G(e, "left")) : r === "right" ? (W(e, "left", "0"), G(e, "right")) : (W(e, "left", i === "after" ? a ? "75%" : "25%" : "50%"), G(e, "right"));
 		let t = r === "none" ? "-50%" : "0", o = i === "before" ? r === "left" ? "left" : r === "right" ? "right" : "center" : r === "right" ? "left" : r === "left" ? "right" : "center";
@@ -884,14 +880,14 @@ var Tt = class {
 		return;
 	}
 	i === "before" ? a ? W(e, "margin-right", `${o}px`) : W(e, "margin-left", `${o}px`) : (G(e, "margin-left"), G(e, "margin-right"));
-}, Zt = ({ minPageSpread: e, blankPagePosition: t, spreadPosition: n, pageHeight: r, pageWidth: i, frameElement: a, isRTL: o }) => {
+}, Qt = ({ minPageSpread: e, blankPagePosition: t, spreadPosition: n, pageHeight: r, pageWidth: i, frameElement: a, isRTL: o }) => {
 	let s = e * i;
 	if (a?.contentDocument && a?.contentWindow) {
-		let { viewportDimensions: e, computedScale: c = 1 } = Gt({
+		let { viewportDimensions: e, computedScale: c = 1 } = Kt({
 			frameElement: a,
 			pageHeight: r,
 			pageWidth: i
-		}) ?? {}, l = !!e, u = i, d = r, f = Yt({
+		}) ?? {}, l = !!e, u = i, d = r, f = Xt({
 			hasViewportDimensions: l,
 			viewportWidth: e?.width,
 			viewportHeight: e?.height,
@@ -902,16 +898,16 @@ var Tt = class {
 			pageWidth: i,
 			pageHeight: r
 		});
-		return Kt.get(a) === f ? {
+		return qt.get(a) === f ? {
 			width: s,
 			height: d
-		} : (Kt.set(a, f), Jt(a, "data-prose-reader-html-renderer-has-viewport-dimensions", l.toString()), e ? qt(a, {
+		} : (qt.set(a, f), Yt(a, "data-prose-reader-html-renderer-has-viewport-dimensions", l.toString()), e ? Jt(a, {
 			width: e.width ?? 1,
 			height: e.height ?? 1
-		}) : qt(a, {
+		}) : Jt(a, {
 			width: u,
 			height: d
-		}), Xt({
+		}), Zt({
 			frameElement: a,
 			viewportDimensions: e,
 			computedScale: c,
@@ -928,7 +924,7 @@ var Tt = class {
 		width: s,
 		height: r
 	};
-}, Qt = () => "\n      body {\n        margin: 0;\n      }\n      html {\n        width: 100%;\n        height: 100%;\n      }\n      body {\n        width: 100%;\n        height: 100%;\n        margin: 0;\n      }\n      \n      html, body {\n        touch-action: none;\n      }\n    ", $t = ({ isScrollable: e, enableTouch: t }) => `
+}, $t = () => "\n      body {\n        margin: 0;\n      }\n      html {\n        width: 100%;\n        height: 100%;\n      }\n      body {\n        width: 100%;\n        height: 100%;\n        margin: 0;\n      }\n      \n      html, body {\n        touch-action: none;\n      }\n    ", en = ({ isScrollable: e, enableTouch: t }) => `
       
       html, body {
         width: 100%;
@@ -937,7 +933,7 @@ var Tt = class {
         ${t ? "" : "\n          touch-action: none\n        "}
       }
       ${e ? "\n        img {\n          height: auto !important;\n          margin: 0;\n          padding: 0;\n          box-sizing: border-box;\n          \n          width: 100%;\n          \n          display: block;\n        }\n      " : ""}
-    `, en = ({ width: e, columnHeight: t, columnWidth: n }) => `
+    `, tn = ({ width: e, columnHeight: t, columnWidth: n }) => `
       parsererror {
         display: none !important;
       }
@@ -1001,48 +997,48 @@ var Tt = class {
       td {
         max-width: ${n}px;
       }
-    `, tn = ({ isUsingVerticalWriting: e, minimumWidth: t, pageHeight: n, pageWidth: r }) => {
+    `, nn = ({ isUsingVerticalWriting: e, minimumWidth: t, pageHeight: n, pageWidth: r }) => {
 	let i = r - 0, a = n - 0, o = r - 0;
 	return e && (o = t - 0, i = a), {
 		columnHeight: a,
 		columnWidth: i,
 		width: o
 	};
-}, nn = (e, t) => {
+}, rn = (e, t) => {
 	z(e.style, "width", `${t.width}px`), z(e.style, "height", `${t.height}px`);
-}, rn = ({ pageHeight: e, pageWidth: t, frameElement: n, manifest: r, renditionFlow: i, minPageSpread: a, isRTL: o, blankPagePosition: s, isImageType: c, enableTouch: l, isUsingVerticalWriting: u }) => {
+}, an = ({ pageHeight: e, pageWidth: t, frameElement: n, manifest: r, renditionFlow: i, minPageSpread: a, isRTL: o, blankPagePosition: s, isImageType: c, enableTouch: l, isUsingVerticalWriting: u }) => {
 	let d = a * t, f = r.renditionLayout === "reflowable" && i === "scrolled-continuous", p = f ? Math.min(400, e) : e;
 	z(n.style, "width", `${t}px`), f ? B(n.style, "height") : z(n.style, "height", `${p}px`);
-	let { viewportDimensions: m, computedScale: h = 1 } = Gt({
+	let { viewportDimensions: m, computedScale: h = 1 } = Kt({
 		frameElement: n,
 		pageHeight: p,
 		pageWidth: t
 	}) ?? {}, g = r.renditionLayout === "pre-paginated";
 	if (n?.contentDocument && n?.contentWindow && n.contentDocument.body) {
 		let e = t, r = p;
-		if (m?.hasViewport) H(n, "prose-reader-html-renderer-framce-css", Qt()), nn(n, {
+		if (m?.hasViewport) H(n, "prose-reader-html-renderer-framce-css", $t()), rn(n, {
 			width: m.width ?? 1,
 			height: m.height ?? 1
 		}), z(n.style, "position", "absolute"), z(n.style, "top", "50%"), z(n.style, "left", s === "before" ? o ? "25%" : "75%" : s === "after" ? o ? "75%" : "25%" : "50%"), z(n.style, "transform", `translate(-50%, -50%) scale(${h})`), z(n.style, "transform-origin", "center center");
-		else if (H(n, "prose-reader-css", c ? $t({
+		else if (H(n, "prose-reader-css", c ? en({
 			isScrollable: i === "scrolled-continuous",
 			enableTouch: l
-		}) : en(tn({
+		}) : tn(nn({
 			isUsingVerticalWriting: u,
 			minimumWidth: d,
 			pageHeight: p,
 			pageWidth: t
-		})), !0), u) r = Math.ceil(n.contentDocument.documentElement.scrollHeight / p) * p, nn(n, {
+		})), !0), u) r = Math.ceil(n.contentDocument.documentElement.scrollHeight / p) * p, rn(n, {
 			width: d,
 			height: r
 		});
-		else if (i === "scrolled-continuous") r = n.contentDocument.body.scrollHeight, nn(n, {
+		else if (i === "scrolled-continuous") r = n.contentDocument.body.scrollHeight, rn(n, {
 			width: d,
 			height: r
 		});
 		else {
 			let i = Math.ceil(n.contentDocument.documentElement.scrollWidth / t);
-			e = g ? t : i * t, nn(n, {
+			e = g ? t : i * t, rn(n, {
 				width: e,
 				height: r
 			});
@@ -1052,25 +1048,25 @@ var Tt = class {
 			height: r
 		};
 	}
-}, an = class extends At {
+}, on = class extends At {
 	constructor(...e) {
 		super(...e), this.isPrePaginated = () => this.item.renditionLayout === "pre-paginated" || !this.item.renditionLayout && this.context.manifest.renditionLayout === "pre-paginated", this.isImageType = () => !!(this.item.mediaType ?? n(this.item.href))?.startsWith("image/");
 	}
 	onCreateDocument() {
-		let e = Ut(this.context.document);
+		let e = Wt(this.context.document);
 		return this.setDocumentContainer(e), D(e);
 	}
 	onLoadDocument() {
 		let e = this.getFrameElement();
 		if (!e) throw Error("invalid frame");
-		return D(e).pipe(Ht({
+		return D(e).pipe(Ut({
 			item: this.item,
 			resourcesHandler: this.resourcesHandler,
 			settings: this.settings
 		}), yt(this.context.bridgeEvent.viewportFree$), M((e) => {
 			this.prepareFrameForAttach(e), this.attach();
 		}), ot, M((e) => {
-			this.isPrePaginated() ? H(e, "prose-reader-css", Wt) : this.isImageType();
+			this.isPrePaginated() ? H(e, "prose-reader-css", Gt) : this.isImageType();
 		}), It({
 			context: this.context,
 			item: this.item,
@@ -1081,13 +1077,13 @@ var Tt = class {
 	}
 	onUnload() {
 		let e = this.getFrameElement();
-		Lt(e), Vt(e), this.detach();
+		Lt(e), Ht(e), this.detach();
 	}
 	onLayout({ minPageSpread: e, blankPagePosition: t, spreadPosition: n }) {
 		let { width: r, height: i } = this.viewport.pageSize, a = this.getFrameElement();
 		if (!a) return D(void 0);
 		let o = this.settings.values.computedPageTurnMode === "scrollable";
-		if (a.contentDocument?.documentElement && (R(a.contentDocument.documentElement, "data-prose-reader-html-renderer-spread-position", n), o ? a.contentDocument?.documentElement.classList.add("prose-reader-html-renderer-touch-enabled") : a.contentDocument?.documentElement.classList.remove("prose-reader-html-renderer-touch-enabled")), this.isPrePaginated()) return D(Zt({
+		if (a.contentDocument?.documentElement && (R(a.contentDocument.documentElement, "data-prose-reader-html-renderer-spread-position", n), o ? a.contentDocument?.documentElement.classList.add("prose-reader-html-renderer-touch-enabled") : a.contentDocument?.documentElement.classList.remove("prose-reader-html-renderer-touch-enabled")), this.isPrePaginated()) return D(Qt({
 			blankPagePosition: t,
 			frameElement: a,
 			isRTL: this.context.isRTL(),
@@ -1097,7 +1093,7 @@ var Tt = class {
 			spreadPosition: n
 		}));
 		let s = !!this.writingMode?.startsWith("vertical"), c = this.isImageType();
-		return D(rn({
+		return D(an({
 			pageHeight: i,
 			pageWidth: r,
 			frameElement: a,
@@ -1155,11 +1151,11 @@ var Tt = class {
 	getDocumentFrame() {
 		return this.getFrameElement();
 	}
-}, on = (e) => (t) => {
+}, sn = (e) => (t) => {
 	let n = e({
 		...t,
 		getRenderer(e) {
-			return t.getRenderer?.(e) ?? ((e) => new an(e));
+			return t.getRenderer?.(e) ?? ((e) => new on(e));
 		}
 	}), r = kt(n);
 	return r.pipe(j(n.$.destroy$)).subscribe(), {
@@ -1174,7 +1170,7 @@ function K(e) {
 }
 //#endregion
 //#region src/spineItem/types.ts
-var sn = class {
+var cn = class {
 	constructor(e) {
 		this.left = e.left, this.right = e.right, this.top = e.top, this.bottom = e.bottom, this.width = e.width, this.height = e.height, this.x = e.x, this.y = e.y;
 	}
@@ -1182,47 +1178,47 @@ var sn = class {
 	constructor(e) {
 		this.__symbol = Symbol("SpineItemPosition"), this.x = e.x, this.y = e.y;
 	}
-}, cn = class {
+}, ln = class {
 	constructor(e) {
 		this.__symbol = Symbol("SpineItemPagePosition"), this.x = e.x, this.y = e.y;
 	}
-}, ln = class extends sn {
+}, un = class extends cn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemPageLayout";
 	}
-}, un = class extends sn {
+}, dn = class extends cn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemSpineLayout";
 	}
-}, dn = class extends sn {
+}, fn = class extends cn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpineItemPageSpineLayout";
 	}
-}, fn = class {
+}, pn = class {
 	constructor(e) {
 		this.x = e.x, this.y = e.y;
 	}
-}, J = class e extends fn {
+}, J = class e extends pn {
 	constructor(...e) {
 		super(...e), this.__symbol = "SpinePosition";
 	}
 	static from(t) {
 		return new e(t);
 	}
-}, Y = class e extends fn {
+}, Y = class e extends pn {
 	constructor(...e) {
 		super(...e), this.__symbol = "UnboundSpinePosition";
 	}
 	static from(t) {
 		return new e(t);
 	}
-}, pn = (e, t) => {
+}, mn = (e, t) => {
 	let n = t.getBoundingClientRect(), { x: r, y: i } = e, { left: a, top: o } = n, s = n.width / t.offsetWidth, c = n.height / t.offsetHeight, l = r - a, u = i - o;
 	return {
 		x: l / s,
 		y: u / c
 	};
-}, mn = (e, t) => new Y(pn(e, t)), hn = (e) => ({ getSpinePositionFromClientPosition: (t) => e.spine.element ? mn(t, e.spine.element) : void 0 }), gn = (e) => {
+}, hn = (e, t) => new Y(mn(e, t)), gn = (e) => ({ getSpinePositionFromClientPosition: (t) => e.spine.element ? hn(t, e.spine.element) : void 0 }), _n = (e) => {
 	let t, n = e.context.watch("rootElement").pipe(P((e) => e ? new f(() => (t = e.ownerDocument.createElement("div"), t.style.cssText = "\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        visibility: hidden;\n      ", e.appendChild(t), () => {
 		t?.remove(), t = void 0;
 	})) : d)), r = (e) => de(e, h).pipe(I(() => {
@@ -1231,24 +1227,24 @@ var sn = class {
 		t && z(t.style, "visibility", "visible");
 	})), a = r(e.viewportFree$).pipe(ke(1));
 	return E(n, e.settings.values$.pipe(Ce(() => e.settings.values.computedPageTurnMode), be()).pipe(P((e) => e === "controlled" ? i.pipe(P(() => a)) : r(D(void 0))), F(e.$.destroy$)));
-}, _n = "@prose-reader/core", vn = 0, yn = 200, X = "prose-reader", bn = `${X}-style`, xn = `data-${X}-id`, Sn = `${X}-viewport`, Cn = `${X}-scroll-navigator`, wn = `${X}-spine-item`, Tn = `--${X}-absolute-viewport-width`, En = `--${X}-absolute-viewport-height`, Dn = `${X}-enhancer-loading`, On = `${Dn}-container`, kn = `${Dn}-logo`, An = `${Dn}-details`, jn = ({ container: e, item: t }) => {
+}, vn = "@prose-reader/core", yn = 0, bn = 200, X = "prose-reader", xn = `${X}-style`, Sn = `data-${X}-id`, Cn = `${X}-viewport`, wn = `${X}-scroll-navigator`, Tn = `${X}-spine-item`, En = `--${X}-absolute-viewport-width`, Dn = `--${X}-absolute-viewport-height`, On = `${X}-enhancer-loading`, kn = `${On}-container`, An = `${On}-logo`, jn = `${On}-details`, Mn = ({ container: e, item: t }) => {
 	let n = e.ownerDocument.createElement("div");
-	n.classList.add(On);
+	n.classList.add(kn);
 	let r = n.ownerDocument.createElement("div");
-	r.classList.add(kn), r.innerText = "prose";
+	r.classList.add(An), r.innerText = "prose";
 	let i = n.ownerDocument.createElement("div");
-	return i.classList.add(An), i.setAttribute("data-details-element", "true"), i.innerText = `loading ${t.id}`, n.appendChild(r), n.appendChild(i), n;
-}, Mn = (e) => e === "sepia" ? "#939393" : "rgb(202, 202, 202)", Nn = ({ loadingElement: e, theme: t }) => {
-	z(e.style, "color", Mn(t));
-}, Pn = (e) => {
+	return i.classList.add(jn), i.setAttribute("data-details-element", "true"), i.innerText = `loading ${t.id}`, n.appendChild(r), n.appendChild(i), n;
+}, Nn = (e) => e === "sepia" ? "#939393" : "rgb(202, 202, 202)", Pn = ({ loadingElement: e, theme: t }) => {
+	z(e.style, "color", Nn(t));
+}, Fn = (e) => {
 	let t = /* @__PURE__ */ new WeakMap();
 	return e.hookManager.register("item.onBeforeContainerAttach", ({ element: n, item: r }) => {
 		z(n.style, "z-index", "0");
-		let i = jn({
+		let i = Mn({
 			container: n,
 			item: r
 		});
-		Nn({
+		Pn({
 			loadingElement: i,
 			theme: e.theme.get()
 		}), t.set(n, i), n.appendChild(i);
@@ -1261,27 +1257,27 @@ var sn = class {
 	})), e.theme.$.theme$.pipe(I((n) => {
 		for (let r of e.spineItemsManager.items) {
 			let e = t.get(r.containerElement);
-			e && Nn({
+			e && Pn({
 				loadingElement: e,
 				theme: n
 			});
 		}
 	})));
-}, Fn = (e) => {
+}, In = (e) => {
 	e.hookManager.register("item.onDocumentLoad", async ({ itemId: t }) => {
 		let n = e.spineItemsManager.get(t)?.renderer.getDocumentFrame();
 		n && R(n, "scrolling", "no");
 	});
-}, In = (e) => {
+}, Ln = (e) => {
 	e.hookManager.register("item.onAfterLayout", ({ item: t, blankPagePosition: n, minimumWidth: r }) => {
 		let i = e.spineItemsManager.get(t.id), a = i?.renderer.getDocumentFrame();
 		if (i?.renditionLayout !== "reflowable" || !V(a, "iframe")) return;
 		let { hasViewport: o } = at(a), { width: s } = e.viewport.pageSize, c = i?.renderer.getDocumentFrame();
 		o && n === "none" && s < r && V(c, "iframe") && z(c.style, "left", e.context.isRTL() ? "75%" : "25%");
 	});
-}, Ln = (e) => e.spineItemsObserver.itemStateChange$.pipe(M(({ item: e, isReady: t, isDirty: n }) => {
+}, Rn = (e) => e.spineItemsObserver.itemStateChange$.pipe(M(({ item: e, isReady: t, isDirty: n }) => {
 	e.containerElement.dataset.isDirty = n.toString(), e.containerElement.dataset.isReady = t.toString();
-})), Rn = class extends Tt {
+})), zn = class extends Tt {
 	computeOutputSettings(e) {
 		return e;
 	}
@@ -1300,20 +1296,20 @@ var sn = class {
 			layoutLayerTransition: !0
 		};
 	}
-}, zn = ({ manifest: e, spreadMode: t }) => e.renditionFlow !== "scrolled-continuous" && t, Bn = (e) => e === void 0 || e === "auto" || e === "landscape" || e === "both", Vn = ({ manifest: e, viewport: t }) => {
+}, Bn = ({ manifest: e, spreadMode: t }) => e.renditionFlow !== "scrolled-continuous" && t, Vn = (e) => e === void 0 || e === "auto" || e === "landscape" || e === "both", Hn = ({ manifest: e, viewport: t }) => {
 	let n = t.width > t.height;
-	return !!(!n && e.renditionSpread === "portrait" || n && Bn(e.renditionSpread));
-}, Hn = ({ manifest: e, viewport: t }) => zn({
+	return !!(!n && e.renditionSpread === "portrait" || n && Vn(e.renditionSpread));
+}, Un = ({ manifest: e, viewport: t }) => Bn({
 	manifest: e,
-	spreadMode: Vn({
+	spreadMode: Hn({
 		manifest: e,
 		viewport: t
 	})
-}), Un = (e) => v([e.viewport.watch(["width", "height"]), e.context.watch("manifest")]).pipe(M(([t, n]) => e.settings.update({ spreadMode: Vn({
+}), Wn = (e) => v([e.viewport.watch(["width", "height"]), e.context.watch("manifest")]).pipe(M(([t, n]) => e.settings.update({ spreadMode: Hn({
 	manifest: n,
 	viewport: t
-}) }))), Wn = (e) => (t) => {
-	let { pageHorizontalMargin: r, pageVerticalMargin: i, layoutAutoResize: a, layoutLayerTransition: o } = t, s = e(t), c = new Rn({
+}) }))), Gn = (e) => (t) => {
+	let { pageHorizontalMargin: r, pageVerticalMargin: i, layoutAutoResize: a, layoutLayerTransition: o } = t, s = e(t), c = new zn({
 		pageHorizontalMargin: r,
 		pageVerticalMargin: i,
 		layoutAutoResize: a,
@@ -1353,7 +1349,7 @@ var sn = class {
               }
             `);
 		}
-	}), In(s), Fn(s), s.hookManager.register("item.onDocumentCreated", ({ documentContainer: e }) => {
+	}), Ln(s), In(s), s.hookManager.register("item.onDocumentCreated", ({ documentContainer: e }) => {
 		z(e.style, "opacity", "0"), c.values.layoutLayerTransition && z(e.style, "transition", "opacity 800ms");
 	}), s.hookManager.register("item.onBeforeLayout", ({ item: e }) => {
 		let t = s.spineItemsManager.get(e.id)?.renderer.documentContainer;
@@ -1364,7 +1360,7 @@ var sn = class {
 		t && z(t.style, "opacity", "1");
 	})), u = c.values$.pipe(xe(({ layoutAutoResize: e }) => e === "container"), P(() => s.context.watch("rootElement")), xe(K), P((e) => vt(e)), ye(100), xe(K), I(() => {
 		s?.layout();
-	})), d = gn(s);
+	})), d = _n(s);
 	c.watch(["pageHorizontalMargin", "pageVerticalMargin"]).pipe(De(1), I(() => {
 		s.layout();
 	}), F(s.$.destroy$)).subscribe();
@@ -1372,7 +1368,7 @@ var sn = class {
 		refCount: !0,
 		bufferSize: 1
 	}));
-	return E(l, d, u, f, Ln(s), Un(s), Pn(s)).pipe(F(s.$.destroy$)).subscribe(), {
+	return E(l, d, u, f, Rn(s), Wn(s), Fn(s)).pipe(F(s.$.destroy$)).subscribe(), {
 		...s,
 		destroy: () => {
 			c.destroy(), s.destroy();
@@ -1380,9 +1376,9 @@ var sn = class {
 		settings: c,
 		layout$: s.spine.layout$,
 		layoutInfo$: f,
-		coordinates: hn(s)
+		coordinates: gn(s)
 	};
-}, Gn = (e) => (t) => {
+}, Kn = (e) => (t) => {
 	let n = e(t), r = n.context.document.defaultView?.IntersectionObserver ?? IntersectionObserver, i = new r((e) => {
 		e.forEach((e) => {
 			let t = e.target, n = Array.from(t.contentDocument?.body.getElementsByTagName("audio") || []);
@@ -1421,14 +1417,14 @@ var sn = class {
 		...n,
 		destroy: s
 	};
-}, Kn = (e) => (t) => t.pipe(A((t) => e.pipe(x((e) => e === "free"), S(), T(() => t)))), qn = ({ navigation$: e, navigationState$: t }) => e.pipe(Kn(t)), Jn = (e) => qn(e).pipe(fe(1)), Yn = (e) => (t) => t.pipe(j(Jn(e))), Xn = (e) => e.navigation.navigation$.pipe(x((e) => e.triggeredBy === "user"), Kn(e.navigation.navigationState$), T((t) => {
+}, qn = (e) => (t) => t.pipe(A((t) => e.pipe(x((e) => e === "free"), S(), T(() => t)))), Jn = ({ navigation$: e, navigationState$: t }) => e.pipe(qn(t)), Yn = (e) => Jn(e).pipe(fe(1)), Xn = (e) => (t) => t.pipe(j(Yn(e))), Zn = (e) => e.navigation.navigation$.pipe(x((e) => e.triggeredBy === "user"), qn(e.navigation.navigationState$), T((t) => {
 	let n = t.requestedPosition, r = t.requestedVisibleArea;
 	return n && r ? e.navigation.navigationResolver.getBoundaryForPosition(n, r) : void 0;
-}), x((e) => e !== void 0), T((e) => ({ boundary: e })), O()), Zn = (e, t) => e.links$.pipe(M((n) => {
+}), x((e) => e !== void 0), T((e) => ({ boundary: e })), O()), Qn = (e, t) => e.links$.pipe(M((n) => {
 	if (!V(n.target, "a") || n.type !== "click") return;
 	let r = new URL(n.target.href), i = `${r.origin}${r.pathname}`;
 	e.context.manifest.spineItems.some((e) => e.href === i) && t.goToUrl(r);
-})), Z = L.namespace("navigation"), Qn = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
+})), Z = L.namespace("navigation"), $n = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
 	let a = new q({
 		x: e.x - r,
 		y: e.y
@@ -1437,10 +1433,10 @@ var sn = class {
 		x: e.x,
 		y: e.y + n
 	})), i.getSpineItemClosestPositionFromUnsafePosition(a, t);
-}, $n = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
+}, er = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
 	let o = n, s = i.getSpineItemFromPosition(e) || r.get(0), c = e;
 	if (!s) return c;
-	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = Qn({
+	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = $n({
 		position: l,
 		spineItem: s,
 		pageHeight: a.pageSize.height,
@@ -1457,12 +1453,12 @@ var sn = class {
 		y: e.y - a.pageSize.height,
 		x: 0
 	});
-}, er = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
+}, tr = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
 	if (c.values.computedPageTurnMode === "scrollable" && o === "vertical") return new Y({
 		x: e.x,
 		y: e.y - s.pageSize.height
 	});
-	let l = $n({
+	let l = er({
 		position: e,
 		viewport: s,
 		navigationResolver: r,
@@ -1480,7 +1476,7 @@ var sn = class {
 			y: l.y
 		}));
 		if (o === "vertical" && e.y !== l.y) return r.getAdjustedPositionForSpread(l);
-		let c = $n({
+		let c = er({
 			position: l,
 			viewport: s,
 			navigationResolver: r,
@@ -1491,7 +1487,7 @@ var sn = class {
 		return r.getAdjustedPositionForSpread(c);
 	}
 	return r.getAdjustedPositionForSpread(l);
-}, tr = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
+}, nr = ({ position: e, spineItem: t, pageHeight: n, pageWidth: r, spineItemLocator: i }) => {
 	let a = new q({
 		x: e.x + r,
 		y: e.y
@@ -1500,10 +1496,10 @@ var sn = class {
 		x: e.x,
 		y: e.y - n
 	})), i.getSpineItemClosestPositionFromUnsafePosition(a, t);
-}, nr = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
+}, rr = ({ position: e, navigationResolver: t, computedPageTurnDirection: n, spineItemsManager: r, spineLocator: i, viewport: a }) => {
 	let o = n, s = i.getSpineItemFromPosition(e) || r.get(0), c = e;
 	if (!s) return c;
-	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = tr({
+	let l = i.getSpineItemPositionFromSpinePosition(e, s), u = nr({
 		position: l,
 		spineItem: s,
 		pageHeight: a.pageSize.height,
@@ -1520,12 +1516,12 @@ var sn = class {
 		y: e.y + a.pageSize.height,
 		x: 0
 	});
-}, rr = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
+}, ir = ({ position: e, spineItem: t, context: n, navigationResolver: r, spineItemsManager: i, spineLocator: a, computedPageTurnDirection: o, viewport: s, settings: c }) => {
 	if (c.values.computedPageTurnMode === "scrollable" && o === "vertical") return new Y({
 		x: e.x,
 		y: e.y + s.pageSize.height
 	});
-	let l = nr({
+	let l = rr({
 		position: e,
 		viewport: s,
 		navigationResolver: r,
@@ -1543,7 +1539,7 @@ var sn = class {
 			y: l.y
 		}));
 		if (o === "vertical" && e.y !== l.y) return r.getAdjustedPositionForSpread(l);
-		let c = nr({
+		let c = rr({
 			position: l,
 			viewport: s,
 			navigationResolver: r,
@@ -1554,7 +1550,7 @@ var sn = class {
 		return r.getAdjustedPositionForSpread(c);
 	}
 	return r.getAdjustedPositionForSpread(l);
-}, ir = class {
+}, ar = class {
 	constructor(e) {
 		this.reader = e, this.movingLastDelta = {
 			x: 0,
@@ -1593,10 +1589,10 @@ var sn = class {
 		return this.reader.navigation.navigate({ position: r });
 	}
 	turnRightOrBottom() {
-		return this.turnWith(rr);
+		return this.turnWith(ir);
 	}
 	turnLeftOrTop() {
-		return this.turnWith(er);
+		return this.turnWith(tr);
 	}
 	goToCfi(e, t = { animate: !0 }) {
 		return this.reader.navigation.navigate({
@@ -1707,7 +1703,7 @@ var sn = class {
 			});
 		}
 	}
-}, ar = class extends U {
+}, or = class extends U {
 	constructor(e) {
 		super({
 			lastDelta: {
@@ -1765,11 +1761,11 @@ var sn = class {
 	destroy() {
 		this.isDestroyed || (this.isDestroyed = !0, this.destroySubject.next(), this.destroySubject.complete());
 	}
-}, or = 500, sr = class extends Q {
+}, sr = 500, cr = class extends Q {
 	constructor(e, t) {
 		super(), this.scrollNavigationController = e, this.lock = t, this.navigationSubject = new m(), this.navigation$ = this.navigationSubject.asObservable(), E(this.scrollNavigationController.userScroll$.pipe(oe((e) => {
 			let t = this.lock();
-			return E(this.scrollNavigationController.userScroll$, D(e)).pipe(te(or, h), S(), M(() => {
+			return E(this.scrollNavigationController.userScroll$, D(e)).pipe(te(sr, h), S(), M(() => {
 				let e = this.scrollNavigationController.fromScrollPosition(this.scrollNavigationController.scrollPosition);
 				this.navigationSubject.next({
 					animation: !1,
@@ -1781,7 +1777,7 @@ var sn = class {
 			}));
 		}))).pipe(j(this.destroy$)).subscribe();
 	}
-}, cr = (e) => e.pagination.state$.pipe(N(e.settings.values$), T(([t, { computedPageTurnDirection: n }]) => {
+}, 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;
 	return {
 		canTurnLeft: n !== "vertical" && !u,
@@ -1791,7 +1787,7 @@ var sn = class {
 		canGoLeftSpineItem: n !== "vertical" && (i === "ltr" && !o || i === "rtl" && !c),
 		canGoRightSpineItem: n !== "vertical" && (i === "ltr" && !s || i === "rtl" && !l)
 	};
-}), b(a)), lr = ({ reader: e, duration: t }) => (n) => {
+}), b(a)), ur = ({ reader: e, duration: t }) => (n) => {
 	let r, i = () => {
 		r?.(), r = void 0;
 	};
@@ -1801,9 +1797,9 @@ var sn = class {
 		trailing: !0,
 		leading: !0
 	}), M(i), se(i));
-}, ur = (e) => (t) => {
-	let n = e(t), r = cr(n), i = Xn(n), a = new ir(n), o = new ar(n), s = new sr(n.navigation.scrollNavigationController, n.navigation.lock);
-	E(Zn(n, a), s.navigation$.pipe(M((e) => {
+}, dr = (e) => (t) => {
+	let n = e(t), r = lr(n), i = Zn(n), a = new ar(n), o = new or(n), s = new cr(n.navigation.scrollNavigationController, n.navigation.lock);
+	E(Qn(n, a), s.navigation$.pipe(M((e) => {
 		n.navigation.navigate(e);
 	}))).pipe(j(n.$.destroy$)).subscribe();
 	let c = (e) => {
@@ -1819,7 +1815,7 @@ var sn = class {
 			...n.navigation,
 			state$: r,
 			outOfSpineBoundary$: i,
-			throttleLock: ({ duration: e, trigger: t }) => t.pipe(lr({
+			throttleLock: ({ duration: e, trigger: t }) => t.pipe(ur({
 				duration: e,
 				reader: n
 			})),
@@ -1845,7 +1841,7 @@ var sn = class {
 			goToAbsolutePageIndex: a.goToAbsolutePageIndex.bind(a)
 		}
 	};
-}, dr = (e, t) => {
+}, fr = (e, t) => {
 	if ("cfi" in t) {
 		let { itemIndex: n, ...r } = e.cfi.parseCfi(t.cfi);
 		return {
@@ -1864,7 +1860,7 @@ var sn = class {
 		itemIndex: n.index,
 		node: null
 	};
-}, fr = (e, t) => {
+}, pr = (e, t) => {
 	let n = e?.itemPageIndex, { itemIndex: r, ...i } = t.cfi.parseCfi(e.cfi), a = t.spineItemsManager.get(r);
 	return a ? xt().pipe(N(a.isReady$), T(([, o]) => {
 		let { node: s = null, offset: c, range: l } = o ? t.cfi.resolveCfi({ cfi: e.cfi }) : {};
@@ -1888,7 +1884,7 @@ var sn = class {
 		itemIndex: r,
 		...i
 	});
-}, pr = class {
+}, mr = class {
 	constructor(e) {
 		this.reader = e, this.locatorsByKey = /* @__PURE__ */ new Map(), this.deregisterMemoizedStream = (e) => {
 			let t = this.locatorsByKey.get(e);
@@ -1896,7 +1892,7 @@ var sn = class {
 		}, this.locate = (e, t) => {
 			let n = {
 				resource: e,
-				meta: dr(this.reader, e)
+				meta: fr(this.reader, e)
 			};
 			return St(() => {
 				let r = this.reader.spineItemsManager.get(n.meta.itemIndex ?? 0), i = r?.renditionLayout === "reflowable", a = t.mode === "shallow" || !i || !r ? () => {} : this.reader.spine.spineItemsLoader.forceOpen([r.index]), o = "cfi" in e ? e.cfi : void 0, s = o ? this.locatorsByKey.get(o) : void 0, c = (e) => e.pipe(se(() => {
@@ -1908,7 +1904,7 @@ var sn = class {
 					resource: e,
 					meta: t
 				}))));
-				let l = this.reader.spine.layout$.pipe(te(10), pe(n), me((e) => fr(e.meta, this.reader).pipe(T((t) => ({
+				let l = this.reader.spine.layout$.pipe(te(10), pe(n), me((e) => pr(e.meta, this.reader).pipe(T((t) => ({
 					...e,
 					meta: t
 				}))), n), k({
@@ -1925,7 +1921,7 @@ var sn = class {
 	locateResource(e, t) {
 		return Array.isArray(e) ? St(() => v(e.map((e) => this.locate(e, t ?? {}))).pipe(ne([]))) : this.locate(e, t ?? {});
 	}
-}, mr = L.namespace("spine"), hr = ({ position: e, pageSize: t }) => new dn({
+}, hr = L.namespace("spine"), gr = ({ position: e, pageSize: t }) => new fn({
 	...e,
 	left: e.x,
 	top: e.y,
@@ -1933,7 +1929,7 @@ var sn = class {
 	height: t.height,
 	bottom: e.y + t.height,
 	right: e.x + t.width
-}), gr = 10, _r = (e) => {
+}), _r = 10, vr = (e) => {
 	let { spineItem: t, ...n } = e;
 	if (!e.spineItem.value.isLoaded) return {
 		...n,
@@ -1947,7 +1943,7 @@ var sn = class {
 		...n,
 		firstVisibleNode: ze(r, e.layout)
 	};
-}, vr = (e) => new f((t) => {
+}, yr = (e) => new f((t) => {
 	if (e.length === 0) {
 		t.next([]), t.complete();
 		return;
@@ -1957,13 +1953,13 @@ var sn = class {
 	}, o = () => {
 		n = void 0;
 		let a = 0;
-		for (; r < e.length && a < gr;) {
+		for (; r < e.length && a < _r;) {
 			let t = e[r];
 			if (!t) {
 				r = e.length;
 				break;
 			}
-			i[r] = _r(t), r += 1, a += 1;
+			i[r] = vr(t), r += 1, a += 1;
 		}
 		if (r >= e.length) {
 			t.next(i), t.complete();
@@ -1976,9 +1972,9 @@ var sn = class {
 	return s(), () => {
 		a();
 	};
-}), yr = class e extends U {
+}), br = 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 }]) => vr(n.items.reduce((t, n, i) => {
+		super({ pages: [] }), this.spineLayout = t, this.spineItemsManager = n, this.spineItemLocator = r, this.context = i, this.locator = a, this.viewport = o, this.fromSpineItemPageIndex = (t, n) => e.fromSpineItemPageIndex(this.value, t, n), this.fromNextPageWithinSameSpineItem = (t) => e.fromNextPageWithinSameSpineItem(this.value, t), this.fromAbsolutePageIndex = (t) => e.fromAbsolutePageIndex(this.value, t), this.observeFromAbsolutePageIndex = (e) => this.pipe(T(() => this.fromAbsolutePageIndex(e))), this.layout$ = t.layout$.pipe(N(o), A(([, { pageSize: e }]) => yr(n.items.reduce((t, n, i) => {
 			for (let o = 0; o < n.numberOfPages; o += 1) {
 				let s = r.getSpineItemPositionFromPageIndex({
 					spineItem: n,
@@ -1988,11 +1984,11 @@ var sn = class {
 					spineItemPosition: s
 				}), l = t.length;
 				t.push({
-					absoluteLayout: hr({
+					absoluteLayout: gr({
 						pageSize: e,
 						position: c
 					}),
-					layout: new ln({
+					layout: new un({
 						left: s.x,
 						right: s.x + e.width,
 						top: s.y,
@@ -2009,7 +2005,7 @@ var sn = class {
 				});
 			}
 			return t;
-		}, []))), T((e) => (mr.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
+		}, []))), T((e) => (hr.info("Pages layout", e), { pages: e })), O()), this.layout$.pipe(j(this.destroy$)).subscribe(this.next.bind(this));
 	}
 	static {
 		this.fromSpineItemPageIndex = (e, t, n) => {
@@ -2023,20 +2019,20 @@ var sn = class {
 	static {
 		this.fromAbsolutePageIndex = (e, t) => e.pages.find((e) => e.absolutePageIndex === t);
 	}
-}, br = (e) => {
+}, xr = (e) => {
 	let t = e.indexOf("#");
 	return t >= 0 ? e.substring(0, t) : e;
-}, xr = (e) => {
+}, Sr = (e) => {
 	if (!e) return;
 	let t = e.indexOf("#");
 	if (!(t < 0)) return e.substring(t + 1) || void 0;
-}, Sr = (e) => {
+}, Cr = (e) => {
 	try {
 		return decodeURIComponent(e);
 	} catch {
 		return e;
 	}
-}, Cr = (e, t = []) => e.flatMap((e) => {
+}, wr = (e, t = []) => e.flatMap((e) => {
 	let n = [...t, {
 		title: e.title,
 		path: e.path
@@ -2044,24 +2040,24 @@ var sn = class {
 	return [{
 		chain: n,
 		href: e.href || e.path,
-		anchorId: xr(e.href) ?? xr(e.path)
-	}, ...Cr(e.contents, n)];
-}), wr = (e) => {
+		anchorId: Sr(e.href) ?? Sr(e.path)
+	}, ...wr(e.contents, n)];
+}), Tr = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.spineItems.forEach((e, n) => {
 		t.has(e.href) || t.set(e.href, n);
 	}), t;
-}, Tr = (e, t) => {
-	let n = wr(t);
-	return Cr(e).map((e) => {
-		let t = br(e.href), r = n.get(t) ?? -1;
+}, Er = (e, t) => {
+	let n = Tr(t);
+	return wr(e).map((e) => {
+		let t = xr(e.href), r = n.get(t) ?? -1;
 		return {
 			...e,
 			hrefWithoutAnchor: t,
 			spineItemIndex: r
 		};
 	});
-}, Er = ({ manifest: e, tocIndex: t }) => {
+}, Dr = ({ manifest: e, tocIndex: t }) => {
 	let n = /* @__PURE__ */ new Map();
 	t.forEach((e, t) => {
 		let r = n.get(e.hrefWithoutAnchor);
@@ -2074,19 +2070,19 @@ var sn = class {
 	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let a of e.spineItems) {
 		if (r.has(a.href)) continue;
-		let e = br(a.href), o = i.get(e);
+		let e = xr(a.href), o = i.get(e);
 		if (!o) {
 			let r = [];
-			for (let [t, i] of n) Dr(e, t) && r.push(...i);
+			for (let [t, i] of n) Or(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;
-}, Dr = (e, t) => e === t || e.endsWith(t) || t.endsWith(e), Or = (e, t) => {
+}, Or = (e, t) => e === t || e.endsWith(t) || t.endsWith(e), kr = (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;
-}, kr = (e) => {
+}, Ar = (e) => {
 	let [t, ...n] = e;
 	if (!t) return;
 	let r = {
@@ -2101,7 +2097,7 @@ var sn = class {
 		i.subChapter = t, i = t;
 	}
 	return r;
-}, Ar = ({ doc: e, node: t, offset: n }) => {
+}, jr = ({ 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));
@@ -2111,18 +2107,18 @@ var sn = class {
 		r.setStart(t, i);
 	}
 	return r.collapse(!0), r;
-}, jr = ({ rangeToTest: e, upperBoundRange: t }) => e.compareBoundaryPoints(Range.START_TO_START, t) < 0, Mr = (e) => {
+}, Mr = ({ rangeToTest: e, upperBoundRange: t }) => e.compareBoundaryPoints(Range.START_TO_START, t) < 0, Nr = (e) => {
 	let t = e.createRange(), n = e.body ?? e.documentElement;
 	if (n) return t.selectNodeContents(n), t.collapse(!1), t;
-}, Nr = ({ anchorNode: e, nextPageNode: t }) => e === t || e.contains(t), Pr = ({ node: e, offset: t, candidates: n, spineItem: r, nextPageEntry: i }) => {
+}, Pr = ({ anchorNode: e, nextPageNode: t }) => e === t || e.contains(t), Fr = ({ 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 ? Ar({
+	let o = i?.firstVisibleNode?.node, s = i?.firstVisibleNode?.offset, c = i ? o !== void 0 && s !== void 0 && o.ownerDocument === a ? jr({
 		doc: a,
 		node: o,
 		offset: s
-	}) : void 0 : Mr(a);
+	}) : void 0 : Nr(a);
 	if (!c) return;
 	let l = i !== void 0 && o !== void 0 && o.ownerDocument === a, u, d, f;
 	for (let e of n) {
@@ -2130,53 +2126,53 @@ var sn = class {
 			f = e.chain;
 			continue;
 		}
-		let t = a.getElementById(Sr(e.anchorId));
-		if (!t || l && Nr({
+		let t = a.getElementById(Cr(e.anchorId));
+		if (!t || l && Pr({
 			anchorNode: t,
 			nextPageNode: o
 		})) continue;
 		let n = a.createRange();
-		n.setStartBefore(t), n.collapse(!0), jr({
+		n.setStartBefore(t), n.collapse(!0), Mr({
 			rangeToTest: n,
 			upperBoundRange: c
 		}) && (!d || n.compareBoundaryPoints(Range.START_TO_START, d) > 0) && (u = e.chain, d = n);
 	}
 	let p = u ?? f;
-	return p ? kr(p) : void 0;
-}, Fr = ({ candidate: e, hrefHasAnchor: t }) => {
+	return p ? Ar(p) : void 0;
+}, Ir = ({ 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 : br(n.path) === br(r.path);
-}, Ir = ({ href: e, tocIndex: t, manifest: n }) => {
-	let r = br(e), i = e.includes("#"), a = n.spineItems.findIndex((e) => e.href === r), o;
-	for (let e of t) Or(r, e.hrefWithoutAnchor) && (a < e.spineItemIndex || Fr({
+	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({
 		candidate: e,
 		hrefHasAnchor: i
 	}) || (o = e.chain));
 	return o;
-}, Lr = (e, t, n) => {
-	let { href: r } = n, i = Ir({
+}, Rr = (e, t, n) => {
+	let { href: r } = n, i = Lr({
 		href: r,
 		tocIndex: t,
 		manifest: e
 	});
-	return i ? kr(i) : void 0;
-}, Rr = (e, t) => e ? e.spineItems.reduce((n, r) => (n[r.id] = Lr(e, t, r), n), {}) : {}, zr = (e, t, n) => e + t * n, Br = (e, t, n) => {
+	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) => {
 	let { height: r, width: i } = n.layoutInfo, { top: a, left: o } = e.spine.getSpineItemSpineLayoutInfo(n);
 	return e.settings.values.computedPageTurnDirection === "vertical" ? Math.max(0, Math.min(1, (t.y - a + e.viewport.absoluteViewport.height) / r)) : Math.max(0, Math.min(1, (t.x - o + e.viewport.absoluteViewport.width) / i));
-}, Vr = (e, t, n, r, i, a) => i.isReady$.pipe(S(), N(e.layoutInfo$), T(([o, s]) => {
+}, Hr = (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 ? Br(e, r, i) : 0, g = zr(u, m, h)), t === l - 1 && n === p - 1 && g > .99 ? 1 : g;
-})), Hr = ({ beginItem: e, endItem: t, paginationInfo: n, chaptersData: r, pagesState: i }) => {
-	let a = e && n.beginPageIndexInSpineItem !== void 0 ? yr.fromSpineItemPageIndex(i, e.index, n.beginPageIndexInSpineItem) : void 0, o = a ? yr.fromNextPageWithinSameSpineItem(i, a) : void 0, s = t && n.endPageIndexInSpineItem !== void 0 ? yr.fromSpineItemPageIndex(i, t.index, n.endPageIndexInSpineItem) : void 0, c = s ? yr.fromNextPageWithinSameSpineItem(i, s) : void 0, l = e ? Pr({
+	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 ? Pr({
+	}) : void 0, u = t ? Fr({
 		node: s?.firstVisibleNode?.node,
 		offset: s?.firstVisibleNode?.offset,
 		candidates: r.tocCandidatesBySpineHref.get(t.item.href) ?? [],
@@ -2191,39 +2187,39 @@ var sn = class {
 		endSpineItemReadingDirection: t?.readingDirection,
 		endAbsolutePageIndex: s?.absolutePageIndex
 	};
-}, Ur = ({ items: e, pagesState: t }) => {
+}, Wr = ({ 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
 	};
-}, Wr = (e, t) => e.numberOfTotalPages !== t.numberOfTotalPages || e.numberOfPagesPerItems.length !== t.numberOfPagesPerItems.length ? !1 : e.numberOfPagesPerItems.every((e, n) => e === t.numberOfPagesPerItems[n]), Gr = ({ reader: e, paginationInfo: t, navigationPosition: n, manifest: r }) => {
+}, 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 ? Vr(e, t.endSpineItemIndex ?? 0, t.endPageIndexInSpineItem || 0, n, i, r) : D(0);
-}, Kr = (e) => D(e.context.manifest).pipe(T((e) => {
-	let t = Tr(e.nav?.toc ?? [], e);
+	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);
 	return {
-		tocCandidatesBySpineHref: Er({
+		tocCandidatesBySpineHref: Dr({
 			manifest: e,
 			tocIndex: t
 		}),
-		chaptersInfo: Rr(e, t)
+		chaptersInfo: zr(e, t)
 	};
-})), qr = (e) => ({
+})), Jr = (e) => ({
 	beginSpineItemIndex: e.beginSpineItemIndex,
 	beginPageIndexInSpineItem: e.beginPageIndexInSpineItem,
 	endSpineItemIndex: e.endSpineItemIndex,
 	endPageIndexInSpineItem: e.endPageIndexInSpineItem
-}), Jr = (e) => {
-	let t = e.pagination.state$, n = e.spine.pages.layout$, r = Kr(e).pipe(k({
+}), Yr = (e) => {
+	let t = e.pagination.state$, n = e.spine.pages.layout$, r = qr(e).pipe(k({
 		bufferSize: 1,
 		refCount: !0
 	})), i = v([
-		t.pipe(T(qr), b(o)),
+		t.pipe(T(Jr), b(o)),
 		r,
 		n
-	]).pipe(T(([t, n, r]) => Hr({
+	]).pipe(T(([t, n, r]) => Ur({
 		beginItem: e.spineItemsManager.get(t.beginSpineItemIndex),
 		endItem: e.spineItemsManager.get(t.endSpineItemIndex),
 		paginationInfo: t,
@@ -2236,21 +2232,21 @@ var sn = class {
 		t,
 		e.settings.watch(["computedSpreadMode"]).pipe(T((e) => e.computedSpreadMode ?? !1), b()),
 		i,
-		n.pipe(T((t) => Ur({
+		n.pipe(T((t) => Wr({
 			items: e.spineItemsManager.items,
 			pagesState: t
-		})), b(Wr))
+		})), b(Gr))
 	]).pipe(T(([e, t, n, r]) => ({
 		...e,
 		...n,
 		isUsingSpread: t,
 		...r
-	}))), s = qn(e.navigation).pipe(T(({ position: e }) => e), b(o));
+	}))), s = Jn(e.navigation).pipe(T(({ position: e }) => e), b(o));
 	return v([a, v([
 		t,
 		e.layout$,
 		s
-	]).pipe(A(([t, n, r]) => Gr({
+	]).pipe(A(([t, n, r]) => Kr({
 		reader: e,
 		paginationInfo: t,
 		navigationPosition: r,
@@ -2259,7 +2255,7 @@ var sn = class {
 		...e,
 		...t
 	})), b(o), g(5));
-}, Yr = (e) => (t) => {
+}, Xr = (e) => (t) => {
 	let n = e(t), r = new l({
 		...n.pagination.state,
 		beginChapterInfo: void 0,
@@ -2275,7 +2271,7 @@ var sn = class {
 		endChapterInfo: void 0,
 		endSpineItemReadingDirection: void 0,
 		percentageEstimateOfBook: 0
-	}), i = new pr(n), a = Jr(n).pipe(M((e) => L.log("Pagination", e))).subscribe(r);
+	}), i = new mr(n), a = Yr(n).pipe(M((e) => L.log("Pagination", e))).subscribe(r);
 	return {
 		...n,
 		locateResource: i.locateResource.bind(i),
@@ -2292,7 +2288,7 @@ var sn = class {
 			}
 		}
 	};
-}, Xr = (e, t) => {
+}, Zr = (e, t) => {
 	let n = e.node.ownerDocument?.createRange(), r = e.node.compareDocumentPosition(t.node);
 	if (n) {
 		try {
@@ -2310,10 +2306,10 @@ var sn = class {
 		}
 		return n;
 	}
-}, Zr = ({ selection: e, spineItem: t }) => {
+}, Qr = ({ selection: e, spineItem: t }) => {
 	let { anchorNode: n, anchorOffset: r, focusNode: i, focusOffset: a } = e;
 	if (!(!n || !i)) try {
-		return Xr({
+		return Zr({
 			node: n,
 			offset: r
 		}, {
@@ -2327,7 +2323,7 @@ var sn = class {
 		});
 		return;
 	}
-}, Qr = class extends Q {
+}, $r = class extends Q {
 	constructor(e) {
 		super();
 		let t = e.contentDocument || e.contentWindow?.document;
@@ -2343,10 +2339,10 @@ var sn = class {
 			}), x(K))), j(E(r, this.destroy$)));
 		}
 	}
-}, $r = (e) => e.watch("isLoaded").pipe(A(() => {
+}, ei = (e) => e.watch("isLoaded").pipe(A(() => {
 	let t = e.renderer.getDocumentFrame(), n = t?.contentDocument || t?.contentWindow?.document;
 	if (!t || !n) return d;
-	let r = new Qr(t);
+	let r = new $r(t);
 	return E(r.selectionChange$.pipe(T((e) => {
 		if (e?.toString()) return {
 			type: "change",
@@ -2359,10 +2355,10 @@ var sn = class {
 	})))).pipe(j(e.unloaded$), ae(void 0), se(() => {
 		r.destroy();
 	}));
-}), b()), ei = (e) => (t) => {
+}), b()), ti = (e) => (t) => {
 	let n = e(t), r, i = E(...n.spineItemsManager.items.map((e) => {
 		let t = n.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return $r(e).pipe(T((e) => {
+		return ei(e).pipe(T((e) => {
 			if (e) return {
 				...e,
 				itemIndex: t
@@ -2386,10 +2382,10 @@ var sn = class {
 			selectionOver$: c,
 			lastSelectionOnPointerdown$: l,
 			getSelection: () => r,
-			createOrderedRangeFromSelection: Zr
+			createOrderedRangeFromSelection: Qr
 		}
 	};
-}, ti = [
+}, ni = [
 	{
 		name: "bright",
 		backgroundColor: "white"
@@ -2404,9 +2400,9 @@ var sn = class {
 		backgroundColor: "#191717",
 		foregroundColor: "#f1ebeb"
 	}
-], ni = (e) => (t) => {
+], ri = (e) => (t) => {
 	let n = e(t), r = new l(t.theme ?? "bright"), i = () => {
-		let e = ti.find((e) => e.name === r.value);
+		let e = ni.find((e) => e.name === r.value);
 		return `
       body {
         ${e === void 0 ? "" : `background-color: ${e.backgroundColor} !important;`}
@@ -2419,7 +2415,7 @@ var sn = class {
         ` : ""}
     `;
 	}, a = ({ container: e }) => {
-		let t = ti.find((e) => e.name === r.value);
+		let t = ni.find((e) => e.name === r.value);
 		return t && z(e.style, "background-color", t.backgroundColor), () => {};
 	}, o = () => {
 		n.spineItemsManager.items.forEach((e) => {
@@ -2445,7 +2441,7 @@ var sn = class {
 			$: { theme$: r.asObservable() }
 		}
 	};
-}, ri = (e) => (t) => {
+}, ii = (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);
@@ -2459,7 +2455,7 @@ var sn = class {
 	};
 };
 navigator.userAgent.indexOf("") > -1 && navigator.userAgent.indexOf("Chrome");
-var ii = (e) => (t) => e(t), ai = (e, t, n) => {
+var ai = (e) => (t) => e(t), oi = (e, t, n) => {
 	let { clientWidth: r, clientHeight: i } = n.value.element, a = {
 		maxX: 0,
 		minX: r * (1 - t),
@@ -2470,25 +2466,25 @@ var ii = (e) => (t) => e(t), ai = (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)
 	};
-}, oi = (e, t, n) => {
+}, si = (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}`);
-}, si = (e, t, n, r) => {
+}, ci = (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)
 	};
-}, ci = class {
+}, li = class {
 	constructor(e) {
 		this.x = e.x, this.y = e.y;
 	}
-}, li = class extends ci {}, ui = class extends ci {
+}, ui = class extends li {}, di = class extends li {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("UnboundScrollPosition");
 	}
-}, di = class extends U {
+}, fi = 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;
@@ -2505,7 +2501,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		let a = this.context.pipe(_t(["rootElement"]), M(({ rootElement: e }) => {
 			if (!e) return;
 			let t = this.context.document.createElement("div");
-			t.setAttribute(`data-${Cn}`, ""), t.appendChild(this.viewport.value.element), e.appendChild(t), this.update({ element: t });
+			t.setAttribute(`data-${wn}`, ""), t.appendChild(this.viewport.value.element), e.appendChild(t), this.update({ element: t });
 		})), o = v([t.watch(["computedPageTurnMode"]), this.watch("element")]).pipe(M(([{ computedPageTurnMode: e }, t]) => {
 			t && (e === "scrollable" ? z(t.style, "display", "block") : z(t.style, "display", "contents"));
 		})), s = this.navigateSubject.pipe(M(this.applyNavigationPosition));
@@ -2531,30 +2527,30 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 	fromSpinePosition(e) {
 		let t = this.viewport.scaleFactor;
-		return new li({
+		return new ui({
 			x: e.x * t,
 			y: e.y * t
 		});
 	}
 	get scrollPosition() {
 		let e = this.value.element;
-		return new li({
+		return new ui({
 			x: e?.scrollLeft ?? 0,
 			y: e?.scrollTop ?? 0
 		});
 	}
-}, fi = (e, t, n, r, i) => {
+}, pi = (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 ui({
+	return new di({
 		x: f - a / 2 + r,
 		y: p - o / 2 + i
 	});
-}, pi = (e, t) => {
-	let n = t.viewport, r = t.navigation.scrollNavigationController, i = n.value.element, a = r.value.element, o = r.value.element, s = Math.round(n.scaleFactor * 100) / 100, c = i.offsetLeft, l = i.offsetTop, u = fi(a ?? qe(), s, e, c, l), d = e < 1 ? "down" : "up";
+}, 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";
 	o && R(o, `data-${X}-zooming-direction`, d), e < 1 ? z(i.style, "transform-origin", "top") : e > 1 && z(i.style, "transform-origin", `${c}px ${l}px`), z(i.style, "transform", `scale(${e})`);
 	let f = r.fromScrollPosition(u);
 	t.navigation.navigate({ position: f });
-}, mi = 200, hi = class extends U {
+}, hi = 200, gi = class extends U {
 	constructor(e) {
 		super({
 			isZooming: !1,
@@ -2567,24 +2563,24 @@ var ii = (e) => (t) => e(t), ai = (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 ${mi}ms`), this.mergeCompare({
+			return i && R(i, `data-${X}-zooming`, this.isControlled ? "false" : "true"), n && this.isControlled && z(r.style, "transition", `transform ${hi}ms`), this.mergeCompare({
 				isZooming: !0,
 				currentScale: 1,
 				currentPosition: {
 					x: 0,
 					y: 0
 				}
-			}), this.updateZoom(t), t !== 1 && this.isControlled ? ve(e?.animate ? mi : 0).pipe(M(() => {
+			}), this.updateZoom(t), t !== 1 && this.isControlled ? ve(e?.animate ? hi : 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 ${mi}ms`), this.updateZoom(1, {
+			return n && (Ie(n, `data-${X}-zooming-direction`), R(n, `data-${X}-zooming`, "false")), e?.animate && this.isControlled && z(t.style, "transition", `transform ${hi}ms`), this.updateZoom(1, {
 				x: 0,
 				y: 0
-			}), B(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ve(e?.animate ? mi : 0).pipe(M(() => {
+			}), B(t.style, "transform"), this.mergeCompare({ isZooming: !1 }), ve(e?.animate ? hi : 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));
@@ -2597,17 +2593,17 @@ var ii = (e) => (t) => e(t), ai = (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) => ai(...e, this.reader.viewport) : void 0 }));
+		this.isControlled && (B(this.viewport.element.style, "transition"), this.updateZoom(this.value.currentScale, e, { constraints: t?.constrain === "within-viewport" ? (...e) => oi(...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) => ai(...e, this.reader.viewport) : void 0 });
+		this.updateZoom(n, void 0, { constraints: t?.constrain === "within-viewport" ? (...e) => oi(...e, this.reader.viewport) : void 0 });
 	}
 	updateZoom(e, t, n) {
 		if (this.isControlled) {
-			let r = t || si(this.value.currentScale, e, this.viewport.element, this.value.currentPosition), i = n?.constraints?.(r, e) ?? r;
+			let r = t || ci(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
@@ -2616,7 +2612,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		this.applyZoom(e, t ?? this.value.currentPosition), this.mergeCompare({ currentScale: e });
 	}
 	applyZoom(e, t) {
-		this.isControlled ? oi(e, t, this.viewport.element) : pi(e, this.reader), this.reader.viewport.layout();
+		this.isControlled ? si(e, t, this.viewport.element) : mi(e, this.reader), this.reader.viewport.layout();
 	}
 	get isControlled() {
 		return this.reader.settings.values.computedPageTurnMode === "controlled";
@@ -2627,8 +2623,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	get viewport() {
 		return this.reader.viewport.value;
 	}
-}, gi = (e) => (t) => {
-	let n = e(t), r = new hi(n), i = () => {
+}, _i = (e) => (t) => {
+	let n = e(t), r = new gi(n), i = () => {
 		r.destroy(), n.destroy();
 	}, a = r;
 	return {
@@ -2645,12 +2641,12 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			}
 		}
 	};
-}, _i = (e) => Ae({
+}, vi = (e) => Ae({
 	spineIndex: e.index,
 	spineId: e.id
-}), vi = ({ nodeOrRange: e, offset: t, item: n }) => {
+}), yi = ({ nodeOrRange: e, offset: t, item: n }) => {
 	let r = "ownerDocument" in e ? e.ownerDocument : e.startContainer.ownerDocument;
-	return !r?.documentElement || e === r ? _i(n) : Qe(e) ? Ae({
+	return !r?.documentElement || e === r ? vi(n) : Qe(e) ? Ae({
 		start: {
 			node: e.startContainer,
 			offset: e.startOffset,
@@ -2669,22 +2665,22 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		spineIndex: n.index,
 		spineId: n.id
 	});
-}, yi = ({ spineItem: e, pageNode: t }) => vi({
+}, bi = ({ spineItem: e, pageNode: t }) => yi({
 	nodeOrRange: t.node,
 	offset: t.offset,
 	item: e
-}).trim(), bi = (e, t) => vi({
+}).trim(), xi = (e, t) => yi({
 	nodeOrRange: e,
 	item: t
-}), xi = (e) => e.index.toString(), Si = (e) => e[0]?.index === 6 && e.length > 1, Ci = (e) => je(Ne(e)), wi = (e) => Array.isArray(e) ? e[0] && Si(e[0]) ? e[0] : void 0 : e.parent[0] && Si(e.parent[0]) ? e.parent[0] : void 0, Ti = (e) => {
-	let t = Ne(e), n = ((wi(t) ?? [])[1]?.index ?? 2) / 2 - 1, r = Me(t);
+}), 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);
 	return {
 		isCfiRange: r,
 		itemIndex: n,
 		offset: (r ? t.end.at(-1)?.at(-1)?.offset : t.at(-1)?.at(-1)?.offset) ?? 0
 	};
-}, Ei = ({ cfi: e, spineItemsManager: t }) => {
-	let { itemIndex: n, ...r } = Ti(e), i = t.get(n);
+}, Di = ({ cfi: e, spineItemsManager: t }) => {
+	let { itemIndex: n, ...r } = Ei(e), i = t.get(n);
 	if (!i) return {
 		...r,
 		itemIndex: n,
@@ -2719,27 +2715,27 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		spineItem: i,
 		node: null
 	};
-}, Di = class {
+}, Oi = 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) => Ti(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
+		}, this.parseCfi = (e) => Ei(this.transformForResolve(e)), this.getSpineItemFromCfi = (e) => {
 			let { itemIndex: t } = this.parseCfi(e);
 			if (t !== void 0) return this.spineItemsManager.get(t);
-		}, this.isRootCfi = (e) => Ci(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
-			cfi: _i(e),
+		}, this.isRootCfi = (e) => wi(e), this.generateRootCfi = (e) => this.transformGeneratedCfi({
+			cfi: vi(e),
 			spineItem: e
 		}), this.generateCfiForSpineItemPage = ({ spineItem: e, pageNode: t }) => this.transformGeneratedCfi({
-			cfi: yi({
+			cfi: bi({
 				spineItem: e,
 				pageNode: t
 			}),
 			spineItem: e
 		}), this.generateCfiFromRange = (e, t) => this.transformGeneratedCfi({
-			cfi: bi(e, t),
+			cfi: xi(e, t),
 			spineItem: t
-		}), this.resolveCfi = (e) => Ei({
+		}), this.resolveCfi = (e) => Di({
 			...e,
 			cfi: this.transformForResolve(e.cfi),
 			spineItemsManager: this.spineItemsManager
@@ -2752,17 +2748,17 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}));
 		return t.cfi;
 	}
-}, Oi = (e) => e.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), ki = class {
+}, ki = (e) => e.spineItems.every((t) => (t.renditionLayout ?? e.renditionLayout) === "pre-paginated"), Ai = 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();
 	}
-}, Ai = class extends U {
+}, ji = class extends U {
 	constructor(e, t = globalThis.document) {
 		super({
 			manifest: e,
 			assumedRenditionLayout: e.renditionLayout ?? "reflowable",
-			isFullyPrePaginated: Oi(e)
-		}), this.bridgeEvent = new ki(), this.isRTL = () => this.value.manifest.readingDirection === "rtl", this.document = t;
+			isFullyPrePaginated: ki(e)
+		}), this.bridgeEvent = new Ai(), this.isRTL = () => this.value.manifest.readingDirection === "rtl", this.document = t;
 	}
 	update(e) {
 		this.mergeCompare(e);
@@ -2773,7 +2769,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	get readingDirection() {
 		return this.manifest.readingDirection;
 	}
-}, ji = class extends U {
+}, Mi = class extends U {
 	constructor(e, t) {
 		super({
 			supportedPageTurnAnimation: [
@@ -2800,7 +2796,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			supportedPageTurnDirection: r === "scrollable" ? ["vertical"] : n === "reflowable" ? ["horizontal"] : ["horizontal", "vertical"]
 		})), j(this.destroy$)).subscribe(this.next.bind(this));
 	}
-}, Mi = class {
+}, Ni = class {
 	constructor() {
 		this._hooks = [], this._hookExecutions = [];
 	}
@@ -2883,16 +2879,16 @@ var ii = (e) => (t) => e(t), ai = (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()));
 	}
-}, Ni = "[data-prose-reader-spine-item][data-is-ready=false]{pointer-events:none;-webkit-user-select:none;user-select:none}.prose-reader-enhancer-loading-container{width:100%;height:100%;max-width:var(--prose-reader-absolute-viewport-width,100%);text-align:center;color:#cacaca;z-index:1;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}[data-prose-reader-spine-item][data-is-ready=true] .prose-reader-enhancer-loading-container{visibility:hidden;z-index:0}.prose-reader-enhancer-loading-logo{font-size:4em}.prose-reader-enhancer-loading-details{text-overflow:ellipsis;white-space:nowrap;width:80%;max-width:300px;font-size:1.2em;overflow:hidden}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true]{overflow:scroll}[data-prose-reader-scroll-navigator][data-prose-reader-zooming=true][data-prose-reader-zooming-direction=down]{overflow-x:auto}[data-prose-reader-scroll-navigator]{width:100%;height:100%;position:relative;overflow:hidden scroll}[data-prose-reader-viewport]{background-color:#fff;width:100%;height:100%;position:relative}.prose-reader-reader{background-color:#fff;position:relative;overflow:hidden}", Pi = (e) => ({
+}, 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) => ({
 	x: -e.x,
 	y: -e.y
-}), Fi = (e) => e instanceof DOMMatrix ? new J({
+}), Ii = (e) => e instanceof DOMMatrix ? new J({
 	x: -e.e,
 	y: -e.f
 }) : new J({
 	x: -e.x,
 	y: -e.y
-}), Ii = L.namespace("navigation/ControlledNavigationController"), Li = class extends Q {
+}), Li = L.namespace("navigation/ControlledNavigationController"), Ri = 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]) => {
@@ -2905,8 +2901,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			e.values.computedPageTurnMode === "scrollable" ? z(t.style, "display", "contents") : z(t.style, "display", "block");
 		}));
 		this.layout$ = s.pipe(M(() => {
-			Ii.info("layout", e.values);
-		}), O()), this.isNavigating$ = this.navigateSubject.pipe(b((e, t) => a(e.position, t.position)), T(({ animation: t, position: n }) => (Ii.info("Navigation requested", {
+			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", {
 			animation: t,
 			position: n
 		}), {
@@ -2934,7 +2930,7 @@ var ii = (e) => (t) => e(t), ai = (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 = Pi(e);
+		let t = this.element$.getValue(), n = Fi(e);
 		z(t.style, "transform", `translate(${n.x}px, ${n.y}px)`), this.hookManager.execute("onViewportOffsetAdjust", void 0);
 	}
 	navigate(e) {
@@ -2948,22 +2944,22 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		return !n || n === "none" ? new J({
 			x: 0,
 			y: 0
-		}) : Fi(new DOMMatrix(n));
+		}) : Ii(new DOMMatrix(n));
 	}
-}, Ri = () => (e) => e.pipe(T(({ navigation: e, pagination: t, ...n }) => ({
+}, zi = () => (e) => e.pipe(T(({ navigation: e, pagination: t, ...n }) => ({
 	navigation: {
 		...e,
 		paginationBeginCfi: t.beginCfi
 	},
 	...n
-}))), zi = (e, t, n) => e.bridgeEvent.pagination$.pipe(N(t), x(([e, t]) => e.navigationId === t.id), A(([e, t]) => (n.spineItemsManager.get(t.spineItem)?.isReady$.pipe(S()) ?? D(!1)).pipe(x((e) => e), T(() => ({
+}))), 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(() => ({
 	pagination: e,
 	navigation: t
-})))), Ri(), b((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), T(({ navigation: e }) => ({
+})))), zi(), b((e, t) => e.navigation.paginationBeginCfi === t.navigation.paginationBeginCfi), T(({ navigation: e }) => ({
 	...e,
 	meta: { triggeredBy: "pagination" },
 	requestedPosition: e.position
-}))), Bi = ({ navigationResolver: e, getNavigationVisibleArea: t }) => (n) => n.pipe(T(([n, r]) => {
+}))), Vi = ({ 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,
@@ -2978,7 +2974,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			position: o
 		}
 	};
-})), Vi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
+})), Hi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
 	if (t.navigation.cfi) {
 		let n = e.getNavigationForCfi(t.navigation.cfi);
 		if (n) return {
@@ -2990,8 +2986,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		};
 	}
 	return t;
-})), Hi = ({ navigation: e, previousNavigation: t, settings: n }) => e.directionFromLastNavigation ? e.directionFromLastNavigation : e.url !== void 0 || e.cfi !== void 0 ? "anchor" : t.spineItem === void 0 || e.spineItem || !e.position ? "forward" : n.values.computedPageTurnDirection === "vertical" ? e.position.y > t.position.y || e.position.y === t.position.y && t.directionFromLastNavigation !== "backward" ? "forward" : "backward" : Math.abs(e.position.x) > Math.abs(t.position.x) || e.position.x === t.position.x && t.directionFromLastNavigation !== "backward" ? "forward" : "backward", Ui = ({ context: e, settings: t }) => (n) => n.pipe(T(({ navigation: n, previousNavigation: r }) => {
-	let i = Hi({
+})), 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({
 		context: e,
 		navigation: n,
 		previousNavigation: r,
@@ -3005,7 +3001,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		},
 		direction: i
 	};
-})), Wi = ({ spineItemsManager: e, navigationResolver: t, settings: n, viewport: r }) => (i) => i.pipe(T(({ navigation: i, ...a }) => {
+})), Gi = ({ 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: {
@@ -3038,7 +3034,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		},
 		...a
 	};
-})), Gi = ({ settings: e, spineItemsManager: t, navigationResolver: n, spineLocator: r, cfi: i }) => (a) => {
+})), Ki = ({ 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) {
@@ -3084,7 +3080,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			...n
 		};
 	}));
-}, Ki = ({ spine: e }) => (t) => t.pipe(A(({ navigation: t, ...n }) => {
+}, qi = ({ 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: {
@@ -3098,7 +3094,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		},
 		...n
 	})));
-})), qi = ({ settings: e, spineItemsManager: t, spineLocator: n, navigationResolver: r }) => (i) => {
+})), Ji = ({ 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)) {
@@ -3135,7 +3131,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		},
 		...t
 	})));
-}, Ji = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
+}, Yi = ({ navigationResolver: e }) => (t) => t.pipe(T((t) => {
 	if (t.navigation.url) {
 		let n = e.getNavigationForUrl(t.navigation.url);
 		if (n) return {
@@ -3148,7 +3144,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		};
 	}
 	return t;
-})), Yi = class {
+})), Xi = class {
 	constructor() {
 		this.isLockedSubject = new l(0), this.isLocked$ = this.isLockedSubject.pipe(T((e) => !!e), b());
 	}
@@ -3158,7 +3154,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			e || (e = !0, this.isLockedSubject.next(this.isLockedSubject.getValue() - 1));
 		};
 	}
-}, Xi = ({ spineLocator: e, navigation: t, navigationResolver: n, spineItemsManager: r, spine: i, cfiManager: a }) => {
+}, Zi = ({ 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;
@@ -3198,7 +3194,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		x: 0,
 		y: 0
 	}));
-}, Zi = ({ navigation: e, spineLocator: t, spineItemsManager: n, settings: r, navigationResolver: i, spine: a }) => {
+}, Qi = ({ 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,
@@ -3249,21 +3245,21 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}
 	}
 	return e.position;
-}, Qi = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? D(Zi({
+}, $i = ({ navigation: e, spineItemsManager: t, settings: n, spineLocator: r, navigationResolver: i, spine: a, cfiManager: o }) => n.values.computedPageTurnMode === "scrollable" ? D(Qi({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	settings: n,
 	spineItemsManager: t,
 	spine: a
-})) : Xi({
+})) : Zi({
 	navigation: e,
 	spineLocator: r,
 	navigationResolver: i,
 	spineItemsManager: t,
 	spine: a,
 	cfiManager: o
-}), $i = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => Qi({
+}), ea = ({ settings: e, navigationResolver: t, context: n, spine: r, cfiManager: i }) => (a) => a.pipe(A((a) => $i({
 	spineLocator: r.locator,
 	navigation: a.navigation,
 	navigationResolver: t,
@@ -3279,7 +3275,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		...a.navigation,
 		position: e
 	}
-}))))), ea = L.namespace("navigation/InternalNavigator"), ta = (e, t) => e === t || !!e && !!t && e.x === t.x && e.y === t.y, na = (e, t) => e === t || !!e && !!t && e.width === t.width && e.height === t.height, ra = (e, t) => e.id === t.id && ta(e.position, t.position) && ta(e.requestedPosition, t.requestedPosition) && na(e.requestedVisibleArea, t.requestedVisibleArea), ia = class extends Q {
+}))))), 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 {
 	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,
@@ -3301,40 +3297,40 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			requestedPosition: n,
 			requestedVisibleArea: r,
 			triggeredBy: i.triggeredBy
-		})), b(ra), k(1)), this.locker = new Yi();
-		let d = n.pipe(N(this.navigationSubject), Bi({
+		})), b(ia), k(1)), this.locker = new Xi();
+		let d = n.pipe(N(this.navigationSubject), Vi({
 			navigationResolver: a,
 			getNavigationVisibleArea: () => r().getNavigationVisibleArea()
-		}), Ji({ navigationResolver: a }), Vi({ navigationResolver: a }), Ui({
+		}), Yi({ navigationResolver: a }), Hi({ navigationResolver: a }), Wi({
 			context: t,
 			settings: e
-		}), Gi({
+		}), Ki({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), qi({
+		}), Ji({
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), Ki({ spine: o })).pipe(Wi({
+		}), qi({ spine: o })).pipe(Gi({
 			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 : $i({
+			return D(n).pipe(i ? ce : ea({
 				navigationResolver: a,
 				settings: e,
 				spine: o,
 				context: t,
 				cfiManager: c
 			}));
-		}), qi({
+		}), Ji({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
@@ -3351,7 +3347,7 @@ var ii = (e) => (t) => e(t), ai = (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($i({
+		} })), j(E(f, d))))), f).pipe(ea({
 			navigationResolver: a,
 			settings: e,
 			context: t,
@@ -3361,19 +3357,19 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			...e,
 			meta: { triggeredBy: "restoration" },
 			requestedPosition: e.position
-		} })), Gi({
+		} })), Ki({
 			context: t,
 			cfi: c,
 			navigationResolver: a,
 			settings: e,
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator
-		}), Ki({ spine: o }), qi({
+		}), qi({ spine: o }), Ji({
 			spineItemsManager: o.spineItemsManager,
 			spineLocator: o.locator,
 			settings: e,
 			navigationResolver: a
-		}), T(({ navigation: e }) => e), O()), d, zi(t, this.navigationSubject, o)).pipe(N(this.navigationSubject), (e) => e.pipe(M(([e]) => {
+		}), T(({ navigation: e }) => e), O()), d, Bi(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 = {
@@ -3382,7 +3378,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			};
 			this.getActiveNavigationModeController().navigate(i);
 		})), (e) => e.pipe(M(([e, t]) => {
-			ea.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
+			ta.info(`navigation updated from ${e.meta.triggeredBy} of type ${e.type}`, {
 				previousNavigation: t,
 				currentNavigation: e
 			}), this.navigationSubject.next(e);
@@ -3391,24 +3387,24 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	get navigation() {
 		return this.navigationSubject.getValue();
 	}
-}, aa = (e, t, n) => {
+}, oa = (e, t, n) => {
 	let r = n - e, i = t * e * n / (n || 1);
 	return Math.max(0, Math.min(r, i));
-}, oa = (e, t) => (t || 0) === 0 || (e || 0) === 0 ? 1 : Math.floor(Math.max(1, e / t)), sa = (e, t, n) => {
-	let r = oa(n, t), i = [...Array(r)].map((e, n) => n * t);
+}, 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);
 	return e >= r * t ? i[i.length - 1] || 0 : i.find((n) => e < n + t) || 0;
-}, ca = (e, t, n) => {
+}, la = (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;
-}, la = ({ itemWidth: e, itemHeight: t, spineItemPosition: n }) => new q({
+}, ua = ({ 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))
-}), ua = ({ itemHeight: e, itemWidth: t, isUsingVerticalWriting: n, pageWidth: r, pageHeight: i, pageTurnDirection: a, pageTurnMode: o }) => a === "vertical" && o === "scrollable" ? 1 : n || a === "vertical" ? oa(e, i) : oa(t, r), da = ({ itemWidth: e, itemHeight: t, position: n, isUsingVerticalWriting: r, pageWidth: i, pageHeight: a, pageTurnDirection: o, pageTurnMode: s, isRTL: c }) => {
-	let l = la({
+}), 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({
 		spineItemPosition: n,
 		itemHeight: t,
 		itemWidth: e
-	}).x, u = ua({
+	}).x, u = da({
 		isUsingVerticalWriting: r,
 		itemHeight: t,
 		itemWidth: e,
@@ -3417,15 +3413,15 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		pageTurnDirection: o,
 		pageTurnMode: s
 	});
-	if (r) return ca(n.y, a, u);
-	let d = ca(l, i, u);
+	if (r) return la(n.y, a, u);
+	let d = la(l, i, u);
 	return c ? u - 1 - d : d;
-}, fa = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
+}, pa = ({ pageIndex: e, itemLayout: t, context: n, isUsingVerticalWriting: r, viewport: i }) => {
 	if (r) return new q({
 		x: 0,
-		y: aa(i.pageSize.height, e, t.height)
+		y: oa(i.pageSize.height, e, t.height)
 	});
-	let a = aa(i.pageSize.width, e, t.width);
+	let a = oa(i.pageSize.width, e, t.width);
 	return n.isRTL() ? new q({
 		x: t.width - a - i.pageSize.width,
 		y: 0
@@ -3433,26 +3429,26 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		x: a,
 		y: 0
 	});
-}, pa = ({ context: e, settings: t, viewport: n }) => {
+}, ma = ({ 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: sa(i, o, a),
+			x: ca(i, o, a),
 			y: 0
 		});
 	};
 	return {
 		getSpineItemPositionFromNode: r,
-		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => fa({
+		getSpineItemPositionFromPageIndex: ({ pageIndex: t, spineItem: r }) => pa({
 			context: e,
 			isUsingVerticalWriting: !!r.isUsingVerticalWriting(),
 			itemLayout: r.layoutInfo,
 			pageIndex: t,
 			viewport: n
 		}),
-		getSpineItemPageIndexFromPosition: (r) => da({
+		getSpineItemPageIndexFromPosition: (r) => fa({
 			...r,
 			isRTL: e.isRTL(),
 			pageWidth: n.pageSize.width,
@@ -3462,7 +3458,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}),
 		getSpineItemPageIndexFromNode: (i, a, o) => {
 			let s = r(i, a, o), { height: c, width: l } = o.layoutInfo;
-			return s ? da({
+			return s ? fa({
 				isUsingVerticalWriting: !!o.isUsingVerticalWriting(),
 				position: s,
 				itemHeight: c,
@@ -3477,35 +3473,35 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		getSpineItemClosestPositionFromUnsafePosition: (e, t) => {
 			let { width: r, height: i } = t.layoutInfo;
 			return new q({
-				x: sa(e.x, n.pageSize.width, r),
-				y: sa(e.y, n.pageSize.height, i)
+				x: ca(e.x, n.pageSize.width, r),
+				y: ca(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 = aa(c, r, o);
-				return new cn({
+				let e = oa(c, r, o);
+				return new ln({
 					x: t.x,
 					y: t.y - e
 				});
 			}
-			let l = aa(s, r, a);
+			let l = oa(s, r, a);
 			if (e.isRTL()) {
 				let e = a - (r + 1) * s;
-				return new cn({
+				return new ln({
 					x: t.x - Math.max(0, e),
 					y: t.y
 				});
 			}
-			return new cn({
+			return new ln({
 				x: t.x - l,
 				y: t.y
 			});
 		}
 	};
-}, ma = ({ context: e, settings: t, viewport: n }) => {
-	let r = pa({
+}, ha = ({ context: e, settings: t, viewport: n }) => {
+	let r = ma({
 		context: e,
 		settings: t,
 		viewport: n
@@ -3524,7 +3520,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			y: 0
 		})
 	};
-}, ha = ({ size: e, isRTL: t, spineItemsManager: n, spine: r }) => {
+}, ga = ({ 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);
@@ -3543,8 +3539,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		yMin: 0,
 		yMax: o
 	};
-}, ga = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = ha({
+}, _a = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = ga({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3559,8 +3555,8 @@ var ii = (e) => (t) => e(t), ai = (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
 	});
-}, _a = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
-	let a = ha({
+}, va = ({ position: e, size: t, isRTL: n, spineItemsManager: r, spine: i }) => {
+	let a = ga({
 		size: t,
 		isRTL: n,
 		spineItemsManager: r,
@@ -3586,7 +3582,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		x: a,
 		y: i
 	});
-}, va = ({ viewportPosition: e, spineLocator: t, spineItemNavigationResolver: n, viewport: r }) => {
+}, ya = ({ 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);
@@ -3603,9 +3599,9 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		x: 0,
 		y: 0
 	});
-}, ya = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
+}, ba = ({ pageIndex: e, spineItemsManager: t, spineItemId: n, spineLocator: r, spineItemNavigationResolver: i, viewport: a }) => {
 	let o = t.get(n);
-	if (!o) return va({
+	if (!o) return ya({
 		viewportPosition: new J({
 			x: e * a.pageSize.width,
 			y: 0
@@ -3626,7 +3622,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		pageSizeWidth: a.pageSize.width,
 		visibleAreaRectWidth: a.absoluteViewport.width
 	});
-}, ba = (e, t) => {
+}, xa = (e, t) => {
 	if (V(t, "iframe")) {
 		let n = t.contentDocument, r = e.trim();
 		if (!n || r.length === 0) return;
@@ -3640,11 +3636,11 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			return;
 		}
 	}
-}, xa = ({ anchor: e, spineItem: t, spine: n }) => {
-	let r = ba(e, t.renderer.getDocumentFrame());
+}, Sa = ({ anchor: e, spineItem: t, spine: n }) => {
+	let r = xa(e, t.renderer.getDocumentFrame());
 	return r ? n.spineItemLocator.getSpineItemPositionFromNode(r, 0, t)?.x ?? 0 : 0;
-}, Sa = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
-	let i = xa({
+}, Ca = ({ anchor: e, spineItem: t, spineLocator: n, spine: r }) => {
+	let i = Sa({
 		anchor: e,
 		spineItem: t,
 		spine: r
@@ -3656,8 +3652,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}),
 		spineItem: t
 	});
-}, Ca = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
-	position: Sa({
+}, wa = ({ anchor: e, spineItem: t, spineLocator: n, spine: r, pageSizeWidth: i, visibleAreaRectWidth: a }) => $({
+	position: Ca({
 		anchor: e,
 		spineItem: t,
 		spineLocator: n,
@@ -3665,14 +3661,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}),
 	pageSizeWidth: i,
 	visibleAreaRectWidth: a
-}), wa = ({ spine: e, spineItemsManager: t, spineLocator: n, url: r, context: i, pageSizeWidth: a, visibleAreaRectWidth: o }) => {
+}), Ta = ({ 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: Ca({
+					position: wa({
 						anchor: s.hash,
 						spineItem: r,
 						spine: e,
@@ -3691,7 +3687,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		console.error(e);
 		return;
 	}
-}, Ta = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
+}, Ea = ({ spineItem: e, spineItemPosition: t, spineLocator: n, spineItemLocator: r, viewport: i }) => {
 	let a = r.getSpineItemClosestPositionFromUnsafePosition(t, e);
 	return $({
 		position: n.getSpinePositionFromSpineItemPosition({
@@ -3701,14 +3697,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		pageSizeWidth: i.pageSize.width,
 		visibleAreaRectWidth: i.absoluteViewport.width
 	});
-}, Ea = "spineNavigator", Da = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
-	let s = ma({
+}, Da = "spineNavigator", Oa = ({ context: e, spineItemsManager: t, locator: n, settings: r, spine: i, viewport: a, cfi: o }) => {
+	let s = ha({
 		context: e,
 		settings: r,
 		viewport: a
 	});
 	return {
-		getNavigationForUrl: (r) => wa({
+		getNavigationForUrl: (r) => Ta({
 			context: e,
 			spineItemsManager: t,
 			spineLocator: n,
@@ -3717,14 +3713,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			visibleAreaRectWidth: a.absoluteViewport.width,
 			spine: i
 		}),
-		getNavigationForSpineItemPage: (e) => ya({
+		getNavigationForSpineItemPage: (e) => ba({
 			...e,
 			spineItemsManager: t,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
-		getNavigationFromSpineItemPosition: (e) => Ta({
+		getNavigationFromSpineItemPosition: (e) => Ea({
 			...e,
 			spineItemLocator: n.spineItemLocator,
 			spineLocator: n,
@@ -3733,7 +3729,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		getNavigationForCfi: (e) => {
 			let { node: t, offset: r = 0, spineItem: i } = o.resolveCfi({ cfi: e });
 			if (!i) {
-				L.warn(Ea, `unable to detect item id from cfi ${e}`);
+				L.warn(Da, `unable to detect item id from cfi ${e}`);
 				return;
 			}
 			let c = t ? s.getNavigationFromNode(i, t, r) : new q({
@@ -3771,14 +3767,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				y: 0
 			});
 		},
-		getNavigationForPosition: (e) => va({
+		getNavigationForPosition: (e) => ya({
 			viewportPosition: e,
 			spineItemNavigationResolver: s,
 			spineLocator: n,
 			viewport: a
 		}),
 		getMostPredominantNavigationForPosition: (o) => {
-			let c = r.values.computedPageTurnDirection, l = .5, u = ga({
+			let c = r.values.computedPageTurnDirection, l = .5, u = _a({
 				position: new J({
 					x: c === "horizontal" ? o.x + a.absoluteViewport.width * l : 0,
 					y: c === "horizontal" ? 0 : o.y + a.absoluteViewport.height * l
@@ -3788,21 +3784,21 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 				spineItemsManager: t,
 				spine: i
 			});
-			return va({
+			return ya({
 				spineItemNavigationResolver: s,
 				spineLocator: n,
 				viewportPosition: u,
 				viewport: a
 			});
 		},
-		clampPositionInSpine: (n, r) => ga({
+		clampPositionInSpine: (n, r) => _a({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
 			spineItemsManager: t,
 			spine: i
 		}),
-		getBoundaryForPosition: (n, r = a.absoluteViewport) => _a({
+		getBoundaryForPosition: (n, r = a.absoluteViewport) => va({
 			position: n,
 			size: r,
 			isRTL: e.isRTL(),
@@ -3818,8 +3814,8 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}),
 		spineItemNavigator: s
 	};
-}, Oa = ({ spineItemsManager: e, context: t, hookManager: n, spine: r, settings: i, viewport: a, cfi: s }) => {
-	let c = new m(), l = c.asObservable(), u = new Yi(), d = s, f = Da({
+}, 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({
 		cfi: d,
 		context: t,
 		settings: i,
@@ -3827,7 +3823,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		locator: r.locator,
 		spine: r,
 		viewport: a
-	}), p = new Li(i, n, t, r, a), h = new di(a, i, n, r, t), g = [h, p], _ = new ia(i, t, l, () => g.find((e) => e.isActive()) ?? p, E(...g.flatMap((e) => e.layout$ ? [e.layout$] : [])), f, r, a, d, u.isLocked$), y = v([
+	}), 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([
 		...g.map((e) => e.isNavigating$),
 		u.isLocked$,
 		_.locker.isLocked$
@@ -3852,7 +3848,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		navigation$: _.navigation$,
 		position$: ee
 	};
-}, ka = class extends U {
+}, Aa = class extends U {
 	constructor(e, t) {
 		super({
 			beginPageIndexInSpineItem: void 0,
@@ -3869,7 +3865,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	update(e) {
 		this.mergeCompare(e);
 	}
-}, Aa = class extends Q {
+}, 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(() => {
@@ -3928,7 +3924,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			});
 		}))).pipe(j(this.destroy$)).subscribe();
 	}
-}, ja = class extends Q {
+}, Ma = class extends Q {
 	constructor(e) {
 		super();
 		let t = {
@@ -3969,7 +3965,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.outputSettingsUpdateSubject.complete();
 	}
-}, Ma = class extends ja {
+}, Na = class extends Ma {
 	constructor(e, t) {
 		super(e), this.context = t, t.watch(["hasVerticalWriting"]).pipe(M(() => this.update(this.values)), j(this.destroy$)).subscribe();
 	}
@@ -3979,7 +3975,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			computedPageTurnAnimation: e.pageTurnAnimation,
 			computedPageTurnMode: e.pageTurnMode,
 			computedPageTurnAnimationDuration: 0,
-			computedSpreadMode: zn({
+			computedSpreadMode: Bn({
 				spreadMode: e.spreadMode,
 				manifest: t
 			})
@@ -4009,7 +4005,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			numberOfAdjacentSpineItemToPreLoad: 3
 		};
 	}
-}, Na = class extends Q {
+}, Pa = 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({
@@ -4045,13 +4041,13 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.forcedOpenSubject.complete();
 	}
-}, Pa = (e, t, n) => {
+}, Fa = (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
 	});
-}, Fa = class e extends DOMRect {
+}, Ia = class e extends DOMRect {
 	constructor(...e) {
 		super(...e), this.__symbol = Symbol("ViewportPosition");
 	}
@@ -4063,15 +4059,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);
 	}
-}, Ia = class {
+}, La = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("AbsoluteViewport"), this.width = e, this.height = t;
 	}
-}, La = class {
+}, Ra = class {
 	constructor({ width: e, height: t }) {
 		this.__symbol = Symbol("RelativeViewport"), this.width = e, this.height = t;
 	}
-}, Ra = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
+}, za = ({ pageIndex: e, spineItemOrId: t, spineItemsManager: n }) => {
 	let r = n.items, i = n.get(t);
 	if (!i) return;
 	let { currentAbsolutePage: a } = r.reduce((t, n) => {
@@ -4089,45 +4085,45 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		found: !1
 	});
 	return a;
-}, za = ({ itemHeight: e, itemWidth: t, visibleWidthOfItem: n, visibleHeightOfItem: r, threshold: i }) => {
+}, Ba = ({ 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;
-}, Ba = ({ visibleWidthOfItem: e, visibleHeightOfItem: t, threshold: n, viewportPosition: r }) => {
+}, Va = ({ 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;
-}, Va = ({ itemPosition: { bottom: e, left: t, right: n, top: r, width: i, height: a }, threshold: o, viewportPosition: s, restrictToScreen: c }) => {
+}, Ha = ({ 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 = Ba({
+	let h = Va({
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p,
 		viewportPosition: s
 	});
-	return c ? { visible: h } : { visible: za({
+	return c ? { visible: h } : { visible: Ba({
 		itemHeight: a,
 		itemWidth: i,
 		threshold: o,
 		visibleHeightOfItem: m,
 		visibleWidthOfItem: p
 	}) || h };
-}, Ha = ({ position: e, spineItemsManager: t, spineLayout: n }) => {
+}, Ua = ({ 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;
-}, Ua = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
+}, Wa = ({ spineItemPosition: e, itemLayout: { left: t, top: n } }) => new J({
 	x: t + e.x,
 	y: n + e.y
-}), Wa = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
-	let s = Ha({
+}), Ga = ({ position: e, threshold: t, restrictToScreen: n, spineItemsManager: r, spineLayout: i, useAbsoluteViewport: a = !0, viewport: o }) => {
+	let s = Ua({
 		position: e,
 		spineItemsManager: r,
 		spineLayout: i
-	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Pa(e, o.absoluteViewport, c), u = Fa.from(l, c), d = [];
+	}) || r.get(0), c = a ? o.absoluteViewport : o.relativeViewport, l = Fa(e, o.absoluteViewport, c), u = Ia.from(l, c), d = [];
 	for (let e of r.items) {
-		let { visible: r } = Va({
+		let { visible: r } = Ha({
 			itemPosition: i.getSpineItemSpineLayoutInfo(e),
 			threshold: t,
 			viewportPosition: u,
@@ -4142,14 +4138,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		beginIndex: m ?? 0,
 		endIndex: h ?? 0
 	};
-}, Ga = ({ spineItemsManager: e, context: t, spineItemLocator: n, settings: r, spineLayout: i, viewport: a }) => {
+}, Ka = ({ 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) => Ua({
+	}, s = (e) => Wa({
 		spineItemPosition: new q({
 			x: 0,
 			y: 0
@@ -4163,7 +4159,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 = Ua({
+			let a = Wa({
 				spineItemPosition: n.getSpineItemPositionFromPageIndex({
 					pageIndex: t,
 					spineItem: r
@@ -4182,8 +4178,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 = Pa(e, s.absoluteViewport, c), { visible: u } = Va({
-				viewportPosition: Fa.from(l, c),
+			let c = o ? s.absoluteViewport : s.relativeViewport, l = Fa(e, s.absoluteViewport, c), { visible: u } = Ha({
+				viewportPosition: Ia.from(l, c),
 				restrictToScreen: a,
 				threshold: t,
 				itemPosition: r
@@ -4196,11 +4192,11 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		};
 	};
 	return {
-		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Ua({
+		getSpinePositionFromSpineItemPosition: ({ spineItem: e, spineItemPosition: t }) => Wa({
 			itemLayout: i.getSpineItemSpineLayoutInfo(e),
 			spineItemPosition: t
 		}),
-		_getAbsolutePageIndexFromPageIndex: (n) => Ra({
+		_getAbsolutePageIndexFromPageIndex: (n) => za({
 			...n,
 			context: t,
 			settings: r,
@@ -4208,7 +4204,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			spineLayout: i
 		}),
 		getSpineItemPagePositionFromSpinePosition: (t) => {
-			let r = Ha({
+			let r = Ua({
 				position: t,
 				spineItemsManager: e,
 				spineLayout: i
@@ -4229,14 +4225,14 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		},
 		getSpinePositionFromSpineItem: s,
 		getSpineItemPositionFromSpinePosition: o,
-		getSpineItemFromPosition: (t) => Ha({
+		getSpineItemFromPosition: (t) => Ua({
 			position: t,
 			spineItemsManager: e,
 			spineLayout: i
 		}),
 		getSpineItemFromIframe: c,
 		getSpineItemPageIndexFromNode: l,
-		getVisibleSpineItemsFromPosition: (t) => Wa({
+		getVisibleSpineItemsFromPosition: (t) => Ga({
 			settings: r,
 			spineItemsManager: e,
 			spineLayout: i,
@@ -4260,7 +4256,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			});
 		}
 	};
-}, Ka = class extends Q {
+}, qa = class extends Q {
 	constructor(e) {
 		super(), this.spineItemsManager = e;
 		let t = e.items;
@@ -4272,7 +4268,7 @@ var ii = (e) => (t) => e(t), ai = (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());
 	}
-}, qa = class extends Q {
+}, Ja = 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);
@@ -4310,7 +4306,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 	getSpineItemSpineLayoutInfo(e) {
 		let t = this.spineItemsManager.getSpineItemIndex(e) ?? 0;
-		return this.spineItemsRelativeLayouts[t] || new un({
+		return this.spineItemsRelativeLayouts[t] || new dn({
 			left: 0,
 			right: 0,
 			top: 0,
@@ -4340,7 +4336,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		};
 	}
 	createSpineItemLayout(e, t, n, r, i, a, o) {
-		if (e) return new un({
+		if (e) return new dn({
 			left: n,
 			right: i + n,
 			top: r,
@@ -4351,7 +4347,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			y: r
 		});
 		let s = t ? o - n - i : n;
-		return new un({
+		return new dn({
 			right: t ? o - n : n + i,
 			left: s,
 			x: s,
@@ -4362,16 +4358,16 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			y: r
 		});
 	}
-}, Ja = class extends Q {
+}, Ya = 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({
+		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({
 			context: e,
 			spineItemsManager: n,
 			spineItemLocator: r,
 			settings: i,
 			spineLayout: this.spineLayout,
 			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);
+		}), 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);
 		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);
@@ -4397,7 +4393,7 @@ 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 {
+}, Xa = class extends At {
 	onUnload() {}
 	onCreateDocument() {
 		return D(this.context.document.createElement("div"));
@@ -4412,10 +4408,10 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		return u;
 	}
 	getDocumentFrame() {}
-}, Xa = class extends Q {
+}, Za = 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);
+			let i = this.viewport.value.pageSize.width, a = "none", o = t % this.viewport.absoluteViewport.width === 0, s = this.context.manifest, c = ki(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);
@@ -4497,7 +4493,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			height: e.height ? parseFloat(e.height) : 0
 		};
 	}
-}, Za = class extends U {
+}, Qa = class extends U {
 	constructor(e, t, n, r, i, a) {
 		super({
 			isLoaded: !1,
@@ -4518,7 +4514,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			this.mergeCompare({ isDirty: !0 });
 		}, this.destroy = () => {
 			this.isDestroyed || (super.destroy(), this._layout.destroy(), this.renderer.destroy(), this.containerElement.remove());
-		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = Qa(e, t.document);
+		}, this.isUsingVerticalWriting = () => !!this.renderer.writingMode?.startsWith("vertical"), this.layout = (e) => this._layout.layout(e), this.containerElement = $a(e, t.document);
 		let o = this.settings.values.getRenderer?.(e);
 		this.resourcesHandler = new Mt(e, this.settings);
 		let s = {
@@ -4530,7 +4526,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			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);
+		this.renderer = o ? o(s) : new Xa(s), this._layout = new Za(e, this.containerElement, t, r, this.renderer, this.settings, this.viewport);
 		let c = this.renderer.state$.pipe(I(({ state: e, error: t }) => {
 			this.mergeCompare({
 				isLoaded: e === "loaded",
@@ -4567,7 +4563,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		return this._layout.layoutInfo;
 	}
 	get numberOfPages() {
-		return ua({
+		return da({
 			isUsingVerticalWriting: !!this.isUsingVerticalWriting(),
 			itemHeight: this._layout.layoutInfo.height,
 			itemWidth: this._layout.layoutInfo.width,
@@ -4577,12 +4573,12 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 			pageTurnMode: this.settings.values.pageTurnMode
 		});
 	}
-}, Qa = (e, t) => {
+}, $a = (e, t) => {
 	let n = t.createElement("div");
-	return n.setAttribute(`data-${wn}`, ""), n.classList.add("spineItem"), n.classList.add(`spineItem-${e.renditionLayout ?? "reflowable"}`), n.style.cssText = "\n    position: absolute;\n    overflow: hidden;\n  ", n.dataset.isReady = "false", n;
-}, $a = class extends Q {
+	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 {
 	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));
+		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));
 	}
 	get(e) {
 		return typeof e == "number" ? this.items[e] : typeof e == "string" ? this.items.find(({ item: t }) => t.id === e) : e;
@@ -4592,17 +4588,17 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		return n > r ? "after" : n === r ? "same" : "before";
 	}
 	getSpineItemIndex(e) {
-		return (e instanceof Za ? e : this.get(e))?.index;
+		return (e instanceof Qa ? e : this.get(e))?.index;
 	}
 	destroy() {
 		this.items.forEach((e) => {
 			e.destroy();
 		}), super.destroy();
 	}
-}, eo = class extends U {
+}, to = class extends U {
 	constructor(e, t) {
 		let n = e.document.createElement("div");
-		n.setAttribute(`data-${Sn}`, ""), super({
+		n.setAttribute(`data-${Cn}`, ""), super({
 			element: n,
 			pageSize: {
 				width: 1,
@@ -4625,7 +4621,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 	syncAbsoluteViewportCssVariables(e) {
 		let { style: t } = this.value.element;
-		e.width > 0 ? z(t, Tn, `${e.width}px`) : B(t, Tn), e.height > 0 ? z(t, En, `${e.height}px`) : B(t, En);
+		e.width > 0 ? z(t, En, `${e.width}px`) : B(t, En), e.height > 0 ? z(t, Dn, `${e.height}px`) : B(t, Dn);
 	}
 	layout() {
 		let e = {
@@ -4638,7 +4634,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		}), this.layoutSubject.next();
 	}
 	get absoluteViewport() {
-		return new Ia({
+		return new La({
 			width: this.value.width,
 			height: this.value.height
 		});
@@ -4652,7 +4648,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	}
 	get relativeViewport() {
 		let e = this.absoluteViewport, t = this.scaleFactor;
-		return new La({
+		return new Ra({
 			width: e.width / t,
 			height: e.height / t
 		});
@@ -4660,12 +4656,12 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 	destroy() {
 		super.destroy(), this.layoutSubject.complete(), this.value.element.remove();
 	}
-}, to = ({ manifest: e, cfi: t, ownerDocument: n = globalThis.document, ...r }) => {
-	let i = crypto.randomUUID(), a = `${bn}-core-${i}`, o = new m(), s = new m(), c = new Mi(), l = new Ai(e, n), u = new Ma(r, l), d = new ji(l, u), f = new eo(l, u), p = new $a(l, u, c, f), h = new Di(c, p), g = pa({
+}, 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({
 		context: l,
 		settings: u,
 		viewport: f
-	}), _ = new ka(l, p), v = new Ja(l, _, p, g, u, f), y = Oa({
+	}), _ = new Aa(l, p), v = new Ya(l, _, p, g, u, f), y = ka({
 		cfi: h,
 		context: l,
 		spineItemsManager: p,
@@ -4673,15 +4669,15 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		spine: v,
 		settings: u,
 		viewport: f
-	}), ee = new Aa(l, _, p, v, g, y.isLocked$, h);
+	}), ee = new ja(l, _, p, v, g, y.isLocked$, h);
 	y.navigationState$.subscribe(l.bridgeEvent.viewportStateSubject), y.navigation$.subscribe(l.bridgeEvent.navigationSubject), y.position$.subscribe(l.bridgeEvent.positionSubject), _.subscribe(l.bridgeEvent.paginationSubject);
 	let te = (e = {}) => {
 		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, Ni);
-		let t = io(e, i);
+		L.log("mount", { containerElement: e }), $e(l.document, a, Pi);
+		let t = ao(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));
@@ -4699,7 +4695,7 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		mount: ne,
 		destroy: () => {
 			let e = l.value.rootElement;
-			e && (et(l.document, a), ao(e)), ie.unsubscribe(), p.destroy(), ee.destroy(), u.destroy(), _.destroy(), l.destroy(), y.destroy(), v.destroy(), d.destroy(), s.next(), s.complete(), f.destroy();
+			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();
 		},
 		pagination: {
 			get state() {
@@ -4718,17 +4714,17 @@ var ii = (e) => (t) => e(t), ai = (e, t, n) => {
 		features: d,
 		$: { destroy$: s }
 	};
-}, no = `${X}-reader`, ro = "data-prose-reader-container", io = (e, t) => (e.classList.add(no), R(e, xn, t), R(e, ro, t), e), ao = (e) => {
-	e.classList.remove(no), e.removeAttribute(xn), e.removeAttribute(ro);
-}, oo = ei(Ot(ii(Dt(ct(ri(gi(ur(on(Gn(lt(pt(Yr(Wn(ni(to))))))))))))))), so = (e) => (t) => e(t), co = 5e3, lo = (e, { itemReadinessTimeoutMs: t = co } = {}) => Xn(e).pipe(A((n) => {
+}, 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) => {
 	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({
 		first: t,
 		with: () => u
-	}), Yn(e.navigation)) : u;
+	}), Xn(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, Ja as Spine, Za as SpineItem, ln as SpineItemPageLayout, dn as SpineItemPageSpineLayout, q as SpineItemPosition, un as SpineItemSpineLayout, $a as SpineItemsManager, Ka as SpineItemsObserver, J as SpinePosition, ui as UnboundScrollPosition, cn as UnboundSpineItemPagePosition, Y as UnboundSpinePosition, vn as VIEWPORT_ADJUSTMENT_THROTTLE, eo as Viewport, fr as consolidate, oo as createReader, St as deferIdle, bt as deferNextResult, yi as generateCfiForSpineItemPage, bi as generateCfiFromRange, _i as generateRootCfi, nt as getAttributeValueFromString, mt as getBase64FromBlob, at as getFrameViewportInfo, xi as getItemAnchor, on as htmlEnhancer, xt as idle, $e as injectCSS, rt as injectCSSToFrame, K as isDefined, Ze as isHtmlElement, V as isHtmlTagElement, Ci as isRootCfi, a as isShallowEqual, Wn as layoutEnhancer, gt as mapKeysTo, lo as observeBookBoundaryReached, wt as observeIntersection, Ct as observeMutation, Jn as observeNextSettledNavigation, vt as observeResize, qn as observeSettledNavigation, Yr as paginationEnhancer, Ti as parseCfi, ht as pick, Ie as removeAttributeIfPresent, it as removeCSS, B as removeStylePropertyIfPresent, Ei as resolveCfi, so as rootEnhancer, R as setAttributeIfChanged, Le as setPropertyIfChanged, z as setStylePropertyIfChanged, Vn as shouldEnableSpreadModeForViewport, Hn as shouldUseComputedSpreadModeForViewport, hr as spinePositionToSpineItemSpineLayout, Yn as takeUntilNextNavigationSettled, H as upsertCSSToFrame, ot as waitForFrameLoad, st as waitForFrameReady, Kn as waitForNavigationSettled, yt as waitForSwitch, _t as watchKeys };
+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 };
 
 //# sourceMappingURL=index.js.map