@react-pdf-kit/viewer 2.0.0-beta.10 → 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 +5 -6
  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,19 +1,19 @@
1
- import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
2
- import { useRef as c, useState as w } from "react";
3
- import { c as i } from "../../../ToolbarLayout.module-1fee0a18.js";
4
- import { Thumbnails as x } from "../sidebar/Thumbnails.js";
5
- import { useThumbnailContext as N } from "../../../contexts/ThumbnailsContext.js";
1
+ import { jsxs as i, Fragment as e, jsx as r } from "react/jsx-runtime";
2
+ import { useRef as d, useState as N } from "react";
3
+ import { c as t } from "../../../ToolbarLayout.module-6e339802.js";
4
+ import { Thumbnails as T } from "../sidebar/Thumbnails.js";
5
+ import { useThumbnailContext as x } from "../../../contexts/ThumbnailsContext.js";
6
6
  import { useToolbarComponentContext as C } from "../../../contexts/ToolbarComponentContext.js";
7
7
  import { usePrintContext as R } from "../../../contexts/PrintContext.js";
8
- import y from "../../ui/LoadingIndicator.js";
8
+ import D from "../../ui/LoadingIndicator.js";
9
9
  import { THUMBNAIL_MIN_WIDTH as I } from "../../../utils/constants.js";
10
- import { RPSplitter as W } from "../sidebar/RPSplitter.js";
10
+ import { R as W } from "../../../RPSplitter-f6acf13b.js";
11
11
  import "../sidebar/Thumbnail.js";
12
12
  import "../../../clsx-0c6e471a.js";
13
13
  import "../../icons/LoaderIcon.js";
14
14
  import "../../../PaginationContext-9217cab4.js";
15
15
  import "../../../utils/types.js";
16
- import "../../../th_TH-d627cd51.js";
16
+ import "../../../de_DE-a553b162.js";
17
17
  import "../../../contexts/ScrollModeContext.js";
18
18
  import "../../../utils/appConsole.js";
19
19
  import "../../../contexts/InitialStateContext.js";
@@ -51,42 +51,58 @@ import "../../../utils/hooks/useThumbnail.js";
51
51
  import "../../../utils/hooks/usePrint.js";
52
52
  import "../../../contexts/LocalizationContext.js";
53
53
  import "../../../utils/hooks/useLocalization.js";
