@react-pdf-kit/viewer 2.0.1-rc.6 → 2.1.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 (94) hide show
  1. package/README.md +49 -84
  2. package/dist/{Combination-17ab8af1.js → Combination-136ff99c.js} +2 -2
  3. package/dist/assets/style.css +1 -1
  4. package/dist/assets/style.js +4 -4
  5. package/dist/components/RPController.js +73 -74
  6. package/dist/components/RPPages.js +544 -545
  7. package/dist/components/layout/RPDefaultLayout.js +6 -6
  8. package/dist/components/layout/RPLayout.js +6 -6
  9. package/dist/components/layout/sidebar/RPSidebar.js +4 -4
  10. package/dist/components/layout/toolbar/DarkModeTool.js +4 -4
  11. package/dist/components/layout/toolbar/DocumentDialog.js +3 -3
  12. package/dist/components/layout/toolbar/DocumentProperties.js +6 -6
  13. package/dist/components/layout/toolbar/FileDownloadTool.js +6 -6
  14. package/dist/components/layout/toolbar/FileUploadTool.js +6 -6
  15. package/dist/components/layout/toolbar/FullScreenTool.js +6 -6
  16. package/dist/components/layout/toolbar/MenuItem.js +6 -6
  17. package/dist/components/layout/toolbar/MenuSeparator.js +6 -6
  18. package/dist/components/layout/toolbar/MostPageTool.js +6 -6
  19. package/dist/components/layout/toolbar/OtherTool.js +6 -6
  20. package/dist/components/layout/toolbar/Paginate.js +4 -4
  21. package/dist/components/layout/toolbar/PrintTool.js +6 -6
  22. package/dist/components/layout/toolbar/RPMenuItem.js +6 -6
  23. package/dist/components/layout/toolbar/RPMoreOptions.js +6 -6
  24. package/dist/components/layout/toolbar/RPToolbar.js +6 -6
  25. package/dist/components/layout/toolbar/RPToolbarEnd.js +6 -6
  26. package/dist/components/layout/toolbar/RotateTool.js +6 -6
  27. package/dist/components/layout/toolbar/ScrollModeTool.js +6 -6
  28. package/dist/components/layout/toolbar/SearchCloseButton.js +4 -4
  29. package/dist/components/layout/toolbar/SearchResultNavigator.js +21 -29
  30. package/dist/components/layout/toolbar/SearchTool.js +102 -99
  31. package/dist/components/layout/toolbar/SelectionModeTool.js +6 -6
  32. package/dist/components/layout/toolbar/ThumbnailTool.js +4 -4
  33. package/dist/components/layout/toolbar/ToolbarDefault.js +6 -6
  34. package/dist/components/layout/toolbar/ToolbarLayout.js +6 -6
  35. package/dist/components/layout/toolbar/ViewModeTool.js +6 -6
  36. package/dist/components/layout/toolbar/ZoomTool.js +6 -6
  37. package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +5 -5
  38. package/dist/components/layout/toolbar/tools/DualPageTool.js +4 -4
  39. package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +6 -6
  40. package/dist/components/layout/toolbar/tools/FileDownloadTool.js +4 -4
  41. package/dist/components/layout/toolbar/tools/FileUploadTool.js +4 -4
  42. package/dist/components/layout/toolbar/tools/FirstPageTool.js +6 -6
  43. package/dist/components/layout/toolbar/tools/FullScreenTool.js +4 -4
  44. package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +4 -4
  45. package/dist/components/layout/toolbar/tools/InputPageTool.js +4 -4
  46. package/dist/components/layout/toolbar/tools/LastPageTool.js +6 -6
  47. package/dist/components/layout/toolbar/tools/NextPageTool.js +4 -4
  48. package/dist/components/layout/toolbar/tools/PageScrollingTool.js +4 -4
  49. package/dist/components/layout/toolbar/tools/PreviousPageTool.js +4 -4
  50. package/dist/components/layout/toolbar/tools/PrintTool.js +4 -4
  51. package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +4 -4
  52. package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +4 -4
  53. package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +4 -4
  54. package/dist/components/layout/toolbar/tools/SinglePageTool.js +4 -4
  55. package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +4 -4
  56. package/dist/components/layout/toolbar/tools/ThumbnailTool.js +4 -4
  57. package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +4 -4
  58. package/dist/components/layout/toolbar/tools/ZoomInTool.js +4 -4
  59. package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +6 -6
  60. package/dist/components/layout/toolbar/tools/ZoomOutTool.js +4 -4
  61. package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +6 -6
  62. package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +4 -4
  63. package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +6 -6
  64. package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +6 -6
  65. package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +6 -6
  66. package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +6 -6
  67. package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +6 -6
  68. package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +6 -6
  69. package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +6 -6
  70. package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +6 -6
  71. package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +6 -6
  72. package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +6 -6
  73. package/dist/components/ui/Checkbox.js +2 -2
  74. package/dist/components/ui/DropDown.js +6 -6
  75. package/dist/components/ui/Input.js +10 -10
  76. package/dist/components/ui/RPTooltip.js +411 -197
  77. package/dist/contexts/InitialStateContext.js +6 -8
  78. package/dist/floating-ui.react-dom-5ec29bd6.js +1327 -0
  79. package/dist/index-61f59539.js +1198 -0
  80. package/dist/{index-ada501c4.js → index-655864a7.js} +1 -1
  81. package/dist/{index-113053cf.js → index-c0faa594.js} +2 -2
  82. package/dist/{index-23911b43.js → index-e3ee9457.js} +6 -6
  83. package/dist/main.js +6 -6
  84. package/dist/types/utils/hooks/useWatermark.d.ts +1 -1
  85. package/dist/types/utils/types.d.ts +1 -1
  86. package/dist/utils/highlight.js +36 -36
  87. package/dist/utils/hooks/useHighlight.js +40 -78
  88. package/dist/utils/hooks/useLicense.js +1 -1
  89. package/dist/utils/hooks/usePrint.js +78 -71
  90. package/dist/utils/hooks/useWatermark.js +43 -61
  91. package/dist/utils/injectPrintCSS.js +9 -9
  92. package/package.json +1 -1
  93. package/dist/index-11f3cd64.js +0 -983
  94. package/dist/index-d0f0aa9a.js +0 -1542
