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

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

@@ -1,10 +1,150 @@
-import "react/jsx-runtime";
-import { X as e } from "../../../ToolbarLayout.module-c588d36b.js";
-import "./ZoomTool.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "../../../utils/withRef.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { c as r } from "../../../RPToolbar.module-27d7fe77.js";
+import { Paginate as c } from "./Paginate.js";
+import { RPToolbarEnd as h } from "./RPToolbarEnd.js";
+import { ZoomTool as P } from "./ZoomTool.js";
+import { SearchTool as f } from "./SearchTool.js";
+import g from "../../ui/LoadingIndicator.js";
+import { usePrintContext as u } from "../../../contexts/PrintContext.js";
+import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
+import { useViewportContext as C } from "../../../contexts/ViewportContext.js";
+import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
+import { withRef as v } from "../../../utils/withRef.js";
+import "react";
+import "../../icons/ChevronUpIcon.js";
+import "../../ui/Button.js";
+import "../../../clsx-0c6e471a.js";
+import "../../ui/Input.js";
+import "../../../Paginate.module-206a7d7d.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../utils/types.js";
+import "../../../th_TH-d627cd51.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../contexts/IconContext.js";
+import "../../ui/RPTooltip.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../contexts/IconToolContext.js";
+import "./FileUploadTool.js";
+import "../../icons/FileUploadDefaultIcon.js";
+import "./MenuItem.js";
+import "../../../index-4baea9b5.js";
+import "../../../Combination-54a77a7a.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 "../../ui/DropDown.js";
+import "./DocumentDialog.js";
+import "../../icons/CloseIcon.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../../OtherTool.module-a4be5f1f.js";
+import "./DocumentProperties.js";
+import "../../icons/InfoIcon.js";
+import "./MenuSeparator.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 "../../icons/CheckIcon.js";
+import "./ScrollModeTool.js";
+import "../../icons/PageScrollingIcon.js";
+import "../../icons/VerticalScrollingIcon.js";
+import "../../icons/HorizontalScrollingIcon.js";
+import "./FileDownloadTool.js";
+import "../../icons/FileDownloadDefaultIcon.js";
+import "../../../utils/hooks/useFileDownload.js";
+import "../../../contexts/DownloadContext.js";
+import "./PrintTool.js";
+import "../../icons/PrintDefaultIcon.js";
+import "./FullScreenTool.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../utils/hooks/useFullScreen.js";
+import "../../icons/FullScreenIcon.js";
+import "./MostPageTool.js";
+import "../../icons/GoToDownIcon.js";
+import "../../../MostPageTool.module-13578ad6.js";
+import "./SelectionModeTool.js";
+import "../../icons/TextSelectionDefaultIcon.js";
+import "../../icons/HandModeDefaultIcon.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../icons/ZoomInIcon.js";
+import "../../icons/ZoomOutIcon.js";
+import "../../../ZoomTool.module-7082af8c.js";
+import "./tools/ZoomLevelDisplay.js";
+import "../../../utils/zoom.js";
+import "../../icons/SearchIcon.js";
+import "../../../SearchTool.module-99f60dc7.js";
+import "../../ui/Checkbox.js";
+import "../../icons/ClearIcon.js";
+import "../../icons/LoaderIcon.js";
+import "../../../contexts/SearchContext.js";
+import "../../../utils/hooks/useSearch.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../utils/getWordPositionInPage.js";
+import "./SearchResultNavigator.js";
+import "./SearchCloseButton.js";
+import "../../../utils/hooks/usePrint.js";
+const Mr = v((x, m) => {
+  const { showPrintProgress: p = !0 } = w(), { showPrintProgress: e = !0 } = b(), { progress: s, showDefaultProgress: n } = u(), { isSmallScreen: a } = C(), { percentage: i } = s || {}, l = () => a ? { gridTemplateColumns: "25% 60% 15%" } : void 0, d = () => {
+    if (!(!(n ?? (p && e)) || !i))
+      return /* @__PURE__ */ o(g, { percentage: i });
+  };
+  return /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ o("div", { "data-rp": "topBar", ref: m, className: r["rp-toolbar-content"], children: /* @__PURE__ */ t("div", { className: r["rp-toolbar-wrapper"], style: l(), children: [
+      /* @__PURE__ */ t("div", { "data-rp": "topBarLeft", className: r["rp-toolbar-start"], children: [
+        /* @__PURE__ */ o(f, {}),
+        /* @__PURE__ */ o(c, {})
+      ] }),
+      /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: r["rp-toolbar-middle"], children: /* @__PURE__ */ o(P, {}) }),
+      /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: r["rp-toolbar-end"], children: /* @__PURE__ */ o(h, {}) })
+    ] }) }),
+    /* @__PURE__ */ o(d, {})
+  ] });
+});
 export {
-  e as RPToolbar
+  Mr as RPToolbar
 };

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

