@pdf-viewer/react 1.12.0-rc.1 → 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
@@ -0,0 +1,141 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../../../contexts/RPDocumentContext.js";
4
+ import "../../../../contexts/DocumentPasswordContext.js";
5
+ import { Z as Em } from "../../../../ToolbarLayout.module-126458d9.js";
6
+ import "../../../../contexts/DarkModeContext.js";
7
+ import "../../../../utils/types.js";
8
+ import "../../../../contexts/RotationContext.js";
9
+ import "../../../../contexts/LayerContext.js";
10
+ import "../../../../contexts/ZoomContext.js";
11
+ import "../../../../contexts/ViewModeContext.js";
12
+ import "../../../../contexts/ScrollModeContext.js";
13
+ import "../../../../contexts/VirtualScrollContext.js";
14
+ import "../../../../contexts/VirtualGridContext.js";
15
+ import "../../../../contexts/SelectionModeContext.js";
16
+ import "../../../../contexts/InitialStateContext.js";
17
+ import "../../../../contexts/FullScreenContext.js";
18
+ import "../../../../contexts/FileInputContext.js";
19
+ import "../../../../contexts/DropFileZoneContext.js";
20
+ import "../../../../contexts/LayoutContainerContext.js";
21
+ import "../../../../contexts/DimensionPagesContext.js";
22
+ import "../../../../contexts/LocalizationContext.js";
23
+ import "../../../../contexts/HighlightContext.js";
24
+ import "../../../../contexts/LicenseContext.js";
25
+ import "../../../../contexts/DownloadContext.js";
26
+ import "../../../../contexts/SmoothScrollContext.js";
27
+ import "../../../../contexts/ElementPageContext.js";
28
+ import "../../../../contexts/PagesRotateContext.js";
29
+ import "../../../../contexts/GlobalCurrentPage.js";
30
+ import "../../../../contexts/LoaderContext.js";
31
+ import "../../../../contexts/ToolComponentContext.js";
32
+ import "../../../../contexts/IconToolContext.js";
33
+ import "../../../../contexts/OtherToolContext.js";
34
+ import "../../../../contexts/EventCallbackContext.js";
35
+ import "../../../RPConfig.js";
36
+ import "../../Container.js";
37
+ import "../../../../contexts/ViewportContext.js";
38
+ import "../../../../contexts/ToolbarComponentContext.js";
39
+ import "../../sidebar/RPSplitter.js";
40
+ import "../../WrapperLayout.js";
41
+ import "../../../../LayoutWrapper-6224491f.js";
42
+ import "../../../../contexts/ThemeContext.js";
43
+ import "../../../RPDropFileZone.js";
44
+ import "../../../ui/Button.js";
45
+ import "../../../../SearchCloseButton-08d57275.js";
46
+ import "../../../ui/Input.js";
47
+ import "../../../ui/Checkbox.js";
48
+ import "../../../icons/LoaderIcon.js";
49
+ import "../../../../contexts/IconContext.js";
50
+ import "../../../ui/RPTooltip.js";
51
+ import "../../../ui/DropDown.js";
52
+ import "../MenuItem.js";
53
+ import "../MenuSeparator.js";
54
+ import "../../../../utils/dateFormatter.js";
55
+ import "../PropertyItem.js";
56
+ import "../../../../RotateTool.module-67946714.js";
57
+ import "../../../../utils/hooks/useLoadPdf.js";
58
+ import "pdfjs-dist";
59
+ import "../../../../utils/getThumbnailViewport.js";
60
+ import "../../../../contexts/ConfigContext.js";
61
+ import "../../../../th_TH-d627cd51.js";
62
+ import "../../../../utils/appConsole.js";
63
+ import "../../../../utils/hooks/usePdfProperties.js";
64
+ import "../../../../utils/convertPdfDate.js";
65
+ import "../../../../utils/formatFileSize.js";
66
+ import "../../../icons/ChevronUpIcon.js";
67
+ import "../../../../utils/highlight.js";
68
+ import "../../../../utils/charators.js";
69
+ import "../../../../utils/Queue.js";
70
+ import "../../../../utils/renderPage.js";
71
+ import "../../../icons/Thumbnail.js";
72
+ import "../../../../clsx-0c6e471a.js";
73
+ import "../../../../utils/withRef.js";
74
+ import "../../../../utils/hooks/useInfiniteScroll.js";
75
+ import "../../../../utils/constants.js";
76
+ import "../../../../utils/link_service.js";
77
+ import "../../../../utils/annotations.js";
78
+ import "../../../../utils/sanitizeExternalUrl.js";
79
+ import "../../../page/searchHighlight.js";
80
+ import "../../../../utils/const.js";
81
+ import "../../../page/CustomElement.js";
82
+ import "../../../../utils/getZoomLevel.js";
83
+ import "../../../../utils/hooks/useDebounce.js";
84
+ import "../../../../utils/hooks/useLicense.js";
85
+ import "../../../../utils/getScrollDistance.js";
86
+ import "../../../../utils/getElementPositionInPage.js";
87
+ import "../../../../utils/calculatePage.js";
88
+ import "../../../../utils/hooks/useMousePressed.js";
89
+ import "../../../../utils/hooks/useGrabScroll.js";
90
+ import "../../../../utils/hooks/usePinch.js";
91
+ import "../../../ui/PasswordModal.js";
92
+ import "../../../../utils/hooks/useLocalization.js";
93
+ import "../../../../utils/getWordPositionInPage.js";
94
+ import "../../../../utils/smoothScrollTo.js";
95
+ import "../FileUploadTool.js";
96
+ import "../../../icons/FileUploadDefaultIcon.js";
97
+ import "../../../../index-3bf64864.js";
98
+ import "../../../../index-c9a2990a.js";
99
+ import "react-dom";
100
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
101
+ import "../DarkModeTool.js";
102
+ import "../../../icons/MoonIcon.js";
103
+ import "../../../icons/SunIcon.js";
104
+ import "../../../../utils/hooks/useDarkMode.js";
105
+ import "../../../icons/ThreeDotIcon.js";
106
+ import "../../../icons/CloseIcon.js";
107
+ import "../DocumentProperties.js";
108
+ import "../../../icons/InfoIcon.js";
109
+ import "../RotateTool.js";
110
+ import "../../../icons/ClockwiseIcon.js";
111
+ import "../../../../utils/hooks/useRotate.js";
112
+ import "../ViewModeTool.js";
113
+ import "../../../icons/SinglePageIcon.js";
114
+ import "../../../icons/DualPageIcon.js";
115
+ import "../../../icons/CheckIcon.js";
116
+ import "../ScrollModeTool.js";
117
+ import "../../../icons/PageScrollingIcon.js";
118
+ import "../../../icons/VerticalScrollingIcon.js";
119
+ import "../../../icons/HorizontalScrollingIcon.js";
120
+ import "../../../icons/FileDownloadDefaultIcon.js";
121
+ import "../../../icons/PrintDefaultIcon.js";
122
+ import "../FullScreenTool.js";
123
+ import "../../../icons/FullScreenIcon.js";
124
+ import "../../../../utils/hooks/useFullScreen.js";
125
+ import "../../../icons/GoToDownIcon.js";
126
+ import "../SelectionModeTool.js";
127
+ import "../../../icons/TextSelectionDefaultIcon.js";
128
+ import "../../../icons/HandModeDefaultIcon.js";
129
+ import "../../../icons/ZoomInIcon.js";
130
+ import "../../../icons/ZoomOutIcon.js";
131
+ import "../../../../utils/zoom.js";
132
+ import "../../../icons/SearchIcon.js";
133
+ import "../../../icons/ClearIcon.js";
134
+ import "../../../../utils/hooks/useHighlight.js";
135
+ import "../../../RPTheme.js";
136
+ import "../../../../utils/hooks/useLoadWorker.js";
137
+ import "../../../icons/LightPdfIcon.js";
138
+ import "../../../icons/DarkPdfIcon.js";
139
+ export {
140
+ Em as ZoomLevelDisplay
141
+ };
@@ -1,16 +1,16 @@
1
- import { jsx as r, Fragment as z, jsxs as e } from "react/jsx-runtime";
2
- import { useState as v, useRef as x, useEffect as C } from "react";
1
+ import { jsx as r, Fragment as v, jsxs as m } from "react/jsx-runtime";
2
+ import { useState as z, useRef as x, useEffect as C } from "react";
3
3
  import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
