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

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

@@ -1,91 +1,111 @@
-import { jsx as t, jsxs as c, Fragment as y } from "react/jsx-runtime";
-import { useState as T, useRef as D, useCallback as x, useMemo as h, useEffect as G } from "react";
-import { useZoomContext as _ } from "../../../contexts/ZoomContext.js";
-import { ChevronUpIcon as F } from "../../icons/ChevronUpIcon.js";
-import { ZoomInIcon as H } from "../../icons/ZoomInIcon.js";
-import { ZoomOutIcon as R } from "../../icons/ZoomOutIcon.js";
-import { UIButton as z } from "../../ui/Button.js";
-import { c as e } from "../../../ZoomTool.module-6c5eabbb.js";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { useState as I, useRef as P, useCallback as C, useMemo as T, useEffect as R } from "react";
+import { useZoomContext as W } from "../../../contexts/ZoomContext.js";
+import { ChevronUpIcon as E } from "../../icons/ChevronUpIcon.js";
+import { ZoomInIcon as G } from "../../icons/ZoomInIcon.js";
+import { ZoomOutIcon as H } from "../../icons/ZoomOutIcon.js";
+import { UIButton as f } from "../../ui/Button.js";
+import { c as e } from "../../../ZoomTool.module-7082af8c.js";
 import { UIDropDown as U } from "../../ui/DropDown.js";
