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

package/dist/utils/hooks/useLocalization.js

@@ -1,26 +1,26 @@
-import { useState as t, useCallback as z, useMemo as _ } from "react";
-import { e as s, t as m, z as p, i as d, p as L, d as T } from "../../de_DE-8145915f.js";
-const C = (e) => {
-  const [a, c] = t(e), [o, i] = t({
-    en_US: s,
-    th_TH: m,
-    zh_CN: p,
-    it_IT: d,
-    pt_PT: L,
-    de_DE: T
-  }), l = z((r) => {
-    i((u) => ({
-      ...u,
-      ...r
-    }));
-  }, []), n = _(() => o[a] || s, [a, o]);
-  return {
-    locale: a,
-    setLocale: c,
-    localeMessages: n,
-    addLocalization: l
-  };
-};
-export {
-  C as useLocalization
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../de_DE--0LF-SJR.js";
+import { useCallback as o, useMemo as s, useState as c } from "react";
+//#region lib/utils/hooks/useLocalization.ts
+var l = (l) => {
+	let [u, d] = c(l), [f, p] = c({
+		en_US: r,
+		th_TH: n,
+		zh_CN: e,
+		it_IT: t,
+		pt_PT: i,
+		de_DE: a
+	}), m = o((e) => {
+		p((t) => ({
+			...t,
+			...e
+		}));
+	}, []);
+	return {
+		locale: u,
+		setLocale: d,
+		localeMessages: s(() => f[u] || r, [u, f]),
+		addLocalization: m
+	};
 };
+//#endregion
+export { l as useLocalization };

package/dist/utils/hooks/useMousePressed.js

@@ -1,20 +1,26 @@
-import { useState as t, useEffect as i } from "react";
-const a = () => {
-  const [r, e] = t(!1), [d, u] = t({ x: 0, y: 0 });
-  return i(() => {
-    const s = (n) => {
-      e(!0), u({
-        x: n.clientX,
-        y: n.clientY
-      });
-    }, o = () => {
-      e(!1);
-    };
-    return window.addEventListener("mousedown", s), window.addEventListener("mouseup", o), () => {
-      window.removeEventListener("mousedown", s), window.removeEventListener("mouseup", o);
-    };
-  }, []), { isPressed: r, coordinates: d };
-};
-export {
-  a as useMousePressed
+import { useEffect as e, useState as t } from "react";
+//#region lib/utils/hooks/useMousePressed.ts
+var n = () => {
+	let [n, r] = t(!1), [i, a] = t({
+		x: 0,
+		y: 0
+	});
+	return e(() => {
+		let e = (e) => {
+			r(!0), a({
+				x: e.clientX,
+				y: e.clientY
+			});
+		}, t = () => {
+			r(!1);
+		};
+		return window.addEventListener("mousedown", e), window.addEventListener("mouseup", t), () => {
+			window.removeEventListener("mousedown", e), window.removeEventListener("mouseup", t);
+		};
+	}, []), {
+		isPressed: n,
+		coordinates: i
+	};
 };
+//#endregion
+export { n as useMousePressed };

package/dist/utils/hooks/usePageRotateContext.js

@@ -1,42 +1,26 @@
-import { useMemo as a, useCallback as l } from "react";
-import { usePagesRotateContext as c } from "../../contexts/PagesRotateContext.js";
-import { useLicenseContext as u } from "../../contexts/LicenseContext.js";
-import { LicenseType as f } from "../types.js";
-import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as R } from "../const.js";
-import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
-import "./useLoadPdf.js";
-import "pdfjs-dist";
-import "../getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../appConsole.js";
-import "./usePdfProperties.js";
-import "../convertPdfDate.js";
-import "../formatFileSize.js";
-import "../../de_DE-8145915f.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/EventCallbackContext.js";
-import "./useLicense.js";
-const U = () => {
-  const { setSinglePageRotate: r } = c(), { type: i, validating: n } = u(), m = a(() => i !== f.Developer, [i]), p = l(
-    (s, t) => {
-      r((o) => {
-        const e = typeof t == "function" ? t(o[s] || 0) : t;
-        return e % 90 !== 0 ? (console.warn("rotationDegree must be a multiple of 90 got", e), o) : {
-          ...o,
-          [s]: e
-        };
-      });
-    },
-    [r]
-  );
-  return { rotate: a(() => n !== !1 ? () => {
-  } : m ? p : () => {
-    console.error(R);
-  }, [n, m, p]) };
-};
-export {
-  U as usePageRotateContext
+import { LicenseType as e } from "../types.js";
+import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as t } from "../const.js";
+import { usePagesRotateContext as n } from "../../contexts/PagesRotateContext.js";
+import { useLicenseContext as r } from "../../contexts/LicenseContext.js";
+import { useCallback as i, useMemo as a } from "react";
+//#region lib/utils/hooks/usePageRotateContext.ts
+var o = () => {
+	let { setSinglePageRotate: o } = n(), { type: s, validating: c } = r(), l = a(() => s !== e.Developer, [s]), u = i((e, t) => {
+		o((n) => {
+			let r = typeof t == "function" ? t(n[e] || 0) : t;
+			return r % 90 == 0 ? {
+				...n,
+				[e]: r
+			} : (console.warn("rotationDegree must be a multiple of 90 got", r), n);
+		});
+	}, [o]);
+	return { rotate: a(() => c === !1 ? l ? u : () => {
+		console.error(t);
+	} : () => {}, [
+		c,
+		l,
+		u
+	]) };
 };
+//#endregion
+export { o as usePageRotateContext };

package/dist/utils/hooks/usePaginate.js

@@ -1,38 +1,2 @@
-import "react";
-import "../types.js";
-import { b as J } from "../../PaginationContext-87f832f2.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "./useDebounce.js";
-import "../../contexts/DimensionPagesContext.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../de_DE-8145915f.js";
-import "react/jsx-runtime";
-import "../../contexts/RPDocumentContext.js";
-import "./useLoadPdf.js";
-import "pdfjs-dist";
-import "../getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../appConsole.js";
-import "../const.js";
-import "./usePdfProperties.js";
-import "../convertPdfDate.js";
-import "../formatFileSize.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../smoothScrollTo.js";
-import "../../contexts/SmoothScrollContext.js";
-import "../getScrollDistance.js";
-import "../calculatePage.js";
-import "../../contexts/ZoomContext.js";
-import "../constants.js";
-import "../getZoomLevel.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/PagesRotateContext.js";
-export {
-  J as usePaginate
-};
+import { i as e } from "../../PaginationContext--n91mIJ4.js";
+export { e as usePaginate };

package/dist/utils/hooks/usePdfProperties.js

@@ -1,37 +1,39 @@
-import { useState as S, useCallback as m, useEffect as d } from "react";
-import { convertPDFDate as l } from "../convertPdfDate.js";
-import { formatFileSize as w } from "../formatFileSize.js";
-const D = (n, t, s) => {
-  const [u, p] = S(), c = m(async () => {
-    if (!t || !n)
-      return;
-    const r = await t.getMetadata().then(), P = t.numPages, e = r == null ? void 0 : r.info, a = await t.getDownloadInfo();
-    let f = 0;
-    a && (f = a.length);
-    try {
-      const o = l(e.CreationDate), i = l(e.ModDate), g = {
-        pageCount: P,
-        filename: s || "",
-        fileSize: w(f),
-        title: e.Title,
-        author: e.Author,
-        subject: e.Subject,
-        keywords: e.Keywords || "",
-        creator: e.Creator,
-        createdOn: (o == null ? void 0 : o.toISOString()) || "",
-        modifiedOn: (i == null ? void 0 : i.toISOString()) || "",
-        pdfProducer: e.Producer,
-        pdfVersion: e.PDFFormatVersion
-      };
-      p(g);
-    } catch (o) {
-      console.log("properties err", o);
-    }
-  }, [t, s, n]);
-  return d(() => {
-    c();
-  }, [c]), u;
-};
-export {
-  D as usePdfProperties
+import { convertPDFDate as e } from "../convertPdfDate.js";
+import { formatFileSize as t } from "../formatFileSize.js";
+import { useCallback as n, useEffect as r, useState as i } from "react";
+//#region lib/utils/hooks/usePdfProperties.ts
+var a = (a, o, s) => {
+	let [c, l] = i(), u = n(async () => {
+		if (!o || !a) return;
+		let n = await o.getMetadata().then(), r = o.numPages, i = n?.info, c = await o.getDownloadInfo(), u = 0;
+		c && (u = c.length);
+		try {
+			let n = e(i.CreationDate), a = e(i.ModDate);
+			l({
+				pageCount: r,
+				filename: s || "",
+				fileSize: t(u),
+				title: i.Title,
+				author: i.Author,
+				subject: i.Subject,
+				keywords: i.Keywords || "",
+				creator: i.Creator,
+				createdOn: n?.toISOString() || "",
+				modifiedOn: a?.toISOString() || "",
+				pdfProducer: i.Producer,
+				pdfVersion: i.PDFFormatVersion
+			});
+		} catch (e) {
+			console.log("properties err", e);
+		}
+	}, [
+		o,
+		s,
+		a
+	]);
+	return r(() => {
+		u();
+	}, [u]), c;
 };
+//#endregion
+export { a as usePdfProperties };

package/dist/utils/hooks/usePinch.js

@@ -1,101 +1,66 @@
-import { useState as E, useRef as T, useCallback as c, useEffect as i } from "react";
-import { useDebounce as g } from "./useDebounce.js";
-import { useZoomContext as A } from "../../contexts/ZoomContext.js";
-import "react/jsx-runtime";
-import "../types.js";
-import "../../de_DE-8145915f.js";
-import "../appConsole.js";
-import "../../contexts/InitialStateContext.js";
-import "../../contexts/RPDocumentContext.js";
-import "./useLoadPdf.js";
-import "pdfjs-dist";
-import "../getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../const.js";
-import "./usePdfProperties.js";
-import "../convertPdfDate.js";
-import "../formatFileSize.js";
-import "../constants.js";
-import "../getZoomLevel.js";
-import "../../contexts/LayoutContainerContext.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/EventCallbackContext.js";
-const _ = (o) => {
-  const { currentZoom: L, setZoomLevel: w } = A(), [D, m] = E(0), d = g(D, 100), [s, b] = E(!1), r = T(null), u = c((e) => {
-    m(e ? (t) => t + 3 : (t) => t - 3);
-  }, []), a = c(
-    (e) => {
-      if (!e.ctrlKey)
-        return;
-      e.preventDefault();
-      const t = e.deltaY < 0;
-      u(t);
-    },
-    [u]
-  );
-  i(() => {
-    if (d) {
-      const e = Math.round(L * 100 + d);
-      m(0), w(e > 25 ? e : 25);
-    }
-  }, [d]);
-  const v = (e, t) => {
-    const n = e.clientX - t.clientX, l = e.clientY - t.clientY;
-    return Math.sqrt(n * n + l * l);
-  }, f = c(
-    (e) => {
-      if (!s || e.touches.length !== 2)
-        return;
-      const t = v(e.touches[0], e.touches[1]);
-      r.current = t, e.preventDefault();
-    },
-    [s]
-  ), h = c(() => {
-    r.current = null;
-  }, []), p = c(
-    (e) => {
-      if (!s || e.touches.length !== 2 || r.current === null)
-        return;
-      const t = v(e.touches[0], e.touches[1]), n = t - r.current, l = Math.abs(n) > 5, S = n > 0;
-      l && (u(S), r.current = t, e.preventDefault());
-    },
-    [u, s]
-  ), y = () => {
-    document.activeElement instanceof HTMLElement && document.activeElement.blur();
-  };
-  i(() => {
-    if (s) {
-      document.body.style.touchAction = "pan-x pan-y";
-      return;
-    }
-    document.body.style.touchAction = "";
-  }, [s]), i(() => {
-    const e = () => {
-      const t = document.activeElement, n = !!(t != null && t.closest('[data-rp="container"]'));
-      b(n);
-    };
-    return window.addEventListener("focusin", e), window.addEventListener("focusout", e), e(), () => {
-      window.removeEventListener("focusin", e), window.removeEventListener("focusout", e);
-    };
-  }, []), i(() => {
-    if (!o)
-      return;
-    const e = (t) => {
-      o.contains(t.target) || y();
-    };
-    return document.addEventListener("scroll", e), () => {
-      document.removeEventListener("scroll", e);
-    };
-  }, [o]), i(() => {
-    if (o)
-      return o.addEventListener("wheel", a, { passive: !1 }), o.addEventListener("touchstart", f, { passive: !1 }), o.addEventListener("touchmove", p, { passive: !1 }), o.addEventListener("touchend", h, { passive: !1 }), () => {
-        o.removeEventListener("wheel", a), o.removeEventListener("touchstart", f), o.removeEventListener("touchmove", p), o.removeEventListener("touchend", h);
-      };
-  }, [o, a, f, p, h]);
-};
-export {
-  _ as usePinch
+import { useDebounce as e } from "./useDebounce.js";
+import { useZoomContext as t } from "../../contexts/ZoomContext.js";
+import { useCallback as n, useEffect as r, useRef as i, useState 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);
+		}
+	}, [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";
+			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);
+		};
+	}, [
+		o,
+		g,
+		v,
+		b,
+		y
+	]);
 };
