@react-pdf-kit/viewer 0.0.0-experimental.1 → 0.0.0-experimental.2

package/dist/components/RPPages.js

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