@zinejs/core 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "./types-Bz64qLvE.js";
+import { t as e } from "./types-D-rEO00p.js";
 //#region src/engine/spread.ts
 function t(e, t = {}) {
 	let { direction: n = "ltr", mode: r = "cover" } = t;
@@ -256,7 +256,7 @@ function m(e, t, n) {
 //#region src/renderer/select.ts
 var h = {
 	css: async () => new (await (import("./cssRenderer-OzRRoEa4.js"))).CssRenderer(),
-	webgl2: async () => new (await (import("./webglRenderer-m-lr412M.js"))).WebglRenderer()
+	webgl2: async () => new (await (import("./webglRenderer-Bg6VF4CW.js"))).WebglRenderer()
 }, g = !0;
 function _(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && typeof e.mount == "function";
@@ -351,7 +351,7 @@ var w = class {
 			throw this.#a.delete(e), t;
 		}), this.#a.set(e, t)), t;
 	}
-}, T = .25, E = .0015, D = 6, O = 250, k = 1.75, A = class {
+}, T = .25, E = .0015, D = 6, O = 250, k = 1.55, A = class {
 	#e;
 	#t;
 	#n = new a();
@@ -396,26 +396,28 @@ var w = class {
 	#R = null;
 	#z = null;
 	#B = null;
-	#V = !1;
-	#H = 1;
+	#V = null;
+	#H = null;
 	#U = !1;
-	#W = null;
-	#G = null;
+	#W = 1;
+	#G = !1;
 	#K = null;
 	#q = null;
 	#J = null;
-	#Y;
+	#Y = null;
+	#X = null;
+	#Z;
 	debug = { setFlipProgress: (e, t) => {
 		this.#M?.setFlipProgress(e, t);
 	} };
 	constructor(e, t) {
-		P(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 = S(t.source, {
+		F(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 = S(t.source, {
 			frontCover: t.frontCover,
 			backCover: t.backCover,
 			pages: t.pages
 		});
 		let n = t.direction ?? "ltr";
-		this.#a = n, this.#o = t.spreadMode ?? "cover", this.#s = t.curl ?? "roll", this.#l = t.clickToFlip ?? "edge", this.#u = t.clickZoneSize ?? 64, this.#p = t.singlePageThreshold ?? 640, this.#_ = t.startPage, typeof this.#t.open != "function" && this.#Le(), this.#S = t.flipDuration ?? 800, this.#C = t.zoom?.enabled ?? !0, this.#w = t.zoom?.wheel ?? !0;
+		this.#a = n, this.#o = t.spreadMode ?? "cover", this.#s = t.curl ?? "cone", this.#l = t.clickToFlip ?? "edge", this.#u = t.clickZoneSize ?? 64, this.#p = t.singlePageThreshold ?? 640, this.#_ = t.startPage, typeof this.#t.open != "function" && this.#He(), this.#S = t.flipDuration ?? 800, this.#C = t.zoom?.enabled ?? !0, this.#w = t.zoom?.wheel ?? !0;
 		let r = t.zoom?.doubleClick, i = r === !1 ? [] : [...r ?? [
 			1,
 			2,
@@ -423,10 +425,10 @@ var w = class {
 		]].sort((e, t) => e - t);
 		this.#T = i.length > 0 ? i : null, this.#E = t.zoom?.max ?? 4;
 		let a = this.#C && this.#T !== null, o = t.zoom?.doubleClickInFlipZone ?? this.#l === "half";
-		this.#d = this.#l !== "off" && a && o && t.clickFlipDelay !== 0, this.#f = this.#d ? t.clickFlipDelay ?? O : 0, this.#Y = this.#_e(t.renderer ?? "auto");
+		this.#d = this.#l !== "off" && a && o && t.clickFlipDelay !== 0, this.#f = this.#d ? t.clickFlipDelay ?? O : 0, this.#Z = this.#Se(t.renderer ?? "auto");
 	}
 	get ready() {
-		return this.#Y;
+		return this.#Z;
 	}
 	getPageCount() {
 		return this.#t.pageCount;
@@ -435,14 +437,25 @@ var w = class {
 		return this.#b;
 	}
 	flipNext() {
-		this.#Z(this.#y + 1);
+		this.#Q(() => this.#ne(this.#y + 1));
 	}
 	flipPrev() {
-		this.#Z(this.#y - 1);
+		this.#Q(() => this.#ne(this.#y - 1));
 	}
 	flipTo(e) {
 		let t = j(e, 0, Math.max(0, this.#t.pageCount - 1));
-		this.#Z(this.#Ie(t));
+		this.#Q(() => this.#ne(this.#Ve(t)));
+	}
+	#Q(e) {
+		this.#i.state === "idle" ? e() : this.#V ? (this.#$(), e()) : this.#B = e;
+	}
+	#$() {
+		let e = this.#V;
+		e && (this.#V = null, this.#F !== null && (cancelAnimationFrame(this.#F), this.#F = null), this.#M?.setFlipProgress(e.toT, e.direction), e.onDone());
+	}
+	#ee() {
+		let e = this.#B;
+		e && (this.#B = null, e());
 	}
 	getZoom() {
 		return this.#k;
@@ -453,30 +466,30 @@ var w = class {
 			x: r.containerWidth / 2,
 			y: r.containerHeight / 2
 		}, a = this.#k, o = n === 1 ? 0 : i.x - n / a * (i.x - this.#A), s = n === 1 ? 0 : i.y - n / a * (i.y - this.#j);
-		[o, s] = this.#X(o, s, n, r.containerWidth, r.containerHeight), this.#k = n, this.#A = o, this.#j = s, this.#M.setViewTransform(n, o, s), this.#n.emit("zoomChanged", { scale: n });
+		[o, s] = this.#te(o, s, n, r.containerWidth, r.containerHeight), this.#k = n, this.#A = o, this.#j = s, this.#M.setViewTransform(n, o, s), this.#n.emit("zoomChanged", { scale: n });
 	}
 	resetZoom() {
 		this.setZoom(1);
 	}
-	#X(e, t, n, r, i) {
+	#te(e, t, n, r, i) {
 		return [j(e, r * (1 - n), 0), j(t, i * (1 - n), 0)];
 	}
 	on(e, t) {
 		return this.#n.on(e, t);
 	}
 	destroy() {
-		this.#P = !0, this.#F !== null && cancelAnimationFrame(this.#F), this.#ue(), this.#D?.disconnect(), this.#J?.(), this.#K?.(), this.#q?.(), this.#G?.(), this.#M?.destroy(), this.#M = null, this.#t.destroy(), this.#n.clear();
+		this.#P = !0, this.#F !== null && cancelAnimationFrame(this.#F), this.#V = null, this.#B = null, this.#he(), this.#D?.disconnect(), this.#X?.(), this.#J?.(), this.#Y?.(), this.#q?.(), this.#M?.destroy(), this.#M = null, this.#t.destroy(), this.#n.clear();
 	}
-	#Z(e) {
+	#ne(e) {
 		if (e < 0 || e >= this.#v.length || e === this.#y || this.#i.send("flip") === null) return;
-		let t = e > this.#y ? "forward" : "backward", n = this.#te(e);
+		let t = e > this.#y ? "forward" : "backward", n = this.#oe(e);
 		this.#n.emit("flipStart", {
 			from: this.#b,
 			to: n
-		}), this.#Q(e, t, n);
+		}), this.#re(e, t, n);
 	}
-	async #Q(e, t, n) {
-		let r = this.#v[e], i = r ? await this.#Ne(r) : {
+	async #re(e, t, n) {
+		let r = this.#v[e], i = r ? await this.#Re(r) : {
 			left: null,
 			right: null
 		};
@@ -484,41 +497,48 @@ var w = class {
 			fill: this.#m,
 			curl: this.#s,
 			anchor: { y: this.#c }
-		}), this.#$(0, 1, t, () => this.#ee(e, n, i));
+		}), this.#ie(0, 1, t, () => this.#ae(e, n, i));
 	}
