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

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 (150) hide show
  1. package/README.md +6 -6
  2. package/dist/Combination-54a77a7a.js +701 -0
  3. package/dist/MostPageTool.module-13578ad6.js +6 -0
  4. package/dist/OtherTool.module-a4be5f1f.js +6 -0
  5. package/dist/Paginate.module-206a7d7d.js +8 -0
  6. package/dist/PaginationContext-9217cab4.js +201 -0
  7. package/dist/{LayoutWrapper-6224491f.js → RPLayout.module-967bf4bc.js} +3 -9
  8. package/dist/RPToolbar.module-27d7fe77.js +10 -0
  9. package/dist/SearchTool.module-99f60dc7.js +16 -0
  10. package/dist/ToolbarLayout.module-1fee0a18.js +11 -0
  11. package/dist/ZoomTool.module-7082af8c.js +12 -0
  12. package/dist/assets/style.css +1 -1
  13. package/dist/assets/style.js +32 -31
  14. package/dist/components/RPConfig.js +10 -1485
  15. package/dist/components/RPController.js +77 -148
  16. package/dist/components/RPPages.js +981 -124
  17. package/dist/components/RPProvider.js +56 -118
  18. package/dist/components/icons/DualPageIcon.js +6 -6
  19. package/dist/components/icons/SinglePageIcon.js +6 -6
  20. package/dist/components/layout/LayoutContainer.js +31 -138
  21. package/dist/components/layout/LayoutWrapper.js +8 -4
  22. package/dist/components/layout/RPDefaultLayout.js +162 -88
  23. package/dist/components/layout/RPLayout.js +119 -107
  24. package/dist/components/layout/sidebar/RPSidebar.js +83 -113
  25. package/dist/components/layout/sidebar/Thumbnail.js +120 -126
  26. package/dist/components/layout/sidebar/Thumbnails.js +56 -121
  27. package/dist/components/layout/toolbar/DarkModeTool.js +6 -4
  28. package/dist/components/layout/toolbar/DocumentDialog.js +304 -132
  29. package/dist/components/layout/toolbar/DocumentProperties.js +12 -9
  30. package/dist/components/layout/toolbar/FileDownloadTool.js +34 -126
  31. package/dist/components/layout/toolbar/FileUploadTool.js +8 -5
  32. package/dist/components/layout/toolbar/FullScreenTool.js +16 -13
  33. package/dist/components/layout/toolbar/MenuItem.js +11 -8
  34. package/dist/components/layout/toolbar/MenuSeparator.js +8 -5
  35. package/dist/components/layout/toolbar/MostPageTool.js +64 -125
  36. package/dist/components/layout/toolbar/OtherTool.js +162 -114
  37. package/dist/components/layout/toolbar/Paginate.js +113 -117
  38. package/dist/components/layout/toolbar/PrintTool.js +55 -125
  39. package/dist/components/layout/toolbar/RPMenuItem.js +14 -11
  40. package/dist/components/layout/toolbar/RPMoreOptions.js +66 -121
  41. package/dist/components/layout/toolbar/RPToolbar.js +89 -81
  42. package/dist/components/layout/toolbar/RPToolbarEnd.js +68 -90
  43. package/dist/components/layout/toolbar/RotateTool.js +12 -9
  44. package/dist/components/layout/toolbar/ScrollModeTool.js +14 -11
  45. package/dist/components/layout/toolbar/SearchCloseButton.js +23 -9
  46. package/dist/components/layout/toolbar/SearchResultNavigator.js +53 -106
  47. package/dist/components/layout/toolbar/SearchTool.js +222 -121
  48. package/dist/components/layout/toolbar/SelectionModeTool.js +8 -5
  49. package/dist/components/layout/toolbar/ThumbnailTool.js +15 -124
  50. package/dist/components/layout/toolbar/ToolbarCustom.js +44 -130
  51. package/dist/components/layout/toolbar/ToolbarDefault.js +122 -120
  52. package/dist/components/layout/toolbar/ToolbarLayout.js +85 -83
  53. package/dist/components/layout/toolbar/ViewModeTool.js +10 -7
  54. package/dist/components/layout/toolbar/ZoomTool.js +128 -120
  55. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +17 -123
  56. package/dist/components/layout/toolbar/tools/DualPageTool.js +26 -0
  57. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +10 -121
  58. package/dist/components/layout/toolbar/tools/FileUploadTool.js +6 -4
  59. package/dist/components/layout/toolbar/tools/FullScreenTool.js +13 -11
  60. package/dist/components/layout/toolbar/tools/InputPageTool.js +19 -112
  61. package/dist/components/layout/toolbar/tools/NextPageTool.js +30 -123
  62. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +16 -109
  63. package/dist/components/layout/toolbar/tools/PrintTool.js +12 -123
  64. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +6 -4
  65. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +6 -4
  66. package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +31 -0
  67. package/dist/components/layout/toolbar/tools/SinglePageTool.js +26 -0
  68. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +6 -4
  69. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +17 -128
  70. package/dist/components/layout/toolbar/tools/ZoomInTool.js +6 -4
  71. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +22 -137
  72. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +26 -123
  73. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +6 -4
  74. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +95 -105
  75. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +16 -125
  76. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +8 -5
  77. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +10 -117
  78. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +12 -120
  79. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +10 -7
  80. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +36 -125
  81. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +16 -123
  82. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +14 -11
  83. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +15 -12
  84. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +18 -15
  85. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +10 -7
  86. package/dist/components/page/AnnotationLayer.js +122 -126
  87. package/dist/components/page/CanvasLayer.js +54 -125
  88. package/dist/components/page/DualPage.js +68 -111
  89. package/dist/components/page/RPPage.js +126 -125
  90. package/dist/components/page/SinglePage.js +58 -111
  91. package/dist/components/page/TextHighlightLayer.js +184 -128
  92. package/dist/components/page/TextLayer.js +184 -125
  93. package/dist/components/ui/Checkbox.js +25 -24
  94. package/dist/components/ui/DropDown.js +11 -8
  95. package/dist/components/ui/LoadingIndicator.js +34 -129
  96. package/dist/components/ui/RPTooltip.js +412 -196
  97. package/dist/contexts/ElementPageContext.js +1 -1
  98. package/dist/contexts/FullScreenContext.js +17 -10
  99. package/dist/contexts/LocalizationContext.js +24 -29
  100. package/dist/contexts/PaginationContext.js +14 -119
  101. package/dist/contexts/PrintContext.js +67 -133
  102. package/dist/contexts/RPDocumentContext.js +32 -24
  103. package/dist/contexts/RenderQueueProvider.js +47 -119
  104. package/dist/contexts/SearchContext.js +65 -113
  105. package/dist/contexts/ThumbnailsContext.js +32 -133
  106. package/dist/contexts/ZoomContext.js +22 -22
  107. package/dist/floating-ui.react-dom-5ec29bd6.js +1327 -0
  108. package/dist/index-4baea9b5.js +1198 -0
  109. package/dist/index-655864a7.js +27 -0
  110. package/dist/{index-c9a2990a.js → index-c0faa594.js} +64 -87
  111. package/dist/index-e3ee9457.js +150 -0
  112. package/dist/main.js +193 -142
  113. package/dist/types/components/icons/DualPageIcon.d.ts +1 -1
  114. package/dist/types/components/icons/SinglePageIcon.d.ts +1 -1
  115. package/dist/types/components/layout/toolbar/tools/DualPageTool.d.ts +3 -0
  116. package/dist/types/components/layout/toolbar/tools/SelectionModeSwitcherTool.d.ts +3 -0
  117. package/dist/types/components/layout/toolbar/tools/SinglePageTool.d.ts +3 -0
  118. package/dist/types/contexts/RenderQueueProvider.d.ts +2 -2
  119. package/dist/types/main.d.ts +5 -5
  120. package/dist/types/utils/annotations.d.ts +2 -1
  121. package/dist/types/utils/getElementPositionInPage.d.ts +2 -2
  122. package/dist/types/utils/hooks/useCopyText.d.ts +1 -0
  123. package/dist/types/utils/hooks/usePrint.d.ts +3 -2
  124. package/dist/types/utils/hooks/useSearch.d.ts +1 -2
  125. package/dist/types/utils/renderPage.d.ts +2 -2
  126. package/dist/types/utils/types.d.ts +27 -4
  127. package/dist/utils/annotations.js +128 -142
  128. package/dist/utils/getWordPositionInPage.js +5 -5
  129. package/dist/utils/highlight.js +72 -72
  130. package/dist/utils/hooks/useCopyText.js +36 -0
  131. package/dist/utils/hooks/useFileDownload.js +20 -129
  132. package/dist/utils/hooks/useHighlight.js +28 -28
  133. package/dist/utils/hooks/useLicense.js +1 -1
  134. package/dist/utils/hooks/useLoadPdf.js +42 -39
  135. package/dist/utils/hooks/useLoadWorker.js +9 -6
  136. package/dist/utils/hooks/useLocalization.js +13 -13
  137. package/dist/utils/hooks/usePaginate.js +21 -126
  138. package/dist/utils/hooks/usePresentPage.js +75 -127
  139. package/dist/utils/hooks/usePrint.js +173 -130
  140. package/dist/utils/hooks/useScrollToPage.js +15 -120
  141. package/dist/utils/hooks/useSearch.js +132 -126
  142. package/dist/utils/hooks/useThumbnail.js +47 -130
  143. package/dist/utils/hooks/useVirtualReactWindow.js +64 -128
  144. package/dist/utils/injectPrintCSS.js +1 -1
  145. package/dist/utils/renderPage.js +12 -10
  146. package/package.json +23 -20
  147. package/dist/SearchCloseButton-08d57275.js +0 -33
  148. package/dist/ToolbarLayout.module-37619c4b.js +0 -3548
  149. package/dist/index-808ea7bf.js +0 -1685
  150. package/dist/index-a48ec088.js +0 -1672