4
4
  import { UIButton as T } from "../../../ui/Button.js";
5
- import { c as i } from "../../../../ZoomTool.module-7082af8c.js";
6
- import { UIDropDown as w } from "../../../ui/DropDown.js";
7
- import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
5
+ import { j as p, Z as w } from "../../../../ToolbarLayout.module-126458d9.js";
6
+ import { UIDropDown as I } from "../../../ui/DropDown.js";
7
+ import { useLayoutContainer as Z } from "../../../../contexts/LayoutContainerContext.js";
8
8
  import { G as h } from "../../../../index-3bf64864.js";
9
- import { MenuItem as n } from "../MenuItem.js";
9
+ import { MenuItem as e } from "../MenuItem.js";
10
10
  import { MenuSeparator as b } from "../MenuSeparator.js";
11
11
  import A from "../../../ui/RPTooltip.js";
12
12
  import { ZoomLevel as c } from "../../../../utils/types.js";
13
- import { useLocalizationContext as N } from "../../../../contexts/LocalizationContext.js";
13
+ import { useLocalizationContext as D } from "../../../../contexts/LocalizationContext.js";
14
14
  import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.js";
15
15
  import "../../../../utils/appConsole.js";
16
16
  import "../../../../contexts/InitialStateContext.js";
@@ -33,49 +33,154 @@ import "../../../../contexts/EventCallbackContext.js";
33
33
  import "../../../../utils/hooks/useDebounce.js";
