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

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 (184) hide show
  1. package/README.md +6 -6
  2. package/dist/{LayoutWrapper-a871c161.js → LayoutWrapper-6224491f.js} +1 -1
  3. package/dist/{RotateTool.module-03987eba.js → RotateTool.module-67946714.js} +1 -1
  4. package/dist/{SearchCloseButton-cbf182aa.js → SearchCloseButton-08d57275.js} +1 -1
  5. package/dist/ToolbarLayout.module-37619c4b.js +3548 -0
  6. package/dist/assets/style.css +1 -0
  7. package/dist/assets/style.js +74 -0
  8. package/dist/components/RPConfig.js +127 -127
  9. package/dist/components/RPController.js +178 -64
  10. package/dist/components/RPDropFileZone.js +26 -12
  11. package/dist/components/RPPages.js +82 -6
  12. package/dist/components/RPProvider.js +169 -19
  13. package/dist/components/RPTheme.js +6 -5
  14. package/dist/components/icons/LoaderIcon.js +1 -1
  15. package/dist/components/layout/Container.js +1 -1
  16. package/dist/components/layout/LayoutContainer.js +88 -6
  17. package/dist/components/layout/LayoutWrapper.js +2 -1
  18. package/dist/components/layout/RPDefaultLayout.js +129 -3
  19. package/dist/components/layout/RPLayout.js +97 -7
  20. package/dist/components/layout/WrapperLayout.js +22 -9
  21. package/dist/components/layout/sidebar/RPSidebar.js +129 -2
  22. package/dist/components/layout/sidebar/RPSplitter.js +1 -1
  23. package/dist/components/layout/sidebar/Thumbnail.js +89 -6
  24. package/dist/components/layout/sidebar/Thumbnails.js +136 -2
  25. package/dist/components/layout/toolbar/DarkModeTool.js +22 -13
  26. package/dist/components/layout/toolbar/DocumentDialog.js +89 -6
  27. package/dist/components/layout/toolbar/DocumentProperties.js +18 -8
  28. package/dist/components/layout/toolbar/FileDownloadTool.js +129 -2
  29. package/dist/components/layout/toolbar/FileUploadTool.js +31 -10
  30. package/dist/components/layout/toolbar/FullScreenTool.js +39 -27
  31. package/dist/components/layout/toolbar/MenuItem.js +12 -8
  32. package/dist/components/layout/toolbar/MenuSeparator.js +8 -4
  33. package/dist/components/layout/toolbar/MostPageTool.js +89 -7
  34. package/dist/components/layout/toolbar/OtherTool.js +121 -3
  35. package/dist/components/layout/toolbar/Paginate.js +125 -2
  36. package/dist/components/layout/toolbar/PrintTool.js +129 -2
  37. package/dist/components/layout/toolbar/PropertyItem.js +1 -1
  38. package/dist/components/layout/toolbar/RPMenuItem.js +20 -13
  39. package/dist/components/layout/toolbar/RPMoreOptions.js +171 -44
  40. package/dist/components/layout/toolbar/RPToolbar.js +135 -3
  41. package/dist/components/layout/toolbar/RPToolbarEnd.js +135 -2
  42. package/dist/components/layout/toolbar/RotateTool.js +39 -18
  43. package/dist/components/layout/toolbar/ScrollModeTool.js +27 -18
  44. package/dist/components/layout/toolbar/SearchCloseButton.js +11 -2
  45. package/dist/components/layout/toolbar/SearchResultNavigator.js +135 -3
  46. package/dist/components/layout/toolbar/SearchTool.js +87 -6
  47. package/dist/components/layout/toolbar/SelectionModeTool.js +19 -10
  48. package/dist/components/layout/toolbar/ThumbnailTool.js +141 -10
  49. package/dist/components/layout/toolbar/ToolbarCustom.js +90 -7
  50. package/dist/components/layout/toolbar/ToolbarDefault.js +91 -7
  51. package/dist/components/layout/toolbar/ToolbarLayout.js +147 -6
  52. package/dist/components/layout/toolbar/ViewModeTool.js +26 -17
  53. package/dist/components/layout/toolbar/ZoomTool.js +140 -128
  54. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +139 -7
  55. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +142 -9
  56. package/dist/components/layout/toolbar/tools/FileUploadTool.js +27 -8
  57. package/dist/components/layout/toolbar/tools/FullScreenTool.js +23 -13
  58. package/dist/components/layout/toolbar/tools/InputPageTool.js +159 -26
  59. package/dist/components/layout/toolbar/tools/NextPageTool.js +89 -7
  60. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +144 -11
  61. package/dist/components/layout/toolbar/tools/PrintTool.js +140 -7
  62. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +29 -8
  63. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +32 -11
  64. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +15 -6
  65. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +144 -11
  66. package/dist/components/layout/toolbar/tools/ZoomInTool.js +47 -20
  67. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +142 -0
  68. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +160 -29
  69. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +45 -18
  70. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +100 -13
  71. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +146 -11
  72. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +15 -5
  73. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +143 -11
  74. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +90 -7
  75. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +21 -9
  76. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +90 -8
  77. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +139 -7
  78. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +33 -12
  79. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +23 -14
  80. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +22 -13
  81. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +25 -16
  82. package/dist/components/page/AnnotationLayer.js +86 -6
  83. package/dist/components/page/CanvasLayer.js +90 -6
  84. package/dist/components/page/CustomElement.js +49 -18
  85. package/dist/components/page/DualPage.js +138 -2
  86. package/dist/components/page/RPPage.js +88 -6
  87. package/dist/components/page/SinglePage.js +138 -2
  88. package/dist/components/page/TextHighlightLayer.js +88 -6
  89. package/dist/components/page/TextLayer.js +88 -6
  90. package/dist/components/ui/Button.js +9 -8
  91. package/dist/components/ui/Checkbox.js +6 -5
  92. package/dist/components/ui/DropDown.js +18 -14
  93. package/dist/components/ui/Input.js +10 -9
  94. package/dist/components/ui/LoadingIndicator.js +137 -2
  95. package/dist/components/ui/PasswordModal.js +18 -15
  96. package/dist/components/ui/RPTooltip.js +202 -415
  97. package/dist/contexts/DimensionPagesContext.js +35 -17
  98. package/dist/contexts/DropFileZoneContext.js +32 -22
  99. package/dist/contexts/ElementPageContext.js +114 -51
  100. package/dist/contexts/EventCallbackContext.js +30 -0
  101. package/dist/contexts/FileInputContext.js +32 -22
  102. package/dist/contexts/GlobalCurrentPage.js +13 -10
  103. package/dist/contexts/HighlightContext.js +24 -11
  104. package/dist/contexts/LicenseContext.js +1 -0
  105. package/dist/contexts/LoaderContext.js +10 -9
  106. package/dist/contexts/LocalizationContext.js +11 -10
  107. package/dist/contexts/PagesRotateContext.js +36 -18
  108. package/dist/contexts/PaginationContext.js +137 -4
  109. package/dist/contexts/PrintContext.js +140 -4
  110. package/dist/contexts/RPDocumentContext.js +38 -28
  111. package/dist/contexts/RenderQueueProvider.js +138 -4
  112. package/dist/contexts/RotationContext.js +25 -15
  113. package/dist/contexts/ScrollModeContext.js +7 -6
  114. package/dist/contexts/SearchContext.js +140 -4
  115. package/dist/contexts/SelectionModeContext.js +5 -4
  116. package/dist/contexts/ThumbnailsContext.js +140 -4
  117. package/dist/contexts/ViewModeContext.js +10 -9
  118. package/dist/contexts/ZoomContext.js +34 -24
  119. package/dist/index-808ea7bf.js +1685 -0
  120. package/dist/index-a48ec088.js +1672 -0
  121. package/dist/{index-35c7f4a2.js → index-c9a2990a.js} +3 -3
  122. package/dist/libInjectCss.js +9 -0
  123. package/dist/main.js +218 -84
  124. package/dist/types/assets/style.d.ts +1 -0
  125. package/dist/types/components/layout/toolbar/tools/ZoomLevelDisplay.d.ts +7 -0
  126. package/dist/types/contexts/EventCallbackContext.d.ts +5 -0
  127. package/dist/types/libInjectCss.d.ts +1 -0
  128. package/dist/types/main.d.ts +1 -1
  129. package/dist/types/utils/annotations.d.ts +1 -2
  130. package/dist/types/utils/approximateFragtion.d.ts +9 -0
  131. package/dist/types/utils/getElementPositionInPage.d.ts +5 -0
  132. package/dist/types/utils/injectPrintCSS.d.ts +1 -0
  133. package/dist/types/utils/link_service.d.ts +11 -1
  134. package/dist/types/utils/types.d.ts +11 -1
  135. package/dist/types/utils/zoom.d.ts +2 -0
  136. package/dist/utils/annotations.js +48 -58
  137. package/dist/utils/approximateFragtion.js +22 -0
  138. package/dist/utils/getElementPositionInPage.js +84 -0
  139. package/dist/utils/getZoomLevel.js +9 -8
  140. package/dist/utils/hooks/useDarkModeProps.js +3 -2
  141. package/dist/utils/hooks/useFileDownload.js +90 -6
  142. package/dist/utils/hooks/useHighlight.js +13 -12
  143. package/dist/utils/hooks/useLicense.js +1 -1
  144. package/dist/utils/hooks/useLoadPdf.js +46 -41
  145. package/dist/utils/hooks/useLoadWorker.js +8 -8
  146. package/dist/utils/hooks/usePageRotateContext.js +33 -17
  147. package/dist/utils/hooks/usePaginate.js +88 -6
  148. package/dist/utils/hooks/usePinch.js +62 -41
  149. package/dist/utils/hooks/usePresentPage.js +88 -6
  150. package/dist/utils/hooks/usePrint.js +89 -6
  151. package/dist/utils/hooks/useRotate.js +21 -7
  152. package/dist/utils/hooks/useScrollToPage.js +86 -6
  153. package/dist/utils/hooks/useSearch.js +86 -6
  154. package/dist/utils/hooks/useThumbnail.js +89 -6
  155. package/dist/utils/hooks/useVirtualReactWindow.js +88 -6
  156. package/dist/utils/hooks/useWatermark.js +18 -15
  157. package/dist/utils/injectPrintCSS.js +22 -0
  158. package/dist/utils/link_service.js +49 -9
  159. package/dist/utils/renderPage.js +1 -0
  160. package/dist/utils/zoom.js +6 -0
  161. package/package.json +18 -23
  162. package/dist/ToolbarLayout.module-c588d36b.js +0 -3411
  163. package/dist/ZoomTool.module-6c5eabbb.js +0 -12
  164. package/dist/assets/Button.css +0 -1
  165. package/dist/assets/Checkbox.css +0 -1
  166. package/dist/assets/Container.css +0 -1
  167. package/dist/assets/DropDown.css +0 -1
  168. package/dist/assets/Input.css +0 -1
  169. package/dist/assets/LayoutWrapper.css +0 -1
  170. package/dist/assets/LoaderIcon.css +0 -1
  171. package/dist/assets/MenuItem.css +0 -1
  172. package/dist/assets/MenuSeparator.css +0 -1
  173. package/dist/assets/PasswordModal.css +0 -1
  174. package/dist/assets/PropertyItem.css +0 -1
  175. package/dist/assets/RPDropFileZone.css +0 -1
  176. package/dist/assets/RPSplitter.css +0 -1
  177. package/dist/assets/RPTooltip.css +0 -1
  178. package/dist/assets/RotateTool.css +0 -1
  179. package/dist/assets/SearchCloseButton.css +0 -1
  180. package/dist/assets/ToolbarLayout.css +0 -1
  181. package/dist/assets/WrapperLayout.css +0 -1
  182. package/dist/assets/ZoomTool.css +0 -1
  183. package/dist/floating-ui.react-dom-6b2fe0df.js +0 -1474
  184. package/dist/index-f563c6f0.js +0 -1889
