@pdf-viewer/react 1.9.0-beta.5 → 1.9.0-beta.6

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 (81) hide show
  1. package/dist/{Combination-da8647d4.js → Combination-9a0a3e65.js} +14 -14
  2. package/dist/ToolbarLayout.module-88476995.js +2464 -0
  3. package/dist/assets/ToolbarLayout.css +1 -1
  4. package/dist/components/RPController.js +35 -35
  5. package/dist/components/RPPages.js +1 -1
  6. package/dist/components/RPProvider.js +1 -1
  7. package/dist/components/layout/LayoutContainer.js +1 -1
  8. package/dist/components/layout/RPDefaultLayout.js +1 -1
  9. package/dist/components/layout/RPLayout.js +1 -1
  10. package/dist/components/layout/sidebar/RPSidebar.js +11 -11
  11. package/dist/components/layout/sidebar/Thumbnail.js +49 -2
  12. package/dist/components/layout/sidebar/Thumbnails.js +1 -1
  13. package/dist/components/layout/toolbar/DocumentDialog.js +11 -11
  14. package/dist/components/layout/toolbar/FileDownloadTool.js +1 -1
  15. package/dist/components/layout/toolbar/MenuItem.js +1 -1
  16. package/dist/components/layout/toolbar/MenuSeparator.js +1 -1
  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 +6 -6
  20. package/dist/components/layout/toolbar/PrintTool.js +1 -1
  21. package/dist/components/layout/toolbar/RPToolbar.js +3 -3
  22. package/dist/components/layout/toolbar/RotateTool.js +1 -1
  23. package/dist/components/layout/toolbar/ScrollModeTool.js +1 -1
  24. package/dist/components/layout/toolbar/SearchResultNavigator.js +1 -1
  25. package/dist/components/layout/toolbar/SearchTool.js +1 -1
  26. package/dist/components/layout/toolbar/SelectionModeTool.js +1 -1
  27. package/dist/components/layout/toolbar/ThumbnailTool.js +6 -6
  28. package/dist/components/layout/toolbar/ToolbarCustom.js +3 -3
  29. package/dist/components/layout/toolbar/ToolbarDefault.js +7 -7
  30. package/dist/components/layout/toolbar/ViewModeTool.js +1 -1
  31. package/dist/components/layout/toolbar/ZoomTool.js +8 -8
  32. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +1 -1
  33. package/dist/components/layout/toolbar/tools/InputPageTool.js +5 -5
  34. package/dist/components/layout/toolbar/tools/NextPageTool.js +1 -1
  35. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +1 -1
  36. package/dist/components/layout/toolbar/tools/PrintTool.js +1 -1
  37. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +1 -1
  38. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +7 -7
  39. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +1 -1
  40. package/dist/components/page/AnnotationLayer.js +1 -1
  41. package/dist/components/page/CanvasLayer.js +2 -3
  42. package/dist/components/page/DualPage.js +1 -1
  43. package/dist/components/page/RPPage.js +1 -1
  44. package/dist/components/page/SinglePage.js +1 -1
  45. package/dist/components/page/TextHighlightLayer.js +1 -1
  46. package/dist/components/page/TextLayer.js +1 -1
  47. package/dist/components/ui/Checkbox.js +1 -1
  48. package/dist/components/ui/DropDown.js +1 -1
  49. package/dist/components/ui/LoadingIndicator.js +6 -6
  50. package/dist/components/ui/RPTooltip.js +197 -410
  51. package/dist/contexts/ElementPageContext.js +37 -37
  52. package/dist/contexts/FileInputContext.js +18 -20
  53. package/dist/contexts/PaginationContext.js +1 -1
  54. package/dist/contexts/PrintContext.js +2 -2
  55. package/dist/contexts/RenderQueueProvider.js +10 -0
  56. package/dist/contexts/SearchContext.js +1 -1
  57. package/dist/contexts/ThumbnailsContext.js +1 -1
  58. package/dist/{index-8547fbc6.js → index-2160dd99.js} +5 -5
  59. package/dist/index-492f99d0.js +1657 -0
  60. package/dist/index-49b9a615.js +978 -0
  61. package/dist/main.js +1 -1
  62. package/dist/types/components/layout/sidebar/Thumbnail.d.ts +0 -1
  63. package/dist/types/contexts/RenderQueueProvider.d.ts +16 -0
  64. package/dist/types/utils/Queue.d.ts +18 -0
  65. package/dist/types/utils/renderPage.d.ts +1 -6
  66. package/dist/types/utils/types.d.ts +5 -0
  67. package/dist/utils/Queue.js +47 -0
  68. package/dist/utils/hooks/useFileDownload.js +1 -1
  69. package/dist/utils/hooks/useLicense.js +1 -1
  70. package/dist/utils/hooks/usePageRotateContext.js +14 -14
  71. package/dist/utils/hooks/usePaginate.js +2 -2
  72. package/dist/utils/hooks/usePresentPage.js +1 -1
  73. package/dist/utils/hooks/usePrint.js +1 -1
  74. package/dist/utils/hooks/useScrollToPage.js +1 -1
  75. package/dist/utils/hooks/useSearch.js +1 -1
  76. package/dist/utils/hooks/useThumbnail.js +2 -3
  77. package/dist/utils/hooks/useVirtualReactWindow.js +1 -1
  78. package/package.json +1 -1
  79. package/dist/ToolbarLayout.module-60c3d6e8.js +0 -2434
  80. package/dist/floating-ui.react-dom-f3f380e0.js +0 -1447
  81. package/dist/index-473557b1.js +0 -1191
