@zinejs/core 0.9.2 → 1.0.1

package/dist/index.js

@@ -281,8 +281,8 @@ function ee(e, t) {
 //#endregion
 //#region src/renderer/select.ts
 var te = {
-	css: async () => new (await (import("./cssRenderer-CTaM4cAj.js"))).CssRenderer(),
-	webgl2: async () => new (await (import("./webglRenderer-DQn4pc1S.js"))).WebglRenderer()
+	css: async () => new (await (import("./cssRenderer-DAW29lU2.js"))).CssRenderer(),
+	webgl2: async () => new (await (import("./webglRenderer-9RcNHAy-.js"))).WebglRenderer()
 }, w = !0;
 function T(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && typeof e.mount == "function";
@@ -483,101 +483,104 @@ var Y = class {
 	#u;
 	#d;
 	#f;
-	#p;
-	#m;
-	#h = null;
-	#g = null;
+	#p = null;
+	#m = /* @__PURE__ */ new Map();
+	#h;
+	#g;
 	#_;
-	#v;
-	#y;
+	#v = null;
+	#y = null;
 	#b;
-	#x = null;
-	#S = !1;
-	#C = !1;
-	#w = !1;
-	#T = {
+	#x;
+	#S;
+	#C;
+	#w = null;
+	#T = !1;
+	#E = !1;
+	#D = !1;
+	#O = {
 		turn: !1,
 		zoom: !1,
 		pan: !1
 	};
-	#E = null;
-	#D = null;
-	#O = null;
 	#k = null;
 	#A = null;
 	#j = null;
-	#M = !1;
-	#N = "";
-	#P;
-	#F;
-	#I;
-	#L = !1;
-	#R = null;
-	#z = !1;
-	#B;
+	#M = null;
+	#N = null;
+	#P = null;
+	#F = !1;
+	#I = "";
+	#L;
+	#R;
+	#z;
+	#B = !1;
 	#V = null;
-	#H;
+	#H = !1;
 	#U;
-	#W;
-	#G = null;
-	#K = null;
-	#q = [];
-	#J = 0;
-	#Y = 0;
-	#X = {
+	#W = null;
+	#G;
+	#K;
+	#q;
+	#J = null;
+	#Y = null;
+	#X = [];
+	#Z = 0;
+	#Q = 0;
+	#$ = {
 		left: null,
 		right: null
 	};
-	#Z;
-	#Q;
-	#$;
 	#ee;
 	#te;
-	#ne = null;
-	#re = !1;
-	#ie = 1;
-	#ae = 0;
-	#oe = 0;
-	#se = null;
-	#ce = !1;
-	#le = !1;
+	#ne;
+	#re;
+	#ie;
+	#ae = null;
+	#oe = !1;
+	#se = 1;
+	#ce = 0;
+	#le = 0;
 	#ue = null;
-	#de = null;
-	#fe = null;
+	#de = !1;
+	#fe = !1;
 	#pe = null;
 	#me = null;
 	#he = null;
 	#ge = null;
-	#_e = 0;
+	#_e = null;
 	#ve = null;
-	#ye = !1;
-	#be = 1;
-	#xe = !1;
-	#Se = null;
-	#Ce = null;
-	#we = null;
+	#ye = null;
+	#be = 0;
+	#xe = null;
+	#Se = !1;
+	#Ce = 1;
+	#we = !1;
 	#Te = null;
 	#Ee = null;
 	#De = null;
-	#Oe = -Infinity;
+	#Oe = null;
 	#ke = null;
 	#Ae = null;
-	#je = /* @__PURE__ */ new Set();
-	#Me;
+	#je = -Infinity;
+	#Me = null;
 	#Ne = null;
-	#Pe;
-	#Fe = null;
-	#Ie;
+	#Pe = /* @__PURE__ */ new Set();
+	#Fe;
+	#Ie = null;
 	#Le;
 	#Re = null;
-	#ze = null;
-	#Be = "download";
-	#Ve = 1;
-	#He = 0;
-	#Ue = null;
-	#We;
+	#ze;
+	#Be;
+	#Ve = null;
+	#He = null;
+	#Ue = "download";
+	#We = 1;
+	#Ge = 0;
+	#Ke = null;
+	#qe;
 	debug = { setFlipProgress: (e, t) => {
-		this.#se?.setFlipProgress(e, t);
+		this.#ue?.setFlipProgress(e, t);
 	} };
 	constructor(e, t) {
 		fe(e, t), this.#e = e, t.width !== void 0 && (e.style.width = `${t.width}px`), t.height !== void 0 && (e.style.height = `${t.height}px`), this.#t = re(t.source, {
@@ -586,40 +589,40 @@ var Y = class {
 			pages: t.pages
 		});
 		let n = t.direction ?? "ltr";
-		this.#a = n, this.#U = (t.deepLink ?? !0) && b(), this.#W = t.disableContextMenu ?? !1, this.#o = t.spreadMode ?? "cover", this.#s = this.#o, this.#c = t.curl ?? "cone", this.#u = t.clickToFlip ?? "edge", this.#d = t.fit ?? "contain", this.#f = oe(t.strings), this.#p = t.clickZoneSize ?? 64, this.#m = t.cursorHints ?? !0;
+		this.#a = n, this.#K = (t.deepLink ?? !0) && b(), this.#q = t.disableContextMenu ?? !1, this.#o = t.spreadMode ?? "cover", this.#s = this.#o, this.#c = t.curl ?? "cone", this.#u = t.clickToFlip ?? "edge", this.#d = t.fit ?? "contain", this.#f = t.gutterOverlap ?? 0, this.#f === "auto" && (this.#p = import("./gutter-C3H2CDT2.js").then((e) => e.detectOverlap, () => null)), this.#h = oe(t.strings), this.#g = t.clickZoneSize ?? 64, this.#_ = t.cursorHints ?? !0;
 		let r = t.hints ?? !0;
-		this.#_ = r === !0 || r !== !1 && (r.enabled ?? !0), this.#v = r !== !0 && r !== !1 && (r.persist ?? !1), this.#v && this.#xt();
+		this.#b = r === !0 || r !== !1 && (r.enabled ?? !0), this.#x = r !== !0 && r !== !1 && (r.persist ?? !1), this.#x && this.#wt();
 		let i = t.sound ?? !1;
-		this.#y = i !== !1, this.#b = i === !0 || i === !1 ? {} : i, this.#S = typeof i == "object" && i ? i.muted ?? !1 : !1, this.#C = typeof i == "object" && i ? i.persist ?? !1 : !1, this.#y && this.#C && this.#Ze(), this.#I = t.singlePageThreshold ?? 640, this.#B = t.responsiveSpread ?? !0, this.#Me = t.controls ?? !0, this.#Pe = t.contextMenu ?? !t.disableContextMenu, this.#Ie = new Set(t.hideControls ?? []), this.#Le = t.loading ?? !0, this.#H = t.startPage, typeof this.#t.open != "function" && this.#En(), this.#Z = t.flipDuration ?? 800, this.#Q = t.zoom?.enabled ?? !0, this.#$ = t.zoom?.wheel ?? !0;
+		this.#S = i !== !1, this.#C = i === !0 || i === !1 ? {} : i, this.#T = typeof i == "object" && i ? i.muted ?? !1 : !1, this.#E = typeof i == "object" && i ? i.persist ?? !1 : !1, this.#S && this.#E && this.#et(), this.#z = t.singlePageThreshold ?? 640, this.#U = t.responsiveSpread ?? !0, this.#Fe = t.controls ?? !0, this.#Le = t.contextMenu ?? !t.disableContextMenu, this.#ze = new Set(t.hideControls ?? []), this.#Be = t.loading ?? !0, this.#G = t.startPage, typeof this.#t.open != "function" && this.#An(), this.#ee = t.flipDuration ?? 800, this.#te = t.zoom?.enabled ?? !0, this.#ne = t.zoom?.wheel ?? !0;
 		let a = t.zoom?.doubleClick, o = a === !1 ? [] : [...a ?? [
 			1,
 			2,
 			4
 		]].sort((e, t) => e - t);
-		this.#ee = o.length > 0 ? o : null, this.#te = t.zoom?.max ?? 4;
-		let s = this.#Q && this.#ee !== null, c = t.zoom?.doubleClickInFlipZone ?? this.#u === "half";
-		this.#P = this.#u !== "off" && s && c && t.clickFlipDelay !== 0, this.#F = this.#P ? t.clickFlipDelay ?? N : 0, this.#We = this.#Gt(t.renderer ?? "auto");
+		this.#re = o.length > 0 ? o : null, this.#ie = t.zoom?.max ?? 4;
+		let s = this.#te && this.#re !== null, c = t.zoom?.doubleClickInFlipZone ?? this.#u === "half";
+		this.#L = this.#u !== "off" && s && c && t.clickFlipDelay !== 0, this.#R = this.#L ? t.clickFlipDelay ?? N : 0, this.#qe = this.#Jt(t.renderer ?? "auto");
 	}
 	get ready() {
-		return this.#We;
+		return this.#qe;
 	}
 	getPageCount() {
 		return this.#t.pageCount;
 	}
 	getPage() {
-		return this.#Y;
+		return this.#Q;
 	}
 	get container() {
 		return this.#e;
 	}
 	getPageBox() {
-		return this.#se?.measure().book ?? null;
+		return this.#ue?.measure().book ?? null;
 	}
 	getSpreads() {
-		return this.#q;
+		return this.#X;
 	}
 	getSpreadIndex() {
-		return this.#J;
+		return this.#Z;
 	}
 	getDirection() {
 		return this.#a;
@@ -628,44 +631,44 @@ var Y = class {
 		return this.#o;
 	}
 	isSinglePage() {
-		return this.#L;
+		return this.#B;
 	}
 	setSpreadMode(e) {
-		e !== this.#o && (this.#o = e, this.#z = !1, this.#un(), this.#dn());
+		e !== this.#o && (this.#o = e, this.#H = !1, this.#pn(), this.#mn());
 	}
 	toggleSpreadMode() {
 		this.setSpreadMode(this.#o === "single" ? this.#s === "single" ? "double" : this.#s : "single");
 	}
 	getResponsiveSpread() {
-		return this.#B;
+		return this.#U;
 	}
 	isResponsiveSingle() {
-		return this.#z && this.#o !== "single";
+		return this.#H && this.#o !== "single";
 	}
 	setResponsiveSpread(e) {
-		if (e !== this.#B) {
-			if (this.#B = e, e) {
-				let e = this.#se?.measure().containerWidth;
+		if (e !== this.#U) {
+			if (this.#U = e, e) {
+				let e = this.#ue?.measure().containerWidth;
 				if (e === void 0) return;
-				this.#z = !1, this.#ln(e);
+				this.#H = !1, this.#fn(e);
 			} else {
-				if (!this.#z) return;
-				this.#z = !1, this.#un();
+				if (!this.#H) return;
+				this.#H = !1, this.#pn();
 			}
-			this.#dn();
+			this.#mn();
 		}
 	}
 	getPageImage(e) {
-		return this.#Cn(e);
+		return this.#Dn(e);
 	}
 	canFlipNext() {
-		return this.#J + 1 < this.#q.length;
+		return this.#Z + 1 < this.#X.length;
 	}
 	canFlipPrev() {
-		return this.#J > 0;
+		return this.#Z > 0;
 	}
 	getMaxZoom() {
-		return this.#te;
+		return this.#ie;
 	}
 	canSearch() {
 		return typeof this.#t.getText == "function";
@@ -682,7 +685,7 @@ var Y = class {
 	async print() {
 		let e = await this.getSourceFile(), t = this.#e.ownerDocument;
 		if (!e || !t) return !1;
-		let { url: n, revoke: r } = await this.#Ge(e, t), i = t.createElement("iframe");
+		let { url: n, revoke: r } = await this.#Je(e, t), i = t.createElement("iframe");
 		return i.style.cssText = "position:fixed;right:0;bottom:0;width:1px;height:1px;opacity:0;border:0;", i.setAttribute("aria-hidden", "true"), i.src = n, new Promise((e) => {
 			let a = !1, o = (t) => {
 				a || (a = !0, setTimeout(() => {
@@ -704,11 +707,11 @@ var Y = class {
 		return typeof this.#t.getOutline == "function";
 	}
 	getOutline() {
-		if (!this.#Ae) {
+		if (!this.#Ne) {
 			let e = this.#t.getOutline;
-			this.#Ae = typeof e == "function" ? Promise.resolve(e.call(this.#t)).catch(() => []) : Promise.resolve([]);
+			this.#Ne = typeof e == "function" ? Promise.resolve(e.call(this.#t)).catch(() => []) : Promise.resolve([]);
 		}
-		return this.#Ae;
+		return this.#Ne;
 	}
 	async getSourceFile() {
 		let e = this.#t.getDownload;
@@ -719,11 +722,11 @@ var Y = class {
 		if (!e) return !1;
 		let t = this.#e.ownerDocument;
 		if (!t) return !1;
-		let { url: n, revoke: r } = await this.#Ge(e, t), i = t.createElement("a");
+		let { url: n, revoke: r } = await this.#Je(e, t), i = t.createElement("a");
 		return i.href = n, i.download = e.filename, i.rel = "noopener", t.body.appendChild(i), i.click(), i.remove(), r && setTimeout(() => URL.revokeObjectURL(n), 1e4), !0;
 	}
-	async #Ge(e, t) {
-		if (e.revoke || !this.#Ke(e.url, t)) return {
+	async #Je(e, t) {
+		if (e.revoke || !this.#Ye(e.url, t)) return {
 			url: e.url,
 			revoke: e.revoke ?? !1
 		};
@@ -740,7 +743,7 @@ var Y = class {
 			};
 		}
 	}
-	#Ke(e, t) {
+	#Ye(e, t) {
 		let n = t.defaultView?.location?.href;
 		if (!n) return !1;
 		try {
@@ -773,79 +776,79 @@ var Y = class {
 		return a;
 	}
 	flipNext() {
-		this.#qe(1);
+		this.#Xe(1);
 	}
 	flipPrev() {
-		this.#qe(-1);
+		this.#Xe(-1);
 	}
-	#qe(e) {
-		this.#Je(() => this.#tt(this.#J + e));
+	#Xe(e) {
+		this.#Ze(() => this.#it(this.#Z + e));
 	}
 	flipTo(e) {
 		let t = X(e, 0, Math.max(0, this.#t.pageCount - 1));
-		this.#Je(() => this.#tt(this.#Tn(t)));
+		this.#Ze(() => this.#it(this.#kn(t)));
 	}
-	#Je(e) {
-		this.#i.state === "idle" ? e() : this.#ge ? (this.#he = null, this.#Ye(), e()) : this.#he = e;
+	#Ze(e) {
+		this.#i.state === "idle" ? e() : this.#ye ? (this.#ve = null, this.#Qe(), e()) : this.#ve = e;
 	}
-	#Ye() {
-		let e = this.#ge;
-		e && (this.#ge = null, this.#ue !== null && (cancelAnimationFrame(this.#ue), this.#ue = null), this.#se?.setFlipProgress(e.toT, e.direction), e.onDone());
+	#Qe() {
+		let e = this.#ye;
+		e && (this.#ye = null, this.#pe !== null && (cancelAnimationFrame(this.#pe), this.#pe = null), this.#ue?.setFlipProgress(e.toT, e.direction), e.onDone());
 	}
-	#Xe() {
-		let e = this.#he;
+	#$e() {
+		let e = this.#ve;
 		if (!e) {
-			this.#yn();
+			this.#Sn();
 			return;
 		}
-		this.#he = null, e();
+		this.#ve = null, e();
 	}
 	getZoom() {
-		return this.#ie;
+		return this.#se;
 	}
 	setZoom(e, t) {
-		if (!this.#se || !this.#Q) return;
-		this.#Et(), this.#kt();
-		let n = X(e, 1, this.#te), r = this.#se.measure(), i = r.screenAt?.(this.#ie), a = t ?? (i ? {
-			x: i.x + this.#ae + i.width / 2,
-			y: i.y + this.#oe + i.height / 2
+		if (!this.#ue || !this.#te) return;
+		this.#kt(), this.#Mt();
+		let n = X(e, 1, this.#ie), r = this.#ue.measure(), i = r.screenAt?.(this.#se), a = t ?? (i ? {
+			x: i.x + this.#ce + i.width / 2,
+			y: i.y + this.#le + i.height / 2
 		} : null) ?? {
 			x: r.containerWidth / 2,
 			y: r.containerHeight / 2
-		}, o = this.#ie, s = n === 1 ? 0 : a.x - n / o * (a.x - this.#ae), c = n === 1 ? 0 : a.y - n / o * (a.y - this.#oe);
-		[s, c] = this.#et(s, c, n, r.containerWidth, r.containerHeight), this.#ie = n, this.#ae = s, this.#oe = c, this.#se.setViewTransform(n, s, c), o > 1 != n > 1 && this.#$e(), this.#hn(), this.#yt(), o <= 1 && n > 1 && (this.#St("zoom"), this.#At()), this.#n.emit("zoomChanged", { scale: n });
+		}, o = this.#se, s = n === 1 ? 0 : a.x - n / o * (a.x - this.#ce), c = n === 1 ? 0 : a.y - n / o * (a.y - this.#le);
+		[s, c] = this.#rt(s, c, n, r.containerWidth, r.containerHeight), this.#se = n, this.#ce = s, this.#le = c, this.#ue.setViewTransform(n, s, c), o > 1 != n > 1 && this.#nt(), this.#vn(), this.#St(), o <= 1 && n > 1 && (this.#Tt("zoom"), this.#Nt()), this.#n.emit("zoomChanged", { scale: n });
 	}
 	resetZoom() {
 		this.setZoom(1);
 	}
 	get strings() {
-		return this.#f;
+		return this.#h;
 	}
 	isSoundEnabled() {
-		return this.#y;
+		return this.#S;
 	}
 	isSoundMuted() {
-		return this.#y && this.#S;
+		return this.#S && this.#T;
 	}
 	setSoundMuted(e) {
-		this.#y && (this.#S = e, this.#x?.setMuted(e), this.#C && this.#Qe(e), e || this.#Kt());
+		this.#S && (this.#T = e, this.#w?.setMuted(e), this.#E && this.#tt(e), e || this.#Yt());
 	}
-	#Ze() {
+	#et() {
 		try {
 			let e = localStorage.getItem(J);
-			(e === "true" || e === "false") && (this.#S = e === "true");
+			(e === "true" || e === "false") && (this.#T = e === "true");
 		} catch {}
 	}
-	#Qe(e) {
+	#tt(e) {
 		try {
 			localStorage.setItem(J, String(e));
 		} catch {}
 	}
-	#$e() {
-		this.#e.style.touchAction = this.#ie > 1 ? "none" : "pan-y";
+	#nt() {
+		this.#e.style.touchAction = this.#se > 1 ? "none" : "pan-y";
 	}
-	#et(e, t, n, r, i) {
-		let a = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, o = (e) => Math.round(e * a) / a || 0, s = this.#se?.measure().screenAt?.(n) ?? {
+	#rt(e, t, n, r, i) {
+		let a = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, o = (e) => Math.round(e * a) / a || 0, s = this.#ue?.measure().screenAt?.(n) ?? {
 			x: 0,
 			y: 0,
 			width: r * n,
@@ -857,32 +860,32 @@ var Y = class {
 		return this.#n.on(e, t);
 	}
 	destroy() {
-		this.#le = !0, this.#ue !== null && cancelAnimationFrame(this.#ue), this.#ge = null, this.#he = null, this.#It(), this.#wt(), this.#Et(), this.#kt(), this.#Ft(), this.#Mt(), this.#x?.destroy(), this.#x = null, this.#ne?.disconnect(), this.#G?.stop(), this.#G = null, this.#K?.(), this.#U && x(), this.#Ne?.(), this.#Fe?.(), this.#Zt(), this.#ke?.(), this.#we?.(), this.#Ee?.(), this.#Te?.(), this.#g?.(), this.#Ce?.(), this.#Ue !== null && clearTimeout(this.#Ue), this.#He++, this.#se?.destroy(), this.#se = null, this.#t.destroy(), this.#n.clear();
+		this.#fe = !0, this.#pe !== null && cancelAnimationFrame(this.#pe), this.#ye = null, this.#ve = null, this.#zt(), this.#Dt(), this.#kt(), this.#Mt(), this.#Rt(), this.#Ft(), this.#w?.destroy(), this.#w = null, this.#ae?.disconnect(), this.#J?.stop(), this.#J = null, this.#Y?.(), this.#K && x(), this.#Ie?.(), this.#Re?.(), this.#en(), this.#Me?.(), this.#De?.(), this.#ke?.(), this.#Oe?.(), this.#y?.(), this.#Ee?.(), this.#Ke !== null && clearTimeout(this.#Ke), this.#Ge++, this.#ue?.destroy(), this.#ue = null, this.#t.destroy(), this.#n.clear();
 	}
-	#tt(e) {
-		if (e < 0 || e >= this.#q.length || e === this.#J || (this.#Et(), this.#kt(), this.#i.send("flip") === null)) return;
-		let t = e > this.#J ? "forward" : "backward", n = this.#ot(e);
+	#it(e) {
+		if (e < 0 || e >= this.#X.length || e === this.#Z || (this.#kt(), this.#Mt(), this.#i.send("flip") === null)) return;
+		let t = e > this.#Z ? "forward" : "backward", n = this.#lt(e);
 		this.#n.emit("flipStart", {
-			from: this.#Y,
+			from: this.#Q,
 			to: n
-		}), this.#qt(), this.#nt(e, t, n, ++this.#_e);
+		}), this.#Xt(), this.#at(e, t, n, ++this.#be);
 	}
-	async #nt(e, t, n, r) {
-		let i = this.#q[e], a = i ? await this.#Sn(i) : {
+	async #at(e, t, n, r) {
+		let i = this.#X[e], a = i ? await this.#Tn(i) : {
 			left: null,
 			right: null
 		};
-		r === this.#_e && (this.#se?.beginFlip(this.#X, a, t, {
-			fill: this.#L,
+		r === this.#be && (this.#ue?.beginFlip(this.#$, a, t, {
+			fill: this.#B,
 			fit: this.#d,
-			curl: this.#sn(),
+			curl: this.#un(),
 			anchor: { y: this.#l }
-		}), this.#rt(0, 1, t, () => this.#at(e, n, a), () => this.#it(n)));
+		}), this.#ot(0, 1, t, () => this.#ct(e, n, a), () => this.#st(n)));
 	}
-	#rt(e, t, n, r, i) {
-		let a = this.#on() * Math.abs(t - e);
+	#ot(e, t, n, r, i) {
+		let a = this.#ln() * Math.abs(t - e);
 		if (a <= 0) {
-			this.#se?.setFlipProgress(t, n), r();
+			this.#ue?.setFlipProgress(t, n), r();
 			return;
 		}
 		let o = {
@@ -890,60 +893,60 @@ var Y = class {
 			direction: n,
 			onDone: r
 		};
-		this.#ge = o;
+		this.#ye = o;
 		let s = performance.now(), c = !1, l = (u) => {
-			if (this.#ge !== o) return;
+			if (this.#ye !== o) return;
 			let d = Math.min(1, (u - s) / a), f = de(d);
-			i && !c && f >= (this.#L ? U : H) && (c = !0, i()), d < 1 ? (this.#se?.setFlipProgress(e + (t - e) * f, n), this.#ue = requestAnimationFrame(l)) : (this.#se?.setFlipProgress(t, n), this.#ue = null, this.#ge = null, r());
+			i && !c && f >= (this.#B ? U : H) && (c = !0, i()), d < 1 ? (this.#ue?.setFlipProgress(e + (t - e) * f, n), this.#pe = requestAnimationFrame(l)) : (this.#ue?.setFlipProgress(t, n), this.#pe = null, this.#ye = null, r());
 		};
-		this.#ue = requestAnimationFrame(l);
+		this.#pe = requestAnimationFrame(l);
 	}
-	#it(e) {
-		this.#Y !== e && (this.#Y = e, this.#an(), this.#n.emit("pageChanged", { page: e }));
+	#st(e) {
+		this.#Q !== e && (this.#Q = e, this.#cn(), this.#n.emit("pageChanged", { page: e }));
 	}
-	#at(e, t, n) {
-		let r = this.#q[e];
-		this.#J = e, this.#X = n, r && this.#fn(r, n), this.#wn(), this.#i.send("settle"), this.#Oe = performance.now(), this.#it(t), this.#St("turn"), this.#yt(), this.#n.emit("flipEnd", { page: t }), this.#Xe();
+	#ct(e, t, n) {
+		let r = this.#X[e];
+		this.#Z = e, this.#$ = n, r && this.#hn(r, n), this.#On(), this.#i.send("settle"), this.#je = performance.now(), this.#st(t), this.#Tt("turn"), this.#St(), this.#n.emit("flipEnd", { page: t }), this.#$e();
 	}
-	#ot(e) {
-		let t = this.#q[e];
-		if (!t) return this.#Y;
+	#lt(e) {
+		let t = this.#X[e];
+		if (!t) return this.#Q;
 		let n = [t.left, t.right].filter((e) => e !== null);
-		return n.length > 0 ? Math.min(...n) : this.#Y;
+		return n.length > 0 ? Math.min(...n) : this.#Q;
 	}
-	#st(e, t) {
-		if (this.#ye || !this.#se) return;
-		if (this.#kt(), this.#It(), this.#ie > 1) {
+	#ut(e, t) {
+		if (this.#Se || !this.#ue) return;
+		if (this.#Mt(), this.#zt(), this.#se > 1) {
 			if (this.#i.send("panStart") === null) return;
-			this.#ve = {
-				baseTx: this.#ae,
-				baseTy: this.#oe
+			this.#xe = {
+				baseTx: this.#ce,
+				baseTy: this.#le
 			};
 			return;
 		}
-		let n = this.#mt(), r = this.#ht(e, t);
-		this.#pe = r;
+		let n = this.#_t(), r = this.#vt(e, t);
+		this.#ge = r;
 		let i = Math.min(n.width, n.height) * A, a = r.x >= 0 && r.x <= n.width && r.y >= 0 && r.y <= n.height, o = r.x <= i || r.x >= n.width - i, s = a && o;
 		if (this.#i.state !== "idle") {
-			if (!this.#ge || !s) {
-				this.#fe = null;
+			if (!this.#ye || !s) {
+				this.#he = null;
 				return;
 			}
-			this.#Ye();
+			this.#Qe();
 		}
 		if (!s) return;
 		this.#l = X(r.y / n.height, 0, 1);
-		let c = r.x > n.width / 2, l = this.#a === "rtl" ? !c : c, u = this.#J + (l ? 1 : -1);
-		u < 0 || u >= this.#q.length || (this.#fe = {
+		let c = r.x > n.width / 2, l = this.#a === "rtl" ? !c : c, u = this.#Z + (l ? 1 : -1);
+		u < 0 || u >= this.#X.length || (this.#he = {
 			direction: l ? "forward" : "backward",
 			targetIndex: u,
-			toPage: this.#ot(u),
+			toPage: this.#lt(u),
 			width: n.width
 		});
 	}
-	#ct() {
-		let e = this.#fe;
-		e && (this.#fe = null, this.#i.send("grab") !== null && (this.#de = {
+	#dt() {
+		let e = this.#he;
+		e && (this.#he = null, this.#i.send("grab") !== null && (this.#me = {
 			direction: e.direction,
 			targetIndex: e.targetIndex,
 			toPage: e.toPage,
@@ -954,76 +957,76 @@ var Y = class {
 			width: e.width,
 			t: 0
 		}, this.#n.emit("flipStart", {
-			from: this.#Y,
+			from: this.#Q,
 			to: e.toPage
-		}), this.#lt(e.targetIndex, e.direction)));
+		}), this.#ft(e.targetIndex, e.direction)));
 	}
-	async #lt(e, t) {
-		let n = this.#q[e], r = n ? await this.#Sn(n) : {
+	async #ft(e, t) {
+		let n = this.#X[e], r = n ? await this.#Tn(n) : {
 			left: null,
 			right: null
 		};
-		this.#de?.targetIndex === e && (this.#de.toContent = r, this.#se?.beginFlip(this.#X, r, t, {
-			fill: this.#L,
+		this.#me?.targetIndex === e && (this.#me.toContent = r, this.#ue?.beginFlip(this.#$, r, t, {
+			fill: this.#B,
 			fit: this.#d,
-			curl: this.#sn(),
+			curl: this.#un(),
 			anchor: { y: this.#l }
-		}), this.#se?.setFlipProgress(this.#de.t, t));
-	}
-	#ut(e, t) {
-		if (this.#ye) return;
-		if (this.#ve) {
-			if (!this.#se) return;
-			let n = this.#se.measure(), [r, i] = this.#et(this.#ve.baseTx + e, this.#ve.baseTy + t, this.#ie, n.containerWidth, n.containerHeight);
-			this.#ae = r, this.#oe = i, this.#se.setViewTransform(this.#ie, r, i), this.#hn(), this.#St("pan"), this.#Mt();
+		}), this.#ue?.setFlipProgress(this.#me.t, t));
+	}
+	#pt(e, t) {
+		if (this.#Se) return;
+		if (this.#xe) {
+			if (!this.#ue) return;
+			let n = this.#ue.measure(), [r, i] = this.#rt(this.#xe.baseTx + e, this.#xe.baseTy + t, this.#se, n.containerWidth, n.containerHeight);
+			this.#ce = r, this.#le = i, this.#ue.setViewTransform(this.#se, r, i), this.#vn(), this.#Tt("pan"), this.#Ft();
 			return;
 		}
-		this.#fe && Math.hypot(e, t) > M && this.#ct();
-		let n = this.#de;
-		n && (n.t = X((n.direction === "forward" ? -e : e) / n.width, 0, 1), this.#se?.setFlipProgress(n.t, n.direction));
-	}
-	#dt(e) {
-		if (this.#ye) return;
-		if (this.#ve) {
-			this.#ve = null, this.#i.send("panEnd"), this.#yt();
+		this.#he && Math.hypot(e, t) > M && this.#dt();
+		let n = this.#me;
+		n && (n.t = X((n.direction === "forward" ? -e : e) / n.width, 0, 1), this.#ue?.setFlipProgress(n.t, n.direction));
+	}
+	#mt(e) {
+		if (this.#Se) return;
+		if (this.#xe) {
+			this.#xe = null, this.#i.send("panEnd"), this.#St();
 			return;
 		}
-		let t = this.#de;
+		let t = this.#me;
 		if (!t) {
-			this.#fe = null, this.#ft(e) || this.#pt(e);
+			this.#he = null, this.#ht(e) || this.#gt(e);
 			return;
 		}
-		this.#de = null, this.#i.send("release");
+		this.#me = null, this.#i.send("release");
 		let n = e.swipe && Math.abs(e.vx) > Math.abs(e.vy), r = t.direction === "forward" ? e.vx < 0 : e.vx > 0, i = n && r, a = n && !r;
-		i || t.t >= .5 && !a ? (this.#qt(), this.#rt(t.t, 1, t.direction, () => this.#at(t.targetIndex, t.toPage, t.toContent), () => this.#it(t.toPage))) : this.#rt(t.t, 0, t.direction, () => this.#Lt());
+		i || t.t >= .5 && !a ? (this.#Xt(), this.#ot(t.t, 1, t.direction, () => this.#ct(t.targetIndex, t.toPage, t.toContent), () => this.#st(t.toPage))) : this.#ot(t.t, 0, t.direction, () => this.#Bt());
 	}
-	#ft(e) {
-		if (this.#ie > 1 || !e.swipe || Math.abs(e.dx) <= Math.abs(e.dy)) return !1;
+	#ht(e) {
+		if (this.#se > 1 || !e.swipe || Math.abs(e.dx) <= Math.abs(e.dy)) return !1;
 		let t = this.#a === "rtl" ? e.dx > 0 : e.dx < 0, n = t ? "forward" : "backward";
-		if (!this.#_t(n)) return this.#Ot(n), !1;
+		if (!this.#bt(n)) return this.#jt(n), !1;
 		let r = t ? 1 : -1;
-		return this.#Je(() => this.#tt(this.#J + r)), !0;
+		return this.#Ze(() => this.#it(this.#Z + r)), !0;
 	}
-	#pt(e) {
-		if (this.#u === "off" || this.#ie > 1 || !this.#pe || Math.abs(e.dx) > M || Math.abs(e.dy) > M) return;
-		let t = this.#gt(this.#pe);
+	#gt(e) {
+		if (this.#u === "off" || this.#se > 1 || !this.#ge || Math.abs(e.dx) > M || Math.abs(e.dy) > M) return;
+		let t = this.#yt(this.#ge);
 		if (!t) return;
-		if (!this.#_t(t)) {
-			this.#Ot(t);
+		if (!this.#bt(t)) {
+			this.#jt(t);
 			return;
 		}
-		this.#l = X(this.#pe.y / this.#mt().height, 0, 1);
-		let n = t === "forward" ? 1 : -1, r = () => this.#tt(this.#J + n);
-		if (this.#It(), this.#F <= 0) {
-			this.#Je(r);
+		this.#l = X(this.#ge.y / this.#_t().height, 0, 1);
+		let n = t === "forward" ? 1 : -1, r = () => this.#it(this.#Z + n);
+		if (this.#zt(), this.#R <= 0) {
+			this.#Ze(r);
 			return;
 		}
-		this.#me = setTimeout(() => {
-			this.#me = null, this.#Je(r);
-		}, this.#F);
+		this.#_e = setTimeout(() => {
+			this.#_e = null, this.#Ze(r);
+		}, this.#R);
 	}
-	#mt() {
-		let e = this.#se.measure();
+	#_t() {
+		let e = this.#ue.measure();
 		return e.content ?? e.book ?? {
 			x: 0,
 			y: 0,
@@ -1031,365 +1034,365 @@ var Y = class {
 			height: e.containerHeight
 		};
 	}
-	#ht(e, t) {
-		let n = this.#e.getBoundingClientRect(), r = this.#mt();
+	#vt(e, t) {
+		let n = this.#e.getBoundingClientRect(), r = this.#_t();
 		return {
 			x: e - n.left - r.x,
 			y: t - n.top - r.y
 		};
 	}
-	#gt(e) {
-		if (!this.#se) return null;
-		let t = this.#mt().width, n;
-		if (n = this.#u === "half" ? e.x > t / 2 ? "right" : "left" : e.x <= this.#p ? "left" : e.x >= t - this.#p ? "right" : null, !n) return null;
+	#yt(e) {
+		if (!this.#ue) return null;
+		let t = this.#_t().width, n;
+		if (n = this.#u === "half" ? e.x > t / 2 ? "right" : "left" : e.x <= this.#g ? "left" : e.x >= t - this.#g ? "right" : null, !n) return null;
 		let r = this.#a === "rtl" ? "left" : "right";
 		return n === r ? "forward" : "backward";
 	}
-	#_t(e) {
-		let t = this.#J + (e === "forward" ? 1 : -1);
-		return t >= 0 && t < this.#q.length;
+	#bt(e) {
+		let t = this.#Z + (e === "forward" ? 1 : -1);
+		return t >= 0 && t < this.#X.length;
 	}
-	#vt() {
+	#xt() {
 		let e = (e) => {
 			let t = e;
-			this.#h = {
+			this.#v = {
 				x: t.clientX,
 				y: t.clientY
-			}, this.#yt();
+			}, this.#St();
 		}, t = () => {
-			this.#h = null, this.#yt();
+			this.#v = null, this.#St();
 		};
-		this.#e.addEventListener("pointermove", e), this.#e.addEventListener("pointerleave", t), this.#g = () => {
+		this.#e.addEventListener("pointermove", e), this.#e.addEventListener("pointerleave", t), this.#y = () => {
 			this.#e.removeEventListener("pointermove", e), this.#e.removeEventListener("pointerleave", t);
 		};
 	}
-	#yt() {
-		if (!this.#m || !this.#se) return;
+	#St() {
+		if (!this.#_ || !this.#ue) return;
 		let e = "";
-		this.#de || this.#ve ? e = "grabbing" : this.#h && (e = this.#bt(this.#h.x, this.#h.y)), this.#e.style.cursor = e;
+		this.#me || this.#xe ? e = "grabbing" : this.#v && (e = this.#Ct(this.#v.x, this.#v.y)), this.#e.style.cursor = e;
 	}
-	#bt(e, t) {
-		if (!this.#se) return "";
-		let n = this.#mt(), r = this.#ht(e, t);
+	#Ct(e, t) {
+		if (!this.#ue) return "";
+		let n = this.#_t(), r = this.#vt(e, t);
 		if (r.x < 0 || r.y < 0 || r.x > n.width || r.y > n.height) return "";
-		if (this.#ie > 1) return "grab";
-		let i = this.#gt(r);
-		return i && this.#_t(i) ? "pointer" : this.#Q && this.#ee !== null ? "zoom-in" : "";
+		if (this.#se > 1) return "grab";
+		let i = this.#yt(r);
+		return i && this.#bt(i) ? "pointer" : this.#te && this.#re !== null ? "zoom-in" : "";
 	}
-	#xt() {
+	#wt() {
 		try {
 			let e = localStorage.getItem(q);
 			if (!e) return;
 			let t = JSON.parse(e);
-			this.#T = {
+			this.#O = {
 				turn: t.turn === !0,
 				zoom: t.zoom === !0,
 				pan: t.pan === !0
 			};
 		} catch {}
 	}
-	#St(e) {
-		if (!this.#T[e] && (this.#T[e] = !0, e === "turn" && this.#wt(), e === "zoom" && this.#Ft(), this.#v)) try {
-			localStorage.setItem(q, JSON.stringify(this.#T));
+	#Tt(e) {
+		if (!this.#O[e] && (this.#O[e] = !0, e === "turn" && this.#Dt(), e === "zoom" && this.#Rt(), this.#x)) try {
+			localStorage.setItem(q, JSON.stringify(this.#O));
 		} catch {}
 	}
-	#Ct() {
-		!this.#_ || this.#xe || this.#T.turn || (this.#wt(), this.#E = setTimeout(() => {
-			this.#E = null, this.#Tt();
+	#Et() {
+		!this.#b || this.#we || this.#O.turn || (this.#Dt(), this.#k = setTimeout(() => {
+			this.#k = null, this.#Ot();
 		}, ce));
 	}
-	#wt() {
-		this.#E !== null && (clearTimeout(this.#E), this.#E = null);
+	#Dt() {
+		this.#k !== null && (clearTimeout(this.#k), this.#k = null);
 	}
-	async #Tt() {
-		if (!this.#_ || this.#xe || this.#T.turn || !this.#se || typeof requestAnimationFrame != "function" || this.#i.state !== "idle") return;
-		let e = this.#J + 1, t = this.#q[e];
+	async #Ot() {
+		if (!this.#b || this.#we || this.#O.turn || !this.#ue || typeof requestAnimationFrame != "function" || this.#i.state !== "idle") return;
+		let e = this.#Z + 1, t = this.#X[e];
 		if (!t) return;
-		let n = await this.#Sn(t);
-		if (this.#le || this.#T.turn || this.#i.state !== "idle" || this.#D) return;
-		this.#l = 1, this.#se.beginFlip(this.#X, n, "forward", {
-			fill: this.#L,
+		let n = await this.#Tn(t);
+		if (this.#fe || this.#O.turn || this.#i.state !== "idle" || this.#A) return;
+		this.#l = 1, this.#ue.beginFlip(this.#$, n, "forward", {
+			fill: this.#B,
 			fit: this.#d,
-			curl: this.#sn(),
+			curl: this.#un(),
 			anchor: { y: this.#l }
 		});
 		let r = {};
-		this.#D = r;
+		this.#A = r;
 		let i = performance.now(), a = G * 2, o = () => {
-			if (this.#D !== r) return;
+			if (this.#A !== r) return;
 			let e = Math.min(1, (performance.now() - i) / a), t = W * Math.sin(e * Math.PI);
-			this.#se?.setFlipProgress(Math.max(0, t), "forward"), e < 1 ? this.#ue = requestAnimationFrame(o) : (this.#ue = null, this.#D = null, this.#Dt());
+			this.#ue?.setFlipProgress(Math.max(0, t), "forward"), e < 1 ? this.#pe = requestAnimationFrame(o) : (this.#pe = null, this.#A = null, this.#At());
 		};
-		this.#ue = requestAnimationFrame(o);
+		this.#pe = requestAnimationFrame(o);
 	}
-	#Et() {
-		this.#D && (this.#D = null, this.#ue !== null && (cancelAnimationFrame(this.#ue), this.#ue = null), this.#Dt());
+	#kt() {
+		this.#A && (this.#A = null, this.#pe !== null && (cancelAnimationFrame(this.#pe), this.#pe = null), this.#At());
 	}
-	#Dt() {
-		let e = this.#q[this.#J];
-		e && this.#i.state === "idle" && this.#fn(e, this.#X);
+	#At() {
+		let e = this.#X[this.#Z];
+		e && this.#i.state === "idle" && this.#hn(e, this.#$);
 	}
-	#Ot(e) {
-		if (!this.#se || typeof requestAnimationFrame != "function" || this.#xe || this.#i.state !== "idle" || this.#ie > 1 || this.#O) return;
+	#jt(e) {
+		if (!this.#ue || typeof requestAnimationFrame != "function" || this.#we || this.#i.state !== "idle" || this.#se > 1 || this.#j) return;
 		let t = e === "forward", n = (this.#a === "rtl" ? !t : t) ? -1 : 1, r = {};
-		this.#O = r;
+		this.#j = r;
 		let i = performance.now(), a = () => {
-			if (this.#O !== r) return;
+			if (this.#j !== r) return;
 			let e = Math.min(1, (performance.now() - i) / K), t = se * Math.sin(e * Math.PI);
-			this.#se?.setViewTransform(1, n * t, 0), e < 1 ? this.#ue = requestAnimationFrame(a) : (this.#ue = null, this.#O = null, this.#se?.setViewTransform(1, 0, 0));
+			this.#ue?.setViewTransform(1, n * t, 0), e < 1 ? this.#pe = requestAnimationFrame(a) : (this.#pe = null, this.#j = null, this.#ue?.setViewTransform(1, 0, 0));
 		};
-		this.#ue = requestAnimationFrame(a);
+		this.#pe = requestAnimationFrame(a);
 	}
-	#kt() {
-		this.#O && (this.#O = null, this.#ue !== null && (cancelAnimationFrame(this.#ue), this.#ue = null), this.#se?.setViewTransform(1, 0, 0));
+	#Mt() {
+		this.#j && (this.#j = null, this.#pe !== null && (cancelAnimationFrame(this.#pe), this.#pe = null), this.#ue?.setViewTransform(1, 0, 0));
 	}
-	#At() {
-		this.#T.pan || this.#jt(this.#f.panHint);
+	#Nt() {
+		this.#O.pan || this.#Pt(this.#h.panHint);
 	}
-	#jt(e) {
-		if (!this.#_) return;
+	#Pt(e) {
+		if (!this.#b) return;
 		let t = this.#e.ownerDocument;
 		if (!t || typeof this.#e.appendChild != "function") return;
-		this.#Mt();
+		this.#Ft();
 		let n = t.createElement("div");
 		n.className = "zine-hint-caption", n.setAttribute("aria-hidden", "true"), n.textContent = e, n.style.cssText = "position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:3;pointer-events:none;padding:6px 12px;border-radius:999px;font:500 13px/1.2 system-ui,sans-serif;color:#fff;background:rgba(24,24,27,0.82);box-shadow:0 1px 4px rgba(0,0,0,0.35);white-space:nowrap;opacity:0;";
-		let r = !this.#xe && typeof requestAnimationFrame == "function";
-		r && (n.style.transition = "opacity 200ms ease"), this.#e.appendChild(n), this.#k = n, r ? requestAnimationFrame(() => {
-			this.#k === n && (n.style.opacity = "1");
-		}) : n.style.opacity = "1", this.#A = setTimeout(() => this.#Mt(), le);
+		let r = !this.#we && typeof requestAnimationFrame == "function";
+		r && (n.style.transition = "opacity 200ms ease"), this.#e.appendChild(n), this.#M = n, r ? requestAnimationFrame(() => {
+			this.#M === n && (n.style.opacity = "1");
+		}) : n.style.opacity = "1", this.#N = setTimeout(() => this.#Ft(), le);
 	}
-	#Mt() {
-		this.#A !== null && (clearTimeout(this.#A), this.#A = null), this.#k?.remove(), this.#k = null;
+	#Ft() {
+		this.#N !== null && (clearTimeout(this.#N), this.#N = null), this.#M?.remove(), this.#M = null;
 	}
-	#Nt(e, t) {
-		!this.#_ || this.#T.zoom || this.#M || this.#N === "mouse" && this.#bt(e, t) === "zoom-in" && (this.#i.state === "animating" || performance.now() - this.#Oe <= F || (this.#Ft(), this.#j = setTimeout(() => {
-			this.#j = null, !(this.#T.zoom || this.#M) && (this.#M = !0, this.#jt(this.#Pt()));
+	#It(e, t) {
+		!this.#b || this.#O.zoom || this.#F || this.#I === "mouse" && this.#Ct(e, t) === "zoom-in" && (this.#i.state === "animating" || performance.now() - this.#je <= F || (this.#Rt(), this.#P = setTimeout(() => {
+			this.#P = null, !(this.#O.zoom || this.#F) && (this.#F = !0, this.#Pt(this.#Lt()));
 		}, N)));
 	}
-	#Pt() {
+	#Lt() {
 		let e = this.#e.ownerDocument?.defaultView?.navigator, t = /Mac|iPhone|iPad/.test(e?.platform ?? "");
-		return this.#f.zoomHint({
-			doubleClick: this.#ee !== null,
-			wheel: this.#$,
+		return this.#h.zoomHint({
+			doubleClick: this.#re !== null,
+			wheel: this.#ne,
 			mac: t
 		});
 	}
-	#Ft() {
-		this.#j !== null && (clearTimeout(this.#j), this.#j = null);
+	#Rt() {
+		this.#P !== null && (clearTimeout(this.#P), this.#P = null);
 	}
-	#It() {
-		this.#me !== null && (clearTimeout(this.#me), this.#me = null);
+	#zt() {
+		this.#_e !== null && (clearTimeout(this.#_e), this.#_e = null);
 	}
-	#Lt() {
-		let e = this.#q[this.#J];
-		e && this.#fn(e, this.#X), this.#i.send("settle"), this.#yt(), this.#n.emit("flipEnd", { page: this.#Y }), this.#Xe();
+	#Bt() {
+		let e = this.#X[this.#Z];
+		e && this.#hn(e, this.#$), this.#i.send("settle"), this.#St(), this.#n.emit("flipEnd", { page: this.#Q }), this.#$e();
 	}
-	#Rt() {
-		if (this.#fe = null, this.#It(), this.#de) {
-			this.#de = null, this.#i.send("release"), this.#i.send("settle");
-			let e = this.#q[this.#J];
-			e && this.#fn(e, this.#X);
-		} else this.#ve && (this.#ve = null, this.#i.send("panEnd"));
-		this.#ye = !0, this.#be = this.#ie;
-	}
-	#zt(e, t, n) {
-		if (!this.#ye) return;
+	#Vt() {
+		if (this.#he = null, this.#zt(), this.#me) {
+			this.#me = null, this.#i.send("release"), this.#i.send("settle");
+			let e = this.#X[this.#Z];
+			e && this.#hn(e, this.#$);
+		} else this.#xe && (this.#xe = null, this.#i.send("panEnd"));
+		this.#Se = !0, this.#Ce = this.#se;
+	}
+	#Ht(e, t, n) {
+		if (!this.#Se) return;
 		let r = this.#e.getBoundingClientRect();
-		this.setZoom(this.#be * n, {
+		this.setZoom(this.#Ce * n, {
 			x: e - r.left,
 			y: t - r.top
 		});
 	}
-	#Bt() {
-		this.#ye = !1;
+	#Ut() {
+		this.#Se = !1;
 	}
-	#Vt() {
-		if (!this.#W) return;
+	#Wt() {
+		if (!this.#q) return;
 		let e = (e) => e.preventDefault();
-		this.#e.addEventListener("contextmenu", e), this.#Te = () => this.#e.removeEventListener("contextmenu", e);
+		this.#e.addEventListener("contextmenu", e), this.#Oe = () => this.#e.removeEventListener("contextmenu", e);
 	}
-	#Ht() {
+	#Gt() {
 		let e = (e) => {
-			if (!this.#$ || !this.#Q || !(e.ctrlKey || e.metaKey)) return;
+			if (!this.#ne || !this.#te || !(e.ctrlKey || e.metaKey)) return;
 			e.preventDefault();
 			let t = this.#e.getBoundingClientRect(), n = Math.exp(-e.deltaY * j);
-			this.setZoom(this.#ie * n, {
+			this.setZoom(this.#se * n, {
 				x: e.clientX - t.left,
 				y: e.clientY - t.top
 			});
 		};
-		this.#e.addEventListener("wheel", e, { passive: !1 }), this.#we = () => this.#e.removeEventListener("wheel", e);
+		this.#e.addEventListener("wheel", e, { passive: !1 }), this.#De = () => this.#e.removeEventListener("wheel", e);
 	}
-	#Ut() {
+	#Kt() {
 		let e = (e) => {
-			this.#N = e.pointerType;
+			this.#I = e.pointerType;
 		}, t = (e) => {
-			let t = this.#ee;
-			if (!this.#Q || t === null || !this.#se) return;
-			let n = performance.now(), r = this.#De;
+			let t = this.#re;
+			if (!this.#te || t === null || !this.#ue) return;
+			let n = performance.now(), r = this.#Ae;
 			if (!(r !== null && n - r.t <= N && Math.hypot(e.clientX - r.x, e.clientY - r.y) <= P)) {
-				this.#De = {
+				this.#Ae = {
 					t: n,
 					x: e.clientX,
 					y: e.clientY
-				}, this.#Nt(e.clientX, e.clientY);
+				}, this.#It(e.clientX, e.clientY);
 				return;
 			}
-			this.#De = null, this.#Ft(), this.#Wt(e.clientX, e.clientY, t);
+			this.#Ae = null, this.#Rt(), this.#qt(e.clientX, e.clientY, t);
 		};
-		this.#e.addEventListener("pointerdown", e), this.#e.addEventListener("click", t), this.#Ee = () => {
+		this.#e.addEventListener("pointerdown", e), this.#e.addEventListener("click", t), this.#ke = () => {
 			this.#e.removeEventListener("pointerdown", e), this.#e.removeEventListener("click", t);
 		};
 	}
-	#Wt(e, t, n) {
-		if (this.#ie <= 1 && this.#u !== "off" && !this.#P) {
-			let n = this.#ht(e, t), r = this.#gt(n);
-			if (r !== null && this.#_t(r) || this.#i.state === "animating" || performance.now() - this.#Oe <= F) return;
+	#qt(e, t, n) {
+		if (this.#se <= 1 && this.#u !== "off" && !this.#L) {
+			let n = this.#vt(e, t), r = this.#yt(n);
+			if (r !== null && this.#bt(r) || this.#i.state === "animating" || performance.now() - this.#je <= F) return;
 		}
-		this.#It();
-		let r = n.find((e) => e > this.#ie + 1e-6) ?? n[0] ?? this.#ie, i = this.#e.getBoundingClientRect();
+		this.#zt();
+		let r = n.find((e) => e > this.#se + 1e-6) ?? n[0] ?? this.#se, i = this.#e.getBoundingClientRect();
 		this.setZoom(r, {
 			x: e - i.left,
 			y: t - i.top
 		});
 	}
-	async #Gt(e) {
+	async #Jt(e) {
 		let t = O(e);
-		if (this.#t.onProgress?.((e) => this.#Jt(e)), typeof this.#t.open == "function") {
-			this.#Yt();
+		if (this.#t.onProgress?.((e) => this.#Zt(e)), typeof this.#t.open == "function") {
+			this.#Qt();
 			try {
-				await this.#t.open(), this.#En();
+				await this.#t.open(), this.#An();
 			} catch (e) {
-				throw this.#Zt(), e;
+				throw this.#en(), e;
 			}
-			this.#Xt("preparing");
+			this.#$t("preparing");
 		}
-		this.#t.prefetch([this.#Y]);
-		let n = await t, r = await this.#Qt(n);
-		this.#se = r, this.#t.onPageUpdate?.((e) => this.#mn(e)), this.#ln(r.measure().containerWidth);
+		this.#t.prefetch([this.#Q]);
+		let n = await t, r = await this.#tn(n);
+		this.#ue = r, this.#t.onPageUpdate?.((e) => this.#_n(e)), this.#fn(r.measure().containerWidth);
 		let i = new m({
-			onStart: (e) => this.#st(e.x, e.y),
-			onMove: (e) => this.#ut(e.dx, e.dy),
-			onEnd: (e) => this.#dt(e)
+			onStart: (e) => this.#ut(e.x, e.y),
+			onMove: (e) => this.#pt(e.dx, e.dy),
+			onEnd: (e) => this.#mt(e)
 		}), a = new _({
-			onPinchStart: () => this.#Rt(),
-			onPinchMove: (e) => this.#zt(e.centerX, e.centerY, e.scale),
-			onPinchEnd: () => this.#Bt()
+			onPinchStart: () => this.#Vt(),
+			onPinchMove: (e) => this.#Ht(e.centerX, e.centerY, e.scale),
+			onPinchEnd: () => this.#Ut()
 		});
-		this.#Ce = h(this.#e, {
+		this.#Ee = h(this.#e, {
 			pointer: i,
 			pinch: a
-		}), this.#$e(), this.#Ht(), this.#Ut(), this.#Vt(), this.#vt(), this.#en(), this.#ke = this.#rn(), await this.#dn(), this.#Zt(), this.#bn(), this.#wn(), this.#an(), this.#nn(), await this.#tn(), this.#Kt(), this.#n.emit("ready"), this.#Tt(), this.#Ct();
+		}), this.#nt(), this.#Gt(), this.#Kt(), this.#Wt(), this.#xt(), this.#rn(), this.#Me = this.#on(), await this.#mn(), this.#en(), this.#Cn(), this.#On(), this.#cn(), this.#an(), await this.#in(), this.#Yt(), this.#n.emit("ready"), this.#Ot(), this.#Et();
 	}
-	async #Kt() {
-		if (!(!this.#y || this.#S || this.#w || this.#le)) {
-			this.#w = !0;
+	async #Yt() {
+		if (!(!this.#S || this.#T || this.#D || this.#fe)) {
+			this.#D = !0;
 			try {
 				let { FlipSound: e } = await import("./flipSound-BFXSkWBo.js");
-				if (this.#le) return;
-				this.#x = new e(this.#b), this.#x.setMuted(this.#S);
+				if (this.#fe) return;
+				this.#w = new e(this.#C), this.#w.setMuted(this.#T);
 			} catch {}
 		}
 	}
-	#qt() {
-		this.#x?.play();
+	#Xt() {
+		this.#w?.play();
 	}
-	#Jt(e) {
-		this.#ze = e, this.#n.emit("progress", e), this.#Re?.update(e);
+	#Zt(e) {
+		this.#He = e, this.#n.emit("progress", e), this.#Ve?.update(e);
 	}
-	async #Yt() {
-		if (this.#Le === !1 || this.#le) return;
+	async #Qt() {
+		if (this.#Be === !1 || this.#fe) return;
 		let e = this.#e;
 		if (!(!e.ownerDocument || typeof e.appendChild != "function")) try {
 			let { mountLoading: t } = await import("./loading-BgbqJz5k.js");
-			if (this.#Be === "done" || this.#le) return;
-			this.#Re = t(e, this.#f), this.#ze && this.#Re.update(this.#ze), this.#Be === "preparing" && this.#Re.preparing();
+			if (this.#Ue === "done" || this.#fe) return;
+			this.#Ve = t(e, this.#h), this.#He && this.#Ve.update(this.#He), this.#Ue === "preparing" && this.#Ve.preparing();
 		} catch {}
 	}
-	#Xt(e) {
-		this.#Be !== "done" && (this.#Be = e, this.#Re?.preparing());
+	#$t(e) {
+		this.#Ue !== "done" && (this.#Ue = e, this.#Ve?.preparing());
 	}
-	#Zt() {
-		this.#Be = "done", this.#Re?.destroy(), this.#Re = null;
+	#en() {
+		this.#Ue = "done", this.#Ve?.destroy(), this.#Ve = null;
 	}
-	async #Qt(e) {
+	async #tn(e) {
 		try {
 			return await e.mount(this.#e), e.onFatal?.(() => {
-				this.#$t();
+				this.#nn();
 			}), e;
 		} catch {
 			e.destroy();
 			let t = await O("css");
-			return await t.mount(this.#e), this.#ce = !0, this.#n.emit("rendererFallback", {
+			return await t.mount(this.#e), this.#de = !0, this.#n.emit("rendererFallback", {
 				from: "webgl2",
 				to: "css"
 			}), t;
 		}
 	}
-	async #$t() {
-		if (this.#ce || this.#le) return;
-		this.#ce = !0, this.#se?.destroy(), this.#se = null;
+	async #nn() {
+		if (this.#de || this.#fe) return;
+		this.#de = !0, this.#ue?.destroy(), this.#ue = null;
 		let e = await O("css");
-		if (this.#le) {
+		if (this.#fe) {
 			e.destroy();
 			return;
 		}
-		await e.mount(this.#e), this.#se = e, this.#ln(e.measure().containerWidth), await this.#dn(), this.#n.emit("rendererFallback", {
+		await e.mount(this.#e), this.#ue = e, this.#fn(e.measure().containerWidth), await this.#mn(), this.#n.emit("rendererFallback", {
 			from: "webgl2",
 			to: "css"
 		});
 	}
-	#en() {
+	#rn() {
 		if (typeof matchMedia != "function") return;
 		let e = matchMedia("(prefers-reduced-motion: reduce)");
-		this.#xe = e.matches, e.addEventListener?.("change", (e) => {
-			this.#xe = e.matches;
+		this.#we = e.matches, e.addEventListener?.("change", (e) => {
+			this.#we = e.matches;
 		});
 	}
-	async #tn() {
-		let e = this.#Me !== !1, t = this.#Pe !== !1;
-		if (!e && !t || this.#le) return;
+	async #in() {
+		let e = this.#Fe !== !1, t = this.#Le !== !1;
+		if (!e && !t || this.#fe) return;
 		let n = this.#e;
 		if (!(!n.ownerDocument || typeof n.appendChild != "function")) try {
 			let { mountControls: e, mountContextMenu: t } = await import("./controls-Dh1okIx6.js");
-			if (this.#le) return;
-			if (this.#Me !== !1) {
-				let t = this.#Me === !0 ? {} : this.#Me;
-				this.#Ne = e(this, n, t, this.#Ie);
+			if (this.#fe) return;
+			if (this.#Fe !== !1) {
+				let t = this.#Fe === !0 ? {} : this.#Fe;
+				this.#Ie = e(this, n, t, this.#ze);
 			}
-			if (this.#Pe !== !1) {
-				let e = this.#Pe === !0 ? {} : this.#Pe;
-				this.#Fe = t(this, n, e, this.#Ie);
+			if (this.#Le !== !1) {
+				let e = this.#Le === !0 ? {} : this.#Le;
+				this.#Re = t(this, n, e, this.#ze);
 			}
 		} catch {}
 	}
-	#nn() {
-		if (!this.#U || globalThis.location === void 0) return;
+	#an() {
+		if (!this.#K || globalThis.location === void 0) return;
 		let e = globalThis;
-		this.#G = ee(e, (e) => {
-			e !== this.#Y && this.flipTo(e);
-		}), this.#G.push(this.#Y), this.#K = this.#n.on("pageChanged", ({ page: e }) => {
-			this.#G?.push(e);
+		this.#J = ee(e, (e) => {
+			e !== this.#Q && this.flipTo(e);
+		}), this.#J.push(this.#Q), this.#Y = this.#n.on("pageChanged", ({ page: e }) => {
+			this.#J?.push(e);
 		});
 	}
-	pageLink(e = this.#Y) {
+	pageLink(e = this.#Q) {
 		let t = globalThis.location?.href ?? "";
 		if (!t) return "";
 		let n = new URL(t);
 		return n.hash = C(n.hash, X(e, 0, Math.max(0, this.#t.pageCount - 1))), n.toString();
 	}
-	#rn() {
+	#on() {
 		let e = this.#e, t = e.ownerDocument;
 		if (!t || typeof e.setAttribute != "function") return null;
-		e.hasAttribute("tabindex") || (e.tabIndex = 0), e.setAttribute("aria-roledescription", this.#f.roledescription);
-		let n = (e) => this.#in(e);
+		e.hasAttribute("tabindex") || (e.tabIndex = 0), e.setAttribute("aria-roledescription", this.#h.roledescription);
+		let n = (e) => this.#sn(e);
 		e.addEventListener("keydown", n);
 		let r = t.createElement("div");
-		return r.setAttribute("aria-live", "polite"), r.setAttribute("aria-atomic", "true"), r.style.cssText = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;", e.appendChild(r), this.#Se = r, () => {
-			e.removeEventListener("keydown", n), r.remove(), this.#Se = null;
+		return r.setAttribute("aria-live", "polite"), r.setAttribute("aria-atomic", "true"), r.style.cssText = "position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;", e.appendChild(r), this.#Te = r, () => {
+			e.removeEventListener("keydown", n), r.remove(), this.#Te = null;
 		};
 	}
-	#in(e) {
+	#sn(e) {
 		let t = this.#a === "rtl" ? "ArrowLeft" : "ArrowRight";
 		switch (e.key) {
 			case "ArrowRight":
@@ -1405,104 +1408,104 @@ var Y = class {
 			default: break;
 		}
 	}
-	#an() {
-		this.#Se && (this.#Se.textContent = this.#f.pageAnnounce(this.#Y + 1, this.#t.pageCount));
+	#cn() {
+		this.#Te && (this.#Te.textContent = this.#h.pageAnnounce(this.#Q + 1, this.#t.pageCount));
 	}
-	#on() {
-		return this.#xe ? V : this.#Z * (this.#L ? I : 1);
+	#ln() {
+		return this.#we ? V : this.#ee * (this.#B ? I : 1);
 	}
-	#sn() {
-		return this.#xe ? "simple" : this.#c;
+	#un() {
+		return this.#we ? "simple" : this.#c;
 	}
 	update() {
-		!this.#se || this.#i.state !== "idle" || (this.#ln(this.#se.measure().containerWidth), this.#dn(), this.#yt());
+		!this.#ue || this.#i.state !== "idle" || (this.#fn(this.#ue.measure().containerWidth), this.#mn(), this.#St());
 	}
-	#cn() {
-		return this.#z || this.#o === "single" ? "single" : this.#o;
+	#dn() {
+		return this.#H || this.#o === "single" ? "single" : this.#o;
 	}
-	#ln(e) {
-		let t = this.#B && o(e, this.#I);
-		t !== this.#z && (this.#z = t, this.#un());
+	#fn(e) {
+		let t = this.#U && o(e, this.#z);
+		t !== this.#H && (this.#H = t, this.#pn());
 	}