+//#endregion
+export { o as usePinch };

package/dist/utils/hooks/usePresentPage.js

@@ -1,93 +1,70 @@
-import { useRef as Y, useState as C, useMemo as D, useEffect as E, useCallback as N } from "react";
-import { useLayoutContainer as v } from "../../contexts/LayoutContainerContext.js";
-import { useDimensionPagesContext as A } from "../../contexts/DimensionPagesContext.js";
-import { getGridDimension as H, getPositionFromPage as _ } from "../calculatePage.js";
-import { u as q } from "../../PaginationContext-87f832f2.js";
-import { useDebounce as G } from "./useDebounce.js";
-import { useSmoothScrollContext as M } from "../../contexts/SmoothScrollContext.js";
-import { ViewMode as V } from "../types.js";
-import "react/jsx-runtime";
-import "../appConsole.js";
-import "../../contexts/RPDocumentContext.js";
-import "./useLoadPdf.js";
-import "pdfjs-dist";
-import "../getThumbnailViewport.js";
-import "../../contexts/ConfigContext.js";
-import "../../contexts/DocumentPasswordContext.js";
-import "../const.js";
-import "./usePdfProperties.js";
-import "../convertPdfDate.js";
-import "../formatFileSize.js";
-import "../../de_DE-8145915f.js";
-import "../../contexts/ZoomContext.js";
-import "../../contexts/InitialStateContext.js";
-import "../constants.js";
-import "../getZoomLevel.js";
-import "../../contexts/ViewModeContext.js";
-import "../../contexts/RotationContext.js";
-import "../../contexts/GlobalCurrentPage.js";
-import "../../contexts/EventCallbackContext.js";
-import "../../contexts/PagesRotateContext.js";
-import "../../contexts/ScrollModeContext.js";
-import "../../contexts/VirtualScrollContext.js";
-import "../../contexts/VirtualGridContext.js";
-import "../smoothScrollTo.js";
-import "../getScrollDistance.js";
-const It = (f, R, e, W) => {
-  const P = Y(), { contentRef: S } = v(), { heights: h, widths: g } = A(), { setFocusedPage: b } = q(), I = Y(b);
-  I.current = b;
-  const [F, x] = C([]), { targetScrollPage: l } = M(), i = G(F, 0, 500), X = D(() => {
-    const c = W === V.DUAL_PAGE_WITH_COVER, { rowsHeight: r, columnsWidth: o } = H({ heights: h, widths: g }, f, c);
-    return h.map((m, t) => {
-      const n = g[t], s = _(t + 1, f, c), p = o.slice(0, s.columnIndex).reduce((u, a) => u + a, 0), d = r.slice(0, s.rowIndex).reduce((u, a) => u + a, 0), T = p + n, w = d + m;
-      return {
-        pageNumber: t + 1,
-        ...s,
-        width: n,
-        height: m,
-        startX: p,
-        startY: d,
-        endX: T,
-        endY: w
-      };
-    });
-  }, [h, g, f, R, W]);
-  E(() => {
-    var r;
-    i.length > 0 && !l.current && I.current(i[0].pageNumber), ((r = i[0]) == null ? void 0 : r.ratio) && i.some((o) => o.pageNumber === l.current) && setTimeout(() => {
-      l.current = void 0;
-    }, 500);
-  }, [i]);
-  const L = N(
-    (c) => {
-      P.current && cancelAnimationFrame(P.current), P.current = requestAnimationFrame(() => {
-        const r = c.target, o = {
-          startTop: r.scrollTop,
-          startLeft: r.scrollLeft,
-          endTop: r.scrollTop + r.clientHeight,
-          endLeft: r.scrollLeft + r.clientWidth
-        }, m = X.filter((t) => {
-          const n = t.endX >= o.startLeft && t.endY >= o.startTop, s = t.startX <= o.endLeft && t.startY <= o.endTop;
-          return n && s;
-        }).map((t) => {
-          const n = o.startLeft > t.startX ? o.startLeft : t.startX, s = o.startTop > t.startY ? o.startTop : t.startY, p = o.endLeft < t.endX ? o.endLeft : t.endX, d = o.endTop < t.endY ? o.endTop : t.endY, T = p - n, w = d - s, a = +(T * w / (t.width * t.height) * 100).toFixed(2);
-          return {
-            pageNumber: t.pageNumber,
-            ratio: a
-          };
-        }).sort((t, n) => n.ratio - t.ratio);
-        x(m);
-      });
-    },
-    [S, X]
-  );
-  E(() => {
-    if (e)
-      return e == null || e.addEventListener("scroll", L), () => {
-        e == null || e.removeEventListener("scroll", L);
-      };
-  }, [e, L]);
-};
-export {
-  It as usePresentPage
+import { ViewMode as e } from "../types.js";
+import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.js";
+import { useDebounce as n } from "./useDebounce.js";
+import { useDimensionPagesContext as r } from "../../contexts/DimensionPagesContext.js";
+import { useSmoothScrollContext as i } from "../../contexts/SmoothScrollContext.js";
+import { getGridDimension as a, getPositionFromPage as o } from "../calculatePage.js";
+import { r as s } from "../../PaginationContext--n91mIJ4.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+//#region lib/utils/hooks/usePresentPage.ts
+var p = (p, m, h, g) => {
+	let _ = d(), { contentRef: v } = t(), { heights: y, widths: b } = r(), { setFocusedPage: x } = s(), S = d(x);
+	S.current = x;
+	let [C, w] = f([]), { targetScrollPage: T } = i(), E = n(C, 0, 500), D = u(() => {
+		let t = g === e.DUAL_PAGE_WITH_COVER, { rowsHeight: n, columnsWidth: r } = a({
+			heights: y,
+			widths: b
+		}, p, t);
+		return y.map((e, i) => {
+			let a = b[i], s = o(i + 1, p, t), c = r.slice(0, s.columnIndex).reduce((e, t) => e + t, 0), l = n.slice(0, s.rowIndex).reduce((e, t) => e + t, 0), u = c + a, d = l + e;
+			return {
+				pageNumber: i + 1,
+				...s,
+				width: a,
+				height: e,
+				startX: c,
+				startY: l,
+				endX: u,
+				endY: d
+			};
+		});
+	}, [
+		y,
+		b,
+		p,
+		m,
+		g
+	]);
+	l(() => {
+		E.length > 0 && !T.current && S.current(E[0].pageNumber), E[0]?.ratio && E.some((e) => e.pageNumber === T.current) && setTimeout(() => {
+			T.current = void 0;
+		}, 500);
+	}, [E]);
+	let O = c((e) => {
+		_.current && cancelAnimationFrame(_.current), _.current = requestAnimationFrame(() => {
+			let t = e.target, n = {
+				startTop: t.scrollTop,
+				startLeft: t.scrollLeft,
+				endTop: t.scrollTop + t.clientHeight,
+				endLeft: t.scrollLeft + t.clientWidth
+			};
+			w(D.filter((e) => {
+				let t = e.endX >= n.startLeft && e.endY >= n.startTop, r = e.startX <= n.endLeft && e.startY <= n.endTop;
+				return t && r;
+			}).map((e) => {
+				let t = n.startLeft > e.startX ? n.startLeft : e.startX, r = n.startTop > e.startY ? n.startTop : e.startY, i = n.endLeft < e.endX ? n.endLeft : e.endX, a = n.endTop < e.endY ? n.endTop : e.endY, o = +((i - t) * (a - r) / (e.width * e.height) * 100).toFixed(2);
+				return {
+					pageNumber: e.pageNumber,
+					ratio: o
+				};
+			}).sort((e, t) => t.ratio - e.ratio));
+		});
+	}, [v, D]);
+	l(() => {
+		if (h) return h?.addEventListener("scroll", O), () => {
+			h?.removeEventListener("scroll", O);
+		};
+	}, [h, O]);
 };
+//#endregion
+export { p as usePresentPage };