@pdf-viewer/react 1.12.0 → 1.13.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/ToolbarLayout.module-126458d9.js +3539 -0
  2. package/dist/assets/style.css +1 -1
  3. package/dist/components/RPController.js +48 -48
  4. package/dist/components/RPPages.js +3 -4
  5. package/dist/components/RPProvider.js +4 -5
  6. package/dist/components/layout/LayoutContainer.js +3 -4
  7. package/dist/components/layout/RPDefaultLayout.js +3 -4
  8. package/dist/components/layout/RPLayout.js +13 -14
  9. package/dist/components/layout/sidebar/RPSidebar.js +2 -3
  10. package/dist/components/layout/sidebar/Thumbnail.js +3 -4
  11. package/dist/components/layout/sidebar/Thumbnails.js +3 -4
  12. package/dist/components/layout/toolbar/DocumentDialog.js +3 -4
  13. package/dist/components/layout/toolbar/FileDownloadTool.js +3 -4
  14. package/dist/components/layout/toolbar/MostPageTool.js +3 -4
  15. package/dist/components/layout/toolbar/OtherTool.js +3 -4
  16. package/dist/components/layout/toolbar/Paginate.js +3 -4
  17. package/dist/components/layout/toolbar/PrintTool.js +3 -4
  18. package/dist/components/layout/toolbar/RPMoreOptions.js +4 -5
  19. package/dist/components/layout/toolbar/RPToolbar.js +5 -6
  20. package/dist/components/layout/toolbar/RPToolbarEnd.js +3 -4
  21. package/dist/components/layout/toolbar/SearchResultNavigator.js +3 -4
  22. package/dist/components/layout/toolbar/SearchTool.js +3 -4
  23. package/dist/components/layout/toolbar/ThumbnailTool.js +5 -6
  24. package/dist/components/layout/toolbar/ToolbarCustom.js +5 -6
  25. package/dist/components/layout/toolbar/ToolbarDefault.js +5 -6
  26. package/dist/components/layout/toolbar/ToolbarLayout.js +4 -5
  27. package/dist/components/layout/toolbar/ZoomTool.js +117 -130
  28. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +4 -5
  29. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +4 -5
  30. package/dist/components/layout/toolbar/tools/InputPageTool.js +4 -5
  31. package/dist/components/layout/toolbar/tools/NextPageTool.js +4 -5
  32. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +4 -5
  33. package/dist/components/layout/toolbar/tools/PrintTool.js +4 -5
  34. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +4 -5
  35. package/dist/components/layout/toolbar/tools/ZoomInTool.js +20 -19
  36. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +141 -0
  37. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +132 -27
  38. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +13 -12
  39. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +12 -13
  40. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +4 -5
  41. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +4 -5
  42. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +4 -5
  43. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +4 -5
  44. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +4 -5
  45. package/dist/components/page/AnnotationLayer.js +3 -4
  46. package/dist/components/page/CanvasLayer.js +3 -4
  47. package/dist/components/page/DualPage.js +3 -4
  48. package/dist/components/page/RPPage.js +3 -4
  49. package/dist/components/page/SinglePage.js +3 -4
  50. package/dist/components/page/TextHighlightLayer.js +3 -4
  51. package/dist/components/page/TextLayer.js +3 -4
  52. package/dist/components/ui/LoadingIndicator.js +3 -4
  53. package/dist/contexts/PaginationContext.js +5 -6
  54. package/dist/contexts/PrintContext.js +5 -6
  55. package/dist/contexts/RenderQueueProvider.js +5 -6
  56. package/dist/contexts/SearchContext.js +5 -6
  57. package/dist/contexts/ThumbnailsContext.js +5 -6
  58. package/dist/main.js +81 -81
  59. package/dist/types/components/layout/toolbar/tools/ZoomLevelDisplay.d.ts +7 -0
  60. package/dist/types/main.d.ts +1 -1
  61. package/dist/types/utils/types.d.ts +1 -0
  62. package/dist/types/utils/zoom.d.ts +2 -0
  63. package/dist/utils/hooks/useFileDownload.js +3 -4
  64. package/dist/utils/hooks/useLicense.js +1 -1
  65. package/dist/utils/hooks/usePaginate.js +3 -4
  66. package/dist/utils/hooks/usePresentPage.js +3 -4
  67. package/dist/utils/hooks/usePrint.js +3 -4
  68. package/dist/utils/hooks/useScrollToPage.js +3 -4
  69. package/dist/utils/hooks/useSearch.js +3 -4
  70. package/dist/utils/hooks/useThumbnail.js +3 -4
  71. package/dist/utils/hooks/useVirtualReactWindow.js +3 -4
  72. package/dist/utils/zoom.js +6 -0
  73. package/package.json +1 -1
  74. package/dist/ToolbarLayout.module-1f1dd627.js +0 -3416
  75. package/dist/ZoomTool.module-7082af8c.js +0 -12
