@react-pdf-kit/viewer 0.0.0-experimental.8 → 0.0.0-experimental.9

package/dist/components/RPPages.js

@@ -1,37 +1,35 @@
-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 { jsx as x, jsxs as _e, Fragment as it } from "react/jsx-runtime";
+import { createElement as ue, PureComponent as st, Component as at, memo as lt, useRef as G, useMemo as we, useCallback as le, useEffect as oe } 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 { useVirtualReactWindow as ct } from "../utils/hooks/useVirtualReactWindow.js";
+import { useVirtualScrollContext as ut } from "../contexts/VirtualScrollContext.js";
+import { a as dt, u as mt } from "../PaginationContext-9217cab4.js";
+import { useDocumentContext as ft } from "../contexts/RPDocumentContext.js";
+import { useViewModeContext as pt } from "../contexts/ViewModeContext.js";
+import { useScrollModeContext as ht } from "../contexts/ScrollModeContext.js";
+import { SelectionMode as gt, ViewMode as Se, ScrollMode as Ie, ErrorType as vt } from "../utils/types.js";
+import { useFullScreenContext as _t } 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 At } from "../contexts/DocumentPasswordContext.js";
-import { LayoutContainer as Nt } from "./layout/LayoutContainer.js";
-import { LayoutWrapper as Pt } from "./layout/LayoutWrapper.js";
-import { useEventCallbackContext as Ft } from "../contexts/EventCallbackContext.js";
-import { useCopyText as Dt } from "../utils/hooks/useCopyText.js";
-import { useTextSelection as Ht } from "../utils/hooks/useTextSelection.js";
-import { OutputScale as kt } from "pdfjs-dist";
-import { approximateFraction as Ae } from "../utils/approximateFragtion.js";
+import { DualPage as wt } from "./page/DualPage.js";
+import { DualPageWithCover as Ct } from "./page/DualPageWithCover.js";
+import { SinglePage as St } from "./page/SinglePage.js";
+import { useMousePressed as It } from "../utils/hooks/useMousePressed.js";
+import { useSelectionModeContext as Tt } from "../contexts/SelectionModeContext.js";
+import { useGrabScroll as Rt } from "../utils/hooks/useGrabScroll.js";
+import { usePinch as xt } from "../utils/hooks/usePinch.js";
+import { useInitialStateContext as yt } from "../contexts/InitialStateContext.js";
+import { useLayoutContainer as bt } from "../contexts/LayoutContainerContext.js";
+import { useDebounce as zt } from "../utils/hooks/useDebounce.js";
+import { useLoaderContext as Lt } from "../contexts/LoaderContext.js";
+import Mt from "./ui/PasswordModal.js";
+import { usePresentPage as Et } from "../utils/hooks/usePresentPage.js";
+import { getPageFromPosition as Ot } from "../utils/calculatePage.js";
+import { useDocumentPasswordContext as Wt } from "../contexts/DocumentPasswordContext.js";
+import { LayoutContainer as Pt } from "./layout/LayoutContainer.js";
+import { LayoutWrapper as At } from "./layout/LayoutWrapper.js";
+import { useEventCallbackContext as Nt } from "../contexts/EventCallbackContext.js";
+import { useCopyText as Ft } from "../utils/hooks/useCopyText.js";
+import { approximateFraction as Pe } from "../utils/approximateFragtion.js";
 import "./page/CanvasLayer.js";
 import "../contexts/ZoomContext.js";
 import "../utils/appConsole.js";
@@ -40,6 +38,8 @@ 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 "../utils/hooks/usePdfProperties.js";
@@ -56,11 +56,15 @@ import "../contexts/DimensionPagesContext.js";
 import "../contexts/SmoothScrollContext.js";
 import "../utils/getScrollDistance.js";
 import "./page/TextLayer.js";
-import "../utils/highlight.js";
-import "../utils/charators.js";
 import "../contexts/SearchContext.js";
 import "../utils/hooks/useSearch.js";
+import "../utils/highlight.js";
+import "../utils/charators.js";
+import "../utils/selectionUtils.js";
+import "../utils/geometryCache.js";
 import "../utils/getWordPositionInPage.js";
+import "../contexts/TextSelectionContext.js";
+import "../utils/glyphHitTest.js";
 import "./page/AnnotationLayer.js";
 import "../contexts/PrintContext.js";
 import "../utils/hooks/usePrint.js";
@@ -86,7 +90,7 @@ import "./icons/LoaderIcon.js";
 import "../utils/hooks/useFullScreen.js";
 import "../contexts/LocalizationContext.js";
 import "../utils/hooks/useLocalization.js";
-import "../RPLayout.module-b4b23e29.js";
+import "../RPLayout.module-7766e0b4.js";
 import "../contexts/ThemeContext.js";
 import "../contexts/DarkModeContext.js";
 import "../utils/hooks/useDarkMode.js";
@@ -106,46 +110,46 @@ 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]);
+      for (var o in t)
+        ({}).hasOwnProperty.call(t, o) && (n[o] = t[o]);
     }
     return n;
   }, be.apply(null, arguments);
 }
-function Ne(n) {
+function Ae(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
 }
 function ze(n, e) {
-  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, r) {
-    return t.__proto__ = r, t;
+  return ze = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, o) {
+    return t.__proto__ = o, t;
   }, ze(n, e);
 }
