@react-pdf-kit/viewer 2.6.0-beta.1 → 2.6.0-rc.0

package/dist/RPSplitter-C63X9M8w.js

@@ -0,0 +1,121 @@
+import "./utils/constants.js";
+import { useLayoutContainer as e } from "./contexts/LayoutContainerContext.js";
+import { useViewportContext as t } from "./contexts/ViewportContext.js";
+import { useCallback as n, useEffect as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import './assets/RPSplitter.css';//#region lib/components/layout/sidebar/RPSidebar.module.css
+var c = {
+	"rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_ppg43_1",
+	"rp-sidebar-content": "_rp-sidebar-content_ppg43_1",
+	"rp-thumbnails-wrapper": "_rp-thumbnails-wrapper_ppg43_17",
+	"rp-thumbnails-wrapper-dragging": "_rp-thumbnails-wrapper-dragging_ppg43_24",
+	"rp-thumbnails-wrapper-hidden": "_rp-thumbnails-wrapper-hidden_ppg43_28"
+}, l = {
+	"rp-thumbnail-dragger": "_rp-thumbnail-dragger_1faw8_2",
+	"rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_1faw8_13"
+}, u = {
+	"rp-thumbnail-dragger": "_rp-thumbnail-dragger_174bn_1",
+	"rp-thumbnail-dragger-dragging": "_rp-thumbnail-dragger-dragging_174bn_15"
+}, d = 20, f = 640, p = 112, m = (e) => {
+	e.preventDefault(), e.stopPropagation();
+}, h = (h) => {
+	let { onWidthChange: g, thumbnailRef: _, leftSidebarRef: v, isRPLayout: y } = h, b = a(null), x = a(0), S = a(null), C = a(!1), w = a(200), T = a(200), E = a(200), [D, O] = o(200), { container: k, pagesRef: A } = e(), { width: j } = t(), M = j > 0 && j < f;
+	i(() => {
+		w.current = D;
+	}, [D]);
+	let N = n(() => {
+		if (!k) return null;
+		let e = b.current?.closest(".rp-content")?.clientWidth ?? k.clientWidth, t = v.current?.getBoundingClientRect().width ?? 0, n = b.current?.offsetWidth ?? 0, r = A?.clientWidth ?? Infinity, i = Math.floor(e * .5 - t), a = Math.floor(e * d / 100 - t - n), o = Math.min(i, r);
+		Number.isFinite(o) || (o = 0), o = Math.max(0, Math.floor(o));
+		let s = Math.max(200, a);
+		return s = Math.min(s, o), E.current = s, {
+			maxAllowed: o,
+			minAllowed: s
+		};
+	}, [
+		k,
+		A,
+		v
+	]), P = n(() => {
+		if (!k || C.current || M) return;
+		let e = N();
+		e && O(e.maxAllowed);
+	}, [
+		k,
+		M,
+		N
+	]), F = n((e) => {
+		if (M) return;
+		m(e);
+		let t = N();
+		t ? (E.current = t.minAllowed, T.current = t.maxAllowed) : T.current = w.current, C.current = !0;
+		try {
+			e.currentTarget.setPointerCapture(e.pointerId);
+		} catch {}
+		let n = b.current?.getBoundingClientRect()?.left ?? 0, r = _.current?.getBoundingClientRect()?.width ?? 0;
+		S.current = {
+			x: n,
+			y: 0
+		}, x.current = r, b.current?.classList.add(l["rp-thumbnail-dragger-dragging"]), b.current?.classList.add(u["rp-thumbnail-dragger-dragging"]), b.current?.closest("[data-rp=\"thumbnailSidebar\"]")?.classList.add(c["rp-thumbnails-wrapper"], c["rp-thumbnails-wrapper-dragging"]);
+	}, [
+		_,
+		N,
+		M
+	]), I = n((e) => {
+		m(e);
+		try {
+			b.current && e.pointerId != null && b.current.releasePointerCapture(e.pointerId);
+		} catch {}
+		S.current = null, C.current = !1, requestAnimationFrame(() => {
+			P();
+		}), b.current?.classList.remove(l["rp-thumbnail-dragger-dragging"]), b.current?.classList.remove(u["rp-thumbnail-dragger-dragging"]);
+	}, [P]), L = n((e) => {
+		if (M || !S.current) return;
+		let t = e.clientX - S.current.x, n = Math.max(E.current, Math.min(x.current + t, T.current));
+		g?.(n), m(e);
+	}, [g, M]);
+	return r(() => {
+		if (!k || M) return;
+		let e = new ResizeObserver(() => {
+			P();
+		});
+		return e.observe(k), A && e.observe(A), P(), () => {
+			e.disconnect();
+		};
+	}, [
+		k,
+		A,
+		P,
+		M
+	]), r(() => {
+		if (C.current || M) return;
+		let e = _.current?.clientWidth ?? 200;
+		e > D ? g?.(D) : D >= 200 && e < 200 && g?.(200);
+	}, [
+		D,
+		g,
+		_,
+		M
+	]), r(() => {
+		if (!M) return;
+		let e = N();
+		if (e) {
+			let t = Math.min(p, e.maxAllowed);
+			w.current = t, T.current = t, E.current = t, O(t), g?.(t);
+		}
+		S.current = null, C.current = !1, b.current?.classList.remove(l["rp-thumbnail-dragger-dragging"]), b.current?.classList.remove(u["rp-thumbnail-dragger-dragging"]);
+	}, [
+		M,
+		N,
+		g,
+		_
+	]), r(() => (window.addEventListener("pointermove", L), window.addEventListener("pointerup", I), window.addEventListener("pointercancel", I), () => {
+		window.removeEventListener("pointermove", L), window.removeEventListener("pointerup", I), window.removeEventListener("pointercancel", I);
+	}), [L, I]), /* @__PURE__ */ s("div", {
+		ref: b,
+		className: y ? u["rp-thumbnail-dragger"] : l["rp-thumbnail-dragger"],
+		onPointerDown: M ? void 0 : F
+	});
+};
+//#endregion
+export { c as n, h as t };

package/dist/RPToolbar.module-BwqWLviy.js

@@ -0,0 +1,10 @@
+import './assets/RPToolbar.css';//#region lib/components/layout/toolbar/RPToolbar.module.css
+var e = {
+	"rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
+	"rp-toolbar-wrapper": "_rp-toolbar-wrapper_sz31z_10",
+	"rp-toolbar-start": "_rp-toolbar-start_sz31z_33",
+	"rp-toolbar-middle": "_rp-toolbar-middle_sz31z_39",
+	"rp-toolbar-end": "_rp-toolbar-end_sz31z_46"
+};
+//#endregion
+export { e as t };

package/dist/RPTooltip-ZZoFqP7C.js

@@ -0,0 +1,381 @@
+import { withRef as e } from "./utils/withRef.js";
+import { d as t, f as n, i as r, l as i, n as a, s as o, t as s } from "./dist-bK-AHWLF.js";
+import { n as c, r as l, t as u } from "./dist-BRVqFn7R.js";
+import { a as d, i as f, n as p, r as m, t as h } from "./dist-7FA4Do6I.js";
+import * as g from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import './assets/RPTooltip.css';//#region node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.3_@types+react-dom@18.3.7_@types+react@18.3.27__@ty_a0e385f362a25de1e1388c87472ea469/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
+var y = Object.freeze({
+	position: "absolute",
+	border: 0,
+	width: 1,
+	height: 1,
+	padding: 0,
+	margin: -1,
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	wordWrap: "normal"
+}), b = "VisuallyHidden", x = g.forwardRef((e, t) => /* @__PURE__ */ _(r.span, {
+	...e,
+	ref: t,
+	style: {
+		...y,
+		...e.style
+	}
+}));
+x.displayName = b;
+var S = x, [C, w] = i("Tooltip", [d]), T = d(), E = "TooltipProvider", D = 700, O = "tooltip.open", [k, A] = C(E), j = (e) => {
+	let { __scopeTooltip: t, delayDuration: n = D, skipDelayDuration: r = 300, disableHoverableContent: i = !1, children: a } = e, o = g.useRef(!0), s = g.useRef(!1), c = g.useRef(0);
+	return g.useEffect(() => {
+		let e = c.current;
+		return () => window.clearTimeout(e);
+	}, []), /* @__PURE__ */ _(k, {
+		scope: t,
+		isOpenDelayedRef: o,
+		delayDuration: n,
+		onOpen: g.useCallback(() => {
+			window.clearTimeout(c.current), o.current = !1;
+		}, []),
+		onClose: g.useCallback(() => {
+			window.clearTimeout(c.current), c.current = window.setTimeout(() => o.current = !0, r);
+		}, [r]),
+		isPointerInTransitRef: s,
+		onPointerInTransitChange: g.useCallback((e) => {
+			s.current = e;
+		}, []),
+		disableHoverableContent: i,
+		children: a
+	});
+};
+j.displayName = E;
+var M = "Tooltip", [N, P] = C(M), F = (e) => {
+	let { __scopeTooltip: t, children: n, open: r, defaultOpen: i, onOpenChange: a, disableHoverableContent: o, delayDuration: l } = e, u = A(M, e.__scopeTooltip), d = T(t), [p, m] = g.useState(null), h = c(), v = g.useRef(0), y = o ?? u.disableHoverableContent, b = l ?? u.delayDuration, x = g.useRef(!1), [S, C] = s({
+		prop: r,
+		defaultProp: i ?? !1,
+		onChange: (e) => {
+			e ? (u.onOpen(), document.dispatchEvent(new CustomEvent(O))) : u.onClose(), a?.(e);
+		},
+		caller: M
+	}), w = g.useMemo(() => S ? x.current ? "delayed-open" : "instant-open" : "closed", [S]), E = g.useCallback(() => {
+		window.clearTimeout(v.current), v.current = 0, x.current = !1, C(!0);
+	}, [C]), D = g.useCallback(() => {
+		window.clearTimeout(v.current), v.current = 0, C(!1);
+	}, [C]), k = g.useCallback(() => {
+		window.clearTimeout(v.current), v.current = window.setTimeout(() => {
+			x.current = !0, C(!0), v.current = 0;
+		}, b);
+	}, [b, C]);
+	return g.useEffect(() => () => {
+		v.current &&= (window.clearTimeout(v.current), 0);
+	}, []), /* @__PURE__ */ _(f, {
+		...d,
+		children: /* @__PURE__ */ _(N, {
+			scope: t,
+			contentId: h,
+			open: S,
+			stateAttribute: w,
+			trigger: p,
+			onTriggerChange: m,
+			onTriggerEnter: g.useCallback(() => {
+				u.isOpenDelayedRef.current ? k() : E();
+			}, [
+				u.isOpenDelayedRef,
+				k,
+				E
+			]),
+			onTriggerLeave: g.useCallback(() => {
+				y ? D() : (window.clearTimeout(v.current), v.current = 0);
+			}, [D, y]),
+			onOpen: E,
+			onClose: D,
+			disableHoverableContent: y,
+			children: n
+		})
+	});
+};
+F.displayName = M;
+var I = "TooltipTrigger", L = g.forwardRef((e, i) => {
+	let { __scopeTooltip: a, ...o } = e, s = P(I, a), c = A(I, a), l = T(a), u = t(i, g.useRef(null), s.onTriggerChange), d = g.useRef(!1), f = g.useRef(!1), p = g.useCallback(() => d.current = !1, []);
+	return g.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ _(h, {
+		asChild: !0,
+		...l,
+		children: /* @__PURE__ */ _(r.button, {
+			"aria-describedby": s.open ? s.contentId : void 0,
+			"data-state": s.stateAttribute,
+			...o,
+			ref: u,
+			onPointerMove: n(e.onPointerMove, (e) => {
+				e.pointerType !== "touch" && !f.current && !c.isPointerInTransitRef.current && (s.onTriggerEnter(), f.current = !0);
+			}),
+			onPointerLeave: n(e.onPointerLeave, () => {
+				s.onTriggerLeave(), f.current = !1;
+			}),
+			onPointerDown: n(e.onPointerDown, () => {
+				s.open && s.onClose(), d.current = !0, document.addEventListener("pointerup", p, { once: !0 });
+			}),
+			onFocus: n(e.onFocus, () => {
+				d.current || s.onOpen();
+			}),
+			onBlur: n(e.onBlur, s.onClose),
+			onClick: n(e.onClick, s.onClose)
+		})
+	});
+});
+L.displayName = I;
+var R = "TooltipPortal", [z, B] = C(R, { forceMount: void 0 }), V = (e) => {
+	let { __scopeTooltip: t, forceMount: n, children: r, container: i } = e, o = P(R, t);
+	return /* @__PURE__ */ _(z, {
+		scope: t,
+		forceMount: n,
+		children: /* @__PURE__ */ _(a, {
+			present: n || o.open,
+			children: /* @__PURE__ */ _(u, {
+				asChild: !0,
+				container: i,
+				children: r
+			})
+		})
+	});
+};
+V.displayName = R;
+var H = "TooltipContent", U = g.forwardRef((e, t) => {
+	let n = B(H, e.__scopeTooltip), { forceMount: r = n.forceMount, side: i = "top", ...o } = e, s = P(H, e.__scopeTooltip);
+	return /* @__PURE__ */ _(a, {
+		present: r || s.open,
+		children: s.disableHoverableContent ? /* @__PURE__ */ _(J, {
+			side: i,
+			...o,
+			ref: t
+		}) : /* @__PURE__ */ _(W, {
+			side: i,
+			...o,
+			ref: t
+		})
+	});
+}), W = g.forwardRef((e, n) => {
+	let r = P(H, e.__scopeTooltip), i = A(H, e.__scopeTooltip), a = g.useRef(null), o = t(n, a), [s, c] = g.useState(null), { trigger: l, onClose: u } = r, d = a.current, { onPointerInTransitChange: f } = i, p = g.useCallback(() => {
+		c(null), f(!1);
+	}, [f]), m = g.useCallback((e, t) => {
+		let n = e.currentTarget, r = {
+			x: e.clientX,
+			y: e.clientY
+		}, i = Q(r, Z(r, n.getBoundingClientRect())), a = ee(t.getBoundingClientRect());
+		c(ne([...i, ...a])), f(!0);
+	}, [f]);
+	return g.useEffect(() => () => p(), [p]), g.useEffect(() => {
+		if (l && d) {
+			let e = (e) => m(e, d), t = (e) => m(e, l);
+			return l.addEventListener("pointerleave", e), d.addEventListener("pointerleave", t), () => {
+				l.removeEventListener("pointerleave", e), d.removeEventListener("pointerleave", t);
+			};
+		}
+	}, [
+		l,
+		d,
+		m,
+		p
+	]), g.useEffect(() => {
+		if (s) {
+			let e = (e) => {
+				let t = e.target, n = {
+					x: e.clientX,
+					y: e.clientY
+				}, r = l?.contains(t) || d?.contains(t), i = !te(n, s);
+				r ? p() : i && (p(), u());
+			};
+			return document.addEventListener("pointermove", e), () => document.removeEventListener("pointermove", e);
+		}
+	}, [
+		l,
+		d,
+		s,
+		u,
+		p
+	]), /* @__PURE__ */ _(J, {
+		...e,
+		ref: o
+	});
+}), [G, K] = C(M, { isInside: !1 }), q = o("TooltipContent"), J = g.forwardRef((e, t) => {
+	let { __scopeTooltip: n, children: r, "aria-label": i, onEscapeKeyDown: a, onPointerDownOutside: o, ...s } = e, c = P(H, n), u = T(n), { onClose: d } = c;
+	return g.useEffect(() => (document.addEventListener(O, d), () => document.removeEventListener(O, d)), [d]), g.useEffect(() => {
+		if (c.trigger) {
+			let e = (e) => {
+				e.target?.contains(c.trigger) && d();
+			};
+			return window.addEventListener("scroll", e, { capture: !0 }), () => window.removeEventListener("scroll", e, { capture: !0 });
+		}
+	}, [c.trigger, d]), /* @__PURE__ */ _(l, {
+		asChild: !0,
+		disableOutsidePointerEvents: !1,
+		onEscapeKeyDown: a,
+		onPointerDownOutside: o,
+		onFocusOutside: (e) => e.preventDefault(),
+		onDismiss: d,
+		children: /* @__PURE__ */ v(m, {
+			"data-state": c.stateAttribute,
+			...u,
+			...s,
+			ref: t,
+			style: {
+				...s.style,
+				"--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+				"--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+				"--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+				"--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+				"--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+			},
+			children: [/* @__PURE__ */ _(q, { children: r }), /* @__PURE__ */ _(G, {
+				scope: n,
+				isInside: !0,
+				children: /* @__PURE__ */ _(S, {
+					id: c.contentId,
+					role: "tooltip",
+					children: i || r
+				})
+			})]
+		})
+	});
+});
+U.displayName = H;
+var Y = "TooltipArrow", X = g.forwardRef((e, t) => {
+	let { __scopeTooltip: n, ...r } = e, i = T(n);
+	return K(Y, n).isInside ? null : /* @__PURE__ */ _(p, {
+		...i,
+		...r,
+		ref: t
+	});
+});
+X.displayName = Y;
+function Z(e, t) {
+	let n = Math.abs(t.top - e.y), r = Math.abs(t.bottom - e.y), i = Math.abs(t.right - e.x), a = Math.abs(t.left - e.x);
+	switch (Math.min(n, r, i, a)) {
+		case a: return "left";
+		case i: return "right";
+		case n: return "top";
+		case r: return "bottom";
+		default: throw Error("unreachable");
+	}
+}
+function Q(e, t, n = 5) {
+	let r = [];
+	switch (t) {
+		case "top":
+			r.push({
+				x: e.x - n,
+				y: e.y + n
+			}, {
+				x: e.x + n,
+				y: e.y + n
+			});
+			break;
+		case "bottom":
+			r.push({
+				x: e.x - n,
+				y: e.y - n
+			}, {
+				x: e.x + n,
+				y: e.y - n
+			});
+			break;
+		case "left":
+			r.push({
+				x: e.x + n,
+				y: e.y - n
+			}, {
+				x: e.x + n,
+				y: e.y + n
+			});
+			break;
+		case "right":
+			r.push({
+				x: e.x - n,
+				y: e.y - n
+			}, {
+				x: e.x - n,
+				y: e.y + n
+			});
+			break;
+	}
+	return r;
+}
+function ee(e) {
+	let { top: t, right: n, bottom: r, left: i } = e;
+	return [
+		{
+			x: i,
+			y: t
+		},
+		{
+			x: n,
+			y: t
+		},
+		{
+			x: n,
+			y: r
+		},
+		{
+			x: i,
+			y: r
+		}
+	];
+}
+function te(e, t) {
+	let { x: n, y: r } = e, i = !1;
+	for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
+		let o = t[e], s = t[a], c = o.x, l = o.y, u = s.x, d = s.y;
+		l > r != d > r && n < (u - c) * (r - l) / (d - l) + c && (i = !i);
+	}
+	return i;
+}
+function ne(e) {
+	let t = e.slice();
+	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : +(e.y > t.y)), re(t);
+}
+function re(e) {
+	if (e.length <= 1) return e.slice();
+	let t = [];
+	for (let n = 0; n < e.length; n++) {
+		let r = e[n];
+		for (; t.length >= 2;) {
+			let e = t[t.length - 1], n = t[t.length - 2];
+			if ((e.x - n.x) * (r.y - n.y) >= (e.y - n.y) * (r.x - n.x)) t.pop();
+			else break;
+		}
+		t.push(r);
+	}
+	t.pop();
+	let n = [];
+	for (let t = e.length - 1; t >= 0; t--) {
+		let r = e[t];
+		for (; n.length >= 2;) {
+			let e = n[n.length - 1], t = n[n.length - 2];
+			if ((e.x - t.x) * (r.y - t.y) >= (e.y - t.y) * (r.x - t.x)) n.pop();
+			else break;
+		}
+		n.push(r);
+	}
+	return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
+}
+var $ = {
+	tooltipContent: "_tooltipContent_12gjy_1",
+	tooltipArrow: "_tooltipArrow_12gjy_8",
+	fadeIn: "_fadeIn_12gjy_1"
+}, ie = e(({ children: e, content: t, className: n, style: r }, i) => /* @__PURE__ */ _(j, { children: /* @__PURE__ */ v(F, {
+	delayDuration: 1e3,
+	children: [/* @__PURE__ */ _(L, {
+		asChild: !0,
+		children: /* @__PURE__ */ _("div", {
+			ref: i,
+			className: n,
+			style: r,
+			children: e
+		})
+	}), /* @__PURE__ */ v(U, {
+		className: $.tooltipContent,
+		sideOffset: 5,
+		children: [/* @__PURE__ */ _(X, { className: $.tooltipArrow }), /* @__PURE__ */ _("span", { children: t })]
+	})]
+}) }));
+//#endregion
+export { ie as t };

