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

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

@@ -3,14 +3,14 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { O as n } from "../../../RPLayout-3042ec91.js";
+import { O as q } from "../../../RPLayout-897cb09d.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ViewModeTool.js";
 import "./ScrollModeTool.js";
 import "../../../contexts/ViewportContext.js";
 import "./FileUploadTool.js";
-import "../../../index-951f0f1f.js";
+import "../../../index-7279fb4e.js";
 import "./MenuSeparator.js";
 import "./FullScreenTool.js";
 import "../../ui/RPTooltip.js";
@@ -18,6 +18,7 @@ import "./SelectionModeTool.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "react";
 import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  n as OtherTool
+  q as OtherTool
 };

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

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { B as b } from "../../../RPLayout-3042ec91.js";
+import { l as d } from "../../../RPLayout-897cb09d.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
@@ -12,6 +12,8 @@ import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/ViewModeContext.js";
 import "../../../contexts/ScrollModeContext.js";
 import "../../../utils/types.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  b as Paginate
+  d as Paginate
 };

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

@@ -3,11 +3,13 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { G as s } from "../../../RPLayout-3042ec91.js";
+import { I } from "../../../RPLayout-897cb09d.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";
 import "../../ui/RPTooltip.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  s as PrintTool
+  I as PrintTool
 };

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

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import { K as a } from "../../../RPLayout-3042ec91.js";
+import { N as b } from "../../../RPLayout-897cb09d.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  a as RPToolbar
+  b as RPToolbar
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { H as b } from "../../../RPLayout-3042ec91.js";
+import { m as b } from "../../../RPLayout-897cb09d.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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

@@ -1,35 +1,37 @@
-import { jsx as t, Fragment as u, jsxs as e } from "react/jsx-runtime";
-import { G as a } from "../../../index-951f0f1f.js";
-import { ClockwiseIcon as i } from "../../icons/ClockwiseIcon.js";
-import { MenuItem as n } from "./MenuItem.js";
-import { MenuSeparator as C } from "./MenuSeparator.js";
-import { useRotate as s } from "../../../utils/hooks/useRotate.js";
-import { useToolbarComponentContext as k } from "../../../contexts/ToolbarComponentContext.js";
+import { jsx as t, Fragment as C, jsxs as n } from "react/jsx-runtime";
+import { G as p } from "../../../index-7279fb4e.js";
+import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
+import { MenuItem as c } from "./MenuItem.js";
+import { MenuSeparator as k } from "./MenuSeparator.js";
+import { useRotate as w } from "../../../utils/hooks/useRotate.js";
+import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
 import { useIconContext as m } from "../../../contexts/IconContext.js";
-import c from "../../ui/RPTooltip.js";
-import { useLocalizationContext as f } from "../../../contexts/LocalizationContext.js";
-import '../../../assets/RotateTool.css';const d = {
+import i from "../../ui/RPTooltip.js";
+import { useLocalizationContext as d } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
+import '../../../assets/RotateTool.css';const I = {
   "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1nqcb_1"
-}, w = () => {
-  const { rotateClockwiseIcon: r } = m();
-  return r || /* @__PURE__ */ t(i, {});
 }, h = () => {
-  const { rotateCounterClockwiseIcon: r } = m();
-  return r || /* @__PURE__ */ t(i, { className: d["rp-rotate-counterclockwise"] });
-}, G = () => {
-  const { handleRotateClockwise: r, handleRotateCounterclockwise: l } = s(), { rotateTool: p } = k(), { localeMessages: o } = f();
-  return p ? /* @__PURE__ */ t(u, { children: /* @__PURE__ */ e(a, { children: [
-    /* @__PURE__ */ t(n, { onClick: r, children: /* @__PURE__ */ e(c, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(w, {}) }),
+  const { rotateClockwiseIcon: e } = m(), { rotateClockwiseIcon: r } = s();
+  return e || r || /* @__PURE__ */ t(l, {});
+}, x = () => {
+  const { rotateCounterClockwiseIcon: e } = m(), { rotateCounterClockwiseIcon: r } = s();
+  return e || r || /* @__PURE__ */ t(l, { className: I["rp-rotate-counterclockwise"] });
+}, O = () => {
+  const { handleRotateClockwise: e, handleRotateCounterclockwise: r } = w(), { rotateTool: a = !0 } = f(), { rotateTool: u = !0 } = T(), { localeMessages: o } = d();
+  return !a || !u ? null : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
       o == null ? void 0 : o.rotateClockwiseLabel
     ] }) }),
-    /* @__PURE__ */ t(n, { onClick: l, children: /* @__PURE__ */ e(c, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
+    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
+      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
       o == null ? void 0 : o.rotateCounterclockwiseLabel
     ] }) }),
-    /* @__PURE__ */ t(C, {})
-  ] }) }) : null;
+    /* @__PURE__ */ t(k, {})
+  ] }) });
 };
 export {
-  G as RotateTool
+  O as RotateTool
 };

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

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

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

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { I as s } from "../../../RPLayout-3042ec91.js";
+import { J as s } from "../../../RPLayout-897cb09d.js";
 import "../../../SearchCloseButton-ddb9877e.js";
 export {
   s as SearchResultNavigator

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

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { S as W } from "../../../RPLayout-3042ec91.js";
+import { S as oo } from "../../../RPLayout-897cb09d.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
@@ -38,13 +38,19 @@ 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 "../../icons/InfoIcon.js";
-import "../../../Popover-48c8394c.js";
 import "../../../contexts/ViewportContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../contexts/OtherToolContext.js";
+import "../../icons/InfoIcon.js";
+import "./RotateTool.js";
+import "../../../Popover-1faa77f6.js";
 export {
-  W as SearchTool
+  oo as SearchTool
 };

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

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

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

@@ -0,0 +1,17 @@
+import { jsx as o, Fragment as u } from "react/jsx-runtime";
+import { h as a } from "../../../RPLayout-897cb09d.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 { 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 = () => {
+    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;
+};
+export {
+  y as ThumbnailTool
+};

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { V as R } from "../../../RPLayout-3042ec91.js";
+import { W as Z } from "../../../RPLayout-897cb09d.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
@@ -30,6 +30,7 @@ import "../../../contexts/LoaderContext.js";
 import "../../RPConfig.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
