@pdf-viewer/react 1.13.0 → 1.14.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/ToolbarLayout.module-c133fcc0.js +3543 -0
  2. package/dist/components/RPConfig.js +127 -123
  3. package/dist/components/RPController.js +1 -1
  4. package/dist/components/RPPages.js +1 -1
  5. package/dist/components/RPProvider.js +1 -1
  6. package/dist/components/layout/LayoutContainer.js +1 -1
  7. package/dist/components/layout/RPDefaultLayout.js +1 -1
  8. package/dist/components/layout/RPLayout.js +1 -1
  9. package/dist/components/layout/sidebar/RPSidebar.js +1 -1
  10. package/dist/components/layout/sidebar/Thumbnail.js +1 -1
  11. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  12. package/dist/components/layout/toolbar/DocumentDialog.js +1 -1
  13. package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
  14. package/dist/components/layout/toolbar/MostPageTool.js +1 -1
  15. package/dist/components/layout/toolbar/OtherTool.js +1 -1
  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/RPMoreOptions.js +1 -1
  19. package/dist/components/layout/toolbar/RPToolbar.js +1 -1
  20. package/dist/components/layout/toolbar/RPToolbarEnd.js +1 -1
  21. package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
  22. package/dist/components/layout/toolbar/SearchTool.js +1 -1
  23. package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
  24. package/dist/components/layout/toolbar/ToolbarCustom.js +19 -19
  25. package/dist/components/layout/toolbar/ToolbarDefault.js +25 -25
  26. package/dist/components/layout/toolbar/ToolbarLayout.js +1 -1
  27. package/dist/components/layout/toolbar/ZoomTool.js +1 -1
  28. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +1 -1
  29. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
  30. package/dist/components/layout/toolbar/tools/InputPageTool.js +1 -1
  31. package/dist/components/layout/toolbar/tools/NextPageTool.js +1 -1
  32. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
  33. package/dist/components/layout/toolbar/tools/PrintTool.js +2 -2
  34. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
  35. package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.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/layout/toolbar/tools/defaults/RPVerticalBar.js +1 -1
  39. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +1 -1
  40. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +1 -1
  41. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +1 -1
  42. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +1 -1
  43. package/dist/components/page/AnnotationLayer.js +1 -1
  44. package/dist/components/page/CanvasLayer.js +1 -1
  45. package/dist/components/page/DualPage.js +1 -1
  46. package/dist/components/page/RPPage.js +1 -1
  47. package/dist/components/page/SinglePage.js +1 -1
  48. package/dist/components/page/TextHighlightLayer.js +1 -1
  49. package/dist/components/page/TextLayer.js +1 -1
  50. package/dist/components/ui/LoadingIndicator.js +1 -1
  51. package/dist/contexts/ElementPageContext.js +1 -1
  52. package/dist/contexts/PaginationContext.js +1 -1
  53. package/dist/contexts/PrintContext.js +1 -1
  54. package/dist/contexts/RenderQueueProvider.js +1 -1
  55. package/dist/contexts/SearchContext.js +1 -1
  56. package/dist/contexts/ThumbnailsContext.js +1 -1
  57. package/dist/main.js +1 -1
  58. package/dist/types/main.d.ts +1 -1
  59. package/dist/types/utils/hooks/usePrint.d.ts +3 -2
  60. package/dist/types/utils/hooks/useSearch.d.ts +1 -2
  61. package/dist/types/utils/types.d.ts +7 -3
  62. package/dist/utils/hooks/useFileDownload.js +1 -1
  63. package/dist/utils/hooks/useLicense.js +1 -1
  64. package/dist/utils/hooks/usePaginate.js +1 -1
  65. package/dist/utils/hooks/usePresentPage.js +1 -1
  66. package/dist/utils/hooks/usePrint.js +1 -1
  67. package/dist/utils/hooks/useScrollToPage.js +1 -1
  68. package/dist/utils/hooks/useSearch.js +1 -1
  69. package/dist/utils/hooks/useThumbnail.js +1 -1
  70. package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
  71. package/package.json +1 -1
  72. package/dist/ToolbarLayout.module-126458d9.js +0 -3539
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useState as o, useId as T, useMemo as w } from "react";
3
- import { P as D, e as E, f as G, T as b, g as k } from "../ToolbarLayout.module-126458d9.js";
3
+ import { P as D, e as E, f as G, T as b, g as k } from "../ToolbarLayout.module-c133fcc0.js";
4
4
  import { DarkModeProvider as x } from "../contexts/DarkModeContext.js";
