@pdf-viewer/react 1.9.1-rc.1 → 1.9.1-rc.10

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

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { a2 as P } from "../../../ToolbarLayout.module-231e1237.js";
+import { O } from "../../../ToolbarLayout.module-cbc8e216.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";
@@ -11,5 +11,5 @@ import "../../ui/RPTooltip.js";
 import "../../../contexts/IconToolContext.js";
 import "../../../contexts/ToolComponentContext.js";
 export {
-  P as PrintTool
+  O as PrintTool
 };

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

@@ -1,9 +1,10 @@
 import "react/jsx-runtime";
-import { a6 as b } from "../../../ToolbarLayout.module-231e1237.js";
+import { W as e } from "../../../ToolbarLayout.module-cbc8e216.js";
+import "./ZoomTool.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/ToolComponentContext.js";
 import "../../../utils/withRef.js";
 export {
-  b as RPToolbar
+  e as RPToolbar
 };

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { q as b } from "../../../ToolbarLayout.module-231e1237.js";
+import { m as b } from "../../../ToolbarLayout.module-cbc8e216.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

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 { a5 as s } from "../../../ToolbarLayout.module-231e1237.js";
+import { V as s } from "../../../ToolbarLayout.module-cbc8e216.js";
 import "../../../SearchCloseButton-cbf182aa.js";
 export {
   s as SearchResultNavigator

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

@@ -8,13 +8,14 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { S as _ } from "../../../ToolbarLayout.module-231e1237.js";
+import { S as po } from "../../../ToolbarLayout.module-cbc8e216.js";
 import "../../../contexts/IconContext.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";
@@ -24,12 +25,15 @@ 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/GlobalCurrentPage.js";
 import "../../../contexts/LoaderContext.js";
 import "../../../contexts/ToolComponentContext.js";
 import "../../../contexts/IconToolContext.js";
@@ -42,6 +46,7 @@ import "../WrapperLayout.js";
 import "../../../contexts/ThemeContext.js";
 import "../../RPDropFileZone.js";
 import "../../ui/RPTooltip.js";
+import "../../../ZoomTool.module-6c5eabbb.js";
 import "../../ui/DropDown.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
@@ -50,5 +55,5 @@ import "./PropertyItem.js";
 import "../../icons/InfoIcon.js";
 import "./RotateTool.js";
 export {
-  _ as SearchTool
+  po as SearchTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { k as a } from "../../../ToolbarLayout.module-231e1237.js";
+import { i as a } from "../../../ToolbarLayout.module-cbc8e216.js";
 import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
 import { UIButton as p } from "../../ui/Button.js";
 import e from "../../ui/RPTooltip.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as p, Fragment as e, jsx as t } from "react/jsx-runtime";
 import { useRef as f } from "react";
-import { k as v, c as C, r as o, s as g, t as x } from "../../../ToolbarLayout.module-231e1237.js";
+import { i as v, c as C, n as o, o as g, p as x } from "../../../ToolbarLayout.module-cbc8e216.js";
 import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
 import { useToolbarComponentContext as T } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
@@ -8,6 +8,7 @@ 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";
@@ -17,12 +18,15 @@ 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/GlobalCurrentPage.js";
 import "../../../contexts/LoaderContext.js";
 import "../../../contexts/ToolComponentContext.js";
 import "../../../contexts/IconToolContext.js";
@@ -41,13 +45,14 @@ import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 import "../../ui/DropDown.js";
+import "../../../ZoomTool.module-6c5eabbb.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../utils/dateFormatter.js";
 import "./PropertyItem.js";
 import "./RotateTool.js";
-const vr = (a) => {
-  const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = N(), { active: s } = v(), { showPrintProgress: u } = T(), { progress: b } = C(), { percentage: n } = b || {}, r = l, i = r == null ? void 0 : r.topbar, m = r == null ? void 0 : r.leftSidebar;
+const Tr = (a) => {
+  const { children: c, toolbar: l } = a, d = f(null), { setContentRef: h } = N(), { active: n } = v(), { showPrintProgress: u } = T(), { 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 }),
@@ -58,18 +63,18 @@ const vr = (a) => {
             "div",
             {
               "data-rp": "thumbnailSidebar",
-              hidden: !s,
+              hidden: !n,
               className: o["rp-thumbnails-wrapper"],
-              children: /* @__PURE__ */ t(g, { show: s, ref: d })
+              children: /* @__PURE__ */ t(g, { show: n, ref: d })
             }
           )
         ] }),
         /* @__PURE__ */ t("div", { ref: h, className: o["rp-pages"], children: c })
       ] })
     ] }),