@@ -1,31 +1,31 @@
1
- import { jsx as o, Fragment as at, jsxs as C } from "react/jsx-runtime";
2
- import { UIButton as ct } from "../../ui/Button.js";
1
+ import { jsx as o, Fragment as pt, jsxs as x } from "react/jsx-runtime";
2
+ import { UIButton as mt } from "../../ui/Button.js";
3
3
  import { SearchIcon as A } from "../../icons/SearchIcon.js";
4
- import { useState as b, useCallback as i, useEffect as l, useMemo as W } from "react";
5
- import { useLayoutContainer as pt } from "../../../contexts/LayoutContainerContext.js";
4
+ import { useState as S, useCallback as i, useEffect as h, useMemo as W } from "react";
5
+ import { useLayoutContainer as st } from "../../../contexts/LayoutContainerContext.js";
6
6
  import { c as n } from "../../../SearchTool.module-99f60dc7.js";
7
- import { UIInput as mt } from "../../ui/Input.js";
7
+ import { UIInput as lt } from "../../ui/Input.js";
8
8
  import { UICheckbox as $ } from "../../ui/Checkbox.js";
9
9
  import { ClearIcon as ht } from "../../icons/ClearIcon.js";
10
- import { LoaderIcon as lt } from "../../icons/LoaderIcon.js";
11
- import { useSearchContext as st } from "../../../contexts/SearchContext.js";
12
- import { useIconContext as dt } from "../../../contexts/IconContext.js";
13
- import { useDocumentContext as ut } from "../../../contexts/RPDocumentContext.js";
14
- import E from "../../ui/RPTooltip.js";
15
- import { useToolbarComponentContext as ft } from "../../../contexts/ToolbarComponentContext.js";
16
- import { useLocalizationContext as It } from "../../../contexts/LocalizationContext.js";
10
+ import { LoaderIcon as dt } from "../../icons/LoaderIcon.js";
11
+ import { useSearchContext as ut } from "../../../contexts/SearchContext.js";
12
+ import { useIconContext as F } from "../../../contexts/IconContext.js";
13
+ import { useDocumentContext as ft } from "../../../contexts/RPDocumentContext.js";
14
+ import v from "../../ui/RPTooltip.js";
15
+ import { useToolbarComponentContext as It } from "../../../contexts/ToolbarComponentContext.js";
16
+ import { useLocalizationContext as Ct } from "../../../contexts/LocalizationContext.js";
17
17
  import { InfoIcon as j } from "../../icons/InfoIcon.js";
18
- import { useViewportContext as Ct } from "../../../contexts/ViewportContext.js";
18
+ import { useViewportContext as bt } from "../../../contexts/ViewportContext.js";
19
19
  import { SearchResultNavigator as q } from "./SearchResultNavigator.js";
20
20
  import { SearchCloseButton as z } from "./SearchCloseButton.js";
21
- import { UIDropDown as bt } from "../../ui/DropDown.js";
22
- import { useIconToolContext as xt } from "../../../contexts/IconToolContext.js";
21
+ import { UIDropDown as xt } from "../../ui/DropDown.js";
22
+ import { useIconToolContext as H } from "../../../contexts/IconToolContext.js";
23
23
  import { useToolComponentContext as St } from "../../../contexts/ToolComponentContext.js";