54
- const Wt = (d) => {
55
- const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: f } = C(), { progress: b, showDefaultProgress: g } = R(), { percentage: a } = b || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, P] = w(I), T = g ?? f;
56
- return /* @__PURE__ */ o(n, { children: [
57
- /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
58
- m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
59
- /* @__PURE__ */ o("div", { className: i["rp-content"], children: [
60
- /* @__PURE__ */ o(n, { children: [
61
- p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
62
- /* @__PURE__ */ o(
54
+ const Wr = (h) => {
55
+ const { children: u, toolbar: b } = h, n = d(null), { active: a } = x(), { showPrintProgress: f } = C(), { progress: g, showDefaultProgress: w } = R(), { percentage: s } = g || {}, o = b, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = d(null), [c, P] = N(I), v = w ?? f;
56
+ return /* @__PURE__ */ i(e, { children: [
57
+ /* @__PURE__ */ i("div", { className: t["rp-toolbar-layout"], children: [
58
+ m && /* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
59
+ /* @__PURE__ */ i("div", { className: t["rp-content"], children: [
60
+ /* @__PURE__ */ i(e, { children: [
61
+ p && /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(
62
+ "div",
63
+ {
64
+ "data-rp": "sidebar",
65
+ ref: l,
66
+ className: t["rp-sidebar-content"],
67
+ children: p == null ? void 0 : p.component
68
+ }
69
+ ) }),
70
+ /* @__PURE__ */ i(
63
71
  "div",
64
72
  {
65
73
  "data-rp": "thumbnailSidebar",
66
- hidden: !e,
67
- className: i["rp-thumbnails-wrapper"],
68
- style: { ...e && { position: "relative", display: "flex" } },
74
+ className: `${t["rp-thumbnails-wrapper"]} ${a ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
75
+ style: { "--rp-thumbnail-width": `${c}px` },
69
76
  children: [
70
- /* @__PURE__ */ t(x, { show: e, ref: s, width: v }),
71
- /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
77
+ /* @__PURE__ */ r(T, { show: a, ref: n, width: c }),
78
+ /* @__PURE__ */ r(
72
79
  W,
73
80
  {
74
81
  onWidthChange: P,
75
- thumbnailRef: s,
82
+ thumbnailRef: n,
76
83
  leftSidebarRef: l,
77
84
  isRPLayout: !0
78
85
  }
79
- ) })
86
+ )
80
87
  ]
81
88
  }
82
89
  )
83
90
  ] }),
84
- /* @__PURE__ */ t(n, { children: h })
91
+ /* @__PURE__ */ r(
92
+ "main",
93
+ {
94
+ id: "rp-main-content",
95
+ role: "main",
96
+ "aria-label": "PDF document pages",
97
+ className: t["rp-pages"],
98
+ children: u
99
+ }
100
+ )
85
101
  ] })
86
102
  ] }),
87
- T && a ? /* @__PURE__ */ t(y, { percentage: a }) : null
103
+ v && s ? /* @__PURE__ */ r(D, { percentage: s }) : null
88
104
  ] });
89
105
  };
90
106
  export {
91
- Wt as ToolbarCustom
107
+ Wr as ToolbarCustom
92
108
  };
@@ -1,21 +1,21 @@
1
- import { jsxs as t, Fragment as m, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as o, Fragment as n, jsx as r } from "react/jsx-runtime";
2
2
  import { useRef as s, useState as P } from "react";
3
- import { c as o } from "../../../ToolbarLayout.module-1fee0a18.js";
3
+ import { c as t } from "../../../ToolbarLayout.module-6e339802.js";
4
4
  import { Thumbnails as g } from "../sidebar/Thumbnails.js";
5
- import { useThumbnailContext as v } from "../../../contexts/ThumbnailsContext.js";
6
- import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
5
+ import { useThumbnailContext as w } from "../../../contexts/ThumbnailsContext.js";
6
+ import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
7
7
  import { RPVerticalBar as N } from "./tools/defaults/RPVerticalBar.js";
8
8
  import { RPHorizontalBar as R } from "./tools/defaults/RPHorizontalBar.js";
9
- import { usePrintContext as T } from "../../../contexts/PrintContext.js";
10
- import w from "../../ui/LoadingIndicator.js";
11
- import { RPSplitter as C } from "../sidebar/RPSplitter.js";
12
- import { THUMBNAIL_MIN_WIDTH as S } from "../../../utils/constants.js";
9
+ import { usePrintContext as x } from "../../../contexts/PrintContext.js";
10
+ import T from "../../ui/LoadingIndicator.js";
11
+ import { R as C } from "../../../RPSplitter-f6acf13b.js";
12
+ import { THUMBNAIL_MIN_WIDTH as D } from "../../../utils/constants.js";
13
13
  import "../sidebar/Thumbnail.js";
14
14
  import "../../../clsx-0c6e471a.js";
15
15
  import "../../icons/LoaderIcon.js";
16
16
  import "../../../PaginationContext-9217cab4.js";
17
17
  import "../../../utils/types.js";
18
- import "../../../th_TH-d627cd51.js";
18
+ import "../../../de_DE-a553b162.js";
19
19
  import "../../../contexts/ScrollModeContext.js";
20
20
  import "../../../utils/appConsole.js";
21
21
  import "../../../contexts/InitialStateContext.js";
@@ -83,10 +83,10 @@ import "../../icons/ChevronUpIcon.js";
83
83
  import "./SearchCloseButton.js";
84
84
  import "../../icons/CloseIcon.js";
85
85
  import "../../ui/DropDown.js";
86
- import "../../../index-4baea9b5.js";
87
- import "../../../Combination-54a77a7a.js";
86
+ import "../../../index-61f59539.js";
87
+ import "../../../Combination-136ff99c.js";
88
88
  import "./Paginate.js";
89
- import "../../../Paginate.module-206a7d7d.js";
89
+ import "../../../Paginate.module-4eef00aa.js";
90
90
  import "./ZoomTool.js";
91
91
  import "../../icons/ZoomInIcon.js";
92
92
  import "../../icons/ZoomOutIcon.js";
@@ -118,6 +118,7 @@ import "../../../RotateTool.module-67946714.js";
118
118
  import "../../../utils/hooks/useRotate.js";
119
119
  import "./ViewModeTool.js";
120
120
  import "../../icons/DualPageIcon.js";
121
+ import "../../icons/DualPageWithCoverIcon.js";
121
122
  import "../../icons/SinglePageIcon.js";
122
123
  import "./ScrollModeTool.js";
123
124
  import "../../icons/PageScrollingIcon.js";
@@ -142,42 +143,50 @@ import "../../icons/HandModeDefaultIcon.js";
142
143
  import "../../../contexts/SelectionModeContext.js";
143
144
  import "../../../utils/hooks/usePrint.js";
144
145
  import "../../../RPToolbar.module-27d7fe77.js";
145
- const ao = (a) => {
146
- const { children: l } = a, p = s(null), { active: i } = v(), { showPrintProgress: c } = x(), { progress: d, showDefaultProgress: h } = T(), { percentage: e } = d || {}, n = s(null), [u, f] = P(S), b = h ?? c;
147
- return /* @__PURE__ */ t(m, { children: [
148
- /* @__PURE__ */ t("div", { className: o["rp-toolbar-layout"], children: [
149
- /* @__PURE__ */ r("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ r(R, {}) }),
150
- /* @__PURE__ */ t("div", { className: o["rp-content"], children: [
151
- /* @__PURE__ */ t(m, { children: [
152
- /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: n, className: o["rp-sidebar-content"], children: /* @__PURE__ */ r(N, {}) }),
153
- /* @__PURE__ */ t(
146
+ const lo = (l) => {
147
+ const { children: c } = l, i = s(null), { active: m } = w(), { showPrintProgress: d } = v(), { progress: h, showDefaultProgress: u } = x(), { percentage: p } = h || {}, e = s(null), [a, b] = P(D), f = u ?? d;
148
+ return /* @__PURE__ */ o(n, { children: [
149
+ /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
150
+ /* @__PURE__ */ r("nav", { id: "rp-menu", role: "menu", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(R, {}) }) }),
151
+ /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
152
+ /* @__PURE__ */ o(n, { children: [
153
+ /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: e, className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(N, {}) }),
154
+ /* @__PURE__ */ o(
154
155
  "div",
155
156
  {
156
157
  "data-rp": "thumbnailSidebar",
157
- hidden: !i,
158
- className: o["rp-thumbnails-wrapper"],
159
- style: { ...i && { position: "relative", display: "flex" } },
158
+ style: { "--rp-thumbnail-width": `${a}px` },
159
+ className: `${t["rp-thumbnails-wrapper"]} ${m ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
160
160
  children: [
161
- /* @__PURE__ */ r(g, { show: i, ref: p, width: u }),
162
- /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
161
+ /* @__PURE__ */ r(g, { show: m, ref: i, width: a }),
162
+ /* @__PURE__ */ r(
163
163
  C,
164
164
  {
165
- onWidthChange: f,
166
- thumbnailRef: p,
167
- leftSidebarRef: n,
165
+ onWidthChange: b,
166
+ thumbnailRef: i,
167
+ leftSidebarRef: e,
168
168
  isRPLayout: !0
169
169
  }
170
- ) })
170
+ )
171
171
  ]
172
172
  }
173
173
  )
174
174
  ] }),
175
- /* @__PURE__ */ r(m, { children: l })
175
+ /* @__PURE__ */ r(
176
+ "main",
177
+ {
178
+ id: "rp-main-content",
179
+ role: "main",
180
+ "aria-label": "PDF document pages",
181
+ className: t["rp-pages"],
182
+ children: c
183
+ }
184
+ )
176
185
  ] })
177
186
  ] }),
178
- b && e ? /* @__PURE__ */ r(w, { percentage: e }) : null
187
+ f && p ? /* @__PURE__ */ r(T, { percentage: p }) : null
179
188
  ] });
180
189
  };
181
190
  export {
182
- ao as ToolbarDefault
191
+ lo as ToolbarDefault
183
192
  };
@@ -2,14 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
2
2
  import { ToolbarDefault as i } from "./ToolbarDefault.js";
3
3
  import { ToolbarCustom as p } from "./ToolbarCustom.js";
4
4
  import "react";
5
- import "../../../ToolbarLayout.module-1fee0a18.js";
5
+ import "../../../ToolbarLayout.module-6e339802.js";
6
6
  import "../sidebar/Thumbnails.js";
7
7
  import "../sidebar/Thumbnail.js";
8
8
  import "../../../clsx-0c6e471a.js";
9
9
  import "../../icons/LoaderIcon.js";
10
10
  import "../../../PaginationContext-9217cab4.js";
11
11
  import "../../../utils/types.js";
12
- import "../../../th_TH-d627cd51.js";
12
+ import "../../../de_DE-a553b162.js";
13
13
  import "../../../contexts/ScrollModeContext.js";
14
14
  import "../../../utils/appConsole.js";
15
15
  import "../../../contexts/InitialStateContext.js";
@@ -82,10 +82,10 @@ import "../../icons/ChevronUpIcon.js";
82
82
  import "./SearchCloseButton.js";
83
83
  import "../../icons/CloseIcon.js";
84
84
  import "../../ui/DropDown.js";
85
- import "../../../index-4baea9b5.js";
86
- import "../../../Combination-54a77a7a.js";
85
+ import "../../../index-61f59539.js";
86
+ import "../../../Combination-136ff99c.js";
87
87
  import "./Paginate.js";
88
- import "../../../Paginate.module-206a7d7d.js";
88
+ import "../../../Paginate.module-4eef00aa.js";
89
89
  import "./ZoomTool.js";
90
90
  import "../../icons/ZoomInIcon.js";
91
91
  import "../../icons/ZoomOutIcon.js";
@@ -117,6 +117,7 @@ import "../../../RotateTool.module-67946714.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";
@@ -143,11 +144,11 @@ import "../../icons/HandModeDefaultIcon.js";
143
144
  import "../../../contexts/SelectionModeContext.js";
144
145
  import "../../../RPToolbar.module-27d7fe77.js";
145
146
  import "../../ui/LoadingIndicator.js";
146
- import "../sidebar/RPSplitter.js";
147
- const Sr = (m) => {
147
+ import "../../../RPSplitter-f6acf13b.js";
148
+ const Ur = (m) => {
148
149
  const { children: r, toolbar: o } = m;
149
150
  return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
150
151
  };
151
152
  export {
152
- Sr as ToolbarLayout
153
+ Ur as ToolbarLayout
153
154
  };
@@ -1,54 +1,63 @@
1
- import { jsx as e, Fragment as I, jsxs as n } from "react/jsx-runtime";
2
- import { G as P } from "../../../index-4baea9b5.js";
3
- import { MenuSeparator as T } from "./MenuSeparator.js";
4
- import { MenuItem as m } from "./MenuItem.js";
5
- import { DualPageIcon as C } from "../../icons/DualPageIcon.js";
6
- import { SinglePageIcon as h } from "../../icons/SinglePageIcon.js";
1
+ import { jsx as t, Fragment as I, jsxs as n } from "react/jsx-runtime";
2
+ import { G as f } from "../../../index-61f59539.js";
3
+ import { MenuSeparator as g } from "./MenuSeparator.js";
4
+ import { MenuItem as i } from "./MenuItem.js";
5
+ import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
6
+ import { DualPageWithCoverIcon as v } from "../../icons/DualPageWithCoverIcon.js";
7
+ import { SinglePageIcon as N } from "../../icons/SinglePageIcon.js";
7
8
  import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
8
- import { ScrollMode as N, ViewMode as l } from "../../../utils/types.js";
9
- import { CheckIcon as c } from "../../icons/CheckIcon.js";
10
- import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
11
- import { useScrollModeContext as L } from "../../../contexts/ScrollModeContext.js";
12
- import { useMemo as S } from "react";
13
- import { useLocalizationContext as M } from "../../../contexts/LocalizationContext.js";
14
- import p from "../../ui/RPTooltip.js";
9
+ import { ScrollMode as L, ViewMode as m } from "../../../utils/types.js";
10
+ import { CheckIcon as l } from "../../icons/CheckIcon.js";
11
+ import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
12
+ import { useScrollModeContext as W } from "../../../contexts/ScrollModeContext.js";
13
+ import { useMemo as w } from "react";
14
+ import { useLocalizationContext as S } from "../../../contexts/LocalizationContext.js";
15
+ import c from "../../ui/RPTooltip.js";
15
16
  import { useIconContext as u } from "../../../contexts/IconContext.js";
16
- import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
17
- import { useToolComponentContext as G } from "../../../contexts/ToolComponentContext.js";
17
+ import { useIconToolContext as p } from "../../../contexts/IconToolContext.js";
18
+ import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
18
19
  import "../../../index-c0faa594.js";
19
20
  import "react-dom";
20
21
  import "../../../index-e3ee9457.js";
21
- import "../../../Combination-54a77a7a.js";
22
+ import "../../../Combination-136ff99c.js";
22
23
  import "../../../floating-ui.react-dom-5ec29bd6.js";
23
24
  import "../../../index-655864a7.js";
24
25
  import "../../../clsx-0c6e471a.js";
25
26
  import "../../../utils/appConsole.js";
26
27
  import "../../../contexts/InitialStateContext.js";
27
- import "../../../th_TH-d627cd51.js";
28
+ import "../../../de_DE-a553b162.js";
28
29
  import "../../../utils/hooks/useLocalization.js";
29
30
  import "../../../utils/withRef.js";
30
- const b = () => {
31
- const { singlePageIcon: t } = u(), { singlePageIcon: r } = a();
32
- return t || r || /* @__PURE__ */ e(h, {});
33
- }, v = () => {
34
- const { dualPageIcon: t } = u(), { dualPageIcon: r } = a();
35
- return t || r || /* @__PURE__ */ e(C, {});
36
- }, io = () => {
37
- const { viewMode: t, setDualPage: r, setSinglePage: d } = x(), { viewModeTool: s = !0 } = w(), { viewModeTool: f = !0 } = G(), { scrollMode: i } = L(), { localeMessages: o } = M(), g = S(() => [N.HORIZONTAL_SCROLLING].includes(i), [i]);
38
- return !s || !f ? null : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ n(P, { children: [
39
- /* @__PURE__ */ e(m, { onClick: d, children: /* @__PURE__ */ n(p, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
40
- /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(b, {}) }),
31
+ const G = () => {
32
+ const { singlePageIcon: e } = u(), { singlePageIcon: r } = p();
33
+ return e || r || /* @__PURE__ */ t(N, {});
34
+ }, A = () => {
35
+ const { dualPageIcon: e } = u(), { dualPageIcon: r } = p();
36
+ return e || r || /* @__PURE__ */ t(T, {});
37
+ }, V = () => {
38
+ const { dualPageWithCoverIcon: e } = u(), { dualPageWithCoverIcon: r } = p();
39
+ return e || r || /* @__PURE__ */ t(v, {});
40
+ }, uo = () => {
41
+ const { viewMode: e, setDualPage: r, setDualPageWithCover: s, setSinglePage: P } = x(), { viewModeTool: h = !0 } = D(), { viewModeTool: C = !0 } = b(), { scrollMode: a } = W(), { localeMessages: o } = S(), d = w(() => [L.HORIZONTAL_SCROLLING].includes(a), [a]);
42
+ return !h || !C ? null : /* @__PURE__ */ t(I, { children: /* @__PURE__ */ n(f, { children: [
43
+ /* @__PURE__ */ t(i, { onClick: P, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
44
+ /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(G, {}) }),
41
45
  o == null ? void 0 : o.singlePageLabel,
42
- t === l.SINGLE_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
46
+ e === m.SINGLE_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
43
47
  ] }) }),
44
- /* @__PURE__ */ e(m, { disabled: g, onClick: r, children: /* @__PURE__ */ n(p, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
45
- /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(v, {}) }),
48
+ /* @__PURE__ */ t(i, { disabled: d, onClick: r, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
49
+ /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(A, {}) }),
46
50
  o == null ? void 0 : o.dualPageLabel,
47
- t === l.DUAL_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
51
+ e === m.DUAL_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
48
52
  ] }) }),
49
- /* @__PURE__ */ e(T, {})
53
+ /* @__PURE__ */ t(i, { disabled: d, onClick: s, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: [
54
+ /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(V, {}) }),
55
+ o == null ? void 0 : o.dualPageWithCoverLabel,
56
+ e === m.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
57
+ ] }) }),
58
+ /* @__PURE__ */ t(g, {})
50
59
  ] }) });
