@pdf-viewer/react 1.17.0-beta.1 → 1.17.0-beta.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 (110) hide show
  1. package/dist/{ToolbarLayout.module-00eddd49.js → ToolbarLayout.module-3c9d3a1d.js} +250 -249
  2. package/dist/assets/style.css +1 -1
  3. package/dist/assets/style.js +25 -23
  4. package/dist/components/RPController.js +3 -3
  5. package/dist/components/RPPages.js +3 -3
  6. package/dist/components/RPProvider.js +3 -3
  7. package/dist/components/layout/LayoutContainer.js +3 -3
  8. package/dist/components/layout/RPDefaultLayout.js +3 -3
  9. package/dist/components/layout/RPLayout.js +3 -3
  10. package/dist/components/layout/sidebar/RPSidebar.js +3 -3
  11. package/dist/components/layout/sidebar/Thumbnail.js +3 -3
  12. package/dist/components/layout/sidebar/Thumbnails.js +3 -3
  13. package/dist/components/layout/toolbar/DarkModeTool.js +1 -1
  14. package/dist/components/layout/toolbar/DocumentDialog.js +3 -3
  15. package/dist/components/layout/toolbar/DocumentProperties.js +2 -2
  16. package/dist/components/layout/toolbar/FileDownloadTool.js +3 -3
  17. package/dist/components/layout/toolbar/FileUploadTool.js +2 -2
  18. package/dist/components/layout/toolbar/FullScreenTool.js +2 -2
  19. package/dist/components/layout/toolbar/MenuItem.js +2 -2
  20. package/dist/components/layout/toolbar/MenuSeparator.js +2 -2
  21. package/dist/components/layout/toolbar/MostPageTool.js +3 -3
  22. package/dist/components/layout/toolbar/OtherTool.js +3 -3
  23. package/dist/components/layout/toolbar/Paginate.js +3 -3
  24. package/dist/components/layout/toolbar/PrintTool.js +3 -3
  25. package/dist/components/layout/toolbar/RPMenuItem.js +2 -2
  26. package/dist/components/layout/toolbar/RPMoreOptions.js +3 -3
  27. package/dist/components/layout/toolbar/RPToolbar.js +3 -3
  28. package/dist/components/layout/toolbar/RPToolbarEnd.js +3 -3
  29. package/dist/components/layout/toolbar/RotateTool.js +2 -2
  30. package/dist/components/layout/toolbar/ScrollModeTool.js +2 -2
  31. package/dist/components/layout/toolbar/SearchCloseButton.js +1 -1
  32. package/dist/components/layout/toolbar/SearchResultNavigator.js +3 -3
  33. package/dist/components/layout/toolbar/SearchTool.js +3 -3
  34. package/dist/components/layout/toolbar/SelectionModeTool.js +2 -2
  35. package/dist/components/layout/toolbar/ThumbnailTool.js +3 -3
  36. package/dist/components/layout/toolbar/ToolbarCustom.js +19 -21
  37. package/dist/components/layout/toolbar/ToolbarDefault.js +12 -14
  38. package/dist/components/layout/toolbar/ToolbarLayout.js +3 -3
  39. package/dist/components/layout/toolbar/ViewModeTool.js +2 -2
  40. package/dist/components/layout/toolbar/ZoomTool.js +3 -3
  41. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +3 -3
  42. package/dist/components/layout/toolbar/tools/DualPageTool.js +3 -3
  43. package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +3 -3
  44. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +3 -3
  45. package/dist/components/layout/toolbar/tools/FileUploadTool.js +1 -1
  46. package/dist/components/layout/toolbar/tools/FullScreenTool.js +1 -1
  47. package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +35 -0
  48. package/dist/components/layout/toolbar/tools/InputPageTool.js +3 -3
  49. package/dist/components/layout/toolbar/tools/NextPageTool.js +3 -3
  50. package/dist/components/layout/toolbar/tools/PageScrollingTool.js +35 -0
  51. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +3 -3
  52. package/dist/components/layout/toolbar/tools/PrintTool.js +3 -3
  53. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +1 -1
  54. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +1 -1
  55. package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +1 -1
  56. package/dist/components/layout/toolbar/tools/SinglePageTool.js +3 -3
  57. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +1 -1
  58. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +3 -3
  59. package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +35 -0
  60. package/dist/components/layout/toolbar/tools/ZoomInTool.js +1 -1
  61. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +3 -3
  62. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +3 -3
  63. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +1 -1
  64. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +3 -3
  65. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +3 -3
  66. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +2 -2
  67. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +3 -3
  68. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +3 -3
  69. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +2 -2
  70. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +3 -3
  71. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +3 -3
  72. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +2 -2
  73. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +2 -2
  74. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +2 -2
  75. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +2 -2
  76. package/dist/components/page/AnnotationLayer.js +3 -3
  77. package/dist/components/page/CanvasLayer.js +3 -3
  78. package/dist/components/page/DualPage.js +3 -3
  79. package/dist/components/page/DualPageWithCover.js +3 -3
  80. package/dist/components/page/RPPage.js +3 -3
  81. package/dist/components/page/SinglePage.js +3 -3
  82. package/dist/components/page/TextHighlightLayer.js +3 -3
  83. package/dist/components/page/TextLayer.js +3 -3
  84. package/dist/components/ui/DropDown.js +2 -2
  85. package/dist/components/ui/LoadingIndicator.js +3 -3
  86. package/dist/components/ui/RPTooltip.js +430 -200
  87. package/dist/contexts/PaginationContext.js +3 -3
  88. package/dist/contexts/PrintContext.js +3 -3
  89. package/dist/contexts/RenderQueueProvider.js +3 -3
  90. package/dist/contexts/SearchContext.js +3 -3
  91. package/dist/contexts/ThumbnailsContext.js +3 -3
  92. package/dist/floating-ui.react-dom-d22a10b4.js +1474 -0
  93. package/dist/index-3bf64864.js +1886 -0
  94. package/dist/main.js +36 -30
  95. package/dist/types/components/layout/toolbar/tools/HorizontalScrollingTool.d.ts +3 -0
  96. package/dist/types/components/layout/toolbar/tools/PageScrollingTool.d.ts +3 -0
  97. package/dist/types/components/layout/toolbar/tools/VerticalScrollingTool.d.ts +3 -0
  98. package/dist/types/main.d.ts +3 -0
  99. package/dist/utils/hooks/useFileDownload.js +3 -3
  100. package/dist/utils/hooks/useLicense.js +1 -1
  101. package/dist/utils/hooks/usePaginate.js +3 -3
  102. package/dist/utils/hooks/usePresentPage.js +3 -3
  103. package/dist/utils/hooks/usePrint.js +3 -3
  104. package/dist/utils/hooks/useScrollToPage.js +3 -3
  105. package/dist/utils/hooks/useSearch.js +3 -3
  106. package/dist/utils/hooks/useThumbnail.js +3 -3
  107. package/dist/utils/hooks/useVirtualReactWindow.js +3 -3
  108. package/package.json +1 -1
  109. package/dist/index-808ea7bf.js +0 -1685
  110. package/dist/index-a48ec088.js +0 -1672
