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

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

@@ -1,11 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../contexts/ZoomContext.js";
+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 { Z as A } from "../../../ToolbarLayout.module-cd89d275.js";
 import "../../ui/DropDown.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../index-f4a9ae4d.js";
@@ -13,18 +12,13 @@ import "./MenuItem.js";
 import "./MenuSeparator.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
-import "../../../utils/constants.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";
 import "../../../utils/types.js";
-import "../../../utils/getZoomLevel.js";
 import "../../../contexts/LocalizationContext.js";
-import "../../../contexts/RPDocumentContext.js";
-import "../../../contexts/ViewModeContext.js";
-import "../../../contexts/PagesRotateContext.js";
 import "../../../clsx-0c6e471a.js";
 import "../../../contexts/IconToolContext.js";
 import "../../../contexts/ToolComponentContext.js";
 export {
-  A as ZoomTool
+  q 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-cd89d275.js";
+import { b as d } from "../../../../ToolbarLayout.module-231e1237.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, j as p } from "../../../../ToolbarLayout.module-cd89d275.js";
+import { u as x, l as p } from "../../../../ToolbarLayout.module-231e1237.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-cd89d275.js";
+import { u as s } from "../../../../ToolbarLayout.module-231e1237.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,7 +10,6 @@ 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";
@@ -21,12 +20,10 @@ 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/LoaderContext.js";
 import "../../../../contexts/ToolComponentContext.js";
@@ -51,7 +48,7 @@ import "../MenuSeparator.js";
 import "../../../../utils/dateFormatter.js";
 import "../PropertyItem.js";
 import "../RotateTool.js";
-const Lo = ({ icon: m }) => {
+const go = ({ 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,
@@ -64,5 +61,5 @@ const Lo = ({ icon: m }) => {
   ) }) });
 };
 export {
-  Lo as NextPageTool
+  go 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-cd89d275.js";
+import { u as a } from "../../../../ToolbarLayout.module-231e1237.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-cd89d275.js";
+import { c as m } from "../../../../ToolbarLayout.module-231e1237.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 { i as h } from "../../../../ToolbarLayout.module-cd89d275.js";
+import { k as h } from "../../../../ToolbarLayout.module-231e1237.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 t, Fragment as f } from "react/jsx-runtime";
-import { useCallback as d, useMemo as u } from "react";
-import { useZoomContext as I } from "../../../../contexts/ZoomContext.js";
+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 Z } from "../../../ui/Button.js";
-import h from "../../../ui/RPTooltip.js";
-import { useLocalizationContext as s } from "../../../../contexts/LocalizationContext.js";
+import { UIButton as I } from "../../../ui/Button.js";
+import Z 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 { zoomLevel: r, setZoomLevel: m } = I(), { localeMessages: o } = s(), e = d(() => {
-    m((p) => {
-      const c = Math.floor(p / 25) * 25;
-      return Math.min(c + 25, i);
+  const { currentZoom: t, setZoomLevel: m } = u(), { localeMessages: o } = h(), e = d(() => {
+    m(() => {
+      const p = Math.floor(t * 100 / 25) * 25;
+      return Math.min(p + 25, i);
     });
-  }, [m]), l = u(() => r >= i, [r]);
-  return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(h, { content: o == null ? void 0 : o.zoomInTooltip, children: /* @__PURE__ */ t(
-    Z,
+  }, [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,
     {
       disabled: l,
       onClick: e,
       "aria-label": o == null ? void 0 : o.zoomInTooltip,
-      children: n || /* @__PURE__ */ t(a, {})
+      children: n || /* @__PURE__ */ r(a, {})
     }
   ) }) });
 };

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

@@ -1,82 +1,55 @@
-import { jsx as e, Fragment as Z, jsxs as p } from "react/jsx-runtime";
-import { useState as k, useRef as G, useMemo as N, useCallback as z, useEffect as S } from "react";
-import { useZoomContext as W } from "../../../../contexts/ZoomContext.js";
-import { UIButton as E } from "../../../ui/Button.js";
-import { u as y, k as i } from "../../../../ToolbarLayout.module-cd89d275.js";
-import { UIDropDown as F } from "../../../ui/DropDown.js";
-import { useLayoutContainer as R } from "../../../../contexts/LayoutContainerContext.js";
-import { G as C } from "../../../../index-f4a9ae4d.js";
-import { MenuItem as l } from "../MenuItem.js";
-import { MenuSeparator as U } from "../MenuSeparator.js";
-import { PAGE_PADDING as g } from "../../../../utils/constants.js";
-import _ from "../../../ui/RPTooltip.js";
-import { ZoomLevel as s } from "../../../../utils/types.js";
-import { getZoomLevel as j } from "../../../../utils/getZoomLevel.js";
-import { useLocalizationContext as O } from "../../../../contexts/LocalizationContext.js";
-import { useDocumentContext as V } from "../../../../contexts/RPDocumentContext.js";
-import { useViewModeContext as B } from "../../../../contexts/ViewModeContext.js";
-import { useRotationContext as $ } from "../../../../contexts/RotationContext.js";
-import { ChevronDownIcon as q } from "../../../icons/ChevronDownIcon.js";
-const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
-  const { zoomLevel: v, setZoomLevel: m } = W(), { container: L, pagesRef: r } = R(), { focusedPage: h } = y(), { rotate: a } = $(), { pages: d } = V(), { localeMessages: o } = O(), { viewMode: P } = B(), [b, w] = k(0), f = G(
+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 { UIButton as T } from "../../../ui/Button.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";
+import { MenuItem as m } from "../MenuItem.js";
+import { MenuSeparator as b } from "../MenuSeparator.js";
+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(
     new ResizeObserver((t) => {
-      w(t[0].contentRect.height);
+      s(t[0].contentRect.height);
     })
-  ), n = N(() => {
-    const t = d.get(h);
-    return t ? t.page.getViewport({ scale: 1, rotation: a + t.defaultRotation }) : null;
-  }, [d, h, a]), x = z(
-    (t) => {
-      const A = ((n == null ? void 0 : n.width) || 0) + 2 * g, D = ((n == null ? void 0 : n.height) || 0) + 2 * g, H = (r == null ? void 0 : r.clientWidth) || 0, I = (r == null ? void 0 : r.clientHeight) || 0, T = j(
-        t,
-        H,
-        I,
-        A,
-        D,
-        P
-      );
-      m(T);
-    },
-    [m, n, r]
-  ), c = z(
-    (t) => {
-      typeof t == "number" ? m(t) : x(t);
-    },
-    [m, x]
   );
-  return S(() => (r && f.current.observe(r), () => {
-    f.current.disconnect();
-  }), [r]), /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
-    F,
+  return C(() => (c && d.current.observe(c), () => {
+    d.current.disconnect();
+  }), [c]), /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(
+    w,
     {
-      container: L,
-      triggerComponent: /* @__PURE__ */ e("div", { role: "button", children: /* @__PURE__ */ e(_, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ p(
-        E,
+      container: u,
+      triggerComponent: /* @__PURE__ */ r("div", { role: "button", children: /* @__PURE__ */ r(A, { content: o == null ? void 0 : o.zoomSelectTooltip, children: /* @__PURE__ */ i(
+        T,
         {
-          className: i["rp-current-zoom-wrapper"],
+          className: e["rp-current-zoom-wrapper"],
           "aria-label": o == null ? void 0 : o.zoomSelectTooltip,
           children: [
-            /* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: v }),
-            /* @__PURE__ */ e("span", { className: i["rp-current-zoom-text"], children: "%" }),
-            /* @__PURE__ */ e("div", { className: i["rp-zoom-level-icon"], children: u || /* @__PURE__ */ e(q, {}) })
+            /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: a }),
+            /* @__PURE__ */ r("span", { className: e["rp-current-zoom-text"], children: "%" }),
+            /* @__PURE__ */ r("div", { className: e["rp-zoom-level-icon"], children: l || /* @__PURE__ */ r(P, {}) })
           ]
         }
       ) }) }),
       style: { minWidth: "200px" },
       align: "center",
-      children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ i(
         "div",
         {
-          style: { maxHeight: `${b}px`, overflow: "auto" },
-          className: i["rp-zoom-dropdown-content"],
+          style: { maxHeight: `${f}px`, overflow: "auto" },
+          className: e["rp-zoom-dropdown-content"],
           children: [
-            /* @__PURE__ */ p(C, { children: [
-              /* @__PURE__ */ e(l, { onClick: () => c(s.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
-              /* @__PURE__ */ e(l, { onClick: () => c(s.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
-              /* @__PURE__ */ e(l, { onClick: () => c(s.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
+            /* @__PURE__ */ i(h, { children: [
+              /* @__PURE__ */ r(m, { onClick: () => n(p.ACTUAL), children: o == null ? void 0 : o.zoomActualSize }),
+              /* @__PURE__ */ r(m, { onClick: () => n(p.PAGE_FIT), children: o == null ? void 0 : o.zoomPageFit }),
+              /* @__PURE__ */ r(m, { onClick: () => n(p.PAGE_WIDTH), children: o == null ? void 0 : o.zoomPageWidth })
             ] }),
-            /* @__PURE__ */ e(U, {}),
-            /* @__PURE__ */ e(C, { children: J.map((t) => /* @__PURE__ */ p(l, { onClick: () => c(t), children: [
+            /* @__PURE__ */ r(b, {}),
+            /* @__PURE__ */ r(h, { children: R.map((t) => /* @__PURE__ */ i(m, { onClick: () => n(t), children: [
               t,
               " %"
             ] }, t)) })
@@ -87,5 +60,5 @@ const J = [50, 75, 100, 125, 150, 200, 300, 400], fo = ({ icon: u }) => {
   ) });
 };
 export {
-  fo as ZoomLevelTool
+  O as ZoomLevelTool
 };

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

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

package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js

@@ -2,11 +2,10 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { useState as d, useEffect as f } from "react";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import { l as t, S as y, m as C, Z as R, n as v } from "../../../../../ToolbarLayout.module-cd89d275.js";
+import { n as t, S as y, o as C, p as R, q as v } from "../../../../../ToolbarLayout.module-231e1237.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,13 +16,11 @@ import "../../../../../contexts/FullScreenContext.js";
 import "../../../../../contexts/FileInputContext.js";
 import "../../../../../contexts/DropFileZoneContext.js";
 import "../../../../../contexts/LayoutContainerContext.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 { useToolComponentContext as x } from "../../../../../contexts/ToolComponentContext.js";
@@ -42,13 +39,13 @@ import "../../../../ui/Input.js";
 import "../../../../ui/DropDown.js";
 import "../../MenuItem.js";
 import "../../MenuSeparator.js";
-const So = (u) => {
-  const { icons: i, slots: m } = u, { setIcons: p } = I(), { setSlots: s } = x(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = T(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
+const co = (u) => {
+  const { icons: i, slots: p } = u, { setIcons: m } = I(), { setSlots: s } = x(), [e, a] = d(!1), [l, n] = d(!1), { isSmallScreen: S } = T(), h = () => S ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return f(() => {
-    p((r) => ({ ...r, ...i })), a(!0);
-  }, [i, p, e, a]), f(() => {
-    s((r) => ({ ...r, ...m })), n(!0);
-  }, [m, s, l, n]), !e || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: h(), children: [
+    m((r) => ({ ...r, ...i })), a(!0);
+  }, [i, m, e, a]), f(() => {
+    s((r) => ({ ...r, ...p })), n(!0);
+  }, [p, s, l, n]), !e || !l ? null : /* @__PURE__ */ o("div", { "data-rp": "topBar", style: { width: "100%" }, children: /* @__PURE__ */ c("div", { className: t["rp-toolbar-wrapper"], style: h(), children: [
     /* @__PURE__ */ c("div", { "data-rp": "topBarLeft", className: t["rp-toolbar-start"], children: [
       /* @__PURE__ */ o(y, {}),
       /* @__PURE__ */ o(C, {})
@@ -58,5 +55,5 @@ const So = (u) => {
   ] }) });
 };
 export {
-  So as RPHorizontalBar
+  co as RPHorizontalBar
 };

package/dist/components/page/AnnotationLayer.js

@@ -2,12 +2,11 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { F as to } from "../../ToolbarLayout.module-cd89d275.js";
+import { O as $ } from "../../ToolbarLayout.module-231e1237.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.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";
@@ -18,13 +17,11 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.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";
@@ -54,5 +51,5 @@ import "pdfjs-dist";
 import "../../utils/link_service.js";
 import "../../utils/annotations.js";
 export {
-  to as AnnotationLayer
+  $ as AnnotationLayer
 };

package/dist/components/page/CanvasLayer.js

@@ -2,11 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { D as _ } from "../../ToolbarLayout.module-cd89d275.js";
+import { M as X } from "../../ToolbarLayout.module-231e1237.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,13 +16,11 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.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";
@@ -50,5 +47,5 @@ import "../../utils/dateFormatter.js";
 import "../layout/toolbar/PropertyItem.js";
 import "../layout/toolbar/RotateTool.js";
 export {
-  _ as CanvasLayer
+  X as CanvasLayer
 };

package/dist/components/page/CustomElement.js

@@ -1,22 +1,6 @@
-import { jsx as n, Fragment as c } from "react/jsx-runtime";
-import { useRef as l, useMemo as i, useEffect as f } from "react";
-import { useElementPageContext as a } from "../../contexts/ElementPageContext.js";
-const d = ({ child: e }) => {
-  const t = l(null);
-  return f(() => {
-    var o;
-    return (o = t.current) == null || o.appendChild(e), () => {
-      var r;
-      (r = t.current) == null || r.removeChild(e);
-    };
-  }, [e]), /* @__PURE__ */ n("div", { ref: t });
-}, h = ({ pageNumber: e }) => {
-  const { elementList: t } = a(), o = l(null), r = i(() => {
-    var m;
-    return (m = t[e]) == null ? void 0 : m.map((u, s) => u instanceof HTMLElement ? /* @__PURE__ */ n(d, { child: u }, s) : /* @__PURE__ */ n("div", { children: u }, s));
-  }, [t, e]);
-  return r ? /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n("div", { ref: o, "data-rp": `page-${e}-customElement`, children: r.map((m) => m) }) }) : null;
-};
+import "react/jsx-runtime";
+import "react";
+import { U as e } from "../../ToolbarLayout.module-231e1237.js";
 export {
-  h as CustomElement
+  e as CustomElement
 };

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { J as p } from "../../ToolbarLayout.module-cd89d275.js";
+import { X as p } from "../../ToolbarLayout.module-231e1237.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,12 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import { H as oo } from "../../ToolbarLayout.module-cd89d275.js";
+import { V as Y } from "../../ToolbarLayout.module-231e1237.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";
@@ -17,13 +16,11 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.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";
@@ -49,8 +46,7 @@ import "../layout/toolbar/MenuSeparator.js";
 import "../../utils/dateFormatter.js";
 import "../layout/toolbar/PropertyItem.js";
 import "../layout/toolbar/RotateTool.js";
-import "./CustomElement.js";
 import "../../utils/withRef.js";
 export {
-  oo as RPPage
+  Y as RPPage
 };

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { K as m } from "../../ToolbarLayout.module-cd89d275.js";
+import { Y as m } from "../../ToolbarLayout.module-231e1237.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,11 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { G as rr } from "../../ToolbarLayout.module-cd89d275.js";
+import { Q as Z } from "../../ToolbarLayout.module-231e1237.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,13 +16,11 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.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";
@@ -52,5 +49,5 @@ import "../layout/toolbar/RotateTool.js";
 import "./searchHighlight.js";
 import "../../utils/highlight.js";
 export {
-  rr as TextHighlightLayer
+  Z as TextHighlightLayer
 };

package/dist/components/page/TextLayer.js

@@ -2,11 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { E as rr } from "../../ToolbarLayout.module-cd89d275.js";
+import { N as Z } from "../../ToolbarLayout.module-231e1237.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,13 +16,11 @@ import "../../contexts/FullScreenContext.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../contexts/LayoutContainerContext.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";
@@ -52,5 +49,5 @@ import "../layout/toolbar/RotateTool.js";
 import "pdfjs-dist";
 import "../../utils/highlight.js";
 export {
-  rr as TextLayer
+  Z as TextLayer
 };