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

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

@@ -0,0 +1,68 @@
+import { jsx as r, Fragment as L, jsxs as i } from "react/jsx-runtime";
+import { G as f } from "../../../index-4baea9b5.js";
+import { MenuItem as p } from "./MenuItem.js";
+import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
+import { PageScrollingIcon as T } from "../../icons/PageScrollingIcon.js";
+import { VerticalScrollingIcon as s } from "../../icons/VerticalScrollingIcon.js";
+import { HorizontalScrollingIcon as N } from "../../icons/HorizontalScrollingIcon.js";
+import { useScrollModeContext as G } from "../../../contexts/ScrollModeContext.js";
+import { ViewMode as a, ScrollMode as l } from "../../../utils/types.js";
+import { CheckIcon as u } from "../../icons/CheckIcon.js";
+import { useViewModeContext as O } from "../../../contexts/ViewModeContext.js";
+import { useMemo as R } from "react";
+import { useIconContext as I } from "../../../contexts/IconContext.js";
+import d from "../../ui/RPTooltip.js";
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as S } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as A } 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/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useLocalization.js";
+const _ = () => {
+  const { pageScrollIcon: t } = I(), { pageScrollIcon: n } = S();
+  return t || n || /* @__PURE__ */ r(T, {});
+}, v = () => {
+  const { verticalScrollIcon: t } = I(), { verticalScrollIcon: n } = S();
+  return t || n || /* @__PURE__ */ r(s, {});
+}, z = () => {
+  const { horizontalScrollIcon: t } = I(), { horizontalScrollIcon: n } = S();
+  return t || n || /* @__PURE__ */ r(N, {});
+}, io = () => {
+  const { scrollModeTool: t = !0 } = h(), { scrollModeTool: n = !0 } = A(), { viewMode: c } = O(), { scrollMode: m, setScrollMode: e } = G(), { localeMessages: o } = x(), C = R(() => c === a.DUAL_PAGE || c === a.DUAL_PAGE_WITH_COVER, [c]);
+  return !t || !n ? null : /* @__PURE__ */ r(L, { children: /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ r(p, { onClick: () => e(l.PAGE_SCROLLING), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
+      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(_, {}) }),
+      o == null ? void 0 : o.pageScrollingLabel,
+      m === l.PAGE_SCROLLING ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ r(p, { onClick: () => e(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
+      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(v, {}) }),
+      o == null ? void 0 : o.verticalScrollingLabel,
+      m === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ r(
+      p,
+      {
+        disabled: C,
+        onClick: () => e(l.HORIZONTAL_SCROLLING),
+        children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
+          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(z, {}) }),
+          o == null ? void 0 : o.horizontalLabel,
+          m === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(u, { className: "rp-menu-item-right" }) : null
+        ] })
+      }
+    )
+  ] }) });
+};
+export {
+  io as ScrollModeTool
+};

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

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "../../ui/RPTooltip.js";
+import { UIButton as p } from "../../ui/Button.js";
+import { CloseIcon as n } from "../../icons/CloseIcon.js";
+import { useLocalizationContext as c } from "../../../contexts/LocalizationContext.js";
+import { c as e } from "../../../SearchTool.module-99f60dc7.js";
+import "react";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../utils/withRef.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../de_DE-a553b162.js";
+const z = ({ onKeyPress: r, handleClose: i }) => {
+  const { localeMessages: o } = c();
+  return /* @__PURE__ */ t(m, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ t(
+    p,
+    {
+      tabIndex: 0,
+      onKeyDown: r,
+      "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
+      children: /* @__PURE__ */ t(n, { onClick: i, className: e["rp-search-tool-input-icon"] })
+    }
+  ) });
+};
+export {
+  z as SearchCloseButton
+};

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