@@ -1,142 +1,190 @@
1
- import "react/jsx-runtime";
2
- import "../../../contexts/LayoutContainerContext.js";
3
- import "../../icons/ThreeDotIcon.js";
4
- import "../../ui/Button.js";
5
- import "../../ui/DropDown.js";
6
- import { X as Er } from "../../../ToolbarLayout.module-37619c4b.js";
7
- import "./DocumentProperties.js";
8
- import "./RotateTool.js";
9
- import "./ViewModeTool.js";
10
- import "./ScrollModeTool.js";
11
- import "../../../contexts/ViewportContext.js";
12
- import "./FileUploadTool.js";
13
- import "../../../index-a48ec088.js";
14
- import "./MenuSeparator.js";
15
- import "./FullScreenTool.js";
16
- import "../../ui/RPTooltip.js";
17
- import "./SelectionModeTool.js";
18
- import "../../../contexts/ToolbarComponentContext.js";
19
- import "react";
20
- import "../../../contexts/LocalizationContext.js";
21
- import "../../../contexts/ToolComponentContext.js";
1
+ import { jsxs as m, Fragment as y, jsx as o } from "react/jsx-runtime";
2
+ import { useLayoutContainer as G } from "../../../contexts/LayoutContainerContext.js";
3
+ import { ThreeDotIcon as L } from "../../icons/ThreeDotIcon.js";
4
+ import { UIButton as V } from "../../ui/Button.js";
5
+ import { UIDropDown as B } from "../../ui/DropDown.js";
6
+ import { DocumentDialog as E } from "./DocumentDialog.js";
7
+ import { c as $ } from "../../../OtherTool.module-a4be5f1f.js";
8
+ import { DocumentProperties as q } from "./DocumentProperties.js";
9
+ import { RotateTool as A } from "./RotateTool.js";
10
+ import { ViewModeTool as J } from "./ViewModeTool.js";
11
+ import { ScrollModeTool as K } from "./ScrollModeTool.js";
12
+ import { useViewportContext as Q } from "../../../contexts/ViewportContext.js";
13
+ import { FileUploadTool as W } from "./FileUploadTool.js";
14
+ import { G as X } from "../../../index-4baea9b5.js";
15
+ import { MenuSeparator as Y } from "./MenuSeparator.js";
16
+ import { FileDownloadTool as Z } from "./FileDownloadTool.js";
17
+ import { PrintTool as _ } from "./PrintTool.js";
18
+ import { FullScreenTool as oo } from "./FullScreenTool.js";
19
+ import { MostPageTool as to } from "./MostPageTool.js";
20
+ import ro from "../../ui/RPTooltip.js";
21
+ import { SelectionModeTool as io } from "./SelectionModeTool.js";
22
+ import { useToolbarComponentContext as eo } from "../../../contexts/ToolbarComponentContext.js";
23
+ import { useState as C, useRef as mo, useMemo as F, useEffect as po } from "react";
24
+ import { useLocalizationContext as lo } from "../../../contexts/LocalizationContext.js";
25
+ import { useToolComponentContext as no } from "../../../contexts/ToolComponentContext.js";
22
26
  import "../../../clsx-0c6e471a.js";