-    u && n ? /* @__PURE__ */ t(x, { percentage: n }) : null
+    u && s ? /* @__PURE__ */ t(x, { percentage: s }) : null
   ] });
 };
 export {
-  vr as ToolbarCustom
+  Tr as ToolbarCustom
 };

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

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as p, jsx as r } from "react/jsx-runtime";
 import { useRef as d } from "react";
-import { k as h, c as u, r as t, s as b, t as f } from "../../../ToolbarLayout.module-231e1237.js";
+import { i as h, c as u, n as t, o as b, p as f } from "../../../ToolbarLayout.module-cbc8e216.js";
 import { useLayoutContainer as v } from "../../../contexts/LayoutContainerContext.js";
 import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";
@@ -8,6 +8,7 @@ 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";
@@ -17,12 +18,15 @@ 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/GlobalCurrentPage.js";
 import "../../../contexts/LoaderContext.js";
 import "../../../contexts/ToolComponentContext.js";
 import "../../../contexts/IconToolContext.js";
@@ -41,12 +45,13 @@ import "../../icons/LoaderIcon.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/RPTooltip.js";
 import "../../ui/DropDown.js";
+import "../../../ZoomTool.module-6c5eabbb.js";
 import "./MenuItem.js";
 import "./MenuSeparator.js";
 import { RPHorizontalBar as x } from "./tools/defaults/RPHorizontalBar.js";
 import { RPVerticalBar as C } from "./tools/defaults/RPVerticalBar.js";
-const ur = (a) => {
-  const { children: e } = a, s = d(null), { setContentRef: n } = v(), { active: i } = h(), { showPrintProgress: c } = g(), { progress: l } = u(), { percentage: m } = l || {};
+const xr = (a) => {
+  const { children: e } = a, n = d(null), { setContentRef: s } = v(), { active: i } = h(), { showPrintProgress: c } = g(), { progress: l } = u(), { percentage: m } = l || {};
   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, {}) }),
@@ -59,16 +64,16 @@ const ur = (a) => {
               "data-rp": "thumbnailSidebar",
               hidden: !i,
               className: t["rp-thumbnails-wrapper"],
-              children: /* @__PURE__ */ r(b, { show: i, ref: s })
+              children: /* @__PURE__ */ r(b, { show: i, ref: n })
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { ref: n, className: t["rp-pages"], children: e })
+        /* @__PURE__ */ r("div", { ref: s, className: t["rp-pages"], children: e })
       ] })
     ] }),
     c && m ? /* @__PURE__ */ r(f, { percentage: m }) : null
   ] });
 };
 export {
-  ur as ToolbarDefault
+  xr as ToolbarDefault
 };

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

