@pdf-viewer/react/dist/components/layout/toolbar/tools/InputPageTool.js

A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.

import { jsxs as u, Fragment as d, jsx as c } from "react/jsx-runtime";
import { useState as h, useEffect as x, useCallback as n } from "react";
import { u as S, f as l } from "../../../../ToolbarLayout.module-e31ae637.js";
import { useLocalizationContext as v } from "../../../../contexts/LocalizationContext.js";
import y from "../../../ui/RPTooltip.js";
import { UIInput as C } from "../../../ui/Input.js";
import "../../../icons/ChevronUpIcon.js";
import "../../../ui/Button.js";
import "../../../../clsx-0c6e471a.js";
import "../../../../utils/withRef.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/DarkModeContext.js";
import "../../../../utils/hooks/useDarkMode.js";
import "../../../../contexts/RotationContext.js";
import "../../../../contexts/LayerContext.js";
import "../../../../contexts/ZoomContext.js";
import "../../../../utils/constants.js";
import "../../../../utils/getZoomLevel.js";
import "../../../../contexts/LayoutContainerContext.js";
import "../../../../contexts/ViewModeContext.js";
import "../../../../contexts/GlobalCurrentPage.js";
import "../../../../contexts/EventCallbackContext.js";
import "../../../../utils/hooks/useDebounce.js";
import "../../../../contexts/VirtualScrollContext.js";
import "../../../../contexts/VirtualGridContext.js";
import "../../../../contexts/SelectionModeContext.js";
import "../../../../contexts/FullScreenContext.js";
import "../../../../utils/hooks/useFullScreen.js";
import "../../../../contexts/FileInputContext.js";
import "../../../../contexts/DropFileZoneContext.js";
import "../../../../contexts/ToolbarComponentContext.js";
import "../../../../contexts/ToolComponentContext.js";
import "../../../../utils/highlight.js";
import "../../../../utils/charators.js";
import "../../../../contexts/DimensionPagesContext.js";
import "../../../../contexts/PagesRotateContext.js";
import "../../../../contexts/HighlightContext.js";
import "../../../../utils/hooks/useHighlight.js";
import "../../../../contexts/LicenseContext.js";
import "../../../../utils/hooks/useLicense.js";
import "../../../../contexts/DownloadContext.js";
import "../../../../contexts/SmoothScrollContext.js";
import "../../../../contexts/ElementPageContext.js";
import "../../../../utils/const.js";
import "../../../../utils/getScrollDistance.js";
import "../../../../utils/getElementPositionInPage.js";
import "../../../../utils/Queue.js";
import "../../../../utils/renderPage.js";
import "../../../../contexts/LoaderContext.js";
import "../../../icons/LoaderIcon.js";
import "../../../../contexts/IconToolContext.js";
import "../../../../contexts/OtherToolContext.js";
import "../../../../contexts/ThemeContext.js";
import "../../../icons/Thumbnail.js";
import "../../../../RPSplitter-f6acf13b.js";
import "../../Container.js";
import "../../../../contexts/ViewportContext.js";
import "../../WrapperLayout.js";
import "../../../RPDropFileZone.js";
import "../../../icons/LightPdfIcon.js";
import "../../../icons/DarkPdfIcon.js";
import "../../../../LayoutWrapper-60db8675.js";
import "../../SkipLink.js";
import "../../../../SearchCloseButton-08d57275.js";
import "../../../icons/CloseIcon.js";
import "../../../ui/Checkbox.js";
import "../../../../index-c9a2990a.js";
import "react-dom";
import "../../../icons/CheckIcon.js";
import "../../../../contexts/IconContext.js";
import "../../../ui/DropDown.js";
import "../../../../index-3bf64864.js";
import "../../../../floating-ui.react-dom-d22a10b4.js";
import "../MenuItem.js";
import "../MenuSeparator.js";
import "../../../../utils/dateFormatter.js";
import "../PropertyItem.js";
import "../../../../RotateTool.module-67946714.js";
import "../../../../utils/hooks/useInfiniteScroll.js";
import "../../../../utils/link_service.js";
import "../../../../utils/annotations.js";
import "../../../../utils/sanitizeExternalUrl.js";
import "../../../page/searchHighlight.js";
import "../../../page/CustomElement.js";
import "../../../../utils/calculatePage.js";
import "../../../../utils/hooks/useMousePressed.js";
import "../../../../utils/hooks/useGrabScroll.js";
import "../../../../utils/hooks/usePinch.js";
import "../../../ui/PasswordModal.js";
import "../../../../utils/hooks/useCopyText.js";
import "../../../../utils/hooks/useTextSelection.js";
import "../../../../utils/getWordPositionInPage.js";
import "../../../../utils/smoothScrollTo.js";
import "../FileUploadTool.js";
import "../../../icons/FileUploadDefaultIcon.js";
import "../DarkModeTool.js";
import "../../../icons/MoonIcon.js";
import "../../../icons/SunIcon.js";
import "../../../icons/ThreeDotIcon.js";
import "../DocumentProperties.js";
import "../../../icons/InfoIcon.js";
import "../RotateTool.js";
import "../../../icons/ClockwiseIcon.js";
import "../../../../utils/hooks/useRotate.js";
import "../ViewModeTool.js";
import "../../../icons/DualPageIcon.js";
import "../../../icons/DualPageWithCoverIcon.js";
import "../../../icons/SinglePageIcon.js";
import "../ScrollModeTool.js";
import "../../../icons/PageScrollingIcon.js";
import "../../../icons/VerticalScrollingIcon.js";
import "../../../icons/HorizontalScrollingIcon.js";
import "../../../icons/FileDownloadDefaultIcon.js";
import "../../../icons/PrintDefaultIcon.js";
import "../FullScreenTool.js";
import "../../../icons/FullScreenIcon.js";
import "../../../icons/GoToDownIcon.js";
import "../SelectionModeTool.js";
import "../../../icons/TextSelectionDefaultIcon.js";
import "../../../icons/HandModeDefaultIcon.js";
import "../../../icons/ZoomInIcon.js";
import "../../../icons/ZoomOutIcon.js";
import "../../../../utils/zoom.js";
import "../../../icons/SearchIcon.js";
import "../../../icons/ClearIcon.js";
import "../../../../utils/hooks/useLocalization.js";
const or = () => {
  const { focusedPage: t, totalPages: i, goToPage: e } = S(), { localeMessages: o } = v(), [p, m] = h(t.toString());
  x(() => {
    m(t.toString());
  }, [t]);
  const g = n((r) => {
    const s = r.target.value;
    m(s);
  }, []), a = n(async () => {
    const r = e(p);
    r.success || m(r.currentPage.toString());
  }, [e, p, i]), f = n(() => {
    m(t.toString());
  }, [t]), P = n(
    (r) => {
      r.key === "Enter" && a();
    },
    [a]
  );
  return /* @__PURE__ */ u(d, { children: [
    /* @__PURE__ */ c(y, { content: o == null ? void 0 : o.currentPageTooltip, children: /* @__PURE__ */ c(
      C,
      {
        onKeyDown: P,
        onBlur: f,
        onChange: g,
        value: p,
        className: l["rp-page-input"],
        "aria-label": o == null ? void 0 : o.currentPageTooltip,
        "aria-valuemin": 1,
        "aria-valuemax": i,
        "aria-valuenow": parseInt(p) || t,
        type: "number",
        min: 1,
        max: i
      }
    ) }),
    /* @__PURE__ */ u("span", { className: l["rp-total-page"], "aria-hidden": "true", children: [
      "/",
      i
    ] })
  ] });
};
export {
  or as InputPageTool
};