-	#$(e, t, n, r) {
-		let i = this.#we() * Math.abs(t - e);
+	#ie(e, t, n, r) {
+		let i = this.#ke() * Math.abs(t - e);
 		if (i <= 0) {
 			this.#M?.setFlipProgress(t, n), r();
 			return;
 		}
-		let a = performance.now(), o = (s) => {
-			let c = Math.min(1, (s - a) / i);
-			this.#M?.setFlipProgress(e + (t - e) * M(c), n), c < 1 ? this.#F = requestAnimationFrame(o) : (this.#F = null, r());
+		let a = {
+			toT: t,
+			direction: n,
+			onDone: r
+		};
+		this.#V = a;
+		let o = performance.now(), s = (c) => {
+			if (this.#V !== a) return;
+			let l = Math.min(1, (c - o) / i), u = this.#m ? N(l) : M(l);
+			this.#M?.setFlipProgress(e + (t - e) * u, n), l < 1 ? this.#F = requestAnimationFrame(s) : (this.#F = null, this.#V = null, r());
 		};
-		this.#F = requestAnimationFrame(o);
+		this.#F = requestAnimationFrame(s);
 	}
-	#ee(e, t, n) {
+	#ae(e, t, n) {
 		let r = this.#v[e];
-		this.#y = e, this.#b = t, this.#x = n, r && this.#Oe(r, n), this.#Fe(), this.#i.send("settle"), this.#Ce(), this.#n.emit("pageChanged", { page: t }), this.#n.emit("flipEnd", { page: t });
+		this.#y = e, this.#b = t, this.#x = n, r && this.#Ne(r, n), this.#Be(), this.#i.send("settle"), this.#Oe(), this.#n.emit("pageChanged", { page: t }), this.#n.emit("flipEnd", { page: t }), this.#ee();
 	}
