@zinejs/core 0.4.1 → 0.6.0

package/dist/index.js

@@ -1,6 +1,7 @@
 import { t as e } from "./types-CcPVyhOJ.js";
+import { n as t, r as n, t as r } from "./registry-5nuYFMd4.js";
 //#region src/engine/spread.ts
-function t(e, t = {}) {
+function i(e, t = {}) {
 	let { direction: n = "ltr", mode: r = "cover" } = t;
 	if (e <= 0) return [];
 	let i = (t) => t >= 0 && t < e ? t : null, a = [];
@@ -39,17 +40,17 @@ function t(e, t = {}) {
 		right: e.left
 	})) : a;
 }
-function n(e, t) {
+function a(e, t) {
 	return e < t;
 }
 //#endregion
 //#region src/engine/virtualizer.ts
-function r(e, t, n) {
+function o(e, t, n) {
 	let r = [], i = Math.max(0, e - n), a = Math.min(t - 1, e + n);
 	for (let e = i; e <= a; e++) r.push(e);
 	return r;
 }
-var i = class {
+var s = class {
 	#e;
 	#t = /* @__PURE__ */ new Set();
 	constructor(e = 2) {
@@ -59,15 +60,15 @@ var i = class {
 		return [...this.#t].sort((e, t) => e - t);
 	}
 	update(e, t) {
-		let n = new Set(r(e, t, this.#e)), i = [...n].filter((e) => !this.#t.has(e)).sort((e, t) => e - t), a = [...this.#t].filter((e) => !n.has(e)).sort((e, t) => e - t);
-		for (let e of a) this.#t.delete(e);
-		for (let e of i) this.#t.add(e);
+		let n = new Set(o(e, t, this.#e)), r = [...n].filter((e) => !this.#t.has(e)).sort((e, t) => e - t), i = [...this.#t].filter((e) => !n.has(e)).sort((e, t) => e - t);
+		for (let e of i) this.#t.delete(e);
+		for (let e of r) this.#t.add(e);
 		return {
-			toMount: i,
-			toEvict: a
+			toMount: r,
+			toEvict: i
 		};
 	}
-}, a = class {
+}, c = class {
 	#e = /* @__PURE__ */ new Map();
 	on(e, t) {
 		let n = this.#e.get(e);
@@ -83,7 +84,7 @@ var i = class {
 	clear() {
 		this.#e.clear();
 	}
-}, o = {
+}, l = {
 	idle: {
 		grab: "dragging",
 		panStart: "zoomed-panning",
@@ -93,10 +94,10 @@ var i = class {
 	animating: { settle: "idle" },
 	"zoomed-panning": { panEnd: "idle" }
 };
-function s(e, t) {
-	return o[e][t] ?? null;
+function u(e, t) {
+	return l[e][t] ?? null;
 }
-var c = class {
+var d = class {
 	#e;
 	constructor(e = "idle") {
 		this.#e = e;
@@ -105,10 +106,10 @@ var c = class {
 		return this.#e;
 	}
 	send(e) {
-		let t = s(this.#e, e);
+		let t = u(this.#e, e);
 		return t !== null && (this.#e = t), t;
 	}
-}, l = .3, u = class {
+}, f = .3, p = class {
 	#e;
 	#t = null;
 	#n = null;
@@ -154,16 +155,16 @@ var c = class {
 	}
 	#a(e, t, n, r, i) {
 		if (e !== this.#t || this.#n === null) return;
-		let a = this.#n, o = this.#i ?? a, s = this.#r ?? a, c = o.t - s.t, u = c > 0 ? (o.x - s.x) / c : 0, d = c > 0 ? (o.y - s.y) / c : 0, f = Math.hypot(u, d);
+		let a = this.#n, o = this.#i ?? a, s = this.#r ?? a, c = o.t - s.t, l = c > 0 ? (o.x - s.x) / c : 0, u = c > 0 ? (o.y - s.y) / c : 0, d = Math.hypot(l, u);
 		this.#o(), this.#e.onEnd?.({
 			x: t,
 			y: n,
 			dx: t - a.x,
 			dy: n - a.y,
 			dt: r - a.t,
-			vx: u,
-			vy: d,
-			swipe: !i && f > l,
+			vx: l,
+			vy: u,
+			swipe: !i && d > f,
 			canceled: i
 		});
 	}
@@ -171,7 +172,7 @@ var c = class {
 		this.#t = null, this.#n = null, this.#r = null, this.#i = null;
 	}
 };
-function d(e, t) {
+function m(e, t) {
 	let { pointer: n, pinch: r } = t, i = (e) => {
 		let t = e;
 		n?.down(t.pointerId, t.clientX, t.clientY, t.timeStamp), r?.down(t.pointerId, t.clientX, t.clientY);
@@ -189,10 +190,10 @@ function d(e, t) {
 		e.removeEventListener("pointerdown", i), e.removeEventListener("pointermove", a), e.removeEventListener("pointerup", o), e.removeEventListener("pointercancel", s);
 	};
 }
-function f(e, t) {
+function h(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
-var p = class {
+var g = class {
 	#e;
 	#t = /* @__PURE__ */ new Map();
 	#n = 0;
@@ -209,7 +210,7 @@ var p = class {
 			y: n
 		}), this.#t.size === 2)) {
 			let { a: e, b: t } = this.#a();
-			this.#n = f(e, t), this.#r = !0, this.#e.onPinchStart?.({
+			this.#n = h(e, t), this.#r = !0, this.#e.onPinchStart?.({
 				centerX: (e.x + t.x) / 2,
 				centerY: (e.y + t.y) / 2,
 				distance: this.#n
@@ -223,7 +224,7 @@ var p = class {
 		this.#e.onPinchMove?.({
 			centerX: (i.x + a.x) / 2,
 			centerY: (i.y + a.y) / 2,
-			scale: this.#n > 0 ? f(i, a) / this.#n : 1
+			scale: this.#n > 0 ? h(i, a) / this.#n : 1
 		});
 	}
 	up(e) {
@@ -246,57 +247,171 @@ var p = class {
 };
 //#endregion
 //#region src/geometry/hitTest.ts
-function m(e, t, n) {
+function _(e, t, n) {
 	let { width: r, height: i } = t;
 	if (e.x < 0 || e.x > r || e.y < 0 || e.y > i) return "outside";
 	let a = e.x <= n || e.x >= r - n, o = e.y <= n || e.y >= i - n;
 	return a && o ? "corner" : "page";
 }
 //#endregion
+//#region src/engine/deeplink.ts
+var v = "page", y = !1;
+function b() {
+	return y ? !1 : (y = !0, !0);
+}
+function x() {
+	y = !1;
+}
+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 C(e, t) {
+	let n = new URLSearchParams(e.replace(/^#/, ""));
+	return n.set(v, String(t + 1)), `#${n.toString()}`;
+}
+function w(e, t) {
+	let n = null, r = () => {
+		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 = C(e.location.hash, t);
+			r !== e.location.hash && e.history?.replaceState?.(e.history.state, "", r);
+		},
+		stop() {
+			e.removeEventListener("hashchange", r);
+		}
+	};
+}
+//#endregion
 //#region src/renderer/select.ts
-var h = {
+var T = {
 	css: async () => new (await (import("./cssRenderer-OzRRoEa4.js"))).CssRenderer(),
 	webgl2: async () => new (await (import("./webglRenderer-BK-ArG1G.js"))).WebglRenderer()
-}, g = !0;
-function _(e) {
+}, E = !0;
+function D(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e) && typeof e.mount == "function";
 }
-function v(e) {
-	return e.gpu && g ? ["webgl2", "css"] : ["css"];
+function O(e) {
+	return e.gpu && E ? ["webgl2", "css"] : ["css"];
 }
-function y() {
-	return { gpu: b() };
+function k() {
+	return { gpu: A() };
 }
-function b() {
+function A() {
 	try {
 		return !!document.createElement("canvas").getContext("webgl2");
 	} catch {
 		return !1;
 	}
 }
-async function x(e = "auto", t = y()) {
-	if (_(e)) return e;
-	let n = Array.isArray(e) ? e : e === "auto" ? v(t) : [e];
+async function j(e = "auto", t = k()) {
+	if (D(e)) return e;
+	let n = Array.isArray(e) ? e : e === "auto" ? O(t) : [e];
 	for (let e of n) {
 		if (e === "webgl2" && !t.gpu) continue;
-		let n = h[e];
+		let n = T[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 S(e, t) {
+function I(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 w(e, t);
+	return !n && !r && !i ? e : new R(e, t);
 }
-function C(e) {
+function L(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 w = class {
+var R = class {
 	#e;
 	#t;
 	#n;
@@ -305,22 +420,39 @@ var w = class {
 	#a = /* @__PURE__ */ new Map();
 	open;
 	onPageUpdate;
+	getText;
+	getDownload;
+	getOutline;
 	constructor(e, t) {
 		this.#e = e, this.#t = typeof t.frontCover == "string" ? t.frontCover : null, this.#n = typeof t.backCover == "string" ? t.backCover : null, this.#r = t.pages ?? {}, typeof e.open == "function" ? this.open = async () => {
 			await e.open(), this.#o();
 		} : this.#o(), typeof e.onPageUpdate == "function" && (this.onPageUpdate = (t) => {
 			e.onPageUpdate((e) => t(e + (this.#t === null ? 0 : 1)));
+		}), typeof e.getText == "function" && (this.getText = async (t) => {
+			let n = this.#t === null ? 0 : 1;
+			if (this.#t !== null && t === 0 || this.#n !== null && t === this.pageCount - 1) return "";
+			let r = t - n;
+			return this.#i.has(r) ? "" : e.getText(r);
+		}), typeof e.getDownload == "function" && (this.getDownload = () => e.getDownload()), typeof e.getOutline == "function" && (this.getOutline = async () => {
+			let t = await e.getOutline(), n = this.#t === null ? 0 : 1;
+			if (n === 0) return t;
+			let r = (e) => e.map((e) => ({
+				...e,
+				page: e.page === null ? null : e.page + n,
+				children: r(e.children)
+			}));
+			return r(t);
 		});
 	}
 	get pageCount() {
 		return this.#e.pageCount + (this.#t === null ? 0 : 1) + (this.#n === null ? 0 : 1);
 	}
-	get(e) {
-		let t = this.#t === null ? 0 : 1;
+	get(e, t) {
+		let n = this.#t === null ? 0 : 1;
 		if (this.#t !== null && e === 0) return this.#s(this.#t);
 		if (this.#n !== null && e === this.pageCount - 1) return this.#s(this.#n);
-		let n = e - t, r = this.#i.get(n);
-		return r === void 0 ? this.#e.get(n) : this.#s(r);
+		let r = e - n, i = this.#i.get(r);
+		return i === void 0 ? this.#e.get(r, t) : this.#s(i);
 	}
 	prefetch(e) {
 		let t = this.#t === null ? 0 : 1, n = [];
@@ -347,162 +479,323 @@ var w = class {
 	}
 	#s(e) {
 		let t = this.#a.get(e);
-		return t === void 0 && (t = C(e).catch((t) => {
+		return t === void 0 && (t = L(e).catch((t) => {
 			throw this.#a.delete(e), t;
 		}), this.#a.set(e, t)), t;
 	}
-}, T = .25, E = .0015, D = 6, O = 250, k = 1.55, A = class {
+}, z = .25, B = .0015, V = 6, H = 250, U = 1.55, W = 32, G = 120;
+function K(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();
+	return `${r > 0 ? "…" : ""}${a}${i < e.length ? "…" : ""}`;
+}
+var q = class {
 	#e;
 	#t;
-	#n = new a();
-	#r = new i(2);
-	#i = new c();
+	#n = new c();
+	#r = new s(2);
+	#i = new d();
 	#a;
 	#o;
 	#s;
-	#c = 1;
-	#l;
+	#c;
+	#l = 1;
 	#u;
 	#d;
 	#f;
 	#p;
-	#m = !1;
+	#m;
 	#h = !1;
-	#g = "";
-	#_;
-	#v = [];
-	#y = 0;
-	#b = 0;
-	#x = {
+	#g = null;
+	#_ = !1;
+	#v;
+	#y = "";
+	#b;
+	#x;
+	#S;
+	#C = null;
+	#w = null;
+	#T = [];
+	#E = 0;
+	#D = 0;
+	#O = {
 		left: null,
 		right: null
 	};
-	#S;
-	#C;
-	#w;
-	#T;
-	#E;
-	#D = null;
-	#O = !1;
-	#k = 1;
-	#A = 0;
-	#j = 0;
-	#M = null;
-	#N = !1;
-	#P = !1;
-	#F = null;
-	#I = null;
-	#L = null;
-	#R = null;
+	#k;
+	#A;
+	#j;
+	#M;
+	#N;
+	#P = null;
+	#F = !1;
+	#I = 1;
+	#L = 0;
+	#R = 0;
 	#z = null;
-	#B = null;
-	#V = null;
+	#B = !1;
+	#V = !1;
 	#H = null;
-	#U = !1;
-	#W = 1;
-	#G = !1;
+	#U = null;
+	#W = null;
+	#G = null;
 	#K = null;
 	#q = null;
 	#J = null;
-	#Y = null;
+	#Y = 0;
 	#X = null;
-	#Z;
+	#Z = !1;
+	#Q = 1;
+	#$ = !1;
+	#ee = null;
+	#te = null;
+	#ne = null;
+	#re = null;
+	#ie = null;
+	#ae = null;
+	#oe = null;
+	#se = /* @__PURE__ */ new Set();
+	#ce;
+	#le = null;
+	#ue = null;
+	#de = 0;
+	#fe = null;
+	#pe;
 	debug = { setFlipProgress: (e, t) => {
-		this.#M?.setFlipProgress(e, t);
+		this.#z?.setFlipProgress(e, t);
 	} };
 	constructor(e, t) {
-		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, {
+		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 = I(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 ?? "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;
+		this.#a = n, this.#x = (t.deepLink ?? !0) && b(), this.#S = 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.#m = t.singlePageThreshold ?? 640, this.#v = t.responsiveSpread ?? !0, this.#ce = t.controls ?? !0, this.#b = t.startPage, typeof this.#t.open != "function" && this.#mt(), this.#k = t.flipDuration ?? 800, this.#A = t.zoom?.enabled ?? !0, this.#j = t.zoom?.wheel ?? !0;
 		let r = t.zoom?.doubleClick, i = r === !1 ? [] : [...r ?? [
 			1,
 			2,
 			4
 		]].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.#Z = this.#Se(t.renderer ?? "auto");
+		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");
 	}
 	get ready() {
-		return this.#Z;
+		return this.#pe;
 	}
 	getPageCount() {
 		return this.#t.pageCount;
 	}
 	getPage() {
-		return this.#b;
+		return this.#D;
+	}
+	get container() {
+		return this.#e;
+	}
+	getSpreads() {
+		return this.#T;
+	}
+	getSpreadIndex() {
+		return this.#E;
+	}
+	getDirection() {
+		return this.#a;
+	}
+	getSpreadMode() {
+		return this.#o;
+	}
+	isSinglePage() {
+		return this.#h;
+	}
+	setSpreadMode(e) {
+		e !== this.#o && (this.#o = e, this.#_ = !1, this.#$e(), this.#et());
+	}
+	toggleSpreadMode() {
+		this.setSpreadMode(this.#o === "single" ? this.#s === "single" ? "double" : this.#s : "single");
+	}
+	getResponsiveSpread() {
+		return this.#v;
+	}
+	isResponsiveSingle() {
+		return this.#_ && this.#o !== "single";
+	}
+	setResponsiveSpread(e) {
+		if (e !== this.#v) {
+			if (this.#v = e, e) {
+				let e = this.#z?.measure().containerWidth;
+				if (e === void 0) return;
+				this.#_ = !1, this.#Qe(e);
+			} else {
+				if (!this.#_) return;
+				this.#_ = !1, this.#$e();
+			}
+			this.#et();
+		}
+	}
+	getPageImage(e) {
+		return this.#dt(e);
+	}
+	canFlipNext() {
+		return this.#E + 1 < this.#T.length;
+	}
+	canFlipPrev() {
+		return this.#E > 0;
+	}
+	getMaxZoom() {
+		return this.#N;
+	}
+	canSearch() {
+		return typeof this.#t.getText == "function";
+	}
+	canDownload() {
+		return typeof this.#t.getDownload == "function";
+	}
+	isDocument() {
+		return typeof this.#t.getOutline == "function" || typeof this.#t.getText == "function";
+	}
+	canPrint() {
+		return typeof this.#t.getDownload == "function";
+	}
+	async print() {
+		let e = await this.getSourceFile(), t = this.#e.ownerDocument;
+		if (!e || !t) return !1;
+		let n = t.createElement("iframe");
+		return n.style.cssText = "position:fixed;right:0;bottom:0;width:1px;height:1px;opacity:0;border:0;", n.setAttribute("aria-hidden", "true"), n.src = e.url, new Promise((r) => {
+			let i = !1, a = (t) => {
+				i || (i = !0, setTimeout(() => {
+					n.remove(), e.revoke && URL.revokeObjectURL(e.url);
+				}, 6e4), r(t));
+			};
+			n.addEventListener("load", () => {
+				try {
+					let e = n.contentWindow;
+					if (!e) return a(!1);
+					e.focus(), e.print(), a(!0);
+				} catch {
+					a(!1);
+				}
+			}), n.addEventListener("error", () => a(!1)), t.body.appendChild(n);
+		});
+	}
+	canOutline() {
+		return typeof this.#t.getOutline == "function";
+	}
+	getOutline() {
+		if (!this.#oe) {
+			let e = this.#t.getOutline;
+			this.#oe = typeof e == "function" ? Promise.resolve(e.call(this.#t)).catch(() => []) : Promise.resolve([]);
+		}
+		return this.#oe;
+	}
+	async getSourceFile() {
+		let e = this.#t.getDownload;
+		return typeof e == "function" ? await e.call(this.#t) ?? null : null;
+	}
+	async download() {
+		let e = await this.getSourceFile();
+		if (!e) return !1;
+		let t = this.#e.ownerDocument;
+		if (!t) return !1;
+		let n = t.createElement("a");
+		return n.href = e.url, n.download = e.filename, n.rel = "noopener", t.body.appendChild(n), n.click(), n.remove(), e.revoke && setTimeout(() => URL.revokeObjectURL(e.url), 1e4), !0;
+	}
+	async search(e, t = {}) {
+		let n = this.#t.getText, r = e.trim().toLowerCase();
+		if (typeof n != "function" || r === "") return [];
+		let i = t.limit ?? 50, a = [];
+		for (let e = 0; e < this.#t.pageCount && a.length < i; e++) {
+			let t;
+			try {
+				t = await n.call(this.#t, e);
+			} catch (t) {
+				this.#n.emit("sourceError", {
+					index: e,
+					error: t
+				});
+				continue;
+			}
+			let i = t.toLowerCase().indexOf(r);
+			i < 0 || a.push({
+				page: e,
+				excerpt: K(t, i, r.length)
+			});
+		}
+		return a;
 	}
 	flipNext() {
-		this.#Q(() => this.#ne(this.#y + 1));
+		this.#me(1);
 	}
 	flipPrev() {
-		this.#Q(() => this.#ne(this.#y - 1));
+		this.#me(-1);
+	}
+	#me(e) {
+		this.#he(() => this.#ye(this.#E + e));
 	}
 	flipTo(e) {
-		let t = j(e, 0, Math.max(0, this.#t.pageCount - 1));
-		this.#Q(() => this.#ne(this.#Ve(t)));
+		let t = J(e, 0, Math.max(0, this.#t.pageCount - 1));
+		this.#he(() => this.#ye(this.#pt(t)));
 	}
-	#Q(e) {
-		this.#i.state === "idle" ? e() : this.#V ? (this.#$(), e()) : this.#B = e;
+	#he(e) {
+		this.#i.state === "idle" ? e() : this.#J ? (this.#q = null, this.#ge(), e()) : this.#q = 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());
+	#ge() {
+		let e = this.#J;
+		e && (this.#J = null, this.#H !== null && (cancelAnimationFrame(this.#H), this.#H = null), this.#z?.setFlipProgress(e.toT, e.direction), e.onDone());
 	}
-	#ee() {
-		let e = this.#B;
-		e && (this.#B = null, e());
+	#_e() {
+		let e = this.#q;
+		if (!e) {
+			this.#st();
+			return;
+		}
+		this.#q = null, e();
 	}
 	getZoom() {
-		return this.#k;
+		return this.#I;
 	}
 	setZoom(e, t) {
-		if (!this.#M || !this.#C) return;
-		let n = j(e, 1, this.#E), r = this.#M.measure(), i = t ?? {
+		if (!this.#z || !this.#A) return;
+		let n = J(e, 1, this.#N), r = this.#z.measure(), i = t ?? {
 			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.#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 });
+		}, 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.#it(), this.#n.emit("zoomChanged", { scale: n });
 	}
 	resetZoom() {
 		this.setZoom(1);
 	}
-	#te(e, t, n, r, i) {
-		return [j(e, r * (1 - n), 0), j(t, i * (1 - n), 0)];
+	#ve(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.#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();
+		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 && x(), 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();
 	}
-	#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.#oe(e);
+	#ye(e) {
+		if (e < 0 || e >= this.#T.length || e === this.#E || this.#i.send("flip") === null) return;
+		let t = e > this.#E ? "forward" : "backward", n = this.#Ce(e);
 		this.#n.emit("flipStart", {
-			from: this.#b,
+			from: this.#D,
 			to: n
-		}), this.#re(e, t, n);
+		}), this.#be(e, t, n, ++this.#Y);
 	}
-	async #re(e, t, n) {
-		let r = this.#v[e], i = r ? await this.#Re(r) : {
+	async #be(e, t, n, r) {
+		let i = this.#T[e], a = i ? await this.#ut(i) : {
 			left: null,
 			right: null
 		};
-		this.#M?.beginFlip(this.#x, i, t, {
-			fill: this.#m,
-			curl: this.#s,
-			anchor: { y: this.#c }
-		}), this.#ie(0, 1, t, () => this.#ae(e, n, i));
-	}
-	#ie(e, t, n, r) {
-		let i = this.#ke() * Math.abs(t - e);
+		r === this.#Y && (this.#z?.beginFlip(this.#O, a, t, {
+			fill: this.#h,
+			curl: this.#c,
+			anchor: { y: this.#l }
+		}), this.#xe(0, 1, t, () => this.#Se(e, n, a)));
+	}
+	#xe(e, t, n, r) {
+		let i = this.#Xe() * Math.abs(t - e);
 		if (i <= 0) {
-			this.#M?.setFlipProgress(t, n), r();
+			this.#z?.setFlipProgress(t, n), r();
 			return;
 		}
 		let a = {
@@ -510,56 +803,56 @@ var w = class {
 			direction: n,
 			onDone: r
 		};
-		this.#V = a;
+		this.#J = 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());
+			if (this.#J !== a) return;
+			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.#F = requestAnimationFrame(s);
+		this.#H = requestAnimationFrame(s);
 	}
-	#ae(e, t, n) {
-		let r = this.#v[e];
-		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();
+	#Se(e, t, n) {
+		let r = this.#T[e];
+		this.#E = e, this.#D = t, this.#O = n, r && this.#tt(r, n), this.#ft(), this.#i.send("settle"), this.#Ye(), this.#n.emit("pageChanged", { page: t }), this.#n.emit("flipEnd", { page: t }), this.#_e();
 	}
-	#oe(e) {
-		let t = this.#v[e];
-		if (!t) return this.#b;
+	#Ce(e) {
+		let t = this.#T[e];
+		if (!t) return this.#D;
 		let n = [t.left, t.right].filter((e) => e !== null);
-		return n.length > 0 ? Math.min(...n) : this.#b;
+		return n.length > 0 ? Math.min(...n) : this.#D;
 	}
-	#se(e, t) {
-		if (this.#U || !this.#M || this.#i.state !== "idle") return;
-		if (this.#he(), this.#k > 1) {
+	#we(e, t) {
+		if (this.#Z || !this.#z) return;
+		if (this.#Ne(), this.#I > 1) {
 			if (this.#i.send("panStart") === null) return;
-			this.#H = {
-				baseTx: this.#A,
-				baseTy: this.#j
+			this.#X = {
+				baseTx: this.#L,
+				baseTy: this.#R
 			};
 			return;
 		}
-		let n = this.#e.getBoundingClientRect(), r = this.#pe(), i = {
-			x: e - n.left - r.x,
-			y: t - n.top - r.y
-		};
-		this.#R = i;
-		let a = Math.min(r.width, r.height) * T;
-		if (m(i, {
-			width: r.width,
-			height: r.height
-		}, a) !== "corner") return;
-		this.#c = j(i.y / r.height, 0, 1);
-		let o = i.x > r.width / 2, s = this.#a === "rtl" ? !o : o, c = this.#y + (s ? 1 : -1);
-		c < 0 || c >= this.#v.length || (this.#L = {
-			direction: s ? "forward" : "backward",
-			targetIndex: c,
-			toPage: this.#oe(c),
-			width: r.width
+		let n = this.#Ae(), r = this.#je(e, t);
+		if (this.#G = r, this.#i.state !== "idle") {
+			this.#W = null;
+			return;
+		}
+		let i = Math.min(n.width, n.height) * z;
+		if (_(r, {
+			width: n.width,
+			height: n.height
+		}, i) !== "corner") return;
+		this.#l = J(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",
+			targetIndex: s,
+			toPage: this.#Ce(s),
+			width: n.width
 		});
 	}
-	#ce() {
-		let e = this.#L;
-		e && (this.#L = null, this.#i.send("grab") !== null && (this.#I = {
+	#Te() {
+		let e = this.#W;
+		e && (this.#W = null, this.#i.send("grab") !== null && (this.#U = {
 			direction: e.direction,
 			targetIndex: e.targetIndex,
 			toPage: e.toPage,
@@ -570,66 +863,66 @@ var w = class {
 			width: e.width,
 			t: 0
 		}, this.#n.emit("flipStart", {
-			from: this.#b,
+			from: this.#D,
 			to: e.toPage
-		}), this.#le(e.targetIndex, e.direction)));
+		}), this.#Ee(e.targetIndex, e.direction)));
 	}
-	async #le(e, t) {
-		let n = this.#v[e], r = n ? await this.#Re(n) : {
+	async #Ee(e, t) {
+		let n = this.#T[e], r = n ? await this.#ut(n) : {
 			left: null,
 			right: null
 		};
-		this.#I?.targetIndex === e && (this.#I.toContent = r, this.#M?.beginFlip(this.#x, r, t, {
-			fill: this.#m,
-			curl: this.#s,
-			anchor: { y: this.#c }
-		}), this.#M?.setFlipProgress(this.#I.t, t));
-	}
-	#ue(e, t) {
-		if (this.#U) return;
-		if (this.#H) {
-			if (!this.#M) return;
-			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);
+		this.#U?.targetIndex === e && (this.#U.toContent = r, this.#z?.beginFlip(this.#O, r, t, {
+			fill: this.#h,
+			curl: this.#c,
+			anchor: { y: this.#l }
+		}), this.#z?.setFlipProgress(this.#U.t, t));
+	}
+	#De(e, t) {
+		if (this.#Z) return;
+		if (this.#X) {
+			if (!this.#z) return;
+			let n = this.#z.measure(), [r, i] = this.#ve(this.#X.baseTx + e, this.#X.baseTy + t, this.#I, n.containerWidth, n.containerHeight);
+			this.#L = r, this.#R = i, this.#z.setViewTransform(this.#I, r, i), this.#it();
 			return;
 		}
-		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));
-	}
-	#de(e) {
-		if (this.#U) return;
-		if (this.#H) {
-			this.#H = null, this.#i.send("panEnd");
+		this.#W && Math.hypot(e, t) > V && this.#Te();
+		let n = this.#U;
+		n && (n.t = J((n.direction === "forward" ? -e : e) / n.width, 0, 1), this.#z?.setFlipProgress(n.t, n.direction));
+	}
+	#Oe(e) {
+		if (this.#Z) return;
+		if (this.#X) {
+			this.#X = null, this.#i.send("panEnd");
 			return;
 		}
-		let t = this.#I;
+		let t = this.#U;
 		if (!t) {
-			this.#L = null, this.#fe(e);
+			this.#W = null, this.#ke(e);
 			return;
 		}
-		this.#I = null, this.#i.send("release");
+		this.#U = null, this.#i.send("release");
 		let n = e.swipe && (t.direction === "forward" ? e.dx < 0 : e.dx > 0);
-		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());
+		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());
 	}
-	#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.#me(this.#R);
+	#ke(e) {
+		if (this.#u === "off" || this.#I > 1 || !this.#G || Math.abs(e.dx) > V || Math.abs(e.dy) > V) return;
+		let t = this.#Me(this.#G);
 		if (!t) return;
 		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);
+		if (this.#E + n < 0 || this.#E + n >= this.#T.length) return;
+		this.#l = J(this.#G.y / this.#Ae().height, 0, 1);
+		let r = () => this.#ye(this.#E + n);
+		if (this.#Ne(), this.#p <= 0) {
+			this.#he(r);
 			return;
 		}
-		this.#z = setTimeout(() => {
-			this.#z = null, this.#Q(r);
-		}, this.#f);
+		this.#K = setTimeout(() => {
+			this.#K = null, this.#he(r);
+		}, this.#p);
 	}
-	#pe() {
-		let e = this.#M.measure();
+	#Ae() {
+		let e = this.#z.measure();
 		return e.content ?? e.book ?? {
 			x: 0,
 			y: 0,
@@ -637,136 +930,170 @@ var w = class {
 			height: e.containerHeight
 		};
 	}
-	#me(e) {
-		if (!this.#M) return null;
-		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;
+	#je(e, t) {
+		let n = this.#e.getBoundingClientRect(), r = this.#Ae();
+		return {
+			x: e - n.left - r.x,
+			y: t - n.top - r.y
+		};
+	}
+	#Me(e) {
+		if (!this.#z) return null;
+		let t = this.#Ae().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";
 	}
-	#he() {
-		this.#z !== null && (clearTimeout(this.#z), this.#z = null);
-	}
-	#ge() {
-		let e = this.#v[this.#y];
-		e && this.#Ne(e, this.#x), this.#i.send("settle"), this.#n.emit("flipEnd", { page: this.#b }), this.#ee();
+	#Ne() {
+		this.#K !== null && (clearTimeout(this.#K), this.#K = null);
 	}
-	#_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.#Ne(e, this.#x);
-		} else this.#H && (this.#H = null, this.#i.send("panEnd"));
-		this.#U = !0, this.#W = this.#k;
-	}
-	#ve(e, t, n) {
-		if (!this.#U) return;
+	#Pe() {
+		let e = this.#T[this.#E];
+		e && this.#tt(e, this.#O), this.#i.send("settle"), this.#n.emit("flipEnd", { page: this.#D }), this.#_e();
+	}
+	#Fe() {
+		if (this.#W = null, this.#Ne(), this.#U) {
+			this.#U = null, this.#i.send("release"), this.#i.send("settle");
+			let e = this.#T[this.#E];
+			e && this.#tt(e, this.#O);
+		} else this.#X && (this.#X = null, this.#i.send("panEnd"));
+		this.#Z = !0, this.#Q = this.#I;
+	}
+	#Ie(e, t, n) {
+		if (!this.#Z) return;
 		let r = this.#e.getBoundingClientRect();
-		this.setZoom(this.#W * n, {
+		this.setZoom(this.#Q * n, {
 			x: e - r.left,
 			y: t - r.top
 		});
 	}
-	#ye() {
-		this.#U = !1;
+	#Le() {
+		this.#Z = !1;
+	}
+	#Re() {
+		if (!this.#S) return;
+		let e = (e) => e.preventDefault();
+		this.#e.addEventListener("contextmenu", e), this.#re = () => this.#e.removeEventListener("contextmenu", e);
 	}
-	#be() {
+	#ze() {
 		let e = (e) => {
-			if (!this.#w || !this.#C || !(e.ctrlKey || e.metaKey)) return;
+			if (!this.#j || !this.#A || !(e.ctrlKey || e.metaKey)) return;
 			e.preventDefault();
-			let t = this.#e.getBoundingClientRect(), n = Math.exp(-e.deltaY * E);
-			this.setZoom(this.#k * n, {
+			let t = this.#e.getBoundingClientRect(), n = Math.exp(-e.deltaY * B);
+			this.setZoom(this.#I * n, {
 				x: e.clientX - t.left,
 				y: e.clientY - t.top
 			});
 		};
-		this.#e.addEventListener("wheel", e, { passive: !1 }), this.#J = () => this.#e.removeEventListener("wheel", e);
+		this.#e.addEventListener("wheel", e, { passive: !1 }), this.#ne = () => this.#e.removeEventListener("wheel", e);
 	}
-	#xe() {
+	#Be() {
 		let e = (e) => {
-			let t = this.#T;
-			if (!this.#C || t === null) return;
-			if (this.#k <= 1 && this.#l !== "off" && !this.#d) {
-				let t = this.#e.getBoundingClientRect(), n = {
-					x: e.clientX - t.left,
-					y: e.clientY - t.top
-				};
-				if (this.#me(n) !== null) return;
+			let t = this.#M;
+			if (!this.#A || t === null || !this.#z) return;
+			if (this.#I <= 1 && this.#u !== "off" && !this.#f) {
+				let t = this.#je(e.clientX, e.clientY);
+				if (this.#Me(t) !== null) return;
 			}
-			this.#he(), e.preventDefault();
-			let n = t.find((e) => e > this.#k + 1e-6) ?? t[0] ?? this.#k, r = this.#e.getBoundingClientRect();
+			this.#Ne(), e.preventDefault();
+			let n = t.find((e) => e > this.#I + 1e-6) ?? t[0] ?? this.#I, r = this.#e.getBoundingClientRect();
 			this.setZoom(n, {
 				x: e.clientX - r.left,
 				y: e.clientY - r.top
 			});
 		};
-		this.#e.addEventListener("dblclick", e), this.#Y = () => this.#e.removeEventListener("dblclick", e);
-	}
-	async #Se(e) {
-		let t = x(e);
-		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.#se(e.x, e.y),
-			onMove: (e) => this.#ue(e.dx, e.dy),
-			onEnd: (e) => this.#de(e)
-		}), a = new p({
-			onPinchStart: () => this.#_e(),
-			onPinchMove: (e) => this.#ve(e.centerX, e.centerY, e.scale),
-			onPinchEnd: () => this.#ye()
+		this.#e.addEventListener("dblclick", e), this.#ie = () => this.#e.removeEventListener("dblclick", e);
+	}
+	async #Ve(e) {
+		let t = j(e);
+		typeof this.#t.open == "function" && (await this.#t.open(), this.#mt()), this.#t.prefetch([this.#D]);
+		let n = await t, r = await this.#He(n);
+		this.#z = r, this.#t.onPageUpdate?.((e) => this.#rt(e)), this.#Qe(r.measure().containerWidth);
+		let i = new p({
+			onStart: (e) => this.#we(e.x, e.y),
+			onMove: (e) => this.#De(e.dx, e.dy),
+			onEnd: (e) => this.#Oe(e)
+		}), a = new g({
+			onPinchStart: () => this.#Fe(),
+			onPinchMove: (e) => this.#Ie(e.centerX, e.centerY, e.scale),
+			onPinchEnd: () => this.#Le()
 		});
-		this.#q = d(this.#e, {
+		this.#te = m(this.#e, {
 			pointer: i,
 			pinch: a
-		}), this.#be(), this.#xe(), this.#Te(), this.#X = this.#Ee(), await this.#Me(), this.#Ie(), this.#Be(), this.#Oe(), this.#n.emit("ready");
+		}), this.#ze(), this.#Be(), this.#Re(), this.#We(), this.#ae = this.#qe(), await this.#et(), this.#ct(), this.#ft(), this.#Ye(), this.#Ke(), await this.#Ge(), this.#n.emit("ready");
 	}
-	async #Ce(e) {
+	async #He(e) {
 		try {
 			return await e.mount(this.#e), e.onFatal?.(() => {
-				this.#we();
+				this.#Ue();
 			}), e;
 		} catch {
 			e.destroy();
-			let t = await x("css");
-			return await t.mount(this.#e), this.#N = !0, this.#n.emit("rendererFallback", {
+			let t = await j("css");
+			return await t.mount(this.#e), this.#B = !0, this.#n.emit("rendererFallback", {
 				from: "webgl2",
 				to: "css"
 			}), t;
 		}
 	}
-	async #we() {
-		if (this.#N || this.#P) return;
-		this.#N = !0, this.#M?.destroy(), this.#M = null;
-		let e = await x("css");
-		if (this.#P) {
+	async #Ue() {
+		if (this.#B || this.#V) return;
+		this.#B = !0, this.#z?.destroy(), this.#z = null;
+		let e = await j("css");
+		if (this.#V) {
 			e.destroy();
 			return;
 		}
-		await e.mount(this.#e), this.#M = e, this.#je(e.measure().containerWidth), await this.#Me(), this.#n.emit("rendererFallback", {
+		await e.mount(this.#e), this.#z = e, this.#Qe(e.measure().containerWidth), await this.#et(), this.#n.emit("rendererFallback", {
 			from: "webgl2",
 			to: "css"
 		});
 	}
-	#Te() {
+	#We() {
 		if (typeof matchMedia != "function") return;
 		let e = matchMedia("(prefers-reduced-motion: reduce)");
-		this.#G = e.matches, e.addEventListener?.("change", (e) => {
-			this.#G = e.matches;
+		this.#$ = e.matches, e.addEventListener?.("change", (e) => {
+			this.#$ = e.matches;
+		});
+	}
+	async #Ge() {
+		if (this.#ce === !1 || this.#V) return;
+		let e = this.#e;
+		if (!(!e.ownerDocument || typeof e.appendChild != "function")) try {
+			let { mountControls: t } = await import("./controls-BrPo8pKL.js");
+			if (this.#V) return;
+			let n = this.#ce === !0 ? {} : this.#ce;
+			this.#le = t(this, e, n);
+		} catch {}
+	}
+	#Ke() {
+		if (!this.#x || globalThis.location === void 0) return;
+		let e = globalThis;
+		this.#C = w(e, (e) => {
+			e !== this.#D && this.flipTo(e);
+		}), this.#C.push(this.#D), this.#w = this.#n.on("pageChanged", ({ page: e }) => {
+			this.#C?.push(e);
 		});
 	}
-	#Ee() {
+	pageLink(e = this.#D) {
+		let t = globalThis.location?.href ?? "";
+		if (!t) return "";
+		let n = new URL(t);
+		return n.hash = C(n.hash, J(e, 0, Math.max(0, this.#t.pageCount - 1))), n.toString();
+	}
+	#qe() {
 		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.#De(e);
+		let n = (e) => this.#Je(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.#K = r, () => {
-			e.removeEventListener("keydown", n), r.remove(), this.#K = 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.#ee = r, () => {
+			e.removeEventListener("keydown", n), r.remove(), this.#ee = null;
 		};
 	}
-	#De(e) {
+	#Je(e) {
 		let t = this.#a === "rtl" ? "ArrowLeft" : "ArrowRight";
 		switch (e.key) {
 			case "ArrowRight":
@@ -782,62 +1109,136 @@ var w = class {
 			default: break;
 		}
 	}
-	#Oe() {
-		this.#K && (this.#K.textContent = `Page ${this.#b + 1} of ${this.#t.pageCount}`);
+	#Ye() {
+		this.#ee && (this.#ee.textContent = `Page ${this.#D + 1} of ${this.#t.pageCount}`);
 	}
-	#ke() {
-		return this.#G ? 0 : this.#S * (this.#m ? k : 1);
+	#Xe() {
+		return this.#$ ? 0 : this.#k * (this.#h ? U : 1);
 	}
 	update() {
-		!this.#M || this.#i.state !== "idle" || (this.#je(this.#M.measure().containerWidth), this.#Me());
+		!this.#z || this.#i.state !== "idle" || (this.#Qe(this.#z.measure().containerWidth), this.#et());
 	}
-	#Ae() {
-		return this.#h || this.#o === "single" ? "single" : this.#o;
-	}
-	#je(e) {
-		let r = n(e, this.#p);
-		if (r === this.#h) return;
-		this.#h = r;
-		let i = this.#Ae();
-		this.#m = i === "single", this.#v = t(this.#t.pageCount, {
+	#Ze() {
+		return this.#_ || this.#o === "single" ? "single" : this.#o;
+	}
+	#Qe(e) {
+		let t = this.#v && a(e, this.#m);
+		t !== this.#_ && (this.#_ = t, this.#$e());
+	}
+	#$e() {
+		let e = this.#Ze(), t = e !== this.#g;
+		this.#g = e, this.#h = e === "single", this.#T = i(this.#t.pageCount, {
 			direction: this.#a,
-			mode: i
-		}), this.#y = this.#Ve(this.#b);
+			mode: e
+		}), this.#E = this.#pt(this.#D), t && this.#n.emit("spreadChanged", {
+			mode: e,
+			singlePage: this.#h
+		});
 	}
-	async #Me() {
-		let e = this.#v[this.#y];
-		!e || !this.#M || (this.#x = await this.#Re(e), this.#Ne(e, this.#x));
+	async #et() {
+		let e = this.#T[this.#E];
+		!e || !this.#z || (this.#O = await this.#ut(e), this.#tt(e, this.#O));
 	}
-	#Ne(e, t) {
-		this.#M?.renderSpread(e, t, { fill: this.#m }), this.#Pe();
+	#tt(e, t) {
+		this.#z?.renderSpread(e, t, { fill: this.#h }), this.#nt(), this.#ue?.clear(), this.#it();
 	}
-	#Pe() {
-		let e = this.#M?.measure().book;
+	#nt() {
+		let e = this.#z?.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);
+		t !== this.#y && (this.#y = t, this.#e.style.aspectRatio = t);
+	}
+	#rt(e) {
+		if (this.#i.state !== "idle") {
+			this.#se.add(e);
+			return;
+		}
+		let t = this.#T[this.#E];
+		t && (t.left === e || t.right === e) && this.#et();
+	}
+	#it() {
+		if (this.#fe !== null && clearTimeout(this.#fe), this.#I <= 1) {
+			this.#ue?.clear(), this.#de++;
+			return;
+		}
+		this.#fe = setTimeout(() => {
+			this.#fe = null, this.#at();
+		}, G);
+	}
+	async #at() {
+		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
+			}
+		});
+		let s = {
+			scale: this.#I,
+			tx: this.#L,
+			ty: this.#R
+		}, c = {
+			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) => {
+			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
+				};
+			} catch (t) {
+				return this.#n.emit("sourceError", {
+					index: e.index,
+					error: t
+				}), null;
+			}
+		}));
+		if (d !== this.#de || this.#I <= 1) return;
+		let p = f.filter((e) => e !== null);
+		p.length !== 0 && (this.#ue ??= this.#ot(), this.#ue?.draw(p, s, c));
 	}
-	#Fe(e) {
-		if (this.#i.state !== "idle") return;
-		let t = this.#v[this.#y];
-		t && (t.left === e || t.right === e) && this.#Me();
+	#ot() {
+		let e = this.#e.ownerDocument;
+		return !e || typeof this.#e.append != "function" ? null : new F(e, this.#e);
 	}
-	#Ie() {
-		typeof ResizeObserver > "u" || (this.#D = new ResizeObserver(() => this.#Le()), this.#D.observe(this.#e));
+	#st() {
+		if (this.#se.size === 0) return;
+		let e = this.#T[this.#E], t = e !== void 0 && [e.left, e.right].some((e) => e !== null && this.#se.has(e));
+		this.#se.clear(), t && this.#et();
 	}
-	#Le() {
-		this.#O || (this.#O = !0, requestAnimationFrame(() => {
-			this.#O = !1, this.update();
+	#ct() {
+		typeof ResizeObserver > "u" || (this.#P = new ResizeObserver(() => this.#lt()), this.#P.observe(this.#e));
+	}
+	#lt() {
+		this.#F || (this.#F = !0, requestAnimationFrame(() => {
+			this.#F = !1, this.update();
 		}));
 	}
