@react-pdf-kit/viewer 0.0.0-experimental.3 → 0.0.0-experimental.5

package/dist/components/RPPages.js

@@ -24,13 +24,14 @@ import { useLoaderContext as Mt } from "../contexts/LoaderContext.js";
 import Et from "./ui/PasswordModal.js";
 import { usePresentPage as Ot } from "../utils/hooks/usePresentPage.js";
 import { getPageFromPosition as Wt } from "../utils/calculatePage.js";
-import { useDocumentPasswordContext as Pt } from "../contexts/DocumentPasswordContext.js";
-import { LayoutContainer as At } from "./layout/LayoutContainer.js";
-import { LayoutWrapper as Nt } from "./layout/LayoutWrapper.js";
+import { useDocumentPasswordContext as At } from "../contexts/DocumentPasswordContext.js";
+import { LayoutContainer as Nt } from "./layout/LayoutContainer.js";
+import { LayoutWrapper as Pt } from "./layout/LayoutWrapper.js";
 import { useEventCallbackContext as Ft } from "../contexts/EventCallbackContext.js";
 import { useCopyText as Dt } from "../utils/hooks/useCopyText.js";
 import { useTextSelection as Ht } from "../utils/hooks/useTextSelection.js";
-import { approximateFraction as Pe } from "../utils/approximateFragtion.js";
+import { OutputScale as kt } from "pdfjs-dist";
+import { approximateFraction as Ae } from "../utils/approximateFragtion.js";
 import "./page/CanvasLayer.js";
 import "../contexts/ZoomContext.js";
 import "../utils/appConsole.js";
@@ -39,8 +40,6 @@ import "../utils/getZoomLevel.js";
 import "../de_DE-a553b162.js";
 import "../contexts/RotationContext.js";
 import "../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
 import "../utils/getThumbnailViewport.js";
 import "../contexts/ConfigContext.js";
 import "../utils/hooks/usePdfProperties.js";
@@ -113,7 +112,7 @@ function be() {
     return n;
   }, be.apply(null, arguments);
 }
