@pdf-viewer/react 0.0.0-experimental.2 → 0.0.0-experimental.3

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 (106) hide show
  1. package/dist/ToolbarLayout.module-9ac6f9c6.js +3550 -0
  2. package/dist/assets/style.css +1 -1
  3. package/dist/components/RPController.js +53 -52
  4. package/dist/components/RPPages.js +6 -6
  5. package/dist/components/RPProvider.js +5 -5
  6. package/dist/components/layout/LayoutContainer.js +5 -5
  7. package/dist/components/layout/RPDefaultLayout.js +5 -5
  8. package/dist/components/layout/RPLayout.js +12 -12
  9. package/dist/components/layout/sidebar/RPSidebar.js +6 -6
  10. package/dist/components/layout/sidebar/Thumbnail.js +5 -5
  11. package/dist/components/layout/sidebar/Thumbnails.js +5 -5
  12. package/dist/components/layout/toolbar/DarkModeTool.js +1 -1
  13. package/dist/components/layout/toolbar/DocumentDialog.js +5 -5
  14. package/dist/components/layout/toolbar/DocumentProperties.js +2 -2
  15. package/dist/components/layout/toolbar/FileDownloadTool.js +5 -5
  16. package/dist/components/layout/toolbar/FileUploadTool.js +2 -2
  17. package/dist/components/layout/toolbar/FullScreenTool.js +2 -2
  18. package/dist/components/layout/toolbar/MenuItem.js +2 -2
  19. package/dist/components/layout/toolbar/MenuSeparator.js +2 -2
  20. package/dist/components/layout/toolbar/MostPageTool.js +5 -5
  21. package/dist/components/layout/toolbar/OtherTool.js +5 -5
  22. package/dist/components/layout/toolbar/Paginate.js +5 -5
  23. package/dist/components/layout/toolbar/PrintTool.js +5 -5
  24. package/dist/components/layout/toolbar/RPMenuItem.js +2 -2
  25. package/dist/components/layout/toolbar/RPMoreOptions.js +5 -5
  26. package/dist/components/layout/toolbar/RPToolbar.js +7 -7
  27. package/dist/components/layout/toolbar/RPToolbarEnd.js +5 -5
  28. package/dist/components/layout/toolbar/RotateTool.js +2 -2
  29. package/dist/components/layout/toolbar/ScrollModeTool.js +2 -2
  30. package/dist/components/layout/toolbar/SearchCloseButton.js +1 -1
  31. package/dist/components/layout/toolbar/SearchResultNavigator.js +5 -5
  32. package/dist/components/layout/toolbar/SearchTool.js +5 -5
  33. package/dist/components/layout/toolbar/SelectionModeTool.js +2 -2
  34. package/dist/components/layout/toolbar/ThumbnailTool.js +6 -6
  35. package/dist/components/layout/toolbar/ToolbarCustom.js +6 -6
  36. package/dist/components/layout/toolbar/ToolbarDefault.js +6 -6
  37. package/dist/components/layout/toolbar/ToolbarLayout.js +5 -5
  38. package/dist/components/layout/toolbar/ViewModeTool.js +2 -2
  39. package/dist/components/layout/toolbar/ZoomTool.js +119 -131
  40. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +5 -5
  41. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +5 -5
  42. package/dist/components/layout/toolbar/tools/FileUploadTool.js +1 -1
  43. package/dist/components/layout/toolbar/tools/FullScreenTool.js +1 -1
  44. package/dist/components/layout/toolbar/tools/InputPageTool.js +5 -5
  45. package/dist/components/layout/toolbar/tools/NextPageTool.js +5 -5
  46. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +5 -5
  47. package/dist/components/layout/toolbar/tools/PrintTool.js +5 -5
  48. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +1 -1
  49. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +1 -1
  50. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +1 -1
  51. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +5 -5
  52. package/dist/components/layout/toolbar/tools/ZoomInTool.js +21 -20
  53. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +142 -0
  54. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +135 -29
  55. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +14 -13
  56. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +13 -13
  57. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +5 -5
  58. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +2 -2
  59. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +5 -5
  60. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +5 -5
  61. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +2 -2
  62. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +5 -5
  63. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +5 -5
  64. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +2 -2
  65. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +2 -2
  66. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +2 -2
  67. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +2 -2
  68. package/dist/components/page/AnnotationLayer.js +5 -5
  69. package/dist/components/page/CanvasLayer.js +6 -6
  70. package/dist/components/page/DualPage.js +5 -5
  71. package/dist/components/page/RPPage.js +5 -5
  72. package/dist/components/page/SinglePage.js +5 -5
  73. package/dist/components/page/TextHighlightLayer.js +6 -6
  74. package/dist/components/page/TextLayer.js +5 -5
  75. package/dist/components/ui/DropDown.js +2 -2
  76. package/dist/components/ui/LoadingIndicator.js +5 -5
  77. package/dist/components/ui/RPTooltip.js +200 -430
  78. package/dist/contexts/PaginationContext.js +8 -8
  79. package/dist/contexts/PrintContext.js +5 -5
  80. package/dist/contexts/RenderQueueProvider.js +7 -7
  81. package/dist/contexts/SearchContext.js +5 -5
  82. package/dist/contexts/ThumbnailsContext.js +5 -5
  83. package/dist/index-808ea7bf.js +1685 -0
  84. package/dist/index-a48ec088.js +1672 -0
  85. package/dist/main.js +18 -17
  86. package/dist/types/components/layout/toolbar/tools/ZoomLevelDisplay.d.ts +7 -0
  87. package/dist/types/main.d.ts +1 -1
  88. package/dist/types/utils/approximateFragtion.d.ts +9 -0
  89. package/dist/types/utils/types.d.ts +1 -0
  90. package/dist/types/utils/zoom.d.ts +2 -0
  91. package/dist/utils/approximateFragtion.js +22 -0
  92. package/dist/utils/hooks/useFileDownload.js +5 -5
  93. package/dist/utils/hooks/useLicense.js +1 -1
  94. package/dist/utils/hooks/usePaginate.js +5 -5
  95. package/dist/utils/hooks/usePresentPage.js +5 -5
  96. package/dist/utils/hooks/usePrint.js +5 -5
  97. package/dist/utils/hooks/useScrollToPage.js +5 -5
  98. package/dist/utils/hooks/useSearch.js +5 -5
  99. package/dist/utils/hooks/useThumbnail.js +5 -5
  100. package/dist/utils/hooks/useVirtualReactWindow.js +5 -5
  101. package/dist/utils/zoom.js +6 -0
  102. package/package.json +1 -1
  103. package/dist/ToolbarLayout.module-185b677e.js +0 -3422
  104. package/dist/ZoomTool.module-7082af8c.js +0 -12
  105. package/dist/floating-ui.react-dom-d22a10b4.js +0 -1474
  106. package/dist/index-3bf64864.js +0 -1886
