@pdf-viewer/react 1.9.0-beta.4 → 1.9.0-beta.5

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { U as a } from "../../../RPLayout-5892502c.js";
+import { k as a } from "../../../ToolbarLayout.module-60c3d6e8.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 import "../../../utils/withRef.js";
 export {

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

@@ -1,10 +1,14 @@
-import "react/jsx-runtime";
-import "react";
-import { G as Z } from "../../../RPLayout-5892502c.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../icons/CloseIcon.js";
-import "../../../utils/dateFormatter.js";
-import "../../../contexts/RPDocumentContext.js";
+import { jsx as a, jsxs as b, Fragment as x } from "react/jsx-runtime";
+import * as c from "react";
+import { useMemo as J } from "react";
+import { c as Q, u as R, P as D, a as v, b as N, S as X, d as M, e as ee } from "../../../index-8547fbc6.js";
+import { D as te, u as P } from "../../../floating-ui.react-dom-f3f380e0.js";
+import { R as oe, h as re, u as ne, F as ie, P as ae } from "../../../Combination-da8647d4.js";
+import { useLayoutContainer as le } from "../../../contexts/LayoutContainerContext.js";
+import { p as m } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { CloseIcon as ce } from "../../icons/CloseIcon.js";
+import { dateFormatter as A } from "../../../utils/dateFormatter.js";
+import { useDocumentContext as se } from "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
@@ -20,7 +24,7 @@ import "../../../contexts/FullScreenContext.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as pe } from "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
@@ -28,26 +32,305 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../contexts/ElementPageContext.js";
 import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
-import "../../RPConfig.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
-import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import { useOtherToolContext as ue } from "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
 import "../../ui/Button.js";
-import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
-import "../../ui/RPTooltip.js";
+import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
-import "../../ui/DropDown.js";
-import "../../../contexts/IconToolContext.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../contexts/OtherToolContext.js";
-import "./RotateTool.js";
-import "./PropertyItem.js";
+import "../../ui/RPTooltip.js";
+import "../../../MenuItem.module-bc11d0d3.js";
+import "../../../DropDown.module-a78567cb.js";
+import "../../../MenuSeparator.module-89b2ff7f.js";
+import "../../../RotateTool.module-03987eba.js";
+import "../../../SearchTool.module-016f3a8d.js";
+import "../../../Checkbox.module-3edaacbb.js";
+import "../../icons/LoaderIcon.js";
+import "../../../RPSplitter.module-13d612c4.js";
+import "../../../Container.module-f8b5c306.js";
+import "../../../WrapperLayout.module-147bc943.js";
+import "../../../RPTheme.module-bd9038da.js";
+import "../../../contexts/ThemeContext.js";
+import { PropertyItem as de } from "./PropertyItem.js";
+var _ = "Dialog", [T, Tt] = Q(_), [me, p] = T(_), L = (t) => {
+  const {
+    __scopeDialog: r,
+    children: n,
+    open: i,
+    defaultOpen: e,
+    onOpenChange: o,
+    modal: l = !0
+  } = t, s = c.useRef(null), u = c.useRef(null), [d = !1, g] = ee({
+    prop: i,
+    defaultProp: e,
+    onChange: o
+  });
+  return /* @__PURE__ */ a(
+    me,
+    {
+      scope: r,
+      triggerRef: s,
+      contentRef: u,
+      contentId: P(),
+      titleId: P(),
+      descriptionId: P(),
+      open: d,
+      onOpenChange: g,
+      onOpenToggle: c.useCallback(() => g((C) => !C), [g]),
+      modal: l,
+      children: n
+    }
+  );
+};
+L.displayName = _;
+var F = "DialogTrigger", fe = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(F, n), o = R(r, e.triggerRef);
+    return /* @__PURE__ */ a(
+      D.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": e.open,
+        "aria-controls": e.contentId,
+        "data-state": E(e.open),
+        ...i,
+        ref: o,
+        onClick: v(t.onClick, e.onOpenToggle)
+      }
+    );
+  }
+);
+fe.displayName = F;
+var y = "DialogPortal", [ge, w] = T(y, {
+  forceMount: void 0
+}), S = (t) => {
+  const { __scopeDialog: r, forceMount: n, children: i, container: e } = t, o = p(y, r);
+  return /* @__PURE__ */ a(ge, { scope: r, forceMount: n, children: c.Children.map(i, (l) => /* @__PURE__ */ a(N, { present: n || o.open, children: /* @__PURE__ */ a(ae, { asChild: !0, container: e, children: l }) })) });
+};
+S.displayName = y;
+var h = "DialogOverlay", W = c.forwardRef(
+  (t, r) => {
+    const n = w(h, t.__scopeDialog), { forceMount: i = n.forceMount, ...e } = t, o = p(h, t.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ a(N, { present: i || o.open, children: /* @__PURE__ */ a(ve, { ...e, ref: r }) }) : null;
+  }
+);
+W.displayName = h;
+var ve = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(h, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ a(oe, { as: X, allowPinchZoom: !0, shards: [e.contentRef], children: /* @__PURE__ */ a(
+        D.div,
+        {
+          "data-state": E(e.open),
+          ...i,
+          ref: r,
+          style: { pointerEvents: "auto", ...i.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", k = c.forwardRef(
+  (t, r) => {
+    const n = w(f, t.__scopeDialog), { forceMount: i = n.forceMount, ...e } = t, o = p(f, t.__scopeDialog);
+    return /* @__PURE__ */ a(N, { present: i || o.open, children: o.modal ? /* @__PURE__ */ a(De, { ...e, ref: r }) : /* @__PURE__ */ a(Ce, { ...e, ref: r }) });
+  }
+);
+k.displayName = f;
+var De = c.forwardRef(
+  (t, r) => {
+    const n = p(f, t.__scopeDialog), i = c.useRef(null), e = R(r, n.contentRef, i);
+    return c.useEffect(() => {
+      const o = i.current;
+      if (o)
+        return re(o);
+    }, []), /* @__PURE__ */ a(
+      G,
+      {
+        ...t,
+        ref: e,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: v(t.onCloseAutoFocus, (o) => {
+          var l;
+          o.preventDefault(), (l = n.triggerRef.current) == null || l.focus();
+        }),
+        onPointerDownOutside: v(t.onPointerDownOutside, (o) => {
+          const l = o.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || s) && o.preventDefault();
+        }),
+        onFocusOutside: v(
+          t.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), Ce = c.forwardRef(
+  (t, r) => {
+    const n = p(f, t.__scopeDialog), i = c.useRef(!1), e = c.useRef(!1);
+    return /* @__PURE__ */ a(
+      G,
+      {
+        ...t,
+        ref: r,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (o) => {
+          var l, s;
+          (l = t.onCloseAutoFocus) == null || l.call(t, o), o.defaultPrevented || (i.current || (s = n.triggerRef.current) == null || s.focus(), o.preventDefault()), i.current = !1, e.current = !1;
+        },
+        onInteractOutside: (o) => {
+          var u, d;
+          (u = t.onInteractOutside) == null || u.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const l = o.target;
+          ((d = n.triggerRef.current) == null ? void 0 : d.contains(l)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && e.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), G = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, trapFocus: i, onOpenAutoFocus: e, onCloseAutoFocus: o, ...l } = t, s = p(f, n), u = c.useRef(null), d = R(r, u);
+    return ne(), /* @__PURE__ */ b(x, { children: [
+      /* @__PURE__ */ a(
+        ie,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: i,
+          onMountAutoFocus: e,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ a(
+            te,
+            {
+              role: "dialog",
+              id: s.contentId,
+              "aria-describedby": s.descriptionId,
+              "aria-labelledby": s.titleId,
+              "data-state": E(s.open),
+              ...l,
+              ref: d,
+              onDismiss: () => s.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ b(x, { children: [
+        /* @__PURE__ */ a(he, { titleId: s.titleId }),
+        /* @__PURE__ */ a(Re, { contentRef: u, descriptionId: s.descriptionId })
+      ] })
+    ] });
+  }
+), O = "DialogTitle", $ = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(O, n);
+    return /* @__PURE__ */ a(D.h2, { id: e.titleId, ...i, ref: r });
+  }
+);
+$.displayName = O;
+var j = "DialogDescription", be = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(j, n);
+    return /* @__PURE__ */ a(D.p, { id: e.descriptionId, ...i, ref: r });
+  }
+);
+be.displayName = j;
+var V = "DialogClose", z = c.forwardRef(
+  (t, r) => {
+    const { __scopeDialog: n, ...i } = t, e = p(V, n);
+    return /* @__PURE__ */ a(
+      D.button,
+      {
+        type: "button",
+        ...i,
+        ref: r,
+        onClick: v(t.onClick, () => e.onOpenChange(!1))
+      }
+    );
+  }
+);
+z.displayName = V;
+function E(t) {
+  return t ? "open" : "closed";
+}
+var B = "DialogTitleWarning", [Lt, H] = M(B, {
+  contentName: f,
+  titleName: O,
+  docsSlug: "dialog"
+}), he = ({ titleId: t }) => {
+  const r = H(B), n = `\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${r.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${r.docsSlug}`;
+  return c.useEffect(() => {
+    t && (document.getElementById(t) || console.error(n));
+  }, [n, t]), null;
+}, Pe = "DialogDescriptionWarning", Re = ({ contentRef: t, descriptionId: r }) => {
+  const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${H(Pe).contentName}}.`;
+  return c.useEffect(() => {
+    var o;
+    const e = (o = t.current) == null ? void 0 : o.getAttribute("aria-describedby");
+    r && e && (document.getElementById(r) || console.warn(i));
+  }, [i, t, r]), null;
+}, Ne = L, _e = S, ye = W, Oe = k, Ee = $, Ie = z;
+const Ft = () => {
+  const { pdfProperties: t } = se(), { container: r } = le(), { activeDocumentProperties: n, setActiveDocumentProperties: i } = ue(), { localeMessages: e } = pe(), o = J(() => {
+    if (!t)
+      return [];
+    const {
+      fileSize: l,
+      filename: s,
+      title: u,
+      author: d,
+      subject: g,
+      createdOn: C,
+      creator: K,
+      keywords: q,
+      modifiedOn: I,
+      pdfProducer: U,
+      pdfVersion: Y,
+      pageCount: Z
+    } = t;
+    return [
+      { label: e == null ? void 0 : e.propertiesFilenameLabel, value: s },
+      { label: e == null ? void 0 : e.propertiesFileSizeLabel, value: l },
+      { separate: !0 },
+      { label: e == null ? void 0 : e.propertiesTitleLabel, value: u },
+      { label: e == null ? void 0 : e.propertiesAuthorLabel, value: d },
+      { label: e == null ? void 0 : e.propertiesSubjectLabel, value: g },
+      { label: e == null ? void 0 : e.propertiesKeywordLabel, value: q },
+      { label: e == null ? void 0 : e.propertiesCreatorLabel, value: K },
+      {
+        label: e == null ? void 0 : e.propertiesCreateOnLabel,
+        value: C ? A(C) : ""
+      },
+      {
+        label: e == null ? void 0 : e.propertiesModifiedOnLabel,
+        value: I ? A(I) : ""
+      },
+      { separate: !0 },
+      { label: e == null ? void 0 : e.propertiesPDFProducerLabel, value: U },
+      { label: e == null ? void 0 : e.propertiesPDFVersionLabel, value: Y },
+      { label: e == null ? void 0 : e.propertiesPageCountLabel, value: Z }
+    ];
+  }, [t, e]);
+  return /* @__PURE__ */ a(Ne, { open: n, onOpenChange: i, children: /* @__PURE__ */ a(_e, { container: r, children: /* @__PURE__ */ b("div", { className: m["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ a(ye, { className: m["rp-dialog-overlay"] }),
+    /* @__PURE__ */ b(Oe, { className: m["rp-document-dialog"], children: [
+      /* @__PURE__ */ a(Ee, { className: m["rp-dialog-title"], children: e == null ? void 0 : e.documentPropertiesLabel }),
+      /* @__PURE__ */ a("div", { className: m["rp-document-properties"], children: o.map((l, s) => /* @__PURE__ */ a("div", { children: l.separate ? /* @__PURE__ */ a("div", { className: m["rp-properties-divider"] }) : /* @__PURE__ */ a(de, { label: l.label, value: l.value }) }, s)) }),
+      /* @__PURE__ */ a(Ie, { asChild: !0, className: m["rp-dialog-close"], children: /* @__PURE__ */ a(ce, {}) })
+    ] })
+  ] }) }) });
+};
 export {
-  Z as DocumentDialog
+  Ft as DocumentDialog
 };

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

@@ -1,15 +1,25 @@
-import "react/jsx-runtime";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/Button.js";
-import { H as w } from "../../../RPLayout-5892502c.js";
-import "./MenuItem.js";
-import "../../../contexts/ViewportContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { FileDownloadDefaultIcon as f } from "../../icons/FileDownloadDefaultIcon.js";
+import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as e } from "../../../contexts/IconContext.js";
+import { UIButton as T } from "../../ui/Button.js";
+import { a as D } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { MenuItem as C } from "./MenuItem.js";
+import { useViewportContext as x } from "../../../contexts/ViewportContext.js";
+import d from "../../ui/RPTooltip.js";
+import { useLocalizationContext as F } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as I } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as h } from "../../../contexts/ToolComponentContext.js";
+const m = () => {
+  const { downloadIcon: t } = e(), { downloadIcon: o } = I();
+  return t || o || /* @__PURE__ */ n(f, {});
+}, p = ({ children: t, className: o, localeMessages: r }) => /* @__PURE__ */ n(d, { className: o, content: r == null ? void 0 : r.downloadFileTooltip, children: t }), a = ({ download: t, localeMessages: o }) => /* @__PURE__ */ n(p, { localeMessages: o, children: /* @__PURE__ */ n(T, { onClick: t, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: /* @__PURE__ */ n(m, {}) }) }), b = ({ download: t, localeMessages: o }) => /* @__PURE__ */ n(C, { onClick: t, children: /* @__PURE__ */ u(p, { className: "rp-menu-item", localeMessages: o, children: [
+  /* @__PURE__ */ n("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ n(m, {}) }),
+  o == null ? void 0 : o.downloadFileLabel
+] }) }), U = () => {
+  const { download: t } = D(), { downloadTool: o = !0 } = w(), { downloadTool: r = !0 } = h(), { isSmallScreen: c } = x(), { localeMessages: i } = F(), l = i == null ? void 0 : i.downloadFileTooltip;
+  return !o || !r ? null : c ? /* @__PURE__ */ n(b, { download: t, localeMessages: i }) : typeof o == "function" ? /* @__PURE__ */ n(d, { content: l, children: /* @__PURE__ */ n(o, { download: t }) }) : typeof r == "function" ? /* @__PURE__ */ n(d, { content: l, children: /* @__PURE__ */ n(r, { download: t }) }) : /* @__PURE__ */ n(a, { download: t, localeMessages: i });
+};
 export {
-  w as FileDownloadTool
+  U as FileDownloadTool
 };

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

@@ -1,12 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as o } from "../../../index-00f8683a.js";
+import { I as o } from "../../../index-473557b1.js";
+import { c as a } from "../../../MenuItem.module-bc11d0d3.js";
 import { c } from "../../../clsx-0c6e471a.js";
-import '../../../assets/MenuItem.css';const n = {
-  "rp-menu-item": "_rp-menu-item_cu12j_1"
-}, u = (e) => {
-  const { children: m, className: s, ...r } = e;
-  return /* @__PURE__ */ t(o, { ...r, tabIndex: 0, className: c(n["rp-menu-item"], s), children: m });
+const f = (s) => {
+  const { children: r, className: m, ...e } = s;
+  return /* @__PURE__ */ t(o, { ...e, tabIndex: 0, className: c(a["rp-menu-item"], m), children: r });
 };
 export {
-  u as MenuItem
+  f as MenuItem
 };

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

@@ -1,8 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { S as a } from "../../../index-00f8683a.js";
-import '../../../assets/MenuSeparator.css';const e = {
-  "rp-menu-separator": "_rp-menu-separator_17dlz_1"
-}, p = () => /* @__PURE__ */ r(a, { className: e["rp-menu-separator"] });
+import { S as a } from "../../../index-473557b1.js";
+import { c as o } from "../../../MenuSeparator.module-89b2ff7f.js";
+const m = () => /* @__PURE__ */ r(a, { className: o["rp-menu-separator"] });
 export {
-  p as MenuSeparator
+  m as MenuSeparator
 };

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

@@ -1,10 +1,10 @@
-import "react/jsx-runtime";
-import "../../../index-00f8683a.js";
-import "./MenuItem.js";
-import "react";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { G as C } from "../../../index-473557b1.js";
+import { MenuItem as p } from "./MenuItem.js";
+import { useMemo as e, useCallback as a } from "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { M as _ } from "../../../RPLayout-5892502c.js";
+import { u as x, o as L } from "../../../ToolbarLayout.module-60c3d6e8.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";
@@ -20,7 +20,7 @@ import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as N } from "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
@@ -28,27 +28,54 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../contexts/ElementPageContext.js";
 import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
+import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as l } from "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
-import "../../../contexts/ThemeContext.js";
-import "../../RPDropFileZone.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ToolComponentContext.js";
 import "../../ui/Button.js";
-import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/LoaderIcon.js";
-import "../../../contexts/IconContext.js";
-import "../../ui/RPTooltip.js";
+import { useIconContext as d } from "../../../contexts/IconContext.js";
+import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
-import "../../ui/DropDown.js";
-import "../../../contexts/IconToolContext.js";
-import "./MenuSeparator.js";
+import s from "../../ui/RPTooltip.js";
+import "../../../DropDown.module-a78567cb.js";
 import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../contexts/OtherToolContext.js";
-import "./RotateTool.js";
-import "../../icons/GoToDownIcon.js";
+import "../../../PropertyItem.module-db0150cc.js";
+import { MenuSeparator as F } from "./MenuSeparator.js";
+import "../../../RotateTool.module-03987eba.js";
+import "../../../SearchTool.module-016f3a8d.js";
+import "../../../Checkbox.module-3edaacbb.js";
+import "../../icons/LoaderIcon.js";
+import "../../../RPSplitter.module-13d612c4.js";
+import "../../../Container.module-f8b5c306.js";
+import "../../../WrapperLayout.module-147bc943.js";
+import "../../../RPTheme.module-bd9038da.js";
+import "../../../contexts/ThemeContext.js";
+import { GoToDownIcon as u } from "../../icons/GoToDownIcon.js";
+const G = () => {
+  const { goToFirstPageIcon: r } = d(), { goToFirstPageIcon: i } = l();
+  return r || i || /* @__PURE__ */ o(u, { className: L["rp-go-to-Top"] });
+}, j = () => {
+  const { goToLastPageIcon: r } = d(), { goToLastPageIcon: i } = l();
+  return r || i || /* @__PURE__ */ o(u, {});
+}, c = { width: "100%" }, yo = () => {
+  const { goToPage: r, totalPages: i, focusedPage: m } = x(), { jumpNavigationTool: g = !0 } = v(), { jumpNavigationTool: T = !0 } = b(), { localeMessages: t } = N(), 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(F, {})
+  ] });
+};
 export {
-  _ as MostPageTool
+  yo as MostPageTool
 };