@pdf-viewer/react 1.7.2 → 1.8.0-beta.0

package/dist/{RPDefaultLayout-8b0d26d6.js → RPDefaultLayout-f02500c9.js}

@@ -1,11 +1,11 @@
-import { jsx as i, Fragment as fe, jsxs as F } from "react/jsx-runtime";
+import { jsx as i, Fragment as me, jsxs as F } from "react/jsx-runtime";
 import * as B from "react";
 import { useRef as H, useEffect as W, useCallback as N, useState as $, useMemo as k, createContext as Ye, useContext as Je, forwardRef as $e, useImperativeHandle as cn, createElement as qe, PureComponent as Qn, Component as er, memo as ln } from "react";
 import { ChevronUpIcon as He } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as re } from "./components/ui/Button.js";
 import { UIInput as dn } from "./components/ui/Input.js";
 import { ViewMode as xe, ScrollMode as J, AnnotationSubType as zt, SelectionMode as tr, ZoomLevel as at } from "./utils/types.js";
-import { useScrollModeContext as Re } from "./contexts/ScrollModeContext.js";
+import { useScrollModeContext as Le } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as Q } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as nr } from "./contexts/DocumentPasswordContext.js";
 import { useDarkModeContext as rr } from "./contexts/DarkModeContext.js";
@@ -31,10 +31,10 @@ import { useDownloadContext as hr } from "./contexts/DownloadContext.js";
 import { useSmoothScrollContext as pn } from "./contexts/SmoothScrollContext.js";
 import { useLoaderContext as hn } from "./contexts/LoaderContext.js";
 import "./components/RPConfig.js";
-import { ThumbnailIcon as mr } from "./components/icons/Thumbnail.js";
+import { ThumbnailIcon as fr } from "./components/icons/Thumbnail.js";
 import { c as ne } from "./clsx-0c6e471a.js";
 import { LoaderIcon as Ct } from "./components/icons/LoaderIcon.js";
-import { useInfiniteScroll as fr } from "./utils/hooks/useInfiniteScroll.js";
+import { useInfiniteScroll as mr } from "./utils/hooks/useInfiniteScroll.js";
 import { RPSplitter as gr } from "./components/layout/sidebar/RPSplitter.js";
 import { useToolbarComponentContext as ve, ToolbarComponentProvider as vr } from "./contexts/ToolbarComponentContext.js";
 import { useIconContext as pe, IconProvider as wr } from "./contexts/IconContext.js";
@@ -45,8 +45,8 @@ import { RPDropFileZone as Cr } from "./components/RPDropFileZone.js";
 import { useViewportContext as Ce, ViewportProvider as Pr } from "./contexts/ViewportContext.js";
 import { useThemeContext as Tr } from "./contexts/ThemeContext.js";
 import * as Sr from "pdfjs-dist";
-import { PixelsPerInch as yr, AnnotationMode as Ir, RenderingCancelledException as xr, AnnotationLayer as Lr } from "pdfjs-dist";
-import { SimpleLinkService as Rr } from "./utils/link_service.js";
+import { PixelsPerInch as yr, AnnotationMode as Ir, RenderingCancelledException as xr, 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 Wr } from "./components/page/searchHighlight.js";
 import { _ as kr, U as Mr } from "./Popover-b7402893.js";
@@ -61,10 +61,10 @@ import { getWordPositionInPage as Br } from "./utils/getWordPositionInPage.js";
 import { getThumbnailViewport as Wt } from "./utils/getThumbnailViewport.js";
 import { smoothScrollTo as st } from "./utils/smoothScrollTo.js";
 import { appConsole as Zr } from "./utils/appConsole.js";
-import { FileUploadTool as mn } from "./components/layout/toolbar/FileUploadTool.js";
+import { FileUploadTool as fn } from "./components/layout/toolbar/FileUploadTool.js";
 import { DarkModeTool as jr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as Kr } from "./components/icons/ThreeDotIcon.js";
-import { UIDropDown as fn } from "./components/ui/DropDown.js";
+import { UIDropDown as mn } from "./components/ui/DropDown.js";
 import { e as Xr, a as Tt, P as Ve, c as Me, g as St, i as Yr, k as Jr, f as Qr } from "./index-1cb41342.js";
 import { D as eo, u as ct } from "./index-aa2d3884.js";
 import { a as to, u as no, F as ro, b as oo, G as Ke } from "./index-7279fb4e.js";
@@ -76,9 +76,9 @@ import { useOtherToolContext as co, OtherToolProvider as lo } from "./contexts/O
 import { DocumentProperties as uo } from "./components/layout/toolbar/DocumentProperties.js";
 import { RotateTool as po } from "./components/layout/toolbar/RotateTool.js";
 import { ViewModeTool as ho } from "./components/layout/toolbar/ViewModeTool.js";
-import { ScrollModeTool as mo } from "./components/layout/toolbar/ScrollModeTool.js";
+import { ScrollModeTool as fo } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as yt } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as fo } from "./components/icons/FileDownloadDefaultIcon.js";
+import { FileDownloadDefaultIcon as mo } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as be } from "./components/layout/toolbar/MenuItem.js";
 import { PrintDefaultTool as go } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as gn } from "./components/layout/toolbar/FullScreenTool.js";
