@react-pdf-kit/viewer 2.2.0-rc.3 → 2.2.1-rc.0

package/dist/components/RPPages.js

@@ -1,13 +1,13 @@
-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 { jsx as b, jsxs as Ce, 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 Se, useCallback as ae, useEffect as ne } from "react";
+import { RPPage as Ie } from "./page/RPPage.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 { a as ft, u as mt } from "../PaginationContext-a3021a65.js";
 import { useDocumentContext as pt } from "../contexts/RPDocumentContext.js";
 import { useViewModeContext as ht } from "../contexts/ViewModeContext.js";
 import { useScrollModeContext as gt } from "../contexts/ScrollModeContext.js";
-import { SelectionMode as vt, ViewMode as Se, ScrollMode as Ie, ErrorType as _t } from "../utils/types.js";
+import { SelectionMode as vt, ViewMode as Te, ScrollMode as xe, ErrorType as _t } from "../utils/types.js";
 import { useFullScreenContext as wt } from "../contexts/FullScreenContext.js";
 import { c as ce } from "../clsx-0c6e471a.js";
 import { DualPage as Ct } from "./page/DualPage.js";
@@ -18,8 +18,8 @@ import { useSelectionModeContext as xt } from "../contexts/SelectionModeContext.
 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";
-import { useDebounce as Lt } from "../utils/hooks/useDebounce.js";
+import { useLayoutContainer as Lt } from "../contexts/LayoutContainerContext.js";
+import { useDebounce as zt } from "../utils/hooks/useDebounce.js";
 import { useLoaderContext as Mt } from "../contexts/LoaderContext.js";
 import Et from "./ui/PasswordModal.js";
 import { usePresentPage as Ot } from "../utils/hooks/usePresentPage.js";
@@ -103,28 +103,28 @@ const U = {
   "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) {
+function ze() {
+  return ze = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t)
         ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, be.apply(null, arguments);
+  }, ze.apply(null, arguments);
 }
 function Ne(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
 }
-function ze(n, e) {
-  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, r) {
+function Me(n, e) {
+  return Me = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, r) {
     return t.__proto__ = r, t;
-  }, ze(n, e);
+  }, Me(n, e);
 }
 function Ut(n, e) {
-  n.prototype = Object.create(e.prototype), n.prototype.constructor = n, ze(n, e);
+  n.prototype = Object.create(e.prototype), n.prototype.constructor = n, Me(n, e);
 }
 var Pe = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
@@ -140,7 +140,7 @@ function qt(n, e) {
       return !1;
   return !0;
 }
