@react-pdf-kit/viewer 2.8.0-beta.0 → 2.8.0-beta.10

package/dist/utils/const.js

@@ -3,6 +3,6 @@ var e = {
 	keyword: "",
 	regExp: /* @__PURE__ */ RegExp(" "),
 	wholeWords: !1
-}, t = "This feature is only available for the Organization license", n = "Invalid or corrupted PDF file.", r = "React PDF Kit is unable to render on this browser.";
+}, t = "https://www.react-pdf-kit.dev/docs", n = "This feature is only available for the Organization license", r = "Invalid or corrupted PDF file.", i = "React PDF Kit is unable to render on this browser.", a = "This PDF uses JPEG 2000 images and requires pdf.js WASM assets. Please set wasmUrl in RPConfig.", o = `${a} Learn more: ${t}/components/rp-config`;
 //#endregion
-export { r as BROWSER_NOT_SUPPORTED_MESSAGE, e as EMPTY_KEYWORD_REGEXP, n as INVALID_OR_CORRUPTED_PDF_MESSAGE, t as ORGANIZATION_ALLOWED_FEATURES_MESSAGE };
+export { i as BROWSER_NOT_SUPPORTED_MESSAGE, t as DOCS_URL, e as EMPTY_KEYWORD_REGEXP, r as INVALID_OR_CORRUPTED_PDF_MESSAGE, n as ORGANIZATION_ALLOWED_FEATURES_MESSAGE, o as WASM_URL_REQUIRED_CONSOLE_MESSAGE, a as WASM_URL_REQUIRED_MESSAGE };

package/dist/utils/constants.js

@@ -1,4 +1,4 @@
 //#region lib/utils/constants.ts
-var e = 4, t = 200, n = 20, r = 25, i = 1e3;
+var e = 4, t = 200, n = 20, r = 25, i = 1e3, a = 25, o = 2, s = 400, c = 1e3, l = 32767, u = 33554432, d = 16777216, f = 5242880, p = 200;
 //#endregion
-export { i as MAX_ZOOM_SCALE, r as MIN_ZOOM_SCALE, e as PAGE_PADDING, n as SCROLL_BAR_WIDTH, t as THUMBNAIL_MIN_WIDTH };
+export { p as CANVAS_AREA_CAP_FACTOR, f as IOS_MAX_CANVAS_PIXELS, l as MAX_CANVAS_DIM, u as MAX_CANVAS_PIXELS, i as MAX_ZOOM_SCALE, r as MIN_ZOOM_SCALE, e as PAGE_PADDING, d as SAFARI_MAX_CANVAS_PIXELS, n as SCROLL_BAR_WIDTH, t as THUMBNAIL_MIN_WIDTH, o as VIRTUAL_SCROLL_ROW_OVERSCAN, s as ZOOM_DEBOUNCE_MS, c as ZOOM_SAFETY_TIMEOUT_MS, a as ZOOM_STEP_PERCENT };

package/dist/utils/documentLayout.js