@@ -8,7 +8,7 @@ import { UIInput as ao } from "../../ui/Input.js";
8
8
  import { UICheckbox as U } from "../../ui/Checkbox.js";
9
9
  import { ClearIcon as so } from "../../icons/ClearIcon.js";
10
10
  import { LoaderIcon as po } from "../../icons/LoaderIcon.js";
11
- import { c as mo } from "../../../ToolbarLayout.module-60c3d6e8.js";
11
+ import { c as mo } from "../../../ToolbarLayout.module-88476995.js";
12
12
  import { useIconContext as lo } from "../../../contexts/IconContext.js";
13
13
  import { useDocumentContext as ho } from "../../../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-473557b1.js";
2
+ import { G as a } from "../../../index-49b9a615.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,17 +1,17 @@
1
1
  import { jsx as o, Fragment as u } from "react/jsx-runtime";
2
- import { f as a } from "../../../ToolbarLayout.module-60c3d6e8.js";
2
+ import { g as a } from "../../../ToolbarLayout.module-88476995.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";
6
- import { useLocalizationContext as f } from "../../../contexts/LocalizationContext.js";
7
- import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
6
+ import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
7
+ import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js";
8
8
  import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
9
- const y = () => {
10
- const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } = T(), { localeMessages: i } = f(), r = i == null ? void 0 : i.thumbnailTooltip, m = () => {
9
+ const j = () => {
10
+ const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } = f(), { localeMessages: i } = T(), r = i == null ? void 0 : i.thumbnailTooltip, m = () => {
11
11
  c(!t);
12
12
  };
13
13
  return n ? typeof n == "function" ? /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(n, { onClick: m, active: t }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(p, { onClick: m, active: t, "aria-label": r, children: l || /* @__PURE__ */ o(h, {}) }) }) }) : null;
14
14
  };
15
15
  export {
16
- y as ThumbnailTool
16
+ j as ThumbnailTool
17
17
  };
@@ -1,6 +1,6 @@
1
1
  import { jsxs as p, Fragment as e, jsx as t } from "react/jsx-runtime";
2
2
  import { useRef as f } from "react";
3
- import { f as v, b as C, m as o, k as g } from "../../../ToolbarLayout.module-60c3d6e8.js";
3
+ import { g, b as v, n as o, l as C } from "../../../ToolbarLayout.module-88476995.js";
4
4
  import { useLayoutContainer as x } from "../../../contexts/LayoutContainerContext.js";