@@ -5,7 +5,7 @@ import { DualPageIcon as n } from "../../../icons/DualPageIcon.js";
5
5
  import "react";
6
6
  import "../../../../contexts/RPDocumentContext.js";
7
7
  import "../../../../contexts/DocumentPasswordContext.js";
8
- import "../../../../ToolbarLayout.module-00eddd49.js";
8
+ import "../../../../ToolbarLayout.module-3c9d3a1d.js";
9
9
  import "../../../../contexts/DarkModeContext.js";
10
10
  import "../../../../contexts/RotationContext.js";
11
11
  import "../../../../contexts/LayerContext.js";
@@ -58,7 +58,7 @@ import "../PropertyItem.js";
58
58
  import "../../../../RotateTool.module-67946714.js";
59
59
  import "../../../../index-c9a2990a.js";
60
60
  import "react-dom";
61
- import "../../../../index-808ea7bf.js";
61
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
62
62
  import "../../../../utils/withRef.js";
63
63
  import "../../../../clsx-0c6e471a.js";
64
64
  import "../../../../utils/hooks/useLoadPdf.js";
@@ -99,7 +99,7 @@ import "../DarkModeTool.js";
99
99
  import "../../../icons/MoonIcon.js";
100
100
  import "../../../icons/SunIcon.js";
101
101
  import "../../../icons/ThreeDotIcon.js";
102
- import "../../../../index-a48ec088.js";
102
+ import "../../../../index-3bf64864.js";
103
103
  import "../../../icons/CloseIcon.js";
104
104
  import "../DocumentProperties.js";
105
105
  import "../../../icons/InfoIcon.js";
@@ -5,7 +5,7 @@ import { UIButton as l } from "../../../ui/Button.js";
5
5
  import { DualPageWithCoverIcon as u } from "../../../icons/DualPageWithCoverIcon.js";
6
6
  import "../../../../contexts/RPDocumentContext.js";
7
7
  import "../../../../contexts/DocumentPasswordContext.js";
8
- import "../../../../ToolbarLayout.module-00eddd49.js";
8
+ import "../../../../ToolbarLayout.module-3c9d3a1d.js";
9
9
  import "../../../../contexts/DarkModeContext.js";
10
10
  import { ScrollMode as C } from "../../../../utils/types.js";
11
11
  import "../../../../contexts/RotationContext.js";
@@ -59,7 +59,7 @@ import "../PropertyItem.js";
59
59
  import "../../../../RotateTool.module-67946714.js";
60
60
  import "../../../../index-c9a2990a.js";
61
61
  import "react-dom";
62
- import "../../../../index-808ea7bf.js";
62
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
63
63
  import "../../../../utils/withRef.js";
64
64
  import "../../../../clsx-0c6e471a.js";
