@pdf-viewer/react 0.7.0-beta.1 → 0.8.0-beta.0

package/dist/{RPDefaultLayout-97effa3a.js → RPDefaultLayout-3d9595ed.js}

@@ -46,34 +46,35 @@ import { sanitizeExternalUrl as ir } from "./utils/sanitizeExternalUrl.js";
 import { useWatermark as cr } from "./utils/hooks/useWatermark.js";
 import { useMousePressed as lr } from "./utils/hooks/useMousePressed.js";
 import { useGrabScroll as ur } from "./utils/hooks/useGrabScroll.js";
+import { usePinch as dr } from "./utils/hooks/usePinch.js";
 import { getThumbnailViewport as yt } from "./utils/getThumbnailViewport.js";
-import { useDebounce as dr } from "./utils/hooks/useDebounce.js";
-import { appConsole as pr } from "./utils/appConsole.js";
+import { useDebounce as pr } from "./utils/hooks/useDebounce.js";
+import { appConsole as hr } from "./utils/appConsole.js";
 import { FileUploadTool as Yt } from "./components/layout/toolbar/FileUploadTool.js";
-import { DarkModeTool as hr } from "./components/layout/toolbar/DarkModeTool.js";
-import { ThreeDotIcon as mr } from "./components/icons/ThreeDotIcon.js";
+import { DarkModeTool as mr } from "./components/layout/toolbar/DarkModeTool.js";
+import { ThreeDotIcon as fr } from "./components/icons/ThreeDotIcon.js";
 import { UIDropDown as ft } from "./components/ui/DropDown.js";
-import { u as gt, a as Le, c as Re, b as vt, d as fr, e as gr, h as vr, f as _r, F as wr, D as br, g as Ke, i as Cr, G as ke } from "./index-3459164c.js";
-import { c as Pr, e as Tr, a as Sr } from "./index-743c36f0.js";
+import { u as gt, a as Le, c as Re, b as vt, d as gr, e as vr, h as _r, f as wr, F as br, D as Cr, g as Ke, i as Pr, G as ke } from "./index-3459164c.js";
+import { c as Tr, e as Sr, a as yr } from "./index-743c36f0.js";
 import { CloseIcon as Qt } from "./components/icons/CloseIcon.js";
-import { PropertyItem as yr } from "./components/layout/toolbar/PropertyItem.js";
-import { useOtherToolContext as Ir, OtherToolProvider as xr } from "./contexts/OtherToolContext.js";
-import { DocumentProperties as Rr } from "./components/layout/toolbar/DocumentProperties.js";
-import { RotateTool as Mr } from "./components/layout/toolbar/RotateTool.js";
-import { ScrollModeTool as Nr } from "./components/layout/toolbar/ScrollModeTool.js";
+import { PropertyItem as Ir } from "./components/layout/toolbar/PropertyItem.js";
+import { useOtherToolContext as xr, OtherToolProvider as Rr } from "./contexts/OtherToolContext.js";
+import { DocumentProperties as Mr } from "./components/layout/toolbar/DocumentProperties.js";
+import { RotateTool as Nr } from "./components/layout/toolbar/RotateTool.js";
+import { ScrollModeTool as Lr } from "./components/layout/toolbar/ScrollModeTool.js";
 import { MenuSeparator as _t } from "./components/layout/toolbar/MenuSeparator.js";
-import { FileDownloadDefaultIcon as Lr } from "./components/icons/FileDownloadDefaultIcon.js";
+import { FileDownloadDefaultIcon as Er } from "./components/icons/FileDownloadDefaultIcon.js";
 import { MenuItem as he } from "./components/layout/toolbar/MenuItem.js";
-import { PrintDefaultTool as Er } from "./components/icons/PrintDefaultIcon.js";
+import { PrintDefaultTool as Or } from "./components/icons/PrintDefaultIcon.js";
 import { FullScreenTool as en } from "./components/layout/toolbar/FullScreenTool.js";
 import { GoToDownIcon as tn } from "./components/icons/GoToDownIcon.js";
-import { SelectionModeTool as Or } from "./components/layout/toolbar/SelectionModeTool.js";
-import { ZoomInIcon as Dr } from "./components/icons/ZoomInIcon.js";
-import { ZoomOutIcon as Ar } from "./components/icons/ZoomOutIcon.js";
+import { SelectionModeTool as Dr } from "./components/layout/toolbar/SelectionModeTool.js";
+import { ZoomInIcon as Ar } from "./components/icons/ZoomInIcon.js";
+import { ZoomOutIcon as zr } from "./components/icons/ZoomOutIcon.js";
 import { PAGE_PADDING as It } from "./utils/constants.js";
-import { SearchIcon as zr } from "./components/icons/SearchIcon.js";
+import { SearchIcon as Fr } from "./components/icons/SearchIcon.js";
 import { UICheckbox as xt } from "./components/ui/Checkbox.js";
