@react-pdf-kit/viewer 0.0.0-experimental.0

package/dist/components/layout/toolbar/FileUploadTool.js

@@ -0,0 +1,49 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { FileUploadDefaultIcon as f } from "../../icons/FileUploadDefaultIcon.js";
+import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as T } from "../../../contexts/IconContext.js";
+import { UIButton as d } from "../../ui/Button.js";
+import { MenuItem as C } from "./MenuItem.js";
+import { useViewportContext as x } from "../../../contexts/ViewportContext.js";
+import { useOpenFileContext as h } from "../../../contexts/FileInputContext.js";
+import p from "../../ui/RPTooltip.js";
+import { useLocalizationContext as I } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as L } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as U } from "../../../contexts/ToolComponentContext.js";
+import "react";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../index-4baea9b5.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../utils/hooks/useLocalization.js";
+const e = () => {
+  const { openFileIcon: i } = T(), { openFileIcon: o } = L();
+  return i || o || /* @__PURE__ */ t(f, {});
+}, l = ({ children: i, className: o, localeMessages: n }) => /* @__PURE__ */ t(p, { className: o, content: n == null ? void 0 : n.openLocalFileTooltip, children: i }), b = ({ onFileChange: i, localeMessages: o }) => /* @__PURE__ */ t(C, { onClick: i, children: /* @__PURE__ */ u(l, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(e, {}) }),
+  o == null ? void 0 : o.openLocalFileLabel
+] }) }), O = ({ onFileChange: i, localeMessages: o }) => /* @__PURE__ */ t(l, { localeMessages: o, children: /* @__PURE__ */ t(d, { onClick: i, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: /* @__PURE__ */ t(e, {}) }) }), po = () => {
+  const { openFileTool: i = !0 } = F(), { openFileTool: o = !0 } = U(), { openFile: n } = h(), { isSmallScreen: c } = x(), { localeMessages: r } = I(), m = r == null ? void 0 : r.openLocalFileTooltip;
+  return !i || !o ? null : c ? /* @__PURE__ */ t(b, { onFileChange: n, localeMessages: r }) : typeof i == "function" ? /* @__PURE__ */ t(p, { content: m, children: /* @__PURE__ */ t(i, { openFile: n }) }) : typeof o == "function" ? /* @__PURE__ */ t(p, { content: m, children: /* @__PURE__ */ t(o, { openFile: n }) }) : /* @__PURE__ */ t(O, { onFileChange: n, localeMessages: r });
+};
+export {
+  po as FileUploadTool
+};

package/dist/components/layout/toolbar/FullScreenTool.js

@@ -0,0 +1,74 @@
+import { jsx as t, jsxs as S } from "react/jsx-runtime";
+import { useFullScreenContext as T } from "../../../contexts/FullScreenContext.js";
+import { UIButton as d } from "../../ui/Button.js";
+import { FullScreenIcon as u } from "../../icons/FullScreenIcon.js";
+import { useToolbarComponentContext as x } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as C } from "../../../contexts/IconContext.js";
+import { useViewportContext as F } from "../../../contexts/ViewportContext.js";
+import { MenuItem as I } from "./MenuItem.js";
+import m from "../../ui/RPTooltip.js";
+import { useLocalizationContext as h } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
+import "react";
+import "../../../utils/hooks/useFullScreen.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../index-4baea9b5.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../de_DE-a553b162.js";
+const j = () => {
+  const { fullScreenIcon: r } = C(), { fullScreenIcon: n } = s();
+  return r || n || /* @__PURE__ */ t(u, {});
+}, p = ({ children: r, className: n, localeMessages: o }) => /* @__PURE__ */ t(m, { className: n, content: o == null ? void 0 : o.fullScreenTooltip, children: r }), k = ({
+  toggleFullScreen: r,
+  isSupported: n,
+  localeMessages: o
+}) => /* @__PURE__ */ t(I, { onClick: r, disabled: !n, children: /* @__PURE__ */ S(p, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(u, {}) }),
+  o == null ? void 0 : o.fullScreenTooltip
+] }) }), a = () => {
+  const { isFullScreen: r, toggleFullScreen: n, isSupported: o } = T(), { fullscreenTool: i = !0 } = x(), { fullscreenTool: l = !0 } = b(), { isSmallScreen: f } = F(), { localeMessages: e } = h(), c = e == null ? void 0 : e.fullScreenTooltip;
+  return !i || !l ? null : f ? /* @__PURE__ */ t(
+    k,
+    {
+      isFullScreen: r,
+      toggleFullScreen: n,
+      isSupported: o,
+      localeMessages: e
+    }
+  ) : typeof i == "function" ? /* @__PURE__ */ t(m, { content: c, children: /* @__PURE__ */ t(
+    i,
+    {
+      isFullScreen: r,
+      toggleFullScreen: n,
+      isSupported: o
+    }
+  ) }) : typeof l == "function" ? /* @__PURE__ */ t(m, { content: c, children: /* @__PURE__ */ t(
+    l,
+    {
+      isFullScreen: r,
+      toggleFullScreen: n,
+      isSupported: o
+    }
+  ) }) : /* @__PURE__ */ t(p, { localeMessages: e, children: /* @__PURE__ */ t(
+    d,
+    {
+      disabled: !o,
+      onClick: n,
+      "aria-label": r ? "Exit full screen" : "Enter full screen",
+      children: /* @__PURE__ */ t(j, {})
+    }
+  ) });
+};
+export {
+  a as FullScreenTool
+};