-	#te(e) {
+	#oe(e) {
 		let t = this.#v[e];
 		if (!t) return this.#b;
 		let n = [t.left, t.right].filter((e) => e !== null);
 		return n.length > 0 ? Math.min(...n) : this.#b;
 	}
-	#ne(e, t) {
-		if (this.#V || !this.#M || this.#i.state !== "idle") return;
-		if (this.#ue(), this.#k > 1) {
+	#se(e, t) {
+		if (this.#U || !this.#M || this.#i.state !== "idle") return;
+		if (this.#he(), this.#k > 1) {
 			if (this.#i.send("panStart") === null) return;
-			this.#B = {
+			this.#H = {
 				baseTx: this.#A,
 				baseTy: this.#j
 			};
 			return;
 		}
-		let n = this.#e.getBoundingClientRect(), r = this.#ce(), i = {
+		let n = this.#e.getBoundingClientRect(), r = this.#pe(), i = {
 			x: e - n.left - r.x,
 			y: t - n.top - r.y
 		};
@@ -533,11 +553,11 @@ var w = class {
 		c < 0 || c >= this.#v.length || (this.#L = {
 			direction: s ? "forward" : "backward",
 			targetIndex: c,
-			toPage: this.#te(c),
+			toPage: this.#oe(c),
 			width: r.width
 		});
 	}
-	#re() {
+	#ce() {
 		let e = this.#L;
 		e && (this.#L = null, this.#i.send("grab") !== null && (this.#I = {
 			direction: e.direction,
@@ -552,10 +572,10 @@ var w = class {
 		}, this.#n.emit("flipStart", {
 			from: this.#b,
 			to: e.toPage
-		}), this.#ie(e.targetIndex, e.direction)));
+		}), this.#le(e.targetIndex, e.direction)));
 	}
