@pdf-viewer/react 1.16.1 → 1.17.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/dist/LayoutWrapper-3f4d0a19.js +20 -0
  2. package/dist/ToolbarLayout.module-0245d511.js +3653 -0
  3. package/dist/assets/style.css +1 -1
  4. package/dist/assets/style.js +2 -2
  5. package/dist/components/RPController.js +9 -8
  6. package/dist/components/RPDropFileZone.js +1 -1
  7. package/dist/components/RPPages.js +8 -7
  8. package/dist/components/RPProvider.js +9 -8
  9. package/dist/components/icons/DualPageWithCoverIcon.js +22 -0
  10. package/dist/components/layout/LayoutContainer.js +8 -7
  11. package/dist/components/layout/LayoutWrapper.js +1 -1
  12. package/dist/components/layout/RPDefaultLayout.js +8 -7
  13. package/dist/components/layout/RPLayout.js +9 -8
  14. package/dist/components/layout/WrapperLayout.js +1 -1
  15. package/dist/components/layout/sidebar/RPSidebar.js +8 -7
  16. package/dist/components/layout/sidebar/Thumbnail.js +8 -7
  17. package/dist/components/layout/sidebar/Thumbnails.js +8 -7
  18. package/dist/components/layout/toolbar/DarkModeTool.js +3 -3
  19. package/dist/components/layout/toolbar/DocumentDialog.js +8 -7
  20. package/dist/components/layout/toolbar/DocumentProperties.js +4 -4
  21. package/dist/components/layout/toolbar/FileDownloadTool.js +8 -7
  22. package/dist/components/layout/toolbar/FileUploadTool.js +4 -4
  23. package/dist/components/layout/toolbar/FullScreenTool.js +4 -4
  24. package/dist/components/layout/toolbar/MenuItem.js +3 -3
  25. package/dist/components/layout/toolbar/MenuSeparator.js +3 -3
  26. package/dist/components/layout/toolbar/MostPageTool.js +8 -7
  27. package/dist/components/layout/toolbar/OtherTool.js +8 -7
  28. package/dist/components/layout/toolbar/Paginate.js +8 -7
  29. package/dist/components/layout/toolbar/PrintTool.js +8 -7
  30. package/dist/components/layout/toolbar/RPMenuItem.js +3 -3
  31. package/dist/components/layout/toolbar/RPMoreOptions.js +49 -48
  32. package/dist/components/layout/toolbar/RPToolbar.js +8 -7
  33. package/dist/components/layout/toolbar/RPToolbarEnd.js +8 -7
  34. package/dist/components/layout/toolbar/RotateTool.js +4 -4
  35. package/dist/components/layout/toolbar/ScrollModeTool.js +38 -38
  36. package/dist/components/layout/toolbar/SearchCloseButton.js +3 -3
  37. package/dist/components/layout/toolbar/SearchResultNavigator.js +8 -7
  38. package/dist/components/layout/toolbar/SearchTool.js +8 -7
  39. package/dist/components/layout/toolbar/SelectionModeTool.js +4 -4
  40. package/dist/components/layout/toolbar/ThumbnailTool.js +9 -8
  41. package/dist/components/layout/toolbar/ToolbarCustom.js +9 -8
  42. package/dist/components/layout/toolbar/ToolbarDefault.js +9 -8
  43. package/dist/components/layout/toolbar/ToolbarLayout.js +9 -8
  44. package/dist/components/layout/toolbar/ViewModeTool.js +40 -31
  45. package/dist/components/layout/toolbar/ZoomTool.js +8 -7
  46. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +9 -8
  47. package/dist/components/layout/toolbar/tools/DualPageTool.js +26 -17
  48. package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +152 -0
  49. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +9 -8
  50. package/dist/components/layout/toolbar/tools/FileUploadTool.js +3 -3
  51. package/dist/components/layout/toolbar/tools/FullScreenTool.js +3 -3
  52. package/dist/components/layout/toolbar/tools/InputPageTool.js +9 -8
  53. package/dist/components/layout/toolbar/tools/NextPageTool.js +9 -8
  54. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +9 -8
  55. package/dist/components/layout/toolbar/tools/PrintTool.js +9 -8
  56. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +3 -3
  57. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +3 -3
  58. package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +3 -3
  59. package/dist/components/layout/toolbar/tools/SinglePageTool.js +9 -8
  60. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +3 -3
  61. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +9 -8
  62. package/dist/components/layout/toolbar/tools/ZoomInTool.js +3 -3
  63. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +8 -7
  64. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +9 -8
  65. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +3 -3
  66. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +9 -8
  67. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +9 -8
  68. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +4 -4
  69. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +9 -8
  70. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +9 -8
  71. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +4 -4
  72. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +9 -8
  73. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +9 -8
  74. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +4 -4
  75. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +32 -32
  76. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +4 -4
  77. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +33 -27
  78. package/dist/components/page/AnnotationLayer.js +8 -7
  79. package/dist/components/page/CanvasLayer.js +8 -7
  80. package/dist/components/page/CustomElement.js +1 -1
  81. package/dist/components/page/DualPage.js +8 -7
  82. package/dist/components/page/DualPageWithCover.js +140 -0
  83. package/dist/components/page/RPPage.js +8 -7
  84. package/dist/components/page/SinglePage.js +8 -7
  85. package/dist/components/page/TextHighlightLayer.js +8 -7
  86. package/dist/components/page/TextLayer.js +8 -7
  87. package/dist/components/ui/Checkbox.js +1 -1
  88. package/dist/components/ui/DropDown.js +3 -3
  89. package/dist/components/ui/LoadingIndicator.js +8 -7
  90. package/dist/components/ui/PasswordModal.js +1 -1
  91. package/dist/components/ui/RPTooltip.js +415 -201
  92. package/dist/contexts/DimensionPagesContext.js +1 -1
  93. package/dist/contexts/DropFileZoneContext.js +1 -1
  94. package/dist/contexts/ElementPageContext.js +1 -1
  95. package/dist/contexts/FileInputContext.js +1 -1
  96. package/dist/contexts/HighlightContext.js +1 -1
  97. package/dist/contexts/LocalizationContext.js +1 -1
  98. package/dist/contexts/PagesRotateContext.js +1 -1
  99. package/dist/contexts/PaginationContext.js +10 -9
  100. package/dist/contexts/PrintContext.js +10 -9
  101. package/dist/contexts/RPDocumentContext.js +1 -1
  102. package/dist/contexts/RenderQueueProvider.js +10 -9
  103. package/dist/contexts/RotationContext.js +1 -1
  104. package/dist/contexts/ScrollModeContext.js +1 -1
  105. package/dist/contexts/SearchContext.js +10 -9
  106. package/dist/contexts/SelectionModeContext.js +1 -1
  107. package/dist/contexts/ThumbnailsContext.js +10 -9
  108. package/dist/contexts/ViewModeContext.js +19 -15
  109. package/dist/contexts/ZoomContext.js +1 -1
  110. package/dist/floating-ui.react-dom-6b2fe0df.js +1474 -0
  111. package/dist/{index-c9a2990a.js → index-35c7f4a2.js} +3 -3
  112. package/dist/index-f563c6f0.js +1889 -0
  113. package/dist/main.js +77 -74
  114. package/dist/th_TH-d1686d95.js +408 -0
  115. package/dist/types/components/icons/DualPageWithCoverIcon.d.ts +2 -0
  116. package/dist/types/components/layout/toolbar/tools/DualPageWithCoverTool.d.ts +3 -0
  117. package/dist/types/components/page/DualPageWithCover.d.ts +5 -0
  118. package/dist/types/locales/en_US.json.d.ts +2 -0
  119. package/dist/types/locales/it_IT.json.d.ts +2 -0
  120. package/dist/types/locales/pt_PT.json.d.ts +2 -0
  121. package/dist/types/locales/th_TH.json.d.ts +2 -0
  122. package/dist/types/locales/zh_CN.json.d.ts +2 -0
  123. package/dist/types/main.d.ts +1 -0
  124. package/dist/types/utils/calculatePage.d.ts +3 -3
  125. package/dist/types/utils/hooks/usePresentPage.d.ts +2 -1
  126. package/dist/types/utils/types.d.ts +8 -1
  127. package/dist/utils/annotations.js +1 -1
  128. package/dist/utils/calculatePage.js +17 -11
  129. package/dist/utils/getZoomLevel.js +9 -9
  130. package/dist/utils/hooks/useFileDownload.js +8 -7
  131. package/dist/utils/hooks/useLicense.js +1 -1
  132. package/dist/utils/hooks/useLoadPdf.js +1 -1
  133. package/dist/utils/hooks/useLocalization.js +1 -1
  134. package/dist/utils/hooks/usePageRotateContext.js +1 -1
  135. package/dist/utils/hooks/usePaginate.js +8 -7
  136. package/dist/utils/hooks/usePinch.js +1 -1
  137. package/dist/utils/hooks/usePresentPage.js +9 -8
  138. package/dist/utils/hooks/usePrint.js +8 -7
  139. package/dist/utils/hooks/useRotate.js +1 -1
  140. package/dist/utils/hooks/useScrollToPage.js +8 -7
  141. package/dist/utils/hooks/useSearch.js +8 -7
  142. package/dist/utils/hooks/useThumbnail.js +8 -7
  143. package/dist/utils/hooks/useVirtualReactWindow.js +8 -7
  144. package/dist/utils/types.js +2 -2
  145. package/package.json +1 -1
  146. package/dist/LayoutWrapper-6224491f.js +0 -19
  147. package/dist/ToolbarLayout.module-89b2bf85.js +0 -3549
  148. package/dist/index-808ea7bf.js +0 -1685
  149. package/dist/index-a48ec088.js +0 -1672
  150. package/dist/th_TH-d627cd51.js +0 -398
