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

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

@@ -1,61 +1,243 @@
-import "react/jsx-runtime";
-import "../../ui/Button.js";
-import "../../icons/SearchIcon.js";
-import "react";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../SearchCloseButton-cbf182aa.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/ClearIcon.js";
-import "../../icons/LoaderIcon.js";
-import { S as io } from "../../../ToolbarLayout.module-c588d36b.js";
-import "../../../contexts/IconContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/LayerContext.js";
+import { jsx as t, Fragment as ct, jsxs as I } from "react/jsx-runtime";
+import { UIButton as at } from "../../ui/Button.js";
+import { SearchIcon as z } from "../../icons/SearchIcon.js";
+import { useState as C, useCallback as i, useEffect as l, useMemo as W } from "react";
+import { useLayoutContainer as st } from "../../../contexts/LayoutContainerContext.js";
+import { c as n } from "../../../SearchTool.module-99f60dc7.js";
+import { UIInput as pt } from "../../ui/Input.js";
+import { UICheckbox as V } from "../../ui/Checkbox.js";
+import { ClearIcon as mt } from "../../icons/ClearIcon.js";
+import { LoaderIcon as lt } from "../../icons/LoaderIcon.js";
+import { useSearchContext as ht } from "../../../contexts/SearchContext.js";
+import { useIconContext as dt } from "../../../contexts/IconContext.js";
+import { useDocumentContext as ut } from "../../../contexts/RPDocumentContext.js";
+import T from "../../ui/RPTooltip.js";
+import { useToolbarComponentContext as ft } from "../../../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as It } from "../../../contexts/LocalizationContext.js";
+import { InfoIcon as $ } from "../../icons/InfoIcon.js";
+import { useViewportContext as Ct } from "../../../contexts/ViewportContext.js";
+import { SearchResultNavigator as j } from "./SearchResultNavigator.js";
+import { SearchCloseButton as q } from "./SearchCloseButton.js";
+import { UIDropDown as xt } from "../../ui/DropDown.js";
+import { useIconToolContext as St } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as bt } from "../../../contexts/ToolComponentContext.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-655864a7.js";
+import "../../icons/CheckIcon.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/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 "../../../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 "../../../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 "../../../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 "../../../contexts/ToolComponentContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../RPConfig.js";
-import "../Container.js";
-import "../../../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/RPTooltip.js";
-import "../../../ZoomTool.module-6c5eabbb.js";
-import "../../ui/DropDown.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../icons/InfoIcon.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../RotateTool.module-03987eba.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/getWordPositionInPage.js";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../icons/CloseIcon.js";
+import "../../../index-4baea9b5.js";
+import "../../../Combination-54a77a7a.js";
+const Et = () => {
+  const { searchIcon: x } = dt(), { searchIcon: v } = St();
+  return x || v || /* @__PURE__ */ t(z, {});
+}, jo = ({ icon: x }) => {
+  const { container: v } = st(), [S, K] = C(!1), { pdf: b } = ut(), [w, A] = C(null), {
+    searchOptions: L,
+    setSearchOptions: E,
+    loading: F,
+    setSearch: a,
+    totalMatches: D,
+    currentMatchPosition: O,
+    nextMatch: B,
+    prevMatch: P,
+    search: e
+  } = ht(), { searchTool: H = !0 } = ft(), { searchTool: G = !0 } = bt(), [h, d] = C(e), { localeMessages: o } = It(), { isSmallScreen: u } = Ct(), [y, J] = C(null), [Q, X] = C(!1), Y = i(() => {
+    K(!0);
+  }, []), m = i(() => {
+    a(""), d(""), K(!1);
+  }, [a]), R = (r) => {
+    const c = r.key === "Enter", f = r.key === " ";
+    (c || f) && m();
+  }, k = i(
+    (r) => {
+      r.key === "Escape" && S && m();
+    },
+    [S]
+  ), Z = i(
+    (r) => {
+      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== h ? a(h) : r.key === "Enter" && B();
+    },
+    [h, P, B, a, e]
+  );
+  l(() => {
+    d(e);
+  }, [e]), l(() => {
+    e && b && X(!0);
+  }, [e, b]), l(() => {
+    e && e.trim() !== "" && (d(e), a(e));
+  }, []), l(() => (window.addEventListener("keydown", k), () => {
+    window.removeEventListener("keydown", k);
+  }), [k]), l(() => {
+    w && setTimeout(() => {
+      w.focus();
+    }, 0);
+  }, [w]);
+  const _ = i((r) => {
+    d(r.target.value);
+  }, []), g = i(() => {
+    d(""), a("");
+  }, [a]), M = W(() => `${O} / ${D}`, [O, D]), { wholeWords: tt, matchCase: ot } = W(() => L, [L]), rt = i(
+    (r) => {
+      E((c) => ({ ...c, matchCase: r }));
+    },
+    [E]
+  ), et = i(
+    (r) => {
+      E((c) => ({ ...c, wholeWords: r }));
+    },
+    [E]
+  );
+  l(() => {
+    b && Q && m();
+  }, [b, m]);
+  const s = W(() => (y == null ? void 0 : y.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [y]), nt = i(
+    (r) => {
+      if (r.key === "Tab") {
+        const c = document.activeElement;
+        let f = 0;
+        s.forEach((p, it) => {
+          p === c && (f = it);
+        });
+        let N = f + 1;
+        r.shiftKey && (N = f - 1);
+        const U = s[N];
+        if (U)
+          U.focus();
+        else if (N > s.length - 1) {
+          const p = s[0];
+          p && p.focus();
+        } else {
+          const p = s[s.length - 1];
+          p && p.focus();
+        }
+      }
+    },
+    [s]
+  );
+  return !H || !G ? null : /* @__PURE__ */ t(ct, { children: /* @__PURE__ */ t(
+    xt,
+    {
+      open: S,
+      container: v,
+      side: "bottom",
+      align: "start",
+      tabIndex: 0,
+      avoidCollisions: !1,
+      triggerComponent: /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchButtonTooltip, children: /* @__PURE__ */ t(
+        at,
+        {
+          active: S,
+          onClick: Y,
+          "aria-label": o == null ? void 0 : o.searchButtonTooltip,
+          children: x || /* @__PURE__ */ t(Et, {})
+        }
+      ) }),
+      children: /* @__PURE__ */ I(
+        "div",
+        {
+          ref: J,
+          className: n["rp-search-tool-content"],
+          tabIndex: 0,
+          onKeyDown: nt,
+          children: [
+            /* @__PURE__ */ I("div", { className: n["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ I("div", { className: n["rp-search-tool-input"], children: [
+                /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchInputTooltip, children: /* @__PURE__ */ t(
+                  pt,
+                  {
+                    value: h,
+                    onKeyDown: Z,
+                    onChange: _,
+                    icon: /* @__PURE__ */ t(z, {}),
+                    placeholder: o == null ? void 0 : o.searchInputPlaceholder,
+                    className: n["rp-search-input"],
+                    ref: A,
+                    id: "search-input",
+                    name: "search-input",
+                    tabIndex: 0,
+                    children: !!h && /* @__PURE__ */ t("span", { className: n["rp-search-tool-input-clear"], onClick: g, children: /* @__PURE__ */ t(mt, {}) })
+                  }
+                ) }),
+                F ? /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(lt, { className: n["rp-search-loader-icon"] }) }) : /* @__PURE__ */ t("span", { children: M }),
+                u && /* @__PURE__ */ t("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ t(q, { onKeyPress: R, handleClose: m }) })
+              ] }),
+              /* @__PURE__ */ I("div", { className: n["rp-search-tool-input-checkboxes"], children: [
+                u && /* @__PURE__ */ t(j, {}),
+                /* @__PURE__ */ t(
+                  V,
+                  {
+                    tabIndex: 0,
+                    name: "matchCase",
+                    value: ot,
+                    onChange: rt,
+                    children: o == null ? void 0 : o.searchMatchCaseLabel
+                  }
+                ),
+                !u && /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchMatchCaseTooltip, children: /* @__PURE__ */ t("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ t($, {}) }) }),
+                /* @__PURE__ */ t(
+                  V,
+                  {
+                    tabIndex: 0,
+                    name: "wholeWord",
+                    value: tt,
+                    onChange: et,
+                    children: o == null ? void 0 : o.searchWholeWordsLabel
+                  }
+                ),
+                !u && /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchWholeWordsTooltip, children: /* @__PURE__ */ t("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ t($, {}) }) })
+              ] })
+            ] }),
+            !u && /* @__PURE__ */ I("div", { className: n["rp-search-tool-controls"], children: [
+              /* @__PURE__ */ t(j, {}),
+              /* @__PURE__ */ t(q, { onKeyPress: R, handleClose: m })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+};
 export {
-  io as SearchTool
+  jo as SearchTool
 };

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

@@ -1,40 +1,52 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-f563c6f0.js";
+import { G as a } from "../../../index-4baea9b5.js";
 import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
 import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
 import { CheckIcon as l } from "../../icons/CheckIcon.js";
-import { MenuItem as d } from "./MenuItem.js";
+import { MenuItem as p } from "./MenuItem.js";
 import { SelectionMode as r } from "../../../utils/types.js";
 import { MenuSeparator as x } from "./MenuSeparator.js";
 import { useIconContext as u } from "../../../contexts/IconContext.js";
 import { useSelectionModeContext as I } from "../../../contexts/SelectionModeContext.js";
 import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
-import p from "../../ui/RPTooltip.js";
+import d from "../../ui/RPTooltip.js";
 import { useLocalizationContext as C } from "../../../contexts/LocalizationContext.js";
 import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
 import { useToolComponentContext as M } 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 "../../../th_TH-d627cd51.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useLocalization.js";
 const N = () => {
   const { textSelectionIcon: e } = u(), { textSelectionIcon: n } = T();
   return e || n || /* @__PURE__ */ t(h, {});
 }, D = () => {
   const { handModeIcon: e } = u(), { handModeIcon: n } = T();
   return e || n || /* @__PURE__ */ t(s, {});
-}, q = () => {
-  const { selectionModeTool: e = !0 } = S(), { selectionModeTool: n = !0 } = M(), { selectionMode: c, setSelectionMode: m } = I(), { localeMessages: o } = C();
+}, _ = () => {
+  const { selectionModeTool: e = !0 } = S(), { selectionModeTool: n = !0 } = M(), { selectionMode: m, setSelectionMode: c } = I(), { localeMessages: o } = C();
   return !e || !n ? null : /* @__PURE__ */ t(f, { children: /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(d, { onClick: () => m(r.TEXT), children: /* @__PURE__ */ i(p, { className: "rp-menu-item", content: o == null ? void 0 : o.textSelectionTooltip, children: [
+    /* @__PURE__ */ t(p, { onClick: () => c(r.TEXT), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.textSelectionTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(N, {}) }),
       o == null ? void 0 : o.textSelectionLabel,
-      c === r.TEXT ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+      m === r.TEXT ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ t(d, { onClick: () => m(r.HAND), children: /* @__PURE__ */ i(p, { className: "rp-menu-item", content: o == null ? void 0 : o.handToolTooltip, children: [
+    /* @__PURE__ */ t(p, { onClick: () => c(r.HAND), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.handToolTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(D, {}) }),
       o == null ? void 0 : o.handToolLabel,
-      c === r.HAND ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+      m === r.HAND ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
     ] }) }),
     /* @__PURE__ */ t(x, {})
   ] }) });
 };
 export {
-  q as SelectionModeTool
+  _ as SelectionModeTool
 };

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

@@ -1,17 +1,39 @@
-import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { h as a } from "../../../ToolbarLayout.module-c588d36b.js";
-import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
-import { UIButton as p } from "../../ui/Button.js";
-import e from "../../ui/RPTooltip.js";
+import { jsx as o, Fragment as c } from "react/jsx-runtime";
+import { useThumbnailContext as u } from "../../../contexts/ThumbnailsContext.js";
+import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
+import { UIButton as h } from "../../ui/Button.js";
+import l from "../../ui/RPTooltip.js";
 import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
 import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
-const y = () => {
-  const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } = f(), { localeMessages: i } = T(), r = i == null ? void 0 : i.thumbnailTooltip, m = () => {
-    c(!t);
+import "react";
+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 "../../../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 V = () => {
+  const { active: t, setActive: e } = u(), { thumbnailIcon: n } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, p = () => {
+    e(!t);
   };
-  return n ? typeof n == "function" ? /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(n, { onClick: m, active: t }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(p, { onClick: m, active: t, "aria-label": r, children: l || /* @__PURE__ */ o(h, {}) }) }) }) : null;
+  return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: p, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: p, active: t, "aria-label": m, children: n || /* @__PURE__ */ o(a, {}) }) }) }) : null;
 };
 export {
-  y as ThumbnailTool
+  V as ThumbnailTool
 };

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

