@pdf-viewer/react 1.7.0-beta.1 → 1.7.0-beta.2

package/dist/{RPDefaultLayout-aa575bb0.js → RPDefaultLayout-d6cd2d0c.js}

@@ -4,7 +4,7 @@ import { useRef as H, useEffect as k, useCallback as N, useState as $, useMemo a
 import { ChevronUpIcon as Me } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as re } from "./components/ui/Button.js";
 import { UIInput as ln } from "./components/ui/Input.js";
-import { ViewMode as He, ScrollMode as ee, AnnotationSubType as zt, SelectionMode as tr, ZoomLevel as at } from "./utils/types.js";
+import { ViewMode as He, ScrollMode as ee, AnnotationSubType as At, SelectionMode as tr, ZoomLevel as at } from "./utils/types.js";
 import { useScrollModeContext as De } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as J } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as nr } from "./contexts/DocumentPasswordContext.js";
@@ -12,7 +12,7 @@ import { useDarkModeContext as rr } from "./contexts/DarkModeContext.js";
 import { useRotationContext as Ge } from "./contexts/RotationContext.js";
 import { useLayerContext as or } from "./contexts/LayerContext.js";
 import { useZoomContext as Qe } from "./contexts/ZoomContext.js";
-import { useViewModeContext as ze } from "./contexts/ViewModeContext.js";
+import { useViewModeContext as Ae } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as et } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as dn } from "./contexts/VirtualGridContext.js";
 import { useSelectionModeContext as ir } from "./contexts/SelectionModeContext.js";
@@ -47,8 +47,8 @@ import { useThemeContext as Pr } from "./contexts/ThemeContext.js";
 import * as Sr from "pdfjs-dist";
 import { PixelsPerInch as yr, AnnotationMode as xr, RenderingCancelledException as Ir, AnnotationLayer as Rr } from "pdfjs-dist";
 import { SimpleLinkService as Lr } from "./utils/link_service.js";
-import { annotationsEvents as Er, annotationEventsHandler as Nr, handleClick as At, handleAnnotationWidget as Or, handleAnnotationLink as Dr, bindLayerEvents as zr, unbindLayerEvents as Ft } from "./utils/annotations.js";
-import { normalizeSingleKeyword as Ar, sortHighlightPosition as Fr, unwrap as kr } from "./components/page/searchHighlight.js";
+import { annotationsEvents as Er, annotationEventsHandler as Nr, handleClick as zt, handleAnnotationWidget as Or, handleAnnotationLink as Dr, bindLayerEvents as Ar, unbindLayerEvents as Ft } from "./utils/annotations.js";
+import { normalizeSingleKeyword as zr, sortHighlightPosition as Fr, unwrap as kr } from "./components/page/searchHighlight.js";
 import { _ as Wr, U as Mr } from "./Popover-b7402893.js";
 import { useMousePressed as Hr } from "./utils/hooks/useMousePressed.js";
 import { useGrabScroll as $r } from "./utils/hooks/useGrabScroll.js";