@@ -1,24 +1,130 @@
-import "react/jsx-runtime";
-import "react";
-import { p as q } from "../../../ToolbarLayout.module-231e1237.js";
-import "../../icons/ChevronUpIcon.js";
-import "../../icons/ZoomInIcon.js";
-import "../../icons/ZoomOutIcon.js";
-import "../../ui/Button.js";
-import "../../ui/DropDown.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../index-f4a9ae4d.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/IconContext.js";
-import "../../../contexts/ViewportContext.js";
-import "../../ui/RPTooltip.js";
-import "../../../utils/types.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
+import { jsx as t, jsxs as c, Fragment as y } from "react/jsx-runtime";
+import { useState as T, useRef as D, useCallback as x, useMemo as h, useEffect as G } from "react";
+import { useZoomContext as _ } from "../../../contexts/ZoomContext.js";
+import { ChevronUpIcon as F } from "../../icons/ChevronUpIcon.js";
+import { ZoomInIcon as H } from "../../icons/ZoomInIcon.js";
+import { ZoomOutIcon as R } from "../../icons/ZoomOutIcon.js";
+import { UIButton as z } from "../../ui/Button.js";
+import { c as e } from "../../../ZoomTool.module-6c5eabbb.js";
+import { UIDropDown as U } from "../../ui/DropDown.js";
+import { useLayoutContainer as j } from "../../../contexts/LayoutContainerContext.js";
+import { G as b } from "../../../index-f4a9ae4d.js";
+import { MenuItem as u } from "./MenuItem.js";
+import { MenuSeparator as B } from "./MenuSeparator.js";
+import { useToolbarComponentContext as V } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as O } from "../../../contexts/IconContext.js";
+import { useViewportContext as X } from "../../../contexts/ViewportContext.js";
+import a from "../../ui/RPTooltip.js";
+import { ZoomLevel as p } from "../../../utils/types.js";
+import { useLocalizationContext as $ } from "../../../contexts/LocalizationContext.js";
+import { c as q } from "../../../clsx-0c6e471a.js";
+import { useIconToolContext as Z } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as J } from "../../../contexts/ToolComponentContext.js";
+const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
+  const { zoomInIcon: r } = O(), { zoomInIcon: n } = Z();
+  return r || n || /* @__PURE__ */ t(H, {});
+}, g = () => {
+  const { zoomOutIcon: r } = O(), { zoomOutIcon: n } = Z();
+  return r || n || /* @__PURE__ */ t(R, {});
+}, Oo = () => {
+  const { zoomLevel: r, setZoomLevel: n, currentZoom: i } = _(), { container: v, pagesRef: d } = j(), { zoomTool: l = !0 } = V(), { zoomTool: f = !0 } = J(), { isSmallScreen: A } = X(), { localeMessages: o } = $(), [w, L] = T(0), [s, S] = T(!1), C = D(
+    new ResizeObserver((m) => {
+      L(m[0].contentRect.height);
+    })
+  ), P = x(() => {
+    n(() => {
+      const m = Math.floor(i * 100 / 25) * 25;
+      return Math.min(m + 25, I);
+    });
+  }, [n, i]), N = x(() => {
+    n(() => {
+      const m = Math.ceil(i * 100 / 25) * 25;
+      return Math.min(m - 25, I);
+    });
+  }, [n, i]), k = h(() => i * 100 <= K, [i]), E = h(() => i * 100 >= I, [i]);
+  G(() => (d && C.current.observe(d), () => {
+    C.current.disconnect();
+  }), [d]);
+  const W = h(() => {
+    switch (r) {
+      case p.ACTUAL:
+        return o == null ? void 0 : o.zoomActualSize;
+      case p.PAGE_FIT:
+        return o == null ? void 0 : o.zoomPageFit;
+      case p.PAGE_WIDTH:
+        return o == null ? void 0 : o.zoomPageWidth;
+    }
+    return r;
+  }, [r, o]);
+  return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: r, setZoomLevel: n }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: r, setZoomLevel: n }) : /* @__PURE__ */ c("div", { className: e["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
+      z,
+      {
+        disabled: k,
+        onClick: N,
+        "aria-label": o == null ? void 0 : o.zoomOutTooltip,
+        children: /* @__PURE__ */ t(g, {})
+      }
+    ) }),
+    !A && /* @__PURE__ */ t(
+      U,
+      {
+        container: v,
+        open: s,
+        onOpenChange: S,
+        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ c(
+          z,
+          {
+            className: q(
+              e["rp-current-zoom-wrapper"],
+              s && e.active
+            ),
+            "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
+            children: [
+              typeof r == "number" ? /* @__PURE__ */ c(y, { children: [
+                /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: r }),
+                /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: "%" })
+              ] }) : /* @__PURE__ */ t("span", { className: e["rp-current-zoom-text"], children: W }),
+              /* @__PURE__ */ t(F, { className: e["rp-current-zoom-icon"] })
+            ]
+          }
+        ) }) }),
+        style: { minWidth: "200px" },
+        align: "center",
+        side: "bottom",
+        avoidCollisions: !1,
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            style: { maxHeight: `${w}px`, overflow: "auto" },
+            className: e["rp-zoom-dropdown-content"],
+            children: [
+              /* @__PURE__ */ c(b, { children: [
+                /* @__PURE__ */ t(u, { onClick: () => n(p.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+                /* @__PURE__ */ t(u, { onClick: () => n(p.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+                /* @__PURE__ */ t(u, { onClick: () => n(p.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+              ] }),
+              /* @__PURE__ */ t(B, {}),
+              /* @__PURE__ */ t(b, { children: Q.map((m) => /* @__PURE__ */ c(u, { onClick: () => n(m), children: [
+                m,
+                " %"
+              ] }, m)) })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
+      z,
+      {
+        disabled: E,
+        onClick: P,
+        "aria-label": o == null ? void 0 : o.zoomInTooltip,
+        children: /* @__PURE__ */ t(Y, {})
+      }
+    ) })
+  ] });
+};
 export {
-  q as ZoomTool
+  Oo as ZoomTool
 };

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

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
 import { UIButton as l } from "../../../ui/Button.js";
-import { b as d } from "../../../../ToolbarLayout.module-231e1237.js";
+import { b as d } from "../../../../ToolbarLayout.module-cbc8e216.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 }), c = ({ icon: t }) => {

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

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
 import { useState as d, useEffect as S, useCallback as o } from "react";
-import { u as x, l as p } from "../../../../ToolbarLayout.module-231e1237.js";
+import { u as x, j as p } from "../../../../ToolbarLayout.module-cbc8e216.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";

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

@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
 import { useMemo as d } from "react";
 import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as f } from "../../../ui/Button.js";
-import { u as s } from "../../../../ToolbarLayout.module-231e1237.js";
+import { u as s } from "../../../../ToolbarLayout.module-cbc8e216.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import "../../../../contexts/RPDocumentContext.js";
@@ -10,6 +10,7 @@ import "../../../../contexts/DocumentPasswordContext.js";
 import "../../../../contexts/DarkModeContext.js";
 import "../../../../contexts/RotationContext.js";
 import "../../../../contexts/LayerContext.js";
+import "../../../../contexts/ZoomContext.js";
 import { useViewModeContext as g } from "../../../../contexts/ViewModeContext.js";
 import { useScrollModeContext as C } from "../../../../contexts/ScrollModeContext.js";
 import "../../../../contexts/VirtualScrollContext.js";
@@ -20,11 +21,14 @@ import "../../../../contexts/FullScreenContext.js";
 import "../../../../contexts/FileInputContext.js";
 import "../../../../contexts/DropFileZoneContext.js";
 import "../../../../contexts/LayoutContainerContext.js";
+import "../../../../contexts/DimensionPagesContext.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/GlobalCurrentPage.js";
 import "../../../../contexts/LoaderContext.js";
 import "../../../../contexts/ToolComponentContext.js";
 import "../../../../contexts/IconToolContext.js";
@@ -43,12 +47,13 @@ import "../../../icons/LoaderIcon.js";
 import "../../../../contexts/IconContext.js";
 import h from "../../../ui/RPTooltip.js";
 import "../../../ui/DropDown.js";
+import "../../../../ZoomTool.module-6c5eabbb.js";
 import "../MenuItem.js";
 import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.js";
 import "../PropertyItem.js";
 import "../RotateTool.js";
-const go = ({ icon: m }) => {
+const To = ({ icon: m }) => {
   const { focusedPage: t, nextPage: n, totalPages: r } = s(), { localeMessages: o } = u(), { viewMode: p } = g(), { scrollMode: e } = C(), a = d(() => p === x.DUAL_PAGE && e === P.PAGE_SCROLLING && t === r - 1 || t === r, [t, r, p, e]);
   return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(h, { content: o == null ? void 0 : o.nextPageTooltip, children: /* @__PURE__ */ i(
     f,
@@ -61,5 +66,5 @@ const go = ({ icon: m }) => {
   ) }) });
 };
 export {
-  go as NextPageTool
+  To as NextPageTool
 };

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

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as e } from "react/jsx-runtime";
 import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as m } from "../../../ui/Button.js";