@@ -1,10 +1,151 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { ToolbarDefault as e } from "./ToolbarDefault.js";
3
- import { ToolbarCustom as l } from "./ToolbarCustom.js";
4
- const b = (a) => {
5
- const { children: r, toolbar: o } = a;
6
- return o && typeof o == "boolean" ? /* @__PURE__ */ t(e, { children: r }) : /* @__PURE__ */ t(l, { toolbar: o, children: r });
2
+ import { ToolbarDefault as i } from "./ToolbarDefault.js";
3
+ import { ToolbarCustom as p } from "./ToolbarCustom.js";
4
+ import "react";
5
+ import "../../../ToolbarLayout.module-37619c4b.js";
6
+ import "../../icons/ChevronUpIcon.js";
7
+ import "../../ui/Button.js";
8
+ import "../../../clsx-0c6e471a.js";
9
+ import "../../../utils/withRef.js";
10
+ import "../../ui/Input.js";
11
+ import "../../../utils/types.js";
12
+ import "../../../th_TH-d627cd51.js";
13
+ import "../../../contexts/ScrollModeContext.js";
14
+ import "../../../utils/appConsole.js";
15
+ import "../../../contexts/InitialStateContext.js";
16
+ import "../../../contexts/RPDocumentContext.js";
17
+ import "../../../utils/hooks/useLoadPdf.js";
18
+ import "pdfjs-dist";
19
+ import "../../../utils/getThumbnailViewport.js";
20
+ import "../../../contexts/ConfigContext.js";
21
+ import "../../../contexts/DocumentPasswordContext.js";
22
+ import "../../../utils/hooks/usePdfProperties.js";
23
+ import "../../../utils/convertPdfDate.js";
24
+ import "../../../utils/formatFileSize.js";
25
+ import "../../../contexts/DarkModeContext.js";
26
+ import "../../../utils/hooks/useDarkMode.js";
27
+ import "../../../contexts/RotationContext.js";
28
+ import "../../../contexts/LayerContext.js";
29
+ import "../../../contexts/ZoomContext.js";
30
+ import "../../../utils/constants.js";
31
+ import "../../../utils/getZoomLevel.js";
32
+ import "../../../contexts/LayoutContainerContext.js";
33
+ import "../../../contexts/ViewModeContext.js";
34
+ import "../../../contexts/GlobalCurrentPage.js";
35
+ import "../../../contexts/EventCallbackContext.js";
36
+ import "../../../utils/hooks/useDebounce.js";
37
+ import "../../../contexts/VirtualScrollContext.js";
38
+ import "../../../contexts/VirtualGridContext.js";
39
+ import "../../../contexts/SelectionModeContext.js";
40
+ import "../../../contexts/FullScreenContext.js";
41
+ import "../../../utils/hooks/useFullScreen.js";
42
+ import "../../../contexts/FileInputContext.js";
43
+ import "../../../contexts/DropFileZoneContext.js";
44
+ import "../../../contexts/ToolbarComponentContext.js";
45
+ import "../../../contexts/ToolComponentContext.js";
46
+ import "../../../utils/highlight.js";
47
+ import "../../../utils/charators.js";
48
+ import "../../../contexts/DimensionPagesContext.js";
49
+ import "../../../contexts/PagesRotateContext.js";
50
+ import "../../../contexts/LocalizationContext.js";
51
+ import "../../../utils/hooks/useLocalization.js";
52
+ import "../../../contexts/HighlightContext.js";
53
+ import "../../../utils/hooks/useHighlight.js";
54
+ import "../../../contexts/LicenseContext.js";
55
+ import "../../../utils/hooks/useLicense.js";
56
+ import "../../../contexts/DownloadContext.js";
57
+ import "../../../contexts/SmoothScrollContext.js";
58
+ import "../../../contexts/ElementPageContext.js";
59
+ import "../../../utils/const.js";
60
+ import "../../../utils/getScrollDistance.js";
61
+ import "../../../utils/getElementPositionInPage.js";
62
+ import "../../../utils/Queue.js";
63
+ import "../../../utils/renderPage.js";
64
+ import "../../../contexts/LoaderContext.js";
65
+ import "../../icons/LoaderIcon.js";
66
+ import "../../../contexts/IconToolContext.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 "../../../contexts/ViewportContext.js";
75
+ import "../sidebar/RPSplitter.js";
76
+ import "../WrapperLayout.js";
77
+ import "../../../LayoutWrapper-6224491f.js";
78
+ import "../../RPDropFileZone.js";
79
+ import "../../icons/LightPdfIcon.js";
80
+ import "../../icons/DarkPdfIcon.js";
81
+ import "../../../SearchCloseButton-08d57275.js";
82
+ import "../../ui/RPTooltip.js";
83
+ import "../../../index-c9a2990a.js";
84
+ import "react-dom";
85
+ import "../../../index-808ea7bf.js";
86
+ import "../../icons/CloseIcon.js";
87
+ import "../../ui/Checkbox.js";
88
+ import "../../icons/CheckIcon.js";
89
+ import "../../../contexts/IconContext.js";
90
+ import "../../ui/DropDown.js";
91
+ import "../../../index-a48ec088.js";
92
+ import "./MenuItem.js";
93
+ import "./MenuSeparator.js";
94
+ import "../../../utils/dateFormatter.js";
95
+ import "./PropertyItem.js";
96
+ import "../../../RotateTool.module-67946714.js";
97
+ import "../../../utils/hooks/useInfiniteScroll.js";
98
+ import "../../../utils/link_service.js";
99
+ import "../../../utils/annotations.js";
100
+ import "../../../utils/sanitizeExternalUrl.js";
101
+ import "../../page/searchHighlight.js";
102
+ import "../../page/CustomElement.js";
103
+ import "../../../utils/calculatePage.js";
104
+ import "../../../utils/hooks/useMousePressed.js";
105
+ import "../../../utils/hooks/useGrabScroll.js";
106
+ import "../../../utils/hooks/usePinch.js";
107
+ import "../../ui/PasswordModal.js";
108
+ import "../../../utils/approximateFragtion.js";
109
+ import "../../../utils/getWordPositionInPage.js";
110
+ import "../../../utils/smoothScrollTo.js";
111
+ import "./FileUploadTool.js";
112
+ import "../../icons/FileUploadDefaultIcon.js";
113
+ import "./DarkModeTool.js";
114
+ import "../../icons/MoonIcon.js";
115
+ import "../../icons/SunIcon.js";
116
+ import "../../icons/ThreeDotIcon.js";
117
+ import "./DocumentProperties.js";
118
+ import "../../icons/InfoIcon.js";
119
+ import "./RotateTool.js";
120
+ import "../../icons/ClockwiseIcon.js";
121
+ import "../../../utils/hooks/useRotate.js";
122
+ import "./ViewModeTool.js";
123
+ import "../../icons/SinglePageIcon.js";
124
+ import "../../icons/DualPageIcon.js";
125
+ import "./ScrollModeTool.js";
126
+ import "../../icons/PageScrollingIcon.js";
127
+ import "../../icons/VerticalScrollingIcon.js";
128
+ import "../../icons/HorizontalScrollingIcon.js";
129
+ import "../../icons/FileDownloadDefaultIcon.js";
130
+ import "../../icons/PrintDefaultIcon.js";
131
+ import "./FullScreenTool.js";
132
+ import "../../icons/FullScreenIcon.js";
133
+ import "../../icons/GoToDownIcon.js";
134
+ import "./SelectionModeTool.js";
135
+ import "../../icons/TextSelectionDefaultIcon.js";
136
+ import "../../icons/HandModeDefaultIcon.js";
137
+ import "../../icons/ZoomInIcon.js";
138
+ import "../../icons/ZoomOutIcon.js";
139
+ import "../../../utils/zoom.js";
140
+ import "../../icons/SearchIcon.js";
141
+ import "../../icons/ClearIcon.js";
142
+ import "./tools/defaults/RPHorizontalBar.js";
143
+ import "./tools/defaults/RPVerticalBar.js";
144
+ import "./ThumbnailTool.js";
145
+ const Qr = (m) => {
146
+ const { children: r, toolbar: o } = m;
147
+ return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
7
148
  };
8
149
  export {
9
- b as ToolbarLayout
150
+ Qr as ToolbarLayout
10
151
  };
@@ -1,5 +1,5 @@
1
- import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
2
- import { G as P } from "../../../index-f563c6f0.js";
1
+ import { jsx as e, Fragment as I, jsxs as n } from "react/jsx-runtime";
2
+ import { G as P } from "../../../index-a48ec088.js";
3
3
  import { MenuSeparator as T } from "./MenuSeparator.js";
4
4
  import { MenuItem as m } from "./MenuItem.js";
5
5
  import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";
@@ -11,32 +11,41 @@ import { useToolbarComponentContext as w } from "../../../contexts/ToolbarCompon
11
11
  import { useScrollModeContext as L } from "../../../contexts/ScrollModeContext.js";
12
12
  import { useMemo as S } from "react";
13
13
  import { useLocalizationContext as M } from "../../../contexts/LocalizationContext.js";
14
- import u from "../../ui/RPTooltip.js";
15
- import { useIconContext as a } from "../../../contexts/IconContext.js";
16
- import { useIconToolContext as d } from "../../../contexts/IconToolContext.js";
14
+ import p from "../../ui/RPTooltip.js";
15
+ import { useIconContext as u } from "../../../contexts/IconContext.js";
16
+ import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
17
17
  import { useToolComponentContext as G } from "../../../contexts/ToolComponentContext.js";
18
+ import "../../../index-c9a2990a.js";
19
+ import "react-dom";
20
+ import "../../../index-808ea7bf.js";
21
+ import "../../../clsx-0c6e471a.js";
22
+ import "../../../utils/appConsole.js";
23
+ import "../../../contexts/InitialStateContext.js";
24
+ import "../../../th_TH-d627cd51.js";
25
+ import "../../../utils/hooks/useLocalization.js";
26
+ import "../../../utils/withRef.js";
18
27
  const b = () => {
19
- const { singlePageIcon: n } = a(), { singlePageIcon: t } = d();
20
- return n || t || /* @__PURE__ */ e(h, {});
28
+ const { singlePageIcon: t } = u(), { singlePageIcon: r } = a();
29
+ return t || r || /* @__PURE__ */ e(h, {});
21
30
  }, v = () => {
22
- const { dualPageIcon: n } = a(), { dualPageIcon: t } = d();
23
- return n || t || /* @__PURE__ */ e(C, {});
24
- }, J = () => {
25
- const { viewMode: n, setDualPage: t, setSinglePage: p } = x(), { viewModeTool: s = !0 } = w(), { viewModeTool: f = !0 } = G(), { scrollMode: i } = L(), { localeMessages: o } = M(), g = S(() => [N.HORIZONTAL_SCROLLING].includes(i), [i]);
26
- return !s || !f ? null : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ r(P, { children: [
27
- /* @__PURE__ */ e(m, { onClick: p, children: /* @__PURE__ */ r(u, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
31
+ const { dualPageIcon: t } = u(), { dualPageIcon: r } = a();
32
+ return t || r || /* @__PURE__ */ e(C, {});
33
+ }, to = () => {
34
+ const { viewMode: t, setDualPage: r, setSinglePage: d } = x(), { viewModeTool: s = !0 } = w(), { viewModeTool: f = !0 } = G(), { scrollMode: i } = L(), { localeMessages: o } = M(), g = S(() => [N.HORIZONTAL_SCROLLING].includes(i), [i]);
35
+ return !s || !f ? null : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ n(P, { children: [
36
+ /* @__PURE__ */ e(m, { onClick: d, children: /* @__PURE__ */ n(p, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
28
37
  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(b, {}) }),
29
38
  o == null ? void 0 : o.singlePageLabel,
30
- n === l.SINGLE_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
39
+ t === l.SINGLE_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
31
40
  ] }) }),
32
- /* @__PURE__ */ e(m, { disabled: g, onClick: t, children: /* @__PURE__ */ r(u, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
41
+ /* @__PURE__ */ e(m, { disabled: g, onClick: r, children: /* @__PURE__ */ n(p, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
33
42
  /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(v, {}) }),
34
43
  o == null ? void 0 : o.dualPageLabel,
35
- n === l.DUAL_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
44
+ t === l.DUAL_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
36
45
  ] }) }),
37
46
  /* @__PURE__ */ e(T, {})
38
47
  ] }) });
39
48
  };