23
27
  import "../../../utils/withRef.js";
24
- import "../../../index-c9a2990a.js";
28
+ import "../../../index-c0faa594.js";
25
29
  import "react-dom";
26
- import "../../../index-808ea7bf.js";
27
- import "../../icons/ChevronUpIcon.js";
28
- import "../../ui/Input.js";
29
- import "../../../utils/types.js";
30
- import "../../../th_TH-d627cd51.js";
31
- import "../../../contexts/ScrollModeContext.js";
32
- import "../../../utils/appConsole.js";
33
- import "../../../contexts/InitialStateContext.js";
30
+ import "../../../index-e3ee9457.js";
31
+ import "../../../Combination-54a77a7a.js";
32
+ import "../../icons/CloseIcon.js";
33
+ import "../../../utils/dateFormatter.js";
34
34
  import "../../../contexts/RPDocumentContext.js";
35
35
  import "../../../utils/hooks/useLoadPdf.js";
36
36
  import "pdfjs-dist";
37
+ import "../../../utils/types.js";
38
+ import "../../../th_TH-d627cd51.js";
37
39
  import "../../../utils/getThumbnailViewport.js";
38
40
  import "../../../contexts/ConfigContext.js";
39
41
  import "../../../contexts/DocumentPasswordContext.js";