@@ -1,8 +1,8 @@
1
1
  import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
2
  import { MenuItem as a } from "../../MenuItem.js";
3
3
  import s from "../../../../ui/RPTooltip.js";
4
- import { u as C, s as G } from "../../../../../ToolbarLayout.module-89b2bf85.js";
5
- import { G as L } from "../../../../../index-a48ec088.js";
4
+ import { u as C, s as G } from "../../../../../ToolbarLayout.module-0245d511.js";
5
+ import { G as L } from "../../../../../index-f563c6f0.js";
6
6
  import { useMemo as l, useCallback as c } from "react";
7
7
  import "../../../../../contexts/RPDocumentContext.js";
8
8
  import "../../../../../contexts/DocumentPasswordContext.js";
@@ -43,7 +43,7 @@ import "../../../../../contexts/ToolbarComponentContext.js";
43
43
  import "../../../sidebar/RPSplitter.js";
44
44
  import "../../../WrapperLayout.js";
45
45
  import "../../../../RPDropFileZone.js";
46
- import "../../../../../LayoutWrapper-6224491f.js";
46
+ import "../../../../../LayoutWrapper-3f4d0a19.js";
47
47
  import "../../../../ui/Button.js";
48
48
  import "../../../../../SearchCloseButton-08d57275.js";
