@react-pdf-kit/viewer 2.9.1 → 2.9.2-rc.0

package/dist/CanvasLayer-C3gb8EXu.js

@@ -0,0 +1,116 @@
+import { useDocumentContext as e } from "./contexts/RPDocumentContext.js";
+import { useInitialStateContext as t } from "./contexts/InitialStateContext.js";
+import { useZoomContext as n } from "./contexts/ZoomContext.js";
+import { usePagesRotateContext as r } from "./contexts/PagesRotateContext.js";
+import { useRenderQueue as i } from "./contexts/RenderQueueProvider.js";
+import { useRenderedPagesCache as a } from "./contexts/RenderedPagesCache.js";
+import { useCallback as o, useEffect as s, useLayoutEffect as c, useRef as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import './assets/CanvasLayer.css';//#region lib/components/page/RPPage.module.css
+var d = {
+	"rp-page-wrapper": "_rp-page-wrapper_1iuev_1",
+	"rp-page": "_rp-page_1iuev_1",
+	"rp-canvas-layer": "_rp-canvas-layer_1iuev_17",
+	"rp-loader-wrapper": "_rp-loader-wrapper_1iuev_40"
+}, f = 3, p = (p) => {
+	let { pageNumber: m, onLoaded: h, onLoading: g } = p, _ = l(null), v = l(null), y = l(null), { pages: b } = e(), { pageRotate: x } = r(), { currentZoom: S, targetZoom: C, isZooming: w } = n(), { interactiveForm: T } = t(), { hasRenderedPage: E, markRenderedPage: D } = a(), O = i(), k = l(`page-${m}`), A = l(0), j = l(""), M = l(null), N = l(0), P = l(!1), F = b.get(m), I = F ? x[m] ?? F.defaultRotation ?? 0 : 0, L = l(null), R = o((e, t = !1) => {
+		e && (e.width = 0, e.height = 0, t && e.parentNode && e.parentNode.removeChild(e));
+	}, []), z = o((e = v.current) => {
+		if (!e) return;
+		let t = N.current, n = t ? (C || S || t || 1) / t : 1;
+		e.style.setProperty("--rp-canvas-scale-ratio", String(n));
+	}, [S, C]), B = o(() => {
+		let e = document.createElement("canvas");
+		return e.dataset.rp = `page-${m}-canvas`, e.style.opacity = "0", e.style.position = "absolute", e.style.inset = "0", z(e), e;
+	}, [m, z]), V = o(() => {
+		O.removeQueue(k.current), M.current &&= (M.current.cancel(), null);
+	}, [O]), H = o(() => {
+		y.current && !y.current.parentNode && (R(y.current), y.current = null);
+	}, [R]), U = o((e) => {
+		if (!P.current) return R(e), !1;
+		let t = _.current;
+		if (!t) return R(e), !1;
+		let n = v.current;
+		return n?.parentNode ? n.replaceWith(e) : t.appendChild(e), e.style.opacity = "1", v.current = e, R(n), !0;
+	}, [R]);
+	return s(() => (P.current = !0, () => {
+		P.current = !1, V(), R(y.current), R(v.current), y.current = null, v.current = null;
+	}), [V, R]), s(() => {
+		z();
+	}, [z]), s(() => {
+		k.current = `page-${m}`, j.current = "", L.current = null, N.current = 0, R(y.current, !0), R(v.current, !0), y.current = null, v.current = null;
+	}, [R, m]), s(() => {
+		w && (V(), H());
+	}, [
+		V,
+		H,
+		w
+	]), c(() => {
+		let e = v.current, t = L.current;
+		if (!e || t === null || t === I || e.width === 0 || e.height === 0) return;
+		let n = _.current;
+		if (!n) return;
+		let r = e.offsetWidth || parseFloat(e.style.width) || 0, i = e.offsetHeight || parseFloat(e.style.height) || 0, a = I - t;
+		e.style.inset = "auto", e.style.left = `${(n.clientWidth - r) / 2}px`, e.style.top = `${(n.clientHeight - i) / 2}px`, e.style.transform = `rotate(${a}deg) scale(var(--rp-canvas-scale-ratio, 1))`, e.style.transformOrigin = "center";
+	}, [I]), s(() => {
+		if (!F || S === 0 || w || !_.current) return;
+		let e = `${m}:${S}:${I}:${T ? "forms" : "static"}`;
+		if (j.current === e) return;
+		let t = v.current, n = !!t && t.width > 0 && t.height > 0, r = A.current + 1;
+		A.current = r, V(), H(), g && !n && g({
+			renderKey: e,
+			hasRenderedBefore: E(e)
+		});
+		let i = B();
+		return y.current = i, O.enqueue(k.current, {
+			page: F.page,
+			canvasElem: i,
+			options: {
+				scale: S,
+				rotate: I,
+				renderForms: !0,
+				interactiveForm: T
+			},
+			onLoaded: () => {
+				if (A.current !== r || y.current !== i) {
+					R(i);
+					return;
+				}
+				if (N.current = S, z(i), !U(i)) {
+					y.current = null;
+					return;
+				}
+				y.current = null, j.current = e, L.current = I, D(e), M.current = null, h?.();
+			},
+			onRenderTask: (e) => {
+				A.current === r && (M.current = e);
+			}
+		}, f), () => {
+			V(), y.current === i && (R(i), y.current = null);
+		};
+	}, [
+		V,
+		R,
+		H,
+		B,
+		S,
+		E,
+		T,
+		w,
+		D,
+		h,
+		g,
+		F,
+		m,
+		O,
+		I,
+		U,
+		z
+	]), /* @__PURE__ */ u("div", {
+		className: d["rp-canvas-layer"],
+		"data-rp": `page-${m}-canvasLayer`,
+		ref: _
+	});
+};
+//#endregion
+export { d as n, p as t };