-import { u as a } from "../../../../ToolbarLayout.module-231e1237.js";
+import { u as a } from "../../../../ToolbarLayout.module-cbc8e216.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import P from "../../../ui/RPTooltip.js";
 const h = ({ icon: t }) => {

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
 import { UIButton as p } from "../../../ui/Button.js";
-import { c as m } from "../../../../ToolbarLayout.module-231e1237.js";
+import { c as m } from "../../../../ToolbarLayout.module-cbc8e216.js";
 import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
 import T from "../../../ui/RPTooltip.js";
 const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), h = ({ icon: o }) => {

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

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as l } from "react/jsx-runtime";
-import { k as h } from "../../../../ToolbarLayout.module-231e1237.js";
+import { i as h } from "../../../../ToolbarLayout.module-cbc8e216.js";
 import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
 import { UIButton as u } from "../../../ui/Button.js";
 import a from "../../../ui/RPTooltip.js";

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

@@ -1,25 +1,25 @@
 import { jsx as r, Fragment as c } from "react/jsx-runtime";
-import { useCallback as d, useMemo as f } from "react";
-import { d as u } from "../../../../ToolbarLayout.module-231e1237.js";
-import { ZoomInIcon as a } from "../../../icons/ZoomInIcon.js";
-import { UIButton as I } from "../../../ui/Button.js";
-import Z from "../../../ui/RPTooltip.js";
+import { useCallback as f, useMemo as d } from "react";
+import { useZoomContext as u } from "../../../../contexts/ZoomContext.js";
+import { ZoomInIcon as I } from "../../../icons/ZoomInIcon.js";
+import { UIButton as Z } from "../../../ui/Button.js";
+import a from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as h } from "../../../../contexts/LocalizationContext.js";
 import { MAX_ZOOM_SCALE as i } from "../../../../utils/constants.js";
 const A = ({ icon: n }) => {
-  const { currentZoom: t, setZoomLevel: m } = u(), { localeMessages: o } = h(), e = d(() => {
+  const { currentZoom: t, setZoomLevel: m } = u(), { localeMessages: o } = h(), e = f(() => {
     m(() => {
       const p = Math.floor(t * 100 / 25) * 25;
       return Math.min(p + 25, i);
     });
-  }, [m, t]), l = f(() => t >= i, [t]);
-  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
-    I,
+  }, [m, t]), l = d(() => t >= i, [t]);
+  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(a, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ r(
+    Z,
     {
       disabled: l,
       onClick: e,
       "aria-label": o == null ? void 0 : o.zoomInTooltip,
-      children: n || /* @__PURE__ */ r(a, {})
+      children: n || /* @__PURE__ */ r(I, {})
     }
   ) }) });
 };

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