49
49
  import "../../../../ui/Input.js";
@@ -57,13 +57,13 @@ import "../../PropertyItem.js";
57
57
  import "../../../../../RotateTool.module-67946714.js";
58
58
  import { GoToDownIcon as d } from "../../../../icons/GoToDownIcon.js";
59
59
  import "../../../../../clsx-0c6e471a.js";
60
- import "../../../../../index-c9a2990a.js";
60
+ import "../../../../../index-35c7f4a2.js";
61
61
  import "react-dom";
62
- import "../../../../../index-808ea7bf.js";
62
+ import "../../../../../floating-ui.react-dom-6b2fe0df.js";
63
63
  import "../../../../../utils/withRef.js";
64
64
  import "../../../../icons/ChevronUpIcon.js";
65
65
  import "../../../../../utils/types.js";
66
- import "../../../../../th_TH-d627cd51.js";
66
+ import "../../../../../th_TH-d1686d95.js";
67
67
  import "../../../../../utils/highlight.js";
68
68
  import "../../../../../utils/charators.js";
69
69
  import "../../../../../utils/Queue.js";
@@ -112,6 +112,7 @@ import "../../../../icons/ClockwiseIcon.js";
112
112
  import "../../../../../utils/hooks/useRotate.js";
113
113
  import "../../ViewModeTool.js";
114
114
  import "../../../../icons/DualPageIcon.js";
115
+ import "../../../../icons/DualPageWithCoverIcon.js";
115
116
  import "../../../../icons/SinglePageIcon.js";
116
117
  import "../../../../icons/CheckIcon.js";
117
118
  import "../../ScrollModeTool.js";
@@ -134,7 +135,7 @@ import "../../../../icons/ClearIcon.js";
134
135
  import "../../../../../utils/hooks/useHighlight.js";
135
136
  import "../../../../icons/LightPdfIcon.js";
136
137
  import "../../../../icons/DarkPdfIcon.js";
137
- const u = { width: "100%" }, ti = (f) => {
138
+ const u = { width: "100%" }, ii = (f) => {
138
139
  const { icons: P, isToolVisible: h = !0 } = f, { firstPageIcon: e, lastPageIcon: n } = P ?? {}, { goToPage: i, totalPages: r, focusedPage: m } = C(), { localeMessages: o } = N(), T = l(() => m === 1, [m]), g = l(() => m === r, [m, r]), b = c(() => {
139
140
  i(1);
140
141
  }, [i]), x = c(() => {
@@ -153,5 +154,5 @@ const u = { width: "100%" }, ti = (f) => {
153
154
  ] }) : null;
154
155
  };
155
156
  export {
156
- ti as MostPageTool
157
+ ii as MostPageTool
157
158
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as o, jsxs as e } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as l } from "../../../../icons/PrintDefaultIcon.js";
3
- import { c } from "../../../../../ToolbarLayout.module-89b2bf85.js";
3
+ import { c } from "../../../../../ToolbarLayout.module-0245d511.js";
4
4
  import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
5
5
  import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
6
6
  import { MenuItem as s } from "../../MenuItem.js";
@@ -12,7 +12,7 @@ import "../../../../../clsx-0c6e471a.js";
12
12
  import "../../../../../utils/withRef.js";
13
13
  import "../../../../ui/Input.js";
14
14
  import "../../../../../utils/types.js";
15
- import "../../../../../th_TH-d627cd51.js";
15
+ import "../../../../../th_TH-d1686d95.js";
16
16
  import "../../../../../contexts/ScrollModeContext.js";
17
17
  import "../../../../../utils/appConsole.js";
18
18
  import "../../../../../contexts/InitialStateContext.js";
@@ -74,17 +74,17 @@ import "../../../WrapperLayout.js";
74
74
  import "../../../../RPDropFileZone.js";
75
75
  import "../../../../icons/LightPdfIcon.js";
76
76
  import "../../../../icons/DarkPdfIcon.js";
77
- import "../../../../../LayoutWrapper-6224491f.js";
77
+ import "../../../../../LayoutWrapper-3f4d0a19.js";
78
78
  import "../../../../../SearchCloseButton-08d57275.js";
79
79
  import "../../../../icons/CloseIcon.js";
80
80
  import "../../../../ui/Checkbox.js";
81
- import "../../../../../index-c9a2990a.js";
81
+ import "../../../../../index-35c7f4a2.js";
82
82
  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-f563c6f0.js";
87
+ import "../../../../../floating-ui.react-dom-6b2fe0df.js";
88
88
  import "../../MenuSeparator.js";
89
89
  import "../../../../../utils/dateFormatter.js";
90
90
  import "../../PropertyItem.js";
@@ -117,6 +117,7 @@ import "../../../../icons/ClockwiseIcon.js";
117
117
  import "../../../../../utils/hooks/useRotate.js";