42
+ import "../../../utils/appConsole.js";
40
43
  import "../../../utils/hooks/usePdfProperties.js";
41
44
  import "../../../utils/convertPdfDate.js";
42
45
  import "../../../utils/formatFileSize.js";
43
- import "../../../contexts/DarkModeContext.js";
44
- import "../../../utils/hooks/useDarkMode.js";
46
+ import "./PropertyItem.js";
47
+ import "../../../contexts/OtherToolContext.js";
48
+ import "./MenuItem.js";
49
+ import "../../icons/InfoIcon.js";
50
+ import "../../../contexts/IconContext.js";
51
+ import "../../../contexts/IconToolContext.js";
52
+ import "../../icons/ClockwiseIcon.js";
53
+ import "../../../RotateTool.module-67946714.js";
54
+ import "../../../utils/hooks/useRotate.js";
45
55
  import "../../../contexts/RotationContext.js";
46
- import "../../../contexts/LayerContext.js";
47
- import "../../../contexts/ZoomContext.js";
48
- import "../../../utils/constants.js";
49
- import "../../../utils/getZoomLevel.js";
56
+ import "../../../contexts/InitialStateContext.js";
57
+ import "../../icons/DualPageIcon.js";
58
+ import "../../icons/SinglePageIcon.js";
50
59
  import "../../../contexts/ViewModeContext.js";
60
+ import "../../icons/CheckIcon.js";
61
+ import "../../../contexts/ScrollModeContext.js";
62
+ import "../../icons/PageScrollingIcon.js";
63
+ import "../../icons/VerticalScrollingIcon.js";
64
+ import "../../icons/HorizontalScrollingIcon.js";
65
+ import "../../icons/FileUploadDefaultIcon.js";
66
+ import "../../../contexts/FileInputContext.js";
67
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
68
+ import "../../../index-655864a7.js";
69
+ import "../../../utils/hooks/useLocalization.js";
70
+ import "../../icons/FileDownloadDefaultIcon.js";
71
+ import "../../../utils/hooks/useFileDownload.js";
72
+ import "../../../contexts/DownloadContext.js";
73
+ import "../../icons/PrintDefaultIcon.js";
74
+ import "../../../contexts/PrintContext.js";
75
+ import "../../../utils/hooks/usePrint.js";
76
+ import "../../../contexts/FullScreenContext.js";
77
+ import "../../../utils/hooks/useFullScreen.js";
78
+ import "../../icons/FullScreenIcon.js";
79
+ import "../../../PaginationContext-9217cab4.js";
51
80
  import "../../../contexts/GlobalCurrentPage.js";
52
81
  import "../../../contexts/EventCallbackContext.js";
53
- import "../../../utils/hooks/useDebounce.js";
54
82
  import "../../../contexts/VirtualScrollContext.js";
55
83
  import "../../../contexts/VirtualGridContext.js";
56
- import "../../../contexts/SelectionModeContext.js";
57
- import "../../../contexts/FullScreenContext.js";
58
- import "../../../utils/hooks/useFullScreen.js";
59
- import "../../../contexts/FileInputContext.js";
60
- import "../../../contexts/DropFileZoneContext.js";
61
- import "../../../utils/highlight.js";
62
- import "../../../utils/charators.js";
84
+ import "../../../utils/smoothScrollTo.js";
63
85
  import "../../../contexts/DimensionPagesContext.js";
86
+ import "../../../contexts/ZoomContext.js";
87
+ import "../../../utils/constants.js";
88
+ import "../../../utils/getZoomLevel.js";
89
+ import "../../../utils/hooks/useDebounce.js";
64
90
  import "../../../contexts/PagesRotateContext.js";
65
- import "../../../contexts/HighlightContext.js";
66
- import "../../../utils/hooks/useHighlight.js";
67
- import "../../../contexts/LicenseContext.js";
68
- import "../../../utils/hooks/useLicense.js";
69
- import "../../../contexts/DownloadContext.js";
70
91
  import "../../../contexts/SmoothScrollContext.js";