@@ -1,7 +1,8 @@
 import { jsx as r, Fragment as z, jsxs as i } from "react/jsx-runtime";
 import { useState as v, useRef as x, useEffect as C } from "react";
-import { d as L, m as e } from "../../../../ToolbarLayout.module-231e1237.js";
+import { useZoomContext as L } from "../../../../contexts/ZoomContext.js";
 import { UIButton as T } from "../../../ui/Button.js";
+import { c as e } from "../../../../ZoomTool.module-6c5eabbb.js";
 import { UIDropDown as w } from "../../../ui/DropDown.js";
 import { useLayoutContainer as I } from "../../../../contexts/LayoutContainerContext.js";
 import { G as h } from "../../../../index-f4a9ae4d.js";
@@ -11,8 +12,8 @@ import A from "../../../ui/RPTooltip.js";
 import { ZoomLevel as p } from "../../../../utils/types.js";
 import { useLocalizationContext as N } from "../../../../contexts/LocalizationContext.js";
 import { ChevronDownIcon as P } from "../../../icons/ChevronDownIcon.js";
-const R = [50, 75, 100, 125, 150, 200, 300, 400], O = ({ icon: l }) => {
-  const { zoomLevel: a, setZoomLevel: n } = L(), { container: u, pagesRef: c } = I(), { localeMessages: o } = N(), [f, s] = v(0), d = x(
+const R = [50, 75, 100, 125, 150, 200, 300, 400], _ = ({ icon: l }) => {
+  const { zoomLevel: u, setZoomLevel: n } = L(), { container: a, pagesRef: c } = I(), { localeMessages: o } = N(), [f, s] = v(0), d = x(
     new ResizeObserver((t) => {
       s(t[0].contentRect.height);
     })
@@ -22,14 +23,14 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], O = ({ icon: l }) => {
   }), [c]), /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
     w,
     {
-      container: u,
+      container: a,
       triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ i(
         T,
         {
           className: e["rp-current-zoom-wrapper"],
           "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
           children: [
-            /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: a }),
+            /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: u }),
             /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: "%" }),
             /* @__PURE__ */ r("div", { className: e["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
           ]
@@ -60,5 +61,5 @@ const R = [50, 75, 100, 125, 150, 200, 300, 400], O = ({ icon: l }) => {
   ) });
 };
 export {
-  O as ZoomLevelTool
+  _ as ZoomLevelTool
 };

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

