@pdf-viewer/react 1.17.0-beta.0 → 1.17.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 (114) hide show
  1. package/dist/ToolbarLayout.module-00eddd49.js +3746 -0
  2. package/dist/assets/style.css +1 -1
  3. package/dist/assets/style.js +1 -1
  4. package/dist/components/RPController.js +7 -6
  5. package/dist/components/RPPages.js +6 -5
  6. package/dist/components/RPProvider.js +7 -6
  7. package/dist/components/layout/LayoutContainer.js +6 -5
  8. package/dist/components/layout/RPDefaultLayout.js +6 -5
  9. package/dist/components/layout/RPLayout.js +28 -25
  10. package/dist/components/layout/SkipLink.js +28 -0
  11. package/dist/components/layout/sidebar/RPSidebar.js +6 -5
  12. package/dist/components/layout/sidebar/Thumbnail.js +6 -5
  13. package/dist/components/layout/sidebar/Thumbnails.js +6 -5
  14. package/dist/components/layout/toolbar/DarkModeTool.js +2 -2
  15. package/dist/components/layout/toolbar/DocumentDialog.js +6 -5
  16. package/dist/components/layout/toolbar/DocumentProperties.js +3 -3
  17. package/dist/components/layout/toolbar/FileDownloadTool.js +6 -5
  18. package/dist/components/layout/toolbar/FileUploadTool.js +3 -3
  19. package/dist/components/layout/toolbar/FullScreenTool.js +3 -3
  20. package/dist/components/layout/toolbar/MenuItem.js +3 -3
  21. package/dist/components/layout/toolbar/MenuSeparator.js +3 -3
  22. package/dist/components/layout/toolbar/MostPageTool.js +6 -5
  23. package/dist/components/layout/toolbar/OtherTool.js +6 -5
  24. package/dist/components/layout/toolbar/Paginate.js +6 -5
  25. package/dist/components/layout/toolbar/PrintTool.js +6 -5
  26. package/dist/components/layout/toolbar/RPMenuItem.js +3 -3
  27. package/dist/components/layout/toolbar/RPMoreOptions.js +17 -16
  28. package/dist/components/layout/toolbar/RPToolbar.js +6 -5
  29. package/dist/components/layout/toolbar/RPToolbarEnd.js +6 -5
  30. package/dist/components/layout/toolbar/RotateTool.js +3 -3
  31. package/dist/components/layout/toolbar/ScrollModeTool.js +3 -3
  32. package/dist/components/layout/toolbar/SearchCloseButton.js +2 -2
  33. package/dist/components/layout/toolbar/SearchResultNavigator.js +6 -5
  34. package/dist/components/layout/toolbar/SearchTool.js +6 -5
  35. package/dist/components/layout/toolbar/SelectionModeTool.js +3 -3
  36. package/dist/components/layout/toolbar/ThumbnailTool.js +7 -6
  37. package/dist/components/layout/toolbar/ToolbarCustom.js +43 -25
  38. package/dist/components/layout/toolbar/ToolbarDefault.js +38 -28
  39. package/dist/components/layout/toolbar/ToolbarLayout.js +7 -6
  40. package/dist/components/layout/toolbar/ViewModeTool.js +3 -3
  41. package/dist/components/layout/toolbar/ZoomTool.js +6 -5
  42. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +7 -6
  43. package/dist/components/layout/toolbar/tools/DualPageTool.js +17 -24
  44. package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +7 -6
  45. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +11 -10
  46. package/dist/components/layout/toolbar/tools/FileUploadTool.js +6 -6
  47. package/dist/components/layout/toolbar/tools/FullScreenTool.js +18 -17
  48. package/dist/components/layout/toolbar/tools/InputPageTool.js +40 -32
  49. package/dist/components/layout/toolbar/tools/NextPageTool.js +15 -13
  50. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +18 -16
  51. package/dist/components/layout/toolbar/tools/PrintTool.js +9 -8
  52. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +13 -6
  53. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +10 -10
  54. package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +18 -10
  55. package/dist/components/layout/toolbar/tools/SinglePageTool.js +8 -7
  56. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +12 -4
  57. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +18 -16
  58. package/dist/components/layout/toolbar/tools/ZoomInTool.js +16 -15
  59. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +6 -5
  60. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +75 -40
  61. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +13 -12
  62. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +7 -6
  63. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +7 -6
  64. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +11 -11
  65. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +25 -17
  66. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +24 -16
  67. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +22 -14
  68. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +38 -21
  69. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +25 -17
  70. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +33 -19
  71. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +47 -29
  72. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +40 -24
  73. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +48 -31
  74. package/dist/components/page/AnnotationLayer.js +6 -5
  75. package/dist/components/page/CanvasLayer.js +6 -5
  76. package/dist/components/page/DualPage.js +6 -5
  77. package/dist/components/page/DualPageWithCover.js +6 -5
  78. package/dist/components/page/RPPage.js +6 -5
  79. package/dist/components/page/SinglePage.js +6 -5
  80. package/dist/components/page/TextHighlightLayer.js +6 -5
  81. package/dist/components/page/TextLayer.js +6 -5
  82. package/dist/components/ui/Button.js +14 -12
  83. package/dist/components/ui/Checkbox.js +75 -68
  84. package/dist/components/ui/DropDown.js +3 -3
  85. package/dist/components/ui/Input.js +12 -11
  86. package/dist/components/ui/LoadingIndicator.js +6 -5
  87. package/dist/components/ui/PasswordModal.js +43 -29
  88. package/dist/components/ui/RPTooltip.js +201 -415
  89. package/dist/contexts/PaginationContext.js +8 -7
  90. package/dist/contexts/PrintContext.js +8 -7
  91. package/dist/contexts/RenderQueueProvider.js +8 -7
  92. package/dist/contexts/SearchContext.js +8 -7
  93. package/dist/contexts/ThumbnailsContext.js +8 -7
  94. package/dist/index-808ea7bf.js +1685 -0
  95. package/dist/index-a48ec088.js +1672 -0
  96. package/dist/{index-35c7f4a2.js → index-c9a2990a.js} +3 -3
  97. package/dist/main.js +91 -90
  98. package/dist/types/components/layout/SkipLink.d.ts +7 -0
  99. package/dist/types/components/ui/Checkbox.d.ts +1 -0
  100. package/dist/types/utils/annotations.d.ts +10 -0
  101. package/dist/utils/annotations.js +184 -158
  102. package/dist/utils/hooks/useFileDownload.js +6 -5
  103. package/dist/utils/hooks/useLicense.js +1 -1
  104. package/dist/utils/hooks/usePaginate.js +6 -5
  105. package/dist/utils/hooks/usePresentPage.js +6 -5
  106. package/dist/utils/hooks/usePrint.js +6 -5
  107. package/dist/utils/hooks/useScrollToPage.js +6 -5
  108. package/dist/utils/hooks/useSearch.js +6 -5
  109. package/dist/utils/hooks/useThumbnail.js +6 -5
  110. package/dist/utils/hooks/useVirtualReactWindow.js +6 -5
  111. package/package.json +1 -1
  112. package/dist/ToolbarLayout.module-0245d511.js +0 -3653
  113. package/dist/floating-ui.react-dom-6b2fe0df.js +0 -1474
  114. package/dist/index-f563c6f0.js +0 -1889