-	async #ie(e, t) {
-		let n = this.#v[e], r = n ? await this.#Ne(n) : {
+	async #le(e, t) {
+		let n = this.#v[e], r = n ? await this.#Re(n) : {
 			left: null,
 			right: null
 		};
@@ -565,49 +585,50 @@ var w = class {
 			anchor: { y: this.#c }
 		}), this.#M?.setFlipProgress(this.#I.t, t));
 	}
-	#ae(e, t) {
-		if (this.#V) return;
-		if (this.#B) {
+	#ue(e, t) {
+		if (this.#U) return;
+		if (this.#H) {
 			if (!this.#M) return;
-			let n = this.#M.measure(), [r, i] = this.#X(this.#B.baseTx + e, this.#B.baseTy + t, this.#k, n.containerWidth, n.containerHeight);
+			let n = this.#M.measure(), [r, i] = this.#te(this.#H.baseTx + e, this.#H.baseTy + t, this.#k, n.containerWidth, n.containerHeight);
 			this.#A = r, this.#j = i, this.#M.setViewTransform(this.#k, r, i);
 			return;
 		}
-		this.#L && Math.hypot(e, t) > D && this.#re();
+		this.#L && Math.hypot(e, t) > D && this.#ce();
 		let n = this.#I;
 		n && (n.t = j((n.direction === "forward" ? -e : e) / n.width, 0, 1), this.#M?.setFlipProgress(n.t, n.direction));
 	}
-	#oe(e) {
-		if (this.#V) return;
-		if (this.#B) {
-			this.#B = null, this.#i.send("panEnd");
+	#de(e) {
+		if (this.#U) return;
+		if (this.#H) {
+			this.#H = null, this.#i.send("panEnd");
 			return;
 		}
 		let t = this.#I;
 		if (!t) {
-			this.#L = null, this.#se(e);
+			this.#L = null, this.#fe(e);
 			return;
 		}
 		this.#I = null, this.#i.send("release");
 		let n = e.swipe && (t.direction === "forward" ? e.dx < 0 : e.dx > 0);
-		t.t >= .5 || n ? this.#$(t.t, 1, t.direction, () => this.#ee(t.targetIndex, t.toPage, t.toContent)) : this.#$(t.t, 0, t.direction, () => this.#de());
+		t.t >= .5 || n ? this.#ie(t.t, 1, t.direction, () => this.#ae(t.targetIndex, t.toPage, t.toContent)) : this.#ie(t.t, 0, t.direction, () => this.#ge());
 	}
-	#se(e) {
+	#fe(e) {
 		if (this.#l === "off" || this.#k > 1 || !this.#R || Math.abs(e.dx) > D || Math.abs(e.dy) > D) return;
-		let t = this.#le(this.#R);
+		let t = this.#me(this.#R);
 		if (!t) return;
-		let n = this.#y + (t === "forward" ? 1 : -1);
-		if (!(n < 0 || n >= this.#v.length)) {
-			if (this.#c = j(this.#R.y / this.#ce().height, 0, 1), this.#ue(), this.#f <= 0) {
-				this.#Z(n);
-				return;
-			}
-			this.#z = setTimeout(() => {
-				this.#z = null, this.#Z(n);
-			}, this.#f);
+		let n = t === "forward" ? 1 : -1;
+		if (this.#y + n < 0 || this.#y + n >= this.#v.length) return;
+		this.#c = j(this.#R.y / this.#pe().height, 0, 1);
+		let r = () => this.#ne(this.#y + n);
+		if (this.#he(), this.#f <= 0) {
+			this.#Q(r);
+			return;
 		}
+		this.#z = setTimeout(() => {
+			this.#z = null, this.#Q(r);
+		}, this.#f);
 	}
-	#ce() {
+	#pe() {
 		let e = this.#M.measure();
 		return e.content ?? e.book ?? {
 			x: 0,
@@ -616,40 +637,40 @@ var w = class {
 			height: e.containerHeight
 		};
 	}
-	#le(e) {
+	#me(e) {
 		if (!this.#M) return null;
-		let t = this.#ce().width, n;
+		let t = this.#pe().width, n;
 		if (n = this.#l === "half" ? e.x > t / 2 ? "right" : "left" : e.x <= this.#u ? "left" : e.x >= t - this.#u ? "right" : null, !n) return null;
 		let r = this.#a === "rtl" ? "left" : "right";
 		return n === r ? "forward" : "backward";
 	}
-	#ue() {
+	#he() {
 		this.#z !== null && (clearTimeout(this.#z), this.#z = null);
 	}
-	#de() {
+	#ge() {
 		let e = this.#v[this.#y];
-		e && this.#Oe(e, this.#x), this.#i.send("settle"), this.#n.emit("flipEnd", { page: this.#b });
+		e && this.#Ne(e, this.#x), this.#i.send("settle"), this.#n.emit("flipEnd", { page: this.#b }), this.#ee();
 	}
-	#fe() {
-		if (this.#L = null, this.#ue(), this.#I) {
+	#_e() {
+		if (this.#L = null, this.#he(), this.#I) {
 			this.#I = null, this.#i.send("release"), this.#i.send("settle");
 			let e = this.#v[this.#y];
-			e && this.#Oe(e, this.#x);
-		} else this.#B && (this.#B = null, this.#i.send("panEnd"));
-		this.#V = !0, this.#H = this.#k;
+			e && this.#Ne(e, this.#x);
+		} else this.#H && (this.#H = null, this.#i.send("panEnd"));
+		this.#U = !0, this.#W = this.#k;
 	}
-	#pe(e, t, n) {
-		if (!this.#V) return;
+	#ve(e, t, n) {
+		if (!this.#U) return;
 		let r = this.#e.getBoundingClientRect();
-		this.setZoom(this.#H * n, {
+		this.setZoom(this.#W * n, {
 			x: e - r.left,
 			y: t - r.top
 		});
 	}
-	#me() {
-		this.#V = !1;
+	#ye() {
+		this.#U = !1;
 	}
-	#he() {
+	#be() {
 		let e = (e) => {
 			if (!this.#w || !this.#C || !(e.ctrlKey || e.metaKey)) return;
 			e.preventDefault();
@@ -659,9 +680,9 @@ var w = class {
 				y: e.clientY - t.top
 			});
 		};
-		this.#e.addEventListener("wheel", e, { passive: !1 }), this.#K = () => this.#e.removeEventListener("wheel", e);
+		this.#e.addEventListener("wheel", e, { passive: !1 }), this.#J = () => this.#e.removeEventListener("wheel", e);
 	}
-	#ge() {
+	#xe() {
 		let e = (e) => {
 			let t = this.#T;
 			if (!this.#C || t === null) return;
@@ -670,40 +691,40 @@ var w = class {
 					x: e.clientX - t.left,
 					y: e.clientY - t.top
 				};
-				if (this.#le(n) !== null) return;
+				if (this.#me(n) !== null) return;
 			}
-			this.#ue(), e.preventDefault();
+			this.#he(), e.preventDefault();
 			let n = t.find((e) => e > this.#k + 1e-6) ?? t[0] ?? this.#k, r = this.#e.getBoundingClientRect();
 			this.setZoom(n, {
 				x: e.clientX - r.left,
 				y: e.clientY - r.top
 			});
 		};
-		this.#e.addEventListener("dblclick", e), this.#q = () => this.#e.removeEventListener("dblclick", e);
+		this.#e.addEventListener("dblclick", e), this.#Y = () => this.#e.removeEventListener("dblclick", e);
 	}
-	async #_e(e) {
+	async #Se(e) {
 		let t = x(e);
-		typeof this.#t.open == "function" && (await this.#t.open(), this.#Le()), this.#t.prefetch([this.#b]);
-		let n = await t, r = await this.#ve(n);
-		this.#M = r, this.#t.onPageUpdate?.((e) => this.#Ae(e)), this.#Ee(r.measure().containerWidth);
+		typeof this.#t.open == "function" && (await this.#t.open(), this.#He()), this.#t.prefetch([this.#b]);
+		let n = await t, r = await this.#Ce(n);
+		this.#M = r, this.#t.onPageUpdate?.((e) => this.#Fe(e)), this.#je(r.measure().containerWidth);
 		let i = new u({
-			onStart: (e) => this.#ne(e.x, e.y),
-			onMove: (e) => this.#ae(e.dx, e.dy),
-			onEnd: (e) => this.#oe(e)
+			onStart: (e) => this.#se(e.x, e.y),
+			onMove: (e) => this.#ue(e.dx, e.dy),
+			onEnd: (e) => this.#de(e)
 		}), a = new p({
-			onPinchStart: () => this.#fe(),
-			onPinchMove: (e) => this.#pe(e.centerX, e.centerY, e.scale),
-			onPinchEnd: () => this.#me()
+			onPinchStart: () => this.#_e(),
+			onPinchMove: (e) => this.#ve(e.centerX, e.centerY, e.scale),
+			onPinchEnd: () => this.#ye()
 		});
-		this.#G = d(this.#e, {
+		this.#q = d(this.#e, {
 			pointer: i,
 			pinch: a
-		}), this.#he(), this.#ge(), this.#be(), this.#J = this.#xe(), await this.#De(), this.#je(), this.#Fe(), this.#Ce(), this.#n.emit("ready");
+		}), this.#be(), this.#xe(), this.#Te(), this.#X = this.#Ee(), await this.#Me(), this.#Ie(), this.#Be(), this.#Oe(), this.#n.emit("ready");
 	}
-	async #ve(e) {
+	async #Ce(e) {
 		try {
 			return await e.mount(this.#e), e.onFatal?.(() => {
-				this.#ye();
+				this.#we();
 			}), e;
 		} catch {
 			e.destroy();
@@ -714,7 +735,7 @@ var w = class {
 			}), t;
 		}
 	}