71
- import "../../../contexts/ElementPageContext.js";
72
- import "../../../utils/const.js";
73
92
  import "../../../utils/getScrollDistance.js";
74
- import "../../../utils/getElementPositionInPage.js";
75
- import "../../../utils/Queue.js";
76
- import "../../../utils/renderPage.js";
77
- import "../../../contexts/LoaderContext.js";
78
- import "../../icons/LoaderIcon.js";
79
- import "../../../contexts/IconToolContext.js";
80
- import "../../../contexts/OtherToolContext.js";
81
- import "../../RPConfig.js";
82
- import "../../RPTheme.js";
83
- import "../../../contexts/ThemeContext.js";
84
- import "../../../utils/hooks/useLoadWorker.js";
85
- import "../../icons/Thumbnail.js";
86
- import "../Container.js";
87
- import "../sidebar/RPSplitter.js";
88
- import "../WrapperLayout.js";
89
- import "../../../LayoutWrapper-6224491f.js";
90
- import "../../RPDropFileZone.js";
91
- import "../../icons/LightPdfIcon.js";
92
- import "../../icons/DarkPdfIcon.js";
93
- import "../../../utils/hooks/useLocalization.js";
94
- import "../../../SearchCloseButton-08d57275.js";
95
- import "../../icons/CloseIcon.js";
96
- import "../../ui/Checkbox.js";
97
- import "../../icons/CheckIcon.js";
98
- import "../../../contexts/IconContext.js";
99
- import "./MenuItem.js";
100
- import "../../../utils/dateFormatter.js";
101
- import "./PropertyItem.js";
102
- import "../../../RotateTool.module-67946714.js";
103
- import "../../../utils/hooks/useInfiniteScroll.js";
104
- import "../../../utils/link_service.js";
105
- import "../../../utils/annotations.js";
106
- import "../../../utils/sanitizeExternalUrl.js";
107
- import "../../page/searchHighlight.js";
108
- import "../../page/CustomElement.js";
109
93
  import "../../../utils/calculatePage.js";
110
- import "../../../utils/hooks/useMousePressed.js";
111
- import "../../../utils/hooks/useGrabScroll.js";
112
- import "../../../utils/hooks/usePinch.js";
113
- import "../../ui/PasswordModal.js";
114
- import "../../../utils/approximateFragtion.js";
115
- import "../../../utils/getWordPositionInPage.js";
116
- import "../../../utils/smoothScrollTo.js";
117
- import "./DarkModeTool.js";
118
- import "../../icons/MoonIcon.js";
119
- import "../../icons/SunIcon.js";
120
- import "../../icons/FileDownloadDefaultIcon.js";
121
- import "../../icons/PrintDefaultIcon.js";
122
94
  import "../../icons/GoToDownIcon.js";
123
- import "../../icons/ZoomInIcon.js";
124
- import "../../icons/ZoomOutIcon.js";
125
- import "../../../utils/zoom.js";
126
- import "../../icons/SearchIcon.js";
127
- import "../../icons/ClearIcon.js";
128
- import "../../icons/InfoIcon.js";
129
- import "../../icons/ClockwiseIcon.js";
130
- import "../../../utils/hooks/useRotate.js";
131
- import "../../icons/SinglePageIcon.js";
132
- import "../../icons/DualPageIcon.js";
133
- import "../../icons/PageScrollingIcon.js";
134
- import "../../icons/VerticalScrollingIcon.js";
135
- import "../../icons/HorizontalScrollingIcon.js";
136
- import "../../icons/FileUploadDefaultIcon.js";
137
- import "../../icons/FullScreenIcon.js";
95
+ import "../../../MostPageTool.module-13578ad6.js";
138
96
  import "../../icons/TextSelectionDefaultIcon.js";
139
97
  import "../../icons/HandModeDefaultIcon.js";