@@ -1,61 +1,58 @@
 import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
-import { useRef as c, useState as x } from "react";
-import { h as N, c as g, m as i, n as C, o as w } from "../../../ToolbarLayout.module-c588d36b.js";
-import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
+import { useRef as c, useState as w } from "react";
+import { c as i } from "../../../ToolbarLayout.module-1fee0a18.js";
+import { Thumbnails as x } from "../sidebar/Thumbnails.js";
+import { useThumbnailContext as N } from "../../../contexts/ThumbnailsContext.js";
+import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
+import { usePrintContext as R } from "../../../contexts/PrintContext.js";
+import y from "../../ui/LoadingIndicator.js";
+import { THUMBNAIL_MIN_WIDTH as I } from "../../../utils/constants.js";
+import { RPSplitter as W } from "../sidebar/RPSplitter.js";
+import "../sidebar/Thumbnail.js";
+import "../../../clsx-0c6e471a.js";
+import "../../icons/LoaderIcon.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 "../../../contexts/DarkModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/LayerContext.js";
-import "../../../contexts/ZoomContext.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/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 "../../../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/ZoomContext.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../utils/hooks/useDebounce.js";
 import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/LoaderContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../RPConfig.js";
-import "../Container.js";
-import "../../../contexts/ViewportContext.js";
-import { RPSplitter as R } from "../sidebar/RPSplitter.js";
-import { THUMBNAIL_MIN_WIDTH as y } from "../../../utils/constants.js";
-import "../WrapperLayout.js";
-import "../../../LayoutWrapper-a871c161.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
-import "../../ui/Button.js";
-import "../../../SearchCloseButton-cbf182aa.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/LoaderIcon.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/RPTooltip.js";
-import "../../ui/DropDown.js";
-import "../../../ZoomTool.module-6c5eabbb.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../RotateTool.module-03987eba.js";
-const Lt = (d) => {
-  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(y);
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../contexts/RenderQueueProvider.js";
+import "../../../utils/Queue.js";
+import "../../../utils/renderPage.js";
+import "../../../utils/hooks/useInfiniteScroll.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useThumbnail.js";
+import "../../../utils/hooks/usePrint.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../utils/hooks/useLocalization.js";
+const Wt = (d) => {
+  const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: f } = C(), { progress: b, showDefaultProgress: g } = R(), { percentage: a } = b || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, P] = w(I), T = g ?? f;
   return /* @__PURE__ */ o(n, { children: [
     /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
       m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
@@ -70,11 +67,11 @@ const Lt = (d) => {
               className: i["rp-thumbnails-wrapper"],
               style: { ...e && { position: "relative", display: "flex" } },
               children: [
-                /* @__PURE__ */ t(C, { show: e, ref: s, width: v }),
+                /* @__PURE__ */ t(x, { show: e, ref: s, width: v }),
                 /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-                  R,
+                  W,
                   {
-                    onWidthChange: T,
+                    onWidthChange: P,
                     thumbnailRef: s,
                     leftSidebarRef: l,
                     isRPLayout: !0
@@ -87,9 +84,9 @@ const Lt = (d) => {
         /* @__PURE__ */ t(n, { children: h })
       ] })
     ] }),
-    b && a ? /* @__PURE__ */ t(w, { percentage: a }) : null
+    T && a ? /* @__PURE__ */ t(y, { percentage: a }) : null
   ] });
 };
 export {
-  Lt as ToolbarCustom
+  Wt as ToolbarCustom
 };