@pdf-viewer/react 0.0.0-experimental.0

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

@@ -0,0 +1,38 @@
+import { jsx as i } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
+import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
+import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
+import "react";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.js";
+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/hooks/useLocalization.js";
+const l = ({
+  children: t,
+  className: r,
+  localeMessages: o
+}) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.rotateClockwiseTooltip, children: t }), H = ({ icon: t }) => {
+  const { handleRotateClockwise: r } = c(), { localeMessages: o } = e();
+  return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.rotateClockwiseLabel, children: t || /* @__PURE__ */ i(n, {}) }) });
+};
+export {
+  H as RotateClockwiseTool
+};

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

@@ -0,0 +1,46 @@
+import { jsx as r } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { ClockwiseIcon as c } from "../../../icons/ClockwiseIcon.js";
+import { useRotate as n } from "../../../../utils/hooks/useRotate.js";
+import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
+import { c as l } from "../../../../RotateTool.module-67946714.js";
+import "react";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../utils/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../contexts/RotationContext.js";
+import "../../../../utils/appConsole.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../contexts/RPDocumentContext.js";
+import "../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.js";
+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/hooks/useLocalization.js";
+const u = ({
+  children: t,
+  className: i,
+  localeMessages: o
+}) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: t }), H = ({ icon: t }) => {
+  const { handleRotateCounterclockwise: i } = n(), { localeMessages: o } = e();
+  return /* @__PURE__ */ r(u, { localeMessages: o, children: /* @__PURE__ */ r(
+    p,
+    {
+      onClick: i,
+      "aria-label": o == null ? void 0 : o.rotateCounterclockwiseLabel,
+      children: t || /* @__PURE__ */ r(c, { className: l["rp-rotate-counterclockwise"] })
+    }
+  ) });
+};
+export {
+  H as RotateCounterclockwiseTool
+};

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

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useCallback as a } from "react";
+import { MoonIcon as h } from "../../../icons/MoonIcon.js";
+import { SunIcon as c } from "../../../icons/SunIcon.js";
+import { UIButton as k } from "../../../ui/Button.js";
+import { useDarkModeContext as f } from "../../../../contexts/DarkModeContext.js";
+import { useLocalizationContext as I } from "../../../../contexts/LocalizationContext.js";
+import u from "../../../ui/RPTooltip.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../utils/hooks/useDarkMode.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+const q = ({ icons: o }) => {
+  const { darkMode: m, setDarkMode: i } = f(), { localeMessages: t } = I(), e = o == null ? void 0 : o.lightModeIcon, n = o == null ? void 0 : o.darkModeIcon, p = m ? t == null ? void 0 : t.themeEnableLightTooltip : t == null ? void 0 : t.themeEnableDarkTooltip, d = a(() => {
+    i((l) => !l);
+  }, [i]);
+  return /* @__PURE__ */ r(u, { content: p, children: /* @__PURE__ */ r(k, { onClick: d, "aria-label": p, children: m ? n ?? /* @__PURE__ */ r(c, {}) : e ?? /* @__PURE__ */ r(h, {}) }) });
+};
+export {
+  q as ThemeSwitcherTool
+};

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

@@ -0,0 +1,154 @@
+import { jsx as o, Fragment as n } from "react/jsx-runtime";
+import { h as l } from "../../../../ToolbarLayout.module-89451ab3.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";
+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 "../../../../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/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-3bf64864.js";
+import "../../../../floating-ui.react-dom-d22a10b4.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 "../../../../utils/hooks/useLocalization.js";
+const Oo = ({ icon: i }) => {
+  const { active: r, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
+    m(!r);
+  };
+  return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(a, { content: t == null ? void 0 : t.thumbnailTooltip, children: /* @__PURE__ */ o(
+    u,
+    {
+      onClick: p,
+      active: r,
+      "aria-label": t == null ? void 0 : t.thumbnailTooltip,
+      children: i || /* @__PURE__ */ o(h, {})
+    }
+  ) }) });
+};
+export {
+  Oo as ThumbnailTool
+};

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

