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

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

@@ -1,56 +1,90 @@
-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 { c as e } 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-f563c6f0.js";
-import { MenuItem as m } from "../MenuItem.js";
+import { G as f } from "../../../../index-4baea9b5.js";
+import { MenuItem as p } 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 { ZoomLevelDisplay as R } from "./ZoomLevelDisplay.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 "../../../../contexts/EventCallbackContext.js";
+import "../../../../utils/hooks/useDebounce.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.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 "../../../../utils/hooks/useLocalization.js";
+const S = [50, 75, 100, 125, 150, 200, 300, 400], Lo = ({ icon: l }) => {
+  const { zoomLevel: h, setZoomLevel: i } = L(), { container: u, pagesRef: n } = I(), { 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(
+  }), [n]), /* @__PURE__ */ r(v, { 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__ */ 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"],
           "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(
+              R,
+              {
+                zoomLevel: h,
+                className: e["rp-current-zoom-text"]
+              }
+            ),
             /* @__PURE__ */ r("div", { className: e["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" },
+          style: { maxHeight: `${a}px`, overflow: "auto" },
           className: e["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(f, { children: [
+              /* @__PURE__ */ r(p, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+              /* @__PURE__ */ r(p, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+              /* @__PURE__ */ r(p, { 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(f, { children: S.map((t) => /* @__PURE__ */ m(p, { onClick: () => i(t), children: [
               t,
               " %"
             ] }, t)) })
@@ -61,5 +95,5 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], _ = ({ icon: l }) => {
   ) });
 };
 export {
-  _ as ZoomLevelTool
+  Lo as ZoomLevelTool
 };

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

@@ -1,28 +1,57 @@
-import { jsx as r, Fragment as c } from "react/jsx-runtime";
-import { useMemo as l, useCallback as p } 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 { jsx as r, Fragment as u } from "react/jsx-runtime";
+import { useMemo as l, useCallback as c } from "react";
+import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
+import { UIButton as f } from "../../../ui/Button.js";
+import O from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as Z } 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";
-const A = ({ icon: m }) => {
-  const { currentZoom: t, setZoomLevel: n } = O(), { localeMessages: o } = f(), i = l(() => t <= h, [t]), e = p(() => {
-    n(() => {
-      const u = Math.ceil(t * 100 / 25) * 25;
-      return Math.min(u - 25, C);
+import { MAX_ZOOM_SCALE as h } from "../../../../utils/constants.js";
+import { isZoomOutDisabled as s } 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-c0faa594.js";
+import "react-dom";
+import "../../../../index-e3ee9457.js";
+import "../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../index-655864a7.js";
+import "../../../../utils/hooks/useLocalization.js";
+const to = ({ icon: m }) => {
+  const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = Z(), p = l(() => s(t), [t]), n = c(() => {
+    i(() => {
+      const e = Math.ceil(t * 100 / 25) * 25;
+      return Math.min(e - 25, h);
     });
-  }, [n, t]);
-  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
-    d,
+  }, [i, t]);
+  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(O, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
+    f,
     {
-      disabled: i,
-      onClick: e,
+      disabled: p,
+      onClick: n,
       "aria-label": o == null ? void 0 : o.zoomOutTooltip,
       children: m || /* @__PURE__ */ r(a, {})
     }
   ) }) });
 };
 export {
-  A as ZoomOutTool
+  to as ZoomOutTool
 };

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

@@ -1,70 +1,147 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { useState as d, useEffect as f } from "react";
+import { SearchTool as y } from "../../SearchTool.js";
+import { Paginate as C } from "../../Paginate.js";
+import { ZoomTool as R } from "../../ZoomTool.js";
+import { RPToolbarEnd as v } from "../../RPToolbarEnd.js";
+import { c as t } from "../../../../../RPToolbar.module-27d7fe77.js";
+import { useViewportContext as x } from "../../../../../contexts/ViewportContext.js";
+import { useIconToolContext as I } from "../../../../../contexts/IconToolContext.js";
+import { useToolComponentContext as T } from "../../../../../contexts/ToolComponentContext.js";
+import "../../../../ui/Button.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../utils/withRef.js";
+import "../../../../icons/SearchIcon.js";
+import "../../../../../contexts/LayoutContainerContext.js";
+import "../../../../../SearchTool.module-99f60dc7.js";
+import "../../../../ui/Input.js";
+import "../../../../ui/Checkbox.js";
+import "../../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../../index-655864a7.js";
+import "../../../../icons/CheckIcon.js";
+import "../../../../icons/ClearIcon.js";
+import "../../../../icons/LoaderIcon.js";
+import "../../../../../contexts/SearchContext.js";
+import "../../../../../utils/hooks/useSearch.js";
+import "../../../../../utils/types.js";
+import "../../../../../th_TH-d627cd51.js";
+import "../../../../../utils/highlight.js";
+import "../../../../../utils/charators.js";
+import "../../../../../contexts/VirtualScrollContext.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 { j as t, S as y, k as C, l as R } from "../../../../../ToolbarLayout.module-c588d36b.js";
-import "../../../../../contexts/DarkModeContext.js";
-import "../../../../../contexts/RotationContext.js";
-import "../../../../../contexts/LayerContext.js";
+import "../../../../../utils/hooks/usePdfProperties.js";
+import "../../../../../utils/convertPdfDate.js";
+import "../../../../../utils/formatFileSize.js";
 import "../../../../../contexts/ZoomContext.js";
+import "../../../../../utils/constants.js";
+import "../../../../../utils/getZoomLevel.js";
 import "../../../../../contexts/ViewModeContext.js";
-import "../../../../../contexts/ScrollModeContext.js";
-import "../../../../../contexts/VirtualScrollContext.js";
+import "../../../../../contexts/RotationContext.js";
+import "../../../../../contexts/GlobalCurrentPage.js";
+import "../../../../../contexts/EventCallbackContext.js";
+import "../../../../../utils/hooks/useDebounce.js";
+import "../../../../../PaginationContext-9217cab4.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/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-a871c161.js";
-import "../../../../../contexts/ThemeContext.js";
-import "../../../../RPDropFileZone.js";
-import "../../../../ui/Button.js";
+import "../../../../../contexts/SmoothScrollContext.js";
+import "../../../../../utils/getScrollDistance.js";
+import "../../../../../utils/calculatePage.js";
+import "../../../../../utils/getWordPositionInPage.js";
+import "../../../../../contexts/IconContext.js";
 import "../../../../ui/RPTooltip.js";
-import "../../../../ui/Input.js";
-import "../../../../../ZoomTool.module-6c5eabbb.js";
+import "../../../../../index-e3ee9457.js";
+import "../../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../../contexts/ToolbarComponentContext.js";
+import "../../../../../contexts/LocalizationContext.js";
+import "../../../../../utils/hooks/useLocalization.js";
+import "../../../../icons/InfoIcon.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.module-206a7d7d.js";
+import "../../../../icons/ZoomInIcon.js";
+import "../../../../icons/ZoomOutIcon.js";
+import "../../../../../ZoomTool.module-7082af8c.js";
 import "../../MenuItem.js";
 import "../../MenuSeparator.js";
+import "../ZoomLevelDisplay.js";
+import "../../../../../utils/zoom.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 { ZoomTool as T } from "../../ZoomTool.js";
-const To = (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;
+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";
+const Ot = (u) => {
+  const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: e } = T(), [s, a] = d(!1), [l, n] = d(!1), { isSmallScreen: h } = x(), S = () => h ? { 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: [
+  }, [i, p, s, a]), f(() => {
+    e((r) => ({ ...r, ...m })), n(!0);
+  }, [m, e, l, n]), !s || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: S(), 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, {}) })
+    /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(R, {}) }),
+    /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(v, {}) })
   ] }) });
 };
 export {
-  To as RPHorizontalBar
+  Ot as RPHorizontalBar
 };

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

