@pdf-viewer/react 1.7.3-rc.1 → 1.7.3-rc.3

package/dist/{RPDefaultLayout-7af301cf.js → RPDefaultLayout-1ff68a43.js}

@@ -4,7 +4,7 @@ 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 Ie, ScrollMode as J, AnnotationSubType as zt, SelectionMode as tr, ZoomLevel as at } from "./utils/types.js";
+import { ViewMode as Ie, ScrollMode as J, AnnotationSubType as Dt, SelectionMode as tr, ZoomLevel as at } from "./utils/types.js";
 import { useScrollModeContext as Le } from "./contexts/ScrollModeContext.js";
 import { useDocumentContext as Q } from "./contexts/RPDocumentContext.js";
 import { useDocumentPasswordContext as nr } from "./contexts/DocumentPasswordContext.js";
@@ -47,7 +47,7 @@ import { useThemeContext as Tr } from "./contexts/ThemeContext.js";
 import * as Sr from "pdfjs-dist";
 import { PixelsPerInch as yr, AnnotationMode as xr, RenderingCancelledException as Ir, AnnotationLayer as Rr } from "pdfjs-dist";
 import { SimpleLinkService as Lr } from "./utils/link_service.js";
-import { annotationsEvents as Er, annotationEventsHandler as Nr, handleClick as At, handleAnnotationWidget as Or, handleAnnotationLink as Dr, bindLayerEvents as zr, unbindLayerEvents as Ft } from "./utils/annotations.js";
+import { annotationsEvents as Er, annotationEventsHandler as Nr, handleClick as At, handleAnnotationWidget as Or, handleAnnotationLink as zr, bindLayerEvents as Dr, unbindLayerEvents as Ft } from "./utils/annotations.js";
 import { normalizeSingleKeyword as Ar, sortHighlightPosition as Fr, unwrap as Wr } from "./components/page/searchHighlight.js";
 import { _ as kr, U as Mr } from "./Popover-1faa77f6.js";
 import { useMousePressed as Hr } from "./utils/hooks/useMousePressed.js";
