pdf-tsx 0.16.2 → 0.17.0

package/dist/components/PDFViewer.d.ts

@@ -2,7 +2,8 @@ import { default as React } from 'react';
 import { Theme } from '../theme';
 interface PDFViewerProps {
     file: File;
-    workerSrc: string;
+    workerSrc?: string;
+    wasmUrl?: string;
     sidebar?: React.ReactNode;
     toolbar?: React.ReactNode;
     onChangeFile?: (file: File) => void;
@@ -17,7 +18,6 @@ interface PDFViewerProps {
     style?: React.CSSProperties;
     requireRead?: boolean;
     onDocumentRead?: () => void;
-    wasmUrl?: string;
 }
 declare const PDFViewer: React.FC<PDFViewerProps>;
 export default PDFViewer;

package/dist/es/components/PDFViewer.js

@@ -7,17 +7,18 @@ import { useAnnotationLayer as a } from "../hooks/useAnnotationLayer.js";
 import { usePDFLoader as ee } from "../hooks/usePDFLoader.js";
 import { usePDFRenderer as te } from "../hooks/usePDFRenderer.js";
 import { useOverlayRects as ne } from "../hooks/useOverlayRects.js";
+import { usePinchZoom as re } from "../hooks/usePinchZoom.js";
 import { computeFit as o } from "../utils/pdfFit.js";
-import { ThemeProvider as re } from "../context/ThemeContext.js";
-import { LabelsProvider as ie } from "../context/LabelsContext.js";
+import { ThemeProvider as ie } from "../context/ThemeContext.js";
+import { LabelsProvider as ae } from "../context/LabelsContext.js";
 import { useLabels as s } from "../hooks/useLabels.js";
 import c from "./PDFViewer.module.js";
 import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import * as ae from "pdfjs-dist";
-import { Fragment as oe, jsx as m, jsxs as h } from "react/jsx-runtime";
+import * as oe from "pdfjs-dist";
+import { Fragment as se, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/PDFViewer.tsx
 var g = 2;
-function se({ hasRead: e }) {
+function ce({ hasRead: e }) {
 	let t = s();
 	return /* @__PURE__ */ h("div", {
 		className: `${c.requireReadBanner} ${e ? c.requireReadDone : ""}`,
@@ -50,111 +51,111 @@ function se({ hasRead: e }) {
 		}), /* @__PURE__ */ m("span", { children: e ? t.requireReadDone : t.requireReadPending })]
 	});
 }
-var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, themeOverrides: le, defaultTheme: ue, defaultFit: b, language: de, className: x, style: fe, requireRead: S, onDocumentRead: C, wasmUrl: pe }) => {
+var _ = ({ file: s, workerSrc: _, sidebar: le, toolbar: v, onChangeFile: y, themeOverrides: ue, defaultTheme: de, defaultFit: b, language: fe, className: x, style: pe, requireRead: S, onDocumentRead: C }) => {
 	u(() => {
-		ae.GlobalWorkerOptions.workerSrc = _;
+		oe.GlobalWorkerOptions.workerSrc = _;
 	}, [_]);
-	let [w, T] = p(1), [E, D] = p(0), [O, k] = p(null), [A, me] = p([]), [j, he] = p(!1), [M, ge] = p(b ?? null), [N, P] = p(null), [F, I] = p(!1), L = f(!1), R = f(null), z = f([]), B = f([]), V = f(E);
+	let [w, T] = p(1), [E, D] = p(0), [O, k] = p(null), [A, me] = p([]), [j, he] = p(!1), [M, N] = p(b ?? null), [P, F] = p(null), [I, L] = p(!1), R = f(!1), z = f(null), B = f([]), V = f([]), H = f(E);
 	u(() => {
-		V.current = E;
+		H.current = E;
 	}, [E]);
-	let [_e, ve] = p(null);
-	_e !== s && (ve(s), k(null), I(!1)), u(() => {
-		L.current = !1;
+	let [ge, _e] = p(null);
+	ge !== s && (_e(s), k(null), L(!1)), u(() => {
+		R.current = !1;
 	}, [s]);
-	let { pdf: H, numPages: U, loading: ye } = ee(s, pe);
+	let { pdf: U, numPages: W, loading: ve } = ee(s);
 	u(() => {
-		H && (z.current = Array(H.numPages).fill(null), B.current = Array(H.numPages).fill(null));
-	}, [H]), u(() => {
-		!H || !b || !R.current || o(b, H, R.current, V.current).then(T);
-	}, [H, b]);
-	let W = f(M);
+		U && (B.current = Array(U.numPages).fill(null), V.current = Array(U.numPages).fill(null));
+	}, [U]), u(() => {
+		!U || !b || !z.current || o(b, U, z.current, H.current).then(T);
+	}, [U, b]);
+	let G = f(M);
 	u(() => {
-		W.current = M;
+		G.current = M;
 	}, [M]), u(() => {
-		if (!H || !R.current) return;
-		let e = R.current, t = new ResizeObserver(() => {
-			W.current && o(W.current, H, e, V.current).then(T);
+		if (!U || !z.current) return;
+		let e = z.current, t = new ResizeObserver(() => {
+			G.current && o(G.current, U, e, H.current).then(T);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [H]);
-	let { currentPage: G, goToPage: K } = t({
-		numPages: U,
-		containerRef: R,
-		pageRefs: z
+	}, [U]);
+	let { currentPage: K, goToPage: q } = t({
+		numPages: W,
+		containerRef: z,
+		pageRefs: B
 	});
 	u(() => {
-		U === 0 || G < U || (S && !F && I(!0), L.current || (L.current = !0, C?.()));
+		W === 0 || K < W || (S && !I && L(!0), R.current || (R.current = !0, C?.()));
 	}, [
-		G,
-		U,
+		K,
+		W,
 		S,
-		F,
+		I,
 		C
 	]);
-	let q = d(() => {
-		if (U === 0) return [];
-		let e = /* @__PURE__ */ new Set(), t = Math.max(G - g, 1), n = Math.min(G + g, U);
+	let J = d(() => {
+		if (W === 0) return [];
+		let e = /* @__PURE__ */ new Set(), t = Math.max(K - g, 1), n = Math.min(K + g, W);
 		for (let r = t; r <= n; r++) e.add(r);
 		O && e.add(O.page);
 		for (let t of A) e.add(t.page);
 		return Array.from(e).sort((e, t) => e - t);
 	}, [
-		G,
-		U,
+		K,
+		W,
 		O,
 		A
-	]), { pageSizes: be, renderedPages: J } = te({
-		pdf: H,
+	]), { pageSizes: ye, renderedPages: Y } = te({
+		pdf: U,
 		zoom: w,
 		rotation: E,
-		visiblePages: q,
-		canvasRefs: B
-	}), Y = d(() => {
-		let e = new Set(q);
-		for (let t of J) e.add(t);
+		visiblePages: J,
+		canvasRefs: V
+	}), X = d(() => {
+		let e = new Set(J);
+		for (let t of Y) e.add(t);
 		return Array.from(e).sort((e, t) => e - t);
-	}, [q, J]);
+	}, [J, Y]);
 	n({
-		pdf: H,
-		currentPage: G,
-		goToPage: K,
+		pdf: U,
+		currentPage: K,
+		goToPage: q,
 		setRotation: D
-	});
-	let xe = r({
-		pdf: H,
+	}), re(z, w, T, N);
+	let be = r({
+		pdf: U,
 		zoom: w,
 		rotation: E,
-		mountedPages: Y,
-		canvasRefs: B
-	}), { linkOverlays: Se, noteOverlays: Ce } = a({
-		pdf: H,
+		mountedPages: X,
+		canvasRefs: V
+	}), { linkOverlays: xe, noteOverlays: Se } = a({
+		pdf: U,
 		zoom: w,
 		rotation: E,
-		mountedPages: Y,
-		goToPage: K
+		mountedPages: X,
+		goToPage: q
 	});
 	u(() => {
-		if (!N) return;
-		let e = () => P(null), t = (e) => {
-			e.key === "Escape" && P(null);
+		if (!P) return;
+		let e = () => F(null), t = (e) => {
+			e.key === "Escape" && F(null);
 		};
 		return document.addEventListener("click", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("click", e), document.removeEventListener("keydown", t);
 		};
-	}, [N]);
-	let { overlayRect: X, searchOverlays: we } = ne({
-		pdf: H,
+	}, [P]);
+	let { overlayRect: Z, searchOverlays: Ce } = ne({
+		pdf: U,
 		highlight: O,
 		searchMatches: A,
 		zoom: w,
 		rotation: E
-	}), Te = l((e, t) => {
+	}), we = l((e, t) => {
 		(!e.url || !i(e.url)) && (t.preventDefault(), e.url || e._handleClick());
-	}, []), Z = f(null), Q = l((e, t) => {
-		Z.current && clearTimeout(Z.current);
+	}, []), Q = f(null), Te = l((e, t) => {
+		Q.current && clearTimeout(Q.current);
 		let n = t.clientY > window.innerHeight * .6;
-		P({
+		F({
 			x: Math.min(t.clientX, window.innerWidth - 304),
 			y: n ? window.innerHeight - t.clientY + 8 : t.clientY + 12,
 			above: n,
@@ -162,23 +163,23 @@ var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, them
 			title: e.title
 		});
 	}, []), $ = l(() => {
-		Z.current = setTimeout(() => P(null), 200);
+		Q.current = setTimeout(() => F(null), 200);
 	}, []), Ee = l((e) => {
 		k({
 			page: e.page,
 			pdfRect: e.pdfRect
-		}), K(e.page);
-	}, [k, K]), De = d(() => ({
-		pdf: H,
-		numPages: U,
+		}), q(e.page);
+	}, [k, q]), De = d(() => ({
+		pdf: U,
+		numPages: W,
 		zoom: w,
 		setZoom: T,
 		rotation: E,
 		setRotation: D,
-		currentPage: G,
-		goToPage: K,
-		containerRef: R,
-		canvasRefs: B,
+		currentPage: K,
+		goToPage: q,
+		containerRef: z,
+		canvasRefs: V,
 		file: s,
 		highlight: O,
 		setHighlight: k,
@@ -188,15 +189,15 @@ var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, them
 		sidebarCollapsed: j,
 		setSidebarCollapsed: he,
 		fitMode: M,
-		setFitMode: ge,
-		navigationLocked: !!S && !F
+		setFitMode: N,
+		navigationLocked: !!S && !I
 	}), [
-		H,
 		U,
+		W,
 		w,
 		E,
-		G,
 		K,
+		q,
 		s,
 		O,
 		A,
@@ -204,34 +205,34 @@ var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, them
 		j,
 		M,
 		S,
-		F
+		I
 	]);
-	return /* @__PURE__ */ m(re, {
-		themeOverrides: le,
-		defaultTheme: ue,
-		children: /* @__PURE__ */ m(ie, {
-			language: de,
+	return /* @__PURE__ */ m(ie, {
+		themeOverrides: ue,
+		defaultTheme: de,
+		children: /* @__PURE__ */ m(ae, {
+			language: fe,
 			children: /* @__PURE__ */ h(e.Provider, {
 				value: De,
 				children: [/* @__PURE__ */ h("div", {
 					className: `${c.appLayout}${x ? ` ${x}` : ""}`,
-					style: fe,
+					style: pe,
 					children: [v && /* @__PURE__ */ m("div", {
 						className: c.toolbar,
 						children: v
 					}), /* @__PURE__ */ h("div", {
 						className: c.body,
-						children: [ce, /* @__PURE__ */ h("div", {
+						children: [le, /* @__PURE__ */ h("div", {
 							className: c.scrollContainer,
-							ref: R,
+							ref: z,
 							children: [
-								ye && /* @__PURE__ */ m("div", { className: c.documentLoading }),
-								Array.from({ length: U }, (e, t) => {
-									let n = J.has(t + 1), r = be[t], a = Y.includes(t + 1);
+								ve && /* @__PURE__ */ m("div", { className: c.documentLoading }),
+								Array.from({ length: W }, (e, t) => {
+									let n = Y.has(t + 1), r = ye[t], a = X.includes(t + 1);
 									return /* @__PURE__ */ h("div", {
 										className: c.pageWrapper,
 										ref: (e) => {
-											z.current[t] = e;
+											B.current[t] = e;
 										},
 										style: r ? {
 											width: r.width,
@@ -245,19 +246,19 @@ var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, them
 													height: r.height
 												}
 											}),
-											a && /* @__PURE__ */ h(oe, { children: [/* @__PURE__ */ m("canvas", {
+											a && /* @__PURE__ */ h(se, { children: [/* @__PURE__ */ m("canvas", {
 												className: c.pageCanvas,
 												ref: (e) => {
-													B.current[t] = e;
+													V.current[t] = e;
 												},
 												style: { display: n ? "block" : "none" }
 											}), /* @__PURE__ */ m("div", {
 												className: `textLayer ${c.textLayer}`,
 												ref: (e) => {
-													xe.current[t] = e;
+													be.current[t] = e;
 												}
 											})] }),
-											Se.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ m("a", {
+											xe.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ m("a", {
 												className: c.linkOverlay,
 												href: e.url && i(e.url) ? e.url : "#",
 												target: "_blank",
@@ -268,9 +269,9 @@ var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, them
 													width: e.width,
 													height: e.height
 												},
-												onClick: (t) => Te(e, t)
+												onClick: (t) => we(e, t)
 											}, t)),
-											Ce.filter((e) => e.page === t + 1).map((e, t) => e.subtype === "Text" ? /* @__PURE__ */ m("div", {
+											Se.filter((e) => e.page === t + 1).map((e, t) => e.subtype === "Text" ? /* @__PURE__ */ m("div", {
 												className: c.noteIconOverlay,
 												style: {
 													left: e.x,
@@ -278,7 +279,7 @@ var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, them
 													width: Math.max(e.width, 26),
 													height: Math.max(e.height, 26)
 												},
-												onMouseEnter: (t) => Q(e, t),
+												onMouseEnter: (t) => Te(e, t),
 												onMouseLeave: $,
 												onClick: () => Ee(e),
 												children: /* @__PURE__ */ h("svg", {
@@ -332,11 +333,11 @@ var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, them
 													width: e.width,
 													height: e.height
 												},
-												onMouseEnter: (t) => Q(e, t),
+												onMouseEnter: (t) => Te(e, t),
 												onMouseLeave: $,
 												onClick: () => Ee(e)
 											}, t)),
-											we.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ m("div", {
+											Ce.filter((e) => e.page === t + 1).map((e, t) => /* @__PURE__ */ m("div", {
 												className: c.searchMatchOverlay,
 												style: {
 													left: e.x,
@@ -345,42 +346,42 @@ var _ = ({ file: s, workerSrc: _, sidebar: ce, toolbar: v, onChangeFile: y, them
 													height: e.height
 												}
 											}, t)),
-											O && X?.page === t + 1 && /* @__PURE__ */ m("div", {
+											O && Z?.page === t + 1 && /* @__PURE__ */ m("div", {
 												className: c.highlightOverlay,
 												style: {
-													left: X.x,
-													top: X.y,
-													width: X.width,
-													height: X.height
+													left: Z.x,
+													top: Z.y,
+													width: Z.width,
+													height: Z.height
 												}
 											})
 										]
 									}, `${t}-${E}`);
 								}),
-								S && /* @__PURE__ */ m(se, { hasRead: F })
+								S && /* @__PURE__ */ m(ce, { hasRead: I })
 							]
 						})]
 					})]
-				}), N && /* @__PURE__ */ h("div", {
+				}), P && /* @__PURE__ */ h("div", {
 					className: c.notePopover,
-					style: N.above ? {
-						left: N.x,
-						bottom: N.y
+					style: P.above ? {
+						left: P.x,
+						bottom: P.y
 					} : {
-						left: N.x,
-						top: N.y
+						left: P.x,
+						top: P.y
 					},
 					onMouseEnter: () => {
-						Z.current && clearTimeout(Z.current);
+						Q.current && clearTimeout(Q.current);
 					},
 					onMouseLeave: $,
 					onClick: (e) => e.stopPropagation(),
-					children: [N.title && /* @__PURE__ */ m("div", {
+					children: [P.title && /* @__PURE__ */ m("div", {
 						className: c.notePopoverTitle,
-						children: N.title
+						children: P.title
 					}), /* @__PURE__ */ m("p", {
 						className: c.notePopoverContent,
-						children: N.contents
+						children: P.contents
 					})]
 				})]
 			})

package/dist/es/components/PDFViewer.module.js

@@ -1,27 +1,27 @@
 var e = {
-	appLayout: "_appLayout_1xasy_1",
-	body: "_body_1xasy_9",
-	toolbar: "_toolbar_1xasy_17",
-	scrollContainer: "_scrollContainer_1xasy_29",
-	pageWrapper: "_pageWrapper_1xasy_40",
-	pageCanvas: "_pageCanvas_1xasy_45",
-	textLayer: "_textLayer_1xasy_54",
-	markedContent: "_markedContent_1xasy_80",
-	endOfContent: "_endOfContent_1xasy_95",
-	selecting: "_selecting_1xasy_104",
-	documentLoading: "_documentLoading_1xasy_124",
-	spin: "_spin_1xasy_1",
-	pageSkeleton: "_pageSkeleton_1xasy_144",
-	highlightOverlay: "_highlightOverlay_1xasy_173",
-	linkOverlay: "_linkOverlay_1xasy_182",
-	searchMatchOverlay: "_searchMatchOverlay_1xasy_189",
-	noteOverlay: "_noteOverlay_1xasy_197",
-	noteIconOverlay: "_noteIconOverlay_1xasy_204",
-	requireReadBanner: "_requireReadBanner_1xasy_221",
-	requireReadDone: "_requireReadDone_1xasy_245",
-	notePopover: "_notePopover_1xasy_249",
-	notePopoverTitle: "_notePopoverTitle_1xasy_262",
-	notePopoverContent: "_notePopoverContent_1xasy_269"
+	appLayout: "_appLayout_dknw2_1",
+	body: "_body_dknw2_9",
+	toolbar: "_toolbar_dknw2_17",
+	scrollContainer: "_scrollContainer_dknw2_29",
+	pageWrapper: "_pageWrapper_dknw2_41",
+	pageCanvas: "_pageCanvas_dknw2_46",
+	textLayer: "_textLayer_dknw2_55",
+	markedContent: "_markedContent_dknw2_81",
+	endOfContent: "_endOfContent_dknw2_96",
+	selecting: "_selecting_dknw2_105",
+	documentLoading: "_documentLoading_dknw2_125",
+	spin: "_spin_dknw2_1",
+	pageSkeleton: "_pageSkeleton_dknw2_145",
+	highlightOverlay: "_highlightOverlay_dknw2_174",
+	linkOverlay: "_linkOverlay_dknw2_183",
+	searchMatchOverlay: "_searchMatchOverlay_dknw2_190",
+	noteOverlay: "_noteOverlay_dknw2_198",
+	noteIconOverlay: "_noteIconOverlay_dknw2_205",
+	requireReadBanner: "_requireReadBanner_dknw2_222",
+	requireReadDone: "_requireReadDone_dknw2_246",
+	notePopover: "_notePopover_dknw2_250",
+	notePopoverTitle: "_notePopoverTitle_dknw2_263",
+	notePopoverContent: "_notePopoverContent_dknw2_270"
 };
 //#endregion
 export { e as default };

package/dist/es/hooks/usePDFLoader.js

@@ -1,29 +1,26 @@
 import { useEffect as e, useState as t } from "react";
 import * as n from "pdfjs-dist";
 //#region src/hooks/usePDFLoader.ts
-function r(r, i) {
-	let [a, o] = t(null), [s, c] = t(0), [l, u] = t(!0);
+function r(r) {
+	let [i, a] = t(null), [o, s] = t(0), [c, l] = t(!0);
 	return e(() => {
-		u(!0), o(null), c(0);
+		l(!0), a(null), s(0);
 		let e = new FileReader();
 		e.onload = async (e) => {
 			let t = new Uint8Array(e.target?.result);
 			try {
-				let e = await n.getDocument({
-					data: t,
-					...i ? { wasmUrl: i } : {}
-				}).promise;
-				o(e), c(e.numPages);
+				let e = await n.getDocument(t).promise;
+				a(e), s(e.numPages);
 			} catch (e) {
 				console.error("Errore caricamento:", e);
 			} finally {
-				u(!1);
+				l(!1);
 			}
 		}, e.readAsArrayBuffer(r);
-	}, [r, i]), {
-		pdf: a,
-		numPages: s,
-		loading: l
+	}, [r]), {
+		pdf: i,
+		numPages: o,
+		loading: c
 	};
 }
 //#endregion

package/dist/es/hooks/usePDFRenderer.js

@@ -46,24 +46,27 @@ function r({ pdf: r, zoom: i, rotation: a, visiblePages: o, canvasRefs: s }) {
 				if (e || p.current.has(t)) continue;
 				let n = await r.getPage(t);
 				if (e) return;
-				let o = n.getViewport({
+				let o = window.devicePixelRatio || 1, c = n.getViewport({
 					scale: i,
 					rotation: a
-				}), c = s.current[t - 1];
-				if (!c) continue;
-				let l = c.getContext("2d");
-				if (!l) continue;
-				let u = f.current[t - 1];
-				if (u && (u.cancel(), await u.promise.catch(() => {}), e)) return;
-				c.height = o.height, c.width = o.width;
-				let m = n.render({
-					canvasContext: l,
-					viewport: o,
-					canvas: c
+				}), l = n.getViewport({
+					scale: i * o,
+					rotation: a
+				}), u = s.current[t - 1];
+				if (!u) continue;
+				let m = u.getContext("2d");
+				if (!m) continue;
+				let h = f.current[t - 1];
+				if (h && (h.cancel(), await h.promise.catch(() => {}), e)) return;
+				u.width = l.width, u.height = l.height, u.style.width = `${c.width}px`, u.style.height = `${c.height}px`;
+				let g = n.render({
+					canvasContext: m,
+					viewport: l,
+					canvas: u
 				});
-				f.current[t - 1] = m;
+				f.current[t - 1] = g;
 				try {
-					await m.promise, e || (p.current = new Set(p.current).add(t), d((e) => {
+					await g.promise, e || (p.current = new Set(p.current).add(t), d((e) => {
 						if (e.has(t)) return e;
 						let n = new Set(e);
 						return n.add(t), n;
@@ -71,7 +74,7 @@ function r({ pdf: r, zoom: i, rotation: a, visiblePages: o, canvasRefs: s }) {
 				} catch (e) {
 					e && typeof e == "object" && "name" in e && e.name !== "RenderingCancelledException" && console.error("Render error:", e);
 				} finally {
-					f.current[t - 1] === m && (f.current[t - 1] = null);
+					f.current[t - 1] === g && (f.current[t - 1] = null);
 				}
 			}
 		})(), () => {

package/dist/es/hooks/usePinchZoom.js

@@ -0,0 +1,58 @@
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/usePinchZoom.ts
+function n(e) {
+	let t = e[0].clientX - e[1].clientX, n = e[0].clientY - e[1].clientY;
+	return Math.sqrt(t * t + n * n);
+}
+function r(r, i, a, o) {
+	let s = t(i);
+	e(() => {
+		s.current = i;
+	}, [i]);
+	let c = t(null), l = t(1), u = t(null), d = t(!1);
+	e(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = (e) => {
+			e.touches.length === 2 && (d.current = !0, u.current = null, c.current = n(e.touches), l.current = s.current);
+		}, i = (e) => {
+			if (e.touches.length !== 2 || c.current === null) return;
+			e.preventDefault();
+			let t = n(e.touches) / c.current;
+			a(Math.max(.2, Math.min(3, l.current * t))), o(null);
+		}, f = (e) => {
+			if (e.touches.length === 0 && c.current !== null) {
+				d.current = !1, c.current = null;
+				return;
+			}
+			if (c.current = null, d.current || e.changedTouches.length !== 1) return;
+			let t = e.changedTouches[0], n = Date.now(), r = u.current;
+			if (r && n - r.time < 300) {
+				let e = t.clientX - r.x, n = t.clientY - r.y;
+				if (Math.sqrt(e * e + n * n) < 40) {
+					u.current = null, a(s.current > 1.2 ? 1 : 2), o(null);
+					return;
+				}
+			}
+			u.current = {
+				time: n,
+				x: t.clientX,
+				y: t.clientY
+			};
+		}, p = (e) => {
+			if (!e.ctrlKey && !e.metaKey) return;
+			e.preventDefault();
+			let t = -(e.deltaMode === 1 ? e.deltaY * 30 : e.deltaMode === 2 ? e.deltaY * 300 : e.deltaY) * .02;
+			a(Math.max(.2, Math.min(3, s.current + t))), o(null);
+		};
+		return e.addEventListener("touchstart", t, { passive: !0 }), e.addEventListener("touchmove", i, { passive: !1 }), e.addEventListener("touchend", f, { passive: !0 }), e.addEventListener("wheel", p, { passive: !1 }), () => {
+			e.removeEventListener("touchstart", t), e.removeEventListener("touchmove", i), e.removeEventListener("touchend", f), e.removeEventListener("wheel", p);
+		};
+	}, [
+		r,
+		a,
+		o
+	]);
+}
+//#endregion
+export { r as usePinchZoom };