118
118
  import "../../ViewModeTool.js";
119
119
  import "../../../../icons/DualPageIcon.js";
120
+ import "../../../../icons/DualPageWithCoverIcon.js";
120
121
  import "../../../../icons/SinglePageIcon.js";
121
122
  import "../../ScrollModeTool.js";
122
123
  import "../../../../icons/PageScrollingIcon.js";
@@ -134,7 +135,7 @@ import "../../../../icons/ZoomOutIcon.js";
134
135
  import "../../../../../utils/zoom.js";
135
136
  import "../../../../icons/SearchIcon.js";
136
137
  import "../../../../icons/ClearIcon.js";
137
- const Oo = (m) => {
138
+ const Qo = (m) => {
138
139
  const { icon: r, isToolVisible: p = !0 } = m, { print: n } = c(), { isSmallScreen: i } = f(), { localeMessages: t } = u();
139
140
  if (!p || !i)
140
141
  return null;
@@ -145,5 +146,5 @@ const Oo = (m) => {
145
146
  ] }) });
146
147
  };
147
148
  export {
148
- Oo as PrintTool
149
+ Qo as PrintTool
149
150
  };
@@ -2,16 +2,16 @@ import { jsx as t, Fragment as C, jsxs as r } from "react/jsx-runtime";
2
2
  import { c as d } from "../../../../../RotateTool.module-67946714.js";
3
3
  import { MenuItem as e } from "../../MenuItem.js";
4
4
  import n from "../../../../ui/RPTooltip.js";
5
- import { G as f } from "../../../../../index-a48ec088.js";
5
+ import { G as f } from "../../../../../index-f563c6f0.js";
6
6
  import { ClockwiseIcon as p } from "../../../../icons/ClockwiseIcon.js";
7
7
  import { MenuSeparator as k } from "../../MenuSeparator.js";
8
8
  import { useRotate as h } from "../../../../../utils/hooks/useRotate.js";
9
9
  import { useLocalizationContext as w } from "../../../../../contexts/LocalizationContext.js";
10
10
  import "../../../../../clsx-0c6e471a.js";
11
11
  import "react";
12
- import "../../../../../index-c9a2990a.js";
12
+ import "../../../../../index-35c7f4a2.js";
13
13
  import "react-dom";
14
- import "../../../../../index-808ea7bf.js";
14
+ import "../../../../../floating-ui.react-dom-6b2fe0df.js";
15
15
  import "../../../../../utils/withRef.js";
16
16
  import "../../../../../contexts/RotationContext.js";
17
17
  import "../../../../../utils/appConsole.js";
@@ -20,7 +20,7 @@ import "../../../../../contexts/RPDocumentContext.js";
20
20
  import "../../../../../utils/hooks/useLoadPdf.js";
21
21
  import "pdfjs-dist";
22
22
  import "../../../../../utils/types.js";
23
- import "../../../../../th_TH-d627cd51.js";
23
+ import "../../../../../th_TH-d1686d95.js";
24
24
  import "../../../../../utils/getThumbnailViewport.js";
25
25
  import "../../../../../contexts/ConfigContext.js";
26
26
  import "../../../../../contexts/DocumentPasswordContext.js";
@@ -1,52 +1,52 @@
1
- import { jsx as r, Fragment as f, jsxs as t } from "react/jsx-runtime";
2
- import { useMemo as N } from "react";
3
- import l from "../../../../ui/RPTooltip.js";
4
- import { G as C } from "../../../../../index-a48ec088.js";
5
- import { MenuItem as e } from "../../MenuItem.js";
6
- import { PageScrollingIcon as G } from "../../../../icons/PageScrollingIcon.js";
7
- import { VerticalScrollingIcon as R } from "../../../../icons/VerticalScrollingIcon.js";
8
- import { HorizontalScrollingIcon as O } from "../../../../icons/HorizontalScrollingIcon.js";
9
- import { useScrollModeContext as T } from "../../../../../contexts/ScrollModeContext.js";
10
- import { ViewMode as A, ScrollMode as i } from "../../../../../utils/types.js";
11
- import { CheckIcon as c } from "../../../../icons/CheckIcon.js";
12
- import { useViewModeContext as v } from "../../../../../contexts/ViewModeContext.js";
13
- import { useLocalizationContext as _ } from "../../../../../contexts/LocalizationContext.js";
14
- import "../../../../../index-c9a2990a.js";
1
+ import { jsx as r, Fragment as N, jsxs as t } from "react/jsx-runtime";
2
+ import { useMemo as C } from "react";
3
+ import e from "../../../../ui/RPTooltip.js";
4
+ import { G } from "../../../../../index-f563c6f0.js";
5
+ import { MenuItem as c } from "../../MenuItem.js";
6
+ import { PageScrollingIcon as R } from "../../../../icons/PageScrollingIcon.js";
7
+ import { VerticalScrollingIcon as O } from "../../../../icons/VerticalScrollingIcon.js";
8
+ import { HorizontalScrollingIcon as T } from "../../../../icons/HorizontalScrollingIcon.js";
9
+ import { useScrollModeContext as A } from "../../../../../contexts/ScrollModeContext.js";
10
+ import { ViewMode as S, ScrollMode as i } from "../../../../../utils/types.js";
11
+ import { CheckIcon as p } from "../../../../icons/CheckIcon.js";
12
+ import { useViewModeContext as _ } from "../../../../../contexts/ViewModeContext.js";
13
+ import { useLocalizationContext as v } from "../../../../../contexts/LocalizationContext.js";
14
+ import "../../../../../index-35c7f4a2.js";
15
15
  import "react-dom";
