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

package/dist/{RPDefaultLayout-95bbd8aa.js → RPDefaultLayout-30af7aab.js}

@@ -43,8 +43,8 @@ import { Container as br } from "./components/layout/Container.js";
 import { WrapperLayout as Cr } from "./components/layout/WrapperLayout.js";
 import { RPDropFileZone as Pr } from "./components/RPDropFileZone.js";
 import { useViewportContext as Ce, ViewportProvider as Tr } from "./contexts/ViewportContext.js";
-import { useThemeContext as yr } from "./contexts/ThemeContext.js";
-import * as Sr from "pdfjs-dist";
+import { useThemeContext as Sr } from "./contexts/ThemeContext.js";
+import * as yr from "pdfjs-dist";
 import { PixelsPerInch as xr, AnnotationMode as Ir, RenderingCancelledException as Rr, AnnotationLayer as Lr } from "pdfjs-dist";
 import { SimpleLinkService as Er } from "./utils/link_service.js";
 import { annotationsEvents as Nr, annotationEventsHandler as Or, handleClick as At, handleAnnotationWidget as zr, handleAnnotationLink as Dr, bindLayerEvents as Ar, unbindLayerEvents as Ft } from "./utils/annotations.js";
@@ -65,7 +65,7 @@ import { FileUploadTool as fn } from "./components/layout/toolbar/FileUploadTool
 import { DarkModeTool as Kr } from "./components/layout/toolbar/DarkModeTool.js";
 import { ThreeDotIcon as Xr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as mn } from "./components/ui/DropDown.js";
-import { e as Yr, a as Tt, P as Ve, c as Me, g as yt, i as Jr, k as Qr, f as eo } from "./index-1cb41342.js";
+import { e as Yr, a as Tt, P as Ve, c as Me, g as St, i as Jr, k as Qr, f as eo } from "./index-1cb41342.js";
 import { D as to, u as ct } from "./index-aa2d3884.js";
 import { a as no, u as ro, F as oo, b as io, G as Ke } from "./index-7279fb4e.js";
 import { h as ao } from "./component-1da194e8.js";
@@ -77,7 +77,7 @@ import { DocumentProperties as po } from "./components/layout/toolbar/DocumentPr
 import { RotateTool as ho } from "./components/layout/toolbar/RotateTool.js";
 import { ViewModeTool as fo } from "./components/layout/toolbar/ViewModeTool.js";
 import { ScrollModeTool as mo } from "./components/layout/toolbar/ScrollModeTool.js";
-import { MenuSeparator as St } from "./components/layout/toolbar/MenuSeparator.js";
+import { MenuSeparator as yt } from "./components/layout/toolbar/MenuSeparator.js";
 import { FileDownloadDefaultIcon as go } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as be } from "./components/layout/toolbar/MenuItem.js";
 import { PrintDefaultTool as vo } from "./components/icons/PrintDefaultIcon.js";
@@ -147,23 +147,23 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       const s = o;
       if (v.current = C, m.current === J.HORIZONTAL_SCROLLING) {
         g = h;
-        const y = {
+        const S = {
           left: Ae(d, g),
           top: 0
         };
         return s.scrollTo({
-          ...y,
+          ...S,
           behavior: T
         });
       }
       if (P.current === Ie.DUAL_PAGE) {
         g = h % 2, f = Math.floor(h / 2);
-        const y = {
+        const S = {
           left: Ae(d, g),
           top: Ae(u, f)
         };
         return s.scrollTo({
-          ...y,
+          ...S,
           behavior: T
         });
       }
@@ -186,7 +186,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       d
     ]
   ) };
-}, yo = (t = 1) => {
+}, So = (t = 1) => {
   const [e, n] = $(t), [o, r] = $(0), { scrollToPage: a } = wn(), l = H(1), { viewMode: c } = Ee(), { scrollMode: d } = Le(), { widths: u } = Ue(), { pagesRef: m } = ge(), P = Pt(e, 100), p = N(
     (f) => {
       if (!/^[0-9]*$/g.test(f.toString()) || !f)
@@ -201,7 +201,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
       return g.success && a(g.currentPage), g;
     },
     [p, a]
-  ), S = N((f) => {
+  ), y = N((f) => {
     const g = f % 2 === 1;
     if (!m || g)
       return !1;
@@ -209,13 +209,13 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     return c === Ie.DUAL_PAGE && s + w < m.clientWidth;
   }, [c, u, m, o]), C = N(() => {
     let f = e - 1;
-    S(f) && (f = e - 2), _(f);
-  }, [_, e, c, d, S]), T = k(() => c === Ie.DUAL_PAGE && d === J.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, d]), h = N(() => {
+    y(f) && (f = e - 2), _(f);
+  }, [_, e, c, d, y]), T = k(() => c === Ie.DUAL_PAGE && d === J.PAGE_SCROLLING ? e === o - 1 : e === o, [e, o, c, d]), h = N(() => {
     if (T)
       return;
     let f = e + 1;
-    S(f) && (f = e + 2), _(f);
-  }, [_, e, S, c, d, T]);
+    y(f) && (f = e + 2), _(f);
+  }, [_, e, y, c, d, T]);
   return {
     focusedPage: P,
     totalPages: o,
@@ -241,7 +241,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
   const t = Je(_n);
   return typeof (t == null ? void 0 : t.focusedPage) > "u" && jr.error("Please use this hooks inside children component of RPProvider"), t;
 }, ks = ({ children: t }) => {
-  const { pdf: e } = Q(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: l, nextPage: c, prevPage: d } = yo();
+  const { pdf: e } = Q(), { focusedPage: n, totalPages: o, setFocusedPage: r, setTotalPages: a, goToPage: l, nextPage: c, prevPage: d } = So();
   return F(() => {
     e != null && e.numPages && (a(e.numPages), r(1));
   }, [e, a, r]), /* @__PURE__ */ i(
@@ -260,7 +260,7 @@ import './assets/RPDefaultLayout.css';const wn = () => {
     }
   );
 };
