@pdf-viewer/react 1.9.2-rc.2 → 1.9.2-rc.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 (70) hide show
  1. package/dist/{ToolbarLayout.module-95e678ab.js → ToolbarLayout.module-d8ed3e47.js} +3 -3
  2. package/dist/components/RPController.js +1 -1
  3. package/dist/components/RPPages.js +1 -1
  4. package/dist/components/layout/LayoutContainer.js +1 -1
  5. package/dist/components/layout/RPDefaultLayout.js +1 -1
  6. package/dist/components/layout/RPLayout.js +1 -1
  7. package/dist/components/layout/sidebar/RPSidebar.js +1 -1
  8. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  9. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  10. package/dist/components/layout/toolbar/DocumentDialog.js +1 -1
  11. package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
  12. package/dist/components/layout/toolbar/MenuItem.js +1 -1
  13. package/dist/components/layout/toolbar/MenuSeparator.js +1 -1
  14. package/dist/components/layout/toolbar/MostPageTool.js +2 -2
  15. package/dist/components/layout/toolbar/OtherTool.js +2 -2
  16. package/dist/components/layout/toolbar/Paginate.js +1 -1
  17. package/dist/components/layout/toolbar/PrintTool.js +1 -1
  18. package/dist/components/layout/toolbar/RPToolbar.js +1 -1
  19. package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
  20. package/dist/components/layout/toolbar/RotateTool.js +1 -1
  21. package/dist/components/layout/toolbar/ScrollModeTool.js +1 -1
  22. package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
  23. package/dist/components/layout/toolbar/SearchTool.js +1 -1
  24. package/dist/components/layout/toolbar/SelectionModeTool.js +1 -1
  25. package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
  26. package/dist/components/layout/toolbar/ToolbarCustom.js +5 -5
  27. package/dist/components/layout/toolbar/ToolbarDefault.js +34 -21
  28. package/dist/components/layout/toolbar/ViewModeTool.js +1 -1
  29. package/dist/components/layout/toolbar/ZoomTool.js +1 -1
  30. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
  31. package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
  32. package/dist/components/layout/toolbar/tools/NextPageTool.js +1 -1
  33. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
  34. package/dist/components/layout/toolbar/tools/PrintTool.js +1 -1
  35. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
  36. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +1 -1
  37. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +1 -1
  38. package/dist/components/page/AnnotationLayer.js +1 -1
  39. package/dist/components/page/CanvasLayer.js +1 -1
  40. package/dist/components/page/DualPage.js +1 -1
  41. package/dist/components/page/RPPage.js +1 -1
  42. package/dist/components/page/SinglePage.js +1 -1
  43. package/dist/components/page/TextHighlightLayer.js +1 -1
  44. package/dist/components/page/TextLayer.js +1 -1
  45. package/dist/components/ui/Checkbox.js +1 -1
  46. package/dist/components/ui/DropDown.js +1 -1
  47. package/dist/components/ui/LoadingIndicator.js +1 -1
  48. package/dist/components/ui/RPTooltip.js +405 -192
  49. package/dist/contexts/PaginationContext.js +1 -1
  50. package/dist/contexts/PrintContext.js +1 -1
  51. package/dist/contexts/RenderQueueProvider.js +1 -1
  52. package/dist/contexts/SearchContext.js +1 -1
  53. package/dist/contexts/ThumbnailsContext.js +1 -1
  54. package/dist/contexts/ZoomContext.js +51 -48
  55. package/dist/floating-ui.react-dom-88a86594.js +1447 -0
  56. package/dist/{index-5908484b.js → index-48ca3f30.js} +2 -2
  57. package/dist/index-4ba3ab9a.js +1877 -0
  58. package/dist/main.js +1 -1
  59. package/dist/utils/hooks/useFileDownload.js +1 -1
  60. package/dist/utils/hooks/useLicense.js +1 -1
  61. package/dist/utils/hooks/usePaginate.js +1 -1
  62. package/dist/utils/hooks/usePresentPage.js +1 -1
  63. package/dist/utils/hooks/usePrint.js +1 -1
  64. package/dist/utils/hooks/useScrollToPage.js +1 -1
  65. package/dist/utils/hooks/useSearch.js +1 -1
  66. package/dist/utils/hooks/useThumbnail.js +1 -1
  67. package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
  68. package/package.json +1 -1
  69. package/dist/index-18b0454c.js +0 -1657
  70. package/dist/index-f4a9ae4d.js +0 -1664