-	async #ye() {
+	async #we() {
 		if (this.#N || this.#P) return;
 		this.#N = !0, this.#M?.destroy(), this.#M = null;
 		let e = await x("css");
@@ -722,30 +743,30 @@ var w = class {
 			e.destroy();
 			return;
 		}
-		await e.mount(this.#e), this.#M = e, this.#Ee(e.measure().containerWidth), await this.#De(), this.#n.emit("rendererFallback", {
+		await e.mount(this.#e), this.#M = e, this.#je(e.measure().containerWidth), await this.#Me(), this.#n.emit("rendererFallback", {
 			from: "webgl2",
 			to: "css"
 		});
 	}
-	#be() {
+	#Te() {
 		if (typeof matchMedia != "function") return;
 		let e = matchMedia("(prefers-reduced-motion: reduce)");
-		this.#U = e.matches, e.addEventListener?.("change", (e) => {
-			this.#U = e.matches;
+		this.#G = e.matches, e.addEventListener?.("change", (e) => {
+			this.#G = e.matches;
 		});
 	}
-	#xe() {
+	#Ee() {
 		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.#Se(e);
+		let n = (e) => this.#De(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.#W = r, () => {
-			e.removeEventListener("keydown", n), r.remove(), this.#W = 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.#K = r, () => {
+			e.removeEventListener("keydown", n), r.remove(), this.#K = null;
 		};
 	}