-	#un() {
-		let e = this.#cn(), t = e !== this.#R;
-		this.#R = e, this.#L = e === "single", this.#q = a(this.#t.pageCount, {
+	#pn() {
+		let e = this.#dn(), t = e !== this.#V;
+		this.#V = e, this.#B = e === "single", this.#X = a(this.#t.pageCount, {
 			direction: this.#a,
 			mode: e
-		}), this.#J = this.#Tn(this.#Y), t && this.#n.emit("spreadChanged", {
+		}), this.#Z = this.#kn(this.#Q), t && this.#n.emit("spreadChanged", {
 			mode: e,
-			singlePage: this.#L
+			singlePage: this.#B
 		});
 	}
-	async #dn() {
-		let e = this.#q[this.#J];
-		!e || !this.#se || (this.#X = await this.#Sn(e), this.#fn(e, this.#X));
+	async #mn() {
+		let e = this.#X[this.#Z];
+		!e || !this.#ue || (this.#$ = await this.#Tn(e), this.#hn(e, this.#$));
 	}
-	#fn(e, t) {
-		this.#se?.renderSpread(e, t, {
-			fill: this.#L,
+	#hn(e, t) {
+		this.#ue?.renderSpread(e, t, {
+			fill: this.#B,
 			fit: this.#d