+import "../../../contexts/ToolComponentContext.js";
 import "../../ui/Button.js";
 import "../../../SearchCloseButton-ddb9877e.js";
 import "../../ui/Input.js";
@@ -37,11 +38,16 @@ import "../../ui/Checkbox.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
-import "../../../Popover-48c8394c.js";
+import "../../../Popover-1faa77f6.js";
 import "../../../contexts/ViewportContext.js";
+import "../../../contexts/IconToolContext.js";
 import "../../ui/DropDown.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "../../../contexts/OtherToolContext.js";
+import "./RotateTool.js";
 export {
-  R as ToolbarCustom
+  Z as ToolbarCustom
 };

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

@@ -1,33 +1,42 @@
-import { jsx as e, Fragment as f, jsxs as r } from "react/jsx-runtime";
-import { G as s } from "../../../index-951f0f1f.js";
-import { MenuSeparator as h } from "./MenuSeparator.js";
-import { MenuItem as i } from "./MenuItem.js";
-import { DualPageIcon as P } from "../../icons/SinglePageIcon.js";
-import { SinglePageIcon as g } from "../../icons/DualPageIcon.js";
-import { useViewModeContext as C } from "../../../contexts/ViewModeContext.js";
-import { ScrollMode as I, ViewMode as m } from "../../../utils/types.js";
-import { CheckIcon as l } from "../../icons/CheckIcon.js";
-import { useToolbarComponentContext as N } from "../../../contexts/ToolbarComponentContext.js";
+import { jsx as e, Fragment as I, jsxs as r } from "react/jsx-runtime";
+import { G as P } from "../../../index-7279fb4e.js";
+import { MenuSeparator as T } from "./MenuSeparator.js";
+import { MenuItem as m } from "./MenuItem.js";
+import { DualPageIcon as C } from "../../icons/SinglePageIcon.js";
+import { SinglePageIcon as h } from "../../icons/DualPageIcon.js";
+import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
+import { ScrollMode as N, ViewMode as l } from "../../../utils/types.js";
+import { CheckIcon as c } from "../../icons/CheckIcon.js";
+import { useToolbarComponentContext as w } from "../../../contexts/ToolbarComponentContext.js";
 import { useScrollModeContext as L } from "../../../contexts/ScrollModeContext.js";
 import { useMemo as S } from "react";
-import { useLocalizationContext as x } from "../../../contexts/LocalizationContext.js";
-import c from "../../ui/RPTooltip.js";
-const T = () => /* @__PURE__ */ e(g, {}), G = () => /* @__PURE__ */ e(P, {}), F = () => {
-  const { viewMode: t, setDualPage: u, setSinglePage: p } = C(), { viewModeTool: d } = N(), { scrollMode: n } = L(), { localeMessages: o } = x(), a = S(() => [I.HORIZONTAL_SCROLLING].includes(n), [n]);
-  return d ? /* @__PURE__ */ e(f, { children: /* @__PURE__ */ r(s, { children: [
-    /* @__PURE__ */ e(i, { onClick: p, children: /* @__PURE__ */ r(c, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
-      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(T, {}) }),
+import { useLocalizationContext as M } from "../../../contexts/LocalizationContext.js";
+import u from "../../ui/RPTooltip.js";
+import { useIconContext as a } from "../../../contexts/IconContext.js";
+import { useIconToolContext as d } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as G } from "../../../contexts/ToolComponentContext.js";
+const b = () => {
+  const { singlePageIcon: n } = a(), { singlePageIcon: t } = d();
+  return n || t || /* @__PURE__ */ e(h, {});
+}, v = () => {
+  const { dualPageIcon: n } = a(), { dualPageIcon: t } = d();
+  return n || t || /* @__PURE__ */ e(C, {});
+}, J = () => {
+  const { viewMode: n, setDualPage: t, setSinglePage: p } = x(), { viewModeTool: s = !0 } = w(), { viewModeTool: f = !0 } = G(), { scrollMode: i } = L(), { localeMessages: o } = M(), g = S(() => [N.HORIZONTAL_SCROLLING].includes(i), [i]);
+  return !s || !f ? null : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ r(P, { children: [
+    /* @__PURE__ */ e(m, { onClick: p, children: /* @__PURE__ */ r(u, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(b, {}) }),
       o == null ? void 0 : o.singlePageLabel,
-      t === m.SINGLE_PAGE ? /* @__PURE__ */ e(l, { className: "rp-menu-item-right" }) : null
+      n === l.SINGLE_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ e(i, { disabled: a, onClick: u, children: /* @__PURE__ */ r(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
-      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(G, {}) }),
+    /* @__PURE__ */ e(m, { disabled: g, onClick: t, children: /* @__PURE__ */ r(u, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
+      /* @__PURE__ */ e("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ e(v, {}) }),
       o == null ? void 0 : o.dualPageLabel,
-      t === m.DUAL_PAGE ? /* @__PURE__ */ e(l, { className: "rp-menu-item-right" }) : null
+      n === l.DUAL_PAGE ? /* @__PURE__ */ e(c, { className: "rp-menu-item-right" }) : null
     ] }) }),
-    /* @__PURE__ */ e(h, {})
-  ] }) }) : null;
+    /* @__PURE__ */ e(T, {})
+  ] }) });
 };
 export {
-  F as ViewModeTool
+  J as ViewModeTool
 };

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

