@pdf-viewer/react 1.17.0-beta.2 → 1.17.0-beta.4

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 (80) hide show
  1. package/dist/RPSplitter-b942c039.js +68 -0
  2. package/dist/{ToolbarLayout.module-60ee3cc4.js → ToolbarLayout.module-e348917a.js} +888 -893
  3. package/dist/assets/style.css +1 -1
  4. package/dist/assets/style.js +28 -26
  5. package/dist/components/RPController.js +3 -3
  6. package/dist/components/RPPages.js +2 -2
  7. package/dist/components/RPProvider.js +2 -2
  8. package/dist/components/layout/LayoutContainer.js +2 -2
  9. package/dist/components/layout/RPDefaultLayout.js +2 -2
  10. package/dist/components/layout/RPLayout.js +2 -2
  11. package/dist/components/layout/sidebar/RPSidebar.js +3 -3
  12. package/dist/components/layout/sidebar/RPSplitter.js +6 -59
  13. package/dist/components/layout/sidebar/Thumbnail.js +2 -2
  14. package/dist/components/layout/sidebar/Thumbnails.js +2 -2
  15. package/dist/components/layout/toolbar/DocumentDialog.js +2 -2
  16. package/dist/components/layout/toolbar/FileDownloadTool.js +2 -2
  17. package/dist/components/layout/toolbar/MostPageTool.js +2 -2
  18. package/dist/components/layout/toolbar/OtherTool.js +2 -2
  19. package/dist/components/layout/toolbar/Paginate.js +2 -2
  20. package/dist/components/layout/toolbar/PrintTool.js +2 -2
  21. package/dist/components/layout/toolbar/RPMoreOptions.js +2 -2
  22. package/dist/components/layout/toolbar/RPToolbar.js +2 -2
  23. package/dist/components/layout/toolbar/RPToolbarEnd.js +2 -2
  24. package/dist/components/layout/toolbar/SearchResultNavigator.js +2 -2
  25. package/dist/components/layout/toolbar/SearchTool.js +2 -2
  26. package/dist/components/layout/toolbar/ThumbnailTool.js +2 -2
  27. package/dist/components/layout/toolbar/ToolbarCustom.js +10 -10
  28. package/dist/components/layout/toolbar/ToolbarDefault.js +4 -4
  29. package/dist/components/layout/toolbar/ToolbarLayout.js +2 -2
  30. package/dist/components/layout/toolbar/ZoomTool.js +2 -2
  31. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +2 -2
  32. package/dist/components/layout/toolbar/tools/DualPageTool.js +2 -2
  33. package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +2 -2
  34. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +2 -2
  35. package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +35 -0
  36. package/dist/components/layout/toolbar/tools/InputPageTool.js +2 -2
  37. package/dist/components/layout/toolbar/tools/NextPageTool.js +2 -2
  38. package/dist/components/layout/toolbar/tools/PageScrollingTool.js +35 -0
  39. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +2 -2
  40. package/dist/components/layout/toolbar/tools/PrintTool.js +2 -2
  41. package/dist/components/layout/toolbar/tools/SinglePageTool.js +2 -2
  42. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +2 -2
  43. package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +35 -0
  44. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +2 -2
  45. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +2 -2
  46. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +2 -2
  47. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +2 -2
  48. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +2 -2
  49. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +2 -2
  50. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +2 -2
  51. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +2 -2
  52. package/dist/components/page/AnnotationLayer.js +2 -2
  53. package/dist/components/page/CanvasLayer.js +2 -2
  54. package/dist/components/page/DualPage.js +2 -2
  55. package/dist/components/page/DualPageWithCover.js +2 -2
  56. package/dist/components/page/RPPage.js +2 -2
  57. package/dist/components/page/SinglePage.js +2 -2
  58. package/dist/components/page/TextHighlightLayer.js +2 -2
  59. package/dist/components/page/TextLayer.js +2 -2
  60. package/dist/components/ui/LoadingIndicator.js +2 -2
  61. package/dist/contexts/PaginationContext.js +2 -2
  62. package/dist/contexts/PrintContext.js +2 -2
  63. package/dist/contexts/RenderQueueProvider.js +2 -2
  64. package/dist/contexts/SearchContext.js +2 -2
  65. package/dist/contexts/ThumbnailsContext.js +2 -2
  66. package/dist/main.js +35 -29
  67. package/dist/types/components/layout/toolbar/tools/HorizontalScrollingTool.d.ts +3 -0
  68. package/dist/types/components/layout/toolbar/tools/PageScrollingTool.d.ts +3 -0
  69. package/dist/types/components/layout/toolbar/tools/VerticalScrollingTool.d.ts +3 -0
  70. package/dist/types/main.d.ts +3 -0
  71. package/dist/utils/hooks/useFileDownload.js +2 -2
  72. package/dist/utils/hooks/useLicense.js +1 -1
  73. package/dist/utils/hooks/usePaginate.js +2 -2
  74. package/dist/utils/hooks/usePresentPage.js +2 -2
  75. package/dist/utils/hooks/usePrint.js +2 -2
  76. package/dist/utils/hooks/useScrollToPage.js +2 -2
  77. package/dist/utils/hooks/useSearch.js +2 -2
  78. package/dist/utils/hooks/useThumbnail.js +2 -2
  79. package/dist/utils/hooks/useVirtualReactWindow.js +2 -2
  80. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { D as Gm } from "../../../ToolbarLayout.module-60ee3cc4.js";