51
60
  };
52
61
  export {
53
- io as ViewModeTool
62
+ uo as ViewModeTool
54
63
  };
@@ -8,7 +8,7 @@ import { UIButton as f } from "../../ui/Button.js";
8
8
  import { c as e } from "../../../ZoomTool.module-7082af8c.js";
9
9
  import { UIDropDown as U } from "../../ui/DropDown.js";
10
10
  import { useLayoutContainer as _ } from "../../../contexts/LayoutContainerContext.js";
11
- import { G as Z } from "../../../index-4baea9b5.js";
11
+ import { G as Z } from "../../../index-61f59539.js";
12
12
  import { MenuItem as c } from "./MenuItem.js";
13
13
  import { MenuSeparator as j } from "./MenuSeparator.js";
14
14
  import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
@@ -31,7 +31,7 @@ import "pdfjs-dist";
31
31
  import "../../../utils/getThumbnailViewport.js";
32
32
  import "../../../contexts/ConfigContext.js";
33
33
  import "../../../contexts/DocumentPasswordContext.js";
34
- import "../../../th_TH-d627cd51.js";
34
+ import "../../../de_DE-a553b162.js";
35
35
  import "../../../utils/hooks/usePdfProperties.js";
36
36
  import "../../../utils/convertPdfDate.js";