5
5
  import { ViewMode as F, ScrollMode as y, SelectionMode as _ } from "../utils/types.js";
6
6
  import { RotateProvider as z } from "../contexts/RotationContext.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { R as Er } from "../ToolbarLayout.module-126458d9.js";
3
+ import { R as Er } from "../ToolbarLayout.module-c133fcc0.js";
4
4
  import "../contexts/VirtualScrollContext.js";
5
5
  import "../contexts/RPDocumentContext.js";
6
6
  import "../contexts/DocumentPasswordContext.js";
@@ -22,7 +22,7 @@ import "../utils/hooks/usePdfProperties.js";
22
22
  import "../utils/convertPdfDate.js";
23
23
  import "../utils/formatFileSize.js";
24
24
  import "../utils/appConsole.js";
25
- import "../ToolbarLayout.module-126458d9.js";
25
+ import "../ToolbarLayout.module-c133fcc0.js";
26
26
  import "./icons/ChevronUpIcon.js";
27
27
  import "./ui/Button.js";
28
28
  import "../clsx-0c6e471a.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 Fr } from "../../ToolbarLayout.module-126458d9.js";
8
+ import { L as Fr } from "../../ToolbarLayout.module-c133fcc0.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 Ct } from "../../ToolbarLayout.module-126458d9.js";
3
+ import { a as Ct } from "../../ToolbarLayout.module-c133fcc0.js";
4
4
  import "../../LayoutWrapper-6224491f.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-126458d9.js";
10
+ import { L as b } from "../../ToolbarLayout.module-c133fcc0.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 { a0 as Do } from "../../../ToolbarLayout.module-126458d9.js";
5
+ import { a0 as Do } from "../../../ToolbarLayout.module-c133fcc0.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 { $ as Eo } from "../../../ToolbarLayout.module-126458d9.js";
3
+ import { $ as Eo } from "../../../ToolbarLayout.module-c133fcc0.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 { p as Fo } from "../../../ToolbarLayout.module-126458d9.js";
3
+ import { p as Fo } from "../../../ToolbarLayout.module-c133fcc0.js";
4
4
  import "../../../utils/hooks/useInfiniteScroll.js";
5
5
  import "../../../utils/withRef.js";
6
6
  import "../../icons/ChevronUpIcon.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { D as Gm } from "../../../ToolbarLayout.module-126458d9.js";
3
+ import { D as Gm } from "../../../ToolbarLayout.module-c133fcc0.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 { U as Cr } from "../../../ToolbarLayout.module-126458d9.js";
6
+ import { U as Cr } from "../../../ToolbarLayout.module-c133fcc0.js";
7
7
  import "./MenuItem.js";
8
8
  import "../../../contexts/ViewportContext.js";
9
9
  import "../../ui/RPTooltip.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 { W as Cr } from "../../../ToolbarLayout.module-126458d9.js";
7
+ import { W as Cr } from "../../../ToolbarLayout.module-c133fcc0.js";
8
8
  import "../../../contexts/DarkModeContext.js";
9
9
  import "../../../contexts/RotationContext.js";
10
10
  import "../../../contexts/LayerContext.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 { X as Dr } from "../../../ToolbarLayout.module-126458d9.js";
6
+ import { X as Dr } from "../../../ToolbarLayout.module-c133fcc0.js";
7
7
  import "./DocumentProperties.js";
8
8
  import "./RotateTool.js";
9
9
  import "./ViewModeTool.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 { l as Fr } from "../../../ToolbarLayout.module-126458d9.js";
6
+ import { l as Fr } from "../../../ToolbarLayout.module-c133fcc0.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 { V as Dr } from "../../../ToolbarLayout.module-126458d9.js";
6
+ import { V as Dr } from "../../../ToolbarLayout.module-c133fcc0.js";
7
7
  import "../../../contexts/ViewportContext.js";
8
8
  import "../../../contexts/LocalizationContext.js";
