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

package/dist/components/RPPages.js

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