16
- import "../../../../../index-808ea7bf.js";
16
+ import "../../../../../floating-ui.react-dom-6b2fe0df.js";
17
17
  import "../../../../../utils/withRef.js";
18
18
  import "../../../../../clsx-0c6e471a.js";
19
19
  import "../../../../../utils/appConsole.js";
20
20
  import "../../../../../contexts/InitialStateContext.js";
21
- import "../../../../../th_TH-d627cd51.js";
21
+ import "../../../../../th_TH-d1686d95.js";
22
22
  import "../../../../../utils/hooks/useLocalization.js";
23
- const Q = (S) => {
24
- const { icons: h, isToolVisible: I = !0 } = S, { pageScrollIcon: p, verticalScrollIcon: d, horizontalScrollIcon: u } = h ?? {}, { viewMode: L } = v(), { scrollMode: n, setScrollMode: m } = T(), { localeMessages: o } = _(), a = N(() => L === A.DUAL_PAGE, [L]);
25
- return I ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ t(C, { children: [
26
- /* @__PURE__ */ r(e, { onClick: () => m(i.PAGE_SCROLLING), children: /* @__PURE__ */ t(l, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
27
- /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: p || /* @__PURE__ */ r(G, {}) }),
23
+ const M = (I) => {
24
+ const { icons: h, isToolVisible: a = !0 } = I, { pageScrollIcon: d, verticalScrollIcon: u, horizontalScrollIcon: L } = h ?? {}, { viewMode: n } = _(), { scrollMode: m, setScrollMode: l } = A(), { localeMessages: o } = v(), f = C(() => n === S.DUAL_PAGE || n === S.DUAL_PAGE_WITH_COVER, [n]);
25
+ return a ? /* @__PURE__ */ r(N, { children: /* @__PURE__ */ t(G, { children: [
26
+ /* @__PURE__ */ r(c, { onClick: () => l(i.PAGE_SCROLLING), children: /* @__PURE__ */ t(e, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
27
+ /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: d || /* @__PURE__ */ r(R, {}) }),
28
28
  o == null ? void 0 : o.pageScrollingLabel,
29
- n === i.PAGE_SCROLLING ? /* @__PURE__ */ r(c, { className: "rp-menu-item-right" }) : null
29
+ m === i.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
30
30
  ] }) }),
31
- /* @__PURE__ */ r(e, { onClick: () => m(i.VERTICAL_SCROLLING), children: /* @__PURE__ */ t(l, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
32
- /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: d || /* @__PURE__ */ r(R, {}) }),
31
+ /* @__PURE__ */ r(c, { onClick: () => l(i.VERTICAL_SCROLLING), children: /* @__PURE__ */ t(e, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
32
+ /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: u || /* @__PURE__ */ r(O, {}) }),
33
33
  o == null ? void 0 : o.verticalScrollingLabel,
34
- n === i.VERTICAL_SCROLLING ? /* @__PURE__ */ r(c, { className: "rp-menu-item-right" }) : null
34
+ m === i.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
35
35
  ] }) }),
36
36
  /* @__PURE__ */ r(
37
- e,
37
+ c,
38
38
  {
39
- disabled: a,
40
- onClick: () => m(i.HORIZONTAL_SCROLLING),
41
- children: /* @__PURE__ */ t(l, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
42
- /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: u || /* @__PURE__ */ r(O, {}) }),
39
+ disabled: f,
40
+ onClick: () => l(i.HORIZONTAL_SCROLLING),
41
+ children: /* @__PURE__ */ t(e, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
42
+ /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: L || /* @__PURE__ */ r(T, {}) }),
43
43
  o == null ? void 0 : o.horizontalLabel,
44
- n === i.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(c, { className: "rp-menu-item-right" }) : null
44
+ m === i.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
45
45
  ] })
46
46
  }
47
47
  )
48
48
  ] }) }) : null;
49
49
  };
50
50
  export {
51
- Q as ScrollModeTool
51
+ M as ScrollModeTool
52
52
  };
@@ -1,6 +1,6 @@
1
1
  import { jsx as t, Fragment as a, jsxs as e } from "react/jsx-runtime";
2
2
  import l from "../../../../ui/RPTooltip.js";
3
- import { G as T } from "../../../../../index-a48ec088.js";
3
+ import { G as T } from "../../../../../index-f563c6f0.js";
4
4
  import { TextSelectionDefaultIcon as x } from "../../../../icons/TextSelectionDefaultIcon.js";
5
5
  import { HandModeDefaultIcon as S } from "../../../../icons/HandModeDefaultIcon.js";
6
6
  import { CheckIcon as p } from "../../../../icons/CheckIcon.js";
@@ -10,12 +10,12 @@ import { MenuSeparator as N } from "../../MenuSeparator.js";
10
10
  import { useSelectionModeContext as s } from "../../../../../contexts/SelectionModeContext.js";
11
11
  import { useLocalizationContext as I } from "../../../../../contexts/LocalizationContext.js";
12
12
  import "react";
13
- import "../../../../../index-c9a2990a.js";
13
+ import "../../../../../index-35c7f4a2.js";
14
14
  import "react-dom";