@@ -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-0245d511.js";
8
+ import "../../../../ToolbarLayout.module-00eddd49.js";
9
9
  import "../../../../contexts/DarkModeContext.js";
10
10
  import { ScrollMode as C } from "../../../../utils/types.js";
11
11
  import "../../../../contexts/RotationContext.js";
@@ -45,6 +45,7 @@ import "../../sidebar/RPSplitter.js";
45
45
  import "../../WrapperLayout.js";
46
46
  import "../../../RPDropFileZone.js";
47
47
  import "../../../../LayoutWrapper-3f4d0a19.js";
48
+ import "../../SkipLink.js";
48
49
  import "../../../../SearchCloseButton-08d57275.js";
49
50
  import "../../../ui/Input.js";
50
51
  import "../../../ui/Checkbox.js";
@@ -56,9 +57,9 @@ import "../MenuSeparator.js";
56
57
  import "../../../../utils/dateFormatter.js";
57
58
  import "../PropertyItem.js";
58
59
  import "../../../../RotateTool.module-67946714.js";
59
- import "../../../../index-35c7f4a2.js";
60
+ import "../../../../index-c9a2990a.js";
60
61
  import "react-dom";
61
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
62
+ import "../../../../index-808ea7bf.js";
62
63
  import "../../../../utils/withRef.js";
63
64
  import "../../../../clsx-0c6e471a.js";
64
65
  import "../../../../utils/hooks/useLoadPdf.js";
@@ -98,7 +99,7 @@ import "../DarkModeTool.js";
98
99
  import "../../../icons/MoonIcon.js";
99
100
  import "../../../icons/SunIcon.js";
100
101
  import "../../../icons/ThreeDotIcon.js";
101
- import "../../../../index-f563c6f0.js";
102
+ import "../../../../index-a48ec088.js";
102
103
  import "../../../icons/CloseIcon.js";
103
104
  import "../DocumentProperties.js";
104
105
  import "../../../icons/InfoIcon.js";
@@ -135,7 +136,7 @@ import "../../../../utils/hooks/useLicense.js";
135
136
  import "../../../../utils/getElementPositionInPage.js";
136
137
  import "../../../icons/LightPdfIcon.js";
137
138
  import "../../../icons/DarkPdfIcon.js";
