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

package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js

@@ -1,8 +1,8 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { useFileDownload as t } from "../../../../../utils/hooks/useFileDownload.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
-import { t as i } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
+import { t as i } from "../../../../../MenuItem-D-GflAAo.js";
 import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/FileDownloadTool.tsx

package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js

@@ -1,9 +1,9 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { useOpenFileContext as t } from "../../../../../contexts/FileInputContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
 import { FileUploadDefaultIcon as i } from "../../../../icons/FileUploadDefaultIcon.js";
-import { t as a } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as a } from "../../../../../MenuItem-D-GflAAo.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/FileUploadTool.tsx
 var c = (c) => {

package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js

@@ -1,8 +1,8 @@
 import { useFullScreenContext as e } from "../../../../../contexts/FullScreenContext.js";
 import { useLocalizationContext as t } from "../../../../../contexts/LocalizationContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
-import { t as i } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
+import { t as i } from "../../../../../MenuItem-D-GflAAo.js";
 import { FullScreenIcon as a } from "../../../../icons/FullScreenIcon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/FullScreenTool.tsx

package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js

@@ -1,8 +1,8 @@
-import { r as e } from "../../../../../PaginationContext-Cwf8sCpK.js";
+import { r as e } from "../../../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as t } from "../../../../../contexts/LocalizationContext.js";
-import { t as n } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as n } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as r } from "../../../../../dist-CKteKPPA.js";
-import { t as i } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as i } from "../../../../../MenuItem-D-GflAAo.js";
 import { t as a } from "../../../../../MenuSeparator-D1H5l8Ej.js";
 import { GoToDownIcon as o } from "../../../../icons/GoToDownIcon.js";
 import { t as s } from "../../../../../MostPageTool.module-BRVv-sGz.js";

package/dist/components/layout/toolbar/tools/more-options/PrintTool.js

@@ -1,8 +1,8 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
 import { usePrintContext as t } from "../../../../../contexts/PrintContext.js";
 import { useViewportContext as n } from "../../../../../contexts/ViewportContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
-import { t as i } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
+import { t as i } from "../../../../../MenuItem-D-GflAAo.js";
 import { PrintDefaultTool as a } from "../../../../icons/PrintDefaultIcon.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/PrintTool.tsx

package/dist/components/layout/toolbar/tools/more-options/RotateTool.js

@@ -1,7 +1,7 @@
 import { useLocalizationContext as e } from "../../../../../contexts/LocalizationContext.js";
-import { t } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n } from "../../../../../dist-CKteKPPA.js";
-import { t as r } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as r } from "../../../../../MenuItem-D-GflAAo.js";
 import { t as i } from "../../../../../MenuSeparator-D1H5l8Ej.js";
 import { ClockwiseIcon as a } from "../../../../icons/ClockwiseIcon.js";
 import { t as o } from "../../../../../RotateTool.module-DH5yWbvM.js";

package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js

@@ -2,9 +2,9 @@ import { ScrollMode as e, ViewMode as t } from "../../../../../utils/types.js";
 import { useScrollModeContext as n } from "../../../../../contexts/ScrollModeContext.js";
 import { useViewModeContext as r } from "../../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as i } from "../../../../../contexts/LocalizationContext.js";
-import { t as a } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as a } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as o } from "../../../../../dist-CKteKPPA.js";
-import { t as s } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as s } from "../../../../../MenuItem-D-GflAAo.js";
 import { CheckIcon as c } from "../../../../icons/CheckIcon.js";
 import { PageScrollingIcon as l } from "../../../../icons/PageScrollingIcon.js";
 import { VerticalScrollingIcon as u } from "../../../../icons/VerticalScrollingIcon.js";
