@react-pdf-kit/viewer 2.0.0-beta.11 → 2.0.0-beta.12

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 (181) hide show
  1. package/dist/{Combination-54a77a7a.js → Combination-136ff99c.js} +184 -187
  2. package/dist/Paginate.module-4eef00aa.js +8 -0
  3. package/dist/RPLayout.module-b4b23e29.js +14 -0
  4. package/dist/RPSplitter-f6acf13b.js +71 -0
  5. package/dist/ToolbarLayout.module-6e339802.js +12 -0
  6. package/dist/assets/style.css +1 -1
  7. package/dist/assets/style.js +32 -30
  8. package/dist/components/RPController.js +1 -1
  9. package/dist/components/RPDropFileZone.js +1 -1
  10. package/dist/components/RPPages.js +544 -497
  11. package/dist/components/RPProvider.js +32 -22
  12. package/dist/components/icons/DualPageWithCoverIcon.js +22 -0
  13. package/dist/components/layout/LayoutContainer.js +1 -1
  14. package/dist/components/layout/LayoutWrapper.js +1 -1
  15. package/dist/components/layout/RPDefaultLayout.js +58 -36
  16. package/dist/components/layout/RPLayout.js +32 -28
  17. package/dist/components/layout/SkipLink.js +29 -0
  18. package/dist/components/layout/WrapperLayout.js +1 -1
  19. package/dist/components/layout/sidebar/RPSidebar.js +32 -37
  20. package/dist/components/layout/sidebar/RPSplitter.js +6 -59
  21. package/dist/components/layout/sidebar/Thumbnail.js +57 -48
  22. package/dist/components/layout/sidebar/Thumbnails.js +9 -9
  23. package/dist/components/layout/toolbar/DarkModeTool.js +1 -1
  24. package/dist/components/layout/toolbar/DocumentDialog.js +28 -28
  25. package/dist/components/layout/toolbar/DocumentProperties.js +3 -3
  26. package/dist/components/layout/toolbar/FileDownloadTool.js +3 -3
  27. package/dist/components/layout/toolbar/FileUploadTool.js +3 -3
  28. package/dist/components/layout/toolbar/FullScreenTool.js +3 -3
  29. package/dist/components/layout/toolbar/MenuItem.js +2 -2
  30. package/dist/components/layout/toolbar/MenuSeparator.js +2 -2
  31. package/dist/components/layout/toolbar/MostPageTool.js +3 -3
  32. package/dist/components/layout/toolbar/OtherTool.js +43 -34
  33. package/dist/components/layout/toolbar/Paginate.js +53 -46
  34. package/dist/components/layout/toolbar/PrintTool.js +3 -3
  35. package/dist/components/layout/toolbar/RPMenuItem.js +2 -2
  36. package/dist/components/layout/toolbar/RPMoreOptions.js +45 -44
  37. package/dist/components/layout/toolbar/RPToolbar.js +7 -6
  38. package/dist/components/layout/toolbar/RPToolbarEnd.js +6 -5
  39. package/dist/components/layout/toolbar/RotateTool.js +3 -3
  40. package/dist/components/layout/toolbar/ScrollModeTool.js +37 -37
  41. package/dist/components/layout/toolbar/SearchCloseButton.js +1 -1
  42. package/dist/components/layout/toolbar/SearchResultNavigator.js +44 -24
  43. package/dist/components/layout/toolbar/SearchTool.js +138 -117
  44. package/dist/components/layout/toolbar/SelectionModeTool.js +3 -3
  45. package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
  46. package/dist/components/layout/toolbar/ToolbarCustom.js +43 -27
  47. package/dist/components/layout/toolbar/ToolbarDefault.js +42 -33
  48. package/dist/components/layout/toolbar/ToolbarLayout.js +9 -8
  49. package/dist/components/layout/toolbar/ViewModeTool.js +43 -34
  50. package/dist/components/layout/toolbar/ZoomTool.js +3 -3
  51. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +2 -2
  52. package/dist/components/layout/toolbar/tools/DualPageTool.js +3 -3
  53. package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +202 -0
  54. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +6 -6
  55. package/dist/components/layout/toolbar/tools/FileUploadTool.js +5 -5
  56. package/dist/components/layout/toolbar/tools/FirstPageTool.js +197 -0
  57. package/dist/components/layout/toolbar/tools/FullScreenTool.js +16 -15
  58. package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +37 -0
  59. package/dist/components/layout/toolbar/tools/InputPageTool.js +35 -28
  60. package/dist/components/layout/toolbar/tools/LastPageTool.js +197 -0
  61. package/dist/components/layout/toolbar/tools/NextPageTool.js +9 -8
  62. package/dist/components/layout/toolbar/tools/PageScrollingTool.js +37 -0
  63. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +15 -14
  64. package/dist/components/layout/toolbar/tools/PrintTool.js +4 -4
  65. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +12 -5
  66. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +9 -9
  67. package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +18 -10
  68. package/dist/components/layout/toolbar/tools/SinglePageTool.js +2 -2
  69. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +10 -2
  70. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +13 -12
  71. package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +37 -0
  72. package/dist/components/layout/toolbar/tools/ZoomInTool.js +15 -14
  73. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +1 -1
  74. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +75 -41
  75. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +12 -11
  76. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +7 -6
  77. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +1 -1
  78. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +11 -11
  79. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +22 -15
  80. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +20 -13
  81. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +22 -14
  82. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +35 -19
  83. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +21 -14
  84. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +33 -19
  85. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +54 -36
  86. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +39 -23
  87. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +52 -29
  88. package/dist/components/page/AnnotationLayer.js +76 -69
  89. package/dist/components/page/CanvasLayer.js +1 -1
  90. package/dist/components/page/CustomElement.js +1 -1
  91. package/dist/components/page/DualPage.js +1 -1
  92. package/dist/components/page/DualPageWithCover.js +131 -0
  93. package/dist/components/page/RPPage.js +1 -1
  94. package/dist/components/page/SinglePage.js +1 -1
  95. package/dist/components/page/TextHighlightLayer.js +1 -1
  96. package/dist/components/page/TextLayer.js +1 -1
  97. package/dist/components/ui/Button.js +14 -12
  98. package/dist/components/ui/Checkbox.js +84 -77
  99. package/dist/components/ui/DropDown.js +2 -2
  100. package/dist/components/ui/Input.js +12 -11
  101. package/dist/components/ui/LoadingIndicator.js +1 -1
  102. package/dist/components/ui/PasswordModal.js +44 -30
  103. package/dist/contexts/DimensionPagesContext.js +1 -1
  104. package/dist/contexts/DropFileZoneContext.js +1 -1
  105. package/dist/contexts/ElementPageContext.js +1 -1
  106. package/dist/contexts/EventCallbackContext.js +12 -8
  107. package/dist/contexts/FileInputContext.js +1 -1
  108. package/dist/contexts/HighlightContext.js +1 -1
  109. package/dist/contexts/LocalizationContext.js +1 -1
  110. package/dist/contexts/PagesRotateContext.js +1 -1
  111. package/dist/contexts/PaginationContext.js +1 -1
  112. package/dist/contexts/PrintContext.js +1 -1
  113. package/dist/contexts/RPDocumentContext.js +1 -1
  114. package/dist/contexts/RenderQueueProvider.js +1 -1
  115. package/dist/contexts/RotationContext.js +1 -1
  116. package/dist/contexts/ScrollModeContext.js +1 -1
  117. package/dist/contexts/SearchContext.js +1 -1
  118. package/dist/contexts/SelectionModeContext.js +1 -1
  119. package/dist/contexts/ThumbnailsContext.js +1 -1
  120. package/dist/contexts/ViewModeContext.js +19 -15
  121. package/dist/contexts/ZoomContext.js +1 -1
  122. package/dist/de_DE-a553b162.js +489 -0
  123. package/dist/{index-4baea9b5.js → index-61f59539.js} +1 -1
  124. package/dist/main.js +115 -99
  125. package/dist/types/components/icons/DualPageWithCoverIcon.d.ts +2 -0
  126. package/dist/types/components/layout/LayoutContainer.d.ts +1 -5
  127. package/dist/types/components/layout/LayoutWrapper.d.ts +1 -5
  128. package/dist/types/components/layout/SkipLink.d.ts +7 -0
  129. package/dist/types/components/layout/sidebar/Thumbnails.d.ts +1 -3
  130. package/dist/types/components/layout/toolbar/RPToolbar.d.ts +1 -3
  131. package/dist/types/components/layout/toolbar/tools/DualPageWithCoverTool.d.ts +3 -0
  132. package/dist/types/components/layout/toolbar/tools/FirstPageTool.d.ts +3 -0
  133. package/dist/types/components/layout/toolbar/tools/HorizontalScrollingTool.d.ts +3 -0
  134. package/dist/types/components/layout/toolbar/tools/LastPageTool.d.ts +3 -0
  135. package/dist/types/components/layout/toolbar/tools/PageScrollingTool.d.ts +3 -0
  136. package/dist/types/components/layout/toolbar/tools/VerticalScrollingTool.d.ts +3 -0
  137. package/dist/types/components/page/DualPageWithCover.d.ts +5 -0
  138. package/dist/types/components/page/RPPage.d.ts +1 -3
  139. package/dist/types/components/ui/Button.d.ts +1 -3
  140. package/dist/types/components/ui/Checkbox.d.ts +1 -0
  141. package/dist/types/components/ui/Input.d.ts +1 -3
  142. package/dist/types/components/ui/RPTooltip.d.ts +1 -3
  143. package/dist/types/locales/de_DE.json.d.ts +83 -0
  144. package/dist/types/locales/en_US.json.d.ts +2 -0
  145. package/dist/types/locales/it_IT.json.d.ts +2 -0
  146. package/dist/types/locales/pt_PT.json.d.ts +2 -0
  147. package/dist/types/locales/th_TH.json.d.ts +2 -0
  148. package/dist/types/locales/zh_CN.json.d.ts +2 -0
  149. package/dist/types/main.d.ts +7 -1
  150. package/dist/types/utils/annotations.d.ts +10 -1
  151. package/dist/types/utils/calculatePage.d.ts +3 -3
  152. package/dist/types/utils/hooks/usePresentPage.d.ts +2 -1
  153. package/dist/types/utils/hooks/useTextSelection.d.ts +7 -0
  154. package/dist/types/utils/types.d.ts +34 -3
  155. package/dist/types/utils/withRef.d.ts +5 -4
  156. package/dist/utils/annotations.js +145 -150
  157. package/dist/utils/calculatePage.js +17 -11
  158. package/dist/utils/getZoomLevel.js +9 -9
  159. package/dist/utils/highlight.js +139 -139
  160. package/dist/utils/hooks/useFileDownload.js +1 -1
  161. package/dist/utils/hooks/useLicense.js +1 -1
  162. package/dist/utils/hooks/useLoadPdf.js +1 -1
  163. package/dist/utils/hooks/useLocalization.js +12 -11
  164. package/dist/utils/hooks/usePageRotateContext.js +1 -1
  165. package/dist/utils/hooks/usePaginate.js +1 -1
  166. package/dist/utils/hooks/usePinch.js +1 -1
  167. package/dist/utils/hooks/usePresentPage.js +45 -45
  168. package/dist/utils/hooks/usePrint.js +1 -1
  169. package/dist/utils/hooks/useRotate.js +1 -1
  170. package/dist/utils/hooks/useScrollToPage.js +1 -1
  171. package/dist/utils/hooks/useSearch.js +76 -62
  172. package/dist/utils/hooks/useTextSelection.js +76 -0
  173. package/dist/utils/hooks/useThumbnail.js +1 -1
  174. package/dist/utils/hooks/useVirtualReactWindow.js +60 -42
  175. package/dist/utils/types.js +14 -13
  176. package/dist/utils/withRef.js +5 -5
  177. package/package.json +2 -3
  178. package/dist/Paginate.module-206a7d7d.js +0 -8
  179. package/dist/RPLayout.module-967bf4bc.js +0 -13
  180. package/dist/ToolbarLayout.module-1fee0a18.js +0 -11
  181. package/dist/th_TH-d627cd51.js +0 -398