package/dist/RotateTool.module-DH5yWbvM.js

@@ -0,0 +1,4 @@
+import './assets/RotateTool.css';//#region lib/components/layout/toolbar/RotateTool.module.css
+var e = { "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1nqcb_1" };
+//#endregion
+export { e as t };

package/dist/SearchTool.module-DUkVXfOn.js

@@ -0,0 +1,16 @@
+import './assets/SearchTool.css';//#region lib/components/layout/toolbar/SearchTool.module.css
+var e = {
+	"rp-search-tool-content": "_rp-search-tool-content_t0ih3_1",
+	"rp-search-tool-input": "_rp-search-tool-input_t0ih3_10",
+	"rp-search-tool-input-icon": "_rp-search-tool-input-icon_t0ih3_17",
+	"rp-search-tool-controls": "_rp-search-tool-controls_t0ih3_27",
+	"rp-search-tool-input-wrapper": "_rp-search-tool-input-wrapper_t0ih3_35",
+	"rp-search-tool-input-checkboxes": "_rp-search-tool-input-checkboxes_t0ih3_41",
+	"rp-search-tool-input-clear": "_rp-search-tool-input-clear_t0ih3_46",
+	"rp-search-input": "_rp-search-input_t0ih3_60",
+	"rp-search-icon-info": "_rp-search-icon-info_t0ih3_66",
+	"rp-search-loader-icon": "_rp-search-loader-icon_t0ih3_75",
+	"rp-search-tool-result-navigator": "_rp-search-tool-result-navigator_t0ih3_80"
+};
+//#endregion
+export { e as t };

package/dist/SkipLink-Bvbn3miT.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import './assets/SkipLink.css';//#region lib/components/layout/SkipLink.module.css
+var t = { "rp-skip-link": "_rp-skip-link_15qjp_1" }, n = ({ href: n, label: r }) => /* @__PURE__ */ e("a", {
+	href: n,
+	className: t["rp-skip-link"],
+	onClick: (e) => {
+		e.preventDefault();
+		let t = document.querySelector(n);
+		if (!t) return;
+		let r = t.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])") || t;
+		r && typeof r.focus == "function" && r.focus();
+	},
+	"aria-label": r,
+	tabIndex: 0,
+	children: r
+});
+//#endregion
+export { n as t };