@zinejs/core 0.9.0 → 0.9.1

package/dist/index.js

@@ -238,39 +238,39 @@ var _ = class {
 	}
 	#a() {
 		let e = [...this.#t.values()], t = e[0], n = e[1];
-		if (!t || !n) throw Error("pinch requires two active pointers");
+		if (!t || !n) throw Error("Zine: pinch requires two active pointers.");
 		return {
 			a: t,
 			b: n
 		};
 	}
 }, v = "page", y = !1;
-function ee() {
+function b() {
 	return y ? !1 : (y = !0, !0);
 }
-function b() {
+function x() {
 	y = !1;
 }
-function x(e) {
+function S(e) {
 	let t = new URLSearchParams(e.replace(/^#/, "")).get(v);
 	if (t === null) return null;
 	let n = Number(t);
 	return Number.isInteger(n) && n >= 1 ? n - 1 : null;
 }
-function S(e, t) {
+function C(e, t) {
 	let n = new URLSearchParams(e.replace(/^#/, ""));
 	return n.set(v, String(t + 1)), `#${n.toString()}`;
 }
-function C(e, t) {
+function ee(e, t) {
 	let n = null, r = () => {
-		let r = x(e.location.hash);
+		let r = S(e.location.hash);
 		r === null || r === n || (n = r, t(r));
 	};
 	return e.addEventListener("hashchange", r), {
 		push(t) {
 			if (t === n) return;
 			n = t;
-			let r = S(e.location.hash, t);
+			let r = C(e.location.hash, t);
 			r !== e.location.hash && e.history?.replaceState?.(e.history.state, "", r);
 		},
 		stop() {
@@ -280,49 +280,49 @@ function C(e, t) {
 }
 //#endregion
 //#region src/renderer/select.ts
-var w = {
+var te = {
 	css: async () => new (await (import("./cssRenderer-Deskm2ND.js"))).CssRenderer(),
 	webgl2: async () => new (await (import("./webglRenderer-CmQ_mUrX.js"))).WebglRenderer()
-}, T = !0;
-function te(e) {
+}, ne = !0;
+function w(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && typeof e.mount == "function";
 }
-function ne(e) {
-	return e.gpu && T ? ["webgl2", "css"] : ["css"];
+function T(e) {
+	return e.gpu && ne ? ["webgl2", "css"] : ["css"];
 }
-function re() {
-	return { gpu: ie() };
+function E() {
+	return { gpu: D() };
 }
-function ie() {
+function D() {
 	try {
 		return !!document.createElement("canvas").getContext("webgl2");
 	} catch {
 		return !1;
 	}
 }
-async function E(e = "auto", t = re()) {
-	if (te(e)) return e;
-	let n = Array.isArray(e) ? e : e === "auto" ? ne(t) : [e];
+async function O(e = "auto", t = E()) {
+	if (w(e)) return e;
+	let n = Array.isArray(e) ? e : e === "auto" ? T(t) : [e];
 	for (let e of n) {
 		if (e === "webgl2" && !t.gpu) continue;
-		let n = w[e];
+		let n = te[e];
 		if (n) return n();
 	}
 	throw n.length === 1 && n[0] === "webgl2" && !t.gpu ? Error("renderer: 'webgl2' was forced but this device has no WebGL2. Use 'css' or 'auto'.") : Error(`renderer: none of [${n.join(", ")}] could be loaded — use 'css' or 'auto'.`);
 }
 //#endregion
 //#region src/source/compose.ts
-function ae(e, t) {
+function re(e, t) {
 	let n = typeof t.frontCover == "string", r = typeof t.backCover == "string", i = t.pages != null && Object.keys(t.pages).length > 0;
-	return !n && !r && !i ? e : new O(e, t);
+	return !n && !r && !i ? e : new ae(e, t);
 }
-function D(e) {
+function ie(e) {
 	return fetch(e).then((t) => {
 		if (!t.ok) throw Error(`zine: could not load image "${e}" (HTTP ${t.status}).`);
 		return t.blob();
 	}).then((e) => createImageBitmap(e));
 }
-var O = class {
+var ae = class {
 	#e;
 	#t;
 	#n;
@@ -391,11 +391,11 @@ var O = class {
 	}
 	#s(e) {
 		let t = this.#a.get(e);
-		return t === void 0 && (t = D(e).catch((t) => {
+		return t === void 0 && (t = ie(e).catch((t) => {
 			throw this.#a.delete(e), t;
 		}), this.#a.set(e, t)), t;
 	}
-}, k = .25, A = .0015, j = 6, M = 250, N = 24, P = 2 * M, F = 1.2, I = 32, L = 60, R = 2.5, z = 1.5, B = 120, V = .85, H = .82, oe = .12, U = 360, W = 28, G = 260, K = 7e3, q = 2200, J = "zine:hints-learned";
+}, k = .25, A = .0015, j = 6, M = 250, N = 24, P = 2 * M, F = 1.2, I = 32, L = 60, R = 2.5, z = 1.5, B = 120, V = .85, H = .82, U = .12, oe = 360, W = 28, G = 260, K = 7e3, q = 2200, J = "zine:hints-learned", Y = "zine:sound-muted";
 function se(e, t, n) {
 	let r = Math.max(0, t - I), i = Math.min(e.length, t + n + I), a = e.slice(r, i).replace(/\s+/g, " ").trim();
 	return `${r > 0 ? "…" : ""}${a}${i < e.length ? "…" : ""}`;
@@ -418,129 +418,137 @@ var ce = class {
 	#m = null;
 	#h;
 	#g;
-	#_ = {
+	#_;
+	#v;
+	#y = null;
+	#b = !1;
+	#x = !1;
+	#S = !1;
+	#C = {
 		turn: !1,
 		zoom: !1,
 		pan: !1
 	};
-	#v = null;
-	#y = null;
-	#b = null;
-	#x = null;
-	#S = null;
-	#C = null;
-	#w = !1;
-	#T = "";
-	#E;
-	#D;
-	#O;
-	#k = !1;
-	#A = null;
-	#j = !1;
+	#w = null;
+	#T = null;
+	#E = null;
+	#D = null;
+	#O = null;
+	#k = null;
+	#A = !1;
+	#j = "";
 	#M;
-	#N = "";
+	#N;
 	#P;
-	#F;
-	#I;
-	#L = null;
-	#R = null;
-	#z = [];
-	#B = 0;
-	#V = 0;
-	#H = {
+	#F = !1;
+	#I = null;
+	#L = !1;
+	#R;
+	#z = null;
+	#B;
+	#V;
+	#H;
+	#U = null;
+	#W = null;
+	#G = [];
+	#K = 0;
+	#q = 0;
+	#J = {
 		left: null,
 		right: null
 	};
-	#U;
-	#W;
-	#G;
-	#K;
-	#q;
-	#J = null;
-	#Y = !1;
-	#X = 1;
-	#Z = 0;
-	#Q = 0;
-	#$ = null;
-	#ee = !1;
+	#Y;
+	#X;
+	#Z;
+	#Q;
+	#$;
+	#ee = null;
 	#te = !1;
-	#ne = null;
-	#re = null;
-	#ie = null;
+	#ne = 1;
+	#re = 0;
+	#ie = 0;
 	#ae = null;
-	#oe = null;
-	#se = null;
+	#oe = !1;
+	#se = !1;
 	#ce = null;
-	#le = 0;
+	#le = null;
 	#ue = null;
-	#de = !1;
-	#fe = 1;
-	#pe = !1;
+	#de = null;
+	#fe = null;
+	#pe = null;
 	#me = null;
-	#he = null;
+	#he = 0;
 	#ge = null;
-	#_e = null;
-	#ve = null;
-	#ye = null;
-	#be = -Infinity;
+	#_e = !1;
+	#ve = 1;
+	#ye = !1;
+	#be = null;
 	#xe = null;
 	#Se = null;
-	#Ce = /* @__PURE__ */ new Set();
-	#we;
+	#Ce = null;
+	#we = null;
 	#Te = null;
-	#Ee;
+	#Ee = -Infinity;
 	#De = null;
-	#Oe;
-	#ke;
-	#Ae = null;
+	#Oe = null;
+	#ke = /* @__PURE__ */ new Set();
+	#Ae;
 	#je = null;
-	#Me = "download";
-	#Ne = 1;
-	#Pe = 0;
-	#Fe = null;
-	#Ie;
+	#Me;
+	#Ne = null;
+	#Pe;
+	#Fe;
+	#Ie = null;
+	#Le = null;
+	#Re = "download";
+	#ze = 1;
+	#Be = 0;
+	#Ve = null;
+	#He;
 	debug = { setFlipProgress: (e, t) => {
-		this.#$?.setFlipProgress(e, t);
+		this.#ae?.setFlipProgress(e, t);
 	} };
 	constructor(e, t) {
-		le(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 = ae(t.source, {
+		ue(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, {
 			frontCover: t.frontCover,
 			backCover: t.backCover,
 			pages: t.pages
 		});
 		let n = t.direction ?? "ltr";
-		this.#a = n, this.#F = (t.deepLink ?? !0) && ee(), this.#I = 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.clickZoneSize ?? 64, this.#f = t.cursorHints ?? !0;
+		this.#a = n, this.#V = (t.deepLink ?? !0) && b(), this.#H = 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.clickZoneSize ?? 64, this.#f = t.cursorHints ?? !0;
 		let r = t.hints ?? !0;
-		this.#h = r === !0 || r !== !1 && (r.enabled ?? !0), this.#g = r !== !0 && r !== !1 && (r.persist ?? !1), this.#g && this.#dt(), this.#O = t.singlePageThreshold ?? 640, this.#M = t.responsiveSpread ?? !0, this.#we = t.controls ?? !0, this.#Ee = t.contextMenu ?? !t.disableContextMenu, this.#Oe = new Set(t.hideControls ?? []), this.#ke = t.loading ?? !0, this.#P = t.startPage, typeof this.#t.open != "function" && this.#mn(), this.#U = t.flipDuration ?? 800, this.#W = t.zoom?.enabled ?? !0, this.#G = t.zoom?.wheel ?? !0;
-		let i = t.zoom?.doubleClick, a = i === !1 ? [] : [...i ?? [
+		this.#h = r === !0 || r !== !1 && (r.enabled ?? !0), this.#g = r !== !0 && r !== !1 && (r.persist ?? !1), this.#g && this.#yt();
+		let i = t.sound ?? !1;
+		this.#_ = i !== !1, this.#v = i === !0 || i === !1 ? {} : i, this.#b = typeof i == "object" && i ? i.muted ?? !1 : !1, this.#x = typeof i == "object" && i ? i.persist ?? !1 : !1, this.#_ && this.#x && this.#Ye(), this.#P = t.singlePageThreshold ?? 640, this.#R = t.responsiveSpread ?? !0, this.#Ae = t.controls ?? !0, this.#Me = t.contextMenu ?? !t.disableContextMenu, this.#Pe = new Set(t.hideControls ?? []), this.#Fe = t.loading ?? !0, this.#B = t.startPage, typeof this.#t.open != "function" && this.#wn(), this.#Y = t.flipDuration ?? 800, this.#X = t.zoom?.enabled ?? !0, this.#Z = t.zoom?.wheel ?? !0;
+		let a = t.zoom?.doubleClick, o = a === !1 ? [] : [...a ?? [
 			1,
 			2,
 			4
 		]].sort((e, t) => e - t);
-		this.#K = a.length > 0 ? a : null, this.#q = t.zoom?.max ?? 4;
-		let o = this.#W && this.#K !== null, s = t.zoom?.doubleClickInFlipZone ?? this.#u === "half";
-		this.#E = this.#u !== "off" && o && s && t.clickFlipDelay !== 0, this.#D = this.#E ? t.clickFlipDelay ?? M : 0, this.#Ie = this.#Ft(t.renderer ?? "auto");
+		this.#Q = o.length > 0 ? o : null, this.#$ = t.zoom?.max ?? 4;
+		let s = this.#X && this.#Q !== null, c = t.zoom?.doubleClickInFlipZone ?? this.#u === "half";
+		this.#M = this.#u !== "off" && s && c && t.clickFlipDelay !== 0, this.#N = this.#M ? t.clickFlipDelay ?? M : 0, this.#He = this.#Ut(t.renderer ?? "auto");
 	}
 	get ready() {
-		return this.#Ie;
+		return this.#He;
 	}
 	getPageCount() {
 		return this.#t.pageCount;
 	}
 	getPage() {
-		return this.#V;
+		return this.#q;
 	}
 	get container() {
 		return this.#e;
 	}
 	getPageBox() {
-		return this.#$?.measure().book ?? null;
+		return this.#ae?.measure().book ?? null;
 	}
 	getSpreads() {
-		return this.#z;
+		return this.#G;
 	}
 	getSpreadIndex() {
-		return this.#B;
+		return this.#K;
 	}
 	getDirection() {
 		return this.#a;
@@ -549,44 +557,44 @@ var ce = class {
 		return this.#o;
 	}
 	isSinglePage() {
-		return this.#k;
+		return this.#F;
 	}
 	setSpreadMode(e) {
-		e !== this.#o && (this.#o = e, this.#j = !1, this.#Qt(), this.#$t());
+		e !== this.#o && (this.#o = e, this.#L = !1, this.#cn(), this.#ln());
 	}
 	toggleSpreadMode() {
 		this.setSpreadMode(this.#o === "single" ? this.#s === "single" ? "double" : this.#s : "single");
 	}
 	getResponsiveSpread() {
-		return this.#M;
+		return this.#R;
 	}
 	isResponsiveSingle() {
-		return this.#j && this.#o !== "single";
+		return this.#L && this.#o !== "single";
 	}
 	setResponsiveSpread(e) {
-		if (e !== this.#M) {
-			if (this.#M = e, e) {
-				let e = this.#$?.measure().containerWidth;
+		if (e !== this.#R) {
+			if (this.#R = e, e) {
+				let e = this.#ae?.measure().containerWidth;
 				if (e === void 0) return;
-				this.#j = !1, this.#Zt(e);
+				this.#L = !1, this.#sn(e);
 			} else {
-				if (!this.#j) return;
-				this.#j = !1, this.#Qt();
+				if (!this.#L) return;
+				this.#L = !1, this.#cn();
 			}
-			this.#$t();
+			this.#ln();
 		}
 	}
 	getPageImage(e) {
-		return this.#dn(e);
+		return this.#xn(e);
 	}
 	canFlipNext() {
-		return this.#B + 1 < this.#z.length;
+		return this.#K + 1 < this.#G.length;
 	}
 	canFlipPrev() {
-		return this.#B > 0;
+		return this.#K > 0;
 	}
 	getMaxZoom() {
-		return this.#q;
+		return this.#$;
 	}
 	canSearch() {
 		return typeof this.#t.getText == "function";
@@ -603,7 +611,7 @@ var ce = class {
 	async print() {
 		let e = await this.getSourceFile(), t = this.#e.ownerDocument;
 		if (!e || !t) return !1;
-		let { url: n, revoke: r } = await this.#Le(e, t), i = t.createElement("iframe");
+		let { url: n, revoke: r } = await this.#Ue(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(() => {
@@ -625,11 +633,11 @@ var ce = class {
 		return typeof this.#t.getOutline == "function";
 	}
 	getOutline() {
-		if (!this.#Se) {
+		if (!this.#Oe) {
 			let e = this.#t.getOutline;
-			this.#Se = typeof e == "function" ? Promise.resolve(e.call(this.#t)).catch(() => []) : Promise.resolve([]);
+			this.#Oe = typeof e == "function" ? Promise.resolve(e.call(this.#t)).catch(() => []) : Promise.resolve([]);
 		}
-		return this.#Se;
+		return this.#Oe;
 	}
 	async getSourceFile() {
 		let e = this.#t.getDownload;
@@ -640,11 +648,11 @@ var ce = class {
 		if (!e) return !1;
 		let t = this.#e.ownerDocument;
 		if (!t) return !1;
-		let { url: n, revoke: r } = await this.#Le(e, t), i = t.createElement("a");
+		let { url: n, revoke: r } = await this.#Ue(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 #Le(e, t) {
-		if (e.revoke || !this.#Re(e.url, t)) return {
+	async #Ue(e, t) {
+		if (e.revoke || !this.#We(e.url, t)) return {
 			url: e.url,
 			revoke: e.revoke ?? !1
 		};
@@ -661,7 +669,7 @@ var ce = class {
 			};
 		}
 	}
-	#Re(e, t) {
+	#We(e, t) {
 		let n = t.defaultView?.location?.href;
 		if (!n) return !1;
 		try {
@@ -694,92 +702,112 @@ var ce = class {
 		return a;
 	}
 	flipNext() {
-		this.#ze(1);
+		this.#Ge(1);
 	}
 	flipPrev() {
-		this.#ze(-1);
+		this.#Ge(-1);
 	}
-	#ze(e) {
-		this.#Be(() => this.#Ge(this.#B + e));
+	#Ge(e) {
+		this.#Ke(() => this.#$e(this.#K + e));
 	}
 	flipTo(e) {
-		let t = Y(e, 0, Math.max(0, this.#t.pageCount - 1));
-		this.#Be(() => this.#Ge(this.#pn(t)));
+		let t = X(e, 0, Math.max(0, this.#t.pageCount - 1));
+		this.#Ke(() => this.#$e(this.#Cn(t)));
 	}
-	#Be(e) {
-		this.#i.state === "idle" ? e() : this.#ce ? (this.#se = null, this.#Ve(), e()) : this.#se = e;
+	#Ke(e) {
+		this.#i.state === "idle" ? e() : this.#me ? (this.#pe = null, this.#qe(), e()) : this.#pe = e;
 	}
-	#Ve() {
-		let e = this.#ce;
-		e && (this.#ce = null, this.#ne !== null && (cancelAnimationFrame(this.#ne), this.#ne = null), this.#$?.setFlipProgress(e.toT, e.direction), e.onDone());
+	#qe() {
+		let e = this.#me;
+		e && (this.#me = null, this.#ce !== null && (cancelAnimationFrame(this.#ce), this.#ce = null), this.#ae?.setFlipProgress(e.toT, e.direction), e.onDone());
 	}
-	#He() {
-		let e = this.#se;
+	#Je() {
+		let e = this.#pe;
 		if (!e) {
-			this.#sn();
+			this.#_n();
 			return;
 		}
-		this.#se = null, e();
+		this.#pe = null, e();
 	}
 	getZoom() {
-		return this.#X;
+		return this.#ne;
 	}
 	setZoom(e, t) {
-		if (!this.#$ || !this.#W) return;
-		this.#gt(), this.#yt();
-		let n = Y(e, 1, this.#q), r = this.#$.measure(), i = r.screenAt?.(this.#X), a = t ?? (i ? {
-			x: i.x + this.#Z + i.width / 2,
-			y: i.y + this.#Q + i.height / 2
+		if (!this.#ae || !this.#X) return;
+		this.#wt(), this.#Dt();
+		let n = X(e, 1, this.#$), r = this.#ae.measure(), i = r.screenAt?.(this.#ne), a = t ?? (i ? {
+			x: i.x + this.#re + i.width / 2,
+			y: i.y + this.#ie + i.height / 2
 		} : null) ?? {
 			x: r.containerWidth / 2,
 			y: r.containerHeight / 2
-		}, o = this.#X, s = n === 1 ? 0 : a.x - n / o * (a.x - this.#Z), c = n === 1 ? 0 : a.y - n / o * (a.y - this.#Q);
-		[s, c] = this.#We(s, c, n, r.containerWidth, r.containerHeight), this.#X = n, this.#Z = s, this.#Q = c, this.#$.setViewTransform(n, s, c), o > 1 != n > 1 && this.#Ue(), this.#rn(), this.#lt(), o <= 1 && n > 1 && (this.#ft("zoom"), this.#bt()), this.#n.emit("zoomChanged", { scale: n });
+		}, o = this.#ne, s = n === 1 ? 0 : a.x - n / o * (a.x - this.#re), c = n === 1 ? 0 : a.y - n / o * (a.y - this.#ie);
+		[s, c] = this.#Qe(s, c, n, r.containerWidth, r.containerHeight), this.#ne = n, this.#re = s, this.#ie = c, this.#ae.setViewTransform(n, s, c), o > 1 != n > 1 && this.#Ze(), this.#pn(), this.#_t(), o <= 1 && n > 1 && (this.#bt("zoom"), this.#Ot()), this.#n.emit("zoomChanged", { scale: n });
 	}
 	resetZoom() {
 		this.setZoom(1);
 	}
-	#Ue() {
-		this.#e.style.touchAction = this.#X > 1 ? "none" : "pan-y";
+	isSoundEnabled() {
+		return this.#_;
+	}
+	isSoundMuted() {
+		return this.#_ && this.#b;
+	}
+	setSoundMuted(e) {
+		this.#_ && (this.#b = e, this.#y?.setMuted(e), this.#x && this.#Xe(e), e || this.#Wt());
 	}
-	#We(e, t, n, r, i) {
-		let a = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, o = (e) => Math.round(e * a) / a || 0, s = this.#$?.measure().screenAt?.(n) ?? {
+	#Ye() {
+		try {
+			let e = localStorage.getItem(Y);
+			(e === "true" || e === "false") && (this.#b = e === "true");
+		} catch {}
+	}
+	#Xe(e) {
+		try {
+			localStorage.setItem(Y, String(e));
+		} catch {}
+	}
+	#Ze() {
+		this.#e.style.touchAction = this.#ne > 1 ? "none" : "pan-y";
+	}
+	#Qe(e, t, n, r, i) {
+		let a = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, o = (e) => Math.round(e * a) / a || 0, s = this.#ae?.measure().screenAt?.(n) ?? {
 			x: 0,
 			y: 0,
 			width: r * n,
 			height: i * n
-		}, [c, l] = X(s.x, s.width, r), [u, d] = X(s.y, s.height, i);
-		return [o(Y(e, c, l)), o(Y(t, u, d))];
+		}, [c, l] = Z(s.x, s.width, r), [u, d] = Z(s.y, s.height, i);
+		return [o(X(e, c, l)), o(X(t, u, d))];
 	}
 	on(e, t) {
 		return this.#n.on(e, t);
 	}
 	destroy() {
-		this.#te = !0, this.#ne !== null && cancelAnimationFrame(this.#ne), this.#ce = null, this.#se = null, this.#Et(), this.#mt(), this.#gt(), this.#yt(), this.#Tt(), this.#St(), this.#J?.disconnect(), this.#L?.stop(), this.#L = null, this.#R?.(), this.#F && b(), this.#Te?.(), this.#De?.(), this.#zt(), this.#xe?.(), this.#ge?.(), this.#ve?.(), this.#_e?.(), this.#m?.(), this.#he?.(), this.#Fe !== null && clearTimeout(this.#Fe), this.#Pe++, this.#$?.destroy(), this.#$ = null, this.#t.destroy(), this.#n.clear();
+		this.#se = !0, this.#ce !== null && cancelAnimationFrame(this.#ce), this.#me = null, this.#pe = null, this.#Pt(), this.#St(), this.#wt(), this.#Dt(), this.#Nt(), this.#At(), this.#y?.destroy(), this.#y = null, this.#ee?.disconnect(), this.#U?.stop(), this.#U = null, this.#W?.(), this.#V && x(), this.#je?.(), this.#Ne?.(), this.#Yt(), this.#De?.(), this.#Se?.(), this.#we?.(), this.#Ce?.(), this.#m?.(), this.#xe?.(), this.#Ve !== null && clearTimeout(this.#Ve), this.#Be++, this.#ae?.destroy(), this.#ae = null, this.#t.destroy(), this.#n.clear();
 	}
-	#Ge(e) {
-		if (e < 0 || e >= this.#z.length || e === this.#B || (this.#gt(), this.#yt(), this.#i.send("flip") === null)) return;
-		let t = e > this.#B ? "forward" : "backward", n = this.#Xe(e);
+	#$e(e) {
+		if (e < 0 || e >= this.#G.length || e === this.#K || (this.#wt(), this.#Dt(), this.#i.send("flip") === null)) return;
+		let t = e > this.#K ? "forward" : "backward", n = this.#it(e);
 		this.#n.emit("flipStart", {
-			from: this.#V,
+			from: this.#q,
 			to: n
-		}), this.#Ke(e, t, n, ++this.#le);
+		}), this.#Gt(), this.#et(e, t, n, ++this.#he);
 	}
-	async #Ke(e, t, n, r) {
-		let i = this.#z[e], a = i ? await this.#un(i) : {
+	async #et(e, t, n, r) {
+		let i = this.#G[e], a = i ? await this.#bn(i) : {
 			left: null,
 			right: null
 		};
-		r === this.#le && (this.#$?.beginFlip(this.#H, a, t, {
-			fill: this.#k,
-			curl: this.#Yt(),
+		r === this.#he && (this.#ae?.beginFlip(this.#J, a, t, {
+			fill: this.#F,
+			curl: this.#an(),
 			anchor: { y: this.#l }
-		}), this.#qe(0, 1, t, () => this.#Ye(e, n, a), () => this.#Je(n)));
+		}), this.#tt(0, 1, t, () => this.#rt(e, n, a), () => this.#nt(n)));
 	}
-	#qe(e, t, n, r, i) {
-		let a = this.#Jt() * Math.abs(t - e);
+	#tt(e, t, n, r, i) {
+		let a = this.#in() * Math.abs(t - e);
 		if (a <= 0) {
-			this.#$?.setFlipProgress(t, n), r();
+			this.#ae?.setFlipProgress(t, n), r();
 			return;
 		}
 		let o = {
@@ -787,60 +815,60 @@ var ce = class {
 			direction: n,
 			onDone: r
 		};
-		this.#ce = o;
+		this.#me = o;
 		let s = performance.now(), c = !1, l = (u) => {
-			if (this.#ce !== o) return;
-			let d = Math.min(1, (u - s) / a), f = Z(d);
-			i && !c && f >= (this.#k ? H : V) && (c = !0, i()), d < 1 ? (this.#$?.setFlipProgress(e + (t - e) * f, n), this.#ne = requestAnimationFrame(l)) : (this.#$?.setFlipProgress(t, n), this.#ne = null, this.#ce = null, r());
+			if (this.#me !== o) return;
+			let d = Math.min(1, (u - s) / a), f = le(d);
+			i && !c && f >= (this.#F ? H : V) && (c = !0, i()), d < 1 ? (this.#ae?.setFlipProgress(e + (t - e) * f, n), this.#ce = requestAnimationFrame(l)) : (this.#ae?.setFlipProgress(t, n), this.#ce = null, this.#me = null, r());
 		};
-		this.#ne = requestAnimationFrame(l);
+		this.#ce = requestAnimationFrame(l);
 	}
-	#Je(e) {
-		this.#V !== e && (this.#V = e, this.#qt(), this.#n.emit("pageChanged", { page: e }));
+	#nt(e) {
+		this.#q !== e && (this.#q = e, this.#rn(), this.#n.emit("pageChanged", { page: e }));
 	}
-	#Ye(e, t, n) {
-		let r = this.#z[e];
-		this.#B = e, this.#H = n, r && this.#en(r, n), this.#fn(), this.#i.send("settle"), this.#be = performance.now(), this.#Je(t), this.#ft("turn"), this.#lt(), this.#n.emit("flipEnd", { page: t }), this.#He();
+	#rt(e, t, n) {
+		let r = this.#G[e];
+		this.#K = e, this.#J = n, r && this.#un(r, n), this.#Sn(), this.#i.send("settle"), this.#Ee = performance.now(), this.#nt(t), this.#bt("turn"), this.#_t(), this.#n.emit("flipEnd", { page: t }), this.#Je();
 	}
-	#Xe(e) {
-		let t = this.#z[e];
-		if (!t) return this.#V;
+	#it(e) {
+		let t = this.#G[e];
+		if (!t) return this.#q;
 		let n = [t.left, t.right].filter((e) => e !== null);
-		return n.length > 0 ? Math.min(...n) : this.#V;
+		return n.length > 0 ? Math.min(...n) : this.#q;
 	}
-	#Ze(e, t) {
-		if (this.#de || !this.#$) return;
-		if (this.#yt(), this.#Et(), this.#X > 1) {
+	#at(e, t) {
+		if (this.#_e || !this.#ae) return;
+		if (this.#Dt(), this.#Pt(), this.#ne > 1) {
 			if (this.#i.send("panStart") === null) return;
-			this.#ue = {
-				baseTx: this.#Z,
-				baseTy: this.#Q
+			this.#ge = {
+				baseTx: this.#re,
+				baseTy: this.#ie
 			};
 			return;
 		}
-		let n = this.#it(), r = this.#at(e, t);
-		this.#ae = r;
+		let n = this.#ft(), r = this.#pt(e, t);
+		this.#de = r;
 		let i = Math.min(n.width, n.height) * k, 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.#ce || !s) {
-				this.#ie = null;
+			if (!this.#me || !s) {
+				this.#ue = null;
 				return;
 			}
-			this.#Ve();
+			this.#qe();
 		}
 		if (!s) return;
-		this.#l = Y(r.y / n.height, 0, 1);
-		let c = r.x > n.width / 2, l = this.#a === "rtl" ? !c : c, u = this.#B + (l ? 1 : -1);
-		u < 0 || u >= this.#z.length || (this.#ie = {
+		this.#l = X(r.y / n.height, 0, 1);
+		let c = r.x > n.width / 2, l = this.#a === "rtl" ? !c : c, u = this.#K + (l ? 1 : -1);
+		u < 0 || u >= this.#G.length || (this.#ue = {
 			direction: l ? "forward" : "backward",
 			targetIndex: u,
-			toPage: this.#Xe(u),
+			toPage: this.#it(u),
 			width: n.width
 		});
 	}
-	#Qe() {
-		let e = this.#ie;
-		e && (this.#ie = null, this.#i.send("grab") !== null && (this.#re = {
+	#ot() {
+		let e = this.#ue;
+		e && (this.#ue = null, this.#i.send("grab") !== null && (this.#le = {
 			direction: e.direction,
 			targetIndex: e.targetIndex,
 			toPage: e.toPage,
@@ -851,75 +879,75 @@ var ce = class {
 			width: e.width,
 			t: 0
 		}, this.#n.emit("flipStart", {
-			from: this.#V,
+			from: this.#q,
 			to: e.toPage
-		}), this.#$e(e.targetIndex, e.direction)));
+		}), this.#st(e.targetIndex, e.direction)));
 	}
-	async #$e(e, t) {
-		let n = this.#z[e], r = n ? await this.#un(n) : {
+	async #st(e, t) {
+		let n = this.#G[e], r = n ? await this.#bn(n) : {
 			left: null,
 			right: null
 		};
-		this.#re?.targetIndex === e && (this.#re.toContent = r, this.#$?.beginFlip(this.#H, r, t, {
-			fill: this.#k,
-			curl: this.#Yt(),
+		this.#le?.targetIndex === e && (this.#le.toContent = r, this.#ae?.beginFlip(this.#J, r, t, {
+			fill: this.#F,
+			curl: this.#an(),
 			anchor: { y: this.#l }
-		}), this.#$?.setFlipProgress(this.#re.t, t));
-	}
-	#et(e, t) {
-		if (this.#de) return;
-		if (this.#ue) {
-			if (!this.#$) return;
-			let n = this.#$.measure(), [r, i] = this.#We(this.#ue.baseTx + e, this.#ue.baseTy + t, this.#X, n.containerWidth, n.containerHeight);
-			this.#Z = r, this.#Q = i, this.#$.setViewTransform(this.#X, r, i), this.#rn(), this.#ft("pan"), this.#St();
+		}), this.#ae?.setFlipProgress(this.#le.t, t));
+	}
+	#ct(e, t) {
+		if (this.#_e) return;
+		if (this.#ge) {
+			if (!this.#ae) return;
+			let n = this.#ae.measure(), [r, i] = this.#Qe(this.#ge.baseTx + e, this.#ge.baseTy + t, this.#ne, n.containerWidth, n.containerHeight);
+			this.#re = r, this.#ie = i, this.#ae.setViewTransform(this.#ne, r, i), this.#pn(), this.#bt("pan"), this.#At();
 			return;
 		}
-		this.#ie && Math.hypot(e, t) > j && this.#Qe();
-		let n = this.#re;
-		n && (n.t = Y((n.direction === "forward" ? -e : e) / n.width, 0, 1), this.#$?.setFlipProgress(n.t, n.direction));
-	}
-	#tt(e) {
-		if (this.#de) return;
-		if (this.#ue) {
-			this.#ue = null, this.#i.send("panEnd"), this.#lt();
+		this.#ue && Math.hypot(e, t) > j && this.#ot();
+		let n = this.#le;
+		n && (n.t = X((n.direction === "forward" ? -e : e) / n.width, 0, 1), this.#ae?.setFlipProgress(n.t, n.direction));
+	}
+	#lt(e) {
+		if (this.#_e) return;
+		if (this.#ge) {
+			this.#ge = null, this.#i.send("panEnd"), this.#_t();
 			return;
 		}
-		let t = this.#re;
+		let t = this.#le;
 		if (!t) {
-			this.#ie = null, this.#nt(e) || this.#rt(e);
+			this.#ue = null, this.#ut(e) || this.#dt(e);
 			return;
 		}
-		this.#re = null, this.#i.send("release");
+		this.#le = 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.#qe(t.t, 1, t.direction, () => this.#Ye(t.targetIndex, t.toPage, t.toContent), () => this.#Je(t.toPage)) : this.#qe(t.t, 0, t.direction, () => this.#Dt());
+		i || t.t >= .5 && !a ? (this.#Gt(), this.#tt(t.t, 1, t.direction, () => this.#rt(t.targetIndex, t.toPage, t.toContent), () => this.#nt(t.toPage))) : this.#tt(t.t, 0, t.direction, () => this.#Ft());
 	}
-	#nt(e) {
-		if (this.#X > 1 || !e.swipe || Math.abs(e.dx) <= Math.abs(e.dy)) return !1;
+	#ut(e) {
+		if (this.#ne > 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.#st(n)) return this.#vt(n), !1;
+		if (!this.#ht(n)) return this.#Et(n), !1;
 		let r = t ? 1 : -1;
-		return this.#Be(() => this.#Ge(this.#B + r)), !0;
+		return this.#Ke(() => this.#$e(this.#K + r)), !0;
 	}
-	#rt(e) {
-		if (this.#u === "off" || this.#X > 1 || !this.#ae || Math.abs(e.dx) > j || Math.abs(e.dy) > j) return;
-		let t = this.#ot(this.#ae);
+	#dt(e) {
+		if (this.#u === "off" || this.#ne > 1 || !this.#de || Math.abs(e.dx) > j || Math.abs(e.dy) > j) return;
+		let t = this.#mt(this.#de);
 		if (!t) return;
-		if (!this.#st(t)) {
-			this.#vt(t);
+		if (!this.#ht(t)) {
+			this.#Et(t);
 			return;
 		}
-		this.#l = Y(this.#ae.y / this.#it().height, 0, 1);
-		let n = t === "forward" ? 1 : -1, r = () => this.#Ge(this.#B + n);
-		if (this.#Et(), this.#D <= 0) {
-			this.#Be(r);
+		this.#l = X(this.#de.y / this.#ft().height, 0, 1);
+		let n = t === "forward" ? 1 : -1, r = () => this.#$e(this.#K + n);
+		if (this.#Pt(), this.#N <= 0) {
+			this.#Ke(r);
 			return;
 		}
-		this.#oe = setTimeout(() => {
-			this.#oe = null, this.#Be(r);
-		}, this.#D);
+		this.#fe = setTimeout(() => {
+			this.#fe = null, this.#Ke(r);
+		}, this.#N);
 	}
-	#it() {
-		let e = this.#$.measure();
+	#ft() {
+		let e = this.#ae.measure();
 		return e.content ?? e.book ?? {
 			x: 0,
 			y: 0,
@@ -927,351 +955,364 @@ var ce = class {
 			height: e.containerHeight
 		};
 	}
-	#at(e, t) {
-		let n = this.#e.getBoundingClientRect(), r = this.#it();
+	#pt(e, t) {
+		let n = this.#e.getBoundingClientRect(), r = this.#ft();
 		return {
 			x: e - n.left - r.x,
 			y: t - n.top - r.y
 		};
 	}
-	#ot(e) {
-		if (!this.#$) return null;
-		let t = this.#it().width, n;
+	#mt(e) {
+		if (!this.#ae) return null;
+		let t = this.#ft().width, n;
 		if (n = this.#u === "half" ? e.x > t / 2 ? "right" : "left" : e.x <= this.#d ? "left" : e.x >= t - this.#d ? "right" : null, !n) return null;
 		let r = this.#a === "rtl" ? "left" : "right";
 		return n === r ? "forward" : "backward";
 	}
-	#st(e) {
-		let t = this.#B + (e === "forward" ? 1 : -1);
-		return t >= 0 && t < this.#z.length;
+	#ht(e) {
+		let t = this.#K + (e === "forward" ? 1 : -1);
+		return t >= 0 && t < this.#G.length;
 	}
-	#ct() {
+	#gt() {
 		let e = (e) => {
 			let t = e;
 			this.#p = {
 				x: t.clientX,
 				y: t.clientY
-			}, this.#lt();
+			}, this.#_t();
 		}, t = () => {
-			this.#p = null, this.#lt();
+			this.#p = null, this.#_t();
 		};
 		this.#e.addEventListener("pointermove", e), this.#e.addEventListener("pointerleave", t), this.#m = () => {
 			this.#e.removeEventListener("pointermove", e), this.#e.removeEventListener("pointerleave", t);
 		};
 	}
-	#lt() {
-		if (!this.#f || !this.#$) return;
+	#_t() {
+		if (!this.#f || !this.#ae) return;
 		let e = "";
-		this.#re || this.#ue ? e = "grabbing" : this.#p && (e = this.#ut(this.#p.x, this.#p.y)), this.#e.style.cursor = e;
+		this.#le || this.#ge ? e = "grabbing" : this.#p && (e = this.#vt(this.#p.x, this.#p.y)), this.#e.style.cursor = e;
 	}
-	#ut(e, t) {
-		if (!this.#$) return "";
-		let n = this.#it(), r = this.#at(e, t);
+	#vt(e, t) {
+		if (!this.#ae) return "";
+		let n = this.#ft(), r = this.#pt(e, t);
 		if (r.x < 0 || r.y < 0 || r.x > n.width || r.y > n.height) return "";
-		if (this.#X > 1) return "grab";
-		let i = this.#ot(r);
-		return i && this.#st(i) ? "pointer" : this.#W && this.#K !== null ? "zoom-in" : "";
+		if (this.#ne > 1) return "grab";
+		let i = this.#mt(r);
+		return i && this.#ht(i) ? "pointer" : this.#X && this.#Q !== null ? "zoom-in" : "";
 	}
-	#dt() {
+	#yt() {
 		try {
 			let e = localStorage.getItem(J);
 			if (!e) return;
 			let t = JSON.parse(e);
-			this.#_ = {
+			this.#C = {
 				turn: t.turn === !0,
 				zoom: t.zoom === !0,
 				pan: t.pan === !0
 			};
 		} catch {}
 	}
-	#ft(e) {
-		if (!this.#_[e] && (this.#_[e] = !0, e === "turn" && this.#mt(), e === "zoom" && this.#Tt(), this.#g)) try {
-			localStorage.setItem(J, JSON.stringify(this.#_));
+	#bt(e) {
+		if (!this.#C[e] && (this.#C[e] = !0, e === "turn" && this.#St(), e === "zoom" && this.#Nt(), this.#g)) try {
+			localStorage.setItem(J, JSON.stringify(this.#C));
 		} catch {}
 	}
-	#pt() {
-		!this.#h || this.#pe || this.#_.turn || (this.#mt(), this.#v = setTimeout(() => {
-			this.#v = null, this.#ht();
+	#xt() {
+		!this.#h || this.#ye || this.#C.turn || (this.#St(), this.#w = setTimeout(() => {
+			this.#w = null, this.#Ct();
 		}, K));
 	}
-	#mt() {
-		this.#v !== null && (clearTimeout(this.#v), this.#v = null);
+	#St() {
+		this.#w !== null && (clearTimeout(this.#w), this.#w = null);
 	}
-	async #ht() {
-		if (!this.#h || this.#pe || this.#_.turn || !this.#$ || typeof requestAnimationFrame != "function" || this.#i.state !== "idle") return;
-		let e = this.#B + 1, t = this.#z[e];
+	async #Ct() {
+		if (!this.#h || this.#ye || this.#C.turn || !this.#ae || typeof requestAnimationFrame != "function" || this.#i.state !== "idle") return;
+		let e = this.#K + 1, t = this.#G[e];
 		if (!t) return;
-		let n = await this.#un(t);
-		if (this.#te || this.#_.turn || this.#i.state !== "idle" || this.#y) return;
-		this.#l = 1, this.#$.beginFlip(this.#H, n, "forward", {
-			fill: this.#k,
-			curl: this.#Yt(),
+		let n = await this.#bn(t);
+		if (this.#se || this.#C.turn || this.#i.state !== "idle" || this.#T) return;
+		this.#l = 1, this.#ae.beginFlip(this.#J, n, "forward", {
+			fill: this.#F,
+			curl: this.#an(),
 			anchor: { y: this.#l }
 		});
 		let r = {};
-		this.#y = r;
-		let i = performance.now(), a = U * 2, o = () => {
-			if (this.#y !== r) return;
-			let e = Math.min(1, (performance.now() - i) / a), t = oe * Math.sin(e * Math.PI);
-			this.#$?.setFlipProgress(Math.max(0, t), "forward"), e < 1 ? this.#ne = requestAnimationFrame(o) : (this.#ne = null, this.#y = null, this.#_t());
+		this.#T = r;
+		let i = performance.now(), a = oe * 2, o = () => {
+			if (this.#T !== r) return;
+			let e = Math.min(1, (performance.now() - i) / a), t = U * Math.sin(e * Math.PI);
+			this.#ae?.setFlipProgress(Math.max(0, t), "forward"), e < 1 ? this.#ce = requestAnimationFrame(o) : (this.#ce = null, this.#T = null, this.#Tt());
 		};
-		this.#ne = requestAnimationFrame(o);
+		this.#ce = requestAnimationFrame(o);
 	}
-	#gt() {
-		this.#y && (this.#y = null, this.#ne !== null && (cancelAnimationFrame(this.#ne), this.#ne = null), this.#_t());
+	#wt() {
+		this.#T && (this.#T = null, this.#ce !== null && (cancelAnimationFrame(this.#ce), this.#ce = null), this.#Tt());
 	}
-	#_t() {
-		let e = this.#z[this.#B];
-		e && this.#i.state === "idle" && this.#en(e, this.#H);
+	#Tt() {
+		let e = this.#G[this.#K];
+		e && this.#i.state === "idle" && this.#un(e, this.#J);
 	}
-	#vt(e) {
-		if (!this.#$ || typeof requestAnimationFrame != "function" || this.#pe || this.#i.state !== "idle" || this.#X > 1 || this.#b) return;
+	#Et(e) {
+		if (!this.#ae || typeof requestAnimationFrame != "function" || this.#ye || this.#i.state !== "idle" || this.#ne > 1 || this.#E) return;
 		let t = e === "forward", n = (this.#a === "rtl" ? !t : t) ? -1 : 1, r = {};
-		this.#b = r;
+		this.#E = r;
 		let i = performance.now(), a = () => {
-			if (this.#b !== r) return;
+			if (this.#E !== r) return;
 			let e = Math.min(1, (performance.now() - i) / G), t = W * Math.sin(e * Math.PI);
-			this.#$?.setViewTransform(1, n * t, 0), e < 1 ? this.#ne = requestAnimationFrame(a) : (this.#ne = null, this.#b = null, this.#$?.setViewTransform(1, 0, 0));
+			this.#ae?.setViewTransform(1, n * t, 0), e < 1 ? this.#ce = requestAnimationFrame(a) : (this.#ce = null, this.#E = null, this.#ae?.setViewTransform(1, 0, 0));
 		};
-		this.#ne = requestAnimationFrame(a);
+		this.#ce = requestAnimationFrame(a);
 	}
-	#yt() {
-		this.#b && (this.#b = null, this.#ne !== null && (cancelAnimationFrame(this.#ne), this.#ne = null), this.#$?.setViewTransform(1, 0, 0));
+	#Dt() {
+		this.#E && (this.#E = null, this.#ce !== null && (cancelAnimationFrame(this.#ce), this.#ce = null), this.#ae?.setViewTransform(1, 0, 0));
 	}
-	#bt() {
-		this.#_.pan || this.#xt("Drag to move");
+	#Ot() {
+		this.#C.pan || this.#kt("Drag to move");
 	}
-	#xt(e) {
+	#kt(e) {
 		if (!this.#h) return;
 		let t = this.#e.ownerDocument;
 		if (!t || typeof this.#e.appendChild != "function") return;
-		this.#St();
+		this.#At();
 		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.#pe && typeof requestAnimationFrame == "function";
-		r && (n.style.transition = "opacity 200ms ease"), this.#e.appendChild(n), this.#x = n, r ? requestAnimationFrame(() => {
-			this.#x === n && (n.style.opacity = "1");
-		}) : n.style.opacity = "1", this.#S = setTimeout(() => this.#St(), q);
+		let r = !this.#ye && typeof requestAnimationFrame == "function";
+		r && (n.style.transition = "opacity 200ms ease"), this.#e.appendChild(n), this.#D = n, r ? requestAnimationFrame(() => {
+			this.#D === n && (n.style.opacity = "1");
+		}) : n.style.opacity = "1", this.#O = setTimeout(() => this.#At(), q);
 	}
-	#St() {
-		this.#S !== null && (clearTimeout(this.#S), this.#S = null), this.#x?.remove(), this.#x = null;
+	#At() {
+		this.#O !== null && (clearTimeout(this.#O), this.#O = null), this.#D?.remove(), this.#D = null;
 	}
-	#Ct(e, t) {
-		!this.#h || this.#_.zoom || this.#w || this.#T === "mouse" && this.#ut(e, t) === "zoom-in" && (this.#i.state === "animating" || performance.now() - this.#be <= P || (this.#Tt(), this.#C = setTimeout(() => {
-			this.#C = null, !(this.#_.zoom || this.#w) && (this.#w = !0, this.#xt(this.#wt()));
+	#jt(e, t) {
+		!this.#h || this.#C.zoom || this.#A || this.#j === "mouse" && this.#vt(e, t) === "zoom-in" && (this.#i.state === "animating" || performance.now() - this.#Ee <= P || (this.#Nt(), this.#k = setTimeout(() => {
+			this.#k = null, !(this.#C.zoom || this.#A) && (this.#A = !0, this.#kt(this.#Mt()));
 		}, M)));
 	}
-	#wt() {
+	#Mt() {
 		let e = [];
-		if (this.#K !== null && e.push("Double-click"), this.#G) {
+		if (this.#Q !== null && e.push("Double-click"), this.#Z) {
 			let t = this.#e.ownerDocument?.defaultView?.navigator, n = /Mac|iPhone|iPad/.test(t?.platform ?? "");
 			e.push(`${n ? "⌘" : "Ctrl"}-scroll`);
 		}
 		return `${e.join(" or ")} to zoom`;
 	}
-	#Tt() {
-		this.#C !== null && (clearTimeout(this.#C), this.#C = null);
+	#Nt() {
+		this.#k !== null && (clearTimeout(this.#k), this.#k = null);
 	}
-	#Et() {
-		this.#oe !== null && (clearTimeout(this.#oe), this.#oe = null);
+	#Pt() {
+		this.#fe !== null && (clearTimeout(this.#fe), this.#fe = null);
 	}
-	#Dt() {
-		let e = this.#z[this.#B];
-		e && this.#en(e, this.#H), this.#i.send("settle"), this.#lt(), this.#n.emit("flipEnd", { page: this.#V }), this.#He();
+	#Ft() {
+		let e = this.#G[this.#K];
+		e && this.#un(e, this.#J), this.#i.send("settle"), this.#_t(), this.#n.emit("flipEnd", { page: this.#q }), this.#Je();
 	}
-	#Ot() {
-		if (this.#ie = null, this.#Et(), this.#re) {
-			this.#re = null, this.#i.send("release"), this.#i.send("settle");
-			let e = this.#z[this.#B];
-			e && this.#en(e, this.#H);
-		} else this.#ue && (this.#ue = null, this.#i.send("panEnd"));
-		this.#de = !0, this.#fe = this.#X;
-	}
-	#kt(e, t, n) {
-		if (!this.#de) return;
+	#It() {
+		if (this.#ue = null, this.#Pt(), this.#le) {
+			this.#le = null, this.#i.send("release"), this.#i.send("settle");
+			let e = this.#G[this.#K];
+			e && this.#un(e, this.#J);
+		} else this.#ge && (this.#ge = null, this.#i.send("panEnd"));
+		this.#_e = !0, this.#ve = this.#ne;
+	}
+	#Lt(e, t, n) {
+		if (!this.#_e) return;
 		let r = this.#e.getBoundingClientRect();
-		this.setZoom(this.#fe * n, {
+		this.setZoom(this.#ve * n, {
 			x: e - r.left,
 			y: t - r.top
 		});
 	}
-	#At() {
-		this.#de = !1;
+	#Rt() {
+		this.#_e = !1;
 	}
-	#jt() {
-		if (!this.#I) return;
+	#zt() {
+		if (!this.#H) return;
 		let e = (e) => e.preventDefault();
-		this.#e.addEventListener("contextmenu", e), this.#_e = () => this.#e.removeEventListener("contextmenu", e);
+		this.#e.addEventListener("contextmenu", e), this.#Ce = () => this.#e.removeEventListener("contextmenu", e);
 	}
-	#Mt() {
+	#Bt() {
 		let e = (e) => {
-			if (!this.#G || !this.#W || !(e.ctrlKey || e.metaKey)) return;
+			if (!this.#Z || !this.#X || !(e.ctrlKey || e.metaKey)) return;
 			e.preventDefault();
 			let t = this.#e.getBoundingClientRect(), n = Math.exp(-e.deltaY * A);
-			this.setZoom(this.#X * n, {
+			this.setZoom(this.#ne * n, {
 				x: e.clientX - t.left,
 				y: e.clientY - t.top
 			});
 		};
-		this.#e.addEventListener("wheel", e, { passive: !1 }), this.#ge = () => this.#e.removeEventListener("wheel", e);
+		this.#e.addEventListener("wheel", e, { passive: !1 }), this.#Se = () => this.#e.removeEventListener("wheel", e);
 	}
-	#Nt() {
+	#Vt() {
 		let e = (e) => {
-			this.#T = e.pointerType;
+			this.#j = e.pointerType;
 		}, t = (e) => {
-			let t = this.#K;
-			if (!this.#W || t === null || !this.#$) return;
-			let n = performance.now(), r = this.#ye;
+			let t = this.#Q;
+			if (!this.#X || t === null || !this.#ae) return;
+			let n = performance.now(), r = this.#Te;
 			if (!(r !== null && n - r.t <= M && Math.hypot(e.clientX - r.x, e.clientY - r.y) <= N)) {
-				this.#ye = {
+				this.#Te = {
 					t: n,
 					x: e.clientX,
 					y: e.clientY
-				}, this.#Ct(e.clientX, e.clientY);
+				}, this.#jt(e.clientX, e.clientY);
 				return;
 			}
-			this.#ye = null, this.#Tt(), this.#Pt(e.clientX, e.clientY, t);
+			this.#Te = null, this.#Nt(), this.#Ht(e.clientX, e.clientY, t);
 		};
-		this.#e.addEventListener("pointerdown", e), this.#e.addEventListener("click", t), this.#ve = () => {
+		this.#e.addEventListener("pointerdown", e), this.#e.addEventListener("click", t), this.#we = () => {
 			this.#e.removeEventListener("pointerdown", e), this.#e.removeEventListener("click", t);
 		};
 	}
-	#Pt(e, t, n) {
-		if (this.#X <= 1 && this.#u !== "off" && !this.#E) {
-			let n = this.#at(e, t), r = this.#ot(n);
-			if (r !== null && this.#st(r) || this.#i.state === "animating" || performance.now() - this.#be <= P) return;
+	#Ht(e, t, n) {
+		if (this.#ne <= 1 && this.#u !== "off" && !this.#M) {
+			let n = this.#pt(e, t), r = this.#mt(n);
+			if (r !== null && this.#ht(r) || this.#i.state === "animating" || performance.now() - this.#Ee <= P) return;
 		}
-		this.#Et();
-		let r = n.find((e) => e > this.#X + 1e-6) ?? n[0] ?? this.#X, i = this.#e.getBoundingClientRect();
+		this.#Pt();
+		let r = n.find((e) => e > this.#ne + 1e-6) ?? n[0] ?? this.#ne, i = this.#e.getBoundingClientRect();
 		this.setZoom(r, {
 			x: e - i.left,
 			y: t - i.top
 		});
 	}
-	async #Ft(e) {
-		let t = E(e);
-		if (this.#t.onProgress?.((e) => this.#It(e)), typeof this.#t.open == "function") {
-			this.#Lt();
+	async #Ut(e) {
+		let t = O(e);
+		if (this.#t.onProgress?.((e) => this.#Kt(e)), typeof this.#t.open == "function") {
+			this.#qt();
 			try {
-				await this.#t.open(), this.#mn();
+				await this.#t.open(), this.#wn();
 			} catch (e) {
-				throw this.#zt(), e;
+				throw this.#Yt(), e;
 			}
-			this.#Rt("preparing");
+			this.#Jt("preparing");
 		}
-		this.#t.prefetch([this.#V]);
-		let n = await t, r = await this.#Bt(n);
-		this.#$ = r, this.#t.onPageUpdate?.((e) => this.#nn(e)), this.#Zt(r.measure().containerWidth);
+		this.#t.prefetch([this.#q]);
+		let n = await t, r = await this.#Xt(n);
+		this.#ae = r, this.#t.onPageUpdate?.((e) => this.#fn(e)), this.#sn(r.measure().containerWidth);
 		let i = new m({
-			onStart: (e) => this.#Ze(e.x, e.y),
-			onMove: (e) => this.#et(e.dx, e.dy),
-			onEnd: (e) => this.#tt(e)
+			onStart: (e) => this.#at(e.x, e.y),
+			onMove: (e) => this.#ct(e.dx, e.dy),
+			onEnd: (e) => this.#lt(e)
 		}), a = new _({
-			onPinchStart: () => this.#Ot(),
-			onPinchMove: (e) => this.#kt(e.centerX, e.centerY, e.scale),
-			onPinchEnd: () => this.#At()
+			onPinchStart: () => this.#It(),
+			onPinchMove: (e) => this.#Lt(e.centerX, e.centerY, e.scale),
+			onPinchEnd: () => this.#Rt()
 		});
-		this.#he = h(this.#e, {
+		this.#xe = h(this.#e, {
 			pointer: i,
 			pinch: a
-		}), this.#Ue(), this.#Mt(), this.#Nt(), this.#jt(), this.#ct(), this.#Ht(), this.#xe = this.#Gt(), await this.#$t(), this.#zt(), this.#cn(), this.#fn(), this.#qt(), this.#Wt(), await this.#Ut(), this.#n.emit("ready"), this.#ht(), this.#pt();
+		}), this.#Ze(), this.#Bt(), this.#Vt(), this.#zt(), this.#gt(), this.#Qt(), this.#De = this.#tn(), await this.#ln(), this.#Yt(), this.#vn(), this.#Sn(), this.#rn(), this.#en(), await this.#$t(), this.#Wt(), this.#n.emit("ready"), this.#Ct(), this.#xt();
 	}
-	#It(e) {
-		this.#je = e, this.#n.emit("progress", e), this.#Ae?.update(e);
+	async #Wt() {
+		if (!(!this.#_ || this.#b || this.#S || this.#se)) {
+			this.#S = !0;
+			try {
+				let { FlipSound: e } = await import("./flipSound-BFXSkWBo.js");
+				if (this.#se) return;
+				this.#y = new e(this.#v), this.#y.setMuted(this.#b);
+			} catch {}
+		}
 	}
-	async #Lt() {
-		if (this.#ke === !1 || this.#te) return;
+	#Gt() {
+		this.#y?.play();
+	}
+	#Kt(e) {
+		this.#Le = e, this.#n.emit("progress", e), this.#Ie?.update(e);
+	}
+	async #qt() {
+		if (this.#Fe === !1 || this.#se) return;
 		let e = this.#e;
 		if (!(!e.ownerDocument || typeof e.appendChild != "function")) try {
 			let { mountLoading: t } = await import("./loading-DF88K9yJ.js");
-			if (this.#Me === "done" || this.#te) return;
-			this.#Ae = t(e), this.#je && this.#Ae.update(this.#je), this.#Me === "preparing" && this.#Ae.preparing();
+			if (this.#Re === "done" || this.#se) return;
+			this.#Ie = t(e), this.#Le && this.#Ie.update(this.#Le), this.#Re === "preparing" && this.#Ie.preparing();
 		} catch {}
 	}
-	#Rt(e) {
-		this.#Me !== "done" && (this.#Me = e, this.#Ae?.preparing());
+	#Jt(e) {
+		this.#Re !== "done" && (this.#Re = e, this.#Ie?.preparing());
 	}
-	#zt() {
-		this.#Me = "done", this.#Ae?.destroy(), this.#Ae = null;
+	#Yt() {
+		this.#Re = "done", this.#Ie?.destroy(), this.#Ie = null;
 	}
-	async #Bt(e) {
+	async #Xt(e) {
 		try {
 			return await e.mount(this.#e), e.onFatal?.(() => {
-				this.#Vt();
+				this.#Zt();
 			}), e;
 		} catch {
 			e.destroy();
-			let t = await E("css");
-			return await t.mount(this.#e), this.#ee = !0, this.#n.emit("rendererFallback", {
+			let t = await O("css");
+			return await t.mount(this.#e), this.#oe = !0, this.#n.emit("rendererFallback", {
 				from: "webgl2",
 				to: "css"
 			}), t;
 		}
 	}
-	async #Vt() {
-		if (this.#ee || this.#te) return;
-		this.#ee = !0, this.#$?.destroy(), this.#$ = null;
-		let e = await E("css");
-		if (this.#te) {
+	async #Zt() {
+		if (this.#oe || this.#se) return;
+		this.#oe = !0, this.#ae?.destroy(), this.#ae = null;
+		let e = await O("css");
+		if (this.#se) {
 			e.destroy();
 			return;
 		}
-		await e.mount(this.#e), this.#$ = e, this.#Zt(e.measure().containerWidth), await this.#$t(), this.#n.emit("rendererFallback", {
+		await e.mount(this.#e), this.#ae = e, this.#sn(e.measure().containerWidth), await this.#ln(), this.#n.emit("rendererFallback", {
 			from: "webgl2",
 			to: "css"
 		});
 	}
-	#Ht() {
+	#Qt() {
 		if (typeof matchMedia != "function") return;
 		let e = matchMedia("(prefers-reduced-motion: reduce)");
-		this.#pe = e.matches, e.addEventListener?.("change", (e) => {
-			this.#pe = e.matches;
+		this.#ye = e.matches, e.addEventListener?.("change", (e) => {
+			this.#ye = e.matches;
 		});
 	}
-	async #Ut() {
-		let e = this.#we !== !1, t = this.#Ee !== !1;
-		if (!e && !t || this.#te) return;
+	async #$t() {
+		let e = this.#Ae !== !1, t = this.#Me !== !1;
+		if (!e && !t || this.#se) return;
 		let n = this.#e;
 		if (!(!n.ownerDocument || typeof n.appendChild != "function")) try {
-			let { mountControls: e, mountContextMenu: t } = await import("./controls-CcOu_19g.js");
-			if (this.#te) return;
-			if (this.#we !== !1) {
-				let t = this.#we === !0 ? {} : this.#we;
-				this.#Te = e(this, n, t, this.#Oe);
+			let { mountControls: e, mountContextMenu: t } = await import("./controls-DzVdwPJB.js");
+			if (this.#se) return;
+			if (this.#Ae !== !1) {
+				let t = this.#Ae === !0 ? {} : this.#Ae;
+				this.#je = e(this, n, t, this.#Pe);
 			}
-			if (this.#Ee !== !1) {
-				let e = this.#Ee === !0 ? {} : this.#Ee;
-				this.#De = t(this, n, e, this.#Oe);
+			if (this.#Me !== !1) {
+				let e = this.#Me === !0 ? {} : this.#Me;
+				this.#Ne = t(this, n, e, this.#Pe);
 			}
 		} catch {}
 	}
-	#Wt() {
-		if (!this.#F || globalThis.location === void 0) return;
+	#en() {
+		if (!this.#V || globalThis.location === void 0) return;
 		let e = globalThis;
-		this.#L = C(e, (e) => {
-			e !== this.#V && this.flipTo(e);
-		}), this.#L.push(this.#V), this.#R = this.#n.on("pageChanged", ({ page: e }) => {
-			this.#L?.push(e);
+		this.#U = ee(e, (e) => {
+			e !== this.#q && this.flipTo(e);
+		}), this.#U.push(this.#q), this.#W = this.#n.on("pageChanged", ({ page: e }) => {
+			this.#U?.push(e);
 		});
 	}
-	pageLink(e = this.#V) {
+	pageLink(e = this.#q) {
 		let t = globalThis.location?.href ?? "";
 		if (!t) return "";
 		let n = new URL(t);
-		return n.hash = S(n.hash, Y(e, 0, Math.max(0, this.#t.pageCount - 1))), n.toString();
+		return n.hash = C(n.hash, X(e, 0, Math.max(0, this.#t.pageCount - 1))), n.toString();
 	}
-	#Gt() {
+	#tn() {
 		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", "flipbook");
-		let n = (e) => this.#Kt(e);
+		let n = (e) => this.#nn(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.#me = r, () => {
-			e.removeEventListener("keydown", n), r.remove(), this.#me = 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.#be = r, () => {
+			e.removeEventListener("keydown", n), r.remove(), this.#be = null;
 		};
 	}
-	#Kt(e) {
+	#nn(e) {
 		let t = this.#a === "rtl" ? "ArrowLeft" : "ArrowRight";
 		switch (e.key) {
 			case "ArrowRight":
@@ -1287,98 +1328,98 @@ var ce = class {
 			default: break;
 		}
 	}
-	#qt() {
-		this.#me && (this.#me.textContent = `Page ${this.#V + 1} of ${this.#t.pageCount}`);
+	#rn() {
+		this.#be && (this.#be.textContent = `Page ${this.#q + 1} of ${this.#t.pageCount}`);
 	}
-	#Jt() {
-		return this.#pe ? B : this.#U * (this.#k ? F : 1);
+	#in() {
+		return this.#ye ? B : this.#Y * (this.#F ? F : 1);
 	}
-	#Yt() {
-		return this.#pe ? "simple" : this.#c;
+	#an() {
+		return this.#ye ? "simple" : this.#c;
 	}
 	update() {
-		!this.#$ || this.#i.state !== "idle" || (this.#Zt(this.#$.measure().containerWidth), this.#$t(), this.#lt());
+		!this.#ae || this.#i.state !== "idle" || (this.#sn(this.#ae.measure().containerWidth), this.#ln(), this.#_t());
 	}
-	#Xt() {
-		return this.#j || this.#o === "single" ? "single" : this.#o;
+	#on() {
+		return this.#L || this.#o === "single" ? "single" : this.#o;
 	}
-	#Zt(e) {
-		let t = this.#M && o(e, this.#O);
-		t !== this.#j && (this.#j = t, this.#Qt());
+	#sn(e) {
+		let t = this.#R && o(e, this.#P);
+		t !== this.#L && (this.#L = t, this.#cn());
 	}
-	#Qt() {
-		let e = this.#Xt(), t = e !== this.#A;
-		this.#A = e, this.#k = e === "single", this.#z = a(this.#t.pageCount, {
+	#cn() {
+		let e = this.#on(), t = e !== this.#I;
+		this.#I = e, this.#F = e === "single", this.#G = a(this.#t.pageCount, {
 			direction: this.#a,
 			mode: e
-		}), this.#B = this.#pn(this.#V), t && this.#n.emit("spreadChanged", {
+		}), this.#K = this.#Cn(this.#q), t && this.#n.emit("spreadChanged", {
 			mode: e,
-			singlePage: this.#k
+			singlePage: this.#F
 		});
 	}
-	async #$t() {
-		let e = this.#z[this.#B];
-		!e || !this.#$ || (this.#H = await this.#un(e), this.#en(e, this.#H));
+	async #ln() {
+		let e = this.#G[this.#K];
+		!e || !this.#ae || (this.#J = await this.#bn(e), this.#un(e, this.#J));
 	}
-	#en(e, t) {
-		this.#$?.renderSpread(e, t, { fill: this.#k }), this.#tn(), this.#Ne = 1, this.#rn();
+	#un(e, t) {
+		this.#ae?.renderSpread(e, t, { fill: this.#F }), this.#dn(), this.#ze = 1, this.#pn();
 	}
-	#tn() {
-		let e = this.#$?.measure().book;
+	#dn() {
+		let e = this.#ae?.measure().book;
 		if (!e || e.width <= 0 || e.height <= 0) return;
-		let t = (e.width / e.height).toFixed(4);
-		t !== this.#N && (this.#N = t, this.#e.style.aspectRatio = t);
+		let t = e.width / e.height;
+		this.#z !== null && Math.abs(t - this.#z) < .005 || (this.#z = t, this.#e.style.aspectRatio = t.toFixed(4));
 	}
-	#nn(e) {
+	#fn(e) {
 		if (this.#i.state !== "idle") {
-			this.#Ce.add(e);
+			this.#ke.add(e);
 			return;
 		}
-		let t = this.#z[this.#B];
+		let t = this.#G[this.#K];
 		if (!(!t || !(t.left === e || t.right === e))) {
-			if (this.#X > 1) {
-				this.#rn();
+			if (this.#ne > 1) {
+				this.#pn();
 				return;
 			}
-			this.#$t();
+			this.#ln();
 		}
 	}
-	#rn() {
-		this.#Fe !== null && clearTimeout(this.#Fe);
-		let e = this.#an();
-		if (e !== this.#Ne) {
+	#pn() {
+		this.#Ve !== null && clearTimeout(this.#Ve);
+		let e = this.#hn();
+		if (e !== this.#ze) {
 			if (e === 1) {
-				this.#Pe++, this.#Ne = 1, this.#$t();
+				this.#Be++, this.#ze = 1, this.#ln();
 				return;
 			}
-			this.#Fe = setTimeout(() => {
-				this.#Fe = null, this.#on();
+			this.#Ve = setTimeout(() => {
+				this.#Ve = null, this.#gn();
 			}, L);
 		}
 	}
-	#in() {
-		let e = this.#$?.measure(), t = e?.content ?? e?.book;
+	#mn() {
+		let e = this.#ae?.measure(), t = e?.content ?? e?.book;
 		if (!t || t.width <= 0) return 1;
-		let n = this.#H, r = +!!n.left + +!!n.right;
+		let n = this.#J, 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.#Ne;
+			let t = e.width / this.#ze;
 			o = Math.max(o, i * a / t);
 		}
 		return o === 0 ? 1 : o;
 	}
-	#an() {
-		let e = Math.max(1, z / (typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1)), t = this.#X <= 1 ? 1 : this.#X, n = this.#in() * Math.max(t, e);
+	#hn() {
+		let e = Math.max(1, z / (typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1)), t = this.#ne <= 1 ? 1 : this.#ne, n = this.#mn() * Math.max(t, e);
 		return n <= 1.001 ? 1 : Math.min(Math.ceil(n * 2) / 2, R);
 	}
-	async #on() {
-		let e = this.#z[this.#B];
-		if (!this.#$ || !e) return;
-		let t = this.#an();
-		if (t === 1 || t === this.#Ne || this.#i.state !== "idle") return;
-		let n = ++this.#Pe, r = {
+	async #gn() {
+		let e = this.#G[this.#K];
+		if (!this.#ae || !e) return;
+		let t = this.#hn();
+		if (t === 1 || t === this.#ze || this.#i.state !== "idle") return;
+		let n = ++this.#Be, r = {
 			x: 0,
 			y: 0,
 			width: 1,
@@ -1389,7 +1430,7 @@ var ce = class {
 				return await this.#t.get(e, {
 					scale: t,
 					region: r,
-					maxSize: this.#$?.maxTextureSize
+					maxSize: this.#ae?.maxTextureSize
 				});
 			} catch (t) {
 				return this.#n.emit("sourceError", {
@@ -1398,34 +1439,34 @@ var ce = class {
 				}), null;
 			}
 		}));