@@ -1,14 +1,14 @@
1
1
  import { jsx as r, Fragment as l } from "react/jsx-runtime";
2
- import { useCallback as c, useMemo as f } from "react";
3
- import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
4
- import { ZoomInIcon as u } from "../../../icons/ZoomInIcon.js";
5
- import { UIButton as I } from "../../../ui/Button.js";
6
- import Z from "../../../ui/RPTooltip.js";
7
- import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
2
+ import { useCallback as d, useMemo as a } from "react";
3
+ import { useZoomContext as c } from "../../../../contexts/ZoomContext.js";
4
+ import { ZoomInIcon as f } from "../../../icons/ZoomInIcon.js";
5
+ import { UIButton as u } from "../../../ui/Button.js";
6
+ import I from "../../../ui/RPTooltip.js";
7
+ import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
8
8
  import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
9
9
  import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
10
10
  import "../../../../utils/types.js";
11
- import "../../../../th_TH-d627cd51.js";
11
+ import "../../../../de_DE-a553b162.js";
12
12
  import "../../../../utils/appConsole.js";
13
13
  import "../../../../contexts/InitialStateContext.js";
14
14
  import "../../../../contexts/RPDocumentContext.js";
@@ -36,19 +36,20 @@ import "../../../../floating-ui.react-dom-5ec29bd6.js";
36
36
  import "../../../../index-655864a7.js";