@@ -1,16 +1,42 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as a, useEffect as f } from "react";
-import { useIconToolContext as p } from "../../../../../contexts/IconToolContext.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useState as l, useEffect as a } from "react";
+import { useIconToolContext as u } from "../../../../../contexts/IconToolContext.js";
 import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
 import { ThumbnailTool as I } from "../../ThumbnailTool.js";
-const C = (u) => {
-  const { icons: t, slots: s } = u, { setIcons: e } = p(), { setSlots: n } = d(), [r, c] = a(!1), [l, i] = a(!1);
-  return f(() => {
-    e((o) => ({ ...o, ...t })), c(!0);
-  }, [t, e, r, c]), f(() => {
-    n((o) => ({ ...o, ...s })), i(!0);
-  }, [s, n, l, i]), !r || !l ? null : /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(I, {}) });
+import "../../../../../contexts/ThumbnailsContext.js";
+import "../../../../../utils/hooks/useThumbnail.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/appConsole.js";
+import "../../../../../utils/hooks/usePdfProperties.js";
+import "../../../../../utils/convertPdfDate.js";
+import "../../../../../utils/formatFileSize.js";
+import "../../../../icons/Thumbnail.js";
+import "../../../../ui/Button.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../utils/withRef.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";
+const U = (f) => {
+  const { icons: t, slots: r } = f, { setIcons: i } = u(), { setSlots: m } = d(), [p, s] = l(!1), [e, n] = l(!1);
+  return a(() => {
+    i((o) => ({ ...o, ...t })), s(!0);
+  }, [t, i, p, s]), a(() => {
+    m((o) => ({ ...o, ...r })), n(!0);
+  }, [r, m, e, n]), !p || !e ? null : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(I, {}) });
 };
 export {
-  C as RPVerticalBar
+  U as RPVerticalBar
 };

