@react-pdf-kit/viewer 0.0.0-experimental.0

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

@@ -0,0 +1,108 @@
+import { jsxs as i, Fragment as e, jsx as r } from "react/jsx-runtime";
+import { useRef as d, useState as N } from "react";
+import { c as t } from "../../../ToolbarLayout.module-6e339802.js";
+import { Thumbnails as T } from "../sidebar/Thumbnails.js";
+import { useThumbnailContext as x } from "../../../contexts/ThumbnailsContext.js";
+import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
+import { usePrintContext as R } from "../../../contexts/PrintContext.js";
+import D from "../../ui/LoadingIndicator.js";
+import { THUMBNAIL_MIN_WIDTH as I } from "../../../utils/constants.js";
+import { R as W } from "../../../RPSplitter-f6acf13b.js";
+import "../sidebar/Thumbnail.js";
+import "../../../clsx-0c6e471a.js";
+import "../../icons/LoaderIcon.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.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/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/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/RenderQueueProvider.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useThumbnail.js";
+import "../../../utils/hooks/usePrint.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../utils/hooks/useLocalization.js";
+const Wr = (h) => {
+  const { children: u, toolbar: b } = h, n = d(null), { active: a } = x(), { showPrintProgress: f } = C(), { progress: g, showDefaultProgress: w } = R(), { percentage: s } = g || {}, o = b, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = d(null), [c, P] = N(I), v = w ?? f;
+  return /* @__PURE__ */ i(e, { children: [
+    /* @__PURE__ */ i("div", { className: t["rp-toolbar-layout"], children: [
+      m && /* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
+      /* @__PURE__ */ i("div", { className: t["rp-content"], children: [
+        /* @__PURE__ */ i(e, { children: [
+          p && /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(
+            "div",
+            {
+              "data-rp": "sidebar",
+              ref: l,
+              className: t["rp-sidebar-content"],
+              children: p == null ? void 0 : p.component
+            }
+          ) }),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              "data-rp": "thumbnailSidebar",
+              className: `${t["rp-thumbnails-wrapper"]} ${a ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
+              style: { "--rp-thumbnail-width": `${c}px` },
+              children: [
+                /* @__PURE__ */ r(T, { show: a, ref: n, width: c }),
+                /* @__PURE__ */ r(
+                  W,
+                  {
+                    onWidthChange: P,
+                    thumbnailRef: n,
+                    leftSidebarRef: l,
+                    isRPLayout: !0
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(
+          "main",
+          {
+            id: "rp-main-content",
+            role: "main",
+            "aria-label": "PDF document pages",
+            className: t["rp-pages"],
+            children: u
+          }
+        )
+      ] })
+    ] }),
+    v && s ? /* @__PURE__ */ r(D, { percentage: s }) : null
+  ] });
+};
+export {
+  Wr as ToolbarCustom
+};

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

@@ -0,0 +1,192 @@
+import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
+import { useRef as s, useState as P } from "react";
+import { c as t } from "../../../ToolbarLayout.module-6e339802.js";
+import { Thumbnails as g } from "../sidebar/Thumbnails.js";
+import { useThumbnailContext as w } from "../../../contexts/ThumbnailsContext.js";
+import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
+import { RPVerticalBar as N } from "./tools/defaults/RPVerticalBar.js";
+import { RPHorizontalBar as R } from "./tools/defaults/RPHorizontalBar.js";
+import { usePrintContext as x } from "../../../contexts/PrintContext.js";
+import T from "../../ui/LoadingIndicator.js";
+import { R as C } from "../../../RPSplitter-f6acf13b.js";
+import { THUMBNAIL_MIN_WIDTH as D } from "../../../utils/constants.js";
+import "../sidebar/Thumbnail.js";
+import "../../../clsx-0c6e471a.js";
+import "../../icons/LoaderIcon.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.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/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/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/RenderQueueProvider.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useThumbnail.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "./ThumbnailTool.js";
+import "../../icons/Thumbnail.js";
+import "../../ui/Button.js";
+import "../../ui/RPTooltip.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../utils/hooks/useLocalization.js";
+import "./SearchTool.js";
+import "../../icons/SearchIcon.js";
+import "../../../SearchTool.module-99f60dc7.js";
+import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/CheckIcon.js";
+import "../../icons/ClearIcon.js";
+import "../../../contexts/SearchContext.js";
+import "../../../utils/hooks/useSearch.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../utils/getWordPositionInPage.js";
+import "../../../contexts/IconContext.js";
+import "../../icons/InfoIcon.js";
+import "../../../contexts/ViewportContext.js";
+import "./SearchResultNavigator.js";
+import "../../icons/ChevronUpIcon.js";
+import "./SearchCloseButton.js";
+import "../../icons/CloseIcon.js";
+import "../../ui/DropDown.js";
+import "../../../index-4baea9b5.js";
+import "../../../Combination-54a77a7a.js";
+import "./Paginate.js";
+import "../../../Paginate.module-4eef00aa.js";
+import "./ZoomTool.js";
+import "../../icons/ZoomInIcon.js";
+import "../../icons/ZoomOutIcon.js";
+import "../../../ZoomTool.module-7082af8c.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "./tools/ZoomLevelDisplay.js";
+import "../../../utils/zoom.js";
+import "./RPToolbarEnd.js";
+import "./FileUploadTool.js";
+import "../../icons/FileUploadDefaultIcon.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 "./DocumentDialog.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../../OtherTool.module-a4be5f1f.js";
+import "./DocumentProperties.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 "./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 "../../../utils/hooks/usePrint.js";
+import "../../../RPToolbar.module-27d7fe77.js";
+const lo = (l) => {
+  const { children: c } = l, i = s(null), { active: m } = w(), { showPrintProgress: d } = v(), { progress: h, showDefaultProgress: u } = x(), { percentage: p } = h || {}, e = s(null), [a, b] = P(D), f = u ?? d;
+  return /* @__PURE__ */ o(n, { children: [
+    /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
+      /* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(R, {}) }) }),
+      /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
+        /* @__PURE__ */ o(n, { children: [
+          /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: e, className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(N, {}) }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              "data-rp": "thumbnailSidebar",
+              style: { "--rp-thumbnail-width": `${a}px` },
+              className: `${t["rp-thumbnails-wrapper"]} ${m ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
+              children: [
+                /* @__PURE__ */ r(g, { show: m, ref: i, width: a }),
+                /* @__PURE__ */ r(
+                  C,
+                  {
+                    onWidthChange: b,
+                    thumbnailRef: i,
+                    leftSidebarRef: e,
+                    isRPLayout: !0
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(
+          "main",
+          {
+            id: "rp-main-content",
+            role: "main",
+            "aria-label": "PDF document pages",
+            className: t["rp-pages"],
+            children: c
+          }
+        )
+      ] })
+    ] }),
+    f && p ? /* @__PURE__ */ r(T, { percentage: p }) : null
+  ] });
+};
+export {
+  lo as ToolbarDefault
+};

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

@@ -0,0 +1,154 @@
+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-6e339802.js";
+import "../sidebar/Thumbnails.js";
+import "../sidebar/Thumbnail.js";
+import "../../../clsx-0c6e471a.js";
+import "../../icons/LoaderIcon.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.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/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/RenderQueueProvider.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../contexts/ThumbnailsContext.js";
+import "../../../utils/hooks/useThumbnail.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/withRef.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "./tools/defaults/RPVerticalBar.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "./ThumbnailTool.js";
+import "../../icons/Thumbnail.js";
+import "../../ui/Button.js";
+import "../../ui/RPTooltip.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../utils/hooks/useLocalization.js";
+import "./tools/defaults/RPHorizontalBar.js";
+import "./SearchTool.js";
+import "../../icons/SearchIcon.js";
+import "../../../SearchTool.module-99f60dc7.js";
+import "../../ui/Input.js";
+import "../../ui/Checkbox.js";
+import "../../icons/CheckIcon.js";
+import "../../icons/ClearIcon.js";
+import "../../../contexts/SearchContext.js";
+import "../../../utils/hooks/useSearch.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../utils/getWordPositionInPage.js";
+import "../../../contexts/IconContext.js";
+import "../../icons/InfoIcon.js";
+import "../../../contexts/ViewportContext.js";
+import "./SearchResultNavigator.js";
+import "../../icons/ChevronUpIcon.js";
+import "./SearchCloseButton.js";
+import "../../icons/CloseIcon.js";
+import "../../ui/DropDown.js";
+import "../../../index-4baea9b5.js";
+import "../../../Combination-54a77a7a.js";
+import "./Paginate.js";
+import "../../../Paginate.module-4eef00aa.js";
+import "./ZoomTool.js";
+import "../../icons/ZoomInIcon.js";
+import "../../icons/ZoomOutIcon.js";
+import "../../../ZoomTool.module-7082af8c.js";
+import "./MenuItem.js";
+import "./MenuSeparator.js";
+import "./tools/ZoomLevelDisplay.js";
+import "../../../utils/zoom.js";
+import "./RPToolbarEnd.js";
+import "./FileUploadTool.js";
+import "../../icons/FileUploadDefaultIcon.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 "./DocumentDialog.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../../OtherTool.module-a4be5f1f.js";
+import "./DocumentProperties.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 "./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 "../../../contexts/PrintContext.js";
+import "../../../utils/hooks/usePrint.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 "../../../RPToolbar.module-27d7fe77.js";
+import "../../ui/LoadingIndicator.js";
+import "../../../RPSplitter-f6acf13b.js";
+const Ur = (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 {
+  Ur as ToolbarLayout
+};

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

@@ -0,0 +1,63 @@
+import { jsx as t, Fragment as I, jsxs as n } from "react/jsx-runtime";
+import { G as f } from "../../../index-4baea9b5.js";
+import { MenuSeparator as g } from "./MenuSeparator.js";
+import { MenuItem as i } from "./MenuItem.js";
+import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
+import { DualPageWithCoverIcon as v } from "../../icons/DualPageWithCoverIcon.js";
+import { SinglePageIcon as N } from "../../icons/SinglePageIcon.js";
+import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
+import { ScrollMode as L, ViewMode as m } from "../../../utils/types.js";
+import { CheckIcon as l } from "../../icons/CheckIcon.js";
+import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
+import { useScrollModeContext as W } from "../../../contexts/ScrollModeContext.js";
+import { useMemo as w } from "react";
+import { useLocalizationContext as S } from "../../../contexts/LocalizationContext.js";
+import c from "../../ui/RPTooltip.js";
+import { useIconContext as u } from "../../../contexts/IconContext.js";
+import { useIconToolContext as p } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../utils/withRef.js";
+const G = () => {
+  const { singlePageIcon: e } = u(), { singlePageIcon: r } = p();
+  return e || r || /* @__PURE__ */ t(N, {});
+}, A = () => {
+  const { dualPageIcon: e } = u(), { dualPageIcon: r } = p();
+  return e || r || /* @__PURE__ */ t(T, {});
+}, V = () => {
+  const { dualPageWithCoverIcon: e } = u(), { dualPageWithCoverIcon: r } = p();
+  return e || r || /* @__PURE__ */ t(v, {});
+}, uo = () => {
+  const { viewMode: e, setDualPage: r, setDualPageWithCover: s, setSinglePage: P } = x(), { viewModeTool: h = !0 } = D(), { viewModeTool: C = !0 } = b(), { scrollMode: a } = W(), { localeMessages: o } = S(), d = w(() => [L.HORIZONTAL_SCROLLING].includes(a), [a]);
+  return !h || !C ? null : /* @__PURE__ */ t(I, { children: /* @__PURE__ */ n(f, { children: [
+    /* @__PURE__ */ t(i, { onClick: P, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(G, {}) }),
+      o == null ? void 0 : o.singlePageLabel,
+      e === m.SINGLE_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ t(i, { disabled: d, onClick: r, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(A, {}) }),
+      o == null ? void 0 : o.dualPageLabel,
+      e === m.DUAL_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ t(i, { disabled: d, onClick: s, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(V, {}) }),
+      o == null ? void 0 : o.dualPageWithCoverLabel,
+      e === m.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ t(g, {})
+  ] }) });
+};
+export {
+  uo as ViewModeTool
+};