@@ -0,0 +1,141 @@
+import { ScrollMode as e, ViewMode as t } from "./types.js";
+//#region lib/utils/documentLayout.ts
+var n = (e, t) => Math.max(0, (e - t) / 2), r = .5, i = (e, t, i) => {
+	let a = n(e, i), o = Math.max(0, e - t);
+	return Math.max(0, a - o * r);
+}, a = (e) => e.reduce((e, t) => e + t, 0), o = (e) => Math.min(e.widths.length, e.heights.length), s = (e) => e === "WRAPPED", c = (e, t) => {
+	let n = t - 1;
+	return {
+		width: e.widths[n] || 0,
+		height: e.heights[n] || 0
+	};
+}, l = (e, n, r) => {
+	if (!r) return [];
+	let i = Math.max(1, Math.min(e, r));
+	if (n === t.DUAL_PAGE) {
+		let e = Math.floor((i - 1) / 2) * 2 + 1;
+		return [e, e + 1].filter((e) => e <= r);
+	}
+	if (n === t.DUAL_PAGE_WITH_COVER) {
+		if (i === 1) return [1];
+		let e = Math.floor((i - 2) / 2) * 2 + 2;
+		return [e, e + 1].filter((e) => e <= r);
+	}
+	return [i];
+}, u = (e, t) => {
+	let n = t.map((t) => c(e, t));
+	return {
+		pageNumbers: t,
+		width: a(n.map((e) => e.width)),
+		height: Math.max(...n.map((e) => e.height), 0)
+	};
+}, d = (e, n) => {
+	let r = o(e), i = [];
+	if (n === t.DUAL_PAGE) {
+		for (let t = 1; t <= r; t += 2) i.push(u(e, [t, t + 1].filter((e) => e <= r)));
+		return i;
+	}
+	if (n === t.DUAL_PAGE_WITH_COVER) {
+		r >= 1 && i.push(u(e, [1]));
+		for (let t = 2; t <= r; t += 2) i.push(u(e, [t, t + 1].filter((e) => e <= r)));
+		return i;
+	}
+	for (let t = 1; t <= r; t += 1) i.push(u(e, [t]));
+	return i;
+}, f = (e, t) => {
+	let n = o(e), r = Math.max(t, 1), i = [], a = [], s = 0;
+	for (let t = 1; t <= n; t += 1) {
+		let { width: n } = c(e, t);
+		a.length > 0 && s + n > r && (i.push(u(e, a)), a = [], s = 0), a.push(t), s += n;
+	}
+	return a.length && i.push(u(e, a)), i;
+}, p = ({ pageDimensions: t, viewportWidth: n, scrollMode: r, viewMode: i, focusedPage: a }) => {
+	let c = o(t);
+	return c ? r === e.PAGE_SCROLLING ? [u(t, l(a || 1, i, c))] : r === e.HORIZONTAL_SCROLLING ? [u(t, Array.from({ length: c }, (e, t) => t + 1))] : s(r) ? f(t, n) : d(t, i) : [];
+}, m = (t) => {
+	let { pageDimensions: r, viewportWidth: a, viewportHeight: o, scrollMode: l, viewMode: u } = t, d = p(t), f = s(l) ? Math.max(a, ...d.map((e) => e.width), 0) : Math.max(...d.map((e) => e.width), 0), m = [], h = [], g = 0;
+	d.forEach((t, o) => {
+		let u = s(l) ? Math.max(f, t.width) : t.width, d = {
+			index: o,
+			top: g,
+			width: u,
+			height: t.height,
+			pageNumbers: t.pageNumbers
+		}, p = l !== e.HORIZONTAL_SCROLLING && !s(l) && t.width < f ? i(f, a, t.width) : n(f, t.width);
+		t.pageNumbers.forEach((e) => {
+			let { width: t, height: n } = c(r, e);
+			h.push({
+				pageNumber: e,
+				rowIndex: o,
+				left: p,
+				top: g,
+				width: t,
+				height: n
+			}), p += t;
+		}), m.push(d), g += t.height;
+	});
+	let _ = g, v = l === e.HORIZONTAL_SCROLLING ? 0 : n(a, f), y = l === e.PAGE_SCROLLING || l === e.HORIZONTAL_SCROLLING ? n(o, _) : 0;
+	return {
+		rows: m,
+		pages: h,
+		documentWidth: f,
+		documentHeight: _,
+		offsetLeft: v,
+		offsetTop: y,
+		scrollWidth: Math.max(a, v + f),
+		scrollHeight: Math.max(o, y + _),
+		viewportWidth: a,
+		viewportHeight: o,
+		scrollMode: l,
+		viewMode: u
+	};
+}, h = (e, t) => e.pages.find((e) => e.pageNumber === t) ?? null, g = (e, t, r, i) => ({
+	x: n(e, r),
+	y: n(t, i)
+}), _ = (e, t, n) => {
+	let r = e.rows.find((e) => n >= e.top && n <= e.top + e.height) ?? e.rows.reduce((e, t) => {
+		if (!e) return t;
+		let r = e.top + e.height / 2, i = t.top + t.height / 2;
+		return Math.abs(n - i) < Math.abs(n - r) ? t : e;
+	}, null);
+	if (!r) return null;
+	let i = e.pages.filter((e) => e.rowIndex === r.index);
+	return i.find((e) => t >= e.left && t <= e.left + e.width && n >= e.top && n <= e.top + e.height) || i.reduce((e, n) => {
+		if (!e) return n;
+		let r = e.left + e.width / 2, i = n.left + n.width / 2;
+		return Math.abs(t - i) < Math.abs(t - r) ? n : e;
+	}, null);
+}, v = (e, t, n, r, i, a = 1) => {
+	let o = t - e.offsetTop, s = o + i, c = n - e.offsetLeft, l = c + r, u = e.rows.filter((e) => e.top + e.height >= o && e.top <= s), d = u[0]?.index ?? 0, f = u[u.length - 1]?.index ?? d, p = Math.max(0, d - a), m = Math.min(e.rows.length - 1, f + a), h = r * Math.max(1, a), g = e.pages.reduce((e, t) => {
+		let n = e.get(t.rowIndex);
+		return n ? n.push(t) : e.set(t.rowIndex, [t]), e;
+	}, /* @__PURE__ */ new Map());
+	return e.rows.slice(p, m + 1).map((e) => ({
+		...e,
+		pages: (g.get(e.index) ?? []).filter((e) => {
+			let t = e.left + e.width, n = e.top + e.height;
+			return t >= c - h && e.left <= l + h && n >= o && e.top <= s;
+		})
+	}));
+}, y = (e, t, n) => {
+	let r = new Set(t), i = n ? new Set(n) : null, a = e.pages.reduce((e, t) => {
+		if (i && !i.has(t.pageNumber)) return e;
+		let n = e.get(t.rowIndex);
+		return n ? n.push(t) : e.set(t.rowIndex, [t]), e;
+	}, /* @__PURE__ */ new Map());
+	return e.rows.filter((e) => r.has(e.index)).map((e) => ({
+		...e,
+		pages: a.get(e.index) ?? []
+	}));
+}, b = (t, n) => {
+	let r = h(t, n);
+	return r ? t.scrollMode === e.HORIZONTAL_SCROLLING ? {
+		left: t.offsetLeft + r.left,
+		top: 0
+	} : (t.scrollMode, e.PAGE_SCROLLING, {
+		left: t.offsetLeft + r.left,
+		top: t.offsetTop + r.top
+	}) : null;
+};
+//#endregion
+export { m as buildDocumentLayout, g as getPageContentOffset, _ as getPageFromDocumentPoint, l as getPageGroupForPage, h as getPagePlacement, y as getRowsByIndexes, b as getScrollTargetForPage, v as getVisibleRows };