37
37
  import "../../../../utils/hooks/useLocalization.js";
38
38
  const to = ({ icon: m }) => {
39
- const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = a(), p = c(() => {
39
+ const { currentZoom: t, setZoomLevel: i } = c(), { localeMessages: o } = Z(), n = d(() => {
40
40
  i(() => {
41
41
  const e = Math.floor(t * 100 / 25) * 25;
42
42
  return Math.min(e + 25, s);
43
43
  });
44
- }, [i, t]), n = f(() => h(t), [t]);
45
- return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
46
- I,
44
+ }, [i, t]), p = a(() => h(t), [t]);
45
+ return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
46
+ u,
47
47
  {
48
- disabled: n,
49
- onClick: p,
48
+ disabled: p,
49
+ onClick: n,
50
50
  "aria-label": o == null ? void 0 : o.zoomInTooltip,
51
- children: m || /* @__PURE__ */ r(u, {})
51
+ "aria-disabled": p,
52
+ children: m || /* @__PURE__ */ r(f, { "aria-hidden": "true" })
52
53
  }
53
54
  ) }) });
54
55
  };
@@ -2,7 +2,7 @@ import { jsx as n, Fragment as p, jsxs as u } from "react/jsx-runtime";
2
2
  import { useMemo as e, Fragment as c } from "react";
3
3
  import { ZoomLevel as o } from "../../../../utils/types.js";
4
4
  import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
5
- import "../../../../th_TH-d627cd51.js";
5
+ import "../../../../de_DE-a553b162.js";
6
6
  import "../../../../utils/appConsole.js";
7
7
  import "../../../../utils/hooks/useLocalization.js";