@@ -1,25 +1,27 @@
1
- import { jsx as t, jsxs as p, Fragment as y } from "react/jsx-runtime";
2
- import { useState as T, useRef as D, useCallback as x, useMemo as h, useEffect as G } from "react";
3
- import { useZoomContext as _ } from "../../../contexts/ZoomContext.js";
4
- import { ChevronUpIcon as F } from "../../icons/ChevronUpIcon.js";
5
- import { ZoomInIcon as H } from "../../icons/ZoomInIcon.js";
6
- import { ZoomOutIcon as R } from "../../icons/ZoomOutIcon.js";
7
- import { UIButton as z } from "../../ui/Button.js";
8
- import { c as e } from "../../../ZoomTool.module-7082af8c.js";
9
- import { UIDropDown as U } from "../../ui/DropDown.js";
10
- import { useLayoutContainer as j } from "../../../contexts/LayoutContainerContext.js";
11
- import { G as b } from "../../../index-3bf64864.js";
12
- import { MenuItem as u } from "./MenuItem.js";
13
- import { MenuSeparator as B } from "./MenuSeparator.js";
14
- import { useToolbarComponentContext as V } from "../../../contexts/ToolbarComponentContext.js";
15
- import { useIconContext as O } from "../../../contexts/IconContext.js";
16
- import { useViewportContext as X } from "../../../contexts/ViewportContext.js";
17
- import a from "../../ui/RPTooltip.js";
18
- import { ZoomLevel as c } from "../../../utils/types.js";
19
- import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
20
- import { c as q } from "../../../clsx-0c6e471a.js";
21
- import { useIconToolContext as Z } from "../../../contexts/IconToolContext.js";
22
- import { useToolComponentContext as J } from "../../../contexts/ToolComponentContext.js";
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../../contexts/ZoomContext.js";
4
+ import "../../icons/ChevronUpIcon.js";
5
+ import "../../icons/ZoomInIcon.js";
6
+ import "../../icons/ZoomOutIcon.js";
7
+ import "../../ui/Button.js";
8
+ import { m as Em } from "../../../ToolbarLayout.module-126458d9.js";
9
+ import "../../ui/DropDown.js";
10
+ import "../../../contexts/LayoutContainerContext.js";
11
+ import "../../../index-3bf64864.js";
12
+ import "./MenuItem.js";
13
+ import "./MenuSeparator.js";
14
+ import "../../../contexts/ToolbarComponentContext.js";
15
+ import "../../../contexts/IconContext.js";
16
+ import "../../../contexts/ViewportContext.js";
17
+ import "../../ui/RPTooltip.js";
18
+ import "../../../utils/types.js";
19
+ import "../../../contexts/LocalizationContext.js";
20
+ import "../../../clsx-0c6e471a.js";
21
+ import "../../../contexts/IconToolContext.js";
22
+ import "../../../contexts/ToolComponentContext.js";
23
+ import "../../../utils/constants.js";
24
+ import "../../../utils/zoom.js";
23
25
  import "../../../utils/appConsole.js";
24
26
  import "../../../contexts/InitialStateContext.js";
25
27
  import "../../../contexts/RPDocumentContext.js";
@@ -32,7 +34,6 @@ import "../../../th_TH-d627cd51.js";
32
34
  import "../../../utils/hooks/usePdfProperties.js";
33
35
  import "../../../utils/convertPdfDate.js";
34
36
  import "../../../utils/formatFileSize.js";
35
- import "../../../utils/constants.js";
36
37
  import "../../../utils/getZoomLevel.js";
37
38
  import "../../../contexts/ViewModeContext.js";
38
39
  import "../../../contexts/RotationContext.js";
@@ -40,115 +41,101 @@ import "../../../contexts/GlobalCurrentPage.js";
40
41
  import "../../../contexts/EventCallbackContext.js";
41
42
  import "../../../utils/hooks/useDebounce.js";
42
43
  import "../../../utils/withRef.js";
