@react-pdf-kit/viewer 2.3.0-beta.0 → 2.3.0-beta.2

package/dist/components/RPPages.js

@@ -1,8 +1,8 @@
-import { jsx as x, jsxs as _e, Fragment as st } from "react/jsx-runtime";
-import { createElement as de, PureComponent as at, Component as lt, memo as ct, useRef as G, useMemo as we, useCallback as ae, useEffect as ne } from "react";
+import { jsx as R, jsxs as _e, Fragment as st } from "react/jsx-runtime";
+import { createElement as ue, PureComponent as at, Component as lt, memo as ct, useRef as G, useMemo as we, useCallback as ae, useEffect as ne } from "react";
 import { RPPage as Ce } from "./page/RPPage.js";
-import { useVirtualReactWindow as dt } from "../utils/hooks/useVirtualReactWindow.js";
-import { useVirtualScrollContext as ut } from "../contexts/VirtualScrollContext.js";
+import { useVirtualReactWindow as ut } from "../utils/hooks/useVirtualReactWindow.js";
+import { useVirtualScrollContext as dt } from "../contexts/VirtualScrollContext.js";
 import { a as ft, u as mt } from "../PaginationContext-9217cab4.js";
 import { useDocumentContext as pt } from "../contexts/RPDocumentContext.js";
 import { useViewModeContext as ht } from "../contexts/ViewModeContext.js";
@@ -14,8 +14,8 @@ import { DualPage as Ct } from "./page/DualPage.js";
 import { DualPageWithCover as St } from "./page/DualPageWithCover.js";
 import { SinglePage as It } from "./page/SinglePage.js";
 import { useMousePressed as Tt } from "../utils/hooks/useMousePressed.js";
-import { useSelectionModeContext as Rt } from "../contexts/SelectionModeContext.js";
-import { useGrabScroll as xt } from "../utils/hooks/useGrabScroll.js";
+import { useSelectionModeContext as xt } from "../contexts/SelectionModeContext.js";
+import { useGrabScroll as Rt } from "../utils/hooks/useGrabScroll.js";
 import { usePinch as yt } from "../utils/hooks/usePinch.js";
 import { useInitialStateContext as bt } from "../contexts/InitialStateContext.js";
 import { useLayoutContainer as zt } from "../contexts/LayoutContainerContext.js";