37
37
  import "../../../utils/formatFileSize.js";
@@ -45,7 +45,7 @@ import "../../../utils/withRef.js";
45
45
  import "../../../index-c0faa594.js";
46
46
  import "react-dom";
47
47
  import "../../../index-e3ee9457.js";
48
- import "../../../Combination-54a77a7a.js";
48
+ import "../../../Combination-136ff99c.js";
49
49
  import "../../../floating-ui.react-dom-5ec29bd6.js";
50
50
  import "../../../index-655864a7.js";
51
51
  import "../../../utils/hooks/useLocalization.js";
@@ -14,9 +14,9 @@ import "../../../../index-655864a7.js";
14
14
  import "../../../../utils/withRef.js";
15
15
  import "../../../../utils/appConsole.js";
16
16
  import "../../../../utils/hooks/useLocalization.js";
17
- import "../../../../th_TH-d627cd51.js";
17
+ import "../../../../de_DE-a553b162.js";
18
18
  import "../../../../clsx-0c6e471a.js";
19
- import "../../../../Combination-54a77a7a.js";
19
+ import "../../../../Combination-136ff99c.js";
20
20
  import "../../../../contexts/LayoutContainerContext.js";
21
21
  import "../../../icons/CloseIcon.js";
22
22
  import "../../../../utils/dateFormatter.js";