3
+ import { D as Gm } from "../../../ToolbarLayout.module-e348917a.js";
4
4
  import "../../../contexts/LayoutContainerContext.js";
5
5
  import "../../icons/CloseIcon.js";
6
6
  import "../../../utils/dateFormatter.js";
@@ -39,7 +39,7 @@ import "pdfjs-dist";
39
39
  import "../Container.js";
40
40
  import "../../../contexts/ViewportContext.js";
41
41
  import "../../../contexts/ToolbarComponentContext.js";
42
- import "../sidebar/RPSplitter.js";
42
+ import "../../../RPSplitter-b942c039.js";
43
43
  import "../WrapperLayout.js";
44
44
  import "../../RPDropFileZone.js";
45
45
  import "../../../LayoutWrapper-3f4d0a19.js";
@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/IconContext.js";
5
5
  import "../../ui/Button.js";
6
- import { V as Cr } from "../../../ToolbarLayout.module-60ee3cc4.js";
6
+ import { V as Cr } from "../../../ToolbarLayout.module-e348917a.js";
7
7
  import "./MenuItem.js";
8
8
  import "../../../contexts/ViewportContext.js";
9
9
  import "../../ui/RPTooltip.js";
@@ -69,8 +69,8 @@ import "../../icons/LoaderIcon.js";
69
69
  import "../../../contexts/OtherToolContext.js";
70
70
  import "../../../contexts/ThemeContext.js";
71
71
  import "../../icons/Thumbnail.js";
72
+ import "../../../RPSplitter-b942c039.js";
72
73
  import "../Container.js";
73
- import "../sidebar/RPSplitter.js";
74
74
  import "../WrapperLayout.js";
75
75
  import "../../RPDropFileZone.js";
76
76
  import "../../icons/LightPdfIcon.js";
@@ -4,7 +4,7 @@ import "./MenuItem.js";
4
4
  import "react";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
7
- import { X as Cr } from "../../../ToolbarLayout.module-60ee3cc4.js";
7
+ import { X as Cr } from "../../../ToolbarLayout.module-e348917a.js";
8
8
  import "../../../contexts/DarkModeContext.js";
9
9
  import "../../../contexts/RotationContext.js";
10
10
  import "../../../contexts/LayerContext.js";
@@ -39,7 +39,7 @@ import "pdfjs-dist";
39
39
  import "../Container.js";
40
40
  import "../../../contexts/ViewportContext.js";
41
41
  import "../../../contexts/ToolbarComponentContext.js";
42
- import "../sidebar/RPSplitter.js";
42
+ import "../../../RPSplitter-b942c039.js";
43
43
  import "../WrapperLayout.js";
44
44
  import "../../RPDropFileZone.js";
45
45
  import "../../../LayoutWrapper-3f4d0a19.js";
@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
3
3
  import "../../icons/ThreeDotIcon.js";
4
4
  import "../../ui/Button.js";
5
5
  import "../../ui/DropDown.js";
6
- import { Y as Dr } from "../../../ToolbarLayout.module-60ee3cc4.js";
6
+ import { Y as Dr } from "../../../ToolbarLayout.module-e348917a.js";
7
7
  import "./DocumentProperties.js";
8
8
  import "./RotateTool.js";
9
9
  import "./ViewModeTool.js";
@@ -80,8 +80,8 @@ import "../../../contexts/IconToolContext.js";
80
80
  import "../../../contexts/OtherToolContext.js";
81
81
  import "../../../contexts/ThemeContext.js";
82
82
  import "../../icons/Thumbnail.js";
83
+ import "../../../RPSplitter-b942c039.js";
83
84
  import "../Container.js";
84
- import "../sidebar/RPSplitter.js";
85
85
  import "../WrapperLayout.js";
86
86
  import "../../RPDropFileZone.js";
87
87
  import "../../icons/LightPdfIcon.js";
@@ -3,7 +3,7 @@ import "react";
3
3
  import "../../icons/ChevronUpIcon.js";
4
4
  import "../../ui/Button.js";
5
5
  import "../../ui/Input.js";
6
- import { P as Fr } from "../../../ToolbarLayout.module-60ee3cc4.js";
6
+ import { P as Fr } from "../../../ToolbarLayout.module-e348917a.js";
7
7
  import "../../../contexts/IconContext.js";