34
34
  import "../../../../clsx-0c6e471a.js";
35
35
  import "../../../../utils/withRef.js";
36
+ import "../../../icons/ChevronUpIcon.js";
37
+ import "../../../ui/Input.js";
38
+ import "../../../../contexts/ScrollModeContext.js";
39
+ import "../../../../contexts/DarkModeContext.js";
40
+ import "../../../../utils/hooks/useDarkMode.js";
41
+ import "../../../../contexts/LayerContext.js";
42
+ import "../../../../contexts/VirtualScrollContext.js";
43
+ import "../../../../contexts/VirtualGridContext.js";
44
+ import "../../../../contexts/SelectionModeContext.js";
45
+ import "../../../../contexts/FullScreenContext.js";
46
+ import "../../../../utils/hooks/useFullScreen.js";
47
+ import "../../../../contexts/FileInputContext.js";
48
+ import "../../../../contexts/DropFileZoneContext.js";
49
+ import "../../../../contexts/ToolbarComponentContext.js";
50
+ import "../../../../contexts/ToolComponentContext.js";
51
+ import "../../../../utils/highlight.js";
52
+ import "../../../../utils/charators.js";
53
+ import "../../../../contexts/DimensionPagesContext.js";
54
+ import "../../../../contexts/PagesRotateContext.js";
55
+ import "../../../../contexts/HighlightContext.js";
56
+ import "../../../../utils/hooks/useHighlight.js";
57
+ import "../../../../contexts/LicenseContext.js";
58
+ import "../../../../utils/hooks/useLicense.js";
59
+ import "../../../../contexts/DownloadContext.js";
60
+ import "../../../../contexts/SmoothScrollContext.js";
61
+ import "../../../../contexts/ElementPageContext.js";
62
+ import "../../../../utils/const.js";
63
+ import "../../../../utils/getScrollDistance.js";
64
+ import "../../../../utils/getElementPositionInPage.js";
65
+ import "../../../../utils/Queue.js";
66
+ import "../../../../utils/renderPage.js";
67
+ import "../../../../contexts/LoaderContext.js";
68
+ import "../../../icons/LoaderIcon.js";
69
+ import "../../../../contexts/IconToolContext.js";
70
+ import "../../../../contexts/OtherToolContext.js";
71
+ import "../../../RPConfig.js";
72
+ import "../../../RPTheme.js";
73
+ import "../../../../contexts/ThemeContext.js";
74
+ import "../../../../utils/hooks/useLoadWorker.js";
75
+ import "../../../icons/Thumbnail.js";
76
+ import "../../Container.js";
77
+ import "../../../../contexts/ViewportContext.js";
78
+ import "../../sidebar/RPSplitter.js";
79
+ import "../../WrapperLayout.js";
80
+ import "../../../../LayoutWrapper-6224491f.js";
81
+ import "../../../RPDropFileZone.js";
82
+ import "../../../icons/LightPdfIcon.js";
83
+ import "../../../icons/DarkPdfIcon.js";
84
+ import "../../../../SearchCloseButton-08d57275.js";
85
+ import "../../../icons/CloseIcon.js";
86
+ import "../../../ui/Checkbox.js";
36
87
  import "../../../../index-c9a2990a.js";
