@pdf-viewer/react 1.7.0-beta.4 → 1.7.0-beta.6

package/dist/{RPDefaultLayout-77fbc282.js → RPDefaultLayout-e3550bd7.js}

@@ -94,14 +94,14 @@ import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { ClearIcon as Po } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const wn = () => {
-  const { viewMode: t } = Ee(), { scrollMode: e } = Re(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: d, heights: p } = qe(), m = H(e), v = H(t), h = H(c), { targetScrollPage: w } = pn();
+  const { viewMode: t } = Ee(), { scrollMode: e } = Re(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: a } = ie(), l = H(), { columnCount: c } = un(), { widths: d, heights: p } = qe(), m = H(e), b = H(t), h = H(c), { targetScrollPage: v } = pn();
   k(() => {
     n != null && n.scrollToItem && (l.current = n);
   }, [n]), k(() => {
-    m.current = e, v.current = t;
+    m.current = e, b.current = t;
   }, [e, t]);
-  const C = N(
-    (P, T) => {
+  const _ = N(
+    (P, S) => {
       if (!r)
         return;
       const u = Math.ceil(P / 2) * 2 - 1;
@@ -120,22 +120,22 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       };
       return r == null ? void 0 : r.scrollTo({
         ...f,
-        behavior: T
+        behavior: S
       });
     },
     [r, d, st]
   );
   return k(() => {
-    m.current = e, v.current = t;
+    m.current = e, b.current = t;
   }, [e, t]), k(() => {
     h.current = c;
   }, [c]), { scrollToPage: N(
-    (P, T = "smooth") => {
+    (P, S = "smooth") => {
       a(P);
       const u = P - 1;
       let f = u, g = 0;
-      if (v.current === Ie.DUAL_PAGE && m.current === J.PAGE_SCROLLING) {
-        C(P, T);
+      if (b.current === Ie.DUAL_PAGE && m.current === J.PAGE_SCROLLING) {
+        _(P, S);
         return;
       }
       if (m.current === J.PAGE_SCROLLING) {
@@ -145,41 +145,41 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       if (!l.current || !o)
         return;
       const s = o;
-      if (w.current = P, m.current === J.HORIZONTAL_SCROLLING) {
+      if (v.current = P, m.current === J.HORIZONTAL_SCROLLING) {
         g = u;
-        const S = {
+        const y = {
           left: ze(d, g),
           top: 0
         };
         return s.scrollTo({
-          ...S,
-          behavior: T
+          ...y,
+          behavior: S
         });
       }
-      if (v.current === Ie.DUAL_PAGE) {
+      if (b.current === Ie.DUAL_PAGE) {
         g = u % 2, f = Math.floor(u / 2);
-        const S = {
+        const y = {
           left: ze(d, g),
           top: ze(p, f)
         };
         return s.scrollTo({
-          ...S,
-          behavior: T
+          ...y,
+          behavior: S
         });
       }
-      const _ = {
+      const C = {
         left: 0,
         top: ze(p, f)
       };
       return s.scrollTo({
-        ..._,
-        behavior: T
+        ...C,
+        behavior: S
       });
     },
     [
       o,
       c,
-      C,
+      _,
       a,
       st,
       p,
@@ -187,7 +187,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     ]
   ) };
 }, To = (t = 1) => {
-  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ee(), { scrollMode: d } = Re(), { widths: p } = qe(), { pagesRef: m } = ge(), v = Pt(e, 100), h = N(
+  const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ee(), { scrollMode: d } = Re(), { widths: p } = qe(), { pagesRef: m } = ge(), b = Pt(e, 100), h = 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]
-  ), w = N(h, [h]), C = N(
+  ), v = N(h, [h]), _ = N(
     (f) => {
       const g = h(f);
       return g.success && a(g.currentPage), g;
     },
     [h, a]
-  ), y = N((f) => {
+  ), T = N((f) => {
     const g = f % 2 === 1;
     if (!m || g)
       return !1;
-    const s = g ? p[f] : p[f - 1], _ = g ? p[f + 1] : p[f];
-    return c === Ie.DUAL_PAGE && s + _ < m.clientWidth;
+    const s = g ? p[f] : p[f - 1], C = g ? p[f + 1] : p[f];
+    return c === Ie.DUAL_PAGE && s + C < m.clientWidth;
   }, [c, p, m, o]), P = N(() => {
     let f = e - 1;
-    y(f) && (f = e - 2), C(f);
-  }, [C, e, c, d, y]), T = W(() => c === Ie.DUAL_PAGE && d === J.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, d]), u = N(() => {
-    if (T)
+    T(f) && (f = e - 2), _(f);
+  }, [_, e, c, d, T]), S = W(() => c === Ie.DUAL_PAGE && d === J.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, d]), u = N(() => {
+    if (S)
       return;
     let f = e + 1;
-    y(f) && (f = e + 2), C(f);
-  }, [C, e, y, c, d, T]);
+    T(f) && (f = e + 2), _(f);
+  }, [_, e, T, c, d, S]);
   return {
-    focusedPage: v,
+    focusedPage: b,
     totalPages: o,
-    setFocusedPage: w,
+    setFocusedPage: v,
     setTotalPages: r,
     nextPage: u,
     prevPage: P,
-    goToPage: C
+    goToPage: _
   };
 }, _n = Ye({
   focusedPage: 0,
@@ -269,7 +269,7 @@ const So = () => {
   k(() => {
     m.current;
   }, [m]);
-  const v = N(() => {
+  const b = N(() => {
     document.documentElement.classList.remove("rp-print-html-printing"), document.body.classList.remove("rp-print-body-printing");
     const f = document.querySelector(".rp-print-zone");
     f && f.remove();
@@ -279,23 +279,23 @@ const So = () => {
       totalPages: 0,
       percentage: 0
     });
-  }, []), w = () => {
+  }, []), v = () => {
     m.current = !0;
-  }, C = async ({
+  }, _ = async ({
     scratchCanvas: f,
     pdfDocument: g,
     pageNumber: s,
-    viewerPdfPage: _,
-    printResolution: b,
-    optionalContentConfigPromise: S,
+    viewerPdfPage: C,
+    printResolution: w,
+    optionalContentConfigPromise: y,
     printAnnotationStoragePromise: E
   }) => {
     if (m.current) {
       h();
       return;
     }
-    const x = b / yr.PDF;
-    f.width = Math.floor(_.width * x), f.height = Math.floor(_.height * x);
+    const x = w / yr.PDF;
+    f.width = Math.floor(C.width * x), f.height = Math.floor(C.height * x);
     const L = f.getContext("2d");
     L.save(), L.fillStyle = "rgb(255, 255, 255)", L.fillRect(0, 0, f.width, f.height), L.restore();
     const [D, A] = await Promise.all([
@@ -309,10 +309,10 @@ const So = () => {
     const z = {
       canvasContext: L,
       transform: [x, 0, 0, x, 0, 0],
-      viewport: D.getViewport({ scale: 1, rotation: _.rotation }),
+      viewport: D.getViewport({ scale: 1, rotation: C.rotation }),
       intent: "print",
       annotationMode: xr.ENABLE_STORAGE,
-      optionalContentConfigPromise: S,
+      optionalContentConfigPromise: y,
       printAnnotationStorage: A
     };
     try {
@@ -320,42 +320,42 @@ const So = () => {
     } catch (R) {
       throw R instanceof Ir || console.error(R), R;
     }
-  }, y = N(() => {
+  }, T = N(() => {
     const f = window.print;
     return new Promise((g) => {
-      const s = (S) => {
+      const s = (y) => {
         setTimeout(() => {
-          f.call(window), setTimeout(() => S(), 20);
+          f.call(window), setTimeout(() => y(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
         s(g);
         return;
       }
-      const b = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (s(g), b.disconnect());
+      const w = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (s(g), w.disconnect());
       });
-      b.observe(document.body, { childList: !0, subtree: !0 });
+      w.observe(document.body, { childList: !0, subtree: !0 });
     });
   }, []), P = async (f) => {
     const g = document.createElement("img"), s = document.createElement("div");
-    return s.classList.add("rp-print-page"), await new Promise((_, b) => {
-      f.toBlob((S) => {
-        S ? (g.src = URL.createObjectURL(S), g.onload = () => {
-          URL.revokeObjectURL(g.src), _();
-        }, g.onerror = b) : b(new Error("Failed to create blob"));
+    return s.classList.add("rp-print-page"), await new Promise((C, w) => {
+      f.toBlob((y) => {
+        y ? (g.src = URL.createObjectURL(y), g.onload = () => {
+          URL.revokeObjectURL(g.src), C();
+        }, g.onerror = w) : w(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), s.appendChild(g), s;
-  }, T = (f, g) => {
+  }, S = (f, g) => {
     const s = document.createElement("div");
     s.classList.add("rp-print-zone");
-    const _ = document.createElement("style"), b = g.get(1);
-    if (b) {
-      const { width: S, height: E } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
-      _.innerHTML = `@page { size: ${S}px ${E}px }`;
+    const C = document.createElement("style"), w = g.get(1);
+    if (w) {
+      const { width: y, height: E } = w == null ? void 0 : w.page.getViewport({ scale: 1 });
+      C.innerHTML = `@page { size: ${y}px ${E}px }`;
     }
-    return s.appendChild(_), s.append(...f), s;
+    return s.appendChild(C), s.append(...f), s;
   }, u = N(async () => {
     if (!t)
       return;
@@ -363,33 +363,33 @@ const So = () => {
     const f = document.createElement("canvas"), g = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const _ = t.getOptionalContentConfig({ intent: "print" }), b = Promise.resolve(
+      const C = t.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
         t.annotationStorage.print ?? void 0
-      ), S = e.size;
+      ), y = e.size;
       for (const [x, L] of e) {
         if (m.current) {
           h();
           return;
         }
         const D = L.page.getViewport({ scale: 1 });
-        if (await C({
+        if (await _({
           scratchCanvas: f,
           pdfDocument: t,
           pageNumber: x,
           viewerPdfPage: D,
           printResolution: 150,
-          optionalContentConfigPromise: _,
-          printAnnotationStoragePromise: b
+          optionalContentConfigPromise: C,
+          printAnnotationStoragePromise: w
         }), m.current) {
           h();
           return;
         }
         const A = await P(f);
         g.push(A);
-        const z = parseFloat((g.length / S * 100).toFixed(2));
+        const z = parseFloat((g.length / y * 100).toFixed(2));
         o({
           loadedPages: x,
-          totalPages: S,
+          totalPages: y,
           percentage: z
         });
       }
@@ -397,8 +397,8 @@ const So = () => {
         h();
         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 y();
+      const E = S(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 T();
     } catch (s) {
       c(!0), s instanceof Error && p(s);
     } finally {
@@ -407,14 +407,14 @@ const So = () => {
   }, [t, e, m]);
   return k(() => {
     const f = () => {
-      h(), v();
+      h(), b();
     };
     return window.addEventListener("afterprint", f, !0), () => {
       window.removeEventListener("afterprint", f, !0);
     };
-  }, [v, h]), {
+  }, [b, h]), {
     print: u,
-    cancel: w,
+    cancel: v,
     progress: n,
     isComplete: r,
     isError: l,
@@ -438,18 +438,18 @@ const So = () => {
     }
   }
 }), Hs = ({ children: t }) => {
-  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: p, error: m } = So(), v = N((P) => {
+  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: p, error: m } = So(), b = N((P) => {
     P && typeof P == "function" && r(() => P);
   }, []), h = (P) => {
     m && P(m);
-  }, w = N(
+  }, v = N(
     (P) => {
       n(() => P);
     },
     [c, e]
   );
   k(() => {
-    d && o && C();
+    d && o && _();
   }, [d, o]), k(() => {
     p && h((P) => {
       console.error(P);
@@ -457,17 +457,17 @@ const So = () => {
   }, [p]), k(() => {
     c && e && e(c);
   }, [c, e]);
-  const C = () => {
+  const _ = () => {
     o && (o(), r(null));
-  }, y = {
+  }, T = {
     print: a,
     cancel: l,
-    setOnProgress: w,
-    setOnComplete: v,
+    setOnProgress: v,
+    setOnComplete: b,
     setOnError: h,
     progress: c
   };
-  return /* @__PURE__ */ i(bn.Provider, { value: y, children: t });
+  return /* @__PURE__ */ i(bn.Provider, { value: T, children: t });
 }, tt = () => {
   const t = Je(bn);
   if (!t)
@@ -476,39 +476,39 @@ const So = () => {
 }, yo = () => {
   const [t, e] = $({}), { pages: n } = Q(), { rotate: o } = Ge(), r = W(() => Object.keys(t).length, [t]), a = N(
     (c) => {
-      if (!n.size || c > n.size)
+      if (!n.size)
         return;
-      const d = Array.from(n.values()).slice(0, c).map((v) => {
-        const { thumbnailViewport: h, scale: w } = kt(v.page, o);
+      const d = c > n.size ? n.size : c, p = Array.from(n.values()).slice(0, d).map((h) => {
+        const { thumbnailViewport: v, scale: _ } = kt(h.page, o);
         return {
-          scale: w,
-          page: v.page,
+          scale: _,
+          page: h.page,
           loading: !0,
-          viewport: h
+          viewport: v
         };
-      }), p = d.reduce((v, h) => (v[h.page.pageNumber] = h, v), {});
-      e(p);
-      const m = [];
-      for (const v of d) {
-        const h = document.createElement("canvas"), w = vt(v.page, h, {
-          scale: v.scale,
+      }), m = p.reduce((h, v) => (h[v.page.pageNumber] = v, h), {});
+      e(m);
+      const b = [];
+      for (const h of p) {
+        const v = document.createElement("canvas"), _ = vt(h.page, v, {
+          scale: h.scale,
           rotate: o
         }).promise.then(() => {
-          const C = h.toDataURL();
+          const T = v.toDataURL();
           return {
-            ...v,
-            thumbnailSrc: C,
+            ...h,
+            thumbnailSrc: T,
             loading: !1
           };
         });
-        m.push(w);
+        b.push(_);
       }
-      Promise.all(m).then((v) => {
-        const h = v.reduce(
-          (w, C) => (w[C.page.pageNumber] = C, w),
+      Promise.all(b).then((h) => {
+        const v = h.reduce(
+          (_, T) => (_[T.page.pageNumber] = T, _),
           {}
         );
-        e((w) => ({ ...w, ...h }));
+        e((_) => ({ ..._, ...v }));
       }).catch(() => {
       });
     },
@@ -535,16 +535,16 @@ const So = () => {
       }));
       const p = document.createElement("canvas");
       vt(d.page, p, { scale: d.thumbnailScale, rotate: o }).promise.then(() => {
-        const m = p.toDataURL(), { thumbnailViewport: v, scale: h } = kt(d.page, o);
+        const m = p.toDataURL(), { thumbnailViewport: b, scale: h } = kt(d.page, o);
         return {
           scale: h,
           thumbnailSrc: m,
           page: d.page,
           loading: !1,
-          viewport: v
+          viewport: b
         };
       }).then((m) => {
-        e((v) => ({ ...v, [c]: m }));
+        e((b) => ({ ...b, [c]: m }));
       });
     },
     [n, o]
@@ -573,25 +573,25 @@ const So = () => {
     }
   );
 }, xo = (t = {}, e = "") => {
-  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: p } = qe(), m = H(!n), { currentZoom: v } = Qe(), [h, w] = $([]), { setFocusedPage: C } = ie(), { columnCount: y } = Ee(), { rotate: P } = Ge(), [T, u] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Re(), { pagesRef: _ } = ge(), [b, S] = $(null), E = H({}), x = W(() => T === 0 ? null : h[T - 1], [T, h]), L = W(() => h.length, [h]);
+  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: p } = qe(), m = H(!n), { currentZoom: b } = Qe(), [h, v] = $([]), { setFocusedPage: _ } = ie(), { columnCount: T } = Ee(), { rotate: P } = Ge(), [S, u] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Re(), { pagesRef: C } = ge(), [w, y] = $(null), E = H({}), x = W(() => S === 0 ? null : h[S - 1], [S, h]), L = W(() => h.length, [h]);
   k(() => {
     if (!x || !c)
       return;
     const R = g || f;
-    if (!R || !_)
+    if (!R || !C)
       return;
     const I = c.get(x.page);
-    if (s === J.PAGE_SCROLLING && C(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 = y, te = ae % de, Fe = Math.floor(ae / de);
+      const ae = x.page - 1, de = T, te = ae % de, Fe = Math.floor(ae / de);
       O = ze(p, Fe), M = ze(d, te);
     }
     s === J.HORIZONTAL_SCROLLING && (M = d.slice(0, x.page - 1).reduce((ae, de) => ae + de, 0));
     const G = {
-      top: _.clientHeight / 2,
-      left: _.clientWidth / 2
+      top: C.clientHeight / 2,
+      left: C.clientWidth / 2
     }, Z = {
       height: p[x.page - 1],
       width: d[x.page - 1]
@@ -599,7 +599,7 @@ const So = () => {
       Z,
       G,
       x.rect,
-      v,
+      b,
       P
     ), ee = M + j, X = O + V, le = {
       left: Math.max(ee, 0),
@@ -610,14 +610,14 @@ const So = () => {
     });
   }, [
     c,
-    C,
+    _,
     d,
     p,
     x,
     s,
     g,
     f,
-    _
+    C
   ]);
   const D = N(() => {
     u((R) => L ? R + 1 > L ? 1 : R + 1 : 0);
@@ -637,10 +637,10 @@ const So = () => {
   }, []);
   return k(() => {
     if (!n) {
-      m.current = !0, w([]), u(0);
+      m.current = !0, v([]), u(0);
       return;
     }
-    m.current = !1, a(!0), w([]), u(0), z(l).then((R) => {
+    m.current = !1, a(!0), v([]), u(0), z(l).then((R) => {
       E.current = R;
       const O = Object.keys(R).reduce((M, G) => {
         const Z = cr(
@@ -651,9 +651,9 @@ const So = () => {
         ).map((j, V) => ({ ...j, page: Number(G), pageMatchIdx: V }));
         return [...M, ...Z];
       }, []);
-      w(O), u(O.length ? 1 : 0);
+      v(O), u(O.length ? 1 : 0);
     }).catch(() => {
-      w([]), u(0);
+      v([]), u(0);
     }).finally(() => a(!1));
   }, [n, z, l, t]), {
     search: n,
@@ -661,12 +661,12 @@ const So = () => {
     loading: r,
     matches: h,
     totalMatches: L,
-    currentMatchPosition: T,
+    currentMatchPosition: S,
     currentMatch: x,
     nextMatch: D,
     prevMatch: A,
-    currentMatchElement: b,
-    setCurrentMatchElement: S
+    currentMatchElement: w,
+    setCurrentMatchElement: y
   };
 }, Tn = Ye({
   search: "",
@@ -698,10 +698,10 @@ const So = () => {
     currentMatch: d,
     search: p,
     matches: m,
-    nextMatch: v,
+    nextMatch: b,
     prevMatch: h,
-    currentMatchElement: w,
-    setCurrentMatchElement: C
+    currentMatchElement: v,
+    setCurrentMatchElement: _
   } = xo(n, e);
   return /* @__PURE__ */ i(
     Tn.Provider,
@@ -714,12 +714,12 @@ const So = () => {
         totalMatches: l,
         currentMatchPosition: c,
         currentMatch: d,
-        nextMatch: v,
+        nextMatch: b,
         prevMatch: h,
         search: p,
         matches: m,
-        currentMatchElement: w,
-        setCurrentMatchElement: C
+        currentMatchElement: v,
+        setCurrentMatchElement: _
       },
       children: t
     }
@@ -746,8 +746,8 @@ const So = () => {
     if (r.current && p) {
       const m = r.current;
       m.hidden = !0;
-      const v = c.current;
-      v && v.cancel(), o && o(), c.current = vt(p.page, m, {
+      const b = c.current;
+      b && b.cancel(), o && o(), c.current = vt(p.page, m, {
         scale: d,
         rotate: l,
         renderForms: !0
@@ -771,130 +771,133 @@ const So = () => {
 }, Eo = (t) => {
   const { pageNumber: e } = t, { pages: n } = Q(), o = H(null), { matches: r, currentMatch: a, setCurrentMatchElement: l } = xt(), [c, d] = $(
     []
-  ), p = H(), m = H(), v = H(), h = W(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), w = N(
+  ), p = H(), m = H(), b = H([]), h = W(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), v = N(
     (f, g, s = !1) => {
       if (s && lr(f, g), !h.length) {
-        v.current = void 0, d([]);
+        b.current = [], d([]);
         return;
       }
-      const _ = dr(h, f, g);
-      d(_);
+      const C = dr(h, f, g);
+      d(C);
     },
     [h]
-  ), C = H(), y = H(!1), P = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), _ = H(), T = H(!1), P = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   k(() => ((() => {
-    if (C.current)
+    if (_.current)
       return;
-    C.current = new AbortController();
-    const { signal: g } = C.current, s = () => {
-      P().forEach((b) => {
-        const S = b.querySelector(".endOfContent");
-        S && (b.appendChild(S), S.style.width = "", S.style.height = "", b.classList.remove(he.selecting));
+    _.current = new AbortController();
+    const { signal: g } = _.current, s = () => {
+      P().forEach((w) => {
+        const y = w.querySelector(".endOfContent");
+        y && (w.appendChild(y), y.style.width = "", y.style.height = "", w.classList.remove(he.selecting));
       });
     };
     document.addEventListener(
       "pointerdown",
       () => {
-        y.current = !0;
+        T.current = !0;
       },
       { signal: g }
     ), document.addEventListener(
       "pointerup",
       () => {
-        y.current = !1, s();
+        T.current = !1, s();
       },
       { signal: g }
     ), window.addEventListener(
       "blur",
       () => {
-        y.current = !1, s();
+        T.current = !1, s();
       },
       { signal: g }
     ), document.addEventListener(
       "keyup",
       () => {
-        y.current || s();
+        T.current || s();
       },
       { signal: g }
     );
-    let _ = null;
+    let C = null;
     document.addEventListener(
       "selectionchange",
       () => {
         var z, R;
-        const b = document.getSelection();
-        if (!b)
+        const w = document.getSelection();
+        if (!w)
           return;
-        if (b.rangeCount === 0) {
+        if (w.rangeCount === 0) {
           s();
           return;
         }
-        const S = /* @__PURE__ */ new Set();
-        for (let I = 0; I < b.rangeCount; I++) {
-          const O = b.getRangeAt(I);
+        const y = /* @__PURE__ */ new Set();
+        for (let I = 0; I < w.rangeCount; I++) {
+          const O = w.getRangeAt(I);
           P().forEach((M) => {
-            O.intersectsNode(M) && !S.has(M) && S.add(M);
+            O.intersectsNode(M) && !y.has(M) && y.add(M);
           });
         }
         P().forEach((I) => {
-          if (S.has(I))
+          if (y.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 = b.getRangeAt(0);
-        let L = _ && (E.compareBoundaryPoints(Range.END_TO_END, _) === 0 || E.compareBoundaryPoints(Range.START_TO_END, _) === 0) ? E.startContainer : E.endContainer;
+        const E = w.getRangeAt(0);
+        let L = C && (E.compareBoundaryPoints(Range.END_TO_END, C) === 0 || E.compareBoundaryPoints(Range.START_TO_END, C) === 0) ? E.startContainer : E.endContainer;
         L.nodeType === Node.TEXT_NODE && (L = L.parentNode);
         const D = (z = L.parentElement) == null ? void 0 : z.closest(
           he["rp-text-layer"]
         ), A = D == null ? void 0 : D.querySelector(".endOfContent");
-        A && D && (A.style.width = D.style.width, A.style.height = D.style.height, (R = L.parentElement) == null || R.insertBefore(A, L.nextSibling)), _ = E.cloneRange();
+        A && D && (A.style.width = D.style.width, A.style.height = D.style.height, (R = L.parentElement) == null || R.insertBefore(A, L.nextSibling)), C = E.cloneRange();
       },
       { signal: g }
     );
   })(), () => {
     var g;
-    (g = C.current) == null || g.abort(), C.current = void 0;
+    (g = _.current) == null || g.abort(), _.current = void 0;
   }), [P]);
-  const T = N(() => {
+  const S = N(() => {
     o.current && o.current.classList.add(he.selecting);
   }, []), u = N(() => {
     o.current && o.current.classList.remove(he.selecting);
   }, []);
   return k(() => {
-    var s;
-    if ((s = v.current) == null || s.classList.remove("selected"), !c.length || !a || a.pageIndex !== e - 1)
+    if (b.current.forEach((s) => {
+      s.classList.remove("selected");
+    }), !c.length || !a || a.pageIndex !== e - 1)
       return;
     const f = h.findIndex(
-      (_) => JSON.stringify(_) === JSON.stringify(a)
+      (s) => JSON.stringify(s) === JSON.stringify(a)
     );
     if (f === -1)
       return;
-    const g = c.find((_) => _.index === f);
-    g && (v.current = g.element, l(g.element), g.element.classList.add("selected"));
+    const g = c.filter((s) => s.index === f);
+    g.length && (b.current = g.map((s) => s.element), l(g[0].element), g.forEach((s) => {
+      s.element.classList.add("selected");
+    }));
   }, [a, c, h]), k(() => {
     const f = n.get(e);
     if (!f || !o.current)
       return;
     const g = o.current;
     return p.current && p.current.cancel(), f.page.getTextContent().then((s) => {
-      const _ = f.page.getViewport({ scale: 1 });
+      const C = f.page.getViewport({ scale: 1 });
       return p.current = new Sr.TextLayer({
-        viewport: _,
+        viewport: C,
         textContentSource: s,
         container: g
       }), m.current = s, g && (g.innerText = ""), p.current.render();
     }).then(() => {
-      var S, E;
+      var y, E;
       [].slice.call(g.children).forEach((x) => {
         x.classList.add(he["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const _ = (S = p.current) == null ? void 0 : S.textDivs;
-      _ && m.current && w(m.current, _);
-      const b = document.createElement("div");
-      b.className = "endOfContent", (E = o.current) == null || E.appendChild(b);
+      const C = (y = p.current) == null ? void 0 : y.textDivs;
+      C && m.current && v(m.current, C);
+      const w = document.createElement("div");
+      w.className = "endOfContent", (E = o.current) == null || E.appendChild(w);
     }).catch(() => {
     }), () => {
       var s;
@@ -902,18 +905,18 @@ const So = () => {
     };
   }, [n, e]), k(() => {
     var s;
-    [].slice.call(o.current.children).forEach((_) => {
-      _.classList.add(he["rp-text-layer-text"]);
+    [].slice.call(o.current.children).forEach((C) => {
+      C.classList.add(he["rp-text-layer-text"]);
     });
     const g = (s = p.current) == null ? void 0 : s.textDivs;
-    g && m.current && w(m.current, g, !0);
-  }, [w]), /* @__PURE__ */ i(
+    g && m.current && v(m.current, g, !0);
+  }, [v]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-textLayer`,
       className: he["rp-text-layer"],
       ref: o,
-      onMouseDown: T,
+      onMouseDown: S,
       onMouseUp: u
     }
   );
@@ -922,34 +925,34 @@ const So = () => {
 };
 let Oo = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Do = (t) => {
-  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = Q(), a = H(), [l, c] = $(), { setFocusedPage: d, goToPage: p } = ie(), { scrollMode: m } = Re(), { print: v } = tt(), { download: h } = $n(), w = W(() => o.get(e), [o, e]), C = W(() => w == null ? void 0 : w.page.getViewport(), [w]);
+  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = Q(), a = H(), [l, c] = $(), { setFocusedPage: d, goToPage: p } = ie(), { scrollMode: m } = Re(), { print: b } = tt(), { download: h } = $n(), v = W(() => o.get(e), [o, e]), _ = W(() => v == null ? void 0 : v.page.getViewport(), [v]);
   k(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), k(() => {
-    w && w.page.getAnnotations().then((P) => {
+    v && v.page.getAnnotations().then((P) => {
       a.current = void 0, c(P), n.current && (n.current.innerText = "");
     });
-  }, [w]);
-  const y = N(
+  }, [v]);
+  const T = N(
     (P) => {
-      !l || !r || (Er(P), Nr(P, r, l).then((T) => {
+      !l || !r || (Er(P), Nr(P, r, l).then((S) => {
         var u, f;
-        ((u = T == null ? void 0 : T.data) == null ? void 0 : u.action) === "Print" ? v() : ((f = T == null ? void 0 : T.data) == null ? void 0 : f.action) === "SaveAs" && h();
-      }), m === J.PAGE_SCROLLING ? zt(P, l, r, (T) => d(T.pageIndex + 1)) : zt(P, l, r, (T) => p(T.pageIndex + 1)));
+        ((u = S == null ? void 0 : S.data) == null ? void 0 : u.action) === "Print" ? b() : ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "SaveAs" && h();
+      }), m === J.PAGE_SCROLLING ? zt(P, l, r, (S) => d(S.pageIndex + 1)) : zt(P, l, r, (S) => p(S.pageIndex + 1)));
     },
-    [r, l, p, d, m, v, h]
+    [r, l, p, d, m, b, h]
   );
   return k(() => {
-    if (!w || !l)
+    if (!v || !l)
       return;
-    const P = w.page.getViewport();
+    const P = v.page.getViewport();
     if (a.current) {
       a.current.update({
         viewport: P.clone({ dontFlip: !0 })
       });
       return;
     }
-    const T = /* @__PURE__ */ new Map([]);
+    const S = /* @__PURE__ */ new Map([]);
     for (const g of l) {
       const { annotationType: s } = g;
       switch (s) {
@@ -957,33 +960,33 @@ const Do = (t) => {
           Dr(g);
           break;
         case At.Widget:
-          Or(g, P, T);
+          Or(g, P, S);
           break;
       }
     }
     const u = new AbortController();
     return (async () => {
-      var _;
+      var C;
       a.current && (a.current.div.replaceChildren(), a.current = void 0), n.current && (n.current.innerText = ""), a.current = new Lr({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: w.page,
+        page: v.page,
         viewport: P.clone({ dontFlip: !0 })
-      }), n.current && Ft(n.current, y);
+      }), n.current && Ft(n.current, T);
       const g = await (r == null ? void 0 : r.hasJSActions()), s = await (r == null ? void 0 : r.getFieldObjects());
       if (u.signal.aborted)
         throw "abort";
-      return (_ = a.current) == null ? void 0 : _.render({
+      return (C = a.current) == null ? void 0 : C.render({
         annotations: l,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: g,
         fieldObjects: s,
         div: n.current,
         viewport: P.clone({ dontFlip: !0 }),
-        page: w.page,
+        page: v.page,
         imageResourcesPath: Oo,
         renderForms: !0,
         linkService: new Rr(),
@@ -991,18 +994,18 @@ const Do = (t) => {
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Ar(n.current, y);
+      n.current && Ar(n.current, T);
     }).catch((g) => {
       if (g !== "abort")
         throw g;
     }), () => {
-      u.abort("clear"), n.current && Ft(n.current, y);
+      u.abort("clear"), n.current && Ft(n.current, T);
     };
-  }, [r, l, y]), /* @__PURE__ */ i(
+  }, [r, l, T]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${C == null ? void 0 : C.width}px`, height: `${C == null ? void 0 : C.height}px` },
+      style: { width: `${_ == null ? void 0 : _.width}px`, height: `${_ == null ? void 0 : _.height}px` },
       className: No["rp-annotation-layer"],
       ref: n
     }
@@ -1010,7 +1013,7 @@ const Do = (t) => {
 }, Ao = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, zo = ({ pageNumber: t, viewport: e }) => {
-  const [n, o] = $(), { pages: r } = Q(), { highlightKeywords: a } = pr(), l = !0, c = H(null), [d, p] = $(null), [m, v] = $([]);
+  const [n, o] = $(), { pages: r } = Q(), { highlightKeywords: a } = pr(), l = !0, c = H(null), [d, p] = $(null), [m, b] = $([]);
   k(() => {
     c.current && p(c.current.parentElement);
   }, [c]), k(() => {
@@ -1029,23 +1032,23 @@ const Do = (t) => {
       color: u.highlightColor
     };
   }) : [], [a]);
-  function w(u, f) {
+  function v(u, f) {
     if (!u)
       return;
     const g = `[data-rp="page-${f}-textLayer"]`;
     return new Promise((s) => {
-      const _ = u.querySelector(g);
-      if (_) {
-        s(_);
+      const C = u.querySelector(g);
+      if (C) {
+        s(C);
         return;
       }
-      new MutationObserver((S, E) => {
+      new MutationObserver((y, E) => {
         const x = u.querySelector(g);
         x && (s(x), E.disconnect());
       }).observe(u, { childList: !0, subtree: !0 });
     });
   }
-  function C(u) {
+  function _(u) {
     return new Promise((f) => {
       const g = u.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
@@ -1054,25 +1057,25 @@ const Do = (t) => {
         f(Array.from(g));
         return;
       }
-      new MutationObserver((_, b) => {
-        const S = u.querySelectorAll(
+      new MutationObserver((C, w) => {
+        const y = u.querySelectorAll(
           ".vpv-text-layer-text"
         );
-        S.length && (f(Array.from(S)), b.disconnect());
+        y.length && (f(Array.from(y)), w.disconnect());
       }).observe(u, { childList: !0, subtree: !0 });
     });
   }
-  const y = (u, f, g, s) => {
+  const T = (u, f, g, s) => {
     var Z;
-    const _ = document.createRange(), b = g.firstChild;
-    if (!b || b.nodeType !== Node.TEXT_NODE)
+    const C = document.createRange(), w = g.firstChild;
+    if (!w || w.nodeType !== Node.TEXT_NODE)
       return null;
-    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)
+    const y = ((Z = w.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)
       return null;
-    _.setStart(b, E), _.setEnd(b, x + 1);
+    C.setStart(w, E), C.setEnd(w, x + 1);
     const L = document.createElement("span");
-    L.style.width = "auto", _.surroundContents(L);
+    L.style.width = "auto", C.surroundContents(L);
     const D = L.getBoundingClientRect(), A = u.getBoundingClientRect(), z = A.height, R = A.width, I = 100 * (D.left - A.left) / R, O = 100 * (D.top - A.top) / z, M = 100 * D.height / z, G = 100 * D.width / R;
     return kr(L), {
       keywordStr: f,
@@ -1085,13 +1088,13 @@ const Do = (t) => {
     };
   };
   async function P(u, f) {
-    const g = await w(d, u);
+    const g = await v(d, u);
     if (!g)
       return;
-    const s = await C(g);
+    const s = await _(g);
     if (s.length) {
-      const _ = s.map((S) => S.tagName === "BR" ? " " : S.textContent).reduce(
-        (S, E, x) => S.concat(
+      const C = s.map((y) => y.tagName === "BR" ? " " : y.textContent).reduce(
+        (y, E, x) => y.concat(
           E.split("").map((L, D) => ({
             char: L,
             charIdxInSpan: D,
@@ -1105,15 +1108,15 @@ const Do = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), b = T(g, f, s, _);
-      v(b);
+      ).slice(1), w = S(g, f, s, C);
+      b(w);
     }
   }
-  const T = (u, f, g, s) => {
-    const _ = f.length;
-    if (!s.length || !_)
+  const S = (u, f, g, s) => {
+    const C = f.length;
+    if (!s.length || !C)
       return [];
-    const b = [], S = s.map((E) => E.char).join("");
+    const w = [], y = s.map((E) => E.char).join("");
     return h.forEach((E) => {
       const { keyword: x, regExp: L, wholeWords: D, color: A } = E, z = x;
       if (!z.trim())
@@ -1121,8 +1124,8 @@ const Do = (t) => {
       const R = L.flags.indexOf("g") === -1 ? new RegExp(L, `${L.flags}g`) : L;
       let I;
       const O = [];
-      for (; (I = R.exec(S)) !== null; )
-        D && !ur(S, I.index, I[0].length) || O.push({
+      for (; (I = R.exec(y)) !== null; )
+        D && !ur(y, I.index, I[0].length) || O.push({
           keyword: R,
           startIndex: I.index,
           endIndex: R.lastIndex
@@ -1139,7 +1142,7 @@ const Do = (t) => {
         );
         for (const j of Object.values(Z))
           if (j.length !== 1 || j[0].char.trim() !== "") {
-            const V = j, ee = g[V[0].spanIdx], X = y(
+            const V = j, ee = g[V[0].spanIdx], X = T(
               u,
               z,
               ee,
@@ -1147,13 +1150,13 @@ const Do = (t) => {
             );
             if (X) {
               const { left: le, top: ae } = X;
-              if (b.find((te) => te.left === le && te.top === ae))
+              if (w.find((te) => te.left === le && te.top === ae))
                 continue;
-              b.push({ ...X, highlightColor: G.color });
+              w.push({ ...X, highlightColor: G.color });
             }
           }
       }
-    }), b.sort(Fr), b;
+    }), w.sort(Fr), w;
   };
   return k(() => {
     (async () => {
@@ -1179,30 +1182,30 @@ const Do = (t) => {
     f
   )) }) });
 }, It = $e((t, e) => {
-  const { pageNumber: n, style: o, ...r } = t, { pages: a } = Q(), { rotate: l } = Ge(), { textLayer: c } = or(), { currentZoom: d } = Qe(), p = H(a.get(n)), [m, v] = $(!1), h = H(null), [w, C] = $({
+  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, b] = $(!1), h = H(null), [v, _] = $({
     width: 0,
     height: 0
   });
   cn(e, () => h.current), k(() => {
     if (a && (p.current = a.get(n), p.current)) {
       const u = p.current.page.getViewport({ scale: d, rotation: l });
-      C(u);
+      _(u);
     }
   }, [a, n, l, d]);
-  const y = W(() => {
+  const T = W(() => {
     switch (l) {
       case 90:
-        return `${w.width / 2}px ${w.width / 2}px`;
+        return `${v.width / 2}px ${v.width / 2}px`;
       case -90:
       case 270:
-        return `${w.height / 2}px ${w.height / 2}px`;
+        return `${v.height / 2}px ${v.height / 2}px`;
       default:
         return "center";
     }
-  }, [l, w]), P = N(() => {
-    v(!0);
-  }, []), T = N(() => {
-    v(!1);
+  }, [l, v]), P = N(() => {
+    b(!0);
+  }, []), S = N(() => {
+    b(!1);
   }, []);
   return /* @__PURE__ */ i(
     "div",
@@ -1214,7 +1217,7 @@ const Do = (t) => {
       style: {
         ...o,
         "--rp-rotate": `${l}deg`,
-        "--rp-page-rotate-translate": `${y}`,
+        "--rp-page-rotate-translate": `${T}`,
         "--scale-factor": d
       },
       className: lt["rp-page-wrapper"],
@@ -1222,15 +1225,15 @@ const Do = (t) => {
         "div",
         {
           style: {
-            width: `${w.width}px`,
-            height: `${w.height}px`
+            width: `${v.width}px`,
+            height: `${v.height}px`
           },
           className: lt["rp-page"],
           children: [
-            /* @__PURE__ */ i(Io, { onLoading: P, onLoaded: T, pageNumber: n }),
+            /* @__PURE__ */ i(Io, { onLoading: P, onLoaded: S, pageNumber: n }),
             m && /* @__PURE__ */ i("div", { className: lt["rp-loader-wrapper"], children: /* @__PURE__ */ i(Ct, {}) }),
             c && /* @__PURE__ */ i(Eo, { pageNumber: n }),
-            /* @__PURE__ */ i(zo, { pageNumber: n, viewport: w }),
+            /* @__PURE__ */ i(zo, { pageNumber: n, viewport: v }),
             /* @__PURE__ */ i(Do, { pageNumber: n })
           ]
         }
@@ -1331,12 +1334,12 @@ var Go = 150, qo = function(e) {
 }, Be = null, Ze = null, je = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), Ze = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet());
 function Uo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, p = t.getOffsetForRowAndAlignment, m = t.getRowHeight, v = t.getRowOffset, h = t.getRowStartIndexForOffset, w = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, P = t.validateProps;
-  return e = /* @__PURE__ */ function(T) {
-    Fo(u, T);
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, p = t.getOffsetForRowAndAlignment, m = t.getRowHeight, b = t.getRowOffset, h = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, T = t.shouldResetStyleCacheOnItemSizeChange, P = t.validateProps;
+  return e = /* @__PURE__ */ function(S) {
+    Fo(u, S);
     function u(g) {
       var s;
-      return s = T.call(this, g) || this, s._instanceProps = C(s.props, qt(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
+      return s = S.call(this, g) || this, s._instanceProps = _(s.props, qt(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
         instance: qt(s),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1344,45 +1347,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(_, b, S, E, x, L, D, A) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(C, w, y, E, x, L, D, A) {
         return s.props.onItemsRendered({
-          overscanColumnStartIndex: _,
-          overscanColumnStopIndex: b,
-          overscanRowStartIndex: S,
+          overscanColumnStartIndex: C,
+          overscanColumnStopIndex: w,
+          overscanRowStartIndex: y,
           overscanRowStopIndex: E,
           visibleColumnStartIndex: x,
           visibleColumnStopIndex: L,
           visibleRowStartIndex: D,
           visibleRowStopIndex: A
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(_, b, S, E, x) {
+      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(C, w, y, E, x) {
         return s.props.onScroll({
-          horizontalScrollDirection: S,
-          scrollLeft: _,
-          scrollTop: b,
+          horizontalScrollDirection: y,
+          scrollLeft: C,
+          scrollTop: w,
           verticalScrollDirection: E,
           scrollUpdateWasRequested: x
         });
-      }), s._getItemStyle = void 0, s._getItemStyle = function(_, b) {
-        var S = s.props, E = S.columnWidth, x = S.direction, L = S.rowHeight, D = s._getItemStyleCache(y && E, y && x, y && L), A = _ + ":" + b, z;
+      }), s._getItemStyle = void 0, s._getItemStyle = function(C, w) {
+        var y = s.props, E = y.columnWidth, x = y.direction, L = y.rowHeight, D = s._getItemStyleCache(T && E, T && x, T && L), A = C + ":" + w, z;
         if (D.hasOwnProperty(A))
           z = D[A];
         else {
-          var R = n(s.props, b, s._instanceProps), I = x === "rtl";
+          var R = n(s.props, w, s._instanceProps), I = x === "rtl";
           D[A] = z = {
             position: "absolute",
             left: I ? void 0 : R,
             right: I ? R : void 0,
-            top: v(s.props, _, s._instanceProps),
-            height: m(s.props, _, s._instanceProps),
-            width: a(s.props, b, s._instanceProps)
+            top: b(s.props, C, s._instanceProps),
+            height: m(s.props, C, s._instanceProps),
+            width: a(s.props, w, s._instanceProps)
           };
         }
         return z;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(_, b, S) {
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(C, w, y) {
         return {};
-      }), s._onScroll = function(_) {
-        var b = _.currentTarget, S = b.clientHeight, E = b.clientWidth, x = b.scrollLeft, L = b.scrollTop, D = b.scrollHeight, A = b.scrollWidth;
+      }), s._onScroll = function(C) {
+        var w = C.currentTarget, y = w.clientHeight, E = w.clientWidth, x = w.scrollLeft, L = w.scrollTop, D = w.scrollHeight, A = w.scrollWidth;
         s.setState(function(z) {
           if (z.scrollLeft === x && z.scrollTop === L)
             return null;
@@ -1397,7 +1400,7 @@ function Uo(t) {
                 break;
             }
           I = Math.max(0, Math.min(I, A - E));
-          var O = Math.max(0, Math.min(L, D - S));
+          var O = Math.max(0, Math.min(L, D - y));
           return {
             isScrolling: !0,
             horizontalScrollDirection: z.scrollLeft < x ? "forward" : "backward",
@@ -1407,9 +1410,9 @@ function Uo(t) {
             scrollUpdateWasRequested: !1
           };
         }, s._resetIsScrollingDebounced);
-      }, s._outerRefSetter = function(_) {
-        var b = s.props.outerRef;
-        s._outerRef = _, typeof b == "function" ? b(_) : b != null && typeof b == "object" && b.hasOwnProperty("current") && (b.current = _);
+      }, s._outerRefSetter = function(C) {
+        var w = s.props.outerRef;
+        s._outerRef = C, typeof w == "function" ? w(C) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = C);
       }, s._resetIsScrollingDebounced = function() {
         s._resetIsScrollingTimeoutId !== null && Zt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Ho(s._resetIsScrolling, Go);
       }, s._resetIsScrolling = function() {
@@ -1420,66 +1423,66 @@ function Uo(t) {
         });
       }, s;
     }
-    u.getDerivedStateFromProps = function(s, _) {
-      return Vo(s, _), P(s), null;
+    u.getDerivedStateFromProps = function(s, C) {
+      return Vo(s, C), P(s), null;
     };
     var f = u.prototype;
     return f.scrollTo = function(s) {
-      var _ = s.scrollLeft, b = s.scrollTop;
-      _ !== void 0 && (_ = Math.max(0, _)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(S) {
-        return _ === void 0 && (_ = S.scrollLeft), b === void 0 && (b = S.scrollTop), S.scrollLeft === _ && S.scrollTop === b ? null : {
-          horizontalScrollDirection: S.scrollLeft < _ ? "forward" : "backward",
-          scrollLeft: _,
-          scrollTop: b,
+      var C = s.scrollLeft, w = s.scrollTop;
+      C !== void 0 && (C = Math.max(0, C)), w !== void 0 && (w = Math.max(0, w)), this.setState(function(y) {
+        return C === void 0 && (C = y.scrollLeft), w === void 0 && (w = y.scrollTop), y.scrollLeft === C && y.scrollTop === w ? null : {
+          horizontalScrollDirection: y.scrollLeft < C ? "forward" : "backward",
+          scrollLeft: C,
+          scrollTop: w,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: S.scrollTop < b ? "forward" : "backward"
+          verticalScrollDirection: y.scrollTop < w ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(s) {
-      var _ = s.align, b = _ === void 0 ? "auto" : _, S = s.columnIndex, E = s.rowIndex, x = this.props, L = x.columnCount, D = x.height, A = x.rowCount, z = x.width, R = this.state, I = R.scrollLeft, O = R.scrollTop, M = $o();
-      S !== void 0 && (S = Math.max(0, Math.min(S, L - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, A - 1)));
+      var C = s.align, w = C === void 0 ? "auto" : C, y = s.columnIndex, E = s.rowIndex, x = this.props, L = x.columnCount, D = x.height, A = x.rowCount, z = x.width, R = this.state, I = R.scrollLeft, O = R.scrollTop, M = $o();
+      y !== void 0 && (y = Math.max(0, Math.min(y, L - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, A - 1)));
       var G = l(this.props, this._instanceProps), Z = c(this.props, this._instanceProps), j = Z > z ? M : 0, V = G > D ? M : 0;
       this.scrollTo({
-        scrollLeft: S !== void 0 ? d(this.props, S, b, I, this._instanceProps, V) : I,
-        scrollTop: E !== void 0 ? p(this.props, E, b, O, this._instanceProps, j) : O
+        scrollLeft: y !== void 0 ? d(this.props, y, w, I, this._instanceProps, V) : I,
+        scrollTop: E !== void 0 ? p(this.props, E, w, O, this._instanceProps, j) : O
       });
     }, f.componentDidMount = function() {
-      var s = this.props, _ = s.initialScrollLeft, b = s.initialScrollTop;
+      var s = this.props, C = s.initialScrollLeft, w = s.initialScrollTop;
       if (this._outerRef != null) {
-        var S = this._outerRef;
-        typeof _ == "number" && (S.scrollLeft = _), typeof b == "number" && (S.scrollTop = b);
+        var y = this._outerRef;
+        typeof C == "number" && (y.scrollLeft = C), typeof w == "number" && (y.scrollTop = w);
       }
       this._callPropsCallbacks();
     }, f.componentDidUpdate = function() {
-      var s = this.props.direction, _ = this.state, b = _.scrollLeft, S = _.scrollTop, E = _.scrollUpdateWasRequested;
+      var s = this.props.direction, C = this.state, w = C.scrollLeft, y = C.scrollTop, E = C.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
         var x = this._outerRef;
         if (s === "rtl")
           switch (jt()) {
             case "negative":
-              x.scrollLeft = -b;
+              x.scrollLeft = -w;
               break;
             case "positive-ascending":
-              x.scrollLeft = b;
+              x.scrollLeft = w;
               break;
             default:
               var L = x.clientWidth, D = x.scrollWidth;
-              x.scrollLeft = D - L - b;
+              x.scrollLeft = D - L - w;
               break;
           }
         else
-          x.scrollLeft = Math.max(0, b);
-        x.scrollTop = Math.max(0, S);
+          x.scrollLeft = Math.max(0, w);
+        x.scrollTop = Math.max(0, y);
       }
       this._callPropsCallbacks();
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var s = this.props, _ = s.children, b = s.className, S = s.columnCount, E = s.direction, x = s.height, L = s.innerRef, D = s.innerElementType, A = s.innerTagName, z = s.itemData, R = s.itemKey, I = R === void 0 ? qo : R, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, V = 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)
+      var s = this.props, C = s.children, w = s.className, y = s.columnCount, E = s.direction, x = s.height, L = s.innerRef, D = s.innerElementType, A = s.innerTagName, z = s.itemData, R = s.itemKey, I = R === void 0 ? qo : R, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, V = s.width, ee = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Fe = de[1], Ne = [];
+      if (y > 0 && G)
         for (var Pe = te; Pe <= Fe; Pe++)
           for (var we = le; we <= ae; we++)
-            Ne.push(Ve(_, {
+            Ne.push(Ve(C, {
               columnIndex: we,
               data: z,
               isScrolling: j ? ee : void 0,
@@ -1493,7 +1496,7 @@ function Uo(t) {
             }));
       var nt = l(this.props, this._instanceProps), rt = c(this.props, this._instanceProps);
       return Ve(O || M || "div", {
-        className: b,
+        className: w,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: Wr({
@@ -1515,26 +1518,26 @@ function Uo(t) {
         }
       }));
     }, f._callPropsCallbacks = function() {
-      var s = this.props, _ = s.columnCount, b = s.onItemsRendered, S = s.onScroll, E = s.rowCount;
-      if (typeof b == "function" && _ > 0 && E > 0) {
+      var s = this.props, C = s.columnCount, w = s.onItemsRendered, y = s.onScroll, E = s.rowCount;
+      if (typeof w == "function" && C > 0 && E > 0) {
         var x = this._getHorizontalRangeToRender(), L = x[0], D = x[1], A = x[2], z = x[3], R = this._getVerticalRangeToRender(), I = R[0], O = R[1], M = R[2], G = R[3];
         this._callOnItemsRendered(L, D, I, O, A, z, M, G);
       }
-      if (typeof S == "function") {
+      if (typeof y == "function") {
         var Z = this.state, j = Z.horizontalScrollDirection, V = Z.scrollLeft, ee = Z.scrollTop, X = Z.scrollUpdateWasRequested, le = Z.verticalScrollDirection;
         this._callOnScroll(V, ee, j, le, X);
       }
     }, f._getHorizontalRangeToRender = function() {
-      var s = this.props, _ = s.columnCount, b = s.overscanColumnCount, S = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, L = this.state, D = L.horizontalScrollDirection, A = L.isScrolling, z = L.scrollLeft, R = b || S || E || 1;
-      if (_ === 0 || x === 0)
+      var s = this.props, C = s.columnCount, w = s.overscanColumnCount, y = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, L = this.state, D = L.horizontalScrollDirection, A = L.isScrolling, z = L.scrollLeft, R = w || y || E || 1;
+      if (C === 0 || x === 0)
         return [0, 0, 0, 0];
       var I = o(this.props, z, this._instanceProps), O = r(this.props, I, z, this._instanceProps), M = !A || D === "backward" ? Math.max(1, R) : 1, G = !A || D === "forward" ? Math.max(1, R) : 1;
-      return [Math.max(0, I - M), Math.max(0, Math.min(_ - 1, O + G)), I, O];
+      return [Math.max(0, I - M), Math.max(0, Math.min(C - 1, O + G)), I, O];
     }, f._getVerticalRangeToRender = function() {
-      var s = this.props, _ = s.columnCount, b = s.overscanCount, S = s.overscanRowCount, E = s.overscanRowsCount, x = s.rowCount, L = this.state, D = L.isScrolling, A = L.verticalScrollDirection, z = L.scrollTop, R = S || E || b || 1;
-      if (_ === 0 || x === 0)
+      var s = this.props, C = s.columnCount, w = s.overscanCount, y = s.overscanRowCount, E = s.overscanRowsCount, x = s.rowCount, L = this.state, D = L.isScrolling, A = L.verticalScrollDirection, z = L.scrollTop, R = y || E || w || 1;
+      if (C === 0 || x === 0)
         return [0, 0, 0, 0];
-      var I = h(this.props, z, this._instanceProps), O = w(this.props, I, z, this._instanceProps), M = !D || A === "backward" ? Math.max(1, R) : 1, G = !D || A === "forward" ? Math.max(1, R) : 1;
+      var I = h(this.props, z, this._instanceProps), O = v(this.props, I, z, this._instanceProps), M = !D || A === "backward" ? Math.max(1, R) : 1, G = !D || A === "forward" ? Math.max(1, R) : 1;
       return [Math.max(0, I - M), Math.max(0, Math.min(x - 1, O + G)), I, O];
     }, u;
   }(Qn), e.defaultProps = {
@@ -1544,7 +1547,7 @@ function Uo(t) {
   }, e;
 }
 var Vo = function(e, n) {
-  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, p = e.overscanCount, m = e.overscanRowsCount, v = e.width, h = n.instance;
+  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, p = e.overscanCount, m = e.overscanRowsCount, b = e.width, h = n.instance;
   if (process.env.NODE_ENV !== "production") {
     if (typeof p == "number" && Be && !Be.has(h) && (Be.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Ze && !Ze.has(h) && (Ze.add(h), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (l != null || c != null) && je && !je.has(h) && (je.add(h), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), o == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
@@ -1555,8 +1558,8 @@ var Vo = function(e, n) {
       default:
         throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". ' + ('"' + r + '" was specified.'));
     }
-    if (typeof v != "number")
-      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (v === null ? "null" : typeof v) + '" was specified.'));
+    if (typeof b != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (b === null ? "null" : typeof b) + '" was specified.'));
     if (typeof a != "number")
       throw Error('An invalid "height" prop has been specified. Grids must specify a number for height. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
   }
@@ -1585,11 +1588,11 @@ var Vo = function(e, n) {
       d = p.offset + p.size;
     }
     for (var m = c + 1; m <= o; m++) {
-      var v = l(m);
+      var b = l(m);
       a[m] = {
         offset: d,
-        size: v
-      }, d += v;
+        size: b
+      }, d += b;
     }
     e === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
@@ -1612,17 +1615,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, p = fe(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), v = Math.max(0, Math.min(m - d, p.offset)), h = Math.max(0, p.offset - d + c + p.size);
-  switch (r === "smart" && (a >= h - d && a <= v + 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), b = Math.max(0, Math.min(m - d, p.offset)), h = Math.max(0, p.offset - d + c + p.size);
+  switch (r === "smart" && (a >= h - d && a <= b + d ? r = "auto" : r = "center"), r) {
     case "start":
-      return v;
+      return b;
     case "end":
       return h;
     case "center":
-      return Math.round(h + (v - h) / 2);
+      return Math.round(h + (b - h) / 2);
     case "auto":
     default:
-      return a >= h && a <= v ? a : h > v || a < h ? h : v;
+      return a >= h && a <= b ? a : h > b || a < h ? h : b;
   }
 }, Zo = /* @__PURE__ */ Uo({
   getColumnOffset: function(e, n, o) {
@@ -1681,8 +1684,8 @@ var Vo = function(e, n) {
         shouldForceUpdate: d
       });
     }, n.resetAfterIndices = function(c) {
-      var d = c.columnIndex, p = c.rowIndex, m = c.shouldForceUpdate, v = 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), v && n.forceUpdate();
+      var d = c.columnIndex, p = c.rowIndex, m = c.shouldForceUpdate, b = 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), b && n.forceUpdate();
     }, l;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1712,30 +1715,30 @@ function Xo(t, e) {
   return !Jt(n, r) && !Jt(o, a);
 }
 const Yo = () => {
-  const { viewMode: t } = Ee(), { scrollMode: e } = Re(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = qe(), a = W(() => r.heights.length, [r.heights]), l = W(() => e === J.HORIZONTAL_SCROLLING ? a : t === Ie.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = W(() => r.widths.reduce((C, y, P) => {
-    const T = P % l;
-    return (!C[T] || y > C[T]) && (C[T] = y), C;
+  const { viewMode: t } = Ee(), { scrollMode: e } = Re(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = qe(), a = W(() => r.heights.length, [r.heights]), l = W(() => e === J.HORIZONTAL_SCROLLING ? a : t === Ie.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = W(() => r.widths.reduce((_, T, P) => {
+    const S = P % l;
+    return (!_[S] || T > _[S]) && (_[S] = T), _;
   }, []), [r.widths, l]), d = N(
-    (w) => {
-      const C = w % c.length;
-      return c[C] || 0;
+    (v) => {
+      const _ = v % c.length;
+      return c[_] || 0;
     },
     [c]
   ), p = N(
-    (w) => r.heights[w] || 0,
+    (v) => r.heights[v] || 0,
     [r.heights]
   );
   k(() => {
     n(l);
   }, [l, n]);
-  const m = W(() => e === J.HORIZONTAL_SCROLLING || e === J.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), v = W(() => r.heights.reduce((w, C) => w + C, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((w, C) => w + C, 0) / r.heights.length || 0, [r]);
+  const m = W(() => e === J.HORIZONTAL_SCROLLING || e === J.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), b = W(() => r.heights.reduce((v, _) => v + _, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((v, _) => v + _, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
     rowHeight: p,
     columnCount: l,
     columnWidth: d,
     pageDimension: r,
-    estimatedRowHeight: v,
+    estimatedRowHeight: b,
     estimatedColumnWidth: h
   };
 };
@@ -1759,65 +1762,65 @@ function Jo(t) {
   let e, n, o, r, a, l, c;
   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;
+    l = function(S) {
+      const u = S.__resizeTriggers__, f = u.firstElementChild, g = u.lastElementChild, s = f.firstElementChild;
       g.scrollLeft = g.scrollWidth, g.scrollTop = g.scrollHeight, s.style.width = f.offsetWidth + 1 + "px", s.style.height = f.offsetHeight + 1 + "px", f.scrollLeft = f.scrollWidth, f.scrollTop = f.scrollHeight;
-    }, a = function(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)
+    }, a = function(S) {
+      return S.offsetWidth !== S.__resizeLast__.width || S.offsetHeight !== S.__resizeLast__.height;
+    }, c = function(S) {
+      if (S.target.className && typeof S.target.className.indexOf == "function" && S.target.className.indexOf("contract-trigger") < 0 && S.target.className.indexOf("expand-trigger") < 0)
         return;
       const u = 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);
+          s.call(u, S);
         }));
       });
     };
-    let h = !1, w = "";
+    let h = !1, v = "";
     o = "animationstart";
-    const C = "Webkit Moz O ms".split(" ");
-    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), P = "";
+    const _ = "Webkit Moz O ms".split(" ");
+    let T = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), P = "";
     {
-      const T = document.createElement("fakeelement");
-      if (T.style.animationName !== void 0 && (h = !0), h === !1) {
-        for (let u = 0; u < C.length; u++)
-          if (T.style[C[u] + "AnimationName"] !== void 0) {
-            P = C[u], w = "-" + P.toLowerCase() + "-", o = y[u], h = !0;
+      const S = document.createElement("fakeelement");
+      if (S.style.animationName !== void 0 && (h = !0), h === !1) {
+        for (let u = 0; u < _.length; u++)
+          if (S.style[_[u] + "AnimationName"] !== void 0) {
+            P = _[u], v = "-" + P.toLowerCase() + "-", o = T[u], h = !0;
             break;
           }
       }
     }
-    n = "resizeanim", e = "@" + w + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = w + "animation: 1ms " + n + "; ";
+    n = "resizeanim", e = "@" + v + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = v + "animation: 1ms " + n + "; ";
   }
   const p = function(h) {
     if (!h.getElementById("detectElementResize")) {
-      const w = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', C = h.head || h.getElementsByTagName("head")[0], y = h.createElement("style");
-      y.id = "detectElementResize", y.type = "text/css", t != null && y.setAttribute("nonce", t), y.styleSheet ? y.styleSheet.cssText = w : y.appendChild(h.createTextNode(w)), C.appendChild(y);
+      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%; }', _ = h.head || h.getElementsByTagName("head")[0], T = h.createElement("style");
+      T.id = "detectElementResize", T.type = "text/css", t != null && T.setAttribute("nonce", t), T.styleSheet ? T.styleSheet.cssText = v : T.appendChild(h.createTextNode(v)), _.appendChild(T);
     }
   };
   return {
-    addResizeListener: function(h, w) {
+    addResizeListener: function(h, v) {
       if (d)
-        h.attachEvent("onresize", w);
+        h.attachEvent("onresize", v);
       else {
         if (!h.__resizeTriggers__) {
-          const C = h.ownerDocument, y = oe.getComputedStyle(h);
-          y && y.position === "static" && (h.style.position = "relative"), p(C), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = C.createElement("div")).className = "resize-triggers";
-          const P = C.createElement("div");
-          P.className = "expand-trigger", P.appendChild(C.createElement("div"));
-          const T = C.createElement("div");
-          T.className = "contract-trigger", h.__resizeTriggers__.appendChild(P), h.__resizeTriggers__.appendChild(T), h.appendChild(h.__resizeTriggers__), l(h), h.addEventListener("scroll", c, !0), o && (h.__resizeTriggers__.__animationListener__ = function(f) {
+          const _ = h.ownerDocument, T = oe.getComputedStyle(h);
+          T && T.position === "static" && (h.style.position = "relative"), p(_), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = _.createElement("div")).className = "resize-triggers";
+          const P = _.createElement("div");
+          P.className = "expand-trigger", P.appendChild(_.createElement("div"));
+          const S = _.createElement("div");
+          S.className = "contract-trigger", h.__resizeTriggers__.appendChild(P), h.__resizeTriggers__.appendChild(S), h.appendChild(h.__resizeTriggers__), l(h), h.addEventListener("scroll", c, !0), o && (h.__resizeTriggers__.__animationListener__ = function(f) {
             f.animationName === n && l(h);
           }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
         }
-        h.__resizeListeners__.push(w);
+        h.__resizeListeners__.push(v);
       }
     },
-    removeResizeListener: function(h, w) {
+    removeResizeListener: function(h, v) {
       if (d)
-        h.detachEvent("onresize", w);
-      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(w), 1), !h.__resizeListeners__.length) {
+        h.detachEvent("onresize", v);
+      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(v), 1), !h.__resizeListeners__.length) {
         h.removeEventListener("scroll", c, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
         try {
           h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
@@ -1842,17 +1845,17 @@ class Qo extends er {
         onResize: r
       } = this.props;
       if (this._parentNode) {
-        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), p = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), v = m.height - d - p, h = m.width - l - c, w = this._parentNode.offsetHeight - d - p, C = this._parentNode.offsetWidth - l - c;
-        (!n && (this.state.height !== w || this.state.scaledHeight !== v) || !o && (this.state.width !== C || this.state.scaledWidth !== h)) && (this.setState({
-          height: w,
-          width: C,
-          scaledHeight: v,
+        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(), b = m.height - d - p, h = m.width - l - c, v = this._parentNode.offsetHeight - d - p, _ = this._parentNode.offsetWidth - l - c;
+        (!n && (this.state.height !== v || this.state.scaledHeight !== b) || !o && (this.state.width !== _ || this.state.scaledWidth !== h)) && (this.setState({
+          height: v,
+          width: _,
+          scaledHeight: b,
           scaledWidth: h
         }), typeof r == "function" && r({
-          height: w,
-          scaledHeight: v,
+          height: v,
+          scaledHeight: b,
           scaledWidth: h,
-          width: C
+          width: _
         }));
       }
     }, this._setRef = (n) => {
@@ -1886,24 +1889,24 @@ class Qo extends er {
       onResize: d,
       style: p = {},
       tagName: m = "div",
-      ...v
+      ...b
     } = this.props, {
       height: h,
-      scaledHeight: w,
-      scaledWidth: C,
-      width: y
+      scaledHeight: v,
+      scaledWidth: _,
+      width: T
     } = this.state, P = {
       overflow: "visible"
-    }, T = {};
+    }, S = {};
     let u = !1;
-    return r || (h === 0 && (u = !0), P.height = 0, T.height = h, T.scaledHeight = w), a || (y === 0 && (u = !0), P.width = 0, T.width = y, T.scaledWidth = C), l && (u = !1), Ve(m, {
+    return r || (h === 0 && (u = !0), P.height = 0, S.height = h, S.scaledHeight = v), a || (T === 0 && (u = !0), P.width = 0, S.width = T, S.scaledWidth = _), l && (u = !1), Ve(m, {
       ref: this._setRef,
       style: {
         ...P,
         ...p
       },
-      ...v
-    }, !u && e(T));
+      ...b
+    }, !u && e(S));
   }
 }
 const ei = ln(({ widths: t, heights: e }) => {
@@ -1915,19 +1918,19 @@ const ei = ln(({ widths: t, heights: e }) => {
     }
     return c;
   }, [n, o]), a = W(() => {
-    const c = t(n - 1), d = e(n - 1), p = t(n), m = e(n), v = d > m ? d : m, h = d < m ? d : m, w = v / 2 - h / 2;
+    const c = t(n - 1), d = e(n - 1), p = t(n), m = e(n), b = d > m ? d : m, h = d < m ? d : m, v = b / 2 - h / 2;
     return [
       {
         position: "absolute",
         left: 0,
-        top: v === d ? 0 : w,
+        top: b === d ? 0 : v,
         width: c,
         height: d
       },
       {
         position: "absolute",
         left: c,
-        top: v === m ? 0 : w,
+        top: b === m ? 0 : v,
         width: p,
         height: m
       }
@@ -1951,13 +1954,13 @@ const ei = ln(({ widths: t, heights: e }) => {
     }
   );
 }, ni = (t, e, n) => {
-  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = qe(), { setFocusedPage: c } = ie(), [d, p] = $([]), { targetScrollPage: m } = pn(), v = Pt(d, 0, 500), h = W(() => a.map((C, y) => {
-    const P = l[y], T = Ur(y + 1, t), u = P * T.columnIndex, f = C * T.rowIndex, g = u + P, s = f + C;
+  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = qe(), { setFocusedPage: c } = ie(), [d, p] = $([]), { targetScrollPage: m } = pn(), b = Pt(d, 0, 500), h = W(() => a.map((_, T) => {
+    const P = l[T], S = Ur(T + 1, t), u = P * S.columnIndex, f = _ * S.rowIndex, g = u + P, s = f + _;
     return {
-      pageNumber: y + 1,
-      ...T,
+      pageNumber: T + 1,
+      ...S,
       width: P,
-      height: C,
+      height: _,
       startX: u,
       startY: f,
       endX: g,
@@ -1965,42 +1968,42 @@ const ei = ln(({ widths: t, heights: e }) => {
     };
   }), [a, l, t, e]);
   k(() => {
-    var y;
-    v.length > 0 && !m.current && c(v[0].pageNumber);
-    let C = (y = v[0]) == null ? void 0 : y.ratio;
-    C && v.filter((P) => Math.round(P.ratio) === Math.round(C)).some((P) => P.pageNumber === m.current) && setTimeout(() => {
+    var T;
+    b.length > 0 && !m.current && c(b[0].pageNumber);
+    let _ = (T = b[0]) == null ? void 0 : T.ratio;
+    _ && b.filter((P) => Math.round(P.ratio) === Math.round(_)).some((P) => P.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
-  }, [v, c]);
-  const w = N(
-    (C) => {
+  }, [b, c]);
+  const v = N(
+    (_) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const y = C.target, P = {
-          startTop: y.scrollTop,
-          startLeft: y.scrollLeft,
-          endTop: y.scrollTop + y.clientHeight,
-          endLeft: y.scrollLeft + y.clientWidth
-        }, T = h.filter((u) => {
+        const T = _.target, P = {
+          startTop: T.scrollTop,
+          startLeft: T.scrollLeft,
+          endTop: T.scrollTop + T.clientHeight,
+          endLeft: T.scrollLeft + T.clientWidth
+        }, S = h.filter((u) => {
           const f = u.endX >= P.startLeft && u.endY >= P.startTop, g = u.startX <= P.endLeft && u.startY <= P.endTop;
           return f && g;
         }).map((u) => {
-          const f = P.startLeft > u.startX ? P.startLeft : u.startX, g = P.startTop > u.startY ? P.startTop : u.startY, s = P.endLeft < u.endX ? P.endLeft : u.endX, _ = P.endTop < u.endY ? P.endTop : u.endY, b = s - f, S = _ - g, x = +(b * S / (u.width * u.height) * 100).toFixed(2);
+          const f = P.startLeft > u.startX ? P.startLeft : u.startX, g = P.startTop > u.startY ? P.startTop : u.startY, s = P.endLeft < u.endX ? P.endLeft : u.endX, C = P.endTop < u.endY ? P.endTop : u.endY, w = s - f, y = C - g, x = +(w * y / (u.width * u.height) * 100).toFixed(2);
           return {
             pageNumber: u.pageNumber,
             ratio: x
           };
         }).sort((u, f) => f.ratio - u.ratio);
-        p(T);
+        p(S);
       });
     },
     [r, h]
   );
   k(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", w), () => {
-        n == null || n.removeEventListener("scroll", w);
+      return n == null || n.addEventListener("scroll", v), () => {
+        n == null || n.removeEventListener("scroll", v);
       };
-  }, [n, w]);
+  }, [n, v]);
 }, ri = ln(({ columnIndex: t, rowIndex: e, data: n, style: o }) => {
   const r = Vr(e, t, n.columnCount);
   return /* @__PURE__ */ i(It, { style: o, pageNumber: r }, r);
@@ -2011,10 +2014,10 @@ const ei = ln(({ widths: t, heights: e }) => {
     getPageScrollElementRef: d,
     getVirtualScrollableElementRef: p,
     setTotalInnerDimensions: m,
-    virtualScrollableElementRef: v,
+    virtualScrollableElementRef: b,
     totalInnerDimensions: h,
-    pageScrollElementRef: w
-  } = et(), C = H(!0), { nextPage: y, prevPage: P, setFocusedPage: T, focusedPage: u } = ie(), { scrollMode: f } = Re(), { viewMode: g } = Ee(), s = H(null), { loading: _ } = Q(), { passwordRequired: b } = nr(), { LoaderImageComponent: S } = hn(), E = H(
+    pageScrollElementRef: v
+  } = et(), _ = H(!0), { nextPage: T, prevPage: P, setFocusedPage: S, focusedPage: u } = ie(), { scrollMode: f } = Re(), { viewMode: g } = Ee(), s = H(null), { loading: C } = Q(), { passwordRequired: w } = nr(), { LoaderImageComponent: y } = hn(), E = H(
     h
   ), x = H({
     viewMode: g,
@@ -2028,7 +2031,7 @@ const ei = ln(({ widths: t, heights: e }) => {
     estimatedColumnWidth: G,
     estimatedRowHeight: Z
   } = Yo(), j = Pt(h, 100), V = H();
-  ni(O, R, v);
+  ni(O, R, b);
   const ee = H({
     scrollTop: 0,
     scrollLeft: 0
@@ -2041,9 +2044,9 @@ const ei = ln(({ widths: t, heights: e }) => {
   }), [O]), Ne = N(
     (q) => {
       const U = document.activeElement !== o;
-      !A && U || (["ArrowUp", "ArrowLeft"].includes(q.key) ? (q.preventDefault(), P()) : ["ArrowDown", "ArrowRight"].includes(q.key) && (q.preventDefault(), y()));
+      !A && U || (["ArrowUp", "ArrowLeft"].includes(q.key) ? (q.preventDefault(), P()) : ["ArrowDown", "ArrowRight"].includes(q.key) && (q.preventDefault(), T()));
     },
-    [y, P, A, f]
+    [T, P, A, f]
   );
   k(() => (window.addEventListener("keydown", Ne), () => {
     window.removeEventListener("keydown", Ne);
@@ -2059,15 +2062,15 @@ const ei = ln(({ widths: t, heights: e }) => {
   }, [R, O, z, l]);
   const Pe = N(
     (q, U) => {
-      if (!v)
+      if (!b)
         return { scrollTop: 0, scrollLeft: 0 };
       const Te = ee.current.scrollTop > U, Se = ee.current.scrollLeft > q;
       return Te || Se ? ee.current : {
-        scrollTop: v.scrollTop,
-        scrollLeft: v.scrollLeft
+        scrollTop: b.scrollTop,
+        scrollLeft: b.scrollLeft
       };
     },
-    [v]
+    [b]
   ), we = N(
     (q, U) => {
       if (x.current.viewMode !== g || x.current.scrollMode !== f) {
@@ -2121,7 +2124,7 @@ const ei = ln(({ widths: t, heights: e }) => {
         scrollLeft: q.scrollLeft
       };
     },
-    [v]
+    [b]
   );
   k(() => () => {
     V.current && clearTimeout(V.current);
@@ -2139,20 +2142,20 @@ const ei = ln(({ widths: t, heights: e }) => {
     [te, ae, ue]
   );
   return k(() => {
-    _ && de();
-  }, [_]), k(() => {
-    if (!(j.height === 0 || !C.current)) {
+    C && de();
+  }, [C]), k(() => {
+    if (!(j.height === 0 || !_.current)) {
       if (e === J.PAGE_SCROLLING) {
-        t !== u && w && T(t), C.current = !1;
+        t !== u && v && S(t), _.current = !1;
         return;
       }
-      a(t, "auto"), T(t), C.current = !1;
+      a(t, "auto"), S(t), _.current = !1;
     }
   }, [
     a,
     e,
-    w,
-    T,
+    v,
+    S,
     j
   ]), /* @__PURE__ */ F(me, { children: [
     /* @__PURE__ */ i("div", { id: n, ref: r, tabIndex: -1, className: rt, children: /* @__PURE__ */ i(Qo, { style: { minHeight: "50px" }, children: ({ width: q, height: U }) => /* @__PURE__ */ i("div", { "data-rp": "pages", ref: jn, style: { width: q, height: U }, children: f === J.PAGE_SCROLLING ? /* @__PURE__ */ i(
@@ -2185,7 +2188,7 @@ const ei = ln(({ widths: t, heights: e }) => {
         ),
         children: ri
       }
-    ) : _ ? null : /* @__PURE__ */ i(
+    ) : C ? null : /* @__PURE__ */ i(
       "div",
       {
         className: ue["rp-loader"],
@@ -2196,10 +2199,10 @@ const ei = ln(({ widths: t, heights: e }) => {
           height: "100%",
           width: "100%"
         },
-        children: S && /* @__PURE__ */ i(S, {})
+        children: y && /* @__PURE__ */ i(y, {})
       }
     ) }) }) }),
-    b && /* @__PURE__ */ i(qr, {})
+    w && /* @__PURE__ */ i(qr, {})
   ] });
 }, ke = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2218,24 +2221,24 @@ const ei = ln(({ widths: t, heights: e }) => {
   const { nextIcon: t } = pe();
   return t || /* @__PURE__ */ i(He, { style: { transform: "rotate(180deg" } });
 }, ai = () => {
-  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: v } = Ee(), { scrollMode: h } = Re();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: d = !0 } = ve(), { isSmallScreen: p } = Ce(), { localeMessages: m } = se(), { viewMode: b } = Ee(), { scrollMode: h } = Re();
   k(() => {
     c(t.toString());
   }, [t]);
-  const w = N((u) => {
+  const v = N((u) => {
     const f = u.target.value;
     c(f);
-  }, []), C = N(async () => {
+  }, []), _ = N(async () => {
     const u = a(l);
     u.success || c(u.currentPage.toString());
-  }, [a, l, e]), y = N(() => {
+  }, [a, l, e]), T = N(() => {
     c(t.toString());
   }, [t]), P = N(
     (u) => {
-      u.key === "Enter" && C();
+      u.key === "Enter" && _();
     },
-    [C]
-  ), T = W(() => v === Ie.DUAL_PAGE && h === J.PAGE_SCROLLING ? t === e - 1 : t === e, [t, e, v, h]);
+    [_]
+  ), S = W(() => b === Ie.DUAL_PAGE && h === J.PAGE_SCROLLING ? t === e - 1 : t === e, [t, e, b, h]);
   return typeof d != "boolean" ? /* @__PURE__ */ i(
     d,
     {
@@ -2260,8 +2263,8 @@ const ei = ln(({ widths: t, heights: e }) => {
       dn,
       {
         onKeyDown: P,
-        onBlur: y,
-        onChange: w,
+        onBlur: T,
+        onChange: v,
         value: l,
         className: ft["rp-page-input"]
       }
@@ -2275,7 +2278,7 @@ const ei = ln(({ widths: t, heights: e }) => {
       {
         onClick: o,
         "aria-label": m == null ? void 0 : m.nextPageTooltip,
-        "aria-disabled": T,
+        "aria-disabled": S,
         children: /* @__PURE__ */ i(ii, {})
       }
     ) })
@@ -2305,7 +2308,7 @@ var Lt = "Dialog", [In, Us] = Xr(Lt), [si, ce] = In(Lt), Ln = (t) => {
       descriptionId: ct(),
       open: p,
       onOpenChange: m,
-      onOpenToggle: B.useCallback(() => m((v) => !v), [m]),
+      onOpenToggle: B.useCallback(() => m((b) => !b), [m]),
       modal: l,
       children: n
     }
@@ -2525,13 +2528,13 @@ const xe = {
       title: d,
       author: p,
       subject: m,
-      createdOn: v,
+      createdOn: b,
       creator: h,
-      keywords: w,
-      modifiedOn: C,
-      pdfProducer: y,
+      keywords: v,
+      modifiedOn: _,
+      pdfProducer: T,
       pdfVersion: P,
-      pageCount: T
+      pageCount: S
     } = t;
     return [
       { label: r == null ? void 0 : r.propertiesFilenameLabel, value: c },
@@ -2540,20 +2543,20 @@ const xe = {
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
       { label: r == null ? void 0 : r.propertiesAuthorLabel, value: p },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
-      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: w },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: v },
       { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
-        value: v ? Wt(v) : ""
+        value: b ? Wt(b) : ""
       },
       {
         label: r == null ? void 0 : r.propertiesModifiedOnLabel,
-        value: C ? Wt(C) : ""
+        value: _ ? Wt(_) : ""
       },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: y },
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: T },
       { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: P },
-      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: T }
+      { label: r == null ? void 0 : r.propertiesPageCountLabel, value: S }
     ];
   }, [t, r]);
   return /* @__PURE__ */ i(vi, { open: n, onOpenChange: o, children: /* @__PURE__ */ i(wi, { container: e, children: /* @__PURE__ */ F("div", { className: xe["rp-dialog-wrapper"], children: [
@@ -2644,11 +2647,11 @@ const xe = {
     jumpNavigationTool: d,
     printTool: p,
     fullscreenTool: m
-  } = ve(), { localeMessages: v } = se();
+  } = ve(), { localeMessages: b } = se();
   return W(() => {
-    const w = d || l || c || a || r;
-    let C = !1;
-    return e && (C = !(!n && !o && !p && !m)), w || C;
+    const v = d || l || c || a || r;
+    let _ = !1;
+    return e && (_ = !(!n && !o && !p && !m)), v || _;
   }, [
     n,
     o,
@@ -2663,7 +2666,7 @@ const xe = {
       mn,
       {
         container: t,
-        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: v == null ? void 0 : v.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": v == null ? void 0 : v.moreOptionTooltip, children: /* @__PURE__ */ i(Kr, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: b == null ? void 0 : b.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": b == null ? void 0 : b.moreOptionTooltip, children: /* @__PURE__ */ i(Kr, {}) }) }) }),
         children: /* @__PURE__ */ F("div", { className: Si["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
           e && /* @__PURE__ */ F(Ke, { children: [
             /* @__PURE__ */ i(fn, {}),
@@ -2708,7 +2711,7 @@ const xe = {
   const { zoomOutIcon: t } = pe();
   return t || /* @__PURE__ */ i(_o, {});
 }, $i = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, contentRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: l } = Ge(), { pages: c } = Q(), { isSmallScreen: d } = Ce(), { localeMessages: p } = se(), { viewMode: m } = Ee(), v = N(() => {
+  const { zoomLevel: t, setZoomLevel: e } = Qe(), { container: n, contentRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: a } = ie(), { rotate: l } = Ge(), { pages: c } = Q(), { isSmallScreen: d } = Ce(), { localeMessages: p } = se(), { viewMode: m } = Ee(), b = N(() => {
     e((u) => {
       const f = Math.floor(u / 25) * 25;
       return Math.min(f + 25, mt);
@@ -2718,23 +2721,23 @@ const xe = {
       const f = Math.ceil(u / 25) * 25;
       return Math.min(f - 25, mt);
     });
-  }, [e]), w = W(() => t === ki, [t]), C = W(() => t === mt, [t]), y = W(() => {
+  }, [e]), v = W(() => t === ki, [t]), _ = W(() => t === mt, [t]), T = W(() => {
     var u;
     return (u = c.get(a)) == null ? void 0 : u.page.getViewport({ scale: 1, rotation: l });
   }, [c, a, l]), P = N(
     (u) => {
-      const f = ((y == null ? void 0 : y.width) || 0) + 2 * Mt, g = ((y == null ? void 0 : y.height) || 0) + 2 * Mt, s = (o == null ? void 0 : o.clientWidth) || 0, _ = (o == null ? void 0 : o.clientHeight) || 0, b = bo(
+      const f = ((T == null ? void 0 : T.width) || 0) + 2 * Mt, g = ((T == null ? void 0 : T.height) || 0) + 2 * Mt, s = (o == null ? void 0 : o.clientWidth) || 0, C = (o == null ? void 0 : o.clientHeight) || 0, w = bo(
         u,
         s,
-        _,
+        C,
         f,
         g,
         m
       );
-      e(b);
+      e(w);
     },
-    [e, y]
-  ), T = N(
+    [e, T]
+  ), S = N(
     (u) => {
       typeof u == "number" ? e(u) : P(u);
     },
@@ -2744,7 +2747,7 @@ const xe = {
     /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomOutTooltip, children: /* @__PURE__ */ i(
       re,
       {
-        disabled: w,
+        disabled: v,
         onClick: h,
         "aria-label": p == null ? void 0 : p.zoomOutTooltip,
         children: /* @__PURE__ */ i(Hi, {})
@@ -2770,12 +2773,12 @@ const xe = {
         align: "center",
         children: /* @__PURE__ */ F("div", { className: De["rp-zoom-dropdown-content"], children: [
           /* @__PURE__ */ F(Ke, { children: [
-            /* @__PURE__ */ i(be, { onClick: () => T(at.ACTUAL), children: p == null ? void 0 : p.zoomActualSize }),
-            /* @__PURE__ */ i(be, { onClick: () => T(at.PAGE_FIT), children: p == null ? void 0 : p.zoomPageFit }),
-            /* @__PURE__ */ i(be, { onClick: () => T(at.PAGE_WIDTH), children: p == null ? void 0 : p.zoomPageWidth })
+            /* @__PURE__ */ i(be, { onClick: () => S(at.ACTUAL), children: p == null ? void 0 : p.zoomActualSize }),
+            /* @__PURE__ */ i(be, { onClick: () => S(at.PAGE_FIT), children: p == null ? void 0 : p.zoomPageFit }),
+            /* @__PURE__ */ i(be, { onClick: () => S(at.PAGE_WIDTH), children: p == null ? void 0 : p.zoomPageWidth })
           ] }),
           /* @__PURE__ */ i(yt, {}),
-          /* @__PURE__ */ i(Ke, { children: Wi.map((u) => /* @__PURE__ */ F(be, { onClick: () => T(u), children: [
+          /* @__PURE__ */ i(Ke, { children: Wi.map((u) => /* @__PURE__ */ F(be, { onClick: () => S(u), children: [
             u,
             " %"
           ] }, u)) })
@@ -2785,8 +2788,8 @@ const xe = {
     /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomInTooltip, children: /* @__PURE__ */ i(
       re,
       {
-        disabled: C,
-        onClick: v,
+        disabled: _,
+        onClick: b,
         "aria-label": p == null ? void 0 : p.zoomInTooltip,
         children: /* @__PURE__ */ i(Mi, {})
       }
@@ -2825,38 +2828,38 @@ const xe = {
     loading: d,
     setSearch: p,
     totalMatches: m,
-    currentMatchPosition: v,
+    currentMatchPosition: b,
     nextMatch: h,
-    prevMatch: w,
-    search: C
-  } = xt(), { searchTool: y = !0 } = ve(), [P, T] = $(C), { localeMessages: u } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
+    prevMatch: v,
+    search: _
+  } = xt(), { searchTool: T = !0 } = ve(), [P, S] = $(_), { localeMessages: u } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
     n(!0);
   }, []), s = N(() => {
-    p(""), T(""), n(!1);
-  }, [p]), _ = (I) => {
+    p(""), S(""), n(!1);
+  }, [p]), C = (I) => {
     const O = I.key === "Enter", M = I.key === " ";
     (O || M) && s();
-  }, b = N(
+  }, w = N(
     (I) => {
       I.key === "Escape" && e && s();
     },
     [e]
-  ), S = N(
+  ), y = N(
     (I) => {
-      I.shiftKey && I.key === "Enter" ? w() : I.key === "Enter" && C !== P ? p(P) : I.key === "Enter" && h();
+      I.shiftKey && I.key === "Enter" ? v() : I.key === "Enter" && _ !== P ? p(P) : I.key === "Enter" && h();
     },
-    [P, w, h, p, C]
+    [P, v, h, p, _]
   );
-  k(() => (window.addEventListener("keydown", b), () => {
-    window.removeEventListener("keydown", b);
-  }), [b]), k(() => {
+  k(() => (window.addEventListener("keydown", w), () => {
+    window.removeEventListener("keydown", w);
+  }), [w]), k(() => {
     r && r.focus();
   }, [r]);
   const E = N((I) => {
-    T(I.target.value);
+    S(I.target.value);
   }, []), x = N(() => {
-    T(""), p("");
-  }, [p]), L = W(() => `${v} / ${m}`, [v, m]), { wholeWords: D, matchCase: A } = W(() => l, [l]), z = N(
+    S(""), p("");
+  }, [p]), L = W(() => `${b} / ${m}`, [b, m]), { wholeWords: D, matchCase: A } = W(() => l, [l]), z = N(
     (I) => {
       c((O) => ({ ...O, matchCase: I }));
     },
@@ -2869,7 +2872,7 @@ const xe = {
   );
   return k(() => {
     s();
-  }, [o, s]), y ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
+  }, [o, s]), T ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
     Mr,
     {
       open: e,
@@ -2882,7 +2885,7 @@ const xe = {
               dn,
               {
                 value: P,
-                onKeyDown: S,
+                onKeyDown: y,
                 onChange: E,
                 icon: /* @__PURE__ */ i(an, {}),
                 placeholder: u == null ? void 0 : u.searchInputPlaceholder,
@@ -2892,7 +2895,7 @@ const xe = {
               }
             ) }),
             d ? /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(Ct, { className: Y["rp-search-loader-icon"] }) }) : /* @__PURE__ */ i("span", { children: L }),
-            f && /* @__PURE__ */ i("div", { className: Y["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: _, handleClose: s }) })
+            f && /* @__PURE__ */ i("div", { className: Y["rp-search-tool-controls"], children: /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s }) })
           ] }),
           /* @__PURE__ */ F("div", { className: Y["rp-search-tool-input-checkboxes"], children: [
             f && /* @__PURE__ */ i(on, {}),
@@ -2904,7 +2907,7 @@ const xe = {
         ] }),
         !f && /* @__PURE__ */ F("div", { className: Y["rp-search-tool-controls"], children: [
           /* @__PURE__ */ i(on, {}),
-          /* @__PURE__ */ i(Ht, { onKeyPress: _, handleClose: s })
+          /* @__PURE__ */ i(Ht, { onKeyPress: C, handleClose: s })
         ] })
       ] })
     }
@@ -3003,24 +3006,24 @@ const xe = {
 }, Ki = $e((t, e) => {
   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 v = W(() => Object.values(a), [a]), h = N(() => {
-    const w = c + 1;
-    w <= r && l(w);
+  const b = W(() => Object.values(a), [a]), h = N(() => {
+    const v = c + 1;
+    v <= r && l(v);
   }, [l, r, c]);
   return k(() => {
     o > c ? d(o) : n && m.current !== o && (ji(p.current, o), m.current = o);
-  }, [o, c, d, n, v]), mr(p.current, h), /* @__PURE__ */ i("div", { ref: p, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? v.map((w, C) => {
-    var y, P;
+  }, [o, c, d, n, b]), mr(p.current, h), /* @__PURE__ */ i("div", { ref: p, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? b.map((v, _) => {
+    var T, P;
     return /* @__PURE__ */ i(
       Bi,
       {
-        isFocused: o === ((y = w.page) == null ? void 0 : y.pageNumber),
-        pageNumber: (P = w.page) == null ? void 0 : P.pageNumber,
-        thumbnailSrc: w.thumbnailSrc,
-        loading: w.loading,
-        viewport: w.viewport
+        isFocused: o === ((T = v.page) == null ? void 0 : T.pageNumber),
+        pageNumber: (P = v.page) == null ? void 0 : P.pageNumber,
+        thumbnailSrc: v.thumbnailSrc,
+        loading: v.loading,
+        viewport: v.viewport
       },
-      C
+      _
     );
   }) : null }) });
 }), Xi = () => {
@@ -3103,21 +3106,21 @@ const xe = {
     onLoaded: d,
     cleanupOnLoaded: p,
     onLayoutWidthChange: m
-  } = t, [v, h] = $(null), { setContainer: w, setContentRef: C } = ge(), { loading: y } = Q(), { LoaderImageComponent: P } = hn();
+  } = t, [b, h] = $(null), { setContainer: v, setContentRef: _ } = ge(), { loading: T } = Q(), { LoaderImageComponent: P } = hn();
   return k(() => (d && d(), () => {
     p && p();
-  }), [d, p]), /* @__PURE__ */ i(Ji, { toolbarRef: v, ref: e, children: /* @__PURE__ */ i(Pr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ F(_r, { getContainerRef: w, style: a, className: l, children: [
+  }), [d, p]), /* @__PURE__ */ i(Ji, { toolbarRef: b, ref: e, children: /* @__PURE__ */ i(Pr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ F(_r, { getContainerRef: v, style: a, className: l, children: [
     /* @__PURE__ */ F(br, { children: [
       /* @__PURE__ */ F("div", { className: _e["rp-layout"], children: [
         /* @__PURE__ */ i(Vi, { ref: h }),
         /* @__PURE__ */ F("div", { className: _e["rp-content"], children: [
           /* @__PURE__ */ i("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ i(Yi, {}) }),
-          /* @__PURE__ */ i("div", { ref: C, className: _e["rp-pages"], children: n })
+          /* @__PURE__ */ i("div", { ref: _, className: _e["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ i(Cr, {})
     ] }),
-    y ? /* @__PURE__ */ i(
+    T ? /* @__PURE__ */ i(
       "div",
       {
         className: _e["rp-loader"],