15
- import "../../../../../index-808ea7bf.js";
15
+ import "../../../../../floating-ui.react-dom-6b2fe0df.js";
16
16
  import "../../../../../utils/withRef.js";
17
17
  import "../../../../../clsx-0c6e471a.js";
18
- import "../../../../../th_TH-d627cd51.js";
18
+ import "../../../../../th_TH-d1686d95.js";
19
19
  import "../../../../../utils/appConsole.js";
20
20
  import "../../../../../utils/hooks/useLocalization.js";
21
21
  const y = (u) => {
@@ -1,41 +1,47 @@
1
- import { jsx as r, Fragment as h, jsxs as i } from "react/jsx-runtime";
2
- import { useMemo as I } from "react";
3
- import l from "../../../../ui/RPTooltip.js";
4
- import { G as N } from "../../../../../index-a48ec088.js";
5
- import { MenuSeparator as L } from "../../MenuSeparator.js";
6
- import { MenuItem as p } from "../../MenuItem.js";
7
- import { DualPageIcon as C } from "../../../../icons/DualPageIcon.js";
8
- import { SinglePageIcon as S } from "../../../../icons/SinglePageIcon.js";
9
- import { useViewModeContext as x } from "../../../../../contexts/ViewModeContext.js";
10
- import { ScrollMode as G, ViewMode as c } from "../../../../../utils/types.js";
11
- import { CheckIcon as u } from "../../../../icons/CheckIcon.js";
12
- import { useScrollModeContext as T } from "../../../../../contexts/ScrollModeContext.js";
13
- import { useLocalizationContext as b } from "../../../../../contexts/LocalizationContext.js";
14
- import "../../../../../index-c9a2990a.js";
1
+ import { jsx as i, Fragment as I, jsxs as r } from "react/jsx-runtime";
2
+ import { useMemo as N } from "react";
3
+ import e from "../../../../ui/RPTooltip.js";
4
+ import { G as L } from "../../../../../index-f563c6f0.js";
5
+ import { MenuSeparator as v } from "../../MenuSeparator.js";
6
+ import { MenuItem as m } from "../../MenuItem.js";
7
+ import { DualPageIcon as T } from "../../../../icons/DualPageIcon.js";
8
+ import { DualPageWithCoverIcon as b } from "../../../../icons/DualPageWithCoverIcon.js";
9
+ import { SinglePageIcon as D } from "../../../../icons/SinglePageIcon.js";
10
+ import { useViewModeContext as G } from "../../../../../contexts/ViewModeContext.js";
11
+ import { ScrollMode as S, ViewMode as n } from "../../../../../utils/types.js";
12
+ import { CheckIcon as l } from "../../../../icons/CheckIcon.js";
13
+ import { useScrollModeContext as x } from "../../../../../contexts/ScrollModeContext.js";
14
+ import { useLocalizationContext as A } from "../../../../../contexts/LocalizationContext.js";
15
+ import "../../../../../index-35c7f4a2.js";
15
16
  import "react-dom";
16
- import "../../../../../index-808ea7bf.js";
17
+ import "../../../../../floating-ui.react-dom-6b2fe0df.js";
17
18
  import "../../../../../utils/withRef.js";
18
19
  import "../../../../../clsx-0c6e471a.js";
19
20
  import "../../../../../utils/appConsole.js";
20
21
  import "../../../../../contexts/InitialStateContext.js";
21
- import "../../../../../th_TH-d627cd51.js";
22
+ import "../../../../../th_TH-d1686d95.js";
22
23
  import "../../../../../utils/hooks/useLocalization.js";
23
- const Q = (a) => {
24
- const { icons: d, isToolVisible: s = !0 } = a, { singlePageIcon: t, dualPageIcon: e } = d ?? {}, { viewMode: m, setDualPage: f, setSinglePage: P } = x(), { scrollMode: n } = T(), { localeMessages: o } = b(), g = I(() => [G.HORIZONTAL_SCROLLING].includes(n), [n]);
25
- return s ? /* @__PURE__ */ r(h, { children: /* @__PURE__ */ i(N, { children: [
26
- /* @__PURE__ */ r(p, { onClick: P, children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
27
- /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ r(S, {}) }),
24
+ const M = (h) => {
25
+ const { icons: P, isToolVisible: f = !0 } = h, { singlePageIcon: p, dualPageIcon: c, dualPageWithCoverIcon: u } = P ?? {}, { viewMode: t, setDualPage: s, setDualPageWithCover: C, setSinglePage: g } = G(), { scrollMode: a } = x(), { localeMessages: o } = A(), d = N(() => [S.HORIZONTAL_SCROLLING].includes(a), [a]);
26
+ return f ? /* @__PURE__ */ i(I, { children: /* @__PURE__ */ r(L, { children: [
27
+ /* @__PURE__ */ i(m, { onClick: g, children: /* @__PURE__ */ r(e, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
28
+ /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: p || /* @__PURE__ */ i(D, {}) }),
28
29
  o == null ? void 0 : o.singlePageLabel,
29
- m === c.SINGLE_PAGE ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
30
+ t === n.SINGLE_PAGE ? /* @__PURE__ */ i(l, { className: "rp-menu-item-right" }) : null
30
31
  ] }) }),
31
- /* @__PURE__ */ r(p, { disabled: g, onClick: f, children: /* @__PURE__ */ i(l, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
32
- /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: e || /* @__PURE__ */ r(C, {}) }),
32
+ /* @__PURE__ */ i(m, { disabled: d, onClick: s, children: /* @__PURE__ */ r(e, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
33
+ /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: c || /* @__PURE__ */ i(T, {}) }),
33
34
  o == null ? void 0 : o.dualPageLabel,
34
- m === c.DUAL_PAGE ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
35
+ t === n.DUAL_PAGE ? /* @__PURE__ */ i(l, { className: "rp-menu-item-right" }) : null
35
36
  ] }) }),
36
- /* @__PURE__ */ r(L, {})
37
+ /* @__PURE__ */ i(m, { disabled: d, onClick: C, children: /* @__PURE__ */ r(e, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: [
38
+ /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: u || /* @__PURE__ */ i(b, {}) }),
39
+ o == null ? void 0 : o.dualPageWithCoverLabel,
40
+ t === n.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ i(l, { className: "rp-menu-item-right" }) : null
41
+ ] }) }),
42
+ /* @__PURE__ */ i(v, {})
37
43
  ] }) }) : null;