@@ -94,7 +94,7 @@ import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { ClearIcon as To } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const vn = () => {
-  const { viewMode: e } = ze(), { scrollMode: t } = De(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), s = H(), { columnCount: l } = dn(), { widths: u, heights: h } = qe(), m = H(t), v = H(e), p = H(l), { targetScrollPage: w } = un();
+  const { viewMode: e } = Ae(), { scrollMode: t } = De(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), s = H(), { columnCount: l } = dn(), { widths: u, heights: h } = qe(), m = H(t), v = H(e), p = H(l), { targetScrollPage: w } = un();
   k(() => {
     n != null && n.scrollToItem && (s.current = n);
   }, [n]), k(() => {
@@ -187,7 +187,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
     ]
   ) };
 }, Po = (e = 1) => {
-  const [t, n] = $(e), [o, r] = $(0), { scrollToPage: a } = vn(), s = H(1), { viewMode: l } = ze(), { scrollMode: u } = De(), { widths: h } = qe(), { pagesRef: m } = ge(), v = Tt(t, 100), p = N(
+  const [t, n] = $(e), [o, r] = $(0), { scrollToPage: a } = vn(), s = H(1), { viewMode: l } = Ae(), { scrollMode: u } = De(), { widths: h } = qe(), { pagesRef: m } = ge(), v = Tt(t, 100), p = N(
     (d) => {
       if (!/^[0-9]*$/g.test(d.toString()) || !d)
         return { success: !1, currentPage: s.current };
@@ -295,7 +295,7 @@ const So = () => {
     f.width = Math.floor(b.width * x), f.height = Math.floor(b.height * x);
     const R = f.getContext("2d");
     R.save(), R.fillStyle = "rgb(255, 255, 255)", R.fillRect(0, 0, f.width, f.height), R.restore();
-    const [D, z] = await Promise.all([
+    const [D, A] = await Promise.all([
       g.getPage(c),
       E
     ]);
@@ -303,17 +303,17 @@ const So = () => {
       p();
       return;
     }
-    const A = {
+    const z = {
       canvasContext: R,
       transform: [x, 0, 0, x, 0, 0],
       viewport: D.getViewport({ scale: 1, rotation: b.rotation }),
       intent: "print",
       annotationMode: xr.ENABLE_STORAGE,
       optionalContentConfigPromise: P,
-      printAnnotationStorage: z
+      printAnnotationStorage: A
     };
     try {
-      return D.render(A).promise;
+      return D.render(z).promise;
     } catch (L) {
       throw L instanceof Ir || console.error(L), L;
     }
@@ -381,13 +381,13 @@ const So = () => {
           p();
           return;
         }
-        const z = await C(f);
-        g.push(z);
-        const A = parseFloat((g.length / P * 100).toFixed(2));
+        const A = await C(f);
+        g.push(A);
+        const z = parseFloat((g.length / P * 100).toFixed(2));
         o({
           loadedPages: x,
           totalPages: P,
-          percentage: A
+          percentage: z
         });
       }
       if (m.current) {
@@ -570,7 +570,7 @@ const So = () => {
     }
   );
 }, xo = (e = {}, t = "") => {
-  const [n, o] = $(t), [r, a] = $(!1), { pdf: s, pages: l } = J(), { widths: u, heights: h } = qe(), m = H(!n), { currentZoom: v } = Qe(), [p, w] = $([]), { setFocusedPage: T } = ie(), { columnCount: y } = ze(), { rotate: C } = Ge(), [S, d] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: c } = De(), { pagesRef: b } = ge(), [_, P] = $(null), E = H({}), x = W(() => S === 0 ? null : p[S - 1], [S, p]), R = W(() => p.length, [p]);
+  const [n, o] = $(t), [r, a] = $(!1), { pdf: s, pages: l } = J(), { widths: u, heights: h } = qe(), m = H(!n), { currentZoom: v } = Qe(), [p, w] = $([]), { setFocusedPage: T } = ie(), { columnCount: y } = Ae(), { rotate: C } = Ge(), [S, d] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: c } = De(), { pagesRef: b } = ge(), [_, P] = $(null), E = H({}), x = W(() => S === 0 ? null : p[S - 1], [S, p]), R = W(() => p.length, [p]);
   k(() => {
     if (!x || !l)
       return;
@@ -582,8 +582,8 @@ const So = () => {
       return;
     let O = 0, M = 0;
     if (c === ee.VERTICAL_SCROLLING) {
-      const ae = x.page - 1, de = y, te = ae % de, Ae = Math.floor(ae / de);
-      O = Oe(h, Ae), M = Oe(u, te);
+      const ae = x.page - 1, de = y, te = ae % de, ze = Math.floor(ae / de);
+      O = Oe(h, ze), M = Oe(u, te);
     }
     c === ee.HORIZONTAL_SCROLLING && (M = u.slice(0, x.page - 1).reduce((ae, de) => ae + de, 0));
     const G = {
@@ -618,9 +618,9 @@ const So = () => {
   ]);
   const D = N(() => {
     d((L) => R ? L + 1 > R ? 1 : L + 1 : 0);
-  }, [R]), z = N(() => {
+  }, [R]), A = N(() => {
     d((L) => R ? L - 1 <= 0 ? R : L - 1 : 0);
-  }, [R]), A = N(async (L) => {
+  }, [R]), z = N(async (L) => {
     if (!L)
       return {};
     const I = L.numPages, O = {};
@@ -637,7 +637,7 @@ const So = () => {
       m.current = !0, w([]), d(0);
       return;
     }
-    m.current = !1, a(!0), w([]), d(0), A(s).then((L) => {
+    m.current = !1, a(!0), w([]), d(0), z(s).then((L) => {
       E.current = L;
       const O = Object.keys(L).reduce((M, G) => {
         const Z = cr(
@@ -652,7 +652,7 @@ const So = () => {
     }).catch(() => {
       w([]), d(0);
     }).finally(() => a(!1));
-  }, [n, A, s, e]), {
+  }, [n, z, s, e]), {
     search: n,
     setSearch: o,
     loading: r,
@@ -661,7 +661,7 @@ const So = () => {
     currentMatchPosition: S,
     currentMatch: x,
     nextMatch: D,
-    prevMatch: z,
+    prevMatch: A,
     currentMatchElement: _,
     setCurrentMatchElement: P
   };
@@ -818,7 +818,7 @@ const So = () => {
     document.addEventListener(
       "selectionchange",
       () => {
-        var A, L;
+        var z, L;
         const _ = document.getSelection();
         if (!_)
           return;
@@ -844,10 +844,10 @@ const So = () => {
         const E = _.getRangeAt(0);
         let R = b && (E.compareBoundaryPoints(Range.END_TO_END, b) === 0 || E.compareBoundaryPoints(Range.START_TO_END, b) === 0) ? E.startContainer : E.endContainer;
         R.nodeType === Node.TEXT_NODE && (R = R.parentNode);
-        const D = (A = R.parentElement) == null ? void 0 : A.closest(
+        const D = (z = R.parentElement) == null ? void 0 : z.closest(
           he["rp-text-layer"]
-        ), z = D == null ? void 0 : D.querySelector(".endOfContent");
-        z && D && (z.style.width = D.style.width, z.style.height = D.style.height, (L = R.parentElement) == null || L.insertBefore(z, R.nextSibling)), b = E.cloneRange();
+        ), A = D == null ? void 0 : D.querySelector(".endOfContent");
+        A && D && (A.style.width = D.style.width, A.style.height = D.style.height, (L = R.parentElement) == null || L.insertBefore(A, R.nextSibling)), b = E.cloneRange();
       },
       { signal: g }
     );
@@ -932,7 +932,7 @@ const Do = (e) => {
       !s || !r || (Er(C), Nr(C, r, s).then((S) => {
         var d, f;
         ((d = S == null ? void 0 : S.data) == null ? void 0 : d.action) === "Print" ? v() : ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "SaveAs" && p();
-      }), m === ee.PAGE_SCROLLING ? At(C, s, r, (S) => u(S.pageIndex + 1)) : At(C, s, r, (S) => h(S.pageIndex + 1)));
+      }), m === ee.PAGE_SCROLLING ? zt(C, s, r, (S) => u(S.pageIndex + 1)) : zt(C, s, r, (S) => h(S.pageIndex + 1)));
     },
     [r, s, h, u, m, v, p]
   );
@@ -950,10 +950,10 @@ const Do = (e) => {
     for (const g of s) {
       const { annotationType: c } = g;
       switch (c) {
-        case zt.Link:
+        case At.Link:
           Dr(g);
           break;
-        case zt.Widget:
+        case At.Widget:
           Or(g, C, S);
           break;
       }
@@ -988,7 +988,7 @@ const Do = (e) => {
         enableScripting: !1
       });
     })().then(() => {
-      n.current && zr(n.current, y);
+      n.current && Ar(n.current, y);
     }).catch((g) => {
       if (g !== "abort")
         throw g;
@@ -1004,9 +1004,9 @@ const Do = (e) => {
       ref: n
     }
   );
-}, zo = {
+}, Ao = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, Ao = ({ pageNumber: e, viewport: t }) => {
+}, zo = ({ pageNumber: e, viewport: t }) => {
   const [n, o] = $(), { pages: r } = J(), { highlightKeywords: a } = pr(), s = !0, l = H(null), [u, h] = $(null), [m, v] = $([]);
   k(() => {
     l.current && h(l.current.parentElement);
@@ -1022,7 +1022,7 @@ const Do = (e) => {
   const p = W(() => a ? a.map((d) => {
     var f, g;
     return {
-      ...Ar(d.keyword, (f = d.options) == null ? void 0 : f.matchCase, (g = d.options) == null ? void 0 : g.wholeWords),
+      ...zr(d.keyword, (f = d.options) == null ? void 0 : f.matchCase, (g = d.options) == null ? void 0 : g.wholeWords),
       color: d.highlightColor
     };
   }) : [], [a]);
@@ -1070,14 +1070,14 @@ const Do = (e) => {
     b.setStart(_, E), b.setEnd(_, x + 1);
     const R = document.createElement("span");
     R.style.width = "auto", b.surroundContents(R);
-    const D = R.getBoundingClientRect(), z = d.getBoundingClientRect(), A = z.height, L = z.width, I = 100 * (D.left - z.left) / L, O = 100 * (D.top - z.top) / A, M = 100 * D.height / A, G = 100 * D.width / L;
+    const D = R.getBoundingClientRect(), A = d.getBoundingClientRect(), z = A.height, L = A.width, I = 100 * (D.left - A.left) / L, O = 100 * (D.top - A.top) / z, M = 100 * D.height / z, G = 100 * D.width / L;
     return kr(R), {
       keywordStr: f,
       left: I,
       top: O,
       height: M,
       width: G,
-      pageHeight: A,
+      pageHeight: z,
       pageWidth: L
     };
   };
@@ -1112,8 +1112,8 @@ const Do = (e) => {
       return [];
     const _ = [], P = c.map((E) => E.char).join("");
     return p.forEach((E) => {
-      const { keyword: x, regExp: R, wholeWords: D, color: z } = E, A = x;
-      if (!A.trim())
+      const { keyword: x, regExp: R, wholeWords: D, color: A } = E, z = x;
+      if (!z.trim())
         return;
       const L = R.flags.indexOf("g") === -1 ? new RegExp(R, `${R.flags}g`) : R;
       let I;
@@ -1127,7 +1127,7 @@ const Do = (e) => {
       const M = O.map((G) => ({
         keyword: G.keyword,
         indexes: c.slice(G.startIndex, G.endIndex),
-        color: z
+        color: A
       }));
       for (const G of M) {
         const Z = G.indexes.reduce(
@@ -1138,7 +1138,7 @@ const Do = (e) => {
           if (j.length !== 1 || j[0].char.trim() !== "") {
             const U = j, Q = g[U[0].spanIdx], X = y(
               d,
-              A,
+              z,
               Q,
               U
             );
@@ -1164,7 +1164,7 @@ const Do = (e) => {
   }, [s, a, e, n, t]), /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i("div", { ref: l, "data-rp": `page-${e}-textHighlightLayer`, children: m.map((d, f) => /* @__PURE__ */ i(
     "div",
     {
-      className: zo["rp-text-highlight"],
+      className: Ao["rp-text-highlight"],
       style: {
         top: `${d.top}%`,
         left: `${d.left}%`,
@@ -1227,7 +1227,7 @@ const Do = (e) => {
             /* @__PURE__ */ i(Io, { onLoading: C, onLoaded: S, pageNumber: n }),
             m && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Ct, {}) }),
             l && /* @__PURE__ */ i(Eo, { pageNumber: n }),
-            /* @__PURE__ */ i(Ao, { pageNumber: n, viewport: w }),
+            /* @__PURE__ */ i(zo, { pageNumber: n, viewport: w }),
             /* @__PURE__ */ i(Do, { pageNumber: n })
           ]
         }
@@ -1341,7 +1341,7 @@ function Vo(e) {
         scrollTop: typeof c.props.initialScrollTop == "number" ? c.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = dt(function(b, _, P, E, x, R, D, z) {
+      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = dt(function(b, _, P, E, x, R, D, A) {
         return c.props.onItemsRendered({
           overscanColumnStartIndex: b,
           overscanColumnStopIndex: _,
@@ -1350,7 +1350,7 @@ function Vo(e) {
           visibleColumnStartIndex: x,
           visibleColumnStopIndex: R,
           visibleRowStartIndex: D,
-          visibleRowStopIndex: z
+          visibleRowStopIndex: A
         });
       }), c._callOnScroll = void 0, c._callOnScroll = dt(function(b, _, P, E, x) {
         return c.props.onScroll({
@@ -1361,12 +1361,12 @@ function Vo(e) {
           scrollUpdateWasRequested: x
         });
       }), c._getItemStyle = void 0, c._getItemStyle = function(b, _) {
-        var P = c.props, E = P.columnWidth, x = P.direction, R = P.rowHeight, D = c._getItemStyleCache(y && E, y && x, y && R), z = b + ":" + _, A;
-        if (D.hasOwnProperty(z))
-          A = D[z];
+        var P = c.props, E = P.columnWidth, x = P.direction, R = P.rowHeight, D = c._getItemStyleCache(y && E, y && x, y && R), A = b + ":" + _, z;
+        if (D.hasOwnProperty(A))
+          z = D[A];
         else {
           var L = n(c.props, _, c._instanceProps), I = x === "rtl";
-          D[z] = A = {
+          D[A] = z = {
             position: "absolute",
             left: I ? void 0 : L,
             right: I ? L : void 0,
@@ -1375,13 +1375,13 @@ function Vo(e) {
             width: a(c.props, _, c._instanceProps)
           };
         }
-        return A;
+        return z;
       }, c._getItemStyleCache = void 0, c._getItemStyleCache = dt(function(b, _, P) {
         return {};
       }), c._onScroll = function(b) {
-        var _ = b.currentTarget, P = _.clientHeight, E = _.clientWidth, x = _.scrollLeft, R = _.scrollTop, D = _.scrollHeight, z = _.scrollWidth;
-        c.setState(function(A) {
-          if (A.scrollLeft === x && A.scrollTop === R)
+        var _ = b.currentTarget, P = _.clientHeight, E = _.clientWidth, x = _.scrollLeft, R = _.scrollTop, D = _.scrollHeight, A = _.scrollWidth;
+        c.setState(function(z) {
+          if (z.scrollLeft === x && z.scrollTop === R)
             return null;
           var L = c.props.direction, I = x;
           if (L === "rtl")
@@ -1390,17 +1390,17 @@ function Vo(e) {
                 I = -x;
                 break;
               case "positive-descending":
-                I = z - E - x;
+                I = A - E - x;
                 break;
             }
-          I = Math.max(0, Math.min(I, z - E));
+          I = Math.max(0, Math.min(I, A - E));
           var O = Math.max(0, Math.min(R, D - P));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: A.scrollLeft < x ? "forward" : "backward",
+            horizontalScrollDirection: z.scrollLeft < x ? "forward" : "backward",
             scrollLeft: I,
             scrollTop: O,
-            verticalScrollDirection: A.scrollTop < R ? "forward" : "backward",
+            verticalScrollDirection: z.scrollTop < R ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, c._resetIsScrollingDebounced);
@@ -1433,9 +1433,9 @@ function Vo(e) {
         };
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(c) {
-      var b = c.align, _ = b === void 0 ? "auto" : b, P = c.columnIndex, E = c.rowIndex, x = this.props, R = x.columnCount, D = x.height, z = x.rowCount, A = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = $o();
-      P !== void 0 && (P = Math.max(0, Math.min(P, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, z - 1)));
-      var G = s(this.props, this._instanceProps), Z = l(this.props, this._instanceProps), j = Z > A ? M : 0, U = G > D ? M : 0;
+      var b = c.align, _ = b === void 0 ? "auto" : b, P = c.columnIndex, E = c.rowIndex, x = this.props, R = x.columnCount, D = x.height, A = x.rowCount, z = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = $o();
+      P !== void 0 && (P = Math.max(0, Math.min(P, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, A - 1)));
+      var G = s(this.props, this._instanceProps), Z = l(this.props, this._instanceProps), j = Z > z ? M : 0, U = G > D ? M : 0;
       this.scrollTo({
         scrollLeft: P !== void 0 ? u(this.props, P, _, I, this._instanceProps, U) : I,
         scrollTop: E !== void 0 ? h(this.props, E, _, O, this._instanceProps, j) : O
@@ -1472,17 +1472,17 @@ function Vo(e) {
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var c = this.props, b = c.children, _ = c.className, P = c.columnCount, E = c.direction, x = c.height, R = c.innerRef, D = c.innerElementType, z = c.innerTagName, A = c.itemData, L = c.itemKey, I = L === void 0 ? qo : L, O = c.outerElementType, M = c.outerTagName, G = c.rowCount, Z = c.style, j = c.useIsScrolling, U = c.width, Q = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Ae = de[1], Re = [];
+      var c = this.props, b = c.children, _ = c.className, P = c.columnCount, E = c.direction, x = c.height, R = c.innerRef, D = c.innerElementType, A = c.innerTagName, z = c.itemData, L = c.itemKey, I = L === void 0 ? qo : L, O = c.outerElementType, M = c.outerTagName, G = c.rowCount, Z = c.style, j = c.useIsScrolling, U = c.width, Q = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], ze = de[1], Re = [];
       if (P > 0 && G)
-        for (var Te = te; Te <= Ae; Te++)
+        for (var Te = te; Te <= ze; Te++)
           for (var we = le; we <= ae; we++)
             Re.push(Ue(b, {
               columnIndex: we,
-              data: A,
+              data: z,
               isScrolling: j ? Q : void 0,
               key: I({
                 columnIndex: we,
-                data: A,
+                data: z,
                 rowIndex: Te
               }),
               rowIndex: Te,
@@ -1502,7 +1502,7 @@ function Vo(e) {
           willChange: "transform",
           direction: E
         }, Z)
-      }, Ue(D || z || "div", {
+      }, Ue(D || A || "div", {
         children: Re,
         ref: R,
         style: {
@@ -1514,24 +1514,24 @@ function Vo(e) {
     }, f._callPropsCallbacks = function() {
       var c = this.props, b = c.columnCount, _ = c.onItemsRendered, P = c.onScroll, E = c.rowCount;
       if (typeof _ == "function" && b > 0 && E > 0) {
-        var x = this._getHorizontalRangeToRender(), R = x[0], D = x[1], z = x[2], A = x[3], L = this._getVerticalRangeToRender(), I = L[0], O = L[1], M = L[2], G = L[3];
-        this._callOnItemsRendered(R, D, I, O, z, A, M, G);
+        var x = this._getHorizontalRangeToRender(), R = x[0], D = x[1], A = x[2], z = x[3], L = this._getVerticalRangeToRender(), I = L[0], O = L[1], M = L[2], G = L[3];
+        this._callOnItemsRendered(R, D, I, O, A, z, M, G);
       }
       if (typeof P == "function") {
         var Z = this.state, j = Z.horizontalScrollDirection, U = Z.scrollLeft, Q = Z.scrollTop, X = Z.scrollUpdateWasRequested, le = Z.verticalScrollDirection;
         this._callOnScroll(U, Q, j, le, X);
       }
     }, f._getHorizontalRangeToRender = function() {
-      var c = this.props, b = c.columnCount, _ = c.overscanColumnCount, P = c.overscanColumnsCount, E = c.overscanCount, x = c.rowCount, R = this.state, D = R.horizontalScrollDirection, z = R.isScrolling, A = R.scrollLeft, L = _ || P || E || 1;
+      var c = this.props, b = c.columnCount, _ = c.overscanColumnCount, P = c.overscanColumnsCount, E = c.overscanCount, x = c.rowCount, R = this.state, D = R.horizontalScrollDirection, A = R.isScrolling, z = R.scrollLeft, L = _ || P || E || 1;
       if (b === 0 || x === 0)
         return [0, 0, 0, 0];
-      var I = o(this.props, A, this._instanceProps), O = r(this.props, I, A, this._instanceProps), M = !z || D === "backward" ? Math.max(1, L) : 1, G = !z || D === "forward" ? Math.max(1, L) : 1;
+      var I = o(this.props, z, this._instanceProps), O = r(this.props, I, z, this._instanceProps), M = !A || D === "backward" ? Math.max(1, L) : 1, G = !A || D === "forward" ? Math.max(1, L) : 1;
       return [Math.max(0, I - M), Math.max(0, Math.min(b - 1, O + G)), I, O];
     }, f._getVerticalRangeToRender = function() {
-      var c = this.props, b = c.columnCount, _ = c.overscanCount, P = c.overscanRowCount, E = c.overscanRowsCount, x = c.rowCount, R = this.state, D = R.isScrolling, z = R.verticalScrollDirection, A = R.scrollTop, L = P || E || _ || 1;
+      var c = this.props, b = c.columnCount, _ = c.overscanCount, P = c.overscanRowCount, E = c.overscanRowsCount, x = c.rowCount, R = this.state, D = R.isScrolling, A = R.verticalScrollDirection, z = R.scrollTop, L = P || E || _ || 1;
       if (b === 0 || x === 0)
         return [0, 0, 0, 0];
-      var I = p(this.props, A, this._instanceProps), O = w(this.props, I, A, this._instanceProps), M = !D || z === "backward" ? Math.max(1, L) : 1, G = !D || z === "forward" ? Math.max(1, L) : 1;
+      var I = p(this.props, z, this._instanceProps), O = w(this.props, I, z, this._instanceProps), M = !D || A === "backward" ? Math.max(1, L) : 1, G = !D || A === "forward" ? Math.max(1, L) : 1;
       return [Math.max(0, I - M), Math.max(0, Math.min(x - 1, O + G)), I, O];
     }, d;
   }(Jn), t.defaultProps = {
@@ -1709,7 +1709,7 @@ function Xo(e, t) {
   return !Jt(n, r) && !Jt(o, a);
 }
 const Yo = () => {
-  const { viewMode: e } = ze(), { scrollMode: t } = De(), { setColumnCount: n } = dn(), { virtualScrollableElementRef: o } = et(), r = qe(), a = W(() => r.heights.length, [r.heights]), s = W(() => t === ee.HORIZONTAL_SCROLLING ? a : e === He.DUAL_PAGE ? 2 : 1, [e, t, t, a, o]), l = W(() => r.widths.reduce((T, y, C) => {
+  const { viewMode: e } = Ae(), { scrollMode: t } = De(), { setColumnCount: n } = dn(), { virtualScrollableElementRef: o } = et(), r = qe(), a = W(() => r.heights.length, [r.heights]), s = W(() => t === ee.HORIZONTAL_SCROLLING ? a : e === He.DUAL_PAGE ? 2 : 1, [e, t, t, a, o]), l = W(() => r.widths.reduce((T, y, C) => {
     const S = C % s;
     return (!T[S] || y > T[S]) && (T[S] = y), T;
   }, []), [r.widths, s]), u = N(
@@ -2007,13 +2007,13 @@ const ei = ({ widths: e, heights: t }) => {
     virtualScrollableElementRef: v,
     totalInnerDimensions: p,
     pageScrollElementRef: w
-  } = et(), T = H(!0), { nextPage: y, prevPage: C, setFocusedPage: S, focusedPage: d } = ie(), { scrollMode: f } = De(), { viewMode: g } = ze(), c = H(null), { loading: b } = J(), { passwordRequired: _ } = nr(), { LoaderImageComponent: P } = pn(), E = H(
+  } = et(), T = H(!0), { nextPage: y, prevPage: C, setFocusedPage: S, focusedPage: d } = ie(), { scrollMode: f } = De(), { viewMode: g } = Ae(), c = H(null), { loading: b } = J(), { passwordRequired: _ } = nr(), { LoaderImageComponent: P } = pn(), E = H(
     p
   ), x = H({
     viewMode: g,
     scrollMode: f
-  }), R = H(!1), D = H(), { isFullScreen: z } = sr(), {
-    pageDimension: A,
+  }), R = H(!1), D = H(), { isFullScreen: A } = sr(), {
+    pageDimension: z,
     rowCount: L,
     rowHeight: I,
     columnCount: O,
@@ -2029,14 +2029,14 @@ const ei = ({ widths: e, heights: t }) => {
   Gr(o);
   const { isPressed: X } = Hr(), { selectionMode: le } = ir(), { initializeGrabScroll: ae, resetGrabState: de } = $r({
     isPressed: X
-  }), te = W(() => le === tr.HAND, [le]), Ae = W(() => ({
+  }), te = W(() => le === tr.HAND, [le]), ze = W(() => ({
     columnCount: O
   }), [O]), Re = N(
     (q) => {
       const V = document.activeElement !== o;
-      !z && V || (["ArrowUp", "ArrowLeft"].includes(q.key) ? (q.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(q.key) && (q.preventDefault(), y()));
+      !A && V || (["ArrowUp", "ArrowLeft"].includes(q.key) ? (q.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(q.key) && (q.preventDefault(), y()));
     },
-    [y, C, z, f]
+    [y, C, A, f]
   );
   k(() => (window.addEventListener("keydown", Re), () => {
     window.removeEventListener("keydown", Re);
@@ -2049,7 +2049,7 @@ const ei = ({ widths: e, heights: t }) => {
             rowIndex: q,
             shouldForceUpdate: !0
           });
-  }, [L, O, A, s]);
+  }, [L, O, z, s]);
   const Te = N(
     (q, V) => {
       if (!v)
@@ -2106,7 +2106,7 @@ const ei = ({ widths: e, heights: t }) => {
       height: q,
       width: V
     });
-  }, [A, L, O, we]);
+  }, [z, L, O, we]);
   const nt = N(
     (q) => {
       Q.current = {
@@ -2160,7 +2160,7 @@ const ei = ({ widths: e, heights: t }) => {
       Zo,
       {
         ref: l,
-        itemData: Ae,
+        itemData: ze,
         outerRef: h,
         innerRef: c,
         onScroll: nt,
@@ -2447,20 +2447,20 @@ var ui = B.forwardRef(
       ] })
     ] });
   }
-), Et = "DialogTitle", zn = B.forwardRef(
+), Et = "DialogTitle", An = B.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Et, n);
     return /* @__PURE__ */ i(Ve.h2, { id: r.titleId, ...o, ref: t });
   }
 );
-zn.displayName = Et;
-var An = "DialogDescription", hi = B.forwardRef(
+An.displayName = Et;
+var zn = "DialogDescription", hi = B.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...o } = e, r = ce(An, n);
+    const { __scopeDialog: n, ...o } = e, r = ce(zn, n);
     return /* @__PURE__ */ i(Ve.p, { id: r.descriptionId, ...o, ref: t });
   }
 );
-hi.displayName = An;
+hi.displayName = zn;
 var Fn = "DialogClose", kn = B.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...o } = e, r = ce(Fn, n);
@@ -2499,7 +2499,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     const r = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
     t && r && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, vi = In, wi = En, _i = Nn, bi = On, Ci = zn, Ti = kn;
+}, vi = In, wi = En, _i = Nn, bi = On, Ci = An, Ti = kn;
 const xe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2609,7 +2609,7 @@ const xe = {
 }, Di = () => {
   const { goToLastPageIcon: e } = pe();
   return e || /* @__PURE__ */ i(gn, {});
-}, rn = { width: "100%" }, zi = () => {
+}, rn = { width: "100%" }, Ai = () => {
   const { goToPage: e, totalPages: t, focusedPage: n } = ie(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), a = W(() => n === 1, [n]), s = W(() => n === t, [n, t]), l = N(() => {
     e(1);
   }, [e]), u = N(() => {
@@ -2626,7 +2626,7 @@ const xe = {
     ] }) }) }),
     /* @__PURE__ */ i(yt, {})
   ] }) : null;
-}, Ai = () => {
+}, zi = () => {
   const { container: e } = ge(), { isSmallScreen: t } = Ce(), {
     openFileTool: n,
     downloadTool: o,
@@ -2665,7 +2665,7 @@ const xe = {
             /* @__PURE__ */ i(fn, {}),
             /* @__PURE__ */ i(yt, {})
           ] }),
-          /* @__PURE__ */ i(zi, {}),
+          /* @__PURE__ */ i(Ai, {}),
           /* @__PURE__ */ i(po, {}),
           /* @__PURE__ */ i(vo, {}),
           /* @__PURE__ */ i(ho, {}),
@@ -2686,7 +2686,7 @@ const xe = {
       /* @__PURE__ */ i(Bn, {}),
       /* @__PURE__ */ i(fn, {})
     ] }),
-    /* @__PURE__ */ i(Ai, {})
+    /* @__PURE__ */ i(zi, {})
   ] });
 }, Ee = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
@@ -2701,7 +2701,7 @@ const xe = {
   const { zoomOutIcon: e } = pe();
   return e || /* @__PURE__ */ i(_o, {});
 }, $i = () => {
-  const { zoomLevel: e, setZoomLevel: t } = Qe(), { container: n, contentRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: s } = Ge(), { pages: l } = J(), { isSmallScreen: u } = Ce(), { localeMessages: h } = se(), { viewMode: m } = ze(), v = N(() => {
+  const { zoomLevel: e, setZoomLevel: t } = Qe(), { container: n, contentRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: s } = Ge(), { pages: l } = J(), { isSmallScreen: u } = Ce(), { localeMessages: h } = se(), { viewMode: m } = Ae(), v = N(() => {
     t((d) => {
       const f = Math.floor(d / 25) * 25;
       return Math.min(f + 25, ft);
@@ -2849,7 +2849,7 @@ const xe = {
     S(I.target.value);
   }, []), x = N(() => {
     S(""), h("");
-  }, [h]), R = W(() => `${v} / ${m}`, [v, m]), { wholeWords: D, matchCase: z } = W(() => s, [s]), A = N(
+  }, [h]), R = W(() => `${v} / ${m}`, [v, m]), { wholeWords: D, matchCase: A } = W(() => s, [s]), z = N(
     (I) => {
       l((O) => ({ ...O, matchCase: I }));
     },
@@ -2889,7 +2889,7 @@ const xe = {
           ] }),
           /* @__PURE__ */ F("div", { className: Y["rp-search-tool-input-checkboxes"], children: [
             f && /* @__PURE__ */ i(on, {}),
-            /* @__PURE__ */ i($t, { name: "matchCase", value: z, onChange: A, children: d == null ? void 0 : d.searchMatchCaseLabel }),
+            /* @__PURE__ */ i($t, { name: "matchCase", value: A, onChange: z, children: d == null ? void 0 : d.searchMatchCaseLabel }),
             !f && /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) }),
             /* @__PURE__ */ i($t, { name: "wholeWord", value: D, onChange: L, children: d == null ? void 0 : d.searchWholeWordsLabel }),
             !f && /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) })
@@ -3055,13 +3055,13 @@ const xe = {
     }
   ) });
 }, _e = {
-  "rp-layout": "_rp-layout_gz5nb_1",
-  "rp-content": "_rp-content_gz5nb_5",
-  "rp-pages": "_rp-pages_gz5nb_11",
-  "rp-container": "_rp-container_gz5nb_16",
-  "rp-loader": "_rp-loader_gz5nb_52",
-  "rp-theme-variables": "_rp-theme-variables_gz5nb_56",
-  "rp-dark-mode": "_rp-dark-mode_gz5nb_161"
+  "rp-layout": "_rp-layout_1uujy_1",
+  "rp-content": "_rp-content_1uujy_5",
+  "rp-pages": "_rp-pages_1uujy_11",
+  "rp-container": "_rp-container_1uujy_16",
+  "rp-loader": "_rp-loader_1uujy_52",
+  "rp-theme-variables": "_rp-theme-variables_1uujy_56",
+  "rp-dark-mode": "_rp-dark-mode_1uujy_162"
 }, Ji = $e(
   (e, t) => {
     const { children: n, toolbarRef: o, style: r, className: a } = e, { customVariables: s, customDarkVariables: l } = Pr(), { darkMode: u } = rr();
@@ -3153,8 +3153,8 @@ export {
   Yi as J,
   Ji as K,
   Vi as L,
-  zi as M,
-  Ai as O,
+  Ai as M,
+  zi as O,
   Ms as P,
   qs as R,
   Gs as S,
@@ -3176,7 +3176,7 @@ export {
   xo as n,
   Tn as o,
   Eo as p,
-  Ao as q,
+  zo as q,
   It as r,
   Yo as s,
   ti as t,

package/dist/assets/PasswordModal.css

@@ -1 +1 @@
-._rp-password-overlay_1mqln_1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100}._rp-password-modal_1mqln_14{background:var(--rp-password-background-color);padding:24px;margin-left:10px;margin-right:10px;border-radius:8px;max-width:360px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:start}._rp-password-title_1mqln_27{font-family:var(--rp-font-family);margin-bottom:16px;font-size:16px;font-weight:500;color:var(--rp-password-title-font-color)}._rp-password-content_1mqln_35{font-size:14px;font-family:var(--rp-font-family);color:var(--rp-password-content-font-color)}._rp-password-form_1mqln_41{margin-top:32px}._rp-password-input_1mqln_45{height:32px;width:100%;padding:7.5px;font-size:14px;border:1px solid var(--rp-password-input-border-color);border-radius:8px;box-sizing:border-box;background-color:var(--rp-password-background-color);caret-color:var(--rp-password-input-color);color:var(--rp-password-input-font-color)}._rp-password-input_1mqln_45::placeholder{color:var(--rp-password-input-placeholder-color)}._rp-password-input-invalid_1mqln_62{border-color:#ff2f61}._rp-password-message-invalid_1mqln_66{color:#ff2f61;margin-top:4px;height:20px}._rp-password-submit-button_1mqln_72{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:35px;padding:8px;margin-top:8px;border-radius:8px;background-color:var(--rp-password-button-background-color);color:var(--rp-password-button-font-color);cursor:pointer;font-family:var(--rp-font-family);transition:background-color .2s;border:1px solid var(--rp-password-button-border-color)}
+._rp-password-overlay_crzbn_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100}._rp-password-modal_crzbn_13{background:var(--rp-password-background-color);padding:24px;margin-left:10px;margin-right:10px;max-width:360px;display:flex;flex-direction:column;justify-content:start;border-radius:8px;box-shadow:0 2px 12px #00000026;border:1px solid var(--rp-password-border-color)}._rp-password-title_crzbn_27{font-family:var(--rp-font-family);margin-bottom:16px;font-size:16px;font-weight:500;color:var(--rp-password-title-font-color)}._rp-password-content_crzbn_35{font-size:14px;font-family:var(--rp-font-family);color:var(--rp-password-content-font-color)}._rp-password-form_crzbn_41{margin-top:32px}._rp-password-input_crzbn_45{height:32px;width:100%;padding:7.5px;font-size:14px;border:1px solid var(--rp-password-input-border-color);border-radius:8px;box-sizing:border-box;background-color:var(--rp-password-background-color);caret-color:var(--rp-password-input-color);color:var(--rp-password-input-font-color)}._rp-password-input_crzbn_45::placeholder{color:var(--rp-password-input-placeholder-color)}._rp-password-input-invalid_crzbn_62{border-color:#ff2f61}._rp-password-message-invalid_crzbn_66{color:#ff2f61;margin-top:4px;height:20px}._rp-password-submit-button_crzbn_72{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:35px;padding:8px;margin-top:8px;border-radius:8px;background-color:var(--rp-password-button-background-color);color:var(--rp-password-button-font-color);cursor:pointer;font-family:var(--rp-font-family);transition:background-color .2s;border:1px solid var(--rp-password-button-border-color)}