@@ -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";
@@ -30,25 +31,25 @@ import "../../../../clsx-0c6e471a.js";
30
31
  import "../../../../utils/withRef.js";
31
32
  import "../../../../index-c9a2990a.js";
32
33
  import "react-dom";
33
- import "../../../../floating-ui.react-dom-d22a10b4.js";
34
+ import "../../../../index-808ea7bf.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
  };
@@ -0,0 +1,142 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../../../contexts/RPDocumentContext.js";
4
+ import "../../../../contexts/DocumentPasswordContext.js";
5
+ import { Z as Fm } from "../../../../ToolbarLayout.module-9ac6f9c6.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/approximateFragtion.js";
94
+ import "../../../../utils/getWordPositionInPage.js";
95
+ import "../../../../utils/smoothScrollTo.js";
96
+ import "../FileUploadTool.js";
97
+ import "../../../icons/FileUploadDefaultIcon.js";
98
+ import "../../../../index-a48ec088.js";
99
+ import "../../../../index-c9a2990a.js";
100
+ import "react-dom";
101
+ import "../../../../index-808ea7bf.js";
102
+ import "../DarkModeTool.js";
103
+ import "../../../icons/MoonIcon.js";
104
+ import "../../../icons/SunIcon.js";
105
+ import "../../../../utils/hooks/useDarkMode.js";
106
+ import "../../../icons/ThreeDotIcon.js";
107
+ import "../../../icons/CloseIcon.js";
108
+ import "../DocumentProperties.js";
109
+ import "../../../icons/InfoIcon.js";
110
+ import "../RotateTool.js";
111
+ import "../../../icons/ClockwiseIcon.js";
112
+ import "../../../../utils/hooks/useRotate.js";
113
+ import "../ViewModeTool.js";
114
+ import "../../../icons/SinglePageIcon.js";
115
+ import "../../../icons/DualPageIcon.js";
116
+ import "../../../icons/CheckIcon.js";
117
+ import "../ScrollModeTool.js";
118
+ import "../../../icons/PageScrollingIcon.js";
119
+ import "../../../icons/VerticalScrollingIcon.js";
120
+ import "../../../icons/HorizontalScrollingIcon.js";
121
+ import "../../../icons/FileDownloadDefaultIcon.js";
122
+ import "../../../icons/PrintDefaultIcon.js";
123
+ import "../FullScreenTool.js";
124
+ import "../../../icons/FullScreenIcon.js";
125
+ import "../../../../utils/hooks/useFullScreen.js";
126
+ import "../../../icons/GoToDownIcon.js";
127
+ import "../SelectionModeTool.js";
128
+ import "../../../icons/TextSelectionDefaultIcon.js";
129
+ import "../../../icons/HandModeDefaultIcon.js";
130
+ import "../../../icons/ZoomInIcon.js";
131
+ import "../../../icons/ZoomOutIcon.js";
132
+ import "../../../../utils/zoom.js";
133
+ import "../../../icons/SearchIcon.js";
134
+ import "../../../icons/ClearIcon.js";
135
+ import "../../../../utils/hooks/useHighlight.js";
136
+ import "../../../RPTheme.js";
137
+ import "../../../../utils/hooks/useLoadWorker.js";
138
+ import "../../../icons/LightPdfIcon.js";
139
+ import "../../../icons/DarkPdfIcon.js";
140
+ export {
141
+ Fm as ZoomLevelDisplay
142
+ };
@@ -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";
8
- import { G as h } from "../../../../index-3bf64864.js";
9
- import { MenuItem as n } from "../MenuItem.js";
5
+ import { j as p, Z as w } from "../../../../ToolbarLayout.module-9ac6f9c6.js";
6
+ import { UIDropDown as I } from "../../../ui/DropDown.js";
7
+ import { useLayoutContainer as Z } from "../../../../contexts/LayoutContainerContext.js";
8
+ import { G as h } from "../../../../index-a48ec088.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,155 @@ 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";
38
- import "../../../../floating-ui.react-dom-d22a10b4.js";
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/approximateFragtion.js";
106
+ import "../../../../utils/getWordPositionInPage.js";
107
+ import "../../../../utils/smoothScrollTo.js";
108
+ import "../FileUploadTool.js";
109
+ import "../../../icons/FileUploadDefaultIcon.js";
110
+ import "../DarkModeTool.js";
111
+ import "../../../icons/MoonIcon.js";
112
+ import "../../../icons/SunIcon.js";
113
+ import "../../../icons/ThreeDotIcon.js";
114
+ import "../../../../index-808ea7bf.js";
115
+ import "../DocumentProperties.js";
116
+ import "../../../icons/InfoIcon.js";
117
+ import "../RotateTool.js";
118
+ import "../../../icons/ClockwiseIcon.js";
119
+ import "../../../../utils/hooks/useRotate.js";
120
+ import "../ViewModeTool.js";
121
+ import "../../../icons/SinglePageIcon.js";
122
+ import "../../../icons/DualPageIcon.js";
123
+ import "../ScrollModeTool.js";
124
+ import "../../../icons/PageScrollingIcon.js";
125
+ import "../../../icons/VerticalScrollingIcon.js";
126
+ import "../../../icons/HorizontalScrollingIcon.js";
127
+ import "../../../icons/FileDownloadDefaultIcon.js";
128
+ import "../../../icons/PrintDefaultIcon.js";
129
+ import "../FullScreenTool.js";
130
+ import "../../../icons/FullScreenIcon.js";
131
+ import "../../../icons/GoToDownIcon.js";
132
+ import "../SelectionModeTool.js";
133
+ import "../../../icons/TextSelectionDefaultIcon.js";
134
+ import "../../../icons/HandModeDefaultIcon.js";
135
+ import "../../../icons/ZoomInIcon.js";
136
+ import "../../../icons/ZoomOutIcon.js";
137
+ import "../../../../utils/zoom.js";
138
+ import "../../../icons/SearchIcon.js";
139
+ import "../../../icons/ClearIcon.js";
39
140
  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(
141
+ const R = [50, 75, 100, 125, 150, 200, 300, 400], lt = ({ icon: l }) => {
142
+ const { zoomLevel: f, setZoomLevel: i } = L(), { container: u, pagesRef: n } = Z(), { localeMessages: o } = D(), [a, s] = z(0), d = x(
42
143
  new ResizeObserver((t) => {
43
144
  s(t[0].contentRect.height);
44
145
  })
45
146
  );
46
- return C(() => (p && d.current.observe(p), () => {
147
+ return C(() => (n && d.current.observe(n), () => {
47
148
  d.current.disconnect();
48
- }), [p]), /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
49
- w,
149
+ }), [n]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
150
+ I,
50
151
  {
51
- container: a,
52
- triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ e(
152
+ container: u,
153
+ triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ m(
53
154
  T,
54
155
  {
55
- className: i["rp-current-zoom-wrapper"],
156
+ className: p["rp-current-zoom-wrapper"],
56
157
  "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
57
158
  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, {}) })
159
+ /* @__PURE__ */ r(
160
+ w,
161
+ {
162
+ zoomLevel: f,
163
+ className: p["rp-current-zoom-text"]
164
+ }
165
+ ),
166
+ /* @__PURE__ */ r("div", { className: p["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
61
167
  ]
62
168
  }
63
169
  ) }) }),