package/dist/components/layout/toolbar/MenuItem.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { I as s } from "../../../index-4baea9b5.js";
+import { c as p } from "../../../clsx-0c6e471a.js";
+import "react";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+const i = {
+  "rp-menu-item": "_rp-menu-item_cu12j_1"
+}, j = (m) => {
+  const { children: r, className: t, ...o } = m;
+  return /* @__PURE__ */ e(s, { ...o, tabIndex: 0, className: p(i["rp-menu-item"], t), children: r });
+};
+export {
+  j as MenuItem
+};

package/dist/components/layout/toolbar/MenuSeparator.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import { S as o } from "../../../index-4baea9b5.js";
+import "react";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+const p = {
+  "rp-menu-separator": "_rp-menu-separator_17dlz_1"
+}, l = () => /* @__PURE__ */ r(o, { className: p["rp-menu-separator"] });
+export {
+  l as MenuSeparator
+};

package/dist/components/layout/toolbar/MostPageTool.js

@@ -0,0 +1,81 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { G as C } from "../../../index-4baea9b5.js";
+import { MenuItem as p } from "./MenuItem.js";
+import { u as x } from "../../../PaginationContext-9217cab4.js";
+import { useMemo as e, useCallback as a } from "react";
+import { MenuSeparator as L } from "./MenuSeparator.js";
+import { GoToDownIcon as l } from "../../icons/GoToDownIcon.js";
+import { c as N } from "../../../MostPageTool.module-13578ad6.js";
+import { useIconContext as d } from "../../../contexts/IconContext.js";
+import s from "../../ui/RPTooltip.js";
+import { useToolbarComponentContext as b } from "../../../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as v } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as u } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as F } from "../../../contexts/ToolComponentContext.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useLocalization.js";
+const G = () => {
+  const { goToFirstPageIcon: r } = d(), { goToFirstPageIcon: i } = u();
+  return r || i || /* @__PURE__ */ o(l, { className: N["rp-go-to-Top"] });
+}, j = () => {
+  const { goToLastPageIcon: r } = d(), { goToLastPageIcon: i } = u();
+  return r || i || /* @__PURE__ */ o(l, {});
+}, c = { width: "100%" }, yo = () => {
+  const { goToPage: r, totalPages: i, focusedPage: m } = x(), { jumpNavigationTool: g = !0 } = b(), { jumpNavigationTool: T = !0 } = F(), { localeMessages: t } = v(), P = e(() => m === 1, [m]), f = e(() => m === i, [m, i]), h = a(() => {
+    r(1);
+  }, [r]), I = a(() => {
+    r(i);
+  }, [r, i]);
+  return !g || !T ? null : /* @__PURE__ */ n(C, { children: [
+    /* @__PURE__ */ o(p, { onClick: h, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.firstPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": P, children: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(G, {}) }),
+      /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.firstPageLabel })
+    ] }) }) }),
+    /* @__PURE__ */ o(p, { onClick: I, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.lastPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": f, children: [
+      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(j, {}) }),
+      /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.lastPageLabel })
+    ] }) }) }),
+    /* @__PURE__ */ o(L, {})
+  ] });
+};
+export {
+  yo as MostPageTool
+};

package/dist/components/layout/toolbar/OtherTool.js