-		}), this.#pn(), this.#Ve = 1, this.#hn();
+		}), this.#gn(), this.#We = 1, this.#vn();
 	}
-	#pn() {
-		let e = this.#se?.measure(), t = e?.containerAspect;
+	#gn() {
+		let e = this.#ue?.measure(), t = e?.containerAspect;
 		if (t === void 0) {
 			let n = e?.book;
 			if (!n || n.width <= 0 || n.height <= 0) return;
 			t = n.width / n.height;
 		}
-		t <= 0 || this.#V !== null && Math.abs(t - this.#V) < .005 || (this.#V = t, this.#e.style.aspectRatio = t.toFixed(4));
+		t <= 0 || this.#W !== null && Math.abs(t - this.#W) < .005 || (this.#W = t, this.#e.style.aspectRatio = t.toFixed(4));
 	}
-	#mn(e) {
+	#_n(e) {
 		if (this.#i.state !== "idle") {
-			this.#je.add(e);
+			this.#Pe.add(e);
 			return;
 		}
-		let t = this.#q[this.#J];
+		let t = this.#X[this.#Z];
 		if (!(!t || !(t.left === e || t.right === e))) {
-			if (this.#ie > 1) {
-				this.#hn();
+			if (this.#se > 1) {
+				this.#vn();
 				return;
 			}
-			this.#dn();
+			this.#mn();
 		}
 	}