44
+ import "../../ui/Input.js";
45
+ import "../../../contexts/ScrollModeContext.js";
46
+ import "../../../contexts/DarkModeContext.js";
47
+ import "../../../utils/hooks/useDarkMode.js";
48
+ import "../../../contexts/LayerContext.js";
49
+ import "../../../contexts/VirtualScrollContext.js";
50
+ import "../../../contexts/VirtualGridContext.js";
51
+ import "../../../contexts/SelectionModeContext.js";
52
+ import "../../../contexts/FullScreenContext.js";
53
+ import "../../../utils/hooks/useFullScreen.js";
54
+ import "../../../contexts/FileInputContext.js";
55
+ import "../../../contexts/DropFileZoneContext.js";
56
+ import "../../../utils/highlight.js";
57
+ import "../../../utils/charators.js";
58
+ import "../../../contexts/DimensionPagesContext.js";
59
+ import "../../../contexts/PagesRotateContext.js";
60
+ import "../../../contexts/HighlightContext.js";
61
+ import "../../../utils/hooks/useHighlight.js";
62
+ import "../../../contexts/LicenseContext.js";
63
+ import "../../../utils/hooks/useLicense.js";
64
+ import "../../../contexts/DownloadContext.js";
65
+ import "../../../contexts/SmoothScrollContext.js";
66
+ import "../../../contexts/ElementPageContext.js";
67
+ import "../../../utils/const.js";
68
+ import "../../../utils/getScrollDistance.js";
69
+ import "../../../utils/getElementPositionInPage.js";
70
+ import "../../../utils/Queue.js";
71
+ import "../../../utils/renderPage.js";
72
+ import "../../../contexts/LoaderContext.js";
73
+ import "../../icons/LoaderIcon.js";
74
+ import "../../../contexts/OtherToolContext.js";
75
+ import "../../RPConfig.js";
76
+ import "../../RPTheme.js";
77
+ import "../../../contexts/ThemeContext.js";
78
+ import "../../../utils/hooks/useLoadWorker.js";
79
+ import "../../icons/Thumbnail.js";
80
+ import "../Container.js";
81
+ import "../sidebar/RPSplitter.js";
82
+ import "../WrapperLayout.js";
83
+ import "../../../LayoutWrapper-6224491f.js";
84
+ import "../../RPDropFileZone.js";
85
+ import "../../icons/LightPdfIcon.js";
86
+ import "../../icons/DarkPdfIcon.js";
87
+ import "../../../utils/hooks/useLocalization.js";
88
+ import "../../../SearchCloseButton-08d57275.js";
89
+ import "../../icons/CloseIcon.js";
90
+ import "../../ui/Checkbox.js";
43
91
  import "../../../index-c9a2990a.js";
44
92
  import "react-dom";
93
+ import "../../icons/CheckIcon.js";
94
+ import "../../../utils/dateFormatter.js";
95
+ import "./PropertyItem.js";
96
+ import "../../../RotateTool.module-67946714.js";
97
+ import "../../../utils/hooks/useInfiniteScroll.js";
98
+ import "../../../utils/link_service.js";
99
+ import "../../../utils/annotations.js";
100
+ import "../../../utils/sanitizeExternalUrl.js";
101
+ import "../../page/searchHighlight.js";
102
+ import "../../page/CustomElement.js";
103
+ import "../../../utils/calculatePage.js";
104
+ import "../../../utils/hooks/useMousePressed.js";
105
+ import "../../../utils/hooks/useGrabScroll.js";
106
+ import "../../../utils/hooks/usePinch.js";
107
+ import "../../ui/PasswordModal.js";
108
+ import "../../../utils/getWordPositionInPage.js";
109
+ import "../../../utils/smoothScrollTo.js";
110
+ import "./FileUploadTool.js";
111
+ import "../../icons/FileUploadDefaultIcon.js";
45
112
  import "../../../floating-ui.react-dom-d22a10b4.js";