@@ -1,9 +1,120 @@
-import "react/jsx-runtime";
-import "./FileUploadTool.js";
-import "./DarkModeTool.js";
-import { l } from "../../../ToolbarLayout.module-c588d36b.js";
-import "./FullScreenTool.js";
-import "../../../contexts/ViewportContext.js";
+import { jsxs as r, Fragment as m, jsx as o } from "react/jsx-runtime";
+import { FileUploadTool as i } from "./FileUploadTool.js";
+import { DarkModeTool as p } from "./DarkModeTool.js";
+import { OtherTool as l } from "./OtherTool.js";
+import { FullScreenTool as e } from "./FullScreenTool.js";
+import { FileDownloadTool as n } from "./FileDownloadTool.js";
+import { PrintTool as f } from "./PrintTool.js";
+import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
+import "../../icons/FileUploadDefaultIcon.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "react";
+import "../../../contexts/IconContext.js";
+import "../../ui/Button.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "./MenuItem.js";
+import "../../../index-4baea9b5.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 "../../../contexts/FileInputContext.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 "../../ui/RPTooltip.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../icons/MoonIcon.js";
+import "../../icons/SunIcon.js";
+import "../../../contexts/DarkModeContext.js";
+import "../../../utils/hooks/useDarkMode.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../icons/ThreeDotIcon.js";
+import "../../ui/DropDown.js";
+import "./DocumentDialog.js";
+import "../../icons/CloseIcon.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../../OtherTool.module-a4be5f1f.js";
+import "./DocumentProperties.js";
+import "../../icons/InfoIcon.js";
+import "./MenuSeparator.js";
+import "./RotateTool.js";
+import "../../icons/ClockwiseIcon.js";
+import "../../../RotateTool.module-67946714.js";
+import "../../../utils/hooks/useRotate.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "./ViewModeTool.js";
+import "../../icons/DualPageIcon.js";
+import "../../icons/SinglePageIcon.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../icons/CheckIcon.js";
+import "../../../contexts/ScrollModeContext.js";
+import "./ScrollModeTool.js";
+import "../../icons/PageScrollingIcon.js";
+import "../../icons/VerticalScrollingIcon.js";
+import "../../icons/HorizontalScrollingIcon.js";
+import "./MostPageTool.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.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 "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../icons/GoToDownIcon.js";
+import "../../../MostPageTool.module-13578ad6.js";
+import "./SelectionModeTool.js";
+import "../../icons/TextSelectionDefaultIcon.js";
+import "../../icons/HandModeDefaultIcon.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../utils/hooks/useFullScreen.js";
+import "../../icons/FullScreenIcon.js";
+import "../../icons/FileDownloadDefaultIcon.js";
+import "../../../utils/hooks/useFileDownload.js";
+import "../../../contexts/DownloadContext.js";
+import "../../icons/PrintDefaultIcon.js";
+import "../../../contexts/PrintContext.js";
+import "../../../utils/hooks/usePrint.js";
+const nr = () => {
+  const { isSmallScreen: t } = s();
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ o(p, {}),
+    !t && /* @__PURE__ */ r(m, { children: [
+      /* @__PURE__ */ o(i, {}),
+      /* @__PURE__ */ o(n, {}),
+      /* @__PURE__ */ o(f, {}),
+      /* @__PURE__ */ o(e, {})
+    ] }),
+    /* @__PURE__ */ o(l, {})
+  ] });
+};
 export {
-  l as RPToolbarEnd
+  nr as RPToolbarEnd
 };

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

@@ -1,30 +1,54 @@
-import { jsx as t, Fragment as u, jsxs as n } from "react/jsx-runtime";
-import { G as p } from "../../../index-f563c6f0.js";
-import { ClockwiseIcon as m } from "../../icons/ClockwiseIcon.js";
-import { MenuItem as c } from "./MenuItem.js";
-import { c as f } from "../../../RotateTool.module-03987eba.js";
+import { jsx as t, Fragment as C, jsxs as i } from "react/jsx-runtime";
+import { G as u } from "../../../index-4baea9b5.js";
+import { ClockwiseIcon as c } from "../../icons/ClockwiseIcon.js";
+import { MenuItem as m } from "./MenuItem.js";
+import { c as f } from "../../../RotateTool.module-67946714.js";
 import { MenuSeparator as k } from "./MenuSeparator.js";
 import { useRotate as w } from "../../../utils/hooks/useRotate.js";
 import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as l } from "../../../contexts/IconContext.js";