-	async #Re(e) {
-		let [t, n] = await Promise.all([this.#ze(e.left), this.#ze(e.right)]);
+	async #ut(e) {
+		let [t, n] = await Promise.all([this.#dt(e.left), this.#dt(e.right)]);
 		return {
 			left: t,
 			right: n
 		};
 	}
-	async #ze(e) {
+	async #dt(e) {
 		if (e === null) return null;
 		try {
 			return await this.#t.get(e);
@@ -848,44 +1249,46 @@ var w = class {
 			}), null;
 		}
 	}
-	#Be() {
-		let { toMount: e } = this.#r.update(this.#y, this.#v.length), t = [];
+	#ft() {
+		let { toMount: e } = this.#r.update(this.#E, this.#T.length), t = [];
 		for (let n of e) {
-			let e = this.#v[n];
+			let e = this.#T[n];
 			e?.left != null && t.push(e.left), e?.right != null && t.push(e.right);
 		}
 		this.#t.prefetch(t);
 	}
-	#Ve(e) {
-		let t = this.#v.findIndex((t) => t.left === e || t.right === e);
+	#pt(e) {
+		let t = this.#T.findIndex((t) => t.left === e || t.right === e);
 		return t === -1 ? 0 : t;
 	}
-	#He() {
+	#mt() {
 		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.#Ae();