-	#Se(e) {
+	#De(e) {
 		let t = this.#a === "rtl" ? "ArrowLeft" : "ArrowRight";
 		switch (e.key) {
 			case "ArrowRight":
@@ -761,64 +782,62 @@ var w = class {
 			default: break;
 		}
 	}
-	#Ce() {
-		this.#W && (this.#W.textContent = `Page ${this.#b + 1} of ${this.#t.pageCount}`);
+	#Oe() {
+		this.#K && (this.#K.textContent = `Page ${this.#b + 1} of ${this.#t.pageCount}`);
 	}
-	#we() {
-		if (this.#U) return 0;
-		let e = this.#m && this.#s === "roll";
-		return this.#S * (e ? k : 1);
+	#ke() {
+		return this.#G ? 0 : this.#S * (this.#m ? k : 1);
 	}
 	update() {
-		!this.#M || this.#i.state !== "idle" || (this.#Ee(this.#M.measure().containerWidth), this.#De());
+		!this.#M || this.#i.state !== "idle" || (this.#je(this.#M.measure().containerWidth), this.#Me());
 	}
-	#Te() {
+	#Ae() {
 		return this.#h || this.#o === "single" ? "single" : this.#o;
 	}
-	#Ee(e) {
+	#je(e) {
 		let r = n(e, this.#p);
 		if (r === this.#h) return;
 		this.#h = r;
-		let i = this.#Te();
+		let i = this.#Ae();
 		this.#m = i === "single", this.#v = t(this.#t.pageCount, {
 			direction: this.#a,
 			mode: i
-		}), this.#y = this.#Ie(this.#b);
+		}), this.#y = this.#Ve(this.#b);
 	}