98
+ import "../../../contexts/SelectionModeContext.js";
99
+ const or = () => {
100
+ const [P, S] = C(!1), { container: R, pagesRef: i } = G(), { isSmallScreen: r } = Q(), {
101
+ openFileTool: p,
102
+ downloadTool: l,
103
+ documentProperties: n,
104
+ scrollModeTool: s,
105
+ rotateTool: c,
106
+ selectionModeTool: T,
107
+ jumpNavigationTool: a,
108
+ printTool: d,
109
+ fullscreenTool: f,
110
+ viewModeTool: j
111
+ } = eo(), {
112
+ openFileTool: u,
113
+ downloadTool: h,
114
+ documentProperties: O,
115
+ scrollModeTool: w,
116
+ rotateTool: M,
117
+ selectionModeTool: v,
118
+ jumpNavigationTool: D,
119
+ printTool: b,
120
+ fullscreenTool: g,
121
+ viewModeTool: k
122
+ } = no(), { localeMessages: t } = lo(), [I, N] = C(0), x = mo(
123
+ new ResizeObserver((e) => {
124
+ N(e[0].contentRect.height);
125
+ })
126
+ ), z = F(() => a || c || T || s || n || j || r && (p || l || d || f), [
127
+ p,
128
+ l,
129
+ d,
130
+ f,
131
+ n,
132
+ s,
133
+ c,
134
+ T,
135
+ a,
136
+ r
137
+ ]), H = F(() => D || M || v || w || O || k || r && (u || h || b || g), [
138
+ u,
139
+ h,
140
+ b,
141
+ g,
142
+ O,
143
+ w,
144
+ M,
145
+ v,
146
+ D,
147
+ r
148
+ ]);
149
+ return po(() => (i && x.current.observe(i), () => {
150
+ x.current.disconnect();
151
+ }), [i]), !z || !H ? null : /* @__PURE__ */ m(y, { children: [
152
+ /* @__PURE__ */ o(
153
+ B,
154
+ {
155
+ container: R,
156
+ onOpenChange: S,
157
+ triggerComponent: /* @__PURE__ */ o("div", { role: "button", children: /* @__PURE__ */ o(ro, { content: t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ o(V, { active: P, "aria-label": t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ o(L, {}) }) }) }),
158
+ side: "bottom",
159
+ avoidCollisions: !1,
160
+ children: /* @__PURE__ */ m(
161
+ "div",
162
+ {
163
+ style: { maxHeight: `${I}px`, overflow: "auto" },
164
+ className: $["rp-other-tool-content"],
165
+ "data-rp": "moreOptionsDropdown",
166
+ children: [
167
+ r && /* @__PURE__ */ m(X, { children: [
168
+ /* @__PURE__ */ o(W, {}),
169
+ /* @__PURE__ */ o(Z, {}),
170
+ /* @__PURE__ */ o(_, {}),
171
+ /* @__PURE__ */ o(oo, {}),
172
+ /* @__PURE__ */ o(Y, {})
173
+ ] }),
174
+ /* @__PURE__ */ o(to, {}),
175
+ /* @__PURE__ */ o(A, {}),
176
+ /* @__PURE__ */ o(io, {}),
177
+ /* @__PURE__ */ o(J, {}),
178
+ /* @__PURE__ */ o(K, {}),
179
+ /* @__PURE__ */ o(q, {})
180
+ ]
181
+ }
182
+ )
183
+ }
184
+ ),
185
+ /* @__PURE__ */ o(E, {})
186
+ ] });
187
+ };
140
188
  export {
141
- Er as OtherTool
189
+ or as OtherTool
142
190
  };
@@ -1,19 +1,20 @@
1
- import "react/jsx-runtime";
2
- import "react";
3
- import "../../icons/ChevronUpIcon.js";
4
- import "../../ui/Button.js";
5
- import "../../ui/Input.js";
6
- import { l as Gr } from "../../../ToolbarLayout.module-37619c4b.js";
7
- import "../../../contexts/IconContext.js";
8
- import "../../../contexts/ToolbarComponentContext.js";
9
- import "../../../contexts/ViewportContext.js";
10
- import "../../ui/RPTooltip.js";
11
- import "../../../contexts/LocalizationContext.js";
12
- import "../../../contexts/ViewModeContext.js";
13
- import "../../../contexts/ScrollModeContext.js";
14
- import "../../../utils/types.js";
15
- import "../../../contexts/IconToolContext.js";
16
- import "../../../contexts/ToolComponentContext.js";
1
+ import { jsx as n, jsxs as h } from "react/jsx-runtime";
2
+ import { useState as k, useEffect as D, useCallback as m, useMemo as L } from "react";
3
+ import { ChevronUpIcon as S } from "../../icons/ChevronUpIcon.js";
4
+ import { UIButton as T } from "../../ui/Button.js";
5
+ import { UIInput as V } from "../../ui/Input.js";
6
+ import { c as g } from "../../../Paginate.module-206a7d7d.js";
7
+ import { u as A } from "../../../PaginationContext-9217cab4.js";
8
+ import { useIconContext as N } from "../../../contexts/IconContext.js";
9
+ import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
10
+ import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
11
+ import f from "../../ui/RPTooltip.js";
12
+ import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
13
+ import { useViewModeContext as K } from "../../../contexts/ViewModeContext.js";
14
+ import { useScrollModeContext as O } from "../../../contexts/ScrollModeContext.js";
15
+ import { ViewMode as R, ScrollMode as _ } from "../../../utils/types.js";
16
+ import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
17
+ import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
17
18
  import "../../../clsx-0c6e471a.js";