8
8
  import "../../../contexts/ToolbarComponentContext.js";
9
9
  import "../../../contexts/ViewportContext.js";
@@ -67,8 +67,8 @@ import "../../icons/LoaderIcon.js";
67
67
  import "../../../contexts/OtherToolContext.js";
68
68
  import "../../../contexts/ThemeContext.js";
69
69
  import "../../icons/Thumbnail.js";
70
+ import "../../../RPSplitter-b942c039.js";
70
71
  import "../Container.js";
71
- import "../sidebar/RPSplitter.js";
72
72
  import "../WrapperLayout.js";
73
73
  import "../../RPDropFileZone.js";
74
74
  import "../../icons/LightPdfIcon.js";
@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/IconContext.js";
5
5
  import "../../ui/Button.js";
6
- import { W as Dr } from "../../../ToolbarLayout.module-60ee3cc4.js";
6
+ import { W as Dr } from "../../../ToolbarLayout.module-e348917a.js";
7
7
  import "../../../contexts/ViewportContext.js";
8
8
  import "../../../contexts/LocalizationContext.js";
9
9
  import "./MenuItem.js";
@@ -69,8 +69,8 @@ import "../../icons/LoaderIcon.js";
69
69
  import "../../../contexts/OtherToolContext.js";
70
70
  import "../../../contexts/ThemeContext.js";
71
71
  import "../../icons/Thumbnail.js";
72
+ import "../../../RPSplitter-b942c039.js";
72
73
  import "../Container.js";
73
- import "../sidebar/RPSplitter.js";
74
74
  import "../WrapperLayout.js";
75
75
  import "../../RPDropFileZone.js";
76
76
  import "../../icons/LightPdfIcon.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as u, Fragment as R, jsx as t } from "react/jsx-runtime";
2
2
  import { useState as k, useRef as z, useMemo as P, useEffect as j } from "react";
3
- import { r as H, D as L } from "../../../ToolbarLayout.module-60ee3cc4.js";
3
+ import { r as H, D as L } from "../../../ToolbarLayout.module-e348917a.js";
4
4
  import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
5
5
  import { ThreeDotIcon as U } from "../../icons/ThreeDotIcon.js";
6
6
  import { UIButton as y } from "../../ui/Button.js";
@@ -80,8 +80,8 @@ import "../../../contexts/IconToolContext.js";
80
80
  import "../../../contexts/OtherToolContext.js";
81
81
  import "../../../contexts/ThemeContext.js";
82
82
  import "../../icons/Thumbnail.js";
83
+ import "../../../RPSplitter-b942c039.js";
83
84
  import "../Container.js";
84
- import "../sidebar/RPSplitter.js";
85
85
  import "../WrapperLayout.js";
86
86
  import "../../RPDropFileZone.js";
87
87
  import "../../icons/LightPdfIcon.js";
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { $ as Cr } from "../../../ToolbarLayout.module-60ee3cc4.js";
2
+ import { $ as Cr } from "../../../ToolbarLayout.module-e348917a.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/ViewportContext.js";
5
5
  import "../../../contexts/ToolComponentContext.js";
@@ -66,8 +66,8 @@ import "../../../contexts/IconToolContext.js";
66
66
  import "../../../contexts/OtherToolContext.js";
67
67
  import "../../../contexts/ThemeContext.js";
68
68
  import "../../icons/Thumbnail.js";
69
+ import "../../../RPSplitter-b942c039.js";
69
70
  import "../Container.js";
70
- import "../sidebar/RPSplitter.js";
71
71
  import "../WrapperLayout.js";
72
72
  import "../../RPDropFileZone.js";
73
73
  import "../../icons/LightPdfIcon.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "./FileUploadTool.js";
3
3
  import "./DarkModeTool.js";
4
- import { j as Cr } from "../../../ToolbarLayout.module-60ee3cc4.js";
4
+ import { j as Cr } from "../../../ToolbarLayout.module-e348917a.js";
5
5
  import "./FullScreenTool.js";
6
6
  import "../../../contexts/ViewportContext.js";
7
7
  import "../../icons/FileUploadDefaultIcon.js";
@@ -79,8 +79,8 @@ import "../../icons/LoaderIcon.js";
79
79
  import "../../../contexts/OtherToolContext.js";
80
80
  import "../../../contexts/ThemeContext.js";
81
81
  import "../../icons/Thumbnail.js";
82
+ import "../../../RPSplitter-b942c039.js";
82
83
  import "../Container.js";
83
- import "../sidebar/RPSplitter.js";
84
84
  import "../WrapperLayout.js";
85
85
  import "../../RPDropFileZone.js";
86
86
  import "../../icons/LightPdfIcon.js";
@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
3
3
  import "../../ui/Button.js";
4
4
  import "../../icons/ChevronUpIcon.js";
5
5
  import "../../../contexts/LocalizationContext.js";
