@zinejs/core 0.7.0 → 0.7.1

package/dist/index.js

@@ -291,127 +291,49 @@ function T(e, t) {
 }
 //#endregion
 //#region src/renderer/select.ts
-var ee = {
-	css: async () => new (await (import("./cssRenderer-OzRRoEa4.js"))).CssRenderer(),
-	webgl2: async () => new (await (import("./webglRenderer-BcNhTqG8.js"))).WebglRenderer()
-}, E = !0;
-function D(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e) && typeof e.mount == "function";
-}
+var E = {
+	css: async () => new (await (import("./cssRenderer-Deskm2ND.js"))).CssRenderer(),
+	webgl2: async () => new (await (import("./webglRenderer-D_XGumQT.js"))).WebglRenderer()
+}, D = !0;
 function O(e) {
-	return e.gpu && E ? ["webgl2", "css"] : ["css"];
+	return typeof e == "object" && !!e && !Array.isArray(e) && typeof e.mount == "function";
 }
-function k() {
-	return { gpu: A() };
+function k(e) {
+	return e.gpu && D ? ["webgl2", "css"] : ["css"];
 }
 function A() {
+	return { gpu: j() };
+}
+function j() {
 	try {
 		return !!document.createElement("canvas").getContext("webgl2");
 	} catch {
 		return !1;
 	}
 }
-async function j(e = "auto", t = k()) {
-	if (D(e)) return e;
-	let n = Array.isArray(e) ? e : e === "auto" ? O(t) : [e];
+async function M(e = "auto", t = A()) {
+	if (O(e)) return e;
+	let n = Array.isArray(e) ? e : e === "auto" ? k(t) : [e];
 	for (let e of n) {
 		if (e === "webgl2" && !t.gpu) continue;
-		let n = ee[e];
+		let n = E[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/engine/zoomTile.ts
-function M(e, t) {
-	let n = Math.max(e.x, t.x), r = Math.max(e.y, t.y), i = Math.min(e.x + e.width, t.x + t.width), a = Math.min(e.y + e.height, t.y + t.height);
-	return i <= n || a <= r ? null : {
-		x: n,
-		y: r,
-		width: i - n,
-		height: a - r
-	};
-}
-function N(e, t, n) {
-	let { scale: r, tx: i, ty: a } = t;
-	if (r <= 1) return [];
-	let o = {
-		x: (n.x - i) / r,
-		y: (n.y - a) / r,
-		width: n.width / r,
-		height: n.height / r
-	}, s = [];
-	for (let t of e) {
-		let e = M(t.rect, o);
-		!e || t.rect.width <= 0 || t.rect.height <= 0 || s.push({
-			index: t.index,
-			request: {
-				scale: r,
-				region: {
-					x: (e.x - t.rect.x) / t.rect.width,
-					y: (e.y - t.rect.y) / t.rect.height,
-					width: e.width / t.rect.width,
-					height: e.height / t.rect.height
-				}
-			},
-			dest: e
-		});
-	}
-	return s;
-}
-function P(e, t) {
-	if (e.index !== t.index || e.request.scale !== t.request.scale) return !1;
-	let n = e.request.region, r = t.request.region, i = 1e-4;
-	return Math.abs(n.x - r.x) < i && Math.abs(n.y - r.y) < i && Math.abs(n.width - r.width) < i && Math.abs(n.height - r.height) < i;
-}
-var F = class {
-	#e;
-	#t;
-	#n = [];
-	constructor(e, t) {
-		this.#e = e.createElement("canvas"), this.#e.className = "zine-zoom-overlay", this.#e.style.cssText = "position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 120ms linear;", t.append(this.#e), this.#t = this.#e.getContext("2d");
-	}
-	clear() {
-		if (this.#n.length === 0) return;
-		this.#n = [], this.#e.style.opacity = "0";
-		let e = this.#t;
-		e && e.clearRect(0, 0, this.#e.width, this.#e.height);
-	}
-	get shown() {
-		return this.#n;
-	}
-	draw(e, t, n) {
-		let r = this.#t;
-		if (!r) return;
-		if (e.length === 0) {
-			this.clear();
-			return;
-		}
-		let i = typeof devicePixelRatio == "number" ? devicePixelRatio : 1, a = Math.max(1, Math.ceil(n.width * i)), o = Math.max(1, Math.ceil(n.height * i));
-		(this.#e.width !== a || this.#e.height !== o) && (this.#e.width = a, this.#e.height = o), r.setTransform(i, 0, 0, i, 0, 0), r.clearRect(0, 0, n.width, n.height), r.translate(t.tx, t.ty), r.scale(t.scale, t.scale);
-		for (let { plan: t, content: n } of e) {
-			let e = t.dest;
-			r.drawImage(n, e.x, e.y, e.width, e.height);
-		}
-		this.#n = e.map((e) => e.plan), this.#e.style.opacity = "1";
-	}
-	destroy() {
-		this.#e.remove(), this.#t = null;
-	}
-};
-//#endregion
 //#region src/source/compose.ts
-function I(e, t) {
+function N(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 R(e, t);
+	return !n && !r && !i ? e : new F(e, t);
 }
-function L(e) {
+function P(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 R = class {
+var F = class {
 	#e;
 	#t;
 	#n;
@@ -479,16 +401,16 @@ var R = class {
 	}
 	#s(e) {
 		let t = this.#a.get(e);
-		return t === void 0 && (t = L(e).catch((t) => {
+		return t === void 0 && (t = P(e).catch((t) => {
 			throw this.#a.delete(e), t;
 		}), this.#a.set(e, t)), t;
 	}
-}, z = .25, B = .0015, V = 6, H = 250, U = 1.55, W = 32, G = 120, K = 120;
-function q(e, t, n) {
-	let r = Math.max(0, t - W), i = Math.min(e.length, t + n + W), a = e.slice(r, i).replace(/\s+/g, " ").trim();
+}, I = .25, L = .0015, R = 6, z = 250, B = 1.55, V = 32, H = 60, U = 2.5, W = 120;
+function G(e, t, n) {
+	let r = Math.max(0, t - V), i = Math.min(e.length, t + n + V), a = e.slice(r, i).replace(/\s+/g, " ").trim();
 	return `${r > 0 ? "…" : ""}${a}${i < e.length ? "…" : ""}`;
 }
-var J = class {
+var K = class {
 	#e;
 	#t;
 	#n = new l();
@@ -556,7 +478,7 @@ var J = class {
 	#se = /* @__PURE__ */ new Set();
 	#ce;
 	#le = null;
-	#ue = null;
+	#ue = 1;
 	#de = 0;
 	#fe = null;
 	#pe;
@@ -564,7 +486,7 @@ var J = class {
 		this.#z?.setFlipProgress(e, t);
 	} };
 	constructor(e, t) {
-		te(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 = I(t.source, {
+		Q(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 = N(t.source, {
 			frontCover: t.frontCover,
 			backCover: t.backCover,
 			pages: t.pages
@@ -578,7 +500,7 @@ var J = class {
 		]].sort((e, t) => e - t);
 		this.#M = i.length > 0 ? i : null, this.#N = t.zoom?.max ?? 4;
 		let a = this.#A && this.#M !== null, o = t.zoom?.doubleClickInFlipZone ?? this.#u === "half";
-		this.#f = this.#u !== "off" && a && o && t.clickFlipDelay !== 0, this.#p = this.#f ? t.clickFlipDelay ?? H : 0, this.#pe = this.#Ve(t.renderer ?? "auto");
+		this.#f = this.#u !== "off" && a && o && t.clickFlipDelay !== 0, this.#p = this.#f ? t.clickFlipDelay ?? z : 0, this.#pe = this.#Ve(t.renderer ?? "auto");
 	}
 	get ready() {
 		return this.#pe;
@@ -717,7 +639,7 @@ var J = class {
 			let i = t.toLowerCase().indexOf(r);
 			i < 0 || a.push({
 				page: e,
-				excerpt: q(t, i, r.length)
+				excerpt: G(t, i, r.length)
 			});
 		}
 		return a;
@@ -732,7 +654,7 @@ var J = class {
 		this.#he(() => this.#ye(this.#E + e));
 	}
 	flipTo(e) {
-		let t = Y(e, 0, Math.max(0, this.#t.pageCount - 1));
+		let t = q(e, 0, Math.max(0, this.#t.pageCount - 1));
 		this.#he(() => this.#ye(this.#mt(t)));
 	}
 	#he(e) {
@@ -755,23 +677,32 @@ var J = class {
 	}
 	setZoom(e, t) {
 		if (!this.#z || !this.#A) return;
-		let n = Y(e, 1, this.#N), r = this.#z.measure(), i = t ?? {
+		let n = q(e, 1, this.#N), r = this.#z.measure(), i = r.screenAt?.(this.#I), a = t ?? (i ? {
+			x: i.x + this.#L + i.width / 2,
+			y: i.y + this.#R + i.height / 2
+		} : null) ?? {
 			x: r.containerWidth / 2,
 			y: r.containerHeight / 2
-		}, a = this.#I, o = n === 1 ? 0 : i.x - n / a * (i.x - this.#L), s = n === 1 ? 0 : i.y - n / a * (i.y - this.#R);
-		[o, s] = this.#ve(o, s, n, r.containerWidth, r.containerHeight), this.#I = n, this.#L = o, this.#R = s, this.#z.setViewTransform(n, o, s), this.#at(), this.#n.emit("zoomChanged", { scale: n });
+		}, o = this.#I, s = n === 1 ? 0 : a.x - n / o * (a.x - this.#L), c = n === 1 ? 0 : a.y - n / o * (a.y - this.#R);
+		[s, c] = this.#ve(s, c, n, r.containerWidth, r.containerHeight), this.#I = n, this.#L = s, this.#R = c, this.#z.setViewTransform(n, s, c), this.#at(), this.#n.emit("zoomChanged", { scale: n });
 	}
 	resetZoom() {
 		this.setZoom(1);
 	}
 	#ve(e, t, n, r, i) {
-		return [Y(e, r * (1 - n), 0), Y(t, i * (1 - n), 0)];
+		let a = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, o = (e) => Math.round(e * a) / a || 0, s = this.#z?.measure().screenAt?.(n) ?? {
+			x: 0,
+			y: 0,
+			width: r * n,
+			height: i * n
+		}, [c, l] = J(s.x, s.width, r), [u, d] = J(s.y, s.height, i);
+		return [o(q(e, c, l)), o(q(t, u, d))];
 	}
 	on(e, t) {
 		return this.#n.on(e, t);
 	}
 	destroy() {
-		this.#V = !0, this.#H !== null && cancelAnimationFrame(this.#H), this.#J = null, this.#q = null, this.#Ne(), this.#P?.disconnect(), this.#C?.stop(), this.#C = null, this.#w?.(), this.#x && S(), this.#le?.(), this.#ae?.(), this.#ne?.(), this.#ie?.(), this.#re?.(), this.#te?.(), this.#fe !== null && clearTimeout(this.#fe), this.#de++, this.#ue?.destroy(), this.#ue = null, this.#z?.destroy(), this.#z = null, this.#t.destroy(), this.#n.clear();
+		this.#V = !0, this.#H !== null && cancelAnimationFrame(this.#H), this.#J = null, this.#q = null, this.#Ne(), this.#P?.disconnect(), this.#C?.stop(), this.#C = null, this.#w?.(), this.#x && S(), this.#le?.(), this.#ae?.(), this.#ne?.(), this.#ie?.(), this.#re?.(), this.#te?.(), this.#fe !== null && clearTimeout(this.#fe), this.#de++, this.#z?.destroy(), this.#z = null, this.#t.destroy(), this.#n.clear();
 	}
 	#ye(e) {
 		if (e < 0 || e >= this.#T.length || e === this.#E || this.#i.send("flip") === null) return;
@@ -806,7 +737,7 @@ var J = class {
 		this.#J = a;
 		let o = performance.now(), s = (c) => {
 			if (this.#J !== a) return;
-			let l = Math.min(1, (c - o) / i), u = this.#h ? Z(l) : X(l);
+			let l = Math.min(1, (c - o) / i), u = this.#h ? X(l) : Y(l);
 			this.#z?.setFlipProgress(e + (t - e) * u, n), l < 1 ? this.#H = requestAnimationFrame(s) : (this.#H = null, this.#J = null, r());
 		};
 		this.#H = requestAnimationFrame(s);
@@ -836,12 +767,12 @@ var J = class {
 			this.#W = null;
 			return;
 		}
-		let i = Math.min(n.width, n.height) * z;
+		let i = Math.min(n.width, n.height) * I;
 		if (v(r, {
 			width: n.width,
 			height: n.height
 		}, i) !== "corner") return;
-		this.#l = Y(r.y / n.height, 0, 1);
+		this.#l = q(r.y / n.height, 0, 1);
 		let a = r.x > n.width / 2, o = this.#a === "rtl" ? !a : a, s = this.#E + (o ? 1 : -1);
 		s < 0 || s >= this.#T.length || (this.#W = {
 			direction: o ? "forward" : "backward",
@@ -886,9 +817,9 @@ var J = class {
 			this.#L = r, this.#R = i, this.#z.setViewTransform(this.#I, r, i), this.#at();
 			return;
 		}
-		this.#W && Math.hypot(e, t) > V && this.#Te();
+		this.#W && Math.hypot(e, t) > R && this.#Te();
 		let n = this.#U;
-		n && (n.t = Y((n.direction === "forward" ? -e : e) / n.width, 0, 1), this.#z?.setFlipProgress(n.t, n.direction));
+		n && (n.t = q((n.direction === "forward" ? -e : e) / n.width, 0, 1), this.#z?.setFlipProgress(n.t, n.direction));
 	}
 	#Oe(e) {
 		if (this.#Z) return;
@@ -906,12 +837,12 @@ var J = class {
 		t.t >= .5 || n ? this.#xe(t.t, 1, t.direction, () => this.#Se(t.targetIndex, t.toPage, t.toContent)) : this.#xe(t.t, 0, t.direction, () => this.#Pe());
 	}
 	#ke(e) {
-		if (this.#u === "off" || this.#I > 1 || !this.#G || Math.abs(e.dx) > V || Math.abs(e.dy) > V) return;
+		if (this.#u === "off" || this.#I > 1 || !this.#G || Math.abs(e.dx) > R || Math.abs(e.dy) > R) return;
 		let t = this.#Me(this.#G);
 		if (!t) return;
 		let n = t === "forward" ? 1 : -1;
 		if (this.#E + n < 0 || this.#E + n >= this.#T.length) return;
-		this.#l = Y(this.#G.y / this.#Ae().height, 0, 1);
+		this.#l = q(this.#G.y / this.#Ae().height, 0, 1);
 		let r = () => this.#ye(this.#E + n);
 		if (this.#Ne(), this.#p <= 0) {
 			this.#he(r);
@@ -979,7 +910,7 @@ var J = class {
 		let e = (e) => {
 			if (!this.#j || !this.#A || !(e.ctrlKey || e.metaKey)) return;
 			e.preventDefault();
-			let t = this.#e.getBoundingClientRect(), n = Math.exp(-e.deltaY * B);
+			let t = this.#e.getBoundingClientRect(), n = Math.exp(-e.deltaY * L);
 			this.setZoom(this.#I * n, {
 				x: e.clientX - t.left,
 				y: e.clientY - t.top
@@ -1005,7 +936,7 @@ var J = class {
 		this.#e.addEventListener("dblclick", e), this.#ie = () => this.#e.removeEventListener("dblclick", e);
 	}
 	async #Ve(e) {
-		let t = j(e);
+		let t = M(e);
 		typeof this.#t.open == "function" && (await this.#t.open(), this.#ht()), this.#t.prefetch([this.#D]);
 		let n = await t, r = await this.#He(n);
 		this.#z = r, this.#t.onPageUpdate?.((e) => this.#it(e)), this.#$e(r.measure().containerWidth);
@@ -1030,7 +961,7 @@ var J = class {
 			}), e;
 		} catch {
 			e.destroy();
-			let t = await j("css");
+			let t = await M("css");
 			return await t.mount(this.#e), this.#B = !0, this.#n.emit("rendererFallback", {
 				from: "webgl2",
 				to: "css"
@@ -1040,7 +971,7 @@ var J = class {
 	async #Ue() {
 		if (this.#B || this.#V) return;
 		this.#B = !0, this.#z?.destroy(), this.#z = null;
-		let e = await j("css");
+		let e = await M("css");
 		if (this.#V) {
 			e.destroy();
 			return;
@@ -1080,7 +1011,7 @@ var J = class {
 		let t = globalThis.location?.href ?? "";
 		if (!t) return "";
 		let n = new URL(t);
-		return n.hash = w(n.hash, Y(e, 0, Math.max(0, this.#t.pageCount - 1))), n.toString();
+		return n.hash = w(n.hash, q(e, 0, Math.max(0, this.#t.pageCount - 1))), n.toString();
 	}
 	#qe() {
 		let e = this.#e, t = e.ownerDocument;
@@ -1113,7 +1044,7 @@ var J = class {
 		this.#ee && (this.#ee.textContent = `Page ${this.#D + 1} of ${this.#t.pageCount}`);
 	}
 	#Xe() {
-		return this.#$ ? K : this.#k * (this.#h ? U : 1);
+		return this.#$ ? W : this.#k * (this.#h ? B : 1);
 	}
 	#Ze() {
 		return this.#$ ? "simple" : this.#c;
@@ -1143,7 +1074,7 @@ var J = class {
 		!e || !this.#z || (this.#O = await this.#dt(e), this.#nt(e, this.#O));
 	}
 	#nt(e, t) {
-		this.#z?.renderSpread(e, t, { fill: this.#h }), this.#rt(), this.#ue?.clear(), this.#at();
+		this.#z?.renderSpread(e, t, { fill: this.#h }), this.#rt(), this.#ue = 1, this.#at();
 	}
 	#rt() {
 		let e = this.#z?.measure().book;
@@ -1160,66 +1091,51 @@ var J = class {
 		t && (t.left === e || t.right === e) && this.#tt();
 	}
 	#at() {
-		if (this.#fe !== null && clearTimeout(this.#fe), this.#I <= 1) {
-			this.#ue?.clear(), this.#de++;
-			return;
-		}
-		this.#fe = setTimeout(() => {
-			this.#fe = null, this.#ot();
-		}, G);
-	}
-	async #ot() {
-		let e = this.#z, t = this.#T[this.#E];
-		if (!e || !t || this.#I <= 1) return;
-		let n = e.measure(), r = n.content ?? n.book;
-		if (!r) return;
-		let i = [], a = t.left === null || t.right === null, o = a ? r.width : r.width / 2;
-		t.left !== null && i.push({
-			index: t.left,
-			rect: {
-				...r,
-				width: o
-			}
-		}), t.right !== null && i.push({
-			index: t.right,
-			rect: {
-				...r,
-				x: r.x + (a ? 0 : o),
-				width: o
+		this.#fe !== null && clearTimeout(this.#fe);
+		let e = this.#ot();
+		if (e !== this.#ue) {
+			if (e === 1) {
+				this.#de++, this.#ue = 1, this.#tt();
+				return;
 			}
-		});
-		let s = {
-			scale: this.#I,
-			tx: this.#L,
-			ty: this.#R
-		}, c = {
+			this.#fe = setTimeout(() => {
+				this.#fe = null, this.#st();
+			}, H);
+		}
+	}
+	#ot() {
+		return this.#I <= 1 ? 1 : Math.min(Math.ceil(this.#I * 2) / 2, U);
+	}
+	async #st() {
+		let e = this.#T[this.#E];
+		if (!this.#z || !e) return;
+		let t = this.#ot();
+		if (t === 1 || t === this.#ue) return;
+		let n = ++this.#de, r = {
 			x: 0,
 			y: 0,
-			width: n.containerWidth,
-			height: n.containerHeight
-		}, l = N(i, s, c), u = this.#ue?.shown ?? [];
-		if (l.length === u.length && l.every((e, t) => P(e, u[t]))) return;
-		let d = ++this.#de, f = await Promise.all(l.map(async (e) => {
+			width: 1,
+			height: 1
+		}, i = await Promise.all([e.left, e.right].map(async (e) => {
+			if (e === null) return null;
 			try {
-				let t = await this.#t.get(e.index, e.request), n = e.dest.width / e.dest.height * 1, r = t.width / t.height;
-				return Math.abs(n - r) / n > .02 ? null : {
-					plan: e,
-					content: t
-				};
+				return await this.#t.get(e, {
+					scale: t,
+					region: r
+				});
 			} catch (t) {
 				return this.#n.emit("sourceError", {
-					index: e.index,
+					index: e,
 					error: t
 				}), null;
 			}
 		}));
-		if (d !== this.#de || this.#I <= 1) return;
-		let p = f.filter((e) => e !== null);
-		p.length !== 0 && (this.#ue ??= this.#st(), this.#ue?.draw(p, s, c));
-	}
-	#st() {
-		let e = this.#e.ownerDocument;
-		return !e || typeof this.#e.append != "function" ? null : new F(e, this.#e);
+		if (n !== this.#de || this.#ot() !== t) return;
+		let a = i[0] ?? null, o = i[1] ?? null;
+		a === this.#O.left && o === this.#O.right || (this.#ue = t, this.#O = {
+			left: a,
+			right: o
+		}, this.#z.renderSpread(e, this.#O, { fill: this.#h }));
 	}
 	#ct() {
 		if (this.#se.size === 0) return;
@@ -1275,23 +1191,30 @@ var J = class {
 			mode: n
 		});
 		let r = this.#x ? C(globalThis.location?.hash ?? "") : null;
-		this.#D = Y(r ?? t ?? 0, 0, e - 1), this.#E = this.#mt(this.#D);
+		this.#D = q(r ?? t ?? 0, 0, e - 1), this.#E = this.#mt(this.#D);
 	}
 };
-function Y(e, t, n) {
+function q(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function X(e) {
+function J(e, t, n) {
+	if (t <= n) {
+		let r = (n - t) / 2 - e;
+		return [r, r];
+	}
+	return [n - (e + t), -e];
+}
+function Y(e) {
 	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
-function Z(e) {
-	return 1 - (1 - X(e)) ** 1.3;
+function X(e) {
+	return 1 - (1 - Y(e)) ** 1.3;
 }
-function Q(e) {
+function Z(e) {
 	return e === null ? "null" : Array.isArray(e) ? "array" : typeof e;
 }
-function te(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)}.`);
+function Q(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 ${Z(n)}.`);
 	if (typeof r != "object" || !r) throw Error("Zine: an options object with a `source` is required.");
 	let i = r, a = i.source;
 	if (typeof a != "object" || !a || typeof a.get != "function" || typeof a.pageCount != "number") throw Error("Zine: `source` is required and must be a Source, e.g. new ImageSource(urls).");
@@ -1316,9 +1239,9 @@ function te(n, r) {
 		"deepLink",
 		"disableContextMenu",
 		"responsiveSpread"
-	]) if (i[e] !== void 0 && typeof i[e] != "boolean") throw Error(`Zine: ${e} must be a boolean; got ${Q(i[e])}.`);
+	]) if (i[e] !== void 0 && typeof i[e] != "boolean") throw Error(`Zine: ${e} must be a boolean; got ${Z(i[e])}.`);
 	let u = i.controls;
-	if (u !== void 0 && typeof u != "boolean" && (typeof u != "object" || !u)) throw Error(`Zine: controls must be a boolean or an options object; got ${Q(u)}.`);
+	if (u !== void 0 && typeof u != "boolean" && (typeof u != "object" || !u)) throw Error(`Zine: controls must be a boolean or an options object; got ${Z(u)}.`);
 	let d = u?.position;
 	if (d !== void 0 && ![
 		"top",
@@ -1339,12 +1262,12 @@ function te(n, r) {
 	}
 	let p = i.pages;
 	if (p !== void 0 && (typeof p != "object" || !p || Array.isArray(p))) 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), ne(i.zoom), re(i.renderer);
+	$(i.width, "width", 1), $(i.height, "height", 1), $(i.flipDuration, "flipDuration", 0), $(i.clickZoneSize, "clickZoneSize", 0), $(i.clickFlipDelay, "clickFlipDelay", 0), $(i.singlePageThreshold, "singlePageThreshold", 0), ee(i.zoom), te(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 ne(e) {
+function ee(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;
@@ -1357,7 +1280,7 @@ function ne(e) {
 	}
 	$(t.max, "zoom.max", 1);
 }
-function re(e) {
+function te(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.`);
@@ -1372,7 +1295,7 @@ function re(e) {
 }
 //#endregion
 //#region src/source/imageSource.ts
-var ie = class {
+var ne = class {
 	pageCount;
 	fit;
 	#e;
@@ -1409,6 +1332,6 @@ var ie = class {
 	}
 };
 //#endregion
-export { t as CURL_TYPES, i as DEFAULT_ITEMS, e as IMPORTABLE_CURLS, ie as ImageSource, J as Zine, n as defineControl, r as getControl };
+export { t as CURL_TYPES, i as DEFAULT_ITEMS, e as IMPORTABLE_CURLS, ne as ImageSource, K as Zine, n as defineControl, r as getControl };
 
 //# sourceMappingURL=index.js.map