@pdf-viewer/react 1.8.4-rc.1 → 1.8.4-rc.2

package/dist/{RPDefaultLayout-9f6b57bc.js → RPDefaultLayout-77e14344.js}

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as me, jsxs as M } from "react/jsx-runtime";
 import * as j from "react";
-import { useRef as $, useEffect as z, useCallback as E, useState as G, useMemo as W, createContext as $e, useContext as Ge, useImperativeHandle as cn, createElement as Ze, PureComponent as tr, Component as nr, memo as ln } from "react";
+import { useRef as H, useEffect as z, useCallback as E, useState as G, useMemo as W, createContext as $e, useContext as Ge, useImperativeHandle as cn, createElement as Ze, PureComponent as tr, Component as nr, memo as ln } from "react";
 import { ChevronUpIcon as He } from "./components/icons/ChevronUpIcon.js";
 import { UIButton as ie } from "./components/ui/Button.js";
 import { UIInput as dn } from "./components/ui/Input.js";
@@ -97,7 +97,7 @@ import { UICheckbox as $t } from "./components/ui/Checkbox.js";
 import { ClearIcon as xo } from "./components/icons/ClearIcon.js";
 import { InfoIcon as Gt } from "./components/icons/InfoIcon.js";
 import './assets/RPDefaultLayout.css';const vn = () => {
-  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: i } = oe(), s = $(), { columnCount: l } = un(), { widths: d, heights: u } = qe(), m = $(e), P = $(t), h = $(l), { targetScrollPage: _ } = pn();
+  const { viewMode: t } = Oe(), { scrollMode: e } = Ne(), { virtualScrollRef: n, virtualScrollableElementRef: o, pageScrollElementRef: r } = et(), { setFocusedPage: i } = oe(), s = H(), { columnCount: l } = un(), { widths: d, heights: u } = qe(), m = H(e), P = H(t), h = H(l), { targetScrollPage: b } = pn();
   z(() => {
     n != null && n.scrollToItem && (s.current = n);
   }, [n]), z(() => {
@@ -148,7 +148,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
       if (!s.current || !o)
         return;
       const c = o;
-      if (_.current = w, m.current === ne.HORIZONTAL_SCROLLING) {
+      if (b.current = w, m.current === ne.HORIZONTAL_SCROLLING) {
         g = f;
         const T = {
           left: Ae(d, g),
@@ -170,12 +170,12 @@ import './assets/RPDefaultLayout.css';const vn = () => {
           behavior: S
         });
       }
-      const b = {
+      const _ = {
         left: 0,
         top: Ae(u, p)
       };
       return c.scrollTo({
-        ...b,
+        ..._,
         behavior: S
       });
     },
@@ -190,7 +190,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
     ]
   ) };
 }, Io = (t = 1) => {
-  const [e, n] = G(t), [o, r] = G(0), { scrollToPage: i } = vn(), s = $(1), { viewMode: l } = Oe(), { scrollMode: d } = Ne(), { widths: u } = qe(), { pagesRef: m } = ge(), P = Tt(e, 100), h = E(
+  const [e, n] = G(t), [o, r] = G(0), { scrollToPage: i } = vn(), s = H(1), { viewMode: l } = Oe(), { scrollMode: d } = Ne(), { widths: u } = qe(), { pagesRef: m } = ge(), P = Tt(e, 100), h = E(
     (p) => {
       if (!/^[0-9]*$/g.test(p.toString()) || !p)
         return { success: !1, currentPage: s.current };
@@ -198,7 +198,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
       return c < 0 || c > o ? { success: !1, currentPage: s.current } : (n(c), s.current = c, { success: !0, currentPage: +p });
     },
     [o]
-  ), _ = E(h, [h]), C = E(
+  ), b = E(h, [h]), C = E(
     (p) => {
       const g = h(p);
       return g.success && i(g.currentPage), g;
@@ -208,8 +208,8 @@ import './assets/RPDefaultLayout.css';const vn = () => {
     const g = p % 2 === 1;
     if (!m || g)
       return !1;
-    const c = g ? u[p] : u[p - 1], b = g ? u[p + 1] : u[p];
-    return l === Le.DUAL_PAGE && c + b < m.clientWidth;
+    const c = g ? u[p] : u[p - 1], _ = g ? u[p + 1] : u[p];
+    return l === Le.DUAL_PAGE && c + _ < m.clientWidth;
   }, [l, u, m, o]), w = E(() => {
     let p = e - 1;
     y(p) && (p = e - 2), C(p);
@@ -222,7 +222,7 @@ import './assets/RPDefaultLayout.css';const vn = () => {
   return {
     focusedPage: P,
     totalPages: o,
-    setFocusedPage: _,
+    setFocusedPage: b,
     setTotalPages: r,
     nextPage: f,
     prevPage: w,
@@ -268,7 +268,7 @@ const Ro = () => {
     loadedPages: 0,
     totalPages: 0,
     percentage: 0
-  }), [r, i] = G(!1), [s, l] = G(!1), [d, u] = G(null), m = $(!1);
+  }), [r, i] = G(!1), [s, l] = G(!1), [d, u] = G(null), m = H(!1);
   z(() => {
     m.current;
   }, [m]);
@@ -282,13 +282,13 @@ const Ro = () => {
       totalPages: 0,
       percentage: 0
     });
-  }, []), _ = () => {
+  }, []), b = () => {
     m.current = !0;
   }, C = async ({
     scratchCanvas: p,
     pdfDocument: g,
     pageNumber: c,
-    viewerPdfPage: b,
+    viewerPdfPage: _,
     printResolution: v,
     optionalContentConfigPromise: T,
     printAnnotationStoragePromise: R
@@ -298,7 +298,7 @@ const Ro = () => {
       return;
     }
     const x = v / Lr.PDF;
-    p.width = Math.floor(b.width * x), p.height = Math.floor(b.height * x);
+    p.width = Math.floor(_.width * x), p.height = Math.floor(_.height * x);
     const I = p.getContext("2d");
     I.save(), I.fillStyle = "rgb(255, 255, 255)", I.fillRect(0, 0, p.width, p.height), I.restore();
     const [O, A] = await Promise.all([
@@ -312,7 +312,7 @@ const Ro = () => {
     const F = {
       canvasContext: I,
       transform: [x, 0, 0, x, 0, 0],
-      viewport: O.getViewport({ scale: 1, rotation: b.rotation }),
+      viewport: O.getViewport({ scale: 1, rotation: _.rotation }),
       intent: "print",
       annotationMode: Er.ENABLE_STORAGE,
       optionalContentConfigPromise: T,
@@ -342,10 +342,10 @@ const Ro = () => {
     });
   }, []), w = async (p) => {
     const g = document.createElement("img"), c = document.createElement("div");
-    return c.classList.add("rp-print-page"), await new Promise((b, v) => {
+    return c.classList.add("rp-print-page"), await new Promise((_, v) => {
       p.toBlob((T) => {
         T ? (g.src = URL.createObjectURL(T), g.onload = () => {
-          URL.revokeObjectURL(g.src), b();
+          URL.revokeObjectURL(g.src), _();
         }, g.onerror = v) : v(new Error("Failed to create blob"));
       });
     }).catch(() => {
@@ -353,12 +353,12 @@ const Ro = () => {
   }, S = (p, g) => {
     const c = document.createElement("div");
     c.classList.add("rp-print-zone");
-    const b = document.createElement("style"), v = g.get(1);
+    const _ = document.createElement("style"), v = g.get(1);
     if (v) {
       const { width: T, height: R } = v == null ? void 0 : v.page.getViewport({ scale: 1 });
-      b.innerHTML = `@page { size: ${T}px ${R}px }`;
+      _.innerHTML = `@page { size: ${T}px ${R}px }`;
     }
-    return c.appendChild(b), c.append(...p), c;
+    return c.appendChild(_), c.append(...p), c;
   }, f = E(async () => {
     if (!t)
       return;
@@ -366,7 +366,7 @@ const Ro = () => {
     const p = document.createElement("canvas"), g = [];
     try {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
-      const b = t.getOptionalContentConfig({ intent: "print" }), v = Promise.resolve(
+      const _ = t.getOptionalContentConfig({ intent: "print" }), v = Promise.resolve(
         t.annotationStorage.print ?? void 0
       ), T = e.size;
       for (const [x, I] of e) {
@@ -381,7 +381,7 @@ const Ro = () => {
           pageNumber: x,
           viewerPdfPage: O,
           printResolution: 150,
-          optionalContentConfigPromise: b,
+          optionalContentConfigPromise: _,
           printAnnotationStoragePromise: v
         }), m.current) {
           h();
@@ -417,7 +417,7 @@ const Ro = () => {
     };
   }, [P, h]), {
     print: f,
-    cancel: _,
+    cancel: b,
     progress: n,
     isComplete: r,
     isError: s,
@@ -445,7 +445,7 @@ const Ro = () => {
     w && typeof w == "function" && r(() => w);
   }, []), h = (w) => {
     m && w(m);
-  }, _ = E(
+  }, b = E(
     (w) => {
       n(() => w);
     },
@@ -465,7 +465,7 @@ const Ro = () => {
   }, y = {
     print: i,
     cancel: s,
-    setOnProgress: _,
+    setOnProgress: b,
     setOnComplete: P,
     setOnError: h,
     progress: l
@@ -540,12 +540,12 @@ const Ro = () => {
     }
   );
 }, Eo = (t = {}, e = "") => {
-  const [n, o] = G(e), [r, i] = G(!1), { pdf: s, pages: l } = J(), { widths: d, heights: u } = qe(), m = $(!n), { currentZoom: P } = Je(), [h, _] = G([]), { setFocusedPage: C } = oe(), { columnCount: y } = Oe(), { pageRotate: w } = Ue(), [S, f] = G(0), { pageScrollElementRef: p, virtualScrollableElementRef: g } = et(), { scrollMode: c } = Ne(), { pagesRef: b } = ge(), [v, T] = G(null), R = $({}), x = W(() => S === 0 ? null : h[S - 1], [S, h]), I = W(() => h.length, [h]);
+  const [n, o] = G(e), [r, i] = G(!1), { pdf: s, pages: l } = J(), { widths: d, heights: u } = qe(), m = H(!n), { currentZoom: P } = Je(), [h, b] = G([]), { setFocusedPage: C } = oe(), { columnCount: y } = Oe(), { pageRotate: w } = Ue(), [S, f] = G(0), { pageScrollElementRef: p, virtualScrollableElementRef: g } = et(), { scrollMode: c } = Ne(), { pagesRef: _ } = ge(), [v, T] = G(null), R = H({}), x = W(() => S === 0 ? null : h[S - 1], [S, h]), I = W(() => h.length, [h]);
   z(() => {
     if (!x || !l)
       return;
     const L = g || p;
-    if (!L || !b)
+    if (!L || !_)
       return;
     const N = l.get(x.page);
     if (c === ne.PAGE_SCROLLING && C(x.page), !N)
@@ -559,12 +559,12 @@ const Ro = () => {
     const q = {
       height: u[x.page - 1],
       width: d[x.page - 1]
-    }, H = {
+    }, $ = {
       top: q.height / 2,
       left: q.width / 2
     }, U = w[x.page], { leftInPage: V, topInPage: K } = Kr(
       q,
-      H,
+      $,
       x.rect,
       P,
       U
@@ -585,7 +585,7 @@ const Ro = () => {
     c,
     g,
     p,
-    b
+    _
   ]);
   const O = E(() => {
     f((L) => I ? L + 1 > I ? 1 : L + 1 : 0);
@@ -605,23 +605,23 @@ const Ro = () => {
   }, []);
   return z(() => {
     if (!n) {
-      m.current = !0, _([]), f(0);
+      m.current = !0, b([]), f(0);
       return;
     }
-    m.current = !1, i(!0), _([]), f(0), F(s).then((L) => {
+    m.current = !1, i(!0), b([]), f(0), F(s).then((L) => {
       R.current = L;
       const D = Object.keys(L).reduce((k, q) => {
-        const H = dr(
+        const $ = dr(
           [n],
           L[q],
           Number(q) - 1,
           t
         ).map((U, V) => ({ ...U, page: Number(q), pageMatchIdx: V }));
-        return [...k, ...H];
+        return [...k, ...$];
       }, []);
-      _(D), f(D.length ? 1 : 0);
+      b(D), f(D.length ? 1 : 0);
     }).catch(() => {
-      _([]), f(0);
+      b([]), f(0);
     }).finally(() => i(!1));
   }, [n, F, s, t]), {
     search: n,
@@ -668,7 +668,7 @@ const Ro = () => {
     matches: m,
     nextMatch: P,
     prevMatch: h,
-    currentMatchElement: _,
+    currentMatchElement: b,
     setCurrentMatchElement: C
   } = Eo(n, e);
   return /* @__PURE__ */ a(
@@ -686,14 +686,14 @@ const Ro = () => {
         prevMatch: h,
         search: u,
         matches: m,
-        currentMatchElement: _,
+        currentMatchElement: b,
         setCurrentMatchElement: C
       },
       children: t
     }
   );
 }, Rt = () => Ge(Pn), Tn = $e(null), Xs = ({ children: t }) => {
-  const e = $(!1), [n, o] = G([]), r = E((d) => {
+  const e = H(!1), [n, o] = G([]), r = E((d) => {
     o((u) => [...u, { id: d.page.pageNumber.toString(), data: d, priority: 0 }]);
   }, []), i = W(() => new gr(r), [r]), { focusedPage: s } = oe(), l = E((d) => (e.current = !0, vr(
     d.data.page,
@@ -736,7 +736,7 @@ const Ro = () => {
   "rp-page": "_rp-page_14ohm_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_14ohm_15"
 }, No = (t) => {
-  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = $(null), { pages: i } = J(), { pageRotate: s } = Ue(), l = $(), { currentZoom: d } = Je(), u = yn(), m = $(`page-${e}`);
+  const { pageNumber: e, onLoaded: n, onLoading: o } = t, r = H(null), { pages: i } = J(), { pageRotate: s } = Ue(), l = H(), { currentZoom: d } = Je(), u = yn(), m = H(`page-${e}`);
   return z(() => {
     if (!i || d === 0)
       return;
@@ -744,8 +744,8 @@ const Ro = () => {
     if (r.current && P) {
       const h = r.current;
       h.hidden = !0;
-      const _ = l.current;
-      _ && _.cancel(), o && o(), u.enqueue(
+      const b = l.current;
+      b && b.cancel(), o && o(), u.enqueue(
         m.current,
         {
           page: P.page,
@@ -769,19 +769,19 @@ const Ro = () => {
   selecting: Oo,
   "rp-text-layer-text": "_rp-text-layer-text_usdup_39"
 }, Do = (t) => {
-  const { pageNumber: e } = t, { pages: n } = J(), o = $(null), { matches: r, currentMatch: i, setCurrentMatchElement: s } = Rt(), [l, d] = G(
+  const { pageNumber: e } = t, { pages: n } = J(), o = H(null), { matches: r, currentMatch: i, setCurrentMatchElement: s } = Rt(), [l, d] = G(
     []
-  ), u = $(), m = $(), P = $([]), h = W(() => r.filter((p) => p.pageIndex === e - 1), [r, e]), _ = E(
+  ), u = H(), m = H(), P = H([]), h = W(() => r.filter((p) => p.pageIndex === e - 1), [r, e]), b = E(
     (p, g, c = !1) => {
       if (c && ur(p, g), !h.length) {
         P.current = [], d([]);
         return;
       }
-      const b = pr(h, p, g);
-      d(b);
+      const _ = pr(h, p, g);
+      d(_);
     },
     [h]
-  ), C = $(), y = $(!1), w = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), C = H(), y = H(!1), w = E(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   z(() => ((() => {
     if (C.current)
       return;
@@ -817,7 +817,7 @@ const Ro = () => {
       },
       { signal: g }
     );
-    let b = null;
+    let _ = null;
     document.addEventListener(
       "selectionchange",
       () => {
@@ -845,12 +845,12 @@ const Ro = () => {
           }
         });
         const R = v.getRangeAt(0);
-        let I = b && (R.compareBoundaryPoints(Range.END_TO_END, b) === 0 || R.compareBoundaryPoints(Range.START_TO_END, b) === 0) ? R.startContainer : R.endContainer;
+        let I = _ && (R.compareBoundaryPoints(Range.END_TO_END, _) === 0 || R.compareBoundaryPoints(Range.START_TO_END, _) === 0) ? R.startContainer : R.endContainer;
         I.nodeType === Node.TEXT_NODE && (I = I.parentNode);
         const O = (F = I.parentElement) == null ? void 0 : F.closest(
           he["rp-text-layer"]
         ), A = O == null ? void 0 : O.querySelector(".endOfContent");
-        A && O && (A.style.width = O.style.width, A.style.height = O.style.height, (L = I.parentElement) == null || L.insertBefore(A, I.nextSibling)), b = R.cloneRange();
+        A && O && (A.style.width = O.style.width, A.style.height = O.style.height, (L = I.parentElement) == null || L.insertBefore(A, I.nextSibling)), _ = R.cloneRange();
       },
       { signal: g }
     );
@@ -883,9 +883,9 @@ const Ro = () => {
       return;
     const g = o.current;
     return u.current && u.current.cancel(), p.page.getTextContent().then((c) => {
-      const b = p.page.getViewport({ scale: 1 });
+      const _ = p.page.getViewport({ scale: 1 });
       return u.current = new Rr.TextLayer({
-        viewport: b,
+        viewport: _,
         textContentSource: c,
         container: g
       }), m.current = c, g && (g.innerText = ""), u.current.render();
@@ -894,8 +894,8 @@ const Ro = () => {
       [].slice.call(g.children).forEach((x) => {
         x.classList.add(he["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const b = (T = u.current) == null ? void 0 : T.textDivs;
-      b && m.current && _(m.current, b);
+      const _ = (T = u.current) == null ? void 0 : T.textDivs;
+      _ && m.current && b(m.current, _);
       const v = document.createElement("div");
       v.className = "endOfContent", (R = o.current) == null || R.appendChild(v);
     }).catch(() => {
@@ -905,12 +905,12 @@ const Ro = () => {
     };
   }, [n, e]), z(() => {
     var c;
-    [].slice.call(o.current.children).forEach((b) => {
-      b.classList.add(he["rp-text-layer-text"]);
+    [].slice.call(o.current.children).forEach((_) => {
+      _.classList.add(he["rp-text-layer-text"]);
     });
     const g = (c = u.current) == null ? void 0 : c.textDivs;
-    g && m.current && _(m.current, g, !0);
-  }, [_]), /* @__PURE__ */ a(
+    g && m.current && b(m.current, g, !0);
+  }, [b]), /* @__PURE__ */ a(
     "div",
     {
       "data-rp": `page-${e}-textLayer`,
@@ -925,14 +925,14 @@ const Ro = () => {
 };
 let Ao = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const Fo = (t) => {
-  const { pageNumber: e } = t, n = $(null), { pages: o, pdf: r } = J(), i = $(), [s, l] = G(), { setFocusedPage: d, goToPage: u } = oe(), { scrollMode: m } = Ne(), { print: P } = tt(), { download: h } = qn(), _ = W(() => o.get(e), [o, e]), C = W(() => _ == null ? void 0 : _.page.getViewport(), [_]);
+  const { pageNumber: e } = t, n = H(null), { pages: o, pdf: r } = J(), i = H(), [s, l] = G(), { setFocusedPage: d, goToPage: u } = oe(), { scrollMode: m } = Ne(), { print: P } = tt(), { download: h } = qn(), b = W(() => o.get(e), [o, e]), C = W(() => b == null ? void 0 : b.page.getViewport(), [b]);
   z(() => {
     i.current && (i.current.div.replaceChildren(), i.current = void 0);
   }, [r]), z(() => {
-    _ && _.page.getAnnotations().then((w) => {
+    b && b.page.getAnnotations().then((w) => {
       i.current = void 0, l(w), n.current && (n.current.innerText = "");
     });
-  }, [_]);
+  }, [b]);
   const y = E(
     (w) => {
       !s || !r || (zr(w), Ar(w, r, s).then((S) => {
@@ -943,9 +943,9 @@ const Fo = (t) => {
     [r, s, u, d, m, P, h]
   );
   return z(() => {
-    if (!_ || !s)
+    if (!b || !s)
       return;
-    const w = _.page.getViewport();
+    const w = b.page.getViewport();
     if (i.current) {
       i.current.update({
         viewport: w.clone({ dontFlip: !0 })
@@ -966,27 +966,27 @@ const Fo = (t) => {
     }
     const f = new AbortController();
     return (async () => {
-      var b;
+      var _;
       i.current && (i.current.div.replaceChildren(), i.current = void 0), n.current && (n.current.innerText = ""), i.current = new Or({
         div: n.current,
         accessibilityManager: void 0,
         annotationCanvasMap: void 0,
         annotationEditorUIManager: void 0,
         structTreeLayer: null,
-        page: _.page,
+        page: b.page,
         viewport: w.clone({ dontFlip: !0 })
       }), n.current && kt(n.current, y);
       const g = await (r == null ? void 0 : r.hasJSActions()), c = await (r == null ? void 0 : r.getFieldObjects());
       if (f.signal.aborted)
         throw "abort";
-      return (b = i.current) == null ? void 0 : b.render({
+      return (_ = i.current) == null ? void 0 : _.render({
         annotations: s,
         annotationStorage: r == null ? void 0 : r.annotationStorage,
         hasJSActions: g,
         fieldObjects: c,
         div: n.current,
         viewport: w.clone({ dontFlip: !0 }),
-        page: _.page,
+        page: b.page,
         imageResourcesPath: Ao,
         renderForms: !0,
         linkService: new Dr(),
@@ -1013,7 +1013,7 @@ const Fo = (t) => {
 }, ko = {
   "rp-text-highlight": "_rp-text-highlight_jdkf8_1"
 }, Wo = ({ pageNumber: t, viewport: e }) => {
-  const [n, o] = G(), { pages: r } = J(), { highlightKeywords: i } = fr(), s = !0, l = $(null), [d, u] = G(null), [m, P] = G([]);
+  const [n, o] = G(), { pages: r } = J(), { highlightKeywords: i } = fr(), s = !0, l = H(null), [d, u] = G(null), [m, P] = G([]);
   z(() => {
     l.current && u(l.current.parentElement);
   }, [l]), z(() => {
@@ -1032,14 +1032,14 @@ const Fo = (t) => {
       color: f.highlightColor
     };
   }) : [], [i]);
-  function _(f, p) {
+  function b(f, p) {
     if (!f)
       return;
     const g = `[data-rp="page-${p}-textLayer"]`;
     return new Promise((c) => {
-      const b = f.querySelector(g);
-      if (b) {
-        c(b);
+      const _ = f.querySelector(g);
+      if (_) {
+        c(_);
         return;
       }
       new MutationObserver((T, R) => {
@@ -1057,7 +1057,7 @@ const Fo = (t) => {
         p(Array.from(g));
         return;
       }
-      new MutationObserver((b, v) => {
+      new MutationObserver((_, v) => {
         const T = f.querySelectorAll(
           ".rp-text-layer-text"
         );
@@ -1066,16 +1066,16 @@ const Fo = (t) => {
     });
   }
   const y = (f, p, g, c) => {
-    var H;
-    const b = document.createRange(), v = g.firstChild;
+    var $;
+    const _ = document.createRange(), v = g.firstChild;
     if (!v || v.nodeType !== Node.TEXT_NODE)
       return null;
-    const T = ((H = v.textContent) == null ? void 0 : H.length) ?? 0, R = c[0].charIdxInSpan, x = c.length === 1 ? R : c[c.length - 1].charIdxInSpan;
+    const T = (($ = v.textContent) == null ? void 0 : $.length) ?? 0, R = c[0].charIdxInSpan, x = c.length === 1 ? R : c[c.length - 1].charIdxInSpan;
     if (R > T || x + 1 > T)
       return null;
-    b.setStart(v, R), b.setEnd(v, x + 1);
+    _.setStart(v, R), _.setEnd(v, x + 1);
     const I = document.createElement("span");
-    I.style.width = "auto", b.surroundContents(I);
+    I.style.width = "auto", _.surroundContents(I);
     const O = I.getBoundingClientRect(), A = f.getBoundingClientRect(), F = A.height, L = A.width, N = 100 * (O.left - A.left) / L, D = 100 * (O.top - A.top) / F, k = 100 * O.height / F, q = 100 * O.width / L;
     return $r(I), {
       keywordStr: p,
@@ -1088,12 +1088,12 @@ const Fo = (t) => {
     };
   };
   async function w(f, p) {
-    const g = await _(d, f);
+    const g = await b(d, f);
     if (!g)
       return;
     const c = await C(g);
     if (c.length) {
-      const b = c.map((T) => T.tagName === "BR" ? " " : T.textContent).reduce(
+      const _ = c.map((T) => T.tagName === "BR" ? " " : T.textContent).reduce(
         (T, R, x) => T.concat(
           R.split("").map((I, O) => ({
             char: I,
@@ -1108,13 +1108,13 @@ const Fo = (t) => {
             spanIdx: 0
           }
         ]
-      ).slice(1), v = S(g, p, c, b);
+      ).slice(1), v = S(g, p, c, _);
       P(v);
     }
   }
   const S = (f, p, g, c) => {
-    const b = p.length;
-    if (!c.length || !b)
+    const _ = p.length;
+    if (!c.length || !_)
       return [];
     const v = [], T = c.map((R) => R.char).join("");
     return h.forEach((R) => {
@@ -1136,11 +1136,11 @@ const Fo = (t) => {
         color: A
       }));
       for (const q of k) {
-        const H = q.indexes.reduce(
+        const $ = q.indexes.reduce(
           (U, V) => (U[V.spanIdx] = (U[V.spanIdx] || []).concat([V]), U),
           {}
         );
-        for (const U of Object.values(H))
+        for (const U of Object.values($))
           if (U.length !== 1 || U[0].char.trim() !== "") {
             const V = U, K = g[V[0].spanIdx], X = y(
               f,
@@ -1182,7 +1182,7 @@ const Fo = (t) => {
     p
   )) }) });
 }, Lt = Ve((t, e) => {
-  const { pageNumber: n, style: o, ...r } = t, { pages: i } = J(), { pageRotate: s } = Ue(), { textLayer: l } = ar(), { currentZoom: d } = Je(), u = $(i.get(n)), [m, P] = G(!1), h = $(null), [_, C] = G({
+  const { pageNumber: n, style: o, ...r } = t, { pages: i } = J(), { pageRotate: s } = Ue(), { textLayer: l } = ar(), { currentZoom: d } = Je(), u = H(i.get(n)), [m, P] = G(!1), h = H(null), [b, C] = G({
     width: 0,
     height: 0
   });
@@ -1200,14 +1200,14 @@ const Fo = (t) => {
   const w = W(() => {
     switch (y) {
       case 90:
-        return `${_.width / 2}px ${_.width / 2}px`;
+        return `${b.width / 2}px ${b.width / 2}px`;
       case -90:
       case 270:
-        return `${_.height / 2}px ${_.height / 2}px`;
+        return `${b.height / 2}px ${b.height / 2}px`;
       default:
         return "center";
     }
-  }, [y, _]), S = E(() => {
+  }, [y, b]), S = E(() => {
     P(!0);
   }, []), f = E(() => {
     P(!1);
@@ -1230,8 +1230,8 @@ const Fo = (t) => {
         "div",
         {
           style: {
-            width: `${_.width}px`,
-            height: `${_.height}px`
+            width: `${b.width}px`,
+            height: `${b.height}px`
           },
           className: dt["rp-page"],
           children: [
@@ -1239,7 +1239,7 @@ const Fo = (t) => {
             m && /* @__PURE__ */ a("div", { className: dt["rp-loader-wrapper"], children: /* @__PURE__ */ a(Pt, {}) }),
             /* @__PURE__ */ a(Gr, { pageNumber: n }),
             l && /* @__PURE__ */ a(Do, { pageNumber: n }),
-            /* @__PURE__ */ a(Wo, { pageNumber: n, viewport: _ }),
+            /* @__PURE__ */ a(Wo, { pageNumber: n, viewport: b }),
             /* @__PURE__ */ a(Fo, { pageNumber: n })
           ]
         }
@@ -1350,7 +1350,7 @@ var Vo = 150, Bo = function(e) {
 }, je = null, Ke = null, Xe = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (je = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet(), Xe = /* @__PURE__ */ new WeakSet());
 function Zo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, s = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, u = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, h = t.getRowStartIndexForOffset, _ = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, w = t.validateProps;
+  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, s = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, u = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, h = t.getRowStartIndexForOffset, b = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, w = t.validateProps;
   return e = /* @__PURE__ */ function(S) {
     Mo(f, S);
     function f(g) {
@@ -1363,9 +1363,9 @@ function Zo(t) {
         scrollTop: typeof c.props.initialScrollTop == "number" ? c.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = ut(function(b, v, T, R, x, I, O, A) {
+      }, c._callOnItemsRendered = void 0, c._callOnItemsRendered = ut(function(_, v, T, R, x, I, O, A) {
         return c.props.onItemsRendered({
-          overscanColumnStartIndex: b,
+          overscanColumnStartIndex: _,
           overscanColumnStopIndex: v,
           overscanRowStartIndex: T,
           overscanRowStopIndex: R,
@@ -1374,16 +1374,16 @@ function Zo(t) {
           visibleRowStartIndex: O,
           visibleRowStopIndex: A
         });
-      }), c._callOnScroll = void 0, c._callOnScroll = ut(function(b, v, T, R, x) {
+      }), c._callOnScroll = void 0, c._callOnScroll = ut(function(_, v, T, R, x) {
         return c.props.onScroll({
           horizontalScrollDirection: T,
-          scrollLeft: b,
+          scrollLeft: _,
           scrollTop: v,
           verticalScrollDirection: R,
           scrollUpdateWasRequested: x
         });
-      }), c._getItemStyle = void 0, c._getItemStyle = function(b, v) {
-        var T = c.props, R = T.columnWidth, x = T.direction, I = T.rowHeight, O = c._getItemStyleCache(y && R, y && x, y && I), A = b + ":" + v, F;
+      }), c._getItemStyle = void 0, c._getItemStyle = function(_, v) {
+        var T = c.props, R = T.columnWidth, x = T.direction, I = T.rowHeight, O = c._getItemStyleCache(y && R, y && x, y && I), A = _ + ":" + v, F;
         if (O.hasOwnProperty(A))
           F = O[A];
         else {
@@ -1392,16 +1392,16 @@ function Zo(t) {
             position: "absolute",
             left: N ? void 0 : L,
             right: N ? L : void 0,
-            top: P(c.props, b, c._instanceProps),
-            height: m(c.props, b, c._instanceProps),
+            top: P(c.props, _, c._instanceProps),
+            height: m(c.props, _, c._instanceProps),
             width: i(c.props, v, c._instanceProps)
           };
         }
         return F;
-      }, c._getItemStyleCache = void 0, c._getItemStyleCache = ut(function(b, v, T) {
+      }, c._getItemStyleCache = void 0, c._getItemStyleCache = ut(function(_, v, T) {
         return {};
-      }), c._onScroll = function(b) {
-        var v = b.currentTarget, T = v.clientHeight, R = v.clientWidth, x = v.scrollLeft, I = v.scrollTop, O = v.scrollHeight, A = v.scrollWidth;
+      }), c._onScroll = function(_) {
+        var v = _.currentTarget, T = v.clientHeight, R = v.clientWidth, x = v.scrollLeft, I = v.scrollTop, O = v.scrollHeight, A = v.scrollWidth;
         c.setState(function(F) {
           if (F.scrollLeft === x && F.scrollTop === I)
             return null;
@@ -1426,9 +1426,9 @@ function Zo(t) {
             scrollUpdateWasRequested: !1
           };
         }, c._resetIsScrollingDebounced);
-      }, c._outerRefSetter = function(b) {
+      }, c._outerRefSetter = function(_) {
         var v = c.props.outerRef;
-        c._outerRef = b, typeof v == "function" ? v(b) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = b);
+        c._outerRef = _, typeof v == "function" ? v(_) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = _);
       }, c._resetIsScrollingDebounced = function() {
         c._resetIsScrollingTimeoutId !== null && Zt(c._resetIsScrollingTimeoutId), c._resetIsScrollingTimeoutId = qo(c._resetIsScrolling, Vo);
       }, c._resetIsScrolling = function() {
@@ -1439,38 +1439,38 @@ function Zo(t) {
         });
       }, c;
     }
-    f.getDerivedStateFromProps = function(c, b) {
-      return jo(c, b), w(c), null;
+    f.getDerivedStateFromProps = function(c, _) {
+      return jo(c, _), w(c), null;
     };
     var p = f.prototype;
     return p.scrollTo = function(c) {
-      var b = c.scrollLeft, v = c.scrollTop;
-      b !== void 0 && (b = Math.max(0, b)), v !== void 0 && (v = Math.max(0, v)), this.setState(function(T) {
-        return b === void 0 && (b = T.scrollLeft), v === void 0 && (v = T.scrollTop), T.scrollLeft === b && T.scrollTop === v ? null : {
-          horizontalScrollDirection: T.scrollLeft < b ? "forward" : "backward",
-          scrollLeft: b,
+      var _ = c.scrollLeft, v = c.scrollTop;
+      _ !== void 0 && (_ = Math.max(0, _)), v !== void 0 && (v = Math.max(0, v)), this.setState(function(T) {
+        return _ === void 0 && (_ = T.scrollLeft), v === void 0 && (v = T.scrollTop), T.scrollLeft === _ && T.scrollTop === v ? null : {
+          horizontalScrollDirection: T.scrollLeft < _ ? "forward" : "backward",
+          scrollLeft: _,
           scrollTop: v,
           scrollUpdateWasRequested: !0,
           verticalScrollDirection: T.scrollTop < v ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, p.scrollToItem = function(c) {
-      var b = c.align, v = b === void 0 ? "auto" : b, T = c.columnIndex, R = c.rowIndex, x = this.props, I = x.columnCount, O = x.height, A = x.rowCount, F = x.width, L = this.state, N = L.scrollLeft, D = L.scrollTop, k = Uo();
+      var _ = c.align, v = _ === void 0 ? "auto" : _, T = c.columnIndex, R = c.rowIndex, x = this.props, I = x.columnCount, O = x.height, A = x.rowCount, F = x.width, L = this.state, N = L.scrollLeft, D = L.scrollTop, k = Uo();
       T !== void 0 && (T = Math.max(0, Math.min(T, I - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, A - 1)));
-      var q = s(this.props, this._instanceProps), H = l(this.props, this._instanceProps), U = H > F ? k : 0, V = q > O ? k : 0;
+      var q = s(this.props, this._instanceProps), $ = l(this.props, this._instanceProps), U = $ > F ? k : 0, V = q > O ? k : 0;
       this.scrollTo({
         scrollLeft: T !== void 0 ? d(this.props, T, v, N, this._instanceProps, V) : N,
         scrollTop: R !== void 0 ? u(this.props, R, v, D, this._instanceProps, U) : D
       });
     }, p.componentDidMount = function() {
-      var c = this.props, b = c.initialScrollLeft, v = c.initialScrollTop;
+      var c = this.props, _ = c.initialScrollLeft, v = c.initialScrollTop;
       if (this._outerRef != null) {
         var T = this._outerRef;
-        typeof b == "number" && (T.scrollLeft = b), typeof v == "number" && (T.scrollTop = v);
+        typeof _ == "number" && (T.scrollLeft = _), typeof v == "number" && (T.scrollTop = v);
       }
       this._callPropsCallbacks();
     }, p.componentDidUpdate = function() {
-      var c = this.props.direction, b = this.state, v = b.scrollLeft, T = b.scrollTop, R = b.scrollUpdateWasRequested;
+      var c = this.props.direction, _ = this.state, v = _.scrollLeft, T = _.scrollTop, R = _.scrollUpdateWasRequested;
       if (R && this._outerRef != null) {
         var x = this._outerRef;
         if (c === "rtl")
@@ -1494,11 +1494,11 @@ function Zo(t) {
     }, p.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, p.render = function() {
-      var c = this.props, b = c.children, v = c.className, T = c.columnCount, R = c.direction, x = c.height, I = c.innerRef, O = c.innerElementType, A = c.innerTagName, F = c.itemData, L = c.itemKey, N = L === void 0 ? Bo : L, D = c.outerElementType, k = c.outerTagName, q = c.rowCount, H = c.style, U = c.useIsScrolling, V = c.width, K = this.state.isScrolling, X = this._getHorizontalRangeToRender(), Q = X[0], le = X[1], de = this._getVerticalRangeToRender(), ee = de[0], Fe = de[1], we = [];
+      var c = this.props, _ = c.children, v = c.className, T = c.columnCount, R = c.direction, x = c.height, I = c.innerRef, O = c.innerElementType, A = c.innerTagName, F = c.itemData, L = c.itemKey, N = L === void 0 ? Bo : L, D = c.outerElementType, k = c.outerTagName, q = c.rowCount, $ = c.style, U = c.useIsScrolling, V = c.width, K = this.state.isScrolling, X = this._getHorizontalRangeToRender(), Q = X[0], le = X[1], de = this._getVerticalRangeToRender(), ee = de[0], Fe = de[1], we = [];
       if (T > 0 && q)
         for (var Te = ee; Te <= Fe; Te++)
           for (var _e = Q; _e <= le; _e++)
-            we.push(Ze(b, {
+            we.push(Ze(_, {
               columnIndex: _e,
               data: F,
               isScrolling: U ? K : void 0,
@@ -1523,7 +1523,7 @@ function Zo(t) {
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: R
-        }, H)
+        }, $)
       }, Ze(O || A || "div", {
         children: we,
         ref: I,
@@ -1534,26 +1534,26 @@ function Zo(t) {
         }
       }));
     }, p._callPropsCallbacks = function() {
-      var c = this.props, b = c.columnCount, v = c.onItemsRendered, T = c.onScroll, R = c.rowCount;
-      if (typeof v == "function" && b > 0 && R > 0) {
+      var c = this.props, _ = c.columnCount, v = c.onItemsRendered, T = c.onScroll, R = c.rowCount;
+      if (typeof v == "function" && _ > 0 && R > 0) {
         var x = this._getHorizontalRangeToRender(), I = x[0], O = x[1], A = x[2], F = x[3], L = this._getVerticalRangeToRender(), N = L[0], D = L[1], k = L[2], q = L[3];
         this._callOnItemsRendered(I, O, N, D, A, F, k, q);
       }
       if (typeof T == "function") {
-        var H = this.state, U = H.horizontalScrollDirection, V = H.scrollLeft, K = H.scrollTop, X = H.scrollUpdateWasRequested, Q = H.verticalScrollDirection;
+        var $ = this.state, U = $.horizontalScrollDirection, V = $.scrollLeft, K = $.scrollTop, X = $.scrollUpdateWasRequested, Q = $.verticalScrollDirection;
         this._callOnScroll(V, K, U, Q, X);
       }
     }, p._getHorizontalRangeToRender = function() {
-      var c = this.props, b = c.columnCount, v = c.overscanColumnCount, T = c.overscanColumnsCount, R = c.overscanCount, x = c.rowCount, I = this.state, O = I.horizontalScrollDirection, A = I.isScrolling, F = I.scrollLeft, L = v || T || R || 1;
-      if (b === 0 || x === 0)
+      var c = this.props, _ = c.columnCount, v = c.overscanColumnCount, T = c.overscanColumnsCount, R = c.overscanCount, x = c.rowCount, I = this.state, O = I.horizontalScrollDirection, A = I.isScrolling, F = I.scrollLeft, L = v || T || R || 1;
+      if (_ === 0 || x === 0)
         return [0, 0, 0, 0];
       var N = o(this.props, F, this._instanceProps), D = r(this.props, N, F, this._instanceProps), k = !A || O === "backward" ? Math.max(1, L) : 1, q = !A || O === "forward" ? Math.max(1, L) : 1;
-      return [Math.max(0, N - k), Math.max(0, Math.min(b - 1, D + q)), N, D];
+      return [Math.max(0, N - k), Math.max(0, Math.min(_ - 1, D + q)), N, D];
     }, p._getVerticalRangeToRender = function() {
-      var c = this.props, b = c.columnCount, v = c.overscanCount, T = c.overscanRowCount, R = c.overscanRowsCount, x = c.rowCount, I = this.state, O = I.isScrolling, A = I.verticalScrollDirection, F = I.scrollTop, L = T || R || v || 1;
-      if (b === 0 || x === 0)
+      var c = this.props, _ = c.columnCount, v = c.overscanCount, T = c.overscanRowCount, R = c.overscanRowsCount, x = c.rowCount, I = this.state, O = I.isScrolling, A = I.verticalScrollDirection, F = I.scrollTop, L = T || R || v || 1;
+      if (_ === 0 || x === 0)
         return [0, 0, 0, 0];
-      var N = h(this.props, F, this._instanceProps), D = _(this.props, N, F, this._instanceProps), k = !O || A === "backward" ? Math.max(1, L) : 1, q = !O || A === "forward" ? Math.max(1, L) : 1;
+      var N = h(this.props, F, this._instanceProps), D = b(this.props, N, F, this._instanceProps), k = !O || A === "backward" ? Math.max(1, L) : 1, q = !O || A === "forward" ? Math.max(1, L) : 1;
       return [Math.max(0, N - k), Math.max(0, Math.min(x - 1, D + q)), N, D];
     }, f;
   }(tr), e.defaultProps = {
@@ -1735,15 +1735,15 @@ const ei = () => {
     const S = w % s;
     return (!C[S] || y > C[S]) && (C[S] = y), C;
   }, []), [r.widths, s]), d = E(
-    (_) => {
-      const C = _ % l.length;
+    (b) => {
+      const C = b % l.length;
       return l[C] || 0;
     },
     [l]
   ), u = E(
-    (_) => {
+    (b) => {
       const C = Array.from({ length: s }, (y, w) => {
-        const S = _ * s + w;
+        const S = b * s + w;
         return r.heights[S] || 0;
       });
       return Math.max(...C);
@@ -1753,7 +1753,7 @@ const ei = () => {
   z(() => {
     n(s);
   }, [s, n]);
-  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / s), [s, i, e]), P = W(() => r.heights.reduce((_, C) => _ + C, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((_, C) => _ + C, 0) / r.heights.length || 0, [r]);
+  const m = W(() => e === ne.HORIZONTAL_SCROLLING || e === ne.PAGE_SCROLLING ? 1 : Math.round(i / s), [s, i, e]), P = W(() => r.heights.reduce((b, C) => b + C, 0) / r.heights.length || 0, [r]), h = W(() => r.widths.reduce((b, C) => b + C, 0) / r.heights.length || 0, [r]);
   return {
     rowCount: m,
     rowHeight: u,
@@ -1799,7 +1799,7 @@ function ti(t) {
         }));
       });
     };
-    let h = !1, _ = "";
+    let h = !1, b = "";
     o = "animationstart";
     const C = "Webkit Moz O ms".split(" ");
     let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), w = "";
@@ -1808,23 +1808,23 @@ function ti(t) {
       if (S.style.animationName !== void 0 && (h = !0), h === !1) {
         for (let f = 0; f < C.length; f++)
           if (S.style[C[f] + "AnimationName"] !== void 0) {
-            w = C[f], _ = "-" + w.toLowerCase() + "-", o = y[f], h = !0;
+            w = C[f], b = "-" + w.toLowerCase() + "-", o = y[f], h = !0;
             break;
           }
       }
     }
-    n = "resizeanim", e = "@" + _ + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = _ + "animation: 1ms " + n + "; ";
+    n = "resizeanim", e = "@" + b + "keyframes " + n + " { from { opacity: 0; } to { opacity: 0; } } ", r = b + "animation: 1ms " + n + "; ";
   }
   const u = function(h) {
     if (!h.getElementById("detectElementResize")) {
-      const _ = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', 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 = _ : y.appendChild(h.createTextNode(_)), C.appendChild(y);
+      const b = (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 = b : y.appendChild(h.createTextNode(b)), C.appendChild(y);
     }
   };
   return {
-    addResizeListener: function(h, _) {
+    addResizeListener: function(h, b) {
       if (d)
-        h.attachEvent("onresize", _);
+        h.attachEvent("onresize", b);
       else {
         if (!h.__resizeTriggers__) {
           const C = h.ownerDocument, y = ae.getComputedStyle(h);
@@ -1836,13 +1836,13 @@ function ti(t) {
             p.animationName === n && s(h);
           }, h.__resizeTriggers__.addEventListener(o, h.__resizeTriggers__.__animationListener__));
         }
-        h.__resizeListeners__.push(_);
+        h.__resizeListeners__.push(b);
       }
     },
-    removeResizeListener: function(h, _) {
+    removeResizeListener: function(h, b) {
       if (d)
-        h.detachEvent("onresize", _);
-      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(_), 1), !h.__resizeListeners__.length) {
+        h.detachEvent("onresize", b);
+      else if (h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(b), 1), !h.__resizeListeners__.length) {
         h.removeEventListener("scroll", l, !0), h.__resizeTriggers__.__animationListener__ && (h.__resizeTriggers__.removeEventListener(o, h.__resizeTriggers__.__animationListener__), h.__resizeTriggers__.__animationListener__ = null);
         try {
           h.__resizeTriggers__ = !h.removeChild(h.__resizeTriggers__);
@@ -1871,7 +1871,7 @@ class ni extends nr {
             height: P,
             width: h
           });
-          const _ = () => {
+          const b = () => {
             this._didLogDeprecationWarning || (this._didLogDeprecationWarning = !0, console.warn("scaledWidth and scaledHeight parameters have been deprecated; use width and height instead"));
           };
           typeof r == "function" && r({
@@ -1879,10 +1879,10 @@ class ni extends nr {
             width: h,
             // TODO Remove these params in the next major release
             get scaledHeight() {
-              return _(), P;
+              return b(), P;
             },
             get scaledWidth() {
-              return _(), h;
+              return b(), h;
             }
           });
         }
@@ -1921,12 +1921,12 @@ class ni extends nr {
       ...P
     } = this.props, {
       height: h,
-      width: _
+      width: b
     } = this.state, C = {
       overflow: "visible"
     }, y = {};
     let w = !1;
-    return r || (h === 0 && (w = !0), C.height = 0, y.height = h, y.scaledHeight = h), i || (_ === 0 && (w = !0), C.width = 0, y.width = _, y.scaledWidth = _), s && (w = !1), Ze(m, {
+    return r || (h === 0 && (w = !0), C.height = 0, y.height = h, y.scaledHeight = h), i || (b === 0 && (w = !0), C.width = 0, y.width = b, y.scaledWidth = b), s && (w = !1), Ze(m, {
       ref: this._setRef,
       style: {
         ...C,
@@ -1979,7 +1979,7 @@ const ri = ln(({ widths: t, heights: e }) => {
     }
   );
 }, ii = (t, e, n) => {
-  const o = $(), { contentRef: r } = ge(), { heights: i, widths: s } = qe(), { setFocusedPage: l } = oe(), [d, u] = G([]), { targetScrollPage: m } = pn(), P = Tt(d, 0, 500), h = W(() => i.map((C, y) => {
+  const o = H(), { contentRef: r } = ge(), { heights: i, widths: s } = qe(), { setFocusedPage: l } = oe(), [d, u] = G([]), { targetScrollPage: m } = pn(), P = Tt(d, 0, 500), h = W(() => i.map((C, y) => {
     const w = s[y], S = Zr(y + 1, t), f = w * S.columnIndex, p = C * S.rowIndex, g = f + w, c = p + C;
     return {
       pageNumber: y + 1,
@@ -2000,7 +2000,7 @@ const ri = ln(({ widths: t, heights: e }) => {
       m.current = void 0;
     }, 500);
   }, [P, l]);
-  const _ = E(
+  const b = E(
     (C) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
         const y = C.target, w = {
@@ -2012,7 +2012,7 @@ const ri = ln(({ widths: t, heights: e }) => {
           const p = f.endX >= w.startLeft && f.endY >= w.startTop, g = f.startX <= w.endLeft && f.startY <= w.endTop;
           return p && g;
         }).map((f) => {
-          const p = w.startLeft > f.startX ? w.startLeft : f.startX, g = w.startTop > f.startY ? w.startTop : f.startY, c = w.endLeft < f.endX ? w.endLeft : f.endX, b = w.endTop < f.endY ? w.endTop : f.endY, v = c - p, T = b - g, x = +(v * T / (f.width * f.height) * 100).toFixed(2);
+          const p = w.startLeft > f.startX ? w.startLeft : f.startX, g = w.startTop > f.startY ? w.startTop : f.startY, c = w.endLeft < f.endX ? w.endLeft : f.endX, _ = w.endTop < f.endY ? w.endTop : f.endY, v = c - p, T = _ - g, x = +(v * T / (f.width * f.height) * 100).toFixed(2);
           return {
             pageNumber: f.pageNumber,
             ratio: x
@@ -2025,10 +2025,10 @@ const ri = ln(({ widths: t, heights: e }) => {
   );
   z(() => {
     if (n)
-      return n == null || n.addEventListener("scroll", _), () => {
-        n == null || n.removeEventListener("scroll", _);
+      return n == null || n.addEventListener("scroll", b), () => {
+        n == null || n.removeEventListener("scroll", b);
       };
-  }, [n, _]);
+  }, [n, b]);
 }, be = {
   "rp-layout": "_rp-layout_1g4ff_1",
   "rp-content": "_rp-content_1g4ff_5",
@@ -2071,23 +2071,23 @@ const ri = ln(({ widths: t, heights: e }) => {
     setTotalInnerDimensions: m,
     virtualScrollableElementRef: P,
     totalInnerDimensions: h,
-    pageScrollElementRef: _
-  } = et(), C = $(!0), { nextPage: y, prevPage: w, setFocusedPage: S, focusedPage: f } = oe(), { scrollMode: p } = Ne(), { viewMode: g } = Oe(), c = $(null), { loading: b } = J(), { passwordRequired: v } = or(), { LoaderImageComponent: T } = hn(), R = $(
+    pageScrollElementRef: b
+  } = et(), C = H(!0), { nextPage: y, prevPage: w, setFocusedPage: S, focusedPage: f } = oe(), { scrollMode: p } = Ne(), { viewMode: g } = Oe(), c = H(null), { loading: _ } = J(), { passwordRequired: v } = or(), { LoaderImageComponent: T } = hn(), R = H(
     h
-  ), x = $({
+  ), x = H({
     viewMode: g,
     scrollMode: p
-  }), I = $(!1), O = $(), { isFullScreen: A } = lr(), {
+  }), I = H(!1), O = H(), { isFullScreen: A } = lr(), {
     pageDimension: F,
     rowCount: L,
     rowHeight: N,
     columnCount: D,
     columnWidth: k,
     estimatedColumnWidth: q,
-    estimatedRowHeight: H
-  } = ei(), U = Tt(h, 100), V = $();
+    estimatedRowHeight: $
+  } = ei(), U = Tt(h, 100), V = H();
   ii(D, L, P);
-  const K = $({
+  const K = H({
     scrollTop: 0,
     scrollLeft: 0
   });
@@ -2197,11 +2197,11 @@ const ri = ln(({ widths: t, heights: e }) => {
     [ee, le, ue]
   );
   return z(() => {
-    b && de();
-  }, [b]), z(() => {
+    _ && de();
+  }, [_]), z(() => {
     if (!(U.height === 0 || !C.current)) {
       if (e === ne.PAGE_SCROLLING) {
-        t !== f && _ && S(t), C.current = !1;
+        t !== f && b && S(t), C.current = !1;
         return;
       }
       i(t, "auto"), S(t), C.current = !1;
@@ -2209,7 +2209,7 @@ const ri = ln(({ widths: t, heights: e }) => {
   }, [
     i,
     e,
-    _,
+    b,
     S,
     U
   ]), /* @__PURE__ */ M(me, { children: [
@@ -2235,7 +2235,7 @@ const ri = ln(({ widths: t, heights: e }) => {
         height: Z,
         width: B,
         estimatedColumnWidth: q,
-        estimatedRowHeight: H,
+        estimatedRowHeight: $,
         rowCount: L,
         className: re(
           ue["rp-pages"],
@@ -2243,7 +2243,7 @@ const ri = ln(({ widths: t, heights: e }) => {
         ),
         children: ai
       }
-    ) : b ? null : /* @__PURE__ */ a(
+    ) : _ ? null : /* @__PURE__ */ a(
       "div",
       {
         className: ue["rp-loader"],
@@ -2280,7 +2280,7 @@ const ri = ln(({ widths: t, heights: e }) => {
   z(() => {
     l(t.toString());
   }, [t]);
-  const _ = E((f) => {
+  const b = E((f) => {
     const p = f.target.value;
     l(p);
   }, []), C = E(async () => {
@@ -2319,7 +2319,7 @@ const ri = ln(({ widths: t, heights: e }) => {
       {
         onKeyDown: w,
         onBlur: y,
-        onChange: _,
+        onChange: b,
         value: s,
         className: mt["rp-page-input"],
         id: "page-input",
@@ -2588,7 +2588,7 @@ const Ie = {
       subject: m,
       createdOn: P,
       creator: h,
-      keywords: _,
+      keywords: b,
       modifiedOn: C,
       pdfProducer: y,
       pdfVersion: w,
@@ -2601,7 +2601,7 @@ const Ie = {
       { label: r == null ? void 0 : r.propertiesTitleLabel, value: d },
       { label: r == null ? void 0 : r.propertiesAuthorLabel, value: u },
       { label: r == null ? void 0 : r.propertiesSubjectLabel, value: m },
-      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: _ },
+      { label: r == null ? void 0 : r.propertiesKeywordLabel, value: b },
       { label: r == null ? void 0 : r.propertiesCreatorLabel, value: h },
       {
         label: r == null ? void 0 : r.propertiesCreateOnLabel,
@@ -2704,15 +2704,15 @@ const Ie = {
     selectionModeTool: m,
     jumpNavigationTool: P,
     printTool: h,
-    fullscreenTool: _
-  } = ve(), { localeMessages: C } = se(), [y, w] = G(0), S = $(
+    fullscreenTool: b
+  } = ve(), { localeMessages: C } = se(), [y, w] = G(0), S = H(
     new ResizeObserver((p) => {
       w(p[0].contentRect.height);
     })
   ), f = W(() => {
     const p = P || u || m || d || l;
     let g = !1;
-    return r && (g = !(!i && !s && !h && !_)), p || g;
+    return r && (g = !(!i && !s && !h && !b)), p || g;
   }, [
     i,
     s,
@@ -2787,7 +2787,7 @@ const Ie = {
   const { zoomOutIcon: t } = pe();
   return t || /* @__PURE__ */ a(To, {});
 }, Bi = () => {
-  const { zoomLevel: t, setZoomLevel: e } = Je(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: i } = oe(), { pageRotate: s } = Ue(), { pages: l } = J(), { isSmallScreen: d } = Pe(), { localeMessages: u } = se(), { viewMode: m } = Oe(), [P, h] = G(0), [_, C] = G(!1), y = $(
+  const { zoomLevel: t, setZoomLevel: e } = Je(), { container: n, pagesRef: o } = ge(), { zoomTool: r = !0 } = ve(), { focusedPage: i } = oe(), { pageRotate: s } = Ue(), { pages: l } = J(), { isSmallScreen: d } = Pe(), { localeMessages: u } = se(), { viewMode: m } = Oe(), [P, h] = G(0), [b, C] = G(!1), y = H(
     new ResizeObserver((v) => {
       h(v[0].contentRect.height);
     })
@@ -2817,7 +2817,7 @@ const Ie = {
       e(O);
     },
     [e, g, o]
-  ), b = E(
+  ), _ = E(
     (v) => {
       typeof v == "number" ? e(v) : c(v);
     },
@@ -2839,14 +2839,14 @@ const Ie = {
       yt,
       {
         container: n,
-        open: _,
+        open: b,
         onOpenChange: C,
         triggerComponent: /* @__PURE__ */ a("div", { role: "button", children: /* @__PURE__ */ a(Y, { content: u == null ? void 0 : u.zoomSelectTooltip, children: /* @__PURE__ */ M(
           ie,
           {
             className: re(
               Re["rp-current-zoom-wrapper"],
-              _ && Re.active
+              b && Re.active
             ),
             "aria-label": u == null ? void 0 : u.zoomSelectTooltip,
             children: [
@@ -2867,12 +2867,12 @@ const Ie = {
             className: Re["rp-zoom-dropdown-content"],
             children: [
               /* @__PURE__ */ M(Qe, { children: [
-                /* @__PURE__ */ a(Ce, { onClick: () => b(st.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
-                /* @__PURE__ */ a(Ce, { onClick: () => b(st.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
-                /* @__PURE__ */ a(Ce, { onClick: () => b(st.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
+                /* @__PURE__ */ a(Ce, { onClick: () => _(st.ACTUAL), children: u == null ? void 0 : u.zoomActualSize }),
+                /* @__PURE__ */ a(Ce, { onClick: () => _(st.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
+                /* @__PURE__ */ a(Ce, { onClick: () => _(st.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
               ] }),
               /* @__PURE__ */ a(It, {}),
-              /* @__PURE__ */ a(Qe, { children: qi.map((v) => /* @__PURE__ */ M(Ce, { onClick: () => b(v), children: [
+              /* @__PURE__ */ a(Qe, { children: qi.map((v) => /* @__PURE__ */ M(Ce, { onClick: () => _(v), children: [
                 v,
                 " %"
               ] }, v)) })
@@ -2936,25 +2936,25 @@ const Ie = {
     totalMatches: m,
     currentMatchPosition: P,
     nextMatch: h,
-    prevMatch: _,
+    prevMatch: b,
     search: C
-  } = Rt(), { searchTool: y = !0 } = ve(), [w, S] = G(C), { localeMessages: f } = se(), { isSmallScreen: p } = Pe(), [g, c] = G(null), b = E(() => {
+  } = Rt(), { searchTool: y = !0 } = ve(), [w, S] = G(C), { localeMessages: f } = se(), { isSmallScreen: p } = Pe(), [g, c] = G(null), _ = E(() => {
     n(!0);
   }, []), v = E(() => {
     u(""), S(""), n(!1);
-  }, [u]), T = (H) => {
-    const U = H.key === "Enter", V = H.key === " ";
+  }, [u]), T = ($) => {
+    const U = $.key === "Enter", V = $.key === " ";
     (U || V) && v();
   }, R = E(
-    (H) => {
-      H.key === "Escape" && e && v();
+    ($) => {
+      $.key === "Escape" && e && v();
     },
     [e]
   ), x = E(
-    (H) => {
-      H.shiftKey && H.key === "Enter" ? _() : H.key === "Enter" && C !== w ? u(w) : H.key === "Enter" && h();
+    ($) => {
+      $.shiftKey && $.key === "Enter" ? b() : $.key === "Enter" && C !== w ? u(w) : $.key === "Enter" && h();
     },
-    [w, _, h, u, C]
+    [w, b, h, u, C]
   );
   z(() => (window.addEventListener("keydown", R), () => {
     window.removeEventListener("keydown", R);
@@ -2963,18 +2963,18 @@ const Ie = {
       r.focus();
     }, 0);
   }, [r]);
-  const I = E((H) => {
-    S(H.target.value);
+  const I = E(($) => {
+    S($.target.value);
   }, []), O = E(() => {
     S(""), u("");
   }, [u]), A = W(() => `${P} / ${m}`, [P, m]), { wholeWords: F, matchCase: L } = W(() => s, [s]), N = E(
-    (H) => {
-      l((U) => ({ ...U, matchCase: H }));
+    ($) => {
+      l((U) => ({ ...U, matchCase: $ }));
     },
     [l]
   ), D = E(
-    (H) => {
-      l((U) => ({ ...U, wholeWords: H }));
+    ($) => {
+      l((U) => ({ ...U, wholeWords: $ }));
     },
     [l]
   );
@@ -2982,15 +2982,15 @@ const Ie = {
     v();
   }, [o, v]);
   const k = W(() => (g == null ? void 0 : g.querySelectorAll('[tabindex]:not([tabindex="-1"])')) || [], [g]), q = E(
-    (H) => {
-      if (H.key === "Tab") {
+    ($) => {
+      if ($.key === "Tab") {
         const U = document.activeElement;
         let V = 0;
         k.forEach((Q, le) => {
           Q === U && (V = le);
         });
         let K = V + 1;
-        H.shiftKey && (K = V - 1);
+        $.shiftKey && (K = V - 1);
         const X = k[K];
         if (X)
           X.focus();
@@ -3017,7 +3017,7 @@ const Ie = {
       triggerComponent: /* @__PURE__ */ a(Y, { content: f == null ? void 0 : f.searchButtonTooltip, children: /* @__PURE__ */ a(
         ie,
         {
-          onClick: b,
+          onClick: _,
           active: e,
           "aria-label": f == null ? void 0 : f.searchButtonTooltip,
           children: /* @__PURE__ */ a(an, {})
@@ -3136,38 +3136,41 @@ const Ie = {
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
 }, Qi = (t) => {
-  const { pageNumber: e, isFocused: n, viewport: o } = t, { goToPage: r } = oe(), { pageRotate: i } = Ue(), s = $(null), l = yn(), { pages: d } = J(), [u, m] = G(null), P = $(!1), h = W(() => n ? We["rp-thumbnail-active"] : "", [n]), _ = W(() => ({
+  const { pageNumber: e, isFocused: n, viewport: o } = t, { goToPage: r } = oe(), { pageRotate: i } = Ue(), s = H(null), l = yn(), { pages: d } = J(), [u, m] = G(null), P = H(!1), h = H(), b = W(() => n ? We["rp-thumbnail-active"] : "", [n]), C = W(() => ({
     width: Math.round(o.width),
     height: Math.round(o.height)
-  }), [o]), C = E(() => {
+  }), [o]), y = E(() => {
     e && r(e);
   }, [r, e]);
   return z(() => {
-    const y = d.get(e);
-    if (!s.current || !e || !y || u)
+    const w = d.get(e);
+    h.current === w || (m(null), h.current = w);
+  }, [d, e]), z(() => {
+    const w = d.get(e);
+    if (!s.current || !e || !w || u)
       return;
-    const w = new IntersectionObserver((S) => {
-      S.forEach((f) => {
+    const S = new IntersectionObserver((f) => {
+      f.forEach((p) => {
         if (P.current) {
           P.current = !1, l.removeQueue(`thumbnail-${e}`);
           return;
         }
-        if (f.isIntersecting) {
-          const p = document.createElement("canvas");
+        if (p.isIntersecting) {
+          const g = document.createElement("canvas");
           P.current = !0, l.enqueue(
             `thumbnail-${e}`,
             {
-              page: y.page,
-              canvasElem: p,
+              page: w.page,
+              canvasElem: g,
               options: {
                 scale: 1
               },
               onLoaded: () => {
-                p.toBlob((g) => {
-                  if (!g)
+                g.toBlob((c) => {
+                  if (!c)
                     return;
-                  const c = URL.createObjectURL(g);
-                  m(c);
+                  const _ = URL.createObjectURL(c);
+                  m(_);
                 });
               }
             },
@@ -3176,13 +3179,13 @@ const Ie = {
         }
       });
     });
-    return s.current && w.observe(s.current), () => {
-      w.disconnect(), l.removeQueue(`thumbnail-${e}`);
+    return s.current && S.observe(s.current), () => {
+      S.disconnect(), l.removeQueue(`thumbnail-${e}`);
     };
   }, [l, e, d, u]), /* @__PURE__ */ M(
     "div",
     {
-      onClick: C,
+      onClick: y,
       id: `page-${e}`,
       className: We["rp-thumbnail-wrapper"],
       ref: s,
@@ -3193,13 +3196,13 @@ const Ie = {
             style: {
               transform: `rotate(${i[e || 0]}deg)`
             },
-            className: re(h, We["rp-thumbnail"]),
+            className: re(b, We["rp-thumbnail"]),
             children: u ? /* @__PURE__ */ a(
               "img",
               {
                 src: u,
-                width: _.width,
-                height: _.height,
+                width: C.width,
+                height: C.height,
                 alt: "thumbnail"
               }
             ) : /* @__PURE__ */ a(
@@ -3207,8 +3210,8 @@ const Ie = {
               {
                 className: We["rp-thumbnail-loader"],
                 style: {
-                  width: `${_.width}px`,
-                  height: `${_.height}px`
+                  width: `${C.width}px`,
+                  height: `${C.height}px`
                 },
                 children: /* @__PURE__ */ a(Pt, {})
               }
@@ -3226,24 +3229,24 @@ const Ie = {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Yi);
 }, ea = Ve((t, e) => {
-  const { show: n } = t, { focusedPage: o, totalPages: r } = oe(), { thumbnailPages: i, addPage: s, thumbnailLength: l, addToPage: d } = Cn(), u = $(null), m = $(1);
+  const { show: n } = t, { focusedPage: o, totalPages: r } = oe(), { thumbnailPages: i, addPage: s, thumbnailLength: l, addToPage: d } = Cn(), u = H(null), m = H(1);
   cn(e, () => u.current);
   const P = W(() => Object.values(i), [i]), h = E(() => {
-    const _ = l + 1;
-    _ <= r && s(_);
+    const b = l + 1;
+    b <= r && s(b);
   }, [s, r, l]);
   return z(() => {
     o > l ? d(o) : n && m.current !== o && (Ji(u.current, o), m.current = o);
-  }, [o, l, d, n, P]), Pr(u.current, h), /* @__PURE__ */ a("div", { ref: u, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: sn["rp-thumbnails"], children: n ? P.map((_, C) => {
+  }, [o, l, d, n, P]), Pr(u.current, h), /* @__PURE__ */ a("div", { ref: u, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: sn["rp-thumbnails"], children: n ? P.map((b, C) => {
     var y, w;
     return /* @__PURE__ */ a(
       Qi,
       {
-        isFocused: o === ((y = _.page) == null ? void 0 : y.pageNumber),
-        pageNumber: (w = _.page) == null ? void 0 : w.pageNumber,
-        loading: _.loading,
-        viewport: _.viewport,
-        defaultRotation: _.defaultRotation
+        isFocused: o === ((y = b.page) == null ? void 0 : y.pageNumber),
+        pageNumber: (w = b.page) == null ? void 0 : w.pageNumber,
+        loading: b.loading,
+        viewport: b.viewport,
+        defaultRotation: b.defaultRotation
       },
       C
     );
@@ -3252,7 +3255,7 @@ const Ie = {
   const { thumbnailIcon: t } = pe();
   return t || /* @__PURE__ */ a(wr, {});
 }, na = () => {
-  const { active: t, setActive: e } = Cn(), [n, o] = G(200), r = $(null), { thumbnailTool: i, sidebarEnable: s } = ve(), { localeMessages: l } = se(), d = E(() => {
+  const { active: t, setActive: e } = Cn(), [n, o] = G(200), r = H(null), { thumbnailTool: i, sidebarEnable: s } = ve(), { localeMessages: l } = se(), d = E(() => {
     e((m) => !m);
   }, []), u = W(() => typeof i != "boolean" && i ? /* @__PURE__ */ a(i, { onClick: d, active: t }) : i ? /* @__PURE__ */ a(Y, { content: l == null ? void 0 : l.thumbnailTooltip, children: /* @__PURE__ */ a(
     ie,
@@ -3297,10 +3300,10 @@ const Ie = {
     onLoaded: d,
     cleanupOnLoaded: u,
     onLayoutWidthChange: m
-  } = t, [P, h] = G(null), { setContainer: _, setContentRef: C } = ge(), { loading: y } = J(), { LoaderImageComponent: w } = hn();
+  } = t, [P, h] = G(null), { setContainer: b, setContentRef: C } = ge(), { loading: y } = J(), { LoaderImageComponent: w } = hn();
   return z(() => (d && d(), () => {
     u && u();
-  }), [d, u]), /* @__PURE__ */ a(Rn, { toolbarRef: P, ref: e, children: /* @__PURE__ */ a(Ir, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(Cr, { slots: o, children: /* @__PURE__ */ a(yr, { icons: r, children: /* @__PURE__ */ M(Sr, { getContainerRef: _, style: i, className: s, children: [
+  }), [d, u]), /* @__PURE__ */ a(Rn, { toolbarRef: P, ref: e, children: /* @__PURE__ */ a(Ir, { mobileWidth: l, onLayoutWidthChange: m, children: /* @__PURE__ */ a(Cr, { slots: o, children: /* @__PURE__ */ a(yr, { icons: r, children: /* @__PURE__ */ M(Sr, { getContainerRef: b, style: i, className: s, children: [
     /* @__PURE__ */ M(xr, { children: [
       /* @__PURE__ */ M("div", { className: be["rp-layout"], children: [
         /* @__PURE__ */ a(Xi, { ref: h }),