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

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

@@ -1,23 +1,156 @@
-import { jsx as o, Fragment as l } from "react/jsx-runtime";
-import { h } from "../../../../ToolbarLayout.module-c588d36b.js";
-import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
+import { jsx as o, Fragment as n } from "react/jsx-runtime";
+import { h as l } from "../../../../ToolbarLayout.module-37619c4b.js";
+import { ThumbnailIcon as h } from "../../../icons/Thumbnail.js";
 import { UIButton as u } from "../../../ui/Button.js";
 import a from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
-const C = ({ icon: i }) => {
-  const { active: n, setActive: r } = h(), { localeMessages: t } = c(), m = () => {
-    r(!n);
+import "react";
+import "../../../icons/ChevronUpIcon.js";
+import "../../../ui/Input.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.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 "../../../../contexts/EventCallbackContext.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/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/getScrollDistance.js";
+import "../../../../utils/getElementPositionInPage.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 "../../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 "../../../icons/CloseIcon.js";
+import "../../../ui/Checkbox.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../icons/CheckIcon.js";
+import "../../../../contexts/IconContext.js";
+import "../../../ui/DropDown.js";
+import "../../../../index-a48ec088.js";
+import "../../../../index-808ea7bf.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/approximateFragtion.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 "../../../icons/ZoomInIcon.js";
+import "../../../icons/ZoomOutIcon.js";
+import "../../../../utils/zoom.js";
+import "../../../icons/SearchIcon.js";
+import "../../../icons/ClearIcon.js";
+import "../../../../utils/hooks/useLocalization.js";
+const So = ({ icon: i }) => {
+  const { active: r, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
+    m(!r);
   };
-  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(a, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(a, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
     u,
     {
-      onClick: m,
-      active: n,
+      onClick: p,
+      active: r,
       "aria-label": t == null ? void 0 : t.thumbnailTooltip,
-      children: i || /* @__PURE__ */ o(p, {})
+      children: i || /* @__PURE__ */ o(h, {})
     }
   ) }) });
 };
 export {
-  C as ThumbnailTool
+  So as ThumbnailTool
 };

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

@@ -1,28 +1,55 @@
-import { jsx as r, Fragment as c } from "react/jsx-runtime";
-import { useCallback as f, useMemo as d } from "react";
-import { useZoomContext as u } from "../../../../contexts/ZoomContext.js";
-import { ZoomInIcon as I } from "../../../icons/ZoomInIcon.js";
-import { UIButton as Z } from "../../../ui/Button.js";
-import a from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
-import { MAX_ZOOM_SCALE as i } from "../../../../utils/constants.js";
-const A = ({ icon: n }) => {
-  const { currentZoom: t, setZoomLevel: m } = u(), { localeMessages: o } = h(), e = f(() => {
-    m(() => {
-      const p = Math.floor(t * 100 / 25) * 25;
-      return Math.min(p + 25, i);
+import { jsx as r, Fragment as l } from "react/jsx-runtime";
+import { useCallback as c, useMemo as f } from "react";
+import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
+import { ZoomInIcon as u } from "../../../icons/ZoomInIcon.js";
+import { UIButton as I } from "../../../ui/Button.js";
+import Z from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
+import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
+import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.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 "../../../../utils/getZoomLevel.js";
+import "../../../../contexts/LayoutContainerContext.js";
+import "../../../../contexts/ViewModeContext.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../contexts/GlobalCurrentPage.js";
+import "../../../../contexts/EventCallbackContext.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../index-808ea7bf.js";
+import "../../../../utils/hooks/useLocalization.js";
+const g = ({ icon: m }) => {
+  const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = a(), p = c(() => {
+    i(() => {
+      const e = Math.floor(t * 100 / 25) * 25;
+      return Math.min(e + 25, s);
     });
-  }, [m, t]), l = d(() => t >= i, [t]);
-  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
-    Z,
+  }, [i, t]), n = f(() => h(t), [t]);
+  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
+    I,
     {
-      disabled: l,
-      onClick: e,
+      disabled: n,
+      onClick: p,
       "aria-label": o == null ? void 0 : o.zoomInTooltip,
-      children: n || /* @__PURE__ */ r(I, {})
+      children: m || /* @__PURE__ */ r(u, {})
     }
   ) }) });
 };
 export {
-  A as ZoomInTool
+  g as ZoomInTool
 };

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