-import { useLayoutContainer as j } from "../../../contexts/LayoutContainerContext.js";
-import { G as b } from "../../../index-f563c6f0.js";
-import { MenuItem as u } from "./MenuItem.js";
-import { MenuSeparator as B } from "./MenuSeparator.js";
-import { useToolbarComponentContext as V } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as O } from "../../../contexts/IconContext.js";
-import { useViewportContext as X } from "../../../contexts/ViewportContext.js";
-import a from "../../ui/RPTooltip.js";
-import { ZoomLevel as p } from "../../../utils/types.js";
-import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
-import { c as q } from "../../../clsx-0c6e471a.js";
-import { useIconToolContext as Z } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as J } from "../../../contexts/ToolComponentContext.js";
-const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
-  const { zoomInIcon: r } = O(), { zoomInIcon: n } = Z();
-  return r || n || /* @__PURE__ */ t(H, {});
+import { useLayoutContainer as _ } from "../../../contexts/LayoutContainerContext.js";
+import { G as Z } from "../../../index-4baea9b5.js";
+import { MenuItem as c } from "./MenuItem.js";
+import { MenuSeparator as j } from "./MenuSeparator.js";
+import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as x } from "../../../contexts/IconContext.js";
+import { useViewportContext as B } from "../../../contexts/ViewportContext.js";
+import s from "../../ui/RPTooltip.js";
+import { ZoomLevel as h } from "../../../utils/types.js";
+import { useLocalizationContext as V } from "../../../contexts/LocalizationContext.js";
+import { c as X } from "../../../clsx-0c6e471a.js";
+import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as $ } from "../../../contexts/ToolComponentContext.js";
+import { ZoomLevelDisplay as q } from "./tools/ZoomLevelDisplay.js";
+import { MAX_ZOOM_SCALE as O } from "../../../utils/constants.js";
+import { isZoomOutDisabled as J, isZoomInDisabled as K } from "../../../utils/zoom.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 "../../../th_TH-d627cd51.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.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 "../../../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 Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
+  const { zoomInIcon: m } = x(), { zoomInIcon: r } = b();
+  return m || r || /* @__PURE__ */ t(G, {});
 }, g = () => {
-  const { zoomOutIcon: r } = O(), { zoomOutIcon: n } = Z();
-  return r || n || /* @__PURE__ */ t(R, {});
-}, Oo = () => {
-  const { zoomLevel: r, setZoomLevel: n, currentZoom: i } = _(), { container: v, pagesRef: d } = j(), { zoomTool: l = !0 } = V(), { zoomTool: f = !0 } = J(), { isSmallScreen: A } = X(), { localeMessages: o } = $(), [w, L] = T(0), [s, S] = T(!1), C = D(
-    new ResizeObserver((m) => {
-      L(m[0].contentRect.height);
+  const { zoomOutIcon: m } = x(), { zoomOutIcon: r } = b();
+  return m || r || /* @__PURE__ */ t(H, {});
+}, Yo = () => {
+  const { zoomLevel: m, setZoomLevel: r, currentZoom: i } = W(), { container: v, pagesRef: u } = _(), { zoomTool: l = !0 } = F(), { zoomTool: d = !0 } = $(), { isSmallScreen: w } = B(), { localeMessages: o } = V(), [L, D] = I(0), [a, S] = I(!1), z = P(
+    new ResizeObserver((n) => {
+      D(n[0].contentRect.height);
     })
-  ), P = x(() => {
-    n(() => {
-      const m = Math.floor(i * 100 / 25) * 25;
-      return Math.min(m + 25, I);
+  ), k = C(() => {
+    r(() => {
+      const n = Math.floor(i * 100 / 25) * 25;
+      return Math.min(n + 25, O);
     });
-  }, [n, i]), N = x(() => {
-    n(() => {
-      const m = Math.ceil(i * 100 / 25) * 25;
-      return Math.min(m - 25, I);
+  }, [r, i]), A = C(() => {
+    r(() => {
+      const n = Math.ceil(i * 100 / 25) * 25;
+      return Math.min(n - 25, O);
     });
-  }, [n, i]), k = h(() => i * 100 <= K, [i]), E = h(() => i * 100 >= I, [i]);
-  G(() => (d && C.current.observe(d), () => {
-    C.current.disconnect();
-  }), [d]);
-  const W = h(() => {
-    switch (r) {
-      case p.ACTUAL:
-        return o == null ? void 0 : o.zoomActualSize;
-      case p.PAGE_FIT:
-        return o == null ? void 0 : o.zoomPageFit;
-      case p.PAGE_WIDTH:
-        return o == null ? void 0 : o.zoomPageWidth;
-    }
-    return r;
-  }, [r, o]);
-  return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: r, setZoomLevel: n }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: r, setZoomLevel: n }) : /* @__PURE__ */ c("div", { className: e["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
-      z,
+  }, [r, i]), y = T(() => J(i), [i]), N = T(() => K(i), [i]);
+  return R(() => (u && z.current.observe(u), () => {
+    z.current.disconnect();
+  }), [u]), !l || !d ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: m, setZoomLevel: r }) : typeof d == "function" ? /* @__PURE__ */ t(d, { zoomLevel: m, setZoomLevel: r }) : /* @__PURE__ */ p("div", { className: e["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
+      f,
       {
-        disabled: k,
-        onClick: N,
+        disabled: y,
+        onClick: A,
         "aria-label": o == null ? void 0 : o.zoomOutTooltip,
         children: /* @__PURE__ */ t(g, {})
       }
     ) }),
-    !A && /* @__PURE__ */ t(
+    !w && /* @__PURE__ */ t(
       U,
       {
         container: v,
-        open: s,
+        open: a,
         onOpenChange: S,
-        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ c(
-          z,
+        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
+          f,
           {
-            className: q(
+            className: X(
               e["rp-current-zoom-wrapper"],
-              s && e.active
+              a && e.active
             ),
             "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
             children: [
-              typeof r == "number" ? /* @__PURE__ */ c(y, { children: [
-                /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: r }),
-                /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: "%" })
-              ] }) : /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: W }),
-              /* @__PURE__ */ t(F, { className: e["rp-current-zoom-icon"] })
+              /* @__PURE__ */ t(
+                q,
+                {
+                  zoomLevel: m,
+                  className: e["rp-current-zoom-text"]
+                }
+              ),
+              /* @__PURE__ */ t(E, { className: e["rp-current-zoom-icon"] })
             ]
           }
         ) }) }),