65
65
  import "../../../../utils/hooks/useLoadPdf.js";
@@ -99,7 +99,7 @@ import "../DarkModeTool.js";
99
99
  import "../../../icons/MoonIcon.js";
100
100
  import "../../../icons/SunIcon.js";
101
101
  import "../../../icons/ThreeDotIcon.js";
102
- import "../../../../index-a48ec088.js";
102
+ import "../../../../index-3bf64864.js";
103
103
  import "../../../icons/CloseIcon.js";
104
104
  import "../DocumentProperties.js";
105
105
  import "../../../icons/InfoIcon.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import { FileDownloadDefaultIcon as m } from "../../../icons/FileDownloadDefaultIcon.js";
3
3
  import { UIButton as p } from "../../../ui/Button.js";
4
- import { b as n } from "../../../../ToolbarLayout.module-00eddd49.js";
4
+ import { b as n } from "../../../../ToolbarLayout.module-3c9d3a1d.js";
5
5
  import d from "../../../ui/RPTooltip.js";
6
6
  import { useLocalizationContext as l } from "../../../../contexts/LocalizationContext.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -83,8 +83,8 @@ import "react-dom";
83
83
  import "../../../icons/CheckIcon.js";
84
84
  import "../../../../contexts/IconContext.js";
85
85
  import "../../../ui/DropDown.js";
86
- import "../../../../index-a48ec088.js";
87
- import "../../../../index-808ea7bf.js";
86
+ import "../../../../index-3bf64864.js";
87
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
88
88
  import "../MenuItem.js";
89
89
  import "../MenuSeparator.js";
90
90
  import "../../../../utils/dateFormatter.js";
@@ -21,7 +21,7 @@ import "../../../../utils/convertPdfDate.js";
21
21
  import "../../../../utils/formatFileSize.js";
22
22
  import "../../../../index-c9a2990a.js";
23
23
  import "react-dom";
24
- import "../../../../index-808ea7bf.js";
24
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
25
25
  import "../../../../utils/hooks/useLocalization.js";
26
26
  const d = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), A = ({ icon: t }) => {
27
27
  const { openFile: r } = n(), { localeMessages: o } = e();
@@ -10,7 +10,7 @@ import "../../../../clsx-0c6e471a.js";
10
10
  import "../../../../utils/withRef.js";
11
11
  import "../../../../index-c9a2990a.js";
12
12
  import "react-dom";
13
- import "../../../../index-808ea7bf.js";
13
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
14
14
  import "../../../../utils/appConsole.js";
15
15
  import "../../../../utils/hooks/useLocalization.js";
16
16
  import "../../../../th_TH-d1686d95.js";
@@ -0,0 +1,35 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import m from "../../../ui/RPTooltip.js";
3
+ import { UIButton as n } from "../../../ui/Button.js";
4
+ import { HorizontalScrollingIcon as p } from "../../../icons/HorizontalScrollingIcon.js";
5
+ import { ScrollMode as l } from "../../../../utils/types.js";
6
+ import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
7
+ import { useScrollModeContext as f } from "../../../../contexts/ScrollModeContext.js";
8
+ import "react";
9
+ import "../../../../index-c9a2990a.js";
10
+ import "react-dom";
11
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
12
+ import "../../../../utils/withRef.js";
13
+ import "../../../../clsx-0c6e471a.js";
14
+ import "../../../../th_TH-d1686d95.js";
15
+ import "../../../../utils/appConsole.js";
16
+ import "../../../../utils/hooks/useLocalization.js";
17
+ import "../../../../contexts/InitialStateContext.js";
18
+ const S = ({
19
+ children: t,
20
+ className: i,
21
+ localeMessages: o
22
+ }) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.horizontalTooltip, children: t }), B = ({ icon: t }) => {
23
+ const { setScrollMode: i } = f(), { localeMessages: o } = c();
24
+ return /* @__PURE__ */ r(S, { localeMessages: o, children: /* @__PURE__ */ r(
25
+ n,
26
+ {
27
+ onClick: () => i(l.HORIZONTAL_SCROLLING),
28
+ "aria-label": o == null ? void 0 : o.horizontalTooltip,
29
+ children: t || /* @__PURE__ */ r(p, {})
30
+ }
31
+ ) });
32
+ };
33
+ export {
34
+ B as HorizontalScrollingTool
35
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as u, Fragment as d, jsx as c } from "react/jsx-runtime";
2
2
  import { useState as h, useEffect as x, useCallback as n } from "react";
3
- import { u as S, f as l } from "../../../../ToolbarLayout.module-00eddd49.js";
3
+ import { u as S, f as l } from "../../../../ToolbarLayout.module-3c9d3a1d.js";
4
4
  import { useLocalizationContext as v } from "../../../../contexts/LocalizationContext.js";
5
5
  import y from "../../../ui/RPTooltip.js";
6
6
  import { UIInput as C } from "../../../ui/Input.js";
@@ -82,8 +82,8 @@ import "react-dom";
82
82
  import "../../../icons/CheckIcon.js";