-function Ut(n, e) {
+function Dt(n, e) {
   n.prototype = Object.create(e.prototype), n.prototype.constructor = n, ze(n, e);
 }
-var Pe = Number.isNaN || function(e) {
+var Ne = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function Vt(n, e) {
-  return !!(n === e || Pe(n) && Pe(e));
+function Ht(n, e) {
+  return !!(n === e || Ne(n) && Ne(e));
 }
-function qt(n, e) {
+function kt(n, e) {
   if (n.length !== e.length)
     return !1;
   for (var t = 0; t < n.length; t++)
-    if (!Vt(n[t], e[t]))
+    if (!Ht(n[t], e[t]))
       return !1;
   return !0;
 }
 function Te(n, e) {
-  e === void 0 && (e = qt);
-  var t, r = [], s, l = !1;
+  e === void 0 && (e = kt);
+  var t, o = [], s, l = !1;
   function a() {
-    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;
+    for (var c = [], m = 0; m < arguments.length; m++)
+      c[m] = arguments[m];
+    return l && t === this && e(c, o) || (s = n.apply(this, c), l = !0, t = this, o = c), s;
   }
   return a;
 }
@@ -153,15 +157,15 @@ function Fe(n, e) {
   if (n == null)
     return {};
   var t = {};
-  for (var r in n)
-    if ({}.hasOwnProperty.call(n, r)) {
-      if (e.indexOf(r) !== -1)
+  for (var o in n)
+    if ({}.hasOwnProperty.call(n, o)) {
+      if (e.indexOf(o) !== -1)
         continue;
-      t[r] = n[r];
+      t[o] = n[o];
     }
   return t;
 }
-var Gt = typeof performance == "object" && typeof performance.now == "function", De = Gt ? function() {
+var Ut = typeof performance == "object" && typeof performance.now == "function", De = Ut ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -169,18 +173,18 @@ var Gt = typeof performance == "object" && typeof performance.now == "function",
 function He(n) {
   cancelAnimationFrame(n.id);
 }
-function $t(n, e) {
+function Vt(n, e) {
   var t = De();
-  function r() {
-    De() - t >= e ? n.call(null) : s.id = requestAnimationFrame(r);
+  function o() {
+    De() - t >= e ? n.call(null) : s.id = requestAnimationFrame(o);
   }
   var s = {
-    id: requestAnimationFrame(r)
+    id: requestAnimationFrame(o)
   };
   return s;
 }
 var Re = -1;
-function jt(n) {
+function qt(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), Re = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -192,75 +196,75 @@ 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"), 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;
+    var o = document.createElement("div"), s = o.style;
+    return s.width = "100px", s.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;
   }
   return se;
 }
-var Bt = 150, Kt = function(e) {
+var Gt = 150, $t = function(e) {
   var t = e.columnIndex;
   e.data;
-  var r = e.rowIndex;
-  return r + ":" + t;
-}, de = null, fe = null, me = null;
-process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (de = /* @__PURE__ */ new WeakSet(), fe = /* @__PURE__ */ new WeakSet(), me = /* @__PURE__ */ new WeakSet());
-function Zt(n) {
-  var e, t = n.getColumnOffset, r = n.getColumnStartIndexForOffset, s = n.getColumnStopIndexForStartIndex, l = n.getColumnWidth, a = n.getEstimatedTotalHeight, c = n.getEstimatedTotalWidth, f = n.getOffsetForColumnAndAlignment, g = n.getOffsetForRowAndAlignment, h = n.getRowHeight, _ = n.getRowOffset, i = n.getRowStartIndexForOffset, y = n.getRowStopIndexForStartIndex, w = n.initInstanceProps, S = n.shouldResetStyleCacheOnItemSizeChange, D = n.validateProps;
+  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, s = n.getColumnStopIndexForStartIndex, l = n.getColumnWidth, a = n.getEstimatedTotalHeight, c = n.getEstimatedTotalWidth, m = n.getOffsetForColumnAndAlignment, g = n.getOffsetForRowAndAlignment, h = n.getRowHeight, _ = n.getRowOffset, i = n.getRowStartIndexForOffset, y = n.getRowStopIndexForStartIndex, w = n.initInstanceProps, S = n.shouldResetStyleCacheOnItemSizeChange, D = n.validateProps;
   return e = /* @__PURE__ */ function(b) {
-    Ut(I, b);
-    function I(A) {
-      var o;
-      return o = b.call(this, A) || this, o._instanceProps = w(o.props, Ne(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
-        instance: Ne(o),
+    Dt(I, b);
+    function I(P) {
+      var r;
+      return r = b.call(this, P) || this, r._instanceProps = w(r.props, Ae(r)), r._resetIsScrollingTimeoutId = null, r._outerRef = void 0, r.state = {
+        instance: Ae(r),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
-        scrollLeft: typeof o.props.initialScrollLeft == "number" ? o.props.initialScrollLeft : 0,
-        scrollTop: typeof o.props.initialScrollTop == "number" ? o.props.initialScrollTop : 0,
+        scrollLeft: typeof r.props.initialScrollLeft == "number" ? r.props.initialScrollLeft : 0,
+        scrollTop: typeof r.props.initialScrollTop == "number" ? r.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = Te(function(u, d, m, C, p, T, z, L) {
-        return o.props.onItemsRendered({
+      }, r._callOnItemsRendered = void 0, r._callOnItemsRendered = Te(function(u, d, f, C, p, T, z, L) {
+        return r.props.onItemsRendered({
           overscanColumnStartIndex: u,
           overscanColumnStopIndex: d,
-          overscanRowStartIndex: m,
+          overscanRowStartIndex: f,
           overscanRowStopIndex: C,
           visibleColumnStartIndex: p,
           visibleColumnStopIndex: T,
           visibleRowStartIndex: z,
           visibleRowStopIndex: L
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = Te(function(u, d, m, C, p) {
-        return o.props.onScroll({
-          horizontalScrollDirection: m,
+      }), r._callOnScroll = void 0, r._callOnScroll = Te(function(u, d, f, C, p) {
+        return r.props.onScroll({
+          horizontalScrollDirection: f,
           scrollLeft: u,
           scrollTop: d,
           verticalScrollDirection: C,
           scrollUpdateWasRequested: p
         });
-      }), o._getItemStyle = void 0, o._getItemStyle = function(u, d) {
-        var m = o.props, C = m.columnWidth, p = m.direction, T = m.rowHeight, z = o._getItemStyleCache(S && C, S && p, S && T), L = u + ":" + d, M;
+      }), r._getItemStyle = void 0, r._getItemStyle = function(u, d) {
+        var f = r.props, C = f.columnWidth, p = f.direction, T = f.rowHeight, z = r._getItemStyleCache(S && C, S && p, S && T), L = u + ":" + d, M;
         if (z.hasOwnProperty(L))
           M = z[L];
         else {
-          var E = t(o.props, d, o._instanceProps), R = p === "rtl";
+          var E = t(r.props, d, r._instanceProps), R = p === "rtl";
           z[L] = M = {
             position: "absolute",
             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)
+            top: _(r.props, u, r._instanceProps),
+            height: h(r.props, u, r._instanceProps),
+            width: l(r.props, d, r._instanceProps)
           };
         }
         return M;
-      }, o._getItemStyleCache = void 0, o._getItemStyleCache = Te(function(u, d, m) {
+      }, r._getItemStyleCache = void 0, r._getItemStyleCache = Te(function(u, d, f) {
         return {};
-      }), o._onScroll = function(u) {
-        var d = u.currentTarget, m = d.clientHeight, C = d.clientWidth, p = d.scrollLeft, T = d.scrollTop, z = d.scrollHeight, L = d.scrollWidth;
-        o.setState(function(M) {
+      }), r._onScroll = function(u) {
+        var d = u.currentTarget, f = d.clientHeight, C = d.clientWidth, p = d.scrollLeft, T = d.scrollTop, z = d.scrollHeight, L = d.scrollWidth;
+        r.setState(function(M) {
           if (M.scrollLeft === p && M.scrollTop === T)
             return null;
-          var E = o.props.direction, R = p;
+          var E = r.props.direction, R = p;
           if (E === "rtl")
             switch (ke()) {
               case "negative":
@@ -271,7 +275,7 @@ function Zt(n) {
                 break;
             }
           R = Math.max(0, Math.min(R, L - C));
-          var F = Math.max(0, Math.min(T, z - m));
+          var F = Math.max(0, Math.min(T, z - f));
           return {
             isScrolling: !0,
             horizontalScrollDirection: M.scrollLeft < p ? "forward" : "backward",
@@ -280,55 +284,55 @@ function Zt(n) {
             verticalScrollDirection: M.scrollTop < T ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
-        }, o._resetIsScrollingDebounced);
-      }, o._outerRefSetter = function(u) {
-        var d = o.props.outerRef;
-        o._outerRef = u, typeof d == "function" ? d(u) : d != null && typeof d == "object" && d.hasOwnProperty("current") && (d.current = u);
-      }, o._resetIsScrollingDebounced = function() {
-        o._resetIsScrollingTimeoutId !== null && He(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = $t(o._resetIsScrolling, Bt);
-      }, o._resetIsScrolling = function() {
-        o._resetIsScrollingTimeoutId = null, o.setState({
+        }, r._resetIsScrollingDebounced);
+      }, r._outerRefSetter = function(u) {
+        var d = r.props.outerRef;
+        r._outerRef = u, typeof d == "function" ? d(u) : d != null && typeof d == "object" && d.hasOwnProperty("current") && (d.current = u);
+      }, r._resetIsScrollingDebounced = function() {
+        r._resetIsScrollingTimeoutId !== null && He(r._resetIsScrollingTimeoutId), r._resetIsScrollingTimeoutId = Vt(r._resetIsScrolling, Gt);
+      }, r._resetIsScrolling = function() {
+        r._resetIsScrollingTimeoutId = null, r.setState({
           isScrolling: !1
         }, function() {
-          o._getItemStyleCache(-1);
+          r._getItemStyleCache(-1);
         });
-      }, o;
+      }, r;
     }
-    I.getDerivedStateFromProps = function(o, u) {
-      return Jt(o, u), D(o), null;
+    I.getDerivedStateFromProps = function(r, u) {
+      return Bt(r, u), D(r), null;
     };
     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",
+    return W.scrollTo = function(r) {
+      var u = r.scrollLeft, d = r.scrollTop;
+      u !== void 0 && (u = Math.max(0, u)), d !== void 0 && (d = Math.max(0, d)), this.setState(function(f) {
+        return u === void 0 && (u = f.scrollLeft), d === void 0 && (d = f.scrollTop), f.scrollLeft === u && f.scrollTop === d ? null : {
+          horizontalScrollDirection: f.scrollLeft < u ? "forward" : "backward",
           scrollLeft: u,
           scrollTop: d,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: m.scrollTop < d ? "forward" : "backward"
+          verticalScrollDirection: f.scrollTop < d ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, W.scrollToItem = function(o) {
-      var u = o.align, d = u === void 0 ? "auto" : u, m = o.columnIndex, C = o.rowIndex, p = this.props, T = p.columnCount, z = p.height, L = p.rowCount, M = p.width, E = this.state, R = E.scrollLeft, F = E.scrollTop, P = jt();
-      m !== void 0 && (m = Math.max(0, Math.min(m, T - 1))), C !== void 0 && (C = Math.max(0, Math.min(C, L - 1)));
-      var H = a(this.props, this._instanceProps), N = c(this.props, this._instanceProps), k = N > M ? P : 0, Z = H > z ? P : 0;
+    }, W.scrollToItem = function(r) {
+      var u = r.align, d = u === void 0 ? "auto" : u, f = r.columnIndex, C = r.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 = qt();
+      f !== void 0 && (f = Math.max(0, Math.min(f, 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: m !== void 0 ? f(this.props, m, d, R, this._instanceProps, Z) : R,
+        scrollLeft: f !== void 0 ? m(this.props, f, d, R, this._instanceProps, Z) : R,
         scrollTop: C !== void 0 ? g(this.props, C, d, F, this._instanceProps, k) : F
       });
     }, W.componentDidMount = function() {
-      var o = this.props, u = o.initialScrollLeft, d = o.initialScrollTop;
+      var r = this.props, u = r.initialScrollLeft, d = r.initialScrollTop;
       if (this._outerRef != null) {
-        var m = this._outerRef;
-        typeof u == "number" && (m.scrollLeft = u), typeof d == "number" && (m.scrollTop = d);
+        var f = this._outerRef;
+        typeof u == "number" && (f.scrollLeft = u), typeof d == "number" && (f.scrollTop = d);
       }
       this._callPropsCallbacks();
     }, W.componentDidUpdate = function() {
-      var o = this.props.direction, u = this.state, d = u.scrollLeft, m = u.scrollTop, C = u.scrollUpdateWasRequested;
+      var r = this.props.direction, u = this.state, d = u.scrollLeft, f = u.scrollTop, C = u.scrollUpdateWasRequested;
       if (C && this._outerRef != null) {
         var p = this._outerRef;
-        if (o === "rtl")
+        if (r === "rtl")
           switch (ke()) {
             case "negative":
               p.scrollLeft = -d;
@@ -343,30 +347,30 @@ function Zt(n) {
           }
         else
           p.scrollLeft = Math.max(0, d);
-        p.scrollTop = Math.max(0, m);
+        p.scrollTop = Math.max(0, f);
       }
       this._callPropsCallbacks();
     }, W.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && He(this._resetIsScrollingTimeoutId);
     }, W.render = function() {
-      var o = this.props, u = o.children, d = o.className, m = o.columnCount, C = o.direction, p = o.height, T = o.innerRef, z = o.innerElementType, L = o.innerTagName, M = o.itemData, E = o.itemKey, R = E === void 0 ? Kt : E, F = o.outerElementType, P = o.outerTagName, H = o.rowCount, N = o.style, k = o.useIsScrolling, Z = o.width, J = this.state.isScrolling, Q = this._getHorizontalRangeToRender(), ie = Q[0], j = Q[1], le = this._getVerticalRangeToRender(), X = le[0], Y = le[1], ee = [];
-      if (m > 0 && H)
-        for (var B = X; B <= Y; B++)
-          for (var K = ie; K <= j; K++)
-            ee.push(ue(u, {
-              columnIndex: K,
+      var r = this.props, u = r.children, d = r.className, f = r.columnCount, C = r.direction, p = r.height, T = r.innerRef, z = r.innerElementType, L = r.innerTagName, M = r.itemData, E = r.itemKey, R = E === void 0 ? $t : E, F = r.outerElementType, N = r.outerTagName, H = r.rowCount, A = r.style, k = r.useIsScrolling, Z = r.width, J = this.state.isScrolling, Q = this._getHorizontalRangeToRender(), ne = Q[0], j = Q[1], B = this._getVerticalRangeToRender(), X = B[0], ie = B[1], ae = [];
+      if (f > 0 && H)
+        for (var K = X; K <= ie; K++)
+          for (var Y = ne; Y <= j; Y++)
+            ae.push(ue(u, {
+              columnIndex: Y,
               data: M,
               isScrolling: k ? J : void 0,
               key: R({
-                columnIndex: K,
+                columnIndex: Y,
                 data: M,
-                rowIndex: B
+                rowIndex: K
               }),
-              rowIndex: B,
-              style: this._getItemStyle(B, K)
+              rowIndex: K,
+              style: this._getItemStyle(K, Y)
             }));
-      var pe = a(this.props, this._instanceProps), te = c(this.props, this._instanceProps);
-      return ue(F || P || "div", {
+      var ee = a(this.props, this._instanceProps), pe = c(this.props, this._instanceProps);
+      return ue(F || N || "div", {
         className: d,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
@@ -378,50 +382,50 @@ function Zt(n) {
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: C
-        }, N)
+        }, A)
       }, ue(z || L || "div", {
-        children: ee,
+        children: ae,
         ref: T,
         style: {
-          height: pe,
+          height: ee,
           pointerEvents: J ? "none" : void 0,
-          width: te
+          width: pe
         }
       }));
     }, W._callPropsCallbacks = function() {
-      var o = this.props, u = o.columnCount, d = o.onItemsRendered, m = o.onScroll, C = o.rowCount;
+      var r = this.props, u = r.columnCount, d = r.onItemsRendered, f = r.onScroll, C = r.rowCount;
       if (typeof d == "function" && u > 0 && C > 0) {
-        var p = this._getHorizontalRangeToRender(), T = p[0], z = p[1], L = p[2], M = p[3], E = this._getVerticalRangeToRender(), R = E[0], F = E[1], P = E[2], H = E[3];
-        this._callOnItemsRendered(T, z, R, F, L, M, P, H);
+        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 m == "function") {
-        var N = this.state, k = N.horizontalScrollDirection, Z = N.scrollLeft, J = N.scrollTop, Q = N.scrollUpdateWasRequested, ie = N.verticalScrollDirection;
-        this._callOnScroll(Z, J, k, ie, Q);
+      if (typeof f == "function") {
+        var A = this.state, k = A.horizontalScrollDirection, Z = A.scrollLeft, J = A.scrollTop, Q = A.scrollUpdateWasRequested, ne = A.verticalScrollDirection;
+        this._callOnScroll(Z, J, k, ne, Q);
       }
     }, W._getHorizontalRangeToRender = function() {
-      var o = this.props, u = o.columnCount, d = o.overscanColumnCount, m = o.overscanColumnsCount, C = o.overscanCount, p = o.rowCount, T = this.state, z = T.horizontalScrollDirection, L = T.isScrolling, M = T.scrollLeft, E = d || m || C || 1;
+      var r = this.props, u = r.columnCount, d = r.overscanColumnCount, f = r.overscanColumnsCount, C = r.overscanCount, p = r.rowCount, T = this.state, z = T.horizontalScrollDirection, L = T.isScrolling, M = T.scrollLeft, E = d || f || C || 1;
       if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      var R = r(this.props, M, this._instanceProps), F = s(this.props, R, M, this._instanceProps), P = !L || z === "backward" ? Math.max(1, E) : 1, H = !L || z === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, R - P), Math.max(0, Math.min(u - 1, F + H)), R, F];
+      var R = o(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;
+      var r = this.props, u = r.columnCount, d = r.overscanCount, f = r.overscanRowCount, C = r.overscanRowsCount, p = r.rowCount, T = this.state, z = T.isScrolling, L = T.verticalScrollDirection, M = T.scrollTop, E = f || C || d || 1;
       if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      var R = i(this.props, M, this._instanceProps), F = y(this.props, R, M, this._instanceProps), P = !z || L === "backward" ? Math.max(1, E) : 1, H = !z || L === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, R - P), Math.max(0, Math.min(p - 1, F + H)), R, F];
+      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 = {
+  }(st), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     useIsScrolling: !1
   }, e;
 }
-var Jt = function(e, t) {
-  var r = e.children, s = e.direction, l = e.height, a = e.innerTagName, c = e.outerTagName, f = e.overscanColumnsCount, g = e.overscanCount, h = e.overscanRowsCount, _ = e.width, i = t.instance;
+var Bt = function(e, t) {
+  var o = e.children, s = e.direction, l = e.height, a = e.innerTagName, c = e.outerTagName, m = e.overscanColumnsCount, g = e.overscanCount, h = e.overscanRowsCount, _ = e.width, i = t.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof g == "number" && de && !de.has(i) && (de.add(i), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof f == "number" || typeof h == "number") && fe && !fe.has(i) && (fe.add(i), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || c != null) && me && !me.has(i) && (me.add(i), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
-      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
+    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 m == "number" || typeof h == "number") && me && !me.has(i) && (me.add(i), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || c != null) && fe && !fe.has(i) && (fe.add(i), 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.'));
     switch (s) {
       case "ltr":
       case "rtl":
@@ -435,59 +439,59 @@ var Jt = function(e, t) {
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (l === null ? "null" : typeof l) + '" was specified.'));
   }
 }, Ue = 50, Ke = function(e, t) {
-  var r = e.rowCount, s = t.rowMetadataMap, l = t.estimatedRowHeight, a = t.lastMeasuredRowIndex, c = 0;
-  if (a >= r && (a = r - 1), a >= 0) {
-    var f = s[a];
-    c = f.offset + f.size;
+  var o = e.rowCount, s = t.rowMetadataMap, l = t.estimatedRowHeight, a = t.lastMeasuredRowIndex, c = 0;
+  if (a >= o && (a = o - 1), a >= 0) {
+    var m = s[a];
+    c = m.offset + m.size;
   }
-  var g = r - a - 1, h = g * l;
+  var g = o - 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 f = s[a];
-    c = f.offset + f.size;
+  var o = e.columnCount, s = t.columnMetadataMap, l = t.estimatedColumnWidth, a = t.lastMeasuredColumnIndex, c = 0;
+  if (a >= o && (a = o - 1), a >= 0) {
+    var m = s[a];
+    c = m.offset + m.size;
   }
-  var g = r - a - 1, h = g * l;
+  var g = o - a - 1, h = g * l;
   return c + h;
-}, $ = function(e, t, r, s) {
+}, $ = function(e, t, o, s) {
   var l, a, c;
-  if (e === "column" ? (l = s.columnMetadataMap, a = t.columnWidth, c = s.lastMeasuredColumnIndex) : (l = s.rowMetadataMap, a = t.rowHeight, c = s.lastMeasuredRowIndex), r > c) {
-    var f = 0;
+  if (e === "column" ? (l = s.columnMetadataMap, a = t.columnWidth, c = s.lastMeasuredColumnIndex) : (l = s.rowMetadataMap, a = t.rowHeight, c = s.lastMeasuredRowIndex), o > c) {
+    var m = 0;
     if (c >= 0) {
       var g = l[c];
-      f = g.offset + g.size;
+      m = g.offset + g.size;
     }
-    for (var h = c + 1; h <= r; h++) {
+    for (var h = c + 1; h <= o; h++) {
       var _ = a(h);
       l[h] = {
-        offset: f,
+        offset: m,
         size: _
-      }, f += _;
+      }, m += _;
     }
-    e === "column" ? s.lastMeasuredColumnIndex = r : s.lastMeasuredRowIndex = r;
+    e === "column" ? s.lastMeasuredColumnIndex = o : s.lastMeasuredRowIndex = o;
   }
-  return l[r];
-}, Ve = function(e, t, r, s) {
+  return l[o];
+}, Ve = function(e, t, o, s) {
   var l, a;
-  e === "column" ? (l = r.columnMetadataMap, a = r.lastMeasuredColumnIndex) : (l = r.rowMetadataMap, a = r.lastMeasuredRowIndex);
+  e === "column" ? (l = o.columnMetadataMap, a = o.lastMeasuredColumnIndex) : (l = o.rowMetadataMap, a = o.lastMeasuredRowIndex);
   var c = a > 0 ? l[a].offset : 0;
-  return c >= s ? Je(e, t, r, a, 0, s) : Qt(e, t, r, Math.max(0, a), s);
-}, Je = function(e, t, r, s, l, a) {
+  return c >= s ? Je(e, t, o, a, 0, s) : Kt(e, t, o, Math.max(0, a), s);
+}, Je = function(e, t, o, s, l, a) {
   for (; l <= s; ) {
-    var c = l + Math.floor((s - l) / 2), f = $(e, t, c, r).offset;
-    if (f === a)
+    var c = l + Math.floor((s - l) / 2), m = $(e, t, c, o).offset;
+    if (m === a)
       return c;
-    f < a ? l = c + 1 : f > a && (s = c - 1);
+    m < a ? l = c + 1 : m > a && (s = c - 1);
   }
   return l > 0 ? l - 1 : 0;
-}, Qt = function(e, t, r, s, l) {
-  for (var a = e === "column" ? t.columnCount : t.rowCount, c = 1; s < a && $(e, t, s, r).offset < l; )
+}, Kt = function(e, t, o, s, l) {
+  for (var a = e === "column" ? t.columnCount : t.rowCount, c = 1; s < a && $(e, t, s, o).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) {
+  return Je(e, t, o, Math.min(s, a - 1), Math.floor(s / 2), l);
+}, qe = function(e, t, o, s, l, a, c) {
+  var m = e === "column" ? t.width : t.height, g = $(e, t, o, a), h = e === "column" ? Ze(t, a) : Ke(t, a), _ = Math.max(0, Math.min(h - m, g.offset)), i = Math.max(0, g.offset - m + c + g.size);
+  switch (s === "smart" && (l >= i - m && l <= _ + m ? s = "auto" : s = "center"), s) {
     case "start":
       return _;
     case "end":
@@ -498,45 +502,45 @@ var Jt = function(e, t) {
     default:
       return l >= i && l <= _ ? l : i > _ || l < i ? i : _;
   }
-}, Xt = /* @__PURE__ */ Zt({
-  getColumnOffset: function(e, t, r) {
-    return $("column", e, t, r).offset;
+}, Zt = /* @__PURE__ */ jt({
+  getColumnOffset: function(e, t, o) {
+    return $("column", e, t, o).offset;
   },
-  getColumnStartIndexForOffset: function(e, t, r) {
-    return Ve("column", e, r, t);
+  getColumnStartIndexForOffset: function(e, t, o) {
+    return Ve("column", e, o, t);
   },
-  getColumnStopIndexForStartIndex: function(e, t, r, s) {
-    for (var l = e.columnCount, a = e.width, c = $("column", e, t, s), f = r + a, g = c.offset + c.size, h = t; h < l - 1 && g < f; )
+  getColumnStopIndexForStartIndex: function(e, t, o, s) {
+    for (var l = e.columnCount, a = e.width, c = $("column", e, t, s), m = o + a, g = c.offset + c.size, h = t; h < l - 1 && g < m; )
       h++, g += $("column", e, h, s).size;
     return h;
   },
-  getColumnWidth: function(e, t, r) {
-    return r.columnMetadataMap[t].size;
+  getColumnWidth: function(e, t, o) {
+    return o.columnMetadataMap[t].size;
   },
   getEstimatedTotalHeight: Ke,
   getEstimatedTotalWidth: Ze,
-  getOffsetForColumnAndAlignment: function(e, t, r, s, l, a) {
-    return qe("column", e, t, r, s, l, a);
+  getOffsetForColumnAndAlignment: function(e, t, o, s, l, a) {
+    return qe("column", e, t, o, s, l, a);
   },
-  getOffsetForRowAndAlignment: function(e, t, r, s, l, a) {
-    return qe("row", e, t, r, s, l, a);
+  getOffsetForRowAndAlignment: function(e, t, o, s, l, a) {
+    return qe("row", e, t, o, s, l, a);
   },
-  getRowOffset: function(e, t, r) {
-    return $("row", e, t, r).offset;
+  getRowOffset: function(e, t, o) {
+    return $("row", e, t, o).offset;
   },
-  getRowHeight: function(e, t, r) {
-    return r.rowMetadataMap[t].size;
+  getRowHeight: function(e, t, o) {
+    return o.rowMetadataMap[t].size;
   },
-  getRowStartIndexForOffset: function(e, t, r) {
-    return Ve("row", e, r, t);
+  getRowStartIndexForOffset: function(e, t, o) {
+    return Ve("row", e, o, t);
   },
-  getRowStopIndexForStartIndex: function(e, t, r, s) {
-    for (var l = e.rowCount, a = e.height, c = $("row", e, t, s), f = r + a, g = c.offset + c.size, h = t; h < l - 1 && g < f; )
+  getRowStopIndexForStartIndex: function(e, t, o, s) {
+    for (var l = e.rowCount, a = e.height, c = $("row", e, t, s), m = o + a, g = c.offset + c.size, h = t; h < l - 1 && g < m; )
       h++, g += $("row", e, h, s).size;
     return h;
   },
   initInstanceProps: function(e, t) {
-    var r = e, s = r.estimatedColumnWidth, l = r.estimatedRowHeight, a = {
+    var o = e, s = o.estimatedColumnWidth, l = o.estimatedRowHeight, a = {
       columnMetadataMap: {},
       estimatedColumnWidth: s || Ue,
       estimatedRowHeight: l || Ue,
@@ -544,29 +548,29 @@ var Jt = function(e, t) {
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    return t.resetAfterColumnIndex = function(c, f) {
-      f === void 0 && (f = !0), t.resetAfterIndices({
+    return t.resetAfterColumnIndex = function(c, m) {
+      m === void 0 && (m = !0), t.resetAfterIndices({
         columnIndex: c,
-        shouldForceUpdate: f
+        shouldForceUpdate: m
       });
-    }, t.resetAfterRowIndex = function(c, f) {
-      f === void 0 && (f = !0), t.resetAfterIndices({
+    }, t.resetAfterRowIndex = function(c, m) {
+      m === void 0 && (m = !0), t.resetAfterIndices({
         rowIndex: c,
-        shouldForceUpdate: f
+        shouldForceUpdate: m
       });
     }, t.resetAfterIndices = function(c) {
-      var f = c.columnIndex, g = c.rowIndex, h = c.shouldForceUpdate, _ = h === void 0 ? !0 : h;
-      typeof f == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, f - 1)), typeof g == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, g - 1)), t._getItemStyleCache(-1), _ && t.forceUpdate();
+      var m = c.columnIndex, g = c.rowIndex, h = c.shouldForceUpdate, _ = h === void 0 ? !0 : h;
+      typeof m == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, m - 1)), typeof g == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, g - 1)), t._getItemStyleCache(-1), _ && t.forceUpdate();
     }, a;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
   validateProps: function(e) {
-    var t = e.columnWidth, r = e.rowHeight;
+    var t = e.columnWidth, o = 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 r != "function")
-        throw Error('An invalid "rowHeight" prop has been specified. Value should be a function. ' + ('"' + (r === null ? "null" : typeof r) + '" 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.'));
     }
   }
 });
@@ -575,15 +579,15 @@ function Ge(n, e) {
   for (var t in n)
     if (!(t in e))
       return !0;
-  for (var r in e)
-    if (n[r] !== e[r])
+  for (var o in e)
+    if (n[o] !== e[o])
       return !0;
   return !1;
 }
-var Yt = ["style"], er = ["style"];
-function tr(n, e) {
-  var t = n.style, r = Fe(n, Yt), s = e.style, l = Fe(e, er);
-  return !Ge(t, s) && !Ge(r, l);
+var Jt = ["style"], Qt = ["style"];
+function Xt(n, e) {
+  var t = n.style, o = Fe(n, Jt), s = e.style, l = Fe(e, Qt);
+  return !Ge(t, s) && !Ge(o, l);
 }
 let V;
 typeof window < "u" ? V = window : typeof self < "u" ? V = self : V = global;
@@ -595,19 +599,19 @@ ye == null || Be == null ? (Le = xe, Me = function(e) {
   ye(e), xe(t);
 }, Me = function(e) {
   const t = Be(function() {
-    xe(r), e();
-  }), r = je(function() {
+    xe(o), e();
+  }), o = je(function() {
     ye(t), e();
   }, $e);
-  return [t, r];
+  return [t, o];
 });
-function rr(n) {
-  let e, t, r, s, l, a, c;
-  const f = typeof document < "u" && document.attachEvent;
-  if (!f) {
+function Yt(n) {
+  let e, t, o, s, l, a, c;
+  const m = typeof document < "u" && document.attachEvent;
+  if (!m) {
     a = function(b) {
-      const I = b.__resizeTriggers__, W = I.firstElementChild, A = I.lastElementChild, o = W.firstElementChild;
-      A.scrollLeft = A.scrollWidth, A.scrollTop = A.scrollHeight, o.style.width = W.offsetWidth + 1 + "px", o.style.height = W.offsetHeight + 1 + "px", W.scrollLeft = W.scrollWidth, W.scrollTop = W.scrollHeight;
+      const I = b.__resizeTriggers__, W = I.firstElementChild, P = I.lastElementChild, r = W.firstElementChild;
+      P.scrollLeft = P.scrollWidth, P.scrollTop = P.scrollHeight, r.style.width = W.offsetWidth + 1 + "px", r.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) {
@@ -615,13 +619,13 @@ function rr(n) {
         return;
       const I = this;
       a(this), this.__resizeRAF__ && Le(this.__resizeRAF__), this.__resizeRAF__ = Me(function() {
-        l(I) && (I.__resizeLast__.width = I.offsetWidth, I.__resizeLast__.height = I.offsetHeight, I.__resizeListeners__.forEach(function(o) {
-          o.call(I, b);
+        l(I) && (I.__resizeLast__.width = I.offsetWidth, I.__resizeLast__.height = I.offsetHeight, I.__resizeListeners__.forEach(function(r) {
+          r.call(I, b);
         }));
       });
     };
     let i = !1, y = "";
-    r = "animationstart";
+    o = "animationstart";
     const w = "Webkit Moz O ms".split(" ");
     let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), D = "";
     {
@@ -629,7 +633,7 @@ function rr(n) {
       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;
+            D = w[I], y = "-" + D.toLowerCase() + "-", o = S[I], i = !0;
             break;
           }
       }
@@ -644,7 +648,7 @@ function rr(n) {
   };
   return {
     addResizeListener: function(i, y) {
-      if (f)
+      if (m)
         i.attachEvent("onresize", y);
       else {
         if (!i.__resizeTriggers__) {
@@ -653,18 +657,18 @@ function rr(n) {
           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) {
+          b.className = "contract-trigger", i.__resizeTriggers__.appendChild(D), i.__resizeTriggers__.appendChild(b), i.appendChild(i.__resizeTriggers__), a(i), i.addEventListener("scroll", c, !0), o && (i.__resizeTriggers__.__animationListener__ = function(W) {
             W.animationName === t && a(i);
-          }, i.__resizeTriggers__.addEventListener(r, i.__resizeTriggers__.__animationListener__));
+          }, i.__resizeTriggers__.addEventListener(o, i.__resizeTriggers__.__animationListener__));
         }
         i.__resizeListeners__.push(y);
       }
     },
     removeResizeListener: function(i, y) {
-      if (f)
+      if (m)
         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);
+        i.removeEventListener("scroll", c, !0), i.__resizeTriggers__.__animationListener__ && (i.__resizeTriggers__.removeEventListener(o, i.__resizeTriggers__.__animationListener__), i.__resizeTriggers__.__animationListener__ = null);
         try {
           i.__resizeTriggers__ = !i.removeChild(i.__resizeTriggers__);
         } catch {
@@ -673,7 +677,7 @@ function rr(n) {
     }
   };
 }
-class or extends lt {
+class er extends at {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -682,12 +686,12 @@ class or extends lt {
       this._timeoutId = null;
       const {
         disableHeight: t,
-        disableWidth: r,
+        disableWidth: o,
         onResize: s
       } = this.props;
       if (this._parentNode) {
-        const l = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(l.paddingLeft || "0"), c = parseFloat(l.paddingRight || "0"), f = parseFloat(l.paddingTop || "0"), g = parseFloat(l.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), _ = h.height - f - g, i = h.width - a - c;
-        if (!t && this.state.height !== _ || !r && this.state.width !== i) {
+        const l = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(l.paddingLeft || "0"), c = parseFloat(l.paddingRight || "0"), m = parseFloat(l.paddingTop || "0"), g = parseFloat(l.paddingBottom || "0"), h = this._parentNode.getBoundingClientRect(), _ = h.height - m - g, i = h.width - a - c;
+        if (!t && this.state.height !== _ || !o && this.state.width !== i) {
           this.setState({
             height: _,
             width: i
@@ -718,10 +722,10 @@ class or extends lt {
     } = 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 r = t.ownerDocument.defaultView.ResizeObserver;
-      r != null ? (this._resizeObserver = new r(() => {
+      const o = t.ownerDocument.defaultView.ResizeObserver;
+      o != null ? (this._resizeObserver = new o(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(t)) : (this._detectElementResize = rr(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(t)) : (this._detectElementResize = Yt(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -731,12 +735,12 @@ class or extends lt {
     const {
       children: e,
       defaultHeight: t,
-      defaultWidth: r,
+      defaultWidth: o,
       disableHeight: s = !1,
       disableWidth: l = !1,
       doNotBailOutOnEmptyChildren: a = !1,
       nonce: c,
-      onResize: f,
+      onResize: m,
       style: g = {},
       tagName: h = "div",
       ..._
@@ -757,8 +761,15 @@ class or extends lt {
     }, !D && e(S));
   }
 }
-const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
-  const s = Wt(
+const tr = class {
+  get sx() {
+    return window.devicePixelRatio || 1;
+  }
+  get sy() {
+    return window.devicePixelRatio || 1;
+  }
+}, rr = lt(({ columnIndex: n, rowIndex: e, data: t, style: o }) => {
+  const s = Ot(
     e,
     n,
     t.columnCount,
@@ -769,13 +780,13 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
   if (t.isDualPageWithCover) {
     const a = s === t.totalPages && t.totalPages % 2 === 0;
     if (e === 0 && s === 1 || a && n === 0) {
-      const f = t.columnWidths.reduce((g, h) => g + h, 0);
+      const m = t.columnWidths.reduce((g, h) => g + h, 0);
       return /* @__PURE__ */ x(
         "div",
         {
           style: {
-            ...r,
-            width: f,
+            ...o,
+            width: m,
             display: "flex",
             justifyContent: "center",
             alignItems: "flex-start"
@@ -789,112 +800,110 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     "div",
     {
       style: {
-        ...r,
+        ...o,
         display: "flex",
         justifyContent: n === 0 ? "flex-end" : "flex-start",
         alignItems: "flex-start"
       },
       children: /* @__PURE__ */ x(Ce, { style: { position: "relative" }, pageNumber: s }, s)
     }
-  ) : /* @__PURE__ */ x(Ce, { style: r, pageNumber: s }, s);
-}, tr), $o = () => {
-  const n = G(new kt()), { initialPage: e = 1, initialScrollMode: t } = bt(), { pagesRef: r, setPagesRef: s, setContentRef: l } = zt(), { scrollToPage: a } = ft();
-  Dt(r);
+  ) : /* @__PURE__ */ x(Ce, { style: o, pageNumber: s }, s);
+}, Xt), Bo = () => {
+  const n = G(new tr()), { initialPage: e = 1, initialScrollMode: t } = yt(), { pagesRef: o, setPagesRef: s, setContentRef: l } = bt(), { scrollToPage: a } = dt();
+  Ft(o);
   const {
     virtualScrollRef: c,
-    getVirtualScrollRef: f,
+    getVirtualScrollRef: m,
     getPageScrollElementRef: g,
     getVirtualScrollableElementRef: h,
     setTotalInnerDimensions: _,
     virtualScrollableElementRef: i,
     totalInnerDimensions: y,
     pageScrollElementRef: w
-  } = dt(), S = G(!0), { nextPage: D, prevPage: b, setFocusedPage: I, focusedPage: W, totalPages: A } = mt(), { scrollMode: o } = gt(), { viewMode: u } = ht(), d = G(null), { loading: m, error: C } = pt(), { passwordRequired: p } = At(), { LoaderImageComponent: T } = Mt(), z = G(
+  } = ut(), S = G(!0), { nextPage: D, prevPage: b, setFocusedPage: I, focusedPage: W, totalPages: P } = mt(), { scrollMode: r } = ht(), { viewMode: u } = pt(), d = G(null), { loading: f, error: C } = ft(), { passwordRequired: p } = Wt(), { LoaderImageComponent: T } = Lt(), z = G(
     y
   ), L = G({
     viewMode: u,
-    scrollMode: o
-  }), M = G(!1), E = G(), { isFullScreen: R } = wt(), {
+    scrollMode: r
+  }), M = G(!1), E = G(), { isFullScreen: R } = _t(), {
     pageDimension: F,
-    rowCount: P,
+    rowCount: N,
     rowHeight: H,
-    columnCount: N,
+    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(N, P, i, u);
-  const Y = G({
+  } = ct(), ne = zt(y, 100), { onScroll: j } = Nt(), B = G();
+  Et(A, N, i, u);
+  const X = G({
     scrollTop: 0,
     scrollLeft: 0
   });
-  yt(r);
-  const { isPressed: ee } = Tt(), { selectionMode: B } = Rt(), { initializeGrabScroll: K, resetGrabState: pe } = xt({
-    isPressed: ee
-  }), te = we(() => B === vt.HAND, [B]), Qe = we(() => {
-    const v = Array.from({ length: N }, (O, q) => k(q));
+  xt(o);
+  const { isPressed: ie } = It(), { selectionMode: ae } = Tt(), { initializeGrabScroll: K, resetGrabState: Y } = Rt({
+    isPressed: ie
+  }), ee = we(() => ae === gt.HAND, [ae]), pe = we(() => {
+    const v = Array.from({ length: A }, (O, q) => k(q));
     return {
-      columnCount: N,
+      columnCount: A,
       isDualPageWithCover: u === Se.DUAL_PAGE_WITH_COVER,
       columnWidths: v,
-      totalPages: A
+      totalPages: P
     };
-  }, [N, u, k, A]), he = ae(
+  }, [A, u, k, P]), he = le(
     (v) => {
-      const O = document.activeElement !== r;
+      const O = document.activeElement !== o;
       !R && O || (["ArrowUp", "ArrowLeft"].includes(v.key) ? (v.preventDefault(), b()) : ["ArrowDown", "ArrowRight"].includes(v.key) && (v.preventDefault(), D()));
     },
-    [D, b, R, o]
+    [D, b, R, r]
   );
-  ne(() => (window.addEventListener("keydown", he), () => {
+  oe(() => (window.addEventListener("keydown", he), () => {
     window.removeEventListener("keydown", he);
-  }), [he]), ne(() => {
+  }), [he]), oe(() => {
     if (d.current && (d.current.style.position = "relative"), !!c)
-      for (let v = 0; v < P; v++)
-        for (let O = 0; O < N; O++)
+      for (let v = 0; v < N; v++)
+        for (let O = 0; O < A; O++)
           c.resetAfterIndices({
             columnIndex: O,
             rowIndex: v,
             shouldForceUpdate: !0
           });
-  }, [P, N, F, c]);
-  const Xe = ae(
+  }, [N, A, F, c]);
+  const Qe = le(
     (v, O) => {
       if (!i)
         return { scrollTop: 0, scrollLeft: 0 };
-      const q = Y.current.scrollTop > O, re = Y.current.scrollLeft > v;
-      return q || re ? Y.current : {
+      const q = X.current.scrollTop > O, te = X.current.scrollLeft > v;
+      return q || te ? X.current : {
         scrollTop: i.scrollTop,
         scrollLeft: i.scrollLeft
       };
     },
     [i]
-  ), Ee = ae(
+  ), Ee = le(
     (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(() => {
+      if (L.current.viewMode !== u || L.current.scrollMode !== r) {
+        B.current && clearTimeout(B.current), M.current = !0, a(W, "auto"), B.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            L.current = { viewMode: u, scrollMode: o };
+            L.current = { viewMode: u, scrollMode: r };
           });
         }, 100);
         return;
       }
-      const re = v.scrollTop, ge = v.scrollLeft;
+      const te = v.scrollTop, ge = v.scrollLeft;
       if (!O.height || !O.width)
         return;
       M.current = !0;
-      const { height: oe, width: ve } = O, { height: Oe, width: We } = z.current;
-      if (Oe === oe && We === ve)
+      const { height: re, width: ve } = O, { height: Oe, width: We } = z.current;
+      if (Oe === re && We === ve)
         return;
-      const rt = re / Oe * oe, ot = ge / We * ve, nt = Math.round(Math.min(rt, oe)) || 0, it = Math.round(Math.min(ot, ve)) || 0;
+      const tt = te / Oe * re, rt = ge / We * ve, ot = Math.round(Math.min(tt, re)) || 0, nt = Math.round(Math.min(rt, ve)) || 0;
       E.current = setTimeout(() => {
         requestAnimationFrame(() => {
           i == null || i.scrollTo({
-            top: nt,
-            left: it,
+            top: ot,
+            left: nt,
             behavior: "auto"
           });
         });
@@ -903,55 +912,55 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
         width: O.width
       };
     },
-    [i, u, o, a]
+    [i, u, r, a]
   );
-  ne(() => {
+  oe(() => {
     clearTimeout(E.current);
-    const v = Array.from({ length: P }).reduce(
-      (re, ge, oe) => re + H(oe),
+    const v = Array.from({ length: N }).reduce(
+      (te, ge, re) => te + H(re),
       0
-    ), O = Array.from({ length: N }).reduce(
-      (re, ge, oe) => re + k(oe),
+    ), O = Array.from({ length: A }).reduce(
+      (te, ge, re) => te + k(re),
       0
-    ), q = Xe(O, v);
-    Y.current = q, Ee(q, { height: v, width: O }), _({
+    ), q = Qe(O, v);
+    X.current = q, Ee(q, { height: v, width: O }), _({
       height: v,
       width: O
     });
-  }, [F, P, N, Ee]);
-  const Ye = ae(
+  }, [F, N, A, Ee]);
+  const Xe = le(
     (v) => {
-      Y.current = {
+      X.current = {
         scrollTop: v.scrollTop,
         scrollLeft: v.scrollLeft
       };
     },
     [i]
   );
-  ne(() => {
+  oe(() => {
     if (j)
       return w && w.addEventListener("scroll", j), i && i.addEventListener("scroll", j), () => {
         w == null || w.removeEventListener("scroll", j), i == null || i.removeEventListener("scroll", j);
       };
-  }, [i, w, j]), ne(() => () => {
-    X.current && clearTimeout(X.current);
+  }, [i, w, j]), oe(() => () => {
+    B.current && clearTimeout(B.current);
   }, []);
-  const et = we(() => ce(U["rp-pages-container"], {
-    [U["rp-cursor-grab"]]: te && !ee,
-    [U["rp-cursor-grabbing"]]: te && ee
-  }), [te, ee]), tt = ae(
+  const Ye = we(() => ce(U["rp-pages-container"], {
+    [U["rp-cursor-grab"]]: ee && !ie,
+    [U["rp-cursor-grabbing"]]: ee && ie
+  }), [ee, ie]), et = le(
     (v) => {
-      if (te && v) {
+      if (ee && v) {
         const O = ce(U["rp-pages"]), q = document.querySelector(`.${O}`);
         K(q);
       }
     },
-    [te, K, U]
+    [ee, K, U]
   );
-  return ne(() => {
-    m && pe();
-  }, [m]), ne(() => {
-    if (!(ie.height === 0 || !S.current)) {
+  return oe(() => {
+    f && Y();
+  }, [f]), oe(() => {
+    if (!(ne.height === 0 || !S.current)) {
       if (t === Ie.PAGE_SCROLLING) {
         e !== W && w && I(e), S.current = !1;
         return;
@@ -963,55 +972,55 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
     t,
     w,
     I,
-    ie
-  ]), /* @__PURE__ */ _e(st, { children: [
-    /* @__PURE__ */ x(Pt, { ref: l, children: /* @__PURE__ */ x(
-      Nt,
+    ne
+  ]), /* @__PURE__ */ _e(it, { children: [
+    /* @__PURE__ */ x(At, { ref: l, children: /* @__PURE__ */ x(
+      Pt,
       {
         ref: s,
         tabIndex: -1,
-        className: et,
+        className: Ye,
         style: {
-          "--scale-round-x": `${Ae(n.current.sx)[1]}px`,
-          "--scale-round-y": `${Ae(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(or, { style: { minHeight: "50px" }, children: ({ width: v, height: O }) => /* @__PURE__ */ x("div", { "data-rp": "pages", ref: tt, style: { width: v, height: O }, children: o === Ie.PAGE_SCROLLING ? /* @__PURE__ */ x(
+        children: /* @__PURE__ */ x(er, { style: { minHeight: "50px" }, children: ({ width: v, height: O }) => /* @__PURE__ */ x("div", { "data-rp": "pages", ref: et, style: { width: v, height: O }, children: r === Ie.PAGE_SCROLLING ? /* @__PURE__ */ x(
           "div",
           {
             ref: g,
             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 })
+            children: u === Se.DUAL_PAGE ? /* @__PURE__ */ x(wt, { widths: k, heights: H }) : u === Se.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ x(Ct, { widths: k, heights: H }) : /* @__PURE__ */ x(St, { widths: k, heights: H })
           }
         ) : J ? /* @__PURE__ */ x(
-          Xt,
+          Zt,
           {
-            ref: f,
-            itemData: Qe,
+            ref: m,
+            itemData: pe,
             outerRef: h,
             innerRef: d,
-            onScroll: Ye,
-            columnCount: N,
+            onScroll: Xe,
+            columnCount: A,
             columnWidth: k,
             rowHeight: H,
             height: O,
             width: v,
             estimatedColumnWidth: Z,
             estimatedRowHeight: J,
-            rowCount: P,
+            rowCount: N,
             className: ce(
               U["rp-pages"],
-              o === Ie.HORIZONTAL_SCROLLING ? U["rp-pages-horizontal-scroll"] : ""
+              r === Ie.HORIZONTAL_SCROLLING ? U["rp-pages-horizontal-scroll"] : ""
             ),
             style: {
               "--rp-pages-height": `${Q.height}px`,
               "--rp-pages-width": `${Q.width}px`,
-              "--rp-row-count": `${P}`,
-              "--rp-column-count": `${N}`
+              "--rp-row-count": `${N}`,
+              "--rp-column-count": `${A}`
             },
-            children: nr
+            children: rr
           }
-        ) : !m && !C ? /* @__PURE__ */ x(
+        ) : !f && !C ? /* @__PURE__ */ x(
           "div",
           {
             className: U["rp-loader"],
@@ -1024,7 +1033,7 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
             },
             children: T && /* @__PURE__ */ x(T, {})
           }
-        ) : C === _t.NOT_SUPPORTED ? /* @__PURE__ */ x("div", { className: U["rp-not-supported"], children: /* @__PURE__ */ _e("div", { className: U["rp-not-supported-content"], children: [
+        ) : C === vt.NOT_SUPPORTED ? /* @__PURE__ */ x("div", { className: U["rp-not-supported"], children: /* @__PURE__ */ _e("div", { className: U["rp-not-supported-content"], children: [
           "React PDF Kit is unable to render on this browser. Please use the supported browsers from the list below:",
           /* @__PURE__ */ x("div", { children: /* @__PURE__ */ _e("ul", { children: [
             /* @__PURE__ */ x("li", { children: "Chrome 126+" }),
@@ -1037,9 +1046,9 @@ const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
         ] }) }) : null }) })
       }
     ) }),
-    p && /* @__PURE__ */ x(Et, {})
+    p && /* @__PURE__ */ x(Mt, {})
   ] });
 };
 export {
-  $o as RPPages
+  Bo as RPPages
 };