-const So = () => {
+const yo = () => {
   const { pdf: t, pages: e } = Q(), [n, o] = $({
     loadedPages: 0,
     totalPages: 0,
@@ -287,7 +287,7 @@ const So = () => {
     pageNumber: s,
     viewerPdfPage: w,
     printResolution: b,
-    optionalContentConfigPromise: y,
+    optionalContentConfigPromise: S,
     printAnnotationStoragePromise: E
   }) => {
     if (m.current) {
@@ -312,7 +312,7 @@ const So = () => {
       viewport: z.getViewport({ scale: 1, rotation: w.rotation }),
       intent: "print",
       annotationMode: Ir.ENABLE_STORAGE,
-      optionalContentConfigPromise: y,
+      optionalContentConfigPromise: S,
       printAnnotationStorage: D
     };
     try {
@@ -320,12 +320,12 @@ const So = () => {
     } catch (L) {
       throw L instanceof Rr || console.error(L), L;
     }
-  }, S = N(() => {
+  }, y = N(() => {
     const f = window.print;
     return new Promise((g) => {
-      const s = (y) => {
+      const s = (S) => {
         setTimeout(() => {
-          f.call(window), setTimeout(() => y(), 20);
+          f.call(window), setTimeout(() => S(), 20);
         }, 0);
       };
       if (document.querySelector(".rp-print-zone")) {
@@ -340,8 +340,8 @@ const So = () => {
   }, []), C = async (f) => {
     const g = document.createElement("img"), s = document.createElement("div");
     return s.classList.add("rp-print-page"), await new Promise((w, b) => {
-      f.toBlob((y) => {
-        y ? (g.src = URL.createObjectURL(y), g.onload = () => {
+      f.toBlob((S) => {
+        S ? (g.src = URL.createObjectURL(S), g.onload = () => {
           URL.revokeObjectURL(g.src), w();
         }, g.onerror = b) : b(new Error("Failed to create blob"));
       });
@@ -352,8 +352,8 @@ const So = () => {
     s.classList.add("rp-print-zone");
     const w = document.createElement("style"), b = g.get(1);
     if (b) {
-      const { width: y, height: E } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
-      w.innerHTML = `@page { size: ${y}px ${E}px }`;
+      const { width: S, height: E } = b == null ? void 0 : b.page.getViewport({ scale: 1 });
+      w.innerHTML = `@page { size: ${S}px ${E}px }`;
     }
     return s.appendChild(w), s.append(...f), s;
   }, h = N(async () => {
@@ -365,7 +365,7 @@ const So = () => {
       t.isPureXfa && console.warn("[rp] XFA Form is not supported at the moment.");
       const w = t.getOptionalContentConfig({ intent: "print" }), b = Promise.resolve(
         t.annotationStorage.print ?? void 0
-      ), y = e.size;
+      ), S = e.size;
       for (const [x, R] of e) {
         if (m.current) {
           p();
@@ -386,10 +386,10 @@ const So = () => {
         }
         const D = await C(f);
         g.push(D);
-        const A = parseFloat((g.length / y * 100).toFixed(2));
+        const A = parseFloat((g.length / S * 100).toFixed(2));
         o({
           loadedPages: x,
-          totalPages: y,
+          totalPages: S,
           percentage: A
         });
       }
@@ -398,7 +398,7 @@ const So = () => {
         return;
       }
       const E = T(g, e);
-      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await S();
+      document.body.appendChild(E), document.documentElement.classList.add("rp-print-html-printing"), document.body.classList.add("rp-print-body-printing"), a(!0), await y();
     } catch (s) {
       c(!0), s instanceof Error && u(s);
     } finally {
@@ -438,7 +438,7 @@ const So = () => {
     }
   }
 }), Ms = ({ children: t }) => {
-  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: u, error: m } = So(), P = N((C) => {
+  const [e, n] = $(null), [o, r] = $(null), { print: a, cancel: l, progress: c, isComplete: d, isError: u, error: m } = yo(), P = N((C) => {
     C && typeof C == "function" && r(() => C);
   }, []), p = (C) => {
     m && C(m);
@@ -459,7 +459,7 @@ const So = () => {
   }, [c, e]);
   const _ = () => {
     o && (o(), r(null));
-  }, S = {
+  }, y = {
     print: a,
     cancel: l,
     setOnProgress: v,
@@ -467,7 +467,7 @@ const So = () => {
     setOnError: p,
     progress: c
   };
-  return /* @__PURE__ */ i(bn.Provider, { value: S, children: t });
+  return /* @__PURE__ */ i(bn.Provider, { value: y, children: t });
 }, tt = () => {
   const t = Je(bn);
   if (!t)
@@ -498,10 +498,10 @@ const So = () => {
           scale: p.scale,
           rotate: o + p.defaultRotation
         }).promise.then(() => {
-          const S = v.toDataURL();
+          const y = v.toDataURL();
           return {
             ...p,
-            thumbnailSrc: S,
+            thumbnailSrc: y,
             loading: !1
           };
         });
@@ -509,7 +509,7 @@ const So = () => {
       }
       Promise.all(P).then((p) => {
         const v = p.reduce(
-          (_, S) => (_[S.page.pageNumber] = S, _),
+          (_, y) => (_[y.page.pageNumber] = y, _),
           {}
         );
         e((_) => ({ ..._, ...v }));
@@ -577,7 +577,7 @@ const So = () => {
     }
   );
 }, Io = (t = {}, e = "") => {
-  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: u } = Ue(), m = H(!n), { currentZoom: P } = Qe(), [p, v] = $([]), { setFocusedPage: _ } = ie(), { columnCount: S } = Ee(), { rotate: C } = Ge(), [T, h] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Le(), { pagesRef: w } = ge(), [b, y] = $(null), E = H({}), x = k(() => T === 0 ? null : p[T - 1], [T, p]), R = k(() => p.length, [p]);
+  const [n, o] = $(e), [r, a] = $(!1), { pdf: l, pages: c } = Q(), { widths: d, heights: u } = Ue(), m = H(!n), { currentZoom: P } = Qe(), [p, v] = $([]), { setFocusedPage: _ } = ie(), { columnCount: y } = Ee(), { rotate: C } = Ge(), [T, h] = $(0), { pageScrollElementRef: f, virtualScrollableElementRef: g } = et(), { scrollMode: s } = Le(), { pagesRef: w } = ge(), [b, S] = $(null), E = H({}), x = k(() => T === 0 ? null : p[T - 1], [T, p]), R = k(() => p.length, [p]);
   F(() => {
     if (!x || !c)
       return;
@@ -589,7 +589,7 @@ const So = () => {
       return;
     let O = 0, M = 0;
     if (s === J.VERTICAL_SCROLLING) {
-      const ae = x.page - 1, de = S, te = ae % de, Fe = Math.floor(ae / de);
+      const ae = x.page - 1, de = y, te = ae % de, Fe = Math.floor(ae / de);
       O = Ae(u, Fe), M = Ae(d, te);
     }
     s === J.HORIZONTAL_SCROLLING && (M = d.slice(0, x.page - 1).reduce((ae, de) => ae + de, 0));
@@ -670,7 +670,7 @@ const So = () => {
     nextMatch: z,
     prevMatch: D,
     currentMatchElement: b,
-    setCurrentMatchElement: y
+    setCurrentMatchElement: S
   };
 }, Tn = Ye({
   search: "",
@@ -784,39 +784,39 @@ const So = () => {
       d(w);
     },
     [p]
-  ), _ = H(), S = H(!1), C = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
+  ), _ = H(), y = H(!1), C = N(() => Array.from(document.querySelectorAll('[data-rp$="-textLayer"]')), []);
   F(() => ((() => {
     if (_.current)
       return;
     _.current = new AbortController();
     const { signal: g } = _.current, s = () => {
       C().forEach((b) => {
-        const y = b.querySelector(".endOfContent");
-        y && (b.appendChild(y), y.style.width = "", y.style.height = "", b.classList.remove(he.selecting));
+        const S = b.querySelector(".endOfContent");
+        S && (b.appendChild(S), S.style.width = "", S.style.height = "", b.classList.remove(he.selecting));
       });
     };
     document.addEventListener(
       "pointerdown",
       () => {
-        S.current = !0;
+        y.current = !0;
       },
       { signal: g }
     ), document.addEventListener(
       "pointerup",
       () => {
-        S.current = !1, s();
+        y.current = !1, s();
       },
       { signal: g }
     ), window.addEventListener(
       "blur",
       () => {
-        S.current = !1, s();
+        y.current = !1, s();
       },
       { signal: g }
     ), document.addEventListener(
       "keyup",
       () => {
-        S.current || s();
+        y.current || s();
       },
       { signal: g }
     );
@@ -832,15 +832,15 @@ const So = () => {
           s();
           return;
         }
-        const y = /* @__PURE__ */ new Set();
+        const S = /* @__PURE__ */ new Set();
         for (let I = 0; I < b.rangeCount; I++) {
           const O = b.getRangeAt(I);
           C().forEach((M) => {
-            O.intersectsNode(M) && !y.has(M) && y.add(M);
+            O.intersectsNode(M) && !S.has(M) && S.add(M);
           });
         }
         C().forEach((I) => {
-          if (y.has(I))
+          if (S.has(I))
             I.classList.add(he.selecting);
           else {
             const O = I.querySelector(".endOfContent");
@@ -887,17 +887,17 @@ const So = () => {
     const g = o.current;
     return u.current && u.current.cancel(), f.page.getTextContent().then((s) => {
       const w = f.page.getViewport({ scale: 1 });
-      return u.current = new Sr.TextLayer({
+      return u.current = new yr.TextLayer({
         viewport: w,
         textContentSource: s,
         container: g
       }), m.current = s, g && (g.innerText = ""), u.current.render();
     }).then(() => {
-      var y, E;
+      var S, E;
       [].slice.call(g.children).forEach((x) => {
         x.classList.add(he["rp-text-layer-text"]), x.setAttribute("data-rp", "rp-text-layer-text");
       });
-      const w = (y = u.current) == null ? void 0 : y.textDivs;
+      const w = (S = u.current) == null ? void 0 : S.textDivs;
       w && m.current && v(m.current, w);
       const b = document.createElement("div");
       b.className = "endOfContent", (E = o.current) == null || E.appendChild(b);
@@ -936,7 +936,7 @@ const zo = (t) => {
       a.current = void 0, c(C), n.current && (n.current.innerText = "");
     });
   }, [v]);
-  const S = N(
+  const y = N(
     (C) => {
       !l || !r || (Nr(C), Or(C, r, l).then((T) => {
         var h, f;
@@ -978,7 +978,7 @@ const zo = (t) => {
         structTreeLayer: null,
         page: v.page,
         viewport: C.clone({ dontFlip: !0 })
-      }), n.current && Ft(n.current, S);
+      }), n.current && Ft(n.current, y);
       const g = await (r == null ? void 0 : r.hasJSActions()), s = await (r == null ? void 0 : r.getFieldObjects());
       if (h.signal.aborted)
         throw "abort";
@@ -997,14 +997,14 @@ const zo = (t) => {
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Ar(n.current, S);
+      n.current && Ar(n.current, y);
     }).catch((g) => {
       if (g !== "abort")
         throw g;
     }), () => {
-      h.abort("clear"), n.current && Ft(n.current, S);
+      h.abort("clear"), n.current && Ft(n.current, y);
     };
-  }, [r, l, S]), /* @__PURE__ */ i(
+  }, [r, l, y]), /* @__PURE__ */ i(
     "div",
     {
       "data-rp": `page-${e}-annotationLayer`,
@@ -1045,7 +1045,7 @@ const zo = (t) => {
         s(w);
         return;
       }
-      new MutationObserver((y, E) => {
+      new MutationObserver((S, E) => {
         const x = h.querySelector(g);
         x && (s(x), E.disconnect());
       }).observe(h, { childList: !0, subtree: !0 });
@@ -1061,20 +1061,20 @@ const zo = (t) => {
         return;
       }
       new MutationObserver((w, b) => {
-        const y = h.querySelectorAll(
+        const S = h.querySelectorAll(
           ".rp-text-layer-text"
         );
-        y.length && (f(Array.from(y)), b.disconnect());
+        S.length && (f(Array.from(S)), b.disconnect());
       }).observe(h, { childList: !0, subtree: !0 });
     });
   }
-  const S = (h, f, g, s) => {
+  const y = (h, f, g, s) => {
     var Z;
     const w = document.createRange(), b = g.firstChild;
     if (!b || b.nodeType !== Node.TEXT_NODE)
       return null;
-    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)
+    const S = ((Z = b.textContent) == null ? void 0 : Z.length) ?? 0, E = s[0].charIdxInSpan, x = s.length === 1 ? E : s[s.length - 1].charIdxInSpan;
+    if (E > S || x + 1 > S)
       return null;
     w.setStart(b, E), w.setEnd(b, x + 1);
     const R = document.createElement("span");
@@ -1096,8 +1096,8 @@ const zo = (t) => {
       return;
     const s = await _(g);
     if (s.length) {
-      const w = s.map((y) => y.tagName === "BR" ? " " : y.textContent).reduce(
-        (y, E, x) => y.concat(
+      const w = s.map((S) => S.tagName === "BR" ? " " : S.textContent).reduce(
+        (S, E, x) => S.concat(
           E.split("").map((R, z) => ({
             char: R,
             charIdxInSpan: z,
@@ -1119,7 +1119,7 @@ const zo = (t) => {
     const w = f.length;
     if (!s.length || !w)
       return [];
-    const b = [], y = s.map((E) => E.char).join("");
+    const b = [], S = s.map((E) => E.char).join("");
     return p.forEach((E) => {
       const { keyword: x, regExp: R, wholeWords: z, color: D } = E, A = x;
       if (!A.trim())
@@ -1127,8 +1127,8 @@ const zo = (t) => {
       const L = R.flags.indexOf("g") === -1 ? new RegExp(R, `${R.flags}g`) : R;
       let I;
       const O = [];
-      for (; (I = L.exec(y)) !== null; )
-        z && !pr(y, I.index, I[0].length) || O.push({
+      for (; (I = L.exec(S)) !== null; )
+        z && !pr(S, I.index, I[0].length) || O.push({
           keyword: L,
           startIndex: I.index,
           endIndex: L.lastIndex
@@ -1145,7 +1145,7 @@ const zo = (t) => {
         );
         for (const j of Object.values(Z))
           if (j.length !== 1 || j[0].char.trim() !== "") {
-            const q = j, ee = g[q[0].spanIdx], X = S(
+            const q = j, ee = g[q[0].spanIdx], X = y(
               h,
               A,
               ee,
@@ -1198,7 +1198,7 @@ const zo = (t) => {
       _(h);
     }
   }, [a, n, l, d]);
-  const S = k(() => {
+  const y = k(() => {
     switch (l) {
       case 90:
         return `${v.width / 2}px ${v.width / 2}px`;
@@ -1223,7 +1223,7 @@ const zo = (t) => {
       style: {
         ...o,
         "--rp-rotate": `${l}deg`,
-        "--rp-page-rotate-translate": `${S}`,
+        "--rp-page-rotate-translate": `${y}`,
         "--scale-factor": d
       },
       className: lt["rp-page-wrapper"],
@@ -1340,7 +1340,7 @@ var Go = 150, Uo = 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 Vo(t) {
-  var e, n = t.getColumnOffset, o = t.getColumnStartIndexForOffset, r = t.getColumnStopIndexForStartIndex, a = t.getColumnWidth, l = t.getEstimatedTotalHeight, c = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, u = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, p = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, S = t.shouldResetStyleCacheOnItemSizeChange, C = 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, u = t.getOffsetForRowAndAlignment, m = t.getRowHeight, P = t.getRowOffset, p = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, _ = t.initInstanceProps, y = t.shouldResetStyleCacheOnItemSizeChange, C = t.validateProps;
   return e = /* @__PURE__ */ function(T) {
     Fo(h, T);
     function h(g) {
@@ -1353,27 +1353,27 @@ function Vo(t) {
         scrollTop: typeof s.props.initialScrollTop == "number" ? s.props.initialScrollTop : 0,
         scrollUpdateWasRequested: !1,
         verticalScrollDirection: "forward"
-      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(w, b, y, E, x, R, z, D) {
+      }, s._callOnItemsRendered = void 0, s._callOnItemsRendered = dt(function(w, b, S, E, x, R, z, D) {
         return s.props.onItemsRendered({
           overscanColumnStartIndex: w,
           overscanColumnStopIndex: b,
-          overscanRowStartIndex: y,
+          overscanRowStartIndex: S,
           overscanRowStopIndex: E,
           visibleColumnStartIndex: x,
           visibleColumnStopIndex: R,
           visibleRowStartIndex: z,
           visibleRowStopIndex: D
         });
-      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(w, b, y, E, x) {
+      }), s._callOnScroll = void 0, s._callOnScroll = dt(function(w, b, S, E, x) {
         return s.props.onScroll({
-          horizontalScrollDirection: y,
+          horizontalScrollDirection: S,
           scrollLeft: w,
           scrollTop: b,
           verticalScrollDirection: E,
           scrollUpdateWasRequested: x
         });
       }), s._getItemStyle = void 0, s._getItemStyle = function(w, b) {
-        var y = s.props, E = y.columnWidth, x = y.direction, R = y.rowHeight, z = s._getItemStyleCache(S && E, S && x, S && R), D = w + ":" + b, A;
+        var S = s.props, E = S.columnWidth, x = S.direction, R = S.rowHeight, z = s._getItemStyleCache(y && E, y && x, y && R), D = w + ":" + b, A;
         if (z.hasOwnProperty(D))
           A = z[D];
         else {
@@ -1388,10 +1388,10 @@ function Vo(t) {
           };
         }
         return A;
-      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(w, b, y) {
+      }, s._getItemStyleCache = void 0, s._getItemStyleCache = dt(function(w, b, S) {
         return {};
       }), s._onScroll = function(w) {
-        var b = w.currentTarget, y = b.clientHeight, E = b.clientWidth, x = b.scrollLeft, R = b.scrollTop, z = b.scrollHeight, D = b.scrollWidth;
+        var b = w.currentTarget, S = b.clientHeight, E = b.clientWidth, x = b.scrollLeft, R = b.scrollTop, z = b.scrollHeight, D = b.scrollWidth;
         s.setState(function(A) {
           if (A.scrollLeft === x && A.scrollTop === R)
             return null;
@@ -1406,7 +1406,7 @@ function Vo(t) {
                 break;
             }
           I = Math.max(0, Math.min(I, D - E));
-          var O = Math.max(0, Math.min(R, z - y));
+          var O = Math.max(0, Math.min(R, z - S));
           return {
             isScrolling: !0,
             horizontalScrollDirection: A.scrollLeft < x ? "forward" : "backward",
@@ -1435,32 +1435,32 @@ function Vo(t) {
     var f = h.prototype;
     return f.scrollTo = function(s) {
       var w = s.scrollLeft, b = s.scrollTop;
-      w !== void 0 && (w = Math.max(0, w)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(y) {
-        return w === void 0 && (w = y.scrollLeft), b === void 0 && (b = y.scrollTop), y.scrollLeft === w && y.scrollTop === b ? null : {
-          horizontalScrollDirection: y.scrollLeft < w ? "forward" : "backward",
+      w !== void 0 && (w = Math.max(0, w)), b !== void 0 && (b = Math.max(0, b)), this.setState(function(S) {
+        return w === void 0 && (w = S.scrollLeft), b === void 0 && (b = S.scrollTop), S.scrollLeft === w && S.scrollTop === b ? null : {
+          horizontalScrollDirection: S.scrollLeft < w ? "forward" : "backward",
           scrollLeft: w,
           scrollTop: b,
           scrollUpdateWasRequested: !0,
-          verticalScrollDirection: y.scrollTop < b ? "forward" : "backward"
+          verticalScrollDirection: S.scrollTop < b ? "forward" : "backward"
         };
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(s) {
-      var w = s.align, b = w === void 0 ? "auto" : w, y = s.columnIndex, E = s.rowIndex, x = this.props, R = x.columnCount, z = x.height, D = x.rowCount, A = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = $o();
-      y !== void 0 && (y = Math.max(0, Math.min(y, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, D - 1)));
+      var w = s.align, b = w === void 0 ? "auto" : w, S = s.columnIndex, E = s.rowIndex, x = this.props, R = x.columnCount, z = x.height, D = x.rowCount, A = x.width, L = this.state, I = L.scrollLeft, O = L.scrollTop, M = $o();
+      S !== void 0 && (S = Math.max(0, Math.min(S, R - 1))), E !== void 0 && (E = Math.max(0, Math.min(E, D - 1)));
       var G = l(this.props, this._instanceProps), Z = c(this.props, this._instanceProps), j = Z > A ? M : 0, q = G > z ? M : 0;
       this.scrollTo({
-        scrollLeft: y !== void 0 ? d(this.props, y, b, I, this._instanceProps, q) : I,
+        scrollLeft: S !== void 0 ? d(this.props, S, b, I, this._instanceProps, q) : I,
         scrollTop: E !== void 0 ? u(this.props, E, b, O, this._instanceProps, j) : O
       });
     }, f.componentDidMount = function() {
       var s = this.props, w = s.initialScrollLeft, b = s.initialScrollTop;
       if (this._outerRef != null) {
-        var y = this._outerRef;
-        typeof w == "number" && (y.scrollLeft = w), typeof b == "number" && (y.scrollTop = b);
+        var S = this._outerRef;
+        typeof w == "number" && (S.scrollLeft = w), typeof b == "number" && (S.scrollTop = b);
       }
       this._callPropsCallbacks();
     }, f.componentDidUpdate = function() {
-      var s = this.props.direction, w = this.state, b = w.scrollLeft, y = w.scrollTop, E = w.scrollUpdateWasRequested;
+      var s = this.props.direction, w = this.state, b = w.scrollLeft, S = w.scrollTop, E = w.scrollUpdateWasRequested;
       if (E && this._outerRef != null) {
         var x = this._outerRef;
         if (s === "rtl")
@@ -1478,14 +1478,14 @@ function Vo(t) {
           }
         else
           x.scrollLeft = Math.max(0, b);
-        x.scrollTop = Math.max(0, y);
+        x.scrollTop = Math.max(0, S);
       }
       this._callPropsCallbacks();
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Zt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var s = this.props, w = s.children, b = s.className, y = s.columnCount, E = s.direction, x = s.height, R = s.innerRef, z = s.innerElementType, D = s.innerTagName, A = s.itemData, L = s.itemKey, I = L === void 0 ? Uo : L, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, ee = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Fe = de[1], Ne = [];
-      if (y > 0 && G)
+      var s = this.props, w = s.children, b = s.className, S = s.columnCount, E = s.direction, x = s.height, R = s.innerRef, z = s.innerElementType, D = s.innerTagName, A = s.itemData, L = s.itemKey, I = L === void 0 ? Uo : L, O = s.outerElementType, M = s.outerTagName, G = s.rowCount, Z = s.style, j = s.useIsScrolling, q = s.width, ee = this.state.isScrolling, X = this._getHorizontalRangeToRender(), le = X[0], ae = X[1], de = this._getVerticalRangeToRender(), te = de[0], Fe = de[1], Ne = [];
+      if (S > 0 && G)
         for (var Pe = te; Pe <= Fe; Pe++)
           for (var we = le; we <= ae; we++)
             Ne.push(qe(w, {
@@ -1524,23 +1524,23 @@ function Vo(t) {
         }
       }));
     }, f._callPropsCallbacks = function() {
-      var s = this.props, w = s.columnCount, b = s.onItemsRendered, y = s.onScroll, E = s.rowCount;
+      var s = this.props, w = s.columnCount, b = s.onItemsRendered, S = s.onScroll, E = s.rowCount;
       if (typeof b == "function" && w > 0 && E > 0) {
         var x = this._getHorizontalRangeToRender(), R = x[0], z = x[1], D = x[2], A = x[3], L = this._getVerticalRangeToRender(), I = L[0], O = L[1], M = L[2], G = L[3];
         this._callOnItemsRendered(R, z, I, O, D, A, M, G);
       }
-      if (typeof y == "function") {
+      if (typeof S == "function") {
         var Z = this.state, j = Z.horizontalScrollDirection, q = Z.scrollLeft, ee = Z.scrollTop, X = Z.scrollUpdateWasRequested, le = Z.verticalScrollDirection;
         this._callOnScroll(q, ee, j, le, X);
       }
     }, f._getHorizontalRangeToRender = function() {
-      var s = this.props, w = s.columnCount, b = s.overscanColumnCount, y = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, R = this.state, z = R.horizontalScrollDirection, D = R.isScrolling, A = R.scrollLeft, L = b || y || E || 1;
+      var s = this.props, w = s.columnCount, b = s.overscanColumnCount, S = s.overscanColumnsCount, E = s.overscanCount, x = s.rowCount, R = this.state, z = R.horizontalScrollDirection, D = R.isScrolling, A = R.scrollLeft, L = b || S || E || 1;
       if (w === 0 || x === 0)
         return [0, 0, 0, 0];
       var I = o(this.props, A, this._instanceProps), O = r(this.props, I, A, this._instanceProps), M = !D || z === "backward" ? Math.max(1, L) : 1, G = !D || z === "forward" ? Math.max(1, L) : 1;
       return [Math.max(0, I - M), Math.max(0, Math.min(w - 1, O + G)), I, O];
     }, f._getVerticalRangeToRender = function() {
-      var s = this.props, w = s.columnCount, b = s.overscanCount, y = s.overscanRowCount, E = s.overscanRowsCount, x = s.rowCount, R = this.state, z = R.isScrolling, D = R.verticalScrollDirection, A = R.scrollTop, L = y || E || b || 1;
+      var s = this.props, w = s.columnCount, b = s.overscanCount, S = s.overscanRowCount, E = s.overscanRowsCount, x = s.rowCount, R = this.state, z = R.isScrolling, D = R.verticalScrollDirection, A = R.scrollTop, L = S || E || b || 1;
       if (w === 0 || x === 0)
         return [0, 0, 0, 0];
       var I = p(this.props, A, this._instanceProps), O = v(this.props, I, A, this._instanceProps), M = !z || D === "backward" ? Math.max(1, L) : 1, G = !z || D === "forward" ? Math.max(1, L) : 1;
@@ -1569,7 +1569,7 @@ var qo = function(e, n) {
     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.'));
   }
-}, Kt = 50, yn = function(e, n) {
+}, Kt = 50, Sn = function(e, n) {
   var o = e.rowCount, r = n.rowMetadataMap, a = n.estimatedRowHeight, l = n.lastMeasuredRowIndex, c = 0;
   if (l >= o && (l = o - 1), l >= 0) {
     var d = r[l];
@@ -1577,7 +1577,7 @@ var qo = function(e, n) {
   }
   var u = o - l - 1, m = u * a;
   return c + m;
-}, Sn = function(e, n) {
+}, yn = function(e, n) {
   var o = e.columnCount, r = n.columnMetadataMap, a = n.estimatedColumnWidth, l = n.lastMeasuredColumnIndex, c = 0;
   if (l >= o && (l = o - 1), l >= 0) {
     var d = r[l];
@@ -1621,7 +1621,7 @@ var qo = 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, u = fe(e, n, o, l), m = e === "column" ? Sn(n, l) : yn(n, l), P = Math.max(0, Math.min(m - d, u.offset)), p = Math.max(0, u.offset - d + c + u.size);
+  var d = e === "column" ? n.width : n.height, u = fe(e, n, o, l), m = e === "column" ? yn(n, l) : Sn(n, l), P = Math.max(0, Math.min(m - d, u.offset)), p = Math.max(0, u.offset - d + c + u.size);
   switch (r === "smart" && (a >= p - d && a <= P + d ? r = "auto" : r = "center"), r) {
     case "start":
       return P;
@@ -1648,8 +1648,8 @@ var qo = function(e, n) {
   getColumnWidth: function(e, n, o) {
     return o.columnMetadataMap[n].size;
   },
-  getEstimatedTotalHeight: yn,
-  getEstimatedTotalWidth: Sn,
+  getEstimatedTotalHeight: Sn,
+  getEstimatedTotalWidth: yn,
   getOffsetForColumnAndAlignment: function(e, n, o, r, a, l) {
     return Yt("column", e, n, o, r, a, l);
   },
@@ -1721,9 +1721,9 @@ function Xo(t, e) {
   return !Jt(n, r) && !Jt(o, a);
 }
 const Yo = () => {
-  const { viewMode: t } = Ee(), { scrollMode: e } = Le(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ue(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === J.HORIZONTAL_SCROLLING ? a : t === Ie.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((_, S, C) => {
+  const { viewMode: t } = Ee(), { scrollMode: e } = Le(), { setColumnCount: n } = un(), { virtualScrollableElementRef: o } = et(), r = Ue(), a = k(() => r.heights.length, [r.heights]), l = k(() => e === J.HORIZONTAL_SCROLLING ? a : t === Ie.DUAL_PAGE ? 2 : 1, [t, e, e, a, o]), c = k(() => r.widths.reduce((_, y, C) => {
     const T = C % l;
-    return (!_[T] || S > _[T]) && (_[T] = S), _;
+    return (!_[T] || y > _[T]) && (_[T] = y), _;
   }, []), [r.widths, l]), d = N(
     (v) => {
       const _ = v % c.length;
@@ -1786,13 +1786,13 @@ function Jo(t) {
     let p = !1, v = "";
     o = "animationstart";
     const _ = "Webkit Moz O ms".split(" ");
-    let S = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
+    let y = "webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "), C = "";
     {
       const T = document.createElement("fakeelement");
       if (T.style.animationName !== void 0 && (p = !0), p === !1) {
         for (let h = 0; h < _.length; h++)
           if (T.style[_[h] + "AnimationName"] !== void 0) {
-            C = _[h], v = "-" + C.toLowerCase() + "-", o = S[h], p = !0;
+            C = _[h], v = "-" + C.toLowerCase() + "-", o = y[h], p = !0;
             break;
           }
       }
@@ -1801,8 +1801,8 @@ function Jo(t) {
   }
   const u = function(p) {
     if (!p.getElementById("detectElementResize")) {
-      const v = (e || "") + ".resize-triggers { " + (r || "") + 'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', _ = p.head || p.getElementsByTagName("head")[0], S = p.createElement("style");
-      S.id = "detectElementResize", S.type = "text/css", t != null && S.setAttribute("nonce", t), S.styleSheet ? S.styleSheet.cssText = v : S.appendChild(p.createTextNode(v)), _.appendChild(S);
+      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%; }', _ = p.head || p.getElementsByTagName("head")[0], y = p.createElement("style");
+      y.id = "detectElementResize", y.type = "text/css", t != null && y.setAttribute("nonce", t), y.styleSheet ? y.styleSheet.cssText = v : y.appendChild(p.createTextNode(v)), _.appendChild(y);
     }
   };
   return {
@@ -1811,8 +1811,8 @@ function Jo(t) {
         p.attachEvent("onresize", v);
       else {
         if (!p.__resizeTriggers__) {
-          const _ = p.ownerDocument, S = oe.getComputedStyle(p);
-          S && S.position === "static" && (p.style.position = "relative"), u(_), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = _.createElement("div")).className = "resize-triggers";
+          const _ = p.ownerDocument, y = oe.getComputedStyle(p);
+          y && y.position === "static" && (p.style.position = "relative"), u(_), p.__resizeLast__ = {}, p.__resizeListeners__ = [], (p.__resizeTriggers__ = _.createElement("div")).className = "resize-triggers";
           const C = _.createElement("div");
           C.className = "expand-trigger", C.appendChild(_.createElement("div"));
           const T = _.createElement("div");
@@ -1900,12 +1900,12 @@ class Qo extends tr {
       height: p,
       scaledHeight: v,
       scaledWidth: _,
-      width: S
+      width: y
     } = this.state, C = {
       overflow: "visible"
     }, T = {};
     let h = !1;
-    return r || (p === 0 && (h = !0), C.height = 0, T.height = p, T.scaledHeight = v), a || (S === 0 && (h = !0), C.width = 0, T.width = S, T.scaledWidth = _), l && (h = !1), qe(m, {
+    return r || (p === 0 && (h = !0), C.height = 0, T.height = p, T.scaledHeight = v), a || (y === 0 && (h = !0), C.width = 0, T.width = y, T.scaledWidth = _), l && (h = !1), qe(m, {
       ref: this._setRef,
       style: {
         ...C,
@@ -1960,10 +1960,10 @@ const ei = ln(({ widths: t, heights: e }) => {
     }
   );
 }, ni = (t, e, n) => {
-  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = Ue(), { setFocusedPage: c } = ie(), [d, u] = $([]), { targetScrollPage: m } = pn(), P = Pt(d, 0, 500), p = k(() => a.map((_, S) => {
-    const C = l[S], T = qr(S + 1, t), h = C * T.columnIndex, f = _ * T.rowIndex, g = h + C, s = f + _;
+  const o = H(), { contentRef: r } = ge(), { heights: a, widths: l } = Ue(), { setFocusedPage: c } = ie(), [d, u] = $([]), { targetScrollPage: m } = pn(), P = Pt(d, 0, 500), p = k(() => a.map((_, y) => {
+    const C = l[y], T = qr(y + 1, t), h = C * T.columnIndex, f = _ * T.rowIndex, g = h + C, s = f + _;
     return {
-      pageNumber: S + 1,
+      pageNumber: y + 1,
       ...T,
       width: C,
       height: _,
@@ -1974,9 +1974,9 @@ const ei = ln(({ widths: t, heights: e }) => {
     };
   }), [a, l, t, e]);
   F(() => {
-    var S;
+    var y;
     P.length > 0 && !m.current && c(P[0].pageNumber);
-    let _ = (S = P[0]) == null ? void 0 : S.ratio;
+    let _ = (y = P[0]) == null ? void 0 : y.ratio;
     _ && P.filter((C) => Math.round(C.ratio) === Math.round(_)).some((C) => C.pageNumber === m.current) && setTimeout(() => {
       m.current = void 0;
     }, 500);
@@ -1984,16 +1984,16 @@ const ei = ln(({ widths: t, heights: e }) => {
   const v = N(
     (_) => {
       o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        const S = _.target, C = {
-          startTop: S.scrollTop,
-          startLeft: S.scrollLeft,
-          endTop: S.scrollTop + S.clientHeight,
-          endLeft: S.scrollLeft + S.clientWidth
+        const y = _.target, C = {
+          startTop: y.scrollTop,
+          startLeft: y.scrollLeft,
+          endTop: y.scrollTop + y.clientHeight,
+          endLeft: y.scrollLeft + y.clientWidth
         }, T = p.filter((h) => {
           const f = h.endX >= C.startLeft && h.endY >= C.startTop, g = h.startX <= C.endLeft && h.startY <= C.endTop;
           return f && g;
         }).map((h) => {
-          const f = C.startLeft > h.startX ? C.startLeft : h.startX, g = C.startTop > h.startY ? C.startTop : h.startY, s = C.endLeft < h.endX ? C.endLeft : h.endX, w = C.endTop < h.endY ? C.endTop : h.endY, b = s - f, y = w - g, x = +(b * y / (h.width * h.height) * 100).toFixed(2);
+          const f = C.startLeft > h.startX ? C.startLeft : h.startX, g = C.startTop > h.startY ? C.startTop : h.startY, s = C.endLeft < h.endX ? C.endLeft : h.endX, w = C.endTop < h.endY ? C.endTop : h.endY, b = s - f, S = w - g, x = +(b * S / (h.width * h.height) * 100).toFixed(2);
           return {
             pageNumber: h.pageNumber,
             ratio: x
@@ -2011,16 +2011,16 @@ const ei = ln(({ widths: t, heights: e }) => {
       };
   }, [n, v]);
 }, _e = {
-  "rp-layout": "_rp-layout_zudyr_1",
-  "rp-content": "_rp-content_zudyr_5",
-  "rp-pages": "_rp-pages_zudyr_11",
-  "rp-container": "_rp-container_zudyr_16",
-  "rp-loader": "_rp-loader_zudyr_20",
-  "rp-theme-variables": "_rp-theme-variables_zudyr_24",
-  "rp-dark-mode": "_rp-dark-mode_zudyr_135"
+  "rp-layout": "_rp-layout_1g4ff_1",
+  "rp-content": "_rp-content_1g4ff_5",
+  "rp-pages": "_rp-pages_1g4ff_11",
+  "rp-container": "_rp-container_1g4ff_16",
+  "rp-loader": "_rp-loader_1g4ff_20",
+  "rp-theme-variables": "_rp-theme-variables_1g4ff_24",
+  "rp-dark-mode": "_rp-dark-mode_1g4ff_135"
 }, In = $e(
   (t, e) => {
-    const { children: n, toolbarRef: o, style: r, className: a, ...l } = t, { customVariables: c, customDarkVariables: d } = yr(), { darkMode: u } = or();
+    const { children: n, toolbarRef: o, style: r, className: a, ...l } = t, { customVariables: c, customDarkVariables: d } = Sr(), { darkMode: u } = or();
     return /* @__PURE__ */ i(
       "div",
       {
@@ -2055,7 +2055,7 @@ const ei = ln(({ widths: t, heights: e }) => {
     virtualScrollableElementRef: P,
     totalInnerDimensions: p,
     pageScrollElementRef: v
-  } = et(), _ = H(!0), { nextPage: S, prevPage: C, setFocusedPage: T, focusedPage: h } = ie(), { scrollMode: f } = Le(), { viewMode: g } = Ee(), s = H(null), { loading: w } = Q(), { passwordRequired: b } = rr(), { LoaderImageComponent: y } = hn(), E = H(
+  } = et(), _ = H(!0), { nextPage: y, prevPage: C, setFocusedPage: T, focusedPage: h } = ie(), { scrollMode: f } = Le(), { viewMode: g } = Ee(), s = H(null), { loading: w } = Q(), { passwordRequired: b } = rr(), { LoaderImageComponent: S } = hn(), E = H(
     p
   ), x = H({
     viewMode: g,
@@ -2082,9 +2082,9 @@ const ei = ln(({ widths: t, heights: e }) => {
   }), [O]), Ne = N(
     (U) => {
       const V = document.activeElement !== o;
-      !D && V || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), S()));
+      !D && V || (["ArrowUp", "ArrowLeft"].includes(U.key) ? (U.preventDefault(), C()) : ["ArrowDown", "ArrowRight"].includes(U.key) && (U.preventDefault(), y()));
     },
-    [S, C, D, f]
+    [y, C, D, f]
   );
   F(() => (window.addEventListener("keydown", Ne), () => {
     window.removeEventListener("keydown", Ne);
@@ -2102,8 +2102,8 @@ const ei = ln(({ widths: t, heights: e }) => {
     (U, V) => {
       if (!P)
         return { scrollTop: 0, scrollLeft: 0 };
-      const Te = ee.current.scrollTop > V, ye = ee.current.scrollLeft > U;
-      return Te || ye ? ee.current : {
+      const Te = ee.current.scrollTop > V, Se = ee.current.scrollLeft > U;
+      return Te || Se ? ee.current : {
         scrollTop: P.scrollTop,
         scrollLeft: P.scrollLeft
       };
@@ -2119,14 +2119,14 @@ const ei = ln(({ widths: t, heights: e }) => {
         }, 100);
         return;
       }
-      const ye = U.scrollTop, ot = U.scrollLeft;
+      const Se = U.scrollTop, ot = U.scrollLeft;
       if (!V.height || !V.width)
         return;
       R.current = !0;
-      const { height: Se, width: it } = V, { height: Ot, width: zt } = E.current;
-      if (Ot === Se && zt === it)
+      const { height: ye, width: it } = V, { height: Ot, width: zt } = E.current;
+      if (Ot === ye && zt === it)
         return;
-      const Xn = ye / Ot * Se, Yn = ot / zt * it, Jn = Math.round(Math.min(Xn, Se)) || 0, Qn = Math.round(Math.min(Yn, it)) || 0;
+      const Xn = Se / Ot * ye, Yn = ot / zt * it, Jn = Math.round(Math.min(Xn, ye)) || 0, Qn = Math.round(Math.min(Yn, it)) || 0;
       z.current = setTimeout(() => {
         requestAnimationFrame(() => {
           l == null || l.scrollTo({
@@ -2144,10 +2144,10 @@ const ei = ln(({ widths: t, heights: e }) => {
   F(() => {
     clearTimeout(z.current);
     const U = Array.from({ length: L }).reduce(
-      (ye, ot, Se) => ye + I(Se),
+      (Se, ot, ye) => Se + I(ye),
       0
     ), V = Array.from({ length: O }).reduce(
-      (ye, ot, Se) => ye + M(Se),
+      (Se, ot, ye) => Se + M(ye),
       0
     ), Te = Pe(V, U);
     ee.current = Te, we(Te, { height: U, width: V }), m({
@@ -2237,7 +2237,7 @@ const ei = ln(({ widths: t, heights: e }) => {
           height: "100%",
           width: "100%"
         },
-        children: y && /* @__PURE__ */ i(y, {})
+        children: S && /* @__PURE__ */ i(S, {})
       }
     ) }) }) }),
     b && /* @__PURE__ */ i(Vr, {})
@@ -2269,7 +2269,7 @@ const ei = ln(({ widths: t, heights: e }) => {
   }, []), _ = N(async () => {
     const h = a(l);
     h.success || c(h.currentPage.toString());
-  }, [a, l, e]), S = N(() => {
+  }, [a, l, e]), y = N(() => {
     c(t.toString());
   }, [t]), C = N(
     (h) => {
@@ -2301,7 +2301,7 @@ const ei = ln(({ widths: t, heights: e }) => {
       dn,
       {
         onKeyDown: C,
-        onBlur: S,
+        onBlur: y,
         onChange: v,
         value: l,
         className: ft["rp-page-input"]
@@ -2376,13 +2376,13 @@ var Lt = "DialogPortal", [li, Nn] = Rn(Lt, {
   forceMount: void 0
 }), On = (t) => {
   const { __scopeDialog: e, forceMount: n, children: o, container: r } = t, a = ce(Lt, e);
-  return /* @__PURE__ */ i(li, { scope: e, forceMount: n, children: B.Children.map(o, (l) => /* @__PURE__ */ i(yt, { present: n || a.open, children: /* @__PURE__ */ i(io, { asChild: !0, container: r, children: l }) })) });
+  return /* @__PURE__ */ i(li, { scope: e, forceMount: n, children: B.Children.map(o, (l) => /* @__PURE__ */ i(St, { present: n || a.open, children: /* @__PURE__ */ i(io, { asChild: !0, container: r, children: l }) })) });
 };
 On.displayName = Lt;
 var Xe = "DialogOverlay", zn = B.forwardRef(
   (t, e) => {
     const n = Nn(Xe, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Xe, t.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ i(yt, { present: o || a.open, children: /* @__PURE__ */ i(di, { ...r, ref: e }) }) : null;
+    return a.modal ? /* @__PURE__ */ i(St, { present: o || a.open, children: /* @__PURE__ */ i(di, { ...r, ref: e }) }) : null;
   }
 );
 zn.displayName = Xe;
@@ -2406,7 +2406,7 @@ var di = B.forwardRef(
 ), Re = "DialogContent", Dn = B.forwardRef(
   (t, e) => {
     const n = Nn(Re, t.__scopeDialog), { forceMount: o = n.forceMount, ...r } = t, a = ce(Re, t.__scopeDialog);
-    return /* @__PURE__ */ i(yt, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(ui, { ...r, ref: e }) : /* @__PURE__ */ i(pi, { ...r, ref: e }) });
+    return /* @__PURE__ */ i(St, { present: o || a.open, children: a.modal ? /* @__PURE__ */ i(ui, { ...r, ref: e }) : /* @__PURE__ */ i(pi, { ...r, ref: e }) });
   }
 );
 Dn.displayName = Re;
@@ -2570,7 +2570,7 @@ const xe = {
       creator: p,
       keywords: v,
       modifiedOn: _,
-      pdfProducer: S,
+      pdfProducer: y,
       pdfVersion: C,
       pageCount: T
     } = t;
@@ -2592,7 +2592,7 @@ const xe = {
         value: _ ? kt(_) : ""
       },
       { separate: !0 },
-      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: S },
+      { label: r == null ? void 0 : r.propertiesPDFProducerLabel, value: y },
       { label: r == null ? void 0 : r.propertiesPDFVersionLabel, value: C },
       { label: r == null ? void 0 : r.propertiesPageCountLabel, value: T }
     ];
@@ -2605,11 +2605,11 @@ const xe = {
       /* @__PURE__ */ i(Pi, { asChild: !0, className: xe["rp-dialog-close"], children: /* @__PURE__ */ i(so, {}) })
     ] })
   ] }) }) });
-}, yi = {
+}, Si = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, nn = ".pdf", Si = (t) => URL.createObjectURL(t), xi = async (t) => {
+}, nn = ".pdf", yi = (t) => URL.createObjectURL(t), xi = async (t) => {
   const n = await (await fetch(t)).blob();
-  return Si(n);
+  return yi(n);
 }, Gn = () => {
   const { filename: t, pdfSrc: e } = Q(), { downloadFilename: n } = fr(), o = (a) => {
     const l = n || a;
@@ -2672,7 +2672,7 @@ const xe = {
       /* @__PURE__ */ i("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ i(zi, {}) }),
       /* @__PURE__ */ i("span", { children: r == null ? void 0 : r.lastPageLabel })
     ] }) }) }),
-    /* @__PURE__ */ i(St, {})
+    /* @__PURE__ */ i(yt, {})
   ] }) : null;
 }, Ai = () => {
   const { container: t, pagesRef: e } = ge(), { isSmallScreen: n } = Ce(), {
@@ -2685,7 +2685,7 @@ const xe = {
     jumpNavigationTool: u,
     printTool: m,
     fullscreenTool: P
-  } = ve(), { localeMessages: p } = se(), [v, _] = $(0), S = H(
+  } = ve(), { localeMessages: p } = se(), [v, _] = $(0), y = H(
     new ResizeObserver((T) => {
       _(T[0].contentRect.height);
     })
@@ -2703,8 +2703,8 @@ const xe = {
     u,
     n
   ]);
-  return F(() => (e && S.current.observe(e), () => {
-    S.current.disconnect();
+  return F(() => (e && y.current.observe(e), () => {
+    y.current.disconnect();
   }), [e]), C ? /* @__PURE__ */ W(uo, { children: [
     /* @__PURE__ */ i(
       mn,
@@ -2717,7 +2717,7 @@ const xe = {
           "div",
           {
             style: { maxHeight: `${v}px`, overflow: "auto" },
-            className: yi["rp-other-tool-content"],
+            className: Si["rp-other-tool-content"],
             "data-rp": "moreOptionsDropdown",
             children: [
               n && /* @__PURE__ */ W(Ke, { children: [
@@ -2725,7 +2725,7 @@ const xe = {
                 /* @__PURE__ */ i(qn, {}),
                 /* @__PURE__ */ i(jn, {}),
                 /* @__PURE__ */ i(gn, {}),
-                /* @__PURE__ */ i(St, {})
+                /* @__PURE__ */ i(yt, {})
               ] }),
               /* @__PURE__ */ i(Di, {}),
               /* @__PURE__ */ i(ho, {}),
@@ -2774,7 +2774,7 @@ const xe = {
       const w = Math.floor(s / 25) * 25;
       return Math.min(w + 25, mt);
     });
-  }, [e]), S = N(() => {
+  }, [e]), y = N(() => {
     e((s) => {
       const w = Math.ceil(s / 25) * 25;
       return Math.min(w - 25, mt);
@@ -2784,9 +2784,9 @@ const xe = {
     return s ? s.page.getViewport({ scale: 1, rotation: l + s.defaultRotation }) : null;
   }, [c, a, l]), f = N(
     (s) => {
-      const w = ((h == null ? void 0 : h.width) || 0) + 2 * Mt, b = ((h == null ? void 0 : h.height) || 0) + 2 * Mt, y = (o == null ? void 0 : o.clientWidth) || 0, E = (o == null ? void 0 : o.clientHeight) || 0, x = Co(
+      const w = ((h == null ? void 0 : h.width) || 0) + 2 * Mt, b = ((h == null ? void 0 : h.height) || 0) + 2 * Mt, S = (o == null ? void 0 : o.clientWidth) || 0, E = (o == null ? void 0 : o.clientHeight) || 0, x = Co(
         s,
-        y,
+        S,
         E,
         w,
         b,
@@ -2808,7 +2808,7 @@ const xe = {
       re,
       {
         disabled: C,
-        onClick: S,
+        onClick: y,
         "aria-label": u == null ? void 0 : u.zoomOutTooltip,
         children: /* @__PURE__ */ i(Hi, {})
       }
@@ -2844,7 +2844,7 @@ const xe = {
                 /* @__PURE__ */ i(be, { onClick: () => g(at.PAGE_FIT), children: u == null ? void 0 : u.zoomPageFit }),
                 /* @__PURE__ */ i(be, { onClick: () => g(at.PAGE_WIDTH), children: u == null ? void 0 : u.zoomPageWidth })
               ] }),
-              /* @__PURE__ */ i(St, {}),
+              /* @__PURE__ */ i(yt, {}),
               /* @__PURE__ */ i(Ke, { children: ki.map((s) => /* @__PURE__ */ W(be, { onClick: () => g(s), children: [
                 s,
                 " %"
@@ -2901,7 +2901,7 @@ const xe = {
     nextMatch: p,
     prevMatch: v,
     search: _
-  } = xt(), { searchTool: S = !0 } = ve(), [C, T] = $(_), { localeMessages: h } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
+  } = xt(), { searchTool: y = !0 } = ve(), [C, T] = $(_), { localeMessages: h } = se(), { isSmallScreen: f } = Ce(), g = N(() => {
     n(!0);
   }, []), s = N(() => {
     u(""), T(""), n(!1);
@@ -2913,7 +2913,7 @@ const xe = {
       I.key === "Escape" && e && s();
     },
     [e]
-  ), y = N(
+  ), S = N(
     (I) => {
       I.shiftKey && I.key === "Enter" ? v() : I.key === "Enter" && _ !== C ? u(C) : I.key === "Enter" && p();
     },
@@ -2941,7 +2941,7 @@ const xe = {
   );
   return F(() => {
     s();
-  }, [o, s]), S ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
+  }, [o, s]), y ? /* @__PURE__ */ i(me, { children: /* @__PURE__ */ i(
     Hr,
     {
       open: e,
@@ -2954,7 +2954,7 @@ const xe = {
               dn,
               {
                 value: C,
-                onKeyDown: y,
+                onKeyDown: S,
                 onChange: E,
                 icon: /* @__PURE__ */ i(an, {}),
                 placeholder: h == null ? void 0 : h.searchInputPlaceholder,
@@ -3082,11 +3082,11 @@ const xe = {
   return F(() => {
     o > c ? d(o) : n && m.current !== o && (ji(u.current, o), m.current = o);
   }, [o, c, d, n, P]), gr(u.current, p), /* @__PURE__ */ i("div", { ref: u, className: sn["rp-thumbnails-container"], children: /* @__PURE__ */ i("div", { className: sn["rp-thumbnails"], children: n ? P.map((v, _) => {
-    var S, C;
+    var y, C;
     return /* @__PURE__ */ i(
       Bi,
       {
-        isFocused: o === ((S = v.page) == null ? void 0 : S.pageNumber),
+        isFocused: o === ((y = v.page) == null ? void 0 : y.pageNumber),
         pageNumber: (C = v.page) == null ? void 0 : C.pageNumber,
         thumbnailSrc: v.thumbnailSrc,
         loading: v.loading,
@@ -3144,7 +3144,7 @@ const xe = {
     onLoaded: d,
     cleanupOnLoaded: u,
     onLayoutWidthChange: m
-  } = t, [P, p] = $(null), { setContainer: v, setContentRef: _ } = ge(), { loading: S } = Q(), { LoaderImageComponent: C } = hn();
+  } = t, [P, p] = $(null), { setContainer: v, setContentRef: _ } = ge(), { loading: y } = Q(), { LoaderImageComponent: C } = hn();
   return F(() => (d && d(), () => {
     u && u();
   }), [d, u]), /* @__PURE__ */ i(In, { toolbarRef: P, ref: e, children: /* @__PURE__ */ i(Tr, { mobileWidth: c, onLayoutWidthChange: m, children: /* @__PURE__ */ i(wr, { slots: o, children: /* @__PURE__ */ i(_r, { icons: r, children: /* @__PURE__ */ W(br, { getContainerRef: v, style: a, className: l, children: [
@@ -3158,7 +3158,7 @@ const xe = {
       ] }),
       /* @__PURE__ */ i(Pr, {})
     ] }),
-    S ? /* @__PURE__ */ i(
+    y ? /* @__PURE__ */ i(
       "div",
       {
         className: _e["rp-loader"],
@@ -3214,9 +3214,9 @@ export {
   tt as d,
   xt as e,
   wn as f,
-  yo as g,
+  So as g,
   _n as h,
-  So as i,
+  yo as i,
   bn as j,
   xo as k,
   Cn as l,