@@ -14,12 +14,12 @@ import "../../../../utils/withRef.js";
14
14
  import "../../../../clsx-0c6e471a.js";
15
15
  import "../../../../utils/appConsole.js";
16
16
  import "../../../../utils/types.js";
17
- import "../../../../th_TH-d627cd51.js";
17
+ import "../../../../de_DE-a553b162.js";
18
18
  import "../../../../contexts/InitialStateContext.js";
19
19
  import "../../../../utils/hooks/useLocalization.js";
20
- const l = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.dualPageTooltip, children: t }), R = ({ icon: t }) => {
20
+ const d = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.dualPageTooltip, children: t }), R = ({ icon: t }) => {
21
21
  const { setDualPage: i } = u(), { localeMessages: o } = a();
22
- return /* @__PURE__ */ r(l, { localeMessages: o, children: /* @__PURE__ */ r(p, { onClick: i, "aria-label": o == null ? void 0 : o.dualPageTooltip, children: t || /* @__PURE__ */ r(n, {}) }) });
22
+ return /* @__PURE__ */ r(d, { localeMessages: o, children: /* @__PURE__ */ r(p, { onClick: i, "aria-label": o == null ? void 0 : o.dualPageTooltip, children: t || /* @__PURE__ */ r(n, { "aria-hidden": "true" }) }) });
23
23
  };
24
24
  export {
25
25
  R as DualPageTool