@react-pdf-kit/viewer 0.0.0-experimental.0 → 0.0.0-experimental.2
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.
- package/README.md +84 -49
- package/dist/{Combination-54a77a7a.js → Combination-17ab8af1.js} +184 -187
- package/dist/assets/style.css +1 -1
- package/dist/assets/style.js +8 -8
- package/dist/components/RPConfig.js +5 -7
- package/dist/components/RPController.js +76 -77
- package/dist/components/RPDropFileZone.js +4 -3
- package/dist/components/RPPages.js +577 -573
- package/dist/components/RPProvider.js +2 -2
- package/dist/components/layout/RPDefaultLayout.js +10 -9
- package/dist/components/layout/RPLayout.js +10 -9
- package/dist/components/layout/WrapperLayout.js +4 -3
- package/dist/components/layout/sidebar/RPSidebar.js +8 -7
- package/dist/components/layout/sidebar/Thumbnail.js +4 -3
- package/dist/components/layout/sidebar/Thumbnails.js +4 -3
- package/dist/components/layout/toolbar/DarkModeTool.js +4 -4
- package/dist/components/layout/toolbar/DocumentDialog.js +43 -34
- package/dist/components/layout/toolbar/DocumentProperties.js +6 -6
- package/dist/components/layout/toolbar/FileDownloadTool.js +10 -9
- package/dist/components/layout/toolbar/FileUploadTool.js +10 -9
- package/dist/components/layout/toolbar/FullScreenTool.js +6 -6
- package/dist/components/layout/toolbar/MenuItem.js +6 -6
- package/dist/components/layout/toolbar/MenuSeparator.js +6 -6
- package/dist/components/layout/toolbar/MostPageTool.js +10 -9
- package/dist/components/layout/toolbar/OtherTool.js +10 -9
- package/dist/components/layout/toolbar/Paginate.js +8 -7
- package/dist/components/layout/toolbar/PrintTool.js +10 -9
- package/dist/components/layout/toolbar/RPMenuItem.js +6 -6
- package/dist/components/layout/toolbar/RPMoreOptions.js +10 -9
- package/dist/components/layout/toolbar/RPToolbar.js +10 -9
- package/dist/components/layout/toolbar/RPToolbarEnd.js +10 -9
- package/dist/components/layout/toolbar/RotateTool.js +10 -9
- package/dist/components/layout/toolbar/ScrollModeTool.js +6 -6
- package/dist/components/layout/toolbar/SearchCloseButton.js +4 -4
- package/dist/components/layout/toolbar/SearchResultNavigator.js +23 -30
- package/dist/components/layout/toolbar/SearchTool.js +104 -100
- package/dist/components/layout/toolbar/SelectionModeTool.js +6 -6
- package/dist/components/layout/toolbar/ThumbnailTool.js +8 -7
- package/dist/components/layout/toolbar/ToolbarCustom.js +4 -3
- package/dist/components/layout/toolbar/ToolbarDefault.js +10 -9
- package/dist/components/layout/toolbar/ToolbarLayout.js +10 -9
- package/dist/components/layout/toolbar/ViewModeTool.js +6 -6
- package/dist/components/layout/toolbar/ZoomTool.js +10 -9
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +9 -8
- package/dist/components/layout/toolbar/tools/DualPageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +10 -11
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +8 -7
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +8 -7
- package/dist/components/layout/toolbar/tools/FirstPageTool.js +10 -11
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +4 -4
- package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +4 -4
- package/dist/components/layout/toolbar/tools/InputPageTool.js +8 -7
- package/dist/components/layout/toolbar/tools/LastPageTool.js +10 -11
- package/dist/components/layout/toolbar/tools/NextPageTool.js +8 -7
- package/dist/components/layout/toolbar/tools/PageScrollingTool.js +4 -4
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +8 -7
- package/dist/components/layout/toolbar/tools/PrintTool.js +8 -7
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +8 -7
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +8 -7
- package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +4 -4
- package/dist/components/layout/toolbar/tools/SinglePageTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +8 -7
- package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +4 -4
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +8 -7
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +20 -19
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +8 -7
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +10 -9
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +8 -7
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +10 -9
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +10 -9
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +10 -9
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +10 -9
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +10 -9
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +6 -6
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +6 -6
- package/dist/components/page/AnnotationLayer.js +25 -24
- package/dist/components/page/CanvasLayer.js +38 -54
- package/dist/components/page/CustomElement.js +4 -3
- package/dist/components/page/DualPage.js +2 -2
- package/dist/components/page/DualPageWithCover.js +2 -2
- package/dist/components/page/RPPage.js +35 -35
- package/dist/components/page/SinglePage.js +2 -2
- package/dist/components/page/TextHighlightLayer.js +16 -15
- package/dist/components/page/TextLayer.js +27 -28
- package/dist/components/ui/Checkbox.js +2 -2
- package/dist/components/ui/DropDown.js +6 -6
- package/dist/components/ui/Input.js +10 -10
- package/dist/components/ui/LoadingIndicator.js +8 -7
- package/dist/components/ui/RPTooltip.js +197 -411
- package/dist/contexts/DimensionPagesContext.js +28 -56
- package/dist/contexts/DropFileZoneContext.js +5 -4
- package/dist/contexts/ElementPageContext.js +6 -5
- package/dist/contexts/FileInputContext.js +6 -5
- package/dist/contexts/HighlightContext.js +6 -5
- package/dist/contexts/InitialStateContext.js +6 -8
- package/dist/contexts/PagesRotateContext.js +6 -5
- package/dist/contexts/PaginationContext.js +6 -5
- package/dist/contexts/PrintContext.js +17 -16
- package/dist/contexts/RPDocumentContext.js +14 -13
- package/dist/contexts/RenderQueueProvider.js +14 -13
- package/dist/contexts/RotationContext.js +9 -8
- package/dist/contexts/SearchContext.js +6 -5
- package/dist/contexts/ThumbnailsContext.js +5 -4
- package/dist/contexts/ZoomContext.js +6 -5
- package/dist/{index-c0faa594.js → index-113053cf.js} +2 -2
- package/dist/index-11f3cd64.js +983 -0
- package/dist/{index-e3ee9457.js → index-23911b43.js} +6 -6
- package/dist/{index-655864a7.js → index-ada501c4.js} +1 -1
- package/dist/index-d0f0aa9a.js +1542 -0
- package/dist/main.js +47 -47
- package/dist/types/components/layout/sidebar/Thumbnail.d.ts +2 -2
- package/dist/types/contexts/RPDocumentContext.d.ts +1 -1
- package/dist/types/contexts/RenderQueueProvider.d.ts +1 -2
- package/dist/types/contexts/RenderedPagesCache.d.ts +2 -2
- package/dist/types/main.d.ts +3 -1
- package/dist/types/utils/annotations.d.ts +2 -2
- package/dist/types/utils/getThumbnailViewport.d.ts +2 -2
- package/dist/types/utils/highlight.d.ts +5 -5
- package/dist/types/utils/hooks/useHighlight.d.ts +1 -1
- package/dist/types/utils/hooks/useLoadPdf.d.ts +2 -2
- package/dist/types/utils/hooks/useLoadWorker.d.ts +5 -1
- package/dist/types/utils/hooks/usePdfProperties.d.ts +1 -1
- package/dist/types/utils/hooks/useWatermark.d.ts +1 -1
- package/dist/types/utils/link_service.d.ts +2 -3
- package/dist/types/utils/renderPage.d.ts +2 -2
- package/dist/types/utils/types.d.ts +7 -8
- package/dist/utils/highlight.js +36 -36
- package/dist/utils/hooks/useFileDownload.js +6 -5
- package/dist/utils/hooks/useHighlight.js +78 -40
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +96 -70
- package/dist/utils/hooks/useLoadWorker.js +4 -14
- package/dist/utils/hooks/usePageRotateContext.js +8 -7
- package/dist/utils/hooks/usePaginate.js +4 -3
- package/dist/utils/hooks/usePinch.js +44 -90
- package/dist/utils/hooks/usePresentPage.js +4 -3
- package/dist/utils/hooks/usePrint.js +92 -100
- package/dist/utils/hooks/useRotate.js +4 -3
- package/dist/utils/hooks/useScrollToPage.js +4 -3
- package/dist/utils/hooks/useSearch.js +16 -15
- package/dist/utils/hooks/useThumbnail.js +18 -17
- package/dist/utils/hooks/useVirtualReactWindow.js +4 -3
- package/dist/utils/hooks/useWatermark.js +43 -61
- package/dist/utils/injectPrintCSS.js +4 -3
- package/dist/utils/link_service.js +18 -19
- package/dist/utils/renderPage.js +14 -14
- package/package.json +2 -3
- package/dist/contexts/SmoothScaleContext.js +0 -67
- package/dist/floating-ui.react-dom-5ec29bd6.js +0 -1327
- package/dist/index-4baea9b5.js +0 -1198
- package/dist/types/contexts/SmoothScaleContext.d.ts +0 -16
- package/dist/types/utils/hooks/useAccumulateFactor.d.ts +0 -9
- package/dist/utils/hooks/useAccumulateFactor.js +0 -17
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { jsx as o, Fragment as
|
|
2
|
-
import { UIButton as
|
|
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
|
|
5
|
-
import { useLayoutContainer as
|
|
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
|
|
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
|
|
11
|
-
import { useSearchContext as
|
|
12
|
-
import { useIconContext as
|
|
13
|
-
import { useDocumentContext as
|
|
14
|
-
import
|
|
15
|
-
import { useToolbarComponentContext as
|
|
16
|
-
import { useLocalizationContext as
|
|
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
|
|
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
|
|
22
|
-
import { useIconToolContext as
|
|
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-
|
|
26
|
+
import "../../../index-113053cf.js";
|
|
27
27
|
import "react-dom";
|
|
28
|
-
import "../../../index-
|
|
28
|
+
import "../../../index-ada501c4.js";
|
|
29
29
|
import "../../icons/CheckIcon.js";
|
|
30
30
|
import "../../../utils/hooks/useSearch.js";
|
|
31
31
|
import "../../../utils/types.js";
|
|
@@ -42,7 +42,8 @@ import "../../../utils/getZoomLevel.js";
|
|
|
42
42
|
import "../../../contexts/ViewModeContext.js";
|
|
43
43
|
import "../../../contexts/RotationContext.js";
|
|
44
44
|
import "../../../utils/hooks/useLoadPdf.js";
|
|
45
|
-
import "
|
|
45
|
+
import "@pdf-viewer/pdfium";
|
|
46
|
+
import "@pdf-viewer/pdfium/compat";
|
|
46
47
|
import "../../../utils/getThumbnailViewport.js";
|
|
47
48
|
import "../../../contexts/ConfigContext.js";
|
|
48
49
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
@@ -61,86 +62,89 @@ import "../../../contexts/SmoothScrollContext.js";
|
|
|
61
62
|
import "../../../utils/getScrollDistance.js";
|
|
62
63
|
import "../../../utils/calculatePage.js";
|
|
63
64
|
import "../../../utils/getWordPositionInPage.js";
|
|
64
|
-
import "../../../index-
|
|
65
|
-
import "../../../
|
|
65
|
+
import "../../../index-23911b43.js";
|
|
66
|
+
import "../../../index-d0f0aa9a.js";
|
|
66
67
|
import "../../../utils/hooks/useLocalization.js";
|
|
67
68
|
import "../../icons/ChevronUpIcon.js";
|
|
68
69
|
import "../../icons/CloseIcon.js";
|
|
69
|
-
import "../../../index-
|
|
70
|
-
import "../../../Combination-
|
|
70
|
+
import "../../../index-11f3cd64.js";
|
|
71
|
+
import "../../../Combination-17ab8af1.js";
|
|
71
72
|
const yt = () => {
|
|
72
|
-
const { searchIcon:
|
|
73
|
-
return
|
|
74
|
-
},
|
|
75
|
-
const {
|
|
73
|
+
const { searchIcon: s } = F(), { searchIcon: d } = H();
|
|
74
|
+
return s ?? d ?? /* @__PURE__ */ o(A, {});
|
|
75
|
+
}, Tt = () => {
|
|
76
|
+
const { searchClearIcon: s } = F(), { searchClearIcon: d } = H();
|
|
77
|
+
return s ?? d ?? /* @__PURE__ */ o(ht, {});
|
|
78
|
+
}, zo = ({ icon: s }) => {
|
|
79
|
+
const { container: d } = st(), [u, L] = S(!1), { pdf: y } = ft(), [k, G] = S(null), {
|
|
76
80
|
searchOptions: D,
|
|
77
|
-
setSearchOptions:
|
|
78
|
-
loading:
|
|
81
|
+
setSearchOptions: T,
|
|
82
|
+
loading: J,
|
|
79
83
|
setSearch: c,
|
|
80
84
|
totalMatches: K,
|
|
81
85
|
currentMatchPosition: B,
|
|
82
86
|
nextMatch: O,
|
|
83
87
|
prevMatch: P,
|
|
84
88
|
search: e
|
|
85
|
-
} =
|
|
89
|
+
} = 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
90
|
L(!0);
|
|
87
|
-
}, []),
|
|
88
|
-
c(""),
|
|
91
|
+
}, []), l = i(() => {
|
|
92
|
+
c(""), I(""), L(!1);
|
|
89
93
|
}, [c]), R = (r) => {
|
|
90
|
-
const a = r.key === "Enter",
|
|
91
|
-
(a ||
|
|
94
|
+
const a = r.key === "Enter", b = r.key === " ";
|
|
95
|
+
(a || b) && l();
|
|
92
96
|
}, w = i(
|
|
93
97
|
(r) => {
|
|
94
|
-
r.key === "Escape" &&
|
|
98
|
+
r.key === "Escape" && u && l();
|
|
95
99
|
},
|
|
96
|
-
[
|
|
97
|
-
),
|
|
100
|
+
[u]
|
|
101
|
+
), M = i(
|
|
98
102
|
(r) => {
|
|
99
|
-
r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !==
|
|
103
|
+
r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== f ? c(f) : r.key === "Enter" && O();
|
|
100
104
|
},
|
|
101
|
-
[
|
|
105
|
+
[f, P, O, c, e]
|
|
102
106
|
);
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}, [e]),
|
|
106
|
-
e &&
|
|
107
|
-
}, [e,
|
|
108
|
-
e && e.trim() !== "" && (
|
|
109
|
-
}, []),
|
|
107
|
+
h(() => {
|
|
108
|
+
I(e);
|
|
109
|
+
}, [e]), h(() => {
|
|
110
|
+
e && y && _(!0);
|
|
111
|
+
}, [e, y]), h(() => {
|
|
112
|
+
e && e.trim() !== "" && (I(e), c(e));
|
|
113
|
+
}, []), h(() => (window.addEventListener("keydown", w), () => {
|
|
110
114
|
window.removeEventListener("keydown", w);
|
|
111
|
-
}), [w]),
|
|
115
|
+
}), [w]), h(() => {
|
|
112
116
|
k && setTimeout(() => {
|
|
113
117
|
k.focus();
|
|
114
118
|
}, 0);
|
|
115
119
|
}, [k]);
|
|
116
|
-
const
|
|
117
|
-
|
|
120
|
+
const tt = i((r) => {
|
|
121
|
+
I(r.target.value);
|
|
118
122
|
}, []), U = i(() => {
|
|
119
|
-
|
|
120
|
-
}, [c]),
|
|
123
|
+
I(""), c("");
|
|
124
|
+
}, [c]), ot = W(() => `${B} / ${K}`, [B, K]), { wholeWords: rt, matchCase: et } = W(() => D, [D]), nt = i(
|
|
121
125
|
(r) => {
|
|
122
|
-
|
|
126
|
+
T((a) => ({ ...a, matchCase: r }));
|
|
123
127
|
},
|
|
124
|
-
[
|
|
125
|
-
),
|
|
128
|
+
[T]
|
|
129
|
+
), it = i(
|
|
126
130
|
(r) => {
|
|
127
|
-
|
|
131
|
+
T((a) => ({ ...a, wholeWords: r }));
|
|
128
132
|
},
|
|
129
|
-
[
|
|
133
|
+
[T]
|
|
130
134
|
);
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
}, [
|
|
134
|
-
const p = W(() => (
|
|
135
|
+
h(() => {
|
|
136
|
+
y && Z && l();
|
|
137
|
+
}, [y, l]);
|
|
138
|
+
const p = W(() => (E == null ? void 0 : E.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [E]), at = i(
|
|
135
139
|
(r) => {
|
|
136
140
|
if (r.key === "Tab") {
|
|
137
141
|
const a = document.activeElement;
|
|
138
|
-
let
|
|
139
|
-
p.forEach((m,
|
|
140
|
-
m === a && (
|
|
142
|
+
let b = 0;
|
|
143
|
+
p.forEach((m, ct) => {
|
|
144
|
+
m === a && (b = ct);
|
|
141
145
|
});
|
|
142
|
-
let N =
|
|
143
|
-
r.shiftKey && (N =
|
|
146
|
+
let N = b + 1;
|
|
147
|
+
r.shiftKey && (N = b - 1);
|
|
144
148
|
const V = p[N];
|
|
145
149
|
if (V)
|
|
146
150
|
V.focus();
|
|
@@ -155,54 +159,54 @@ const yt = () => {
|
|
|
155
159
|
},
|
|
156
160
|
[p]
|
|
157
161
|
);
|
|
158
|
-
return !
|
|
159
|
-
|
|
162
|
+
return !Q || !X ? null : /* @__PURE__ */ o(pt, { children: /* @__PURE__ */ o(
|
|
163
|
+
xt,
|
|
160
164
|
{
|
|
161
|
-
open:
|
|
162
|
-
container:
|
|
165
|
+
open: u,
|
|
166
|
+
container: d,
|
|
163
167
|
side: "bottom",
|
|
164
168
|
align: "start",
|
|
165
169
|
tabIndex: 0,
|
|
166
170
|
avoidCollisions: !1,
|
|
167
|
-
triggerComponent: /* @__PURE__ */ o(
|
|
168
|
-
|
|
171
|
+
triggerComponent: /* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
|
|
172
|
+
mt,
|
|
169
173
|
{
|
|
170
|
-
active:
|
|
171
|
-
onClick:
|
|
174
|
+
active: u,
|
|
175
|
+
onClick: g,
|
|
172
176
|
"aria-label": t == null ? void 0 : t.searchButtonTooltip,
|
|
173
|
-
"aria-expanded":
|
|
177
|
+
"aria-expanded": u,
|
|
174
178
|
"aria-haspopup": "dialog",
|
|
175
|
-
children:
|
|
179
|
+
children: s || /* @__PURE__ */ o(yt, {})
|
|
176
180
|
}
|
|
177
181
|
) }),
|
|
178
|
-
children: /* @__PURE__ */
|
|
182
|
+
children: /* @__PURE__ */ x(
|
|
179
183
|
"div",
|
|
180
184
|
{
|
|
181
|
-
ref:
|
|
185
|
+
ref: Y,
|
|
182
186
|
className: n["rp-search-tool-content"],
|
|
183
187
|
tabIndex: 0,
|
|
184
|
-
onKeyDown:
|
|
188
|
+
onKeyDown: at,
|
|
185
189
|
role: "dialog",
|
|
186
190
|
"aria-label": (t == null ? void 0 : t.searchInputTooltip) || "Search dialog",
|
|
187
191
|
children: [
|
|
188
|
-
/* @__PURE__ */
|
|
189
|
-
/* @__PURE__ */
|
|
190
|
-
/* @__PURE__ */ o(
|
|
191
|
-
|
|
192
|
+
/* @__PURE__ */ x("div", { className: n["rp-search-tool-input-wrapper"], children: [
|
|
193
|
+
/* @__PURE__ */ x("div", { className: n["rp-search-tool-input"], children: [
|
|
194
|
+
/* @__PURE__ */ o(v, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
|
|
195
|
+
lt,
|
|
192
196
|
{
|
|
193
|
-
value:
|
|
194
|
-
onKeyDown:
|
|
195
|
-
onChange:
|
|
197
|
+
value: f,
|
|
198
|
+
onKeyDown: M,
|
|
199
|
+
onChange: tt,
|
|
196
200
|
icon: /* @__PURE__ */ o(A, {}),
|
|
197
201
|
placeholder: t == null ? void 0 : t.searchInputPlaceholder,
|
|
198
202
|
className: n["rp-search-input"],
|
|
199
|
-
ref:
|
|
203
|
+
ref: G,
|
|
200
204
|
id: "search-input",
|
|
201
205
|
name: "search-input",
|
|
202
206
|
tabIndex: 0,
|
|
203
207
|
"aria-label": (t == null ? void 0 : t.searchInputTooltip) || (t == null ? void 0 : t.searchInputPlaceholder),
|
|
204
208
|
"aria-describedby": "search-results-count",
|
|
205
|
-
children: !!
|
|
209
|
+
children: !!f && /* @__PURE__ */ o(
|
|
206
210
|
"span",
|
|
207
211
|
{
|
|
208
212
|
className: n["rp-search-tool-input-clear"],
|
|
@@ -213,45 +217,45 @@ const yt = () => {
|
|
|
213
217
|
onKeyDown: (r) => {
|
|
214
218
|
(r.key === "Enter" || r.key === " ") && (r.preventDefault(), U());
|
|
215
219
|
},
|
|
216
|
-
children: /* @__PURE__ */ o(
|
|
220
|
+
children: /* @__PURE__ */ o(Tt, {})
|
|
217
221
|
}
|
|
218
222
|
)
|
|
219
223
|
}
|
|
220
224
|
) }),
|
|
221
|
-
|
|
222
|
-
|
|
225
|
+
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 }),
|
|
226
|
+
C && /* @__PURE__ */ o("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: l }) })
|
|
223
227
|
] }),
|
|
224
|
-
/* @__PURE__ */
|
|
225
|
-
|
|
228
|
+
/* @__PURE__ */ x("div", { className: n["rp-search-tool-input-checkboxes"], children: [
|
|
229
|
+
C && /* @__PURE__ */ o(q, {}),
|
|
226
230
|
/* @__PURE__ */ o(
|
|
227
231
|
$,
|
|
228
232
|
{
|
|
229
233
|
tabIndex: 0,
|
|
230
234
|
name: "matchCase",
|
|
231
|
-
value:
|
|
232
|
-
onChange:
|
|
235
|
+
value: et,
|
|
236
|
+
onChange: nt,
|
|
233
237
|
"aria-label": t == null ? void 0 : t.searchMatchCaseLabel,
|
|
234
238
|
children: t == null ? void 0 : t.searchMatchCaseLabel
|
|
235
239
|
}
|
|
236
240
|
),
|
|
237
|
-
!
|
|
241
|
+
!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
242
|
/* @__PURE__ */ o(
|
|
239
243
|
$,
|
|
240
244
|
{
|
|
241
245
|
tabIndex: 0,
|
|
242
246
|
name: "wholeWord",
|
|
243
|
-
value:
|
|
244
|
-
onChange:
|
|
247
|
+
value: rt,
|
|
248
|
+
onChange: it,
|
|
245
249
|
"aria-label": t == null ? void 0 : t.searchWholeWordsLabel,
|
|
246
250
|
children: t == null ? void 0 : t.searchWholeWordsLabel
|
|
247
251
|
}
|
|
248
252
|
),
|
|
249
|
-
!
|
|
253
|
+
!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
254
|
] })
|
|
251
255
|
] }),
|
|
252
|
-
!
|
|
256
|
+
!C && /* @__PURE__ */ x("div", { className: n["rp-search-tool-controls"], children: [
|
|
253
257
|
/* @__PURE__ */ o(q, {}),
|
|
254
|
-
/* @__PURE__ */ o(z, { onKeyPress: R, handleClose:
|
|
258
|
+
/* @__PURE__ */ o(z, { onKeyPress: R, handleClose: l })
|
|
255
259
|
] })
|
|
256
260
|
]
|
|
257
261
|
}
|
|
@@ -260,5 +264,5 @@ const yt = () => {
|
|
|
260
264
|
) });
|
|
261
265
|
};
|
|
262
266
|
export {
|
|
263
|
-
|
|
267
|
+
zo as SearchTool
|
|
264
268
|
};
|
|
@@ -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-
|
|
2
|
+
import { G as a } from "../../../index-11f3cd64.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-
|
|
17
|
+
import "../../../index-113053cf.js";
|
|
18
18
|
import "react-dom";
|
|
19
|
-
import "../../../index-
|
|
20
|
-
import "../../../Combination-
|
|
21
|
-
import "../../../
|
|
22
|
-
import "../../../index-
|
|
19
|
+
import "../../../index-23911b43.js";
|
|
20
|
+
import "../../../Combination-17ab8af1.js";
|
|
21
|
+
import "../../../index-d0f0aa9a.js";
|
|
22
|
+
import "../../../index-ada501c4.js";
|
|
23
23
|
import "../../../clsx-0c6e471a.js";
|
|
24
24
|
import "../../../de_DE-a553b162.js";
|
|
25
25
|
import "../../../utils/appConsole.js";
|
|
@@ -10,7 +10,8 @@ import "react";
|
|
|
10
10
|
import "../../../utils/hooks/useThumbnail.js";
|
|
11
11
|
import "../../../contexts/RPDocumentContext.js";
|
|
12
12
|
import "../../../utils/hooks/useLoadPdf.js";
|
|
13
|
-
import "
|
|
13
|
+
import "@pdf-viewer/pdfium";
|
|
14
|
+
import "@pdf-viewer/pdfium/compat";
|
|
14
15
|
import "../../../utils/types.js";
|
|
15
16
|
import "../../../de_DE-a553b162.js";
|
|
16
17
|
import "../../../utils/getThumbnailViewport.js";
|
|
@@ -22,18 +23,18 @@ import "../../../utils/convertPdfDate.js";
|
|
|
22
23
|
import "../../../utils/formatFileSize.js";
|
|
23
24
|
import "../../../clsx-0c6e471a.js";
|
|
24
25
|
import "../../../utils/withRef.js";
|
|
25
|
-
import "../../../index-
|
|
26
|
+
import "../../../index-113053cf.js";
|
|
26
27
|
import "react-dom";
|
|
27
|
-
import "../../../index-
|
|
28
|
-
import "../../../
|
|
29
|
-
import "../../../index-
|
|
28
|
+
import "../../../index-23911b43.js";
|
|
29
|
+
import "../../../index-d0f0aa9a.js";
|
|
30
|
+
import "../../../index-ada501c4.js";
|
|
30
31
|
import "../../../utils/hooks/useLocalization.js";
|
|
31
|
-
const
|
|
32
|
+
const W = () => {
|
|
32
33
|
const { active: t, setActive: e } = u(), { thumbnailIcon: n } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, p = () => {
|
|
33
34
|
e(!t);
|
|
34
35
|
};
|
|
35
36
|
return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: p, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: p, active: t, "aria-label": m, children: n || /* @__PURE__ */ o(a, {}) }) }) }) : null;
|
|
36
37
|
};
|
|
37
38
|
export {
|
|
38
|
-
|
|
39
|
+
W as ThumbnailTool
|
|
39
40
|
};
|
|
@@ -19,7 +19,8 @@ import "../../../utils/appConsole.js";
|
|
|
19
19
|
import "../../../contexts/InitialStateContext.js";
|
|
20
20
|
import "../../../contexts/RPDocumentContext.js";
|
|
21
21
|
import "../../../utils/hooks/useLoadPdf.js";
|
|
22
|
-
import "
|
|
22
|
+
import "@pdf-viewer/pdfium";
|
|
23
|
+
import "@pdf-viewer/pdfium/compat";
|
|
23
24
|
import "../../../utils/getThumbnailViewport.js";
|
|
24
25
|
import "../../../contexts/ConfigContext.js";
|
|
25
26
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
@@ -51,7 +52,7 @@ import "../../../utils/hooks/useThumbnail.js";
|
|
|
51
52
|
import "../../../utils/hooks/usePrint.js";
|
|
52
53
|
import "../../../contexts/LocalizationContext.js";
|
|
53
54
|
import "../../../utils/hooks/useLocalization.js";
|
|
54
|
-
const
|
|
55
|
+
const yr = (h) => {
|
|
55
56
|
const { children: u, toolbar: b } = h, n = d(null), { active: a } = x(), { showPrintProgress: f } = C(), { progress: g, showDefaultProgress: w } = R(), { percentage: s } = g || {}, o = b, m = o == null ? void 0 : o.topbar, p = o == null ? void 0 : o.leftSidebar, l = d(null), [c, P] = N(I), v = w ?? f;
|
|
56
57
|
return /* @__PURE__ */ i(e, { children: [
|
|
57
58
|
/* @__PURE__ */ i("div", { className: t["rp-toolbar-layout"], children: [
|
|
@@ -104,5 +105,5 @@ const Wr = (h) => {
|
|
|
104
105
|
] });
|
|
105
106
|
};
|
|
106
107
|
export {
|
|
107
|
-
|
|
108
|
+
yr as ToolbarCustom
|
|
108
109
|
};
|
|
@@ -21,7 +21,8 @@ import "../../../utils/appConsole.js";
|
|
|
21
21
|
import "../../../contexts/InitialStateContext.js";
|
|
22
22
|
import "../../../contexts/RPDocumentContext.js";
|
|
23
23
|
import "../../../utils/hooks/useLoadPdf.js";
|
|
24
|
-
import "
|
|
24
|
+
import "@pdf-viewer/pdfium";
|
|
25
|
+
import "@pdf-viewer/pdfium/compat";
|
|
25
26
|
import "../../../utils/getThumbnailViewport.js";
|
|
26
27
|
import "../../../contexts/ConfigContext.js";
|
|
27
28
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
@@ -56,11 +57,11 @@ import "./ThumbnailTool.js";
|
|
|
56
57
|
import "../../icons/Thumbnail.js";
|
|
57
58
|
import "../../ui/Button.js";
|
|
58
59
|
import "../../ui/RPTooltip.js";
|
|
59
|
-
import "../../../index-
|
|
60
|
+
import "../../../index-113053cf.js";
|
|
60
61
|
import "react-dom";
|
|
61
|
-
import "../../../index-
|
|
62
|
-
import "../../../
|
|
63
|
-
import "../../../index-
|
|
62
|
+
import "../../../index-23911b43.js";
|
|
63
|
+
import "../../../index-d0f0aa9a.js";
|
|
64
|
+
import "../../../index-ada501c4.js";
|
|
64
65
|
import "../../../contexts/LocalizationContext.js";
|
|
65
66
|
import "../../../utils/hooks/useLocalization.js";
|
|
66
67
|
import "./SearchTool.js";
|
|
@@ -83,8 +84,8 @@ import "../../icons/ChevronUpIcon.js";
|
|
|
83
84
|
import "./SearchCloseButton.js";
|
|
84
85
|
import "../../icons/CloseIcon.js";
|
|
85
86
|
import "../../ui/DropDown.js";
|
|
86
|
-
import "../../../index-
|
|
87
|
-
import "../../../Combination-
|
|
87
|
+
import "../../../index-11f3cd64.js";
|
|
88
|
+
import "../../../Combination-17ab8af1.js";
|
|
88
89
|
import "./Paginate.js";
|
|
89
90
|
import "../../../Paginate.module-4eef00aa.js";
|
|
90
91
|
import "./ZoomTool.js";
|
|
@@ -143,7 +144,7 @@ import "../../icons/HandModeDefaultIcon.js";
|
|
|
143
144
|
import "../../../contexts/SelectionModeContext.js";
|
|
144
145
|
import "../../../utils/hooks/usePrint.js";
|
|
145
146
|
import "../../../RPToolbar.module-27d7fe77.js";
|
|
146
|
-
const
|
|
147
|
+
const co = (l) => {
|
|
147
148
|
const { children: c } = l, i = s(null), { active: m } = w(), { showPrintProgress: d } = v(), { progress: h, showDefaultProgress: u } = x(), { percentage: p } = h || {}, e = s(null), [a, b] = P(D), f = u ?? d;
|
|
148
149
|
return /* @__PURE__ */ o(n, { children: [
|
|
149
150
|
/* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
|
|
@@ -188,5 +189,5 @@ const lo = (l) => {
|
|
|
188
189
|
] });
|
|
189
190
|
};
|
|
190
191
|
export {
|
|
191
|
-
|
|
192
|
+
co as ToolbarDefault
|
|
192
193
|
};
|
|
@@ -15,7 +15,8 @@ import "../../../utils/appConsole.js";
|
|
|
15
15
|
import "../../../contexts/InitialStateContext.js";
|
|
16
16
|
import "../../../contexts/RPDocumentContext.js";
|
|
17
17
|
import "../../../utils/hooks/useLoadPdf.js";
|
|
18
|
-
import "
|
|
18
|
+
import "@pdf-viewer/pdfium";
|
|
19
|
+
import "@pdf-viewer/pdfium/compat";
|
|
19
20
|
import "../../../utils/getThumbnailViewport.js";
|
|
20
21
|
import "../../../contexts/ConfigContext.js";
|
|
21
22
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
@@ -54,11 +55,11 @@ import "./ThumbnailTool.js";
|
|
|
54
55
|
import "../../icons/Thumbnail.js";
|
|
55
56
|
import "../../ui/Button.js";
|
|
56
57
|
import "../../ui/RPTooltip.js";
|
|
57
|
-
import "../../../index-
|
|
58
|
+
import "../../../index-113053cf.js";
|
|
58
59
|
import "react-dom";
|
|
59
|
-
import "../../../index-
|
|
60
|
-
import "../../../
|
|
61
|
-
import "../../../index-
|
|
60
|
+
import "../../../index-23911b43.js";
|
|
61
|
+
import "../../../index-d0f0aa9a.js";
|
|
62
|
+
import "../../../index-ada501c4.js";
|
|
62
63
|
import "../../../contexts/LocalizationContext.js";
|
|
63
64
|
import "../../../utils/hooks/useLocalization.js";
|
|
64
65
|
import "./tools/defaults/RPHorizontalBar.js";
|
|
@@ -82,8 +83,8 @@ import "../../icons/ChevronUpIcon.js";
|
|
|
82
83
|
import "./SearchCloseButton.js";
|
|
83
84
|
import "../../icons/CloseIcon.js";
|
|
84
85
|
import "../../ui/DropDown.js";
|
|
85
|
-
import "../../../index-
|
|
86
|
-
import "../../../Combination-
|
|
86
|
+
import "../../../index-11f3cd64.js";
|
|
87
|
+
import "../../../Combination-17ab8af1.js";
|
|
87
88
|
import "./Paginate.js";
|
|
88
89
|
import "../../../Paginate.module-4eef00aa.js";
|
|
89
90
|
import "./ZoomTool.js";
|
|
@@ -145,10 +146,10 @@ import "../../../contexts/SelectionModeContext.js";
|
|
|
145
146
|
import "../../../RPToolbar.module-27d7fe77.js";
|
|
146
147
|
import "../../ui/LoadingIndicator.js";
|
|
147
148
|
import "../../../RPSplitter-f6acf13b.js";
|
|
148
|
-
const
|
|
149
|
+
const Vr = (m) => {
|
|
149
150
|
const { children: r, toolbar: o } = m;
|
|
150
151
|
return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
|
|
151
152
|
};
|
|
152
153
|
export {
|
|
153
|
-
|
|
154
|
+
Vr as ToolbarLayout
|
|
154
155
|
};
|
|
@@ -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-
|
|
2
|
+
import { G as f } from "../../../index-11f3cd64.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-
|
|
19
|
+
import "../../../index-113053cf.js";
|
|
20
20
|
import "react-dom";
|
|
21
|
-
import "../../../index-
|
|
22
|
-
import "../../../Combination-
|
|
23
|
-
import "../../../
|
|
24
|
-
import "../../../index-
|
|
21
|
+
import "../../../index-23911b43.js";
|
|
22
|
+
import "../../../Combination-17ab8af1.js";
|
|
23
|
+
import "../../../index-d0f0aa9a.js";
|
|
24
|
+
import "../../../index-ada501c4.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-
|
|
11
|
+
import { G as Z } from "../../../index-11f3cd64.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";
|
|
@@ -27,7 +27,8 @@ import "../../../utils/appConsole.js";
|
|
|
27
27
|
import "../../../contexts/InitialStateContext.js";
|
|
28
28
|
import "../../../contexts/RPDocumentContext.js";
|
|
29
29
|
import "../../../utils/hooks/useLoadPdf.js";
|
|
30
|
-
import "
|
|
30
|
+
import "@pdf-viewer/pdfium";
|
|
31
|
+
import "@pdf-viewer/pdfium/compat";
|
|
31
32
|
import "../../../utils/getThumbnailViewport.js";
|
|
32
33
|
import "../../../contexts/ConfigContext.js";
|
|
33
34
|
import "../../../contexts/DocumentPasswordContext.js";
|
|
@@ -42,12 +43,12 @@ import "../../../contexts/GlobalCurrentPage.js";
|
|
|
42
43
|
import "../../../contexts/EventCallbackContext.js";
|
|
43
44
|
import "../../../utils/hooks/useDebounce.js";
|
|
44
45
|
import "../../../utils/withRef.js";
|
|
45
|
-
import "../../../index-
|
|
46
|
+
import "../../../index-113053cf.js";
|
|
46
47
|
import "react-dom";
|
|
47
|
-
import "../../../index-
|
|
48
|
-
import "../../../Combination-
|
|
49
|
-
import "../../../
|
|
50
|
-
import "../../../index-
|
|
48
|
+
import "../../../index-23911b43.js";
|
|
49
|
+
import "../../../Combination-17ab8af1.js";
|
|
50
|
+
import "../../../index-d0f0aa9a.js";
|
|
51
|
+
import "../../../index-ada501c4.js";
|
|
51
52
|
import "../../../utils/hooks/useLocalization.js";
|
|
52
53
|
const Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
|
|
53
54
|
const { zoomInIcon: m } = x(), { zoomInIcon: r } = b();
|
|
@@ -55,7 +56,7 @@ const Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
|
|
|
55
56
|
}, g = () => {
|
|
56
57
|
const { zoomOutIcon: m } = x(), { zoomOutIcon: r } = b();
|
|
57
58
|
return m || r || /* @__PURE__ */ t(H, {});
|
|
58
|
-
},
|
|
59
|
+
}, go = () => {
|
|
59
60
|
const { zoomLevel: m, setZoomLevel: r, currentZoom: i } = W(), { container: v, pagesRef: u } = _(), { zoomTool: l = !0 } = F(), { zoomTool: d = !0 } = $(), { isSmallScreen: w } = B(), { localeMessages: o } = V(), [L, D] = I(0), [a, S] = I(!1), z = P(
|
|
60
61
|
new ResizeObserver((n) => {
|
|
61
62
|
D(n[0].contentRect.height);
|
|
@@ -146,5 +147,5 @@ const Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
|
|
|
146
147
|
] });
|
|
147
148
|
};
|
|
148
149
|
export {
|
|
149
|
-
|
|
150
|
+
go as ZoomTool
|
|
150
151
|
};
|