@@ -83,9 +83,9 @@ import { appConsole as sr } from "./utils/appConsole.js";
83
83
  import { FileUploadTool as dn } from "./components/layout/toolbar/FileUploadTool.js";
84
84
  import { DarkModeTool as cr } from "./components/layout/toolbar/DarkModeTool.js";
85
85
  import { ThreeDotIcon as lr } from "./components/icons/ThreeDotIcon.js";
86
- import { c as dr, u as Tt, P as Ge, b as We, d as Ct, i as ur, k as pr, a as hr } from "./index-5908484b.js";
87
- import { D as fr, u as at } from "./index-18b0454c.js";
88
- import { a as mr, h as gr, u as vr, F as wr, b as _r, G as un } from "./index-f4a9ae4d.js";
86
+ import { c as dr, u as Tt, P as Ge, b as We, d as Ct, i as ur, k as pr, a as hr } from "./index-48ca3f30.js";
87
+ import { D as fr, d as at } from "./floating-ui.react-dom-88a86594.js";
88
+ import { a as mr, h as gr, u as vr, F as wr, b as _r, G as un } from "./index-4ba3ab9a.js";
89
89
  import { CloseIcon as br } from "./components/icons/CloseIcon.js";
90
90
  import { DocumentProperties as Tr } from "./components/layout/toolbar/DocumentProperties.js";
91
91
  import { ViewModeTool as Cr } from "./components/layout/toolbar/ViewModeTool.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useState as e, useId as V, useMemo as T } from "react";
3
- import { P as w, e as D, f as E, T as G, g as b } from "../ToolbarLayout.module-95e678ab.js";
3
+ import { P as w, e as D, f as E, T as G, g as b } from "../ToolbarLayout.module-d8ed3e47.js";
4
4
  import { DarkModeProvider as k } from "../contexts/DarkModeContext.js";
5
5
  import { ViewMode as x, ScrollMode as F, SelectionMode as y } from "../utils/types.js";
6
6
  import { RotateProvider as _ } from "../contexts/RotationContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { R as Ro } from "../ToolbarLayout.module-95e678ab.js";
3
+ import { R as Ro } from "../ToolbarLayout.module-d8ed3e47.js";
4
4
  import "../contexts/VirtualScrollContext.js";
5
5
  import "../contexts/RPDocumentContext.js";
6
6
  import "../contexts/DocumentPasswordContext.js";
@@ -5,7 +5,7 @@ import "../../contexts/ThemeContext.js";
5
5
  import "react";
6
6
  import "../../contexts/RPDocumentContext.js";
7
7
  import "../../contexts/DocumentPasswordContext.js";
8
- import { L as mo } from "../../ToolbarLayout.module-95e678ab.js";
8
+ import { L as mo } from "../../ToolbarLayout.module-d8ed3e47.js";
9
9
  import "../../contexts/DarkModeContext.js";
10
10
  import "../../contexts/RotationContext.js";
11
11
  import "../../contexts/LayerContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { a as L } from "../../ToolbarLayout.module-95e678ab.js";
3
+ import { a as L } from "../../ToolbarLayout.module-d8ed3e47.js";
4
4
  import "../../LayoutWrapper-e99afee2.js";
5
5
  import "../../contexts/ToolbarComponentContext.js";
6
6
  import "../../contexts/LayoutContainerContext.js";
@@ -7,7 +7,7 @@ import { ToolbarLayout as C } from "./toolbar/ToolbarLayout.js";
7
7
  import { WrapperLayout as g } from "./WrapperLayout.js";
8
8
  import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
9
9
  import "../../contexts/DocumentPasswordContext.js";
10
- import { L as b } from "../../ToolbarLayout.module-95e678ab.js";
10
+ import { L as b } from "../../ToolbarLayout.module-d8ed3e47.js";
11
11
  import "../../contexts/DarkModeContext.js";
12
12
  import "../../contexts/RotationContext.js";
13
13
  import "../../contexts/LayerContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../icons/Thumbnail.js";
4
4
  import "../../ui/Button.js";
5
- import { X as P } from "../../../ToolbarLayout.module-95e678ab.js";
5
+ import { X as P } from "../../../ToolbarLayout.module-d8ed3e47.js";
6
6
  import "./RPSplitter.js";