37
88
  import "react-dom";
89
+ import "../../../icons/CheckIcon.js";
90
+ import "../../../../contexts/IconContext.js";
91
+ import "../../../../utils/dateFormatter.js";
92
+ import "../PropertyItem.js";
93
+ import "../../../../RotateTool.module-67946714.js";
94
+ import "../../../../utils/hooks/useInfiniteScroll.js";
95
+ import "../../../../utils/link_service.js";
96
+ import "../../../../utils/annotations.js";
97
+ import "../../../../utils/sanitizeExternalUrl.js";
98
+ import "../../../page/searchHighlight.js";
99
+ import "../../../page/CustomElement.js";
100
+ import "../../../../utils/calculatePage.js";
101
+ import "../../../../utils/hooks/useMousePressed.js";
102
+ import "../../../../utils/hooks/useGrabScroll.js";
103
+ import "../../../../utils/hooks/usePinch.js";
104
+ import "../../../ui/PasswordModal.js";
105
+ import "../../../../utils/getWordPositionInPage.js";
106
+ import "../../../../utils/smoothScrollTo.js";
107
+ import "../FileUploadTool.js";
108
+ import "../../../icons/FileUploadDefaultIcon.js";
109
+ import "../DarkModeTool.js";
110
+ import "../../../icons/MoonIcon.js";
111
+ import "../../../icons/SunIcon.js";
112
+ import "../../../icons/ThreeDotIcon.js";
38
113
  import "../../../../floating-ui.react-dom-d22a10b4.js";
114
+ import "../DocumentProperties.js";
115
+ import "../../../icons/InfoIcon.js";
116
+ import "../RotateTool.js";
117
+ import "../../../icons/ClockwiseIcon.js";
118
+ import "../../../../utils/hooks/useRotate.js";
119
+ import "../ViewModeTool.js";
120
+ import "../../../icons/SinglePageIcon.js";
121
+ import "../../../icons/DualPageIcon.js";
122
+ import "../ScrollModeTool.js";
123
+ import "../../../icons/PageScrollingIcon.js";
124
+ import "../../../icons/VerticalScrollingIcon.js";
125
+ import "../../../icons/HorizontalScrollingIcon.js";
126
+ import "../../../icons/FileDownloadDefaultIcon.js";
127
+ import "../../../icons/PrintDefaultIcon.js";
128
+ import "../FullScreenTool.js";
129
+ import "../../../icons/FullScreenIcon.js";
130
+ import "../../../icons/GoToDownIcon.js";
131
+ import "../SelectionModeTool.js";
132
+ import "../../../icons/TextSelectionDefaultIcon.js";
133
+ import "../../../icons/HandModeDefaultIcon.js";
134
+ import "../../../icons/ZoomInIcon.js";
135
+ import "../../../icons/ZoomOutIcon.js";
136
+ import "../../../../utils/zoom.js";
137
+ import "../../../icons/SearchIcon.js";
138
+ import "../../../icons/ClearIcon.js";
39
139
  import "../../../../utils/hooks/useLocalization.js";
