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

package/dist/components/RPPages.js

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