-	#hn() {
-		this.#Ue !== null && clearTimeout(this.#Ue);
-		let e = this.#_n();
-		if (e !== this.#Ve) {
+	#vn() {
+		this.#Ke !== null && clearTimeout(this.#Ke);
+		let e = this.#bn();
+		if (e !== this.#We) {
 			if (e === 1) {
-				this.#He++, this.#Ve = 1, this.#dn();
+				this.#Ge++, this.#We = 1, this.#mn();
 				return;
 			}
-			this.#Ue = setTimeout(() => {
-				this.#Ue = null, this.#vn();
+			this.#Ke = setTimeout(() => {
+				this.#Ke = null, this.#xn();
 			}, R);
 		}
 	}
-	#gn() {
-		let e = this.#se?.measure(), t = e?.content ?? e?.book;
+	#yn() {
+		let e = this.#ue?.measure(), t = e?.content ?? e?.book;
 		if (!t || t.width <= 0) return 1;
-		let n = this.#X, r = +!!n.left + +!!n.right;
+		let n = this.#$, r = +!!n.left + +!!n.right;
 		if (r === 0) return 1;
 		let i = t.width / r, a = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, o = 0;
 		for (let e of [n.left, n.right]) {
 			if (!e || e.width <= 0) continue;
-			let t = e.width / this.#Ve;
+			let t = e.width / this.#We;
 			o = Math.max(o, i * a / t);
 		}
 		return o === 0 ? 1 : o;
 	}
