@react-pdf-kit/viewer 2.0.1-rc.6 → 2.1.0-beta.1

package/dist/components/RPPages.js

@@ -1,37 +1,37 @@
-import { jsx as y, jsxs as we, Fragment as at } from "react/jsx-runtime";
-import { createElement as ue, PureComponent as lt, Component as ct, memo as ut, useRef as B, useMemo as Ce, useCallback as se, useEffect as te } from "react";
-import { RPPage as Se } from "./page/RPPage.js";
-import { useVirtualReactWindow as dt } from "../utils/hooks/useVirtualReactWindow.js";
-import { useVirtualScrollContext as ft } from "../contexts/VirtualScrollContext.js";
-import { a as mt, u as pt } from "../PaginationContext-9217cab4.js";
-import { useDocumentContext as ht } from "../contexts/RPDocumentContext.js";
-import { useViewModeContext as gt } from "../contexts/ViewModeContext.js";
-import { useScrollModeContext as vt } from "../contexts/ScrollModeContext.js";
-import { SelectionMode as _t, ViewMode as Ie, ScrollMode as Te, ErrorType as wt } from "../utils/types.js";
-import { useFullScreenContext as Ct } from "../contexts/FullScreenContext.js";
+import { jsx as x, 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 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";
+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 { useFullScreenContext as wt } from "../contexts/FullScreenContext.js";
 import { c as ce } from "../clsx-0c6e471a.js";
-import { DualPage as St } from "./page/DualPage.js";
-import { DualPageWithCover as It } from "./page/DualPageWithCover.js";
-import { SinglePage as Tt } from "./page/SinglePage.js";
-import { useMousePressed as Rt } from "../utils/hooks/useMousePressed.js";
-import { useSelectionModeContext as xt } from "../contexts/SelectionModeContext.js";
-import { useGrabScroll as yt } from "../utils/hooks/useGrabScroll.js";
-import { usePinch as bt } from "../utils/hooks/usePinch.js";
-import { useInitialStateContext as zt } from "../contexts/InitialStateContext.js";
-import { useLayoutContainer as Lt } from "../contexts/LayoutContainerContext.js";
-import { useDebounce as Mt } from "../utils/hooks/useDebounce.js";
-import { useLoaderContext as Et } from "../contexts/LoaderContext.js";
-import Ot from "./ui/PasswordModal.js";
-import { usePresentPage as Wt } from "../utils/hooks/usePresentPage.js";
-import { getPageFromPosition as At } from "../utils/calculatePage.js";
-import { useDocumentPasswordContext as Nt } from "../contexts/DocumentPasswordContext.js";
-import { LayoutContainer as Pt } from "./layout/LayoutContainer.js";
-import { LayoutWrapper as Ft } from "./layout/LayoutWrapper.js";
-import { useEventCallbackContext as Dt } from "../contexts/EventCallbackContext.js";
-import { useCopyText as Ht } from "../utils/hooks/useCopyText.js";
-import { useTextSelection as kt } from "../utils/hooks/useTextSelection.js";
-import { OutputScale as Ut } from "pdfjs-dist";
-import { approximateFraction as Ne } from "../utils/approximateFragtion.js";
+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 { 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 { useLoaderContext as Mt } from "../contexts/LoaderContext.js";
+import Et from "./ui/PasswordModal.js";
+import { usePresentPage as Ot } from "../utils/hooks/usePresentPage.js";
+import { getPageFromPosition as Wt } from "../utils/calculatePage.js";
+import { useDocumentPasswordContext as At } from "../contexts/DocumentPasswordContext.js";
+import { LayoutContainer as Nt } from "./layout/LayoutContainer.js";
+import { LayoutWrapper as Pt } from "./layout/LayoutWrapper.js";
+import { useEventCallbackContext as Ft } from "../contexts/EventCallbackContext.js";
+import { useCopyText as Dt } from "../utils/hooks/useCopyText.js";
+import { useTextSelection as Ht } from "../utils/hooks/useTextSelection.js";
+import { OutputScale as kt } from "pdfjs-dist";
+import { approximateFraction as Ae } from "../utils/approximateFragtion.js";
 import "./page/CanvasLayer.js";
 import "../contexts/ZoomContext.js";
 import "../utils/appConsole.js";
@@ -90,7 +90,7 @@ import "../RPLayout.module-b4b23e29.js";
 import "../contexts/ThemeContext.js";
 import "../contexts/DarkModeContext.js";
 import "../utils/hooks/useDarkMode.js";
-const V = {
+const U = {
   "rp-pages": "_rp-pages_u7m2r_1",
   "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_u7m2r_6",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_u7m2r_11",
@@ -102,54 +102,54 @@ const V = {
   "rp-not-supported": "_rp-not-supported_u7m2r_86",
   "rp-not-supported-content": "_rp-not-supported-content_u7m2r_102"
 };
-function ze() {
-  return ze = Object.assign ? Object.assign.bind() : function(n) {
+function be() {
+  return be = 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;
-  }, ze.apply(null, arguments);
+  }, be.apply(null, arguments);
 }
-function Pe(n) {
+function Ne(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
 }
-function Le(n, e) {
-  return Le = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, r) {
+function ze(n, e) {
+  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, r) {
     return t.__proto__ = r, t;
-  }, Le(n, e);
+  }, ze(n, e);
 }
-function Vt(n, e) {
-  n.prototype = Object.create(e.prototype), n.prototype.constructor = n, Le(n, e);
+function Ut(n, e) {
+  n.prototype = Object.create(e.prototype), n.prototype.constructor = n, ze(n, e);
 }
-var Fe = Number.isNaN || function(e) {
+var Pe = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function qt(n, e) {
-  return !!(n === e || Fe(n) && Fe(e));
+function Vt(n, e) {
+  return !!(n === e || Pe(n) && Pe(e));
 }
-function Gt(n, e) {
+function qt(n, e) {
   if (n.length !== e.length)
     return !1;
   for (var t = 0; t < n.length; t++)
-    if (!qt(n[t], e[t]))
+    if (!Vt(n[t], e[t]))
       return !1;
   return !0;
 }
-function Re(n, e) {
-  e === void 0 && (e = Gt);
-  var t, r = [], i, l = !1;
+function Te(n, e) {
+  e === void 0 && (e = qt);
+  var t, r = [], s, l = !1;
   function a() {
-    for (var c = [], d = 0; d < arguments.length; d++)
-      c[d] = arguments[d];
-    return l && t === this && e(c, r) || (i = n.apply(this, c), l = !0, t = this, r = c), i;
+    for (var c = [], f = 0; f < arguments.length; f++)
+      c[f] = arguments[f];
+    return l && t === this && e(c, r) || (s = n.apply(this, c), l = !0, t = this, r = c), s;
   }
   return a;
 }
-function De(n, e) {
+function Fe(n, e) {
   if (n == null)
     return {};
   var t = {};
@@ -161,131 +161,131 @@ function De(n, e) {
     }
   return t;
 }
-var $t = typeof performance == "object" && typeof performance.now == "function", He = $t ? function() {
+var Gt = typeof performance == "object" && typeof performance.now == "function", De = Gt ? function() {
   return performance.now();
 } : function() {
   return Date.now();
 };
-function ke(n) {
+function He(n) {
   cancelAnimationFrame(n.id);
 }
-function jt(n, e) {
-  var t = He();
+function $t(n, e) {
+  var t = De();
   function r() {
-    He() - t >= e ? n.call(null) : i.id = requestAnimationFrame(r);
+    De() - t >= e ? n.call(null) : s.id = requestAnimationFrame(r);
   }
-  var i = {
+  var s = {
     id: requestAnimationFrame(r)
   };
-  return i;
+  return s;
 }
-var xe = -1;
-function Bt(n) {
-  if (n === void 0 && (n = !1), xe === -1 || n) {
+var Re = -1;
+function jt(n) {
+  if (n === void 0 && (n = !1), Re === -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), Re = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
   }
-  return xe;
+  return Re;
 }
-var ne = null;
-function Ue(n) {
-  if (n === void 0 && (n = !1), ne === null || n) {
+var se = null;
+function ke(n) {
+  if (n === void 0 && (n = !1), se === null || n) {
     var e = document.createElement("div"), t = e.style;
     t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
-    var r = document.createElement("div"), i = r.style;
-    return i.width = "100px", i.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? ne = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? ne = "negative" : ne = "positive-ascending"), document.body.removeChild(e), ne;
+    var r = document.createElement("div"), s = r.style;
+    return s.width = "100px", s.height = "100px", e.appendChild(r), document.body.appendChild(e), e.scrollLeft > 0 ? se = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? se = "negative" : se = "positive-ascending"), document.body.removeChild(e), se;
   }
-  return ne;
+  return se;
 }
-var Kt = 150, Zt = function(e) {
+var Bt = 150, Kt = function(e) {
   var t = e.columnIndex;
   e.data;
   var r = e.rowIndex;
   return r + ":" + t;
 }, 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 Jt(n) {
-  var e, t = n.getColumnOffset, r = n.getColumnStartIndexForOffset, i = n.getColumnStopIndexForStartIndex, l = n.getColumnWidth, a = n.getEstimatedTotalHeight, c = n.getEstimatedTotalWidth, d = n.getOffsetForColumnAndAlignment, v = n.getOffsetForRowAndAlignment, g = n.getRowHeight, S = n.getRowOffset, s = n.getRowStartIndexForOffset, h = n.getRowStopIndexForStartIndex, W = n.initInstanceProps, _ = n.shouldResetStyleCacheOnItemSizeChange, N = n.validateProps;
+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) {
-    Vt(T, b);
-    function T(A) {
+    Ut(I, b);
+    function I(A) {
       var o;
-      return o = b.call(this, A) || this, o._instanceProps = W(o.props, Pe(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
-        instance: Pe(o),
+      return o = b.call(this, A) || this, o._instanceProps = w(o.props, Ne(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
+        instance: Ne(o),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
         scrollLeft: typeof o.props.initialScrollLeft == "number" ? o.props.initialScrollLeft : 0,
         scrollTop: typeof o.props.initialScrollTop == "number" ? o.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Re(function(f, u, m, w, p, R, L, O) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Te(function(u, d, m, C, p, T, z, L) {
         return o.props.onItemsRendered({
-          overscanColumnStartIndex: f,
-          overscanColumnStopIndex: u,
+          overscanColumnStartIndex: u,
+          overscanColumnStopIndex: d,
           overscanRowStartIndex: m,
-          overscanRowStopIndex: w,
+          overscanRowStopIndex: C,
           visibleColumnStartIndex: p,
-          visibleColumnStopIndex: R,
-          visibleRowStartIndex: L,
-          visibleRowStopIndex: O
+          visibleColumnStopIndex: T,
+          visibleRowStartIndex: z,
+          visibleRowStopIndex: L
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = Re(function(f, u, m, w, p) {
+      }), o._callOnScroll = void 0, o._callOnScroll = Te(function(u, d, m, C, p) {
         return o.props.onScroll({
           horizontalScrollDirection: m,
-          scrollLeft: f,
-          scrollTop: u,
-          verticalScrollDirection: w,
+          scrollLeft: u,
+          scrollTop: d,
+          verticalScrollDirection: C,
           scrollUpdateWasRequested: p
         });
-      }), o._getItemStyle = void 0, o._getItemStyle = function(f, u) {
-        var m = o.props, w = m.columnWidth, p = m.direction, R = m.rowHeight, L = o._getItemStyleCache(_ && w, _ && p, _ && R), O = f + ":" + u, x;
-        if (L.hasOwnProperty(O))
-          x = L[O];
+      }), 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 M = t(o.props, u, o._instanceProps), I = p === "rtl";
-          L[O] = x = {
+          var E = t(o.props, d, o._instanceProps), R = p === "rtl";
+          z[L] = M = {
             position: "absolute",
-            left: I ? void 0 : M,
-            right: I ? M : void 0,
-            top: S(o.props, f, o._instanceProps),
-            height: g(o.props, f, o._instanceProps),
-            width: l(o.props, u, o._instanceProps)
+            left: R ? void 0 : E,
+            right: R ? E : void 0,
+            top: _(o.props, u, o._instanceProps),
+            height: h(o.props, u, o._instanceProps),
+            width: l(o.props, d, o._instanceProps)
           };
         }
-        return x;
-      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Re(function(f, u, m) {
+        return M;
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Te(function(u, d, m) {
         return {};
-      }), o._onScroll = function(f) {
-        var u = f.currentTarget, m = u.clientHeight, w = u.clientWidth, p = u.scrollLeft, R = u.scrollTop, L = u.scrollHeight, O = u.scrollWidth;
-        o.setState(function(x) {
-          if (x.scrollLeft === p && x.scrollTop === R)
+      }), 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 M = o.props.direction, I = p;
-          if (M === "rtl")
-            switch (Ue()) {
+          var E = o.props.direction, R = p;
+          if (E === "rtl")
+            switch (ke()) {
               case "negative":
-                I = -p;
+                R = -p;
                 break;
               case "positive-descending":
-                I = O - w - p;
+                R = L - C - p;
                 break;
             }
-          I = Math.max(0, Math.min(I, O - w));
-          var P = Math.max(0, Math.min(R, L - m));
+          R = Math.max(0, Math.min(R, L - C));
+          var F = Math.max(0, Math.min(T, z - m));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: x.scrollLeft < p ? "forward" : "backward",
-            scrollLeft: I,
-            scrollTop: P,
-            verticalScrollDirection: x.scrollTop < R ? "forward" : "backward",
+            horizontalScrollDirection: M.scrollLeft < p ? "forward" : "backward",
+            scrollLeft: R,
+            scrollTop: F,
+            verticalScrollDirection: M.scrollTop < T ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
-      }, o._outerRefSetter = function(f) {
-        var u = o.props.outerRef;
-        o._outerRef = f, typeof u == "function" ? u(f) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = f);
+      }, 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 && ke(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = jt(o._resetIsScrolling, Kt);
+        o._resetIsScrollingTimeoutId !== null && He(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = $t(o._resetIsScrolling, Bt);
       }, o._resetIsScrolling = function() {
         o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
@@ -294,269 +294,269 @@ function Jt(n) {
         });
       }, o;
     }
-    T.getDerivedStateFromProps = function(o, f) {
-      return Qt(o, f), N(o), null;
+    I.getDerivedStateFromProps = function(o, u) {
+      return Jt(o, u), D(o), null;
     };
-    var z = T.prototype;
-    return z.scrollTo = function(o) {
-      var f = o.scrollLeft, u = o.scrollTop;
-      f !== void 0 && (f = Math.max(0, f)), u !== void 0 && (u = Math.max(0, u)), this.setState(function(m) {
-        return f === void 0 && (f = m.scrollLeft), u === void 0 && (u = m.scrollTop), m.scrollLeft === f && m.scrollTop === u ? null : {
-          horizontalScrollDirection: m.scrollLeft < f ? "forward" : "backward",
-          scrollLeft: f,
-          scrollTop: u,
+    var W = I.prototype;
+    return W.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 : {
+          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);
-    }, z.scrollToItem = function(o) {
-      var f = o.align, u = f === void 0 ? "auto" : f, m = o.columnIndex, w = o.rowIndex, p = this.props, R = p.columnCount, L = p.height, O = p.rowCount, x = p.width, M = this.state, I = M.scrollLeft, P = M.scrollTop, k = Bt();
-      m !== void 0 && (m = Math.max(0, Math.min(m, R - 1))), w !== void 0 && (w = Math.max(0, Math.min(w, O - 1)));
-      var F = a(this.props, this._instanceProps), H = c(this.props, this._instanceProps), D = H > x ? k : 0, U = F > L ? k : 0;
+    }, 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, R = 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 ? d(this.props, m, u, I, this._instanceProps, U) : I,
-        scrollTop: w !== void 0 ? v(this.props, w, u, P, this._instanceProps, D) : P
+        scrollLeft: m !== void 0 ? f(this.props, m, d, R, this._instanceProps, Z) : R,
+        scrollTop: C !== void 0 ? g(this.props, C, d, F, this._instanceProps, k) : F
       });
-    }, z.componentDidMount = function() {
-      var o = this.props, f = o.initialScrollLeft, u = o.initialScrollTop;
+    }, W.componentDidMount = function() {
+      var o = this.props, u = o.initialScrollLeft, d = o.initialScrollTop;
       if (this._outerRef != null) {
         var m = this._outerRef;
-        typeof f == "number" && (m.scrollLeft = f), typeof u == "number" && (m.scrollTop = u);
+        typeof u == "number" && (m.scrollLeft = u), typeof d == "number" && (m.scrollTop = d);
       }
       this._callPropsCallbacks();
-    }, z.componentDidUpdate = function() {
-      var o = this.props.direction, f = this.state, u = f.scrollLeft, m = f.scrollTop, w = f.scrollUpdateWasRequested;
-      if (w && this._outerRef != null) {
+    }, 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) {
         var p = this._outerRef;
         if (o === "rtl")
-          switch (Ue()) {
+          switch (ke()) {
             case "negative":
-              p.scrollLeft = -u;
+              p.scrollLeft = -d;
               break;
             case "positive-ascending":
-              p.scrollLeft = u;
+              p.scrollLeft = d;
               break;
             default:
-              var R = p.clientWidth, L = p.scrollWidth;
-              p.scrollLeft = L - R - u;
+              var T = p.clientWidth, z = p.scrollWidth;
+              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();
-    }, z.componentWillUnmount = function() {
-      this._resetIsScrollingTimeoutId !== null && ke(this._resetIsScrollingTimeoutId);
-    }, z.render = function() {
-      var o = this.props, f = o.children, u = o.className, m = o.columnCount, w = o.direction, p = o.height, R = o.innerRef, L = o.innerElementType, O = o.innerTagName, x = o.itemData, M = o.itemKey, I = M === void 0 ? Zt : M, P = o.outerElementType, k = o.outerTagName, F = o.rowCount, H = o.style, D = o.useIsScrolling, U = o.width, re = this.state.isScrolling, Q = this._getHorizontalRangeToRender(), oe = Q[0], ae = Q[1], $ = this._getVerticalRangeToRender(), pe = $[0], X = $[1], Z = [];
-      if (m > 0 && F)
-        for (var G = pe; G <= X; G++)
-          for (var J = oe; J <= ae; J++)
-            Z.push(ue(f, {
-              columnIndex: J,
-              data: x,
-              isScrolling: D ? re : void 0,
-              key: I({
-                columnIndex: J,
-                data: x,
-                rowIndex: G
+    }, W.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, 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 = [];
+      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,
+              isScrolling: k ? J : void 0,
+              key: R({
+                columnIndex: K,
+                data: M,
+                rowIndex: B
               }),
-              rowIndex: G,
-              style: this._getItemStyle(G, J)
+              rowIndex: B,
+              style: this._getItemStyle(B, K)
             }));
-      var le = a(this.props, this._instanceProps), he = c(this.props, this._instanceProps);
-      return ue(P || k || "div", {
-        className: u,
+      var pe = a(this.props, this._instanceProps), te = c(this.props, this._instanceProps);
+      return ue(F || P || "div", {
+        className: d,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
-        style: ze({
+        style: be({
           position: "relative",
           height: p,
-          width: U,
+          width: Z,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: w
-        }, H)
-      }, ue(L || O || "div", {
-        children: Z,
-        ref: R,
+          direction: C
+        }, N)
+      }, ue(z || L || "div", {
+        children: ee,
+        ref: T,
         style: {
-          height: le,
-          pointerEvents: re ? "none" : void 0,
-          width: he
+          height: pe,
+          pointerEvents: J ? "none" : void 0,
+          width: te
         }
       }));
-    }, z._callPropsCallbacks = function() {
-      var o = this.props, f = o.columnCount, u = o.onItemsRendered, m = o.onScroll, w = o.rowCount;
-      if (typeof u == "function" && f > 0 && w > 0) {
-        var p = this._getHorizontalRangeToRender(), R = p[0], L = p[1], O = p[2], x = p[3], M = this._getVerticalRangeToRender(), I = M[0], P = M[1], k = M[2], F = M[3];
-        this._callOnItemsRendered(R, L, I, P, O, x, k, F);
+    }, 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(), R = E[0], F = E[1], P = E[2], H = E[3];
+        this._callOnItemsRendered(T, z, R, F, L, M, P, H);
       }
       if (typeof m == "function") {
-        var H = this.state, D = H.horizontalScrollDirection, U = H.scrollLeft, re = H.scrollTop, Q = H.scrollUpdateWasRequested, oe = H.verticalScrollDirection;
-        this._callOnScroll(U, re, D, oe, Q);
+        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);
       }
-    }, z._getHorizontalRangeToRender = function() {
-      var o = this.props, f = o.columnCount, u = o.overscanColumnCount, m = o.overscanColumnsCount, w = o.overscanCount, p = o.rowCount, R = this.state, L = R.horizontalScrollDirection, O = R.isScrolling, x = R.scrollLeft, M = u || m || w || 1;
-      if (f === 0 || p === 0)
+    }, 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;
+      if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      var I = r(this.props, x, this._instanceProps), P = i(this.props, I, x, this._instanceProps), k = !O || L === "backward" ? Math.max(1, M) : 1, F = !O || L === "forward" ? Math.max(1, M) : 1;
-      return [Math.max(0, I - k), Math.max(0, Math.min(f - 1, P + F)), I, P];
-    }, z._getVerticalRangeToRender = function() {
-      var o = this.props, f = o.columnCount, u = o.overscanCount, m = o.overscanRowCount, w = o.overscanRowsCount, p = o.rowCount, R = this.state, L = R.isScrolling, O = R.verticalScrollDirection, x = R.scrollTop, M = m || w || u || 1;
-      if (f === 0 || p === 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(u - 1, F + H)), R, 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;
+      if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      var I = s(this.props, x, this._instanceProps), P = h(this.props, I, x, this._instanceProps), k = !L || O === "backward" ? Math.max(1, M) : 1, F = !L || O === "forward" ? Math.max(1, M) : 1;
-      return [Math.max(0, I - k), Math.max(0, Math.min(p - 1, P + F)), I, P];
-    }, T;
-  }(lt), e.defaultProps = {
+      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];
+    }, I;
+  }(at), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, e;
 }
-var Qt = function(e, t) {
-  var r = e.children, i = e.direction, l = e.height, a = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, v = e.overscanCount, g = e.overscanRowsCount, S = e.width, s = t.instance;
+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 v == "number" && de && !de.has(s) && (de.add(s), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof g == "number") && fe && !fe.has(s) && (fe.add(s), 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(s) && (me.add(s), 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 (i) {
+    switch (s) {
       case "ltr":
       case "rtl":
         break;
       default:
-        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + i + '" was specified.'));
+        throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + s + '" was specified.'));
     }
-    if (typeof S != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (S === null ? "null" : typeof 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 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.'));
   }
-}, Ve = 50, Ze = function(e, t) {
-  var r = e.rowCount, i = t.rowMetadataMap, l = t.estimatedRowHeight, a = t.lastMeasuredRowIndex, c = 0;
+}, Ue = 50, Ke = function(e, t) {
+  var r = e.rowCount, s = t.rowMetadataMap, l = t.estimatedRowHeight, a = t.lastMeasuredRowIndex, c = 0;
   if (a >= r && (a = r - 1), a >= 0) {
-    var d = i[a];
-    c = d.offset + d.size;
+    var f = s[a];
+    c = f.offset + f.size;
   }
-  var v = r - a - 1, g = v * l;
-  return c + g;
-}, Je = function(e, t) {
-  var r = e.columnCount, i = t.columnMetadataMap, l = t.estimatedColumnWidth, a = t.lastMeasuredColumnIndex, c = 0;
+  var g = r - a - 1, h = g * l;
+  return c + h;
+}, Ze = function(e, t) {
+  var r = e.columnCount, s = t.columnMetadataMap, l = t.estimatedColumnWidth, a = t.lastMeasuredColumnIndex, c = 0;
   if (a >= r && (a = r - 1), a >= 0) {
-    var d = i[a];
-    c = d.offset + d.size;
+    var f = s[a];
+    c = f.offset + f.size;
   }
-  var v = r - a - 1, g = v * l;
-  return c + g;
-}, K = function(e, t, r, i) {
+  var g = r - a - 1, h = g * l;
+  return c + h;
+}, $ = function(e, t, r, s) {
   var l, a, c;
-  if (e === "column" ? (l = i.columnMetadataMap, a = t.columnWidth, c = i.lastMeasuredColumnIndex) : (l = i.rowMetadataMap, a = t.rowHeight, c = i.lastMeasuredRowIndex), r > c) {
-    var d = 0;
+  if (e === "column" ? (l = s.columnMetadataMap, a = t.columnWidth, c = s.lastMeasuredColumnIndex) : (l = s.rowMetadataMap, a = t.rowHeight, c = s.lastMeasuredRowIndex), r > c) {
+    var f = 0;
     if (c >= 0) {
-      var v = l[c];
-      d = v.offset + v.size;
+      var g = l[c];
+      f = g.offset + g.size;
     }
-    for (var g = c + 1; g <= r; g++) {
-      var S = a(g);
-      l[g] = {
-        offset: d,
-        size: S
-      }, d += S;
+    for (var h = c + 1; h <= r; h++) {
+      var _ = a(h);
+      l[h] = {
+        offset: f,
+        size: _
+      }, f += _;
     }
-    e === "column" ? i.lastMeasuredColumnIndex = r : i.lastMeasuredRowIndex = r;
+    e === "column" ? s.lastMeasuredColumnIndex = r : s.lastMeasuredRowIndex = r;
   }
   return l[r];
-}, qe = function(e, t, r, i) {
+}, Ve = function(e, t, r, s) {
   var l, a;
   e === "column" ? (l = r.columnMetadataMap, a = r.lastMeasuredColumnIndex) : (l = r.rowMetadataMap, a = r.lastMeasuredRowIndex);
   var c = a > 0 ? l[a].offset : 0;
-  return c >= i ? Qe(e, t, r, a, 0, i) : Xt(e, t, r, Math.max(0, a), i);
-}, Qe = function(e, t, r, i, l, a) {
-  for (; l <= i; ) {
-    var c = l + Math.floor((i - l) / 2), d = K(e, t, c, r).offset;
-    if (d === a)
+  return c >= s ? Je(e, t, r, a, 0, s) : Qt(e, t, r, Math.max(0, a), s);
+}, Je = function(e, t, r, s, l, a) {
+  for (; l <= s; ) {
+    var c = l + Math.floor((s - l) / 2), f = $(e, t, c, r).offset;
+    if (f === a)
       return c;
-    d < a ? l = c + 1 : d > a && (i = c - 1);
+    f < a ? l = c + 1 : f > a && (s = c - 1);
   }
   return l > 0 ? l - 1 : 0;
-}, Xt = function(e, t, r, i, l) {
-  for (var a = e === "column" ? t.columnCount : t.rowCount, c = 1; i < a && K(e, t, i, r).offset < l; )
-    i += c, c *= 2;
-  return Qe(e, t, r, Math.min(i, a - 1), Math.floor(i / 2), l);
-}, Ge = function(e, t, r, i, l, a, c) {
-  var d = e === "column" ? t.width : t.height, v = K(e, t, r, a), g = e === "column" ? Je(t, a) : Ze(t, a), S = Math.max(0, Math.min(g - d, v.offset)), s = Math.max(0, v.offset - d + c + v.size);
-  switch (i === "smart" && (l >= s - d && l <= S + d ? i = "auto" : i = "center"), i) {
+}, Qt = function(e, t, r, s, l) {
+  for (var a = e === "column" ? t.columnCount : t.rowCount, c = 1; s < a && $(e, t, s, r).offset < l; )
+    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) {
     case "start":
-      return S;
+      return _;
     case "end":
-      return s;
+      return i;
     case "center":
-      return Math.round(s + (S - s) / 2);
+      return Math.round(i + (_ - i) / 2);
     case "auto":
     default:
-      return l >= s && l <= S ? l : s > S || l < s ? s : S;
+      return l >= i && l <= _ ? l : i > _ || l < i ? i : _;
   }
-}, Yt = /* @__PURE__ */ Jt({
+}, Xt = /* @__PURE__ */ Zt({
   getColumnOffset: function(e, t, r) {
-    return K("column", e, t, r).offset;
+    return $("column", e, t, r).offset;
   },
   getColumnStartIndexForOffset: function(e, t, r) {
-    return qe("column", e, r, t);
+    return Ve("column", e, r, t);
   },
-  getColumnStopIndexForStartIndex: function(e, t, r, i) {
-    for (var l = e.columnCount, a = e.width, c = K("column", e, t, i), d = r + a, v = c.offset + c.size, g = t; g < l - 1 && v < d; )
-      g++, v += K("column", e, g, i).size;
-    return g;
+  getColumnStopIndexForStartIndex: function(e, t, r, s) {
+    for (var l = e.columnCount, a = e.width, c = $("column", e, t, s), f = r + a, g = c.offset + c.size, h = t; h < l - 1 && g < f; )
+      h++, g += $("column", e, h, s).size;
+    return h;
   },
   getColumnWidth: function(e, t, r) {
     return r.columnMetadataMap[t].size;
   },
-  getEstimatedTotalHeight: Ze,
-  getEstimatedTotalWidth: Je,
-  getOffsetForColumnAndAlignment: function(e, t, r, i, l, a) {
-    return Ge("column", e, t, r, i, l, a);
+  getEstimatedTotalHeight: Ke,
+  getEstimatedTotalWidth: Ze,
+  getOffsetForColumnAndAlignment: function(e, t, r, s, l, a) {
+    return qe("column", e, t, r, s, l, a);
   },
-  getOffsetForRowAndAlignment: function(e, t, r, i, l, a) {
-    return Ge("row", e, t, r, i, l, a);
+  getOffsetForRowAndAlignment: function(e, t, r, s, l, a) {
+    return qe("row", e, t, r, s, l, a);
   },
   getRowOffset: function(e, t, r) {
-    return K("row", e, t, r).offset;
+    return $("row", e, t, r).offset;
   },
   getRowHeight: function(e, t, r) {
     return r.rowMetadataMap[t].size;
   },
   getRowStartIndexForOffset: function(e, t, r) {
-    return qe("row", e, r, t);
+    return Ve("row", e, r, t);
   },
-  getRowStopIndexForStartIndex: function(e, t, r, i) {
-    for (var l = e.rowCount, a = e.height, c = K("row", e, t, i), d = r + a, v = c.offset + c.size, g = t; g < l - 1 && v < d; )
-      g++, v += K("row", e, g, i).size;
-    return g;
+  getRowStopIndexForStartIndex: function(e, t, r, s) {
+    for (var l = e.rowCount, a = e.height, c = $("row", e, t, s), f = r + a, g = c.offset + c.size, h = t; h < l - 1 && g < f; )
+      h++, g += $("row", e, h, s).size;
+    return h;
   },
   initInstanceProps: function(e, t) {
-    var r = e, i = r.estimatedColumnWidth, l = r.estimatedRowHeight, a = {
+    var r = e, s = r.estimatedColumnWidth, l = r.estimatedRowHeight, a = {
       columnMetadataMap: {},
-      estimatedColumnWidth: i || Ve,
-      estimatedRowHeight: l || Ve,
+      estimatedColumnWidth: s || Ue,
+      estimatedRowHeight: l || Ue,
       lastMeasuredColumnIndex: -1,
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    return t.resetAfterColumnIndex = function(c, d) {
-      d === void 0 && (d = !0), t.resetAfterIndices({
+    return t.resetAfterColumnIndex = function(c, f) {
+      f === void 0 && (f = !0), t.resetAfterIndices({
         columnIndex: c,
-        shouldForceUpdate: d
+        shouldForceUpdate: f
       });
-    }, t.resetAfterRowIndex = function(c, d) {
-      d === void 0 && (d = !0), t.resetAfterIndices({
+    }, t.resetAfterRowIndex = function(c, f) {
+      f === void 0 && (f = !0), t.resetAfterIndices({
         rowIndex: c,
-        shouldForceUpdate: d
+        shouldForceUpdate: f
       });
     }, t.resetAfterIndices = function(c) {
-      var d = c.columnIndex, v = c.rowIndex, g = c.shouldForceUpdate, S = g === void 0 ? !0 : g;
-      typeof d == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, d - 1)), typeof v == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, v - 1)), t._getItemStyleCache(-1), S && t.forceUpdate();
+      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();
     }, a;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -571,7 +571,7 @@ var Qt = function(e, t) {
   }
 });
 process.env.NODE_ENV;
-function $e(n, e) {
+function Ge(n, e) {
   for (var t in n)
     if (!(t in e))
       return !0;
@@ -580,100 +580,100 @@ function $e(n, e) {
       return !0;
   return !1;
 }
-var er = ["style"], tr = ["style"];
-function rr(n, e) {
-  var t = n.style, r = De(n, er), i = e.style, l = De(e, tr);
-  return !$e(t, i) && !$e(r, l);
+var Yt = ["style"], er = ["style"];
+function tr(n, e) {
+  var t = n.style, r = Fe(n, Yt), s = e.style, l = Fe(e, er);
+  return !Ge(t, s) && !Ge(r, l);
 }
-let q;
-typeof window < "u" ? q = window : typeof self < "u" ? q = self : q = global;
-let Me = null, Ee = null;
-const je = 20, ye = q.clearTimeout, Be = q.setTimeout, be = q.cancelAnimationFrame || q.mozCancelAnimationFrame || q.webkitCancelAnimationFrame, Ke = q.requestAnimationFrame || q.mozRequestAnimationFrame || q.webkitRequestAnimationFrame;
-be == null || Ke == null ? (Me = ye, Ee = function(e) {
-  return Be(e, je);
-}) : (Me = function([e, t]) {
-  be(e), ye(t);
-}, Ee = function(e) {
-  const t = Ke(function() {
-    ye(r), e();
-  }), r = Be(function() {
-    be(t), e();
-  }, je);
+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) {
+  return je(e, $e);
+}) : (Le = function([e, t]) {
+  ye(e), xe(t);
+}, Me = function(e) {
+  const t = Be(function() {
+    xe(r), e();
+  }), r = je(function() {
+    ye(t), e();
+  }, $e);
   return [t, r];
 });
-function or(n) {
-  let e, t, r, i, l, a, c;
-  const d = typeof document < "u" && document.attachEvent;
-  if (!d) {
+function rr(n) {
+  let e, t, r, s, l, a, c;
+  const f = typeof document < "u" && document.attachEvent;
+  if (!f) {
     a = function(b) {
-      const T = b.__resizeTriggers__, z = T.firstElementChild, A = T.lastElementChild, o = z.firstElementChild;
-      A.scrollLeft = A.scrollWidth, A.scrollTop = A.scrollHeight, o.style.width = z.offsetWidth + 1 + "px", o.style.height = z.offsetHeight + 1 + "px", z.scrollLeft = z.scrollWidth, z.scrollTop = z.scrollHeight;
+      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)
         return;
-      const T = this;
-      a(this), this.__resizeRAF__ && Me(this.__resizeRAF__), this.__resizeRAF__ = Ee(function() {
-        l(T) && (T.__resizeLast__.width = T.offsetWidth, T.__resizeLast__.height = T.offsetHeight, T.__resizeListeners__.forEach(function(o) {
-          o.call(T, b);
+      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);
         }));
       });
     };
-    let s = !1, h = "";
+    let i = !1, y = "";
     r = "animationstart";
-    const W = "Webkit Moz O ms".split(" ");
-    let _ = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), N = "";
+    const w = "Webkit Moz O ms".split(" ");
+    let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), D = "";
     {
       const b = document.createElement("fakeelement");
-      if (b.style.animationName !== void 0 && (s = !0), s === !1) {
-        for (let T = 0; T < W.length; T++)
-          if (b.style[W[T] + "AnimationName"] !== void 0) {
-            N = W[T], h = "-" + N.toLowerCase() + "-", r = _[T], s = !0;
+      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;
             break;
           }
       }
     }
-    t = "resizeanim", e = "@" + h + "keyframes " + t + " { from { opacity: 0; } to { opacity: 0; } } ", i = h + "animation: 1ms " + t + "; ";
+    t = "resizeanim", e = "@" + y + "keyframes " + t + " { from { opacity: 0; } to { opacity: 0; } } ", s = y + "animation: 1ms " + t + "; ";
   }
-  const v = function(s) {
-    if (!s.getElementById("detectElementResize")) {
-      const h = (e || "") + ".resize-triggers { " + (i || "") + '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 = s.head || s.getElementsByTagName("head")[0], _ = s.createElement("style");
-      _.id = "detectElementResize", _.type = "text/css", n != null && _.setAttribute("nonce", n), _.styleSheet ? _.styleSheet.cssText = h : _.appendChild(s.createTextNode(h)), W.appendChild(_);
+  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);
     }
   };
   return {
-    addResizeListener: function(s, h) {
-      if (d)
-        s.attachEvent("onresize", h);
+    addResizeListener: function(i, y) {
+      if (f)
+        i.attachEvent("onresize", y);
       else {
-        if (!s.__resizeTriggers__) {
-          const W = s.ownerDocument, _ = q.getComputedStyle(s);
-          _ && _.position === "static" && (s.style.position = "relative"), v(W), s.__resizeLast__ = {}, s.__resizeListeners__ = [], (s.__resizeTriggers__ = W.createElement("div")).className = "resize-triggers";
-          const N = W.createElement("div");
-          N.className = "expand-trigger", N.appendChild(W.createElement("div"));
-          const b = W.createElement("div");
-          b.className = "contract-trigger", s.__resizeTriggers__.appendChild(N), s.__resizeTriggers__.appendChild(b), s.appendChild(s.__resizeTriggers__), a(s), s.addEventListener("scroll", c, !0), r && (s.__resizeTriggers__.__animationListener__ = function(z) {
-            z.animationName === t && a(s);
-          }, s.__resizeTriggers__.addEventListener(r, s.__resizeTriggers__.__animationListener__));
+        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);
+          }, i.__resizeTriggers__.addEventListener(r, i.__resizeTriggers__.__animationListener__));
         }
-        s.__resizeListeners__.push(h);
+        i.__resizeListeners__.push(y);
       }
     },
-    removeResizeListener: function(s, h) {
-      if (d)
-        s.detachEvent("onresize", h);
-      else if (s.__resizeListeners__.splice(s.__resizeListeners__.indexOf(h), 1), !s.__resizeListeners__.length) {
-        s.removeEventListener("scroll", c, !0), s.__resizeTriggers__.__animationListener__ && (s.__resizeTriggers__.removeEventListener(r, s.__resizeTriggers__.__animationListener__), s.__resizeTriggers__.__animationListener__ = null);
+    removeResizeListener: function(i, y) {
+      if (f)
+        i.detachEvent("onresize", y);
+      else if (i.__resizeListeners__.splice(i.__resizeListeners__.indexOf(y), 1), !i.__resizeListeners__.length) {
+        i.removeEventListener("scroll", c, !0), i.__resizeTriggers__.__animationListener__ && (i.__resizeTriggers__.removeEventListener(r, i.__resizeTriggers__.__animationListener__), i.__resizeTriggers__.__animationListener__ = null);
         try {
-          s.__resizeTriggers__ = !s.removeChild(s.__resizeTriggers__);
+          i.__resizeTriggers__ = !i.removeChild(i.__resizeTriggers__);
         } catch {
         }
       }
     }
   };
 }
-class nr extends ct {
+class or extends lt {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -683,27 +683,27 @@ class nr extends ct {
       const {
         disableHeight: t,
         disableWidth: r,
-        onResize: i
+        onResize: s
       } = this.props;
       if (this._parentNode) {
-        const l = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(l.paddingLeft || "0"), c = parseFloat(l.paddingRight || "0"), d = parseFloat(l.paddingTop || "0"), v = parseFloat(l.paddingBottom || "0"), g = this._parentNode.getBoundingClientRect(), S = g.height - d - v, s = g.width - a - c;
-        if (!t && this.state.height !== S || !r && this.state.width !== s) {
+        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) {
           this.setState({
-            height: S,
-            width: s
+            height: _,
+            width: i
           });
-          const h = () => {
+          const y = () => {
             this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
           };
-          typeof i == "function" && i({
-            height: S,
-            width: s,
+          typeof s == "function" && s({
+            height: _,
+            width: i,
             // TODO Remove these params in the next major release
             get scaledHeight() {
-              return h(), S;
+              return y(), _;
             },
             get scaledWidth() {
-              return h(), s;
+              return y(), i;
             }
           });
         }
@@ -721,7 +721,7 @@ class nr extends ct {
       const r = t.ownerDocument.defaultView.ResizeObserver;
       r != null ? (this._resizeObserver = new r(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(t)) : (this._detectElementResize = or(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(t)) : (this._detectElementResize = rr(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -732,60 +732,60 @@ class nr extends ct {
       children: e,
       defaultHeight: t,
       defaultWidth: r,
-      disableHeight: i = !1,
+      disableHeight: s = !1,
       disableWidth: l = !1,
       doNotBailOutOnEmptyChildren: a = !1,
       nonce: c,
-      onResize: d,
-      style: v = {},
-      tagName: g = "div",
-      ...S
+      onResize: f,
+      style: g = {},
+      tagName: h = "div",
+      ..._
     } = this.props, {
-      height: s,
-      width: h
-    } = this.state, W = {
+      height: i,
+      width: y
+    } = this.state, w = {
       overflow: "visible"
-    }, _ = {};
-    let N = !1;
-    return i || (s === 0 && (N = !0), W.height = 0, _.height = s, _.scaledHeight = s), l || (h === 0 && (N = !0), W.width = 0, _.width = h, _.scaledWidth = h), a && (N = !1), ue(g, {
+    }, 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, {
       ref: this._setRef,
       style: {
-        ...W,
-        ...v
+        ...w,
+        ...g
       },
-      ...S
-    }, !N && e(_));
+      ..._
+    }, !D && e(S));
   }
 }
-const ir = ut(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
-  const i = At(
+const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
+  const s = Wt(
     e,
     n,
     t.columnCount,
     t.isDualPageWithCover
   );
-  if (i <= 0)
+  if (s <= 0)
     return null;
   if (t.isDualPageWithCover) {
-    const a = i === t.totalPages && t.totalPages % 2 === 0;
-    if (e === 0 && i === 1 || a && n === 0) {
-      const d = t.columnWidths.reduce((v, g) => v + g, 0);
-      return /* @__PURE__ */ y(
+    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(
         "div",
         {
           style: {
             ...r,
-            width: d,
+            width: f,
             display: "flex",
             justifyContent: "center",
             alignItems: "flex-start"
           },
-          children: /* @__PURE__ */ y(Se, { style: { position: "relative" }, pageNumber: i }, i)
+          children: /* @__PURE__ */ x(Ce, { style: { position: "relative" }, pageNumber: s }, s)
         }
       );
     }
   }
-  return t.columnCount === 2 ? /* @__PURE__ */ y(
+  return t.columnCount === 2 ? /* @__PURE__ */ x(
     "div",
     {
       style: {
@@ -794,228 +794,227 @@ const ir = ut(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
         justifyContent: n === 0 ? "flex-end" : "flex-start",
         alignItems: "flex-start"
       },
-      children: /* @__PURE__ */ y(Se, { style: { position: "relative" }, pageNumber: i }, i)
+      children: /* @__PURE__ */ x(Ce, { style: { position: "relative" }, pageNumber: s }, s)
     }
-  ) : /* @__PURE__ */ y(Se, { style: r, pageNumber: i }, i);
-}, rr), jo = () => {
-  const n = B(new Ut()), { initialPage: e = 1, initialScrollMode: t, instanceId: r } = zt(), { pagesRef: i, setPagesRef: l, setContentRef: a } = Lt(), { scrollToPage: c } = mt();
-  Ht(i);
+  ) : /* @__PURE__ */ x(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);
   const {
-    virtualScrollRef: d,
-    getVirtualScrollRef: v,
+    virtualScrollRef: c,
+    getVirtualScrollRef: f,
     getPageScrollElementRef: g,
-    getVirtualScrollableElementRef: S,
-    setTotalInnerDimensions: s,
-    virtualScrollableElementRef: h,
-    totalInnerDimensions: W,
-    pageScrollElementRef: _
-  } = ft(), N = B(!0), { nextPage: b, prevPage: T, setFocusedPage: z, focusedPage: A, totalPages: o } = pt(), { scrollMode: f } = vt(), { viewMode: u } = gt(), m = B(null), { loading: w, error: p } = ht(), { passwordRequired: R } = Nt(), { LoaderImageComponent: L } = Et(), O = B(
-    W
-  ), x = B({
+    getVirtualScrollableElementRef: h,
+    setTotalInnerDimensions: _,
+    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({
     viewMode: u,
-    scrollMode: f
-  }), M = B(!1), I = B(), { isFullScreen: P } = Ct(), {
-    pageDimension: k,
-    rowCount: F,
+    scrollMode: o
+  }), M = G(!1), E = G(), { isFullScreen: R } = wt(), {
+    pageDimension: F,
+    rowCount: P,
     rowHeight: H,
-    columnCount: D,
-    columnWidth: U,
-    estimatedColumnWidth: re,
-    estimatedRowHeight: Q,
-    totalDimension: oe
-  } = dt(), ae = Mt(W, 100), { onScroll: $, onTextSelect: pe } = Dt();
-  kt({ onTextSelect: pe, pagesRef: i });
-  const X = B();
-  Wt(D, F, h, u);
-  const Z = B({
+    columnCount: N,
+    columnWidth: k,
+    estimatedColumnWidth: Z,
+    estimatedRowHeight: J,
+    totalDimension: Q
+  } = ut(), ie = Lt(y, 100), { onScroll: j, onTextSelect: le } = Ft();
+  Ht({ onTextSelect: le, pagesRef: r });
+  const X = G();
+  Ot(N, P, i, u);
+  const Y = G({
     scrollTop: 0,
     scrollLeft: 0
   });
-  bt(i);
-  const { isPressed: G } = Rt(), { selectionMode: J } = xt(), { initializeGrabScroll: le, resetGrabState: he } = yt({
-    isPressed: G
-  }), ie = Ce(() => J === _t.HAND, [J]), Xe = Ce(() => {
-    const C = Array.from({ length: D }, (E, j) => U(j));
+  yt(r);
+  const { isPressed: ee } = Tt(), { selectionMode: B } = Rt(), { initializeGrabScroll: K, resetGrabState: pe } = xt({
+    isPressed: ee
+  }), te = we(() => B === vt.HAND, [B]), Qe = we(() => {
+    const v = Array.from({ length: N }, (O, q) => k(q));
     return {
-      columnCount: D,
-      isDualPageWithCover: u === Ie.DUAL_PAGE_WITH_COVER,
-      columnWidths: C,
-      totalPages: o
+      columnCount: N,
+      isDualPageWithCover: u === Se.DUAL_PAGE_WITH_COVER,
+      columnWidths: v,
+      totalPages: A
     };
-  }, [D, u, U, o]), ge = se(
-    (C) => {
-      const E = document.activeElement !== i;
-      !P && E || (["ArrowUp", "ArrowLeft"].includes(C.key) ? (C.preventDefault(), T()) : ["ArrowDown", "ArrowRight"].includes(C.key) && (C.preventDefault(), b()));
+  }, [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()));
     },
-    [b, T, P, f]
+    [D, b, R, o]
   );
-  te(() => (window.addEventListener("keydown", ge), () => {
-    window.removeEventListener("keydown", ge);
-  }), [ge]), te(() => {
-    if (m.current && (m.current.style.position = "relative"), !!d)
-      for (let C = 0; C < F; C++)
-        for (let E = 0; E < D; E++)
-          d.resetAfterIndices({
-            columnIndex: E,
-            rowIndex: C,
+  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++)
+          c.resetAfterIndices({
+            columnIndex: O,
+            rowIndex: v,
             shouldForceUpdate: !0
           });
-  }, [F, D, k, d]);
-  const Ye = se(
-    (C, E) => {
-      if (!h)
+  }, [P, N, F, c]);
+  const Xe = ae(
+    (v, O) => {
+      if (!i)
         return { scrollTop: 0, scrollLeft: 0 };
-      const j = Z.current.scrollTop > E, Y = Z.current.scrollLeft > C;
-      return j || Y ? Z.current : {
-        scrollTop: h.scrollTop,
-        scrollLeft: h.scrollLeft
+      const q = Y.current.scrollTop > O, re = Y.current.scrollLeft > v;
+      return q || re ? Y.current : {
+        scrollTop: i.scrollTop,
+        scrollLeft: i.scrollLeft
       };
     },
-    [h]
-  ), Oe = se(
-    (C, E) => {
-      if (x.current.viewMode !== u || x.current.scrollMode !== f) {
-        X.current && clearTimeout(X.current), M.current = !0, c(A, "auto"), X.current = setTimeout(() => {
+    [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(() => {
           requestAnimationFrame(() => {
-            x.current = { viewMode: u, scrollMode: f };
+            L.current = { viewMode: u, scrollMode: o };
           });
         }, 100);
         return;
       }
-      const Y = C.scrollTop, ve = C.scrollLeft;
-      if (!E.height || !E.width)
+      const re = v.scrollTop, ge = v.scrollLeft;
+      if (!O.height || !O.width)
         return;
       M.current = !0;
-      const { height: ee, width: _e } = E, { height: We, width: Ae } = O.current;
-      if (We === ee && Ae === _e)
+      const { height: oe, width: ve } = O, { height: Oe, width: We } = z.current;
+      if (Oe === oe && We === ve)
         return;
-      const ot = Y / We * ee, nt = ve / Ae * _e, it = Math.round(Math.min(ot, ee)) || 0, st = Math.round(Math.min(nt, _e)) || 0;
-      I.current = setTimeout(() => {
+      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(() => {
         requestAnimationFrame(() => {
-          h == null || h.scrollTo({
-            top: it,
-            left: st,
+          i == null || i.scrollTo({
+            top: nt,
+            left: it,
             behavior: "auto"
           });
         });
-      }, 0), O.current = {
-        height: E.height,
-        width: E.width
+      }, 0), z.current = {
+        height: O.height,
+        width: O.width
       };
     },
-    [h, u, f, c]
+    [i, u, o, a]
   );
-  te(() => {
-    clearTimeout(I.current);
-    const C = Array.from({ length: F }).reduce(
-      (Y, ve, ee) => Y + H(ee),
+  ne(() => {
+    clearTimeout(E.current);
+    const v = Array.from({ length: P }).reduce(
+      (re, ge, oe) => re + H(oe),
       0
-    ), E = Array.from({ length: D }).reduce(
-      (Y, ve, ee) => Y + U(ee),
+    ), O = Array.from({ length: N }).reduce(
+      (re, ge, oe) => re + k(oe),
       0
-    ), j = Ye(E, C);
-    Z.current = j, Oe(j, { height: C, width: E }), s({
-      height: C,
-      width: E
+    ), q = Xe(O, v);
+    Y.current = q, Ee(q, { height: v, width: O }), _({
+      height: v,
+      width: O
     });
-  }, [k, F, D, Oe]);
-  const et = se(
-    (C) => {
-      Z.current = {
-        scrollTop: C.scrollTop,
-        scrollLeft: C.scrollLeft
+  }, [F, P, N, Ee]);
+  const Ye = ae(
+    (v) => {
+      Y.current = {
+        scrollTop: v.scrollTop,
+        scrollLeft: v.scrollLeft
       };
     },
-    [h]
+    [i]
   );
-  te(() => {
-    if ($)
-      return _ && _.addEventListener("scroll", $), h && h.addEventListener("scroll", $), () => {
-        _ == null || _.removeEventListener("scroll", $), h == null || h.removeEventListener("scroll", $);
+  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);
       };
-  }, [h, _, $]), te(() => () => {
+  }, [i, w, j]), ne(() => () => {
     X.current && clearTimeout(X.current);
   }, []);
-  const tt = Ce(() => ce(V["rp-pages-container"], {
-    [V["rp-cursor-grab"]]: ie && !G,
-    [V["rp-cursor-grabbing"]]: ie && G
-  }), [ie, G]), rt = se(
-    (C) => {
-      if (ie && C) {
-        const E = ce(V["rp-pages"]), j = document.querySelector(`.${E}`);
-        le(j);
+  const et = we(() => 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}`);
+        K(q);
       }
     },
-    [ie, le, V]
+    [te, K, U]
   );
-  return te(() => {
-    w && he();
-  }, [w]), te(() => {
-    if (!(ae.height === 0 || !N.current)) {
-      if (t === Te.PAGE_SCROLLING) {
-        e !== A && _ && z(e), N.current = !1;
+  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;
       }
-      c(e, "auto"), z(e), N.current = !1;
+      a(e, "auto"), I(e), S.current = !1;
     }
   }, [
-    c,
+    a,
     t,
-    _,
-    z,
-    ae
-  ]), /* @__PURE__ */ we(at, { children: [
-    /* @__PURE__ */ y(Ft, { ref: a, children: /* @__PURE__ */ y(
-      Pt,
+    w,
+    I,
+    ie
+  ]), /* @__PURE__ */ _e(st, { children: [
+    /* @__PURE__ */ x(Pt, { ref: l, children: /* @__PURE__ */ x(
+      Nt,
       {
-        id: r,
-        ref: l,
+        ref: s,
         tabIndex: -1,
-        className: tt,
+        className: et,
         style: {
-          "--scale-round-x": `${Ne(n.current.sx)[1]}px`,
-          "--scale-round-y": `${Ne(n.current.sy)[1]}px`
+          "--scale-round-x": `${Ae(n.current.sx)[1]}px`,
+          "--scale-round-y": `${Ae(n.current.sy)[1]}px`
         },
-        children: /* @__PURE__ */ y(nr, { style: { minHeight: "50px" }, children: ({ width: C, height: E }) => /* @__PURE__ */ y("div", { "data-rp": "pages", ref: rt, style: { width: C, height: E }, children: f === Te.PAGE_SCROLLING ? /* @__PURE__ */ y(
+        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(
           "div",
           {
             ref: g,
-            style: { width: C, height: E },
-            className: ce(V["rp-pages"], V["rp-page-scrolling-wrapper"]),
-            children: u === Ie.DUAL_PAGE ? /* @__PURE__ */ y(St, { widths: U, heights: H }) : u === Ie.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ y(It, { widths: U, heights: H }) : /* @__PURE__ */ y(Tt, { widths: U, heights: H })
+            style: { width: v, height: O },
+            className: ce(U["rp-pages"], U["rp-page-scrolling-wrapper"]),
+            children: u === Se.DUAL_PAGE ? /* @__PURE__ */ x(Ct, { widths: k, heights: H }) : u === Se.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ x(St, { widths: k, heights: H }) : /* @__PURE__ */ x(It, { widths: k, heights: H })
           }
-        ) : Q ? /* @__PURE__ */ y(
-          Yt,
+        ) : J ? /* @__PURE__ */ x(
+          Xt,
           {
-            ref: v,
-            itemData: Xe,
-            outerRef: S,
-            innerRef: m,
-            onScroll: et,
-            columnCount: D,
-            columnWidth: U,
+            ref: f,
+            itemData: Qe,
+            outerRef: h,
+            innerRef: d,
+            onScroll: Ye,
+            columnCount: N,
+            columnWidth: k,
             rowHeight: H,
-            height: E,
-            width: C,
-            estimatedColumnWidth: re,
-            estimatedRowHeight: Q,
-            rowCount: F,
+            height: O,
+            width: v,
+            estimatedColumnWidth: Z,
+            estimatedRowHeight: J,
+            rowCount: P,
             className: ce(
-              V["rp-pages"],
-              f === Te.HORIZONTAL_SCROLLING ? V["rp-pages-horizontal-scroll"] : ""
+              U["rp-pages"],
+              o === Ie.HORIZONTAL_SCROLLING ? U["rp-pages-horizontal-scroll"] : ""
             ),
             style: {
-              "--rp-pages-height": `${oe.height}px`,
-              "--rp-pages-width": `${oe.width}px`,
-              "--rp-row-count": `${F}`,
-              "--rp-column-count": `${D}`
+              "--rp-pages-height": `${Q.height}px`,
+              "--rp-pages-width": `${Q.width}px`,
+              "--rp-row-count": `${P}`,
+              "--rp-column-count": `${N}`
             },
-            children: ir
+            children: nr
           }
-        ) : !w && !p ? /* @__PURE__ */ y(
+        ) : !m && !C ? /* @__PURE__ */ x(
           "div",
           {
-            className: V["rp-loader"],
+            className: U["rp-loader"],
             style: {
               display: "flex",
               justifyContent: "center",
@@ -1023,24 +1022,24 @@ const ir = ut(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
               height: "100%",
               width: "100%"
             },
-            children: L && /* @__PURE__ */ y(L, {})
+            children: T && /* @__PURE__ */ x(T, {})
           }
-        ) : p === wt.NOT_SUPPORTED ? /* @__PURE__ */ y("div", { className: V["rp-not-supported"], children: /* @__PURE__ */ we("div", { className: V["rp-not-supported-content"], children: [
+        ) : C === _t.NOT_SUPPORTED ? /* @__PURE__ */ x("div", { className: U["rp-not-supported"], children: /* @__PURE__ */ _e("div", { className: U["rp-not-supported-content"], children: [
           "React PDF is unable to render on this browser. Please use the supported browsers from the list below:",
-          /* @__PURE__ */ y("div", { children: /* @__PURE__ */ we("ul", { children: [
-            /* @__PURE__ */ y("li", { children: "Chrome 126+" }),
-            /* @__PURE__ */ y("li", { children: "Edge 126+" }),
-            /* @__PURE__ */ y("li", { children: "Firefox 126+" }),
-            /* @__PURE__ */ y("li", { children: "Safari 18.4+" }),
-            /* @__PURE__ */ y("li", { children: "Safari iOS 18.4+" }),
-            /* @__PURE__ */ y("li", { children: "Chrome Android 126+" })
+          /* @__PURE__ */ x("div", { children: /* @__PURE__ */ _e("ul", { 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+" })
           ] }) })
         ] }) }) : null }) })
       }
     ) }),
-    R && /* @__PURE__ */ y(Ot, {})
+    p && /* @__PURE__ */ x(Et, {})
   ] });
 };
 export {
-  jo as RPPages
+  $o as RPPages
 };