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

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

@@ -1,152 +1,46 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { c as r } from "../../../RPToolbar.module-27d7fe77.js";
-import { Paginate as c } from "./Paginate.js";
-import { RPToolbarEnd as h } from "./RPToolbarEnd.js";
-import { ZoomTool as P } from "./ZoomTool.js";
-import { SearchTool as f } from "./SearchTool.js";
-import g from "../../ui/LoadingIndicator.js";
-import { usePrintContext as u } from "../../../contexts/PrintContext.js";
-import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
-import { useViewportContext as C } from "../../../contexts/ViewportContext.js";
-import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
-import { withRef as v } from "../../../utils/withRef.js";
-import "react";
-import "../../icons/ChevronUpIcon.js";
-import "../../ui/Button.js";
-import "../../../clsx-0c6e471a.js";
-import "../../ui/Input.js";
-import "../../../Paginate.module-4eef00aa.js";
-import "../../../PaginationContext-87f832f2.js";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/constants.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../utils/hooks/useLocalization.js";
-import "../../../contexts/IconToolContext.js";
-import "./FileUploadTool.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "./MenuItem.js";
-import "../../../index-11f3cd64.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../contexts/FileInputContext.js";
-import "./DarkModeTool.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../utils/hooks/useDarkMode.js";
-import "./OtherTool.js";
-import "../../icons/ThreeDotIcon.js";
-import "../../ui/DropDown.js";
-import "./DocumentDialog.js";
-import "../../icons/CloseIcon.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../../OtherTool.module-a4be5f1f.js";
-import "./DocumentProperties.js";
-import "../../icons/InfoIcon.js";
-import "./MenuSeparator.js";
-import "./RotateTool.js";
-import "../../icons/ClockwiseIcon.js";
-import "../../../RotateTool.module-67946714.js";
-import "../../../utils/hooks/useRotate.js";
-import "./ViewModeTool.js";
-import "../../icons/DualPageIcon.js";
-import "../../icons/DualPageWithCoverIcon.js";
-import "../../icons/SinglePageIcon.js";
-import "../../icons/CheckIcon.js";
-import "./ScrollModeTool.js";
-import "../../icons/PageScrollingIcon.js";
-import "../../icons/VerticalScrollingIcon.js";
-import "../../icons/HorizontalScrollingIcon.js";
-import "./FileDownloadTool.js";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../../utils/hooks/useFileDownload.js";
-import "../../../contexts/DownloadContext.js";
-import "./PrintTool.js";
-import "../../icons/PrintDefaultIcon.js";
-import "./FullScreenTool.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../utils/hooks/useFullScreen.js";
-import "../../icons/FullScreenIcon.js";
-import "./MostPageTool.js";
-import "../../icons/GoToDownIcon.js";
-import "../../../MostPageTool.module-13578ad6.js";
-import "./SelectionModeTool.js";
-import "../../icons/TextSelectionDefaultIcon.js";
-import "../../icons/HandModeDefaultIcon.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../icons/ZoomInIcon.js";
-import "../../icons/ZoomOutIcon.js";
-import "../../../ZoomTool.module-7082af8c.js";
-import "./tools/ZoomLevelDisplay.js";
-import "../../../utils/zoom.js";
-import "../../icons/SearchIcon.js";
-import "../../../SearchTool.module-99f60dc7.js";
-import "../../ui/Checkbox.js";
-import "../../icons/ClearIcon.js";
-import "../../icons/LoaderIcon.js";
-import "../../../contexts/SearchContext.js";
-import "../../../utils/hooks/useSearch.js";
-import "../../../utils/highlight.js";
-import "../../../utils/charators.js";
-import "../../../utils/getWordPositionInPage.js";
-import "./SearchResultNavigator.js";
-import "./SearchCloseButton.js";
-import "../../../utils/hooks/usePrint.js";
-const Ur = v((x, m) => {
-  const { showPrintProgress: p = !0 } = w(), { showPrintProgress: e = !0 } = b(), { progress: s, showDefaultProgress: n } = u(), { isSmallScreen: a } = C(), { percentage: i } = s || {}, l = () => a ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
-    if (!(!(n ?? (p && e)) || !i))
-      return /* @__PURE__ */ o(g, { percentage: i });
-  };
-  return /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ o("div", { "data-rp": "topBar", ref: m, className: r["rp-toolbar-content"], children: /* @__PURE__ */ t("div", { className: r["rp-toolbar-wrapper"], style: l(), children: [
-      /* @__PURE__ */ t("div", { "data-rp": "topBarLeft", className: r["rp-toolbar-start"], children: [
-        /* @__PURE__ */ o(f, {}),
-        /* @__PURE__ */ o(c, {})
-      ] }),
-      /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: r["rp-toolbar-middle"], children: /* @__PURE__ */ o(P, {}) }),
-      /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: r["rp-toolbar-end"], children: /* @__PURE__ */ o(h, {}) })
-    ] }) }),
-    /* @__PURE__ */ o(d, {})
-  ] });
+import { usePrintContext as e } from "../../../contexts/PrintContext.js";
+import { useToolbarComponentContext as t } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as n } from "../../../contexts/ToolComponentContext.js";
+import { withRef as r } from "../../../utils/withRef.js";
+import { t as i } from "../../../RPToolbar.module-BwqWLviy.js";
+import { useViewportContext as a } from "../../../contexts/ViewportContext.js";
+import { Paginate as o } from "./Paginate.js";
+import { RPToolbarEnd as s } from "./RPToolbarEnd.js";
+import { ZoomTool as c } from "./ZoomTool.js";
+import { SearchTool as l } from "./SearchTool.js";
+import { t as u } from "../../../LoadingIndicator-MWrbKa6X.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/RPToolbar.tsx
+var p = r((r, p) => {
+	let { showPrintProgress: m = !0 } = t(), { showPrintProgress: h = !0 } = n(), { progress: g, showDefaultProgress: _ } = e(), { isSmallScreen: v } = a(), { percentage: y } = g || {};
+	return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
+		"data-rp": "topBar",
+		ref: p,
+		className: i["rp-toolbar-content"],
+		children: /* @__PURE__ */ f("div", {
+			className: i["rp-toolbar-wrapper"],
+			style: v ? { gridTemplateColumns: "25% 60% 15%" } : void 0,
+			children: [
+				/* @__PURE__ */ f("div", {
+					"data-rp": "topBarLeft",
+					className: i["rp-toolbar-start"],
+					children: [/* @__PURE__ */ d(l, {}), /* @__PURE__ */ d(o, {})]
+				}),
+				/* @__PURE__ */ d("div", {
+					"data-rp": "topBarCenter",
+					className: i["rp-toolbar-middle"],
+					children: /* @__PURE__ */ d(c, {})
+				}),
+				/* @__PURE__ */ d("div", {
+					"data-rp": "topBarRight",
+					className: i["rp-toolbar-end"],
+					children: /* @__PURE__ */ d(s, {})
+				})
+			]
+		})
+	}), /* @__PURE__ */ d(() => {
+		if (!(!(_ ?? (m && h)) || !y)) return /* @__PURE__ */ d(u, { percentage: y });
+	}, {})] });
 });