@@ -94,20 +94,20 @@ import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { ClearIcon as Po } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const wn = () => {
-  const { viewMode: t } = Ee(), { scrollMode: e } = Le(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: d, heights: h } = Ue(), m = H(e), P = H(t), p = H(c), { targetScrollPage: v } = pn();
+  const { viewMode: t } = Ee(), { scrollMode: e } = Le(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: d, heights: p } = Ue(), m = H(e), P = H(t), u = H(c), { targetScrollPage: v } = pn();
   F(() => {
     n != null && n.scrollToItem && (l.current = n);
   }, [n]), F(() => {
     m.current = e, P.current = t;
   }, [e, t]);
-  const w = N(
-    (b, T) => {
+  const _ = N(
+    (C, T) => {
       if (!r)
         return;
-      const u = Math.ceil(b / 2) * 2 - 1;
-      if (b === u + 1) {
+      const h = Math.ceil(C / 2) * 2 - 1;
+      if (C === h + 1) {
         const g = {
-          left: d[u],
+          left: d[h],
           top: 0
         };
         return new Promise(
@@ -128,66 +128,66 @@ import './assets/RPDefaultLayout.css';const wn = () => {
   return F(() => {
     m.current = e, P.current = t;
   }, [e, t]), F(() => {
-    p.current = c;
+    u.current = c;
   }, [c]), { scrollToPage: N(
-    (b, T = "smooth") => {
-      a(b);
-      const u = b - 1;
-      let f = u, g = 0;
+    (C, T = "smooth") => {
+      a(C);
+      const h = C - 1;
+      let f = h, g = 0;
       if (P.current === Ie.DUAL_PAGE && m.current === J.PAGE_SCROLLING) {
-        w(b, T);
+        _(C, T);
         return;
       }
       if (m.current === J.PAGE_SCROLLING) {
-        a(b);
+        a(C);
         return;
       }
       if (!l.current || !o)
         return;
       const s = o;
-      if (v.current = b, m.current === J.HORIZONTAL_SCROLLING) {
-        g = u;
-        const y = {
+      if (v.current = C, m.current === J.HORIZONTAL_SCROLLING) {
+        g = h;
+        const S = {
           left: Ae(d, g),
           top: 0
         };
         return s.scrollTo({
-          ...y,
+          ...S,
           behavior: T
         });
       }
       if (P.current === Ie.DUAL_PAGE) {
-        g = u % 2, f = Math.floor(u / 2);
-        const y = {
+        g = h % 2, f = Math.floor(h / 2);
+        const S = {
           left: Ae(d, g),
-          top: Ae(h, f)
+          top: Ae(p, f)
         };
         return s.scrollTo({
-          ...y,
+          ...S,
           behavior: T
         });
       }
-      const C = {
+      const w = {
         left: 0,
-        top: Ae(h, f)
+        top: Ae(p, f)
       };
       return s.scrollTo({
-        ...C,
+        ...w,
         behavior: T
       });
     },
     [
       o,
       c,
-      w,
+      _,
       a,
       st,
-      h,
+      p,
       d
     ]
   ) };
 }, To = (t = 1) => {
-  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ee(), { scrollMode: d } = Le(), { widths: h } = Ue(), { pagesRef: m } = ge(), P = Pt(e, 100), p = N(
+  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ee(), { scrollMode: d } = Le(), { widths: p } = Ue(), { pagesRef: m } = ge(), P = Pt(e, 100), u = N(
     (f) => {
       if (!/^[0-9]*$/g.test(f.toString()) || !f)
         return { success: !1, currentPage: l.current };
@@ -195,35 +195,35 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       return s < 0 || s > o ? { success: !1, currentPage: l.current } : (n(s), l.current = s, { success: !0, currentPage: +f });
     },
     [o]
-  ), v = N(p, [p]), w = N(
+  ), v = N(u, [u]), _ = N(
     (f) => {
-      const g = p(f);
+      const g = u(f);
       return g.success && a(g.currentPage), g;
     },
-    [p, a]
-  ), S = N((f) => {
+    [u, a]
+  ), y = N((f) => {
     const g = f % 2 === 1;
     if (!m || g)
       return !1;
-    const s = g ? h[f] : h[f - 1], C = g ? h[f + 1] : h[f];
-    return c === Ie.DUAL_PAGE && s + C < m.clientWidth;
-  }, [c, h, m, o]), b = N(() => {
+    const s = g ? p[f] : p[f - 1], w = g ? p[f + 1] : p[f];
+    return c === Ie.DUAL_PAGE && s + w < m.clientWidth;
+  }, [c, p, m, o]), C = N(() => {
     let f = e - 1;
-    S(f) && (f = e - 2), w(f);
-  }, [w, e, c, d, S]), T = k(() => c === Ie.DUAL_PAGE && d === J.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, d]), u = N(() => {
+    y(f) && (f = e - 2), _(f);
+  }, [_, e, c, d, y]), T = k(() => c === Ie.DUAL_PAGE && d === J.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, d]), h = N(() => {
     if (T)
       return;
     let f = e + 1;
-    S(f) && (f = e + 2), w(f);
-  }, [w, e, S, c, d, T]);
+    y(f) && (f = e + 2), _(f);
+  }, [_, e, y, c, d, T]);
   return {
     focusedPage: P,
     totalPages: o,
     setFocusedPage: v,
     setTotalPages: r,
-    nextPage: u,
-    prevPage: b,
-    goToPage: w
+    nextPage: h,
+    prevPage: C,
+    goToPage: _
   };
 }, _n = Ye({
   focusedPage: 0,
@@ -265,7 +265,7 @@ const So = () => {
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, a] = $(!1), [l, c] = $(!1), [d, h] = $(null), m = H(!1);
+  }), [r, a] = $(!1), [l, c] = $(!1), [d, p] = $(null), m = H(!1);
   F(() => {
     m.current;
   }, [m]);
@@ -273,147 +273,147 @@ const So = () => {
     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();
-  }, []), p = N(() => {
-    m.current = !1, a(!1), c(!1), h(null), o({
+  }, []), u = N(() => {
+    m.current = !1, a(!1), c(!1), p(null), o({
       loadedPages: 0,
       totalPages: 0,
       percentage: 0
     });
   }, []), v = () => {
     m.current = !0;
-  }, w = async ({
+  }, _ = async ({
     scratchCanvas: f,
     pdfDocument: g,
     pageNumber: s,
-    viewerPdfPage: C,
-    printResolution: _,
-    optionalContentConfigPromise: y,
+    viewerPdfPage: w,
+    printResolution: b,
+    optionalContentConfigPromise: S,
     printAnnotationStoragePromise: E
   }) => {
     if (m.current) {
-      p();
+      u();
       return;
     }
-    const x = _ / yr.PDF;
-    f.width = Math.floor(C.width * x), f.height = Math.floor(C.height * x);
+    const x = b / yr.PDF;
+    f.width = Math.floor(w.width * x), f.height = Math.floor(w.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 [z, D] = await Promise.all([
       g.getPage(s),
       E
     ]);
     if (m.current) {
-      p();
+      u();
       return;
     }
     const A = {
       canvasContext: R,
       transform: [x, 0, 0, x, 0, 0],
-      viewport: D.getViewport({ scale: 1, rotation: C.rotation }),
+      viewport: z.getViewport({ scale: 1, rotation: w.rotation }),
       intent: "print",
       annotationMode: xr.ENABLE_STORAGE,
-      optionalContentConfigPromise: y,
-      printAnnotationStorage: z
+      optionalContentConfigPromise: S,
+      printAnnotationStorage: D
     };
     try {
-      return D.render(A).promise;
+      return z.render(A).promise;
     } catch (L) {
       throw L instanceof Ir || console.error(L), L;
     }
-  }, S = N(() => {
+  }, y = N(() => {
     const f = window.print;
     return new Promise((g) => {
-      const s = (y) => {
+      const s = (S) => {
         setTimeout(() => {
-          f.call(window), setTimeout(() => y(), 20);
+          f.call(window), setTimeout(() => S(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
         s(g);
         return;
       }
-      const _ = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (s(g), _.disconnect());
+      const b = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (s(g), b.disconnect());
       });
-      _.observe(document.body, { childList: !0, subtree: !0 });
+      b.observe(document.body, { childList: !0, subtree: !0 });
     });
-  }, []), b = async (f) => {
+  }, []), C = async (f) => {
     const g = document.createElement("img"), s = document.createElement("div");
-    return s.classList.add("rp-print-page"), await new Promise((C, _) => {
-      f.toBlob((y) => {
-        y ? (g.src = URL.createObjectURL(y), g.onload = () => {
-          URL.revokeObjectURL(g.src), C();
-        }, g.onerror = _) : _(new Error("Failed to create blob"));
+    return s.classList.add("rp-print-page"), await new Promise((w, b) => {
+      f.toBlob((S) => {
+        S ? (g.src = URL.createObjectURL(S), g.onload = () => {
+          URL.revokeObjectURL(g.src), w();
+        }, g.onerror = b) : b(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), s.appendChild(g), s;
   }, T = (f, g) => {
     const s = document.createElement("div");
     s.classList.add("rp-print-zone");
-    const C = document.createElement("style"), _ = g.get(1);
-    if (_) {
-      const { width: y, height: E } = _ == null ? void 0 : _.page.getViewport({ scale: 1 });
-      C.innerHTML = `@page { size: ${y}px ${E}px }`;
+    const w = document.createElement("style"), b = g.get(1);
+    if (b) {
+      const { width: S, height: E } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
+      w.innerHTML = `@page { size: ${S}px ${E}px }`;
     }
-    return s.appendChild(C), s.append(...f), s;
-  }, u = N(async () => {
+    return s.appendChild(w), s.append(...f), s;
+  }, h = N(async () => {
     if (!t)
       return;
-    p();
+    u();
     const f = document.createElement("canvas"), g = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const C = t.getOptionalContentConfig({ intent: "print" }), _ = Promise.resolve(
+      const w = t.getOptionalContentConfig({ intent: "print" }), b = Promise.resolve(
         t.annotationStorage.print ?? void 0
-      ), y = e.size;
+      ), S = e.size;
       for (const [x, R] of e) {
         if (m.current) {
-          p();
+          u();
           return;
         }
-        const D = R.page.getViewport({ scale: 1 });
-        if (await w({
+        const z = R.page.getViewport({ scale: 1 });
+        if (await _({
           scratchCanvas: f,
           pdfDocument: t,
           pageNumber: x,
-          viewerPdfPage: D,
+          viewerPdfPage: z,
           printResolution: 150,
-          optionalContentConfigPromise: C,
-          printAnnotationStoragePromise: _
+          optionalContentConfigPromise: w,
+          printAnnotationStoragePromise: b
         }), m.current) {
-          p();
+          u();
           return;
         }
-        const z = await b(f);
-        g.push(z);
-        const A = parseFloat((g.length / y * 100).toFixed(2));
+        const D = await C(f);
+        g.push(D);
+        const A = parseFloat((g.length / S * 100).toFixed(2));
         o({
           loadedPages: x,
-          totalPages: y,
+          totalPages: S,
           percentage: A
         });
       }
       if (m.current) {
-        p();
+        u();
         return;
       }
       const E = T(g, e);
-      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await S();
+      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await y();
     } catch (s) {
-      c(!0), s instanceof Error && h(s);
+      c(!0), s instanceof Error && p(s);
     } finally {
       f.height = 0, f.width = 0;
     }
   }, [t, e, m]);
   return F(() => {
     const f = () => {
-      p(), P();
+      u(), P();
     };
     return window.addEventListener("afterprint", f, !0), () => {
       window.removeEventListener("afterprint", f, !0);
     };
-  }, [P, p]), {
-    print: u,
+  }, [P, u]), {
+    print: h,
     cancel: v,
     progress: n,
     isComplete: r,
@@ -438,36 +438,36 @@ const So = () => {
     }
   }
 }), Ms = ({ children: t }) => {
-  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: h, error: m } = So(), P = N((b) => {
-    b && typeof b == "function" && r(() => b);
-  }, []), p = (b) => {
-    m && b(m);
+  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: p, error: m } = So(), P = N((C) => {
+    C && typeof C == "function" && r(() => C);
+  }, []), u = (C) => {
+    m && C(m);
   }, v = N(
-    (b) => {
-      n(() => b);
+    (C) => {
+      n(() => C);
     },
     [c, e]
   );
   F(() => {
-    d && o && w();
+    d && o && _();
   }, [d, o]), F(() => {
-    h && p((b) => {
-      console.error(b);
+    p && u((C) => {
+      console.error(C);
     });
-  }, [h]), F(() => {
+  }, [p]), F(() => {
     c && e && e(c);
   }, [c, e]);
-  const w = () => {
+  const _ = () => {
     o && (o(), r(null));
-  }, S = {
+  }, y = {
     print: a,
     cancel: l,
     setOnProgress: v,
     setOnComplete: P,
-    setOnError: p,
+    setOnError: u,
     progress: c
   };
-  return /* @__PURE__ */ i(bn.Provider, { value: S, children: t });
+  return /* @__PURE__ */ i(bn.Provider, { value: y, children: t });
 }, tt = () => {
   const t = Je(bn);
   if (!t)
@@ -478,41 +478,41 @@ const So = () => {
     (c) => {
       if (!n.size)
         return;
-      const d = c > n.size ? n.size : c, h = Array.from(n.values()).slice(0, d).map((p) => {
-        const { thumbnailViewport: v, scale: w } = Wt(
-          p.page,
-          o + p.defaultRotation
+      const d = c > n.size ? n.size : c, p = Array.from(n.values()).slice(0, d).map((u) => {
+        const { thumbnailViewport: v, scale: _ } = Wt(
+          u.page,
+          o + u.defaultRotation
         );
         return {
-          scale: w,
-          page: p.page,
+          scale: _,
+          page: u.page,
           loading: !0,
           viewport: v,
-          defaultRotation: p.defaultRotation
+          defaultRotation: u.defaultRotation
         };
-      }), m = h.reduce((p, v) => (p[v.page.pageNumber] = v, p), {});
+      }), m = p.reduce((u, v) => (u[v.page.pageNumber] = v, u), {});
       e(m);
       const P = [];
-      for (const p of h) {
-        const v = document.createElement("canvas"), w = vt(p.page, v, {
-          scale: p.scale,
-          rotate: o + p.defaultRotation
+      for (const u of p) {
+        const v = document.createElement("canvas"), _ = vt(u.page, v, {
+          scale: u.scale,
+          rotate: o + u.defaultRotation
         }).promise.then(() => {
-          const S = v.toDataURL();
+          const y = v.toDataURL();
           return {
-            ...p,
-            thumbnailSrc: S,
+            ...u,
+            thumbnailSrc: y,
             loading: !1
           };
         });
-        P.push(w);
+        P.push(_);
       }
-      Promise.all(P).then((p) => {
-        const v = p.reduce(
-          (w, S) => (w[S.page.pageNumber] = S, w),
+      Promise.all(P).then((u) => {
+        const v = u.reduce(
+          (_, y) => (_[y.page.pageNumber] = y, _),
           {}
         );
-        e((w) => ({ ...w, ...v }));
+        e((_) => ({ ..._, ...v }));
       }).catch(() => {
       });
     },
@@ -537,11 +537,11 @@ const So = () => {
           scale: d.thumbnailScale
         }
       }));
-      const h = document.createElement("canvas");
-      vt(d.page, h, { scale: d.thumbnailScale, rotate: o }).promise.then(() => {
-        const m = h.toDataURL(), { thumbnailViewport: P, scale: p } = Wt(d.page, o);
+      const p = document.createElement("canvas");
+      vt(d.page, p, { scale: d.thumbnailScale, rotate: o }).promise.then(() => {
+        const m = p.toDataURL(), { thumbnailViewport: P, scale: u } = Wt(d.page, o);
         return {
-          scale: p,
+          scale: u,
           thumbnailSrc: m,
           page: d.page,
           loading: !1,
@@ -577,34 +577,34 @@ const So = () => {
     }
   );
 }, xo = (t = {}, e = "") => {
-  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: h } = Ue(), m = H(!n), { currentZoom: P } = Qe(), [p, v] = $([]), { setFocusedPage: w } = ie(), { columnCount: S } = Ee(), { rotate: b } = Ge(), [T, u] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Le(), { pagesRef: C } = ge(), [_, y] = $(null), E = H({}), x = k(() => T === 0 ? null : p[T - 1], [T, p]), R = k(() => p.length, [p]);
+  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: p } = Ue(), m = H(!n), { currentZoom: P } = Qe(), [u, v] = $([]), { setFocusedPage: _ } = ie(), { columnCount: y } = Ee(), { rotate: C } = Ge(), [T, h] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Le(), { pagesRef: w } = ge(), [b, S] = $(null), E = H({}), x = k(() => T === 0 ? null : u[T - 1], [T, u]), R = k(() => u.length, [u]);
   F(() => {
     if (!x || !c)
       return;
     const L = g || f;
-    if (!L || !C)
+    if (!L || !w)
       return;
     const I = c.get(x.page);
-    if (s === J.PAGE_SCROLLING && w(x.page), !I)
+    if (s === J.PAGE_SCROLLING && _(x.page), !I)
       return;
     let O = 0, M = 0;
     if (s === J.VERTICAL_SCROLLING) {
-      const ae = x.page - 1, de = S, te = ae % de, Fe = Math.floor(ae / de);
-      O = Ae(h, Fe), M = Ae(d, te);
+      const ae = x.page - 1, de = y, te = ae % de, Fe = Math.floor(ae / de);
+      O = Ae(p, Fe), M = Ae(d, te);
     }
     s === J.HORIZONTAL_SCROLLING && (M = d.slice(0, x.page - 1).reduce((ae, de) => ae + de, 0));
     const G = {
-      top: C.clientHeight / 2,
-      left: C.clientWidth / 2
+      top: w.clientHeight / 2,
+      left: w.clientWidth / 2
     }, Z = {
-      height: h[x.page - 1],
+      height: p[x.page - 1],
       width: d[x.page - 1]
     }, { leftInPage: j, topInPage: q } = Br(
       Z,
       G,
       x.rect,
       P,
-      b
+      C
     ), ee = M + j, X = O + q, le = {
       left: Math.max(ee, 0),
       top: Math.max(X, 0)
@@ -614,19 +614,19 @@ const So = () => {
     });
   }, [
     c,
-    w,
+    _,
     d,
-    h,
+    p,
     x,
     s,
     g,
     f,
-    C
+    w
   ]);
-  const D = N(() => {
-    u((L) => R ? L + 1 > R ? 1 : L + 1 : 0);
-  }, [R]), z = N(() => {
-    u((L) => R ? L - 1 <= 0 ? R : L - 1 : 0);
+  const z = N(() => {
+    h((L) => R ? L + 1 > R ? 1 : L + 1 : 0);
+  }, [R]), D = N(() => {
+    h((L) => R ? L - 1 <= 0 ? R : L - 1 : 0);
   }, [R]), A = N(async (L) => {
     if (!L)
       return {};
@@ -641,10 +641,10 @@ const So = () => {
   }, []);
   return F(() => {
     if (!n) {
-      m.current = !0, v([]), u(0);
+      m.current = !0, v([]), h(0);
       return;
     }
-    m.current = !1, a(!0), v([]), u(0), A(l).then((L) => {
+    m.current = !1, a(!0), v([]), h(0), A(l).then((L) => {
       E.current = L;
       const O = Object.keys(L).reduce((M, G) => {
         const Z = cr(
@@ -655,22 +655,22 @@ const So = () => {
         ).map((j, q) => ({ ...j, page: Number(G), pageMatchIdx: q }));
         return [...M, ...Z];
       }, []);
-      v(O), u(O.length ? 1 : 0);
+      v(O), h(O.length ? 1 : 0);
     }).catch(() => {
-      v([]), u(0);
+      v([]), h(0);
     }).finally(() => a(!1));
   }, [n, A, l, t]), {
     search: n,
     setSearch: o,
     loading: r,
-    matches: p,
+    matches: u,
     totalMatches: R,
     currentMatchPosition: T,
     currentMatch: x,
-    nextMatch: D,
-    prevMatch: z,
-    currentMatchElement: _,
-    setCurrentMatchElement: y
+    nextMatch: z,
+    prevMatch: D,
+    currentMatchElement: b,
+    setCurrentMatchElement: S
   };
 }, Tn = Ye({
   search: "",
@@ -700,12 +700,12 @@ const So = () => {
     totalMatches: l,
     currentMatchPosition: c,
     currentMatch: d,
-    search: h,
+    search: p,
     matches: m,
     nextMatch: P,
-    prevMatch: p,
+    prevMatch: u,
     currentMatchElement: v,
-    setCurrentMatchElement: w
+    setCurrentMatchElement: _
   } = xo(n, e);
   return /* @__PURE__ */ i(
     Tn.Provider,
@@ -719,11 +719,11 @@ const So = () => {
         currentMatchPosition: c,
         currentMatch: d,
         nextMatch: P,
-        prevMatch: p,
-        search: h,
+        prevMatch: u,
+        search: p,
         matches: m,
         currentMatchElement: v,
-        setCurrentMatchElement: w
+        setCurrentMatchElement: _
       },
       children: t
     }
@@ -746,14 +746,14 @@ const So = () => {
   return F(() => {
     if (!a || d === 0)
       return;
-    const h = a.get(e);
-    if (r.current && h) {
+    const p = a.get(e);
+    if (r.current && p) {
       const m = r.current;
       m.hidden = !0;
       const P = c.current;
-      P && P.cancel(), o && o(), c.current = vt(h.page, m, {
+      P && P.cancel(), o && o(), c.current = vt(p.page, m, {
         scale: d,
-        rotate: l + h.defaultRotation,
+        rotate: l + p.defaultRotation,
         renderForms: !0
       }), c.current.promise.then(() => {
         m.hidden = !1;
@@ -774,96 +774,96 @@ const So = () => {
 }, Lo = (t) => {
   const { pageNumber: e } = t, { pages: n } = Q(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = xt(), [c, d] = $(
     []
-  ), h = H(), m = H(), P = H([]), p = k(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), v = N(
+  ), p = H(), m = H(), P = H([]), u = k(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), v = N(
     (f, g, s = !1) => {
-      if (s && lr(f, g), !p.length) {
+      if (s && lr(f, g), !u.length) {
         P.current = [], d([]);
         return;
       }
-      const C = dr(p, f, g);
-      d(C);
+      const w = dr(u, f, g);
+      d(w);
     },
-    [p]
-  ), w = H(), S = H(!1), b = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+    [u]
+  ), _ = H(), y = H(!1), C = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   F(() => ((() => {
-    if (w.current)
+    if (_.current)
       return;
-    w.current = new AbortController();
-    const { signal: g } = w.current, s = () => {
-      b().forEach((_) => {
-        const y = _.querySelector(".endOfContent");
-        y && (_.appendChild(y), y.style.width = "", y.style.height = "", _.classList.remove(he.selecting));
+    _.current = new AbortController();
+    const { signal: g } = _.current, s = () => {
+      C().forEach((b) => {
+        const S = b.querySelector(".endOfContent");
+        S && (b.appendChild(S), S.style.width = "", S.style.height = "", b.classList.remove(he.selecting));
       });
     };
     document.addEventListener(
       "pointerdown",
       () => {
-        S.current = !0;
+        y.current = !0;
       },
       { signal: g }
     ), document.addEventListener(
       "pointerup",
       () => {
-        S.current = !1, s();
+        y.current = !1, s();
       },
       { signal: g }
     ), window.addEventListener(
       "blur",
       () => {
-        S.current = !1, s();
+        y.current = !1, s();
       },
       { signal: g }
     ), document.addEventListener(
       "keyup",
       () => {
-        S.current || s();
+        y.current || s();
       },
       { signal: g }
     );
-    let C = null;
+    let w = null;
     document.addEventListener(
       "selectionchange",
       () => {
         var A, L;
-        const _ = document.getSelection();
-        if (!_)
+        const b = document.getSelection();
+        if (!b)
           return;
-        if (_.rangeCount === 0) {
+        if (b.rangeCount === 0) {
           s();
           return;
         }
-        const y = /* @__PURE__ */ new Set();
-        for (let I = 0; I < _.rangeCount; I++) {
-          const O = _.getRangeAt(I);
-          b().forEach((M) => {
-            O.intersectsNode(M) && !y.has(M) && y.add(M);
+        const S = /* @__PURE__ */ new Set();
+        for (let I = 0; I < b.rangeCount; I++) {
+          const O = b.getRangeAt(I);
+          C().forEach((M) => {
+            O.intersectsNode(M) && !S.has(M) && S.add(M);
           });
         }
-        b().forEach((I) => {
-          if (y.has(I))
+        C().forEach((I) => {
+          if (S.has(I))
             I.classList.add(he.selecting);
           else {
             const O = I.querySelector(".endOfContent");
             O && (I.appendChild(O), O.style.width = "", O.style.height = "", I.classList.remove(he.selecting));
           }
         });
-        const E = _.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 = b.getRangeAt(0);
+        let R = w && (E.compareBoundaryPoints(Range.END_TO_END, w) === 0 || E.compareBoundaryPoints(Range.START_TO_END, w) === 0) ? E.startContainer : E.endContainer;
         R.nodeType === Node.TEXT_NODE && (R = R.parentNode);
-        const D = (A = R.parentElement) == null ? void 0 : A.closest(
+        const z = (A = R.parentElement) == null ? void 0 : A.closest(
           he["rp-text-layer"]
-        ), z = D == null ? void 0 : D.querySelector(".endOfContent");
-        z && D && (z.style.width = D.style.width, z.style.height = D.style.height, (L = R.parentElement) == null || L.insertBefore(z, R.nextSibling)), C = E.cloneRange();
+        ), D = z == null ? void 0 : z.querySelector(".endOfContent");
+        D && z && (D.style.width = z.style.width, D.style.height = z.style.height, (L = R.parentElement) == null || L.insertBefore(D, R.nextSibling)), w = E.cloneRange();
       },
       { signal: g }
     );
   })(), () => {
     var g;
-    (g = w.current) == null || g.abort(), w.current = void 0;
-  }), [b]);
+    (g = _.current) == null || g.abort(), _.current = void 0;
+  }), [C]);
   const T = N(() => {
     o.current && o.current.classList.add(he.selecting);
-  }, []), u = N(() => {
+  }, []), h = N(() => {
     o.current && o.current.classList.remove(he.selecting);
   }, []);
   return F(() => {
@@ -871,7 +871,7 @@ const So = () => {
       s.classList.remove("selected");
     }), !c.length || !a || a.pageIndex !== e - 1)
       return;
-    const f = p.findIndex(
+    const f = u.findIndex(
       (s) => JSON.stringify(s) === JSON.stringify(a)
     );
     if (f === -1)
@@ -880,38 +880,38 @@ const So = () => {
     g.length && (P.current = g.map((s) => s.element), l(g[0].element), g.forEach((s) => {
       s.element.classList.add("selected");
     }));
-  }, [a, c, p]), F(() => {
+  }, [a, c, u]), F(() => {
     const f = n.get(e);
     if (!f || !o.current)
       return;
     const g = o.current;
-    return h.current && h.current.cancel(), f.page.getTextContent().then((s) => {
-      const C = f.page.getViewport({ scale: 1 });
-      return h.current = new Sr.TextLayer({
-        viewport: C,
+    return p.current && p.current.cancel(), f.page.getTextContent().then((s) => {
+      const w = f.page.getViewport({ scale: 1 });
+      return p.current = new Sr.TextLayer({
+        viewport: w,
         textContentSource: s,
         container: g
-      }), m.current = s, g && (g.innerText = ""), h.current.render();
+      }), m.current = s, g && (g.innerText = ""), p.current.render();
     }).then(() => {
-      var y, E;
+      var S, E;
       [].slice.call(g.children).forEach((x) => {
         x.classList.add(he["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const C = (y = h.current) == null ? void 0 : y.textDivs;
-      C && m.current && v(m.current, C);
-      const _ = document.createElement("div");
-      _.className = "endOfContent", (E = o.current) == null || E.appendChild(_);
+      const w = (S = p.current) == null ? void 0 : S.textDivs;
+      w && m.current && v(m.current, w);
+      const b = document.createElement("div");
+      b.className = "endOfContent", (E = o.current) == null || E.appendChild(b);
     }).catch(() => {
     }), () => {
       var s;
-      (s = h.current) == null || s.cancel();
+      (s = p.current) == null || s.cancel();
     };
   }, [n, e]), F(() => {
     var s;
-    [].slice.call(o.current.children).forEach((C) => {
-      C.classList.add(he["rp-text-layer-text"]);
+    [].slice.call(o.current.children).forEach((w) => {
+      w.classList.add(he["rp-text-layer-text"]);
     });
-    const g = (s = h.current) == null ? void 0 : s.textDivs;
+    const g = (s = p.current) == null ? void 0 : s.textDivs;
     g && m.current && v(m.current, g, !0);
   }, [v]), /* @__PURE__ */ i(
     "div",
@@ -920,7 +920,7 @@ const So = () => {
       className: he["rp-text-layer"],
       ref: o,
       onMouseDown: T,
-      onMouseUp: u
+      onMouseUp: h
     }
   );
 }, Eo = {
@@ -928,30 +928,30 @@ const So = () => {
 };
 let No = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Oo = (t) => {
-  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = Q(), a = H(), [l, c] = $(), { setFocusedPage: d, goToPage: h } = ie(), { scrollMode: m } = Le(), { print: P } = tt(), { download: p } = $n(), v = k(() => o.get(e), [o, e]), w = k(() => v == null ? void 0 : v.page.getViewport(), [v]);
+  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = Q(), a = H(), [l, c] = $(), { setFocusedPage: d, goToPage: p } = ie(), { scrollMode: m } = Le(), { print: P } = tt(), { download: u } = $n(), v = k(() => o.get(e), [o, e]), _ = k(() => v == null ? void 0 : v.page.getViewport(), [v]);
   F(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), F(() => {
-    v && v.page.getAnnotations().then((b) => {
-      a.current = void 0, c(b), n.current && (n.current.innerText = "");
+    v && v.page.getAnnotations().then((C) => {
+      a.current = void 0, c(C), n.current && (n.current.innerText = "");
     });
   }, [v]);
-  const S = N(
-    (b) => {
-      !l || !r || (Er(b), Nr(b, r, l).then((T) => {
-        var u, f;
-        ((u = T == null ? void 0 : T.data) == null ? void 0 : u.action) === "Print" ? P() : ((f = T == null ? void 0 : T.data) == null ? void 0 : f.action) === "SaveAs" && p();
-      }), m === J.PAGE_SCROLLING ? At(b, l, r, (T) => d(T.pageIndex + 1)) : At(b, l, r, (T) => h(T.pageIndex + 1)));
+  const y = N(
+    (C) => {
+      !l || !r || (Er(C), Nr(C, r, l).then((T) => {
+        var h, f;
+        ((h = T == null ? void 0 : T.data) == null ? void 0 : h.action) === "Print" ? P() : ((f = T == null ? void 0 : T.data) == null ? void 0 : f.action) === "SaveAs" && u();
+      }), m === J.PAGE_SCROLLING ? At(C, l, r, (T) => d(T.pageIndex + 1)) : At(C, l, r, (T) => p(T.pageIndex + 1)));
     },
-    [r, l, h, d, m, P, p]
+    [r, l, p, d, m, P, u]
   );
   return F(() => {
     if (!v || !l)
       return;
-    const b = v.page.getViewport();
+    const C = v.page.getViewport();
     if (a.current) {
       a.current.update({
-        viewport: b.clone({ dontFlip: !0 })
+        viewport: C.clone({ dontFlip: !0 })
       });
       return;
     }
@@ -959,17 +959,17 @@ const Oo = (t) => {
     for (const g of l) {
       const { annotationType: s } = g;
       switch (s) {
-        case zt.Link:
-          Dr(g);
+        case Dt.Link:
+          zr(g);
           break;
-        case zt.Widget:
-          Or(g, b, T);
+        case Dt.Widget:
+          Or(g, C, T);
           break;
       }
     }
-    const u = new AbortController();
+    const h = new AbortController();
     return (async () => {
-      var C;
+      var w;
       a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Rr({
         div: n.current,
         accessibilityManager: void 0,
@@ -977,18 +977,18 @@ const Oo = (t) => {
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
         page: v.page,
-        viewport: b.clone({ dontFlip: !0 })
-      }), n.current && Ft(n.current, S);
+        viewport: C.clone({ dontFlip: !0 })
+      }), n.current && Ft(n.current, y);
       const g = await (r == null ? void 0 : r.hasJSActions()), s = await (r == null ? void 0 : r.getFieldObjects());
-      if (u.signal.aborted)
+      if (h.signal.aborted)
         throw "abort";
-      return (C = a.current) == null ? void 0 : C.render({
+      return (w = a.current) == null ? void 0 : w.render({
         annotations: l,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: g,
         fieldObjects: s,
         div: n.current,
-        viewport: b.clone({ dontFlip: !0 }),
+        viewport: C.clone({ dontFlip: !0 }),
         page: v.page,
         imageResourcesPath: No,
         renderForms: !0,
@@ -997,28 +997,28 @@ const Oo = (t) => {
         enableScripting: !1
       });
     })().then(() => {
-      n.current && zr(n.current, S);
+      n.current && Dr(n.current, y);
     }).catch((g) => {
       if (g !== "abort")
         throw g;
     }), () => {
-      u.abort("clear"), n.current && Ft(n.current, S);
+      h.abort("clear"), n.current && Ft(n.current, y);
     };
-  }, [r, l, S]), /* @__PURE__ */ i(
+  }, [r, l, y]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${w == null ? void 0 : w.width}px`, height: `${w == null ? void 0 : w.height}px` },
+      style: { width: `${_ == null ? void 0 : _.width}px`, height: `${_ == null ? void 0 : _.height}px` },
       className: Eo["rp-annotation-layer"],
       ref: n
     }
   );
-}, Do = {
+}, zo = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
-}, zo = ({ pageNumber: t, viewport: e }) => {
-  const [n, o] = $(), { pages: r } = Q(), { highlightKeywords: a } = pr(), l = !0, c = H(null), [d, h] = $(null), [m, P] = $([]);
+}, Do = ({ pageNumber: t, viewport: e }) => {
+  const [n, o] = $(), { pages: r } = Q(), { highlightKeywords: a } = pr(), l = !0, c = H(null), [d, p] = $(null), [m, P] = $([]);
   F(() => {
-    c.current && h(c.current.parentElement);
+    c.current && p(c.current.parentElement);
   }, [c]), F(() => {
     (async () => {
       const f = r.get(t);
@@ -1028,58 +1028,58 @@ const Oo = (t) => {
       o(g);
     })();
   }, [r, t]);
-  const p = k(() => a ? a.map((u) => {
+  const u = k(() => a ? a.map((h) => {
     var f, g;
     return {
-      ...Ar(u.keyword, (f = u.options) == null ? void 0 : f.matchCase, (g = u.options) == null ? void 0 : g.wholeWords),
-      color: u.highlightColor
+      ...Ar(h.keyword, (f = h.options) == null ? void 0 : f.matchCase, (g = h.options) == null ? void 0 : g.wholeWords),
+      color: h.highlightColor
     };
   }) : [], [a]);
-  function v(u, f) {
-    if (!u)
+  function v(h, f) {
+    if (!h)
       return;
     const g = `[data-rp="page-${f}-textLayer"]`;
     return new Promise((s) => {
-      const C = u.querySelector(g);
-      if (C) {
-        s(C);
+      const w = h.querySelector(g);
+      if (w) {
+        s(w);
         return;
       }
-      new MutationObserver((y, E) => {
-        const x = u.querySelector(g);
+      new MutationObserver((S, E) => {
+        const x = h.querySelector(g);
         x && (s(x), E.disconnect());
-      }).observe(u, { childList: !0, subtree: !0 });
+      }).observe(h, { childList: !0, subtree: !0 });
     });
   }
-  function w(u) {
+  function _(h) {
     return new Promise((f) => {
-      const g = u.querySelectorAll(
+      const g = h.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
       );
       if (g.length) {
         f(Array.from(g));
         return;
       }
-      new MutationObserver((C, _) => {
-        const y = u.querySelectorAll(
+      new MutationObserver((w, b) => {
+        const S = h.querySelectorAll(
           ".rp-text-layer-text"
         );
-        y.length && (f(Array.from(y)), _.disconnect());
-      }).observe(u, { childList: !0, subtree: !0 });
+        S.length && (f(Array.from(S)), b.disconnect());
+      }).observe(h, { childList: !0, subtree: !0 });
     });
   }
-  const S = (u, f, g, s) => {
+  const y = (h, f, g, s) => {
     var Z;
-    const C = document.createRange(), _ = g.firstChild;
-    if (!_ || _.nodeType !== Node.TEXT_NODE)
+    const w = document.createRange(), b = g.firstChild;
+    if (!b || b.nodeType !== Node.TEXT_NODE)
       return null;
-    const y = ((Z = _.textContent) == null ? void 0 : Z.length) ?? 0, E = s[0].charIdxInSpan, x = s.length === 1 ? E : s[s.length - 1].charIdxInSpan;
-    if (E > y || x + 1 > y)
+    const S = ((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 > S || x + 1 > S)
       return null;
-    C.setStart(_, E), C.setEnd(_, x + 1);
+    w.setStart(b, E), w.setEnd(b, x + 1);
     const R = document.createElement("span");
-    R.style.width = "auto", C.surroundContents(R);
-    const D = R.getBoundingClientRect(), z = u.getBoundingClientRect(), A = z.height, L = z.width, 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", w.surroundContents(R);
+    const z = R.getBoundingClientRect(), D = h.getBoundingClientRect(), A = D.height, L = D.width, I = 100 * (z.left - D.left) / L, O = 100 * (z.top - D.top) / A, M = 100 * z.height / A, G = 100 * z.width / L;
     return Wr(R), {
       keywordStr: f,
       left: I,
@@ -1090,17 +1090,17 @@ const Oo = (t) => {
       pageWidth: L
     };
   };
-  async function b(u, f) {
-    const g = await v(d, u);
+  async function C(h, f) {
+    const g = await v(d, h);
     if (!g)
       return;
-    const s = await w(g);
+    const s = await _(g);
     if (s.length) {
-      const C = s.map((y) => y.tagName === "BR" ? " " : y.textContent).reduce(
-        (y, E, x) => y.concat(
-          E.split("").map((R, D) => ({
+      const w = s.map((S) => S.tagName === "BR" ? " " : S.textContent).reduce(
+        (S, E, x) => S.concat(
+          E.split("").map((R, z) => ({
             char: R,
-            charIdxInSpan: D,
+            charIdxInSpan: z,
             spanIdx: x
           }))
         ),
@@ -1111,24 +1111,24 @@ const Oo = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), _ = T(g, f, s, C);
-      P(_);
+      ).slice(1), b = T(g, f, s, w);
+      P(b);
     }
   }
-  const T = (u, f, g, s) => {
-    const C = f.length;
-    if (!s.length || !C)
+  const T = (h, f, g, s) => {
+    const w = f.length;
+    if (!s.length || !w)
       return [];
-    const _ = [], y = s.map((E) => E.char).join("");
-    return p.forEach((E) => {
-      const { keyword: x, regExp: R, wholeWords: D, color: z } = E, A = x;
+    const b = [], S = s.map((E) => E.char).join("");
+    return u.forEach((E) => {
+      const { keyword: x, regExp: R, wholeWords: z, color: D } = E, A = x;
       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(y)) !== null; )
-        D && !ur(y, I.index, I[0].length) || O.push({
+      for (; (I = L.exec(S)) !== null; )
+        z && !ur(S, I.index, I[0].length) || O.push({
           keyword: L,
           startIndex: I.index,
           endIndex: L.lastIndex
@@ -1136,7 +1136,7 @@ const Oo = (t) => {
       const M = O.map((G) => ({
         keyword: G.keyword,
         indexes: s.slice(G.startIndex, G.endIndex),
-        color: z
+        color: D
       }));
       for (const G of M) {
         const Z = G.indexes.reduce(
@@ -1145,60 +1145,60 @@ const Oo = (t) => {
         );
         for (const j of Object.values(Z))
           if (j.length !== 1 || j[0].char.trim() !== "") {
-            const q = j, ee = g[q[0].spanIdx], X = S(
-              u,
+            const q = j, ee = g[q[0].spanIdx], X = y(
+              h,
               A,
               ee,
               q
             );
             if (X) {
               const { left: le, top: ae } = X;
-              if (_.find((te) => te.left === le && te.top === ae))
+              if (b.find((te) => te.left === le && te.top === ae))
                 continue;
-              _.push({ ...X, highlightColor: G.color });
+              b.push({ ...X, highlightColor: G.color });
             }
           }
       }
-    }), _.sort(Fr), _;
+    }), b.sort(Fr), b;
   };
   return F(() => {
     (async () => {
       if (!(!a || a.length === 0))
         try {
-          await b(t, a);
+          await C(t, a);
         } catch (f) {
           console.error(f);
         }
     })();
-  }, [l, a, t, n, e]), /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i("div", { ref: c, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((u, f) => /* @__PURE__ */ i(
+  }, [l, a, t, n, e]), /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i("div", { ref: c, "data-rp": `page-${t}-textHighlightLayer`, children: m.map((h, f) => /* @__PURE__ */ i(
     "div",
     {
-      className: Do["rp-text-highlight"],
+      className: zo["rp-text-highlight"],
       style: {
-        top: `${u.top}%`,
-        left: `${u.left}%`,
-        width: `${u.width}%`,
-        height: `${u.height}%`,
-        backgroundColor: u.highlightColor
+        top: `${h.top}%`,
+        left: `${h.left}%`,
+        width: `${h.width}%`,
+        height: `${h.height}%`,
+        backgroundColor: h.highlightColor
       }
     },
     f
   )) }) });
 }, It = $e((t, e) => {
-  const { pageNumber: n, style: o, ...r } = t, { pages: a } = Q(), { rotate: l } = Ge(), { textLayer: c } = or(), { currentZoom: d } = Qe(), h = H(a.get(n)), [m, P] = $(!1), p = H(null), [v, w] = $({
+  const { pageNumber: n, style: o, ...r } = t, { pages: a } = Q(), { rotate: l } = Ge(), { textLayer: c } = or(), { currentZoom: d } = Qe(), p = H(a.get(n)), [m, P] = $(!1), u = H(null), [v, _] = $({
     width: 0,
     height: 0
   });
-  cn(e, () => p.current), F(() => {
-    if (a && (h.current = a.get(n), h.current)) {
-      const u = h.current.page.getViewport({
+  cn(e, () => u.current), F(() => {
+    if (a && (p.current = a.get(n), p.current)) {
+      const h = p.current.page.getViewport({
         scale: d,
-        rotation: l + h.current.defaultRotation
+        rotation: l + p.current.defaultRotation
       });
-      w(u);
+      _(h);
     }
   }, [a, n, l, d]);
-  const S = k(() => {
+  const y = k(() => {
     switch (l) {
       case 90:
         return `${v.width / 2}px ${v.width / 2}px`;
@@ -1208,7 +1208,7 @@ const Oo = (t) => {
       default:
         return "center";
     }
-  }, [l, v]), b = N(() => {
+  }, [l, v]), C = N(() => {
     P(!0);
   }, []), T = N(() => {
     P(!1);
@@ -1216,14 +1216,14 @@ const Oo = (t) => {
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: p,
+      ref: u,
       id: `page-${n}`,
       "data-rp": `page-${n}`,
       ...r,
       style: {
         ...o,
         "--rp-rotate": `${l}deg`,
-        "--rp-page-rotate-translate": `${S}`,
+        "--rp-page-rotate-translate": `${y}`,
         "--scale-factor": d
       },
       className: lt["rp-page-wrapper"],
@@ -1236,10 +1236,10 @@ const Oo = (t) => {
           },
           className: lt["rp-page"],
           children: [
-            /* @__PURE__ */ i(Io, { onLoading: b, onLoaded: T, pageNumber: n }),
+            /* @__PURE__ */ i(Io, { onLoading: C, onLoaded: T, pageNumber: n }),
             m && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Ct, {}) }),
             c && /* @__PURE__ */ i(Lo, { pageNumber: n }),
-            /* @__PURE__ */ i(zo, { pageNumber: n, viewport: v }),
+            /* @__PURE__ */ i(Do, { pageNumber: n, viewport: v }),
             /* @__PURE__ */ i(Oo, { pageNumber: n })
           ]
         }
@@ -1340,12 +1340,12 @@ var $o = 150, Go = function(e) {
 }, Be = null, Ze = null, je = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet());
 function Uo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, h = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, p = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, w = t.initInstanceProps, S = t.shouldResetStyleCacheOnItemSizeChange, b = t.validateProps;
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, p = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, u = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, C = t.validateProps;
   return e = /* @__PURE__ */ function(T) {
-    Ao(u, T);
-    function u(g) {
+    Ao(h, T);
+    function h(g) {
       var s;
-      return s = T.call(this, g) || this, s._instanceProps = w(s.props, Ut(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
+      return s = T.call(this, g) || this, s._instanceProps = _(s.props, Ut(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
         instance: Ut(s),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1353,45 +1353,45 @@ function Uo(t) {
         scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(C, _, y, E, x, R, D, z) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(w, b, S, E, x, R, z, D) {
         return s.props.onItemsRendered({
-          overscanColumnStartIndex: C,
-          overscanColumnStopIndex: _,
-          overscanRowStartIndex: y,
+          overscanColumnStartIndex: w,
+          overscanColumnStopIndex: b,
+          overscanRowStartIndex: S,
           overscanRowStopIndex: E,
           visibleColumnStartIndex: x,
           visibleColumnStopIndex: R,
-          visibleRowStartIndex: D,
-          visibleRowStopIndex: z
+          visibleRowStartIndex: z,
+          visibleRowStopIndex: D
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(C, _, y, E, x) {
+      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(w, b, S, E, x) {
         return s.props.onScroll({
-          horizontalScrollDirection: y,
-          scrollLeft: C,
-          scrollTop: _,
+          horizontalScrollDirection: S,
+          scrollLeft: w,
+          scrollTop: b,
           verticalScrollDirection: E,
           scrollUpdateWasRequested: x
         });
-      }), s._getItemStyle = void 0, s._getItemStyle = function(C, _) {
-        var y = s.props, E = y.columnWidth, x = y.direction, R = y.rowHeight, D = s._getItemStyleCache(S && E, S && x, S && R), z = C + ":" + _, A;
-        if (D.hasOwnProperty(z))
-          A = D[z];
+      }), s._getItemStyle = void 0, s._getItemStyle = function(w, b) {
+        var S = s.props, E = S.columnWidth, x = S.direction, R = S.rowHeight, z = s._getItemStyleCache(y && E, y && x, y && R), D = w + ":" + b, A;
+        if (z.hasOwnProperty(D))
+          A = z[D];
         else {
-          var L = n(s.props, _, s._instanceProps), I = x === "rtl";
-          D[z] = A = {
+          var L = n(s.props, b, s._instanceProps), I = x === "rtl";
+          z[D] = A = {
             position: "absolute",
             left: I ? void 0 : L,
             right: I ? L : void 0,
-            top: P(s.props, C, s._instanceProps),
-            height: m(s.props, C, s._instanceProps),
-            width: a(s.props, _, s._instanceProps)
+            top: P(s.props, w, s._instanceProps),
+            height: m(s.props, w, s._instanceProps),
+            width: a(s.props, b, s._instanceProps)
           };
         }
         return A;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(C, _, y) {
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(w, b, S) {
         return {};
-      }), s._onScroll = function(C) {
-        var _ = C.currentTarget, y = _.clientHeight, E = _.clientWidth, x = _.scrollLeft, R = _.scrollTop, D = _.scrollHeight, z = _.scrollWidth;
+      }), s._onScroll = function(w) {
+        var b = w.currentTarget, S = b.clientHeight, E = b.clientWidth, x = b.scrollLeft, R = b.scrollTop, z = b.scrollHeight, D = b.scrollWidth;
         s.setState(function(A) {
           if (A.scrollLeft === x && A.scrollTop === R)
             return null;
@@ -1402,11 +1402,11 @@ function Uo(t) {
                 I = -x;
                 break;
               case "positive-descending":
-                I = z - E - x;
+                I = D - E - x;
                 break;
             }
-          I = Math.max(0, Math.min(I, z - E));
-          var O = Math.max(0, Math.min(R, D - y));
+          I = Math.max(0, Math.min(I, D - E));
+          var O = Math.max(0, Math.min(R, z - S));
           return {
             isScrolling: !0,
             horizontalScrollDirection: A.scrollLeft < x ? "forward" : "backward",
@@ -1416,9 +1416,9 @@ function Uo(t) {
             scrollUpdateWasRequested: !1
           };
         }, s._resetIsScrollingDebounced);
-      }, s._outerRefSetter = function(C) {
-        var _ = s.props.outerRef;
-        s._outerRef = C, typeof _ == "function" ? _(C) : _ != null && typeof _ == "object" && _.hasOwnProperty("current") && (_.current = C);
+      }, s._outerRefSetter = function(w) {
+        var b = s.props.outerRef;
+        s._outerRef = w, typeof b == "function" ? b(w) : b != null && typeof b == "object" && b.hasOwnProperty("current") && (b.current = w);
       }, s._resetIsScrollingDebounced = function() {
         s._resetIsScrollingTimeoutId !== null && Zt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Mo(s._resetIsScrolling, $o);
       }, s._resetIsScrolling = function() {
@@ -1429,66 +1429,66 @@ function Uo(t) {
         });
       }, s;
     }
-    u.getDerivedStateFromProps = function(s, C) {
-      return Vo(s, C), b(s), null;
+    h.getDerivedStateFromProps = function(s, w) {
+      return Vo(s, w), C(s), null;
     };
-    var f = u.prototype;
+    var f = h.prototype;
     return f.scrollTo = function(s) {
-      var C = s.scrollLeft, _ = s.scrollTop;
-      C !== void 0 && (C = Math.max(0, C)), _ !== void 0 && (_ = Math.max(0, _)), this.setState(function(y) {
-        return C === void 0 && (C = y.scrollLeft), _ === void 0 && (_ = y.scrollTop), y.scrollLeft === C && y.scrollTop === _ ? null : {
-          horizontalScrollDirection: y.scrollLeft < C ? "forward" : "backward",
-          scrollLeft: C,
-          scrollTop: _,
+      var w = s.scrollLeft, b = s.scrollTop;
+      w !== void 0 && (w = Math.max(0, w)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(S) {
+        return w === void 0 && (w = S.scrollLeft), b === void 0 && (b = S.scrollTop), S.scrollLeft === w && S.scrollTop === b ? null : {
+          horizontalScrollDirection: S.scrollLeft < w ? "forward" : "backward",
+          scrollLeft: w,
+          scrollTop: b,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: y.scrollTop < _ ? "forward" : "backward"
+          verticalScrollDirection: S.scrollTop < b ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(s) {
-      var C = s.align, _ = C === void 0 ? "auto" : C, y = 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 = Ho();
-      y !== void 0 && (y = Math.max(0, Math.min(y, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, z - 1)));
-      var G = l(this.props, this._instanceProps), Z = c(this.props, this._instanceProps), j = Z > A ? M : 0, q = G > D ? M : 0;
+      var w = s.align, b = w === void 0 ? "auto" : w, S = s.columnIndex, E = s.rowIndex, x = this.props, R = x.columnCount, z = x.height, D = x.rowCount, A = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = Ho();
+      S !== void 0 && (S = Math.max(0, Math.min(S, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, D - 1)));
+      var G = l(this.props, this._instanceProps), Z = c(this.props, this._instanceProps), j = Z > A ? M : 0, q = G > z ? M : 0;
       this.scrollTo({
-        scrollLeft: y !== void 0 ? d(this.props, y, _, I, this._instanceProps, q) : I,
-        scrollTop: E !== void 0 ? h(this.props, E, _, O, this._instanceProps, j) : O
+        scrollLeft: S !== void 0 ? d(this.props, S, b, I, this._instanceProps, q) : I,
+        scrollTop: E !== void 0 ? p(this.props, E, b, O, this._instanceProps, j) : O
       });
     }, f.componentDidMount = function() {
-      var s = this.props, C = s.initialScrollLeft, _ = s.initialScrollTop;
+      var s = this.props, w = s.initialScrollLeft, b = s.initialScrollTop;
       if (this._outerRef != null) {
-        var y = this._outerRef;
-        typeof C == "number" && (y.scrollLeft = C), typeof _ == "number" && (y.scrollTop = _);
+        var S = this._outerRef;
+        typeof w == "number" && (S.scrollLeft = w), typeof b == "number" && (S.scrollTop = b);
       }
       this._callPropsCallbacks();
     }, f.componentDidUpdate = function() {
-      var s = this.props.direction, C = this.state, _ = C.scrollLeft, y = C.scrollTop, E = C.scrollUpdateWasRequested;
+      var s = this.props.direction, w = this.state, b = w.scrollLeft, S = w.scrollTop, E = w.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
         var x = this._outerRef;
         if (s === "rtl")
           switch (jt()) {
             case "negative":
-              x.scrollLeft = -_;
+              x.scrollLeft = -b;
               break;
             case "positive-ascending":
-              x.scrollLeft = _;
+              x.scrollLeft = b;
               break;
             default:
-              var R = x.clientWidth, D = x.scrollWidth;
-              x.scrollLeft = D - R - _;
+              var R = x.clientWidth, z = x.scrollWidth;
+              x.scrollLeft = z - R - b;
               break;
           }
         else
-          x.scrollLeft = Math.max(0, _);
-        x.scrollTop = Math.max(0, y);
+          x.scrollLeft = Math.max(0, b);
+        x.scrollTop = Math.max(0, S);
       }
       this._callPropsCallbacks();
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var s = this.props, C = s.children, _ = s.className, y = 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 ? Go : L, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, ee = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Fe = de[1], Ne = [];
-      if (y > 0 && G)
+      var s = this.props, w = s.children, b = s.className, S = s.columnCount, E = s.direction, x = s.height, R = s.innerRef, z = s.innerElementType, D = s.innerTagName, A = s.itemData, L = s.itemKey, I = L === void 0 ? Go : L, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, ee = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Fe = de[1], Ne = [];
+      if (S > 0 && G)
         for (var Pe = te; Pe <= Fe; Pe++)
           for (var we = le; we <= ae; we++)
-            Ne.push(qe(C, {
+            Ne.push(qe(w, {
               columnIndex: we,
               data: A,
               isScrolling: j ? ee : void 0,
@@ -1502,7 +1502,7 @@ function Uo(t) {
             }));
       var nt = l(this.props, this._instanceProps), rt = c(this.props, this._instanceProps);
       return qe(O || M || "div", {
-        className: _,
+        className: b,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: kr({
@@ -1514,7 +1514,7 @@ function Uo(t) {
           willChange: "transform",
           direction: E
         }, Z)
-      }, qe(D || z || "div", {
+      }, qe(z || D || "div", {
         children: Ne,
         ref: R,
         style: {
@@ -1524,28 +1524,28 @@ function Uo(t) {
         }
       }));
     }, f._callPropsCallbacks = function() {
-      var s = this.props, C = s.columnCount, _ = s.onItemsRendered, y = s.onScroll, E = s.rowCount;
-      if (typeof _ == "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);
+      var s = this.props, w = s.columnCount, b = s.onItemsRendered, S = s.onScroll, E = s.rowCount;
+      if (typeof b == "function" && w > 0 && E > 0) {
+        var x = this._getHorizontalRangeToRender(), R = x[0], z = x[1], D = x[2], A = x[3], L = this._getVerticalRangeToRender(), I = L[0], O = L[1], M = L[2], G = L[3];
+        this._callOnItemsRendered(R, z, I, O, D, A, M, G);
       }
-      if (typeof y == "function") {
+      if (typeof S == "function") {
         var Z = this.state, j = Z.horizontalScrollDirection, q = Z.scrollLeft, ee = Z.scrollTop, X = Z.scrollUpdateWasRequested, le = Z.verticalScrollDirection;
         this._callOnScroll(q, ee, j, le, X);
       }
     }, f._getHorizontalRangeToRender = function() {
-      var s = this.props, C = s.columnCount, _ = s.overscanColumnCount, y = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, R = this.state, D = R.horizontalScrollDirection, z = R.isScrolling, A = R.scrollLeft, L = _ || y || E || 1;
-      if (C === 0 || x === 0)
+      var s = this.props, w = s.columnCount, b = s.overscanColumnCount, S = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, R = this.state, z = R.horizontalScrollDirection, D = R.isScrolling, A = R.scrollLeft, L = b || S || E || 1;
+      if (w === 0 || x === 0)
         return [0, 0, 0, 0];
-      var I = o(this.props, A, this._instanceProps), O = r(this.props, I, A, this._instanceProps), M = !z || D === "backward" ? Math.max(1, L) : 1, G = !z || D === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, I - M), Math.max(0, Math.min(C - 1, O + G)), I, O];
+      var I = o(this.props, A, this._instanceProps), O = r(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(w - 1, O + G)), I, O];
     }, f._getVerticalRangeToRender = function() {
-      var s = this.props, C = s.columnCount, _ = s.overscanCount, y = s.overscanRowCount, E = s.overscanRowsCount, x = s.rowCount, R = this.state, D = R.isScrolling, z = R.verticalScrollDirection, A = R.scrollTop, L = y || E || _ || 1;
-      if (C === 0 || x === 0)
+      var s = this.props, w = s.columnCount, b = s.overscanCount, S = s.overscanRowCount, E = s.overscanRowsCount, x = s.rowCount, R = this.state, z = R.isScrolling, D = R.verticalScrollDirection, A = R.scrollTop, L = S || E || b || 1;
+      if (w === 0 || x === 0)
         return [0, 0, 0, 0];
-      var I = p(this.props, A, this._instanceProps), O = v(this.props, I, A, this._instanceProps), M = !D || z === "backward" ? Math.max(1, L) : 1, G = !D || z === "forward" ? Math.max(1, L) : 1;
+      var I = u(this.props, A, this._instanceProps), O = v(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(x - 1, O + G)), I, O];
-    }, u;
+    }, h;
   }(Qn), e.defaultProps = {
     direction: "ltr",
     itemData: void 0,
@@ -1553,9 +1553,9 @@ function Uo(t) {
   }, e;
 }
 var Vo = function(e, n) {
-  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, h = e.overscanCount, m = e.overscanRowsCount, P = e.width, p = n.instance;
+  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, p = e.overscanCount, m = e.overscanRowsCount, P = e.width, u = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof h == "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 d == "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)
+    if (typeof p == "number" && Be && !Be.has(u) && (Be.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Ze && !Ze.has(u) && (Ze.add(u), 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(u) && (je.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
     switch (r) {
       case "ltr":
@@ -1575,7 +1575,7 @@ var Vo = function(e, n) {
     var d = r[l];
     c = d.offset + d.size;
   }
-  var h = o - l - 1, m = h * a;
+  var p = o - l - 1, m = p * a;
   return c + m;
 }, yn = function(e, n) {
   var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, l = n.lastMeasuredColumnIndex, c = 0;
@@ -1583,15 +1583,15 @@ var Vo = function(e, n) {
     var d = r[l];
     c = d.offset + d.size;
   }
-  var h = o - l - 1, m = h * a;
+  var p = o - l - 1, m = p * a;
   return c + m;
 }, fe = function(e, n, o, r) {
   var a, l, c;
   if (e === "column" ? (a = r.columnMetadataMap, l = n.columnWidth, c = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, l = n.rowHeight, c = r.lastMeasuredRowIndex), o > c) {
     var d = 0;
     if (c >= 0) {
-      var h = a[c];
-      d = h.offset + h.size;
+      var p = a[c];
+      d = p.offset + p.size;
     }
     for (var m = c + 1; m <= o; m++) {
       var P = l(m);
@@ -1621,17 +1621,17 @@ var Vo = function(e, n) {
     r += c, c *= 2;
   return xn(e, n, o, Math.min(r, l - 1), Math.floor(r / 2), a);
 }, Yt = function(e, n, o, r, a, l, c) {
-  var d = e === "column" ? n.width : n.height, h = fe(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), P = Math.max(0, Math.min(m - d, h.offset)), p = Math.max(0, h.offset - d + c + h.size);
-  switch (r === "smart" && (a >= p - d && a <= P + d ? r = "auto" : r = "center"), r) {
+  var d = e === "column" ? n.width : n.height, p = fe(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), P = Math.max(0, Math.min(m - d, p.offset)), u = Math.max(0, p.offset - d + c + p.size);
+  switch (r === "smart" && (a >= u - d && a <= P + d ? r = "auto" : r = "center"), r) {
     case "start":
       return P;
     case "end":
-      return p;
+      return u;
     case "center":
-      return Math.round(p + (P - p) / 2);
+      return Math.round(u + (P - u) / 2);
     case "auto":
     default:
-      return a >= p && a <= P ? a : p > P || a < p ? p : P;
+      return a >= u && a <= P ? a : u > P || a < u ? u : P;
   }
 }, Bo = /* @__PURE__ */ Uo({
   getColumnOffset: function(e, n, o) {
@@ -1641,8 +1641,8 @@ var Vo = function(e, n) {
     return Xt("column", e, o, n);
   },
   getColumnStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.columnCount, l = e.width, c = fe("column", e, n, r), d = o + l, h = c.offset + c.size, m = n; m < a - 1 && h < d; )
-      m++, h += fe("column", e, m, r).size;
+    for (var a = e.columnCount, l = e.width, c = fe("column", e, n, r), d = o + l, p = c.offset + c.size, m = n; m < a - 1 && p < d; )
+      m++, p += fe("column", e, m, r).size;
     return m;
   },
   getColumnWidth: function(e, n, o) {
@@ -1666,8 +1666,8 @@ var Vo = function(e, n) {
     return Xt("row", e, o, n);
   },
   getRowStopIndexForStartIndex: function(e, n, o, r) {
-    for (var a = e.rowCount, l = e.height, c = fe("row", e, n, r), d = o + l, h = c.offset + c.size, m = n; m < a - 1 && h < d; )
-      m++, h += fe("row", e, m, r).size;
+    for (var a = e.rowCount, l = e.height, c = fe("row", e, n, r), d = o + l, p = c.offset + c.size, m = n; m < a - 1 && p < d; )
+      m++, p += fe("row", e, m, r).size;
     return m;
   },
   initInstanceProps: function(e, n) {
@@ -1690,8 +1690,8 @@ var Vo = function(e, n) {
         shouldForceUpdate: d
       });
     }, n.resetAfterIndices = function(c) {
-      var d = c.columnIndex, h = c.rowIndex, m = c.shouldForceUpdate, P = m === void 0 ? !0 : m;
-      typeof d == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, d - 1)), typeof h == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, h - 1)), n._getItemStyleCache(-1), P && n.forceUpdate();
+      var d = c.columnIndex, p = c.rowIndex, m = c.shouldForceUpdate, P = m === void 0 ? !0 : m;
+      typeof d == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, d - 1)), typeof p == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, p - 1)), n._getItemStyleCache(-1), P && n.forceUpdate();
     }, l;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1721,31 +1721,31 @@ function Ko(t, e) {
   return !Jt(n, r) && !Jt(o, a);
 }
 const Xo = () => {
-  const { viewMode: t } = Ee(), { scrollMode: e } = Le(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ue(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === J.HORIZONTAL_SCROLLING ? a : t === Ie.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((w, S, b) => {
-    const T = b % l;
-    return (!w[T] || S > w[T]) && (w[T] = S), w;
+  const { viewMode: t } = Ee(), { scrollMode: e } = Le(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ue(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === J.HORIZONTAL_SCROLLING ? a : t === Ie.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((_, y, C) => {
+    const T = C % l;
+    return (!_[T] || y > _[T]) && (_[T] = y), _;
   }, []), [r.widths, l]), d = N(
     (v) => {
-      const w = v % c.length;
-      return c[w] || 0;
+      const _ = v % c.length;
+      return c[_] || 0;
     },
     [c]
-  ), h = N(
+  ), p = N(
     (v) => r.heights[v] || 0,
     [r.heights]
   );
   F(() => {
     n(l);
   }, [l, n]);
-  const m = k(() => e === J.HORIZONTAL_SCROLLING || e === J.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), P = k(() => r.heights.reduce((v, w) => v + w, 0) / r.heights.length || 0, [r]), p = k(() => r.widths.reduce((v, w) => v + w, 0) / r.heights.length || 0, [r]);
+  const m = k(() => e === J.HORIZONTAL_SCROLLING || e === J.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), P = k(() => r.heights.reduce((v, _) => v + _, 0) / r.heights.length || 0, [r]), u = k(() => r.widths.reduce((v, _) => v + _, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
-    rowHeight: h,
+    rowHeight: p,
     columnCount: l,
     columnWidth: d,
     pageDimension: r,
     estimatedRowHeight: P,
-    estimatedColumnWidth: p
+    estimatedColumnWidth: u
   };
 };
 let oe;
@@ -1769,67 +1769,67 @@ function Yo(t) {
   const d = typeof document < "u" && document.attachEvent;
   if (!d) {
     l = function(T) {
-      const u = T.__resizeTriggers__, f = u.firstElementChild, g = u.lastElementChild, s = f.firstElementChild;
+      const h = T.__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;
     }, a = function(T) {
       return T.offsetWidth !== T.__resizeLast__.width || T.offsetHeight !== T.__resizeLast__.height;
     }, c = function(T) {
       if (T.target.className && typeof T.target.className.indexOf == "function" && T.target.className.indexOf("contract-trigger") < 0 && T.target.className.indexOf("expand-trigger") < 0)
         return;
-      const u = this;
+      const h = this;
       l(this), this.__resizeRAF__ && _t(this.__resizeRAF__), this.__resizeRAF__ = bt(function() {
-        a(u) && (u.__resizeLast__.width = u.offsetWidth, u.__resizeLast__.height = u.offsetHeight, u.__resizeListeners__.forEach(function(s) {
-          s.call(u, T);
+        a(h) && (h.__resizeLast__.width = h.offsetWidth, h.__resizeLast__.height = h.offsetHeight, h.__resizeListeners__.forEach(function(s) {
+          s.call(h, T);
         }));
       });
     };
-    let p = !1, v = "";
+    let u = !1, v = "";
     o = "animationstart";
-    const w = "Webkit Moz O ms".split(" ");
-    let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), b = "";
+    const _ = "Webkit Moz O ms".split(" ");
+    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
     {
       const T = document.createElement("fakeelement");
-      if (T.style.animationName !== void 0 && (p = !0), p === !1) {
-        for (let u = 0; u < w.length; u++)
-          if (T.style[w[u] + "AnimationName"] !== void 0) {
-            b = w[u], v = "-" + b.toLowerCase() + "-", o = S[u], p = !0;
+      if (T.style.animationName !== void 0 && (u = !0), u === !1) {
+        for (let h = 0; h < _.length; h++)
+          if (T.style[_[h] + "AnimationName"] !== void 0) {
+            C = _[h], v = "-" + C.toLowerCase() + "-", o = y[h], u = !0;
             break;
           }
       }
     }
     n = "resizeanim", e = "@" + v + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = v + "animation: 1ms " + n + "; ";
   }
-  const h = function(p) {
-    if (!p.getElementById("detectElementResize")) {
-      const v = (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%; }', w = 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 = v : S.appendChild(p.createTextNode(v)), w.appendChild(S);
+  const p = function(u) {
+    if (!u.getElementById("detectElementResize")) {
+      const v = (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%; }', _ = u.head || u.getElementsByTagName("head")[0], y = u.createElement("style");
+      y.id = "detectElementResize", y.type = "text/css", t != null && y.setAttribute("nonce", t), y.styleSheet ? y.styleSheet.cssText = v : y.appendChild(u.createTextNode(v)), _.appendChild(y);
     }
   };
   return {
-    addResizeListener: function(p, v) {
+    addResizeListener: function(u, v) {
       if (d)
-        p.attachEvent("onresize", v);
+        u.attachEvent("onresize", v);
       else {
-        if (!p.__resizeTriggers__) {
-          const w = p.ownerDocument, S = oe.getComputedStyle(p);
-          S && S.position === "static" && (p.style.position = "relative"), h(w), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = w.createElement("div")).className = "resize-triggers";
-          const b = w.createElement("div");
-          b.className = "expand-trigger", b.appendChild(w.createElement("div"));
-          const T = w.createElement("div");
-          T.className = "contract-trigger", p.__resizeTriggers__.appendChild(b), p.__resizeTriggers__.appendChild(T), p.appendChild(p.__resizeTriggers__), l(p), p.addEventListener("scroll", c, !0), o && (p.__resizeTriggers__.__animationListener__ = function(f) {
-            f.animationName === n && l(p);
-          }, p.__resizeTriggers__.addEventListener(o, p.__resizeTriggers__.__animationListener__));
+        if (!u.__resizeTriggers__) {
+          const _ = u.ownerDocument, y = oe.getComputedStyle(u);
+          y && y.position === "static" && (u.style.position = "relative"), p(_), u.__resizeLast__ = {}, u.__resizeListeners__ = [], (u.__resizeTriggers__ = _.createElement("div")).className = "resize-triggers";
+          const C = _.createElement("div");
+          C.className = "expand-trigger", C.appendChild(_.createElement("div"));
+          const T = _.createElement("div");
+          T.className = "contract-trigger", u.__resizeTriggers__.appendChild(C), u.__resizeTriggers__.appendChild(T), u.appendChild(u.__resizeTriggers__), l(u), u.addEventListener("scroll", c, !0), o && (u.__resizeTriggers__.__animationListener__ = function(f) {
+            f.animationName === n && l(u);
+          }, u.__resizeTriggers__.addEventListener(o, u.__resizeTriggers__.__animationListener__));
         }
-        p.__resizeListeners__.push(v);
+        u.__resizeListeners__.push(v);
       }
     },
-    removeResizeListener: function(p, v) {
+    removeResizeListener: function(u, v) {
       if (d)
-        p.detachEvent("onresize", v);
-      else if (p.__resizeListeners__.splice(p.__resizeListeners__.indexOf(v), 1), !p.__resizeListeners__.length) {
-        p.removeEventListener("scroll", c, !0), p.__resizeTriggers__.__animationListener__ && (p.__resizeTriggers__.removeEventListener(o, p.__resizeTriggers__.__animationListener__), p.__resizeTriggers__.__animationListener__ = null);
+        u.detachEvent("onresize", v);
+      else if (u.__resizeListeners__.splice(u.__resizeListeners__.indexOf(v), 1), !u.__resizeListeners__.length) {
+        u.removeEventListener("scroll", c, !0), u.__resizeTriggers__.__animationListener__ && (u.__resizeTriggers__.removeEventListener(o, u.__resizeTriggers__.__animationListener__), u.__resizeTriggers__.__animationListener__ = null);
         try {
-          p.__resizeTriggers__ = !p.removeChild(p.__resizeTriggers__);
+          u.__resizeTriggers__ = !u.removeChild(u.__resizeTriggers__);
         } catch {
         }
       }
@@ -1851,17 +1851,17 @@ class Jo extends er {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), h = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), P = m.height - d - h, p = m.width - l - c, v = this._parentNode.offsetHeight - d - h, w = this._parentNode.offsetWidth - l - c;
-        (!n && (this.state.height !== v || this.state.scaledHeight !== P) || !o && (this.state.width !== w || this.state.scaledWidth !== p)) && (this.setState({
+        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), p = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), P = m.height - d - p, u = m.width - l - c, v = this._parentNode.offsetHeight - d - p, _ = this._parentNode.offsetWidth - l - c;
+        (!n && (this.state.height !== v || this.state.scaledHeight !== P) || !o && (this.state.width !== _ || this.state.scaledWidth !== u)) && (this.setState({
           height: v,
-          width: w,
+          width: _,
           scaledHeight: P,
-          scaledWidth: p
+          scaledWidth: u
         }), typeof r == "function" && r({
           height: v,
           scaledHeight: P,
-          scaledWidth: p,
-          width: w
+          scaledWidth: u,
+          width: _
         }));
       }
     }, this._setRef = (n) => {
@@ -1893,50 +1893,50 @@ class Jo extends er {
       doNotBailOutOnEmptyChildren: l = !1,
       nonce: c,
       onResize: d,
-      style: h = {},
+      style: p = {},
       tagName: m = "div",
       ...P
     } = this.props, {
-      height: p,
+      height: u,
       scaledHeight: v,
-      scaledWidth: w,
-      width: S
-    } = this.state, b = {
+      scaledWidth: _,
+      width: y
+    } = this.state, C = {
       overflow: "visible"
     }, T = {};
-    let u = !1;
-    return r || (p === 0 && (u = !0), b.height = 0, T.height = p, T.scaledHeight = v), a || (S === 0 && (u = !0), b.width = 0, T.width = S, T.scaledWidth = w), l && (u = !1), qe(m, {
+    let h = !1;
+    return r || (u === 0 && (h = !0), C.height = 0, T.height = u, T.scaledHeight = v), a || (y === 0 && (h = !0), C.width = 0, T.width = y, T.scaledWidth = _), l && (h = !1), qe(m, {
       ref: this._setRef,
       style: {
-        ...b,
-        ...h
+        ...C,
+        ...p
       },
       ...P
-    }, !u && e(T));
+    }, !h && e(T));
   }
 }
 const Qo = ln(({ widths: t, heights: e }) => {
   const { focusedPage: n, totalPages: o } = ie(), r = k(() => {
     const c = [], d = Math.ceil(n / 2) * 2 - 1;
     if (c.push(d), d + 1 <= o) {
-      const h = d + 1;
-      c.push(h);
+      const p = d + 1;
+      c.push(p);
     }
     return c;
   }, [n, o]), a = k(() => {
-    const c = n % 2 === 1 ? n - 1 : n - 2, d = t(c), h = e(c), m = t(c + 1), P = e(c + 1), p = h > P ? h : P, v = h < P ? h : P, w = p / 2 - v / 2;
+    const c = n % 2 === 1 ? n - 1 : n - 2, d = t(c), p = e(c), m = t(c + 1), P = e(c + 1), u = p > P ? p : P, v = p < P ? p : P, _ = u / 2 - v / 2;
     return [
       {
         position: "absolute",
         left: 0,
-        top: p === h ? 0 : w,
+        top: u === p ? 0 : _,
         width: d,
-        height: h
+        height: p
       },
       {
         position: "absolute",
         left: d,
-        top: p === P ? 0 : w,
+        top: u === P ? 0 : _,
         width: m,
         height: P
       }
@@ -1960,49 +1960,49 @@ const Qo = ln(({ widths: t, heights: e }) => {
     }
   );
 }, ti = (t, e, n) => {
-  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = Ue(), { setFocusedPage: c } = ie(), [d, h] = $([]), { targetScrollPage: m } = pn(), P = Pt(d, 0, 500), p = k(() => a.map((w, S) => {
-    const b = l[S], T = Vr(S + 1, t), u = b * T.columnIndex, f = w * T.rowIndex, g = u + b, s = f + w;
+  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = Ue(), { setFocusedPage: c } = ie(), [d, p] = $([]), { targetScrollPage: m } = pn(), P = Pt(d, 0, 500), u = k(() => a.map((_, y) => {
+    const C = l[y], T = Vr(y + 1, t), h = C * T.columnIndex, f = _ * T.rowIndex, g = h + C, s = f + _;
     return {
-      pageNumber: S + 1,
+      pageNumber: y + 1,
       ...T,
-      width: b,
-      height: w,
-      startX: u,
+      width: C,
+      height: _,
+      startX: h,
       startY: f,
       endX: g,
       endY: s
     };
   }), [a, l, t, e]);
   F(() => {
-    var S;
+    var y;
     P.length > 0 && !m.current && c(P[0].pageNumber);
-    let w = (S = P[0]) == null ? void 0 : S.ratio;
-    w && P.filter((b) => Math.round(b.ratio) === Math.round(w)).some((b) => b.pageNumber === m.current) && setTimeout(() => {
+    let _ = (y = P[0]) == null ? void 0 : y.ratio;
+    _ && P.filter((C) => Math.round(C.ratio) === Math.round(_)).some((C) => C.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
   }, [P, c]);
   const v = N(
-    (w) => {
+    (_) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const S = w.target, b = {
-          startTop: S.scrollTop,
-          startLeft: S.scrollLeft,
-          endTop: S.scrollTop + S.clientHeight,
-          endLeft: S.scrollLeft + S.clientWidth
-        }, T = p.filter((u) => {
-          const f = u.endX >= b.startLeft && u.endY >= b.startTop, g = u.startX <= b.endLeft && u.startY <= b.endTop;
+        const y = _.target, C = {
+          startTop: y.scrollTop,
+          startLeft: y.scrollLeft,
+          endTop: y.scrollTop + y.clientHeight,
+          endLeft: y.scrollLeft + y.clientWidth
+        }, T = u.filter((h) => {
+          const f = h.endX >= C.startLeft && h.endY >= C.startTop, g = h.startX <= C.endLeft && h.startY <= C.endTop;
           return f && g;
-        }).map((u) => {
-          const f = b.startLeft > u.startX ? b.startLeft : u.startX, g = b.startTop > u.startY ? b.startTop : u.startY, s = b.endLeft < u.endX ? b.endLeft : u.endX, C = b.endTop < u.endY ? b.endTop : u.endY, _ = s - f, y = C - g, x = +(_ * y / (u.width * u.height) * 100).toFixed(2);
+        }).map((h) => {
+          const f = C.startLeft > h.startX ? C.startLeft : h.startX, g = C.startTop > h.startY ? C.startTop : h.startY, s = C.endLeft < h.endX ? C.endLeft : h.endX, w = C.endTop < h.endY ? C.endTop : h.endY, b = s - f, S = w - g, x = +(b * S / (h.width * h.height) * 100).toFixed(2);
           return {
-            pageNumber: u.pageNumber,
+            pageNumber: h.pageNumber,
             ratio: x
           };
-        }).sort((u, f) => f.ratio - u.ratio);
-        h(T);
+        }).sort((h, f) => f.ratio - h.ratio);
+        p(T);
       });
     },
-    [r, p]
+    [r, u]
   );
   F(() => {
     if (n)
@@ -2018,17 +2018,17 @@ const Qo = ln(({ widths: t, heights: e }) => {
     virtualScrollRef: l,
     getVirtualScrollRef: c,
     getPageScrollElementRef: d,
-    getVirtualScrollableElementRef: h,
+    getVirtualScrollableElementRef: p,
     setTotalInnerDimensions: m,
     virtualScrollableElementRef: P,
-    totalInnerDimensions: p,
+    totalInnerDimensions: u,
     pageScrollElementRef: v
-  } = et(), w = H(!0), { nextPage: S, prevPage: b, setFocusedPage: T, focusedPage: u } = ie(), { scrollMode: f } = Le(), { viewMode: g } = Ee(), s = H(null), { loading: C } = Q(), { passwordRequired: _ } = nr(), { LoaderImageComponent: y } = hn(), E = H(
-    p
+  } = et(), _ = H(!0), { nextPage: y, prevPage: C, setFocusedPage: T, focusedPage: h } = ie(), { scrollMode: f } = Le(), { viewMode: g } = Ee(), s = H(null), { loading: w } = Q(), { passwordRequired: b } = nr(), { LoaderImageComponent: S } = hn(), E = H(
+    u
   ), x = H({
     viewMode: g,
     scrollMode: f
-  }), R = H(!1), D = H(), { isFullScreen: z } = sr(), {
+  }), R = H(!1), z = H(), { isFullScreen: D } = sr(), {
     pageDimension: A,
     rowCount: L,
     rowHeight: I,
@@ -2036,7 +2036,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
     columnWidth: M,
     estimatedColumnWidth: G,
     estimatedRowHeight: Z
-  } = Xo(), j = Pt(p, 100), q = H();
+  } = Xo(), j = Pt(u, 100), q = H();
   ti(O, L, P);
   const ee = H({
     scrollTop: 0,
@@ -2050,9 +2050,9 @@ const Qo = ln(({ widths: t, heights: e }) => {
   }), [O]), Ne = N(
     (U) => {
       const V = document.activeElement !== o;
-      !z && V || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), b()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), S()));
+      !D && V || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), y()));
     },
-    [S, b, z, f]
+    [y, C, D, f]
   );
   F(() => (window.addEventListener("keydown", Ne), () => {
     window.removeEventListener("keydown", Ne);
@@ -2080,7 +2080,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
   ), we = N(
     (U, V) => {
       if (x.current.viewMode !== g || x.current.scrollMode !== f) {
-        q.current && clearTimeout(q.current), R.current = !0, a(u, "auto"), q.current = setTimeout(() => {
+        q.current && clearTimeout(q.current), R.current = !0, a(h, "auto"), q.current = setTimeout(() => {
           requestAnimationFrame(() => {
             x.current = { viewMode: g, scrollMode: f };
           });
@@ -2091,11 +2091,11 @@ const Qo = ln(({ widths: t, heights: e }) => {
       if (!V.height || !V.width)
         return;
       R.current = !0;
-      const { height: ye, width: it } = V, { height: Ot, width: Dt } = E.current;
-      if (Ot === ye && Dt === it)
+      const { height: ye, width: it } = V, { height: Ot, width: zt } = E.current;
+      if (Ot === ye && zt === it)
         return;
-      const Kn = Se / Ot * ye, Xn = ot / Dt * it, Yn = Math.round(Math.min(Kn, ye)) || 0, Jn = Math.round(Math.min(Xn, it)) || 0;
-      D.current = setTimeout(() => {
+      const Kn = Se / Ot * ye, Xn = ot / zt * it, Yn = Math.round(Math.min(Kn, ye)) || 0, Jn = Math.round(Math.min(Xn, it)) || 0;
+      z.current = setTimeout(() => {
         requestAnimationFrame(() => {
           l == null || l.scrollTo({
             scrollTop: Yn,
@@ -2110,7 +2110,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
     [l, g, f, a]
   );
   F(() => {
-    clearTimeout(D.current);
+    clearTimeout(z.current);
     const U = Array.from({ length: L }).reduce(
       (Se, ot, ye) => Se + I(ye),
       0
@@ -2148,14 +2148,14 @@ const Qo = ln(({ widths: t, heights: e }) => {
     [te, ae, ue]
   );
   return F(() => {
-    C && de();
-  }, [C]), F(() => {
-    if (!(j.height === 0 || !w.current)) {
+    w && de();
+  }, [w]), F(() => {
+    if (!(j.height === 0 || !_.current)) {
       if (e === J.PAGE_SCROLLING) {
-        t !== u && v && T(t), w.current = !1;
+        t !== h && v && T(t), _.current = !1;
         return;
       }
-      a(t, "auto"), T(t), w.current = !1;
+      a(t, "auto"), T(t), _.current = !1;
     }
   }, [
     a,
@@ -2177,7 +2177,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
       {
         ref: c,
         itemData: Fe,
-        outerRef: h,
+        outerRef: p,
         innerRef: s,
         onScroll: nt,
         columnCount: O,
@@ -2194,7 +2194,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
         ),
         children: ni
       }
-    ) : C ? null : /* @__PURE__ */ i(
+    ) : w ? null : /* @__PURE__ */ i(
       "div",
       {
         className: ue["rp-loader"],
@@ -2205,10 +2205,10 @@ const Qo = ln(({ widths: t, heights: e }) => {
           height: "100%",
           width: "100%"
         },
-        children: y && /* @__PURE__ */ i(y, {})
+        children: S && /* @__PURE__ */ i(S, {})
       }
     ) }) }) }),
-    _ && /* @__PURE__ */ i(Ur, {})
+    b && /* @__PURE__ */ i(Ur, {})
   ] });
 }, We = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2227,24 +2227,24 @@ const Qo = ln(({ widths: t, heights: e }) => {
   const { nextIcon: t } = pe();
   return t || /* @__PURE__ */ i(He, { style: { transform: "rotate(180deg" } });
 }, ii = () => {
-  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: d = !0 } = ve(), { isSmallScreen: h } = Ce(), { localeMessages: m } = se(), { viewMode: P } = Ee(), { scrollMode: p } = Le();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: d = !0 } = ve(), { isSmallScreen: p } = Ce(), { localeMessages: m } = se(), { viewMode: P } = Ee(), { scrollMode: u } = Le();
   F(() => {
     c(t.toString());
   }, [t]);
-  const v = N((u) => {
-    const f = u.target.value;
+  const v = N((h) => {
+    const f = h.target.value;
     c(f);
-  }, []), w = N(async () => {
-    const u = a(l);
-    u.success || c(u.currentPage.toString());
-  }, [a, l, e]), S = N(() => {
+  }, []), _ = N(async () => {
+    const h = a(l);
+    h.success || c(h.currentPage.toString());
+  }, [a, l, e]), y = N(() => {
     c(t.toString());
-  }, [t]), b = N(
-    (u) => {
-      u.key === "Enter" && w();
+  }, [t]), C = N(
+    (h) => {
+      h.key === "Enter" && _();
     },
-    [w]
-  ), T = k(() => P === Ie.DUAL_PAGE && p === J.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, P, p]);
+    [_]
+  ), T = k(() => P === Ie.DUAL_PAGE && u === J.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, P, u]);
   return typeof d != "boolean" ? /* @__PURE__ */ i(
     d,
     {
@@ -2256,7 +2256,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
       changePage: n
     }
   ) : d ? /* @__PURE__ */ W("div", { className: ft["rp-paginate"], children: [
-    !h && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
+    !p && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.previousPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: r,
@@ -2268,8 +2268,8 @@ const Qo = ln(({ widths: t, heights: e }) => {
     /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.currentPageTooltip, children: /* @__PURE__ */ i(
       dn,
       {
-        onKeyDown: b,
-        onBlur: S,
+        onKeyDown: C,
+        onBlur: y,
         onChange: v,
         value: l,
         className: ft["rp-page-input"]
@@ -2279,7 +2279,7 @@ const Qo = ln(({ widths: t, heights: e }) => {
       "/",
       e
     ] }),
-    !h && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
+    !p && /* @__PURE__ */ i(K, { content: m == null ? void 0 : m.nextPageTooltip, children: /* @__PURE__ */ i(
       re,
       {
         onClick: o,
@@ -2298,7 +2298,7 @@ var Rt = "Dialog", [In, Us] = Xr(Rt), [ai, ce] = In(Rt), Rn = (t) => {
     defaultOpen: r,
     onOpenChange: a,
     modal: l = !0
-  } = t, c = B.useRef(null), d = B.useRef(null), [h = !1, m] = Qr({
+  } = t, c = B.useRef(null), d = B.useRef(null), [p = !1, m] = Qr({
     prop: o,
     defaultProp: r,
     onChange: a
@@ -2312,7 +2312,7 @@ var Rt = "Dialog", [In, Us] = Xr(Rt), [ai, ce] = In(Rt), Rn = (t) => {
       contentId: ct(),
       titleId: ct(),
       descriptionId: ct(),
-      open: h,
+      open: p,
       onOpenChange: m,
       onOpenToggle: B.useCallback(() => m((P) => !P), [m]),
       modal: l,
@@ -2371,13 +2371,13 @@ var li = B.forwardRef(
       ) })
     );
   }
-), Re = "DialogContent", Dn = B.forwardRef(
+), Re = "DialogContent", zn = B.forwardRef(
   (t, e) => {
     const n = En(Re, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Re, t.__scopeDialog);
     return /* @__PURE__ */ i(St, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(di, { ...r, ref: e }) : /* @__PURE__ */ i(ui, { ...r, ref: e }) });
   }
 );
-Dn.displayName = Re;
+zn.displayName = Re;
 var di = B.forwardRef(
   (t, e) => {
     const n = ce(Re, t.__scopeDialog), o = B.useRef(null), r = Tt(e, n.contentRef, o);
@@ -2386,7 +2386,7 @@ var di = B.forwardRef(
       if (a)
         return io(a);
     }, []), /* @__PURE__ */ i(
-      zn,
+      Dn,
       {
         ...t,
         ref: r,
@@ -2411,7 +2411,7 @@ var di = B.forwardRef(
   (t, e) => {
     const n = ce(Re, t.__scopeDialog), o = B.useRef(!1), r = B.useRef(!1);
     return /* @__PURE__ */ i(
-      zn,
+      Dn,
       {
         ...t,
         ref: e,
@@ -2422,17 +2422,17 @@ var di = B.forwardRef(
           (l = t.onCloseAutoFocus) == null || l.call(t, a), a.defaultPrevented || (o.current || (c = n.triggerRef.current) == null || c.focus(), a.preventDefault()), o.current = !1, r.current = !1;
         },
         onInteractOutside: (a) => {
-          var d, h;
+          var d, p;
           (d = t.onInteractOutside) == null || d.call(t, a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
           const l = a.target;
-          ((h = n.triggerRef.current) == null ? void 0 : h.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+          ((p = n.triggerRef.current) == null ? void 0 : p.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
         }
       }
     );
   }
-), zn = B.forwardRef(
+), Dn = B.forwardRef(
   (t, e) => {
-    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, c = ce(Re, n), d = B.useRef(null), h = Tt(e, d);
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...l } = t, c = ce(Re, n), d = B.useRef(null), p = Tt(e, d);
     return no(), /* @__PURE__ */ W(me, { children: [
       /* @__PURE__ */ i(
         ro,
@@ -2451,7 +2451,7 @@ var di = B.forwardRef(
               "aria-labelledby": c.titleId,
               "data-state": Nt(c.open),
               ...l,
-              ref: h,
+              ref: p,
               onDismiss: () => c.onOpenChange(!1)
             }
           )
@@ -2515,7 +2515,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${e.do
     const r = (a = t.current) == null ? void 0 : a.getAttribute("aria-describedby");
     e && r && (document.getElementById(e) || console.warn(o));
   }, [o, t, e]), null;
-}, gi = Rn, vi = Nn, wi = On, _i = Dn, bi = An, Ci = kn;
+}, gi = Rn, vi = Nn, wi = On, _i = zn, bi = An, Ci = kn;
 const xe = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2532,14 +2532,14 @@ const xe = {
       fileSize: l,
       filename: c,
       title: d,
-      author: h,
+      author: p,
       subject: m,
       createdOn: P,
-      creator: p,
+      creator: u,
       keywords: v,
-      modifiedOn: w,
-      pdfProducer: S,
-      pdfVersion: b,
+      modifiedOn: _,
+      pdfProducer: y,
+      pdfVersion: C,
       pageCount: T
     } = t;
     return [
@@ -2547,21 +2547,21 @@ const xe = {
       { label: r == null ? void 0 : r.propertiesFileSizeLabel, value: l },
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
-      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: h },
+      { label: r == null ? void 0 : r.propertiesAuthorLabel, value: p },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
       { label: r == null ? void 0 : r.propertiesKeywordLabel, value: v },
-      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: p },
+      { label: r == null ? void 0 : r.propertiesCreatorLabel, value: u },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
         value: P ? kt(P) : ""
       },
       {
         label: r == null ? void 0 : r.propertiesModifiedOnLabel,
-        value: w ? kt(w) : ""
+        value: _ ? kt(_) : ""
       },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: S },
-      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: b },
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: y },
+      { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: C },
       { label: r == null ? void 0 : r.propertiesPageCountLabel, value: T }
     ];
   }, [t, r]);
@@ -2625,7 +2625,7 @@ const xe = {
 }, Oi = () => {
   const { goToLastPageIcon: t } = pe();
   return t || /* @__PURE__ */ i(vn, {});
-}, rn = { width: "100%" }, Di = () => {
+}, rn = { width: "100%" }, zi = () => {
   const { goToPage: t, totalPages: e, focusedPage: n } = ie(), { jumpNavigationTool: o = !0 } = ve(), { localeMessages: r } = se(), a = k(() => n === 1, [n]), l = k(() => n === e, [n, e]), c = N(() => {
     t(1);
   }, [t]), d = N(() => {
@@ -2642,7 +2642,7 @@ const xe = {
     ] }) }) }),
     /* @__PURE__ */ i(yt, {})
   ] }) : null;
-}, zi = () => {
+}, Di = () => {
   const { container: t, pagesRef: e } = ge(), { isSmallScreen: n } = Ce(), {
     openFileTool: o,
     downloadTool: r,
@@ -2650,17 +2650,17 @@ const xe = {
     scrollModeTool: l,
     rotateTool: c,
     selectionModeTool: d,
-    jumpNavigationTool: h,
+    jumpNavigationTool: p,
     printTool: m,
     fullscreenTool: P
-  } = ve(), { localeMessages: p } = se(), [v, w] = $(0), S = H(
+  } = ve(), { localeMessages: u } = se(), [v, _] = $(0), y = H(
     new ResizeObserver((T) => {
-      w(T[0].contentRect.height);
+      _(T[0].contentRect.height);
     })
-  ), b = k(() => {
-    const T = h || c || d || l || a;
-    let u = !1;
-    return n && (u = !(!o && !r && !m && !P)), T || u;
+  ), C = k(() => {
+    const T = p || c || d || l || a;
+    let h = !1;
+    return n && (h = !(!o && !r && !m && !P)), T || h;
   }, [
     o,
     r,
@@ -2668,33 +2668,40 @@ const xe = {
     l,
     c,
     d,
-    h,
+    p,
     n
   ]);
-  return F(() => (e && S.current.observe(e), () => {
-    S.current.disconnect();
-  }), [e]), b ? /* @__PURE__ */ W(lo, { children: [
+  return F(() => (e && y.current.observe(e), () => {
+    y.current.disconnect();
+  }), [e]), C ? /* @__PURE__ */ W(lo, { children: [
     /* @__PURE__ */ i(
       mn,
       {
         container: t,
-        style: { maxHeight: `${v}px`, overflow: "auto" },
-        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(Kr, {}) }) }) }),
-        children: /* @__PURE__ */ W("div", { className: Ti["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
-          n && /* @__PURE__ */ W(Ke, { children: [
-            /* @__PURE__ */ i(fn, {}),
-            /* @__PURE__ */ i(Vn, {}),
-            /* @__PURE__ */ i(Zn, {}),
-            /* @__PURE__ */ i(gn, {}),
-            /* @__PURE__ */ i(yt, {})
-          ] }),
-          /* @__PURE__ */ i(Di, {}),
-          /* @__PURE__ */ i(po, {}),
-          /* @__PURE__ */ i(vo, {}),
-          /* @__PURE__ */ i(ho, {}),
-          /* @__PURE__ */ i(fo, {}),
-          /* @__PURE__ */ i(uo, {})
-        ] })
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": u == null ? void 0 : u.moreOptionTooltip, children: /* @__PURE__ */ i(Kr, {}) }) }) }),
+        children: /* @__PURE__ */ W(
+          "div",
+          {
+            style: { maxHeight: `${v}px`, overflow: "auto" },
+            className: Ti["rp-other-tool-content"],
+            "data-rp": "moreOptionsDropdown",
+            children: [
+              n && /* @__PURE__ */ W(Ke, { children: [
+                /* @__PURE__ */ i(fn, {}),
+                /* @__PURE__ */ i(Vn, {}),
+                /* @__PURE__ */ i(Zn, {}),
+                /* @__PURE__ */ i(gn, {}),
+                /* @__PURE__ */ i(yt, {})
+              ] }),
+              /* @__PURE__ */ i(zi, {}),
+              /* @__PURE__ */ i(po, {}),
+              /* @__PURE__ */ i(vo, {}),
+              /* @__PURE__ */ i(ho, {}),
+              /* @__PURE__ */ i(fo, {}),
+              /* @__PURE__ */ i(uo, {})
+            ]
+          }
+        )
       }
     ),
     /* @__PURE__ */ i(Pi, {})
@@ -2709,9 +2716,9 @@ const xe = {
       /* @__PURE__ */ i(Zn, {}),
       /* @__PURE__ */ i(gn, {})
     ] }),
-    /* @__PURE__ */ i(zi, {})
+    /* @__PURE__ */ i(Di, {})
   ] });
-}, De = {
+}, ze = {
   "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",
@@ -2724,45 +2731,51 @@ const xe = {
   const { zoomOutIcon: t } = pe();
   return t || /* @__PURE__ */ i(_o, {});
 }, Hi = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: l } = Ge(), { pages: c } = Q(), { isSmallScreen: d } = Ce(), { localeMessages: h } = se(), { viewMode: m } = Ee(), P = N(() => {
-    e((u) => {
-      const f = Math.floor(u / 25) * 25;
-      return Math.min(f + 25, mt);
+  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: l } = Ge(), { pages: c } = Q(), { isSmallScreen: d } = Ce(), { localeMessages: p } = se(), { viewMode: m } = Ee(), [P, u] = $(0), v = H(
+    new ResizeObserver((s) => {
+      u(s[0].contentRect.height);
+    })
+  ), _ = N(() => {
+    e((s) => {
+      const w = Math.floor(s / 25) * 25;
+      return Math.min(w + 25, mt);
     });
-  }, [e]), p = N(() => {
-    e((u) => {
-      const f = Math.ceil(u / 25) * 25;
-      return Math.min(f - 25, mt);
+  }, [e]), y = N(() => {
+    e((s) => {
+      const w = Math.ceil(s / 25) * 25;
+      return Math.min(w - 25, mt);
     });
-  }, [e]), v = k(() => t === Fi, [t]), w = k(() => t === mt, [t]), S = k(() => {
-    const u = c.get(a);
-    return u ? u.page.getViewport({ scale: 1, rotation: l + u.defaultRotation }) : null;
-  }, [c, a, l]), b = N(
-    (u) => {
-      const f = ((S == null ? void 0 : S.width) || 0) + 2 * Mt, g = ((S == null ? void 0 : S.height) || 0) + 2 * Mt, s = (o == null ? void 0 : o.clientWidth) || 0, C = (o == null ? void 0 : o.clientHeight) || 0, _ = bo(
-        u,
+  }, [e]), C = k(() => t === Fi, [t]), T = k(() => t === mt, [t]), h = k(() => {
+    const s = c.get(a);
+    return s ? s.page.getViewport({ scale: 1, rotation: l + s.defaultRotation }) : null;
+  }, [c, a, l]), f = N(
+    (s) => {
+      const w = ((h == null ? void 0 : h.width) || 0) + 2 * Mt, b = ((h == null ? void 0 : h.height) || 0) + 2 * Mt, S = (o == null ? void 0 : o.clientWidth) || 0, E = (o == null ? void 0 : o.clientHeight) || 0, x = bo(
         s,
-        C,
-        f,
-        g,
+        S,
+        E,
+        w,
+        b,
         m
       );
-      e(_);
+      e(x);
     },
-    [e, S, o]
-  ), T = N(
-    (u) => {
-      typeof u == "number" ? e(u) : b(u);
+    [e, h, o]
+  ), g = N(
+    (s) => {
+      typeof s == "number" ? e(s) : f(s);
     },
-    [e, b]
+    [e, f]
   );
-  return typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ W("div", { className: De["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomOutTooltip, children: /* @__PURE__ */ i(
+  return F(() => (o && v.current.observe(o), () => {
+    v.current.disconnect();
+  }), [o]), typeof r != "boolean" ? /* @__PURE__ */ i(r, { zoomLevel: t, setZoomLevel: e }) : r ? /* @__PURE__ */ W("div", { className: ze["rp-zoom-wrapper"], children: [
+    /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomOutTooltip, children: /* @__PURE__ */ i(
       re,
       {
-        disabled: v,
-        onClick: p,
-        "aria-label": h == null ? void 0 : h.zoomOutTooltip,
+        disabled: C,
+        onClick: y,
+        "aria-label": p == null ? void 0 : p.zoomOutTooltip,
         children: /* @__PURE__ */ i(Mi, {})
       }
     ) }),
@@ -2770,40 +2783,47 @@ const xe = {
       mn,
       {
         container: n,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomSelectTooltip, children: /* @__PURE__ */ W(
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomSelectTooltip, children: /* @__PURE__ */ W(
           re,
           {
-            className: De["rp-current-zoom-wrapper"],
-            "aria-label": h == null ? void 0 : h.zoomSelectTooltip,
+            className: ze["rp-current-zoom-wrapper"],
+            "aria-label": p == null ? void 0 : p.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: ze["rp-current-zoom-text"], children: t }),
+              /* @__PURE__ */ i("span", { className: ze["rp-current-zoom-text"], children: "%" }),
+              /* @__PURE__ */ i(He, { className: ze["rp-current-zoom-icon"] })
             ]
           }
         ) }) }),
         style: { minWidth: "200px" },
         align: "center",
-        children: /* @__PURE__ */ W("div", { className: De["rp-zoom-dropdown-content"], children: [
-          /* @__PURE__ */ W(Ke, { children: [
-            /* @__PURE__ */ i(be, { onClick: () => T(at.ACTUAL), children: h == null ? void 0 : h.zoomActualSize }),
-            /* @__PURE__ */ i(be, { onClick: () => T(at.PAGE_FIT), children: h == null ? void 0 : h.zoomPageFit }),
-            /* @__PURE__ */ i(be, { onClick: () => T(at.PAGE_WIDTH), children: h == null ? void 0 : h.zoomPageWidth })
-          ] }),
-          /* @__PURE__ */ i(yt, {}),
-          /* @__PURE__ */ i(Ke, { children: Wi.map((u) => /* @__PURE__ */ W(be, { onClick: () => T(u), children: [
-            u,
-            " %"
-          ] }, u)) })
-        ] })
+        children: /* @__PURE__ */ W(
+          "div",
+          {
+            style: { maxHeight: `${P}px`, overflow: "auto" },
+            className: ze["rp-zoom-dropdown-content"],
+            children: [
+              /* @__PURE__ */ W(Ke, { children: [
+                /* @__PURE__ */ i(be, { onClick: () => g(at.ACTUAL), children: p == null ? void 0 : p.zoomActualSize }),
+                /* @__PURE__ */ i(be, { onClick: () => g(at.PAGE_FIT), children: p == null ? void 0 : p.zoomPageFit }),
+                /* @__PURE__ */ i(be, { onClick: () => g(at.PAGE_WIDTH), children: p == null ? void 0 : p.zoomPageWidth })
+              ] }),
+              /* @__PURE__ */ i(yt, {}),
+              /* @__PURE__ */ i(Ke, { children: Wi.map((s) => /* @__PURE__ */ W(be, { onClick: () => g(s), children: [
+                s,
+                " %"
+              ] }, s)) })
+            ]
+          }
+        )
       }
     ),
-    /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.zoomInTooltip, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomInTooltip, children: /* @__PURE__ */ i(
       re,
       {
-        disabled: w,
-        onClick: P,
-        "aria-label": h == null ? void 0 : h.zoomInTooltip,
+        disabled: T,
+        onClick: _,
+        "aria-label": p == null ? void 0 : p.zoomInTooltip,
         children: /* @__PURE__ */ i(ki, {})
       }
     ) })
@@ -2839,40 +2859,40 @@ const xe = {
     searchOptions: l,
     setSearchOptions: c,
     loading: d,
-    setSearch: h,
+    setSearch: p,
     totalMatches: m,
     currentMatchPosition: P,
-    nextMatch: p,
+    nextMatch: u,
     prevMatch: v,
-    search: w
-  } = xt(), { searchTool: S = !0 } = ve(), [b, T] = $(w), { localeMessages: u } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
+    search: _
+  } = xt(), { searchTool: y = !0 } = ve(), [C, T] = $(_), { localeMessages: h } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
     n(!0);
   }, []), s = N(() => {
-    h(""), T(""), n(!1);
-  }, [h]), C = (I) => {
+    p(""), T(""), n(!1);
+  }, [p]), w = (I) => {
     const O = I.key === "Enter", M = I.key === " ";
     (O || M) && s();
-  }, _ = N(
+  }, b = N(
     (I) => {
       I.key === "Escape" && e && s();
     },
     [e]
-  ), y = N(
+  ), S = N(
     (I) => {
-      I.shiftKey && I.key === "Enter" ? v() : I.key === "Enter" && w !== b ? h(b) : I.key === "Enter" && p();
+      I.shiftKey && I.key === "Enter" ? v() : I.key === "Enter" && _ !== C ? p(C) : I.key === "Enter" && u();
     },
-    [b, v, p, h, w]
+    [C, v, u, p, _]
   );
-  F(() => (window.addEventListener("keydown", _), () => {
-    window.removeEventListener("keydown", _);
-  }), [_]), F(() => {
+  F(() => (window.addEventListener("keydown", b), () => {
+    window.removeEventListener("keydown", b);
+  }), [b]), F(() => {
     r && r.focus();
   }, [r]);
   const E = N((I) => {
     T(I.target.value);
   }, []), x = N(() => {
-    T(""), h("");
-  }, [h]), R = k(() => `${P} / ${m}`, [P, m]), { wholeWords: D, matchCase: z } = k(() => l, [l]), A = N(
+    T(""), p("");
+  }, [p]), R = k(() => `${P} / ${m}`, [P, m]), { wholeWords: z, matchCase: D } = k(() => l, [l]), A = N(
     (I) => {
       c((O) => ({ ...O, matchCase: I }));
     },
@@ -2885,47 +2905,47 @@ const xe = {
   );
   return F(() => {
     s();
-  }, [o, s]), S ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
+  }, [o, s]), y ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
     Mr,
     {
       open: e,
       container: t,
-      triggerComponent: /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.searchButtonTooltip, children: /* @__PURE__ */ i(re, { onClick: g, "aria-label": u == null ? void 0 : u.searchButtonTooltip, children: /* @__PURE__ */ i(an, {}) }) }),
+      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, {}) }) }),
       children: /* @__PURE__ */ W("div", { className: Y["rp-search-tool-content"], children: [
         /* @__PURE__ */ W("div", { className: Y["rp-search-tool-input-wrapper"], children: [
           /* @__PURE__ */ W("div", { className: Y["rp-search-tool-input"], children: [
-            /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.searchInputTooltip, children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i(K, { content: h == null ? void 0 : h.searchInputTooltip, children: /* @__PURE__ */ i(
               dn,
               {
-                value: b,
-                onKeyDown: y,
+                value: C,
+                onKeyDown: S,
                 onChange: E,
                 icon: /* @__PURE__ */ i(an, {}),
-                placeholder: u == null ? void 0 : u.searchInputPlaceholder,
+                placeholder: h == null ? void 0 : h.searchInputPlaceholder,
                 className: Y["rp-search-input"],
                 ref: a,
-                children: !!b && /* @__PURE__ */ i("span", { className: Y["rp-search-tool-input-clear"], onClick: x, children: /* @__PURE__ */ i(Po, {}) })
+                children: !!C && /* @__PURE__ */ i("span", { className: Y["rp-search-tool-input-clear"], onClick: x, children: /* @__PURE__ */ i(Po, {}) })
               }
             ) }),
             d ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Ct, { className: Y["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: R }),
-            f && /* @__PURE__ */ i("div", { className: Y["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s }) })
+            f && /* @__PURE__ */ i("div", { className: Y["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: w, handleClose: s }) })
           ] }),
           /* @__PURE__ */ W("div", { className: Y["rp-search-tool-input-checkboxes"], children: [
             f && /* @__PURE__ */ i(on, {}),
-            /* @__PURE__ */ i($t, { name: "matchCase", value: z, onChange: A, children: u == null ? void 0 : u.searchMatchCaseLabel }),
-            !f && /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.searchMatchCaseTooltip, children: /* @__PURE__ */ i("div", { className: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) }),
-            /* @__PURE__ */ i($t, { name: "wholeWord", value: D, onChange: L, children: u == null ? void 0 : u.searchWholeWordsLabel }),
-            !f && /* @__PURE__ */ i(K, { content: u == null ? void 0 : u.searchWholeWordsTooltip, children: /* @__PURE__ */ i("div", { className: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) })
+            /* @__PURE__ */ i($t, { name: "matchCase", value: D, 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: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) }),
+            /* @__PURE__ */ i($t, { name: "wholeWord", value: z, 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: Y["rp-search-icon-info"], tabIndex: 0, children: /* @__PURE__ */ i(Gt, {}) }) })
           ] })
         ] }),
         !f && /* @__PURE__ */ W("div", { className: Y["rp-search-tool-controls"], children: [
           /* @__PURE__ */ i(on, {}),
-          /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s })
+          /* @__PURE__ */ i(Ht, { onKeyPress: w, handleClose: s })
         ] })
       ] })
     }
   ) }) : null;
-}, Gi = "_loading_wazy2_1", ze = {
+}, Gi = "_loading_wazy2_1", De = {
   "rp-loading-overlay": "_rp-loading-overlay_wazy2_1",
   "rp-loading-modal": "_rp-loading-modal_wazy2_14",
   "rp-loading-title": "_rp-loading-title_wazy2_27",
@@ -2935,19 +2955,19 @@ const xe = {
   loading: Gi
 }, Ui = ({ percentage: t }) => {
   const { cancel: e } = tt(), { localeMessages: n } = se();
-  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: [
+  return t < 1 ? null : /* @__PURE__ */ i("div", { className: ne(De["rp-loading-overlay"]), children: /* @__PURE__ */ W("div", { className: ne(De["rp-loading-modal"]), children: [
+    /* @__PURE__ */ W("div", { className: ne(De["rp-loading-title"]), children: [
       n == null ? void 0 : n.printLoadingMessage,
       "..."
     ] }),
-    /* @__PURE__ */ i("div", { className: ne(ze["rp-loading-progress-bar"]), children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: ne(De["rp-loading-progress-bar"]), children: /* @__PURE__ */ i(
       "div",
       {
-        className: ne(ze["rp-loading-progress"]),
+        className: ne(De["rp-loading-progress"]),
         style: { width: `${t}%` }
       }
     ) }),
-    /* @__PURE__ */ i("button", { className: ne(ze["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
+    /* @__PURE__ */ i("button", { className: ne(De["rp-loading-cancel-button"]), onClick: e, children: n == null ? void 0 : n.printCancelLabel })
   ] }) });
 }, Vi = $e((t, e) => {
   const { showPrintProgress: n } = ve(), { progress: o } = tt(), { isSmallScreen: r } = Ce(), { percentage: a } = o || {}, l = () => r ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
@@ -3017,26 +3037,26 @@ const xe = {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Bi);
 }, ji = $e((t, e) => {
-  const { show: n } = t, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: l, thumbnailLength: c, addToPage: d } = Pn(), h = H(null), m = H(1);
-  cn(e, () => h.current);
-  const P = k(() => Object.values(a), [a]), p = N(() => {
+  const { show: n } = t, { focusedPage: o, totalPages: r } = ie(), { thumbnailPages: a, addPage: l, thumbnailLength: c, addToPage: d } = Pn(), p = H(null), m = H(1);
+  cn(e, () => p.current);
+  const P = k(() => Object.values(a), [a]), u = N(() => {
     const v = c + 1;
     v <= r && l(v);
   }, [l, r, c]);
   return F(() => {
-    o > c ? d(o) : n && m.current !== o && (Zi(h.current, o), m.current = o);
-  }, [o, c, d, n, P]), mr(h.current, p), /* @__PURE__ */ i("div", { ref: h, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? P.map((v, w) => {
-    var S, b;
+    o > c ? d(o) : n && m.current !== o && (Zi(p.current, o), m.current = o);
+  }, [o, c, d, n, P]), mr(p.current, u), /* @__PURE__ */ i("div", { ref: p, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? P.map((v, _) => {
+    var y, C;
     return /* @__PURE__ */ i(
       qi,
       {
-        isFocused: o === ((S = v.page) == null ? void 0 : S.pageNumber),
-        pageNumber: (b = v.page) == null ? void 0 : b.pageNumber,
+        isFocused: o === ((y = v.page) == null ? void 0 : y.pageNumber),
+        pageNumber: (C = v.page) == null ? void 0 : C.pageNumber,
         thumbnailSrc: v.thumbnailSrc,
         loading: v.loading,
         viewport: v.viewport
       },
-      w
+      _
     );
   }) : null }) });
 }), Ki = () => {
@@ -3045,7 +3065,7 @@ const xe = {
 }, Xi = () => {
   const { active: t, setActive: e } = Pn(), [n, o] = $(200), r = H(null), { thumbnailTool: a, sidebarEnable: l } = ve(), { localeMessages: c } = se(), d = N(() => {
     e((m) => !m);
-  }, []), h = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: d, active: t }) : a ? /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.thumbnailTooltip, children: /* @__PURE__ */ i(
+  }, []), p = k(() => typeof a != "boolean" && a ? /* @__PURE__ */ i(a, { onClick: d, active: t }) : a ? /* @__PURE__ */ i(K, { content: c == null ? void 0 : c.thumbnailTooltip, children: /* @__PURE__ */ i(
     re,
     {
       onClick: d,
@@ -3061,7 +3081,7 @@ const xe = {
       className: gt["rp-sidebar-content-wrapper"],
       "data-rp": "sidebar",
       children: [
-        /* @__PURE__ */ i("div", { className: gt["rp-sidebar-content"], children: h }),
+        /* @__PURE__ */ i("div", { className: gt["rp-sidebar-content"], children: p }),
         /* @__PURE__ */ W(
           "div",
           {
@@ -3117,23 +3137,23 @@ const xe = {
     className: l,
     mobileWidth: c,
     onLoaded: d,
-    cleanupOnLoaded: h,
+    cleanupOnLoaded: p,
     onLayoutWidthChange: m
-  } = t, [P, p] = $(null), { setContainer: v, setContentRef: w } = ge(), { loading: S } = Q(), { LoaderImageComponent: b } = hn();
+  } = t, [P, u] = $(null), { setContainer: v, setContentRef: _ } = ge(), { loading: y } = Q(), { LoaderImageComponent: C } = hn();
   return F(() => (d && d(), () => {
-    h && h();
-  }), [d, h]), /* @__PURE__ */ i(Yi, { toolbarRef: P, ref: e, children: /* @__PURE__ */ i(Pr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ W(_r, { getContainerRef: v, style: a, className: l, children: [
+    p && p();
+  }), [d, p]), /* @__PURE__ */ i(Yi, { toolbarRef: P, ref: e, children: /* @__PURE__ */ i(Pr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ W(_r, { getContainerRef: v, style: a, className: l, children: [
     /* @__PURE__ */ W(br, { children: [
       /* @__PURE__ */ W("div", { className: _e["rp-layout"], children: [
-        /* @__PURE__ */ i(Vi, { ref: p }),
+        /* @__PURE__ */ i(Vi, { ref: u }),
         /* @__PURE__ */ W("div", { className: _e["rp-content"], children: [
           /* @__PURE__ */ i("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ i(Xi, {}) }),
-          /* @__PURE__ */ i("div", { ref: w, className: _e["rp-pages"], children: n })
+          /* @__PURE__ */ i("div", { ref: _, className: _e["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ i(Cr, {})
     ] }),
-    S ? /* @__PURE__ */ i(
+    y ? /* @__PURE__ */ i(
       "div",
       {
         className: _e["rp-loader"],
@@ -3156,7 +3176,7 @@ const xe = {
               height: "100%",
               width: "100%"
             },
-            children: b && /* @__PURE__ */ i(b, {})
+            children: C && /* @__PURE__ */ i(C, {})
           }
         )
       }
@@ -3176,8 +3196,8 @@ export {
   Xi as J,
   Yi as K,
   Ui as L,
-  Di as M,
-  zi as O,
+  zi as M,
+  Di as O,
   ks as P,
   Gs as R,
   $s as S,
@@ -3199,7 +3219,7 @@ export {
   xo as n,
   Tn as o,
   Lo as p,
-  zo as q,
+  Do as q,
   It as r,
   Xo as s,
   ei as t,