@pdf-viewer/react 1.8.0 → 1.8.1-rc.0

package/dist/{RPDefaultLayout-4b330ca1.js → RPDefaultLayout-c0c44afa.js}

@@ -4,15 +4,15 @@ import { useRef as H, useEffect as F, useCallback as N, useState as $, useMemo a
 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 Re, ScrollMode as Q, AnnotationSubType as zt, SelectionMode as nr, ZoomLevel as st } from "./utils/types.js";
-import { useScrollModeContext as Ee } from "./contexts/ScrollModeContext.js";
+import { ViewMode as Le, ScrollMode as Q, AnnotationSubType as zt, SelectionMode as nr, ZoomLevel as st } from "./utils/types.js";
+import { useScrollModeContext as Ne } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as ee } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as rr } from "./contexts/DocumentPasswordContext.js";
 import { useDarkModeContext as or } from "./contexts/DarkModeContext.js";
 import "./contexts/RotationContext.js";
 import { useLayerContext as ir } from "./contexts/LayerContext.js";
 import { useZoomContext as Qe } from "./contexts/ZoomContext.js";
-import { useViewModeContext as Ne } from "./contexts/ViewModeContext.js";
+import { useViewModeContext as Oe } from "./contexts/ViewModeContext.js";
 import { useVirtualScrollContext as et } from "./contexts/VirtualScrollContext.js";
 import { useVirtualGridContext as un } from "./contexts/VirtualGridContext.js";
 import { useSelectionModeContext as ar } from "./contexts/SelectionModeContext.js";
@@ -47,7 +47,7 @@ import { RPDropFileZone as Pr } from "./components/RPDropFileZone.js";
 import { useViewportContext as Pe, ViewportProvider as Tr } from "./contexts/ViewportContext.js";
 import { useThemeContext as Sr } from "./contexts/ThemeContext.js";
 import * as yr from "pdfjs-dist";
-import { PixelsPerInch as xr, AnnotationMode as Ir, RenderingCancelledException as Rr, AnnotationLayer as Lr } from "pdfjs-dist";
+import { PixelsPerInch as Ir, AnnotationMode as xr, RenderingCancelledException as Rr, AnnotationLayer as Lr } from "pdfjs-dist";
 import { SimpleLinkService as Er } from "./utils/link_service.js";
 import { annotationsEvents as Nr, annotationEventsHandler as Or, handleClick as At, handleAnnotationWidget as Dr, handleAnnotationLink as zr, bindLayerEvents as Ar, unbindLayerEvents as Ft } from "./utils/annotations.js";
 import { normalizeSingleKeyword as Fr, sortHighlightPosition as Wr, unwrap as kr } from "./components/page/searchHighlight.js";
@@ -80,7 +80,7 @@ import { DocumentProperties as ho } from "./components/layout/toolbar/DocumentPr
 import { RotateTool as fo } from "./components/layout/toolbar/RotateTool.js";
 import { ViewModeTool as mo } from "./components/layout/toolbar/ViewModeTool.js";
 import { ScrollModeTool as go } from "./components/layout/toolbar/ScrollModeTool.js";
-import { MenuSeparator as xt } from "./components/layout/toolbar/MenuSeparator.js";
+import { MenuSeparator as It } from "./components/layout/toolbar/MenuSeparator.js";
 import { FileDownloadDefaultIcon as vo } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as Ce } from "./components/layout/toolbar/MenuItem.js";
 import { PrintDefaultTool as wo } from "./components/icons/PrintDefaultIcon.js";
@@ -97,59 +97,59 @@ import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { ClearIcon as So } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const wn = () => {
-  const { viewMode: t } = Ne(), { scrollMode: e } = Ee(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: u, heights: d } = Ge(), m = H(e), v = H(t), p = H(c), { targetScrollPage: w } = pn();
+  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: u, heights: d } = Ge(), m = H(e), w = H(t), p = H(c), { targetScrollPage: _ } = pn();
   F(() => {
     n != null && n.scrollToItem && (l.current = n);
   }, [n]), F(() => {
-    m.current = e, v.current = t;
+    m.current = e, w.current = t;
   }, [e, t]);