9
9
  import "./MenuItem.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as T, Fragment as R, jsx as t } from "react/jsx-runtime";
2
2
  import { useState as k, useRef as z, useMemo as M, useEffect as j } from "react";
3
- import { r as H, D as L } from "../../../ToolbarLayout.module-126458d9.js";
3
+ import { r as H, D as L } from "../../../ToolbarLayout.module-c133fcc0.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";
@@ -1,5 +1,5 @@
1
1
  import "react/jsx-runtime";
2
- import { _ as Cr } from "../../../ToolbarLayout.module-126458d9.js";
2
+ import { _ as Cr } from "../../../ToolbarLayout.module-c133fcc0.js";
3
3
  import "../../../contexts/ToolbarComponentContext.js";
4
4
  import "../../../contexts/ViewportContext.js";
5
5
  import "../../../contexts/ToolComponentContext.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "./FileUploadTool.js";
3
3
  import "./DarkModeTool.js";
4
- import { n as Cr } from "../../../ToolbarLayout.module-126458d9.js";
4
+ import { n as Cr } from "../../../ToolbarLayout.module-c133fcc0.js";
5
5
  import "./FullScreenTool.js";
6
6
  import "../../../contexts/ViewportContext.js";
7
7
  import "../../icons/FileUploadDefaultIcon.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 { Y as Co } from "../../../ToolbarLayout.module-126458d9.js";
6
+ import { Y as Co } from "../../../ToolbarLayout.module-c133fcc0.js";
7
7
  import "../../../SearchCloseButton-08d57275.js";
8
8
  import "react";
9
9
  import "../../../index-c9a2990a.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-126458d9.js";
11
+ import { S as Er } from "../../../ToolbarLayout.module-c133fcc0.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 o, Fragment as c } from "react/jsx-runtime";
2
- import { h as u } from "../../../ToolbarLayout.module-126458d9.js";
2
+ import { h as u } from "../../../ToolbarLayout.module-c133fcc0.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";
@@ -1,7 +1,7 @@
1
- import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
2
- import { useRef as c, useState as x } from "react";
3
- import { h as N, c as g, o as i, p as C, q as w } from "../../../ToolbarLayout.module-126458d9.js";
4
- import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
1
+ import { jsxs as o, Fragment as e, jsx as t } from "react/jsx-runtime";
2
+ import { useRef as c, useState as w } from "react";
3
+ import { h as x, c as N, o as i, p as C, q as R } from "../../../ToolbarLayout.module-c133fcc0.js";
4
+ import { useToolbarComponentContext as y } from "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
7
7
  import "../../../contexts/DarkModeContext.js";
@@ -35,8 +35,8 @@ import "../../../contexts/EventCallbackContext.js";
35
35
  import "../../RPConfig.js";
36
36
  import "../Container.js";
37
37
  import "../../../contexts/ViewportContext.js";
38
- import { RPSplitter as R } from "../sidebar/RPSplitter.js";
39
- import { THUMBNAIL_MIN_WIDTH as y } from "../../../utils/constants.js";
38
+ import { RPSplitter as I } from "../sidebar/RPSplitter.js";
39
+ import { THUMBNAIL_MIN_WIDTH as W } from "../../../utils/constants.js";
40
40
  import "../WrapperLayout.js";
41
41
  import "../../../LayoutWrapper-6224491f.js";
42
42
  import "../../../contexts/ThemeContext.js";
@@ -136,28 +136,28 @@ import "../../RPTheme.js";
136
136
  import "../../../utils/hooks/useLoadWorker.js";
137
137
  import "../../icons/LightPdfIcon.js";
138
138
  import "../../icons/DarkPdfIcon.js";