-function Te(n, e) {
+function Re(n, e) {
   e === void 0 && (e = qt);
   var t, r = [], s, l = !1;
   function a() {
@@ -180,13 +180,13 @@ function $t(n, e) {
   };
   return s;
 }
-var xe = -1;
+var ye = -1;
 function jt(n) {
-  if (n === void 0 && (n = !1), xe === -1 || n) {
+  if (n === void 0 && (n = !1), ye === -1 || n) {
     var e = document.createElement("div"), t = e.style;
-    t.width = "50px", t.height = "50px", t.overflow = "scroll", document.body.appendChild(e), xe = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
+    t.width = "50px", t.height = "50px", t.overflow = "scroll", document.body.appendChild(e), ye = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
   }
-  return xe;
+  return ye;
 }
 var se = null;
 function ke(n) {
@@ -206,12 +206,12 @@ var Bt = 150, Kt = function(e) {
 }, 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) {
-    Ut(I, b);
-    function I(A) {
+  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, w = n.getRowOffset, i = n.getRowStartIndexForOffset, L = n.getRowStopIndexForStartIndex, C = n.initInstanceProps, S = n.shouldResetStyleCacheOnItemSizeChange, D = n.validateProps;
+  return e = /* @__PURE__ */ function(z) {
+    Ut(T, z);
+    function T(A) {
       var o;
-      return o = b.call(this, A) || this, o._instanceProps = w(o.props, Ne(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
+      return o = z.call(this, A) || this, o._instanceProps = C(o.props, Ne(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
         instance: Ne(o),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -219,66 +219,66 @@ 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(u, d, m, C, p, T, z, L) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Re(function(u, d, m, I, p, x, R, E) {
         return o.props.onItemsRendered({
           overscanColumnStartIndex: u,
           overscanColumnStopIndex: d,
           overscanRowStartIndex: m,
-          overscanRowStopIndex: C,
+          overscanRowStopIndex: I,
           visibleColumnStartIndex: p,
-          visibleColumnStopIndex: T,
-          visibleRowStartIndex: z,
-          visibleRowStopIndex: L
+          visibleColumnStopIndex: x,
+          visibleRowStartIndex: R,
+          visibleRowStopIndex: E
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = Te(function(u, d, m, C, p) {
+      }), o._callOnScroll = void 0, o._callOnScroll = Re(function(u, d, m, I, p) {
         return o.props.onScroll({
           horizontalScrollDirection: m,
           scrollLeft: u,
           scrollTop: d,
-          verticalScrollDirection: C,
+          verticalScrollDirection: I,
           scrollUpdateWasRequested: p
         });
       }), 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];
+        var m = o.props, I = m.columnWidth, p = m.direction, x = m.rowHeight, R = o._getItemStyleCache(S && I, S && p, S && x), E = u + ":" + d, O;
+        if (R.hasOwnProperty(E))
+          O = R[E];
         else {
-          var E = t(o.props, d, o._instanceProps), x = p === "rtl";
-          z[L] = M = {
+          var W = t(o.props, d, o._instanceProps), y = p === "rtl";
+          R[E] = O = {
             position: "absolute",
-            left: x ? void 0 : E,
-            right: x ? E : void 0,
-            top: _(o.props, u, o._instanceProps),
+            left: y ? void 0 : W,
+            right: y ? W : void 0,
+            top: w(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(u, d, m) {
+        return O;
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Re(function(u, d, m) {
         return {};
       }), 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)
+        var d = u.currentTarget, m = d.clientHeight, I = d.clientWidth, p = d.scrollLeft, x = d.scrollTop, R = d.scrollHeight, E = d.scrollWidth;
+        o.setState(function(O) {
+          if (O.scrollLeft === p && O.scrollTop === x)
             return null;
-          var E = o.props.direction, x = p;
-          if (E === "rtl")
+          var W = o.props.direction, y = p;
+          if (W === "rtl")
             switch (ke()) {
               case "negative":
-                x = -p;
+                y = -p;
                 break;
               case "positive-descending":
-                x = L - C - p;
+                y = E - I - p;
                 break;
             }
-          x = Math.max(0, Math.min(x, L - C));
-          var F = Math.max(0, Math.min(T, z - m));
+          y = Math.max(0, Math.min(y, E - I));
+          var F = Math.max(0, Math.min(x, R - m));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: M.scrollLeft < p ? "forward" : "backward",
-            scrollLeft: x,
+            horizontalScrollDirection: O.scrollLeft < p ? "forward" : "backward",
+            scrollLeft: y,
             scrollTop: F,
-            verticalScrollDirection: M.scrollTop < T ? "forward" : "backward",
+            verticalScrollDirection: O.scrollTop < x ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
@@ -295,11 +295,11 @@ function Zt(n) {
         });
       }, o;
     }
-    I.getDerivedStateFromProps = function(o, u) {
+    T.getDerivedStateFromProps = function(o, u) {
       return Jt(o, u), D(o), null;
     };
-    var W = I.prototype;
-    return W.scrollTo = function(o) {
+    var M = T.prototype;
+    return M.scrollTo = function(o) {
       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 : {
@@ -310,24 +310,24 @@ function Zt(n) {
           verticalScrollDirection: m.scrollTop < d ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, W.scrollToItem = function(o) {
-      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;
+    }, M.scrollToItem = function(o) {
+      var u = o.align, d = u === void 0 ? "auto" : u, m = o.columnIndex, I = o.rowIndex, p = this.props, x = p.columnCount, R = p.height, E = p.rowCount, O = p.width, W = this.state, y = W.scrollLeft, F = W.scrollTop, P = jt();
+      m !== void 0 && (m = Math.max(0, Math.min(m, x - 1))), I !== void 0 && (I = Math.max(0, Math.min(I, E - 1)));
+      var H = a(this.props, this._instanceProps), N = c(this.props, this._instanceProps), k = N > O ? P : 0, Z = H > R ? P : 0;
       this.scrollTo({
-        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
+        scrollLeft: m !== void 0 ? f(this.props, m, d, y, this._instanceProps, Z) : y,
+        scrollTop: I !== void 0 ? g(this.props, I, d, F, this._instanceProps, k) : F
       });
-    }, W.componentDidMount = function() {
+    }, M.componentDidMount = function() {
       var o = this.props, u = o.initialScrollLeft, d = o.initialScrollTop;
       if (this._outerRef != null) {
         var m = this._outerRef;
         typeof u == "number" && (m.scrollLeft = u), typeof d == "number" && (m.scrollTop = d);
       }
       this._callPropsCallbacks();
-    }, W.componentDidUpdate = function() {
-      var o = this.props.direction, u = this.state, d = u.scrollLeft, m = u.scrollTop, C = u.scrollUpdateWasRequested;
-      if (C && this._outerRef != null) {
+    }, M.componentDidUpdate = function() {
+      var o = this.props.direction, u = this.state, d = u.scrollLeft, m = u.scrollTop, I = u.scrollUpdateWasRequested;
+      if (I && this._outerRef != null) {
         var p = this._outerRef;
         if (o === "rtl")
           switch (ke()) {
@@ -338,8 +338,8 @@ function Zt(n) {
               p.scrollLeft = d;
               break;
             default:
-              var T = p.clientWidth, z = p.scrollWidth;
-              p.scrollLeft = z - T - d;
+              var x = p.clientWidth, R = p.scrollWidth;
+              p.scrollLeft = R - x - d;
               break;
           }
         else
@@ -347,20 +347,20 @@ function Zt(n) {
         p.scrollTop = Math.max(0, m);
       }
       this._callPropsCallbacks();
-    }, W.componentWillUnmount = function() {
+    }, M.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && He(this._resetIsScrollingTimeoutId);
-    }, W.render = function() {
-      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 = [];
+    }, M.render = function() {
+      var o = this.props, u = o.children, d = o.className, m = o.columnCount, I = o.direction, p = o.height, x = o.innerRef, R = o.innerElementType, E = o.innerTagName, O = o.itemData, W = o.itemKey, y = W === void 0 ? Kt : W, 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(ue(u, {
               columnIndex: K,
-              data: M,
+              data: O,
               isScrolling: k ? J : void 0,
-              key: x({
+              key: y({
                 columnIndex: K,
-                data: M,
+                data: O,
                 rowIndex: B
               }),
               rowIndex: B,
@@ -371,47 +371,47 @@ function Zt(n) {
         className: d,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
-        style: be({
+        style: ze({
           position: "relative",
           height: p,
           width: Z,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: C
+          direction: I
         }, N)
-      }, ue(z || L || "div", {
+      }, ue(R || E || "div", {
         children: ee,
-        ref: T,
+        ref: x,
         style: {
           height: pe,
           pointerEvents: J ? "none" : void 0,
           width: te
         }
       }));
-    }, W._callPropsCallbacks = function() {
-      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);
+    }, M._callPropsCallbacks = function() {
+      var o = this.props, u = o.columnCount, d = o.onItemsRendered, m = o.onScroll, I = o.rowCount;
+      if (typeof d == "function" && u > 0 && I > 0) {
+        var p = this._getHorizontalRangeToRender(), x = p[0], R = p[1], E = p[2], O = p[3], W = this._getVerticalRangeToRender(), y = W[0], F = W[1], P = W[2], H = W[3];
+        this._callOnItemsRendered(x, R, y, F, E, O, 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, 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;
+    }, M._getHorizontalRangeToRender = function() {
+      var o = this.props, u = o.columnCount, d = o.overscanColumnCount, m = o.overscanColumnsCount, I = o.overscanCount, p = o.rowCount, x = this.state, R = x.horizontalScrollDirection, E = x.isScrolling, O = x.scrollLeft, W = d || m || I || 1;
       if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      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, 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;
+      var y = r(this.props, O, this._instanceProps), F = s(this.props, y, O, this._instanceProps), P = !E || R === "backward" ? Math.max(1, W) : 1, H = !E || R === "forward" ? Math.max(1, W) : 1;
+      return [Math.max(0, y - P), Math.max(0, Math.min(u - 1, F + H)), y, F];
+    }, M._getVerticalRangeToRender = function() {
+      var o = this.props, u = o.columnCount, d = o.overscanCount, m = o.overscanRowCount, I = o.overscanRowsCount, p = o.rowCount, x = this.state, R = x.isScrolling, E = x.verticalScrollDirection, O = x.scrollTop, W = m || I || d || 1;
       if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      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;
+      var y = i(this.props, O, this._instanceProps), F = L(this.props, y, O, this._instanceProps), P = !R || E === "backward" ? Math.max(1, W) : 1, H = !R || E === "forward" ? Math.max(1, W) : 1;
+      return [Math.max(0, y - P), Math.max(0, Math.min(p - 1, F + H)), y, F];
+    }, T;
   }(at), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
@@ -419,7 +419,7 @@ function Zt(n) {
   }, e;
 }
 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;
+  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, w = e.width, i = t.instance;
   if (process.env.NODE_ENV !== "production") {
     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.'));
@@ -430,8 +430,8 @@ var Jt = function(e, t) {
       default:
         throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + s + '" was specified.'));
     }
-    if (typeof _ != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (_ === null ? "null" : typeof _) + '" was specified.'));
+    if (typeof w != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (w === null ? "null" : typeof w) + '" was specified.'));
     if (typeof l != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (l === null ? "null" : typeof l) + '" was specified.'));
   }
@@ -460,11 +460,11 @@ var Jt = function(e, t) {
       f = g.offset + g.size;
     }
     for (var h = c + 1; h <= r; h++) {
-      var _ = a(h);
+      var w = a(h);
       l[h] = {
         offset: f,
-        size: _
-      }, f += _;
+        size: w
+      }, f += w;
     }
     e === "column" ? s.lastMeasuredColumnIndex = r : s.lastMeasuredRowIndex = r;
   }
@@ -487,17 +487,17 @@ var Jt = function(e, t) {
     s += c, c *= 2;
   return Je(e, t, r, Math.min(s, a - 1), Math.floor(s / 2), l);
 }, qe = function(e, t, r, s, l, a, c) {
-  var f = e === "column" ? t.width : t.height, g = $(e, t, r, a), h = e === "column" ? Ze(t, a) : Ke(t, a), _ = Math.max(0, Math.min(h - f, g.offset)), i = Math.max(0, g.offset - f + c + g.size);
-  switch (s === "smart" && (l >= i - f && l <= _ + f ? s = "auto" : s = "center"), s) {
+  var f = e === "column" ? t.width : t.height, g = $(e, t, r, a), h = e === "column" ? Ze(t, a) : Ke(t, a), w = Math.max(0, Math.min(h - f, g.offset)), i = Math.max(0, g.offset - f + c + g.size);
+  switch (s === "smart" && (l >= i - f && l <= w + f ? s = "auto" : s = "center"), s) {
     case "start":
-      return _;
+      return w;
     case "end":
       return i;
     case "center":
-      return Math.round(i + (_ - i) / 2);
+      return Math.round(i + (w - i) / 2);
     case "auto":
     default:
-      return l >= i && l <= _ ? l : i > _ || l < i ? i : _;
+      return l >= i && l <= w ? l : i > w || l < i ? i : w;
   }
 }, Xt = /* @__PURE__ */ Zt({
   getColumnOffset: function(e, t, r) {
@@ -556,8 +556,8 @@ var Jt = function(e, t) {
         shouldForceUpdate: f
       });
     }, t.resetAfterIndices = function(c) {
-      var f = c.columnIndex, g = c.rowIndex, h = c.shouldForceUpdate, _ = h === void 0 ? !0 : h;
-      typeof f == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, f - 1)), typeof g == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, g - 1)), t._getItemStyleCache(-1), _ && t.forceUpdate();
+      var f = c.columnIndex, g = c.rowIndex, h = c.shouldForceUpdate, w = h === void 0 ? !0 : h;
+      typeof f == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, f - 1)), typeof g == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, g - 1)), t._getItemStyleCache(-1), w && t.forceUpdate();
     }, a;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -588,17 +588,17 @@ 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, 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) {
+let Ee = null, Oe = null;
+const $e = 20, be = V.clearTimeout, je = V.setTimeout, Le = V.cancelAnimationFrame || V.mozCancelAnimationFrame || V.webkitCancelAnimationFrame, Be = V.requestAnimationFrame || V.mozRequestAnimationFrame || V.webkitRequestAnimationFrame;
+Le == null || Be == null ? (Ee = be, Oe = function(e) {
   return je(e, $e);
-}) : (Le = function([e, t]) {
-  ye(e), Re(t);
-}, Me = function(e) {
+}) : (Ee = function([e, t]) {
+  Le(e), be(t);
+}, Oe = function(e) {
   const t = Be(function() {
-    Re(r), e();
+    be(r), e();
   }), r = je(function() {
-    ye(t), e();
+    Le(t), e();
   }, $e);
   return [t, r];
 });
@@ -606,65 +606,65 @@ function rr(n) {
   let e, t, r, s, l, a, c;
   const f = typeof document < "u" && document.attachEvent;
   if (!f) {
-    a = function(b) {
-      const I = b.__resizeTriggers__, W = I.firstElementChild, A = I.lastElementChild, o = W.firstElementChild;
-      A.scrollLeft = A.scrollWidth, A.scrollTop = A.scrollHeight, o.style.width = W.offsetWidth + 1 + "px", o.style.height = W.offsetHeight + 1 + "px", W.scrollLeft = W.scrollWidth, W.scrollTop = W.scrollHeight;
-    }, l = function(b) {
-      return b.offsetWidth !== b.__resizeLast__.width || b.offsetHeight !== b.__resizeLast__.height;
-    }, c = function(b) {
-      if (b.target.className && typeof b.target.className.indexOf == "function" && b.target.className.indexOf("contract-trigger") < 0 && b.target.className.indexOf("expand-trigger") < 0)
+    a = function(z) {
+      const T = z.__resizeTriggers__, M = T.firstElementChild, A = T.lastElementChild, o = M.firstElementChild;
+      A.scrollLeft = A.scrollWidth, A.scrollTop = A.scrollHeight, o.style.width = M.offsetWidth + 1 + "px", o.style.height = M.offsetHeight + 1 + "px", M.scrollLeft = M.scrollWidth, M.scrollTop = M.scrollHeight;
+    }, l = function(z) {
+      return z.offsetWidth !== z.__resizeLast__.width || z.offsetHeight !== z.__resizeLast__.height;
+    }, c = function(z) {
+      if (z.target.className && typeof z.target.className.indexOf == "function" && z.target.className.indexOf("contract-trigger") < 0 && z.target.className.indexOf("expand-trigger") < 0)
         return;
-      const I = this;
-      a(this), this.__resizeRAF__ && Le(this.__resizeRAF__), this.__resizeRAF__ = Me(function() {
-        l(I) && (I.__resizeLast__.width = I.offsetWidth, I.__resizeLast__.height = I.offsetHeight, I.__resizeListeners__.forEach(function(o) {
-          o.call(I, b);
+      const T = this;
+      a(this), this.__resizeRAF__ && Ee(this.__resizeRAF__), this.__resizeRAF__ = Oe(function() {
+        l(T) && (T.__resizeLast__.width = T.offsetWidth, T.__resizeLast__.height = T.offsetHeight, T.__resizeListeners__.forEach(function(o) {
+          o.call(T, z);
         }));
       });
     };
-    let i = !1, y = "";
+    let i = !1, L = "";
     r = "animationstart";
-    const w = "Webkit Moz O ms".split(" ");
+    const C = "Webkit Moz O ms".split(" ");
     let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), D = "";
     {
-      const b = document.createElement("fakeelement");
-      if (b.style.animationName !== void 0 && (i = !0), i === !1) {
-        for (let I = 0; I < w.length; I++)
-          if (b.style[w[I] + "AnimationName"] !== void 0) {
-            D = w[I], y = "-" + D.toLowerCase() + "-", r = S[I], i = !0;
+      const z = document.createElement("fakeelement");
+      if (z.style.animationName !== void 0 && (i = !0), i === !1) {
+        for (let T = 0; T < C.length; T++)
+          if (z.style[C[T] + "AnimationName"] !== void 0) {
+            D = C[T], L = "-" + D.toLowerCase() + "-", r = S[T], i = !0;
             break;
           }
       }
     }
-    t = "resizeanim", e = "@" + y + "keyframes " + t + " { from { opacity: 0; } to { opacity: 0; } } ", s = y + "animation: 1ms " + t + "; ";
+    t = "resizeanim", e = "@" + L + "keyframes " + t + " { from { opacity: 0; } to { opacity: 0; } } ", s = L + "animation: 1ms " + t + "; ";
   }
   const g = function(i) {
     if (!i.getElementById("detectElementResize")) {
-      const y = (e || "") + ".resize-triggers { " + (s || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', w = i.head || i.getElementsByTagName("head")[0], S = i.createElement("style");
-      S.id = "detectElementResize", S.type = "text/css", n != null && S.setAttribute("nonce", n), S.styleSheet ? S.styleSheet.cssText = y : S.appendChild(i.createTextNode(y)), w.appendChild(S);
+      const L = (e || "") + ".resize-triggers { " + (s || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = i.head || i.getElementsByTagName("head")[0], S = i.createElement("style");
+      S.id = "detectElementResize", S.type = "text/css", n != null && S.setAttribute("nonce", n), S.styleSheet ? S.styleSheet.cssText = L : S.appendChild(i.createTextNode(L)), C.appendChild(S);
     }
   };
   return {
-    addResizeListener: function(i, y) {
+    addResizeListener: function(i, L) {
       if (f)
-        i.attachEvent("onresize", y);
+        i.attachEvent("onresize", L);
       else {
         if (!i.__resizeTriggers__) {
-          const w = i.ownerDocument, S = V.getComputedStyle(i);
-          S && S.position === "static" && (i.style.position = "relative"), g(w), i.__resizeLast__ = {}, i.__resizeListeners__ = [], (i.__resizeTriggers__ = w.createElement("div")).className = "resize-triggers";
-          const D = w.createElement("div");
-          D.className = "expand-trigger", D.appendChild(w.createElement("div"));
-          const b = w.createElement("div");
-          b.className = "contract-trigger", i.__resizeTriggers__.appendChild(D), i.__resizeTriggers__.appendChild(b), i.appendChild(i.__resizeTriggers__), a(i), i.addEventListener("scroll", c, !0), r && (i.__resizeTriggers__.__animationListener__ = function(W) {
-            W.animationName === t && a(i);
+          const C = i.ownerDocument, S = V.getComputedStyle(i);
+          S && S.position === "static" && (i.style.position = "relative"), g(C), i.__resizeLast__ = {}, i.__resizeListeners__ = [], (i.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
+          const D = C.createElement("div");
+          D.className = "expand-trigger", D.appendChild(C.createElement("div"));
+          const z = C.createElement("div");
+          z.className = "contract-trigger", i.__resizeTriggers__.appendChild(D), i.__resizeTriggers__.appendChild(z), i.appendChild(i.__resizeTriggers__), a(i), i.addEventListener("scroll", c, !0), r && (i.__resizeTriggers__.__animationListener__ = function(M) {
+            M.animationName === t && a(i);
           }, i.__resizeTriggers__.addEventListener(r, i.__resizeTriggers__.__animationListener__));
         }
-        i.__resizeListeners__.push(y);
+        i.__resizeListeners__.push(L);
       }
     },
-    removeResizeListener: function(i, y) {
+    removeResizeListener: function(i, L) {
       if (f)
-        i.detachEvent("onresize", y);
-      else if (i.__resizeListeners__.splice(i.__resizeListeners__.indexOf(y), 1), !i.__resizeListeners__.length) {
+        i.detachEvent("onresize", L);
+      else if (i.__resizeListeners__.splice(i.__resizeListeners__.indexOf(L), 1), !i.__resizeListeners__.length) {
         i.removeEventListener("scroll", c, !0), i.__resizeTriggers__.__animationListener__ && (i.__resizeTriggers__.removeEventListener(r, i.__resizeTriggers__.__animationListener__), i.__resizeTriggers__.__animationListener__ = null);
         try {
           i.__resizeTriggers__ = !i.removeChild(i.__resizeTriggers__);
@@ -687,24 +687,24 @@ class or extends lt {
         onResize: s
       } = this.props;
       if (this._parentNode) {
-        const l = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(l.paddingLeft || "0"), c = parseFloat(l.paddingRight || "0"), f = parseFloat(l.paddingTop || "0"), g = parseFloat(l.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), _ = h.height - f - g, i = h.width - a - c;
-        if (!t && this.state.height !== _ || !r && this.state.width !== i) {
+        const l = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(l.paddingLeft || "0"), c = parseFloat(l.paddingRight || "0"), f = parseFloat(l.paddingTop || "0"), g = parseFloat(l.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), w = h.height - f - g, i = h.width - a - c;
+        if (!t && this.state.height !== w || !r && this.state.width !== i) {
           this.setState({
-            height: _,
+            height: w,
             width: i
           });
-          const y = () => {
+          const L = () => {
             this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
           };
           typeof s == "function" && s({
-            height: _,
+            height: w,
             width: i,
             // TODO Remove these params in the next major release
             get scaledHeight() {
-              return y(), _;
+              return L(), w;
             },
             get scaledWidth() {
-              return y(), i;
+              return L(), i;
             }
           });
         }
@@ -740,21 +740,21 @@ class or extends lt {
       onResize: f,
       style: g = {},
       tagName: h = "div",
-      ..._
+      ...w
     } = this.props, {
       height: i,
-      width: y
-    } = this.state, w = {
+      width: L
+    } = this.state, C = {
       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), ue(h, {
+    return s || (i === 0 && (D = !0), C.height = 0, S.height = i, S.scaledHeight = i), l || (L === 0 && (D = !0), C.width = 0, S.width = L, S.scaledWidth = L), a && (D = !1), ue(h, {
       ref: this._setRef,
       style: {
-        ...w,
+        ...C,
         ...g
       },
-      ..._
+      ...w
     }, !D && e(S));
   }
 }
@@ -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__ */ R(
+      return /* @__PURE__ */ b(
         "div",
         {
           style: {
@@ -781,12 +781,12 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
             justifyContent: "center",
             alignItems: "flex-start"
           },
-          children: /* @__PURE__ */ R(Ce, { style: { position: "relative" }, pageNumber: s }, s)
+          children: /* @__PURE__ */ b(Ie, { style: { position: "relative" }, pageNumber: s }, s)
         }
       );
     }
   }
-  return t.columnCount === 2 ? /* @__PURE__ */ R(
+  return t.columnCount === 2 ? /* @__PURE__ */ b(
     "div",
     {
       style: {
@@ -795,27 +795,27 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
         justifyContent: n === 0 ? "flex-end" : "flex-start",
         alignItems: "flex-start"
       },
-      children: /* @__PURE__ */ R(Ce, { style: { position: "relative" }, pageNumber: s }, s)
+      children: /* @__PURE__ */ b(Ie, { style: { position: "relative" }, pageNumber: s }, s)
     }
-  ) : /* @__PURE__ */ R(Ce, { style: r, pageNumber: s }, s);
+  ) : /* @__PURE__ */ b(Ie, { 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();
+  const n = G(new kt()), { initialPage: e = 1, initialScrollMode: t } = bt(), { pagesRef: r, setPagesRef: s, setContentRef: l } = Lt(), { scrollToPage: a } = ft();
   Dt(r);
   const {
     virtualScrollRef: c,
     getVirtualScrollRef: f,
     getPageScrollElementRef: g,
     getVirtualScrollableElementRef: h,
-    setTotalInnerDimensions: _,
+    setTotalInnerDimensions: w,
     virtualScrollableElementRef: i,
-    totalInnerDimensions: y,
-    pageScrollElementRef: w
-  } = 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({
+    totalInnerDimensions: L,
+    pageScrollElementRef: C
+  } = dt(), S = G(!0), { nextPage: D, prevPage: z, setFocusedPage: T, focusedPage: M, totalPages: A } = mt(), { scrollMode: o } = gt(), { viewMode: u } = ht(), d = G(null), { loading: m, error: I } = pt(), { passwordRequired: p } = At(), { LoaderImageComponent: x } = Mt(), R = G(
+    L
+  ), E = G({
     viewMode: u,
     scrollMode: o
-  }), M = G(!1), E = G(), { isFullScreen: x } = wt(), {
+  }), O = G(!1), W = G(), { isFullScreen: y } = wt(), {
     pageDimension: F,
     rowCount: P,
     rowHeight: H,
@@ -824,7 +824,7 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     estimatedColumnWidth: Z,
     estimatedRowHeight: J,
     totalDimension: Q
-  } = ut(), ie = Lt(y, 100), { onScroll: j, onTextSelect: le } = Ft();
+  } = ut(), ie = zt(L, 100), { onScroll: j, onTextSelect: le } = Ft();
   Ht({ onTextSelect: le, pagesRef: r });
   const X = G();
   Ot(N, P, i, u);
@@ -835,63 +835,77 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
   yt(r);
   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));
+  }), te = Se(() => B === vt.HAND, [B]), Qe = Se(() => {
+    const v = Array.from({ length: N }, (_, q) => k(q));
     return {
       columnCount: N,
-      isDualPageWithCover: u === Se.DUAL_PAGE_WITH_COVER,
+      isDualPageWithCover: u === Te.DUAL_PAGE_WITH_COVER,
       columnWidths: v,
       totalPages: A
     };
   }, [N, u, k, A]), he = ae(
     (v) => {
-      const O = document.activeElement !== r;
-      !x && O || (["ArrowUp", "ArrowLeft"].includes(v.key) ? (v.preventDefault(), b()) : ["ArrowDown", "ArrowRight"].includes(v.key) && (v.preventDefault(), D()));
+      const _ = document.activeElement !== r;
+      !y && _ || (["ArrowUp", "ArrowLeft"].includes(v.key) ? (v.preventDefault(), z()) : ["ArrowDown", "ArrowRight"].includes(v.key) && (v.preventDefault(), D()));
     },
-    [D, b, x, o]
+    [D, z, y, o]
   );
   ne(() => (window.addEventListener("keydown", he), () => {
     window.removeEventListener("keydown", he);
   }), [he]), ne(() => {
     if (d.current && (d.current.style.position = "relative"), !!c)
       for (let v = 0; v < P; v++)
-        for (let O = 0; O < N; O++)
+        for (let _ = 0; _ < N; _++)
           c.resetAfterIndices({
-            columnIndex: O,
+            columnIndex: _,
             rowIndex: v,
             shouldForceUpdate: !0
           });
   }, [P, N, F, c]);
   const Xe = ae(
-    (v, O) => {
+    (v, _) => {
       if (!i)
         return { scrollTop: 0, scrollLeft: 0 };
-      const q = Y.current.scrollTop > O, re = Y.current.scrollLeft > v;
+      const q = Y.current.scrollTop > _, re = Y.current.scrollLeft > v;
       return q || re ? Y.current : {
         scrollTop: i.scrollTop,
         scrollLeft: i.scrollLeft
       };
     },
     [i]
-  ), Ee = ae(
-    (v, O) => {
-      if (L.current.viewMode !== u || L.current.scrollMode !== o) {
-        X.current && clearTimeout(X.current), M.current = !0, a(W, "auto"), X.current = setTimeout(() => {
+  ), We = ae(
+    (v, _) => {
+      if (E.current.viewMode !== u || E.current.scrollMode !== o) {
+        X.current && clearTimeout(X.current), O.current = !0, a(M, "auto"), X.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            L.current = { viewMode: u, scrollMode: o };
+            E.current = { viewMode: u, scrollMode: o };
           });
         }, 100);
         return;
       }
       const re = v.scrollTop, ge = v.scrollLeft;
-      if (!O.height || !O.width)
+      if (!_.height || !_.width)
+        return;
+      O.current = !0;
+      const { height: oe, width: ve } = _, { height: _e, width: we } = R.current;
+      if (_e === oe && we === ve)
         return;
-      M.current = !0;
-      const { height: oe, width: ve } = O, { height: Oe, width: We } = z.current;
-      if (Oe === oe && We === ve)
+      if (S.current && e > 1) {
+        R.current = {
+          height: _.height,
+          width: _.width
+        };
         return;
-      const rt = re / Oe * oe, ot = ge / We * ve, nt = Math.round(Math.min(rt, oe)) || 0, it = Math.round(Math.min(ot, ve)) || 0;
-      E.current = setTimeout(() => {
+      }
+      if (!_e || !we) {
+        R.current = {
+          height: _.height,
+          width: _.width
+        };
+        return;
+      }
+      const rt = re / _e * oe, ot = ge / we * ve, nt = Math.round(Math.min(rt, oe)) || 0, it = Math.round(Math.min(ot, ve)) || 0;
+      W.current = setTimeout(() => {
         requestAnimationFrame(() => {
           i == null || i.scrollTo({
             top: nt,
@@ -899,27 +913,27 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
             behavior: "auto"
           });
         });
-      }, 0), z.current = {
-        height: O.height,
-        width: O.width
+      }, 0), R.current = {
+        height: _.height,
+        width: _.width
       };
     },
-    [i, u, o, a]
+    [i, u, o, a, e, M]
   );
   ne(() => {
-    clearTimeout(E.current);
+    clearTimeout(W.current);
     const v = Array.from({ length: P }).reduce(
       (re, ge, oe) => re + H(oe),
       0
-    ), O = Array.from({ length: N }).reduce(
+    ), _ = Array.from({ length: N }).reduce(
       (re, ge, oe) => re + k(oe),
       0
-    ), q = Xe(O, v);
-    Y.current = q, Ee(q, { height: v, width: O }), _({
+    ), q = Xe(_, v);
+    Y.current = q, We(q, { height: v, width: _ }), w({
       height: v,
-      width: O
+      width: _
     });
-  }, [F, P, N, Ee]);
+  }, [F, P, N, We]);
   const Ye = ae(
     (v) => {
       Y.current = {
@@ -931,19 +945,19 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
   );
   ne(() => {
     if (j)
-      return w && w.addEventListener("scroll", j), i && i.addEventListener("scroll", j), () => {
-        w == null || w.removeEventListener("scroll", j), i == null || i.removeEventListener("scroll", j);
+      return C && C.addEventListener("scroll", j), i && i.addEventListener("scroll", j), () => {
+        C == null || C.removeEventListener("scroll", j), i == null || i.removeEventListener("scroll", j);
       };
-  }, [i, w, j]), ne(() => () => {
+  }, [i, C, j]), ne(() => () => {
     X.current && clearTimeout(X.current);
   }, []);
-  const et = we(() => ce(U["rp-pages-container"], {
+  const et = Se(() => ce(U["rp-pages-container"], {
     [U["rp-cursor-grab"]]: te && !ee,
     [U["rp-cursor-grabbing"]]: te && ee
   }), [te, ee]), tt = ae(
     (v) => {
       if (te && v) {
-        const O = ce(U["rp-pages"]), q = document.querySelector(`.${O}`);
+        const _ = ce(U["rp-pages"]), q = document.querySelector(`.${_}`);
         K(q);
       }
     },
@@ -952,21 +966,22 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
   return ne(() => {
     m && pe();
   }, [m]), ne(() => {
-    if (!(ie.height === 0 || !S.current)) {
-      if (t === Ie.PAGE_SCROLLING) {
-        e !== W && w && I(e), S.current = !1;
-        return;
-      }
-      a(e, "auto"), I(e), S.current = !1;
+    if (ie.height === 0 || !S.current)
+      return;
+    if (t === xe.PAGE_SCROLLING) {
+      e !== M && C && T(e), S.current = !1;
+      return;
     }
+    !i || (a(e, "auto"), !(i.scrollLeft > 0 || i.scrollTop > 0)) || (T(e), S.current = !1);
   }, [
     a,
     t,
-    w,
-    I,
-    ie
-  ]), /* @__PURE__ */ _e(st, { children: [
-    /* @__PURE__ */ R(Pt, { ref: l, children: /* @__PURE__ */ R(
+    C,
+    T,
+    ie,
+    i
+  ]), /* @__PURE__ */ Ce(st, { children: [
+    /* @__PURE__ */ b(Pt, { ref: l, children: /* @__PURE__ */ b(
       Nt,
       {
         ref: s,
@@ -976,15 +991,15 @@ 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__ */ 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(
+        children: /* @__PURE__ */ b(or, { style: { minHeight: "50px" }, children: ({ width: v, height: _ }) => /* @__PURE__ */ b("div", { "data-rp": "pages", ref: tt, style: { width: v, height: _ }, children: o === xe.PAGE_SCROLLING ? /* @__PURE__ */ b(
           "div",
           {
             ref: g,
-            style: { width: v, height: O },
+            style: { width: v, height: _ },
             className: ce(U["rp-pages"], U["rp-page-scrolling-wrapper"]),
-            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 })
+            children: u === Te.DUAL_PAGE ? /* @__PURE__ */ b(Ct, { widths: k, heights: H }) : u === Te.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ b(St, { widths: k, heights: H }) : /* @__PURE__ */ b(It, { widths: k, heights: H })
           }
-        ) : J ? /* @__PURE__ */ R(
+        ) : J ? /* @__PURE__ */ b(
           Xt,
           {
             ref: f,
@@ -995,14 +1010,14 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
             columnCount: N,
             columnWidth: k,
             rowHeight: H,
-            height: O,
+            height: _,
             width: v,
             estimatedColumnWidth: Z,
             estimatedRowHeight: J,
             rowCount: P,
             className: ce(
               U["rp-pages"],
-              o === Ie.HORIZONTAL_SCROLLING ? U["rp-pages-horizontal-scroll"] : ""
+              o === xe.HORIZONTAL_SCROLLING ? U["rp-pages-horizontal-scroll"] : ""
             ),
             style: {
               "--rp-pages-height": `${Q.height}px`,
@@ -1012,7 +1027,7 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
             },
             children: nr
           }
-        ) : !m && !C ? /* @__PURE__ */ R(
+        ) : !m && !I ? /* @__PURE__ */ b(
           "div",
           {
             className: U["rp-loader"],
@@ -1023,22 +1038,22 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
               height: "100%",
               width: "100%"
             },
-            children: T && /* @__PURE__ */ R(T, {})
+            children: x && /* @__PURE__ */ b(x, {})
           }
-        ) : C === _t.NOT_SUPPORTED ? /* @__PURE__ */ R("div", { className: U["rp-not-supported"], children: /* @__PURE__ */ _e("div", { className: U["rp-not-supported-content"], children: [
+        ) : I === _t.NOT_SUPPORTED ? /* @__PURE__ */ b("div", { className: U["rp-not-supported"], children: /* @__PURE__ */ Ce("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__ */ 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+" })
+          /* @__PURE__ */ b("div", { children: /* @__PURE__ */ Ce("ul", { className: U["rp-not-supported-list"], children: [
+            /* @__PURE__ */ b("li", { children: "Chrome 126+" }),
+            /* @__PURE__ */ b("li", { children: "Edge 126+" }),
+            /* @__PURE__ */ b("li", { children: "Firefox 126+" }),
+            /* @__PURE__ */ b("li", { children: "Safari 18.4+" }),
+            /* @__PURE__ */ b("li", { children: "Safari iOS 18.4+" }),
+            /* @__PURE__ */ b("li", { children: "Chrome Android 126+" })
           ] }) })
         ] }) }) : null }) })
       }
     ) }),
-    p && /* @__PURE__ */ R(Et, {})
+    p && /* @__PURE__ */ b(Et, {})
   ] });
 };
 export {