-export {
-  Ur as RPToolbar
-};
+//#endregion
+export { p as RPToolbar };

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

@@ -1,122 +1,24 @@
-import { jsxs as r, Fragment as m, jsx as o } from "react/jsx-runtime";
-import { FileUploadTool as i } from "./FileUploadTool.js";
-import { DarkModeTool as p } from "./DarkModeTool.js";
-import { OtherTool as l } from "./OtherTool.js";
-import { FullScreenTool as e } from "./FullScreenTool.js";
-import { FileDownloadTool as n } from "./FileDownloadTool.js";
-import { PrintTool as f } from "./PrintTool.js";
-import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "react";
-import "../../../contexts/IconContext.js";
-import "../../ui/Button.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/withRef.js";
-import "./MenuItem.js";
-import "../../../index-11f3cd64.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../contexts/FileInputContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/appConsole.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../utils/hooks/useLocalization.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../utils/hooks/useDarkMode.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../icons/ThreeDotIcon.js";
-import "../../ui/DropDown.js";
-import "./DocumentDialog.js";
-import "../../icons/CloseIcon.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../../OtherTool.module-a4be5f1f.js";
-import "./DocumentProperties.js";
-import "../../icons/InfoIcon.js";
-import "./MenuSeparator.js";
-import "./RotateTool.js";
-import "../../icons/ClockwiseIcon.js";
-import "../../../RotateTool.module-67946714.js";
-import "../../../utils/hooks/useRotate.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/InitialStateContext.js";
-import "./ViewModeTool.js";
-import "../../icons/DualPageIcon.js";
-import "../../icons/DualPageWithCoverIcon.js";
-import "../../icons/SinglePageIcon.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../icons/CheckIcon.js";
-import "../../../contexts/ScrollModeContext.js";
-import "./ScrollModeTool.js";
-import "../../icons/PageScrollingIcon.js";
-import "../../icons/VerticalScrollingIcon.js";
-import "../../icons/HorizontalScrollingIcon.js";
-import "./MostPageTool.js";
-import "../../../PaginationContext-87f832f2.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/constants.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-import "../../icons/GoToDownIcon.js";
-import "../../../MostPageTool.module-13578ad6.js";
-import "./SelectionModeTool.js";
-import "../../icons/TextSelectionDefaultIcon.js";
-import "../../icons/HandModeDefaultIcon.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../utils/hooks/useFullScreen.js";
-import "../../icons/FullScreenIcon.js";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../../utils/hooks/useFileDownload.js";
-import "../../../contexts/DownloadContext.js";
-import "../../icons/PrintDefaultIcon.js";
-import "../../../contexts/PrintContext.js";
-import "../../../utils/hooks/usePrint.js";
-const sr = () => {
-  const { isSmallScreen: t } = s();
-  return /* @__PURE__ */ r(m, { children: [
-    /* @__PURE__ */ o(p, {}),
-    !t && /* @__PURE__ */ r(m, { children: [
-      /* @__PURE__ */ o(i, {}),
-      /* @__PURE__ */ o(n, {}),
-      /* @__PURE__ */ o(f, {}),
-      /* @__PURE__ */ o(e, {})
-    ] }),
-    /* @__PURE__ */ o(l, {})
-  ] });
-};
-export {
-  sr as RPToolbarEnd
+import { useViewportContext as e } from "../../../contexts/ViewportContext.js";
+import { FileUploadTool as t } from "./FileUploadTool.js";
+import { DarkModeTool as n } from "./DarkModeTool.js";
+import { FileDownloadTool as r } from "./FileDownloadTool.js";
+import { PrintTool as i } from "./PrintTool.js";
+import { FullScreenTool as a } from "./FullScreenTool.js";
+import { OtherTool as o } from "./OtherTool.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/RPToolbarEnd.tsx
+var u = () => {
+	let { isSmallScreen: u } = e();
+	return /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ c(n, {}),
+		!u && /* @__PURE__ */ l(s, { children: [
+			/* @__PURE__ */ c(t, {}),
+			/* @__PURE__ */ c(r, {}),
+			/* @__PURE__ */ c(i, {}),
+			/* @__PURE__ */ c(a, {})
+		] }),
+		/* @__PURE__ */ c(o, {})
+	] });
 };