-	async #De() {
+	async #Me() {
 		let e = this.#v[this.#y];
-		!e || !this.#M || (this.#x = await this.#Ne(e), this.#Oe(e, this.#x));
+		!e || !this.#M || (this.#x = await this.#Re(e), this.#Ne(e, this.#x));
 	}
-	#Oe(e, t) {
-		this.#M?.renderSpread(e, t, { fill: this.#m }), this.#ke();
+	#Ne(e, t) {
+		this.#M?.renderSpread(e, t, { fill: this.#m }), this.#Pe();
 	}
-	#ke() {
+	#Pe() {
 		let e = this.#M?.measure().book;
 		if (!e || e.width <= 0 || e.height <= 0) return;
 		let t = (e.width / e.height).toFixed(4);
 		t !== this.#g && (this.#g = t, this.#e.style.aspectRatio = t);
 	}
-	#Ae(e) {
+	#Fe(e) {
 		if (this.#i.state !== "idle") return;
 		let t = this.#v[this.#y];
-		t && (t.left === e || t.right === e) && this.#De();
+		t && (t.left === e || t.right === e) && this.#Me();
 	}
-	#je() {
-		typeof ResizeObserver > "u" || (this.#D = new ResizeObserver(() => this.#Me()), this.#D.observe(this.#e));
+	#Ie() {
+		typeof ResizeObserver > "u" || (this.#D = new ResizeObserver(() => this.#Le()), this.#D.observe(this.#e));
 	}
-	#Me() {
+	#Le() {
 		this.#O || (this.#O = !0, requestAnimationFrame(() => {
 			this.#O = !1, this.update();
 		}));
 	}
-	async #Ne(e) {
-		let [t, n] = await Promise.all([this.#Pe(e.left), this.#Pe(e.right)]);
+	async #Re(e) {
+		let [t, n] = await Promise.all([this.#ze(e.left), this.#ze(e.right)]);
 		return {
 			left: t,
 			right: n
 		};
 	}
-	async #Pe(e) {
+	async #ze(e) {
 		if (e === null) return null;
 		try {
 			return await this.#t.get(e);
@@ -829,7 +848,7 @@ var w = class {
 			}), null;
 		}
 	}
-	#Fe() {
+	#Be() {
 		let { toMount: e } = this.#r.update(this.#y, this.#v.length), t = [];
 		for (let n of e) {
 			let e = this.#v[n];
@@ -837,33 +856,36 @@ var w = class {
 		}
 		this.#t.prefetch(t);
 	}
-	#Ie(e) {
+	#Ve(e) {
 		let t = this.#v.findIndex((t) => t.left === e || t.right === e);
 		return t === -1 ? 0 : t;
 	}