46
- import "../../../utils/hooks/useLocalization.js";
47
- const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
48
- const { zoomInIcon: n } = O(), { zoomInIcon: r } = Z();
49
- return n || r || /* @__PURE__ */ t(H, {});
50
- }, g = () => {
51
- const { zoomOutIcon: n } = O(), { zoomOutIcon: r } = Z();
52
- return n || r || /* @__PURE__ */ t(R, {});
53
- }, $o = () => {
54
- const { zoomLevel: n, setZoomLevel: r, 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(
55
- new ResizeObserver((m) => {
56
- L(m[0].contentRect.height);
57
- })
58
- ), P = x(() => {
59
- r(() => {
60
- const m = Math.floor(i * 100 / 25) * 25;
61
- return Math.min(m + 25, I);
62
- });
63
- }, [r, i]), N = x(() => {
64
- r(() => {
65
- const m = Math.ceil(i * 100 / 25) * 25;
66
- return Math.min(m - 25, I);
67
- });
68
- }, [r, i]), k = h(() => i * 100 <= K, [i]), E = h(() => i * 100 >= I, [i]);
69
- G(() => (d && C.current.observe(d), () => {
70
- C.current.disconnect();
71
- }), [d]);
72
- const W = h(() => {
73
- switch (n) {
74
- case c.ACTUAL:
75
- return o == null ? void 0 : o.zoomActualSize;
76
- case c.PAGE_FIT:
77
- return o == null ? void 0 : o.zoomPageFit;
78
- case c.PAGE_WIDTH:
79
- return o == null ? void 0 : o.zoomPageWidth;
80
- }
81
- return n;
82
- }, [n, o]);
83
- return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: n, setZoomLevel: r }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: n, setZoomLevel: r }) : /* @__PURE__ */ p("div", { className: e["rp-zoom-wrapper"], children: [
84
- /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
85
- z,
86
- {
87
- disabled: k,
88
- onClick: N,
89
- "aria-label": o == null ? void 0 : o.zoomOutTooltip,
90
- children: /* @__PURE__ */ t(g, {})
91
- }
92
- ) }),
93
- !A && /* @__PURE__ */ t(
94
- U,
95
- {
96
- container: v,
97
- open: s,
98
- onOpenChange: S,
99
- triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
100
- z,
101
- {
102
- className: q(
103
- e["rp-current-zoom-wrapper"],
104
- s && e.active
105
- ),
106
- "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
107
- children: [
108
- typeof n == "number" ? /* @__PURE__ */ p(y, { children: [
109
- /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: n }),
110
- /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: "%" })
111
- ] }) : /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: W }),
112
- /* @__PURE__ */ t(F, { className: e["rp-current-zoom-icon"] })
113
- ]
114
- }
115
- ) }) }),
116
- style: { minWidth: "200px" },
117
- align: "center",
118
- side: "bottom",
119
- avoidCollisions: !1,
120
- children: /* @__PURE__ */ p(
121
- "div",
122
- {
123
- style: { maxHeight: `${w}px`, overflow: "auto" },
124
- className: e["rp-zoom-dropdown-content"],
125
- children: [
126
- /* @__PURE__ */ p(b, { children: [
127
- /* @__PURE__ */ t(u, { onClick: () => r(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
128
- /* @__PURE__ */ t(u, { onClick: () => r(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
129
- /* @__PURE__ */ t(u, { onClick: () => r(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
130
- ] }),
131
- /* @__PURE__ */ t(B, {}),
132
- /* @__PURE__ */ t(b, { children: Q.map((m) => /* @__PURE__ */ p(u, { onClick: () => r(m), children: [
133
- m,
134
- " %"
135
- ] }, m)) })
136
- ]
137
- }
138
- )
139
- }
140
- ),
141
- /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
142
- z,
143
- {
144
- disabled: E,
145
- onClick: P,
146
- "aria-label": o == null ? void 0 : o.zoomInTooltip,
147
- children: /* @__PURE__ */ t(Y, {})
148
- }
149
- ) })
150
- ] });
151
- };
113
+ import "./DarkModeTool.js";
114
+ import "../../icons/MoonIcon.js";
115
+ import "../../icons/SunIcon.js";
116
+ import "../../icons/ThreeDotIcon.js";
117
+ import "./DocumentProperties.js";
118
+ import "../../icons/InfoIcon.js";
119
+ import "./RotateTool.js";
120
+ import "../../icons/ClockwiseIcon.js";
121
+ import "../../../utils/hooks/useRotate.js";
122
+ import "./ViewModeTool.js";
123
+ import "../../icons/SinglePageIcon.js";
124
+ import "../../icons/DualPageIcon.js";
125
+ import "./ScrollModeTool.js";
126
+ import "../../icons/PageScrollingIcon.js";
127
+ import "../../icons/VerticalScrollingIcon.js";
128
+ import "../../icons/HorizontalScrollingIcon.js";
129
+ import "../../icons/FileDownloadDefaultIcon.js";
130
+ import "../../icons/PrintDefaultIcon.js";
131
+ import "./FullScreenTool.js";
132
+ import "../../icons/FullScreenIcon.js";
133
+ import "../../icons/GoToDownIcon.js";
134
+ import "./SelectionModeTool.js";
135
+ import "../../icons/TextSelectionDefaultIcon.js";
136
+ import "../../icons/HandModeDefaultIcon.js";
137
+ import "../../icons/SearchIcon.js";
138
+ import "../../icons/ClearIcon.js";
152
139
  export {
153
- $o as ZoomTool
140
+ Em as ZoomTool
154
141
  };