+//#endregion
+export { u as RPToolbarEnd };

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

@@ -1,61 +1,50 @@
-import { jsx as t, Fragment as C, jsxs as i } from "react/jsx-runtime";
-import { G as u } from "../../../index-11f3cd64.js";
-import { ClockwiseIcon as c } from "../../icons/ClockwiseIcon.js";
-import { MenuItem as m } from "./MenuItem.js";
-import { c as f } from "../../../RotateTool.module-67946714.js";
-import { MenuSeparator as k } from "./MenuSeparator.js";
-import { useRotate as w } from "../../../utils/hooks/useRotate.js";
-import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as p } from "../../../contexts/IconContext.js";
-import n from "../../ui/RPTooltip.js";
-import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as l } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
-import "react";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../contexts/RotationContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../utils/withRef.js";
-import "../../../utils/hooks/useLocalization.js";
-const h = () => {
-  const { rotateClockwiseIcon: r } = p(), { rotateClockwiseIcon: e } = l();
-  return r || e || /* @__PURE__ */ t(c, {});
-}, x = () => {
-  const { rotateCounterClockwiseIcon: r } = p(), { rotateCounterClockwiseIcon: e } = l();
-  return r || e || /* @__PURE__ */ t(c, { className: f["rp-rotate-counterclockwise"] });
-}, no = () => {
-  const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: a = !0 } = d(), { rotateTool: s = !0 } = I(), { localeMessages: o } = T();
-  return !a || !s ? null : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ i(u, { children: [
-    /* @__PURE__ */ t(m, { onClick: r, children: /* @__PURE__ */ i(n, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
-      o == null ? void 0 : o.rotateClockwiseLabel
-    ] }) }),
-    /* @__PURE__ */ t(m, { onClick: e, children: /* @__PURE__ */ i(n, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
-      o == null ? void 0 : o.rotateCounterclockwiseLabel
-    ] }) }),
-    /* @__PURE__ */ t(k, {})
-  ] }) });
-};
-export {
-  no as RotateTool
+import { useToolbarComponentContext as e } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as t } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as n } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as r } from "../../../contexts/IconToolContext.js";
+import { useIconContext as i } from "../../../contexts/IconContext.js";
+import { t as a } from "../../../RPTooltip-ZZoFqP7C.js";
+import { n as o } from "../../../dist-CKteKPPA.js";
+import { t as s } from "../../../MenuItem-BJDWfzAw.js";
+import { t as c } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
+import { t as u } from "../../../RotateTool.module-DH5yWbvM.js";
+import { useRotate as d } from "../../../utils/hooks/useRotate.js";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/RotateTool.tsx
+var h = () => {
+	let { rotateClockwiseIcon: e } = i(), { rotateClockwiseIcon: t } = r();
+	return e || t || /* @__PURE__ */ p(l, {});
+}, g = () => {
+	let { rotateCounterClockwiseIcon: e } = i(), { rotateCounterClockwiseIcon: t } = r();
+	return e || t || /* @__PURE__ */ p(l, { className: u["rp-rotate-counterclockwise"] });
+}, _ = () => {
+	let { handleRotateClockwise: r, handleRotateCounterclockwise: i } = d(), { rotateTool: l = !0 } = e(), { rotateTool: u = !0 } = t(), { localeMessages: _ } = n();
+	return !l || !u ? null : /* @__PURE__ */ p(f, { children: /* @__PURE__ */ m(o, { children: [
+		/* @__PURE__ */ p(s, {
+			onClick: r,
+			children: /* @__PURE__ */ m(a, {
+				className: "rp-menu-item",
+				content: _?.rotateClockwiseTooltip,
+				children: [/* @__PURE__ */ p("div", {
+					className: "rp-menu-item-left",
+					children: /* @__PURE__ */ p(h, {})
+				}), _?.rotateClockwiseLabel]
+			})
+		}),
+		/* @__PURE__ */ p(s, {
+			onClick: i,
+			children: /* @__PURE__ */ m(a, {
+				className: "rp-menu-item",
+				content: _?.rotateCounterclockwiseTooltip,
+				children: [/* @__PURE__ */ p("div", {
+					className: "rp-menu-item-left",
+					children: /* @__PURE__ */ p(g, {})
+				}), _?.rotateCounterclockwiseLabel]
+			})
+		}),
+		/* @__PURE__ */ p(c, {})
+	] }) });
 };