6
- import { _ as Co } from "../../../ToolbarLayout.module-60ee3cc4.js";
6
+ import { _ as Co } from "../../../ToolbarLayout.module-e348917a.js";
7
7
  import "../../../SearchCloseButton-08d57275.js";
8
8
  import "react";
9
9
  import "../../../index-35c7f4a2.js";
@@ -70,9 +70,9 @@ import "../../../contexts/IconToolContext.js";
70
70
  import "../../../contexts/OtherToolContext.js";
71
71
  import "../../../contexts/ThemeContext.js";
72
72
  import "../../icons/Thumbnail.js";
73
+ import "../../../RPSplitter-b942c039.js";
73
74
  import "../Container.js";
74
75
  import "../../../contexts/ViewportContext.js";
75
- import "../sidebar/RPSplitter.js";
76
76
  import "../WrapperLayout.js";
77
77
  import "../../RPDropFileZone.js";
78
78
  import "../../icons/LightPdfIcon.js";
@@ -8,7 +8,7 @@ import "../../ui/Input.js";
8
8
  import "../../ui/Checkbox.js";
9
9
  import "../../icons/ClearIcon.js";
10
10
  import "../../icons/LoaderIcon.js";
11
- import { S as Er } from "../../../ToolbarLayout.module-60ee3cc4.js";
11
+ import { S as Er } from "../../../ToolbarLayout.module-e348917a.js";
12
12
  import "../../../contexts/IconContext.js";
13
13
  import "../../../contexts/RPDocumentContext.js";
14
14
  import "../../../contexts/DocumentPasswordContext.js";
@@ -45,7 +45,7 @@ import "pdfjs-dist";
45
45
  import "../Container.js";
46
46
  import "../../../contexts/ViewportContext.js";
47
47
  import "../../../contexts/ToolbarComponentContext.js";
48
- import "../sidebar/RPSplitter.js";
48
+ import "../../../RPSplitter-b942c039.js";
49
49
  import "../WrapperLayout.js";
50
50
  import "../../RPDropFileZone.js";
51
51
  import "../../../LayoutWrapper-3f4d0a19.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as c } from "react/jsx-runtime";
2
- import { e as u } from "../../../ToolbarLayout.module-60ee3cc4.js";
2
+ import { e as u } from "../../../ToolbarLayout.module-e348917a.js";
3
3
  import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
4
4
  import { UIButton as h } from "../../ui/Button.js";
5
5
  import l from "../../ui/RPTooltip.js";
@@ -65,9 +65,9 @@ import "../../../contexts/LoaderContext.js";
65
65
  import "../../icons/LoaderIcon.js";
66
66
  import "../../../contexts/OtherToolContext.js";
67
67
  import "../../../contexts/ThemeContext.js";
68
+ import "../../../RPSplitter-b942c039.js";
68
69
  import "../Container.js";
69
70
  import "../../../contexts/ViewportContext.js";
70
- import "../sidebar/RPSplitter.js";
71
71
  import "../WrapperLayout.js";
72
72
  import "../../RPDropFileZone.js";
73
73
  import "../../icons/LightPdfIcon.js";
@@ -1,6 +1,6 @@
1
- import { jsxs as i, Fragment as e, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as i, Fragment as a, jsx as r } from "react/jsx-runtime";
2
2
  import { useRef as c, useState as N } from "react";
3
- import { e as T, c as x, o as t, p as C, q as R } from "../../../ToolbarLayout.module-60ee3cc4.js";
3
+ import { e as T, c as x, o as t, p as C, q as R } from "../../../ToolbarLayout.module-e348917a.js";
4
4
  import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
@@ -37,7 +37,7 @@ import "../../../contexts/ConfigContext.js";
37
37
  import "pdfjs-dist";
38
38
  import "../Container.js";
39
39
  import "../../../contexts/ViewportContext.js";
40
- import { RPSplitter as I } from "../sidebar/RPSplitter.js";
40
+ import { R as I } from "../../../RPSplitter-b942c039.js";
41
41
  import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
42
42
  import "../WrapperLayout.js";
43
43
  import "../../RPDropFileZone.js";
@@ -137,12 +137,12 @@ import "../../../utils/hooks/useHighlight.js";
137
137
  import "../../icons/LightPdfIcon.js";
138
138
  import "../../icons/DarkPdfIcon.js";