@@ -0,0 +1,53 @@
+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 p } from "../../../../utils/constants.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 "../../../../utils/hooks/useDebounce.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../utils/hooks/useLocalization.js";
+const V = ({ icon: m }) => {
+  const { currentZoom: t, setZoomLevel: i } = u(), { localeMessages: o } = h(), n = f(() => {
+    i(() => {
+      const l = Math.floor(t * 100 / 25) * 25;
+      return Math.min(l + 25, p);
+    });
+  }, [i, t]), e = d(() => t >= p, [t]);
+  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
+    Z,
+    {
+      disabled: e,
+      onClick: n,
+      "aria-label": o == null ? void 0 : o.zoomInTooltip,
+      children: m || /* @__PURE__ */ r(I, {})
+    }
+  ) }) });
+};
+export {
+  V as ZoomInTool
+};

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

@@ -0,0 +1,89 @@
+import { jsx as r, Fragment as z, jsxs as e } from "react/jsx-runtime";
+import { useState as v, 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 i } from "../../../../ZoomTool.module-7082af8c.js";
+import { UIDropDown as w } from "../../../ui/DropDown.js";
+import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
+import { G as h } from "../../../../index-3bf64864.js";
+import { MenuItem as n } from "../MenuItem.js";
+import { MenuSeparator as b } from "../MenuSeparator.js";
+import A from "../../../ui/RPTooltip.js";
+import { ZoomLevel as c } from "../../../../utils/types.js";
+import { useLocalizationContext as N } from "../../../../contexts/LocalizationContext.js";
+import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.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 "../../../../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 "../../../../utils/hooks/useDebounce.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../utils/hooks/useLocalization.js";
+const R = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: l }) => {
+  const { zoomLevel: u, setZoomLevel: m } = L(), { container: a, pagesRef: p } = I(), { localeMessages: o } = N(), [f, s] = v(0), d = x(
+    new ResizeObserver((t) => {
+      s(t[0].contentRect.height);
+    })
+  );
+  return C(() => (p && d.current.observe(p), () => {
+    d.current.disconnect();
+  }), [p]), /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
+    w,
+    {
+      container: a,
+      triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ e(
+        T,
+        {
+          className: i["rp-current-zoom-wrapper"],
+          "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
+          children: [
+            /* @__PURE__ */ r("span", { className: i["rp-current-zoom-text"], children: u }),
+            /* @__PURE__ */ r("span", { className: i["rp-current-zoom-text"], children: "%" }),
+            /* @__PURE__ */ r("div", { className: i["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
+          ]
+        }
+      ) }) }),
+      style: { minWidth: "200px" },
+      align: "center",
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          style: { maxHeight: `${f}px`, overflow: "auto" },
+          className: i["rp-zoom-dropdown-content"],
+          children: [
+            /* @__PURE__ */ e(h, { children: [
+              /* @__PURE__ */ r(n, { onClick: () => m(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+              /* @__PURE__ */ r(n, { onClick: () => m(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+              /* @__PURE__ */ r(n, { onClick: () => m(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+            ] }),
+            /* @__PURE__ */ r(b, {}),
+            /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ e(n, { onClick: () => m(t), children: [
+              t,
+              " %"
+            ] }, t)) })
+          ]
+        }
+      )
+    }
+  ) });
+};
+export {
+  fo as ZoomLevelTool
+};

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

@@ -0,0 +1,53 @@
+import { jsx as r, Fragment as u } from "react/jsx-runtime";
+import { useMemo as c, useCallback as l } from "react";
+import { useZoomContext as O } from "../../../../contexts/ZoomContext.js";
+import { UIButton as d } from "../../../ui/Button.js";
+import Z from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
+import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
+import { MIN_ZOOM_SCALE as h, MAX_ZOOM_SCALE as C } from "../../../../utils/constants.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 "../../../../utils/hooks/useDebounce.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "../../../../index-c9a2990a.js";
+import "react-dom";
+import "../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../utils/hooks/useLocalization.js";
+const Y = ({ icon: m }) => {
+  const { currentZoom: t, setZoomLevel: i } = O(), { localeMessages: o } = f(), p = c(() => t <= h, [t]), n = l(() => {
+    i(() => {
+      const e = Math.ceil(t * 100 / 25) * 25;
+      return Math.min(e - 25, C);
+    });
+  }, [i, t]);
+  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
+    d,
+    {
+      disabled: p,
+      onClick: n,
+      "aria-label": o == null ? void 0 : o.zoomOutTooltip,
+      children: m || /* @__PURE__ */ r(a, {})
+    }
+  ) }) });
+};
+export {
+  Y as ZoomOutTool
+};

