@pdf-viewer/react 1.9.1-rc.8 → 1.9.1-rc.9

package/dist/{ToolbarLayout.module-e532b211.js → ToolbarLayout.module-5809c7ac.js}

@@ -65,7 +65,7 @@ import * as zo from "pdfjs-dist";
 import { PixelsPerInch as Fo, AnnotationMode as Mo, RenderingCancelledException as ko, AnnotationLayer as Wo } from "pdfjs-dist";
 import { SimpleLinkService as Ho } from "./utils/link_service.js";
 import { annotationsEvents as $o, annotationEventsHandler as qo, handleClick as zt, handleAnnotationWidget as Go, handleAnnotationLink as Uo, bindLayerEvents as Vo, unbindLayerEvents as Ft } from "./utils/annotations.js";
-import { normalizeSingleKeyword as Bo, sortHighlightPosition as jo, unwrap as Ko } from "./components/page/searchHighlight.js";
+import { normalizeSingleKeyword as jo, sortHighlightPosition as Bo, unwrap as Ko } from "./components/page/searchHighlight.js";
 import { CustomElement as Zo } from "./components/page/CustomElement.js";
 import { useMousePressed as Xo } from "./utils/hooks/useMousePressed.js";
 import { useGrabScroll as Qo } from "./utils/hooks/useGrabScroll.js";