-		if (n !== this.#Pe || this.#an() !== t || this.#i.state !== "idle") return;
-		let a = i[0] ?? this.#H.left, o = i[1] ?? this.#H.right;
-		a === this.#H.left && o === this.#H.right || (this.#Ne = t, this.#H = {
+		if (n !== this.#Be || this.#hn() !== t || this.#i.state !== "idle") return;
+		let a = i[0] ?? this.#J.left, o = i[1] ?? this.#J.right;
+		a === this.#J.left && o === this.#J.right || (this.#ze = t, this.#J = {
 			left: a,
 			right: o
-		}, this.#$.renderSpread(e, this.#H, { fill: this.#k }));
+		}, this.#ae.renderSpread(e, this.#J, { fill: this.#F }));
 	}
-	#sn() {
-		if (this.#Ce.size === 0) return;
-		let e = this.#z[this.#B], t = e !== void 0 && [e.left, e.right].some((e) => e !== null && this.#Ce.has(e));
-		this.#Ce.clear(), t && (this.#X > 1 ? this.#rn() : this.#$t());
+	#_n() {
+		if (this.#ke.size === 0) return;
+		let e = this.#G[this.#K], t = e !== void 0 && [e.left, e.right].some((e) => e !== null && this.#ke.has(e));
+		this.#ke.clear(), t && (this.#ne > 1 ? this.#pn() : this.#ln());
 	}
-	#cn() {
-		typeof ResizeObserver > "u" || (this.#J = new ResizeObserver(() => this.#ln()), this.#J.observe(this.#e));
+	#vn() {
+		typeof ResizeObserver > "u" || (this.#ee = new ResizeObserver(() => this.#yn()), this.#ee.observe(this.#e));
 	}
-	#ln() {
-		this.#Y || (this.#Y = !0, requestAnimationFrame(() => {
-			this.#Y = !1, this.update();
+	#yn() {
+		this.#te || (this.#te = !0, requestAnimationFrame(() => {
+			this.#te = !1, this.update();
 		}));
 	}