5
5
  import { useToolbarComponentContext as N } from "../../../contexts/ToolbarComponentContext.js";
6
6
  import "../../../contexts/RPDocumentContext.js";
@@ -52,7 +52,7 @@ import "../../../WrapperLayout.module-147bc943.js";
52
52
  import "../../../RPTheme.module-bd9038da.js";
53
53
  import "../../../contexts/ThemeContext.js";
54
54
  const Tr = (a) => {
55
- const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = x(), { active: n } = v(), { showPrintProgress: u } = N(), { progress: b } = C(), { percentage: s } = b || {}, r = l, i = r == null ? void 0 : r.topbar, m = r == null ? void 0 : r.leftSidebar;
55
+ const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = x(), { active: n } = g(), { showPrintProgress: u } = N(), { progress: b } = v(), { percentage: s } = b || {}, r = l, i = r == null ? void 0 : r.topbar, m = r == null ? void 0 : r.leftSidebar;
56
56
  return /* @__PURE__ */ p(e, { children: [
57
57
  /* @__PURE__ */ p("div", { className: o["rp-toolbar-layout"], children: [
58
58
  i && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: i == null ? void 0 : i.component }),
@@ -65,7 +65,7 @@ const Tr = (a) => {
65
65
  "data-rp": "thumbnailSidebar",
66
66
  hidden: !n,
67
67
  className: o["rp-thumbnails-wrapper"],
68
- children: /* @__PURE__ */ t(g, { show: n, ref: d })
68
+ children: /* @__PURE__ */ t(C, { show: n, ref: d })
69
69
  }
70
70
  )
71
71
  ] }),
@@ -1,8 +1,8 @@
1
1
  import { jsxs as o, Fragment as p, jsx as r } from "react/jsx-runtime";
2
2
  import { useRef as d } from "react";
3
- import { f as h, b as u, m as t, k as f } from "../../../ToolbarLayout.module-60c3d6e8.js";
4
- import { useLayoutContainer as b } from "../../../contexts/LayoutContainerContext.js";
5
- import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
3
+ import { g as h, b as u, n as t, l as b } from "../../../ToolbarLayout.module-88476995.js";
4
+ import { useLayoutContainer as f } from "../../../contexts/LayoutContainerContext.js";
5
+ import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
6
6
  import "../../../contexts/RPDocumentContext.js";
7
7
  import "../../../contexts/DocumentPasswordContext.js";
8
8
  import "../../../contexts/DarkModeContext.js";
@@ -45,7 +45,7 @@ import "../../../RotateTool.module-03987eba.js";
45
45
  import "../../../SearchTool.module-016f3a8d.js";
46
46
  import "../../../Checkbox.module-3edaacbb.js";
47
47
  import "../../icons/LoaderIcon.js";
48
- import g from "../../ui/LoadingIndicator.js";
48
+ import v from "../../ui/LoadingIndicator.js";
49
49
  import "../../../RPSplitter.module-13d612c4.js";
50
50
  import "../../../Container.module-f8b5c306.js";
51
51
  import "../../../WrapperLayout.module-147bc943.js";
@@ -54,7 +54,7 @@ import "../../../contexts/ThemeContext.js";
54
54
  import { RPHorizontalBar as x } from "./tools/defaults/RPHorizontalBar.js";
55
55
  import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
56
56
  const Pr = (e) => {
57
- const { children: a } = e, n = d(null), { setContentRef: s } = b(), { active: i } = h(), { showPrintProgress: l } = v(), { progress: c } = u(), { percentage: m } = c || {};
57
+ const { children: a } = e, n = d(null), { setContentRef: s } = f(), { active: i } = h(), { showPrintProgress: l } = g(), { progress: c } = u(), { percentage: m } = c || {};
58
58
  return /* @__PURE__ */ o(p, { children: [
59
59
  /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
60
60
  /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(x, {}) }),
@@ -67,14 +67,14 @@ const Pr = (e) => {
67
67
  "data-rp": "thumbnailSidebar",
68
68
  hidden: !i,
69
69
  className: t["rp-thumbnails-wrapper"],
70
- children: /* @__PURE__ */ r(f, { show: i, ref: n })
70
+ children: /* @__PURE__ */ r(b, { show: i, ref: n })
71
71
  }
72
72
  )
73
73
  ] }),