40
- const R = [50, 75, 100, 125, 150, 200, 300, 400], so = ({ icon: l }) => {
41
- const { zoomLevel: u, setZoomLevel: m } = L(), { container: a, pagesRef: p } = I(), { localeMessages: o } = N(), [f, s] = v(0), d = x(
140
+ const R = [50, 75, 100, 125, 150, 200, 300, 400], ct = ({ icon: l }) => {
141
+ const { zoomLevel: f, setZoomLevel: i } = L(), { container: u, pagesRef: n } = Z(), { localeMessages: o } = D(), [a, s] = z(0), d = x(
42
142
  new ResizeObserver((t) => {
43
143
  s(t[0].contentRect.height);
44
144
  })
45
145
  );
46
- return C(() => (p && d.current.observe(p), () => {
146
+ return C(() => (n && d.current.observe(n), () => {
47
147
  d.current.disconnect();
48
- }), [p]), /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
49
- w,
148
+ }), [n]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
149
+ I,
50
150
  {
51
- container: a,
52
- triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ e(
151
+ container: u,
152
+ triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ m(
53
153
  T,
54
154
  {
55
- className: i["rp-current-zoom-wrapper"],
155
+ className: p["rp-current-zoom-wrapper"],
56
156
  "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
57
157
  children: [
58
- /* @__PURE__ */ r("span", { className: i["rp-current-zoom-text"], children: u }),
59
- /* @__PURE__ */ r("span", { className: i["rp-current-zoom-text"], children: "%" }),
60
- /* @__PURE__ */ r("div", { className: i["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
158
+ /* @__PURE__ */ r(
159
+ w,
160
+ {
161
+ zoomLevel: f,
162
+ className: p["rp-current-zoom-text"]
163
+ }
164
+ ),
165
+ /* @__PURE__ */ r("div", { className: p["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
61
166
  ]
62
167
  }
63
168
  ) }) }),
64
169
  style: { minWidth: "200px" },
65
170
  align: "center",
66
- children: /* @__PURE__ */ e(
171
+ children: /* @__PURE__ */ m(
67
172
  "div",
68
173
  {
69
- style: { maxHeight: `${f}px`, overflow: "auto" },
70
- className: i["rp-zoom-dropdown-content"],
174
+ style: { maxHeight: `${a}px`, overflow: "auto" },
175
+ className: p["rp-zoom-dropdown-content"],
71
176
  children: [
72
- /* @__PURE__ */ e(h, { children: [
73
- /* @__PURE__ */ r(n, { onClick: () => m(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
74
- /* @__PURE__ */ r(n, { onClick: () => m(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
75
- /* @__PURE__ */ r(n, { onClick: () => m(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
177
+ /* @__PURE__ */ m(h, { children: [
178
+ /* @__PURE__ */ r(e, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
179
+ /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
180
+ /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
76
181
  ] }),
77
182
  /* @__PURE__ */ r(b, {}),
78
- /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ e(n, { onClick: () => m(t), children: [
183
+ /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ m(e, { onClick: () => i(t), children: [
79
184
  t,
80
185
  " %"
81
186
  ] }, t)) })
@@ -86,5 +191,5 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], so = ({ icon: l }) => {
86
191
  ) });
87
192
  };
88
193
  export {
89
- so as ZoomLevelTool
194
+ ct as ZoomLevelTool
90
195
  };
@@ -1,11 +1,12 @@
1
1
  import { jsx as r, Fragment as u } from "react/jsx-runtime";
2
- import { useMemo as c, useCallback as l } from "react";
3
- import { useZoomContext as O } from "../../../../contexts/ZoomContext.js";
4
- import { UIButton as d } from "../../../ui/Button.js";
5
- import Z from "../../../ui/RPTooltip.js";
6
- import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
2
+ import { useMemo as l, useCallback as c } from "react";
3
+ import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
4
+ import { UIButton as f } from "../../../ui/Button.js";
5
+ import O from "../../../ui/RPTooltip.js";
6
+ import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
7
7
  import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
8
- import { MIN_ZOOM_SCALE as h, MAX_ZOOM_SCALE as C } from "../../../../utils/constants.js";
8
+ import { MAX_ZOOM_SCALE as h } from "../../../../utils/constants.js";
9
+ import { isZoomOutDisabled as s } from "../../../../utils/zoom.js";
9
10
  import "../../../../utils/types.js";
10
11
  import "../../../../th_TH-d627cd51.js";
11
12
  import "../../../../utils/appConsole.js";
@@ -32,15 +33,15 @@ 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 $ = ({ icon: m }) => {
36
- const { currentZoom: t, setZoomLevel: i } = O(), { localeMessages: o } = f(), p = c(() => t <= h, [t]), n = l(() => {
36
+ const g = ({ icon: m }) => {
37
+ const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = Z(), p = l(() => s(t), [t]), n = c(() => {
37
38
  i(() => {
38
39
  const e = Math.ceil(t * 100 / 25) * 25;
39
- return Math.min(e - 25, C);
40
+ return Math.min(e - 25, h);
40
41
  });
41
42
  }, [i, t]);
42
- return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
43
- d,
43
+ return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(O, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
44
+ f,
44
45
  {
45
46
  disabled: p,
46
47
  onClick: n,
@@ -50,5 +51,5 @@ const $ = ({ icon: m }) => {
50
51
  ) }) });
51
52
  };
52
53
  export {
53
- $ as ZoomOutTool
54
+ g as ZoomOutTool
54
55
  };
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
2
  import { useState as d, useEffect as f } from "react";
3
3
  import "../../../../../contexts/RPDocumentContext.js";
4
4
  import "../../../../../contexts/DocumentPasswordContext.js";
5
- import { j as t, S as y, k as C, l as R } from "../../../../../ToolbarLayout.module-1f1dd627.js";
5
+ import { k as t, S as y, l as C, m as R, n as v } from "../../../../../ToolbarLayout.module-126458d9.js";
6
6
  import "../../../../../contexts/DarkModeContext.js";
7
7
  import "../../../../../contexts/RotationContext.js";
8
8
  import "../../../../../contexts/LayerContext.js";
@@ -27,13 +27,13 @@ import "../../../../../contexts/ElementPageContext.js";
27
27
  import "../../../../../contexts/PagesRotateContext.js";
28
28
  import "../../../../../contexts/GlobalCurrentPage.js";
29
29
  import "../../../../../contexts/LoaderContext.js";
30
- import { useToolComponentContext as v } from "../../../../../contexts/ToolComponentContext.js";
31
- import { useIconToolContext as x } from "../../../../../contexts/IconToolContext.js";
30
+ import { useToolComponentContext as x } from "../../../../../contexts/ToolComponentContext.js";
31
+ import { useIconToolContext as I } from "../../../../../contexts/IconToolContext.js";
32
32
  import "../../../../../contexts/OtherToolContext.js";
33
33
  import "../../../../../contexts/EventCallbackContext.js";
34
34
  import "../../../../RPConfig.js";
35
35
  import "../../../Container.js";
36
- import { useViewportContext as I } from "../../../../../contexts/ViewportContext.js";
36
+ import { useViewportContext as T } from "../../../../../contexts/ViewportContext.js";
37
37
  import "../../../../../contexts/ToolbarComponentContext.js";
38
38
  import "../../../sidebar/RPSplitter.js";
39
39
  import "../../../WrapperLayout.js";
@@ -43,14 +43,12 @@ import "../../../../RPDropFileZone.js";
43
43
  import "../../../../ui/Button.js";
44
44
  import "../../../../ui/RPTooltip.js";
45
45
  import "../../../../ui/Input.js";
46
- import "../../../../../ZoomTool.module-7082af8c.js";
47
46
  import "../../../../ui/DropDown.js";
48
47
  import "../../MenuItem.js";
49
48
  import "../../MenuSeparator.js";
50
49
  import "../../../../../utils/dateFormatter.js";
51
50
  import "../../PropertyItem.js";
52
51
  import "../../../../../RotateTool.module-67946714.js";
53
- import { ZoomTool as T } from "../../ZoomTool.js";
54
52
  import "../../../../../utils/hooks/useLoadPdf.js";
55
53
  import "pdfjs-dist";
56
54
  import "../../../../../utils/types.js";
@@ -122,6 +120,9 @@ import "../../../../icons/GoToDownIcon.js";
122
120
  import "../../SelectionModeTool.js";
123
121
  import "../../../../icons/TextSelectionDefaultIcon.js";
124
122
  import "../../../../icons/HandModeDefaultIcon.js";
123
+ import "../../../../icons/ZoomInIcon.js";
124
+ import "../../../../icons/ZoomOutIcon.js";
125
+ import "../../../../../utils/zoom.js";
125
126
  import "../../../../icons/SearchIcon.js";
126
127
  import "../../../../icons/ClearIcon.js";
127
128
  import "../../../../../utils/hooks/useDarkMode.js";
@@ -135,10 +136,8 @@ import "../../../../RPTheme.js";
135
136
  import "../../../../../utils/hooks/useLoadWorker.js";
136
137
  import "../../../../icons/LightPdfIcon.js";
137
138
  import "../../../../icons/DarkPdfIcon.js";
138
- import "../../../../icons/ZoomInIcon.js";
139
- import "../../../../icons/ZoomOutIcon.js";
140
- const rr = (u) => {
141
- const { icons: i, slots: m } = u, { setIcons: p } = x(), { setSlots: s } = v(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = I(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
139
+ const tr = (u) => {
140
+ const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: s } = x(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = T(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
142
141
  return f(() => {
143
142
  p((r) => ({ ...r, ...i })), a(!0);
144
143
  }, [i, p, e, a]), f(() => {
@@ -148,10 +147,10 @@ const rr = (u) => {
148
147
  /* @__PURE__ */ o(y, {}),
149
148
  /* @__PURE__ */ o(C, {})
150
149
  ] }),
151
- /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(T, {}) }),
152
- /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(R, {}) })
150
+ /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(R, {}) }),
151
+ /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(v, {}) })
153
152
  ] }) });
154
153
  };
155
154
  export {
156
- rr as RPHorizontalBar
155
+ tr as RPHorizontalBar
157
156
  };
@@ -3,7 +3,7 @@ import { useState as l, useEffect as a } from "react";
3
3
  import { useIconToolContext as u } from "../../../../../contexts/IconToolContext.js";
4
4
  import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
5
5
  import { ThumbnailTool as I } from "../../ThumbnailTool.js";
6
- import "../../../../../ToolbarLayout.module-1f1dd627.js";
6
+ import "../../../../../ToolbarLayout.module-126458d9.js";
7
7
  import "../../../../icons/ChevronUpIcon.js";
8
8
  import "../../../../ui/Button.js";
9
9
  import "../../../../../clsx-0c6e471a.js";
@@ -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";
@@ -133,12 +132,12 @@ import "../../../../icons/GoToDownIcon.js";
133
132
  import "../../SelectionModeTool.js";
134
133
  import "../../../../icons/TextSelectionDefaultIcon.js";
135
134
  import "../../../../icons/HandModeDefaultIcon.js";
136
- import "../../ZoomTool.js";
137
135
  import "../../../../icons/ZoomInIcon.js";
138
136
  import "../../../../icons/ZoomOutIcon.js";
137
+ import "../../../../../utils/zoom.js";
139
138
  import "../../../../icons/SearchIcon.js";
140
139
  import "../../../../icons/ClearIcon.js";
141
- const Xt = (f) => {
140
+ const Wt = (f) => {
142
141
  const { icons: t, slots: r } = f, { setIcons: i } = u(), { setSlots: m } = d(), [p, s] = l(!1), [e, n] = l(!1);
143
142
  return a(() => {
144
143
  i((o) => ({ ...o, ...t })), s(!0);
@@ -147,5 +146,5 @@ const Xt = (f) => {
147
146
  }, [r, m, e, n]), !p || !e ? null : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(I, {}) });
148
147
  };
149
148
  export {
150
- Xt as RPVerticalBar
149
+ Wt as RPVerticalBar
151
150
  };
@@ -3,7 +3,7 @@ import l from "../../../../ui/RPTooltip.js";
3
3
  import { MenuItem as c } from "../../MenuItem.js";
4
4
  import { useViewportContext as d } from "../../../../../contexts/ViewportContext.js";
5
5
  import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
6
- import { b as u } from "../../../../../ToolbarLayout.module-1f1dd627.js";
6
+ import { b as u } from "../../../../../ToolbarLayout.module-126458d9.js";
7
7
  import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
8
8
  import "react";
9
9
  import "../../../../../index-c9a2990a.js";
@@ -89,7 +89,6 @@ import "../../../../ui/Checkbox.js";
89
89
  import "../../../../icons/CheckIcon.js";
90
90
  import "../../../../../contexts/IconContext.js";
91
91
  import "../../../../ui/DropDown.js";
92
- import "../../../../../ZoomTool.module-7082af8c.js";
93
92
  import "../../MenuSeparator.js";
94
93
  import "../../../../../utils/dateFormatter.js";
95
94
  import "../../PropertyItem.js";
@@ -132,12 +131,12 @@ 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
- const Wi = (m) => {
139
+ const Ui = (m) => {
141
140
  const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = d(), { localeMessages: o } = f(), { download: n } = u();
142
141
  if (!p || !r)
143
142
  return null;
@@ -148,5 +147,5 @@ const Wi = (m) => {
148
147
  ] }) });
149
148
  };
150
149
  export {
151
- Wi as FileDownloadTool
150
+ Ui as FileDownloadTool
152
151
  };
@@ -6,7 +6,7 @@ import { useLocalizationContext as u } from "../../../../../contexts/Localizatio
6
6
  import "react";
7
7
  import "../../../../../contexts/RPDocumentContext.js";
8
8
  import "../../../../../contexts/DocumentPasswordContext.js";
9
- import "../../../../../ToolbarLayout.module-1f1dd627.js";
9
+ import "../../../../../ToolbarLayout.module-126458d9.js";
10
10
  import "../../../../../contexts/DarkModeContext.js";
11
11
  import "../../../../../contexts/RotationContext.js";
12
12
  import "../../../../../contexts/LayerContext.js";
@@ -50,7 +50,6 @@ import "../../../../icons/LoaderIcon.js";
50
50
  import "../../../../../contexts/IconContext.js";
51
51
  import "../../../../ui/DropDown.js";
52
52
  import { FileUploadDefaultIcon as a } from "../../../../icons/FileUploadDefaultIcon.js";
53
- import "../../../../../ZoomTool.module-7082af8c.js";
54
53
  import "../../MenuSeparator.js";
55
54
  import "../../../../../utils/dateFormatter.js";
56
55
  import "../../PropertyItem.js";
@@ -127,9 +126,9 @@ import "../../../../icons/GoToDownIcon.js";
127
126
  import "../../SelectionModeTool.js";
128
127
  import "../../../../icons/TextSelectionDefaultIcon.js";
129
128
  import "../../../../icons/HandModeDefaultIcon.js";
130
- import "../../ZoomTool.js";
131
129
  import "../../../../icons/ZoomInIcon.js";
132
130
  import "../../../../icons/ZoomOutIcon.js";
131
+ import "../../../../../utils/zoom.js";
133
132
  import "../../../../icons/SearchIcon.js";
134
133
  import "../../../../icons/ClearIcon.js";
135
134
  import "../../../../../utils/hooks/useHighlight.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 Wt = (m) => {
139
+ const Qt = (m) => {
141
140
  const { icon: i, isToolVisible: p = !0 } = m, { isSmallScreen: r } = f(), { localeMessages: o } = u(), { openFile: e } = s();
142
141
  if (!p || !r)
143
142
  return null;
@@ -148,5 +147,5 @@ const Wt = (m) => {
148
147
  ] }) });
149
148
  };
150
149
  export {
151
- Wt as FileUploadTool
150
+ Qt as FileUploadTool
152
151
  };