-	#_n() {
-		let e = Math.max(1, B / (typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1)), t = this.#ie <= 1 ? 1 : this.#ie, n = this.#gn() * Math.max(t, e);
+	#bn() {
+		let e = Math.max(1, B / (typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1)), t = this.#se <= 1 ? 1 : this.#se, n = this.#yn() * Math.max(t, e);
 		return n <= 1.001 ? 1 : Math.min(Math.ceil(n * 2) / 2, z);
 	}
-	async #vn() {
-		let e = this.#q[this.#J];
-		if (!this.#se || !e) return;
-		let t = this.#_n();
-		if (t === 1 || t === this.#Ve || this.#i.state !== "idle") return;
-		let n = ++this.#He, r = {
+	async #xn() {
+		let e = this.#X[this.#Z];
+		if (!this.#ue || !e) return;
+		let t = this.#bn();
+		if (t === 1 || t === this.#We || this.#i.state !== "idle") return;
+		let n = ++this.#Ge, r = {
 			x: 0,
 			y: 0,
 			width: 1,
@@ -1513,7 +1516,7 @@ var Y = class {
 				return await this.#t.get(e, {
 					scale: t,
 					region: r,
-					maxSize: this.#se?.maxTextureSize
+					maxSize: this.#ue?.maxTextureSize
 				});
 			} catch (t) {
 				return this.#n.emit("sourceError", {
@@ -1522,37 +1525,56 @@ var Y = class {
 				}), null;
 			}
 		}));