@@ -93,32 +113,32 @@ const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
         align: "center",
         side: "bottom",
         avoidCollisions: !1,
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ p(
           "div",
           {
-            style: { maxHeight: `${w}px`, overflow: "auto" },
+            style: { maxHeight: `${L}px`, overflow: "auto" },
             className: e["rp-zoom-dropdown-content"],
             children: [
-              /* @__PURE__ */ c(b, { children: [
-                /* @__PURE__ */ t(u, { onClick: () => n(p.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
-                /* @__PURE__ */ t(u, { onClick: () => n(p.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
-                /* @__PURE__ */ t(u, { onClick: () => n(p.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+              /* @__PURE__ */ p(Z, { children: [
+                /* @__PURE__ */ t(c, { onClick: () => r(h.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+                /* @__PURE__ */ t(c, { onClick: () => r(h.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+                /* @__PURE__ */ t(c, { onClick: () => r(h.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
               ] }),
-              /* @__PURE__ */ t(B, {}),
-              /* @__PURE__ */ t(b, { children: Q.map((m) => /* @__PURE__ */ c(u, { onClick: () => n(m), children: [
-                m,
+              /* @__PURE__ */ t(j, {}),
+              /* @__PURE__ */ t(Z, { children: Q.map((n) => /* @__PURE__ */ p(c, { onClick: () => r(n), children: [
+                n,
                 " %"
-              ] }, m)) })
+              ] }, n)) })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
-      z,
+    /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
+      f,
       {
-        disabled: E,
-        onClick: P,
+        disabled: N,
+        onClick: k,
         "aria-label": o == null ? void 0 : o.zoomInTooltip,
         children: /* @__PURE__ */ t(Y, {})
       }
@@ -126,5 +146,5 @@ const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
   ] });
 };
 export {
-  Oo as ZoomTool
+  Yo as ZoomTool
 };

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

@@ -1,28 +1,54 @@
-import { jsxs as m, Fragment as e, jsx as t } from "react/jsx-runtime";
-import p from "../../../ui/RPTooltip.js";
+import { jsxs as p, Fragment as n, jsx as t } from "react/jsx-runtime";
+import e from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
 import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
 import { InfoIcon as f } from "../../../icons/InfoIcon.js";
-import { UIButton as D } from "../../../ui/Button.js";
-import { D as P } from "../../../../ToolbarLayout.module-c588d36b.js";
-const d = ({
+import { UIButton as P } from "../../../ui/Button.js";
+import { DocumentDialog as d } from "../DocumentDialog.js";
+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 "../../../../utils/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../Combination-54a77a7a.js";
+import "../../../../contexts/LayoutContainerContext.js";
+import "../../../icons/CloseIcon.js";
+import "../../../../utils/dateFormatter.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 "../PropertyItem.js";
+const x = ({
   children: r,
   className: i,
   localeMessages: o
-}) => /* @__PURE__ */ t(p, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), j = ({ icon: r }) => {
+}) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Y = ({ icon: r }) => {
   const { setActiveDocumentProperties: i } = u(), { localeMessages: o } = c();
-  return /* @__PURE__ */ m(e, { children: [
-    /* @__PURE__ */ t(d, { localeMessages: o, children: /* @__PURE__ */ t(
-      D,
+  return /* @__PURE__ */ p(n, { children: [
+    /* @__PURE__ */ t(x, { localeMessages: o, children: /* @__PURE__ */ t(
+      P,
       {
-        onClick: () => i((n) => !n),
+        onClick: () => i((m) => !m),
         "aria-label": o == null ? void 0 : o.documentPropertiesLabel,
         children: r || /* @__PURE__ */ t(f, {})
       }
     ) }),
-    /* @__PURE__ */ t(P, {})
+    /* @__PURE__ */ t(d, {})
   ] });
 };
 export {
-  j as DocumentPropertiesTool
+  Y as DocumentPropertiesTool
 };

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

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import m from "../../../ui/RPTooltip.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { DualPageIcon as n } from "../../../icons/DualPageIcon.js";
+import { useViewModeContext as u } from "../../../../contexts/ViewModeContext.js";
+import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
+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 "../../../../clsx-0c6e471a.js";
+import "../../../../utils/appConsole.js";
+import "../../../../utils/types.js";
+import "../../../../th_TH-d627cd51.js";
+import "../../../../contexts/InitialStateContext.js";
+import "../../../../utils/hooks/useLocalization.js";
+const l = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.dualPageTooltip, children: t }), R = ({ icon: t }) => {
+  const { setDualPage: i } = u(), { localeMessages: o } = a();
+  return /* @__PURE__ */ r(l, { localeMessages: o, children: /* @__PURE__ */ r(p, { onClick: i, "aria-label": o == null ? void 0 : o.dualPageTooltip, children: t || /* @__PURE__ */ r(n, {}) }) });
+};
+export {
+  R as DualPageTool
+};

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

@@ -1,13 +1,35 @@
 import { jsx as i } from "react/jsx-runtime";
-import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
-import { UIButton as l } from "../../../ui/Button.js";
-import { b as d } from "../../../../ToolbarLayout.module-c588d36b.js";
-import m from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
-const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), c = ({ icon: t }) => {
-  const { download: n } = d(), { localeMessages: o } = p();
-  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(l, { onClick: n, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ i(r, {}) }) });
+import { FileDownloadDefaultIcon as m } from "../../../icons/FileDownloadDefaultIcon.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { useFileDownload as n } from "../../../../utils/hooks/useFileDownload.js";
+import l from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as d } from "../../../../contexts/LocalizationContext.js";
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "react";
+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 "../../../../contexts/DownloadContext.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 f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), J = ({ icon: t }) => {
+  const { download: r } = n(), { localeMessages: o } = d();
+  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ i(m, {}) }) });
 };
 export {
-  c as FileDownloadTool
+  J as FileDownloadTool
 };

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

@@ -1,13 +1,34 @@
 import { jsx as i } from "react/jsx-runtime";
-import { FileUploadDefaultIcon as p } from "../../../icons/FileUploadDefaultIcon.js";
-import { UIButton as r } from "../../../ui/Button.js";
-import { useOpenFileContext as l } from "../../../../contexts/FileInputContext.js";
-import m from "../../../ui/RPTooltip.js";
+import { FileUploadDefaultIcon as r } from "../../../icons/FileUploadDefaultIcon.js";
+import { UIButton as m } from "../../../ui/Button.js";
+import { useOpenFileContext as n } from "../../../../contexts/FileInputContext.js";
+import l from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
-const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), U = ({ icon: t }) => {
-  const { openFile: n } = l(), { localeMessages: o } = e();
-  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(r, { onClick: n, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ i(p, {}) }) });
+import "../../../../clsx-0c6e471a.js";
+import "../../../../utils/withRef.js";
+import "react";
+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 "../../../../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 f = ({ children: t, className: p, localeMessages: o }) => /* @__PURE__ */ i(l, { className: p, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), G = ({ icon: t }) => {
+  const { openFile: p } = n(), { localeMessages: o } = e();
+  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(m, { onClick: p, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ i(r, {}) }) });
 };
 export {
-  U as FileUploadTool
+  G as FileUploadTool
 };

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

@@ -1,21 +1,33 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useFullScreenContext as i } from "../../../../contexts/FullScreenContext.js";
-import { UIButton as c } from "../../../ui/Button.js";
-import { FullScreenIcon as u } from "../../../icons/FullScreenIcon.js";
-import m from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
-const f = ({ children: r, className: l, localeMessages: o }) => /* @__PURE__ */ t(m, { className: l, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), C = ({ icon: r }) => {
-  const { isFullScreen: l, toggleFullScreen: o, isSupported: n } = i(), { localeMessages: e } = p();
-  return /* @__PURE__ */ t(f, { localeMessages: e, children: /* @__PURE__ */ t(
-    c,
+import { useFullScreenContext as n } from "../../../../contexts/FullScreenContext.js";
+import { UIButton as p } from "../../../ui/Button.js";
+import { FullScreenIcon as e } from "../../../icons/FullScreenIcon.js";
+import c from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
+import "react";
+import "../../../../utils/hooks/useFullScreen.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/appConsole.js";
+import "../../../../utils/hooks/useLocalization.js";
+import "../../../../th_TH-d627cd51.js";
+const f = ({ children: r, className: i, localeMessages: o }) => /* @__PURE__ */ t(c, { className: i, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), U = ({ icon: r }) => {
+  const { isFullScreen: i, toggleFullScreen: o, isSupported: l } = n(), { localeMessages: m } = u();
+  return /* @__PURE__ */ t(f, { localeMessages: m, children: /* @__PURE__ */ t(
+    p,
     {
-      disabled: !n,
+      disabled: !l,
       onClick: o,
-      "aria-label": l ? "Exit full screen" : "Enter full screen",
-      children: r || /* @__PURE__ */ t(u, {})
+      "aria-label": i ? "Exit full screen" : "Enter full screen",
+      children: r || /* @__PURE__ */ t(e, {})
     }
   ) });
 };
 export {
-  C as FullScreenTool
+  U as FullScreenTool
 };

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

@@ -1,45 +1,85 @@
-import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
-import { useState as d, useEffect as S, useCallback as o } from "react";
-import { u as x, i as p } from "../../../../ToolbarLayout.module-c588d36b.js";
+import { jsxs as c, Fragment as h, jsx as l } from "react/jsx-runtime";
+import { useState as d, useEffect as S, useCallback as i } from "react";
+import { u as x } from "../../../../PaginationContext-9217cab4.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";
-const k = () => {
-  const { focusedPage: n, totalPages: s, goToPage: i } = x(), { localeMessages: a } = C(), [r, e] = d(n.toString());
+import { c as u } from "../../../../Paginate.module-206a7d7d.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 "../../../../utils/hooks/useLocalization.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/withRef.js";
+import "../../../../clsx-0c6e471a.js";
+const Pt = () => {
+  const { focusedPage: o, totalPages: n, goToPage: e } = x(), { localeMessages: p } = C(), [m, r] = d(o.toString());
   S(() => {
-    e(n.toString());
-  }, [n]);
-  const m = o((t) => {
-    const l = t.target.value;
-    e(l);
-  }, []), c = o(async () => {
-    const t = i(r);
-    t.success || e(t.currentPage.toString());
-  }, [i, r, s]), f = o(() => {
-    e(n.toString());
-  }, [n]), P = o(
+    r(o.toString());
+  }, [o]);
+  const g = i((t) => {
+    const s = t.target.value;
+    r(s);
+  }, []), a = i(async () => {
+    const t = e(m);
+    t.success || r(t.currentPage.toString());
+  }, [e, m, n]), f = i(() => {
+    r(o.toString());
+  }, [o]), P = i(
     (t) => {
-      t.key === "Enter" && c();
+      t.key === "Enter" && a();
     },
-    [c]
+    [a]
   );
-  return /* @__PURE__ */ u(h, { children: [
-    /* @__PURE__ */ g(y, { content: a == null ? void 0 : a.currentPageTooltip, children: /* @__PURE__ */ g(
+  return /* @__PURE__ */ c(h, { children: [
+    /* @__PURE__ */ l(y, { content: p == null ? void 0 : p.currentPageTooltip, children: /* @__PURE__ */ l(
       E,
       {
         onKeyDown: P,
         onBlur: f,
-        onChange: m,
-        value: r,
-        className: p["rp-page-input"]
+        onChange: g,
+        value: m,
+        className: u["rp-page-input"]
       }
     ) }),
-    /* @__PURE__ */ u("span", { className: p["rp-total-page"], children: [
+    /* @__PURE__ */ c("span", { className: u["rp-total-page"], children: [
       "/",
-      s
+      n
     ] })
   ] });
 };
 export {
-  k as InputPageTool
+  Pt as InputPageTool
 };