83
83
  import "../../../../contexts/IconContext.js";
84
84
  import "../../../ui/DropDown.js";
85
- import "../../../../index-a48ec088.js";
86
- import "../../../../index-808ea7bf.js";
85
+ import "../../../../index-3bf64864.js";
86
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
87
87
  import "../MenuItem.js";
88
88
  import "../MenuSeparator.js";
89
89
  import "../../../../utils/dateFormatter.js";
@@ -2,7 +2,7 @@ import { jsx as i, Fragment as d } from "react/jsx-runtime";
2
2
  import { useMemo as l } from "react";
3
3
  import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
4
4
  import { UIButton as f } from "../../../ui/Button.js";
5
- import { u as s } from "../../../../ToolbarLayout.module-00eddd49.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-3c9d3a1d.js";
6
6
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
7
7
  import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
8
8
  import "../../../../contexts/RPDocumentContext.js";
@@ -92,8 +92,8 @@ import "../../../icons/SunIcon.js";
92
92
  import "../../../icons/ThreeDotIcon.js";
93
93
  import "../../../../index-c9a2990a.js";
94
94
  import "react-dom";
95
- import "../../../../index-808ea7bf.js";
96
- import "../../../../index-a48ec088.js";
95
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
96
+ import "../../../../index-3bf64864.js";
97
97
  import "../../../icons/CloseIcon.js";
98
98
  import "../DocumentProperties.js";
99
99
  import "../../../icons/InfoIcon.js";
@@ -0,0 +1,35 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import m from "../../../ui/RPTooltip.js";
3
+ import { UIButton as p } from "../../../ui/Button.js";
4
+ import { PageScrollingIcon as n } from "../../../icons/PageScrollingIcon.js";
5
+ import { ScrollMode as l } from "../../../../utils/types.js";
6
+ import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
7
+ import { useScrollModeContext as S } from "../../../../contexts/ScrollModeContext.js";
8
+ import "react";
9
+ import "../../../../index-c9a2990a.js";
10
+ import "react-dom";
11
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
12
+ import "../../../../utils/withRef.js";
13
+ import "../../../../clsx-0c6e471a.js";
14
+ import "../../../../th_TH-d1686d95.js";
15
+ import "../../../../utils/appConsole.js";
16
+ import "../../../../utils/hooks/useLocalization.js";
17
+ import "../../../../contexts/InitialStateContext.js";
18
+ const f = ({
19
+ children: r,
20
+ className: i,
21
+ localeMessages: o
22
+ }) => /* @__PURE__ */ t(m, { className: i, content: o == null ? void 0 : o.pageScrollingTooltip, children: r }), A = ({ icon: r }) => {
23
+ const { setScrollMode: i } = S(), { localeMessages: o } = c();
24
+ return /* @__PURE__ */ t(f, { localeMessages: o, children: /* @__PURE__ */ t(
25
+ p,
26
+ {
27
+ onClick: () => i(l.PAGE_SCROLLING),
28
+ "aria-label": o == null ? void 0 : o.pageScrollingTooltip,
29
+ children: r || /* @__PURE__ */ t(n, {})
30
+ }
31
+ ) });
32
+ };
33
+ export {
34
+ A as PageScrollingTool
35
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, Fragment as n } from "react/jsx-runtime";
2
2
  import { ChevronUpIcon as e } from "../../../icons/ChevronUpIcon.js";
3
3
  import { UIButton as a } from "../../../ui/Button.js";
4
- import { u as d } from "../../../../ToolbarLayout.module-00eddd49.js";
4
+ import { u as d } from "../../../../ToolbarLayout.module-3c9d3a1d.js";
5
5
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
6
6
  import c from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -82,8 +82,8 @@ import "react-dom";
82
82
  import "../../../icons/CheckIcon.js";
83
83
  import "../../../../contexts/IconContext.js";
84
84
  import "../../../ui/DropDown.js";
85
- import "../../../../index-a48ec088.js";
86
- import "../../../../index-808ea7bf.js";
85
+ import "../../../../index-3bf64864.js";
86
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
87
87
  import "../MenuItem.js";
88
88
  import "../MenuSeparator.js";
89
89
  import "../../../../utils/dateFormatter.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as p } from "../../../icons/PrintDefaultIcon.js";
3
3
  import { UIButton as m } from "../../../ui/Button.js";
4
- import { c as n } from "../../../../ToolbarLayout.module-00eddd49.js";
4
+ import { c as n } from "../../../../ToolbarLayout.module-3c9d3a1d.js";
5
5
  import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
6
6
  import u from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -83,8 +83,8 @@ import "react-dom";
83
83
  import "../../../icons/CheckIcon.js";
84
84
  import "../../../../contexts/IconContext.js";
85
85
  import "../../../ui/DropDown.js";
86
- import "../../../../index-a48ec088.js";
87
- import "../../../../index-808ea7bf.js";
86
+ import "../../../../index-3bf64864.js";
87
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
88
88
  import "../MenuItem.js";