-  const P = N(
-    (_, y) => {
+  const b = N(
+    (C, y) => {
       if (!r)
         return;
-      const h = Math.ceil(_ / 2) * 2 - 1;
-      if (_ === h + 1) {
+      const f = Math.ceil(C / 2) * 2 - 1;
+      if (C === f + 1) {
         const g = {
-          left: u[h],
+          left: u[f],
           top: 0
         };
         return new Promise(
           (s) => ct(r, g, s)
         );
       }
-      const f = {
+      const h = {
         left: 0,
         top: 0
       };
       return r == null ? void 0 : r.scrollTo({
-        ...f,
+        ...h,
         behavior: y
       });
     },
     [r, u, ct]
   );
   return F(() => {
-    m.current = e, v.current = t;
+    m.current = e, w.current = t;
   }, [e, t]), F(() => {
     p.current = c;
   }, [c]), { scrollToPage: N(
-    (_, y = "smooth") => {
-      a(_);
-      const h = _ - 1;
-      let f = h, g = 0;
-      if (v.current === Re.DUAL_PAGE && m.current === Q.PAGE_SCROLLING) {
-        P(_, y);
+    (C, y = "smooth") => {
+      a(C);
+      const f = C - 1;
+      let h = f, g = 0;
+      if (w.current === Le.DUAL_PAGE && m.current === Q.PAGE_SCROLLING) {
+        b(C, y);
         return;
       }
       if (m.current === Q.PAGE_SCROLLING) {
-        a(_);
+        a(C);
         return;
       }
       if (!l.current || !o)
         return;
       const s = o;
-      if (w.current = _, m.current === Q.HORIZONTAL_SCROLLING) {
-        g = h;
+      if (_.current = C, m.current === Q.HORIZONTAL_SCROLLING) {
+        g = f;
         const T = {
           left: Ae(u, g),
           top: 0
@@ -159,30 +159,30 @@ import './assets/RPDefaultLayout.css';const wn = () => {
           behavior: y
         });
       }
-      if (v.current === Re.DUAL_PAGE) {
-        g = h % 2, f = Math.floor(h / 2);
+      if (w.current === Le.DUAL_PAGE) {
+        g = f % 2, h = Math.floor(f / 2);
         const T = {
           left: Ae(u, g),
-          top: Ae(d, f)
+          top: Ae(d, h)
         };
         return s.scrollTo({
           ...T,
           behavior: y
         });
       }
-      const C = {
+      const P = {
         left: 0,
-        top: Ae(d, f)
+        top: Ae(d, h)
       };
       return s.scrollTo({
-        ...C,
+        ...P,
         behavior: y
       });
     },
     [
       o,
       c,
-      P,
+      b,
       a,
       ct,
       d,
@@ -190,43 +190,43 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     ]
   ) };
 }, yo = (t = 1) => {
-  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ne(), { scrollMode: u } = Ee(), { widths: d } = Ge(), { pagesRef: m } = me(), v = Tt(e, 100), p = N(
-    (f) => {
-      if (!/^[0-9]*$/g.test(f.toString()) || !f)
+  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Oe(), { scrollMode: u } = Ne(), { widths: d } = Ge(), { pagesRef: m } = me(), w = Tt(e, 100), p = N(
+    (h) => {
+      if (!/^[0-9]*$/g.test(h.toString()) || !h)
         return { success: !1, currentPage: l.current };
-      const s = +f;
-      return s < 0 || s > o ? { success: !1, currentPage: l.current } : (n(s), l.current = s, { success: !0, currentPage: +f });
+      const s = +h;
+      return s < 0 || s > o ? { success: !1, currentPage: l.current } : (n(s), l.current = s, { success: !0, currentPage: +h });
     },
     [o]
-  ), w = N(p, [p]), P = N(
-    (f) => {
-      const g = p(f);
+  ), _ = N(p, [p]), b = N(
+    (h) => {
+      const g = p(h);
       return g.success && a(g.currentPage), g;
     },
     [p, a]
-  ), S = N((f) => {
-    const g = f % 2 === 1;
+  ), S = N((h) => {
+    const g = h % 2 === 1;
     if (!m || g)
       return !1;
-    const s = g ? d[f] : d[f - 1], C = g ? d[f + 1] : d[f];
-    return c === Re.DUAL_PAGE && s + C < m.clientWidth;
-  }, [c, d, m, o]), _ = N(() => {
-    let f = e - 1;
-    S(f) && (f = e - 2), P(f);
-  }, [P, e, c, u, S]), y = k(() => c === Re.DUAL_PAGE && u === Q.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, u]), h = N(() => {
+    const s = g ? d[h] : d[h - 1], P = g ? d[h + 1] : d[h];
+    return c === Le.DUAL_PAGE && s + P < m.clientWidth;
+  }, [c, d, m, o]), C = N(() => {
+    let h = e - 1;
+    S(h) && (h = e - 2), b(h);
+  }, [b, e, c, u, S]), y = k(() => c === Le.DUAL_PAGE && u === Q.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, u]), f = N(() => {
     if (y)
       return;
-    let f = e + 1;
-    S(f) && (f = e + 2), P(f);
-  }, [P, e, S, c, u, y]);
+    let h = e + 1;
+    S(h) && (h = e + 2), b(h);
+  }, [b, e, S, c, u, y]);
   return {
-    focusedPage: v,
+    focusedPage: w,
     totalPages: o,
-    setFocusedPage: w,
+    setFocusedPage: _,
     setTotalPages: r,
-    nextPage: h,
-    prevPage: _,
-    goToPage: P
+    nextPage: f,
+    prevPage: C,
+    goToPage: b
   };
 }, _n = Ye({
   focusedPage: 0,
@@ -243,7 +243,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
 }), ie = () => {
   const t = Je(_n);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && Kr.error("Please use this hooks inside children component of RPProvider"), t;
-}, Us = ({ children: t }) => {
+}, Vs = ({ children: t }) => {
   const { pdf: e } = ee(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: l, nextPage: c, prevPage: u } = yo();
   return F(() => {
     e != null && e.numPages && (a(e.numPages), r(1));
@@ -263,7 +263,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     }
   );
 };
-const xo = () => {
+const Io = () => {
   const { pdf: t, pages: e } = ee(), [n, o] = $({
     loadedPages: 0,
     totalPages: 0,
@@ -272,24 +272,24 @@ const xo = () => {
   F(() => {
     m.current;
   }, [m]);
-  const v = N(() => {
+  const w = N(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
-    const f = document.querySelector(".rp-print-zone");
-    f && f.remove();
+    const h = document.querySelector(".rp-print-zone");
+    h && h.remove();
   }, []), p = N(() => {
     m.current = !1, a(!1), c(!1), d(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
-  }, []), w = () => {
+  }, []), _ = () => {
     m.current = !0;
-  }, P = async ({
-    scratchCanvas: f,
+  }, b = async ({
+    scratchCanvas: h,
     pdfDocument: g,
     pageNumber: s,
-    viewerPdfPage: C,
-    printResolution: b,
+    viewerPdfPage: P,
+    printResolution: v,
     optionalContentConfigPromise: T,
     printAnnotationStoragePromise: E
   }) => {
@@ -297,11 +297,11 @@ const xo = () => {
       p();
       return;
     }
-    const x = b / xr.PDF;
-    f.width = Math.floor(C.width * x), f.height = Math.floor(C.height * x);
-    const R = f.getContext("2d");
-    R.save(), R.fillStyle = "rgb(255, 255, 255)", R.fillRect(0, 0, f.width, f.height), R.restore();
-    const [D, z] = await Promise.all([
+    const I = v / Ir.PDF;
+    h.width = Math.floor(P.width * I), h.height = Math.floor(P.height * I);
+    const R = h.getContext("2d");
+    R.save(), R.fillStyle = "rgb(255, 255, 255)", R.fillRect(0, 0, h.width, h.height), R.restore();
+    const [O, z] = await Promise.all([
       g.getPage(s),
       E
     ]);
@@ -311,87 +311,87 @@ const xo = () => {
     }
     const A = {
       canvasContext: R,
-      transform: [x, 0, 0, x, 0, 0],
-      viewport: D.getViewport({ scale: 1, rotation: C.rotation }),
+      transform: [I, 0, 0, I, 0, 0],
+      viewport: O.getViewport({ scale: 1, rotation: P.rotation }),
       intent: "print",
-      annotationMode: Ir.ENABLE_STORAGE,
+      annotationMode: xr.ENABLE_STORAGE,
       optionalContentConfigPromise: T,
       printAnnotationStorage: z
     };
     try {
-      return D.render(A).promise;
+      return O.render(A).promise;
     } catch (L) {
       throw L instanceof Rr || console.error(L), L;
     }
   }, S = N(() => {
-    const f = window.print;
+    const h = window.print;
     return new Promise((g) => {
       const s = (T) => {
         setTimeout(() => {
-          f.call(window), setTimeout(() => T(), 20);
+          h.call(window), setTimeout(() => T(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
         s(g);
         return;
       }
-      const b = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (s(g), b.disconnect());
+      const v = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (s(g), v.disconnect());
       });
-      b.observe(document.body, { childList: !0, subtree: !0 });
+      v.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), _ = async (f) => {
+  }, []), C = async (h) => {
     const g = document.createElement("img"), s = document.createElement("div");
-    return s.classList.add("rp-print-page"), await new Promise((C, b) => {
-      f.toBlob((T) => {
+    return s.classList.add("rp-print-page"), await new Promise((P, v) => {
+      h.toBlob((T) => {
         T ? (g.src = URL.createObjectURL(T), g.onload = () => {
-          URL.revokeObjectURL(g.src), C();
-        }, g.onerror = b) : b(new Error("Failed to create blob"));
+          URL.revokeObjectURL(g.src), P();
+        }, g.onerror = v) : v(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), s.appendChild(g), s;
-  }, y = (f, g) => {
+  }, y = (h, g) => {
     const s = document.createElement("div");
     s.classList.add("rp-print-zone");
-    const C = document.createElement("style"), b = g.get(1);
-    if (b) {
-      const { width: T, height: E } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
-      C.innerHTML = `@page { size: ${T}px ${E}px }`;
+    const P = document.createElement("style"), v = g.get(1);
+    if (v) {
+      const { width: T, height: E } = v == null ? void 0 : v.page.getViewport({ scale: 1 });
+      P.innerHTML = `@page { size: ${T}px ${E}px }`;
     }
-    return s.appendChild(C), s.append(...f), s;
-  }, h = N(async () => {
+    return s.appendChild(P), s.append(...h), s;
+  }, f = N(async () => {
     if (!t)
       return;
     p();
-    const f = document.createElement("canvas"), g = [];
+    const h = 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(
+      const P = t.getOptionalContentConfig({ intent: "print" }), v = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), T = e.size;
-      for (const [x, R] of e) {
+      for (const [I, R] of e) {
         if (m.current) {
           p();
           return;
         }
-        const D = R.page.getViewport({ scale: 1 });
-        if (await P({
-          scratchCanvas: f,
+        const O = R.page.getViewport({ scale: 1 });
+        if (await b({
+          scratchCanvas: h,
           pdfDocument: t,
-          pageNumber: x,
-          viewerPdfPage: D,
+          pageNumber: I,
+          viewerPdfPage: O,
           printResolution: 150,
-          optionalContentConfigPromise: C,
-          printAnnotationStoragePromise: b
+          optionalContentConfigPromise: P,
+          printAnnotationStoragePromise: v
         }), m.current) {
           p();
           return;
         }
-        const z = await _(f);
+        const z = await C(h);
         g.push(z);
         const A = parseFloat((g.length / T * 100).toFixed(2));
         o({
-          loadedPages: x,
+          loadedPages: I,
           totalPages: T,
           percentage: A
         });
@@ -405,19 +405,19 @@ const xo = () => {
     } catch (s) {
       c(!0), s instanceof Error && d(s);
     } finally {
-      f.height = 0, f.width = 0;
+      h.height = 0, h.width = 0;
     }
   }, [t, e, m]);
   return F(() => {
-    const f = () => {
-      p(), v();
+    const h = () => {
+      p(), w();
     };
-    return window.addEventListener("afterprint", f, !0), () => {
-      window.removeEventListener("afterprint", f, !0);
+    return window.addEventListener("afterprint", h, !0), () => {
+      window.removeEventListener("afterprint", h, !0);
     };
-  }, [v, p]), {
-    print: h,
-    cancel: w,
+  }, [w, p]), {
+    print: f,
+    cancel: _,
     progress: n,
     isComplete: r,
     isError: l,
@@ -440,33 +440,33 @@ const xo = () => {
       console.error("Error in setOnError callback:", e);
     }
   }
-}), Vs = ({ children: t }) => {
-  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: u, isError: d, error: m } = xo(), v = N((_) => {
-    _ && typeof _ == "function" && r(() => _);
-  }, []), p = (_) => {
-    m && _(m);
-  }, w = N(
-    (_) => {
-      n(() => _);
+}), qs = ({ children: t }) => {
+  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: u, isError: d, error: m } = Io(), w = N((C) => {
+    C && typeof C == "function" && r(() => C);
+  }, []), p = (C) => {
+    m && C(m);
+  }, _ = N(
+    (C) => {
+      n(() => C);
     },
     [c, e]
   );
   F(() => {
-    u && o && P();
+    u && o && b();
   }, [u, o]), F(() => {
-    d && p((_) => {
-      console.error(_);
+    d && p((C) => {
+      console.error(C);
     });
   }, [d]), F(() => {
     c && e && e(c);
   }, [c, e]);
-  const P = () => {
+  const b = () => {
     o && (o(), r(null));
   }, S = {
     print: a,
     cancel: l,
-    setOnProgress: w,
-    setOnComplete: v,
+    setOnProgress: _,
+    setOnComplete: w,
     setOnError: p,
     progress: c
   };
@@ -476,44 +476,44 @@ const xo = () => {
   if (!t)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return t;
-}, Io = () => {
+}, xo = () => {
   const [t, e] = $({}), { pages: n } = ee(), o = k(() => Object.keys(t).length, [t]), r = N(
     (l) => {
       if (!n.size)
         return;
-      const c = l > n.size ? n.size : l, u = Array.from(n.values()).slice(0, c).map((v) => {
-        const { thumbnailViewport: p, scale: w } = Wt(v.page, v.defaultRotation);
+      const c = l > n.size ? n.size : l, u = Array.from(n.values()).slice(0, c).map((w) => {
+        const { thumbnailViewport: p, scale: _ } = Wt(w.page, w.defaultRotation);
         return {
-          scale: w,
-          page: v.page,
+          scale: _,
+          page: w.page,
           loading: !0,
           viewport: p,
-          defaultRotation: v.defaultRotation
+          defaultRotation: w.defaultRotation
         };
-      }), d = u.reduce((v, p) => (v[p.page.pageNumber] = p, v), {});
+      }), d = u.reduce((w, p) => (w[p.page.pageNumber] = p, w), {});
       e(d);
       const m = [];
-      for (const v of u) {
-        const p = document.createElement("canvas"), w = wt(v.page, p, {
-          scale: v.scale,
-          rotate: v.defaultRotation
+      for (const w of u) {
+        const p = document.createElement("canvas"), _ = wt(w.page, p, {
+          scale: w.scale,
+          rotate: w.defaultRotation
         }).promise.then(() => {
-          const P = p.toDataURL();
+          const b = p.toDataURL();
           return {
-            ...v,
-            thumbnailSrc: P,
+            ...w,
+            thumbnailSrc: b,
             loading: !1,
-            defaultRotation: v.defaultRotation
+            defaultRotation: w.defaultRotation
           };
         });
-        m.push(w);
+        m.push(_);
       }
-      Promise.all(m).then((v) => {
-        const p = v.reduce(
-          (w, P) => (w[P.page.pageNumber] = P, w),
+      Promise.all(m).then((w) => {
+        const p = w.reduce(
+          (_, b) => (_[b.page.pageNumber] = b, _),
           {}
         );
-        e((w) => ({ ...w, ...p }));
+        e((_) => ({ ..._, ...p }));
       }).catch(() => {
       });
     },
@@ -544,9 +544,9 @@ const xo = () => {
         scale: c.thumbnailScale,
         rotate: c.defaultRotation
       }).promise.then(() => {
-        const d = u.toDataURL(), { thumbnailViewport: m, scale: v } = Wt(c.page);
+        const d = u.toDataURL(), { thumbnailViewport: m, scale: w } = Wt(c.page);
         return {
-          scale: v,
+          scale: w,
           thumbnailSrc: d,
           page: c.page,
           loading: !1,
@@ -570,11 +570,11 @@ const xo = () => {
   setActive: (t) => {
   },
   active: !1
-}), Pn = () => Je(Cn), qs = ({
+}), Pn = () => Je(Cn), Bs = ({
   children: t,
   initialThumbnailsVisible: e
 }) => {
-  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = Io(), [l, c] = $(e);
+  const { thumbnailPages: n, addPage: o, addToPage: r, thumbnailLength: a } = xo(), [l, c] = $(e);
   return /* @__PURE__ */ i(
     Cn.Provider,
     {
@@ -583,35 +583,35 @@ const xo = () => {
     }
   );
 }, Ro = (t = {}, e = "") => {
-  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = ee(), { widths: u, heights: d } = Ge(), m = H(!n), { currentZoom: v } = Qe(), [p, w] = $([]), { setFocusedPage: P } = ie(), { columnCount: S } = Ne(), { pageRotate: _ } = Ue(), [y, h] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Ee(), { pagesRef: C } = me(), [b, T] = $(null), E = H({}), x = k(() => y === 0 ? null : p[y - 1], [y, p]), R = k(() => p.length, [p]);
+  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = ee(), { widths: u, heights: d } = Ge(), m = H(!n), { currentZoom: w } = Qe(), [p, _] = $([]), { setFocusedPage: b } = ie(), { columnCount: S } = Oe(), { pageRotate: C } = Ue(), [y, f] = $(0), { pageScrollElementRef: h, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Ne(), { pagesRef: P } = me(), [v, T] = $(null), E = H({}), I = k(() => y === 0 ? null : p[y - 1], [y, p]), R = k(() => p.length, [p]);
   F(() => {
-    if (!x || !c)
+    if (!I || !c)
       return;
-    const L = g || f;
-    if (!L || !C)
+    const L = g || h;
+    if (!L || !P)
       return;
-    const I = c.get(x.page);
-    if (s === Q.PAGE_SCROLLING && P(x.page), !I)
+    const x = c.get(I.page);
+    if (s === Q.PAGE_SCROLLING && b(I.page), !x)
       return;
-    let O = 0, M = 0;
+    let D = 0, M = 0;
     if (s === Q.VERTICAL_SCROLLING) {
-      const le = x.page - 1, Y = S, Fe = le % Y, we = Math.floor(le / Y);
-      O = Ae(d, we), M = Ae(u, Fe);
+      const le = I.page - 1, Y = S, Fe = le % Y, we = Math.floor(le / Y);
+      D = Ae(d, we), M = Ae(u, Fe);
     }
-    s === Q.HORIZONTAL_SCROLLING && (M = u.slice(0, x.page - 1).reduce((le, Y) => le + Y, 0));
+    s === Q.HORIZONTAL_SCROLLING && (M = u.slice(0, I.page - 1).reduce((le, Y) => le + Y, 0));
     const G = {
-      height: d[x.page - 1],
-      width: u[x.page - 1]
+      height: d[I.page - 1],
+      width: u[I.page - 1]
     }, Z = {
       top: G.height / 2,
       left: G.width / 2
-    }, j = _[x.page], { leftInPage: q, topInPage: te } = jr(
+    }, j = C[I.page], { leftInPage: q, topInPage: te } = jr(
       G,
       Z,
-      x.rect,
-      v,
+      I.rect,
+      w,
       j
-    ), X = M + q, ce = O + te, ve = {
+    ), X = M + q, ce = D + te, ve = {
       left: Math.max(X, 0),
       top: Math.max(ce, 0)
     };
@@ -621,39 +621,39 @@ const xo = () => {
     });
   }, [
     c,
-    P,
+    b,
     u,
     d,
-    x,
+    I,
     s,
     g,
-    f,
-    C
+    h,
+    P
   ]);
-  const D = N(() => {
-    h((L) => R ? L + 1 > R ? 1 : L + 1 : 0);
+  const O = N(() => {
+    f((L) => R ? L + 1 > R ? 1 : L + 1 : 0);
   }, [R]), z = N(() => {
-    h((L) => R ? L - 1 <= 0 ? R : L - 1 : 0);
+    f((L) => R ? L - 1 <= 0 ? R : L - 1 : 0);
   }, [R]), A = N(async (L) => {
     if (!L)
       return {};
-    const I = L.numPages, O = {};
-    for (let M = 1; M <= I; M++) {
+    const x = L.numPages, D = {};
+    for (let M = 1; M <= x; M++) {
       if (m.current)
         throw "close pop over";
       const G = await L.getPage(M);
-      O[M.toString()] = await G.getTextContent();
+      D[M.toString()] = await G.getTextContent();
     }
-    return O;
+    return D;
   }, []);
   return F(() => {
     if (!n) {
-      m.current = !0, w([]), h(0);
+      m.current = !0, _([]), f(0);
       return;
     }
-    m.current = !1, a(!0), w([]), h(0), A(l).then((L) => {
+    m.current = !1, a(!0), _([]), f(0), A(l).then((L) => {
       E.current = L;
-      const O = Object.keys(L).reduce((M, G) => {
+      const D = Object.keys(L).reduce((M, G) => {
         const Z = lr(
           [n],
           L[G],
@@ -662,9 +662,9 @@ const xo = () => {
         ).map((j, q) => ({ ...j, page: Number(G), pageMatchIdx: q }));
         return [...M, ...Z];
       }, []);
-      w(O), h(O.length ? 1 : 0);
+      _(D), f(D.length ? 1 : 0);
     }).catch(() => {
-      w([]), h(0);
+      _([]), f(0);
     }).finally(() => a(!1));
   }, [n, A, l, t]), {
     search: n,
@@ -673,10 +673,10 @@ const xo = () => {
     matches: p,
     totalMatches: R,
     currentMatchPosition: y,
-    currentMatch: x,
-    nextMatch: D,
+    currentMatch: I,
+    nextMatch: O,
     prevMatch: z,
-    currentMatchElement: b,
+    currentMatchElement: v,
     setCurrentMatchElement: T
   };
 }, Tn = Ye({
@@ -697,7 +697,7 @@ const xo = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (t) => {
   }
-}), Bs = ({
+}), Zs = ({
   children: t,
   initialSearch: e
 }) => {
@@ -709,10 +709,10 @@ const xo = () => {
     currentMatch: u,
     search: d,
     matches: m,
-    nextMatch: v,
+    nextMatch: w,
     prevMatch: p,
-    currentMatchElement: w,
-    setCurrentMatchElement: P
+    currentMatchElement: _,
+    setCurrentMatchElement: b
   } = Ro(n, e);
   return /* @__PURE__ */ i(
     Tn.Provider,
@@ -725,17 +725,17 @@ const xo = () => {
         totalMatches: l,
         currentMatchPosition: c,
         currentMatch: u,
-        nextMatch: v,
+        nextMatch: w,
         prevMatch: p,
         search: d,
         matches: m,
-        currentMatchElement: w,
-        setCurrentMatchElement: P
+        currentMatchElement: _,
+        setCurrentMatchElement: b
       },
       children: t
     }
   );
-}, It = () => Je(Tn), de = {
+}, xt = () => Je(Tn), de = {
   "rp-pages": "_rp-pages_17t6t_1",
   "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_17t6t_7",
   "rp-pages-container": "_rp-pages-container_17t6t_11",
@@ -757,8 +757,8 @@ const xo = () => {
     if (r.current && d) {
       const m = r.current;
       m.hidden = !0;
-      const v = c.current;
-      v && v.cancel(), o && o(), c.current = wt(d.page, m, {
+      const w = c.current;
+      w && w.cancel(), o && o(), c.current = wt(d.page, m, {
         scale: u,
         rotate: l[e],
         renderForms: !0
@@ -779,27 +779,27 @@ const xo = () => {
   selecting: Eo,
   "rp-text-layer-text": "_rp-text-layer-text_usdup_39"
 }, No = (t) => {
-  const { pageNumber: e } = t, { pages: n } = ee(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = It(), [c, u] = $(
+  const { pageNumber: e } = t, { pages: n } = ee(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = xt(), [c, u] = $(
     []
-  ), d = H(), m = H(), v = H([]), p = k(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), w = N(
-    (f, g, s = !1) => {
-      if (s && dr(f, g), !p.length) {
-        v.current = [], u([]);
+  ), d = H(), m = H(), w = H([]), p = k(() => r.filter((h) => h.pageIndex === e - 1), [r, e]), _ = N(
+    (h, g, s = !1) => {
+      if (s && dr(h, g), !p.length) {
+        w.current = [], u([]);
         return;
       }
-      const C = ur(p, f, g);
-      u(C);
+      const P = ur(p, h, g);
+      u(P);
     },
     [p]
-  ), P = H(), S = H(!1), _ = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), b = H(), S = H(!1), C = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   F(() => ((() => {
-    if (P.current)
+    if (b.current)
       return;
-    P.current = new AbortController();
-    const { signal: g } = P.current, s = () => {
-      _().forEach((b) => {
-        const T = b.querySelector(".endOfContent");
-        T && (b.appendChild(T), T.style.width = "", T.style.height = "", b.classList.remove(pe.selecting));
+    b.current = new AbortController();
+    const { signal: g } = b.current, s = () => {
+      C().forEach((v) => {
+        const T = v.querySelector(".endOfContent");
+        T && (v.appendChild(T), T.style.width = "", T.style.height = "", v.classList.remove(pe.selecting));
       });
     };
     document.addEventListener(
@@ -827,87 +827,87 @@ const xo = () => {
       },
       { signal: g }
     );
-    let C = null;
+    let P = null;
     document.addEventListener(
       "selectionchange",
       () => {
         var A, L;
-        const b = document.getSelection();
-        if (!b)
+        const v = document.getSelection();
+        if (!v)
           return;
-        if (b.rangeCount === 0) {
+        if (v.rangeCount === 0) {
           s();
           return;
         }
         const T = /* @__PURE__ */ new Set();
-        for (let I = 0; I < b.rangeCount; I++) {
-          const O = b.getRangeAt(I);
-          _().forEach((M) => {
-            O.intersectsNode(M) && !T.has(M) && T.add(M);
+        for (let x = 0; x < v.rangeCount; x++) {
+          const D = v.getRangeAt(x);
+          C().forEach((M) => {
+            D.intersectsNode(M) && !T.has(M) && T.add(M);
           });
         }
-        _().forEach((I) => {
-          if (T.has(I))
-            I.classList.add(pe.selecting);
+        C().forEach((x) => {
+          if (T.has(x))
+            x.classList.add(pe.selecting);
           else {
-            const O = I.querySelector(".endOfContent");
-            O && (I.appendChild(O), O.style.width = "", O.style.height = "", I.classList.remove(pe.selecting));
+            const D = x.querySelector(".endOfContent");
+            D && (x.appendChild(D), D.style.width = "", D.style.height = "", x.classList.remove(pe.selecting));
           }
         });
-        const E = b.getRangeAt(0);
-        let R = C && (E.compareBoundaryPoints(Range.END_TO_END, C) === 0 || E.compareBoundaryPoints(Range.START_TO_END, C) === 0) ? E.startContainer : E.endContainer;
+        const E = v.getRangeAt(0);
+        let R = P && (E.compareBoundaryPoints(Range.END_TO_END, P) === 0 || E.compareBoundaryPoints(Range.START_TO_END, P) === 0) ? E.startContainer : E.endContainer;
         R.nodeType === Node.TEXT_NODE && (R = R.parentNode);
-        const D = (A = R.parentElement) == null ? void 0 : A.closest(
+        const O = (A = R.parentElement) == null ? void 0 : A.closest(
           pe["rp-text-layer"]
-        ), z = D == null ? void 0 : D.querySelector(".endOfContent");
-        z && D && (z.style.width = D.style.width, z.style.height = D.style.height, (L = R.parentElement) == null || L.insertBefore(z, R.nextSibling)), C = E.cloneRange();
+        ), z = O == null ? void 0 : O.querySelector(".endOfContent");
+        z && O && (z.style.width = O.style.width, z.style.height = O.style.height, (L = R.parentElement) == null || L.insertBefore(z, R.nextSibling)), P = E.cloneRange();
       },
       { signal: g }
     );
   })(), () => {
     var g;
-    (g = P.current) == null || g.abort(), P.current = void 0;
-  }), [_]);
+    (g = b.current) == null || g.abort(), b.current = void 0;
+  }), [C]);
   const y = N(() => {
     o.current && o.current.classList.add(pe.selecting);
-  }, []), h = N(() => {
+  }, []), f = N(() => {
     o.current && o.current.classList.remove(pe.selecting);
   }, []);
   return F(() => {
-    if (v.current.forEach((s) => {
+    if (w.current.forEach((s) => {
       s.classList.remove("selected");
     }), !c.length || !a || a.pageIndex !== e - 1)
       return;
-    const f = p.findIndex(
+    const h = p.findIndex(
       (s) => JSON.stringify(s) === JSON.stringify(a)
     );
-    if (f === -1)
+    if (h === -1)
       return;
-    const g = c.filter((s) => s.index === f);
-    g.length && (v.current = g.map((s) => s.element), l(g[0].element), g.forEach((s) => {
+    const g = c.filter((s) => s.index === h);
+    g.length && (w.current = g.map((s) => s.element), l(g[0].element), g.forEach((s) => {
       s.element.classList.add("selected");
     }));
   }, [a, c, p]), F(() => {
-    const f = n.get(e);
-    if (!f || !o.current)
+    const h = n.get(e);
+    if (!h || !o.current)
       return;
     const g = o.current;
-    return d.current && d.current.cancel(), f.page.getTextContent().then((s) => {
-      const C = f.page.getViewport({ scale: 1 });
+    return d.current && d.current.cancel(), h.page.getTextContent().then((s) => {
+      const P = h.page.getViewport({ scale: 1 });
       return d.current = new yr.TextLayer({
-        viewport: C,
+        viewport: P,
         textContentSource: s,
         container: g
       }), m.current = s, g && (g.innerText = ""), d.current.render();
     }).then(() => {
       var T, E;
-      [].slice.call(g.children).forEach((x) => {
-        x.classList.add(pe["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
+      [].slice.call(g.children).forEach((I) => {
+        I.classList.add(pe["rp-text-layer-text"]), I.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const C = (T = d.current) == null ? void 0 : T.textDivs;
-      C && m.current && w(m.current, C);
-      const b = document.createElement("div");
-      b.className = "endOfContent", (E = o.current) == null || E.appendChild(b);
+      const P = (T = d.current) == null ? void 0 : T.textDivs;
+      P && m.current && _(m.current, P);
+      const v = document.createElement("div");
+      v.className = "endOfContent", (E = o.current) == null || E.appendChild(v);
     }).catch(() => {
     }), () => {
       var s;
@@ -915,19 +915,19 @@ const xo = () => {
     };
   }, [n, e]), F(() => {
     var s;
-    [].slice.call(o.current.children).forEach((C) => {
-      C.classList.add(pe["rp-text-layer-text"]);
+    [].slice.call(o.current.children).forEach((P) => {
+      P.classList.add(pe["rp-text-layer-text"]);
     });
     const g = (s = d.current) == null ? void 0 : s.textDivs;
-    g && m.current && w(m.current, g, !0);
-  }, [w]), /* @__PURE__ */ i(
+    g && m.current && _(m.current, g, !0);
+  }, [_]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-textLayer`,
       className: pe["rp-text-layer"],
       ref: o,
       onMouseDown: y,
-      onMouseUp: h
+      onMouseUp: f
     }
   );
 }, Oo = {
@@ -935,30 +935,30 @@ const xo = () => {
 };
 let Do = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const zo = (t) => {
-  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = ee(), a = H(), [l, c] = $(), { setFocusedPage: u, goToPage: d } = ie(), { scrollMode: m } = Ee(), { print: v } = tt(), { download: p } = Gn(), w = k(() => o.get(e), [o, e]), P = k(() => w == null ? void 0 : w.page.getViewport(), [w]);
+  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = ee(), a = H(), [l, c] = $(), { setFocusedPage: u, goToPage: d } = ie(), { scrollMode: m } = Ne(), { print: w } = tt(), { download: p } = Gn(), _ = k(() => o.get(e), [o, e]), b = k(() => _ == null ? void 0 : _.page.getViewport(), [_]);
   F(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), F(() => {
-    w && w.page.getAnnotations().then((_) => {
-      a.current = void 0, c(_), n.current && (n.current.innerText = "");
+    _ && _.page.getAnnotations().then((C) => {
+      a.current = void 0, c(C), n.current && (n.current.innerText = "");
     });
-  }, [w]);
+  }, [_]);
   const S = N(
-    (_) => {
-      !l || !r || (Nr(_), Or(_, r, l).then((y) => {
-        var h, f;
-        ((h = y == null ? void 0 : y.data) == null ? void 0 : h.action) === "Print" ? v() : ((f = y == null ? void 0 : y.data) == null ? void 0 : f.action) === "SaveAs" && p();
-      }), m === Q.PAGE_SCROLLING ? At(_, l, r, (y) => u(y.pageIndex + 1)) : At(_, l, r, (y) => d(y.pageIndex + 1)));
+    (C) => {
+      !l || !r || (Nr(C), Or(C, r, l).then((y) => {
+        var f, h;
+        ((f = y == null ? void 0 : y.data) == null ? void 0 : f.action) === "Print" ? w() : ((h = y == null ? void 0 : y.data) == null ? void 0 : h.action) === "SaveAs" && p();
+      }), m === Q.PAGE_SCROLLING ? At(C, l, r, (y) => u(y.pageIndex + 1)) : At(C, l, r, (y) => d(y.pageIndex + 1)));
     },
-    [r, l, d, u, m, v, p]
+    [r, l, d, u, m, w, p]
   );
   return F(() => {
-    if (!w || !l)
+    if (!_ || !l)
       return;
-    const _ = w.page.getViewport();
+    const C = _.page.getViewport();
     if (a.current) {
       a.current.update({
-        viewport: _.clone({ dontFlip: !0 })
+        viewport: C.clone({ dontFlip: !0 })
       });
       return;
     }
@@ -970,33 +970,33 @@ const zo = (t) => {
           zr(g);
           break;
         case zt.Widget:
-          Dr(g, _, y);
+          Dr(g, C, y);
           break;
       }
     }
-    const h = new AbortController();
+    const f = new AbortController();
     return (async () => {
-      var C;
+      var P;
       a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Lr({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: w.page,
-        viewport: _.clone({ dontFlip: !0 })
+        page: _.page,
+        viewport: C.clone({ dontFlip: !0 })
       }), n.current && Ft(n.current, S);
       const g = await (r == null ? void 0 : r.hasJSActions()), s = await (r == null ? void 0 : r.getFieldObjects());
-      if (h.signal.aborted)
+      if (f.signal.aborted)
         throw "abort";
-      return (C = a.current) == null ? void 0 : C.render({
+      return (P = a.current) == null ? void 0 : P.render({
         annotations: l,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: g,
         fieldObjects: s,
         div: n.current,
-        viewport: _.clone({ dontFlip: !0 }),
-        page: w.page,
+        viewport: C.clone({ dontFlip: !0 }),
+        page: _.page,
         imageResourcesPath: Do,
         renderForms: !0,
         linkService: new Er(),
@@ -1009,13 +1009,13 @@ const zo = (t) => {
       if (g !== "abort")
         throw g;
     }), () => {
-      h.abort("clear"), n.current && Ft(n.current, S);
+      f.abort("clear"), n.current && Ft(n.current, S);
     };
   }, [r, l, S]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${P == null ? void 0 : P.width}px`, height: `${P == null ? void 0 : P.height}px` },
+      style: { width: `${b == null ? void 0 : b.width}px`, height: `${b == null ? void 0 : b.height}px` },
       className: Oo["rp-annotation-layer"],
       ref: n
     }
@@ -1023,92 +1023,92 @@ const zo = (t) => {
 }, Ao = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, Fo = ({ pageNumber: t, viewport: e }) => {
-  const [n, o] = $(), { pages: r } = ee(), { highlightKeywords: a } = hr(), l = !0, c = H(null), [u, d] = $(null), [m, v] = $([]);
+  const [n, o] = $(), { pages: r } = ee(), { highlightKeywords: a } = hr(), l = !0, c = H(null), [u, d] = $(null), [m, w] = $([]);
   F(() => {
     c.current && d(c.current.parentElement);
   }, [c]), F(() => {
     (async () => {
-      const f = r.get(t);
-      if (!f || !c.current)
+      const h = r.get(t);
+      if (!h || !c.current)
         return;
-      const g = await f.page.getTextContent();
+      const g = await h.page.getTextContent();
       o(g);
     })();
   }, [r, t]);
-  const p = k(() => a ? a.map((h) => {
-    var f, g;
+  const p = k(() => a ? a.map((f) => {
+    var h, g;
     return {
-      ...Fr(h.keyword, (f = h.options) == null ? void 0 : f.matchCase, (g = h.options) == null ? void 0 : g.wholeWords),
-      color: h.highlightColor
+      ...Fr(f.keyword, (h = f.options) == null ? void 0 : h.matchCase, (g = f.options) == null ? void 0 : g.wholeWords),
+      color: f.highlightColor
     };
   }) : [], [a]);
-  function w(h, f) {
-    if (!h)
+  function _(f, h) {
+    if (!f)
       return;
-    const g = `[data-rp="page-${f}-textLayer"]`;
+    const g = `[data-rp="page-${h}-textLayer"]`;
     return new Promise((s) => {
-      const C = h.querySelector(g);
-      if (C) {
-        s(C);
+      const P = f.querySelector(g);
+      if (P) {
+        s(P);
         return;
       }
       new MutationObserver((T, E) => {
-        const x = h.querySelector(g);
-        x && (s(x), E.disconnect());
-      }).observe(h, { childList: !0, subtree: !0 });
+        const I = f.querySelector(g);
+        I && (s(I), E.disconnect());
+      }).observe(f, { childList: !0, subtree: !0 });
     });
   }
-  function P(h) {
-    return new Promise((f) => {
-      const g = h.querySelectorAll(
+  function b(f) {
+    return new Promise((h) => {
+      const g = f.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
       );
       if (g.length) {
-        f(Array.from(g));
+        h(Array.from(g));
         return;
       }
-      new MutationObserver((C, b) => {
-        const T = h.querySelectorAll(
+      new MutationObserver((P, v) => {
+        const T = f.querySelectorAll(
           ".rp-text-layer-text"
         );
-        T.length && (f(Array.from(T)), b.disconnect());
-      }).observe(h, { childList: !0, subtree: !0 });
+        T.length && (h(Array.from(T)), v.disconnect());
+      }).observe(f, { childList: !0, subtree: !0 });
     });
   }
-  const S = (h, f, g, s) => {
+  const S = (f, h, g, s) => {
     var Z;
-    const C = document.createRange(), b = g.firstChild;
-    if (!b || b.nodeType !== Node.TEXT_NODE)
+    const P = document.createRange(), v = g.firstChild;
+    if (!v || v.nodeType !== Node.TEXT_NODE)
       return null;
-    const T = ((Z = b.textContent) == null ? void 0 : Z.length) ?? 0, E = s[0].charIdxInSpan, x = s.length === 1 ? E : s[s.length - 1].charIdxInSpan;
-    if (E > T || x + 1 > T)
+    const T = ((Z = v.textContent) == null ? void 0 : Z.length) ?? 0, E = s[0].charIdxInSpan, I = s.length === 1 ? E : s[s.length - 1].charIdxInSpan;
+    if (E > T || I + 1 > T)
       return null;
-    C.setStart(b, E), C.setEnd(b, x + 1);
+    P.setStart(v, E), P.setEnd(v, I + 1);
     const R = document.createElement("span");
-    R.style.width = "auto", C.surroundContents(R);
-    const D = R.getBoundingClientRect(), z = h.getBoundingClientRect(), A = z.height, L = z.width, I = 100 * (D.left - z.left) / L, O = 100 * (D.top - z.top) / A, M = 100 * D.height / A, G = 100 * D.width / L;
+    R.style.width = "auto", P.surroundContents(R);
+    const O = R.getBoundingClientRect(), z = f.getBoundingClientRect(), A = z.height, L = z.width, x = 100 * (O.left - z.left) / L, D = 100 * (O.top - z.top) / A, M = 100 * O.height / A, G = 100 * O.width / L;
     return kr(R), {
-      keywordStr: f,
-      left: I,
-      top: O,
+      keywordStr: h,
+      left: x,
+      top: D,
       height: M,
       width: G,
       pageHeight: A,
       pageWidth: L
     };
   };
-  async function _(h, f) {
-    const g = await w(u, h);
+  async function C(f, h) {
+    const g = await _(u, f);
     if (!g)
       return;
-    const s = await P(g);
+    const s = await b(g);
     if (s.length) {
-      const C = s.map((T) => T.tagName === "BR" ? " " : T.textContent).reduce(
-        (T, E, x) => T.concat(
-          E.split("").map((R, D) => ({
+      const P = s.map((T) => T.tagName === "BR" ? " " : T.textContent).reduce(
+        (T, E, I) => T.concat(
+          E.split("").map((R, O) => ({
             char: R,
-            charIdxInSpan: D,
-            spanIdx: x
+            charIdxInSpan: O,
+            spanIdx: I
           }))
         ),
         [
@@ -1118,29 +1118,29 @@ const zo = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), b = y(g, f, s, C);
-      v(b);
+      ).slice(1), v = y(g, h, s, P);
+      w(v);
     }
   }
-  const y = (h, f, g, s) => {
-    const C = f.length;
-    if (!s.length || !C)
+  const y = (f, h, g, s) => {
+    const P = h.length;
+    if (!s.length || !P)
       return [];
-    const b = [], T = s.map((E) => E.char).join("");
+    const v = [], T = s.map((E) => E.char).join("");
     return p.forEach((E) => {
-      const { keyword: x, regExp: R, wholeWords: D, color: z } = E, A = x;
+      const { keyword: I, regExp: R, wholeWords: O, color: z } = E, A = I;
       if (!A.trim())
         return;
       const L = R.flags.indexOf("g") === -1 ? new RegExp(R, `${R.flags}g`) : R;
-      let I;
-      const O = [];
-      for (; (I = L.exec(T)) !== null; )
-        D && !pr(T, I.index, I[0].length) || O.push({
+      let x;
+      const D = [];
+      for (; (x = L.exec(T)) !== null; )
+        O && !pr(T, x.index, x[0].length) || D.push({
           keyword: L,
-          startIndex: I.index,
+          startIndex: x.index,
           endIndex: L.lastIndex
         });
-      const M = O.map((G) => ({
+      const M = D.map((G) => ({
         keyword: G.keyword,
         indexes: s.slice(G.startIndex, G.endIndex),
         color: z
@@ -1153,46 +1153,46 @@ const zo = (t) => {
         for (const j of Object.values(Z))
           if (j.length !== 1 || j[0].char.trim() !== "") {
             const q = j, te = g[q[0].spanIdx], X = S(
-              h,
+              f,
               A,
               te,
               q
             );
             if (X) {
               const { left: ce, top: ve } = X;
-              if (b.find((Y) => Y.left === ce && Y.top === ve))
+              if (v.find((Y) => Y.left === ce && Y.top === ve))
                 continue;
-              b.push({ ...X, highlightColor: G.color });
+              v.push({ ...X, highlightColor: G.color });
             }
           }
       }
-    }), b.sort(Wr), b;
+    }), v.sort(Wr), v;
   };
   return F(() => {
     (async () => {
       if (!(!a || a.length === 0))
         try {
-          await _(t, a);
-        } catch (f) {
-          console.error(f);
+          await C(t, a);
+        } catch (h) {
+          console.error(h);
         }
     })();
-  }, [l, a, t, n, e]), /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i("div", { ref: c, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((h, f) => /* @__PURE__ */ i(
+  }, [l, a, t, n, e]), /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i("div", { ref: c, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((f, h) => /* @__PURE__ */ i(
     "div",
     {
       className: Ao["rp-text-highlight"],
       style: {
-        top: `${h.top}%`,
-        left: `${h.left}%`,
-        width: `${h.width}%`,
-        height: `${h.height}%`,
-        backgroundColor: h.highlightColor
+        top: `${f.top}%`,
+        left: `${f.left}%`,
+        width: `${f.width}%`,
+        height: `${f.height}%`,
+        backgroundColor: f.highlightColor
       }
     },
-    f
+    h
   )) }) });
 }, Rt = $e((t, e) => {
-  const { pageNumber: n, style: o, ...r } = t, { pages: a } = ee(), { pageRotate: l } = Ue(), { textLayer: c } = ir(), { currentZoom: u } = Qe(), d = H(a.get(n)), [m, v] = $(!1), p = H(null), [w, P] = $({
+  const { pageNumber: n, style: o, ...r } = t, { pages: a } = ee(), { pageRotate: l } = Ue(), { textLayer: c } = ir(), { currentZoom: u } = Qe(), d = H(a.get(n)), [m, w] = $(!1), p = H(null), [_, b] = $({
     width: 0,
     height: 0
   });
@@ -1200,27 +1200,27 @@ const zo = (t) => {
   const S = k(() => d.current ? l[n] : 0, [n, l]);
   F(() => {
     if (a && (d.current = a.get(n), d.current)) {
-      const f = d.current.page.getViewport({
+      const h = d.current.page.getViewport({
         scale: u,
         rotation: S
       });
-      P(f);
+      b(h);
     }
   }, [a, n, S, u]);
-  const _ = k(() => {
+  const C = k(() => {
     switch (S) {
       case 90:
-        return `${w.width / 2}px ${w.width / 2}px`;
+        return `${_.width / 2}px ${_.width / 2}px`;
       case -90:
       case 270:
-        return `${w.height / 2}px ${w.height / 2}px`;
+        return `${_.height / 2}px ${_.height / 2}px`;
       default:
         return "center";
     }
-  }, [S, w]), y = N(() => {
-    v(!0);
-  }, []), h = N(() => {
-    v(!1);
+  }, [S, _]), y = N(() => {
+    w(!0);
+  }, []), f = N(() => {
+    w(!1);
   }, []);
   return /* @__PURE__ */ i(
     "div",
@@ -1232,7 +1232,7 @@ const zo = (t) => {
       style: {
         ...o,
         "--rp-rotate": `${S}deg`,
-        "--rp-page-rotate-translate": `${_}`,
+        "--rp-page-rotate-translate": `${C}`,
         "--scale-factor": u
       },
       className: dt["rp-page-wrapper"],
@@ -1240,16 +1240,16 @@ const zo = (t) => {
         "div",
         {
           style: {
-            width: `${w.width}px`,
-            height: `${w.height}px`
+            width: `${_.width}px`,
+            height: `${_.height}px`
           },
           className: dt["rp-page"],
           children: [
-            /* @__PURE__ */ i(Lo, { onLoading: y, onLoaded: h, pageNumber: n }),
+            /* @__PURE__ */ i(Lo, { onLoading: y, onLoaded: f, pageNumber: n }),
             m && /* @__PURE__ */ i("div", { className: dt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Pt, {}) }),
             /* @__PURE__ */ i(Mr, { pageNumber: n }),
             c && /* @__PURE__ */ i(No, { pageNumber: n }),
-            /* @__PURE__ */ i(Fo, { pageNumber: n, viewport: w }),
+            /* @__PURE__ */ i(Fo, { pageNumber: n, viewport: _ }),
             /* @__PURE__ */ i(zo, { pageNumber: n })
           ]
         }
@@ -1332,15 +1332,15 @@ function Go(t) {
   }
   return pt;
 }
-var Oe = null;
+var De = null;
 function jt(t) {
-  if (t === void 0 && (t = !1), Oe === null || t) {
+  if (t === void 0 && (t = !1), De === null || t) {
     var e = document.createElement("div"), n = e.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
     var o = document.createElement("div"), r = o.style;
-    return r.width = "100px", r.height = "100px", e.appendChild(o), document.body.appendChild(e), e.scrollLeft > 0 ? Oe = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? Oe = "negative" : Oe = "positive-ascending"), document.body.removeChild(e), Oe;
+    return r.width = "100px", r.height = "100px", e.appendChild(o), document.body.appendChild(e), e.scrollLeft > 0 ? De = "positive-descending" : (e.scrollLeft = 1, e.scrollLeft === 0 ? De = "negative" : De = "positive-ascending"), document.body.removeChild(e), De;
   }
-  return Oe;
+  return De;
 }
 var Uo = 150, Vo = function(e) {
   var n = e.columnIndex;
@@ -1350,12 +1350,12 @@ var Uo = 150, Vo = 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 qo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, u = t.getOffsetForColumnAndAlignment, d = t.getOffsetForRowAndAlignment, m = t.getRowHeight, v = t.getRowOffset, p = t.getRowStartIndexForOffset, w = t.getRowStopIndexForStartIndex, P = t.initInstanceProps, S = t.shouldResetStyleCacheOnItemSizeChange, _ = t.validateProps;
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, u = t.getOffsetForColumnAndAlignment, d = t.getOffsetForRowAndAlignment, m = t.getRowHeight, w = t.getRowOffset, p = t.getRowStartIndexForOffset, _ = t.getRowStopIndexForStartIndex, b = t.initInstanceProps, S = t.shouldResetStyleCacheOnItemSizeChange, C = t.validateProps;
   return e = /* @__PURE__ */ function(y) {
-    Wo(h, y);
-    function h(g) {
+    Wo(f, y);
+    function f(g) {
       var s;
-      return s = y.call(this, g) || this, s._instanceProps = P(s.props, Ut(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
+      return s = y.call(this, g) || this, s._instanceProps = b(s.props, Ut(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
         instance: Ut(s),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1363,72 +1363,72 @@ function qo(t) {
         scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = ut(function(C, b, T, E, x, R, D, z) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = ut(function(P, v, T, E, I, R, O, z) {
         return s.props.onItemsRendered({
-          overscanColumnStartIndex: C,
-          overscanColumnStopIndex: b,
+          overscanColumnStartIndex: P,
+          overscanColumnStopIndex: v,
           overscanRowStartIndex: T,
           overscanRowStopIndex: E,
-          visibleColumnStartIndex: x,
+          visibleColumnStartIndex: I,
           visibleColumnStopIndex: R,
-          visibleRowStartIndex: D,
+          visibleRowStartIndex: O,
           visibleRowStopIndex: z
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = ut(function(C, b, T, E, x) {
+      }), s._callOnScroll = void 0, s._callOnScroll = ut(function(P, v, T, E, I) {
         return s.props.onScroll({
           horizontalScrollDirection: T,
-          scrollLeft: C,
-          scrollTop: b,
+          scrollLeft: P,
+          scrollTop: v,
           verticalScrollDirection: E,
-          scrollUpdateWasRequested: x
+          scrollUpdateWasRequested: I
         });
-      }), s._getItemStyle = void 0, s._getItemStyle = function(C, b) {
-        var T = s.props, E = T.columnWidth, x = T.direction, R = T.rowHeight, D = s._getItemStyleCache(S && E, S && x, S && R), z = C + ":" + b, A;
-        if (D.hasOwnProperty(z))
-          A = D[z];
+      }), s._getItemStyle = void 0, s._getItemStyle = function(P, v) {
+        var T = s.props, E = T.columnWidth, I = T.direction, R = T.rowHeight, O = s._getItemStyleCache(S && E, S && I, S && R), z = P + ":" + v, A;
+        if (O.hasOwnProperty(z))
+          A = O[z];
         else {
-          var L = n(s.props, b, s._instanceProps), I = x === "rtl";
-          D[z] = A = {
+          var L = n(s.props, v, s._instanceProps), x = I === "rtl";
+          O[z] = A = {
             position: "absolute",
-            left: I ? void 0 : L,
-            right: I ? L : void 0,
-            top: v(s.props, C, s._instanceProps),
-            height: m(s.props, C, s._instanceProps),
-            width: a(s.props, b, s._instanceProps)
+            left: x ? void 0 : L,
+            right: x ? L : void 0,
+            top: w(s.props, P, s._instanceProps),
+            height: m(s.props, P, s._instanceProps),
+            width: a(s.props, v, s._instanceProps)
           };
         }
         return A;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = ut(function(C, b, T) {
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = ut(function(P, v, T) {
         return {};
-      }), s._onScroll = function(C) {
-        var b = C.currentTarget, T = b.clientHeight, E = b.clientWidth, x = b.scrollLeft, R = b.scrollTop, D = b.scrollHeight, z = b.scrollWidth;
+      }), s._onScroll = function(P) {
+        var v = P.currentTarget, T = v.clientHeight, E = v.clientWidth, I = v.scrollLeft, R = v.scrollTop, O = v.scrollHeight, z = v.scrollWidth;
         s.setState(function(A) {
-          if (A.scrollLeft === x && A.scrollTop === R)
+          if (A.scrollLeft === I && A.scrollTop === R)
             return null;
-          var L = s.props.direction, I = x;
+          var L = s.props.direction, x = I;
           if (L === "rtl")
             switch (jt()) {
               case "negative":
-                I = -x;
+                x = -I;
                 break;
               case "positive-descending":
-                I = z - E - x;
+                x = z - E - I;
                 break;
             }
-          I = Math.max(0, Math.min(I, z - E));
-          var O = Math.max(0, Math.min(R, D - T));
+          x = Math.max(0, Math.min(x, z - E));
+          var D = Math.max(0, Math.min(R, O - T));
           return {
             isScrolling: !0,
-            horizontalScrollDirection: A.scrollLeft < x ? "forward" : "backward",
-            scrollLeft: I,
-            scrollTop: O,
+            horizontalScrollDirection: A.scrollLeft < I ? "forward" : "backward",
+            scrollLeft: x,
+            scrollTop: D,
             verticalScrollDirection: A.scrollTop < R ? "forward" : "backward",
             scrollUpdateWasRequested: !1
           };
         }, s._resetIsScrollingDebounced);
-      }, s._outerRefSetter = function(C) {
-        var b = s.props.outerRef;
-        s._outerRef = C, typeof b == "function" ? b(C) : b != null && typeof b == "object" && b.hasOwnProperty("current") && (b.current = C);
+      }, s._outerRefSetter = function(P) {
+        var v = s.props.outerRef;
+        s._outerRef = P, typeof v == "function" ? v(P) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = P);
       }, s._resetIsScrollingDebounced = function() {
         s._resetIsScrollingTimeoutId !== null && Zt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = $o(s._resetIsScrolling, Uo);
       }, s._resetIsScrolling = function() {
@@ -1439,70 +1439,70 @@ function qo(t) {
         });
       }, s;
     }
-    h.getDerivedStateFromProps = function(s, C) {
-      return Bo(s, C), _(s), null;
+    f.getDerivedStateFromProps = function(s, P) {
+      return Bo(s, P), C(s), null;
     };
-    var f = h.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(T) {
-        return C === void 0 && (C = T.scrollLeft), b === void 0 && (b = T.scrollTop), T.scrollLeft === C && T.scrollTop === b ? null : {
-          horizontalScrollDirection: T.scrollLeft < C ? "forward" : "backward",
-          scrollLeft: C,
-          scrollTop: b,
+    var h = f.prototype;
+    return h.scrollTo = function(s) {
+      var P = s.scrollLeft, v = s.scrollTop;
+      P !== void 0 && (P = Math.max(0, P)), v !== void 0 && (v = Math.max(0, v)), this.setState(function(T) {
+        return P === void 0 && (P = T.scrollLeft), v === void 0 && (v = T.scrollTop), T.scrollLeft === P && T.scrollTop === v ? null : {
+          horizontalScrollDirection: T.scrollLeft < P ? "forward" : "backward",
+          scrollLeft: P,
+          scrollTop: v,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: T.scrollTop < b ? "forward" : "backward"
+          verticalScrollDirection: T.scrollTop < v ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
-    }, f.scrollToItem = function(s) {
-      var C = s.align, b = C === void 0 ? "auto" : C, T = s.columnIndex, E = s.rowIndex, x = this.props, R = x.columnCount, D = x.height, z = x.rowCount, A = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = Go();
+    }, h.scrollToItem = function(s) {
+      var P = s.align, v = P === void 0 ? "auto" : P, T = s.columnIndex, E = s.rowIndex, I = this.props, R = I.columnCount, O = I.height, z = I.rowCount, A = I.width, L = this.state, x = L.scrollLeft, D = L.scrollTop, M = Go();
       T !== void 0 && (T = Math.max(0, Math.min(T, 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;
+      var G = l(this.props, this._instanceProps), Z = c(this.props, this._instanceProps), j = Z > A ? M : 0, q = G > O ? M : 0;
       this.scrollTo({
-        scrollLeft: T !== void 0 ? u(this.props, T, b, I, this._instanceProps, q) : I,
-        scrollTop: E !== void 0 ? d(this.props, E, b, O, this._instanceProps, j) : O
+        scrollLeft: T !== void 0 ? u(this.props, T, v, x, this._instanceProps, q) : x,
+        scrollTop: E !== void 0 ? d(this.props, E, v, D, this._instanceProps, j) : D
       });
-    }, f.componentDidMount = function() {
-      var s = this.props, C = s.initialScrollLeft, b = s.initialScrollTop;
+    }, h.componentDidMount = function() {
+      var s = this.props, P = s.initialScrollLeft, v = s.initialScrollTop;
       if (this._outerRef != null) {
         var T = this._outerRef;
-        typeof C == "number" && (T.scrollLeft = C), typeof b == "number" && (T.scrollTop = b);
+        typeof P == "number" && (T.scrollLeft = P), typeof v == "number" && (T.scrollTop = v);
       }
       this._callPropsCallbacks();
-    }, f.componentDidUpdate = function() {
-      var s = this.props.direction, C = this.state, b = C.scrollLeft, T = C.scrollTop, E = C.scrollUpdateWasRequested;
+    }, h.componentDidUpdate = function() {
+      var s = this.props.direction, P = this.state, v = P.scrollLeft, T = P.scrollTop, E = P.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
-        var x = this._outerRef;
+        var I = this._outerRef;
         if (s === "rtl")
           switch (jt()) {
             case "negative":
-              x.scrollLeft = -b;
+              I.scrollLeft = -v;
               break;
             case "positive-ascending":
-              x.scrollLeft = b;
+              I.scrollLeft = v;
               break;
             default:
-              var R = x.clientWidth, D = x.scrollWidth;
-              x.scrollLeft = D - R - b;
+              var R = I.clientWidth, O = I.scrollWidth;
+              I.scrollLeft = O - R - v;
               break;
           }
         else
-          x.scrollLeft = Math.max(0, b);
-        x.scrollTop = Math.max(0, T);
+          I.scrollLeft = Math.max(0, v);
+        I.scrollTop = Math.max(0, T);
       }
       this._callPropsCallbacks();
-    }, f.componentWillUnmount = function() {
+    }, h.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
-    }, f.render = function() {
-      var s = this.props, C = s.children, b = s.className, T = s.columnCount, E = s.direction, x = s.height, R = s.innerRef, D = s.innerElementType, z = s.innerTagName, A = s.itemData, L = s.itemKey, I = L === void 0 ? Vo : L, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, te = this.state.isScrolling, X = this._getHorizontalRangeToRender(), ce = X[0], ve = X[1], le = this._getVerticalRangeToRender(), Y = le[0], Fe = le[1], we = [];
+    }, h.render = function() {
+      var s = this.props, P = s.children, v = s.className, T = s.columnCount, E = s.direction, I = s.height, R = s.innerRef, O = s.innerElementType, z = s.innerTagName, A = s.itemData, L = s.itemKey, x = L === void 0 ? Vo : L, D = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, te = this.state.isScrolling, X = this._getHorizontalRangeToRender(), ce = X[0], ve = X[1], le = this._getVerticalRangeToRender(), Y = le[0], Fe = le[1], we = [];
       if (T > 0 && G)
         for (var Te = Y; Te <= Fe; Te++)
           for (var _e = ce; _e <= ve; _e++)
-            we.push(qe(C, {
+            we.push(qe(P, {
               columnIndex: _e,
               data: A,
               isScrolling: j ? te : void 0,
-              key: I({
+              key: x({
                 columnIndex: _e,
                 data: A,
                 rowIndex: Te
@@ -1511,20 +1511,20 @@ function qo(t) {
               style: this._getItemStyle(Te, _e)
             }));
       var rt = l(this.props, this._instanceProps), ot = c(this.props, this._instanceProps);
-      return qe(O || M || "div", {
-        className: b,
+      return qe(D || M || "div", {
+        className: v,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: Hr({
           position: "relative",
-          height: x,
+          height: I,
           width: q,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: E
         }, Z)
-      }, qe(D || z || "div", {
+      }, qe(O || z || "div", {
         children: we,
         ref: R,
         style: {
@@ -1533,29 +1533,29 @@ function qo(t) {
           width: ot
         }
       }));
-    }, f._callPropsCallbacks = function() {
-      var s = this.props, C = s.columnCount, b = s.onItemsRendered, T = s.onScroll, E = s.rowCount;
-      if (typeof b == "function" && C > 0 && E > 0) {
-        var x = this._getHorizontalRangeToRender(), R = x[0], D = x[1], z = x[2], A = x[3], L = this._getVerticalRangeToRender(), I = L[0], O = L[1], M = L[2], G = L[3];
-        this._callOnItemsRendered(R, D, I, O, z, A, M, G);
+    }, h._callPropsCallbacks = function() {
+      var s = this.props, P = s.columnCount, v = s.onItemsRendered, T = s.onScroll, E = s.rowCount;
+      if (typeof v == "function" && P > 0 && E > 0) {
+        var I = this._getHorizontalRangeToRender(), R = I[0], O = I[1], z = I[2], A = I[3], L = this._getVerticalRangeToRender(), x = L[0], D = L[1], M = L[2], G = L[3];
+        this._callOnItemsRendered(R, O, x, D, z, A, M, G);
       }
       if (typeof T == "function") {
         var Z = this.state, j = Z.horizontalScrollDirection, q = Z.scrollLeft, te = Z.scrollTop, X = Z.scrollUpdateWasRequested, ce = Z.verticalScrollDirection;
         this._callOnScroll(q, te, j, ce, X);
       }
-    }, f._getHorizontalRangeToRender = function() {
-      var s = this.props, C = s.columnCount, b = s.overscanColumnCount, T = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, R = this.state, D = R.horizontalScrollDirection, z = R.isScrolling, A = R.scrollLeft, L = b || T || E || 1;
-      if (C === 0 || x === 0)
+    }, h._getHorizontalRangeToRender = function() {
+      var s = this.props, P = s.columnCount, v = s.overscanColumnCount, T = s.overscanColumnsCount, E = s.overscanCount, I = s.rowCount, R = this.state, O = R.horizontalScrollDirection, z = R.isScrolling, A = R.scrollLeft, L = v || T || E || 1;
+      if (P === 0 || I === 0)
         return [0, 0, 0, 0];
-      var I = o(this.props, A, this._instanceProps), O = r(this.props, I, A, this._instanceProps), M = !z || D === "backward" ? Math.max(1, L) : 1, G = !z || D === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, I - M), Math.max(0, Math.min(C - 1, O + G)), I, O];
-    }, f._getVerticalRangeToRender = function() {
-      var s = this.props, C = s.columnCount, b = s.overscanCount, T = s.overscanRowCount, E = s.overscanRowsCount, x = s.rowCount, R = this.state, D = R.isScrolling, z = R.verticalScrollDirection, A = R.scrollTop, L = T || E || b || 1;
-      if (C === 0 || x === 0)
+      var x = o(this.props, A, this._instanceProps), D = r(this.props, x, A, this._instanceProps), M = !z || O === "backward" ? Math.max(1, L) : 1, G = !z || O === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, x - M), Math.max(0, Math.min(P - 1, D + G)), x, D];
+    }, h._getVerticalRangeToRender = function() {
+      var s = this.props, P = s.columnCount, v = s.overscanCount, T = s.overscanRowCount, E = s.overscanRowsCount, I = s.rowCount, R = this.state, O = R.isScrolling, z = R.verticalScrollDirection, A = R.scrollTop, L = T || E || v || 1;
+      if (P === 0 || I === 0)
         return [0, 0, 0, 0];
-      var I = p(this.props, A, this._instanceProps), O = w(this.props, I, A, this._instanceProps), M = !D || z === "backward" ? Math.max(1, L) : 1, G = !D || z === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, I - M), Math.max(0, Math.min(x - 1, O + G)), I, O];
-    }, h;
+      var x = p(this.props, A, this._instanceProps), D = _(this.props, x, A, this._instanceProps), M = !O || z === "backward" ? Math.max(1, L) : 1, G = !O || z === "forward" ? Math.max(1, L) : 1;
+      return [Math.max(0, x - M), Math.max(0, Math.min(I - 1, D + G)), x, D];
+    }, f;
   }(er), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
@@ -1563,7 +1563,7 @@ function qo(t) {
   }, e;
 }
 var Bo = function(e, n) {
-  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, u = e.overscanColumnsCount, d = e.overscanCount, m = e.overscanRowsCount, v = e.width, p = n.instance;
+  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, u = e.overscanColumnsCount, d = e.overscanCount, m = e.overscanRowsCount, w = e.width, p = n.instance;
   if (process.env.NODE_ENV !== "production") {
     if (typeof d == "number" && Be && !Be.has(p) && (Be.add(p), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof u == "number" || typeof m == "number") && Ze && !Ze.has(p) && (Ze.add(p), 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(p) && (je.add(p), 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.'));
@@ -1574,8 +1574,8 @@ var Bo = function(e, n) {
       default:
         throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + r + '" was specified.'));
     }
-    if (typeof v != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (v === null ? "null" : typeof v) + '" was specified.'));
+    if (typeof w != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (w === null ? "null" : typeof w) + '" was specified.'));
     if (typeof a != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
   }
@@ -1604,11 +1604,11 @@ var Bo = function(e, n) {
       u = d.offset + d.size;
     }
     for (var m = c + 1; m <= o; m++) {
-      var v = l(m);
+      var w = l(m);
       a[m] = {
         offset: u,
-        size: v
-      }, u += v;
+        size: w
+      }, u += w;
     }
     e === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
@@ -1617,8 +1617,8 @@ var Bo = function(e, n) {
   var a, l;
   e === "column" ? (a = o.columnMetadataMap, l = o.lastMeasuredColumnIndex) : (a = o.rowMetadataMap, l = o.lastMeasuredRowIndex);
   var c = l > 0 ? a[l].offset : 0;
-  return c >= r ? xn(e, n, o, l, 0, r) : Zo(e, n, o, Math.max(0, l), r);
-}, xn = function(e, n, o, r, a, l) {
+  return c >= r ? In(e, n, o, l, 0, r) : Zo(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), u = he(e, n, c, o).offset;
     if (u === l)
@@ -1629,19 +1629,19 @@ var Bo = function(e, n) {
 }, Zo = function(e, n, o, r, a) {
   for (var l = e === "column" ? n.columnCount : n.rowCount, c = 1; r < l && he(e, n, r, o).offset < a; )
     r += c, c *= 2;
-  return xn(e, n, o, Math.min(r, l - 1), Math.floor(r / 2), a);
+  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 u = e === "column" ? n.width : n.height, d = he(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), v = Math.max(0, Math.min(m - u, d.offset)), p = Math.max(0, d.offset - u + c + d.size);
-  switch (r === "smart" && (a >= p - u && a <= v + u ? r = "auto" : r = "center"), r) {
+  var u = e === "column" ? n.width : n.height, d = he(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), w = Math.max(0, Math.min(m - u, d.offset)), p = Math.max(0, d.offset - u + c + d.size);
+  switch (r === "smart" && (a >= p - u && a <= w + u ? r = "auto" : r = "center"), r) {
     case "start":
-      return v;
+      return w;
     case "end":
       return p;
     case "center":
-      return Math.round(p + (v - p) / 2);
+      return Math.round(p + (w - p) / 2);
     case "auto":
     default:
-      return a >= p && a <= v ? a : p > v || a < p ? p : v;
+      return a >= p && a <= w ? a : p > w || a < p ? p : w;
   }
 }, jo = /* @__PURE__ */ qo({
   getColumnOffset: function(e, n, o) {
@@ -1700,8 +1700,8 @@ var Bo = function(e, n) {
         shouldForceUpdate: u
       });
     }, n.resetAfterIndices = function(c) {
-      var u = c.columnIndex, d = c.rowIndex, m = c.shouldForceUpdate, v = m === void 0 ? !0 : m;
-      typeof u == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, u - 1)), typeof d == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, d - 1)), n._getItemStyleCache(-1), v && n.forceUpdate();
+      var u = c.columnIndex, d = c.rowIndex, m = c.shouldForceUpdate, w = m === void 0 ? !0 : m;
+      typeof u == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, u - 1)), typeof d == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, d - 1)), n._getItemStyleCache(-1), w && n.forceUpdate();
     }, l;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1731,36 +1731,36 @@ function Yo(t, e) {
   return !Jt(n, r) && !Jt(o, a);
 }
 const Jo = () => {
-  const { viewMode: t } = Ne(), { scrollMode: e } = Ee(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ge(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === Q.HORIZONTAL_SCROLLING ? a : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((P, S, _) => {
-    const y = _ % l;
-    return (!P[y] || S > P[y]) && (P[y] = S), P;
+  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ge(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === Q.HORIZONTAL_SCROLLING ? a : t === Le.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((b, S, C) => {
+    const y = C % l;
+    return (!b[y] || S > b[y]) && (b[y] = S), b;
   }, []), [r.widths, l]), u = N(
-    (w) => {
-      const P = w % c.length;
-      return c[P] || 0;
+    (_) => {
+      const b = _ % c.length;
+      return c[b] || 0;
     },
     [c]
   ), d = N(
-    (w) => {
-      const P = Array.from({ length: l }, (S, _) => {
-        const y = w * l + _;
+    (_) => {
+      const b = Array.from({ length: l }, (S, C) => {
+        const y = _ * l + C;
         return r.heights[y] || 0;
       });
-      return Math.max(...P);
+      return Math.max(...b);
     },
     [r.heights, l]
   );
   F(() => {
     n(l);
   }, [l, n]);
-  const m = k(() => e === Q.HORIZONTAL_SCROLLING || e === Q.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), v = k(() => r.heights.reduce((w, P) => w + P, 0) / r.heights.length || 0, [r]), p = k(() => r.widths.reduce((w, P) => w + P, 0) / r.heights.length || 0, [r]);
+  const m = k(() => e === Q.HORIZONTAL_SCROLLING || e === Q.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), w = k(() => r.heights.reduce((_, b) => _ + b, 0) / r.heights.length || 0, [r]), p = k(() => r.widths.reduce((_, b) => _ + b, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
     rowHeight: d,
     columnCount: l,
     columnWidth: u,
     pageDimension: r,
-    estimatedRowHeight: v,
+    estimatedRowHeight: w,
     estimatedColumnWidth: p
   };
 };
@@ -1785,64 +1785,64 @@ function Qo(t) {
   const u = typeof document < "u" && document.attachEvent;
   if (!u) {
     l = function(y) {
-      const h = y.__resizeTriggers__, f = h.firstElementChild, g = h.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;
+      const f = y.__resizeTriggers__, h = f.firstElementChild, g = f.lastElementChild, s = h.firstElementChild;
+      g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, s.style.width = h.offsetWidth + 1 + "px", s.style.height = h.offsetHeight + 1 + "px", h.scrollLeft = h.scrollWidth, h.scrollTop = h.scrollHeight;
     }, a = function(y) {
       return y.offsetWidth !== y.__resizeLast__.width || y.offsetHeight !== y.__resizeLast__.height;
     }, c = function(y) {
       if (y.target.className && typeof y.target.className.indexOf == "function" && y.target.className.indexOf("contract-trigger") < 0 && y.target.className.indexOf("expand-trigger") < 0)
         return;
-      const h = this;
+      const f = this;
       l(this), this.__resizeRAF__ && bt(this.__resizeRAF__), this.__resizeRAF__ = Ct(function() {
-        a(h) && (h.__resizeLast__.width = h.offsetWidth, h.__resizeLast__.height = h.offsetHeight, h.__resizeListeners__.forEach(function(s) {
-          s.call(h, y);
+        a(f) && (f.__resizeLast__.width = f.offsetWidth, f.__resizeLast__.height = f.offsetHeight, f.__resizeListeners__.forEach(function(s) {
+          s.call(f, y);
         }));
       });
     };
-    let p = !1, w = "";
+    let p = !1, _ = "";
     o = "animationstart";
-    const P = "Webkit Moz O ms".split(" ");
-    let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), _ = "";
+    const b = "Webkit Moz O ms".split(" ");
+    let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
     {
       const y = document.createElement("fakeelement");
       if (y.style.animationName !== void 0 && (p = !0), p === !1) {
-        for (let h = 0; h < P.length; h++)
-          if (y.style[P[h] + "AnimationName"] !== void 0) {
-            _ = P[h], w = "-" + _.toLowerCase() + "-", o = S[h], p = !0;
+        for (let f = 0; f < b.length; f++)
+          if (y.style[b[f] + "AnimationName"] !== void 0) {
+            C = b[f], _ = "-" + C.toLowerCase() + "-", o = S[f], p = !0;
             break;
           }
       }
     }
-    n = "resizeanim", e = "@" + w + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = w + "animation: 1ms " + n + "; ";
+    n = "resizeanim", e = "@" + _ + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = _ + "animation: 1ms " + n + "; ";
   }
   const d = function(p) {
     if (!p.getElementById("detectElementResize")) {
-      const w = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', P = p.head || p.getElementsByTagName("head")[0], S = p.createElement("style");
-      S.id = "detectElementResize", S.type = "text/css", t != null && S.setAttribute("nonce", t), S.styleSheet ? S.styleSheet.cssText = w : S.appendChild(p.createTextNode(w)), P.appendChild(S);
+      const _ = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', b = p.head || p.getElementsByTagName("head")[0], S = p.createElement("style");
+      S.id = "detectElementResize", S.type = "text/css", t != null && S.setAttribute("nonce", t), S.styleSheet ? S.styleSheet.cssText = _ : S.appendChild(p.createTextNode(_)), b.appendChild(S);
     }
   };
   return {
-    addResizeListener: function(p, w) {
+    addResizeListener: function(p, _) {
       if (u)
-        p.attachEvent("onresize", w);
+        p.attachEvent("onresize", _);
       else {
         if (!p.__resizeTriggers__) {
-          const P = p.ownerDocument, S = oe.getComputedStyle(p);
-          S && S.position === "static" && (p.style.position = "relative"), d(P), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = P.createElement("div")).className = "resize-triggers";
-          const _ = P.createElement("div");
-          _.className = "expand-trigger", _.appendChild(P.createElement("div"));
-          const y = P.createElement("div");
-          y.className = "contract-trigger", p.__resizeTriggers__.appendChild(_), p.__resizeTriggers__.appendChild(y), p.appendChild(p.__resizeTriggers__), l(p), p.addEventListener("scroll", c, !0), o && (p.__resizeTriggers__.__animationListener__ = function(f) {
-            f.animationName === n && l(p);
+          const b = p.ownerDocument, S = oe.getComputedStyle(p);
+          S && S.position === "static" && (p.style.position = "relative"), d(b), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = b.createElement("div")).className = "resize-triggers";
+          const C = b.createElement("div");
+          C.className = "expand-trigger", C.appendChild(b.createElement("div"));
+          const y = b.createElement("div");
+          y.className = "contract-trigger", p.__resizeTriggers__.appendChild(C), p.__resizeTriggers__.appendChild(y), p.appendChild(p.__resizeTriggers__), l(p), p.addEventListener("scroll", c, !0), o && (p.__resizeTriggers__.__animationListener__ = function(h) {
+            h.animationName === n && l(p);
           }, p.__resizeTriggers__.addEventListener(o, p.__resizeTriggers__.__animationListener__));
         }
-        p.__resizeListeners__.push(w);
+        p.__resizeListeners__.push(_);
       }
     },
-    removeResizeListener: function(p, w) {
+    removeResizeListener: function(p, _) {
       if (u)
-        p.detachEvent("onresize", w);
-      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(w), 1), !p.__resizeListeners__.length) {
+        p.detachEvent("onresize", _);
+      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(_), 1), !p.__resizeListeners__.length) {
         p.removeEventListener("scroll", c, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(o, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
         try {
           p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
@@ -1865,24 +1865,24 @@ class ei extends tr {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), d = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), v = m.height - u - d, p = m.width - l - c;
-        if (!n && this.state.height !== v || !o && this.state.width !== p) {
+        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), u = parseFloat(a.paddingTop || "0"), d = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), w = m.height - u - d, p = m.width - l - c;
+        if (!n && this.state.height !== w || !o && this.state.width !== p) {
           this.setState({
-            height: v,
+            height: w,
             width: p
           });
-          const w = () => {
+          const _ = () => {
             this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
           };
           typeof r == "function" && r({
-            height: v,
+            height: w,
             width: p,
             // TODO Remove these params in the next major release
             get scaledHeight() {
-              return w(), v;
+              return _(), w;
             },
             get scaledWidth() {
-              return w(), p;
+              return _(), p;
             }
           });
         }
@@ -1918,22 +1918,22 @@ class ei extends tr {
       onResize: u,
       style: d = {},
       tagName: m = "div",
-      ...v
+      ...w
     } = this.props, {
       height: p,
-      width: w
-    } = this.state, P = {
+      width: _
+    } = this.state, b = {
       overflow: "visible"
     }, S = {};
-    let _ = !1;
-    return r || (p === 0 && (_ = !0), P.height = 0, S.height = p, S.scaledHeight = p), a || (w === 0 && (_ = !0), P.width = 0, S.width = w, S.scaledWidth = w), l && (_ = !1), qe(m, {
+    let C = !1;
+    return r || (p === 0 && (C = !0), b.height = 0, S.height = p, S.scaledHeight = p), a || (_ === 0 && (C = !0), b.width = 0, S.width = _, S.scaledWidth = _), l && (C = !1), qe(m, {
       ref: this._setRef,
       style: {
-        ...P,
+        ...b,
         ...d
       },
-      ...v
-    }, !_ && e(S));
+      ...w
+    }, !C && e(S));
   }
 }
 const ti = ln(({ widths: t, heights: e }) => {
@@ -1945,21 +1945,21 @@ const ti = ln(({ widths: t, heights: e }) => {
     }
     return c;
   }, [n, o]), a = k(() => {
-    const c = n % 2 === 1 ? n - 1 : n - 2, u = t(c), d = e(c), m = t(c + 1), v = e(c + 1), p = d > v ? d : v, w = d < v ? d : v, P = p / 2 - w / 2;
+    const c = n % 2 === 1 ? n - 1 : n - 2, u = t(c), d = e(c), m = t(c + 1), w = e(c + 1), p = d > w ? d : w, _ = d < w ? d : w, b = p / 2 - _ / 2;
     return [
       {
         position: "absolute",
         left: 0,
-        top: p === d ? 0 : P,
+        top: p === d ? 0 : b,
         width: u,
         height: d
       },
       {
         position: "absolute",
         left: u,
-        top: p === v ? 0 : P,
+        top: p === w ? 0 : b,
         width: m,
-        height: v
+        height: w
       }
     ];
   }, [t, e, r]), l = k(() => a.reduce((c, u) => c + Number(u.width || 0), 0), [a]);
@@ -1981,45 +1981,45 @@ const ti = ln(({ widths: t, heights: e }) => {
     }
   );
 }, ri = (t, e, n) => {
-  const o = H(), { contentRef: r } = me(), { heights: a, widths: l } = Ge(), { setFocusedPage: c } = ie(), [u, d] = $([]), { targetScrollPage: m } = pn(), v = Tt(u, 0, 500), p = k(() => a.map((P, S) => {
-    const _ = l[S], y = Br(S + 1, t), h = _ * y.columnIndex, f = P * y.rowIndex, g = h + _, s = f + P;
+  const o = H(), { contentRef: r } = me(), { heights: a, widths: l } = Ge(), { setFocusedPage: c } = ie(), [u, d] = $([]), { targetScrollPage: m } = pn(), w = Tt(u, 0, 500), p = k(() => a.map((b, S) => {
+    const C = l[S], y = Br(S + 1, t), f = C * y.columnIndex, h = b * y.rowIndex, g = f + C, s = h + b;
     return {
       pageNumber: S + 1,
       ...y,
-      width: _,
-      height: P,
-      startX: h,
-      startY: f,
+      width: C,
+      height: b,
+      startX: f,
+      startY: h,
       endX: g,
       endY: s
     };
   }), [a, l, t, e]);
   F(() => {
     var S;
-    v.length > 0 && !m.current && c(v[0].pageNumber);
-    let P = (S = v[0]) == null ? void 0 : S.ratio;
-    P && v.filter((_) => Math.round(_.ratio) === Math.round(P)).some((_) => _.pageNumber === m.current) && setTimeout(() => {
+    w.length > 0 && !m.current && c(w[0].pageNumber);
+    let b = (S = w[0]) == null ? void 0 : S.ratio;
+    b && w.filter((C) => Math.round(C.ratio) === Math.round(b)).some((C) => C.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
-  }, [v, c]);
-  const w = N(
-    (P) => {
+  }, [w, c]);
+  const _ = N(
+    (b) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const S = P.target, _ = {
+        const S = b.target, C = {
           startTop: S.scrollTop,
           startLeft: S.scrollLeft,
           endTop: S.scrollTop + S.clientHeight,
           endLeft: S.scrollLeft + S.clientWidth
-        }, y = p.filter((h) => {
-          const f = h.endX >= _.startLeft && h.endY >= _.startTop, g = h.startX <= _.endLeft && h.startY <= _.endTop;
-          return f && g;
-        }).map((h) => {
-          const f = _.startLeft > h.startX ? _.startLeft : h.startX, g = _.startTop > h.startY ? _.startTop : h.startY, s = _.endLeft < h.endX ? _.endLeft : h.endX, C = _.endTop < h.endY ? _.endTop : h.endY, b = s - f, T = C - g, x = +(b * T / (h.width * h.height) * 100).toFixed(2);
+        }, y = p.filter((f) => {
+          const h = f.endX >= C.startLeft && f.endY >= C.startTop, g = f.startX <= C.endLeft && f.startY <= C.endTop;
+          return h && g;
+        }).map((f) => {
+          const h = C.startLeft > f.startX ? C.startLeft : f.startX, g = C.startTop > f.startY ? C.startTop : f.startY, s = C.endLeft < f.endX ? C.endLeft : f.endX, P = C.endTop < f.endY ? C.endTop : f.endY, v = s - h, T = P - g, I = +(v * T / (f.width * f.height) * 100).toFixed(2);
           return {
-            pageNumber: h.pageNumber,
-            ratio: x
+            pageNumber: f.pageNumber,
+            ratio: I
           };
-        }).sort((h, f) => f.ratio - h.ratio);
+        }).sort((f, h) => h.ratio - f.ratio);
         d(y);
       });
     },
@@ -2027,10 +2027,10 @@ const ti = ln(({ widths: t, heights: e }) => {
   );
   F(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", w), () => {
-        n == null || n.removeEventListener("scroll", w);
+      return n == null || n.addEventListener("scroll", _), () => {
+        n == null || n.removeEventListener("scroll", _);
       };
-  }, [n, w]);
+  }, [n, _]);
 }, be = {
   "rp-layout": "_rp-layout_1g4ff_1",
   "rp-content": "_rp-content_1g4ff_5",
@@ -2039,7 +2039,7 @@ const ti = ln(({ widths: t, heights: e }) => {
   "rp-loader": "_rp-loader_1g4ff_20",
   "rp-theme-variables": "_rp-theme-variables_1g4ff_24",
   "rp-dark-mode": "_rp-dark-mode_1g4ff_135"
-}, In = $e(
+}, xn = $e(
   (t, e) => {
     const { children: n, toolbarRef: o, style: r, className: a, ...l } = t, { customVariables: c, customDarkVariables: u } = Sr(), { darkMode: d } = or();
     return /* @__PURE__ */ i(
@@ -2066,31 +2066,31 @@ const ti = ln(({ widths: t, heights: e }) => {
 ), oi = ln(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
   const r = Zr(e, t, n.columnCount);
   return /* @__PURE__ */ i(Rt, { style: o, pageNumber: r }, r);
-}, Yo), Zs = () => {
+}, Yo), js = () => {
   const { initialPage: t = 1, initialScrollMode: e, instanceId: n } = sr(), { pagesRef: o, setPagesRef: r } = me(), { scrollToPage: a } = wn(), {
     virtualScrollRef: l,
     getVirtualScrollRef: c,
     getPageScrollElementRef: u,
     getVirtualScrollableElementRef: d,
     setTotalInnerDimensions: m,
-    virtualScrollableElementRef: v,
+    virtualScrollableElementRef: w,
     totalInnerDimensions: p,
-    pageScrollElementRef: w
-  } = et(), P = H(!0), { nextPage: S, prevPage: _, setFocusedPage: y, focusedPage: h } = ie(), { scrollMode: f } = Ee(), { viewMode: g } = Ne(), s = H(null), { loading: C } = ee(), { passwordRequired: b } = rr(), { LoaderImageComponent: T } = hn(), E = H(
+    pageScrollElementRef: _
+  } = et(), b = H(!0), { nextPage: S, prevPage: C, setFocusedPage: y, focusedPage: f } = ie(), { scrollMode: h } = Ne(), { viewMode: g } = Oe(), s = H(null), { loading: P } = ee(), { passwordRequired: v } = rr(), { LoaderImageComponent: T } = hn(), E = H(
     p
-  ), x = H({
+  ), I = H({
     viewMode: g,
-    scrollMode: f
-  }), R = H(!1), D = H(), { isFullScreen: z } = cr(), {
+    scrollMode: h
+  }), R = H(!1), O = H(), { isFullScreen: z } = cr(), {
     pageDimension: A,
     rowCount: L,
-    rowHeight: I,
-    columnCount: O,
+    rowHeight: x,
+    columnCount: D,
     columnWidth: M,
     estimatedColumnWidth: G,
     estimatedRowHeight: Z
   } = Jo(), j = Tt(p, 100), q = H();
-  ri(O, L, v);
+  ri(D, L, w);
   const te = H({
     scrollTop: 0,
     scrollLeft: 0
@@ -2099,43 +2099,43 @@ const ti = ln(({ widths: t, heights: e }) => {
   const { isPressed: X } = Gr(), { selectionMode: ce } = ar(), { initializeGrabScroll: ve, resetGrabState: le } = Ur({
     isPressed: X
   }), Y = k(() => ce === nr.HAND, [ce]), Fe = k(() => ({
-    columnCount: O
-  }), [O]), we = N(
+    columnCount: D
+  }), [D]), we = N(
     (U) => {
       const V = document.activeElement !== o;
-      !z && V || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), _()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), S()));
+      !z && V || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), S()));
     },
-    [S, _, z, f]
+    [S, C, z, h]
   );
   F(() => (window.addEventListener("keydown", we), () => {
     window.removeEventListener("keydown", we);
   }), [we]), F(() => {
     if (s.current && (s.current.style.position = "relative"), !!l)
       for (let U = 0; U < L; U++)
-        for (let V = 0; V < O; V++)
+        for (let V = 0; V < D; V++)
           l.resetAfterIndices({
             columnIndex: V,
             rowIndex: U,
             shouldForceUpdate: !0
           });
-  }, [L, O, A, l]);
+  }, [L, D, A, l]);
   const Te = N(
     (U, V) => {
-      if (!v)
+      if (!w)
         return { scrollTop: 0, scrollLeft: 0 };
       const Se = te.current.scrollTop > V, ye = te.current.scrollLeft > U;
       return Se || ye ? te.current : {
-        scrollTop: v.scrollTop,
-        scrollLeft: v.scrollLeft
+        scrollTop: w.scrollTop,
+        scrollLeft: w.scrollLeft
       };
     },
-    [v]
+    [w]
   ), _e = N(
     (U, V) => {
-      if (x.current.viewMode !== g || x.current.scrollMode !== f) {
-        q.current && clearTimeout(q.current), R.current = !0, a(h, "auto"), q.current = setTimeout(() => {
+      if (I.current.viewMode !== g || I.current.scrollMode !== h) {
+        q.current && clearTimeout(q.current), R.current = !0, a(f, "auto"), q.current = setTimeout(() => {
           requestAnimationFrame(() => {
-            x.current = { viewMode: g, scrollMode: f };
+            I.current = { viewMode: g, scrollMode: h };
           });
         }, 100);
         return;
@@ -2144,11 +2144,11 @@ const ti = ln(({ widths: t, heights: e }) => {
       if (!V.height || !V.width)
         return;
       R.current = !0;
-      const { height: xe, width: at } = V, { height: Ot, width: Dt } = E.current;
-      if (Ot === xe && Dt === at)
+      const { height: Ie, width: at } = V, { height: Ot, width: Dt } = E.current;
+      if (Ot === Ie && Dt === at)
         return;
-      const Xn = ye / Ot * xe, Yn = it / Dt * at, Jn = Math.round(Math.min(Xn, xe)) || 0, Qn = Math.round(Math.min(Yn, at)) || 0;
-      D.current = setTimeout(() => {
+      const Xn = ye / Ot * Ie, Yn = it / Dt * at, Jn = Math.round(Math.min(Xn, Ie)) || 0, Qn = Math.round(Math.min(Yn, at)) || 0;
+      O.current = setTimeout(() => {
         requestAnimationFrame(() => {
           l == null || l.scrollTo({
             scrollTop: Jn,
@@ -2160,22 +2160,22 @@ const ti = ln(({ widths: t, heights: e }) => {
         width: V.width
       };
     },
-    [l, g, f, a]
+    [l, g, h, a]
   );
   F(() => {
-    clearTimeout(D.current);
+    clearTimeout(O.current);
     const U = Array.from({ length: L }).reduce(
-      (ye, it, xe) => ye + I(xe),
+      (ye, it, Ie) => ye + x(Ie),
       0
-    ), V = Array.from({ length: O }).reduce(
-      (ye, it, xe) => ye + M(xe),
+    ), V = Array.from({ length: D }).reduce(
+      (ye, it, Ie) => ye + M(Ie),
       0
     ), Se = Te(V, U);
     te.current = Se, _e(Se, { height: U, width: V }), m({
       height: U,
       width: V
     });
-  }, [A, L, O, _e]);
+  }, [A, L, D, _e]);
   const rt = N(
     (U) => {
       te.current = {
@@ -2183,7 +2183,7 @@ const ti = ln(({ widths: t, heights: e }) => {
         scrollLeft: U.scrollLeft
       };
     },
-    [v]
+    [w]
   );
   F(() => () => {
     q.current && clearTimeout(q.current);
@@ -2201,29 +2201,29 @@ const ti = ln(({ widths: t, heights: e }) => {
     [Y, ve, de]
   );
   return F(() => {
-    C && le();
-  }, [C]), F(() => {
-    if (!(j.height === 0 || !P.current)) {
+    P && le();
+  }, [P]), F(() => {
+    if (!(j.height === 0 || !b.current)) {
       if (e === Q.PAGE_SCROLLING) {
-        t !== h && w && y(t), P.current = !1;
+        t !== f && _ && y(t), b.current = !1;
         return;
       }
-      a(t, "auto"), y(t), P.current = !1;
+      a(t, "auto"), y(t), b.current = !1;
     }
   }, [
     a,
     e,
-    w,
+    _,
     y,
     j
   ]), /* @__PURE__ */ W(fe, { children: [
-    /* @__PURE__ */ i(In, { id: n, ref: r, tabIndex: -1, className: ot, children: /* @__PURE__ */ i(ei, { style: { minHeight: "50px" }, children: ({ width: U, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Kn, style: { width: U, height: V }, children: f === Q.PAGE_SCROLLING ? /* @__PURE__ */ i(
+    /* @__PURE__ */ i(xn, { id: n, ref: r, tabIndex: -1, className: ot, children: /* @__PURE__ */ i(ei, { style: { minHeight: "50px" }, children: ({ width: U, height: V }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: Kn, style: { width: U, height: V }, children: h === Q.PAGE_SCROLLING ? /* @__PURE__ */ i(
       "div",
       {
         ref: u,
         style: { width: U, height: V },
         className: ne(de["rp-pages"], de["rp-page-scrolling-wrapper"]),
-        children: g === Re.DUAL_PAGE ? /* @__PURE__ */ i(ti, { widths: M, heights: I }) : /* @__PURE__ */ i(ni, { widths: M, heights: I })
+        children: g === Le.DUAL_PAGE ? /* @__PURE__ */ i(ti, { widths: M, heights: x }) : /* @__PURE__ */ i(ni, { widths: M, heights: x })
       }
     ) : G ? /* @__PURE__ */ i(
       jo,
@@ -2233,9 +2233,9 @@ const ti = ln(({ widths: t, heights: e }) => {
         outerRef: d,
         innerRef: s,
         onScroll: rt,
-        columnCount: O,
+        columnCount: D,
         columnWidth: M,
-        rowHeight: I,
+        rowHeight: x,
         height: V,
         width: U,
         estimatedColumnWidth: G,
@@ -2243,11 +2243,11 @@ const ti = ln(({ widths: t, heights: e }) => {
         rowCount: L,
         className: ne(
           de["rp-pages"],
-          f === Q.HORIZONTAL_SCROLLING ? de["rp-pages-horizontal-scroll"] : ""
+          h === Q.HORIZONTAL_SCROLLING ? de["rp-pages-horizontal-scroll"] : ""
         ),
         children: oi
       }
-    ) : C ? null : /* @__PURE__ */ i(
+    ) : P ? null : /* @__PURE__ */ i(
       "div",
       {
         className: de["rp-loader"],
@@ -2261,7 +2261,7 @@ const ti = ln(({ widths: t, heights: e }) => {
         children: T && /* @__PURE__ */ i(T, {})
       }
     ) }) }) }),
-    b && /* @__PURE__ */ i(qr, {})
+    v && /* @__PURE__ */ i(qr, {})
   ] });
 }, We = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2280,24 +2280,24 @@ const ti = ln(({ widths: t, heights: e }) => {
   const { nextIcon: t } = ue();
   return t || /* @__PURE__ */ i(He, { style: { transform: "rotate(180deg" } });
 }, si = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: u = !0 } = ge(), { isSmallScreen: d } = Pe(), { localeMessages: m } = ae(), { viewMode: v } = Ne(), { scrollMode: p } = Ee();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: u = !0 } = ge(), { isSmallScreen: d } = Pe(), { localeMessages: m } = ae(), { viewMode: w } = Oe(), { scrollMode: p } = Ne();
   F(() => {
     c(t.toString());
   }, [t]);
-  const w = N((h) => {
-    const f = h.target.value;
-    c(f);
-  }, []), P = N(async () => {
-    const h = a(l);
-    h.success || c(h.currentPage.toString());
+  const _ = N((f) => {
+    const h = f.target.value;
+    c(h);
+  }, []), b = N(async () => {
+    const f = a(l);
+    f.success || c(f.currentPage.toString());
   }, [a, l, e]), S = N(() => {
     c(t.toString());
-  }, [t]), _ = N(
-    (h) => {
-      h.key === "Enter" && P();
+  }, [t]), C = N(
+    (f) => {
+      f.key === "Enter" && b();
     },
-    [P]
-  ), y = k(() => v === Re.DUAL_PAGE && p === Q.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, v, p]);
+    [b]
+  ), y = k(() => w === Le.DUAL_PAGE && p === Q.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, w, p]);
   return typeof u != "boolean" ? /* @__PURE__ */ i(
     u,
     {
@@ -2321,9 +2321,9 @@ const ti = ln(({ widths: t, heights: e }) => {
     /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ i(
       dn,
       {
-        onKeyDown: _,
+        onKeyDown: C,
         onBlur: S,
-        onChange: w,
+        onChange: _,
         value: l,
         className: mt["rp-page-input"]
       }
@@ -2343,7 +2343,7 @@ const ti = ln(({ widths: t, heights: e }) => {
     ) })
   ] }) : null;
 };
-var nt = "Dialog", [Rn, js] = Jr(nt), [ci, se] = Rn(nt), Ln = (t) => {
+var nt = "Dialog", [Rn, Ks] = Jr(nt), [ci, se] = Rn(nt), Ln = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -2368,7 +2368,7 @@ var nt = "Dialog", [Rn, js] = Jr(nt), [ci, se] = Rn(nt), Ln = (t) => {
       descriptionId: lt(),
       open: d,
       onOpenChange: m,
-      onOpenToggle: B.useCallback(() => m((v) => !v), [m]),
+      onOpenToggle: B.useCallback(() => m((w) => !w), [m]),
       modal: l,
       children: n
     }
@@ -2425,16 +2425,16 @@ var ui = to("DialogOverlay.RemoveScroll"), pi = B.forwardRef(
       ) })
     );
   }
-), Le = "DialogContent", zn = B.forwardRef(
+), Ee = "DialogContent", zn = B.forwardRef(
   (t, e) => {
-    const n = Nn(Le, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = se(Le, t.__scopeDialog);
+    const n = Nn(Ee, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = se(Ee, t.__scopeDialog);
     return /* @__PURE__ */ i(yt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(hi, { ...r, ref: e }) : /* @__PURE__ */ i(fi, { ...r, ref: e }) });
   }
 );
-zn.displayName = Le;
+zn.displayName = Ee;
 var hi = B.forwardRef(
   (t, e) => {
-    const n = se(Le, t.__scopeDialog), o = B.useRef(null), r = St(e, n.contentRef, o);
+    const n = se(Ee, t.__scopeDialog), o = B.useRef(null), r = St(e, n.contentRef, o);
     return B.useEffect(() => {
       const a = o.current;
       if (a)
@@ -2463,7 +2463,7 @@ var hi = B.forwardRef(
   }
 ), fi = B.forwardRef(
   (t, e) => {
-    const n = se(Le, t.__scopeDialog), o = B.useRef(!1), r = B.useRef(!1);
+    const n = se(Ee, t.__scopeDialog), o = B.useRef(!1), r = B.useRef(!1);
     return /* @__PURE__ */ i(
       An,
       {
@@ -2486,7 +2486,7 @@ var hi = B.forwardRef(
   }
 ), An = B.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, c = se(Le, n), u = B.useRef(null), d = St(e, u);
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, c = se(Ee, n), u = B.useRef(null), d = St(e, u);
     return oo(), /* @__PURE__ */ W(fe, { children: [
       /* @__PURE__ */ i(
         io,
@@ -2549,8 +2549,8 @@ Mn.displayName = kn;
 function Nt(t) {
   return t ? "open" : "closed";
 }
-var Hn = "DialogTitleWarning", [Ks, $n] = Qr(Hn, {
-  contentName: Le,
+var Hn = "DialogTitleWarning", [Xs, $n] = Qr(Hn, {
+  contentName: Ee,
   titleName: Et,
   docsSlug: "dialog"
 }), gi = ({ titleId: t }) => {
@@ -2570,7 +2570,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
     e && r && (document.getElementById(e) || console.warn(o));
   }, [o, t, e]), null;
 }, _i = Ln, bi = On, Ci = Dn, Pi = zn, Ti = Fn, Si = Mn;
-const Ie = {
+const xe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
   "rp-document-dialog": "_rp-document-dialog_slqo7_13",
@@ -2588,12 +2588,12 @@ const Ie = {
       title: u,
       author: d,
       subject: m,
-      createdOn: v,
+      createdOn: w,
       creator: p,
-      keywords: w,
-      modifiedOn: P,
+      keywords: _,
+      modifiedOn: b,
       pdfProducer: S,
-      pdfVersion: _,
+      pdfVersion: C,
       pageCount: y
     } = t;
     return [
@@ -2603,35 +2603,35 @@ const Ie = {
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: u },
       { label: r == null ? void 0 : r.propertiesAuthorLabel, value: d },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
-      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: w },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: _ },
       { label: r == null ? void 0 : r.propertiesCreatorLabel, value: p },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
-        value: v ? kt(v) : ""
+        value: w ? kt(w) : ""
       },
       {
         label: r == null ? void 0 : r.propertiesModifiedOnLabel,
-        value: P ? kt(P) : ""
+        value: b ? kt(b) : ""
       },
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: S },
-      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: _ },
+      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: C },
       { label: r == null ? void 0 : r.propertiesPageCountLabel, value: y }
     ];
   }, [t, r]);
-  return /* @__PURE__ */ i(_i, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(bi, { container: e, children: /* @__PURE__ */ W("div", { className: Ie["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ i(Ci, { className: Ie["rp-dialog-overlay"] }),
-    /* @__PURE__ */ W(Pi, { className: Ie["rp-document-dialog"], children: [
-      /* @__PURE__ */ i(Ti, { className: Ie["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
-      /* @__PURE__ */ i("div", { className: Ie["rp-document-properties"], children: a.map((l, c) => /* @__PURE__ */ i("div", { children: l.separate ? /* @__PURE__ */ i("div", { className: Ie["rp-properties-divider"] }) : /* @__PURE__ */ i(lo, { label: l.label, value: l.value }) }, c)) }),
-      /* @__PURE__ */ i(Si, { asChild: !0, className: Ie["rp-dialog-close"], children: /* @__PURE__ */ i(co, {}) })
+  return /* @__PURE__ */ i(_i, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(bi, { container: e, children: /* @__PURE__ */ W("div", { className: xe["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ i(Ci, { className: xe["rp-dialog-overlay"] }),
+    /* @__PURE__ */ W(Pi, { className: xe["rp-document-dialog"], children: [
+      /* @__PURE__ */ i(Ti, { className: xe["rp-dialog-title"], children: r == null ? void 0 : r.documentPropertiesLabel }),
+      /* @__PURE__ */ i("div", { className: xe["rp-document-properties"], children: a.map((l, c) => /* @__PURE__ */ i("div", { children: l.separate ? /* @__PURE__ */ i("div", { className: xe["rp-properties-divider"] }) : /* @__PURE__ */ i(lo, { label: l.label, value: l.value }) }, c)) }),
+      /* @__PURE__ */ i(Si, { asChild: !0, className: xe["rp-dialog-close"], children: /* @__PURE__ */ i(co, {}) })
     ] })
   ] }) }) });
-}, xi = {
+}, Ii = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, nn = ".pdf", Ii = (t) => URL.createObjectURL(t), Ri = async (t) => {
+}, nn = ".pdf", xi = (t) => URL.createObjectURL(t), Ri = async (t) => {
   const n = await (await fetch(t)).blob();
-  return Ii(n);
+  return xi(n);
 }, Gn = () => {
   const { filename: t, pdfSrc: e } = ee(), { downloadFilename: n } = fr(), o = (a) => {
     const l = n || a;
@@ -2694,60 +2694,61 @@ const Ie = {
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(Ai, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(xt, {})
+    /* @__PURE__ */ i(It, {})
   ] }) : null;
 }, Wi = () => {
-  const { container: t, pagesRef: e } = me(), { isSmallScreen: n } = Pe(), {
-    openFileTool: o,
-    downloadTool: r,
-    documentProperties: a,
-    scrollModeTool: l,
-    rotateTool: c,
-    selectionModeTool: u,
-    jumpNavigationTool: d,
-    printTool: m,
-    fullscreenTool: v
-  } = ge(), { localeMessages: p } = ae(), [w, P] = $(0), S = H(
-    new ResizeObserver((y) => {
-      P(y[0].contentRect.height);
+  const [t, e] = $(!1), { container: n, pagesRef: o } = me(), { isSmallScreen: r } = Pe(), {
+    openFileTool: a,
+    downloadTool: l,
+    documentProperties: c,
+    scrollModeTool: u,
+    rotateTool: d,
+    selectionModeTool: m,
+    jumpNavigationTool: w,
+    printTool: p,
+    fullscreenTool: _
+  } = ge(), { localeMessages: b } = ae(), [S, C] = $(0), y = H(
+    new ResizeObserver((h) => {
+      C(h[0].contentRect.height);
     })
-  ), _ = k(() => {
-    const y = d || c || u || l || a;
-    let h = !1;
-    return n && (h = !(!o && !r && !m && !v)), y || h;
+  ), f = k(() => {
+    const h = w || d || m || u || c;
+    let g = !1;
+    return r && (g = !(!a && !l && !p && !_)), h || g;
   }, [
-    o,
-    r,
     a,
     l,
     c,
     u,
     d,
-    n
+    m,
+    w,
+    r
   ]);
-  return F(() => (e && S.current.observe(e), () => {
-    S.current.disconnect();
-  }), [e]), _ ? /* @__PURE__ */ W(po, { children: [
+  return F(() => (o && y.current.observe(o), () => {
+    y.current.disconnect();
+  }), [o]), f ? /* @__PURE__ */ W(po, { children: [
     /* @__PURE__ */ i(
       mn,
       {
-        container: t,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": p == null ? void 0 : p.moreOptionTooltip, children: /* @__PURE__ */ i(Yr, {}) }) }) }),
+        container: n,
+        onOpenChange: e,
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: b == null ? void 0 : b.moreOptionTooltip, children: /* @__PURE__ */ i(re, { active: t, "aria-label": b == null ? void 0 : b.moreOptionTooltip, children: /* @__PURE__ */ i(Yr, {}) }) }) }),
         side: "bottom",
         avoidCollisions: !1,
         children: /* @__PURE__ */ W(
           "div",
           {
-            style: { maxHeight: `${w}px`, overflow: "auto" },
-            className: xi["rp-other-tool-content"],
+            style: { maxHeight: `${S}px`, overflow: "auto" },
+            className: Ii["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
-              n && /* @__PURE__ */ W(Ke, { children: [
+              r && /* @__PURE__ */ W(Ke, { children: [
                 /* @__PURE__ */ i(fn, {}),
                 /* @__PURE__ */ i(qn, {}),
                 /* @__PURE__ */ i(jn, {}),
                 /* @__PURE__ */ i(gn, {}),
-                /* @__PURE__ */ i(xt, {})
+                /* @__PURE__ */ i(It, {})
               ] }),
               /* @__PURE__ */ i(Fi, {}),
               /* @__PURE__ */ i(fo, {}),
@@ -2774,80 +2775,86 @@ const Ie = {
     ] }),
     /* @__PURE__ */ i(Wi, {})
   ] });
-}, De = {
-  "rp-zoom-wrapper": "_rp-zoom-wrapper_cocqs_1",
-  "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_cocqs_6",
-  "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"
-}, Mi = 25, gt = 1e3, Hi = [50, 75, 100, 125, 150, 200, 300, 400], $i = () => {
+}, Mi = "_active_1fv1b_11", Re = {
+  "rp-zoom-wrapper": "_rp-zoom-wrapper_1fv1b_1",
+  "rp-current-zoom-wrapper": "_rp-current-zoom-wrapper_1fv1b_6",
+  active: Mi,
+  "rp-current-zoom-icon": "_rp-current-zoom-icon_1fv1b_15",
+  "rp-current-zoom-text": "_rp-current-zoom-text_1fv1b_20",
+  "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_1fv1b_24"
+}, Hi = 25, gt = 1e3, $i = [50, 75, 100, 125, 150, 200, 300, 400], Gi = () => {
   const { zoomInIcon: t } = ue();
   return t || /* @__PURE__ */ i(bo, {});
-}, Gi = () => {
+}, Ui = () => {
   const { zoomOutIcon: t } = ue();
   return t || /* @__PURE__ */ i(Co, {});
-}, Ui = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = me(), { zoomTool: r = !0 } = ge(), { focusedPage: a } = ie(), { pageRotate: l } = Ue(), { pages: c } = ee(), { isSmallScreen: u } = Pe(), { localeMessages: d } = ae(), { viewMode: m } = Ne(), [v, p] = $(0), w = H(
-    new ResizeObserver((s) => {
-      p(s[0].contentRect.height);
+}, Vi = () => {
+  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = me(), { zoomTool: r = !0 } = ge(), { focusedPage: a } = ie(), { pageRotate: l } = Ue(), { pages: c } = ee(), { isSmallScreen: u } = Pe(), { localeMessages: d } = ae(), { viewMode: m } = Oe(), [w, p] = $(0), [_, b] = $(!1), S = H(
+    new ResizeObserver((v) => {
+      p(v[0].contentRect.height);
     })
-  ), P = N(() => {
-    e((s) => {
-      const C = Math.floor(s / 25) * 25;
-      return Math.min(C + 25, gt);
+  ), C = N(() => {
+    e((v) => {
+      const T = Math.floor(v / 25) * 25;
+      return Math.min(T + 25, gt);
     });
-  }, [e]), S = N(() => {
-    e((s) => {
-      const C = Math.ceil(s / 25) * 25;
-      return Math.min(C - 25, gt);
+  }, [e]), y = N(() => {
+    e((v) => {
+      const T = Math.ceil(v / 25) * 25;
+      return Math.min(T - 25, gt);
     });
-  }, [e]), _ = k(() => t === Mi, [t]), y = k(() => t === gt, [t]), h = k(() => {
-    const s = c.get(a);
-    return s ? s.page.getViewport({ scale: 1, rotation: l[a] }) : null;
-  }, [c, a, l]), f = N(
-    (s) => {
-      const C = ((h == null ? void 0 : h.width) || 0) + 2 * Mt, b = ((h == null ? void 0 : h.height) || 0) + 2 * Mt, T = (o == null ? void 0 : o.clientWidth) || 0, E = (o == null ? void 0 : o.clientHeight) || 0, x = Po(
-        s,
+  }, [e]), f = k(() => t === Hi, [t]), h = k(() => t === gt, [t]), g = k(() => {
+    const v = c.get(a);
+    return v ? v.page.getViewport({ scale: 1, rotation: l[a] }) : null;
+  }, [c, a, l]), s = N(
+    (v) => {
+      const T = ((g == null ? void 0 : g.width) || 0) + 2 * Mt, E = ((g == null ? void 0 : g.height) || 0) + 2 * Mt, I = (o == null ? void 0 : o.clientWidth) || 0, R = (o == null ? void 0 : o.clientHeight) || 0, O = Po(
+        v,
+        I,
+        R,
         T,
         E,
-        C,
-        b,
         m
       );
-      e(x);
+      e(O);
     },
-    [e, h, o]
-  ), g = N(
-    (s) => {
-      typeof s == "number" ? e(s) : f(s);
+    [e, g, o]
+  ), P = N(
+    (v) => {
+      typeof v == "number" ? e(v) : s(v);
     },
-    [e, f]
+    [e, s]
   );
-  return F(() => (o && w.current.observe(o), () => {
-    w.current.disconnect();
-  }), [o]), typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ W("div", { className: De["rp-zoom-wrapper"], children: [
+  return F(() => (o && S.current.observe(o), () => {
+    S.current.disconnect();
+  }), [o]), typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ W("div", { className: Re["rp-zoom-wrapper"], children: [
     /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.zoomOutTooltip, children: /* @__PURE__ */ i(
       re,
       {
-        disabled: _,
-        onClick: S,
+        disabled: f,
+        onClick: y,
         "aria-label": d == null ? void 0 : d.zoomOutTooltip,
-        children: /* @__PURE__ */ i(Gi, {})
+        children: /* @__PURE__ */ i(Ui, {})
       }
     ) }),
     !u && /* @__PURE__ */ i(
       mn,
       {
         container: n,
+        open: _,
+        onOpenChange: b,
         triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.zoomSelectTooltip, children: /* @__PURE__ */ W(
           re,
           {
-            className: De["rp-current-zoom-wrapper"],
+            className: ne(
+              Re["rp-current-zoom-wrapper"],
+              _ && Re.active
+            ),
             "aria-label": d == null ? void 0 : d.zoomSelectTooltip,
             children: [
-              /* @__PURE__ */ i("span", { className: De["rp-current-zoom-text"], children: t }),
-              /* @__PURE__ */ i("span", { className: De["rp-current-zoom-text"], children: "%" }),
-              /* @__PURE__ */ i(He, { className: De["rp-current-zoom-icon"] })
+              /* @__PURE__ */ i("span", { className: Re["rp-current-zoom-text"], children: t }),
+              /* @__PURE__ */ i("span", { className: Re["rp-current-zoom-text"], children: "%" }),
+              /* @__PURE__ */ i(He, { className: Re["rp-current-zoom-icon"] })
             ]
           }
         ) }) }),
@@ -2858,19 +2865,19 @@ const Ie = {
         children: /* @__PURE__ */ W(
           "div",
           {
-            style: { maxHeight: `${v}px`, overflow: "auto" },
-            className: De["rp-zoom-dropdown-content"],
+            style: { maxHeight: `${w}px`, overflow: "auto" },
+            className: Re["rp-zoom-dropdown-content"],
             children: [
               /* @__PURE__ */ W(Ke, { children: [
-                /* @__PURE__ */ i(Ce, { onClick: () => g(st.ACTUAL), children: d == null ? void 0 : d.zoomActualSize }),
-                /* @__PURE__ */ i(Ce, { onClick: () => g(st.PAGE_FIT), children: d == null ? void 0 : d.zoomPageFit }),
-                /* @__PURE__ */ i(Ce, { onClick: () => g(st.PAGE_WIDTH), children: d == null ? void 0 : d.zoomPageWidth })
+                /* @__PURE__ */ i(Ce, { onClick: () => P(st.ACTUAL), children: d == null ? void 0 : d.zoomActualSize }),
+                /* @__PURE__ */ i(Ce, { onClick: () => P(st.PAGE_FIT), children: d == null ? void 0 : d.zoomPageFit }),
+                /* @__PURE__ */ i(Ce, { onClick: () => P(st.PAGE_WIDTH), children: d == null ? void 0 : d.zoomPageWidth })
               ] }),
-              /* @__PURE__ */ i(xt, {}),
-              /* @__PURE__ */ i(Ke, { children: Hi.map((s) => /* @__PURE__ */ W(Ce, { onClick: () => g(s), children: [
-                s,
+              /* @__PURE__ */ i(It, {}),
+              /* @__PURE__ */ i(Ke, { children: $i.map((v) => /* @__PURE__ */ W(Ce, { onClick: () => P(v), children: [
+                v,
                 " %"
-              ] }, s)) })
+              ] }, v)) })
             ]
           }
         )
@@ -2879,10 +2886,10 @@ const Ie = {
     /* @__PURE__ */ i(K, { content: d == null ? void 0 : d.zoomInTooltip, children: /* @__PURE__ */ i(
       re,
       {
-        disabled: y,
-        onClick: P,
+        disabled: h,
+        onClick: C,
         "aria-label": d == null ? void 0 : d.zoomInTooltip,
-        children: /* @__PURE__ */ i($i, {})
+        children: /* @__PURE__ */ i(Gi, {})
       }
     ) })
   ] }) : null;
@@ -2891,7 +2898,7 @@ const Ie = {
     totalMatches: t,
     nextMatch: e,
     prevMatch: n
-  } = It(), { localeMessages: o } = ae();
+  } = xt(), { localeMessages: o } = ae();
   return /* @__PURE__ */ W(fe, { children: [
     /* @__PURE__ */ i(K, { content: o == null ? void 0 : o.searchPrevTooltip, className: J["rp-search-tool-result-navigator"], children: /* @__PURE__ */ i(re, { onClick: n, "aria-label": o == null ? void 0 : o.searchPrevTooltip, children: /* @__PURE__ */ i(
       He,
@@ -2912,52 +2919,52 @@ const Ie = {
 }, an = () => {
   const { searchIcon: t } = ue();
   return t || /* @__PURE__ */ i(To, {});
-}, Vi = () => {
+}, qi = () => {
   const { container: t } = me(), [e, n] = $(!1), { pdf: o } = ee(), [r, a] = $(null), {
     searchOptions: l,
     setSearchOptions: c,
     loading: u,
     setSearch: d,
     totalMatches: m,
-    currentMatchPosition: v,
+    currentMatchPosition: w,
     nextMatch: p,
-    prevMatch: w,
-    search: P
-  } = It(), { searchTool: S = !0 } = ge(), [_, y] = $(P), { localeMessages: h } = ae(), { isSmallScreen: f } = Pe(), g = N(() => {
+    prevMatch: _,
+    search: b
+  } = xt(), { searchTool: S = !0 } = ge(), [C, y] = $(b), { localeMessages: f } = ae(), { isSmallScreen: h } = Pe(), g = N(() => {
     n(!0);
   }, []), s = N(() => {
     d(""), y(""), n(!1);
-  }, [d]), C = (I) => {
-    const O = I.key === "Enter", M = I.key === " ";
-    (O || M) && s();
-  }, b = N(
-    (I) => {
-      I.key === "Escape" && e && s();
+  }, [d]), P = (x) => {
+    const D = x.key === "Enter", M = x.key === " ";
+    (D || M) && s();
+  }, v = N(
+    (x) => {
+      x.key === "Escape" && e && s();
     },
     [e]
   ), T = N(
-    (I) => {
-      I.shiftKey && I.key === "Enter" ? w() : I.key === "Enter" && P !== _ ? d(_) : I.key === "Enter" && p();
+    (x) => {
+      x.shiftKey && x.key === "Enter" ? _() : x.key === "Enter" && b !== C ? d(C) : x.key === "Enter" && p();
     },
-    [_, w, p, d, P]
+    [C, _, p, d, b]
   );
-  F(() => (window.addEventListener("keydown", b), () => {
-    window.removeEventListener("keydown", b);
-  }), [b]), F(() => {
+  F(() => (window.addEventListener("keydown", v), () => {
+    window.removeEventListener("keydown", v);
+  }), [v]), F(() => {
     r && r.focus();
   }, [r]);
-  const E = N((I) => {
-    y(I.target.value);
-  }, []), x = N(() => {
+  const E = N((x) => {
+    y(x.target.value);
+  }, []), I = N(() => {
     y(""), d("");
-  }, [d]), R = k(() => `${v} / ${m}`, [v, m]), { wholeWords: D, matchCase: z } = k(() => l, [l]), A = N(
-    (I) => {
-      c((O) => ({ ...O, matchCase: I }));
+  }, [d]), R = k(() => `${w} / ${m}`, [w, m]), { wholeWords: O, matchCase: z } = k(() => l, [l]), A = N(
+    (x) => {
+      c((D) => ({ ...D, matchCase: x }));
     },
     [c]
   ), L = N(
-    (I) => {
-      c((O) => ({ ...O, wholeWords: I }));
+    (x) => {
+      c((D) => ({ ...D, wholeWords: x }));
     },
     [c]
   );
@@ -2968,50 +2975,58 @@ const Ie = {
     {
       open: e,
       container: t,
-      triggerComponent: /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchButtonTooltip, children: /* @__PURE__ */ i(re, { onClick: g, "aria-label": h == null ? void 0 : h.searchButtonTooltip, children: /* @__PURE__ */ i(an, {}) }) }),
+      triggerComponent: /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ i(
+        re,
+        {
+          onClick: g,
+          active: e,
+          "aria-label": f == null ? void 0 : f.searchButtonTooltip,
+          children: /* @__PURE__ */ i(an, {})
+        }
+      ) }),
       children: /* @__PURE__ */ W("div", { className: J["rp-search-tool-content"], children: [
         /* @__PURE__ */ W("div", { className: J["rp-search-tool-input-wrapper"], children: [
           /* @__PURE__ */ W("div", { className: J["rp-search-tool-input"], children: [
-            /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchInputTooltip, children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.searchInputTooltip, children: /* @__PURE__ */ i(
               dn,
               {
-                value: _,
+                value: C,
                 onKeyDown: T,
                 onChange: E,
                 icon: /* @__PURE__ */ i(an, {}),
-                placeholder: h == null ? void 0 : h.searchInputPlaceholder,
+                placeholder: f == null ? void 0 : f.searchInputPlaceholder,
                 className: J["rp-search-input"],
                 ref: a,
-                children: !!_ && /* @__PURE__ */ i("span", { className: J["rp-search-tool-input-clear"], onClick: x, children: /* @__PURE__ */ i(So, {}) })
+                children: !!C && /* @__PURE__ */ i("span", { className: J["rp-search-tool-input-clear"], onClick: I, children: /* @__PURE__ */ i(So, {}) })
               }
             ) }),
             u ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Pt, { className: J["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: R }),
-            f && /* @__PURE__ */ i("div", { className: J["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s }) })
+            h && /* @__PURE__ */ i("div", { className: J["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: P, handleClose: s }) })
           ] }),
           /* @__PURE__ */ W("div", { className: J["rp-search-tool-input-checkboxes"], children: [
-            f && /* @__PURE__ */ i(on, {}),
-            /* @__PURE__ */ i($t, { name: "matchCase", value: z, onChange: A, children: h == null ? void 0 : h.searchMatchCaseLabel }),
-            !f && /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: J["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) }),
-            /* @__PURE__ */ i($t, { name: "wholeWord", value: D, onChange: L, children: h == null ? void 0 : h.searchWholeWordsLabel }),
-            !f && /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: J["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) })
+            h && /* @__PURE__ */ i(on, {}),
+            /* @__PURE__ */ i($t, { name: "matchCase", value: z, onChange: A, children: f == null ? void 0 : f.searchMatchCaseLabel }),
+            !h && /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: J["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) }),
+            /* @__PURE__ */ i($t, { name: "wholeWord", value: O, onChange: L, children: f == null ? void 0 : f.searchWholeWordsLabel }),
+            !h && /* @__PURE__ */ i(K, { content: f == null ? void 0 : f.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: J["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) })
           ] })
         ] }),
-        !f && /* @__PURE__ */ W("div", { className: J["rp-search-tool-controls"], children: [
+        !h && /* @__PURE__ */ W("div", { className: J["rp-search-tool-controls"], children: [
           /* @__PURE__ */ i(on, {}),
-          /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s })
+          /* @__PURE__ */ i(Ht, { onKeyPress: P, handleClose: s })
         ] })
       ] })
     }
   ) }) : null;
-}, qi = "_loading_wazy2_1", ze = {
+}, Bi = "_loading_wazy2_1", ze = {
   "rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
   "rp-loading-modal": "_rp-loading-modal_wazy2_14",
   "rp-loading-title": "_rp-loading-title_wazy2_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_wazy2_35",
   "rp-loading-progress": "_rp-loading-progress_wazy2_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_wazy2_55",
-  loading: qi
-}, Bi = ({ percentage: t }) => {
+  loading: Bi
+}, Zi = ({ percentage: t }) => {
   const { cancel: e } = tt(), { localeMessages: n } = ae();
   return t < 1 ? null : /* @__PURE__ */ i("div", { className: ne(ze["rp-loading-overlay"]), children: /* @__PURE__ */ W("div", { className: ne(ze["rp-loading-modal"]), children: [
     /* @__PURE__ */ W("div", { className: ne(ze["rp-loading-title"]), children: [
@@ -3027,18 +3042,18 @@ const Ie = {
     ) }),
     /* @__PURE__ */ i("button", { className: ne(ze["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
-}, Zi = $e((t, e) => {
+}, ji = $e((t, e) => {
   const { showPrintProgress: n } = ge(), { progress: o } = tt(), { isSmallScreen: r } = Pe(), { percentage: a } = o || {}, l = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ W("div", { children: [
     /* @__PURE__ */ i("div", { "data-rp": "topBar", ref: e, className: We["rp-toolbar-content"], children: /* @__PURE__ */ W("div", { className: We["rp-toolbar-wrapper"], style: l(), children: [
       /* @__PURE__ */ W("div", { "data-rp": "topBarLeft", className: We["rp-toolbar-start"], children: [
-        /* @__PURE__ */ i(Vi, {}),
+        /* @__PURE__ */ i(qi, {}),
         /* @__PURE__ */ i(si, {})
       ] }),
-      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: We["rp-toolbar-middle"], children: /* @__PURE__ */ i(Ui, {}) }),
+      /* @__PURE__ */ i("div", { "data-rp": "topBarCenter", className: We["rp-toolbar-middle"], children: /* @__PURE__ */ i(Vi, {}) }),
       /* @__PURE__ */ i("div", { "data-rp": "topBarRight", className: We["rp-toolbar-end"], children: /* @__PURE__ */ i(ki, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ i(Bi, { percentage: a }) : null
+    n && a ? /* @__PURE__ */ i(Zi, { percentage: a }) : null
   ] });
 }), vt = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_1sdl6_1",
@@ -3051,7 +3066,7 @@ const Ie = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, ji = (t) => {
+}, Ki = (t) => {
   const { thumbnailSrc: e, pageNumber: n, isFocused: o, viewport: r } = t, { goToPage: a } = ie(), { pageRotate: l } = Ue(), c = k(() => o ? ke["rp-thumbnail-active"] : "", [o]), u = k(() => ({
     width: Math.round(r.width),
     height: Math.round(r.height)
@@ -3100,37 +3115,37 @@ const Ie = {
 }, sn = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Ki = 16, Xi = (t, e) => {
+}, Xi = 16, Yi = (t, e) => {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
-  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Ki);
-}, Yi = $e((t, e) => {
+  t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Xi);
+}, Ji = $e((t, e) => {
   const { show: n } = t, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: l, thumbnailLength: c, addToPage: u } = Pn(), d = H(null), m = H(1);
   cn(e, () => d.current);
-  const v = k(() => Object.values(a), [a]), p = N(() => {
-    const w = c + 1;
-    w <= r && l(w);
+  const w = k(() => Object.values(a), [a]), p = N(() => {
+    const _ = c + 1;
+    _ <= r && l(_);
   }, [l, r, c]);
   return F(() => {
-    o > c ? u(o) : n && m.current !== o && (Xi(d.current, o), m.current = o);
-  }, [o, c, u, n, v]), gr(d.current, p), /* @__PURE__ */ i("div", { ref: d, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? v.map((w, P) => {
-    var S, _;
+    o > c ? u(o) : n && m.current !== o && (Yi(d.current, o), m.current = o);
+  }, [o, c, u, n, w]), gr(d.current, p), /* @__PURE__ */ i("div", { ref: d, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? w.map((_, b) => {
+    var S, C;
     return /* @__PURE__ */ i(
-      ji,
+      Ki,
       {
-        isFocused: o === ((S = w.page) == null ? void 0 : S.pageNumber),
-        pageNumber: (_ = w.page) == null ? void 0 : _.pageNumber,
-        thumbnailSrc: w.thumbnailSrc,
-        loading: w.loading,
-        viewport: w.viewport,
-        defaultRotation: w.defaultRotation
+        isFocused: o === ((S = _.page) == null ? void 0 : S.pageNumber),
+        pageNumber: (C = _.page) == null ? void 0 : C.pageNumber,
+        thumbnailSrc: _.thumbnailSrc,
+        loading: _.loading,
+        viewport: _.viewport,
+        defaultRotation: _.defaultRotation
       },
-      P
+      b
     );
   }) : null }) });
-}), Ji = () => {
+}), Qi = () => {
   const { thumbnailIcon: t } = ue();
   return t || /* @__PURE__ */ i(mr, {});
-}, Qi = () => {
+}, ea = () => {
   const { active: t, setActive: e } = Pn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: l } = ge(), { localeMessages: c } = ae(), u = N(() => {
     e((m) => !m);
   }, []), d = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: u, active: t }) : a ? /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.thumbnailTooltip, children: /* @__PURE__ */ i(
@@ -3139,7 +3154,7 @@ const Ie = {
       onClick: u,
       active: t,
       "aria-label": c == null ? void 0 : c.thumbnailTooltip,
-      children: /* @__PURE__ */ i(Ji, {})
+      children: /* @__PURE__ */ i(Qi, {})
     }
   ) }) : null, [a, t, u, c]);
   return /* @__PURE__ */ i(fe, { children: l && /* @__PURE__ */ W(
@@ -3157,7 +3172,7 @@ const Ie = {
             hidden: !t,
             className: vt["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ i(Yi, { show: t, ref: r }),
+              /* @__PURE__ */ i(Ji, { show: t, ref: r }),
               /* @__PURE__ */ i(vr, { onWidthChange: o, thumbnailRef: r })
             ]
           }
@@ -3165,7 +3180,7 @@ const Ie = {
       ]
     }
   ) });
-}, Xs = $e((t, e) => {
+}, Ys = $e((t, e) => {
   const {
     children: n,
     slots: o,
@@ -3176,16 +3191,16 @@ const Ie = {
     onLoaded: u,
     cleanupOnLoaded: d,
     onLayoutWidthChange: m
-  } = t, [v, p] = $(null), { setContainer: w, setContentRef: P } = me(), { loading: S } = ee(), { LoaderImageComponent: _ } = hn();
+  } = t, [w, p] = $(null), { setContainer: _, setContentRef: b } = me(), { loading: S } = ee(), { LoaderImageComponent: C } = hn();
   return F(() => (u && u(), () => {
     d && d();
-  }), [u, d]), /* @__PURE__ */ i(In, { toolbarRef: v, ref: e, children: /* @__PURE__ */ i(Tr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(wr, { slots: o, children: /* @__PURE__ */ i(_r, { icons: r, children: /* @__PURE__ */ W(br, { getContainerRef: w, style: a, className: l, children: [
+  }), [u, d]), /* @__PURE__ */ i(xn, { toolbarRef: w, ref: e, children: /* @__PURE__ */ i(Tr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(wr, { slots: o, children: /* @__PURE__ */ i(_r, { icons: r, children: /* @__PURE__ */ W(br, { getContainerRef: _, style: a, className: l, children: [
     /* @__PURE__ */ W(Cr, { children: [
       /* @__PURE__ */ W("div", { className: be["rp-layout"], children: [
-        /* @__PURE__ */ i(Zi, { ref: p }),
+        /* @__PURE__ */ i(ji, { ref: p }),
         /* @__PURE__ */ W("div", { className: be["rp-content"], children: [
-          /* @__PURE__ */ i("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ i(Qi, {}) }),
-          /* @__PURE__ */ i("div", { ref: P, className: be["rp-pages"], children: n })
+          /* @__PURE__ */ i("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ i(ea, {}) }),
+          /* @__PURE__ */ i("div", { ref: b, className: be["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ i(Pr, {})
@@ -3213,7 +3228,7 @@ const Ie = {
               height: "100%",
               width: "100%"
             },
-            children: _ && /* @__PURE__ */ i(_, {})
+            children: C && /* @__PURE__ */ i(C, {})
           }
         )
       }
@@ -3225,32 +3240,32 @@ export {
   on as B,
   Lo as C,
   ti as D,
-  Vi as E,
+  qi as E,
   qn as F,
-  Bi as G,
-  Zi as H,
-  ji as I,
-  Yi as J,
-  Qi as K,
-  In as L,
+  Zi as G,
+  ji as H,
+  Ki as I,
+  Ji as J,
+  ea as K,
+  xn as L,
   Fi as M,
   Wi as O,
-  Us as P,
-  Zs as R,
-  Bs as S,
-  qs as T,
-  Ui as Z,
-  Xs as a,
+  Vs as P,
+  js as R,
+  Zs as S,
+  Bs as T,
+  Vi as Z,
+  Ys as a,
   Gn as b,
   tt as c,
-  It as d,
-  Vs as e,
+  xt as d,
+  qs as e,
   wn as f,
   yo as g,
   _n as h,
-  xo as i,
+  Io as i,
   bn as j,
-  Io as k,
+  xo as k,
   Cn as l,
   Pn as m,
   Ro as n,