38
44
  };
39
45
  export {
40
- Q as ViewModeTool
46
+ M as ViewModeTool
41
47
  };
@@ -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 { I as Cr } from "../../ToolbarLayout.module-89b2bf85.js";
5
+ import { I as Dr } from "../../ToolbarLayout.module-0245d511.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../utils/types.js";
8
8
  import "../../contexts/RotationContext.js";
@@ -41,7 +41,7 @@ import "../../contexts/ToolbarComponentContext.js";
41
41
  import "../layout/sidebar/RPSplitter.js";
42
42
  import "../layout/WrapperLayout.js";
43
43
  import "../RPDropFileZone.js";
44
- import "../../LayoutWrapper-6224491f.js";
44
+ import "../../LayoutWrapper-3f4d0a19.js";
45
45
  import "../ui/Button.js";
46
46
  import "../../SearchCloseButton-08d57275.js";
47
47
  import "../ui/Input.js";
@@ -59,7 +59,7 @@ import "../../utils/link_service.js";
59
59
  import "../../utils/annotations.js";
60
60
  import "../../utils/hooks/useLoadPdf.js";
61
61
  import "../../utils/getThumbnailViewport.js";
62
- import "../../th_TH-d627cd51.js";
62
+ import "../../th_TH-d1686d95.js";
63
63
  import "../../utils/appConsole.js";
64
64
  import "../../utils/hooks/usePdfProperties.js";
65
65
  import "../../utils/convertPdfDate.js";
@@ -93,10 +93,10 @@ import "../../utils/getWordPositionInPage.js";
93
93
  import "../../utils/smoothScrollTo.js";
94
94
  import "../layout/toolbar/FileUploadTool.js";
95
95
  import "../icons/FileUploadDefaultIcon.js";
96
- import "../../index-a48ec088.js";
97
- import "../../index-c9a2990a.js";
96
+ import "../../index-f563c6f0.js";
97
+ import "../../index-35c7f4a2.js";
98
98
  import "react-dom";
99
- import "../../index-808ea7bf.js";
99
+ import "../../floating-ui.react-dom-6b2fe0df.js";
100
100
  import "../layout/toolbar/DarkModeTool.js";
101
101
  import "../icons/MoonIcon.js";
102
102
  import "../icons/SunIcon.js";
@@ -110,6 +110,7 @@ import "../icons/ClockwiseIcon.js";
110
110
  import "../../utils/hooks/useRotate.js";
111
111
  import "../layout/toolbar/ViewModeTool.js";
112
112
  import "../icons/DualPageIcon.js";
113
+ import "../icons/DualPageWithCoverIcon.js";
113
114
  import "../icons/SinglePageIcon.js";
114
115
  import "../icons/CheckIcon.js";
115
116
  import "../layout/toolbar/ScrollModeTool.js";
@@ -135,5 +136,5 @@ import "../icons/LightPdfIcon.js";
135
136
  import "../icons/DarkPdfIcon.js";
136
137
  import "../../utils/sanitizeExternalUrl.js";
137
138
  export {
138
- Cr as AnnotationLayer
139
+ Dr as AnnotationLayer
139
140
  };
@@ -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 { G as Bo } from "../../ToolbarLayout.module-89b2bf85.js";
5
+ import { G as Do } from "../../ToolbarLayout.module-0245d511.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -40,7 +40,7 @@ import "../../contexts/ToolbarComponentContext.js";
40
40
  import "../layout/sidebar/RPSplitter.js";
41
41
  import "../layout/WrapperLayout.js";
42
42
  import "../RPDropFileZone.js";
43
- import "../../LayoutWrapper-6224491f.js";
43
+ import "../../LayoutWrapper-3f4d0a19.js";
44
44
  import "../ui/Button.js";
45
45
  import "../../SearchCloseButton-08d57275.js";
46
46
  import "../ui/Input.js";
@@ -56,7 +56,7 @@ import "../layout/toolbar/PropertyItem.js";
56
56
  import "../../RotateTool.module-67946714.js";
57
57
  import "../../utils/hooks/useLoadPdf.js";
58
58
  import "../../utils/types.js";