138
- const a = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(n, { className: i, content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: t }), Ft = ({ icon: t }) => {
139
+ const a = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(n, { className: i, content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: t }), Jt = ({ icon: t }) => {
139
140
  const { setDualPageWithCover: i } = d(), { localeMessages: o } = f(), { scrollMode: m } = c(), p = e(() => m === C.HORIZONTAL_SCROLLING, [m]);
140
141
  return /* @__PURE__ */ r(a, { localeMessages: o, children: /* @__PURE__ */ r(
141
142
  l,
@@ -148,5 +149,5 @@ const a = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */
148
149
  ) });
149
150
  };
150
151
  export {
151
- Ft as DualPageWithCoverTool
152
+ Jt as DualPageWithCoverTool
152
153
  };
@@ -1,9 +1,9 @@
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-0245d511.js";
5
- import l from "../../../ui/RPTooltip.js";
6
- import { useLocalizationContext as d } from "../../../../contexts/LocalizationContext.js";
4
+ import { b as n } from "../../../../ToolbarLayout.module-00eddd49.js";
5
+ import d from "../../../ui/RPTooltip.js";
6
+ import { useLocalizationContext as l } from "../../../../contexts/LocalizationContext.js";
7
7
  import "../../../../clsx-0c6e471a.js";
8
8
  import "../../../../utils/withRef.js";
9
9
  import "react";
@@ -74,16 +74,17 @@ import "../../../RPDropFileZone.js";
74
74
  import "../../../icons/LightPdfIcon.js";
75
75
  import "../../../icons/DarkPdfIcon.js";
76
76
  import "../../../../LayoutWrapper-3f4d0a19.js";
77
+ import "../../SkipLink.js";
77
78
  import "../../../../SearchCloseButton-08d57275.js";
78
79
  import "../../../icons/CloseIcon.js";
79
80
  import "../../../ui/Checkbox.js";
80
- import "../../../../index-35c7f4a2.js";
81
+ import "../../../../index-c9a2990a.js";
81
82
  import "react-dom";
82
83
  import "../../../icons/CheckIcon.js";
83
84
  import "../../../../contexts/IconContext.js";
84
85
  import "../../../ui/DropDown.js";
85
- import "../../../../index-f563c6f0.js";
86
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
86
+ import "../../../../index-a48ec088.js";
87
+ import "../../../../index-808ea7bf.js";
87
88
  import "../MenuItem.js";
88
89
  import "../MenuSeparator.js";
89
90
  import "../../../../utils/dateFormatter.js";
@@ -135,10 +136,10 @@ import "../../../../utils/zoom.js";
135
136
  import "../../../icons/SearchIcon.js";
136
137
  import "../../../icons/ClearIcon.js";
137
138
  import "../../../../utils/hooks/useLocalization.js";
138
- const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), Nt = ({ icon: t }) => {
139
- const { download: r } = n(), { localeMessages: o } = d();
140
- return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ i(m, {}) }) });
139
+ const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(d, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), Ot = ({ icon: t }) => {
140
+ const { download: r } = n(), { localeMessages: o } = l();
141
+ return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ i(m, { "aria-hidden": "true" }) }) });
141
142
  };
142
143
  export {
143
- Nt as FileDownloadTool
144
+ Ot as FileDownloadTool
144
145
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import { FileUploadDefaultIcon as r } from "../../../icons/FileUploadDefaultIcon.js";
2
+ import { FileUploadDefaultIcon as p } from "../../../icons/FileUploadDefaultIcon.js";
3
3
  import { UIButton as m } from "../../../ui/Button.js";
4
4
  import { useOpenFileContext as n } from "../../../../contexts/FileInputContext.js";
5
5
  import l from "../../../ui/RPTooltip.js";
@@ -19,13 +19,13 @@ import "../../../../utils/appConsole.js";
19
19
  import "../../../../utils/hooks/usePdfProperties.js";
20
20
  import "../../../../utils/convertPdfDate.js";
21
21
  import "../../../../utils/formatFileSize.js";
22
- import "../../../../index-35c7f4a2.js";
22
+ import "../../../../index-c9a2990a.js";
23
23
  import "react-dom";
24
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
24
+ import "../../../../index-808ea7bf.js";
25
25
  import "../../../../utils/hooks/useLocalization.js";
26
- const f = ({ children: t, className: p, localeMessages: o }) => /* @__PURE__ */ i(l, { className: p, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), A = ({ icon: t }) => {
27
- const { openFile: p } = n(), { localeMessages: o } = e();
28
- return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(m, { onClick: p, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ i(r, {}) }) });
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
+ const { openFile: r } = n(), { localeMessages: o } = e();
28
+ return /* @__PURE__ */ i(d, { localeMessages: o, children: /* @__PURE__ */ i(m, { onClick: r, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ i(p, { "aria-hidden": "true" }) }) });
29
29
  };
