@pdf-viewer/react 0.0.0-experimental.0

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

@@ -0,0 +1,176 @@
+import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
+import { useRef as c, useState as x } from "react";
+import { h as N, c as g, m as i, n as C, o as w } from "../../../ToolbarLayout.module-89451ab3.js";
+import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../contexts/DarkModeContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/LayerContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../contexts/FileInputContext.js";
+import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/HighlightContext.js";
+import "../../../contexts/LicenseContext.js";
+import "../../../contexts/DownloadContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/LoaderContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import { RPSplitter as R } from "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as y } from "../../../utils/constants.js";
+import "../WrapperLayout.js";
+import "../../../LayoutWrapper-6224491f.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
+import "../../ui/Button.js";
+import "../../../SearchCloseButton-08d57275.js";
+import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/LoaderIcon.js";
+import "../../../contexts/IconContext.js";
+import "../../ui/RPTooltip.js";
+import "../../ui/DropDown.js";
+import "../../../ZoomTool.module-7082af8c.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../RotateTool.module-67946714.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../../utils/types.js";
+import "../../../th_TH-d627cd51.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "pdfjs-dist";
+import "../../icons/Thumbnail.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/link_service.js";
+import "../../../utils/annotations.js";
+import "../../../utils/sanitizeExternalUrl.js";
+import "../../page/searchHighlight.js";
+import "../../../utils/const.js";
+import "../../page/CustomElement.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../utils/hooks/useLicense.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/hooks/useMousePressed.js";
+import "../../../utils/hooks/useGrabScroll.js";
+import "../../../utils/hooks/usePinch.js";
+import "../../ui/PasswordModal.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/getWordPositionInPage.js";
+import "../../../utils/smoothScrollTo.js";
+import "./FileUploadTool.js";
+import "../../icons/FileUploadDefaultIcon.js";
+import "./DarkModeTool.js";
+import "../../icons/MoonIcon.js";
+import "../../icons/SunIcon.js";
+import "../../icons/ThreeDotIcon.js";
+import "../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../index-3bf64864.js";
+import "../../icons/CloseIcon.js";
+import "./DocumentProperties.js";
+import "../../icons/InfoIcon.js";
+import "./RotateTool.js";
+import "../../icons/ClockwiseIcon.js";
+import "../../../utils/hooks/useRotate.js";
+import "./ViewModeTool.js";
+import "../../icons/SinglePageIcon.js";
+import "../../icons/DualPageIcon.js";
+import "../../icons/CheckIcon.js";
+import "./ScrollModeTool.js";
+import "../../icons/PageScrollingIcon.js";
+import "../../icons/VerticalScrollingIcon.js";
+import "../../icons/HorizontalScrollingIcon.js";
+import "../../icons/FileDownloadDefaultIcon.js";
+import "../../icons/PrintDefaultIcon.js";
+import "./FullScreenTool.js";
+import "../../icons/FullScreenIcon.js";
+import "../../icons/GoToDownIcon.js";
+import "./SelectionModeTool.js";
+import "../../icons/TextSelectionDefaultIcon.js";
+import "../../icons/HandModeDefaultIcon.js";
+import "./ZoomTool.js";
+import "../../icons/ZoomInIcon.js";
+import "../../icons/ZoomOutIcon.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../icons/SearchIcon.js";
+import "../../icons/ClearIcon.js";
+import "../../../utils/hooks/useDarkMode.js";
+import "../../../utils/hooks/useFullScreen.js";
+import "../../../utils/hooks/useHighlight.js";
+import "../../RPTheme.js";
+import "../../../utils/hooks/useLoadWorker.js";
+import "../../icons/LightPdfIcon.js";
+import "../../icons/DarkPdfIcon.js";
+const oo = (d) => {
+  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(y);
+  return /* @__PURE__ */ o(n, { children: [
+    /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
+      m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
+      /* @__PURE__ */ o("div", { className: i["rp-content"], children: [
+        /* @__PURE__ */ o(n, { children: [
+          p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              "data-rp": "thumbnailSidebar",
+              hidden: !e,
+              className: i["rp-thumbnails-wrapper"],
+              style: { ...e && { position: "relative", display: "flex" } },
+              children: [
+                /* @__PURE__ */ t(C, { show: e, ref: s, width: v }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  R,
+                  {
+                    onWidthChange: T,
+                    thumbnailRef: s,
+                    leftSidebarRef: l,
+                    isRPLayout: !0
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(n, { children: h })
+      ] })
+    ] }),
+    b && a ? /* @__PURE__ */ t(w, { percentage: a }) : null
+  ] });
+};
+export {
+  oo as ToolbarCustom
+};

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

@@ -0,0 +1,179 @@
+import { jsxs as r, Fragment as m, jsx as t } from "react/jsx-runtime";
+import { useRef as n, useState as b } from "react";
+import { h as f, c as v, m as o, n as x, o as N } from "../../../ToolbarLayout.module-89451ab3.js";
+import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../contexts/DarkModeContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/LayerContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../contexts/FileInputContext.js";
+import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/HighlightContext.js";
+import "../../../contexts/LicenseContext.js";
+import "../../../contexts/DownloadContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/LoaderContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
+import { RPSplitter as T } from "../sidebar/RPSplitter.js";
+import "../WrapperLayout.js";
+import "../../../LayoutWrapper-6224491f.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
+import "../../ui/Button.js";
+import "../../../SearchCloseButton-08d57275.js";
+import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/LoaderIcon.js";
+import "../../../contexts/IconContext.js";
+import "../../ui/RPTooltip.js";
+import "../../ui/DropDown.js";
+import "../../../ZoomTool.module-7082af8c.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../RotateTool.module-67946714.js";
+import { RPHorizontalBar as g } from "./tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../../utils/types.js";
+import "../../../th_TH-d627cd51.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "pdfjs-dist";
+import "../../icons/Thumbnail.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/link_service.js";
+import "../../../utils/annotations.js";
+import "../../../utils/sanitizeExternalUrl.js";
+import "../../page/searchHighlight.js";
+import "../../../utils/const.js";
+import "../../page/CustomElement.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../utils/hooks/useLicense.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/hooks/useMousePressed.js";
+import "../../../utils/hooks/useGrabScroll.js";
+import "../../../utils/hooks/usePinch.js";
+import "../../ui/PasswordModal.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/getWordPositionInPage.js";
+import "../../../utils/smoothScrollTo.js";
+import "./FileUploadTool.js";
+import "../../icons/FileUploadDefaultIcon.js";
+import "./DarkModeTool.js";
+import "../../icons/MoonIcon.js";
+import "../../icons/SunIcon.js";
+import "../../icons/ThreeDotIcon.js";
+import "../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../index-3bf64864.js";
+import "../../icons/CloseIcon.js";
+import "./DocumentProperties.js";
+import "../../icons/InfoIcon.js";
+import "./RotateTool.js";
+import "../../icons/ClockwiseIcon.js";
+import "../../../utils/hooks/useRotate.js";
+import "./ViewModeTool.js";
+import "../../icons/SinglePageIcon.js";
+import "../../icons/DualPageIcon.js";
+import "../../icons/CheckIcon.js";
+import "./ScrollModeTool.js";
+import "../../icons/PageScrollingIcon.js";
+import "../../icons/VerticalScrollingIcon.js";
+import "../../icons/HorizontalScrollingIcon.js";
+import "../../icons/FileDownloadDefaultIcon.js";
+import "../../icons/PrintDefaultIcon.js";
+import "./FullScreenTool.js";
+import "../../icons/FullScreenIcon.js";
+import "../../icons/GoToDownIcon.js";
+import "./SelectionModeTool.js";
+import "../../icons/TextSelectionDefaultIcon.js";
+import "../../icons/HandModeDefaultIcon.js";
+import "./ZoomTool.js";
+import "../../icons/ZoomInIcon.js";
+import "../../icons/ZoomOutIcon.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../icons/SearchIcon.js";
+import "../../icons/ClearIcon.js";
+import "../../../utils/hooks/useDarkMode.js";
+import "../../../utils/hooks/useFullScreen.js";
+import "../../../utils/hooks/useHighlight.js";
+import "../../RPTheme.js";
+import "../../../utils/hooks/useLoadWorker.js";
+import "../../icons/LightPdfIcon.js";
+import "../../icons/DarkPdfIcon.js";
+import "./ThumbnailTool.js";
+const io = (s) => {
+  const { children: l } = s, p = n(null), { active: i } = f(), { showPrintProgress: c } = P(), { progress: d } = v(), { percentage: e } = d || {}, a = n(null), [h, u] = b(R);
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ r("div", { className: o["rp-toolbar-layout"], children: [
+      /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ t(g, {}) }),
+      /* @__PURE__ */ r("div", { className: o["rp-content"], children: [
+        /* @__PURE__ */ r(m, { children: [
+          /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: a, className: o["rp-sidebar-content"], children: /* @__PURE__ */ t(C, {}) }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              "data-rp": "thumbnailSidebar",
+              hidden: !i,
+              className: o["rp-thumbnails-wrapper"],
+              style: { ...i && { position: "relative", display: "flex" } },
+              children: [
+                /* @__PURE__ */ t(x, { show: i, ref: p, width: h }),
+                /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+                  T,
+                  {
+                    onWidthChange: u,
+                    thumbnailRef: p,
+                    leftSidebarRef: a,
+                    isRPLayout: !0
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(m, { children: l })
+      ] })
+    ] }),
+    c && e ? /* @__PURE__ */ t(N, { percentage: e }) : null
+  ] });
+};
+export {
+  io as ToolbarDefault
+};

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

@@ -0,0 +1,149 @@
+import { jsx as t } from "react/jsx-runtime";
+import { ToolbarDefault as i } from "./ToolbarDefault.js";
+import { ToolbarCustom as p } from "./ToolbarCustom.js";
+import "react";
+import "../../../ToolbarLayout.module-89451ab3.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../ui/Button.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../ui/Input.js";
+import "../../../utils/types.js";
+import "../../../th_TH-d627cd51.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/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../contexts/DarkModeContext.js";
+import "../../../utils/hooks/useDarkMode.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/LayerContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../utils/hooks/useFullScreen.js";
+import "../../../contexts/FileInputContext.js";
+import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../contexts/HighlightContext.js";
+import "../../../utils/hooks/useHighlight.js";
+import "../../../contexts/LicenseContext.js";
+import "../../../utils/hooks/useLicense.js";
+import "../../../contexts/DownloadContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../utils/const.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../contexts/LoaderContext.js";
+import "../../icons/LoaderIcon.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
+import "../../RPTheme.js";
+import "../../../contexts/ThemeContext.js";
+import "../../../utils/hooks/useLoadWorker.js";
+import "../../icons/Thumbnail.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import "../sidebar/RPSplitter.js";
+import "../WrapperLayout.js";
+import "../../../LayoutWrapper-6224491f.js";
+import "../../RPDropFileZone.js";
+import "../../icons/LightPdfIcon.js";
+import "../../icons/DarkPdfIcon.js";
+import "../../../SearchCloseButton-08d57275.js";
+import "../../ui/RPTooltip.js";
+import "../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../icons/CloseIcon.js";
+import "../../ui/Checkbox.js";
+import "../../icons/CheckIcon.js";
+import "../../../contexts/IconContext.js";
+import "../../ui/DropDown.js";
+import "../../../index-3bf64864.js";
+import "../../../ZoomTool.module-7082af8c.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../RotateTool.module-67946714.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/link_service.js";
+import "../../../utils/annotations.js";
+import "../../../utils/sanitizeExternalUrl.js";
+import "../../page/searchHighlight.js";
+import "../../page/CustomElement.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/hooks/useMousePressed.js";
+import "../../../utils/hooks/useGrabScroll.js";
+import "../../../utils/hooks/usePinch.js";
+import "../../ui/PasswordModal.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/getWordPositionInPage.js";
+import "../../../utils/smoothScrollTo.js";
+import "./FileUploadTool.js";
+import "../../icons/FileUploadDefaultIcon.js";
+import "./DarkModeTool.js";
+import "../../icons/MoonIcon.js";
+import "../../icons/SunIcon.js";
+import "../../icons/ThreeDotIcon.js";
+import "./DocumentProperties.js";
+import "../../icons/InfoIcon.js";
+import "./RotateTool.js";
+import "../../icons/ClockwiseIcon.js";
+import "../../../utils/hooks/useRotate.js";
+import "./ViewModeTool.js";
+import "../../icons/SinglePageIcon.js";
+import "../../icons/DualPageIcon.js";
+import "./ScrollModeTool.js";
+import "../../icons/PageScrollingIcon.js";
+import "../../icons/VerticalScrollingIcon.js";
+import "../../icons/HorizontalScrollingIcon.js";
+import "../../icons/FileDownloadDefaultIcon.js";
+import "../../icons/PrintDefaultIcon.js";
+import "./FullScreenTool.js";
+import "../../icons/FullScreenIcon.js";
+import "../../icons/GoToDownIcon.js";
+import "./SelectionModeTool.js";
+import "../../icons/TextSelectionDefaultIcon.js";
+import "../../icons/HandModeDefaultIcon.js";
+import "./ZoomTool.js";
+import "../../icons/ZoomInIcon.js";
+import "../../icons/ZoomOutIcon.js";
+import "../../icons/SearchIcon.js";
+import "../../icons/ClearIcon.js";
+import "./tools/defaults/RPHorizontalBar.js";
+import "./tools/defaults/RPVerticalBar.js";
+import "./ThumbnailTool.js";
+const Or = (m) => {
+  const { children: r, toolbar: o } = m;
+  return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
+};
+export {
+  Or as ToolbarLayout
+};

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

@@ -0,0 +1,51 @@
+import { jsx as e, Fragment as I, jsxs as n } from "react/jsx-runtime";
+import { G as P } from "../../../index-3bf64864.js";
+import { MenuSeparator as T } from "./MenuSeparator.js";
+import { MenuItem as m } from "./MenuItem.js";
+import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";
+import { SinglePageIcon as h } from "../../icons/DualPageIcon.js";
+import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
+import { ScrollMode as N, ViewMode as l } from "../../../utils/types.js";
+import { CheckIcon as c } from "../../icons/CheckIcon.js";
+import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
+import { useScrollModeContext as L } from "../../../contexts/ScrollModeContext.js";
+import { useMemo as S } from "react";
+import { useLocalizationContext as M } from "../../../contexts/LocalizationContext.js";
+import p from "../../ui/RPTooltip.js";
+import { useIconContext as u } from "../../../contexts/IconContext.js";
+import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as G } from "../../../contexts/ToolComponentContext.js";
+import "../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../th_TH-d627cd51.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../utils/withRef.js";
+const b = () => {
+  const { singlePageIcon: t } = u(), { singlePageIcon: r } = a();
+  return t || r || /* @__PURE__ */ e(h, {});
+}, v = () => {
+  const { dualPageIcon: t } = u(), { dualPageIcon: r } = a();
+  return t || r || /* @__PURE__ */ e(C, {});
+}, to = () => {
+  const { viewMode: t, setDualPage: r, setSinglePage: d } = x(), { viewModeTool: s = !0 } = w(), { viewModeTool: f = !0 } = G(), { scrollMode: i } = L(), { localeMessages: o } = M(), g = S(() => [N.HORIZONTAL_SCROLLING].includes(i), [i]);
+  return !s || !f ? null : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ n(P, { children: [
+    /* @__PURE__ */ e(m, { onClick: d, children: /* @__PURE__ */ n(p, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(b, {}) }),
+      o == null ? void 0 : o.singlePageLabel,
+      t === l.SINGLE_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ e(m, { disabled: g, onClick: r, children: /* @__PURE__ */ n(p, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(v, {}) }),
+      o == null ? void 0 : o.dualPageLabel,
+      t === l.DUAL_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ e(T, {})
+  ] }) });
+};
+export {
+  to as ViewModeTool
+};