-function Ae(n) {
+function Ne(n) {
   if (n === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return n;
@@ -123,25 +122,25 @@ function ze(n, e) {
     return t.__proto__ = r, t;
   }, ze(n, e);
 }
-function kt(n, e) {
+function Ut(n, e) {
   n.prototype = Object.create(e.prototype), n.prototype.constructor = n, ze(n, e);
 }
-var Ne = Number.isNaN || function(e) {
+var Pe = Number.isNaN || function(e) {
   return typeof e == "number" && e !== e;
 };
-function Ut(n, e) {
-  return !!(n === e || Ne(n) && Ne(e));
-}
 function Vt(n, e) {
+  return !!(n === e || Pe(n) && Pe(e));
+}
+function qt(n, e) {
   if (n.length !== e.length)
     return !1;
   for (var t = 0; t < n.length; t++)
-    if (!Ut(n[t], e[t]))
+    if (!Vt(n[t], e[t]))
       return !1;
   return !0;
 }
 function Te(n, e) {
-  e === void 0 && (e = Vt);
+  e === void 0 && (e = qt);
   var t, r = [], s, l = !1;
   function a() {
     for (var c = [], f = 0; f < arguments.length; f++)
@@ -162,7 +161,7 @@ function Fe(n, e) {
     }
   return t;
 }
-var qt = typeof performance == "object" && typeof performance.now == "function", De = qt ? function() {
+var Gt = typeof performance == "object" && typeof performance.now == "function", De = Gt ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -170,7 +169,7 @@ var qt = typeof performance == "object" && typeof performance.now == "function",
 function He(n) {
   cancelAnimationFrame(n.id);
 }
-function Gt(n, e) {
+function $t(n, e) {
   var t = De();
   function r() {
     De() - t >= e ? n.call(null) : s.id = requestAnimationFrame(r);
@@ -181,7 +180,7 @@ function Gt(n, e) {
   return s;
 }
 var Re = -1;
-function $t(n) {
+function jt(n) {
   if (n === void 0 && (n = !1), Re === -1 || n) {
     var e = document.createElement("div"), t = e.style;
     t.width = "50px", t.height = "50px", t.overflow = "scroll", document.body.appendChild(e), Re = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
@@ -198,21 +197,21 @@ function ke(n) {
   }
   return se;
 }
-var jt = 150, Bt = function(e) {
+var Bt = 150, Kt = 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 Kt(n) {
+function Zt(n) {
   var e, t = n.getColumnOffset, r = n.getColumnStartIndexForOffset, s = n.getColumnStopIndexForStartIndex, l = n.getColumnWidth, a = n.getEstimatedTotalHeight, c = n.getEstimatedTotalWidth, f = n.getOffsetForColumnAndAlignment, g = n.getOffsetForRowAndAlignment, h = n.getRowHeight, _ = n.getRowOffset, i = n.getRowStartIndexForOffset, y = n.getRowStopIndexForStartIndex, w = n.initInstanceProps, S = n.shouldResetStyleCacheOnItemSizeChange, D = n.validateProps;
   return e = /* @__PURE__ */ function(b) {
-    kt(I, b);
-    function I(P) {
+    Ut(I, b);
+    function I(A) {
       var o;
-      return o = b.call(this, P) || this, o._instanceProps = w(o.props, Ae(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
-        instance: Ae(o),
+      return o = b.call(this, A) || this, o._instanceProps = w(o.props, Ne(o)), o._resetIsScrollingTimeoutId = null, o._outerRef = void 0, o.state = {
+        instance: Ne(o),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
         scrollLeft: typeof o.props.initialScrollLeft == "number" ? o.props.initialScrollLeft : 0,
@@ -286,7 +285,7 @@ function Kt(n) {
         var d = o.props.outerRef;
         o._outerRef = u, typeof d == "function" ? d(u) : d != null && typeof d == "object" && d.hasOwnProperty("current") && (d.current = u);
       }, o._resetIsScrollingDebounced = function() {
-        o._resetIsScrollingTimeoutId !== null && He(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Gt(o._resetIsScrolling, jt);
+        o._resetIsScrollingTimeoutId !== null && He(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = $t(o._resetIsScrolling, Bt);
       }, o._resetIsScrolling = function() {
         o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
@@ -296,7 +295,7 @@ function Kt(n) {
       }, o;
     }
     I.getDerivedStateFromProps = function(o, u) {
-      return Zt(o, u), D(o), null;
+      return Jt(o, u), D(o), null;
     };
     var W = I.prototype;
     return W.scrollTo = function(o) {
@@ -311,9 +310,9 @@ function Kt(n) {
         };
       }, this._resetIsScrollingDebounced);
     }, W.scrollToItem = function(o) {
-      var u = o.align, d = u === void 0 ? "auto" : u, m = o.columnIndex, C = o.rowIndex, p = this.props, T = p.columnCount, z = p.height, L = p.rowCount, M = p.width, E = this.state, R = E.scrollLeft, F = E.scrollTop, N = $t();
+      var u = o.align, d = u === void 0 ? "auto" : u, m = o.columnIndex, C = o.rowIndex, p = this.props, T = p.columnCount, z = p.height, L = p.rowCount, M = p.width, E = this.state, R = E.scrollLeft, F = E.scrollTop, P = jt();
       m !== void 0 && (m = Math.max(0, Math.min(m, T - 1))), C !== void 0 && (C = Math.max(0, Math.min(C, L - 1)));
-      var H = a(this.props, this._instanceProps), A = c(this.props, this._instanceProps), k = A > M ? N : 0, Z = H > z ? N : 0;
+      var H = a(this.props, this._instanceProps), N = c(this.props, this._instanceProps), k = N > M ? P : 0, Z = H > z ? P : 0;
       this.scrollTo({
         scrollLeft: m !== void 0 ? f(this.props, m, d, R, this._instanceProps, Z) : R,
         scrollTop: C !== void 0 ? g(this.props, C, d, F, this._instanceProps, k) : F
@@ -350,7 +349,7 @@ function Kt(n) {
     }, W.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && He(this._resetIsScrollingTimeoutId);
     }, W.render = function() {
-      var o = this.props, u = o.children, d = o.className, m = o.columnCount, C = o.direction, p = o.height, T = o.innerRef, z = o.innerElementType, L = o.innerTagName, M = o.itemData, E = o.itemKey, R = E === void 0 ? Bt : E, F = o.outerElementType, N = o.outerTagName, H = o.rowCount, A = o.style, k = o.useIsScrolling, Z = o.width, J = this.state.isScrolling, Q = this._getHorizontalRangeToRender(), ie = Q[0], j = Q[1], le = this._getVerticalRangeToRender(), X = le[0], Y = le[1], ee = [];
+      var o = this.props, u = o.children, d = o.className, m = o.columnCount, C = o.direction, p = o.height, T = o.innerRef, z = o.innerElementType, L = o.innerTagName, M = o.itemData, E = o.itemKey, R = E === void 0 ? Kt : E, F = o.outerElementType, P = o.outerTagName, H = o.rowCount, N = o.style, k = o.useIsScrolling, Z = o.width, J = this.state.isScrolling, Q = this._getHorizontalRangeToRender(), ie = Q[0], j = Q[1], le = this._getVerticalRangeToRender(), X = le[0], Y = le[1], ee = [];
       if (m > 0 && H)
         for (var B = X; B <= Y; B++)
           for (var K = ie; K <= j; K++)
@@ -367,7 +366,7 @@ function Kt(n) {
               style: this._getItemStyle(B, K)
             }));
       var pe = a(this.props, this._instanceProps), te = c(this.props, this._instanceProps);
-      return ue(F || N || "div", {
+      return ue(F || P || "div", {
         className: d,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
@@ -379,7 +378,7 @@ function Kt(n) {
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: C
-        }, A)
+        }, N)
       }, ue(z || L || "div", {
         children: ee,
         ref: T,
@@ -392,25 +391,25 @@ function Kt(n) {
     }, W._callPropsCallbacks = function() {
       var o = this.props, u = o.columnCount, d = o.onItemsRendered, m = o.onScroll, C = o.rowCount;
       if (typeof d == "function" && u > 0 && C > 0) {
-        var p = this._getHorizontalRangeToRender(), T = p[0], z = p[1], L = p[2], M = p[3], E = this._getVerticalRangeToRender(), R = E[0], F = E[1], N = E[2], H = E[3];
-        this._callOnItemsRendered(T, z, R, F, L, M, N, H);
+        var p = this._getHorizontalRangeToRender(), T = p[0], z = p[1], L = p[2], M = p[3], E = this._getVerticalRangeToRender(), R = E[0], F = E[1], P = E[2], H = E[3];
+        this._callOnItemsRendered(T, z, R, F, L, M, P, H);
       }
       if (typeof m == "function") {
-        var A = this.state, k = A.horizontalScrollDirection, Z = A.scrollLeft, J = A.scrollTop, Q = A.scrollUpdateWasRequested, ie = A.verticalScrollDirection;
+        var N = this.state, k = N.horizontalScrollDirection, Z = N.scrollLeft, J = N.scrollTop, Q = N.scrollUpdateWasRequested, ie = N.verticalScrollDirection;
         this._callOnScroll(Z, J, k, ie, Q);
       }
     }, W._getHorizontalRangeToRender = function() {
       var o = this.props, u = o.columnCount, d = o.overscanColumnCount, m = o.overscanColumnsCount, C = o.overscanCount, p = o.rowCount, T = this.state, z = T.horizontalScrollDirection, L = T.isScrolling, M = T.scrollLeft, E = d || m || C || 1;
       if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      var R = r(this.props, M, this._instanceProps), F = s(this.props, R, M, this._instanceProps), N = !L || z === "backward" ? Math.max(1, E) : 1, H = !L || z === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, R - N), Math.max(0, Math.min(u - 1, F + H)), R, F];
+      var R = r(this.props, M, this._instanceProps), F = s(this.props, R, M, this._instanceProps), P = !L || z === "backward" ? Math.max(1, E) : 1, H = !L || z === "forward" ? Math.max(1, E) : 1;
+      return [Math.max(0, R - P), Math.max(0, Math.min(u - 1, F + H)), R, F];
     }, W._getVerticalRangeToRender = function() {
       var o = this.props, u = o.columnCount, d = o.overscanCount, m = o.overscanRowCount, C = o.overscanRowsCount, p = o.rowCount, T = this.state, z = T.isScrolling, L = T.verticalScrollDirection, M = T.scrollTop, E = m || C || d || 1;
       if (u === 0 || p === 0)
         return [0, 0, 0, 0];
-      var R = i(this.props, M, this._instanceProps), F = y(this.props, R, M, this._instanceProps), N = !z || L === "backward" ? Math.max(1, E) : 1, H = !z || L === "forward" ? Math.max(1, E) : 1;
-      return [Math.max(0, R - N), Math.max(0, Math.min(p - 1, F + H)), R, F];
+      var R = i(this.props, M, this._instanceProps), F = y(this.props, R, M, this._instanceProps), P = !z || L === "backward" ? Math.max(1, E) : 1, H = !z || L === "forward" ? Math.max(1, E) : 1;
+      return [Math.max(0, R - P), Math.max(0, Math.min(p - 1, F + H)), R, F];
     }, I;
   }(at), e.defaultProps = {
     direction: "ltr",
@@ -418,7 +417,7 @@ function Kt(n) {
     useIsScrolling: !1
   }, e;
 }
-var Zt = function(e, t) {
+var Jt = function(e, t) {
   var r = e.children, s = e.direction, l = e.height, a = e.innerTagName, c = e.outerTagName, f = e.overscanColumnsCount, g = e.overscanCount, h = e.overscanRowsCount, _ = e.width, i = t.instance;
   if (process.env.NODE_ENV !== "production") {
     if (typeof g == "number" && de && !de.has(i) && (de.add(i), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof f == "number" || typeof h == "number") && fe && !fe.has(i) && (fe.add(i), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (a != null || c != null) && me && !me.has(i) && (me.add(i), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
@@ -473,7 +472,7 @@ var Zt = function(e, t) {
   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 >= s ? Je(e, t, r, a, 0, s) : Jt(e, t, r, Math.max(0, a), s);
+  return c >= s ? Je(e, t, r, a, 0, s) : Qt(e, t, r, Math.max(0, a), s);
 }, Je = function(e, t, r, s, l, a) {
   for (; l <= s; ) {
     var c = l + Math.floor((s - l) / 2), f = $(e, t, c, r).offset;
@@ -482,7 +481,7 @@ var Zt = function(e, t) {
     f < a ? l = c + 1 : f > a && (s = c - 1);
   }
   return l > 0 ? l - 1 : 0;
-}, Jt = function(e, t, r, s, l) {
+}, Qt = function(e, t, r, s, l) {
   for (var a = e === "column" ? t.columnCount : t.rowCount, c = 1; s < a && $(e, t, s, r).offset < l; )
     s += c, c *= 2;
   return Je(e, t, r, Math.min(s, a - 1), Math.floor(s / 2), l);
@@ -499,7 +498,7 @@ var Zt = function(e, t) {
     default:
       return l >= i && l <= _ ? l : i > _ || l < i ? i : _;
   }
-}, Qt = /* @__PURE__ */ Kt({
+}, Xt = /* @__PURE__ */ Zt({
   getColumnOffset: function(e, t, r) {
     return $("column", e, t, r).offset;
   },
@@ -581,9 +580,9 @@ function Ge(n, e) {
       return !0;
   return !1;
 }
-var Xt = ["style"], Yt = ["style"];
-function er(n, e) {
-  var t = n.style, r = Fe(n, Xt), s = e.style, l = Fe(e, Yt);
+var Yt = ["style"], er = ["style"];
+function tr(n, e) {
+  var t = n.style, r = Fe(n, Yt), s = e.style, l = Fe(e, er);
   return !Ge(t, s) && !Ge(r, l);
 }
 let V;
@@ -602,13 +601,13 @@ ye == null || Be == null ? (Le = xe, Me = function(e) {
   }, $e);
   return [t, r];
 });
-function tr(n) {
+function rr(n) {
   let e, t, r, s, l, a, c;
   const f = typeof document < "u" && document.attachEvent;
   if (!f) {
     a = function(b) {
-      const I = b.__resizeTriggers__, W = I.firstElementChild, P = I.lastElementChild, o = W.firstElementChild;
-      P.scrollLeft = P.scrollWidth, P.scrollTop = P.scrollHeight, o.style.width = W.offsetWidth + 1 + "px", o.style.height = W.offsetHeight + 1 + "px", W.scrollLeft = W.scrollWidth, W.scrollTop = W.scrollHeight;
+      const I = b.__resizeTriggers__, W = I.firstElementChild, A = I.lastElementChild, o = W.firstElementChild;
+      A.scrollLeft = A.scrollWidth, A.scrollTop = A.scrollHeight, o.style.width = W.offsetWidth + 1 + "px", o.style.height = W.offsetHeight + 1 + "px", W.scrollLeft = W.scrollWidth, W.scrollTop = W.scrollHeight;
     }, l = function(b) {
       return b.offsetWidth !== b.__resizeLast__.width || b.offsetHeight !== b.__resizeLast__.height;
     }, c = function(b) {
@@ -674,7 +673,7 @@ function tr(n) {
     }
   };
 }
-class rr extends lt {
+class or extends lt {
   constructor(...e) {
     super(...e), this.state = {
       height: this.props.defaultHeight || 0,
@@ -722,7 +721,7 @@ class rr extends lt {
       const r = t.ownerDocument.defaultView.ResizeObserver;
       r != null ? (this._resizeObserver = new r(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(t)) : (this._detectElementResize = tr(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(t)) : (this._detectElementResize = rr(e), this._detectElementResize.addResizeListener(t, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -758,14 +757,7 @@ class rr extends lt {
     }, !D && e(S));
   }
 }
-const or = class {
-  get sx() {
-    return window.devicePixelRatio || 1;
-  }
-  get sy() {
-    return window.devicePixelRatio || 1;
-  }
-}, nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
+const nr = ct(({ columnIndex: n, rowIndex: e, data: t, style: r }) => {
   const s = Wt(
     e,
     n,
@@ -805,8 +797,8 @@ const or = class {
       children: /* @__PURE__ */ x(Ce, { style: { position: "relative" }, pageNumber: s }, s)
     }
   ) : /* @__PURE__ */ x(Ce, { style: r, pageNumber: s }, s);
-}, er), jo = () => {
-  const n = G(new or()), { initialPage: e = 1, initialScrollMode: t } = bt(), { pagesRef: r, setPagesRef: s, setContentRef: l } = zt(), { scrollToPage: a } = ft();
+}, tr), $o = () => {
+  const n = G(new kt()), { initialPage: e = 1, initialScrollMode: t } = bt(), { pagesRef: r, setPagesRef: s, setContentRef: l } = zt(), { scrollToPage: a } = ft();
   Dt(r);
   const {
     virtualScrollRef: c,
@@ -817,16 +809,16 @@ const or = class {
     virtualScrollableElementRef: i,
     totalInnerDimensions: y,
     pageScrollElementRef: w
-  } = dt(), S = G(!0), { nextPage: D, prevPage: b, setFocusedPage: I, focusedPage: W, totalPages: P } = mt(), { scrollMode: o } = gt(), { viewMode: u } = ht(), d = G(null), { loading: m, error: C } = pt(), { passwordRequired: p } = Pt(), { LoaderImageComponent: T } = Mt(), z = G(
+  } = dt(), S = G(!0), { nextPage: D, prevPage: b, setFocusedPage: I, focusedPage: W, totalPages: A } = mt(), { scrollMode: o } = gt(), { viewMode: u } = ht(), d = G(null), { loading: m, error: C } = pt(), { passwordRequired: p } = At(), { LoaderImageComponent: T } = Mt(), z = G(
     y
   ), L = G({
     viewMode: u,
     scrollMode: o
   }), M = G(!1), E = G(), { isFullScreen: R } = wt(), {
     pageDimension: F,
-    rowCount: N,
+    rowCount: P,
     rowHeight: H,
-    columnCount: A,
+    columnCount: N,
     columnWidth: k,
     estimatedColumnWidth: Z,
     estimatedRowHeight: J,
@@ -834,7 +826,7 @@ const or = class {
   } = ut(), ie = Lt(y, 100), { onScroll: j, onTextSelect: le } = Ft();
   Ht({ onTextSelect: le, pagesRef: r });
   const X = G();
-  Ot(A, N, i, u);
+  Ot(N, P, i, u);
   const Y = G({
     scrollTop: 0,
     scrollLeft: 0
@@ -843,14 +835,14 @@ const or = class {
   const { isPressed: ee } = Tt(), { selectionMode: B } = Rt(), { initializeGrabScroll: K, resetGrabState: pe } = xt({
     isPressed: ee
   }), te = we(() => B === vt.HAND, [B]), Qe = we(() => {
-    const v = Array.from({ length: A }, (O, q) => k(q));
+    const v = Array.from({ length: N }, (O, q) => k(q));
     return {
-      columnCount: A,
+      columnCount: N,
       isDualPageWithCover: u === Se.DUAL_PAGE_WITH_COVER,
       columnWidths: v,
-      totalPages: P
+      totalPages: A
     };
-  }, [A, u, k, P]), he = ae(
+  }, [N, u, k, A]), he = ae(
     (v) => {
       const O = document.activeElement !== r;
       !R && O || (["ArrowUp", "ArrowLeft"].includes(v.key) ? (v.preventDefault(), b()) : ["ArrowDown", "ArrowRight"].includes(v.key) && (v.preventDefault(), D()));
@@ -861,14 +853,14 @@ const or = class {
     window.removeEventListener("keydown", he);
   }), [he]), ne(() => {
     if (d.current && (d.current.style.position = "relative"), !!c)
-      for (let v = 0; v < N; v++)
-        for (let O = 0; O < A; O++)
+      for (let v = 0; v < P; v++)
+        for (let O = 0; O < N; O++)
           c.resetAfterIndices({
             columnIndex: O,
             rowIndex: v,
             shouldForceUpdate: !0
           });
-  }, [N, A, F, c]);
+  }, [P, N, F, c]);
   const Xe = ae(
     (v, O) => {
       if (!i)
@@ -915,10 +907,10 @@ const or = class {
   );
   ne(() => {
     clearTimeout(E.current);
-    const v = Array.from({ length: N }).reduce(
+    const v = Array.from({ length: P }).reduce(
       (re, ge, oe) => re + H(oe),
       0
-    ), O = Array.from({ length: A }).reduce(
+    ), O = Array.from({ length: N }).reduce(
       (re, ge, oe) => re + k(oe),
       0
     ), q = Xe(O, v);
@@ -926,7 +918,7 @@ const or = class {
       height: v,
       width: O
     });
-  }, [F, N, A, Ee]);
+  }, [F, P, N, Ee]);
   const Ye = ae(
     (v) => {
       Y.current = {
@@ -973,17 +965,17 @@ const or = class {
     I,
     ie
   ]), /* @__PURE__ */ _e(st, { children: [
-    /* @__PURE__ */ x(Nt, { ref: l, children: /* @__PURE__ */ x(
-      At,
+    /* @__PURE__ */ x(Pt, { ref: l, children: /* @__PURE__ */ x(
+      Nt,
       {
         ref: s,
         tabIndex: -1,
         className: et,
         style: {
-          "--scale-round-x": `${Pe(n.current.sx)[1]}px`,
-          "--scale-round-y": `${Pe(n.current.sy)[1]}px`
+          "--scale-round-x": `${Ae(n.current.sx)[1]}px`,
+          "--scale-round-y": `${Ae(n.current.sy)[1]}px`
         },
-        children: /* @__PURE__ */ x(rr, { style: { minHeight: "50px" }, children: ({ width: v, height: O }) => /* @__PURE__ */ x("div", { "data-rp": "pages", ref: tt, style: { width: v, height: O }, children: o === Ie.PAGE_SCROLLING ? /* @__PURE__ */ x(
+        children: /* @__PURE__ */ x(or, { style: { minHeight: "50px" }, children: ({ width: v, height: O }) => /* @__PURE__ */ x("div", { "data-rp": "pages", ref: tt, style: { width: v, height: O }, children: o === Ie.PAGE_SCROLLING ? /* @__PURE__ */ x(
           "div",
           {
             ref: g,
@@ -992,21 +984,21 @@ const or = class {
             children: u === Se.DUAL_PAGE ? /* @__PURE__ */ x(Ct, { widths: k, heights: H }) : u === Se.DUAL_PAGE_WITH_COVER ? /* @__PURE__ */ x(St, { widths: k, heights: H }) : /* @__PURE__ */ x(It, { widths: k, heights: H })
           }
         ) : J ? /* @__PURE__ */ x(
-          Qt,
+          Xt,
           {
             ref: f,
             itemData: Qe,
             outerRef: h,
             innerRef: d,
             onScroll: Ye,
-            columnCount: A,
+            columnCount: N,
             columnWidth: k,
             rowHeight: H,
             height: O,
             width: v,
             estimatedColumnWidth: Z,
             estimatedRowHeight: J,
-            rowCount: N,
+            rowCount: P,
             className: ce(
               U["rp-pages"],
               o === Ie.HORIZONTAL_SCROLLING ? U["rp-pages-horizontal-scroll"] : ""
@@ -1014,8 +1006,8 @@ const or = class {
             style: {
               "--rp-pages-height": `${Q.height}px`,
               "--rp-pages-width": `${Q.width}px`,
-              "--rp-row-count": `${N}`,
-              "--rp-column-count": `${A}`
+              "--rp-row-count": `${P}`,
+              "--rp-column-count": `${N}`
             },
             children: nr
           }
@@ -1049,5 +1041,5 @@ const or = class {
   ] });
 };
 export {
-  jo as RPPages
+  $o as RPPages
 };

package/dist/components/RPProvider.js

@@ -13,8 +13,7 @@ import { combinedCSS as D } from "../assets/style.js";
 import { injectGlobalCSS as E } from "../libInjectCss.js";
 import { injectPrintCSS as R } from "../utils/injectPrintCSS.js";
 import "../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "../utils/types.js";
 import "../de_DE-a553b162.js";
 import "../utils/getThumbnailViewport.js";
@@ -76,7 +75,7 @@ import "../utils/Queue.js";
 import "../utils/renderPage.js";
 import "./icons/LoaderIcon.js";
 import "../clsx-0c6e471a.js";
-const to = (i) => {
+const oo = (i) => {
   const {
     children: m,
     src: o,
@@ -122,5 +121,5 @@ const to = (i) => {
   ) });
 };
 export {
-  to as RPProvider
+  oo as RPProvider
 };

package/dist/components/layout/RPDefaultLayout.js

@@ -45,11 +45,11 @@ import "../../contexts/SmoothScrollContext.js";
 import "../../utils/getScrollDistance.js";
 import "../../utils/calculatePage.js";
 import "../ui/RPTooltip.js";
-import "../../index-113053cf.js";
+import "../../index-c0faa594.js";
 import "react-dom";
-import "../../index-23911b43.js";
-import "../../index-d0f0aa9a.js";
-import "../../index-ada501c4.js";
+import "../../index-e3ee9457.js";
+import "../../floating-ui.react-dom-5ec29bd6.js";
+import "../../index-655864a7.js";
 import "../../contexts/LocalizationContext.js";
 import "../../utils/hooks/useLocalization.js";
 import "../../contexts/IconToolContext.js";
@@ -58,8 +58,8 @@ import "./toolbar/RPToolbarEnd.js";
 import "./toolbar/FileUploadTool.js";
 import "../icons/FileUploadDefaultIcon.js";
 import "./toolbar/MenuItem.js";
-import "../../index-535ad364.js";
-import "../../Combination-479e39c6.js";
+import "../../index-61f59539.js";
+import "../../Combination-136ff99c.js";
 import "../../contexts/FileInputContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "./toolbar/DarkModeTool.js";
@@ -100,7 +100,7 @@ import "./toolbar/PrintTool.js";
 import "../icons/PrintDefaultIcon.js";
 import "../../contexts/PrintContext.js";
 import "../../utils/hooks/usePrint.js";
-import "@pdf-viewer/pdfium/compat";
+import "pdfjs-dist";
 import "./toolbar/FullScreenTool.js";
 import "../../contexts/FullScreenContext.js";
 import "../../utils/hooks/useFullScreen.js";
@@ -146,14 +146,15 @@ import "../../utils/hooks/useInfiniteScroll.js";
 import "../../contexts/DropFileZoneContext.js";
 import "../icons/LightPdfIcon.js";
 import "../icons/DarkPdfIcon.js";
+import "../../utils/hooks/useDropFileZone.js";
+import "../../contexts/LayoutDropFileZoneContext.js";
 import "../../utils/hooks/useLoadPdf.js";
-import "@pdf-viewer/pdfium";
 import "../../contexts/ConfigContext.js";
 import "../../utils/hooks/usePdfProperties.js";
 import "../../utils/convertPdfDate.js";
 import "../../utils/formatFileSize.js";
 import "../../contexts/ThemeContext.js";
-const Ft = L((n, a) => {
+const jt = L((n, a) => {
   const {
     children: l,
     slots: s,
@@ -235,5 +236,5 @@ const Ft = L((n, a) => {
   ] }) }) }) }) });
 });
 export {
-  Ft as RPDefaultLayout
+  jt as RPDefaultLayout
 };