7
7
  import "../../../contexts/ToolbarComponentContext.js";
8
8
  import "../../../contexts/IconContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { W as im } from "../../../ToolbarLayout.module-95e678ab.js";
3
+ import { W as im } from "../../../ToolbarLayout.module-d8ed3e47.js";
4
4
  import "../../../clsx-0c6e471a.js";
5
5
  import "../../icons/LoaderIcon.js";
6
6
  import "../../../contexts/PagesRotateContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { n as a } from "../../../ToolbarLayout.module-95e678ab.js";
3
+ import { n as a } from "../../../ToolbarLayout.module-d8ed3e47.js";
4
4
  import "../../../utils/hooks/useInfiniteScroll.js";
5
5
  import "../../../utils/withRef.js";
6
6
  export {
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { K as to } from "../../../ToolbarLayout.module-95e678ab.js";
3
+ import { K as to } from "../../../ToolbarLayout.module-d8ed3e47.js";
4
4
  import "../../../contexts/LayoutContainerContext.js";
5
5
  import "../../icons/CloseIcon.js";
6
6
  import "../../../utils/dateFormatter.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 { M as w } from "../../../ToolbarLayout.module-95e678ab.js";
6
+ import { M as w } from "../../../ToolbarLayout.module-d8ed3e47.js";
7
7
  import "./MenuItem.js";
8
8
  import "../../../contexts/ViewportContext.js";
9
9
  import "../../ui/RPTooltip.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { I as o } from "../../../index-f4a9ae4d.js";
2
+ import { I as o } from "../../../index-4ba3ab9a.js";
3
3
  import { c } from "../../../clsx-0c6e471a.js";
4
4
  import '../../../assets/MenuItem.css';const n = {
5
5
  "rp-menu-item": "_rp-menu-item_cu12j_1"
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { S as a } from "../../../index-f4a9ae4d.js";
2
+ import { S as a } from "../../../index-4ba3ab9a.js";
3
3
  import '../../../assets/MenuSeparator.css';const e = {
4
4
  "rp-menu-separator": "_rp-menu-separator_17dlz_1"
5
5
  }, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });
@@ -1,10 +1,10 @@
1
1
  import "react/jsx-runtime";
2
- import "../../../index-f4a9ae4d.js";
2
+ import "../../../index-4ba3ab9a.js";
3
3
  import "./MenuItem.js";
4
4
  import "react";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
7
- import { O as po } from "../../../ToolbarLayout.module-95e678ab.js";
7
+ import { O as po } from "../../../ToolbarLayout.module-d8ed3e47.js";
8
8
  import "../../../contexts/DarkModeContext.js";
9
9
  import "../../../contexts/RotationContext.js";
10
10
  import "../../../contexts/LayerContext.js";
@@ -3,14 +3,14 @@ import "../../../contexts/LayoutContainerContext.js";
3
3
  import "../../icons/ThreeDotIcon.js";
4
4
  import "../../ui/Button.js";
5
5
  import "../../ui/DropDown.js";
6
- import { Q as n } from "../../../ToolbarLayout.module-95e678ab.js";
6
+ import { Q as n } from "../../../ToolbarLayout.module-d8ed3e47.js";
7
7
  import "./DocumentProperties.js";
8
8
  import "./RotateTool.js";
9
9
  import "./ViewModeTool.js";
10
10
  import "./ScrollModeTool.js";
11
11
  import "../../../contexts/ViewportContext.js";
12
12
  import "./FileUploadTool.js";
13
- import "../../../index-f4a9ae4d.js";
13
+ import "../../../index-4ba3ab9a.js";
14
14
  import "./MenuSeparator.js";
15
15
  import "./FullScreenTool.js";
16
16
  import "../../ui/RPTooltip.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 { k as d } from "../../../ToolbarLayout.module-95e678ab.js";
6
+ import { k as d } from "../../../ToolbarLayout.module-d8ed3e47.js";
7
7
  import "../../../contexts/IconContext.js";
8
8
  import "../../../contexts/ToolbarComponentContext.js";
9
9
  import "../../../contexts/ViewportContext.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 { N } from "../../../ToolbarLayout.module-95e678ab.js";
6
+ import { N } from "../../../ToolbarLayout.module-d8ed3e47.js";
7
7
  import "../../../contexts/ViewportContext.js";
