@react-pdf-kit/viewer 2.6.0-beta.2 → 2.6.0

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

@@ -1,159 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ToolbarDefault as i } from "./ToolbarDefault.js";
-import { ToolbarCustom as p } from "./ToolbarCustom.js";
-import "react";
-import "../../../ToolbarLayout.module-6e339802.js";
-import "../sidebar/Thumbnails.js";
-import "../sidebar/Thumbnail.js";
-import "../../../clsx-0c6e471a.js";
-import "../../icons/LoaderIcon.js";
-import "../../../PaginationContext-87f832f2.js";
-import "../../../utils/types.js";
-import "../../../de_DE-8145915f.js";
-import "../../../contexts/ScrollModeContext.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/const.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/VirtualScrollContext.js";
-import "../../../contexts/VirtualGridContext.js";
-import "../../../utils/smoothScrollTo.js";
-import "../../../contexts/DimensionPagesContext.js";
-import "../../../contexts/ZoomContext.js";
-import "../../../utils/constants.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/LayoutContainerContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../contexts/PagesRotateContext.js";
-import "../../../contexts/SmoothScrollContext.js";
-import "../../../utils/getScrollDistance.js";
-import "../../../utils/calculatePage.js";
-import "../../../contexts/RenderQueueProvider.js";
-import "../../../utils/Queue.js";
-import "../../../utils/renderPage.js";
-import "../sidebar/CustomThumbnailElement.js";
-import "../../../contexts/ElementThumbnailContext.js";
-import "../../../contexts/LicenseContext.js";
-import "../../../utils/hooks/useLicense.js";
-import "../../../contexts/ThumbnailsContext.js";
-import "../../../utils/hooks/useThumbnail.js";
-import "../../../utils/hooks/useInfiniteScroll.js";
-import "../../../utils/withRef.js";
-import "../../../contexts/ToolbarComponentContext.js";
-import "./tools/defaults/RPVerticalBar.js";
-import "../../../contexts/IconToolContext.js";
-import "../../../contexts/ToolComponentContext.js";
-import "./ThumbnailTool.js";
-import "../../icons/Thumbnail.js";
-import "../../ui/Button.js";
-import "../../ui/RPTooltip.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../contexts/LocalizationContext.js";
-import "../../../utils/hooks/useLocalization.js";
-import "./tools/defaults/RPHorizontalBar.js";
-import "./SearchTool.js";
-import "../../icons/SearchIcon.js";
-import "../../../SearchTool.module-99f60dc7.js";
-import "../../ui/Input.js";
-import "../../ui/Checkbox.js";
-import "../../icons/CheckIcon.js";
-import "../../icons/ClearIcon.js";
-import "../../../contexts/SearchContext.js";
-import "../../../utils/hooks/useSearch.js";
-import "../../../utils/highlight.js";
-import "../../../utils/charators.js";
-import "../../../utils/getWordPositionInPage.js";
-import "../../../contexts/IconContext.js";
-import "../../icons/InfoIcon.js";
-import "../../../contexts/ViewportContext.js";
-import "./SearchResultNavigator.js";
-import "../../icons/ChevronUpIcon.js";
-import "./SearchCloseButton.js";
-import "../../icons/CloseIcon.js";
-import "../../ui/DropDown.js";
-import "../../../index-11f3cd64.js";
-import "../../../Combination-17ab8af1.js";
-import "./Paginate.js";
-import "../../../Paginate.module-4eef00aa.js";
-import "./ZoomTool.js";
-import "../../icons/ZoomInIcon.js";
-import "../../icons/ZoomOutIcon.js";
-import "../../../ZoomTool.module-7082af8c.js";
-import "./MenuItem.js";
-import "./MenuSeparator.js";
-import "./tools/ZoomLevelDisplay.js";
-import "../../../utils/zoom.js";
-import "./RPToolbarEnd.js";
-import "./FileUploadTool.js";
-import "../../icons/FileUploadDefaultIcon.js";
-import "../../../contexts/FileInputContext.js";
-import "./DarkModeTool.js";
-import "../../icons/MoonIcon.js";
-import "../../icons/SunIcon.js";
-import "../../../contexts/DarkModeContext.js";
-import "../../../utils/hooks/useDarkMode.js";
-import "./OtherTool.js";
-import "../../icons/ThreeDotIcon.js";
-import "./DocumentDialog.js";
-import "../../../utils/dateFormatter.js";
-import "./PropertyItem.js";
-import "../../../contexts/OtherToolContext.js";
-import "../../../OtherTool.module-a4be5f1f.js";
-import "./DocumentProperties.js";
-import "./RotateTool.js";
-import "../../icons/ClockwiseIcon.js";
-import "../../../RotateTool.module-67946714.js";
-import "../../../utils/hooks/useRotate.js";
-import "./ViewModeTool.js";
-import "../../icons/DualPageIcon.js";
-import "../../icons/DualPageWithCoverIcon.js";
-import "../../icons/SinglePageIcon.js";
-import "./ScrollModeTool.js";
-import "../../icons/PageScrollingIcon.js";
-import "../../icons/VerticalScrollingIcon.js";
-import "../../icons/HorizontalScrollingIcon.js";
-import "./FileDownloadTool.js";
-import "../../icons/FileDownloadDefaultIcon.js";
-import "../../../utils/hooks/useFileDownload.js";
-import "../../../contexts/DownloadContext.js";
-import "./PrintTool.js";
-import "../../icons/PrintDefaultIcon.js";
-import "../../../contexts/PrintContext.js";
-import "../../../utils/hooks/usePrint.js";
-import "./FullScreenTool.js";
-import "../../../contexts/FullScreenContext.js";
-import "../../../utils/hooks/useFullScreen.js";
-import "../../icons/FullScreenIcon.js";
-import "./MostPageTool.js";
-import "../../icons/GoToDownIcon.js";
-import "../../../MostPageTool.module-13578ad6.js";
-import "./SelectionModeTool.js";
-import "../../icons/TextSelectionDefaultIcon.js";
-import "../../icons/HandModeDefaultIcon.js";
-import "../../../contexts/SelectionModeContext.js";
-import "../../../RPToolbar.module-27d7fe77.js";
-import "../../ui/LoadingIndicator.js";
-import "../../../RPSplitter-b62772f9.js";
-const Zr = (m) => {
-  const { children: r, toolbar: o } = m;
-  return o && typeof o == "boolean" ? /* @__PURE__ */ t(i, { children: r }) : /* @__PURE__ */ t(p, { toolbar: o, children: r });
-};
-export {
-  Zr as ToolbarLayout
+import { ToolbarDefault as e } from "./ToolbarDefault.js";
+import { ToolbarCustom as t } from "./ToolbarCustom.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/ToolbarLayout.tsx
+var r = (r) => {
+	let { children: i, toolbar: a } = r;
+	return a && typeof a == "boolean" ? /* @__PURE__ */ n(e, { children: i }) : /* @__PURE__ */ n(t, {
+		toolbar: a,
+		children: i
+	});
 };
+//#endregion
+export { r as ToolbarLayout };

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

@@ -1,63 +1,83 @@
-import { jsx as t, Fragment as I, jsxs as n } from "react/jsx-runtime";
-import { G as f } from "../../../index-11f3cd64.js";
-import { MenuSeparator as g } from "./MenuSeparator.js";
-import { MenuItem as i } from "./MenuItem.js";
-import { DualPageIcon as T } from "../../icons/DualPageIcon.js";
-import { DualPageWithCoverIcon as v } from "../../icons/DualPageWithCoverIcon.js";
-import { SinglePageIcon as N } from "../../icons/SinglePageIcon.js";
-import { useViewModeContext as x } from "../../../contexts/ViewModeContext.js";
-import { ScrollMode as L, ViewMode as m } from "../../../utils/types.js";
-import { CheckIcon as l } from "../../icons/CheckIcon.js";
-import { useToolbarComponentContext as D } from "../../../contexts/ToolbarComponentContext.js";
-import { useScrollModeContext as W } from "../../../contexts/ScrollModeContext.js";
-import { useMemo as w } from "react";
-import { useLocalizationContext as S } from "../../../contexts/LocalizationContext.js";
-import c from "../../ui/RPTooltip.js";
-import { useIconContext as u } from "../../../contexts/IconContext.js";
-import { useIconToolContext as p } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../clsx-0c6e471a.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/hooks/useLocalization.js";
-import "../../../utils/withRef.js";
-const G = () => {
-  const { singlePageIcon: e } = u(), { singlePageIcon: r } = p();
-  return e || r || /* @__PURE__ */ t(N, {});
-}, A = () => {
-  const { dualPageIcon: e } = u(), { dualPageIcon: r } = p();
-  return e || r || /* @__PURE__ */ t(T, {});
-}, V = () => {
-  const { dualPageWithCoverIcon: e } = u(), { dualPageWithCoverIcon: r } = p();
-  return e || r || /* @__PURE__ */ t(v, {});
-}, uo = () => {
-  const { viewMode: e, setDualPage: r, setDualPageWithCover: s, setSinglePage: P } = x(), { viewModeTool: h = !0 } = D(), { viewModeTool: C = !0 } = b(), { scrollMode: a } = W(), { localeMessages: o } = S(), d = w(() => [L.HORIZONTAL_SCROLLING].includes(a), [a]);
-  return !h || !C ? null : /* @__PURE__ */ t(I, { children: /* @__PURE__ */ n(f, { children: [
-    /* @__PURE__ */ t(i, { onClick: P, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.singlePageTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(G, {}) }),
-      o == null ? void 0 : o.singlePageLabel,
-      e === m.SINGLE_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ t(i, { disabled: d, onClick: r, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(A, {}) }),
-      o == null ? void 0 : o.dualPageLabel,
-      e === m.DUAL_PAGE ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ t(i, { disabled: d, onClick: s, children: /* @__PURE__ */ n(c, { className: "rp-menu-item", content: o == null ? void 0 : o.dualPageWithCoverTooltip, children: [
-      /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(V, {}) }),
-      o == null ? void 0 : o.dualPageWithCoverLabel,
-      e === m.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ t(l, { className: "rp-menu-item-right" }) : null
-    ] }) }),
-    /* @__PURE__ */ t(g, {})
-  ] }) });
-};
-export {
-  uo as ViewModeTool
+import { ScrollMode as e, ViewMode as t } from "../../../utils/types.js";
+import { useScrollModeContext as n } from "../../../contexts/ScrollModeContext.js";
+import { useViewModeContext as r } from "../../../contexts/ViewModeContext.js";
+import { useToolbarComponentContext as i } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as a } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as o } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import { useIconContext as c } from "../../../contexts/IconContext.js";
+import { t as l } from "../../../RPTooltip-ZZoFqP7C.js";
+import { n as u } from "../../../dist-CKteKPPA.js";
+import { t as d } from "../../../MenuItem-BJDWfzAw.js";
+import { t as f } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { DualPageIcon as p } from "../../icons/DualPageIcon.js";
+import { DualPageWithCoverIcon as m } from "../../icons/DualPageWithCoverIcon.js";
+import { SinglePageIcon as h } from "../../icons/SinglePageIcon.js";
+import { CheckIcon as g } from "../../icons/CheckIcon.js";
+import { useMemo as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/ViewModeTool.tsx
+var x = () => {
+	let { singlePageIcon: e } = c(), { singlePageIcon: t } = s();
+	return e || t || /* @__PURE__ */ y(h, {});
+}, S = () => {
+	let { dualPageIcon: e } = c(), { dualPageIcon: t } = s();
+	return e || t || /* @__PURE__ */ y(p, {});
+}, C = () => {
+	let { dualPageWithCoverIcon: e } = c(), { dualPageWithCoverIcon: t } = s();
+	return e || t || /* @__PURE__ */ y(m, {});
+}, w = () => {
+	let { viewMode: s, setDualPage: c, setDualPageWithCover: p, setSinglePage: m } = r(), { viewModeTool: h = !0 } = i(), { viewModeTool: w = !0 } = a(), { scrollMode: T } = n(), { localeMessages: E } = o(), D = _(() => [e.HORIZONTAL_SCROLLING].includes(T), [T]);
+	return !h || !w ? null : /* @__PURE__ */ y(v, { children: /* @__PURE__ */ b(u, { children: [
+		/* @__PURE__ */ y(d, {
+			onClick: m,
+			children: /* @__PURE__ */ b(l, {
+				className: "rp-menu-item",
+				content: E?.singlePageTooltip,
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ y(x, {})
+					}),
+					E?.singlePageLabel,
+					s === t.SINGLE_PAGE ? /* @__PURE__ */ y(g, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ y(d, {
+			disabled: D,
+			onClick: c,
+			children: /* @__PURE__ */ b(l, {
+				className: "rp-menu-item",
+				content: E?.dualPageTooltip,
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ y(S, {})
+					}),
+					E?.dualPageLabel,
+					s === t.DUAL_PAGE ? /* @__PURE__ */ y(g, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ y(d, {
+			disabled: D,
+			onClick: p,
+			children: /* @__PURE__ */ b(l, {
+				className: "rp-menu-item",
+				content: E?.dualPageWithCoverTooltip,
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "rp-menu-item-left",
+						children: /* @__PURE__ */ y(C, {})
+					}),
+					E?.dualPageWithCoverLabel,
+					s === t.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ y(g, { className: "rp-menu-item-right" }) : null
+				]
+			})
+		}),
+		/* @__PURE__ */ y(f, {})
+	] }) });
 };
+//#endregion
+export { w as ViewModeTool };

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

@@ -1,151 +1,140 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { useState as I, useRef as P, useCallback as C, useMemo as T, useEffect as R } from "react";
-import { useZoomContext as W } from "../../../contexts/ZoomContext.js";
-import { ChevronUpIcon as E } from "../../icons/ChevronUpIcon.js";
-import { ZoomInIcon as G } from "../../icons/ZoomInIcon.js";
-import { ZoomOutIcon as H } from "../../icons/ZoomOutIcon.js";
-import { UIButton as f } from "../../ui/Button.js";
-import { c as e } from "../../../ZoomTool.module-7082af8c.js";
-import { UIDropDown as U } from "../../ui/DropDown.js";
-import { useLayoutContainer as _ } from "../../../contexts/LayoutContainerContext.js";
-import { G as Z } from "../../../index-11f3cd64.js";
-import { MenuItem as c } from "./MenuItem.js";
-import { MenuSeparator as j } from "./MenuSeparator.js";
-import { useToolbarComponentContext as F } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as x } from "../../../contexts/IconContext.js";
-import { useViewportContext as B } from "../../../contexts/ViewportContext.js";
-import s from "../../ui/RPTooltip.js";
-import { ZoomLevel as h } from "../../../utils/types.js";
-import { useLocalizationContext as V } from "../../../contexts/LocalizationContext.js";
-import { c as X } from "../../../clsx-0c6e471a.js";
-import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as $ } from "../../../contexts/ToolComponentContext.js";
-import { ZoomLevelDisplay as q } from "./tools/ZoomLevelDisplay.js";
-import { MAX_ZOOM_SCALE as O } from "../../../utils/constants.js";
-import { isZoomOutDisabled as J, isZoomInDisabled as K } from "../../../utils/zoom.js";
-import "../../../utils/appConsole.js";
-import "../../../contexts/InitialStateContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../utils/hooks/useLoadPdf.js";
-import "pdfjs-dist";
-import "../../../utils/getThumbnailViewport.js";
-import "../../../contexts/ConfigContext.js";
-import "../../../contexts/DocumentPasswordContext.js";
-import "../../../utils/const.js";
-import "../../../de_DE-8145915f.js";
-import "../../../utils/hooks/usePdfProperties.js";
-import "../../../utils/convertPdfDate.js";
-import "../../../utils/formatFileSize.js";
-import "../../../utils/getZoomLevel.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/RotationContext.js";
-import "../../../contexts/GlobalCurrentPage.js";
-import "../../../contexts/EventCallbackContext.js";
-import "../../../utils/hooks/useDebounce.js";
-import "../../../utils/withRef.js";
-import "../../../index-113053cf.js";
-import "react-dom";
-import "../../../index-23911b43.js";
-import "../../../Combination-17ab8af1.js";
-import "../../../index-d0f0aa9a.js";
-import "../../../index-ada501c4.js";
-import "../../../utils/hooks/useLocalization.js";
-const Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
-  const { zoomInIcon: m } = x(), { zoomInIcon: r } = b();
-  return m || r || /* @__PURE__ */ t(G, {});
-}, g = () => {
-  const { zoomOutIcon: m } = x(), { zoomOutIcon: r } = b();
-  return m || r || /* @__PURE__ */ t(H, {});
-}, go = () => {
-  const { zoomLevel: m, setZoomLevel: r, currentZoom: i } = W(), { container: v, pagesRef: u } = _(), { zoomTool: l = !0 } = F(), { zoomTool: d = !0 } = $(), { isSmallScreen: w } = B(), { localeMessages: o } = V(), [L, D] = I(0), [a, S] = I(!1), z = P(
-    new ResizeObserver((n) => {
-      D(n[0].contentRect.height);
-    })
-  ), k = C(() => {
-    r(() => {
-      const n = Math.floor(i * 100 / 25) * 25;
-      return Math.min(n + 25, O);
-    });
-  }, [r, i]), A = C(() => {
-    r(() => {
-      const n = Math.ceil(i * 100 / 25) * 25;
-      return Math.min(n - 25, O);
-    });
-  }, [r, i]), y = T(() => J(i), [i]), N = T(() => K(i), [i]);
-  return R(() => (u && z.current.observe(u), () => {
-    z.current.disconnect();
-  }), [u]), !l || !d ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: m, setZoomLevel: r }) : typeof d == "function" ? /* @__PURE__ */ t(d, { zoomLevel: m, setZoomLevel: r }) : /* @__PURE__ */ p("div", { className: e["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
-      f,
-      {
-        disabled: y,
-        onClick: A,
-        "aria-label": o == null ? void 0 : o.zoomOutTooltip,
-        children: /* @__PURE__ */ t(g, {})
-      }
-    ) }),
-    !w && /* @__PURE__ */ t(
-      U,
-      {
-        container: v,
-        open: a,
-        onOpenChange: S,
-        triggerComponent: /* @__PURE__ */ t("div", { role: "button", children: /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
-          f,
-          {
-            className: X(
-              e["rp-current-zoom-wrapper"],
-              a && e.active
-            ),
-            "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
-            children: [
-              /* @__PURE__ */ t(
-                q,
-                {
-                  zoomLevel: m,
-                  className: e["rp-current-zoom-text"]
-                }
-              ),
-              /* @__PURE__ */ t(E, { className: e["rp-current-zoom-icon"] })
-            ]
-          }
-        ) }) }),
-        style: { minWidth: "200px" },
-        align: "center",
-        side: "bottom",
-        avoidCollisions: !1,
-        children: /* @__PURE__ */ p(
-          "div",
-          {
-            style: { maxHeight: `${L}px`, overflow: "auto" },
-            className: e["rp-zoom-dropdown-content"],
-            children: [
-              /* @__PURE__ */ p(Z, { children: [
-                /* @__PURE__ */ t(c, { onClick: () => r(h.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
-                /* @__PURE__ */ t(c, { onClick: () => r(h.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
-                /* @__PURE__ */ t(c, { onClick: () => r(h.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
-              ] }),
-              /* @__PURE__ */ t(j, {}),
-              /* @__PURE__ */ t(Z, { children: Q.map((n) => /* @__PURE__ */ p(c, { onClick: () => r(n), children: [
-                n,
-                " %"
-              ] }, n)) })
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t(s, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
-      f,
-      {
-        disabled: N,
-        onClick: k,
-        "aria-label": o == null ? void 0 : o.zoomInTooltip,
-        children: /* @__PURE__ */ t(Y, {})
-      }
-    ) })
-  ] });
-};
-export {
-  go as ZoomTool
+import { ZoomLevel as e } from "../../../utils/types.js";
+import { MAX_ZOOM_SCALE as t } from "../../../utils/constants.js";
+import { useLayoutContainer as n } from "../../../contexts/LayoutContainerContext.js";
+import { useZoomContext as r } from "../../../contexts/ZoomContext.js";
+import { useToolbarComponentContext as i } from "../../../contexts/ToolbarComponentContext.js";
+import { useToolComponentContext as a } from "../../../contexts/ToolComponentContext.js";
+import { useLocalizationContext as o } from "../../../contexts/LocalizationContext.js";
+import { t as s } from "../../../clsx-B7LyVm5O.js";
+import { useIconToolContext as c } from "../../../contexts/IconToolContext.js";
+import { ChevronUpIcon as l } from "../../icons/ChevronUpIcon.js";
+import { t as u } from "../../../Button-jStpvb3T.js";
+import { useIconContext as d } from "../../../contexts/IconContext.js";
+import { useViewportContext as f } from "../../../contexts/ViewportContext.js";
+import { t as p } from "../../../RPTooltip-ZZoFqP7C.js";
+import { n as m } from "../../../dist-CKteKPPA.js";
+import { t as h } from "../../../MenuItem-BJDWfzAw.js";
+import { t as g } from "../../../DropDown-DikL-krI.js";
+import { t as _ } from "../../../MenuSeparator-D1H5l8Ej.js";
+import { ZoomInIcon as v } from "../../icons/ZoomInIcon.js";
+import { ZoomOutIcon as y } from "../../icons/ZoomOutIcon.js";
+import { t as b } from "../../../ZoomTool.module-BrIPy8pO.js";
+import { ZoomLevelDisplay as x } from "./tools/ZoomLevelDisplay.js";
+import { isZoomInDisabled as S, isZoomOutDisabled as C } from "../../../utils/zoom.js";
+import { useCallback as w, useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+//#region lib/components/layout/toolbar/ZoomTool.tsx
+var j = [
+	50,
+	75,
+	100,
+	125,
+	150,
+	200,
+	300,
+	400
+], M = () => {
+	let { zoomInIcon: e } = d(), { zoomInIcon: t } = c();
+	return e || t || /* @__PURE__ */ k(v, {});
+}, N = () => {
+	let { zoomOutIcon: e } = d(), { zoomOutIcon: t } = c();
+	return e || t || /* @__PURE__ */ k(y, {});
+}, P = () => {
+	let { zoomLevel: c, setZoomLevel: d, currentZoom: v } = r(), { container: y, pagesRef: P } = n(), { zoomTool: F = !0 } = i(), { zoomTool: I = !0 } = a(), { isSmallScreen: L } = f(), { localeMessages: R } = o(), [z, B] = O(0), [V, H] = O(!1), U = D(new ResizeObserver((e) => {
+		B(e[0].contentRect.height);
+	})), W = w(() => {
+		d(() => {
+			let e = Math.floor(v * 100 / 25) * 25;
+			return Math.min(e + 25, t);
+		});
+	}, [d, v]), G = w(() => {
+		d(() => {
+			let e = Math.ceil(v * 100 / 25) * 25;
+			return Math.min(e - 25, t);
+		});
+	}, [d, v]), K = E(() => C(v), [v]), q = E(() => S(v), [v]);
+	return T(() => (P && U.current.observe(P), () => {
+		U.current.disconnect();
+	}), [P]), !F || !I ? null : typeof F == "function" ? /* @__PURE__ */ k(F, {
+		zoomLevel: c,
+		setZoomLevel: d
+	}) : typeof I == "function" ? /* @__PURE__ */ k(I, {
+		zoomLevel: c,
+		setZoomLevel: d
+	}) : /* @__PURE__ */ A("div", {
+		className: b["rp-zoom-wrapper"],
+		children: [
+			/* @__PURE__ */ k(p, {
+				content: R?.zoomOutTooltip,
+				children: /* @__PURE__ */ k(u, {
+					disabled: K,
+					onClick: G,
+					"aria-label": R?.zoomOutTooltip,
+					children: /* @__PURE__ */ k(N, {})
+				})
+			}),
+			!L && /* @__PURE__ */ k(g, {
+				container: y,
+				open: V,
+				onOpenChange: H,
+				triggerComponent: /* @__PURE__ */ k("div", {
+					role: "button",
+					children: /* @__PURE__ */ k(p, {
+						content: R?.zoomSelectTooltip,
+						children: /* @__PURE__ */ A(u, {
+							className: s(b["rp-current-zoom-wrapper"], V && b.active),
+							"aria-label": R?.zoomSelectTooltip,
+							children: [/* @__PURE__ */ k(x, {
+								zoomLevel: c,
+								className: b["rp-current-zoom-text"]
+							}), /* @__PURE__ */ k(l, { className: b["rp-current-zoom-icon"] })]
+						})
+					})
+				}),
+				style: { minWidth: "200px" },
+				align: "center",
+				side: "bottom",
+				avoidCollisions: !1,
+				children: /* @__PURE__ */ A("div", {
+					style: {
+						maxHeight: `${z}px`,
+						overflow: "auto"
+					},
+					className: b["rp-zoom-dropdown-content"],
+					children: [
+						/* @__PURE__ */ A(m, { children: [
+							/* @__PURE__ */ k(h, {
+								onClick: () => d(e.ACTUAL),
+								children: R?.zoomActualSize
+							}),
+							/* @__PURE__ */ k(h, {
+								onClick: () => d(e.PAGE_FIT),
+								children: R?.zoomPageFit
+							}),
+							/* @__PURE__ */ k(h, {
+								onClick: () => d(e.PAGE_WIDTH),
+								children: R?.zoomPageWidth
+							})
+						] }),
+						/* @__PURE__ */ k(_, {}),
+						/* @__PURE__ */ k(m, { children: j.map((e) => /* @__PURE__ */ A(h, {
+							onClick: () => d(e),
+							children: [e, " %"]
+						}, e)) })
+					]
+				})
+			}),
+			/* @__PURE__ */ k(p, {
+				content: R?.zoomInTooltip,
+				children: /* @__PURE__ */ k(u, {
+					disabled: q,
+					onClick: W,
+					"aria-label": R?.zoomInTooltip,
+					children: /* @__PURE__ */ k(M, {})
+				})
+			})
+		]
+	});
 };
+//#endregion
+export { P as ZoomTool };