package/dist/utils/hooks/useLicense.js

@@ -3,7 +3,7 @@ import { LicenseType as t } from "../types.js";
 import { appConsole as n } from "../appConsole.js";
 import { useCallback as r, useEffect as i, useState as a } from "react";
 //#region lib/utils/hooks/useLicense.ts
-var o = /* @__PURE__ */ new Date("2026-05-21T09:27:46.668Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
+var o = /* @__PURE__ */ new Date("2026-08-06T08:42:42.297Z"), s = "-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvIokvErJ0Fctu0jduSAx\ngr+5Har/VSuZLlOunS28hnlqqA+OF1apHL7RYkjBosS15yvviYdLrVWYHpHnoY4b\nHLQ9I6YX6FMB9T/VbB4xLdVdKvfi8r49aTScl5EKuSpgpPgz2VSJTfvVGcRuth/Y\nBm7PPGYdL2l2gvKDxchmmsHFPukGki9L4JOUeIVX0GXAxabENckaEH/iC1NZhX+W\nvXnpHeHuIIKlZ16LSivXNgo6BH2Z3GFdg4G3cAaXr6qNP8fsacYNqv2SpTW1viFD\nvzcGRabN25gpJAp9/syeScefWH3OiJY1lmw88oTiJbjIoiq6AkPhfn3G9mF54nvR\nkwIDAQAB\n-----END PUBLIC KEY-----", c = "Please visit https://app.react-pdf-kit.dev to generate a new license key.", l = {
 	invalidLicense: `You are currently using without a valid license. ${c}`,
 	mismatchedDomain: `Your license key is not valid for the current domain / IP. ${c}`,
 	expired: `Your license key has expired. ${c}`,
@@ -22,7 +22,7 @@ function d(e) {
 }
 async function f(t) {
 	try {
-		let n = await import("../../lib-BiapEtK1.js").then((t) => /* @__PURE__ */ e(t.default, 1)), r = n?.default ?? n, i = r.pki.publicKeyFromPem(s), a = atob(t.data), o = r.util.decode64(t.signature), c = r.md.sha256.create();
+		let n = await import("../../lib-CSInlR9T.js").then((t) => /* @__PURE__ */ e(t.default, 1)), r = n?.default ?? n, i = r.pki.publicKeyFromPem(s), a = atob(t.data), o = r.util.decode64(t.signature), c = r.md.sha256.create();
 		c.update(a, "utf8");
 		let l = r.pss.create({
 			md: r.md.sha256.create(),

package/dist/utils/hooks/useLoadPdf.js

@@ -2,75 +2,83 @@
 import { ErrorType as e } from "../types.js";
 import { getThumbnailViewport as t } from "../getThumbnailViewport.js";
 import { useConfigContext as n } from "../../contexts/ConfigContext.js";
-import { useDocumentPasswordContext as r } from "../../contexts/DocumentPasswordContext.js";
-import { BROWSER_NOT_SUPPORTED_MESSAGE as i, INVALID_OR_CORRUPTED_PDF_MESSAGE as a } from "../const.js";
-import { useEffect as o, useRef as s, useState as c } from "react";
-import * as l from "pdfjs-dist";
+import { appConsole as r } from "../appConsole.js";
+import { useDocumentPasswordContext as i } from "../../contexts/DocumentPasswordContext.js";
+import { BROWSER_NOT_SUPPORTED_MESSAGE as a, INVALID_OR_CORRUPTED_PDF_MESSAGE as o, WASM_URL_REQUIRED_CONSOLE_MESSAGE as s, WASM_URL_REQUIRED_MESSAGE as c } from "../const.js";
+import { useEffect as l, useRef as u, useState as d } from "react";
+import * as f from "pdfjs-dist";
 //#region lib/utils/hooks/useLoadPdf.ts
-function u(e) {
-	let t = Error(a);
+var p = new TextEncoder().encode("/JPXDecode");
+function m(e) {
+	return e.some((t, n) => t === p[0] ? p.every((t, r) => e[n + r] === t) : !1);
+}
+function h(e) {
+	let t = Error(o);
 	return t.cause = e, t;
 }
-function d(e) {
-	let t = Error(i);
+function g() {
+	return Error(c);
+}
+function _(e) {
+	let t = Error(a);
 	return t.cause = e, t;
 }
-var f = (i, a, f = {}) => {
-	let [p, m] = c(), { workerUrlAdded: h, wasmUrl: g } = n(), [_, v] = c(/* @__PURE__ */ new Map()), y = s(), [b, x] = c(0), [S, C] = c(!1), [w, T] = c(), { password: E, passwordError: D, setPasswordError: O, passwordRequired: k, setPasswordRequired: A } = r(), { onLoadError: j, onLoaded: M, onLoadProgress: N, disableAutoFetch: P, disableStream: F, rangeChunkSize: I, withCredentials: L, httpHeaders: R } = f;
-	return o(() => {
-		N && N(b);
-	}, [b, N]), o(() => {
-		if (!h || !i) return;
-		x(0), T(void 0), y.current = Date.now();
-		let t = y.current, n = {
-			url: i,
-			cMapPacked: a?.isCompressed ?? !0,
-			...a?.url && { cMapUrl: a.url },
-			...E && { password: E },
-			...P !== void 0 && { disableAutoFetch: P },
-			...F !== void 0 && { disableStream: F },
-			...I !== void 0 && { rangeChunkSize: I },
-			...L !== void 0 && { withCredentials: L },
-			...R !== void 0 && { httpHeaders: R },
-			...g && { wasmUrl: g },
-			verbosity: l.VerbosityLevel.ERRORS
+var v = (a, o, c = {}) => {
+	let [p, v] = d(), { workerUrlAdded: y, wasmUrl: b } = n(), [x, S] = d(/* @__PURE__ */ new Map()), C = u(), [w, T] = d(0), [E, D] = d(!1), [O, k] = d(), { password: A, passwordError: j, setPasswordError: M, passwordRequired: N, setPasswordRequired: P } = i(), { onLoadError: F, onLoaded: I, onLoadProgress: L, disableAutoFetch: R, disableStream: z, rangeChunkSize: B, withCredentials: V, httpHeaders: H } = c;
+	return l(() => {
+		L && L(w);
+	}, [w, L]), l(() => {
+		if (!y || !a) return;
+		T(0), k(void 0), C.current = Date.now();
+		let t = C.current, n = {
+			url: a,
+			cMapPacked: o?.isCompressed ?? !0,
+			...o?.url && { cMapUrl: o.url },
+			...A && { password: A },
+			...R !== void 0 && { disableAutoFetch: R },
+			...z !== void 0 && { disableStream: z },
+			...B !== void 0 && { rangeChunkSize: B },
+			...V !== void 0 && { withCredentials: V },
+			...H !== void 0 && { httpHeaders: H },
+			...b && { wasmUrl: b },
+			verbosity: f.VerbosityLevel.ERRORS
 		};
 		try {
-			let r = l.getDocument(n);
-			r.onProgress = (e) => {
-				if (t === y.current) {
+			let i = f.getDocument(n);
+			i.onProgress = (e) => {
+				if (t === C.current) {
 					let { loaded: t, total: n } = e;
-					x(n ? Math.min(100, Math.round(t / n * 100)) : 0);
+					T(n ? Math.min(100, Math.round(t / n * 100)) : 0);
 				}
-			}, C(!0), m(void 0);
-			let i = r.promise.then((e) => (t === y.current && (m(e), x(100)), M && M(e), A(!1), O(""), e)).catch((t) => {
+			}, D(!0), v(void 0);
+			let a = i.promise.then(async (n) => !b && m(await n.getData()) ? (t === C.current && (v(void 0), k(e.WASM_URL_REQUIRED)), r.error(s), F?.(g()), n) : (t === C.current && (v(n), T(100)), I && I(n), P(!1), M(""), n)).catch((t) => {
 				if (t instanceof Error && t.name === "PasswordException") {
 					let e = t.code;
-					A(!0), e === l.PasswordResponses.INCORRECT_PASSWORD ? O("Incorrect password") : O(void 0);
-				} else t instanceof Error && t.name === "InvalidPDFException" && E ? (A(!0), O("Incorrect password")) : t instanceof Error && t.name === "InvalidPDFException" ? (T(e.INVALID_OR_CORRUPTED_PDF), j?.(u(t))) : j && j(t);
+					P(!0), e === f.PasswordResponses.INCORRECT_PASSWORD ? M("Incorrect password") : M(void 0);
+				} else t instanceof Error && t.name === "InvalidPDFException" && A ? (P(!0), M("Incorrect password")) : t instanceof Error && t.name === "InvalidPDFException" ? (k(e.INVALID_OR_CORRUPTED_PDF), F?.(h(t))) : F && F(t);
 			}).finally(() => {
-				C(!1);
+				D(!1);
 			});
 			return () => {
-				i.finally(() => {
-					r.destroy();
+				a.finally(() => {
+					i.destroy();
 				});
 			};
 		} catch (t) {
-			T(e.NOT_SUPPORTED), j?.(d(t));
+			k(e.NOT_SUPPORTED), F?.(_(t));
 		}
 	}, [
-		i,
-		h,
-		g,
-		E,
-		j,
-		M
-	]), o(() => {
-		if (k) return;
+		a,
+		y,
+		b,
+		A,
+		F,
+		I
+	]), l(() => {
+		if (N) return;
 		let n = /* @__PURE__ */ new Map();
-		if (!p || S) {
-			v(n);
+		if (!p || E) {
+			S(n);
 			return;
 		}
 		let r = p.numPages, i = [];
@@ -78,8 +86,10 @@ var f = (i, a, f = {}) => {
 			let t = p.getPage(e);
 			i.push(t);
 		}
-		Promise.all(i).then((e) => {
-			e.map((e) => {
+		Promise.allSettled(i).then((e) => {
+			let r = e.filter((e) => e.status === "fulfilled").map((e) => e.value);
+			if (!r.length) throw e.find((e) => e.status === "rejected")?.reason;
+			r.map((e) => {
 				let { thumbnailViewport: r, scale: i } = t(e), a = e.getViewport();
 				n.set(e.pageNumber, {
 					page: e,
@@ -87,24 +97,24 @@ var f = (i, a, f = {}) => {
 					thumbnailScale: i,
 					defaultRotation: a.rotation
 				});
-			}), v(n);
+			}), S(n);
 		}).catch((t) => {
-			m(void 0), T(e.INVALID_OR_CORRUPTED_PDF), j?.(u(t));
+			v(void 0), k(e.INVALID_OR_CORRUPTED_PDF), F?.(h(t));
 		});
 	}, [
 		p,
-		S,
-		k,
-		j
+		E,
+		N,
+		F
 	]), {
 		pdf: p,
-		pages: _,
-		loading: S,
-		error: w,
-		loadingProgress: b,
-		passwordRequired: k,
-		passwordError: D
+		pages: x,
+		loading: E,
+		error: O,
+		loadingProgress: w,
+		passwordRequired: N,
+		passwordError: j
 	};
 };
 //#endregion
-export { f as useLoadPdf };
+export { v as useLoadPdf };

package/dist/utils/hooks/useLocalization.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../de_DE--0LF-SJR.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../de_DE-x4Z-jQrz.js";
 import { useCallback as o, useMemo as s, useState as c } from "react";
 //#region lib/utils/hooks/useLocalization.ts
 var l = (l) => {

package/dist/utils/hooks/usePaginate.js

@@ -1,2 +1,2 @@
-import { i as e } from "../../PaginationContext-C5CJiEW-.js";
+import { i as e } from "../../PaginationContext-DIzsZhFd.js";
 export { e as usePaginate };

package/dist/utils/hooks/usePinch.js

@@ -1,66 +1,119 @@
-import { useDebounce as e } from "./useDebounce.js";
+import { MAX_ZOOM_SCALE as e } from "../constants.js";
 import { useZoomContext as t } from "../../contexts/ZoomContext.js";
-import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { getZoomOriginFromClientPoint as n } from "./useZoomOrigin.js";
+import { useCallback as r, useEffect as i, useRef as a } from "react";
 //#region lib/utils/hooks/usePinch.ts
-var o = (o) => {
-	let { currentZoom: s, setZoomLevel: c } = t(), [l, u] = a(0), d = e(l, 100), [f, p] = a(!1), m = i(null), h = n((e) => {
-		u(e ? (e) => e + 3 : (e) => e - 3);
-	}, []), g = n((e) => {
-		e.ctrlKey && (e.preventDefault(), h(e.deltaY < 0));
-	}, [h]);
-	r(() => {
-		if (d) {
-			let e = Math.round(s * 100 + d);
-			u(0), c(e > 25 ? e : 25);
+var o = () => 35 / (window.devicePixelRatio || 1), s = (s, c = {}) => {
+	let { targetZoom: l, zoomTo: u } = t(), { onBeforeZoom: d, onPinchEnd: f } = c, p = a(null), m = a(!1), h = a(!1), g = a(!1), _ = a(1), v = a(1), y = a(!1), b = a(!1), x = a(), S = a(l), C = a(null);
+	i(() => {
+		S.current = l;
+	}, [l]);
+	let w = r((e, t, n) => {
+		if (t === 1) return 1;
+		let r = n.current;
+		(r > 1 && t < 1 || r < 1 && t > 1) && (n.current = 1);
+		let i = Math.floor(e * t * n.current * 100) / (100 * e);
+		return n.current = t / i, i;
+	}, []), T = r((t, n, r) => {
+		let i = S.current || 1, a = 25 / 100, o = e / 100;
+		if (i >= o && t > 1 || i <= a && t < 1) return;
+		let s = Math.max(a, Math.min(o, Math.round(i * t * 100) / 100));
+		Math.abs(s - i) < 1e-10 || (d?.({
+			gesture: r,
+			previousScale: i,
+			nextScale: s,
+			origin: n
+		}), S.current = s, u(s * 100, {
+			origin: n,
+			gesture: r,
+			previousTargetZoom: i
+		}));
+	}, [d, u]), E = r((e, t) => n(s, e, t) ?? void 0, [s]), D = r(() => {
+		b.current || (y.current = !0, clearTimeout(x.current), x.current = setTimeout(() => {
+			y.current = !1;
+		}, 100));
+	}, []), O = r((e) => {
+		if (!e.ctrlKey) {
+			b.current = !1, g.current = !1;
+			return;
 		}
-	}, [d]);
-	let _ = (e, t) => {
-		let n = e.clientX - t.clientX, r = e.clientY - t.clientY;
-		return Math.sqrt(n * n + r * r);
-	}, v = n((e) => {
-		!f || e.touches.length !== 2 || (m.current = _(e.touches[0], e.touches[1]), e.preventDefault());
-	}, [f]), y = n(() => {
-		m.current = null;
-	}, []), b = n((e) => {
-		if (!f || e.touches.length !== 2 || m.current === null) return;
-		let t = _(e.touches[0], e.touches[1]), n = t - m.current;
-		Math.abs(n) > 5 && (h(n > 0), m.current = t, e.preventDefault());
-	}, [h, f]), x = () => {
-		document.activeElement instanceof HTMLElement && document.activeElement.blur();
-	};
-	r(() => {
-		if (f) {
-			document.body.style.touchAction = "pan-x pan-y";
+		g.current || (v.current = 1), g.current = !0, b.current = !0, y.current = !1, clearTimeout(x.current), e.preventDefault();
+		let t = Math.exp(-e.deltaY / 100);
+		T(w(S.current || 1, t, v), E(e.clientX, e.clientY), "wheel");
+	}, [
+		w,
+		E,
+		T
+	]), k = (e) => Array.from(e.touches).sort((e, t) => e.identifier - t.identifier), A = r(() => {
+		!s || C.current || (C.current = {
+			touchAction: s.style.touchAction,
+			webkitUserSelect: s.style.webkitUserSelect,
+			overscrollBehavior: s.style.overscrollBehavior,
+			webkitOverflowScrolling: s.style.getPropertyValue("-webkit-overflow-scrolling")
+		}, s.style.touchAction = "none", s.style.webkitUserSelect = "none", s.style.overscrollBehavior = "contain", s.style.setProperty("-webkit-overflow-scrolling", "auto"));
+	}, [s]), j = r(() => {
+		!s || !C.current || (s.style.touchAction = C.current.touchAction, s.style.webkitUserSelect = C.current.webkitUserSelect, s.style.overscrollBehavior = C.current.overscrollBehavior, C.current.webkitOverflowScrolling ? s.style.setProperty("-webkit-overflow-scrolling", C.current.webkitOverflowScrolling) : s.style.removeProperty("-webkit-overflow-scrolling"), C.current = null);
+	}, [s]), M = r(() => {
+		if (!(m.current || p.current || h.current)) {
+			j();
 			return;
 		}
-		document.body.style.touchAction = "";
-	}, [f]), r(() => {
-		let e = () => {
-			let e = document.activeElement;
-			p(!!e?.closest("[data-rp=\"container\"]"));
-		};
-		return window.addEventListener("focusin", e), window.addEventListener("focusout", e), e(), () => {
-			window.removeEventListener("focusin", e), window.removeEventListener("focusout", e);
-		};
-	}, []), r(() => {
-		if (!o) return;
-		let e = (e) => {
-			o.contains(e.target) || x();
-		};
-		return document.addEventListener("scroll", e), () => {
-			document.removeEventListener("scroll", e);
-		};
-	}, [o]), r(() => {
-		if (o) return o.addEventListener("wheel", g, { passive: !1 }), o.addEventListener("touchstart", v, { passive: !1 }), o.addEventListener("touchmove", b, { passive: !1 }), o.addEventListener("touchend", y, { passive: !1 }), () => {
-			o.removeEventListener("wheel", g), o.removeEventListener("touchstart", v), o.removeEventListener("touchmove", b), o.removeEventListener("touchend", y);
+		p.current = null, m.current = !1, h.current = !1, _.current = 1, j(), f?.();
+	}, [f, j]), N = r((e) => {
+		if (e.touches.length !== 2) {
+			M();
+			return;
+		}
+		A(), e.preventDefault(), e.stopPropagation();
+		let [t, n] = k(e);
+		m.current = !0, _.current = 1, p.current = {
+			touch0ScreenX: t.screenX,
+			touch0ScreenY: t.screenY,
+			touch1ScreenX: n.screenX,
+			touch1ScreenY: n.screenY
+		}, h.current = !1;
+	}, [A, M]), P = r((e) => {
+		let t = p.current;
+		if (!t || e.touches.length !== 2) {
+			M();
+			return;
+		}
+		e.preventDefault(), e.stopPropagation();
+		let [n, r] = k(e), i = t.touch1ScreenX - t.touch0ScreenX, a = t.touch1ScreenY - t.touch0ScreenY, s = r.screenX - n.screenX, c = r.screenY - n.screenY, l = Math.hypot(i, a) || 1, u = Math.hypot(s, c) || 1;
+		if (!h.current && Math.abs(l - u) <= o()) return;
+		if (t.touch0ScreenX = n.screenX, t.touch0ScreenY = n.screenY, t.touch1ScreenX = r.screenX, t.touch1ScreenY = r.screenY, !h.current) {
+			h.current = !0;
+			return;
+		}
+		let d = u / l;
+		T(w(S.current || 1, d, _), E((n.clientX + r.clientX) / 2, (n.clientY + r.clientY) / 2), "touch");
+	}, [
+		w,
+		E,
+		M,
+		T
+	]), F = r((e) => {
+		e.touches.length >= 2 || (M(), v.current = 1);
+	}, [M]), I = r(() => {
+		M(), v.current = 1;
+	}, [M]), L = r(() => {
+		b.current = !1, g.current = !1, v.current = 1, y.current = !1, clearTimeout(x.current), M();
+	}, [M]);
+	i(() => {
+		if (s) return s.addEventListener("wheel", O, { passive: !1 }), s.addEventListener("scroll", D, { passive: !0 }), s.addEventListener("touchstart", N, { passive: !1 }), s.addEventListener("touchmove", P, { passive: !1 }), s.addEventListener("touchend", F, { passive: !1 }), s.addEventListener("touchcancel", I, { passive: !1 }), window.addEventListener("touchend", F, { passive: !1 }), window.addEventListener("touchcancel", I, { passive: !1 }), window.addEventListener("blur", L), () => {
+			j(), s.removeEventListener("wheel", O), s.removeEventListener("scroll", D), s.removeEventListener("touchstart", N), s.removeEventListener("touchmove", P), s.removeEventListener("touchend", F), s.removeEventListener("touchcancel", I), window.removeEventListener("touchend", F), window.removeEventListener("touchcancel", I), window.removeEventListener("blur", L), clearTimeout(x.current);
 		};
 	}, [
-		o,
-		g,
-		v,
-		b,
-		y
+		s,
+		D,
+		I,
+		F,
+		P,
+		N,
+		O,
+		L,
+		j
 	]);
 };
 //#endregion
-export { o as usePinch };
+export { s as usePinch };