@react-pdf-kit/viewer 2.8.0-beta.6 → 2.8.0-beta.8

package/dist/RPPages-BQw330_L.js

@@ -0,0 +1,655 @@
+import { ErrorType as e, ScrollMode as t, SelectionMode as n } from "./utils/types.js";
+import { useDocumentPasswordContext as r } from "./contexts/DocumentPasswordContext.js";
+import { BROWSER_NOT_SUPPORTED_MESSAGE as i, INVALID_OR_CORRUPTED_PDF_MESSAGE as a, WASM_URL_REQUIRED_MESSAGE as o } from "./utils/const.js";
+import { useDocumentContext as s } from "./contexts/RPDocumentContext.js";
+import { useInitialStateContext as c } from "./contexts/InitialStateContext.js";
+import { useScrollModeContext as l } from "./contexts/ScrollModeContext.js";
+import { useViewModeContext as u } from "./contexts/ViewModeContext.js";
+import { useVirtualScrollContext as d } from "./contexts/VirtualScrollContext.js";
+import "./utils/constants.js";
+import { useLayoutContainer as f } from "./contexts/LayoutContainerContext.js";
+import { useEventCallbackContext as p } from "./contexts/EventCallbackContext.js";
+import { useDebounce as m } from "./utils/hooks/useDebounce.js";
+import { useZoomContext as h } from "./contexts/ZoomContext.js";
+import { usePagesRotateContext as ee } from "./contexts/PagesRotateContext.js";
+import { useDimensionPagesContext as g } from "./contexts/DimensionPagesContext.js";
+import { buildDocumentLayout as _, getPageContentOffset as v, getPageFromDocumentPoint as y, getPagePlacement as te, getRowsByIndexes as ne, getVisibleRows as re } from "./utils/documentLayout.js";
+import { a as ie, r as ae } from "./PaginationContext-DIzsZhFd.js";
+import { useSelectionModeContext as oe } from "./contexts/SelectionModeContext.js";
+import { useFullScreenContext as se } from "./contexts/FullScreenContext.js";
+import { useRenderQueue as ce } from "./contexts/RenderQueueProvider.js";
+import { t as le } from "./clsx-B7LyVm5O.js";
+import { useLoaderContext as ue } from "./contexts/LoaderContext.js";
+import { LayoutContainer as de } from "./components/layout/LayoutContainer.js";
+import { LayoutWrapper as b } from "./components/layout/LayoutWrapper.js";
+import { RPPage as fe } from "./components/page/RPPage.js";
+import { t as pe } from "./PasswordModal-S0leMhEd.js";
+import { approximateFraction as me } from "./utils/approximateFragtion.js";
+import { useCopyText as he } from "./utils/hooks/useCopyText.js";
+import { useGrabScroll as ge } from "./utils/hooks/useGrabScroll.js";
+import { useMousePressed as _e } from "./utils/hooks/useMousePressed.js";
+import { usePinch as ve } from "./utils/hooks/usePinch.js";
+import { usePresentPage as ye } from "./utils/hooks/usePresentPage.js";
+import { useTextSelection as be } from "./utils/hooks/useTextSelection.js";
+import { Component as xe, createElement as Se, useCallback as x, useEffect as S, useLayoutEffect as Ce, useMemo as C, useRef as w, useState as we } from "react";
+import { OutputScale as Te } from "pdfjs-dist";
+import { Fragment as Ee, jsx as T, jsxs as De } from "react/jsx-runtime";
+import './assets/RPPages.css';//#region node_modules/.pnpm/react-virtualized-auto-sizer@1.0.26_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-virtualized-auto-sizer/dist/react-virtualized-auto-sizer.esm.js
+var E = typeof window < "u" ? window : typeof self < "u" ? self : global, D = null, O = null, k = 20, A = E.clearTimeout, j = E.setTimeout, M = E.cancelAnimationFrame || E.mozCancelAnimationFrame || E.webkitCancelAnimationFrame, N = E.requestAnimationFrame || E.mozRequestAnimationFrame || E.webkitRequestAnimationFrame;
+M == null || N == null ? (D = A, O = function(e) {
+	return j(e, k);
+}) : (D = function([e, t]) {
+	M(e), A(t);
+}, O = function(e) {
+	let t = N(function() {
+		A(n), e();
+	}), n = j(function() {
+		M(t), e();
+	}, k);
+	return [t, n];
+});
+function P(e) {
+	let t, n, r, i, a, o, s, c = typeof document < "u" && document.attachEvent;
+	if (!c) {
+		o = function(e) {
+			let t = e.__resizeTriggers__, n = t.firstElementChild, r = t.lastElementChild, i = n.firstElementChild;
+			r.scrollLeft = r.scrollWidth, r.scrollTop = r.scrollHeight, i.style.width = n.offsetWidth + 1 + "px", i.style.height = n.offsetHeight + 1 + "px", n.scrollLeft = n.scrollWidth, n.scrollTop = n.scrollHeight;
+		}, a = function(e) {
+			return e.offsetWidth !== e.__resizeLast__.width || e.offsetHeight !== e.__resizeLast__.height;
+		}, s = function(e) {
+			if (e.target.className && typeof e.target.className.indexOf == "function" && e.target.className.indexOf("contract-trigger") < 0 && e.target.className.indexOf("expand-trigger") < 0) return;
+			let t = this;
+			o(this), this.__resizeRAF__ && D(this.__resizeRAF__), this.__resizeRAF__ = O(function() {
+				a(t) && (t.__resizeLast__.width = t.offsetWidth, t.__resizeLast__.height = t.offsetHeight, t.__resizeListeners__.forEach(function(n) {
+					n.call(t, e);
+				}));
+			});
+		};
+		let e = !1, c = "";
+		r = "animationstart";
+		let l = "Webkit Moz O ms".split(" "), u = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), d = "";
+		{
+			let t = document.createElement("fakeelement");
+			if (t.style.animationName !== void 0 && (e = !0), e === !1) {
+				for (let n = 0; n < l.length; n++) if (t.style[l[n] + "AnimationName"] !== void 0) {
+					d = l[n], c = "-" + d.toLowerCase() + "-", r = u[n], e = !0;
+					break;
+				}
+			}
+		}
+		n = "resizeanim", t = "@" + c + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", i = c + "animation: 1ms " + n + "; ";
+	}
+	let l = function(n) {
+		if (!n.getElementById("detectElementResize")) {
+			let r = (t || "") + ".resize-triggers { " + (i || "") + "visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }", a = n.head || n.getElementsByTagName("head")[0], o = n.createElement("style");
+			o.id = "detectElementResize", o.type = "text/css", e != null && o.setAttribute("nonce", e), o.styleSheet ? o.styleSheet.cssText = r : o.appendChild(n.createTextNode(r)), a.appendChild(o);
+		}
+	};
+	return {
+		addResizeListener: function(e, t) {
+			if (c) e.attachEvent("onresize", t);
+			else {
+				if (!e.__resizeTriggers__) {
+					let t = e.ownerDocument, i = E.getComputedStyle(e);
+					i && i.position === "static" && (e.style.position = "relative"), l(t), e.__resizeLast__ = {}, e.__resizeListeners__ = [], (e.__resizeTriggers__ = t.createElement("div")).className = "resize-triggers";
+					let a = t.createElement("div");
+					a.className = "expand-trigger", a.appendChild(t.createElement("div"));
+					let c = t.createElement("div");
+					c.className = "contract-trigger", e.__resizeTriggers__.appendChild(a), e.__resizeTriggers__.appendChild(c), e.appendChild(e.__resizeTriggers__), o(e), e.addEventListener("scroll", s, !0), r && (e.__resizeTriggers__.__animationListener__ = function(t) {
+						t.animationName === n && o(e);
+					}, e.__resizeTriggers__.addEventListener(r, e.__resizeTriggers__.__animationListener__));
+				}
+				e.__resizeListeners__.push(t);
+			}
+		},
+		removeResizeListener: function(e, t) {
+			if (c) e.detachEvent("onresize", t);
+			else if (e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(t), 1), !e.__resizeListeners__.length) {
+				e.removeEventListener("scroll", s, !0), e.__resizeTriggers__.__animationListener__ && (e.__resizeTriggers__.removeEventListener(r, e.__resizeTriggers__.__animationListener__), e.__resizeTriggers__.__animationListener__ = null);
+				try {
+					e.__resizeTriggers__ = !e.removeChild(e.__resizeTriggers__);
+				} catch {}
+			}
+		}
+	};
+}
+var F = class extends xe {
+	constructor(...e) {
+		super(...e), this.state = {
+			height: this.props.defaultHeight || 0,
+			width: this.props.defaultWidth || 0
+		}, this._autoSizer = null, this._detectElementResize = null, this._didLogDeprecationWarning = !1, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
+			this._timeoutId = null;
+			let { disableHeight: e, disableWidth: t, onResize: n } = this.props;
+			if (this._parentNode) {
+				let r = window.getComputedStyle(this._parentNode) || {}, i = parseFloat(r.paddingLeft || "0"), a = parseFloat(r.paddingRight || "0"), o = parseFloat(r.paddingTop || "0"), s = parseFloat(r.paddingBottom || "0"), c = this._parentNode.getBoundingClientRect(), l = c.height - o - s, u = c.width - i - a;
+				if (!e && this.state.height !== l || !t && this.state.width !== u) {
+					this.setState({
+						height: l,
+						width: u
+					});
+					let e = () => {
+						this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
+					};
+					typeof n == "function" && n({
+						height: l,
+						width: u,
+						get scaledHeight() {
+							return e(), l;
+						},
+						get scaledWidth() {
+							return e(), u;
+						}
+					});
+				}
+			}
+		}, this._setRef = (e) => {
+			this._autoSizer = e;
+		};
+	}
+	componentDidMount() {
+		let { nonce: e } = this.props, t = this._autoSizer ? this._autoSizer.parentNode : null;
+		if (t != null && t.ownerDocument && t.ownerDocument.defaultView && t instanceof t.ownerDocument.defaultView.HTMLElement) {
+			this._parentNode = t;
+			let n = t.ownerDocument.defaultView.ResizeObserver;
+			n == null ? (this._detectElementResize = P(e), this._detectElementResize.addResizeListener(t, this._onResize)) : (this._resizeObserver = new n(() => {
+				this._timeoutId = setTimeout(this._onResize, 0);
+			}), this._resizeObserver.observe(t)), this._onResize();
+		}
+	}
+	componentWillUnmount() {
+		this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && this._resizeObserver.disconnect());
+	}
+	render() {
+		let { children: e, defaultHeight: t, defaultWidth: n, disableHeight: r = !1, disableWidth: i = !1, doNotBailOutOnEmptyChildren: a = !1, nonce: o, onResize: s, style: c = {}, tagName: l = "div", ...u } = this.props, { height: d, width: f } = this.state, p = { overflow: "visible" }, m = {}, h = !1;
+		return r || (d === 0 && (h = !0), p.height = 0, m.height = d, m.scaledHeight = d), i || (f === 0 && (h = !0), p.width = 0, m.width = f, m.scaledWidth = f), a && (h = !1), Se(l, {
+			ref: this._setRef,
+			style: {
+				...p,
+				...c
+			},
+			...u
+		}, !h && e(m));
+	}
+}, I = {
+	"rp-pages": "_rp-pages_ruuiz_1",
+	"rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_ruuiz_6",
+	"rp-pages-flow": "_rp-pages-flow_ruuiz_6",
+	"rp-document-wrapper": "_rp-document-wrapper_ruuiz_17",
+	"rp-page-row": "_rp-page-row_ruuiz_22",
+	"rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_ruuiz_26",
+	"rp-not-supported-list": "_rp-not-supported-list_ruuiz_30",
+	"rp-pages-container": "_rp-pages-container_ruuiz_38",
+	"rp-viewer": "_rp-viewer_ruuiz_80",
+	"rp-cursor-grab": "_rp-cursor-grab_ruuiz_85",
+	"rp-cursor-grabbing": "_rp-cursor-grabbing_ruuiz_93",
+	"rp-loader": "_rp-loader_ruuiz_101",
+	"rp-not-supported": "_rp-not-supported_ruuiz_30",
+	"rp-not-supported-content": "_rp-not-supported-content_ruuiz_120",
+	"rp-load-error": "_rp-load-error_ruuiz_126",
+	"rp-load-error-message": "_rp-load-error-message_ruuiz_134"
+}, Oe = (e, t, n) => Math.max(t, Math.min(e, n)), ke = (e) => ({
+	width: e.scrollWidth,
+	height: e.scrollHeight
+}), Ae = (e, t, n, r, i) => {
+	let a = n.scrollTop - t.offsetTop, o = a + i, s = n.scrollLeft - t.offsetLeft, c = s + r, l = /* @__PURE__ */ new Map();
+	return e.forEach((e) => {
+		e.pages.forEach((e) => {
+			let t = e.left + e.width, n = e.top + e.height, r = Math.max(0, s - e.left), i = Math.max(0, a - e.top), u = Math.min(e.width, c - e.left), d = Math.min(e.height, o - e.top);
+			if (t <= s || e.left >= c || n <= a || e.top >= o) return;
+			let f = Math.max(0, u - r), p = Math.max(0, d - i), m = e.width * e.height || 1, h = Math.floor(f * p * 100 / m);
+			f > 0 && p > 0 && l.set(e.pageNumber, {
+				minX: r,
+				minY: i,
+				maxX: u,
+				maxY: d,
+				percent: h
+			});
+		});
+	}), l;
+}, je = ({ row: e }) => /* @__PURE__ */ T("div", {
+	className: I["rp-page-row"],
+	style: {
+		position: "absolute",
+		top: e.top,
+		left: 0,
+		width: e.width,
+		height: e.height
+	},
+	children: e.pages.map((t) => /* @__PURE__ */ T(fe, {
+		pageNumber: t.pageNumber,
+		style: {
+			position: "absolute",
+			left: t.left,
+			top: t.top - e.top,
+			width: t.width,
+			height: t.height
+		}
+	}, t.pageNumber))
+}), Me = (t) => {
+	if (t === e.WASM_URL_REQUIRED) return o;
+	if (t === e.INVALID_OR_CORRUPTED_PDF) return a;
+	if (t === e.NOT_SUPPORTED) return i;
+}, Ne = ({ width: r, height: i }) => {
+	let { initialPage: a = 1, initialScrollMode: o } = c(), { pagesRef: de } = f(), { scrollToPage: b } = ie(), { getPageScrollElementRef: fe, getVirtualScrollableElementRef: pe, setTotalInnerDimensions: me, totalInnerDimensions: he, virtualScrollableElementRef: be, pageScrollElementRef: xe } = d(), Se = w(a > 1), [Te, Ee] = we(a > 1), { nextPage: E, prevPage: D, setFocusedPage: O, focusedPage: k, totalPages: A } = ae(), { scrollMode: j } = l(), { viewMode: M } = u(), { loading: N, error: P, pages: F } = s(), { pageRotate: Ne } = ee(), { LoaderImageComponent: Pe } = ue(), { isFullScreen: Fe } = se(), { onScroll: Ie } = p(), { widths: Le, heights: Re } = g(), ze = ce(), { targetZoom: L, zoomOrigin: R, isZooming: z, previousTargetZoom: Be } = h(), Ve = m(he, 100), He = w(null), B = w(he), Ue = w({
+		viewMode: M,
+		scrollMode: j
+	}), V = w(null), H = w(null), U = w(null), W = w(null), G = w(!1), K = w(!1), q = w(L), We = Me(P), Ge = w(), J = w(), Ke = w(), qe = w([]), Je = w([]), Y = w({
+		scrollTop: 0,
+		scrollLeft: 0
+	}), [X, Ye] = we(Y.current), Z = j === t.PAGE_SCROLLING ? xe ?? be : be ?? xe, { isPressed: Xe } = _e(), { initializeGrabScroll: Ze, resetGrabState: Qe } = ge({ isPressed: Xe }), { selectionMode: $e } = oe(), et = $e === n.HAND, Q = C(() => _({
+		pageDimensions: {
+			widths: Le,
+			heights: Re
+		},
+		viewportWidth: r,
+		viewportHeight: i,
+		scrollMode: j,
+		viewMode: M,
+		focusedPage: k
+	}), [
+		k,
+		i,
+		Re,
+		j,
+		M,
+		r,
+		Le
+	]), tt = C(() => re(Q, X.scrollTop, X.scrollLeft, r, i, 2), [
+		i,
+		Q,
+		X.scrollLeft,
+		X.scrollTop,
+		r
+	]), nt = C(() => z && qe.current.length ? ne(Q, qe.current, Je.current) : tt, [
+		tt,
+		z,
+		Q
+	]), rt = C(() => Ae(nt, Q, X, r, i), [
+		i,
+		Q,
+		X,
+		nt,
+		r
+	]);
+	ye(Z, Q), S(() => {
+		z || (qe.current = tt.map((e) => e.index), Je.current = tt.flatMap((e) => e.pages.map((e) => e.pageNumber)));
+	}, [tt, z]), S(() => {
+		Array.from(rt.entries()).sort(([, e], [, t]) => t.percent - e.percent).forEach(([e], t) => {
+			ze.changePagePriority(`^page-${e}$`, t);
+		});
+	}, [rt, ze]), S(() => {
+		z && ze.removeQueues(/^page-/);
+	}, [z, ze]), S(() => {
+		N && Qe();
+	}, [N, Qe]), S(() => {
+		if (!We) return;
+		let e = requestAnimationFrame(() => {
+			He.current?.focus();
+		});
+		return () => {
+			cancelAnimationFrame(e);
+		};
+	}, [We]);
+	let $ = x((e) => {
+		let t = F.get(e);
+		return Ne[e] ?? t?.defaultRotation ?? 0;
+	}, [Ne, F]), it = x((e, t = k) => {
+		let n = [], a = [];
+		for (let t = 1; t <= A; t += 1) {
+			let r = F.get(t);
+			if (!r) continue;
+			let i = $(t), o = r.page.getViewport({
+				scale: 1,
+				rotation: i,
+				dontFlip: !0
+			});
+			n[t - 1] = o.width * e + 4, a[t - 1] = o.height * e + 4;
+		}
+		return _({
+			pageDimensions: {
+				widths: n,
+				heights: a
+			},
+			viewportWidth: r,
+			viewportHeight: i,
+			scrollMode: j,
+			viewMode: M,
+			focusedPage: t
+		});
+	}, [
+		k,
+		$,
+		i,
+		F,
+		j,
+		A,
+		M,
+		r
+	]), at = x((e, t, n) => {
+		let r = Z ? Math.max(0, n.scrollHeight - Z.clientHeight) : Math.max(0, n.scrollHeight), i = Z ? Math.max(0, n.scrollWidth - Z.clientWidth) : Math.max(0, n.scrollWidth);
+		return {
+			scrollTop: Math.round(Oe(e, 0, r)) || 0,
+			scrollLeft: Math.round(Oe(t, 0, i)) || 0
+		};
+	}, [Z]), ot = x((e, t) => {
+		if (!Z) return {
+			scrollTop: 0,
+			scrollLeft: 0
+		};
+		let n = Y.current.scrollTop > t, r = Y.current.scrollLeft > e;
+		return n || r ? Y.current : {
+			scrollTop: Z.scrollTop,
+			scrollLeft: Z.scrollLeft
+		};
+	}, [Z]), st = x((e, t, n, r, i) => {
+		if (!n || !r || !i || !F.size) return null;
+		let a = t + n[0] - i.offsetLeft, o = e + n[1] - i.offsetTop, s = y(i, a, o) ?? te(i, k);
+		if (!s) return null;
+		let c = F.get(s.pageNumber);
+		if (!c) return null;
+		let l = $(s.pageNumber), u = c.page.getViewport({
+			scale: r,
+			rotation: l
+		}), d = v(s.width, s.height, u.width, u.height), f = Oe(a - s.left - d.x, 0, u.width), p = Oe(o - s.top - d.y, 0, u.height), [m, h] = u.convertToPdfPoint(f, p);
+		return {
+			pageNumber: s.pageNumber,
+			pdfX: m,
+			pdfY: h,
+			origin: n
+		};
+	}, [
+		k,
+		$,
+		F
+	]), ct = x((e, t, n) => {
+		let r = F.get(t.pageNumber), i = te(n, t.pageNumber);
+		if (!r || !i || !e) return null;
+		let a = $(t.pageNumber), o = r.page.getViewport({
+			scale: e,
+			rotation: a
+		}), [s, c] = o.convertToViewportPoint(t.pdfX, t.pdfY), l = v(i.width, i.height, o.width, o.height);
+		return {
+			left: n.offsetLeft + i.left + l.x + s - t.origin[0],
+			top: n.offsetTop + i.top + l.y + c - t.origin[1]
+		};
+	}, [$, F]), lt = x((e, t) => {
+		(G.current || U.current || W.current) && (K.current = !0), Z?.scrollTo({
+			top: e,
+			left: t,
+			behavior: "auto"
+		}), Y.current = {
+			scrollTop: e,
+			scrollLeft: t
+		}, Ye(Y.current);
+	}, [Z]), ut = x(({ gesture: e, origin: t, previousScale: n, nextScale: r }) => {
+		if (e !== "touch" || !t || !n || !r) return;
+		G.current = !0;
+		let i = W.current, a = i?.scale || q.current || n, o = i?.layout ?? V.current ?? Q, s = i?.scrollTop ?? Y.current.scrollTop, c = i?.scrollLeft ?? Y.current.scrollLeft, l = it(r), u = st(s, c, t, a, o), d = u ? ct(r, u, l) : null, f = 0, p = 0;
+		if (d) p = d.left, f = d.top;
+		else {
+			let e = r / a;
+			p = (c + t[0]) * e - t[0], f = (s + t[1]) * e - t[1];
+		}
+		let m = at(f, p, l);
+		U.current = {
+			location: u,
+			origin: t,
+			previousScale: a,
+			nextScale: r,
+			scrollTop: s,
+			scrollLeft: c,
+			targetScrollTop: m.scrollTop,
+			targetScrollLeft: m.scrollLeft,
+			targetLayout: l
+		}, W.current = {
+			scale: r,
+			layout: l,
+			scrollTop: m.scrollTop,
+			scrollLeft: m.scrollLeft
+		}, H.current = u;
+	}, [
+		ct,
+		st,
+		at,
+		it,
+		Q
+	]), dt = x(() => {
+		G.current = !1, K.current = !1, U.current || (W.current = null, H.current = null);
+	}, []), ft = x(() => {
+		G.current = !1, K.current = !1, U.current = null, W.current = null, H.current = null;
+	}, []);
+	ve(Z || de, {
+		onBeforeZoom: ut,
+		onPinchEnd: dt
+	});
+	let pt = x((e, t) => {
+		if (Ue.current.viewMode !== M || Ue.current.scrollMode !== j) {
+			J.current && clearTimeout(J.current), H.current = null, ft(), b(k, "auto"), J.current = setTimeout(() => {
+				requestAnimationFrame(() => {
+					Ue.current = {
+						viewMode: M,
+						scrollMode: j
+					}, V.current = Q, q.current = L;
+				});
+			}, 100);
+			return;
+		}
+		let n = e.scrollTop, r = e.scrollLeft;
+		if (!t.height || !t.width) return;
+		let { height: i, width: o } = t, { height: s, width: c } = B.current, l = V.current, u = Math.abs(q.current - L) > 1e-10, d = u && !!R, f = q.current || Be || L, p = U.current, m = p?.nextScale ?? L;
+		if (s === i && c === o) {
+			if (p) {
+				lt(p.targetScrollTop, p.targetScrollLeft), H.current = null, U.current = null, G.current || (W.current = null, K.current = !1), V.current = p.targetLayout, q.current = p.nextScale;
+				return;
+			}
+			if (d && l) {
+				H.current = st(n, r, R, f, l);
+				return;
+			}
+			V.current = Q, q.current = L;
+			return;
+		}
+		if (Se.current && a > 1) {
+			H.current = null, ft(), B.current = {
+				height: t.height,
+				width: t.width
+			}, V.current = Q, q.current = L;
+			return;
+		}
+		if (!s || !c) {
+			H.current = null, ft(), B.current = {
+				height: t.height,
+				width: t.width
+			}, V.current = Q, q.current = L;
+			return;
+		}
+		let h = !!p, ee = !!H.current;
+		if (n === 0 && r === 0 && !(h || (u || ee) && (R || ee))) {
+			B.current = {
+				height: t.height,
+				width: t.width
+			}, V.current = Q, q.current = L;
+			return;
+		}
+		let g = n / s * i, _ = r / c * o, v = !1;
+		if (p) _ = p.targetScrollLeft, g = p.targetScrollTop, v = !0;
+		else if ((u || ee) && l) {
+			let e = H.current ?? st(n, r, R, f, l), t = e ? ct(L, e, Q) : null;
+			if (t) _ = t.left, g = t.top, v = !0;
+			else {
+				let e = L / f, t = R ?? H.current?.origin;
+				t && (_ = (r + t[0]) * e - t[0], g = (n + t[1]) * e - t[1], v = !0);
+			}
+		}
+		let y = at(g, _, Q);
+		v ? lt(y.scrollTop, y.scrollLeft) : Ge.current = setTimeout(() => {
+			requestAnimationFrame(() => {
+				lt(y.scrollTop, y.scrollLeft);
+			});
+		}, 0), H.current = null, U.current = null, G.current || (W.current = null, K.current = !1), B.current = {
+			height: t.height,
+			width: t.width
+		}, V.current = Q, q.current = m;
+	}, [
+		ct,
+		st,
+		at,
+		k,
+		a,
+		Q,
+		Be,
+		ft,
+		j,
+		b,
+		lt,
+		L,
+		M,
+		R
+	]);
+	Ce(() => {
+		clearTimeout(Ge.current);
+		let e = ke(Q), t = !!U.current, n = t ? Y.current : ot(e.width, e.height);
+		t || (Y.current = n, Ye(n)), pt(n, e), me(e);
+	}, [
+		ot,
+		Q,
+		me,
+		pt
+	]);
+	let mt = x((e) => {
+		let t = document.activeElement !== de;
+		!Fe && t || (["ArrowUp", "ArrowLeft"].includes(e.key) ? (e.preventDefault(), D()) : ["ArrowDown", "ArrowRight"].includes(e.key) && (e.preventDefault(), E()));
+	}, [
+		Fe,
+		E,
+		de,
+		D
+	]);
+	S(() => (window.addEventListener("keydown", mt), () => {
+		window.removeEventListener("keydown", mt);
+	}), [mt]), S(() => () => {
+		J.current && clearTimeout(J.current), Ke.current && cancelAnimationFrame(Ke.current);
+	}, []), S(() => {
+		Ve.height === 0 || !Se.current || Z && (b(a, "auto"), requestAnimationFrame(() => {
+			O(a), Se.current = !1, Ee(!1);
+		}));
+	}, [
+		Ve.height,
+		a,
+		o,
+		b,
+		Z,
+		O
+	]);
+	let ht = x((e) => {
+		e && (pe(e), fe(e), et && Ze(e));
+	}, [
+		fe,
+		pe,
+		Ze,
+		et
+	]), gt = x((e) => {
+		let t = e.currentTarget, n = {
+			scrollTop: t.scrollTop,
+			scrollLeft: t.scrollLeft
+		};
+		if (G.current || U.current || K.current) {
+			K.current = !1, Ie?.(e.nativeEvent);
+			return;
+		}
+		Y.current = n, Ke.current && cancelAnimationFrame(Ke.current), Ke.current = requestAnimationFrame(() => {
+			Ye(n);
+		}), Ie?.(e.nativeEvent);
+	}, [Ie]);
+	return P === e.INVALID_OR_CORRUPTED_PDF ? /* @__PURE__ */ T("div", {
+		ref: He,
+		className: I["rp-load-error"],
+		style: {
+			width: r,
+			height: i
+		},
+		tabIndex: -1,
+		role: "alert",
+		"aria-live": "assertive",
+		"aria-atomic": "true",
+		children: /* @__PURE__ */ T("div", {
+			className: I["rp-load-error-message"],
+			children: "Invalid or corrupted PDF file."
+		})
+	}) : P === e.NOT_SUPPORTED ? /* @__PURE__ */ T("div", {
+		className: I["rp-not-supported"],
+		children: /* @__PURE__ */ De("div", {
+			className: I["rp-not-supported-content"],
+			children: ["React PDF Kit is unable to render on this browser. Please use the supported browsers from the list below:", /* @__PURE__ */ T("div", { children: /* @__PURE__ */ De("ul", {
+				className: I["rp-not-supported-list"],
+				children: [
+					/* @__PURE__ */ T("li", { children: "Chrome 126+" }),
+					/* @__PURE__ */ T("li", { children: "Edge 126+" }),
+					/* @__PURE__ */ T("li", { children: "Firefox 126+" }),
+					/* @__PURE__ */ T("li", { children: "Safari 18.4+" }),
+					/* @__PURE__ */ T("li", { children: "Safari iOS 18.4+" }),
+					/* @__PURE__ */ T("li", { children: "Chrome Android 126+" })
+				]
+			}) })]
+		})
+	}) : !Q.pages.length && !N && !P ? /* @__PURE__ */ T("div", {
+		className: I["rp-loader"],
+		style: {
+			width: r,
+			height: i
+		},
+		children: Pe && /* @__PURE__ */ T(Pe, {})
+	}) : /* @__PURE__ */ T("div", {
+		"data-rp": "pages",
+		ref: ht,
+		className: le(I["rp-pages"], I["rp-pages-flow"], j === t.HORIZONTAL_SCROLLING && I["rp-pages-horizontal-scroll"], j === t.PAGE_SCROLLING && I["rp-page-scrolling-wrapper"]),
+		onScroll: gt,
+		style: {
+			width: r,
+			height: i,
+			...Te && { visibility: "hidden" }
+		},
+		children: /* @__PURE__ */ T("div", {
+			className: I["rp-document-wrapper"],
+			style: {
+				width: Q.documentWidth,
+				height: Q.documentHeight,
+				marginLeft: Q.offsetLeft,
+				marginTop: Q.offsetTop,
+				"--rp-pages-height": `${Q.documentHeight}px`,
+				"--rp-pages-width": `${Q.documentWidth}px`
+			},
+			children: nt.map((e) => /* @__PURE__ */ T(je, { row: e }, e.index))
+		})
+	});
+}, Pe = () => {
+	let e = w(new Te()), { pagesRef: t, setPagesRef: i, setContentRef: a } = f(), { passwordRequired: o } = r(), { onTextSelect: s } = p(), { selectionMode: c } = oe(), { isPressed: l } = _e(), u = c === n.HAND, d = C(() => le(I["rp-pages-container"], {
+		[I["rp-cursor-grab"]]: u && !l,
+		[I["rp-cursor-grabbing"]]: u && l
+	}), [u, l]);
+	return he(t), be({
+		onTextSelect: s,
+		pagesRef: t
+	}), /* @__PURE__ */ De(Ee, { children: [/* @__PURE__ */ T(b, {
+		ref: a,
+		children: /* @__PURE__ */ T(de, {
+			ref: i,
+			tabIndex: -1,
+			className: d,
+			style: {
+				"--scale-round-x": `${me(e.current.sx)[1]}px`,
+				"--scale-round-y": `${me(e.current.sy)[1]}px`
+			},
+			children: /* @__PURE__ */ T(F, {
+				style: { minHeight: "50px" },
+				children: ({ width: e, height: t }) => /* @__PURE__ */ T(Ne, {
+					width: e,
+					height: t
+				})
+			})
+		})
+	}), o && /* @__PURE__ */ T(pe, {})] });
+};
+//#endregion
+export { Pe as t };