@react-pdf-kit/viewer 2.0.0-beta.0 → 2.0.0-beta.10

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

@@ -1,70 +1,156 @@
-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-c588d36b.js";
-import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
+import { jsxs as t, Fragment as m, jsx as r } from "react/jsx-runtime";
+import { useRef as s, useState as P } from "react";
+import { c as o } from "../../../ToolbarLayout.module-1fee0a18.js";
+import { Thumbnails as g } from "../sidebar/Thumbnails.js";
+import { useThumbnailContext as v } from "../../../contexts/ThumbnailsContext.js";
+import { useToolbarComponentContext as x } 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 T } from "../../../contexts/PrintContext.js";
+import w from "../../ui/LoadingIndicator.js";
+import { RPSplitter as C } from "../sidebar/RPSplitter.js";
+import { THUMBNAIL_MIN_WIDTH as S } 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 "../../../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 "../../../contexts/DarkModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/LayerContext.js";
-import "../../../contexts/ZoomContext.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/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 "../../../utils/smoothScrollTo.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/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/GlobalCurrentPage.js";
-import "../../../contexts/LoaderContext.js";
-import "../../../contexts/ToolComponentContext.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/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-a871c161.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
+import "../../../contexts/ToolComponentContext.js";
+import "./ThumbnailTool.js";
+import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import "../../../SearchCloseButton-cbf182aa.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/LoaderIcon.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 "../../ui/RPTooltip.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 "../../../ZoomTool.module-6c5eabbb.js";
+import "../../../index-4baea9b5.js";
+import "../../../Combination-54a77a7a.js";
+import "./Paginate.js";
+import "../../../Paginate.module-206a7d7d.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 "../../../RotateTool.module-03987eba.js";
-import { RPHorizontalBar as g } from "./tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
-const Wt = (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(
+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/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 ao = (a) => {
+  const { children: l } = a, p = s(null), { active: i } = v(), { showPrintProgress: c } = x(), { progress: d, showDefaultProgress: h } = T(), { percentage: e } = d || {}, n = s(null), [u, f] = P(S), b = h ?? c;
+  return /* @__PURE__ */ t(m, { children: [
+    /* @__PURE__ */ t("div", { className: o["rp-toolbar-layout"], children: [
+      /* @__PURE__ */ r("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ r(R, {}) }),
+      /* @__PURE__ */ t("div", { className: o["rp-content"], children: [
+        /* @__PURE__ */ t(m, { children: [
+          /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: n, className: o["rp-sidebar-content"], children: /* @__PURE__ */ r(N, {}) }),
+          /* @__PURE__ */ t(
             "div",
             {
               "data-rp": "thumbnailSidebar",
@@ -72,13 +158,13 @@ const Wt = (s) => {
               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,
+                /* @__PURE__ */ r(g, { show: i, ref: p, width: u }),
+                /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
+                  C,
                   {
-                    onWidthChange: u,
+                    onWidthChange: f,
                     thumbnailRef: p,
-                    leftSidebarRef: a,
+                    leftSidebarRef: n,
                     isRPLayout: !0
                   }
                 ) })
@@ -86,12 +172,12 @@ const Wt = (s) => {
             }
           )
         ] }),
-        /* @__PURE__ */ t(m, { children: l })
+        /* @__PURE__ */ r(m, { children: l })
       ] })
     ] }),
-    c && e ? /* @__PURE__ */ t(N, { percentage: e }) : null
+    b && e ? /* @__PURE__ */ r(w, { percentage: e }) : null
   ] });
 };
 export {
-  Wt as ToolbarDefault
+  ao as ToolbarDefault
 };

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

@@ -1,10 +1,153 @@
 import { jsx as t } from "react/jsx-runtime";
-import { ToolbarDefault as e } from "./ToolbarDefault.js";
-import { ToolbarCustom as l } from "./ToolbarCustom.js";
-const b = (a) => {
-  const { children: r, toolbar: o } = a;
-  return o && typeof o == "boolean" ? /* @__PURE__ */ t(e, { children: r }) : /* @__PURE__ */ t(l, { toolbar: o, children: r });
+import { ToolbarDefault as i } from "./ToolbarDefault.js";
+import { ToolbarCustom as p } from "./ToolbarCustom.js";
+import "react";
+import "../../../ToolbarLayout.module-1fee0a18.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 "../../../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/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-206a7d7d.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/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 "../sidebar/RPSplitter.js";
+const Sr = (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 {
-  b as ToolbarLayout
+  Sr as ToolbarLayout
 };

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

@@ -1,9 +1,9 @@
-import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
-import { G as P } from "../../../index-f563c6f0.js";
+import { jsx as e, Fragment as I, jsxs as n } from "react/jsx-runtime";
+import { G as P } from "../../../index-4baea9b5.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 { DualPageIcon as C } from "../../icons/DualPageIcon.js";
+import { SinglePageIcon as h } from "../../icons/SinglePageIcon.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";
@@ -11,32 +11,44 @@ import { useToolbarComponentContext as w } from "../../../contexts/ToolbarCompon
 import { useScrollModeContext as L } from "../../../contexts/ScrollModeContext.js";
 import { useMemo as S } from "react";
 import { useLocalizationContext as M } from "../../../contexts/LocalizationContext.js";
-import u from "../../ui/RPTooltip.js";
-import { useIconContext as a } from "../../../contexts/IconContext.js";
-import { useIconToolContext as d } from "../../../contexts/IconToolContext.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-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 "../../../th_TH-d627cd51.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../utils/withRef.js";
 const b = () => {
-  const { singlePageIcon: n } = a(), { singlePageIcon: t } = d();
-  return n || t || /* @__PURE__ */ e(h, {});
+  const { singlePageIcon: t } = u(), { singlePageIcon: r } = a();
+  return t || r || /* @__PURE__ */ e(h, {});
 }, v = () => {
-  const { dualPageIcon: n } = a(), { dualPageIcon: t } = d();
-  return n || t || /* @__PURE__ */ e(C, {});
-}, J = () => {
-  const { viewMode: n, setDualPage: t, setSinglePage: p } = 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__ */ r(P, { children: [
-    /* @__PURE__ */ e(m, { onClick: p, children: /* @__PURE__ */ r(u, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
+  const { dualPageIcon: t } = u(), { dualPageIcon: r } = a();
+  return t || r || /* @__PURE__ */ e(C, {});
+}, io = () => {
+  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,
-      n === l.SINGLE_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
+      t === l.SINGLE_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ e(m, { disabled: g, onClick: t, children: /* @__PURE__ */ r(u, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
+    /* @__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,
-      n === l.DUAL_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
+      t === l.DUAL_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
     ] }) }),
     /* @__PURE__ */ e(T, {})
   ] }) });
 };
 export {
-  J as ViewModeTool
+  io as ViewModeTool
 };