18
19
  import "../../../utils/withRef.js";
19
20
  import "../../../contexts/RPDocumentContext.js";
@@ -27,116 +28,111 @@ import "../../../th_TH-d627cd51.js";
27
28
  import "../../../utils/hooks/usePdfProperties.js";
28
29
  import "../../../utils/convertPdfDate.js";
29
30
  import "../../../utils/formatFileSize.js";
30
- import "../../../contexts/DarkModeContext.js";
31
- import "../../../utils/hooks/useDarkMode.js";
32
- import "../../../contexts/RotationContext.js";
31
+ import "../../../contexts/GlobalCurrentPage.js";
33
32
  import "../../../contexts/InitialStateContext.js";
34
- import "../../../contexts/LayerContext.js";
33
+ import "../../../contexts/EventCallbackContext.js";
34
+ import "../../../contexts/VirtualScrollContext.js";
35
+ import "../../../contexts/VirtualGridContext.js";
36
+ import "../../../utils/smoothScrollTo.js";
37
+ import "../../../contexts/DimensionPagesContext.js";
35
38
  import "../../../contexts/ZoomContext.js";
36
39
  import "../../../utils/constants.js";
37
40
  import "../../../utils/getZoomLevel.js";
38
41
  import "../../../contexts/LayoutContainerContext.js";
39
- import "../../../contexts/GlobalCurrentPage.js";
40
- import "../../../contexts/EventCallbackContext.js";
42
+ import "../../../contexts/RotationContext.js";
41
43
  import "../../../utils/hooks/useDebounce.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 "../../../utils/highlight.js";
50
- import "../../../utils/charators.js";
51
- import "../../../contexts/DimensionPagesContext.js";
52
44
  import "../../../contexts/PagesRotateContext.js";
53
- import "../../../contexts/HighlightContext.js";
54
- import "../../../utils/hooks/useHighlight.js";
55
- import "../../../contexts/LicenseContext.js";
56
- import "../../../utils/hooks/useLicense.js";
57
- import "../../../contexts/DownloadContext.js";
58
45
  import "../../../contexts/SmoothScrollContext.js";
59
- import "../../../contexts/ElementPageContext.js";
60
- import "../../../utils/const.js";
61
46
  import "../../../utils/getScrollDistance.js";
62
- import "../../../utils/getElementPositionInPage.js";
63
- import "../../../utils/Queue.js";
64
- import "../../../utils/renderPage.js";
65
- import "../../../contexts/LoaderContext.js";
66
- import "../../icons/LoaderIcon.js";
67
- import "../../../contexts/OtherToolContext.js";
68
- import "../../RPConfig.js";
69
- import "../../RPTheme.js";
70
- import "../../../contexts/ThemeContext.js";
71
- import "../../../utils/hooks/useLoadWorker.js";
72
- import "../../icons/Thumbnail.js";
73
- import "../Container.js";
74
- import "../sidebar/RPSplitter.js";
75
- import "../WrapperLayout.js";
76
- import "../../../LayoutWrapper-6224491f.js";
77
- import "../../RPDropFileZone.js";
78
- import "../../icons/LightPdfIcon.js";
79
- import "../../icons/DarkPdfIcon.js";
80
- import "../../../utils/hooks/useLocalization.js";
81
- import "../../../SearchCloseButton-08d57275.js";
82
- import "../../icons/CloseIcon.js";
83
- import "../../ui/Checkbox.js";
84
- import "../../../index-c9a2990a.js";
85
- import "react-dom";
86
- import "../../icons/CheckIcon.js";
87
- import "../../ui/DropDown.js";
88
- import "../../../index-a48ec088.js";
89
- import "../../../index-808ea7bf.js";
90
- import "./MenuItem.js";
91
- import "./MenuSeparator.js";
92
- import "../../../utils/dateFormatter.js";
93
- import "./PropertyItem.js";
94
- import "../../../RotateTool.module-67946714.js";
95
- import "../../../utils/hooks/useInfiniteScroll.js";
96
- import "../../../utils/link_service.js";
97
- import "../../../utils/annotations.js";
98
- import "../../../utils/sanitizeExternalUrl.js";
99
- import "../../page/searchHighlight.js";
100
- import "../../page/CustomElement.js";
101
47
  import "../../../utils/calculatePage.js";