@@ -0,0 +1,142 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../contexts/DocumentPasswordContext.js";
+import { Z as Fm } from "../../../../ToolbarLayout.module-37619c4b.js";
+import "../../../../contexts/DarkModeContext.js";
+import "../../../../utils/types.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 "../../../../contexts/EventCallbackContext.js";
+import "../../../RPConfig.js";
+import "../../Container.js";
+import "../../../../contexts/ViewportContext.js";
+import "../../../../contexts/ToolbarComponentContext.js";
+import "../../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 "../MenuItem.js";
+import "../MenuSeparator.js";
+import "../../../../utils/dateFormatter.js";
+import "../PropertyItem.js";
+import "../../../../RotateTool.module-67946714.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/getThumbnailViewport.js";
+import "../../../../contexts/ConfigContext.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/usePdfProperties.js";
+import "../../../../utils/convertPdfDate.js";
+import "../../../../utils/formatFileSize.js";
+import "../../../icons/ChevronUpIcon.js";
+import "../../../../utils/highlight.js";
+import "../../../../utils/charators.js";
+import "../../../../utils/Queue.js";
+import "../../../../utils/renderPage.js";
+import "../../../icons/Thumbnail.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../utils/hooks/useInfiniteScroll.js";
+import "../../../../utils/constants.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/getZoomLevel.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../utils/hooks/useLicense.js";
+import "../../../../utils/getScrollDistance.js";
+import "../../../../utils/getElementPositionInPage.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/hooks/useLocalization.js";
+import "../../../../utils/approximateFragtion.js";
+import "../../../../utils/getWordPositionInPage.js";
+import "../../../../utils/smoothScrollTo.js";
+import "../FileUploadTool.js";
+import "../../../icons/FileUploadDefaultIcon.js";
+import "../../../../index-a48ec088.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../index-808ea7bf.js";
+import "../DarkModeTool.js";
+import "../../../icons/MoonIcon.js";
+import "../../../icons/SunIcon.js";
+import "../../../../utils/hooks/useDarkMode.js";
+import "../../../icons/ThreeDotIcon.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 "../../../../utils/hooks/useFullScreen.js";
+import "../../../icons/GoToDownIcon.js";
+import "../SelectionModeTool.js";
+import "../../../icons/TextSelectionDefaultIcon.js";
+import "../../../icons/HandModeDefaultIcon.js";
+import "../../../icons/ZoomInIcon.js";
+import "../../../icons/ZoomOutIcon.js";
+import "../../../../utils/zoom.js";
+import "../../../icons/SearchIcon.js";
+import "../../../icons/ClearIcon.js";
+import "../../../../utils/hooks/useHighlight.js";
+import "../../../RPTheme.js";
+import "../../../../utils/hooks/useLoadWorker.js";
+import "../../../icons/LightPdfIcon.js";
+import "../../../icons/DarkPdfIcon.js";
+export {
+  Fm as ZoomLevelDisplay
+};

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

@@ -1,56 +1,187 @@
-import { jsx as r, Fragment as z, jsxs as i } from "react/jsx-runtime";
-import { useState as v, useRef as x, useEffect as C } from "react";
+import { jsx as r, Fragment as v, jsxs as m } from "react/jsx-runtime";
+import { useState as z, useRef as x, useEffect as C } from "react";
 import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
 import { UIButton as T } from "../../../ui/Button.js";
-import { c as e } from "../../../../ZoomTool.module-6c5eabbb.js";
-import { UIDropDown as w } from "../../../ui/DropDown.js";
-import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
-import { G as h } from "../../../../index-f563c6f0.js";
-import { MenuItem as m } from "../MenuItem.js";
+import { j as p, Z as w } from "../../../../ToolbarLayout.module-37619c4b.js";
+import { UIDropDown as I } from "../../../ui/DropDown.js";
+import { useLayoutContainer as Z } from "../../../../contexts/LayoutContainerContext.js";
+import { G as h } from "../../../../index-a48ec088.js";
+import { MenuItem as e } from "../MenuItem.js";
 import { MenuSeparator as b } from "../MenuSeparator.js";
 import A from "../../../ui/RPTooltip.js";