59
- import "../../th_TH-d627cd51.js";
59
+ import "../../th_TH-d1686d95.js";
60
60
  import "../../utils/getThumbnailViewport.js";
61
61
  import "../../utils/appConsole.js";
62
62
  import "../../utils/hooks/usePdfProperties.js";
@@ -94,10 +94,10 @@ import "../../utils/getWordPositionInPage.js";
94
94
  import "../../utils/smoothScrollTo.js";
95
95
  import "../layout/toolbar/FileUploadTool.js";
96
96
  import "../icons/FileUploadDefaultIcon.js";
97
- import "../../index-a48ec088.js";
98
- import "../../index-c9a2990a.js";
97
+ import "../../index-f563c6f0.js";
98
+ import "../../index-35c7f4a2.js";
99
99
  import "react-dom";
100
- import "../../index-808ea7bf.js";
100
+ import "../../floating-ui.react-dom-6b2fe0df.js";
101
101
  import "../layout/toolbar/DarkModeTool.js";
102
102
  import "../icons/MoonIcon.js";
103
103
  import "../icons/SunIcon.js";
@@ -111,6 +111,7 @@ import "../icons/ClockwiseIcon.js";
111
111
  import "../../utils/hooks/useRotate.js";
112
112
  import "../layout/toolbar/ViewModeTool.js";
113
113
  import "../icons/DualPageIcon.js";
114
+ import "../icons/DualPageWithCoverIcon.js";
114
115
  import "../icons/SinglePageIcon.js";
115
116
  import "../icons/CheckIcon.js";
116
117
  import "../layout/toolbar/ScrollModeTool.js";
@@ -135,5 +136,5 @@ import "../../utils/hooks/useHighlight.js";
135
136
  import "../icons/LightPdfIcon.js";
136
137
  import "../icons/DarkPdfIcon.js";
137
138
  export {
138
- Bo as CanvasLayer
139
+ Do as CanvasLayer
139
140
  };
@@ -2,7 +2,7 @@ import { jsx as m, Fragment as s } from "react/jsx-runtime";
2
2
  import { useRef as u, useMemo as l, useEffect as c } from "react";
3
3
  import { useElementPageContext as f } from "../../contexts/ElementPageContext.js";
4
4
  import "../../utils/types.js";
5
- import "../../th_TH-d627cd51.js";
5
+ import "../../th_TH-d1686d95.js";
6
6
  import "../../contexts/DimensionPagesContext.js";
7
7
  import "../../utils/appConsole.js";
8
8
  import "../../contexts/RPDocumentContext.js";
@@ -1,13 +1,13 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { N as Br } from "../../ToolbarLayout.module-89b2bf85.js";
3
+ import { N as Cr } from "../../ToolbarLayout.module-0245d511.js";
4
4
  import "../icons/ChevronUpIcon.js";
5
5
  import "../ui/Button.js";
6
6
  import "../../clsx-0c6e471a.js";
7
7
  import "../../utils/withRef.js";
8
8
  import "../ui/Input.js";
9
9
  import "../../utils/types.js";
10
- import "../../th_TH-d627cd51.js";
10
+ import "../../th_TH-d1686d95.js";
11
11
  import "../../contexts/ScrollModeContext.js";
12
12
  import "../../utils/appConsole.js";
13
13
  import "../../contexts/InitialStateContext.js";
@@ -72,18 +72,18 @@ import "../layout/WrapperLayout.js";
72
72
  import "../RPDropFileZone.js";
73
73
  import "../icons/LightPdfIcon.js";
74
74
  import "../icons/DarkPdfIcon.js";
75
- import "../../LayoutWrapper-6224491f.js";
75
+ import "../../LayoutWrapper-3f4d0a19.js";
76
76
  import "../../SearchCloseButton-08d57275.js";
77
77
  import "../ui/RPTooltip.js";
78
- import "../../index-c9a2990a.js";
78
+ import "../../index-35c7f4a2.js";
79
79
  import "react-dom";
80
- import "../../index-808ea7bf.js";
80
+ import "../../floating-ui.react-dom-6b2fe0df.js";
81
81
  import "../icons/CloseIcon.js";
82
82
  import "../ui/Checkbox.js";
83
83
  import "../icons/CheckIcon.js";
84
84
  import "../../contexts/IconContext.js";
85
85
  import "../ui/DropDown.js";
86
- import "../../index-a48ec088.js";
86
+ import "../../index-f563c6f0.js";
87
87
  import "../layout/toolbar/MenuItem.js";
88
88
  import "../layout/toolbar/MenuSeparator.js";
89
89
  import "../../utils/dateFormatter.js";
@@ -116,6 +116,7 @@ import "../icons/ClockwiseIcon.js";
116
116
  import "../../utils/hooks/useRotate.js";
117
117
  import "../layout/toolbar/ViewModeTool.js";
118
118
  import "../icons/DualPageIcon.js";
119
+ import "../icons/DualPageWithCoverIcon.js";
119
120
  import "../icons/SinglePageIcon.js";
120
121
  import "../layout/toolbar/ScrollModeTool.js";
121
122
  import "../icons/PageScrollingIcon.js";
@@ -135,5 +136,5 @@ import "../../utils/zoom.js";
135
136
  import "../icons/SearchIcon.js";
136
137
  import "../icons/ClearIcon.js";
137
138
  export {
138
- Br as DualPage
139
+ Cr as DualPage
139
140
  };