@@ -4,7 +4,7 @@ import { useLocalizationContext as c } from "../../../../contexts/LocalizationCo
4
4
  import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
5
5
  import { InfoIcon as f } from "../../../icons/InfoIcon.js";
6
6
  import { UIButton as D } from "../../../ui/Button.js";
7
- import { D as P } from "../../../../ToolbarLayout.module-1f1dd627.js";
7
+ import { D as P } from "../../../../ToolbarLayout.module-126458d9.js";
8
8
  import "react";
9
9
  import "../../../../index-c9a2990a.js";
10
10
  import "react-dom";
@@ -88,7 +88,6 @@ import "../../../icons/CheckIcon.js";
88
88
  import "../../../../contexts/IconContext.js";
89
89
  import "../../../ui/DropDown.js";
90
90
  import "../../../../index-3bf64864.js";
91
- import "../../../../ZoomTool.module-7082af8c.js";
92
91
  import "../MenuItem.js";
93
92
  import "../MenuSeparator.js";
94
93
  import "../../../../utils/dateFormatter.js";
@@ -132,16 +131,16 @@ import "../../../icons/GoToDownIcon.js";
132
131
  import "../SelectionModeTool.js";
133
132
  import "../../../icons/TextSelectionDefaultIcon.js";
134
133
  import "../../../icons/HandModeDefaultIcon.js";
135
- import "../ZoomTool.js";
136
134
  import "../../../icons/ZoomInIcon.js";
137
135
  import "../../../icons/ZoomOutIcon.js";
136
+ import "../../../../utils/zoom.js";
138
137
  import "../../../icons/SearchIcon.js";
139
138
  import "../../../icons/ClearIcon.js";
140
139
  const d = ({
141
140
  children: r,
142
141
  className: i,
143
142
  localeMessages: o
144
- }) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Xt = ({ icon: r }) => {
143
+ }) => /* @__PURE__ */ t(e, { className: i, content: o == null ? void 0 : o.documentPropertiesTooltip, children: r }), Wt = ({ icon: r }) => {
145
144
  const { setActiveDocumentProperties: i } = u(), { localeMessages: o } = c();
146
145
  return /* @__PURE__ */ p(n, { children: [
147
146
  /* @__PURE__ */ t(d, { localeMessages: o, children: /* @__PURE__ */ t(
@@ -156,5 +155,5 @@ const d = ({
156
155
  ] });
157
156
  };
158
157
  export {
159
- Xt as DocumentPropertiesTool
158
+ Wt as DocumentPropertiesTool
160
159
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import { FileDownloadDefaultIcon as m } from "../../../icons/FileDownloadDefaultIcon.js";
3
3
  import { UIButton as p } from "../../../ui/Button.js";
4
- import { b as n } from "../../../../ToolbarLayout.module-1f1dd627.js";
4
+ import { b as n } from "../../../../ToolbarLayout.module-126458d9.js";
5
5
  import l from "../../../ui/RPTooltip.js";
6
6
  import { useLocalizationContext as d } from "../../../../contexts/LocalizationContext.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -87,7 +87,6 @@ import "../../../../contexts/IconContext.js";
87
87
  import "../../../ui/DropDown.js";
88
88
  import "../../../../index-3bf64864.js";
89
89
  import "../../../../floating-ui.react-dom-d22a10b4.js";
90
- import "../../../../ZoomTool.module-7082af8c.js";
91
90
  import "../MenuItem.js";
92
91
  import "../MenuSeparator.js";
93
92
  import "../../../../utils/dateFormatter.js";
@@ -131,16 +130,16 @@ import "../../../icons/GoToDownIcon.js";
131
130
  import "../SelectionModeTool.js";
132
131
  import "../../../icons/TextSelectionDefaultIcon.js";
133
132
  import "../../../icons/HandModeDefaultIcon.js";
134
- import "../ZoomTool.js";
135
133
  import "../../../icons/ZoomInIcon.js";
136
134
  import "../../../icons/ZoomOutIcon.js";
135
+ import "../../../../utils/zoom.js";
137
136
  import "../../../icons/SearchIcon.js";
138
137
  import "../../../icons/ClearIcon.js";
139
138
  import "../../../../utils/hooks/useLocalization.js";
140
- const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), Qt = ({ icon: t }) => {
139
+ const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), Ot = ({ icon: t }) => {
141
140
  const { download: r } = n(), { localeMessages: o } = d();
142
141
  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, {}) }) });
143
142
  };