-		if (n !== this.#He || this.#_n() !== t || this.#i.state !== "idle") return;
-		let a = i[0] ?? this.#X.left, o = i[1] ?? this.#X.right;
-		a === this.#X.left && o === this.#X.right || (this.#Ve = t, this.#X = {
+		if (n !== this.#Ge || this.#bn() !== t || this.#i.state !== "idle") return;
+		let a = i[0] ?? this.#$.left, o = i[1] ?? this.#$.right;
+		a === this.#$.left && o === this.#$.right || (this.#We = t, this.#$ = {
 			left: a,
 			right: o
-		}, this.#se.renderSpread(e, this.#X, {
-			fill: this.#L,
+		}, this.#ue.renderSpread(e, this.#$, {
+			fill: this.#B,
 			fit: this.#d
 		}));
 	}
-	#yn() {
-		if (this.#je.size === 0) return;
-		let e = this.#q[this.#J], t = e !== void 0 && [e.left, e.right].some((e) => e !== null && this.#je.has(e));
-		this.#je.clear(), t && (this.#ie > 1 ? this.#hn() : this.#dn());
+	#Sn() {
+		if (this.#Pe.size === 0) return;
+		let e = this.#X[this.#Z], t = e !== void 0 && [e.left, e.right].some((e) => e !== null && this.#Pe.has(e));
+		this.#Pe.clear(), t && (this.#se > 1 ? this.#vn() : this.#mn());
 	}
-	#bn() {
-		typeof ResizeObserver > "u" || (this.#ne = new ResizeObserver(() => this.#xn()), this.#ne.observe(this.#e));
+	#Cn() {
+		typeof ResizeObserver > "u" || (this.#ae = new ResizeObserver(() => this.#wn()), this.#ae.observe(this.#e));
 	}
-	#xn() {
-		this.#re || (this.#re = !0, requestAnimationFrame(() => {
-			this.#re = !1, this.update();
+	#wn() {
+		this.#oe || (this.#oe = !0, requestAnimationFrame(() => {
+			this.#oe = !1, this.update();
 		}));
 	}