-		this.#m = r === "single", this.#v = t(e, {
+		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.#Ze();
+		this.#h = n === "single", this.#T = i(e, {
 			direction: this.#a,
-			mode: r
-		}), this.#b = j(n ?? 0, 0, e - 1), this.#y = this.#Ve(this.#b);
+			mode: n
+		});
+		let r = this.#x ? S(globalThis.location?.hash ?? "") : null;
+		this.#D = J(r ?? t ?? 0, 0, e - 1), this.#E = this.#pt(this.#D);
 	}
 };
-function j(e, t, n) {
+function J(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function M(e) {
+function Y(e) {
 	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
-function N(e) {
-	return 1 - (1 - M(e)) ** 1.3;
+function X(e) {
+	return 1 - (1 - Y(e)) ** 1.3;
 }
-function P(e) {
+function Z(e) {
 	return e === null ? "null" : Array.isArray(e) ? "array" : typeof e;
 }
-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)}.`);
+function Q(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 ${Z(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).");
@@ -901,25 +1304,39 @@ function F(t, n) {
 	].includes(s)) throw Error(`Zine: clickToFlip must be 'edge', 'half', or 'off'; got ${JSON.stringify(s)}.`);
 	let c = r.curl;
 	if (c !== void 0 && !e.includes(c)) throw Error(`Zine: curl must be one of ${e.join(", ")}; got ${JSON.stringify(c)}.`);
-	let l = r.spreadMode;
-	if (l !== void 0 && ![
+	for (let e of [
+		"deepLink",
+		"disableContextMenu",
+		"responsiveSpread"
+	]) if (r[e] !== void 0 && typeof r[e] != "boolean") throw Error(`Zine: ${e} must be a boolean; got ${Z(r[e])}.`);
+	let l = r.controls;
+	if (l !== void 0 && typeof l != "boolean" && (typeof l != "object" || !l)) throw Error(`Zine: controls must be a boolean or an options object; got ${Z(l)}.`);
+	let u = l?.position;
+	if (u !== void 0 && ![
+		"top",
+		"bottom",
+		"left",
+		"right"
+	].includes(u)) throw Error(`Zine: controls.position must be 'top', 'bottom', 'left', or 'right'; got ${JSON.stringify(u)}.`);
+	let d = r.spreadMode;
+	if (d !== void 0 && ![
 		"double",
 		"single",
 		"cover",
 		"book"
-	].includes(l)) throw Error(`Zine: spreadMode must be 'double', 'single', 'cover', or 'book'; got ${JSON.stringify(l)}.`);
+	].includes(d)) throw Error(`Zine: spreadMode must be 'double', 'single', 'cover', or 'book'; got ${JSON.stringify(d)}.`);
 	for (let e of ["frontCover", "backCover"]) {
 		let t = r[e];
 		if (t !== void 0 && typeof t != "string") throw Error(`Zine: ${e} must be an image URL string; got ${JSON.stringify(t)}.`);
 	}
-	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.");
-	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);
+	let f = r.pages;
+	if (f !== void 0 && (typeof f != "object" || !f || Array.isArray(f))) throw Error("Zine: pages must be an object mapping page indices to image URLs.");
+	$(r.width, "width", 1), $(r.height, "height", 1), $(r.flipDuration, "flipDuration", 0), $(r.clickZoneSize, "clickZoneSize", 0), $(r.clickFlipDelay, "clickFlipDelay", 0), $(r.singlePageThreshold, "singlePageThreshold", 0), ee(r.zoom), te(r.renderer);
 }
-function I(e, t, n) {
+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 L(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;
@@ -930,9 +1347,9 @@ function L(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].");
 	}
-	I(t.max, "zoom.max", 1);
+	$(t.max, "zoom.max", 1);
 }
-function R(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.`);
@@ -947,7 +1364,7 @@ function R(e) {
 }
 //#endregion
 //#region src/source/imageSource.ts
-var z = class {
+var ne = class {
 	pageCount;
 	fit;
 	#e;
@@ -984,6 +1401,6 @@ var z = class {
 	}
 };
 //#endregion
-export { e as CURL_TYPES, z as ImageSource, A as Zine };
+export { e as CURL_TYPES, r as DEFAULT_ITEMS, ne as ImageSource, q as Zine, t as defineControl, n as getControl };
 
 //# sourceMappingURL=index.js.map