144
143
  export {
145
- Qt as FileDownloadTool
144
+ Ot as FileDownloadTool
146
145
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as c, Fragment as h, jsx as l } from "react/jsx-runtime";
2
2
  import { useState as d, useEffect as S, useCallback as i } from "react";
3
- import { u as x, i as u } from "../../../../ToolbarLayout.module-1f1dd627.js";
3
+ import { u as x, i as u } from "../../../../ToolbarLayout.module-126458d9.js";
4
4
  import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
5
5
  import y from "../../../ui/RPTooltip.js";
6
6
  import { UIInput as E } from "../../../ui/Input.js";
@@ -86,7 +86,6 @@ import "../../../../contexts/IconContext.js";
86
86
  import "../../../ui/DropDown.js";
87
87
  import "../../../../index-3bf64864.js";
88
88
  import "../../../../floating-ui.react-dom-d22a10b4.js";
89
- import "../../../../ZoomTool.module-7082af8c.js";
90
89
  import "../MenuItem.js";
91
90
  import "../MenuSeparator.js";
92
91
  import "../../../../utils/dateFormatter.js";
@@ -131,13 +130,13 @@ import "../../../icons/GoToDownIcon.js";
131
130
  import "../SelectionModeTool.js";
132
131
  import "../../../icons/TextSelectionDefaultIcon.js";
133
132
  import "../../../icons/HandModeDefaultIcon.js";
134
- import "../ZoomTool.js";
135
133
  import "../../../icons/ZoomInIcon.js";
136
134
  import "../../../icons/ZoomOutIcon.js";
135
+ import "../../../../utils/zoom.js";
137
136
  import "../../../icons/SearchIcon.js";
138
137
  import "../../../icons/ClearIcon.js";
139
138
  import "../../../../utils/hooks/useLocalization.js";
140
- const or = () => {
139
+ const tr = () => {
141
140
  const { focusedPage: o, totalPages: n, goToPage: e } = x(), { localeMessages: p } = C(), [m, r] = d(o.toString());
142
141
  S(() => {
143
142
  r(o.toString());
@@ -174,5 +173,5 @@ const or = () => {
174
173
  ] });
175
174
  };
176
175
  export {
177
- or as InputPageTool
176
+ tr as InputPageTool
178
177
  };
@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
2
2
  import { useMemo as d } from "react";
3
3
  import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
4
4
  import { UIButton as f } from "../../../ui/Button.js";
5
- import { u as s } from "../../../../ToolbarLayout.module-1f1dd627.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-126458d9.js";
6
6
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
7
7
  import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
8
8
  import "../../../../contexts/RPDocumentContext.js";
@@ -50,7 +50,6 @@ import "../../../icons/LoaderIcon.js";
50
50
  import "../../../../contexts/IconContext.js";
51
51
  import h from "../../../ui/RPTooltip.js";
52
52
  import "../../../ui/DropDown.js";
53
- import "../../../../ZoomTool.module-7082af8c.js";
54
53
  import "../MenuItem.js";
55
54
  import "../MenuSeparator.js";
56
55
  import "../../../../utils/dateFormatter.js";
@@ -115,9 +114,9 @@ import "../../../icons/GoToDownIcon.js";
115
114
  import "../SelectionModeTool.js";
116
115
  import "../../../icons/TextSelectionDefaultIcon.js";
117
116
  import "../../../icons/HandModeDefaultIcon.js";
118
- import "../ZoomTool.js";
119
117
  import "../../../icons/ZoomInIcon.js";
120
118
  import "../../../icons/ZoomOutIcon.js";
119
+ import "../../../../utils/zoom.js";
121
120
  import "../../../icons/SearchIcon.js";
122
121
  import "../../../icons/ClearIcon.js";
123
122
  import "../../../../utils/hooks/useLocalization.js";
@@ -137,7 +136,7 @@ import "../../../RPTheme.js";
137
136
  import "../../../../utils/hooks/useLoadWorker.js";
138
137
  import "../../../icons/LightPdfIcon.js";
139
138
  import "../../../icons/DarkPdfIcon.js";
140
- const Zt = ({ icon: m }) => {
139
+ const Yt = ({ icon: m }) => {
141
140
  const { focusedPage: t, nextPage: n, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), a = d(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
142
141
  return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
143
142
  f,
@@ -150,5 +149,5 @@ const Zt = ({ icon: m }) => {
150
149
  ) }) });