@@ -91,17 +91,17 @@ import "../contexts/ThemeContext.js";
 import "../contexts/DarkModeContext.js";
 import "../utils/hooks/useDarkMode.js";
 const U = {
-  "rp-pages": "_rp-pages_bd8el_1",
-  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_bd8el_6",
-  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_bd8el_11",
-  "rp-not-supported-list": "_rp-not-supported-list_bd8el_15",
-  "rp-pages-container": "_rp-pages-container_bd8el_22",
-  "rp-viewer": "_rp-viewer_bd8el_64",
-  "rp-cursor-grab": "_rp-cursor-grab_bd8el_69",
-  "rp-cursor-grabbing": "_rp-cursor-grabbing_bd8el_77",
-  "rp-loader": "_rp-loader_bd8el_85",
-  "rp-not-supported": "_rp-not-supported_bd8el_15",
-  "rp-not-supported-content": "_rp-not-supported-content_bd8el_109"
+  "rp-pages": "_rp-pages_1muxf_1",
+  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_1muxf_6",
+  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1muxf_11",
+  "rp-not-supported-list": "_rp-not-supported-list_1muxf_15",
+  "rp-pages-container": "_rp-pages-container_1muxf_23",
+  "rp-viewer": "_rp-viewer_1muxf_65",
+  "rp-cursor-grab": "_rp-cursor-grab_1muxf_70",
+  "rp-cursor-grabbing": "_rp-cursor-grabbing_1muxf_78",
+  "rp-loader": "_rp-loader_1muxf_86",
+  "rp-not-supported": "_rp-not-supported_1muxf_15",
+  "rp-not-supported-content": "_rp-not-supported-content_1muxf_102"
 };
 function be() {
   return be = Object.assign ? Object.assign.bind() : function(n) {
@@ -180,13 +180,13 @@ function $t(n, e) {
   };
   return s;
 }
-var Re = -1;
+var xe = -1;
 function jt(n) {
-  if (n === void 0 && (n = !1), Re === -1 || n) {
+  if (n === void 0 && (n = !1), xe === -1 || n) {
     var e = document.createElement("div"), t = e.style;
-    t.width = "50px", t.height = "50px", t.overflow = "scroll", document.body.appendChild(e), Re = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
+    t.width = "50px", t.height = "50px", t.overflow = "scroll", document.body.appendChild(e), xe = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
   }
-  return Re;
+  return xe;
 }
 var se = null;
 function ke(n) {
@@ -203,8 +203,8 @@ var Bt = 150, Kt = function(e) {
   e.data;
   var r = e.rowIndex;
   return r + ":" + t;
-}, ue = null, fe = null, me = null;
-process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (ue = /* @__PURE__ */ new WeakSet(), fe = /* @__PURE__ */ new WeakSet(), me = /* @__PURE__ */ new WeakSet());
+}, de = null, fe = null, me = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (de = /* @__PURE__ */ new WeakSet(), fe = /* @__PURE__ */ new WeakSet(), me = /* @__PURE__ */ new WeakSet());
 function Zt(n) {
   var e, t = n.getColumnOffset, r = n.getColumnStartIndexForOffset, s = n.getColumnStopIndexForStartIndex, l = n.getColumnWidth, a = n.getEstimatedTotalHeight, c = n.getEstimatedTotalWidth, f = n.getOffsetForColumnAndAlignment, g = n.getOffsetForRowAndAlignment, h = n.getRowHeight, _ = n.getRowOffset, i = n.getRowStartIndexForOffset, y = n.getRowStopIndexForStartIndex, w = n.initInstanceProps, S = n.shouldResetStyleCacheOnItemSizeChange, D = n.validateProps;
   return e = /* @__PURE__ */ function(b) {
@@ -219,10 +219,10 @@ function Zt(n) {
         scrollTop: typeof o.props.initialScrollTop == "number" ? o.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Te(function(d, u, m, C, p, T, z, L) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Te(function(u, d, m, C, p, T, z, L) {
         return o.props.onItemsRendered({
-          overscanColumnStartIndex: d,
-          overscanColumnStopIndex: u,
+          overscanColumnStartIndex: u,
+          overscanColumnStopIndex: d,
           overscanRowStartIndex: m,
           overscanRowStopIndex: C,
           visibleColumnStartIndex: p,
@@ -230,61 +230,61 @@ function Zt(n) {
           visibleRowStartIndex: z,
           visibleRowStopIndex: L
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = Te(function(d, u, m, C, p) {
+      }), o._callOnScroll = void 0, o._callOnScroll = Te(function(u, d, m, C, p) {
         return o.props.onScroll({
           horizontalScrollDirection: m,
-          scrollLeft: d,
-          scrollTop: u,
+          scrollLeft: u,
+          scrollTop: d,
           verticalScrollDirection: C,
           scrollUpdateWasRequested: p
         });
-      }), o._getItemStyle = void 0, o._getItemStyle = function(d, u) {
-        var m = o.props, C = m.columnWidth, p = m.direction, T = m.rowHeight, z = o._getItemStyleCache(S && C, S && p, S && T), L = d + ":" + u, M;
+      }), o._getItemStyle = void 0, o._getItemStyle = function(u, d) {
+        var m = o.props, C = m.columnWidth, p = m.direction, T = m.rowHeight, z = o._getItemStyleCache(S && C, S && p, S && T), L = u + ":" + d, M;
         if (z.hasOwnProperty(L))
           M = z[L];
         else {
-          var E = t(o.props, u, o._instanceProps), R = p === "rtl";
+          var E = t(o.props, d, o._instanceProps), x = p === "rtl";
           z[L] = M = {
             position: "absolute",
-            left: R ? void 0 : E,
-            right: R ? E : void 0,
-            top: _(o.props, d, o._instanceProps),
-            height: h(o.props, d, o._instanceProps),
-            width: l(o.props, u, o._instanceProps)
+            left: x ? void 0 : E,
+            right: x ? E : void 0,
+            top: _(o.props, u, o._instanceProps),
+            height: h(o.props, u, o._instanceProps),
+            width: l(o.props, d, o._instanceProps)
           };
         }
         return M;
-      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Te(function(d, u, m) {
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Te(function(u, d, m) {
         return {};
-      }), o._onScroll = function(d) {
-        var u = d.currentTarget, m = u.clientHeight, C = u.clientWidth, p = u.scrollLeft, T = u.scrollTop, z = u.scrollHeight, L = u.scrollWidth;
+      }), o._onScroll = function(u) {
+        var d = u.currentTarget, m = d.clientHeight, C = d.clientWidth, p = d.scrollLeft, T = d.scrollTop, z = d.scrollHeight, L = d.scrollWidth;
         o.setState(function(M) {
           if (M.scrollLeft === p && M.scrollTop === T)
             return null;
-          var E = o.props.direction, R = p;
+          var E = o.props.direction, x = p;
           if (E === "rtl")
             switch (ke()) {
               case "negative":
-                R = -p;
+                x = -p;
                 break;
               case "positive-descending":
-                R = L - C - p;
+                x = L - C - p;
                 break;
             }
-          R = Math.max(0, Math.min(R, L - C));
+          x = Math.max(0, Math.min(x, L - C));
           var F = Math.max(0, Math.min(T, z - m));
           return {
             isScrolling: !0,
             horizontalScrollDirection: M.scrollLeft < p ? "forward" : "backward",
-            scrollLeft: R,
+            scrollLeft: x,
             scrollTop: F,
             verticalScrollDirection: M.scrollTop < T ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
-      }, o._outerRefSetter = function(d) {
-        var u = o.props.outerRef;
-        o._outerRef = d, typeof u == "function" ? u(d) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = d);
+      }, o._outerRefSetter = function(u) {
+        var d = o.props.outerRef;
+        o._outerRef = u, typeof d == "function" ? d(u) : d != null && typeof d == "object" && d.hasOwnProperty("current") && (d.current = u);
       }, o._resetIsScrollingDebounced = function() {
         o._resetIsScrollingTimeoutId !== null && He(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = $t(o._resetIsScrolling, Bt);
       }, o._resetIsScrolling = function() {
@@ -295,70 +295,70 @@ function Zt(n) {
         });
       }, o;
     }
-    I.getDerivedStateFromProps = function(o, d) {
-      return Jt(o, d), D(o), null;
+    I.getDerivedStateFromProps = function(o, u) {
+      return Jt(o, u), D(o), null;
     };
     var W = I.prototype;
     return W.scrollTo = function(o) {
-      var d = o.scrollLeft, u = o.scrollTop;
-      d !== void 0 && (d = Math.max(0, d)), u !== void 0 && (u = Math.max(0, u)), this.setState(function(m) {
-        return d === void 0 && (d = m.scrollLeft), u === void 0 && (u = m.scrollTop), m.scrollLeft === d && m.scrollTop === u ? null : {
-          horizontalScrollDirection: m.scrollLeft < d ? "forward" : "backward",
-          scrollLeft: d,
-          scrollTop: u,
+      var u = o.scrollLeft, d = o.scrollTop;
+      u !== void 0 && (u = Math.max(0, u)), d !== void 0 && (d = Math.max(0, d)), this.setState(function(m) {
+        return u === void 0 && (u = m.scrollLeft), d === void 0 && (d = m.scrollTop), m.scrollLeft === u && m.scrollTop === d ? null : {
+          horizontalScrollDirection: m.scrollLeft < u ? "forward" : "backward",
+          scrollLeft: u,
+          scrollTop: d,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: m.scrollTop < u ? "forward" : "backward"
+          verticalScrollDirection: m.scrollTop < d ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, W.scrollToItem = function(o) {
-      var d = o.align, u = d === void 0 ? "auto" : d, m = o.columnIndex, C = o.rowIndex, p = this.props, T = p.columnCount, z = p.height, L = p.rowCount, M = p.width, E = this.state, R = E.scrollLeft, F = E.scrollTop, P = jt();
+      var u = o.align, d = u === void 0 ? "auto" : u, m = o.columnIndex, C = o.rowIndex, p = this.props, T = p.columnCount, z = p.height, L = p.rowCount, M = p.width, E = this.state, x = E.scrollLeft, F = E.scrollTop, P = jt();
       m !== void 0 && (m = Math.max(0, Math.min(m, T - 1))), C !== void 0 && (C = Math.max(0, Math.min(C, L - 1)));
       var H = a(this.props, this._instanceProps), N = c(this.props, this._instanceProps), k = N > M ? P : 0, Z = H > z ? P : 0;
       this.scrollTo({
-        scrollLeft: m !== void 0 ? f(this.props, m, u, R, this._instanceProps, Z) : R,
-        scrollTop: C !== void 0 ? g(this.props, C, u, F, this._instanceProps, k) : F
+        scrollLeft: m !== void 0 ? f(this.props, m, d, x, this._instanceProps, Z) : x,
+        scrollTop: C !== void 0 ? g(this.props, C, d, F, this._instanceProps, k) : F
       });
     }, W.componentDidMount = function() {
-      var o = this.props, d = o.initialScrollLeft, u = o.initialScrollTop;
+      var o = this.props, u = o.initialScrollLeft, d = o.initialScrollTop;
       if (this._outerRef != null) {
         var m = this._outerRef;
-        typeof d == "number" && (m.scrollLeft = d), typeof u == "number" && (m.scrollTop = u);
+        typeof u == "number" && (m.scrollLeft = u), typeof d == "number" && (m.scrollTop = d);
       }
       this._callPropsCallbacks();
     }, W.componentDidUpdate = function() {
-      var o = this.props.direction, d = this.state, u = d.scrollLeft, m = d.scrollTop, C = d.scrollUpdateWasRequested;
+      var o = this.props.direction, u = this.state, d = u.scrollLeft, m = u.scrollTop, C = u.scrollUpdateWasRequested;
       if (C && this._outerRef != null) {
         var p = this._outerRef;
         if (o === "rtl")
           switch (ke()) {
             case "negative":
-              p.scrollLeft = -u;
+              p.scrollLeft = -d;
               break;
             case "positive-ascending":
-              p.scrollLeft = u;
+              p.scrollLeft = d;
               break;
             default:
               var T = p.clientWidth, z = p.scrollWidth;
-              p.scrollLeft = z - T - u;
+              p.scrollLeft = z - T - d;
               break;
           }
         else
-          p.scrollLeft = Math.max(0, u);
+          p.scrollLeft = Math.max(0, d);
         p.scrollTop = Math.max(0, m);
       }
       this._callPropsCallbacks();
     }, W.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && He(this._resetIsScrollingTimeoutId);
     }, W.render = function() {
-      var o = this.props, d = o.children, u = o.className, m = o.columnCount, C = o.direction, p = o.height, T = o.innerRef, z = o.innerElementType, L = o.innerTagName, M = o.itemData, E = o.itemKey, R = E === void 0 ? Kt : E, F = o.outerElementType, P = o.outerTagName, H = o.rowCount, N = o.style, k = o.useIsScrolling, Z = o.width, J = this.state.isScrolling, Q = this._getHorizontalRangeToRender(), ie = Q[0], j = Q[1], le = this._getVerticalRangeToRender(), X = le[0], Y = le[1], ee = [];
+      var o = this.props, u = o.children, d = o.className, m = o.columnCount, C = o.direction, p = o.height, T = o.innerRef, z = o.innerElementType, L = o.innerTagName, M = o.itemData, E = o.itemKey, x = E === void 0 ? Kt : E, F = o.outerElementType, P = o.outerTagName, H = o.rowCount, N = o.style, k = o.useIsScrolling, Z = o.width, J = this.state.isScrolling, Q = this._getHorizontalRangeToRender(), ie = Q[0], j = Q[1], le = this._getVerticalRangeToRender(), X = le[0], Y = le[1], ee = [];
       if (m > 0 && H)
         for (var B = X; B <= Y; B++)
           for (var K = ie; K <= j; K++)
-            ee.push(de(d, {
+            ee.push(ue(u, {
               columnIndex: K,
               data: M,
               isScrolling: k ? J : void 0,
-              key: R({
+              key: x({
                 columnIndex: K,
                 data: M,
                 rowIndex: B
@@ -367,8 +367,8 @@ function Zt(n) {
               style: this._getItemStyle(B, K)
             }));
       var pe = a(this.props, this._instanceProps), te = c(this.props, this._instanceProps);
-      return de(F || P || "div", {
-        className: u,
+      return ue(F || P || "div", {
+        className: d,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: be({
@@ -380,7 +380,7 @@ function Zt(n) {
           willChange: "transform",
           direction: C
         }, N)
-      }, de(z || L || "div", {
+      }, ue(z || L || "div", {
         children: ee,
         ref: T,
         style: {
@@ -390,27 +390,27 @@ function Zt(n) {
         }
       }));
     }, W._callPropsCallbacks = function() {
-      var o = this.props, d = o.columnCount, u = o.onItemsRendered, m = o.onScroll, C = o.rowCount;
-      if (typeof u == "function" && d > 0 && C > 0) {
-        var p = this._getHorizontalRangeToRender(), T = p[0], z = p[1], L = p[2], M = p[3], E = this._getVerticalRangeToRender(), R = E[0], F = E[1], P = E[2], H = E[3];
-        this._callOnItemsRendered(T, z, R, F, L, M, P, H);
+      var o = this.props, u = o.columnCount, d = o.onItemsRendered, m = o.onScroll, C = o.rowCount;
+      if (typeof d == "function" && u > 0 && C > 0) {
+        var p = this._getHorizontalRangeToRender(), T = p[0], z = p[1], L = p[2], M = p[3], E = this._getVerticalRangeToRender(), x = E[0], F = E[1], P = E[2], H = E[3];
+        this._callOnItemsRendered(T, z, x, F, L, M, P, H);
       }
       if (typeof m == "function") {
         var N = this.state, k = N.horizontalScrollDirection, Z = N.scrollLeft, J = N.scrollTop, Q = N.scrollUpdateWasRequested, ie = N.verticalScrollDirection;
         this._callOnScroll(Z, J, k, ie, Q);
       }
     }, W._getHorizontalRangeToRender = function() {
-      var o = this.props, d = o.columnCount, u = o.overscanColumnCount, m = o.overscanColumnsCount, C = o.overscanCount, p = o.rowCount, T = this.state, z = T.horizontalScrollDirection, L = T.isScrolling, M = T.scrollLeft, E = u || m || C || 1;
-      if (d === 0 || p === 0)
+      var o = this.props, u = o.columnCount, d = o.overscanColumnCount, m = o.overscanColumnsCount, C = o.overscanCount, p = o.rowCount, T = this.state, z = T.horizontalScrollDirection, L = T.isScrolling, M = T.scrollLeft, E = d || m || C || 1;
+      if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      var R = r(this.props, M, this._instanceProps), F = s(this.props, R, M, this._instanceProps), P = !L || z === "backward" ? Math.max(1, E) : 1, H = !L || z === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, R - P), Math.max(0, Math.min(d - 1, F + H)), R, F];
+      var x = r(this.props, M, this._instanceProps), F = s(this.props, x, M, this._instanceProps), P = !L || z === "backward" ? Math.max(1, E) : 1, H = !L || z === "forward" ? Math.max(1, E) : 1;
+      return [Math.max(0, x - P), Math.max(0, Math.min(u - 1, F + H)), x, F];
     }, W._getVerticalRangeToRender = function() {
-      var o = this.props, d = o.columnCount, u = o.overscanCount, m = o.overscanRowCount, C = o.overscanRowsCount, p = o.rowCount, T = this.state, z = T.isScrolling, L = T.verticalScrollDirection, M = T.scrollTop, E = m || C || u || 1;
-      if (d === 0 || p === 0)
+      var o = this.props, u = o.columnCount, d = o.overscanCount, m = o.overscanRowCount, C = o.overscanRowsCount, p = o.rowCount, T = this.state, z = T.isScrolling, L = T.verticalScrollDirection, M = T.scrollTop, E = m || C || d || 1;
+      if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      var R = i(this.props, M, this._instanceProps), F = y(this.props, R, M, this._instanceProps), P = !z || L === "backward" ? Math.max(1, E) : 1, H = !z || L === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, R - P), Math.max(0, Math.min(p - 1, F + H)), R, F];
+      var x = i(this.props, M, this._instanceProps), F = y(this.props, x, M, this._instanceProps), P = !z || L === "backward" ? Math.max(1, E) : 1, H = !z || L === "forward" ? Math.max(1, E) : 1;
+      return [Math.max(0, x - P), Math.max(0, Math.min(p - 1, F + H)), x, F];
     }, I;
   }(at), e.defaultProps = {
     direction: "ltr",
@@ -421,7 +421,7 @@ function Zt(n) {
 var Jt = function(e, t) {
   var r = e.children, s = e.direction, l = e.height, a = e.innerTagName, c = e.outerTagName, f = e.overscanColumnsCount, g = e.overscanCount, h = e.overscanRowsCount, _ = e.width, i = t.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof g == "number" && ue && !ue.has(i) && (ue.add(i), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof f == "number" || typeof h == "number") && fe && !fe.has(i) && (fe.add(i), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || c != null) && me && !me.has(i) && (me.add(i), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
+    if (typeof g == "number" && de && !de.has(i) && (de.add(i), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof f == "number" || typeof h == "number") && fe && !fe.has(i) && (fe.add(i), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || c != null) && me && !me.has(i) && (me.add(i), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
     switch (s) {
       case "ltr":
@@ -589,14 +589,14 @@ function tr(n, e) {
 let V;
 typeof window < "u" ? V = window : typeof self < "u" ? V = self : V = global;
 let Le = null, Me = null;
-const $e = 20, xe = V.clearTimeout, je = V.setTimeout, ye = V.cancelAnimationFrame || V.mozCancelAnimationFrame || V.webkitCancelAnimationFrame, Be = V.requestAnimationFrame || V.mozRequestAnimationFrame || V.webkitRequestAnimationFrame;
-ye == null || Be == null ? (Le = xe, Me = function(e) {
+const $e = 20, Re = V.clearTimeout, je = V.setTimeout, ye = V.cancelAnimationFrame || V.mozCancelAnimationFrame || V.webkitCancelAnimationFrame, Be = V.requestAnimationFrame || V.mozRequestAnimationFrame || V.webkitRequestAnimationFrame;
+ye == null || Be == null ? (Le = Re, Me = function(e) {
   return je(e, $e);
 }) : (Le = function([e, t]) {
-  ye(e), xe(t);
+  ye(e), Re(t);
 }, Me = function(e) {
   const t = Be(function() {
-    xe(r), e();
+    Re(r), e();
   }), r = je(function() {
     ye(t), e();
   }, $e);
@@ -748,7 +748,7 @@ class or extends lt {
       overflow: "visible"
     }, S = {};
     let D = !1;
-    return s || (i === 0 && (D = !0), w.height = 0, S.height = i, S.scaledHeight = i), l || (y === 0 && (D = !0), w.width = 0, S.width = y, S.scaledWidth = y), a && (D = !1), de(h, {
+    return s || (i === 0 && (D = !0), w.height = 0, S.height = i, S.scaledHeight = i), l || (y === 0 && (D = !0), w.width = 0, S.width = y, S.scaledWidth = y), a && (D = !1), ue(h, {
       ref: this._setRef,
       style: {
         ...w,
@@ -771,7 +771,7 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     const a = s === t.totalPages && t.totalPages % 2 === 0;
     if (e === 0 && s === 1 || a && n === 0) {
       const f = t.columnWidths.reduce((g, h) => g + h, 0);
-      return /* @__PURE__ */ x(
+      return /* @__PURE__ */ R(
         "div",
         {
           style: {
@@ -781,12 +781,12 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
             justifyContent: "center",
             alignItems: "flex-start"
           },
-          children: /* @__PURE__ */ x(Ce, { style: { position: "relative" }, pageNumber: s }, s)
+          children: /* @__PURE__ */ R(Ce, { style: { position: "relative" }, pageNumber: s }, s)
         }
       );
     }
   }
-  return t.columnCount === 2 ? /* @__PURE__ */ x(
+  return t.columnCount === 2 ? /* @__PURE__ */ R(
     "div",
     {
       style: {
@@ -795,9 +795,9 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
         justifyContent: n === 0 ? "flex-end" : "flex-start",
         alignItems: "flex-start"
       },
-      children: /* @__PURE__ */ x(Ce, { style: { position: "relative" }, pageNumber: s }, s)
+      children: /* @__PURE__ */ R(Ce, { style: { position: "relative" }, pageNumber: s }, s)
     }
-  ) : /* @__PURE__ */ x(Ce, { style: r, pageNumber: s }, s);
+  ) : /* @__PURE__ */ R(Ce, { style: r, pageNumber: s }, s);
 }, tr), $o = () => {
   const n = G(new kt()), { initialPage: e = 1, initialScrollMode: t } = bt(), { pagesRef: r, setPagesRef: s, setContentRef: l } = zt(), { scrollToPage: a } = ft();
   Dt(r);
@@ -810,12 +810,12 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     virtualScrollableElementRef: i,
     totalInnerDimensions: y,
     pageScrollElementRef: w
-  } = ut(), S = G(!0), { nextPage: D, prevPage: b, setFocusedPage: I, focusedPage: W, totalPages: A } = mt(), { scrollMode: o } = gt(), { viewMode: d } = ht(), u = G(null), { loading: m, error: C } = pt(), { passwordRequired: p } = At(), { LoaderImageComponent: T } = Mt(), z = G(
+  } = dt(), S = G(!0), { nextPage: D, prevPage: b, setFocusedPage: I, focusedPage: W, totalPages: A } = mt(), { scrollMode: o } = gt(), { viewMode: u } = ht(), d = G(null), { loading: m, error: C } = pt(), { passwordRequired: p } = At(), { LoaderImageComponent: T } = Mt(), z = G(
     y
   ), L = G({
-    viewMode: d,
+    viewMode: u,
     scrollMode: o
-  }), M = G(!1), E = G(), { isFullScreen: R } = wt(), {
+  }), M = G(!1), E = G(), { isFullScreen: x } = wt(), {
     pageDimension: F,
     rowCount: P,
     rowHeight: H,
@@ -824,36 +824,36 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     estimatedColumnWidth: Z,
     estimatedRowHeight: J,
     totalDimension: Q
-  } = dt(), ie = Lt(y, 100), { onScroll: j, onTextSelect: le } = Ft();
+  } = ut(), ie = Lt(y, 100), { onScroll: j, onTextSelect: le } = Ft();
   Ht({ onTextSelect: le, pagesRef: r });
   const X = G();
-  Ot(N, P, i, d);
+  Ot(N, P, i, u);
   const Y = G({
     scrollTop: 0,
     scrollLeft: 0
   });
   yt(r);
-  const { isPressed: ee } = Tt(), { selectionMode: B } = Rt(), { initializeGrabScroll: K, resetGrabState: pe } = xt({
+  const { isPressed: ee } = Tt(), { selectionMode: B } = xt(), { initializeGrabScroll: K, resetGrabState: pe } = Rt({
     isPressed: ee
   }), te = we(() => B === vt.HAND, [B]), Qe = we(() => {
     const v = Array.from({ length: N }, (O, q) => k(q));
     return {
       columnCount: N,
-      isDualPageWithCover: d === Se.DUAL_PAGE_WITH_COVER,
+      isDualPageWithCover: u === Se.DUAL_PAGE_WITH_COVER,
       columnWidths: v,
       totalPages: A
     };
-  }, [N, d, k, A]), he = ae(
+  }, [N, u, k, A]), he = ae(
     (v) => {
       const O = document.activeElement !== r;
-      !R && O || (["ArrowUp", "ArrowLeft"].includes(v.key) ? (v.preventDefault(), b()) : ["ArrowDown", "ArrowRight"].includes(v.key) && (v.preventDefault(), D()));
+      !x && O || (["ArrowUp", "ArrowLeft"].includes(v.key) ? (v.preventDefault(), b()) : ["ArrowDown", "ArrowRight"].includes(v.key) && (v.preventDefault(), D()));
     },
-    [D, b, R, o]
+    [D, b, x, o]
   );
   ne(() => (window.addEventListener("keydown", he), () => {
     window.removeEventListener("keydown", he);
   }), [he]), ne(() => {
-    if (u.current && (u.current.style.position = "relative"), !!c)
+    if (d.current && (d.current.style.position = "relative"), !!c)
       for (let v = 0; v < P; v++)
         for (let O = 0; O < N; O++)
           c.resetAfterIndices({
@@ -875,10 +875,10 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     [i]
   ), Ee = ae(
     (v, O) => {
-      if (L.current.viewMode !== d || L.current.scrollMode !== o) {
+      if (L.current.viewMode !== u || L.current.scrollMode !== o) {
         X.current && clearTimeout(X.current), M.current = !0, a(W, "auto"), X.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            L.current = { viewMode: d, scrollMode: o };
+            L.current = { viewMode: u, scrollMode: o };
           });
         }, 100);
         return;
@@ -904,7 +904,7 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
         width: O.width
       };
     },
-    [i, d, o, a]
+    [i, u, o, a]
   );
   ne(() => {
     clearTimeout(E.current);
@@ -966,7 +966,7 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     I,
     ie
   ]), /* @__PURE__ */ _e(st, { children: [
-    /* @__PURE__ */ x(Pt, { ref: l, children: /* @__PURE__ */ x(
+    /* @__PURE__ */ R(Pt, { ref: l, children: /* @__PURE__ */ R(
       Nt,
       {
         ref: s,
@@ -976,21 +976,21 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
           "--scale-round-x": `${Ae(n.current.sx)[1]}px`,
           "--scale-round-y": `${Ae(n.current.sy)[1]}px`
         },
-        children: /* @__PURE__ */ x(or, { style: { minHeight: "50px" }, children: ({ width: v, height: O }) => /* @__PURE__ */ x("div", { "data-rp": "pages", ref: tt, style: { width: v, height: O }, children: o === Ie.PAGE_SCROLLING ? /* @__PURE__ */ x(
+        children: /* @__PURE__ */ R(or, { style: { minHeight: "50px" }, children: ({ width: v, height: O }) => /* @__PURE__ */ R("div", { "data-rp": "pages", ref: tt, style: { width: v, height: O }, children: o === Ie.PAGE_SCROLLING ? /* @__PURE__ */ R(
           "div",
           {
             ref: g,
             style: { width: v, height: O },
             className: ce(U["rp-pages"], U["rp-page-scrolling-wrapper"]),
-            children: d === Se.DUAL_PAGE ? /* @__PURE__ */ x(Ct, { widths: k, heights: H }) : d === Se.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ x(St, { widths: k, heights: H }) : /* @__PURE__ */ x(It, { widths: k, heights: H })
+            children: u === Se.DUAL_PAGE ? /* @__PURE__ */ R(Ct, { widths: k, heights: H }) : u === Se.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ R(St, { widths: k, heights: H }) : /* @__PURE__ */ R(It, { widths: k, heights: H })
           }
-        ) : J ? /* @__PURE__ */ x(
+        ) : J ? /* @__PURE__ */ R(
           Xt,
           {
             ref: f,
             itemData: Qe,
             outerRef: h,
-            innerRef: u,
+            innerRef: d,
             onScroll: Ye,
             columnCount: N,
             columnWidth: k,
@@ -1012,7 +1012,7 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
             },
             children: nr
           }
-        ) : !m && !C ? /* @__PURE__ */ x(
+        ) : !m && !C ? /* @__PURE__ */ R(
           "div",
           {
             className: U["rp-loader"],
@@ -1023,22 +1023,22 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
               height: "100%",
               width: "100%"
             },
-            children: T && /* @__PURE__ */ x(T, {})
+            children: T && /* @__PURE__ */ R(T, {})
           }
-        ) : C === _t.NOT_SUPPORTED ? /* @__PURE__ */ x("div", { className: U["rp-not-supported"], children: /* @__PURE__ */ _e("div", { className: U["rp-not-supported-content"], children: [
+        ) : C === _t.NOT_SUPPORTED ? /* @__PURE__ */ R("div", { className: U["rp-not-supported"], children: /* @__PURE__ */ _e("div", { className: U["rp-not-supported-content"], children: [
           "React PDF Kit is unable to render on this browser. Please use the supported browsers from the list below:",
-          /* @__PURE__ */ x("div", { children: /* @__PURE__ */ _e("ul", { className: U["rp-not-supported-list"], children: [
-            /* @__PURE__ */ x("li", { children: "Chrome 126+" }),
-            /* @__PURE__ */ x("li", { children: "Edge 126+" }),
-            /* @__PURE__ */ x("li", { children: "Firefox 126+" }),
-            /* @__PURE__ */ x("li", { children: "Safari 18.4+" }),
-            /* @__PURE__ */ x("li", { children: "Safari iOS 18.4+" }),
-            /* @__PURE__ */ x("li", { children: "Chrome Android 126+" })
+          /* @__PURE__ */ R("div", { children: /* @__PURE__ */ _e("ul", { className: U["rp-not-supported-list"], children: [
+            /* @__PURE__ */ R("li", { children: "Chrome 126+" }),
+            /* @__PURE__ */ R("li", { children: "Edge 126+" }),
+            /* @__PURE__ */ R("li", { children: "Firefox 126+" }),
+            /* @__PURE__ */ R("li", { children: "Safari 18.4+" }),
+            /* @__PURE__ */ R("li", { children: "Safari iOS 18.4+" }),
+            /* @__PURE__ */ R("li", { children: "Chrome Android 126+" })
           ] }) })
         ] }) }) : null }) })
       }
     ) }),
-    p && /* @__PURE__ */ x(Et, {})
+    p && /* @__PURE__ */ R(Et, {})
   ] });
 };
 export {

package/dist/components/layout/RPDefaultLayout.js

@@ -58,8 +58,8 @@ import "./toolbar/RPToolbarEnd.js";
 import "./toolbar/FileUploadTool.js";
 import "../icons/FileUploadDefaultIcon.js";
 import "./toolbar/MenuItem.js";
-import "../../index-535ad364.js";
-import "../../Combination-479e39c6.js";
+import "../../index-11f3cd64.js";
+import "../../Combination-17ab8af1.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "./toolbar/DarkModeTool.js";
@@ -133,7 +133,7 @@ import "./toolbar/SearchResultNavigator.js";
 import "./toolbar/SearchCloseButton.js";
 import "../ui/LoadingIndicator.js";
 import "../icons/Thumbnail.js";
-import "../../RPSplitter-925c8ff7.js";
+import "../../RPSplitter-3438b930.js";
 import "./sidebar/Thumbnails.js";
 import "./sidebar/Thumbnail.js";
 import "../../contexts/RenderQueueProvider.js";

package/dist/components/layout/RPLayout.js

@@ -84,8 +84,8 @@ import "../icons/ChevronUpIcon.js";
 import "./toolbar/SearchCloseButton.js";
 import "../icons/CloseIcon.js";
 import "../ui/DropDown.js";
-import "../../index-535ad364.js";
-import "../../Combination-479e39c6.js";
+import "../../index-11f3cd64.js";
+import "../../Combination-17ab8af1.js";
 import "./toolbar/Paginate.js";
 import "../../Paginate.module-4eef00aa.js";
 import "./toolbar/ZoomTool.js";
@@ -147,7 +147,7 @@ import "../icons/HandModeDefaultIcon.js";
 import "../../contexts/SelectionModeContext.js";
 import "../../RPToolbar.module-27d7fe77.js";
 import "../ui/LoadingIndicator.js";
-import "../../RPSplitter-925c8ff7.js";
+import "../../RPSplitter-3438b930.js";
 import "./toolbar/ToolbarCustom.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../../utils/hooks/useLoadPdf.js";

package/dist/components/layout/sidebar/RPSidebar.js

@@ -2,7 +2,7 @@ import { jsx as t, Fragment as f, jsxs as l } from "react/jsx-runtime";
 import { useState as T, useRef as s, useCallback as C, useMemo as I } from "react";
 import { ThumbnailIcon as x } from "../../icons/Thumbnail.js";
 import { UIButton as R } from "../../ui/Button.js";
-import { c as m, R as w } from "../../../RPSplitter-925c8ff7.js";
+import { c as m, R as w } from "../../../RPSplitter-3438b930.js";
 import { Thumbnails as v } from "./Thumbnails.js";
 import { useThumbnailContext as N } from "../../../contexts/ThumbnailsContext.js";
 import { useToolbarComponentContext as S } from "../../../contexts/ToolbarComponentContext.js";

package/dist/components/layout/sidebar/RPSplitter.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as e } from "../../../RPSplitter-925c8ff7.js";
+import { R as e } from "../../../RPSplitter-3438b930.js";
 import "../../../utils/constants.js";
 import "../../../contexts/LayoutContainerContext.js";
 export {

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

@@ -3,7 +3,7 @@ import * as c from "react";
 import { useMemo as J } from "react";
 import { c as Q, a as R, P as D, b as v, d as y, e as X, f as M, g as ee } from "../../../index-113053cf.js";
 import { D as te, u as P } from "../../../index-23911b43.js";
-import { R as oe, h as re, u as ne, F as ie, P as ae } from "../../../Combination-479e39c6.js";
+import { R as oe, h as re, u as ne, F as ie, P as ae } from "../../../Combination-17ab8af1.js";
 import { useLayoutContainer as le } from "../../../contexts/LayoutContainerContext.js";
 import { CloseIcon as ce } from "../../icons/CloseIcon.js";
 import { dateFormatter as A } from "../../../utils/dateFormatter.js";