@@ -1,25 +1,25 @@
 import { jsx as r, Fragment as c } from "react/jsx-runtime";
 import { useMemo as l, useCallback as p } from "react";
-import { d } from "../../../../ToolbarLayout.module-231e1237.js";
-import { UIButton as O } from "../../../ui/Button.js";
+import { useZoomContext as O } from "../../../../contexts/ZoomContext.js";
+import { UIButton as d } from "../../../ui/Button.js";
 import Z from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as a } from "../../../../contexts/LocalizationContext.js";
-import { ZoomOutIcon as f } from "../../../icons/ZoomOutIcon.js";
-import { MIN_ZOOM_SCALE as h, MAX_ZOOM_SCALE as s } from "../../../../utils/constants.js";
+import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
+import { ZoomOutIcon as a } from "../../../icons/ZoomOutIcon.js";
+import { MIN_ZOOM_SCALE as h, MAX_ZOOM_SCALE as C } from "../../../../utils/constants.js";
 const A = ({ icon: m }) => {
-  const { currentZoom: t, setZoomLevel: n } = d(), { localeMessages: o } = a(), i = l(() => t <= h, [t]), e = p(() => {
+  const { currentZoom: t, setZoomLevel: n } = O(), { localeMessages: o } = f(), i = l(() => t <= h, [t]), e = p(() => {
     n(() => {
       const u = Math.ceil(t * 100 / 25) * 25;
-      return Math.min(u - 25, s);
+      return Math.min(u - 25, C);
     });
   }, [n, t]);
   return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(Z, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ r(
-    O,
+    d,
     {
       disabled: i,
       onClick: e,
       "aria-label": o == null ? void 0 : o.zoomOutTooltip,
-      children: m || /* @__PURE__ */ r(f, {})
+      children: m || /* @__PURE__ */ r(a, {})
     }
   ) }) });
 };