-import i from "../../ui/RPTooltip.js";
+import { useIconContext as p } from "../../../contexts/IconContext.js";
+import n from "../../ui/RPTooltip.js";
 import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
+import { useIconToolContext as l } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.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 "../../../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/withRef.js";
+import "../../../utils/hooks/useLocalization.js";
 const h = () => {
-  const { rotateClockwiseIcon: r } = l(), { rotateClockwiseIcon: e } = a();
-  return r || e || /* @__PURE__ */ t(m, {});
+  const { rotateClockwiseIcon: r } = p(), { rotateClockwiseIcon: e } = l();
+  return r || e || /* @__PURE__ */ t(c, {});
 }, x = () => {
-  const { rotateCounterClockwiseIcon: r } = l(), { rotateCounterClockwiseIcon: e } = a();
-  return r || e || /* @__PURE__ */ t(m, { className: f["rp-rotate-counterclockwise"] });
-}, q = () => {
-  const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: s = !0 } = d(), { rotateTool: C = !0 } = I(), { localeMessages: o } = T();
-  return !s || !C ? null : /* @__PURE__ */ t(u, { children: /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
+  const { rotateCounterClockwiseIcon: r } = p(), { rotateCounterClockwiseIcon: e } = l();
+  return r || e || /* @__PURE__ */ t(c, { className: f["rp-rotate-counterclockwise"] });
+}, mo = () => {
+  const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: a = !0 } = d(), { rotateTool: s = !0 } = I(), { localeMessages: o } = T();
+  return !a || !s ? null : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ i(u, { children: [
+    /* @__PURE__ */ t(m, { onClick: r, children: /* @__PURE__ */ i(n, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
       o == null ? void 0 : o.rotateClockwiseLabel
     ] }) }),
-    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
+    /* @__PURE__ */ t(m, { onClick: e, children: /* @__PURE__ */ i(n, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
       o == null ? void 0 : o.rotateCounterclockwiseLabel
     ] }) }),
@@ -32,5 +56,5 @@ const h = () => {
   ] }) });
 };
 export {
-  q as RotateTool
+  mo as RotateTool
 };

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

@@ -1,6 +1,6 @@
-import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
-import { G as C } from "../../../index-f563c6f0.js";
-import { MenuItem as m } from "./MenuItem.js";
+import { jsx as r, Fragment as f, jsxs as i } from "react/jsx-runtime";
+import { G as C } from "../../../index-4baea9b5.js";
+import { MenuItem as e } from "./MenuItem.js";
 import { useToolbarComponentContext as L } from "../../../contexts/ToolbarComponentContext.js";
 import { PageScrollingIcon as h } from "../../icons/PageScrollingIcon.js";
 import { VerticalScrollingIcon as T } from "../../icons/VerticalScrollingIcon.js";
