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

package/dist/{RPDefaultLayout-e3550bd7.js → RPDefaultLayout-8f75aee6.js}

@@ -94,13 +94,13 @@ 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), b = H(t), h = H(c), { targetScrollPage: v } = 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), _ = H(t), h = H(c), { targetScrollPage: v } = pn();
   k(() => {
     n != null && n.scrollToItem && (l.current = n);
   }, [n]), k(() => {
-    m.current = e, b.current = t;
+    m.current = e, _.current = t;
   }, [e, t]);
-  const _ = N(
+  const w = N(
     (P, S) => {
       if (!r)
         return;
@@ -126,7 +126,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     [r, d, st]
   );
   return k(() => {
-    m.current = e, b.current = t;
+    m.current = e, _.current = t;
   }, [e, t]), k(() => {
     h.current = c;
   }, [c]), { scrollToPage: N(
@@ -134,8 +134,8 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       a(P);
       const u = P - 1;
       let f = u, g = 0;
-      if (b.current === Ie.DUAL_PAGE && m.current === J.PAGE_SCROLLING) {
-        _(P, S);
+      if (_.current === Ie.DUAL_PAGE && m.current === J.PAGE_SCROLLING) {
+        w(P, S);
         return;
       }
       if (m.current === J.PAGE_SCROLLING) {
@@ -156,7 +156,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
           behavior: S
         });
       }
-      if (b.current === Ie.DUAL_PAGE) {
+      if (_.current === Ie.DUAL_PAGE) {
         g = u % 2, f = Math.floor(u / 2);
         const y = {
           left: ze(d, g),
@@ -179,7 +179,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     [
       o,
       c,
-      _,
+      w,
       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(), b = 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(), _ = Pt(e, 100), h = N(
     (f) => {
       if (!/^[0-9]*$/g.test(f.toString()) || !f)
         return { success: !1, currentPage: l.current };
@@ -195,7 +195,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       return s < 0 || s > o ? { success: !1, currentPage: l.current } : (n(s), l.current = s, { success: !0, currentPage: +f });
     },
     [o]
-  ), v = N(h, [h]), _ = N(
+  ), v = N(h, [h]), w = N(
     (f) => {
       const g = h(f);
       return g.success && a(g.currentPage), g;
@@ -209,21 +209,21 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     return c === Ie.DUAL_PAGE && s + C < m.clientWidth;
   }, [c, p, m, o]), P = N(() => {
     let f = e - 1;
-    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(() => {
+    T(f) && (f = e - 2), w(f);
+  }, [w, 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;
-    T(f) && (f = e + 2), _(f);
-  }, [_, e, T, c, d, S]);
+    T(f) && (f = e + 2), w(f);
+  }, [w, e, T, c, d, S]);
   return {
-    focusedPage: b,
+    focusedPage: _,
     totalPages: o,
     setFocusedPage: v,
     setTotalPages: r,
     nextPage: u,
     prevPage: P,
-    goToPage: _
+    goToPage: w
   };
 }, _n = Ye({
   focusedPage: 0,
@@ -269,7 +269,7 @@ const So = () => {
   k(() => {
     m.current;
   }, [m]);
-  const b = N(() => {
+  const _ = 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();
@@ -281,12 +281,12 @@ const So = () => {
     });
   }, []), v = () => {
     m.current = !0;
-  }, _ = async ({
+  }, w = async ({
     scratchCanvas: f,
     pdfDocument: g,
     pageNumber: s,
     viewerPdfPage: C,
-    printResolution: w,
+    printResolution: b,
     optionalContentConfigPromise: y,
     printAnnotationStoragePromise: E
   }) => {
@@ -294,7 +294,7 @@ const So = () => {
       h();
       return;
     }
-    const x = w / yr.PDF;
+    const x = b / 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();
@@ -332,27 +332,27 @@ const So = () => {
         s(g);
         return;
       }
-      const w = new MutationObserver(() => {
-        document.querySelector(".rp-print-zone") && (s(g), w.disconnect());
+      const b = new MutationObserver(() => {
+        document.querySelector(".rp-print-zone") && (s(g), b.disconnect());
       });
-      w.observe(document.body, { childList: !0, subtree: !0 });
+      b.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((C, w) => {
+    return s.classList.add("rp-print-page"), await new Promise((C, b) => {
       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"));
+        }, g.onerror = b) : b(new Error("Failed to create blob"));
       });
     }).catch(() => {
     }), s.appendChild(g), s;
   }, S = (f, g) => {
     const s = document.createElement("div");
     s.classList.add("rp-print-zone");
-    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 });
+    const C = document.createElement("style"), b = g.get(1);
+    if (b) {
+      const { width: y, height: E } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
       C.innerHTML = `@page { size: ${y}px ${E}px }`;
     }
     return s.appendChild(C), s.append(...f), s;
@@ -363,7 +363,7 @@ const So = () => {
     const f = document.createElement("canvas"), g = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const C = t.getOptionalContentConfig({ intent: "print" }), w = Promise.resolve(
+      const C = t.getOptionalContentConfig({ intent: "print" }), b = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), y = e.size;
       for (const [x, L] of e) {
@@ -372,14 +372,14 @@ const So = () => {
           return;
         }
         const D = L.page.getViewport({ scale: 1 });
-        if (await _({
+        if (await w({
           scratchCanvas: f,
           pdfDocument: t,
           pageNumber: x,
           viewerPdfPage: D,
           printResolution: 150,
           optionalContentConfigPromise: C,
-          printAnnotationStoragePromise: w
+          printAnnotationStoragePromise: b
         }), m.current) {
           h();
           return;
@@ -407,12 +407,12 @@ const So = () => {
   }, [t, e, m]);
   return k(() => {
     const f = () => {
-      h(), b();
+      h(), _();
     };
     return window.addEventListener("afterprint", f, !0), () => {
       window.removeEventListener("afterprint", f, !0);
     };
-  }, [b, h]), {
+  }, [_, h]), {
     print: u,
     cancel: v,
     progress: n,
@@ -438,7 +438,7 @@ 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(), b = N((P) => {
+  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: p, error: m } = So(), _ = N((P) => {
     P && typeof P == "function" && r(() => P);
   }, []), h = (P) => {
     m && P(m);
@@ -449,7 +449,7 @@ const So = () => {
     [c, e]
   );
   k(() => {
-    d && o && _();
+    d && o && w();
   }, [d, o]), k(() => {
     p && h((P) => {
       console.error(P);
@@ -457,13 +457,13 @@ const So = () => {
   }, [p]), k(() => {
     c && e && e(c);
   }, [c, e]);
-  const _ = () => {
+  const w = () => {
     o && (o(), r(null));
   }, T = {
     print: a,
     cancel: l,
     setOnProgress: v,
-    setOnComplete: b,
+    setOnComplete: _,
     setOnError: h,
     progress: c
   };
@@ -479,18 +479,18 @@ const So = () => {
       if (!n.size)
         return;
       const d = c > n.size ? n.size : c, p = Array.from(n.values()).slice(0, d).map((h) => {
-        const { thumbnailViewport: v, scale: _ } = kt(h.page, o);
+        const { thumbnailViewport: v, scale: w } = kt(h.page, o);
         return {
-          scale: _,
+          scale: w,
           page: h.page,
           loading: !0,
           viewport: v
         };
       }), m = p.reduce((h, v) => (h[v.page.pageNumber] = v, h), {});
       e(m);
-      const b = [];
+      const _ = [];
       for (const h of p) {
-        const v = document.createElement("canvas"), _ = vt(h.page, v, {
+        const v = document.createElement("canvas"), w = vt(h.page, v, {
           scale: h.scale,
           rotate: o
         }).promise.then(() => {
@@ -501,14 +501,14 @@ const So = () => {
             loading: !1
           };
         });
-        b.push(_);
+        _.push(w);
       }
-      Promise.all(b).then((h) => {
+      Promise.all(_).then((h) => {
         const v = h.reduce(
-          (_, T) => (_[T.page.pageNumber] = T, _),
+          (w, T) => (w[T.page.pageNumber] = T, w),
           {}
         );
-        e((_) => ({ ..._, ...v }));
+        e((w) => ({ ...w, ...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: b, scale: h } = kt(d.page, o);
+        const m = p.toDataURL(), { thumbnailViewport: _, scale: h } = kt(d.page, o);
         return {
           scale: h,
           thumbnailSrc: m,
           page: d.page,
           loading: !1,
-          viewport: b
+          viewport: _
         };
       }).then((m) => {
-        e((b) => ({ ...b, [c]: m }));
+        e((_) => ({ ..._, [c]: m }));
       });
     },
     [n, o]
@@ -573,7 +573,7 @@ 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: 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]);
+  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: p } = qe(), m = H(!n), { currentZoom: _ } = Qe(), [h, v] = $([]), { setFocusedPage: w } = ie(), { columnCount: T } = Ee(), { rotate: P } = Ge(), [S, u] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Re(), { pagesRef: C } = ge(), [b, y] = $(null), E = H({}), x = W(() => S === 0 ? null : h[S - 1], [S, h]), L = W(() => h.length, [h]);
   k(() => {
     if (!x || !c)
       return;
@@ -581,7 +581,7 @@ const So = () => {
     if (!R || !C)
       return;
     const I = c.get(x.page);
-    if (s === J.PAGE_SCROLLING && _(x.page), !I)
+    if (s === J.PAGE_SCROLLING && w(x.page), !I)
       return;
     let O = 0, M = 0;
     if (s === J.VERTICAL_SCROLLING) {
@@ -599,7 +599,7 @@ const So = () => {
       Z,
       G,
       x.rect,
-      b,
+      _,
       P
     ), ee = M + j, X = O + V, le = {
       left: Math.max(ee, 0),
@@ -610,7 +610,7 @@ const So = () => {
     });
   }, [
     c,
-    _,
+    w,
     d,
     p,
     x,
@@ -665,7 +665,7 @@ const So = () => {
     currentMatch: x,
     nextMatch: D,
     prevMatch: A,
-    currentMatchElement: w,
+    currentMatchElement: b,
     setCurrentMatchElement: y
   };
 }, Tn = Ye({
@@ -698,10 +698,10 @@ const So = () => {
     currentMatch: d,
     search: p,
     matches: m,
-    nextMatch: b,
+    nextMatch: _,
     prevMatch: h,
     currentMatchElement: v,
-    setCurrentMatchElement: _
+    setCurrentMatchElement: w
   } = xo(n, e);
   return /* @__PURE__ */ i(
     Tn.Provider,
@@ -714,12 +714,12 @@ const So = () => {
         totalMatches: l,
         currentMatchPosition: c,
         currentMatch: d,
-        nextMatch: b,
+        nextMatch: _,
         prevMatch: h,
         search: p,
         matches: m,
         currentMatchElement: v,
-        setCurrentMatchElement: _
+        setCurrentMatchElement: w
       },
       children: t
     }
@@ -746,8 +746,8 @@ const So = () => {
     if (r.current && p) {
       const m = r.current;
       m.hidden = !0;
-      const b = c.current;
-      b && b.cancel(), o && o(), c.current = vt(p.page, m, {
+      const _ = c.current;
+      _ && _.cancel(), o && o(), c.current = vt(p.page, m, {
         scale: d,
         rotate: l,
         renderForms: !0
@@ -771,25 +771,25 @@ 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(), b = H([]), h = W(() => r.filter((f) => f.pageIndex === e - 1), [r, e]), v = N(
+  ), p = H(), m = H(), _ = 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) {
-        b.current = [], d([]);
+        _.current = [], d([]);
         return;
       }
       const C = dr(h, f, g);
       d(C);
     },
     [h]
-  ), _ = H(), T = H(!1), P = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), w = H(), T = H(!1), P = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   k(() => ((() => {
-    if (_.current)
+    if (w.current)
       return;
-    _.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));
+    w.current = new AbortController();
+    const { signal: g } = w.current, s = () => {
+      P().forEach((b) => {
+        const y = b.querySelector(".endOfContent");
+        y && (b.appendChild(y), y.style.width = "", y.style.height = "", b.classList.remove(he.selecting));
       });
     };
     document.addEventListener(
@@ -822,16 +822,16 @@ const So = () => {
       "selectionchange",
       () => {
         var z, R;
-        const w = document.getSelection();
-        if (!w)
+        const b = document.getSelection();
+        if (!b)
           return;
-        if (w.rangeCount === 0) {
+        if (b.rangeCount === 0) {
           s();
           return;
         }
         const y = /* @__PURE__ */ new Set();
-        for (let I = 0; I < w.rangeCount; I++) {
-          const O = w.getRangeAt(I);
+        for (let I = 0; I < b.rangeCount; I++) {
+          const O = b.getRangeAt(I);
           P().forEach((M) => {
             O.intersectsNode(M) && !y.has(M) && y.add(M);
           });
@@ -844,7 +844,7 @@ const So = () => {
             O && (I.appendChild(O), O.style.width = "", O.style.height = "", I.classList.remove(he.selecting));
           }
         });
-        const E = w.getRangeAt(0);
+        const E = b.getRangeAt(0);
         let L = C && (E.compareBoundaryPoints(Range.END_TO_END, C) === 0 || E.compareBoundaryPoints(Range.START_TO_END, C) === 0) ? E.startContainer : E.endContainer;
         L.nodeType === Node.TEXT_NODE && (L = L.parentNode);
         const D = (z = L.parentElement) == null ? void 0 : z.closest(
@@ -856,7 +856,7 @@ const So = () => {
     );
   })(), () => {
     var g;
-    (g = _.current) == null || g.abort(), _.current = void 0;
+    (g = w.current) == null || g.abort(), w.current = void 0;
   }), [P]);
   const S = N(() => {
     o.current && o.current.classList.add(he.selecting);
@@ -864,7 +864,7 @@ const So = () => {
     o.current && o.current.classList.remove(he.selecting);
   }, []);
   return k(() => {
-    if (b.current.forEach((s) => {
+    if (_.current.forEach((s) => {
       s.classList.remove("selected");
     }), !c.length || !a || a.pageIndex !== e - 1)
       return;
@@ -874,7 +874,7 @@ const So = () => {
     if (f === -1)
       return;
     const g = c.filter((s) => s.index === f);
-    g.length && (b.current = g.map((s) => s.element), l(g[0].element), g.forEach((s) => {
+    g.length && (_.current = g.map((s) => s.element), l(g[0].element), g.forEach((s) => {
       s.element.classList.add("selected");
     }));
   }, [a, c, h]), k(() => {
@@ -896,8 +896,8 @@ const So = () => {
       });
       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);
+      const b = document.createElement("div");
+      b.className = "endOfContent", (E = o.current) == null || E.appendChild(b);
     }).catch(() => {
     }), () => {
       var s;
@@ -925,7 +925,7 @@ 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: b } = tt(), { download: h } = $n(), v = W(() => o.get(e), [o, e]), _ = W(() => v == null ? void 0 : v.page.getViewport(), [v]);
+  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = Q(), a = H(), [l, c] = $(), { setFocusedPage: d, goToPage: p } = ie(), { scrollMode: m } = Re(), { print: _ } = tt(), { download: h } = $n(), v = W(() => o.get(e), [o, e]), w = W(() => v == null ? void 0 : v.page.getViewport(), [v]);
   k(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
   }, [r]), k(() => {
@@ -937,10 +937,10 @@ const Do = (t) => {
     (P) => {
       !l || !r || (Er(P), Nr(P, r, l).then((S) => {
         var u, f;
-        ((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();
+        ((u = S == null ? void 0 : S.data) == null ? void 0 : u.action) === "Print" ? _() : ((f = S == null ? void 0 : S.data) == null ? void 0 : f.action) === "SaveAs" && h();
       }), m === J.PAGE_SCROLLING ? zt(P, l, r, (S) => d(S.pageIndex + 1)) : zt(P, l, r, (S) => p(S.pageIndex + 1)));
     },
-    [r, l, p, d, m, b, h]
+    [r, l, p, d, m, _, h]
   );
   return k(() => {
     if (!v || !l)
@@ -1005,7 +1005,7 @@ const Do = (t) => {
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
-      style: { width: `${_ == null ? void 0 : _.width}px`, height: `${_ == null ? void 0 : _.height}px` },
+      style: { width: `${w == null ? void 0 : w.width}px`, height: `${w == null ? void 0 : w.height}px` },
       className: No["rp-annotation-layer"],
       ref: n
     }
@@ -1013,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, b] = $([]);
+  const [n, o] = $(), { pages: r } = Q(), { highlightKeywords: a } = pr(), l = !0, c = H(null), [d, p] = $(null), [m, _] = $([]);
   k(() => {
     c.current && p(c.current.parentElement);
   }, [c]), k(() => {
@@ -1048,7 +1048,7 @@ const Do = (t) => {
       }).observe(u, { childList: !0, subtree: !0 });
     });
   }
-  function _(u) {
+  function w(u) {
     return new Promise((f) => {
       const g = u.querySelectorAll(
         '[data-rp="rp-text-layer-text"]'
@@ -1057,23 +1057,23 @@ const Do = (t) => {
         f(Array.from(g));
         return;
       }
-      new MutationObserver((C, w) => {
+      new MutationObserver((C, b) => {
         const y = u.querySelectorAll(
           ".vpv-text-layer-text"
         );
-        y.length && (f(Array.from(y)), w.disconnect());
+        y.length && (f(Array.from(y)), b.disconnect());
       }).observe(u, { childList: !0, subtree: !0 });
     });
   }
   const T = (u, f, g, s) => {
     var Z;
-    const C = document.createRange(), w = g.firstChild;
-    if (!w || w.nodeType !== Node.TEXT_NODE)
+    const C = document.createRange(), b = g.firstChild;
+    if (!b || b.nodeType !== Node.TEXT_NODE)
       return null;
-    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;
+    const y = ((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 > y || x + 1 > y)
       return null;
-    C.setStart(w, E), C.setEnd(w, x + 1);
+    C.setStart(b, E), C.setEnd(b, x + 1);
     const L = document.createElement("span");
     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;
@@ -1091,7 +1091,7 @@ const Do = (t) => {
     const g = await v(d, u);
     if (!g)
       return;
-    const s = await _(g);
+    const s = await w(g);
     if (s.length) {
       const C = s.map((y) => y.tagName === "BR" ? " " : y.textContent).reduce(
         (y, E, x) => y.concat(
@@ -1108,15 +1108,15 @@ const Do = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), w = S(g, f, s, C);
-      b(w);
+      ).slice(1), b = S(g, f, s, C);
+      _(b);
     }
   }
   const S = (u, f, g, s) => {
     const C = f.length;
     if (!s.length || !C)
       return [];
-    const w = [], y = s.map((E) => E.char).join("");
+    const b = [], 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())
@@ -1150,13 +1150,13 @@ const Do = (t) => {
             );
             if (X) {
               const { left: le, top: ae } = X;
-              if (w.find((te) => te.left === le && te.top === ae))
+              if (b.find((te) => te.left === le && te.top === ae))
                 continue;
-              w.push({ ...X, highlightColor: G.color });
+              b.push({ ...X, highlightColor: G.color });
             }
           }
       }
-    }), w.sort(Fr), w;
+    }), b.sort(Fr), b;
   };
   return k(() => {
     (async () => {
@@ -1182,14 +1182,14 @@ 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, b] = $(!1), h = H(null), [v, _] = $({
+  const { pageNumber: n, style: o, ...r } = t, { pages: a } = Q(), { rotate: l } = Ge(), { textLayer: c } = or(), { currentZoom: d } = Qe(), p = H(a.get(n)), [m, _] = $(!1), h = H(null), [v, w] = $({
     width: 0,
     height: 0
   });
   cn(e, () => h.current), k(() => {
     if (a && (p.current = a.get(n), p.current)) {
       const u = p.current.page.getViewport({ scale: d, rotation: l });
-      _(u);
+      w(u);
     }
   }, [a, n, l, d]);
   const T = W(() => {
@@ -1203,9 +1203,9 @@ const Do = (t) => {
         return "center";
     }
   }, [l, v]), P = N(() => {
-    b(!0);
+    _(!0);
   }, []), S = N(() => {
-    b(!1);
+    _(!1);
   }, []);
   return /* @__PURE__ */ i(
     "div",
@@ -1334,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, b = t.getRowOffset, h = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, T = t.shouldResetStyleCacheOnItemSizeChange, P = t.validateProps;
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, p = t.getOffsetForRowAndAlignment, m = t.getRowHeight, _ = t.getRowOffset, h = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, w = t.initInstanceProps, T = t.shouldResetStyleCacheOnItemSizeChange, P = t.validateProps;
   return e = /* @__PURE__ */ function(S) {
     Fo(u, S);
     function u(g) {
       var s;
-      return s = S.call(this, g) || this, s._instanceProps = _(s.props, qt(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
+      return s = S.call(this, g) || this, s._instanceProps = w(s.props, qt(s)), s._resetIsScrollingTimeoutId = null, s._outerRef = void 0, s.state = {
         instance: qt(s),
         isScrolling: !1,
         horizontalScrollDirection: "forward",
@@ -1347,10 +1347,10 @@ function Uo(t) {
         scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(C, w, y, E, x, L, D, A) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(C, b, y, E, x, L, D, A) {
         return s.props.onItemsRendered({
           overscanColumnStartIndex: C,
-          overscanColumnStopIndex: w,
+          overscanColumnStopIndex: b,
           overscanRowStartIndex: y,
           overscanRowStopIndex: E,
           visibleColumnStartIndex: x,
@@ -1358,34 +1358,34 @@ function Uo(t) {
           visibleRowStartIndex: D,
           visibleRowStopIndex: A
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(C, w, y, E, x) {
+      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(C, b, y, E, x) {
         return s.props.onScroll({
           horizontalScrollDirection: y,
           scrollLeft: C,
-          scrollTop: w,
+          scrollTop: b,
           verticalScrollDirection: E,
           scrollUpdateWasRequested: x
         });
-      }), 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;
+      }), s._getItemStyle = void 0, s._getItemStyle = function(C, b) {
+        var y = s.props, E = y.columnWidth, x = y.direction, L = y.rowHeight, D = s._getItemStyleCache(T && E, T && x, T && L), A = C + ":" + b, z;
         if (D.hasOwnProperty(A))
           z = D[A];
         else {
-          var R = n(s.props, w, s._instanceProps), I = x === "rtl";
+          var R = n(s.props, b, s._instanceProps), I = x === "rtl";
           D[A] = z = {
             position: "absolute",
             left: I ? void 0 : R,
             right: I ? R : void 0,
-            top: b(s.props, C, s._instanceProps),
+            top: _(s.props, C, s._instanceProps),
             height: m(s.props, C, s._instanceProps),
-            width: a(s.props, w, s._instanceProps)
+            width: a(s.props, b, s._instanceProps)
           };
         }
         return z;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(C, w, y) {
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(C, b, y) {
         return {};
       }), 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;
+        var b = C.currentTarget, y = b.clientHeight, E = b.clientWidth, x = b.scrollLeft, L = b.scrollTop, D = b.scrollHeight, A = b.scrollWidth;
         s.setState(function(z) {
           if (z.scrollLeft === x && z.scrollTop === L)
             return null;
@@ -1411,8 +1411,8 @@ function Uo(t) {
           };
         }, s._resetIsScrollingDebounced);
       }, 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);
+        var b = s.props.outerRef;
+        s._outerRef = C, typeof b == "function" ? b(C) : b != null && typeof b == "object" && b.hasOwnProperty("current") && (b.current = C);
       }, s._resetIsScrollingDebounced = function() {
         s._resetIsScrollingTimeoutId !== null && Zt(s._resetIsScrollingTimeoutId), s._resetIsScrollingTimeoutId = Ho(s._resetIsScrolling, Go);
       }, s._resetIsScrolling = function() {
@@ -1428,57 +1428,57 @@ function Uo(t) {
     };
     var f = u.prototype;
     return f.scrollTo = function(s) {
-      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 : {
+      var C = s.scrollLeft, b = s.scrollTop;
+      C !== void 0 && (C = Math.max(0, C)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(y) {
+        return C === void 0 && (C = y.scrollLeft), b === void 0 && (b = y.scrollTop), y.scrollLeft === C && y.scrollTop === b ? null : {
           horizontalScrollDirection: y.scrollLeft < C ? "forward" : "backward",
           scrollLeft: C,
-          scrollTop: w,
+          scrollTop: b,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: y.scrollTop < w ? "forward" : "backward"
+          verticalScrollDirection: y.scrollTop < b ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(s) {
-      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();
+      var C = s.align, b = 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: 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
+        scrollLeft: y !== void 0 ? d(this.props, y, b, I, this._instanceProps, V) : I,
+        scrollTop: E !== void 0 ? p(this.props, E, b, O, this._instanceProps, j) : O
       });
     }, f.componentDidMount = function() {
-      var s = this.props, C = s.initialScrollLeft, w = s.initialScrollTop;
+      var s = this.props, C = s.initialScrollLeft, b = s.initialScrollTop;
       if (this._outerRef != null) {
         var y = this._outerRef;
-        typeof C == "number" && (y.scrollLeft = C), typeof w == "number" && (y.scrollTop = w);
+        typeof C == "number" && (y.scrollLeft = C), typeof b == "number" && (y.scrollTop = b);
       }
       this._callPropsCallbacks();
     }, f.componentDidUpdate = function() {
-      var s = this.props.direction, C = this.state, w = C.scrollLeft, y = C.scrollTop, E = C.scrollUpdateWasRequested;
+      var s = this.props.direction, C = this.state, b = 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 = -w;
+              x.scrollLeft = -b;
               break;
             case "positive-ascending":
-              x.scrollLeft = w;
+              x.scrollLeft = b;
               break;
             default:
               var L = x.clientWidth, D = x.scrollWidth;
-              x.scrollLeft = D - L - w;
+              x.scrollLeft = D - L - b;
               break;
           }
         else
-          x.scrollLeft = Math.max(0, w);
+          x.scrollLeft = Math.max(0, b);
         x.scrollTop = Math.max(0, y);
       }
       this._callPropsCallbacks();
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      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 = [];
+      var s = this.props, C = s.children, b = 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++)
@@ -1496,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: w,
+        className: b,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
         style: Wr({
@@ -1518,8 +1518,8 @@ function Uo(t) {
         }
       }));
     }, f._callPropsCallbacks = function() {
-      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 s = this.props, C = s.columnCount, b = s.onItemsRendered, y = s.onScroll, E = s.rowCount;
+      if (typeof b == "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);
       }
@@ -1528,13 +1528,13 @@ function Uo(t) {
         this._callOnScroll(V, ee, j, le, X);
       }
     }, f._getHorizontalRangeToRender = function() {
-      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;
+      var s = this.props, C = s.columnCount, b = s.overscanColumnCount, y = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, L = this.state, D = L.horizontalScrollDirection, A = L.isScrolling, z = L.scrollLeft, R = b || 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(C - 1, O + G)), I, O];
     }, f._getVerticalRangeToRender = function() {
-      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;
+      var s = this.props, C = s.columnCount, b = 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 || b || 1;
       if (C === 0 || x === 0)
         return [0, 0, 0, 0];
       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;
@@ -1547,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, b = e.width, h = n.instance;
+  var o = e.children, r = e.direction, a = e.height, l = e.innerTagName, c = e.outerTagName, d = e.overscanColumnsCount, p = e.overscanCount, m = e.overscanRowsCount, _ = e.width, h = n.instance;
   if (process.env.NODE_ENV !== "production") {
     if (typeof p == "number" && Be && !Be.has(h) && (Be.add(h), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof 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.'));
@@ -1558,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 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 _ != "number")
+      throw Error('An invalid "width" prop has been specified. Grids must specify a number for width. ' + ('"' + (_ === null ? "null" : typeof _) + '" 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.'));
   }
@@ -1588,11 +1588,11 @@ var Vo = function(e, n) {
       d = p.offset + p.size;
     }
     for (var m = c + 1; m <= o; m++) {
-      var b = l(m);
+      var _ = l(m);
       a[m] = {
         offset: d,
-        size: b
-      }, d += b;
+        size: _
+      }, d += _;
     }
     e === "column" ? r.lastMeasuredColumnIndex = o : r.lastMeasuredRowIndex = o;
   }
@@ -1615,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), 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) {
+  var d = e === "column" ? n.width : n.height, p = fe(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), _ = Math.max(0, Math.min(m - d, p.offset)), h = Math.max(0, p.offset - d + c + p.size);
+  switch (r === "smart" && (a >= h - d && a <= _ + d ? r = "auto" : r = "center"), r) {
     case "start":
-      return b;
+      return _;
     case "end":
       return h;
     case "center":
-      return Math.round(h + (b - h) / 2);
+      return Math.round(h + (_ - h) / 2);
     case "auto":
     default:
-      return a >= h && a <= b ? a : h > b || a < h ? h : b;
+      return a >= h && a <= _ ? a : h > _ || a < h ? h : _;
   }
 }, Zo = /* @__PURE__ */ Uo({
   getColumnOffset: function(e, n, o) {
@@ -1684,8 +1684,8 @@ var Vo = function(e, n) {
         shouldForceUpdate: d
       });
     }, n.resetAfterIndices = function(c) {
-      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();
+      var d = c.columnIndex, p = c.rowIndex, m = c.shouldForceUpdate, _ = m === void 0 ? !0 : m;
+      typeof d == "number" && (l.lastMeasuredColumnIndex = Math.min(l.lastMeasuredColumnIndex, d - 1)), typeof p == "number" && (l.lastMeasuredRowIndex = Math.min(l.lastMeasuredRowIndex, p - 1)), n._getItemStyleCache(-1), _ && n.forceUpdate();
     }, l;
   },
   shouldResetStyleCacheOnItemSizeChange: !1,
@@ -1715,13 +1715,13 @@ 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((_, T, P) => {
+  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((w, T, P) => {
     const S = P % l;
-    return (!_[S] || T > _[S]) && (_[S] = T), _;
+    return (!w[S] || T > w[S]) && (w[S] = T), w;
   }, []), [r.widths, l]), d = N(
     (v) => {
-      const _ = v % c.length;
-      return c[_] || 0;
+      const w = v % c.length;
+      return c[w] || 0;
     },
     [c]
   ), p = N(
@@ -1731,14 +1731,14 @@ const Yo = () => {
   k(() => {
     n(l);
   }, [l, n]);
-  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]);
+  const m = W(() => e === J.HORIZONTAL_SCROLLING || e === J.PAGE_SCROLLING ? 1 : Math.round(a / l), [l, a, e]), _ = W(() => r.heights.reduce((v, w) => v + w, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((v, w) => v + w, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
     rowHeight: p,
     columnCount: l,
     columnWidth: d,
     pageDimension: r,
-    estimatedRowHeight: b,
+    estimatedRowHeight: _,
     estimatedColumnWidth: h
   };
 };
@@ -1779,14 +1779,14 @@ function Jo(t) {
     };
     let h = !1, v = "";
     o = "animationstart";
-    const _ = "Webkit Moz O ms".split(" ");
+    const w = "Webkit Moz O ms".split(" ");
     let T = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), P = "";
     {
       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;
+        for (let u = 0; u < w.length; u++)
+          if (S.style[w[u] + "AnimationName"] !== void 0) {
+            P = w[u], v = "-" + P.toLowerCase() + "-", o = T[u], h = !0;
             break;
           }
       }
@@ -1795,8 +1795,8 @@ function Jo(t) {
   }
   const p = function(h) {
     if (!h.getElementById("detectElementResize")) {
-      const v = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', _ = 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);
+      const v = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', w = 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)), w.appendChild(T);
     }
   };
   return {
@@ -1805,11 +1805,11 @@ function Jo(t) {
         h.attachEvent("onresize", v);
       else {
         if (!h.__resizeTriggers__) {
-          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");
+          const w = h.ownerDocument, T = oe.getComputedStyle(h);
+          T && T.position === "static" && (h.style.position = "relative"), p(w), h.__resizeLast__ = {}, h.__resizeListeners__ = [], (h.__resizeTriggers__ = w.createElement("div")).className = "resize-triggers";
+          const P = w.createElement("div");
+          P.className = "expand-trigger", P.appendChild(w.createElement("div"));
+          const S = w.createElement("div");
           S.className = "contract-trigger", h.__resizeTriggers__.appendChild(P), h.__resizeTriggers__.appendChild(S), h.appendChild(h.__resizeTriggers__), l(h), h.addEventListener("scroll", c, !0), o && (h.__resizeTriggers__.__animationListener__ = function(f) {
             f.animationName === n && l(h);
           }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
@@ -1845,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(), 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({
+        const a = window.getComputedStyle(this._parentNode) || {}, l = parseFloat(a.paddingLeft || "0"), c = parseFloat(a.paddingRight || "0"), d = parseFloat(a.paddingTop || "0"), p = parseFloat(a.paddingBottom || "0"), m = this._parentNode.getBoundingClientRect(), _ = m.height - d - p, h = m.width - l - c, v = this._parentNode.offsetHeight - d - p, w = this._parentNode.offsetWidth - l - c;
+        (!n && (this.state.height !== v || this.state.scaledHeight !== _) || !o && (this.state.width !== w || this.state.scaledWidth !== h)) && (this.setState({
           height: v,
-          width: _,
-          scaledHeight: b,
+          width: w,
+          scaledHeight: _,
           scaledWidth: h
         }), typeof r == "function" && r({
           height: v,
-          scaledHeight: b,
+          scaledHeight: _,
           scaledWidth: h,
-          width: _
+          width: w
         }));
       }
     }, this._setRef = (n) => {
@@ -1889,23 +1889,23 @@ class Qo extends er {
       onResize: d,
       style: p = {},
       tagName: m = "div",
-      ...b
+      ..._
     } = this.props, {
       height: h,
       scaledHeight: v,
-      scaledWidth: _,
+      scaledWidth: w,
       width: T
     } = this.state, P = {
       overflow: "visible"
     }, S = {};
     let u = !1;
-    return r || (h === 0 && (u = !0), P.height = 0, S.height = h, S.scaledHeight = v), a || (T === 0 && (u = !0), P.width = 0, S.width = T, S.scaledWidth = _), 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 = w), l && (u = !1), Ve(m, {
       ref: this._setRef,
       style: {
         ...P,
         ...p
       },
-      ...b
+      ..._
     }, !u && e(S));
   }
 }
@@ -1918,21 +1918,21 @@ 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), b = d > m ? d : m, h = d < m ? d : m, v = b / 2 - h / 2;
+    const c = n % 2 === 1 ? n - 1 : n - 2, d = t(c), p = e(c), m = t(c + 1), _ = e(c + 1), h = p > _ ? p : _, v = p < _ ? p : _, w = h / 2 - v / 2;
     return [
       {
         position: "absolute",
         left: 0,
-        top: b === d ? 0 : v,
-        width: c,
-        height: d
+        top: h === p ? 0 : w,
+        width: d,
+        height: p
       },
       {
         position: "absolute",
-        left: c,
-        top: b === m ? 0 : v,
-        width: p,
-        height: m
+        left: d,
+        top: h === _ ? 0 : w,
+        width: m,
+        height: _
       }
     ];
   }, [t, e, r]), l = W(() => a.reduce((c, d) => c + Number(d.width || 0), 0), [a]);
@@ -1954,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(), 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 + _;
+  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = qe(), { setFocusedPage: c } = ie(), [d, p] = $([]), { targetScrollPage: m } = pn(), _ = Pt(d, 0, 500), h = W(() => a.map((w, T) => {
+    const P = l[T], S = Ur(T + 1, t), u = P * S.columnIndex, f = w * S.rowIndex, g = u + P, s = f + w;
     return {
       pageNumber: T + 1,
       ...S,
       width: P,
-      height: _,
+      height: w,
       startX: u,
       startY: f,
       endX: g,
@@ -1969,16 +1969,16 @@ const ei = ln(({ widths: t, heights: e }) => {
   }), [a, l, t, e]);
   k(() => {
     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(() => {
+    _.length > 0 && !m.current && c(_[0].pageNumber);
+    let w = (T = _[0]) == null ? void 0 : T.ratio;
+    w && _.filter((P) => Math.round(P.ratio) === Math.round(w)).some((P) => P.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
-  }, [b, c]);
+  }, [_, c]);
   const v = N(
-    (_) => {
+    (w) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const T = _.target, P = {
+        const T = w.target, P = {
           startTop: T.scrollTop,
           startLeft: T.scrollLeft,
           endTop: T.scrollTop + T.clientHeight,
@@ -1987,7 +1987,7 @@ const ei = ln(({ widths: t, heights: e }) => {
           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, 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);
+          const f = P.startLeft > u.startX ? P.startLeft : u.startX, g = P.startTop > u.startY ? P.startTop : u.startY, s = P.endLeft < u.endX ? P.endLeft : u.endX, C = P.endTop < u.endY ? P.endTop : u.endY, b = s - f, y = C - g, x = +(b * y / (u.width * u.height) * 100).toFixed(2);
           return {
             pageNumber: u.pageNumber,
             ratio: x
@@ -2014,10 +2014,10 @@ const ei = ln(({ widths: t, heights: e }) => {
     getPageScrollElementRef: d,
     getVirtualScrollableElementRef: p,
     setTotalInnerDimensions: m,
-    virtualScrollableElementRef: b,
+    virtualScrollableElementRef: _,
     totalInnerDimensions: 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(
+  } = et(), w = H(!0), { nextPage: T, prevPage: P, setFocusedPage: S, focusedPage: u } = ie(), { scrollMode: f } = Re(), { viewMode: g } = Ee(), s = H(null), { loading: C } = Q(), { passwordRequired: b } = nr(), { LoaderImageComponent: y } = hn(), E = H(
     h
   ), x = H({
     viewMode: g,
@@ -2031,7 +2031,7 @@ const ei = ln(({ widths: t, heights: e }) => {
     estimatedColumnWidth: G,
     estimatedRowHeight: Z
   } = Yo(), j = Pt(h, 100), V = H();
-  ni(O, R, b);
+  ni(O, R, _);
   const ee = H({
     scrollTop: 0,
     scrollLeft: 0
@@ -2062,15 +2062,15 @@ const ei = ln(({ widths: t, heights: e }) => {
   }, [R, O, z, l]);
   const Pe = N(
     (q, U) => {
-      if (!b)
+      if (!_)
         return { scrollTop: 0, scrollLeft: 0 };
       const Te = ee.current.scrollTop > U, Se = ee.current.scrollLeft > q;
       return Te || Se ? ee.current : {
-        scrollTop: b.scrollTop,
-        scrollLeft: b.scrollLeft
+        scrollTop: _.scrollTop,
+        scrollLeft: _.scrollLeft
       };
     },
-    [b]
+    [_]
   ), we = N(
     (q, U) => {
       if (x.current.viewMode !== g || x.current.scrollMode !== f) {
@@ -2124,7 +2124,7 @@ const ei = ln(({ widths: t, heights: e }) => {
         scrollLeft: q.scrollLeft
       };
     },
-    [b]
+    [_]
   );
   k(() => () => {
     V.current && clearTimeout(V.current);
@@ -2144,12 +2144,12 @@ const ei = ln(({ widths: t, heights: e }) => {
   return k(() => {
     C && de();
   }, [C]), k(() => {
-    if (!(j.height === 0 || !_.current)) {
+    if (!(j.height === 0 || !w.current)) {
       if (e === J.PAGE_SCROLLING) {
-        t !== u && v && S(t), _.current = !1;
+        t !== u && v && S(t), w.current = !1;
         return;
       }
-      a(t, "auto"), S(t), _.current = !1;
+      a(t, "auto"), S(t), w.current = !1;
     }
   }, [
     a,
@@ -2202,7 +2202,7 @@ const ei = ln(({ widths: t, heights: e }) => {
         children: y && /* @__PURE__ */ i(y, {})
       }
     ) }) }) }),
-    w && /* @__PURE__ */ i(qr, {})
+    b && /* @__PURE__ */ i(qr, {})
   ] });
 }, ke = {
   "rp-toolbar-content": "_rp-toolbar-content_sz31z_1",
@@ -2221,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: b } = Ee(), { scrollMode: h } = Re();
+  const { focusedPage: t, totalPages: e, setFocusedPage: n, nextPage: o, prevPage: r, goToPage: a } = ie(), [l, c] = $(t.toString()), { pageNavigationTool: d = !0 } = ve(), { isSmallScreen: p } = Ce(), { localeMessages: m } = se(), { viewMode: _ } = Ee(), { scrollMode: h } = Re();
   k(() => {
     c(t.toString());
   }, [t]);
   const v = N((u) => {
     const f = u.target.value;
     c(f);
-  }, []), _ = N(async () => {
+  }, []), w = N(async () => {
     const u = a(l);
     u.success || c(u.currentPage.toString());
   }, [a, l, e]), T = N(() => {
     c(t.toString());
   }, [t]), P = N(
     (u) => {
-      u.key === "Enter" && _();
+      u.key === "Enter" && w();
     },
-    [_]
-  ), S = W(() => b === Ie.DUAL_PAGE && h === J.PAGE_SCROLLING ? t === e - 1 : t === e, [t, e, b, h]);
+    [w]
+  ), S = W(() => _ === Ie.DUAL_PAGE && h === J.PAGE_SCROLLING && t === e - 1 || t === e, [t, e, _, h]);
   return typeof d != "boolean" ? /* @__PURE__ */ i(
     d,
     {
@@ -2308,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((b) => !b), [m]),
+      onOpenToggle: B.useCallback(() => m((_) => !_), [m]),
       modal: l,
       children: n
     }
@@ -2528,10 +2528,10 @@ const xe = {
       title: d,
       author: p,
       subject: m,
-      createdOn: b,
+      createdOn: _,
       creator: h,
       keywords: v,
-      modifiedOn: _,
+      modifiedOn: w,
       pdfProducer: T,
       pdfVersion: P,
       pageCount: S
@@ -2547,11 +2547,11 @@ const xe = {
       { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
-        value: b ? Wt(b) : ""
+        value: _ ? Wt(_) : ""
       },
       {
         label: r == null ? void 0 : r.propertiesModifiedOnLabel,
-        value: _ ? Wt(_) : ""
+        value: w ? Wt(w) : ""
       },
       { separate: !0 },
       { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: T },
@@ -2647,11 +2647,11 @@ const xe = {
     jumpNavigationTool: d,
     printTool: p,
     fullscreenTool: m
-  } = ve(), { localeMessages: b } = se();
+  } = ve(), { localeMessages: _ } = se();
   return W(() => {
     const v = d || l || c || a || r;
-    let _ = !1;
-    return e && (_ = !(!n && !o && !p && !m)), v || _;
+    let w = !1;
+    return e && (w = !(!n && !o && !p && !m)), v || w;
   }, [
     n,
     o,
@@ -2666,7 +2666,7 @@ const xe = {
       mn,
       {
         container: t,
-        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, {}) }) }) }),
+        triggerComponent: /* @__PURE__ */ i("div", { role: "button", children: /* @__PURE__ */ i(K, { content: _ == null ? void 0 : _.moreOptionTooltip, children: /* @__PURE__ */ i(re, { "aria-label": _ == null ? void 0 : _.moreOptionTooltip, children: /* @__PURE__ */ i(Kr, {}) }) }) }),
         children: /* @__PURE__ */ F("div", { className: Si["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
           e && /* @__PURE__ */ F(Ke, { children: [
             /* @__PURE__ */ i(fn, {}),
@@ -2711,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(), b = 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(), _ = N(() => {
     e((u) => {
       const f = Math.floor(u / 25) * 25;
       return Math.min(f + 25, mt);
@@ -2721,12 +2721,12 @@ const xe = {
       const f = Math.ceil(u / 25) * 25;
       return Math.min(f - 25, mt);
     });
-  }, [e]), v = W(() => t === ki, [t]), _ = W(() => t === mt, [t]), T = W(() => {
+  }, [e]), v = W(() => t === ki, [t]), w = 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 = ((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(
+      const f = ((T == null ? void 0 : T.width) || 0) + 2 * Mt, g = ((T == null ? void 0 : T.height) || 0) + 2 * Mt, s = (o == null ? void 0 : o.clientWidth) || 0, C = (o == null ? void 0 : o.clientHeight) || 0, b = bo(
         u,
         s,
         C,
@@ -2734,7 +2734,7 @@ const xe = {
         g,
         m
       );
-      e(w);
+      e(b);
     },
     [e, T]
   ), S = N(
@@ -2788,8 +2788,8 @@ const xe = {
     /* @__PURE__ */ i(K, { content: p == null ? void 0 : p.zoomInTooltip, children: /* @__PURE__ */ i(
       re,
       {
-        disabled: _,
-        onClick: b,
+        disabled: w,
+        onClick: _,
         "aria-label": p == null ? void 0 : p.zoomInTooltip,
         children: /* @__PURE__ */ i(Mi, {})
       }
@@ -2828,38 +2828,38 @@ const xe = {
     loading: d,
     setSearch: p,
     totalMatches: m,
-    currentMatchPosition: b,
+    currentMatchPosition: _,
     nextMatch: h,
     prevMatch: v,
-    search: _
-  } = xt(), { searchTool: T = !0 } = ve(), [P, S] = $(_), { localeMessages: u } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
+    search: w
+  } = xt(), { searchTool: T = !0 } = ve(), [P, S] = $(w), { localeMessages: u } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
     n(!0);
   }, []), s = N(() => {
     p(""), S(""), n(!1);
   }, [p]), C = (I) => {
     const O = I.key === "Enter", M = I.key === " ";
     (O || M) && s();
-  }, w = N(
+  }, b = N(
     (I) => {
       I.key === "Escape" && e && s();
     },
     [e]
   ), y = N(
     (I) => {
-      I.shiftKey && I.key === "Enter" ? v() : I.key === "Enter" && _ !== P ? p(P) : I.key === "Enter" && h();
+      I.shiftKey && I.key === "Enter" ? v() : I.key === "Enter" && w !== P ? p(P) : I.key === "Enter" && h();
     },
-    [P, v, h, p, _]
+    [P, v, h, p, w]
   );
-  k(() => (window.addEventListener("keydown", w), () => {
-    window.removeEventListener("keydown", w);
-  }), [w]), k(() => {
+  k(() => (window.addEventListener("keydown", b), () => {
+    window.removeEventListener("keydown", b);
+  }), [b]), k(() => {
     r && r.focus();
   }, [r]);
   const E = N((I) => {
     S(I.target.value);
   }, []), x = N(() => {
     S(""), p("");
-  }, [p]), L = W(() => `${b} / ${m}`, [b, m]), { wholeWords: D, matchCase: A } = W(() => l, [l]), z = N(
+  }, [p]), L = W(() => `${_} / ${m}`, [_, m]), { wholeWords: D, matchCase: A } = W(() => l, [l]), z = N(
     (I) => {
       c((O) => ({ ...O, matchCase: I }));
     },
@@ -3006,13 +3006,13 @@ 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 b = W(() => Object.values(a), [a]), h = N(() => {
+  const _ = 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, 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, _) => {
+  }, [o, c, d, n, _]), mr(p.current, h), /* @__PURE__ */ i("div", { ref: p, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? _.map((v, w) => {
     var T, P;
     return /* @__PURE__ */ i(
       Bi,
@@ -3023,7 +3023,7 @@ const xe = {
         loading: v.loading,
         viewport: v.viewport
       },
-      _
+      w
     );
   }) : null }) });
 }), Xi = () => {
@@ -3106,16 +3106,16 @@ const xe = {
     onLoaded: d,
     cleanupOnLoaded: p,
     onLayoutWidthChange: m
-  } = t, [b, h] = $(null), { setContainer: v, setContentRef: _ } = ge(), { loading: T } = Q(), { LoaderImageComponent: P } = hn();
+  } = t, [_, h] = $(null), { setContainer: v, setContentRef: w } = ge(), { loading: T } = Q(), { LoaderImageComponent: P } = hn();
   return k(() => (d && d(), () => {
     p && p();
-  }), [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: [
+  }), [d, p]), /* @__PURE__ */ i(Ji, { toolbarRef: _, ref: e, children: /* @__PURE__ */ i(Pr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(vr, { slots: o, children: /* @__PURE__ */ i(wr, { icons: r, children: /* @__PURE__ */ F(_r, { getContainerRef: v, style: a, className: l, children: [
     /* @__PURE__ */ F(br, { children: [
       /* @__PURE__ */ F("div", { className: _e["rp-layout"], children: [
         /* @__PURE__ */ i(Vi, { ref: h }),
         /* @__PURE__ */ F("div", { className: _e["rp-content"], children: [
           /* @__PURE__ */ i("div", { className: _e["rp-sidebar"], children: /* @__PURE__ */ i(Yi, {}) }),
-          /* @__PURE__ */ i("div", { ref: _, className: _e["rp-pages"], children: n })
+          /* @__PURE__ */ i("div", { ref: w, className: _e["rp-pages"], children: n })
         ] })
       ] }),
       /* @__PURE__ */ i(Cr, {})