139
139
  const po = (d) => {
140
- const { children: h, toolbar: u } = d, a = c(null), { active: n } = T(), { showPrintProgress: b } = D(), { progress: f, showDefaultProgress: g } = x(), { percentage: s } = f || {}, o = u, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = c(null), [v, P] = N(W), w = g ?? b;
141
- return /* @__PURE__ */ i(e, { children: [
140
+ const { children: h, toolbar: u } = d, e = c(null), { active: n } = T(), { showPrintProgress: b } = D(), { progress: f, showDefaultProgress: g } = x(), { percentage: s } = f || {}, o = u, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = c(null), [v, P] = N(W), w = g ?? b;
141
+ return /* @__PURE__ */ i(a, { children: [
142
142
  /* @__PURE__ */ i("div", { className: t["rp-toolbar-layout"], children: [
143
143
  m && /* @__PURE__ */ r("nav", { id: "rp-navigation", role: "navigation", "aria-label": "PDF viewer toolbar", children: /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: m == null ? void 0 : m.component }) }),
144
144
  /* @__PURE__ */ i("div", { className: t["rp-content"], children: [
145
- /* @__PURE__ */ r(e, { children: p && /* @__PURE__ */ i(e, { children: [
145
+ /* @__PURE__ */ r(a, { children: p && /* @__PURE__ */ i(a, { children: [
146
146
  /* @__PURE__ */ r(
147
147
  "div",
148
148
  {
@@ -158,16 +158,16 @@ const po = (d) => {
158
158
  "data-rp": "thumbnailSidebar",
159
159
  className: `${t["rp-thumbnails-wrapper"]} ${n ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
160
160
  children: [
161
- /* @__PURE__ */ r(C, { show: n, ref: a, width: v }),
162
- /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
161
+ /* @__PURE__ */ r(C, { show: n, ref: e, width: v }),
162
+ /* @__PURE__ */ r(
163
163
  I,
164
164
  {
165
165
  onWidthChange: P,
166
- thumbnailRef: a,
166
+ thumbnailRef: e,
167
167
  leftSidebarRef: l,
168
168
  isRPLayout: !0
169
169
  }
170
- ) })
170
+ )
171
171
  ]
172
172
  }
173
173
  )
@@ -1,6 +1,6 @@
1
1
  import { jsxs as o, Fragment as e, jsx as r } from "react/jsx-runtime";
2
2
  import { useRef as n, useState as g } from "react";
3
- import { e as P, c as v, o as t, p as w, q as N } from "../../../ToolbarLayout.module-60ee3cc4.js";
3
+ import { e as P, c as v, o as t, p as w, q as N } from "../../../ToolbarLayout.module-e348917a.js";
4
4
  import { useToolbarComponentContext as R } from "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
@@ -38,7 +38,7 @@ import "pdfjs-dist";
38
38
  import "../Container.js";
39
39
  import "../../../contexts/ViewportContext.js";
40
40
  import { THUMBNAIL_MIN_WIDTH as T } from "../../../utils/constants.js";
41
- import { RPSplitter as x } from "../sidebar/RPSplitter.js";
41
+ import { R as x } from "../../../RPSplitter-b942c039.js";
42
42
  import "../WrapperLayout.js";
43
43
  import "../../RPDropFileZone.js";
44
44
  import "../../../LayoutWrapper-3f4d0a19.js";
@@ -154,7 +154,7 @@ const ao = (s) => {
154
154
  className: `${t["rp-thumbnails-wrapper"]} ${m ? "" : t["rp-thumbnails-wrapper-hidden"]}`,
155
155
  children: [
156
156
  /* @__PURE__ */ r(w, { show: m, ref: i, width: u }),
157
- /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
157
+ /* @__PURE__ */ r(
158
158
  x,
159
159
  {
160
160
  onWidthChange: b,
@@ -162,7 +162,7 @@ const ao = (s) => {
162
162
  leftSidebarRef: a,
163
163
  isRPLayout: !0
164
164
  }
165
- ) })
165
+ )
166
166
  ]
167
167
  }
168
168
  )
@@ -2,7 +2,7 @@ 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-60ee3cc4.js";
5
+ import "../../../ToolbarLayout.module-e348917a.js";
6
6
  import "../../icons/ChevronUpIcon.js";
7
7
  import "../../ui/Button.js";
8
8
  import "../../../clsx-0c6e471a.js";
@@ -67,9 +67,9 @@ import "../../../contexts/IconToolContext.js";
67
67
  import "../../../contexts/OtherToolContext.js";
68
68
  import "../../../contexts/ThemeContext.js";
69
69
  import "../../icons/Thumbnail.js";
70
+ import "../../../RPSplitter-b942c039.js";
70
71
  import "../Container.js";
71
72
  import "../../../contexts/ViewportContext.js";
72
- import "../sidebar/RPSplitter.js";
73
73
  import "../WrapperLayout.js";
74
74
  import "../../RPDropFileZone.js";
75
75
  import "../../icons/LightPdfIcon.js";
@@ -5,7 +5,7 @@ import "../../icons/ChevronUpIcon.js";
5
5
  import "../../icons/ZoomInIcon.js";
6
6
  import "../../icons/ZoomOutIcon.js";
7
7
  import "../../ui/Button.js";
8
- import { i as Em } from "../../../ToolbarLayout.module-60ee3cc4.js";
8
+ import { i as Em } from "../../../ToolbarLayout.module-e348917a.js";
9
9
  import "../../ui/DropDown.js";
10
10
  import "../../../contexts/LayoutContainerContext.js";
11
11
  import "../../../index-f563c6f0.js";
@@ -74,8 +74,8 @@ import "../../icons/LoaderIcon.js";
74
74
  import "../../../contexts/OtherToolContext.js";
75
75
  import "../../../contexts/ThemeContext.js";
76
76
  import "../../icons/Thumbnail.js";
77
+ import "../../../RPSplitter-b942c039.js";
77
78
  import "../Container.js";
78
- import "../sidebar/RPSplitter.js";
79
79
  import "../WrapperLayout.js";
80
80
  import "../../RPDropFileZone.js";
81
81
  import "../../icons/LightPdfIcon.js";
@@ -4,7 +4,7 @@ import { useLocalizationContext as c } from "../../../../contexts/LocalizationCo
4
4
  import { useOtherToolContext as u } from "../../../../contexts/OtherToolContext.js";
5
5
  import { InfoIcon as f } from "../../../icons/InfoIcon.js";
6
6
  import { UIButton as D } from "../../../ui/Button.js";
7
- import { D as P } from "../../../../ToolbarLayout.module-60ee3cc4.js";
7
+ import { D as P } from "../../../../ToolbarLayout.module-e348917a.js";
8
8
  import "react";
9
9
  import "../../../../index-35c7f4a2.js";
10
10
  import "react-dom";
@@ -70,9 +70,9 @@ import "../../../icons/LoaderIcon.js";
70
70
  import "../../../../contexts/IconToolContext.js";
71
71
  import "../../../../contexts/ThemeContext.js";
72
72
  import "../../../icons/Thumbnail.js";
73
+ import "../../../../RPSplitter-b942c039.js";
73
74
  import "../../Container.js";
74
75
  import "../../../../contexts/ViewportContext.js";
75
- import "../../sidebar/RPSplitter.js";
76
76
  import "../../WrapperLayout.js";
77
77
  import "../../../RPDropFileZone.js";
78
78
  import "../../../icons/LightPdfIcon.js";
@@ -5,7 +5,7 @@ import { DualPageIcon as n } from "../../../icons/DualPageIcon.js";
5
5
  import "react";
6
6
  import "../../../../contexts/RPDocumentContext.js";
7
7
  import "../../../../contexts/DocumentPasswordContext.js";
8
- import "../../../../ToolbarLayout.module-60ee3cc4.js";
8
+ import "../../../../ToolbarLayout.module-e348917a.js";
9
9
  import "../../../../contexts/DarkModeContext.js";
10
10
  import "../../../../contexts/RotationContext.js";
11
11
  import "../../../../contexts/LayerContext.js";
@@ -40,7 +40,7 @@ import "pdfjs-dist";
40
40
  import "../../Container.js";
41
41
  import "../../../../contexts/ViewportContext.js";
42
42
  import "../../../../contexts/ToolbarComponentContext.js";
43
- import "../../sidebar/RPSplitter.js";
43
+ import "../../../../RPSplitter-b942c039.js";
44
44
  import "../../WrapperLayout.js";
45
45
  import "../../../RPDropFileZone.js";
46
46
  import "../../../../LayoutWrapper-3f4d0a19.js";
@@ -5,7 +5,7 @@ import { UIButton as l } from "../../../ui/Button.js";
5
5
  import { DualPageWithCoverIcon as u } from "../../../icons/DualPageWithCoverIcon.js";
6
6
  import "../../../../contexts/RPDocumentContext.js";
7
7
  import "../../../../contexts/DocumentPasswordContext.js";
8
- import "../../../../ToolbarLayout.module-60ee3cc4.js";
8
+ import "../../../../ToolbarLayout.module-e348917a.js";
9
9
  import "../../../../contexts/DarkModeContext.js";
10
10
  import { ScrollMode as C } from "../../../../utils/types.js";
11
11
  import "../../../../contexts/RotationContext.js";
@@ -41,7 +41,7 @@ import "pdfjs-dist";
41
41
  import "../../Container.js";
42
42
  import "../../../../contexts/ViewportContext.js";
43
43
  import "../../../../contexts/ToolbarComponentContext.js";
44
- import "../../sidebar/RPSplitter.js";
44
+ import "../../../../RPSplitter-b942c039.js";
45
45
  import "../../WrapperLayout.js";
46
46
  import "../../../RPDropFileZone.js";
47
47
  import "../../../../LayoutWrapper-3f4d0a19.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import { FileDownloadDefaultIcon as m } from "../../../icons/FileDownloadDefaultIcon.js";
3
3
  import { UIButton as p } from "../../../ui/Button.js";
4
- import { b as n } from "../../../../ToolbarLayout.module-60ee3cc4.js";
4
+ import { b as n } from "../../../../ToolbarLayout.module-e348917a.js";
5
5
  import d from "../../../ui/RPTooltip.js";
6
6
  import { useLocalizationContext as l } from "../../../../contexts/LocalizationContext.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -66,9 +66,9 @@ import "../../../../contexts/IconToolContext.js";
66
66
  import "../../../../contexts/OtherToolContext.js";
67
67
  import "../../../../contexts/ThemeContext.js";
68
68
  import "../../../icons/Thumbnail.js";
69
+ import "../../../../RPSplitter-b942c039.js";
69
70
  import "../../Container.js";
70
71
  import "../../../../contexts/ViewportContext.js";
71
- import "../../sidebar/RPSplitter.js";
72
72
  import "../../WrapperLayout.js";
73
73
  import "../../../RPDropFileZone.js";
74
74
  import "../../../icons/LightPdfIcon.js";
@@ -0,0 +1,35 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import m from "../../../ui/RPTooltip.js";
3
+ import { UIButton as n } from "../../../ui/Button.js";
4
+ import { HorizontalScrollingIcon as p } from "../../../icons/HorizontalScrollingIcon.js";
5
+ import { ScrollMode as l } from "../../../../utils/types.js";
6
+ import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
7
+ import { useScrollModeContext as f } from "../../../../contexts/ScrollModeContext.js";
8
+ import "react";
9
+ import "../../../../index-35c7f4a2.js";
10
+ import "react-dom";
11
+ import "../../../../floating-ui.react-dom-6b2fe0df.js";
12
+ import "../../../../utils/withRef.js";
13
+ import "../../../../clsx-0c6e471a.js";
14
+ import "../../../../th_TH-d1686d95.js";
15
+ import "../../../../utils/appConsole.js";
16
+ import "../../../../utils/hooks/useLocalization.js";
17
+ import "../../../../contexts/InitialStateContext.js";
18
+ const S = ({
19
+ children: t,
20
+ className: i,
21
+ localeMessages: o
22
+ }) => /* @__PURE__ */ r(m, { className: i, content: o == null ? void 0 : o.horizontalTooltip, children: t }), B = ({ icon: t }) => {
23
+ const { setScrollMode: i } = f(), { localeMessages: o } = c();
24
+ return /* @__PURE__ */ r(S, { localeMessages: o, children: /* @__PURE__ */ r(
25
+ n,
26
+ {
27
+ onClick: () => i(l.HORIZONTAL_SCROLLING),
28
+ "aria-label": o == null ? void 0 : o.horizontalTooltip,
29
+ children: t || /* @__PURE__ */ r(p, {})
30
+ }
31
+ ) });
32
+ };
33
+ export {
34
+ B as HorizontalScrollingTool
35
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as u, Fragment as d, jsx as c } from "react/jsx-runtime";
2
2
  import { useState as h, useEffect as x, useCallback as n } from "react";
3
- import { u as S, f as l } from "../../../../ToolbarLayout.module-60ee3cc4.js";
3
+ import { u as S, f as l } from "../../../../ToolbarLayout.module-e348917a.js";
4
4
  import { useLocalizationContext as v } from "../../../../contexts/LocalizationContext.js";
5
5
  import y from "../../../ui/RPTooltip.js";
6
6
  import { UIInput as C } from "../../../ui/Input.js";
@@ -65,9 +65,9 @@ import "../../../../contexts/IconToolContext.js";
65
65
  import "../../../../contexts/OtherToolContext.js";
66
66
  import "../../../../contexts/ThemeContext.js";
67
67
  import "../../../icons/Thumbnail.js";
68
+ import "../../../../RPSplitter-b942c039.js";
68
69
  import "../../Container.js";
69
70
  import "../../../../contexts/ViewportContext.js";
70
- import "../../sidebar/RPSplitter.js";
71
71
  import "../../WrapperLayout.js";
72
72
  import "../../../RPDropFileZone.js";
73
73
  import "../../../icons/LightPdfIcon.js";
@@ -2,7 +2,7 @@ import { jsx as i, Fragment as d } from "react/jsx-runtime";
2
2
  import { useMemo as l } from "react";
3
3
  import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
4
4
  import { UIButton as f } from "../../../ui/Button.js";
5
- import { u as s } from "../../../../ToolbarLayout.module-60ee3cc4.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-e348917a.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";
@@ -40,7 +40,7 @@ import "pdfjs-dist";
40
40
  import "../../Container.js";
41
41
  import "../../../../contexts/ViewportContext.js";
42
42
  import "../../../../contexts/ToolbarComponentContext.js";
43
- import "../../sidebar/RPSplitter.js";
43
+ import "../../../../RPSplitter-b942c039.js";
44
44
  import "../../WrapperLayout.js";
45
45
  import "../../../RPDropFileZone.js";
46
46
  import "../../../../LayoutWrapper-3f4d0a19.js";
@@ -0,0 +1,35 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import m from "../../../ui/RPTooltip.js";
3
+ import { UIButton as p } from "../../../ui/Button.js";
4
+ import { PageScrollingIcon as n } from "../../../icons/PageScrollingIcon.js";
5
+ import { ScrollMode as l } from "../../../../utils/types.js";
6
+ import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
7
+ import { useScrollModeContext as S } from "../../../../contexts/ScrollModeContext.js";
8
+ import "react";
9
+ import "../../../../index-35c7f4a2.js";
10
+ import "react-dom";
11
+ import "../../../../floating-ui.react-dom-6b2fe0df.js";
12
+ import "../../../../utils/withRef.js";
13
+ import "../../../../clsx-0c6e471a.js";
14
+ import "../../../../th_TH-d1686d95.js";
15
+ import "../../../../utils/appConsole.js";
16
+ import "../../../../utils/hooks/useLocalization.js";
17
+ import "../../../../contexts/InitialStateContext.js";
18
+ const f = ({
19
+ children: r,
20
+ className: i,
21
+ localeMessages: o
22
+ }) => /* @__PURE__ */ t(m, { className: i, content: o == null ? void 0 : o.pageScrollingTooltip, children: r }), A = ({ icon: r }) => {
23
+ const { setScrollMode: i } = S(), { localeMessages: o } = c();
24
+ return /* @__PURE__ */ t(f, { localeMessages: o, children: /* @__PURE__ */ t(
25
+ p,
26
+ {
27
+ onClick: () => i(l.PAGE_SCROLLING),
28
+ "aria-label": o == null ? void 0 : o.pageScrollingTooltip,
29
+ children: r || /* @__PURE__ */ t(n, {})
30
+ }
31
+ ) });
32
+ };
33
+ export {
34
+ A as PageScrollingTool
35
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, Fragment as n } from "react/jsx-runtime";
2
2
  import { ChevronUpIcon as e } from "../../../icons/ChevronUpIcon.js";
3
3
  import { UIButton as a } from "../../../ui/Button.js";
4
- import { u as d } from "../../../../ToolbarLayout.module-60ee3cc4.js";
4
+ import { u as d } from "../../../../ToolbarLayout.module-e348917a.js";
5
5
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
6
6
  import c from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -65,9 +65,9 @@ import "../../../../contexts/IconToolContext.js";
65
65
  import "../../../../contexts/OtherToolContext.js";
66
66
  import "../../../../contexts/ThemeContext.js";
67
67
  import "../../../icons/Thumbnail.js";
68
+ import "../../../../RPSplitter-b942c039.js";
68
69
  import "../../Container.js";
69
70
  import "../../../../contexts/ViewportContext.js";
70
- import "../../sidebar/RPSplitter.js";
71
71
  import "../../WrapperLayout.js";
72
72
  import "../../../RPDropFileZone.js";
73
73
  import "../../../icons/LightPdfIcon.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as p } from "../../../icons/PrintDefaultIcon.js";
3
3
  import { UIButton as m } from "../../../ui/Button.js";
4
- import { c as n } from "../../../../ToolbarLayout.module-60ee3cc4.js";
4
+ import { c as n } from "../../../../ToolbarLayout.module-e348917a.js";
5
5
  import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
6
6
  import u from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -66,9 +66,9 @@ import "../../../../contexts/IconToolContext.js";
66
66
  import "../../../../contexts/OtherToolContext.js";
67
67
  import "../../../../contexts/ThemeContext.js";
68
68
  import "../../../icons/Thumbnail.js";
69
+ import "../../../../RPSplitter-b942c039.js";
69
70
  import "../../Container.js";
70
71
  import "../../../../contexts/ViewportContext.js";
71
- import "../../sidebar/RPSplitter.js";
72
72
  import "../../WrapperLayout.js";
73
73
  import "../../../RPDropFileZone.js";
74
74
  import "../../../icons/LightPdfIcon.js";
@@ -5,7 +5,7 @@ import { SinglePageIcon as n } from "../../../icons/SinglePageIcon.js";
5
5
  import "react";
6
6
  import "../../../../contexts/RPDocumentContext.js";
7
7
  import "../../../../contexts/DocumentPasswordContext.js";
8
- import "../../../../ToolbarLayout.module-60ee3cc4.js";
8
+ import "../../../../ToolbarLayout.module-e348917a.js";
9
9
  import "../../../../contexts/DarkModeContext.js";
10
10
  import "../../../../contexts/RotationContext.js";
11
11
  import "../../../../contexts/LayerContext.js";
@@ -40,7 +40,7 @@ import "pdfjs-dist";
40
40
  import "../../Container.js";
41
41
  import "../../../../contexts/ViewportContext.js";
42
42
  import "../../../../contexts/ToolbarComponentContext.js";
43
- import "../../sidebar/RPSplitter.js";
43
+ import "../../../../RPSplitter-b942c039.js";
44
44
  import "../../WrapperLayout.js";
45
45
  import "../../../RPDropFileZone.js";
46
46
  import "../../../../LayoutWrapper-3f4d0a19.js";