40
49
  export {
41
- J as ViewModeTool
50
+ to as ViewModeTool
42
51
  };
@@ -1,130 +1,142 @@
1
- import { jsx as t, jsxs as c, Fragment as y } from "react/jsx-runtime";
2
- import { useState as T, useRef as D, useCallback as x, useMemo as h, useEffect as G } from "react";
3
- import { useZoomContext as _ } from "../../../contexts/ZoomContext.js";
4
- import { ChevronUpIcon as F } from "../../icons/ChevronUpIcon.js";
5
- import { ZoomInIcon as H } from "../../icons/ZoomInIcon.js";
6
- import { ZoomOutIcon as R } from "../../icons/ZoomOutIcon.js";
7
- import { UIButton as z } from "../../ui/Button.js";
8
- import { c as e } from "../../../ZoomTool.module-6c5eabbb.js";
9
- import { UIDropDown as U } from "../../ui/DropDown.js";
10
- import { useLayoutContainer as j } from "../../../contexts/LayoutContainerContext.js";
11
- import { G as b } from "../../../index-f563c6f0.js";
12
- import { MenuItem as u } from "./MenuItem.js";
13
- import { MenuSeparator as B } from "./MenuSeparator.js";
14
- import { useToolbarComponentContext as V } from "../../../contexts/ToolbarComponentContext.js";
15
- import { useIconContext as O } from "../../../contexts/IconContext.js";
16
- import { useViewportContext as X } from "../../../contexts/ViewportContext.js";
17
- import a from "../../ui/RPTooltip.js";
18
- import { ZoomLevel as p } from "../../../utils/types.js";
19
- import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
20
- import { c as q } from "../../../clsx-0c6e471a.js";
21
- import { useIconToolContext as Z } from "../../../contexts/IconToolContext.js";
22
- import { useToolComponentContext as J } from "../../../contexts/ToolComponentContext.js";
23
- const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
24
- const { zoomInIcon: r } = O(), { zoomInIcon: n } = Z();
25
- return r || n || /* @__PURE__ */ t(H, {});
26
- }, g = () => {
27
- const { zoomOutIcon: r } = O(), { zoomOutIcon: n } = Z();
28
- return r || n || /* @__PURE__ */ t(R, {});
29
- }, Oo = () => {
30
- const { zoomLevel: r, setZoomLevel: n, currentZoom: i } = _(), { container: v, pagesRef: d } = j(), { zoomTool: l = !0 } = V(), { zoomTool: f = !0 } = J(), { isSmallScreen: A } = X(), { localeMessages: o } = $(), [w, L] = T(0), [s, S] = T(!1), C = D(
31
- new ResizeObserver((m) => {
32
- L(m[0].contentRect.height);
33
- })
34
- ), P = x(() => {
35
- n(() => {
36
- const m = Math.floor(i * 100 / 25) * 25;
37
- return Math.min(m + 25, I);
38
- });
39
- }, [n, i]), N = x(() => {
40
- n(() => {
41
- const m = Math.ceil(i * 100 / 25) * 25;
42
- return Math.min(m - 25, I);
43
- });
44
- }, [n, i]), k = h(() => i * 100 <= K, [i]), E = h(() => i * 100 >= I, [i]);
45
- G(() => (d && C.current.observe(d), () => {
46
- C.current.disconnect();
47
- }), [d]);
48
- const W = h(() => {
49
- switch (r) {
50
- case p.ACTUAL:
51
- return o == null ? void 0 : o.zoomActualSize;
52
- case p.PAGE_FIT:
53
- return o == null ? void 0 : o.zoomPageFit;
54
- case p.PAGE_WIDTH:
55
- return o == null ? void 0 : o.zoomPageWidth;
56
- }
57
- return r;
58
- }, [r, o]);
59
- return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: r, setZoomLevel: n }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: r, setZoomLevel: n }) : /* @__PURE__ */ c("div", { className: e["rp-zoom-wrapper"], children: [
60
- /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
61
- z,
62
- {
63
- disabled: k,
64
- onClick: N,
65
- "aria-label": o == null ? void 0 : o.zoomOutTooltip,
66
- children: /* @__PURE__ */ t(g, {})
67
- }
68
- ) }),
69
- !A && /* @__PURE__ */ t(
70
- U,
71
- {
72
- container: v,
73
- open: s,
74
- onOpenChange: S,
75
- triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ c(
76
- z,
77
- {
78
- className: q(
79
- e["rp-current-zoom-wrapper"],
80
- s && e.active
81
- ),
82
- "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
83
- children: [
84
- typeof r == "number" ? /* @__PURE__ */ c(y, { children: [
85
- /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: r }),
86
- /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: "%" })
87
- ] }) : /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: W }),
88
- /* @__PURE__ */ t(F, { className: e["rp-current-zoom-icon"] })
89
- ]
90
- }
91
- ) }) }),
92
- style: { minWidth: "200px" },
93
- align: "center",
94
- side: "bottom",
95
- avoidCollisions: !1,
96
- children: /* @__PURE__ */ c(
97
- "div",
98
- {
99
- style: { maxHeight: `${w}px`, overflow: "auto" },
100
- className: e["rp-zoom-dropdown-content"],
101
- children: [
102
- /* @__PURE__ */ c(b, { children: [
103
- /* @__PURE__ */ t(u, { onClick: () => n(p.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
104
- /* @__PURE__ */ t(u, { onClick: () => n(p.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
105
- /* @__PURE__ */ t(u, { onClick: () => n(p.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
106
- ] }),
107
- /* @__PURE__ */ t(B, {}),
108
- /* @__PURE__ */ t(b, { children: Q.map((m) => /* @__PURE__ */ c(u, { onClick: () => n(m), children: [
109
- m,
110
- " %"
111
- ] }, m)) })
112
- ]
113
- }
114
- )
115
- }
116
- ),
117
- /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
118
- z,
119
- {
120
- disabled: E,
121
- onClick: P,
122
- "aria-label": o == null ? void 0 : o.zoomInTooltip,
123
- children: /* @__PURE__ */ t(Y, {})
124
- }
125
- ) })
126
- ] });
127
- };
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../../contexts/ZoomContext.js";
4
+ import "../../icons/ChevronUpIcon.js";
5
+ import "../../icons/ZoomInIcon.js";
6
+ import "../../icons/ZoomOutIcon.js";
7
+ import "../../ui/Button.js";
8
+ import { m as Fm } from "../../../ToolbarLayout.module-37619c4b.js";
9
+ import "../../ui/DropDown.js";
10
+ import "../../../contexts/LayoutContainerContext.js";
11
+ import "../../../index-a48ec088.js";
12
+ import "./MenuItem.js";
13
+ import "./MenuSeparator.js";
14
+ import "../../../contexts/ToolbarComponentContext.js";
15
+ import "../../../contexts/IconContext.js";
16
+ import "../../../contexts/ViewportContext.js";
17
+ import "../../ui/RPTooltip.js";
18
+ import "../../../utils/types.js";
19
+ import "../../../contexts/LocalizationContext.js";
20
+ import "../../../clsx-0c6e471a.js";
21
+ import "../../../contexts/IconToolContext.js";
22
+ import "../../../contexts/ToolComponentContext.js";
23
+ import "../../../utils/constants.js";
24
+ import "../../../utils/zoom.js";
25
+ import "../../../utils/appConsole.js";
26
+ import "../../../contexts/InitialStateContext.js";
27
+ import "../../../contexts/RPDocumentContext.js";
28
+ import "../../../utils/hooks/useLoadPdf.js";
29
+ import "pdfjs-dist";
30
+ import "../../../utils/getThumbnailViewport.js";
31
+ import "../../../contexts/ConfigContext.js";
32
+ import "../../../contexts/DocumentPasswordContext.js";
33
+ import "../../../th_TH-d627cd51.js";
34
+ import "../../../utils/hooks/usePdfProperties.js";
35
+ import "../../../utils/convertPdfDate.js";
36
+ import "../../../utils/formatFileSize.js";
37
+ import "../../../utils/getZoomLevel.js";
38
+ import "../../../contexts/ViewModeContext.js";
39
+ import "../../../contexts/RotationContext.js";
40
+ import "../../../contexts/GlobalCurrentPage.js";
41
+ import "../../../contexts/EventCallbackContext.js";
42
+ import "../../../utils/hooks/useDebounce.js";
43
+ import "../../../utils/withRef.js";
44
+ import "../../ui/Input.js";
45
+ import "../../../contexts/ScrollModeContext.js";
46
+ import "../../../contexts/DarkModeContext.js";
47
+ import "../../../utils/hooks/useDarkMode.js";
48
+ import "../../../contexts/LayerContext.js";
49
+ import "../../../contexts/VirtualScrollContext.js";
50
+ import "../../../contexts/VirtualGridContext.js";
51
+ import "../../../contexts/SelectionModeContext.js";
52
+ import "../../../contexts/FullScreenContext.js";
53
+ import "../../../utils/hooks/useFullScreen.js";
54
+ import "../../../contexts/FileInputContext.js";
55
+ import "../../../contexts/DropFileZoneContext.js";
56
+ import "../../../utils/highlight.js";
57
+ import "../../../utils/charators.js";
58
+ import "../../../contexts/DimensionPagesContext.js";
59
+ import "../../../contexts/PagesRotateContext.js";
60
+ import "../../../contexts/HighlightContext.js";
61
+ import "../../../utils/hooks/useHighlight.js";
62
+ import "../../../contexts/LicenseContext.js";
63
+ import "../../../utils/hooks/useLicense.js";
64
+ import "../../../contexts/DownloadContext.js";
65
+ import "../../../contexts/SmoothScrollContext.js";
66
+ import "../../../contexts/ElementPageContext.js";
67
+ import "../../../utils/const.js";
68
+ import "../../../utils/getScrollDistance.js";
69
+ import "../../../utils/getElementPositionInPage.js";
70
+ import "../../../utils/Queue.js";
71
+ import "../../../utils/renderPage.js";
72
+ import "../../../contexts/LoaderContext.js";
73
+ import "../../icons/LoaderIcon.js";
74
+ import "../../../contexts/OtherToolContext.js";
75
+ import "../../RPConfig.js";
76
+ import "../../RPTheme.js";
77
+ import "../../../contexts/ThemeContext.js";
78
+ import "../../../utils/hooks/useLoadWorker.js";
79
+ import "../../icons/Thumbnail.js";
80
+ import "../Container.js";
81
+ import "../sidebar/RPSplitter.js";
82
+ import "../WrapperLayout.js";
83
+ import "../../../LayoutWrapper-6224491f.js";
84
+ import "../../RPDropFileZone.js";
85
+ import "../../icons/LightPdfIcon.js";
86
+ import "../../icons/DarkPdfIcon.js";
87
+ import "../../../utils/hooks/useLocalization.js";
88
+ import "../../../SearchCloseButton-08d57275.js";
89
+ import "../../icons/CloseIcon.js";
90
+ import "../../ui/Checkbox.js";
91
+ import "../../../index-c9a2990a.js";
92
+ import "react-dom";
93
+ import "../../icons/CheckIcon.js";
94
+ import "../../../utils/dateFormatter.js";
95
+ import "./PropertyItem.js";
96
+ import "../../../RotateTool.module-67946714.js";
97
+ import "../../../utils/hooks/useInfiniteScroll.js";
98
+ import "../../../utils/link_service.js";
99
+ import "../../../utils/annotations.js";
100
+ import "../../../utils/sanitizeExternalUrl.js";
101
+ import "../../page/searchHighlight.js";
102
+ import "../../page/CustomElement.js";
103
+ import "../../../utils/calculatePage.js";
104
+ import "../../../utils/hooks/useMousePressed.js";
105
+ import "../../../utils/hooks/useGrabScroll.js";
106
+ import "../../../utils/hooks/usePinch.js";
107
+ import "../../ui/PasswordModal.js";
108
+ import "../../../utils/approximateFragtion.js";
109
+ import "../../../utils/getWordPositionInPage.js";
110
+ import "../../../utils/smoothScrollTo.js";
111
+ import "./FileUploadTool.js";
112
+ import "../../icons/FileUploadDefaultIcon.js";
113
+ import "../../../index-808ea7bf.js";
114
+ import "./DarkModeTool.js";
115
+ import "../../icons/MoonIcon.js";
116
+ import "../../icons/SunIcon.js";
117
+ import "../../icons/ThreeDotIcon.js";
118
+ import "./DocumentProperties.js";
119
+ import "../../icons/InfoIcon.js";
120
+ import "./RotateTool.js";
121
+ import "../../icons/ClockwiseIcon.js";
122
+ import "../../../utils/hooks/useRotate.js";
123
+ import "./ViewModeTool.js";
124
+ import "../../icons/SinglePageIcon.js";
125
+ import "../../icons/DualPageIcon.js";
126
+ import "./ScrollModeTool.js";
127
+ import "../../icons/PageScrollingIcon.js";
128
+ import "../../icons/VerticalScrollingIcon.js";
129
+ import "../../icons/HorizontalScrollingIcon.js";
130
+ import "../../icons/FileDownloadDefaultIcon.js";
131
+ import "../../icons/PrintDefaultIcon.js";
132
+ import "./FullScreenTool.js";
133
+ import "../../icons/FullScreenIcon.js";
134
+ import "../../icons/GoToDownIcon.js";
135
+ import "./SelectionModeTool.js";
136
+ import "../../icons/TextSelectionDefaultIcon.js";
137
+ import "../../icons/HandModeDefaultIcon.js";
138
+ import "../../icons/SearchIcon.js";
139
+ import "../../icons/ClearIcon.js";
128
140
  export {
129
- Oo as ZoomTool
141
+ Fm as ZoomTool
130
142
  };