-import { ClearIcon as Fr } from "./components/icons/ClearIcon.js";
+import { ClearIcon as kr } from "./components/icons/ClearIcon.js";
 import './assets/RPDefaultLayout.css';const nn = () => {
   const { viewMode: e } = qe(), { scrollMode: t } = Te(), { virtualScrollRef: n, pageScrollElementRef: r } = Ze(), { setFocusedPage: o } = oe(), a = $(), { columnCount: c } = Bt(), i = ht(), l = $(t), p = $(e);
   F(() => {
@@ -106,8 +107,8 @@ import './assets/RPDefaultLayout.css';const nn = () => {
     },
     [c, h, o]
   ) };
-}, kr = (e = 1) => {
-  const [t, n] = W(e), [r, o] = W(0), { scrollToPage: a } = nn(), c = $(1), { isScrolling: i } = Kt(), { viewMode: l } = qe(), { scrollMode: p } = Te(), h = dr(t, 100), f = M(
+}, Wr = (e = 1) => {
+  const [t, n] = W(e), [r, o] = W(0), { scrollToPage: a } = nn(), c = $(1), { isScrolling: i } = Kt(), { viewMode: l } = qe(), { scrollMode: p } = Te(), h = pr(t, 100), f = M(
     (v) => {
       if (!/^[0-9]*$/g.test(v.toString()) || !v)
         return { success: !1, currentPage: c.current };
@@ -151,9 +152,9 @@ import './assets/RPDefaultLayout.css';const nn = () => {
   }
 }), oe = () => {
   const e = $e(rn);
-  return typeof (e == null ? void 0 : e.focusedPage) > "u" && pr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
-}, Ds = ({ children: e }) => {
-  const { initialPage: t = 1 } = Un(), { pdf: n } = ne(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: c, goToPage: i, nextPage: l, prevPage: p } = kr(t);
+  return typeof (e == null ? void 0 : e.focusedPage) > "u" && hr.error("Please use this hooks inside children component of RPController or RPLayout"), e;
+}, zs = ({ children: e }) => {
+  const { initialPage: t = 1 } = Un(), { pdf: n } = ne(), { focusedPage: r, totalPages: o, setFocusedPage: a, setTotalPages: c, goToPage: i, nextPage: l, prevPage: p } = Wr(t);
   return F(() => {
     n != null && n.numPages && c(n.numPages);
   }, [n, c, o, t]), F(() => {
@@ -176,7 +177,7 @@ import './assets/RPDefaultLayout.css';const nn = () => {
     }
   );
 };
-const Wr = () => {
+const Hr = () => {
   const { pdf: e, pages: t } = ne(), [n, r] = W({
     loadedPages: 0,
     totalPages: 0,
@@ -353,8 +354,8 @@ const Wr = () => {
       console.error("Error in setOnError callback:", t);
     }
   }
-}), As = ({ children: e }) => {
-  const [t, n] = W(null), [r, o] = W(null), { print: a, cancel: c, progress: i, isComplete: l, isError: p, error: h } = Wr(), f = M((v) => {
+}), Fs = ({ children: e }) => {
+  const [t, n] = W(null), [r, o] = W(null), { print: a, cancel: c, progress: i, isComplete: l, isError: p, error: h } = Hr(), f = M((v) => {
     v && typeof v == "function" && o(() => v);
   }, []), u = (v) => {
     h && v(h);
@@ -389,7 +390,7 @@ const Wr = () => {
   if (!e)
     throw new Error("usePrintContext must be used within a PrintProvider");
   return e;
-}, Hr = () => {
+}, $r = () => {
   const [e, t] = W({}), { pages: n } = ne(), { rotate: r } = Ve(), o = A(() => Object.keys(e).length, [e]), a = M(
     (i) => {
       if (!n.size)
@@ -477,11 +478,11 @@ const Wr = () => {
   setActive: (e) => {
   },
   active: !1
-}), sn = () => $e(an), zs = ({
+}), sn = () => $e(an), ks = ({
   children: e,
   initialThumbnailsVisible: t
 }) => {
-  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a } = Hr(), [c, i] = W(t);
+  const { thumbnailPages: n, addPage: r, addToPage: o, thumbnailLength: a } = $r(), [c, i] = W(t);
   return /* @__PURE__ */ s(
     an.Provider,
     {
@@ -489,7 +490,7 @@ const Wr = () => {
       children: e
     }
   );
-}, $r = (e = {}, t = "") => {
+}, Gr = (e = {}, t = "") => {
   const [n, r] = W(t), [o, a] = W(!1), { pdf: c, pages: i } = ne(), l = ht(), p = $(!n), { currentZoom: h } = Ue(), [f, u] = W([]), { setFocusedPage: m } = oe(), [g, _] = W(0), { pageScrollElementRef: v, virtualScrollableElementRef: C } = Ze(), { scrollMode: S } = Te(), [P, R] = W(null), d = $({}), b = A(() => g === 0 ? null : f[g - 1], [g, f]), w = A(() => f.length, [f]);
   F(() => {
     if (!b || !i)
@@ -595,7 +596,7 @@ const Wr = () => {
   currentMatchElement: null,
   setCurrentMatchElement: (e) => {
   }
-}), Fs = ({
+}), Ws = ({
   children: e,
   initialSearch: t
 }) => {
@@ -611,7 +612,7 @@ const Wr = () => {
     prevMatch: u,
     currentMatchElement: m,
     setCurrentMatchElement: g
-  } = $r(n, t);
+  } = Gr(n, t);
   return /* @__PURE__ */ s(
     cn.Provider,
     {
@@ -645,7 +646,7 @@ const Wr = () => {
   "rp-page-wrapper": "_rp-page-wrapper_h7a2q_1",
   "rp-page": "_rp-page_h7a2q_1",
   "rp-loader-wrapper": "_rp-loader-wrapper_h7a2q_14"
-}, Gr = (e) => {
+}, Vr = (e) => {
   const { pageNumber: t, onLoaded: n, onLoading: r } = e, o = $(null), { pages: a } = ne(), { rotate: c } = Ve(), i = $(), { currentZoom: l } = Ue();
   return F(() => {
     if (!a || l === 0)
@@ -666,7 +667,7 @@ const Wr = () => {
 }, Je = {
   "rp-text-layer": "_rp-text-layer_1mgyz_1",
   "rp-text-layer-text": "_rp-text-layer-text_1mgyz_9"
-}, Vr = (e) => {
+}, Ur = (e) => {
   const { pageNumber: t } = e, { pages: n } = ne(), r = $(null), { matches: o, currentMatch: a, setCurrentMatchElement: c } = ln(), [i, l] = W(
     []
   ), p = $(), h = $(), f = $(), u = A(() => o.filter((g) => g.pageIndex === t - 1), [o, t]), m = M(
@@ -728,16 +729,16 @@ const Wr = () => {
       ref: r
     }
   );
-}, Ur = {
+}, qr = {
   "rp-annotation-layer": "_rp-annotation-layer_o0ksd_1"
 }, un = ["click", "dblclick", "mouseover", "input", "change"];
-let qr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
+let Zr = "https://unpkg.com/pdfjs-dist@4.4.168/web/images/";
 const ct = /* @__PURE__ */ new Map(), dn = (e, t) => `${e.loadingTask.docId}___${t.num}R${t.gen === 0 ? "" : t.gen}`;
-function Zr(e, t) {
+function jr(e, t) {
   const n = dn(e, t);
   return ct.has(n) ? ct.get(n) ?? null : null;
 }
-const jr = (e, t, n) => {
+const Br = (e, t, n) => {
   ct.set(dn(e, t), n);
 }, Rt = (e, t) => {
   switch (t[1].name) {
@@ -776,16 +777,16 @@ const jr = (e, t, n) => {
 async function pn(e, t) {
   let n;
   if (typeof t == "string" ? n = await e.getDestination(t) : n = t, n && typeof n[0] == "object" && n[0] !== null) {
-    const r = n[0], o = Zr(e, r);
+    const r = n[0], o = jr(e, r);
     if (o === null) {
       const a = await e.getPageIndex(r);
-      return jr(e, r, a), await pn(e, n);
+      return Br(e, r, a), await pn(e, n);
     } else
       return Rt(o, n);
   } else
     return Rt(n[0], n);
 }
-function Br(e) {
+function Kr(e) {
   const { id: t, url: n, unsafeUrl: r } = e;
   new MutationObserver((a, c) => {
     const i = document.querySelector(`[data-annotation-id="${t}"]`);
@@ -795,7 +796,7 @@ function Br(e) {
     }
   }).observe(document.body, { childList: !0, subtree: !0 });
 }
-const Kr = (e) => {
+const Xr = (e) => {
   const n = e.target.parentNode;
   if (!n)
     return;
@@ -833,7 +834,7 @@ const Kr = (e) => {
     r(l);
   });
 };
-function Xr(e, t) {
+function Jr(e, t) {
   for (const n of un)
     e.addEventListener(n, t);
 }
@@ -841,7 +842,7 @@ function Nt(e, t) {
   for (const n of un)
     e.removeEventListener(n, t);
 }
-const Jr = (e) => {
+const Yr = (e) => {
   const { pageNumber: t } = e, n = $(null), { pages: r, pdf: o } = ne(), a = $(), [c, i] = W(), { setFocusedPage: l, goToPage: p } = oe(), { scrollMode: h } = Te(), f = A(() => r.get(t), [r, t]), u = A(() => f == null ? void 0 : f.page.getViewport(), [f]);
   F(() => {
     a.current && (a.current.div.replaceChildren(), a.current = void 0);
@@ -854,7 +855,7 @@ const Jr = (e) => {
   }, [f]);
   const g = M(
     (_) => {
-      Kr(_), !(!c || !o) && (h === J.PAGE_SCROLLING ? Mt(_, c, o, (v) => l(v.pageIndex + 1)) : Mt(_, c, o, (v) => p(v.pageIndex + 1)));
+      Xr(_), !(!c || !o) && (h === J.PAGE_SCROLLING ? Mt(_, c, o, (v) => l(v.pageIndex + 1)) : Mt(_, c, o, (v) => p(v.pageIndex + 1)));
     },
     [o, c, p, l, h]
   );
@@ -872,7 +873,7 @@ const Jr = (e) => {
       const { annotationType: S } = C;
       switch (S) {
         case at.Link:
-          Br(C);
+          Kr(C);
           break;
         case at.Widget:
           break;
@@ -897,14 +898,14 @@ const Jr = (e) => {
         div: n.current,
         viewport: _.clone({ dontFlip: !0 }),
         page: f.page,
-        imageResourcesPath: qr,
+        imageResourcesPath: Zr,
         renderForms: !1,
         linkService: new sr(),
         downloadManager: null,
         enableScripting: !1
       });
     })().then(() => {
-      n.current && Xr(n.current, g);
+      n.current && Jr(n.current, g);
     }), () => {
       n.current && Nt(n.current, g);
     };
@@ -913,11 +914,11 @@ const Jr = (e) => {
     {
       "data-rp": `page-${t}-annotationLayer`,
       style: { width: `${u == null ? void 0 : u.width}px`, height: `${u == null ? void 0 : u.height}px` },
-      className: Ur["rp-annotation-layer"],
+      className: qr["rp-annotation-layer"],
       ref: n
     }
   );
-}, Yr = Array.from({ length: 21 }, (e, t) => Number((t * 0.05).toFixed(2))), bt = Ge((e, t) => {
+}, Qr = Array.from({ length: 21 }, (e, t) => Number((t * 0.05).toFixed(2))), bt = Ge((e, t) => {
   const { pageNumber: n, style: r, onIntersectRatioChange: o, ...a } = e, { pages: c } = ne(), { rotate: i } = Ve(), { textLayer: l } = Gn(), { currentZoom: p } = Ue(), h = $(c.get(n)), [f, u] = W(!1), m = $(null), [g, _] = W({
     width: 0,
     height: 0
@@ -948,7 +949,7 @@ const Jr = (e) => {
       (R) => {
         o && o(n, R[0].intersectionRatio);
       },
-      { threshold: Yr }
+      { threshold: Qr }
     );
     return m.current && P.observe(m.current), () => {
       P.disconnect(), o && o(n, -1);
@@ -976,10 +977,10 @@ const Jr = (e) => {
           },
           className: Xe["rp-page"],
           children: [
-            /* @__PURE__ */ s(Gr, { onLoading: C, onLoaded: S, pageNumber: n }),
+            /* @__PURE__ */ s(Vr, { onLoading: C, onLoaded: S, pageNumber: n }),
             f && /* @__PURE__ */ s("div", { className: Xe["rp-loader-wrapper"], children: /* @__PURE__ */ s(mt, {}) }),
-            l && /* @__PURE__ */ s(Vr, { pageNumber: n }),
-            /* @__PURE__ */ s(Jr, { pageNumber: n })
+            l && /* @__PURE__ */ s(Ur, { pageNumber: n }),
+            /* @__PURE__ */ s(Yr, { pageNumber: n })
           ]
         }
       )
@@ -1006,25 +1007,25 @@ function ut(e, t) {
     return n.__proto__ = r, n;
   }, ut(e, t);
 }
-function Qr(e, t) {
+function eo(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ut(e, t);
 }
 var Et = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function eo(e, t) {
+function to(e, t) {
   return !!(e === t || Et(e) && Et(t));
 }
-function to(e, t) {
+function no(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!eo(e[n], t[n]))
+    if (!to(e[n], t[n]))
       return !1;
   return !0;
 }
 function Ye(e, t) {
-  t === void 0 && (t = to);
+  t === void 0 && (t = no);
   var n, r = [], o, a = !1;
   function c() {
     for (var i = [], l = 0; l < arguments.length; l++)
@@ -1045,7 +1046,7 @@ function Ot(e, t) {
     }
   return n;
 }
-var no = typeof performance == "object" && typeof performance.now == "function", Dt = no ? function() {
+var ro = typeof performance == "object" && typeof performance.now == "function", Dt = ro ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -1053,7 +1054,7 @@ var no = typeof performance == "object" && typeof performance.now == "function",
 function At(e) {
   cancelAnimationFrame(e.id);
 }
-function ro(e, t) {
+function oo(e, t) {
   var n = Dt();
   function r() {
     Dt() - n >= t ? e.call(null) : o.id = requestAnimationFrame(r);
@@ -1064,7 +1065,7 @@ function ro(e, t) {
   return o;
 }
 var Qe = -1;
-function oo(e) {
+function ao(e) {
   if (e === void 0 && (e = !1), Qe === -1 || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", document.body.appendChild(t), Qe = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
@@ -1081,17 +1082,17 @@ function zt(e) {
   }
   return Ce;
 }
-var ao = 150, so = function(t) {
+var so = 150, io = function(t) {
   var n = t.columnIndex;
   t.data;
   var r = t.rowIndex;
   return r + ":" + n;
 }, Oe = null, De = null, Ae = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Oe = /* @__PURE__ */ new WeakSet(), De = /* @__PURE__ */ new WeakSet(), Ae = /* @__PURE__ */ new WeakSet());
-function io(e) {
+function co(e) {
   var t, n = e.getColumnOffset, r = e.getColumnStartIndexForOffset, o = e.getColumnStopIndexForStartIndex, a = e.getColumnWidth, c = e.getEstimatedTotalHeight, i = e.getEstimatedTotalWidth, l = e.getOffsetForColumnAndAlignment, p = e.getOffsetForRowAndAlignment, h = e.getRowHeight, f = e.getRowOffset, u = e.getRowStartIndexForOffset, m = e.getRowStopIndexForStartIndex, g = e.initInstanceProps, _ = e.shouldResetStyleCacheOnItemSizeChange, v = e.validateProps;
   return t = /* @__PURE__ */ function(C) {
-    Qr(S, C);
+    eo(S, C);
     function S(R) {
       var d;
       return d = C.call(this, R) || this, d._instanceProps = g(d.props, Lt(d)), d._resetIsScrollingTimeoutId = null, d._outerRef = void 0, d.state = {
@@ -1169,7 +1170,7 @@ function io(e) {
         var w = d.props.outerRef;
         d._outerRef = b, typeof w == "function" ? w(b) : w != null && typeof w == "object" && w.hasOwnProperty("current") && (w.current = b);
       }, d._resetIsScrollingDebounced = function() {
-        d._resetIsScrollingTimeoutId !== null && At(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = ro(d._resetIsScrolling, ao);
+        d._resetIsScrollingTimeoutId !== null && At(d._resetIsScrollingTimeoutId), d._resetIsScrollingTimeoutId = oo(d._resetIsScrolling, so);
       }, d._resetIsScrolling = function() {
         d._resetIsScrollingTimeoutId = null, d.setState({
           isScrolling: !1
@@ -1179,7 +1180,7 @@ function io(e) {
       }, d;
     }
     S.getDerivedStateFromProps = function(d, b) {
-      return co(d, b), v(d), null;
+      return lo(d, b), v(d), null;
     };
     var P = S.prototype;
     return P.scrollTo = function(d) {
@@ -1194,7 +1195,7 @@ function io(e) {
         };
       }, this._resetIsScrollingDebounced);
     }, P.scrollToItem = function(d) {
-      var b = d.align, w = b === void 0 ? "auto" : b, T = d.columnIndex, D = d.rowIndex, I = this.props, y = I.columnCount, E = I.height, x = I.rowCount, N = I.width, L = this.state, k = L.scrollLeft, G = L.scrollTop, q = oo();
+      var b = d.align, w = b === void 0 ? "auto" : b, T = d.columnIndex, D = d.rowIndex, I = this.props, y = I.columnCount, E = I.height, x = I.rowCount, N = I.width, L = this.state, k = L.scrollLeft, G = L.scrollTop, q = ao();
       T !== void 0 && (T = Math.max(0, Math.min(T, y - 1))), D !== void 0 && (D = Math.max(0, Math.min(D, x - 1)));
       var Z = c(this.props, this._instanceProps), U = i(this.props, this._instanceProps), B = U > N ? q : 0, re = Z > E ? q : 0;
       this.scrollTo({
@@ -1233,7 +1234,7 @@ function io(e) {
     }, P.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && At(this._resetIsScrollingTimeoutId);
     }, P.render = function() {
-      var d = this.props, b = d.children, w = d.className, T = d.columnCount, D = d.direction, I = d.height, y = d.innerRef, E = d.innerElementType, x = d.innerTagName, N = d.itemData, L = d.itemKey, k = L === void 0 ? so : L, G = d.outerElementType, q = d.outerTagName, Z = d.rowCount, U = d.style, B = d.useIsScrolling, re = d.width, pe = this.state.isScrolling, K = this._getHorizontalRangeToRender(), Y = K[0], z = K[1], H = this._getVerticalRangeToRender(), j = H[0], se = H[1], Se = [];
+      var d = this.props, b = d.children, w = d.className, T = d.columnCount, D = d.direction, I = d.height, y = d.innerRef, E = d.innerElementType, x = d.innerTagName, N = d.itemData, L = d.itemKey, k = L === void 0 ? io : L, G = d.outerElementType, q = d.outerTagName, Z = d.rowCount, U = d.style, B = d.useIsScrolling, re = d.width, pe = this.state.isScrolling, K = this._getHorizontalRangeToRender(), Y = K[0], z = K[1], H = this._getVerticalRangeToRender(), j = H[0], se = H[1], Se = [];
       if (T > 0 && Z)
         for (var me = j; me <= se; me++)
           for (var fe = Y; fe <= z; fe++)
@@ -1301,7 +1302,7 @@ function io(e) {
     useIsScrolling: !1
   }, t;
 }
-var co = function(t, n) {
+var lo = function(t, n) {
   var r = t.children, o = t.direction, a = t.height, c = t.innerTagName, i = t.outerTagName, l = t.overscanColumnsCount, p = t.overscanCount, h = t.overscanRowsCount, f = t.width, u = n.instance;
   if (process.env.NODE_ENV !== "production") {
     if (typeof p == "number" && Oe && !Oe.has(u) && (Oe.add(u), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof l == "number" || typeof h == "number") && De && !De.has(u) && (De.add(u), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || i != null) && Ae && !Ae.has(u) && (Ae.add(u), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
@@ -1356,7 +1357,7 @@ var co = function(t, n) {
   var a, c;
   t === "column" ? (a = r.columnMetadataMap, c = r.lastMeasuredColumnIndex) : (a = r.rowMetadataMap, c = r.lastMeasuredRowIndex);
   var i = c > 0 ? a[c].offset : 0;
-  return i >= o ? fn(t, n, r, c, 0, o) : lo(t, n, r, Math.max(0, c), o);
+  return i >= o ? fn(t, n, r, c, 0, o) : uo(t, n, r, Math.max(0, c), o);
 }, fn = function(t, n, r, o, a, c) {
   for (; a <= o; ) {
     var i = a + Math.floor((o - a) / 2), l = ue(t, n, i, r).offset;
@@ -1365,7 +1366,7 @@ var co = function(t, n) {
     l < c ? a = i + 1 : l > c && (o = i - 1);
   }
   return a > 0 ? a - 1 : 0;
-}, lo = function(t, n, r, o, a) {
+}, uo = function(t, n, r, o, a) {
   for (var c = t === "column" ? n.columnCount : n.rowCount, i = 1; o < c && ue(t, n, o, r).offset < a; )
     o += i, i *= 2;
   return fn(t, n, r, Math.min(o, c - 1), Math.floor(o / 2), a);
@@ -1382,7 +1383,7 @@ var co = function(t, n) {
     default:
       return a >= u && a <= f ? a : u > f || a < u ? u : f;
   }
-}, uo = /* @__PURE__ */ io({
+}, po = /* @__PURE__ */ co({
   getColumnOffset: function(t, n, r) {
     return ue("column", t, n, r).offset;
   },
@@ -1464,12 +1465,12 @@ function Ht(e, t) {
       return !0;
   return !1;
 }
-var po = ["style"], ho = ["style"];
-function mo(e, t) {
-  var n = e.style, r = Ot(e, po), o = t.style, a = Ot(t, ho);
+var ho = ["style"], mo = ["style"];
+function fo(e, t) {
+  var n = e.style, r = Ot(e, ho), o = t.style, a = Ot(t, mo);
   return !Ht(n, o) && !Ht(r, a);
 }
-const fo = () => {
+const go = () => {
   const { viewMode: e } = qe(), { scrollMode: t } = Te(), { setColumnCount: n } = Bt(), { virtualScrollableElementRef: r } = Ze(), o = ht(), a = M(
     (m) => o.widths[m] || 0,
     [o]
@@ -1507,7 +1508,7 @@ tt == null || Vt == null ? (dt = et, pt = function(t) {
   }, $t);
   return [n, r];
 });
-function go(e) {
+function vo(e) {
   let t, n, r, o, a, c, i;
   const l = typeof document < "u" && document.attachEvent;
   if (!l) {
@@ -1579,7 +1580,7 @@ function go(e) {
     }
   };
 }
-class vo extends Wn {
+class _o extends Wn {
   constructor(...t) {
     super(...t), this.state = {
       height: this.props.defaultHeight || 0,
@@ -1620,7 +1621,7 @@ class vo extends Wn {
       const r = n.ownerDocument.defaultView.ResizeObserver;
       r != null ? (this._resizeObserver = new r(() => {
         this._timeoutId = setTimeout(this._onResize, 0);
-      }), this._resizeObserver.observe(n)) : (this._detectElementResize = go(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
+      }), this._resizeObserver.observe(n)) : (this._detectElementResize = vo(t), this._detectElementResize.addResizeListener(n, this._onResize)), this._onResize();
     }
   }
   componentWillUnmount() {
@@ -1658,7 +1659,7 @@ class vo extends Wn {
     }, !S && t(C));
   }
 }
-const _o = ({ widths: e, heights: t }) => {
+const wo = ({ widths: e, heights: t }) => {
   const { focusedPage: n, totalPages: r } = oe(), o = A(() => {
     const i = [], l = Math.ceil(n / 2) * 2 - 1;
     if (i.push(l), l + 1 < r) {
@@ -1682,7 +1683,7 @@ const _o = ({ widths: e, heights: t }) => {
     }
   ], [e, t, o]), c = A(() => a.reduce((i, l) => i + Number(l.width || 0), 0), [a]);
   return /* @__PURE__ */ s("div", { style: { width: c, position: "relative" }, children: o.map((i, l) => /* @__PURE__ */ s(bt, { style: a[l], pageNumber: i }, i)) });
-}, wo = ({ widths: e, heights: t }) => {
+}, bo = ({ widths: e, heights: t }) => {
   const { focusedPage: n } = oe(), r = A(() => ({
     position: "absolute",
     width: e(n - 1),
@@ -1698,7 +1699,7 @@ const _o = ({ widths: e, heights: t }) => {
       children: /* @__PURE__ */ s(bt, { style: r, pageNumber: n }, n)
     }
   );
-}, bo = Hn(({ columnIndex: e, rowIndex: t, data: n, style: r }) => {
+}, Co = Hn(({ columnIndex: e, rowIndex: t, data: n, style: r }) => {
   const o = A(() => e + 1 + t * n.columnCount, [e, t, n]);
   return /* @__PURE__ */ s(
     bt,
@@ -1709,7 +1710,7 @@ const _o = ({ widths: e, heights: t }) => {
     },
     o
   );
-}, mo), ks = () => {
+}, fo), Hs = () => {
   const { getContainer: e, container: t } = cr(), { scrollToPage: n } = nn(), {
     virtualScrollRef: r,
     getVirtualScrollRef: o,
@@ -1731,10 +1732,12 @@ const _o = ({ widths: e, heights: t }) => {
     columnWidth: w,
     estimatedColumnWidth: T,
     estimatedRowHeight: D
-  } = fo(), [I, y] = W({}), { isScrolling: E } = Kt(), x = $(), N = $({
+  } = go(), [I, y] = W({}), { isScrolling: E } = Kt(), x = $(), N = $({
     scrollTop: 0,
     scrollLeft: 0
-  }), { isPressed: L } = lr(), { selectionMode: k } = Vn(), { initializeGrabScroll: G, scrollBehavior: q } = ur({
+  });
+  dr(t);
+  const { isPressed: L } = lr(), { selectionMode: k } = Vn(), { initializeGrabScroll: G, scrollBehavior: q } = ur({
     isPressed: L
   }), Z = A(() => k === $n.HAND, [k]), U = M((z, H) => {
     y((j) => ({ ...j, [z]: Math.round(H * 100) }));
@@ -1821,16 +1824,16 @@ const _o = ({ widths: e, heights: t }) => {
     },
     [Z, G, le]
   );
-  return /* @__PURE__ */ s("div", { ref: e, tabIndex: -1, className: K, children: /* @__PURE__ */ s(vo, { children: ({ width: z, height: H }) => /* @__PURE__ */ s("div", { "data-rp": "pages", ref: Y, style: { width: z, height: H, scrollBehavior: q }, children: m === J.PAGE_SCROLLING ? /* @__PURE__ */ s(
+  return /* @__PURE__ */ s("div", { ref: e, tabIndex: -1, className: K, children: /* @__PURE__ */ s(_o, { children: ({ width: z, height: H }) => /* @__PURE__ */ s("div", { "data-rp": "pages", ref: Y, style: { width: z, height: H, scrollBehavior: q }, children: m === J.PAGE_SCROLLING ? /* @__PURE__ */ s(
     "div",
     {
       ref: a,
       style: { width: z, height: H },
       className: Q(le["rp-pages"], le["rp-page-scrolling-wrapper"]),
-      children: g === Fe.DUAL_PAGE ? /* @__PURE__ */ s(_o, { widths: w, heights: d }) : /* @__PURE__ */ s(wo, { widths: w, heights: d })
+      children: g === Fe.DUAL_PAGE ? /* @__PURE__ */ s(wo, { widths: w, heights: d }) : /* @__PURE__ */ s(bo, { widths: w, heights: d })
     }
   ) : T ? /* @__PURE__ */ s(
-    uo,
+    po,
     {
       ref: o,
       itemData: B,
@@ -1850,7 +1853,7 @@ const _o = ({ widths: e, heights: t }) => {
         m === J.HORIZONTAL_SCROLLING ? le["rp-pages-horizontal-scroll"] : ""
       ),
       style: { scrollBehavior: q },
-      children: bo
+      children: Co
     }
   ) : null }) }) });
 }, ye = {
@@ -1863,13 +1866,13 @@ const _o = ({ widths: e, heights: t }) => {
   "rp-paginate": "_rp-paginate_1vu6o_1",
   "rp-page-input": "_rp-page-input_1vu6o_6",
   "rp-total-page": "_rp-total-page_1vu6o_12"
-}, Co = () => {
+}, Po = () => {
   const { prevIcon: e } = ce();
   return e || /* @__PURE__ */ s(Me, {});
-}, Po = () => {
+}, To = () => {
   const { nextIcon: e } = ce();
   return e || /* @__PURE__ */ s(Me, { style: { transform: "rotate(180deg" } });
-}, To = () => {
+}, So = () => {
   const { focusedPage: e, totalPages: t, setFocusedPage: n, nextPage: r, prevPage: o, goToPage: a } = oe(), [c, i] = W(e.toString()), { pageNavigationTool: l = !0 } = de(), { isSmallScreen: p } = _e();
   F(() => {
     i(e.toString());
@@ -1899,7 +1902,7 @@ const _o = ({ widths: e, heights: t }) => {
       changePage: n
     }
   ) : l ? /* @__PURE__ */ O("div", { className: nt["rp-paginate"], children: [
-    !p && /* @__PURE__ */ s(ee, { content: "Previous page", children: /* @__PURE__ */ s(X, { onClick: o, disabled: e === 1, children: /* @__PURE__ */ s(Co, {}) }) }),
+    !p && /* @__PURE__ */ s(ee, { content: "Previous page", children: /* @__PURE__ */ s(X, { onClick: o, disabled: e === 1, children: /* @__PURE__ */ s(Po, {}) }) }),
     /* @__PURE__ */ s(
       jt,
       {
@@ -1914,10 +1917,10 @@ const _o = ({ widths: e, heights: t }) => {
       "/",
       t
     ] }),
-    !p && /* @__PURE__ */ s(ee, { content: "Next page", children: /* @__PURE__ */ s(X, { onClick: r, disabled: e === t, children: /* @__PURE__ */ s(Po, {}) }) })
+    !p && /* @__PURE__ */ s(ee, { content: "Next page", children: /* @__PURE__ */ s(X, { onClick: r, disabled: e === t, children: /* @__PURE__ */ s(To, {}) }) })
   ] }) : null;
 };
-var Ct = "Dialog", [gn, Ws] = Pr(Ct), [So, ae] = gn(Ct), vn = (e) => {
+var Ct = "Dialog", [gn, $s] = Tr(Ct), [yo, ae] = gn(Ct), vn = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -1925,13 +1928,13 @@ var Ct = "Dialog", [gn, Ws] = Pr(Ct), [So, ae] = gn(Ct), vn = (e) => {
     defaultOpen: o,
     onOpenChange: a,
     modal: c = !0
-  } = e, i = V.useRef(null), l = V.useRef(null), [p = !1, h] = Sr({
+  } = e, i = V.useRef(null), l = V.useRef(null), [p = !1, h] = yr({
     prop: r,
     defaultProp: o,
     onChange: a
   });
   return /* @__PURE__ */ s(
-    So,
+    yo,
     {
       scope: t,
       triggerRef: i,
@@ -1948,7 +1951,7 @@ var Ct = "Dialog", [gn, Ws] = Pr(Ct), [So, ae] = gn(Ct), vn = (e) => {
   );
 };
 vn.displayName = Ct;
-var _n = "DialogTrigger", yo = V.forwardRef(
+var _n = "DialogTrigger", Io = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(_n, n), a = gt(t, o.triggerRef);
     return /* @__PURE__ */ s(
@@ -1966,28 +1969,28 @@ var _n = "DialogTrigger", yo = V.forwardRef(
     );
   }
 );
-yo.displayName = _n;
-var Pt = "DialogPortal", [Io, wn] = gn(Pt, {
+Io.displayName = _n;
+var Pt = "DialogPortal", [xo, wn] = gn(Pt, {
   forceMount: void 0
 }), bn = (e) => {
   const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, a = ae(Pt, t);
-  return /* @__PURE__ */ s(Io, { scope: t, forceMount: n, children: V.Children.map(r, (c) => /* @__PURE__ */ s(vt, { present: n || a.open, children: /* @__PURE__ */ s(Cr, { asChild: !0, container: o, children: c }) })) });
+  return /* @__PURE__ */ s(xo, { scope: t, forceMount: n, children: V.Children.map(r, (c) => /* @__PURE__ */ s(vt, { present: n || a.open, children: /* @__PURE__ */ s(Pr, { asChild: !0, container: o, children: c }) })) });
 };
 bn.displayName = Pt;
 var We = "DialogOverlay", Cn = V.forwardRef(
   (e, t) => {
     const n = wn(We, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = ae(We, e.__scopeDialog);
-    return a.modal ? /* @__PURE__ */ s(vt, { present: r || a.open, children: /* @__PURE__ */ s(xo, { ...o, ref: t }) }) : null;
+    return a.modal ? /* @__PURE__ */ s(vt, { present: r || a.open, children: /* @__PURE__ */ s(Ro, { ...o, ref: t }) }) : null;
   }
 );
 Cn.displayName = We;
-var xo = V.forwardRef(
+var Ro = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(We, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ s(fr, { as: gr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(gr, { as: vr, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ s(
         Le.div,
         {
           "data-state": St(o.open),
@@ -2001,17 +2004,17 @@ var xo = V.forwardRef(
 ), ve = "DialogContent", Pn = V.forwardRef(
   (e, t) => {
     const n = wn(ve, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, a = ae(ve, e.__scopeDialog);
-    return /* @__PURE__ */ s(vt, { present: r || a.open, children: a.modal ? /* @__PURE__ */ s(Ro, { ...o, ref: t }) : /* @__PURE__ */ s(Mo, { ...o, ref: t }) });
+    return /* @__PURE__ */ s(vt, { present: r || a.open, children: a.modal ? /* @__PURE__ */ s(Mo, { ...o, ref: t }) : /* @__PURE__ */ s(No, { ...o, ref: t }) });
   }
 );
 Pn.displayName = ve;
-var Ro = V.forwardRef(
+var Mo = V.forwardRef(
   (e, t) => {
     const n = ae(ve, e.__scopeDialog), r = V.useRef(null), o = gt(t, n.contentRef, r);
     return V.useEffect(() => {
       const a = r.current;
       if (a)
-        return vr(a);
+        return _r(a);
     }, []), /* @__PURE__ */ s(
       Tn,
       {
@@ -2034,7 +2037,7 @@ var Ro = V.forwardRef(
       }
     );
   }
-), Mo = V.forwardRef(
+), No = V.forwardRef(
   (e, t) => {
     const n = ae(ve, e.__scopeDialog), r = V.useRef(!1), o = V.useRef(!1);
     return /* @__PURE__ */ s(
@@ -2060,9 +2063,9 @@ var Ro = V.forwardRef(
 ), Tn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, ...c } = e, i = ae(ve, n), l = V.useRef(null), p = gt(t, l);
-    return _r(), /* @__PURE__ */ O(ze, { children: [
+    return wr(), /* @__PURE__ */ O(ze, { children: [
       /* @__PURE__ */ s(
-        wr,
+        br,
         {
           asChild: !0,
           loop: !0,
@@ -2070,7 +2073,7 @@ var Ro = V.forwardRef(
           onMountAutoFocus: o,
           onUnmountAutoFocus: a,
           children: /* @__PURE__ */ s(
-            br,
+            Cr,
             {
               role: "dialog",
               id: i.contentId,
@@ -2085,8 +2088,8 @@ var Ro = V.forwardRef(
         }
       ),
       /* @__PURE__ */ O(ze, { children: [
-        /* @__PURE__ */ s(Lo, { titleId: i.titleId }),
-        /* @__PURE__ */ s(Oo, { contentRef: l, descriptionId: i.descriptionId })
+        /* @__PURE__ */ s(Eo, { titleId: i.titleId }),
+        /* @__PURE__ */ s(Do, { contentRef: l, descriptionId: i.descriptionId })
       ] })
     ] });
   }
@@ -2097,13 +2100,13 @@ var Ro = V.forwardRef(
   }
 );
 Sn.displayName = Tt;
-var yn = "DialogDescription", No = V.forwardRef(
+var yn = "DialogDescription", Lo = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(yn, n);
     return /* @__PURE__ */ s(Le.p, { id: o.descriptionId, ...r, ref: t });
   }
 );
-No.displayName = yn;
+Lo.displayName = yn;
 var In = "DialogClose", xn = V.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = ae(In, n);
@@ -2122,11 +2125,11 @@ xn.displayName = In;
 function St(e) {
   return e ? "open" : "closed";
 }
-var Rn = "DialogTitleWarning", [Hs, Mn] = Tr(Rn, {
+var Rn = "DialogTitleWarning", [Gs, Mn] = Sr(Rn, {
   contentName: ve,
   titleName: Tt,
   docsSlug: "dialog"
-}), Lo = ({ titleId: e }) => {
+}), Eo = ({ titleId: e }) => {
   const t = Mn(Rn), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
@@ -2135,14 +2138,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return V.useEffect(() => {
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
-}, Eo = "DialogDescriptionWarning", Oo = ({ contentRef: e, descriptionId: t }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Mn(Eo).contentName}}.`;
+}, Oo = "DialogDescriptionWarning", Do = ({ contentRef: e, descriptionId: t }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Mn(Oo).contentName}}.`;
   return V.useEffect(() => {
     var a;
     const o = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
     t && o && (document.getElementById(t) || console.warn(r));
   }, [r, e, t]), null;
-}, Do = vn, Ao = bn, zo = Cn, Fo = Pn, ko = Sn, Wo = xn;
+}, Ao = vn, zo = bn, Fo = Cn, ko = Pn, Wo = Sn, Ho = xn;
 const ge = {
   "rp-dialog-wrapper": "_rp-dialog-wrapper_slqo7_1",
   "rp-dialog-overlay": "_rp-dialog-overlay_slqo7_7",
@@ -2151,8 +2154,8 @@ const ge = {
   "rp-dialog-title": "_rp-dialog-title_slqo7_39",
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
-}, Ho = () => {
-  const { pdfProperties: e } = ne(), { container: t } = Ne(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = Ir(), o = A(() => {
+}, $o = () => {
+  const { pdfProperties: e } = ne(), { container: t } = Ne(), { activeDocumentProperties: n, setActiveDocumentProperties: r } = xr(), o = A(() => {
     if (!e)
       return [];
     const {
@@ -2192,17 +2195,17 @@ const ge = {
       { label: "Page count", value: v }
     ];
   }, [e]);
-  return /* @__PURE__ */ s(Do, { open: n, onOpenChange: r, children: /* @__PURE__ */ s(Ao, { container: t, children: /* @__PURE__ */ O("div", { className: ge["rp-dialog-wrapper"], children: [
-    /* @__PURE__ */ s(zo, { className: ge["rp-dialog-overlay"] }),
-    /* @__PURE__ */ O(Fo, { className: ge["rp-document-dialog"], children: [
-      /* @__PURE__ */ s(ko, { className: ge["rp-dialog-title"], children: "Document Properties" }),
-      /* @__PURE__ */ s("div", { className: ge["rp-document-properties"], children: o.map((a, c) => /* @__PURE__ */ s("div", { children: a.separate ? /* @__PURE__ */ s("div", { className: ge["rp-properties-divider"] }) : /* @__PURE__ */ s(yr, { label: a.label, value: a.value }) }, c)) }),
-      /* @__PURE__ */ s(Wo, { asChild: !0, className: ge["rp-dialog-close"], children: /* @__PURE__ */ s(Qt, {}) })
+  return /* @__PURE__ */ s(Ao, { open: n, onOpenChange: r, children: /* @__PURE__ */ s(zo, { container: t, children: /* @__PURE__ */ O("div", { className: ge["rp-dialog-wrapper"], children: [
+    /* @__PURE__ */ s(Fo, { className: ge["rp-dialog-overlay"] }),
+    /* @__PURE__ */ O(ko, { className: ge["rp-document-dialog"], children: [
+      /* @__PURE__ */ s(Wo, { className: ge["rp-dialog-title"], children: "Document Properties" }),
+      /* @__PURE__ */ s("div", { className: ge["rp-document-properties"], children: o.map((a, c) => /* @__PURE__ */ s("div", { children: a.separate ? /* @__PURE__ */ s("div", { className: ge["rp-properties-divider"] }) : /* @__PURE__ */ s(Ir, { label: a.label, value: a.value }) }, c)) }),
+      /* @__PURE__ */ s(Ho, { asChild: !0, className: ge["rp-dialog-close"], children: /* @__PURE__ */ s(Qt, {}) })
     ] })
   ] }) }) });
-}, $o = {
+}, Go = {
   "rp-other-tool-content": "_rp-other-tool-content_su718_1"
-}, Go = () => {
+}, Vo = () => {
   const { filename: e, pdfSrc: t } = ne();
   return { download: () => {
     if (!e)
@@ -2212,22 +2215,22 @@ const ge = {
   } };
 }, Nn = () => {
   const { downloadIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Lr, {});
-}, Ln = ({ children: e, className: t }) => /* @__PURE__ */ s(ee, { className: t, content: "Download file", children: e }), Vo = ({ download: e }) => /* @__PURE__ */ s(Ln, { children: /* @__PURE__ */ s(X, { onClick: e, children: /* @__PURE__ */ s(Nn, {}) }) }), Uo = ({ download: e }) => /* @__PURE__ */ s(he, { onClick: e, children: /* @__PURE__ */ O(Ln, { className: "rp-menu-item", children: [
+  return e || /* @__PURE__ */ s(Er, {});
+}, Ln = ({ children: e, className: t }) => /* @__PURE__ */ s(ee, { className: t, content: "Download file", children: e }), Uo = ({ download: e }) => /* @__PURE__ */ s(Ln, { children: /* @__PURE__ */ s(X, { onClick: e, children: /* @__PURE__ */ s(Nn, {}) }) }), qo = ({ download: e }) => /* @__PURE__ */ s(he, { onClick: e, children: /* @__PURE__ */ O(Ln, { className: "rp-menu-item", children: [
   /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Nn, {}) }),
   "Download file"
 ] }) }), En = () => {
-  const { download: e } = Go(), { downloadTool: t = !0 } = de(), { isSmallScreen: n } = _e();
-  return t ? n ? /* @__PURE__ */ s(Uo, { download: e }) : typeof t == "function" ? /* @__PURE__ */ s(t, { download: e }) : t ? /* @__PURE__ */ s(Vo, { download: e }) : null : null;
+  const { download: e } = Vo(), { downloadTool: t = !0 } = de(), { isSmallScreen: n } = _e();
+  return t ? n ? /* @__PURE__ */ s(qo, { download: e }) : typeof t == "function" ? /* @__PURE__ */ s(t, { download: e }) : t ? /* @__PURE__ */ s(Uo, { download: e }) : null : null;
 }, On = () => {
   const { printIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Er, {});
-}, Dn = ({ children: e, className: t }) => /* @__PURE__ */ s(ee, { className: t, content: "Print", children: e }), qo = ({ print: e }) => /* @__PURE__ */ s(Dn, { children: /* @__PURE__ */ s(X, { onClick: e, children: /* @__PURE__ */ s(On, {}) }) }), Zo = ({ print: e }) => /* @__PURE__ */ s(he, { onClick: e, children: /* @__PURE__ */ O(Dn, { className: "rp-menu-item", children: [
+  return e || /* @__PURE__ */ s(Or, {});
+}, Dn = ({ children: e, className: t }) => /* @__PURE__ */ s(ee, { className: t, content: "Print", children: e }), Zo = ({ print: e }) => /* @__PURE__ */ s(Dn, { children: /* @__PURE__ */ s(X, { onClick: e, children: /* @__PURE__ */ s(On, {}) }) }), jo = ({ print: e }) => /* @__PURE__ */ s(he, { onClick: e, children: /* @__PURE__ */ O(Dn, { className: "rp-menu-item", children: [
   /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(On, {}) }),
   "Print"
 ] }) }), An = () => {
   const { print: e, cancel: t, setOnProgress: n, setOnComplete: r, setOnError: o, progress: a } = wt(), { printTool: c = !0 } = de(), { isSmallScreen: i } = _e();
-  return c ? i ? /* @__PURE__ */ s(Zo, { print: e }) : typeof c == "function" ? /* @__PURE__ */ s(
+  return c ? i ? /* @__PURE__ */ s(jo, { print: e }) : typeof c == "function" ? /* @__PURE__ */ s(
     c,
     {
       print: e,
@@ -2237,16 +2240,16 @@ const ge = {
       setOnComplete: r,
       progress: a
     }
-  ) : c ? /* @__PURE__ */ s(qo, { print: e }) : null : null;
-}, jo = {
+  ) : c ? /* @__PURE__ */ s(Zo, { print: e }) : null : null;
+}, Bo = {
   "rp-go-to-Top": "_rp-go-to-Top_4e0yd_1"
-}, Bo = () => {
-  const { goToFirstPageIcon: e } = ce();
-  return e || /* @__PURE__ */ s(tn, { className: jo["rp-go-to-Top"] });
 }, Ko = () => {
+  const { goToFirstPageIcon: e } = ce();
+  return e || /* @__PURE__ */ s(tn, { className: Bo["rp-go-to-Top"] });
+}, Xo = () => {
   const { goToLastPageIcon: e } = ce();
   return e || /* @__PURE__ */ s(tn, {});
-}, Xo = () => {
+}, Jo = () => {
   const { goToPage: e, totalPages: t, focusedPage: n } = oe(), { jumpNavigationTool: r = !0 } = de(), o = A(() => n === 1, [n]), a = A(() => n === t, [n, t]), c = M(() => {
     e(1);
   }, [e]), i = M(() => {
@@ -2254,16 +2257,16 @@ const ge = {
   }, [e, t]);
   return r ? /* @__PURE__ */ O(ke, { children: [
     /* @__PURE__ */ s(he, { disabled: o, onClick: c, children: /* @__PURE__ */ O(ee, { className: "rp-menu-item", content: "Go to first page", children: [
-      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Bo, {}) }),
+      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Ko, {}) }),
       "First page"
     ] }) }),
     /* @__PURE__ */ s(he, { disabled: a, onClick: i, children: /* @__PURE__ */ O(ee, { className: "rp-menu-item", content: "Go to last page", children: [
-      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Ko, {}) }),
+      /* @__PURE__ */ s("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ s(Xo, {}) }),
       "Last page"
     ] }) }),
     /* @__PURE__ */ s(_t, {})
   ] }) : null;
-}, Jo = () => {
+}, Yo = () => {
   const { container: e } = Ne(), { isSmallScreen: t } = _e(), {
     openFileTool: n,
     downloadTool: r,
@@ -2288,13 +2291,13 @@ const ge = {
     i,
     l,
     t
-  ]) ? /* @__PURE__ */ O(xr, { children: [
+  ]) ? /* @__PURE__ */ O(Rr, { children: [
     /* @__PURE__ */ s(
       ft,
       {
         container: e,
-        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(ee, { content: "More options", children: /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(mr, {}) }) }) }),
-        children: /* @__PURE__ */ O("div", { className: $o["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
+        triggerComponent: /* @__PURE__ */ s("div", { role: "button", children: /* @__PURE__ */ s(ee, { content: "More options", children: /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(fr, {}) }) }) }),
+        children: /* @__PURE__ */ O("div", { className: Go["rp-other-tool-content"], "data-rp": "moreOptionsDropdown", children: [
           t && /* @__PURE__ */ O(ke, { children: [
             /* @__PURE__ */ s(Yt, {}),
             /* @__PURE__ */ s(En, {}),
@@ -2302,27 +2305,27 @@ const ge = {
             /* @__PURE__ */ s(en, {}),
             /* @__PURE__ */ s(_t, {})
           ] }),
-          /* @__PURE__ */ s(Xo, {}),
-          /* @__PURE__ */ s(Mr, {}),
-          /* @__PURE__ */ s(Or, {}),
+          /* @__PURE__ */ s(Jo, {}),
           /* @__PURE__ */ s(Nr, {}),
-          /* @__PURE__ */ s(Rr, {})
+          /* @__PURE__ */ s(Dr, {}),
+          /* @__PURE__ */ s(Lr, {}),
+          /* @__PURE__ */ s(Mr, {})
         ] })
       }
     ),
-    /* @__PURE__ */ s(Ho, {})
+    /* @__PURE__ */ s($o, {})
   ] }) : null;
-}, Yo = () => {
+}, Qo = () => {
   const { isSmallScreen: e } = _e();
   return /* @__PURE__ */ O(ze, { children: [
-    /* @__PURE__ */ s(hr, {}),
+    /* @__PURE__ */ s(mr, {}),
     !e && /* @__PURE__ */ O(ze, { children: [
       /* @__PURE__ */ s(Yt, {}),
       /* @__PURE__ */ s(En, {}),
       /* @__PURE__ */ s(An, {}),
       /* @__PURE__ */ s(en, {})
     ] }),
-    /* @__PURE__ */ s(Jo, {})
+    /* @__PURE__ */ s(Yo, {})
   ] });
 }, Ie = {
   "rp-zoom-wrapper": "_rp-zoom-wrapper_163s9_1",
@@ -2330,13 +2333,13 @@ const ge = {
   "rp-current-zoom-icon": "_rp-current-zoom-icon_163s9_11",
   "rp-current-zoom": "_rp-current-zoom_163s9_6",
   "rp-zoom-dropdown-content": "_rp-zoom-dropdown-content_163s9_20"
-}, Qo = 25, rt = 1e3, ea = [50, 75, 100, 125, 150, 200, 300, 400], ta = () => {
+}, ea = 25, rt = 1e3, ta = [50, 75, 100, 125, 150, 200, 300, 400], na = () => {
   const { zoomInIcon: e } = ce();
-  return e || /* @__PURE__ */ s(Dr, {});
-}, na = () => {
-  const { zoomOutIcon: e } = ce();
   return e || /* @__PURE__ */ s(Ar, {});
 }, ra = () => {
+  const { zoomOutIcon: e } = ce();
+  return e || /* @__PURE__ */ s(zr, {});
+}, oa = () => {
   const { zoomLevel: e, setZoomLevel: t } = Ue(), { container: n, contentRef: r } = Ne(), { zoomTool: o = !0 } = de(), { focusedPage: a } = oe(), { rotate: c } = Ve(), { pages: i } = ne(), { isSmallScreen: l } = _e(), p = M(() => {
     t((v) => {
       const C = Math.floor(v / 25) * 25;
@@ -2347,7 +2350,7 @@ const ge = {
       const C = Math.ceil(v / 25) * 25;
       return Math.min(C - 25, rt);
     });
-  }, [t]), f = A(() => e === Qo, [e]), u = A(() => e === rt, [e]), m = A(() => {
+  }, [t]), f = A(() => e === ea, [e]), u = A(() => e === rt, [e]), m = A(() => {
     var v;
     return (v = i.get(a)) == null ? void 0 : v.page.getViewport({ scale: 1, rotation: c });
   }, [i, a, c]), g = M(
@@ -2377,7 +2380,7 @@ const ge = {
     [t, g]
   );
   return typeof o != "boolean" ? /* @__PURE__ */ s(o, { zoomLevel: e, setZoomLevel: t }) : o ? /* @__PURE__ */ O("div", { className: Ie["rp-zoom-wrapper"], children: [
-    /* @__PURE__ */ s(ee, { content: "Zoom out", children: /* @__PURE__ */ s(X, { disabled: f, onClick: h, children: /* @__PURE__ */ s(na, {}) }) }),
+    /* @__PURE__ */ s(ee, { content: "Zoom out", children: /* @__PURE__ */ s(X, { disabled: f, onClick: h, children: /* @__PURE__ */ s(ra, {}) }) }),
     !l && /* @__PURE__ */ s(
       ft,
       {
@@ -2398,14 +2401,14 @@ const ge = {
             /* @__PURE__ */ s(he, { onClick: () => _(we.PAGE_WIDTH), children: "Page width" })
           ] }),
           /* @__PURE__ */ s(_t, {}),
-          /* @__PURE__ */ s(ke, { children: ea.map((v) => /* @__PURE__ */ O(he, { onClick: () => _(v), children: [
+          /* @__PURE__ */ s(ke, { children: ta.map((v) => /* @__PURE__ */ O(he, { onClick: () => _(v), children: [
             v,
             " %"
           ] }, v)) })
         ] })
       }
     ),
-    /* @__PURE__ */ s(ee, { content: "Zoom in", children: /* @__PURE__ */ s(X, { disabled: u, onClick: p, children: /* @__PURE__ */ s(ta, {}) }) })
+    /* @__PURE__ */ s(ee, { content: "Zoom in", children: /* @__PURE__ */ s(X, { disabled: u, onClick: p, children: /* @__PURE__ */ s(na, {}) }) })
   ] }) : null;
 }, ie = {
   "rp-search-tool-content": "_rp-search-tool-content_1vxow_1",
@@ -2418,8 +2421,8 @@ const ge = {
   "rp-search-input": "_rp-search-input_1vxow_49"
 }, Ut = () => {
   const { searchIcon: e } = ce();
-  return e || /* @__PURE__ */ s(zr, {});
-}, oa = () => {
+  return e || /* @__PURE__ */ s(Fr, {});
+}, aa = () => {
   const { container: e } = Ne(), [t, n] = W(!1), { pdf: r } = ne(), [o, a] = W(null), {
     searchOptions: c,
     setSearchOptions: i,
@@ -2487,7 +2490,7 @@ const ge = {
                 placeholder: "Enter to Search",
                 className: ie["rp-search-input"],
                 ref: a,
-                children: !!v && /* @__PURE__ */ s("span", { className: ie["rp-search-tool-input-clear"], onClick: w, children: /* @__PURE__ */ s(Fr, {}) })
+                children: !!v && /* @__PURE__ */ s("span", { className: ie["rp-search-tool-input-clear"], onClick: w, children: /* @__PURE__ */ s(kr, {}) })
               }
             ),
             l ? /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(mt, {}) }) : /* @__PURE__ */ s("span", { children: T })
@@ -2511,15 +2514,15 @@ const ge = {
       ] })
     }
   ) : null;
-}, aa = "_loading_1snj5_1", Pe = {
+}, sa = "_loading_1snj5_1", Pe = {
   "rp-loading-overlay": "_rp-loading-overlay_1snj5_1",
   "rp-loading-modal": "_rp-loading-modal_1snj5_14",
   "rp-loading-title": "_rp-loading-title_1snj5_27",
   "rp-loading-progress-bar": "_rp-loading-progress-bar_1snj5_35",
   "rp-loading-progress": "_rp-loading-progress_1snj5_35",
   "rp-loading-cancel-button": "_rp-loading-cancel-button_1snj5_52",
-  loading: aa
-}, sa = ({ percentage: e }) => {
+  loading: sa
+}, ia = ({ percentage: e }) => {
   const { cancel: t } = wt();
   return e < 1 ? null : /* @__PURE__ */ s("div", { className: Q(Pe["rp-loading-overlay"]), children: /* @__PURE__ */ O("div", { className: Q(Pe["rp-loading-modal"]), children: [
     /* @__PURE__ */ s("div", { className: Q(Pe["rp-loading-title"]), children: "Preparing document..." }),
@@ -2532,18 +2535,18 @@ const ge = {
     ) }),
     /* @__PURE__ */ s("button", { className: Q(Pe["rp-loading-cancel-button"]), onClick: t, children: "Cancel" })
   ] }) });
-}, ia = Ge((e, t) => {
+}, ca = Ge((e, t) => {
   const { showPrintProgress: n } = de(), { progress: r } = wt(), { isSmallScreen: o } = _e(), { percentage: a } = r || {}, c = () => o ? { gridTemplateColumns: "25% 60% 15%" } : void 0;
   return /* @__PURE__ */ O("div", { children: [
     /* @__PURE__ */ s("div", { "data-rp": "topBar", ref: t, className: ye["rp-toolbar-content"], children: /* @__PURE__ */ O("div", { className: ye["rp-toolbar-wrapper"], style: c(), children: [
       /* @__PURE__ */ O("div", { "data-rp": "topBarLeft", className: ye["rp-toolbar-start"], children: [
-        /* @__PURE__ */ s(oa, {}),
-        /* @__PURE__ */ s(To, {})
+        /* @__PURE__ */ s(aa, {}),
+        /* @__PURE__ */ s(So, {})
       ] }),
-      /* @__PURE__ */ s("div", { "data-rp": "topBarCenter", className: ye["rp-toolbar-middle"], children: /* @__PURE__ */ s(ra, {}) }),
-      /* @__PURE__ */ s("div", { "data-rp": "topBarRight", className: ye["rp-toolbar-end"], children: /* @__PURE__ */ s(Yo, {}) })
+      /* @__PURE__ */ s("div", { "data-rp": "topBarCenter", className: ye["rp-toolbar-middle"], children: /* @__PURE__ */ s(oa, {}) }),
+      /* @__PURE__ */ s("div", { "data-rp": "topBarRight", className: ye["rp-toolbar-end"], children: /* @__PURE__ */ s(Qo, {}) })
     ] }) }),
-    n && a ? /* @__PURE__ */ s(sa, { percentage: a }) : null
+    n && a ? /* @__PURE__ */ s(ia, { percentage: a }) : null
   ] });
 }), ot = {
   "rp-sidebar-content-wrapper": "_rp-sidebar-content-wrapper_4wlw3_1",
@@ -2556,7 +2559,7 @@ const ge = {
   "rp-thumbnail": "_rp-thumbnail_3fenb_1",
   "rp-thumbnail-active": "_rp-thumbnail-active_3fenb_22",
   "rp-thumbnail-loader": "_rp-thumbnail-loader_3fenb_31"
-}, ca = (e) => {
+}, la = (e) => {
   const { thumbnailSrc: t, pageNumber: n, isFocused: r, viewport: o } = e, { goToPage: a } = oe(), c = A(() => r ? xe["rp-thumbnail-active"] : "", [r]), i = A(() => ({
     width: Math.round(o.width),
     height: Math.round(o.height)
@@ -2596,10 +2599,10 @@ const ge = {
 }, qt = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, la = 16, ua = (e, t) => {
+}, ua = 16, da = (e, t) => {
   const n = e == null ? void 0 : e.querySelector(`#page-${t}`);
-  e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - la);
-}, da = Ge((e, t) => {
+  e && (n != null && n.offsetTop) && (e.scrollTop = (n == null ? void 0 : n.offsetTop) - ua);
+}, pa = Ge((e, t) => {
   const { show: n } = e, { focusedPage: r, totalPages: o } = oe(), { thumbnailPages: a, addPage: c, thumbnailLength: i, addToPage: l } = sn(), p = $(null), h = $(1);
   Zt(t, () => p.current);
   const f = A(() => Object.values(a), [a]), u = M(() => {
@@ -2607,11 +2610,11 @@ const ge = {
     m <= o && c(m);
   }, [c, o, i]);
   return F(() => {
-    r > i ? l(r) : n && h.current !== r && (ua(p.current, r), h.current = r);
+    r > i ? l(r) : n && h.current !== r && (da(p.current, r), h.current = r);
   }, [r, i, l, n, f]), Qn(p.current, u), /* @__PURE__ */ s("div", { ref: p, className: qt["rp-thumbnails-container"], children: /* @__PURE__ */ s("div", { className: qt["rp-thumbnails"], children: n ? f.map((m, g) => {
     var _, v;
     return /* @__PURE__ */ s(
-      ca,
+      la,
       {
         isFocused: r === ((_ = m.page) == null ? void 0 : _.pageNumber),
         pageNumber: (v = m.page) == null ? void 0 : v.pageNumber,
@@ -2622,13 +2625,13 @@ const ge = {
       g
     );
   }) : null }) });
-}), pa = () => {
+}), ha = () => {
   const { thumbnailIcon: e } = ce();
   return e || /* @__PURE__ */ s(Yn, {});
-}, ha = () => {
+}, ma = () => {
   const { active: e, setActive: t } = sn(), [n, r] = W(200), o = $(null), { thumbnailTool: a } = de(), c = M(() => {
     t((l) => !l);
-  }, []), i = A(() => typeof a != "boolean" && a ? /* @__PURE__ */ s(a, { onClick: c, active: e }) : a ? /* @__PURE__ */ s(ee, { content: "Thumbnail", children: /* @__PURE__ */ s(X, { onClick: c, active: e, children: /* @__PURE__ */ s(pa, {}) }) }) : null, [a, e, c]);
+  }, []), i = A(() => typeof a != "boolean" && a ? /* @__PURE__ */ s(a, { onClick: c, active: e }) : a ? /* @__PURE__ */ s(ee, { content: "Thumbnail", children: /* @__PURE__ */ s(X, { onClick: c, active: e, children: /* @__PURE__ */ s(ha, {}) }) }) : null, [a, e, c]);
   return /* @__PURE__ */ O(
     "div",
     {
@@ -2638,13 +2641,13 @@ const ge = {
       children: [
         /* @__PURE__ */ s("div", { className: ot["rp-sidebar-content"], children: i }),
         /* @__PURE__ */ O("div", { "data-rp": "thumbnailSidebar", hidden: !e, className: ot["rp-thumbnails-wrapper"], children: [
-          /* @__PURE__ */ s(da, { show: e, ref: o }),
+          /* @__PURE__ */ s(pa, { show: e, ref: o }),
           /* @__PURE__ */ s(er, { onWidthChange: r, thumbnailRef: o })
         ] })
       ]
     }
   );
-}, $s = Ge((e, t) => {
+}, Vs = Ge((e, t) => {
   const { children: n, slots: r, icons: o, style: a, className: c, onLoaded: i, cleanupOnLoaded: l } = e, [p, h] = W(null), { setContainer: f, setContentRef: u } = Ne();
   return F(() => (i && i(), () => {
     l && l();
@@ -2657,9 +2660,9 @@ const ge = {
       className: c,
       children: /* @__PURE__ */ O(or, { children: [
         /* @__PURE__ */ O("div", { className: be["rp-layout"], children: [
-          /* @__PURE__ */ s(ia, { ref: h }),
+          /* @__PURE__ */ s(ca, { ref: h }),
           /* @__PURE__ */ O("div", { className: be["rp-content"], children: [
-            /* @__PURE__ */ s("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ s(ha, {}) }),
+            /* @__PURE__ */ s("div", { className: be["rp-sidebar"], children: /* @__PURE__ */ s(ma, {}) }),
             /* @__PURE__ */ s("div", { ref: u, className: be["rp-pages"], children: n })
           ] })
         ] }),
@@ -2669,45 +2672,45 @@ const ge = {
   ) }) }) });
 });
 export {
-  Jr as A,
-  ca as B,
-  Gr as C,
-  _o as D,
-  da as E,
+  Yr as A,
+  la as B,
+  Vr as C,
+  wo as D,
+  pa as E,
   En as F,
-  ha as G,
-  sa as L,
-  Xo as M,
-  Jo as O,
-  Ds as P,
-  ks as R,
-  Fs as S,
-  zs as T,
-  ra as Z,
-  As as a,
-  $s as b,
-  Go as c,
+  ma as G,
+  ia as L,
+  Jo as M,
+  Yo as O,
+  zs as P,
+  Hs as R,
+  Ws as S,
+  ks as T,
+  oa as Z,
+  Fs as a,
+  Vs as b,
+  Vo as c,
   wt as d,
   ln as e,
   nn as f,
-  kr as g,
+  Wr as g,
   rn as h,
-  Wr as i,
+  Hr as i,
   on as j,
-  Hr as k,
+  $r as k,
   an as l,
   sn as m,
-  $r as n,
+  Gr as n,
   cn as o,
-  Vr as p,
+  Ur as p,
   bt as q,
-  fo as r,
-  wo as s,
-  To as t,
+  go as r,
+  bo as s,
+  So as t,
   oe as u,
-  Ho as v,
+  $o as v,
   An as w,
-  Yo as x,
-  oa as y,
-  ia as z
+  Qo as x,
+  aa as y,
+  ca as z
 };