@react-pdf-kit/viewer 2.0.0-beta.11 → 2.0.0-beta.12

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

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

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

@@ -14,7 +14,7 @@ import "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
 import "../../../utils/hooks/useLocalization.js";
-import "../../../th_TH-d627cd51.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(

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

@@ -1,10 +1,10 @@
-import { jsxs as e, Fragment as h, jsx as r } from "react/jsx-runtime";
-import p from "../../ui/RPTooltip.js";
-import { UIButton as m } from "../../ui/Button.js";
-import { ChevronUpIcon as a } from "../../icons/ChevronUpIcon.js";
-import { useLocalizationContext as l } from "../../../contexts/LocalizationContext.js";
+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 o } from "../../../SearchTool.module-99f60dc7.js";
+import { c as i } from "../../../SearchTool.module-99f60dc7.js";
 import "react";
 import "../../../index-c0faa594.js";
 import "react-dom";
@@ -15,7 +15,7 @@ import "../../../utils/withRef.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../utils/appConsole.js";
 import "../../../utils/hooks/useLocalization.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 import "../../../utils/hooks/useSearch.js";
 import "../../../utils/types.js";
 import "../../../utils/highlight.js";
@@ -50,40 +50,60 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../utils/getScrollDistance.js";
 import "../../../utils/calculatePage.js";
 import "../../../utils/getWordPositionInPage.js";