package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js

@@ -1,16 +1,29 @@
-import { jsx as t, Fragment as c, jsxs as p } from "react/jsx-runtime";
+import { jsx as t, Fragment as p, jsxs as c } from "react/jsx-runtime";
 import { MenuItem as u } from "../../MenuItem.js";
 import { InfoIcon as l } from "../../../../icons/InfoIcon.js";
 import { useOtherToolContext as s } from "../../../../../contexts/OtherToolContext.js";
 import f from "../../../../ui/RPTooltip.js";
 import { useLocalizationContext as d } from "../../../../../contexts/LocalizationContext.js";
-const a = (e) => {
-  const { icon: r, isToolVisible: i = !0 } = e, { setActiveDocumentProperties: n } = s(), { localeMessages: o } = d();
-  return i ? /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(u, { onClick: () => n((m) => !m), children: /* @__PURE__ */ p(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
+import "../../../../../index-4baea9b5.js";
+import "react";
+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/withRef.js";
+import "../../../../../utils/appConsole.js";
+import "../../../../../utils/hooks/useLocalization.js";
+import "../../../../../th_TH-d627cd51.js";
+const V = (i) => {
+  const { icon: r, isToolVisible: m = !0 } = i, { setActiveDocumentProperties: e } = s(), { localeMessages: o } = d();
+  return m ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(u, { onClick: () => e((n) => !n), children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
     /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ t(l, {}) }),
     o == null ? void 0 : o.documentPropertiesLabel
   ] }) }) }) : null;
 };
 export {
-  a as DocumentProperties
+  V as DocumentProperties
 };

package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js

@@ -1,20 +1,45 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import c from "../../../../ui/RPTooltip.js";
-import { MenuItem as d } from "../../MenuItem.js";
-import { useViewportContext as p } from "../../../../../contexts/ViewportContext.js";
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import l from "../../../../ui/RPTooltip.js";
+import { MenuItem as c } from "../../MenuItem.js";
+import { useViewportContext as d } from "../../../../../contexts/ViewportContext.js";
 import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
-import { b as u } from "../../../../../ToolbarLayout.module-c588d36b.js";
+import { useFileDownload as u } from "../../../../../utils/hooks/useFileDownload.js";
 import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
-const h = (r) => {
-  const { icon: t, isToolVisible: e = !0 } = r, { isSmallScreen: n } = p(), { localeMessages: o } = f(), { download: l } = u();
-  if (!e || !n)
+import "react";
+import "../../../../../index-c0faa594.js";
+import "react-dom";
+import "../../../../../index-e3ee9457.js";
+import "../../../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../../../index-655864a7.js";
+import "../../../../../utils/withRef.js";
+import "../../../../../index-4baea9b5.js";
+import "../../../../../Combination-54a77a7a.js";
+import "../../../../../clsx-0c6e471a.js";
+import "../../../../../contexts/LayoutContainerContext.js";
+import "../../../../../utils/appConsole.js";
+import "../../../../../utils/hooks/useLocalization.js";
+import "../../../../../th_TH-d627cd51.js";
+import "../../../../../contexts/RPDocumentContext.js";
+import "../../../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../../../utils/types.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 "../../../../../contexts/DownloadContext.js";
+const W = (m) => {
+  const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = d(), { localeMessages: o } = f(), { download: n } = u();
+  if (!p || !r)
     return null;
-  if (n)
-    return /* @__PURE__ */ i(d, { onClick: l, children: /* @__PURE__ */ m(c, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
+  if (r)
+    return /* @__PURE__ */ i(c, { onClick: n, children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(a, {}) }),
       o == null ? void 0 : o.downloadFileLabel
     ] }) });
 };
 export {
-  h as FileDownloadTool
+  W as FileDownloadTool
 };