-	async #Sn(e) {
-		let [t, n] = await Promise.all([this.#Cn(e.left), this.#Cn(e.right)]);
-		return {
+	async #Tn(e) {
+		let [t, n] = await Promise.all([this.#Dn(e.left), this.#Dn(e.right)]), r = await this.#En(e, t, n);
+		return r > 0 ? {
+			left: t,
+			right: n,
+			spineTrim: r
+		} : {
 			left: t,
 			right: n
 		};
 	}
-	async #Cn(e) {
+	async #En(e, t, n) {
+		let r = this.#f;
+		if (r === 0 || t === null || n === null) return 0;
+		if (r !== "auto") return r / 2;
+		let i = `${e.left}:${e.right}`, a = this.#m.get(i);
+		if (t.width !== n.width || t.height !== n.height) return (a?.overlap ?? 0) / 2;
+		if (a !== void 0 && a.width >= t.width) return a.overlap / 2;
+		let o = await this.#p;
+		if (!o) return 0;
+		let s = o(t, n);
+		return this.#m.set(i, {
+			overlap: s,
+			width: t.width
+		}), s / 2;
+	}
+	async #Dn(e) {
 		if (e === null) return null;
 		try {
 			return await this.#t.get(e);
@@ -1563,30 +1585,30 @@ var Y = class {
 			}), null;
 		}
 	}
-	#wn() {
-		let { toMount: e } = this.#r.update(this.#J, this.#q.length), t = [];
+	#On() {
+		let { toMount: e } = this.#r.update(this.#Z, this.#X.length), t = [];
 		for (let n of e) {
-			let e = this.#q[n];
+			let e = this.#X[n];
 			e?.left != null && t.push(e.left), e?.right != null && t.push(e.right);
 		}
 		this.#t.prefetch(t);
 	}
-	#Tn(e) {
-		let t = this.#q.findIndex((t) => t.left === e || t.right === e);
+	#kn(e) {
+		let t = this.#X.findIndex((t) => t.left === e || t.right === e);
 		return t === -1 ? 0 : t;
 	}