@@ -94,11 +94,11 @@ import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { ClearIcon as Po } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const wn = () => {
-  const { viewMode: t } = Ee(), { scrollMode: e } = Re(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: d, heights: p } = Ue(), f = H(e), _ = H(t), h = H(c), { targetScrollPage: v } = pn();
+  const { viewMode: t } = Ee(), { scrollMode: e } = Le(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: d, heights: p } = Ue(), m = H(e), _ = H(t), h = H(c), { targetScrollPage: v } = pn();
   W(() => {
     n != null && n.scrollToItem && (l.current = n);
   }, [n]), W(() => {
-    f.current = e, _.current = t;
+    m.current = e, _.current = t;
   }, [e, t]);
   const w = N(
     (P, S) => {
@@ -114,38 +114,38 @@ import './assets/RPDefaultLayout.css';const wn = () => {
           (s) => st(r, g, s)
         );
       }
-      const m = {
+      const f = {
         left: 0,
         top: 0
       };
       return r == null ? void 0 : r.scrollTo({
-        ...m,
+        ...f,
         behavior: S
       });
     },
     [r, d, st]
   );
   return W(() => {
-    f.current = e, _.current = t;
+    m.current = e, _.current = t;
   }, [e, t]), W(() => {
     h.current = c;
   }, [c]), { scrollToPage: N(
     (P, S = "smooth") => {
       a(P);
       const u = P - 1;
-      let m = u, g = 0;
-      if (_.current === xe.DUAL_PAGE && f.current === J.PAGE_SCROLLING) {
+      let f = u, g = 0;
+      if (_.current === xe.DUAL_PAGE && m.current === J.PAGE_SCROLLING) {
         w(P, S);
         return;
       }
-      if (f.current === J.PAGE_SCROLLING) {
+      if (m.current === J.PAGE_SCROLLING) {
         a(P);
         return;
       }
       if (!l.current || !o)
         return;
       const s = o;
-      if (v.current = P, f.current === J.HORIZONTAL_SCROLLING) {
+      if (v.current = P, m.current === J.HORIZONTAL_SCROLLING) {
         g = u;
         const y = {
           left: Ae(d, g),
@@ -157,10 +157,10 @@ import './assets/RPDefaultLayout.css';const wn = () => {
         });
       }
       if (_.current === xe.DUAL_PAGE) {
-        g = u % 2, m = Math.floor(u / 2);
+        g = u % 2, f = Math.floor(u / 2);
         const y = {
           left: Ae(d, g),
-          top: Ae(p, m)
+          top: Ae(p, f)
         };
         return s.scrollTo({
           ...y,
@@ -169,7 +169,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       }
       const C = {
         left: 0,
-        top: Ae(p, m)
+        top: Ae(p, f)
       };
       return s.scrollTo({
         ...C,
@@ -187,34 +187,34 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     ]
   ) };
 }, To = (t = 1) => {
-  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ee(), { scrollMode: d } = Re(), { widths: p } = Ue(), { pagesRef: f } = ge(), _ = Pt(e, 100), h = N(
-    (m) => {
-      if (!/^[0-9]*$/g.test(m.toString()) || !m)
+  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ee(), { scrollMode: d } = Le(), { widths: p } = Ue(), { pagesRef: m } = ge(), _ = Pt(e, 100), h = N(
+    (f) => {
+      if (!/^[0-9]*$/g.test(f.toString()) || !f)
         return { success: !1, currentPage: l.current };
-      const s = +m;
-      return s < 0 || s > o ? { success: !1, currentPage: l.current } : (n(s), l.current = s, { success: !0, currentPage: +m });
+      const s = +f;
+      return s < 0 || s > o ? { success: !1, currentPage: l.current } : (n(s), l.current = s, { success: !0, currentPage: +f });
     },
     [o]
   ), v = N(h, [h]), w = N(
-    (m) => {
-      const g = h(m);
+    (f) => {
+      const g = h(f);
       return g.success && a(g.currentPage), g;
     },
     [h, a]
-  ), T = N((m) => {
-    const g = m % 2 === 1;
-    if (!f || g)
+  ), T = N((f) => {
+    const g = f % 2 === 1;
+    if (!m || g)
       return !1;
-    const s = g ? p[m] : p[m - 1], C = g ? p[m + 1] : p[m];
-    return c === xe.DUAL_PAGE && s + C < f.clientWidth;
-  }, [c, p, f, o]), P = N(() => {
-    let m = e - 1;
-    T(m) && (m = e - 2), w(m);
+    const s = g ? p[f] : p[f - 1], C = g ? p[f + 1] : p[f];
+    return c === xe.DUAL_PAGE && s + C < m.clientWidth;
+  }, [c, p, m, o]), P = N(() => {
+    let f = e - 1;
+    T(f) && (f = e - 2), w(f);
   }, [w, e, c, d, T]), S = k(() => c === xe.DUAL_PAGE && d === J.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, d]), u = N(() => {
     if (S)
       return;
-    let m = e + 1;
-    T(m) && (m = e + 2), w(m);
+    let f = e + 1;
+    T(f) && (f = e + 2), w(f);
   }, [w, e, T, c, d, S]);
   return {
     focusedPage: _,
@@ -265,24 +265,24 @@ const So = () => {
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = $(!1), [l, c] = $(!1), [d, p] = $(null), f = H(!1);
+  }), [r, a] = $(!1), [l, c] = $(!1), [d, p] = $(null), m = H(!1);
   W(() => {
-    f.current;
-  }, [f]);
+    m.current;
+  }, [m]);
   const _ = N(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
-    const m = document.querySelector(".rp-print-zone");
-    m && m.remove();
+    const f = document.querySelector(".rp-print-zone");
+    f && f.remove();
   }, []), h = N(() => {
-    f.current = !1, a(!1), c(!1), p(null), o({
+    m.current = !1, a(!1), c(!1), p(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
   }, []), v = () => {
-    f.current = !0;
+    m.current = !0;
   }, w = async ({
-    scratchCanvas: m,
+    scratchCanvas: f,
     pdfDocument: g,
     pageNumber: s,
     viewerPdfPage: C,
@@ -290,24 +290,24 @@ const So = () => {
     optionalContentConfigPromise: y,
     printAnnotationStoragePromise: E
   }) => {
-    if (f.current) {
+    if (m.current) {
       h();
       return;
     }
     const I = b / yr.PDF;
-    m.width = Math.floor(C.width * I), m.height = Math.floor(C.height * I);
-    const L = m.getContext("2d");
-    L.save(), L.fillStyle = "rgb(255, 255, 255)", L.fillRect(0, 0, m.width, m.height), L.restore();
+    f.width = Math.floor(C.width * I), f.height = Math.floor(C.height * I);
+    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([
       g.getPage(s),
       E
     ]);
-    if (f.current) {
+    if (m.current) {
       h();
       return;
     }
     const A = {
-      canvasContext: L,
+      canvasContext: R,
       transform: [I, 0, 0, I, 0, 0],
       viewport: D.getViewport({ scale: 1, rotation: C.rotation }),
       intent: "print",
@@ -317,15 +317,15 @@ const So = () => {
     };
     try {
       return D.render(A).promise;
-    } catch (R) {
-      throw R instanceof xr || console.error(R), R;
+    } catch (L) {
+      throw L instanceof xr || console.error(L), L;
     }
   }, T = N(() => {
-    const m = window.print;
+    const f = window.print;
     return new Promise((g) => {
       const s = (y) => {
         setTimeout(() => {
-          m.call(window), setTimeout(() => y(), 20);
+          f.call(window), setTimeout(() => y(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
@@ -337,17 +337,17 @@ const So = () => {
       });
       b.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), P = async (m) => {
+  }, []), P = async (f) => {
     const g = document.createElement("img"), s = document.createElement("div");
     return s.classList.add("rp-print-page"), await new Promise((C, b) => {
-      m.toBlob((y) => {
+      f.toBlob((y) => {
         y ? (g.src = URL.createObjectURL(y), g.onload = () => {
           URL.revokeObjectURL(g.src), C();
         }, g.onerror = b) : b(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), s.appendChild(g), s;
-  }, S = (m, g) => {
+  }, S = (f, g) => {
     const s = document.createElement("div");
     s.classList.add("rp-print-zone");
     const C = document.createElement("style"), b = g.get(1);
@@ -355,36 +355,36 @@ const So = () => {
       const { width: y, height: E } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
       C.innerHTML = `@page { size: ${y}px ${E}px }`;
     }
-    return s.appendChild(C), s.append(...m), s;
+    return s.appendChild(C), s.append(...f), s;
   }, u = N(async () => {
     if (!t)
       return;
     h();
-    const m = document.createElement("canvas"), g = [];
+    const f = document.createElement("canvas"), g = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
       const C = t.getOptionalContentConfig({ intent: "print" }), b = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), y = e.size;
-      for (const [I, L] of e) {
-        if (f.current) {
+      for (const [I, R] of e) {
+        if (m.current) {
           h();
           return;
         }
-        const D = L.page.getViewport({ scale: 1 });
+        const D = R.page.getViewport({ scale: 1 });
         if (await w({
-          scratchCanvas: m,
+          scratchCanvas: f,
           pdfDocument: t,
           pageNumber: I,
           viewerPdfPage: D,
           printResolution: 150,
           optionalContentConfigPromise: C,
           printAnnotationStoragePromise: b
-        }), f.current) {
+        }), m.current) {
           h();
           return;
         }
-        const z = await P(m);
+        const z = await P(f);
         g.push(z);
         const A = parseFloat((g.length / y * 100).toFixed(2));
         o({
@@ -393,7 +393,7 @@ const So = () => {
           percentage: A
         });
       }
-      if (f.current) {
+      if (m.current) {
         h();
         return;
       }
@@ -402,15 +402,15 @@ const So = () => {
     } catch (s) {
       c(!0), s instanceof Error && p(s);
     } finally {
-      m.height = 0, m.width = 0;
+      f.height = 0, f.width = 0;
     }
-  }, [t, e, f]);
+  }, [t, e, m]);
   return W(() => {
-    const m = () => {
+    const f = () => {
       h(), _();
     };
-    return window.addEventListener("afterprint", m, !0), () => {
-      window.removeEventListener("afterprint", m, !0);
+    return window.addEventListener("afterprint", f, !0), () => {
+      window.removeEventListener("afterprint", f, !0);
     };
   }, [_, h]), {
     print: u,
@@ -438,10 +438,10 @@ const So = () => {
     }
   }
 }), Ms = ({ children: t }) => {
-  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: p, error: f } = So(), _ = N((P) => {
+  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: p, error: m } = So(), _ = N((P) => {
     P && typeof P == "function" && r(() => P);
   }, []), h = (P) => {
-    f && P(f);
+    m && P(m);
   }, v = N(
     (P) => {
       n(() => P);
@@ -479,20 +479,24 @@ const So = () => {
       if (!n.size)
         return;
       const d = c > n.size ? n.size : c, p = Array.from(n.values()).slice(0, d).map((h) => {
-        const { thumbnailViewport: v, scale: w } = Wt(h.page, o);
+        const { thumbnailViewport: v, scale: w } = Wt(
+          h.page,
+          o + h.defaultRotation
+        );
         return {
           scale: w,
           page: h.page,
           loading: !0,
-          viewport: v
+          viewport: v,
+          defaultRotation: h.defaultRotation
         };
-      }), f = p.reduce((h, v) => (h[v.page.pageNumber] = v, h), {});
-      e(f);
+      }), m = p.reduce((h, v) => (h[v.page.pageNumber] = v, h), {});
+      e(m);
       const _ = [];
       for (const h of p) {
         const v = document.createElement("canvas"), w = vt(h.page, v, {
           scale: h.scale,
-          rotate: o
+          rotate: o + h.defaultRotation
         }).promise.then(() => {
           const T = v.toDataURL();
           return {
@@ -524,8 +528,8 @@ const So = () => {
       const d = n.get(c);
       if (!d)
         return;
-      e((f) => ({
-        ...f,
+      e((m) => ({
+        ...m,
         [c]: {
           loading: !0,
           page: d.page,
@@ -535,16 +539,16 @@ const So = () => {
       }));
       const p = document.createElement("canvas");
       vt(d.page, p, { scale: d.thumbnailScale, rotate: o }).promise.then(() => {
-        const f = p.toDataURL(), { thumbnailViewport: _, scale: h } = Wt(d.page, o);
+        const m = p.toDataURL(), { thumbnailViewport: _, scale: h } = Wt(d.page, o);
         return {
           scale: h,
-          thumbnailSrc: f,
+          thumbnailSrc: m,
           page: d.page,
           loading: !1,
           viewport: _
         };
-      }).then((f) => {
-        e((_) => ({ ..._, [c]: f }));
+      }).then((m) => {
+        e((_) => ({ ..._, [c]: m }));
       });
     },
     [n, o]
@@ -573,12 +577,12 @@ const So = () => {
     }
   );
 }, Io = (t = {}, e = "") => {
-  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: p } = Ue(), f = H(!n), { currentZoom: _ } = Qe(), [h, v] = $([]), { setFocusedPage: w } = ie(), { columnCount: T } = Ee(), { rotate: P } = Ge(), [S, u] = $(0), { pageScrollElementRef: m, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Re(), { pagesRef: C } = ge(), [b, y] = $(null), E = H({}), I = k(() => S === 0 ? null : h[S - 1], [S, h]), L = k(() => h.length, [h]);
+  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: p } = Ue(), m = H(!n), { currentZoom: _ } = Qe(), [h, v] = $([]), { setFocusedPage: w } = ie(), { columnCount: T } = Ee(), { rotate: P } = Ge(), [S, u] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Le(), { pagesRef: C } = ge(), [b, y] = $(null), E = H({}), I = k(() => S === 0 ? null : h[S - 1], [S, h]), R = k(() => h.length, [h]);
   W(() => {
     if (!I || !c)
       return;
-    const R = g || m;
-    if (!R || !C)
+    const L = g || f;
+    if (!L || !C)
       return;
     const x = c.get(I.page);
     if (s === J.PAGE_SCROLLING && w(I.page), !x)
@@ -605,7 +609,7 @@ const So = () => {
       left: Math.max(ee, 0),
       top: Math.max(X, 0)
     };
-    R.scrollTo({
+    L.scrollTo({
       ...le
     });
   }, [
@@ -616,36 +620,36 @@ const So = () => {
     I,
     s,
     g,
-    m,
+    f,
     C
   ]);
   const D = N(() => {
-    u((R) => L ? R + 1 > L ? 1 : R + 1 : 0);
-  }, [L]), z = N(() => {
-    u((R) => L ? R - 1 <= 0 ? L : R - 1 : 0);
-  }, [L]), A = N(async (R) => {
-    if (!R)
+    u((L) => R ? L + 1 > R ? 1 : L + 1 : 0);
+  }, [R]), z = N(() => {
+    u((L) => R ? L - 1 <= 0 ? R : L - 1 : 0);
+  }, [R]), A = N(async (L) => {
+    if (!L)
       return {};
-    const x = R.numPages, O = {};
+    const x = L.numPages, O = {};
     for (let M = 1; M <= x; M++) {
-      if (f.current)
+      if (m.current)
         throw "close pop over";
-      const G = await R.getPage(M);
+      const G = await L.getPage(M);
       O[M.toString()] = await G.getTextContent();
     }
     return O;
   }, []);
   return W(() => {
     if (!n) {
-      f.current = !0, v([]), u(0);
+      m.current = !0, v([]), u(0);
       return;
     }
-    f.current = !1, a(!0), v([]), u(0), A(l).then((R) => {
-      E.current = R;
-      const O = Object.keys(R).reduce((M, G) => {
+    m.current = !1, a(!0), v([]), u(0), A(l).then((L) => {
+      E.current = L;
+      const O = Object.keys(L).reduce((M, G) => {
         const Z = cr(
           [n],
-          R[G],
+          L[G],
           Number(G) - 1,
           t
         ).map((j, q) => ({ ...j, page: Number(G), pageMatchIdx: q }));
@@ -660,7 +664,7 @@ const So = () => {
     setSearch: o,
     loading: r,
     matches: h,
-    totalMatches: L,
+    totalMatches: R,
     currentMatchPosition: S,
     currentMatch: I,
     nextMatch: D,
@@ -697,7 +701,7 @@ const So = () => {
     currentMatchPosition: c,
     currentMatch: d,
     search: p,
-    matches: f,
+    matches: m,
     nextMatch: _,
     prevMatch: h,
     currentMatchElement: v,
@@ -717,7 +721,7 @@ const So = () => {
         nextMatch: _,
         prevMatch: h,
         search: p,
-        matches: f,
+        matches: m,
         currentMatchElement: v,
         setCurrentMatchElement: w
       },
@@ -744,39 +748,39 @@ const So = () => {
       return;
     const p = a.get(e);
     if (r.current && p) {
-      const f = r.current;
-      f.hidden = !0;
+      const m = r.current;
+      m.hidden = !0;
       const _ = c.current;
-      _ && _.cancel(), o && o(), c.current = vt(p.page, f, {
+      _ && _.cancel(), o && o(), c.current = vt(p.page, m, {
         scale: d,
-        rotate: l,
+        rotate: l + p.defaultRotation,
         renderForms: !0
       }), c.current.promise.then(() => {
-        f.hidden = !1;
+        m.hidden = !1;
       }).catch(() => {
       }).finally(() => {
         n && n();
       });
     }
     return () => {
-      var f;
-      (f = c.current) == null || f.cancel();
+      var m;
+      (m = c.current) == null || m.cancel();
     };
   }, [a, e, l, d, o, n]), /* @__PURE__ */ i("canvas", { "data-rp": `page-${e}-canvas`, ref: r });
-}, Lo = "_selecting_usdup_9", he = {
+}, Ro = "_selecting_usdup_9", he = {
   "rp-text-layer": "_rp-text-layer_usdup_1",
-  selecting: Lo,
+  selecting: Ro,
   "rp-text-layer-text": "_rp-text-layer-text_usdup_39"
-}, Ro = (t) => {
+}, Lo = (t) => {
   const { pageNumber: e } = t, { pages: n } = Q(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = It(), [c, d] = $(
     []
-  ), p = H(), f = H(), _ = H([]), h = k(() => r.filter((m) => m.pageIndex === e - 1), [r, e]), v = N(
-    (m, g, s = !1) => {
-      if (s && lr(m, g), !h.length) {
+  ), p = H(), m = H(), _ = H([]), h = k(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), v = N(
+    (f, g, s = !1) => {
+      if (s && lr(f, g), !h.length) {
         _.current = [], d([]);
         return;
       }
-      const C = dr(h, m, g);
+      const C = dr(h, f, g);
       d(C);
     },
     [h]
@@ -820,7 +824,7 @@ const So = () => {
     document.addEventListener(
       "selectionchange",
       () => {
-        var A, R;
+        var A, L;
         const b = document.getSelection();
         if (!b)
           return;
@@ -844,12 +848,12 @@ const So = () => {
           }
         });
         const E = b.getRangeAt(0);
-        let L = C && (E.compareBoundaryPoints(Range.END_TO_END, C) === 0 || E.compareBoundaryPoints(Range.START_TO_END, C) === 0) ? E.startContainer : E.endContainer;
-        L.nodeType === Node.TEXT_NODE && (L = L.parentNode);
-        const D = (A = L.parentElement) == null ? void 0 : A.closest(
+        let R = C && (E.compareBoundaryPoints(Range.END_TO_END, C) === 0 || E.compareBoundaryPoints(Range.START_TO_END, C) === 0) ? E.startContainer : E.endContainer;
+        R.nodeType === Node.TEXT_NODE && (R = R.parentNode);
+        const D = (A = R.parentElement) == null ? void 0 : A.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, (R = L.parentElement) == null || R.insertBefore(z, L.nextSibling)), C = E.cloneRange();
+        z && D && (z.style.width = D.style.width, z.style.height = D.style.height, (L = R.parentElement) == null || L.insertBefore(z, R.nextSibling)), C = E.cloneRange();
       },
       { signal: g }
     );
@@ -867,34 +871,34 @@ const So = () => {
       s.classList.remove("selected");
     }), !c.length || !a || a.pageIndex !== e - 1)
       return;
-    const m = h.findIndex(
+    const f = h.findIndex(
       (s) => JSON.stringify(s) === JSON.stringify(a)
     );
-    if (m === -1)
+    if (f === -1)
       return;
-    const g = c.filter((s) => s.index === m);
+    const g = c.filter((s) => s.index === f);
     g.length && (_.current = g.map((s) => s.element), l(g[0].element), g.forEach((s) => {
       s.element.classList.add("selected");
     }));
   }, [a, c, h]), W(() => {
-    const m = n.get(e);
-    if (!m || !o.current)
+    const f = n.get(e);
+    if (!f || !o.current)
       return;
     const g = o.current;
-    return p.current && p.current.cancel(), m.page.getTextContent().then((s) => {
-      const C = m.page.getViewport({ scale: 1 });
+    return p.current && p.current.cancel(), f.page.getTextContent().then((s) => {
+      const C = f.page.getViewport({ scale: 1 });
       return p.current = new Sr.TextLayer({
         viewport: C,
         textContentSource: s,
         container: g
-      }), f.current = s, g && (g.innerText = ""), p.current.render();
+      }), m.current = s, g && (g.innerText = ""), p.current.render();
     }).then(() => {
       var y, E;
       [].slice.call(g.children).forEach((I) => {
         I.classList.add(he["rp-text-layer-text"]), I.setAttribute("data-rp", "rp-text-layer-text");
       });
       const C = (y = p.current) == null ? void 0 : y.textDivs;
-      C && f.current && v(f.current, C);
+      C && m.current && v(m.current, C);
       const b = document.createElement("div");
       b.className = "endOfContent", (E = o.current) == null || E.appendChild(b);
     }).catch(() => {
@@ -908,7 +912,7 @@ const So = () => {
       C.classList.add(he["rp-text-layer-text"]);
     });
     const g = (s = p.current) == null ? void 0 : s.textDivs;
-    g && f.current && v(f.current, g, !0);
+    g && m.current && v(m.current, g, !0);
   }, [v]), /* @__PURE__ */ i(
     "div",
     {
@@ -924,7 +928,7 @@ const So = () => {
 };
 let No = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Oo = (t) => {
-  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = Q(), a = H(), [l, c] = $(), { setFocusedPage: d, goToPage: p } = ie(), { scrollMode: f } = Re(), { print: _ } = tt(), { download: h } = $n(), v = k(() => o.get(e), [o, e]), w = k(() => v == null ? void 0 : v.page.getViewport(), [v]);
+  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = Q(), a = H(), [l, c] = $(), { setFocusedPage: d, goToPage: p } = ie(), { scrollMode: m } = Le(), { print: _ } = tt(), { download: h } = $n(), v = k(() => o.get(e), [o, e]), w = k(() => v == null ? void 0 : v.page.getViewport(), [v]);
   W(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), W(() => {
@@ -935,11 +939,11 @@ const Oo = (t) => {
   const T = N(
     (P) => {
       !l || !r || (Er(P), Nr(P, r, l).then((S) => {
-        var u, m;
-        ((u = S == null ? void 0 : S.data) == null ? void 0 : u.action) === "Print" ? _() : ((m = S == null ? void 0 : S.data) == null ? void 0 : m.action) === "SaveAs" && h();
-      }), f === J.PAGE_SCROLLING ? At(P, l, r, (S) => d(S.pageIndex + 1)) : At(P, l, r, (S) => p(S.pageIndex + 1)));
+        var u, f;
+        ((u = S == null ? void 0 : S.data) == null ? void 0 : u.action) === "Print" ? _() : ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "SaveAs" && h();
+      }), m === J.PAGE_SCROLLING ? At(P, l, r, (S) => d(S.pageIndex + 1)) : At(P, l, r, (S) => p(S.pageIndex + 1)));
     },
-    [r, l, p, d, f, _, h]
+    [r, l, p, d, m, _, h]
   );
   return W(() => {
     if (!v || !l)
@@ -966,7 +970,7 @@ const Oo = (t) => {
     const u = new AbortController();
     return (async () => {
       var C;
-      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Lr({
+      a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Rr({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
@@ -988,7 +992,7 @@ const Oo = (t) => {
         page: v.page,
         imageResourcesPath: No,
         renderForms: !0,
-        linkService: new Rr(),
+        linkService: new Lr(),
         downloadManager: null,
         enableScripting: !1
       });
@@ -1012,29 +1016,29 @@ const Oo = (t) => {
 }, Do = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, zo = ({ pageNumber: t, viewport: e }) => {
-  const [n, o] = $(), { pages: r } = Q(), { highlightKeywords: a } = pr(), l = !0, c = H(null), [d, p] = $(null), [f, _] = $([]);
+  const [n, o] = $(), { pages: r } = Q(), { highlightKeywords: a } = pr(), l = !0, c = H(null), [d, p] = $(null), [m, _] = $([]);
   W(() => {
     c.current && p(c.current.parentElement);
   }, [c]), W(() => {
     (async () => {
-      const m = r.get(t);
-      if (!m || !c.current)
+      const f = r.get(t);
+      if (!f || !c.current)
         return;
-      const g = await m.page.getTextContent();
+      const g = await f.page.getTextContent();
       o(g);
     })();
   }, [r, t]);
   const h = k(() => a ? a.map((u) => {
-    var m, g;
+    var f, g;
     return {
-      ...Ar(u.keyword, (m = u.options) == null ? void 0 : m.matchCase, (g = u.options) == null ? void 0 : g.wholeWords),
+      ...Ar(u.keyword, (f = u.options) == null ? void 0 : f.matchCase, (g = u.options) == null ? void 0 : g.wholeWords),
       color: u.highlightColor
     };
   }) : [], [a]);
-  function v(u, m) {
+  function v(u, f) {
     if (!u)
       return;
-    const g = `[data-rp="page-${m}-textLayer"]`;
+    const g = `[data-rp="page-${f}-textLayer"]`;
     return new Promise((s) => {
       const C = u.querySelector(g);
       if (C) {
@@ -1048,23 +1052,23 @@ const Oo = (t) => {
     });
   }
   function w(u) {
-    return new Promise((m) => {
+    return new Promise((f) => {
       const g = u.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
       );
       if (g.length) {
-        m(Array.from(g));
+        f(Array.from(g));
         return;
       }
       new MutationObserver((C, b) => {
         const y = u.querySelectorAll(
           ".vpv-text-layer-text"
         );
-        y.length && (m(Array.from(y)), b.disconnect());
+        y.length && (f(Array.from(y)), b.disconnect());
       }).observe(u, { childList: !0, subtree: !0 });
     });
   }
-  const T = (u, m, g, s) => {
+  const T = (u, f, g, s) => {
     var Z;
     const C = document.createRange(), b = g.firstChild;
     if (!b || b.nodeType !== Node.TEXT_NODE)
@@ -1073,20 +1077,20 @@ const Oo = (t) => {
     if (E > y || I + 1 > y)
       return null;
     C.setStart(b, E), C.setEnd(b, I + 1);
-    const L = document.createElement("span");
-    L.style.width = "auto", C.surroundContents(L);
-    const D = L.getBoundingClientRect(), z = u.getBoundingClientRect(), A = z.height, R = z.width, x = 100 * (D.left - z.left) / R, O = 100 * (D.top - z.top) / A, M = 100 * D.height / A, G = 100 * D.width / R;
-    return Wr(L), {
-      keywordStr: m,
+    const R = document.createElement("span");
+    R.style.width = "auto", C.surroundContents(R);
+    const D = R.getBoundingClientRect(), z = u.getBoundingClientRect(), A = z.height, L = z.width, x = 100 * (D.left - z.left) / L, O = 100 * (D.top - z.top) / A, M = 100 * D.height / A, G = 100 * D.width / L;
+    return Wr(R), {
+      keywordStr: f,
       left: x,
       top: O,
       height: M,
       width: G,
       pageHeight: A,
-      pageWidth: R
+      pageWidth: L
     };
   };
-  async function P(u, m) {
+  async function P(u, f) {
     const g = await v(d, u);
     if (!g)
       return;
@@ -1094,8 +1098,8 @@ const Oo = (t) => {
     if (s.length) {
       const C = s.map((y) => y.tagName === "BR" ? " " : y.textContent).reduce(
         (y, E, I) => y.concat(
-          E.split("").map((L, D) => ({
-            char: L,
+          E.split("").map((R, D) => ({
+            char: R,
             charIdxInSpan: D,
             spanIdx: I
           }))
@@ -1107,27 +1111,27 @@ const Oo = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), b = S(g, m, s, C);
+      ).slice(1), b = S(g, f, s, C);
       _(b);
     }
   }
-  const S = (u, m, g, s) => {
-    const C = m.length;
+  const S = (u, f, g, s) => {
+    const C = f.length;
     if (!s.length || !C)
       return [];
     const b = [], y = s.map((E) => E.char).join("");
     return h.forEach((E) => {
-      const { keyword: I, regExp: L, wholeWords: D, color: z } = E, A = I;
+      const { keyword: I, regExp: R, wholeWords: D, color: z } = E, A = I;
       if (!A.trim())
         return;
-      const R = L.flags.indexOf("g") === -1 ? new RegExp(L, `${L.flags}g`) : L;
+      const L = R.flags.indexOf("g") === -1 ? new RegExp(R, `${R.flags}g`) : R;
       let x;
       const O = [];
-      for (; (x = R.exec(y)) !== null; )
+      for (; (x = L.exec(y)) !== null; )
         D && !ur(y, x.index, x[0].length) || O.push({
-          keyword: R,
+          keyword: L,
           startIndex: x.index,
-          endIndex: R.lastIndex
+          endIndex: L.lastIndex
         });
       const M = O.map((G) => ({
         keyword: G.keyword,
@@ -1162,11 +1166,11 @@ const Oo = (t) => {
       if (!(!a || a.length === 0))
         try {
           await P(t, a);
-        } catch (m) {
-          console.error(m);
+        } catch (f) {
+          console.error(f);
         }
     })();
-  }, [l, a, t, n, e]), /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i("div", { ref: c, "data-rp": `page-${t}-textHighlightLayer`, children: f.map((u, m) => /* @__PURE__ */ i(
+  }, [l, a, t, n, e]), /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i("div", { ref: c, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((u, f) => /* @__PURE__ */ i(
     "div",
     {
       className: Do["rp-text-highlight"],
@@ -1178,16 +1182,19 @@ const Oo = (t) => {
         backgroundColor: u.highlightColor
       }
     },
-    m
+    f
   )) }) });
 }, xt = $e((t, e) => {
-  const { pageNumber: n, style: o, ...r } = t, { pages: a } = Q(), { rotate: l } = Ge(), { textLayer: c } = or(), { currentZoom: d } = Qe(), p = H(a.get(n)), [f, _] = $(!1), h = H(null), [v, w] = $({
+  const { pageNumber: n, style: o, ...r } = t, { pages: a } = Q(), { rotate: l } = Ge(), { textLayer: c } = or(), { currentZoom: d } = Qe(), p = H(a.get(n)), [m, _] = $(!1), h = H(null), [v, w] = $({
     width: 0,
     height: 0
   });
   cn(e, () => h.current), W(() => {
     if (a && (p.current = a.get(n), p.current)) {
-      const u = p.current.page.getViewport({ scale: d, rotation: l });
+      const u = p.current.page.getViewport({
+        scale: d,
+        rotation: l + p.current.defaultRotation
+      });
       w(u);
     }
   }, [a, n, l, d]);
@@ -1230,8 +1237,8 @@ const Oo = (t) => {
           className: lt["rp-page"],
           children: [
             /* @__PURE__ */ i(xo, { onLoading: P, onLoaded: S, pageNumber: n }),
-            f && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Ct, {}) }),
-            c && /* @__PURE__ */ i(Ro, { pageNumber: n }),
+            m && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Ct, {}) }),
+            c && /* @__PURE__ */ i(Lo, { pageNumber: n }),
             /* @__PURE__ */ i(zo, { pageNumber: n, viewport: v }),
             /* @__PURE__ */ i(Oo, { pageNumber: n })
           ]
@@ -1333,7 +1340,7 @@ var $o = 150, Go = function(e) {
 }, Be = null, Ze = null, je = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet());
 function Uo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, p = t.getOffsetForRowAndAlignment, f = t.getRowHeight, _ = t.getRowOffset, h = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, w = t.initInstanceProps, T = t.shouldResetStyleCacheOnItemSizeChange, P = t.validateProps;
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, p = t.getOffsetForRowAndAlignment, m = t.getRowHeight, _ = t.getRowOffset, h = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, w = t.initInstanceProps, T = t.shouldResetStyleCacheOnItemSizeChange, P = t.validateProps;
   return e = /* @__PURE__ */ function(S) {
     Ao(u, S);
     function u(g) {
@@ -1346,14 +1353,14 @@ function Uo(t) {
         scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(C, b, y, E, I, L, D, z) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(C, b, y, E, I, R, D, z) {
         return s.props.onItemsRendered({
           overscanColumnStartIndex: C,
           overscanColumnStopIndex: b,
           overscanRowStartIndex: y,
           overscanRowStopIndex: E,
           visibleColumnStartIndex: I,
-          visibleColumnStopIndex: L,
+          visibleColumnStopIndex: R,
           visibleRowStartIndex: D,
           visibleRowStopIndex: z
         });
@@ -1366,17 +1373,17 @@ function Uo(t) {
           scrollUpdateWasRequested: I
         });
       }), s._getItemStyle = void 0, s._getItemStyle = function(C, b) {
-        var y = s.props, E = y.columnWidth, I = y.direction, L = y.rowHeight, D = s._getItemStyleCache(T && E, T && I, T && L), z = C + ":" + b, A;
+        var y = s.props, E = y.columnWidth, I = y.direction, R = y.rowHeight, D = s._getItemStyleCache(T && E, T && I, T && R), z = C + ":" + b, A;
         if (D.hasOwnProperty(z))
           A = D[z];
         else {
-          var R = n(s.props, b, s._instanceProps), x = I === "rtl";
+          var L = n(s.props, b, s._instanceProps), x = I === "rtl";
           D[z] = A = {
             position: "absolute",
-            left: x ? void 0 : R,
-            right: x ? R : void 0,
+            left: x ? void 0 : L,
+            right: x ? L : void 0,
             top: _(s.props, C, s._instanceProps),
-            height: f(s.props, C, s._instanceProps),
+            height: m(s.props, C, s._instanceProps),
             width: a(s.props, b, s._instanceProps)
           };
         }
@@ -1384,12 +1391,12 @@ function Uo(t) {
       }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(C, b, y) {
         return {};
       }), s._onScroll = function(C) {
-        var b = C.currentTarget, y = b.clientHeight, E = b.clientWidth, I = b.scrollLeft, L = b.scrollTop, D = b.scrollHeight, z = b.scrollWidth;
+        var b = C.currentTarget, y = b.clientHeight, E = b.clientWidth, I = b.scrollLeft, R = b.scrollTop, D = b.scrollHeight, z = b.scrollWidth;
         s.setState(function(A) {
-          if (A.scrollLeft === I && A.scrollTop === L)
+          if (A.scrollLeft === I && A.scrollTop === R)
             return null;
-          var R = s.props.direction, x = I;
-          if (R === "rtl")
+          var L = s.props.direction, x = I;
+          if (L === "rtl")
             switch (jt()) {
               case "negative":
                 x = -I;
@@ -1399,13 +1406,13 @@ function Uo(t) {
                 break;
             }
           x = Math.max(0, Math.min(x, z - E));
-          var O = Math.max(0, Math.min(L, D - y));
+          var O = Math.max(0, Math.min(R, D - y));
           return {
             isScrolling: !0,
             horizontalScrollDirection: A.scrollLeft < I ? "forward" : "backward",
             scrollLeft: x,
             scrollTop: O,
-            verticalScrollDirection: A.scrollTop < L ? "forward" : "backward",
+            verticalScrollDirection: A.scrollTop < R ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, s._resetIsScrollingDebounced);
@@ -1425,8 +1432,8 @@ function Uo(t) {
     u.getDerivedStateFromProps = function(s, C) {
       return Vo(s, C), P(s), null;
     };
-    var m = u.prototype;
-    return m.scrollTo = function(s) {
+    var f = u.prototype;
+    return f.scrollTo = function(s) {
       var C = s.scrollLeft, b = s.scrollTop;
       C !== void 0 && (C = Math.max(0, C)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(y) {
         return C === void 0 && (C = y.scrollLeft), b === void 0 && (b = y.scrollTop), y.scrollLeft === C && y.scrollTop === b ? null : {
@@ -1437,22 +1444,22 @@ function Uo(t) {
           verticalScrollDirection: y.scrollTop < b ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, m.scrollToItem = function(s) {
-      var C = s.align, b = C === void 0 ? "auto" : C, y = s.columnIndex, E = s.rowIndex, I = this.props, L = I.columnCount, D = I.height, z = I.rowCount, A = I.width, R = this.state, x = R.scrollLeft, O = R.scrollTop, M = Ho();
-      y !== void 0 && (y = Math.max(0, Math.min(y, L - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, z - 1)));
+    }, f.scrollToItem = function(s) {
+      var C = s.align, b = C === void 0 ? "auto" : C, y = s.columnIndex, E = s.rowIndex, I = this.props, R = I.columnCount, D = I.height, z = I.rowCount, A = I.width, L = this.state, x = L.scrollLeft, O = L.scrollTop, M = Ho();
+      y !== void 0 && (y = Math.max(0, Math.min(y, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, z - 1)));
       var G = l(this.props, this._instanceProps), Z = c(this.props, this._instanceProps), j = Z > A ? M : 0, q = G > D ? M : 0;
       this.scrollTo({
         scrollLeft: y !== void 0 ? d(this.props, y, b, x, this._instanceProps, q) : x,
         scrollTop: E !== void 0 ? p(this.props, E, b, O, this._instanceProps, j) : O
       });
-    }, m.componentDidMount = function() {
+    }, f.componentDidMount = function() {
       var s = this.props, C = s.initialScrollLeft, b = s.initialScrollTop;
       if (this._outerRef != null) {
         var y = this._outerRef;
         typeof C == "number" && (y.scrollLeft = C), typeof b == "number" && (y.scrollTop = b);
       }
       this._callPropsCallbacks();
-    }, m.componentDidUpdate = function() {
+    }, f.componentDidUpdate = function() {
       var s = this.props.direction, C = this.state, b = C.scrollLeft, y = C.scrollTop, E = C.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
         var I = this._outerRef;
@@ -1465,8 +1472,8 @@ function Uo(t) {
               I.scrollLeft = b;
               break;
             default:
-              var L = I.clientWidth, D = I.scrollWidth;
-              I.scrollLeft = D - L - b;
+              var R = I.clientWidth, D = I.scrollWidth;
+              I.scrollLeft = D - R - b;
               break;
           }
         else
@@ -1474,10 +1481,10 @@ function Uo(t) {
         I.scrollTop = Math.max(0, y);
       }
       this._callPropsCallbacks();
-    }, m.componentWillUnmount = function() {
+    }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
-    }, m.render = function() {
-      var s = this.props, C = s.children, b = s.className, y = s.columnCount, E = s.direction, I = s.height, L = s.innerRef, D = s.innerElementType, z = s.innerTagName, A = s.itemData, R = s.itemKey, x = R === void 0 ? Go : R, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, ee = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Fe = de[1], Ne = [];
+    }, f.render = function() {
+      var s = this.props, C = s.children, b = s.className, y = s.columnCount, E = s.direction, I = s.height, R = s.innerRef, D = s.innerElementType, z = s.innerTagName, A = s.itemData, L = s.itemKey, x = L === void 0 ? Go : L, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, ee = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Fe = de[1], Ne = [];
       if (y > 0 && G)
         for (var Pe = te; Pe <= Fe; Pe++)
           for (var we = le; we <= ae; we++)
@@ -1509,34 +1516,34 @@ function Uo(t) {
         }, Z)
       }, qe(D || z || "div", {
         children: Ne,
-        ref: L,
+        ref: R,
         style: {
           height: nt,
           pointerEvents: ee ? "none" : void 0,
           width: rt
         }
       }));
-    }, m._callPropsCallbacks = function() {
+    }, f._callPropsCallbacks = function() {
       var s = this.props, C = s.columnCount, b = s.onItemsRendered, y = s.onScroll, E = s.rowCount;
       if (typeof b == "function" && C > 0 && E > 0) {
-        var I = this._getHorizontalRangeToRender(), L = I[0], D = I[1], z = I[2], A = I[3], R = this._getVerticalRangeToRender(), x = R[0], O = R[1], M = R[2], G = R[3];
-        this._callOnItemsRendered(L, D, x, O, z, A, M, G);
+        var I = this._getHorizontalRangeToRender(), R = I[0], D = I[1], z = I[2], A = I[3], L = this._getVerticalRangeToRender(), x = L[0], O = L[1], M = L[2], G = L[3];
+        this._callOnItemsRendered(R, D, x, O, z, A, M, G);
       }
       if (typeof y == "function") {
         var Z = this.state, j = Z.horizontalScrollDirection, q = Z.scrollLeft, ee = Z.scrollTop, X = Z.scrollUpdateWasRequested, le = Z.verticalScrollDirection;
         this._callOnScroll(q, ee, j, le, X);
       }
-    }, m._getHorizontalRangeToRender = function() {
-      var s = this.props, C = s.columnCount, b = s.overscanColumnCount, y = s.overscanColumnsCount, E = s.overscanCount, I = s.rowCount, L = this.state, D = L.horizontalScrollDirection, z = L.isScrolling, A = L.scrollLeft, R = b || y || E || 1;
+    }, f._getHorizontalRangeToRender = function() {
+      var s = this.props, C = s.columnCount, b = s.overscanColumnCount, y = s.overscanColumnsCount, E = s.overscanCount, I = s.rowCount, R = this.state, D = R.horizontalScrollDirection, z = R.isScrolling, A = R.scrollLeft, L = b || y || E || 1;
       if (C === 0 || I === 0)
         return [0, 0, 0, 0];
-      var x = o(this.props, A, this._instanceProps), O = r(this.props, x, A, this._instanceProps), M = !z || D === "backward" ? Math.max(1, R) : 1, G = !z || D === "forward" ? Math.max(1, R) : 1;
+      var x = o(this.props, A, this._instanceProps), O = r(this.props, x, A, this._instanceProps), M = !z || D === "backward" ? Math.max(1, L) : 1, G = !z || D === "forward" ? Math.max(1, L) : 1;
       return [Math.max(0, x - M), Math.max(0, Math.min(C - 1, O + G)), x, O];
-    }, m._getVerticalRangeToRender = function() {
-      var s = this.props, C = s.columnCount, b = s.overscanCount, y = s.overscanRowCount, E = s.overscanRowsCount, I = s.rowCount, L = this.state, D = L.isScrolling, z = L.verticalScrollDirection, A = L.scrollTop, R = y || E || b || 1;
+    }, f._getVerticalRangeToRender = function() {
+      var s = this.props, C = s.columnCount, b = s.overscanCount, y = s.overscanRowCount, E = s.overscanRowsCount, I = s.rowCount, R = this.state, D = R.isScrolling, z = R.verticalScrollDirection, A = R.scrollTop, L = y || E || b || 1;
       if (C === 0 || I === 0)
         return [0, 0, 0, 0];
-      var x = h(this.props, A, this._instanceProps), O = v(this.props, x, A, this._instanceProps), M = !D || z === "backward" ? Math.max(1, R) : 1, G = !D || z === "forward" ? Math.max(1, R) : 1;
+      var x = h(this.props, A, this._instanceProps), O = v(this.props, x, A, this._instanceProps), M = !D || z === "backward" ? Math.max(1, L) : 1, G = !D || z === "forward" ? Math.max(1, L) : 1;
       return [Math.max(0, x - M), Math.max(0, Math.min(I - 1, O + G)), x, O];
     }, u;
   }(Qn), e.defaultProps = {
@@ -1546,9 +1553,9 @@ function Uo(t) {
   }, e;
 }
 var Vo = function(e, n) {
-  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, p = e.overscanCount, f = e.overscanRowsCount, _ = e.width, h = n.instance;
+  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, p = e.overscanCount, m = e.overscanRowsCount, _ = e.width, h = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof p == "number" && Be && !Be.has(h) && (Be.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof f == "number") && Ze && !Ze.has(h) && (Ze.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (l != null || c != null) && je && !je.has(h) && (je.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
+    if (typeof p == "number" && Be && !Be.has(h) && (Be.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Ze && !Ze.has(h) && (Ze.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (l != null || c != null) && je && !je.has(h) && (je.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
     switch (r) {
       case "ltr":
@@ -1568,17 +1575,17 @@ var Vo = function(e, n) {
     var d = r[l];
     c = d.offset + d.size;
   }
-  var p = o - l - 1, f = p * a;
-  return c + f;
+  var p = o - l - 1, m = p * a;
+  return c + m;
 }, yn = function(e, n) {
   var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, l = n.lastMeasuredColumnIndex, c = 0;
   if (l >= o && (l = o - 1), l >= 0) {
     var d = r[l];
     c = d.offset + d.size;
   }
-  var p = o - l - 1, f = p * a;
-  return c + f;
-}, me = function(e, n, o, r) {
+  var p = o - l - 1, m = p * a;
+  return c + m;
+}, fe = function(e, n, o, r) {
   var a, l, c;
   if (e === "column" ? (a = r.columnMetadataMap, l = n.columnWidth, c = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, l = n.rowHeight, c = r.lastMeasuredRowIndex), o > c) {
     var d = 0;
@@ -1586,9 +1593,9 @@ var Vo = function(e, n) {
       var p = a[c];
       d = p.offset + p.size;
     }
-    for (var f = c + 1; f <= o; f++) {
-      var _ = l(f);
-      a[f] = {
+    for (var m = c + 1; m <= o; m++) {
+      var _ = l(m);
+      a[m] = {
         offset: d,
         size: _
       }, d += _;
@@ -1603,18 +1610,18 @@ var Vo = function(e, n) {
   return c >= r ? In(e, n, o, l, 0, r) : qo(e, n, o, Math.max(0, l), r);
 }, In = function(e, n, o, r, a, l) {
   for (; a <= r; ) {
-    var c = a + Math.floor((r - a) / 2), d = me(e, n, c, o).offset;
+    var c = a + Math.floor((r - a) / 2), d = fe(e, n, c, o).offset;
     if (d === l)
       return c;
     d < l ? a = c + 1 : d > l && (r = c - 1);
   }
   return a > 0 ? a - 1 : 0;
 }, qo = function(e, n, o, r, a) {
-  for (var l = e === "column" ? n.columnCount : n.rowCount, c = 1; r < l && me(e, n, r, o).offset < a; )
+  for (var l = e === "column" ? n.columnCount : n.rowCount, c = 1; r < l && fe(e, n, r, o).offset < a; )
     r += c, c *= 2;
   return In(e, n, o, Math.min(r, l - 1), Math.floor(r / 2), a);
 }, Yt = function(e, n, o, r, a, l, c) {
-  var d = e === "column" ? n.width : n.height, p = me(e, n, o, l), f = e === "column" ? yn(n, l) : Sn(n, l), _ = Math.max(0, Math.min(f - d, p.offset)), h = Math.max(0, p.offset - d + c + p.size);
+  var d = e === "column" ? n.width : n.height, p = fe(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), _ = Math.max(0, Math.min(m - d, p.offset)), h = Math.max(0, p.offset - d + c + p.size);
   switch (r === "smart" && (a >= h - d && a <= _ + d ? r = "auto" : r = "center"), r) {
     case "start":
       return _;
@@ -1628,15 +1635,15 @@ var Vo = function(e, n) {
   }
 }, Bo = /* @__PURE__ */ Uo({
   getColumnOffset: function(e, n, o) {
-    return me("column", e, n, o).offset;
+    return fe("column", e, n, o).offset;
   },
   getColumnStartIndexForOffset: function(e, n, o) {
     return Xt("column", e, o, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.columnCount, l = e.width, c = me("column", e, n, r), d = o + l, p = c.offset + c.size, f = n; f < a - 1 && p < d; )
-      f++, p += me("column", e, f, r).size;
-    return f;
+    for (var a = e.columnCount, l = e.width, c = fe("column", e, n, r), d = o + l, p = c.offset + c.size, m = n; m < a - 1 && p < d; )
+      m++, p += fe("column", e, m, r).size;
+    return m;
   },
   getColumnWidth: function(e, n, o) {
     return o.columnMetadataMap[n].size;
@@ -1650,7 +1657,7 @@ var Vo = function(e, n) {
     return Yt("row", e, n, o, r, a, l);
   },
   getRowOffset: function(e, n, o) {
-    return me("row", e, n, o).offset;
+    return fe("row", e, n, o).offset;
   },
   getRowHeight: function(e, n, o) {
     return o.rowMetadataMap[n].size;
@@ -1659,9 +1666,9 @@ var Vo = function(e, n) {
     return Xt("row", e, o, n);
   },
   getRowStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.rowCount, l = e.height, c = me("row", e, n, r), d = o + l, p = c.offset + c.size, f = n; f < a - 1 && p < d; )
-      f++, p += me("row", e, f, r).size;
-    return f;
+    for (var a = e.rowCount, l = e.height, c = fe("row", e, n, r), d = o + l, p = c.offset + c.size, m = n; m < a - 1 && p < d; )
+      m++, p += fe("row", e, m, r).size;
+    return m;
   },
   initInstanceProps: function(e, n) {
     var o = e, r = o.estimatedColumnWidth, a = o.estimatedRowHeight, l = {
@@ -1683,7 +1690,7 @@ var Vo = function(e, n) {
         shouldForceUpdate: d
       });
     }, n.resetAfterIndices = function(c) {
-      var d = c.columnIndex, p = c.rowIndex, f = c.shouldForceUpdate, _ = f === void 0 ? !0 : f;
+      var d = c.columnIndex, p = c.rowIndex, m = c.shouldForceUpdate, _ = m === void 0 ? !0 : m;
       typeof d == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, d - 1)), typeof p == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, p - 1)), n._getItemStyleCache(-1), _ && n.forceUpdate();
     }, l;
   },
@@ -1714,7 +1721,7 @@ function Ko(t, e) {
   return !Jt(n, r) && !Jt(o, a);
 }
 const Xo = () => {
-  const { viewMode: t } = Ee(), { scrollMode: e } = Re(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ue(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === J.HORIZONTAL_SCROLLING ? a : t === xe.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((w, T, P) => {
+  const { viewMode: t } = Ee(), { scrollMode: e } = Le(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ue(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === J.HORIZONTAL_SCROLLING ? a : t === xe.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((w, T, P) => {
     const S = P % l;
     return (!w[S] || T > w[S]) && (w[S] = T), w;
   }, []), [r.widths, l]), d = N(
@@ -1730,9 +1737,9 @@ const Xo = () => {
   W(() => {
     n(l);
   }, [l, n]);
-  const f = k(() => e === J.HORIZONTAL_SCROLLING || e === J.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), _ = k(() => r.heights.reduce((v, w) => v + w, 0) / r.heights.length || 0, [r]), h = k(() => r.widths.reduce((v, w) => v + w, 0) / r.heights.length || 0, [r]);
+  const m = k(() => e === J.HORIZONTAL_SCROLLING || e === J.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), _ = k(() => r.heights.reduce((v, w) => v + w, 0) / r.heights.length || 0, [r]), h = k(() => r.widths.reduce((v, w) => v + w, 0) / r.heights.length || 0, [r]);
   return {
-    rowCount: f,
+    rowCount: m,
     rowHeight: p,
     columnCount: l,
     columnWidth: d,
@@ -1762,8 +1769,8 @@ function Yo(t) {
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
     l = function(S) {
-      const u = S.__resizeTriggers__, m = u.firstElementChild, g = u.lastElementChild, s = m.firstElementChild;
-      g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, s.style.width = m.offsetWidth + 1 + "px", s.style.height = m.offsetHeight + 1 + "px", m.scrollLeft = m.scrollWidth, m.scrollTop = m.scrollHeight;
+      const u = S.__resizeTriggers__, f = u.firstElementChild, g = u.lastElementChild, s = f.firstElementChild;
+      g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, s.style.width = f.offsetWidth + 1 + "px", s.style.height = f.offsetHeight + 1 + "px", f.scrollLeft = f.scrollWidth, f.scrollTop = f.scrollHeight;
     }, a = function(S) {
       return S.offsetWidth !== S.__resizeLast__.width || S.offsetHeight !== S.__resizeLast__.height;
     }, c = function(S) {
@@ -1809,8 +1816,8 @@ function Yo(t) {
           const P = w.createElement("div");
           P.className = "expand-trigger", P.appendChild(w.createElement("div"));
           const S = w.createElement("div");
-          S.className = "contract-trigger", h.__resizeTriggers__.appendChild(P), h.__resizeTriggers__.appendChild(S), h.appendChild(h.__resizeTriggers__), l(h), h.addEventListener("scroll", c, !0), o && (h.__resizeTriggers__.__animationListener__ = function(m) {
-            m.animationName === n && l(h);
+          S.className = "contract-trigger", h.__resizeTriggers__.appendChild(P), h.__resizeTriggers__.appendChild(S), h.appendChild(h.__resizeTriggers__), l(h), h.addEventListener("scroll", c, !0), o && (h.__resizeTriggers__.__animationListener__ = function(f) {
+            f.animationName === n && l(h);
           }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
         }
         h.__resizeListeners__.push(v);
@@ -1844,7 +1851,7 @@ class Jo extends er {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), p = parseFloat(a.paddingBottom || "0"), f = this._parentNode.getBoundingClientRect(), _ = f.height - d - p, h = f.width - l - c, v = this._parentNode.offsetHeight - d - p, w = this._parentNode.offsetWidth - l - c;
+        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), p = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), _ = m.height - d - p, h = m.width - l - c, v = this._parentNode.offsetHeight - d - p, w = this._parentNode.offsetWidth - l - c;
         (!n && (this.state.height !== v || this.state.scaledHeight !== _) || !o && (this.state.width !== w || this.state.scaledWidth !== h)) && (this.setState({
           height: v,
           width: w,
@@ -1887,7 +1894,7 @@ class Jo extends er {
       nonce: c,
       onResize: d,
       style: p = {},
-      tagName: f = "div",
+      tagName: m = "div",
       ..._
     } = this.props, {
       height: h,
@@ -1898,7 +1905,7 @@ class Jo extends er {
       overflow: "visible"
     }, S = {};
     let u = !1;
-    return r || (h === 0 && (u = !0), P.height = 0, S.height = h, S.scaledHeight = v), a || (T === 0 && (u = !0), P.width = 0, S.width = T, S.scaledWidth = w), l && (u = !1), qe(f, {
+    return r || (h === 0 && (u = !0), P.height = 0, S.height = h, S.scaledHeight = v), a || (T === 0 && (u = !0), P.width = 0, S.width = T, S.scaledWidth = w), l && (u = !1), qe(m, {
       ref: this._setRef,
       style: {
         ...P,
@@ -1917,7 +1924,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
     }
     return c;
   }, [n, o]), a = k(() => {
-    const c = n % 2 === 1 ? n - 1 : n - 2, d = t(c), p = e(c), f = t(c + 1), _ = e(c + 1), h = p > _ ? p : _, v = p < _ ? p : _, w = h / 2 - v / 2;
+    const c = n % 2 === 1 ? n - 1 : n - 2, d = t(c), p = e(c), m = t(c + 1), _ = e(c + 1), h = p > _ ? p : _, v = p < _ ? p : _, w = h / 2 - v / 2;
     return [
       {
         position: "absolute",
@@ -1930,7 +1937,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
         position: "absolute",
         left: d,
         top: h === _ ? 0 : w,
-        width: f,
+        width: m,
         height: _
       }
     ];
@@ -1953,25 +1960,25 @@ const Qo = ln(({ widths: t, heights: e }) => {
     }
   );
 }, ti = (t, e, n) => {
-  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = Ue(), { setFocusedPage: c } = ie(), [d, p] = $([]), { targetScrollPage: f } = pn(), _ = Pt(d, 0, 500), h = k(() => a.map((w, T) => {
-    const P = l[T], S = Vr(T + 1, t), u = P * S.columnIndex, m = w * S.rowIndex, g = u + P, s = m + w;
+  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = Ue(), { setFocusedPage: c } = ie(), [d, p] = $([]), { targetScrollPage: m } = pn(), _ = Pt(d, 0, 500), h = k(() => a.map((w, T) => {
+    const P = l[T], S = Vr(T + 1, t), u = P * S.columnIndex, f = w * S.rowIndex, g = u + P, s = f + w;
     return {
       pageNumber: T + 1,
       ...S,
       width: P,
       height: w,
       startX: u,
-      startY: m,
+      startY: f,
       endX: g,
       endY: s
     };
   }), [a, l, t, e]);
   W(() => {
     var T;
-    _.length > 0 && !f.current && c(_[0].pageNumber);
+    _.length > 0 && !m.current && c(_[0].pageNumber);
     let w = (T = _[0]) == null ? void 0 : T.ratio;
-    w && _.filter((P) => Math.round(P.ratio) === Math.round(w)).some((P) => P.pageNumber === f.current) && setTimeout(() => {
-      f.current = void 0;
+    w && _.filter((P) => Math.round(P.ratio) === Math.round(w)).some((P) => P.pageNumber === m.current) && setTimeout(() => {
+      m.current = void 0;
     }, 500);
   }, [_, c]);
   const v = N(
@@ -1983,15 +1990,15 @@ const Qo = ln(({ widths: t, heights: e }) => {
           endTop: T.scrollTop + T.clientHeight,
           endLeft: T.scrollLeft + T.clientWidth
         }, S = h.filter((u) => {
-          const m = u.endX >= P.startLeft && u.endY >= P.startTop, g = u.startX <= P.endLeft && u.startY <= P.endTop;
-          return m && g;
+          const f = u.endX >= P.startLeft && u.endY >= P.startTop, g = u.startX <= P.endLeft && u.startY <= P.endTop;
+          return f && g;
         }).map((u) => {
-          const m = P.startLeft > u.startX ? P.startLeft : u.startX, g = P.startTop > u.startY ? P.startTop : u.startY, s = P.endLeft < u.endX ? P.endLeft : u.endX, C = P.endTop < u.endY ? P.endTop : u.endY, b = s - m, y = C - g, I = +(b * y / (u.width * u.height) * 100).toFixed(2);
+          const f = P.startLeft > u.startX ? P.startLeft : u.startX, g = P.startTop > u.startY ? P.startTop : u.startY, s = P.endLeft < u.endX ? P.endLeft : u.endX, C = P.endTop < u.endY ? P.endTop : u.endY, b = s - f, y = C - g, I = +(b * y / (u.width * u.height) * 100).toFixed(2);
           return {
             pageNumber: u.pageNumber,
             ratio: I
           };
-        }).sort((u, m) => m.ratio - u.ratio);
+        }).sort((u, f) => f.ratio - u.ratio);
         p(S);
       });
     },
@@ -2012,25 +2019,25 @@ const Qo = ln(({ widths: t, heights: e }) => {
     getVirtualScrollRef: c,
     getPageScrollElementRef: d,
     getVirtualScrollableElementRef: p,
-    setTotalInnerDimensions: f,
+    setTotalInnerDimensions: m,
     virtualScrollableElementRef: _,
     totalInnerDimensions: h,
     pageScrollElementRef: v
-  } = et(), w = H(!0), { nextPage: T, prevPage: P, setFocusedPage: S, focusedPage: u } = ie(), { scrollMode: m } = Re(), { viewMode: g } = Ee(), s = H(null), { loading: C } = Q(), { passwordRequired: b } = nr(), { LoaderImageComponent: y } = hn(), E = H(
+  } = et(), w = H(!0), { nextPage: T, prevPage: P, setFocusedPage: S, focusedPage: u } = ie(), { scrollMode: f } = Le(), { viewMode: g } = Ee(), s = H(null), { loading: C } = Q(), { passwordRequired: b } = nr(), { LoaderImageComponent: y } = hn(), E = H(
     h
   ), I = H({
     viewMode: g,
-    scrollMode: m
-  }), L = H(!1), D = H(), { isFullScreen: z } = sr(), {
+    scrollMode: f
+  }), R = H(!1), D = H(), { isFullScreen: z } = sr(), {
     pageDimension: A,
-    rowCount: R,
+    rowCount: L,
     rowHeight: x,
     columnCount: O,
     columnWidth: M,
     estimatedColumnWidth: G,
     estimatedRowHeight: Z
   } = Xo(), j = Pt(h, 100), q = H();
-  ti(O, R, _);
+  ti(O, L, _);
   const ee = H({
     scrollTop: 0,
     scrollLeft: 0
@@ -2045,20 +2052,20 @@ const Qo = ln(({ widths: t, heights: e }) => {
       const V = document.activeElement !== o;
       !z && V || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), P()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), T()));
     },
-    [T, P, z, m]
+    [T, P, z, f]
   );
   W(() => (window.addEventListener("keydown", Ne), () => {
     window.removeEventListener("keydown", Ne);
   }), [Ne]), W(() => {
     if (s.current && (s.current.style.position = "relative"), !!l)
-      for (let U = 0; U < R; U++)
+      for (let U = 0; U < L; U++)
         for (let V = 0; V < O; V++)
           l.resetAfterIndices({
             columnIndex: V,
             rowIndex: U,
             shouldForceUpdate: !0
           });
-  }, [R, O, A, l]);
+  }, [L, O, A, l]);
   const Pe = N(
     (U, V) => {
       if (!_)
@@ -2072,10 +2079,10 @@ const Qo = ln(({ widths: t, heights: e }) => {
     [_]
   ), we = N(
     (U, V) => {
-      if (I.current.viewMode !== g || I.current.scrollMode !== m) {
-        q.current && clearTimeout(q.current), L.current = !0, a(u, "auto"), q.current = setTimeout(() => {
+      if (I.current.viewMode !== g || I.current.scrollMode !== f) {
+        q.current && clearTimeout(q.current), R.current = !0, a(u, "auto"), q.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            I.current = { viewMode: g, scrollMode: m };
+            I.current = { viewMode: g, scrollMode: f };
           });
         }, 100);
         return;
@@ -2083,7 +2090,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
       const Se = U.scrollTop, ot = U.scrollLeft;
       if (!V.height || !V.width)
         return;
-      L.current = !0;
+      R.current = !0;
       const { height: ye, width: it } = V, { height: Ot, width: Dt } = E.current;
       if (Ot === ye && Dt === it)
         return;
@@ -2100,22 +2107,22 @@ const Qo = ln(({ widths: t, heights: e }) => {
         width: V.width
       };
     },
-    [l, g, m, a]
+    [l, g, f, a]
   );
   W(() => {
     clearTimeout(D.current);
-    const U = Array.from({ length: R }).reduce(
+    const U = Array.from({ length: L }).reduce(
       (Se, ot, ye) => Se + x(ye),
       0
     ), V = Array.from({ length: O }).reduce(
       (Se, ot, ye) => Se + M(ye),
       0
     ), Te = Pe(V, U);
-    ee.current = Te, we(Te, { height: U, width: V }), f({
+    ee.current = Te, we(Te, { height: U, width: V }), m({
       height: U,
       width: V
     });
-  }, [A, R, O, we]);
+  }, [A, L, O, we]);
   const nt = N(
     (U) => {
       ee.current = {
@@ -2156,8 +2163,8 @@ const Qo = ln(({ widths: t, heights: e }) => {
     v,
     S,
     j
-  ]), /* @__PURE__ */ F(fe, { children: [
-    /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: rt, children: /* @__PURE__ */ i(Jo, { style: { minHeight: "50px" }, children: ({ width: U, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: jn, style: { width: U, height: V }, children: m === J.PAGE_SCROLLING ? /* @__PURE__ */ i(
+  ]), /* @__PURE__ */ F(me, { children: [
+    /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: rt, children: /* @__PURE__ */ i(Jo, { style: { minHeight: "50px" }, children: ({ width: U, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: jn, style: { width: U, height: V }, children: f === J.PAGE_SCROLLING ? /* @__PURE__ */ i(
       "div",
       {
         ref: d,
@@ -2180,10 +2187,10 @@ const Qo = ln(({ widths: t, heights: e }) => {
         width: U,
         estimatedColumnWidth: G,
         estimatedRowHeight: Z,
-        rowCount: R,
+        rowCount: L,
         className: ne(
           ue["rp-pages"],
-          m === J.HORIZONTAL_SCROLLING ? ue["rp-pages-horizontal-scroll"] : ""
+          f === J.HORIZONTAL_SCROLLING ? ue["rp-pages-horizontal-scroll"] : ""
         ),
         children: ni
       }
@@ -2209,7 +2216,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
   "rp-toolbar-start": "_rp-toolbar-start_sz31z_33",
   "rp-toolbar-middle": "_rp-toolbar-middle_sz31z_39",
   "rp-toolbar-end": "_rp-toolbar-end_sz31z_46"
-}, mt = {
+}, ft = {
   "rp-paginate": "_rp-paginate_1y9vo_1",
   "rp-page-input": "_rp-page-input_1y9vo_6",
   "rp-total-page": "_rp-total-page_1y9vo_11"
@@ -2220,13 +2227,13 @@ const Qo = ln(({ widths: t, heights: e }) => {
   const { nextIcon: t } = pe();
   return t || /* @__PURE__ */ i(He, { style: { transform: "rotate(180deg" } });
 }, ii = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: d = !0 } = ve(), { isSmallScreen: p } = Ce(), { localeMessages: f } = se(), { viewMode: _ } = Ee(), { scrollMode: h } = Re();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: d = !0 } = ve(), { isSmallScreen: p } = Ce(), { localeMessages: m } = se(), { viewMode: _ } = Ee(), { scrollMode: h } = Le();
   W(() => {
     c(t.toString());
   }, [t]);
   const v = N((u) => {
-    const m = u.target.value;
-    c(m);
+    const f = u.target.value;
+    c(f);
   }, []), w = N(async () => {
     const u = a(l);
     u.success || c(u.currentPage.toString());
@@ -2248,42 +2255,42 @@ const Qo = ln(({ widths: t, heights: e }) => {
       goToPage: a,
       changePage: n
     }
-  ) : d ? /* @__PURE__ */ F("div", { className: mt["rp-paginate"], children: [
-    !p && /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.previousPageTooltip, children: /* @__PURE__ */ i(
+  ) : d ? /* @__PURE__ */ F("div", { className: ft["rp-paginate"], children: [
+    !p && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: r,
-        "aria-label": f == null ? void 0 : f.previousPageTooltip,
+        "aria-label": m == null ? void 0 : m.previousPageTooltip,
         "aria-disabled": t === 1,
         children: /* @__PURE__ */ i(ri, {})
       }
     ) }),
-    /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.currentPageTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ i(
       dn,
       {
         onKeyDown: P,
         onBlur: T,
         onChange: v,
         value: l,
-        className: mt["rp-page-input"]
+        className: ft["rp-page-input"]
       }
     ) }),
-    /* @__PURE__ */ F("span", { className: mt["rp-total-page"], children: [
+    /* @__PURE__ */ F("span", { className: ft["rp-total-page"], children: [
       "/",
       e
     ] }),
-    !p && /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.nextPageTooltip, children: /* @__PURE__ */ i(
+    !p && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: o,
-        "aria-label": f == null ? void 0 : f.nextPageTooltip,
+        "aria-label": m == null ? void 0 : m.nextPageTooltip,
         "aria-disabled": S,
         children: /* @__PURE__ */ i(oi, {})
       }
     ) })
   ] }) : null;
 };
-var Lt = "Dialog", [xn, Us] = Xr(Lt), [ai, ce] = xn(Lt), Ln = (t) => {
+var Rt = "Dialog", [xn, Us] = Xr(Rt), [ai, ce] = xn(Rt), Rn = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -2291,7 +2298,7 @@ var Lt = "Dialog", [xn, Us] = Xr(Lt), [ai, ce] = xn(Lt), Ln = (t) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: l = !0
-  } = t, c = B.useRef(null), d = B.useRef(null), [p = !1, f] = Qr({
+  } = t, c = B.useRef(null), d = B.useRef(null), [p = !1, m] = Qr({
     prop: o,
     defaultProp: r,
     onChange: a
@@ -2306,17 +2313,17 @@ var Lt = "Dialog", [xn, Us] = Xr(Lt), [ai, ce] = xn(Lt), Ln = (t) => {
       titleId: ct(),
       descriptionId: ct(),
       open: p,
-      onOpenChange: f,
-      onOpenToggle: B.useCallback(() => f((_) => !_), [f]),
+      onOpenChange: m,
+      onOpenToggle: B.useCallback(() => m((_) => !_), [m]),
       modal: l,
       children: n
     }
   );
 };
-Ln.displayName = Lt;
-var Rn = "DialogTrigger", si = B.forwardRef(
+Rn.displayName = Rt;
+var Ln = "DialogTrigger", si = B.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, ...o } = t, r = ce(Rn, n), a = Tt(e, r.triggerRef);
+    const { __scopeDialog: n, ...o } = t, r = ce(Ln, n), a = Tt(e, r.triggerRef);
     return /* @__PURE__ */ i(
       Ve.button,
       {
@@ -2332,14 +2339,14 @@ var Rn = "DialogTrigger", si = B.forwardRef(
     );
   }
 );
-si.displayName = Rn;
-var Rt = "DialogPortal", [ci, En] = xn(Rt, {
+si.displayName = Ln;
+var Lt = "DialogPortal", [ci, En] = xn(Lt, {
   forceMount: void 0
 }), Nn = (t) => {
-  const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = ce(Rt, e);
+  const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = ce(Lt, e);
   return /* @__PURE__ */ i(ci, { scope: e, forceMount: n, children: B.Children.map(o, (l) => /* @__PURE__ */ i(St, { present: n || a.open, children: /* @__PURE__ */ i(oo, { asChild: !0, container: r, children: l }) })) });
 };
-Nn.displayName = Rt;
+Nn.displayName = Lt;
 var Xe = "DialogOverlay", On = B.forwardRef(
   (t, e) => {
     const n = En(Xe, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Xe, t.__scopeDialog);
@@ -2364,16 +2371,16 @@ var li = B.forwardRef(
       ) })
     );
   }
-), Le = "DialogContent", Dn = B.forwardRef(
+), Re = "DialogContent", Dn = B.forwardRef(
   (t, e) => {
-    const n = En(Le, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Le, t.__scopeDialog);
+    const n = En(Re, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Re, t.__scopeDialog);
     return /* @__PURE__ */ i(St, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(di, { ...r, ref: e }) : /* @__PURE__ */ i(ui, { ...r, ref: e }) });
   }
 );
-Dn.displayName = Le;
+Dn.displayName = Re;
 var di = B.forwardRef(
   (t, e) => {
-    const n = ce(Le, t.__scopeDialog), o = B.useRef(null), r = Tt(e, n.contentRef, o);
+    const n = ce(Re, t.__scopeDialog), o = B.useRef(null), r = Tt(e, n.contentRef, o);
     return B.useEffect(() => {
       const a = o.current;
       if (a)
@@ -2402,7 +2409,7 @@ var di = B.forwardRef(
   }
 ), ui = B.forwardRef(
   (t, e) => {
-    const n = ce(Le, t.__scopeDialog), o = B.useRef(!1), r = B.useRef(!1);
+    const n = ce(Re, t.__scopeDialog), o = B.useRef(!1), r = B.useRef(!1);
     return /* @__PURE__ */ i(
       zn,
       {
@@ -2425,8 +2432,8 @@ var di = B.forwardRef(
   }
 ), zn = B.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, c = ce(Le, n), d = B.useRef(null), p = Tt(e, d);
-    return no(), /* @__PURE__ */ F(fe, { children: [
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, c = ce(Re, n), d = B.useRef(null), p = Tt(e, d);
+    return no(), /* @__PURE__ */ F(me, { children: [
       /* @__PURE__ */ i(
         ro,
         {
@@ -2450,9 +2457,9 @@ var di = B.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ F(fe, { children: [
+      /* @__PURE__ */ F(me, { children: [
         /* @__PURE__ */ i(hi, { titleId: c.titleId }),
-        /* @__PURE__ */ i(fi, { contentRef: d, descriptionId: c.descriptionId })
+        /* @__PURE__ */ i(mi, { contentRef: d, descriptionId: c.descriptionId })
       ] })
     ] });
   }
@@ -2489,7 +2496,7 @@ function Nt(t) {
   return t ? "open" : "closed";
 }
 var Mn = "DialogTitleWarning", [Vs, Hn] = Jr(Mn, {
-  contentName: Le,
+  contentName: Re,
   titleName: Et,
   docsSlug: "dialog"
 }), hi = ({ titleId: t }) => {
@@ -2501,14 +2508,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
   return B.useEffect(() => {
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
-}, mi = "DialogDescriptionWarning", fi = ({ contentRef: t, descriptionId: e }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Hn(mi).contentName}}.`;
+}, fi = "DialogDescriptionWarning", mi = ({ contentRef: t, descriptionId: e }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Hn(fi).contentName}}.`;
   return B.useEffect(() => {
     var a;
     const r = (a = t.current) == null ? void 0 : a.getAttribute("aria-describedby");
     e && r && (document.getElementById(e) || console.warn(o));
   }, [o, t, e]), null;
-}, gi = Ln, vi = Nn, wi = On, _i = Dn, bi = An, Ci = kn;
+}, gi = Rn, vi = Nn, wi = On, _i = Dn, bi = An, Ci = kn;
 const Ie = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2526,7 +2533,7 @@ const Ie = {
       filename: c,
       title: d,
       author: p,
-      subject: f,
+      subject: m,
       createdOn: _,
       creator: h,
       keywords: v,
@@ -2541,7 +2548,7 @@ const Ie = {
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
       { label: r == null ? void 0 : r.propertiesAuthorLabel, value: p },
-      { label: r == null ? void 0 : r.propertiesSubjectLabel, value: f },
+      { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
       { label: r == null ? void 0 : r.propertiesKeywordLabel, value: v },
       { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
       {
@@ -2584,7 +2591,7 @@ const Ie = {
   }, [t, e]) };
 }, Gn = () => {
   const { downloadIcon: t } = pe();
-  return t || /* @__PURE__ */ i(fo, {});
+  return t || /* @__PURE__ */ i(mo, {});
 }, Un = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.downloadFileTooltip, children: t }), Ii = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(Un, { localeMessages: e, children: /* @__PURE__ */ i(re, { onClick: t, "aria-label": e == null ? void 0 : e.downloadFileTooltip, children: /* @__PURE__ */ i(Gn, {}) }) }), xi = ({ download: t, localeMessages: e }) => /* @__PURE__ */ i(be, { onClick: t, children: /* @__PURE__ */ F(Un, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Gn, {}) }),
   e == null ? void 0 : e.downloadFileLabel
@@ -2594,12 +2601,12 @@ const Ie = {
 }, qn = () => {
   const { printIcon: t } = pe();
   return t || /* @__PURE__ */ i(go, {});
-}, Bn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Li = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Bn, { localeMessages: e, children: /* @__PURE__ */ i(re, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(qn, {}) }) }), Ri = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(be, { onClick: t, children: /* @__PURE__ */ F(Bn, { className: "rp-menu-item", localeMessages: e, children: [
+}, Bn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ i(K, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Ri = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(Bn, { localeMessages: e, children: /* @__PURE__ */ i(re, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ i(qn, {}) }) }), Li = ({ print: t, localeMessages: e }) => /* @__PURE__ */ i(be, { onClick: t, children: /* @__PURE__ */ F(Bn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(qn, {}) }),
   e == null ? void 0 : e.printLabel
 ] }) }), Zn = () => {
   const { print: t, cancel: e, setOnProgress: n, setOnComplete: o, setOnError: r, progress: a } = tt(), { printTool: l = !0 } = ve(), { isSmallScreen: c } = Ce(), { localeMessages: d } = se();
-  return l ? c ? /* @__PURE__ */ i(Ri, { print: t, localeMessages: d }) : typeof l == "function" ? /* @__PURE__ */ i(
+  return l ? c ? /* @__PURE__ */ i(Li, { print: t, localeMessages: d }) : typeof l == "function" ? /* @__PURE__ */ i(
     l,
     {
       print: t,
@@ -2609,7 +2616,7 @@ const Ie = {
       setOnComplete: o,
       progress: a
     }
-  ) : l ? /* @__PURE__ */ i(Li, { print: t, localeMessages: d }) : null : null;
+  ) : l ? /* @__PURE__ */ i(Ri, { print: t, localeMessages: d }) : null : null;
 }, Ei = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
 }, Ni = () => {
@@ -2645,12 +2652,12 @@ const Ie = {
     selectionModeTool: c,
     jumpNavigationTool: d,
     printTool: p,
-    fullscreenTool: f
+    fullscreenTool: m
   } = ve(), { localeMessages: _ } = se();
   return k(() => {
     const v = d || l || c || a || r;
     let w = !1;
-    return e && (w = !(!n && !o && !p && !f)), v || w;
+    return e && (w = !(!n && !o && !p && !m)), v || w;
   }, [
     n,
     o,
@@ -2662,13 +2669,13 @@ const Ie = {
     e
   ]) ? /* @__PURE__ */ F(lo, { children: [
     /* @__PURE__ */ i(
-      fn,
+      mn,
       {
         container: t,
         triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: _ == null ? void 0 : _.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": _ == null ? void 0 : _.moreOptionTooltip, children: /* @__PURE__ */ i(Kr, {}) }) }) }),
         children: /* @__PURE__ */ F("div", { className: Ti["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
           e && /* @__PURE__ */ F(Ke, { children: [
-            /* @__PURE__ */ i(mn, {}),
+            /* @__PURE__ */ i(fn, {}),
             /* @__PURE__ */ i(Vn, {}),
             /* @__PURE__ */ i(Zn, {}),
             /* @__PURE__ */ i(gn, {}),
@@ -2678,7 +2685,7 @@ const Ie = {
           /* @__PURE__ */ i(po, {}),
           /* @__PURE__ */ i(vo, {}),
           /* @__PURE__ */ i(ho, {}),
-          /* @__PURE__ */ i(mo, {}),
+          /* @__PURE__ */ i(fo, {}),
           /* @__PURE__ */ i(uo, {})
         ] })
       }
@@ -2687,10 +2694,10 @@ const Ie = {
   ] }) : null;
 }, Ai = () => {
   const { isSmallScreen: t } = Ce();
-  return /* @__PURE__ */ F(fe, { children: [
+  return /* @__PURE__ */ F(me, { children: [
     /* @__PURE__ */ i(jr, {}),
-    !t && /* @__PURE__ */ F(fe, { children: [
-      /* @__PURE__ */ i(mn, {}),
+    !t && /* @__PURE__ */ F(me, { children: [
+      /* @__PURE__ */ i(fn, {}),
       /* @__PURE__ */ i(Vn, {}),
       /* @__PURE__ */ i(Zn, {}),
       /* @__PURE__ */ i(gn, {})
@@ -2703,35 +2710,35 @@ const Ie = {
   "rp-current-zoom-icon": "_rp-current-zoom-icon_cocqs_11",
   "rp-current-zoom-text": "_rp-current-zoom-text_cocqs_16",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_cocqs_20"
-}, Fi = 25, ft = 1e3, Wi = [50, 75, 100, 125, 150, 200, 300, 400], ki = () => {
+}, Fi = 25, mt = 1e3, Wi = [50, 75, 100, 125, 150, 200, 300, 400], ki = () => {
   const { zoomInIcon: t } = pe();
   return t || /* @__PURE__ */ i(wo, {});
 }, Mi = () => {
   const { zoomOutIcon: t } = pe();
   return t || /* @__PURE__ */ i(_o, {});
 }, Hi = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: l } = Ge(), { pages: c } = Q(), { isSmallScreen: d } = Ce(), { localeMessages: p } = se(), { viewMode: f } = Ee(), _ = N(() => {
+  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: l } = Ge(), { pages: c } = Q(), { isSmallScreen: d } = Ce(), { localeMessages: p } = se(), { viewMode: m } = Ee(), _ = N(() => {
     e((u) => {
-      const m = Math.floor(u / 25) * 25;
-      return Math.min(m + 25, ft);
+      const f = Math.floor(u / 25) * 25;
+      return Math.min(f + 25, mt);
     });
   }, [e]), h = N(() => {
     e((u) => {
-      const m = Math.ceil(u / 25) * 25;
-      return Math.min(m - 25, ft);
+      const f = Math.ceil(u / 25) * 25;
+      return Math.min(f - 25, mt);
     });
-  }, [e]), v = k(() => t === Fi, [t]), w = k(() => t === ft, [t]), T = k(() => {
-    var u;
-    return (u = c.get(a)) == null ? void 0 : u.page.getViewport({ scale: 1, rotation: l });
+  }, [e]), v = k(() => t === Fi, [t]), w = k(() => t === mt, [t]), T = k(() => {
+    const u = c.get(a);
+    return u ? u.page.getViewport({ scale: 1, rotation: l + u.defaultRotation }) : null;
   }, [c, a, l]), P = N(
     (u) => {
-      const m = ((T == null ? void 0 : T.width) || 0) + 2 * Mt, g = ((T == null ? void 0 : T.height) || 0) + 2 * Mt, s = (o == null ? void 0 : o.clientWidth) || 0, C = (o == null ? void 0 : o.clientHeight) || 0, b = bo(
+      const f = ((T == null ? void 0 : T.width) || 0) + 2 * Mt, g = ((T == null ? void 0 : T.height) || 0) + 2 * Mt, s = (o == null ? void 0 : o.clientWidth) || 0, C = (o == null ? void 0 : o.clientHeight) || 0, b = bo(
         u,
         s,
         C,
-        m,
+        f,
         g,
-        f
+        m
       );
       e(b);
     },
@@ -2753,7 +2760,7 @@ const Ie = {
       }
     ) }),
     !d && /* @__PURE__ */ i(
-      fn,
+      mn,
       {
         container: n,
         triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomSelectTooltip, children: /* @__PURE__ */ F(
@@ -2800,7 +2807,7 @@ const Ie = {
     nextMatch: e,
     prevMatch: n
   } = It(), { localeMessages: o } = se();
-  return /* @__PURE__ */ F(fe, { children: [
+  return /* @__PURE__ */ F(me, { children: [
     /* @__PURE__ */ i(K, { content: o == null ? void 0 : o.searchPrevTooltip, className: Y["rp-search-tool-result-navigator"], children: /* @__PURE__ */ i(re, { onClick: n, "aria-label": o == null ? void 0 : o.searchPrevTooltip, children: /* @__PURE__ */ i(
       He,
       {
@@ -2826,12 +2833,12 @@ const Ie = {
     setSearchOptions: c,
     loading: d,
     setSearch: p,
-    totalMatches: f,
+    totalMatches: m,
     currentMatchPosition: _,
     nextMatch: h,
     prevMatch: v,
     search: w
-  } = It(), { searchTool: T = !0 } = ve(), [P, S] = $(w), { localeMessages: u } = se(), { isSmallScreen: m } = Ce(), g = N(() => {
+  } = It(), { searchTool: T = !0 } = ve(), [P, S] = $(w), { localeMessages: u } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
     n(!0);
   }, []), s = N(() => {
     p(""), S(""), n(!1);
@@ -2858,12 +2865,12 @@ const Ie = {
     S(x.target.value);
   }, []), I = N(() => {
     S(""), p("");
-  }, [p]), L = k(() => `${_} / ${f}`, [_, f]), { wholeWords: D, matchCase: z } = k(() => l, [l]), A = N(
+  }, [p]), R = k(() => `${_} / ${m}`, [_, m]), { wholeWords: D, matchCase: z } = k(() => l, [l]), A = N(
     (x) => {
       c((O) => ({ ...O, matchCase: x }));
     },
     [c]
-  ), R = N(
+  ), L = N(
     (x) => {
       c((O) => ({ ...O, wholeWords: x }));
     },
@@ -2871,7 +2878,7 @@ const Ie = {
   );
   return W(() => {
     s();
-  }, [o, s]), T ? /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(
+  }, [o, s]), T ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
     Mr,
     {
       open: e,
@@ -2893,18 +2900,18 @@ const Ie = {
                 children: !!P && /* @__PURE__ */ i("span", { className: Y["rp-search-tool-input-clear"], onClick: I, children: /* @__PURE__ */ i(Po, {}) })
               }
             ) }),
-            d ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Ct, { className: Y["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: L }),
-            m && /* @__PURE__ */ i("div", { className: Y["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s }) })
+            d ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Ct, { className: Y["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: R }),
+            f && /* @__PURE__ */ i("div", { className: Y["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s }) })
           ] }),
           /* @__PURE__ */ F("div", { className: Y["rp-search-tool-input-checkboxes"], children: [
-            m && /* @__PURE__ */ i(on, {}),
+            f && /* @__PURE__ */ i(on, {}),
             /* @__PURE__ */ i($t, { name: "matchCase", value: z, onChange: A, children: u == null ? void 0 : u.searchMatchCaseLabel }),
-            !m && /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.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: R, children: u == null ? void 0 : u.searchWholeWordsLabel }),
-            !m && /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) })
+            !f && /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.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: u == null ? void 0 : u.searchWholeWordsLabel }),
+            !f && /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) })
           ] })
         ] }),
-        !m && /* @__PURE__ */ F("div", { className: Y["rp-search-tool-controls"], children: [
+        !f && /* @__PURE__ */ F("div", { className: Y["rp-search-tool-controls"], children: [
           /* @__PURE__ */ i(on, {}),
           /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s })
         ] })
@@ -3003,15 +3010,15 @@ const Ie = {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Bi);
 }, ji = $e((t, e) => {
-  const { show: n } = t, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: l, thumbnailLength: c, addToPage: d } = Pn(), p = H(null), f = H(1);
+  const { show: n } = t, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: l, thumbnailLength: c, addToPage: d } = Pn(), p = H(null), m = H(1);
   cn(e, () => p.current);
   const _ = k(() => Object.values(a), [a]), h = N(() => {
     const v = c + 1;
     v <= r && l(v);
   }, [l, r, c]);
   return W(() => {
-    o > c ? d(o) : n && f.current !== o && (Zi(p.current, o), f.current = o);
-  }, [o, c, d, n, _]), fr(p.current, h), /* @__PURE__ */ i("div", { ref: p, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? _.map((v, w) => {
+    o > c ? d(o) : n && m.current !== o && (Zi(p.current, o), m.current = o);
+  }, [o, c, d, n, _]), mr(p.current, h), /* @__PURE__ */ i("div", { ref: p, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? _.map((v, w) => {
     var T, P;
     return /* @__PURE__ */ i(
       qi,
@@ -3027,10 +3034,10 @@ const Ie = {
   }) : null }) });
 }), Ki = () => {
   const { thumbnailIcon: t } = pe();
-  return t || /* @__PURE__ */ i(mr, {});
+  return t || /* @__PURE__ */ i(fr, {});
 }, Xi = () => {
   const { active: t, setActive: e } = Pn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: l } = ve(), { localeMessages: c } = se(), d = N(() => {
-    e((f) => !f);
+    e((m) => !m);
   }, []), p = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: d, active: t }) : a ? /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.thumbnailTooltip, children: /* @__PURE__ */ i(
     re,
     {
@@ -3040,7 +3047,7 @@ const Ie = {
       children: /* @__PURE__ */ i(Ki, {})
     }
   ) }) : null, [a, t, d, c]);
-  return /* @__PURE__ */ i(fe, { children: l && /* @__PURE__ */ F(
+  return /* @__PURE__ */ i(me, { children: l && /* @__PURE__ */ F(
     "div",
     {
       style: { "--rp-thumbnail-width": `${n}px` },
@@ -3104,11 +3111,11 @@ const Ie = {
     mobileWidth: c,
     onLoaded: d,
     cleanupOnLoaded: p,
-    onLayoutWidthChange: f
+    onLayoutWidthChange: m
   } = t, [_, h] = $(null), { setContainer: v, setContentRef: w } = ge(), { loading: T } = Q(), { LoaderImageComponent: P } = hn();
   return W(() => (d && d(), () => {
     p && p();
-  }), [d, p]), /* @__PURE__ */ i(Yi, { toolbarRef: _, ref: e, children: /* @__PURE__ */ i(Pr, { mobileWidth: c, onLayoutWidthChange: f, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ F(_r, { getContainerRef: v, style: a, className: l, children: [
+  }), [d, p]), /* @__PURE__ */ i(Yi, { toolbarRef: _, ref: e, children: /* @__PURE__ */ i(Pr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ F(_r, { getContainerRef: v, style: a, className: l, children: [
     /* @__PURE__ */ F(br, { children: [
       /* @__PURE__ */ F("div", { className: _e["rp-layout"], children: [
         /* @__PURE__ */ i(Vi, { ref: h }),
@@ -3184,7 +3191,7 @@ export {
   Pn as m,
   Io as n,
   Tn as o,
-  Ro as p,
+  Lo as p,
   zo as q,
   xt as r,
   Xo as s,