@@ -5,10 +5,10 @@ import "../../icons/ChevronUpIcon.js";
 import "../../icons/ZoomInIcon.js";
 import "../../icons/ZoomOutIcon.js";
 import "../../ui/Button.js";
-import { Z as w } from "../../../RPLayout-3042ec91.js";
+import { Z as z } from "../../../RPLayout-897cb09d.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-951f0f1f.js";
+import "../../../index-7279fb4e.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";
@@ -22,6 +22,8 @@ import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/ViewModeContext.js";
 import "../../../contexts/PagesRotateContext.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  w as ZoomTool
+  z as ZoomTool
 };

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

@@ -1,17 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
-import { useIconContext as l } from "../../../../contexts/IconContext.js";
-import { UIButton as d } from "../../../ui/Button.js";
-import { c as m } from "../../../../RPLayout-3042ec91.js";
-import p from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
-const w = () => {
-  const { downloadIcon: t } = l();
-  return t || /* @__PURE__ */ n(r, {});
-}, f = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ n(p, { className: i, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), x = ({ icon: t }) => {
-  const { download: i } = m(), { localeMessages: o } = c();
-  return /* @__PURE__ */ n(f, { localeMessages: o, children: /* @__PURE__ */ n(d, { onClick: i, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ n(w, {}) }) });
+import { UIButton as l } from "../../../ui/Button.js";
+import { c as d } from "../../../../RPLayout-897cb09d.js";
+import m from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
+const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), a = ({ icon: t }) => {
+  const { download: n } = d(), { localeMessages: o } = p();
+  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(l, { onClick: n, "aria-label": o == null ? void 0 : o.downloadFileTooltip, children: t || /* @__PURE__ */ i(r, {}) }) });
 };
 export {
-  x as FileDownloadTool
+  a as FileDownloadTool
 };

package/dist/components/layout/toolbar/tools/FileUploadTool.js

@@ -1,17 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
-import { FileUploadDefaultIcon as r } from "../../../icons/FileUploadDefaultIcon.js";
-import { useIconContext as p } from "../../../../contexts/IconContext.js";
-import { UIButton as l } from "../../../ui/Button.js";
-import { useOpenFileContext as m } from "../../../../contexts/FileInputContext.js";
-import e from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as c } from "../../../../contexts/LocalizationContext.js";
-const F = () => {
-  const { openFileIcon: t } = p();
-  return t || /* @__PURE__ */ n(r, {});
-}, f = ({ children: t, className: i, localeMessages: o }) => /* @__PURE__ */ n(e, { className: i, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), L = ({ icon: t }) => {
-  const { openFile: i } = m(), { localeMessages: o } = c();
-  return /* @__PURE__ */ n(f, { localeMessages: o, children: /* @__PURE__ */ n(l, { onClick: i, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ n(F, {}) }) });
+import { jsx as i } from "react/jsx-runtime";
+import { FileUploadDefaultIcon as p } from "../../../icons/FileUploadDefaultIcon.js";
+import { UIButton as r } from "../../../ui/Button.js";
+import { useOpenFileContext as l } from "../../../../contexts/FileInputContext.js";
+import m from "../../../ui/RPTooltip.js";
+import { useLocalizationContext as e } from "../../../../contexts/LocalizationContext.js";
+const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.openLocalFileTooltip, children: t }), U = ({ icon: t }) => {
+  const { openFile: n } = l(), { localeMessages: o } = e();
+  return /* @__PURE__ */ i(f, { localeMessages: o, children: /* @__PURE__ */ i(r, { onClick: n, "aria-label": o == null ? void 0 : o.openLocalFileTooltip, children: t || /* @__PURE__ */ i(p, {}) }) });
 };
 export {
-  L as FileUploadTool
+  U as FileUploadTool
 };