-import { ZoomLevel as p } from "../../../../utils/types.js";
-import { useLocalizationContext as N } from "../../../../contexts/LocalizationContext.js";
+import { ZoomLevel as c } from "../../../../utils/types.js";
+import { useLocalizationContext as D } from "../../../../contexts/LocalizationContext.js";
 import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.js";
-const R = [50, 75, 100, 125, 150, 200, 300, 400], _ = ({ icon: l }) => {
-  const { zoomLevel: u, setZoomLevel: n } = L(), { container: a, pagesRef: c } = I(), { localeMessages: o } = N(), [f, s] = v(0), d = x(
+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 "../../../../th_TH-d627cd51.js";
+import "../../../../utils/constants.js";
+import "../../../../utils/getZoomLevel.js";
+import "../../../../contexts/ViewModeContext.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../contexts/GlobalCurrentPage.js";
+import "../../../../contexts/EventCallbackContext.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../icons/ChevronUpIcon.js";
+import "../../../ui/Input.js";
+import "../../../../contexts/ScrollModeContext.js";
+import "../../../../contexts/DarkModeContext.js";
+import "../../../../utils/hooks/useDarkMode.js";
+import "../../../../contexts/LayerContext.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/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/getScrollDistance.js";
+import "../../../../utils/getElementPositionInPage.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 "../../../icons/CloseIcon.js";
+import "../../../ui/Checkbox.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../icons/CheckIcon.js";
+import "../../../../contexts/IconContext.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/approximateFragtion.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-808ea7bf.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 "../../../icons/ZoomInIcon.js";
+import "../../../icons/ZoomOutIcon.js";
+import "../../../../utils/zoom.js";
+import "../../../icons/SearchIcon.js";
+import "../../../icons/ClearIcon.js";
+import "../../../../utils/hooks/useLocalization.js";
+const R = [50, 75, 100, 125, 150, 200, 300, 400], lt = ({ icon: l }) => {
+  const { zoomLevel: f, setZoomLevel: i } = L(), { container: u, pagesRef: n } = Z(), { localeMessages: o } = D(), [a, s] = z(0), d = x(
     new ResizeObserver((t) => {
       s(t[0].contentRect.height);
     })
   );
-  return C(() => (c && d.current.observe(c), () => {
+  return C(() => (n && d.current.observe(n), () => {
     d.current.disconnect();
-  }), [c]), /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
-    w,
+  }), [n]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
+    I,
     {
-      container: a,
-      triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ i(
+      container: u,
+      triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ m(
         T,
         {
-          className: e["rp-current-zoom-wrapper"],
+          className: p["rp-current-zoom-wrapper"],
           "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
           children: [
-            /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: u }),
-            /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: "%" }),
-            /* @__PURE__ */ r("div", { className: e["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
+            /* @__PURE__ */ r(
+              w,
+              {
+                zoomLevel: f,
+                className: p["rp-current-zoom-text"]
+              }
+            ),
+            /* @__PURE__ */ r("div", { className: p["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
           ]
         }
       ) }) }),
       style: { minWidth: "200px" },
       align: "center",
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ m(
         "div",
         {
-          style: { maxHeight: `${f}px`, overflow: "auto" },
-          className: e["rp-zoom-dropdown-content"],
+          style: { maxHeight: `${a}px`, overflow: "auto" },
+          className: p["rp-zoom-dropdown-content"],
           children: [
-            /* @__PURE__ */ i(h, { children: [
-              /* @__PURE__ */ r(m, { onClick: () => n(p.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
-              /* @__PURE__ */ r(m, { onClick: () => n(p.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
-              /* @__PURE__ */ r(m, { onClick: () => n(p.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+            /* @__PURE__ */ m(h, { children: [
+              /* @__PURE__ */ r(e, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+              /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+              /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
             ] }),
             /* @__PURE__ */ r(b, {}),
-            /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ i(m, { onClick: () => n(t), children: [
+            /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ m(e, { onClick: () => i(t), children: [
               t,
               " %"
             ] }, t)) })
@@ -61,5 +192,5 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], _ = ({ icon: l }) => {
   ) });
 };
 export {
-  _ as ZoomLevelTool
+  lt as ZoomLevelTool
 };