151
150
  };
152
151
  export {
153
- Zt as NextPageTool
152
+ Yt as NextPageTool
154
153
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, Fragment as m } from "react/jsx-runtime";
2
2
  import { ChevronUpIcon as n } from "../../../icons/ChevronUpIcon.js";
3
3
  import { UIButton as e } from "../../../ui/Button.js";
4
- import { u as a } from "../../../../ToolbarLayout.module-1f1dd627.js";
4
+ import { u as a } from "../../../../ToolbarLayout.module-126458d9.js";
5
5
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
6
6
  import P from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -86,7 +86,6 @@ import "../../../../contexts/IconContext.js";
86
86
  import "../../../ui/DropDown.js";
87
87
  import "../../../../index-3bf64864.js";
88
88
  import "../../../../floating-ui.react-dom-d22a10b4.js";
89
- import "../../../../ZoomTool.module-7082af8c.js";
90
89
  import "../MenuItem.js";
91
90
  import "../MenuSeparator.js";
92
91
  import "../../../../utils/dateFormatter.js";
@@ -131,13 +130,13 @@ import "../../../icons/GoToDownIcon.js";
131
130
  import "../SelectionModeTool.js";
132
131
  import "../../../icons/TextSelectionDefaultIcon.js";
133
132
  import "../../../icons/HandModeDefaultIcon.js";
134
- import "../ZoomTool.js";
135
133
  import "../../../icons/ZoomInIcon.js";
136
134
  import "../../../icons/ZoomOutIcon.js";
135
+ import "../../../../utils/zoom.js";
137
136
  import "../../../icons/SearchIcon.js";
138
137
  import "../../../icons/ClearIcon.js";
139
138
  import "../../../../utils/hooks/useLocalization.js";
140
- const Or = ({ icon: t }) => {
139
+ const Nr = ({ icon: t }) => {
141
140
  const { focusedPage: i, prevPage: p } = a(), { localeMessages: o } = u();
142
141
  return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(P, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
143
142
  e,
@@ -150,5 +149,5 @@ const Or = ({ icon: t }) => {
150
149
  ) }) });
151
150
  };
152
151
  export {
153
- Or as PreviousPageTool
152
+ Nr as PreviousPageTool
154
153
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as p } from "../../../icons/PrintDefaultIcon.js";
3
3
  import { UIButton as m } from "../../../ui/Button.js";
4
- import { c as n } from "../../../../ToolbarLayout.module-1f1dd627.js";
4
+ import { c as n } from "../../../../ToolbarLayout.module-126458d9.js";
5
5
  import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
6
6
  import T from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -87,7 +87,6 @@ import "../../../../contexts/IconContext.js";
87
87
  import "../../../ui/DropDown.js";
88
88
  import "../../../../index-3bf64864.js";
89
89
  import "../../../../floating-ui.react-dom-d22a10b4.js";
90
- import "../../../../ZoomTool.module-7082af8c.js";
91
90
  import "../MenuItem.js";
92
91
  import "../MenuSeparator.js";
93
92
  import "../../../../utils/dateFormatter.js";
@@ -131,16 +130,16 @@ import "../../../icons/GoToDownIcon.js";
131
130
  import "../SelectionModeTool.js";
132
131
  import "../../../icons/TextSelectionDefaultIcon.js";
133
132
  import "../../../icons/HandModeDefaultIcon.js";
134
- import "../ZoomTool.js";
135
133
  import "../../../icons/ZoomInIcon.js";
136
134
  import "../../../icons/ZoomOutIcon.js";
135
+ import "../../../../utils/zoom.js";
137
136
  import "../../../icons/SearchIcon.js";
138
137
  import "../../../icons/ClearIcon.js";
139
138
  import "../../../../utils/hooks/useLocalization.js";
140
- const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), Vo = ({ icon: o }) => {
139
+ const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), So = ({ icon: o }) => {
141
140
  const { print: i } = n(), { localeMessages: t } = f();
142
141
  return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, {}) }) });
143
142
  };
144
143
  export {
145
- Vo as PrintTool
144
+ So as PrintTool
146
145
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as n } from "react/jsx-runtime";
2
- import { h as l } from "../../../../ToolbarLayout.module-1f1dd627.js";
2
+ import { h as l } from "../../../../ToolbarLayout.module-126458d9.js";
3
3
  import { ThumbnailIcon as h } from "../../../icons/Thumbnail.js";