-	async #un(e) {
-		let [t, n] = await Promise.all([this.#dn(e.left), this.#dn(e.right)]);
+	async #bn(e) {
+		let [t, n] = await Promise.all([this.#xn(e.left), this.#xn(e.right)]);
 		return {
 			left: t,
 			right: n
 		};
 	}
-	async #dn(e) {
+	async #xn(e) {
 		if (e === null) return null;
 		try {
 			return await this.#t.get(e);
@@ -1436,49 +1477,49 @@ var ce = class {
 			}), null;
 		}
 	}
-	#fn() {
-		let { toMount: e } = this.#r.update(this.#B, this.#z.length), t = [];
+	#Sn() {
+		let { toMount: e } = this.#r.update(this.#K, this.#G.length), t = [];
 		for (let n of e) {
-			let e = this.#z[n];
+			let e = this.#G[n];
 			e?.left != null && t.push(e.left), e?.right != null && t.push(e.right);
 		}
 		this.#t.prefetch(t);
 	}
-	#pn(e) {
-		let t = this.#z.findIndex((t) => t.left === e || t.right === e);
+	#Cn(e) {
+		let t = this.#G.findIndex((t) => t.left === e || t.right === e);
 		return t === -1 ? 0 : t;
 	}
-	#mn() {
+	#wn() {
 		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.#P;