-const lt = () => {
-  const { totalMatches: i, nextMatch: n, prevMatch: c } = s(), { localeMessages: t } = l();
-  return /* @__PURE__ */ e(h, { children: [
+const ht = () => {
+  const { totalMatches: p, nextMatch: n, prevMatch: c } = s(), { localeMessages: t } = h(), o = !p || p === 0;
+  return /* @__PURE__ */ l(d, { children: [
     /* @__PURE__ */ r(
-      p,
+      m,
       {
         content: t == null ? void 0 : t.searchPrevTooltip,
-        className: o["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ r(m, { tabIndex: 0, onClick: c, "aria-label": t == null ? void 0 : t.searchPrevTooltip, children: /* @__PURE__ */ r(
+        className: i["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(
           a,
           {
-            className: o["rp-search-tool-input-icon"],
-            "aria-disabled": !i
+            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(
-      p,
+      m,
       {
         content: t == null ? void 0 : t.searchNextTooltip,
-        className: o["rp-search-tool-result-navigator"],
-        children: /* @__PURE__ */ r(m, { tabIndex: 0, onClick: n, "aria-label": t == null ? void 0 : t.searchNextTooltip, children: /* @__PURE__ */ r(
+        className: i["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(
           a,
           {
-            style: { transform: "rotate(180deg" },
-            className: o["rp-search-tool-input-icon"],
-            "aria-disabled": !i
+            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 {
-  lt as SearchResultNavigator
+  ht as SearchResultNavigator
 };

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

@@ -1,26 +1,26 @@
-import { jsx as t, Fragment as ct, jsxs as I } from "react/jsx-runtime";
-import { UIButton as at } from "../../ui/Button.js";
-import { SearchIcon as z } from "../../icons/SearchIcon.js";
-import { useState as C, useCallback as i, useEffect as l, useMemo as W } from "react";
-import { useLayoutContainer as st } from "../../../contexts/LayoutContainerContext.js";
+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 pt } from "../../ui/Input.js";
-import { UICheckbox as V } from "../../ui/Checkbox.js";
-import { ClearIcon as mt } from "../../icons/ClearIcon.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 ht } from "../../../contexts/SearchContext.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 T from "../../ui/RPTooltip.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 $ } from "../../icons/InfoIcon.js";
+import { InfoIcon as j } from "../../icons/InfoIcon.js";
 import { useViewportContext as Ct } from "../../../contexts/ViewportContext.js";
-import { SearchResultNavigator as j } from "./SearchResultNavigator.js";
-import { SearchCloseButton as q } from "./SearchCloseButton.js";
-import { UIDropDown as xt } from "../../ui/DropDown.js";
-import { useIconToolContext as St } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as bt } from "../../../contexts/ToolComponentContext.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";
@@ -29,7 +29,7 @@ import "../../../index-655864a7.js";
 import "../../icons/CheckIcon.js";
 import "../../../utils/hooks/useSearch.js";
 import "../../../utils/types.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 import "../../../utils/highlight.js";
 import "../../../utils/charators.js";
 import "../../../contexts/VirtualScrollContext.js";
@@ -66,171 +66,192 @@ 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 Et = () => {
-  const { searchIcon: x } = dt(), { searchIcon: v } = St();
-  return x || v || /* @__PURE__ */ t(z, {});
+import "../../../index-61f59539.js";
+import "../../../Combination-136ff99c.js";
+const yt = () => {
+  const { searchIcon: x } = dt(), { searchIcon: v } = xt();
+  return x || v || /* @__PURE__ */ o(A, {});
 }, jo = ({ icon: x }) => {
-  const { container: v } = st(), [S, K] = C(!1), { pdf: b } = ut(), [w, A] = C(null), {
-    searchOptions: L,
-    setSearchOptions: E,
-    loading: F,
-    setSearch: a,
-    totalMatches: D,
-    currentMatchPosition: O,
-    nextMatch: B,
+  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
-  } = ht(), { searchTool: H = !0 } = ft(), { searchTool: G = !0 } = bt(), [h, d] = C(e), { localeMessages: o } = It(), { isSmallScreen: u } = Ct(), [y, J] = C(null), [Q, X] = C(!1), Y = i(() => {
-    K(!0);
-  }, []), m = i(() => {
-    a(""), d(""), K(!1);
-  }, [a]), R = (r) => {
-    const c = r.key === "Enter", f = r.key === " ";
-    (c || f) && m();
-  }, k = i(
+  } = 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 && m();
+      r.key === "Escape" && s && h();
     },
-    [S]
-  ), Z = i(
+    [s]
+  ), _ = i(
     (r) => {
-      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== h ? a(h) : r.key === "Enter" && B();
+      r.shiftKey && r.key === "Enter" ? P() : r.key === "Enter" && e !== d ? c(d) : r.key === "Enter" && O();
     },
-    [h, P, B, a, e]
+    [d, P, O, c, e]
   );
   l(() => {
-    d(e);
+    u(e);
   }, [e]), l(() => {
-    e && b && X(!0);
-  }, [e, b]), l(() => {
-    e && e.trim() !== "" && (d(e), a(e));
-  }, []), l(() => (window.addEventListener("keydown", k), () => {
-    window.removeEventListener("keydown", k);
-  }), [k]), l(() => {
-    w && setTimeout(() => {
-      w.focus();
+    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);
-  }, [w]);
-  const _ = i((r) => {
-    d(r.target.value);
-  }, []), g = i(() => {
-    d(""), a("");
-  }, [a]), M = W(() => `${O} / ${D}`, [O, D]), { wholeWords: tt, matchCase: ot } = W(() => L, [L]), rt = i(
+  }, [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) => {
-      E((c) => ({ ...c, matchCase: r }));
+      y((a) => ({ ...a, matchCase: r }));
     },
-    [E]
+    [y]
   ), et = i(
     (r) => {
-      E((c) => ({ ...c, wholeWords: r }));
+      y((a) => ({ ...a, wholeWords: r }));
     },
-    [E]
+    [y]
   );
   l(() => {
-    b && Q && m();
-  }, [b, m]);
-  const s = W(() => (y == null ? void 0 : y.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [y]), nt = i(
+    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 c = document.activeElement;
-        let f = 0;
-        s.forEach((p, it) => {
-          p === c && (f = it);
+        const a = document.activeElement;
+        let I = 0;
+        p.forEach((m, it) => {
+          m === a && (I = it);
         });
-        let N = f + 1;
-        r.shiftKey && (N = f - 1);
-        const U = s[N];
-        if (U)
-          U.focus();
-        else if (N > s.length - 1) {
-          const p = s[0];
-          p && p.focus();
+        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 p = s[s.length - 1];
-          p && p.focus();
+          const m = p[p.length - 1];
+          m && m.focus();
         }
       }
     },
-    [s]
+    [p]
   );
-  return !H || !G ? null : /* @__PURE__ */ t(ct, { children: /* @__PURE__ */ t(
-    xt,
+  return !G || !J ? null : /* @__PURE__ */ o(at, { children: /* @__PURE__ */ o(
+    bt,
     {
-      open: S,
+      open: s,
       container: v,
       side: "bottom",
       align: "start",
       tabIndex: 0,
       avoidCollisions: !1,
-      triggerComponent: /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchButtonTooltip, children: /* @__PURE__ */ t(
-        at,
+      triggerComponent: /* @__PURE__ */ o(E, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
+        ct,
         {
-          active: S,
-          onClick: Y,
-          "aria-label": o == null ? void 0 : o.searchButtonTooltip,
-          children: x || /* @__PURE__ */ t(Et, {})
+          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__ */ I(
+      children: /* @__PURE__ */ C(
         "div",
         {
-          ref: J,
+          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__ */ I("div", { className: n["rp-search-tool-input-wrapper"], children: [
-              /* @__PURE__ */ I("div", { className: n["rp-search-tool-input"], children: [
-                /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchInputTooltip, children: /* @__PURE__ */ t(
-                  pt,
+            /* @__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: h,
-                    onKeyDown: Z,
-                    onChange: _,
-                    icon: /* @__PURE__ */ t(z, {}),
-                    placeholder: o == null ? void 0 : o.searchInputPlaceholder,
+                    value: d,
+                    onKeyDown: _,
+                    onChange: g,
+                    icon: /* @__PURE__ */ o(A, {}),
+                    placeholder: t == null ? void 0 : t.searchInputPlaceholder,
                     className: n["rp-search-input"],
-                    ref: A,
+                    ref: F,
                     id: "search-input",
                     name: "search-input",
                     tabIndex: 0,
-                    children: !!h && /* @__PURE__ */ t("span", { className: n["rp-search-tool-input-clear"], onClick: g, children: /* @__PURE__ */ t(mt, {}) })
+                    "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, {})
+                      }
+                    )
                   }
                 ) }),
-                F ? /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(lt, { className: n["rp-search-loader-icon"] }) }) : /* @__PURE__ */ t("span", { children: M }),
-                u && /* @__PURE__ */ t("div", { className: n["rp-search-tool-controls"], children: /* @__PURE__ */ t(q, { onKeyPress: R, handleClose: m }) })
+                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__ */ I("div", { className: n["rp-search-tool-input-checkboxes"], children: [
-                u && /* @__PURE__ */ t(j, {}),
-                /* @__PURE__ */ t(
-                  V,
+              /* @__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,
-                    children: o == null ? void 0 : o.searchMatchCaseLabel
+                    "aria-label": t == null ? void 0 : t.searchMatchCaseLabel,
+                    children: t == null ? void 0 : t.searchMatchCaseLabel
                   }
                 ),
-                !u && /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchMatchCaseTooltip, children: /* @__PURE__ */ t("div", { className: n["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ t($, {}) }) }),
-                /* @__PURE__ */ t(
-                  V,
+                !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,
-                    children: o == null ? void 0 : o.searchWholeWordsLabel
+                    "aria-label": t == null ? void 0 : t.searchWholeWordsLabel,
+                    children: t == null ? void 0 : t.searchWholeWordsLabel
                   }
                 ),
-                !u && /* @__PURE__ */ t(T, { content: o == null ? void 0 : o.searchWholeWordsTooltip, children: /* @__PURE__ */ t("div", { tabIndex: 0, className: n["rp-search-icon-info"], children: /* @__PURE__ */ t($, {}) }) })
+                !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, {}) }) })
               ] })
             ] }),
-            !u && /* @__PURE__ */ I("div", { className: n["rp-search-tool-controls"], children: [
-              /* @__PURE__ */ t(j, {}),
-              /* @__PURE__ */ t(q, { onKeyPress: R, handleClose: m })
+            !f && /* @__PURE__ */ C("div", { className: n["rp-search-tool-controls"], children: [
+              /* @__PURE__ */ o(q, {}),
+              /* @__PURE__ */ o(z, { onKeyPress: R, handleClose: h })
             ] })
           ]
         }

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

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as f, jsxs as i } from "react/jsx-runtime";
-import { G as a } from "../../../index-4baea9b5.js";
+import { G as a } from "../../../index-61f59539.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";
@@ -17,11 +17,11 @@ import "react";
 import "../../../index-c0faa594.js";
 import "react-dom";
 import "../../../index-e3ee9457.js";
-import "../../../Combination-54a77a7a.js";
+import "../../../Combination-136ff99c.js";
 import "../../../floating-ui.react-dom-5ec29bd6.js";
 import "../../../index-655864a7.js";
 import "../../../clsx-0c6e471a.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 import "../../../utils/appConsole.js";
 import "../../../utils/withRef.js";
 import "../../../utils/hooks/useLocalization.js";

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

@@ -12,7 +12,7 @@ import "../../../contexts/RPDocumentContext.js";
 import "../../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
 import "../../../utils/types.js";
-import "../../../th_TH-d627cd51.js";
+import "../../../de_DE-a553b162.js";
 import "../../../utils/getThumbnailViewport.js";
 import "../../../contexts/ConfigContext.js";
 import "../../../contexts/DocumentPasswordContext.js";