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

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

@@ -1,58 +1,56 @@
 import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
-import { G as C } from "../../../index-7279fb4e.js";
-import { MenuSeparator as L } from "./MenuSeparator.js";
+import { G as C } from "../../../index-473557b1.js";
 import { MenuItem as m } 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 O, ScrollMode as l } from "../../../utils/types.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 { useViewModeContext as R } from "../../../contexts/ViewModeContext.js";
-import { useMemo as x } from "react";
+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 { useLocalizationContext as v } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
-const A = () => {
-  const { pageScrollIcon: t } = d(), { pageScrollIcon: n } = a();
-  return t || n || /* @__PURE__ */ r(T, {});
+import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as I } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as v } from "../../../contexts/ToolComponentContext.js";
+const z = () => {
+  const { pageScrollIcon: n } = d(), { pageScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(h, {});
+}, A = () => {
+  const { verticalScrollIcon: n } = d(), { verticalScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(T, {});
 }, g = () => {
-  const { verticalScrollIcon: t } = d(), { verticalScrollIcon: n } = a();
-  return t || n || /* @__PURE__ */ r(s, {});
-}, _ = () => {
-  const { horizontalScrollIcon: t } = d(), { horizontalScrollIcon: n } = a();
-  return t || n || /* @__PURE__ */ r(N, {});
-}, Q = () => {
-  const { scrollModeTool: t = !0 } = h(), { scrollModeTool: n = !0 } = z(), { viewMode: I } = R(), { scrollMode: e, setScrollMode: i } = G(), { localeMessages: o } = v(), S = x(() => I === O.DUAL_PAGE, [I]);
-  return !t || !n ? null : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ c(C, { children: [
-    /* @__PURE__ */ r(m, { onClick: () => i(l.PAGE_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.pageScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(A, {}) }),
+  const { horizontalScrollIcon: n } = d(), { horizontalScrollIcon: t } = I();
+  return n || t || /* @__PURE__ */ r(s, {});
+}, J = () => {
+  const { scrollModeTool: n = !0 } = L(), { scrollModeTool: t = !0 } = v(), { viewMode: S } = O(), { scrollMode: i, setScrollMode: e } = N(), { localeMessages: o } = x(), a = R(() => S === G.DUAL_PAGE, [S]);
+  return !n || !t ? null : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ c(C, { children: [
+    /* @__PURE__ */ r(m, { onClick: () => e(l.PAGE_SCROLLING), children: /* @__PURE__ */ c(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, {}) }),
       o == null ? void 0 : o.pageScrollingLabel,
-      e === l.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+      i === l.PAGE_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ r(m, { onClick: () => i(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.verticalScrollingTooltip, children: [
-      /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(g, {}) }),
+    /* @__PURE__ */ r(m, { onClick: () => e(l.VERTICAL_SCROLLING), children: /* @__PURE__ */ c(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, {}) }),
       o == null ? void 0 : o.verticalScrollingLabel,
-      e === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+      i === l.VERTICAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
     ] }) }),
     /* @__PURE__ */ r(
       m,
       {
-        disabled: S,
-        onClick: () => i(l.HORIZONTAL_SCROLLING),
+        disabled: a,
+        onClick: () => e(l.HORIZONTAL_SCROLLING),
         children: /* @__PURE__ */ c(u, { className: "rp-menu-item", content: o == null ? void 0 : o.horizontalTooltip, children: [
-          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(_, {}) }),
+          /* @__PURE__ */ r("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ r(g, {}) }),
           o == null ? void 0 : o.horizontalLabel,
-          e === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
+          i === l.HORIZONTAL_SCROLLING ? /* @__PURE__ */ r(p, { className: "rp-menu-item-right" }) : null
         ] })
       }
-    ),
-    /* @__PURE__ */ r(L, {})
+    )
   ] }) });
 };
 export {
-  Q as ScrollModeTool
+  J as ScrollModeTool
 };

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