+//#endregion
+export { _ as RotateTool };

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

@@ -1,68 +1,80 @@
-import { jsx as r, Fragment as L, jsxs as i } from "react/jsx-runtime";
-import { G as f } from "../../../index-11f3cd64.js";
-import { MenuItem as p } from "./MenuItem.js";
-import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
-import { PageScrollingIcon as T } from "../../icons/PageScrollingIcon.js";
-import { VerticalScrollingIcon as s } from "../../icons/VerticalScrollingIcon.js";
-import { HorizontalScrollingIcon as N } from "../../icons/HorizontalScrollingIcon.js";
-import { useScrollModeContext as G } from "../../../contexts/ScrollModeContext.js";
-import { ViewMode as a, ScrollMode as l } from "../../../utils/types.js";
-import { CheckIcon as u } from "../../icons/CheckIcon.js";
-import { useViewModeContext as O } from "../../../contexts/ViewModeContext.js";
-import { useMemo as R } from "react";
-import { useIconContext as I } from "../../../contexts/IconContext.js";
-import d from "../../ui/RPTooltip.js";
-import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as S } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as A } from "../../../contexts/ToolComponentContext.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/withRef.js";
-import "../../../utils/hooks/useLocalization.js";
-const _ = () => {
-  const { pageScrollIcon: t } = I(), { pageScrollIcon: n } = S();
-  return t || n || /* @__PURE__ */ r(T, {});
-}, v = () => {
-  const { verticalScrollIcon: t } = I(), { verticalScrollIcon: n } = S();
-  return t || n || /* @__PURE__ */ r(s, {});
-}, z = () => {
-  const { horizontalScrollIcon: t } = I(), { horizontalScrollIcon: n } = S();
-  return t || n || /* @__PURE__ */ r(N, {});
-}, io = () => {
-  const { scrollModeTool: t = !0 } = h(), { scrollModeTool: n = !0 } = A(), { viewMode: c } = O(), { scrollMode: m, setScrollMode: e } = G(), { localeMessages: o } = x(), C = R(() => c === a.DUAL_PAGE || c === a.DUAL_PAGE_WITH_COVER, [c]);
-  return !t || !n ? null : /* @__PURE__ */ r(L, { children: /* @__PURE__ */ i(f, { children: [
-    /* @__PURE__ */ r(p, { onClick: () => e(l.PAGE_SCROLLING), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(_, {}) }),
-      o == null ? void 0 : o.pageScrollingLabel,
-      m === l.PAGE_SCROLLING ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ r(p, { onClick: () => e(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(v, {}) }),
-      o == null ? void 0 : o.verticalScrollingLabel,
-      m === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ r(
-      p,
-      {
-        disabled: C,
-        onClick: () => e(l.HORIZONTAL_SCROLLING),
-        children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
-          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(z, {}) }),
-          o == null ? void 0 : o.horizontalLabel,
-          m === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
-        ] })
-      }
-    )
-  ] }) });
-};
-export {
-  io as ScrollModeTool
+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 { useToolbarComponentContext as i } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as a } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as o } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import { useIconContext as c } from "../../../contexts/IconContext.js";
+import { t as l } from "../../../RPTooltip-ZZoFqP7C.js";
+import { n as u } from "../../../dist-CKteKPPA.js";
+import { t as d } from "../../../MenuItem-BJDWfzAw.js";
+import { CheckIcon as f } from "../../icons/CheckIcon.js";
+import { PageScrollingIcon as p } from "../../icons/PageScrollingIcon.js";
+import { VerticalScrollingIcon as m } from "../../icons/VerticalScrollingIcon.js";
+import { HorizontalScrollingIcon as h } from "../../icons/HorizontalScrollingIcon.js";
+import { useMemo as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/ScrollModeTool.tsx
+var b = () => {
+	let { pageScrollIcon: e } = c(), { pageScrollIcon: t } = s();
+	return e || t || /* @__PURE__ */ v(p, {});
+}, x = () => {
+	let { verticalScrollIcon: e } = c(), { verticalScrollIcon: t } = s();
+	return e || t || /* @__PURE__ */ v(m, {});
+}, S = () => {
+	let { horizontalScrollIcon: e } = c(), { horizontalScrollIcon: t } = s();
+	return e || t || /* @__PURE__ */ v(h, {});
+}, C = () => {
+	let { scrollModeTool: s = !0 } = i(), { scrollModeTool: c = !0 } = a(), { viewMode: p } = r(), { scrollMode: m, setScrollMode: h } = n(), { localeMessages: C } = o(), w = 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(d, {
+			onClick: () => h(e.PAGE_SCROLLING),
+			children: /* @__PURE__ */ y(l, {
+				className: "rp-menu-item",
+				content: C?.pageScrollingTooltip,
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ v(b, {})
+					}),
+					C?.pageScrollingLabel,
+					m === e.PAGE_SCROLLING ? /* @__PURE__ */ v(f, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ v(d, {
+			onClick: () => h(e.VERTICAL_SCROLLING),
+			children: /* @__PURE__ */ y(l, {
+				className: "rp-menu-item",
+				content: C?.verticalScrollingTooltip,
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ v(x, {})
+					}),
+					C?.verticalScrollingLabel,
+					m === e.VERTICAL_SCROLLING ? /* @__PURE__ */ v(f, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ v(d, {
+			disabled: w,
+			onClick: () => h(e.HORIZONTAL_SCROLLING),
+			children: /* @__PURE__ */ y(l, {
+				className: "rp-menu-item",
+				content: C?.horizontalTooltip,
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ v(S, {})
+					}),
+					C?.horizontalLabel,
+					m === e.HORIZONTAL_SCROLLING ? /* @__PURE__ */ v(f, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		})
+	] }) });
 };
+//#endregion
+export { C as ScrollModeTool };