@@ -13,7 +13,7 @@ import { useMemo as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/more-options/ScrollModeTool.tsx
 var g = (g) => {
-	let { icons: _, isToolVisible: v = !0 } = g, { pageScrollIcon: y, verticalScrollIcon: b, horizontalScrollIcon: x } = _ ?? {}, { viewMode: S } = r(), { scrollMode: C, setScrollMode: w } = n(), { localeMessages: T } = i(), E = f(() => S === t.DUAL_PAGE || S === t.DUAL_PAGE_WITH_COVER, [S]);
+	let { icons: _, isToolVisible: v = !0 } = g, { pageScrollIcon: y, verticalScrollIcon: b, horizontalScrollIcon: x } = _ ?? {}, { viewMode: S } = r(), { scrollMode: C, setScrollMode: w } = n(), { localeMessages: T } = i(), E = T?.horizontalScrollingLabel || T?.horizontalLabel, D = T?.horizontalScrollingTooltip || T?.horizontalTooltip, O = f(() => S === t.DUAL_PAGE || S === t.DUAL_PAGE_WITH_COVER, [S]);
 	return v ? /* @__PURE__ */ m(p, { children: /* @__PURE__ */ h(o, { children: [
 		/* @__PURE__ */ m(s, {
 			onClick: () => w(e.PAGE_SCROLLING),
@@ -56,19 +56,19 @@ var g = (g) => {
 			})
 		}),
 		/* @__PURE__ */ m(s, {
-			disabled: E,
+			disabled: O,
 			onClick: () => w(e.HORIZONTAL_SCROLLING),
-			"aria-label": T?.horizontalTooltip,
+			"aria-label": D,
 			"aria-checked": C === e.HORIZONTAL_SCROLLING,
 			children: /* @__PURE__ */ h(a, {
 				className: "rp-menu-item",
-				content: T?.horizontalTooltip,
+				content: D,
 				children: [
 					/* @__PURE__ */ m("div", {
 						className: "rp-menu-item-left",
 						children: x || /* @__PURE__ */ m(d, { "aria-hidden": "true" })
 					}),
-					T?.horizontalLabel,
+					E,
 					C === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ m(c, {
 						className: "rp-menu-item-right",
 						"aria-hidden": "true"

package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js

@@ -1,9 +1,9 @@
 import { SelectionMode as e } from "../../../../../utils/types.js";
 import { useSelectionModeContext as t } from "../../../../../contexts/SelectionModeContext.js";
 import { useLocalizationContext as n } from "../../../../../contexts/LocalizationContext.js";
-import { t as r } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as r } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as i } from "../../../../../dist-CKteKPPA.js";
-import { t as a } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as a } from "../../../../../MenuItem-D-GflAAo.js";
 import { t as o } from "../../../../../MenuSeparator-D1H5l8Ej.js";
 import { CheckIcon as s } from "../../../../icons/CheckIcon.js";
 import { TextSelectionDefaultIcon as c } from "../../../../icons/TextSelectionDefaultIcon.js";

package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js

@@ -2,9 +2,9 @@ import { ScrollMode as e, ViewMode as t } from "../../../../../utils/types.js";
 import { useScrollModeContext as n } from "../../../../../contexts/ScrollModeContext.js";
 import { useViewModeContext as r } from "../../../../../contexts/ViewModeContext.js";
 import { useLocalizationContext as i } from "../../../../../contexts/LocalizationContext.js";
-import { t as a } from "../../../../../RPTooltip-ZZoFqP7C.js";
+import { t as a } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as o } from "../../../../../dist-CKteKPPA.js";
-import { t as s } from "../../../../../MenuItem-BJDWfzAw.js";
+import { t as s } from "../../../../../MenuItem-D-GflAAo.js";
 import { t as c } from "../../../../../MenuSeparator-D1H5l8Ej.js";
 import { DualPageIcon as l } from "../../../../icons/DualPageIcon.js";
 import { DualPageWithCoverIcon as u } from "../../../../icons/DualPageWithCoverIcon.js";

package/dist/components/page/AnnotationLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../AnnotationLayer-CAIvKf_O.js";
+import { t as e } from "../../AnnotationLayer-CyOYh0Tw.js";
 export { e as AnnotationLayer };

package/dist/components/page/CanvasLayer.js

@@ -1,48 +1,2 @@
-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 { useEffect as a, useRef as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region lib/components/page/CanvasLayer.tsx
-var c = (c) => {
-	let { pageNumber: l, onLoaded: u, onLoading: d } = c, f = o(null), { pages: p } = e(), { pageRotate: m } = r(), h = o(), { currentZoom: g } = n(), { interactiveForm: _ } = t(), v = i(), y = o(`page-${l}`);
-	return a(() => {
-		if (!p || g === 0) return;
-		let e = p.get(l);
-		if (f.current && e) {
-			let t = f.current;
-			t.hidden = !0;
-			let n = h.current;
-			n && n.cancel(), d && d(), v.enqueue(y.current, {
-				page: e.page,
-				canvasElem: t,
-				options: {
-					scale: g,
-					rotate: m[l],
-					renderForms: !0,
-					interactiveForm: _
-				},
-				onLoaded: u
-			}, 3);
-		}
-		return () => {
-			v.removeQueue(y.current);
-		};
-	}, [
-		p,
-		l,
-		m,
-		g,
-		d,
-		u,
-		v,
-		_
-	]), /* @__PURE__ */ s("canvas", {
-		"data-rp": `page-${l}-canvas`,
-		ref: f
-	});
-};
-//#endregion
-export { c as CanvasLayer };
+import { t as e } from "../../CanvasLayer-CJqCJ30J.js";
+export { e as CanvasLayer };

package/dist/components/page/DualPage.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-Cwf8sCpK.js";
-import { t } from "../../RPPage-C_r8aeTc.js";
+import { r as e } from "../../PaginationContext-DIzsZhFd.js";
+import { RPPage as t } from "./RPPage.js";
 import { memo as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/page/DualPage.tsx

package/dist/components/page/DualPageWithCover.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-Cwf8sCpK.js";
-import { t } from "../../RPPage-C_r8aeTc.js";
+import { r as e } from "../../PaginationContext-DIzsZhFd.js";
+import { RPPage as t } from "./RPPage.js";
 import { memo as n, useMemo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region lib/components/page/DualPageWithCover.tsx

package/dist/components/page/RPPage.js

@@ -1,2 +1,94 @@
-import { t as e } from "../../RPPage-C_r8aeTc.js";
-export { e as RPPage };
+import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
+import { useZoomContext as t } from "../../contexts/ZoomContext.js";
+import { usePagesRotateContext as n } from "../../contexts/PagesRotateContext.js";
+import { useLayerContext as r } from "../../contexts/LayerContext.js";
+import { useLoaderContext as i } from "../../contexts/LoaderContext.js";
+import { withRef as a } from "../../utils/withRef.js";
+import { n as o, t as s } from "../../CanvasLayer-CJqCJ30J.js";
+import { t as c } from "../../TextLayer-D-V9kogG.js";
+import { t as l } from "../../AnnotationLayer-CyOYh0Tw.js";
+import { t as u } from "../../TextHighlightLayer-3vIZbRyL.js";
+import { CustomElement as d } from "./CustomElement.js";
+import { useCallback as f, useEffect as p, useImperativeHandle as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region lib/components/page/RPPage.tsx
+var b = a((a, b) => {
+	let { pageNumber: x, style: S, ...C } = a, { pages: w } = e(), { pageRotate: T } = n(), { textLayer: E } = r(), { currentZoom: D, targetZoom: O } = t(), { LoaderImageComponent: k } = i(), A = g(w.get(x)), [j, M] = _(!1), N = g(null), [P, F] = _({
+		width: 0,
+		height: 0
+	});
+	m(b, () => N.current);
+	let I = h(() => A.current ? T[x] ?? A.current.defaultRotation ?? 0 : 0, [x, T]);
+	p(() => {
+		w && (A.current = w.get(x), A.current && F(A.current.page.getViewport({
+			scale: 1,
+			rotation: I
+		})));
+	}, [
+		w,
+		x,
+		I
+	]);
+	let L = h(() => ({
+		width: P.width * (O || D || 1),
+		height: P.height * (O || D || 1)
+	}), [
+		P,
+		O,
+		D
+	]), R = h(() => {
+		switch (I) {
+			case 90: return `${L.width / 2}px ${L.width / 2}px`;
+			case -90:
+			case 270: return `${L.height / 2}px ${L.height / 2}px`;
+			default: return "center";
+		}
+	}, [I, L]), z = h(() => !D || !O ? 1 : O / D, [D, O]), B = f((e) => {
+		M(!e.hasRenderedBefore);
+	}, []), V = f(() => {
+		M(!1);
+	}, []);
+	return /* @__PURE__ */ v("div", {
+		ref: N,
+		id: `page-${x}`,
+		"data-rp": `page-${x}`,
+		...C,
+		style: {
+			...S,
+			"--rp-rotate": `${I}deg`,
+			"--rp-page-rotate-translate": `${R}`,
+			"--user-unit": P.userUnit || 1,
+			"--scale-factor": O || D,
+			"--rp-canvas-scale-ratio": z,
+			"--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
+		},
+		className: o["rp-page-wrapper"],
+		children: /* @__PURE__ */ y("div", {
+			style: {
+				width: `${L.width}px`,
+				height: `${L.height}px`
+			},
+			className: o["rp-page"],
+			children: [
+				/* @__PURE__ */ v(s, {
+					onLoading: B,
+					onLoaded: V,
+					pageNumber: x
+				}),
+				j && k && /* @__PURE__ */ v("div", {
+					className: o["rp-loader-wrapper"],
+					children: /* @__PURE__ */ v(k, {})
+				}),
+				/* @__PURE__ */ v(d, { pageNumber: x }),
+				E && /* @__PURE__ */ v(c, { pageNumber: x }),
+				/* @__PURE__ */ v(u, {
+					pageNumber: x,
+					viewport: P
+				}),
+				/* @__PURE__ */ v(l, { pageNumber: x })
+			]
+		})
+	});
+});
+//#endregion
+export { b as RPPage };

package/dist/components/page/SinglePage.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../PaginationContext-Cwf8sCpK.js";
-import { t } from "../../RPPage-C_r8aeTc.js";
+import { r as e } from "../../PaginationContext-DIzsZhFd.js";
+import { RPPage as t } from "./RPPage.js";
 import { useMemo as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/components/page/SinglePage.tsx

package/dist/components/page/TextHighlightLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextHighlightLayer-BSVgBxR3.js";
+import { t as e } from "../../TextHighlightLayer-3vIZbRyL.js";
 export { e as TextHighlightLayer };

package/dist/components/page/TextLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextLayer-DWGFN9SF.js";
+import { t as e } from "../../TextLayer-D-V9kogG.js";
 export { e as TextLayer };

package/dist/components/ui/LoadingIndicator.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../LoadingIndicator-DiWoWs4Y.js";
+import { t as e } from "../../LoadingIndicator-B_Jsf8No.js";
 export { e as default };

package/dist/components/ui/PasswordModal.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../PasswordModal-CB9Rd2zJ.js";
+import { t as e } from "../../PasswordModal-S0leMhEd.js";
 export { e as default };

package/dist/components/ui/RPTooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../RPTooltip-ZZoFqP7C.js";
+import { t as e } from "../../RPTooltip-COLVx-C_.js";
 export { e as default };

package/dist/contexts/DimensionPagesContext.js

@@ -3,48 +3,64 @@ import { useDocumentContext as t } from "./RPDocumentContext.js";
 import "../utils/constants.js";
 import { useZoomContext as n } from "./ZoomContext.js";
 import { usePagesRotateContext as r } from "./PagesRotateContext.js";
-import { createContext as i, useContext as a, useEffect as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { createContext as i, useCallback as a, useContext as o, useMemo as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region lib/contexts/DimensionPagesContext.tsx
-var l = i({
+var u = i({
 	widths: [],
 	heights: [],
 	setWidths: () => {},
 	setHeights: () => {}
-}), u = () => {
-	let t = a(l), { widths: n, heights: r } = t;
+}), d = () => {
+	let t = o(u), { widths: n, heights: r } = t;
 	if (n && r) {
 		let t = n.every((e) => typeof e == "number"), i = r.every((e) => typeof e == "number");
 		(!t || !i) && e.warn("Please use this hooks inside children component of RPProvider");
 	}
 	return t;
-}, d = ({ children: e }) => {
-	let [i, a] = s([]), [u, d] = s([]), { pages: f } = t(), { currentZoom: p } = n(), { pageRotate: m } = r();
-	return o(() => {
-		if (!f) return;
+}, f = ({ children: e }) => {
+	let [i, o] = c(null), [d, f] = c(null), { pages: p } = t(), { targetZoom: m } = n(), { pageRotate: h } = r(), g = s(() => {
+		if (!p || !m) return {
+			widths: [],
+			heights: []
+		};
 		let e = [], t = [];
-		for (let n of Array.from(f.values())) {
-			let r = m[n.page.pageNumber], i = n.page.getViewport({
-				scale: p,
+		for (let n of Array.from(p.values())) {
+			let r = h[n.page.pageNumber] ?? n.defaultRotation ?? 0, i = n.page.getViewport({
+				scale: 1,
 				rotation: r,
 				dontFlip: !0
 			});
-			e.push(i.width + 4), t.push(i.height + 4);
+			e.push(i.width * m + 4), t.push(i.height * m + 4);
 		}
-		a((t) => [...e]), d((e) => [...t]);
+		return {
+			widths: e,
+			heights: t
+		};
 	}, [
-		p,
 		m,
-		f
-	]), /* @__PURE__ */ c(l.Provider, {
+		h,
+		p
+	]), _ = i ?? g.widths, v = d ?? g.heights, y = a((e) => {
+		o((t) => {
+			let n = t ?? g.widths;
+			return typeof e == "function" ? e(n) : e;
+		});
+	}, [g.widths]), b = a((e) => {
+		f((t) => {
+			let n = t ?? g.heights;
+			return typeof e == "function" ? e(n) : e;
+		});
+	}, [g.heights]);
+	return /* @__PURE__ */ l(u.Provider, {
 		value: {
-			widths: i,
-			heights: u,
-			setWidths: a,
-			setHeights: d
+			widths: _,
+			heights: v,
+			setWidths: y,
+			setHeights: b
 		},
 		children: e
 	});
 };
 //#endregion
-export { d as DimensionPagesProvider, u as useDimensionPagesContext };
+export { f as DimensionPagesProvider, d as useDimensionPagesContext };

package/dist/contexts/ElementPageContext.js

@@ -1,51 +1,58 @@
-import { LicenseType as e, ScrollMode as t } from "../utils/types.js";
-import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as n } from "../utils/const.js";
-import { useScrollModeContext as r } from "./ScrollModeContext.js";
-import { useViewModeContext as i } from "./ViewModeContext.js";
-import { useVirtualScrollContext as a } from "./VirtualScrollContext.js";
-import { useLayoutContainer as o } from "./LayoutContainerContext.js";
-import { useZoomContext as s } from "./ZoomContext.js";
-import { usePagesRotateContext as c } from "./PagesRotateContext.js";
-import { useDimensionPagesContext as l } from "./DimensionPagesContext.js";
-import { useSmoothScrollContext as u } from "./SmoothScrollContext.js";
-import { getScrollDistance as d } from "../utils/getScrollDistance.js";
+import { LicenseType as e } from "../utils/types.js";
+import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as t } from "../utils/const.js";
+import { useScrollModeContext as n } from "./ScrollModeContext.js";
+import { useViewModeContext as r } from "./ViewModeContext.js";
+import { useVirtualScrollContext as i } from "./VirtualScrollContext.js";
+import { useLayoutContainer as a } from "./LayoutContainerContext.js";
+import { useZoomContext as o } from "./ZoomContext.js";
+import { usePagesRotateContext as s } from "./PagesRotateContext.js";
+import { useDimensionPagesContext as c } from "./DimensionPagesContext.js";
+import { useSmoothScrollContext as l } from "./SmoothScrollContext.js";
+import { buildDocumentLayout as u, getPagePlacement as d } from "../utils/documentLayout.js";
 import { useLicenseContext as f } from "./LicenseContext.js";
 import { getElementPagePosition as p } from "../utils/getElementPositionInPage.js";
 import { createContext as m, useCallback as h, useContext as g, useMemo as _, useRef as v, useState as y } from "react";
 import { jsx as b } from "react/jsx-runtime";
 //#region lib/contexts/ElementPageContext.tsx
 var x = m(void 0), S = ({ children: e }) => {
-	let [n, f] = y({}), { widths: m, heights: g } = l(), { pagesRef: _ } = o(), { scrollMode: v } = r(), { pageRotate: S } = c(), { currentZoom: C } = s(), { columnCount: w } = i(), { pageScrollElementRef: T, virtualScrollableElementRef: E } = a(), { scrollBehavior: D } = u(), O = h((e, r, i) => {
-		let a = i ?? { behavior: D }, o = E || T;
-		if (!_ || !o) return;
-		let s = n[e]?.[r];
-		if (!s) return;
-		let c = 0, l = 0;
-		if (v === t.VERTICAL_SCROLLING) {
-			let t = e - 1, n = w, r = t % n;
-			c = d(g, Math.floor(t / n)), l = d(m, r);
-		}
-		v === t.HORIZONTAL_SCROLLING && (l = m.slice(0, e - 1).reduce((e, t) => e + t, 0));
-		let u = {
+	let [t, f] = y({}), { widths: m, heights: g } = c(), { pagesRef: _ } = a(), { scrollMode: v } = n(), { pageRotate: S } = s(), { currentZoom: C } = o(), { viewMode: w } = r(), { pageScrollElementRef: T, virtualScrollableElementRef: E } = i(), { scrollBehavior: D } = l(), O = h((e, n, r) => {
+		let i = r ?? { behavior: D }, a = E || T;
+		if (!_ || !a) return;
+		let o = t[e]?.[n];
+		if (!o) return;
+		let s = u({
+			pageDimensions: {
+				widths: m,
+				heights: g
+			},
+			viewportWidth: a.clientWidth,
+			viewportHeight: a.clientHeight,
+			scrollMode: v,
+			viewMode: w,
+			focusedPage: e
+		}), c = d(s, e);
+		if (!c) return;
+		let l = {
 			height: g[e - 1],
 			width: m[e - 1]
-		}, f = S[e], { left: h, top: y } = p(u, _, s, f, C), b = l + h, x = c + y, O = {
+		}, f = S[e], { left: h, top: y } = p(l, _, o, f, C), b = s.offsetLeft + c.left + h, x = s.offsetTop + c.top + y, O = {
 			left: Math.max(b, 0),
 			top: Math.max(x, 0)
 		};
-		o.scrollTo({
+		a.scrollTo({
 			...O,
-			behavior: a.behavior
+			behavior: i.behavior
 		});
 	}, [
-		n,
+		C,
+		t,
 		g,
-		m,
-		_,
 		S,
-		C,
+		_,
+		D,
 		v,
-		D
+		w,
+		m
 	]), k = h((e, t) => {
 		f((n) => {
 			let r = {
@@ -78,13 +85,13 @@ var x = m(void 0), S = ({ children: e }) => {
 			updateElement: k,
 			clearElements: A,
 			removeElement: j,
-			elementList: n,
+			elementList: t,
 			scrollToElement: O
 		},
 		children: e
 	});
 }, C = () => {}, w = () => {
-	let t = g(x), { type: r, validating: i } = f(), a = v(0), o = _(() => {
+	let n = g(x), { type: r, validating: i } = f(), a = v(0), o = _(() => {
 		if (i !== !1) return {
 			updateElement: C,
 			clearElements: C,
@@ -94,22 +101,22 @@ var x = m(void 0), S = ({ children: e }) => {
 		};
 		if (r === e.Developer) return {
 			updateElement: () => {
-				a.current === 0 && (console.error(n), a.current++);
+				a.current === 0 && (console.error(t), a.current++);
 			},
 			clearElements: () => {
-				a.current === 0 && (console.error(n), a.current++);
+				a.current === 0 && (console.error(t), a.current++);
 			},
 			removeElement: () => {
-				a.current === 0 && (console.error(n), a.current++);
+				a.current === 0 && (console.error(t), a.current++);
 			},
 			elementList: {},
 			scrollToElement: () => {
-				a.current === 0 && (console.error(n), a.current++);
+				a.current === 0 && (console.error(t), a.current++);
 			}
 		};
 	}, [r, i]);
-	if (!t) throw Error("useElementPageContext must be used within a ElementPageProvider");
-	return o || t;
+	if (!n) throw Error("useElementPageContext must be used within a ElementPageProvider");
+	return o || n;
 };
 //#endregion
 export { x as ElementPageContext, S as ElementPageProvider, w as useElementPageContext };

package/dist/contexts/ElementThumbnailContext.js

@@ -2,7 +2,7 @@ import { LicenseType as e } from "../utils/types.js";
 import { ORGANIZATION_ALLOWED_FEATURES_MESSAGE as t } from "../utils/const.js";
 import { usePagesRotateContext as n } from "./PagesRotateContext.js";
 import { useSmoothScrollContext as r } from "./SmoothScrollContext.js";
-import { r as i } from "../PaginationContext-Cwf8sCpK.js";
+import { r as i } from "../PaginationContext-DIzsZhFd.js";
 import { useThumbnailContext as a } from "./ThumbnailsContext.js";
 import { useLicenseContext as o } from "./LicenseContext.js";
 import { createContext as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";

package/dist/contexts/PaginationContext.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../PaginationContext-Cwf8sCpK.js";
+import { n as e, r as t, t as n } from "../PaginationContext-DIzsZhFd.js";
 export { n as PaginationContext, e as PaginationProvider, t as usePaginationContext };