8
8
  const a = ({ zoomLevel: t, className: i }) => {
@@ -1,18 +1,18 @@
1
- import { jsx as r, Fragment as v, jsxs as m } from "react/jsx-runtime";
2
- import { useState as z, useRef as x, useEffect as C } from "react";
1
+ import { jsx as r, Fragment as v, jsxs as p } from "react/jsx-runtime";
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 { c as e } from "../../../../ZoomTool.module-7082af8c.js";
6
- import { UIDropDown as w } from "../../../ui/DropDown.js";
7
- import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
8
- import { G as f } from "../../../../index-4baea9b5.js";
9
- import { MenuItem as p } from "../MenuItem.js";
10
- import { MenuSeparator as b } from "../MenuSeparator.js";
11
- import A from "../../../ui/RPTooltip.js";
12
- import { ZoomLevel as c } from "../../../../utils/types.js";
13
- import { useLocalizationContext as D } from "../../../../contexts/LocalizationContext.js";
14
- import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.js";
15
- import { ZoomLevelDisplay as R } from "./ZoomLevelDisplay.js";
5
+ import { c as n } from "../../../../ZoomTool.module-7082af8c.js";
6
+ import { UIDropDown as b } from "../../../ui/DropDown.js";
7
+ import { useLayoutContainer as P } from "../../../../contexts/LayoutContainerContext.js";
8
+ import { G as u } from "../../../../index-61f59539.js";
9
+ import { MenuItem as c } from "../MenuItem.js";
10
+ import { MenuSeparator as k } from "../MenuSeparator.js";
11
+ import I from "../../../ui/RPTooltip.js";
12
+ import { ZoomLevel as i } from "../../../../utils/types.js";
13
+ import { useLocalizationContext as w } from "../../../../contexts/LocalizationContext.js";
14
+ import { ChevronDownIcon as D } from "../../../icons/ChevronDownIcon.js";
15
+ import { ZoomLevelDisplay as G } from "./ZoomLevelDisplay.js";
16
16
  import "../../../../utils/appConsole.js";
17
17
  import "../../../../contexts/InitialStateContext.js";
18
18
  import "../../../../contexts/RPDocumentContext.js";
@@ -24,7 +24,7 @@ import "../../../../contexts/DocumentPasswordContext.js";
24
24
  import "../../../../utils/hooks/usePdfProperties.js";
25
25
  import "../../../../utils/convertPdfDate.js";
26
26
  import "../../../../utils/formatFileSize.js";
27
- import "../../../../th_TH-d627cd51.js";
27
+ import "../../../../de_DE-a553b162.js";
28
28
  import "../../../../utils/constants.js";
29
29
  import "../../../../utils/getZoomLevel.js";
30
30
  import "../../../../contexts/ViewModeContext.js";
@@ -37,57 +37,91 @@ import "../../../../utils/withRef.js";
37
37
  import "../../../../index-c0faa594.js";
38
38
  import "react-dom";
39
39
  import "../../../../index-e3ee9457.js";
40
- import "../../../../Combination-54a77a7a.js";
40
+ import "../../../../Combination-136ff99c.js";
41
41
  import "../../../../floating-ui.react-dom-5ec29bd6.js";
42
42
  import "../../../../index-655864a7.js";
43
43
  import "../../../../utils/hooks/useLocalization.js";
44
- const S = [50, 75, 100, 125, 150, 200, 300, 400], Lo = ({ icon: l }) => {
45
- const { zoomLevel: h, setZoomLevel: i } = L(), { container: u, pagesRef: n } = I(), { localeMessages: o } = D(), [a, s] = z(0), d = x(
44
+ const S = [50, 75, 100, 125, 150, 200, 300, 400], Lo = ({ icon: d }) => {
45
+ const { zoomLevel: m, setZoomLevel: e } = L(), { container: f, pagesRef: a } = P(), { localeMessages: o } = w(), [l, z] = x(0), h = C(
46
46
  new ResizeObserver((t) => {
47
- s(t[0].contentRect.height);
47
+ z(t[0].contentRect.height);
48
48
  })
49
49
  );
50
- return C(() => (n && d.current.observe(n), () => {
51
- d.current.disconnect();
52
- }), [n]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
53
- w,
50
+ return A(() => (a && h.current.observe(a), () => {
51
+ h.current.disconnect();
52
+ }), [a]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
53
+ b,
54
54
  {
55
- container: u,
56
- triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ m(
55
+ container: f,
56
+ triggerComponent: /* @__PURE__ */ r("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
57
57
  T,
58
58
  {
59
- className: e["rp-current-zoom-wrapper"],
59
+ className: n["rp-current-zoom-wrapper"],
60
60
  "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
61
+ "aria-expanded": !1,
61
62
  children: [
62
63
  /* @__PURE__ */ r(
63
- R,
64
+ G,
64
65
  {
65
- zoomLevel: h,
66
- className: e["rp-current-zoom-text"]
66
+ zoomLevel: m,
67
+ className: n["rp-current-zoom-text"]
67
68
  }
68
69
  ),
69
- /* @__PURE__ */ r("div", { className: e["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
70
+ /* @__PURE__ */ r("div", { className: n["rp-zoom-level-icon"], "aria-hidden": "true", children: d || /* @__PURE__ */ r(D, {}) })
70
71
  ]
71
72
  }
72
73
  ) }) }),
73
74
  style: { minWidth: "200px" },
74
75
  align: "center",
75
- children: /* @__PURE__ */ m(
76
+ children: /* @__PURE__ */ p(
76
77
  "div",
77
78
  {
78
- style: { maxHeight: `${a}px`, overflow: "auto" },
79
- className: e["rp-zoom-dropdown-content"],
79
+ style: { maxHeight: `${l}px`, overflow: "auto" },
80
+ className: n["rp-zoom-dropdown-content"],
80
81
  children: [
81
- /* @__PURE__ */ m(f, { children: [
82
- /* @__PURE__ */ r(p, { onClick: () => i(c.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
83
- /* @__PURE__ */ r(p, { onClick: () => i(c.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
84
- /* @__PURE__ */ r(p, { onClick: () => i(c.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
82
+ /* @__PURE__ */ p(u, { children: [
83
+ /* @__PURE__ */ r(
84
+ c,
85
+ {
86
+ onClick: () => e(i.ACTUAL),
87
+ "aria-label": o == null ? void 0 : o.zoomActualSize,
88
+ "aria-checked": m === i.ACTUAL,
89
+ children: o == null ? void 0 : o.zoomActualSize
90
+ }
91
+ ),
92
+ /* @__PURE__ */ r(
93
+ c,
94
+ {
95
+ onClick: () => e(i.PAGE_FIT),
96
+ "aria-label": o == null ? void 0 : o.zoomPageFit,
97
+ "aria-checked": m === i.PAGE_FIT,
98
+ children: o == null ? void 0 : o.zoomPageFit
99
+ }
100
+ ),
101
+ /* @__PURE__ */ r(
102
+ c,
103
+ {
104
+ onClick: () => e(i.PAGE_WIDTH),
105
+ "aria-label": o == null ? void 0 : o.zoomPageWidth,
106
+ "aria-checked": m === i.PAGE_WIDTH,
107
+ children: o == null ? void 0 : o.zoomPageWidth
108
+ }
109
+ )
85
110
  ] }),
86
- /* @__PURE__ */ r(b, {}),
87
- /* @__PURE__ */ r(f, { children: S.map((t) => /* @__PURE__ */ m(p, { onClick: () => i(t), children: [
88
- t,
89
- " %"
90
- ] }, t)) })
111
+ /* @__PURE__ */ r(k, {}),
112
+ /* @__PURE__ */ r(u, { children: S.map((t) => /* @__PURE__ */ p(
113
+ c,
114
+ {
115
+ onClick: () => e(t),
116
+ "aria-label": `${t}%`,
117
+ "aria-checked": m === t,
118
+ children: [
119
+ t,
120
+ " %"
121
+ ]
122
+ },
123
+ t
124
+ )) })
91
125
  ]
92
126
  }
93
127
  )
@@ -1,14 +1,14 @@
1
1
  import { jsx as r, Fragment as u } from "react/jsx-runtime";
2
- import { useMemo as l, useCallback as c } from "react";
3
- import { useZoomContext as d } from "../../../../contexts/ZoomContext.js";
4
- import { UIButton as f } from "../../../ui/Button.js";
5
- import O from "../../../ui/RPTooltip.js";
6
- import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
7
- import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
2
+ import { useMemo as d, useCallback as l } from "react";
3
+ import { useZoomContext as a } from "../../../../contexts/ZoomContext.js";
4
+ import { UIButton as c } from "../../../ui/Button.js";
5
+ import f from "../../../ui/RPTooltip.js";
6
+ import { useLocalizationContext as O } from "../../../../contexts/LocalizationContext.js";
7
+ import { ZoomOutIcon as Z } from "../../../icons/ZoomOutIcon.js";
8
8
  import { MAX_ZOOM_SCALE as h } from "../../../../utils/constants.js";
9
9
  import { isZoomOutDisabled as s } from "../../../../utils/zoom.js";
10
10
  import "../../../../utils/types.js";
11
- import "../../../../th_TH-d627cd51.js";
11
+ import "../../../../de_DE-a553b162.js";
12
12
  import "../../../../utils/appConsole.js";
13
13
  import "../../../../contexts/InitialStateContext.js";
14
14
  import "../../../../contexts/RPDocumentContext.js";
@@ -36,19 +36,20 @@ import "../../../../floating-ui.react-dom-5ec29bd6.js";
36
36
  import "../../../../index-655864a7.js";
37
37
  import "../../../../utils/hooks/useLocalization.js";
38
38
  const to = ({ icon: m }) => {
39
- const { currentZoom: t, setZoomLevel: i } = d(), { localeMessages: o } = Z(), p = l(() => s(t), [t]), n = c(() => {
39
+ const { currentZoom: t, setZoomLevel: i } = a(), { localeMessages: o } = O(), p = d(() => s(t), [t]), n = l(() => {
40
40
  i(() => {
41
41
  const e = Math.ceil(t * 100 / 25) * 25;
42
42
  return Math.min(e - 25, h);
43
43
  });
44
44
  }, [i, t]);
45
- return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(O, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
46
- f,
45
+ return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(f, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
46
+ c,
47
47
  {
48
48
  disabled: p,
49
49
  onClick: n,
50
50
  "aria-label": o == null ? void 0 : o.zoomOutTooltip,
51
- children: m || /* @__PURE__ */ r(a, {})
51
+ "aria-disabled": p,
52
+ children: m || /* @__PURE__ */ r(Z, { "aria-hidden": "true" })
52
53
  }
53
54
  ) }) });
54
55
  };
@@ -25,7 +25,7 @@ import "../../../../icons/LoaderIcon.js";
25
25
  import "../../../../../contexts/SearchContext.js";
26
26
  import "../../../../../utils/hooks/useSearch.js";
27
27
  import "../../../../../utils/types.js";
28
- import "../../../../../th_TH-d627cd51.js";
28
+ import "../../../../../de_DE-a553b162.js";
29
29
  import "../../../../../utils/highlight.js";
30
30
  import "../../../../../utils/charators.js";
31
31
  import "../../../../../contexts/VirtualScrollContext.js";
@@ -71,9 +71,9 @@ import "../../../../icons/ChevronUpIcon.js";
71
71
  import "../../SearchCloseButton.js";
72
72
  import "../../../../icons/CloseIcon.js";
73
73
  import "../../../../ui/DropDown.js";
74
- import "../../../../../index-4baea9b5.js";
75
- import "../../../../../Combination-54a77a7a.js";
76
- import "../../../../../Paginate.module-206a7d7d.js";
74
+ import "../../../../../index-61f59539.js";
75
+ import "../../../../../Combination-136ff99c.js";
76
+ import "../../../../../Paginate.module-4eef00aa.js";
77
77
  import "../../../../icons/ZoomInIcon.js";
78
78
  import "../../../../icons/ZoomOutIcon.js";
79
79
  import "../../../../../ZoomTool.module-7082af8c.js";
@@ -103,6 +103,7 @@ import "../../../../../RotateTool.module-67946714.js";
103
103
  import "../../../../../utils/hooks/useRotate.js";
104
104
  import "../../ViewModeTool.js";
105
105
  import "../../../../icons/DualPageIcon.js";
106
+ import "../../../../icons/DualPageWithCoverIcon.js";
106
107
  import "../../../../icons/SinglePageIcon.js";
107
108
  import "../../ScrollModeTool.js";
108
109
  import "../../../../icons/PageScrollingIcon.js";
@@ -127,7 +128,7 @@ import "../../SelectionModeTool.js";
127
128
  import "../../../../icons/TextSelectionDefaultIcon.js";
128
129
  import "../../../../icons/HandModeDefaultIcon.js";
129
130
  import "../../../../../contexts/SelectionModeContext.js";
130
- const Ot = (u) => {
131
+ const Qt = (u) => {
131
132
  const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: e } = T(), [s, a] = d(!1), [l, n] = d(!1), { isSmallScreen: h } = x(), S = () => h ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
132
133
  return f(() => {
133
134
  p((r) => ({ ...r, ...i })), a(!0);
@@ -143,5 +144,5 @@ const Ot = (u) => {
143
144
  ] }) });
144
145
  };
145
146
  export {
146
- Ot as RPHorizontalBar
147
+ Qt as RPHorizontalBar
147
148
  };
@@ -9,7 +9,7 @@ import "../../../../../contexts/RPDocumentContext.js";
9
9
  import "../../../../../utils/hooks/useLoadPdf.js";
10
10
  import "pdfjs-dist";
11
11
  import "../../../../../utils/types.js";
12
- import "../../../../../th_TH-d627cd51.js";
12
+ import "../../../../../de_DE-a553b162.js";
13
13
  import "../../../../../utils/getThumbnailViewport.js";
14
14
  import "../../../../../contexts/ConfigContext.js";
15
15
  import "../../../../../contexts/DocumentPasswordContext.js";
@@ -1,27 +1,27 @@
1
- import { jsx as t, Fragment as p, jsxs as c } from "react/jsx-runtime";
1
+ import { jsx as o, Fragment as p, jsxs as c } from "react/jsx-runtime";
2
2
  import { MenuItem as u } from "../../MenuItem.js";
3
- import { InfoIcon as l } from "../../../../icons/InfoIcon.js";
4
- import { useOtherToolContext as s } from "../../../../../contexts/OtherToolContext.js";
3
+ import { InfoIcon as d } from "../../../../icons/InfoIcon.js";
4
+ import { useOtherToolContext as l } from "../../../../../contexts/OtherToolContext.js";
5
5
  import f from "../../../../ui/RPTooltip.js";
6
- import { useLocalizationContext as d } from "../../../../../contexts/LocalizationContext.js";
7
- import "../../../../../index-4baea9b5.js";
6
+ import { useLocalizationContext as h } from "../../../../../contexts/LocalizationContext.js";
7
+ import "../../../../../index-61f59539.js";
8
8
  import "react";
9
9
  import "../../../../../index-c0faa594.js";
10
10
  import "react-dom";
11
11
  import "../../../../../index-e3ee9457.js";
12
- import "../../../../../Combination-54a77a7a.js";
12
+ import "../../../../../Combination-136ff99c.js";
13
13
  import "../../../../../floating-ui.react-dom-5ec29bd6.js";
14
14
  import "../../../../../index-655864a7.js";
15
15
  import "../../../../../clsx-0c6e471a.js";
16
16
  import "../../../../../utils/withRef.js";
17
17
  import "../../../../../utils/appConsole.js";
18
18
  import "../../../../../utils/hooks/useLocalization.js";
19
- import "../../../../../th_TH-d627cd51.js";
19
+ import "../../../../../de_DE-a553b162.js";
20
20
  const V = (i) => {
21
- const { icon: r, isToolVisible: m = !0 } = i, { setActiveDocumentProperties: e } = s(), { localeMessages: o } = d();
22
- return m ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(u, { onClick: () => e((n) => !n), children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: o == null ? void 0 : o.documentPropertiesTooltip, children: [
23
- /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ t(l, {}) }),
24
- o == null ? void 0 : o.documentPropertiesLabel
21
+ const { icon: r, isToolVisible: m = !0 } = i, { setActiveDocumentProperties: e } = l(), { localeMessages: t } = h();
22
+ return m ? /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(u, { onClick: () => e((n) => !n), "aria-label": t == null ? void 0 : t.documentPropertiesTooltip, children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: t == null ? void 0 : t.documentPropertiesTooltip, children: [
23
+ /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ o(d, { "aria-hidden": "true" }) }),
24
+ t == null ? void 0 : t.documentPropertiesLabel
25
25
  ] }) }) }) : null;
26
26
  };
27
27
  export {
@@ -1,10 +1,10 @@
1
- import { jsx as i, jsxs as e } from "react/jsx-runtime";
2
- import l from "../../../../ui/RPTooltip.js";
3
- import { MenuItem as c } from "../../MenuItem.js";
4
- import { useViewportContext as d } from "../../../../../contexts/ViewportContext.js";
5
- import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
6
- import { useFileDownload as u } from "../../../../../utils/hooks/useFileDownload.js";
7
- import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
1
+ import { jsx as i, jsxs as l } from "react/jsx-runtime";
2
+ import e from "../../../../ui/RPTooltip.js";
3
+ import { MenuItem as d } from "../../MenuItem.js";
4
+ import { useViewportContext as u } from "../../../../../contexts/ViewportContext.js";
5
+ import { useLocalizationContext as a } from "../../../../../contexts/LocalizationContext.js";
6
+ import { useFileDownload as c } from "../../../../../utils/hooks/useFileDownload.js";
7
+ import { FileDownloadDefaultIcon as f } from "../../../../icons/FileDownloadDefaultIcon.js";
8
8
  import "react";
9
9
  import "../../../../../index-c0faa594.js";
10
10
  import "react-dom";
@@ -12,13 +12,13 @@ import "../../../../../index-e3ee9457.js";
12
12
  import "../../../../../floating-ui.react-dom-5ec29bd6.js";
13
13
  import "../../../../../index-655864a7.js";
14
14
  import "../../../../../utils/withRef.js";
15
- import "../../../../../index-4baea9b5.js";
16
- import "../../../../../Combination-54a77a7a.js";
15
+ import "../../../../../index-61f59539.js";
16
+ import "../../../../../Combination-136ff99c.js";
17
17
  import "../../../../../clsx-0c6e471a.js";
18
18
  import "../../../../../contexts/LayoutContainerContext.js";
19
19
  import "../../../../../utils/appConsole.js";
20
20
  import "../../../../../utils/hooks/useLocalization.js";
21
- import "../../../../../th_TH-d627cd51.js";
21
+ import "../../../../../de_DE-a553b162.js";
22
22
  import "../../../../../contexts/RPDocumentContext.js";
23
23
  import "../../../../../utils/hooks/useLoadPdf.js";
24
24
  import "pdfjs-dist";
@@ -31,14 +31,21 @@ import "../../../../../utils/convertPdfDate.js";
31
31
  import "../../../../../utils/formatFileSize.js";
32
32
  import "../../../../../contexts/DownloadContext.js";
33
33
  const W = (m) => {
34
- const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = d(), { localeMessages: o } = f(), { download: n } = u();
34
+ const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = u(), { localeMessages: o } = a(), { download: n } = c();
35
35
  if (!p || !r)
36
36
  return null;
37
37
  if (r)
38
- return /* @__PURE__ */ i(c, { onClick: n, children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
39
- /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(a, {}) }),
40
- o == null ? void 0 : o.downloadFileLabel
41
- ] }) });
38
+ return /* @__PURE__ */ i(
39
+ d,
40
+ {
41
+ onClick: n,
42
+ "aria-label": o == null ? void 0 : o.downloadFileTooltip,
43
+ children: /* @__PURE__ */ l(e, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
44
+ /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(f, { "aria-hidden": "true" }) }),
45
+ o == null ? void 0 : o.downloadFileLabel
46
+ ] })
47
+ }
48
+ );
42
49
  };
43
50
  export {
44
51
  W as FileDownloadTool
@@ -1,10 +1,10 @@
1
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
1
+ import { jsx as i, jsxs as e } from "react/jsx-runtime";
2
2
  import l from "../../../../ui/RPTooltip.js";
3
3
  import { MenuItem as c } from "../../MenuItem.js";
4
- import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
5
- import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
6
- import { useOpenFileContext as s } from "../../../../../contexts/FileInputContext.js";
7
- import { FileUploadDefaultIcon as a } from "../../../../icons/FileUploadDefaultIcon.js";
4
+ import { useViewportContext as u } from "../../../../../contexts/ViewportContext.js";
5
+ import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
6
+ import { useOpenFileContext as a } from "../../../../../contexts/FileInputContext.js";
7
+ import { FileUploadDefaultIcon as d } from "../../../../icons/FileUploadDefaultIcon.js";
8
8
  import "react";
9
9
  import "../../../../../index-c0faa594.js";
10
10
  import "react-dom";
@@ -12,13 +12,13 @@ import "../../../../../index-e3ee9457.js";
12
12
  import "../../../../../floating-ui.react-dom-5ec29bd6.js";
13
13
  import "../../../../../index-655864a7.js";
14
14
  import "../../../../../utils/withRef.js";
15
- import "../../../../../index-4baea9b5.js";
16
- import "../../../../../Combination-54a77a7a.js";
15
+ import "../../../../../index-61f59539.js";
16
+ import "../../../../../Combination-136ff99c.js";
17
17
  import "../../../../../clsx-0c6e471a.js";
18
18
  import "../../../../../contexts/LayoutContainerContext.js";
19
19
  import "../../../../../utils/appConsole.js";
20
20
  import "../../../../../utils/hooks/useLocalization.js";
21
- import "../../../../../th_TH-d627cd51.js";
21
+ import "../../../../../de_DE-a553b162.js";
22
22
  import "../../../../../contexts/RPDocumentContext.js";
23
23
  import "../../../../../utils/hooks/useLoadPdf.js";
24
24
  import "pdfjs-dist";
@@ -30,14 +30,21 @@ import "../../../../../utils/hooks/usePdfProperties.js";
30
30
  import "../../../../../utils/convertPdfDate.js";
31
31
  import "../../../../../utils/formatFileSize.js";
32
32
  const Q = (m) => {
33
- const { icon: i, isToolVisible: p = !0 } = m, { isSmallScreen: r } = f(), { localeMessages: o } = u(), { openFile: e } = s();
33
+ const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = u(), { localeMessages: o } = f(), { openFile: n } = a();
34
34
  if (!p || !r)
35
35
  return null;
36
36
  if (r)
37
- return /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(l, { className: "rp-menu-item", content: o == null ? void 0 : o.openLocalFileTooltip, children: [
38
- /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: i || /* @__PURE__ */ t(a, {}) }),
39
- o == null ? void 0 : o.openLocalFileLabel
40
- ] }) });
37
+ return /* @__PURE__ */ i(
38
+ c,
39
+ {
40
+ onClick: n,
41
+ "aria-label": o == null ? void 0 : o.openLocalFileTooltip,
42
+ children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.openLocalFileTooltip, children: [
43
+ /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(d, { "aria-hidden": "true" }) }),
44
+ o == null ? void 0 : o.openLocalFileLabel
45
+ ] })
46
+ }
47
+ );
41
48
  };