139
- const io = (d) => {
140
- 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);
141
- return /* @__PURE__ */ o(n, { children: [
139
+ const po = (d) => {
140
+ const { children: h, toolbar: u } = d, n = c(null), { active: s } = x(), { showPrintProgress: b } = y(), { progress: f, showDefaultProgress: g } = N(), { percentage: a } = f || {}, r = u, m = r == null ? void 0 : r.topbar, p = r == null ? void 0 : r.leftSidebar, l = c(null), [v, P] = w(W), T = g ?? b;
141
+ return /* @__PURE__ */ o(e, { children: [
142
142
  /* @__PURE__ */ o("div", { className: i["rp-toolbar-layout"], children: [
143
143
  m && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: i["rp-topbar-content"], children: m == null ? void 0 : m.component }),
144
144
  /* @__PURE__ */ o("div", { className: i["rp-content"], children: [
145
- /* @__PURE__ */ o(n, { children: [
145
+ /* @__PURE__ */ o(e, { children: [
146
146
  p && /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: l, className: i["rp-sidebar-content"], children: p == null ? void 0 : p.component }),
147
147
  /* @__PURE__ */ o(
148
148
  "div",
149
149
  {
150
150
  "data-rp": "thumbnailSidebar",
151
- hidden: !e,
151
+ hidden: !s,
152
152
  className: i["rp-thumbnails-wrapper"],
153
- style: { ...e && { position: "relative", display: "flex" } },
153
+ style: { ...s && { position: "relative", display: "flex" } },
154
154
  children: [
155
- /* @__PURE__ */ t(C, { show: e, ref: s, width: v }),
155
+ /* @__PURE__ */ t(C, { show: s, ref: n, width: v }),
156
156
  /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
157
- R,
157
+ I,
158
158
  {
159
- onWidthChange: T,
160
- thumbnailRef: s,
159
+ onWidthChange: P,
160
+ thumbnailRef: n,
161
161
  leftSidebarRef: l,
162
162
  isRPLayout: !0
163
163
  }
@@ -166,12 +166,12 @@ const io = (d) => {
166
166
  }
167
167
  )
168
168
  ] }),
169
- /* @__PURE__ */ t(n, { children: h })
169
+ /* @__PURE__ */ t(e, { children: h })
170
170
  ] })
171
171
  ] }),
172
- b && a ? /* @__PURE__ */ t(w, { percentage: a }) : null
172
+ T && a ? /* @__PURE__ */ t(R, { percentage: a }) : null
173
173
  ] });
174
174
  };
175
175
  export {
176
- io as ToolbarCustom
176
+ po as ToolbarCustom
177
177
  };
@@ -1,7 +1,7 @@
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, o, p as x, q as N } from "../../../ToolbarLayout.module-126458d9.js";
4
- import { useToolbarComponentContext as P } from "../../../contexts/ToolbarComponentContext.js";
1
+ import { jsxs as t, Fragment as m, jsx as r } from "react/jsx-runtime";
2
+ import { useRef as a, useState as P } from "react";
3
+ import { h as g, c as v, o, p as x, q as N } from "../../../ToolbarLayout.module-c133fcc0.js";
4
+ import { useToolbarComponentContext as R } from "../../../contexts/ToolbarComponentContext.js";
5
5
  import "../../../contexts/RPDocumentContext.js";
6
6
  import "../../../contexts/DocumentPasswordContext.js";
7
7
  import "../../../contexts/DarkModeContext.js";
@@ -35,8 +35,8 @@ import "../../../contexts/EventCallbackContext.js";
35
35
  import "../../RPConfig.js";
36
36
  import "../Container.js";
37
37
  import "../../../contexts/ViewportContext.js";
38
- import { THUMBNAIL_MIN_WIDTH as R } from "../../../utils/constants.js";
39
- import { RPSplitter as T } from "../sidebar/RPSplitter.js";
38
+ import { THUMBNAIL_MIN_WIDTH as T } from "../../../utils/constants.js";
39
+ import { RPSplitter as w } from "../sidebar/RPSplitter.js";
40
40
  import "../WrapperLayout.js";
41
41
  import "../../../LayoutWrapper-6224491f.js";
42
42
  import "../../../contexts/ThemeContext.js";
@@ -54,8 +54,8 @@ import "./MenuSeparator.js";
54
54
  import "../../../utils/dateFormatter.js";
55
55
  import "./PropertyItem.js";
56
56
  import "../../../RotateTool.module-67946714.js";
57
- import { RPHorizontalBar as g } from "./tools/defaults/RPHorizontalBar.js";
58
- import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
57
+ import { RPHorizontalBar as C } from "./tools/defaults/RPHorizontalBar.js";
58
+ import { RPVerticalBar as S } from "./tools/defaults/RPVerticalBar.js";
59
59
  import "../../icons/ChevronUpIcon.js";
60
60
  import "../../../utils/types.js";
61
61
  import "../../../th_TH-d627cd51.js";
@@ -139,15 +139,15 @@ import "../../../utils/hooks/useLoadWorker.js";
139
139
  import "../../icons/LightPdfIcon.js";
140
140
  import "../../icons/DarkPdfIcon.js";
141
141
  import "./ThumbnailTool.js";
142
- const mo = (s) => {
143
- 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);
144
- return /* @__PURE__ */ r(m, { children: [
145
- /* @__PURE__ */ r("div", { className: o["rp-toolbar-layout"], children: [
146
- /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ t(g, {}) }),
147
- /* @__PURE__ */ r("div", { className: o["rp-content"], children: [
148
- /* @__PURE__ */ r(m, { children: [
149
- /* @__PURE__ */ t("div", { "data-rp": "sidebar", ref: a, className: o["rp-sidebar-content"], children: /* @__PURE__ */ t(C, {}) }),
150
- /* @__PURE__ */ r(
142
+ const eo = (n) => {
143
+ const { children: l } = n, p = a(null), { active: i } = g(), { showPrintProgress: c } = R(), { progress: d, showDefaultProgress: h } = v(), { percentage: e } = d || {}, s = a(null), [u, f] = P(T), b = h ?? c;
144
+ return /* @__PURE__ */ t(m, { children: [
145
+ /* @__PURE__ */ t("div", { className: o["rp-toolbar-layout"], children: [
146
+ /* @__PURE__ */ r("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: /* @__PURE__ */ r(C, {}) }),
147
+ /* @__PURE__ */ t("div", { className: o["rp-content"], children: [
148
+ /* @__PURE__ */ t(m, { children: [
149
+ /* @__PURE__ */ r("div", { "data-rp": "sidebar", ref: s, className: o["rp-sidebar-content"], children: /* @__PURE__ */ r(S, {}) }),
150
+ /* @__PURE__ */ t(
151
151
  "div",
152
152
  {
153
153
  "data-rp": "thumbnailSidebar",
@@ -155,13 +155,13 @@ const mo = (s) => {
155
155
  className: o["rp-thumbnails-wrapper"],
156
156
  style: { ...i && { position: "relative", display: "flex" } },
157
157
  children: [
158
- /* @__PURE__ */ t(x, { show: i, ref: p, width: h }),
159
- /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
160
- T,
158
+ /* @__PURE__ */ r(x, { show: i, ref: p, width: u }),
159
+ /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
160
+ w,
161
161
  {
162
- onWidthChange: u,
162
+ onWidthChange: f,
163
163
  thumbnailRef: p,
164
- leftSidebarRef: a,
164
+ leftSidebarRef: s,
165
165
  isRPLayout: !0
166
166
  }
167
167
  ) })
@@ -169,12 +169,12 @@ const mo = (s) => {
169
169
  }
170
170
  )
171
171
  ] }),
172
- /* @__PURE__ */ t(m, { children: l })
172
+ /* @__PURE__ */ r(m, { children: l })
173
173
  ] })
174
174
  ] }),
175
- c && e ? /* @__PURE__ */ t(N, { percentage: e }) : null
175
+ b && e ? /* @__PURE__ */ r(N, { percentage: e }) : null
176
176
  ] });
177
177
  };
178
178
  export {
179
- mo as ToolbarDefault
179
+ eo as ToolbarDefault
180
180
  };
@@ -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-126458d9.js";
5
+ import "../../../ToolbarLayout.module-c133fcc0.js";
6
6
  import "../../icons/ChevronUpIcon.js";
7
7
  import "../../ui/Button.js";
8
8
  import "../../../clsx-0c6e471a.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 { m as Em } from "../../../ToolbarLayout.module-126458d9.js";
8
+ import { m as Em } from "../../../ToolbarLayout.module-c133fcc0.js";
9
9
  import "../../ui/DropDown.js";
10
10
  import "../../../contexts/LayoutContainerContext.js";
11
11
  import "../../../index-3bf64864.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-126458d9.js";
7
+ import { D as P } from "../../../../ToolbarLayout.module-c133fcc0.js";
8
8
  import "react";
9
9
  import "../../../../index-c9a2990a.js";
10
10
  import "react-dom";
@@ -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-126458d9.js";
4
+ import { b as n } from "../../../../ToolbarLayout.module-c133fcc0.js";
5
5
  import l from "../../../ui/RPTooltip.js";
6
6
  import { useLocalizationContext as d } from "../../../../contexts/LocalizationContext.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as c, Fragment as h, jsx as l } from "react/jsx-runtime";
2
2
  import { useState as d, useEffect as S, useCallback as i } from "react";
3
- import { u as x, i as u } from "../../../../ToolbarLayout.module-126458d9.js";
3
+ import { u as x, i as u } from "../../../../ToolbarLayout.module-c133fcc0.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-126458d9.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-c133fcc0.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 m } from "react/jsx-runtime";
2
2
  import { ChevronUpIcon as n } from "../../../icons/ChevronUpIcon.js";
3
3
  import { UIButton as e } from "../../../ui/Button.js";
4
- import { u as a } from "../../../../ToolbarLayout.module-126458d9.js";
4
+ import { u as a } from "../../../../ToolbarLayout.module-c133fcc0.js";
5
5
  import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
6
6
  import P from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.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-126458d9.js";
4
+ import { c as n } from "../../../../ToolbarLayout.module-c133fcc0.js";
5
5
  import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
6
6
  import T from "../../../ui/RPTooltip.js";
7
7
  import "../../../../clsx-0c6e471a.js";
@@ -138,7 +138,7 @@ import "../../../icons/ClearIcon.js";
138
138
  import "../../../../utils/hooks/useLocalization.js";
139
139
  const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), So = ({ icon: o }) => {
140
140
  const { print: i } = n(), { localeMessages: t } = f();
141
- return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: i, "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, {}) }) });
141
+ return /* @__PURE__ */ r(u, { localeMessages: t, children: /* @__PURE__ */ r(m, { onClick: () => i(), "aria-label": t == null ? void 0 : t.printTooltip, children: o || /* @__PURE__ */ r(p, {}) }) });
142
142
  };
143
143
  export {
144
144
  So as PrintTool
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as n } from "react/jsx-runtime";
2
- import { h as l } from "../../../../ToolbarLayout.module-126458d9.js";
2
+ import { h as l } from "../../../../ToolbarLayout.module-c133fcc0.js";
3
3
  import { ThumbnailIcon as h } from "../../../icons/Thumbnail.js";
4
4
  import { UIButton as u } from "../../../ui/Button.js";
5
5
  import a from "../../../ui/RPTooltip.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 { Z as Em } from "../../../../ToolbarLayout.module-126458d9.js";
5
+ import { Z as Em } from "../../../../ToolbarLayout.module-c133fcc0.js";
6
6
  import "../../../../contexts/DarkModeContext.js";
7
7
  import "../../../../utils/types.js";
8
8
  import "../../../../contexts/RotationContext.js";
@@ -2,7 +2,7 @@ import { jsx as r, Fragment as v, jsxs as m } from "react/jsx-runtime";
2
2
  import { useState as z, useRef as x, useEffect as C } from "react";
3
3
  import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
4
4
  import { UIButton as T } from "../../../ui/Button.js";
5
- import { j as p, Z as w } from "../../../../ToolbarLayout.module-126458d9.js";
5
+ import { j as p, Z as w } from "../../../../ToolbarLayout.module-c133fcc0.js";
6
6
  import { UIDropDown as I } from "../../../ui/DropDown.js";
7
7
  import { useLayoutContainer as Z } from "../../../../contexts/LayoutContainerContext.js";
8
8
  import { G as h } from "../../../../index-3bf64864.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 { k as t, S as y, l as C, m as R, n as v } from "../../../../../ToolbarLayout.module-126458d9.js";
5
+ import { k as t, S as y, l as C, m as R, n as v } from "../../../../../ToolbarLayout.module-c133fcc0.js";
6
6
  import "../../../../../contexts/DarkModeContext.js";
7
7
  import "../../../../../contexts/RotationContext.js";
8
8
  import "../../../../../contexts/LayerContext.js";
@@ -3,7 +3,7 @@ import { useState as l, useEffect as a } from "react";
3
3
  import { useIconToolContext as u } from "../../../../../contexts/IconToolContext.js";
4
4
  import { useToolComponentContext as d } from "../../../../../contexts/ToolComponentContext.js";
5
5
  import { ThumbnailTool as I } from "../../ThumbnailTool.js";
6
- import "../../../../../ToolbarLayout.module-126458d9.js";
6
+ import "../../../../../ToolbarLayout.module-c133fcc0.js";
7
7
  import "../../../../icons/ChevronUpIcon.js";
8
8
  import "../../../../ui/Button.js";
9
9
  import "../../../../../clsx-0c6e471a.js";
@@ -3,7 +3,7 @@ import l from "../../../../ui/RPTooltip.js";
3
3
  import { MenuItem as c } from "../../MenuItem.js";
4
4
  import { useViewportContext as d } from "../../../../../contexts/ViewportContext.js";
5
5
  import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
6
- import { b as u } from "../../../../../ToolbarLayout.module-126458d9.js";
6
+ import { b as u } from "../../../../../ToolbarLayout.module-c133fcc0.js";
7
7
  import { FileDownloadDefaultIcon as a } from "../../../../icons/FileDownloadDefaultIcon.js";
8
8
  import "react";
9
9
  import "../../../../../index-c9a2990a.js";
@@ -6,7 +6,7 @@ import { useLocalizationContext as u } from "../../../../../contexts/Localizatio
6
6
  import "react";
7
7
  import "../../../../../contexts/RPDocumentContext.js";
8
8
  import "../../../../../contexts/DocumentPasswordContext.js";
9
- import "../../../../../ToolbarLayout.module-126458d9.js";
9
+ import "../../../../../ToolbarLayout.module-c133fcc0.js";
10
10
  import "../../../../../contexts/DarkModeContext.js";
11
11
  import "../../../../../contexts/RotationContext.js";
12
12
  import "../../../../../contexts/LayerContext.js";
@@ -1,7 +1,7 @@
1
1
  import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
2
  import { MenuItem as a } from "../../MenuItem.js";
3
3
  import s from "../../../../ui/RPTooltip.js";
4
- import { u as C, s as G } from "../../../../../ToolbarLayout.module-126458d9.js";
4
+ import { u as C, s as G } from "../../../../../ToolbarLayout.module-c133fcc0.js";
5
5
  import { G as L } from "../../../../../index-3bf64864.js";
6
6
  import { useMemo as l, useCallback as c } from "react";
7
7
  import "../../../../../contexts/RPDocumentContext.js";
@@ -1,6 +1,6 @@
1
1
  import { jsx as o, jsxs as e } from "react/jsx-runtime";
2
2
  import { PrintDefaultTool as l } from "../../../../icons/PrintDefaultIcon.js";
3
- import { c } from "../../../../../ToolbarLayout.module-126458d9.js";
3
+ import { c } from "../../../../../ToolbarLayout.module-c133fcc0.js";
4
4
  import { useViewportContext as f } from "../../../../../contexts/ViewportContext.js";
5
5
  import { useLocalizationContext as u } from "../../../../../contexts/LocalizationContext.js";
6
6
  import { MenuItem as s } from "../../MenuItem.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 { I as Er } from "../../ToolbarLayout.module-126458d9.js";
5
+ import { I as Er } from "../../ToolbarLayout.module-c133fcc0.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 { G as Eo } from "../../ToolbarLayout.module-126458d9.js";
5
+ import { G as Eo } from "../../ToolbarLayout.module-c133fcc0.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 { N as Er } from "../../ToolbarLayout.module-126458d9.js";
3
+ import { N as Er } from "../../ToolbarLayout.module-c133fcc0.js";
4
4
  import "../icons/ChevronUpIcon.js";
5
5
  import "../ui/Button.js";
6
6
  import "../../clsx-0c6e471a.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { K as Dr } from "../../ToolbarLayout.module-126458d9.js";
3
+ import { K as Dr } from "../../ToolbarLayout.module-c133fcc0.js";
4
4
  import "../../contexts/RPDocumentContext.js";
5
5
  import "../../contexts/DocumentPasswordContext.js";
6
6
  import "../../contexts/DarkModeContext.js";