74
74
  /* @__PURE__ */ r("div", { ref: s, className: t["rp-pages"], children: a })
75
75
  ] })
76
76
  ] }),
77
- l && m ? /* @__PURE__ */ r(g, { percentage: m }) : null
77
+ l && m ? /* @__PURE__ */ r(v, { percentage: m }) : null
78
78
  ] });
79
79
  };
80
80
  export {
@@ -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-473557b1.js";
2
+ import { G as P } from "../../../index-49b9a615.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";
@@ -5,10 +5,10 @@ import { ChevronUpIcon as q } from "../../icons/ChevronUpIcon.js";
5
5
  import { ZoomInIcon as J } from "../../icons/ZoomInIcon.js";
6
6
  import { ZoomOutIcon as K } from "../../icons/ZoomOutIcon.js";
7
7
  import { UIButton as C } from "../../ui/Button.js";
8
- import { u as Q, h as c } from "../../../ToolbarLayout.module-60c3d6e8.js";
8
+ import { u as Q, i as c } from "../../../ToolbarLayout.module-88476995.js";
9
9
  import { UIDropDown as Y } from "../../ui/DropDown.js";
10
10
  import { useLayoutContainer as M } from "../../../contexts/LayoutContainerContext.js";
11
- import { G as A } from "../../../index-473557b1.js";
11
+ import { G as A } from "../../../index-49b9a615.js";
12
12
  import { MenuItem as d } from "./MenuItem.js";
13
13
  import { MenuSeparator as oo } from "./MenuSeparator.js";
14
14
  import { useToolbarComponentContext as to } from "../../../contexts/ToolbarComponentContext.js";
@@ -25,14 +25,14 @@ import { usePagesRotateContext as co } from "../../../contexts/PagesRotateContex
25
25
  import { c as po } from "../../../clsx-0c6e471a.js";
26
26
  import { useIconToolContext as D } from "../../../contexts/IconToolContext.js";
27
27
  import { useToolComponentContext as uo } from "../../../contexts/ToolComponentContext.js";
28
- const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400], ho = () => {
28
+ const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400], fo = () => {
29
29
  const { zoomInIcon: e } = S(), { zoomInIcon: r } = D();
30
30
  return e || r || /* @__PURE__ */ t(J, {});
31
- }, fo = () => {
31
+ }, ho = () => {
32
32
  const { zoomOutIcon: e } = S(), { zoomOutIcon: r } = D();
33
33
  return e || r || /* @__PURE__ */ t(K, {});
34
34
  }, Ro = () => {
35
- const { zoomLevel: e, setZoomLevel: r } = $(), { container: N, pagesRef: i } = M(), { zoomTool: h = !0 } = to(), { zoomTool: f = !0 } = uo(), { focusedPage: a } = Q(), { pageRotate: Z } = co(), { pages: b } = io(), { isSmallScreen: W } = no(), { localeMessages: o } = eo(), { viewMode: g } = mo(), [k, E] = L(0), [O, H] = L(!1), v = B(
35
+ const { zoomLevel: e, setZoomLevel: r } = $(), { container: N, pagesRef: i } = M(), { zoomTool: f = !0 } = to(), { zoomTool: h = !0 } = uo(), { focusedPage: a } = Q(), { pageRotate: Z } = co(), { pages: b } = io(), { isSmallScreen: W } = no(), { localeMessages: o } = eo(), { viewMode: g } = mo(), [k, E] = L(0), [O, H] = L(!1), v = B(
36
36
  new ResizeObserver((n) => {
37
37
  E(n[0].contentRect.height);
38
38
  })
@@ -70,14 +70,14 @@ const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400], ho = () =>
70
70
  );
71
71
  return X(() => (i && v.current.observe(i), () => {
72
72
  v.current.disconnect();
73
- }), [i]), !h || !f ? null : typeof h == "function" ? /* @__PURE__ */ t(h, { zoomLevel: e, setZoomLevel: r }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: e, setZoomLevel: r }) : /* @__PURE__ */ u("div", { className: c["rp-zoom-wrapper"], children: [
73
+ }), [i]), !f || !h ? null : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: e, setZoomLevel: r }) : typeof h == "function" ? /* @__PURE__ */ t(h, { zoomLevel: e, setZoomLevel: r }) : /* @__PURE__ */ u("div", { className: c["rp-zoom-wrapper"], children: [
74
74
  /* @__PURE__ */ t(I, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
75
75
  C,
76
76
  {
77
77
  disabled: _,
78
78
  onClick: G,
79
79
  "aria-label": o == null ? void 0 : o.zoomOutTooltip,
80
- children: /* @__PURE__ */ t(fo, {})
80
+ children: /* @__PURE__ */ t(ho, {})
81
81
  }
82
82
  ) }),
83
83
  !W && /* @__PURE__ */ t(
@@ -132,7 +132,7 @@ const lo = 25, T = 1e3, so = [50, 75, 100, 125, 150, 200, 300, 400], ho = () =>
132
132
  disabled: U,
133
133
  onClick: y,
134
134
  "aria-label": o == null ? void 0 : o.zoomInTooltip,
135
- children: /* @__PURE__ */ t(ho, {})
135
+ children: /* @__PURE__ */ t(fo, {})
136
136
  }
137
137
  ) })