89
89
  import "../MenuSeparator.js";
90
90
  import "../../../../utils/dateFormatter.js";
@@ -7,7 +7,7 @@ import { useLocalizationContext as C } from "../../../../contexts/LocalizationCo
7
7
  import "react";
8
8
  import "../../../../index-c9a2990a.js";
9
9
  import "react-dom";
10
- import "../../../../index-808ea7bf.js";
10
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
11
11
  import "../../../../utils/withRef.js";
12
12
  import "../../../../clsx-0c6e471a.js";
13
13
  import "../../../../contexts/RotationContext.js";
@@ -8,7 +8,7 @@ import { c as u } from "../../../../RotateTool.module-67946714.js";
8
8
  import "react";
9
9
  import "../../../../index-c9a2990a.js";
10
10
  import "react-dom";
11
- import "../../../../index-808ea7bf.js";
11
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
12
12
  import "../../../../utils/withRef.js";
13
13
  import "../../../../clsx-0c6e471a.js";
14
14
  import "../../../../contexts/RotationContext.js";
@@ -11,7 +11,7 @@ import "../../../../clsx-0c6e471a.js";
11
11
  import "../../../../utils/withRef.js";
12
12
  import "../../../../index-c9a2990a.js";
13
13
  import "react-dom";
14
- import "../../../../index-808ea7bf.js";
14
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
15
15
  import "../../../../utils/appConsole.js";
16
16
  import "../../../../utils/hooks/useLocalization.js";
17
17
  import "../../../../th_TH-d1686d95.js";
@@ -5,7 +5,7 @@ import { SinglePageIcon as n } from "../../../icons/SinglePageIcon.js";
5
5
  import "react";
6
6
  import "../../../../contexts/RPDocumentContext.js";
7
7
  import "../../../../contexts/DocumentPasswordContext.js";
8
- import "../../../../ToolbarLayout.module-00eddd49.js";
8
+ import "../../../../ToolbarLayout.module-3c9d3a1d.js";
9
9
  import "../../../../contexts/DarkModeContext.js";
10
10
  import "../../../../contexts/RotationContext.js";
11
11
  import "../../../../contexts/LayerContext.js";
@@ -58,7 +58,7 @@ import "../PropertyItem.js";
58
58
  import "../../../../RotateTool.module-67946714.js";
59
59
  import "../../../../index-c9a2990a.js";
60
60
  import "react-dom";
61
- import "../../../../index-808ea7bf.js";
61
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
62
62
  import "../../../../utils/withRef.js";
63
63
  import "../../../../clsx-0c6e471a.js";
64
64
  import "../../../../utils/hooks/useLoadPdf.js";
@@ -99,7 +99,7 @@ import "../DarkModeTool.js";
99
99
  import "../../../icons/MoonIcon.js";
100
100
  import "../../../icons/SunIcon.js";
101
101
  import "../../../icons/ThreeDotIcon.js";
102
- import "../../../../index-a48ec088.js";
102
+ import "../../../../index-3bf64864.js";
103
103
  import "../../../icons/CloseIcon.js";
104
104
  import "../DocumentProperties.js";
105
105
  import "../../../icons/InfoIcon.js";
@@ -14,7 +14,7 @@ import "../../../../utils/hooks/useLocalization.js";
14
14
  import "../../../../th_TH-d1686d95.js";
15
15
  import "../../../../index-c9a2990a.js";
16
16
  import "react-dom";