+		let t = this.#B;
 		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.#Xt();
-		this.#k = n === "single", this.#z = a(e, {
+		let n = this.#on();
+		this.#F = n === "single", this.#G = a(e, {
 			direction: this.#a,
 			mode: n
 		});
-		let r = this.#F ? x(globalThis.location?.hash ?? "") : null;
-		this.#V = Y(r ?? t ?? 0, 0, e - 1), this.#B = this.#pn(this.#V);
+		let r = this.#V ? S(globalThis.location?.hash ?? "") : null;
+		this.#q = X(r ?? t ?? 0, 0, e - 1), this.#K = this.#Cn(this.#q);
 	}
 };
-function Y(e, t, n) {
+function X(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function X(e, t, n) {
+function Z(e, t, n) {
 	if (t <= n) {
 		let r = (n - t) / 2 - e;
 		return [r, r];
 	}
 	return [n - (e + t), -e];
 }
-function Z(e) {
+function le(e) {
 	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
 function Q(e) {
 	return e === null ? "null" : Array.isArray(e) ? "array" : typeof e;
 }
-function le(n, r) {
+function ue(n, r) {
 	if (typeof n != "object" || !n || typeof n.appendChild != "function" || typeof n.addEventListener != "function") throw Error(`Zine: container must be a DOM element; received ${Q(n)}.`);
 	if (typeof r != "object" || !r) throw Error("Zine: an options object with a `source` is required.");
 	let i = r, a = i.source;
@@ -1534,25 +1575,34 @@ function le(n, r) {
 	if (i.disableContextMenu === !0 && m !== void 0 && m !== !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 g = i.hideControls;
 	if (g !== void 0 && (!Array.isArray(g) || g.some((e) => typeof e != "string"))) throw Error(`Zine: hideControls must be an array of control-id strings; got ${Q(g)}.`);
-	let _ = i.spreadMode;
-	if (_ !== void 0 && ![
+	let _ = i.sound;
+	if (_ !== void 0 && typeof _ != "boolean" && (typeof _ != "object" || !_)) throw Error(`Zine: sound must be a boolean or an options object; got ${Q(_)}.`);
+	if (typeof _ == "object" && _) {
+		let e = _;
+		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 v = i.spreadMode;
+	if (v !== void 0 && ![
 		"double",
 		"single",
 		"cover",
 		"book"
-	].includes(_)) throw Error(`Zine: spreadMode must be 'double', 'single', 'cover', or 'book'; got ${JSON.stringify(_)}.`);
+	].includes(v)) throw Error(`Zine: spreadMode must be 'double', 'single', 'cover', or 'book'; got ${JSON.stringify(v)}.`);
 	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 v = i.pages;
-	if (v !== void 0 && (typeof v != "object" || !v || Array.isArray(v))) 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), ue(i.zoom), de(i.renderer);
+	let y = i.pages;
+	if (y !== void 0 && (typeof y != "object" || !y || Array.isArray(y))) 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), de(i.zoom), fe(i.renderer);
 }
 function $(e, t, n) {
 	if (e !== void 0 && (typeof e != "number" || !Number.isFinite(e) || e < n)) throw Error(`Zine: ${t} must be a number >= ${n}; got ${JSON.stringify(e)}.`);
 }
-function ue(e) {
+function de(e) {
 	if (e === void 0) return;
 	if (typeof e != "object" || !e || Array.isArray(e)) throw Error("Zine: zoom must be an object, e.g. { max: 4 }.");
 	let t = e;
@@ -1565,7 +1615,7 @@ function ue(e) {
 	}
 	$(t.max, "zoom.max", 1);
 }
-function de(e) {
+function fe(e) {
 	if (e !== void 0) {
 		if (typeof e == "string") {
 			if (e !== "auto" && e !== "css" && e !== "webgl2") throw Error(`Zine: renderer '${e}' is not recognized; use 'auto', 'css', 'webgl2', an array of those, or a custom Renderer.`);
@@ -1580,7 +1630,7 @@ function de(e) {
 }
 //#endregion
 //#region src/source/imageSource.ts
-var fe = class {
+var pe = class {
 	pageCount;
 	fit;
 	#e;
@@ -1617,6 +1667,6 @@ var fe = class {
 	}
 };
 //#endregion
-export { t as CURL_TYPES, i as DEFAULT_ITEMS, e as IMPORTABLE_CURLS, fe as ImageSource, ce as Zine, n as defineControl, r as getControl };
+export { t as CURL_TYPES, i as DEFAULT_ITEMS, e as IMPORTABLE_CURLS, pe as ImageSource, ce as Zine, n as defineControl, r as getControl };
 
 //# sourceMappingURL=index.js.map