64
170
  style: { minWidth: "200px" },
65
171
  align: "center",
66
- children: /* @__PURE__ */ e(
172
+ children: /* @__PURE__ */ m(
67
173
  "div",
68
174
  {
69
- style: { maxHeight: `${f}px`, overflow: "auto" },
70
- className: i["rp-zoom-dropdown-content"],
175
+ style: { maxHeight: `${a}px`, overflow: "auto" },
176
+ className: p["rp-zoom-dropdown-content"],
71
177
  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 })
178
+ /* @__PURE__ */ m(h, { children: [
179
+ /* @__PURE__ */ r(e, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
180
+ /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
181
+ /* @__PURE__ */ r(e, { onClick: () => i(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
76
182
  ] }),
77
183
  /* @__PURE__ */ r(b, {}),
78
- /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ e(n, { onClick: () => m(t), children: [
184
+ /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ m(e, { onClick: () => i(t), children: [
79
185
  t,
80
186
  " %"
81
187
  ] }, t)) })
@@ -86,5 +192,5 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], so = ({ icon: l }) => {
86
192
  ) });
87
193
  };
88
194
  export {
89
- so as ZoomLevelTool
195
+ lt as ZoomLevelTool
90
196
  };
@@ -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";
@@ -30,17 +31,17 @@ import "../../../../clsx-0c6e471a.js";
30
31
  import "../../../../utils/withRef.js";
31
32
  import "../../../../index-c9a2990a.js";
32
33
  import "react-dom";
33
- import "../../../../floating-ui.react-dom-d22a10b4.js";
34
+ import "../../../../index-808ea7bf.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-185b677e.js";
5
+ import { k as t, S as y, l as C, m as R, n as v } from "../../../../../ToolbarLayout.module-9ac6f9c6.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";
@@ -91,6 +89,7 @@ import "../../../../../utils/hooks/useGrabScroll.js";
91
89
  import "../../../../../utils/hooks/usePinch.js";
92
90
  import "../../../../../utils/hooks/useDebounce.js";
93
91
  import "../../../../ui/PasswordModal.js";
92
+ import "../../../../../utils/approximateFragtion.js";
94
93
  import "../../../../../utils/getScrollDistance.js";
95
94
  import "../../../../../utils/getWordPositionInPage.js";
96
95
  import "../../../../../utils/smoothScrollTo.js";
@@ -100,8 +99,8 @@ import "../../DarkModeTool.js";
100
99
  import "../../../../icons/MoonIcon.js";
101
100
  import "../../../../icons/SunIcon.js";
102
101
  import "../../../../icons/ThreeDotIcon.js";
103
- import "../../../../../floating-ui.react-dom-d22a10b4.js";
104
- import "../../../../../index-3bf64864.js";
102
+ import "../../../../../index-808ea7bf.js";
103
+ import "../../../../../index-a48ec088.js";
105
104
  import "../../DocumentProperties.js";
106
105
  import "../../../../icons/InfoIcon.js";
107
106
  import "../../RotateTool.js";
@@ -122,6 +121,9 @@ import "../../../../icons/GoToDownIcon.js";
122
121
  import "../../SelectionModeTool.js";
123
122
  import "../../../../icons/TextSelectionDefaultIcon.js";
124
123
  import "../../../../icons/HandModeDefaultIcon.js";
124
+ import "../../../../icons/ZoomInIcon.js";
125
+ import "../../../../icons/ZoomOutIcon.js";
126
+ import "../../../../../utils/zoom.js";
125
127
  import "../../../../icons/SearchIcon.js";
126
128
  import "../../../../icons/ClearIcon.js";
127
129
  import "../../../../../utils/hooks/useDarkMode.js";
@@ -135,10 +137,8 @@ import "../../../../RPTheme.js";
135
137
  import "../../../../../utils/hooks/useLoadWorker.js";
136
138
  import "../../../../icons/LightPdfIcon.js";
137
139
  import "../../../../icons/DarkPdfIcon.js";
138
- import "../../../../icons/ZoomInIcon.js";
139
- import "../../../../icons/ZoomOutIcon.js";
140
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;
141
+ 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
142
  return f(() => {
143
143
  p((r) => ({ ...r, ...i })), a(!0);
144
144
  }, [i, p, e, a]), f(() => {
@@ -148,8 +148,8 @@ const rr = (u) => {
148
148
  /* @__PURE__ */ o(y, {}),
149
149
  /* @__PURE__ */ o(C, {})
150
150
  ] }),
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, {}) })
151
+ /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: t["rp-toolbar-middle"], children: /* @__PURE__ */ o(R, {}) }),
152
+ /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: t["rp-toolbar-end"], children: /* @__PURE__ */ o(v, {}) })
153
153
  ] }) });