package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js

@@ -0,0 +1,155 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { useState as d, useEffect as f } from "react";
+import "../../../../../contexts/RPDocumentContext.js";
+import "../../../../../contexts/DocumentPasswordContext.js";
+import { j as t, S as y, k as C, l as R } from "../../../../../ToolbarLayout.module-89451ab3.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 { useToolComponentContext as v } from "../../../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as x } from "../../../../../contexts/IconToolContext.js";
+import "../../../../../contexts/OtherToolContext.js";
+import "../../../../RPConfig.js";
+import "../../../Container.js";
+import { useViewportContext as I } from "../../../../../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 "../../../../ui/RPTooltip.js";
+import "../../../../ui/Input.js";
+import "../../../../../ZoomTool.module-7082af8c.js";
+import "../../../../ui/DropDown.js";
+import "../../MenuItem.js";
+import "../../MenuSeparator.js";
+import "../../../../../utils/dateFormatter.js";
+import "../../PropertyItem.js";
+import "../../../../../RotateTool.module-67946714.js";
+import { ZoomTool as T } from "../../ZoomTool.js";
+import "../../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../../utils/types.js";
+import "../../../../../th_TH-d627cd51.js";
+import "../../../../../utils/getThumbnailViewport.js";
+import "../../../../../contexts/ConfigContext.js";
+import "../../../../../utils/hooks/usePdfProperties.js";
+import "../../../../../utils/convertPdfDate.js";
+import "../../../../../utils/formatFileSize.js";
+import "../../../../../utils/appConsole.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 "../../../../icons/LoaderIcon.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/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/calculatePage.js";
+import "../../../../../utils/hooks/useMousePressed.js";
+import "../../../../../utils/hooks/useGrabScroll.js";
+import "../../../../../utils/hooks/usePinch.js";
+import "../../../../../utils/hooks/useDebounce.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 "../../../../../floating-ui.react-dom-d22a10b4.js";
+import "../../../../../index-3bf64864.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/SearchIcon.js";
+import "../../../../icons/ClearIcon.js";
+import "../../../../../utils/hooks/useDarkMode.js";
+import "../../../../../utils/getZoomLevel.js";
+import "../../../../../utils/hooks/useFullScreen.js";
+import "../../../../../utils/hooks/useLocalization.js";
+import "../../../../../utils/hooks/useHighlight.js";
+import "../../../../../utils/hooks/useLicense.js";
+import "../../../../RPTheme.js";
+import "../../../../../utils/hooks/useLoadWorker.js";
+import "../../../../icons/LightPdfIcon.js";
+import "../../../../icons/DarkPdfIcon.js";
+import "../../../../icons/ZoomInIcon.js";
+import "../../../../icons/ZoomOutIcon.js";
+const or = (u) => {
+  const { icons: i, slots: m } = u, { setIcons: p } = x(), { setSlots: s } = v(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = I(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+  return f(() => {
+    p((r) => ({ ...r, ...i })), a(!0);
+  }, [i, p, e, a]), f(() => {
+    s((r) => ({ ...r, ...m })), n(!0);
+  }, [m, s, l, n]), !e || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: h(), children: [
+    /* @__PURE__ */ c("div", { "data-rp": "topBarLeft", className: t["rp-toolbar-start"], children: [
+      /* @__PURE__ */ o(y, {}),
+      /* @__PURE__ */ o(C, {})
+    ] }),
+    /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(T, {}) }),
+    /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(R, {}) })
+  ] }) });
+};
+export {
+  or as RPHorizontalBar
+};