138
138
  ] });
@@ -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 { a as d } from "../../../../ToolbarLayout.module-60c3d6e8.js";
4
+ import { a as d } from "../../../../ToolbarLayout.module-88476995.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
- import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
1
+ import { jsxs as u, Fragment as P, 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, g as p } from "../../../../ToolbarLayout.module-60c3d6e8.js";
3
+ import { u as x, h as p } from "../../../../ToolbarLayout.module-88476995.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";
@@ -17,17 +17,17 @@ const k = () => {
17
17
  t.success || e(t.currentPage.toString());
18
18
  }, [c, r, s]), f = o(() => {
19
19
  e(n.toString());
20
- }, [n]), P = o(
20
+ }, [n]), h = o(
21
21
  (t) => {
22
22
  t.key === "Enter" && i();
23
23
  },
24
24
  [i]
25
25
  );
26
- return /* @__PURE__ */ u(h, { children: [
26
+ return /* @__PURE__ */ u(P, { children: [
27
27
  /* @__PURE__ */ g(y, { content: a == null ? void 0 : a.currentPageTooltip, children: /* @__PURE__ */ g(
28
28
  E,
29
29
  {
30
- onKeyDown: P,
30
+ onKeyDown: h,
31
31
  onBlur: f,
32
32
  onChange: m,
33
33
  value: r,
@@ -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-60c3d6e8.js";
5
+ import { u as s } from "../../../../ToolbarLayout.module-88476995.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-60c3d6e8.js";
4
+ import { u as a } from "../../../../ToolbarLayout.module-88476995.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 { b as m } from "../../../../ToolbarLayout.module-60c3d6e8.js";
4
+ import { b as m } from "../../../../ToolbarLayout.module-88476995.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 }), d = ({ icon: o }) => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as o, Fragment as l } from "react/jsx-runtime";
2
- import { f as h } from "../../../../ToolbarLayout.module-60c3d6e8.js";
2
+ import { g as h } from "../../../../ToolbarLayout.module-88476995.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";
@@ -2,10 +2,10 @@ import { jsx as e, Fragment as Z, jsxs as p } from "react/jsx-runtime";
2
2
  import { useState as G, useRef as N, useMemo as S, useCallback as z, useEffect as W } from "react";
3
3
  import { useZoomContext as k } from "../../../../contexts/ZoomContext.js";
4
4
  import { UIButton as E } from "../../../ui/Button.js";
5
- import { u as y, h as i } from "../../../../ToolbarLayout.module-60c3d6e8.js";
5
+ import { u as y, i } from "../../../../ToolbarLayout.module-88476995.js";
6
6
  import { UIDropDown as F } from "../../../ui/DropDown.js";
7
7
  import { useLayoutContainer as R } from "../../../../contexts/LayoutContainerContext.js";
8
- import { G as C } from "../../../../index-473557b1.js";
8
+ import { G as C } from "../../../../index-49b9a615.js";
9
9
  import { MenuItem as l } from "../MenuItem.js";
10
10
  import { MenuSeparator as U } from "../MenuSeparator.js";
11
11
  import { PAGE_PADDING as g } from "../../../../utils/constants.js";
@@ -17,15 +17,15 @@ import { useDocumentContext as V } from "../../../../contexts/RPDocumentContext.
17
17
  import { useViewModeContext as B } from "../../../../contexts/ViewModeContext.js";
18
18
  import { useRotationContext as $ } from "../../../../contexts/RotationContext.js";
19
19
  import { ChevronDownIcon as q } from "../../../icons/ChevronDownIcon.js";
20
- const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: h }) => {
21
- const { zoomLevel: v, setZoomLevel: m } = k(), { container: L, pagesRef: r } = R(), { focusedPage: u } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = G(0), f = N(
20
+ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
21
+ const { zoomLevel: v, setZoomLevel: m } = k(), { container: L, pagesRef: r } = R(), { focusedPage: h } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = G(0), f = N(
22
22
  new ResizeObserver((t) => {
23
23
  w(t[0].contentRect.height);
24
24
  })
25
25
  ), n = S(() => {
26
- const t = d.get(u);
26
+ const t = d.get(h);
27
27
  return t ? t.page.getViewport({ scale: 1, rotation: a + t.defaultRotation }) : null;
28
- }, [d, u, a]), x = z(
28
+ }, [d, h, a]), x = z(
29
29
  (t) => {
30
30
  const A = ((n == null ? void 0 : n.width) || 0) + 2 * g, D = ((n == null ? void 0 : n.height) || 0) + 2 * g, H = (r == null ? void 0 : r.clientWidth) || 0, I = (r == null ? void 0 : r.clientHeight) || 0, T = j(
31
31
  t,
@@ -58,7 +58,7 @@ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: h }) => {
58
58
  children: [
59
59
  /* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: v }),
60
60
  /* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: "%" }),
61
- /* @__PURE__ */ e("div", { className: i["rp-zoom-level-icon"], children: h || /* @__PURE__ */ e(q, {}) })
61
+ /* @__PURE__ */ e("div", { className: i["rp-zoom-level-icon"], children: u || /* @__PURE__ */ e(q, {}) })
62
62
  ]
63
63
  }
64
64
  ) }) }),
@@ -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 { i as t } from "../../../../../ToolbarLayout.module-60c3d6e8.js";
5
+ import { j as t } from "../../../../../ToolbarLayout.module-88476995.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 io } from "../../ToolbarLayout.module-60c3d6e8.js";
5
+ import { F as io } from "../../ToolbarLayout.module-88476995.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 rr } from "../../ToolbarLayout.module-60c3d6e8.js";
5
+ import { D as $ } from "../../ToolbarLayout.module-88476995.js";
6
6
  import "../../contexts/DarkModeContext.js";
7
7
  import "../../contexts/RotationContext.js";
8
8
  import "../../contexts/LayerContext.js";
@@ -50,7 +50,6 @@ import "../../Container.module-f8b5c306.js";
50
50
  import "../../WrapperLayout.module-147bc943.js";
51
51
  import "../../RPTheme.module-bd9038da.js";
52
52
  import "../../contexts/ThemeContext.js";
53
- import "../../utils/renderPage.js";
54
53
  export {
55
- rr as CanvasLayer
54
+ $ as CanvasLayer
56
55
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { G as p } from "../../ToolbarLayout.module-60c3d6e8.js";
3
+ import { J as p } from "../../ToolbarLayout.module-88476995.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 { E as ro } from "../../ToolbarLayout.module-60c3d6e8.js";
3
+ import { H as ro } from "../../ToolbarLayout.module-88476995.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 { H as m } from "../../ToolbarLayout.module-60c3d6e8.js";
3
+ import { K as m } from "../../ToolbarLayout.module-88476995.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 { D as tr } from "../../ToolbarLayout.module-60c3d6e8.js";
5
+ import { G as tr } from "../../ToolbarLayout.module-88476995.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 { A as or } from "../../ToolbarLayout.module-60c3d6e8.js";
5
+ import { E as or } from "../../ToolbarLayout.module-88476995.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 S, jsx as s } from "react/jsx-runtime";
2
2
  import * as n from "react";
3
- import { c as j, u as A, e as B, P as w, a as g, b as H, f as K } from "../../index-8547fbc6.js";
3
+ import { c as j, u as A, e as B, P as w, a as g, b as H, f as K } from "../../index-2160dd99.js";
4
4
  import { c as R } from "../../Checkbox.module-3edaacbb.js";
5
5
  import { CheckIcon as L } from "../icons/CheckIcon.js";
6
6
  function q(e) {
@@ -1,5 +1,5 @@
1
1
  import { jsxs as l, jsx as o } from "react/jsx-runtime";
2
- import { R as m, T as p, P as d, C as f } from "../../index-473557b1.js";
2
+ import { R as m, T as p, P as d, C as f } from "../../index-49b9a615.js";
3
3
  import { c as g } from "../../DropDown.module-a78567cb.js";
4
4
  import { c as h } from "../../clsx-0c6e471a.js";
5
5
  const u = (r) => {
@@ -1,11 +1,11 @@
1
- import { jsx as a, jsxs as l } from "react/jsx-runtime";
2
- import { b as s, l as i } from "../../ToolbarLayout.module-60c3d6e8.js";
1
+ import { jsx as a, jsxs as t } from "react/jsx-runtime";
2
+ import { b as s, m as i } from "../../ToolbarLayout.module-88476995.js";
3
3
  import { c as n } from "../../clsx-0c6e471a.js";
4
4
  import { useLocalizationContext as d } from "../../contexts/LocalizationContext.js";
5
5
  const u = ({ percentage: o }) => {
6
- const { cancel: t } = s(), { localeMessages: r } = d();
7
- return o < 1 ? null : /* @__PURE__ */ a("div", { className: n(i["rp-loading-overlay"]), children: /* @__PURE__ */ l("div", { className: n(i["rp-loading-modal"]), children: [
8
- /* @__PURE__ */ l("div", { className: n(i["rp-loading-title"]), children: [
6
+ const { cancel: l } = s(), { localeMessages: r } = d();
7
+ return o < 1 ? null : /* @__PURE__ */ a("div", { className: n(i["rp-loading-overlay"]), children: /* @__PURE__ */ t("div", { className: n(i["rp-loading-modal"]), children: [
8
+ /* @__PURE__ */ t("div", { className: n(i["rp-loading-title"]), children: [
9
9
  r == null ? void 0 : r.printLoadingMessage,
10
10
  "..."
11
11
  ] }),
@@ -16,7 +16,7 @@ const u = ({ percentage: o }) => {
16
16
  style: { width: `${o}%` }
17
17
  }
18
18
  ) }),
19
- /* @__PURE__ */ a("button", { className: n(i["rp-loading-cancel-button"]), onClick: t, children: r == null ? void 0 : r.printCancelLabel })
19
+ /* @__PURE__ */ a("button", { className: n(i["rp-loading-cancel-button"]), onClick: l, children: r == null ? void 0 : r.printCancelLabel })
20
20
  ] }) });
21
21
  };
22
22
  export {