@@ -0,0 +1,109 @@
+import { jsxs as l, Fragment as d, jsx as r } from "react/jsx-runtime";
+import m from "../../ui/RPTooltip.js";
+import { UIButton as a } from "../../ui/Button.js";
+import { ChevronUpIcon as e } from "../../icons/ChevronUpIcon.js";
+import { useLocalizationContext as h } from "../../../contexts/LocalizationContext.js";
+import { useSearchContext as s } from "../../../contexts/SearchContext.js";
+import { c as i } from "../../../SearchTool.module-99f60dc7.js";
+import "react";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../index-655864a7.js";
+import "../../../utils/withRef.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/hooks/useSearch.js";
+import "../../../utils/types.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/ScrollModeContext.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/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/GlobalCurrentPage.js";
+import "../../../contexts/EventCallbackContext.js";
+import "../../../utils/hooks/useDebounce.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/getWordPositionInPage.js";
+const ht = () => {
+  const { totalMatches: p, nextMatch: n, prevMatch: c } = s(), { localeMessages: t } = h(), o = !p || p === 0;
+  return /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ r(
+      m,
+      {
+        content: t == null ? void 0 : t.searchPrevTooltip,
+        className: i["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(
+          a,
+          {
+            tabIndex: 0,
+            onClick: c,
+            "aria-label": t == null ? void 0 : t.searchPrevTooltip,
+            disabled: o,
+            "aria-disabled": o,
+            children: /* @__PURE__ */ r(
+              e,
+              {
+                className: i["rp-search-tool-input-icon"],
+                "aria-hidden": "true"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(
+      m,
+      {
+        content: t == null ? void 0 : t.searchNextTooltip,
+        className: i["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(
+          a,
+          {
+            tabIndex: 0,
+            onClick: n,
+            "aria-label": t == null ? void 0 : t.searchNextTooltip,
+            disabled: o,
+            "aria-disabled": o,
+            children: /* @__PURE__ */ r(
+              e,
+              {
+                style: { transform: "rotate(180deg" },
+                className: i["rp-search-tool-input-icon"],
+                "aria-hidden": "true"
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  ht as SearchResultNavigator
+};

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

@@ -0,0 +1,264 @@
+import { jsx as o, Fragment as at, jsxs as C } from "react/jsx-runtime";
+import { UIButton as ct } from "../../ui/Button.js";
+import { SearchIcon as A } from "../../icons/SearchIcon.js";
+import { useState as b, useCallback as i, useEffect as l, useMemo as W } from "react";
+import { useLayoutContainer as pt } from "../../../contexts/LayoutContainerContext.js";
+import { c as n } from "../../../SearchTool.module-99f60dc7.js";
+import { UIInput as mt } from "../../ui/Input.js";
+import { UICheckbox as $ } from "../../ui/Checkbox.js";
+import { ClearIcon as ht } from "../../icons/ClearIcon.js";
+import { LoaderIcon as lt } from "../../icons/LoaderIcon.js";
+import { useSearchContext as st } from "../../../contexts/SearchContext.js";
+import { useIconContext as dt } from "../../../contexts/IconContext.js";
+import { useDocumentContext as ut } from "../../../contexts/RPDocumentContext.js";
+import E from "../../ui/RPTooltip.js";
+import { useToolbarComponentContext as ft } from "../../../contexts/ToolbarComponentContext.js";
+import { useLocalizationContext as It } from "../../../contexts/LocalizationContext.js";
+import { InfoIcon as j } from "../../icons/InfoIcon.js";
+import { useViewportContext as Ct } from "../../../contexts/ViewportContext.js";
+import { SearchResultNavigator as q } from "./SearchResultNavigator.js";
+import { SearchCloseButton as z } from "./SearchCloseButton.js";
+import { UIDropDown as bt } from "../../ui/DropDown.js";
+import { useIconToolContext as xt } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as St } from "../../../contexts/ToolComponentContext.js";
+import "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.js";
+import "../../../index-c0faa594.js";
+import "react-dom";
+import "../../../index-655864a7.js";
+import "../../icons/CheckIcon.js";
+import "../../../utils/hooks/useSearch.js";
+import "../../../utils/types.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/highlight.js";
+import "../../../utils/charators.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../utils/appConsole.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../utils/constants.js";
+import "../../../utils/getZoomLevel.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/RotationContext.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 "../../../utils/hooks/useDebounce.js";
+import "../../../PaginationContext-9217cab4.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../utils/smoothScrollTo.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../utils/getScrollDistance.js";
+import "../../../utils/calculatePage.js";
+import "../../../utils/getWordPositionInPage.js";
+import "../../../index-e3ee9457.js";
+import "../../../floating-ui.react-dom-5ec29bd6.js";
+import "../../../utils/hooks/useLocalization.js";
+import "../../icons/ChevronUpIcon.js";
+import "../../icons/CloseIcon.js";
+import "../../../index-4baea9b5.js";
+import "../../../Combination-54a77a7a.js";
+const yt = () => {
+  const { searchIcon: x } = dt(), { searchIcon: v } = xt();
+  return x || v || /* @__PURE__ */ o(A, {});
+}, jo = ({ icon: x }) => {
+  const { container: v } = pt(), [s, L] = b(!1), { pdf: S } = ut(), [k, F] = b(null), {
+    searchOptions: D,
+    setSearchOptions: y,
+    loading: H,
+    setSearch: c,
+    totalMatches: K,
+    currentMatchPosition: B,
+    nextMatch: O,
+    prevMatch: P,
+    search: e
+  } = st(), { searchTool: G = !0 } = ft(), { searchTool: J = !0 } = St(), [d, u] = b(e), { localeMessages: t } = It(), { isSmallScreen: f } = Ct(), [T, Q] = b(null), [X, Y] = b(!1), Z = i(() => {
+    L(!0);
+  }, []), h = i(() => {
+    c(""), u(""), L(!1);
+  }, [c]), R = (r) => {
+    const a = r.key === "Enter", I = r.key === " ";
+    (a || I) && h();
+  }, w = i(
+    (r) => {
+      r.key === "Escape" && s && h();
+    },
+    [s]
+  ), _ = i(
+    (r) => {
+      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== d ? c(d) : r.key === "Enter" && O();
+    },
+    [d, P, O, c, e]
+  );
+  l(() => {
+    u(e);
+  }, [e]), l(() => {
+    e && S && Y(!0);
+  }, [e, S]), l(() => {
+    e && e.trim() !== "" && (u(e), c(e));
+  }, []), l(() => (window.addEventListener("keydown", w), () => {
+    window.removeEventListener("keydown", w);
+  }), [w]), l(() => {
+    k && setTimeout(() => {
+      k.focus();
+    }, 0);
+  }, [k]);
+  const g = i((r) => {
+    u(r.target.value);
+  }, []), U = i(() => {
+    u(""), c("");
+  }, [c]), M = W(() => `${B} / ${K}`, [B, K]), { wholeWords: tt, matchCase: ot } = W(() => D, [D]), rt = i(
+    (r) => {
+      y((a) => ({ ...a, matchCase: r }));
+    },
+    [y]
+  ), et = i(
+    (r) => {
+      y((a) => ({ ...a, wholeWords: r }));
+    },
+    [y]
+  );
+  l(() => {
+    S && X && h();
+  }, [S, h]);
+  const p = W(() => (T == null ? void 0 : T.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [T]), nt = i(
+    (r) => {
+      if (r.key === "Tab") {
+        const a = document.activeElement;
+        let I = 0;
+        p.forEach((m, it) => {
+          m === a && (I = it);
+        });
+        let N = I + 1;
+        r.shiftKey && (N = I - 1);
+        const V = p[N];
+        if (V)
+          V.focus();
+        else if (N > p.length - 1) {
+          const m = p[0];
+          m && m.focus();
+        } else {
+          const m = p[p.length - 1];
+          m && m.focus();
+        }
+      }
+    },
+    [p]
+  );
+  return !G || !J ? null : /* @__PURE__ */ o(at, { children: /* @__PURE__ */ o(
+    bt,
+    {
+      open: s,
+      container: v,
+      side: "bottom",
+      align: "start",
+      tabIndex: 0,
+      avoidCollisions: !1,
+      triggerComponent: /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
+        ct,
+        {
+          active: s,
+          onClick: Z,
+          "aria-label": t == null ? void 0 : t.searchButtonTooltip,
+          "aria-expanded": s,
+          "aria-haspopup": "dialog",
+          children: x || /* @__PURE__ */ o(yt, {})
+        }
+      ) }),
+      children: /* @__PURE__ */ C(
+        "div",
+        {
+          ref: Q,
+          className: n["rp-search-tool-content"],
+          tabIndex: 0,
+          onKeyDown: nt,
+          role: "dialog",
+          "aria-label": (t == null ? void 0 : t.searchInputTooltip) || "Search dialog",
+          children: [
+            /* @__PURE__ */ C("div", { className: n["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ C("div", { className: n["rp-search-tool-input"], children: [
+                /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
+                  mt,
+                  {
+                    value: d,
+                    onKeyDown: _,
+                    onChange: g,
+                    icon: /* @__PURE__ */ o(A, {}),
+                    placeholder: t == null ? void 0 : t.searchInputPlaceholder,
+                    className: n["rp-search-input"],
+                    ref: F,
+                    id: "search-input",
+                    name: "search-input",
+                    tabIndex: 0,
+                    "aria-label": (t == null ? void 0 : t.searchInputTooltip) || (t == null ? void 0 : t.searchInputPlaceholder),
+                    "aria-describedby": "search-results-count",
+                    children: !!d && /* @__PURE__ */ o(
+                      "span",
+                      {
+                        className: n["rp-search-tool-input-clear"],
+                        onClick: U,
+                        role: "button",
+                        tabIndex: 0,
+                        "aria-label": (t == null ? void 0 : t.searchCloseButtonTooltip) || "Clear search",
+                        onKeyDown: (r) => {
+                          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), U());
+                        },
+                        children: /* @__PURE__ */ o(ht, {})
+                      }
+                    )
+                  }
+                ) }),
+                H ? /* @__PURE__ */ o("span", { "aria-live": "polite", "aria-label": "Searching", children: /* @__PURE__ */ o(lt, { className: n["rp-search-loader-icon"], "aria-hidden": "true" }) }) : /* @__PURE__ */ o("span", { id: "search-results-count", "aria-live": "polite", children: M }),
+                f && /* @__PURE__ */ o("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h }) })
+              ] }),
+              /* @__PURE__ */ C("div", { className: n["rp-search-tool-input-checkboxes"], children: [
+                f && /* @__PURE__ */ o(q, {}),
+                /* @__PURE__ */ o(
+                  $,
+                  {
+                    tabIndex: 0,
+                    name: "matchCase",
+                    value: ot,
+                    onChange: rt,
+                    "aria-label": t == null ? void 0 : t.searchMatchCaseLabel,
+                    children: t == null ? void 0 : t.searchMatchCaseLabel
+                  }
+                ),
+                !f && /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(j, {}) }) }),
+                /* @__PURE__ */ o(
+                  $,
+                  {
+                    tabIndex: 0,
+                    name: "wholeWord",
+                    value: tt,
+                    onChange: et,
+                    "aria-label": t == null ? void 0 : t.searchWholeWordsLabel,
+                    children: t == null ? void 0 : t.searchWholeWordsLabel
+                  }
+                ),
+                !f && /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ o(j, {}) }) })
+              ] })
+            ] }),
+            !f && /* @__PURE__ */ C("div", { className: n["rp-search-tool-controls"], children: [
+              /* @__PURE__ */ o(q, {}),
+              /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+};
+export {
+  jo as SearchTool
+};

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

@@ -0,0 +1,52 @@
+import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
+import { G as a } from "../../../index-4baea9b5.js";
+import { TextSelectionDefaultIcon as h } from "../../icons/TextSelectionDefaultIcon.js";
+import { HandModeDefaultIcon as s } from "../../icons/HandModeDefaultIcon.js";
+import { CheckIcon as l } from "../../icons/CheckIcon.js";
+import { MenuItem as p } from "./MenuItem.js";
+import { SelectionMode as r } from "../../../utils/types.js";
+import { MenuSeparator as x } from "./MenuSeparator.js";
+import { useIconContext as u } from "../../../contexts/IconContext.js";
+import { useSelectionModeContext as I } from "../../../contexts/SelectionModeContext.js";
+import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";
+import d from "../../ui/RPTooltip.js";
+import { useLocalizationContext as C } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as T } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as M } from "../../../contexts/ToolComponentContext.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";
+import "../../../clsx-0c6e471a.js";
+import "../../../de_DE-a553b162.js";
+import "../../../utils/appConsole.js";
+import "../../../utils/withRef.js";
+import "../../../utils/hooks/useLocalization.js";
+const N = () => {
+  const { textSelectionIcon: e } = u(), { textSelectionIcon: n } = T();
+  return e || n || /* @__PURE__ */ t(h, {});
+}, D = () => {
+  const { handModeIcon: e } = u(), { handModeIcon: n } = T();
+  return e || n || /* @__PURE__ */ t(s, {});
+}, _ = () => {
+  const { selectionModeTool: e = !0 } = S(), { selectionModeTool: n = !0 } = M(), { selectionMode: m, setSelectionMode: c } = I(), { localeMessages: o } = C();
+  return !e || !n ? null : /* @__PURE__ */ t(f, { children: /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(p, { onClick: () => c(r.TEXT), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.textSelectionTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(N, {}) }),
+      o == null ? void 0 : o.textSelectionLabel,
+      m === r.TEXT ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ t(p, { onClick: () => c(r.HAND), children: /* @__PURE__ */ i(d, { className: "rp-menu-item", content: o == null ? void 0 : o.handToolTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(D, {}) }),
+      o == null ? void 0 : o.handToolLabel,
+      m === r.HAND ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
+    ] }) }),
+    /* @__PURE__ */ t(x, {})
+  ] }) });
+};
+export {
+  _ as SelectionModeTool
+};

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

@@ -0,0 +1,39 @@
+import { jsx as o, Fragment as c } from "react/jsx-runtime";
+import { useThumbnailContext as u } from "../../../contexts/ThumbnailsContext.js";
+import { ThumbnailIcon as a } from "../../icons/Thumbnail.js";
+import { UIButton as h } from "../../ui/Button.js";
+import l from "../../ui/RPTooltip.js";
+import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
+import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import "react";
+import "../../../utils/hooks/useThumbnail.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 "../../../clsx-0c6e471a.js";
+import "../../../utils/withRef.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 V = () => {
+  const { active: t, setActive: e } = u(), { thumbnailIcon: n } = s(), { thumbnailTool: i = !0 } = f(), { localeMessages: r } = T(), m = r == null ? void 0 : r.thumbnailTooltip, p = () => {
+    e(!t);
+  };
+  return i ? typeof i == "function" ? /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(i, { onClick: p, active: t }) }) : /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, { content: m, children: /* @__PURE__ */ o(h, { onClick: p, active: t, "aria-label": m, children: n || /* @__PURE__ */ o(a, {}) }) }) }) : null;
+};
+export {
+  V as ThumbnailTool
+};