17
- import "../../../../index-808ea7bf.js";
17
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
18
18
  const q = ({ icons: o }) => {
19
19
  const { darkMode: m, setDarkMode: i } = f(), { localeMessages: t } = I(), p = o == null ? void 0 : o.lightModeIcon, n = o == null ? void 0 : o.darkModeIcon, e = m ? t == null ? void 0 : t.themeEnableLightTooltip : t == null ? void 0 : t.themeEnableDarkTooltip, d = a(() => {
20
20
  i((l) => !l);
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as n } from "react/jsx-runtime";
2
- import { e as l } from "../../../../ToolbarLayout.module-00eddd49.js";
2
+ import { e as l } from "../../../../ToolbarLayout.module-3c9d3a1d.js";
3
3
  import { ThumbnailIcon as a } from "../../../icons/Thumbnail.js";
4
4
  import { UIButton as e } from "../../../ui/Button.js";
5
5
  import h from "../../../ui/RPTooltip.js";
@@ -82,8 +82,8 @@ import "react-dom";
82
82
  import "../../../icons/CheckIcon.js";
83
83
  import "../../../../contexts/IconContext.js";
84
84
  import "../../../ui/DropDown.js";
85
- import "../../../../index-a48ec088.js";
86
- import "../../../../index-808ea7bf.js";
85
+ import "../../../../index-3bf64864.js";
86
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
87
87
  import "../MenuItem.js";
88
88
  import "../MenuSeparator.js";
89
89
  import "../../../../utils/dateFormatter.js";
@@ -0,0 +1,35 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import m from "../../../ui/RPTooltip.js";
3
+ import { UIButton as l } from "../../../ui/Button.js";
4
+ import { VerticalScrollingIcon as p } from "../../../icons/VerticalScrollingIcon.js";
5
+ import { ScrollMode as n } from "../../../../utils/types.js";
6
+ import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
7
+ import { useScrollModeContext as S } from "../../../../contexts/ScrollModeContext.js";
8
+ import "react";
9
+ import "../../../../index-c9a2990a.js";
10
+ import "react-dom";
11
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
12
+ import "../../../../utils/withRef.js";
13
+ import "../../../../clsx-0c6e471a.js";
14
+ import "../../../../th_TH-d1686d95.js";
15
+ import "../../../../utils/appConsole.js";
16
+ import "../../../../utils/hooks/useLocalization.js";
17
+ import "../../../../contexts/InitialStateContext.js";
18
+ const f = ({
19
+ children: r,
20
+ className: i,
21
+ localeMessages: o
22
+ }) => /* @__PURE__ */ t(m, { className: i, content: o == null ? void 0 : o.verticalScrollingTooltip, children: r }), B = ({ icon: r }) => {
23
+ const { setScrollMode: i } = S(), { localeMessages: o } = c();
24
+ return /* @__PURE__ */ t(f, { localeMessages: o, children: /* @__PURE__ */ t(
25
+ l,
26
+ {
27
+ onClick: () => i(n.VERTICAL_SCROLLING),
28
+ "aria-label": o == null ? void 0 : o.verticalScrollingTooltip,
29
+ children: r || /* @__PURE__ */ t(p, {})
30
+ }
31
+ ) });
32
+ };
33
+ export {
34
+ B as VerticalScrollingTool
35
+ };
@@ -31,7 +31,7 @@ import "../../../../clsx-0c6e471a.js";
31
31
  import "../../../../utils/withRef.js";
32
32
  import "../../../../index-c9a2990a.js";
33
33
  import "react-dom";
34
- import "../../../../index-808ea7bf.js";
34
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
35
35
  import "../../../../utils/hooks/useLocalization.js";
36
36
  const g = ({ icon: m }) => {
37
37
  const { currentZoom: t, setZoomLevel: i } = c(), { localeMessages: o } = Z(), n = d(() => {
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../../../contexts/RPDocumentContext.js";
4
4
  import "../../../../contexts/DocumentPasswordContext.js";
5
- import { Z as Em } from "../../../../ToolbarLayout.module-00eddd49.js";
5
+ import { Z as Em } from "../../../../ToolbarLayout.module-3c9d3a1d.js";
6
6
  import "../../../../contexts/DarkModeContext.js";
7
7
  import "../../../../utils/types.js";
8
8
  import "../../../../contexts/RotationContext.js";
@@ -95,10 +95,10 @@ import "../../../../utils/getWordPositionInPage.js";
95
95
  import "../../../../utils/smoothScrollTo.js";
96
96
  import "../FileUploadTool.js";
97
97
  import "../../../icons/FileUploadDefaultIcon.js";
98
- import "../../../../index-a48ec088.js";
98
+ import "../../../../index-3bf64864.js";
99
99
  import "../../../../index-c9a2990a.js";
100
100
  import "react-dom";
101
- import "../../../../index-808ea7bf.js";
101
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
102
102
  import "../DarkModeTool.js";
103
103
  import "../../../icons/MoonIcon.js";
104
104
  import "../../../icons/SunIcon.js";
@@ -2,10 +2,10 @@ import { jsx as r, Fragment as v, jsxs as e } from "react/jsx-runtime";
2
2
  import { useState as x, useRef as C, useEffect as A } from "react";
3
3
  import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
4
4
  import { UIButton as T } from "../../../ui/Button.js";
5
- import { g as n, Z as b } from "../../../../ToolbarLayout.module-00eddd49.js";
5
+ import { g as n, Z as b } from "../../../../ToolbarLayout.module-3c9d3a1d.js";
6
6
  import { UIDropDown as P } from "../../../ui/DropDown.js";
7
7
  import { useLayoutContainer as k } from "../../../../contexts/LayoutContainerContext.js";
8
- import { G as u } from "../../../../index-a48ec088.js";
8
+ import { G as u } from "../../../../index-3bf64864.js";
9
9
  import { MenuItem as c } from "../MenuItem.js";
10
10
  import { MenuSeparator as I } from "../MenuSeparator.js";
11
11
  import w from "../../../ui/RPTooltip.js";
@@ -109,7 +109,7 @@ import "../DarkModeTool.js";
109
109
  import "../../../icons/MoonIcon.js";
110
110
  import "../../../icons/SunIcon.js";
111
111
  import "../../../icons/ThreeDotIcon.js";
112
- import "../../../../index-808ea7bf.js";
112
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
113
113
  import "../DocumentProperties.js";
114
114
  import "../../../icons/InfoIcon.js";
115
115
  import "../RotateTool.js";
@@ -31,7 +31,7 @@ import "../../../../clsx-0c6e471a.js";
31
31
  import "../../../../utils/withRef.js";
32
32
  import "../../../../index-c9a2990a.js";
33
33
  import "react-dom";
34
- import "../../../../index-808ea7bf.js";
34
+ import "../../../../floating-ui.react-dom-d22a10b4.js";
35
35
  import "../../../../utils/hooks/useLocalization.js";
36
36
  const g = ({ icon: m }) => {
37
37
  const { currentZoom: t, setZoomLevel: i } = a(), { localeMessages: o } = O(), p = d(() => s(t), [t]), n = l(() => {
@@ -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 { h as t, S as y, P as C, i as R, j as v } from "../../../../../ToolbarLayout.module-00eddd49.js";
5
+ import { h as t, S as y, P as C, i as R, j as v } from "../../../../../ToolbarLayout.module-3c9d3a1d.js";
6
6
  import "../../../../../contexts/DarkModeContext.js";
7
7
  import "../../../../../contexts/RotationContext.js";
8
8
  import "../../../../../contexts/LayerContext.js";
@@ -99,8 +99,8 @@ import "../../DarkModeTool.js";
99
99
  import "../../../../icons/MoonIcon.js";
100
100
  import "../../../../icons/SunIcon.js";
101
101
  import "../../../../icons/ThreeDotIcon.js";
102
- import "../../../../../index-808ea7bf.js";
103
- import "../../../../../index-a48ec088.js";
102
+ import "../../../../../floating-ui.react-dom-d22a10b4.js";
103
+ import "../../../../../index-3bf64864.js";
104
104
  import "../../DocumentProperties.js";
105
105
  import "../../../../icons/InfoIcon.js";
106
106
  import "../../RotateTool.js";
@@ -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-00eddd49.js";
6
+ import "../../../../../ToolbarLayout.module-3c9d3a1d.js";
7
7
  import "../../../../icons/ChevronUpIcon.js";
8
8
  import "../../../../ui/Button.js";
9
9
  import "../../../../../clsx-0c6e471a.js";
@@ -79,13 +79,13 @@ import "../../../../../SearchCloseButton-08d57275.js";
79
79
  import "../../../../ui/RPTooltip.js";
80
80
  import "../../../../../index-c9a2990a.js";
81
81
  import "react-dom";
82
- import "../../../../../index-808ea7bf.js";
82
+ import "../../../../../floating-ui.react-dom-d22a10b4.js";
83
83
  import "../../../../icons/CloseIcon.js";
84
84
  import "../../../../ui/Checkbox.js";
85
85
  import "../../../../icons/CheckIcon.js";
86
86
  import "../../../../../contexts/IconContext.js";
87
87
  import "../../../../ui/DropDown.js";
88
- import "../../../../../index-a48ec088.js";
88
+ import "../../../../../index-3bf64864.js";
89
89
  import "../../MenuItem.js";
90
90
  import "../../MenuSeparator.js";
91
91
  import "../../../../../utils/dateFormatter.js";
@@ -4,11 +4,11 @@ import { InfoIcon as d } from "../../../../icons/InfoIcon.js";
4
4
  import { useOtherToolContext as l } from "../../../../../contexts/OtherToolContext.js";
5
5
  import f from "../../../../ui/RPTooltip.js";
6
6
  import { useLocalizationContext as h } from "../../../../../contexts/LocalizationContext.js";
7
- import "../../../../../index-a48ec088.js";
7
+ import "../../../../../index-3bf64864.js";
8
8
  import "react";
9
9
  import "../../../../../index-c9a2990a.js";
10
10
  import "react-dom";
11
- import "../../../../../index-808ea7bf.js";
11
+ import "../../../../../floating-ui.react-dom-d22a10b4.js";
12
12
  import "../../../../../clsx-0c6e471a.js";
13
13
  import "../../../../../utils/withRef.js";
14
14
  import "../../../../../utils/appConsole.js";
@@ -3,14 +3,14 @@ import e from "../../../../ui/RPTooltip.js";
3
3
  import { MenuItem as d } from "../../MenuItem.js";
4
4
  import { useViewportContext as a } from "../../../../../contexts/ViewportContext.js";
5
5
  import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
6
- import { b as c } from "../../../../../ToolbarLayout.module-00eddd49.js";
6
+ import { b as c } from "../../../../../ToolbarLayout.module-3c9d3a1d.js";
7
7
  import { FileDownloadDefaultIcon as f } from "../../../../icons/FileDownloadDefaultIcon.js";
8
8
  import "react";
9
9
  import "../../../../../index-c9a2990a.js";
10
10
  import "react-dom";
11
- import "../../../../../index-808ea7bf.js";
11
+ import "../../../../../floating-ui.react-dom-d22a10b4.js";
12
12
  import "../../../../../utils/withRef.js";
13
- import "../../../../../index-a48ec088.js";
13
+ import "../../../../../index-3bf64864.js";
14
14
  import "../../../../../clsx-0c6e471a.js";
15
15
  import "../../../../../contexts/LayoutContainerContext.js";
16
16
  import "../../../../../utils/appConsole.js";
@@ -6,7 +6,7 @@ import { useLocalizationContext as f } from "../../../../../contexts/Localizatio
6
6
  import "react";
7
7
  import "../../../../../contexts/RPDocumentContext.js";
8
8
  import "../../../../../contexts/DocumentPasswordContext.js";
9
- import "../../../../../ToolbarLayout.module-00eddd49.js";
9
+ import "../../../../../ToolbarLayout.module-3c9d3a1d.js";
10
10
  import "../../../../../contexts/DarkModeContext.js";
11
11
  import "../../../../../contexts/RotationContext.js";
12
12
  import "../../../../../contexts/LayerContext.js";
@@ -58,9 +58,9 @@ import "../../PropertyItem.js";
58
58
  import "../../../../../RotateTool.module-67946714.js";
59
59
  import "../../../../../index-c9a2990a.js";
60
60
  import "react-dom";
61
- import "../../../../../index-808ea7bf.js";
61
+ import "../../../../../floating-ui.react-dom-d22a10b4.js";
62
62
  import "../../../../../utils/withRef.js";
63
- import "../../../../../index-a48ec088.js";
63
+ import "../../../../../index-3bf64864.js";
64
64
  import "../../../../../clsx-0c6e471a.js";
65
65
  import "../../../../../utils/appConsole.js";
66
66
  import "../../../../../utils/hooks/useLocalization.js";
@@ -5,11 +5,11 @@ import { FullScreenIcon as f } from "../../../../icons/FullScreenIcon.js";
5
5
  import { useViewportContext as S } from "../../../../../contexts/ViewportContext.js";
6
6
  import { useFullScreenContext as d } from "../../../../../contexts/FullScreenContext.js";
7
7
  import { useLocalizationContext as x } from "../../../../../contexts/LocalizationContext.js";
8
- import "../../../../../index-a48ec088.js";
8
+ import "../../../../../index-3bf64864.js";
9
9
  import "react";
10
10
  import "../../../../../index-c9a2990a.js";
11
11
  import "react-dom";
12
- import "../../../../../index-808ea7bf.js";
12
+ import "../../../../../floating-ui.react-dom-d22a10b4.js";
13
13
  import "../../../../../clsx-0c6e471a.js";
14
14
  import "../../../../../utils/withRef.js";
15
15
  import "../../../../../contexts/LayoutContainerContext.js";
@@ -1,8 +1,8 @@
1
1
  import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
2
  import { MenuItem as a } from "../../MenuItem.js";
3
3
  import l from "../../../../ui/RPTooltip.js";
4
- import { u as C, s as G } from "../../../../../ToolbarLayout.module-00eddd49.js";
5
- import { G as L } from "../../../../../index-a48ec088.js";
4
+ import { u as C, s as G } from "../../../../../ToolbarLayout.module-3c9d3a1d.js";
5
+ import { G as L } from "../../../../../index-3bf64864.js";
6
6
  import { useMemo as d, useCallback as s } from "react";
7
7
  import "../../../../../contexts/RPDocumentContext.js";
8
8
  import "../../../../../contexts/DocumentPasswordContext.js";
@@ -60,7 +60,7 @@ import { GoToDownIcon as c } from "../../../../icons/GoToDownIcon.js";
60
60
  import "../../../../../clsx-0c6e471a.js";
61
61
  import "../../../../../index-c9a2990a.js";
62
62
  import "react-dom";
63
- import "../../../../../index-808ea7bf.js";
63
+ import "../../../../../floating-ui.react-dom-d22a10b4.js";
64
64
  import "../../../../../utils/withRef.js";
65
65
  import "../../../../icons/ChevronUpIcon.js";
66
66
  import "../../../../../utils/types.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as i, jsxs as e } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as l } from "../../../../icons/PrintDefaultIcon.js";
3
- import { c as u } from "../../../../../ToolbarLayout.module-00eddd49.js";
3
+ import { c as u } from "../../../../../ToolbarLayout.module-3c9d3a1d.js";
4
4
  import { useViewportContext as c } from "../../../../../contexts/ViewportContext.js";
5
5
  import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
6
6
  import { MenuItem as d } from "../../MenuItem.js";
@@ -84,8 +84,8 @@ import "react-dom";
84
84
  import "../../../../icons/CheckIcon.js";
85
85
  import "../../../../../contexts/IconContext.js";
86
86
  import "../../../../ui/DropDown.js";
87
- import "../../../../../index-a48ec088.js";
88
- import "../../../../../index-808ea7bf.js";
87
+ import "../../../../../index-3bf64864.js";
88
+ import "../../../../../floating-ui.react-dom-d22a10b4.js";
89
89
  import "../../MenuSeparator.js";
90
90
  import "../../../../../utils/dateFormatter.js";
91
91
  import "../../PropertyItem.js";