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

package/dist/components/RPPages.js

@@ -1,142 +1,999 @@
-import "react/jsx-runtime";
-import "react";
-import { R as Fr } from "../ToolbarLayout.module-37619c4b.js";
-import "../contexts/VirtualScrollContext.js";
-import "../contexts/RPDocumentContext.js";
-import "../contexts/DocumentPasswordContext.js";
-import "../contexts/DarkModeContext.js";
-import "../utils/types.js";
-import "../contexts/RotationContext.js";
-import "../contexts/LayerContext.js";
+import { jsx as A, jsxs as _e, Fragment as ot } from "react/jsx-runtime";
+import { createElement as ue, PureComponent as nt, Component as it, memo as st, useRef as q, useMemo as we, useCallback as le, useEffect as oe } from "react";
+import { RPPage as at } from "./page/RPPage.js";
+import { useVirtualReactWindow as lt } from "../utils/hooks/useVirtualReactWindow.js";
+import { useVirtualScrollContext as ct } from "../contexts/VirtualScrollContext.js";
+import { a as ut, u as dt } from "../PaginationContext-9217cab4.js";
+import { useDocumentContext as mt } from "../contexts/RPDocumentContext.js";
+import { useViewModeContext as ft } from "../contexts/ViewModeContext.js";
+import { useScrollModeContext as pt } from "../contexts/ScrollModeContext.js";
+import { SelectionMode as ht, ScrollMode as Se, ViewMode as gt, ErrorType as vt } from "../utils/types.js";
+import { useFullScreenContext as _t } from "../contexts/FullScreenContext.js";
+import { c as ce } from "../clsx-0c6e471a.js";
+import { DualPage as wt } from "./page/DualPage.js";
+import { SinglePage as St } from "./page/SinglePage.js";
+import { useMousePressed as Ct } from "../utils/hooks/useMousePressed.js";
+import { useSelectionModeContext as It } from "../contexts/SelectionModeContext.js";
+import { useGrabScroll as Tt } from "../utils/hooks/useGrabScroll.js";
+import { usePinch as Rt } from "../utils/hooks/usePinch.js";
+import { useInitialStateContext as xt } from "../contexts/InitialStateContext.js";
+import { useLayoutContainer as yt } from "../contexts/LayoutContainerContext.js";
+import { useDebounce as bt } from "../utils/hooks/useDebounce.js";
+import { useLoaderContext as zt } from "../contexts/LoaderContext.js";
+import Mt from "./ui/PasswordModal.js";
+import { usePresentPage as Lt } from "../utils/hooks/usePresentPage.js";
+import { getPageFromPosition as Et } from "../utils/calculatePage.js";
+import { useDocumentPasswordContext as Ot } from "../contexts/DocumentPasswordContext.js";
+import { LayoutContainer as Nt } from "./layout/LayoutContainer.js";
+import { LayoutWrapper as At } from "./layout/LayoutWrapper.js";
+import { useEventCallbackContext as Ft } from "../contexts/EventCallbackContext.js";
+import { OutputScale as Wt } from "pdfjs-dist";
+import { approximateFraction as Oe } from "../utils/approximateFragtion.js";
+import { useCopyText as Pt } from "../utils/hooks/useCopyText.js";
+import "./page/CanvasLayer.js";
 import "../contexts/ZoomContext.js";
-import "../contexts/ViewModeContext.js";
-import "../contexts/ScrollModeContext.js";
+import "../utils/appConsole.js";
+import "../utils/constants.js";
+import "../utils/getZoomLevel.js";
+import "../th_TH-d627cd51.js";
+import "../contexts/RotationContext.js";
+import "../utils/hooks/useLoadPdf.js";
+import "../utils/getThumbnailViewport.js";
+import "../contexts/ConfigContext.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/VirtualGridContext.js";
-import "../contexts/SelectionModeContext.js";
-import "../contexts/InitialStateContext.js";
-import "../contexts/FullScreenContext.js";
-import "../contexts/FileInputContext.js";
-import "../contexts/DropFileZoneContext.js";
-import "../contexts/LayoutContainerContext.js";
+import "../utils/smoothScrollTo.js";
 import "../contexts/DimensionPagesContext.js";
-import "../contexts/LocalizationContext.js";
-import "../contexts/HighlightContext.js";
-import "../contexts/LicenseContext.js";
-import "../contexts/DownloadContext.js";
 import "../contexts/SmoothScrollContext.js";
-import "../contexts/ElementPageContext.js";
-import "../contexts/PagesRotateContext.js";
-import "../contexts/GlobalCurrentPage.js";
-import "../contexts/LoaderContext.js";
-import "../contexts/ToolComponentContext.js";
-import "../contexts/IconToolContext.js";
-import "../contexts/OtherToolContext.js";
-import "../contexts/EventCallbackContext.js";
-import "./RPConfig.js";
-import "../clsx-0c6e471a.js";
-import "./layout/Container.js";
-import "../contexts/ViewportContext.js";
-import "../contexts/ToolbarComponentContext.js";
-import "./layout/sidebar/RPSplitter.js";
-import "./layout/WrapperLayout.js";
-import "../LayoutWrapper-6224491f.js";
-import "../contexts/ThemeContext.js";
-import "./RPDropFileZone.js";
-import "./ui/Button.js";
-import "../SearchCloseButton-08d57275.js";
-import "./ui/Input.js";
-import "./ui/Checkbox.js";
-import "./icons/LoaderIcon.js";
-import "../contexts/IconContext.js";
-import "./ui/RPTooltip.js";
-import "./ui/DropDown.js";
-import "./layout/toolbar/MenuItem.js";
-import "./layout/toolbar/MenuSeparator.js";
-import "../utils/dateFormatter.js";
-import "./layout/toolbar/PropertyItem.js";
-import "../RotateTool.module-67946714.js";
-import "../utils/hooks/useMousePressed.js";
-import "../utils/hooks/useGrabScroll.js";
-import "../utils/hooks/usePinch.js";
-import "../utils/hooks/useDebounce.js";
-import "./ui/PasswordModal.js";
-import "../utils/calculatePage.js";
-import "pdfjs-dist";
-import "../utils/approximateFragtion.js";
-import "./icons/ChevronUpIcon.js";
+import "../utils/getScrollDistance.js";
+import "./page/TextLayer.js";
 import "../utils/highlight.js";
 import "../utils/charators.js";