-	#En() {
+	#An() {
 		let e = this.#t.pageCount;
 		if (!Number.isInteger(e) || e < 1) throw Error(`Zine: source has ${e} pages; a Source must have at least 1 page.`);
-		let t = this.#H;
+		let t = this.#G;
 		if (t !== void 0 && (!Number.isInteger(t) || t < 0 || t >= e)) throw Error(`Zine: startPage ${JSON.stringify(t)} is out of range for a ${e}-page book (valid 0..${e - 1}).`);
-		let n = this.#cn();
-		this.#L = n === "single", this.#q = a(e, {
+		let n = this.#dn();
+		this.#B = n === "single", this.#X = a(e, {
 			direction: this.#a,
 			mode: n
 		});
-		let r = this.#U ? S(globalThis.location?.hash ?? "") : null;
-		this.#Y = X(r ?? t ?? 0, 0, e - 1), this.#J = this.#Tn(this.#Y);
+		let r = this.#K ? S(globalThis.location?.hash ?? "") : null;
+		this.#Q = X(r ?? t ?? 0, 0, e - 1), this.#Z = this.#kn(this.#Q);
 	}
 };
 function X(e, t, n) {
@@ -1622,14 +1644,16 @@ function fe(n, r) {
 	].includes(c)) throw Error(`Zine: clickToFlip must be 'edge', 'half', or 'off'; got ${JSON.stringify(c)}.`);
 	let l = i.fit;
 	if (l !== void 0 && l !== "contain" && l !== "fill") throw Error(`Zine: fit must be 'contain' or 'fill'; got ${JSON.stringify(l)}.`);
-	let u = i.strings;
-	if (u !== void 0 && (typeof u != "object" || !u)) throw Error(`Zine: strings must be an object of text overrides; got ${Q(u)}.`);
-	let d = i.curl;
-	if (d !== void 0) {
-		if (typeof d == "object" && d) {
-			if (typeof d.deform != "function") throw Error("Zine: a curl model must have a deform() function.");
-		} else if (e.includes(d)) throw Error(`Zine: the '${String(d)}' curl is not bundled. Import it and pass the model: import { ${String(d)} } from '@zinejs/core/curls'  →  curl: ${String(d)}`);
-		else if (!t.includes(d)) throw Error(`Zine: curl must be ${t.join(" or ")}, or a model imported from '@zinejs/core/curls' (${e.join(", ")}); got ${JSON.stringify(d)}.`);
+	let u = i.gutterOverlap;
+	if (u !== void 0 && u !== "auto" && !(typeof u == "number" && u >= 0 && u <= .5)) throw Error(`Zine: gutterOverlap must be 'auto' or a number from 0 to 0.5 (a fraction of page width); got ${JSON.stringify(u)}.`);
+	let d = i.strings;
+	if (d !== void 0 && (typeof d != "object" || !d)) throw Error(`Zine: strings must be an object of text overrides; got ${Q(d)}.`);
+	let f = i.curl;
+	if (f !== void 0) {
+		if (typeof f == "object" && f) {
+			if (typeof f.deform != "function") throw Error("Zine: a curl model must have a deform() function.");
+		} else if (e.includes(f)) throw Error(`Zine: the '${String(f)}' curl is not bundled. Import it and pass the model: import { ${String(f)} } from '@zinejs/core/curls'  →  curl: ${String(f)}`);
+		else if (!t.includes(f)) throw Error(`Zine: curl must be ${t.join(" or ")}, or a model imported from '@zinejs/core/curls' (${e.join(", ")}); got ${JSON.stringify(f)}.`);
 	}
 	for (let e of [
 		"deepLink",
@@ -1637,56 +1661,56 @@ function fe(n, r) {
 		"responsiveSpread",
 		"loading"
 	]) if (i[e] !== void 0 && typeof i[e] != "boolean") throw Error(`Zine: ${e} must be a boolean; got ${Q(i[e])}.`);
-	let f = i.controls;
-	if (f !== void 0 && typeof f != "boolean" && (typeof f != "object" || !f)) throw Error(`Zine: controls must be a boolean or an options object; got ${Q(f)}.`);
-	let p = f?.position;
-	if (p !== void 0 && ![
+	let p = i.controls;
+	if (p !== void 0 && typeof p != "boolean" && (typeof p != "object" || !p)) throw Error(`Zine: controls must be a boolean or an options object; got ${Q(p)}.`);
+	let m = p?.position;
+	if (m !== void 0 && ![
 		"top",
 		"bottom",
 		"left",
 		"right"
-	].includes(p)) throw Error(`Zine: controls.position must be 'top', 'bottom', 'left', or 'right'; got ${JSON.stringify(p)}.`);
-	let m = f?.colorScheme;
-	if (m !== void 0 && ![
+	].includes(m)) throw Error(`Zine: controls.position must be 'top', 'bottom', 'left', or 'right'; got ${JSON.stringify(m)}.`);
+	let h = p?.colorScheme;
+	if (h !== void 0 && ![
 		"light",
 		"dark",
 		"auto"
-	].includes(m)) throw Error(`Zine: controls.colorScheme must be 'light', 'dark', or 'auto'; got ${JSON.stringify(m)}.`);
-	let h = f?.arrows;
-	if (h !== void 0 && typeof h != "boolean" && !["desktop", "mobile"].includes(h)) throw Error(`Zine: controls.arrows must be a boolean, 'desktop', or 'mobile'; got ${JSON.stringify(h)}.`);
-	let g = i.contextMenu;
-	if (g !== void 0 && typeof g != "boolean" && (typeof g != "object" || !g)) throw Error(`Zine: contextMenu must be a boolean or an options object; got ${Q(g)}.`);
-	let _ = g?.colorScheme;
-	if (_ !== void 0 && ![
+	].includes(h)) throw Error(`Zine: controls.colorScheme must be 'light', 'dark', or 'auto'; got ${JSON.stringify(h)}.`);
+	let g = p?.arrows;
+	if (g !== void 0 && typeof g != "boolean" && !["desktop", "mobile"].includes(g)) throw Error(`Zine: controls.arrows must be a boolean, 'desktop', or 'mobile'; got ${JSON.stringify(g)}.`);
+	let _ = i.contextMenu;
+	if (_ !== void 0 && typeof _ != "boolean" && (typeof _ != "object" || !_)) throw Error(`Zine: contextMenu must be a boolean or an options object; got ${Q(_)}.`);
+	let v = _?.colorScheme;
+	if (v !== void 0 && ![
 		"light",
 		"dark",
 		"auto"
-	].includes(_)) throw Error(`Zine: contextMenu.colorScheme must be 'light', 'dark', or 'auto'; got ${JSON.stringify(_)}.`);
-	if (i.disableContextMenu === !0 && g !== void 0 && g !== !1) throw Error("Zine: disableContextMenu and contextMenu are mutually exclusive — one removes the browser's right-click menu, the other replaces it. Enable only one.");
-	let v = i.hideControls;
-	if (v !== void 0 && (!Array.isArray(v) || v.some((e) => typeof e != "string"))) throw Error(`Zine: hideControls must be an array of control-id strings; got ${Q(v)}.`);
-	let y = i.sound;
-	if (y !== void 0 && typeof y != "boolean" && (typeof y != "object" || !y)) throw Error(`Zine: sound must be a boolean or an options object; got ${Q(y)}.`);
-	if (typeof y == "object" && y) {
-		let e = y;
+	].includes(v)) throw Error(`Zine: contextMenu.colorScheme must be 'light', 'dark', or 'auto'; got ${JSON.stringify(v)}.`);
+	if (i.disableContextMenu === !0 && _ !== void 0 && _ !== !1) throw Error("Zine: disableContextMenu and contextMenu are mutually exclusive — one removes the browser's right-click menu, the other replaces it. Enable only one.");
+	let y = i.hideControls;
+	if (y !== void 0 && (!Array.isArray(y) || y.some((e) => typeof e != "string"))) throw Error(`Zine: hideControls must be an array of control-id strings; got ${Q(y)}.`);
+	let b = i.sound;
+	if (b !== void 0 && typeof b != "boolean" && (typeof b != "object" || !b)) throw Error(`Zine: sound must be a boolean or an options object; got ${Q(b)}.`);
+	if (typeof b == "object" && b) {
+		let e = b;
 		if (e.url !== void 0 && typeof e.url != "string") throw Error(`Zine: sound.url must be a string URL; got ${Q(e.url)}.`);
 		if (e.volume !== void 0 && (typeof e.volume != "number" || e.volume < 0 || e.volume > 1)) throw Error(`Zine: sound.volume must be a number between 0 and 1; got ${JSON.stringify(e.volume)}.`);
 		if (e.muted !== void 0 && typeof e.muted != "boolean") throw Error(`Zine: sound.muted must be a boolean; got ${Q(e.muted)}.`);
 		if (e.persist !== void 0 && typeof e.persist != "boolean") throw Error(`Zine: sound.persist must be a boolean; got ${Q(e.persist)}.`);
 	}
-	let b = i.spreadMode;
-	if (b !== void 0 && ![
+	let x = i.spreadMode;
+	if (x !== void 0 && ![
 		"double",
 		"single",
 		"cover",
 		"book"
-	].includes(b)) throw Error(`Zine: spreadMode must be 'double', 'single', 'cover', or 'book'; got ${JSON.stringify(b)}.`);
+	].includes(x)) throw Error(`Zine: spreadMode must be 'double', 'single', 'cover', or 'book'; got ${JSON.stringify(x)}.`);
 	for (let e of ["frontCover", "backCover"]) {
 		let t = i[e];
 		if (t !== void 0 && typeof t != "string") throw Error(`Zine: ${e} must be an image URL string; got ${JSON.stringify(t)}.`);
 	}
-	let x = i.pages;
-	if (x !== void 0 && (typeof x != "object" || !x || Array.isArray(x))) throw Error("Zine: pages must be an object mapping page indices to image URLs.");
+	let S = i.pages;
+	if (S !== void 0 && (typeof S != "object" || !S || Array.isArray(S))) throw Error("Zine: pages must be an object mapping page indices to image URLs.");
 	$(i.width, "width", 1), $(i.height, "height", 1), $(i.flipDuration, "flipDuration", 0), $(i.clickZoneSize, "clickZoneSize", 0), $(i.clickFlipDelay, "clickFlipDelay", 0), $(i.singlePageThreshold, "singlePageThreshold", 0), pe(i.zoom), me(i.renderer);
 }
 function $(e, t, n) {