@@ -562,15 +562,15 @@ const Ir = () => {
     const q = {
       height: h[x.page - 1],
       width: d[x.page - 1]
-    }, B = {
+    }, j = {
       top: q.height / 2,
       left: q.width / 2
-    }, j = b[x.page], { leftInPage: U, topInPage: J } = nr(
+    }, B = b[x.page], { leftInPage: U, topInPage: J } = nr(
       q,
-      B,
+      j,
       x.rect,
       T,
-      j
+      B
     ), G = M + U, Z = F + J, re = {
       left: Math.max(G, 0),
       top: Math.max(Z, 0)
@@ -614,13 +614,13 @@ const Ir = () => {
     m.current = !1, i(!0), v([]), g(0), z(c).then((L) => {
       R.current = L;
       const F = Object.keys(L).reduce((M, q) => {
-        const B = po(
+        const j = po(
           [n],
           L[q],
           Number(q) - 1,
           t
-        ).map((j, U) => ({ ...j, page: Number(q), pageMatchIdx: U }));
-        return [...M, ...B];
+        ).map((B, U) => ({ ...B, page: Number(q), pageMatchIdx: U }));
+        return [...M, ...j];
       }, []);
       v(F), g(F.length ? 1 : 0);
     }).catch(() => {
@@ -726,15 +726,15 @@ const Ir = () => {
     throw new Error("RenderQueue not found");
   return t;
 }, le = {
-  "rp-pages": "_rp-pages_2zf43_1",
-  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_2zf43_11",
-  "rp-pages-container": "_rp-pages-container_2zf43_15",
-  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_2zf43_52",
-  "rp-viewer": "_rp-viewer_2zf43_57",
-  "rp-cursor-grab": "_rp-cursor-grab_2zf43_62",
-  "rp-cursor-grabbing": "_rp-cursor-grabbing_2zf43_70",
-  "rp-loader": "_rp-loader_2zf43_78",
-  "rp-not-supported": "_rp-not-supported_2zf43_86"
+  "rp-pages": "_rp-pages_1i1lj_1",
+  "rp-page-scrolling-wrapper": "_rp-page-scrolling-wrapper_1i1lj_6",
+  "rp-pages-horizontal-scroll": "_rp-pages-horizontal-scroll_1i1lj_11",
+  "rp-pages-container": "_rp-pages-container_1i1lj_15",
+  "rp-viewer": "_rp-viewer_1i1lj_57",
+  "rp-cursor-grab": "_rp-cursor-grab_1i1lj_62",
+  "rp-cursor-grabbing": "_rp-cursor-grabbing_1i1lj_70",
+  "rp-loader": "_rp-loader_1i1lj_78",
+  "rp-not-supported": "_rp-not-supported_1i1lj_86"
 }, st = {
   "rp-page-wrapper": "_rp-page-wrapper_14ohm_1",
   "rp-page": "_rp-page_14ohm_1",
@@ -1032,7 +1032,7 @@ const zr = (t) => {
   const f = W(() => i ? i.map((g) => {
     var p, u;
     return {
-      ...Bo(g.keyword, (p = g.options) == null ? void 0 : p.matchCase, (u = g.options) == null ? void 0 : u.wholeWords),
+      ...jo(g.keyword, (p = g.options) == null ? void 0 : p.matchCase, (u = g.options) == null ? void 0 : u.wholeWords),
       color: g.highlightColor
     };
   }) : [], [i]);
@@ -1070,11 +1070,11 @@ const zr = (t) => {
     });
   }
   const P = (g, p, u, s) => {
-    var B;
+    var j;
     const w = document.createRange(), _ = u.firstChild;
     if (!_ || _.nodeType !== Node.TEXT_NODE)
       return null;
-    const S = ((B = _.textContent) == null ? void 0 : B.length) ?? 0, R = s[0].charIdxInSpan, x = s.length === 1 ? R : s[s.length - 1].charIdxInSpan;
+    const S = ((j = _.textContent) == null ? void 0 : j.length) ?? 0, R = s[0].charIdxInSpan, x = s.length === 1 ? R : s[s.length - 1].charIdxInSpan;
     if (R > S || x + 1 > S)
       return null;
     w.setStart(_, R), w.setEnd(_, x + 1);
@@ -1140,13 +1140,13 @@ const zr = (t) => {
         color: A
       }));
       for (const q of M) {
-        const B = q.indexes.reduce(
-          (j, U) => (j[U.spanIdx] = (j[U.spanIdx] || []).concat([U]), j),
+        const j = q.indexes.reduce(
+          (B, U) => (B[U.spanIdx] = (B[U.spanIdx] || []).concat([U]), B),
           {}
         );
-        for (const j of Object.values(B))
-          if (j.length !== 1 || j[0].char.trim() !== "") {
-            const U = j, J = u[U[0].spanIdx], G = P(
+        for (const B of Object.values(j))
+          if (B.length !== 1 || B[0].char.trim() !== "") {
+            const U = B, J = u[U[0].spanIdx], G = P(
               g,
               z,
               J,
@@ -1160,7 +1160,7 @@ const zr = (t) => {
             }
           }
       }
-    }), _.sort(jo), _;
+    }), _.sort(Bo), _;
   };
   return D(() => {
     (async () => {
@@ -1351,9 +1351,9 @@ var Ur = 150, Vr = function(e) {
   e.data;
   var r = e.rowIndex;
   return r + ":" + n;
-}, Be = null, je = null, Ke = null;
-process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Be = /* @__PURE__ */ new WeakSet(), je = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet());
-function Br(t) {
+}, je = null, Be = null, Ke = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (je = /* @__PURE__ */ new WeakSet(), Be = /* @__PURE__ */ new WeakSet(), Ke = /* @__PURE__ */ new WeakSet());
+function jr(t) {
   var e, n = t.getColumnOffset, r = t.getColumnStartIndexForOffset, o = t.getColumnStopIndexForStartIndex, i = t.getColumnWidth, c = t.getEstimatedTotalHeight, l = t.getEstimatedTotalWidth, d = t.getOffsetForColumnAndAlignment, h = t.getOffsetForRowAndAlignment, m = t.getRowHeight, T = t.getRowOffset, f = t.getRowStartIndexForOffset, v = t.getRowStopIndexForStartIndex, C = t.initInstanceProps, P = t.shouldResetStyleCacheOnItemSizeChange, b = t.validateProps;
   return e = /* @__PURE__ */ function(y) {
     kr(g, y);
@@ -1444,7 +1444,7 @@ function Br(t) {
       }, s;
     }
     g.getDerivedStateFromProps = function(s, w) {
-      return jr(s, w), b(s), null;
+      return Br(s, w), b(s), null;
     };
     var p = g.prototype;
     return p.scrollTo = function(s) {
@@ -1461,10 +1461,10 @@ function Br(t) {
     }, p.scrollToItem = function(s) {
       var w = s.align, _ = w === void 0 ? "auto" : w, S = s.columnIndex, R = s.rowIndex, x = this.props, I = x.columnCount, O = x.height, A = x.rowCount, z = x.width, L = this.state, E = L.scrollLeft, F = L.scrollTop, M = Gr();
       S !== void 0 && (S = Math.max(0, Math.min(S, I - 1))), R !== void 0 && (R = Math.max(0, Math.min(R, A - 1)));
-      var q = c(this.props, this._instanceProps), B = l(this.props, this._instanceProps), j = B > z ? M : 0, U = q > O ? M : 0;
+      var q = c(this.props, this._instanceProps), j = l(this.props, this._instanceProps), B = j > z ? M : 0, U = q > O ? M : 0;
       this.scrollTo({
         scrollLeft: S !== void 0 ? d(this.props, S, _, E, this._instanceProps, U) : E,
-        scrollTop: R !== void 0 ? h(this.props, R, _, F, this._instanceProps, j) : F
+        scrollTop: R !== void 0 ? h(this.props, R, _, F, this._instanceProps, B) : F
       });
     }, p.componentDidMount = function() {
       var s = this.props, w = s.initialScrollLeft, _ = s.initialScrollTop;
@@ -1498,14 +1498,14 @@ function Br(t) {
     }, p.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && qt(this._resetIsScrollingTimeoutId);
     }, p.render = function() {
-      var s = this.props, w = s.children, _ = s.className, S = s.columnCount, R = s.direction, x = s.height, I = s.innerRef, O = s.innerElementType, A = s.innerTagName, z = s.itemData, L = s.itemKey, E = L === void 0 ? Vr : L, F = s.outerElementType, M = s.outerTagName, q = s.rowCount, B = s.style, j = s.useIsScrolling, U = s.width, J = this.state.isScrolling, G = this._getHorizontalRangeToRender(), Z = G[0], re = G[1], ee = this._getVerticalRangeToRender(), ie = ee[0], Y = ee[1], ve = [];
+      var s = this.props, w = s.children, _ = s.className, S = s.columnCount, R = s.direction, x = s.height, I = s.innerRef, O = s.innerElementType, A = s.innerTagName, z = s.itemData, L = s.itemKey, E = L === void 0 ? Vr : L, F = s.outerElementType, M = s.outerTagName, q = s.rowCount, j = s.style, B = s.useIsScrolling, U = s.width, J = this.state.isScrolling, G = this._getHorizontalRangeToRender(), Z = G[0], re = G[1], ee = this._getVerticalRangeToRender(), ie = ee[0], Y = ee[1], ve = [];
       if (S > 0 && q)
         for (var he = ie; he <= Y; he++)
           for (var Pe = Z; Pe <= re; Pe++)
             ve.push(Ve(w, {
               columnIndex: Pe,
               data: z,
-              isScrolling: j ? J : void 0,
+              isScrolling: B ? J : void 0,
               key: E({
                 columnIndex: Pe,
                 data: z,
@@ -1527,7 +1527,7 @@ function Br(t) {
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: R
-        }, B)
+        }, j)
       }, Ve(O || A || "div", {
         children: ve,
         ref: I,
@@ -1544,8 +1544,8 @@ function Br(t) {
         this._callOnItemsRendered(I, O, E, F, A, z, M, q);
       }
       if (typeof S == "function") {
-        var B = this.state, j = B.horizontalScrollDirection, U = B.scrollLeft, J = B.scrollTop, G = B.scrollUpdateWasRequested, Z = B.verticalScrollDirection;
-        this._callOnScroll(U, J, j, Z, G);
+        var j = this.state, B = j.horizontalScrollDirection, U = j.scrollLeft, J = j.scrollTop, G = j.scrollUpdateWasRequested, Z = j.verticalScrollDirection;
+        this._callOnScroll(U, J, B, Z, G);
       }
     }, p._getHorizontalRangeToRender = function() {
       var s = this.props, w = s.columnCount, _ = s.overscanColumnCount, S = s.overscanColumnsCount, R = s.overscanCount, x = s.rowCount, I = this.state, O = I.horizontalScrollDirection, A = I.isScrolling, z = I.scrollLeft, L = _ || S || R || 1;
@@ -1566,10 +1566,10 @@ function Br(t) {
     useIsScrolling: !1
   }, e;
 }
-var jr = function(e, n) {
+var Br = function(e, n) {
   var r = e.children, o = e.direction, i = e.height, c = e.innerTagName, l = e.outerTagName, d = e.overscanColumnsCount, h = e.overscanCount, m = e.overscanRowsCount, T = e.width, f = n.instance;
   if (process.env.NODE_ENV !== "production") {
-    if (typeof h == "number" && Be && !Be.has(f) && (Be.add(f), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && je && !je.has(f) && (je.add(f), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ke && !Ke.has(f) && (Ke.add(f), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
+    if (typeof h == "number" && je && !je.has(f) && (je.add(f), console.warn("The overscanCount prop has been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (typeof d == "number" || typeof m == "number") && Be && !Be.has(f) && (Be.add(f), console.warn("The overscanColumnsCount and overscanRowsCount props have been deprecated. Please use the overscanColumnCount and overscanRowCount props instead.")), (c != null || l != null) && Ke && !Ke.has(f) && (Ke.add(f), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead.")), r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
     switch (o) {
       case "ltr":
@@ -1634,7 +1634,7 @@ var jr = function(e, n) {
   for (var c = e === "column" ? n.columnCount : n.rowCount, l = 1; o < c && me(e, n, o, r).offset < i; )
     o += l, l *= 2;
   return Sn(e, n, r, Math.min(o, c - 1), Math.floor(o / 2), i);
-}, Bt = function(e, n, r, o, i, c, l) {
+}, jt = function(e, n, r, o, i, c, l) {
   var d = e === "column" ? n.width : n.height, h = me(e, n, r, c), m = e === "column" ? yn(n, c) : Pn(n, c), T = Math.max(0, Math.min(m - d, h.offset)), f = Math.max(0, h.offset - d + l + h.size);
   switch (o === "smart" && (i >= f - d && i <= T + d ? o = "auto" : o = "center"), o) {
     case "start":
@@ -1647,7 +1647,7 @@ var jr = function(e, n) {
     default:
       return i >= f && i <= T ? i : f > T || i < f ? f : T;
   }
-}, Zr = /* @__PURE__ */ Br({
+}, Zr = /* @__PURE__ */ jr({
   getColumnOffset: function(e, n, r) {
     return me("column", e, n, r).offset;
   },
@@ -1665,10 +1665,10 @@ var jr = function(e, n) {
   getEstimatedTotalHeight: Pn,
   getEstimatedTotalWidth: yn,
   getOffsetForColumnAndAlignment: function(e, n, r, o, i, c) {
-    return Bt("column", e, n, r, o, i, c);
+    return jt("column", e, n, r, o, i, c);
   },
   getOffsetForRowAndAlignment: function(e, n, r, o, i, c) {
-    return Bt("row", e, n, r, o, i, c);
+    return jt("row", e, n, r, o, i, c);
   },
   getRowOffset: function(e, n, r) {
     return me("row", e, n, r).offset;
@@ -1720,7 +1720,7 @@ var jr = function(e, n) {
   }
 });
 process.env.NODE_ENV;
-function jt(t, e) {
+function Bt(t, e) {
   for (var n in t)
     if (!(n in e))
       return !0;
@@ -1732,7 +1732,7 @@ function jt(t, e) {
 var Xr = ["style"], Qr = ["style"];
 function Yr(t, e) {
   var n = t.style, r = Ht(t, Xr), o = e.style, i = Ht(e, Qr);
-  return !jt(n, o) && !jt(r, i);
+  return !Bt(n, o) && !Bt(r, i);
 }
 const Jr = () => {
   const { viewMode: t } = Fe(), { scrollMode: e } = Ee(), { setColumnCount: n } = rn(), { virtualScrollableElementRef: r } = Ye(), o = qe(), i = W(() => o.heights.length, [o.heights]), c = W(() => e === ne.HORIZONTAL_SCROLLING ? i : t === Re.DUAL_PAGE ? 2 : 1, [t, e, e, i, r]), l = W(() => o.widths.reduce((C, P, b) => {
@@ -2080,8 +2080,8 @@ const ni = nn(({ widths: t, heights: e }) => {
     rowHeight: F,
     columnCount: M,
     columnWidth: q,
-    estimatedColumnWidth: B,
-    estimatedRowHeight: j
+    estimatedColumnWidth: j,
+    estimatedRowHeight: B
   } = Jr(), U = bt(f, 100), J = k();
   ri(M, E, T);
   const G = k({
@@ -2218,7 +2218,7 @@ const ni = nn(({ widths: t, heights: e }) => {
         className: ae(le["rp-pages"], le["rp-page-scrolling-wrapper"]),
         children: u === Re.DUAL_PAGE ? /* @__PURE__ */ a(ni, { widths: q, heights: F }) : /* @__PURE__ */ a(oi, { widths: q, heights: F })
       }
-    ) : j ? /* @__PURE__ */ a(
+    ) : B ? /* @__PURE__ */ a(
       Zr,
       {
         ref: l,
@@ -2231,16 +2231,16 @@ const ni = nn(({ widths: t, heights: e }) => {
         rowHeight: F,
         height: K,
         width: V,
-        estimatedColumnWidth: B,
-        estimatedRowHeight: j,
+        estimatedColumnWidth: j,
+        estimatedRowHeight: B,
         rowCount: E,
         className: ae(
           le["rp-pages"],
           p === ne.HORIZONTAL_SCROLLING ? le["rp-pages-horizontal-scroll"] : ""
         ),
         style: {
-          "--rp-page-height": `${j}px`,
-          "--rp-page-width": `${B}px`,
+          "--rp-page-height": `${B}px`,
+          "--rp-page-width": `${j}px`,
           "--rp-row-count": `${E}`,
           "--rp-column-count": `${M}`
         },
@@ -2367,7 +2367,7 @@ const ni = nn(({ widths: t, heights: e }) => {
     ) })
   ] });
 };
-var St = "Dialog", [In, Bs] = sr(St), [li, de] = In(St), Rn = (t) => {
+var St = "Dialog", [In, js] = sr(St), [li, de] = In(St), Rn = (t) => {
   const {
     __scopeDialog: e,
     children: n,
@@ -2572,7 +2572,7 @@ kn.displayName = Mn;
 function Rt(t) {
   return t ? "open" : "closed";
 }
-var Wn = "DialogTitleWarning", [js, Hn] = lr(Wn, {
+var Wn = "DialogTitleWarning", [Bs, Hn] = lr(Wn, {
   contentName: Le,
   titleName: It,
   docsSlug: "dialog"
@@ -2678,10 +2678,10 @@ const Ie = {
 }, Vn = () => {
   const { printIcon: t } = Ce(), { printIcon: e } = be();
   return t || e || /* @__PURE__ */ a(Cr, {});
-}, Bn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Ni = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Bn, { localeMessages: e, children: /* @__PURE__ */ a(ge, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(Vn, {}) }) }), Oi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(Bn, { className: "rp-menu-item", localeMessages: e, children: [
+}, jn = ({ children: t, className: e, localeMessages: n }) => /* @__PURE__ */ a(Q, { className: e, content: n == null ? void 0 : n.printTooltip, children: t }), Ni = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(jn, { localeMessages: e, children: /* @__PURE__ */ a(ge, { onClick: t, "aria-label": e == null ? void 0 : e.printTooltip, children: /* @__PURE__ */ a(Vn, {}) }) }), Oi = ({ print: t, localeMessages: e }) => /* @__PURE__ */ a(Xe, { onClick: t, children: /* @__PURE__ */ H(jn, { className: "rp-menu-item", localeMessages: e, children: [
   /* @__PURE__ */ a("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ a(Vn, {}) }),
   e == null ? void 0 : e.printLabel
-] }) }), jn = () => {
+] }) }), Bn = () => {
   const { print: t, cancel: e, setOnProgress: n, setOnComplete: r, setOnError: o, progress: i } = tt(), { printTool: c = !0 } = Te(), { printTool: l = !0 } = Ne(), { isSmallScreen: d } = Oe(), { localeMessages: h } = pe(), m = h == null ? void 0 : h.printTooltip;
   return !c || !l ? null : d ? /* @__PURE__ */ a(Oi, { print: t, localeMessages: h }) : typeof c == "function" ? /* @__PURE__ */ a(Q, { content: m, children: /* @__PURE__ */ a(
     c,
@@ -2800,7 +2800,7 @@ const Ie = {
               o && /* @__PURE__ */ H(un, { children: [
                 /* @__PURE__ */ a(dn, {}),
                 /* @__PURE__ */ a(Un, {}),
-                /* @__PURE__ */ a(jn, {}),
+                /* @__PURE__ */ a(Bn, {}),
                 /* @__PURE__ */ a(pn, {}),
                 /* @__PURE__ */ a(ln, {})
               ] }),
@@ -2824,7 +2824,7 @@ const Ie = {
     !t && /* @__PURE__ */ H(ue, { children: [
       /* @__PURE__ */ a(dn, {}),
       /* @__PURE__ */ a(Un, {}),
-      /* @__PURE__ */ a(jn, {}),
+      /* @__PURE__ */ a(Bn, {}),
       /* @__PURE__ */ a(pn, {})
     ] }),
     /* @__PURE__ */ a(Mi, {})
@@ -2911,12 +2911,12 @@ const Ie = {
     p(G.target.value);
   }, []), E = N(() => {
     p(""), m("");
-  }, [m]), F = W(() => `${f} / ${T}`, [f, T]), { wholeWords: M, matchCase: q } = W(() => l, [l]), B = N(
+  }, [m]), F = W(() => `${f} / ${T}`, [f, T]), { wholeWords: M, matchCase: q } = W(() => l, [l]), j = N(
     (G) => {
       d((Z) => ({ ...Z, matchCase: G }));
     },
     [d]
-  ), j = N(
+  ), B = N(
     (G) => {
       d((Z) => ({ ...Z, wholeWords: G }));
     },
@@ -3004,7 +3004,7 @@ const Ie = {
                     tabIndex: 0,
                     name: "matchCase",
                     value: q,
-                    onChange: B,
+                    onChange: j,
                     children: u == null ? void 0 : u.searchMatchCaseLabel
                   }
                 ),
@@ -3015,7 +3015,7 @@ const Ie = {
                     tabIndex: 0,
                     name: "wholeWord",
                     value: M,
-                    onChange: j,
+                    onChange: B,
                     children: u == null ? void 0 : u.searchWholeWordsLabel
                   }
                 ),
@@ -3172,10 +3172,10 @@ const Ie = {
 }, en = {
   "rp-thumbnails-container": "_rp-thumbnails-container_16vqr_1",
   "rp-thumbnails": "_rp-thumbnails_16vqr_1"
-}, Vi = 16, Bi = (t, e) => {
+}, Vi = 16, ji = (t, e) => {
   const n = t == null ? void 0 : t.querySelector(`#page-${e}`);
   t && (n != null && n.offsetTop) && (t.scrollTop = (n == null ? void 0 : n.offsetTop) - Vi);
-}, ji = et((t, e) => {
+}, Bi = et((t, e) => {
   const { show: n } = t, { focusedPage: r, totalPages: o } = ce(), { thumbnailPages: i, addPage: c, thumbnailLength: l, addToPage: d } = _n(), h = k(null), m = k(1);
   tn(e, () => h.current);
   const T = W(() => Object.values(i), [i]), f = N(() => {
@@ -3183,7 +3183,7 @@ const Ie = {
     v <= o && c(v);
   }, [c, o, l]);
   return D(() => {
-    r > l && o > l ? d(r) : n && m.current !== r && (Bi(h.current, r), m.current = r);
+    r > l && o > l ? d(r) : n && m.current !== r && (ji(h.current, r), m.current = r);
   }, [r, l, d, n, T]), Do(h.current, f), /* @__PURE__ */ a("div", { ref: h, className: en["rp-thumbnails-container"], children: /* @__PURE__ */ a("div", { className: en["rp-thumbnails"], children: n ? T.map((v, C) => {
     var P, b;
     return /* @__PURE__ */ a(
@@ -3228,7 +3228,7 @@ const Ie = {
             hidden: !t,
             className: ht["rp-thumbnails-wrapper"],
             children: [
-              /* @__PURE__ */ a(ji, { show: t, ref: o }),
+              /* @__PURE__ */ a(Bi, { show: t, ref: o }),
               /* @__PURE__ */ a(Ao, { onWidthChange: r, thumbnailRef: o })
             ]
           }
@@ -3319,7 +3319,7 @@ export {
   xn as L,
   Si as M,
   Un as N,
-  jn as O,
+  Bn as O,
   Hs as P,
   Fi as Q,
   Vs as R,
@@ -3344,7 +3344,7 @@ export {
   ci as l,
   ki as m,
   Zs as n,
-  ji as o,
+  Bi as o,
   qi as p,
   mn as q,
   xr as r,

package/dist/assets/ToolbarLayout.css

@@ -1 +1 @@
-.rp-print-zone{display:none}@media print{@page{margin:0}.rp-print-html-printing{height:100%}.rp-print-body-printing{background:rgb(0 0 0 / 0) none;height:100%;margin:0;display:block}.rp-print-body-printing *{display:none}.rp-print-zone{display:block;height:100%}.rp-print-page{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;width:100%;page-break-after:always;page-break-inside:avoid}.rp-print-page img,.rp-print-page canvas{display:block;max-height:100%;max-width:100%;direction:ltr}}._rp-pages_2zf43_1{display:flex;justify-content:center}._rp-pages_2zf43_1>div{height:calc(var(--rp-page-height) * var(--rp-row-count))!important;width:calc(var(--rp-page-width) * var(--rp-column-count))!important}._rp-pages-horizontal-scroll_2zf43_11{display:block}._rp-pages-container_2zf43_15{position:relative;height:100%;outline-width:0}._rp-pages-container_2zf43_15 .ignore-hover:focus,._rp-pages-container_2zf43_15 :not(:hover):focus-visible,._rp-pages-container_2zf43_15 :not(:hover):focus:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0px;outline-width:1px}._rp-pages-container_2zf43_15 .highlight.appended{border-radius:var(--rp-text-layer-highlight-border-radius);background-color:var(--rp-highlight-background-color);opacity:.5}._rp-pages-container_2zf43_15 .highlight.appended.begin{border-radius:var(--rp-text-layer-highlight-border-radius) 0 0 var(--rp-text-layer-highlight-border-radius)}._rp-pages-container_2zf43_15 .highlight.appended.middle{border-radius:0}._rp-pages-container_2zf43_15 .highlight.appended.end{border-radius:0 var(--rp-text-layer-highlight-border-radius) var(--rp-text-layer-highlight-border-radius) 0}._rp-pages-container_2zf43_15 .highlight.appended.selected{background-color:var(--rp-current-highlight-background-color)}._rp-page-scrolling-wrapper_2zf43_52{position:relative;overflow:auto}._rp-viewer_2zf43_57{height:100%;position:relative}._rp-cursor-grab_2zf43_62{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-cursor-grabbing_2zf43_70{cursor:grabbing;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-loader_2zf43_78{background-color:var(--rp-loader-backdrop-color)}._rp-pages-container_2zf43_15{background:var(--rp-pages-background-color)}._rp-not-supported_2zf43_86{display:flex;justify-content:center;align-items:center;height:100%;width:100%}._rp-page-wrapper_14ohm_1{display:flex;justify-content:center;align-items:center}._rp-page_14ohm_1{box-shadow:0 2px 12px #00000026;position:relative}._rp-loader-wrapper_14ohm_15{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._rp-text-layer_usdup_1{color:transparent;transform:rotate(var(--rp-rotate));transform-origin:var(--rp-page-rotate-translate);position:absolute;top:0;right:0;bottom:0;left:0}._rp-text-layer_usdup_1._selecting_usdup_9~[data-rp$=annotationLayer] section{pointer-events:none}._rp-text-layer_usdup_1 :is(br){user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-text-layer_usdup_1 :is(br::selection){background-color:transparent;color:transparent}._rp-text-layer_usdup_1 .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}._rp-text-layer_usdup_1._selecting_usdup_9 .endOfContent{bottom:-1px}._rp-text-layer-text_usdup_39{position:absolute;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-annotation-layer_1udza_1{--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:unset;display:block;color:#000;transform-origin:var(--rp-page-rotate-translate);transform:rotate(var(--rp-rotate))}._rp-annotation-layer_1udza_1 :is(img){max-width:100%;width:100%}._rp-annotation-layer_1udza_1 section:not(.popupAnnotation){z-index:calc(var(--rp-base-z-index, 1) * 3)!important}._rp-annotation-layer_1udza_1 section:has(div.annotationContent) canvas.annotationContent{display:none}._rp-annotation-layer_1udza_1 section a{height:100%;left:0;position:absolute;top:0;width:100%;cursor:pointer}._rp-annotation-layer_1udza_1 section a:hover{background-color:var(--rp-annotation-layer__link-hover-background)}._rp-annotation-layer_1udza_1 section :is(svg){position:absolute;width:100%;height:100%;top:0;left:0}._rp-annotation-layer_1udza_1 section .popupTriggerArea,._rp-annotation-layer_1udza_1 section.popupTriggerArea{cursor:pointer}._rp-annotation-layer_1udza_1 section.popupAnnotation{font-size:calc(9px * var(--scale-factor));pointer-events:none;width:-moz-max-content;width:max-content;max-width:45%;height:auto}._rp-annotation-layer_1udza_1 section.popupAnnotation.focused .popup{outline-width:3px}._rp-annotation-layer_1udza_1 section .popupContent{border-top:1px solid rgb(51 51 51);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}._rp-annotation-layer_1udza_1 section .annotationTextContent span{width:100%;display:inline-block}._rp-annotation-layer_1udza_1 section.fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea),._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea)[disabled],._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select[disabled],._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):focus,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation textarea{resize:none}._rp-annotation-layer_1udza_1 section .popup{background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));outline:1.5px solid rgb(255 255 74);padding:calc(6px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup *{font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup .header{display:inline-block}._rp-annotation-layer_1udza_1 section .popup .header h1{display:inline;font-weight:700}._rp-annotation-layer_1udza_1 section .popup .header .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor));width:-moz-fit-content;width:fit-content}._rp-annotation-layer_1udza_1 section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box}._rp-text-highlight_jdkf8_1{position:absolute;pointer-events:none;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-layout_1q08v_1{height:100%}._rp-content_1q08v_5{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-pages_1q08v_11{width:100%;height:100%}._rp-container_1q08v_16{height:100%}._rp-loader_1q08v_20{background-color:var(--rp-loader-backdrop-color)}._rp-theme-variables_1q08v_24{--rp-font-family: Inter, Avenir, Helvetica, Arial, sans-serif;--rp-primary-color: #34affc;--rp-border-radius: 4px;--rp-text-color: #1c2024;--rp-outline-color: var(--rp-primary-color);--rp-font-size: 16px;--rp-drop-mask-background-color: #fafafa;--rp-loader-backdrop-color: transparent;--rp-icon-disabled: #c6ccd2;--rp-icon-font-size: calc(var(--rp-font-size) * 1.25);--rp-toolbar-background: #e2e6e9;--rp-toolbar-border-color: #c6ccd2;--rp-toolbar-padding: .25rem;--rp-toolbar-gap: .25rem;--rp-toolbar-size: 48px;--rp-sidebar-width: 48px;--rp-thumbnail-border-color: #e2e6e9;--rp-thumbnail-background-color: #ffffff;--rp-thumbnail-active-color: #00000033;--rp-thumbnail-padding-y: 16px;--rp-button-hover-background: #0000001a;--rp-button-padding: 4px;--rp-button-border-radius: 4px;--rp-input-padding: .5rem;--rp-input-border-radius: calc(var(--rp-border-radius) + 2px);--rp-input-background-color: #ffffff;--rp-input-placeholder-color: #c6ccd2;--rp-pages-background-color: #ffffff;--rp-annotation-layer__link-hover-background: rgba(255, 255, 0, .2);--rp-dropdown-background-color: #f1f2f4;--rp-dropdown-padding: 4px;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #e2e6e9;--rp-dropdown-separator-margin: 4px;--rp-dropdown-padding-menu-item: 8px;--rp-dropdown-font-size: calc(var(--rp-font-size) * .875);--rp-dropdown-border-radius: calc(var(--rp-border-radius) + 2px);--rp-search-tool-dropdown-padding: 8px;--rp-popover-font-size: calc(var(--rp-font-size) * .875);--rp-popover-background-color: #f1f2f4;--rp-popover-color: #1c2024;--rp-popover-border-color: #e2e6e9;--rp-popover-border-radius: calc(var(--rp-border-radius) + 2px);--rp-overlay-background-color: #000000cc;--rp-dialog-background-color: #f1f2f4;--rp-properties-divider-color: #e2e6e9;--rp-properties-divider-margin: 16px;--rp-property-item-gap: 12px;--rp-dialog-title-color: #1c2024;--rp-property-item-label-color: #596673;--rp-property-close-icon-size: calc(var(--rp-font-size) * 1.25);--rp-property-item-font-size: calc(var(--rp-font-size) * .875);--rp-property-item-font-weight: 400;--rp-dialog-title-font-size: calc(var(--rp-font-size) * 1.125);--rp-dialog-title-font-weight: 600;--rp-menu-item-icon-size: 16px;--rp-print-progress-background: #f1f2f4ff;--rp-print-progress-color: #1c2024ff;--rp-drop-zone-border: #c6ccd2;--rp-drop-zone-font-color: #8c99a6;--rp-drop-zone-font-size: calc(var(--rp-font-size) * 1.125);--rp-drop-zone-background-color: #fafafa;--rp-checkbox-border-radius: var(--rp-border-radius);--rp-checkbox-border-color: #e2e6e9;--rp-checkbox-indicator-color: white;--rp-highlight-background-color: rgba(255, 255, 0, 1);--rp-text-layer-highlight-border-radius: var(--rp-border-radius);--rp-current-highlight-background-color: rgba(255, 0, 0, 1);--rp-tooltip-background-color: #1c2024;--rp-tooltip-border-radius: var(--rp-border-radius);--rp-tooltip-font-color: #ffffff;--rp-tooltip-font-size: 14px;--rp-tooltip-padding: 8px 8px;--rp-password-background-color: #ffffff;--rp-password-title-font-color: #1C2024;--rp-password-content-font-color: #596673;--rp-password-input-border-color: #E2E6E9;--rp-password-input-placeholder-color: #C6CCD2;--rp-password-input-font-color: #000000;--rp-password-button-background-color: #34affc;--rp-password-button-font-color: #ffffff;--rp-password-button-border-color: #0995EE;--rp-password-border-color: #E2E6E9;--rp-password-button-border-radius: 8px;--rp-container-focus-outline-width: 0px;--rp-container-focus-outline-color: var(--rp-primary-color);--rp-container-focus-outline-offset: 2px}._rp-theme-variables_1q08v_24._rp-dark-mode_1q08v_135{--rp-primary-color: #34affc;--rp-text-color: #ffffff;--rp-drop-mask-background-color: #1c2024;--rp-loader-backdrop-color: transparent;--rp-icon-disabled: #596673;--rp-toolbar-background: #2d3339;--rp-toolbar-border-color: #434c56;--rp-thumbnail-border-color: #2d3339;--rp-thumbnail-background-color: #1c2024;--rp-thumbnail-active-color: #0000004d;--rp-button-hover-background: #0000004d;--rp-input-background-color: #1c2024;--rp-pages-background-color: #1c2024;--rp-dropdown-background-color: #434c56;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #2d3339;--rp-popover-background-color: #434c56;--rp-popover-color: var(--rp-text-color);--rp-popover-border-color: #2d3339;--rp-dialog-background-color: #434c56;--rp-properties-divider-color: #2d3339;--rp-property-item-label-color: #c6ccd2;--rp-dialog-title-color: #ffffff;--rp-print-progress-background: #434c56ff;--rp-print-progress-color: #ffffff;--rp-drop-zone-background-color: #1c2024;--rp-drop-zone-border: #434c56;--rp-drop-zone-font-color: #596673;--rp-tooltip-background-color: #5b6d7f;--rp-password-background-color: #1C2024;--rp-password-title-font-color: #ffffff;--rp-password-content-font-color: #C6CCD2;--rp-password-input-border-color: #2D3339;--rp-password-input-placeholder-color: #596673;--rp-password-input-font-color: #ffffff;--rp-password-button-background-color: #34affc;--rp-password-button-font-color: #ffffff;--rp-password-button-border-color: #0995EE;--rp-password-border-color: #2D3339}._rp-toolbar-content_sz31z_1{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-toolbar-wrapper_sz31z_10{display:flex;gap:0;justify-content:space-between;width:100%;overflow-x:auto;padding-left:1px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar{width:2px!important;height:2px!important}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-track{background:#f1f1f1}._rp-toolbar-start_sz31z_33{display:flex;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-middle_sz31z_39{display:flex;justify-content:center;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-end_sz31z_46{display:flex;align-items:center;justify-content:flex-end;gap:var(--rp-toolbar-gap);padding-right:1px}._rp-paginate_1gck0_1{display:flex;align-items:center}._rp-page-input_1gck0_6{margin:1px .25rem;padding:.25rem .5rem;width:3.5em;min-width:calc(4ch + 1rem);max-width:calc(4ch + 1rem);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0}._rp-total-page_1gck0_18{font-size:14px;font-weight:400;margin-right:4px;color:var(--rp-text-color)}._rp-dialog-wrapper_slqo7_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}._rp-dialog-overlay_slqo7_7{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rp-overlay-background-color)}._rp-document-dialog_slqo7_13{transform:translate(-50%,-50%);left:50%;top:50%;background:var(--rp-dialog-background-color);position:fixed;border:none;border-radius:var(--rp-border-radius);max-width:420px;padding:16px;line-height:16px;position:relative}._rp-document-dialog_slqo7_13:focus-visible{outline:none}@media screen and (max-width: 640px){._rp-document-dialog_slqo7_13{width:85%}}._rp-document-properties_slqo7_35{padding-top:20px}._rp-dialog-title_slqo7_39{font-size:var(--rp-dialog-title-font-size);font-weight:var(--rp-dialog-title-font-weight);color:var(--rp-dialog-title-color);margin-top:0;margin-bottom:8px}._rp-dialog-close_slqo7_47{font-size:var(--rp-property-close-icon-size);position:absolute;top:16px;right:11px;cursor:pointer}._rp-properties-divider_slqo7_55{background:var(--rp-properties-divider-color);width:100%;height:1px;margin-top:var(--rp-properties-divider-margin);margin-bottom:var(--rp-properties-divider-margin)}._rp-other-tool-content_su718_1{padding:var(--rp-dropdown-padding)}._rp-go-to-Top_4e0yd_1{transform:rotate(180deg)}._rp-loading-overlay_wazy2_1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100}._rp-loading-modal_wazy2_14{background:var(--rp-print-progress-background);padding:24px;border-radius:8px;min-width:240px;min-height:120px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center}._rp-loading-title_wazy2_27{text-align:center;margin-bottom:16px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;color:var(--rp-print-progress-color)}._rp-loading-progress-bar_wazy2_35{background:#f0f0f0;width:100%;height:4px;border-radius:32px;overflow:hidden;position:relative;margin-bottom:16px}._rp-loading-progress_wazy2_35{position:absolute;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--rp-primary-color) 80%,black) 0%,var(--rp-primary-color) 50%,color-mix(in srgb,var(--rp-primary-color) 80%,white) 100%);border-radius:32px}._rp-loading-cancel-button_wazy2_55{width:70px;padding:8px;border:none;background:none;color:#666;border-radius:var(--rp-button-border-radius);cursor:pointer;font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s;border:1px solid #e2e6e9}._rp-loading-cancel-button_wazy2_55:hover{background:#f5f5f5}@keyframes _loading_wazy2_1{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}._rp-sidebar-content-wrapper_1sdl6_1{display:flex;height:100%;position:relative}._rp-sidebar-content_1sdl6_1{background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width);width:100%;padding-top:.75rem;text-align:center}._rp-thumbnails-wrapper_1sdl6_16{border-right:var(--rp-thumbnail-border-color) 4px solid;width:100%}._rp-thumbnail-dragging_1sdl6_21{-webkit-user-select:none;user-select:none;pointer-events:none}._rp-thumbnail-wrapper_3fenb_1{display:flex;align-items:center;flex-direction:column;margin-bottom:var(--rp-thumbnail-padding-y);cursor:pointer}._rp-thumbnail-text_3fenb_10{margin-top:8px;font-size:12px;font-weight:400;color:var(--rp-text-color)}._rp-thumbnail_3fenb_1{display:flex;box-shadow:0 2px 6px #00000026}._rp-thumbnail_3fenb_1:not(._rp-thumbnail-active_3fenb_22):not(:hover){padding:4px}._rp-thumbnail-active_3fenb_22,._rp-thumbnail_3fenb_1:hover{border:var(--rp-thumbnail-active-color) solid 4px}._rp-thumbnail-loader_3fenb_31{display:flex;align-items:center;justify-content:center}._rp-thumbnails-container_16vqr_1{height:100%;max-height:100%;width:var(--rp-thumbnail-width, 200px);overflow-y:auto;display:flex;align-items:center;flex-direction:column;background:var(--rp-thumbnail-background-color)}._rp-thumbnails_16vqr_1{padding-top:var(--rp-thumbnail-padding-y)}._rp-toolbar-layout_vwobs_1{display:flex;flex-direction:column;height:100%}._rp-content_vwobs_7{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-topbar-content_vwobs_13{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-sidebar-content_vwobs_22{display:flex;flex-direction:column;text-align:center;padding-block:.75rem;background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width)}._rp-pages_vwobs_32{flex:1;background:var(--rp-pages-background-color)}._rp-thumbnails-wrapper_vwobs_37{border-right:var(--rp-thumbnail-border-color) 4px solid}
+.rp-print-zone{display:none}@media print{@page{margin:0}.rp-print-html-printing{height:100%}.rp-print-body-printing{background:rgb(0 0 0 / 0) none;height:100%;margin:0;display:block}.rp-print-body-printing *{display:none}.rp-print-zone{display:block;height:100%}.rp-print-page{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;width:100%;page-break-after:always;page-break-inside:avoid}.rp-print-page img,.rp-print-page canvas{display:block;max-height:100%;max-width:100%;direction:ltr}}._rp-pages_1i1lj_1{display:flex;justify-content:center}._rp-pages_1i1lj_1:not(._rp-page-scrolling-wrapper_1i1lj_6)>div{height:calc(var(--rp-page-height) * var(--rp-row-count))!important;width:calc(var(--rp-page-width) * var(--rp-column-count))!important}._rp-pages-horizontal-scroll_1i1lj_11{display:block}._rp-pages-container_1i1lj_15{position:relative;height:100%;outline-width:0}._rp-pages-container_1i1lj_15 .ignore-hover:focus,._rp-pages-container_1i1lj_15 :not(:hover):focus-visible,._rp-pages-container_1i1lj_15 :not(:hover):focus:focus-visible{transition:none;outline-color:var(--rp-outline-color, -webkit-focus-ring-color);outline-style:solid;outline-offset:0px;outline-width:1px}._rp-pages-container_1i1lj_15 .highlight.appended{border-radius:var(--rp-text-layer-highlight-border-radius);background-color:var(--rp-highlight-background-color);opacity:.5}._rp-pages-container_1i1lj_15 .highlight.appended.begin{border-radius:var(--rp-text-layer-highlight-border-radius) 0 0 var(--rp-text-layer-highlight-border-radius)}._rp-pages-container_1i1lj_15 .highlight.appended.middle{border-radius:0}._rp-pages-container_1i1lj_15 .highlight.appended.end{border-radius:0 var(--rp-text-layer-highlight-border-radius) var(--rp-text-layer-highlight-border-radius) 0}._rp-pages-container_1i1lj_15 .highlight.appended.selected{background-color:var(--rp-current-highlight-background-color)}._rp-page-scrolling-wrapper_1i1lj_6{position:relative;overflow:auto}._rp-viewer_1i1lj_57{height:100%;position:relative}._rp-cursor-grab_1i1lj_62{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-cursor-grabbing_1i1lj_70{cursor:grabbing;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-loader_1i1lj_78{background-color:var(--rp-loader-backdrop-color)}._rp-pages-container_1i1lj_15{background:var(--rp-pages-background-color)}._rp-not-supported_1i1lj_86{display:flex;justify-content:center;align-items:center;height:100%;width:100%}._rp-page-wrapper_14ohm_1{display:flex;justify-content:center;align-items:center}._rp-page_14ohm_1{box-shadow:0 2px 12px #00000026;position:relative}._rp-loader-wrapper_14ohm_15{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._rp-text-layer_usdup_1{color:transparent;transform:rotate(var(--rp-rotate));transform-origin:var(--rp-page-rotate-translate);position:absolute;top:0;right:0;bottom:0;left:0}._rp-text-layer_usdup_1._selecting_usdup_9~[data-rp$=annotationLayer] section{pointer-events:none}._rp-text-layer_usdup_1 :is(br){user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}._rp-text-layer_usdup_1 :is(br::selection){background-color:transparent;color:transparent}._rp-text-layer_usdup_1 .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:0;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}._rp-text-layer_usdup_1._selecting_usdup_9 .endOfContent{bottom:-1px}._rp-text-layer-text_usdup_39{position:absolute;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-annotation-layer_1udza_1{--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:unset;display:block;color:#000;transform-origin:var(--rp-page-rotate-translate);transform:rotate(var(--rp-rotate))}._rp-annotation-layer_1udza_1 :is(img){max-width:100%;width:100%}._rp-annotation-layer_1udza_1 section:not(.popupAnnotation){z-index:calc(var(--rp-base-z-index, 1) * 3)!important}._rp-annotation-layer_1udza_1 section:has(div.annotationContent) canvas.annotationContent{display:none}._rp-annotation-layer_1udza_1 section a{height:100%;left:0;position:absolute;top:0;width:100%;cursor:pointer}._rp-annotation-layer_1udza_1 section a:hover{background-color:var(--rp-annotation-layer__link-hover-background)}._rp-annotation-layer_1udza_1 section :is(svg){position:absolute;width:100%;height:100%;top:0;left:0}._rp-annotation-layer_1udza_1 section .popupTriggerArea,._rp-annotation-layer_1udza_1 section.popupTriggerArea{cursor:pointer}._rp-annotation-layer_1udza_1 section.popupAnnotation{font-size:calc(9px * var(--scale-factor));pointer-events:none;width:-moz-max-content;width:max-content;max-width:45%;height:auto}._rp-annotation-layer_1udza_1 section.popupAnnotation.focused .popup{outline-width:3px}._rp-annotation-layer_1udza_1 section .popupContent{border-top:1px solid rgb(51 51 51);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}._rp-annotation-layer_1udza_1 section .annotationTextContent span{width:100%;display:inline-block}._rp-annotation-layer_1udza_1 section.fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea),._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea)[disabled],._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select[disabled],._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):hover,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:hover,._rp-annotation-layer_1udza_1 section.buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation :is(input,textarea):focus,._rp-annotation-layer_1udza_1 section.choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}._rp-annotation-layer_1udza_1 section.textWidgetAnnotation textarea{resize:none}._rp-annotation-layer_1udza_1 section .popup{background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));outline:1.5px solid rgb(255 255 74);padding:calc(6px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto;font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup *{font-size:calc(9px * var(--scale-factor))}._rp-annotation-layer_1udza_1 section .popup .header{display:inline-block}._rp-annotation-layer_1udza_1 section .popup .header h1{display:inline;font-weight:700}._rp-annotation-layer_1udza_1 section .popup .header .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor));width:-moz-fit-content;width:fit-content}._rp-annotation-layer_1udza_1 section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box}._rp-text-highlight_jdkf8_1{position:absolute;pointer-events:none;transform-origin:0% 0%;white-space:pre;line-height:1;overflow:hidden}._rp-layout_1q08v_1{height:100%}._rp-content_1q08v_5{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-pages_1q08v_11{width:100%;height:100%}._rp-container_1q08v_16{height:100%}._rp-loader_1q08v_20{background-color:var(--rp-loader-backdrop-color)}._rp-theme-variables_1q08v_24{--rp-font-family: Inter, Avenir, Helvetica, Arial, sans-serif;--rp-primary-color: #34affc;--rp-border-radius: 4px;--rp-text-color: #1c2024;--rp-outline-color: var(--rp-primary-color);--rp-font-size: 16px;--rp-drop-mask-background-color: #fafafa;--rp-loader-backdrop-color: transparent;--rp-icon-disabled: #c6ccd2;--rp-icon-font-size: calc(var(--rp-font-size) * 1.25);--rp-toolbar-background: #e2e6e9;--rp-toolbar-border-color: #c6ccd2;--rp-toolbar-padding: .25rem;--rp-toolbar-gap: .25rem;--rp-toolbar-size: 48px;--rp-sidebar-width: 48px;--rp-thumbnail-border-color: #e2e6e9;--rp-thumbnail-background-color: #ffffff;--rp-thumbnail-active-color: #00000033;--rp-thumbnail-padding-y: 16px;--rp-button-hover-background: #0000001a;--rp-button-padding: 4px;--rp-button-border-radius: 4px;--rp-input-padding: .5rem;--rp-input-border-radius: calc(var(--rp-border-radius) + 2px);--rp-input-background-color: #ffffff;--rp-input-placeholder-color: #c6ccd2;--rp-pages-background-color: #ffffff;--rp-annotation-layer__link-hover-background: rgba(255, 255, 0, .2);--rp-dropdown-background-color: #f1f2f4;--rp-dropdown-padding: 4px;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #e2e6e9;--rp-dropdown-separator-margin: 4px;--rp-dropdown-padding-menu-item: 8px;--rp-dropdown-font-size: calc(var(--rp-font-size) * .875);--rp-dropdown-border-radius: calc(var(--rp-border-radius) + 2px);--rp-search-tool-dropdown-padding: 8px;--rp-popover-font-size: calc(var(--rp-font-size) * .875);--rp-popover-background-color: #f1f2f4;--rp-popover-color: #1c2024;--rp-popover-border-color: #e2e6e9;--rp-popover-border-radius: calc(var(--rp-border-radius) + 2px);--rp-overlay-background-color: #000000cc;--rp-dialog-background-color: #f1f2f4;--rp-properties-divider-color: #e2e6e9;--rp-properties-divider-margin: 16px;--rp-property-item-gap: 12px;--rp-dialog-title-color: #1c2024;--rp-property-item-label-color: #596673;--rp-property-close-icon-size: calc(var(--rp-font-size) * 1.25);--rp-property-item-font-size: calc(var(--rp-font-size) * .875);--rp-property-item-font-weight: 400;--rp-dialog-title-font-size: calc(var(--rp-font-size) * 1.125);--rp-dialog-title-font-weight: 600;--rp-menu-item-icon-size: 16px;--rp-print-progress-background: #f1f2f4ff;--rp-print-progress-color: #1c2024ff;--rp-drop-zone-border: #c6ccd2;--rp-drop-zone-font-color: #8c99a6;--rp-drop-zone-font-size: calc(var(--rp-font-size) * 1.125);--rp-drop-zone-background-color: #fafafa;--rp-checkbox-border-radius: var(--rp-border-radius);--rp-checkbox-border-color: #e2e6e9;--rp-checkbox-indicator-color: white;--rp-highlight-background-color: rgba(255, 255, 0, 1);--rp-text-layer-highlight-border-radius: var(--rp-border-radius);--rp-current-highlight-background-color: rgba(255, 0, 0, 1);--rp-tooltip-background-color: #1c2024;--rp-tooltip-border-radius: var(--rp-border-radius);--rp-tooltip-font-color: #ffffff;--rp-tooltip-font-size: 14px;--rp-tooltip-padding: 8px 8px;--rp-password-background-color: #ffffff;--rp-password-title-font-color: #1C2024;--rp-password-content-font-color: #596673;--rp-password-input-border-color: #E2E6E9;--rp-password-input-placeholder-color: #C6CCD2;--rp-password-input-font-color: #000000;--rp-password-button-background-color: #34affc;--rp-password-button-font-color: #ffffff;--rp-password-button-border-color: #0995EE;--rp-password-border-color: #E2E6E9;--rp-password-button-border-radius: 8px;--rp-container-focus-outline-width: 0px;--rp-container-focus-outline-color: var(--rp-primary-color);--rp-container-focus-outline-offset: 2px}._rp-theme-variables_1q08v_24._rp-dark-mode_1q08v_135{--rp-primary-color: #34affc;--rp-text-color: #ffffff;--rp-drop-mask-background-color: #1c2024;--rp-loader-backdrop-color: transparent;--rp-icon-disabled: #596673;--rp-toolbar-background: #2d3339;--rp-toolbar-border-color: #434c56;--rp-thumbnail-border-color: #2d3339;--rp-thumbnail-background-color: #1c2024;--rp-thumbnail-active-color: #0000004d;--rp-button-hover-background: #0000004d;--rp-input-background-color: #1c2024;--rp-pages-background-color: #1c2024;--rp-dropdown-background-color: #434c56;--rp-dropdown-hover-background-color: #0000001a;--rp-dropdown-separator-color: #2d3339;--rp-popover-background-color: #434c56;--rp-popover-color: var(--rp-text-color);--rp-popover-border-color: #2d3339;--rp-dialog-background-color: #434c56;--rp-properties-divider-color: #2d3339;--rp-property-item-label-color: #c6ccd2;--rp-dialog-title-color: #ffffff;--rp-print-progress-background: #434c56ff;--rp-print-progress-color: #ffffff;--rp-drop-zone-background-color: #1c2024;--rp-drop-zone-border: #434c56;--rp-drop-zone-font-color: #596673;--rp-tooltip-background-color: #5b6d7f;--rp-password-background-color: #1C2024;--rp-password-title-font-color: #ffffff;--rp-password-content-font-color: #C6CCD2;--rp-password-input-border-color: #2D3339;--rp-password-input-placeholder-color: #596673;--rp-password-input-font-color: #ffffff;--rp-password-button-background-color: #34affc;--rp-password-button-font-color: #ffffff;--rp-password-button-border-color: #0995EE;--rp-password-border-color: #2D3339}._rp-toolbar-content_sz31z_1{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-toolbar-wrapper_sz31z_10{display:flex;gap:0;justify-content:space-between;width:100%;overflow-x:auto;padding-left:1px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar{width:2px!important;height:2px!important}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}._rp-toolbar-wrapper_sz31z_10::-webkit-scrollbar-track{background:#f1f1f1}._rp-toolbar-start_sz31z_33{display:flex;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-middle_sz31z_39{display:flex;justify-content:center;align-items:center;gap:var(--rp-toolbar-gap)}._rp-toolbar-end_sz31z_46{display:flex;align-items:center;justify-content:flex-end;gap:var(--rp-toolbar-gap);padding-right:1px}._rp-paginate_1gck0_1{display:flex;align-items:center}._rp-page-input_1gck0_6{margin:1px .25rem;padding:.25rem .5rem;width:3.5em;min-width:calc(4ch + 1rem);max-width:calc(4ch + 1rem);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0}._rp-total-page_1gck0_18{font-size:14px;font-weight:400;margin-right:4px;color:var(--rp-text-color)}._rp-dialog-wrapper_slqo7_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}._rp-dialog-overlay_slqo7_7{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--rp-overlay-background-color)}._rp-document-dialog_slqo7_13{transform:translate(-50%,-50%);left:50%;top:50%;background:var(--rp-dialog-background-color);position:fixed;border:none;border-radius:var(--rp-border-radius);max-width:420px;padding:16px;line-height:16px;position:relative}._rp-document-dialog_slqo7_13:focus-visible{outline:none}@media screen and (max-width: 640px){._rp-document-dialog_slqo7_13{width:85%}}._rp-document-properties_slqo7_35{padding-top:20px}._rp-dialog-title_slqo7_39{font-size:var(--rp-dialog-title-font-size);font-weight:var(--rp-dialog-title-font-weight);color:var(--rp-dialog-title-color);margin-top:0;margin-bottom:8px}._rp-dialog-close_slqo7_47{font-size:var(--rp-property-close-icon-size);position:absolute;top:16px;right:11px;cursor:pointer}._rp-properties-divider_slqo7_55{background:var(--rp-properties-divider-color);width:100%;height:1px;margin-top:var(--rp-properties-divider-margin);margin-bottom:var(--rp-properties-divider-margin)}._rp-other-tool-content_su718_1{padding:var(--rp-dropdown-padding)}._rp-go-to-Top_4e0yd_1{transform:rotate(180deg)}._rp-loading-overlay_wazy2_1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100}._rp-loading-modal_wazy2_14{background:var(--rp-print-progress-background);padding:24px;border-radius:8px;min-width:240px;min-height:120px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center}._rp-loading-title_wazy2_27{text-align:center;margin-bottom:16px;font-size:14px;font-family:system-ui,-apple-system,sans-serif;color:var(--rp-print-progress-color)}._rp-loading-progress-bar_wazy2_35{background:#f0f0f0;width:100%;height:4px;border-radius:32px;overflow:hidden;position:relative;margin-bottom:16px}._rp-loading-progress_wazy2_35{position:absolute;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--rp-primary-color) 80%,black) 0%,var(--rp-primary-color) 50%,color-mix(in srgb,var(--rp-primary-color) 80%,white) 100%);border-radius:32px}._rp-loading-cancel-button_wazy2_55{width:70px;padding:8px;border:none;background:none;color:#666;border-radius:var(--rp-button-border-radius);cursor:pointer;font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s;border:1px solid #e2e6e9}._rp-loading-cancel-button_wazy2_55:hover{background:#f5f5f5}@keyframes _loading_wazy2_1{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}._rp-sidebar-content-wrapper_1sdl6_1{display:flex;height:100%;position:relative}._rp-sidebar-content_1sdl6_1{background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width);width:100%;padding-top:.75rem;text-align:center}._rp-thumbnails-wrapper_1sdl6_16{border-right:var(--rp-thumbnail-border-color) 4px solid;width:100%}._rp-thumbnail-dragging_1sdl6_21{-webkit-user-select:none;user-select:none;pointer-events:none}._rp-thumbnail-wrapper_3fenb_1{display:flex;align-items:center;flex-direction:column;margin-bottom:var(--rp-thumbnail-padding-y);cursor:pointer}._rp-thumbnail-text_3fenb_10{margin-top:8px;font-size:12px;font-weight:400;color:var(--rp-text-color)}._rp-thumbnail_3fenb_1{display:flex;box-shadow:0 2px 6px #00000026}._rp-thumbnail_3fenb_1:not(._rp-thumbnail-active_3fenb_22):not(:hover){padding:4px}._rp-thumbnail-active_3fenb_22,._rp-thumbnail_3fenb_1:hover{border:var(--rp-thumbnail-active-color) solid 4px}._rp-thumbnail-loader_3fenb_31{display:flex;align-items:center;justify-content:center}._rp-thumbnails-container_16vqr_1{height:100%;max-height:100%;width:var(--rp-thumbnail-width, 200px);overflow-y:auto;display:flex;align-items:center;flex-direction:column;background:var(--rp-thumbnail-background-color)}._rp-thumbnails_16vqr_1{padding-top:var(--rp-thumbnail-padding-y)}._rp-toolbar-layout_vwobs_1{display:flex;flex-direction:column;height:100%}._rp-content_vwobs_7{display:flex;width:100%;height:calc(100% - var(--rp-toolbar-height))}._rp-topbar-content_vwobs_13{display:flex;align-items:center;background:var(--rp-toolbar-background);border-bottom:var(--rp-toolbar-border-color) 1px solid;padding:0 var(--rp-toolbar-padding);min-height:var(--rp-toolbar-size)}._rp-sidebar-content_vwobs_22{display:flex;flex-direction:column;text-align:center;padding-block:.75rem;background:var(--rp-toolbar-background);border-right:var(--rp-toolbar-border-color) 1px solid;min-width:var(--rp-sidebar-width)}._rp-pages_vwobs_32{flex:1;background:var(--rp-pages-background-color)}._rp-thumbnails-wrapper_vwobs_37{border-right:var(--rp-thumbnail-border-color) 4px solid}

package/dist/components/RPController.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as e, useId as V, useMemo as T } from "react";
-import { P as w, f as D, g as E, T as G, h as b } from "../ToolbarLayout.module-e532b211.js";
+import { P as w, f as D, g as E, T as G, h as b } from "../ToolbarLayout.module-5809c7ac.js";
 import { DarkModeProvider as k } from "../contexts/DarkModeContext.js";
 import { ViewMode as x, ScrollMode as F, SelectionMode as y } from "../utils/types.js";
 import { RotateProvider as _ } from "../contexts/RotationContext.js";

package/dist/components/RPPages.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { R as so } from "../ToolbarLayout.module-e532b211.js";
+import { R as so } from "../ToolbarLayout.module-5809c7ac.js";
 import "../contexts/VirtualScrollContext.js";
 import "../contexts/RPDocumentContext.js";
 import "../contexts/DocumentPasswordContext.js";

package/dist/components/layout/LayoutContainer.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../clsx-0c6e471a.js";
-import { L as to } from "../../ToolbarLayout.module-e532b211.js";
+import { L as to } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/ThemeContext.js";
 import "react";
 import "../../contexts/RPDocumentContext.js";

package/dist/components/layout/RPDefaultLayout.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as D } from "../../ToolbarLayout.module-e532b211.js";
+import { a as D } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/ToolbarComponentContext.js";
 import "../../contexts/LayoutContainerContext.js";
 import "./Container.js";

package/dist/components/layout/RPLayout.js

@@ -7,7 +7,7 @@ import { ToolbarLayout as C } from "./toolbar/ToolbarLayout.js";
 import { WrapperLayout as g } from "./WrapperLayout.js";
 import { useDocumentContext as x } from "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { L as b, e as j } from "../../ToolbarLayout.module-e532b211.js";
+import { L as b, e as j } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/layout/sidebar/RPSidebar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../icons/Thumbnail.js";
 import "../../ui/Button.js";
-import { Y as x } from "../../../ToolbarLayout.module-e532b211.js";
+import { Y as x } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "./RPSplitter.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";

package/dist/components/layout/sidebar/Thumbnail.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { X as om } from "../../../ToolbarLayout.module-e532b211.js";
+import { X as om } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../clsx-0c6e471a.js";
 import "../../icons/LoaderIcon.js";
 import "../../../contexts/PagesRotateContext.js";

package/dist/components/layout/sidebar/Thumbnails.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { o as a } from "../../../ToolbarLayout.module-e532b211.js";
+import { o as a } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../utils/hooks/useInfiniteScroll.js";
 import "../../../utils/withRef.js";
 export {

package/dist/components/layout/toolbar/DocumentDialog.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { M as mo } from "../../../ToolbarLayout.module-e532b211.js";
+import { M as mo } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/CloseIcon.js";
 import "../../../utils/dateFormatter.js";

package/dist/components/layout/toolbar/FileDownloadTool.js

@@ -3,7 +3,7 @@ import "../../icons/FileDownloadDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { N as w } from "../../../ToolbarLayout.module-e532b211.js";
+import { N as w } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "./MenuItem.js";
 import "../../../contexts/ViewportContext.js";
 import "../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/MostPageTool.js

@@ -4,7 +4,7 @@ import "./MenuItem.js";
 import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { Q as to } from "../../../ToolbarLayout.module-e532b211.js";
+import { Q as to } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";

package/dist/components/layout/toolbar/OtherTool.js

@@ -3,7 +3,7 @@ import "../../../contexts/LayoutContainerContext.js";
 import "../../icons/ThreeDotIcon.js";
 import "../../ui/Button.js";
 import "../../ui/DropDown.js";
-import { U as n } from "../../../ToolbarLayout.module-e532b211.js";
+import { U as n } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "./DocumentProperties.js";
 import "./RotateTool.js";
 import "./ViewModeTool.js";

package/dist/components/layout/toolbar/Paginate.js

@@ -3,7 +3,7 @@ import "react";
 import "../../icons/ChevronUpIcon.js";
 import "../../ui/Button.js";
 import "../../ui/Input.js";
-import { l as d } from "../../../ToolbarLayout.module-e532b211.js";
+import { l as d } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

package/dist/components/layout/toolbar/PrintTool.js

@@ -3,7 +3,7 @@ import "../../icons/PrintDefaultIcon.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/IconContext.js";
 import "../../ui/Button.js";
-import { O } from "../../../ToolbarLayout.module-e532b211.js";
+import { O } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../contexts/ViewportContext.js";
 import "../../../contexts/LocalizationContext.js";
 import "./MenuItem.js";

package/dist/components/layout/toolbar/RPToolbar.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { W as e } from "../../../ToolbarLayout.module-e532b211.js";
+import { W as e } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "./ZoomTool.js";
 import "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/ViewportContext.js";

package/dist/components/layout/toolbar/RPToolbarEnd.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./FileUploadTool.js";
 import "./DarkModeTool.js";
-import { m as b } from "../../../ToolbarLayout.module-e532b211.js";
+import { m as b } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "./FullScreenTool.js";
 import "../../../contexts/ViewportContext.js";
 export {

package/dist/components/layout/toolbar/SearchResultNavigator.js

@@ -3,7 +3,7 @@ import "../../ui/RPTooltip.js";
 import "../../ui/Button.js";
 import "../../icons/ChevronUpIcon.js";
 import "../../../contexts/LocalizationContext.js";
-import { V as s } from "../../../ToolbarLayout.module-e532b211.js";
+import { V as s } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../SearchCloseButton-cbf182aa.js";
 export {
   s as SearchResultNavigator

package/dist/components/layout/toolbar/SearchTool.js

@@ -8,7 +8,7 @@ import "../../ui/Input.js";
 import "../../ui/Checkbox.js";
 import "../../icons/ClearIcon.js";
 import "../../icons/LoaderIcon.js";
-import { S as po } from "../../../ToolbarLayout.module-e532b211.js";
+import { S as po } from "../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../contexts/IconContext.js";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";

package/dist/components/layout/toolbar/ThumbnailTool.js

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { i as a } from "../../../ToolbarLayout.module-e532b211.js";
+import { i as a } from "../../../ToolbarLayout.module-5809c7ac.js";
 import { ThumbnailIcon as h } from "../../icons/Thumbnail.js";
 import { UIButton as p } from "../../ui/Button.js";
 import e from "../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/ToolbarCustom.js

@@ -1,6 +1,6 @@
 import { jsxs as p, Fragment as e, jsx as t } from "react/jsx-runtime";
 import { useRef as f } from "react";
-import { i as v, c as C, n as o, o as g, p as x } from "../../../ToolbarLayout.module-e532b211.js";
+import { i as v, c as C, n as o, o as g, p as x } from "../../../ToolbarLayout.module-5809c7ac.js";
 import { useLayoutContainer as N } from "../../../contexts/LayoutContainerContext.js";
 import { useToolbarComponentContext as T } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";

package/dist/components/layout/toolbar/ToolbarDefault.js

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as p, jsx as r } from "react/jsx-runtime";
 import { useRef as d } from "react";
-import { i as h, c as u, n as t, o as b, p as f } from "../../../ToolbarLayout.module-e532b211.js";
+import { i as h, c as u, n as t, o as b, p as f } from "../../../ToolbarLayout.module-5809c7ac.js";
 import { useLayoutContainer as v } from "../../../contexts/LayoutContainerContext.js";
 import { useToolbarComponentContext as g } from "../../../contexts/ToolbarComponentContext.js";
 import "../../../contexts/RPDocumentContext.js";

package/dist/components/layout/toolbar/ZoomTool.js

@@ -42,14 +42,9 @@ const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
       return Math.min(m - 25, I);
     });
   }, [n, i]), k = h(() => i * 100 <= K, [i]), E = h(() => i * 100 >= I, [i]);
-  if (G(() => (d && C.current.observe(d), () => {
+  G(() => (d && C.current.observe(d), () => {
     C.current.disconnect();
-  }), [d]), !l || !f)
-    return null;
-  if (typeof l == "function")
-    return /* @__PURE__ */ t(l, { zoomLevel: r, setZoomLevel: n });
-  if (typeof f == "function")
-    return /* @__PURE__ */ t(f, { zoomLevel: r, setZoomLevel: n });
+  }), [d]);
   const W = h(() => {
     switch (r) {
       case p.ACTUAL:
@@ -60,8 +55,8 @@ const K = 25, I = 1e3, Q = [50, 75, 100, 125, 150, 200, 300, 400], Y = () => {
         return o == null ? void 0 : o.zoomPageWidth;
     }
     return r;
-  }, [r]);
-  return /* @__PURE__ */ c("div", { className: e["rp-zoom-wrapper"], children: [
+  }, [r, o]);
+  return !l || !f ? null : typeof l == "function" ? /* @__PURE__ */ t(l, { zoomLevel: r, setZoomLevel: n }) : typeof f == "function" ? /* @__PURE__ */ t(f, { zoomLevel: r, setZoomLevel: n }) : /* @__PURE__ */ c("div", { className: e["rp-zoom-wrapper"], children: [
     /* @__PURE__ */ t(a, { content: o == null ? void 0 : o.zoomOutTooltip, children: /* @__PURE__ */ t(
       z,
       {

package/dist/components/layout/toolbar/tools/FileDownloadTool.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { FileDownloadDefaultIcon as r } from "../../../icons/FileDownloadDefaultIcon.js";
 import { UIButton as l } from "../../../ui/Button.js";
-import { b as d } from "../../../../ToolbarLayout.module-e532b211.js";
+import { b as d } from "../../../../ToolbarLayout.module-5809c7ac.js";
 import m from "../../../ui/RPTooltip.js";
 import { useLocalizationContext as p } from "../../../../contexts/LocalizationContext.js";
 const f = ({ children: t, className: n, localeMessages: o }) => /* @__PURE__ */ i(m, { className: n, content: o == null ? void 0 : o.downloadFileTooltip, children: t }), c = ({ icon: t }) => {

package/dist/components/layout/toolbar/tools/InputPageTool.js

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as h, jsx as g } from "react/jsx-runtime";
 import { useState as d, useEffect as S, useCallback as o } from "react";
-import { u as x, j as p } from "../../../../ToolbarLayout.module-e532b211.js";
+import { u as x, j as p } from "../../../../ToolbarLayout.module-5809c7ac.js";
 import { useLocalizationContext as C } from "../../../../contexts/LocalizationContext.js";
 import y from "../../../ui/RPTooltip.js";
 import { UIInput as E } from "../../../ui/Input.js";

package/dist/components/layout/toolbar/tools/NextPageTool.js

@@ -2,7 +2,7 @@ import { jsx as i, Fragment as l } from "react/jsx-runtime";
 import { useMemo as d } from "react";
 import { ChevronUpIcon as c } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as f } from "../../../ui/Button.js";
-import { u as s } from "../../../../ToolbarLayout.module-e532b211.js";
+import { u as s } from "../../../../ToolbarLayout.module-5809c7ac.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import { ViewMode as x, ScrollMode as P } from "../../../../utils/types.js";
 import "../../../../contexts/RPDocumentContext.js";

package/dist/components/layout/toolbar/tools/PreviousPageTool.js

@@ -1,7 +1,7 @@
 import { jsx as r, Fragment as e } from "react/jsx-runtime";
 import { ChevronUpIcon as p } from "../../../icons/ChevronUpIcon.js";
 import { UIButton as m } from "../../../ui/Button.js";
-import { u as a } from "../../../../ToolbarLayout.module-e532b211.js";
+import { u as a } from "../../../../ToolbarLayout.module-5809c7ac.js";
 import { useLocalizationContext as u } from "../../../../contexts/LocalizationContext.js";
 import P from "../../../ui/RPTooltip.js";
 const h = ({ icon: t }) => {

package/dist/components/layout/toolbar/tools/PrintTool.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { PrintDefaultTool as n } from "../../../icons/PrintDefaultIcon.js";
 import { UIButton as p } from "../../../ui/Button.js";
-import { c as m } from "../../../../ToolbarLayout.module-e532b211.js";
+import { c as m } from "../../../../ToolbarLayout.module-5809c7ac.js";
 import { useLocalizationContext as f } from "../../../../contexts/LocalizationContext.js";
 import T from "../../../ui/RPTooltip.js";
 const u = ({ children: o, className: i, localeMessages: t }) => /* @__PURE__ */ r(T, { className: i, content: t == null ? void 0 : t.printTooltip, children: o }), h = ({ icon: o }) => {

package/dist/components/layout/toolbar/tools/ThumbnailTool.js

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as l } from "react/jsx-runtime";
-import { i as h } from "../../../../ToolbarLayout.module-e532b211.js";
+import { i as h } from "../../../../ToolbarLayout.module-5809c7ac.js";
 import { ThumbnailIcon as p } from "../../../icons/Thumbnail.js";
 import { UIButton as u } from "../../../ui/Button.js";
 import a from "../../../ui/RPTooltip.js";

package/dist/components/layout/toolbar/tools/defaults/RPHorizontalBar.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { useState as d, useEffect as f } from "react";
 import "../../../../../contexts/RPDocumentContext.js";
 import "../../../../../contexts/DocumentPasswordContext.js";
-import { k as t, S as y, l as C, m as R } from "../../../../../ToolbarLayout.module-e532b211.js";
+import { k as t, S as y, l as C, m as R } from "../../../../../ToolbarLayout.module-5809c7ac.js";
 import "../../../../../contexts/DarkModeContext.js";
 import "../../../../../contexts/RotationContext.js";
 import "../../../../../contexts/LayerContext.js";

package/dist/components/page/AnnotationLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { E as mo } from "../../ToolbarLayout.module-e532b211.js";
+import { E as mo } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../utils/types.js";
 import "../../contexts/RotationContext.js";

package/dist/components/page/CanvasLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { C as rr } from "../../ToolbarLayout.module-e532b211.js";
+import { C as rr } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/DualPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { I as p } from "../../ToolbarLayout.module-e532b211.js";
+import { I as p } from "../../ToolbarLayout.module-5809c7ac.js";
 export {
   p as DualPage
 };

package/dist/components/page/RPPage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { G as mo } from "../../ToolbarLayout.module-e532b211.js";
+import { G as mo } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
 import "../../contexts/DarkModeContext.js";

package/dist/components/page/SinglePage.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { J as m } from "../../ToolbarLayout.module-e532b211.js";
+import { J as m } from "../../ToolbarLayout.module-5809c7ac.js";
 export {
   m as SinglePage
 };

package/dist/components/page/TextHighlightLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { F as ir } from "../../ToolbarLayout.module-e532b211.js";
+import { F as ir } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/page/TextLayer.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { D as tr } from "../../ToolbarLayout.module-e532b211.js";
+import { D as tr } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/components/ui/LoadingIndicator.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { p as i } from "../../ToolbarLayout.module-e532b211.js";
+import { p as i } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../clsx-0c6e471a.js";
 import "../../contexts/LocalizationContext.js";
 export {

package/dist/contexts/PaginationContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { s as p, P as e, u as s } from "../ToolbarLayout.module-e532b211.js";
+import { s as p, P as e, u as s } from "../ToolbarLayout.module-5809c7ac.js";
 import "./RPDocumentContext.js";
 import "../utils/appConsole.js";
 import "./GlobalCurrentPage.js";

package/dist/contexts/PrintContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { v as e, h as n, c as s } from "../ToolbarLayout.module-e532b211.js";
+import { v as e, h as n, c as s } from "../ToolbarLayout.module-5809c7ac.js";
 export {
   e as PrintContext,
   n as PrintProvider,

package/dist/contexts/RenderQueueProvider.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../utils/Queue.js";
 import "../utils/renderPage.js";
-import { A as m, g as p, B as d } from "../ToolbarLayout.module-e532b211.js";
+import { A as m, g as p, B as d } from "../ToolbarLayout.module-5809c7ac.js";
 export {
   m as RenderQueueContext,
   p as RenderQueueProvider,

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { z as a, f as s, d as c } from "../ToolbarLayout.module-e532b211.js";
+import { z as a, f as s, d as c } from "../ToolbarLayout.module-5809c7ac.js";
 export {
   a as SearchContext,
   s as SearchProvider,

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { x as m, T as r, i as e } from "../ToolbarLayout.module-e532b211.js";
+import { x as m, T as r, i as e } from "../ToolbarLayout.module-5809c7ac.js";
 export {
   m as ThumbnailContext,
   r as ThumbnailProvider,

package/dist/contexts/ZoomContext.js

@@ -20,32 +20,32 @@ const D = I({
   const c = M(D);
   return typeof c.currentZoom != "number" && J.warn("Please use this hooks inside children component of RPProvider"), c;
 }, ue = ({ children: c }) => {
-  const { initialScale: W = R.PAGE_FIT } = _(), [n, b] = u(W), { pages: l } = j(), { pagesRef: o } = T(), { viewMode: h } = k(), [H, V] = u({
-    width: (o == null ? void 0 : o.clientWidth) || 0,
-    height: (o == null ? void 0 : o.clientHeight) || 0
+  const { initialScale: W = R.PAGE_FIT } = _(), [n, b] = u(W), { pages: l } = j(), { pagesRef: t } = T(), { viewMode: h } = k(), [H, V] = u({
+    width: (t == null ? void 0 : t.clientWidth) || 0,
+    height: (t == null ? void 0 : t.clientHeight) || 0
   }), a = K(H, 100), { rotate: g } = q(), [i, z] = u(null), d = O(null), { currentPage: v } = B(), [w, y] = u(v);
   p(() => {
     let e = l.get(w);
     e || (e = l.get(1));
-    const t = e == null ? void 0 : e.page.getViewport({
+    const o = e == null ? void 0 : e.page.getViewport({
       scale: 1,
       rotation: e.defaultRotation + g
     });
-    t && JSON.stringify(t) !== JSON.stringify(d.current) && (d.current = t, z(t));
+    o && JSON.stringify(o) !== JSON.stringify(d.current) && (d.current = o, z(o));
   }, [l, g, w]);
   const m = Z(() => {
     if (!i)
       return null;
-    const e = ((i == null ? void 0 : i.width) || 0) + 2 * F, t = (i == null ? void 0 : i.height) || 0, r = (o == null ? void 0 : o.clientWidth) || 0, s = (o == null ? void 0 : o.clientHeight) || 0;
-    return { pageWidth: e, pageHeight: t, clientWidth: r, clientHeight: s };
-  }, [i]), L = x(() => {
+    const e = ((i == null ? void 0 : i.width) || 0) + 2 * F, o = (i == null ? void 0 : i.height) || 0, r = (t == null ? void 0 : t.clientWidth) || 0, s = (t == null ? void 0 : t.clientHeight) || 0;
+    return { pageWidth: e, pageHeight: o, clientWidth: r, clientHeight: s };
+  }, [i, t]), L = x(() => {
     const e = m();
     if (!a.width || !a.height || !e)
       return 0;
     if (typeof n == "number")
       return n / 100;
-    const { clientWidth: t, clientHeight: r, pageWidth: s, pageHeight: f } = e;
-    return C(n, t, r, s, f, h) / 100;
+    const { clientWidth: o, clientHeight: r, pageWidth: s, pageHeight: f } = e;
+    return C(n, o, r, s, f, h) / 100;
   }, [n, a, m, h]);
   p(() => {
     y(v);
@@ -54,14 +54,14 @@ const D = I({
       r.forEach((s) => {
         V({ width: s.contentRect.width, height: s.contentRect.height });
       });
-    }, t = new ResizeObserver(e);
-    return o && t.observe(o), () => {
-      t.disconnect();
+    }, o = new ResizeObserver(e);
+    return t && o.observe(t), () => {
+      o.disconnect();
     };
-  }, [o]);
+  }, [t]);
   const N = Z(
     (e) => {
-      let t = 0;
+      let o = 0;
       if (typeof e == "function") {
         const r = m();
         if (!r)
@@ -74,10 +74,10 @@ const D = I({
           E,
           h
         );
-        t = e(G);
+        o = e(G);
       } else
-        t = e;
-      t && b(t);
+        o = e;
+      o && b(o);
     },
     [m]
   ), S = x(() => ({

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as r } from "./components/RPProvider.js";
-import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-e532b211.js";
+import { a as x, R as m, S as l, b as p, u as f, c as a, d as n } from "./ToolbarLayout.module-5809c7ac.js";
 import { RPConfig as u } from "./components/RPConfig.js";
 import { RPLayout as P } from "./components/layout/RPLayout.js";
 import { RPController as C } from "./components/RPController.js";

package/dist/utils/hooks/useFileDownload.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { b as oo } from "../../ToolbarLayout.module-e532b211.js";
+import { b as oo } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2025-10-02T11:08:45.874Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2025-10-02T12:19:41.254Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,

package/dist/utils/hooks/usePaginate.js

@@ -1,6 +1,6 @@
 import "react";
 import "../types.js";
-import { r as tr } from "../../ToolbarLayout.module-e532b211.js";
+import { r as tr } from "../../ToolbarLayout.module-5809c7ac.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";

package/dist/utils/hooks/usePresentPage.js

@@ -5,7 +5,7 @@ import "../calculatePage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { K as tr } from "../../ToolbarLayout.module-e532b211.js";
+import { K as tr } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/usePrint.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { t as tr } from "../../ToolbarLayout.module-e532b211.js";
+import { t as tr } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -3,7 +3,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { q as po } from "../../ToolbarLayout.module-e532b211.js";
+import { q as po } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
 import "../../contexts/DocumentPasswordContext.js";
-import { y as tr } from "../../ToolbarLayout.module-e532b211.js";
+import { y as tr } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { w as om } from "../../ToolbarLayout.module-e532b211.js";
+import { w as om } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -4,7 +4,7 @@ import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/DocumentPasswordContext.js";
-import { H as ro } from "../../ToolbarLayout.module-e532b211.js";
+import { H as ro } from "../../ToolbarLayout.module-5809c7ac.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "A react-pdf-viewer component for React and Next.js. Suitable for react-pdf document.",
-  "version": "1.9.1-rc.8",
+  "version": "1.9.1-rc.9",
   "keywords": [
     "react-pdf",
     "react-pdf-viewer",