@react-pdf-kit/viewer 2.0.0-beta.10 → 2.0.0-beta.12
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/dist/{Combination-54a77a7a.js → Combination-136ff99c.js} +184 -187
- package/dist/Paginate.module-4eef00aa.js +8 -0
- package/dist/RPLayout.module-b4b23e29.js +14 -0
- package/dist/RPSplitter-f6acf13b.js +71 -0
- package/dist/ToolbarLayout.module-6e339802.js +12 -0
- package/dist/assets/style.css +1 -1
- package/dist/assets/style.js +32 -30
- package/dist/components/RPController.js +1 -1
- package/dist/components/RPDropFileZone.js +1 -1
- package/dist/components/RPPages.js +544 -497
- package/dist/components/RPProvider.js +32 -22
- package/dist/components/icons/DualPageWithCoverIcon.js +22 -0
- package/dist/components/layout/LayoutContainer.js +1 -1
- package/dist/components/layout/LayoutWrapper.js +1 -1
- package/dist/components/layout/RPDefaultLayout.js +58 -36
- package/dist/components/layout/RPLayout.js +32 -28
- package/dist/components/layout/SkipLink.js +29 -0
- package/dist/components/layout/WrapperLayout.js +1 -1
- package/dist/components/layout/sidebar/RPSidebar.js +32 -37
- package/dist/components/layout/sidebar/RPSplitter.js +6 -59
- package/dist/components/layout/sidebar/Thumbnail.js +57 -48
- package/dist/components/layout/sidebar/Thumbnails.js +9 -9
- package/dist/components/layout/toolbar/DarkModeTool.js +1 -1
- package/dist/components/layout/toolbar/DocumentDialog.js +28 -28
- package/dist/components/layout/toolbar/DocumentProperties.js +3 -3
- package/dist/components/layout/toolbar/FileDownloadTool.js +3 -3
- package/dist/components/layout/toolbar/FileUploadTool.js +3 -3
- package/dist/components/layout/toolbar/FullScreenTool.js +3 -3
- package/dist/components/layout/toolbar/MenuItem.js +2 -2
- package/dist/components/layout/toolbar/MenuSeparator.js +2 -2
- package/dist/components/layout/toolbar/MostPageTool.js +3 -3
- package/dist/components/layout/toolbar/OtherTool.js +43 -34
- package/dist/components/layout/toolbar/Paginate.js +53 -46
- package/dist/components/layout/toolbar/PrintTool.js +3 -3
- package/dist/components/layout/toolbar/RPMenuItem.js +2 -2
- package/dist/components/layout/toolbar/RPMoreOptions.js +45 -44
- package/dist/components/layout/toolbar/RPToolbar.js +7 -6
- package/dist/components/layout/toolbar/RPToolbarEnd.js +6 -5
- package/dist/components/layout/toolbar/RotateTool.js +3 -3
- package/dist/components/layout/toolbar/ScrollModeTool.js +37 -37
- package/dist/components/layout/toolbar/SearchCloseButton.js +1 -1
- package/dist/components/layout/toolbar/SearchResultNavigator.js +44 -24
- package/dist/components/layout/toolbar/SearchTool.js +138 -117
- package/dist/components/layout/toolbar/SelectionModeTool.js +3 -3
- package/dist/components/layout/toolbar/ThumbnailTool.js +1 -1
- package/dist/components/layout/toolbar/ToolbarCustom.js +43 -27
- package/dist/components/layout/toolbar/ToolbarDefault.js +42 -33
- package/dist/components/layout/toolbar/ToolbarLayout.js +9 -8
- package/dist/components/layout/toolbar/ViewModeTool.js +43 -34
- package/dist/components/layout/toolbar/ZoomTool.js +3 -3
- package/dist/components/layout/toolbar/tools/DocumentPropertiesTool.js +2 -2
- package/dist/components/layout/toolbar/tools/DualPageTool.js +3 -3
- package/dist/components/layout/toolbar/tools/DualPageWithCoverTool.js +202 -0
- package/dist/components/layout/toolbar/tools/FileDownloadTool.js +6 -6
- package/dist/components/layout/toolbar/tools/FileUploadTool.js +5 -5
- package/dist/components/layout/toolbar/tools/FirstPageTool.js +197 -0
- package/dist/components/layout/toolbar/tools/FullScreenTool.js +16 -15
- package/dist/components/layout/toolbar/tools/HorizontalScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/InputPageTool.js +35 -28
- package/dist/components/layout/toolbar/tools/LastPageTool.js +197 -0
- package/dist/components/layout/toolbar/tools/NextPageTool.js +9 -8
- package/dist/components/layout/toolbar/tools/PageScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/PreviousPageTool.js +15 -14
- package/dist/components/layout/toolbar/tools/PrintTool.js +4 -4
- package/dist/components/layout/toolbar/tools/RotateClockwiseTool.js +12 -5
- package/dist/components/layout/toolbar/tools/RotateCounterclockwiseTool.js +9 -9
- package/dist/components/layout/toolbar/tools/SelectionModeSwitcherTool.js +18 -10
- package/dist/components/layout/toolbar/tools/SinglePageTool.js +2 -2
- package/dist/components/layout/toolbar/tools/ThemeSwitcherTool.js +10 -2
- package/dist/components/layout/toolbar/tools/ThumbnailTool.js +13 -12
- package/dist/components/layout/toolbar/tools/VerticalScrollingTool.js +37 -0
- package/dist/components/layout/toolbar/tools/ZoomInTool.js +15 -14
- package/dist/components/layout/toolbar/tools/ZoomLevelDisplay.js +1 -1
- package/dist/components/layout/toolbar/tools/ZoomLevelTool.js +75 -41
- package/dist/components/layout/toolbar/tools/ZoomOutTool.js +12 -11
- package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js +7 -6
- package/dist/components/layout/toolbar/tools/defaults/RPVerticalBar.js +1 -1
- package/dist/components/layout/toolbar/tools/more-options/DocumentProperties.js +11 -11
- package/dist/components/layout/toolbar/tools/more-options/FileDownloadTool.js +22 -15
- package/dist/components/layout/toolbar/tools/more-options/FileUploadTool.js +20 -13
- package/dist/components/layout/toolbar/tools/more-options/FullScreenTool.js +22 -14
- package/dist/components/layout/toolbar/tools/more-options/MostPageTool.js +35 -19
- package/dist/components/layout/toolbar/tools/more-options/PrintTool.js +21 -14
- package/dist/components/layout/toolbar/tools/more-options/RotateTool.js +33 -19
- package/dist/components/layout/toolbar/tools/more-options/ScrollModeTool.js +54 -36
- package/dist/components/layout/toolbar/tools/more-options/SelectionModeTool.js +39 -23
- package/dist/components/layout/toolbar/tools/more-options/ViewModeTool.js +52 -29
- package/dist/components/page/AnnotationLayer.js +76 -69
- package/dist/components/page/CanvasLayer.js +1 -1
- package/dist/components/page/CustomElement.js +1 -1
- package/dist/components/page/DualPage.js +1 -1
- package/dist/components/page/DualPageWithCover.js +131 -0
- package/dist/components/page/RPPage.js +1 -1
- package/dist/components/page/SinglePage.js +1 -1
- package/dist/components/page/TextHighlightLayer.js +1 -1
- package/dist/components/page/TextLayer.js +1 -1
- package/dist/components/ui/Button.js +14 -12
- package/dist/components/ui/Checkbox.js +84 -77
- package/dist/components/ui/DropDown.js +2 -2
- package/dist/components/ui/Input.js +12 -11
- package/dist/components/ui/LoadingIndicator.js +1 -1
- package/dist/components/ui/PasswordModal.js +44 -30
- package/dist/contexts/DimensionPagesContext.js +1 -1
- package/dist/contexts/DropFileZoneContext.js +1 -1
- package/dist/contexts/ElementPageContext.js +1 -1
- package/dist/contexts/EventCallbackContext.js +12 -8
- package/dist/contexts/FileInputContext.js +1 -1
- package/dist/contexts/HighlightContext.js +1 -1
- package/dist/contexts/LocalizationContext.js +1 -1
- package/dist/contexts/PagesRotateContext.js +1 -1
- package/dist/contexts/PaginationContext.js +1 -1
- package/dist/contexts/PrintContext.js +1 -1
- package/dist/contexts/RPDocumentContext.js +1 -1
- package/dist/contexts/RenderQueueProvider.js +1 -1
- package/dist/contexts/RotationContext.js +1 -1
- package/dist/contexts/ScrollModeContext.js +1 -1
- package/dist/contexts/SearchContext.js +1 -1
- package/dist/contexts/SelectionModeContext.js +1 -1
- package/dist/contexts/ThumbnailsContext.js +1 -1
- package/dist/contexts/ViewModeContext.js +19 -15
- package/dist/contexts/ZoomContext.js +1 -1
- package/dist/de_DE-a553b162.js +489 -0
- package/dist/{index-4baea9b5.js → index-61f59539.js} +1 -1
- package/dist/main.js +115 -99
- package/dist/types/components/icons/DualPageWithCoverIcon.d.ts +2 -0
- package/dist/types/components/layout/LayoutContainer.d.ts +1 -5
- package/dist/types/components/layout/LayoutWrapper.d.ts +1 -5
- package/dist/types/components/layout/SkipLink.d.ts +7 -0
- package/dist/types/components/layout/sidebar/Thumbnails.d.ts +1 -3
- package/dist/types/components/layout/toolbar/RPToolbar.d.ts +1 -3
- package/dist/types/components/layout/toolbar/tools/DualPageWithCoverTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/FirstPageTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/HorizontalScrollingTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/LastPageTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/PageScrollingTool.d.ts +3 -0
- package/dist/types/components/layout/toolbar/tools/VerticalScrollingTool.d.ts +3 -0
- package/dist/types/components/page/DualPageWithCover.d.ts +5 -0
- package/dist/types/components/page/RPPage.d.ts +1 -3
- package/dist/types/components/ui/Button.d.ts +1 -3
- package/dist/types/components/ui/Checkbox.d.ts +1 -0
- package/dist/types/components/ui/Input.d.ts +1 -3
- package/dist/types/components/ui/RPTooltip.d.ts +1 -3
- package/dist/types/locales/de_DE.json.d.ts +83 -0
- package/dist/types/locales/en_US.json.d.ts +2 -0
- package/dist/types/locales/it_IT.json.d.ts +2 -0
- package/dist/types/locales/pt_PT.json.d.ts +2 -0
- package/dist/types/locales/th_TH.json.d.ts +2 -0
- package/dist/types/locales/zh_CN.json.d.ts +2 -0
- package/dist/types/main.d.ts +7 -1
- package/dist/types/utils/annotations.d.ts +10 -1
- package/dist/types/utils/calculatePage.d.ts +3 -3
- package/dist/types/utils/hooks/usePresentPage.d.ts +2 -1
- package/dist/types/utils/hooks/useTextSelection.d.ts +7 -0
- package/dist/types/utils/types.d.ts +34 -3
- package/dist/types/utils/withRef.d.ts +5 -4
- package/dist/utils/annotations.js +145 -150
- package/dist/utils/calculatePage.js +17 -11
- package/dist/utils/getZoomLevel.js +9 -9
- package/dist/utils/highlight.js +139 -139
- package/dist/utils/hooks/useFileDownload.js +1 -1
- package/dist/utils/hooks/useLicense.js +1 -1
- package/dist/utils/hooks/useLoadPdf.js +1 -1
- package/dist/utils/hooks/useLocalization.js +12 -11
- package/dist/utils/hooks/usePageRotateContext.js +1 -1
- package/dist/utils/hooks/usePaginate.js +1 -1
- package/dist/utils/hooks/usePinch.js +1 -1
- package/dist/utils/hooks/usePresentPage.js +45 -45
- package/dist/utils/hooks/usePrint.js +1 -1
- package/dist/utils/hooks/useRotate.js +1 -1
- package/dist/utils/hooks/useScrollToPage.js +1 -1
- package/dist/utils/hooks/useSearch.js +76 -62
- package/dist/utils/hooks/useTextSelection.js +76 -0
- package/dist/utils/hooks/useThumbnail.js +1 -1
- package/dist/utils/hooks/useVirtualReactWindow.js +60 -42
- package/dist/utils/types.js +14 -13
- package/dist/utils/withRef.js +5 -5
- package/package.json +5 -6
- package/dist/Paginate.module-206a7d7d.js +0 -8
- package/dist/RPLayout.module-967bf4bc.js +0 -13
- package/dist/ToolbarLayout.module-1fee0a18.js +0 -11
- package/dist/th_TH-d627cd51.js +0 -398
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as r, Fragment as l } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback as
|
|
3
|
-
import { useZoomContext as
|
|
4
|
-
import { ZoomInIcon as
|
|
5
|
-
import { UIButton as
|
|
6
|
-
import
|
|
7
|
-
import { useLocalizationContext as
|
|
2
|
+
import { useCallback as d, useMemo as a } from "react";
|
|
3
|
+
import { useZoomContext as c } from "../../../../contexts/ZoomContext.js";
|
|
4
|
+
import { ZoomInIcon as f } from "../../../icons/ZoomInIcon.js";
|
|
5
|
+
import { UIButton as u } from "../../../ui/Button.js";
|
|
6
|
+
import I from "../../../ui/RPTooltip.js";
|
|
7
|
+
import { useLocalizationContext as Z } from "../../../../contexts/LocalizationContext.js";
|
|
8
8
|
import { MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
|
|
9
9
|
import { isZoomInDisabled as h } from "../../../../utils/zoom.js";
|
|
10
10
|
import "../../../../utils/types.js";
|
|
11
|
-
import "../../../../
|
|
11
|
+
import "../../../../de_DE-a553b162.js";
|
|
12
12
|
import "../../../../utils/appConsole.js";
|
|
13
13
|
import "../../../../contexts/InitialStateContext.js";
|
|
14
14
|
import "../../../../contexts/RPDocumentContext.js";
|
|
@@ -36,19 +36,20 @@ import "../../../../floating-ui.react-dom-5ec29bd6.js";
|
|
|
36
36
|
import "../../../../index-655864a7.js";
|
|
37
37
|
import "../../../../utils/hooks/useLocalization.js";
|
|
38
38
|
const to = ({ icon: m }) => {
|
|
39
|
-
const { currentZoom: t, setZoomLevel: i } =
|
|
39
|
+
const { currentZoom: t, setZoomLevel: i } = c(), { localeMessages: o } = Z(), n = d(() => {
|
|
40
40
|
i(() => {
|
|
41
41
|
const e = Math.floor(t * 100 / 25) * 25;
|
|
42
42
|
return Math.min(e + 25, s);
|
|
43
43
|
});
|
|
44
|
-
}, [i, t]),
|
|
45
|
-
return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
|
|
46
|
-
|
|
44
|
+
}, [i, t]), p = a(() => h(t), [t]);
|
|
45
|
+
return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
|
|
46
|
+
u,
|
|
47
47
|
{
|
|
48
|
-
disabled:
|
|
49
|
-
onClick:
|
|
48
|
+
disabled: p,
|
|
49
|
+
onClick: n,
|
|
50
50
|
"aria-label": o == null ? void 0 : o.zoomInTooltip,
|
|
51
|
-
|
|
51
|
+
"aria-disabled": p,
|
|
52
|
+
children: m || /* @__PURE__ */ r(f, { "aria-hidden": "true" })
|
|
52
53
|
}
|
|
53
54
|
) }) });
|
|
54
55
|
};
|
|
@@ -2,7 +2,7 @@ import { jsx as n, Fragment as p, jsxs as u } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo as e, Fragment as c } from "react";
|
|
3
3
|
import { ZoomLevel as o } from "../../../../utils/types.js";
|
|
4
4
|
import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
|
|
5
|
-
import "../../../../
|
|
5
|
+
import "../../../../de_DE-a553b162.js";
|
|
6
6
|
import "../../../../utils/appConsole.js";
|
|
7
7
|
import "../../../../utils/hooks/useLocalization.js";
|
|
8
8
|
const a = ({ zoomLevel: t, className: i }) => {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsx as r, Fragment as v, jsxs as
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as r, Fragment as v, jsxs as p } from "react/jsx-runtime";
|
|
2
|
+
import { useState as x, useRef as C, useEffect as A } from "react";
|
|
3
3
|
import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
|
|
4
4
|
import { UIButton as T } from "../../../ui/Button.js";
|
|
5
|
-
import { c as
|
|
6
|
-
import { UIDropDown as
|
|
7
|
-
import { useLayoutContainer as
|
|
8
|
-
import { G as
|
|
9
|
-
import { MenuItem as
|
|
10
|
-
import { MenuSeparator as
|
|
11
|
-
import
|
|
12
|
-
import { ZoomLevel as
|
|
13
|
-
import { useLocalizationContext as
|
|
14
|
-
import { ChevronDownIcon as
|
|
15
|
-
import { ZoomLevelDisplay as
|
|
5
|
+
import { c as n } from "../../../../ZoomTool.module-7082af8c.js";
|
|
6
|
+
import { UIDropDown as b } from "../../../ui/DropDown.js";
|
|
7
|
+
import { useLayoutContainer as P } from "../../../../contexts/LayoutContainerContext.js";
|
|
8
|
+
import { G as u } from "../../../../index-61f59539.js";
|
|
9
|
+
import { MenuItem as c } from "../MenuItem.js";
|
|
10
|
+
import { MenuSeparator as k } from "../MenuSeparator.js";
|
|
11
|
+
import I from "../../../ui/RPTooltip.js";
|
|
12
|
+
import { ZoomLevel as i } from "../../../../utils/types.js";
|
|
13
|
+
import { useLocalizationContext as w } from "../../../../contexts/LocalizationContext.js";
|
|
14
|
+
import { ChevronDownIcon as D } from "../../../icons/ChevronDownIcon.js";
|
|
15
|
+
import { ZoomLevelDisplay as G } from "./ZoomLevelDisplay.js";
|
|
16
16
|
import "../../../../utils/appConsole.js";
|
|
17
17
|
import "../../../../contexts/InitialStateContext.js";
|
|
18
18
|
import "../../../../contexts/RPDocumentContext.js";
|
|
@@ -24,7 +24,7 @@ import "../../../../contexts/DocumentPasswordContext.js";
|
|
|
24
24
|
import "../../../../utils/hooks/usePdfProperties.js";
|
|
25
25
|
import "../../../../utils/convertPdfDate.js";
|
|
26
26
|
import "../../../../utils/formatFileSize.js";
|
|
27
|
-
import "../../../../
|
|
27
|
+
import "../../../../de_DE-a553b162.js";
|
|
28
28
|
import "../../../../utils/constants.js";
|
|
29
29
|
import "../../../../utils/getZoomLevel.js";
|
|
30
30
|
import "../../../../contexts/ViewModeContext.js";
|
|
@@ -37,57 +37,91 @@ import "../../../../utils/withRef.js";
|
|
|
37
37
|
import "../../../../index-c0faa594.js";
|
|
38
38
|
import "react-dom";
|
|
39
39
|
import "../../../../index-e3ee9457.js";
|
|
40
|
-
import "../../../../Combination-
|
|
40
|
+
import "../../../../Combination-136ff99c.js";
|
|
41
41
|
import "../../../../floating-ui.react-dom-5ec29bd6.js";
|
|
42
42
|
import "../../../../index-655864a7.js";
|
|
43
43
|
import "../../../../utils/hooks/useLocalization.js";
|
|
44
|
-
const S = [50, 75, 100, 125, 150, 200, 300, 400], Lo = ({ icon:
|
|
45
|
-
const { zoomLevel:
|
|
44
|
+
const S = [50, 75, 100, 125, 150, 200, 300, 400], Lo = ({ icon: d }) => {
|
|
45
|
+
const { zoomLevel: m, setZoomLevel: e } = L(), { container: f, pagesRef: a } = P(), { localeMessages: o } = w(), [l, z] = x(0), h = C(
|
|
46
46
|
new ResizeObserver((t) => {
|
|
47
|
-
|
|
47
|
+
z(t[0].contentRect.height);
|
|
48
48
|
})
|
|
49
49
|
);
|
|
50
|
-
return
|
|
51
|
-
|
|
52
|
-
}), [
|
|
53
|
-
|
|
50
|
+
return A(() => (a && h.current.observe(a), () => {
|
|
51
|
+
h.current.disconnect();
|
|
52
|
+
}), [a]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(
|
|
53
|
+
b,
|
|
54
54
|
{
|
|
55
|
-
container:
|
|
56
|
-
triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(
|
|
55
|
+
container: f,
|
|
56
|
+
triggerComponent: /* @__PURE__ */ r("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ r(I, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
|
|
57
57
|
T,
|
|
58
58
|
{
|
|
59
|
-
className:
|
|
59
|
+
className: n["rp-current-zoom-wrapper"],
|
|
60
60
|
"aria-label": o == null ? void 0 : o.zoomSelectTooltip,
|
|
61
|
+
"aria-expanded": !1,
|
|
61
62
|
children: [
|
|
62
63
|
/* @__PURE__ */ r(
|
|
63
|
-
|
|
64
|
+
G,
|
|
64
65
|
{
|
|
65
|
-
zoomLevel:
|
|
66
|
-
className:
|
|
66
|
+
zoomLevel: m,
|
|
67
|
+
className: n["rp-current-zoom-text"]
|
|
67
68
|
}
|
|
68
69
|
),
|
|
69
|
-
/* @__PURE__ */ r("div", { className:
|
|
70
|
+
/* @__PURE__ */ r("div", { className: n["rp-zoom-level-icon"], "aria-hidden": "true", children: d || /* @__PURE__ */ r(D, {}) })
|
|
70
71
|
]
|
|
71
72
|
}
|
|
72
73
|
) }) }),
|
|
73
74
|
style: { minWidth: "200px" },
|
|
74
75
|
align: "center",
|
|
75
|
-
children: /* @__PURE__ */
|
|
76
|
+
children: /* @__PURE__ */ p(
|
|
76
77
|
"div",
|
|
77
78
|
{
|
|
78
|
-
style: { maxHeight: `${
|
|
79
|
-
className:
|
|
79
|
+
style: { maxHeight: `${l}px`, overflow: "auto" },
|
|
80
|
+
className: n["rp-zoom-dropdown-content"],
|
|
80
81
|
children: [
|
|
81
|
-
/* @__PURE__ */
|
|
82
|
-
/* @__PURE__ */ r(
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
/* @__PURE__ */ p(u, { children: [
|
|
83
|
+
/* @__PURE__ */ r(
|
|
84
|
+
c,
|
|
85
|
+
{
|
|
86
|
+
onClick: () => e(i.ACTUAL),
|
|
87
|
+
"aria-label": o == null ? void 0 : o.zoomActualSize,
|
|
88
|
+
"aria-checked": m === i.ACTUAL,
|
|
89
|
+
children: o == null ? void 0 : o.zoomActualSize
|
|
90
|
+
}
|
|
91
|
+
),
|
|
92
|
+
/* @__PURE__ */ r(
|
|
93
|
+
c,
|
|
94
|
+
{
|
|
95
|
+
onClick: () => e(i.PAGE_FIT),
|
|
96
|
+
"aria-label": o == null ? void 0 : o.zoomPageFit,
|
|
97
|
+
"aria-checked": m === i.PAGE_FIT,
|
|
98
|
+
children: o == null ? void 0 : o.zoomPageFit
|
|
99
|
+
}
|
|
100
|
+
),
|
|
101
|
+
/* @__PURE__ */ r(
|
|
102
|
+
c,
|
|
103
|
+
{
|
|
104
|
+
onClick: () => e(i.PAGE_WIDTH),
|
|
105
|
+
"aria-label": o == null ? void 0 : o.zoomPageWidth,
|
|
106
|
+
"aria-checked": m === i.PAGE_WIDTH,
|
|
107
|
+
children: o == null ? void 0 : o.zoomPageWidth
|
|
108
|
+
}
|
|
109
|
+
)
|
|
85
110
|
] }),
|
|
86
|
-
/* @__PURE__ */ r(
|
|
87
|
-
/* @__PURE__ */ r(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
111
|
+
/* @__PURE__ */ r(k, {}),
|
|
112
|
+
/* @__PURE__ */ r(u, { children: S.map((t) => /* @__PURE__ */ p(
|
|
113
|
+
c,
|
|
114
|
+
{
|
|
115
|
+
onClick: () => e(t),
|
|
116
|
+
"aria-label": `${t}%`,
|
|
117
|
+
"aria-checked": m === t,
|
|
118
|
+
children: [
|
|
119
|
+
t,
|
|
120
|
+
" %"
|
|
121
|
+
]
|
|
122
|
+
},
|
|
123
|
+
t
|
|
124
|
+
)) })
|
|
91
125
|
]
|
|
92
126
|
}
|
|
93
127
|
)
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as r, Fragment as u } from "react/jsx-runtime";
|
|
2
|
-
import { useMemo as
|
|
3
|
-
import { useZoomContext as
|
|
4
|
-
import { UIButton as
|
|
5
|
-
import
|
|
6
|
-
import { useLocalizationContext as
|
|
7
|
-
import { ZoomOutIcon as
|
|
2
|
+
import { useMemo as d, useCallback as l } from "react";
|
|
3
|
+
import { useZoomContext as a } from "../../../../contexts/ZoomContext.js";
|
|
4
|
+
import { UIButton as c } from "../../../ui/Button.js";
|
|
5
|
+
import f from "../../../ui/RPTooltip.js";
|
|
6
|
+
import { useLocalizationContext as O } from "../../../../contexts/LocalizationContext.js";
|
|
7
|
+
import { ZoomOutIcon as Z } from "../../../icons/ZoomOutIcon.js";
|
|
8
8
|
import { MAX_ZOOM_SCALE as h } from "../../../../utils/constants.js";
|
|
9
9
|
import { isZoomOutDisabled as s } from "../../../../utils/zoom.js";
|
|
10
10
|
import "../../../../utils/types.js";
|
|
11
|
-
import "../../../../
|
|
11
|
+
import "../../../../de_DE-a553b162.js";
|
|
12
12
|
import "../../../../utils/appConsole.js";
|
|
13
13
|
import "../../../../contexts/InitialStateContext.js";
|
|
14
14
|
import "../../../../contexts/RPDocumentContext.js";
|
|
@@ -36,19 +36,20 @@ import "../../../../floating-ui.react-dom-5ec29bd6.js";
|
|
|
36
36
|
import "../../../../index-655864a7.js";
|
|
37
37
|
import "../../../../utils/hooks/useLocalization.js";
|
|
38
38
|
const to = ({ icon: m }) => {
|
|
39
|
-
const { currentZoom: t, setZoomLevel: i } =
|
|
39
|
+
const { currentZoom: t, setZoomLevel: i } = a(), { localeMessages: o } = O(), p = d(() => s(t), [t]), n = l(() => {
|
|
40
40
|
i(() => {
|
|
41
41
|
const e = Math.ceil(t * 100 / 25) * 25;
|
|
42
42
|
return Math.min(e - 25, h);
|
|
43
43
|
});
|
|
44
44
|
}, [i, t]);
|
|
45
|
-
return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(
|
|
46
|
-
|
|
45
|
+
return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(f, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
|
|
46
|
+
c,
|
|
47
47
|
{
|
|
48
48
|
disabled: p,
|
|
49
49
|
onClick: n,
|
|
50
50
|
"aria-label": o == null ? void 0 : o.zoomOutTooltip,
|
|
51
|
-
|
|
51
|
+
"aria-disabled": p,
|
|
52
|
+
children: m || /* @__PURE__ */ r(Z, { "aria-hidden": "true" })
|
|
52
53
|
}
|
|
53
54
|
) }) });
|
|
54
55
|
};
|
|
@@ -25,7 +25,7 @@ import "../../../../icons/LoaderIcon.js";
|
|
|
25
25
|
import "../../../../../contexts/SearchContext.js";
|
|
26
26
|
import "../../../../../utils/hooks/useSearch.js";
|
|
27
27
|
import "../../../../../utils/types.js";
|
|
28
|
-
import "../../../../../
|
|
28
|
+
import "../../../../../de_DE-a553b162.js";
|
|
29
29
|
import "../../../../../utils/highlight.js";
|
|
30
30
|
import "../../../../../utils/charators.js";
|
|
31
31
|
import "../../../../../contexts/VirtualScrollContext.js";
|
|
@@ -71,9 +71,9 @@ import "../../../../icons/ChevronUpIcon.js";
|
|
|
71
71
|
import "../../SearchCloseButton.js";
|
|
72
72
|
import "../../../../icons/CloseIcon.js";
|
|
73
73
|
import "../../../../ui/DropDown.js";
|
|
74
|
-
import "../../../../../index-
|
|
75
|
-
import "../../../../../Combination-
|
|
76
|
-
import "../../../../../Paginate.module-
|
|
74
|
+
import "../../../../../index-61f59539.js";
|
|
75
|
+
import "../../../../../Combination-136ff99c.js";
|
|
76
|
+
import "../../../../../Paginate.module-4eef00aa.js";
|
|
77
77
|
import "../../../../icons/ZoomInIcon.js";
|
|
78
78
|
import "../../../../icons/ZoomOutIcon.js";
|
|
79
79
|
import "../../../../../ZoomTool.module-7082af8c.js";
|
|
@@ -103,6 +103,7 @@ import "../../../../../RotateTool.module-67946714.js";
|
|
|
103
103
|
import "../../../../../utils/hooks/useRotate.js";
|
|
104
104
|
import "../../ViewModeTool.js";
|
|
105
105
|
import "../../../../icons/DualPageIcon.js";
|
|
106
|
+
import "../../../../icons/DualPageWithCoverIcon.js";
|
|
106
107
|
import "../../../../icons/SinglePageIcon.js";
|
|
107
108
|
import "../../ScrollModeTool.js";
|
|
108
109
|
import "../../../../icons/PageScrollingIcon.js";
|
|
@@ -127,7 +128,7 @@ import "../../SelectionModeTool.js";
|
|
|
127
128
|
import "../../../../icons/TextSelectionDefaultIcon.js";
|
|
128
129
|
import "../../../../icons/HandModeDefaultIcon.js";
|
|
129
130
|
import "../../../../../contexts/SelectionModeContext.js";
|
|
130
|
-
const
|
|
131
|
+
const Qt = (u) => {
|
|
131
132
|
const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: e } = T(), [s, a] = d(!1), [l, n] = d(!1), { isSmallScreen: h } = x(), S = () => h ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
|
|
132
133
|
return f(() => {
|
|
133
134
|
p((r) => ({ ...r, ...i })), a(!0);
|
|
@@ -143,5 +144,5 @@ const Ot = (u) => {
|
|
|
143
144
|
] }) });
|
|
144
145
|
};
|
|
145
146
|
export {
|
|
146
|
-
|
|
147
|
+
Qt as RPHorizontalBar
|
|
147
148
|
};
|
|
@@ -9,7 +9,7 @@ import "../../../../../contexts/RPDocumentContext.js";
|
|
|
9
9
|
import "../../../../../utils/hooks/useLoadPdf.js";
|
|
10
10
|
import "pdfjs-dist";
|
|
11
11
|
import "../../../../../utils/types.js";
|
|
12
|
-
import "../../../../../
|
|
12
|
+
import "../../../../../de_DE-a553b162.js";
|
|
13
13
|
import "../../../../../utils/getThumbnailViewport.js";
|
|
14
14
|
import "../../../../../contexts/ConfigContext.js";
|
|
15
15
|
import "../../../../../contexts/DocumentPasswordContext.js";
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as o, Fragment as p, jsxs as c } from "react/jsx-runtime";
|
|
2
2
|
import { MenuItem as u } from "../../MenuItem.js";
|
|
3
|
-
import { InfoIcon as
|
|
4
|
-
import { useOtherToolContext as
|
|
3
|
+
import { InfoIcon as d } from "../../../../icons/InfoIcon.js";
|
|
4
|
+
import { useOtherToolContext as l } from "../../../../../contexts/OtherToolContext.js";
|
|
5
5
|
import f from "../../../../ui/RPTooltip.js";
|
|
6
|
-
import { useLocalizationContext as
|
|
7
|
-
import "../../../../../index-
|
|
6
|
+
import { useLocalizationContext as h } from "../../../../../contexts/LocalizationContext.js";
|
|
7
|
+
import "../../../../../index-61f59539.js";
|
|
8
8
|
import "react";
|
|
9
9
|
import "../../../../../index-c0faa594.js";
|
|
10
10
|
import "react-dom";
|
|
11
11
|
import "../../../../../index-e3ee9457.js";
|
|
12
|
-
import "../../../../../Combination-
|
|
12
|
+
import "../../../../../Combination-136ff99c.js";
|
|
13
13
|
import "../../../../../floating-ui.react-dom-5ec29bd6.js";
|
|
14
14
|
import "../../../../../index-655864a7.js";
|
|
15
15
|
import "../../../../../clsx-0c6e471a.js";
|
|
16
16
|
import "../../../../../utils/withRef.js";
|
|
17
17
|
import "../../../../../utils/appConsole.js";
|
|
18
18
|
import "../../../../../utils/hooks/useLocalization.js";
|
|
19
|
-
import "../../../../../
|
|
19
|
+
import "../../../../../de_DE-a553b162.js";
|
|
20
20
|
const V = (i) => {
|
|
21
|
-
const { icon: r, isToolVisible: m = !0 } = i, { setActiveDocumentProperties: e } =
|
|
22
|
-
return m ? /* @__PURE__ */
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
|
|
21
|
+
const { icon: r, isToolVisible: m = !0 } = i, { setActiveDocumentProperties: e } = l(), { localeMessages: t } = h();
|
|
22
|
+
return m ? /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(u, { onClick: () => e((n) => !n), "aria-label": t == null ? void 0 : t.documentPropertiesTooltip, children: /* @__PURE__ */ c(f, { className: "rp-menu-item", content: t == null ? void 0 : t.documentPropertiesTooltip, children: [
|
|
23
|
+
/* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: r || /* @__PURE__ */ o(d, { "aria-hidden": "true" }) }),
|
|
24
|
+
t == null ? void 0 : t.documentPropertiesLabel
|
|
25
25
|
] }) }) }) : null;
|
|
26
26
|
};
|
|
27
27
|
export {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as i, jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { MenuItem as
|
|
4
|
-
import { useViewportContext as
|
|
5
|
-
import { useLocalizationContext as
|
|
6
|
-
import { useFileDownload as
|
|
7
|
-
import { FileDownloadDefaultIcon as
|
|
1
|
+
import { jsx as i, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import e from "../../../../ui/RPTooltip.js";
|
|
3
|
+
import { MenuItem as d } from "../../MenuItem.js";
|
|
4
|
+
import { useViewportContext as u } from "../../../../../contexts/ViewportContext.js";
|
|
5
|
+
import { useLocalizationContext as a } from "../../../../../contexts/LocalizationContext.js";
|
|
6
|
+
import { useFileDownload as c } from "../../../../../utils/hooks/useFileDownload.js";
|
|
7
|
+
import { FileDownloadDefaultIcon as f } from "../../../../icons/FileDownloadDefaultIcon.js";
|
|
8
8
|
import "react";
|
|
9
9
|
import "../../../../../index-c0faa594.js";
|
|
10
10
|
import "react-dom";
|
|
@@ -12,13 +12,13 @@ import "../../../../../index-e3ee9457.js";
|
|
|
12
12
|
import "../../../../../floating-ui.react-dom-5ec29bd6.js";
|
|
13
13
|
import "../../../../../index-655864a7.js";
|
|
14
14
|
import "../../../../../utils/withRef.js";
|
|
15
|
-
import "../../../../../index-
|
|
16
|
-
import "../../../../../Combination-
|
|
15
|
+
import "../../../../../index-61f59539.js";
|
|
16
|
+
import "../../../../../Combination-136ff99c.js";
|
|
17
17
|
import "../../../../../clsx-0c6e471a.js";
|
|
18
18
|
import "../../../../../contexts/LayoutContainerContext.js";
|
|
19
19
|
import "../../../../../utils/appConsole.js";
|
|
20
20
|
import "../../../../../utils/hooks/useLocalization.js";
|
|
21
|
-
import "../../../../../
|
|
21
|
+
import "../../../../../de_DE-a553b162.js";
|
|
22
22
|
import "../../../../../contexts/RPDocumentContext.js";
|
|
23
23
|
import "../../../../../utils/hooks/useLoadPdf.js";
|
|
24
24
|
import "pdfjs-dist";
|
|
@@ -31,14 +31,21 @@ import "../../../../../utils/convertPdfDate.js";
|
|
|
31
31
|
import "../../../../../utils/formatFileSize.js";
|
|
32
32
|
import "../../../../../contexts/DownloadContext.js";
|
|
33
33
|
const W = (m) => {
|
|
34
|
-
const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } =
|
|
34
|
+
const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = u(), { localeMessages: o } = a(), { download: n } = c();
|
|
35
35
|
if (!p || !r)
|
|
36
36
|
return null;
|
|
37
37
|
if (r)
|
|
38
|
-
return /* @__PURE__ */ i(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
return /* @__PURE__ */ i(
|
|
39
|
+
d,
|
|
40
|
+
{
|
|
41
|
+
onClick: n,
|
|
42
|
+
"aria-label": o == null ? void 0 : o.downloadFileTooltip,
|
|
43
|
+
children: /* @__PURE__ */ l(e, { className: "rp-menu-item", content: o == null ? void 0 : o.downloadFileTooltip, children: [
|
|
44
|
+
/* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(f, { "aria-hidden": "true" }) }),
|
|
45
|
+
o == null ? void 0 : o.downloadFileLabel
|
|
46
|
+
] })
|
|
47
|
+
}
|
|
48
|
+
);
|
|
42
49
|
};
|
|
43
50
|
export {
|
|
44
51
|
W as FileDownloadTool
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as i, jsxs as e } from "react/jsx-runtime";
|
|
2
2
|
import l from "../../../../ui/RPTooltip.js";
|
|
3
3
|
import { MenuItem as c } from "../../MenuItem.js";
|
|
4
|
-
import { useViewportContext as
|
|
5
|
-
import { useLocalizationContext as
|
|
6
|
-
import { useOpenFileContext as
|
|
7
|
-
import { FileUploadDefaultIcon as
|
|
4
|
+
import { useViewportContext as u } from "../../../../../contexts/ViewportContext.js";
|
|
5
|
+
import { useLocalizationContext as f } from "../../../../../contexts/LocalizationContext.js";
|
|
6
|
+
import { useOpenFileContext as a } from "../../../../../contexts/FileInputContext.js";
|
|
7
|
+
import { FileUploadDefaultIcon as d } from "../../../../icons/FileUploadDefaultIcon.js";
|
|
8
8
|
import "react";
|
|
9
9
|
import "../../../../../index-c0faa594.js";
|
|
10
10
|
import "react-dom";
|
|
@@ -12,13 +12,13 @@ import "../../../../../index-e3ee9457.js";
|
|
|
12
12
|
import "../../../../../floating-ui.react-dom-5ec29bd6.js";
|
|
13
13
|
import "../../../../../index-655864a7.js";
|
|
14
14
|
import "../../../../../utils/withRef.js";
|
|
15
|
-
import "../../../../../index-
|
|
16
|
-
import "../../../../../Combination-
|
|
15
|
+
import "../../../../../index-61f59539.js";
|
|
16
|
+
import "../../../../../Combination-136ff99c.js";
|
|
17
17
|
import "../../../../../clsx-0c6e471a.js";
|
|
18
18
|
import "../../../../../contexts/LayoutContainerContext.js";
|
|
19
19
|
import "../../../../../utils/appConsole.js";
|
|
20
20
|
import "../../../../../utils/hooks/useLocalization.js";
|
|
21
|
-
import "../../../../../
|
|
21
|
+
import "../../../../../de_DE-a553b162.js";
|
|
22
22
|
import "../../../../../contexts/RPDocumentContext.js";
|
|
23
23
|
import "../../../../../utils/hooks/useLoadPdf.js";
|
|
24
24
|
import "pdfjs-dist";
|
|
@@ -30,14 +30,21 @@ import "../../../../../utils/hooks/usePdfProperties.js";
|
|
|
30
30
|
import "../../../../../utils/convertPdfDate.js";
|
|
31
31
|
import "../../../../../utils/formatFileSize.js";
|
|
32
32
|
const Q = (m) => {
|
|
33
|
-
const { icon:
|
|
33
|
+
const { icon: t, isToolVisible: p = !0 } = m, { isSmallScreen: r } = u(), { localeMessages: o } = f(), { openFile: n } = a();
|
|
34
34
|
if (!p || !r)
|
|
35
35
|
return null;
|
|
36
36
|
if (r)
|
|
37
|
-
return /* @__PURE__ */
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
return /* @__PURE__ */ i(
|
|
38
|
+
c,
|
|
39
|
+
{
|
|
40
|
+
onClick: n,
|
|
41
|
+
"aria-label": o == null ? void 0 : o.openLocalFileTooltip,
|
|
42
|
+
children: /* @__PURE__ */ e(l, { className: "rp-menu-item", content: o == null ? void 0 : o.openLocalFileTooltip, children: [
|
|
43
|
+
/* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ i(d, { "aria-hidden": "true" }) }),
|
|
44
|
+
o == null ? void 0 : o.openLocalFileLabel
|
|
45
|
+
] })
|
|
46
|
+
}
|
|
47
|
+
);
|
|
41
48
|
};
|
|
42
49
|
export {
|
|
43
50
|
Q as FileUploadTool
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { MenuItem as
|
|
3
|
-
import
|
|
1
|
+
import { jsx as r, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { MenuItem as u } from "../../MenuItem.js";
|
|
3
|
+
import c from "../../../../ui/RPTooltip.js";
|
|
4
4
|
import { FullScreenIcon as f } from "../../../../icons/FullScreenIcon.js";
|
|
5
|
-
import { useViewportContext as
|
|
6
|
-
import { useFullScreenContext as
|
|
7
|
-
import { useLocalizationContext as
|
|
8
|
-
import "../../../../../index-
|
|
5
|
+
import { useViewportContext as S } from "../../../../../contexts/ViewportContext.js";
|
|
6
|
+
import { useFullScreenContext as d } from "../../../../../contexts/FullScreenContext.js";
|
|
7
|
+
import { useLocalizationContext as x } from "../../../../../contexts/LocalizationContext.js";
|
|
8
|
+
import "../../../../../index-61f59539.js";
|
|
9
9
|
import "react";
|
|
10
10
|
import "../../../../../index-c0faa594.js";
|
|
11
11
|
import "react-dom";
|
|
12
12
|
import "../../../../../index-e3ee9457.js";
|
|
13
|
-
import "../../../../../Combination-
|
|
13
|
+
import "../../../../../Combination-136ff99c.js";
|
|
14
14
|
import "../../../../../floating-ui.react-dom-5ec29bd6.js";
|
|
15
15
|
import "../../../../../index-655864a7.js";
|
|
16
16
|
import "../../../../../clsx-0c6e471a.js";
|
|
@@ -19,16 +19,24 @@ import "../../../../../contexts/LayoutContainerContext.js";
|
|
|
19
19
|
import "../../../../../utils/hooks/useFullScreen.js";
|
|
20
20
|
import "../../../../../utils/appConsole.js";
|
|
21
21
|
import "../../../../../utils/hooks/useLocalization.js";
|
|
22
|
-
import "../../../../../
|
|
22
|
+
import "../../../../../de_DE-a553b162.js";
|
|
23
23
|
const D = (m) => {
|
|
24
|
-
const { icon:
|
|
24
|
+
const { icon: t, isToolVisible: e = !0 } = m, { toggleFullScreen: n, isSupported: p } = d(), { isSmallScreen: i } = S(), { localeMessages: o } = x();
|
|
25
25
|
if (!e || !i)
|
|
26
26
|
return null;
|
|
27
27
|
if (i)
|
|
28
|
-
return /* @__PURE__ */
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
return /* @__PURE__ */ r(
|
|
29
|
+
u,
|
|
30
|
+
{
|
|
31
|
+
onClick: n,
|
|
32
|
+
disabled: !p,
|
|
33
|
+
"aria-label": o == null ? void 0 : o.fullScreenTooltip,
|
|
34
|
+
children: /* @__PURE__ */ l(c, { className: "rp-menu-item", content: o == null ? void 0 : o.fullScreenTooltip, children: [
|
|
35
|
+
/* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: t || /* @__PURE__ */ r(f, { "aria-hidden": "true" }) }),
|
|
36
|
+
o == null ? void 0 : o.fullScreenTooltip
|
|
37
|
+
] })
|
|
38
|
+
}
|
|
39
|
+
);
|
|
32
40
|
};
|
|
33
41
|
export {
|
|
34
42
|
D as FullScreenTool
|