102
- import "../../../utils/hooks/useMousePressed.js";
103
- import "../../../utils/hooks/useGrabScroll.js";
104
- import "../../../utils/hooks/usePinch.js";
105
- import "../../ui/PasswordModal.js";
106
- import "../../../utils/approximateFragtion.js";
107
- import "../../../utils/getWordPositionInPage.js";
108
- import "../../../utils/smoothScrollTo.js";
109
- import "./FileUploadTool.js";
110
- import "../../icons/FileUploadDefaultIcon.js";
111
- import "./DarkModeTool.js";
112
- import "../../icons/MoonIcon.js";
113
- import "../../icons/SunIcon.js";
114
- import "../../icons/ThreeDotIcon.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";
48
+ import "../../../index-c0faa594.js";
49
+ import "react-dom";
50
+ import "../../../index-e3ee9457.js";
51
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
52
+ import "../../../index-655864a7.js";
53
+ import "../../../utils/hooks/useLocalization.js";
54
+ const F = () => {
55
+ const { prevIcon: o } = N(), { prevIcon: r } = b();
56
+ return o || r || /* @__PURE__ */ n(S, {});
57
+ }, q = () => {
58
+ const { nextIcon: o } = N(), { nextIcon: r } = b();
59
+ return o || r || /* @__PURE__ */ n(S, { style: { transform: "rotate(180deg" } });
60
+ }, Ho = () => {
61
+ const { focusedPage: o, totalPages: r, setFocusedPage: d, nextPage: a, prevPage: c, goToPage: i } = A(), [l, p] = k(o.toString()), { pageNavigationTool: u = !0 } = B(), { pageNavigationTool: s = !0 } = z(), { isSmallScreen: P } = G(), { viewMode: x } = K(), { scrollMode: C } = O(), { localeMessages: t } = j();
62
+ D(() => {
63
+ p(o.toString());
64
+ }, [o]);
65
+ const w = m((e) => {
66
+ const v = e.target.value;
67
+ p(v);
68
+ }, []), I = m(async () => {
69
+ const e = i(l);
70
+ e.success || p(e.currentPage.toString());
71
+ }, [i, l, r]), y = m(() => {
72
+ p(o.toString());
73
+ }, [o]), E = m(
74
+ (e) => {
75
+ e.key === "Enter" && I();
76
+ },
77
+ [I]
78
+ ), U = L(() => x === R.DUAL_PAGE && C === _.PAGE_SCROLLING && o === r - 1 || o === r, [o, r, x, C]);
79
+ return !u || !s ? null : typeof u != "boolean" ? /* @__PURE__ */ n(
80
+ u,
81
+ {
82
+ total: r,
83
+ current: o,
84
+ nextPage: a,
85
+ prevPage: c,
86
+ goToPage: i,
87
+ changePage: d
88
+ }
89
+ ) : typeof s != "boolean" ? /* @__PURE__ */ n(
90
+ s,
91
+ {
92
+ total: r,
93
+ current: o,
94
+ nextPage: a,
95
+ prevPage: c,
96
+ goToPage: i,
97
+ changePage: d
98
+ }
99
+ ) : /* @__PURE__ */ h("div", { className: g["rp-paginate"], children: [
100
+ !P && /* @__PURE__ */ n(f, { content: t == null ? void 0 : t.previousPageTooltip, children: /* @__PURE__ */ n(
101
+ T,
102
+ {
103
+ onClick: c,
104
+ "aria-label": t == null ? void 0 : t.previousPageTooltip,
105
+ "aria-disabled": o === 1,
106
+ children: /* @__PURE__ */ n(F, {})
107
+ }
108
+ ) }),
109
+ /* @__PURE__ */ n(f, { content: t == null ? void 0 : t.currentPageTooltip, children: /* @__PURE__ */ n(
110
+ V,
111
+ {
112
+ onKeyDown: E,
113
+ onBlur: y,
114
+ onChange: w,
115
+ value: l,
116
+ className: g["rp-page-input"],
117
+ id: "page-input",
118
+ name: "page-input"
119
+ }
120
+ ) }),
121
+ /* @__PURE__ */ h("span", { className: g["rp-total-page"], children: [
122
+ "/",
123
+ r
124
+ ] }),
125
+ !P && /* @__PURE__ */ n(f, { content: t == null ? void 0 : t.nextPageTooltip, children: /* @__PURE__ */ n(
126
+ T,
127
+ {
128
+ onClick: a,
129
+ "aria-label": t == null ? void 0 : t.nextPageTooltip,
130
+ "aria-disabled": U,
131
+ children: /* @__PURE__ */ n(q, {})
132
+ }
133
+ ) })
134
+ ] });
135
+ };
140
136
  export {
141
- Gr as Paginate
137
+ Ho as Paginate
142
138
  };