@react-pdf-kit/viewer 2.8.0-beta.7 → 2.8.0-beta.9

package/dist/assets/style.js

@@ -1,2 +1,2 @@
-import { t as e } from "../style-CWQAmimK.js";
+import { t as e } from "../style-CJtyyrJx.js";
 export { e as combinedCSS };

package/dist/components/RPController.js

@@ -3,53 +3,53 @@ import { InitialStateProvider as r } from "../contexts/InitialStateContext.js";
 import { ScrollModeProvider as i } from "../contexts/ScrollModeContext.js";
 import { ViewModeProvider as a } from "../contexts/ViewModeContext.js";
 import { VirtualScrollProvider as ee } from "../contexts/VirtualScrollContext.js";
-import { VirtualGridProvider as o } from "../contexts/VirtualGridContext.js";
-import { LayoutContainerContext as s } from "../contexts/LayoutContainerContext.js";
-import { RotateProvider as c } from "../contexts/RotationContext.js";
-import { GlobalCurrentPageProvider as l } from "../contexts/GlobalCurrentPage.js";
-import { ZoomProvider as u } from "../contexts/ZoomContext.js";
-import { PagesRotateProvider as d } from "../contexts/PagesRotateContext.js";
-import { DimensionPagesProvider as f } from "../contexts/DimensionPagesContext.js";
-import { SmoothScrollProvider as p } from "../contexts/SmoothScrollContext.js";
-import { n as m } from "../PaginationContext-B3qzCYJu.js";
-import { DarkModeProvider as h } from "../contexts/DarkModeContext.js";
-import { LayerProvider as g } from "../contexts/LayerContext.js";
-import { SelectionModeProvider as _ } from "../contexts/SelectionModeContext.js";
-import { FullScreenProvider as v } from "../contexts/FullScreenContext.js";
-import { LocalizationProvider as y } from "../contexts/LocalizationContext.js";
-import { FileInputProvider as b } from "../contexts/FileInputContext.js";
-import { PrintProvider as x } from "../contexts/PrintContext.js";
-import { DropFileZoneProvider as S } from "../contexts/DropFileZoneContext.js";
-import { ThumbnailProvider as C } from "../contexts/ThumbnailsContext.js";
-import { SearchProvider as w } from "../contexts/SearchContext.js";
-import { HighlightProvider as T } from "../contexts/HighlightContext.js";
-import { t as E } from "../useWatermark-CvAAf66v.js";
-import { DownloadProvider as D } from "../contexts/DownloadContext.js";
-import { ElementPageProvider as O } from "../contexts/ElementPageContext.js";
-import { ElementThumbnailProvider as te } from "../contexts/ElementThumbnailContext.js";
-import { RenderQueueProvider as k } from "../contexts/RenderQueueProvider.js";
+import { LayoutContainerContext as o } from "../contexts/LayoutContainerContext.js";
+import { RotateProvider as s } from "../contexts/RotationContext.js";
+import { GlobalCurrentPageProvider as c } from "../contexts/GlobalCurrentPage.js";
+import { ZoomProvider as l } from "../contexts/ZoomContext.js";
+import { PagesRotateProvider as u } from "../contexts/PagesRotateContext.js";
+import { DimensionPagesProvider as d } from "../contexts/DimensionPagesContext.js";
+import { SmoothScrollProvider as f } from "../contexts/SmoothScrollContext.js";
+import { n as p } from "../PaginationContext-DIzsZhFd.js";
+import { DarkModeProvider as m } from "../contexts/DarkModeContext.js";
+import { LayerProvider as h } from "../contexts/LayerContext.js";
+import { SelectionModeProvider as g } from "../contexts/SelectionModeContext.js";
+import { FullScreenProvider as _ } from "../contexts/FullScreenContext.js";
+import { LocalizationProvider as v } from "../contexts/LocalizationContext.js";
+import { FileInputProvider as y } from "../contexts/FileInputContext.js";
+import { PrintProvider as b } from "../contexts/PrintContext.js";
+import { DropFileZoneProvider as x } from "../contexts/DropFileZoneContext.js";
+import { ThumbnailProvider as S } from "../contexts/ThumbnailsContext.js";
+import { SearchProvider as C } from "../contexts/SearchContext.js";
+import { HighlightProvider as w } from "../contexts/HighlightContext.js";
+import { t as T } from "../useWatermark-CvAAf66v.js";
+import { DownloadProvider as E } from "../contexts/DownloadContext.js";
+import { ElementPageProvider as D } from "../contexts/ElementPageContext.js";
+import { ElementThumbnailProvider as O } from "../contexts/ElementThumbnailContext.js";
+import { RenderQueueProvider as te } from "../contexts/RenderQueueProvider.js";
+import { RenderedPagesCacheProvider as k } from "../contexts/RenderedPagesCache.js";
 import { useState as A } from "react";
 import { jsx as j } from "react/jsx-runtime";
 //#region lib/components/RPController.tsx
 var M = (M) => {
 	let { children: N, darkMode: P = !1, onDarkModeChange: F, initialRotation: I = 0, textLayer: L = !0, initialPage: R = 1, initialViewMode: z = n.SINGLE_PAGE, initialThumbnailsVisible: B = !1, initialSearch: V, initialScale: H, initialScrollMode: U = e.VERTICAL_SCROLLING, locale: W = "en_US", localization: G, downloadFilename: K, initialSelectionMode: q = t.TEXT, interactiveForm: J = !0, scrollBehavior: Y = "smooth" } = M, [X, Z] = A(null), [Q, ne] = A(null), [$, re] = A(null);
-	return E($), /* @__PURE__ */ j(r, {
+	return T($), /* @__PURE__ */ j(r, {
 		initialScale: H,
 		initialPage: R,
 		initialScrollMode: U,
 		initialRotation: I,
 		initialViewMode: z,
 		interactiveForm: J,
-		children: /* @__PURE__ */ j(p, {
+		children: /* @__PURE__ */ j(f, {
 			scrollBehavior: Y,
-			children: /* @__PURE__ */ j(y, {
+			children: /* @__PURE__ */ j(v, {
 				locale: W,
 				localization: G,
-				children: /* @__PURE__ */ j(o, { children: /* @__PURE__ */ j(ee, { children: /* @__PURE__ */ j(a, { children: /* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(_, {
+				children: /* @__PURE__ */ j(ee, { children: /* @__PURE__ */ j(a, { children: /* @__PURE__ */ j(i, { children: /* @__PURE__ */ j(g, {
 					initialSelectionMode: q,
-					children: /* @__PURE__ */ j(c, { children: /* @__PURE__ */ j(d, { children: /* @__PURE__ */ j(g, {
+					children: /* @__PURE__ */ j(s, { children: /* @__PURE__ */ j(u, { children: /* @__PURE__ */ j(h, {
 						textLayer: L,
-						children: /* @__PURE__ */ j(s.Provider, {
+						children: /* @__PURE__ */ j(o.Provider, {
 							value: {
 								container: X,
 								contentRef: Q,
@@ -58,26 +58,26 @@ var M = (M) => {
 								setContentRef: ne,
 								setPagesRef: re
 							},
-							children: /* @__PURE__ */ j(l, { children: /* @__PURE__ */ j(u, { children: /* @__PURE__ */ j(f, { children: /* @__PURE__ */ j(m, { children: /* @__PURE__ */ j(h, {
+							children: /* @__PURE__ */ j(c, { children: /* @__PURE__ */ j(l, { children: /* @__PURE__ */ j(d, { children: /* @__PURE__ */ j(p, { children: /* @__PURE__ */ j(m, {
 								darkMode: P,
 								onDarkModeChange: F,
-								children: /* @__PURE__ */ j(w, {
+								children: /* @__PURE__ */ j(C, {
 									initialSearch: V,
-									children: /* @__PURE__ */ j(T, { children: /* @__PURE__ */ j(O, { children: /* @__PURE__ */ j(k, { children: /* @__PURE__ */ j(C, {
+									children: /* @__PURE__ */ j(w, { children: /* @__PURE__ */ j(D, { children: /* @__PURE__ */ j(k, { children: /* @__PURE__ */ j(te, { children: /* @__PURE__ */ j(S, {
 										initialThumbnailsVisible: B,
-										children: /* @__PURE__ */ j(te, { children: /* @__PURE__ */ j(S, { children: /* @__PURE__ */ j(v, {
+										children: /* @__PURE__ */ j(O, { children: /* @__PURE__ */ j(x, { children: /* @__PURE__ */ j(_, {
 											elementRef: Q,
-											children: /* @__PURE__ */ j(x, { children: /* @__PURE__ */ j(D, {
+											children: /* @__PURE__ */ j(b, { children: /* @__PURE__ */ j(E, {
 												downloadFilename: K,
-												children: /* @__PURE__ */ j(b, { children: N })
+												children: /* @__PURE__ */ j(y, { children: N })
 											}) })
 										}) }) })
-									}) }) }) })
+									}) }) }) }) })
 								})
 							}) }) }) }) })
 						})
 					}) }) })
-				}) }) }) }) })
+				}) }) }) })
 			})
 		})
 	});

package/dist/components/RPPages.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../RPPages-5yXo7yhq.js";
+import { t as e } from "../RPPages-BQw330_L.js";
 export { e as RPPages };

package/dist/components/RPProvider.js

@@ -8,7 +8,7 @@ import { LoaderProvider as a } from "../contexts/LoaderContext.js";
 import { IconToolProvider as o } from "../contexts/IconToolContext.js";
 import { OtherToolProvider as s } from "../contexts/OtherToolContext.js";
 import { useFlickerSelectText as c } from "../utils/hooks/useFlickerSelectText.js";
-import { t as l } from "../style-CWQAmimK.js";
+import { t as l } from "../style-CJtyyrJx.js";
 import { injectGlobalCSS as u } from "../libInjectCss.js";
 import { injectPrintCSS as d } from "../utils/injectPrintCSS.js";
 import { useEffect as f, useMemo as p, useRef as m } from "react";

package/dist/components/layout/LayoutContainer.js

@@ -1,16 +1,16 @@
 import { useDarkModeContext as e } from "../../contexts/DarkModeContext.js";
 import { t } from "../../clsx-B7LyVm5O.js";
-import { withRef as n } from "../../utils/withRef.js";
-import { t as r } from "../../RPLayout.module-DCbTHUuG.js";
-import { useThemeContext as i } from "../../contexts/ThemeContext.js";
+import { t as n } from "../../RPLayout.module-BH5r8dDc.js";
+import { useThemeContext as r } from "../../contexts/ThemeContext.js";
+import { withRef as i } from "../../utils/withRef.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/components/layout/LayoutContainer.tsx
-var o = n((n, o) => {
-	let { children: s, toolbarRef: c, style: l, className: u, ...d } = n, { customVariables: f, customDarkVariables: p } = i(), { darkMode: m } = e();
+var o = i((i, o) => {
+	let { children: s, toolbarRef: c, style: l, className: u, ...d } = i, { customVariables: f, customDarkVariables: p } = r(), { darkMode: m } = e();
 	return /* @__PURE__ */ a("div", {
 		ref: o,
 		...d,
-		className: t(r["rp-theme-variables"], r["rp-container"], m ? r["rp-dark-mode"] : "", u),
+		className: t(n["rp-theme-variables"], n["rp-container"], m ? n["rp-dark-mode"] : "", u),
 		style: {
 			"--rp-toolbar-height": `${c?.clientHeight || 48}px`,
 			...f,

package/dist/components/layout/LayoutWrapper.js

@@ -1,12 +1,12 @@
-import { withRef as e } from "../../utils/withRef.js";
-import { t } from "../../RPLayout.module-DCbTHUuG.js";
+import { t as e } from "../../RPLayout.module-BH5r8dDc.js";
+import { withRef as t } from "../../utils/withRef.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region lib/components/layout/LayoutWrapper.tsx
-var r = e((e, r) => {
-	let { children: i, ...a } = e;
+var r = t((t, r) => {
+	let { children: i, ...a } = t;
 	return /* @__PURE__ */ n("div", {
 		ref: r,
-		className: t["rp-layout-wrapper"],
+		className: e["rp-layout-wrapper"],
 		...a,
 		children: i
 	});

package/dist/components/layout/RPDefaultLayout.js

@@ -4,7 +4,7 @@ import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.j
 import { useLocalizationContext as n } from "../../contexts/LocalizationContext.js";
 import { ToolbarComponentProvider as r } from "../../contexts/ToolbarComponentContext.js";
 import { useLoaderContext as i } from "../../contexts/LoaderContext.js";
-import { t as a } from "../../RPLayout.module-DCbTHUuG.js";
+import { t as a } from "../../RPLayout.module-BH5r8dDc.js";
 import { LayoutContainer as o } from "./LayoutContainer.js";
 import { IconProvider as s } from "../../contexts/IconContext.js";
 import { ViewportProvider as c } from "../../contexts/ViewportContext.js";

package/dist/components/layout/RPLayout.js

@@ -3,7 +3,7 @@ import { useDocumentContext as e } from "../../contexts/RPDocumentContext.js";
 import { useLayoutContainer as t } from "../../contexts/LayoutContainerContext.js";
 import { useLocalizationContext as n } from "../../contexts/LocalizationContext.js";
 import { useLoaderContext as r } from "../../contexts/LoaderContext.js";
-import { t as i } from "../../RPLayout.module-DCbTHUuG.js";
+import { t as i } from "../../RPLayout.module-BH5r8dDc.js";
 import { LayoutContainer as a } from "./LayoutContainer.js";
 import { ViewportProvider as o } from "../../contexts/ViewportContext.js";
 import { t as s } from "../../Container-BxNZX82X.js";

package/dist/components/layout/sidebar/RPSidebar.js

@@ -9,7 +9,7 @@ import { useIconContext as a } from "../../../contexts/IconContext.js";
 import { t as o } from "../../../RPTooltip-COLVx-C_.js";
 import { ThumbnailIcon as s } from "../../icons/Thumbnail.js";
 import { n as c, t as l } from "../../../RPSplitter-C63X9M8w.js";
-import { t as u } from "../../../Thumbnails-CrKLESh3.js";
+import { t as u } from "../../../Thumbnails-DKG6I7pb.js";
 import { useCallback as d, useMemo as f, useRef as p, useState as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region lib/components/layout/sidebar/RPSidebar.tsx

package/dist/components/layout/sidebar/Thumbnail.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../../../Thumbnail-BVjnCNxv.js";
+import { t as e } from "../../../Thumbnail-C6zkvwcs.js";
 export { e as Thumbnail };

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../Thumbnails-CrKLESh3.js";
+import { t as e } from "../../../Thumbnails-DKG6I7pb.js";
 export { e as Thumbnails };

package/dist/components/layout/toolbar/MostPageTool.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../../PaginationContext-B3qzCYJu.js";
+import { r as e } from "../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as t } from "../../../contexts/LocalizationContext.js";
 import { useToolbarComponentContext as n } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as r } from "../../../contexts/ToolComponentContext.js";

package/dist/components/layout/toolbar/Paginate.js

@@ -1,7 +1,7 @@
 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 { r as i } from "../../../PaginationContext-B3qzCYJu.js";
+import { r as i } from "../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as a } from "../../../contexts/LocalizationContext.js";
 import { useToolbarComponentContext as o } from "../../../contexts/ToolbarComponentContext.js";
 import { useToolComponentContext as s } from "../../../contexts/ToolComponentContext.js";

package/dist/components/layout/toolbar/ScrollModeTool.js

@@ -26,7 +26,7 @@ var b = () => {
 	let { horizontalScrollIcon: e } = c(), { horizontalScrollIcon: t } = s();
 	return e || t || /* @__PURE__ */ v(h, {});
 }, C = () => {
-	let { scrollModeTool: s = !0 } = a(), { scrollModeTool: c = !0 } = o(), { viewMode: p } = r(), { scrollMode: m, setScrollMode: h } = n(), { localeMessages: C } = i(), w = g(() => p === t.DUAL_PAGE || p === t.DUAL_PAGE_WITH_COVER, [p]);
+	let { scrollModeTool: s = !0 } = a(), { scrollModeTool: c = !0 } = o(), { viewMode: p } = r(), { scrollMode: m, setScrollMode: h } = n(), { localeMessages: C } = i(), w = C?.horizontalScrollingLabel || C?.horizontalLabel, T = C?.horizontalScrollingTooltip || C?.horizontalTooltip, E = g(() => p === t.DUAL_PAGE || p === t.DUAL_PAGE_WITH_COVER, [p]);
 	return !s || !c ? null : /* @__PURE__ */ v(_, { children: /* @__PURE__ */ y(u, { children: [
 		/* @__PURE__ */ v(l, {
 			content: C?.pageScrollingTooltip,
@@ -59,9 +59,9 @@ var b = () => {
 			})
 		}),
 		/* @__PURE__ */ v(l, {
-			content: C?.horizontalTooltip,
+			content: T,
 			children: /* @__PURE__ */ y(d, {
-				disabled: w,
+				disabled: E,
 				onClick: () => h(e.HORIZONTAL_SCROLLING),
 				className: "rp-menu-item",
 				children: [
@@ -69,7 +69,7 @@ var b = () => {
 						className: "rp-menu-item-left",
 						children: /* @__PURE__ */ v(S, {})
 					}),
-					C?.horizontalLabel,
+					w,
 					m === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ v(f, { className: "rp-menu-item-right" }) : null
 				]
 			})

package/dist/components/layout/toolbar/ToolbarCustom.js

@@ -4,7 +4,7 @@ import { useToolbarComponentContext as t } from "../../../contexts/ToolbarCompon
 import { useThumbnailContext as n } from "../../../contexts/ThumbnailsContext.js";
 import { t as r } from "../../../LoadingIndicator-B_Jsf8No.js";
 import { t as i } from "../../../RPSplitter-C63X9M8w.js";
-import { t as a } from "../../../Thumbnails-CrKLESh3.js";
+import { t as a } from "../../../Thumbnails-DKG6I7pb.js";
 import { t as o } from "../../../ToolbarLayout.module-Zo715dbb.js";
 import { useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";

package/dist/components/layout/toolbar/ToolbarDefault.js

@@ -4,7 +4,7 @@ import { useToolbarComponentContext as t } from "../../../contexts/ToolbarCompon
 import { useThumbnailContext as n } from "../../../contexts/ThumbnailsContext.js";
 import { t as r } from "../../../LoadingIndicator-B_Jsf8No.js";
 import { t as i } from "../../../RPSplitter-C63X9M8w.js";
-import { t as a } from "../../../Thumbnails-CrKLESh3.js";
+import { t as a } from "../../../Thumbnails-DKG6I7pb.js";
 import { t as o } from "../../../ToolbarLayout.module-Zo715dbb.js";
 import { RPVerticalBar as s } from "./tools/defaults/RPVerticalBar.js";
 import { RPHorizontalBar as c } from "./tools/defaults/RPHorizontalBar.js";

package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js

@@ -1,2 +1,2 @@
-import { r as e } from "../../../../main-CdlJS0xf.js";
+import { r as e } from "../../../../main-7sMXtgRg.js";
 export { e as DualPageWithCoverTool };

package/dist/components/layout/toolbar/tools/FirstPageTool.js

@@ -1,2 +1,2 @@
-import { n as e } from "../../../../main-CdlJS0xf.js";
+import { n as e } from "../../../../main-7sMXtgRg.js";
 export { e as FirstPageTool };

package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js

@@ -8,7 +8,7 @@ import { jsx as o } from "react/jsx-runtime";
 //#region lib/components/layout/toolbar/tools/HorizontalScrollingTool.tsx
 var s = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ o(i, {
 	className: t,
-	content: n?.horizontalTooltip,
+	content: n?.horizontalScrollingTooltip || n?.horizontalTooltip,
 	children: e
 }), c = ({ icon: i }) => {
 	let { setScrollMode: c } = t(), { localeMessages: l } = n();
@@ -16,7 +16,7 @@ var s = ({ children: e, className: t, localeMessages: n }) => /* @__PURE__ */ o(
 		localeMessages: l,
 		children: /* @__PURE__ */ o(r, {
 			onClick: () => c(e.HORIZONTAL_SCROLLING),
-			"aria-label": l?.horizontalTooltip,
+			"aria-label": l?.horizontalScrollingTooltip || l?.horizontalTooltip,
 			children: i || /* @__PURE__ */ o(a, {})
 		})
 	});

package/dist/components/layout/toolbar/tools/InputPageTool.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../../../PaginationContext-B3qzCYJu.js";
+import { r as e } from "../../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
 import { t as n } from "../../../../Input-DjSWOjCI.js";
 import { t as r } from "../../../../Paginate.module-DhE7N8AA.js";

package/dist/components/layout/toolbar/tools/LastPageTool.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../main-CdlJS0xf.js";
+import { t as e } from "../../../../main-7sMXtgRg.js";
 export { e as LastPageTool };

package/dist/components/layout/toolbar/tools/NextPageTool.js

@@ -1,7 +1,7 @@
 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 { r as i } from "../../../../PaginationContext-B3qzCYJu.js";
+import { r as i } from "../../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
 import { ChevronUpIcon as o } from "../../../icons/ChevronUpIcon.js";
 import { t as s } from "../../../../Button-BNlmxWrV.js";

package/dist/components/layout/toolbar/tools/PreviousPageTool.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../../../PaginationContext-B3qzCYJu.js";
+import { r as e } from "../../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as t } from "../../../../contexts/LocalizationContext.js";
 import { ChevronUpIcon as n } from "../../../icons/ChevronUpIcon.js";
 import { t as r } from "../../../../Button-BNlmxWrV.js";

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

@@ -1,4 +1,4 @@
-import { r as e } from "../../../../../PaginationContext-B3qzCYJu.js";
+import { r as e } from "../../../../../PaginationContext-DIzsZhFd.js";
 import { useLocalizationContext as t } from "../../../../../contexts/LocalizationContext.js";
 import { t as n } from "../../../../../RPTooltip-COLVx-C_.js";
 import { n as r } from "../../../../../dist-CKteKPPA.js";

package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.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/page/AnnotationLayer.js

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

package/dist/components/page/CanvasLayer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../CanvasLayer-cRwL_IIT.js";
+import { t as e } from "../../CanvasLayer-CJqCJ30J.js";
 export { e as CanvasLayer };

package/dist/components/page/DualPage.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../PaginationContext-B3qzCYJu.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";

package/dist/components/page/DualPageWithCover.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../PaginationContext-B3qzCYJu.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";

package/dist/components/page/RPPage.js

@@ -3,17 +3,17 @@ 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 { n as a, t as o } from "../../CanvasLayer-cRwL_IIT.js";
-import { t as s } from "../../TextLayer-BdoXGj0Z.js";
-import { t as c } from "../../AnnotationLayer-Dl6VxRzL.js";
-import { t as l } from "../../TextHighlightLayer-BSVgBxR3.js";
-import { CustomElement as u } from "./CustomElement.js";
-import { withRef as d } from "../../utils/withRef.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 = d((d, b) => {
-	let { pageNumber: x, style: S, ...C } = d, { 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] = _({
+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
 	});
@@ -43,8 +43,8 @@ var b = d((d, b) => {
 			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(() => {
-		M(!0);
+	}, [I, L]), z = h(() => !D || !O ? 1 : O / D, [D, O]), B = f((e) => {
+		M(!e.hasRenderedBefore);
 	}, []), V = f(() => {
 		M(!1);
 	}, []);
@@ -62,30 +62,30 @@ var b = d((d, b) => {
 			"--rp-canvas-scale-ratio": z,
 			"--total-scale-factor": "calc(var(--scale-factor) * var(--user-unit))"
 		},
-		className: a["rp-page-wrapper"],
+		className: o["rp-page-wrapper"],
 		children: /* @__PURE__ */ y("div", {
 			style: {
 				width: `${L.width}px`,
 				height: `${L.height}px`
 			},
-			className: a["rp-page"],
+			className: o["rp-page"],
 			children: [
-				/* @__PURE__ */ v(o, {
+				/* @__PURE__ */ v(s, {
 					onLoading: B,
 					onLoaded: V,
 					pageNumber: x
 				}),
 				j && k && /* @__PURE__ */ v("div", {
-					className: a["rp-loader-wrapper"],
+					className: o["rp-loader-wrapper"],
 					children: /* @__PURE__ */ v(k, {})
 				}),
-				/* @__PURE__ */ v(u, { pageNumber: x }),
-				E && /* @__PURE__ */ v(s, { pageNumber: x }),
-				/* @__PURE__ */ v(l, {
+				/* @__PURE__ */ v(d, { pageNumber: x }),
+				E && /* @__PURE__ */ v(c, { pageNumber: x }),
+				/* @__PURE__ */ v(u, {
 					pageNumber: x,
 					viewport: P
 				}),
-				/* @__PURE__ */ v(c, { pageNumber: x })
+				/* @__PURE__ */ v(l, { pageNumber: x })
 			]
 		})
 	});

package/dist/components/page/SinglePage.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../PaginationContext-B3qzCYJu.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";

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-BdoXGj0Z.js";
+import { t as e } from "../../TextLayer-D-V9kogG.js";
 export { e as TextLayer };

package/dist/components/ui/PasswordModal.js

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