4
4
  import { UIButton as u } from "../../../ui/Button.js";
5
5
  import a from "../../../ui/RPTooltip.js";
@@ -86,7 +86,6 @@ import "../../../../contexts/IconContext.js";
86
86
  import "../../../ui/DropDown.js";
87
87
  import "../../../../index-3bf64864.js";
88
88
  import "../../../../floating-ui.react-dom-d22a10b4.js";
89
- import "../../../../ZoomTool.module-7082af8c.js";
90
89
  import "../MenuItem.js";
91
90
  import "../MenuSeparator.js";
92
91
  import "../../../../utils/dateFormatter.js";
@@ -131,13 +130,13 @@ import "../../../icons/GoToDownIcon.js";
131
130
  import "../SelectionModeTool.js";
132
131
  import "../../../icons/TextSelectionDefaultIcon.js";
133
132
  import "../../../icons/HandModeDefaultIcon.js";
134
- import "../ZoomTool.js";
135
133
  import "../../../icons/ZoomInIcon.js";
136
134
  import "../../../icons/ZoomOutIcon.js";
135
+ import "../../../../utils/zoom.js";
137
136
  import "../../../icons/SearchIcon.js";
138
137
  import "../../../icons/ClearIcon.js";
139
138
  import "../../../../utils/hooks/useLocalization.js";
140
- const So = ({ icon: i }) => {
139
+ const Qo = ({ icon: i }) => {
141
140
  const { active: r, setActive: m } = l(), { localeMessages: t } = c(), p = () => {
142
141
  m(!r);
143
142
  };
@@ -152,5 +151,5 @@ const So = ({ icon: i }) => {
152
151
  ) }) });
153
152
  };
154
153
  export {
155
- So as ThumbnailTool
154
+ Qo as ThumbnailTool
156
155
  };
@@ -1,11 +1,12 @@
1
- import { jsx as r, Fragment as c } from "react/jsx-runtime";
2
- import { useCallback as f, useMemo as d } from "react";
3
- import { useZoomContext as u } from "../../../../contexts/ZoomContext.js";
4
- import { ZoomInIcon as I } from "../../../icons/ZoomInIcon.js";
5
- import { UIButton as Z } from "../../../ui/Button.js";
6
- import a from "../../../ui/RPTooltip.js";
7
- import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
8
- import { MAX_ZOOM_SCALE as p } from "../../../../utils/constants.js";
1
+ import { jsx as r, Fragment as l } from "react/jsx-runtime";
2
+ import { useCallback as c, useMemo as f } from "react";
3
+ import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
4
+ import { ZoomInIcon as u } from "../../../icons/ZoomInIcon.js";
5
+ import { UIButton as I } from "../../../ui/Button.js";
6
+ import Z from "../../../ui/RPTooltip.js";
7
+ import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
8
+ import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
9
+ import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
9
10
  import "../../../../utils/types.js";
10
11
  import "../../../../th_TH-d627cd51.js";
11
12
  import "../../../../utils/appConsole.js";
@@ -32,23 +33,23 @@ import "../../../../index-c9a2990a.js";
32
33
  import "react-dom";
33
34
  import "../../../../floating-ui.react-dom-d22a10b4.js";
34
35
  import "../../../../utils/hooks/useLocalization.js";
35
- const Y = ({ icon: m }) => {
36
- const { currentZoom: t, setZoomLevel: i } = u(), { localeMessages: o } = h(), n = f(() => {
36
+ const g = ({ icon: m }) => {
37
+ const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = a(), p = c(() => {
37
38
  i(() => {
38
- const l = Math.floor(t * 100 / 25) * 25;
39
- return Math.min(l + 25, p);
39
+ const e = Math.floor(t * 100 / 25) * 25;
40
+ return Math.min(e + 25, s);
40
41
  });
41
- }, [i, t]), e = d(() => t >= p, [t]);
42
- return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
43
- Z,
42
+ }, [i, t]), n = f(() => h(t), [t]);
43
+ return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
44
+ I,
44
45
  {
45
- disabled: e,
46
- onClick: n,
46
+ disabled: n,
47
+ onClick: p,
47
48
  "aria-label": o == null ? void 0 : o.zoomInTooltip,
48
- children: m || /* @__PURE__ */ r(I, {})
49
+ children: m || /* @__PURE__ */ r(u, {})
49
50
  }
50
51
  ) }) });
51
52
  };
52
53
  export {
53
- Y as ZoomInTool
54
+ g as ZoomInTool
54
55
  };