-	#Le() {
+	#He() {
 		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 n = this.#_;
 		if (n !== void 0 && (!Number.isInteger(n) || n < 0 || n >= e)) throw Error(`Zine: startPage ${JSON.stringify(n)} is out of range for a ${e}-page book (valid 0..${e - 1}).`);
-		let r = this.#Te();
+		let r = this.#Ae();
 		this.#m = r === "single", this.#v = t(e, {
 			direction: this.#a,
 			mode: r
-		}), this.#b = j(n ?? 0, 0, e - 1), this.#y = this.#Ie(this.#b);
+		}), this.#b = j(n ?? 0, 0, e - 1), this.#y = this.#Ve(this.#b);
 	}
 };
 function j(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
 function M(e) {
-	return e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2;
+	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
 function N(e) {
+	return 1 - (1 - M(e)) ** 1.3;
+}
+function P(e) {
 	return e === null ? "null" : Array.isArray(e) ? "array" : typeof e;
 }
-function P(t, n) {
-	if (typeof t != "object" || !t || typeof t.appendChild != "function" || typeof t.addEventListener != "function") throw Error(`Zine: container must be a DOM element; received ${N(t)}.`);
+function F(t, n) {
+	if (typeof t != "object" || !t || typeof t.appendChild != "function" || typeof t.addEventListener != "function") throw Error(`Zine: container must be a DOM element; received ${P(t)}.`);
 	if (typeof n != "object" || !n) throw Error("Zine: an options object with a `source` is required.");
 	let r = n, i = r.source;
 	if (typeof i != "object" || !i || typeof i.get != "function" || typeof i.pageCount != "number") throw Error("Zine: `source` is required and must be a Source, e.g. new ImageSource(urls).");
@@ -892,12 +914,12 @@ function P(t, n) {
 	}
 	let u = r.pages;
 	if (u !== void 0 && (typeof u != "object" || !u || Array.isArray(u))) throw Error("Zine: pages must be an object mapping page indices to image URLs.");
-	F(r.width, "width", 1), F(r.height, "height", 1), F(r.flipDuration, "flipDuration", 0), F(r.clickZoneSize, "clickZoneSize", 0), F(r.clickFlipDelay, "clickFlipDelay", 0), F(r.singlePageThreshold, "singlePageThreshold", 0), I(r.zoom), L(r.renderer);
+	I(r.width, "width", 1), I(r.height, "height", 1), I(r.flipDuration, "flipDuration", 0), I(r.clickZoneSize, "clickZoneSize", 0), I(r.clickFlipDelay, "clickFlipDelay", 0), I(r.singlePageThreshold, "singlePageThreshold", 0), L(r.zoom), R(r.renderer);
 }
-function F(e, t, n) {
+function I(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 I(e) {
+function L(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;
@@ -908,9 +930,9 @@ function I(e) {
 		let e = t.doubleClick;
 		if (!Array.isArray(e) || e.some((e) => typeof e != "number" || !Number.isFinite(e) || e < 1)) throw Error("Zine: zoom.doubleClick must be false or an array of zoom levels >= 1, e.g. [1, 2, 4].");
 	}
-	F(t.max, "zoom.max", 1);
+	I(t.max, "zoom.max", 1);
 }
-function L(e) {
+function R(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.`);
@@ -925,7 +947,7 @@ function L(e) {
 }
 //#endregion
 //#region src/source/imageSource.ts
-var R = class {
+var z = class {
 	pageCount;
 	fit;
 	#e;
@@ -962,6 +984,6 @@ var R = class {
 	}
 };
 //#endregion
-export { e as CURL_TYPES, R as ImageSource, A as Zine };
+export { e as CURL_TYPES, z as ImageSource, A as Zine };
 
 //# sourceMappingURL=index.js.map