8
8
  import "../../../contexts/LocalizationContext.js";
9
9
  import "./MenuItem.js";
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { V as e } from "../../../ToolbarLayout.module-95e678ab.js";
2
+ import { V as e } from "../../../ToolbarLayout.module-d8ed3e47.js";
3
3
  import "./ZoomTool.js";
4
4
  import "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/ViewportContext.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "./FileUploadTool.js";
3
3
  import "./DarkModeTool.js";
4
- import { l } from "../../../ToolbarLayout.module-95e678ab.js";
4
+ import { l } from "../../../ToolbarLayout.module-d8ed3e47.js";
5
5
  import "./FullScreenTool.js";
6
6
  import "../../../contexts/ViewportContext.js";
7
7
  export {
@@ -1,5 +1,5 @@
1
1
  import { jsx as t, Fragment as C, jsxs as n } from "react/jsx-runtime";
2
- import { G as p } from "../../../index-f4a9ae4d.js";
2
+ import { G as p } from "../../../index-4ba3ab9a.js";
3
3
  import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
4
4
  import { MenuItem as c } from "./MenuItem.js";
5
5
  import { MenuSeparator as k } from "./MenuSeparator.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
2
- import { G as C } from "../../../index-f4a9ae4d.js";
2
+ import { G as C } from "../../../index-4ba3ab9a.js";
3
3
  import { MenuItem as m } from "./MenuItem.js";
4
4
  import { useToolbarComponentContext as L } from "../../../contexts/ToolbarComponentContext.js";
5
5
  import { PageScrollingIcon as h } from "../../icons/PageScrollingIcon.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 { U as s } from "../../../ToolbarLayout.module-95e678ab.js";
6
+ import { U as s } from "../../../ToolbarLayout.module-d8ed3e47.js";
7
7
  import "../../../SearchCloseButton-cbf182aa.js";
8
8
  export {
9
9
  s as SearchResultNavigator
@@ -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 io } from "../../../ToolbarLayout.module-95e678ab.js";
11
+ import { S as io } from "../../../ToolbarLayout.module-d8ed3e47.js";
12
12
  import "../../../contexts/IconContext.js";
13
13
  import "../../../contexts/RPDocumentContext.js";
14
14
  import "../../../contexts/DocumentPasswordContext.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
2
- import { G as a } from "../../../index-f4a9ae4d.js";
2
+ import { G as a } from "../../../index-4ba3ab9a.js";
3
3
  import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
4
4
  import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
5
5
  import { CheckIcon as l } from "../../icons/CheckIcon.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as u } from "react/jsx-runtime";
2
- import { h as a } from "../../../ToolbarLayout.module-95e678ab.js";
2
+ import { h as a } from "../../../ToolbarLayout.module-d8ed3e47.js";
3
3
  import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
4
4
  import { UIButton as p } from "../../ui/Button.js";
5
5
  import e from "../../ui/RPTooltip.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
2
2
  import { useRef as c, useState as x } from "react";
3
- import { h as N, c as g, m as i, n as C, o as w } from "../../../ToolbarLayout.module-95e678ab.js";
3
+ import { h as N, c as g, m as i, n as C, o as w } from "../../../ToolbarLayout.module-d8ed3e47.js";
4
4
  import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
@@ -34,6 +34,8 @@ import "../../../contexts/OtherToolContext.js";
34
34
  import "../../RPConfig.js";
35
35
  import "../Container.js";
36
36
  import "../../../contexts/ViewportContext.js";
37
+ import { RPSplitter as R } from "../sidebar/RPSplitter.js";
38
+ import { THUMBNAIL_MIN_WIDTH as y } from "../../../utils/constants.js";
37
39
  import "../WrapperLayout.js";
38
40
  import "../../../LayoutWrapper-e99afee2.js";
39
41
  import "../../../contexts/ThemeContext.js";
@@ -46,16 +48,14 @@ import "../../icons/LoaderIcon.js";
46
48
  import "../../../contexts/IconContext.js";
47
49
  import "../../ui/RPTooltip.js";
48
50
  import "../../ui/DropDown.js";
49
- import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
50
51
  import "../../../ZoomTool.module-6c5eabbb.js";
51
52
  import "./MenuItem.js";
52
53
  import "./MenuSeparator.js";
53
54
  import "../../../utils/dateFormatter.js";
54
55
  import "./PropertyItem.js";
55
56
  import "./RotateTool.js";
56
- import { RPSplitter as y } from "../sidebar/RPSplitter.js";
57
57
  const Lt = (d) => {
58
- const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(R);
58
+ const { children: h, toolbar: u } = d, s = c(null), { active: e } = N(), { showPrintProgress: b } = P(), { progress: f } = g(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, T] = x(y);
59
59
  return /* @__PURE__ */ o(n, { children: [
60
60
  /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
61
61
  m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
@@ -72,7 +72,7 @@ const Lt = (d) => {
72
72
  children: [
73
73
  /* @__PURE__ */ t(C, { show: e, ref: s, width: v }),
74
74
  /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
75
- y,
75
+ R,
76
76
  {
77
77
  onWidthChange: T,
78
78
  thumbnailRef: s,
@@ -1,7 +1,7 @@
1
- import { jsxs as o, Fragment as i, jsx as r } from "react/jsx-runtime";
2
- import { useRef as c } from "react";
3
- import { h as d, c as h, m as t, n as u, o as b } from "../../../ToolbarLayout.module-95e678ab.js";
4
- import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
1
+ import { jsxs as r, Fragment as m, jsx as t } from "react/jsx-runtime";
2
+ import { useRef as n, useState as b } from "react";
3
+ import { h as f, c as v, m as o, n as x, o as N } from "../../../ToolbarLayout.module-d8ed3e47.js";
4
+ import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
7
7
  import "../../../contexts/DarkModeContext.js";
@@ -34,7 +34,8 @@ import "../../../contexts/OtherToolContext.js";
34
34
  import "../../RPConfig.js";
35
35
  import "../Container.js";
36
36
  import "../../../contexts/ViewportContext.js";
37
- import "../sidebar/RPSplitter.js";
37
+ import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
38
+ import { RPSplitter as T } from "../sidebar/RPSplitter.js";
38
39
  import "../WrapperLayout.js";
39
40
  import "../../../LayoutWrapper-e99afee2.js";
40
41
  import "../../../contexts/ThemeContext.js";
@@ -50,32 +51,44 @@ import "../../ui/DropDown.js";
50
51
  import "../../../ZoomTool.module-6c5eabbb.js";
51
52
  import "./MenuItem.js";
52
53
  import "./MenuSeparator.js";
53
- import { RPHorizontalBar as v } from "./tools/defaults/RPHorizontalBar.js";
54
- import { RPVerticalBar as x } from "./tools/defaults/RPVerticalBar.js";
55
- const gr = (a) => {
56
- const { children: e } = a, n = c(null), { active: m } = d(), { showPrintProgress: s } = f(), { progress: l } = h(), { percentage: p } = l || {};
57
- return /* @__PURE__ */ o(i, { children: [
58
- /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
59
- /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(v, {}) }),
60
- /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
61
- /* @__PURE__ */ o(i, { children: [
62
- /* @__PURE__ */ r("div", { "data-rp": "sidebar", className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(x, {}) }),
54
+ import { RPHorizontalBar as g } from "./tools/defaults/RPHorizontalBar.js";
55
+ import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
56
+ const yt = (s) => {
57
+ const { children: l } = s, p = n(null), { active: i } = f(), { showPrintProgress: c } = P(), { progress: d } = v(), { percentage: e } = d || {}, a = n(null), [h, u] = b(R);
58
+ return /* @__PURE__ */ r(m, { children: [
59
+ /* @__PURE__ */ r("div", { className: o["rp-toolbar-layout"], children: [
60
+ /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ t(g, {}) }),
61
+ /* @__PURE__ */ r("div", { className: o["rp-content"], children: [
62
+ /* @__PURE__ */ r(m, { children: [
63
+ /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: a, className: o["rp-sidebar-content"], children: /* @__PURE__ */ t(C, {}) }),
63
64
  /* @__PURE__ */ r(
64
65
  "div",
65
66
  {
66
67
  "data-rp": "thumbnailSidebar",
67
- hidden: !m,
68
- className: t["rp-thumbnails-wrapper"],
69
- children: /* @__PURE__ */ r(u, { show: m, ref: n })
68
+ hidden: !i,
69
+ className: o["rp-thumbnails-wrapper"],
70
+ style: { ...i && { position: "relative", display: "flex" } },
71
+ children: [
72
+ /* @__PURE__ */ t(x, { show: i, ref: p, width: h }),
73
+ /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
74
+ T,
75
+ {
76
+ onWidthChange: u,
77
+ thumbnailRef: p,
78
+ leftSidebarRef: a,
79
+ isRPLayout: !0
80
+ }
81
+ ) })
82
+ ]
70
83
  }
71
84
  )
72
85
  ] }),
73
- /* @__PURE__ */ r(i, { children: e })
86
+ /* @__PURE__ */ t(m, { children: l })
74
87
  ] })
75
88
  ] }),
76
- s && p ? /* @__PURE__ */ r(b, { percentage: p }) : null
89
+ c && e ? /* @__PURE__ */ t(N, { percentage: e }) : null
77
90
  ] });
78
91
  };
79
92
  export {
80
- gr as ToolbarDefault
93
+ yt as ToolbarDefault
81
94
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
2
- import { G as P } from "../../../index-f4a9ae4d.js";
2
+ import { G as P } from "../../../index-4ba3ab9a.js";
3
3
  import { MenuSeparator as T } from "./MenuSeparator.js";
4
4
  import { MenuItem as m } from "./MenuItem.js";
5
5
  import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";
@@ -8,7 +8,7 @@ import { UIButton as z } from "../../ui/Button.js";
8
8
  import { c as e } from "../../../ZoomTool.module-6c5eabbb.js";
9
9
  import { UIDropDown as U } from "../../ui/DropDown.js";
10
10
  import { useLayoutContainer as j } from "../../../contexts/LayoutContainerContext.js";
11
- import { G as b } from "../../../index-f4a9ae4d.js";
11
+ import { G as b } from "../../../index-4ba3ab9a.js";
12
12
  import { MenuItem as u } from "./MenuItem.js";
13
13
  import { MenuSeparator as B } from "./MenuSeparator.js";
14
14
  import { useToolbarComponentContext as V } from "../../../contexts/ToolbarComponentContext.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
3
3
  import { UIButton as l } from "../../../ui/Button.js";
4
- import { b as d } from "../../../../ToolbarLayout.module-95e678ab.js";
4
+ import { b as d } from "../../../../ToolbarLayout.module-d8ed3e47.js";
5
5
  import m from "../../../ui/RPTooltip.js";
6
6
  import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
7
7
  const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), c = ({ icon: t }) => {
@@ -1,6 +1,6 @@
1
1
  import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
2
2
  import { useState as d, useEffect as S, useCallback as o } from "react";
3
- import { u as x, i as p } from "../../../../ToolbarLayout.module-95e678ab.js";
3
+ import { u as x, i as p } from "../../../../ToolbarLayout.module-d8ed3e47.js";
4
4
  import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
5
5
  import y from "../../../ui/RPTooltip.js";
6
6
  import { UIInput as E } from "../../../ui/Input.js";
@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
2
2
  import { useMemo as d } 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-95e678ab.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-d8ed3e47.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";
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, Fragment as e } from "react/jsx-runtime";
2
2
  import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
3
3
  import { UIButton as m } from "../../../ui/Button.js";
4
- import { u as a } from "../../../../ToolbarLayout.module-95e678ab.js";
4
+ import { u as a } from "../../../../ToolbarLayout.module-d8ed3e47.js";
5
5
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
6
6
  import P from "../../../ui/RPTooltip.js";
7
7
  const h = ({ icon: t }) => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
3
3
  import { UIButton as p } from "../../../ui/Button.js";
4
- import { c as m } from "../../../../ToolbarLayout.module-95e678ab.js";
4
+ import { c as m } from "../../../../ToolbarLayout.module-d8ed3e47.js";
5
5
  import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
6
6
  import T from "../../../ui/RPTooltip.js";
7
7
  const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), h = ({ icon: o }) => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as l } from "react/jsx-runtime";
2
- import { h } from "../../../../ToolbarLayout.module-95e678ab.js";
2
+ import { h } from "../../../../ToolbarLayout.module-d8ed3e47.js";
3
3
  import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
4
4
  import { UIButton as u } from "../../../ui/Button.js";
5
5
  import a from "../../../ui/RPTooltip.js";
@@ -5,7 +5,7 @@ import { UIButton as T } from "../../../ui/Button.js";
5
5
  import { c as e } from "../../../../ZoomTool.module-6c5eabbb.js";
6
6
  import { UIDropDown as w } from "../../../ui/DropDown.js";
7
7
  import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
8
- import { G as h } from "../../../../index-f4a9ae4d.js";
8
+ import { G as h } from "../../../../index-4ba3ab9a.js";
9
9
  import { MenuItem as m } from "../MenuItem.js";
10
10
  import { MenuSeparator as b } from "../MenuSeparator.js";
11
11
  import A from "../../../ui/RPTooltip.js";
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
2
  import { useState as d, useEffect as f } from "react";
3
3
  import "../../../../../contexts/RPDocumentContext.js";
4
4
  import "../../../../../contexts/DocumentPasswordContext.js";
5
- import { j as t, S as y, k as C, l as R } from "../../../../../ToolbarLayout.module-95e678ab.js";
5
+ import { j as t, S as y, k as C, l as R } from "../../../../../ToolbarLayout.module-d8ed3e47.js";
6
6
  import "../../../../../contexts/DarkModeContext.js";
7
7
  import "../../../../../contexts/RotationContext.js";
8
8
  import "../../../../../contexts/LayerContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { D as ao } from "../../ToolbarLayout.module-95e678ab.js";
5
+ import { D as ao } from "../../ToolbarLayout.module-d8ed3e47.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../utils/types.js";
8
8
  import "../../contexts/RotationContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { C as mr } from "../../ToolbarLayout.module-95e678ab.js";
5
+ import { C as mr } from "../../ToolbarLayout.module-d8ed3e47.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { H as p } from "../../ToolbarLayout.module-95e678ab.js";
3
+ import { H as p } from "../../ToolbarLayout.module-d8ed3e47.js";
4
4
  export {
5
5
  p as DualPage
6
6
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { F as to } from "../../ToolbarLayout.module-95e678ab.js";
3
+ import { F as to } from "../../ToolbarLayout.module-d8ed3e47.js";
4
4
  import "../../contexts/RPDocumentContext.js";
5
5
  import "../../contexts/DocumentPasswordContext.js";
6
6
  import "../../contexts/DarkModeContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { I as m } from "../../ToolbarLayout.module-95e678ab.js";
3
+ import { I as m } from "../../ToolbarLayout.module-d8ed3e47.js";
4
4
  export {
5
5
  m as SinglePage
6
6
  };
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { E as mr } from "../../ToolbarLayout.module-95e678ab.js";
5
+ import { E as mr } from "../../ToolbarLayout.module-d8ed3e47.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../contexts/RPDocumentContext.js";
4
4
  import "../../contexts/DocumentPasswordContext.js";
5
- import { B as pr } from "../../ToolbarLayout.module-95e678ab.js";
5
+ import { B as pr } from "../../ToolbarLayout.module-d8ed3e47.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as _, jsx as s } from "react/jsx-runtime";
2
2
  import * as c from "react";
3
- import { c as j, u as A, a as B, P as w, b as I, d as H, e as K } from "../../index-5908484b.js";
3
+ import { c as j, u as A, a as B, P as w, b as I, d as H, e as K } from "../../index-48ca3f30.js";
4
4
  import { CheckIcon as L } from "../icons/CheckIcon.js";
5
5
  import '../../assets/Checkbox.css';function q(e) {
6
6
  const r = c.useRef({ value: e, previous: e });
@@ -1,5 +1,5 @@
1
1
  import { jsxs as l, jsx as d } from "react/jsx-runtime";
2
- import { R as p, T as c, P as _, C as A } from "../../index-f4a9ae4d.js";
2
+ import { R as p, T as c, P as _, C as A } from "../../index-4ba3ab9a.js";
3
3
  import { c as F } from "../../clsx-0c6e471a.js";
4
4
  import '../../assets/DropDown.css';const w = "_slideDownAndFade_1vzkq_1", m = "_slideLeftAndFade_1vzkq_1", f = "_slideUpAndFade_1vzkq_1", g = "_slideRightAndFade_1vzkq_1", h = {
5
5
  "rp-dropdown-content": "_rp-dropdown-content_1vzkq_1",
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { o as i } from "../../ToolbarLayout.module-95e678ab.js";
2
+ import { o as i } from "../../ToolbarLayout.module-d8ed3e47.js";
3
3
  import "../../clsx-0c6e471a.js";
4
4
  import "../../contexts/LocalizationContext.js";
5
5
  export {