24
24
  import "../../../clsx-0c6e471a.js";
25
25
  import "../../../utils/withRef.js";
26
- import "../../../index-113053cf.js";
26
+ import "../../../index-c0faa594.js";
27
27
  import "react-dom";
28
- import "../../../index-ada501c4.js";
28
+ import "../../../index-655864a7.js";
29
29
  import "../../icons/CheckIcon.js";
30
30
  import "../../../utils/hooks/useSearch.js";
31
31
  import "../../../utils/types.js";
@@ -61,86 +61,89 @@ import "../../../contexts/SmoothScrollContext.js";
61
61
  import "../../../utils/getScrollDistance.js";
62
62
  import "../../../utils/calculatePage.js";
63
63
  import "../../../utils/getWordPositionInPage.js";
64
- import "../../../index-23911b43.js";
65
- import "../../../index-d0f0aa9a.js";
64
+ import "../../../index-e3ee9457.js";
65
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
66
66
  import "../../../utils/hooks/useLocalization.js";
67
67
  import "../../icons/ChevronUpIcon.js";
68
68
  import "../../icons/CloseIcon.js";
69
- import "../../../index-11f3cd64.js";
70
- import "../../../Combination-17ab8af1.js";
69
+ import "../../../index-61f59539.js";
70
+ import "../../../Combination-136ff99c.js";
71
71
  const yt = () => {
72
- const { searchIcon: x } = dt(), { searchIcon: v } = xt();
73
- return x || v || /* @__PURE__ */ o(A, {});
74
- }, jo = ({ icon: x }) => {
75
- const { container: v } = pt(), [s, L] = b(!1), { pdf: S } = ut(), [k, F] = b(null), {
72
+ const { searchIcon: s } = F(), { searchIcon: d } = H();
73
+ return s ?? d ?? /* @__PURE__ */ o(A, {});
74
+ }, Tt = () => {
75
+ const { searchClearIcon: s } = F(), { searchClearIcon: d } = H();
76
+ return s ?? d ?? /* @__PURE__ */ o(ht, {});
77
+ }, qo = ({ icon: s }) => {
78
+ const { container: d } = st(), [u, L] = S(!1), { pdf: y } = ft(), [k, G] = S(null), {
76
79
  searchOptions: D,
77
- setSearchOptions: y,
78
- loading: H,
80
+ setSearchOptions: T,
81
+ loading: J,
79
82
  setSearch: c,
80
83
  totalMatches: K,
81
84
  currentMatchPosition: B,
82
85
  nextMatch: O,
83
86
  prevMatch: P,
84
87
  search: e
85
- } = st(), { searchTool: G = !0 } = ft(), { searchTool: J = !0 } = St(), [d, u] = b(e), { localeMessages: t } = It(), { isSmallScreen: f } = Ct(), [T, Q] = b(null), [X, Y] = b(!1), Z = i(() => {
88
+ } = ut(), { searchTool: Q = !0 } = It(), { searchTool: X = !0 } = St(), [f, I] = S(e), { localeMessages: t } = Ct(), { isSmallScreen: C } = bt(), [E, Y] = S(null), [Z, _] = S(!1), g = i(() => {
86
89
  L(!0);
87
- }, []), h = i(() => {
88
- c(""), u(""), L(!1);
90
+ }, []), l = i(() => {
91
+ c(""), I(""), L(!1);
89
92
  }, [c]), R = (r) => {
90
- const a = r.key === "Enter", I = r.key === " ";
91
- (a || I) && h();
93
+ const a = r.key === "Enter", b = r.key === " ";
94
+ (a || b) && l();
92
95
  }, w = i(
93
96
  (r) => {
94
- r.key === "Escape" && s && h();
97
+ r.key === "Escape" && u && l();
95
98
  },
96
- [s]
97
- ), _ = i(
99
+ [u]
100
+ ), M = i(
98
101
  (r) => {
99
- r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== d ? c(d) : r.key === "Enter" && O();
102
+ r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== f ? c(f) : r.key === "Enter" && O();
100
103
  },
101
- [d, P, O, c, e]
104
+ [f, P, O, c, e]
102
105
  );
103
- l(() => {
104
- u(e);
105
- }, [e]), l(() => {
106
- e && S && Y(!0);
107
- }, [e, S]), l(() => {
108
- e && e.trim() !== "" && (u(e), c(e));
109
- }, []), l(() => (window.addEventListener("keydown", w), () => {
106
+ h(() => {
107
+ I(e);
108
+ }, [e]), h(() => {
109
+ e && y && _(!0);
110
+ }, [e, y]), h(() => {
111
+ e && e.trim() !== "" && (I(e), c(e));
112
+ }, []), h(() => (window.addEventListener("keydown", w), () => {
110
113
  window.removeEventListener("keydown", w);
111
- }), [w]), l(() => {
114
+ }), [w]), h(() => {
112
115
  k && setTimeout(() => {
113
116
  k.focus();
114
117
  }, 0);
115
118
  }, [k]);
116
- const g = i((r) => {
117
- u(r.target.value);
119
+ const tt = i((r) => {
120
+ I(r.target.value);
118
121
  }, []), U = i(() => {
119
- u(""), c("");
120
- }, [c]), M = W(() => `${B} / ${K}`, [B, K]), { wholeWords: tt, matchCase: ot } = W(() => D, [D]), rt = i(
122
+ I(""), c("");
123
+ }, [c]), ot = W(() => `${B} / ${K}`, [B, K]), { wholeWords: rt, matchCase: et } = W(() => D, [D]), nt = i(
121
124
  (r) => {
122
- y((a) => ({ ...a, matchCase: r }));
125
+ T((a) => ({ ...a, matchCase: r }));
123
126
  },
124
- [y]
125
- ), et = i(
127
+ [T]
128
+ ), it = i(
126
129
  (r) => {
127
- y((a) => ({ ...a, wholeWords: r }));
130
+ T((a) => ({ ...a, wholeWords: r }));
128
131
  },
129
- [y]
132
+ [T]
130
133
  );
131
- l(() => {
132
- S && X && h();
133
- }, [S, h]);
134
- const p = W(() => (T == null ? void 0 : T.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [T]), nt = i(
134
+ h(() => {
135
+ y && Z && l();
136
+ }, [y, l]);
137
+ const p = W(() => (E == null ? void 0 : E.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [E]), at = i(
135
138
  (r) => {
136
139
  if (r.key === "Tab") {
137
140
  const a = document.activeElement;
138
- let I = 0;
139
- p.forEach((m, it) => {
140
- m === a && (I = it);
141
+ let b = 0;
142
+ p.forEach((m, ct) => {
143
+ m === a && (b = ct);
141
144
  });
142
- let N = I + 1;
143
- r.shiftKey && (N = I - 1);
145
+ let N = b + 1;
146
+ r.shiftKey && (N = b - 1);
144
147
  const V = p[N];
145
148
  if (V)
146
149
  V.focus();
@@ -155,54 +158,54 @@ const yt = () => {
155
158
  },
156
159
  [p]
157
160
  );
158
- return !G || !J ? null : /* @__PURE__ */ o(at, { children: /* @__PURE__ */ o(
159
- bt,
161
+ return !Q || !X ? null : /* @__PURE__ */ o(pt, { children: /* @__PURE__ */ o(
162
+ xt,
160
163
  {
161
- open: s,
162
- container: v,
164
+ open: u,
165
+ container: d,
163
166
  side: "bottom",
164
167
  align: "start",
165
168
  tabIndex: 0,
166
169
  avoidCollisions: !1,
167
- triggerComponent: /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
168
- ct,
170
+ triggerComponent: /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
171
+ mt,
169
172
  {
170
- active: s,
171
- onClick: Z,
173
+ active: u,
174
+ onClick: g,
172
175
  "aria-label": t == null ? void 0 : t.searchButtonTooltip,
173
- "aria-expanded": s,
176
+ "aria-expanded": u,
174
177
  "aria-haspopup": "dialog",
175
- children: x || /* @__PURE__ */ o(yt, {})
178
+ children: s || /* @__PURE__ */ o(yt, {})
176
179
  }
177
180
  ) }),
178
- children: /* @__PURE__ */ C(
181
+ children: /* @__PURE__ */ x(
179
182
  "div",
180
183
  {
181
- ref: Q,
184
+ ref: Y,
182
185
  className: n["rp-search-tool-content"],
183
186
  tabIndex: 0,
184
- onKeyDown: nt,
187
+ onKeyDown: at,
185
188
  role: "dialog",
186
189
  "aria-label": (t == null ? void 0 : t.searchInputTooltip) || "Search dialog",
187
190
  children: [
188
- /* @__PURE__ */ C("div", { className: n["rp-search-tool-input-wrapper"], children: [
189
- /* @__PURE__ */ C("div", { className: n["rp-search-tool-input"], children: [
190
- /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
191
- mt,
191
+ /* @__PURE__ */ x("div", { className: n["rp-search-tool-input-wrapper"], children: [
192
+ /* @__PURE__ */ x("div", { className: n["rp-search-tool-input"], children: [
193
+ /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
194
+ lt,
192
195
  {
193
- value: d,
194
- onKeyDown: _,
195
- onChange: g,
196
+ value: f,
197
+ onKeyDown: M,
198
+ onChange: tt,
196
199
  icon: /* @__PURE__ */ o(A, {}),
197
200
  placeholder: t == null ? void 0 : t.searchInputPlaceholder,
198
201
  className: n["rp-search-input"],
199
- ref: F,
202
+ ref: G,
200
203
  id: "search-input",
201
204
  name: "search-input",
202
205
  tabIndex: 0,
203
206
  "aria-label": (t == null ? void 0 : t.searchInputTooltip) || (t == null ? void 0 : t.searchInputPlaceholder),
204
207
  "aria-describedby": "search-results-count",
205
- children: !!d && /* @__PURE__ */ o(
208
+ children: !!f && /* @__PURE__ */ o(
206
209
  "span",
207
210
  {
208
211
  className: n["rp-search-tool-input-clear"],
@@ -213,45 +216,45 @@ const yt = () => {
213
216
  onKeyDown: (r) => {
214
217
  (r.key === "Enter" || r.key === " ") && (r.preventDefault(), U());
215
218
  },
216
- children: /* @__PURE__ */ o(ht, {})
219
+ children: /* @__PURE__ */ o(Tt, {})
217
220
  }
218
221
  )
219
222
  }
220
223
  ) }),
221
- H ? /* @__PURE__ */ o("span", { "aria-live": "polite", "aria-label": "Searching", children: /* @__PURE__ */ o(lt, { className: n["rp-search-loader-icon"], "aria-hidden": "true" }) }) : /* @__PURE__ */ o("span", { id: "search-results-count", "aria-live": "polite", children: M }),
222
- f && /* @__PURE__ */ o("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h }) })
224
+ J ? /* @__PURE__ */ o("span", { "aria-live": "polite", "aria-label": "Searching", children: /* @__PURE__ */ o(dt, { className: n["rp-search-loader-icon"], "aria-hidden": "true" }) }) : /* @__PURE__ */ o("span", { id: "search-results-count", "aria-live": "polite", children: ot }),
225
+ C && /* @__PURE__ */ o("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: l }) })
223
226
  ] }),
224
- /* @__PURE__ */ C("div", { className: n["rp-search-tool-input-checkboxes"], children: [
225
- f && /* @__PURE__ */ o(q, {}),
227
+ /* @__PURE__ */ x("div", { className: n["rp-search-tool-input-checkboxes"], children: [
228
+ C && /* @__PURE__ */ o(q, {}),
226
229
  /* @__PURE__ */ o(
227
230
  $,
228
231
  {
229
232
  tabIndex: 0,
230
233
  name: "matchCase",
231
- value: ot,
232
- onChange: rt,
234
+ value: et,
235
+ onChange: nt,
233
236
  "aria-label": t == null ? void 0 : t.searchMatchCaseLabel,
234
237
  children: t == null ? void 0 : t.searchMatchCaseLabel
235
238
  }
236
239
  ),
237
- !f && /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(j, {}) }) }),
240
+ !C && /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(j, {}) }) }),
238
241
  /* @__PURE__ */ o(
239
242
  $,
240
243
  {
241
244
  tabIndex: 0,
242
245
  name: "wholeWord",
243
- value: tt,
244
- onChange: et,
246
+ value: rt,
247
+ onChange: it,
245
248
  "aria-label": t == null ? void 0 : t.searchWholeWordsLabel,
246
249
  children: t == null ? void 0 : t.searchWholeWordsLabel
247
250
  }
248
251
  ),
249
- !f && /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ o(j, {}) }) })
252
+ !C && /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ o(j, {}) }) })
250
253
  ] })
251
254
  ] }),
252
- !f && /* @__PURE__ */ C("div", { className: n["rp-search-tool-controls"], children: [
255
+ !C && /* @__PURE__ */ x("div", { className: n["rp-search-tool-controls"], children: [
253
256
  /* @__PURE__ */ o(q, {}),
254
- /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h })
257
+ /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: l })
255
258
  ] })
256
259
  ]
257
260
  }
@@ -260,5 +263,5 @@ const yt = () => {
260
263
  ) });
261
264
  };
262
265
  export {
263
- jo as SearchTool
266
+ qo as SearchTool
264
267
  };
@@ -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-11f3cd64.js";
2
+ import { G as a } from "../../../index-61f59539.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";
@@ -14,12 +14,12 @@ import { useLocalizationContext as C } from "../../../contexts/LocalizationConte
14
14
  import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
15
15
  import { useToolComponentContext as M } from "../../../contexts/ToolComponentContext.js";
16
16
  import "react";
17
- import "../../../index-113053cf.js";
17
+ import "../../../index-c0faa594.js";
18
18
  import "react-dom";
19
- import "../../../index-23911b43.js";
20
- import "../../../Combination-17ab8af1.js";
21
- import "../../../index-d0f0aa9a.js";
22
- import "../../../index-ada501c4.js";
19
+ import "../../../index-e3ee9457.js";
20
+ import "../../../Combination-136ff99c.js";
21
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
22
+ import "../../../index-655864a7.js";
23
23
  import "../../../clsx-0c6e471a.js";
24
24
  import "../../../de_DE-a553b162.js";
25
25
  import "../../../utils/appConsole.js";
@@ -22,11 +22,11 @@ import "../../../utils/convertPdfDate.js";
22
22
  import "../../../utils/formatFileSize.js";
23
23
  import "../../../clsx-0c6e471a.js";
24
24
  import "../../../utils/withRef.js";
25
- import "../../../index-113053cf.js";
25
+ import "../../../index-c0faa594.js";
26
26
  import "react-dom";
27
- import "../../../index-23911b43.js";
28
- import "../../../index-d0f0aa9a.js";
29
- import "../../../index-ada501c4.js";
27
+ import "../../../index-e3ee9457.js";
28
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
29
+ import "../../../index-655864a7.js";
30
30
  import "../../../utils/hooks/useLocalization.js";
31
31
  const V = () => {
32
32
  const { active: t, setActive: e } = u(), { thumbnailIcon: n } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, p = () => {
@@ -56,11 +56,11 @@ import "./ThumbnailTool.js";
56
56
  import "../../icons/Thumbnail.js";
57
57
  import "../../ui/Button.js";
58
58
  import "../../ui/RPTooltip.js";
59
- import "../../../index-113053cf.js";
59
+ import "../../../index-c0faa594.js";
60
60
  import "react-dom";
61
- import "../../../index-23911b43.js";
62
- import "../../../index-d0f0aa9a.js";
63
- import "../../../index-ada501c4.js";
61
+ import "../../../index-e3ee9457.js";
62
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
63
+ import "../../../index-655864a7.js";
64
64
  import "../../../contexts/LocalizationContext.js";
65
65
  import "../../../utils/hooks/useLocalization.js";
66
66
  import "./SearchTool.js";
@@ -83,8 +83,8 @@ import "../../icons/ChevronUpIcon.js";
83
83
  import "./SearchCloseButton.js";
84
84
  import "../../icons/CloseIcon.js";
85
85
  import "../../ui/DropDown.js";
86
- import "../../../index-11f3cd64.js";
87
- import "../../../Combination-17ab8af1.js";
86
+ import "../../../index-61f59539.js";
87
+ import "../../../Combination-136ff99c.js";
88
88
  import "./Paginate.js";
89
89
  import "../../../Paginate.module-4eef00aa.js";
90
90
  import "./ZoomTool.js";
@@ -54,11 +54,11 @@ import "./ThumbnailTool.js";
54
54
  import "../../icons/Thumbnail.js";
55
55
  import "../../ui/Button.js";
56
56
  import "../../ui/RPTooltip.js";
57
- import "../../../index-113053cf.js";
57
+ import "../../../index-c0faa594.js";
58
58
  import "react-dom";
59
- import "../../../index-23911b43.js";
60
- import "../../../index-d0f0aa9a.js";
61
- import "../../../index-ada501c4.js";
59
+ import "../../../index-e3ee9457.js";
60
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
61
+ import "../../../index-655864a7.js";
62
62
  import "../../../contexts/LocalizationContext.js";
63
63
  import "../../../utils/hooks/useLocalization.js";
64
64
  import "./tools/defaults/RPHorizontalBar.js";
@@ -82,8 +82,8 @@ import "../../icons/ChevronUpIcon.js";
82
82
  import "./SearchCloseButton.js";
83
83
  import "../../icons/CloseIcon.js";
84
84
  import "../../ui/DropDown.js";
85
- import "../../../index-11f3cd64.js";
86
- import "../../../Combination-17ab8af1.js";
85
+ import "../../../index-61f59539.js";
86
+ import "../../../Combination-136ff99c.js";
87
87
  import "./Paginate.js";
88
88
  import "../../../Paginate.module-4eef00aa.js";
89
89
  import "./ZoomTool.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as t, Fragment as I, jsxs as n } from "react/jsx-runtime";
2
- import { G as f } from "../../../index-11f3cd64.js";
2
+ import { G as f } from "../../../index-61f59539.js";
3
3
  import { MenuSeparator as g } from "./MenuSeparator.js";
4
4
  import { MenuItem as i } from "./MenuItem.js";
5
5
  import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
@@ -16,12 +16,12 @@ import c from "../../ui/RPTooltip.js";
16
16
  import { useIconContext as u } from "../../../contexts/IconContext.js";
17
17
  import { useIconToolContext as p } from "../../../contexts/IconToolContext.js";
18
18
  import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
19
- import "../../../index-113053cf.js";
19
+ import "../../../index-c0faa594.js";
20
20
  import "react-dom";
21
- import "../../../index-23911b43.js";
22
- import "../../../Combination-17ab8af1.js";
23
- import "../../../index-d0f0aa9a.js";
24
- import "../../../index-ada501c4.js";
21
+ import "../../../index-e3ee9457.js";
22
+ import "../../../Combination-136ff99c.js";
23
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
24
+ import "../../../index-655864a7.js";
25
25
  import "../../../clsx-0c6e471a.js";
26
26
  import "../../../utils/appConsole.js";
27
27
  import "../../../contexts/InitialStateContext.js";
@@ -8,7 +8,7 @@ import { UIButton as f } from "../../ui/Button.js";
8
8
  import { c as e } from "../../../ZoomTool.module-7082af8c.js";
9
9
  import { UIDropDown as U } from "../../ui/DropDown.js";
10
10
  import { useLayoutContainer as _ } from "../../../contexts/LayoutContainerContext.js";
11
- import { G as Z } from "../../../index-11f3cd64.js";
11
+ import { G as Z } from "../../../index-61f59539.js";
12
12
  import { MenuItem as c } from "./MenuItem.js";
13
13
  import { MenuSeparator as j } from "./MenuSeparator.js";
14
14
  import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
@@ -42,12 +42,12 @@ import "../../../contexts/GlobalCurrentPage.js";
42
42
  import "../../../contexts/EventCallbackContext.js";
43
43
  import "../../../utils/hooks/useDebounce.js";
44
44
  import "../../../utils/withRef.js";
45
- import "../../../index-113053cf.js";
45
+ import "../../../index-c0faa594.js";
46
46
  import "react-dom";
47
- import "../../../index-23911b43.js";
48
- import "../../../Combination-17ab8af1.js";
49
- import "../../../index-d0f0aa9a.js";
50
- import "../../../index-ada501c4.js";
47
+ import "../../../index-e3ee9457.js";
48
+ import "../../../Combination-136ff99c.js";
49
+ import "../../../floating-ui.react-dom-5ec29bd6.js";
50
+ import "../../../index-655864a7.js";
51
51
  import "../../../utils/hooks/useLocalization.js";
52
52
  const Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
53
53
  const { zoomInIcon: m } = x(), { zoomInIcon: r } = b();
@@ -6,17 +6,17 @@ import { InfoIcon as f } from "../../../icons/InfoIcon.js";
6
6
  import { UIButton as P } from "../../../ui/Button.js";
7
7
  import { DocumentDialog as d } from "../DocumentDialog.js";
8
8
  import "react";
9
- import "../../../../index-113053cf.js";
9
+ import "../../../../index-c0faa594.js";
10
10
  import "react-dom";
11
- import "../../../../index-23911b43.js";
12
- import "../../../../index-d0f0aa9a.js";
13
- import "../../../../index-ada501c4.js";
11
+ import "../../../../index-e3ee9457.js";
12
+ import "../../../../floating-ui.react-dom-5ec29bd6.js";
13
+ import "../../../../index-655864a7.js";
14
14
  import "../../../../utils/withRef.js";
15
15
  import "../../../../utils/appConsole.js";
16
16
  import "../../../../utils/hooks/useLocalization.js";
17
17
  import "../../../../de_DE-a553b162.js";
18
18
  import "../../../../clsx-0c6e471a.js";
19
- import "../../../../Combination-17ab8af1.js";
19
+ import "../../../../Combination-136ff99c.js";
20
20
  import "../../../../contexts/LayoutContainerContext.js";
21
21
  import "../../../icons/CloseIcon.js";
22
22
  import "../../../../utils/dateFormatter.js";
@@ -5,11 +5,11 @@ import { DualPageIcon as n } from "../../../icons/DualPageIcon.js";
5
5
  import { useViewModeContext as u } from "../../../../contexts/ViewModeContext.js";
6
6
  import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
7
7
  import "react";
8
- import "../../../../index-113053cf.js";
8
+ import "../../../../index-c0faa594.js";
9
9
  import "react-dom";
10
- import "../../../../index-23911b43.js";
11
- import "../../../../index-d0f0aa9a.js";
12
- import "../../../../index-ada501c4.js";
10
+ import "../../../../index-e3ee9457.js";
11
+ import "../../../../floating-ui.react-dom-5ec29bd6.js";
12
+ import "../../../../index-655864a7.js";
13
13
  import "../../../../utils/withRef.js";
14
14
  import "../../../../clsx-0c6e471a.js";
15
15
  import "../../../../utils/appConsole.js";
@@ -72,11 +72,11 @@ import "../../../RPDropFileZone.js";
72
72
  import "../../../../RPLayout.module-b4b23e29.js";
73
73
  import "../../LayoutContainer.js";
74
74
  import "../../SkipLink.js";
75
- import "../../../../index-113053cf.js";
75
+ import "../../../../index-c0faa594.js";
76
76
  import "react-dom";
77
- import "../../../../index-23911b43.js";
78
- import "../../../../index-d0f0aa9a.js";
79
- import "../../../../index-ada501c4.js";
77
+ import "../../../../index-e3ee9457.js";
78
+ import "../../../../floating-ui.react-dom-5ec29bd6.js";
79
+ import "../../../../index-655864a7.js";
80
80
  import "../../../../utils/withRef.js";
81
81
  import "../../../../clsx-0c6e471a.js";
82
82
  import "../../../../utils/hooks/useLoadPdf.js";
@@ -146,8 +146,8 @@ import "../../../icons/ThreeDotIcon.js";
146
146
  import "../DocumentProperties.js";
147
147
  import "../../../icons/InfoIcon.js";
148
148
  import "../RotateTool.js";
149
- import "../../../../index-11f3cd64.js";
150
- import "../../../../Combination-17ab8af1.js";
149
+ import "../../../../index-61f59539.js";
150
+ import "../../../../Combination-136ff99c.js";
151
151
  import "../../../icons/ClockwiseIcon.js";
152
152
  import "../../../../utils/hooks/useRotate.js";
153
153
  import "../ViewModeTool.js";
@@ -20,11 +20,11 @@ import "../../../../utils/hooks/usePdfProperties.js";
20
20
  import "../../../../utils/convertPdfDate.js";
21
21
  import "../../../../utils/formatFileSize.js";
22
22
  import "../../../../contexts/DownloadContext.js";
23
- import "../../../../index-113053cf.js";
23
+ import "../../../../index-c0faa594.js";
24
24
  import "react-dom";
25
- import "../../../../index-23911b43.js";
26
- import "../../../../index-d0f0aa9a.js";
27
- import "../../../../index-ada501c4.js";
25
+ import "../../../../index-e3ee9457.js";
26
+ import "../../../../floating-ui.react-dom-5ec29bd6.js";
27
+ import "../../../../index-655864a7.js";
28
28
  import "../../../../utils/hooks/useLocalization.js";
29
29
  const f = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(d, { className: r, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), J = ({ icon: t }) => {
30
30
  const { download: r } = n(), { localeMessages: o } = l();
@@ -19,11 +19,11 @@ import "../../../../utils/appConsole.js";
19
19
  import "../../../../utils/hooks/usePdfProperties.js";
20
20
  import "../../../../utils/convertPdfDate.js";
21
21
  import "../../../../utils/formatFileSize.js";
22
- import "../../../../index-113053cf.js";
22
+ import "../../../../index-c0faa594.js";
23
23
  import "react-dom";
24
- import "../../../../index-23911b43.js";
25
- import "../../../../index-d0f0aa9a.js";
26
- import "../../../../index-ada501c4.js";
24
+ import "../../../../index-e3ee9457.js";
25
+ import "../../../../floating-ui.react-dom-5ec29bd6.js";
26
+ import "../../../../index-655864a7.js";
27
27
  import "../../../../utils/hooks/useLocalization.js";
28
28
  const d = ({ children: t, className: r, localeMessages: o }) => /* @__PURE__ */ i(l, { className: r, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), G = ({ icon: t }) => {
29
29
  const { openFile: r } = n(), { localeMessages: o } = e();
@@ -72,11 +72,11 @@ import "../../../RPDropFileZone.js";
72
72
  import "../../../../RPLayout.module-b4b23e29.js";
73
73
  import "../../LayoutContainer.js";
74
74
  import "../../SkipLink.js";
75
- import "../../../../index-113053cf.js";
75
+ import "../../../../index-c0faa594.js";
76
76
  import "react-dom";
77
- import "../../../../index-23911b43.js";
78
- import "../../../../index-d0f0aa9a.js";
79
- import "../../../../index-ada501c4.js";
77
+ import "../../../../index-e3ee9457.js";
78
+ import "../../../../floating-ui.react-dom-5ec29bd6.js";
79
+ import "../../../../index-655864a7.js";
80
80
  import "../../../../utils/withRef.js";
81
81
  import "../../../../clsx-0c6e471a.js";
82
82
  import "../../../../utils/hooks/useLoadPdf.js";
@@ -146,8 +146,8 @@ import "../../../icons/ThreeDotIcon.js";
146
146
  import "../DocumentProperties.js";
147
147
  import "../../../icons/InfoIcon.js";
148
148
  import "../RotateTool.js";
149
- import "../../../../index-11f3cd64.js";
150
- import "../../../../Combination-17ab8af1.js";
149
+ import "../../../../index-61f59539.js";
150
+ import "../../../../Combination-136ff99c.js";
151
151
  import "../../../icons/ClockwiseIcon.js";
152
152
  import "../../../../utils/hooks/useRotate.js";
153
153
  import "../ViewModeTool.js";