@@ -0,0 +1,199 @@
+import { jsxs as m, Fragment as y, jsx as o } from "react/jsx-runtime";
+import { useLayoutContainer as G } from "../../../contexts/LayoutContainerContext.js";
+import { ThreeDotIcon as L } from "../../icons/ThreeDotIcon.js";
+import { UIButton as V } from "../../ui/Button.js";
+import { UIDropDown as B } from "../../ui/DropDown.js";
+import { DocumentDialog as E } from "./DocumentDialog.js";
+import { c as $ } from "../../../OtherTool.module-a4be5f1f.js";
+import { DocumentProperties as q } from "./DocumentProperties.js";
+import { RotateTool as A } from "./RotateTool.js";
+import { ViewModeTool as J } from "./ViewModeTool.js";
+import { ScrollModeTool as K } from "./ScrollModeTool.js";
+import { useViewportContext as Q } from "../../../contexts/ViewportContext.js";
+import { FileUploadTool as W } from "./FileUploadTool.js";
+import { G as X } from "../../../index-4baea9b5.js";
+import { MenuSeparator as Y } from "./MenuSeparator.js";
+import { FileDownloadTool as Z } from "./FileDownloadTool.js";
+import { PrintTool as _ } from "./PrintTool.js";
+import { FullScreenTool as oo } from "./FullScreenTool.js";
+import { MostPageTool as to } from "./MostPageTool.js";
+import ro from "../../ui/RPTooltip.js";
+import { SelectionModeTool as io } from "./SelectionModeTool.js";
+import { useToolbarComponentContext as eo } from "../../../contexts/ToolbarComponentContext.js";
+import { useState as F, useRef as mo, useMemo as P, useEffect as po } from "react";
+import { useLocalizationContext as lo } from "../../../contexts/LocalizationContext.js";
+import { useToolComponentContext as no } from "../../../contexts/ToolComponentContext.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../icons/CloseIcon.js";
+import "../../../utils/dateFormatter.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "./PropertyItem.js";
+import "../../../contexts/OtherToolContext.js";
+import "./MenuItem.js";
+import "../../icons/InfoIcon.js";
+import "../../../contexts/IconContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../icons/ClockwiseIcon.js";
+import "../../../RotateTool.module-67946714.js";
+import "../../../utils/hooks/useRotate.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../icons/DualPageIcon.js";
+import "../../icons/DualPageWithCoverIcon.js";
+import "../../icons/SinglePageIcon.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../icons/CheckIcon.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../icons/PageScrollingIcon.js";
+import "../../icons/VerticalScrollingIcon.js";
+import "../../icons/HorizontalScrollingIcon.js";
+import "../../icons/FileUploadDefaultIcon.js";
+import "../../../contexts/FileInputContext.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../icons/FileDownloadDefaultIcon.js";
+import "../../../utils/hooks/useFileDownload.js";
+import "../../../contexts/DownloadContext.js";
+import "../../icons/PrintDefaultIcon.js";
+import "../../../contexts/PrintContext.js";
+import "../../../utils/hooks/usePrint.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../utils/hooks/useFullScreen.js";
+import "../../icons/FullScreenIcon.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../icons/GoToDownIcon.js";
+import "../../../MostPageTool.module-13578ad6.js";
+import "../../icons/TextSelectionDefaultIcon.js";
+import "../../icons/HandModeDefaultIcon.js";
+import "../../../contexts/SelectionModeContext.js";
+const tr = () => {
+  const [p, S] = F(!1), { container: R, pagesRef: i } = G(), { isSmallScreen: r } = Q(), {
+    openFileTool: l,
+    downloadTool: n,
+    documentProperties: s,
+    scrollModeTool: a,
+    rotateTool: d,
+    selectionModeTool: c,
+    jumpNavigationTool: T,
+    printTool: u,
+    fullscreenTool: f,
+    viewModeTool: j
+  } = eo(), {
+    openFileTool: h,
+    downloadTool: O,
+    documentProperties: w,
+    scrollModeTool: M,
+    rotateTool: v,
+    selectionModeTool: D,
+    jumpNavigationTool: x,
+    printTool: b,
+    fullscreenTool: g,
+    viewModeTool: k
+  } = no(), { localeMessages: t } = lo(), [I, N] = F(0), C = mo(
+    new ResizeObserver((e) => {
+      N(e[0].contentRect.height);
+    })
+  ), z = P(() => T || d || c || a || s || j || r && (l || n || u || f), [
+    l,
+    n,
+    u,
+    f,
+    s,
+    a,
+    d,
+    c,
+    T,
+    r
+  ]), H = P(() => x || v || D || M || w || k || r && (h || O || b || g), [
+    h,
+    O,
+    b,
+    g,
+    w,
+    M,
+    v,
+    D,
+    x,
+    r
+  ]);
+  return po(() => (i && C.current.observe(i), () => {
+    C.current.disconnect();
+  }), [i]), !z || !H ? null : /* @__PURE__ */ m(y, { children: [
+    /* @__PURE__ */ o(
+      B,
+      {
+        container: R,
+        onOpenChange: S,
+        triggerComponent: /* @__PURE__ */ o("div", { role: "button", "aria-haspopup": "menu", children: /* @__PURE__ */ o(ro, { content: t == null ? void 0 : t.moreOptionTooltip, children: /* @__PURE__ */ o(
+          V,
+          {
+            active: p,
+            "aria-label": t == null ? void 0 : t.moreOptionTooltip,
+            "aria-expanded": p,
+            children: /* @__PURE__ */ o(L, { "aria-hidden": "true" })
+          }
+        ) }) }),
+        side: "bottom",
+        avoidCollisions: !1,
+        children: /* @__PURE__ */ m(
+          "div",
+          {
+            style: { maxHeight: `${I}px`, overflow: "auto" },
+            className: $["rp-other-tool-content"],
+            "data-rp": "moreOptionsDropdown",
+            children: [
+              r && /* @__PURE__ */ m(X, { children: [
+                /* @__PURE__ */ o(W, {}),
+                /* @__PURE__ */ o(Z, {}),
+                /* @__PURE__ */ o(_, {}),
+                /* @__PURE__ */ o(oo, {}),
+                /* @__PURE__ */ o(Y, {})
+              ] }),
+              /* @__PURE__ */ o(to, {}),
+              /* @__PURE__ */ o(A, {}),
+              /* @__PURE__ */ o(io, {}),
+              /* @__PURE__ */ o(J, {}),
+              /* @__PURE__ */ o(K, {}),
+              /* @__PURE__ */ o(q, {})
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ o(E, {})
+  ] });
+};
+export {
+  tr as OtherTool
+};

package/dist/components/layout/toolbar/Paginate.js

@@ -0,0 +1,145 @@
+import { jsx as n, jsxs as T } from "react/jsx-runtime";
+import { useState as k, useEffect as D, useCallback as m, useMemo as L } from "react";
+import { ChevronUpIcon as b } from "../../icons/ChevronUpIcon.js";
+import { UIButton as h } from "../../ui/Button.js";
+import { UIInput as V } from "../../ui/Input.js";
+import { c as g } from "../../../Paginate.module-4eef00aa.js";
+import { u as A } from "../../../PaginationContext-9217cab4.js";
+import { useIconContext as S } from "../../../contexts/IconContext.js";
+import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
+import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
+import f from "../../ui/RPTooltip.js";
+import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
+import { useViewModeContext as K } from "../../../contexts/ViewModeContext.js";
+import { useScrollModeContext as O } from "../../../contexts/ScrollModeContext.js";
+import { ViewMode as R, ScrollMode as _ } from "../../../utils/types.js";
+import { useIconToolContext as N } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/appConsole.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../utils/hooks/useLocalization.js";
+const F = () => {
+  const { prevIcon: t } = S(), { prevIcon: r } = N();
+  return t || r || /* @__PURE__ */ n(b, {});
+}, q = () => {
+  const { nextIcon: t } = S(), { nextIcon: r } = N();
+  return t || r || /* @__PURE__ */ n(b, { style: { transform: "rotate(180deg" } });
+}, Ho = () => {
+  const { focusedPage: t, totalPages: r, setFocusedPage: P, nextPage: c, prevPage: u, goToPage: i } = A(), [p, a] = k(t.toString()), { pageNavigationTool: l = !0 } = B(), { pageNavigationTool: s = !0 } = z(), { isSmallScreen: d } = G(), { viewMode: x } = K(), { scrollMode: v } = O(), { localeMessages: o } = j();
+  D(() => {
+    a(t.toString());
+  }, [t]);
+  const w = m((e) => {
+    const C = e.target.value;
+    a(C);
+  }, []), I = m(async () => {
+    const e = i(p);
+    e.success || a(e.currentPage.toString());
+  }, [i, p, r]), y = m(() => {
+    a(t.toString());
+  }, [t]), E = m(
+    (e) => {
+      e.key === "Enter" && I();
+    },
+    [I]
+  ), U = L(() => x === R.DUAL_PAGE && v === _.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, x, v]);
+  return !l || !s ? null : typeof l != "boolean" ? /* @__PURE__ */ n(
+    l,
+    {
+      total: r,
+      current: t,
+      nextPage: c,
+      prevPage: u,
+      goToPage: i,
+      changePage: P
+    }
+  ) : typeof s != "boolean" ? /* @__PURE__ */ n(
+    s,
+    {
+      total: r,
+      current: t,
+      nextPage: c,
+      prevPage: u,
+      goToPage: i,
+      changePage: P
+    }
+  ) : /* @__PURE__ */ T("div", { className: g["rp-paginate"], children: [
+    !d && /* @__PURE__ */ n(f, { content: o == null ? void 0 : o.previousPageTooltip, children: /* @__PURE__ */ n(
+      h,
+      {
+        onClick: u,
+        "aria-label": o == null ? void 0 : o.previousPageTooltip,
+        "aria-disabled": t === 1,
+        children: /* @__PURE__ */ n(F, {})
+      }
+    ) }),
+    /* @__PURE__ */ n(f, { content: o == null ? void 0 : o.currentPageTooltip, children: /* @__PURE__ */ n(
+      V,
+      {
+        onKeyDown: E,
+        onBlur: y,
+        onChange: w,
+        value: p,
+        className: g["rp-page-input"],
+        id: "page-input",
+        name: "page-input",
+        "aria-label": o == null ? void 0 : o.currentPageTooltip,
+        "aria-valuemin": 1,
+        "aria-valuemax": r,
+        "aria-valuenow": parseInt(p) || t,
+        type: "number",
+        min: 1,
+        max: r
+      }
+    ) }),
+    /* @__PURE__ */ T("span", { className: g["rp-total-page"], children: [
+      "/",
+      r
+    ] }),
+    !d && /* @__PURE__ */ n(f, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ n(
+      h,
+      {
+        onClick: c,
+        "aria-label": o == null ? void 0 : o.nextPageTooltip,
+        "aria-disabled": U,
+        children: /* @__PURE__ */ n(q, {})
+      }
+    ) })
+  ] });
+};
+export {
+  Ho as Paginate
+};

package/dist/components/layout/toolbar/PrintTool.js

@@ -0,0 +1,72 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { PrintDefaultTool as h } from "../../icons/PrintDefaultIcon.js";
+import { useToolbarComponentContext as I } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as b } from "../../../contexts/IconContext.js";
+import { UIButton as O } from "../../ui/Button.js";
+import { usePrintContext as k } from "../../../contexts/PrintContext.js";
+import { useViewportContext as D } from "../../../contexts/ViewportContext.js";
+import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
+import { MenuItem as w } from "./MenuItem.js";
+import c from "../../ui/RPTooltip.js";
+import { useIconToolContext as y } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as L } from "../../../contexts/ToolComponentContext.js";
+import "react";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/usePrint.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../utils/hooks/useLoadPdf.js";
+import "pdfjs-dist";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/getThumbnailViewport.js";
+import "../../../contexts/ConfigContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/usePdfProperties.js";
+import "../../../utils/convertPdfDate.js";
+import "../../../utils/formatFileSize.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../index-4baea9b5.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../Combination-54a77a7a.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+const C = () => {
+  const { printIcon: r } = b(), { printIcon: t } = y();
+  return r || t || /* @__PURE__ */ o(h, {});
+}, P = ({ children: r, className: t, localeMessages: i }) => /* @__PURE__ */ o(c, { className: t, content: i == null ? void 0 : i.printTooltip, children: r }), N = ({ print: r, localeMessages: t }) => /* @__PURE__ */ o(P, { localeMessages: t, children: /* @__PURE__ */ o(O, { onClick: r, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ o(C, {}) }) }), S = ({ print: r, localeMessages: t }) => /* @__PURE__ */ o(w, { onClick: r, children: /* @__PURE__ */ d(P, { className: "rp-menu-item", localeMessages: t, children: [
+  /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(C, {}) }),
+  t == null ? void 0 : t.printLabel
+] }) }), lt = () => {
+  const { print: r, cancel: t, setOnProgress: i, setOnComplete: u, setOnError: f, progress: e, showDefaultProgress: T } = k(), { printTool: p = !0 } = I(), { printTool: m = !0 } = L(), { isSmallScreen: x } = D(), { localeMessages: n } = j(), l = n == null ? void 0 : n.printTooltip;
+  return !p || !m ? null : x ? /* @__PURE__ */ o(S, { print: r, localeMessages: n }) : typeof p == "function" ? /* @__PURE__ */ o(c, { content: l, children: /* @__PURE__ */ o(
+    p,
+    {
+      print: r,
+      cancel: t,
+      setOnProgress: i,
+      setOnError: f,
+      setOnComplete: u,
+      progress: e,
+      showDefaultProgress: T
+    }
+  ) }) : typeof m == "function" ? /* @__PURE__ */ o(c, { content: l, children: /* @__PURE__ */ o(
+    m,
+    {
+      print: r,
+      cancel: t,
+      setOnProgress: i,
+      setOnError: f,
+      setOnComplete: u,
+      progress: e,
+      showDefaultProgress: T
+    }
+  ) }) : /* @__PURE__ */ o(N, { print: r, localeMessages: n });
+};
+export {
+  lt as PrintTool
+};