42
49
  export {
43
50
  Q as FileUploadTool
@@ -1,16 +1,16 @@
1
- import { jsx as t, jsxs as l } from "react/jsx-runtime";
2
- import { MenuItem as c } from "../../MenuItem.js";
3
- import u from "../../../../ui/RPTooltip.js";
1
+ import { jsx as r, jsxs as l } from "react/jsx-runtime";
2
+ import { MenuItem as u } from "../../MenuItem.js";
3
+ import c from "../../../../ui/RPTooltip.js";
4
4
  import { FullScreenIcon as f } from "../../../../icons/FullScreenIcon.js";
5
- import { useViewportContext as s } from "../../../../../contexts/ViewportContext.js";
6
- import { useFullScreenContext as S } from "../../../../../contexts/FullScreenContext.js";
7
- import { useLocalizationContext as d } from "../../../../../contexts/LocalizationContext.js";
8
- import "../../../../../index-4baea9b5.js";
5
+ import { useViewportContext as S } from "../../../../../contexts/ViewportContext.js";
6
+ import { useFullScreenContext as d } from "../../../../../contexts/FullScreenContext.js";
7
+ import { useLocalizationContext as x } from "../../../../../contexts/LocalizationContext.js";
8
+ import "../../../../../index-61f59539.js";
9
9
  import "react";
10
10
  import "../../../../../index-c0faa594.js";
11
11
  import "react-dom";
12
12
  import "../../../../../index-e3ee9457.js";
13
- import "../../../../../Combination-54a77a7a.js";
13
+ import "../../../../../Combination-136ff99c.js";
14
14
  import "../../../../../floating-ui.react-dom-5ec29bd6.js";
15
15
  import "../../../../../index-655864a7.js";
16
16
  import "../../../../../clsx-0c6e471a.js";
@@ -19,16 +19,24 @@ import "../../../../../contexts/LayoutContainerContext.js";
19
19
  import "../../../../../utils/hooks/useFullScreen.js";
20
20
  import "../../../../../utils/appConsole.js";
21
21
  import "../../../../../utils/hooks/useLocalization.js";
22
- import "../../../../../th_TH-d627cd51.js";
22
+ import "../../../../../de_DE-a553b162.js";
23
23
  const D = (m) => {
24
- const { icon: r, isToolVisible: e = !0 } = m, { toggleFullScreen: p, isSupported: n } = S(), { isSmallScreen: i } = s(), { localeMessages: o } = d();
24
+ const { icon: t, isToolVisible: e = !0 } = m, { toggleFullScreen: n, isSupported: p } = d(), { isSmallScreen: i } = S(), { localeMessages: o } = x();
25
25
  if (!e || !i)
26
26
  return null;
27
27
  if (i)
28
- return /* @__PURE__ */ t(c, { onClick: p, disabled: !n, children: /* @__PURE__ */ l(u, { className: "rp-menu-item", content: o == null ? void 0 : o.fullScreenTooltip, children: [
29
- /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ t(f, {}) }),
30
- o == null ? void 0 : o.fullScreenTooltip
31
- ] }) });
28
+ return /* @__PURE__ */ r(
29
+ u,
30
+ {
31
+ onClick: n,
32
+ disabled: !p,
33
+ "aria-label": o == null ? void 0 : o.fullScreenTooltip,
34
+ children: /* @__PURE__ */ l(c, { className: "rp-menu-item", content: o == null ? void 0 : o.fullScreenTooltip, children: [
35
+ /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ r(f, { "aria-hidden": "true" }) }),
36
+ o == null ? void 0 : o.fullScreenTooltip
37
+ ] })
38
+ }
39
+ );
32
40
  };
33
41
  export {
34
42
  D as FullScreenTool