@@ -1,9 +1,21 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/CloseIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { S as a } from "../../../SearchCloseButton-ddb9877e.js";
+import { jsx as t } from "react/jsx-runtime";
+import i from "../../ui/RPTooltip.js";
+import { UIButton as c } from "../../ui/Button.js";
+import { CloseIcon as m } from "../../icons/CloseIcon.js";
+import { useLocalizationContext as p } from "../../../contexts/LocalizationContext.js";
+import { c as e } from "../../../SearchTool.module-016f3a8d.js";
+const C = ({ onKeyPress: r, handleClose: n }) => {
+  const { localeMessages: o } = p();
+  return /* @__PURE__ */ t(i, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ t(
+    c,
+    {
+      tabIndex: 0,
+      onKeyDown: r,
+      "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
+      children: /* @__PURE__ */ t(m, { onClick: n, className: e["rp-search-tool-input-icon"] })
+    }
+  ) });
+};
 export {
-  a as SearchCloseButton
+  C as SearchCloseButton
 };

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

@@ -1,10 +1,44 @@
-import "react/jsx-runtime";
-import "../../ui/RPTooltip.js";
-import "../../ui/Button.js";
-import "../../icons/ChevronUpIcon.js";
-import "../../../contexts/LocalizationContext.js";
-import { J as s } from "../../../RPLayout-897cb09d.js";
-import "../../../SearchCloseButton-ddb9877e.js";
+import { jsxs as m, Fragment as h, jsx as r } from "react/jsx-runtime";
+import i from "../../ui/RPTooltip.js";
+import { UIButton as n } from "../../ui/Button.js";
+import { ChevronUpIcon as c } from "../../icons/ChevronUpIcon.js";
+import { useLocalizationContext as l } from "../../../contexts/LocalizationContext.js";
+import { c as s } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { c as o } from "../../../SearchTool.module-016f3a8d.js";
+const C = () => {
+  const { totalMatches: a, nextMatch: e, prevMatch: p } = s(), { localeMessages: t } = l();
+  return /* @__PURE__ */ m(h, { children: [
+    /* @__PURE__ */ r(
+      i,
+      {
+        content: t == null ? void 0 : t.searchPrevTooltip,
+        className: o["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(n, { tabIndex: 0, onClick: p, "aria-label": t == null ? void 0 : t.searchPrevTooltip, children: /* @__PURE__ */ r(
+          c,
+          {
+            className: o["rp-search-tool-input-icon"],
+            "aria-disabled": !a
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ r(
+      i,
+      {
+        content: t == null ? void 0 : t.searchNextTooltip,
+        className: o["rp-search-tool-result-navigator"],
+        children: /* @__PURE__ */ r(n, { tabIndex: 0, onClick: e, "aria-label": t == null ? void 0 : t.searchNextTooltip, children: /* @__PURE__ */ r(
+          c,
+          {
+            style: { transform: "rotate(180deg" },
+            className: o["rp-search-tool-input-icon"],
+            "aria-disabled": !a
+          }
+        ) })
+      }
+    )
+  ] });
+};
 export {
-  s as SearchResultNavigator
+  C as SearchResultNavigator
 };

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

@@ -1,16 +1,16 @@
-import "react/jsx-runtime";
-import "../../ui/Button.js";
-import "../../icons/SearchIcon.js";
-import "react";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../SearchCloseButton-ddb9877e.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/ClearIcon.js";
-import "../../icons/LoaderIcon.js";
-import { S as oo } from "../../../RPLayout-897cb09d.js";
-import "../../../contexts/IconContext.js";
-import "../../../contexts/RPDocumentContext.js";
+import { jsx as o, Fragment as no, jsxs as d } from "react/jsx-runtime";
+import { UIButton as co } from "../../ui/Button.js";
+import { SearchIcon as q } from "../../icons/SearchIcon.js";
+import { useState as x, useCallback as n, useEffect as k, useMemo as N } from "react";
+import { useLayoutContainer as io } from "../../../contexts/LayoutContainerContext.js";
+import { c as r } from "../../../SearchTool.module-016f3a8d.js";
+import { UIInput as ao } from "../../ui/Input.js";
+import { UICheckbox as U } from "../../ui/Checkbox.js";
+import { ClearIcon as so } from "../../icons/ClearIcon.js";
+import { LoaderIcon as po } from "../../icons/LoaderIcon.js";
+import { c as mo } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { useIconContext as lo } from "../../../contexts/IconContext.js";
+import { useDocumentContext as ho } from "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
@@ -26,7 +26,7 @@ import "../../../contexts/FullScreenContext.js";
 import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/LocalizationContext.js";
+import { useLocalizationContext as uo } from "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
@@ -34,23 +34,191 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../contexts/ElementPageContext.js";
 import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
+import { useToolComponentContext as fo } from "../../../contexts/ToolComponentContext.js";
+import { useIconToolContext as Co } 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/RPTooltip.js";
-import "../../ui/DropDown.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../contexts/ViewportContext.js";
-import "../../../contexts/IconToolContext.js";
+import { useToolbarComponentContext as Io } from "../../../contexts/ToolbarComponentContext.js";
+import { useViewportContext as xo } from "../../../contexts/ViewportContext.js";
+import b from "../../ui/RPTooltip.js";
+import "../../../MenuItem.module-bc11d0d3.js";
+import { UIDropDown as bo } from "../../ui/DropDown.js";
 import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../icons/InfoIcon.js";
-import "./RotateTool.js";
-import "../../../Popover-1faa77f6.js";
+import "../../../PropertyItem.module-db0150cc.js";
+import { InfoIcon as V } from "../../icons/InfoIcon.js";
+import "../../../MenuSeparator.module-89b2ff7f.js";
+import "../../../RotateTool.module-03987eba.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 { SearchResultNavigator as $ } from "./SearchResultNavigator.js";
+import { SearchCloseButton as j } from "./SearchCloseButton.js";
+const Eo = () => {
+  const { searchIcon: u } = lo(), { searchIcon: E } = Co();
+  return u || E || /* @__PURE__ */ o(q, {});
+}, vt = ({ icon: u }) => {
+  const { container: E } = io(), [f, W] = x(!1), { pdf: z } = ho(), [S, A] = x(null), {
+    searchOptions: K,
+    setSearchOptions: C,
+    loading: F,
+    setSearch: s,
+    totalMatches: L,
+    currentMatchPosition: D,
+    nextMatch: O,
+    prevMatch: B,
+    search: y
+  } = mo(), { searchTool: G = !0 } = Io(), { searchTool: H = !0 } = fo(), [m, T] = x(y), { localeMessages: t } = uo(), { isSmallScreen: l } = xo(), [I, J] = x(null), Q = n(() => {
+    W(!0);
+  }, []), p = n(() => {
+    s(""), T(""), W(!1);
+  }, [s]), P = (e) => {
+    const c = e.key === "Enter", h = e.key === " ";
+    (c || h) && p();
+  }, v = n(
+    (e) => {
+      e.key === "Escape" && f && p();
+    },
+    [f]
+  ), X = n(
+    (e) => {
+      e.shiftKey && e.key === "Enter" ? B() : e.key === "Enter" && y !== m ? s(m) : e.key === "Enter" && O();
+    },
+    [m, B, O, s, y]
+  );
+  k(() => (window.addEventListener("keydown", v), () => {
+    window.removeEventListener("keydown", v);
+  }), [v]), k(() => {
+    S && setTimeout(() => {
+      S.focus();
+    }, 0);
+  }, [S]);
+  const Y = n((e) => {
+    T(e.target.value);
+  }, []), Z = n(() => {
+    T(""), s("");
+  }, [s]), _ = N(() => `${D} / ${L}`, [D, L]), { wholeWords: g, matchCase: M } = N(() => K, [K]), oo = n(
+    (e) => {
+      C((c) => ({ ...c, matchCase: e }));
+    },
+    [C]
+  ), to = n(
+    (e) => {
+      C((c) => ({ ...c, wholeWords: e }));
+    },
+    [C]
+  );
+  k(() => {
+    p();
+  }, [z, p]);
+  const i = N(() => (I == null ? void 0 : I.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [I]), eo = n(
+    (e) => {
+      if (e.key === "Tab") {
+        const c = document.activeElement;
+        let h = 0;
+        i.forEach((a, ro) => {
+          a === c && (h = ro);
+        });
+        let w = h + 1;
+        e.shiftKey && (w = h - 1);
+        const R = i[w];
+        if (R)
+          R.focus();
+        else if (w > i.length - 1) {
+          const a = i[0];
+          a && a.focus();
+        } else {
+          const a = i[i.length - 1];
+          a && a.focus();
+        }
+      }
+    },
+    [i]
+  );
+  return !G || !H ? null : /* @__PURE__ */ o(no, { children: /* @__PURE__ */ o(
+    bo,
+    {
+      open: f,
+      container: E,
+      side: "bottom",
+      align: "start",
+      tabIndex: 0,
+      avoidCollisions: !1,
+      triggerComponent: /* @__PURE__ */ o(b, { content: t == null ? void 0 : t.searchButtonTooltip, children: /* @__PURE__ */ o(
+        co,
+        {
+          active: f,
+          onClick: Q,
+          "aria-label": t == null ? void 0 : t.searchButtonTooltip,
+          children: u || /* @__PURE__ */ o(Eo, {})
+        }
+      ) }),
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          ref: J,
+          className: r["rp-search-tool-content"],
+          tabIndex: 0,
+          onKeyDown: eo,
+          children: [
+            /* @__PURE__ */ d("div", { className: r["rp-search-tool-input-wrapper"], children: [
+              /* @__PURE__ */ d("div", { className: r["rp-search-tool-input"], children: [
+                /* @__PURE__ */ o(b, { content: t == null ? void 0 : t.searchInputTooltip, children: /* @__PURE__ */ o(
+                  ao,
+                  {
+                    value: m,
+                    onKeyDown: X,
+                    onChange: Y,
+                    icon: /* @__PURE__ */ o(q, {}),
+                    placeholder: t == null ? void 0 : t.searchInputPlaceholder,
+                    className: r["rp-search-input"],
+                    ref: A,
+                    id: "search-input",
+                    name: "search-input",
+                    tabIndex: 0,
+                    children: !!m && /* @__PURE__ */ o("span", { className: r["rp-search-tool-input-clear"], onClick: Z, children: /* @__PURE__ */ o(so, {}) })
+                  }
+                ) }),
+                F ? /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(po, { className: r["rp-search-loader-icon"] }) }) : /* @__PURE__ */ o("span", { children: _ }),
+                l && /* @__PURE__ */ o("div", { className: r["rp-search-tool-controls"], children: /* @__PURE__ */ o(j, { onKeyPress: P, handleClose: p }) })
+              ] }),
+              /* @__PURE__ */ d("div", { className: r["rp-search-tool-input-checkboxes"], children: [
+                l && /* @__PURE__ */ o($, {}),
+                /* @__PURE__ */ o(
+                  U,
+                  {
+                    tabIndex: 0,
+                    name: "matchCase",
+                    value: M,
+                    onChange: oo,
+                    children: t == null ? void 0 : t.searchMatchCaseLabel
+                  }
+                ),
+                !l && /* @__PURE__ */ o(b, { content: t == null ? void 0 : t.searchMatchCaseTooltip, children: /* @__PURE__ */ o("div", { className: r["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ o(V, {}) }) }),
+                /* @__PURE__ */ o(
+                  U,
+                  {
+                    tabIndex: 0,
+                    name: "wholeWord",
+                    value: g,
+                    onChange: to,
+                    children: t == null ? void 0 : t.searchWholeWordsLabel
+                  }
+                ),
+                !l && /* @__PURE__ */ o(b, { content: t == null ? void 0 : t.searchWholeWordsTooltip, children: /* @__PURE__ */ o("div", { tabIndex: 0, className: r["rp-search-icon-info"], children: /* @__PURE__ */ o(V, {}) }) })
+              ] })
+            ] }),
+            !l && /* @__PURE__ */ d("div", { className: r["rp-search-tool-controls"], children: [
+              /* @__PURE__ */ o($, {}),
+              /* @__PURE__ */ o(j, { onKeyPress: P, handleClose: p })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+};
 export {
-  oo as SearchTool
+  vt as SearchTool
 };

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-7279fb4e.js";
+import { G as a } from "../../../index-473557b1.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";

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

@@ -1,13 +1,13 @@
 import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { h as a } from "../../../RPLayout-897cb09d.js";
+import { f as a } from "../../../ToolbarLayout.module-60c3d6e8.js";
 import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
 import { UIButton as p } from "../../ui/Button.js";
 import e from "../../ui/RPTooltip.js";
-import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
-import { useToolComponentContext as f } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as f } from "../../../contexts/LocalizationContext.js";
+import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
 import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
 const y = () => {
-  const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } = f(), { localeMessages: i } = T(), r = i == null ? void 0 : i.thumbnailTooltip, m = () => {
+  const { active: t, setActive: c } = a(), { thumbnailIcon: l } = s(), { thumbnailTool: n = !0 } = T(), { localeMessages: i } = f(), r = i == null ? void 0 : i.thumbnailTooltip, m = () => {
     c(!t);
   };
   return n ? typeof n == "function" ? /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(n, { onClick: m, active: t }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(e, { content: r, children: /* @__PURE__ */ o(p, { onClick: m, active: t, "aria-label": r, children: l || /* @__PURE__ */ o(h, {}) }) }) }) : null;

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

@@ -1,8 +1,8 @@
-import "react/jsx-runtime";
-import "react";
-import { W as Z } from "../../../RPLayout-897cb09d.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../contexts/ToolbarComponentContext.js";
+import { jsxs as p, Fragment as e, jsx as t } from "react/jsx-runtime";
+import { useRef as f } from "react";
+import { f as v, b as C, m as o, k as g } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { useLayoutContainer as x } from "../../../contexts/LayoutContainerContext.js";
+import { useToolbarComponentContext as N } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
 import "../../../contexts/DarkModeContext.js";
@@ -27,27 +27,54 @@ 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/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
 import "../../ui/Button.js";
-import "../../../SearchCloseButton-ddb9877e.js";
 import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../Popover-1faa77f6.js";
 import "../../../contexts/ViewportContext.js";
-import "../../../contexts/IconToolContext.js";
-import "../../ui/DropDown.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
+import "../../ui/RPTooltip.js";
+import "../../../MenuItem.module-bc11d0d3.js";
+import "../../../DropDown.module-a78567cb.js";
 import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../contexts/OtherToolContext.js";
-import "./RotateTool.js";
+import "../../../PropertyItem.module-db0150cc.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 T from "../../ui/LoadingIndicator.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";
+const Tr = (a) => {
+  const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = x(), { active: n } = v(), { showPrintProgress: u } = N(), { progress: b } = C(), { percentage: s } = b || {}, r = l, i = r == null ? void 0 : r.topbar, m = r == null ? void 0 : r.leftSidebar;
+  return /* @__PURE__ */ p(e, { children: [
+    /* @__PURE__ */ p("div", { className: o["rp-toolbar-layout"], children: [
+      i && /* @__PURE__ */ t("div", { "data-rp": "topbar", className: o["rp-topbar-content"], children: i == null ? void 0 : i.component }),
+      /* @__PURE__ */ p("div", { className: o["rp-content"], children: [
+        /* @__PURE__ */ p(e, { children: [
+          m && /* @__PURE__ */ t("div", { "data-rp": "sidebar", className: o["rp-sidebar-content"], children: m == null ? void 0 : m.component }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              "data-rp": "thumbnailSidebar",
+              hidden: !n,
+              className: o["rp-thumbnails-wrapper"],
+              children: /* @__PURE__ */ t(g, { show: n, ref: d })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { ref: h, className: o["rp-pages"], children: c })
+      ] })
+    ] }),
+    u && s ? /* @__PURE__ */ t(T, { percentage: s }) : null
+  ] });
+};
 export {
-  Z as ToolbarCustom
+  Tr as ToolbarCustom
 };

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

@@ -0,0 +1,82 @@
+import { jsxs as o, Fragment as p, jsx as r } from "react/jsx-runtime";
+import { useRef as d } from "react";
+import { f as h, b as u, m as t, k as f } from "../../../ToolbarLayout.module-60c3d6e8.js";
+import { useLayoutContainer as b } from "../../../contexts/LayoutContainerContext.js";
+import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/RPDocumentContext.js";
+import "../../../contexts/DocumentPasswordContext.js";
+import "../../../contexts/DarkModeContext.js";
+import "../../../contexts/RotationContext.js";
+import "../../../contexts/LayerContext.js";
+import "../../../contexts/ZoomContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../contexts/VirtualScrollContext.js";
+import "../../../contexts/VirtualGridContext.js";
+import "../../../contexts/SelectionModeContext.js";
+import "../../../contexts/InitialStateContext.js";
+import "../../../contexts/FullScreenContext.js";
+import "../../../contexts/FileInputContext.js";
+import "../../../contexts/DropFileZoneContext.js";
+import "../../../contexts/DimensionPagesContext.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/HighlightContext.js";
+import "../../../contexts/LicenseContext.js";
+import "../../../contexts/DownloadContext.js";
+import "../../../contexts/SmoothScrollContext.js";
+import "../../../contexts/ElementPageContext.js";
+import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/LoaderContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../RPConfig.js";
+import "../../ui/Button.js";
+import "../../ui/Input.js";
+import "../../../contexts/IconContext.js";
+import "../../../contexts/ViewportContext.js";
+import "../../ui/RPTooltip.js";
+import "../../../MenuItem.module-bc11d0d3.js";
+import "../../../DropDown.module-a78567cb.js";
+import "../../../utils/dateFormatter.js";
+import "../../../PropertyItem.module-db0150cc.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 g from "../../ui/LoadingIndicator.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 { RPHorizontalBar as x } from "./tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
+const Pr = (e) => {
+  const { children: a } = e, n = d(null), { setContentRef: s } = b(), { active: i } = h(), { showPrintProgress: l } = v(), { progress: c } = u(), { percentage: m } = c || {};
+  return /* @__PURE__ */ o(p, { children: [
+    /* @__PURE__ */ o("div", { className: t["rp-toolbar-layout"], children: [
+      /* @__PURE__ */ r("div", { "data-rp": "topbar", className: t["rp-topbar-content"], children: /* @__PURE__ */ r(x, {}) }),
+      /* @__PURE__ */ o("div", { className: t["rp-content"], children: [
+        /* @__PURE__ */ o(p, { children: [
+          /* @__PURE__ */ r("div", { "data-rp": "sidebar", className: t["rp-sidebar-content"], children: /* @__PURE__ */ r(C, {}) }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              "data-rp": "thumbnailSidebar",
+              hidden: !i,
+              className: t["rp-thumbnails-wrapper"],
+              children: /* @__PURE__ */ r(f, { show: i, ref: n })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { ref: s, className: t["rp-pages"], children: a })
+      ] })
+    ] }),
+    l && m ? /* @__PURE__ */ r(g, { percentage: m }) : null
+  ] });
+};
+export {
+  Pr as ToolbarDefault
+};

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

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { ToolbarDefault as e } from "./ToolbarDefault.js";
+import { ToolbarCustom as l } from "./ToolbarCustom.js";
+const b = (a) => {
+  const { children: r, toolbar: o } = a;
+  return o && typeof o == "boolean" ? /* @__PURE__ */ t(e, { children: r }) : /* @__PURE__ */ t(l, { toolbar: o, children: r });
+};
+export {
+  b as ToolbarLayout
+};

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
-import { G as P } from "../../../index-7279fb4e.js";
+import { G as P } from "../../../index-473557b1.js";
 import { MenuSeparator as T } from "./MenuSeparator.js";
 import { MenuItem as m } from "./MenuItem.js";
 import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";