-import "../utils/Queue.js";
-import "../utils/renderPage.js";
-import "./icons/Thumbnail.js";
-import "../utils/withRef.js";
-import "../utils/hooks/useInfiniteScroll.js";
-import "../utils/constants.js";
+import "../contexts/SearchContext.js";
+import "../utils/hooks/useSearch.js";
+import "../utils/getWordPositionInPage.js";
+import "./page/AnnotationLayer.js";
+import "../contexts/PrintContext.js";
+import "../utils/hooks/usePrint.js";
 import "../utils/link_service.js";
 import "../utils/annotations.js";
 import "../utils/sanitizeExternalUrl.js";
-import "../th_TH-d627cd51.js";
+import "../utils/dateFormatter.js";
+import "../utils/hooks/useFileDownload.js";
+import "../contexts/DownloadContext.js";
+import "../contexts/LayerContext.js";
+import "./page/TextHighlightLayer.js";
+import "../contexts/HighlightContext.js";
+import "../utils/hooks/useHighlight.js";
 import "./page/searchHighlight.js";
 import "../utils/const.js";
 import "./page/CustomElement.js";
-import "../utils/appConsole.js";
-import "../utils/hooks/useLoadPdf.js";
-import "../utils/getThumbnailViewport.js";
-import "../contexts/ConfigContext.js";
-import "../utils/hooks/usePdfProperties.js";
-import "../utils/convertPdfDate.js";
-import "../utils/formatFileSize.js";
-import "../utils/getZoomLevel.js";
+import "../contexts/ElementPageContext.js";
+import "../contexts/LicenseContext.js";
 import "../utils/hooks/useLicense.js";
-import "../utils/getScrollDistance.js";
 import "../utils/getElementPositionInPage.js";
-import "../utils/getWordPositionInPage.js";
-import "../utils/smoothScrollTo.js";
-import "./layout/toolbar/FileUploadTool.js";
-import "./icons/FileUploadDefaultIcon.js";
-import "../index-a48ec088.js";
-import "../index-c9a2990a.js";
-import "react-dom";
-import "../index-808ea7bf.js";
+import "../utils/withRef.js";
+import "./icons/LoaderIcon.js";
+import "../utils/hooks/useFullScreen.js";
+import "../contexts/LocalizationContext.js";
 import "../utils/hooks/useLocalization.js";
-import "./layout/toolbar/DarkModeTool.js";
-import "./icons/MoonIcon.js";
-import "./icons/SunIcon.js";
+import "../RPLayout.module-967bf4bc.js";
+import "../contexts/ThemeContext.js";
+import "../contexts/DarkModeContext.js";
 import "../utils/hooks/useDarkMode.js";