@@ -15,42 +15,54 @@ import u from "../../ui/RPTooltip.js";
 import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
 import { useIconToolContext as I } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as v } from "../../../contexts/ToolComponentContext.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../th_TH-d627cd51.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useLocalization.js";
 const z = () => {
-  const { pageScrollIcon: n } = d(), { pageScrollIcon: t } = I();
-  return n || t || /* @__PURE__ */ r(h, {});
+  const { pageScrollIcon: t } = d(), { pageScrollIcon: n } = I();
+  return t || n || /* @__PURE__ */ r(h, {});
 }, A = () => {
-  const { verticalScrollIcon: n } = d(), { verticalScrollIcon: t } = I();
-  return n || t || /* @__PURE__ */ r(T, {});
+  const { verticalScrollIcon: t } = d(), { verticalScrollIcon: n } = I();
+  return t || n || /* @__PURE__ */ r(T, {});
 }, g = () => {
-  const { horizontalScrollIcon: n } = d(), { horizontalScrollIcon: t } = I();
-  return n || t || /* @__PURE__ */ r(s, {});
-}, J = () => {
-  const { scrollModeTool: n = !0 } = L(), { scrollModeTool: t = !0 } = v(), { viewMode: S } = O(), { scrollMode: i, setScrollMode: e } = N(), { localeMessages: o } = x(), a = R(() => S === G.DUAL_PAGE, [S]);
-  return !n || !t ? null : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ c(C, { children: [
-    /* @__PURE__ */ r(m, { onClick: () => e(l.PAGE_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
+  const { horizontalScrollIcon: t } = d(), { horizontalScrollIcon: n } = I();
+  return t || n || /* @__PURE__ */ r(s, {});
+}, io = () => {
+  const { scrollModeTool: t = !0 } = L(), { scrollModeTool: n = !0 } = v(), { viewMode: S } = O(), { scrollMode: c, setScrollMode: m } = N(), { localeMessages: o } = x(), a = R(() => S === G.DUAL_PAGE, [S]);
+  return !t || !n ? null : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ i(C, { children: [
+    /* @__PURE__ */ r(e, { onClick: () => m(l.PAGE_SCROLLING), children: /* @__PURE__ */ i(u, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
       /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(z, {}) }),
       o == null ? void 0 : o.pageScrollingLabel,
-      i === l.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+      c === l.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ r(m, { onClick: () => e(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
+    /* @__PURE__ */ r(e, { onClick: () => m(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ i(u, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
       /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(A, {}) }),
       o == null ? void 0 : o.verticalScrollingLabel,
-      i === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+      c === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
     ] }) }),
     /* @__PURE__ */ r(
-      m,
+      e,
       {
         disabled: a,
-        onClick: () => e(l.HORIZONTAL_SCROLLING),
-        children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
+        onClick: () => m(l.HORIZONTAL_SCROLLING),
+        children: /* @__PURE__ */ i(u, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
           /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(g, {}) }),
           o == null ? void 0 : o.horizontalLabel,
-          i === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+          c === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
         ] })
       }
     )
   ] }) });
 };
 export {
-  J as ScrollModeTool
+  io as ScrollModeTool
 };

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

@@ -1,9 +1,32 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/CloseIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { S as a } from "../../../SearchCloseButton-cbf182aa.js";
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../ui/RPTooltip.js";
+import { UIButton as p } from "../../ui/Button.js";
+import { CloseIcon as n } from "../../icons/CloseIcon.js";
+import { useLocalizationContext as c } from "../../../contexts/LocalizationContext.js";
+import { c as e } from "../../../SearchTool.module-99f60dc7.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/hooks/useLocalization.js";
+import "../../../th_TH-d627cd51.js";
+const z = ({ onKeyPress: r, handleClose: i }) => {
+  const { localeMessages: o } = c();
+  return /* @__PURE__ */ t(m, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ t(
+    p,
+    {
+      tabIndex: 0,
+      onKeyDown: r,
+      "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
+      children: /* @__PURE__ */ t(n, { onClick: i, className: e["rp-search-tool-input-icon"] })
+    }
+  ) });
+};
 export {
-  a as SearchCloseButton
+  z as SearchCloseButton
 };

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

@@ -1,10 +1,89 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/ChevronUpIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { W as s } from "../../../ToolbarLayout.module-c588d36b.js";
-import "../../../SearchCloseButton-cbf182aa.js";
+import { jsxs as e, Fragment as h, jsx as r } from "react/jsx-runtime";
+import p from "../../ui/RPTooltip.js";
+import { UIButton as m } from "../../ui/Button.js";
+import { ChevronUpIcon as a } from "../../icons/ChevronUpIcon.js";
+import { useLocalizationContext as l } from "../../../contexts/LocalizationContext.js";
+import { useSearchContext as s } from "../../../contexts/SearchContext.js";
+import { c as o } from "../../../SearchTool.module-99f60dc7.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/hooks/useLocalization.js";
+import "../../../th_TH-d627cd51.js";
+import "../../../utils/hooks/useSearch.js";
+import "../../../utils/types.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/ScrollModeContext.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/ZoomContext.js";
+import "../../../utils/constants.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 "../../../PaginationContext-9217cab4.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/getWordPositionInPage.js";
+const lt = () => {
+  const { totalMatches: i, nextMatch: n, prevMatch: c } = s(), { localeMessages: t } = l();
+  return /* @__PURE__ */ e(h, { children: [
+    /* @__PURE__ */ r(
+      p,
+      {
+        content: t == null ? void 0 : t.searchPrevTooltip,
+        className: o["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(m, { tabIndex: 0, onClick: c, "aria-label": t == null ? void 0 : t.searchPrevTooltip, children: /* @__PURE__ */ r(
+          a,
+          {
+            className: o["rp-search-tool-input-icon"],
+            "aria-disabled": !i
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ r(
+      p,
+      {
+        content: t == null ? void 0 : t.searchNextTooltip,
+        className: o["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(m, { tabIndex: 0, onClick: n, "aria-label": t == null ? void 0 : t.searchNextTooltip, children: /* @__PURE__ */ r(
+          a,
+          {
+            style: { transform: "rotate(180deg" },
+            className: o["rp-search-tool-input-icon"],
+            "aria-disabled": !i
+          }
+        ) })
+      }
+    )
+  ] });
+};
 export {
-  s as SearchResultNavigator
+  lt as SearchResultNavigator
 };