@react-pdf-kit/viewer 2.0.0-beta.10 → 2.0.0-beta.12

package/dist/components/RPPages.js

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