-import "./icons/ThreeDotIcon.js";
-import "./icons/CloseIcon.js";
-import "./layout/toolbar/DocumentProperties.js";
-import "./icons/InfoIcon.js";
-import "./layout/toolbar/RotateTool.js";
-import "./icons/ClockwiseIcon.js";
-import "../utils/hooks/useRotate.js";
-import "./layout/toolbar/ViewModeTool.js";
-import "./icons/SinglePageIcon.js";
-import "./icons/DualPageIcon.js";
-import "./icons/CheckIcon.js";
-import "./layout/toolbar/ScrollModeTool.js";
-import "./icons/PageScrollingIcon.js";
-import "./icons/VerticalScrollingIcon.js";
-import "./icons/HorizontalScrollingIcon.js";
-import "./icons/FileDownloadDefaultIcon.js";
-import "./icons/PrintDefaultIcon.js";
-import "./layout/toolbar/FullScreenTool.js";
-import "./icons/FullScreenIcon.js";
-import "../utils/hooks/useFullScreen.js";
-import "./icons/GoToDownIcon.js";
-import "./layout/toolbar/SelectionModeTool.js";
-import "./icons/TextSelectionDefaultIcon.js";
-import "./icons/HandModeDefaultIcon.js";
-import "./icons/ZoomInIcon.js";
-import "./icons/ZoomOutIcon.js";
-import "../utils/zoom.js";
-import "./icons/SearchIcon.js";
-import "./icons/ClearIcon.js";
-import "../utils/hooks/useHighlight.js";
-import "./RPTheme.js";
-import "../utils/hooks/useLoadWorker.js";
-import "./icons/LightPdfIcon.js";
-import "./icons/DarkPdfIcon.js";
+const k = {
+  "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",
+  "rp-pages-container": "_rp-pages-container_u7m2r_15",
+  "rp-viewer": "_rp-viewer_u7m2r_57",
+  "rp-cursor-grab": "_rp-cursor-grab_u7m2r_62",
+  "rp-cursor-grabbing": "_rp-cursor-grabbing_u7m2r_70",
+  "rp-loader": "_rp-loader_u7m2r_78",
+  "rp-not-supported": "_rp-not-supported_u7m2r_86",
+  "rp-not-supported-content": "_rp-not-supported-content_u7m2r_102"
+};
+function xe() {
+  return xe = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var o in t)
+        ({}).hasOwnProperty.call(t, o) && (n[o] = t[o]);
+    }
+    return n;
+  }, xe.apply(null, arguments);
+}
+function Ne(n) {
+  if (n === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return n;
+}
+function ye(n, e) {
+  return ye = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, o) {
+    return t.__proto__ = o, t;
+  }, ye(n, e);
+}
+function Dt(n, e) {
+  n.prototype = Object.create(e.prototype), n.prototype.constructor = n, ye(n, e);
+}
+var Ae = Number.isNaN || function(e) {
+  return typeof e == "number" && e !== e;
+};
+function Ht(n, e) {
+  return !!(n === e || Ae(n) && Ae(e));
+}
+function kt(n, e) {
+  if (n.length !== e.length)
+    return !1;
+  for (var t = 0; t < n.length; t++)
+    if (!Ht(n[t], e[t]))
+      return !1;
+  return !0;
+}
+function Ce(n, e) {
+  e === void 0 && (e = kt);
+  var t, o = [], i, l = !1;
+  function a() {
+    for (var c = [], d = 0; d < arguments.length; d++)
+      c[d] = arguments[d];
+    return l && t === this && e(c, o) || (i = n.apply(this, c), l = !0, t = this, o = c), i;
+  }
+  return a;
+}
+function Fe(n, e) {
+  if (n == null)
+    return {};
+  var t = {};
+  for (var o in n)
+    if ({}.hasOwnProperty.call(n, o)) {
+      if (e.indexOf(o) !== -1)
+        continue;
+      t[o] = n[o];
+    }
+  return t;
+}
+var Ut = typeof performance == "object" && typeof performance.now == "function", We = Ut ? function() {
+  return performance.now();
+} : function() {
+  return Date.now();
+};
+function Pe(n) {
+  cancelAnimationFrame(n.id);
+}
+function Vt(n, e) {
+  var t = We();
+  function o() {
+    We() - t >= e ? n.call(null) : i.id = requestAnimationFrame(o);
+  }
+  var i = {
+    id: requestAnimationFrame(o)
+  };
+  return i;
+}
+var Ie = -1;
+function qt(n) {
+  if (n === void 0 && (n = !1), Ie === -1 || n) {
+    var e = document.createElement("div"), t = e.style;
+    t.width = "50px", t.height = "50px", t.overflow = "scroll", document.body.appendChild(e), Ie = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
+  }
+  return Ie;
+}
+var se = null;
+function De(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 o = document.createElement("div"), i = o.style;
+    return i.width = "100px", i.height = "100px", e.appendChild(o), document.body.appendChild(e), e.scrollLeft > 0 ? se = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? se = "negative" : se = "positive-ascending"), document.body.removeChild(e), se;
+  }
+  return se;
+}
+var Gt = 150, $t = function(e) {
+  var t = e.columnIndex;
+  e.data;
+  var o = e.rowIndex;
+  return o + ":" + t;
+}, de = null, me = null, fe = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (de = /* @__PURE__ */ new WeakSet(), me = /* @__PURE__ */ new WeakSet(), fe = /* @__PURE__ */ new WeakSet());
+function jt(n) {
+  var e, t = n.getColumnOffset, o = n.getColumnStartIndexForOffset, i = n.getColumnStopIndexForStartIndex, l = n.getColumnWidth, a = n.getEstimatedTotalHeight, c = n.getEstimatedTotalWidth, d = n.getOffsetForColumnAndAlignment, v = n.getOffsetForRowAndAlignment, g = n.getRowHeight, w = n.getRowOffset, s = n.getRowStartIndexForOffset, h = n.getRowStopIndexForStartIndex, O = n.initInstanceProps, _ = n.shouldResetStyleCacheOnItemSizeChange, P = n.validateProps;
+  return e = /* @__PURE__ */ function(x) {
+    Dt(R, x);
+    function R(N) {
+      var r;
+      return r = x.call(this, N) || this, r._instanceProps = O(r.props, Ne(r)), r._resetIsScrollingTimeoutId = null, r._outerRef = void 0, r.state = {
+        instance: Ne(r),
+        isScrolling: !1,
+        horizontalScrollDirection: "forward",
+        scrollLeft: typeof r.props.initialScrollLeft == "number" ? r.props.initialScrollLeft : 0,
+        scrollTop: typeof r.props.initialScrollTop == "number" ? r.props.initialScrollTop : 0,
+        scrollUpdateWasRequested: !1,
+        verticalScrollDirection: "forward"
+      }, r._callOnItemsRendered = void 0, r._callOnItemsRendered = Ce(function(m, u, f, S, p, C, b, z) {
+        return r.props.onItemsRendered({
+          overscanColumnStartIndex: m,
+          overscanColumnStopIndex: u,
+          overscanRowStartIndex: f,
+          overscanRowStopIndex: S,
+          visibleColumnStartIndex: p,
+          visibleColumnStopIndex: C,
+          visibleRowStartIndex: b,
+          visibleRowStopIndex: z
+        });
+      }), r._callOnScroll = void 0, r._callOnScroll = Ce(function(m, u, f, S, p) {
+        return r.props.onScroll({
+          horizontalScrollDirection: f,
+          scrollLeft: m,
+          scrollTop: u,
+          verticalScrollDirection: S,
+          scrollUpdateWasRequested: p
+        });
+      }), r._getItemStyle = void 0, r._getItemStyle = function(m, u) {
+        var f = r.props, S = f.columnWidth, p = f.direction, C = f.rowHeight, b = r._getItemStyleCache(_ && S, _ && p, _ && C), z = m + ":" + u, M;
+        if (b.hasOwnProperty(z))
+          M = b[z];
+        else {
+          var L = t(r.props, u, r._instanceProps), I = p === "rtl";
+          b[z] = M = {
+            position: "absolute",
+            left: I ? void 0 : L,
+            right: I ? L : void 0,
+            top: w(r.props, m, r._instanceProps),
+            height: g(r.props, m, r._instanceProps),
+            width: l(r.props, u, r._instanceProps)
+          };
+        }
+        return M;
+      }, r._getItemStyleCache = void 0, r._getItemStyleCache = Ce(function(m, u, f) {
+        return {};
+      }), r._onScroll = function(m) {
+        var u = m.currentTarget, f = u.clientHeight, S = u.clientWidth, p = u.scrollLeft, C = u.scrollTop, b = u.scrollHeight, z = u.scrollWidth;
+        r.setState(function(M) {
+          if (M.scrollLeft === p && M.scrollTop === C)
+            return null;
+          var L = r.props.direction, I = p;
+          if (L === "rtl")
+            switch (De()) {
+              case "negative":
+                I = -p;
+                break;
+              case "positive-descending":
+                I = z - S - p;
+                break;
+            }
+          I = Math.max(0, Math.min(I, z - S));
+          var D = Math.max(0, Math.min(C, b - f));
+          return {
+            isScrolling: !0,
+            horizontalScrollDirection: M.scrollLeft < p ? "forward" : "backward",
+            scrollLeft: I,
+            scrollTop: D,
+            verticalScrollDirection: M.scrollTop < C ? "forward" : "backward",
+            scrollUpdateWasRequested: !1
+          };
+        }, r._resetIsScrollingDebounced);
+      }, r._outerRefSetter = function(m) {
+        var u = r.props.outerRef;
+        r._outerRef = m, typeof u == "function" ? u(m) : u != null && typeof u == "object" && u.hasOwnProperty("current") && (u.current = m);
+      }, r._resetIsScrollingDebounced = function() {
+        r._resetIsScrollingTimeoutId !== null && Pe(r._resetIsScrollingTimeoutId), r._resetIsScrollingTimeoutId = Vt(r._resetIsScrolling, Gt);
+      }, r._resetIsScrolling = function() {
+        r._resetIsScrollingTimeoutId = null, r.setState({
+          isScrolling: !1
+        }, function() {
+          r._getItemStyleCache(-1);
+        });
+      }, r;
+    }
+    R.getDerivedStateFromProps = function(r, m) {
+      return Bt(r, m), P(r), null;
+    };
+    var y = R.prototype;
+    return y.scrollTo = function(r) {
+      var m = r.scrollLeft, u = r.scrollTop;
+      m !== void 0 && (m = Math.max(0, m)), u !== void 0 && (u = Math.max(0, u)), this.setState(function(f) {
+        return m === void 0 && (m = f.scrollLeft), u === void 0 && (u = f.scrollTop), f.scrollLeft === m && f.scrollTop === u ? null : {
+          horizontalScrollDirection: f.scrollLeft < m ? "forward" : "backward",
+          scrollLeft: m,
+          scrollTop: u,
+          scrollUpdateWasRequested: !0,
+          verticalScrollDirection: f.scrollTop < u ? "forward" : "backward"
+        };
+      }, this._resetIsScrollingDebounced);
+    }, y.scrollToItem = function(r) {
+      var m = r.align, u = m === void 0 ? "auto" : m, f = r.columnIndex, S = r.rowIndex, p = this.props, C = p.columnCount, b = p.height, z = p.rowCount, M = p.width, L = this.state, I = L.scrollLeft, D = L.scrollTop, W = qt();
+      f !== void 0 && (f = Math.max(0, Math.min(f, C - 1))), S !== void 0 && (S = Math.max(0, Math.min(S, z - 1)));
+      var H = a(this.props, this._instanceProps), F = c(this.props, this._instanceProps), V = F > M ? W : 0, K = H > b ? W : 0;
+      this.scrollTo({
+        scrollLeft: f !== void 0 ? d(this.props, f, u, I, this._instanceProps, K) : I,
+        scrollTop: S !== void 0 ? v(this.props, S, u, D, this._instanceProps, V) : D
+      });
+    }, y.componentDidMount = function() {
+      var r = this.props, m = r.initialScrollLeft, u = r.initialScrollTop;
+      if (this._outerRef != null) {
+        var f = this._outerRef;
+        typeof m == "number" && (f.scrollLeft = m), typeof u == "number" && (f.scrollTop = u);
+      }
+      this._callPropsCallbacks();
+    }, y.componentDidUpdate = function() {
+      var r = this.props.direction, m = this.state, u = m.scrollLeft, f = m.scrollTop, S = m.scrollUpdateWasRequested;
+      if (S && this._outerRef != null) {
+        var p = this._outerRef;
+        if (r === "rtl")
+          switch (De()) {
+            case "negative":
+              p.scrollLeft = -u;
+              break;
+            case "positive-ascending":
+              p.scrollLeft = u;
+              break;
+            default:
+              var C = p.clientWidth, b = p.scrollWidth;
+              p.scrollLeft = b - C - u;
+              break;
+          }
+        else
+          p.scrollLeft = Math.max(0, u);
+        p.scrollTop = Math.max(0, f);
+      }
+      this._callPropsCallbacks();
+    }, y.componentWillUnmount = function() {
+      this._resetIsScrollingTimeoutId !== null && Pe(this._resetIsScrollingTimeoutId);
+    }, y.render = function() {
+      var r = this.props, m = r.children, u = r.className, f = r.columnCount, S = r.direction, p = r.height, C = r.innerRef, b = r.innerElementType, z = r.innerTagName, M = r.itemData, L = r.itemKey, I = L === void 0 ? $t : L, D = r.outerElementType, W = r.outerTagName, H = r.rowCount, F = r.style, V = r.useIsScrolling, K = r.width, Z = this.state.isScrolling, J = this._getHorizontalRangeToRender(), ne = J[0], $ = J[1], j = this._getVerticalRangeToRender(), Q = j[0], ie = j[1], ae = [];
+      if (f > 0 && H)
+        for (var B = Q; B <= ie; B++)
+          for (var X = ne; X <= $; X++)
+            ae.push(ue(m, {
+              columnIndex: X,
+              data: M,
+              isScrolling: V ? Z : void 0,
+              key: I({
+                columnIndex: X,
+                data: M,
+                rowIndex: B
+              }),
+              rowIndex: B,
+              style: this._getItemStyle(B, X)
+            }));
+      var Y = a(this.props, this._instanceProps), pe = c(this.props, this._instanceProps);
+      return ue(D || W || "div", {
+        className: u,
+        onScroll: this._onScroll,
+        ref: this._outerRefSetter,
+        style: xe({
+          position: "relative",
+          height: p,
+          width: K,
+          overflow: "auto",
+          WebkitOverflowScrolling: "touch",
+          willChange: "transform",
+          direction: S
+        }, F)
+      }, ue(b || z || "div", {
+        children: ae,
+        ref: C,
+        style: {
+          height: Y,
+          pointerEvents: Z ? "none" : void 0,
+          width: pe
+        }
+      }));
+    }, y._callPropsCallbacks = function() {
+      var r = this.props, m = r.columnCount, u = r.onItemsRendered, f = r.onScroll, S = r.rowCount;
+      if (typeof u == "function" && m > 0 && S > 0) {
+        var p = this._getHorizontalRangeToRender(), C = p[0], b = p[1], z = p[2], M = p[3], L = this._getVerticalRangeToRender(), I = L[0], D = L[1], W = L[2], H = L[3];
+        this._callOnItemsRendered(C, b, I, D, z, M, W, H);
+      }
+      if (typeof f == "function") {
+        var F = this.state, V = F.horizontalScrollDirection, K = F.scrollLeft, Z = F.scrollTop, J = F.scrollUpdateWasRequested, ne = F.verticalScrollDirection;
+        this._callOnScroll(K, Z, V, ne, J);
+      }
+    }, y._getHorizontalRangeToRender = function() {
+      var r = this.props, m = r.columnCount, u = r.overscanColumnCount, f = r.overscanColumnsCount, S = r.overscanCount, p = r.rowCount, C = this.state, b = C.horizontalScrollDirection, z = C.isScrolling, M = C.scrollLeft, L = u || f || S || 1;
+      if (m === 0 || p === 0)
+        return [0, 0, 0, 0];
+      var I = o(this.props, M, this._instanceProps), D = i(this.props, I, M, this._instanceProps), W = !z || b === "backward" ? Math.max(1, L) : 1, H = !z || b === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, I - W), Math.max(0, Math.min(m - 1, D + H)), I, D];
+    }, y._getVerticalRangeToRender = function() {
+      var r = this.props, m = r.columnCount, u = r.overscanCount, f = r.overscanRowCount, S = r.overscanRowsCount, p = r.rowCount, C = this.state, b = C.isScrolling, z = C.verticalScrollDirection, M = C.scrollTop, L = f || S || u || 1;
+      if (m === 0 || p === 0)
+        return [0, 0, 0, 0];
+      var I = s(this.props, M, this._instanceProps), D = h(this.props, I, M, this._instanceProps), W = !b || z === "backward" ? Math.max(1, L) : 1, H = !b || z === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, I - W), Math.max(0, Math.min(p - 1, D + H)), I, D];
+    }, R;
+  }(nt), e.defaultProps = {
+    direction: "ltr",
+    itemData: void 0,
+    useIsScrolling: !1
+  }, e;
+}
+var Bt = function(e, t) {
+  var o = e.children, i = e.direction, l = e.height, a = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, v = e.overscanCount, g = e.overscanRowsCount, w = e.width, s = t.instance;
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof v == "number" && de && !de.has(s) && (de.add(s), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof g == "number") && me && !me.has(s) && (me.add(s), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || c != null) && fe && !fe.has(s) && (fe.add(s), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
+    switch (i) {
+      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.'));
+    }
+    if (typeof w != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (w === null ? "null" : typeof w) + '" was specified.'));
+    if (typeof l != "number")
+      throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (l === null ? "null" : typeof l) + '" was specified.'));
+  }
+}, He = 50, je = function(e, t) {
+  var o = e.rowCount, i = t.rowMetadataMap, l = t.estimatedRowHeight, a = t.lastMeasuredRowIndex, c = 0;
+  if (a >= o && (a = o - 1), a >= 0) {
+    var d = i[a];
+    c = d.offset + d.size;
+  }
+  var v = o - a - 1, g = v * l;
+  return c + g;
+}, Be = function(e, t) {
+  var o = e.columnCount, i = t.columnMetadataMap, l = t.estimatedColumnWidth, a = t.lastMeasuredColumnIndex, c = 0;
+  if (a >= o && (a = o - 1), a >= 0) {
+    var d = i[a];
+    c = d.offset + d.size;
+  }
+  var v = o - a - 1, g = v * l;
+  return c + g;
+}, G = function(e, t, o, i) {
+  var l, a, c;
+  if (e === "column" ? (l = i.columnMetadataMap, a = t.columnWidth, c = i.lastMeasuredColumnIndex) : (l = i.rowMetadataMap, a = t.rowHeight, c = i.lastMeasuredRowIndex), o > c) {
+    var d = 0;
+    if (c >= 0) {
+      var v = l[c];
+      d = v.offset + v.size;
+    }
+    for (var g = c + 1; g <= o; g++) {
+      var w = a(g);
+      l[g] = {
+        offset: d,
+        size: w
+      }, d += w;
+    }
+    e === "column" ? i.lastMeasuredColumnIndex = o : i.lastMeasuredRowIndex = o;
+  }
+  return l[o];
+}, ke = function(e, t, o, i) {
+  var l, a;
+  e === "column" ? (l = o.columnMetadataMap, a = o.lastMeasuredColumnIndex) : (l = o.rowMetadataMap, a = o.lastMeasuredRowIndex);
+  var c = a > 0 ? l[a].offset : 0;
+  return c >= i ? Ke(e, t, o, a, 0, i) : Kt(e, t, o, Math.max(0, a), i);
+}, Ke = function(e, t, o, i, l, a) {
+  for (; l <= i; ) {
+    var c = l + Math.floor((i - l) / 2), d = G(e, t, c, o).offset;
+    if (d === a)
+      return c;
+    d < a ? l = c + 1 : d > a && (i = c - 1);
+  }
+  return l > 0 ? l - 1 : 0;
+}, Kt = function(e, t, o, i, l) {
+  for (var a = e === "column" ? t.columnCount : t.rowCount, c = 1; i < a && G(e, t, i, o).offset < l; )
+    i += c, c *= 2;
+  return Ke(e, t, o, Math.min(i, a - 1), Math.floor(i / 2), l);
+}, Ue = function(e, t, o, i, l, a, c) {
+  var d = e === "column" ? t.width : t.height, v = G(e, t, o, a), g = e === "column" ? Be(t, a) : je(t, a), w = Math.max(0, Math.min(g - d, v.offset)), s = Math.max(0, v.offset - d + c + v.size);
+  switch (i === "smart" && (l >= s - d && l <= w + d ? i = "auto" : i = "center"), i) {
+    case "start":
+      return w;
+    case "end":
+      return s;
+    case "center":
+      return Math.round(s + (w - s) / 2);
+    case "auto":
+    default:
+      return l >= s && l <= w ? l : s > w || l < s ? s : w;
+  }
+}, Zt = /* @__PURE__ */ jt({
+  getColumnOffset: function(e, t, o) {
+    return G("column", e, t, o).offset;
+  },
+  getColumnStartIndexForOffset: function(e, t, o) {
+    return ke("column", e, o, t);
+  },
+  getColumnStopIndexForStartIndex: function(e, t, o, i) {
+    for (var l = e.columnCount, a = e.width, c = G("column", e, t, i), d = o + a, v = c.offset + c.size, g = t; g < l - 1 && v < d; )
+      g++, v += G("column", e, g, i).size;
+    return g;
+  },
+  getColumnWidth: function(e, t, o) {
+    return o.columnMetadataMap[t].size;
+  },
+  getEstimatedTotalHeight: je,
+  getEstimatedTotalWidth: Be,
+  getOffsetForColumnAndAlignment: function(e, t, o, i, l, a) {
+    return Ue("column", e, t, o, i, l, a);
+  },
+  getOffsetForRowAndAlignment: function(e, t, o, i, l, a) {
+    return Ue("row", e, t, o, i, l, a);
+  },
+  getRowOffset: function(e, t, o) {
+    return G("row", e, t, o).offset;
+  },
+  getRowHeight: function(e, t, o) {
+    return o.rowMetadataMap[t].size;
+  },
+  getRowStartIndexForOffset: function(e, t, o) {
+    return ke("row", e, o, t);
+  },
+  getRowStopIndexForStartIndex: function(e, t, o, i) {
+    for (var l = e.rowCount, a = e.height, c = G("row", e, t, i), d = o + a, v = c.offset + c.size, g = t; g < l - 1 && v < d; )
+      g++, v += G("row", e, g, i).size;
+    return g;
+  },
+  initInstanceProps: function(e, t) {
+    var o = e, i = o.estimatedColumnWidth, l = o.estimatedRowHeight, a = {
+      columnMetadataMap: {},
+      estimatedColumnWidth: i || He,
+      estimatedRowHeight: l || He,
+      lastMeasuredColumnIndex: -1,
+      lastMeasuredRowIndex: -1,
+      rowMetadataMap: {}
+    };
+    return t.resetAfterColumnIndex = function(c, d) {
+      d === void 0 && (d = !0), t.resetAfterIndices({
+        columnIndex: c,
+        shouldForceUpdate: d
+      });
+    }, t.resetAfterRowIndex = function(c, d) {
+      d === void 0 && (d = !0), t.resetAfterIndices({
+        rowIndex: c,
+        shouldForceUpdate: d
+      });
+    }, t.resetAfterIndices = function(c) {
+      var d = c.columnIndex, v = c.rowIndex, g = c.shouldForceUpdate, w = g === void 0 ? !0 : g;
+      typeof d == "number" && (a.lastMeasuredColumnIndex = Math.min(a.lastMeasuredColumnIndex, d - 1)), typeof v == "number" && (a.lastMeasuredRowIndex = Math.min(a.lastMeasuredRowIndex, v - 1)), t._getItemStyleCache(-1), w && t.forceUpdate();
+    }, a;
+  },
+  shouldResetStyleCacheOnItemSizeChange: !1,
+  validateProps: function(e) {
+    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 o != "function")
+        throw Error('An invalid "rowHeight" prop has been specified. Value should be a function. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
+    }
+  }
+});
+process.env.NODE_ENV;
+function Ve(n, e) {
+  for (var t in n)
+    if (!(t in e))
+      return !0;
+  for (var o in e)
+    if (n[o] !== e[o])
+      return !0;
+  return !1;
+}
+var Jt = ["style"], Qt = ["style"];
+function Xt(n, e) {
+  var t = n.style, o = Fe(n, Jt), i = e.style, l = Fe(e, Qt);
+  return !Ve(t, i) && !Ve(o, l);
+}
+let U;
+typeof window < "u" ? U = window : typeof self < "u" ? U = self : U = global;
+let be = null, ze = null;
+const qe = 20, Te = U.clearTimeout, Ge = U.setTimeout, Re = U.cancelAnimationFrame || U.mozCancelAnimationFrame || U.webkitCancelAnimationFrame, $e = U.requestAnimationFrame || U.mozRequestAnimationFrame || U.webkitRequestAnimationFrame;
+Re == null || $e == null ? (be = Te, ze = function(e) {
+  return Ge(e, qe);
+}) : (be = function([e, t]) {
+  Re(e), Te(t);
+}, ze = function(e) {
+  const t = $e(function() {
+    Te(o), e();
+  }), o = Ge(function() {
+    Re(t), e();
+  }, qe);
+  return [t, o];
+});
+function Yt(n) {
+  let e, t, o, i, l, a, c;
+  const d = typeof document < "u" && document.attachEvent;
+  if (!d) {
+    a = function(x) {
+      const R = x.__resizeTriggers__, y = R.firstElementChild, N = R.lastElementChild, r = y.firstElementChild;
+      N.scrollLeft = N.scrollWidth, N.scrollTop = N.scrollHeight, r.style.width = y.offsetWidth + 1 + "px", r.style.height = y.offsetHeight + 1 + "px", y.scrollLeft = y.scrollWidth, y.scrollTop = y.scrollHeight;
+    }, l = function(x) {
+      return x.offsetWidth !== x.__resizeLast__.width || x.offsetHeight !== x.__resizeLast__.height;
+    }, c = function(x) {
+      if (x.target.className && typeof x.target.className.indexOf == "function" && x.target.className.indexOf("contract-trigger") < 0 && x.target.className.indexOf("expand-trigger") < 0)
+        return;
+      const R = this;
+      a(this), this.__resizeRAF__ && be(this.__resizeRAF__), this.__resizeRAF__ = ze(function() {
+        l(R) && (R.__resizeLast__.width = R.offsetWidth, R.__resizeLast__.height = R.offsetHeight, R.__resizeListeners__.forEach(function(r) {
+          r.call(R, x);
+        }));
+      });
+    };
+    let s = !1, h = "";
+    o = "animationstart";
+    const O = "Webkit Moz O ms".split(" ");
+    let _ = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), P = "";
+    {
+      const x = document.createElement("fakeelement");
+      if (x.style.animationName !== void 0 && (s = !0), s === !1) {
+        for (let R = 0; R < O.length; R++)
+          if (x.style[O[R] + "AnimationName"] !== void 0) {
+            P = O[R], h = "-" + P.toLowerCase() + "-", o = _[R], s = !0;
+            break;
+          }
+      }
+    }
+    t = "resizeanim", e = "@" + h + "keyframes " + t + " { from { opacity: 0; } to { opacity: 0; } } ", i = h + "animation: 1ms " + t + "; ";
+  }
+  const v = function(s) {
+    if (!s.getElementById("detectElementResize")) {
+      const h = (e || "") + ".resize-triggers { " + (i || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', O = s.head || s.getElementsByTagName("head")[0], _ = s.createElement("style");
+      _.id = "detectElementResize", _.type = "text/css", n != null && _.setAttribute("nonce", n), _.styleSheet ? _.styleSheet.cssText = h : _.appendChild(s.createTextNode(h)), O.appendChild(_);
+    }
+  };
+  return {
+    addResizeListener: function(s, h) {
+      if (d)
+        s.attachEvent("onresize", h);
+      else {
+        if (!s.__resizeTriggers__) {
+          const O = s.ownerDocument, _ = U.getComputedStyle(s);
+          _ && _.position === "static" && (s.style.position = "relative"), v(O), s.__resizeLast__ = {}, s.__resizeListeners__ = [], (s.__resizeTriggers__ = O.createElement("div")).className = "resize-triggers";
+          const P = O.createElement("div");
+          P.className = "expand-trigger", P.appendChild(O.createElement("div"));
+          const x = O.createElement("div");
+          x.className = "contract-trigger", s.__resizeTriggers__.appendChild(P), s.__resizeTriggers__.appendChild(x), s.appendChild(s.__resizeTriggers__), a(s), s.addEventListener("scroll", c, !0), o && (s.__resizeTriggers__.__animationListener__ = function(y) {
+            y.animationName === t && a(s);
+          }, s.__resizeTriggers__.addEventListener(o, s.__resizeTriggers__.__animationListener__));
+        }
+        s.__resizeListeners__.push(h);
+      }
+    },
+    removeResizeListener: function(s, h) {
+      if (d)
+        s.detachEvent("onresize", h);
+      else if (s.__resizeListeners__.splice(s.__resizeListeners__.indexOf(h), 1), !s.__resizeListeners__.length) {
+        s.removeEventListener("scroll", c, !0), s.__resizeTriggers__.__animationListener__ && (s.__resizeTriggers__.removeEventListener(o, s.__resizeTriggers__.__animationListener__), s.__resizeTriggers__.__animationListener__ = null);
+        try {
+          s.__resizeTriggers__ = !s.removeChild(s.__resizeTriggers__);
+        } catch {
+        }
+      }
+    }
+  };
+}
+class er extends it {
+  constructor(...e) {
+    super(...e), this.state = {
+      height: this.props.defaultHeight || 0,
+      width: this.props.defaultWidth || 0
+    }, this._autoSizer = null, this._detectElementResize = null, this._didLogDeprecationWarning = !1, this._parentNode = null, this._resizeObserver = null, this._timeoutId = null, this._onResize = () => {
+      this._timeoutId = null;
+      const {
+        disableHeight: t,
+        disableWidth: o,
+        onResize: i
+      } = this.props;
+      if (this._parentNode) {
+        const l = window.getComputedStyle(this._parentNode) || {}, a = parseFloat(l.paddingLeft || "0"), c = parseFloat(l.paddingRight || "0"), d = parseFloat(l.paddingTop || "0"), v = parseFloat(l.paddingBottom || "0"), g = this._parentNode.getBoundingClientRect(), w = g.height - d - v, s = g.width - a - c;
+        if (!t && this.state.height !== w || !o && this.state.width !== s) {
+          this.setState({
+            height: w,
+            width: s
+          });
+          const h = () => {
+            this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
+          };
+          typeof i == "function" && i({
+            height: w,
+            width: s,
+            // TODO Remove these params in the next major release
+            get scaledHeight() {
+              return h(), w;
+            },
+            get scaledWidth() {
+              return h(), s;
+            }
+          });
+        }
+      }
+    }, this._setRef = (t) => {
+      this._autoSizer = t;
+    };
+  }
+  componentDidMount() {
+    const {
+      nonce: e
+    } = this.props, t = this._autoSizer ? this._autoSizer.parentNode : null;
+    if (t != null && t.ownerDocument && t.ownerDocument.defaultView && t instanceof t.ownerDocument.defaultView.HTMLElement) {
+      this._parentNode = t;
+      const o = t.ownerDocument.defaultView.ResizeObserver;
+      o != null ? (this._resizeObserver = new o(() => {
+        this._timeoutId = setTimeout(this._onResize, 0);
+      }), this._resizeObserver.observe(t)) : (this._detectElementResize = Yt(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
+    }
+  }
+  componentWillUnmount() {
+    this._parentNode && (this._detectElementResize && this._detectElementResize.removeResizeListener(this._parentNode, this._onResize), this._timeoutId !== null && clearTimeout(this._timeoutId), this._resizeObserver && this._resizeObserver.disconnect());
+  }
+  render() {
+    const {
+      children: e,
+      defaultHeight: t,
+      defaultWidth: o,
+      disableHeight: i = !1,
+      disableWidth: l = !1,
+      doNotBailOutOnEmptyChildren: a = !1,
+      nonce: c,
+      onResize: d,
+      style: v = {},
+      tagName: g = "div",
+      ...w
+    } = this.props, {
+      height: s,
+      width: h
+    } = this.state, O = {
+      overflow: "visible"
+    }, _ = {};
+    let P = !1;
+    return i || (s === 0 && (P = !0), O.height = 0, _.height = s, _.scaledHeight = s), l || (h === 0 && (P = !0), O.width = 0, _.width = h, _.scaledWidth = h), a && (P = !1), ue(g, {
+      ref: this._setRef,
+      style: {
+        ...O,
+        ...v
+      },
+      ...w
+    }, !P && e(_));
+  }
+}
+const tr = st(({ columnIndex: n, rowIndex: e, data: t, style: o }) => {
+  const i = Et(e, n, t.columnCount);
+  return /* @__PURE__ */ A(at, { style: o, pageNumber: i }, i);
+}, Xt), ko = () => {
+  const n = q(new Wt()), { initialPage: e = 1, initialScrollMode: t, instanceId: o } = xt(), { pagesRef: i, setPagesRef: l, setContentRef: a } = yt(), { scrollToPage: c } = ut();
+  Pt(i);
+  const {
+    virtualScrollRef: d,
+    getVirtualScrollRef: v,
+    getPageScrollElementRef: g,
+    getVirtualScrollableElementRef: w,
+    setTotalInnerDimensions: s,
+    virtualScrollableElementRef: h,
+    totalInnerDimensions: O,
+    pageScrollElementRef: _
+  } = ct(), P = q(!0), { nextPage: x, prevPage: R, setFocusedPage: y, focusedPage: N } = dt(), { scrollMode: r } = pt(), { viewMode: m } = ft(), u = q(null), { loading: f, error: S } = mt(), { passwordRequired: p } = Ot(), { LoaderImageComponent: C } = zt(), b = q(
+    O
+  ), z = q({
+    viewMode: m,
+    scrollMode: r
+  }), M = q(!1), L = q(), { isFullScreen: I } = _t(), {
+    pageDimension: D,
+    rowCount: W,
+    rowHeight: H,
+    columnCount: F,
+    columnWidth: V,
+    estimatedColumnWidth: K,
+    estimatedRowHeight: Z,
+    totalDimension: J
+  } = lt(), ne = bt(O, 100), { onScroll: $ } = Ft(), j = q();
+  Lt(F, W, h);
+  const Q = q({
+    scrollTop: 0,
+    scrollLeft: 0
+  });
+  Rt(i);
+  const { isPressed: ie } = Ct(), { selectionMode: ae } = It(), { initializeGrabScroll: B, resetGrabState: X } = Tt({
+    isPressed: ie
+  }), Y = we(() => ae === ht.HAND, [ae]), pe = we(() => ({
+    columnCount: F
+  }), [F]), he = le(
+    (T) => {
+      const E = document.activeElement !== i;
+      !I && E || (["ArrowUp", "ArrowLeft"].includes(T.key) ? (T.preventDefault(), R()) : ["ArrowDown", "ArrowRight"].includes(T.key) && (T.preventDefault(), x()));
+    },
+    [x, R, I, r]
+  );
+  oe(() => (window.addEventListener("keydown", he), () => {
+    window.removeEventListener("keydown", he);
+  }), [he]), oe(() => {
+    if (u.current && (u.current.style.position = "relative"), !!d)
+      for (let T = 0; T < W; T++)
+        for (let E = 0; E < F; E++)
+          d.resetAfterIndices({
+            columnIndex: E,
+            rowIndex: T,
+            shouldForceUpdate: !0
+          });
+  }, [W, F, D, d]);
+  const Ze = le(
+    (T, E) => {
+      if (!h)
+        return { scrollTop: 0, scrollLeft: 0 };
+      const ee = Q.current.scrollTop > E, te = Q.current.scrollLeft > T;
+      return ee || te ? Q.current : {
+        scrollTop: h.scrollTop,
+        scrollLeft: h.scrollLeft
+      };
+    },
+    [h]
+  ), Me = le(
+    (T, E) => {
+      if (z.current.viewMode !== m || z.current.scrollMode !== r) {
+        j.current && clearTimeout(j.current), M.current = !0, c(N, "auto"), j.current = setTimeout(() => {
+          requestAnimationFrame(() => {
+            z.current = { viewMode: m, scrollMode: r };
+          });
+        }, 100);
+        return;
+      }
+      const te = T.scrollTop, ge = T.scrollLeft;
+      if (!E.height || !E.width)
+        return;
+      M.current = !0;
+      const { height: re, width: ve } = E, { height: Le, width: Ee } = b.current;
+      if (Le === re && Ee === ve)
+        return;
+      const Ye = te / Le * re, et = ge / Ee * ve, tt = Math.round(Math.min(Ye, re)) || 0, rt = Math.round(Math.min(et, ve)) || 0;
+      L.current = setTimeout(() => {
+        requestAnimationFrame(() => {
+          h == null || h.scrollTo({
+            top: tt,
+            left: rt,
+            behavior: "auto"
+          });
+        });
+      }, 0), b.current = {
+        height: E.height,
+        width: E.width
+      };
+    },
+    [h, m, r, c]
+  );
+  oe(() => {
+    clearTimeout(L.current);
+    const T = Array.from({ length: W }).reduce(
+      (te, ge, re) => te + H(re),
+      0
+    ), E = Array.from({ length: F }).reduce(
+      (te, ge, re) => te + V(re),
+      0
+    ), ee = Ze(E, T);
+    Q.current = ee, Me(ee, { height: T, width: E }), s({
+      height: T,
+      width: E
+    });
+  }, [D, W, F, Me]);
+  const Je = le(
+    (T) => {
+      Q.current = {
+        scrollTop: T.scrollTop,
+        scrollLeft: T.scrollLeft
+      };
+    },
+    [h]
+  );
+  oe(() => {
+    if ($)
+      return _ && _.addEventListener("scroll", $), h && h.addEventListener("scroll", $), () => {
+        _ == null || _.removeEventListener("scroll", $), h == null || h.removeEventListener("scroll", $);
+      };
+  }, [h, _, $]), oe(() => () => {
+    j.current && clearTimeout(j.current);
+  }, []);
+  const Qe = we(() => ce(k["rp-pages-container"], {
+    [k["rp-cursor-grab"]]: Y && !ie,
+    [k["rp-cursor-grabbing"]]: Y && ie
+  }), [Y, ie]), Xe = le(
+    (T) => {
+      if (Y && T) {
+        const E = ce(k["rp-pages"]), ee = document.querySelector(`.${E}`);
+        B(ee);
+      }
+    },
+    [Y, B, k]
+  );
+  return oe(() => {
+    f && X();
+  }, [f]), oe(() => {
+    if (!(ne.height === 0 || !P.current)) {
+      if (t === Se.PAGE_SCROLLING) {
+        e !== N && _ && y(e), P.current = !1;
+        return;
+      }
+      c(e, "auto"), y(e), P.current = !1;
+    }
+  }, [
+    c,
+    t,
+    _,
+    y,
+    ne
+  ]), /* @__PURE__ */ _e(ot, { children: [
+    /* @__PURE__ */ A(At, { ref: a, children: /* @__PURE__ */ A(
+      Nt,
+      {
+        id: o,
+        ref: l,
+        tabIndex: -1,
+        className: Qe,
+        style: {
+          "--scale-round-x": `${Oe(n.current.sx)[1]}px`,
+          "--scale-round-y": `${Oe(n.current.sy)[1]}px`
+        },
+        children: /* @__PURE__ */ A(er, { style: { minHeight: "50px" }, children: ({ width: T, height: E }) => /* @__PURE__ */ A("div", { "data-rp": "pages", ref: Xe, style: { width: T, height: E }, children: r === Se.PAGE_SCROLLING ? /* @__PURE__ */ A(
+          "div",
+          {
+            ref: g,
+            style: { width: T, height: E },
+            className: ce(k["rp-pages"], k["rp-page-scrolling-wrapper"]),
+            children: m === gt.DUAL_PAGE ? /* @__PURE__ */ A(wt, { widths: V, heights: H }) : /* @__PURE__ */ A(St, { widths: V, heights: H })
+          }
+        ) : Z ? /* @__PURE__ */ A(
+          Zt,
+          {
+            ref: v,
+            itemData: pe,
+            outerRef: w,
+            innerRef: u,
+            onScroll: Je,
+            columnCount: F,
+            columnWidth: V,
+            rowHeight: H,
+            height: E,
+            width: T,
+            estimatedColumnWidth: K,
+            estimatedRowHeight: Z,
+            rowCount: W,
+            className: ce(
+              k["rp-pages"],
+              r === Se.HORIZONTAL_SCROLLING ? k["rp-pages-horizontal-scroll"] : ""
+            ),
+            style: {
+              "--rp-pages-height": `${J.height}px`,
+              "--rp-pages-width": `${J.width}px`,
+              "--rp-row-count": `${W}`,
+              "--rp-column-count": `${F}`
+            },
+            children: tr
+          }
+        ) : !f && !S ? /* @__PURE__ */ A(
+          "div",
+          {
+            className: k["rp-loader"],
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+              width: "100%"
+            },
+            children: C && /* @__PURE__ */ A(C, {})
+          }
+        ) : S === vt.NOT_SUPPORTED ? /* @__PURE__ */ A("div", { className: k["rp-not-supported"], children: /* @__PURE__ */ _e("div", { className: k["rp-not-supported-content"], children: [
+          "React PDF is unable to render on this browser. Please use the supported browsers from the list below:",
+          /* @__PURE__ */ A("div", { children: /* @__PURE__ */ _e("ul", { children: [
+            /* @__PURE__ */ A("li", { children: "Chrome 119+" }),
+            /* @__PURE__ */ A("li", { children: "Edge 115+" }),
+            /* @__PURE__ */ A("li", { children: "Firefox 115+" }),
+            /* @__PURE__ */ A("li", { children: "Safari 17.4+" }),
+            /* @__PURE__ */ A("li", { children: "Safari iOS 17.4+" }),
+            /* @__PURE__ */ A("li", { children: "Chrome Android 126+" })
+          ] }) })
+        ] }) }) : null }) })
+      }
+    ) }),
+    p && /* @__PURE__ */ A(Mt, {})
+  ] });
+};
 export {
-  Fr as RPPages
+  ko as RPPages
 };