154
154
  };
155
155
  export {
@@ -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-185b677e.js";
6
+ import "../../../../../ToolbarLayout.module-9ac6f9c6.js";
7
7
  import "../../../../icons/ChevronUpIcon.js";
8
8
  import "../../../../ui/Button.js";
9
9
  import "../../../../../clsx-0c6e471a.js";
@@ -81,14 +81,13 @@ import "../../../../../SearchCloseButton-08d57275.js";
81
81
  import "../../../../ui/RPTooltip.js";
82
82
  import "../../../../../index-c9a2990a.js";
83
83
  import "react-dom";
84
- import "../../../../../floating-ui.react-dom-d22a10b4.js";
84
+ import "../../../../../index-808ea7bf.js";
85
85
  import "../../../../icons/CloseIcon.js";
86
86
  import "../../../../ui/Checkbox.js";
87
87
  import "../../../../icons/CheckIcon.js";
88
88
  import "../../../../../contexts/IconContext.js";
89
89
  import "../../../../ui/DropDown.js";
90
- import "../../../../../index-3bf64864.js";
91
- import "../../../../../ZoomTool.module-7082af8c.js";
90
+ import "../../../../../index-a48ec088.js";
92
91
  import "../../MenuItem.js";
93
92
  import "../../MenuSeparator.js";
94
93
  import "../../../../../utils/dateFormatter.js";
@@ -105,6 +104,7 @@ import "../../../../../utils/hooks/useMousePressed.js";
105
104
  import "../../../../../utils/hooks/useGrabScroll.js";
106
105
  import "../../../../../utils/hooks/usePinch.js";
107
106
  import "../../../../ui/PasswordModal.js";
107
+ import "../../../../../utils/approximateFragtion.js";
108
108
  import "../../../../../utils/getWordPositionInPage.js";
109
109
  import "../../../../../utils/smoothScrollTo.js";
110
110
  import "../../FileUploadTool.js";
@@ -133,9 +133,9 @@ import "../../../../icons/GoToDownIcon.js";
133
133
  import "../../SelectionModeTool.js";
134
134
  import "../../../../icons/TextSelectionDefaultIcon.js";
135
135
  import "../../../../icons/HandModeDefaultIcon.js";
136
- import "../../ZoomTool.js";
137
136
  import "../../../../icons/ZoomInIcon.js";
138
137
  import "../../../../icons/ZoomOutIcon.js";
138
+ import "../../../../../utils/zoom.js";
139
139
  import "../../../../icons/SearchIcon.js";
140
140
  import "../../../../icons/ClearIcon.js";
141
141
  const Xt = (f) => {
@@ -4,11 +4,11 @@ import { InfoIcon as l } from "../../../../icons/InfoIcon.js";
4
4
  import { useOtherToolContext as s } from "../../../../../contexts/OtherToolContext.js";
5
5
  import f from "../../../../ui/RPTooltip.js";
6
6
  import { useLocalizationContext as d } from "../../../../../contexts/LocalizationContext.js";
7
- import "../../../../../index-3bf64864.js";
7
+ import "../../../../../index-a48ec088.js";
8
8
  import "react";
9
9
  import "../../../../../index-c9a2990a.js";
10
10
  import "react-dom";
11
- import "../../../../../floating-ui.react-dom-d22a10b4.js";
11
+ import "../../../../../index-808ea7bf.js";
12
12
  import "../../../../../clsx-0c6e471a.js";
13
13
  import "../../../../../utils/withRef.js";
14
14
  import "../../../../../utils/appConsole.js";