30
30
  export {
31
31
  A as FileUploadTool
@@ -1,31 +1,32 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { useFullScreenContext as e } from "../../../../contexts/FullScreenContext.js";
3
- import { UIButton as m } from "../../../ui/Button.js";
4
- import { FullScreenIcon as p } from "../../../icons/FullScreenIcon.js";
5
- import c from "../../../ui/RPTooltip.js";
6
- import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ import { useFullScreenContext as m } from "../../../../contexts/FullScreenContext.js";
3
+ import { UIButton as l } from "../../../ui/Button.js";
4
+ import { FullScreenIcon as u } from "../../../icons/FullScreenIcon.js";
5
+ import e from "../../../ui/RPTooltip.js";
6
+ import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
7
7
  import "react";
8
8
  import "../../../../utils/hooks/useFullScreen.js";
9
9
  import "../../../../clsx-0c6e471a.js";
10
10
  import "../../../../utils/withRef.js";
11
- import "../../../../index-35c7f4a2.js";
11
+ import "../../../../index-c9a2990a.js";
12
12
  import "react-dom";
13
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
13
+ import "../../../../index-808ea7bf.js";
14
14
  import "../../../../utils/appConsole.js";
15
15
  import "../../../../utils/hooks/useLocalization.js";
16
16
  import "../../../../th_TH-d1686d95.js";
17
- const f = ({ children: r, className: i, localeMessages: o }) => /* @__PURE__ */ t(c, { className: i, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), P = ({ icon: r }) => {
18
- const { isFullScreen: i, toggleFullScreen: o, isSupported: l } = e(), { localeMessages: n } = u();
19
- return /* @__PURE__ */ t(f, { localeMessages: n, children: /* @__PURE__ */ t(
20
- m,
17
+ const S = ({ children: t, className: i, localeMessages: r }) => /* @__PURE__ */ p(e, { className: i, content: r == null ? void 0 : r.fullScreenTooltip, children: t }), R = ({ icon: t }) => {
18
+ const { isFullScreen: i, toggleFullScreen: r, isSupported: n } = m(), { localeMessages: o } = c();
19
+ return /* @__PURE__ */ p(S, { localeMessages: o, children: /* @__PURE__ */ p(
20
+ l,
21
21
  {
22
- disabled: !l,
23
- onClick: o,
24
- "aria-label": i ? "Exit full screen" : "Enter full screen",
25
- children: r || /* @__PURE__ */ t(p, {})
22
+ disabled: !n,
23
+ onClick: r,
24
+ "aria-label": i ? (o == null ? void 0 : o.fullScreenTooltip) + " (Exit)" : o == null ? void 0 : o.fullScreenTooltip,
25
+ "aria-pressed": i,
26
+ children: t || /* @__PURE__ */ p(u, {})
26
27
  }
27
28
  ) });
28
29
  };
29
30
  export {
30
- P as FullScreenTool
31
+ R as FullScreenTool
31
32
  };
@@ -1,9 +1,9 @@
1
- import { jsxs as c, Fragment as h, jsx as l } from "react/jsx-runtime";
2
- import { useState as d, useEffect as S, useCallback as i } from "react";
3
- import { u as x, f as u } from "../../../../ToolbarLayout.module-0245d511.js";
4
- import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
1
+ import { jsxs as u, Fragment as d, jsx as c } from "react/jsx-runtime";
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";
4
+ import { useLocalizationContext as v } from "../../../../contexts/LocalizationContext.js";
5
5
  import y from "../../../ui/RPTooltip.js";
6
- import { UIInput as E } from "../../../ui/Input.js";
6
+ import { UIInput as C } from "../../../ui/Input.js";
7
7
  import "../../../icons/ChevronUpIcon.js";
8
8
  import "../../../ui/Button.js";
9
9
  import "../../../../clsx-0c6e471a.js";
@@ -73,16 +73,17 @@ import "../../../RPDropFileZone.js";
73
73
  import "../../../icons/LightPdfIcon.js";
74
74
  import "../../../icons/DarkPdfIcon.js";
75
75
  import "../../../../LayoutWrapper-3f4d0a19.js";
76
+ import "../../SkipLink.js";
76
77
  import "../../../../SearchCloseButton-08d57275.js";
77
78
  import "../../../icons/CloseIcon.js";
78
79
  import "../../../ui/Checkbox.js";
79
- import "../../../../index-35c7f4a2.js";
80
+ import "../../../../index-c9a2990a.js";
80
81
  import "react-dom";
81
82
  import "../../../icons/CheckIcon.js";
82
83
  import "../../../../contexts/IconContext.js";
83
84
  import "../../../ui/DropDown.js";
84
- import "../../../../index-f563c6f0.js";
85
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
85
+ import "../../../../index-a48ec088.js";
86
+ import "../../../../index-808ea7bf.js";
86
87
  import "../MenuItem.js";
87
88
  import "../MenuSeparator.js";
88
89
  import "../../../../utils/dateFormatter.js";
@@ -135,42 +136,49 @@ import "../../../../utils/zoom.js";
135
136
  import "../../../icons/SearchIcon.js";
136
137
  import "../../../icons/ClearIcon.js";
137
138
  import "../../../../utils/hooks/useLocalization.js";
138
- const Mo = () => {
139
- const { focusedPage: o, totalPages: n, goToPage: e } = x(), { localeMessages: p } = C(), [m, r] = d(o.toString());
140
- S(() => {
141
- r(o.toString());
142
- }, [o]);
143
- const g = i((t) => {
144
- const s = t.target.value;
145
- r(s);
146
- }, []), a = i(async () => {
147
- const t = e(m);
148
- t.success || r(t.currentPage.toString());
149
- }, [e, m, n]), f = i(() => {
150
- r(o.toString());
151
- }, [o]), P = i(
152
- (t) => {
153
- t.key === "Enter" && a();
139
+ const tr = () => {
140
+ const { focusedPage: t, totalPages: i, goToPage: e } = S(), { localeMessages: o } = v(), [p, m] = h(t.toString());
141
+ x(() => {
142
+ m(t.toString());
143
+ }, [t]);
144
+ const g = n((r) => {
145
+ const s = r.target.value;
146
+ m(s);
147
+ }, []), a = n(async () => {
148
+ const r = e(p);
149
+ r.success || m(r.currentPage.toString());
150
+ }, [e, p, i]), f = n(() => {
151
+ m(t.toString());
152
+ }, [t]), P = n(
153
+ (r) => {
154
+ r.key === "Enter" && a();
154
155
  },
155
156
  [a]
156
157
  );
157
- return /* @__PURE__ */ c(h, { children: [
158
- /* @__PURE__ */ l(y, { content: p == null ? void 0 : p.currentPageTooltip, children: /* @__PURE__ */ l(
159
- E,
158
+ return /* @__PURE__ */ u(d, { children: [
159
+ /* @__PURE__ */ c(y, { content: o == null ? void 0 : o.currentPageTooltip, children: /* @__PURE__ */ c(
160
+ C,
160
161
  {
161
162
  onKeyDown: P,
162
163
  onBlur: f,
163
164
  onChange: g,
164
- value: m,
165
- className: u["rp-page-input"]
165
+ value: p,
166
+ className: l["rp-page-input"],
167
+ "aria-label": o == null ? void 0 : o.currentPageTooltip,
168
+ "aria-valuemin": 1,
169
+ "aria-valuemax": i,
170
+ "aria-valuenow": parseInt(p) || t,
171
+ type: "number",
172
+ min: 1,
173
+ max: i
166
174
  }
167
175
  ) }),
168
- /* @__PURE__ */ c("span", { className: u["rp-total-page"], children: [
176
+ /* @__PURE__ */ u("span", { className: l["rp-total-page"], "aria-hidden": "true", children: [
169
177
  "/",
170
- n
178
+ i
171
179
  ] })
172
180
  ] });
173
181
  };
174
182
  export {
175
- Mo as InputPageTool
183
+ tr as InputPageTool
176
184
  };
@@ -1,8 +1,8 @@
1
- import { jsx as i, Fragment as l } from "react/jsx-runtime";
2
- import { useMemo as d } from "react";
1
+ import { jsx as i, Fragment as d } from "react/jsx-runtime";
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-0245d511.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-00eddd49.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";
@@ -44,6 +44,7 @@ import "../../sidebar/RPSplitter.js";
44
44
  import "../../WrapperLayout.js";
45
45
  import "../../../RPDropFileZone.js";
46
46
  import "../../../../LayoutWrapper-3f4d0a19.js";
47
+ import "../../SkipLink.js";
47
48
  import "../../../../SearchCloseButton-08d57275.js";
48
49
  import "../../../ui/Input.js";
49
50
  import "../../../ui/Checkbox.js";
@@ -89,10 +90,10 @@ import "../DarkModeTool.js";
89
90
  import "../../../icons/MoonIcon.js";
90
91
  import "../../../icons/SunIcon.js";
91
92
  import "../../../icons/ThreeDotIcon.js";
92
- import "../../../../index-35c7f4a2.js";
93
+ import "../../../../index-c9a2990a.js";
93
94
  import "react-dom";
94
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
95
- import "../../../../index-f563c6f0.js";
95
+ import "../../../../index-808ea7bf.js";
96
+ import "../../../../index-a48ec088.js";
96
97
  import "../../../icons/CloseIcon.js";
97
98
  import "../DocumentProperties.js";
98
99
  import "../../../icons/InfoIcon.js";
@@ -135,18 +136,19 @@ import "../../../../utils/hooks/useLicense.js";
135
136
  import "../../../../utils/getElementPositionInPage.js";
136
137
  import "../../../icons/LightPdfIcon.js";
137
138
  import "../../../icons/DarkPdfIcon.js";
138
- const Xt = ({ icon: m }) => {
139
- const { focusedPage: t, nextPage: n, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), a = d(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
140
- return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
139
+ const Yt = ({ icon: m }) => {
140
+ const { focusedPage: t, nextPage: a, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), n = l(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
141
+ return /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
141
142
  f,
142
143
  {
143
- onClick: n,
144
+ onClick: a,
144
145
  "aria-label": o == null ? void 0 : o.nextPageTooltip,
145
- "aria-disabled": a,
146
- children: m || /* @__PURE__ */ i(c, { style: { transform: "rotate(180deg" } })
146
+ disabled: n,
147
+ "aria-disabled": n,
148
+ children: m || /* @__PURE__ */ i(c, { style: { transform: "rotate(180deg" }, "aria-hidden": "true" })
147
149
  }
148
150
  ) }) });
149
151
  };
150
152
  export {
151
- Xt as NextPageTool
153
+ Yt as NextPageTool
152
154
  };
@@ -1,9 +1,9 @@
1
- import { jsx as r, Fragment as m } from "react/jsx-runtime";
2
- import { ChevronUpIcon as n } from "../../../icons/ChevronUpIcon.js";
3
- import { UIButton as e } from "../../../ui/Button.js";
4
- import { u as a } from "../../../../ToolbarLayout.module-0245d511.js";
1
+ import { jsx as r, Fragment as n } from "react/jsx-runtime";
2
+ import { ChevronUpIcon as e } from "../../../icons/ChevronUpIcon.js";
3
+ import { UIButton as a } from "../../../ui/Button.js";
4
+ import { u as d } from "../../../../ToolbarLayout.module-00eddd49.js";
5
5
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
6
- import P from "../../../ui/RPTooltip.js";
6
+ import c from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
8
8
  import "../../../../utils/withRef.js";
9
9
  import "react";
@@ -73,16 +73,17 @@ import "../../../RPDropFileZone.js";
73
73
  import "../../../icons/LightPdfIcon.js";
74
74
  import "../../../icons/DarkPdfIcon.js";
75
75
  import "../../../../LayoutWrapper-3f4d0a19.js";
76
+ import "../../SkipLink.js";
76
77
  import "../../../../SearchCloseButton-08d57275.js";
77
78
  import "../../../icons/CloseIcon.js";
78
79
  import "../../../ui/Checkbox.js";
79
- import "../../../../index-35c7f4a2.js";
80
+ import "../../../../index-c9a2990a.js";
80
81
  import "react-dom";
81
82
  import "../../../icons/CheckIcon.js";
82
83
  import "../../../../contexts/IconContext.js";
83
84
  import "../../../ui/DropDown.js";
84
- import "../../../../index-f563c6f0.js";
85
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
85
+ import "../../../../index-a48ec088.js";
86
+ import "../../../../index-808ea7bf.js";
86
87
  import "../MenuItem.js";
87
88
  import "../MenuSeparator.js";
88
89
  import "../../../../utils/dateFormatter.js";
@@ -135,18 +136,19 @@ import "../../../../utils/zoom.js";
135
136
  import "../../../icons/SearchIcon.js";
136
137
  import "../../../icons/ClearIcon.js";
137
138
  import "../../../../utils/hooks/useLocalization.js";
138
- const Kr = ({ icon: t }) => {
139
- const { focusedPage: i, prevPage: p } = a(), { localeMessages: o } = u();
140
- return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(P, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
141
- e,
139
+ const Or = ({ icon: i }) => {
140
+ const { focusedPage: p, prevPage: m } = d(), { localeMessages: o } = u(), t = p === 1;
141
+ return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(c, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ r(
142
+ a,
142
143
  {
143
- onClick: p,
144
+ onClick: m,
144
145
  "aria-label": o == null ? void 0 : o.previousPageTooltip,
145
- "aria-disabled": i === 1,
146
- children: t || /* @__PURE__ */ r(n, {})
146
+ disabled: t,
147
+ "aria-disabled": t,
148
+ children: i || /* @__PURE__ */ r(e, { "aria-hidden": "true" })
147
149
  }
148
150
  ) }) });
149
151
  };
150
152
  export {
151
- Kr as PreviousPageTool
153
+ Or as PreviousPageTool
152
154
  };
@@ -1,9 +1,9 @@
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-0245d511.js";
4
+ import { c as n } from "../../../../ToolbarLayout.module-00eddd49.js";
5
5
  import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
6
- import T from "../../../ui/RPTooltip.js";
6
+ import u from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
8
8
  import "../../../../utils/withRef.js";
9
9
  import "react";
@@ -74,16 +74,17 @@ import "../../../RPDropFileZone.js";
74
74
  import "../../../icons/LightPdfIcon.js";
75
75
  import "../../../icons/DarkPdfIcon.js";
76
76
  import "../../../../LayoutWrapper-3f4d0a19.js";
77
+ import "../../SkipLink.js";
77
78
  import "../../../../SearchCloseButton-08d57275.js";
78
79
  import "../../../icons/CloseIcon.js";
79
80
  import "../../../ui/Checkbox.js";
80
- import "../../../../index-35c7f4a2.js";
81
+ import "../../../../index-c9a2990a.js";
81
82
  import "react-dom";
82
83
  import "../../../icons/CheckIcon.js";
83
84
  import "../../../../contexts/IconContext.js";
84
85
  import "../../../ui/DropDown.js";
85
- import "../../../../index-f563c6f0.js";
86
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
86
+ import "../../../../index-a48ec088.js";
87
+ import "../../../../index-808ea7bf.js";
87
88
  import "../MenuItem.js";
88
89
  import "../MenuSeparator.js";
89
90
  import "../../../../utils/dateFormatter.js";
@@ -135,10 +136,10 @@ import "../../../../utils/zoom.js";
135
136
  import "../../../icons/SearchIcon.js";
136
137
  import "../../../icons/ClearIcon.js";
137
138
  import "../../../../utils/hooks/useLocalization.js";
138
- const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), Qo = ({ icon: o }) => {
139
+ const T = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(u, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), So = ({ icon: o }) => {
139
140
  const { print: i } = n(), { localeMessages: t } = f();
140
- return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, {}) }) });
141
+ return /* @__PURE__ */ r(T, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, { "aria-hidden": "true" }) }) });
141
142
  };
142
143
  export {
143
- Qo as PrintTool
144
+ So as PrintTool
144
145
  };
@@ -3,11 +3,11 @@ import m from "../../../ui/RPTooltip.js";
3
3
  import { UIButton as p } from "../../../ui/Button.js";
4
4
  import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
5
5
  import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
6
- import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
6
+ import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
7
7
  import "react";
8
- import "../../../../index-35c7f4a2.js";
8
+ import "../../../../index-c9a2990a.js";
9
9
  import "react-dom";
10
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
10
+ import "../../../../index-808ea7bf.js";
11
11
  import "../../../../utils/withRef.js";
12
12
  import "../../../../clsx-0c6e471a.js";
13
13
  import "../../../../contexts/RotationContext.js";
@@ -25,13 +25,20 @@ import "../../../../utils/hooks/usePdfProperties.js";
25
25
  import "../../../../utils/convertPdfDate.js";
26
26
  import "../../../../utils/formatFileSize.js";
27
27
  import "../../../../utils/hooks/useLocalization.js";
28
- const l = ({
28
+ const k = ({
29
29
  children: t,
30
30
  className: r,
31
31
  localeMessages: o
32
32
  }) => /* @__PURE__ */ i(m, { className: r, content: o == null ? void 0 : o.rotateClockwiseTooltip, children: t }), H = ({ icon: t }) => {
33
- const { handleRotateClockwise: r } = c(), { localeMessages: o } = e();
34
- return /* @__PURE__ */ i(l, { localeMessages: o, children: /* @__PURE__ */ i(p, { onClick: r, "aria-label": o == null ? void 0 : o.rotateClockwiseLabel, children: t || /* @__PURE__ */ i(n, {}) }) });
33
+ const { handleRotateClockwise: r } = c(), { localeMessages: o } = C();
34
+ return /* @__PURE__ */ i(k, { localeMessages: o, children: /* @__PURE__ */ i(
35
+ p,
36
+ {
37
+ onClick: r,
38
+ "aria-label": (o == null ? void 0 : o.rotateClockwiseTooltip) || (o == null ? void 0 : o.rotateClockwiseLabel),
39
+ children: t || /* @__PURE__ */ i(n, { "aria-hidden": "true" })
40
+ }
41
+ ) });
35
42
  };
36
43
  export {
37
44
  H as RotateClockwiseTool
@@ -1,14 +1,14 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import m from "../../../ui/RPTooltip.js";
3
3
  import { UIButton as p } from "../../../ui/Button.js";
4
- import { ClockwiseIcon as c } from "../../../icons/ClockwiseIcon.js";
5
- import { useRotate as n } from "../../../../utils/hooks/useRotate.js";
4
+ import { ClockwiseIcon as n } from "../../../icons/ClockwiseIcon.js";
5
+ import { useRotate as c } from "../../../../utils/hooks/useRotate.js";
6
6
  import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
7
- import { c as l } from "../../../../RotateTool.module-67946714.js";
7
+ import { c as u } from "../../../../RotateTool.module-67946714.js";
8
8
  import "react";
9
- import "../../../../index-35c7f4a2.js";
9
+ import "../../../../index-c9a2990a.js";
10
10
  import "react-dom";
11
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
11
+ import "../../../../index-808ea7bf.js";
12
12
  import "../../../../utils/withRef.js";
13
13
  import "../../../../clsx-0c6e471a.js";
14
14
  import "../../../../contexts/RotationContext.js";
@@ -26,18 +26,18 @@ import "../../../../utils/hooks/usePdfProperties.js";
26
26
  import "../../../../utils/convertPdfDate.js";
27
27
  import "../../../../utils/formatFileSize.js";
28
28
  import "../../../../utils/hooks/useLocalization.js";
29
- const u = ({
29
+ const k = ({
30
30
  children: t,
31
31
  className: i,
32
32
  localeMessages: o
33
33
  }) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: t }), H = ({ icon: t }) => {
34
- const { handleRotateCounterclockwise: i } = n(), { localeMessages: o } = e();
35
- return /* @__PURE__ */ r(u, { localeMessages: o, children: /* @__PURE__ */ r(
34
+ const { handleRotateCounterclockwise: i } = c(), { localeMessages: o } = e();
35
+ return /* @__PURE__ */ r(k, { localeMessages: o, children: /* @__PURE__ */ r(
36
36
  p,
37
37
  {
38
38
  onClick: i,
39
- "aria-label": o == null ? void 0 : o.rotateCounterclockwiseLabel,
40
- children: t || /* @__PURE__ */ r(c, { className: l["rp-rotate-counterclockwise"] })
39
+ "aria-label": (o == null ? void 0 : o.rotateCounterclockwiseTooltip) || (o == null ? void 0 : o.rotateCounterclockwiseLabel),
40
+ children: t || /* @__PURE__ */ r(n, { className: u["rp-rotate-counterclockwise"], "aria-hidden": "true" })
41
41
  }
42
42
  ) });
43
43
  };
@@ -1,28 +1,36 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import { useMemo as i, useCallback as S } from "react";
3
3
  import { UIButton as u } from "../../../ui/Button.js";
4
- import x from "../../../ui/RPTooltip.js";
5
- import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
6
- import { useSelectionModeContext as h } from "../../../../contexts/SelectionModeContext.js";
4
+ import a from "../../../ui/RPTooltip.js";
5
+ import { useLocalizationContext as s } from "../../../../contexts/LocalizationContext.js";
6
+ import { useSelectionModeContext as x } from "../../../../contexts/SelectionModeContext.js";
7
7
  import { SelectionMode as n } from "../../../../utils/types.js";
8
- import { TextSelectionDefaultIcon as s } from "../../../icons/TextSelectionDefaultIcon.js";
8
+ import { TextSelectionDefaultIcon as h } from "../../../icons/TextSelectionDefaultIcon.js";
9
9
  import { HandModeDefaultIcon as M } from "../../../icons/HandModeDefaultIcon.js";
10
10
  import "../../../../clsx-0c6e471a.js";
11
11
  import "../../../../utils/withRef.js";
12
- import "../../../../index-35c7f4a2.js";
12
+ import "../../../../index-c9a2990a.js";
13
13
  import "react-dom";
14
- import "../../../../floating-ui.react-dom-6b2fe0df.js";
14
+ import "../../../../index-808ea7bf.js";
15
15
  import "../../../../utils/appConsole.js";
16
16
  import "../../../../utils/hooks/useLocalization.js";
17
17
  import "../../../../th_TH-d1686d95.js";
18
18
  const U = ({ icons: d }) => {
19
- const { textSelectionIcon: r, handModeIcon: c } = d ?? {}, { selectionMode: m, setSelectionMode: l } = h(), { localeMessages: o } = a(), t = i(() => m === n.TEXT, [m]), p = i(
19
+ const { textSelectionIcon: r, handModeIcon: c } = d ?? {}, { selectionMode: m, setSelectionMode: p } = x(), { localeMessages: o } = s(), t = i(() => m === n.TEXT, [m]), l = i(
20
20
  () => t ? o == null ? void 0 : o.handToolTooltip : o == null ? void 0 : o.textSelectionTooltip,
21
21
  [t, o]
22
22
  ), f = S(() => {
23
- l(t ? n.HAND : n.TEXT);
24
- }, [t, l]), T = i(() => t ? c ?? /* @__PURE__ */ e(M, {}) : r ?? /* @__PURE__ */ e(s, {}), [t, r, c]);
25
- return /* @__PURE__ */ e(x, { content: p, children: /* @__PURE__ */ e(u, { onClick: f, "aria-label": p, children: T }) });
23
+ p(t ? n.HAND : n.TEXT);
24
+ }, [t, p]), T = i(() => t ? c ?? /* @__PURE__ */ e(M, {}) : r ?? /* @__PURE__ */ e(h, {}), [t, r, c]);
25
+ return /* @__PURE__ */ e(a, { content: l, children: /* @__PURE__ */ e(
26
+ u,
27
+ {
28
+ onClick: f,
29
+ "aria-label": l,
30
+ "aria-pressed": t,
31
+ children: T
32
+ }
33
+ ) });
26
34
  };
27
35
  export {
28
36
  U as SelectionModeSwitcherTool